/* RESET --------------------------------*/ * {margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; outline: none; -webkit-appearance: none;} /* HTML5 display-role reset for older browsers */ article, aside, details, figcaption, figure, b-footer, header, hgroup, menu, nav, section {display: block;} body {line-height: 1;} ol, ul {list-style: none;} blockquote, q {quotes: none;} p {margin: 0;} blockquote:before, blockquote:after, q:before, q:after {content: ''; content: none;} table {border-collapse: collapse; border-spacing: 0;} input[type="checkbox"] {-webkit-appearance: checkbox;} /* REUSABLE STYLES ---------------------------------*/ .clearfix:after {content: ''; display: block; height: 0; clear: both; visibility: hidden; font-size: 0;} .bxbb {-webkit-box-sizing: border-box; box-sizing: border-box;} /* FONTS ---------------------------------*/ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 400; src: local('Open Sans Regular'), local('OpenSans-Regular'), url(https://fonts.gstatic.com/s/opensans/v15/mem8YaGs126MiZpBA-UFVZ0b.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 600; src: local('Open Sans SemiBold'), local('OpenSans-SemiBold'), url(https://fonts.gstatic.com/s/opensans/v15/mem5YaGs126MiZpBA-UNirkOUuhp.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 700; src: local('Open Sans Bold'), local('OpenSans-Bold'), url(https://fonts.gstatic.com/s/opensans/v15/mem5YaGs126MiZpBA-UN7rgOUuhp.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } body {font: 400 16px/1.5 'Open Sans', sans-serif;} @media (max-width: 900px) { body {font-size: 12px;} } /* FOUNDATION ------------------------- --------*/ html {height: 100%;} body {color: #525d67; background-color: #fff;} a, button {transition: all 0.3s ease; cursor: pointer;} a {color: #000; text-decoration: underline;} button, input[type="submit"] {cursor: pointer;} img {display: block; border: none;} svg {pointer-events: none;} a:hover {text-decoration: none;} b, strong {font-weight: 700;} /* GENERAL ---------------------------------*/ .btn {display: inline-block; width: 250px; padding: 18px 15px; text-decoration: none; text-align: center; text-transform: uppercase; font-size: 16px; color: #fff; font-weight: 600; border-radius: 4px; box-sizing: border-box; cursor: pointer; transition: all 0.3s ease; background-color: #1dc17a; box-shadow: 0 5px 15px rgba(29,193,122,.35);} .btn-border {padding: 16px 15px; background: none; border: 2px solid #fff; box-shadow: none;} .btn:hover {background-color: #28ca84;} .btn-border:hover {background-color: #fff; color: #525d67;} .wrap {width: 100%; max-width: 1560px; margin: 0 auto; padding: 0 15px; box-sizing: border-box;} .section-title {font-size: 40px; font-weight: 700; line-height: 1.3;} .owl-nav button {position: absolute; top: 50%; transform: translateY(-50%); display: flex; justify-content: center; align-items: center; width: 60px; height: 60px; background-color: rgba(49,197,239,.5); border-radius: 50%;} .owl-nav .owl-prev {left: -40px;} .owl-nav .owl-next {right: -40px;} .owl-nav button span {font-size: 32px; font-weight: 600; color: #fff; margin-top: -4px;} .owl-nav .owl-prev span {margin-right: -20px;} .owl-nav .owl-next span {margin-left: -20px;} @media (max-width: 1500px) { .btn, .btn-border {width: 210px; padding: 15px; font-size: 15px;} .section-title {font-size: 32px;} } @media (max-width: 1050px) { .section-title {font-size: 24px;} .btn, .btn-border {width: 190px; padding: 13px 15px; font-size: 13px;} } @media (max-width: 640px) { .section-title {text-align: center;} } /* header ---------------------------------*/ .header {position: fixed; left: 0; top: 0; z-index: 4; width: 100%; padding: 25px 0 15px; transition: padding 0.3s ease, background 0.3s ease;} .header .logos-holder {display: none;} .header-nav-list .item {float: left; margin-left: 45px;} .header-nav-list .item:first-child {margin-left: 0;} .header-nav-list .link {padding: 15px 0; font-weight: 600; color: #1ebaed; cursor: pointer;} .header-nav-list .item_current .link {color: #4c4c4c;} .scrolled .header {padding: 15px 0; background-color: #fff; border-bottom: 1px solid #d0f2fc;} .hbr-btn {display: none;} @media (max-width: 900px) { .header {padding: 12px 0; background-color: #fff; border-bottom: 1px solid #d0f2fc;} .scrolled .header {padding: 12px 0;} .header .wrap {display: flex; justify-content: space-between; align-items: center;} .header .logos-holder {display: flex; align-items: flex-end;} .header .adsbridge-logo {width: 140px; height: 36px;} .header .affFix-logo {width: 150px;} .header .logos-holder .ampersand {display: inline-block; margin: 0 10px; font-size: 20px; font-weight: 700; color: #000;} .header-nav-list .item {margin-left: 35px;} .header-nav-list .item .link {font-size: 14px;} } @media (max-width: 767px) { .header .adsbridge-logo {width: 115px; height: 30px;} .header .affFix-logo {width: 135px;} .header .logos-holder .ampersand {margin: 0 8px; font-size: 16px;} .header-nav-list .item {margin-left: 31px;} .header-nav-list .item .link {font-size: 13px;} } @media (max-width: 700px) { .header {padding: 0;} .header_active {border-bottom: none;} .scrolled .header {padding: 0;} .header .wrap {height: 54px;} .header .adsbridge-logo {width: 105px; height: 27px;} .header .affFix-logo {width: 120px;} .header .logos-holder .ampersand {margin: 0 7px; font-size: 14px;} .hbr-btn {display: block; position: absolute; right: 10px; top: 50%; transform: translateY(-50%); width: 40px; height: 40px; transition: .5s ease-in-out; cursor: pointer; border: none; background: none;} .hbr-btn .lines {position: absolute; height: 2px; width: 26px; background: #1ebaed; left: 7px; transform: rotate(0deg); transition: .25s ease-in-out; will-change: transform;} .hbr-btn .lines:nth-child(1) {top: 10px; transform-origin: left center;} .hbr-btn .lines:nth-child(2) {top: 18px; transform-origin: left center;} .hbr-btn .lines:nth-child(3) {top: 26px; transform-origin: left center;} .header_active .hbr-btn .lines:nth-child(1) {transform: rotate(45deg); top: 9px; left: 10px;} .header_active .hbr-btn .lines:nth-child(2) {width: 0; opacity: 0;} .header_active .hbr-btn .lines:nth-child(3) {transform: rotate(-45deg); top: 28px; left: 10px;} .header-nav {position: absolute; left: 0; top: 54px; z-index: -1; display: block; height: 0; width: 100%; margin-top: 0; opacity: 0; transition: opacity 0.3s ease, height 0.3s ease; visibility: hidden; box-sizing: border-box; background-color: #fff;} .header_active .header-nav {opacity: 1; z-index: 4; height: auto; padding: 8px 0; visibility: visible; border-bottom: 1px solid #d0f2fc;} .header-nav-list {padding: 0 15px;} .header-nav-list .item {display: block; float: none; margin-left: 0; padding: 0; text-align: center;} .header-nav-list .item:first-child {border-top: none;} .header-nav-list .link {display: inline-block; padding: 14px 0; line-height: 1.2; font-size: 17px; transition: none;} .header-nav-list .item_current .link:after {bottom: 5px; width: calc(100% + 15px);} } /* indx-global ---------------------------------*/ .indx-global .wrap {display: flex; height: 100vh; align-items: center;} .indx-global .logos-holder {display: flex; align-items: flex-end;} .indx-global .logos-holder .ampersand {display: inline-block; margin: 0 19px; font-size: 37px; font-weight: 700; color: #000;} .indx-global .global-title {margin-top: 92px; font-size: 32px; line-height: 1.2; font-weight: 700;} .indx-global .global-title .highlight {display: block; text-transform: uppercase; font-size: 70px;} .indx-global .global-title br {display: none;} .indx-global .sub-title {margin-top: 30px; font-size: 24px;} .indx-global .btn-holder {margin-top: 65px;} .indx-global-main-pic {position: absolute; right: 0; top: 0; z-index: -1; width: auto; height: 100%;} @media (max-width: 1500px) { .indx-global .adsbridge-logo {width: 210px; height: 54px;} .indx-global .affFix-logo {width: 230px; height: auto;} .indx-global .logos-holder .ampersand {margin: 0 15px;} .indx-global .global-title {margin-top: 55px; font-size: 26px;} .indx-global .global-title .highlight {font-size: 56px;} .indx-global .sub-title {margin-top: 24px; font-size: 20px;} .indx-global .btn-holder {margin-top: 45px;} } @media (max-width: 1050px) { .indx-global-main-pic {height: 500px;} .indx-global .wrap {height: auto; min-height: 580px;} .indx-global .adsbridge-logo {width: 180px; height: 46px;} .indx-global .affFix-logo {width: 195px;} .indx-global .logos-holder .ampersand {margin: 0 13px; font-size: 24px;} .indx-global .global-title {margin-top: 40px;} .indx-global .global-title {font-size: 23px;} .indx-global .global-title .highlight {font-size: 48px;} .indx-global .sub-title {font-size: 18px;} .indx-global .btn-holder {margin-top: 35px;} } @media (max-width: 950px) { .indx-global .wrap {min-height: 560px;} .indx-global .content {width: 100%; max-width: 415px;} .indx-global .global-title {font-size: 24px;} .indx-global .global-title .highlight {font-size: 40px;} .indx-global .global-title br {display: block;} } @media (max-width: 900px) { .indx-global {margin-top: 61px;} .indx-global-main-pic {height: 430px;} .indx-global .wrap {height: auto; min-height: 450px;} .indx-global .global-title {margin-top: 0;} .indx-global .logos-holder {display: none;} } @media (max-width: 767px) { .indx-global {margin-top: 54px;} .indx-global-main-pic {height: 370px;} .indx-global .wrap {min-height: 372px;} .indx-global .content {max-width: 350px;} .indx-global .global-title {font-size: 19px;} .indx-global .global-title .highlight {font-size: 34px;} .indx-global .sub-title {margin-top: 20px; font-size: 17px;} .indx-global .btn-holder {margin-top: 25px;} } @media (max-width: 640px) { .indx-global {text-align: center;} .indx-global-main-pic-holder {text-align: right;} .indx-global-main-pic {position: static; display: inline-block; height: 280px;} .indx-global .content {margin-top: 17px;} .indx-global .wrap {min-height: 100%; justify-content: center;} } /* what-is ---------------------------------*/ .what-is {padding: 95px 0 216px; background: url(/landings/145909/1541065103/images/what-is-section-bg-bottom.jpg) no-repeat center bottom / 100% auto;} .what-is .wrap {display: flex; align-items: center; justify-content: space-between;} .what-is .mob-top-info {display: none;} .what-is .content {flex: 0 1 750px;} .what-is .description {margin-top: 26px;} .what-is .title-who-can {margin-top: 70px; font-size: 24px; font-weight: 700;} .what-is .who-can-list {display: flex; margin: 38px 0 0 -53px;} .what-is .who-can-list .item {display: flex; flex: 0 0 254px; justify-content: center; align-items: center; height: 254px; margin-left: -20px; box-sizing: border-box; border: 4px solid #8de2f7; font-size: 24px; line-height: 1.3; text-align: center; border-radius: 50%; box-shadow: 0 0 35px rgba(0,0,0,.1); background: rgb(50,197,240, .2); background: -moz-linear-gradient(left, rgba(50,197,240,.2) 0%, rgba(180,235,250,.2) 100%); background: -webkit-linear-gradient(left, rgba(50,197,240,.2) 0%,rgba(180,235,250,.2) 100%); background: linear-gradient(to right, rgba(50,197,240,.2) 0%,rgba(180,235,250,.2) 100%);} .what-is .who-can-list .item:first-child {margin-left: 0;} .what-is .who-can-list .item-2 {border-color: #1ebaed;} .what-is .who-can-list .item-3 {border-color: #3795d1;} .what-is .main-pic-holder {position: relative;} .what-is .main-pic-list {counter-reset: item 0;} .what-is .main-pic-list .item {position: absolute; font-size: 24px;} .what-is .main-pic-list .item-1 {left: 497px; top: 109px;} .what-is .main-pic-list .item-2 {left: 489px; top: 157px;} .what-is .main-pic-list .item-3 {left: 476px; top: 207px;} .what-is .main-pic-list .item-4 {left: 463px; top: 254px;} .what-is .main-pic-list .item-5 {left: 443px; top: 306px;} .what-is .main-pic-list .item:before {content: counter(item); counter-increment: item +1; position: absolute; left: -52px; top: 50%; transform: translateY(-50%); font-weight: 700; font-size: 16px;} @media (max-width: 1500px) { .what-is {padding: 75px 0 100px; background-size: 1500px auto;} .what-is .main-pic-holder {flex: 0 1 576px; margin-right: 70px;} .what-is .main-pic {width: 440px; height: 509px;} .what-is .main-pic-list .item {font-size: 20px;} .what-is .main-pic-list .item-1 {left: 385px; top: 83px;} .what-is .main-pic-list .item-2 {left: 379px; top: 123px;} .what-is .main-pic-list .item-3 {left: 370px; top: 161px;} .what-is .main-pic-list .item-4 {left: 357px; top: 198px;} .what-is .main-pic-list .item-5 {left: 344px; top: 239px;} .what-is .main-pic-list .item:before {left: -39px; font-size: 14px;} .what-is .title-who-can {margin-top: 35px;} .what-is .who-can-list {margin: 25px 0 0 -30px;} .what-is .who-can-list .item {flex-basis: 180px; height: 180px; font-size: 19px;} .what-is .title-who-can {font-size: 22px;} } @media (max-width: 1050px) { .what-is {padding: 55px 0 75px; background-size: 1050px auto;} .what-is .description {margin-top: 22px;} .what-is .title-who-can {margin-top: 30px; font-size: 18px;} .what-is .who-can-list {margin: 20px 0 0 -20px;} .what-is .who-can-list .item {flex-basis: 132px; height: 132px; margin-left: -13px; font-size: 17px;} } @media (max-width: 1000px) { .what-is {padding-top: 35px;} .what-is .main-pic {width: 307px; height: 355px;} .what-is .main-pic-list .item {font-size: 13px;} .what-is .main-pic-list .item-1 {left: 269px; top: 58px;} .what-is .main-pic-list .item-2 {left: 264px; top: 86px;} .what-is .main-pic-list .item-3 {left: 257px; top: 112px;} .what-is .main-pic-list .item-4 {left: 250px; top: 139px;} .what-is .main-pic-list .item-5 {left: 240px; top: 167px;} .what-is .main-pic-list .item:before {left: -29px; font-size: 11px;} } @media (max-width: 900px) { .what-is {background-size: 900px auto;} } @media (max-width: 767px) { .what-is .wrap {display: block;} .what-is .mob-top-info {display: block;} .what-is .main-pic-holder {width: 307px; margin: 18px auto 0;} .what-is .content {margin-top: 30px;} .what-is .content .section-title, .what-is .content .description {display: none;} .what-is .title-who-can {margin-top: 0;} .what-is .who-can-list {justify-content: center; margin-left: 0;} .what-is .who-can-list .item {flex-basis: 170px; height: 170px;} } @media (max-width: 700px) { .what-is {background: none;} } @media (max-width: 640px) { .what-is {padding: 45px 0 50px; background: none;} .what-is .title-who-can {text-align: center;} } @media (max-width: 520px) { .what-is .who-can-list {margin-top: 32px; flex-direction: column; justify-content: center; align-items: center;} .what-is .who-can-list .item {width: 170px; margin: -13px 0 0;} } /* payment-plans ---------------------------------*/ .payment-plans {padding: 70px 0 55px; background-color: #f4fcff; background-image: url(/landings/145909/1541065103/images/payment-plans-section-bg-top.jpg), url(/landings/145909/1541065103/images/payment-plans-section-bg-bottom.jpg); background-position: center top, center bottom; background-repeat: no-repeat; background-size: 100% auto; overflow: hidden;} .payment-plans-header {display: flex; justify-content: space-between; align-items: center; width: 100%; max-width: 1160px; margin: 0 auto;} .payment-plans-header .section-title .highlight {display: block; font-size: 70px; text-transform: uppercase;} .payment-plans-header .promo-code-holder .heading {display: block; margin: 0 0 10px 26px; font-size: 24px;} .payment-plans-header .promo-code-holder .promo-code {display: inline-block; padding: 2px 22px; font-size: 40px; font-weight: 700; text-transform: uppercase; border: 4px dotted #e94949; border-radius: 6px; background-color: #fff;} .payment-plans-list {display: flex; flex-wrap: wrap; justify-content: center; margin: 20px -10px 0;} .payment-plans-list .item {flex: 1 0 auto; margin: 20px 10px 0; padding: 32px 33px 54px; border: 2px solid #1ebaed; border-radius: 8px; text-align: center; background-color: #fff; box-sizing: border-box; box-shadow: 0 0 40px rgba(55,149,209,.25);} .payment-plans-list .item-title {display: block; font-size: 24px; font-weight: 700;} .payment-plans-list .visits {display: block; margin-top: 4px;} .payment-plans-list .visits .amount {font-size: 24px; font-weight: 700;} .payment-plans-list .item-pic-holder {height: 164px; margin-top: 17px;} .payment-plans-list .item-pic {display: inline-block;} .payment-plans-list .plan {display: flex; justify-content: space-between; align-items: center; padding: 17px 12px;} .payment-plans-list .year-plan {border-top: 2px solid #d9dbdd;} .payment-plans-list .prices {display: flex; flex-direction: column; align-items: flex-start; font-weight: 700;} .payment-plans-list .price {position: relative; display: block;} .payment-plans-list .price .currency {position: absolute;} .payment-plans-list .price-current {margin-left: 3px; font-size: 40px; line-height: 1;} .payment-plans-list .price-previous {font-size: 24px; line-height: 1; color: #c6c8cb;} .payment-plans-list .price-previous:after {position: absolute; right: 0; top: 50%; transform: translateY(-50%); content: ''; display: block; width: calc(100% + 9px); height: 2px; background-color: #525d67;} .payment-plans-list .price-current .currency {left: -14px; top: 1px; font-size: 25px;} .payment-plans-list .price-previous .currency {left: -9px; top: 0; font-size: 15px;} .payment-plans-list .btn-holder {margin-top: 13px;} .payment-plans-list .btn {width: 200px; padding: 12px 15px;} @media (max-width: 1560px) { .payment-plans-list .item {flex: 0 0 289px;} } @media (max-width: 1500px) { .payment-plans {background-size: 1500px auto;} .payment-plans-header .section-title .highlight {font-size: 63px;} .payment-plans-list .item {flex-basis: 255px; padding: 22px 23px 35px;} .payment-plans-list .item-title {font-size: 22px;} .payment-plans-list .visits .amount {font-size: 21px;} .payment-plans-list .item-pic-holder {height: 140px;} .payment-plans-list .item-pic-holder .item-pic {display: inline-block; width: auto; height: 100%;} .payment-plans-list .price-current {font-size: 26px;} .payment-plans-list .price-previous {margin-top: 5px; font-size: 19px;} .payment-plans-list .plan {padding: 11px 10px;} } @media (max-width: 1100px) { .payment-plans {background-size: 1100px auto;} } @media (max-width: 1050px) { .payment-plans-header {justify-content: center;} .payment-plans-header .section-title .highlight {font-size: 40px;} .payment-plans-header .promo-code-holder {margin-right: 32px;} .payment-plans-header .promo-code-holder .heading {margin: 0 0 3px 28px; font-size: 18px;} .payment-plans-header .promo-code-holder .promo-code {font-size: 24px;} } @media (max-width: 900px) { .payment-plans {position: relative; padding: 40px 0 55px; background-size: 900px auto;} .payment-plans-list {display: block; margin: 25px 0 0;} .payment-plans-list .item {width: 255px; margin: 0 auto;} } @media (max-width: 700px) { .payment-plans {background-image: none;} } @media (max-width: 640px) { .payment-plans-header {flex-direction: column;} .payment-plans-header .promo-code-holder {order: 2; margin: 13px 0 0;} .payment-plans-list {margin-top: 35px;} } /* first-class-service ---------------------------------*/ .first-class-service {background-color: #1ebaed; background-image: url(/landings/145909/1541065103/images/first-class-service-section-bg-top.jpg), url(/landings/145909/1541065103/images/first-class-service-section-bg-bottom.jpg); background-position: center top, center bottom; background-repeat: no-repeat; background-size: 100% auto; overflow: hidden;} .first-class-service .wrap {position: relative; height: 1075px;} .first-class-service .section-title {position: absolute; left: 0; bottom: 375px; color: #fff;} .first-class-service .section-title .highlight {display: block; font-size: 70px; font-weight: 700; text-transform: uppercase;} .first-class-service .main-pic-holder {position: absolute; left: 50%; top: 50%; transform: translate(-520px, -50%);} .first-class-service .main-pic-mob {display: none;} .first-class-service .main-pic-list .item {position: absolute; font-size: 16px; color: #fff;} .first-class-service .main-pic-list .item-1 {left: 63px; top: 194px;} .first-class-service .main-pic-list .item-2 {left: 67px; top: 136px;} .first-class-service .main-pic-list .item-3 {left: 226px; top: 277px;} .first-class-service .main-pic-list .item-4 {left: 320px; top: 194px;} .first-class-service .main-pic-list .item-5 {left: 484px; top: 291px;} .first-class-service .main-pic-list .item-6 {left: 574px; top: 75px;} .first-class-service .main-pic-list .item-7 {left: 644px; top: 164px;} .first-class-service .main-pic-list .item-8 {left: 765px; top: 281px;} .first-class-service .main-pic-list .item-9 {left: 832px; top: 209px;} @media (max-width: 1500px) { .first-class-service {background-size: 1500px auto;} .first-class-service .wrap {height: 800px;} .first-class-service .section-title .highlight {font-size: 54px;} .first-class-service .section-title {left: 50%; bottom: 252px; transform: translateX(-500px);} .first-class-service .main-pic-holder {transform: translate(-345px, -50%);} .first-class-service .main-pic-web {width: 850px; height: auto;} .first-class-service .main-pic-list .item {font-size: 15px;} .first-class-service .main-pic-list .item-1 {left: 23px; top: 138px;} .first-class-service .main-pic-list .item-2 {left: 9px; top: 96px;} .first-class-service .main-pic-list .item-3 {left: 148px; top: 198px;} .first-class-service .main-pic-list .item-4 {left: 197px; top: 136px;} .first-class-service .main-pic-list .item-5 {left: 338px; top: 209px;} .first-class-service .main-pic-list .item-6 {left: 417px; top: 51px;} .first-class-service .main-pic-list .item-7 {left: 469px; top: 116px;} .first-class-service .main-pic-list .item-8 {left: 556px; top: 202px;} .first-class-service .main-pic-list .item-9 {left: 606px; top: 149px;} } @media (max-width: 1100px) { .first-class-service {background-size: 1100px auto;} .first-class-service .wrap {height: 640px;} .first-class-service .section-title {left: 50%; z-index: 1; bottom: 189px; transform: translateX(-338px);} .first-class-service .section-title .highlight {font-size: 40px;} .first-class-service .main-pic-holder {transform: translate(-335px, -50%);} .first-class-service .main-pic-web {width: 658px; height: 391px;} .first-class-service .main-pic-list .item {font-size: 12px;} .first-class-service .main-pic-list .item-1 {left: 14px; top: 106px;} .first-class-service .main-pic-list .item-2 {left: 2px; top: 74px;} .first-class-service .main-pic-list .item-3 {left: 112px; top: 153px;} .first-class-service .main-pic-list .item-4 {left: 148px; top: 106px;} .first-class-service .main-pic-list .item-5 {left: 261px; top: 161px;} .first-class-service .main-pic-list .item-6 {left: 324px; top: 40px;} .first-class-service .main-pic-list .item-7 {left: 363px; top: 89px;} .first-class-service .main-pic-list .item-8 {left: 431px; top: 155px;} .first-class-service .main-pic-list .item-9 {left: 468px; top: 116px;} } @media (max-width: 900px) { .first-class-service {background-size: 900px auto;} .first-class-service .section-title {width: 430px;} } @media (max-width: 700px) { .first-class-service {padding: 50px 0; background-image: none;} .first-class-service .wrap {height: auto;} .first-class-service .section-title {position: static; width: auto; transform: translate(0,0);} .first-class-service .main-pic-holder {position: static; margin-top: 16px; transform: translate(0,0); text-align: center;} .first-class-service .main-pic-web {display: none;} .first-class-service .main-pic-mob {display: inline-block;} .first-class-service .main-pic-list .item {left: 50%; top: 50%;} .first-class-service .main-pic-list .item-1 {transform: translate(-58px, -260px);} .first-class-service .main-pic-list .item-2 {transform: translate(-38px, -310px);} .first-class-service .main-pic-list .item-3 {transform: translate(-109px, -187px);} .first-class-service .main-pic-list .item-4 {transform: translate(-76px, -117px);} .first-class-service .main-pic-list .item-5 {transform: translate(-111px, 43px);} .first-class-service .main-pic-list .item-6 {transform: translate(17px, -46px);} .first-class-service .main-pic-list .item-7 {transform: translate(67px, 4px);} .first-class-service .main-pic-list .item-8 {transform: translate(-24px, 125px);} .first-class-service .main-pic-list .item-9 {transform: translate(59px, 74px);} } /* top-features ---------------------------------*/ .top-features {padding: 50px 0 100px; overflow: hidden;} .top-features .section-title {text-align: center;} .top-features-main {position: relative; height: 639px; margin-top: 55px; overflow: hidden;} .top-features-main-pic {position: absolute; left: 50%; top: 0; z-index: 0; transform: translateX(-855px);} .top-features-main .btn-holder {position: relative; z-index: 1; margin-top: 451px; text-align: center;} .top-features-list .item-in {position: absolute; left: 50%; text-align: center;} .top-features-list .item-in .icon-holder {margin-top: 14px;} .top-features-list .item-in .icon {display: inline-block;} .top-features-list .item-in .circle {position: absolute; left: 50%; transform: translateX(-50%); display: block; width: 8px; height: 8px; border-radius: 50%; border: 2px solid #94d9f1; background-color: #fff;} .top-features-list .item-in .circle:before {position: absolute; left: 50%; bottom: 10px; transform: translateX(-50%); content: ''; display: block; width: 2px; background-color: #94d9f1;} .top-features-list .item-in-1 {top: 198px; transform: translateX(-769px); width: 114px;} .top-features-list .item-in-1 .circle {top: 255px;} .top-features-list .item-in-1 .circle:before {height: 103px;} .top-features-list .item-in-2 {top: -4px; transform: translateX(-758px); width: 215px;} .top-features-list .item-in-2 .circle {top: 433px;} .top-features-list .item-in-2 .circle:before {height: 322px;} .top-features-list .item-in-3 {top: 131px; transform: translateX(-637px); width: 150px;} .top-features-list .item-in-3 .circle {top: 341px;} .top-features-list .item-in-3 .circle:before {height: 215px;} .top-features-list .item-in-4 {top: 237px; transform: translateX(-547px); width: 160px;} .top-features-list .item-in-4 .circle {top: 204px;} .top-features-list .item-in-4 .circle:before {height: 74px;} .top-features-list .item-in-5 {top: 40px; transform: translateX(-431px); width: 120px;} .top-features-list .item-in-5 .circle {top: 461px;} .top-features-list .item-in-5 .circle:before {height: 330px;} .top-features-list .item-in-6 {top: 198px; transform: translateX(-361px); width: 140px;} .top-features-list .item-in-6 .circle {top: 217px;} .top-features-list .item-in-6 .circle:before {height: 91px;} .top-features-list .item-in-7 {top: -2px; transform: translateX(-281px); width: 140px;} .top-features-list .item-in-7 .circle {top: 448px;} .top-features-list .item-in-7 .circle:before {height: 320px;} .top-features-list .item-in-8 {top: 43px; transform: translateX(132px); width: 178px;} .top-features-list .item-in-8 .circle {top: 426px;} .top-features-list .item-in-8 .circle:before {height: 269px;} .top-features-list .item-in-9 {top: 189px; transform: translateX(260px); width: 96px;} .top-features-list .item-in-9 .circle {top: 325px;} .top-features-list .item-in-9 .circle:before {height: 192px;} .top-features-list .item-in-10 {top: 121px; transform: translateX(340px); width: 136px;} .top-features-list .item-in-10 .circle {top: 353px;} .top-features-list .item-in-10 .circle:before {height: 219px;} .top-features-list .item-in-11 {top: -4px; transform: translateX(415px); width: 200px;} .top-features-list .item-in-11 .circle {top: 530px;} .top-features-list .item-in-11 .circle:before {height: 396px;} .top-features-list .item-in-12 {top: 189px; transform: translateX(554px); width: 90px;} .top-features-list .item-in-12 .circle {top: 226px;} .top-features-list .item-in-12 .circle:before {height: 95px;} .top-features-list .item-in-13 {top: 66px; transform: translateX(632px); width: 140px;} .top-features-list .item-in-13 .circle {top: 384px;} .top-features-list .item-in-13 .circle:before {height: 251px;} @media (max-width: 1550px) { .top-features {padding-bottom: 30px;} .top-features-main {height: 515px; padding-top: 30px; background-position: center 30px;} .top-features-main-pic {width: 1700px; height: auto; transform: translateX(-670px);} .top-features-main .btn-holder {margin-top: 362px;} .top-features-list .item-in {display: flex; align-items: center; justify-content: flex-start; width: auto;} .top-features-list .item-in .heading {order: 2; text-align: left; width: 265px;} .top-features-list .item-in .heading br {display: none;} .top-features-list .item-in .icon-holder {width: 56px; margin-top: 0; text-align: left;} .top-features-list .item-in .circle {display: none; text-align: left;} .top-features-list .item-in-1, .top-features-list .item-in-2, .top-features-list .item-in-3, .top-features-list .item-in-4, .top-features-list .item-in-5, .top-features-list .item-in-6, .top-features-list .item-in-7 {transform: translateX(-515px);} .top-features-list .item-in-8, .top-features-list .item-in-9, .top-features-list .item-in-10, .top-features-list .item-in-11, .top-features-list .item-in-12, .top-features-list .item-in-13, .top-features-list .item-in-14 {transform: translateX(245px);} .top-features-list .item-in-1, .top-features-list .item-in-8 {top: 0px;} .top-features-list .item-in-2, .top-features-list .item-in-9 {top: 80px;} .top-features-list .item-in-3, .top-features-list .item-in-10 {top: 146px;} .top-features-list .item-in-4, .top-features-list .item-in-11 {top: 214px;} .top-features-list .item-in-5, .top-features-list .item-in-12 {top: 284px;} .top-features-list .item-in-6, .top-features-list .item-in-13 {top: 360px;} .top-features-list .item-in-7 {top: 434px;} } @media (max-width: 1050px) { .top-features-main {height: 370px; margin-top: 40px;} .top-features-main-pic {width: 1100px; height: auto; transform: translateX(-430px);} .top-features-list .item-in {font-size: 12px;} .top-features-list .item-in-1, .top-features-list .item-in-2, .top-features-list .item-in-3, .top-features-list .item-in-4, .top-features-list .item-in-5, .top-features-list .item-in-6, .top-features-list .item-in-7 {transform: translateX(-365px);} .top-features-list .item-in-8, .top-features-list .item-in-9, .top-features-list .item-in-10, .top-features-list .item-in-11, .top-features-list .item-in-12, .top-features-list .item-in-13, .top-features-list .item-in-14 {transform: translateX(155px);} .top-features-list .item-in-2, .top-features-list .item-in-9 {top: 60px;} .top-features-list .item-in-3, .top-features-list .item-in-10 {top: 111px;} .top-features-list .item-in-4, .top-features-list .item-in-11 {top: 166px;} .top-features-list .item-in-5, .top-features-list .item-in-12 {top: 225px;} .top-features-list .item-in-6, .top-features-list .item-in-13 {top: 290px;} .top-features-list .item-in-7 {top: 349px;} .top-features-list .item-in .heading {width: 198px;} .top-features-list .item-in .icon-holder {width: 48px;} .top-features-list .item-in .icon {width: 37px; height: auto;} .top-features-main .btn-holder {margin-top: 247px;} } @media (max-width: 767px) { .top-features {padding-bottom: 50px;} .top-features-main {height: auto; margin-top: 20px; padding: 300px 0 0; background-position: center top; background-size: 1000px auto;} .top-features-list .item-out {display: flex; align-items: center; flex-direction: column;} .top-features-list .item-in {position: static; transform: translateX(0); margin-top: 10px;} .top-features-list .owl-nav .owl-prev {left: -25px;} .top-features-list .owl-nav .owl-next {right: -25px;} .top-features-main .btn-holder {margin-top: 15px;} } /* adsbridge-opportunities ---------------------------------*/ .adsbridge-opportunities {text-align: center; color: #fff; background: #e74243 url(/landings/145909/1541065103/images/adsbridge-opportunities-section-bg.svg) no-repeat center top / 1743px 388px;} .adsbridge-opportunities {padding: 120px 0 132px;} .adsbridge-opportunities .section-title {width: 100%; max-width: 710px; margin: 0 auto;} .adsbridge-opportunities .subscription-offer-holder {position: relative; width: 364px; margin: 45px auto 0;} .adsbridge-opportunities .subscription-offer-holder .promo-code {position: absolute; left: 32px; top: 205px; font-size: 40px; font-weight: 700; text-transform: uppercase; color: #525d67;} .adsbridge-opportunities .subscription-offer-holder .use-promo-code {position: absolute; left: 157px; top: 277px; font-size: 16px;} .adsbridge-opportunities .btns-holder {display: flex; justify-content: space-between; width: 100%; max-width: 530px; margin: -21px auto 0;} @media (max-width: 1500px) { .adsbridge-opportunities {padding: 85px 0 90px;} .adsbridge-opportunities .section-title {max-width: 600px;} .adsbridge-opportunities .subscription-offer-holder {margin-top: 30px;} .adsbridge-opportunities .btns-holder {max-width: 408px;} } @media (max-width: 1050px) { .adsbridge-opportunities {padding: 50px 0;} } @media (max-width: 600px) { .adsbridge-opportunities .subscription-offer-holder {width: 270px;} .adsbridge-opportunities .subscription-offer {width: 270px; height: 265px;} .adsbridge-opportunities .subscription-offer-holder .promo-code {left: 26px; top: 153px; font-size: 29px;} .adsbridge-opportunities .subscription-offer-holder .use-promo-code {left: 109px; top: 206px; font-size: 13px;} } @media (max-width: 440px) { .adsbridge-opportunities .btns-holder {flex-direction: column; align-items: center; margin-top: -5px;} .adsbridge-opportunities .btn-border {margin-bottom: 10px;} } /* footer ---------------------------------*/ .footer {padding: 58px 0 35px;} .footer .wrap {display: flex; justify-content: space-between; align-items: flex-end;} .footer .copyright {display: block; margin-top: 8px; font-size: 12px; color: #8b8992;} .footer-socials {margin-bottom: 9px; font-size: 0;} .footer-socials .item {display: inline-block; margin-left: 42px;} .footer-socials .item:first-child {margin-left: 0;} .footer-socials .fab {font-size: 22px; color: #1ebaed;} @media (max-width: 580px) { .footer {padding: 25px 0;} .footer .wrap {flex-direction: column; align-items: center; text-align: center;} .footer .adsbridge-logo {display: inline-block;} .footer-socials {margin: 22px 0 0;} } /* global-side-scroll ---------------------------------*/ .global-top-scroll {position: fixed; z-index: 5; right: 15px; bottom: 120px; opacity: 0; display: block; width: 40px; height: 40px; visibility: hidden; cursor: pointer; transition: opacity 0.3s ease;} .scrolled .global-top-scroll {opacity: 1; visibility: visible;} @media (max-width: 1542px) { .global-top-scroll {right: 15px;} } @media (max-width: 1000px) { .global-top-scroll {width: 36px; height: 36px; font-size: 15px; -webkit-tap-highlight-color: rgba(255, 255, 255, 0);} }