.circleRotator-item:before, .circleRotatorBackground:before, .circleRotatorContent ul li:after, .circleRotatorPagination-item:after, .content-asset:after, .content-asset:before, .history--type--1 .history-year:after, .history--type--5:after, .history-year:after, .history-year:before {
    content: ''
}

.circleRotator, .circleRotator-num {
    background-color: #FFF
}

.circleRotator, .circleRotator-wrapper, .history {
    overflow: hidden
}

.circleRotator, .circleRotator-container, .circleRotator-wrapper {
    position: relative;
    height: 855px
}

.background, .circleRotator-item--active .circleRotator-icon, .circleRotator-item--active .circleRotator-name, .circleRotatorBackground {
    opacity: 0
}

.info--ruby-1 .info-text, .info--support-1 .col-sm-6 .info-text {
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#80000000', endColorstr='#80000000', GradientType=0 )
}

.history a, .tabs .tabs-link, .tabs1-item, .tabs1-item:hover, .tabs2-item {
    text-decoration: none
}

.circleRotator-circle {
    position: absolute;
    width: 1346px;
    height: 1346px;
    left: -620px;
    top: -318px;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-image: url(../images/circleRotator-bg-transparent.png);
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    -webkit-transition: all .4s ease;
    transition: all .4s ease
}

.circleRotator-item {
    position: absolute;
    display: block;
    width: 220px;
    right: 0;
    top: 50%;
    padding-left: 50px;
    white-space: nowrap;
    cursor: pointer
}

    .circleRotator-item:before {
        position: absolute;
        display: block;
        width: 37px;
        height: 132px;
        top: -40px;
        left: 35px;
        background-repeat: no-repeat;
        background-position: 0 0;
        background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACUAAACECAYAAAAX3uJIAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAABBdJREFUeNrsm0tIVFEcxmeuN3yAUdKDIopSI0us6EHNmC2CciO0UEqobBFYGbZp1YOIkjYtKrDHMgqstEW1yNqVKVFED3tRViAyYZpOVKP28Pb99QyI5Dg6Z+75Eg/8uDhzvfz4zplzzzn3XK/jOJ6RlqJ6nyeWUu1viHTtBNtDVCC0BodWi0jIi8NV0G0RBVUBrqNqm22SlNbhUAIWyd8sSe0C5UgpSCGFlMpxSIXQtfBntmGhRBxOgJyBn5tO6iCoREpvBn5oG0wpA4cykDn4O5NJ7QbHkNKXwV/YhlJahkMhmP+v7y2DXcARpNTNIrUSrAUXhjrBMpRSBVL6zSKVBfLApUgnWQZSOhkpJbd/fVNAMZgz3ImWyymdQ0qh4U50K6kksB/Mi+Zkt5LaDi4ipU/RnGy7WHVboz3ZjaRk6vMdKT1nkioF50fyD/GWmgg2ghomKemXqqLpBtyUKol04zUhJX3SdPCASSpcdQ6T1CZwZTT/GC8pGeYmIqVGJqnCkXYDbkgVgJtMUmmq+h4xSeWDWrSnP0xS68GdWC6gW0pW47aBW0xSS8BTVN1nJimZPt2L9SK6pXLBfTYpGWU2MEnNBT1oTwEmKT+o13EhnVKrRjN2ireULIQ9ZpJKACtAI5OULKo2oZH/YJKSxxcvdbWDMS0lK3Sv2aTSwXs2KXlq8I5JapKMo/DL62SSmg2add7VdUjNAi1sUjNBgE1qKmhjk5L18XY2KZl8downZaJN2bFuplGdZ5AtqWTQpTUp4MR4Dbm9fNMt5Y3xGlJ1vWzVlwJCOqW8GnaaORgheNmS0l7GrNQvVOcENqmQauxUUr26m4GOi0nHmcom1aVuNVRSQXVTppJqU8MXKql2NdCjkupQQ+LxpP7LNhVQE1IqqRY1daeSalaLHHSdp4ORwmS28ZQsmGWyScnSYjqblCzCZrFJvQIL2aRegGw2qSaQgV9gCpOU7EGQzRE5bFOsJ2Apm5Q8O/axScmjWj+b1EeQhMY+g23ariUt3VKyUSKXTUq2lOSxST0Di9GupjFJybqCvL+QzyQl5TbYwCZVK0nJC6lMUh1qJLqcSUqKbKcsYJOqBkVsUm/BT7SrbCYpKZfBZjapKlCsXnqmkfoAWj39m71opKTIqwQlbFJ97QpVmMwk9RXc8PTvT6eRkiIv8pSyScloNBVVmMMkJeUs2MMmJb/CLdFOKtySkkclxz39b2nTSIWrcGc03YObUu3q1rODSSqc1l6kZTNJyYpfnTR6JqlwWgcipWVC6iG4G+lGbWoLgKR1GGkl0UhV+xtk33rNUP2Wyc0SZ1TbSqORQlpNqhoPMSUl5SgoQ1oLaKSQVg8O+8AppqRE7DQOnUjLRyOlSiVYDTGLRgpp1an1h7454l8BBgCiZfug/5rXrQAAAABJRU5ErkJggg==);
        opacity: 0;
        -webkit-transition: all .2s ease;
        transition: all .2s ease
    }

.circleRotator-item--active .circleRotatorBackground, .circleRotator-item--active:before {
    opacity: 1
}

.circleRotator-icon, .circleRotator-name {
    display: inline-block;
    vertical-align: middle;
    -webkit-transition: all .2s ease;
    transition: all .2s ease
}

.circleRotator-item--1 {
    margin-top: -27px;
    margin-right: -197px
}

.circleRotator-item--2 {
    margin-top: 160px;
    margin-right: -176px;
    -webkit-transform: rotate(14deg);
    -ms-transform: rotate(14deg);
    transform: rotate(14deg)
}

.circleRotator-item--3 {
    margin-top: 333px;
    margin-right: -111px;
    -webkit-transform: rotate(28deg);
    -ms-transform: rotate(28deg);
    transform: rotate(28deg)
}

.circleRotator-item--4 {
    margin-top: 480px;
    margin-right: -9px;
    -webkit-transform: rotate(42deg);
    -ms-transform: rotate(42deg);
    transform: rotate(42deg)
}

.circleRotator-num {
    position: absolute;
    width: 35px;
    height: 35px;
    top: 6px;
    left: 0;
    font-size: 16px;
    line-height: 35px;
    color: #999;
    text-align: center;
    border: 1px solid #9d9d9d;
    border-radius: 50%
}

.circleRotator-item--active .circleRotator-num {
    font-weight: 700;
    line-height: 33px;
    color: #54c439;
    border-width: 2px;
    border-color: #54c439
}

.circleRotator-icon.icon * {
    fill: #acacac
}

.circleRotator-name {
    margin-left: 10px;
    font-size: 17px;
    line-height: 20px;
    color: #999
}

.circleRotatorBackground {
    position: absolute;
    display: block;
    width: 206px;
    height: 206px;
    top: -76px;
    left: 68px;
    text-align: center;
    background-color: #54c439;
    border-radius: 50%;
    -webkit-transition: all .2s ease;
    transition: all .2s ease
}

    .circleRotatorBackground-img, .circleRotatorBackground:before {
        display: inline-block;
        vertical-align: middle
    }

        .circleRotatorBackground-img.icon * {
            fill: #FFF
        }

    .circleRotatorBackground:before {
        height: 100%
    }

.circleRotatorContent-item, .content-asset--zoom--no:after, .content-asset--zoom--no:before, .content-asset:after {
    display: none
}

.icon.circleRotator-icon {
    max-width: 50px;
    height: 50px
}

    .icon.circleRotator-icon path {
        fill: #999
    }

.icon.circleRotatorBackground-img {
    width: 140px;
    height: 120px
}

    .icon.circleRotatorBackground-img path {
        fill: #fff
    }

.circleRotator-info {
    position: relative;
    max-width: 496px;
    margin-top: 180px;
    padding-left: 48px
}

.circleRotator-heading h3, .circleRotator-heading h4 {
    margin-top: 0;
    margin-bottom: 24px;
    font-weight: 300;
    font-size: 52px;
    line-height: 60px;
    text-transform: uppercase
}

.circleRotator-description p {
    line-height: 35px
}

.circleRotatorContent {
    padding-top: 243px
}

.circleRotatorContent-item--active {
    display: block
}

.circleRotator-title h3 {
    margin-top: 0;
    margin-bottom: 20px;
    font-family: Ubuntu,Arial,Helvetica,sans-serif;
    font-weight: 300;
    font-size: 30px
}

.circleRotatorContent ul {
    margin: 0;
    padding: 0 0 0 18px;
    list-style-type: none
}

    .circleRotatorContent ul li {
        position: relative;
        font-size: 17px;
        line-height: 25px;
        color: #727a82;
        list-style-type: none !important
    }

.historyItem-num, .historyItem-text h4 {
    font-family: Ubuntu,Arial,Helvetica,sans-serif;
    color: #51c336
}

.infoList-list, .tabs-list, .tabs-text ul {
    list-style-type: none
}

.circleRotatorContent ul li + li {
    margin-top: 15px
}

.circleRotatorContent ul li:before {
    display: none !important
}

.circleRotatorContent ul li:after {
    position: absolute;
    display: block;
    width: 4px;
    height: 4px;
    top: 11px;
    left: -15px;
    background-color: #51c336;
    border-radius: 50%
}

.circleRotatorPagination {
    position: absolute;
    width: 8px;
    top: 50%;
    right: -50px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.circleRotatorPagination-item {
    position: relative;
    display: block;
    width: 8px;
    height: 8px;
    background-color: #d9d9d9;
    border-radius: 50%;
    -webkit-transition: all .2s ease;
    transition: all .2s ease
}

    .circleRotatorPagination-item + .circleRotatorPagination-item {
        margin-top: 18px
    }

    .circleRotatorPagination-item:after {
        position: absolute;
        display: block;
        width: 12px;
        height: 12px;
        top: -2px;
        left: -2px;
        background-color: #55c53a;
        border-radius: 50%;
        opacity: 0;
        -webkit-transition: all .2s ease;
        transition: all .2s ease
    }

.circleRotatorPagination-item--active:after {
    opacity: 1
}

.circleRotator--first .circleRotatorPagination-prev, .circleRotator--last .circleRotatorPagination-next {
    opacity: .4;
    pointer-events: none
}

.circleRotatorPagination-item:hover {
    background-color: #55c53a
}

.circleRotatorPagination-arrow {
    position: absolute;
    display: block;
    width: 28px;
    height: 51px;
    left: -10px;
    background-repeat: no-repeat;
    background-position: 0 0;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADgAAABmCAYAAACeAlKZAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA4VJREFUeNrs3DFPFEEUB/DhQmFiTQU2YIKNsZCExgRyeJ0FEKAAGhsa0CAUHp+AsxCJYnOVBVCAEWMsTE4IJliY0FGZAI1Q0ZFoLH2PvDEvkzmc3Z2hMP9JXuZudm/n/djd2W14LZ1375sc7bH0L4/2G6ZIG97rDdntlfSP3A3v7n279IetOXKaorB/ld8UdZO21Sgm5PNPimqWH7fmwPVRfJLvfV09FUNnsZ4QN0LxRr6PSB+MLOXAzVL8kpgV5FRCXD/FuUS/jNViAxkwIKAzNX4mYwORkQwYF9CJGj+RsfFQZCkQV6GYc3AXjS7PM9lWiYTkxCcpyg5OI8uyT60o0OL4LJ0224mQp7JPUaTF8Vk6vGS/Q9lnklbhWl7gRAiuCXIiB24hEOdDLmQF8jU+GIrzIAcJOZ4Bx6vidAaci5wmZDUUyIkNZcV5kEOBSE5sJgfOPugtcsaHLMXEZUVKQrlxIciSgxstivMgR31ISeRJUZwHOaeRJYUbo5iPgXOQfMwxjZQE5uWV7zDWfILk5/W8RZYUjp9lx7FfRwh5LMe+QCpcmRI6iD2fHLNskQy8kQrnQfJc3alwHmQ3v2w/M1fQBHklcynkw5L5zxuAAAIIIIAAAggggAACCCCAAAIIIIAAAggggAACCCCAAAIIIIAAAggggAACCCCAAAIIIIAAAggggAACCCCAAAIIIIAAAggggAACCCCAuvH/0T+l2DQJCwVw6+qpdFI3emf5/Bb1SykLBXAb3uu9Td0cn8EfPCFFZ2Lcksz1nWJHEkiJ2+G5+AyuyzgnEL3kg8JtHO031iUBI0gux3CQCPecrpKavQd54g0epGiPiGuXY/7FceOJZfwzxc2IOD7WtsW5i8y63IvLMZCC42NtapyDfEGxGwMpuF25v2vNVlFOZKsoUuG2fDgHuVIUqXArGmdXUeNBGkkwc3WgUJxqNiFOsN9kLKBzGa4Z0CJbsiIV7n0gTiNbciAt7rUP968H/RpFI/RyVbgG4dZyXGmLFKsZLleLWyXcYt43mXoI0sEVqVRZDURqXLXoq5pF8rOszYNrk22NSGU4LZKfZR2e7R2ybdUElOEMrS9adxYe29pkbDtyjdGqs/Bo3K6sEUE1RrMUUNXIr+rzl0QFVDXyg/r81mQooJq1QqyFPJD+Y8LqsBo5peZPWgLXTnLNAZvEyOsOOLj9EWAAsTxmo9a74XkAAAAASUVORK5CYII=);
    -webkit-transition: all .2s ease;
    transition: all .2s ease
}

.circleRotatorPagination-prev {
    top: -81px;
    background-position: 0 0
}

.circleRotatorPagination-next {
    bottom: -81px;
    background-position: 0 -51px
}

.circleRotator--5-items .circleRotator-container, .circleRotator--5-items .circleRotator-wrapper, .circleRotator--5-items.circleRotator {
    height: 700px
}

.circleRotator--5-items .icon.circleRotator-icon {
    max-width: 90px
}

.circleRotator--5-items .circleRotator-info {
    max-width: 520px;
    margin-top: 160px
}

.circleRotator--5-items .circleRotator-item--1 {
    margin-top: -27px;
    margin-right: -197px
}

.circleRotator--5-items .circleRotator-item--2 {
    margin-top: 110px;
    margin-right: -185px;
    -webkit-transform: rotate(10.5deg);
    -ms-transform: rotate(10.5deg);
    transform: rotate(10.5deg)
}

.circleRotator--5-items .circleRotator-item--3 {
    margin-top: 240px;
    margin-right: -150px;
    -webkit-transform: rotate(21deg);
    -ms-transform: rotate(21deg);
    transform: rotate(21deg)
}

.circleRotator--5-items .circleRotator-item--4 {
    margin-top: 365px;
    margin-right: -90px;
    -webkit-transform: rotate(31.5deg);
    -ms-transform: rotate(31.5deg);
    transform: rotate(31.5deg)
}

.circleRotator--5-items .circleRotator-item--5 {
    margin-top: 480px;
    margin-right: -5px;
    -webkit-transform: rotate(42deg);
    -ms-transform: rotate(42deg);
    transform: rotate(42deg)
}

.circleRotator-description[data-num] {
    position: absolute;
    opacity: 0;
    -webkit-transition: opacity .2s ease;
    transition: opacity .2s ease
}

    .circleRotator-description[data-num].active {
        opacity: 1
    }

.circleRotator-description h4 {
    margin: 0
}

@media (max-width:1500px) {
    .circleRotatorContent {
        padding-right: 15px
    }

    .circleRotatorPagination {
        right: 10px
    }
}

@media (max-width:1440px) {
    .circleRotator-circle {
        left: -756px
    }
}

@media (max-width:1200px) {
    .circleRotator-heading h4 {
        font-size: 32px;
        line-height: 46px
    }

    .circleRotator-circle {
        left: -974px
    }

    .circleRotator-info {
        margin-top: 0
    }

    .circleRotator--5-items .circleRotator-info, .circleRotator-info {
        max-width: 270px;
        padding-left: 0
    }

    .circleRotator--5-items .circleRotator-info {
        margin-top: 50px
    }
}

@media (max-width:1029px) {
    .circleRotator-circle, .circleRotatorPagination {
        display: none
    }

    .circleRotator {
        padding-top: 100px;
        padding-bottom: 50px
    }

    .circleRotator, .circleRotator-container, .circleRotator-wrapper {
        height: auto !important
    }

    .circleRotatorContent {
        padding-top: 0;
        font-size: 0
    }

    .circleRotatorContent-description h4 {
        margin: 1em 0 0
    }

    .circleRotatorContent-description p {
        font-size: 17px
    }

    .circleRotatorContent-item {
        display: inline-block !important;
        vertical-align: top;
        width: 50%;
        margin-bottom: 50px
    }

        .circleRotatorContent-item:nth-child(odd) {
            padding-right: 30px
        }

    .circleRotator--5-items .circleRotator-info, .circleRotator-info {
        margin-top: 0;
        padding-top: 0;
        text-align: center;
        max-width: 100%
    }
}

@media (max-width:767px) {
    .circleRotator {
        padding-top: 50px;
        padding-bottom: 50px
    }

    .circleRotatorContent-item {
        display: block;
        width: 100%;
        margin-bottom: 30px
    }

        .circleRotatorContent-item:nth-child(odd) {
            padding-right: 0
        }

        .circleRotatorContent-item:last-child {
            margin-bottom: 0
        }

    .circleRotator--5-items .circleRotatorContent-description p {
        height: auto !important
    }
}

@media only screen and (-webkit-min-device-pixel-ratio:2),only screen and (min--moz-device-pixel-ratio:2),only screen and (-o-min-device-pixel-ratio:2/1),only screen and (min-device-pixel-ratio:2) {
    .circleRotator-item:before {
        background-image: url(data:image/png;base64,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);
        background-size: 37px 132px
    }

    .circleRotatorPagination-arrow {
        background-image: url(data:image/png;base64,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);
        background-size: 56px 102px
    }
}

.content-asset {
    position: relative
}

    .content-asset:before {
        display: none;
        position: absolute;
        width: 60px;
        height: 60px;
        top: 50%;
        left: 50%;
        margin-top: -30px;
        margin-left: -30px;
        background: #000;
        background: rgba(0,0,0,.8);
        border-radius: 5px;
        -webkit-box-shadow: 0 4px 10px rgba(0,0,0,.5);
        box-shadow: 0 4px 10px rgba(0,0,0,.5);
        z-index: 1
    }

    .content-asset:after, .history-year {
        position: absolute;
        top: 50%;
        background-repeat: no-repeat;
        background-position: 50% 50%
    }

    .content-asset:after {
        width: 32px;
        height: 32px;
        left: 50%;
        margin-top: -16px;
        margin-left: -16px;
        background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAklJREFUeNrU189LFGEcx/FdSwMVsrpomZX9uBR50ahD0alDYNEliToIXSK8CkVEh4igS0X0ByQoeqqLdIlOBRVBRD+0XwZlhVZCedDU2N5f+gwM2+z67LPPGA68WOaZ2X0+88zM93k2m8vlMv9zyzoEaMUB7ECD2qYxjPvo0X4qAc6hE5UYwShmUIdNaMQQzuCuVwILkGA3PuEdOgucY1ajL/d3GyhyXkFJjYf0g1djbfsxiKd4iQe4jGodb8EXvCg3QKs6P6H9LXiOCfRoNA7iLB7iF87Hvj+GR74B7HmYxZVY20ncQ12BHziq4yu1X6ULOO0T4AImfe5jgVtYU0qA7fiB4wECmA95t2beAJfwFUsDBbDRfOZyboXexha8wlygAjeIFaid78QoQD2+BaywIypeDa4BKgNevW2z+lzmGmASNQEDWKm2Gj/hGuA9mgIGaMMUxlwD3EEzNgYK0IG3+O06GVWrzvcFeAWjariv1Eq4R19cV2aAXgz7Tkb9mmB8Oz+ii6gvZzp+jY+oLbHzw5jDNLqxExt8ApjH+IkOh45X4YaufEadDmnfRnOtTwBzCt9V0y9iF9ZoeK2TY7iptcITHb+OW1pNdeGagjT7BDDLNavZCmhUq57PWni8wW20JyxoumJtA8VClHKPbag3YxuasCThHDs2nreoiR7uxBCZQNNv3Hp11u8SIo0AGXWSFKJX646taQcoFmJcq6/UA8RDRP8ZuvVqti9UgCjElMqzbXsX4hnI16ji9M8ElV0M/45T3f4IMAC3vGdsRRn5owAAAABJRU5ErkJggg==);
        z-index: 2
    }

@media (max-width:767px) {
    .content-asset:after, .content-asset:before {
        display: block
    }

    .content-asset--zoom--no:after, .content-asset--zoom--no:before {
        display: none
    }
}

@media only screen and (-webkit-min-device-pixel-ratio:2),only screen and (min--moz-device-pixel-ratio:2),only screen and (-o-min-device-pixel-ratio:2/1),only screen and (min-device-pixel-ratio:2) {
    .content-asset:after {
        background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAABRpJREFUeNrsm11sVEUYhretUFsipfwEASulFJC/GENMDRiU5QKNpnIBQQOYmAhkI4RwIRcmJgheeAEEE6Jc4IUIegEmAtGIkoIk/IUEqpQSsBYsRQEJpdAKQmF5v/ieMDk5u909O3POnGUneTKn29k5870z8505880WJZPJ2KOcigoCFATQJsAEEAdTwTgwElSCYiA36QBt4Cw4DPaDxqgLMBgsAm+DZ3x8vxVsA5+Dv6MkgPTsh2AJKOdn3WAvOMiebWGvd4IK0B+MBpPBdDATDOB374IvwCpwOVAFRIAsmQ+uJB+mg2AeKMuynlLwBvhZqasTJECRj3b5IpvC5WCL0tgTYIamhjxPIZ30HagMQoBMp8AQsBvUgR7wAVgP7nmUlWE9DTwHqkApuAMugibwC7jqNR3BYrABPA6awSzQHvYUGAKa2DMy9OtSlIuDneBuMn26B34Cr6UY6hPBeZa9AKrCHAHi4BrY863skRZXmVH04rOUz37lo66VzlHqqWY9U9jbMTrMxextNY0AP4JJ4DR4EVwLYwRsUXq+1uP/r9NxSfoXrAU1vdQ5AqxRvncLLPAoNwycY5nvTTnG3rx9kkPaa9gPBjdZpgGMzPLmQ+nsJPWAsR5lxoMullkRpAADlEfdyjQVyLzfAEp8NkB69SOKnarMO2xHF0dPIAKs500bczBOJw1sz1dBOEFZ3v5JxyVr+30WvLOIM/wN3AdjwDldFRd7fLaIxh+yxPgY1w+yDikBy00/BZo53N60YOirzGS7Lumclu4pIK+0p/jsltXfLYte3Yu5KhwGXuaKUvsUiDPfa5nxMc7/H3g9w5QPeEFZodmYnF6fZkqA8cwbLRWgiflYUxsi8pY2CNTofNRoTP1AF7fY+qR4G81pBFQy77B0BHTzdVxepp4wMQWcvzst3sjtZt7fhADOfKiwWIAy5jdMCNChU11Dxvd1jQStArQxH22pALXM27mTrF2As8rLh41pIvPfTa0DDjN/yVIBnHYdMSXAAWVJXGqZ8fLoe8W1ItQuwAluZFa6NjltSHXcWO3Q+Zru9Rj8htdLLRNgGfPtsf/jDEaWwpKGg/NcasoW9nELjK+hgy6hI2w2uSP0F/iS15/GHu7hh5nW0fidOo1PtSPkbFnf4A7MuyHvBM1mO/4DY4KMCyzljbsZrgrD+ColgLI66MCI+IfdvHkreDJg4ytcMcLHwgiPDwKn2YiTnBpBGd/sCqp+Etb5gKdBOxvRAsYZNv4ppeclHXOJIDvCW3mQIrADEhL3O8NGSDxwoSHj6xXnqwZFE8pnp5TrRJAnRCQYuke5+R4GL3UYXg2+Vep2gq7/gMks857y//u6RPATzHyfoXCnITvAdFDsowF1jPc5hyruMHQuvueoIsKzYJsSSa7ndMhZBL/KiV/42tUTbWATeIu95j401RdMAHPBRvCHy8ntcoXIKxQRbisC1StlchYh16FbS2OupDgOIyPluhLjdyf532YwKUX9A8FVV8+7y+Qkgi7n1Yexu4/BPnAxhcES1zvARr/Ko3Lp6t2qTLX6NOV8i2DycVZGx1nNg1blPupIZLEO8CWCTdHfUESIggBGRYiKAMZEiJIARkSImgDaRYiiAFpFiKoA2YgQ5yIqybPMeSNAJiLElfeWXVyO55UA6UTo1fh8EcBLhIyMzycB3CL0ZGJ8Nr8YiUpKgM94LSdL5/QWRcrHH04mGESdm0kIrfDL0YIABQEebQEeCDAAanzo3ALz7+oAAAAASUVORK5CYII=);
        background-size: 32px 32px
    }
}

.history {
    position: relative;
    padding-top: 228px;
    padding-bottom: 228px;
    background-color: #FFF;
    background-repeat: no-repeat
}

    .history .container {
        position: relative;
        display: table
    }

.history-row {
    display: table-row
}

.history-wrapper {
    display: table-cell;
    width: 50%;
    vertical-align: middle
}

.historyItem-icon, .historyItem-num {
    display: inline-block;
    vertical-align: middle
}

.history.lists--bullets ul {
    margin: 0;
    left: 0;
    width: 57%
}

    .history.lists--bullets ul li {
        font-size: 19px;
        line-height: 30px
    }

        .history.lists--bullets ul li + li {
            margin-top: 14px
        }

.historyItem {
    position: relative;
    font-size: 0
}

.historyItem-row {
    font-size: 0
}

.historyItem + .historyItem {
    margin-top: 72px
}

.historyItem-num {
    font-weight: 700;
    font-size: 100px;
    line-height: 100px
}

.historyItem-icon {
    margin-bottom: 10px
}

.historyItem-text h4, .historyItem-text p {
    margin-top: 0;
    margin-bottom: 0
}

.historyItem-icon + .historyItem-icon {
    margin-left: 28px
}

.historyItem-text {
    font-weight: 400;
    font-size: 19px
}

    .historyItem-text h4 {
        font-weight: 700;
        font-size: 52px;
        line-height: 52px
    }

.history-year {
    width: 270px;
    height: 270px;
    left: 50%;
    margin-top: -135px;
    margin-left: -135px;
    font-weight: 300;
    font-family: Avenir,Arial,Helvetica,sans-serif;
    font-size: 52px;
    line-height: 270px;
    color: #FFF;
    text-align: center;
    background-color: #51c336;
    border-radius: 50%
}

    .history-year:after, .history-year:before {
        position: absolute;
        width: 1px;
        height: 5000px;
        left: 50%;
        background-color: #51c336
    }

    .history-year:before {
        bottom: 100%
    }

    .history-year:after {
        top: 100%
    }

.history a {
    font-size: 15px;
    line-height: 30px;
    color: #51c336
}

.history-intro {
    position: relative;
    max-width: 564px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 42px;
    border: 1px solid #51c336;
    z-index: 1;
    padding: 14px 15px 18px
}

    .history-intro p {
        margin-top: 0;
        margin-bottom: 0;
        font-size: 25px;
        line-height: 38px;
        color: #FFF;
        text-align: center
    }

.historyItem--type--1 .historyItem-row {
    position: absolute;
    height: 100px;
    top: 0;
    left: 0
}

    .historyItem--type--1 .historyItem-row + .historyItem-row {
        position: relative;
        display: table;
        padding-left: 118px
    }

.historyItem--type--1 .historyItem-icon {
    margin-bottom: 0
}

.historyItem--type--1 .historyItem-text {
    display: table-cell;
    vertical-align: middle
}

.history--type--5 .historyItem + .historyItem {
    margin-top: 88px
}

@media (max-width:1200px) {
    .history-year {
        width: 180px;
        height: 180px;
        top: 50%;
        left: 50%;
        margin-top: -90px;
        margin-left: -90px;
        line-height: 180px
    }
}

@media (max-width:1030px) {
    .history .container, .history-row {
        display: block
    }

    .history-wrapper--right, .history-year {
        padding-left: 0 !important
    }

    .history {
        padding-top: 100px !important;
        padding-bottom: 100px !important
    }

        .history .row {
            margin-left: 0;
            margin-right: 0
        }

    .history-wrapper {
        display: block;
        width: 100%
    }

    .history-year {
        position: relative;
        width: 270px !important;
        height: 270px !important;
        top: auto;
        left: auto;
        margin-top: 0 !important;
        margin-left: auto !important;
        margin-right: auto !important;
        margin-bottom: 100px;
        padding-right: 0 !important;
        font-family: Avenir,Arial,Helvetica,sans-serif !important;
        font-weight: 300;
        font-size: 52px !important;
        line-height: 270px !important;
        color: #FFF !important;
        text-align: center !important;
        background: #51c336 !important;
        border-radius: 50% !important
    }

        .history-year:before {
            display: none !important;
            margin-bottom: -24px !important
        }

        .history-year:after {
            display: none !important;
            margin-top: -24px !important
        }

    .history-wrapper--left {
        display: none
    }

    .history-info {
        text-align: center
    }

    .historyItem--type--1 .historyItem-row {
        position: relative;
        top: auto;
        left: auto;
        width: 100% !important;
        min-height: 0;
        height: auto;
        text-align: center !important
    }

        .historyItem--type--1 .historyItem-row + .historyItem-row {
            display: block;
            padding-left: 0 !important;
            text-align: center !important
        }

    .historyItem--type--1 .historyItem-icon {
        margin-bottom: 30px
    }

    .historyItem--type--1 .historyItem-text {
        display: block
    }

    .historyItem {
        left: auto !important
    }

        .historyItem + .historyItem {
            margin-top: 50px
        }

    .historyItem-icon + .historyItem-icon {
        margin-left: 0
    }

    .historyItem-icon {
        margin-left: 10px;
        margin-right: 10px
    }

    .history-intro {
        margin-bottom: 0
    }
}

@media (max-width:767px) {
    .history {
        padding-top: 50px !important;
        padding-bottom: 50px !important
    }

    .history-year {
        width: 180px !important;
        height: 180px !important;
        line-height: 180px !important;
        margin-bottom: 50px !important
    }
}

@media (max-width:600px) {
    .history-intro {
        margin-left: 15px;
        margin-right: 15px
    }
}

.history--bgcolor--dark {
    background-color: #000
}

    .history--bgcolor--dark .history-wrapper--left li {
        color: #8c8c8c
    }

    .history--bgcolor--dark .historyItem-num, .history--bgcolor--dark .historyItem-text {
        color: #FFF
    }

.history--type--1.history {
    padding-bottom: 517px;
    background-position: 50% 50%;
    background-image: url(../images/history--type--1-bg.jpeg)
}

.history--type--1 .history-wrapper--right {
    padding-left: 22%
}

.history--type--1 .history-year:after {
    position: absolute;
    display: block;
    width: 100%;
    height: 5px;
    left: 0;
    top: auto;
    bottom: 0;
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: 50% 0;
    background-image: url(../images/history-year.png)
}

@media (max-width:1199px) {
    .history--type--1.history {
        background-position: 50% 32%
    }
}

@media (max-width:1030px) {
    .history--type--1.history {
        background: 0 0
    }

    .history--type--1 .history-year:after {
        display: none !important
    }
}

.history--type--11.history {
    padding-bottom: 372px;
    background-repeat: no-repeat,no-repeat;
    background-position: 0 126%,73% 92%;
    background-image: url(../images/history--type--11-bg1.jpeg),url(../images/history--type--11-bg2.jpeg)
}

.history--type--11 .container {
    padding-top: 100px;
    padding-bottom: 100px;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-image: url(../images/history--type--11-container.png)
}

.history--type--11 .history-wrapper--right {
    padding-left: 25%
}

.history--type--11 .history-year {
    color: #FFF;
    background-color: transparent
}

    .history--type--11 .history-year:before {
        margin-bottom: 98px
    }

    .history--type--11 .history-year:after {
        margin-top: 98px
    }

@media (max-width:1440px) {
    .history--type--11 .history-wrapper--right {
        padding-left: 15%
    }

    .history--type--11 .container {
        background-size: 300px 300px
    }

    .history--type--11 .history-year:before {
        margin-bottom: 4px
    }

    .history--type--11 .history-year:after {
        margin-top: 4px
    }
}

@media (max-width:1200px) {
    .history--type--11.history {
        background-image: url(../images/history--type--11-bg1.jpeg)
    }

    .history--type--11 .history-year:before {
        margin-bottom: 48px
    }

    .history--type--11 .history-year:after {
        margin-top: 48px
    }
}

@media (max-width:1030px) {
    .history--type--11.history {
        background: 0 0
    }

    .history--type--11 .container {
        padding-top: 0;
        padding-bottom: 0;
        background: 0 0
    }
}

.history--type--10.history {
    padding-bottom: 58px;
    background-repeat: no-repeat,no-repeat;
    background-position: 0 50%,100% 50%;
    background-image: url(../images/history--type--10-bg1.jpeg),url(../images/history--type--10-bg2.jpeg)
}

.history--type--10 .history-wrapper--right {
    padding-left: 21%
}

.history--type--10 .history-year {
    margin-top: -170px;
    background: rgba(60,152,6,.42)
}

    .history--type--10 .history-year:before {
        margin-bottom: 198px
    }

    .history--type--10 .history-year:after {
        margin-top: 270px
    }

.history--type--10 .container {
    padding-top: 144px;
    padding-bottom: 144px;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-image: url(../images/history--type--10-container.jpeg)
}

@media (max-width:1199px) {
    .history--type--10 .history-year {
        margin-top: -100px
    }

        .history--type--10 .history-year:before {
            margin-bottom: 268px
        }

        .history--type--10 .history-year:after {
            margin-top: 290px
        }
}

@media (max-width:1030px) {
    .history--type--10.history {
        background: 0 0
    }

    .history--type--10 .container {
        padding-top: 0;
        padding-bottom: 0;
        background: 0 0
    }
}

.history--type--12.history {
    padding-top: 125px;
    padding-bottom: 185px
}

.history--type--12 .container {
    padding-top: 40px;
    padding-bottom: 40px;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-image: url(../images/history--type--12-bg.jpeg)
}

.history--type--12 .history-wrapper--right {
    padding-left: 28%
}

.history--type--12 .history-year {
    margin-top: -44px;
    color: #FFF;
    background-color: transparent
}

    .history--type--12 .history-year:before {
        margin-bottom: 224px
    }

.history--type--13 .history-year:before, .history--type--14 .history-year:before {
    margin-bottom: 40px
}

.history--type--12 .history-year:after {
    margin-top: -8px
}

@media (max-width:1199px) {
    .history--type--12 .container {
        background-size: 450px auto
    }

    .history--type--12 .history-year {
        margin-top: 0
    }
}

@media (max-width:1030px) {
    .history--type--12 .container {
        padding-top: 0;
        padding-bottom: 0;
        background: 0 0
    }
}

.history--type--13.history {
    padding-top: 206px;
    padding-bottom: 250px;
    background-image: url(../images/history--type--13-bg.jpeg);
    background-size: cover
}

.history--type--13 .history-wrapper--right {
    padding-left: 14%
}

.history--type--13 .history-year {
    width: 270px;
    height: 344px;
    margin-top: -180px;
    margin-left: -135px;
    line-height: 52px;
    background-color: transparent;
    background-position: 50% 100%;
    background-image: url(../images/history--type--13-container.png);
    border-radius: 0
}

    .history--type--13 .history-year:after {
        margin-top: 58px
    }

.history--type--13 .historyItem--type--1 .historyItem-row {
    width: 180px;
    text-align: right
}

    .history--type--13 .historyItem--type--1 .historyItem-row + .historyItem-row {
        width: auto;
        padding-left: 200px;
        text-align: left
    }

.history--type--13 .historyItem-num {
    opacity: .5
}

.history--type--14.history {
    padding-top: 256px;
    padding-bottom: 526px;
    background-position: 50% 43%;
    background-image: url(../images/history--type--14-bg.jpeg);
    background-size: 900px auto
}

.history--type--14 .history-wrapper--right {
    padding-left: 20%
}

.history--type--14 .history-year {
    margin-top: -98px;
    background-color: transparent
}

    .history--type--14 .history-year:after {
        margin-top: 150px
    }

@media (max-width:1440px) {
    .history--type--14.history {
        background-size: 600px auto
    }

    .history--type--14 .history-year {
        font-size: 30px
    }
}

@media (max-width:1200px) {
    .history--type--14 .history-year {
        margin-top: -32px
    }
}

@media (max-width:1030px) {
    .history--type--14.history {
        background: 0 0
    }
}

.history--type--15.history {
    padding-top: 202px;
    padding-bottom: 205px;
    background-position: 50% 50%;
    background-image: url(../images/history--type--15-bg.jpeg);
    background-size: cover
}

.history--type--15 .history-wrapper--right {
    padding-left: 26%
}

.history--type--15 .history-year {
    width: 496px;
    height: 496px;
    margin-top: -248px;
    margin-left: -248px;
    line-height: 496px;
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-image: url(../images/history--type--15-container.png)
}

    .history--type--15 .history-year:before {
        margin-bottom: 50px
    }

    .history--type--15 .history-year:after {
        margin-top: 50px
    }

.history--type--16.history {
    padding-bottom: 315px;
    background-position: 0 0;
    background-image: url(../images/history--type--16-bg.jpeg)
}

.history--type--16 .history-wrapper--right {
    padding-left: 14%
}

.history--type--16 .historyItem--type--1 .historyItem-row {
    width: 130px;
    text-align: center
}

    .history--type--16 .historyItem--type--1 .historyItem-row + .historyItem-row {
        width: auto;
        padding-left: 130px;
        text-align: left
    }

@media (max-width:1030px) {
    .history--type--16.history {
        background: 0 0
    }
}

.history--type--17.history {
    padding-top: 76px;
    padding-bottom: 74px;
    background-image: url(../images/history--type--17-bg.jpeg);
    background-size: cover
}

.history--type--17 .container {
    padding-top: 100px;
    padding-bottom: 100px
}

.history--type--17 .history-wrapper--right {
    padding-left: 17%
}

.history--type--17 .historyItem-text h4 {
    font-size: 100px;
    line-height: 100px;
    color: #FFF
}

.history--type--17 .historyItem--type--1 .historyItem-row + .historyItem-row {
    padding-left: 160px
}

.history--type--17 .history-year {
    width: 510px;
    height: 510px;
    margin-top: -255px;
    margin-left: -255px;
    padding-right: 100px;
    font-family: Ubuntu,Arial,Helvetica,sans-serif;
    font-weight: 700;
    font-size: 80px;
    line-height: 510px;
    text-align: right;
    background-color: #000
}

.iconSlider .owl-item, .iconSlider-item, .iconSlider.slider--mobile, .info-block, .info-media {
    text-align: center
}

.history--type--17 .history-year:before {
    height: 5000px;
    bottom: -2500px
}

.history--type--17 .history-year:after {
    width: 526px;
    height: 521px;
    top: -10px;
    left: -10px;
    bottom: auto;
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-image: url(../images/history--type--17-container.png);
    background-size: cover
}

.history--type--17 .history-intro {
    background-position: 50% 50%;
    background-image: url(../images/history--type--17-bg.jpeg)
}

.history--type--17 .history-wrapper--left li {
    color: #FFF
}

@media (max-width:1200px) {
    .history--type--17 .history-year {
        width: 250px;
        height: 250px;
        margin-left: -125px;
        margin-top: -125px;
        padding-right: 50px;
        font-family: Avenir,Arial,Helvetica,sans-serif;
        font-weight: 300;
        font-size: 52px;
        line-height: 250px
    }

        .history--type--17 .history-year:after {
            width: 270px;
            height: 270px
        }

    .history--type--17 .historyItem {
        left: 0
    }

    .history--type--17 .historyItem-icon {
        display: none
    }
}

.iconSlider--page-application-integration .heading-title h3, .iconSlider-text, .infoList-title h4 {
    font-family: Ubuntu,Arial,Helvetica,sans-serif
}

@media (max-width:1030px) {
    .history--type--17 .container {
        padding-bottom: 0
    }

    .history--type--17 .history-year:after {
        display: none !important
    }
}

@media (max-width:767px) {
    .history--type--17 .container {
        padding-top: 50px;
        padding-bottom: 0
    }
}

.history--type--18.history {
    padding-bottom: 0;
    padding-top: 0;
    background: url(../images/history--type--18--bg--2.png) center center no-repeat,center center no-repeat #f2f2f2
}

.history--type--18 .history-wrapper--right {
    padding-left: 18%
}

.history.history--type--18 .history-wrapper--left ul {
    margin-top: 179px;
    margin-left: -58px;
    width: 58%
}

.history--type--18 .history-year {
    margin-top: -350px;
    color: #51c336;
    background-color: transparent
}

    .history--type--18 .history-year:after {
        top: 649px
    }

    .history--type--18 .history-year:before {
        margin-bottom: -48px
    }

.history--type--18 > .container {
    background-repeat: no-repeat;
    background-position: center center;
    background-image: url(../images/history--type--18--bg.png);
    padding-top: 100px;
    padding-bottom: 300px
}

.history--type--18 .monster-image, .history--type--18 .monster-image2 {
    background-repeat: no-repeat;
    background-position: center bottom;
    bottom: 0;
    position: absolute
}

.history--type--18 .history-info {
    padding-top: 356px
}

.history--type--18 .historyItem--type--1 .historyItem-icon {
    margin-top: 8px
}

.history--type--18 .historyItem--type--1 .historyItem-row + .historyItem-row {
    padding-left: 128px
}

.history--type--18 .historyItem--item--1 {
    left: -107px;
    top: 58px
}

.history--type--18 .historyItem--item--2 {
    left: -5px;
    top: 79px
}

    .history--type--18 .historyItem--item--2 .historyItem-icon {
        margin-top: 26px
    }

.history--type--18 .historyItem--item--3 {
    left: -108px;
    top: 105px
}

.history--type--18 .monster-image {
    width: 450px;
    height: 360px;
    background-size: contain;
    background-image: url(../images/history--type--18--monster.png);
    left: -15%
}

.history--type--18 .monster-image2 {
    width: 225px;
    height: 200px;
    background-size: contain;
    background-image: url(../images/history--type--18--monster--2.png);
    right: -1%
}

@media (max-width:1600px) {
    .history--type--18.history {
        padding-top: 0;
        background-size: 782px
    }

    .history--type--18 .container {
        padding-top: 70px;
        padding-bottom: 70px;
        background-size: 200px
    }

    .history--type--18 .history-year {
        margin-top: -290px
    }

        .history--type--18 .history-year:before {
            margin-bottom: -79px
        }

        .history--type--18 .history-year:after {
            margin-top: 498px;
            top: auto
        }

    .history.history--type--18 .history-wrapper--left ul {
        margin-left: 0;
        margin-top: 0
    }

    .history--type--18 .historyItem--item--1 {
        left: -150px;
        top: 38px
    }

    .history--type--18 .historyItem--item--2 {
        left: -82px;
        top: -8px
    }

    .history--type--18 .historyItem--item--3 {
        left: -151px;
        top: -45px
    }

    .history--type--18 .monster-image {
        left: 1%;
        height: 160px;
        width: 220px
    }

    .history--type--18 .monster-image2 {
        height: 120px;
        width: 185px;
        right: 1%
    }
}

@media (max-width:1440px) {
    .history--type--18.history {
        background-size: 782px
    }

    .history--type--18 .history-year:before {
        margin-bottom: -77px
    }

    .history--type--18 .history-info {
        padding-top: 160px
    }

    .history--type--18 .history-wrapper--right {
        padding-left: 13%
    }

    .history--type--18 .historyItem + .historyItem {
        margin-top: 30px
    }

    .history.history--type--18 .history-wrapper--left ul {
        width: 66%
    }

    .history--type--18 .historyItem--item--1 {
        left: -50px;
        top: 4px
    }

    .history--type--18 .historyItem--item--2 {
        left: 10px
    }

    .history--type--18 .historyItem--item--3 {
        top: -15px;
        left: -50px
    }
}

@media (max-width:1200px) {
    .history--type--18.history {
        padding-top: 100px;
        background: #f2f2f2;
        padding-bottom: 0 !important
    }

    .history--type--18 .container {
        padding-top: 70px;
        padding-bottom: 170px
    }

    .history--type--18 .history-year {
        margin-top: -90px;
        margin-left: -90px;
        color: #FFF;
        background-color: #51c336
    }

        .history--type--18 .history-year:after {
            margin-top: 0
        }

    .history--type--18 .history-wrapper--right {
        padding-left: 120px
    }

        .history--type--18 .history-wrapper--right .history-info {
            padding-left: 30%
        }

    .history--type--18 .history-info {
        padding-top: 0
    }

    .history--type--18 .historyItem {
        left: auto;
        top: auto
    }

    .history--type--18 .container {
        background: 0 0
    }
}

@media (max-width:1030px) {
    .history--type--18 .container {
        background: 0 0
    }

    .history--type--18 .history-wrapper--right .history-info {
        padding-left: 0
    }
}

@media (max-width:480px) {
    .history--type--18 .monster-image {
        left: 1%;
        height: 160px;
        width: 44%
    }

    .history--type--18 .monster-image2 {
        height: 120px;
        width: 185px;
        width: 44%
    }
}

.history--type--19.history {
    padding-bottom: 0;
    padding-top: 0;
    background: #fff
}

.history--type--19 .history-wrapper--right {
    padding-left: 35%
}

.history.history--type--19 .history-wrapper--left ul {
    margin-top: -260px;
    margin-left: -58px;
    width: 63%
}

.history--type--19 .history-year {
    margin-top: -500px;
    color: #51c336;
    background-color: transparent
}

    .history--type--19 .history-year:after {
        top: 654px
    }

    .history--type--19 .history-year:before {
        margin-bottom: -367px;
        height: 180px
    }

.history--type--19 > .container {
    background-repeat: no-repeat;
    background-position: 51% center;
    background-image: url(../images/history--type--19--bg.png);
    padding-top: 325px;
    padding-bottom: 25px
}

.history--type--19 .historyItem--type--1 .historyItem-row + .historyItem-row {
    padding-top: 20px;
    padding-left: 0
}

.history--type--19 .history-info {
    padding-top: 356px
}

.history--type--19 .icon-bottom {
    display: block;
    width: 40px;
    height: 80px;
    position: absolute;
    bottom: 40px;
    left: 50%;
    margin-left: -20px;
    background-repeat: no-repeat;
    background-position: center center;
    background-image: url(../images/history--type--19--icon.png)
}

.history--type--19 .historyItem--type--1 .historyItem-row {
    position: relative;
    width: 100%
}

.history--type--19 .historyItem--type--1 .historyItem-icon {
    margin-top: 8px
}

.history--type--19 .historyItem--item--1 {
    left: -95px;
    top: -150px;
    margin-left: -50px
}

.history--type--19 .historyItem--item--2 {
    left: -95px;
    top: -141px;
    margin-left: -50px;
    margin-right: -65px
}

@media (max-width:1600px) {
    .history--type--19.history {
        padding-top: 0
    }

    .history.history--type--19 .history-wrapper--left ul {
        margin-left: 0
    }
}

@media (max-width:1440px) {
    .history--type--19 > .container {
        background-size: 30%;
        background-position: 50.5% center
    }

    .history--type--19 .history-year:before {
        margin-bottom: -77px;
        top: 213px
    }

    .history--type--19 .history-year:after {
        top: 597px
    }

    .history--type--19 .history-info {
        padding-top: 160px
    }

    .history--type--19 .history-wrapper--right {
        padding-left: 26%
    }

    .history--type--19 .historyItem + .historyItem {
        margin-top: 30px
    }

    .history.history--type--19 .history-wrapper--left ul {
        width: 66%
    }

    .history--type--19 .historyItem--item--1, .history--type--19 .historyItem--item--2 {
        margin-left: 0;
        margin-right: -40px
    }
}

@media (max-width:1200px) {
    .history--type--19.history {
        padding-top: 100px;
        padding-bottom: 0 !important
    }

    .history--type--19 .container {
        padding-top: 70px;
        padding-bottom: 170px
    }

    .history--type--19 .history-year {
        margin-top: -90px;
        margin-left: -90px;
        color: #FFF;
        background-color: #51c336
    }

        .history--type--19 .history-year:after {
            margin-top: 0;
            height: 2000px
        }

        .history--type--19 .history-year:before {
            height: 2000px;
            margin-top: 0;
            top: 0
        }

    .history--type--19 .history-wrapper--right {
        padding-left: 120px
    }

        .history--type--19 .history-wrapper--right .history-info {
            padding-left: 30%
        }

    .history--type--19 .history-info {
        padding-top: 0
    }

    .history--type--19 .historyItem {
        left: auto;
        top: auto
    }

    .history--type--19 .container {
        background: 0 0
    }

    .history--type--19 .icon-bottom {
        display: none
    }

    .history.history--type--19 .history-wrapper--left ul {
        margin-top: 0
    }

    .history--type--19 .historyItem--item--1, .history--type--19 .historyItem--item--2 {
        margin-left: 0;
        margin-right: 0
    }
}

@media (max-width:1030px) {
    .history--type--19 .container {
        background: 0 0
    }

    .history--type--19 .history-wrapper--right .history-info {
        padding-left: 0
    }
}

@media (max-width:480px) {
    .history--type--19 .monster-image {
        left: 1%;
        height: 160px;
        width: 44%
    }

    .history--type--19 .monster-image2 {
        height: 120px;
        width: 185px;
        width: 44%
    }
}

.history--type--2.history {
    padding-top: 262px;
    padding-bottom: 295px;
    background-position: 50% 50%;
    background-image: url(../images/history--type--2-bg.png);
    background-size: cover
}

.history--type--2 .history-wrapper--right {
    padding-left: 17%
}

.history--type--2 .history-year {
    width: 412px;
    height: 412px;
    margin-top: -181px;
    margin-left: -206px;
    line-height: 412px;
    background-color: transparent;
    background-image: url(../images/history--type--2-year.png)
}

.history--type--2 .historyItem--item--2 {
    padding-left: 42px
}

.history--type--3.history {
    padding-top: 150px;
    background-position: 50% 150px;
    background-image: url(../images/history--type--3-bg.jpeg)
}

.history--type--3 .history-wrapper--right {
    padding-left: 25%
}

.history--type--3 .history-year:before {
    margin-bottom: 152px
}

.history--type--3 .history-year:after {
    margin-top: 140px
}

@media (max-width:1440px) {
    .history--type--3 .history-year:before {
        margin-bottom: 218px
    }

    .history--type--3 .history-year:after {
        margin-top: 76px
    }
}

@media (max-width:1280px) {
    .history--type--3.history {
        background-size: 400px auto
    }

    .history--type--3 .history-year:before {
        margin-bottom: 222px
    }

    .history--type--3 .history-year:after {
        margin-top: 0
    }
}

@media (max-width:1200px) {
    .history--type--3.history {
        background: 0 0
    }

    .history--type--3 .history-wrapper--right {
        padding-left: 0
    }

        .history--type--3 .history-wrapper--right .history-info {
            padding-left: 30%
        }

    .history--type--3 .history-year:before {
        margin-bottom: 0
    }

    .history--type--3 .history-year:after {
        margin-top: 0
    }
}

@media (max-width:1030px) {
    .history--type--3.history {
        background: 0 0
    }

    .history--type--3 .history-wrapper--right .history-info {
        padding-left: 0
    }
}

.history--type--4.history {
    padding-top: 155px;
    padding-bottom: 62px
}

.history--type--4 .history-year {
    width: 386px;
    height: 462px;
    margin-top: -231px;
    margin-left: -193px;
    line-height: 462px;
    background-color: #FFF;
    background-image: url(../images/history--type--4-year.png);
    border-radius: 0;
    background-size: cover
}

    .history--type--4 .history-year:before {
        margin-bottom: -22px
    }

    .history--type--4 .history-year:after {
        margin-top: -22px
    }

.history--type--4 .history-wrapper--right .history-info {
    padding-left: 38%
}

.history--type--4 .historyItem--item--2 {
    padding-left: 72px
}

@media (max-width:1200px) {
    .history--type--4 .history-wrapper--right .history-info {
        padding-left: 44%
    }

    .history--type--4 .history-year {
        width: 346px;
        height: 422px;
        margin-left: -173px;
        margin-top: -211px;
        line-height: 422px
    }
}

@media (max-width:1030px) {
    .history--type--4 .history-wrapper--right .history-info, .history--type--4 .historyItem--item--2 {
        padding-left: 0
    }
}

.history--type--5.history {
    padding-top: 166px;
    padding-bottom: 376px;
    background-position: 50% 100%;
    background-image: url(../images/history--type--5-bg.jpeg)
}

.history--type--5 .history-year {
    margin-top: -160px
}

.history--type--5 .history-wrapper--right .history-info {
    padding-left: 25%
}

.history--type--5:after {
    position: absolute;
    display: block;
    width: 100%;
    height: 320px;
    left: 0;
    bottom: -25px;
    background-repeat: no-repeat;
    background-position: 50% 0;
    background-image: url(../images/history--type--5-after.png)
}

.history--type--5 .historyItem--item--2 {
    padding-left: 36%
}

@media (max-width:1400px) {
    .history--type--5 .historyItem--item--2 {
        padding-left: 0
    }

    .history--type--5 .history-wrapper--right .history-info {
        padding-left: 30%
    }
}

@media (max-width:1030px) {
    .history--type--5:after {
        display: none
    }

    .history--type--5 .history-wrapper--right .history-info {
        padding-left: 0
    }
}

.history--type--6.history {
    padding-top: 122px;
    background-position: 0 100%;
    background-image: url(../images/history--type--6.png)
}

.history--type--6 .lists--bullets ul {
    width: 50%
}

.history--type--6 .history-wrapper--right {
    padding-left: 18%
}

.history--type--6 .history-year {
    -webkit-box-shadow: 0 0 0 150px #FFF,0 0 0 151px #51c336;
    box-shadow: 0 0 0 150px #FFF,0 0 0 151px #51c336
}

    .history--type--6 .history-year:before {
        margin-bottom: 151px
    }

    .history--type--6 .history-year:after {
        margin-top: 151px
    }

.history--type--6 .historyItem--item--1 {
    left: -76px
}

.history--type--6 .historyItem--item--2 {
    left: -20px
}

.history--type--6 .historyItem--item--3 {
    left: -68px
}

@media (max-width:1440px) {
    .history--type--6 .history-year {
        -webkit-box-shadow: 0 0 0 100px #FFF,0 0 0 101px #51c336;
        box-shadow: 0 0 0 100px #FFF,0 0 0 101px #51c336
    }

        .history--type--6 .history-year:before {
            margin-bottom: 101px
        }

        .history--type--6 .history-year:after {
            margin-top: 101px
        }

    .history--type--6 .historyItem--item--1 {
        left: -98px
    }

    .history--type--6 .historyItem--item--2 {
        left: -24px
    }

    .history--type--6 .historyItem--item--3 {
        left: -102px
    }
}

@media (max-width:1199px) {
    .history--type--6 .history-wrapper--right {
        padding-left: 0
    }

        .history--type--6 .history-wrapper--right .history-info {
            padding-left: 30%
        }

    .history--type--6 .history-year {
        -webkit-box-shadow: none;
        box-shadow: none
    }

        .history--type--6 .history-year:before {
            margin-bottom: 0
        }

        .history--type--6 .history-year:after {
            margin-top: 0
        }

    .history--type--6 .historyItem--item--1, .history--type--6 .historyItem--item--2, .history--type--6 .historyItem--item--3 {
        left: 0
    }
}

@media (max-width:1030px) {
    .history--type--6.history {
        background: 0 0
    }

    .history--type--6 .historyItem--item--1, .history--type--6 .historyItem--item--2, .history--type--6 .historyItem--item--3 {
        left: 0
    }
}

@media (max-width:1029px) {
    .history--type--6 .history-wrapper--right .history-info {
        padding-left: 0
    }

    .history--type--6 .history-year {
        -webkit-box-shadow: none;
        box-shadow: none
    }
}

.history--type--7.history {
    padding-top: 66px;
    padding-bottom: 0
}

.history--type--7 .container {
    padding-top: 260px;
    padding-bottom: 260px;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-image: url(../images/history--type--7-bg.png)
}

.history--type--7 .history-wrapper--right {
    padding-left: 20%
}

.history--type--7 .history-year {
    width: 172px;
    height: 172px;
    margin-left: -86px;
    margin-top: -86px;
    line-height: 172px
}

.history--type--7 .historyItem--item--1 {
    left: -126px
}

.history--type--7 .historyItem--item--3 {
    left: -90px
}

@media (max-width:1440px) {
    .history--type--7 .historyItem--item--1 {
        left: -102px
    }

    .history--type--7 .historyItem--item--2 {
        left: 46px
    }

    .history--type--7 .historyItem--item--3 {
        left: -54px
    }
}

@media (max-width:1199px) {
    .history--type--7 .container {
        background: 0 0
    }

    .history--type--7 .history-wrapper--right {
        padding-left: 0
    }

        .history--type--7 .history-wrapper--right .history-info {
            padding-left: 30%
        }

    .history--type--7 .historyItem--item--1, .history--type--7 .historyItem--item--2, .history--type--7 .historyItem--item--3 {
        left: 0
    }
}

@media (max-width:1030px) {
    .history--type--7 .container {
        padding-top: 0;
        padding-bottom: 0;
        background: 0 0
    }

    .history--type--7 .history-wrapper--right .history-info {
        padding-left: 0
    }
}

.history--type--8.history {
    padding-bottom: 0
}

.history--type--8 .history-wrapper--right {
    padding-left: 18%
}

.history--type--8 .history-year {
    margin-top: -514px;
    color: #51c336;
    background-color: transparent
}

    .history--type--8 .history-year:before {
        margin-bottom: -24px
    }

    .history--type--8 .history-year:after {
        margin-top: 566px
    }

.history--type--8 .container {
    background-repeat: no-repeat;
    background-position: 50% 0;
    background-image: url(../images/history--type--8-bg.jpeg)
}

.history--type--8 .history-info {
    padding-top: 356px
}

.history--type--8 .historyItem--item--1 {
    left: 106px
}

.history--type--8 .historyItem--item--2 {
    left: 54px
}

.history--type--8 .historyItem--item--3 {
    left: -90px;
    top: -20px
}

.history--type--8 .historyItem--item--4 {
    left: -298px;
    top: -124px
}

@media (max-width:1600px) {
    .history--type--8.history {
        padding-top: 0
    }

    .history--type--8 .container {
        background-position: 50% 50%;
        background-size: 40%
    }

    .history--type--8 .history-year {
        margin-top: -340px
    }

        .history--type--8 .history-year:before {
            margin-bottom: -58px
        }

        .history--type--8 .history-year:after {
            margin-top: 350px
        }

    .history--type--8 .historyItem--item--1 {
        left: -30px
    }

    .history--type--8 .historyItem--item--2 {
        left: -34px
    }

    .history--type--8 .historyItem--item--3 {
        left: -149px;
        top: -34px
    }

    .history--type--8 .historyItem--item--4 {
        left: -298px;
        top: -160px
    }
}

@media (max-width:1440px) {
    .history--type--8 .container {
        background-size: 50%
    }

    .history--type--8 .history-year:before {
        margin-bottom: -48px
    }

    .history--type--8 .history-info {
        padding-top: 160px
    }

    .history--type--8 .history-wrapper--right {
        padding-left: 22%
    }

    .history--type--8 .historyItem + .historyItem {
        margin-top: 30px
    }

    .history--type--8 .historyItem--item--1 {
        left: -64px
    }

    .history--type--8 .historyItem--item--2 {
        left: -10px
    }

    .history--type--8 .historyItem--item--3 {
        top: 0;
        left: -86px
    }

    .history--type--8 .historyItem--item--4 {
        top: -40px;
        left: -300px
    }
}

@media (max-width:1200px) {
    .history--type--8.history {
        padding-top: 100px
    }

    .history--type--8 .history-year {
        margin-top: -90px;
        margin-left: -90px;
        color: #FFF;
        background-color: #51c336
    }

        .history--type--8 .history-year:after {
            margin-top: 0
        }

    .history--type--8 .history-wrapper--right {
        padding-left: 0
    }

        .history--type--8 .history-wrapper--right .history-info {
            padding-left: 30%
        }

    .history--type--8 .history-info {
        padding-top: 0
    }

    .history--type--8 .historyItem {
        left: auto;
        top: auto
    }

    .history--type--8 .container {
        background: 0 0
    }
}

@media (max-width:1030px) {
    .history--type--8 .container {
        background: 0 0
    }

    .history--type--8 .history-wrapper--right .history-info {
        padding-left: 0
    }
}

.history--type--9.history {
    padding-top: 154px;
    padding-bottom: 148px;
    background-color: #f2f2f2;
    background-position: 44% 100%;
    background-image: url(../images/history--type--9-bg.jpeg)
}

.history--type--9 .history-year {
    margin-top: -430px;
    color: #51c336;
    background-color: transparent
}

.history--type--9 .history-wrapper--right .history-info {
    padding-left: 25%
}

.history--type--9 .history-year:before {
    margin-bottom: -66px
}

.history--type--9 .history-year:after {
    display: none
}

.iconSlider-img, .iconSlider-item {
    display: inline-block;
    max-width: 100%
}

.history--type--9 .historyItem--item--2, .history--type--9 .historyItem--item--3 {
    left: 92px
}

@media (max-width:1440px) {
    .history--type--9 .history-wrapper--right .history-info {
        padding-left: 34%
    }
}

@media (max-width:1200px) {
    .history--type--9.history {
        background-size: 40%
    }

    .history--type--9 .history-wrapper--right .history-info {
        padding-left: 44%
    }

    .history--type--9 .history-year:before {
        margin-bottom: 0
    }

    .history--type--9 .historyItem--item--2, .history--type--9 .historyItem--item--3, .history--type--9 .historyItem--item--4 {
        left: 0
    }
}

@media (max-width:1030px) {
    .history--type--9.history {
        background: #f2f2f2
    }

    .history--type--9 .history-wrapper--right .history-info {
        padding-left: 0
    }
}

.iconSlider {
    position: relative;
    padding-top: 100px;
    padding-bottom: 100px;
    background-color: #FFF
}

    .iconSlider .heading-title {
        margin-bottom: 0
    }

    .iconSlider .heading-description {
        margin-top: 32px;
        margin-bottom: 0 !important
    }

    .iconSlider .container ~ .container .row, .iconSlider .container ~ .container-fluid .row {
        margin-top: 35px
    }

    .iconSlider .slider {
        cursor: move
    }

.iconSlider-item {
    position: relative;
    vertical-align: top;
    height: 85px;
    padding-left: 30px;
    padding-right: 30px;
    line-height: 85px
}

.iconSlider-img, .info--page-frontend-4 .info-media img, .info--page-net-3 ul li, .info--page-net-3 ul li .icon {
    vertical-align: middle
}

.iconSlider-item .grayscale--ready:hover {
    opacity: .75
}

.iconSlider-item .grayscale--ready .grayscale-item {
    opacity: 0
}

.iconSlider-item .grayscale--ready:hover .grayscale-canvas {
    opacity: 1
}

svg.iconSlider-img {
    width: 100%
}

.iconSlider-text {
    font-weight: 400;
    font-size: 17px;
    line-height: 22px;
    color: #234
}

.iconSlider .owl-buttons, .iconSlider .slider .owl-theme .owl-controls {
    display: none
}

    .iconSlider .slider .owl-theme .owl-controls .owl-page span {
        width: 10px;
        height: 10px;
        margin-top: 0;
        margin-left: 7px;
        margin-right: 7px;
        background-color: #d7d7d7;
        opacity: 1
    }

    .iconSlider .slider .owl-theme .owl-controls .owl-page.active span {
        background-color: #51c336;
        opacity: 1
    }

.iconSlider .icon {
    width: 70%;
    height: 112px
}

.iconSlider.slider--mobile .owl-carousel {
    display: block
}

    .iconSlider.slider--mobile .owl-carousel .slider-item {
        margin-bottom: 30px
    }

@media (max-width:1030px) {
    .technologiesList-item {
        margin-left: 20px;
        margin-right: 20px
    }
}

@media (max-width:767px) {
    .iconSlider {
        padding-top: 50px;
        padding-bottom: 50px
    }

        .iconSlider.slider--mobile .owl-carousel {
            font-size: 0
        }

            .iconSlider.slider--mobile .owl-carousel .iconSlider-item {
                width: 50%;
                padding-left: 15px;
                padding-right: 15px
            }
}

.iconSlider--page-frontend-1 {
    padding-bottom: 80px
}

    .iconSlider--page-frontend-1 h3 {
        font-size: 35px;
        line-height: 55px
    }

.iconSlider--page-main .heading-description {
    max-width: 1060px
}

.iconSlider--page-overview {
    padding-bottom: 50px
}

    .iconSlider--page-overview .container ~ .container-fluid .row {
        margin-top: 72px
    }

@media (max-width:1199px) {
    .iconSlider--page-main .heading-break {
        display: inline
    }
}

.iconSlider--page-application-integration.iconSlider {
    padding-top: 0;
    padding-bottom: 136px;
    background-color: #f7f7f7
}

@media (max-width:767px) {
    .iconSlider--page-application-integration.iconSlider {
        padding-bottom: 50px
    }
}

.iconSlider--page-application-integration .container .heading {
    padding-top: 18px;
    background-color: #FFF;
    background-repeat: repeat-x;
    background-position: 0 100%;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAHCAIAAAC+zks0AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAGRJREFUeNpUjjsSwCAIROVjo4X3PyaFleNnJ0xI3AIWngK0906v5pyIIhId9bTWMrPArTVmhmfHvXe84EcwKK/fYwwAIoLHOpQXVlV0A7v5hpdS0k+1VjcUl2Olz8w5+13QEWAA1wUy/oCNPuAAAAAASUVORK5CYII=);
    -webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,.2);
    box-shadow: 0 2px 5px 0 rgba(0,0,0,.2)
}

.iconSlider--type--4, .info {
    background-repeat: no-repeat
}

.iconSlider--page-application-integration .heading .row {
    margin-left: 0;
    margin-right: 0
}

.iconSlider--page-application-integration .heading-title {
    margin-bottom: 24px
}

    .iconSlider--page-application-integration .heading-title h3 {
        margin-bottom: 0;
        font-weight: 400;
        font-size: 19px;
        line-height: 30px;
        color: #51c336;
        text-transform: uppercase
    }

.iconSlider--page-application-integration .container .slider {
    position: relative;
    background-color: #FFF;
    -webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,.2);
    box-shadow: 0 2px 5px 0 rgba(0,0,0,.2);
    z-index: 1
}

.iconSlider--page-application-integration .iconSlider-item {
    padding-top: 16px;
    padding-left: 15%;
    padding-right: 15%;
    line-height: 0
}

    .iconSlider--page-application-integration .iconSlider-item .iconSlider-img {
        height: 42px;
        margin-bottom: 10px
    }

.iconSlider--page-application-integration .iconSlider-text {
    padding-bottom: 20px;
    font-weight: 400;
    font-size: 19px;
    line-height: 20px;
    border-bottom: 1px solid #e1e1e1
}

.iconSlider--page-application-integration .iconSlider-list {
    padding-top: 20px;
    padding-bottom: 25px
}

    .iconSlider--page-application-integration .iconSlider-list ul li {
        font-size: 14px;
        line-height: 22px
    }

        .iconSlider--page-application-integration .iconSlider-list ul li + li {
            margin-top: 5px
        }

.iconSlider--page-application-integration .owl-item + .owl-item {
    border-left: 1px solid #ececec
}

.iconSlider--page-bigdata {
    padding-top: 126px !important;
    padding-bottom: 136px !important
}

@media (max-width:767px) {
    .iconSlider--page-bigdata {
        padding-top: 50px !important;
        padding-bottom: 50px !important
    }
}

.iconSlider--page-bigdata .heading-description {
    margin-top: 40px !important
}

    .iconSlider--page-bigdata .heading-description p {
        line-height: 40px
    }

.iconSlider--page-bigdata .container ~ .container-fluid .row {
    margin-top: 79px !important
}

.iconSlider.iconSlider--page-ios .container ~ .container-fluid .row {
    margin-top: 70px
}

.iconSlider--page-web-portals {
    padding-bottom: 74px !important;
    background-color: #f7f7f7 !important
}

    .iconSlider--page-web-portals .heading-title h3 {
        margin-bottom: 52px !important
    }

@media (max-width:767px) {
    .iconSlider--page-web-portals {
        padding-bottom: 50px !important
    }
}

.iconSlider--page-xamarin {
    padding-top: 2px;
    padding-bottom: 88px
}

    .iconSlider--page-xamarin p {
        text-align: center;
        max-width: 1140px;
        display: block;
        margin: 0 auto
    }

    .iconSlider--page-xamarin .slider {
        max-width: 1380px;
        margin: 24px auto 31px
    }

.iconSlider--page-xamarinInternet .slider {
    max-width: 1480px;
    margin-left: auto;
    margin-right: auto
}

.info-block img, .info-block table, .info-media img, .info-text img {
    max-width: 100%
}

.iconSlider--page-xamarin .text-bottom p {
    line-height: 35px
}

@media (max-width:1030px) {
    .iconSlider--page-xamarin .slider {
        margin-left: 0;
        margin-right: 0
    }
}

@media (max-width:767px) {
    .iconSlider--page-xamarin .text-bottom p {
        margin-left: 20px;
        margin-right: 20px
    }

    .iconSlider--page-xamarin {
        padding-bottom: 50px
    }
}

.iconSlider--type--1 .iconSlider-item {
    height: auto
}

.iconSlider--type--1 .iconSlider-img {
    margin-bottom: 20px
}

.iconSlider--type--2 .heading-title h3 {
    margin-bottom: 46px
}

.iconSlider--type--2 .heading-description p {
    margin-bottom: 0;
    font-size: 19px;
    line-height: 30px
}

.iconSlider--type--2 .slider {
    margin-bottom: 28px
}

.iconSlider--type--3 {
    background-color: #f7f7f7
}

    .iconSlider--type--3 .heading-title h3 {
        margin-bottom: 62px
    }

    .iconSlider--type--3 .heading-description p {
        margin-bottom: 0;
        font-size: 19px;
        line-height: 30px
    }

    .iconSlider--type--3 .slider {
        margin-bottom: 28px
    }

.iconSlider--type--4 {
    color: #FFF;
    background-color: #000;
    background-position: 50% 0;
    background-image: url(../images/bg-iconSlider--type--4.jpeg);
    background-size: cover
}

    .iconSlider--type--4 .iconSlider-text {
        color: #FFF
    }

.info {
    position: relative;
    padding: 100px 0;
    background-position: 50% 50%
}

    .info .heading-title {
        margin-bottom: 0
    }

    .info .heading-description {
        margin-top: 32px;
        margin-bottom: 0 !important
    }

    .info .container ~ .info-text, .info .heading ~ .container, .info .heading ~ .info-row, .info .heading ~ .row {
        margin-top: 74px
    }

    .info h3 {
        margin-top: 0
    }

        .info h3 span {
            text-transform: lowercase
        }

.info--appdev-1 .title--with-bullet h4, .info--java-4 .info-text ul li, .info--qa h4, .info--ruby-1 .info-text h4, .info--ruby-2 .info-text h4, .infoList1-name h4, .mobileRotator-title h4, .table-cell--header h4 {
    text-transform: uppercase
}

.info-media + .heading {
    margin-top: 50px
}

@media (max-width:1029px) {
    .info {
        background-attachment: scroll !important
    }

    .info-media {
        margin-bottom: 50px
    }

    .info-text {
        width: 70%;
        width: 100%;
        margin: auto
    }

        .info-text p:last-child {
            margin-bottom: 0
        }
}

@media (max-width:767px) {
    .info {
        padding: 50px 0
    }

    .info-text {
        width: 100%
    }

        .info-text h4 {
            margin-top: 30px
        }

    .info-media {
        margin-bottom: 30px
    }
}

.info-block {
    padding: 0 15px;
    margin-bottom: 40px
}

    .info-block h3, .info-block h4, .info-block h5, .info-block p, .info-block ul {
        margin-top: 0;
        margin-bottom: 1em
    }

.info-block--visual {
    text-align: center !important
}

@media (min-width:1030px) {
    .info-row {
        display: table;
        table-layout: fixed;
        width: 100%
    }

    .info-block {
        margin-bottom: 0
    }

    .info--narrow .info-block {
        padding: 0 15%
    }

    .info--with-left-visual .info-block, .info--with-right-visual .info-block {
        text-align: left;
        width: 50%;
        position: relative;
        display: table-cell;
        vertical-align: middle
    }

    .info--with-right-visual .info-block--visual {
        left: 50%
    }

        .info--with-right-visual .info-block--visual + .info-block {
            left: -50%
        }

    .info--with-inequal-width.info--with-left-visual .info-block, .info--with-inequal-width.info--with-right-visual .info-block {
        width: 58.33333333%
    }

    .info--with-inequal-width.info--with-left-visual .info-block--visual, .info--with-inequal-width.info--with-right-visual .info-block--visual {
        width: 41.66666667%
    }

    .info--with-inequal-width.info--with-right-visual .info-block--visual {
        left: 58.33333333%
    }

        .info--with-inequal-width.info--with-right-visual .info-block--visual + .info-block {
            left: -41.66666667%
        }
}

@media (max-width:1029px) {
    .info-block {
        margin-bottom: 0
    }
}

.info--page-php-1 ul li {
    margin-bottom: 13px;
    font-size: 19px
}

    .info--page-php-1 ul li:before {
        top: 11px
    }

.info--page-php-2 {
    padding-top: 107px;
    padding-bottom: 75px;
    background: url(../images/bg-info-php-2.jpeg) 0 100% no-repeat #FFF
}

@media (max-width:767px) {
    .info--page-php-2 {
        padding-top: 50px;
        padding-bottom: 50px
    }
}

.info--page-php-2 ul li:before {
    top: 8px
}

.info--page-php-2 .heading-description {
    margin-top: 28px
}

    .info--page-php-2 .heading-description p {
        font-size: 19px;
        line-height: 40px
    }

.info--page-php-2 .container ~ .info-text {
    margin-top: 56px
}

.info--page-php-2 ul li {
    line-height: 25px
}

.info--page-php-2 .info-text .col-sm-5 .row {
    padding-left: 34px
}

.info--page-php-2 .info-text.col-sm-offset-1 .row {
    padding-left: 70px
}

.info--page-php-3 {
    padding-top: 148px;
    padding-bottom: 125px;
    background-size: cover
}

    .info--page-php-3 h3 {
        margin-bottom: 41px;
        font-size: 52px
    }

        .info--page-php-3 h3 + p {
            line-height: 40px
        }

@media (max-width:767px) {
    .info--page-php-3 {
        padding-top: 50px;
        padding-bottom: 50px
    }

        .info--page-php-3 h3 {
            font-size: 32px;
            line-height: 39px
        }

        .info--page-php-3 .info-text p:last-child {
            text-align: center
        }
}

.info--page-net--1 {
    padding-bottom: 0
}

    .info--page-net--1 .heading-title {
        margin-bottom: 92px
    }

.info--page-php-1 .heading-title {
    width: 100%;
    padding-top: 65px
}

@media (max-width:1029px) {
    .info--page-php-2 .info-text .col-sm-5 .row, .info--page-php-2 .info-text.col-sm-offset-1 .row {
        padding-left: 0
    }

    .info--page-php-1 .heading-title {
        padding-top: 0
    }
}

.info--page-php-1 .heading-title h3 {
    text-align: left
}

.info--page-php-1 .container .info-text p {
    margin-top: 35px
}

.info--page-net--2 {
    padding: 0
}

    .info--page-net--2 .container-fluid {
        background: url(../images/bg-info-page-net-2.jpeg) 50% 50% no-repeat;
        background-size: cover
    }

    .info--page-net--2 .info-text {
        padding-top: 70px;
        padding-bottom: 70px;
        line-height: 1.9em
    }

        .info--page-net--2 .info-text p {
            margin: 2em 0
        }

        .info--page-net--2 .info-text ul li {
            font-size: .9em;
            line-height: 1.5em
        }

        .info--page-net--2 .info-text .icon {
            display: inline-block;
            height: 54px;
            width: 54px;
            vertical-align: middle;
            margin: 0 0 0 1.4em
        }

            .info--page-net--2 .info-text .icon:first-of-type {
                margin-left: 50px
            }

    .info--page-net--2 .btn {
        padding-left: 31px;
        padding-right: 31px
    }

@media (max-width:1600px) {
    .info--page-net--2 .info-text .icon, .info--page-net--2 .info-text .icon:first-of-type {
        margin: 0 0 0 1em
    }
}

.info--page-net--2 .info-text--1 .btn--transparent:hover {
    color: #0cf
}

.info--page-net--2 .info-text--2 .btn--transparent:hover {
    color: #51c336
}

@media (max-width:1030px) {
    .info--page-net--2 .container-fluid {
        background-image: none
    }

    .info--page-net--2 .info-text {
        background: url(../images/bg-info-page-net-2.jpeg) 50% 50% no-repeat;
        background-size: 201% 100%
    }

    .info--page-net--2 .info-text--1 {
        background-position: 0 50%
    }

    .info--page-net--2 .info-text--2 {
        background-position: 100% 50%
    }
}

@media (max-width:1029px) {
    .info--page-php-1 .info-text .row .info-text, .info--page-php-2 .info-text .row .info-text, .info--page-php-3 .info-text .row .info-text {
        width: 100%
    }

    .info--page-php-1 .info-media {
        margin-top: 50px;
        margin-bottom: 0
    }

    .info--page-net--2 .info-text {
        width: 100%;
        padding-top: 100px;
        padding-bottom: 100px
    }

        .info--page-net--2 .info-text .icon {
            display: none
        }

        .info--page-net--2 .info-text p:last-child {
            margin-bottom: 0
        }
}

@media (max-width:767px) {
    .info--page-net--2 .info-text {
        padding-top: 50px;
        padding-bottom: 50px
    }

    .info--page-php-1 .info-text p:last-child {
        text-align: center
    }
}

.info--page-net-3 {
    background: 50% 50% no-repeat #046d88;
    background-size: cover;
    padding-top: 54px;
    padding-bottom: 55px
}

    .info--page-net-3 > .container {
        max-width: 1500px;
        width: auto
    }

        .info--page-net-3 > .container > .row {
            background: rgba(0,204,255,.9);
            padding: 36px 32px 26px
        }

            .info--page-net-3 > .container > .row p {
                font-size: 17px;
                line-height: 28px
            }

    .info--page-net-3 ul {
        display: block;
        width: 100%;
        margin: 0;
        padding: 20px 0 0;
        list-style: none
    }

        .info--page-net-3 ul li {
            margin: 0;
            border: 1px solid transparent;
            height: 120px;
            background: rgba(0,0,0,.1);
            background-clip: padding-box;
            line-height: 80px;
            padding: 20px;
            font-weight: 400
        }

            .info--page-net-3 ul li .icon {
                width: 50px;
                height: 50px;
                margin-right: 10px
            }

    .info--page-net-3 h3 {
        margin-bottom: 30px;
        font-size: 45px;
        line-height: 58px
    }

@media (max-width:1030px) {
    .info--page-net-3 {
        padding: 0
    }

        .info--page-net-3 > .container > .row {
            padding: 50px 0
        }
}

@media (max-width:1029px) {
    .info--page-net-3 > .container > .row {
        padding-top: 100px;
        padding-bottom: 100px
    }
}

@media (max-width:767px) {
    .info--page-net-3 > .container > .row {
        padding-top: 50px;
        padding-bottom: 50px
    }
}

.info--page-net-4 {
    padding-bottom: 105px;
    background: url(../images/bg-info-page-net-4.jpeg) 0 100% no-repeat #fff
}

@media (max-width:767px) {
    .info--page-net-4 {
        padding-bottom: 50px
    }
}

.info--page-net-4 .info-text .col-sm-5 .row {
    padding-left: 34px
}

.info--page-net-4 .info-text.col-sm-offset-1 .row {
    padding-left: 70px
}

.info--page-net-4 ul li {
    line-height: 25px
}

.info--page-net-4 .container ~ .info-text {
    margin-top: 61px
}

@media (max-width:1199px) {
    .info--page-net-4 .info-text .col-sm-5 .row, .info--page-net-4 .info-text.col-sm-offset-1 .row {
        padding-left: 0
    }
}

@media (max-width:1400px) {
    .info--page-net-4 {
        background-image: none
    }
}

.info.info--page-net-4 .heading-description {
    margin-top: 23px
}

.info--page-business-continuity {
    padding-bottom: 0;
    line-height: 1.9
}

    .info--page-business-continuity ul li:before {
        top: 11px
    }

    .info--page-business-continuity .info-media img {
        position: relative;
        top: -42px
    }

@media (max-width:1029px) {
    .info--page-business-continuity .info-media img {
        top: 0
    }
}

.info--page-augment-reality-development .info-media img {
    position: relative;
    top: -42px
}

.info--page-augment-reality-development .info-text {
    padding-top: 50px
}

@media (max-width:1170px) {
    .info--page-augment-reality-development .info-media img {
        top: auto
    }

    .info--page-augment-reality-development .info-text {
        padding-top: 0
    }
}

.info--page-frontend-3 {
    overflow: hidden;
    background-size: cover
}

    .info--page-frontend-3 .info-media-img--center {
        position: relative;
        z-index: 100
    }

    .info--page-frontend-3 .info-media-img--left, .info--page-frontend-3 .info-media-img--right {
        -webkit-transition: left 8s ease,right 8s ease,opacity 3s ease;
        transition: left 8s ease,right 8s ease,opacity 3s ease;
        position: absolute;
        top: 20px;
        opacity: 0
    }

    .info--page-frontend-3 .info-media-img--left {
        margin-right: -140px;
        right: 140%
    }

    .info--page-frontend-3 .info-media-img--right {
        margin-left: -150px;
        left: 140%
    }

    .info--page-frontend-3 .heading-title h3 {
        font-size: 52px;
        line-height: 72px
    }

    .info--page-frontend-3 .heading-description p {
        max-width: 1058px;
        margin-left: auto;
        margin-right: auto;
        font-size: 25px;
        line-height: 40px
    }

@media (max-width:767px) {
    .info--page-frontend-3 .heading-title h3 {
        font-size: 32px;
        line-height: 39px
    }

    .info--page-frontend-4 {
        padding-bottom: 20px
    }
}

.info--page-frontend-3.animated .info-media-img--left {
    right: 50%;
    opacity: 1
}

.info--page-frontend-3.animated .info-media-img--right {
    left: 50%;
    opacity: 1
}

@media (max-width:1030px) {
    .info--page-frontend-3 .info-media-img--center {
        -webkit-transform: scale(.7);
        -ms-transform: scale(.7);
        transform: scale(.7)
    }

    .info--page-frontend-3 .info-media-img--left, .info--page-frontend-3 .info-media-img--right {
        top: 0;
        opacity: .6;
        -webkit-transform: scale(.6);
        -ms-transform: scale(.6);
        transform: scale(.6)
    }
}

.info--page-frontend-4 .info-media {
    background: #f7f7f7;
    -webkit-box-shadow: 1px 1px 2px rgba(0,0,0,.3);
    box-shadow: 1px 1px 2px rgba(0,0,0,.3);
    padding: 20px;
    height: 170px;
    line-height: 130px;
    margin-bottom: 30px
}

.info--page-android-1, .info--page-android-2, .info--page-android-4 {
    background-size: cover
}

.info--page-frontend-4 .heading-title h3 {
    font-size: 52px;
    line-height: 55px
}

@media (max-width:767px) {
    .info--page-frontend-4 .heading-title h3 {
        font-size: 32px;
        line-height: 39px
    }
}

.info--page-frontend-4 .heading-description {
    margin-top: 46px
}

    .info--page-frontend-4 .heading-description p {
        max-width: 1143px;
        margin-left: auto;
        margin-right: auto;
        font-size: 25px;
        line-height: 40px
    }

.info--page-android-1 .info-text {
    text-align: right;
    font-size: .9em
}

    .info--page-android-1 .info-text h4 {
        margin-bottom: 0
    }

        .info--page-android-1 .info-text h4:before {
            position: absolute;
            right: -80px;
            top: .4em
        }

.info--page-android-2 {
    color: #232323;
    background-position: 50% 50%;
    text-shadow: 0 0 2px #edebde
}

    .info--page-android-2 h3 {
        margin-bottom: 30px;
        font-size: 52px;
        line-height: 70px
    }

    .info--page-android-2 p, .info--page-android-3 p {
        line-height: 40px
    }

.info--page-android-3 .heading ~ .container {
    margin-top: 58px
}

.info--page-android-4 {
    background-position: 50% 50%;
    padding-bottom: 134px
}

    .info--page-android-4 .heading-description p {
        line-height: 45px
    }

.info--page-win-1 .info-text {
    text-align: center
}

.info--page-win-1 .icon {
    opacity: .5;
    height: 150px;
    max-height: none
}

@media (max-width:1029px) {
    .info--page-android-1 .info-text {
        text-align: center
    }

        .info--page-android-1 .info-text h4:before {
            display: none
        }

    .info--page-android-3 .heading {
        margin-bottom: 0
    }

    .info--page-win-1 .info-text {
        width: 100%
    }
}

.info--page-win-2 {
    background-position: 0 100%;
    background-repeat: no-repeat
}

    .info--page-win-2 h3 {
        font-size: 52px
    }

    .info--page-win-2 p {
        line-height: 40px
    }

    .info--page-win-2 ul li:before {
        top: 10px
    }

@media (max-width:767px) {
    .info--page-android-4 {
        padding-bottom: 50px
    }

    .info--page-win-2 h3 {
        font-size: 32px;
        line-height: 39px
    }
}

@media (min-width:1030px) {
    .info--page-android-3 row {
        display: table-row
    }

    .info--page-android-3 .info-media, .info--page-android-3 .info-text {
        display: table-cell;
        vertical-align: middle;
        float: none
    }

    .info--page-win-2 {
        background-position: 50% 100%
    }

        .info--page-win-2:after {
            content: "";
            display: block;
            position: absolute;
            bottom: 0;
            right: 0;
            width: 795px;
            height: 517px;
            background: url(../images/bg-win-cloud.png) no-repeat;
            margin-bottom: -233px;
            z-index: 10;
            -webkit-transition: right 30s ease;
            transition: right 30s ease
        }

        .info--page-win-2.animated:after {
            right: -795px
        }
}

.info--page-win-3 {
    padding-top: 85px;
    padding-bottom: 114px
}

@media (max-width:767px) {
    .info--page-win-3 {
        padding-top: 50px;
        padding-bottom: 50px
    }
}

.info--page-win-3 .heading-description {
    max-width: 1143px;
    margin: 29px auto 0
}

    .info--page-win-3 .heading-description p {
        font-size: 19px;
        line-height: 40px
    }

.info--page-win-4 {
    padding-bottom: 90px;
    background-position: 50% 100%;
    background-size: auto;
    background-repeat: no-repeat;
    text-shadow: 0 0 15px #fff
}

@media (min-width:1200px) {
    .info--page-win-4 {
        background-size: cover
    }

        .info--page-win-4 .info-text h3 {
            font-size: 52px;
            line-height: 55px
        }

        .info--page-win-4 .info-text p {
            font-size: 25px;
            line-height: 45px
        }
}

@media (max-width:767px) {
    .info--page-win-4 {
        padding-bottom: 50px
    }
}

.info--page-win-5 {
    background-position: 50% 50%;
    background-size: cover;
    background-repeat: no-repeat;
    padding: 180px 0
}

    .info--page-win-5 .heading-description {
        margin-top: 20px;
        margin-bottom: 0;
        line-height: 40px
    }

@media (max-width:1440px) {
    .info--page-win-5 .heading-description {
        padding-left: 5%;
        padding-right: 5%
    }
}

@media (max-width:1200px) {
    .info--page-win-5 .heading-description {
        padding-left: 0;
        padding-right: 0
    }
}

@media (max-width:1029px) {
    .info--page-win-5 .heading-description, .info--page-win-5 .heading-title {
        padding-left: 22%;
        padding-right: 22%
    }

        .info--page-win-5 .heading-title h3 {
            font-size: 40px;
            line-height: 42px
        }
}

@media (max-width:767px) {
    .info--page-win-5 .heading-description, .info--page-win-5 .heading-title {
        padding-left: 15%;
        padding-right: 15%
    }
}

@media (max-width:600px) {
    .info--page-win-5 .heading-description, .info--page-win-5 .heading-title {
        padding-left: 10%;
        padding-right: 10%
    }
}

@media (max-width:500px) {
    .info--page-win-5 .heading-description, .info--page-win-5 .heading-title {
        padding-left: 5%;
        padding-right: 5%
    }
}

.info--page-win-5 .heading > .heading-description, .info--page-win-5 .heading > .heading-title {
    width: 80%
}

@media (min-width:1030px) {
    .info--page-win-5 {
        padding-top: 220px;
        padding-bottom: 220px
    }

        .info--page-win-5 .heading > .heading-description, .info--page-win-5 .heading > .heading-title {
            width: 60%
        }
}

@media (min-width:1200px) {
    .info--page-win-5 .heading > .heading-title {
        width: 45%
    }

    .info--page-win-5 .heading > .heading-description {
        width: 33%
    }
}

@media (min-width:1920px) {
    .info--page-win-5 {
        background-size: cover
    }
}

.info--cloud-1 {
    padding-bottom: 65px
}

    .info--cloud-1 .heading ~ .container {
        margin-top: 38px
    }

    .info--cloud-1 .info-text h4 {
        font-weight: 300;
        margin-top: 0;
        margin-bottom: 0
    }

        .info--cloud-1 .info-text h4 + p {
            margin-top: 10px
        }

    .info--cloud-1 .info-text div + div {
        margin-top: 39px
    }

    .info--cloud-1 .info-text div p {
        font-size: 17px;
        line-height: 30px
    }

    .info--cloud-1 .col-sm-7 {
        padding-left: 47px;
        padding-right: 98px
    }

@media (max-width:1200px) {
    .info--cloud-1 {
        padding-bottom: 100px
    }
}

@media (min-width:1030px) {
    .info--cloud-1 .info-media {
        text-align: right
    }

        .info--cloud-1 .info-media:after {
            content: "";
            position: absolute;
            top: 0;
            right: 0;
            display: block;
            width: 40%;
            height: 100%;
            background: url(../images/vis-info-cloud-1-marks.png) 100% 33% no-repeat
        }

        .info--cloud-1 .info-media .info-media-wrapper {
            display: table;
            width: 100%;
            height: 100%
        }

        .info--cloud-1 .info-media .info-media-cell {
            display: table-cell;
            vertical-align: middle
        }

        .info--cloud-1 .info-media img {
            position: relative;
            display: inline-block;
            vertical-align: middle;
            margin-right: 20px;
            top: 52px;
            left: 31px
        }
}

@media (max-width:1199px) {
    .info--cloud-1 .info-media img {
        top: 0;
        left: 0
    }
}

@media (max-width:1029px) {
    .info--cloud-1 .col-sm-7 {
        padding-left: 15px;
        padding-right: 15px
    }
}

@media (max-width:767px) {
    .info--cloud-1 {
        padding-top: 50px;
        padding-bottom: 50px
    }
}

.info--cloud-2 {
    padding-bottom: 60px
}

    .info--cloud-2 .heading ~ .container {
        margin-top: 35px
    }

    .info--cloud-2 .icon-caption {
        font-size: 18px
    }

    .info--cloud-2 .info-text {
        text-align: center
    }

        .info--cloud-2 .info-text .icon {
            height: 130px;
            margin: 40px 0 20px
        }

        .info--cloud-2 .info-text .icon-caption {
            margin-bottom: 40px
        }

@media (max-width:767px) {
    .info--cloud-2 {
        padding-bottom: 10px
    }
}

.info--cloud-3 .info-text p {
    margin: 0 0 1em;
    line-height: 40px
}

.info--cloud-3 .info-text {
    line-height: 1.8em;
    margin-top: 4em
}

    .info--cloud-3 .info-text li {
        padding-left: 0;
        margin-bottom: 2em
    }

        .info--cloud-3 .info-text li:before {
            left: -30px;
            top: 12px;
            width: 9px;
            height: 9px;
            border-radius: 10px
        }

        .info--cloud-3 .info-text li:after {
            content: "";
            display: block;
            position: absolute;
            right: 100%;
            top: 16px;
            margin-right: 30px;
            width: 100px;
            height: 1px;
            border-top: 1px solid rgba(0,0,0,.1)
        }

    .info--cloud-3 .info-text h4 {
        font-size: 25px;
        margin: 0;
        line-height: normal
    }

.info--cloud-3 .heading ~ .container {
    margin-top: 20px
}

@media (max-width:1030px) {
    .info--cloud-3 .info-media img, .info--cloud-3 .info-text li:after {
        display: none
    }

    .info--cloud-3 .info-text {
        margin-top: 2em
    }

        .info--cloud-3 .info-text .lists--bullets {
            padding-left: 25px
        }
}

@media (max-width:1029px) {
    .info--cloud-3 .info-text li:before {
        left: -24px
    }
}

.info--cloud-4 {
    padding-top: 102px;
    background-color: #00ADEF
}

.info--cloud-4--bg-green {
    background-color: #77d065;
    padding-top: 90px;
    padding-bottom: 64px
}

    .info--cloud-4--bg-green a {
        margin-top: 86px
    }

        .info--cloud-4--bg-green a:hover {
            color: #77d065 !important
        }

.info--cloud-4 .heading-description {
    max-width: 1040px;
    margin: 38px auto 0
}

    .info--cloud-4 .heading-description p {
        font-size: 19px;
        line-height: 40px
    }

.info--cloud-4 .heading-title h3 {
    font-size: 52px;
    line-height: 55px
}

@media (max-width:767px) {
    .info--cloud-4 {
        padding-top: 50px;
        padding-bottom: 50px
    }

        .info--cloud-4 .heading-title h3 {
            font-size: 32px;
            line-height: 39px
        }

    .info--cloud-4--bg-green a {
        margin-top: 40px
    }
}

.info--cloud-5 .info-text p {
    line-height: 40px
}

.info--cloud-5 ul li {
    margin-bottom: 13px
}

    .info--cloud-5 ul li:before {
        margin-top: 6px
    }

.info--ios-1 {
    padding-bottom: 82px
}

@media (max-width:767px) {
    .info--ios-1 {
        padding-bottom: 50px
    }
}

.info--java-3, .info--java-4 {
    padding-bottom: 0
}

@media (min-width:1440px) {
    .info--ios-1 .info-text {
        position: relative;
        margin-top: 30px
    }

        .info--ios-1 .info-text:before {
            content: "";
            width: 83.33333%;
            height: 1px;
            border-top: 1px solid #ebebeb;
            position: absolute;
            top: 0;
            left: 8.33333%
        }

        .info--ios-1 .info-text:after {
            content: "";
            width: 1px;
            height: 70px;
            border-right: 1px solid #ebebeb;
            position: absolute;
            left: 50%;
            bottom: 0
        }
}

.info--ios-1 .info-text-element {
    text-align: center;
    font-weight: 400;
    font-size: 1.3em;
    margin-bottom: 50px;
    min-height: 107px
}

    .info--ios-1 .info-text-element:before {
        content: "";
        display: block;
        height: 40px;
        margin-top: -9px;
        background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAUCAYAAABiS3YzAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAg1JREFUeNqklD1IW1EUx19iq6NQLfiBg4Kh+AHaoQQVUQS10kVQ7CAV1K6KdSmOHaoOapxtRcVFsoroIFbcBFsVUltpiwo2g1LIqJjW/4HfC8EmMeKBH+fde8/5v3vvO+942reeOUnMJ7pEG8+PxB9xKFbEEs//mTfBXK74KELinfAj6OD9zIeIy71NtFJsi17xl6Tn4rHw4G38gfVe4iuTiZaKdVEsPoly0S9WxTkx54xfizLiisnz3RTN4I5sJ8uiRfwQFWJOnIgL/Bw7+0ncMnlL6MREX4lq8Ut0i0sxIHZFjygSmXgbfxGDxHWTV8VaTHQYPyIiolME3DcnMJufIi5CntkbV7SU+wuLoMhC0OOkNlufJj5Ivun4TLSWoE2+aKMocNKzfNFE3iZzNSaax+AYX+bczZ7gj/B5Xi7b7KFzP8vEX5robwZF+K93FPuGL8SHTfQzgzo+3AaXno6FKXzLq2dux0tTCHHpnRS51eC/NEQHie8g30556NbpJP69yKZEhkQ0iViU9SDxo8xPxBf/vNgTJWKRS7cafCoWxKm4wi8wHyBukbw9dJwHcW+23rklXog10Sf23V8vgZXQxRrEmXjpniy+S30XzVSDBR6IGdEqcojJoYnMsN7Ax2qOq4LYTl3bpTGMscN+SHavs+ItO03Z+c84uv3H4zThCGsRxuOs990UNLsWYAAcVn55NjxM+AAAAABJRU5ErkJggg==) 50% 0 no-repeat
    }

@media (max-width:480px) {
    .info--ios-1 .info-text-element {
        font-size: 1em
    }
}

.info--ios-2 {
    padding-top: 69px !important
}

    .info--ios-2 .heading-title {
        max-width: 1054px;
        margin-left: auto;
        margin-right: auto
    }

        .info--ios-2 .heading-title h3 {
            font-size: 52px;
            line-height: 70px
        }

    .info--ios-2 ul li {
        margin-bottom: 13px
    }

        .info--ios-2 ul li:before {
            top: 11px
        }

@media (max-width:767px) {
    .info--ios-2 {
        padding-top: 0 !important
    }

        .info--ios-2 .heading-title h3 {
            font-size: 32px;
            line-height: 39px
        }
}

.info--ios-2 .heading-description {
    max-width: 1244px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 25px
}

    .info--ios-2 .heading-description p {
        line-height: 45px
    }

.info--ios-2 .heading ~ .container {
    margin-top: 80px
}

.info--ios-2 h3 {
    font-size: 45px;
    line-height: 65px
}

.info--ios-2 p {
    line-height: 40px
}

@media (min-width:1030px) {
    .info--ios-2 .info-text {
        margin-top: 100px
    }
}

.info--ios-2 .row + .row img {
    position: relative;
    top: 72px;
    left: -101px
}

.info--python-1 {
    background-position: 0 0;
    text-shadow: 0 0 5px #fff;
    outline: #FFF solid 1px;
    line-height: 55px
}

    .info--python-1 .heading-description {
        margin-top: 30px
    }

        .info--python-1 .heading-description p {
            font-size: 19px;
            line-height: 40px
        }

    .info--python-1 .container ~ .info-text {
        margin-top: 76px
    }

    .info--python-1 ul li {
        line-height: 25px
    }

    .info--python-1 .info-text .col-sm-5 .row {
        padding-left: 34px
    }

    .info--python-1 .info-text.col-sm-offset-1 .row {
        padding-left: 70px
    }

@media (max-width:1800px) {
    .info--python-1 {
        background-position: 45% 0
    }
}

@media (max-width:1199px) {
    .info--python-1 {
        background: #FFF !important
    }

        .info--python-1 .info-text .col-sm-5 .row, .info--python-1 .info-text.col-sm-offset-1 .row {
            padding-left: 0
        }
}

.info--java-1 {
    background-position: 100% 100%;
    background-size: 100% auto
}

    .info--java-1 h3 {
        font-size: 50px
    }

    .info--java-1 p {
        line-height: 1.9em
    }

@media (min-width:1280px) {
    .info--java-1 .info-text {
        padding-top: 120px
    }
}

@media (max-width:1030px) {
    .info--ios-2 .row + .row img {
        top: auto;
        left: auto
    }

    .info--java-1 {
        background-size: 200% auto
    }

        .info--java-1 .info-media {
            margin-bottom: 100px
        }

        .info--java-1 .info-text {
            text-align: center
        }
}

.info--java-3 .heading-title h3 {
    line-height: 55px
}

.info--java-3 .heading-description {
    max-width: 1029px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 35px
}

    .info--java-3 .heading-description p {
        font-size: 19px;
        line-height: 30px
    }

.info--java-4 .heading-description {
    margin-top: 73px
}

.info--java-4 .container ~ .info-text {
    margin-top: 95px
}

.info--java-4 .info-text ul {
    list-style: none;
    margin: 0;
    padding: 0;
    text-align: center
}

    .info--java-4 .info-text ul li {
        font-weight: 400;
        margin-bottom: 2.7em
    }

.info--java-4 .heading-description p {
    font-size: 35px;
    line-height: 45px
}

.info--java-4 .info-text .info-text .row {
    padding-right: 15px;
    padding-left: 15px
}

@media (min-width:1030px) {
    .info--java-4 .info-text .info-text .row {
        padding-right: 32px;
        padding-left: 0
    }

    .info--java-4 .info-text ul {
        text-align: right
    }

        .info--java-4 .info-text ul li {
            position: relative
        }

            .info--java-4 .info-text ul li:after, .info--java-4 .info-text ul li:before {
                content: "";
                display: block;
                position: absolute;
                left: 100%;
                top: 50%
            }

            .info--java-4 .info-text ul li:before {
                margin: -11px 0 0 20px;
                width: 21px;
                height: 21px;
                background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAUCAYAAABiS3YzAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAfFJREFUeNqklMsrRHEUx+94bZVHxmuBxkheYYVEFiI7JrsRsp6wIH+Ax2LI3nsn2WEnJtl4hSIm72SSR83SeIzv4fvTbcYdhlOfzv3dOb8z556XSdvyawaSDZpBPZ/jwCNwgyUwy+cgMX3jNAEMATuI0ozlBcyAHnCv/yEiwDAfbIA28AbGQR1I/AjgU8t5jL+30T7fKFILWOfFVdABTkJEmkXnVeAOVKh0qEgjmSNxuABq6TAPTIEr8EQ9xchOabfAe7P08xVpK5gAZ6AYeIEDOJVhgLyCbjAKYsEOyATt4kdF2k3dR4c2MGLgUH3ZCO28vCfSpSK1MBcekAaiGXGK9rPInQzwDK5BMrBKpOU0cLGi1b90qNFJDe+5+K5MnJp5uKTO1cKTHOoLarM49fEQrf1PYqh94vSGh3TqwzCdHVGnqjxLoWSujwMKdc58/blQUvkDvrCxyaVH/b9w6qB9E+/LV7pVnw5T97OZ50Anm1wzaP5O2on9AN879RMlzbwNCjl2jSxgAQdD2iYJ3IJlXt5nceZBA9gDJfKH+oViBWu6hdLOITCSTG4xtVAqVdEC92kRWGTz+7gvJZJN8ADiQSlzaGekHi7y3VBLWiIdBC0hZl/ldRr0MtKQm1+fjlaOrZUF8bL9VsAkn4PkXYABAOA6iPfoBY38AAAAAElFTkSuQmCC) 50% 50% no-repeat
            }

            .info--java-4 .info-text ul li:after {
                margin: -1px 0 0 40px;
                width: 70px;
                height: 1px;
                border: 1px solid #ebebeb
            }
}

@media (max-width:1030px) {
    .info--java-4 .info-text ul {
        text-align: left
    }

        .info--java-4 .info-text ul li {
            position: relative;
            padding-left: 30px
        }

            .info--java-4 .info-text ul li:before {
                content: "";
                display: block;
                position: absolute;
                left: 0;
                top: 50%;
                margin: -11px 0 0;
                width: 21px;
                height: 21px;
                background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAUCAYAAABiS3YzAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAfFJREFUeNqklMsrRHEUx+94bZVHxmuBxkheYYVEFiI7JrsRsp6wIH+Ax2LI3nsn2WEnJtl4hSIm72SSR83SeIzv4fvTbcYdhlOfzv3dOb8z556XSdvyawaSDZpBPZ/jwCNwgyUwy+cgMX3jNAEMATuI0ozlBcyAHnCv/yEiwDAfbIA28AbGQR1I/AjgU8t5jL+30T7fKFILWOfFVdABTkJEmkXnVeAOVKh0qEgjmSNxuABq6TAPTIEr8EQ9xchOabfAe7P08xVpK5gAZ6AYeIEDOJVhgLyCbjAKYsEOyATt4kdF2k3dR4c2MGLgUH3ZCO28vCfSpSK1MBcekAaiGXGK9rPInQzwDK5BMrBKpOU0cLGi1b90qNFJDe+5+K5MnJp5uKTO1cKTHOoLarM49fEQrf1PYqh94vSGh3TqwzCdHVGnqjxLoWSujwMKdc58/blQUvkDvrCxyaVH/b9w6qB9E+/LV7pVnw5T97OZ50Anm1wzaP5O2on9AN879RMlzbwNCjl2jSxgAQdD2iYJ3IJlXt5nceZBA9gDJfKH+oViBWu6hdLOITCSTG4xtVAqVdEC92kRWGTz+7gvJZJN8ADiQSlzaGekHi7y3VBLWiIdBC0hZl/ldRr0MtKQm1+fjlaOrZUF8bL9VsAkn4PkXYABAOA6iPfoBY38AAAAAElFTkSuQmCC) 50% 50% no-repeat
            }
}

.info--ruby-1 .info-text ul li:before, .info--ruby-2 .info-text:before, .infoList1-name h4:after, .infoList1-title:after, .infoList1-wrapper:after, .infoRotator-link:after, .statistics-col:after, .statistics2 .heading-title:before {
    content: ''
}

.info--java-5 {
    padding-top: 24px !important
}

    .info--java-5 .heading-description {
        margin-top: 38px
    }

        .info--java-5 .heading-description p {
            line-height: 30px
        }

    .info--java-5 .container ~ .info-text {
        margin-top: 66px
    }

    .info--java-5 ul li {
        margin-bottom: 26px;
        font-size: 19px;
        line-height: 25px
    }

.info--appdev-2 {
    padding-top: 116px
}

    .info--appdev-2 .lists--bullets ul li:before {
        top: .7em
    }

    .info--appdev-2 h3 {
        font-size: 40px;
        line-height: 50px
    }

@media (max-width:767px) {
    .info--appdev-2 {
        padding-top: 50px
    }

        .info--appdev-2 h3 {
            font-size: 32px;
            line-height: 39px
        }
}

.info--appdev-2 h4 {
    margin: 0 0 15px 6px;
    font-weight: 500;
    font-size: 1.3em
}

    .info--appdev-2 h4:before {
        position: absolute;
        right: 100%;
        margin: -10px 10px 0;
        top: 50%
    }

.info--appdev-2 ul li + li {
    margin-top: 14px
}

@media (max-width:1200px) {
    .info--appdev-2 .info-text {
        padding-left: 10%
    }
}

@media (max-width:1029px) {
    .info--appdev-2 .info-text {
        display: inline-block;
        vertical-align: top;
        width: 49%;
        float: none;
        padding-left: 35px;
        padding-right: 35px;
        margin-bottom: 50px
    }

        .info--appdev-2 .info-text:last-child {
            margin-bottom: 0
        }

    .info--appdev-2 h4:before {
        position: relative;
        right: auto;
        margin: -3px 10px 0 -5px
    }
}

.info--appdev-1 {
    padding-top: 80px;
    padding-bottom: 150px;
    overflow: visible;
    text-shadow: 0 0 10px rgba(0,0,0,.8)
}

@media (max-width:767px) {
    .info--appdev-2 .info-text {
        width: 100%;
        padding-left: 15px;
        padding-right: 15px;
        margin-bottom: 30px
    }

    .info--appdev-1 {
        padding-top: 50px;
        padding-bottom: 50px
    }
}

.info--appdev-1 .title--with-bullet h4:before {
    position: absolute;
    right: 100%;
    top: 10px
}

.info--appdev-1 .info-text {
    z-index: 2
}

    .info--appdev-1 .info-text h4 + p {
        margin-bottom: 60px
    }

.info--appdev-1 .info-media {
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    z-index: 1
}

.info--appdev-1 .info-media--1 {
    width: 50%;
    height: 100%;
    left: 0;
    bottom: -35px;
    background-position: 0 100%;
    max-width: 1037px
}

.info--appdev-1 .info-media--2 {
    width: 30%;
    height: 100%;
    right: 0;
    bottom: 0;
    background-position: 100% 80%;
    max-width: 428px
}

@media (max-width:1600px) {
    .info--appdev-1 .info-media--1 {
        margin-left: -5%
    }

    .info--appdev-1 .info-media--2 {
        margin-right: -12%
    }
}

@media (max-width:1029px) {
    .info--appdev-1 .info-text:first-child h4 {
        margin-top: 0
    }

    .info--appdev-1 .info-text + .info-text {
        margin-top: 100px
    }

    .info--appdev-1 .info-text h4 + p {
        margin-bottom: 50px
    }
}

@media (max-width:767px) {
    .info--appdev-1 .info-text + .info-text {
        margin-top: 50px
    }
}

.info--wearables {
    padding-bottom: 110px
}

    .info--wearables .info-media--1 {
        height: 600px;
        left: -100%;
        top: 0;
        background-position: -62px 0;
        width: 420px;
        background-size: auto;
        position: absolute
    }

    .info--wearables .info-media--2 {
        height: 600px;
        right: -85%;
        top: 0;
        background-position: 100% 20%;
        width: 460px;
        background-size: auto;
        position: absolute
    }

    .info--wearables .title--with-bullet h4 {
        margin-top: 62px;
        margin-bottom: 13px
    }

        .info--wearables .title--with-bullet h4:before {
            display: none
        }

    .info--wearables ul li {
        padding-left: 30px;
        margin-bottom: 8px;
        font-size: 19px
    }

        .info--wearables ul li:before {
            left: 2px;
            top: 10px
        }

    .info--wearables .title--blue {
        position: relative;
        left: 10px
    }

    .info--wearables .title--green {
        position: relative;
        left: -55px
    }

.info--wearables-text {
    padding-bottom: 90px;
    position: relative
}

    .info--wearables-text p {
        position: absolute;
        bottom: 0;
        left: 15px
    }

@media (max-width:1919px) {
    .info--wearables .info-media--1, .info--wearables .info-media--2 {
        width: 350px;
        height: 400px;
        background-size: auto 100%;
        background-position: 50% 50%
    }

    .info--wearables .info-media--1 {
        left: -350px
    }

    .info--wearables .info-media--2 {
        right: -300px
    }
}

@media (max-width:1629px) {
    .info--wearables .info-media--1, .info--wearables .info-media--2 {
        width: 350px;
        height: 300px;
        background-size: auto 100%;
        background-position: 50% 50%;
        top: 60px
    }

    .info--wearables .info-media--1 {
        left: -290px
    }

    .info--wearables .info-media--2 {
        right: -230px
    }
}

@media (max-width:1599px) {
    .info--wearables .info-media--1, .info--wearables .info-media--2 {
        width: 350px;
        height: 300px;
        background-size: auto 100%;
        background-position: 50% 50%;
        top: 60px
    }

    .info--wearables .info-media--1 {
        left: -290px
    }

    .info--wearables .info-media--2 {
        right: -190px
    }
}

@media (max-width:1440px) {
    .info--wearables .info-media--1, .info--wearables .info-media--2 {
        position: static;
        margin-top: 20px
    }

    .info--wearables .title--blue, .info--wearables .title--green {
        left: 0
    }
}

@media (max-width:1029px) {
    .info--wearables {
        font-size: 0
    }

        .info--wearables .info-text {
            width: 50%;
            margin: 0;
            left: auto;
            display: inline-block;
            vertical-align: top
        }

            .info--wearables .info-text + .info-text {
                margin: 0
            }

        .info--wearables .title--with-bullet h4 {
            margin-top: 0;
            margin-bottom: 13px
        }
}

@media (max-width:767px) {
    .info--wearables {
        padding-top: 50px;
        padding-bottom: 50px
    }

        .info--wearables .info-text {
            width: 100%;
            display: block;
            height: auto !important
        }

            .info--wearables .info-text + .info-text {
                margin-top: 50px
            }

        .info--wearables .info-media--1, .info--wearables .info-media--2 {
            width: 280px;
            height: 300px;
            background-size: auto 100%;
            background-position: 50% 50%
        }
}

.info--page-xamarinCenter {
    padding-bottom: 15px
}

    .info--page-xamarinCenter p {
        margin-top: -27px;
        line-height: 35px
    }

    .info--page-xamarinCenter ul {
        margin: 37px 0 0 11px
    }

        .info--page-xamarinCenter ul li {
            margin-bottom: 15px
        }

.info--ruby-1 {
    padding-bottom: 50px
}

    .info--ruby-1 .heading {
        margin-bottom: 40px
    }

    .info--ruby-1 .info-text {
        padding: 40px;
        background: rgba(0,0,0,.25);
        border-radius: 10px;
        margin: 0 4% 50px
    }

        .info--ruby-1 .info-text h4 {
            border-bottom: 3px solid #51c336;
            margin: 0 0 40px;
            padding: 0 0 40px;
            font-weight: 300;
            font-size: 45px;
            line-height: 55px
        }

        .info--ruby-1 .info-text ul {
            list-style: none;
            margin: 0;
            padding: 0;
            text-align: center
        }

            .info--ruby-1 .info-text ul li {
                padding: 0
            }

                .info--ruby-1 .info-text ul li:before {
                    display: block;
                    height: 21px;
                    width: 100%;
                    margin: 40px 0 20px;
                    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAUCAYAAABiS3YzAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAg1JREFUeNqklD1IW1EUx19iq6NQLfiBg4Kh+AHaoQQVUQS10kVQ7CAV1K6KdSmOHaoOapxtRcVFsoroIFbcBFsVUltpiwo2g1LIqJjW/4HfC8EmMeKBH+fde8/5v3vvO+942reeOUnMJ7pEG8+PxB9xKFbEEs//mTfBXK74KELinfAj6OD9zIeIy71NtFJsi17xl6Tn4rHw4G38gfVe4iuTiZaKdVEsPoly0S9WxTkx54xfizLiisnz3RTN4I5sJ8uiRfwQFWJOnIgL/Bw7+0ncMnlL6MREX4lq8Ut0i0sxIHZFjygSmXgbfxGDxHWTV8VaTHQYPyIiolME3DcnMJufIi5CntkbV7SU+wuLoMhC0OOkNlufJj5Ivun4TLSWoE2+aKMocNKzfNFE3iZzNSaax+AYX+bczZ7gj/B5Xi7b7KFzP8vEX5robwZF+K93FPuGL8SHTfQzgzo+3AaXno6FKXzLq2dux0tTCHHpnRS51eC/NEQHie8g30556NbpJP69yKZEhkQ0iViU9SDxo8xPxBf/vNgTJWKRS7cafCoWxKm4wi8wHyBukbw9dJwHcW+23rklXog10Sf23V8vgZXQxRrEmXjpniy+S30XzVSDBR6IGdEqcojJoYnMsN7Ax2qOq4LYTl3bpTGMscN+SHavs+ItO03Z+c84uv3H4zThCGsRxuOs990UNLsWYAAcVn55NjxM+AAAAABJRU5ErkJggg==) 50% 50% no-repeat
                }

@media (max-width:1029px) {
    .info--ruby-1 .info-text {
        margin: 0 auto 50px
    }
}

@media (max-width:767px) {
    .info--ruby-1 .info-text h4 {
        font-size: 30px;
        line-height: 34px
    }

    .info--ruby-1 .info-text {
        margin: 0 auto 30px
    }
}

@media (max-width:480px) {
    .info--ruby-1 .info-text ul li {
        width: 100%
    }
}

.info--ruby-2 {
    background-position: 50% 100%;
    background-repeat: no-repeat;
    padding-bottom: 100px;
    overflow: hidden
}

    .info--ruby-2 .heading {
        margin-bottom: 85px
    }

    .info--ruby-2 .info-text {
        position: relative;
        padding-bottom: 200px
    }

        .info--ruby-2 .info-text:before {
            display: block;
            position: absolute;
            width: 100%;
            -webkit-box-sizing: content-box;
            box-sizing: content-box;
            padding: 0 2%;
            height: 400px;
            left: -2%;
            bottom: 0;
            background: url(../images/vis-info-ruby-2.png) 50% 50% no-repeat;
            background-size: 100% auto;
            z-index: 1
        }

        .info--ruby-2 .info-text .col-md-5ths {
            padding-bottom: 100px;
            font-size: .9em;
            z-index: 5
        }

            .info--ruby-2 .info-text .col-md-5ths:before {
                content: '';
                display: block;
                position: absolute;
                right: 100%;
                top: 0;
                height: 91%;
                width: 1px;
                border-left: 1px solid #ebebeb
            }

        .info--ruby-2 .info-text h4 {
            margin: -20px 0 0;
            font-size: 21px;
            position: relative;
            font-weight: 500
        }

            .info--ruby-2 .info-text h4:before {
                position: absolute;
                margin: 0 9px;
                top: 0;
                right: 100%
            }

.info--ruby-3 ul li:before, .info--webappdev-2 ul li:before {
    top: 10px
}

.info--ruby-2 .info-text p {
    margin-top: .5em
}

.info--ruby-2.bgcolor--white + .bgcolor--white {
    padding-top: 70px
}

@media (max-width:1030px) {
    .info--ruby-2 {
        padding-bottom: 0
    }

        .info--ruby-2 .info-text {
            text-align: center
        }

            .info--ruby-2 .info-text .col-md-5ths:before, .info--ruby-2 .info-text h4:before {
                display: none
            }
}

@media (max-width:1029px) {
    .info--ruby-2 .heading {
        margin-bottom: 0
    }

    .info--ruby-2 .info-text h4 {
        margin-top: 0
    }

    .info--ruby-2 .info-text .col-md-5ths {
        margin-bottom: 50px;
        padding-bottom: 0
    }

    .info--ruby-2.bgcolor--white + .bgcolor--white {
        padding-top: 50px
    }

    .info--ruby-3 .info-text .row .info-text {
        width: 100%
    }
}

@media (max-width:767px) {
    .info--ruby-2 .info-text .col-md-5ths {
        margin-bottom: 30px
    }
}

.info--ruby-3 {
    background-size: 100% auto;
    background-position: 0 100%
}

    .info--ruby-3 .heading-description p {
        font-size: 17px;
        line-height: 30px
    }

.info--webappdev-2 {
    padding-bottom: 0
}

    .info--webappdev-2 .info-media img {
        display: block;
        margin: 100px auto 0
    }

@media (min-width:1200px) {
    .info--webappdev-2 .row {
        width: 100%;
        display: table;
        table-layout: fixed
    }

    .info--webappdev-2 .info-text {
        padding-bottom: 100px
    }

    .info--webappdev-2 .info-media, .info--webappdev-2 .info-text {
        display: table-cell;
        vertical-align: bottom;
        float: none
    }

        .info--webappdev-2 .info-media img {
            display: block;
            margin-top: 0
        }
}

.info--backend-1 {
    border: solid #FFF;
    border-width: 100px 0 0
}

    .info--backend-1 .info-text p {
        margin-bottom: 0;
        font-size: 17px;
        line-height: 28px
    }

    .info--backend-1 .info-media {
        margin: -200px 0 40px;
        z-index: 10
    }

@media (min-width:1030px) {
    .info--backend-1 {
        border: solid #FFF;
        border-width: 100px 0
    }

        .info--backend-1 .info-media {
            margin: -200px 0
        }
}

.info--qa {
    padding: 30px 0;
    text-align: center
}

    .info--qa h4 {
        margin: .5em 0
    }

@media (min-width:1030px) {
    .info--qa .info-media {
        text-align: right
    }

    .info--qa .info-text {
        text-align: left
    }
}

.info--qa-1 {
    padding-top: 89px;
    padding-bottom: 105px
}

    .info--qa-1 .heading-title h3 {
        font-size: 52px;
        line-height: 60px
    }

@media (max-width:767px) {
    .info--qa-1 {
        padding-top: 50px;
        padding-bottom: 50px
    }

        .info--qa-1 .heading-title h3 {
            font-size: 32px;
            line-height: 39px
        }
}

.info--qa-1 .heading-description {
    max-width: 950px;
    margin-top: 38px;
    margin-left: auto;
    margin-right: auto
}

    .info--qa-1 .heading-description p {
        font-size: 19px;
        line-height: 30px
    }

.info--qa-1 .heading ~ .info-row {
    margin-top: 95px
}

.info--support-1 .col-sm-6 .info-text {
    padding: 40px;
    background: rgba(0,0,0,.5);
    border-radius: 10px;
    margin: 0 4% 100px
}

    .info--support-1 .col-sm-6 .info-text h4 {
        border-bottom: 3px solid #51c336;
        margin: 0 0 40px;
        padding: 0 0 40px
    }

    .info--support-1 .col-sm-6 .info-text li {
        margin-bottom: 1em
    }

        .info--support-1 .col-sm-6 .info-text li:last-child {
            margin-bottom: 0
        }

.info--support-1 ul li:before {
    top: .7em
}

@media (max-width:1029px) {
    .info--support-1 .col-sm-6 .info-text {
        margin-left: 0;
        margin-right: 0;
        margin-bottom: 50px
    }
}

@media (max-width:767px) {
    .info--support-1 .col-sm-6 .info-text {
        margin-bottom: 30px
    }

    .info--support-1 .info-text li:first-child {
        margin-top: 0
    }
}

.info--support-3 {
    padding-bottom: 23px
}

    .info--support-3 .info-media img {
        position: relative;
        top: -62px
    }

    .info--support-3 ul li {
        margin-bottom: 18px
    }

        .info--support-3 ul li:before {
            top: 12px
        }

    .info--support-3 .heading-title h3 {
        line-height: 57px
    }

@media (max-width:767px) {
    .info--support-3 {
        padding-bottom: 50px
    }

        .info--support-3 .info-media img {
            top: auto
        }
}

.info--page-methodology ul li:before, .info--page-quality-management ul li:before, .info--page-quality-management-1 ul li:before {
    top: 10px
}

.info--page-prototyping {
    padding-top: 52px;
    padding-bottom: 0;
    background: #fff;
    background: -webkit-linear-gradient(top,#fff 0,#f7f7f7 100%);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0,#fff),to(#f7f7f7));
    background: linear-gradient(to bottom,#fff 0,#f7f7f7 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f7f7f7', GradientType=0 );
    z-index: 1
}

    .info--page-prototyping .info-text {
        padding-top: 55px;
        padding-bottom: 55px
    }

    .info--page-prototyping h3 {
        font-size: 52px;
        line-height: 60px
    }

    .info--page-prototyping .info-media img {
        margin-bottom: -40px
    }

    .info--page-prototyping ul li {
        margin-bottom: 20px;
        font-size: 19px;
        line-height: 25px
    }

@media (max-width:1029px) {
    .info--page-prototyping {
        padding-top: 0;
        padding-bottom: 100px
    }

        .info--page-prototyping .info-media img {
            display: none
        }

        .info--page-prototyping .info-text {
            padding-top: 0;
            padding-bottom: 0
        }

    .info--page-methodology .info-text.col-sm-6 {
        width: 100%
    }
}

@media (max-width:767px) {
    .info--page-prototyping {
        padding-bottom: 50px
    }

        .info--page-prototyping h3 {
            font-size: 32px;
            line-height: 39px;
            text-align: center
        }
}

.info--page-methodology {
    color: #FFF;
    background-repeat: no-repeat;
    background-position: 0 50%;
    background-image: url(../images/bg-info--page-methodology.jpeg);
    background-size: cover
}

.info--page-content-and-document-management {
    padding-bottom: 130px
}

    .info--page-content-and-document-management ul li {
        margin-bottom: 25px;
        line-height: 25px
    }

@media (max-width:1029px) {
    .info--page-content-and-document-management {
        padding-bottom: 100px
    }
}

@media (max-width:767px) {
    .info--page-content-and-document-management {
        padding-bottom: 50px
    }

        .info--page-content-and-document-management .col-xs-6 {
            width: 100%
        }
}

.info--page-quality-management {
    background-color: #FFF
}

    .info--page-quality-management ul li {
        font-weight: 300
    }

.info--page-quality-management-1 {
    padding-top: 90px;
    padding-bottom: 56px
}

    .info--page-quality-management-1 h3 {
        margin-bottom: 50px
    }

    .info--page-quality-management-1 p:last-of-type {
        margin-bottom: 58px
    }

@media (max-width:1029px) {
    .info--page-quality-management-1 {
        padding-top: 100px
    }

        .info--page-quality-management-1 .col-xs-6 {
            width: 100% !important;
            float: none !important
        }

    .info--page-quality-management .info-text .row .info-text {
        width: 100%
    }

    .info--page-quality-management-1 .info-media {
        display: none
    }
}

.info--page-dedicated-development-teams {
    margin-top: -36px;
    background-repeat: no-repeat;
    background-position: 50% 0;
    background-image: url(../images/bg-info-dedicated-development-teams.jpeg);
    background-size: cover
}

    .info--page-dedicated-development-teams ul li:before {
        top: .7em
    }

@media (max-width:767px) {
    .info--page-quality-management-1 {
        padding-top: 50px
    }

    .info--page-dedicated-development-teams {
        margin-top: 0
    }
}

.info--page-dedicated-development-teams .info-text--1 {
    color: #232323
}

.info--page-dedicated-development-teams h4 {
    font-weight: 300;
    text-transform: uppercase
}

.info--page-dedicated-development-teams ul li + li {
    margin-top: 15px
}

@media (max-width:1030px) {
    .info--page-dedicated-development-teams {
        padding-top: 0;
        padding-bottom: 0;
        background: 0 0
    }

        .info--page-dedicated-development-teams .info-text--1, .info--page-dedicated-development-teams .info-text--2 {
            padding-top: 100px;
            padding-bottom: 100px;
            padding-right: 80px;
            background-repeat: no-repeat;
            background-position: 50% 50%;
            background-size: cover
        }

        .info--page-dedicated-development-teams .info-text--1 {
            background-image: url(../images/bg-info-dedicated-development-teams1.jpeg)
        }

        .info--page-dedicated-development-teams .info-text--2 {
            background-image: url(../images/bg-info-dedicated-development-teams2.jpeg)
        }
}

@media (max-width:1029px) {
    .info--page-dedicated-development-teams .info-text {
        width: 100%
    }

        .info--page-dedicated-development-teams .info-text h4 {
            margin-top: 0
        }

    .info--page-dedicated-development-teams .info-text--1, .info--page-dedicated-development-teams .info-text--2 {
        padding-top: 100px
    }
}

@media (max-width:767px) {
    .info--page-dedicated-development-teams .info-text--1, .info--page-dedicated-development-teams .info-text--2 {
        padding-top: 50px;
        padding-bottom: 50px
    }
}

@media (max-width:600px) {
    .info--page-dedicated-development-teams .info-text--1, .info--page-dedicated-development-teams .info-text--2 {
        padding-right: 15px
    }
}

.info--page-omnichannel-ecommerce {
    margin-bottom: 78px;
    padding-top: 200px;
    padding-bottom: 150px;
    background-color: #FFF;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-image: url(../images/bg-mobile-commerce.jpeg)
}

    .info--page-omnichannel-ecommerce h3 {
        margin-bottom: 39px;
        font-size: 52px;
        line-height: 60px
    }

    .info--page-omnichannel-ecommerce ul li:before {
        top: 6px !important
    }

    .info--page-omnichannel-ecommerce .col-sm-7 p:last-of-type {
        margin-bottom: 0
    }

.info--page-omnichannel-ecommerce-1 {
    padding-top: 112px;
    padding-bottom: 67px
}

    .info--page-omnichannel-ecommerce-1 ul li:before {
        top: 7px
    }

@media (max-width:767px) {
    .info--page-omnichannel-ecommerce {
        margin-bottom: 0
    }

        .info--page-omnichannel-ecommerce h3 {
            font-size: 32px;
            line-height: 39px
        }

    .info--page-omnichannel-ecommerce-1 {
        padding-top: 50px;
        padding-bottom: 50px
    }
}

.info--page-omnichannel-ecommerce-1 h3 {
    margin-bottom: 46px;
    font-size: 52px;
    line-height: 60px
}

.info--page-omnichannel-ecommerce-1 .info-media {
    text-align: right
}

    .info--page-omnichannel-ecommerce-1 .info-media img {
        position: relative;
        margin-top: 13px
    }

@media (max-width:1920px) {
    .info--page-omnichannel-ecommerce {
        background-position: 0 36%;
        background-size: 100% auto
    }
}

@media (max-width:1440px) {
    .info--ruby-2 .info-text .col-md-5ths:before {
        height: 95%
    }

    .info--page-omnichannel-ecommerce {
        padding-top: 0;
        padding-bottom: 100px
    }
}

@media (max-width:1029px) {
    .info--page-omnichannel-ecommerce {
        padding-top: 0;
        padding-bottom: 100px;
        background: #FFF
    }
}

@media (max-width:767px) {
    .info--page-omnichannel-ecommerce-1 h3 {
        font-size: 32px;
        line-height: 39px
    }

    .info--page-omnichannel-ecommerce {
        padding-bottom: 50px
    }
}

.info--page-overview {
    outline: #e2e2e2 solid 1px
}

.tabs, .tabs2 {
    outline: #FFF solid 1px
}

.info--main {
    padding-bottom: 142px
}

    .info--main .heading-title {
        width: 100%;
        margin-bottom: 30px
    }

    .info--main .info-block {
        padding-left: 0;
        padding-right: 0
    }

    .info--main .heading-title h3 {
        margin-bottom: 0;
        line-height: 72px;
        text-align: left
    }

.infoList1-item, .infoRotator-box, .quote, .statistics {
    text-align: center
}

.info--main .info-block p {
    line-height: 1.8
}

@media (max-width:1200px) {
    .info--main .heading-break {
        display: inline
    }
}

@media (max-width:1029px) {
    .info--main {
        padding-bottom: 100px
    }

        .info--main .heading-title h3 {
            text-align: center
        }

        .info--main .info-block--visual {
            display: none
        }
}

@media (max-width:767px) {
    .info--main {
        padding-bottom: 50px
    }

        .info--main .cta-area:last-child {
            margin-bottom: 0
        }
}

.info--page-methodology-1 ul li:before {
    top: 12px
}

@media (min-width:1440px) {
    .infoList--expertise-mob-app-dev {
        padding-bottom: 0 !important
    }
}

.infoList--expertise-mob-app-dev .infoList-title h4 {
    font-size: 35px;
    line-height: 40px;
    color: #58c344
}

.infoList--expertise-mob-app-dev .infoList-object img {
    top: 0 !important
}

.info--expertise-mobility {
    padding: 210px 0 0;
    background-position: top center;
    background-color: #eaeaea
}

@media screen and (min-width:1921px) {
    .info--expertise-mobility {
        background-size: 100%
    }
}

@media screen and (max-width:1600px) {
    .info--expertise-mobility {
        background-size: 100%
    }
}

.info--expertise-mobility .heading {
    margin-bottom: 100px
}

.mobility-list {
    padding: 0 0 120px;
    -webkit-transform: translateX(1.8%);
    -ms-transform: translateX(1.8%);
    transform: translateX(1.8%);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    max-width: 1900px;
    margin: 0 auto;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

    .mobility-list .column {
        max-width: 483px;
        min-height: 900px;
        -webkit-flex-shrink: 1;
        -ms-flex-negative: 1;
        flex-shrink: 1;
        width: 25%;
        background-size: contain;
        background-position: left top;
        background-repeat: no-repeat
    }

@media screen and (max-width:1800px) {
    .mobility-list {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

        .mobility-list .column {
            width: 50%
        }
}

@media screen and (max-width:1023px) {
    .info--expertise-mobility {
        padding-top: 100px;
        background-image: none !important
    }

    .mobility-list {
        -webkit-transform: translateX(4.8%);
        -ms-transform: translateX(4.8%);
        transform: translateX(4.8%);
        padding-bottom: 60px
    }

        .mobility-list .column {
            width: 100%;
            margin: 0 auto
        }
}

@media screen and (max-width:767px) {
    .mobility-list {
        display: block;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none
    }

    .info--expertise-mobility .heading {
        margin-bottom: 50px
    }

    .mobility-list .column {
        width: 100%;
        max-width: 100%;
        min-height: auto;
        margin-bottom: 30px;
        background: 0 0 !important
    }

    .mobility-list .cards-wrapper {
        padding: 0 !important
    }
}

.infoList1, .infoList1-title:after, .infoList1-wrapper:after, .infoRotator-eclipse, .mobileRotatorDevice {
    background-repeat: no-repeat
}

.mobility-list .cards-wrapper {
    width: 100%;
    padding: 18% 28% 30px 30px
}

.mobility-list .cards-name h4 {
    color: #51c435;
    letter-spacing: -.5px
}

.infoList {
    position: relative;
    padding-top: 100px;
    padding-bottom: 100px;
    background-color: #FFF;
    overflow: hidden
}

    .infoList .heading-title h3 {
        margin-bottom: 20px
    }

    .infoList .heading-description {
        margin-bottom: 0
    }

        .infoList .heading-description p {
            margin-bottom: 122px
        }

.infoList-list {
    margin: 0;
    padding: 0
}

.infoList-item + .infoList-item {
    margin-top: 78px
}

.infoList-title h4 {
    margin-top: 0;
    margin-bottom: 24px;
    font-weight: 300;
    font-size: 30px;
    line-height: 30px
}

.infoList-text p {
    font-weight: 300;
    font-size: 17px;
    line-height: 30px
}

.infoList-object {
    margin-top: -114px;
    position: relative
}

    .infoList-object img {
        position: relative;
        top: 0
    }

    .infoList-object.unanimated img {
        top: 1400px
    }

    .infoList-object.ready img {
        -webkit-transition: top 1s ease;
        transition: top 1s ease
    }

@media (max-width:1030px) {
    .infoList .container .infoList-row {
        font-size: 0
    }

    .infoList-item {
        display: inline-block;
        vertical-align: top;
        width: 50%;
        margin-bottom: 50px
    }

        .infoList-item + .infoList-item {
            margin-top: 0
        }

        .infoList-item:nth-child(even) {
            padding-left: 30px
        }

        .infoList-item:last-child {
            margin-bottom: 0
        }
}

@media (max-width:767px) {
    .infoList {
        padding-top: 50px;
        padding-bottom: 50px
    }

        .infoList .heading-description p {
            margin-bottom: 50px
        }

    .infoList-item {
        display: block;
        width: 100%;
        margin-bottom: 0
    }

        .infoList-item:nth-child(even) {
            padding-left: 0
        }

        .infoList-item + .infoList-item {
            margin-top: 40px
        }
}

.infoRotator {
    position: relative;
    width: 100%;
    max-width: 660px;
    left: 112px;
    top: -28px;
    line-height: 0;
    font-size: 0;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.infoRotator-circle, .infoRotator-wrapper {
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0
}

.infoRotator-placeholder {
    max-width: none;
    width: 100%
}

.infoList1-wrapper img, .mobileRotatorDevice-img {
    max-width: 100%
}

.infoRotator-circle {
    border: 1px solid #e3e3e3;
    border-radius: 50%
}

.infoRotator-link:after, .infoRotator-marker {
    border-radius: 50%;
    position: absolute;
    display: block
}

.infoRotator-circle--1 {
    -webkit-animation: rotate-clockwise 180s linear infinite;
    animation: rotate-clockwise 180s linear infinite
}

.infoRotator--animation--false .infoRotator-circle--1 {
    -webkit-animation: none;
    animation: none
}

.infoRotator-circle--2 {
    width: 96%;
    height: 96%;
    top: 2%;
    left: 2%
}

.infoRotator-circle--3 {
    width: 92%;
    height: 92%;
    top: 4%;
    left: 4%;
    -webkit-animation: rotate-counterclockwise 180s linear infinite;
    animation: rotate-counterclockwise 180s linear infinite
}

.infoRotator--animation--false .infoRotator-circle--3 {
    -webkit-animation: none;
    animation: none
}

.infoRotator-marker {
    width: 6px;
    height: 6px;
    top: 0;
    left: 0;
    background-color: #cecece;
    z-index: 3
}

.infoRotator-link {
    position: absolute;
    display: block;
    width: 20px;
    height: 20px;
    top: -7px;
    left: -7px
}

    .infoRotator-link:after {
        width: 6px;
        height: 6px;
        top: 7px;
        left: 7px;
        background-color: #54c439;
        -webkit-transition: all .2s ease;
        transition: all .2s ease
    }

    .infoRotator-link.active:after, .infoRotator-link:hover:after {
        -webkit-box-shadow: 0 0 0 2px rgba(255,255,255,1),0 0 0 7px rgba(84,196,57,.2),0 0 0 8px rgba(255,255,255,1),0 0 0 10px rgba(84,196,57,.1),0 0 0 11px rgba(255,255,255,1),0 0 0 12px rgba(84,196,57,.05);
        box-shadow: 0 0 0 2px rgba(255,255,255,1),0 0 0 7px rgba(84,196,57,.2),0 0 0 8px rgba(255,255,255,1),0 0 0 10px rgba(84,196,57,.1),0 0 0 11px rgba(255,255,255,1),0 0 0 12px rgba(84,196,57,.05)
    }

.infoRotator-content {
    position: absolute;
    width: 90%;
    height: 90%;
    top: 5%;
    left: 5%;
    z-index: 1
}

.infoRotator-box, .infoRotator-eclipse, .infoRotator-table {
    position: absolute;
    height: 100%;
    width: 100%
}

.infoRotator-eclipse {
    display: block;
    top: 0;
    left: 0;
    background-position: 50% 50%;
    background-image: url(../images/ellipse-inner.png);
    background-size: contain;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0)
}

    .infoRotator-eclipse.animation {
        -webkit-animation: rotate-clockwise 4s linear;
        animation: rotate-clockwise 4s linear
    }

.infoRotator-box {
    display: none;
    left: 0;
    top: 0;
    font-size: 19px;
    line-height: 30px
}

    .infoRotator-box.active {
        display: block
    }

.infoRotator-table {
    display: table;
    top: 0;
    left: 0
}

    .infoRotator-table td {
        vertical-align: middle
    }

.infoRotator-box h4 {
    margin-bottom: 0;
    font-family: Avenir,Arial,Helvetica,sans-serif;
    font-weight: 300;
    font-size: 180px;
    line-height: 180px;
    color: #51c336
}

.mobileRotator-title h4, .tabs-title h4, .tabs2-title h4, .verticalTimeline-title h4 {
    font-family: Ubuntu,Arial,Helvetica,sans-serif
}

.infoRotator-box p {
    padding-left: 16%;
    padding-right: 16%
}

@media (max-width:1600px) {
    .infoRotator {
        left: 0
    }
}

@media (max-width:1439px) {
    .infoRotator-box h4 {
        font-size: 140px;
        line-height: 140px
    }
}

@media (max-width:1199px) {
    .infoRotator-box h4 {
        font-size: 100px;
        line-height: 100px
    }
}

@-webkit-keyframes rotate-clockwise {
    from {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes rotate-clockwise {
    from {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@-webkit-keyframes rotate-counterclockwise {
    from {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    to {
        -webkit-transform: rotate(-360deg);
        transform: rotate(-360deg)
    }
}

@keyframes rotate-counterclockwise {
    from {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    to {
        -webkit-transform: rotate(-360deg);
        transform: rotate(-360deg)
    }
}

.statistics-icon, .table-cell--header .img {
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%)
}

.infoList1 {
    position: relative;
    padding-top: 150px;
    padding-bottom: 155px;
    background-color: #01040c;
    background-position: 50% 50%;
    background-image: url(../images/infoList1-bg.jpeg)
}

.infoList1-name h4 {
    position: relative;
    margin-top: 0;
    margin-bottom: 80px;
    font-weight: 300;
    font-size: 46px;
    line-height: 60px;
    color: #FFF
}

    .infoList1-name h4:after {
        position: absolute;
        display: block;
        width: 100%;
        height: 2px;
        bottom: -43px;
        left: 0;
        background-color: #51c336
    }

.infoList1-text p {
    font-weight: 300;
    font-size: 19px;
    line-height: 35px;
    color: #FFF
}

.infoList1-wrapper {
    position: relative;
    margin-top: 104px;
    text-align: center
}

.infoList1-list {
    position: relative;
    display: block;
    width: 100%;
    padding-left: 0;
    font-size: 0
}

.infoList1-wrapper:after {
    position: absolute;
    display: block;
    width: 101px;
    height: 301px;
    left: 50%;
    bottom: 100%;
    margin-left: -50px;
    background-position: 0 0;
    background-image: url(../images/infoList1-list-after.png)
}

.infoList1-item {
    position: absolute;
    display: block;
    width: 180px;
    top: 0
}

.infoList1-item--1 {
    left: -40px
}

.infoList1-item--2 {
    left: 215px
}

.infoList1-item--3 {
    left: 473px
}

.infoList1-item--4 {
    left: 730px
}

.infoList1-item--5 {
    left: 987px
}

.infoList1-item--6 {
    left: 1244px
}

.infoList1-title {
    position: relative;
    font-weight: 300;
    font-size: 17px;
    line-height: 25px;
    color: #FFF
}

    .infoList1-title:after {
        position: absolute;
        display: block;
        width: 20px;
        height: 20px;
        top: -40px;
        left: 50%;
        margin-left: -13px;
        background-position: 0 0;
        background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAfRJREFUeNqUld9Lk2EUx9+21CL/AH8EgQRmBVo6m9d6EYWwQQvabT92EZl5oewfEM2LFCYpeN/FWi0q6KIg8EIG64di62Z0lewPiC6mM/we+Wy8G2/O98CH533Oe873PM+75zw7EV0fdjysVURgRHSJXfFbfBOvxRt8dXbSQywqnorzHkUuwB1RFDPilTso4HoOinkCTKwgpkSfOAUX8RWIyZAT9FrhrJhmG5b0XPxrWOVPWBL3xTNyHFZbW+Etl9hNsUyxCbEh/sAGPnu3KsbJmUbjULCVSmZPxEfRLXKsJCzaIYwvR8wndmO2aFomGBNnxQ+qWoF3YsD5v9m796JNrJBrBW4HOBpma2JfJJqIVa1fPCBnDV/EBENMPjDGneNbvCF3yAQ7mPxivOpD8EpDbmfA67T7sD3Xoa8d7BLPPYxffQhuM55jLJngFpPrjC98CFZjxxjzJphlcpcWsqOzeQyxLWIt5x6+rAmmuUUuc2TKdMv3I8Ss4A1iE+TumFbA1bsOHTPGy2ti0rYh/kIe3zAxow1dVq72sq1ygV/LOuChqNBmIVfrhfBVWNlbchbQqLu+kiJFQIpv9Fj0ihZxRlzCt0nLneYiSXpdX9ZCj8RnMUfy4hHfsYjQy2Y3doatxLi9B2l8h+/2hb+AtFdTHAgwAL8YdPcOGZFYAAAAAElFTkSuQmCC)
    }

.mobileRotator, .mobileRotator-slider {
    position: relative
}

@media (max-width:1550px) {
    .infoList1-wrapper {
        padding-left: 90px;
        padding-right: 90px
    }

    .infoList1-item--1 {
        left: -86px
    }

    .infoList1-item--2 {
        left: 154px
    }

    .infoList1-item--3 {
        left: 393px
    }

    .infoList1-item--4 {
        left: 633px
    }

    .infoList1-item--5 {
        left: 873px
    }

    .infoList1-item--6 {
        left: 1113px
    }
}

@media (max-width:1440px) {
    .infoList1-wrapper {
        margin-top: 70px;
        padding-left: 90px;
        padding-right: 90px
    }

    .infoList1-item--1 {
        left: -86px
    }

    .infoList1-item--2 {
        left: 105px
    }

    .infoList1-item--3 {
        left: 298px
    }

    .infoList1-item--4 {
        left: 491px
    }

    .infoList1-item--5 {
        left: 682px
    }

    .infoList1-item--6 {
        left: 874px
    }
}

@media (max-width:1200px) {
    .infoList1-wrapper img, .infoList1-wrapper:after {
        display: none
    }

    .infoList1 {
        padding-top: 100px;
        padding-bottom: 50px
    }

    .infoList1-wrapper {
        padding-left: 0;
        padding-right: 0
    }

    .infoList1-item {
        position: relative;
        display: inline-block;
        vertical-align: top;
        left: auto;
        margin-bottom: 30px
    }

    .infoList1-name {
        font-size: 32px;
        line-height: 42px
    }
}

@media (max-width:1029px) {
    .infoList1 {
        background-size: cover
    }

        .infoList1 .col-lg-5 + .col-lg-5 {
            margin-top: 40px
        }

    .infoList1-name {
        margin-bottom: 40px
    }

        .infoList1-name:after {
            bottom: -23px
        }
}

@media (max-width:767px) {
    .infoList1 {
        padding-top: 50px;
        padding-bottom: 20px
    }

    .infoList1-name h4 {
        font-size: 39px;
        line-height: 39px
    }

    .infoList1-text {
        font-size: 20px;
        line-height: 33px
    }

    .infoList1-heading + .infoList1-heading {
        margin-top: 80px
    }
}

@media only screen and (-webkit-min-device-pixel-ratio:2),only screen and (min--moz-device-pixel-ratio:2),only screen and (-o-min-device-pixel-ratio:2/1),only screen and (min-device-pixel-ratio:2) {
    .infoList1-title:after {
        background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAABDJJREFUeNrMWVtIVFEUHSftqRGZiGRGZFpkEWQJ0UfWn4ggRin1lUXZu4/SICIoKIOQMKEi+qrUIAKxJ1QfQVBWlCilKIUlflgR2UPGGFs71pXT5ui9452BNqyPu885e6/Z57X3mfjixysD45AgsALIB3KBLGA2MI3tP4BeoBN4DjwCWoBwpI7iI+yfDuwCNgFzxug3CZgJLAFKqPsAXAXqgI+RRMKLJNNwN1DlQm40mcOx3bSVHC2CG4C3wE5gYsC/TKQtsbnRzxRLWy2wY5T270Az19cr4B3wlW0zgHnAMq7TQiBRjZ8FNABrgD3Ab5uTuFE2yVSgkYa1dAHVwDXgp8eoTeG6PQQssLQ3M5o/vUyxRK7eQm4QqAQWA5ciICfyi2NyaGNQtRfSZ7wXgueAIkvU8oDTQMjH+gvRRh5tmlJE32MSlDBvV7qXwGqg1eIwgzvzHo8RicwA8Aa4y7Z5lnGttPlS6cV32WhrMJk7a5aK3Cqg30LsFHf4BJeohbmehWyPaksBngCZhu4LsNDxaUbwhCIn62a9hZxMRRt/6QSPR5n0bdfRoe0S+nJEDvjjeoolIuVq8DHgtdLtA24CSeNYf4m8SQ5YpvuY0m0hpxGCFUCC0UFO+xrL+qyJ4PaxHmvAGcsBXaM2TQI5/XUm2KwGyPoaUmvuEh34lTjayjB0Q/RpinAKOllJutEwwDPJlJOWm8CPJPKwN6WBvs3EZIUQXKs63ma65MhcoDQQfdlA2wEjRbut+uQLweVK+UB9l/pcd2Pt7lIX37nSKduyq/75FYHYSb6L72whmKaU3eo7J4YEc1x8pwUtZ9o3S1oUK0lx8Z0UDPznElRbW2S6+v4UQ//9Lr4HhGCfUs5X3+0xJNjm4rtPCHYo5VL1/TCGBB+5+O4Qgi+Ucp36bhxPPetBnDRsLN/Pg5ZfUWAU4CLvgesxIHidts06qEBHWAg+U4V0kuWEr2QVFy35TpumlKkjTzi1BBnqK6pzlUq/JBPeBgxHgdwwbfWo9EoTFk5h5xysU8VQpiWxbKAu7JPcQdoyZb8qR0PkNJIEfGSOpjNqvavOAsWWs9PrtG5mwqp3rs6oLzvLzrxJjgKfVbF9w3IdNfEObfAYzTD7Lmaxr6+6G9wgjgiHI7ayUxp2KwOZLB9Tlb6Hi1pKysPAfT63DRG91B3m1JVZKrpU2s5U+r1moGxPH+cttXEXq6/WKO3ipYycJndR+7YlC3s5jTqST/m2kuCDWAJtPLWQa+IjkuvTR4hTckfpJ7OOkLt5q1o3Xh6Pyjm2mrZMuUWfIa+vW86vrbVMd7Se3xy5wMgNRfL8pmuS2hgkrp+4nOrd8kE3kSNiETdPKArEQrS1yI2cV4LOr61gvlbNYyRS6eXY+bTlKRGO8/k3xFqWrVkstBON9Sk3QSfTOckpx/U3xB8BBgCJQPpPZW/73QAAAABJRU5ErkJggg==);
        background-size: 20px 20px
    }
}

.mobileRotator {
    padding-top: 88px;
    padding-bottom: 100px;
    background-color: #FFF
}

    .mobileRotator .heading-title h3 {
        margin-bottom: 172px
    }

.mobileRotator-item {
    position: relative;
    width: 100%;
    height: 630px
}

.mobileRotator-container {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}

.mobileRotator-content {
    padding-top: 166px;
    padding-left: 40px
}

.mobileRotator-title h4 {
    margin-top: 0;
    margin-bottom: 44px;
    font-weight: 300;
    font-size: 45px;
    line-height: 55px;
    color: #FFF
}

.mobileRotator-text p {
    font-size: 24px;
    line-height: 40px;
    color: #FFF
}

.mobileRotator-wrapper {
    position: absolute;
    width: 100%;
    top: 0;
    left: 0
}

    .mobileRotator-wrapper .container {
        position: relative
    }

.mobileRotatorDevice {
    position: absolute;
    width: 406px;
    height: 828px;
    top: -104px;
    left: 118px;
    padding-top: 86px;
    padding-left: 17px;
    padding-right: 17px;
    background-position: 0 0;
    background-image: url(../images/mobileRotator-device.jpeg);
    z-index: 2
}

.mobileRotatorDevice-slider {
    position: relative;
    width: 100%;
    height: 659px;
    background-color: #000;
    border-radius: 2px
}

.mobileRotator .owl-controls {
    position: absolute;
    width: 100%;
    max-width: 1380px;
    top: 0;
    left: 0;
    right: 0;
    margin: 0 auto
}

.table-arrow, .tabslider--page-prototyping .tabslider-img img, .tabslider-tabs-item img {
    max-width: 100%
}

.mobileRotator .owl-controls .owl-pagination {
    position: absolute;
    width: 54%;
    top: 586px;
    right: 0;
    text-align: left
}

.mobileRotator .owl-theme .owl-controls .owl-page span {
    margin-left: 10px;
    margin-right: 10px;
    background-color: transparent;
    border: 2px solid #FFF
}

.mobileRotator .owl-theme .owl-controls .owl-page.active span {
    background-color: #FFF
}

.mobileRotator .owl-theme .owl-controls .owl-buttons div {
    position: absolute;
    display: block;
    width: 29px;
    height: 57px;
    top: 315px;
    margin: -28px 0 0;
    padding: 0;
    font-size: 0;
    line-height: 0;
    text-indent: -999px;
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: 0 0;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADoAAAByCAYAAAACsMIpAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA61JREFUeNrsm21LFFEUx2d96GHFdNUylUWkN9HX6IP0LepNvQsy1hcKCkZKhgsJgoKSBS0lqdBCD0pZ2bN9kKZz6Vw6XHadmZ17rzPyP/BHnZ255/zWeTj3v3cLYRgGnuM6SSWt+Eza4RnyNuka/36OdMtbZvUf9aQ74b94ywp5m5f8viAr4f94ytJROQmgBdKkgDokXWIdiu2TvG8uQVXh0wLmJ2lMvD7G23RMu4R1CTkrIL6TRhvsN8qv6Zh1BesCso00J4r/QiofsX+Z99Exx2NkGrSdtCCK/kwajnHcMO+rY4HHyiSoKqwqiv1IGkpw/EU+RkfVJqwtyA7SkijyA2mwhXEukN6LcZZ47EyAniIti+J2SedTjKeOfSfGW+YcxwqqClgVRamOp9/Cm9cvuicVK2lh00KuiWJek0oWr/kSj6ljLQ1sq0WcIW2IIl6Rehw8qnp4bB0bnNsLaNHoVbcdQUrYbaNXLroGVQlqIulLUreHprybc+moJYVNkqyLtCmSveBtvmZAXZxTx2aS/Ene0a0076glqZzPRB1bcc+ouNfITtprxKLOGveInTj3iKhBe0l1G3c9yzpNeizqqnOtLYH22XyOOVCj53hfUtAB252JQ9gVozMbiAuqes09o9fszCCkVqfRa+816rXNgwZ55qHjke15oSO1c6069s3Zk9x5yJgPLuYEUsIuivo/yfmw3mnE9QzfI+wDwXHAbIH2bL669mw8StV+X/B8U4zKcasFQXCVjfsD0hXSnyDf0UbaJ13mv583cuHmc3raNnMh1dla9ubCebxGTRdyJOquW83hXbepCxn1HLXmwjlWpAvZrDPate3COW4DI13IuC7caoZ73VguZBIXbj0Hs5dSq/NR04V7kpH5qOlC1qMm33l0GIouHIYsekY1V55RMxcwkQtnyQVsOb+3d9SCr5vqjPJ2jaR06lPfI2ze9XodQFpzIdM+x9Ydfppm1YXMy+ejqTuzrH7ibb3XztoaBmezpyytSnE6H/Y2w4+QcxfSlWczb3o2ESvHnLuQLtcC3ou5FvBHXtcCStiZiNWdv8TrM3lc3Slhp5qs1/0ttk/leb2u1MQRK7AnTtJSc6VxBnsjup5xX/kLnr8OIr8l8ZB001di36AqbvDPuz6THgfosQRAAQpQgAIUoAAFKEABClCAAhSgAAUoQAEKUIACFKAABShAAQpQgAIUoAAFKEABClCAAhSgAAUoQAEKUIACFKAABShAAZrF+CvAAJ/LZk2/IZZuAAAAAElFTkSuQmCC);
    border-radius: 0;
    zoom: 1;
    filter: Alpha(Opacity=100);
    opacity: 1;
    -webkit-transition: opacity .2s ease;
    transition: opacity .2s ease
}

.quote, .statistics, .statistics-col {
    position: relative
}

.mobileRotator .owl-theme .owl-controls .owl-buttons .owl-next.owl-disabled, .mobileRotator .owl-theme .owl-controls .owl-buttons .owl-prev.owl-disabled {
    opacity: .4;
    pointer-events: none
}

.tabs .tabs-link, .tabs1-item, .tabs2-item, .tabs2-item span {
    -webkit-transition: all .2s ease;
    transition: all .2s ease
}

.mobileRotator .owl-theme .owl-controls .owl-buttons div:after {
    display: none
}

.mobileRotator .owl-theme .owl-controls .owl-buttons .owl-prev {
    left: 0;
    background-position: 0 0
}

.mobileRotator .owl-theme .owl-controls .owl-buttons .owl-next {
    right: 0;
    background-position: -29px 0
}

@media (max-width:1440px) {
    .mobileRotatorDevice {
        left: 67px
    }
}

@media (max-width:1200px) {
    .mobileRotatorDevice {
        left: 10px
    }
}

@media (max-width:1029px) {
    .mobileRotator {
        padding-bottom: 0
    }

    .mobileRotator-container {
        position: relative
    }

    .mobileRotator .heading-title h3 {
        margin-bottom: 100px
    }

    .mobileRotator-item {
        height: auto;
        background-size: cover
    }

    .mobileRotator-content {
        padding-top: 100px;
        padding-bottom: 207px;
        padding-left: 0
    }

    .mobileRotatorDevice {
        display: none
    }

    .mobileRotator .owl-controls {
        position: relative;
        height: 207px;
        top: auto;
        margin-top: -207px;
        padding-top: 50px;
        padding-bottom: 100px
    }

        .mobileRotator .owl-controls .owl-pagination {
            position: relative;
            width: 100%;
            height: 57px;
            top: auto;
            bottom: auto;
            padding-left: 60px;
            padding-right: 60px;
            line-height: 57px;
            text-align: center
        }

        .mobileRotator .owl-controls .owl-buttons {
            display: block
        }

    .mobileRotator .owl-theme .owl-controls .owl-buttons div {
        top: 0;
        margin-top: 50px
    }

    .mobileRotator .owl-theme .owl-controls .owl-buttons .owl-prev {
        left: 15px
    }

    .mobileRotator .owl-theme .owl-controls .owl-buttons .owl-next {
        right: 15px
    }
}

@media (max-width:767px) {
    .mobileRotator .heading-title h3 {
        margin-bottom: 50px
    }

    .mobileRotator-content {
        padding-top: 50px;
        padding-bottom: 157px
    }

    .mobileRotator .owl-controls {
        position: relative;
        height: 157px;
        margin-top: -157px;
        padding-bottom: 50px
    }
}

@media only screen and (-webkit-min-device-pixel-ratio:2),only screen and (min--moz-device-pixel-ratio:2),only screen and (-o-min-device-pixel-ratio:2/1),only screen and (min-device-pixel-ratio:2) {
    .mobileRotator .owl-theme .owl-controls .owl-buttons div, .slider .owl-theme .owl-controls .owl-buttons div {
        background-image: url(data:image/png;base64,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);
        background-size: 58px 114px
    }
}

.quote {
    padding-top: 100px;
    padding-bottom: 100px;
    background-position: 50% 0;
    background-size: cover
}

.quote-content {
    width: 60%;
    margin-left: auto;
    margin-right: auto
}

    .quote-content blockquote {
        margin: 0;
        padding: 0 0 20px;
        font-size: 25px;
        line-height: 45px
    }

@media (max-width:1029px) {
    .quote {
        padding-top: 100px;
        padding-bottom: 100px
    }

    .quote-content {
        width: 100%;
        padding-left: 15px;
        padding-right: 15px
    }
}

@media (max-width:767px) {
    .quote {
        padding-top: 50px;
        padding-bottom: 50px
    }

    .quote-content blockquote {
        font-size: 16px;
        line-height: 1.57894737
    }
}

.statistics {
    padding-top: 54px;
    padding-bottom: 47px;
    color: #FFF;
    background-color: #4abd30;
    background-repeat: repeat;
    background-position: 0 0;
    background-image: url(../images/case.statistics.pattern.png)
}

.statistics-col:after {
    position: absolute;
    display: none;
    width: 1px;
    height: 243px;
    top: 7px;
    left: 0;
    background-color: #78cf65
}

.column.statistics-col:after {
    height: 100%
}

.statistics-col + .statistics-col:after {
    display: block
}

.statistics-item {
    display: inline-block
}

.statistics-num {
    font-weight: 300;
    font-size: 120px;
    line-height: 120px;
    letter-spacing: -.1em;
    white-space: nowrap
}

    .statistics-num .icon, .statistics-num img {
        max-height: 150px;
        vertical-align: bottom
    }

    .statistics-num svg.icon {
        height: 150px;
        width: 100%
    }

.column .statistics-item {
    display: block
}

.statistics-title {
    margin-bottom: 0;
    font-weight: 300;
    font-size: 28px
}

    .statistics-title h3 {
        margin: 0 0 50px
    }

.statistics-subtitle-small {
    font-size: 45px;
    line-height: 50px
}

.statistics-subtitle-medium {
    font-size: 60px;
    line-height: 75px
}

.statistics-subtitle-big {
    font-size: 90px;
    line-height: 100px
}

.statistics-description {
    font-weight: 300;
    font-size: 17px;
    line-height: 25px;
    margin-top: 8px
}

.statistics-percent {
    font-size: 75px;
    line-height: 75px
}

.statistics-icon {
    position: absolute;
    right: 100%;
    top: 50%;
    transform: translateY(-50%);
    margin-right: -30px
}

.statistics.columns--2 .statistics-item {
    display: inline-block
}

.statistics.columns--2 .statistics-table {
    display: table
}

.statistics.columns--2 .statistics-row {
    display: table-row
}

.statistics.columns--2 .statistics-cell {
    position: relative;
    display: table-cell;
    vertical-align: middle;
    text-align: left
}

.statistics.columns--2 .statistics-num {
    float: left;
    padding-right: 23px
}

.statistics.columns--2 .statistics-subtitle-small {
    margin-bottom: 4px;
    padding-top: 15px;
    font-weight: 300;
    font-size: 54px;
    line-height: 54px
}

.statistics.columns--2 .statistics-description {
    font-weight: 300;
    font-size: 25px;
    line-height: 30px
}

@media (max-width:1400px) {
    .statistics.columns--5 .statistics-num {
        font-size: 130px;
        line-height: 130px
    }
}

@media (max-width:1280px) {
    .statistics.columns--5 .statistics-num {
        font-size: 100px;
        line-height: 100px
    }
}

@media (max-width:1030px) {
    .statistics.columns--2 .column {
        width: 100%
    }

    .statistics.columns--2 {
        padding: 30px 5px
    }

        .statistics.columns--2 .statistics-num {
            display: block;
            width: 100%;
            float: none;
            padding-right: 10px;
            font-size: 58px;
            line-height: 58px;
            text-align: right
        }

        .statistics.columns--2 .statistics-subtitle-small {
            margin-bottom: 0;
            padding-top: 0;
            font-size: 21px;
            line-height: 32px
        }

        .statistics.columns--2 .statistics-description {
            margin-top: 0;
            font-size: 16px;
            line-height: 25px
        }

    .statistics.columns--5 .statistics-num {
        font-size: 150px;
        line-height: 150px
    }

    .statistics-col:after, .statistics:after {
        display: none !important
    }
}

@media (max-width:1440px) {
    .col-md-3 .statistics-num, .col-sm-3 .statistics-num {
        font-size: 100px;
        line-height: 100px
    }

        .col-md-3 .statistics-num img {
            max-height: 100px
        }
}

@media (max-width:1200px) {
    .col-md-3 .statistics-num, .col-sm-3 .statistics-num {
        font-size: 80px;
        line-height: 80px
    }

        .col-md-3 .statistics-num img {
            max-height: 80px
        }

    .statistics-col {
        margin-bottom: 50px
    }

    .statistics {
        padding-bottom: 50px
    }
}

@media (max-width:1029px) {
    .statistics {
        padding: 50px 5px
    }

        .statistics-num, .statistics.columns--5 .statistics-num {
            font-size: 58px;
            line-height: 58px
        }

    .statistics-col {
        width: 100%;
        float: none;
        margin-bottom: 30px
    }

    .statistics-icon {
        display: none
    }

    .statistics-num {
        display: block;
        width: 100%;
        float: none;
        padding-right: 10px;
        text-align: center
    }

        .statistics-num img {
            max-height: 58px
        }

    .statistics-percent {
        font-size: 48px;
        line-height: 48px
    }

    .statistics-title {
        margin-bottom: 0;
        padding-top: 0;
        font-size: 21px;
        line-height: 32px
    }

    .statistics-description {
        font-size: 16px;
        line-height: 25px
    }

    .statistics-col:after {
        display: none !important
    }

    .statistics-col:last-child {
        margin-bottom: 0
    }
}

@media (max-width:560px) {
    .statistics-col {
        width: 100%;
        float: none
    }

        .statistics-col + .statistics-col {
            margin-top: 20px
        }

    .statistics-table {
        width: 100%
    }

    .statistics-cell {
        width: 40%;
        margin-left: auto;
        margin-right: auto
    }

        .statistics-cell + .statistics-cell {
            width: 60%
        }
}

.statistics--java .statistics-col:after, .statistics--page-android .statistics-col:after, .statistics--page-frontend-1 .statistics-col:after, .statistics--page-php-1 .statistics-col:after, .statistics--page-php-2 .statistics-col:after, .statistics--ruby .statistics-col:after {
    height: 100%
}

.statistics--page-php-2 {
    padding-bottom: 58px
}

.statistics--page-php-1 {
    padding-bottom: 68px
}

    .statistics--page-php-1 .statistics-num, .statistics--page-php-2 .statistics-num {
        margin-bottom: 12px;
        font-size: 150px;
        line-height: 150px
    }

@media (max-width:1029px) {
    .statistics--page-php-1 .statistics-num, .statistics--page-php-2 .statistics-num {
        font-size: 58px;
        line-height: 58px
    }
}

.statistics--page-php-2 .statistics-subtitle-small {
    padding-top: 17px
}

.statistics--page-php-2 .statistics-subtitle-big {
    padding-bottom: 7px;
    font-size: 80px;
    line-height: 80px
}

.statistics--page-net-1 {
    padding-top: 38px;
    padding-bottom: 33px
}

    .statistics--page-net-1 .statistics-col:after {
        height: 150px
    }

    .statistics--page-net-1 .statistics-item--3 {
        margin: 30px 0
    }

    .statistics--page-net-1 .statistics-subtitle-big {
        font-size: 90px;
        line-height: 90px
    }

    .statistics--page-net-1 .statistics-description {
        margin-top: 17px
    }

.statistics--page-android, .statistics--page-frontend-1 {
    padding-bottom: 100px
}

@media (max-width:1199px) {
    .statistics--page-android {
        padding-bottom: 50px
    }
}

@media (max-width:1029px) {
    .statistics--page-android, .statistics--page-frontend-1 {
        padding-bottom: 50px
    }
}

.statistics--java {
    padding-top: 68px;
    padding-bottom: 88px
}

    .statistics--java .statistics-num {
        font-size: 150px
    }

    .statistics--java .statistics-description {
        margin-top: 27px
    }

@media (max-width:1029px) {
    .statistics--java {
        padding-bottom: 50px
    }

        .statistics--java .statistics-num {
            font-size: 58px
        }
}

.statistics--page-dedicated-development-teams .statistics-table {
    display: table
}

.statistics--page-dedicated-development-teams .statistics-row {
    display: table-row
}

.statistics--page-dedicated-development-teams .statistics-cell {
    position: relative;
    display: table-cell;
    vertical-align: middle;
    text-align: left
}

.statistics--page-dedicated-development-teams .statistics-num {
    float: left;
    padding-right: 23px;
    font-weight: 300;
    font-size: 150px;
    line-height: 150px
}

.statistics--page-dedicated-development-teams .statistics-title {
    margin-bottom: 4px;
    padding-top: 15px;
    font-weight: 400;
    font-size: 54px;
    line-height: 54px
}

.statistics--page-dedicated-development-teams .statistics-description {
    font-weight: 300;
    font-size: 25px;
    line-height: 30px
}

.statistics--page-dedicated-development-teams .statistics-col:after {
    height: 76%;
    top: 24px
}

@media (max-width:1030px) {
    .statistics--page-dedicated-development-teams .statistics:after {
        display: none
    }
}

@media (max-width:767px) {
    .statistics--page-dedicated-development-teams .statistics {
        padding: 30px 5px
    }

    .statistics--page-dedicated-development-teams .statistics-num {
        display: block;
        width: 100%;
        float: none;
        padding-right: 10px;
        font-size: 58px;
        line-height: 58px;
        text-align: right
    }

    .statistics--page-dedicated-development-teams .statistics-title {
        margin-bottom: 0;
        padding-top: 0;
        font-size: 21px;
        line-height: 32px
    }

    .statistics--page-dedicated-development-teams .statistics-description {
        margin-top: 0;
        font-size: 16px;
        line-height: 25px
    }
}

.statistics2, .table--ios .table-media, .table-cell--center {
    text-align: center
}

.statistics--overview {
    padding-top: 102px;
    padding-bottom: 130px;
    background-repeat: no-repeat;
    background-size: cover
}

    .statistics--overview .statistics-col:after {
        background-color: rgba(255,255,255,.25)
    }

@media (max-width:1029px) {
    .statistics--overview {
        padding-top: 100px;
        padding-bottom: 100px
    }
}

@media (max-width:767px) {
    .statistics--overview {
        padding-top: 50px;
        padding-bottom: 50px
    }
}

.statistics--page-omnichannel-ecommerce {
    padding-top: 55px;
    padding-bottom: 54px
}

    .statistics--page-omnichannel-ecommerce .statistics-description {
        margin-top: 19px
    }

.statistics2 {
    position: relative;
    padding-top: 54px;
    padding-bottom: 141px;
    color: #FFF;
    background-color: #FFF
}

    .statistics2 .heading {
        margin-bottom: 163px
    }

    .statistics2 .heading-title {
        margin-bottom: 0
    }

        .statistics2 .heading-title:before {
            position: absolute;
            display: block;
            width: 200px;
            height: 100%;
            left: 50%;
            margin-left: -100px;
            background: -webkit-linear-gradient(top,rgba(255,255,255,0) 0,rgba(255,255,255,.6) 10%,rgba(255,255,255,.9) 50%,rgba(255,255,255,.6) 90%,rgba(255,255,255,0) 100%);
            background: -webkit-gradient(linear,left top,left bottom,color-stop(0,rgba(255,255,255,0)),color-stop(10%,rgba(255,255,255,.6)),color-stop(50%,rgba(255,255,255,.9)),color-stop(90%,rgba(255,255,255,.6)),to(rgba(255,255,255,0)));
            background: linear-gradient(to bottom,rgba(255,255,255,0) 0,rgba(255,255,255,.6) 10%,rgba(255,255,255,.9) 50%,rgba(255,255,255,.6) 90%,rgba(255,255,255,0) 100%);
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#00ffffff', GradientType=0 )
        }

        .statistics2 .heading-title h3 {
            position: relative;
            margin-bottom: 0;
            color: #000;
            z-index: 1
        }

.statistics2-col {
    position: relative
}

.statistics2-container {
    position: relative;
    width: 564px;
    height: 571px;
    margin-left: auto;
    margin-right: auto;
    background-repeat: no-repeat;
    background-position: 0 0
}

.statistics2-container--1 {
    background-image: url(../images/statistics-bg1.jpeg)
}

.statistics2-container--2 {
    background-image: url(../images/statistics-bg2.jpeg)
}

.statistics2-item {
    position: absolute;
    width: 268px;
    height: 170px;
    padding-left: 10px;
    padding-right: 10px
}

.statistics2-item--1 {
    top: 72px;
    left: 10px
}

.statistics2-item--2 {
    top: 72px;
    left: 284px
}

.statistics2-item--3 {
    top: 306px;
    left: 149px
}

.statistics2-item--4 {
    top: 72px;
    left: 149px
}

.statistics2-item--5 {
    top: 306px;
    left: 10px
}

.statistics2-item--6 {
    top: 306px;
    left: 284px
}

.statistics2-num {
    margin-bottom: 3px;
    font-size: 112px;
    line-height: 112px
}

.statistics2-title {
    margin-bottom: 0;
    font-weight: 300;
    font-size: 28px
}

.statistics2-percent {
    font-size: 56px;
    line-height: 56px
}

.statistics2-description {
    font-weight: 300;
    font-size: 17px;
    line-height: 26px
}

@media (max-width:1199px) {
    .statistics2-container {
        width: 100%;
        background-size: contain
    }

    .statistics2-item {
        width: 216px
    }

    .statistics2-item--1 {
        top: 54px;
        left: 8px
    }

    .statistics2-item--2 {
        top: 54px;
        left: 230px
    }

    .statistics2-item--3 {
        top: 238px;
        left: 119px
    }

    .statistics2-item--4 {
        top: 54px;
        left: 120px
    }

    .statistics2-item--5 {
        top: 238px;
        left: 9px
    }

    .statistics2-item--6 {
        top: 238px;
        left: 230px
    }

    .statistics2-num {
        font-size: 80px;
        line-height: 80px
    }
}

@media (max-width:1030px) {
    .statistics2 {
        padding-bottom: 60px
    }

        .statistics2 .heading {
            margin-bottom: 60px
        }

    .statistics2-container {
        height: auto;
        font-size: 0;
        background: 0 0
    }

    .statistics2-item {
        position: relative;
        display: inline-block;
        vertical-align: top;
        width: 292px;
        height: 335px;
        top: auto;
        left: auto;
        margin-left: 30px;
        margin-right: 30px;
        margin-bottom: 30px;
        padding-top: 66px;
        background-repeat: no-repeat;
        background-position: 0 0
    }

    .statistics2-container--1 .statistics2-item {
        background-image: url(../images/statistics-bg1-mobile.jpeg)
    }

    .statistics2-container--2 .statistics2-item {
        background-image: url(../images/statistics-bg2-mobile.jpeg)
    }
}

@media (max-width:767px) {
    .statistics2 {
        padding-bottom: 20px
    }
}

@media (max-width:600px) {
    .statistics2-item {
        width: 230px;
        height: 264px;
        padding-top: 44px
    }

    .statistics2-container--1 .statistics2-item {
        background-image: url(../images/statistics-bg1-xs.jpeg)
    }

    .statistics2-container--2 .statistics2-item {
        background-image: url(../images/statistics-bg2-xs.jpeg)
    }
}

.table {
    padding: 100px 0;
    overflow: hidden
}

@media (max-width:767px) {
    .table {
        padding-top: 50px;
        padding-bottom: 30px
    }
}

.table-cell {
    position: relative;
    padding-top: 20px;
    padding-bottom: 20px;
    display: inline-block;
    vertical-align: middle;
    float: none;
    margin-right: -4px
}

.table-cell--header {
    padding-left: 60px
}

    .table-cell--header h4 {
        display: block;
        margin: 0;
        padding-left: 1em;
        font-size: 30px;
        font-weight: 500;
        line-height: 35px
    }

    .table-cell--header .img {
        position: absolute;
        display: block;
        width: 60px;
        left: 0;
        top: 50%;
        transform: translateY(-50%);
        text-align: center
    }

@media (max-width:1440px) {
    .table-cell--header h4 {
        display: block
    }

    .table-cell--header .img {
        display: block;
        float: left
    }
}

.table.border--h .row {
    border-bottom: 1px solid #f4f4f4
}

    .table.border--h .row:last-child {
        border-bottom: 0
    }

.table--with-numbered-titles {
    counter-reset: table-title-number
}

    .table--with-numbered-titles .table-cell--header {
        counter-increment: table-title-number;
        vertical-align: middle
    }

        .table--with-numbered-titles .table-cell--header:before {
            content: counter(table-title-number,decimal-leading-zero);
            position: absolute;
            display: block;
            left: -72px;
            top: 50%;
            -webkit-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
            transform: translateY(-50%);
            color: #eee;
            font-size: 40px
        }

    .table--with-numbered-titles .table-container {
        padding-left: 87px
    }

@media (max-width:1029px) {
    .table--with-numbered-titles .table-container {
        padding-left: 15px
    }

    .table .table-container {
        padding-right: 30px
    }

        .table .table-container .row {
            padding-left: 40%;
            padding-top: 20px;
            padding-bottom: 20px
        }

    .table-cell--header .img {
        display: none;
        left: 35px
    }

    .table--with-numbered-titles .table-cell--header:before {
        display: none
    }

    .table-cell {
        display: inline-block;
        vertical-align: top;
        width: 50%;
        padding-top: 0;
        padding-bottom: 0
    }

    .table-cell--header {
        position: absolute;
        width: 40%;
        left: 0;
        padding-bottom: 40px
    }

        .table-cell--header h4 {
            padding-left: 35px
        }

    .table-arrow {
        position: relative;
        display: block;
        -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg)
    }
}

@media (max-width:767px) {
    .table .table-container {
        padding-right: 20px
    }

        .table .table-container .row {
            padding-left: 0
        }

    .table-cell--header {
        position: relative;
        width: 100%;
        left: auto
    }

    .table-cell {
        display: block;
        width: 100%
    }

    .table-cell--header h4 {
        padding-left: 20px
    }

    .table-cell--header .img {
        display: none
    }
}

.table--page-frontend .table-cell--header {
    min-height: 80px;
    padding-left: 80px
}

    .table--page-frontend .table-cell--header .img {
        width: 80px;
        height: 80px;
        vertical-align: middle
    }

@media (max-width:1029px) {
    .table--page-frontend .table-cell--header .img {
        width: 60px;
        height: 60px
    }
}

.table--page-frontend .table-cell--header .img .icon {
    height: 100%
}

.table--page-frontend .table-container .row {
    position: relative
}

    .table--page-frontend .table-container .row:after {
        content: "";
        display: block;
        width: 40%;
        height: 1px;
        border-top: 1px solid #f4f4f4;
        position: absolute;
        top: 100%
    }

.table-page-application-integration .table-container h4:after, .tabs-borderLeft:after, .tabs-borderLeft:before, .tabs-borderRight:after, .tabs-borderRight:before, .tabs-borderTop:after, .tabs-text ul li:after, .tabs1:before, .tabs2-item:after {
    content: ''
}

.table .table-container .row:after, .table--page-frontend .table-container .row:last-child:after {
    display: none
}

@media (min-width:1200px) {
    .table--page-frontend .table-container .row:after {
        display: block;
        width: 50%
    }
}

@media (max-width:1029px) {
    .table--page-frontend .table-cell--header {
        padding-left: 0
    }

    .table--page-frontend .table-cell {
        width: 100%
    }
}

.table .lists--bullets ul li:before {
    top: .7em
}

.table--ios {
    padding-bottom: 90px
}

@media (max-width:767px) {
    .table--page-frontend .table-cell--header .img {
        display: none
    }

    .table--page-frontend .table-cell--header {
        padding-left: 0
    }

    .table--ios {
        padding-bottom: 30px
    }
}

.table--ios .table-cell--header {
    padding-left: 0
}

    .table--ios .table-cell--header h4 {
        font-weight: 400;
        text-transform: none
    }

@media (min-width:1440px) {
    .table--ios .table-media {
        text-align: left;
        padding-top: 100px
    }

    .table--ios .table-cell--header h4:before {
        position: absolute;
        right: 100%;
        top: 50%;
        margin-top: -10px;
        margin-right: 74px
    }

    .table--ios .table-cell--header h4:after {
        content: '';
        position: absolute;
        display: block;
        border-top: 1px solid #ebebeb;
        height: 1px;
        width: 70px;
        right: 100%;
        top: 50%;
        margin-top: -1px;
        margin-right: 4px
    }
}

@media (max-width:1440px) {
    .table--ios .table-cell--header {
        padding-left: 0
    }

        .table--ios .table-cell--header h4:before {
            margin-left: 0
        }
}

@media (max-width:1030px) {
    .table--ios .table-cell--header {
        padding-left: 20px
    }
}

@media (max-width:1029px) {
    .table-cell--header {
        padding-left: 0
    }

    .table--ios .table-cell--header h4 {
        padding-left: 40px
    }

        .table--ios .table-cell--header h4:before {
            position: absolute;
            left: 0;
            top: 50%;
            -webkit-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
            transform: translateY(-50%)
        }
}

.table-page-application-integration {
    position: relative;
    padding-top: 94px;
    padding-bottom: 0;
    background-color: #f7f7f7;
    overflow: hidden
}

    .table-page-application-integration .heading-title {
        margin-bottom: 79px
    }

@media (max-width:767px) {
    .table-page-application-integration {
        padding-top: 50px
    }

        .table-page-application-integration .heading-title {
            margin-bottom: 40px
        }
}

.table-page-application-integration .heading-title h3 {
    line-height: 60px
}

.table-page-application-integration .table-container .row {
    background-color: #FFF
}

    .table-page-application-integration .table-container .row:nth-child(even) {
        background-color: #f1f1f1
    }

.table-page-application-integration .table-container .table-cell {
    padding-top: 40px;
    padding-bottom: 44px
}

.table-page-application-integration .table-container h4 {
    position: relative;
    display: block;
    left: -32px;
    font-weight: 400;
    font-size: 22px;
    line-height: 30px;
    color: #FFF;
    text-transform: capitalize;
    background-color: #51c336;
    padding: 20px 30px
}

.tabs .tabs-link, .tabs1-title h4, .tabs2-item span {
    text-transform: uppercase
}

.table-page-application-integration .table-container h4:after {
    position: absolute;
    display: block;
    width: 20px;
    height: 100%;
    top: 0;
    right: -20px;
    background-repeat: no-repeat;
    background-position: 0 50%;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAABGCAYAAADMz7TxAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAb9JREFUeNqsmD8ohHEYx393TleSRMpCGaQkCymDQUnKwqIMBgvFIORPyJ8oEhFKSimDssgkMUgGGZRBUbIYpBBKQpfzfep3i0LO51uf6bpPd+/7vM/ved5A7UFJlXNu20EJiimRSArzRCsptAyJDFKYKkZIoaVJFJLCBDFLCi3lopYUWqZFmBTmiHZSaOkXmaQwWUyQQkuDKCaF9tmcCFBCS6moJ4XOX8skUpglekmhpVNkk0L7y5Ok0FInykihlc/Mb98J/rFui0QjKbSMiRRSmOmbBya0tIlcUhj+roziFVpqRAUpdL6MQqSwQDSTQucHhDRSmO5HGUxoaRH5pDDkbxAmtFSKalJoGaeFu6Tw3joRKbR6fKCE52KRvMt2KkYo4Y7Yop6UiP91WHNYFqeU8EkMkg3WTr9bSngp5skzpVu8UcJ9sUGdyx9fy+S/wlVxTAmffxpB4hHapHBNCa/8DohNsH3ihRIeiTVqC4j6zTRKCdfFIbVJvYoecnmc9ncXEd7Q+/KAfzIQ4YlYId85dPiuggg3xR713ubdd2JHCRfEBSW8E6PETBITDotHSngmlqiZzoRdscmJyKcAAwDWN0jVRke7+gAAAABJRU5ErkJggg==);
    background-size: 100% 100%
}

.table-page-application-integration .table-wrapper {
    position: relative
}

    .table-page-application-integration .table-wrapper:after, .table-page-application-integration .table-wrapper:before {
        position: absolute;
        display: block;
        width: 92px;
        height: 100%;
        background-repeat: no-repeat;
        background-position: 0 50%;
        background-size: 100% 100%;
        top: 0;
        content: ''
    }

    .table-page-application-integration .table-wrapper:before {
        left: -107px;
        background-image: url(../images/table-page-application-integration-left.png)
    }

    .table-page-application-integration .table-wrapper:after {
        right: -107px;
        background-image: url(../images/table-page-application-integration-right.png)
    }

@media (max-width:1029px) {
    .table-page-application-integration .table-container .row {
        height: auto !important;
        padding-left: 0
    }

    .table-page-application-integration .table-container .table-cell--header {
        position: relative;
        width: 100%;
        padding-bottom: 0
    }

    .table-page-application-integration .table-container .table-cell {
        display: block;
        width: 100%;
        padding-left: 35px;
        padding-right: 35px
    }

    .table-page-application-integration .table-container h4 {
        left: auto
    }

        .table-page-application-integration .table-container h4:after, .table-page-application-integration .table-wrapper:after, .table-page-application-integration .table-wrapper:before {
            display: none
        }

    .table-page-application-integration .table-container {
        padding-right: 15px
    }
}

@media (max-width:767px) {
    .table-page-application-integration .table-container .table-cell {
        padding-left: 15px;
        padding-right: 15px
    }

    .table-page-application-integration .table-wrapper .row {
        height: auto !important
    }
}

.tabs {
    position: relative;
    padding-top: 122px;
    padding-bottom: 72px;
    background-color: #FFF;
    background-repeat: no-repeat,no-repeat;
    background-position: 9% 500px,90% 280px;
    background-image: url(../images/tabs-bg-1.png),url(../images/tabs-bg-2.png)
}

.tabs-borderTop, .tabs-borderTop:after {
    background-repeat: no-repeat;
    position: absolute
}

.tabs .heading-title h3 {
    margin-bottom: 90px
}

.tabs-wrapper {
    padding-left: 160px
}

.tabs-content {
    position: relative;
    background-color: #F4F4F2;
    padding: 66px 148px 36px 156px
}

.tabs-borderTop {
    width: 100%;
    height: 11px;
    top: 0;
    left: 0;
    border-top: 1px solid #e0e0e0;
    background-color: #f7f6f5;
    background-position: 0 0;
    z-index: 1
}

    .tabs-borderTop:after {
        width: 12px;
        height: 10px;
        top: -1px;
        right: 0;
        background-position: 100% 0;
        background-image: url(../images/border-top.png);
        background-color: #FFF
    }

.tabs-borderLeft {
    position: absolute;
    width: 6px;
    height: 100%;
    top: 0;
    left: 0;
    background-repeat: repeat-y;
    background-position: 0 0;
    background-image: url(../images/border-left.png);
    z-index: 2
}

    .tabs-borderLeft:after, .tabs-borderLeft:before {
        width: 12px;
        background-repeat: no-repeat;
        background-position: 0 0;
        position: absolute;
        left: 0
    }

    .tabs-borderLeft:before {
        height: 10px;
        top: 0;
        background-image: url(../images/border-top.png);
        background-color: #FFF
    }

.tabs .tabs-link, .tabs .tabs-link--1 {
    background-color: #51c336
}

.tabs-borderLeft:after {
    height: 34px;
    bottom: -34px;
    background-image: url(../images/border-left-bottom.png)
}

.tabs-borderRight {
    position: absolute;
    width: 89px;
    height: 100%;
    top: 10px;
    right: -47px;
    background-repeat: repeat-y;
    background-position: 0 35px;
    background-image: url(../images/border-right-middle.png);
    z-index: 2
}

    .tabs-borderRight:after, .tabs-borderRight:before {
        width: 89px;
        right: 0;
        position: absolute
    }

    .tabs-borderRight:before {
        height: 89px;
        top: 0;
        background-repeat: repeat-y;
        background-position: 0 0;
        background-image: url(../images/border-right-top.png)
    }

    .tabs-borderRight:after {
        height: 64px;
        bottom: -24px;
        background-repeat: no-repeat;
        background-position: 0 0;
        background-image: url(../images/border-right-bottom.png)
    }

.tabs-borderBottom {
    position: absolute;
    width: 100%;
    height: 34px;
    left: 0;
    bottom: -34px;
    background-repeat: repeat-x;
    background-position: 0 0;
    background-image: url(../images/border-bottom.png);
    z-index: 1
}

.tabs-navigation {
    position: absolute;
    width: 215px;
    left: 13px;
    top: 52px;
    z-index: 4
}

.tabs-list {
    margin: 0;
    padding: 0
}

.tabs-item {
    display: block
}

    .tabs-item + .tabs-item {
        margin-top: 20px
    }

.tabs .tabs-link {
    display: table;
    width: 162px;
    height: 100%;
    font-weight: 400;
    font-size: 19px;
    line-height: 20px;
    color: #FFF;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    padding: 10px 0 10px 15px
}

.tabs .tabs-link--2 {
    background-color: #0cf
}

.tabs .tabs-link--3 {
    background-color: #f96058
}

.tabs .tabs-link--4 {
    background-color: #00ddce
}

.tabs .tabs-link--5 {
    background-color: #255ccc
}

.tabs .tabs-link--6 {
    background-color: #ff9700
}

.tabs-link.active {
    width: 215px;
    padding-right: 54px
}

.tabs-link span {
    display: table-cell;
    vertical-align: middle
}

.tabs-box {
    display: none
}

    .tabs-box.active {
        display: block
    }

.tabs-title h4 {
    margin-top: 0;
    margin-bottom: 29px;
    font-weight: 300;
    font-size: 35px;
    line-height: 45px;
    color: #234
}

.tabs-text ul {
    margin: 0;
    padding: 0
}

    .tabs-text ul li {
        position: relative;
        padding-left: 45px;
        list-style-type: none !important;
        list-style-image: url(../data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7)
    }

        .tabs-text ul li + li {
            margin-top: 22px
        }

        .tabs-text ul li:after {
            display: block;
            position: absolute;
            width: 15px;
            height: 11px;
            top: 11px;
            left: 12px;
            background-repeat: no-repeat;
            background-position: 0 0;
            background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAALCAYAAACgR9dcAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAANlJREFUeNqU0T8LQVEYx3EXSVaTxW6ymf1PiO7gJRgMMhlMTAaTxeoNUGIwKNMti8WglFlJBklJJt9Tz61DqHvqU+fp3t/pnOcxTCvmcriqiKLudRisYQADHreDYEMLPrG0w0H4/gSb6GvBCsYqHIKF0Y8DWujJ/gETM1Wo8BARlDCBXwt20JX9HWXM7Y9u6d5e6jymCEiorQWLWOhXUt0+IK4aIDfIYoew/HNDQZ72tuyGHZHAVmo7eEXuW1APq3VCEhupL8hg9WsEn3M+IyVvS2P9b/AvAQYAvxkoInbfMQUAAAAASUVORK5CYII=)
        }

@media (max-width:1800px) {
    .tabs {
        background-position: 0 500px,100% 280px
    }
}

@media (max-width:1460px) {
    .tabs {
        background-position: -9999px 500px,-9999px 280px
    }
}

@media (max-width:1029px) {
    .tabs-wrapper {
        padding-left: 0
    }

    .tabs-content {
        background-color: #FFF;
        padding: 0
    }

    .tabs-navigation {
        display: none
    }

    .tabs-box {
        display: block !important;
        height: auto !important
    }

    .tabs-borderBottom, .tabs-borderLeft, .tabs-borderRight, .tabs-borderTop {
        display: none
    }

    .tabs-box .tabs-title {
        position: relative;
        margin-right: -15px;
        border-top-left-radius: 5px;
        border-bottom-left-radius: 5px;
        cursor: default;
        color: #FFF;
        padding: 10px 30px
    }

        .tabs-box .tabs-title:after {
            content: '';
            position: absolute;
            display: none;
            width: 8px;
            height: 14px;
            top: 50%;
            right: 22px;
            margin-top: -7px;
            background-repeat: no-repeat;
            background-position: 0 0;
            background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAOCAYAAAASVl2WAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAHlJREFUeNpi+v//vxsQrwZiNiBmQMcgYvN/CAApYsamgAuID0MVLUZXBGPwA/FJqKI5QMyIrgCEBYD4PFTRJJgidEeJAvFlqKIebApAWAKIb0IVNTExYIL/qDzcVvRic+Q5qORkdEeCvHkClzcJBtQmQkGNN7IAAgwAnA9UjpFhMxgAAAAASUVORK5CYII=)
        }

        .tabs-box .tabs-title h4 {
            margin-bottom: 0;
            font-size: 19px;
            line-height: 20px;
            color: #FFF;
            text-transform: uppercase
        }

    .tabs-box--1 .tabs-title {
        background-color: #51c336
    }

    .tabs-box--2 .tabs-title {
        background-color: #0cf
    }

    .tabs-box--3 .tabs-title {
        background-color: #f96058
    }

    .tabs-box--4 .tabs-title {
        background-color: #00ddce
    }

    .tabs-box--5 .tabs-title {
        background-color: #255ccc
    }

    .tabs-box--6 .tabs-title {
        background-color: #ff9700
    }

    .tabs-box--7 .tabs-title {
        background-color: #fff400
    }

    .tabs-text {
        padding-top: 32px;
        padding-bottom: 42px
    }

    .tabs-box:last-child .tabs-text {
        padding-bottom: 0
    }
}

@media (max-width:767px) {
    .tabs {
        padding-top: 50px;
        padding-bottom: 50px
    }
}

@media only screen and (-webkit-min-device-pixel-ratio:2),only screen and (min--moz-device-pixel-ratio:2),only screen and (-o-min-device-pixel-ratio:2/1),only screen and (min-device-pixel-ratio:2) {
    .tabs-text ul li:after {
        background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAWCAYAAAChWZ5EAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAcxJREFUeNq8lksrRVEUx497j3c+gJmvoQzIcyBJ3kJcFJKBAQMmpEjpSkrII1HIs+QxMcDAQBko+QQiiUheF/9Va9fttPc5Z1/uWfWrs8/ae//X2XudtbdZepJueGg9IA20gh96YXoo3gf6+TkWtICQzyPxgTBxskYwB/xerMAQ6Ja8rwW30QwgBoyALoX/GgTNKIqPgQ6F/wpkgxszSuITnOkyu2TxO2r4FBM0cabqGs03ZSN+AbKEuCwAak8zqyBOQ9wPZjl4mZ3zl99bBcMnoF8jwO1isA7iXYovgHqF/wzkgAfZkokJFkGdxV8ItkCijTjl0TKoUfhPQT54VO2ZCED1pQVgGyRJfLRFK6BcMfaYxz/ZJQ3ZB6gEa4p+uWAXJFvEqX+JYswRi784Za2wT1DFyymzTLAPUkAC2ARFir6HvH2vTsljrQMhzoMvST6QZYAD8AzyFHPu8aq8ufl1ZIWIgmjgFQlI/Hbn9w4o4y11XThk9g2awaRGHdjQFbcLwOALQxsYdzEPFa0KXXGnAEQQnWDUps8SqOa8Mf47ABEEHanDEt88V79QpCeXzo2I7nODYe0ZTtKIxSO5E/aCd5AK2sXF8i/2K8AAislWx3d7zbsAAAAASUVORK5CYII=);
        background-size: 15px 11px
    }

    .tabs-box .tabs-title:after {
        background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAcCAYAAABoMT8aAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAQNJREFUeNpi+P//PwMQywPxXiCWgPKJxiBCBojv/IeAK0AsSqoBe/+jgvNALEiKAZpA/ArNkJNAzE+sASCsC8Rv0Aw5AsRcxBoAwsZA/AHNkH2EDEEXsADiT2iGbAdiNmINAGE7IP6KZsgGXIbgcporEH9HM2QVEDMTawAIewPxTzRDFqIbQiiagoD4D5ohs4GYkVgDQDgCiyGTYIYQm2QTgPgfmiE9pBgAwulYDGlkYqAMMNLFCxQFIigaf6NpnkNsNHphSUiLiE1ILpQkZWyZaSOxmQmUnT+iad5BbHY2oqRAARVpr7EUadzEFGkaWArVU6QUqvsoLdYprlgoqtoAAgwAlTOC9FfxtuIAAAAASUVORK5CYII=);
        background-size: 8px 14px
    }
}

.tabs1 {
    position: relative;
    padding-top: 100px;
    padding-bottom: 100px;
    background-color: #FFF;
    background-repeat: no-repeat;
    background-position: 50% 0;
    background-image: url(../images/tabs1-bg.jpeg);
    background-size: cover
}

    .tabs1:before {
        position: absolute;
        display: block;
        width: 50%;
        height: 100%;
        top: 0;
        left: 0;
        background: #000;
        background: rgba(0,0,0,.9)
    }

    .tabs1 .heading-title h3 {
        margin-bottom: 52px;
        color: #FFF;
        text-align: left
    }

.tabs1-navigation {
    padding-right: 50px
}

.tabs1-row {
    font-size: 0
}

    .tabs1-row + .tabs1-row {
        margin-top: 20px
    }

.tabs1-item {
    position: relative;
    display: inline-block;
    vertical-align: top;
    width: 48%;
    padding-top: 21px;
    padding-bottom: 12px;
    font-weight: 300;
    font-size: 19px;
    line-height: 26px;
    color: #FFF;
    border: 1px solid #FFF;
    border: 1px solid rgba(255,255,255,.15)
}

    .tabs1-item:hover {
        border: 1px solid rgba(255,255,255,.4)
    }

    .tabs1-item.active {
        background-color: #51c435
    }

    .tabs1-item + .tabs1-item {
        margin-left: 4%
    }

.tabs1Table {
    display: table;
    width: 100%
}

.tabs1Table-row {
    display: table-row
}

.tabs1Table-cell {
    display: table-cell;
    vertical-align: middle;
    width: 109px;
    text-align: center
}

    .tabs1Table-cell svg {
        width: 109px
    }

    .tabs1Table-cell + .tabs1Table-cell {
        width: auto;
        padding-right: 15px;
        text-align: left
    }

.tabs1-content, .tabslider--page-prototyping .tabslider-img, .tabslider-tabs-item {
    text-align: center
}

.tabs1-content {
    position: relative;
    background-color: #FFF;
    padding: 92px 70px 76px
}

.tabs1-box {
    display: none
}

    .tabs1-box.active, .tabs2-item {
        display: block
    }

.tabs1-img {
    position: relative;
    width: 220px;
    height: 220px;
    line-height: 220px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 20px;
    background-color: #51c435;
    border-radius: 50%
}

.tabs2-item.active, .tabs2-item:hover {
    background-color: #51c336
}

.tabs1-img .icon {
    position: absolute;
    width: 140px;
    height: auto;
    max-height: 140px;
    left: 50%;
    margin-left: -70px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.tabs2, .tabs2-item, .tabs2-wrapper {
    position: relative
}

.tabs1-title h4 {
    margin-top: 0;
    margin-bottom: 20px
}

.tabs1-text p {
    font-size: 17px
}

@media (max-width:1440px) {
    .tabs1-navigation {
        padding-right: 0
    }
}

@media (max-width:1200px) {
    .tabs1Table-cell, .tabs1Table-cell svg {
        width: 80px
    }

        .tabs1Table-cell span {
            font-size: 16px;
            line-height: 23px
        }
}

@media (max-width:1030px) {
    .tabs1:before {
        width: 100%
    }

    .tabs1 .heading-title h3 {
        text-align: center
    }

    .tabs1-navigation {
        margin-bottom: 50px
    }
}

@media (max-width:767px) {
    .tabs1 {
        padding-top: 50px;
        padding-bottom: 50px
    }

        .tabs1 .container {
            padding-left: 0;
            padding-right: 0
        }

    .tabs1-item {
        width: 100%
    }

        .tabs1-item + .tabs1-item {
            margin-top: 20px;
            margin-left: 0
        }

    .tabs1-content {
        padding: 50px 15px
    }

    .tabs1-img {
        width: 110px;
        height: 110px;
        line-height: 110px
    }

        .tabs1-img .icon {
            width: 70px;
            max-height: 70px;
            margin-left: -35px
        }
}

.tabs2 {
    padding-top: 96px;
    padding-bottom: 200px;
    background-repeat: no-repeat,no-repeat;
    background-position: -25% 50%,116% 92%;
    background-image: url(../images/bg-tabs2-left.jpeg),url(../images/bg-tabs2-right.jpeg)
}

.tabs2-item:after, .tabs2-navigation, .tabs2-wrapper, .tubes-top {
    background-repeat: no-repeat
}

.tabs2 .heading-title h3 {
    margin-bottom: 68px
}

.tabs2-wrapper {
    width: 1012px;
    height: 682px;
    margin-left: auto;
    margin-right: auto;
    background-position: 0 0;
    background-image: url(../images/tabs2-wrapper-ipad.png);
    padding: 36px 102px 36px 96px
}

    .tabs2-wrapper .row {
        height: 610px;
        overflow: hidden
    }

.tabs2-navigation {
    height: 610px;
    background-position: 50% 50%;
    background-image: url(../images/bg-tabs2-navigation.jpeg);
    background-size: cover
}

.tabs2-item {
    width: 100%;
    height: 153px;
    padding-left: 38px;
    padding-right: 50px
}

    .tabs2-item + .tabs2-item {
        border-top: 1px solid rgba(255,255,255,.1)
    }

    .tabs2-item:after {
        position: absolute;
        display: block;
        width: 11px;
        height: 6px;
        top: 50%;
        right: 39px;
        margin-top: -2px;
        background-position: 0 0;
        background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAAGCAYAAAAVMmT4AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAFNJREFUeNpi+P//f8d/4kAnA5BgBOIFBBQuBKkDKQZhZiDeiEPhRqg8A0wxCHMB8QE0hQeh4gzoikGYH4gvQRVegvIZcCkGYXEg3g7EEuhyAAEGAC+Q5hu/NtEaAAAAAElFTkSuQmCC)
    }

.tabs2Table {
    display: table;
    width: 100%;
    height: 100%
}

.tabs2Table-row {
    display: table-row
}

.tabs2Table-cell {
    display: table-cell;
    vertical-align: middle
}

.tabs2-item span {
    font-weight: 400;
    font-size: 19px;
    line-height: 20px;
    color: #51c336
}

.tabs2-title h4, .verticalTimeline-title h4 {
    font-weight: 300;
    text-transform: uppercase
}

.tabs2-item.active span, .tabs2-item:hover span {
    color: #FFF
}

.tabs2-content {
    height: 610px
}

.tabs2-box {
    display: none;
    padding-top: 20px
}

    .tabs2-box.active {
        display: block
    }

.tabs2-img {
    margin-bottom: 20px
}

.tabs2-title h4 {
    margin-top: 0;
    margin-bottom: 34px;
    font-size: 35px;
    line-height: 45px;
    color: #234
}

.tabs2-text ul li {
    margin-bottom: 10px
}

    .tabs2-text ul li:before {
        top: .7em
    }

.tabs2-text p {
    font-size: 17px;
    line-height: 25px
}

@media (max-width:1029px) {
    .tabs2-box, .tabs2-content, .tabs2-wrapper, .tabs2-wrapper .row {
        height: auto !important
    }

    .tabs2 {
        padding-bottom: 50px;
        background: #FFF
    }

    .tabs2-navigation {
        display: none
    }

    .tabs2-box {
        display: block !important;
        margin-bottom: 50px;
        padding-top: 0
    }

    .tabs2-wrapper {
        width: 100%;
        background: 0 0;
        padding: 0 30px
    }
}

.tubes-bottom, .tubes-top {
    background-position: 50% 0
}

@media (max-width:767px) {
    .tabs2-wrapper {
        width: 100%;
        padding-left: 15px;
        padding-right: 15px
    }

    .tabs2-title h4 {
        font-size: 28px;
        line-height: 32px
    }

    .tabs2 .heading-title h3 {
        margin-bottom: 40px
    }

    .tabs2-box {
        margin-bottom: 30px
    }

        .tabs2-box:last-child {
            margin-bottom: 0
        }
}

.tabslider {
    padding-top: 100px;
    padding-bottom: 100px
}

.tabslider-tabs {
    border-bottom: 1px solid #f4f4f4
}

.tabslider-tabs-table {
    width: 100%
}

.tabslider--page-frontend {
    padding-bottom: 54px
}

    .tabslider--page-frontend .tabslider-tabs-item {
        padding: 30px 0;
        cursor: pointer
    }

.tabslider-tabs-item.active {
    border-bottom: 6px solid #51c336;
    position: relative
}

    .tabslider-tabs-item.active:after {
        content: "";
        display: block;
        position: absolute;
        bottom: 0;
        left: 50%;
        margin-left: -6px;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 0 6px 6px;
        border-color: transparent transparent #51c336
    }

.tabslider--page-frontend .tabslider-tabs-item.active .grayscale--ready .grayscale-canvas, .tabslider--page-frontend .tabslider-tabs-item:hover .grayscale--ready .grayscale-canvas {
    opacity: 0
}

.tabslider--page-frontend .tabslider-tabs-item.active .grayscale {
    opacity: 1
}

.tabslider--page-frontend .tabslider-item {
    text-align: center;
    padding-top: 70px
}

.tabslider--page-frontend .tabslider-item-text {
    width: 75%;
    margin: 0 auto;
    font-size: 25px;
    line-height: 40px
}

.tabslider--page-frontend .owl-controls {
    display: none !important
}

@media (max-width:1030px) {
    .tabslider--page-frontend .tabslider-item-text {
        width: auto;
        font-size: inherit;
        line-height: inherit
    }

    .tabslider--page-frontend .owl-controls {
        display: block !important
    }
}

@media (max-width:767px) {
    .tabslider {
        padding-top: 50px;
        padding-bottom: 50px
    }
}

.tabslider--page-prototyping .heading-title h3 {
    margin-bottom: 70px
}

.tabslider--page-prototyping .tabslider-tabs {
    margin-bottom: 60px;
    border-bottom: 0
}

.tabslider--page-prototyping .tabslider-tabs-item {
    padding-top: 15px;
    padding-bottom: 15px;
    font-weight: 400;
    font-size: 19px;
    color: #51c336;
    border-top: 1px solid #dde3ed;
    border-bottom: 1px solid #dde3ed;
    border-left: 1px solid #dde3ed;
    border-right: 1px solid #dde3ed;
    cursor: pointer;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
    position: relative
}

    .tabslider--page-prototyping .tabslider-tabs-item:hover {
        color: #333;
        background-color: #f8f8f8
    }

    .tabslider--page-prototyping .tabslider-tabs-item.active {
        color: #FFF
    }

    .tabslider--page-prototyping .tabslider-tabs-item span {
        position: relative;
        z-index: 2
    }

    .tabslider--page-prototyping .tabslider-tabs-item:before {
        content: '';
        position: absolute;
        display: none;
        top: -7px;
        left: -7px;
        right: -7px;
        bottom: -7px;
        background-color: #51c336;
        z-index: 1
    }

    .tabslider--page-prototyping .tabslider-tabs-item.active:before {
        display: block
    }

    .tabslider--page-prototyping .tabslider-tabs-item + .tabslider-tabs-item {
        border-left: none
    }

.tabslider--page-prototyping .tabslider-item-title {
    font-size: 40px
}

.tubes-container {
    position: absolute;
    width: 100%;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    overflow: hidden
}

.tubes-top, .tubes-top:after {
    position: relative;
    width: 178px;
    height: 40px;
    margin-left: auto;
    margin-right: auto;
    background-color: #FFF
}

.tubes-top {
    background-image: url(../images/tubes-top.png)
}

    .tubes-top:after {
        content: '';
        display: block
    }

.tubes-circle, .tubes-middle {
    position: absolute;
    background-position: 50% 0
}

.tubes--transition .tubes-top:after {
    -webkit-transition: all .4s ease-out;
    transition: all .4s ease-out
}

.tubes--on .tubes-top:after {
    width: 0
}

.tubes-middle {
    width: 100%;
    height: 0;
    background-repeat: repeat-y;
    background-image: url(../images/tubes-middle.png)
}

.tubes-bottom, .tubes-circle, .verticalTimeline-img:after {
    background-repeat: no-repeat
}

.tubes--transition .tubes-middle {
    -webkit-transition: all .4s ease-out .3s;
    transition: all .4s ease-out .3s
}

.tubes--transition .tubes-middle--2 {
    -webkit-transition: all .8s ease-out 2.4s;
    transition: all .8s ease-out 2.4s
}

.scheme--type--4.tubes--transition .tubes-middle {
    -webkit-transition: all .8s ease-out .8s;
    transition: all .8s ease-out .8s
}

.tubes--on .tubes-middle {
    height: 100%
}

.tubes--on .tubes-middle--1 {
    height: 50%
}

.tubes-circle {
    width: 730px;
    height: 0;
    top: 290px;
    left: 50%;
    margin-left: -366px;
    background-image: url(../images/tubes-circle.png);
    z-index: 2
}

.tubes--transition .tubes-circle {
    -webkit-transition: all 1.2s ease-out 1.2s;
    transition: all 1.2s ease-out 1.2s
}

.tubes--on .tubes-circle {
    height: 730px
}

.tubes-bottom {
    position: relative;
    width: 0;
    height: 0;
    margin-left: auto;
    margin-right: auto;
    background-color: #FFF;
    background-image: url(../images/tubes-bottom.png)
}

.tubes--transition .tubes-bottom {
    -webkit-transition: all .4s ease-out;
    transition: all .4s ease-out
}

.tubes--on .tubes-bottom {
    width: 714px;
    height: 263px
}

@media (max-width:1200px) {
    .tubes-circle {
        width: 600px;
        margin-left: -300px;
        background-size: cover
    }

        .tubes-circle:after, .tubes-circle:before {
            content: '';
            position: absolute;
            width: 55px;
            height: 20px;
            left: 50%;
            margin-left: -29px;
            background-color: #f7f7f7
        }

        .tubes-circle:before {
            top: 0
        }

        .tubes-circle:after {
            bottom: 0
        }

    .tubes--on .tubes-circle {
        height: 600px
    }
}

@media (max-width:1030px) {
    .tabslider--page-prototyping .tabslider-item-title {
        font-size: 32px
    }

    .tubes-container {
        display: none
    }
}

.verticalTimeline {
    position: relative;
    padding-top: 108px;
    padding-bottom: 100px;
    background-color: #FFF
}

    .verticalTimeline .heading-title {
        margin-bottom: 0
    }

    .verticalTimeline .heading-description {
        margin-top: 32px;
        margin-bottom: 0 !important
    }

    .verticalTimeline .heading ~ .verticalTimeline-container {
        margin-top: 54px
    }

.verticalTimeline-container {
    position: relative;
    padding-top: 48px;
    padding-bottom: 48px
}

    .verticalTimeline-container:after {
        content: '';
        position: absolute;
        display: block;
        width: 1px;
        height: 100%;
        top: 0;
        left: 50%;
        margin-left: -2px;
        background-color: #51c336
    }

.verticalTimeline-row {
    position: relative;
    padding-top: 60px;
    padding-bottom: 50px
}

    .verticalTimeline-row:before, .verticalTimeline-row:last-of-type:after {
        content: '';
        position: absolute;
        width: 11px;
        height: 11px;
        margin-left: -7px;
        background-color: #51c336;
        border-radius: 50%;
        left: 50%;
        display: block
    }

    .verticalTimeline-row:before {
        top: 0
    }

    .verticalTimeline-row:last-of-type:after {
        bottom: 0
    }

.verticalTimeline-preview:after, .verticalTimeline-wrapper:before {
    width: 60px;
    height: 60px;
    margin-left: -30px;
    background-color: #FFF;
    z-index: 2;
    content: ''
}

.verticalTimeline-wrapper {
    position: relative
}

    .verticalTimeline-wrapper:before {
        position: absolute;
        display: block;
        top: 160px;
        left: 50%;
        border: 2px solid #51c336;
        border-radius: 50%
    }

.verticalTimeline-preview {
    position: relative;
    display: block;
    vertical-align: top;
    line-height: 0;
    text-align: left
}

    .verticalTimeline-preview:after {
        position: absolute;
        display: none;
        top: 50%;
        left: -46px;
        margin-top: -30px;
        border: 2px solid #51c336;
        border-radius: 50%
    }

.verticalTimeline .col-lg-5 + .col-lg-7 .verticalTimeline-preview {
    text-align: right
}

.verticalTimeline-img {
    position: relative;
    display: inline-block;
    vertical-align: top;
    line-height: 0;
    font-size: 0;
    overflow: hidden
}

    .verticalTimeline-img:after {
        content: '';
        position: absolute;
        display: block
    }

.col-lg-7 .verticalTimeline-img:after {
    width: 17px;
    height: 100%;
    top: 0;
    right: 0;
    background-position: 0 50%;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAPoCAYAAAA4GBW2AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAeRJREFUeNrs1iEsRlEUwPHvsbERJJJJqk0ymyTZbKIiSqqkSqokSqog2zRBs4kkkyRFYDPXOeEVgfnON+l3t3/97e29e899XYs1KK6xwQgWBAKBQCAQCAQCgUAgEAgEAoFAIBAIBAKBQCAQCAQCgUAgEAgEAoFAIBAIBAKBQCAQCAQCgUAgEAgEAoFAIBAIBAKBQCAQCAQCgUAgEAgEAoFAIBAIBAKBQCAQCAQCgUAgEAgEAoFAIBAIBAKBQCAQCOTPyP0okNXosqS01rLx6LgNuQbf2o3eqki2Fj1XkWwhuq0i2XR0XkWyLjqMPitI33b0WkWy5eiximRz0XUVySaj0yrStx99VJFsI3rJT1g9xJvVJ1nJI1IBtvq9Myyw17/UYZB8h0eVfTIRnVV27Ex0VTk789Fd5RQvRU+VebKeu7EylHai98p4PPhtkv2E5N1zUrl3pqKLyuU1G920wspt/BDHebEyC7o2goHidwsCgUAgEAgEAoFAIBAIBAKBQCAQCAQCgUAgEAgEAoFAIBAIBAKBQCAQCAQCgUAgEAgEAoFAIBAIBAKBQCAQCAQCgUAgEAgEAoFAIBAIBAKBQCAQCAQCgUAgEAgEAoFAIBAIBAKBQCAQCAQCgUAgEAjk/5EvAQYAW1oWpMrY2GAAAAAASUVORK5CYII=)
}

.col-lg-5 + .col-lg-7 .verticalTimeline-img:after {
    width: 17px;
    height: 100%;
    top: 0;
    right: auto;
    left: 0;
    background-position: 0 50%;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAPoCAYAAAA4GBW2AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAe9JREFUeNrs1qFLQ2EUxuFNQUGDzST+B4JJBJNJEBYtRpPVZDVZTUaT1WAWbBaTYBSLmEwWg4I4zwd+MGS63Z2h5XnhF+8TxmH3truxVnITrTEMAoFAIBAIBAKBQCAQCAQCgUAgEAgEAoFAIBAIBAKBQCAQCAQCgUAgEAgEAoFAIBAIBAKBQCAQCAQCgUAgEAgEAoFAIBAIBAKBQCAQCAQCgUAgEAgEAoFAIBAIBAKBQCAQCAQCgUAgEAgEAoFAIBAIBPLnyF0WuYhWW93RdxRNRq1RkNdopzxca4o8RWu9QFPkJlr8DjRBzqLZfsAwyEd0ELV/AgYhL9HWbw8PQh6i5WGAn5CraH5YoB9yEk03AXqR92iv6cO9yHO0MSpQkc0MUJFyyitZpN5EJ4vUH3c3i9QdDjrzYS/2NJrKImWX0VwWKbuNFrJI2WO0lEW6X1e9nkXK3qLtLFL/6fazSN1xfedkkLLzaKYg5TK7idfoddTJImX340B8KUEgEAgEAoFAIBAIBAKBQCAQCAQCgUAgEAgEAoFAIBAIBAKBQCAQCAQCgUAgEAgEAoFAIBAIBAKBQCAQCAQCgUAgEAgEAoFAIBAIBAKBQCAQCAQCgUAgEAgEAoFAIBAIBAKBQCAQCAQCgUAgEAgEAoH8A/IpwAAq4wnH82WrBgAAAABJRU5ErkJggg==)
}

.verticalTimeline-img img {
    position: relative;
    max-width: 100%;
    width: 100%
}

.verticalTimeline-title h4 {
    margin-top: 0;
    margin-bottom: 35px;
    font-size: 35px;
    line-height: 45px;
    color: #232323
}

.verticalTimeline .verticalTimeline-container p, .verticalTimeline ul li {
    font-weight: 300;
    font-family: Ubuntu,Arial,Helvetica,sans-serif;
    font-size: 17px
}

.verticalTimeline .verticalTimeline-container p {
    line-height: 30px;
    color: #232323
}

.verticalTimeline ul {
    margin: 0;
    padding: 0 0 0 40px;
    list-style-type: none
}

    .verticalTimeline ul li {
        position: relative;
        line-height: 25px;
        color: #234
    }

        .verticalTimeline ul li + li {
            margin-top: 15px
        }

        .verticalTimeline ul li:after {
            content: '';
            position: absolute;
            display: block;
            width: 4px;
            height: 4px;
            top: 11px;
            left: -14px;
            background-color: #51c336;
            border-radius: 50%
        }

@media (max-width:1440px) {
    .verticalTimeline-img {
        margin-top: 50px
    }
}

@media (max-width:1200px) {
    .verticalTimeline-img {
        margin-top: 70px
    }
}

@media (max-width:1029px) {
    .verticalTimeline-container:after, .verticalTimeline-row:before, .verticalTimeline-row:last-of-type:after, .verticalTimeline-wrapper:before {
        display: none
    }

    .verticalTimeline-container {
        padding-bottom: 0
    }

    .verticalTimeline-wrapper {
        max-width: 607px;
        margin-left: auto;
        margin-right: auto;
        padding-bottom: 20px;
        background-color: #FFF;
        z-index: 1
    }

    .verticalTimeline-row {
        padding-top: 0
    }

        .verticalTimeline-row:last-child {
            padding-bottom: 0
        }

        .verticalTimeline-row:before {
            margin-left: -7px
        }

    .verticalTimeline-img {
        margin-top: 0
    }

    .col-lg-7 .verticalTimeline-img:after {
        display: none;
        width: 100%;
        height: 17px;
        top: 0;
        left: 0;
        right: auto;
        background-position: 50% 0;
        background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAA+gAAAARCAYAAABO1oaoAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAa5JREFUeNrs3b9LVXEcx+FjgUNTi/4FrY6iQ0u1CSEIgpJLq7g0OLg2BE41NRo0uEST4I8Gg8AGp8DNUZpassHBQPT95bgkGl6993oOPA+8QK56LnwW+VzPj4HTqACAtjpML9KHNGwcANBe94wAAFrrJM2k9fQ8HRkJAFjQAYD+W0xb51/vptnzpR0AsKADAH2ykt5eeG0tLRgNALTTgGvQAaB1dtKzdHzF99+kJWMCAAs6ANA7B2k0/frf3/f0Mc0ZFwBY0AGA7is3gXucflzjZwfTRnpqbADQDq5BB4B2KB+ov7zmcl78TVNpz+gAwIIOAHTP6/Spw9/5kybST+MDgOZzijsANN/nNF3V/0W/iZH0LT00SgCwoAMAN1NOaS/XnR/d8jhP0mZVX5sOADSQU9wBoLnKndonu7CcF1+r+hp2H8wDgAUdAOhAecZ5ucnbQRePuVp5PjoAWNABgI7Mp50eHHc5vTdeAGge16ADQPO8S696ePz7VX3juUmjBgALOgBwuS9V/Wi0kx6/z4O0ncaMHAAs6ADAv/bTePrdp/cbSt/TI6MHgLt3JsAAW8NXX3Xqcv0AAAAASUVORK5CYII=)
    }

    .verticalTimeline .col-lg-5 + .col-lg-7 .verticalTimeline-preview {
        text-align: left
    }

    .verticalTimeline-asset {
        margin-bottom: 25px
    }

    .verticalTimeline-title h4 {
        margin-bottom: 20px;
        font-size: 26px;
        line-height: 30px
    }
}

@media (max-width:767px) {
    .verticalTimeline {
        padding-top: 50px;
        padding-bottom: 50px
    }
}