.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(/sites/all/themes/iflexion/images/history--type--1-bg.jpg)

}



.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(/sites/all/themes/iflexion/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(/sites/all/themes/iflexion/images/history--type--11-bg1.jpg), url(/sites/all/themes/iflexion/images/history--type--11-bg2.jpg)

}



.history--type--11 .container {

    padding-top: 100px;

    padding-bottom: 100px;

    background-repeat: no-repeat;

    background-position: 50% 50%;

    background-image: url(/sites/all/themes/iflexion/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(/sites/all/themes/iflexion/images/history--type--11-bg1.jpg)

    }

    .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(/sites/all/themes/iflexion/images/history--type--10-bg1.jpg), url(/sites/all/themes/iflexion/images/history--type--10-bg2.jpg)

}



.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(/sites/all/themes/iflexion/images/history--type--10-container.jpg)

}



@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(/sites/all/themes/iflexion/images/history--type--12-bg.jpg)

}



.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(/sites/all/themes/iflexion/images/history--type--13-bg.jpg);

    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(/sites/all/themes/iflexion/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(/sites/all/themes/iflexion/images/history--type--14-bg.jpg);

    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(/sites/all/themes/iflexion/images/history--type--15-bg.jpg);

    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(/sites/all/themes/iflexion/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(/sites/all/themes/iflexion/images/history--type--16-bg.jpg)

}



.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(/sites/all/themes/iflexion/images/history--type--17-bg.jpg);

    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(/sites/all/themes/iflexion/images/history--type--17-container.png);

    background-size: cover

}



.history--type--17 .history-intro {

    background-position: 50% 50%;

    background-image: url(/sites/all/themes/iflexion/images/history--type--17-bg.jpg)

}



.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(/sites/all/themes/iflexion/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(/sites/all/themes/iflexion/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(/sites/all/themes/iflexion/images/history--type--18--monster.png);

    left: -15%

}



.history--type--18 .monster-image2 {

    width: 225px;

    height: 200px;

    background-size: contain;

    background-image: url(/sites/all/themes/iflexion/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(/sites/all/themes/iflexion/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(/sites/all/themes/iflexion/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(/sites/all/themes/iflexion/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(/sites/all/themes/iflexion/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(/sites/all/themes/iflexion/images/history--type--3-bg.jpg)

}



.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(/sites/all/themes/iflexion/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(/sites/all/themes/iflexion/images/history--type--5-bg.jpg)

}



.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(/sites/all/themes/iflexion/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(/sites/all/themes/iflexion/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(/sites/all/themes/iflexion/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(/sites/all/themes/iflexion/images/history--type--8-bg.jpg)

}



.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(/sites/all/themes/iflexion/images/history--type--9-bg.jpg)

}



.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(/sites/all/themes/iflexion/images/bg-iconSlider--type--4.jpg);

    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(/sites/all/themes/iflexion/images/bg-info-php-2.jpg) 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(/sites/all/themes/iflexion/images/bg-info-page-net-2.jpg) 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(/sites/all/themes/iflexion/images/bg-info-page-net-2.jpg) 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(/sites/all/themes/iflexion/images/bg-info-page-net-4.jpg) 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(/sites/all/themes/iflexion/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(/sites/all/themes/iflexion/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(/sites/all/themes/iflexion/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(/sites/all/themes/iflexion/images/bg-info--page-methodology.jpg);

    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(/sites/all/themes/iflexion/images/bg-info-dedicated-development-teams.jpg);

    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(/sites/all/themes/iflexion/images/bg-info-dedicated-development-teams1.jpg)

    }

    .info--page-dedicated-development-teams .info-text--2 {

        background-image: url(/sites/all/themes/iflexion/images/bg-info-dedicated-development-teams2.jpg)

    }

}



@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(/sites/all/themes/iflexion/images/bg-mobile-commerce.jpg)

}



.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: #25b0bc;

    -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)

    }

}