/* Theme Name: adsbridge-face Theme URI: http://adsbridge.com/ Author: adsbridge.com Author URI: http://adsbridge.com/ Description: Description Version: 1.0.0 Text Domain: adsbridge-face */ /* RESET ------------------------------------------------------------------------------*/ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } table { border-collapse: collapse; border-spacing: 0; } /* RESET END ------------------------------------------------------------------------------*/ /* FONTS ------------------------------------------------------------------------------*/ body { font: 16px/1.2 'Open Sans', sans-serif; } main { display: block; } /* ie fix */ /* font-family: 'Open Sans', sans-serif; */ /* FONTS END ------------------------------------------------------------------------------*/ /* REUSABLE STYLES ------------------------------------------------------------------------------*/ .hidden { display: none !important; } .clear { height: 0; clear: both; overflow: hidden; font-size: 0; } .clearfix:before, .clearfix:after, .modal-header:before, .modal-header:after, .modal-footer:before, .modal-footer:after { content: " "; display: table; } .clearfix:after, .modal-header:after, .modal-footer:after { clear: both; } .center-block { display: block; margin-left: auto; margin-right: auto; } .pull-right { float: right !important; } .pull-left { float: left !important; } .hide { display: none !important; } .show { display: block !important; } .invisible { visibility: hidden; } .text-hide { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0; } .hidden { display: none !important; } .affix { position: fixed; } /* REUSABLE STYLES END ------------------------------------------------------------------------------*/ /* FOUNDATION ------------------------------------------------------------------------------*/ html { height: 100%; } body { background-color: #1f272a; -webkit-text-size-adjust: none; color: #525d67; height: 100%; min-height: 100% } a { color: #1ebaed; text-decoration: none; outline: 0; } a:hover { text-decoration: none; color: #1ebaed; } img { color: #1ebaed; } strong { font-weight: bold; } h1, h2, h3, h4, h5, h6 { font-weight: 400; } /* FOUNDATION ------------------------------------------------------------------------------*/ /* BUTTONS ------------------------------------------------------------------------------*/ .btn {display: inline-block;vertical-align: middle;box-sizing: border-box;font: 400 13px/1.2 'Open Sans', sans-serif;text-decoration: none;padding: 11px 20px;margin: 0;border-style: solid;transition: background-color .1s linear, color .1s linear, border-color .1s linear;background-color: #1ebaed;border: 1px solid #1ebaed;color: #fff;border-radius: 3px;text-align: center;-webkit-appearance: none;text-transform: uppercase;} .btn:hover { color: #fff; background-color: #079ED0; border-color: #079ED0; cursor: pointer;} .btn-sm {font-size: 11px;padding: 7px 15px;border-radius: 2px;} .btn-md {font-size: 14px;padding: 13px 40px;} .btn-lg {font-size: 18px;padding: 17px 55px;border-width: 2px;} .btn-primary { background-color: #1dc17a; border-color: #1dc17a; } .btn-primary:hover { background-color: #01b668; border-color: #01b668; color: #fff; } .btn-outline { } .btn-primary-outline { } .btn-secondary-outline {border-color: #fff; color: #fff; background-color: transparent;} .btn-ttu { text-transform: uppercase; } /* BUTTONS END ------------------------------------------------------------------------------*/ /* BLOCKS ------------------------------------------------------------------------------*/ /* MAIN */ .wrapper {background-color: #e7eaee;} .wrapper_space-top {padding-top: 110px;} .wrapper_space-top:before {display: block; content: ''; background-color: #0A4052; height: 110px; position: absolute; left: 0; right: 0; top: 0; z-index: 0;} .main { margin: auto; padding: 0 15px; } .main_outer { } .main_inner { } /* MAIN END */ .site-header {transform: translate3d(0,0,0);} .site-header-main {padding: 0 15px;max-width: 1760px;margin: auto;display: flex;flex-direction: row;flex-wrap: nowrap;justify-content: space-between;align-items: flex-start; transition: height 0.5s ease;} .site-header .logo {width: 256px;padding: 33px 0 0; transition: padding 0.25s ease;} .site-header .site-logo {display: block; background: url(images/main/logo-imon.svg) no-repeat; width: 256px; height: 79px; text-decoration: none; border: none; overflow: hidden; text-indent: -10000px; background-size: cover;} .site-header .navigation {font-size: 16px;color: #afc3ca;display: flex;flex-direction: row;flex-wrap: nowrap;justify-content: flex-start;align-items: center;padding: 63px 0 0;transition: padding 0.5s ease;} .site-header .site-nav {} .site-header .btn-mob-menu {display: none;} .site-header .language-switcher-mob {display: none;} .site-nav-list {} .site-nav-list > ul {display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: flex-end; align-items: flex-start;} .site-nav-list > ul > li.menu-item {padding: 0 15px;} .site-nav-list > ul > li.menu-item > a {color: inherit;} .site-nav-list > ul > li.menu-item.marked > a {color: #dad702;} .site-nav-list > ul > li.menu-item > a:hover {color: #fff;} .site-nav-list > ul > li.menu-item.current-menu-item {position: relative;} .site-nav-list > ul > li.menu-item.current-menu-item:after {display: block; content: ''; position: absolute; top: 100%; left: 15px; right: 15px; height: 3px; background-color: #00b9ef; margin-top: 5px} .site-nav-list > ul > li.menu-item.current-menu-item > a {color: #fff;} .site-nav-list > ul > li.menu-item.current-menu-item > a:hover {cursor: default;} .site-nav-list > ul > li.menu-item.current-page-parent:after {display: block; content: ''; position: absolute; top: 100%; left: 15px; right: 15px; height: 3px; background-color: #00b9ef; margin-top: 5px} .site-nav-list > ul > li.menu-item.current-page-parent > a {color: #fff;} .site-nav-list > ul > li.menu-item-has-children {position: relative;} .site-nav-list > ul > li.menu-item-has-children > a {padding-right: 15px; position: relative;} .site-nav-list > ul > li.menu-item-has-children > a:after {display: inline-block; content: '\f107'; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; position: absolute; top: 50%; right: 0; transform: translate(0,-50%);} .site-nav-list > ul > li.menu-item-has-children .sub-menu {display: block; height: auto; max-height: 0; opacity: 0; overflow: hidden; position: absolute;top: 100%;left: 0px;background-color: #0a4052;margin-top: 13px;transition: opacity 0.2s ease, max-height 0.5s ease; box-sizing: border-box;} .site-nav-list > ul > li.menu-item-has-children.is-open .sub-menu {opacity: 1; max-height: 400px; padding: 10px 0 7px;} .site-nav-list > ul > li.menu-item-has-children .sub-menu li {padding: 10px 15px;white-space: nowrap;border-top: 1px solid rgba(175,195,202,0.1);} .site-nav-list > ul > li.menu-item-has-children .sub-menu li:first-child {border-top: none} .site-nav-list > ul > li.menu-item-has-children .sub-menu li a {color: #afc3ca;} .site-nav-list > ul > li.menu-item-has-children .sub-menu li a:hover {color: #fff;} .site-nav-list > ul > li.menu-item-has-children .sub-menu li.current-menu-item {color: #fff;} .site-nav-list > ul > li.menu-item-has-children .sub-menu li.current-menu-item:hover {cursor: default;} @media (max-width: 1360px) { .site-nav-list>ul>li.menu-item {padding: 0 6px;} } .site-nav-additional {} .sep {display: inline-block;width: 1px;height: 12px;background-color: #6c8c97;margin: 0 15px;} .site-nav-additional-list {display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: flex-end; align-items: flex-start;} .site-nav-additional-list li {padding: 0 5px;} .site-nav-additional-list li .btn {min-width: 81px;} .language-switcher {margin-left: 15px; position: relative; text-transform: uppercase;} .language-switcher .lang {} .language-switcher .lang img {display: block; width: 25px; height: 25px;} .language-switcher .sub-menu {display: block; height:0; opacity: 0; overflow: hidden; position: absolute;top: 100%; left: 0; margin-top: 13px;transition: opacity 0.2s ease; box-sizing: border-box;} .language-switcher.is-open .sub-menu {height: auto; opacity: 1;} .language-switcher .sub-menu li {white-space: nowrap;} .site-header_scrolled .language-switcher .sub-menu {background-color: #0a4052; outline: 7px solid #0a4052;} .site-header_fixed {position: fixed; left:0; right: 0; top: 0; z-index: 20; min-height: 110px;} .site-header_fixed .logo {padding: 20px 0 0; } .site-header_fixed .site-logo {width: 210px;height: 64px;} .site-header_fixed .navigation {padding: 40px 0 0;} .site-header_scrolled {position: fixed; left:0; right: 0; top: 0; z-index: 20; background-color: #0a4052; min-height: 70px;} .site-header_scrolled .logo {padding: 8px 0;} .site-header_scrolled .site-logo {width: 210px;height: 64px;} .site-header_scrolled .navigation {padding: 22px 0 0;} .site-header_absolute {position: absolute; left:0; right: 0; top: 0; z-index: 10;} .site-header_static {background-color: #0a4052;min-height: 110px;} .site-header_static .logo {padding: 20px 0 0;} .site-header_static .site-logo {width: 210px;height: 64px;} .site-header_static .navigation {padding: 40px 0 0;} @media (max-width: 1360px) { .site-header_scrolled.site-header_fixed .logo { padding: 10px 0; } .site-nav-list > ul > li.menu-item > a { white-space: nowrap; } .site-nav-list > ul > li.menu-item { padding: 0 6px; font-size: 14px; } .site-header_fixed .site-logo { width: 150px; height: 47px; background-size: contain; } .site-header_fixed .logo { padding: 30px 0 0; } } @media (max-width: 1024px) { .site-header_scrolled.site-header_fixed .logo { padding: 7px 0; } .wrapper_space-top {padding-top: 50px;} .wrapper_space-top:before {height: 50px;} .site-header {min-height: 50px;} .site-header .logo {padding: 5px 0 0;} .site-header .site-logo {width: 163px; height: 51px;} .site-header .btn-mob-menu {display: block;width: 35px;height: 35px;position: absolute;top: 14px;right: 7px;text-align: center;} .site-header .btn-mob-menu:after {display: block; content: '\f0c9'; font: normal normal normal 14px/1 FontAwesome; font-size: 20px; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; color: #fff; line-height: 34px;} .site-header .navigation {display: none;} .site-header .sep, .site-header .language-switcher {display: none;} .site-header .site-nav-additional-list {justify-content: center; padding: 0 0 50px;} /* Showing */ html.site-menu-toggled, body.site-menu-toggled {overflow: hidden; height: 100%; position: fixed;} .btn-mob-menu.toggled:after {content: '\f00d';} .site-header_menu-toggled {} .site-header_menu-toggled {} .site-header_menu-toggled .navigation {display: block; position: absolute; top: 64px; left: 0; right: 0; background-color: #0a4052; height: calc(100vh - 64px); z-index: 1000; overflow: auto; -webkit-overflow-scrolling: touch; padding-top: 0;} .site-nav-list {} .site-nav-list > ul {flex-direction: column; padding: 10px 15px;} .site-nav-list > ul > li.menu-item {padding: 0; width: 100%;} .site-nav-list > ul > li.menu-item > a {display: block; padding: 10px 0;} .site-nav-list > ul > li.menu-item.current-menu-item:after {display: none;} .site-nav-list > ul > li.menu-item.current-page-parent:after {display: none;} .site-nav-list > ul > li.menu-item-has-children .sub-menu {transition: opacity 0.2s ease, max-height 0.5s ease, padding 0.2s ease; position: static; background-color: transparent; padding: 0; margin: 0;} .site-nav-list > ul > li.menu-item-has-children.is-open .sub-menu {transition: opacity 0.2s ease, max-height 1.5s ease, padding 0.2s ease; } .site-nav-list > ul > li.menu-item-has-children .sub-menu li {border-top: none; padding: 0 10px 5px;} .site-nav-list > ul > li.menu-item-has-children.is-open .sub-menu li a {display: block; width: 100%; padding: 5px 0;} .site-header_menu-toggled .language-switcher-mob {display: block;position: absolute;right: 55px;top: 23px; text-transform: uppercase; z-index: 1001;} } @media (max-width: 1160px) { .sep {display: none;} } .site-footer {background-color: #1f272a; color: #c0cad3; padding: 100px 0; position: relative; z-index: 0;} .site-footer .site-footer-main {padding: 0 15px; max-width: 1780px; margin: auto; display: flex; flex-direction: row;} .site-footer .footer-info {flex-grow: 1;} .site-footer .footer-info-inner {display: flex;flex-direction: row;flex-wrap: wrap;justify-content: flex-start;margin: 0 0 20px;} .site-footer .nav-col {font-size: 13px;padding-right: 30px; flex-grow: 1;} .site-footer .nav-col:first-child + .nav-col + .nav-col {padding-right: 30px;} .site-footer .nav-col:last-child {padding-right: 0;} .site-footer .nav-col .nav-title {font-size: 13px;text-transform: uppercase;color: #c7c9ca;font-weight: 600;margin: 0 0 26px;} .site-footer .nav-col .menu ul { } .site-footer .nav-col .menu li {margin: 0 0 13px;} .site-footer .nav-col .menu a {color: inherit;} .site-footer .footer-info-summary {display: flex; flex-direction: row; align-items: flex-end; width: 100%; font-size: 12px;} .site-footer .footer-info-summary .wrapper-logo { margin-right: 52px; } .site-footer .footer-info-summary .wrapper-logo .logo {width: 168px; height: 43px;} .site-footer .footer-info-summary .wrapper-copy { padding: 0 0 7px; } .site-footer .footer-info-summary .wrapper-copy a {color: inherit;} .site-footer .footer-info-summary .wrapper-copy a:hover {text-decoration: underline;} .site-footer .site-footer-inner {display: flex;flex-direction: row;justify-content: space-between;width: 100%;} .site-footer .site-footer-inner .form {max-width: 785px;} .site-footer .footer-payments-system {margin-top: 30px;} .site-footer .footer-payments-system ul {display: flex; align-items: center;} .site-footer .footer-payments-system ul li {margin-right: 20px;} .site-footer .footer-payments-system li img {display: block; width: 60px; height: 45px; -o-object-fit: contain; object-fit: contain;} .list-social {} .list-social li {display: inline-block;vertical-align: top;margin-right: 5px;} .list-social li a {display: inline-block; width: 35px; height: 35px; position: relative; border: 1px solid #89939b; color: #fff; border-radius: 50%; transition: border-color 0.2s ease, background-color 0.2s ease, color 0.2s ease;} .list-social li a:after {display: inline-block; text-align: center; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 18px; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);} .list-social li a.fb:after {content: '\f09a';} .list-social li a.tw:after {content: '\f099';} .list-social li a.vk:after {content: '\f189';} .list-social li a.yt:after {content: '\f16a';} .list-social li a.in:after {content: '\f16d';} .list-social li a:hover {border-color: #fff; background-color: #fff; color: #1f272a;} .list-social li a:hover:after {transform: translate(-50%,-50%) scale(1.2);} .list-social_dark {padding: 10px 0 6px; } .list-social_dark li {margin-right: 4px;} .list-social_dark li a {color: #97a1aa;width: 46px;height: 46px;} .list-social_dark li a:hover {color: #00B9EF;} .site-footer_clear {} .site-footer_clear .site-footer-main {max-width: 1300px; padding: 0 15px;} .site-footer_clear .footer-info {width: 100%;} .site-footer_clear .footer-info-inner {justify-content: space-between;} /* FORMS */ .form {} .form br {display: none !important;} .form .row-cols {display: table; width: 100%; table-layout: fixed;} .form .row-cols .col {display: table-cell;position: relative; vertical-align: top;} .form .row-cols .col .form-group {height: 60px;} .form .form-group {position: relative;} .form .row-cols .col:first-child {padding-right: 15px;} .form .row-cols .col:first-child + .col {padding-left: 15px;} .form .row {margin-bottom: 10px;min-height: 64px;clear: both;} .form .row-textarea {min-height: 27px;margin-bottom: 8px;position: relative;} .form .row-textarea textarea {height: 25px;padding: 3px 10px;margin: 0;resize: vertical; max-height: 155px;} .form .row-btn {padding: 0 0 20px;position: relative;display: flex;flex-direction: row;justify-content: space-between;align-items: flex-start;} .form .row-note {text-align: right;margin: 0 0 24px;} .form .row-note .note-required {font-size: 12px; color: #535353;} .form .row-note .note-required .require {} .form .row-btn .btn {width: 100%;margin-top: 11px;text-transform: uppercase;} .form .row-btn .btn:hover {cursor: pointer;} .form .row-btn:after {display: block; content: ''; clear: both;} .form .row-btn .bt-cancel {border-width: 3px; padding: 11px 47px 12px;} .form .row-btn .ajax-loader {position: absolute; bottom: -7px; left: 50%;} .form .row-btn .wrapper-recaptcha {padding: 6px 0 0;} .form .row-btn .wrapper-btn {flex-grow: 1;padding-left: 55px; max-width: 365px;} .form .row-btn .wrapper-btn .note {font-size: 13px;color: #5b646a;padding: 10px 0 0; text-align: left;} .form .row-btn {font-size: 13px; color: #4b5459;} .form .wpcf7-form-control-wrap {display: block;} .form div.wpcf7-validation-errors {display: block;font-size: 11px;color: #ce4e4e;background-color: transparent;padding: 0 2px 2px;border-radius: 2px;line-height: 10px;} .form div.wpcf7-spam-blocked {border: 1px solid red;font-size: 12px;color: #fff;margin: 0 0 10px;background-color: red;border-radius: 5px; line-height: 12px;} .form span.wpcf7-not-valid-tip {display: block;font-size: 11px;color: #ce4e4e;padding: 2px;border-radius: 2px;line-height: 10px;margin: 1px 0 0;} .form div.wpcf7-validation-errors {border: none;border-radius: 2px;} .form .wpcf7-mail-sent-ok {display: none !important; } .form .form-control.wpcf7-not-valid {border-color: #ce4e4e;} .form .label {display: block;font-size: 14px;color: #a8aeb3;position: absolute;top: 11px;left: 17px;transition: all 0.3s ease;z-index: 0;pointer-events: none;} .form .label .fa {font-size: 16px; margin-right: 5px;} .form .row-chbxs {padding: 0 0 34px;} .form .row-chbxs .label {position: static;padding: 6px 0 24px;} .form .row-chbxs .wpcf7-checkbox {display: block;} .form .row-chbxs .wpcf7-checkbox input[type="checkbox"] {position: absolute; top: 50%; left: 0; margin: 0; transform: translate(0,-50%); opacity: 0; visibility: hidden;} .form .row-chbxs .wpcf7-list-item {display: inline-block;width: 150px;vertical-align: top;position: relative;margin: 0 0 9px;} .form .wpcf7-checkbox .wpcf7-list-item label {display: block; padding: 0 0 0 30px; color: #5F5F5F; font-size: 15px;} .form .wpcf7-checkbox .wpcf7-list-item input[type="radio"] {opacity: 0; visibility: hidden;} .form .wpcf7-checkbox .wpcf7-list-item:before {display: block; content: ''; height: 16px; width: 16px; border: 1px solid #c5c5c5; background-color: #F4F4F4; position: absolute; left: 0; top: 50%; transform: translate(0,-50%); pointer-events: none;} .form .wpcf7-checkbox input[type="checkbox"]:checked + .wpcf7-list-item-label:before {display: block; content: ''; height: 16px; width: 16px; background: url(images/main/arr-checkbox.svg) 50% 50% no-repeat; position: absolute; left: 0; top: 50%; transform: translate(0,-50%); border-radius: 50%; pointer-events: none; border: 1px solid transparent;} .form .wpcf7-radio {display: block;} .form .form-group-radios .label {position: static;padding: 6px 0 24px;} .form .wpcf7-radio .wpcf7-list-item {display: block; vertical-align: top;position: relative;margin: 0 0 9px; font-size: 15px; color: #969595;} .form .wpcf7-radio .wpcf7-list-item input[type="radio"] {position: absolute; top: 50%; left: 0; margin: 0; transform: translate(0,-50%); opacity: 0; visibility: hidden;} .form .wpcf7-radio .wpcf7-list-item label {display: block; padding: 0 0 0 30px; color: #5f5f5f; font-size: 15px;} .form .wpcf7-radio .wpcf7-list-item:before {display: block; content: ''; height: 16px; width: 16px; border: 1px solid #c5c5c5; background-color: #F4F4F4; position: absolute; left: 0; top: 50%; transform: translate(0,-50%); border-radius: 50%; pointer-events: none;} .form .wpcf7-radio input[type="radio"]:checked + .wpcf7-list-item-label:before {display: block; content: ''; height: 8px; width: 8px; background-color: #3dc48d; position: absolute; left: 0; top: 50%; transform: translate(0,-50%); border-radius: 50%; pointer-events: none; margin: 0 0 0 5px;} .form .require {font-size: 14px;} .form .form-control {background: transparent;border: 1px solid #ced4d9;border-radius: 0;display: block;box-sizing: border-box;width: 100%;font: 14px/1.2 'Hind Vadodara', sans-serif;color: #a8aeb3;height: 40px;z-index: 1; padding: 6px 15px;border-radius: 2px;} .form select.form-control {height: 40px;-webkit-appearance: none;-moz-appearance: none;background: url(images/main/arr-select.png) 100% 50% no-repeat;} .form select.form-control[multiple] {height: 30px; opacity: 0;} .form .form-control:focus {outline: none;} .form .form-control.not-empty + .label {display: none;} .form .chosen-container {width: 100% !important; background: url(images/main/arr-select.png) 100% 50% no-repeat;} .form .form-control:focus + .label, .form .chosen-container-active + .label, .form .chosen-container-selected + .label {display: none;} .form .your-user-type select {visibility: hidden;height: 0;opacity: 0;padding: 0;display: none;} .form .your-user-type select + .wpcf7-not-valid-tip {} .form .row-cols .col .form-group-radios {height: auto;} .form textarea.form-control {height: 60px;resize: vertical; padding-top: 10px;} .form .input-group {position: relative;} .form .input-group .form-control {padding-left: 40px;} .form .input-group .input-group-addon {position: absolute;top: 0;left: 0;bottom: 0;width: 40px;text-align: center;line-height: 40px;color: #a8aeb3; z-index: 1;} .form .input-group .form-control + .label {left: 40px;} .form-contact {} .form-page-contact {padding: 13px 0 0; position: relative; overflow: hidden;} .form .form-control {font-size: 13px;} .form .label {font-size: 13px; top: 12px;} .form_dark {} .form_dark .form-control {border-color: #41484a; color: #575f69;} .form_dark .label {color: #5b646a;} @media (max-width: 1400px) { .site-footer .nav-col {padding-right: 15px; min-width: 200px; padding-bottom: 30px;} .site-footer .nav-col:first-child + .nav-col + .nav-col {padding-right: 15px;} .site-footer .footer-info-inner {margin: 0;} } @media (max-width: 1120px) { .site-footer {padding: 75px 0 30px;} .site-footer .site-footer-inner {flex-wrap: wrap;} .site-footer .footer-info {width: 100%; order: 2;} .site-footer .site-footer-inner .form {width: 100%; order: 1; margin: 0 auto 30px; max-width: 100%;} .site-footer .footer-contact .form .row-btn .wrapper-btn {max-width: 100%;} } @media (max-width: 760px) { .site-footer .site-footer-main {padding: 0 15px;} } @media (max-width: 570px) { .form .row-btn {flex-wrap: wrap;} .form .row-btn .wrapper-recaptcha {width: 100%;} .form .row-btn .wrapper-btn {width: 100%; padding: 0; max-width: 100%;} } @media (max-width: 480px) { .form .row-cols .col {display: block;} .form .row-cols .col:first-child {padding: 0;} .form .row-cols .col:first-child + .col {padding: 0;} .wrapper-recaptcha {transform: scale(0.7); transform-origin: 0 0;} .site-footer .footer-info-summary {flex-wrap: wrap;} .site-footer .footer-info-summary .wrapper-logo {width: 100%;} .site-footer .footer-info-summary .wrapper-copy {width: 100%; padding: 15px 0 0;} } /* FORMS END */ /* site footer without form */ .site-footer-wo-form .footer-info { display: flex; flex-wrap: wrap; justify-content: space-between; } .site-footer-wo-form .footer-info-inner { flex-basis: 65%; gap: 30px; margin-bottom: 0; } .site-footer-wo-form .nav-col { padding-right: 0; } .site-footer-wo-form .footer-info-summary { box-sizing: border-box; display: block; order: -1; flex-basis: 30%; } .site-footer-wo-form .footer-info-summary .wrapper-logo { margin-right: 0; margin-bottom: 25px; } .site-footer-wo-form .footer-info-summary .wrapper-copy { padding: 0; } .site-footer-wo-form .footer-payments-system { margin-top: 20px; flex-basis: 100%; } @media (max-width: 1400px) { .site-footer-wo-form .nav-col { min-width: 120px; padding-bottom: 0; } } /* @media (max-width: 991px) { */ @media (max-width: 1120px) { .site-footer-wo-form .footer-info { display: block; } .site-footer-wo-form .footer-info-inner { margin-bottom: 25px; } .site-footer-wo-form .footer-info-summary .wrapper-logo { margin-bottom: 25px; } .site-footer-wo-form .footer-payments-system { margin-top: 25px; } } /* TABS END */ .tab-pane.fade { opacity: 0; transition: opacity 0.15s linear;} .tab-pane.fade.in {opacity: 1;} .tab-content > .tab-pane {display: none;} .tab-content > .active {display: block;} /* TABS END */ /* SECTIONS ------------------------------------------------------------------------------*/ /* SECTION INTRO INDEX */ .section-index-intro { background: #0a4052 url(images/index/bg-intro-index.jpg) 50% 0 no-repeat; color: #fff; text-align: center; background-size: cover; position: relative; } .section-index-intro .main { min-height: 100vh; display: flex; flex-direction: column; flex-wrap: nowrap; justify-content: space-between; } .section-index-intro .bg { position: absolute; left: 0; top: 0; right: 0; bottom: 0; background-color: rgba(0, 45, 61, 0.3); overflow: hidden; } .section-index-intro .bg svg { position: absolute; left: 0; top: 50%; width: 100%; transform: translate(0,-40%);} .section-index-intro .bg svg polyline { fill: none; stroke: #417687; stroke-width: 2; stroke-dasharray: 2261; stroke-dashoffset: 2261; } .section-index-intro .bg svg circle { fill: #417687; stroke-width: 0; opacity: 0; } .section-index-intro .bg svg.animated {} .section-index-intro .bg svg.animated polyline {-webkit-animation: graph-polyline-dash 10s linear alternate forwards;animation: graph-polyline-dash 10s linear alternate forwards; -webkit-animation-delay: 0s; animation-delay: 0s;} .section-index-intro .bg svg.animated circle {-webkit-animation: circle-animation 0.6s forwards;animation: circle-animation 0.6s forwards; transition: all .2s ease-in-out;} .section-index-intro .bg svg.animated .circle-1 { -webkit-animation-delay: 0.5s; animation-delay: 0.5s; } .section-index-intro .bg svg.animated .circle-2 { -webkit-animation-delay: 1s; animation-delay: 1s; } .section-index-intro .bg svg.animated .circle-3 { -webkit-animation-delay: 1.5.9s; animation-delay: 1.5.9s; } .section-index-intro .bg svg.animated .circle-4 { -webkit-animation-delay: 2s; animation-delay: 2s; } .section-index-intro .bg svg.animated .circle-5 { -webkit-animation-delay: 2.5s; animation-delay: 2.5s; } .section-index-intro .bg svg.animated .circle-6 { -webkit-animation-delay: 3s; animation-delay: 3s; } .section-index-intro .bg svg.animated .circle-7 { -webkit-animation-delay: 3.5s; animation-delay: 3.5s; } .section-index-intro .bg svg.animated .circle-8 { -webkit-animation-delay: 4s; animation-delay: 4s; } .section-index-intro .bg svg.animated .circle-9 { -webkit-animation-delay: 4.5s; animation-delay: 4.5s; } .section-index-intro .bg svg.animated .circle-10 { -webkit-animation-delay: 5s; animation-delay: 5s; } .section-index-intro .bg svg.animated .circle-11 { -webkit-animation-delay: 5.5s; animation-delay: 5.5s; } .section-index-intro .bg svg.animated .circle-12 { -webkit-animation-delay: 6s; animation-delay: 6s; } .section-index-intro .bg svg.animated .circle-13 { -webkit-animation-delay: 6.5s; animation-delay: 6.5s; } .section-index-intro .bg svg.animated .circle-14 { -webkit-animation-delay: 7s; animation-delay: 7s; } .section-index-intro .bg svg.animated .circle-15 { -webkit-animation-delay: 7.5s; animation-delay: 7.5s; } .section-index-intro .bg svg.animated .circle-16 { -webkit-animation-delay: 8s; animation-delay: 8s; } .section-index-intro .bg svg.animated .circle-17 { -webkit-animation-delay: 8.5s; animation-delay: 8.5s; } .section-index-intro .bg svg.animated .circle-18 { -webkit-animation-delay: 9s; animation-delay: 9s; } .section-index-intro .bg svg.animated .circle-19 { -webkit-animation-delay: 9.5s; animation-delay: 9.5s; } .section-index-intro .bg svg.animated .circle-20 { -webkit-animation-delay: 10s; animation-delay: 10s; } .section-index-intro .bg svg.animated .circle-21 { -webkit-animation-delay: 10.5s; animation-delay: 10.5s; } @-webkit-keyframes graph-polyline-dash { from { stroke-dashoffset: 2261;} /* $0.getTotalLength() */ to { stroke-dashoffset: 0; } } @keyframes graph-polyline-dash { from { stroke-dashoffset: 2261;} /* $0.getTotalLength() */ to { stroke-dashoffset: 0; } } @-webkit-keyframes circle-animation { 0% { opacity: 0; } 50% { } 100% { opacity: 1; } } @keyframes circle-animation { 0% { opacity: 0; } 50% { } 100% { opacity: 1; } } .index-intro-slider { flex-grow: 1; display: flex; flex-direction: column; flex-wrap: nowrap; justify-content: center; position: relative; padding-top: 120px;} .index-intro-slider .title { font-weight: 700; font-size: 108px; text-transform: uppercase; margin: 0 0 22px; } [lang="ru-RU"] .index-intro-slider .title {font-size: 70px;} .index-intro-slider .nav { text-transform: uppercase; margin: 0 0 43px; } .index-intro-slider .nav li { position: relative; display: inline-block; vertical-align: top; padding: 0 20px; } .index-intro-slider .nav li:before { display: block; content: ''; position: absolute; left: 0; height: 30px; width: 2px; background-color: #95ACB3; top: 50%; transform: translate(0, -50%); } .index-intro-slider .nav li:first-child:before { display: none; } .index-intro-slider .nav li a { font-size: 41px; color: #afc3ca; transition: color 0.2s cubic-bezier(0.250, 0.460, 0.450, 0.940); } .index-intro-slider .nav li.active a { color: #fff; position: relative;} .index-intro-slider .nav li.active a:after {display: block; content: ''; position: absolute; left: 0; right: 0; top: 100%; border-top: 5px solid #1ebaed;} .index-intro-slider .text-wrapper { font-size: 25px; line-height: 1.4; max-width: 960px; margin: 0 auto; min-height: 150px; padding: 0 115px 9px; position: relative; } .index-intro-slider .text-item { height: 0; overflow: hidden; opacity: 0; transition: opacity 0.2s cubic-bezier(0.250, 0.460, 0.450, 0.940); } .index-intro-slider .text-item.active { height: auto; opacity: 1; } .index-intro-slider .nav-arrs { } .index-intro-slider .nav-arrs .arr { display: block; width: 30px; height: 55px; overflow: hidden; text-indent: -10000px; position: absolute; top: 50%; transform: translate(0, -50%); background: url(images/index/arr-slider-left@x2.png) no-repeat; background-size: cover; } .index-intro-slider .nav-arrs .arr-prev { left: 0; } .index-intro-slider .nav-arrs .arr-next { right: 0; transform: translate(0, -50%) rotate(180deg); } .index-intro-slider .nav-arrs { } .index-intro-slider .row-btns { } .index-intro-slider .row-btns .btn { margin: 0 8px 8px; min-width: 160px; } .section-index-intro .row-scroll { padding-bottom: 30px; padding-top: 30px; margin-top: auto; } .section-index-intro .row-scroll .btn-scroll { display: block; width: 23px; height: 40px; background-color: #FFF; margin: auto; position: relative; border: 1px solid #aac0c8; border-radius: 12px; background-color: transparent; } .section-index-intro .row-scroll .btn-scroll:after { display: block; content: ''; width: 1px; height: 9px; border-radius: 1px; background-color: #aac0c8; position: absolute; top: 10px; left: 50%; transform: translate(-50%, 0); -webkit-animation: blink linear 1.5s infinite alternate; animation: blink linear 1.5s infinite alternate } .index-logo-carousel { height: 150px; flex-grow: 0; overflow: hidden; margin: 0;} .index-logo-carousel .carousel-inner {position: relative; height: 136px; display: table; -webkit-animation: 50s runningLine infinite linear; animation: 50s runningLine infinite linear;} .index-logo-carousel .carousel-inner:hover {-webkit-animation-play-state: paused;animation-play-state: paused;} .index-logo-carousel .carousel-inner li {display: table-cell; vertical-align: middle; padding: 0 45px;} .index-logo-carousel .carousel-inner li img {transform: translate3d(0,0,0);} @-webkit-keyframes runningLine { 0% { transform: translate3d(0,0,0); } 100% { transform: translate3d(-50%,0,0); } } @keyframes runningLine { 0% { transform: translate3d(0,0,0); } 100% { transform: translate3d(-50%,0,0); } } @-webkit-keyframes blink { 0% { opacity: 0.2 } 50% { opacity: 1 } 100% { opacity: 0.2 } } @keyframes blink { 0% { opacity: 0.2 } 50% { opacity: 1 } 100% { opacity: 0.2 } } @media (max-width: 1510px) { [lang="ru-RU"] .index-intro-slider .nav li a {font-size: 30px;} [lang="ru-RU"] .index-intro-slider .nav li {padding: 0 10px;} } @media (max-width: 1240px) { .index-intro-slider .nav li a {font-size: 38px;} } @media (max-width: 1170px) { [lang="ru-RU"] .index-intro-slider .nav li {margin-bottom: 10px;} [lang="ru-RU"] .index-intro-slider .nav li:before {display: none;} [lang="ru-RU"] .index-intro-slider .title {font-size: 70px;} .index-intro-slider .nav li a {font-size: 30px;} } @media (max-width: 980px) { [lang="ru-RU"] .index-intro-slider .nav li a {font-size: 25px;} .index-intro-slider .nav li a {font-size: 25px;} } @media (max-width: 900px) { .index-intro-slider .title {font-size: 64px;} [lang="ru-RU"] .index-intro-slider .title {font-size: 64px;} .index-intro-slider .nav li {padding: 0 10px;} [lang="ru-RU"] .index-intro-slider .nav li a {font-size: 18px;} .index-intro-slider .nav li a {font-size: 18px;} .index-intro-slider .text-wrapper {font-size: 16px; max-width: 380px;} .index-intro-slider .nav-arrs .arr {margin-top: -38px;} } @media (max-width: 620px) { .index-intro-slider .title {font-size: 48px;} [lang="ru-RU"] .index-intro-slider .title {font-size: 48px;} .index-intro-slider .nav {margin: 0 0 20px;} .index-intro-slider .nav li {padding: 0 10px;} .index-intro-slider .nav li:before {height: 18px;} [lang="ru-RU"] .index-intro-slider .nav li a {font-size: 13px;} .index-intro-slider .nav li a {font-size: 13px;} .index-intro-slider .nav li.active a:after {border-width: 2px;} } @media (max-width: 480px) { .index-intro-slider .title {font-size: 32px;} [lang="ru-RU"] .index-intro-slider .title {font-size: 32px;} .index-intro-slider .text-wrapper {padding: 0 40px 20px;} .index-intro-slider .nav li {padding: 0 5px;} .index-intro-slider .nav li:before {display: none;} [lang="ru-RU"] .index-intro-slider .nav li a {font-size: 12px;} .index-intro-slider .nav li a {font-size: 12px;} .index-intro-slider .row-btns .btn {white-space: nowrap; min-width: 0; width: 100%; box-sizing: border-box; margin: 0 0 10px;} } /* SECTION INTRO INDEX END */ /* SECTION INDEX FEATURES */ .section-index-features { text-align: center; color: #fff; background-color: #0c5972; padding: 80px 0 50px; } .section-index-features .main { } .section-index-features .list { display: flex; flex-direction: row; justify-content: space-between; align-items: flex-start; flex-wrap: wrap; } .section-index-features .list-item { box-sizing: border-box; width: 25%; padding: 0 15px 30px; max-width: 450px; } .section-index-features .list-item-pic { display: block; height: 100px; position: relative; margin: 0 0 33px; } .section-index-features .list-item-pic:after { display: block; content: ''; background-repeat: none; background-size: cover; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .section-index-features .list-item-pic-1 svg {width: 106px; height: 101px; } .section-index-features .list-item-pic-2 svg {width: 85px; height: 105px; } .section-index-features .list-item-pic-3 svg {width: 106px; height: 95px; } .section-index-features .list-item-pic-4 svg {width: 71px; height: 93px; } .section-index-features .list-item-pic svg * {fill: #1ebaed} .section-index-features .list-item-title { font-size: 22px; line-height: 1.2; } .section-index-features .list-item-title-number { font-size: 50px; font-weight: 700; display: block; } .section-index-features .list-item-title-text { padding: 31px 0 17px; display: block; } .section-index-features .list-item-text { color: #6696A6; } @media (max-width: 860px) { .section-index-features .list-item {width: 50%;} } @media (max-width: 540px) { .section-index-features .list-item {width: 100%; padding: 0 0 45px;} } .section-index-features-additional {background-color: #175063;} .section-index-features-additional .main {padding: 0;} .section-index-features-additional .list {display: flex; flex-direction: row; flex-wrap: wrap; } .section-index-features-additional .item {box-sizing: border-box;border: 1px solid #0c5972;width: 20%;min-height: 125px; padding: 25px; background-color: #175063; color: #fff; transition: background-color .3s linear, color .1s linear;} .section-index-features-additional .item:hover {background-color: #0a4052;} .section-index-features-additional .item a {display: flex;-webkit-box-orient: horizontal;flex-wrap: nowrap;align-items: center;height: 100%;color: #fff;} .section-index-features-additional .item .pic {display: block; flex-basis: 140px; margin-right: 25px;} .section-index-features-additional .item .info {width: auto;flex-basis: 100%;flex-shrink: 1;font-size: 18px;} .section-index-features-additional .item .pic svg {display: block; margin: auto;} .section-index-features-additional .item .pic svg * {fill: #fff; transition: fill .3s linear;} @media (max-width: 1200px) { .section-index-features-additional .item {width: 33.3%;} } @media (max-width: 830px) { .section-index-features-additional .item {width: 50%;} } @media (max-width: 500px) { .section-index-features-additional .item {width: 100%; min-height: auto;} } /* SECTION INDEX FEATURES END */ /* SECTION UPCOMIN EVENTS */ .section-index-upcomming-events {color: #FFF; background-color: #0d5972;} .section-index-upcomming-events .wrapper-events {} .section-index-upcomming-events .list-events {display: flex; flex-direction: row; flex-wrap: wrap;} .section-index-upcomming-events .list-events-item {position: relative;width: 33.33%;display: flex;flex-direction: column;height: 400px;background-size: cover;background-position: 50% 50%;box-sizing: border-box;padding: 24px 25px; flex-grow: 1; background-repeat: no-repeat;} .section-index-upcomming-events .event-title {font-size: 26px;font-weight: bold;text-transform: uppercase;margin-top: auto;max-width: 50%;line-height: 1.3;padding: 0 0 13px; z-index: 1;} .section-index-upcomming-events .event-title a {color: inherit;} .section-index-upcomming-events .event-place {font-size: 54px;font-weight: bold;text-transform: uppercase;opacity: 0.75;line-height: 1; z-index: 1;} .section-index-upcomming-events .event-date {position: absolute;top: 0;right: 0;background-color: #2dbbeb;font-size: 18px;font-weight: bold;line-height: 1;padding: 18px 19px; z-index: 1;} .section-index-upcomming-events .event-date span {display: block; font-size: 30px;} .section-index-upcomming-events .list-events-item .event-link {display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 10; overflow: hidden; text-indent: -10000px; font-size: 1px;} .section-index-upcomming-events .list-events-item:before {display: block; content: ''; z-index: 0; position: absolute; left: 0; right: 0; top: 0; bottom: 0; opacity: 0.2; background-color: transparent; transition: background-color .3s linear;} .section-index-upcomming-events .list-events-item:hover:before {background-color: #1ebaed;} .section-index-upcomming-events .list-events-item:hover .event-title {} .section-index-upcomming-events .event-row-logo {z-index: 1;} .section-index-upcomming-events .event-logo {max-width: 100%;} @media (min-width: 641px) and (max-width: 1280px) { .section-index-upcomming-events .list-events-item {height: auto;} .section-index-upcomming-events .event-title {max-width: 100%; font-size: 14px; padding-top: 60px;} .section-index-upcomming-events .event-place {font-size: 30px;} .section-index-upcomming-events .event-date {font-size: 13px;} .section-index-upcomming-events .event-date span {font-size: 20px;} } @media (max-width: 640px) { .section-index-upcomming-events .list-events-item {width: 100%;} .section-index-upcomming-events .event-title {font-size: 20px; max-width: 100%;} .section-index-upcomming-events .event-place {font-size: 38px;} } /* SECTION UPCOMIN EVENTS END */ /* SECTION INTRO */ .section-intro {text-align: center;color: #fff;line-height: 1.2; background-color: #0a4052;} .section-intro .main {max-width: 1050px;margin: auto;display: flex;flex-direction: column;justify-content: center;padding: 75px 15px 100px;box-sizing: border-box;} .section-intro .title {font-size: 60px;font-weight: 700;padding: 10px 0 19px; text-transform: uppercase;} .section-intro .subtitle {font-size: 36px;font-weight: 600;padding: 0 0 20px;line-height: 1.4;} .section-intro .text {font-size: 22px;line-height: 1.5;} .section-intro .row-btn {padding: 55px 0 0;} .section-intro .row-btn .btn {padding: 17px 15px; min-width: 275px; margin: 0 17px 10px; } @media (max-width: 740px) { .section-intro .main {padding: 35px 15px;} .section-intro .title {font-size: 30px;} .section-intro .subtitle {font-size: 26px;} .section-intro_referrals .text {font-size: 16px;} } /* SECTION INTRO END */ /* PAGE REFERRALS */ .section-intro_referrals {background: #0a4052 url(images/referral/bg-intro.jpg) 50% 0; background-size: cover;} .section-intro_referrals .main {min-height: 721px; max-width: 1040px;} .section-intro_referrals .subtitle {max-width: 590px;margin: 0 auto;} .section-intro_referrals .text {} [lang="ru-RU"] .section-intro_referrals .subtitle {max-width: 805px; margin: 0 auto;} [lang="ru-RU"] .section-intro_referrals .text {max-width: 700px; margin: 0 auto; } .section-referrals-start {background-color: #e7eaee;padding: 72px 0 79px;} .section-referrals-start .main {max-width: 1360px; padding: 0 15px; margin: auto;} .section-referrals-start .section-title {font-size: 36px;font-weight: 600;color: #525D67;position: relative;text-align: center;padding: 0 0 12px;margin-bottom: 62px;} .section-referrals-start .section-title:after {display: block;content: '';background-color: #1fbaed;width: 30px; height: 2px;position: absolute;top: 100%;left: 50%;margin-left: -15px;} .section-referrals-start .way {display: flex; flex-direction: row; justify-content: space-between; position: relative;} .section-referrals-start .step {display: block; width: 370px; height: 320px; position: relative; text-align: center;} .section-referrals-start .pic {width: 180px;height: 125px; position: absolute;left: 50%;top: 50%;transform: translate(-50%,-67%);} .section-referrals-start .step-1 .pic {width: 180px;height: 125px;} .section-referrals-start .step-2 .pic {width: 188px;height: 113px;margin-top: -10px;} .section-referrals-start .step-3 .pic {width: 179px;height: 122px;margin-top: -10px;} .section-referrals-start .shape {position: absolute; left: 0; top: 0; height: 100%; width: 100%;} .section-referrals-start .text {font-size: 22px;font-weight: 600;padding: 238px 0 0;} .section-referrals-start .way:before, .section-referrals-start .way:after {display: block;content: '';background: url(images/referral/arr.png) no-repeat;width: 76px;height: 22px;position: absolute;top: 50%;margin-top: -11px;margin-left: -17px;} .section-referrals-start .way:before {left: 33.33%;margin-left: -60px;} .section-referrals-start .way:after {left: 66.66%;} @media (max-width: 1360px) { .section-referrals-start .way:before, .section-referrals-start .way:after {display: none;} } @media (max-width: 1000px) { .section-referrals-start .way {flex-wrap: wrap; justify-content: center;} .section-referrals-start .step {margin: 0 30px 30px;} } @media (max-width: 460px) { .section-referrals-start .section-title {font-size: 30px;} .section-referrals-start .text {font-size: 16px; padding: 225px 0 0;} .section-referrals-start .step {margin: 0 0 15px;} } .section-referrals-benefits {background-color: #1CB56B;padding: 72px 0 25px;color: #fff;} .section-referrals-benefits .main {max-width: 1360px; padding: 0 15px; margin: auto;} .section-referrals-benefits .section-title {font-size: 36px;font-weight: 600;position: relative;text-align: center;padding: 0 0 12px;margin-bottom: 68px;} .section-referrals-benefits .section-title:after {display: block;content: '';background-color: #8edab5;width: 30px; height: 2px;position: absolute;top: 100%;left: 50%;margin-left: -15px;} .section-referrals-benefits .list {display: flex;flex-direction: row;flex-wrap: wrap;justify-content: space-between;align-items: flex-start;} .section-referrals-benefits .item {display: block;box-sizing: border-box;width: 48%;position: relative;} .section-referrals-benefits .pic {display: block;background-repeat: no-repeat;background-size: cover;position: absolute;left: 0;top: 5px;} .section-referrals-benefits .pic-1 {background-image: url(images/referral/pic-benefit-1.png);width: 75px;height: 61px;} .section-referrals-benefits .pic-2 {background-image: url(images/referral/pic-benefit-2.png);width: 75px;height: 68px;} .section-referrals-benefits .pic-3 {background-image: url(images/referral/pic-benefit-3.png);width: 67px;height: 65px;} .section-referrals-benefits .pic-4 {background-image: url(images/referral/pic-benefit-4.png);width: 76px;height: 64px;} .section-referrals-benefits .pic-5 {background-image: url(images/referral/pic-benefit-5.png);width: 52px;height: 62px;} .section-referrals-benefits .pic-6 {background-image: url(images/referral/pic-benefit-6.png);width: 82px;height: 61px;} @media (-webkit-min-device-pixel-ratio:2), (min-resolution:192dpi) { .section-referrals-benefits .pic-1 {background-image: url(images/referral/pic-benefit-1@x2.png);} .section-referrals-benefits .pic-2 {background-image: url(images/referral/pic-benefit-2@x2.png);} .section-referrals-benefits .pic-3 {background-image: url(images/referral/pic-benefit-3@x2.png);} .section-referrals-benefits .pic-4 {background-image: url(images/referral/pic-benefit-4@x2.png);} .section-referrals-benefits .pic-5 {background-image: url(images/referral/pic-benefit-5@x2.png);} .section-referrals-benefits .pic-6 {background-image: url(images/referral/pic-benefit-6@x2.png);} } .section-referrals-benefits .pic {} .section-referrals-benefits .info {line-height: 1.4;padding: 0 0 69px 105px;} .section-referrals-benefits .title {font-size: 22px;font-weight: 600;margin: 0 0 7px;} .section-referrals-benefits .text {font-size: 14px;line-height: 1.6;} @media (max-width: 760px) { .section-referrals-benefits .section-title {font-size: 30px;} .section-referrals-benefits .info {padding: 0 0 45px 90px;} .section-referrals-benefits .item {width: 100%;} } /* PAGE REFERRALS END */ /* PAGE PARTNERS */ .section-intro_partners {background: #0a4052 url(images/partner/bg-intro.jpg) 50% 0; background-size: cover;} .section-intro_partners .main {min-height: 721px;max-width: 1280px;} .section-intro_partners .text {max-width: 895px; margin: 0 auto; } @media (max-width: 740px) { .section-intro_partners .title {font-size: 30px;} .section-intro_partners .subtitle {font-size: 21px;} .section-intro_partners .row-btn .btn {margin: 0 0 10px; min-width: 280px;} } .section-partners-benefits {background-color: #FFF; color: #525D67; font-size: 14px;} .section-partners-benefits .main {max-width: 980px;display: flex;flex-direction: row;justify-content: space-between;align-items: center; min-height: 380px;} .section-partners-benefits {} .section-partners-benefits .item {padding: 72px 0 65px;} .section-partners-benefits .pic {position: relative;} .section-partners-benefits .pic img {display: block; width: 250px;} .section-partners-benefits .pic-1 img {width: 363px;} .section-partners-benefits .pic-2 img {width: 312px;} .section-partners-benefits .pic-3 img {width: 283px;} .section-partners-benefits .pic-4 img {width: 303px;} .section-partners-benefits .info {max-width: 490px; width: 50%;} .section-partners-benefits .title {font-size: 22px;font-weight: 600;line-height: 1.4;position: relative;padding: 0 0 15px;margin: 0 0 16px;} .section-partners-benefits .title:after {display: block; content: ''; height: 2px; width: 30px; background-color: #1FBAED; position: absolute; top: 100%; left: 0;} .section-partners-benefits .title-center {text-align: center} .section-partners-benefits .title-center:after {left: 50%; margin-left: -15px;} .section-partners-benefits .text {line-height: 1.6;} .section-partners-benefits .text p {margin: 0 0 18px;} .section-partners-benefits .text ul {margin: 0 0 10px;} .section-partners-benefits .text li {margin: 0 0 8px;padding: 0 0 0 16px;position: relative;} .section-partners-benefits .text li:before {display: block;content: '';width: 6px;height: 6px;background-color: #757d85;border-radius: 50%;position: absolute;left: 0;top: 9px;} .section-partners-benefits .item:nth-child(even) {background-color: #e7f8ff;} .section-partners-benefits .item:nth-child(even) .pic, .section-partners-benefits .item.reverse .pic {order:2; text-align: right;} .section-partners-benefits .item:nth-child(even) .info, .section-partners-benefits .item.reverse .info {order:1;} .section-partners-benefits .row-btn {padding: 14px 0;} @media (max-width: 800px) { .section-partners-benefits .pic img {display: block; max-width: 250px; width: 100%;} } @media (max-width: 580px) { .section-partners-benefits .item {padding: 50px 0;} .section-partners-benefits .item:nth-child(even) .pic {order:1;} .section-partners-benefits .item:nth-child(even) .info {order:2;} .section-partners-benefits .item .pic {width: 100%;} .section-partners-benefits .main {flex-wrap: wrap;} .section-partners-benefits .info {width: 100%;} .section-partners-benefits .title {text-align: center;} .section-partners-benefits .title:after {left: 50%; margin-left: -15px;} .section-partners-benefits .pic img {margin: 0 auto 30px; width: 250px;} .section-partners-benefits .row-btn {text-align: center;} } /* PAGE PARTNERS END */ /* PAGE VOLUUM */ .section-intro_voluum {background: #0a4052 url(images/voluum-alternative/bg-intro.jpg) 50% 0; background-size: cover;} .section-intro_voluum .main {max-width: 1140px;} .section-partners-benefits_voluum .wrap {max-width: 1140px; margin: 0 auto;} .section-partners-benefits_voluum .item-tools .main {display: block; min-height: auto;} .section-partners-benefits_voluum .item-tools .info { display: flex; flex-direction: row; align-items: flex-start; justify-content: center; max-width: 100%; width: 100%;} .section-partners-benefits_voluum .item-tools .section-title {text-align: center;} .section-partners-benefits_voluum .item-tools .section-title:after {right: 0; margin: 0 auto;} .section-partners-benefits_voluum .item-tools .text {margin: 0 50px;} .section-partners-benefits_voluum .text li strong i {text-transform: uppercase;} .section-partners-benefits_voluum .item-tools .text li {padding: 0 0 0 26px;} .section-partners-benefits_voluum .item-tools .text li:before {content: ''; background: url(images/voluum-alternative/check.svg) no-repeat; width: 20px; height: 20px; left: 0; top: 2px;} .section-partners-benefits_voluum .item-tools .row-btn {text-align: center;} .section-partners-benefits_voluum .item-compared {padding-bottom: 85px;} .section-partners-benefits_voluum .item-compared .main {min-height: auto; max-width: 1020px;} .section-partners-benefits_voluum .list-trackers {display: flex; width: 100%; justify-content: space-between; margin-top: 12px;} .section-partners-benefits_voluum .item-compared .title {text-align: center;} .section-partners-benefits_voluum .item-compared .title:after {right: 0; margin: 0 auto;} .section-partners-benefits_voluum .list-trackers li {max-width: 216px; width: 100%; margin: 0 10px;} .section-partners-benefits_voluum .list-trackers .btn {padding: 20px 25px; display: block;} @media (max-width: 768px) { .section-partners-benefits_voluum .list-trackers .btn {padding: 15px 20px; font-size: 16px;} } @media (max-width: 600px) { .section-partners-benefits_voluum .item-tools .info { flex-direction: column;} .section-partners-benefits_voluum .item-tools .text {margin: 0;} } @media (max-width: 580px) { .section-partners-benefits_voluum .item-compared {padding-bottom: 50px;} .section-partners-benefits_voluum .list-trackers {margin-top: 0; flex-direction: column;} .section-partners-benefits_voluum .list-trackers li {margin: 0 auto 10px;} .section-partners-benefits_voluum .item-tools .title:after {left: 0;} } /* PAGE VOLUUM */ /* PAGE COMPARE */ .section-compare{padding:65px 0 50px;} .section-compare .title {font-size: 60px; font-weight: 700; text-transform: uppercase; text-align: center;} .section-compare .subtitle{font-size:36px;text-align:center;margin: 20px 0 65px;} .section-compare .wrap{max-width:1170px;margin:0 auto;padding:0 15px;box-sizing:border-box} .section-compare table{background-color:#fff;border:1px solid #d6dade} .section-compare table td{position:relative;font-size:14px;height:65px;padding:10px 20px;width:389px;vertical-align:middle;text-align:center;box-sizing:border-box;border:1px solid #d6dade;border-top-style:dashed;border-bottom-style:dashed; text-transform: capitalize;} .section-compare table td img{display:block;max-width:210px;margin:0 auto} .section-compare table tr>td:nth-child(2):after,.section-compare table tr>td:nth-child(2):before{content:'';display:block;width:10px;position:absolute;bottom:-1px;top:-1px;background-color:#e7eaee;border:1px solid #d6dade;border-width:0 1px;box-sizing:border-box;z-index:1} .section-compare table tr>td:nth-child(2):before{left:-10px} .section-compare table tr>td:nth-child(2):after{right:-10px} .section-compare table tr:first-child td{height:105px} .section-compare table tr:first-child td:first-child:before{content:'';display:block;left:-1px;top:-1px;bottom:0;right:0;background-color:#e7eaee;position:absolute} .section-compare table tr:first-child>td:nth-child(2):before{display:none} .section-compare table tr:first-child td:nth-child(2){box-shadow:inset 0 5px 0 0 #28baea} .section-compare table tr:first-child td:last-child{box-shadow:inset 0 5px 0 0 #b6bfc5} .section-compare table td:first-child{width:355px;text-align:right;padding-right:30px} .section-compare table td:last-child{width:395px;padding-left:30px} .section-compare .table-subtitle{font-weight:700;text-transform:uppercase;box-shadow:inset 0 0 0 60px #e8f8ff;border-top-style:solid;border-bottom-style:solid} .section-compare .icon .fa{font-size:19px;line-height:19px} .section-compare .icon-yes .fa{color:#2fc37f} .section-compare .icon-no .fa{color:#fc5469} .section-compare .btn-wrap{text-align:center;margin:15px 0 25px} .section-compare .btn-wrap:last-child {margin-top: 23px;} .section-compare .btn-back-compare{font-size:14px} .section-compare .btn-back-compare svg{display:inline-block;vertical-align:bottom;padding-right:7px;height:20px} @media (max-width:768px){ .section-compare .title{font-size:30px} .section-compare .subtitle {font-size: 26px;margin: 15px 0 25px;} .section-compare table td{height:40px;padding:5px 10px} .section-compare table td:first-child{padding-right:20px} .section-compare table td:last-child{padding-left:20px} .section-compare table tr:first-child td{height:75px} .section-compare table td img{max-width:140px} } @media (max-width: 640px) { .section-compare .subtitle {font-size: 16px;} } @media (max-width:480px){ .wrap-compare-list{overflow-x:auto} } .section-hesitate {padding: 55px 0 70px; background: url(images/adsbridge-compare/bg-pattern.png) top left #27b56d;} .section-hesitate .wrap {max-width: 1170px; margin: 0 auto; padding: 0 15px; box-sizing: border-box; text-align: center;} .section-hesitate .section-title {position: relative; font-size: 36px; color: #fff; font-weight: 600;padding-bottom: 12px; margin-bottom: 32px;} .section-hesitate .section-title:after {content: ''; display: block; background-color: #8edab5; width: 30px; height: 2px; position: absolute; top: 100%; left: 50%;margin-left: -15px;} .section-hesitate .info {margin-bottom: 25px;} .section-hesitate .info p {font-size: 22px; color: #fff;line-height: 28px; padding-bottom: 10px;} .section-hesitate .btn {background-color: #fff; border-color: #fff; padding: 13px 20px; max-width: 194px; width: 100%; color: #27b56d; font-size: 14px;} @media (max-width: 768px) { .section-hesitate {padding: 50px 0;} .section-hesitate .section-title {font-size: 24px;} .section-hesitate .info p {font-size: 16px; line-height: 24px;} } /* PAGE COMPARE */ /* PAGE PRICING */ .section-intro_pricing {background: #0a4052 url(images/pricing/bg-intro.jpg) 50% 0; background-size: cover;} .section-intro_pricing .main {min-height: 443px;max-width: 1140px; padding: 11px 0 24px;} .section-intro_pricing .title {padding: 28px 0 17px;} .section-intro_pricing .title + .subtitle {font-weight: 400; max-width: 1000px; margin: 0 auto;} @media (max-width: 640px) { .section-intro_pricing .title {font-size: 30px;} .section-intro_pricing .title + .subtitle {font-size: 16px;} .section-intro_pricing .title + .subtitle + .subtitle {font-size: 30px;} .section-intro_pricing .title + .subtitle + .subtitle + .text {font-size: 16px;} } /* Bandles */ .section-bundles {padding: 69px 0 29px;} .section-bundles .main {max-width: 1560px;} .section-bundles .row-switch-modes {text-align: center; padding: 30px 0 15px;} .section-bundles .row-period-switcher {padding: 0 0 30px;} .tabs-nav {background-color: #f7f9fb; border: 1px solid #dee1e5; border-radius: 3px; overflow: hidden; display: flex; justify-content: center; max-width: 380px; margin: 0 auto;} .tabs-nav .item {width: 100%; text-align: center; border-left: 1px solid #dee1e5;} .tabs-nav .item:first-child {border-left: none;} .tabs-nav .link {display: block; font-size: 13px; line-height: 48px; font-weight: 700; color: #929fa9; text-decoration: none;} .tabs-nav .marker {color: #01B668;} .tabs-nav .item:hover {} .tabs-nav .item:hover .link {background-color: #fff; color: #525d67;} .tabs-nav .item.active, .tabs-nav .item.active:hover {} .tabs-nav .item.active .link, .tabs-nav .item.active:hover .link {background-color: #fff; color: #525d67; cursor: default; box-shadow: inset 0 -3px 0 #01b668;} .bundles-list {display: flex; flex-direction: row; justify-content: space-between;} .bundles-list .bundle {width: 210px;margin: 0 10px 30px;flex-grow: 1;} .table-bundles {width: 100%;} .bundle {position: relative; background-color: #fff; border: 1px solid #d6dade; border-radius: 3px; background-clip: padding-box; text-align: center; display: flex; flex-direction: column; justify-content: flex-start; color: #525d67;} .bundle:before {display: block; content: ''; position: absolute; left: 0; right: 0; top: 0; height: 5px; background-color: #2bc07c; border-radius: 2px 2px 0 0;} .bundle_1:before {background-color: #b6bfc5;} .bundle_2:before {background-color: #f9c931;} .bundle_3:before {background-color: #2bc07c;} .bundle_4:before {background-color: #079ed0;} .bundle_5:before {background-color: #8fdaf2;} .bundle_6:before {background-color: #2bc07c;} .bundle_7:before {background-color: #f9c931;} .bundle_8:before {background-color: #079ed0;} .bundle .bundle-title {font-size: 20px;text-transform: uppercase;color: #525D67;font-weight: 600;padding: 35px 10px 15px;} .bundle .bundle-price-cell {padding: 0;} .bundle .bundle-price {font-size: 48px;padding: 0 10px 20px;} .bundle .bundle-price span {font-size: 14px; color: #757d85; display: inline-block;} .bundle .bundle-price-note {font-size: 14px;} .bundle .bundle-price-note p {margin: 0 0 5px;} .bundle .bundle-price-note p .marker {color: #1ec17a;} .bundle .bundle-row-btn {padding: 0 10px 37px; } .bundle .bundle-row-btn .btn {box-shadow: 0 2px 8px rgba(4,32,41,.2); padding-right: 10px; padding-left: 10px; min-width: 150px; white-space: nowrap;} .bundle .bundle-benefits {font-size: 12px; line-height: 15px; color: #757d85;} .bundle .bundle-benefits li {box-sizing: border-box; padding: 5px;border-top: 1px dashed #d6dade; min-height: 70px; display: flex; flex-direction: column; align-items: center; justify-content: center;} /*.bundle .bundle-benefits li:last-child {padding: 12px 6px 18px;}*/ .bundle .bundle-benefits li:last-child .btn {box-shadow: 0 2px 8px rgba(4,32,41,.2); padding-right: 15px; padding-left: 15px; min-width: 150px;} .bundle .bundle-benefits li .emphasis {font-size: 20px; line-height: 22px; color: #525D67; font-weight: 700;} .bundle .bundle-benefits li i.fa {font-style: initial; font-size: 18px; line-height: 22px;} .bundle .bundle-benefits li .icon-minus {color: #fc5469;} .bundle .bundle-benefits li .icon-plus {color: #1ec17a;} .bundle .bundle-benefits li i {font-style: italic;} .table-bundles {border-collapse: collapse; width: 100%;} .table-bundles td {width: calc(100% / 8); min-width: 370px; box-sizing: border-box; padding: 0 5px; font-size: 12px; line-height: 15px; color: #757d85;} .table-bundles td:first-child {width: 0; display: none; padding: 0 5px;} .table-bundles i.fa {font-style: initial; font-size: 18px; line-height: 22px;} .table-bundles .icon-minus {color: #fc5469;} .table-bundles .icon-plus {color: #1ec17a;} .table-bundles .emphasis {font-size: 20px; line-height: 22px; color: #525D67;font-weight: 700;} .table-bundles th {width: 0; display: none;} .bundles-mode {overflow: auto;} .bundles-mode .bundles-body {position: relative;} .bundles-mode .col-features {display: none;} .bundles-mode .bundles-header .bundle {margin-bottom: 0; border-bottom: 0; border-radius: 3px 3px 0 0;} .bundles-mode .bundles-body .bundle {border-top: 0;} .bundles-mode .bundles-body .bundle:before {display: none;} .bundles-mode .col-feature-name {display: none;} .bundles-mode .part-advanced {max-height: 0; opacity: 0; overflow: hidden;} .bundles-mode .part-simple .table-bundles .feature {display: none;} .bundles-mode-advanced .col-feature-name {display: block;} .bundles-mode-advanced .col-features {display: block;} .bundles-mode-advanced .bundles-header .col-features {opacity: 0; visibility: hidden; height: 0; overflow: hidden;} .bundles-mode-advanced .part-simple {max-height: 0; opacity: 0; overflow: hidden;} .bundles-mode-advanced .part-advanced {max-height: 2000px; opacity: 1;} .bundles-mode-advanced .bundles-body .bundle {display: none;} .bundles-mode-advanced .bundles-body .table-bundles {} .bundles-mode-advanced .table-bundles td {/*width: 20%;*/ height: auto; font-size: 14px; vertical-align: top;} .bundles-mode-advanced .table-bundles th {display: table-cell; width: 20%; vertical-align: middle; padding-top: 0; padding-bottom: 0; height: 0; transition: width 0.2s ease; position: absolute;} .bundles-mode-advanced .table-bundles th .feature-underlay {-webkit-animation: slide-in-left 0.4s cubic-bezier(0.250, 0.460, 0.450, 0.940) both 0.2s;animation: slide-in-left 0.4s cubic-bezier(0.250, 0.460, 0.450, 0.940) both 0.2s;} .bundles-mode-advanced .table-bundles tr:first-child ~ tr th {height: 30px; padding: 0 5px 0 0; font-size: 14px;} .bundles-mode-advanced .bundles-body tr:first-child ~ tr td {text-align: center; height:65px;} .bundles-mode-advanced .bundles-body td .underlay {background-color: #fff;border-left: 1px solid #d6dade;border-right: 1px solid #d6dade;padding: 12px 6px;border-top: 1px dashed #d6dade;height: 100%;display: flex;align-items: center;justify-content: center; -webkit-animation: fade-in-bck 0.6s cubic-bezier(0.390, 0.575, 0.565, 1.000) both 0.2s; animation: fade-in-bck 0.6s cubic-bezier(0.390, 0.575, 0.565, 1.000) both 0.2s; box-sizing: border-box;} .bundles-mode-advanced .bundles-body tr:last-child td .underlay {border-bottom: 1px solid #d6dade; border-radius: 0 0 3px 3px;} .bundles-mode-advanced .bundles-body th .feature-underlay {background-color: #fff;border-left: 1px solid #d6dade;border-right: 1px solid #d6dade;padding: 12px 10px;border-top: 1px dashed #d6dade;height: 100%;display: flex;align-items: center;justify-content: flex-end; text-align: right; box-sizing: border-box;} .bundles-mode-advanced .bundles-body tr:first-child + tr th .feature-underlay {border-top: 1px solid #d6dade; border-radius: 3px 3px 0 0;} .bundles-mode-advanced .bundles-body tr:last-child th .feature-underlay {border-bottom: 1px solid #d6dade; border-radius: 0 0 3px 3px;} .bundles-carousel-wrapper {display: flex;} .bundles-carousel-wrapper.view-advanced .bundles-simple-carousel {-webkit-animation: fade-in 0.8s cubic-bezier(0.390, 0.575, 0.565, 1.000) both; animation: fade-in 0.8s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;} .bundles-carousel-wrapper .bundle-body-advanced {display: none;} .bundles-carousel-wrapper.view-advanced .bundle-body {display: none;} .bundles-carousel-wrapper.view-advanced .bundle-body-advanced {display: block;} .bundles-carousel-sidebar {display: none; padding-top: 235px; width: 20%; min-width: 150px;} .bundles-carousel-wrapper.view-advanced .bundles-carousel-sidebar {-webkit-animation: slide-in-left 0.4s cubic-bezier(0.250, 0.460, 0.450, 0.940) both 0.2s; animation: slide-in-left 0.4s cubic-bezier(0.250, 0.460, 0.450, 0.940) both 0.2s; display: block;} .bundles-carousel-sidebar .feature { font-size: 14px; line-height: 1.2; color: #757d85; padding: 5px 10px; min-height: 70px; box-sizing: border-box; display: flex; flex-direction: column; align-items: flex-end; justify-content: center; background-color: #fff; border-left: 1px solid #d6dade; border-right: 1px solid #d6dade; border-top: 1px dashed #d6dade; text-align: right;} .bundles-carousel-sidebar .feature:first-child {border-top-style: solid; border-radius: 3px 3px 0 0;} .bundles-carousel-sidebar .feature:last-child {border-bottom: 1px solid #d6dade; border-radius: 0 0 3px 3px;} .bundles-simple-carousel {overflow: hidden;} .bundles-simple-carousel:not(.slick-carousel) {display: flex; overflow: auto;} .bundles-simple-carousel > .slide {min-width: 301px;} .bundles-simple-carousel .slide {-webkit-user-select: none; -ms-user-select: none; -moz-user-select: none; user-select: none; padding: 0 5px;} .bundles-simple-carousel .bundle-header {min-height: 234px;} .slick-carousel .slick-arrow {position: absolute; top: 80px; display: flex; justify-content: center; align-items: center; width: 36px; height: 42px; background-color: rgba(30, 186, 237, 0.25); border-radius: 50%; outline: 0; border: none; z-index: 1; cursor: pointer;} .slick-carousel .slick-prev {left: 0; border-radius: 3px 50% 50% 3px;} .slick-carousel .slick-next {right: 0; border-radius: 50% 3px 3px 50%;} .slick-carousel .slick-arrow span {font-family: 'Open Sans', sans-serif; font-size: 48px; line-height: 1; color: #1ec17a; margin-top: -10px;} .slick-carousel .slick-dots {display: flex; justify-content: center; margin-top: 28px;} .slick-carousel .slick-dots button {background-color: #8fdaf2; width: 10px; height: 10px; display: block; border-radius: 3px; margin: 0 5px; transition: background-color 0.2s ease; outline: 0; border: none; color: transparent; padding: 0; cursor: pointer;} .slick-carousel .slick-dots .slick-active button {background-color: #1dc17a;} .bundle-body-advanced .feature {font-size: 14px;line-height: 15px;color: #757d85;padding: 5px;min-height: 70px;box-sizing: border-box;display: flex;flex-direction: column;align-items: center;justify-content: center;border-top: 1px dashed #d6dade;} .bundle-body-advanced .feature .fa {font-size: 18px;} /*.owl-carousel {-ms-touch-action: pan-y; touch-action: pan-y;}*/ @media screen and (max-width: 980px) { .bundles-carousel-sidebar .feature {font-size: 12px;} } @-webkit-keyframes fade-in { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes fade-in { 0% { opacity: 0; } 100% { opacity: 1; } } @-webkit-keyframes slide-in-left-50 { 0% { transform: translateX(-50px); opacity: 0; } 100% { transform: translateX(0); opacity: 1; } } @keyframes slide-in-left-50 { 0% { transform: translateX(-50px); opacity: 0; } 100% { transform: translateX(0); opacity: 1; } } .bundle .ribbon {font-size: 10px;font-weight: bold;color: #FFF;text-transform: uppercase;text-align: center;line-height: 25px;width: 160px;display: block;background: #1ebaed;box-shadow: 0 3px 6px -5px rgba(0, 0, 0, 1);position: absolute;top: 0;left: 50%;margin: 0 0 0 -80px;} @-webkit-keyframes slide-in-left { 0% { transform: translateX(-500px); opacity: 0; } 50% { opacity: 0.7; } 100% { transform: translateX(0); opacity: 1; } } @keyframes slide-in-left { 0% { transform: translateX(-500px); opacity: 0; } 50% { opacity: 0.7; } 100% { transform: translateX(0); opacity: 1; } } @-webkit-keyframes fade-in-bck { 0% { transform: translateZ(80px); opacity: 0; } 100% { transform: translateZ(0); opacity: 1; } } @keyframes fade-in-bck { 0% { transform: translateZ(80px); opacity: 0; } 100% { transform: translateZ(0); opacity: 1; } } @media (max-width: 1600px) { .table-bundles td {min-width: 340px;} } @media (max-width: 1200px) { .bundle .bundle-title {font-size: 17px;} .bundle .bundle-row-btn .btn {font-size: 13px;} .table-bundles td {min-width: 320px;} .bundles-mode-advanced .table-bundles td {min-width: 250px;} } @media (max-width: 980px) { .bundles-mode-advanced .part-advanced {width: 80%; overflow-x: scroll; margin-left: 20%; overflow-y: visible; padding: 0;} .bundles-mode-advanced .part-advanced:before {display: block; content: ''; position: absolute; left: 20%; top: -12px; bottom: 0; width: 0; box-shadow: 1px 0 6px 2px #e7eaee; z-index: 10;} .bundles-mode-advanced .bundles-body th {position: absolute; width: 20%; left: 0; top: auto;border-top-width: 1px;margin-top: -1px;} .table-bundles td {min-width: 240px;} .bundles-mode-advanced .bundles-body .bundle {display: block; border-bottom: 0; border-radius: 3px 3px 0 0; border-top: 1px solid #d6dade;} .bundles-mode-advanced .bundles-body .bundle:before {display: block;} .bundles-mode-advanced .bundles-header {display: none;} .bundles-mode-advanced .table-bundles tr:first-child ~ tr th {font-size: 12px;} .bundles-mode-advanced .bundles-body .table-bundles {width: 200%;} .bundles-mode-advanced .bundles-body th .feature-underlay {padding: 12px 10px; box-sizing: border-box;} .bundles-mode-simple {overflow: auto;} .bundles-mode-simple .bundles-header {width: 150%;} .bundles-mode-simple .bundles-body {width: 150%;} } @media (max-width: 576px) { .bundles-mode-advanced .bundles-body tr:first-child ~ tr td {height: 60px;} .bundles-mode-advanced .bundles-body .table-bundles {width: 250%;} .bundles-mode-advanced .part-advanced {margin-left: 40%; width: 60%;} .bundles-mode-advanced .part-advanced:before {left: 40%;} .bundles-mode-advanced .bundles-body th {width: 40%;} .bundles-mode-advanced .table-bundles td {min-width: 180px;} .bundles-mode-simple .bundles-header {width: 250%;} .bundles-mode-simple .bundles-body {width: 250%;} } /* Bandles end */ /* Calculation */ .section-pricing-calculation {color: #525d67;text-align: center;} .section-pricing-calculation .main {max-width: 1360px;} .section-pricing-calculation .price-calculation {background-color: #e7f8ff;} .section-pricing-calculation .pricing, .section-pricing-calculation .slider-range {max-width: 1100px; margin: auto;} .section-pricing-calculation .pricing {display: flex; align-items: baseline; justify-content: space-between; flex-wrap: wrap; padding: 33px 0; font-size: 22px; font-weight: 600;} .section-pricing-calculation .pricing-i {margin: 5px 15px; flex-grow: 1; flex-shrink: 1;} .section-pricing-calculation .pricing-num {display: inline-block; min-width: 63px; text-align: left; color: #1dc17a;} .section-pricing-calculation .pricing-i input {max-width: 112px; padding: 3px 11px; font-size: 22px; font-weight: 600; font-family: "Open Sans", sans-serif; background-color: #fff; color: #525d67; outline: none;} .section-pricing-calculation .pricing-i span + input {margin-left: 10px;} .section-pricing-calculation .slider-range {padding: 0 15px; box-sizing: border-box;} .section-pricing-calculation .note {font-size: 14px;padding: 29px 15px 51px; line-height: 1.4;} .section-pricing-calculation .note small {} @media (max-width: 1085px) { .section-pricing-calculation .pricing-i:first-child {width: 100%; margin: 0 0 15px;} } @media (max-width: 740px) { .section-pricing-calculation .pricing {} .section-pricing-calculation .pricing-i {font-size: 18px;} } @media (max-width: 560px) { .section-pricing-calculation .pricing-i:first-child {margin: 0;} .section-pricing-calculation .pricing-i {width: 100%; padding: 0 15px 15px; box-sizing: border-box; text-align: left; margin: 0;} .section-pricing-calculation .slider-range {padding: 0 30px;} } .noUi-target, .noUi-target {-webkit-touch-callout: none; -webkit-user-select: none; touch-action: none; -ms-user-select: none; -moz-user-select: none; user-select: none; box-sizing: border-box } .noUi-target { position: relative; direction: ltr } .noUi-base { width: 100%; height: 100%; position: relative } .noUi-origin { position: absolute; right: 0; top: 0; left: 0; bottom: 0 } .noUi-handle { position: relative; z-index: 1 } .noUi-stacking .noUi-handle { z-index: 10 } .noUi-state-tap .noUi-origin { transition: left .3s, top .3s } .noUi-state-drag * { cursor: inherit !important } .noUi-base { transform: translate3d(0, 0, 0) } .noUi-horizontal {height: 6px;} .noUi-horizontal .noUi-handle {width: 23px;height: 23px;left: -11px;top: -11px;} .noUi-horizontal .noUi-handle:after {display: block; content: ''; width: 180px; height: 124px; position: absolute; top: -144px; left: 50%; margin-left: -90px;} .noUi-vertical { width: 18px } .noUi-vertical .noUi-handle { width: 28px; height: 34px; left: -6px; top: -17px } .noUi-background { } .noUi-connect { background: #3FB8AF; box-shadow: inset 0 0 3px rgba(51, 51, 51, .45); transition: background 450ms } .noUi-origin {border-radius: 2px;background: #fff;} .noUi-target {border-radius: 6px;background: #1fbaed;} .noUi-target.noUi-connect { box-shadow: inset 0 0 3px rgba(51, 51, 51, .45), 0 3px 6px -5px #BBB } .noUi-dragable { cursor: w-resize } .noUi-vertical .noUi-dragable { cursor: n-resize } .noUi-handle {border: 2px solid #b5bfc3;border-radius: 50%;background: #FFF;cursor: default;} .noUi-active {border-color: #1fbaed } [disabled] .noUi-connect, [disabled].noUi-connect { background: #B8B8B8 } [disabled] .noUi-handle { cursor: not-allowed } /* Calculation end */ /* Payment Methods */ .section-payment-methods .main {max-width: 1360px;} .section-payment-methods .payment-methods {display: flex; flex-wrap: wrap; justify-content: space-around; align-items: center; padding: 15px; background-color: #ffffff;} .section-payment-methods .payment-method {padding: 15px;} @media (max-width: 960px) { .section-payment-methods .payment-methods {padding: 0;} } /* Payment Methods end */ /* Answers */ .section-pricing-answers {color: #525d67; padding: 0 0 60px;} .section-pricing-answers .main {max-width: 1360px;} .section-pricing-answers .section-title {font-size: 36px;font-weight: 600;position: relative;text-align: center;padding: 40px 0 13px;margin-bottom: 28px;} .section-pricing-answers .section-title:after {display: block;content: '';background-color: #8edab5;width: 30px; height: 2px;position: absolute;top: 100%;left: 50%;margin-left: -15px;} .section-pricing-answers {} .section-pricing-answers .list-wrapper {display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; align-items: flex-start;} .section-pricing-answers .list {width: calc(50% - 10px);} .section-pricing-answers .item {background-color: #FFF;margin: 0 0 20px; position: relative; padding: 23px 55px 26px 30px; box-sizing: border-box;} .section-pricing-answers .item .item-title {font-size: 22px;font-weight: 600; position: relative;} .section-pricing-answers .item .item-title:hover {cursor: pointer;} .section-pricing-answers .item .item-title:after {display: block; content: '';background-color: #8edab5;width: 0;height: 2px;position: absolute;top: 100%;left: 0;margin-top: 17px; transition: width 0.2s ease;} .section-pricing-answers .item .text {font-size: 14px;line-height: 1.6;max-height: 0;opacity: 0;transition: max-height 0.2s ease, opacity 0.2s ease, padding 0.2s ease; overflow: hidden;} .section-pricing-answers .collapse-control {width: 15px;height: 15px;border: 1px solid #2bc07c;border-radius: 50%;position: absolute;top: 28px;right: 30px;} .section-pricing-answers .collapse-control:before, .section-pricing-answers .collapse-control:after {display: block; content: ''; width: 8px; height: 1px; background-color: #2bc07c; position: absolute; left: 50%; top: 50%; margin: -0.5px 0 0 -4px} .section-pricing-answers .collapse-control:before {} .section-pricing-answers .collapse-control:after {transform: rotate(90deg);} .section-pricing-answers .collapse-control:hover, .section-pricing-answers .item-title:hover + .collapse-control {cursor: pointer; background-color: #2bc07c;} .section-pricing-answers .collapse-control:hover:before, .section-pricing-answers .collapse-control:hover:after, .section-pricing-answers .item-title:hover + .collapse-control:before, .section-pricing-answers .item-title:hover + .collapse-control:after {background-color: #fff;} .section-pricing-answers .item.is-expanded .text {max-height: 1000px; opacity: 1; padding: 33px 0 0;} .section-pricing-answers .item.is-expanded .collapse-control:after {display: none;} .section-pricing-answers .item.is-expanded .item-title:after {width: 30px;} @media (max-width: 640px) { .section-pricing-answers .section-title {max-width: 330px; margin-left: auto; margin-right: auto;} .section-pricing-answers .list {width: 100%;} } @media (max-width: 480px) { .section-pricing-answers .section-title {font-size: 24px;} .section-pricing-answers .item {padding: 17px 55px 17px 30px;} .section-pricing-answers .collapse-control {top: 17px;} .section-pricing-answers .item .item-title {font-size: 16px;} } /* Answers end */ /* PAGE PRICING END */ /* PAGE SUPPORT */ .section-support {color: #525d67; text-align: center; padding: 0 0 60px;} .section-support .main {max-width: 1440px;} .section-support .title {font-size: 60px;font-weight: 700;padding: 64px 0 18px;text-transform: uppercase;} .section-support .intro {font-size: 40px;padding: 0 0 70px;max-width: 1200px;margin: auto;} .section-support .list {} .section-support .list .item {display: inline-block;border: 1px solid #d6d9de;border-radius: 3px;background-clip: padding-box;background-color: #fff;vertical-align: top;width: 330px;padding: 15px 15px;box-sizing: border-box;margin: 0 5px 20px;min-height: 370px;} .section-support .list .item .item-pic {height: 115px;position: relative;} .section-support .list .item .item-pic:after {display: block; content: ''; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); background-size: cover;} .section-support .list .item-1 .item-pic:after {background-image: url(images/support/pic-1.png);width: 47px;height: 62px;} .section-support .list .item-2 .item-pic:after {background-image: url(images/support/pic-2.png);width: 55px;height: 64px;} .section-support .list .item-3 .item-pic:after {background-image: url(images/support/pic-3.png);width: 63px;height: 64px;} .section-support .list .item-4 .item-pic:after {background-image: url(images/support/pic-4.png);width: 65px;height: 65px;} .section-support .list .item-title {font-size: 22px;font-weight: 500;position: relative;padding: 0 0 17px;margin: 0 0 14px;} .section-support .list .item-title:after {display: block; content: ''; background-color: #00B9EF; height: 2px; width: 30px; position: absolute; left: 50%; top: 100%; margin-left: -15px;} .section-support .list .item-text {font-size: 14px; line-height: 1.6;} .section-support .list .item-row-btn {padding: 24px 0 15px;} @media (-webkit-min-device-pixel-ratio:2), (min-resolution:192dpi) { .section-support .list .item-1 .item-pic:after {background-image: url(images/support/pic-1@x2.png);} .section-support .list .item-2 .item-pic:after {background-image: url(images/support/pic-2@x2.png);} .section-support .list .item-3 .item-pic:after {background-image: url(images/support/pic-3@x2.png);} .section-support .list .item-4 .item-pic:after {background-image: url(images/support/pic-4@x2.png);} } @media (max-width: 580px) { .section-support .title {font-size: 30px;} .section-support .intro {font-size: 18px; line-height: 1.6;} .section-support .list .item {width: 280px;} } /* PAGE SUPPORT END */ /* PAGE CHANGELOG */ .section-changelog {text-align: center; padding: 0 0 60px;} .section-changelog .title {font-size: 60px;font-weight: 700;padding: 64px 0 18px;text-transform: uppercase;} .section-changelog .intro {font-size: 40px;padding: 0 0 61px;max-width: 1200px;margin: auto;} .section-changelog .main {max-width: 1030px;} @media (max-width: 580px) { .section-changelog .title {font-size: 30px;} .section-changelog .intro {font-size: 18px; line-height: 1.6;} } .wrapper-list-changelogs {padding-left: 130px;} .list-changelogs {} .changelog {border: 1px solid #d6d9de;border-radius: 3px;background-color: #fff;box-sizing: border-box;padding: 34px 15px 34px 85px;text-align: left;margin: 0 0 40px;position: relative;} .changelog .changelog-title {font-size: 22px;position: relative;font-weight: 600;padding: 0 0 16px;margin: 0 0 16px;} .changelog .changelog-title:after {display: block; content: ''; background-color: #00B9EF; height: 2px; width: 30px; position: absolute; left: 0; top: 100%;} .changelog .date {position: absolute;left: -130px;top: 40px;width: 100px;} .changelog .date .dot {display: block;width:20px;height: 20px;background-color: #fff;border: 2px solid #00c278;border-radius: 50%;position: absolute;top: 50%;right: 0;transform: translate(0,-50%); font-size: 14px;} .changelog .date .dot:after {display: block;content: '';width: 12px;height: 12px;background-color: #00c278;border-radius: 50%;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);} .changelog:before {display: block;content: '';border-left: 1px solid #c7cbd1;position: absolute;top: 0;left: -43px;bottom: -43px;} .changelog:first-child:before {top: 40px;} .changelog:last-child:before {bottom: auto; height: 40px;} .changelog .text {font-size: 14px;line-height: 1.5;} .changelog .text ul {} .changelog .text ul li {} .changelog .text ul li:before {display: inline;content: '-';margin-right: 3px;} .changelog .label {display: block;font-size: 10px;color: #fff;line-height: 21px; height: 22px; border-radius: 0 12px 12px 0;position: absolute;left: 0;top: 40px;padding: 0 13px;min-width: 30px; text-transform: uppercase;} .changelog .label:before {display: block; content: ''; width: 0; height: 0; border-style: solid; border-width: 11px 20px 11px 0; position: absolute; left: -20px; top: 0;} .changelog .label-add {background-color: #00c278;} .changelog .label-fix {background-color: #ff5266;} .changelog .label-add:before {border-color: transparent #00c278 transparent transparent;} .changelog .label-fix:before {border-color: transparent #ff5266 transparent transparent;} @media (max-width: 580px) { .wrapper-list-changelogs {padding: 0;} .changelog {padding: 20px 15px;} .changelog:first-child:before {display: none;} .changelog .label {top: -28px; border-radius: 12px; text-align: center; } .changelog .label:before {display: none;} .changelog .date .dot {display: none;} .changelog .date {position: static; margin-bottom: 10px; font-size: 12px;} } /* PAGE CHANGELOG END */ /* PAGE CONTACT US */ .section-contact-us {height: 720px; background: #3a425c url(images/contact-us/bg-intro.jpg) 50% 0 no-repeat; background-size: cover; text-align: center; color: #fff;} .section-contact-us .main {max-width: 1300px;} .section-contact-us .title {font-size: 60px;font-weight: 700;padding: 105px 0 19px 0;text-transform: uppercase;} .section-contact-us .intro {font-size: 36px;font-weight: 600;max-width: 1010px;margin: auto;padding: 0 0 28px;} .section-contact-us .message {font-size: 22px;max-width: 870px;margin: auto;padding: 0 0 116px;} .section-contact-us-about .panel-contact-us {background-color: #fff;display: flex;flex-direction: row;flex-wrap: nowrap;justify-content: space-between;text-align: left;border-radius: 3px;min-height: 515px;margin: -268px 0 82px;} .section-contact-us-about .panel-mainbar {border-radius: 3px 0 0 3px;color: #525d67;padding: 55px 57px 20px;} .section-contact-us-about .panel-sidebar {background-color: #00b9ef; min-width: 501px;box-sizing: border-box;padding: 55px 63px;border-radius: 0 3px 3px 0;} .section-contact-us-about .contact-info {color: #fff;} .section-contact-us-about .contact-info-title {font-size: 22px;font-weight: 600;position: relative;padding: 0 0 16px;margin: 0 0 9px;} .section-contact-us-about .contact-info-title:after {display: block;content: '';background-color: #80dcf7;height: 2px;width: 30px;position: absolute;left: 0;top: 100%;} .section-contact-us-about .contact-info .text {font-size: 14px;line-height: 1.5;padding: 17px 0 0;} .section-contact-us-about .contact-info .contacts {padding: 0 0 12px;} .section-contact-us-about .contact-info p {margin: 0 0 7px;} .section-contact-us-about .contact-info a {color: #fff;} .section-contact-us-about .contact-info .pic {display: inline-block; margin-right: 5px; text-align: center; width: 14px;} .section-contact-us-about .contact-info .pic-envelope {} .section-contact-us-about .contact-info .pic-clock {} @media (max-width: 1145px) { .section-contact-us-about .panel-sidebar {min-width: 340px;} } @media (max-width: 1000px) { .section-contact-us-about .panel-contact-us {flex-direction: column;} .section-contact-us-about .panel-mainbar {border-radius: 0;} .section-contact-us-about .panel-sidebar {border-radius: 0; min-width: 100%;} } @media (max-width: 780px) { .section-contact-us .title {font-size: 42px;} .section-contact-us .intro {font-size: 21px; max-width: 500px;} .section-contact-us .message {font-size: 16px; max-width: 380px;} .section-contact-us-about .panel-mainbar {padding: 25px 20px 20px;} .section-contact-us-about .panel-sidebar {padding: 30px 20px;} } @media (max-width: 420px) { .section-contact-us .title {padding-top: 50px; font-size: 30px;} } .form-countact-us {} .section-contact-us-about {padding: 0 0 75px;} .section-contact-us-about .main { max-width: 1300px; } .section-contact-us-about .title {font-size: 36px;font-weight: 600;position: relative;padding: 0 0 11px;margin: 0 0 16px;text-align: center;} .section-contact-us-about .title:after {display: block;content: '';background-color: #00b9ef; height: 2px;width: 30px;position: absolute;left: 50%;top: 100%; margin-left: -15px;} .section-contact-us-about .intro {font-size: 14px;line-height: 1.5;max-width: 800px;margin: auto;text-align: center;padding: 0 0 55px;} .section-contact-us-about .panel-info {background-color: #FFF;display: flex;flex-direction: row;flex-wrap: nowrap;max-width: 1300px;margin: auto;} .section-contact-us-about .cell-pic {} [lang="ru-RU"] .section-contact-us-about .cell-pic {max-width: 350px; overflow: hidden; flex-shrink: 0; } .section-contact-us-about .cell-pic img {display: block; width: 620px;} .section-contact-us-about .cell-text {display: flex;flex-direction: column;justify-content: center;padding: 15px 30px;font-size: 14px;line-height: 1.6;} .section-contact-us-about .cell-text .text {} .section-contact-us-about .cell-text p {margin: 0 0 5px;} .section-contact-us-about .cell-text strong {} @media (max-width: 1260px) { [lang="ru-RU"] .section-contact-us-about .cell-pic {max-width: 100%;} .section-contact-us-about .panel-info {flex-direction: column; max-width: 620px;} .section-contact-us-about .cell-pic img {width: 100%;} .section-contact-us-about .cell-text {padding: 15px;} } /* PAGE CONTACT US END */ /* BLOG */ .blog-main {padding: 65px 45px; max-width: 1780px; margin: 0 auto; } .main-page-default {padding: 65px 15px; max-width: 1300px; margin: auto;} .mainbar {max-width: 1400px;} .sidebar {width: 310px; margin-left: 40px;} .xs-footerbar {display: none;} .blog-main-news { display: flex; flex-direction: row; justify-content: space-between; } @media (max-width: 920px) { .blog-main-news {flex-direction: column; padding: 30px 15px;} .blog-main-news .mainbar {order: 2; width: auto; margin: 0;} .blog-main-news .sidebar {order: 1; width: auto; margin: 0;} .blog-main-news .sidebar .widget-img, .blog-main-news .sidebar .widget-subscribe, .blog-main-news .sidebar .widget_knews_widget {display: none;} .xs-footerbar {display: block; padding: 10px 15px 15px;} .xs-footerbar .widget_search, .xs-footerbar .DisplayCategoriesWidget {display: none;} } .blog-main-single {display: flex; flex-direction: row; justify-content: center; } .blog-main-single .mainbar {display: flex; flex-direction: row; flex-wrap: wrap;} .blog-main-single .mainbar .column-main {width: 920px;} .blog-main-single .mainbar .column-side {width: 440px; margin-left: 40px;} .blog-main-single .sidebar {margin-left: 40px;} @media (max-width: 1860px) { .blog-main-single .mainbar {flex-direction: column;} .blog-main-single .mainbar .column-side {width: 920px; margin: 0;} } @media (max-width: 1320px) { .blog-main-single {padding-left: 15px; padding-right: 15px;} .blog-main-single .mainbar .column-main {width: auto; max-width: 980px;} .blog-main-single .mainbar .column-side {width: auto;} } @media (max-width: 860px) { .blog-main-single {flex-wrap: wrap;} .blog-main-single .sidebar {margin: 0; width: 100%;} } .blog-main-news-archive {} .blog-main-news-archive .page-title {font-size: 22px; color: #525d67; font-weight: 600; padding: 4px 0 16px; margin: 0 0 34px; position: relative} .blog-main-news-archive .page-title:after {display: block; content: ''; background-color: #00B9EF; height: 2px; width: 30px; position: absolute; left: 0; top: 100%; } @media (max-width: 920px) { .blog-main-news-archive .page-title {margin-left: 0;} } .blog-main-news {} .blog-main-news .page-title {font-size: 22px; color: #525d67; font-weight: 600; padding: 4px 0 16px; margin: 0 0 34px; position: relative} .blog-main-news .page-title:after {display: block; content: ''; background-color: #00B9EF; height: 2px; width: 30px; position: absolute; left: 0; top: 100%; } @media (max-width: 920px) { .blog-main-news .page-title {margin-left: 0;} } .blog-main-news-search {} .blog-main-news-search .page-title {font-size: 22px; color: #525d67; font-weight: 600; padding: 4px 0 16px; margin: 0 0 34px; position: relative} .blog-main-news-search .page-title:after {display: block; content: ''; background-color: #00B9EF; height: 2px; width: 30px; position: absolute; left: 0; top: 100%; } @media (max-width: 920px) { .blog-main-news-search .page-title {margin-left: 0;} } .widget {margin: 0 0 30px;} .widget-title {font-size: 22px;color: #525d67;font-weight: 600;padding: 4px 0 16px;margin: 0 0 13px;position: relative;} .widget-title:after {display: block; content: ''; background-color: #00B9EF; height: 2px; width: 30px; position: absolute; left: 0; top: 100%;} /* Search */ .widget_search {border: none;} .search-form .search {padding: 0 40px 0 40px;height: 43px;border: 1px solid #cdd3d9;background: #fff;overflow: hidden;position: relative;border-radius: 2px;} .search-form .search input[type="text"] { width: 100%; height: 100%; background: transparent; font-size: 12px; color: #525d67; border: none; float: left; font-size: 14px;} .search-form .search input[type="text"]:focus { outline: none; color: #3b3a48;} .search-form .search input[type="text"]::-webkit-input-placeholder { font-size: 14px; color: #525d67; opacity: 0.5;} .search-form .search input[type="text"]:-moz-placeholder { font-size: 14px; color: #525d67; opacity: 0.5;} .search-form .search input[type="text"]:-webkit-autofill { box-shadow: inset 0 0 0 50px #f8f8f6; -webkit-text-fill-color: #525d67; opacity: 0.5;} .search-form .search .submit_search {width: 45px;height: 100%;border: none;cursor: pointer;position: absolute;top: 0;right: auto;color: #b5b9bc;background: transparent;left: 0; padding: 0; border: 0;} .search-form .search .submit_search:hover {} .section-no-results {padding: 0 20px;} .section-no-results .title {font-size: 22px; margin: 0 0 15px;} .section-no-results .message {padding: 0 0 40px;} @media (max-width: 920px) { .section-no-results {padding: 0;} } /* Search end */ /* Categories */ .DisplayCategoriesWidget {color: #3b3a48;font-size: 14px;padding: 0;} .DisplayCategoriesWidget:after {display: block; content: ''; clear: both;} .DisplayCategoriesWidget > ul {padding: 7px 0 8px;} .DisplayCategoriesWidget > ul:after {display: block; content: ''; clear: both; } .DisplayCategoriesWidget > ul > li {margin: 0 0 4px;border-bottom: 1px solid #d6dade;} .DisplayCategoriesWidget > ul > li > a {display: block;padding: 10px 15px 10px 0;position: relative;margin: 0 0 1px;} .DisplayCategoriesWidget > ul > li:last-child {border-bottom: none;} .DisplayCategoriesWidget > ul > li.has-sublist {position: relative;} .DisplayCategoriesWidget > ul > li.has-sublist > a:after {display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: '\f107'; position: absolute; right: 0; top: 50%; transform: translate(0,-50%); pointer-events: none; transition: transform 0.2s ease;} .DisplayCategoriesWidget a {display: block; color: #525d67; text-decoration: none; opacity: 0.8; padding: 10px 15px 10px 0;} .DisplayCategoriesWidget .children {max-height: 0; opacity: 0; overflow: hidden; transition: max-height 0.4s ease, opacity 0.4s ease} .DisplayCategoriesWidget > ul > li.toggled a {} .DisplayCategoriesWidget > ul > li.toggled > a + .children {max-height: 300px; opacity: 1;} .DisplayCategoriesWidget > ul > li.toggled.has-sublist > a:after {transform: translate(0,-50%) rotate(180deg);} /* Categories end */ .widget-img {} @media (max-width: 480px) { .bar-container {width: 100% !important;} .bar-container img {max-width: 100%; width: 100%; height: auto; margin: auto;display: block;} } /* Post list */ .list-posts {margin: 0 -20px;} .list-posts {display: flex; flex-direction: row; flex-wrap: wrap;} .list-posts .post-news {margin: 0 20px 40px; flex-grow: 1;} .list-posts .ajax-load-more-wrap {width: 100%; flex-grow: 1;} .list-posts .alm-listing {display: flex; flex-direction: row; flex-wrap: wrap;} .list-posts .alm-btn-wrap {text-align: center; padding: 10px;} .list-posts .alm-btn-wrap .btn {} .list-posts .alm-btn-wrap .btn:hover {cursor: pointer;} .list-posts .alm-btn-wrap .btn.done {display: none;} @media (max-width: 920px) { /* .list-posts .post-news {margin-left: 0; margin-right: 0;}*/ } /* Slides inside the post list */ /* .post-is-slide {display: none;} */ /* uncomment .post-is-slide display above to hide first 4 posts for large screens */ .post-is-slide .title {font-size: 22px;font-weight: 600;color: #fff;padding: 0 30px 30px;line-height: 1.2;} .post-is-slide .title a {color: #fff;} .post-is-slide .text {display: none;} .post-is-slide .slider-posts-item-pic {position: absolute; top: 0; right: 0; height: 100%; width: 100%; z-index: 0; background-position: 50% 50%; background-repeat: no-repeat; background-size: cover;} .post-is-slide .slider-posts-item-pic:before {display: block; content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; opacity: .3; background-color: #002532; z-index: 0; transition: background-color .3s linear, opacity .3s linear;} .post-is-slide:hover .slider-posts-item-pic:before {background-color: #0a4052; opacity: 0.45;} .post-is-slide .slider-posts-item-wrapper-details {position: absolute; top: 0; right: 0; height: 100%; width: 100%; z-index: 1; display: flex; flex-direction: column; justify-content: space-between;} .post-is-slide .slider-posts-item-wrapper-details:before {display: block; content: ''; position: absolute; left: 0; right: 0; bottom: 0; height: 40%; background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(13,38,47,1) 100%); z-index: -1;} .post-is-slide .head {display: flex;flex-direction: row;justify-content: space-between;padding: 30px 30px 0;align-items: center;} .post-is-slide .cat a {display: inline-block;font-size: 10px;text-transform: uppercase;color: #fff;padding: 5px 13px 6px;border-radius: 11px; margin: 0 5px 5px 0;} .post-is-slide .row-btn {display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 10;} .post-is-slide .btn {display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; overflow: hidden; text-indent: -100000px; font-size: 10px; z-index: 10; background: none; border: none; border-radius: 0;} @media (max-width: 960px) { .post-is-slide {display: block;} } /* post-news */ .post-news {width: 440px; height: 300px; position: relative; background-color: #FFF; color: #fff;} .post-news .thumbnail {position: absolute; top: 0; right: 0; height: 100%; width: 100%; z-index: 0; background-position: 50% 50%; background-repeat: no-repeat; background-size: cover;} .post-news .thumbnail:before {display: block; content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; opacity: .3; background-color: #002532; z-index: 0; transition: background-color .3s linear, opacity .3s linear;} .post-news:hover .thumbnail:before {background-color: #0a4052; opacity: 0.45;} .post-news .info {position: absolute; top: 0; right: 0; height: 100%; width: 100%; z-index: 1; display: flex; flex-direction: column; justify-content: space-between;} .post-news .info:before {display: block; content: ''; position: absolute; left: 0; right: 0; bottom: 0; height: 40%; background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(13,38,47,1) 100%); z-index: -1;} .post-news .info .head {display: flex;flex-direction: row;justify-content: space-between;padding: 30px 30px 0;align-items: center;} .post-news .category a {display: inline-block;font-size: 10px;text-transform: uppercase;color: #fff;padding: 5px 13px 6px;border-radius: 11px; margin: 0 5px 5px 0;} .post-news .post-title {font-size: 22px;font-weight: 600;color: #fff;padding: 0 30px 30px;line-height: 1.2;} .post-news .post-title a {color: inherit; text-decoration: none;} .post-news .date {font-size: 12px;text-transform: uppercase;} .post-news .post-link {display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; overflow: hidden; text-indent: -100000px; font-size: 10px; z-index: 10;} @media (min-width: 1858px){ .list-posts .post-news:last-of-type { max-width: 440px; } } .widget-subscribe {} .widget_knews_widget .widget-title {display: none;} .widget-subscribe form {display: block; box-sizing: border-box; padding-right: 115px; border: 1px solid #1cc17a; position: relative; border-radius: 3px;} .widget-subscribe .knewsemail {} .widget-subscribe .knewsemail input[type="text"] {box-sizing: border-box; width: 100%; border: none; margin: 0 !important; height: 43px; padding: 10px 15px; color: #97a1aa; font: 14px/1.2 'Hind Vadodara', sans-serif;} .widget-subscribe .knewsbutton {position: absolute; right: 0; top: 0; bottom: 0; width: 115px;} .widget-subscribe .knewsbutton input[type="submit"] {margin: 0 !important; font: 12px/1.2 'Hind Vadodara', sans-serif; transition: background-color .1s linear, color .1s linear, border-color .1s linear;background-color: #1dc17a;border: 1px solid #1dc17a;color: #fff;border-radius: 0 3px 3px 0;text-align: center;-webkit-appearance: none;text-transform: uppercase;} .widget-subscribe .knewsbutton:hover {} .widget-subscribe .knewsbutton input[type="submit"]:hover { background-color: #01b668; border-color: #01b668; color: #fff; cursor: hover;} .widget-subscribe .response {font-size: 14px; line-height: 1.4;} /* Post slider stage */ .slider-posts {background-color: #3b3a48; position: relative; display: flex; flex-direction: row; flex-wrap: nowrap; margin: 0 auto; max-width: 1920px;} .slider-posts:before {display: block; content: ''; position: absolute; left: 0; top: 0; right: 0; height: 1px; background-color: #fff; z-index: 10;} .slider-posts-inner {flex-grow: 1;} .slider-posts-inner .slider-posts-item {display: block; height: 0; opacity: 0; visibility: hidden; overflow: hidden; transition: opacity 0.3s ease-out;} .slider-posts-inner .slider-posts-item.active {height: auto; opacity: 1; visibility: visible;} .slider-posts-inner .slider-posts-item-pic {display: block; height: calc(100vh - 110px); /*900*/ min-height: 520px; background-repeat: no-repeat; background-position: center center; background-size: cover; display: flex; flex-direction: column; justify-content: center;} .slider-posts-inner .slider-posts-item-pic:before {display: block; content: ''; opacity: .5; background-color: #002532; position: absolute; top: 0; right:0; bottom: 0; left: 0; z-index: 0;} .slider-posts-inner .slider-posts-item-wrapper-details {display: flex; justify-content: space-between; flex-direction: column; font-size: 14px;color: #fff;padding: 20px 55px 20px; z-index: 1; height: 100%; position: relative;} .slider-posts-inner .slider-posts-item-wrapper-details:before {display: block; content: ''; position: absolute; left: 0; right: 0; bottom: 0; height: 40%; z-index: -1; background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(13,38,47,1) 100%)} .slider-posts-inner .slider-posts-item-wrapper-details .head {padding: 0 0 29px;} .slider-posts-inner .slider-posts-item-wrapper-details .head .cat {text-transform: uppercase;font-size: 14px;margin: 0 0 25px;} .slider-posts-inner .slider-posts-item-wrapper-details .head .cat a {font-size: 14px; padding: 7px 15px; border-radius: 20px; margin-right: 15px; } .slider-posts-inner .slider-posts-item-wrapper-details .title {font-weight: 600;font-size: 60px;margin: auto 0 39px;color: #fff;max-width: 900px;position: relative;padding: 0 0 25px;} .slider-posts-inner .slider-posts-item-wrapper-details .title:after {display: block;content: '';background-color: #8edab5;width: 45px;height: 5px;position: absolute;top: 100%;left:0;} .slider-posts-inner .slider-posts-item-wrapper-details .title a {color: inherit;} .slider-posts-inner .slider-posts-item-wrapper-details .text {line-height: 1.5em;margin: 0 0 31px;font-size: 22px;opacity: 0.8;max-width: 1000px;} .slider-posts-inner .slider-posts-item-wrapper-details .row-btn {padding: 0 0 30px;} .slider-posts-inner .slider-posts-item-wrapper-details .btn {font-size: 16px;padding: 10px 42px 11px;width: auto;} /* Post slider navigation */ .slider-posts .dots {display: flex; flex-direction: column; background-color: #054053; border-left: 1px solid #fff; min-width: 440px; width: 440px; flex-grow: 0; flex-shrink: 0; color: #fff;} .slider-posts .dots .slider-posts-item {vertical-align: top; flex-grow: 1; height: 33.333%; position: relative; max-height: 50%; transition: max-height 0.2s ease; box-sizing: border-box; overflow: hidden; display: flex; flex-direction: column;} .slider-posts .dots .slider-posts-item-inner, .slider-posts .dots .slider-posts-item-wrapper-details { display: flex; flex-grow: 1; flex-direction: column; justify-content: space-between;} .slider-posts .dots .slider-posts-item-pic {background-size: cover; background-position: 50% 50%; padding: 30px 31px 21px; cursor: pointer; flex-grow: 1; position: relative; overflow: hidden; display: flex; flex-direction: column; box-sizing: border-box;} .slider-posts .dots .slider-posts-item:first-child {border-top: none;} .slider-posts .dots .slider-posts-item:after {display: block; content: ''; position: absolute; top: 0; right: 0; left:0 ; height: 1px; background-color: #fff;} .slider-posts .dots .slider-posts-item-pic:before {display: block; content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; opacity: .3; background-color: #002532; z-index: 0; transition: background-color .3s linear, opacity .3s linear;} .slider-posts .dots .slider-posts-item-pic:hover:before {background-color: #0a4052; opacity: 0.45;} .slider-posts .dots .slider-posts-item .text, .slider-posts .dots .slider-posts-item .row-btn {display: none;} .slider-posts .dots .slider-posts-item .head:before {display: block; content: ''; position: absolute; left: 0; right: 0; bottom: 0; height: 40%; background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(13,38,47,1) 100%)} .slider-posts .head {display: flex; flex-direction: row; justify-content: space-between;} .slider-posts .cat {z-index: 1;} .slider-posts .cat a {display: inline-block;font-size: 10px;text-transform: uppercase;color: #fff;padding: 5px 13px 6px;border-radius: 11px; margin: 0 4px 4px 0;} .slider-posts .dots .title {font-size: 22px;font-weight: 600;padding: 12px 0 0; z-index: 1;} .slider-posts .dots .title a {color: inherit;} .slider-posts .dots .date {margin-top: auto; font-size: 12px; text-transform: uppercase; z-index: 1;} .slider-posts .dots .slider-posts-item.active {max-height: 0; padding-top: 0; padding-bottom: 0;} .slider-posts .navs {position: absolute;top: 50%;right: 0;margin-top: -115px;} .slider-posts .nav {display: block;background-color: #75a0ed;width: 60px;height: 60px;text-align: center;color: #fff;line-height: 58px;margin: 0 0 1px; text-indent: -10000px; overflow: hidden; position: relative;} .slider-posts .nav:after {display: block;content: '';width: 8px;height: 8px;border-left: 2px solid #fff;border-top: 2px solid #fff;position: absolute;top: 50%;left: 50%;} .slider-posts .nav.prev:after {transform: rotate(45deg);margin: -2px 0 0 -2px;} .slider-posts .nav.next:after {transform: rotate(-135deg);margin: -10px 0 0 -2px;} @media (max-width: 1280px) { .slider-posts-inner .slider-posts-item-wrapper-details .title {font-size: 32px;} .slider-posts-inner .slider-posts-item-wrapper-details .text {font-size: 18px;} } @media (max-width: 960px) { .slider-posts {display: none;} } .post-news-single {background-color: #fff; padding: 0 0 51px; position: relative;} .post-news-single .thumbnail img {display: block; width: 100%; height: auto;} .post-news-single .post-header {display: flex;flex-direction: row;justify-content: space-between;align-items: center;padding: 40px 40px 20px;} .post-news-single .category {} .post-news-single .category a {display: inline-block;font-size: 10px;text-transform: uppercase;color: #fff;padding: 5px 13px 6px;border-radius: 11px;} .post-news-single .date {font-size: 12px; text-transform: uppercase;} .post-news-single .post-title {font-size: 36px;font-weight: 600;color: #525d67;margin: 13px 40px 30px; padding: 0 0 12px;line-height: 1.2;position: relative;} .post-news-single .post-title:after {display: block;content: '';background-color: #00b9ef; height: 2px;width: 30px;position: absolute;left: 0;top: 100%; margin-left: 0;} .post-news-single .post-text {padding: 0 40px;} @media (max-width: 480px) { .post-news-single .post-header {padding-left: 15px; padding-right: 15px;} .post-news-single .post-title {margin-left: 15px; margin-right: 15px;} .post-news-single .post-text {padding-left: 15px; padding-right: 15px;} } .share-buttons-widget {position: absolute; left: 0; top: 0; padding: 10px; background-color: #fff;} .share-buttons-widget.fixed {position: fixed; z-index: 2; left: 0; top: 70px; box-shadow: 0 0 5px 0px #cecece; -webkit-animation: show 0.4s linear; animation: show 0.4s linear;} @-webkit-keyframes show { 0% {transform: translateX(-50px);} 100% {transform: translateX(0);} } @keyframes show { 0% {transform: translateX(-50px);} 100% {transform: translateX(0);} } .share-buttons-list {} .share-buttons-list li {text-align: center; padding: 5px 0;} .share-buttons-list li a {display: block;} .share-buttons-list li a.fb:hover {color: #3e68c0;} .share-buttons-list li a.tw:hover {color: #000;} .share-buttons-list li a.in:hover {color: #3b5277;} .share-buttons-list li a.vk:hover {color: #5e89b3;} /* .share-buttons-list li a:hover i {color: #079ED0;} */ .share-buttons-list li a i, .share-buttons-list li a svg {display: block; font-size: 20px; transition: color 0.3s linear;} @media (max-width: 1320px) { .share-buttons-widget {position: relative; top: 0; left: auto; padding: 0;} .share-buttons-widget.fixed {padding: 10px;} .share-buttons-widget.fixed .share-buttons-list {display: block;} .share-buttons-widget.fixed .share-buttons-list li {padding: 5px 0;} .share-buttons-list {display: flex;} .share-buttons-list li {padding: 0 10px 0 0;} } @media (max-width: 1024px) { .share-buttons-widget.fixed {top: 50px;} } @media (max-width: 768px) { .share-buttons-list li a i {font-size: 20px;} } .post-tile {background-color: #0a4052; height: 300px;background-size: cover;background-position: 50% 50%;color: #fff;box-sizing: border-box;padding: 30px;display: flex;flex-direction: column; position: relative;} .post-tile:before {display: block; content: ''; position: absolute; top:0; right: 0; bottom: 0; left: 0; opacity: .3; background-color: #002532; z-index: 0; transition: background-color .3s linear, opacity .3s linear;} .post-tile .head {display: flex; flex-direction: row; justify-content: space-between; align-items: center;} .post-tile .head:before { display: block; content: ''; position: absolute; left: 0; right: 0; bottom: 0; height: 40%; background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(13,38,47,1) 100%);} .post-tile .cat {z-index: 1;} .post-tile .cat a {display: inline-block;font-size: 10px;text-transform: uppercase;color: #fff;padding: 5px 13px 6px;border-radius: 11px; margin: 0 4px 4px 0;} .post-tile .title {font-size: 22px;font-weight: 600;padding: 12px 0 0; z-index: 1; margin-top: auto;} .post-tile .title a {color: inherit;} .post-tile .date {font-size: 12px; text-transform: uppercase; z-index: 1;} .post-tile .link {display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 10; overflow: hidden; text-indent: -10000px;} .post-tile:hover:before {background-color: #0a4052; opacity: 0.45;} a[class^="category-"] {background-color: #1EBAED;} a.category-580, a.category-586 {background-color: #1ebaed;} /* News */ a.category-603, a.category-599 {background-color: #1dc17a;} /* Reviews */ a.category-578, a.category-594 {background-color: #ff5266;} /* Updates */ a.category-584, a.category-601 {background-color: #fbcb0c;} /* Case studies */ .widget-related-posts {} .widget-related-posts .widget-title {margin: -10px 0 34px;} .widget-related-posts .post-tile {margin-bottom: 30px;} @media (max-width: 1860px) { .widget-related-posts {margin: 60px 0 0;} .widget-related-posts ul {display: flex; flex-direction: row; justify-content: space-between;} .widget-related-posts ul .post-tile {width: 48%; display: none;} .widget-related-posts ul .post-tile:first-child, .widget-related-posts ul .post-tile:first-child + .post-tile {display: flex;} } @media (max-width: 440px) { .widget-related-posts ul {flex-wrap: wrap;} .widget-related-posts ul .post-tile {width: 100%; margin-bottom: 30px;} } .section-error-404 {font-size: 32px;} .section-error-404 .page-header {margin: 0 0 10px;} .section-error-404 .message {margin: 0 0 60px;} /* BLOG END */ /* USER GUIDE */ .section-help {} .section-help > .title {font-size: 60px;font-weight: 700;text-align: center;padding: 62px 15px 60px;text-transform: uppercase;} .section-help .help-main {max-width: 1300px; margin: auto; padding: 0 15px 80px; display: flex; flex-direction: row; justify-content: space-between;} .section-help .mainbar {width: 920px; padding: 5px 0 0; margin: 0 40px 0 0;} .section-help .mainbar .search-user-guide-wrapper {padding-bottom: 15px;} .section-help .mainbar .search-title {font-size: 24px; font-weight: 600; padding-bottom: 30px;} .section-help .mainbar .results-list li {padding-bottom: 25px;} .section-help .mainbar .results-list li .post-title {font-size: 18px; font-weight: 700;} .section-help .mainbar .results-list li p {font-size: 14px; line-height: 1.4; padding-top: 5px;} .section-help .sidebar {width: 310px; min-width: 230px;} @media (max-width: 760px) { .section-help .help-main {flex-direction: column;} .section-help .sidebar {order: 1; padding: 0; width: 100%; box-sizing: border-box; margin-left: 0;} .section-help .mainbar {order: 2; width: 100%;} .section-help .mainbar .panel {padding: 25px 15px;} .section-help > .title {font-size: 30px; padding: 20px 15px 10px;} .section-help .mainbar .search-title {font-size: 20px; padding-bottom: 20px;} } .widget-guides-menu {font-size: 14px;} .widget-guides-menu div > ul {padding: 6px 0 8px;} .widget-guides-menu div > ul > li {margin: 0 0 4px; border-bottom: 1px solid #d6dade;} .widget-guides-menu div > ul > li:last-child {border-bottom: none;} .widget-guides-menu div > ul > li > a {color: inherit;display: block;padding: 10px 0 10px 0;position: relative;opacity: 0.8;} .widget-guides-menu .pic {} .widget-guides-menu .pic > a {padding-left: 30px;} .widget-guides-menu .pic > a:before {display: block;text-align: center;font: normal normal normal 14px/1 FontAwesome;font-size: inherit;text-rendering: auto;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;font-size: 14px;position: absolute;top: 50%;left: 0;transform: translate(0,-50%);} .widget-guides-menu .pic-user-menu > a:before {content: '\f0c9';} .widget-guides-menu .pic-campaigns > a:before {content: '\f0a1';} .widget-guides-menu .pic-traffic-sources > a:before {content: '\F1E0';} .widget-guides-menu .pic-affiliate-netweorks > a:before {content: '\F0B1';} .widget-guides-menu .pic-offers > a:before {content: '\F02C';} .widget-guides-menu .pic-landing-pages > a:before {content: '\F022';} .widget-guides-menu .pic-domains > a:before {content: '\F0C1';} .widget-guides-menu .pic-statistics > a:before {content: '\F080';} .widget-guides-menu .pic-administration > a:before {content: '\F013';} .widget-guides-menu .pic-bot-filter > a:before {content: '\f0b0';} .widget-guides-menu .pic-flows > a:before {content: '\f0e8';} .widget-guides-menu .pic-terms > a:before {content: '\f0c6';} .widget-guides-menu .pic-guard > a:before {content: '\f05b';} .widget-guides-menu .pic-dashboard > a:before {content: '\f0e4';} .widget-guides-menu .pic-notifications > a:before {content: '\f0a2';} .widget-guides-menu .pic-task-list > a:before {content: '\f0ae';} .widget-guides-menu .menu-item-has-children > a {padding-right: 30px;} .widget-guides-menu .menu-item-has-children > a:after { display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: '\f107'; position: absolute; right: 0; top: 50%; transform: translate(0,-50%); pointer-events: none; transition: transform 0.2s ease;} .widget-guides-menu .menu-item-has-children.toggled > a:after {transform: translate(0,-50%) rotate(180deg); } .widget-guides-menu .sub-menu {max-height: 0; overflow: hidden; opacity: 0; transition: max-height 0.4s ease, opacity 0.4s ease;} .widget-guides-menu .toggled .sub-menu {max-height: 300px; opacity: 1;} .widget-guides-menu .sub-menu li {} .widget-guides-menu .sub-menu li a {display: block; color: inherit; opacity: 0.8; padding: 10px 0 10px 30px;} .widget-guides-menu .sub-menu li a:hover {} .guide {} .guide .guide-title {font-size: 36px;font-weight: 600;position: relative;padding: 0 0 10px;margin: 0 0 22px;} .guide .guide-title:after {display: block;content: '';background-color: #00b9ef; height: 2px;width: 30px;position: absolute;left: 0;top: 100%; margin-left: 0;} .guide .guide-text {} .guide {} .panel {background-color: #FFF;padding: 35px 40px;} .post-text { font-size: 14px; color: #757d85; line-height: 1.6; margin: 0 0 18px; word-break: break-word;} .post-text:after {display: block; content: ''; clear: both; } .post-text p:first-child {margin-top: 0;} .post-text p {margin: 10px 0 5px;} .post-text ul, .post-text ol { margin: 0 0 20px 25px; } .post-text ul {list-style: outside disc;} .post-text ol {list-style: outside decimal;} .post-text li {margin-bottom: 15px;} .post-text b, .post-text strong { font-weight: 700; } .post-text i, .post-text em { font-style: italic; } .post-text h1:first-child, .post-text h2:first-child, .post-text h3:first-child, .post-text h4:first-child, .post-text h5:first-child, .post-text h6:first-child {margin-top: 0;} .post-text h1 { font-size: 32px; font-weight: 500; margin: 40px 0 10px; line-height: 1.2em;} .post-text h2 { font-size: 28px; font-weight: 500; margin: 40px 0 10px; line-height: 1.2em;} .post-text h3 { font-size: 21px; font-weight: 500; margin: 40px 0 10px; line-height: 1.2em;} .post-text h4 { font-size: 16px; font-weight: 500; margin: 40px 0 10px; line-height: 1.2em;} .post-text h5, .post-text h6 { font-size: 16px; font-weight: 500; margin: 0 0 30px; line-height: 1.2em;} .post-text figure {max-width: calc(100vw - 60px);} .post-text img {max-width: 100%; height: auto;} .post-text img.aligncenter {display: block; margin-left: auto; margin-right: auto;} .post-text img.alignright {float: right; margin: 0 0 15px 15px;} .post-text img.alignleft {float: left; margin: 0 15px 15px 0;} .post-text img.size-full {} .post-text hr {border-top: 1px solid #cfcfcf; border-left: none; border-right: none; border-bottom: none;} .post-text a {text-decoration: underline;} .post-text a:hover {text-decoration: underline;} .post-text table td {border: 1px solid #ced4d9; padding: 10px; vertical-align: middle;} .post-text .video-container {position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; margin-bottom: 10px;} .post-text .video-container iframe, .post-text .video-container object, .post-text .video-container embed {position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .post-text ul.cols-2 {-moz-column-count: 2;column-count: 2;} @media (max-width: 760px) { .post-text h2 {font-size: 25px;} } @media (max-width: 576px) { .post-text ul.cols-2 { -moz-column-count: 1; column-count: 1; } } .form-default input[type="text"], .form-default input[type="tel"], .form-default input[type="email"], .form-default textarea, .form-default select {box-sizing: border-box;border: 1px solid #ced4d9;font: 300 14px/1.4 "Open Sans", sans-serif ; color: #525d67;} .form-default input[type="text"], .form-default input[type="tel"], .form-default input[type="email"], .form-default textarea {padding: 10px;height: 45px;box-sizing: border-box;padding: 0;-webkit-appearance: none;-moz-appearance: none;appearance: none;} .form-default label.error {font-size: 12px; color: #ff5f4a; display: block; padding: 1px 0 0;} .form-default input[type="text"].error, .form-default input[type="tel"].error, .form-default input[type="email"].error, .form-default textarea.error, .form-default select.error {border-color: #ff5f4a;} .form-default input[type="text"]:focus, .form-default input[type="tel"]:focus, .form-default input[type="email"]:focus, .form-default textarea:focus, .form-default select:focus {border-color: #7d9edc; position: relative;} .form-default .input-group {display: block; position: relative; } .form-default .input-group input[type="text"], .form-default .input-group input[type="tel"], .form-default .input-group input[type="email"], .form-default .input-group textarea, .form-default .input-group select {display: block; background-color: #fff; width: 100%; padding-left: 40px; box-sizing: border-box; -webkit-appearance: none; -moz-appearance: none; appearance: none;} .form-default .input-group select {height: 40px;} .form-default .input-group input[type="text"]:focus, .form-default .input-group input[type="tel"]:focus, .form-default .input-group input[type="email"]:focus, .form-default .input-group textarea:focus, .form-default .input-group select:focus {z-index: 1;} .form-default .input-group .addon {position: absolute; left: 0; top: 0; bottom: 0; width: 40px; text-align: center; line-height: 40px; color: #a2a6a9; z-index: 2; font-size: 16px; font-weight: 400;} .form-default .input-group.input-group-select:after {display: block; content: ''; width: 5px; height: 5px; border-left: 1px solid #696969; border-bottom: 1px solid #696969; transform: rotate(-45deg); position: absolute; top: 50%; margin-top: -5px; right: 12px; pointer-events: none;} @media screen and (min-width:0\0) {.form-default .input-group.input-group-select:after {display: none;}} .form-default .input-group.input-group-select select option[value="0"] {display: none; padding: 0;} .form-default .input-group.input-group-select select::-ms-expand {display: none;} .form-default .form-control::-webkit-input-placeholder {color:#525d67; opacity: 1; -webkit-transition: color 0.3s ease; transition: color 0.3s ease;} .form-default .form-control::-moz-placeholder {color:#525d67; opacity: 1; -moz-transition: color 0.3s ease; transition: color 0.3s ease;} .form-default .form-control:-moz-placeholder {color:#525d67; opacity: 1; -moz-transition: color 0.3s ease; transition: color 0.3s ease;} .form-default .form-control:-ms-input-placeholder {color:#525d67; opacity: 1; -ms-transition: color 0.3s ease; transition: color 0.3s ease;} .form-default .form-control:focus::-webkit-input-placeholder {color: #adb3b6; opacity: 1;} .form-default .form-control:focus::-moz-placeholder {color: #adb3b6; opacity: 1;} .form-default .form-control:focus:-moz-placeholder {color: #adb3b6; opacity: 1;} .form-default .form-control:focus:-ms-input-placeholder {color: #adb3b6; opacity: 1;} .comments-area {background-color: #FFF; padding: 50px 40px 25px;} .comments-form {margin: 0 0 73px; position: relative; overflow: hidden;} .comments-form .comment-reply-title {font-size: 22px;font-weight: 600;padding: 0 0 16px;margin: 0 0 49px;position: relative;} .comments-form .comment-reply-title:after {display: block;content: '';background-color: #00b9ef;width: 30px;height: 3px;position: absolute;top: 100%;left:0;} .comments-form .comment-reply-title .note-requide {font-size: 14px;position: absolute;bottom: -35px;left: 0;font-weight: 400;} .comments-form .comment-reply-title .note-requide .required {color: #00b9ef;} .comments-form .comment-form-comment {min-height: 180px;padding: 0 0 3px;} .comments-form textarea {display: block; width: 100%; box-sizing: border-box;} .comments-form .label {display: block;font-size: 14px;padding: 0 0 7px;} .comments-form .label .required {color: #00b9ef;} .comments-form textarea {height: 143px; padding: 10px;} .comments-form .cols {display: table; width: 100%; table-layout: fixed;} .comments-form .cols > p {display: table-cell;vertical-align: top;height: 88px;} .comments-form .cols > p input[type="text"] {display: block; width: 100%; padding: 10px;} .comments-form .cols .comment-form-author {padding-right: 7px;} .comments-form .cols .comment-form-email {padding-left: 7px;} .comments-form .form-submit { display: flex; flex-direction: row-reverse; justify-content: space-between; align-items: flex-end;} .comments-form .form-submit .btn {padding: 10px;font-size: 16px;color: #fff;width: auto;padding: 12px 63px; margin-bottom: 2px;} .comments-form .form-submit .g-recaptcha {} @media (max-width: 600px) { .comments-form .form-submit { flex-direction: column-reverse; align-items: flex-start;} .comments-form .form-submit .btn {margin: 18px 0 0;} } @media (max-width: 480px) { .comments-area {padding-left: 15px; padding-right: 15px;} } /*.comments-title {color: #3e3e3e;font-size: 24px;font-weight: 800;border-bottom: 1px solid #3b3a48;padding: 0 0 2px;margin: 0 0 22px;}*/ .comments-title {font-size: 22px;font-weight: 600;padding: 0 0 16px;margin: 0 0 25px;position: relative;} .comments-title:after {display: block;content: '';background-color: #00b9ef;width: 30px;height: 3px;position: absolute;top: 100%;left:0;} .comment-list {padding: 0 0 50px;} .comment {margin: 0 0 30px;} .comment .comment-header {font-weight: 700;margin: 0 0 6px;} .comment .author-name {margin-right: 7px;} .comment .comment-time {font-size: 14px;} .comment .comment-time:before {display: inline-block;content: '';width: 7px;height: 7px;background-color: #3e3e3e;border-radius: 50%;vertical-align: baseline;margin-right: 10px;position: relative;top: -3px;} .comment .comment-body {font-size: 16px; font-weight: 400;} .comment .comment-footer {} .comment .comment-footer .reply {} .comment .children {padding-left: 15px;} /* USER GUIDE END */ /* Default Pages */ .page-default {} .page-default .page-title {font: 700 58px 'Open Sans', sans-serif; padding: 0 0 50px; text-align: center; color: #414c55; text-transform: uppercase;} .page-default .page-text {} @media (max-width: 960px) { .page-default .page-title {font-size: 30px; padding: 0 0 25px;} [lang="ru-RU"] .page-id-4533 .page-default .page-title {font-size: 22px;} /* fix page Privacy Policy */ } /* Default Pages end */ /* MODAL */ .modal-open { overflow: hidden; padding-right: 0 !important;} .modal { display: none; overflow: hidden; position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1050; -webkit-overflow-scrolling: touch; outline: 0; } .modal.fade .modal-dialog { transform: translate(0, -25%); transition: transform 0.3s ease-out; } .modal.in .modal-dialog { transform: translate(0, 0); } .modal-open .modal { overflow-x: hidden; overflow-y: auto; } .modal-dialog { position: relative; width: auto; margin: 10px auto;} .modal-content { position: relative; background-color: #ffffff; box-shadow: 0 3px 15px 15px rgba(0, 0, 0, 0.1); background-clip: padding-box; outline: 0; border-radius: 3px;} .modal-backdrop { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1040;} .modal-backdrop.fade { opacity: 0; filter: alpha(opacity=0); } .modal-backdrop.in { background-color: #042f3f; opacity: 0.78;} .modal-header { padding: 15px; background-color: #3C9CCE; font-size: 21px; font-weight: 500; color: #fff; position: relative; } .modal-header .close {margin-top: -2px;display: inline-block;position: relative;width: 30px;height: 30px;position: absolute;top: 12px;right: 9px;cursor: pointer;} .modal-header .close:before, .modal-header .close:after { display: block; content: ''; height: 2px; width: 100%; position: absolute; top: 50%; margin-top: -2px; background-color: #a69eac; transition: transform .2s linear; } .modal-header .close:before { transform: rotate(45deg) } .modal-header .close:after { transform: rotate(-45deg) } .modal-header .close span { display: none; } .modal-title { margin: 0; line-height: 1.42857143; } .modal-body { position: relative; padding: 15px; } .modal-footer {padding: 15px; } .modal-footer .btn + .btn { margin-left: 5px; margin-bottom: 0; } .modal-footer .btn-group .btn + .btn { margin-left: -1px; } .modal-footer .btn-block + .btn-block { margin-left: 0; } .modal-scrollbar-measure { position: absolute; top: -9999px; width: 50px; height: 50px; overflow: scroll; } @media (min-width:768px) { .modal-dialog { width: 600px; margin: 30px auto; } .modal-content { box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5); } .modal-sm { width: 300px; } } @media (min-width:992px) { .modal-lg { width: 900px; } } .modal { padding: 0!important; } .modal:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; margin-right: -4px; } .modal-dialog { display: inline-block; vertical-align: middle; margin-top: -50px; } /* MODAL END */ /* MODAL MESSAGE SENT */ .modal-message-sent {text-align: center;} .modal-message-sent .modal-dialog {width: 480px;} .modal-message-sent .modal-head {padding: 1px 0 0;} .modal-message-sent .modal-head .icon {display: block;background: url(images/main/modal-sent-pic@x2.png) no-repeat;width: 56px;height: 56px;background-size: cover;margin: 42px auto 7px;} .modal-message-sent .modal-body {} .modal-message-sent .modal-body .message {font-size: 22px;font-weight: 600;padding: 0 0 6px;} .modal-message-sent .modal-footer {} .modal-message-sent .modal-footer .btn {min-width: 135px; margin: 0 0 25px; } @media (max-width: 540px) { .modal-message-sent .modal-dialog {width: calc(100% - 30px); margin: auto;} } /* MODAL MESSAGE SENT END */ .section-feature { color: #fff; } .section-feature .feature-picture { display: flex; flex-direction: column; align-items: center; justify-content: center; height: 615px; background-color: #8e9397; text-align: center; color: #fff; background-size: cover; background-position: 50% 0; background-repeat: no-repeat; } .section-feature .feature-title { font-size: 60px; font-weight: 700; padding: 10px 0 18px; text-transform: uppercase; } .section-feature .feature-subtitle { font-size: 35px; font-weight: 600; padding: 0 0 26px; } .section-feature .feature-text { background-color: #fff; margin-bottom: 0;} .feature-text { padding: 0; font-size: 14px; color: #525d67; line-height: 1.6; } .feature-text .row { padding: 74px 0; } .feature-text .row-marked { background-color: #e7f8ff; } .feature-text .main { max-width: 960px; margin: 0 auto; padding: 0 15px; } .feature-text .cols { display: flex; flex-direction: row; align-items: flex-start; justify-content: space-between; flex-wrap: nowrap; margin: 0 -20px; } .feature-text .cols.cols-space-bottom-1 { padding-bottom: 30px; } .feature-text .cols .col { box-sizing: border-box; padding: 0 20px; flex-basis: 50%; } .feature-text .subtitle { font-size: 22px; font-weight: 500; position: relative; padding: 0 0 17px; margin: 0 0 17px; } .feature-text .subtitle:after { display: block; content: ''; position: absolute; top: 100%; left: 0; width: 30px; border-top: 2px solid #00b9ef; } .feature-text .list-primary { padding: 0; margin: 13px 0 0; } .feature-text .list-primary li { position: relative; padding: 0 0 0 20px; } .feature-text .list-primary li:before { display: block; content: ''; background: url(images/main/pic-bullet-list-primary.png) 0 0 no-repeat; width: 15px; height: 15px; background-size: contain; position: absolute; top: 4px; left: 0; } .feature-text .list-inline { } .feature-text .list-inline li { display: inline-block; vertical-align: top; margin: 0 10px 10px 0; } .feature-text .break-all { word-break: break-all; } @media (max-width: 768px) { .section-feature .feature-picture {height: calc(100vw*0.4); /* 212/662 picture*/} .section-feature .feature-title {font-size: 30px;} .section-feature .feature-subtitle {font-size: 22px;} .feature-text .cols {flex-wrap: wrap;} .feature-text .cols .col {flex-basis: 100%;} .feature-text .row {padding: 35px 0;} } @media (max-width: 600px) { .section-feature .feature-title {font-size: 21px;} .section-feature .feature-subtitle {font-size: 18px;} .feature-text .subtitle {font-size: 18px; font-weight: 700;} } .section-features {} .section-features .main-features {max-width: 950px; margin: 0 auto;} .section-features .features-picture { display: flex; flex-direction: column; align-items: center; justify-content: center; height: 615px; background-image: url(images/features/bg-intro.jpg); background-color: #8e9397; text-align: center; color: #fff; background-size: cover; background-position: 50% 0; background-repeat: no-repeat; } .section-features .features-title { font-size: 60px; font-weight: 700; padding: 10px 0 18px; text-transform: uppercase; } .section-features .features-subtitle { font-size: 35px; font-weight: 600; padding: 0 0 26px; } .section-features .features-list {display: flex; flex-wrap: wrap; max-width: 1650px; margin: 0 auto; padding: 94px 0;} .section-features .features-list .item {position: relative; display: flex; flex-direction: column; box-sizing: border-box; flex: 1 1 310px; min-height: 385px; margin: 10px; padding: 125px 29px 35px; border: 1px solid #d6dade; border-radius: 2px; background-color: #fff;} .section-features .features-list .item:nth-child(3), .section-features .features-list .item:nth-child(11), .section-features .features-list .item:nth-child(18) {color: #fff;background: url(images/features/bg-item.png) 50% 50% no-repeat #52c9f1; background-size: cover;} .section-features .features-list .item:nth-child(3) svg *, .section-features .features-list .item:nth-child(11) svg *, .section-features .features-list .item:nth-child(18) svg * {fill: #fff;} .section-features .features-list .item:nth-child(3) a, .section-features .features-list .item:nth-child(11) a, .section-features .features-list .item:nth-child(18) a {color: #fff;} .section-features .features-list .item:nth-child(1), .section-features .features-list .item:nth-child(8), .section-features .features-list .item:nth-child(11), .section-features .features-list .item:nth-child(14) { flex: 1 1 640px;} .section-features .features-list .item .pic {position: absolute; top: 63px; left: 30px; transform: translateY(-50%);} .section-features .features-list .item .title {margin-bottom: 11px;text-transform: uppercase;font-size: 20px;font-weight: 600;} .section-features .features-list .item .description {margin-bottom:auto;font-size: 14px; line-height: 22px;} .section-features .features-list .item a {display: block;margin-top: 15px;text-transform: uppercase; font-size: 14px; color: #1dc17a;} .section-features .features-list .item a:hover { text-decoration: underline; } @media screen and (max-width: 1023px) { .section-features .features-list .item {min-height: initial;} .section-features .features-list .item .title {font-size: 17px;word-break: break-word;} } @media (max-width: 768px) { .section-features .features-picture {height: 265px;} .section-features .features-title {font-size: 30px;} .section-features .features-subtitle {font-size: 16px;} .section-features .features-list {padding: 20px 0;} } .home-article {background-color: #477d90; color: #b5d8e4; margin: 0; padding: 0 65px;} .home-article .title {font-size: 60px;text-transform: uppercase;font-weight: 700;text-align: center;padding: 68px 0 49px;color: #fff;} .home-article .wrapper-cells {display: flex; flex-direction: row; align-items: flex-start; justify-content: space-between; flex-wrap: wrap; padding-bottom: 27px; padding-top: 50px;} .home-article .cell {/* flex-grow: 1; */flex-shrink: 1;width: 31%;margin: 0 0 32px;} .home-article .cell p + .subtitle {margin-top: 37px;} .home-article .subtitle {position: relative;font-size: 22px;font-weight: 500;color: #fff;margin: 0 0 34px;line-height: 1.4;} .home-article .subtitle strong {font-weight: inherit;} .home-article .subtitle:after {display: block;content: '';background-color: #00b9ef;width: 30px;height: 2px;position: absolute;left: 0;bottom: -20px;} .home-article .list-cols {-moz-column-count: 2;column-count: 2; -moz-column-gap: 60px; column-gap: 60px;} .home-article p {margin: 5px 0 5px;} .home-article ul {margin: 0 0 10px 25px;} .home-article li {margin-bottom: 7px;} @media (max-width: 992px) { .home-article .title {font-size: 30px;} .home-article .cell {width: 100%;} .home-article .list-cols {-moz-column-count: 1;column-count: 1;} } .section-offer-to-register {padding: 45px 10px 55px; background-color: #175063; text-align: center;} .section-offer-to-register .section-title {font-size: 34px;font-weight: 600;padding: 0 0 30px;} @media (max-width: 1100px) { .section-offer-to-register .section-title {font-size: 28px;} } @media (max-width: 600px) { .section-offer-to-register .section-title {font-size: 21px;} } .section-intro_fraud-guard {background: #0a4052 url(images/fraud-guard/pic-intro.jpg) 50% 0; background-size: cover;} .section-intro_fraud-guard .main {padding: 133px 15px 140px;} .section-intro_fraud-guard .title {max-width: 960px; margin: 0 auto;} .section-intro_fraud-guard .subtitle {} @media (max-width: 740px) { .section-intro .main {padding: 35px 15px;} } .section-partners-benefits_fraud-guard {} .section-partners-benefits_fraud-guard .wrap {max-width: 980px; margin: 0 auto; padding: 0 15px;} .section-partners-benefits_fraud-guard .item-center-cols .main {display: block; min-height: auto; padding: 0;} .section-partners-benefits_fraud-guard .item-center-cols .info { display: flex; flex-direction: row; align-items: flex-start; justify-content: center; max-width: 100%; width: 100%;} .section-partners-benefits_fraud-guard .item-center-cols .section-title {text-align: center;} .section-partners-benefits_fraud-guard .item-center-cols .section-title:after {left: 50%; margin-left: -15px;} .section-partners-benefits_fraud-guard .item-center-cols .text {margin: 0 50px 15px;} .section-partners-benefits_fraud-guard .item-center-cols .text li {padding: 0 0 0 26px;} .section-partners-benefits_fraud-guard .item-center-cols .text li:before {content: ''; background: url(images/voluum-alternative/check.svg) no-repeat; width: 20px; height: 20px; left: 0; top: 2px;} .section-partners-benefits_fraud-guard .item-center-cols .row-btn {text-align: center; padding: 0;} .section-partners-benefits_fraud-guard .pic {flex-grow: 1;} .section-partners-benefits_fraud-guard .pic img {margin: 0 auto;} .section-partners-benefits_fraud-guard .pic-1 img {width: 220px; height: 182px;} .section-partners-benefits_fraud-guard .pic-2 img {width: 220px; height: 178px;} .section-partners-benefits_fraud-guard .main {min-height: 0;} @media (max-width: 768px) { .section-partners-benefits_fraud-guard .item-center-cols .info {flex-wrap: wrap; padding-bottom: 20px; justify-content: flex-start;} .section-partners-benefits_fraud-guard .item-center-cols .text {min-width: 0; margin-bottom: 0;} .section-partners-benefits_fraud-guard .item-center-cols .text ul {margin-bottom: 0;} } @media (max-width: 580px) { .section-partners-benefits_fraud-guard .item-center-cols .section-title {text-align: left;} .section-partners-benefits_fraud-guard .item-center-cols .section-title:after {left: 0;margin-left: 0;} .section-partners-benefits_fraud-guard .item-center-cols .text {margin: 0;} .section-partners-benefits .item:nth-child(even) .pic, .section-partners-benefits .item.reverse .pic {order: 1;} .section-partners-benefits_fraud-guard .pic img {margin: 0 auto 30px;} } .section-invite {background-color: #175063;text-align: center;padding: 75px 0;color: #fff;} .section-invite .message {font-size: 22px;font-weight: 500;padding: 0 0 27px;} .section-invite .row-btn .btn {min-width: 220px;} @media (max-width: 768px) { .section-invite {padding: 35px 0;} } /* PARTNERS CARDS */ .section-intro--partner-card {background: #0a4052 url('images/partner/cards/bg-intro-partners.jpg') 50% 0; background-size: cover;} .section-intro--partner-card .main {min-height: 602px; max-width: 1140px;} @media (max-width: 560px) { .section-intro--partner-card {} .section-intro--partner-card .main {min-height: 0; padding: 45px 0;} .section-intro--partner-card .title {font-size: 30px; padding: 10px 0 18px;} .section-intro--partner-card .subtitle {font-size: 16px;} } .section-partners-cards {padding: 88px 0 90px;} .section-partners-cards .main {max-width: 1010px;} .section-partners-cards .tabs {text-align: center;} .section-partners-cards .tabs-nav {margin: 0 auto 20px;display: inline-flex;align-items: center;justify-content: center;align-self: center;flex-wrap: wrap;background: transparent;border: none;} .section-partners-cards .tabs-nav .item {border: 1px solid #dee1e5;background: #f7f9fb;} .section-partners-cards .tabs-nav .item .link, .section-partners-cards .tabs-nav .item:hover .link {font-size: 14px; padding-left: 20px; padding-right: 20px;} @media (max-width: 560px) { .section-partners-cards {padding: 30px 0;} .section-partners-cards .tabs-nav {margin-bottom: 0;} } .partner-card {display: flex;background: #fff;border: 1px solid #d7dbdf;border-radius: 3px;margin-top: 30px;text-align: left;} .partner-card .card-td {padding: 15px;} .partner-card .partner-card .pic-td {flex-grow:0; flex-shrink: 1; flex-basis: 30%; display: flex;} .partner-card .pic-td {display: flex;min-width: 120px;flex-grow: 0;flex-shrink: 1;flex-basis: 30%; justify-content: center;align-items: center;} .partner-card .pic-td img {display: block; width: 100%;max-width: 150px;} .partner-card .info-td {flex-grow: 1;flex-shrink: 1;flex-basis: 100%;padding-top: 30px;padding-bottom: 30px;} .partner-card .partner-name {font-size: 20px;font-weight: 600;text-transform: uppercase;} .partner-card .partner-short {margin-top: 15px;} .partner-short span {display: inline-block;font-size: 14px;line-height: 22px;} .partner-card .partner-label {font-size: 10px;text-transform: uppercase;color: #fff;padding: 0 12px 0;border-radius: 10px;} .partner-card .partner-label-type1 {background-color: #1ebaed;} .partner-card .partner-label + span {margin-left: 9px;} .partner-card .partner-description {margin-top: 13px; font-size: 16px; line-height: 1.3;} .partner-card .partner-btns {margin: 24px -5px 0;display: flex;flex-wrap: wrap;} .partner-card .btn {min-width: 195px;font-weight: 600;margin: 0 5px 10px;} .partner-card .btn-primary {} .partner-card .btn-primary-outline {background: transparent;font-weight: 600;border: 2px solid #1dc17a;color: #1dc17a;border-radius: 3px; transition: color 0.3s easse, background 0.3s ease;} .partner-card .btn-primary-outline:active {background: #1dc17a; color:#fff;} @media (max-width: 450px) { .section-partners-cards .tabs-nav .item {width: 100%;} .partner-card {flex-wrap: wrap;} .partner-card .card-td {flex-grow: 1; flex-shrink: 1; flex-basis: 100%} .partner-card .btn {width: 100%;} } /* TOKENS PAGE */ .section-intro--tokens {background: #0a4052 url('images/tokens/bg-intro-tokens.jpg') 50% 0; background-size: cover;} .section-intro--tokens .main {min-height: 600px; max-width: 1140px;} @media (max-width: 560px) { .section-intro--tokens {} .section-intro--tokens .main {min-height: 0; padding: 45px 0;} .section-intro--tokens .title {font-size: 30px; padding: 10px 0 18px;} .section-intro--tokens .subtitle {font-size: 16px;} } .section-tokens-features {background: #0c5972; padding: 20px 0;} .section-tokens-features .main {max-width: 100%;} .section-tokens-features .tokens-features {display: flex;} .section-tokens-features .tokens-feature-item {flex-grow: 0;flex-shrink: 0;flex-basis: calc(100% / 3);text-align: center;color: #fff; padding: 0 10px;box-sizing: border-box;} .section-tokens-features .tokens-feature-item a {display: flex; justify-content: center;align-items: center; color: #fff;} .section-tokens-features .tokens-feature-item a:hover {color: #1ebaed;} .section-tokens-features .tokens-feature-item a svg .st0 {stroke: #fff; fill:none; stroke-width:2; stroke-linecap: round; stroke-linejoin: round; stroke-miterlimit:10;} .section-tokens-features .tokens-feature-item a svg .st1 {fill: #fff;} .section-tokens-features .tokens-feature-item a:hover svg .st0 {stroke: #1ebaed;} .section-tokens-features .tokens-feature-item a:hover svg .st1 {fill: #1ebaed;} .section-tokens-features .tokens-feature-item:first-child {border-right: 1px solid #3d7a8e;} .section-tokens-features .tokens-feature-item:last-child {border-left: 1px solid #3d7a8e;} .section-tokens-features .icon {margin-right: 20px; width: 100%; max-width: 54px; height: 46px;} .section-tokens-features span {} @media (max-width: 768px) { .section-tokens-features .tokens-feature-item {flex-wrap: wrap;} } @media (max-width: 560px) { .section-tokens-features .tokens-features {flex-wrap: wrap;} .section-tokens-features .tokens-feature-item {flex-basis: 100%; width: 100%; border: none;} .section-tokens-features .tokens-feature-item:nth-child(n) {border: none;} .section-tokens-features .tokens-feature-item + .tokens-feature-item {margin-top: 20px;} .section-tokens-features .icon {margin: 5px; max-width: 30px;} .section-tokens-features span {width: 100%;} } .section-token-cards {} .section-token-cards.tokens-search-result {padding-bottom: 80px;} .section-token-cards .main {max-width: 1560px; width: 100%; box-sizing: border-box;} .section-token-cards.tokens-search-result .title {font-size: 60px; font-weight: 700; text-align: center; padding: 62px 15px 60px; text-transform: uppercase;} .section-token-cards.tokens-search-result .search-title {font-size: 24px; font-weight: 600; padding-bottom: 30px;} /* .section-token-cards.tokens-search-result .btn {margin-top: 30px;} */ .section-token-cards .row-search {padding: 90px 0 33px;} .section-token-cards .search-form .search {padding: 0;height: 43px;border: none;background: transparent;overflow: hidden;position: relative;border-radius: 0;display: flex;margin: 0 -10px;} .section-token-cards .search-form .search input[type="text"] {width: 100%;height: 100%;background: #fff;color: #525d67;border: 1px solid #cdd3d9;float: none;font-size: 14px;box-sizing: border-box;border-radius: 0;margin: 0 10px;padding: 3px 15px;} .section-token-cards .search-form .search input[type="text"]:focus { outline: none; color: #3b3a48;} .section-token-cards .search-form .search input[type="text"]::-webkit-input-placeholder { font-size: 14px; color: #525d67; opacity: 0.5;} .section-token-cards .search-form .search input[type="text"]:-moz-placeholder { font-size: 14px; color: #525d67; opacity: 0.5;} .section-token-cards .search-form .search input[type="text"]:-webkit-autofill { box-shadow: inset 0 0 0 50px #f8f8f6; -webkit-text-fill-color: #525d67; opacity: 0.5;} .section-token-cards .search-form .search .submit_search {width: 200px;height: 100%;border: none;cursor: pointer;position: relative;top: auto;right: auto;color: #ffffff;background: #1dc17a;left: 0;padding: 0;border: 0;border-radius: 0;margin: 0 10px;font-size: 16px;font-weight: 600;flex-grow: 0;flex-shrink: 0;} .section-token-cards .search-form .search .submit_search:hover {} .section-token-cards .search-block {background: #f3f5f7;border-radius: 3px;padding: 25px 30px;width: 100%;max-width: 1010px;margin: 0 auto;box-sizing: border-box;} .section-token-cards .row-tokens {display: flex;flex-wrap: wrap;justify-content: center;margin: 0 -15px 0;padding-bottom: 85px;} .section-token-cards.tokens-search-result .row-tokens {justify-content: flex-start; padding-bottom: 30px;} .section-token-cards .token-card {background: #fff;border: 1px solid #d7dbdf;border-radius: 3px;text-align: left;margin: 15px;flex-grow: 0;flex-shrink: 0;flex-basis: 360px;padding: 40px 40px 35px;box-sizing: border-box;} .section-token-cards .token-pic {margin-bottom: 42px;} .section-token-cards .token-pic img {display: block;} .section-token-cards .token-name {font-size: 20px;font-weight: 600;text-transform: uppercase;} .section-token-cards .token-description {margin-top: 10px;font-size: 14px;line-height: 1.5;} .section-token-cards .link {display: block;margin-top: 19px;font-size: 14px;text-transform: uppercase;color: #1dc17a;} @media (max-width: 560px) { .section-token-cards .search-form .search {flex-wrap: wrap; height: auto; margin: 0;} .section-token-cards .search-form .search input[type="text"] {height: 40px; margin: 0 0 10px;} .section-token-cards .search-form .search .submit_search {height: 40px; flex-basis: 100%; box-sizing: border-box; margin: 0;} .section-token-cards .row-search {padding: 30px 0 10px;} .section-token-cards .row-tokens {margin: 0;} .section-token-cards .token-card {width: 100%; flex-basis: 100%;} } /* SINGLE TOKEN PAGE */ .section-token-single {padding: 67px 0 100px;} .section-token-single .main {max-width: 1040px;box-sizing: border-box;} .token-single .token-title {font-size: 36px;line-height: 1.7;font-weight: 600;position: relative;text-align: center;} .token-single .token-title:after {display: block; content: ''; background-color: #00b9ef; height: 2px; width: 30px; position: absolute; left: 50%; top: 100%; margin-left: -15px;} .table-wrap {margin-top: 52px;} .token-table {display: table;border: 1px solid #d6dade;border-radius: 3px;background: #ffffff;width: 100%;font-size: 14px;line-height: 20px;box-sizing: border-box;} .token-table-row {display: table-row;} .token-table-cell {display: table-cell;padding: 24px 15px;box-sizing: border-box;border-bottom: 1px dashed #d6dade;} .token-table-row:last-child .token-table-cell {border: none;} .token-table-head {color: #fff;border-radius: 3px;display: table-header-group; font-size: 17px; font-weight: 700;} .token-table-head .cell {border: none;background: #b6bfc5;padding: 20px 15px;} .token-table-head .cell:first-child {border-top-left-radius: 3px;border-bottom-left-radius: 3px;} .token-table-head .cell:last-child {border-top-right-radius: 3px;border-bottom-right-radius: 3px;} .cell-number {min-width: 80px;text-align: center; font-weight: 700} .cell-name {min-width: 192px;} .cell-desc {width: 100%;} @media (max-width: 560px) { .section-token-single {padding: 37px 0 40px;} .token-single .token-title {font-size: 24px; line-height: 1.2;} .token-single .token-title:after {margin-top: 6px} .table-wrap {overflow-x: auto;margin-top: 25px;} .token-table {min-width: 400px;} .token-table-row .cell {min-width: 0; padding: 20px 10px;} .token-table-row .cell-desc {min-width: 120px;} } .token-summary {background: #e7f8ff;border-radius: 3px;margin-top: 10px;padding: 30px 40px 35px;} .summary-title {font-size: 24px;line-height: 1.2;font-weight: 600;} .summary-info {font-size: 14px;line-height: 1.3;font-weight: 600;margin-top: 20px;} @media (max-width: 560px) { .token-summary {padding: 15px 15px 20px;} .summary-title {font-size: 18px;} .summary-info {margin-top: 10px} } /* PAGE FAQ */ .section-page-faq { background-color: #175063; color: #fff; padding-top: 73px; padding-bottom: 80px; width: 100%; min-height: 55vh; position: relative; z-index: 0; } .section-page-faq::before { background: url(images/faq/bg.jpg) 50% 0 no-repeat; background-size: 100% auto; content: ''; display: block; position: fixed; top: 0; left: 0; right: 0; height: 100vh; z-index: -1; } .section-page-faq .main {max-width: 1330px; padding: 0 25px; margin: 0 auto;} .section-page-faq .title {font-size: 50px; font-weight: 700; text-align: center; text-transform: uppercase;} .faq-container { margin-top: 73px; gap: 0; } .faq-container * { box-sizing: border-box; } .faq-group { gap: 0; position: relative; width: 100%; } .faq-group-question { background: rgba(6, 53, 69, 0.62); border: 1px solid #0C5972; border-top-width: 0; cursor: pointer; padding: 14px 70px 14px 30px; font-size: 28px; font-weight: 400; line-height: 1.42; text-transform: uppercase; position: relative; width: 100%; z-index: 0; } .faq-group:first-child .faq-group-question { border-top-width: 1px; } .faq-group-question::after { border-color: #fff; border-width: 0 3px 3px 0; border-style: solid; content: ''; display: block; top: 25px; right: 31px; position: absolute; transform: rotateZ(45deg); height: 8px; width: 8px; transition: border-color 0.25s; } .faq-group.collapsed .faq-group-question::after { border-color: #1DC17A; } .copy-faq-link { -webkit-appearance: none; -moz-appearance: none; appearance: none; background: url(images/main/icon-clipboard.svg) no-repeat center; background-size: contain; border: none; cursor: pointer; display: block; top: 24px; right: 77px; position: absolute; height: 19px; width: 18px; } .copy-faq-link span { color: #afc3ca; font-size: 11px; position: absolute; left: 50%; bottom: 125%; transform: translateX(-50%); } .faq-group-answer { font-size: 19px; flex-wrap: nowrap; gap: 0; opacity: 0; overflow: hidden; transition: opacity 0.25s ease-out; width: 100%; } .faq-group.collapsed .faq-group-answer { opacity: 1; } .faq-group:not(.collapsed) .faq-group-answer { height: 0; } .faq-subgroup { gap: 0; position: relative; width: 100%; z-index: 0; } .faq-subgroup-question { background-color: rgba(23, 80, 99, 0.9); border: 1px solid #0C5972; border-top-width: 0; cursor: pointer; padding: 13px 70px 14px 20px; position: relative; width: 100%; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .faq-subgroup-question::after { border-color: #fff; border-width: 0 2px 2px 0; border-style: solid; content: ''; display: block; top: 18px; right: 37px; position: absolute; transform: rotateZ(45deg); height: 6px; width: 6px; transition: border-color 0.25s; } .faq-subgroup.collapsed .faq-subgroup-question::after { border-color: #1EBAED; } .faq-subgroup-question .copy-faq-link { top: 18px; right: 69px; height: 13px; width: 12px; } .faq-subgroup-answer { -webkit-animation: slide-in-top-15 0.25s ease-out both; animation: slide-in-top-15 0.25s ease-out both; border-bottom: 1px solid #0C5972; font-size: 17px; line-height: 25px; flex-wrap: nowrap; gap: 0; overflow: hidden; padding: 0 60px 0 50px; position: relative; width: 100%; } .faq-subgroup.collapsed .faq-subgroup-answer { padding-top: 18px; padding-bottom: 11px; } .faq-subgroup:not(.collapsed) .faq-subgroup-answer { display: none; } .faq-group .wp-block-image { margin-bottom: 20px; } .faq-group em { font-style: italic; } .faq-group strong { font-weight: 700; } .faq-group a { word-break: break-word; } .faq-group h4 { font-size: 21px; font-weight: 700; margin-bottom: 15px; } .faq-group h5 { font-size: 19px; font-weight: 700; margin-bottom: 15px; } .faq-group p { margin-bottom: 15px; } .faq-group ol { list-style: decimal; padding-left: 1.75em; } .faq-group ul { list-style: disc; padding-left: 1.75em; } .faq-group li { margin-bottom: 15px; } .wp-block-code { max-width: 100%; } .wp-block-code code { background-color: #1f272a; font-family: 'Courier New', Courier, monospace; overflow-x: auto; padding: 2px 5px; } @media screen and (max-width: 991px) { .section-page-faq { padding-top: 46px; padding-bottom: 24px; } .section-page-faq .main { padding: 0 15px; } .section-page-faq .title { font-size: 32px; } .faq-container { margin-top: 25px; } .faq-group::before, .faq-group::after { font-size: 40px; left: 15px; height: 44px; width: 44px; } .faq-group::before { transform: translate(-2px, 2px); } .faq-group-question { font-size: 21px; padding: 18px 75px 18px 20px; } .faq-group-question::after { top: 25px; right: 18px; } .copy-faq-link { right: 50px; } .faq-subgroup-question { font-size: 16px; line-height: normal; padding: 13px 70px 13px 26px; } .faq-subgroup-question::after { top: 20px; right: 20px; } .faq-subgroup-question .copy-faq-link { top: 20px; right: 50px; } .faq-subgroup-answer { padding: 0 25px; } .faq-subgroup.collapsed .faq-subgroup-answer { padding-top: 15px; } } @media screen and (max-width: 575px) { .section-page-faq::before { background-image: url(images/faq/bg-mob.jpg); } } @-webkit-keyframes slide-in-top-15 { 0% { transform: translateY(-15px); opacity: 0; } 100% { transform: translateY(0); opacity: 1; } } @keyframes slide-in-top-15 { 0% { transform: translateY(-15px); opacity: 0; } 100% { transform: translateY(0); opacity: 1; } }