svg {visibility: visible;} .button_funnel:after {content:""; position: absolute; left: -22px; top: 14px; width: 46px; height: 36px; background: url(/images/2x/funnel_mini.png) 0 0 no-repeat; background-size: 100% 100%;} #colorbox, #cboxOverlay, #cboxWrapper {position: absolute; top: 0; left: 0; z-index: 999; overflow: hidden; outline: none;} #cboxOverlay {position: fixed; width: 100%; height: 100%;} #cboxContent {position:relative; padding: 0 50px; overflow:hidden;} #cboxLoadedContent {overflow:hidden !important;} #cboxTitle, #cboxCurrent, #cboxSlideshow {display:none !important;} #cboxClose {position: fixed; right: 10px; top: 10px;} #cboxClose {right: 24px; top: 52px; width: 60px; height: 60px; font-size: 0; background: transparent; border: 0;} #cboxClose:before, #cboxClose:after {height: 3px; background: #FFF; content:""; position: absolute; left: 0; top: 0; width: 100%; border-radius: 4px;} #cboxClose:before {transform: rotate(45deg);} #cboxClose:after {transform: rotate(-45deg);} #cboxClose:hover {cursor: pointer;} #cboxLoadedContent {overflow: auto; -webkit-overflow-scrolling: touch;} #cboxLoadingGraphic {position: fixed; left: 50%; top: 50%; width: 100px; height: 100px; margin: -50px 0 0 -50px; background-image: url('/images/loader_white.gif'); background-color: transparent; background-size: 100% 100%;} #cboxOverlay {background: #000;} .cboxIframe{width:100%; height:100%; display:block; border:0; padding:0; margin:0;} #cboxContent {background: transparent; overflow:hidden;} #cboxPrevious, #cboxNext {display: none;} .breadcrumbs {position: relative; font-size: 15px; line-height: 1.4; color: #FFF; letter-spacing: 1px;} .breadcrumbs a {color: #FFF;} .breadcrumbs i {} .breadcrumbs span {} .diagram_box {position: absolute; left: 0; top: 0; height: 1400px;} .diagram_box .ani_anchor {top: 450px;} .diagram_img {position: absolute; left: 0; background-size: 100% auto; background-repeat: no-repeat;} .diagram_img1 {width: 244px; height: 770px; top: -5%; z-index: 995; left: -150px; transform: rotate(-19deg);} .diagram_img2 {width: 402px; height: 539px; top: -10%; z-index: 994; left: -280px; transform: rotate(-50deg);} .diagram_img3 {width: 536px; height: 377px; top: -15%; z-index: 993; left: -350px; transform: rotate(-69deg);} .diagram_img4 {width: 755px; height: 726px; top: -30%; z-index: 996; left: -530px; transform: rotate(-118deg);} .diagram_img5 {width: 378px; height: 377px; top: 95%; z-index: 994; left: -300px; transform: rotate(62deg);} .diagram_img6 {width: 309px; height: 648px; top: 75%; z-index: 995; left: -200px; transform: rotate(30deg);} .diagram_img1.show {animation: diagram_img1 0.7s ease-in-out 0.35s forwards;} .diagram_img2.show {animation: diagram_img2 0.7s ease-in-out 0.25s forwards;} .diagram_img3.show {animation: diagram_img3 0.7s ease-in-out 0.15s forwards;} .diagram_img4.show {animation: diagram_img4 0.7s ease-in-out 0s forwards;} .diagram_img5.show {animation: diagram_img5 0.7s ease-in-out 0.15s forwards;} .diagram_img6.show {animation: diagram_img6 0.7s ease-in-out 0.25s forwards;} .facts_container {position: relative;} .facts_container .facts_block {width: 1100px; padding: 90px 0 90px; color: #FFF;} .facts_container .facts_slide {text-align: center;} .facts_container .facts_slide .facts_slide_quote {font-size: 39px; margin: 0 0 40px; line-height: 1.3; text-transform: uppercase; letter-spacing: 2px; font-weight: 300;} .facts_container .facts_slide .facts_slide_quote strong {font-weight: 400;} .facts_container .facts_slide .facts_slide_source {font-weight: 700; letter-spacing: 2px; text-transform: uppercase; font-size: 21px; line-height: 1.2;} .facts_container .bx-controls-direction a {top: 50%; margin-top: -22px;} .facts_container .bx-prev {margin-left: -600px;} .facts_container .bx-next {margin-right: -600px;} .facts_container .button_wrap {position: absolute; bottom: -33px; left: 0; right: 0; z-index: 994;} .facts_container .button {width: 300px;} .paperdownload_box {position: fixed; left: 0; bottom: -140px; right: 0; z-index: 999; background: #FFF; box-shadow: 0 -5px 20px 2px rgba(0,0,0,0.05);} .paperdownload_box .paperdownload_close {right: 44px; top: 50%; margin-top: -19px; width: 40px; height: 40px;} .paperdownload_box .paperdownload_close:before, .paperdownload_box .paperdownload_close:after {top: 18px; height: 3px; background: #000;} .paperdownload_box .paperdownload_close:hover {cursor: pointer;} .paperdownload_box .paperdownload_content {position: relative; width: 1020px; height: 118px; margin: 0 auto; padding-left: 240px; box-sizing: border-box;} .paperdownload_box .paperdownload_iconbox {position: absolute; left: 0; bottom: 0; width: 194px;} .paperdownload_box .paperdownload_iconbox img {width: 100%; height: auto; display: block;} .paperdownload_box .paperdownload_title {position: relative; padding: 28px 300px 0 0; font-weight: 400; font-size: 31px; letter-spacing: 2px; line-height: 1.1; text-transform: uppercase;} .paperdownload_box .paperdownload_title strong {color: #f26021; font-weight: 600;} .paperdownload_box .button {position: absolute; right: 0; top: 27px; width: 284px; height: 65px;} .scheduleperson_container {padding: 0; margin: 0 0 80px; z-index: 993;} .scheduleperson_container:before {content:""; position: absolute; left: 0; right: 0; top: 225px; bottom: 47px; background: url('/images/2x/schedule_images/schedule_back.jpg') 50% 50% no-repeat; background-size: cover; z-index: 990;} .scheduleperson_container .scheduleperson_block {width: 1370px; z-index: 991; padding: 180px 0 0 0;} .scheduleperson_container .scheduleform_box {position: relative; padding: 81px 50px 40px; box-sizing: border-box; text-align: center; width: 388px; background: #FFF; box-shadow: 0 20px 100px -5px rgba(0,0,0,0.18); -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;} .scheduleperson_container .scheduleform_box:before {content:""; position: absolute; left: 50%; top: -78px; width: 126px; padding: 0 0 120%; margin: 0 0 0 -52px; animation: teamlogofloating 3s ease-in-out infinite; background: url('/images/2x/logo.png') 0 0 no-repeat; background-size: 100% auto;} .scheduleperson_container .scheduleform_avatars1 img {box-shadow: 0px 10px 80px 5px rgba(0,0,0,0.16);} .scheduleperson_container .scheduleform_man {width: 562px; position: absolute; left: 440px; bottom: 47px; z-index: 991;} .schedulepersons_container {padding: 130px 0 0 0; margin: 0; z-index: 993;} .schedulepersons_container:before {content:""; position: absolute; left: 0; right: 0; top: 130px; bottom: 280px; background: url('/images/2x/schpersons_back.jpg') 50% 50% no-repeat; background-size: cover; z-index: 990;} .schedulepersons_container .schedulepersons_block {width: auto; z-index: 991; padding: 0;} .schedulepersons_container .scheduleform_box {position: relative; margin: 0 auto; top: -130px; padding: 81px 55px 40px; box-sizing: border-box; text-align: center; z-index: 994; width: 388px; background: #FFF; box-shadow: 0 20px 100px -5px rgba(0,0,0,0.18); -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;} .schedulepersons_container .scheduleform_box:before {content:""; position: absolute; left: 50%; top: -78px; width: 126px; padding: 0 0 120%; margin: 0 0 0 -52px; animation: teamlogofloating 3s ease-in-out infinite; background: url('/images/2x/logo.png') 0 0 no-repeat; background-size: 100% auto;} .schedulepersons_container .scheduleform_avatars1 img {box-shadow: 0px 10px 80px 5px rgba(0,0,0,0.16);} .schedulepersons_container .scheduleform_person {width: 700px; height: 700px; position: absolute; bottom: 280px; background-size: cover;} .schedulepersons_container .scheduleform_person1 {z-index: 991; left: 50%; margin: 0 0 0 -1020px; background-size: 116% auto; background-position: 0 26%; -moz-transform: scaleX(-1); -o-transform: scaleX(-1); -webkit-transform: scaleX(-1); transform: scaleX(-1); filter: FlipH; -ms-filter: "FlipH";} .schedulepersons_container .scheduleform_person2 {z-index: 990; left: 50%; margin: 0 0 0 -720px;} .schedulepersons_container .scheduleform_person3 {z-index: 990; right: 50%; margin: 0 -740px 0 0;} .schedulepersons_container .scheduleform_person4 {z-index: 991; right: 50%; margin: 0 -1040px 0 0;} .teampersons {position: relative;} .teampersons .teampersons_images {position: relative; text-align: center; white-space: nowrap; z-index: 991;} .teampersons .teampersons_images:before {content:""; position: absolute; width: 1330px; left: 50%; margin: 0 0 0 -665px; height: 220px; top: 40px; background: url('/images/2x/teammini_back.jpg') 50% 0 no-repeat; background-size: 100% auto; z-index: 990; border-radius: 4px; box-shadow: 0 20px 90px 5px rgba(0,0,0,0.15);} .teampersons .teampersons_labels {position: relative; text-align: center; z-index: 991; } .teampersons .teamperson {display: inline-block; position: absolute; top: 0; vertical-align: top; width: 350px; height: 260px; background-size: 100% auto; background-position: 50% 0; background-repeat: no-repeat;} .teampersons .teamperson div {position: absolute; left: 0; top: 0; right: 0; bottom: 0; background-size: 100% auto; background-position: 50% 0; background-repeat: no-repeat;} .teampersons .teamperson1 {z-index: 990; left: 50%;} .teampersons .teamperson2 {z-index: 991; left: 50%;} .teampersons .teamperson3 {z-index: 992; left: 50%;} .teampersons .teamperson4 {position: relative; z-index: 993; margin: 0 auto;} .teampersons .teamperson5 {z-index: 992; right: 50%;} .teampersons .teamperson6 {z-index: 991; right: 50%;} .teampersons .teamperson7 {z-index: 990; right: 50%;} .teampersons .teamperson_label {position: relative; display: inline-block; vertical-align: top; margin: 0 18px 10px;} .teampersons .teamperson_label .teamperson_label_wrap {position: relative;} .teampersons .teamperson_label .teamperson_label_wrap:before {content:""; position: absolute; left: -10px; top: 0; bottom: 0; right: -10px; transform: skewX(-15deg); background: #FFF; z-index: 990; box-shadow: 0 10px 50px 5px rgba(0,0,0,0.1);} .teampersons .teamperson_label_name {position: absolute; top: -20px; right: 2px;} .teampersons .teamperson_label_name:before {content:""; position: absolute; left: -10px; top: 0; bottom: 0; right: -10px; transform: skewX(-15deg); background: #36bcd9; z-index: 990;} .teampersons .teamperson_label_name span {position: relative; z-index: 991; display: inline-block; padding: 6px 2px; color: #FFF; font-size: 18px; letter-spacing: 1px;} .teampersons .teamperson_label_job {position: relative; z-index: 991; font-size: 18px; padding: 11px 0 12px; line-height: 1.3; letter-spacing: 0.7px;} .teampersons_slider_wrap {display: none;} .teampersons_slider_wrap:before {content:""; position: absolute; right: 0; left: 0; height: 220px; top: 40px; background: url('/images/2x/teammini_back.jpg') 50% 0 no-repeat; background-size: cover; z-index: 990;} .teampersons_slider_wrap .teamperson {position: relative; z-index: 991;} .teampersons_slider_wrap .teamperson_label {top: -20px; z-index: 992;} #loader {position: fixed; left: 0; top: 0; right: 0; bottom: 0; z-index: 999; background: #FFF;} #loader_box {position: absolute; left: 50%; top: 50%; margin: -80px 0 0 -65px; width: 130px; height: 130px; text-align: center; -moz-border-radius: 50% -webkit-border-radius: 50%; border-radius: 50%;} #loader_shadow {position: absolute; left: 0; top: 0; z-index: 990; width: 100%; height: 100%; background: #FFF; -moz-border-radius: 50% -webkit-border-radius: 50%; border-radius: 50%; -webkit-animation: white-shadow 1s infinite; -moz-animation: white-shadow 1s infinite; -ms-animation: white-shadow 1s infinite; animation: white-shadow 1s infinite; } #loader_img_box {position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: 991; -moz-border-radius: 50% -webkit-border-radius: 50%; border-radius: 50%; box-shadow: 0 0 50px 12px rgba(237,106,31,0.35); background: #f6851f; background: -moz-linear-gradient(left, #f6851f 0%, #f6851f 20%, #e92823 80%, #e92823 100%); background: -webkit-linear-gradient(left, #f6851f 0%, #f6851f 20%, #e92823 80%, #e92823 100%); background: linear-gradient(to right, #f6851f 0%, #f6851f 20%, #e92823 80%, #e92823 100%);} #loader_img {position: absolute; width: 54px; height: 66px; top: 50%; left: 50%; margin: -29px 0 0 -26px; z-index: 991; background: url('/images/2x/logo_white.png') 0 0 no-repeat; background-size: 100% auto;} #loader_title {position: absolute; left: 50%; margin-left: -42px; text-align: center; bottom: -72px; width: 99px; height: 23px; background: url('/images/loading_title.png') 0 0 no-repeat; background-size: 100% auto;} /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - REPEATING BLOCKS - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ /* CTA PAPERS */ .cta_papers_block {width: 1370px; margin: 0 auto 20px; overflow: hidden; z-index: 991; box-sizing: border-box; background: #FFF; box-shadow: 0 22px 86px 2px rgba(0,0,0,0.13); -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;} .cta_papers_block .cta_img {position: absolute; right: 0; top: 0; bottom: 0; height: 100%; z-index: 992;} .cta_papers_block .cta_colorbox {position: absolute; top: 0; right: -200px; width: 43%; box-shadow: 0 0 60px 5px rgba(4,156,194,0.4); padding: 0 200px 0 0; bottom: 0; top: 0; transform: skewX(-18deg); z-index: 991; background: #2cb5d6; background: -moz-linear-gradient(left, #2cb5d6 0%, #009ac0 100%); background: -webkit-linear-gradient(left, #2cb5d6 0%,#009ac0 100%); background: linear-gradient(to right, #2cb5d6 0%,#009ac0 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2cb5d6', endColorstr='#009ac0',GradientType=1 );} .cta_papers_block .cta_content {position: relative; box-sizing: border-box; width: 58%; padding: 45px 86px 66px; z-index: 992;} .cta_papers_block .block_title {margin: 0 0 36px; padding: 100px 0 0 0; text-align: left;} .cta_papers_block .block_title:before {content:""; position: absolute; left: 0; top: 0; width: 36px; height: 40px; z-index: 991; background: url(/images/2x/logo.png) 0 0 no-repeat; background-size: 100% auto;} .cta_papers_block .block_subtitle {margin: 0 0 55px; text-align: left;} .cta_papers_block .button {z-index: 992; width: 305px; margin: 0;} /* CTA TRANSFORM */ .cta_transform_container {padding: 100px 0 0 0;} .cta_transform_container .cta_transform_block {padding: 116px 0 124px; background-size: cover; background-position: 50% 50%; background-repeat: no-repeat;} .cta_transform_container .button_wrap {padding-top: 24px;} .cta_transform_container .button {width: 286px;} /* COLORED QUOTE */ .colored_quote_container {padding: 110px 0 0;} .colored_quote_container .colored_quote_block {} .colored_quote_container .slider_wrap {} .colored_quote_container .colored_quote_slide {position: relative; padding: 0 0 98px;} .colored_quote_container .colored_quote_slide_box {position: relative;} .colored_quote_container .colored_quote_content {width: 1370px; position: relative; margin: 0 auto; padding: 90px 100px 24px; z-index: 991; text-align: center; box-sizing: border-box;} .colored_quote_container .colored_quote_content:before, .colored_quote_container .colored_quote_content:after {content:""; position: absolute; width: 128px; height: 101px; background: url('/images/2x/quotes_2.png') 0 0 no-repeat; background-size: 100% auto;} .colored_quote_container .colored_quote_content:before {left: 50%; margin-left: -620px; top: 30px;} .colored_quote_container .colored_quote_content:after {right: 50%; margin-right: -620px; bottom: -35px; transform: rotate(180deg);} .colored_quote_container .colored_quote_back {position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: 990;} .colored_quote_container .colored_quote_text {font-size: 39px; line-height: 1.3; font-weight: 300; color: #FFF; text-transform: uppercase; letter-spacing: 3px;} .colored_quote_container .colored_quote_text strong {font-weight: 400;} .colored_quote_container .colored_quote_plate_box {position: relative; bottom: -47px; margin: 0 auto; text-align: left; width: 300px;} .colored_quote_container .colored_quote_plate_box:before {content:""; position: absolute; left: -30px; right: -30px; top: 0; bottom: 0; transform: skewX(-15deg); background: #FFF; z-index: 990; box-shadow: 10px 10px 40px 10px rgba(0,0,0,0.09);} .colored_quote_container .colored_quote_plate {position: relative; z-index: 991; padding: 21px 0 21px 75px;} .colored_quote_container .colored_quote_plate:after {content:""; position: absolute; left: 10px; top: 50%; margin-top: -20px; width: 36px; height: 39px; z-index: 991; background: url(/images/2x/logo.png) 0 0 no-repeat; background-size: 100% auto;} .colored_quote_container .colored_quote_name {font-size: 20px; margin: 0 0 8px; position: relative; left: -1px; letter-spacing: 1px;} .colored_quote_container .colored_quote_job {font-size: 9px; line-height: 1.6; text-transform: uppercase; letter-spacing: 4px; color: #6f6f6f;} .colored_quote_container .bx-controls {position: static;} .colored_quote_container .bx-controls-direction {position: static;} .colored_quote_container .bx-controls-direction a {z-index: 992; top: 50%; margin-top: -75px;} .colored_quote_container .bx-prev {margin-left: -720px;} .colored_quote_container .bx-next {margin-right: -720px;} /* CTA SUBSCRIBE */ .cta_subscribe_block {width: 1370px; margin: 0 auto 20px; overflow: hidden; box-sizing: border-box; background: #FFF; box-shadow: 0 22px 86px 2px rgba(0,0,0,0.13); -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;} .cta_subscribe_block:before {content:""; position: absolute; top: 0; left: 0; width: 75%; bottom: 0; background: url('/images/2x/subscribe_back.jpg') -50% 50% no-repeat; background-size: cover;} .cta_subscribe_block .cta_img {position: absolute; right: 15px; top: 5px; bottom: 0; height: 100%; z-index: 992;} .cta_subscribe_block .cta_colorbox {position: absolute; top: 0; right: -200px; width: 35%; padding: 0 200px 0 0; bottom: 0; top: 0; transform: skewX(-18deg); z-index: 991; background: #f47420; background: -moz-linear-gradient(left, #f47420 0%, #e92823 100%); background: -webkit-linear-gradient(left, #f47420 0%, #e92823 100%); background: linear-gradient(to right, #f47420 0%, #e92823 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f47420', endColorstr='#e92823',GradientType=1 );} .cta_subscribe_block .cta_content {position: relative; box-sizing: border-box; width: 55%; padding: 45px 86px 66px; z-index: 991;} .cta_subscribe_block .block_title {margin: 0 0 36px; padding: 120px 0 0 0; text-align: left;} .cta_subscribe_block .block_title:before {content:""; position: absolute; left: 0; top: 0; width: 36px; height: 40px; z-index: 991; background: url(/images/2x/logo.png) 0 0 no-repeat; background-size: 100% auto;} .cta_subscribe_block .block_subtitle {margin: 0 0 55px; text-align: left;} .cta_subscribe_block .cta_form {width: 460px; position: relative;} .cta_subscribe_block .field_wrap, .cta_subscribe_block .button_wrap {float:left; margin: 0; width: 50%;} .cta_subscribe_block .form_field {-moz-border-radius: 4px 0 0 4px; -webkit-border-radius: 4px 0 0 4px; border-radius: 4px 0 0 4px;} .cta_subscribe_block .form_field:hover, .cta_subscribe_block .form_field:focus {-moz-transform: none; -o-transform: none; -webkit-transform: none; transform: none;} .cta_subscribe_block .ajax-loader {bottom: 2px; left: 105%; margin: 0;} /* HASHTAGS */ .hashtags_container {padding: 0;} .hashtags_container .hashtags_block {width: 1370px; padding: 75px 0 85px; background: #FFF; box-shadow: 0 20px 100px -5px rgba(0,0,0,0.18); -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;} .hashtags_container .hashtags_box {} .hashtags_container .block_title {margin: 0 0 40px;} .hashtags_container .block_subtitle {text-align: center; margin: 0 0 60px; font-size: 24px; line-height: 1.3; text-align: center; letter-spacing: 1px; font-weight: 300; position: relative; z-index: 991;} .hashtags_container .hashtags {position: relative; margin: 0 auto; padding: 0 30px; text-align: center;} .hashtags_container .hashtag {padding: 0 28px; height: 42px; display: inline-block; vertical-align: top; margin: 0 4px 14px; color: #FFF; font-size: 18px; letter-spacing: 1px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; box-shadow: 0 4px 80px 5px rgba(4,156,194,0.5);} .hashtags_container .button_wrap {bottom: -33px; position: absolute; left: 0; right: 0;} .hashtags_container .button_wrap .button {width: 336px;} /* MANAGED SERVICE */ .managed_service_container {padding: 0; z-index: 991;} .managed_service_container .managed_service_block {width: 1170px; padding: 10px 0 1px; z-index: 991;} .managed_service_container .block_title {margin: 0 0 25px;} .managed_service_container .managed_box {position: relative; top: 80px;} .managed_service_container .managed_box .items_row {display: flex; flex-flow: row wrap;} .managed_service_container .ani_anchor {top: -100px;} .managed_service_container .managed_item {position: relative; width: calc((100% - 45px)/2); margin: 0 45px 65px 0;} .managed_service_container .managed_item.item2 {margin-right: 0;} .managed_service_container .managed_item .managed_item_icon {position: absolute; left: 50%; top: -30px; margin-left: -30px; width: 60px; height: 60px; z-index: 992; border-radius: 3px; background: #f47420; background: -moz-linear-gradient(left, #f47420 0%, #f47420 16%, #e92823 100%); background: -webkit-linear-gradient(left, #f47420 0%,#f47420 16%,#e92823 100%); background: linear-gradient(to right, #f47420 0%,#f47420 16%,#e92823 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f47420', endColorstr='#e92823',GradientType=1 ); box-shadow: 6px 6px 100px 2px rgba(244,113,32,0.7);} .managed_service_container .managed_item .managed_item_icon:before {content:""; position: absolute; top: 50%; left: 50%; margin: -19px 0 0 -17px; width: 34px; height: 40px; z-index: 991; background: url(/images/2x/logo_white.png) 0 0 no-repeat; background-size: 100% auto;} .managed_service_container .managed_item .managed_item_back {position: absolute; left: 0; top: 0; right: 0; bottom: 0; background-repeat: no-repeat; background-size: cover; background-position: 50% 50%; z-index: 990; border-radius: 3px;} .managed_service_container .managed_item .managed_item_back:before {content:""; position: absolute; left: 0; top: 0; right: 0; bottom: 0; background: #000; opacity: 0.73; border-radius: 3px;} .managed_service_container .managed_item .managed_item_content {position: relative; z-index: 991; padding: 72px 60px 55px; font-weight: 300; text-align: center;} .managed_service_container .managed_item .managed_item_content strong {font-weight: 400;} .managed_service_container .managed_item .managed_item_title {font-size: 37px; text-transform: uppercase; letter-spacing: 1px; font-weight: 300; color: #FFF; line-height: 1.3; margin: 0 0 18px;} .managed_service_container .managed_item .managed_item_text {color: #FFF; position: relative; font-size: 20px; line-height: 1.4; letter-spacing: 1px; opacity: 0.56;} /* QUOTES SLIDES */ .quotes_slider_wrap {position: relative;} .quotes_slider_wrap .ani_anchor1 {top: 150px;} .quotes_slider_wrap .ani_anchor2 {top: 200px;} .quotes_slider_wrap .bx-controls {position: static;} .quotes_slider_wrap .bx-controls-direction {position: static;} .quotes_slider_wrap .bx-controls-direction a {z-index: 994; top: 38%;} .quotes_slider_wrap .bx-prev {margin-left: -720px;} .quotes_slider_wrap .bx-next {margin-right: -720px;} .quotes_single_wrap {position: relative;} .quotes_slide {position: relative;} .quotes_slide .quotes_slide_box {position: relative; width: 1370px; padding: 100px 0 140px; margin: 0 auto;} .quotes_slide .quotes_slide_boxwrap {position: relative;} .quotes_slide .quotes_slide_icon {position: absolute; left: 0; top: -60px; width: 382px; padding: 0 0 100%; background: url('/images/2x/quotes_5.png') 0 0 no-repeat; background-size: 100% auto} .quotes_slide .quotes_slide_content {position: relative; margin: 0 100px 60px 400px;} .quotes_slide .quotes_slide_text {font-weight: 300; font-size: 38px; line-height: 1.3; letter-spacing: 2px; text-align: left;} .quotes_slide .quotes_slide_text strong {font-weight: 400;} .quotes_author_box .quotes_author {float: right; display: inline-block; position: relative; z-index: 991;} .quotes_author_box .quotes_author:before {content:""; position: absolute; left: -15px; top: 0; bottom: 0; right: -15px; transform: skewX(-15deg); background: #FFF; z-index: 990; box-shadow: 0 25px 80px 15px rgba(0,0,0,0.085);} .quotes_author_box .quotes_author .quotes_author_content {position: relative; padding: 24px 120px 19px 30px; z-index: 991; text-align: left;} .quotes_author_box .quotes_author .quotes_author_content:before {content:""; position: absolute; left: -30px; top: 50%; margin-top: -19px; width: 32px; height: 38px; z-index: 991; background: url(/images/2x/logo.png) 0 0 no-repeat; background-size: 100% auto;} .quotes_author_box .quotes_author .quotes_author_name {font-size: 18px; color: #101010; letter-spacing: 1px; margin: 0 0 4px;} .quotes_author_box .quotes_author .quotes_author_title {font-size: 14px; letter-spacing: 0.8px; line-height: 1.2; color: #808080;} .quotes_author_box .quotes_author img {position: absolute; right: 0; bottom: 0; width: 135px;} .quotes_author_box {position: relative;} .quotes_author_box.quotes_author_center {text-align: center; padding: 0 0 0 40px;} .quotes_author_box.quotes_author_right {text-align: right; padding: 0 125px 0 0;} .quotes_author_box .quotes_author {float: none; width: 320px; margin: 0;} .quotes_author_box.no_photo .quotes_author .quotes_author_content {padding-right: 30px;} .quotes_author_box .quotes_company {position: relative; width: 240px; top: 12px; display: inline-block; vertical-align: top; z-index: 990;} .quotes_author_box .quotes_company:before {content:""; position: absolute; left: -10px; right: -10px; top: 0; bottom: 0; transform: skewX(-15deg); background: #FFF; z-index: 990; box-shadow: 10px 15px 50px 10px rgba(0,0,0,0.065)} .quotes_author_box .quotes_company_plate {position: relative; z-index: 991; padding: 0 0 0 42px; box-sizing: border-box;} .quotes_author_box .quotes_company_plate .pseudo_td {height: 75px;} .quotes_author_box .quotes_company_plate img {max-height: 66px; max-width: 180px;} /* QUOTES SLIDES - COLORED BACK */ .quotes_cback_slider_wrap .bx-controls {position: static;} .quotes_cback_slider_wrap .bx-controls-direction {position: static;} .quotes_cback_slider_wrap .bx-controls-direction a {z-index: 994; top: 38%;} .quotes_cback_slider_wrap .bx-prev {margin-left: -720px;} .quotes_cback_slider_wrap .bx-next {margin-right: -720px;} .quotes_cback_slide {position: relative; padding: 0 0 140px;} .quotes_cback_slide .quotes_slide_box {position: relative; width: 1370px; box-sizing: border-box; padding: 110px 0; margin: 0 auto;} .quotes_cback_slide .quotes_slide_box:before {content:""; position: absolute; bottom: 0;} .quotes_cback_slide .quotes_slide_img {position: absolute; left: 100px; top: 50%; max-width: 430px; height: 280px; margin-top: -130px; box-shadow: 10px 0 80px 10px rgba(0,0,0,0.1); z-index: 991;} .quotes_cback_slide .quotes_slide_content {position: relative; float:right; width: 720px; box-sizing: border-box; z-index: 991;} .quotes_cback_slide .quotes_slide_textbox {position: relative; padding: 0 140px 0 0;} .quotes_cback_slide .quotes_slide_text {position: relative; font-weight: 300; font-size: 36px; line-height: 1.2; letter-spacing: 2px; text-align: left;} .quotes_cback_slide .quotes_slide_text:before, .quotes_cback_slide .quotes_slide_text:after {content:""; position: absolute; width: 30px; height: 24px; background-position: 0 0; background-repeat: no-repeat; background-size: 100% auto;} .quotes_cback_slide .quotes_slide_text:before {left: -80px; top: 8px;} .quotes_cback_slide .quotes_slide_text:after {right: -1px; bottom: 8px; transform: rotate(180deg);} .quotes_cback_slide .quotes_slide_text strong {font-weight: 400;} .quotes_cback_slide .quotes_author_box {position: absolute; right: 0; width: 700px; bottom: -42px;} .quotes_cback_slide .quotes_author {width: 290px;} .quotes_cback_slide .quotes_author .quotes_author_content {padding: 22px 0 22px 65px;} .quotes_cback_slide .quotes_author .quotes_author_content:before {left: 10px;} .quotes_cback_slide .quotes_company {width: 200px;} .quotes_cback_slide .quotes_company_plate {padding: 0 0 0 20px;} .quotes_cback_slide .quotes_company_plate .pseudo_td {height: 62px;} .quotes_cback_slide .quotes_company_plate img {max-height: 60px; max-width: 160px;} .quotes_cback_slider_wrap.white .quotes_slide_box:before {left: 150px; top: 50px; right: 100px; background: #FFF; box-shadow: 0 15px 60px 5px rgba(0,0,0,0.12); border-radius: 6px;} .quotes_cback_slider_wrap.white .quotes_slide_content {color: #000; padding-right: 150px;} .quotes_cback_slider_wrap.white .quotes_slide_textbox {padding: 10px 0 30px;} .quotes_cback_slider_wrap.white .quotes_slide_text:before, .quotes_cback_slider_wrap.white .quotes_slide_text:after {background-image: url(/images/2x/quotes_4.png);} .quotes_cback_slider_wrap.white .quotes_author_box {bottom: 25px; margin-right: 10px;} .quotes_cback_slider_wrap.white .quotes_author_box .quotes_author:before {display: none;} .quotes_cback_slider_wrap.blue .quotes_slide_box:before {width: 700px; padding: 0 0 0 240px; top: 20px; right: 100px; z-index: 990; -webkit-clip-path: polygon(15% 0%, 100% 0%, 100% 100%, 0% 100%, 0% 100%); clip-path: polygon(15% 0%, 100% 0%, 100% 100%, 0% 100%, 0% 100%); background: #2cb5d6; background: -moz-linear-gradient(left, #2cb5d6 0%, #009ac0 100%); background: -webkit-linear-gradient(left, #2cb5d6 0%,#009ac0 100%); background: linear-gradient(to right, #2cb5d6 0%,#009ac0 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2cb5d6', endColorstr='#009ac0',GradientType=1 );} .quotes_cback_slider_wrap.blue .quotes_slide_content {color: #FFF;} .quotes_cback_slider_wrap.blue .quotes_slide_text:before, .quotes_cback_slider_wrap.blue .quotes_slide_text:after {background-image: url(/images/2x/quotes_2.png);} /* CTA */ .cta_container {padding: 100px 0 1px;} .cta_container .cta_block {height: 670px;} .cta_container .cta_back {position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: 990; background-size: cover; background-position: 50% 0;} .cta_container .cta_box {position: relative; width: 510px; min-height: 590px; margin: 0 auto; text-align: center; padding: 160px 10px 60px; box-sizing: border-box; z-index: 991; top: -44px; background: #FFF; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; box-shadow: 0 42px 80px 15px rgba(0,0,0,0.18);} .cta_container .cta_box:before {content:""; position: absolute; left: 50%; top: -85px; width: 154px; padding: 0 0 120%; margin: 0 0 0 -62px; animation: teamlogofloating 3s ease-in-out infinite; background: url('/images/2x/logo.png') 0 0 no-repeat; background-size: 100% auto;} .cta_container .block_title {margin: 0 0 40px;} .cta_container .block_subtitle {font-size: 23px; padding: 0 40px;} .cta_container .button_wrap {position: absolute; left: 44px; right: 44px; bottom: -33px;} .cta_container .button {width: 100%;} /* CTA MINI */ .cta_mini {position: relative; padding: 0 0 10px;} .cta_mini .cta_mini_img {position: relative; padding: 0 0 40%; background-size: cover; background-position: 50% 50%; background-repeat: no-repeat;} .cta_mini .cta_box {position: relative; background: #FFF; padding: 20px 20px 52px; box-shadow: 0 10px 70px -5px rgba(0,0,0,0.1); text-align: center;} .cta_mini .cta_box .cta_mini_title {position: relative; font-size: 20px; line-height: 1.3; font-weight: 300;} .cta_mini .cta_box .cta_mini_title strong {font-weight: 400;} .cta_mini .cta_box .cta_mini_title br {display: none;} .cta_mini .cta_box .button_wrap {position: absolute; left: 20px; right: 20px; bottom: -33px;} .cta_mini .cta_box .button {width: 100%;} /* CTA POWER */ .cta_power_container {} .cta_power_container .cta_power_backimg {position: absolute; right: -170px; top: -35px; width: 70%; bottom: -35px; z-index: 993; background-position: 100% 0; background-repeat: no-repeat; background-size: auto 100%;} .cta_power_container .cta_power_block {padding: 0; height: 720px; overflow: hidden; z-index: 990;} .cta_power_container .cta_power_back_left {position: absolute; left: 0; top: 0; bottom: 0; width: 70%; background: url('/images/2x/subscribe_back.jpg') 0 0 no-repeat; background-size: cover; z-index: 990;} .cta_power_container .cta_power_back_gradient {position: absolute; right: -200px; width: 38%; padding: 0 200px 0 0; bottom: 0; top: 0; transform: skewX(-18deg); z-index: 991; background: #f6861f; background: -moz-linear-gradient(left, #f6861f 0%, #e12f23 50%, #e12f23 100%); background: -webkit-linear-gradient(left, #f6861f 0%, #e12f23 50%, #e12f23 100%); background: linear-gradient(to right, #f6861f 0%, #e12f23 50%, #e12f23 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6861f', endColorstr='#e92823',GradientType=1 );} .cta_power_container .cta_power_content {position: relative; width: 1370px; margin: 0 auto; z-index: 994; padding: 65px 0 0 0;} .cta_power_container .ani_item1 {position: relative; padding: 100px 0 0 0;} .cta_power_container .cta_power_left {z-index: 992; position: relative; text-align: left; float:left; width: 50%;} .cta_power_container .cta_power_icon {position: absolute; left: 0; top: 0; width: 40px; height: 42px; z-index: 991; background: url(/images/2x/logo.png) 0 0 no-repeat; background-size: 100% auto;} .cta_power_container .block_title {margin: 0 0 40px; text-align: left;} .cta_power_container .block_subtitle {margin: 0 0 55px; text-align: left;} .cta_power_container .button {width: 305px; z-index: 992;} /* GET STARTED SLIDER */ .get_started_container {padding: 0 0 40px; overflow: hidden;} .get_started_container .get_started_block {text-align: center; padding: 90px 0 20px; width: 130%; left: -15%;} .get_started_container .get_started_title {margin: 0 0 25px;} .get_started_container .get_started_subtitle {margin: 0;} .get_started_container .get_started_slider_wrap.mob {display: none;} .get_started_container .bx-controls {position: static;} .get_started_container .bx-controls-direction {position: static;} .get_started_container .bx-controls-direction a {z-index: 994; top: 50%; margin-top: -22px;} .get_started_container .bx-prev {left: 50%; margin-left: -30.58%;} .get_started_container .bx-next {right: 50%; margin-right: -30.77%;} .get_started_container .get_started_slide {padding: 70px 0;} .get_started_container .start_item {position: relative; padding: 30px 35px; box-sizing: border-box; transition: 0.4s;} .get_started_container .start_box {padding: 118px 0 50px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; transition: 0.3s;} .get_started_container .start_box:before {content:""; position: absolute; left: 50%; top: 68px; margin: 0 0 0 -20px; width: 48px; height: 54px; background: url(/images/2x/logo_white.png) 0 0 no-repeat; background-size: 100% auto;} .get_started_container .start_title {font-size: 32px; line-height: 1.2; color: #FFF; margin: 0 0 35px; font-weight: 400; text-transform: uppercase; letter-spacing: 2px; transition: 0.3s;} .get_started_container .button {width: 255px; height: 63px; display:block; z-index: 992; transition: 0.3s;} .get_started_container .start_avatars {position: relative; margin: 0 0 36px; text-align: center; height: 90px;} .get_started_container .start_avatars img {height: 90px; position: relative; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%;} .get_started_container .start_avatars.avatars1 .avatar_item {box-shadow: 20px 20px 60px 2px rgba(0,0,0,0.16);} .get_started_container .start_avatars.avatars3 img {box-shadow: 0 20px 60px 2px rgba(0,0,0,0.12);} .get_started_container .start_avatars.avatars3 .avatar_item1 {left: 45px; z-index: 993;} .get_started_container .start_avatars.avatars3 .avatar_item2 {z-index: 992;} .get_started_container .start_avatars.avatars3 .avatar_item3 {right: 45px; z-index: 991;} .get_started_container .start_avatars.avatars2 img {box-shadow: 0 20px 60px 2px rgba(0,0,0,0.12);} .get_started_container .start_avatars.avatars2 .avatar_item1 {left: 23px; z-index: 992;} .get_started_container .start_avatars.avatars2 .avatar_item2 {right: 23px; z-index: 991;} .get_started_container .get_started_slide.active .start_item, .get_started_container .start_item:hover {z-index: 992; -moz-transform: scale(1.15); -o-transform: scale(1.15); -webkit-transform: scale(1.15); transform: scale(1.15);} .get_started_container .start_item.get_started_white .start_box:before {background: url(/images/2x/logo.png) 0 0 no-repeat; background-size: 100% auto;} .get_started_container .start_item.get_started_blue .start_box {box-shadow: 0 0 70px 10px rgba(4,156,194,0.4); background: #2cb5d6; background: -moz-linear-gradient(left, #2cb5d6 0%, #009ac0 100%); background: -webkit-linear-gradient(left, #2cb5d6 0%,#009ac0 100%); background: linear-gradient(to right, #2cb5d6 0%,#009ac0 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2cb5d6', endColorstr='#009ac0',GradientType=1 );} .get_started_container .start_item.get_started_red .start_box {box-shadow: 0 0 70px 10px rgba(244,113,32,0.5); background: #f6871f; background: -moz-linear-gradient(left, #f6871f 0%, #f15222 50%, #e72323 100%); background: -webkit-linear-gradient(left, #f6871f 0%,#f15222 50%,#e72323 100%); background: linear-gradient(to right, #f6871f 0%,#f15222 50%,#e72323 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6871f', endColorstr='#e72323',GradientType=1 );} .get_started_container .start_item.get_started_white .start_box {box-shadow: 0 0 70px 10px rgba(0,0,0,0.06);} .get_started_container .get_started_slide.active .start_item.get_started_blue .start_box {box-shadow: 0 0 40px 10px rgba(4,156,194,0.4);} .get_started_container .get_started_slide.active .start_item.get_started_red .start_box {box-shadow: 0 0 40px 10px rgba(244,113,32,0.5);} .get_started_container .get_started_slide.active .start_item.get_started_white .start_box {box-shadow: 0 0 40px 10px rgba(0,0,0,0.06);} .get_started_container .start_item.get_started_blue:hover .start_box {box-shadow: 0 0 40px 10px rgba(4,156,194,0.4);} .get_started_container .start_item.get_started_red:hover .start_box {box-shadow: 0 0 40px 10px rgba(244,113,32,0.5);} .get_started_container .start_item.get_started_white:hover .start_box {box-shadow: 0 0 40px 10px rgba(0,0,0,0.06);} .get_started_container .start_item.get_started_white .start_box .start_title {color: #0c0c0c;} /* STORIES */ .stories_container {z-index: 991;} .stories_container .stories_block {width: 1370px; padding: 70px 0 0 0;} .stories_container .block_title {margin: 0 0 40px;} .stories_container .block_subtitle {margin: 0 0 70px;} .stories_container .show_more_wrap {padding: 50px 0 0 0;} .story_row {position: relative; margin: 0 0 40px;} .story_row .ani_anchor {top: 50px;} .story_item {position: relative; float:left; width: 31.33%; margin: 0 3% 0 0;} .story_item .story_item_wrapper {position: relative;} .story_item .story_item_content {position: relative; z-index: 991; padding: 95px 50px 140px 50px; font-weight: 300; text-align: left;} .story_item .story_item_back {position: absolute; left: 0; top: 0; right: 0; bottom: 0; background-repeat: no-repeat; background-size: cover; background-position: 50% 50%; z-index: 990; border-radius: 4px;} .story_item .story_item_back:before {content:""; position: absolute; left: 0; top: 0; right: 0; bottom: 0; background: #000; opacity: 0.68; border-radius: 4px;} .story_item .story_item_logo {position: absolute; left: 50px; top: 30px; max-width: 140px; max-height: 48px; opacity: 0.56; z-index: 991;} .story_item .story_item_url {position: relative; display: block;} .story_item .story_item_url:after {content:""; position: absolute; right: -10px; top: -1px; width: 41px; height: 35px; background: url('/images/2x/arrow_white2.png') 0 0 no-repeat; background-size: 100% auto; z-index: 992;} .story_item .story_item_title {font-size: 39px; letter-spacing: 1px; padding: 0 30px 0 0; font-weight: 400; min-height: 78px; color: #FFF; line-height: 1.0; margin: 0 0 20px; z-index: 991; position: relative;} .story_item .story_item_text {color: #FFF; position: relative; font-size: 18px; line-height: 1.4; letter-spacing: 1px; z-index: 991;} .story_item .story_item_text strong {font-weight: 400;} .story_item.impact_list2_inside .story_item_fixer {height: 32px;} .story_item.impact_list3_inside .story_item_fixer {height: 95px;} .story_item .impact_list {position: absolute; left: 30px; right: 30px; bottom: 32px; height: 62px; z-index: 992;} .story_item .impact_list .impact_list_box {position: absolute; left: 0; right: 0; top: 0; background: #f6861f; background: -moz-linear-gradient(left, #f6861f 0%, #f6861f 10%, #e92823 100%); background: -webkit-linear-gradient(left, #f6861f 0%,#f6861f 10%,#e92823 100%); background: linear-gradient(to right, #f6861f 0%,#f6861f 10%,#e92823 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6861f', endColorstr='#e92823',GradientType=1 ); border-radius: 2px;} .story_item .impact_li {position: relative; padding: 0; box-sizing: border-box;} .story_item .impact_li:before {content:""; position: absolute; left: 0; bottom: 0; right: 0; height: 1px; background: #FFF; opacity: 0.2;} .story_item .impact_li:last-of-type:before {display: none;} .story_item .impact_li_flex {display: flex; flex-flow: row wrap; align-items: center; align-content: center; height: 62px;} .story_item .impact_li_digit {width: 46%; box-sizing: border-box; padding: 0 20px; color: #FFF; letter-spacing: 1px; font-size: 27px;} .story_item .impact_li_title {width: 54%; box-sizing: border-box; padding: 0 20px 1px 0; color: #FFF; letter-spacing: 1px; font-size: 14px; line-height: 1.3; font-weight: 500;} .story_item.obly_mob_item {display: none;} .story_item.item3, .story_item.item6, .story_item.item9, .story_item.item12, .story_item.item15, .story_item.item18, .story_item.item21, .story_item.item24, .story_item.item27, .story_item.item30 {margin-right: 0;} /* NEWS AND INSIGHTS - INCLUDED */ .news_insights_container {z-index: 991;} .news_insights_container .news_insights_block {width: 1370px; padding: 80px 0 0 0;} .news_insights_container .block_title {margin: 0 0 80px;} .news_insights_container .show_more_wrap {top: 15px; padding: 30px 0 0 0;} .news_insights_container .spacer {display: none;} .news_insights_container .items_row .spacer {display: block;} /* NEWS AND INSIGHTS - POST */ .news_ins_item {position: relative; float:left; margin: 0 3% 5% 0; width: 23.5%; display: flex; align-items: flex-start; align-content: flex-start; opacity: 0; box-shadow: 0 10px 100px -5px rgba(0,0,0,0.14); -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;} .news_ins_item .news_ins_item_box {position: relative; z-index: 1; height: 600px; overflow: hidden;} .news_ins_item .news_ins_item_box:before {content:""; position: absolute; left: 0; bottom: 0; right: 0; height: 100px; background: url('/images/white_gradient.png') 0 100% repeat-x; background-size: auto 100%; pointer-events: none; z-index: 9;} .news_ins_item .news_ins_hot {position: absolute; right: 12px; top: 15px; width: 50px; padding: 56px 0 12px; color: #FFF; font-size: 8px; text-transform: uppercase; letter-spacing: 3.5px; text-align: center; z-index: 992; background: #f6851f; background: -moz-linear-gradient(left, #f6851f 0%, #f6851f 20%, #e92823 80%, #e92823 100%); background: -webkit-linear-gradient(left, #f6851f 0%, #f6851f 20%, #e92823 80%, #e92823 100%); background: linear-gradient(to right, #f6851f 0%, #f6851f 20%, #e92823 80%, #e92823 100%); -webkit-font-smoothing: subpixel-antialiased; } .news_ins_item .news_ins_hot:before {content:""; position: absolute; left: 50%; top: 10px; margin: 0 0 0 -15px; width: 30px; height: 40px; background: url(/images/2x/logo_white.png) 0 0 no-repeat; background-size: 100% auto;} .news_ins_item .news_ins_imgbox {position: relative; padding: 0 0 82.628%; display: block; background-size: cover; background-position: 50% 50%; background-repeat: no-repeat; -webkit-border-radius: 3px 3px 0 0; -moz-border-radius: 3px 3px 0 0; border-radius: 3px 3px 0 0;} .news_ins_item .news_ins_category {position: absolute; z-index: 991; left: -7px; bottom: 14px; padding: 15px 32px 14px; color: #FFF; font-weight: 500; font-size: 9px; letter-spacing: 3px; color: #FFF; text-transform: uppercase; -webkit-font-smoothing: subpixel-antialiased;} .news_ins_item .news_ins_category:before {content:""; position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: 990; transform: skewX(-20deg); transition: 0.2s; background: #f6851f; background: -moz-linear-gradient(left, #f6851f 0%, #f6851f 20%, #e92823 80%, #e92823 100%); background: -webkit-linear-gradient(left, #f6851f 0%, #f6851f 20%, #e92823 80%, #e92823 100%); background: linear-gradient(to right, #f6851f 0%, #f6851f 20%, #e92823 80%, #e92823 100%);} .news_ins_item .news_ins_category span {position: relative; z-index: 991;} .news_ins_item .news_ins_content {position: relative; padding: 30px 0; margin: 0 30px; -webkit-border-radius: 0 0 3px 3px; -moz-border-radius: 0 0 3px 3px; border-radius: 0 0 3px 3px;} .news_ins_item .news_ins_title {font-size: 27px; line-height: 1.2; font-weight: 600; color: #2dc8e5; box-shadow: inset 0 -1px 0 0 #b9ecf5; display:inline; letter-spacing: 1px; transition: 0.2s;} .news_ins_item .news_ins_title:hover {box-shadow: none;} .news_ins_item .news_ins_text {position: relative; padding: 25px 0 0; font-size: 20px; line-height: 1.5; letter-spacing: 0.8px;} .news_ins_item .news_ins_date {position: relative; margin: 0 30px 30px; font-size: 13px; line-height: 1.4; letter-spacing: 0.5px; opacity: 0.5;} .news_ins_item .button_wrap {position: absolute; left: 30px; bottom: -25px; z-index: 2;} .news_ins_item .button {width: 180px; height: 50px;} .news_ins_item.item3 {margin-right: 0;} .rowed_items_row.by_2_1 .item1, .rowed_items_row.by_2_2 .item2 {width: 46.99%;} .rowed_items_row.by_2_1 .item1 .news_ins_imgbox, .rowed_items_row.by_2_2 .item2 .news_ins_imgbox {padding: 0 0 41.321%;} /* NEWS AND INSIGHTS - COMMON */ .news_categories {position: relative; background: #FFF; margin: 0 0 60px;} .news_categories:before {content:""; position: absolute; left: -20px; top: 0; bottom: 0; right: -20px; transform: skewX(-20deg); background: #FFF; box-shadow: 0 10px 70px -20px rgba(0,0,0,0.15); z-index: 990;} .news_categories .news_categories_title {position: absolute; left: 40px; top: 33px; font-size: 20px; z-index: 991; letter-spacing: 1px;} .news_categories .news_categories_out {position: relative; margin: 0 0 0 200px; padding: 25px 0 15px 40px; z-index: 991; border-left: 1px solid #e5e3e2;} .news_categories .news_category {position: relative; display: inline-block; vertical-align: top; height: 38px; background: transparent; border: 0; letter-spacing: 1px; padding: 0 24px; margin: 0 2px 10px 0; font-size: 13px; color: #cececd; text-transform: uppercase; transition: 0.2s;} .news_categories .news_category:before {content:""; position: absolute; left: 0; top: 0; right: 0; bottom: 0; opacity: 0; z-index: 990; transform: skewX(-15deg); transition: 0.2s; background: #f6851f; background: -moz-linear-gradient(left, #f6851f 0%, #f6851f 20%, #e92823 80%, #e92823 100%); background: -webkit-linear-gradient(left, #f6851f 0%, #f6851f 20%, #e92823 80%, #e92823 100%); background: linear-gradient(to right, #f6851f 0%, #f6851f 20%, #e92823 80%, #e92823 100%);} .news_categories .news_category span {position: relative; z-index: 991;} .news_categories .news_category:hover {color: #000; cursor: pointer;} .news_categories .news_category.active {color: #FFF;} .news_categories .news_category.active:before {opacity: 1;} .news_categories .news_category.active:hover {color: #FFF;} .news_categories_mob {display: none;} .news_breadcrumbs {letter-spacing: 1px; font-size: 18px; margin: 0 0 65px;} .news_breadcrumbs a {color: #1daccf; box-shadow: inset 0 -1px 0 0 #b9ecf5; display: inline-block; padding: 0 0 2px;} .news_breadcrumbs a:hover {box-shadow: none;} .news_breadcrumbs i {color: #999;} .news_breadcrumbs span {color: #999;} .news_title_subscribe {position: absolute; right: 0; top: 75px; width: 530px; z-index: 991;} .news_title_subscribe .field_wrap {float:left; margin: 0; width: 56%;} .news_title_subscribe .button_wrap {float:left; margin: 0; width: 44%;} .news_title_subscribe .form_field {-moz-border-radius: 4px 0 0 4px; -webkit-border-radius: 4px 0 0 4px; border-radius: 4px 0 0 4px;} .news_title_subscribe .form_field:hover, .news_title_subscribe .form_field:focus {-moz-transform: none; -o-transform: none; -webkit-transform: none; transform: none;} .news_title_subscribe .ajax-loader {bottom: 2px; left: 105%; margin: 0;} .news_title_subscribe .form_agreement {float:left; margin: 18px 0 0 0;} .news_title_subscribe .form_agreement input {top: -3px;} .news_title_subscribe .form_agreement:before {top: 2px;} .news_subscribe_box {float:left; position: relative; text-align: center; margin: 35px 0 75px; width: 100%;} .news_subscribe {position: relative; width: 1160px; margin: 0 auto; padding: 52px 0 50px; text-align: left;} .news_subscribe:before {content:""; position: absolute; left: -20px; top: 0; bottom: 0; right: -20px; transform: skewX(-20deg); background: #FFF; z-index: 990; box-shadow: 0 10px 70px -20px rgba(0,0,0,0.2);} .news_subscribe:after {content:""; position: absolute; left: -62px; top: 50%; margin-top: -86px; width: 154px; width: 154px; height: 172px; z-index: 991; background: url('/images/2x/logo_700.png') 0 0 no-repeat; background-size: 100% auto;} .news_subscribe .news_subscribe_title {position: relative; display: inline-block; text-align: left; font-size: 35px; margin: 0 0 0 140px; line-height: 1.3; letter-spacing: 3px; font-weight: 400; vertical-align: top; text-transform: uppercase; z-index: 991;} .news_subscribe .form_box {width: 530px; position: relative; float:right; margin: 11px 46px 0 0; z-index: 991;} .news_subscribe .field_wrap {float:left; margin: 0; width: 55%;} .news_subscribe .button_wrap {float:right; margin: 0; width: 45%;} .news_subscribe .form_field {-moz-border-radius: 4px 0 0 4px; -webkit-border-radius: 4px 0 0 4px; border-radius: 4px 0 0 4px;} .news_subscribe .form_field:hover, .news_subscribe .form_field:focus {-moz-transform: none; -o-transform: none; -webkit-transform: none; transform: none;} .news_subscribe .form_agreement {float:left;} .news_subscribe .ajax-loader {bottom: 2px; left: 105%; margin: 0;} .news_subscribe .form_agreement {float:left; margin: 18px 0 0 0;} .news_subscribe .form_agreement input {top: -3px;} .news_subscribe .form_agreement:before {top: 2px;} /* NEWS AND INSIGHTS - ARCHIVE */ .news_archive_container {position: relative;} .news_archive_container .news_archive_block {width: 1370px; padding: 45px 0 120px; text-align: left;} .news_archive_container .block_title {margin: 0 0 20px; text-align: left; font-weight: 400; font-size: 42px; position: relative; left: -3px; letter-spacing: 3px;} .news_archive_container .news_temp {display: none;} .news_archive_container .show_more_wrap {padding: 40px 0 1px;} .news_archive_container .items_row {display: flex; flex-flow: row wrap; justify-content: space-between; width: 100%;} /* NEWS AND INSIGHTS - SINGLE */ .news_title_container {position: relative;} .news_title_container .news_title_block {width: 1370px; padding: 45px 0 70px; text-align: left;} .news_title_container .block_title {margin: 0 0 20px; text-align: left; font-weight: 400; font-size: 42px; position: relative; left: -3px; letter-spacing: 3px;} .news_title_container .news_breadcrumbs {margin: 0 0 50px;} .news_top_container {height: 585px; background-size: cover; background-position: 50% 0; background-repeat: no-repeat; z-index: 992;} .news_top_container .news_top_block {width: 1370px;} .news_top_container .news_categories {width: 1370px; position: absolute; left: 50%; margin-left: -685px; top: -54px;} .news_top_container .news_category {text-transform: none; font-size: 17px; padding: 0 22px 1px;} .news_top_container .news_category:before {content:""; position: absolute; left: 0; top: 0; right: 0; bottom: 0; opacity: 0; transform: skewX(0deg); z-index: 990; transition: 0.2s; background: #2cb5d6; background: -moz-linear-gradient(left, #2cb5d6 0%, #009ac0 100%); background: -webkit-linear-gradient(left, #2cb5d6 0%,#009ac0 100%); background: linear-gradient(to right, #2cb5d6 0%,#009ac0 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2cb5d6', endColorstr='#009ac0',GradientType=1 ); -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;} .news_top_container .news_category.active {box-shadow: 5px 10px 40px 1px rgba(4,156,194,0.6);} .news_top_container .news_category.active:before {opacity: 1;} .news_top_container .pseudo_td {height: 585px;} .news_top_container .block_title {position: relative; font-size: 58px; margin: 0 0 25px; font-weight: 400; letter-spacing: 2px; text-transform: uppercase; text-align: left;} .news_top_container .block_title span {padding: 0 20px;} .news_top_container .block_title .sliding_line {-webkit-border-radius: 0 5px 5px 0; -moz-border-radius: 0 5px 5px 0; border-radius: 0 5px 5px 0;} .news_top_container .block_title .sliding_line1 {-webkit-border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0;} .news_top_container .block_title .sliding_line.last {-webkit-border-radius: 0 0 5px 5px; -moz-border-radius: 0 0 5px 5px; border-radius: 0 0 5px 5px;} .news_top_container .news_top_subtitle {position: relative;} .news_top_container .news_top_cat {display: inline-block; vertical-align: top; position: relative; font-size: 18px; color: #FFF; padding: 10px 24px 12px; letter-spacing: 0.5px; box-shadow: 5px 5px 30px 5px rgba(4,156,194,0.4); -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; background: #2cb5d6; background: -moz-linear-gradient(left, #2cb5d6 0%, #009ac0 100%); background: -webkit-linear-gradient(left, #2cb5d6 0%,#009ac0 100%); background: linear-gradient(to right, #2cb5d6 0%,#009ac0 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2cb5d6', endColorstr='#009ac0',GradientType=1 );} .news_top_container .news_top_readtime {display: inline-block; vertical-align: top; position: relative; left: -4px; top: 3px; background: #FFF; font-size: 17px; padding: 8px 20px 9px 38px; letter-spacing: 0.5px; -webkit-border-radius: 0 4px 4px 0; -moz-border-radius: 0 4px 4px 0; border-radius: 0 4px 4px 0; } .news_top_container .news_top_readtime:before {content:""; position: absolute; left: 16px; top: 50%; width: 12px; height: 12px; margin-top: -6px; opacity: 0.21; background: url('/images/time.svg') 0 0 no-repeat; background-size: 100% auto;} .news_top_container .news_audio_box {position: absolute; padding: 18px 0 30px 132px; width: 500px; height: 110px; left: 120px; bottom: -55px; background: #FFF; box-sizing: border-box;background: #FFF; box-shadow: 0 10px 70px -5px rgba(0,0,0,0.1); -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;} .news_top_container .news_audio_box .news_audio_icon {position: absolute; left: -30px; top: 50%; width: 132px; height: 132px; margin: -66px 0 0 0; background: #FFF; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; box-shadow: 10px 0 70px -5px rgba(0,0,0,0.1);} .news_top_container .news_audio_box .news_audio_icon:before {content: ""; position: absolute; left: 50%; top: 50%; width: 51px; height: 70px; margin: -28px 0 0 -25px; background: url(/images/2x/logo.png) 0 0 no-repeat; background-size: 100% auto;} .news_top_container .news_audio_box .news_audio_title {font-size: 16px; line-height: 1.4; letter-spacing: 1px; margin: 0 0 1px;} .news_top_container .news_audio_box .news_audio_title br {display: none;} .news_audio_player {position: relative; width: 326px; padding: 0 0 36px;} .news_audio_player .controls__current-time, .news_audio_player .controls__total-time {font-size: 11px; opacity: 0.45;} .news_audio_player .controls__current-time:after {content:" /";} .news_audio_player .volume {position: absolute; right: 0; bottom: 5px;} .news_audio_player .volume .volume__button {cursor: pointer; width: 18px; height: 18px; position: absolute; bottom: 0; right: 0;} .news_audio_player .volume .volume__button svg {width: 18px;} .news_audio_player .volume .volume__button path {fill: #d6d8d9;} .news_audio_player .volume .volume__button:hover {cursor: pointer;} .news_audio_player .volume .volume__button:hover path {fill: #afafaf;} .news_audio_player .volume .volume__controls {width: 16px; height: 100px; background-color: rgba(0, 0, 0, 0.62); border-radius: 4px; position: absolute; bottom: 22px; left: -16px; flex-direction: column;align-items: center; display: flex; z-index: 2;} .news_audio_player .volume .volume__controls.hidden {display: none;} .news_audio_player .volume .volume__controls .volume__slider {top: 0; bottom: 0; width: 14px; position: absolute; left: 1px; right: 1px;} .news_audio_player .volume .volume__controls .volume__slider .volume__progress {bottom: 0; height: 100%; left: 4px; width: 6px; position: absolute; background: #f47020;} .news_audio_player .volume .volume__controls .volume__slider .volume__progress .volume__pin {position: absolute; left: 50%; margin-left: -7px; top: -2px; width: 14px; height: 4px; background: #ef3f23; cursor: pointer; box-shadow: 0 0 10px 1px rgba(0,0,0,0.14);} .news_audio_player .controls {width: 100%;} .news_audio_player .controls .controls__slider {position: absolute; left: 36px; width: 260px; bottom: 0; height: 20px;} .news_audio_player .controls .controls__slider .controls__progress {width: 0; height: 100%;} .news_audio_player .controls .controls__slider .controls__progress .progress__pin {right: -6px; top: 0;} .news_audio_player .controls span {cursor: default;} .news_audio_player .play-pause-btn {position: absolute; left: 0; bottom: -3px; width: 26px; height: 26px; text-align: center; box-sizing: border-box; border: 1px solid #d6d8d9; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%;} .news_audio_player .play-pause-btn svg {width: 8px; position: relative; left: 1px;} .news_audio_player .play-pause-btn svg path {fill: #d6d8d9;} .news_audio_player .play-pause-btn.playing svg {width: 7px;} .news_audio_player .play-pause-btn:hover {cursor: pointer; border: 1px solid #afafaf;} .news_audio_player .play-pause-btn:hover svg path {fill: #afafaf;} .news_audio_player .controls__slider {background: url('/images/audio_back.svg') 0 0 no-repeat; background-size: 100% auto; cursor: pointer; position: relative;} .news_audio_player .controls__slider .gap-progress {height: 20px; position: absolute; pointer-events: none; overflow: hidden;} .news_audio_player .controls__slider .gap-progress:before {content:""; position: absolute; left: 0; top: 0; width: 260px; height: 100%; background: url('/images/audio_back_cover.svg') 0 0 no-repeat; background-size: 100% auto;} .news_audio_player .controls__slider .gap-progress .pin {height: 20px; width: 20px; background: transparent; position: absolute; pointer-events: all;} .news_content_container {min-height: 500px;} .news_content_container .news_content_block {padding: 98px 0 1px; box-sizing: border-box;} .news_content_container .share {margin-left: -800px; z-index: 996;} .news_content_container .post_meta_wrap {position: static;} .news_content_container .post_meta_wrap .spacer {display: none;} .news_content_container .post_meta {position: absolute; left: 50%; margin: 0 0 0 375px; width: 210px; z-index: 993;} .news_content_container .news_meta {position: absolute; width: 210px; left: 50%; margin: 0 0 0 375px; z-index: 993;} .news_content_container .news_meta.free {position: absolute; bottom: auto;} .news_content_container .news_meta.fixed {position: fixed;} .news_content_container .news_meta.stop {position: absolute; top: auto; bottom: auto;} .news_content_container .author_box {position: relative; padding: 52px 0 32px; text-align: center; letter-spacing: 0.5px; z-index: 992; background: #FFF; box-shadow: 0 10px 70px -5px rgba(0,0,0,0.1); -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;} .news_content_container .author_box_anchor {position: absolute; left: 0; bottom: 0; width: 1px; height: 1px;} .news_content_container .author_img {position: absolute; left: 50%; top: -35px; width: 70px; height: 70px; margin: 0 0 0 -35px; background-size: cover; background-position: 50% 50%; background-repeat: no-repeat; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%;} .news_content_container .author_name {font-size: 17px; margin: 0 0 9px;} .news_content_container .author_position {font-size: 13px; opacity: 0.5; margin: 0 0 19px;} .news_content_container .author_box a {position: relative; font-size: 14px; color: #18a9cc; border-bottom: 1px solid #c5e9f2; transition: 0.2s;} .news_content_container .author_box a:hover {border-bottom: 1px solid transparent;} .news_content_container .download_papers_box {position: relative; padding: 42px 0 0 0;} .news_content_container .download_papers_box:before {content:""; position: absolute; left: 50%; top: 0; margin: 0 0 0 -70px; width: 140px; height: 110px; z-index: 991; background: url('/images/2x/martech_book.jpg') 0 0 no-repeat; background-size: 100% auto;} .news_content_container .download_papers {position: relative; padding: 80px 16px 0; margin: 0; font-size: 20px; line-height: 1.3; text-align: center; letter-spacing: 0.5px; background: #FFF; box-shadow: 0 10px 70px -5px rgba(0,0,0,0.1); -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;} .news_content_container .download_papers .button {width: 100%; zoom: 80%; bottom: -29px; height: 58px; box-shadow: 0 10px 50px 1px rgba(244,113,32,0.5);} .news_content_container .keywords {position: relative; padding: 32px 16px 25px; margin: 58px 0 0 0; font-size: 20px; line-height: 1.3; text-align: center; letter-spacing: 0.5px; background: #FFF; box-shadow: 0 10px 70px -5px rgba(0,0,0,0.1); -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;} .news_content_container .keywords_mob {display: none;} .news_content_container .keywords ul {position: relative; padding: 17px 0 0 0;} .news_content_container .keywords li {position: relative; margin: 0 0 4px;} .news_content_container .keywords a {display: inline-block; vertical-align: top; line-height: 1.1; font-size: 18px; color: #18a9cc; border-bottom: 1px solid #c5e9f2; transition: 0.2s;} .news_content_container .keywords a:hover {border-bottom: 1px solid transparent;} .news_content_container .keywords_anchor {position: absolute; left: 0; bottom: 0; width: 1px; height: 1px;} .news_content_container .news_content_item {width: 1370px; position: relative; margin: 0 auto 20px; box-sizing: border-box; padding: 0 380px 0 65px; letter-spacing: 1px;} .news_content_container .news_content_item h2 {margin: 0 35px 35px 35px; padding: 15px 0 0 0; font-size: 48px; line-height: 1.3; font-weight: 600; text-transform: uppercase;} .news_content_container .news_content_item h3, .news_content_container .news_content_item h4, .news_content_container .news_content_item h5, .news_content_container .news_content_item h6 {margin: 0 35px 30px 35px; font-size: 31px; line-height: 1.25; font-weight: 300;} .news_content_container .news_content_item a {color: #17a8cb; box-shadow: inset 0 -1px 0 0 #17a8cb; transition: 0.2s;} .news_content_container .news_content_item a:hover {box-shadow: none;} .news_content_container .news_content_item p {margin: 0 35px 25px; padding: 0; font-size: 23px; line-height: 1.4; font-weight: 300;} .news_content_container .news_content_item p.img_parent, .news_content_container .news_content_item p.iframe_parent {margin: 0; padding: 30px 35px 65px;} .news_content_container .news_content_item p.img_parent.align_left {float:left; padding-top: 0; padding-bottom: 30px;} .news_content_container .news_content_item p.img_parent.align_right {float:right; padding-top: 0; padding-bottom: 30px;} .news_content_container .news_content_item a.align_left {float:left; margin: 0 35px 35px 0;} .news_content_container .news_content_item a.align_right {float:right; margin: 0 0 35px 35px;} .news_content_container .news_content_item strong {font-weight: 400;} .news_content_container .news_content_item img {display: block; max-width: 100%; height: auto; width: auto; margin: 0;} .news_content_container .news_content_item blockquote {position: relative; margin: 0 35px; padding: 50px 74px 75px; font-size: 30px; line-height: 1.25;} .news_content_container .news_content_item blockquote p {font-size: 30px; line-height: 1.25; margin: 0; padding: 0;} .news_content_container .news_content_item blockquote:before {content:""; position: absolute; left: 5px; top: 56px; width: 28px; height: 28px; background: url('/images/2x/quotes_4.png') 0 0 no-repeat; background-size: 100% auto;} .news_content_container .news_content_item blockquote:after {content:""; position: absolute; right: 5px; bottom: 65px; width: 28px; height: 28px; transform: rotate(180deg); background: url('/images/2x/quotes_4.png') 0 0 no-repeat; background-size: 100% auto;} .news_content_container .news_content_item ul {position: relative; margin: 0 35px 25px; padding: 0 0 0 20px;} .news_content_container .news_content_item li {position: relative; padding: 0 0 0 22px; margin: 0 0 10px; font-size: 23px; line-height: 1.4; font-weight: 100;} .news_content_container .news_content_item li:before {content:""; position: absolute; left: 0; top: 11px; width: 6px; height: 6px; background: #e23214; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%;} .news_content_container .news_content_item .w300 {max-width: 300px;} .news_quote_wrap {padding: 30px 0 90px;} .news_quote_wrap .quotes_slide .quotes_slide_box {width: 1540px; padding: 0 340px 0 0; box-sizing: border-box; margin: 0 auto;} .news_quote_wrap .quotes_author_box {text-align: left; padding: 0; margin: 0 0 0 430px;} .news_schedule_wrap .scheduleperson_container {top: 20px;} .news_schedule_wrap .scheduleperson_container .scheduleperson_block {padding: 100px 0 0 0;} .news_schedule_wrap .scheduleperson_container .scheduleform_box {left: 40px;} .news_schedule_wrap .scheduleperson_container .scheduleform_man {left: 480px;} .news_papers_wrap {padding: 60px 0;} .news_related_wrap .news_subscribe_box {float:none; margin: 35px 0 25px;} .news_related_wrap .news_insights_container .news_insights_block {padding: 30px 0 0 0;} .news_related_wrap .show_more {margin: 0 0 120px;} .news_subscribe_box.no_related {float:none; margin: 35px 0 120px;} /* FOLLOW */ .follow_container {margin: 0 0 160px; padding: 50px 0 0 0;} .follow_container .follow_block {width: 1040px; padding: 60px 0 92px; background: #FFF; box-shadow: 0 20px 100px -5px rgba(0,0,0,0.18); -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;} .follow_container .follow_block:before {content: ""; position: absolute; left: 50%; top: -84px; width: 106px; padding: 0 0 120%; margin: 0 0 0 -40px; background: url(/images/2x/logo.png) 0 0 no-repeat; background-size: 100% auto;} .follow_container .block_title {margin: 0;} .follow_container .follow_links {position: absolute; left: 0; right: 0; bottom: -55px; text-align: center;} .follow_container .follow_links a {display: inline-block; width: 110px; height: 110px; margin: 0 8px; vertical-align: top; position: relative; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%;} .follow_container .follow_links svg {position: absolute; fill: #FFF; left: 50%; top: 50%;} .follow_container .follow_links a.fb {background: #4565b6; box-shadow: 0 0 30px 1px rgba(69,101,182,0.4);} .follow_container .follow_links a.fb svg {width: 28px; margin: -14px 0 0 -14px;} .follow_container .follow_links a.tw {background: #1da1f2; box-shadow: 0 0 30px 1px rgba(29,161,242,0.4);} .follow_container .follow_links a.tw svg {width: 36px; margin: -16px 0 0 -17px;} .follow_container .follow_links a.in {background: #1883b9; box-shadow: 0 0 30px 1px rgba(24,131,185,0.4);} .follow_container .follow_links a.in svg {width: 26px; margin: -16px 0 0 -12px;} /* PAGETOP */ .top_container {z-index: 991;} .top_container .top_block:before {content:""; position: absolute; left: 0; top: 0; right: 0; height: 100%; z-index: 990; background-position: 50% 0; background-repeat: no-repeat; background-size: cover;} .top_container .top_content {position: relative; width: 1370px; margin: 0 auto; box-sizing: border-box; text-align: center; z-index: 991;} .top_container .pseudo_td {height: 540px;} .top_container.get_started .pseudo_td {height: 260px; padding: 60px 0 0 0;} .top_container .block_title {padding: 0 0 30px; margin: 0;} .top_container .block_subtitle {padding: 0; margin: 0;} .top_container .button_wrap {margin: 0; padding: 42px 0 0 0;} .top_container .top_button {width: 308px; height: 63px; padding-left: 70px;} .top_container .top_button:after {content:""; position: absolute; left: 10px; bottom: 0; width: 80px; height: 90px; background: url('/images/2x/button_man.png') 0 100% no-repeat; background-size: 100% auto;} /* PAGETOP v2 */ .top_v2_container {z-index: 993;} .top_v2_container .top_v2_block {padding: 0 0 65px; z-index: 992;} .top_v2_container .top_v2_backleft {position: absolute; left: 0; top: 0; opacity: 1; bottom: 0; width: 57%; background-image: url('/images/2x/industries_topback.jpg'); background-position: 0 0; background-repeat: no-repeat; background-size: cover; z-index: 990; transition: 0.5s;} .top_v2_container .top_v2_backgradient {position: absolute; right: -200px; width: 50.5%; padding: 0 200px 0 0; bottom: 0; top: 0; transform: skewX(-18deg); z-index: 991; background: #f47420; background: -moz-linear-gradient(left, #f47420 0%, #e92823 62%, #e92823 100%); background: -webkit-linear-gradient(left, #f47420 0%,#e92823 62%,#e92823 100%); background: linear-gradient(to right, #f47420 0%,#e92823 62%,#e92823 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f47420', endColorstr='#e92823',GradientType=1 );} .top_v2_container .top_v2_topbox {position: absolute; left: 50%; width: 1370px; top: 56px; margin-left: -685px; z-index: 992;} .top_v2_container .top_v2_backleft_mob {display: none;} .top_v2_container .top_v2_title {position: relative; margin-left: 50px; font-size: 50px; color: #000; font-weight: 400; letter-spacing: 2px; text-transform: uppercase;} .top_v2_container .top_v2_imgbox {height: 550px; position: relative; overflow: hidden; top: 1px;} .top_v2_container .top_v2_imgbox .top_v2_img {bottom: -514px; height: 514px; position: absolute; left: 50%; background-position: 0 100%; background-repeat: no-repeat; background-size: 100% auto;} .top_v2_container .top_v2_imgbox .top_v2_img1 {z-index: 994;} .top_v2_container .top_v2_imgbox .top_v2_img2 {z-index: 993;} .top_v2_container .top_v2_imgbox .top_v2_img3 {z-index: 992;} .top_v2_container .top_v2_imgbox.show .top_v2_img1 {animation: pagetopv2 0.6s ease-in-out 0s forwards;} .top_v2_container .top_v2_imgbox.show .top_v2_img2 {animation: pagetopv2 0.6s ease-in-out 0.2s forwards;} .top_v2_container .top_v2_imgbox.show .top_v2_img3 {animation: pagetopv2 0.6s ease-in-out 0.3s forwards;} .top_v2_container .top_v2_imgbox.show .top_v2_img4 {animation: pagetopv2 0.6s ease-in-out 0.4s forwards;} .top_v2_container .top_v2_imgbox.show .top_v2_img5 {animation: pagetopv2 0.6s ease-in-out 0.5s forwards;} .top_v2_container .top_v2_imgbox .pic_img img, .top_v2_container .top_v2_imgbox .pic_img source {object-fit: contain; object-position: 50% 100%;} .top_v2_container .top_v2_description {position: absolute; right: 0; top: 0; width: 42%; font-size: 23px; color: #FFF; line-height: 1.3; letter-spacing: 1px; font-weight: 300; text-align: right;} .top_v2_container .top_v2_description strong {font-weight: 400;} .top_v2_container .button_wrap {position: absolute; left: 0; right: 0; text-align: center; bottom: -33px; z-index: 992;} .top_v2_container .button {height: 63px; padding-left: 120px; padding-right: 50px; font-size: 18px;} .top_v2_container .button:after {content:""; position: absolute; left: 10px; bottom: 0; width: 80px; height: 90px; background: url('/images/2x/button_man.png') 0 100% no-repeat; background-size: 100% auto;} body.ver2 .top_v2_container {} body.ver2 .top_v2_container .top_v2_block {height: 37vw; padding: 0;} body.ver2 .top_v2_container .top_v2_backleft {position: absolute; left: 0; top: 0; opacity: 1; bottom: 0; width: 57%; background: transparent; z-index: 990; transition: 0.5s;} body.ver2 .top_v2_container .top_v2_backgradient {position: absolute; width: 51%; right: -8vw; padding: 0 8vw 0 0; bottom: 0; top: 0; transform: skewX(-18deg); z-index: 991; background: #f47420; background: -moz-linear-gradient(left, #f47420 0%, #e92823 62%, #e92823 100%); background: -webkit-linear-gradient(left, #f47420 0%,#e92823 62%,#e92823 100%); background: linear-gradient(to right, #f47420 0%,#e92823 62%,#e92823 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f47420', endColorstr='#e92823',GradientType=1 );} body.ver2 .top_v2_container .top_v2_topbox {position: absolute; left: 50%; width: 71.354vw; top: 2.917vw; margin-left: -35.677vw; z-index: 992;} body.ver2 .top_v2_container .top_v2_backleft_mob {display: none;} body.ver2 .top_v2_container .top_v2_title {position: relative; margin-left: 2.604vw; font-size: 2.604vw; color: #000; font-weight: 400; letter-spacing: 2px; text-transform: uppercase;} body.ver2 .top_v2_container .top_v2_imgbox {height: 26vw; position: relative; overflow: hidden; top: 0;} body.ver2 .top_v2_container .top_v2_imgbox .top_v2_img {bottom: -26.771vw; height: 26.771vw; position: absolute; left: 50%; background-position: 0 100%; background-repeat: no-repeat; background-size: 100% auto;} body.ver2 .top_v2_container .top_v2_imgbox .top_v2_img1 {z-index: 994;} body.ver2 .top_v2_container .top_v2_imgbox .top_v2_img2 {z-index: 993;} body.ver2 .top_v2_container .top_v2_imgbox .top_v2_img3 {z-index: 992;} body.ver2 .top_v2_container .top_v2_imgbox.show .top_v2_img1 {animation: pagetopv2 0.6s ease-in-out 0s forwards;} body.ver2 .top_v2_container .top_v2_imgbox.show .top_v2_img2 {animation: pagetopv2 0.6s ease-in-out 0.2s forwards;} body.ver2 .top_v2_container .top_v2_imgbox.show .top_v2_img3 {animation: pagetopv2 0.6s ease-in-out 0.3s forwards;} body.ver2 .top_v2_container .top_v2_imgbox.show .top_v2_img4 {animation: pagetopv2 0.6s ease-in-out 0.4s forwards;} body.ver2 .top_v2_container .top_v2_imgbox.show .top_v2_img5 {animation: pagetopv2 0.6s ease-in-out 0.5s forwards;} body.ver2 .top_v2_container .top_v2_imgbox .pic_img img, body.ver2 .top_v2_container .top_v2_imgbox .pic_img source {object-fit: contain; object-position: 50% 100%;} body.ver2 .top_v2_container .top_v2_description {position: absolute; right: 0; top: 0; width: 42%; font-size: 1.198vw; color: #FFF; line-height: 1.3; letter-spacing: 0.052vw; font-weight: 300; text-align: right;} body.ver2 .top_v2_container .top_v2_description strong {font-weight: 400;} body.ver2 .top_v2_container .button_wrap {position: absolute; left: 0; right: 0; text-align: center; bottom: -1.719vw; z-index: 992;} body.ver2 .top_v2_container .button {height: 3.438vw; padding-left: 5.208vw; padding-right: 2.604vw; font-size: 0.885vw;} body.ver2 .top_v2_container .button:after {content:""; position: absolute; left: 0.521vw; bottom: 0; width: 4.167vw; height: 4.688vw; background: url('/images/2x/button_man.png') 0 100% no-repeat; background-size: 100% auto;} /* VIRTUAL */ .virtual_container {margin: 0 0 136px;} .virtual_container .virtual_block {width: 1240px; height: 915px; box-sizing: border-box; padding: 80px 0 0 0; border-radius: 6px; background-size: cover; background-repeat: no-repeat; background-position: 50% 50%;} .virtual_container .block_title {color: #FFF; margin: 0 0 30px;} .virtual_container .block_subtitle {margin: 0 0 80px;} .virtual_container .button_wrap {position: absolute; left: 0; right: 0; bottom: -33px; z-index: 996;} .virtual_container .button {width: 270px;} .virtual_container .virtual_imgbox_icon {position: absolute; left: 50%; top: 360px; width: 350px; padding: 0 0 120%; margin: 0 0 0 -165px; animation: teamlogofloating 3s ease-in-out infinite; background: url('/images/2x/logo_700.png') 0 0 no-repeat; background-size: 100% auto;} .virtual_container .virtual_imgbox {height: 514px; position: absolute; overflow: hidden; left: 0; right: 0; bottom: 0;} .virtual_container .virtual_img {bottom: -514px; height: 514px; position: absolute; left: 50%; background-size: 100% auto; margin-top: 1px; background-repeat: no-repeat;} .virtual_container .virtual_img1 {width: 510px; margin-left: -255px; background-image: url('/images/2x/team_top/topteam1img_png.png'); z-index: 992; background-position: 0 100%;} .virtual_container .virtual_img2 {width: 460px; margin-left: -675px; background-image: url('/images/2x/team_top/topteam32img_png.png'); z-index: 990; background-position: 0 80px;} .virtual_container .virtual_img3 {width: 520px; margin-left: -475px; background-image: url('/images/2x/team_top/topteam3img_png.png'); z-index: 991; background-position: 0 40px;} .virtual_container .virtual_img4 {width: 500px; margin-left: -25px; background-image: url('/images/2x/team_top/topteam4img_png.png'); z-index: 991; background-position: 0 40px;} .virtual_container .virtual_img5 {width: 460px; margin-left: 190px; background-image: url('/images/2x/team_top/topteam7img_png.png'); z-index: 990; background-position: 0 60px;} .virtual_container .virtual_img1.show {animation: pagetopv2 0.6s ease-in-out 0s forwards;} .virtual_container .virtual_img2.show {animation: pagetopv2 0.6s ease-in-out 0.2s forwards;} .virtual_container .virtual_img3.show {animation: pagetopv2 0.6s ease-in-out 0.3s forwards;} .virtual_container .virtual_img4.show {animation: pagetopv2 0.6s ease-in-out 0.4s forwards;} .virtual_container .virtual_img5.show {animation: pagetopv2 0.6s ease-in-out 0.5s forwards;} /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - PAGE TEMPLATES - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ /* PARTNERS */ .partners_out_container .partners_out_block {box-sizing: border-box; padding: 90px 0; text-align: center;} .partners_out_container .block_title {margin: 0 0 30px;} .partners_out_container .block_subtitle {margin: 0 0 50px;} .partners_out_container .partners_categories {width: 1370px; margin: 0 auto 70px; padding: 38px 140px 26px; box-sizing: border-box; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;} .partners_out_container .partners_categories .partners_cat_in {display: inline-block; vertical-align: top; font-size: 18px; padding: 11px 24px 0; margin: 0 0 12px; box-sizing: border-box; height: 42px; background: transparent; border: 0; color: #FFF; letter-spacing: 1px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; transition: 0.2s;} .partners_out_container .partners_categories .partners_cat_in:hover {cursor: pointer;} .partners_out_container .partners_categories .partners_cat_in.active {background: #FFF; color: #039ac0; padding: 11px 26px 0;} .partners_out_container .partners_categories .partners_cat_in.active:hover {cursor: default;} .partners_out_container .quotes_slide .quotes_slide_box {padding-top: 120px; padding-bottom: 120px;} .partners_out_container .partners_temp {display: none;} .partners_out_container .partners_out {margin: 0 0 60px;} .partners_out_container .show_more_wrap {padding: 50px 0 0 0;} .partners_out_container .rowed_items_row {position: relative; width: 1370px; margin: 0 auto;} .partners_out_container .rowed_items_row .ani_anchor {top: -100px;} .partners_out_container .partner_item {position: relative; float:left; width: 22.875%; margin: 0 2.83333% 2.5% 0; box-sizing: border-box; background: #FFF; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; box-shadow: 0 20px 60px 10px rgba(0,0,0,0.09); transition: 0.2s;} .partners_out_container .partner_item:hover {z-index: 994;} .partners_out_container .partner_item.item4 {margin-right: 0;} .partners_out_container .partner_item .partner_item_box {position: absolute; left: 0; top: 0; right: 0; bottom: 0;} .partners_out_container .partner_item img {max-width: 95%; max-height: 85%;} /* MISSION */ .mission_container {z-index: 992;} .mission_container .mission_block {width: 1370px; box-sizing: border-box; padding: 60px 0 60px;} .mission_container .mission_top_box {position: relative; top: -60px; padding: 65px 230px 40px; margin: 0 0 50px; box-sizing: border-box; background: #FFF; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; box-shadow: 0 25px 100px -2px rgba(0,0,0,0.13);} .mission_container .mission_top_box p {font-size: 21px; letter-spacing: 1px; line-height: 1.4; padding: 0; margin: 0 0 26px; font-weight: 300; text-align: left;} .mission_container .mission_top_box p strong {font-weight: 400;} .mission_container .mission_top_box .first_letter_item {float:left; font-weight: 700; font-size: 56px; margin: 0 10px 1px 0; position: relative; top: -1px;} .mission_container .mission_top_box .first_letter_hidden {display: none;} .mission_container .largequote {margin-bottom: 90px;} .mission_container .block_title {margin: 0 0 30px;} .mission_container .block_subtitle {margin: 0 0 190px;} .mission_container .mission_item {position: relative; padding: 0;} .mission_container .mission_item .mission_box {position: relative; padding: 200px 0 130px; color: #FFF; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;} .mission_container .mission_item .mission_content {position: relative; z-index: 991; margin: 0 20px 0 80px; padding: 0 130px;} .mission_container .mission_item h2 {font-size: 44px; line-height: 1.15; letter-spacing: 3px; font-weight: 300; text-transform: uppercase; margin: 0 0 30px; position: relative;} .mission_container .mission_item h2:before {content:""; position: absolute; left: -130px; top: 4px; width: 82px; height: 90px; background: url(/images/2x/logo_white.png) 0 0 no-repeat; background-size: 100% auto;} .mission_container .mission_item h2 strong {color: #FFF; font-weight: 600;} .mission_container .mission_item h2.show strong {font-weight: 600; animation: mission_title 0.7s ease-in-out forwards; position: relative; display: inline-block;} .mission_container .mission_item .mission_text {font-size: 22px; line-height: 1.4; margin: 0 0 75px; font-weight: 300; letter-spacing: 1px;} .mission_container .mission_item .mission_text strong {font-weight: 400; color: #FFF;} .mission_container .mission_item .mission_text p {margin: 0 0 30px;} .mission_container .mission_item .plus_4 {position: absolute; left: 0; top: -192px; right: 0; height: 450px; background: url(/images/2x/plus_4.png) 50% 0 no-repeat; background-size: 450px auto; z-index: 990;} .mission_container .mission_item .plus_4_index {position: absolute; left: 50%; width: 100px; text-align: center; margin: 0 0 0 -50px; top: 34.6%; font-size: 66px; font-weight: 400; color: #0ba3ca;} .mission_container .mission_item.red .mission_box {box-shadow: 0 0 100px 12px rgba(244,113,32,0.4); background: #f5821f; background: -moz-linear-gradient(left, #f5821f 0%, #ed2424 100%); background: -webkit-linear-gradient(left, #f5821f 0%, #ed2424 100%); background: linear-gradient(to right, #f5821f 0%, #ed2424 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f47420', endColorstr='#e92823',GradientType=1 );} .mission_container .mission_item.blue .mission_box {box-shadow: 0 0 100px 12px rgba(4,156,194,0.4); background: #2cb4d6; background: -moz-linear-gradient(left, #2cb4d6 0%, #009ac0 100%); background: -webkit-linear-gradient(left, #2cb4d6 0%, #009ac0 100%); background: linear-gradient(to right, #2cb4d6 0%, #009ac0 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f47420', endColorstr='#e92823',GradientType=1 );} .mission_container .mission_item.white .mission_box {color: #000;} .mission_container .mission_item.white h2:before {background-image: url(/images/2x/logo.png);} .mission_container .mission_item.white h2 strong {color: #f25c21;} .mission_container .mission_item.white .mission_text strong {color: #f25c21;} .mission_container .mission_item.last .mission_box {padding-bottom: 0;} /* AWARDS */ body.awards .cta_small_container {margin: 0 0 120px;} .awards_container .awards_block {width: 1370px; padding: 100px 60px 90px 0; right: -30px; text-align: center; overflow: hidden;} .awards_container .awards_more {position: relative; display: inline-block; font-size: 30px; color: #f05222; padding: 0 42px 0 0; letter-spacing: 5px; text-transform: uppercase;} .awards_container .awards_more .more_icon {position: absolute; right: 0; top: 50%; margin-top: -15px;} .awards_container .awards_more .more_icon svg {fill: #f1622f; width: 21px;} .awards_container .awards_more span {position: relative;} .awards_container .awards_more span:before {content:""; position: absolute; left: 0; width: 100%; bottom: -3px; height: 1px; background: #fac9bc; transition: 0.2s;} .awards_container .awards_more:hover {cursor: pointer;} .awards_container .awards_more:hover span:before {width: 0%;} .awards_container .award_item {position: relative; margin: 0 0 100px; text-align: left;} .awards_container .award_item .award_imgbox {position: absolute; width: 38.687%; left: 0; top: 0; bottom: 0; z-index: 990;} .awards_container .award_item .award_imgbox .award_logo {position: absolute; left: 0; width: 100%; bottom: 0;} .awards_container .award_item .award_imgbox .award_logo_bottom {z-index: 993;} .awards_container .award_item .award_imgbox .award_logo_top {z-index: 992;} .awards_container .award_item .award_imgbox .award_logo_mob {display: none; z-index: 993;} .awards_container .award_item .award_imgbox .award_imgbox_over {position: absolute; left: 0; top: 0; right: 0; bottom: 0; overflow: hidden;} .awards_container .award_item .award_imgbox .award_img {position: absolute; left: 0; top: 0; right:0; bottom: 0; background-size: cover; z-index: 990;} .awards_container .award_item .award_imgbox:after {content:""; position: absolute; left: 0; top: 0; right: 0; bottom: 0; background: #000; opacity: 0.69; z-index: 991;} .awards_container .award_item .award_imgbox .award_img, .awards_container .award_item .award_imgbox:after {-webkit-clip-path: polygon(0% 0%, 100% 0%, 80% 100%, 0% 100%); clip-path: polygon(0% 0%, 100% 0%, 80% 100%, 0% 100%);} .awards_container .award_item .award_content {position: relative; transform: translateX(-100%);} .awards_container .award_item .award_top {position: relative; height: 150px; padding-top: 20px; padding-left: 10px; margin: 0 0 0 590px; font-size: 32px; line-height: 1.25; letter-spacing: 2px; box-sizing: border-box;} .awards_container .award_item .award_top img {max-width: 200px; max-height: 82px; margin: 0 25px 0 0; display: inline-block; vertical-align: middle;} .awards_container .award_item .award_top span {display: inline-block; vertical-align: middle;} .awards_container .award_item .award_middle {position: relative; background: #FFF; padding: 50px 20px 30px 550px; box-shadow: 0 20px 80px 10px rgba(0,0,0,0.09); -webkit-border-radius: 0 3px 3px 0; -moz-border-radius: 0 3px 3px 0; border-radius: 0 3px 3px 0;} .awards_container .award_item .award_minitem {float:left; width: 30%; margin: 0 1.5% 25px; box-sizing: border-box; position: relative; text-align: center;} .awards_container .award_item .award_minitem .award_label {width: 168px; margin: 0 auto 25px; position: relative; background: url('/images/2x/award_label.jpg') 0 0 no-repeat; background-size: cover; text-align: center;} .awards_container .award_item .award_minitem .award_label:after {content:""; position: absolute; left:50%; bottom: -14px; margin-left: -9px; opacity: 0.44; width: 22px; height: 28px; z-index: 991; background: url(/images/2x/logo_greyscale.png) 0 0 no-repeat; background-size: 100% auto;} .awards_container .award_item .award_minitem .award_label .pseudo_td {height: 70px; padding: 0 0 10px; text-transform: uppercase; color: #ae8f60; font-size: 11px; line-height: 1.4; letter-spacing: 2px;} .awards_container .award_item .award_minitem .award_title {position: relative; font-size: 15px; line-height: 1.4; letter-spacing: 0.5px;} .awards_container .award_item .award_minitem .award_title strong {color: #ae8f60;} .awards_container .award_item .award_bottom {position: relative; margin: 0 0 0 30.9%; text-align: center;} .awards_container .award_item .award_bottom .pseudo_td {height: 115px; padding: 10px 0 0 0;} .awards_container .award_item .awards_minimore {position: relative; display: inline-block; font-size: 24px; color: #f05222; padding: 0 42px 0 0; letter-spacing: 5px; text-transform: uppercase;} .awards_container .award_item .awards_minimore .more_icon {position: absolute; right: 0; top: 50%; margin-top: -10px;} .awards_container .award_item .awards_minimore .more_icon svg {fill: #f1622f; width: 21px;} .awards_container .award_item .awards_minimore span {position: relative;} .awards_container .award_item .awards_minimore span:before {content:""; position: absolute; left: 0; width: 100%; bottom: -3px; height: 1px; background: #fac9bc; transition: 0.2s;} .awards_container .award_item .awards_minimore:hover {cursor: pointer;} .awards_container .award_item .awards_minimore:hover span:before {width: 0%;} .awards_container .award_item .award_middle.single_mini {padding-left: 595px;} .awards_container .award_item .award_middle.single_mini .award_minitem {float:none; text-align: left; width: auto; margin: 0 0 25px; padding: 0 0 0 200px;} .awards_container .award_item .award_middle.single_mini .award_minitem .award_label {position: absolute; left: 0; top: 0;} .awards_container .award_item .award_middle.single_mini .award_minitem .award_title {max-width: 420px;} .awards_container .award_item .award_middle.single_mini .award_minitem .award_title .pseudo_td {height: 80px;} .awards_container .award_item.award_item_large .award_top {padding-left: 30px;} .awards_container .award_item.award_item_large .award_imgbox {width: 41.606%;} .awards_container .award_item.award_item_large .award_imgbox .award_logo_bottom {width: 90%;} .awards_container .award_item.award_item_large .award_imgbox .award_logo_top {width: 90%; top: -70px; bottom: auto;} .awards_container .award_item.award_item_large .award_imgbox .award_img, .awards_container .award_item.award_item_large .award_imgbox:after {-webkit-clip-path: polygon(0% 0%, 100% 0%, 73% 100%, 0% 100%); clip-path: polygon(0% 0%, 100% 0%, 73% 100%, 0% 100%);} .awards_container .award_item.award_item_large .award_middle {position: relative; background: #FFF; padding-top: 45px; padding-bottom: 15px;} .awards_container .award_item.award_item_large .award_bottom {margin: 0 0 0 30.37%;} .awards_container .award_item.award_item_large .award_bottom .pseudo_td {height: 90px;} .awards_container .award_item.show .award_content {animation: award_item 0.8s ease-in-out forwards;} /* WHAT WE DO */ .top_v2_container.what_we_do .top_v2_img1 {width: 914px; margin-left: -557px;} .top_v2_container.what_we_do .top_v2_backleft {background-image: url('/images/2x/industries_topback.jpg'); filter: grayscale(100%);} .wedoplug_container {position: relative;} .wedoplug_container .wedoplug_block {width: 1400px; padding: 110px 0 260px;} .wedoplug_container .block_title {margin: 0 0 25px;} .wedoplug_container .block_subtitle {margin: 0 0 80px;} .wedoplug_container .wedoplug_content {position: relative;} .wedoplug_container .wedoplug_content:before {content:""; position: absolute; left: 50%; top: -40px; width: 150px; padding: 0 0 120%; margin: 0 0 0 -62px; background: url('/images/2x/logo.png') 0 0 no-repeat; background-size: 100% auto;} .wedoplug_container .wedoplug_col {z-index: 990;} .wedoplug_container .wedoplug_col .button {margin: 0 0 12px; width: 100%; font-size: 16px; letter-spacing: 0.8px; text-transform: uppercase; box-shadow: 0 0 50px 5px rgba(4,156,194,0.25); -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; background: #38bddd; background: -moz-linear-gradient(left, #38bddd 0%, #38bddd 25%, #12a4c8 62%, #12a4c8 100%); background: -webkit-linear-gradient(left, #38bddd 0%, #38bddd 25%, #12a4c8 62%, #12a4c8 100%); background: linear-gradient(to right, #38bddd 0%, #38bddd 25%, #12a4c8 62%,#12a4c8 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#38bddd', endColorstr='#12a4c8',GradientType=1 );} .wedoplug_container .wedoplug_left {float:left; position: relative; width: 290px; margin: 0 0 0 100px;} .wedoplug_container .wedoplug_left .button.center_item {left: -100px;} .wedoplug_container .wedoplug_left .button.moved_item1 {left: -68px;} .wedoplug_container .wedoplug_left .button.moved_item2 {left: -35px;} .wedoplug_container .wedoplug_right {float:right; position: relative; width: 290px; margin: 0 100px 0 0;} .wedoplug_container .wedoplug_right .button.center_item {right: -100px;} .wedoplug_container .wedoplug_right .button.moved_item1 {right: -68px;} .wedoplug_container .wedoplug_right .button.moved_item2 {right: -35px;} .wedoplug_container .wedoplug_col_arrow {position: absolute; top: 50px; bottom: 56px; width: 3px; background: #23b8dd;} .wedoplug_container .wedoplug_col_arrow_top {top: -16px; width: 16px; height: 16px; position: absolute; overflow: hidden;} .wedoplug_container .wedoplug_col_arrow_top:before {content:""; position: absolute; top: 0; width: 30px; height: 30px; border: 3px solid #23b8dd; } .wedoplug_container .wedoplug_col_arrow_bottom {bottom: -16px; width: 16px; height: 16px; position: absolute; overflow: hidden;} .wedoplug_container .wedoplug_col_arrow_bottom:before {content:""; position: absolute; bottom: 0; width: 30px; height: 30px; border: 3px solid #23b8dd;} .wedoplug_container .wedoplug_col_arrow:before {top: 50%; margin-top: -14px; content: ""; position: absolute; border-style: solid; border-color: transparent #23b8dd; z-index: 991; width: 0;} .wedoplug_container .wedoplug_col_arrow:after {top: 50%; margin-top: -11px; content: ""; position: absolute; border-style: solid; border-color: transparent #FFF; z-index: 992; width: 0;} .wedoplug_container .wedoplug_left .wedoplug_col_arrow {right: -28px;} .wedoplug_container .wedoplug_left .wedoplug_col_arrow_top {right: 0;} .wedoplug_container .wedoplug_left .wedoplug_col_arrow_top:before {right: 0; -moz-border-radius: 0 16px 0 0; -webkit-border-radius: 0 16px 0 0; border-radius: 0 16px 0 0;} .wedoplug_container .wedoplug_left .wedoplug_col_arrow_bottom {right: 0;} .wedoplug_container .wedoplug_left .wedoplug_col_arrow_bottom:before {right: 0; -moz-border-radius: 0 0 16px 0; -webkit-border-radius: 0 0 16px 0; border-radius: 0 0 16px 0;} .wedoplug_container .wedoplug_left .wedoplug_col_arrow:before {left: 0; border-width: 18px 0 18px 18px;} .wedoplug_container .wedoplug_left .wedoplug_col_arrow:after {left: -1px; border-width: 15px 0 15px 15px;} .wedoplug_container .wedoplug_right .wedoplug_col_arrow {left: -28px;} .wedoplug_container .wedoplug_right .wedoplug_col_arrow_top {left: 0;} .wedoplug_container .wedoplug_right .wedoplug_col_arrow_top:before {left: 0; -moz-border-radius: 16px 0 0 0; -webkit-border-radius: 16px 0 0 0; border-radius: 16px 0 0 0;} .wedoplug_container .wedoplug_right .wedoplug_col_arrow_bottom {left: 0;} .wedoplug_container .wedoplug_right .wedoplug_col_arrow_bottom:before {left: 0; -moz-border-radius: 0 0 0 16px; -webkit-border-radius: 0 0 0 16px; border-radius: 0 0 0 16px;} .wedoplug_container .wedoplug_right .wedoplug_col_arrow:before {right: 0; border-width: 18px 18px 18px 0;} .wedoplug_container .wedoplug_right .wedoplug_col_arrow:after {right: -1px; border-width: 15px 15px 15px 0;} .wedoplug_container .wedoplug_box {width: 236px; height: 236px; box-sizing: border-box; position: absolute; left: 50%; top: 50%; margin: -118px 0 0 -118px;} .wedoplug_container .wedoplug_box .ani_anchor {top: -100px;} .wedoplug_container .arrow {position: absolute; top: 50%; margin-top: -27px; width: 36px; height: 54px; z-index: 992;} .wedoplug_container .arrow:before, .wedoplug_container .arrow:after {content:""; position: absolute; left: 0; height: 3px; background: #23b8dd; width: 106%; border-radius: 4px;} .wedoplug_container .arrow_left {left: 20px;} .wedoplug_container .arrow_left:before {transform: rotate(45deg); top: 25%;} .wedoplug_container .arrow_left:after {transform: rotate(-45deg); top: 74%;} .wedoplug_container .arrow_right {right: 20px;} .wedoplug_container .arrow_right:before {transform: rotate(-45deg); top: 25%;} .wedoplug_container .arrow_right:after {transform: rotate(45deg); top: 74%;} .wedoplug_container .round_item {position: absolute; left: 0; top: 0; right: 0; bottom: 0; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; box-shadow: 18px 26px 32px 1px rgba(0,0,0,0.064);} .wedoplug_container .round_item1.pulse {animation: 0.8s wedoplug_box ease infinite alternate;} .wedoplug_container .round_item2 .arrow {margin-top: -27px; width: 36px; height: 54px;} .wedoplug_container .round_item3 .arrow {margin-top: -21px; width: 28px; height: 42px;} .wedoplug_container .round_item3 .arrow:before, .wedoplug_container .round_item3 .arrow:after {background: #7fd7eb;} .wedoplug_container .round_item3 .arrow_left {left: 21px;} .wedoplug_container .round_item3 .arrow_right {right: 21px;} .wedoplug_container .round_item5 .arrow {margin-top: -9px; width: 13px; height: 18px;} .wedoplug_container .round_item5 .arrow:before, .wedoplug_container .round_item5 .arrow:after {background: #bfecf7;} .wedoplug_container .round_item5 .arrow_left {left: 27px;} .wedoplug_container .round_item5 .arrow_right {right: 27px;} .wedoplug_container .round_item_title {position: absolute; left: 0; right: 0; text-align: center; font-size: 22px; opacity: 0; letter-spacing: 1px;} .wedoplug_container .round_item_title.top {top: 18px;} .wedoplug_container .round_item_title.bottom {bottom: 22px;} .wedoplug_container .round_item1 {z-index: 799; left: 0; top: 0; right: 0; bottom: 0; box-shadow: none; background: #f47420; box-shadow: 0 0 70px 5px rgba(244,113,32,0.5); background: -moz-linear-gradient(left, #f47420 0%, #f47420 40%, #e92823 80%, #e92823 100%); background: -webkit-linear-gradient(left, #f47420 0%, #f47420 40%, #e92823 80%, #e92823 100%); background: linear-gradient(to right, #f47420 0%, #f47420 40%, #e92823 80%, #e92823 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f47420', endColorstr='#e92823',GradientType=1 );} .wedoplug_container .round_item1:before, .wedoplug_container .round_item1:after {position: absolute; left: 0; right: 0; font-size: 20px; letter-spacing: 1.5px; color: #FFF; text-align: center;} .wedoplug_container .round_item1:before {content:"Target"; top: 34px;} .wedoplug_container .round_item1:after {content:"Market"; bottom: 30px;} .wedoplug_container .round_item1 .avatars {position: absolute; left: -10%; width: 120%; top: 74px; text-align: center;} .wedoplug_container .round_item1 .avatars img {height: 90px; position: relative; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%;} .wedoplug_container .round_item1 .avatars1 .item {box-shadow: 20px 20px 60px 2px rgba(0,0,0,0.16);} .wedoplug_container .round_item1 .avatars3 img {box-shadow: 0 20px 60px 2px rgba(0,0,0,0.12);} .wedoplug_container .round_item1 .avatars3 .item1 {left: 45px; z-index: 993;} .wedoplug_container .round_item1 .avatars3 .item2 {z-index: 992;} .wedoplug_container .round_item1 .avatars3 .item3 {right: 45px; z-index: 991;} .wedoplug_container .round_item1 .avatars2 img {box-shadow: 0 20px 60px 2px rgba(0,0,0,0.12);} .wedoplug_container .round_item1 .avatars2 .item1 {left: 23px; z-index: 992;} .wedoplug_container .round_item1 .avatars2 .item2 {right: 23px; z-index: 991;} .wedoplug_container .round_item2 {z-index: 798;} .wedoplug_container .round_item3 {z-index: 797;} .wedoplug_container .round_item4 {z-index: 796;} .wedoplug_container .round_item5 {z-index: 795;} .wedoplug_container .round_item6 {z-index: 794;} .wedoplug_container .round_item7 {z-index: 793;} .wedoplug_container .round_item2.show {animation: round_item2 0.5s ease-in-out 0s forwards;} .wedoplug_container .round_item3.show {animation: round_item3 0.6s ease-in-out 0.4s forwards;} .wedoplug_container .round_item4.show {animation: round_item4 0.7s ease-in-out 0.8s forwards;} .wedoplug_container .round_item5.show {animation: round_item5 0.8s ease-in-out 1.2s forwards;} .wedoplug_container .round_item6.show {animation: round_item6 0.9s ease-in-out 1.65s forwards;} .wedoplug_container .round_item7.show {animation: round_item7 1.0s ease-in-out 2.15s forwards;} .wedoplug_container .round_item2.show .round_item_title {animation: round_item_title 0.5s ease-in-out 0s forwards;} .wedoplug_container .round_item3.show .round_item_title {animation: round_item_title 0.6s ease-in-out 0.4s forwards;} .wedoplug_container .round_item4.show .round_item_title {animation: round_item_title 0.7s ease-in-out 0.8s forwards;} .wedoplug_container .round_item5.show .round_item_title {animation: round_item_title 0.8s ease-in-out 1.2s forwards;} .wedoplug_container .round_item6.show .round_item_title {animation: round_item_title 0.9s ease-in-out 1.65s forwards;} .wedoplug_container .round_item7.show .round_item_title {animation: round_item_title 1.0s ease-in-out 2.15s forwards;} .wedoblock {padding: 120px 0 0; z-index: 992; position: relative;} .wedoblock .wedoblock_plus {position: absolute; top: -150px; width: 350px; height: 350px; background: url(/images/2x/plus_4.png) 50% 0 no-repeat; background-size: 100% auto; z-index: 990;} .wedoblock .block_title {margin: 0 0 25px; z-index: 991;} .wedoblock .block_subtitle {margin: 0 0 80px;} .wedoblock .wedo_content_item {position: relative; z-index: 990;} .wedoblock .wedo_content_wrap {position: relative; width: 1370px; margin: 0 auto; box-sizing: border-box; z-index: 991;} .wedoblock .wedo_content {position: relative;} .wedoblock.plus_left .wedoblock_plus {left: 50%; margin: 0 0 0 -835px;} .wedoblock.plus_right .wedoblock_plus {right: 50%; margin: 0 -835px 0 0;} .wedoblock .wedobox {position: relative; box-sizing: border-box; min-height: 500px;} .wedoblock .wedobox:before {content:""; position: absolute; left: -66px; top: 26px; width: 36px; height: 39px; z-index: 991; background: url(/images/2x/logo.png) 0 0 no-repeat; background-size: 100% auto;} .wedoblock .wedobox .wedobox_title {font-size: 44px; letter-spacing: 2px; line-height: 1.25; margin: 0 0 35px; text-transform: uppercase; font-weight: 400; position: relative; left: -2px;} .wedoblock .wedobox .wedobox_title strong {color: #15a7ca; font-weight: 300;} .wedoblock .wedobox .wedobox_description {font-size: 21px; line-height: 1.4; margin: 0 0 60px; letter-spacing: 1.5px; font-weight: 300;} .wedoblock .wedobox .wedobox_description strong {font-weight: 400;} .wedoblock .wedobox .button {min-width: 275px; padding-left: 24px; padding-right: 24px;} .wedoblock1 .wedo_content {padding: 0 0 42px 55%;} .wedoblock1 .wedoblock_img {position: absolute; left: 50%; bottom: 0; width: 770px; margin-left: -955px;} .wedoblock1 .wedobox {width: 560px;} .wedoblock2 .wedo_content {padding: 0 0 100px;} .wedoblock2 .wedo_content_item:after {content:""; position: absolute; right: -200px; width: 34%; padding: 0 200px 0 0; bottom: 0; top: 0; transform: skewX(-18deg); z-index: 990; background: #f47420; background: -moz-linear-gradient(left, #f47420 0%, #f47420 25%, #e92823 62%, #e92823 100%); background: -webkit-linear-gradient(left, #f47420 0%, #f47420 25%, #e92823 62%,#e92823 100%); background: linear-gradient(to right, #f47420 0%, #f47420 25%, #e92823 62%,#e92823 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f47420', endColorstr='#e92823',GradientType=1 );} .wedoblock2 .wedobox {width: 400px; margin-left: 80px; min-height: 560px;} .wedoblock2 .wedoblock2_img {position: absolute;} .wedoblock2 .wedoblock2_img div {position: absolute; left: 0; top: 0; right: 0; bottom: 0; background-size: 100% auto; background-repeat: no-repeat; background-position: 0 0;} .wedoblock2 .wedoblock2_video {right: 200px; bottom: 170px; width: 698px; height: 438px; z-index: 992; box-shadow: 35px 40px 80px 10px rgba(0,0,0,0.5);} .wedoblock2 .wedoblock2_phone {right: 0; bottom: -152px; width: 344px; height: 505px; z-index: 993;} .wedoblock2 .wedoblock2_logo {right: 420px; bottom: 32px; width: 171px; height: 108px; z-index: 994;} .wedoblock3 .block_subtitle {padding: 0 0 10px;} .wedoblock3 .wedo_content_item:after {content:""; position: absolute; left: -200px; width: 42%; padding: 0 200px 0 0; bottom: 0; top: 10px; transform: skewX(-18deg); z-index: 990; background: #f47420; background: -moz-linear-gradient(left, #f47420 0%, #f47420 30%, #e92823 100%); background: -webkit-linear-gradient(left, #f47420 0%, #f47420 30%, #e92823 100%); background: linear-gradient(to right, #f47420 0%, #f47420 30%, #e92823 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f47420', endColorstr='#e92823',GradientType=1 );} .wedoblock3 .wedo_content {padding: 0 0 65px 55%;} .wedoblock3 .wedoblock_img {position: absolute; left: 50%; bottom: 70px; width: 750px; margin-left: -955px; z-index: 992;} .wedoblock3 .wedobox {width: 510px;} .wedoblock4 {padding: 120px 0 0;} .wedoblock4 .wedo_content_wrap {width: auto;} .wedoblock4 .teampersons {top: -15px;} .wedoblock4 .teampersons .teampersons_images:before {height: 220px;} .wedoblock4 .teampersons .teampersons_labels {top: -25px;} .wedoblock4 .teampersons .teamperson1 {margin-left: -645px;} .wedoblock4 .teampersons .teamperson2 {margin-left: -495px;} .wedoblock4 .teampersons .teamperson3 {margin-left: -340px;} .wedoblock4 .teampersons .teamperson5 {margin-right: -350px;} .wedoblock4 .teampersons .teamperson6 {margin-right: -510px;} .wedoblock4 .teampersons .teamperson7 {margin-right: -680px;} .wedoblock4 .button {width: 320px; max-width: none; padding-left: 15px; padding-right: 0;} .wedoblock5 .block_subtitle {z-index: 994;} .wedoblock5 .wedo_content {padding: 0 0 165px;} .wedoblock5 .wedobox {width: 460px; margin-left: 80px;} .wedoblock5 .wedoblock_img {position: absolute; right: 50%; top: -90px; width: 894px; margin-right: -960px; z-index: 992;} .wedoblock6 .block_title br {display: none;} .wedoblock6 .wedo_content {padding: 35px 0 42px 0;} .wedoblock6 .wedobox {width: 550px; margin-left: 80px; min-height: 470px;} .wedoblock6 .wedoblock_imgs {overflow: hidden; height: 615px; position: absolute; right: 0; bottom: 0; width: 100%;} .wedoblock6 .wedoblock6img {position: absolute;} .wedoblock6 .wedoblock6img div {position: absolute; left: 0; top: 0; right: 0; bottom: 0; background-size: 100% auto; background-repeat: no-repeat; background-position: 0 0;} .wedoblock6 .wedoblock6img1 {right: 360px; bottom: 0; width: 411px; height: 615px; z-index: 991;} .wedoblock6 .wedoblock6img2 {right: 20px; bottom: -15px; width: 671px; height: 615px; z-index: 990;} .wedoblock6 .wedoblock6img3 {right: 0; bottom: -10px; width: 392px; height: 615px; z-index: 991;} .wedoblock7 {} .wedoblock7 .block_subtitle {padding: 0 0 15px;} .wedoblock7 .wedo_content {padding: 0 0 0 55%;} .wedoblock7 .wedobox {width: 550px;} .wedoblock7 .diagram_box {left: -40px; height: 1200px;} .wedoblock8 {} .wedoblock8 .block_subtitle {padding: 0 0 40px;} .wedoblock8 .wedo_content {padding: 0 0 130px;} .wedoblock8 .wedobox {width: 460px; margin-left: 80px;} .wedoblock8 .gadgets_box .ani_anchor {top: 340px;} /* CONTACT */ .contact_top_container {z-index: 991; min-height: 540px;} .contact_top_container .contact_top_block {width: 1154px; box-sizing: border-box; padding: 0; text-align: center;} .contact_top_container .block_title {position: absolute; left: 0; top: 110px; right: 0; z-index: 992;} .contact_top_container .contact_top_map {width: 100%; position: relative; opacity: 0.12; z-index: 990;} .contact_top_container .city {position: absolute; z-index: 991;} .contact_top_container .city .marker {position: relative; width: 60px; height: 66px; overflow: hidden; background: url(/images/2x/contact_marker.png) 0 0 no-repeat; background-size: 100% 100%;} .contact_top_container .city span {position: absolute; left: 51px; top: 27px; font-size: 15px; letter-spacing: 0.5px; white-space: nowrap;} .contact_top_container .city.city_lefted span {left: auto; right: 51px;} .contact_forms_container {} .contact_forms_container .contact_forms_block {width: 1246px; padding: 0;} .contact_forms_container .contact_forms_box {position: relative; top: -222px; float:left; width: 432px; padding: 96px 56px 42px; margin: 0 auto; text-align: center; box-sizing: border-box; z-index: 991; background: #FFF; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; box-shadow: 0 30px 120px 15px rgba(0,0,0,0.1);} .contact_forms_container .contact_forms_box:before {content:""; position: absolute; left: 50%; top: -78px; width: 126px; padding: 0 0 120%; margin: 0 0 0 -44px; animation: teamlogofloating 3s ease-in-out infinite; background: url('/images/2x/logo.png') 0 0 no-repeat; background-size: 100% auto;} .contact_forms_container .contact_forms_box .contact_forms_title {font-weight: 600; font-size: 32px; line-height: 1.1; letter-spacing: 2px; margin: 0 0 30px;} .contact_forms_container .contact_forms_box .button {font-size: 0;} .contact_forms_container .contact_forms_box .button:after {content:"Let’s Get Started"; font-size: 17px; letter-spacing: 1.5px; color: #FFF;} .contact_forms_container .contact_right_box {float:right; top: -86px; position: relative; width: 646px;} .contact_forms_container .contacts {position: relative; background: #FFF; margin: 0 0 45px; box-shadow: 0 30px 100px 10px rgba(0,0,0,0.08); border-radius: 4px;} .contact_forms_container .contacts .contacts_wrap {position: relative; padding: 34px 20px 34px 130px;} .contact_forms_container .contacts .contacts_icon {position: absolute;} .contact_forms_container .contacts .contacts_icon svg {fill: #ed4d24;} .contact_forms_container .contacts .contacts_label {font-size: 22px; line-height: 1.0; letter-spacing: 1.5px; color: #989898; margin: 0 0 16px; position: relative; left: 1px;} .contact_forms_container .contacts .contacts_wrap a {font-size: 34px; letter-spacing: 2px; font-weight: 700; color: #0b0b0b; text-transform: uppercase;} .contact_forms_container .contacts_wrap_phone {border-bottom: 1px solid #e5e5e5;} .contact_forms_container .contacts_wrap_phone .contacts_icon {width: 36px; left: 48px; top: 53px;} .contact_forms_container .contacts_wrap_mail .contacts_icon {width: 36px; left: 48px; top: 58px;} .contact_forms_container .contacts_wrap_address {border: 0; border-radius: 4px; box-shadow: 0 -5px 100px 10px rgba(4,156,194,0.4);} .contact_forms_container .contacts_wrap_address .contacts_icon {left: 48px; top: 50px; width: 36px; height: 39px; z-index: 991; background: url(/images/2x/logo.png) 0 0 no-repeat; background-size: 100% auto;} .contact_forms_container .contacts_wrap_address .contacts_label {color: #FFF; font-size: 25px; line-height: 1.3; margin: 0; padding: 4px 0;} .contact_forms_container .contacts_wrap_address .contacts_label strong {font-weight: 700;} .contact_team_container {top: -140px; z-index: 991; text-align: center;} .contact_team_container .contact_team_block {padding: 0;} .contact_team_container .block_title {margin: 0 0 18px;} .contact_team_container .block_subtitle {margin: 0 0 65px; z-index: 991;} .contact_team_container .teampersons .teampersons_labels {left: 10px; top: -29px;} .contact_team_container .teampersons .teamperson1 {margin-left: -690px;} .contact_team_container .teampersons .teamperson2 {margin-left: -500px;} .contact_team_container .teampersons .teamperson3 {margin-left: -340px;} .contact_team_container .teampersons .teamperson5 {margin-right: -355px;} .contact_team_container .teampersons .teamperson6 {margin-right: -530px;} .contact_team_container .teampersons .teamperson7 {margin-right: -705px;} .contact_team_container .teampersons .teamperson_label {margin: 0 14px 10px;} .contact_team_container .button {width: 282px; max-width: none; padding-left: 15px; padding-right: 0;} .contact_cards_container {top: -40px;} .contact_cards_container .contact_cards_back {position: absolute; left: 0; right: 0; top: -425px; height: 1580px; z-index: 990; background-position: 50% 0; background-repeat: no-repeat; background-size: 1600px auto;} .contact_cards_container .contact_cards_block {width: 1260px; padding: 0; z-index: 991;} .contact_cards_container .block_title {margin: 0 0 25px; z-index: 991;} .contact_cards_container .block_subtitle {margin: 0 0 85px; z-index: 991;} .contact_cards_container .contact_cards_out {position: relative;} .contact_cards_container .card_item_row {position: relative;} .contact_cards_container .card_item_row .ani_anchor {top: -100px;} .contact_cards_container .contact_card {float:left; position: relative; width: 30.84%; margin: 0 3.74% 3.74% 0; background: #FFF; border-radius: 4px; box-shadow: 0 20px 90px 5px rgba(0,0,0,0.15);} .contact_cards_container .contact_card.item3 {margin-right: 0;} .contact_cards_container .contact_card .contact_card_content {position: relative; padding: 0 0 100%;} .contact_cards_container .contact_card .contact_card_content:before {content:""; position: absolute; left: 40px; top: 42px; width: 32px; height: 40px; z-index: 991; background: url(/images/2x/logo.png) 0 0 no-repeat; background-size: 100% auto;} .contact_cards_container .contact_card .contact_card_city {position: absolute; left: 40px; top: 140px; right: 40px; font-size: 34px; line-height: 1.3; font-weight: 700; letter-spacing: 2px; text-transform: uppercase;} .contact_cards_container .contact_card .contact_card_mail {position: absolute; left: 0; bottom: 0; right: 0; padding: 22px 30px 22px 72px; border-radius: 4px; box-shadow: 0 -5px 100px 10px rgba(4,156,194,0.4);} .contact_cards_container .contact_card .contact_card_mail:before {content:"Contact us"; position: relative; display: block; font-size: 16px; letter-spacing: 1px; color: #FFF; margin: 0 0 9px; opacity: 0.56;} .contact_cards_container .contact_card .contact_card_mail a {color: #FFF; font-weight: 700; letter-spacing: 1px; text-transform: uppercase; font-size: 19px;} .contact_cards_container .contact_card .contact_card_icon {position: absolute; left: 28px; top: 31px; opacity: 0.4;} .contact_cards_container .contact_card .contact_card_icon svg {fill: #FFF; width: 24px;} /* GET STARTED PAGE */ .getstarted_container {z-index: 992; top: -60px;} .getstarted_container .getstarted_block {width: 910px; margin: 0 auto 100px;} .getstartedlist_item {display: block; text-align: left; transition: 0.4s;} .getstartedlist_item .getstartedlist_item_box {position: relative; color: #FFF; padding: 26px 350px 25px 120px; margin: 0 0 18px; border-radius: 3px; box-shadow: 0 0 80px 10px rgba(4,156,194,0.4); transition: 0.4s;} .getstartedlist_item .getstartedlist_item_box:before {content:""; position: absolute; left: 46px; top: 50%; margin-top: -20px; width: 34px; height: 40px; z-index: 991; background: url(/images/2x/logo.png) 0 0 no-repeat; background-size: 100% auto;} .getstartedlist_item:hover {-webkit-transform: scale(1.02); transform: scale(1.02);} .getstartedlist_item:hover .getstartedlist_item_box:before {background-image: url(/images/2x/logo_white.png);} .getstartedlist_item:hover .getstartedlist_item_box {background: #f47420; background: -moz-linear-gradient(left, #f47420 0%, #e92823 62%, #e92823 100%); background: -webkit-linear-gradient(left, #f47420 0%,#e92823 62%,#e92823 100%); background: linear-gradient(to right, #f47420 0%,#e92823 62%,#e92823 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f47420', endColorstr='#e92823',GradientType=1 );} .getstartedlist_item .getstartedlist_item_title {font-size: 31px; text-transform: uppercase; letter-spacing: 2px; line-height: 1.15; font-weight: 600;} .getstartedlist_item .getstartedlist_avatars {width: 420px; position: absolute; right: -2px; top: 50%; margin-top: -40px; text-align: center;} .getstartedlist_item .getstartedlist_avatars img {height: 80px; position: relative; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%;} .getstartedlist_item .avatars1 .avatar_item {box-shadow: 20px 20px 60px 2px rgba(0,0,0,0.16);} .getstartedlist_item .avatars2 img {box-shadow: 0 20px 60px 2px rgba(0,0,0,0.12);} .getstartedlist_item .avatars2 .avatar_item1 {left: 21px; z-index: 992;} .getstartedlist_item .avatars2 .avatar_item2 {right: 21px; z-index: 991;} .getstartedlist_item .avatars3 img {box-shadow: 0 20px 60px 2px rgba(0,0,0,0.12);} .getstartedlist_item .avatars3 .avatar_item1 {left: 40px; z-index: 993;} .getstartedlist_item .avatars3 .avatar_item2 {z-index: 992;} .getstartedlist_item .avatars3 .avatar_item3 {right: 40px; z-index: 991;} .getstartedlist_item .avatars4 img {box-shadow: 0 20px 60px 2px rgba(0,0,0,0.12);} .getstartedlist_item .avatars4 .avatar_item1 {left: 40px; z-index: 994; margin-left: 40px;} .getstartedlist_item .avatars4 .avatar_item2 {z-index: 993;} .getstartedlist_item .avatars4 .avatar_item3 {right: 40px; z-index: 992;} .getstartedlist_item .avatars4 .avatar_item4 {right: 80px; z-index: 991;} .getstartedlist_item .avatars5 img {box-shadow: 0 20px 60px 2px rgba(0,0,0,0.12);} .getstartedlist_item .avatars5 .avatar_item1 {left: 80px; z-index: 995;} .getstartedlist_item .avatars5 .avatar_item2 {left: 40px; z-index: 994;} .getstartedlist_item .avatars5 .avatar_item3 {z-index: 993;} .getstartedlist_item .avatars5 .avatar_item4 {right: 40px; z-index: 992;} .getstartedlist_item .avatars5 .avatar_item5 {right: 80px; z-index: 991;} .getstartedlist_item .getstartedlist_arrow {position: absolute; top: 50%; right: 35px; margin-top: -11px; width: 17px; height: 22px; z-index: 992;} .getstartedlist_item .getstartedlist_arrow:before, .getstartedlist_item .getstartedlist_arrow:after {content:""; position: absolute; left: 0; height: 3px; background: #FFF; width: 106%; border-radius: 4px;} .getstartedlist_item .getstartedlist_arrow:before {transform: rotate(45deg); top: 25%;} .getstartedlist_item .getstartedlist_arrow:after {transform: rotate(-45deg); top: 74%;} /* INDUSTRIES - ARCHIVE */ .top_v2_container.industries .top_v2_img2 {width: 395px; margin-left: -535px;} .top_v2_container.industries .top_v2_img3 {width: 476px; margin-left: 70px;} .top_v2_container.industries .top_v2_img1 {width: 625px; margin-left: -292px;} .top_v2_container.industries .sliding_line1.sliding_line_blue_large i {width: 1100px;} .ind_items_container {z-index: 992;} .ind_items_container .ind_items_block {width: 1370px; padding: 130px 0 30px;} .ind_items_container .ind_items_block2 {padding-bottom: 0;} .ind_items_container .block_title {margin: 0 0 30px;} .ind_items_container .block_subtitle {margin: 0 0 85px;} .ind_items_container .show_more_wrap {top: 20px;} .industry_item {position: relative; margin: 0 0 90px; background: #FFF; box-shadow: 0 25px 110px -10px rgba(0,0,0,0.14); border-radius: 3px;} .industry_item:before {content:""; position: absolute; top: 20px; width: 28px; height: 40px; z-index: 991; background: url(/images/2x/logo.png) 0 0 no-repeat; background-size: 100% auto;} .industry_item .industry_item_img {position: absolute; top: 0; bottom: 0; width: 50%; z-index: 990; background-size: cover; background-repeat: no-repeat; background-position: 50% 50%;} .industry_item .industry_item_content {position: relative; text-align: left; width: 50%; min-height: 480px; z-index: 990; box-sizing: border-box;} .industry_item .industry_item_title {font-size: 50px; line-height: 1.0; letter-spacing: 2px; text-transform: uppercase; margin: 0 0 32px; font-weight: 400; position: relative; left: -2px;} .industry_item .industry_item_description {position: relative; font-size: 20px; line-height: 1.3; font-weight: 300; margin: 0 0 40px;} .industry_item .industry_item_results {position: relative;} .industry_item .industry_item_result {position: relative; display: inline-block; vertical-align: top; margin: 0 45px 0 0; line-height: 1.35;} .industry_item .industry_item_result_title {font-size: 45px; color: #00bada; letter-spacing: 0.6px;} .industry_item .industry_item_result_subtitle {font-size: 16px; line-height: 1.3; letter-spacing: 1.5px;} .industry_item .industry_item_results_label {position: relative; top: 20px; display: inline-block; vertical-align: top; width: 200px; box-sizing: border-box; font-size: 17px; line-height: 1.4; letter-spacing: 1px; text-transform: uppercase;} .industry_item .industry_item_results_label:before {content:""; position: absolute; top: -4px; width: 44px; height: 52px; z-index: 991; background: url(/images/2x/logo.png) 0 0 no-repeat; background-size: 100% auto;} .industry_item .industry_item_results_label span {color: #f35921; display: block; white-space: nowrap;} .industry_item .button_wrap {position: absolute; left: 0; right: 0; bottom: -33px; z-index: 991; text-align: center;} .industry_item .button {width: 308px; height: 63px;} .industry_item.even:before {left: 25px;} .industry_item.even .industry_item_img {right: 0; -webkit-clip-path: polygon(22% 0%, 100% 0%, 100% 100%, 0% 100%, 0% 100%); clip-path: polygon(22% 0%, 100% 0%, 100% 100%, 0% 100%, 0% 100%); -moz-border-radius: 0 3px 3px 0; -webkit-border-radius: 0 3px 3px 0; border-radius: 0 3px 3px 0;} .industry_item.even .industry_item_content {float:left; padding: 66px 20px 70px 78px;} .industry_item.even .industry_item_results_label {padding: 0 0 0 61px;} .industry_item.even .industry_item_results_label:before {left: 0;} .industry_item.odd:before {right: 25px;} .industry_item.odd .industry_item_img {left: 0; -webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%, 0% 100%); clip-path: polygon(0% 0%, 78% 0%, 100% 100%, 0% 100%, 0% 100%); -moz-border-radius: 3px 0 0 3px; -webkit-border-radius: 3px 0 0 3px; border-radius: 3px 0 0 3px;} .industry_item.odd .industry_item_content {float:right; padding: 66px 78px 70px 20px; text-align: right;} .industry_item.odd .industry_item_results_label {padding: 0 61px 0 0;} .industry_item.odd .industry_item_results_label:before {right: 0;} /* INDUSTRIES - SINGLE */ .industry_top_container {min-height: 1080px; z-index: 992;} .industry_top_container .diagram_box {top: -50px;} .industry_top_container .industry_top_block {padding: 160px 0 0;} .industry_top_container .industry_left {position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 992;} .industry_top_container .industry_left .industry_img {position: absolute; left: 0; right: 0; background-size: auto 100%; background-position: 0 0; background-repeat: no-repeat;} .industry_top_container .industry_left.venture .industry_img {height: 970px; top: 370px;} .industry_top_container .industry_left.software .industry_img {height: 920px; top: 200px;} .industry_top_container .industry_left.digital .industry_img {height: 1000px; top: 66px; z-index: 993;} .industry_top_container .industry_left.consumer .industry_img {height: 766px; top: 300px;} .industry_top_container .industry_left.healthcare .industry_img {height: 618px; top: 370px;} .industry_top_container .industry_left.private .industry_img {height: 994px; top: 160px;} .industry_top_container .industry_top_title {position: absolute; left: 50%; margin-left: -540px; width: 1080px; color: #FFF; top: -80px; text-align: center; z-index: 991; box-shadow: 0 0 80px 10px rgba(4,156,194,0.4); font-size: 50px; line-height: 1.1; text-transform: uppercase; letter-spacing: 2.5px; font-weight: 400; padding: 55px 0 50px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;} .industry_top_container .block_title {margin: 0 0 90px; position: relative; z-index: 994;} .industry_top_container .industry_top_sections_wrap {position: relative; width: 1370px; margin: 0 auto;} .industry_top_container .industry_top_sections {position: relative; width: 585px; margin: 0 82px 0 10px; z-index: 994; float: right; background: #FFF; z-index: 993; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; box-shadow: 0 20px 100px -5px rgba(0,0,0,0.18);} .industry_top_container .industry_top_sections li {position: relative; padding: 0 80px 0 105px; font-size: 29px; line-height: 1.3; letter-spacing: 1.6px; text-transform: uppercase; font-weight: 300;} .industry_top_container .industry_top_sections li .industry_top_icon {position: absolute; top: 50%; right: 27px; margin-top: -16px; z-index: 992; width: 28px; height: 32px; background: url(/images/2x/logo.png) 0 0 no-repeat; background-size: 100% auto;} .industry_top_container .industry_top_sections li .industry_top_arrow {position: absolute; left: 36px; top: 50%; width: 36px; z-index: 992; height: 26px; margin-top: -15px; background: url(/images/2x/arrow_2.png) 0 0 no-repeat; background-size: 100% 100%;} .industry_top_container .industry_top_sections li strong {font-weight: 400;} .industry_top_container .industry_top_sections li span {position: relative; z-index: 992; transition: 0.3s;} .industry_top_container .industry_top_sections li:before {content:""; position: absolute; left: 0; right: 0; bottom: 0; height: 1px; z-index: 990; background: #d9d9d9;} .industry_top_container .industry_top_sections li:after {content:""; position: absolute; left: 0; top: 0; bottom: 0; right: 0; opacity: 0; z-index: 991; background: #2cb5d6; transition: 0.3s; background: -moz-linear-gradient(left, #2cb5d6 0%, #009ac0 100%); background: -webkit-linear-gradient(left, #2cb5d6 0%,#009ac0 100%); background: linear-gradient(to right, #2cb5d6 0%,#009ac0 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2cb5d6', endColorstr='#009ac0',GradientType=1 );} .industry_top_container .industry_top_sections .pseudo_td {height: 108px;} .industry_top_container .industry_top_sections li:hover span {color: #FFF;} .industry_top_container .industry_top_sections li:hover:after {-webkit-transform: scale(1.04); transform: scale(1.04); opacity: 1; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;} .industry_top_container .industry_top_sections li:hover .industry_top_icon {background-image: url('/images/2x/logo_white.png');} .industry_top_container .industry_top_sections li:hover .industry_top_arrow {background-image: url(/images/2x/arrow_white2.png);} .industry_digits_container {z-index: 992;} .industry_digits_container .gadgets_box {top: -92px;} .industry_digits_container .gadgets_box .ani_anchor {top: 200px;} .industry_digits_container .industry_digits_block {width: 700px; padding: 50px 0 10px;} .industry_digits_container .industry_top_digits {position: relative;} .industry_digits_container .industry_top_digit {position: relative; padding: 0 0 0 300px; margin: 0 0 86px;} .industry_digits_container .industry_top_digit .industry_top_icon {position: absolute; left: 0; top: -9px; width: 258px; text-align: right; font-size: 109px; font-weight: 600;} .industry_digits_container .industry_top_digit .industry_top_title {position: relative; font-size: 21px; line-height: 1.35; margin: 0 0 12px; letter-spacing: 1px; font-weight: 300;} .industry_digits_container .industry_top_digit .industry_top_title strong {font-weight: 400;} .industry_digits_container .industry_top_digit span {position: relative; font-size: 9px; letter-spacing: 3px; opacity: 0.5; text-transform: uppercase;} .industry_team_container {} .industry_team_container .industry_team_block {width: 1370px; padding: 140px 0 50px;} .industry_team_container .block_title {margin: 0 0 25px;} .industry_team_container .block_subtitle {text-align: center; margin: 0 0 60px; line-height: 1.3; text-align: center; letter-spacing: 1px; font-weight: 300; position: relative; z-index: 991;} .industry_team_container .button {width: 268px;} .industry_team_container .teampersons {margin: 0 0 15px;} .industry_team_container .teampersons .teampersons_images:before {height: 230px;} .industry_team_container .teampersons .teampersons_labels {top: -30px; padding-right: 10px;} .industry_team_container .teampersons .teamperson {height: 276px;} .industry_team_container .teampersons .teamperson1 {margin-left: -630px;} .industry_team_container .teampersons .teamperson2 {margin-left: -470px;} .industry_team_container .teampersons .teamperson3 {margin-left: -330px;} .industry_team_container .teampersons .teamperson5 {margin-right: -345px;} .industry_team_container .teampersons .teamperson6 {margin-right: -500px;} .industry_team_container .teampersons .teamperson7 {margin-right: -660px;} .industry_team_container .teampersons .teamperson_label {margin: 0 45px 10px;} .industry_team_container .teampersons .teamperson_label_wrap:before {left: -25px; right: -25px;} .industry_clients_container {} .industry_clients_container .industry_clients_block {width: 1370px; padding: 50px 0 50px;} .industry_clients_container .block_title {margin: 0 0 25px;} .industry_clients_container .block_subtitle {margin: 0 0 70px;} .industry_clients_container .button_wrap {padding: 40px 0 0 0;} .industry_clients_container .button {width: 438px;} .industry_clients_container .industry_clients_moblogos {display: none;} .industry_clients_container .clients_cloud {text-align: center;} .industry_clients_container .clients_cloud img {display: inline-block; vertical-align: middle; max-height: 60px; max-width: 220px; opacity: 0.5; margin: 0 45px 55px; position: relative; transition: 0.5s;} .industry_clients_container .clients_cloud img.item2 {top: 25px;} .industry_clients_container .clients_cloud img.item4, .industry_clients_container .clients_cloud img.item7 {top: -20px;} .industry_clients_container .clients_cloud img.item9, .industry_clients_container .clients_cloud img.item11 {top: -25px;} .industry_clients_container .clients_cloud img.item4, .industry_clients_container .clients_cloud img.item5, .industry_clients_container .clients_cloud img.item6, .industry_clients_container .clients_cloud img.item7 {margin-left: 55px; margin-right: 55px;} .industry_clients_container .clients_cloud img {-webkit-filter: blur(2px); -moz-filter: blur(2px); filter: blur(2px); opacity: 0.4;} .industry_clients_container .clients_cloud img.active {-webkit-filter: none; -moz-filter: none; filter: none; opacity: 0.5;} .industry_impact_container {} .industry_impact_container .industry_impact_block {width: 1370px; padding: 50px 0 100px;} .industry_impact_container .block_title {margin: 0 0 25px;} .industry_impact_container .block_subtitle {margin: 0 0 85px;} .industry_impact_container .show_more_wrap {padding: 55px 0 0 0; display: none;} .industry_computer_imgbox {position: relative; top: -60px; height: 660px;} .industry_computer_imgbox .industry_computer_img {position: absolute; left: 50%; top: 0; margin-left: -525px; width: 1050px; height: 638px; background-position: 0 0; background-repeat: no-repeat; background-size: 100% auto; z-index: 990;} .industry_computer_imgbox .ani_anchor {top: 340px;} /* CLIENTS & IMPACT */ .top_v2_container.clients_impact .top_v2_imgbox {height: 580px;} .top_v2_container.clients_impact .top_v2_imgbox {width: 914px; margin: 0 auto;} .top_v2_container.clients_impact .top_v2_imgbox .top_v2_img {left: auto; width: 123px; height: 382px; bottom: -514px; background-position: 0 0;} .top_v2_container.clients_impact .top_v2_img1 {right: 775px; margin-bottom: -298px; z-index: 916;} .top_v2_container.clients_impact .top_v2_img2 {right: 712px; margin-bottom: -278px; z-index: 915;} .top_v2_container.clients_impact .top_v2_img3 {right: 657px; margin-bottom: -257px; z-index: 914;} .top_v2_container.clients_impact .top_v2_img4 {right: 598px; margin-bottom: -238px; z-index: 913;} .top_v2_container.clients_impact .top_v2_img5 {right: 542px; margin-bottom: -222px; z-index: 912;} .top_v2_container.clients_impact .top_v2_img6 {right: 483px; margin-bottom: -204px; z-index: 911;} .top_v2_container.clients_impact .top_v2_img7 {right: 427px; margin-bottom: -183px; z-index: 910;} .top_v2_container.clients_impact .top_v2_img8 {right: 377px; margin-bottom: -165px; z-index: 909;} .top_v2_container.clients_impact .top_v2_img9 {right: 326px; margin-bottom: -144px; z-index: 908;} .top_v2_container.clients_impact .top_v2_img10 {right: 277px; margin-bottom: -121px; z-index: 907;} .top_v2_container.clients_impact .top_v2_img11 {right: 227px; margin-bottom: -102px; z-index: 906;} .top_v2_container.clients_impact .top_v2_img12 {right: 179px; margin-bottom: -84px; z-index: 905;} .top_v2_container.clients_impact .top_v2_img13 {right: 134px; margin-bottom: -63px; z-index: 904;} .top_v2_container.clients_impact .top_v2_img14 {right: 88px; margin-bottom: -44px; z-index: 903;} .top_v2_container.clients_impact .top_v2_img15 {right: 44px; margin-bottom: -22px; z-index: 902;} .top_v2_container.clients_impact .top_v2_img16 {right: 0; z-index: 901;} .top_v2_container.clients_impact .top_v2_imgbox.show .top_v2_img1 {animation: pagetopv2 0.3s ease-in-out 0s forwards;} .top_v2_container.clients_impact .top_v2_imgbox.show .top_v2_img2 {animation: pagetopv2 0.3s ease-in-out 0.05s forwards;} .top_v2_container.clients_impact .top_v2_imgbox.show .top_v2_img3 {animation: pagetopv2 0.3s ease-in-out 0.1s forwards;} .top_v2_container.clients_impact .top_v2_imgbox.show .top_v2_img4 {animation: pagetopv2 0.3s ease-in-out 0.15s forwards;} .top_v2_container.clients_impact .top_v2_imgbox.show .top_v2_img5 {animation: pagetopv2 0.3s ease-in-out 0.2s forwards;} .top_v2_container.clients_impact .top_v2_imgbox.show .top_v2_img6 {animation: pagetopv2 0.3s ease-in-out 0.25s forwards;} .top_v2_container.clients_impact .top_v2_imgbox.show .top_v2_img7 {animation: pagetopv2 0.3s ease-in-out 0.3s forwards;} .top_v2_container.clients_impact .top_v2_imgbox.show .top_v2_img8 {animation: pagetopv2 0.3s ease-in-out 0.35s forwards;} .top_v2_container.clients_impact .top_v2_imgbox.show .top_v2_img9 {animation: pagetopv2 0.3s ease-in-out 0.4s forwards;} .top_v2_container.clients_impact .top_v2_imgbox.show .top_v2_img10 {animation: pagetopv2 0.3s ease-in-out 0.45s forwards} .top_v2_container.clients_impact .top_v2_imgbox.show .top_v2_img11 {animation: pagetopv2 0.3s ease-in-out 0.5s forwards;} .top_v2_container.clients_impact .top_v2_imgbox.show .top_v2_img12 {animation: pagetopv2 0.3s ease-in-out 0.55s forwards} .top_v2_container.clients_impact .top_v2_imgbox.show .top_v2_img13 {animation: pagetopv2 0.3s ease-in-out 0.6s forwards;} .top_v2_container.clients_impact .top_v2_imgbox.show .top_v2_img14 {animation: pagetopv2 0.3s ease-in-out 0.65s forwards} .top_v2_container.clients_impact .top_v2_imgbox.show .top_v2_img15 {animation: pagetopv2 0.3s ease-in-out 0.7s forwards;} .top_v2_container.clients_impact .top_v2_imgbox.show .top_v2_img16 {animation: pagetopv2 0.3s ease-in-out 0.75s forwards} .clients_impact_container {} .clients_impact_container .clients_impact_block {padding: 110px 0 150px;} .clients_impact_container .block_title {margin: 0 0 25px; z-index: 991;} .clients_impact_container .block_subtitle {margin: 0; z-index: 991;} .clients_impact_container .show_more_wrap {padding: 80px 0 0 0; top: 30px;} .clients_impact_container .stories_container {padding: 50px 0 0 0;} .clients_impact_container .stories_container .story_row {margin: 0;} .clients_impact_container .stories_container .block_title, .clients_impact_container .stories_container .block_subtitle, .clients_impact_container .stories_container .show_more_wrap {display: none;} .clients_impact_container .play_icon_large:after {margin: -32px 0 0 -18px;} .clients_impact_container .quotes_slide .quotes_slide_box {padding-top: 120px; padding-bottom: 120px;} .clients_impact_container .client_item {position: relative; padding: 82px 0 0 0;} .clients_impact_container .client_item .ani_anchor {top: 200px;} .clients_impact_container .client_item .client_item_mobimg {display: none;} .clients_impact_container .client_item .client_item_back {position: absolute; top: 82px; bottom: 0; width: 65%; z-index: 990; background: url('/images/2x/clients_impact/client_item_back.jpg') 50% 50% no-repeat; background-size: cover; z-index: 990;} .clients_impact_container .client_item .client_item_imgbox {position: absolute; right: 0; bottom: 0; height: 647px; z-index: 992;} .clients_impact_container .client_item .client_item_img {position: relative; height: 100%; margin: 0; padding: 0; display: block; z-index: 990;} .clients_impact_container .client_item .client_item_play {display:none !important; position: absolute; left: 0; bottom: 50px; z-index: 991;} .clients_impact_container .client_item .client_item_content {position: relative; width: 1370px; box-sizing: border-box; margin: 0 auto; z-index: 991;} .clients_impact_container .client_item .client_item_box {position: relative; padding: 170px 0 0 60px; height: 564px; box-sizing: border-box; width: 600px;} .clients_impact_container .client_item .client_item_logo {max-height: 96px; max-width: 190px; left: 60px; top: 38px; position: absolute;} .clients_impact_container .client_item .client_item_title {font-size: 44px; line-height: 1.0; margin: 0 0 34px; letter-spacing: 2px; position: relative; left: -2px; min-height: 88px;} .clients_impact_container .client_item .client_item_text {position: relative; font-weight: 300; letter-spacing: 1px; font-size: 20px; line-height: 1.3; margin: 0 0 42px;} .clients_impact_container .client_item .client_item_text strong {font-weight: 400} .clients_impact_container .client_item .client_item_list_box {position: relative; width: 350px;} .clients_impact_container .client_item .client_item_list {position: absolute; left: 0; top: 0; width: 100%; z-index: 992; background: #f6861f; background: -moz-linear-gradient(left, #f6861f 0%, #f6861f 10%, #e92823 100%); background: -webkit-linear-gradient(left, #f6861f 0%,#f6861f 10%,#e92823 100%); background: linear-gradient(to right, #f6861f 0%,#f6861f 10%,#e92823 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6861f', endColorstr='#e92823',GradientType=1 ); border-radius: 2px;} .clients_impact_container .client_item .client_item_li {position: relative; display: flex; flex-flow: row wrap; height: 64px; align-items: center; align-content: center; justify-content: center;} .clients_impact_container .client_item .client_item_li:before {content:""; position: absolute; left: 0; bottom: 0; right: 0; height: 1px; background: #FFF; opacity: 0.2;} .clients_impact_container .client_item .client_item_li:last-of-type:before {display: none;} .clients_impact_container .client_item .client_item_li_digit {width: 50%; box-sizing: border-box; padding: 0 20px 0 25px; color: #FFF; font-weight: 700; letter-spacing: 1px; font-size: 27px;} .clients_impact_container .client_item .client_item_li_title {width: 50%; box-sizing: border-box; padding: 0 20px 1px 0; color: #FFF; letter-spacing: 1px; font-weight: 500; font-size: 16px; line-height: 1.15;} /* CLIENTS LIST */ .clients_out_container {z-index: 992;} .clients_out_container .clients_out_block {box-sizing: border-box; padding: 0 0 90px; text-align: center;} .clients_out_container .clients_filters {position: relative; width: 1370px; margin: 0 auto 10px; top: -65px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; box-shadow: 0 25px 100px -2px rgba(0,0,0,0.13);} .clients_out_container .clients_filters_top {position: relative; height: 130px; box-sizing: border-box; padding: 46px 0 0 0; background: #059dc3;} .clients_out_container .clients_filters_top .clients_filter_type {font-size: 30px; letter-spacing: 1.5px; margin: 0 40px 10px; padding: 0 0 2px; line-height: 1.3; height: auto; background: transparent; text-transform: uppercase; color: #FFF;} .clients_out_container .clients_filters_top .clients_filter_type:before {content:""; background: #25aacb; position: absolute; left: 0; width: 100%; bottom: -1px; height: 1px; transition: 0.2s;} .clients_out_container .clients_filters_top .clients_filter_type:hover:before {width: 0;} .clients_out_container .clients_filters_top .clients_filter_type.active {font-weight: 600;} .clients_out_container .clients_filters_top .clients_filter_type.active:before {display: none;} .clients_out_container .clients_filters_bottom {position: relative; padding: 38px 100px 30px; background: #FFF; box-shadow: inset 0 40px 50px -20px rgba(0,0,0,0.08);} .clients_out_container .clients_filters_bottom .clients_filter_in {color: #cecece; height: 43px; margin: 0 4px 10px; font-size: 19px; letter-spacing: 1.5px; padding: 0 28px; background: transparent;} .clients_out_container .clients_filters_bottom .clients_filter_in:hover {color: #000;} .clients_out_container .clients_filters_bottom .clients_filter_in.active {color: #FFF; border-radius: 3px; box-shadow: 10px 10px 80px 5px rgba(4,156,194,0.4); background: #2cb5d6; background: -moz-linear-gradient(left, #2cb5d6 0%, #009ac0 100%); background: -webkit-linear-gradient(left, #2cb5d6 0%,#009ac0 100%); background: linear-gradient(to right, #2cb5d6 0%,#009ac0 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2cb5d6', endColorstr='#009ac0',GradientType=1 );} .clients_out_container .clients_filters_bottom .clients_filter_in.active:hover {color: #FFF;} .clients_out_container .clients_filters_bottom .clients_filter_typeout {display: none;} .clients_out_container .clients_filters_bottom .clients_filter_typeout.active {display: block;} .clients_out_container .mob_categories {display: none;} .clients_out_container .clients_temp {display: none;} .clients_out_container .clients_out {margin: 0 0 60px;} .clients_out_container .rowed_items_row {position: relative; width: 1370px; margin: 0 auto;} .clients_out_container .show_more_wrap {padding: 50px 0 0 0;} .clients_out_container .rowed_items_row {display: flex; flex-flow: row wrap; justify-content: space-between;} .clients_out_container .rowed_items_row .ani_anchor {top: -100px;} .clients_out_container .clients_item {position: relative; width: calc((100% - 40px * 3)/4); margin: 0 0 40px 0; box-sizing: border-box; background: #FFF; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; box-shadow: 0 20px 60px 10px rgba(0,0,0,0.09); -webkit-transition: 0.2s; transition: 0.2s; -moz-transition: 0.2s; -o-transition: 0.2s;} .clients_out_container .clients_item:hover {z-index: 994;} .clients_out_container .clients_item:nth-child(4n) {margin-right: 0;} .clients_out_container .clients_item .clients_item_box {position: absolute; left: 0; top: 0; right: 0; bottom: 0;} .clients_out_container .clients_item img {max-width: 95%; max-height: 85%;} /* CLIENTS SUCCESS */ .cs_top_container {z-index: 990;} .cs_top_container .cs_top_back {position: absolute; left: 0; top: 0; right: 0; height: 680px; z-index: 990; background-size: cover; background-repeat: no-repeat; background-position: 50% 50%;} .cs_top_container .cs_top_back:after {content:""; position: absolute; left: 0; top: 0; right: 0; bottom: 0; background: #000; opacity: 0.28; z-index: 991;} .cs_top_container .cs_top_block {z-index: 992;} .cs_top_container .cs_top_content_box {position: relative; width: 1370px; margin: 0 auto;} .cs_top_container .cs_top_content {position: relative; height: 680px; padding: 1px 0 0 0;} .cs_top_container .cs_top_logo_box {position: absolute; left: 10px; top: -105px; width: 158px; height: 105px; background: #FFF; padding: 10px 0 0 0; box-sizing: border-box; text-align: center;} .cs_top_container .cs_top_logo_box.show {animation: cs_logo 0.4s ease-in-out forwards;} .cs_top_container .cs_top_logo_box .pseudo_td {height: 90px; text-align: center;} .cs_top_container .cs_top_logo {position: relative; max-width: 130px; max-height: 90px;} .cs_top_container .breadcrumbs {position: relative; padding: 22px 0 0 207px;} .cs_top_container .cs_top_title {margin-left: 205px; font-weight: 700; letter-spacing: 2px; font-size: 40px; line-height: 1.1; color: #FFF; text-transform: uppercase;} .cs_top_container .cs_top_subtitle {position: absolute; width: 50%; right: 0; bottom: 45px; font-size: 65px; line-height: 1.1; color: #FFF; text-transform: uppercase; letter-spacing: 2px; font-weight: 600;} .cs_top_container .impact_list {position: absolute; width: 476px; left: 10px; height: 112px; bottom: 66px; z-index: 992;} .cs_top_container .impact_list .impact_list_box {position: absolute; left: 0; top: 0; width: 100%; border-left: 1px solid #e6c8b3; border-top: 1px solid #e6c8b3; box-shadow: 0 10px 100px 5px rgba(244,113,32,0.5); background: #f6861f; background: -moz-linear-gradient(left, #f6861f 0%, #f6861f 10%, #e92823 100%); background: -webkit-linear-gradient(left, #f6861f 0%,#f6861f 10%,#e92823 100%); background: linear-gradient(to right, #f6861f 0%,#f6861f 10%,#e92823 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6861f', endColorstr='#e92823',GradientType=1 ); border-radius: 2px;} .cs_top_container .impact_list .impact_li {position: relative; padding: 0;} .cs_top_container .impact_list .impact_li:before {content:""; position: absolute; left: 0; bottom: 0; right: 0; height: 1px; background: #FFF; opacity: 0.2;} .cs_top_container .impact_list .impact_li:last-of-type:before {display: none;} .cs_top_container .impact_list .impact_li_flex {display: flex; flex-flow: row wrap; align-items: center; align-content: center; height: 112px;} .cs_top_container .impact_list .impact_li_digit {width: 50%; box-sizing: border-box; padding: 0 10px 4px 68px; color: #FFF; letter-spacing: 1px; font-size: 32px; font-weight: 700; position: relative;} .cs_top_container .impact_list .impact_li_digit:before {content:""; position: absolute; left: -61px; top: 50%; width: 122px; height: 62px; margin-top: -27px; background: url('/images/2x/funnel_medium.png') 0 0 no-repeat; background-size: 100% auto;} .cs_top_container .impact_list .impact_li_title {width: 50%; box-sizing: border-box; padding: 0 20px 1px 14px; color: #FFF; letter-spacing: 1px; font-size: 19px; line-height: 1.3;} .cs_top_container .impact_list .impact_li_title strong {font-weight: 700;} .cs_top_container .cs_case_share_wrap {position: relative;} .cs_top_container .cs_case_share_wrap:before {content:""; position: absolute; right: 0; top: 24px; width: 366px; height: 373px; z-index: 990; background: url(/images/2x/client_success/top_img.jpg) 0 0 no-repeat; background-size: 100% auto;} .cs_top_container .cs_case_share_wrap .cs_case_share_box {position: relative; width: 1370px; margin: 0 auto; z-index: 991;} .cs_top_container .cs_case_share {position: relative; padding: 32px 0 0 50%;} .cs_top_container .cs_case_share .contacts_socials {display: inline-block; margin: 0 20px 42px 0;} .cs_top_container .cs_case_share .cs_case_share_title {display: inline-block; vertical-align: top; padding: 6px 0 0 0; font-size: 19px; color: #000; opacity: 0.5; letter-spacing: 0.5px; line-height: 1.4;} .cs_top_container .cs_case_share .button_wrap {text-align: left;} .cs_top_container .cs_case_share .button {width: 305px;} .cs_description_container {z-index: 991;} .cs_description_container .cs_description_block {width: 1370px; padding: 120px 0 0;} .cs_description_container .cs_description_box {width: 930px; margin: 0 auto;} .cs_description_container .cs_description_title {font-size: 36px; line-height: 1.3; color: #24b4d8; position: relative; margin: 0 0 38px; text-transform: uppercase;} .cs_description_container .cs_description {font-weight: 300; font-size: 21px; line-height: 1.4; letter-spacing: 1.5px;} .cs_description_container .cs_description .first_letter_item {top: -14px; float:left; font-weight: 700; font-size: 56px; margin: 0 10px 0 0; position: relative;} .cs_description_container .cs_description .first_letter_hidden {display: none;} .cs_description_container .cs_description p {margin: 0 0 25px; padding: 0;} .cs_description_container .cs_description strong {font-weight: 400;} .cs_description_container .show_more_wrap {padding: 60px 0 0 0; z-index: 992;} .cs_description_container .show_more span:before {width: 210px; margin-left: -105px;} .cs_description_container .show_more span:hover:before {width: 0;} .cs_description_container .cs_case_share, .cs_description_container .cs_description_download {display: none;} .cs_description_container .quotes_slide .quotes_slide_box {margin: 0;} .cs_container .cs_block {width: 1370px; z-index: 991;} .cs_container .cs_topmargin {height: 130px;} .cs_container .cs_block_label {height: 150px; position: absolute; left: 0; top: 0; width: 364px; box-sizing: border-box; padding: 60px 0 0 106px; font-size: 32px; letter-spacing: 2px; font-weight: 600; color: #FFF; text-transform: uppercase; box-shadow: 0 10px 100px 5px rgba(244,113,32,0.6); -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;} .cs_container .cs_block_label:after {content:""; position: absolute; left: 54px; top: 55px; width: 36px; height: 42px; z-index: 991; background: url(/images/2x/logo_white.png) 0 0 no-repeat; background-size: 100% auto;} .cs_container .cs_box {position: relative; float:left; width: 620px; padding: 0; z-index: 991;} .cs_container .cs_plus {position: absolute; top: -203px; left: -260px; width: 500px; height: 450px; background: url(/images/2x/plus_2.png) 0 0 no-repeat; background-size: 100% auto; z-index: 993;} .cs_container .cs_block_title {position: relative; font-size: 48px; letter-spacing: 2px; line-height: 1.1; color: #000; text-transform: uppercase; margin: 0 0 30px; left: -2px;} .cs_container .cs_block_title strong {color: #f26021;} .cs_container .cs_block_subtitle {position: relative; font-size: 21px; line-height: 1.4; color: #000; letter-spacing: 1.5px; font-weight: 300;} .cs_container .cs_block_subtitle strong {font-weight: 400; color: #f26021;} .cs_container .cs_default_img {position: absolute; right: 0; top: 0; left: 0; bottom: 0; z-index: 990;} .cs_container .cs_img_mob {display: none;} .cs_container .cs_img div {position: absolute; left: 0; right: 0; top: 0; bottom: 0; background-repeat: no-repeat; background-size: auto 100%;} .cs_container.height_by_data .cs_default_img {top: auto;} .cs_container.cs_left .cs_block_label {left: 60px;} .cs_container.cs_left .cs_box {margin-left: 0;} .cs_container.cs_left .cs_block_subtitle {padding: 0 50px 0 0;} .cs_container.cs_left .cs_plus {left: -200px;} .cs_container.cs_left .cs_default_img div {background-position: 100% 0; right: 0;} .cs_container.cs_right .cs_box {margin-left: 60%;} .cs_container.cs_right .cs_block_subtitle {padding: 0;} .cs_container.cs_right .cs_default_img div {background-position: 0 0; left: 0;} .cs_container.cs_grey {background: #edf1f2;} .cs_bluff_plantation .cs_block1 .cs_default_img {height: 915px;} .cs_bluff_plantation .cs_block2 .cs_default_img {height: 1000px;} .cs_bluff_plantation .cs_block3 .cs_default_img {height: 825px;} .cs_bluff_plantation .cs_block4 .cs_default_img {height: 825px;} .cs_bluff_plantation .cs_block5 .cs_default_img {height: 770px;} .cs_bluff_plantation .cs_block6 .cs_default_img {height: 825px;} .cs_bluff_plantation .cs_block7 .cs_default_img {height: 825px;} .cs_axogen .cs_block1 .cs_default_img {height: 915px;} .cs_axogen .cs_block2 .cs_default_img {height: 1000px;} .cs_axogen .cs_block3 .cs_default_img {height: 825px;} .cs_axogen .cs_block4 .cs_default_img {height: 825px;} .cs_axogen .cs_block5 .cs_default_img {height: 770px;} .cs_axogen .cs_block6 .cs_default_img {height: 825px;} .cs_axogen .cs_block7 .cs_default_img {height: 740px;} .cs_recovery_keys .cs_block1 .cs_default_img {height: 910px;} .cs_recovery_keys .cs_block2 .cs_default_img {height: 1000px;} .cs_recovery_keys .cs_block3 .cs_default_img {height: 960px;} .cs_recovery_keys .cs_block4 .cs_default_img {height: 825px;} .cs_recovery_keys .cs_block5 .cs_default_img {height: 770px;} .cs_recovery_keys .cs_block6 .cs_default_img {height: 825px;} .cs_recovery_keys .cs_block7 .cs_default_img {height: 740px;} .cs_videos_container .cs_videos_slide {height: 616px; position: relative;} .cs_videos_container .cs_videos_slide_img {position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: 990; background-size: cover; background-position: 50% 0; background-repeat: no-repeat;} .cs_videos_container .cs_videos_slide_cover {position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: 991; background: #050505; opacity: 0.5;} .cs_videos_container .cs_videos_play {z-index: 992; left: 50%; top: 50%; margin: -126px 0 0 -126px; box-shadow: 0 0 70px 10px rgba(4,156,194,0.4);} .cs_videos_container .bx-controls {position: static;} .cs_videos_container .bx-controls-direction {position: static;} .cs_videos_container .bx-controls-direction a {z-index: 992; top: 50%; margin-top: -20px; zoom: 120%;} .cs_videos_container .bx-prev {left: 100px;} .cs_videos_container .bx-next {right: 100px;} .cs_slider_container {background: #e7ebed;} .cs_slider_container .cs_slide {position: relative;} .cs_slider_container .cs_slide .cs_slide_item {position: relative; padding: 0 0 56.693%; background-size: cover; background-position: 50% 0; background-repeat: no-repeat;} .cs_slider_container .bx-controls {position: static;} .cs_slider_container .bx-controls-direction {position: static;} .cs_slider_container .bx-controls-direction a {z-index: 992; top: 50%; margin-top: -49px;} .cs_slider_container .bx-prev {left: 0;} .cs_slider_container .bx-next {right: 0;} /* WHO WE SERVE */ .serve_top_container {margin: 0 0 40px;} .serve_top_container .serve_top_block {height: 710px; z-index: 992; overflow: hidden;} .serve_top_container .serve_top_backleft {position: absolute; left: 0; top: 0; opacity: 1; bottom: 0; width: 57%; background: url('/images/2x/cmo_top_back.jpg') 0 0 no-repeat; background-size: cover; z-index: 990; transition: 0.5s;} .serve_top_container .serve_top_backgradient {position: absolute; right: -200px; width: 50.5%; padding: 0 200px 0 0; bottom: 0; top: 0; transform: skewX(-18deg); z-index: 991; background: #f47420; background: -moz-linear-gradient(left, #f47420 0%, #e92823 62%, #e92823 100%); background: -webkit-linear-gradient(left, #f47420 0%,#e92823 62%,#e92823 100%); background: linear-gradient(to right, #f47420 0%,#e92823 62%,#e92823 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f47420', endColorstr='#e92823',GradientType=1 );} .serve_top_container .serve_top_topbox {position: absolute; left: 50%; width: 1370px; top: 56px; margin-left: -685px; z-index: 992;} .serve_top_container .serve_top_title {position: relative; margin-left: 100px; font-size: 37px; color: #000; letter-spacing: 2px; text-transform: uppercase;} .serve_top_container .serve_top_imgbox {position: absolute; left: 0; right: 0; height: 640px; bottom: -4px;} .serve_top_container .serve_carousel {width: 1200px; margin: 0 auto; height: 640px; display: relative;} .serve_top_container .serve_carousel .serve_carousel_nav {position: absolute; top: 0; bottom: 0; width: 45%; z-index: 991;} .serve_top_container .serve_carousel .serve_carousel_nav:hover {cursor: pointer;} .serve_top_container .serve_carousel .serve_carousel_nav_prev {left: 0;} .serve_top_container .serve_carousel .serve_carousel_nav_next {right: 0;} .serve_top_container .serve_carousel img {width: 640px; height: 640px; display: hidden; cursor: pointer; z-index: 990;} .serve_top_container .serve_top_imgbox_mob {display: none;} .serve_top_container .serve_top_subtitle_wrap {position: absolute; left: 0; right: 0; top: 514px;} .serve_top_container .serve_top_description {position: absolute; right: 0; top: 0; width: 42%; font-size: 23px; color: #FFF; line-height: 1.3; letter-spacing: 1px; font-weight: 300; text-align: right;} .serve_top_container .serve_top_description strong {font-weight: 400;} .serve_top_container .button_wrap {position: absolute; left: 0; right: 0; text-align: center; bottom: -33px; z-index: 992;} .serve_top_container .button {width: 308px; height: 63px; padding-left: 60px;} .serve_top_container .button:after {content:""; position: absolute; left: 10px; bottom: 0; width: 80px; height: 90px; background: url('/images/2x/button_man.png') 0 100% no-repeat; background-size: 100% auto;} .serve_day_container {} .serve_day_container .serve_day_block {padding: 80px 0 100px;} .serve_day_container .block_title {margin: 0 0 40px;} .serve_day_container .block_subtitle {margin: 0 0 40px;} .serve_day_container .day_box {position: relative;} .serve_day_container .day_item {width: 1370px; position: relative; margin: 0 auto; padding: 50px 0 50px; box-sizing: border-box;} .serve_day_container .day_item .ani_anchor {top: -100px;} .serve_day_container .day_item .line {position: absolute; left: 50%; width: 3px; margin-left: -2px; z-index: 994;} .serve_day_container .day_item .line_before {top: 2%; height: 0%; z-index: 993;} .serve_day_container .day_item .line_before.show {animation: day_item_line_before 0.4s ease-in-out 0s forwards;} .serve_day_container .day_item .line_after {height: 0%; top: 51%; z-index: 994;} .serve_day_container .day_item .line_after.show {animation: day_item_line_after 0.3s ease-in-out 0s forwards;} .serve_day_container .day_item_button_box {position: absolute; left: 50%; margin: -150px 0 0 -112px; top: 50%; width: 224px; height: 224px; z-index: 990;} .serve_day_container .day_item_button_box .day_item_button_border {position: absolute; left: 0; top: 0; right: 0; bottom: 0; border: 1px solid #f1f1f1; z-index: 990; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%;} .serve_day_container .day_item_button_box .day_item_button_round {position: absolute; left: 0; top: 0; right: 0; bottom: 0; background: #fefefe; z-index: 991; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; box-shadow: 0px 20px 120px 1px rgba(0,0,0,0.09);} .serve_day_container .day_item_button_box .day_item_button_round.show {animation: day_item_button_box_round 0.3s ease-in-out 0s forwards;} .serve_day_container .day_item_button_box .day_item_button_border.show {animation: day_item_button_box_border 0.2s ease-in-out 0.2s forwards;} .serve_day_container .day_item_button_box .day_item_button {position: absolute; left: 0; top: 0; right: 0; bottom: 0; padding: 93px 0 0 6px; text-align: center; font-size: 38px; letter-spacing: 2px; z-index: 992; box-sizing: border-box; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; box-shadow: 10px 10px 80px 5px rgba(0,0,0,0.06);} .serve_day_container .day_item_box {z-index: 992; width: 400px; position: relative;} .serve_day_container .day_item_box .day_item_title {font-size: 44px; margin: 0 0 36px; left: -2px; letter-spacing: 2px; line-height: 1.2; font-weight: 300; text-transform: uppercase; position: relative;} .serve_day_container .day_item_box .day_item_title strong {font-weight: 400;} .serve_day_container .day_item_box .day_item_title:before {content:""; position: absolute; top: 30px; left: -66px; width: 36px; height: 42px; z-index: 991; background: url(/images/2x/logo.png) 0 0 no-repeat; background-size: 100% auto;} .serve_day_container .day_item_box .day_item_text {font-size: 21px; letter-spacing: 1.5px; line-height: 1.45; margin: 0 0 40px; font-weight: 300;} .serve_day_container .day_item_box .day_item_text strong {font-weight: 400;} .serve_day_container .day_item_box .day_item_avatars {position: relative; margin: 0 0 36px; text-align: left;} .serve_day_container .day_item_box .day_item_avatars img {height: 90px; position: relative; box-shadow: 0 20px 60px 2px rgba(0,0,0,0.12); -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%;} .serve_day_container .day_item_box .day_item_avatars .avatar_item1 {left: 0; z-index: 993;} .serve_day_container .day_item_box .day_item_avatars .avatar_item2 {left: -45px; z-index: 992;} .serve_day_container .day_item_box .day_item_avatars .avatar_item3 {left: -90px; z-index: 991;} .serve_day_container .day_item .day_item_tags {position: relative; margin: 0 0 0 10px;} .serve_day_container .day_item .day_item_tag {position: relative; display: inline-block; vertical-align: top; margin: 0 34px 16px 0; min-width: 110px; box-sizing: border-box; text-align: center; padding: 9px 20px 0; height: 38px; color: #FFF; font-size: 20px; letter-spacing: 1px;} .serve_day_container .day_item .day_item_tag:before {content:""; position: absolute; left: -10px; top: 0; bottom: 0; right: -10px; transform: skewX(-15deg); z-index: 990;} .serve_day_container .day_item .day_item_tag span {position: relative; z-index: 991;} .serve_day_container .day_item .day_item_imgbox {position: absolute; top: 50%; margin-top: -250px; width: 400px; height: 400px; z-index: 992;} .serve_day_container .day_item .day_item_imgbox .day_item_img {position: absolute; left: 50%; top: 50%; margin: -325px 0 0 -325px; width: 650px; height: 650px;} .serve_day_container .day_item_left .day_item_box {float:left; margin-left: 90px;} .serve_day_container .day_item_left .day_item_imgbox {right: -30px;} .serve_day_container .day_item_right .day_item_box {float:right;} .serve_day_container .day_item_right .day_item_imgbox {left: -30px;} .serve_day_container .day_item_blue .day_item_box .day_item_title strong {color: #11a4c8;} .serve_day_container .day_item_blue .day_item_tag {box-shadow: 10px 10px 80px 10px rgba(4,156,194,0.45);} .serve_day_container .day_item_blue .day_item_tag:before {background: #2cb5d6; background: -moz-linear-gradient(left, #2cb5d6 0%, #009ac0 100%); background: -webkit-linear-gradient(left, #2cb5d6 0%,#009ac0 100%); background: linear-gradient(to right, #2cb5d6 0%,#009ac0 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2cb5d6', endColorstr='#009ac0',GradientType=1 );} .serve_day_container .day_item_blue .line_before, .serve_day_container .day_item_blue .line_after {background: #f25821;} .serve_day_container .day_item_red .day_item_box .day_item_title strong {color: #f15622;} .serve_day_container .day_item_red .day_item_tag {box-shadow: 10px 6px 80px 10px rgba(244,113,32,0.4);} .serve_day_container .day_item_red .day_item_tag:before {background: #f47420; background: -moz-linear-gradient(left, #f47420 0%, #f47420 10%, #e92823 100%); background: -webkit-linear-gradient(left, #f47420 0%, #f47420 10%, #e92823 100%); background: linear-gradient(to right, #f47420 0%, #f47420 10%, #e92823 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f47420', endColorstr='#e92823',GradientType=1 );} .serve_day_container .day_item_red .line_before, .serve_day_container .day_item_red .line_after {background: #099fc5;} .serve_team_container {padding: 120px 0 0 0;} .serve_team_container .serve_team_block {padding: 10px 0 100px;} .serve_team_container .block_title {margin: 0 0 25px;} .serve_team_container .block_subtitle {margin: 0 0 60px;} .serve_team_container .teampersons .teamperson {height: 265px} .serve_team_container .teampersons .teampersons_images:before {height: 224px;} .serve_team_container .teampersons .teampersons_labels {left: 0; top: -25px;} .serve_team_container .teampersons .teamperson1 {margin-left: -680px;} .serve_team_container .teampersons .teamperson2 {margin-left: -510px;} .serve_team_container .teampersons .teamperson3 {margin-left: -340px;} .serve_team_container .teampersons .teamperson5 {margin-right: -355px;} .serve_team_container .teampersons .teamperson6 {margin-right: -510px;} .serve_team_container .teampersons .teamperson7 {margin-right: -675px;} .serve_team_container .teampersons .teamperson_label {margin: 0 25px 10px;} .serve_team_container .button_wrap {padding: 16px 0 0 0;} .serve_team_container .button {width: 300px; max-width: none; padding-left: 15px; padding-right: 0;} .serve_mileage_container {} .serve_mileage_container .serve_mileage_block {padding: 20px 0 0 0;} .serve_mileage_container .block_title {margin: 0 0 30px;} .serve_mileage_container .block_subtitle {margin: 0 0 45px;} .serve_mileage_container .serve_mileage_nav {text-align: center; margin: 0;} .serve_mileage_container .serve_mileage_nav_item {font-size: 20px; padding: 0 30px 2px; margin: 0 5px; background: transparent; border: 0; color: #cecece; letter-spacing: 1px; height: 42px; position: relative; z-index: 990; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;} .serve_mileage_container .serve_mileage_nav_item:hover {cursor: pointer;} .serve_mileage_container .serve_mileage_nav_item.active {z-index: 991; box-shadow: 10px 10px 60px 5px rgba(4,156,194,0.4); color: #FFF; background: #2cb5d6; background: -moz-linear-gradient(left, #2cb5d6 0%, #009ac0 100%); background: -webkit-linear-gradient(left, #2cb5d6 0%,#009ac0 100%); background: linear-gradient(to right, #2cb5d6 0%,#009ac0 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2cb5d6', endColorstr='#009ac0',GradientType=1 );} .serve_mileage_container .bx-controls {position: static;} .serve_mileage_container .bx-controls-direction {position: static;} .serve_mileage_container .bx-controls-direction a {z-index: 994; top: 50%; margin-top: -22px;} .serve_mileage_container .bx-prev {margin-left: -700px;} .serve_mileage_container .bx-next {margin-right: -700px;} .serve_mileage_container .slide {} .serve_mileage_container .cmo_bubbles_slide1 {padding: 40px 0 85px;} .serve_mileage_container .cmo_bubbles_slide2 {padding: 60px 0 75px;} .serve_mileage_container .bubbles_box {position: relative; margin: 0 auto;} .serve_mileage_container .bubbles_box .bubble {position: absolute; display: flex; align-items: center; justify-content: center; align-content: center; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; font-size: 18px; line-height: 1.2; letter-spacing: 1px; text-align: center; color: #FFF;} .serve_mileage_container .bubbles_box .bubble_red {background: #f47420; box-shadow: 0 0 100px 5px rgba(244,113,32,0.5); background: -moz-linear-gradient(left, #f47420 0%, #f47420 10%, #e92823 100%); background: -webkit-linear-gradient(left, #f47420 0%, #f47420 10%,#e92823 100%); background: linear-gradient(to right, #f47420 0%, #f47420 10%,#e92823 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f47420', endColorstr='#e92823',GradientType=1 );} .serve_mileage_container .bubbles_box .bubble_blue {background: #2cb5d6; box-shadow: 0 0 80px 10px rgba(4,156,194,0.4); background: -moz-linear-gradient(left, #2cb5d6 0%, #009ac0 100%); background: -webkit-linear-gradient(left, #2cb5d6 0%,#009ac0 100%); background: linear-gradient(to right, #2cb5d6 0%,#009ac0 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2cb5d6', endColorstr='#009ac0',GradientType=1 );} .serve_mileage_container .bubbles_box1 {width: 1080px; height: 680px; left: 20px;} .serve_mileage_container .bubbles_box1 .bubble0 {left: 160px; top: 36px; font-size: 23px; width: 184px; height: 184px;} .serve_mileage_container .bubbles_box1 .bubble1 {left: 86px; top: 113px; font-size: 18px; width: 96px; height: 96px;} .serve_mileage_container .bubbles_box1 .bubble2 {left: 95px; top: 195px; font-size: 18px; width: 106px; height: 106px;} .serve_mileage_container .bubbles_box1 .bubble3 {left: 33px; top: 337px; font-size: 18px; width: 88px; height: 88px;} .serve_mileage_container .bubbles_box1 .bubble4 {left: 0; top: 450px; font-size: 21px; width: 128px; height: 128px;} .serve_mileage_container .bubbles_box1 .bubble5 {left: 204px; top: 482px; width: 88px; height: 88px;} .serve_mileage_container .bubbles_box1 .bubble6 {left: 92px; top: 352px; font-size: 23px; width: 166px; height: 166px;} .serve_mileage_container .bubbles_box1 .bubble7 {left: 194px; top: 185px; font-size: 23px; width: 255px; height: 255px; flex-flow: row wrap; background: #FFF; color: #000; text-transform: uppercase; z-index: 992; box-shadow: 0 0 80px 10px rgba(0,0,0,0.06);} .serve_mileage_container .bubbles_box1 .bubble7 .bubble_icon {width: 36px; height: 42px; margin: 0 auto 2px; position: relative; z-index: 991; background: url(/images/2x/logo.png) 0 0 no-repeat; background-size: 100% auto;} .serve_mileage_container .bubbles_box1 .bubble7 strong {font-size: 54px; line-height: 1.0; width: 100%; display: block;} .serve_mileage_container .bubbles_box1 .bubble8 {left: 492px; top: 43px; font-size: 19px; width: 107px; height: 107px;} .serve_mileage_container .bubbles_box1 .bubble9 {left: 740px; top: 31px; font-size: 19px; width: 88px; height: 88px;} .serve_mileage_container .bubbles_box1 .bubble10 {left: 718px; top: 140px; font-size: 19px; width: 124px; height: 124px;} .serve_mileage_container .bubbles_box1 .bubble11 {left: 615px; top: 78px; font-size: 19px; width: 132px; height: 132px;} .serve_mileage_container .bubbles_box1 .bubble12 {left: 780px; top: 221px; width: 117px; height: 117px;} .serve_mileage_container .bubbles_box1 .bubble13 {left: 850px; top: 307px; width: 154px; height: 154px;} .serve_mileage_container .bubbles_box1 .bubble14 {left: 942px; top: 445px; width: 136px; height: 136px;} .serve_mileage_container .bubbles_box1 .bubble15 {left: 773px; top: 445px; width: 136px; height: 136px;} .serve_mileage_container .bubbles_box1 .bubble16 {left: 653px; top: 355px; width: 152px; height: 152px;} .serve_mileage_container .bubbles_box1 .bubble17 {left: 559px; top: 246px; font-size: 26px; width: 163px; height: 163px;} .serve_mileage_container .bubbles_box1 .bubble18 {left: 530px; top: 150px; font-size: 23px; width: 120px; height: 120px;} .serve_mileage_container .bubbles_box1 .bubble19 {left: 372px; top: 96px; font-size: 23px; width: 169px; height: 169px;} .serve_mileage_container .bubbles_box1 .bubble20 {left: 623px; top: 490px; font-size: 21px; width: 105px; height: 105px;} .serve_mileage_container .bubbles_box1 .bubble21 {left: 538px; top: 449px; font-size: 24px; width: 105px; height: 105px;} .serve_mileage_container .bubbles_box1 .bubble22 {left: 418px; top: 519px; font-size: 22px; width: 105px; height: 105px;} .serve_mileage_container .bubbles_box1 .bubble23 {left: 509px; top: 550px; font-size: 24px; width: 130px; height: 130px;} .serve_mileage_container .bubbles_box1 .bubble24 {left: 392px; top: 343px; font-size: 26px; width: 187px; height: 187px;} .serve_mileage_container .bubbles_box2 {width: 820px; height: 550px; padding: 0 0 30px;} .serve_mileage_container .bubbles_box2 .bubble0 {left: 0; bottom: 0; font-size: 21px; width: 126px; height: 126px;} .serve_mileage_container .bubbles_box2 .bubble1 {left: 204px; bottom: 6px; font-size: 20px; width: 88px; height: 88px;} .serve_mileage_container .bubbles_box2 .bubble2 {left: 32px; bottom: 152px; font-size: 20px; width: 88px; height: 88px;} .serve_mileage_container .bubbles_box2 .bubble3 {left: 90px; bottom: 61px; font-size: 23px; width: 164px; height: 164px;} .serve_mileage_container .bubbles_box2 .bubble4 {left: 190px; bottom: 140px; font-size: 23px; width: 255px; height: 255px; flex-flow: row wrap; background: #FFF; color: #000; text-transform: uppercase; z-index: 992; box-shadow: 0 0 80px 10px rgba(0,0,0,0.06);} .serve_mileage_container .bubbles_box2 .bubble4 .bubble_icon {width: 36px; height: 42px; margin: 0 auto 2px; position: relative; z-index: 991; background: url(/images/2x/logo.png) 0 0 no-repeat; background-size: 100% auto;} .serve_mileage_container .bubbles_box2 .bubble4 strong {font-size: 54px; line-height: 1.0; display: block; width: 100%;} .serve_mileage_container .bubbles_box2 .bubble5 {right: 0; top: 0; width: 415px; height: 415px;} .serve_mileage_container .bubbles_box2 .bubble5 .bubble_icon {position: relative; display: block; vertical-align: top; top: -15px; margin: 0 auto; width: 323px; height: 106px; background: url('/images/2x/logo_full_white.png') 0 0 no-repeat; background-size: 100% auto;} .serve_clients_container {position: relative; padding: 0 0 30px; z-index: 994;} .serve_clients_container .serve_clients_block {} .serve_clients_container .block_title {margin: 0 0 35px;} .serve_clients_container .block_subtitle {margin: 0 0 75px;} .serve_clients_container .impact_logos {text-align: center;} .serve_clients_container .impact_logos img {display: inline-block; vertical-align: middle; max-width: 210px; max-height: 60px; margin: 0 30px 45px; position: relative;} .serve_clients_container .button_wrap {padding: 35px 0 0;} .serve_clients_container .button_wrap .button {display:block; width: 440px; z-index: 992;} .serve_stories_separator {height: 100px;} /* TESTIMONIALS */ .testimonials_container {} .testimonials_container .testimonials_block {padding: 100px 0 100px;} .testimonials_container .block_title {margin: 0 0 35px;} .testimonials_container .block_subtitle {margin: 0 0 10px;} .testimonials_container .show_more_wrap {padding: 50px 0 0 0;} .testimonial_item {position: relative;} .testimonial_item .testimonial_item_box {position: relative; box-sizing: border-box;} .testimonial_item .testimonial_item_text {position: relative; z-index: 992;} .testimonial_item .testimonial_item_icon {position: absolute; background-position: 0 0; background-repeat: no-repeat; background-size: 100% auto;} .testimonial_item .testimonial_author_box {text-align: center; position: relative; z-index: 992;} .testimonial_item .testimonial_author {position: relative; text-align: left; width: 330px; display: inline-block; vertical-align: top; z-index: 991;} .testimonial_item .testimonial_author:before {content:""; position: absolute; left: -10px; right: -10px; top: 0; bottom: 0; transform: skewX(-15deg); background: #FFF; z-index: 990; box-shadow: 15px 20px 100px 10px rgba(0,0,0,0.12);} .testimonial_item .testimonial_author_plate {position: relative; z-index: 991; padding: 24px 0 23px 36px;} .testimonial_item .testimonial_author_plate:after {content:""; position: absolute; left: -25px; top: 50%; margin-top: -20px; width: 32px; height: 38px; z-index: 991; background: url(/images/2x/logo.png) 0 0 no-repeat; background-size: 100% auto;} .testimonial_item .testimonial_author_name {font-size: 25px; margin: 0 0 2px; position: relative; letter-spacing: 1px;} .testimonial_item .testimonial_author_job {font-size: 16px; line-height: 1.4; letter-spacing: 0.5px; color: #6f6f6f;} .testimonial_item .testimonial_company {position: relative; width: 240px; top: 12px; display: inline-block; vertical-align: top; z-index: 990;} .testimonial_item .testimonial_company:before {content:""; position: absolute; left: -10px; right: -10px; top: 0; bottom: 0; transform: skewX(-15deg); background: #FFF; z-index: 990; box-shadow: 10px 15px 50px 10px rgba(0,0,0,0.065)} .testimonial_item .testimonial_company_plate {position: relative; z-index: 991; padding: 0 0 0 10px; box-sizing: border-box;} .testimonial_item .testimonial_company_plate .pseudo_td {height: 75px;} .testimonial_item .testimonial_company_plate img {max-height: 56px; max-width: 160px;} .testimonial_item.no_back {} .testimonial_item.no_back .testimonial_item_box {width: 1370px; margin: 0 auto; padding: 80px 0 100px;} .testimonial_item.no_back .testimonial_item_icon {left: -15px; top: 6px; width: 382px; padding: 0 0 100%; background-image: url('/images/2x/quotes_5.png');} .testimonial_item.no_back .testimonial_item_text {font-size: 38px; letter-spacing: 1px; line-height: 1.25; font-weight: 300; margin: 0 0 90px 400px;} .testimonial_item.no_back .testimonial_item_text strong {font-weight: 400} .testimonial_item.with_back {margin: 0 0 80px;} .testimonial_item.with_back .testimonial_item_box {padding: 112px 0 110px; background: #fbfbfb; min-height: 500px;} .testimonial_item.with_back .testimonial_item_box:before {content:""; position: absolute; left: 0; top: 0; opacity: 1; bottom: 0; width: 57%; background-position: 0 60%; background-repeat: no-repeat; background-size: cover; z-index: 990; transition: 0.5s;} .testimonial_item.with_back .testimonial_item_box:after {content:""; position: absolute; right: -200px; width: 50.5%; padding: 0 200px 0 0; bottom: 0; top: 0; transform: skewX(-18deg); z-index: 991; background: #f47420; background: -moz-linear-gradient(left, #f47420 0%, #f47420 12%, #e92823 100%); background: -webkit-linear-gradient(left, #f47420 0%, #f47420 12%,#e92823 100%); background: linear-gradient(to right, #f47420 0%, #f47420 12%,#e92823 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f47420', endColorstr='#e92823',GradientType=1 );} .testimonial_item.with_back .testimonial_item_icon {top: -190px; left: 50%; margin: 0 0 0 300px; width: 383px; height: 350px; z-index: 993; background-image: url('/images/2x/quotes_3.png');} .testimonial_item.with_back .testimonial_author_box {position: absolute; left: 0; right: 0; bottom: -46px;} /* EXITS & AQUISITION */ .exits_container {} .exits_container .exits_block {padding: 100px 0 100px;} .exits_container .block_title {margin: 0 0 35px;} .exits_container .block_subtitle {margin: 0 0 80px;} .exits_container .show_more_wrap {padding: 10px 0 0 0;} .exits_container .exits_item {position: relative; margin: 0 0 104px;} .exits_container .exits_item .exits_item_box {position: relative; width: 1136px; margin: 0 auto; padding: 0 0 36px; text-align: center; background: #FFF; box-shadow: 0 20px 100px -5px rgba(0,0,0,0.18); -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;} .exits_container .exits_item .pseudo_td {height: 210px;} .exits_container .exits_item .exits_item_logo {max-width: 350px; max-height: 140px;} .exits_container .exits_item .exits_item_left {text-align: right; float:left; width: 43%;} .exits_container .exits_item .exits_item_right {text-align: left; float:right; width: 43%;} .exits_container .exits_item .exits_item_plus {float:left; width: 14%; height: 100px; position: relative; z-index: 990;} .exits_container .exits_item .exits_item_plus:before {content:""; position: absolute; left: 50%; top: -15px; width: 310px; height: 310px; margin: 0 0 0 -155px; background-position: 0 0; background-repeat: no-repeat; background-size: 100% auto;} .exits_container .exits_item .exits_status {position: absolute; text-align: left; left: 50%; bottom: -38px; font-size: 30px; height: 76px; box-sizing: border-box; padding: 24px 0 0 90px; letter-spacing: 1.35px; font-weight: 600; text-transform: uppercase; color: #FFF; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;} .exits_container .exits_item .exits_status:after {content:""; position: absolute; left: 29px; top: 18px; width: 38px; height: 50px; z-index: 991; background: url(/images/2x/logo_white.png) 0 0 no-repeat; background-size: 100% auto;} .exits_container .exits_item .exits_status .pseudo_td {height: auto;} .exits_container .exits_item .exits_status.blue {width: 490px; margin: 0 0 0 -245px; box-shadow: 0 0 80px 10px rgba(4,156,194,0.4); background: #2cb5d6; background: -moz-linear-gradient(left, #2cb5d6 0%, #009ac0 100%); background: -webkit-linear-gradient(left, #2cb5d6 0%,#009ac0 100%); background: linear-gradient(to right, #2cb5d6 0%,#009ac0 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2cb5d6', endColorstr='#009ac0',GradientType=1 );} .exits_container .exits_item .exits_status.red {width: 354px; margin: 0 0 0 -177px; box-shadow: 0 0 100px 5px rgba(244,113,32,0.5); background: #f47420; background: -moz-linear-gradient(left, #f47420 0%, #f47420 12%, #e92823 100%); background: -webkit-linear-gradient(left, #f47420 0%, #f47420 12%,#e92823 100%); background: linear-gradient(to right, #f47420 0%, #f47420 12%,#e92823 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f47420', endColorstr='#e92823',GradientType=1 );} /* LEADERSHIP */ .top_v2_container.leadership .top_v2_block {padding: 0;} .top_v2_container.leadership .top_v2_backleft {background-image: url(/images/2x/leadership/leadership_back.jpg);} .top_v2_container.leadership .top_v2_backgradient {width: 50%; background: #2cb5d6; background: -moz-linear-gradient(left, #2cb5d6 0%, #009ac0 100%); background: -webkit-linear-gradient(left, #2cb5d6 0%,#009ac0 100%); background: linear-gradient(to right, #2cb5d6 0%,#009ac0 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2cb5d6', endColorstr='#009ac0',GradientType=1 );} .top_v2_container.leadership .top_v2_img1 {width: 403px; margin-left: -195px; background-position: 0 125%;} .top_v2_container.leadership .top_v2_img2 {width: 402px; margin-left: -602px; background-position: 0 125%;} .top_v2_container.leadership .top_v2_img3 {width: 386px; margin-left: 186px; background-position: 0 125%;} .top_v2_container.leadership .button_wrap {z-index: 995;} .top_v2_container.leadership .resultitems {position: absolute; left: 50%; width: 1180px; padding-right: 60px; margin-left: -590px; top: 234px; z-index: 995; box-sizing: border-box;} .top_v2_container.leadership .resultitem {width: 32%;} .top_v2_container.leadership .resultitem.item2 .resultitem_title:before {background: #2cb5d6; background: -moz-linear-gradient(left, #2cb5d6 0%, #009ac0 100%); background: -webkit-linear-gradient(left, #2cb5d6 0%,#009ac0 100%); background: linear-gradient(to right, #2cb5d6 0%,#009ac0 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2cb5d6', endColorstr='#009ac0',GradientType=1 );} .leaders_container {} .leaders_container .leaders_block {padding: 110px 0 85px;} .leaders_container .block_title {margin: 0 0 30px;} .leaders_container .block_subtitle {margin: 0 0 100px;} .leaders_container .show_more span:before {width: 210px; margin-left: -105px;} .leader_lvl1_item {position: relative; padding: 30px 0 0 0; margin: 0 0 80px;} .leader_lvl1_item .leader_item_back {position: absolute; bottom: 0; top: 0; width: 55%; background-repeat: no-repeat; background-size: cover; background-position: 50% 50%; z-index: 990;} .leader_lvl1_item .leader_item_imgbox {position: absolute; bottom: 0; top: -100px; width: 45%; overflow: hidden; z-index: 991;} .leader_lvl1_item .leader_item_img {position: absolute; left: 0; right: 0; bottom: 0; height: 700px; background-repeat: no-repeat; background-size: auto 100%; background-position: 50% 100%;} .leader_lvl1_item .leader_item_box {position: relative; width: 1370px; padding: 0 0 25px; margin: 0 auto; z-index: 992;} .leader_lvl1_item .leader_item_content {position: relative; width: 790px; box-sizing: border-box; padding: 45px 70px 25px; background: #FFF; box-shadow: 0 20px 80px 10px rgba(0,0,0,0.09);} .leader_lvl1_item .leader_item_top {position: relative; margin: 0 0 38px; min-height: 100px;} .leader_lvl1_item .leader_item_top:before {content:""; width: 86px; height: 100px; position: absolute; top: 1px; z-index: 991; background: url(/images/2x/logo.png) 0 0 no-repeat; background-size: 100% auto;} .leader_lvl1_item .leader_item_name {position: relative; font-size: 43px; display: inline-block; vertical-align: bottom; line-height: 1.1; text-transform: uppercase; letter-spacing: 1.5px;} .leader_lvl1_item .leader_item_title {color: #000; opacity: 0.5; font-size: 15px; letter-spacing: 0.5px; position: relative; top: -14px; display: inline-block; vertical-align: bottom;} .leader_lvl1_item .leader_item_titlemob {display: none;} .leader_lvl1_item .leader_item_description {position: relative;} .leader_lvl1_item .leader_item_description p {font-size: 20px; line-height: 1.35; margin: 0; padding: 0 0 22px; font-weight: 300; letter-spacing: 0.5px;} .leader_lvl1_item .leader_item_description strong {font-weight: 400;} .leader_lvl1_item .leader_item_links {position: relative; padding: 20px 0 0 0;} .leader_lvl1_item .leader_item_link img {height: 32px; display: inline-block; vertical-align: top; margin: 0 6px 8px 0; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;} .leader_lvl1_item .leader_item_link.tw img {box-shadow: 0 1px 40px 5px rgba(51,204,255,0.28);} .leader_lvl1_item .leader_item_link.fb img {box-shadow: 0 1px 40px 5px rgba(59,89,152,0.28);} .leader_lvl1_item .leader_item_link.ln img {box-shadow: 0 1px 40px 5px rgba(1,100,155,0.28);} .leader_lvl1_item.even .leader_item_back {left: 0; background-image: url('/images/2x/leadership/leader_back1.jpg'); -webkit-clip-path: polygon(0% 0%, 100% 0%, 85% 100%, 0% 100%, 0% 100%); clip-path: polygon(0% 0%, 100% 0%, 85% 100%, 0% 100%, 0% 100%);} .leader_lvl1_item.even .leader_item_imgbox {left: 0;} .leader_lvl1_item.even .leader_item_content {float:right;} .leader_lvl1_item.even .leader_item_top {padding: 0 0 0 125px;} .leader_lvl1_item.even .leader_item_top:before {left: -8px;} .leader_lvl1_item.even .leader_item_name {margin: 0 24px 0 0;} .leader_lvl1_item.even .leader_item_description {padding: 0 30px 0 0;} .leader_lvl1_item.odd .leader_item_back {right: 0; background-image: url('/images/2x/leadership/leader_back2.jpg'); -webkit-clip-path: polygon(15% 0%, 100% 0%, 100% 100%, 0% 100%, 0% 100%); clip-path: polygon(15% 0%, 100% 0%, 100% 100%, 0% 100%, 0% 100%);} .leader_lvl1_item.odd .leader_item_imgbox {right: 0;} .leader_lvl1_item.odd .leader_item_content {float:left;} .leader_lvl1_item.odd .leader_item_top {padding: 0 125px 0 0; text-align: right;} .leader_lvl1_item.odd .leader_item_top:before {right: -8px;} .leader_lvl1_item.odd .leader_item_name {margin: 0 0 0 24px;} .leader_lvl1_item.odd .leader_item_description {padding: 0 0 0 30px;} .leaders_lvl2 {position: relative; width: 1370px; margin: 0 auto; padding: 60px 0 15px;} .leader_lvl2_item {position: relative; float:left; width: 23.125%; box-sizing: border-box; margin: 0 2.5% 80px 0; text-align: center;} .leader_lvl2_item.item4 {margin-right: 0;} .leader_lvl2_item .leader_item_imgbox {position: relative; background: #FFF; width: 100%; margin: 0 0 48px; box-shadow: 0 12px 50px 10px rgba(0,0,0,0.05); -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;} .leader_lvl2_item .leader_item_imgbox:before {content:""; left: 50%; margin-left: -33px; width: 66px; height: 100px; position: absolute; top: -54px; z-index: 992; background: url(/images/2x/logo.png) 0 0 no-repeat; background-size: 100% auto;} .leader_lvl2_item .leader_item_img {position: relative; padding: 0 0 100%; background-repeat: no-repeat; background-size: 200% auto; background-position: 50% -20px; z-index: 991;} .leader_lvl2_item .leader_item_name {position: relative; text-transform: uppercase; font-size: 28px; letter-spacing: 1px; line-height: 1.2;} .leader_lvl2_item .leader_item_subtitle {position: relative; font-size: 18px; font-weight: 300; line-height: 1.3; padding: 18px 20px 0; letter-spacing: 0.5px;} .leader_lvl2_item .leader_item_subtitle strong {font-weight: 400;} .leaders_lvl3 {position: relative; width: 1370px; margin: 0 auto 60px; box-shadow: 0 20px 80px 10px rgba(0,0,0,0.09); background: #FFF;} .leader_lvl3_item {position: relative; float:left; width: 20%; margin: 0; border-right: 1px solid #efefef; border-bottom: 1px solid #efefef; box-sizing: border-box;} .leader_lvl3_item:before {content:""; left: 18px; top: 17px; width: 30px; height: 40px; position: absolute; z-index: 992; background: url(/images/2x/logo.png) 0 0 no-repeat; background-size: 100% auto;} .leader_lvl3_item .leader_item_img {position: relative; padding: 0 0 100%; background-repeat: no-repeat; background-size: 210% auto; background-position: 50% -40px; z-index: 991;} /* WHO WE ARE */ .who_we_are_page {position: relative; z-index: 990; background-position: 50% 0; background-repeat: repeat-y; background-size: 100% auto;} .who_we_are_page:before {content:""; position: absolute; bottom: 0; left: 0; right: 0; height: 6.771vw; z-index: 995; background: url('/images/2x/who_we_are/we_bottom_cover.png') 0 100% repeat-x; background-size: auto 100%;} .top_v2_container.who_we_are .top_v2_img1 {width: 655px; margin-left: -328px;} .top_v2_container.who_we_are .button_wrap {z-index: 995;} body.ver2 .top_v2_container.who_we_are .top_v2_img1 {width: 40vw; margin-left: -20vw;} body.ver2 .top_v2_container.who_we_are .button_wrap {z-index: 995;} body.ver2 .teams_container {} body.ver2 .teams_container .teams_block {width: 71.354vw; padding: 5.208vw 0;} body.ver2 .teams_container .block_title {padding: 5.208vw 0 0 0;} body.ver2 .teams_container .block_title:before {content:""; width: 3.438vw; height: 4.167vw; position: absolute; left: 50%; margin: 0 0 0 -1.719vw; top: 0; z-index: 991; background: url(/images/2x/logo.png) 0 0 no-repeat; background-size: 100% auto;} body.ver2 .teams_container .block_subtitle {margin: 0 0 4.167vw;} body.ver2 .teams_container .teams_centerbox {position: absolute; left: 50%; margin: 0 0 0 -62.500vw; top: 3.125vw; width: 47.917vw; height: 47.917vw;} body.ver2 .teams_container .teams_centerbox .ani_anchor {top: 13.021vw;} body.ver2 .teams_container .teams_centerbox .teams_centerbox_red {position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: 990; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; background: #f47420; box-shadow: 0 0 100px 5px rgba(244,113,32,0.5); background: -moz-linear-gradient(left, #f47420 0%, #f47420 10%, #e92823 100%); background: -webkit-linear-gradient(left, #f47420 0%, #f47420 10%,#e92823 100%); background: linear-gradient(to right, #f47420 0%, #f47420 10%,#e92823 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f47420', endColorstr='#e92823',GradientType=1 );} body.ver2 .teams_container .teams_centerbox .teams_centerbox_img {position: absolute; left: 50%; top: 50%; width: 38.646vw; height: 38.646vw; margin: -19.323vw 0 0 -19.323vw; z-index: 991; background-size: 100% auto; background-position: 0 0; background-repeat: no-repeat;} body.ver2 .teams_container .teams_centerbox .team_ferris {position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: 993;} body.ver2 .teams_container .team_item {position: absolute; top: 0; left: 50%;} body.ver2 .teams_container .team_item.item1 {top: -3.6vw; margin-left: -8.594vw;} body.ver2 .teams_container .team_item.item5 {bottom: -3.6vw; margin-left: -8.594vw; top: auto;} body.ver2 .teams_container .team_item.item2 {top: 5vw; margin-left: 9.375vw;} body.ver2 .teams_container .team_item.item3 {top: 19vw; margin-left: 15.104vw;} body.ver2 .teams_container .team_item.item4 {top: 34vw; margin-left: 9.375vw;} body.ver2 .teams_container .team_item.item6 {top: 34vw; left: auto; right: 50%; margin-right: 9.375vw;} body.ver2 .teams_container .team_item.item7 {top: 19vw; left: auto; right: 50%; margin-right: 15.104vw;} body.ver2 .teams_container .team_item.item8 {top: 5vw; left: auto; right: 50%; margin-right: 9.375vw;} body.ver2 .teams_container .teams_items {position: relative; padding: 0 0 0 42%;} body.ver2 .teams_container .teams_item {position: relative; margin: 0 0 1.563vw;} body.ver2 .teams_container .teams_item .teams_item_box {position: relative; padding: 2.604vw 0 2.083vw 3.906vw;} body.ver2 .teams_container .teams_item .teams_item_box:before {content:""; position: absolute; left: 0; top: 0; bottom: 0; width: 156.250vw; background: #FFF; z-index: 990; box-shadow: 10px 10px 40px 5px rgba(0,0,0,0.14);} body.ver2 .teams_container .teams_item .teams_item_title {position: relative; font-weight: 400; left: -0.104vw; font-size: 2.135vw; line-height: 1.2; margin: 0 0 1.302vw; z-index: 991; letter-spacing: 0.052vw; text-transform: uppercase;} body.ver2 .teams_container .teams_item .teams_item_title strong {color: #1aaacd;} body.ver2 .teams_container .teams_item .teams_item_text {position: relative; font-size: 1.042vw; line-height: 1.4; letter-spacing: 0.026vw; font-weight: 300; z-index: 991;} body.ver2 .teams_container .teams_item .teams_item_text strong {font-weight: 400;} body.ver2 .we_logo {width: 5.938vw; height: 6.771vw; position: relative; margin: 0 auto 2.865vw; left: 0.729vw; z-index: 991; background: url(/images/2x/logo.png) 0 0 no-repeat; background-size: 100% auto;} body.ver2 .we_statement {position: relative; padding: 5.729vw 0;} body.ver2 .we_statement .ani_anchor {top: -5.208vw;} body.ver2 .we_statement .line_before {position: absolute; top: 0; left: 0; right: 0; height: 3.646vw;} body.ver2 .we_statement .line_before:after {content:""; position: absolute; left: 50%; width: 0.156vw; height: 0; margin: 0 0 0 -0.052vw; top: 0;} body.ver2 .we_statement .line_before.show:after {animation: we_statementline 0.3s ease-in-out 0s forwards;} body.ver2 .we_statement .line_after {position: absolute; bottom: 0; left: 0; right: 0; height: 3.646vw;} body.ver2 .we_statement .line_after:after {content:""; position: absolute; left: 50%; width: 0.156vw; height: 0; margin: 0 0 0 -0.052vw; top: 0;} body.ver2 .we_statement .line_after.show:after {animation: we_statementline 0.3s ease-in-out 0s forwards;} body.ver2 .we_statement .we_statement_box {position: relative; text-align: center; z-index: 994;} body.ver2 .we_statement .we_statement_title {position: relative; text-transform: uppercase; margin: 0 0 1.667vw; font-size: 2.448vw; line-height: 1.25; letter-spacing: 0.052vw; font-weight: 400;} body.ver2 .we_statement .we_statement_text {position: relative; font-weight: 400; font-size: 1.1vw; line-height: 1.5; letter-spacing: 0.026vw; text-transform: uppercase;} body.ver2 .we_statement.large_title .we_statement_title {margin: 0; font-size: 2.865vw; font-weight: 400; line-height: 1.2;} body.ver2 .we_statement.odd .we_statement_title strong {color: #f36821;} body.ver2 .we_statement.odd .line_before:after {background: #f36821;} body.ver2 .we_statement.odd .line_after:after {background: #11a5c9;} body.ver2 .we_statement.even .we_statement_title strong {color: #11a5c9;} body.ver2 .we_statement.even .line_before:after {background: #f36821;} body.ver2 .we_statement.even .line_after:after, body.ver2 .we_statement.even.we_statement4 .line_before:after {background: #11a5c9;} body.ver2 .we_statement .wp_decorations {position: absolute; text-align: center; z-index: 991;} body.ver2 .we_statement .wp_decorations_left {right: 50%;} body.ver2 .we_statement .wp_decorations_right {left: 50%;} body.ver2 .we_statement .wp_results {width: 31.250vw; top: 50%; margin-top: -5.729vw;} body.ver2 .we_statement .wp_results_left {margin-right: 18vw;} body.ver2 .we_statement .wp_results_right {margin-left: 19vw;} body.ver2 .we_statement .wp_results .resultitem {display: inline-block; vertical-align: top; width: 40%; margin: 0 4% 2.344vw;} body.ver2 .we_statement .clients_cloud {width: 46.875vw; top: 50%; margin-top: -6.250vw;} body.ver2 .we_statement .clients_cloud_left {margin-right: 18vw;} body.ver2 .we_statement .clients_cloud_right {margin-left: 18vw;} body.ver2 .we_statement .clients_cloud img {display: inline-block; vertical-align: middle; max-height: 2.083vw; max-width: 8.333vw; opacity: 0.5; margin: 0 1.823vw 2.188vw; position: relative; transition: 0.5s;} body.ver2 .we_statement .clients_cloud img.item4, body.ver2 .we_statement .clients_cloud img.item5, body.ver2 .we_statement .clients_cloud img.item6, body.ver2 .we_statement .clients_cloud img.item7 {margin-left: 2.865vw; margin-right: 2.865vw;} body.ver2 .we_statement .clients_cloud img {-webkit-filter: blur(2px); -moz-filter: blur(2px); filter: blur(2px); opacity: 0.4;} body.ver2 .we_statement .clients_cloud img.active {-webkit-filter: none; -moz-filter: none; filter: none; opacity: 0.5;} body.ver2 .we_statement .wp_teams {width: 42.708vw; top: 50%; margin-top: -4.6vw;} body.ver2 .we_statement .wp_teams_left {margin-right: 21vw;} body.ver2 .we_statement .wp_teams_right {margin-left: 21vw;} body.ver2 .we_statement .wp_teams .team_item {display: inline-block; vertical-align: top; width: 13.802vw;} body.ver2 .we_statement .wp_teams .team_item .team_item_avatars {white-space: nowrap;} body.ver2 .we_statement .wp_teams .team_item .team_item_avatars.avatars3 {left: -1.042vw; position: relative;} body.ver2 .we_statement .wp_impacts {width: 39.583vw; top: 6.8vw;} body.ver2 .we_statement .wp_impacts_left {margin-right: 19vw;} body.ver2 .we_statement .wp_impacts_right {margin-left: 19vw;} body.ver2 .we_statement .wp_impacts .impact_graph {display: inline-block; vertical-align: top; margin: 0 1.1vw; transform: scale(0.8);} body.ver2 .we_statement .wp_awards {width: 25vw; top: 5.208vw;} body.ver2 .we_statement .wp_awards_left {margin-right: 20vw;} body.ver2 .we_statement .wp_awards_right {margin-left: 20vw;} body.ver2 .wp_award_item {position: relative; display: inline-block; width: 7.031vw; margin: 0 0.521vw; box-sizing: border-box; padding: 8.594vw 0 0 0;} body.ver2 .wp_award_item .wp_award_top {position: absolute; left: 50%; top: 0; width: 14.583vw; height: 14.583vw; margin: 0 0 0 -7.292vw; z-index: 991;} body.ver2 .wp_award_item .wp_award_top img {position: absolute; left: 0; top: 0; width: 100%;} body.ver2 .wp_award_item .wp_award_box {position: relative; background: #FFF; box-shadow: 0 20px 60px 5px rgba(0,0,0,0.16); z-index: 990;} body.ver2 .wp_award_item .wp_award_box img {max-width: 65%; max-height: 55%;} body.ver2 .wp_award_item .wp_award_box .pseudo_td {height: 5.208vw; padding: 1.302vw 0 0 0;} body.ver2 .we_statement_round {position: absolute; width: 41.146vw; height: 41.146vw; z-index: 990;} body.ver2 .we_statement_round .we_statement_round1 {position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: #FFF; box-shadow: 0 0 80px 5px rgba(0,0,0,0.1); -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%;} body.ver2 .we_statement_round .we_statement_round2 {position: absolute; left: 50%; top: 50%; width: 28.125vw; height: 28.125vw; margin: -14.063vw 0 0 -14.063vw; background: #FFF; box-shadow: 0 0 160px 5px rgba(0,0,0,0.11); -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%;} body.ver2 .we_statement.we_statement7 .clients_cloud_left {margin-right: 15vw;} body.ver2 .we_statement.we_statement7 .clients_cloud_right {margin-left: 15vw;} body.ver2 .we_statement.we_statement9 .wp_impacts {top: 6.8vw;} body.ver2 .we_statement.we_statement9 .wp_impacts_left {margin-right: 19vw;} body.ver2 .we_statement.we_statement9 .wp_impacts_right {margin-left: 19vw;} body.ver2 .we_statement.we_statement9 .we_statement_round {right: 50%; margin-right: 23.958vw; top: 1.042vw;} body.ver2 .we_statement.we_statement10 .wp_teams {top: -1.9vw; margin-top: 0;} body.ver2 .we_statement.we_statement10 .wp_teams_left {margin-right: 19vw;} body.ver2 .we_statement.we_statement10 .wp_teams_right {margin-left: 19vw;} body.ver2 .we_statement.we_statement10 .wp_results {width: 31.250vw; top: 17vw;} body.ver2 .we_statement.we_statement10 .wp_results_left {margin-right: 22vw;} body.ver2 .we_statement.we_statement10 .wp_results_right {margin-left: 22vw;} body.ver2 .we_statement.we_statement10 .we_statement_round {left: 50%; margin-left: 22.917vw; top: -4.167vw;} body.ver2 .we_imgstatement {position: relative; padding: 3.125vw 0;} body.ver2 .we_imgstatement .ani_anchor {top: -5.208vw;} body.ver2 .we_imgstatement .line_before {position: absolute; top: 0; left: 0; right: 0; height: 5.990vw;} body.ver2 .we_imgstatement .line_before:after {content:""; position: absolute; left: 50%; width: 0.156vw; height: 0; margin: 0 0 0 -0.052vw; top: 0;} body.ver2 .we_imgstatement .line_before.show:after {animation: we_statementline 0.3s ease-in-out 0s forwards;} body.ver2 .we_imgstatement .line_after {position: absolute; bottom: 0; left: 0; right: 0; height: 5.990vw;} body.ver2 .we_imgstatement .line_after:after {content:""; position: absolute; left: 50%; width: 0.156vw; height: 0; margin: 0 0 0 -0.052vw; top: 0;} body.ver2 .we_imgstatement .line_after.show:after {animation: we_statementline 0.3s ease-in-out 0s forwards;} body.ver2 .we_imgstatement .we_imgstatement_wrap {position: relative; box-sizing: border-box;} body.ver2 .we_imgstatement .we_imgstatement_img {position: absolute; width: 47.5%; top: 0; bottom: 0; background-size: cover; background-position: 50% 50%; background-repeat: no-repeat; z-index: 990;} body.ver2 .we_imgstatement .we_imgstatement_content {position: relative; width: 71.354vw; margin: 0 auto; padding: 2.865vw 0; z-index: 991;} body.ver2 .we_imgstatement .we_imgstatement_box {position: relative;} body.ver2 .we_imgstatement .we_imgstatement_title {font-size: 2.344vw; color: #FFF; line-height: 1.2; margin: 0 0 2.083vw; letter-spacing: 0.115vw; text-transform: uppercase; font-weight: 400;} body.ver2 .we_imgstatement .we_imgstatement_text {font-size: 1.042vw; font-weight: 300; color: #FFF; position: relative; line-height: 1.4; letter-spacing: 0.026vw;} body.ver2 .we_imgstatement .we_imgstatement_text:before {content:""; position: absolute; top: 50%; margin-top: -2.36vw; width: 4.271vw; height: 4.72vw; z-index: 991; background: url(/images/2x/logo_white.png) 0 0 no-repeat; background-size: 100% auto;} body.ver2 .we_imgstatement .we_imgstatement_text strong {font-weight: 400;} body.ver2 .we_imgstatement.red .line_before:after {background: #f36821;} body.ver2 .we_imgstatement.red .line_after:after {background: #f36821;} body.ver2 .we_imgstatement.red .we_imgstatement_img {right: 0;} body.ver2 .we_imgstatement.red .we_imgstatement_box {margin: 0 41.5% 0 0; padding: 3.281vw 3.646vw 3.281vw 0; text-align: right; background: #f47420; box-shadow: 0 0 100px 5px rgba(244,113,32,0.5); background: -moz-linear-gradient(left, #f47420 0%, #f47420 10%, #e92823 100%); background: -webkit-linear-gradient(left, #f47420 0%, #f47420 10%,#e92823 100%); background: linear-gradient(to right, #f47420 0%, #f47420 10%,#e92823 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f47420', endColorstr='#e92823',GradientType=1 );} body.ver2 .we_imgstatement.red .we_imgstatement_text {padding: 0 6.146vw 0 2.604vw;} body.ver2 .we_imgstatement.red .we_imgstatement_text:before {right: 0.052vw;} body.ver2 .we_imgstatement.blue .line_before:after {background: #11a5c9;} body.ver2 .we_imgstatement.blue .line_after:after {background: #11a5c9;} body.ver2 .we_imgstatement.blue .we_imgstatement_img {left: 0;} body.ver2 .we_imgstatement.blue .we_imgstatement_box {margin: 0 0 0 41.5%; padding: 3.281vw 0 3.281vw 3.646vw; text-align: left; background: #2cb5d6; box-shadow: 0 0 40px 5px rgba(4,156,194,0.4); background: -moz-linear-gradient(left, #2cb5d6 0%, #009ac0 100%); background: -webkit-linear-gradient(left, #2cb5d6 0%,#009ac0 100%); background: linear-gradient(to right, #2cb5d6 0%,#009ac0 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2cb5d6', endColorstr='#009ac0',GradientType=1 );} body.ver2 .we_imgstatement.blue .we_imgstatement_text {padding: 0 2.604vw 0 6.146vw;} body.ver2 .we_imgstatement.blue .we_imgstatement_text:before {left: 0.052vw;} body.ver2 .we_funnel_box {padding: 0 0 6.771vw; position: relative; z-index: 995;} body.ver2 .we_funnel_box .wp_award_item {position: absolute; text-align: center; top: -5vw; margin: 0;} body.ver2 .we_funnel_box .wp_award_item_left {right: 50%; margin-right: 29.688vw;} body.ver2 .we_funnel_box .wp_award_item_right {left: 50%; margin-left: 29.167vw;} body.ver2 .we_funnel_box .we_funnel {position: relative; width: 57.656vw; margin: 0 auto; display: block;} body.ver2 .we_funnel_box .we_funnel.show {animation: we_funnel_floating 3s ease-in-out infinite;} /* THANK YOU 1 */ .thankyou_top_container {margin: 0 0 170px;} .thankyou_top_container .thankyou_top_block {padding: 0; height: 680px; width: 1370px; margin: 0 auto; z-index: 992;} .thankyou_top_container .thankyou_top_backleft {position: absolute; left: 0; top: 0; opacity: 1; bottom: 0; width: 66%; background-image: url('/images/2x/subscribe_back.jpg'); background-position: 0 0; background-repeat: no-repeat; background-size: cover; z-index: 990; transition: 0.5s;} .thankyou_top_container .thankyou_top_backgradient {position: absolute; right: -200px; width: 50.5%; padding: 0 200px 0 0; bottom: 0; top: 0; transform: skewX(-18deg); z-index: 991; background: #f47420; background: -moz-linear-gradient(left, #f47420 0%, #f47420 20%, #e92823 80%, #e92823 100%); background: -webkit-linear-gradient(left, #f47420 0%, #f47420 20%, #e92823 80%, #e92823 100%); background: linear-gradient(to right, #f47420 0%, #f47420 20%, #e92823 80%, #e92823 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f47420', endColorstr='#e92823',GradientType=1 );} .thankyou_top_container .thankyou_top_imgbox {position: absolute; right: 0; top: 0; bottom: 0; left: 0; z-index: 991; overflow: hidden;} .thankyou_top_container .thankyou_top_img {position: absolute; right: 0; top: 0; bottom: 0; left: 0; background-position: 100px 100%; background-repeat: no-repeat; background-size: 886px auto;} .thankyou_top_container .thankyou_top_content {position: relative; float: right; width: 37%; padding: 0; z-index: 993;} .thankyou_top_container .thankyou_top_content .pseudo_td {height: 680px;} .thankyou_top_container .block_title {position: relative; font-size: 58px; margin: 0 0 22px; color: #FFF; font-weight: 400; left: -2px; letter-spacing: 2px; text-transform: uppercase; text-align: left;} .thankyou_top_container .block_subtitle {position: relative; font-size: 23px; margin: 0 0 42px; line-height: 1.4; color: #FFF; letter-spacing: 1px; font-weight: 300; text-align: left;} .thankyou_top_container .block_subtitle strong {font-weight: 400; color: #FFF;} .thankyou_top_container .button {width: 240px;} .thankyou_top_container .mob_button_wrap {display: none;} .thank_you_bottommargin {height: 50px;} /* THANK YOU 2 */ .thankyou2_top_container {margin: 0; background-size: cover; background-position: 50% 0; background-repeat: no-repeat; z-index: 4;} .thankyou2_top_container.marg_bot_60 {margin-bottom: 60px;} .thankyou2_top_container .thankyou_top_block {padding: 0; width: 1370px; margin: 0 auto; z-index: 992;} .thankyou2_top_container .thankyou2_top_content {position: relative; text-align: center; padding: 0; z-index: 993;} .thankyou2_top_container .thankyou2_top_content .pseudo_td {height: 690px; padding-top: 0;} .thankyou2_top_container .block_title {position: relative; font-size: 58px; font-weight: 400; letter-spacing: 2px; text-transform: uppercase;} .thankyou2_top_container .block_mob_title {display: none;} .thankyou2_top_container .button_wrap {position: absolute; bottom: -33px; left: 0; right: 0;} .thankyou2_top_container .button {padding-left: 30px; padding-right: 30px;} .calendly-inline-widget {margin-bottom: 60px;} body.contact-page-thank-you-confirmation .follow_container {top: -70px; margin: 0 0 -20px; padding-top: 0;} /* VIDEO TOP */ .video_top_container {margin: 0 0 170px;} .video_top_container .video_top_block {padding: 0; height: auto; width: auto; margin: 0 auto; z-index: 992;} .video_top_container .video_top_backleft {position: absolute; left: 0; top: 0; opacity: 1; bottom: 0; width: 66%; background-image: url('/images/2x/subscribe_back.jpg'); background-position: 0 0; background-repeat: no-repeat; background-size: cover; z-index: 990; transition: 0.5s;} .video_top_container .video_top_backgradient {position: absolute; right: -200px; width: 50.5%; padding: 0 200px 0 0; bottom: 0; top: 0; transform: skewX(-18deg); z-index: 991; background: #f47420; background: -moz-linear-gradient(left, #f47420 0%, #f47420 20%, #e92823 80%, #e92823 100%); background: -webkit-linear-gradient(left, #f47420 0%, #f47420 20%, #e92823 80%, #e92823 100%); background: linear-gradient(to right, #f47420 0%, #f47420 20%, #e92823 80%, #e92823 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f47420', endColorstr='#e92823',GradientType=1 );} .video_top_container .video_top_content {z-index: 994; max-width: 1200px; margin: 0 auto; position: relative;} .video_top_container .video_top_content .pseudo_td {height: 760px;} .video_top_container .video_top_content iframe {display: block; margin: 0 auto;} /* OUTSOURCE */ .top_v2_container.outsourced .top_v2_backleft {background-image: url('/images/2x/industries_topback.jpg');} .top_v2_container.outsourced .sliding_line_blue .sliding_line1 u {display: inline-block; width: 980px;} .top_v2_container.outsourced .sliding_line_blue .sliding_line2 u {display: inline-block; width: 820px;} .top_v2_container.outsourced .top_v2_img1 {width: 348px; margin-left: -180px;} .top_v2_container.outsourced .top_v2_img2 {width: 340px; margin-left: -524px;} .top_v2_container.outsourced .top_v2_img3 {width: 338px; margin-left: 150px;} .top_v2_container.outsourced .button_wrap {z-index: 995;} .elevatebldg_container {background: #f5f6f8; margin: 200px 0 50px 0;} .elevatebldg_container .elevatebldg_img {position: absolute; left: 0; bottom: 0; width: 857px; height: 796px; z-index: 990; background-size: 100% auto; background-position: 0 100%; background-repeat: no-repeat;} .elevatebldg_container .elevatebldg_block {width: 1370px; box-sizing: border-box; z-index: 991;} .elevatebldg_container .elevate_content {position: relative; padding: 0 0 0 50%;} .elevatebldg_container .pseudo_td {height: 730px;} .elevatebldg_container .block_title {position: relative; z-index: 991; margin: 0 0 30px 75px; text-align: left; font-size: 50px; line-height: 1.2; font-weight: 600; text-transform: uppercase; letter-spacing: 2px;} .elevatebldg_container .block_title:before {content: ""; width: 75px; height: 90px; position: absolute; top: 9px; left: -125px; z-index: 991; background: url(/images/2x/logo.png) 0 0 no-repeat; background-size: 100% auto;} .elevatebldg_container .block_title strong {font-weight: 600; color: #f26021;} .elevatebldg_container .elevate_box_text {position: relative; z-index: 991; margin: 0 0 58px 75px; font-size: 20px; font-weight: 300; line-height: 1.4; letter-spacing: 0.5px;} .elevatebldg_container .elevate_box_text strong {font-weight: 400;} .elevatebldg_container .elevate_box_imgs {position: relative; padding: 40px 50px 30px;} .elevatebldg_container .elevate_box_imgs:before {content:""; position: absolute; left: 0; top: 0; bottom: 0; width: 3000px; background: #FFF; z-index: 990; box-shadow: 20px 20px 50px 5px rgba(0,0,0,0.14);} .elevatebldg_container .elevate_box img {display: inline-block; vertical-align: top; max-height: 23px; max-width: 170px; margin: 0 22px 25px 0; position: relative; z-index: 991;} .scaleteam_container .scaleteam_block {width: 1160px; padding: 50px 0 100px;} .scaleteam_container .block_title {margin: 0 0 40px;} .scaleteam_container .block_subtitle {margin: 0 0 90px;} .scaleteam_container .scaleteam_items {position: relative; padding: 120px 0 0 0;} .scaleteam_container .scaleteam_item {position: relative; float:left; width: 29.8666%; padding: 172px 0 80px; text-align: center; background: #FFF; box-shadow: 0 0 50px 5px rgba(0,0,0,0.12);} .scaleteam_container .scaleteam_item:before {content: ""; width: 66px; height: 80px; position: absolute; bottom: -48px; margin: 0 0 0 -35px; left: 50%; z-index: 991; background: url(/images/2x/logo.png) 0 0 no-repeat; background-size: 100% auto;} .scaleteam_container .scaleteam_item.item2 {margin: 0 5.2%;} .scaleteam_container .scaleteam_item .scaleteam_item_title {letter-spacing: 1.5px; font-size: 34px; line-height: 1.2; text-transform: uppercase; font-weight: 300;} .scaleteam_container .scaleteam_item .scaleteam_item_title strong {font-weight: 600;} .scaleteam_container .scaleteam_item .impact_graph {position: absolute; left: 0; top: -113px; right: 0;} .outsourcedimg_container {padding: 75px 0;} .outsourcedimg_container .outsourcedimg_container_wrap {position: relative;} .outsourcedimg_container .outsourcedimg_container_wrap:before {content:""; position: absolute; left: 0; top: 0; right: 0; bottom: 0; background-size: cover; background-position: 0 0; background-repeat: no-repeat;} .outsourcedimg_container .outsourcedimg_block {width: 1370px;} .outsourcedimg_container .outsourcedimg_content {padding: 0 50% 0 0;} .outsourcedimg_container .pseudo_td {height: 652px;} .outsourcedimg_container .outsourcedimg_box {position: relative; text-align: right; padding: 58px 75px 54px 0;} .outsourcedimg_container .outsourcedimg_box:before {content:""; position: absolute; right: 0; top: 0; bottom: 0; width: 3000px; background: #FFF; box-shadow: 20px 20px 50px 5px rgba(0,0,0,0.14);} .outsourcedimg_container .outsourcedimg_title {position: relative; z-index: 991; font-size: 45px; line-height: 1.2; margin: 0 0 38px; font-weight: 600; letter-spacing: 1px; text-transform: uppercase;} .outsourcedimg_container .outsourcedimg_title strong {color: #f26021;} .outsourcedimg_container .outsourcedimg_subtitle {font-size: 20px; font-weight: 300; line-height: 1.4; letter-spacing: 0.5px; position: relative; padding: 0 125px 0 0;} .outsourcedimg_container .outsourcedimg_subtitle:before {content: ""; width: 75px; height: 90px; position: absolute; top: -6px; right: 12px; z-index: 991; background: url(/images/2x/logo.png) 0 0 no-repeat; background-size: 100% auto;} .outsourcedimg_container .outsourcedimg_subtitle strong {font-weight: 400;} .global_container .global_block {padding: 50px 0 0;} .global_container .block_title {margin: 0 0 40px;} .global_container .block_subtitle {margin: 0 0 220px;} .global_container .global_map_box {position: relative; height: 620px; left: 30px;} .global_container .global_map_box .global_map {position: absolute; left: 50%; top: 0; width: 1600px; height: 620px; margin: 0 0 0 -800px; z-index: 990; background-size: 100% auto; background-position: 0 0; background-repeat: no-repeat;} .global_container .global_map_lines {position: absolute; left: 50%; top: -130px; margin: 0 0 0 -710px; width: 1010px; height: 600px; z-index: 991; background-position: 0 0; background-repeat: no-repeat; background-size: 100% auto;} .global_container .mm_marker {position: absolute; left: 50%; top: 275px; margin: 0 0 0 -500px; width: 62px; height: 80px; background: url(/images/2x/logo.png) 0 0 no-repeat; background-size: 100% auto; z-index: 992;} .global_container .team_item {width: 200px;} .global_container .team_item .team_item_avatar {width: 90px; height: 62px;} .global_container .team_item .team_item_avatar:before {margin-left: -50px; bottom: -14px; width: 100px; height: 26px;} .global_container .team_item .team_item_avatar span {top: auto; height: 62px;} .global_container .team_item .team_item_plate {top: 0; min-width: 50px; padding: 2px 0 4px;} .global_container .team_item .team_item_plate span {font-size: 13px; color: #FFF;} .global_container .ferris_item1 {top: 170px; margin-left: -825px;} .global_container .ferris_item2 {top: 180px; margin-left: -730px;} .global_container .ferris_item3 {top: 160px; margin-left: -630px;} .global_container .ferris_item4 {top: 180px; margin-left: -540px;} .global_container .ferris_item5 {top: 190px; margin-left: -445px;} .global_container .ferris_item6 {top: 260px; margin-left: -680px;} .global_container .ferris_item7 {top: 260px; margin-left: -480px;} .global_container .ferris_item8 {top: 350px; margin-left: -400px;} .global_container .ferris_item9 {top: 210px; margin-left: -185px;} .global_container .ferris_item10 {top: 140px; margin-left: -110px;} .global_container .ferris_item11 {top: 185px; margin-left: -50px;} .global_container .ferris_item12 {top: 240px; margin-left: 15px;} .global_container .ferris_item13 {top: 180px; margin-left: 80px;} .global_container .ferris_item14 {top: 270px; margin-left: 145px;} .global_container .ferris_item15 {top: 140px; margin-left: 195px;} /* WHY WE'RE DIFFERENT */ .top_v2_container.why_we_different .top_v2_backleft {background-image: url('/images/2x/industries_topback.jpg');} .top_v2_container.why_we_different .top_v2_img1 {width: 600px; margin-left: -300px; margin-top: 0; margin-bottom: -25px;} .top_v2_container.why_we_different .resultitems {position: absolute; left: 0; right: 0; top: 0; text-align: center;} .top_v2_container.why_we_different .resultitem {position: absolute; top: 50%;} .top_v2_container.why_we_different .resultitem.item1 {right: 50%; top: 290px; margin-right: 335px;} .top_v2_container.why_we_different .resultitem.item2 {position: relative; top: 100px; left: auto;} .top_v2_container.why_we_different .resultitem.item3 {left: 50%; top: 290px; margin-left: 300px;} .top_v2_container.why_we_different .resultitem.item3 .resultitem_box:before {background-image: url('/images/2x/logo_white.png');} .top_v2_container.why_we_different .resultitem.item3 .resultitem_title:before {background: #2cb5d6; background: -moz-linear-gradient(left, #2cb5d6 0%, #009ac0 100%); background: -webkit-linear-gradient(left, #2cb5d6 0%,#009ac0 100%); background: linear-gradient(to right, #2cb5d6 0%,#009ac0 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2cb5d6', endColorstr='#009ac0',GradientType=1 );} .driving_container {} .driving_container .driving_block {width: 1370px; padding: 130px 0 20px;} .driving_container .block_subtitle {margin: 0 0 85px;} .driving_container .driving_content {padding: 25px 0 0 0;} .driving_container .driving_left {float:left; position: relative; text-align: left; width: 400px; margin: 30px 0 0 55px; padding: 118px 0 0 0;} .driving_container .driving_left:before {content: ""; width: 65px; height: 80px; position: absolute; top: 0; left: -2px; z-index: 991; background: url(/images/2x/logo.png) 0 0 no-repeat; background-size: 100% auto;} .driving_container .driving_left .block_title {margin: 0 0 30px; text-align: left;} .driving_container .driving_left .block_subtitle {text-align: left;} .driving_container .driving_right {float:right; position: relative; width: 740px;} .driving_container .driving_right .ani_anchor {top: 200px;} .driving_container .driving_line {position: relative; margin: 0 0 50px;} .driving_container .driving_line .driving_line_icon {position: absolute; background-size: 100% auto; background-position: 0 0; background-repeat: no-repeat;} .driving_container .driving_line .driving_line_result {position: relative; display: inline-block; vertical-align: top; width: 320px; margin: 0 70px 0 0;} .driving_container .driving_line .driving_line_result:before {content:""; position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: 990; transform: skewX(-20deg); z-index: 990;} .driving_container .driving_line .driving_line_result span {position: relative; z-index: 991; color: #FFF; font-size: 102px; letter-spacing: 1px; font-weight: 700; display: block; text-align: center; padding: 30px 0 28px; text-transform: uppercase;} .driving_container .driving_line .driving_line_title {display: inline-block; vertical-align: top; position: relative; letter-spacing: 2px; font-size: 34px; line-height: 1.2; text-transform: uppercase; font-weight: 300;} .driving_container .driving_line .driving_line_title strong {font-weight: 400;} .driving_container .driving_line1 .driving_line_result:before {box-shadow: 10px 10px 40px 5px rgba(4,156,194,0.5); background: #2cb5d6; background: -moz-linear-gradient(left, #2cb5d6 0%, #009ac0 100%); background: -webkit-linear-gradient(left, #2cb5d6 0%,#009ac0 100%); background: linear-gradient(to right, #2cb5d6 0%,#009ac0 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2cb5d6', endColorstr='#009ac0',GradientType=1 );} .driving_container .driving_line2 .driving_line_result:before {box-shadow: 10px 10px 40px 5px rgba(244,113,32,0.6); background: #f47420; background: -moz-linear-gradient(left, #f47420 0%, #f47420 20%, #e92823 80%,#e92823 100%); background: -webkit-linear-gradient(left, #f47420 0%, #f47420 20%, #e92823 80%,#e92823 100%); background: linear-gradient(to right, #f47420 0%, #f47420 20%, #e92823 80%,#e92823 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f47420', endColorstr='#e92823',GradientType=1 );} .driving_container .driving_line3 .driving_line_result:before {box-shadow: 10px 10px 40px 5px rgba(0,0,0,0.13); background: #FFF;} .driving_container .driving_line3 .driving_line_result span {color: #000;} .driving_container .driving_line1 .driving_line_icon {width: 120px; height: 180px; left: -95px; top: 3px;} .driving_container .driving_line2 .driving_line_icon {width: 110px; height: 160px; left: -88px; top: -15px;} .driving_container .driving_line3 .driving_line_icon {width: 280px; height: 220px; left: -162px; top: -40px;} .elevate_container {padding: 75px 0 75px;} .elevate_container .elevate_container_wrap {position: relative;} .elevate_container .elevate_container_wrap:before {content:""; position: absolute; left: 0; top: 0; right: 0; bottom: 0; background-size: cover; background-position: 50% 50%; background-repeat: no-repeat;} .elevate_container .elevate_block {padding: 0; width: 1370px;} .elevate_container .elevate_content {margin: 0 0 0 50%; position: relative;} .elevate_container .elevate_content .ani_anchor {top: 150px;} .elevate_container .pseudo_td {height: 726px;} .elevate_container .elevate_box {position: relative; padding: 50px 20px 50px 180px;} .elevate_container .elevate_box:before {content:""; position: absolute; left: 0; top: 0; bottom: 0; width: 3000px; background: #FFF; box-shadow: 20px 20px 50px 5px rgba(0,0,0,0.14);} .elevate_container .elevate_box_title {position: relative; z-index: 991; margin: 0 0 34px; font-size: 50px; line-height: 1.2; font-weight: 400; text-transform: uppercase; letter-spacing: 2px;} .elevate_container .elevate_box_title:before {content: ""; width: 75px; height: 90px; position: absolute; top: 9px; left: -125px; z-index: 991; background: url(/images/2x/logo.png) 0 0 no-repeat; background-size: 100% auto;} .elevate_container .elevate_box_title strong {font-weight: 600; color: #f26021;} .elevate_container .elevate_box_text {position: relative; z-index: 991; margin: 0 0 40px; font-size: 20px; font-weight: 300; line-height: 1.4; letter-spacing: 0.5px;} .elevate_container .elevate_box_text strong {font-weight: 400;} .elevate_container .elevate_box img {display: inline-block; vertical-align: top; max-height: 23px; max-width: 170px; margin: 0 22px 25px 0; position: relative; z-index: 991;} .createsyn_container {padding: 75px 0 75px;} .createsyn_container .createsyn_container_wrap {position: relative;} .createsyn_container .ani_anchor {top: 150px;} .createsyn_container .createsyn_img {position: absolute; right: 0; width: 54%; top: 0; bottom: 0; background-size: cover; z-index: 990; -webkit-clip-path: polygon(20% 0%, 100% 0%, 100% 100%, 0% 100%, 0% 100%); clip-path: polygon(20% 0%, 100% 0%, 100% 100%, 0% 100%, 0% 100%);} .createsyn_container .createsyn_block {width: 1370px; min-height: 580px; box-sizing: border-box; padding: 10px 0 20px; z-index: 991; position: relative;} .createsyn_container .createsyn_content {position: relative; padding: 120px 0 0 0; width: 600px; margin: 0 0 0 55px;} .createsyn_container .createsyn_content:before {content: ""; width: 75px; height: 90px; position: absolute; top: 0; left: -2px; z-index: 991; background: url(/images/2x/logo.png) 0 0 no-repeat; background-size: 100% auto;} .createsyn_container .block_title {text-align: left; margin: 0 0 35px;} .createsyn_container .block_subtitle {text-align: left; font-size: 20px; width: 85%;} .intimate_container {padding: 75px 0 75px;} .intimate_container .intimate_container_wrap {position: relative;} .intimate_container .intimate_container_wrap:before {content:""; position: absolute; left: 0; top: 0; right: 0; bottom: 0; background-size: cover; background-position: 50% 50%; background-repeat: no-repeat;} .intimate_container .intimate_block {padding: 0; width: 1370px;} .intimate_container .intimate_content {margin: 0 0 0 50%; position: relative;} .intimate_container .pseudo_td {height: 600px;} .intimate_container .intimate_box {position: relative; padding: 50px 0 80px 80px;} .intimate_container .intimate_box .ani_anchor {top: 150px;} .intimate_container .intimate_box:before {content:""; position: absolute; left: 0; top: 0; bottom: 0; width: 3000px; background: #FFF; box-shadow: 20px 20px 50px 5px rgba(0,0,0,0.14);} .intimate_container .intimate_box_title {position: relative; z-index: 991; margin: 0 0 40px; font-size: 41px; line-height: 1.2; font-weight: 400; text-transform: uppercase; letter-spacing: 2px;} .intimate_container .intimate_box_title strong {font-weight: 400; color: #1aaacd;} .intimate_container .intimate_box_text {position: relative; z-index: 991; padding: 0 0 0 110px; font-size: 20px; font-weight: 300; line-height: 1.4; letter-spacing: 1px;} .intimate_container .intimate_box_text:before {content: ""; width: 75px; height: 90px; position: absolute; top: 4px; left: -2px; z-index: 991; background: url(/images/2x/logo.png) 0 0 no-repeat; background-size: 100% auto;} .intimate_container .intimate_box_text strong {font-weight: 400;} .intimate_container .intimate_box img {display: inline-block; vertical-align: top; max-height: 23px; max-width: 170px; margin: 0 22px 25px 0; position: relative; z-index: 991;} .intimate_container .button_wrap {position: absolute; left: 80px; bottom: -33px; z-index: 992;} .intimate_container .button {width: 308px; height: 63px; padding-left: 60px;} .intimate_container .button:after {content:""; position: absolute; left: 10px; bottom: 0; width: 80px; height: 90px; background: url('/images/2x/button_man.png') 0 100% no-repeat; background-size: 100% auto;} .dots_container {overflow: hidden;} .dots_container .dots_block {width: 1140px; padding: 55px 0 75px;} .dots_container .dots_content {position: relative; float:left; padding: 100px 0 0 0; width: 440px; margin: 20px 0 0 0; z-index: 992;} .dots_container .dots_content:before {content: ""; width: 75px; height: 90px; position: absolute; top: 0; left: -2px; z-index: 991; background: url(/images/2x/logo.png) 0 0 no-repeat; background-size: 100% auto;} .dots_container .dots_content br {display: none;} .dots_container .block_title {text-align: left; margin: 0 0 35px;} .dots_container .block_subtitle {text-align: left; font-size: 20px;} .dots_container .bubbles_box {position: relative; width: 545px; height: 500px;} .dots_container .dots_img {position: absolute; right: -210px; top: 150px; width: 880px; height: 530px;} .dots_container .dots_img div {position: absolute; left: 0; top: 0; right: 0; bottom: 0; background-size: 100% auto; background-repeat: no-repeat; background-position: 0 0;} .measure_container {overflow: hidden;} .measure_container .measure_block {padding: 65px 0 90px;} .measure_container .block_title {margin: 0 0 35px;} .measure_container .block_subtitle {margin: 0 0 75px;} .measure_container .measure_content {width: 1155px; height: 650px; margin: 0 auto; position: relative; background: #FFF; box-shadow: 0 20px 100px -5px rgba(0,0,0,0.18); -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;} .measure_container .ani_anchor {top: 100px;} .measure_container .measure_items {position: relative; z-index: 991;} .measure_container .measure_anchor {position: absolute; top: 200px;} .measure_container .measure_items_wrap {position: relative; width: 1200px; height: 1200px; margin: 0 auto; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; background: #feebda; background: -moz-linear-gradient(left, #feebda 0%, #feebda 10%, #fcdbdb 100%); background: -webkit-linear-gradient(left, #feebda 0%, #feebda 10%,#fcdbdb 100%); background: linear-gradient(to right, #feebda 0%, #feebda 10%,#fcdbdb 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#feebda', endColorstr='#fcdbdb',GradientType=1 );} .measure_container .measure_items_wrap:before {content:""; position: absolute; left: 1px; top: 1px; right: 1px; bottom: 1px; background: #FFF; z-index: 990; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%;} .measure_container .measure_item_v2 {position: absolute; left: 50%; width: 250px; top: 2000px; text-align: center;} .measure_container .measure_item_v2 strong {display: block; font-weight: 600; margin: 0 0 5px;} .measure_container .measure_item_v2 strong:before {content:""; position: absolute; left: 50%; top: 50%; width: 1px; height: 1px;} .measure_container .measure_item_v2 span {opacity: 0.6; font-weight: 300;} .measure_container .measure_item_v2.black strong {color: #000;} .measure_container .measure_item_v2.red strong {background: -moz-linear-gradient(left, #f47420 0%, #f47420 10%, #e92823 100%); background: -webkit-linear-gradient(left, #f47420 0%, #f47420 10%,#e92823 100%); background: linear-gradient(to right, #f47420 0%, #f47420 10%,#e92823 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f47420', endColorstr='#e92823',GradientType=1 ); -webkit-background-clip: text; -webkit-text-fill-color: transparent; color: #e92823;} .measure_container .measure_item_v2.red strong:before {box-shadow: 0 0 100px 30px rgba(244,113,32,0.45);} .measure_container .measure_item_v2.blue strong {background: -moz-linear-gradient(left, #2cb5d6 0%, #009ac0 100%); background: -webkit-linear-gradient(left, #2cb5d6 0%,#009ac0 100%); background: linear-gradient(to right, #2cb5d6 0%,#009ac0 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2cb5d6', endColorstr='#009ac0',GradientType=1 ); -webkit-background-clip: text; -webkit-text-fill-color: transparent; color: #009ac0;} .measure_container .measure_item_v2.blue strong:before {box-shadow: 0 0 100px 30px rgba(4,156,194,0.45);} .measure_container .measure_item_v2_1 {top: 60px; margin-left: -180px;} .measure_container .measure_item_v2_1 strong {font-size: 25px;} .measure_container .measure_item_v2_1 span {font-size: 9px;} .measure_container .measure_item_v2_2 {top: 140px; margin-left: -265px;} .measure_container .measure_item_v2_2 strong {font-size: 58px;} .measure_container .measure_item_v2_2 span {font-size: 17px;} .measure_container .measure_item_v2_3 {top: 100px; margin-left: -10px;} .measure_container .measure_item_v2_3 strong {font-size: 54px;} .measure_container .measure_item_v2_3 span {font-size: 16px;} .measure_container .measure_item_v2_4 {top: 210px; margin-left: -440px;} .measure_container .measure_item_v2_4 strong {font-size: 29px;} .measure_container .measure_item_v2_4 span {font-size: 10px;} .measure_container .measure_item_v2_5 {top: 288px; margin-left: -324px;} .measure_container .measure_item_v2_5 strong {font-size: 52px;} .measure_container .measure_item_v2_5 span {font-size: 15px;} .measure_container .measure_item_v2_6 {top: 240px; margin-left: -118px;} .measure_container .measure_item_v2_6 strong {font-size: 36px;} .measure_container .measure_item_v2_6 span {font-size: 12px;} .measure_container .measure_item_v2_7 {top: 214px; margin-left: 94px;} .measure_container .measure_item_v2_7 strong {font-size: 48px;} .measure_container .measure_item_v2_7 span {font-size: 16px;} .measure_container .measure_item_v2_8 {top: 260px; margin-left: 255px;} .measure_container .measure_item_v2_8 strong {font-size: 30px;} .measure_container .measure_item_v2_8 span {font-size: 10px;} .measure_container .measure_item_v2_9 {top: 378px; margin-left: -518px;} .measure_container .measure_item_v2_9 strong {font-size: 59px;} .measure_container .measure_item_v2_9 span {font-size: 14px;} .measure_container .measure_item_v2_10 {top: 428px; margin-left: -258px;} .measure_container .measure_item_v2_10 strong {font-size: 38px;} .measure_container .measure_item_v2_10 span {font-size: 13px;} .measure_container .measure_item_v2_11 {top: 335px; margin-left: -111px;} .measure_container .measure_item_v2_11 strong {font-size: 67px;} .measure_container .measure_item_v2_11 span {font-size: 23px;} .measure_container .measure_item_v2_12 {top: 404px; margin-left: 74px;} .measure_container .measure_item_v2_12 strong {font-size: 36px;} .measure_container .measure_item_v2_12 span {font-size: 12px;} .measure_container .measure_item_v2_13 {top: 340px; margin-left: 190px;} .measure_container .measure_item_v2_13 strong {font-size: 42px;} .measure_container .measure_item_v2_13 span {font-size: 10px;} .measure_container .measure_item_v2_14 {top: 510px; margin-left: -544px;} .measure_container .measure_item_v2_14 strong {font-size: 34px;} .measure_container .measure_item_v2_14 span {font-size: 10px;} .measure_container .measure_item_v2_15 {top: 510px; margin-left: -352px;} .measure_container .measure_item_v2_15 strong {font-size: 53px;} .measure_container .measure_item_v2_15 span {font-size: 15px;} .measure_container .measure_item_v2_16 {top: 488px; margin-left: -98px;} .measure_container .measure_item_v2_16 strong {font-size: 33px;} .measure_container .measure_item_v2_16 span {font-size: 9px;} .measure_container .measure_item_v2_17 {top: 510px; margin-left: 130px;} .measure_container .measure_item_v2_17 strong {font-size: 52px;} .measure_container .measure_item_v2_17 span {font-size: 15px;} .measure_container .measure_item_v2_18 {top: 432px; margin-left: 300px;} .measure_container .measure_item_v2_18 strong {font-size: 64px;} .measure_container .measure_item_v2_18 span {font-size: 19px;} .measure_container .measure_item_v2_19 {top: 620px; margin-left: -506px;} .measure_container .measure_item_v2_19 strong {font-size: 47px;} .measure_container .measure_item_v2_19 span {font-size: 14px;} .measure_container .measure_item_v2_20 {top: 570px; margin-left: -130px;} .measure_container .measure_item_v2_20 strong {font-size: 66px;} .measure_container .measure_item_v2_20 span {font-size: 19px;} .measure_container .measure_item_v2_21 {top: 635px; margin-left: 120px;} .measure_container .measure_item_v2_21 strong {font-size: 31px;} .measure_container .measure_item_v2_21 span {font-size: 10px;} .measure_container .measure_item_v2_22 {top: 600px; margin-left: 310px;} .measure_container .measure_item_v2_22 strong {font-size: 50px;} .measure_container .measure_item_v2_22 span {font-size: 17px;} .measure_container .measure_round_wrap {position: absolute; left: 50%; width: 2000px; height: 620px; margin-left: -1000px; bottom: 0; overflow: hidden; z-index: 992;} .measure_container .measure_round_wrap_anchor {position: absolute; top: 0;} .measure_container .measure_round {position: absolute; left: 50%; top: 70px; right: 0; margin-left: -855px; width: 1710px; height: 1710px; box-shadow: 0 0 60px 15px rgba(244,113,32,0.35); -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; background: #f6891f; background: -moz-linear-gradient(left, #f6891f 0%, #ed2424 80%, #ed2424 100%); background: -webkit-linear-gradient(left, #f6891f 0%, #ed2424 80%, #ed2424 100%); background: linear-gradient(to right, #f6891f 0%, #ed2424 80%, #ed2424 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6891f', endColorstr='#ed2424',GradientType=1 );} .measure_container .measure_funnel {position: absolute; left: 50%; width: 1034px; height: 525px; margin-left: -517px; top: 45px;} .measure_container .measure_funnel div {position: absolute; left: 0; top: 0; right: 0; bottom: 0; background-size: 100% auto; background-position: 50% 0; background-repeat: no-repeat;} .measure_container .measure_item {position: absolute; left: 50%; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; text-align: center; box-sizing: border-box;} .measure_container .measure_item .measure_item_title {color: #FFF; font-weight: 600; white-space: nowrap; letter-spacing: 0.5px;} .measure_container .measure_item span {opacity: 0.6; color: #FFF; font-weight: 400; letter-spacing: 0.5px;} .measure_container .measure_blue {background: #2cb5d6; box-shadow: 0 0 40px 5px rgba(4,156,194,0.4); background: -moz-linear-gradient(left, #2cb5d6 0%, #009ac0 100%); background: -webkit-linear-gradient(left, #2cb5d6 0%,#009ac0 100%); background: linear-gradient(to right, #2cb5d6 0%,#009ac0 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2cb5d6', endColorstr='#009ac0',GradientType=1 );} .measure_container .measure_red {background: #f47420; box-shadow: 0 0 50px 5px rgba(244,113,32,0.5); background: -moz-linear-gradient(left, #f47420 0%, #f47420 10%, #e92823 100%); background: -webkit-linear-gradient(left, #f47420 0%, #f47420 10%,#e92823 100%); background: linear-gradient(to right, #f47420 0%, #f47420 10%,#e92823 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f47420', endColorstr='#e92823',GradientType=1 );} .measure_container .measure_white {background: #FFF; box-shadow: 0 0 50px 5px rgba(0,0,0,0.12);} .measure_container .measure_item1 {margin-left: -177px; top: 172px; width: 354px; padding: 20px 0 16px;} .measure_container .measure_item1 .measure_item_title {font-size: 66px; margin: 0 0 18px;} .measure_container .measure_item1 span {font-size: 24px; font-weight: 300;} .measure_container .measure_item2 {margin-left: -370px; top: 270px; width: 143px; padding: 11px 0 10px;} .measure_container .measure_item2 .measure_item_title {font-size: 31px; margin: 0;} .measure_container .measure_item2 span {font-size: 10px; opacity: 0.8;} .measure_container .measure_item3 {margin-left: -285px; top: 445px; width: 266px; padding: 20px 0;} .measure_container .measure_item3 .measure_item_title {font-size: 54px; margin: 0 0 12px;} .measure_container .measure_item3 span {font-size: 17px; font-weight: 300;} .measure_container .measure_item4 {margin-left: 49px; top: 93px; width: 128px; padding: 6px 0;} .measure_container .measure_item4 .measure_item_title {font-size: 31px; margin: 0;} .measure_container .measure_item4 span {font-size: 10px; opacity: 0.8;} .measure_container .measure_item5 {margin-left: 195px; top: 72px; width: 266px; padding: 20px 0;} .measure_container .measure_item5 .measure_item_title {font-size: 54px; margin: 0 0 13px;} .measure_container .measure_item5 span {font-size: 17px; font-weight: 300;} .measure_container .measure_item6 {margin-left: -461px; top: 138px; width: 266px; padding: 18px 0;} .measure_container .measure_item6 .measure_item_title {font-size: 56px; margin: 0 0 10px;} .measure_container .measure_item6 span {font-size: 16px; font-weight: 300;} .measure_container .measure_item7 {margin-left: -390px; top: 352px; width: 163px; padding: 12px 0;} .measure_container .measure_item7 .measure_item_title {font-size: 36px; margin: 0;} .measure_container .measure_item7 span {font-size: 10px; opacity: 0.8;} .measure_container .measure_item8 {margin-left: -3px; top: 335px; width: 324px; padding: 24px 0;} .measure_container .measure_item8 .measure_item_title {font-size: 71px; margin: 0 0 10px;} .measure_container .measure_item8 span {font-size: 22px; font-weight: 300;} .measure_container .measure_item9 {margin-left: -177px; top: 52px; width: 210px; padding: 16px 0 16px;} .measure_container .measure_item9 .measure_item_title {font-size: 47px; margin: 0 0 5px; color: #191919;} .measure_container .measure_item9 span {font-size: 14px; color: #191919;} .measure_container .measure_item10 {margin-left: 196px; top: 216px; width: 210px; padding: 16px 0 16px;} .measure_container .measure_item10 .measure_item_title {font-size: 47px; margin: 0 0 5px; color: #191919;} .measure_container .measure_item10 span {font-size: 14px; color: #191919;} .measure_container .measure_item11 {margin-left: -210px; top: 335px; width: 190px; padding: 12px 0 12px;} .measure_container .measure_item11 .measure_item_title {font-size: 47px; margin: 0 0 5px; color: #191919;} .measure_container .measure_item11 span {font-size: 14px; color: #191919;} .measure_container .measure_item12 {margin-left: -2px; top: 502px; width: 200px; padding: 12px 0 12px;} .measure_container .measure_item12 .measure_item_title {font-size: 47px; margin: 0 0 5px; color: #191919;} .measure_container .measure_item12 span {font-size: 14px; color: #191919;} .buildteam_container {} .buildteam_container .buildteam_block {width: 1160px; padding: 100px 0 60px;} .buildteam_container .block_title {margin: 0 0 40px;} .buildteam_container .block_subtitle {margin: 0 0 100px;} .buildteam_container .button {width: 346px;} .buildteam_container .items_box {position: relative; margin: 0 0 88px;} .buildteam_container .ani_anchor {top: 100px;} .buildteam_container .buildteam_item {position: relative; float:left; width: 29.866%; text-align: center; box-sizing: border-box; font-weight: 300;} .buildteam_container .buildteam_item .buildteam_item_content {position: absolute; left: 0; bottom: 0; right: 0; padding-left: 30px; padding-right: 30px; padding-bottom: 46px;} .buildteam_container .buildteam_item .buildteam_item_content:before {content: ""; width: 62px; height: 80px; position: absolute; left: 50%; bottom: -42px; margin: 0 0 0 -31px; z-index: 991; background: url(/images/2x/logo.png) 0 0 no-repeat; background-size: 100% auto;} .buildteam_container .buildteam_item .team_item_avatars {position: absolute; left: 0; right: 0; top: -70px;} .buildteam_container .buildteam_item .team_item_avatars .avatar_item {position: absolute; left: 50%; width: 104px;} .buildteam_container .buildteam_item .team_item_avatars .avatar_item1 {z-index: 995;} .buildteam_container .buildteam_item .team_item_avatars .avatar_item2 {z-index: 994;} .buildteam_container .buildteam_item .team_item_avatars .avatar_item3 {z-index: 993;} .buildteam_container .buildteam_item .team_item_avatars .avatar_item4 {z-index: 992;} .buildteam_container .buildteam_item .team_item_avatars .avatar_item5 {z-index: 991;} .buildteam_container .buildteam_item .team_item_avatars.avatars1 .avatar_item1 {margin: 0 0 0 -52px;} .buildteam_container .buildteam_item .team_item_avatars.avatars2 .avatar_item1 {margin-left: -84px;} .buildteam_container .buildteam_item .team_item_avatars.avatars2 .avatar_item2 {margin-left: -21px;} .buildteam_container .buildteam_item .team_item_avatars.avatars3 .avatar_item1 {margin-left: -114px;} .buildteam_container .buildteam_item .team_item_avatars.avatars3 .avatar_item2 {margin: 0 0 0 -52px;} .buildteam_container .buildteam_item .team_item_avatars.avatars3 .avatar_item3 {margin-left: 12px;} .buildteam_container .buildteam_item .team_item_avatars.avatars4 .avatar_item1 {margin-left: -140px;} .buildteam_container .buildteam_item .team_item_avatars.avatars4 .avatar_item2 {margin-left: -78px;} .buildteam_container .buildteam_item .team_item_avatars.avatars4 .avatar_item3 {margin-left: -18px;} .buildteam_container .buildteam_item .team_item_avatars.avatars4 .avatar_item4 {margin-left: 42px;} .buildteam_container .buildteam_item .team_item_avatars.avatars5 .avatar_item1 {margin-left: -166px;} .buildteam_container .buildteam_item .team_item_avatars.avatars5 .avatar_item2 {margin-left: -110px;} .buildteam_container .buildteam_item .team_item_avatars.avatars5 .avatar_item3 {margin: 0 0 0 -52px;} .buildteam_container .buildteam_item .team_item_avatars.avatars5 .avatar_item4 {margin-left: 8px;} .buildteam_container .buildteam_item .team_item_avatars.avatars5 .avatar_item5 {margin-left: 62px;} .buildteam_container .buildteam_item .team_item_avatar {position: relative; display: inline-block; vertical-align: top; width: 104px; height: 104px;} .buildteam_container .buildteam_item .team_item_avatar:before {content:""; position: absolute; left: 50%; margin-left: -41px; bottom: 0; width: 82px; height: 82px; box-shadow: 0 0 30px 2px rgba(0,0,0,0.1); background: #FFF; z-index: 990; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%;} .buildteam_container .buildteam_item .team_item_avatar span {position: absolute; z-index: 991; left: 0; right: 0; top: 0; bottom: 0; background-size: cover; background-position: 50% 100%; background-repeat: no-repeat;} .buildteam_container .buildteam_item .buildteam_item_title {text-transform: uppercase; margin: 0 0 18px; font-size: 33px; line-height: 1.2; color: #FFF; letter-spacing: 1px;} .buildteam_container .buildteam_item .buildteam_item_title strong {font-weight: 600;} .buildteam_container .buildteam_item .buildteam_item_text {margin: 0 0 20px; font-size: 20px; line-height: 1.4; color: #FFF; letter-spacing: 0.5px;} .buildteam_container .buildteam_item .buildteam_item_text strong {font-weight: 400;} .buildteam_container .buildteam_item.item1 {} .buildteam_container .buildteam_item.item1 .team_item_avatars {top: -62px;} .buildteam_container .buildteam_item.item1 .buildteam_item_content {padding-top: 65px; background: #FFF; box-shadow: 0 0 40px 5px rgba(0,0,0,0.1);} .buildteam_container .buildteam_item.item1 .buildteam_item_title, .buildteam_container .buildteam_item.item1 .buildteam_item_text {color: #000;} .buildteam_container .buildteam_item.item2 {margin: 0 5.2%;} .buildteam_container .buildteam_item.item2 .team_item_avatars {top: -62px;} .buildteam_container .buildteam_item.item2 .buildteam_item_content {padding-top: 65px; background: #2cb5d6; box-shadow: 0 0 40px 5px rgba(4,156,194,0.4); background: -moz-linear-gradient(left, #2cb5d6 0%, #009ac0 100%); background: -webkit-linear-gradient(left, #2cb5d6 0%,#009ac0 100%); background: linear-gradient(to right, #2cb5d6 0%,#009ac0 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2cb5d6', endColorstr='#009ac0',GradientType=1 );} .buildteam_container .buildteam_item.item3 {} .buildteam_container .buildteam_item.item3 .team_item_avatars1 {top: -62px;} .buildteam_container .buildteam_item.item3 .team_item_avatars2 {top: 44px;} .buildteam_container .buildteam_item.item3 .buildteam_item_content {padding-top: 180px; background: #f47420; box-shadow: 0 0 40px 5px rgba(244,113,32,0.5); background: -moz-linear-gradient(left, #f47420 0%, #f47420 10%, #e92823 100%); background: -webkit-linear-gradient(left, #f47420 0%, #f47420 10%,#e92823 100%); background: linear-gradient(to right, #f47420 0%, #f47420 10%,#e92823 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f47420', endColorstr='#e92823',GradientType=1 );} .stack_container {overflow: hidden;} .stack_container .stack_block {padding: 60px 0 0; margin: 0;} .stack_container .block_title {margin: 0 0 40px;} .stack_container .block_subtitle {margin: 0 0 80px;} .stack_container .stack_wrap {position: relative;} .stack_container .stack_left {float: left; width: 48.5%;} .stack_container .teams_item {position: relative; margin: 0 0 50px; top: 1px;} .stack_container .teams_item .teams_item_box {position: relative; padding: 62px 75px;} .stack_container .teams_item .teams_item_box:before {content:""; position: absolute; right: 0; top: 0; bottom: 0; width: 3000px; background: #FFF; z-index: 990; box-shadow: 10px 10px 40px 5px rgba(0,0,0,0.14);} .stack_container .teams_item .teams_item_title {position: relative; text-align: right; font-weight: 400; left: -2px; font-size: 41px; line-height: 1.2; margin: 0 0 25px; z-index: 991; letter-spacing: 1px; text-transform: uppercase;} .stack_container .teams_item .teams_item_title strong {color: #1aaacd;} .stack_container .teams_item .teams_item_text {position: relative; text-align: right; font-size: 20px; line-height: 1.4; letter-spacing: 0.5px; font-weight: 300; z-index: 991;} .stack_container .teams_item .teams_item_text strong {font-weight: 400;} .stack_container .stack_right {float: right; width: 48.5%;} .stack_container .stack_items {position: relative;} .stack_container .stack_items .ani_anchor {top: 50px;} .stack_container .stack_item {position: relative; margin: 0 auto 8px; text-align: center; padding: 19px 0 18px; -webkit-border-radius: 3px 0 0 3px; -moz-border-radius: 3px 0 0 3px; border-radius: 3px 0 0 3px;} .stack_container .stack_item span {display: inline-block; position: relative; vertical-align: top; font-size: 26px; line-height: 1.3; padding: 0 0 0 48px; text-transform: uppercase; color:#FFF; letter-spacing: 1px;} .stack_container .stack_item span:before {content:""; position: absolute; left: 0; top: 0; width: 28px; height: 32px; background-image: url(/images/2x/logo_white.png); background-size: 100% auto; background-position: 0 0; background-repeat: no-repeat;} .stack_container .stack_blue {background: #2cb5d6; box-shadow: 0 0 30px 1px rgba(4,156,194,0.4); background: -moz-linear-gradient(left, #2cb5d6 0%, #009ac0 100%); background: -webkit-linear-gradient(left, #2cb5d6 0%,#009ac0 100%); background: linear-gradient(to right, #2cb5d6 0%,#009ac0 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2cb5d6', endColorstr='#009ac0',GradientType=1 );} .stack_container .stack_red {background: #f47420; box-shadow: 0 0 30px 1px rgba(244,113,32,0.5); background: -moz-linear-gradient(left, #f47420 0%, #f47420 20%, #e92823 80%, #e92823 100%); background: -webkit-linear-gradient(left, #f47420 0%, #f47420 20%, #e92823 80%, #e92823 100%); background: linear-gradient(to right, #f47420 0%, #f47420 20%, #e92823 80%, #e92823 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f47420', endColorstr='#e92823',GradientType=1 );} .stack_container .stack_middle {position: relative; margin: 110px auto; padding: 26px 0 28px} .stack_container .stack_middle .ani_anchor {top: -100px;} .stack_container .stack_middle_content {position: relative; text-align: right;} .stack_container .stack_middle_content:before {display:none; content: ""; width: 126px; height: 140px; top: 30px; left: -72px; position: absolute; z-index: 991; background: url(/images/2x/logo.png) 0 0 no-repeat; background-size: 100% auto;} .stack_container .stack_middle_contentbox {display: block; position: relative; text-align: center; white-space: nowrap;} .stack_container .stack_middle_item {display: inline-block; height: 210px; width: 52px; text-align: center; position: relative; box-sizing: border-box; vertical-align: top; font-size: 19px; line-height: 1.1; background: #FFF; box-shadow: 0 0 30px 1px rgba(0,0,0,0.1);} .stack_container .stack_middle_item span {bottom: 95px; left: -80px; position: absolute; width: 210px; transform: rotate(-90deg); z-index: 992;} .stack_container .stack_middle_item.row2 {width: 60px;} .stack_container .stack_middle_item.row2 span {bottom: 85px; left: -75px;} .stack_container .stack_middle_item.row3 {width: 82px;} .stack_container .stack_middle_item.row3 span {bottom: 75px; left: -66px;} .stack_container .stack_middle_arrow {position: absolute; top: 0; left: 18px; right: 0; height: 3px; background: #23b8dd;} .stack_container .stack_middle_arrow:before {left: 50%; border-width: 0 18px 18px 18px; margin: 0 0 0 -18px; bottom: 0; content: ""; position: absolute; border-style: solid; border-color: #23b8dd transparent; z-index: 991; width: 0;} .stack_container .stack_middle_arrow:after {bottom: 0; left: 50%; margin: 0 0 0 -14px; border-width: 0 14px 14px 14px; content: ""; position: absolute; border-style: solid; border-color: #FFF transparent; z-index: 992; width: 0;} .stack_container .stack_middle_arrow_left {left: -16px; -moz-transform: scaleX(-1); -o-transform: scaleX(-1); -webkit-transform: scaleX(-1); transform: scaleX(-1); filter: FlipH; -ms-filter: "FlipH";} .stack_container .stack_middle_arrow_right {right: -16px;} .stack_container .stack_middle_arrow_left, .stack_container .stack_middle_arrow_right {top: 0; width: 16px; height: 16px; position: absolute; overflow: hidden;} .stack_container .stack_middle_arrow_left:before, .stack_container .stack_middle_arrow_right:before {right: 0; -moz-border-radius: 0 16px 0 0; -webkit-border-radius: 0 16px 0 0; border-radius: 0 16px 0 0; content: ""; position: absolute; top: 0; width: 30px; height: 30px; border: 3px solid #23b8dd;} .stack_container .stack_middle_arrows {position: absolute; top: -80px; height: 48px; width: 32px;} .stack_container .stack_middle_arrows1 {left: 30px;} .stack_container .stack_middle_arrows2 {left: 50%; margin: 0 0 0 -16px;} .stack_container .stack_middle_arrows3 {right: 30px;} .stack_container .stack_middle_arrows_item1 {position: absolute; left: 0; top: 0; width: 32px; height: 16px; -moz-border-radius: 4px; -webkit-border-radius:4px; border-radius: 4px; overflow: hidden;} .stack_container .stack_middle_arrows_item1:before {left: 50%; border-width: 0 16px 15px 16px; margin: 0 0 0 -16px; bottom: 0; content: ""; position: absolute; border-style: solid; border-color: #12aed5 transparent; z-index: 991; width: 0;} .stack_container .stack_middle_arrows_item1:after {bottom: 0; left: 50%; margin: 0 0 0 -13px; border-width: 0 13px 12px 13px; content: ""; position: absolute; border-style: solid; border-color: #FFF transparent; z-index: 992; width: 0;} .stack_container .stack_middle_arrows_item2 {position: absolute; left: 4px; top: 16px; width: 24px; height: 16px; -moz-border-radius: 4px; -webkit-border-radius:4px; border-radius: 4px; overflow: hidden;} .stack_container .stack_middle_arrows_item2:before {left: 50%; border-width: 0 12px 12px 12px; margin: 0 0 0 -12px; bottom: 0; content: ""; position: absolute; border-style: solid; border-color: #88d4e6 transparent; z-index: 991; width: 0;} .stack_container .stack_middle_arrows_item2:after {bottom: 0; left: 50%; margin: 0 0 0 -9px; border-width: 0 9px 9px 9px; content: ""; position: absolute; border-style: solid; border-color: #FFF transparent; z-index: 992; width: 0;} .stack_container .stack_middle_arrows_item3 {position: absolute; left: 8px; top: 40px; width: 16px; height: 8px; -moz-border-radius: 4px; -webkit-border-radius:4px; border-radius: 4px; overflow: hidden;} .stack_container .stack_middle_arrows_item3:before {left: 50%; border-width: 0 8px 8px 8px; margin: 0 0 0 -8px; bottom: 0; content: ""; position: absolute; border-style: solid; border-color: #d0eef6 transparent; z-index: 991; width: 0;} .stack_container .stack_middle_arrows_item3:after {bottom: 0; left: 50%; margin: 0 0 0 -5px; border-width: 0 5px 5px 5px; content: ""; position: absolute; border-style: solid; border-color: #FFF transparent; z-index: 992; width: 0;} .stack_container .stack_middle_arrow1 .stack_middle_arrow_right {display: none;} .stack_container .stack_middle_arrow2 {top: auto; bottom: 0; -moz-transform: scaleY(-1); -o-transform: scaleY(-1); -webkit-transform: scaleY(-1); transform: scaleY(-1); filter: FlipY; -ms-filter: "FlipY";} .stack_container .stack_middle_arrow2 .stack_middle_arrow_right {display: none} /* HOW WE WORK */ .top_v2_container.how .top_v2_img1 {width: 555px; margin-left: -90px; margin-top: 1px;} .top_v2_container.how .top_v2_img2 {width: 420px; margin-left: -480px; margin-top: 1px; z-index: 994;} .howwework_container {} .howwework_container .howwework_block {padding: 110px 0 10px;} .howwework_container .block_subtitle {margin: 0 0 90px;} .how_item {position: relative; margin: 0 0 118px; z-index: 991;} .how_item.last {margin: 0;} .how_item .ani_anchor {top: 200px;} .how_item .how_item_plus {position: absolute; top: -158px; left: 50%; width: 390px; height: 390px; background: url(/images/2x/plus_2.png) 0 0 no-repeat; background-size: 100% auto; z-index: 993;} .how_item .how_item_imgbox {position: absolute; top: 0; height: 100%; width: 60.5%;} .how_item .how_item_img {position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-size: cover; background-position: 50% 50%; background-repeat: no-repeat;} .how_item .how_item_content {width: 1370px; margin: 0 auto; position: relative; height: 612px;} .how_item .how_item_box {position: absolute; bottom: 75px; width: 700px; box-sizing: border-box; padding: 50px 70px 90px; background: #FFF; box-shadow: 10px 10px 120px 20px rgba(0,0,0,0.12);} .how_item .how_item_index {position: absolute; top: 28px; font-size: 39px; color: #212121; opacity: 0.2;} .how_item .how_item_title {position: relative; font-size: 50px; color: #212121; margin: 0 0 30px; font-weight: 300; letter-spacing: 2px; text-transform: uppercase; line-height: 1.3;} .how_item .how_item_title strong {font-weight: 400;} .how_item .how_item_title strong {color: #1aaacd;} .how_item .how_item_text {position: relative; font-weight: 300; font-size: 20px; line-height: 1.4; letter-spacing: 1px;} .how_item .how_item_text:before {content:""; position: absolute; top: 50%; margin-top: -45px; width: 74px; height: 90px; background: url('/images/2x/logo.png') 0 0 no-repeat; background-size: 100% auto;} .how_item .how_item_text strong {font-weight: 400;} .how_item .button_wrap {position: absolute; bottom: -33px;} .how_item .button {width: 270px;} .how_item.even .how_item_plus {margin-left: -660px;} .how_item.even .how_item_imgbox {left: 0;} .how_item.even .how_item_img {-webkit-clip-path: polygon(0% 0%, 80% 0%, 100% 100%, 0% 100%, 0% 100%); clip-path: polygon(0% 0%, 80% 0%, 100% 100%, 0% 100%, 0% 100%);} .how_item.even .how_item_box {right: 0; text-align: left;} .how_item.even .how_item_index {right: 28px;} .how_item.even .how_item_text {padding: 0 10px 0 100px;} .how_item.even .how_item_text:before {left: -4px;} .how_item.even .button_wrap {left: 70px;} .how_item.odd .how_item_plus {margin-left: 235px;} .how_item.odd .how_item_imgbox {right: 0;} .how_item.odd .how_item_img {-webkit-clip-path: polygon(20% 0%, 100% 0%, 100% 100%, 0% 100%, 0% 100%); clip-path: polygon(20% 0%, 100% 0%, 100% 100%, 0% 100%, 0% 100%);} .how_item.odd .how_item_box {left: 0; text-align: right;} .how_item.odd .how_item_index {left: 28px;} .how_item.odd .how_item_text {padding: 0 100px 0 10px;} .how_item.odd .how_item_text:before {right: -4px;} .how_item.odd .button_wrap {right: 70px;} .team_chess_container {padding: 40px 0 60px;} .team_chess_container .team_chess_block {position: relative; width: 1370px; padding: 54px 0 92px; text-align: center; margin: 0 auto 100px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; box-shadow: 0 5px 50px 2px rgba(244,113,32,0.6); background: #f6861f; background: -moz-linear-gradient(left, #f6861f 0%, #f6861f 9%, #e92823 90%, #e92823 100%); background: -webkit-linear-gradient(left, #f6861f 0%, #f6861f 9%, #e92823 90%, #e92823 100%); background: linear-gradient(to right, #f6861f 0%, #f6861f 9%, #e92823 90%, #e92823 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f47420', endColorstr='#e92823',GradientType=1 );} .team_chess_container .team_chess_figure {position: absolute; z-index: 992;} .team_chess_container .team_chess_figure:before {content:""; position: absolute; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; background: #2cb5d6; background: -moz-linear-gradient(left, #2cb5d6 0%, #009ac0 100%); background: -webkit-linear-gradient(left, #2cb5d6 0%,#009ac0 100%); background: linear-gradient(to right, #2cb5d6 0%,#009ac0 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2cb5d6', endColorstr='#009ac0',GradientType=1 );} .team_chess_container .team_chess_figure span {position: absolute; left: 0; top: 0; right: 0; bottom: 0; background-size: 100% auto; background-position: 0 0; background-repeat: no-repeat;} .team_chess_container .team_chess_figure1 {width: 160px; height: 218px; left: 110px; top: -38px;} .team_chess_container .team_chess_figure2 {width: 143px; height: 213px; left: 84px; bottom: -50px;} .team_chess_container .team_chess_figure3 {width: 160px; height: 223px; right: 180px; top: -36px;} .team_chess_container .team_chess_figure4 {width: 159px; height: 221px; right: 35px; bottom: -68px;} .team_chess_container .team_chess_figure1:before {left: 64px; top: 64px; width: 155px; height: 155px;} .team_chess_container .team_chess_figure2:before {left: -32px; top: 37px; width: 95px; height: 95px;} .team_chess_container .team_chess_figure3:before {right: -43px; top: -20px; width: 178px; height: 178px;} .team_chess_container .team_chess_figure4:before {right: -10px; top: 48px; width: 90px; height: 90px;} .team_chess_container .team_chess_round {position: absolute; left: 50%; border: 1px solid #FFF; opacity: 0.17; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%;} .team_chess_container .team_chess_round1 {top: -56px; margin-left: -163px; width: 326px; height: 326px;} .team_chess_container .team_chess_round2 {top: -300px; margin-left: -420px; width: 840px; height: 840px;} .team_chess_container .team_chess_round3 {top: -540px; margin-left: -670px; width: 1340px; height: 1340px;} .team_chess_container .team_chess_icon {position: relative; margin: 0 auto 32px; width: 106px; height: 120px; z-index: 991; background: url(/images/2x/logo_white.png) 0 0 no-repeat; background-size: 100% auto;} .team_chess_container .team_chess_title {color: #FFF; font-weight: 500; margin: 0 0 26px;} .team_chess_container .team_chess_text {margin: 0; font-size: 22px;} .team_chess_container .button_wrap {position: absolute; left: 0; right: 0; bottom: -33px;} .team_chess_container .button {width: 274px; box-shadow: 0 5px 80px 5px rgba(0,0,0,0.09);} .timetable_container {padding: 100px 0 80px;} .timetable_container .timetable_block {position: relative; width: 1370px; box-sizing: border-box; margin: 0 auto 100px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background: #FFF; box-shadow: 0 20px 120px -5px rgba(0,0,0,0.2);} .timetable_container .timetable_block:before {content:""; position: absolute; left: 100px; top: -64px; width: 106px; height: 120px; z-index: 991; background: url(/images/2x/logo.png) 0 0 no-repeat; background-size: 100% auto;} .timetable_container .timetable_wrapper {position: relative; overflow: hidden; padding: 85px 110px 85px;} .timetable_container .timetable_round {position: absolute; right: 300px; top: 100px; width: 250px; height: 250px; box-shadow: 0 0 80px 10px rgba(4,156,194,0.4); -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; z-index: 991;} .timetable_container .timetable_round:before {content: ""; position: absolute; left: 50%; top: 50%; width: 600px; height: 600px; margin: -300px 0 0 -300px; border: 1px solid #000; opacity: 0.08; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%;} .timetable_container .timetable_img {position: absolute; right: -40px; bottom: 0; width: 810px; top: -50px; background-position: 100% 100%; background-repeat: no-repeat; background-size: 100% auto; z-index: 993;} .timetable_container .timetable_content {width: 48%; text-align: left;} .timetable_container .timetable_title {font-weight: 300; margin: 0 0 35px; text-align: left;} .timetable_container .timetable_title strong {color: #1dabce; font-weight: 400;} .timetable_container .timetable_text {margin: 0; font-size: 22px; text-align: left;} .timetable_container .button_wrap {position: absolute; left: 110px; bottom: -33px;} .timetable_container .button {width: 274px;} .awailable_container {padding: 60px 0 100px;} .awailable_container .awailable_block {position: relative; width: 1370px; padding: 95px 0 116px; margin: 0 auto; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; box-shadow: 0 5px 50px 2px rgba(244,113,32,0.6); background: #f6861f; background: -moz-linear-gradient(left, #f6861f 0%, #f6861f 9%, #e92823 90%, #e92823 100%); background: -webkit-linear-gradient(left, #f6861f 0%, #f6861f 9%, #e92823 90%, #e92823 100%); background: linear-gradient(to right, #f6861f 0%, #f6861f 9%, #e92823 90%, #e92823 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f47420', endColorstr='#e92823',GradientType=1 );} .awailable_container .awailable_icon {content:""; position: absolute; left: 50%; top: -64px; margin: 0 0 0 -53px; width: 106px; height: 120px; z-index: 991; background: url(/images/2x/logo.png) 0 0 no-repeat; background-size: 100% auto;} .awailable_container .awailable_title {margin: 0 0 25px;} .awailable_container .awailable_title strong {color: #FFF;} .awailable_container .awailable_text {margin: 0;} .awailable_container .awailable_icons {position: absolute; left: 0; right: 0; text-align: center; bottom: -60px;} .awailable_container .awailable_icon_item {position: relative; display: inline-block; vertical-align: top; margin: 0 9px; width: 121px; height: 121px;} .awailable_container .awailable_icon_box {position: absolute; left: 0; top: 0; right: 0; bottom: 0; box-shadow: 0 5px 60px 5px rgba(4,156,194,0.3); background-size: 100% auto; background-repeat: no-repeat; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%;} .awailable_container .awailable_icon_item1 .awailable_icon_box {background-position: 0 0;} .awailable_container .awailable_icon_item2 .awailable_icon_box {background-position: 0 -121px;} .awailable_container .awailable_icon_item3 .awailable_icon_box {background-position: 0 -242px;} .awailable_container .awailable_icon_item4 .awailable_icon_box {background-position: 0 -363px;} .awailable_container .awailable_icon_item5 .awailable_icon_box {background-position: 0 -484px;} .awailable_container .awailable_icon_item6 .awailable_icon_box {background-position: 0 -605px;} .awailable_container .awailable_icon_item7 .awailable_icon_box {background-position: 0 -726px;} .awailable_container .awailable_icon_item8 .awailable_icon_box {background-position: 0 -847px;} .client_quotes_container {margin: 0 0 230px;} .client_quotes_container .client_quotes_block {padding: 100px 0 0;} .client_quotes_container .client_quotes_title {margin: 0 0 25px;} .client_quotes_container .client_quotes_text {margin: 0 0 200px;} .client_quotes_container .client_quotes_items {text-align: center; position: relative;} .client_quotes_container .client_quotes_item {display: inline-block; vertical-align: top; position: relative; margin: 0 30px; width: 345px;} .client_quotes_container .client_quotes_item .client_quotes_box {position: relative; padding: 100px 0 0 0; background: #FFF; box-shadow: 0 5px 80px 5px rgba(0,0,0,0.09); -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;} .client_quotes_container .client_quotes_item .client_quotes_box:before {content:""; position: absolute; left: 50%; bottom: -44px; margin: 0 0 0 -32px; width: 64px; height: 80px; z-index: 991; background: url(/images/2x/logo.png) 0 0 no-repeat; background-size: 100% auto;} .client_quotes_container .client_quotes_item .client_quotes_item_icon {position: absolute; left: 50%; background-position: 0 0; background-repeat: no-repeat; background-size: 100% auto;} .client_quotes_container .client_quotes_item .pseudo_td {height: 225px; padding: 0 20px;} .client_quotes_container .client_quotes_item .client_quotes_item_title {font-size: 33px; color: #000; letter-spacing: 2.4px; line-height: 1.2; text-transform: uppercase; font-weight: 600;} .client_quotes_container .client_quotes_item1 .client_quotes_item_icon {width: 433px; height: 335px; margin-left: -216px; top: -166px;} .client_quotes_container .client_quotes_item3 .client_quotes_item_icon {width: 154px; height: 211px; margin-left: -77px; top: -126px;} .client_quotes_container .client_quotes_item .impact_graph {position: absolute; left: 0; right: 0; top: -115px;} /* ROI */ .roi_top_container {} .roi_top_container .roi_top_block {padding: 0; height: 790px; width: 1370px; margin: 0 auto; z-index: 992;} .roi_top_container .roi_top_backleft {position: absolute; left: 0; top: 0; opacity: 1; bottom: 0; width: 66%; background-image: url('/images/2x/subscribe_back.jpg'); background-position: 0 0; background-repeat: no-repeat; background-size: cover; z-index: 990; transition: 0.5s;} .roi_top_container .roi_top_backgradient {position: absolute; right: -200px; width: 51%; padding: 0 200px 0 0; bottom: 0; top: 0; transform: skewX(-18deg); z-index: 991; background: #f47420; background: -moz-linear-gradient(left, #f47420 0%, #f47420 20%, #e92823 80%, #e92823 100%); background: -webkit-linear-gradient(left, #f47420 0%, #f47420 20%, #e92823 80%, #e92823 100%); background: linear-gradient(to right, #f47420 0%, #f47420 20%, #e92823 80%, #e92823 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f47420', endColorstr='#e92823',GradientType=1 );} .roi_top_container .roi_top_imgbox {position: absolute; right: 0; top: 0; bottom: 0; left: 0; z-index: 991; overflow: hidden;} .roi_top_container .roi_top_img {position: absolute; right: 0; top: 0; bottom: 0; left: 0; background-position: 0 100%; background-repeat: no-repeat; background-size: auto 100%;} .roi_top_container .roi_top_content {position: relative; float: right; width: 37%; padding: 80px 0 0 0; z-index: 993;} .roi_top_container .block_title {position: relative; font-size: 58px; margin: 0 0 40px; color: #FFF; font-weight: 400; letter-spacing: 2px; text-transform: uppercase; text-align: left;} .roi_top_container .block_subtitle {position: relative; font-size: 20px; margin: 0 0 50px; line-height: 1.4; color: #FFF; letter-spacing: 1px; font-weight: 300; text-align: left;} .roi_top_container .block_subtitle strong {font-weight: 400; color: #FFF;} .roi_top_container .scheduleform_box {position: relative; width: 440px; padding: 40px 56px 35px; text-align: center; box-sizing: border-box; z-index: 991; background: #FFF; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; box-shadow: 0 30px 80px 10px rgba(0,0,0,0.09);} .roi_top_container .scheduleform_box .scheduleform_title {font-size: 39px; margin: 0 0 30px;} .roi_inside_container {} .roi_inside_container .roi_inside_block {width: 1370px; margin: 0 auto; padding: 300px 0 10px;} .roi_inside_container .ani_anchor {top: 300px;} .roi_inside_container .scheduleform_box {display: none;} .roi_inside_container .roi_inside_top {position: absolute; left: 80px; top: 110px; width: 310px;} .roi_inside_container .roi_inside_top .block_title {text-align: left; margin: 0 0 35px;} .roi_inside_container .roi_inside_top .block_subtitle {text-align: left; font-size: 20px;} .roi_inside_container .roi_inside_content {position: relative; padding: 205px 0 0 0;} .roi_inside_container .roi_inside_iconbox {position: absolute; left: 50%; top: 0; margin: 0 0 0 -260px; width: 520px; height: 520px; z-index: 990;} .roi_inside_container .roi_inside_iconbox:before {content:""; position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: 990; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; background: #f47420; background: -moz-linear-gradient(left, #f47420 0%, #f47420 20%, #e92823 80%, #e92823 100%); background: -webkit-linear-gradient(left, #f47420 0%, #f47420 20%, #e92823 80%, #e92823 100%); background: linear-gradient(to right, #f47420 0%, #f47420 20%, #e92823 80%, #e92823 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f47420', endColorstr='#e92823',GradientType=1 );} .roi_inside_container .roi_inside_icon {position: absolute; width: 880px; left: 50%; top: 90px; bottom: 0; margin: 0 0 0 -515px; z-index: 991; background-position: 0 0; background-repeat: no-repeat; background-size: 100% auto;} .roi_inside_container .roi_inside_items {position: relative; float:right; width: 310px; z-index: 991;} .roi_inside_container .roi_inside_item {position: relative; margin: 0 0 56px;} .roi_inside_container .roi_inside_item:before {content:""; position: absolute; left: -65px; top: 6px; width: 42px; height: 50px; background: url('/images/2x/logo.png') 0 0 no-repeat; background-size: 100% auto;} .roi_inside_container .roi_inside_item.item2 {left: -45px;} .roi_inside_container .roi_inside_item.item3 {left: -150px;} .roi_inside_container .roi_inside_item .roi_inside_item_title {position: relative; text-transform: uppercase; margin: 0 0 14px; letter-spacing: 1px; font-size: 25px; font-weight: 300; line-height: 1.2;} .roi_inside_container .roi_inside_item .roi_inside_item_title strong {font-weight: 400; color: #f26021;} .roi_inside_container .roi_inside_item .roi_inside_item_subtitle {font-size: 17px; line-height: 1.35; letter-spacing: 0.5px; opacity: 0.55;} .roi_inside_container .exit_line {position: absolute; left: 50%; bottom: 50px; height: 115px; margin: 0 0 0 -2px; width: 3px;} .roi_inside_container .exit_line:before {content: ""; position: absolute; left: 0; top: 0; right: 0; height: 0; background: #0aa0c5;} .roi_inside_container .exit_line.show:before {animation: roi_exit_line 0.3s ease-in-out forwards;} .roi_items_container {} .roi_items_container .roi_items_block {padding: 0 0 70px;} .roi_items_container .block_title {margin: 0 0 30px;} .roi_items_container .block_subtitle {margin: 0 0 70px;} .roi_items_container .roi_item {position: relative; padding: 70px 0;} .roi_items_container .roi_item .roi_item_line {position: absolute; left: 50%; width: 3px; height: 140px; margin-left: -1px; z-index: 990;} .roi_items_container .roi_item .roi_item_line_before {top: 0;} .roi_items_container .roi_item .roi_item_line_after {bottom: 0;} .roi_items_container .roi_item .roi_item_line:before {content:""; position: absolute; left: 0; top: 0; right: 0; height: 0;} .roi_items_container .roi_item .roi_item_line.show:before {animation: roi_exit_line 0.15s ease-in-out forwards;} .roi_items_container .roi_item .roi_item_box {position: relative; z-index: 991;} .roi_items_container .roi_item .roi_item_img {position: absolute; top: 0; width: 48%; bottom: 0; background-position: 50% 50%; background-repeat: no-repeat; background-size: cover;} .roi_items_container .roi_item .pseudo_table {width: 58%;} .roi_items_container .roi_item .pseudo_td {height: 500px;} .roi_items_container .roi_item .roi_item_content {position: relative; width: 1370px; margin: 0 auto;} .roi_items_container .roi_item .roi_item_block {position: relative; color: #FFF; padding: 56px 75px 54px;} .roi_items_container .roi_item .roi_item_title {position: relative; font-size: 48px; margin: 0 0 40px; font-weight: 600; letter-spacing: 2px; line-height: 1.15; text-transform: uppercase;} .roi_items_container .roi_item .roi_item_text {position: relative; font-weight: 300; font-size: 20px; line-height: 1.4; color: #FFF; letter-spacing: 1.5px;} .roi_items_container .roi_item .roi_item_text:before {content:""; position: absolute; top: -8px; width: 82px; height: 90px; background: url('/images/2x/logo_white.png') 0 0 no-repeat; background-size: 100% auto;} .roi_items_container .roi_item .roi_item_text strong {font-weight: 400;} .roi_items_container .roi_item.even .roi_item_line_before:before {background: #f25821;} .roi_items_container .roi_item.even .roi_item_line_after:before {background: #f25821;} .roi_items_container .roi_item.even .pseudo_table {float:left;} .roi_items_container .roi_item.even .roi_item_img {right: 0;} .roi_items_container .roi_item.even .roi_item_block {text-align: right; box-shadow: 0 0 90px 5px rgba(244,113,32,0.5); background: #f47420; background: -moz-linear-gradient(left, #f47420 0%, #f47420 20%, #e92823 80%, #e92823 100%); background: -webkit-linear-gradient(left, #f47420 0%, #f47420 20%, #e92823 80%, #e92823 100%); background: linear-gradient(to right, #f47420 0%, #f47420 20%, #e92823 80%, #e92823 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f47420', endColorstr='#e92823',GradientType=1 );} .roi_items_container .roi_item.even .roi_item_text {padding: 0 116px 0 0;} .roi_items_container .roi_item.even .roi_item_text:before {right: 0;} .roi_items_container .roi_item.odd .roi_item_line_before:before {background: #0aa0c5;} .roi_items_container .roi_item.odd .roi_item_line_after:before {background: #0aa0c5;} .roi_items_container .roi_item.odd .pseudo_table {float:right;} .roi_items_container .roi_item.odd .roi_item_img {left: 0;} .roi_items_container .roi_item.odd .roi_item_block {background: #2cb5d6; box-shadow: 0 0 70px 10px rgba(4,156,194,0.4); background: -moz-linear-gradient(left, #2cb5d6 0%, #009ac0 100%); background: -webkit-linear-gradient(left, #2cb5d6 0%,#009ac0 100%); background: linear-gradient(to right, #2cb5d6 0%,#009ac0 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2cb5d6', endColorstr='#009ac0',GradientType=1 );} .roi_items_container .roi_item.odd .roi_item_text {padding: 0 0 0 116px;} .roi_items_container .roi_item.odd .roi_item_text:before {left: 0;} .roi_items_container .roi_item.last .roi_item_line_after:before {background: #f25821;} .roi_clients_container {min-height: 580px;} .roi_clients_container .roi_clients_block {width: 1370px; margin: 0 auto; padding: 80px 0 80px; z-index: 992;} .roi_clients_container .roi_clients_backleft {position: absolute; left: 0; top: 0; opacity: 1; bottom: 0; width: 52%; background-image: url('/images/2x/subscribe_back.jpg'); background-position: 0 30%; background-repeat: no-repeat; background-size: cover; z-index: 990; transition: 0.5s;} .roi_clients_container .roi_clients_backgradient {position: absolute; right: -200px; width: 53%; padding: 0 200px 0 0; bottom: 0; top: 0; transform: skewX(-18deg); z-index: 991; background: #2cb5d6; background: -moz-linear-gradient(left, #2cb5d6 0%, #009ac0 100%); background: -webkit-linear-gradient(left, #2cb5d6 0%,#009ac0 100%); background: linear-gradient(to right, #2cb5d6 0%,#009ac0 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2cb5d6', endColorstr='#009ac0',GradientType=1 );} .roi_clients_container .roi_clients_content {z-index: 991; position: relative; width: 400px;} .roi_clients_container .block_title {text-align: left;} .roi_clients_container .block_subtitle {text-align: left;} .roi_clients_container .roi_clients_logos {position: absolute; left: 50%; margin: 0 0 0 -70px; width: 1200px; top: 100px; bottom: 0;} .roi_clients_container .clients_item {position: relative; float:left; width: 220px; margin: 0 20px 20px 0; box-sizing: border-box; background: #FFF; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; box-shadow: 10px 10px 60px 5px rgba(0,0,0,0.12); transition: 0.2s;} .roi_clients_container .clients_item:hover {z-index: 994;} .roi_clients_container .clients_item .clients_item_box {position: absolute; left: 0; top: 0; right: 0; bottom: 0; text-align: center;} .roi_clients_container .clients_item img {max-width: 95%; max-height: 85%; opacity: 0.6; -webkit-filter: grayscale(100%); filter: grayscale(100%); transition: 0.2s; } .roi_clients_container .clients_item:hover img {opacity: 1; -webkit-filter: none; filter: none;} .roi_clients_container .roi_clients_logos .row2 {left: -50px;} .roi_clients_container .roi_clients_logos .row3 {left: -100px;} .roi_clients_container .roi_clients_logos .row4 {left: -150px;} .roi_digits_container {overflow: hidden;} .roi_digits_container .roi_digits_block {width: 1370px; padding: 150px 0 110px;} .roi_digits_container .roi_digits {position: relative;} .roi_digits_container .roi_digit {position: relative; padding: 0 0 0 300px; margin: 0 0 86px;} .roi_digits_container .roi_digit .roi_digit_icon {position: absolute; left: 0; top: -9px; width: 258px; text-align: right; font-size: 109px; font-weight: 600;} .roi_digits_container .roi_digit .roi_digit_title {position: relative; font-size: 21px; line-height: 1.35; margin: 0 0 12px; letter-spacing: 1px; font-weight: 300;} .roi_digits_container .roi_digit .roi_digit_title strong {font-weight: 400;} .roi_digits_container .roi_digit span {position: relative; font-size: 9px; letter-spacing: 3px; opacity: 0.5; text-transform: uppercase;} .roi_digits_container .roi_inside_iconbox {position: absolute; right: 0; top: 70px; width: 610px; height: 610px; z-index: 990;} .roi_digits_container .roi_inside_iconbox:before {content:""; position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: 990; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; background: #f47420; background: -moz-linear-gradient(left, #f47420 0%, #f47420 20%, #e92823 80%, #e92823 100%); background: -webkit-linear-gradient(left, #f47420 0%, #f47420 20%, #e92823 80%, #e92823 100%); background: linear-gradient(to right, #f47420 0%, #f47420 20%, #e92823 80%, #e92823 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f47420', endColorstr='#e92823',GradientType=1 );} .roi_digits_container .roi_inside_icon {position: absolute; width: 1114px; left: 50%; top: 80px; bottom: 0; margin: 0 0 0 -640px; z-index: 991; background-position: 0 0; background-repeat: no-repeat; background-size: 100% auto;} /* MAR+TECH */ .martech_top_container {} .martech_top_container .martech_top_block {padding: 0; height: 790px; width: 1370px; margin: 0 auto; z-index: 992;} .martech_top_container .martech_top_backleft {position: absolute; left: 0; top: 0; opacity: 1; bottom: 0; width: 66%; background-image: url('/images/2x/subscribe_back.jpg'); background-position: 0 0; background-repeat: no-repeat; background-size: cover; z-index: 990; transition: 0.5s;} .martech_top_container .martech_top_backgradient {position: absolute; right: -200px; width: 42%; padding: 0 200px 0 0; bottom: 0; top: 0; transform: skewX(-18deg); z-index: 991; background: #f47420; background: -moz-linear-gradient(left, #f47420 0%, #e92823 62%, #e92823 100%); background: -webkit-linear-gradient(left, #f47420 0%,#e92823 62%,#e92823 100%); background: linear-gradient(to right, #f47420 0%,#e92823 62%,#e92823 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f47420', endColorstr='#e92823',GradientType=1 );} .martech_top_container .martech_top_imgbox {position: absolute; right: 0; top: 0; bottom: 0; left: 0; z-index: 993;} .martech_top_container .martech_top_img {position: absolute; right: -170px; top: 0; bottom: 0; left: 0; background-position: 100% 0; background-repeat: no-repeat; background-size: auto 100%;} .martech_top_container .martech_top_content {position: relative; padding: 80px 0 0 0; z-index: 993;} .martech_top_container .block_title {position: relative; font-size: 50px; margin: 0 0 50px; color: #000; font-weight: 400; letter-spacing: 2px; text-transform: uppercase; text-align: left;} .martech_top_container .block_subtitle {position: relative; width: 48%; font-size: 20px; line-height: 1.4; letter-spacing: 1px; font-weight: 300; text-align: left;} .martech_top_container .block_subtitle strong {font-weight: 400;} .martech_top_container .mob_only {display: none;} .martech_container {} .martech_container .martech_block {width: 1370px; margin: 0 auto; padding: 80px 0 0 0;} .martech_container .scheduleform_box {position: absolute; left: 0; width: 440px; top: -90px; padding: 96px 56px 30px; text-align: center; box-sizing: border-box; z-index: 991; background: #FFF; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; box-shadow: 0 30px 80px 10px rgba(0,0,0,0.09);} .martech_container .scheduleform_box:before {content:""; position: absolute; left: 50%; top: -78px; width: 126px; padding: 0 0 120%; margin: 0 0 0 -52px; animation: teamlogofloating 3s ease-in-out infinite; background: url('/images/2x/logo.png') 0 0 no-repeat; background-size: 100% auto;} .martech_container .scheduleform_box .scheduleform_title {font-size: 39px; margin: 0 0 35px;} .martech_container .scheduleform_box .wpcf7-response-output {display: none !important;} .martech_container .martech_items {position: relative; padding: 0 0 0 550px;} .martech_container .martech_items .items_row {display: flex; flex-flow: row wrap; justify-content: flex-start;} .martech_container .martech_item {position: relative; width: calc((100% - 35px)/2); margin-bottom: 50px; background: #f5f5f5; text-align: center;} .martech_container .martech_item.item1 {margin-right: 35px;} .martech_container .martech_item:before {content:""; position: absolute; left: 50%; top: -39px; width: 64px; padding: 0 0 110%; margin: 0 0 0 -26px; background: url('/images/2x/logo.png') 0 0 no-repeat; background-size: 100% auto;} .martech_container .martech_item .martech_item_title {font-size: 30px; padding: 60px 20px 22px; text-transform: uppercase; line-height: 1.2; font-weight: 300; letter-spacing: 1px;} .martech_container .martech_item .martech_item_title strong {font-weight: 400;} .martech_container .martech_item .martech_item_subtitle {padding: 0 30px 38px; font-weight: 300; font-size: 17px; line-height: 1.4; opacity: 0.6; letter-spacing: 0.5px;} .martech_container .martech_item .martech_item_subtitle strong {font-weight: 400;} .martech_impact_container {top: -50px;} .martech_impact_container .martech_impact_block {padding: 0 0 80px;} .martech_impact_container .block_title {} .martech_impact_container .block_subtitle {margin: 0 0 50px;} .martech_impact_container .block_subtitle.mob_only {display: none;} .martech_impact_container .impact_mob_logos {display: none;} .martech_impact_container .impact_logos {text-align: center;} .martech_impact_container .impact_logos img {display: inline-block; vertical-align: middle; height: 90px; width: 260px; margin: 0 0 5px; position: relative;} .martech_impact_container .impact_logos img.item1 {top: 15px;} .martech_impact_container .impact_logos img.item2 {top: 15px;} .martech_impact_container .impact_logos img.item6 {left: 60px;} .martech_impact_container .impact_logos img.item7 {left: 60px;} .martech_impact_container .impact_logos img.item9 {right: 60px;} .martech_impact_container .impact_logos img.item10 {right: 60px;} .martech_impact_container .impact_logos img.item11 {left: 30px;} .martech_impact_container .impact_logos img.item12 {left: 30px;} .martech_impact_container .impact_logos img.item13 {right: 30px;} .martech_impact_container .impact_logos img.item14 {right: 30px;} .martech_impact_container .impact_logos img.item15 {left: 20px;} .martech_impact_container .impact_logos img.item16 {bottom: -10px;} .martech_impact_container .impact_logos img.item17 {right: 20px;} .martech_impact_container .button_wrap {padding: 60px 0 0;} .martech_impact_container .button_wrap .button {display:block; width: 440px; z-index: 992;} /* JOIN OUR TEAM */ .top_v2_container .top_v2_backleft {width: 56%; background-image: url(/images/2x/join_our_team/ourteam_back.jpg);} .top_v2_container.join_our_team .top_v2_img1 {width: 450px; margin-left: -225px; z-index: 992;} .top_v2_container.join_our_team .top_v2_img2 {width: 450px; margin-left: -615px; z-index: 990; background-position: 0 138%;} .top_v2_container.join_our_team .top_v2_img3 {width: 450px; margin-left: -420px; z-index: 991; background-position: 0 112%;} .top_v2_container.join_our_team .top_v2_img4 {width: 450px; margin-left: -15px; z-index: 991; background-position: 0 120%;} .top_v2_container.join_our_team .top_v2_img5 {width: 450px; margin-left: 165px; z-index: 990; background-position: 0 136%;} .top_v2_container.join_our_team .sliding_line1 i {width: 1040px;} .areas_container {} .areas_container .areas_block {width: 1370px; padding: 100px 0 1px; text-align: center;} .areas_container .block_title {margin: 0 0 25px;} .areas_container .block_subtitle {margin: 0 0 90px;} .areas_container .area_item {position: relative; float:left; width: 31.2%; margin: 0 3.2% 70px 0;} .areas_container .area_item.item3 {margin-right: 0;} .areas_container .area_item .area_item_wrap {position: relative; background-size: cover; background-repeat: no-repeat; background-position: 50% 50%; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;} .areas_container .area_item .area_item_icon {position: absolute; left: 50%; top: -30px; margin-left: -30px; width: 60px; height: 60px; z-index: 992; border-radius: 3px; background: #f47420; background: -moz-linear-gradient(left, #f47420 0%, #f47420 16%, #e92823 100%); background: -webkit-linear-gradient(left, #f47420 0%,#f47420 16%,#e92823 100%); background: linear-gradient(to right, #f47420 0%,#f47420 16%,#e92823 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f47420', endColorstr='#e92823',GradientType=1 ); box-shadow: 6px 6px 100px 2px rgba(244,113,32,0.7);} .areas_container .area_item .area_item_icon:before {content:""; position: absolute; top: 50%; left: 50%; margin: -19px 0 0 -17px; width: 34px; height: 40px; z-index: 991; background: url(/images/2x/logo_white.png) 0 0 no-repeat; background-size: 100% auto;} .areas_container .area_item .area_item_wrap:before {content:""; position: absolute; background: #000; opacity: 0.67; left: 0; top: 0; right: 0; bottom: 0; z-index: 990; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;} .areas_container .area_item .area_item_content {position: relative; z-index: 991; padding: 36px 0 72px;} .areas_container .area_item .pseudo_td {height: 200px;} .areas_container .area_item .area_item_title {text-transform: uppercase; padding: 0 20px; color: #FFF; font-size: 32px; letter-spacing: 2px; line-height: 1.3;} .areas_container .area_item .area_item_content:after {content:""; position: absolute; left: 50%; bottom: 44px; margin: 0 0 0 -20px; width: 41px; height: 35px; background: url('/images/2x/arrow_white2.png') 0 0 no-repeat; background-size: 100% auto;} .threepoint_container {} .threepoint_container .threepoint_block {} .threepoint_container .block_title {margin: 0 0 35px;} .threepoint_container .block_subtitle {margin: 0 0 45px;} .threepoint_box {width: 1370px; padding: 85px 0 70px; margin: 0 auto; text-align: center;} .threepoint_box .threepoint_item {display: inline-block; vertical-align: top; position: relative; width: 27.5%; box-sizing: border-box; padding: 0 26px;} .threepoint_box .threepoint_item .threepoint_item_imgbox {position: relative; left: 20px;} .threepoint_box .threepoint_item .threepoint_item_imgbox:before {content:""; position: absolute; left: 10px; right: 10px; top: 0; height: 160px; z-index: 990; transform: skewX(-15deg);} .threepoint_box .threepoint_item .threepoint_item_imgbox img {position: relative; left: 10px; top: -94px; z-index: 991; height: 250px;} .threepoint_box .threepoint_item .threepoint_item_title {display: inline-block; vertical-align: top; position: relative; left: -10px; top: -50px; margin: 0; padding: 0 0 0 48px; font-size: 34px; text-transform: uppercase; font-weight: 600; letter-spacing: 2px;} .threepoint_box .threepoint_item .threepoint_item_title:before {content:""; position: absolute; top: 50%; left: 0; margin-top: -20px; width: 32px; height: 40px; background: url('/images/2x/logo.png') 0 0 no-repeat; background-size: 100% auto;} .threepoint_box .threepoint_item .threepoint_item_text {position: relative; top: -20px; font-size: 24px; line-height: 1.4; font-weight: 300;} .threepoint_box .threepoint_item .threepoint_item_text strong {font-weight: 400;} .threepoint_box .threepoint_item.item1 .threepoint_item_imgbox:before {box-shadow: 0 10px 90px 5px rgba(244,113,32,0.5); background: #f6871f; background: -moz-linear-gradient(left, #f6871f 0%, #f15222 50%, #e72323 100%); background: -webkit-linear-gradient(left, #f6871f 0%,#f15222 50%,#e72323 100%); background: linear-gradient(to right, #f6871f 0%,#f15222 50%,#e72323 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6871f', endColorstr='#e72323',GradientType=1 );} .threepoint_box .threepoint_item.item2 .threepoint_item_imgbox:before {box-shadow: 0 10px 70px 10px rgba(4,156,194,0.4); background: #2cb5d6; background: -moz-linear-gradient(left, #2cb5d6 0%, #009ac0 100%); background: -webkit-linear-gradient(left, #2cb5d6 0%,#009ac0 100%); background: linear-gradient(to right, #2cb5d6 0%,#009ac0 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2cb5d6', endColorstr='#009ac0',GradientType=1 );} .threepoint_box .threepoint_item.item3 .threepoint_item_imgbox:before {box-shadow: 10px 20px 70px 5px rgba(0,0,0,0.1); background: #FFF;} .threepoint_box.onlymmlogo .threepoint_item_imgbox {margin: 0 auto 40px;} .threepoint_box.onlymmlogo .threepoint_item_imgbox img {left: 20px; top: -80px; height: 210px;} .threepoint_box.onlymmlogo .threepoint_item .threepoint_item_title {left: auto; padding: 0;} .threepoint_box.onlymmlogo .threepoint_item .threepoint_item_title:before {display: none;} .join_out_container {} .join_out_container .join_out_block {padding: 50px 0 100px;} .join_out_container .block_title {margin: 0 40px 25px;} .join_out_container .block_subtitle {margin: 0 40px 120px;} .join_out_container .join_item {position: relative; margin: 0 0 100px;} .join_out_container .join_item .join_item_back {position: absolute; left: 0; top: 0; right: 0; bottom: 0; background-size: cover; background-repeat: no-repeat; background-position: 50% 50%;} .join_out_container .join_item .pseudo_td {height: 650px;} .join_out_container .join_item .join_item_box {position: relative; box-sizing: border-box; width: 50%; background: #FFF; padding: 50px 110px 80px; box-shadow: 0 20px 70px 5px rgba(0,0,0,0.1);} .join_out_container .join_item .join_item_title {font-size: 40px; line-height: 1.2; font-weight: 300; margin: 0 0 30px; position: relative; text-transform: uppercase; letter-spacing: 3px;} .join_out_container .join_item .join_item_title strong {font-weight: 400; color: #1aaacd;} .join_out_container .join_item .join_item_text {position: relative; font-weight: 300; width: 580px; font-size: 20px; box-sizing: border-box; line-height: 1.4; letter-spacing: 1px;} .join_out_container .join_item .join_item_text:before {content:""; position: absolute; top: 50%; margin-top: -42px; width: 74px; height: 90px; background: url('/images/2x/logo.png') 0 0 no-repeat; background-size: 100% auto;} .join_out_container .join_item .join_item_text strong {font-weight: 400;} .join_out_container .join_item .button_wrap {position: absolute; bottom: -33px;} .join_out_container .join_item .button {width: 270px;} .join_out_container .join_item .join_item_mobback {display: none;} .join_out_container .join_item.even .join_item_box {margin-left: 50%; text-align: left;} .join_out_container .join_item.even .join_item_text {padding: 0 10px 0 100px; float:left} .join_out_container .join_item.even .join_item_text:before {left: -4px;} .join_out_container .join_item.even .button_wrap {left: 110px;} .join_out_container .join_item.odd .join_item_box {left: 0; margin-right: 50%; text-align: right;} .join_out_container .join_item.odd .join_item_text {padding: 0 100px 0 10px; float:right;} .join_out_container .join_item.odd .join_item_text:before {right: -4px;} .join_out_container .join_item.odd .button_wrap {right: 110px;} /* WHAT WE DO PAGES */ .what_we_do_top_margin {height: 80px;} /* STRATEGY */ .top_v2_container.strategy .top_strategy_img {position: absolute; left: 50%; top: 135px; width: 826px; height: 704px; margin-left: -413px; z-index: 994; background-size: cover;} .top_v2_container.strategy .top_v2_imgbox {height: 485px;} .top_v2_container.strategy .top_v2_block {padding: 0 0 80px;} /* SYSTEMS */ .top_v2_container.systems .top_systems_img {position: absolute; left: 50%; top: -60px; width: 1326px; height: 801px; margin-left: -663px; z-index: 994; background-size: cover;} .top_v2_container.systems .top_v2_imgbox {height: 485px;} .top_v2_container.systems .top_v2_block {padding: 0 0 80px;} /* DATA & ANALYTICS */ .top_v2_container.data .top_data_img {position: absolute; left: 50%; top: 140px; width: 998px; height: 857px; margin-left: -499px; z-index: 994; background-size: cover;} .top_v2_container.data .top_v2_imgbox {height: 485px;} .top_v2_container.data .top_v2_block {padding: 0 0 80px;} /* CAMPAIGNS */ .top_v2_container.campaigns .top_campaigns_img {position: absolute; left: 50%; top: 100px; width: 1122px; height: 839px; margin-left: -561px; z-index: 994; background-size: cover;} .top_v2_container.campaigns .top_v2_imgbox {height: 485px;} /* TALENT */ .top_v2_container.talent {height: 695px; overflow: hidden;} .top_v2_container.talent .top_v2_block {height: 700px; padding: 0;} .top_v2_container.talent .top_v2_itemswrap {position: static; margin: 0 auto; padding: 480px 0 0 0; box-sizing: border-box;} .top_v2_container.talent .top_v2_items {position: absolute; left: 50%; top: 0; bottom: 0; margin: 0 0 0 -700px; width: 1400px; overflow: hidden;} .top_v2_container.talent .top_v2_item {position: absolute; background-size: 100% auto; background-position: 50% 50%; background-repeat: no-repeat;} .top_v2_container.talent .top_v2_item1 {width: 600px; height: 600px; left: 50%; top: 150px; margin: 0 0 0 -680px; z-index: 992;} .top_v2_container.talent .top_v2_item2 {width: 620px; height: 620px; left: 50%; top: 80px; margin: 0 0 0 -520px; z-index: 993;} .top_v2_container.talent .top_v2_item3 {width: 860px; height: 860px; left: 50%; top: 0; margin: 0 0 0 -430px; z-index: 994;} .top_v2_container.talent .top_v2_item4 {width: 620px; height: 620px; right: 50%; top: 90px; margin: 0 -540px 0 0; z-index: 993;} .top_v2_container.talent .top_v2_item5 {width: 540px; height: 540px; right: 50%; top: 160px; margin: 0 -680px 0 0; z-index: 992;} /* CONTENT */ .top_v2_container.content {height: 695px;} .top_v2_container.content .top_v2_block {height: 700px; padding: 0;} .top_v2_container.content .top_v2_itemswrap {position: relative; margin: 0 auto; padding: 480px 0 0 0; box-sizing: border-box;} .top_v2_container.content .top_v2_items {position: absolute; left: 50%; top: 255px; margin: 0 0 0 -578px; width: 1156px; height: 584px;} .top_v2_container.content .top_v2_item {position: absolute; background-size: 100% auto; background-position: 50% 50%; background-repeat: no-repeat;} .top_v2_container.content .top_v2_item1 {width: 379px; height: 209px; left: 0; top: 28px; z-index: 994;} .top_v2_container.content .top_v2_item2 {width: 358px; height: 218px; left: 379px; top: 28px; z-index: 991;} .top_v2_container.content .top_v2_item3 {width: 399px; height: 221px; right: 0; top: 0; z-index: 992;} .top_v2_container.content .top_v2_item4 {width: 428px; height: 195px; left: 0; bottom: 0; z-index: 993;} .top_v2_container.content .top_v2_item5 {width: 377px; height: 265px; left: 377px; bottom: 0; z-index: 993;} .top_v2_container.content .top_v2_item6 {width: 334px; height: 237px; right: 20px; bottom: 8px; z-index: 993;} .top_v2_container.content .sliding_line1 i {width: 40vw;} .top_v2_container.content .sliding_line2 i {width: 30vw;} /* BRAND AND CREATIVE */ .top_v2_container.brand_creative {height: 695px;} .top_v2_container.brand_creative .top_v2_block {height: 700px;} .top_v2_container.brand_creative .top_v2_itemswrap {position: relative; margin: 0 auto; padding: 480px 0 0 0; box-sizing: border-box;} .top_v2_container.brand_creative .top_v2_bc_items {position: absolute; left: 50%; top: 185px; margin: 0 0 0 -685px; width: 1370px; height: 560px;} .top_v2_container.brand_creative .top_v2_bc_item {position: absolute; box-shadow: 20px 20px 120px 20px rgba(0,0,0,0.25); background-size: cover; background-position: 50% 50%; background-repeat: no-repeat;} .top_v2_container.brand_creative .top_v2_bc_item1 {width: 528px; height: 330px; left: 0; bottom: 0; z-index: 994;} .top_v2_container.brand_creative .top_v2_bc_item2 {width: 484px; height: 272px; left: 245px; top: 0; z-index: 991;} .top_v2_container.brand_creative .top_v2_bc_item3 {width: 456px; height: 256px; left: 572px; top: 106px; z-index: 992;} .top_v2_container.brand_creative .top_v2_bc_item4 {width: 630px; height: 250px; right: 0; bottom: 85px; z-index: 993;} .leading_container {} .leading_container .leading_block {text-align: center; padding: 140px 0 0;} .leading_container .leading_logos {text-align: center; padding: 5px 0 0 0;} .leading_container .leading_logos img {display: inline-block; vertical-align: middle; max-width: 200px; max-height: 48px; margin: 0 35px 40px;} .greatdesign_container {} .greatdesign_container .greatdesign_block {padding: 45px 0 200px;} .greatdesign_container .greatdesign_box {position: relative; width: 1170px; margin: 20px auto 0; padding: 75px 0 0 0;} .greatdesign_container .greatdesign_box:before {content:""; position: absolute; left: 50%; top: 0; margin-left: -1px; width: 3px; height: 42px; background: #f26021; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;} .greatdesign_container .greatdesign_col {position: relative; float:left; width: 50%; z-index: 991; background: #FFF; display: flex; flex-flow: row wrap; box-shadow: 0 0 173px 0 rgba(147,149,152,0.24); -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;} .greatdesign_container .greatdesign_col1 {z-index: 992;} .greatdesign_container .greatdesign_item {position: relative; display: flex; height: 80px; width: 100%; align-content: center; align-items: center; box-sizing: border-box; padding: 0 80px 0 106px; font-size: 29px; line-height: 1.3; letter-spacing: 1.6px; text-transform: uppercase; font-weight: 300;} .greatdesign_container .greatdesign_item .greatdesign_icon {position: absolute; top: 50%; right: 27px; margin-top: -16px; z-index: 992; width: 28px; height: 32px; background: url(/images/2x/logo.png) 0 0 no-repeat; background-size: 100% auto;} .greatdesign_container .greatdesign_item .greatdesign_arrow {position: absolute; left: 32px; top: 50%; width: 40px; z-index: 992; height: 32px; margin-top: -16px; background: url(/images/2x/arrow_2.png) 0 0 no-repeat; background-size: 100% 100%;} .greatdesign_container .greatdesign_item strong {font-weight: 400;} .greatdesign_container .greatdesign_item span {position: relative; z-index: 992; transition: 0.3s;} .greatdesign_container .greatdesign_item:before {content:""; position: absolute; left: 0; right: 0; bottom: 0; height: 1px; z-index: 990; background: #d9d9d9;} .greatdesign_container .greatdesign_item:after {content:""; position: absolute; left: 0; top: 0; bottom: 0; right: 0; opacity: 0; z-index: 991; background: #2cb5d6; transition: 0.3s; background: -moz-linear-gradient(left, #2cb5d6 0%, #009ac0 100%); background: -webkit-linear-gradient(left, #2cb5d6 0%,#009ac0 100%); background: linear-gradient(to right, #2cb5d6 0%,#009ac0 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2cb5d6', endColorstr='#009ac0',GradientType=1 );} .greatdesign_container .pseudo_td {height: 110px;} .greatdesign_container .greatdesign_item:hover span {color: #FFF;} .greatdesign_container .greatdesign_item:hover:after {-webkit-transform: scale(1.04); transform: scale(1.04); opacity: 1; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;} .greatdesign_container .greatdesign_item:hover .greatdesign_icon {background-image: url('/images/2x/logo_white.png');} .greatdesign_container .greatdesign_item:hover .greatdesign_arrow {background-image: url(/images/2x/arrow_white2.png);} .greatdesign_container .greatdesign_col .greatdesign_item:last-of-type:before {display: none;} .brand_creative_page .brand_creative_viewmore {font-size: 13px; font-weight: 400; position: absolute; right: 90px; bottom: -40px; color: #000; display: inline-block; letter-spacing: 0.5px; vertical-align: top; padding: 0 20px 0 0;} .brand_creative_page .brand_creative_viewmore:before {content: ""; position: absolute; top: 50%; right: 0; width: 15px; height: 22px; margin-top: -10px; transform: rotate(180deg); background-image: url(/images/2x/arrow_red.png); background-repeat: no-repeat; background-position: 0 0; background-size: 100% auto;} .brand_creative_page .cs_container .cs_block {width: 1170px;} .brand_creative_page .cs_container .cs_box {width: auto; margin: 0; float: none;} .brand_creative_page .cs_container.cs_right .cs_box {margin-left: 55%;} .brand_creative_page .cs_container.cs_left .cs_block_label_wrap {text-align: right; left: 0;} .brand_creative_page .cs_container.cs_right .cs_block_label_wrap {text-align: left; right: 0; padding: 0 0 0 60px;} .brand_creative_page .cs_container .cs_block_label_wrap {width: 45%; position: absolute; top: 0;} .brand_creative_page .cs_container.cs_left .cs_block_label, .brand_creative_page .cs_container.cs_right .cs_block_label, .brand_creative_page .cs_container .cs_block_label {position: relative; left: auto; right: auto; top: auto; display: inline-block; text-align: center; width: auto; padding: 60px 80px 0; white-space: nowrap; min-width: 390px; box-sizing: border-box;} .brand_creative_page .cs_container .cs_block_label:after {display: none;} .brand_creative_page .cs_container .cs_block_label span {position: relative; padding: 0 0 0 58px;} .brand_creative_page .cs_container .cs_block_label span:after {content: ""; position: absolute; left: 0; top: 1px; width: 36px; height: 42px; z-index: 991; background: url(/images/2x/logo_white.png) 0 0 no-repeat; background-size: 100% auto;} .brand_creative_page .cs_container.cs_left .cs_plus, .brand_creative_page .cs_container.cs_right .cs_plus {left: -250px;} .brand_creative_page .cs_container .cs_block_title {margin: 0 0 40px;} .brand_creative_page .cs_block1 .cs_default_img {height: 785px;} .brand_creative_page .cs_block3 .cs_default_img {height: 825px;} .brand_creative_page .cs_block4 .cs_default_img {height: 840px;} .brand_creative_page .cs_block3 .cs_block {z-index: 995;} .brand_creative_page .cs_block2 .cs_box {padding: 300px 0 90px;} .brand_creative_page .cs_block4 .cs_box {width: 50%;} .brand_creative_page .cs_block6 .cs_box {padding: 210px 0 1px;} .brand_creative_page .bc_block_video .cs_box .pseudo_td {height: 756px;} .brand_creative_page .bc_block_video .play_icon {position: absolute; left: 680px; bottom: 200px; z-index: 994;} .brand_creative_page .bc_block_video .wedoblock2_img {position: absolute;} .brand_creative_page .bc_block_video .wedoblock2_img div {position: absolute; left: 0; top: 0; right: 0; bottom: 0; background-size: 100% auto; background-repeat: no-repeat; background-position: 0 0;} .brand_creative_page .bc_block_video .wedoblock2_video {left: 200px; bottom: 300px; width: 698px; height: 438px; z-index: 992; zoom: 88%; box-shadow: 35px 40px 80px 10px rgba(0,0,0,0.5);} .brand_creative_page .bc_block_video .wedoblock2_phone {left: 160px; bottom: 90px; width: 344px; height: 505px; z-index: 993; zoom: 88%;} .brand_creative_page .bc_block_video .wedoblock2_phone div {transform: rotate(-28deg);} .brand_creative_page .bc_block_video .wedoblock2_logo {left: 640px; bottom: 90px; width: 171px; height: 108px; z-index: 994; zoom: 90%;} .brand_creative_page .messaging_title_wrap {position: absolute; right: 0; top: 100px; width: 45%;} .brand_creative_page .messaging_title {position: relative; font-size: 48px; margin: 0 0 40px; font-weight: 100; letter-spacing: 2px; line-height: 1.1; color: #000; text-transform: uppercase; left: -2px;} .brand_creative_page .messaging_title strong {color: #11a4c8; font-weight: 400;} .brand_creative_page .messaging_subtitle {font-size: 27px; line-height: 1.25; text-align: left; letter-spacing: 1px; color: #080808; font-weight: 100;} .brand_creative_page .messaging_subtitle strong {font-weight: 400;} .brand_creative_page .messaging_col {float:left; width: 45%;} .brand_creative_page .messaging_col2 {float:right;} .brand_creative_page .messaging_item {position: relative; margin: 0 0 40px;} .brand_creative_page .messaging_item .messaging_item_title {font-size: 27px; line-height: 1.5; margin: 0 0 16px 0; color: #11a4c8; font-weight: 100; letter-spacing: 1px; text-transform: uppercase;} .brand_creative_page .messaging_item .messaging_item_title strong {font-weight: 400;} .brand_creative_page .messaging_item p {margin: 0; padding: 0; color: #231f20; font-size: 21px; line-height: 1.35; letter-spacing: 2px; font-weight: 100;} .brand_creative_page .cs_block6_item {position: relative; margin: 0 0 40px; width: 46%;} .brand_creative_page .cs_block6_item .cs_block6_item_title {font-size: 48px; line-height: 1.5; color: #12a4c8; font-weight: 400; letter-spacing: 2px; text-transform: uppercase; margin: 0 0 20px; position: relative; left: -2px;} .brand_creative_page .cs_block6_item p {margin: 0; padding: 0; font-size: 21px; line-height: 1.4; letter-spacing: 1px; color: #231f20; font-weight: 100;} .brand_creative_page .cs_block6_item strong {font-weight: 400;} .brand_creative_page .cs_block6_right {position: absolute; right: -50px; top: 185px;} .brand_creative_page .cs_block6_rightitem {position: absolute; background: #FFF; box-shadow: 0 0 100px 0 rgba(0,0,0,0.15);} .brand_creative_page .cs_block6_rightitem1 {top: 0; right: 0; width: 335px; height: 225px; z-index: 992;} .brand_creative_page .cs_block6_rightitem2 {top: 170px; right: 0; width: 500px; height: 333px; z-index: 991;} .brand_creative_page .cs_block6_rightitem3 {top: 407px; right: 270px; width: 335px; height: 225px; z-index: 992;} .brand_creative_page .cs_block6_rightitem4 {top: 572px; right: 0; width: 500px; height: 333px; z-index: 993;} .brand_creative_page .cs_block6_rightitem5 {top: 830px; right: 0; width: 335px; height: 225px; z-index: 994;} .touchpoints_container {z-index:994; box-shadow: 0 0 80px 0 rgba(3,156,193,0.64); background: #2db5d7; background: -moz-linear-gradient(left, #2db5d7 0%, #009ac0 100%); background: -webkit-linear-gradient(left, #2db5d7 0%,#009ac0 100%); background: linear-gradient(to right, #2db5d7 0%,#009ac0 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2db5d7', endColorstr='#009ac0',GradientType=1 );} .touchpoints_container .touchpoints_block {width: 1170px; margin: 0 auto; padding: 115px 0 430px; color: #FFF; text-align: left; z-index: 991;} .touchpoints_container .anchor {position: absolute; top: 200px;} .touchpoints_container .block_title {text-align: left; margin: 0 0 25px; letter-spacing: 1px;} .touchpoints_container .touchpoints_description {width: 45%; font-size: 23px; font-weight: 100; line-height: 1.25; letter-spacing: 2px; position: relative;} .touchpoints_container .touchpoints_description .brand_creative_viewmore {color:#FFF; position: absolute; right: 90px; bottom: -40px;} .touchpoints_container .touchpoints_img_wrap {position: absolute; left: 0; top: 0; bottom: 0; right: 0; z-index: 990;} .touchpoints_container .touchpoints_img {position: absolute; left: 0; top: 0; bottom: 0; right: 0; background-size: auto 94%; background-position: 100% 100%; z-index: 990; background-repeat: no-repeat;} .touchpoints_container .touchpoints_description .brand_creative_viewmore {color:#FFF;} .resources_container {background: #009ac0; background: -moz-linear-gradient(left, #009ac0 0%, #2db5d7 100%); background: -webkit-linear-gradient(left, #009ac0 0%,#2db5d7 100%); background: linear-gradient(to right, #009ac0 0%,#2db5d7 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#009ac0', endColorstr='#2db5d7',GradientType=1 );} .resources_container .resources_block {color: #FFF; width: 1330px; margin: 0 auto; padding: 80px 0 60px; text-align: center;} .resources_container .block_title {margin: 0 0 45px;} .resources_container .block_subtitle {margin: 0 0 90px;} .resources_container .block_subtitle strong {color: #FFF;} .resources_container .resources_box {margin: 0 0 10px;} .resources_container .resources_item {float:left; width: 31.2%; margin-bottom: 44px; padding: 60px 0 30px; position: relative; text-align: center; box-sizing: border-box; background: #FFF; box-shadow: 0 0 70px 10px rgb(7, 112, 148); -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;} .resources_container .resources_item .resources_item_img {position: absolute; top: -72px; left: 50%; width: 180px; margin: 0 0 0 -90px; z-index: 990;} .resources_container .resources_item .resources_item_title {font-size: 32px; line-height: 1.3; color: #12a4c8; margin: 0 0 4px; text-transform: uppercase; letter-spacing: 0.5px; font-weight: 600; position: relative; z-index: 991;} .resources_container .resources_item p {font-size: 20px; line-height: 1.4; letter-spacing: 1px; color: #231f20; margin: 0; padding: 0 30px; position: relative; z-index: 991;} .resources_container .resources_item.item2, .resources_container .resources_item.item5, .resources_container .resources_item.item8, .resources_container .resources_item.item11 {margin-left: 3.2%; margin-right: 3.2%;} .resources_container .button {width: 290px;} .getbranded_container {} .getbranded_container .getbranded_block {padding: 90px 0 120px;} .getbranded_container .block_title {margin: 0 0 25px;} .getbranded_container .block_subtitle {margin: 0 0 36px;} .getbranded_container .button {width: 290px; z-index: 991;} .getbranded_container .getbranded_imgbox {height: 730px; text-align: center; position: relative; z-index: 990; margin: 55px 0 0 0;} .getbranded_container .getbranded_imgbox img {position: absolute; left: 50%; top: 0; width: 1554px; margin-left: -777px;} .getbranded_container .getbranded_bottom {position: relative; width: 1340px; margin: 0 auto; padding: 10px 0 0 0; z-index: 991;} .getbranded_container .getbranded_bottom_left {float:left; width: 40%; padding: 0 0 0 100px; top: -8px; box-sizing: border-box; position: relative; font-size: 23px; line-height: 1.35; letter-spacing: 1px; color: #12a4c8; text-transform: uppercase;} .getbranded_container .getbranded_bottom_right {float: right; width: 54%; margin: 0 1% 0 0; position: relative;} .getbranded_container .getbranded_bottom_right li {font-size: 23px; line-height: 1.55; letter-spacing: 2px; padding: 13px 0 15px; border-bottom: 2px solid #acafb1;} .getbranded_container .getbranded_bottom_right li:last-of-type {border: 0;} .getbranded_container .getbranded_bottom_right span {width: 55%; display: inline-block; vertical-align: top;} /* JOIN OUR TEAM - APPLY */ .top_container.join_apply .pseudo_td {padding-bottom: 100px;} .apply_container {z-index: 992; padding: 0 0 70px;} .apply_container .apply_block {top: -105px; width: 756px; padding: 115px 0 0; margin: 0 auto; background: #FFF; box-shadow: 0 20px 100px -5px rgba(0,0,0,0.18);} .apply_container .apply_block:before {content:""; position: absolute; top: -80px; left: 50%; margin-left: -65px; width: 130px; height: 150px; background: url('/images/2x/logo_700.png') 0 0 no-repeat; background-size: 100% auto;} .apply_container .apply_step {position: relative; text-align: center;} .apply_container .apply_step2 {display: none;} .apply_container .apply_step_title {font-size: 40px; margin: 0 0 16px; text-transform: uppercase; font-weight: 400; letter-spacing: 2px;} .apply_container .apple_step_subtitle {font-size: 18px; line-height: 1.3; font-weight: 300; margin: 0 0 55px; letter-spacing: 0.5px;} .apply_container .apple_step_subtitle strong {font-weight: 400;} .apply_container .wpcf7-form-control-wrap {width: 330px; margin: 0 auto 15px; display: block;} .apply_container .wpcf7-form-control-wrap.linkedin:after {content:""; position: absolute; left: -12px; top: 50%; margin-top: -12px; width: 24px; height: 24px; background: #0274b3 url('/images/linkedin_white.svg') 50% 45% no-repeat; background-size: 12px auto; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;} .apply_container .wpcf7-form-control-wrap.twitter:after {content:""; position: absolute; left: -10px; top: 50%; margin-top: -12px; width: 24px; height: 20px; background: url('/images/twitter_logo.svg') 0 0 no-repeat; background-size: 100% auto;} .apply_container .wpcf7-form-control-wrap.personalities:after {content:""; position: absolute; left: -12px; top: 50%; margin-top: -12px; width: 24px; height: 24px; background: url('/images/personalities_logo.svg') 0 0 no-repeat; background-size: 100% auto;} .apply_container .file_upload_wrap {width: 330px; margin: 20px auto 15px; z-index: 994;} .apply_container .file_upload_wrap .wpcf7-form-control-wrap {width: auto; position: absolute; left: 0; top: 0; right: 0; bottom: 0; margin: 0;} .apply_container .form_field {box-shadow: 0 10px 30px 5px rgba(0,0,0,0.1);} .apply_container .ajax-loader {bottom: -16px; margin: 0 0 0 150px;} .apply_container .apply_step_nav {width: 210px; position: relative; padding: 16px 0 2px; margin: 0 auto; text-align: center;} .apply_container .apply_step_nav_item {position: relative; float:left; width: 47.5%; height: 5px; background: #d4d3d2; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;} .apply_container .apply_step_nav_item2 {float:right;} .apply_container .apply_step_nav span {font-size: 15px; opacity: 0.4; letter-spacing: 0.5px; display: block; padding: 25px 0 0 0;} .apply_container .apply_step1 .apply_step_nav_item1, .apply_container .apply_step2 .apply_step_nav_item1, .apply_container .apply_step2 .apply_step_nav_item2 {background: #f6871f; background: -moz-linear-gradient(left, #f6871f 0%, #f15222 50%, #e72323 100%); background: -webkit-linear-gradient(left, #f6871f 0%,#f15222 50%,#e72323 100%); background: linear-gradient(to right, #f6871f 0%,#f15222 50%,#e72323 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6871f', endColorstr='#e72323',GradientType=1 );} .apply_container .apply_step .button {width: 288px; bottom: -33px;} /* PRIVACY POLICY */ .privacy_policy {} .privacy_policy .content_block {width: 1370px; padding: 90px 0 100px; font-size: 20px; line-height: 1.5;} .privacy_policy h1 {font-size: 50px; line-height: 1.2; letter-spacing: 2px; text-transform: uppercase; margin: 0 0 30px; font-weight: 400;} .privacy_policy h2 {font-size: 36px; line-height: 1.4; padding: 25px 0 15px; text-transform: uppercase;} .privacy_policy p {font-size: 20px; line-height: 1.5; margin: 0; padding: 0 0 20px;} .privacy_policy ul {position: relative; margin: 0 0 30px 30px;} .privacy_policy ul li {position: relative; font-size: 20px; line-height: 1.5; margin: 0 0 10px;} .privacy_policy strong {font-weight: 600;} .privacy_policy a {color: #f26021; box-shadow: inset 0 -1px 0 0 #f26021; transition: 0.2s;} .privacy_policy a:hover {box-shadow: none;} .privacy_policy img {max-width: 600px; height: auto; width: auto;} /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - MEDIA QUERIES - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ @keyframes day_item_line_before { 0% { height: 0%; } 100% { height: 36%; } } @keyframes day_item_line_after { 0% { height: 0%; } 100% { height: 54%; } } @keyframes we_statementline { 0% { height: 0%; } 100% { height: 100%; } } @keyframes day_item_button_box_border { 0% { left: 0; top: 0; right: 0; bottom: 0; } 100% { left: -210px; top: -210px; right: -210px; bottom: -210px; } } @keyframes day_item_button_box_round { 0% { left: 0; top: 0; right: 0; bottom: 0; } 100% { left: -50px; top: -50px; right: -50px; bottom: -50px; } } @keyframes wedoplug_box { 0% { -webkit-transform: scale(1); transform: scale(1);} 100% { -webkit-transform: scale(1.04); transform: scale(1.04);} } @keyframes diagram_img1 { 0% {left: -150px; top: -5%; transform: rotate(-19deg); } 100% {left: 0; top: 0; transform: rotate(0deg); } } @keyframes diagram_img2 { 0% {left: -280px; top: -10%; transform: rotate(-50deg); } 100% {left: 0; top: 15.3%; transform: rotate(0deg); } } @keyframes diagram_img3 { 0% {left: -350px; top: -15%; transform: rotate(-69deg); } 100% {left: 0; top: 23.8%; transform: rotate(0deg); } } @keyframes diagram_img4 { 0% {left: -530px; top: -30%; transform: rotate(-118deg); } 100% {left: 0; top: 28.7%; transform: rotate(0deg); } } @keyframes diagram_img5 { 0% {left: -300px; top: 95%; transform: rotate(62deg); } 100% {left: 0; top: 51%; transform: rotate(0deg); } } @keyframes diagram_img6 { 0% {left: -200px; top: 75%; transform: rotate(30deg); } 100% {left: 0; top: 51.5%; transform: rotate(0deg); } } /* BACKGROUNDS BY PIXEL DENSITY */ @media only screen and (min-width: 720px) and (-webkit-max-device-pixel-ratio: 1.25), only screen and (min-width: 720px) and (max-resolution: 119dpi) { .top_container .top_block:before {background-image: url('/images/1x/top_back.jpg');} .testimonial_item.with_back .testimonial_item_box:before {background-image: url('/images/1x/testimonials/testimonials_back.jpg');} .exits_item .exits_item_plus:before {background-image: url('/images/1x/plus_3.png');} .industry_computer_imgbox .industry_computer_img {background-image: url('/images/1x/industries/manage_back.jpg');} } @media only screen and (min-width: 720px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-width: 720px) and ( min--moz-device-pixel-ratio: 2), only screen and (min-width: 720px) and ( -o-min-device-pixel-ratio: 2/1), only screen and (min-width: 720px) and ( min-device-pixel-ratio: 2), only screen and (min-width: 720px) and ( min-resolution: 192dpi), only screen and (min-width: 720px) and ( min-resolution: 2dppx) { .top_container .top_block:before {background-image: url('/images/2x/top_back.jpg');} .testimonial_item.with_back .testimonial_item_box:before {background-image: url('/images/2x/testimonials/testimonials_back.jpg');} .exits_item .exits_item_plus:before {background-image: url('/images/2x/plus_3.png');} .industry_computer_imgbox .industry_computer_img {background-image: url('/images/2x/industries/manage_back.jpg');} } /* > 1920 SCREEN FIXES */ @media only screen and (min-width: 1940px) { .industry_top_container .industry_left {width: auto; left: 0; right: 0; margin-left: 0;} }