html { position: relative; user-select: none; -ms-user-select: none } body { font-family: 'Open Sans', sans-serif; font-style: normal; font-weight: 400; font-size: 14px; line-height: 16px; background-color: #f6f6f6; transition: color .3s ease, background-color .3s ease, border-color .3s ease; cursor: default; padding-bottom: 108px; min-height: 100vh } body.single-card { box-sizing: border-box; display: flex; align-items: center; justify-content: center; margin-left: 15px; margin-right: 15px } @media (max-width:576px) { body.single-card { align-items: flex-start; justify-content: start } } @media (max-width:576px) { body main { width: 100% } } header #show-more-links { display: block; height: 0; width: 0; margin: 0; padding: 0; border: 0; position: fixed; left: -100px; top: 50%; z-index: -100; font-size: 40px } header #show-more-links:active~nav.navbar, header #show-more-links:focus~nav.navbar { height: 100px; transition-delay: .25s } header nav.navbar { padding: 0 5.5%; height: 50px; box-sizing: border-box; background: #fff; border: 1px solid #fff; box-shadow: 0 0 12px rgba(0, 0, 0, .1); font-family: Roboto; color: #8e8e8e; text-transform: uppercase; transition: height .3s ease 50ms } @media (max-width:575.98px) { header nav.navbar { padding: 0 15px } } header nav.navbar .inner-shadow { position: absolute; width: 100%; left: 0; top: 50px; height: 8px; background-color: transparent; background-image: linear-gradient(180deg, rgba(0, 0, 0, .05) 0, rgba(0, 0, 0, 0) 100%); background-size: 100%; background-repeat: no-repeat; background-position: top } header nav.navbar .w-spacer { flex-grow: 999 } header nav.navbar .h-spacer { width: 0; height: 50px } header nav.navbar .show-more { width: 50px; height: 50px; flex-shrink: 0; margin: 0; padding: 0; border: 0; display: flex; justify-content: center; align-items: center } header nav.navbar .show-more:before { content: ""; width: 25px; height: 21px; cursor: pointer; margin: 0; padding: 0; border: 0; background: center no-repeat url(/img/menu.png) } header nav.navbar .nav-items { flex-grow: 1; margin: 0 -50px; background: #fff; display: flex; padding: 0 50px; justify-content: space-between } header nav.navbar a { color: #8e8e8e; display: inline; position: relative; margin: 8px 0 } header nav.navbar a:after { left: 0; bottom: 0; right: 0; height: 2px; position: absolute; background: #48b2ee; border-radius: 2px; border: 0 none } header nav.navbar a.authenticated { display: none } header nav.navbar a.nav-logo-link { margin: 0; text-decoration: none } body.dashboard header nav.navbar a.dashboard:after, body.home header nav.navbar a.home:after, body.login header nav.navbar a.login:after, body.premium header nav.navbar a.premium:after, body.signup header nav.navbar a.signup:after { content: "" } header nav.navbar.authenticated a.authenticated { display: inline } header nav.navbar.authenticated a.unauthenticated { display: none } footer, header { flex-shrink: 0 } footer { position: absolute; bottom: 0; left: 0; width: 100%; background: #000; border: 1px solid #fff; color: #c6c6c6; line-height: 17px; z-index: 999 } footer .footer-nav { padding: 27px 12.5% 1px } footer .footer-nav>div { margin-bottom: 26px } footer .footer-nav .nav-link { padding: 0 15px } @media (max-width:575.98px) { footer .footer-nav { padding: 19px 33px 1px }  footer .footer-nav .nav-link { padding: 0 5px } } footer .copyright { flex-shrink: 0 } footer .spacer { flex-grow: 999; min-width: 30px } footer .nav-items { margin-left: -15px; margin-right: -15px; flex-grow: 1; display: flex; justify-content: space-between } @media (max-width:575.98px) { footer .nav-items { margin-left: -5px; margin-right: -5px } } footer a, footer a:active, footer a:hover, footer a:visited { color: inherit; text-decoration: none } .product-logo { font-family: Montserrat; font-weight: 500; color: #3c3c3c } .product-logo.nav-logo { font-size: 17px; line-height: 21px } .product-logo.big { font-size: 27px; line-height: 33px } .product-logo>span { color: #ee7200 } body main .card { background: #fff; box-shadow: 0 0 12px rgba(0, 0, 0, .15); border-radius: 18px; min-width: 250px; height: 100%; padding: 16px 0 32px; overflow: hidden } @media (max-width:575.98px) { body.single-card { padding: 0 } } body.single-card main { position: relative; margin-top: 140px } body.single-card main .content-border { box-shadow: 0 0 12px rgba(0, 0, 0, .1); border-radius: 18px; position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: -1 } body.single-card main .rounded-border { height: 80px; width: 160px; box-shadow: 0 0 12px rgba(0, 0, 0, .1); background-color: #fff; left: 0; right: 0; top: -78px; position: absolute; border-radius: 160px 160px 0 0; z-index: -1 } body.single-card main .content { position: relative; padding: 5px 100px 60px; background-color: #fff; border-radius: 18px; z-index: 1 } body.single-card main .full-logo { margin: -65px auto 5px; display: block } body.single-card main .succedded { margin-top: 40px } body.single-card main a { color: #0056ed; line-height: 16px } @media (max-width:575.98px) { body.single-card main { margin-top: 87px; margin-bottom: 125px }  body.single-card main .full-logo, body.single-card main .product-logo.big, body.single-card main .rounded-border { display: none }  body.single-card main .content { padding: 10px 40px 40px } } body.single-card .form-check.other-form-controls { padding-left: 2rem; margin-top: 20px } body.single-card .custom-checkbox-control { margin-bottom: 10px } body.single-card .custom-checkbox-control .form-check-input { position: absolute; left: 0; z-index: -1; opacity: 0; margin: 0; width: 0 } body.single-card .custom-checkbox-control .form-check-label { position: relative; color: #000 !important; padding-left: 24px; cursor: pointer } body.single-card .custom-checkbox-control .form-check-label:after, body.single-card .custom-checkbox-control .form-check-label:before { position: absolute; display: block; left: 0; top: 0; width: 16px; height: 16px; pointer-events: none; background: no-repeat 50% } body.single-card .custom-checkbox-control .form-check-label:before { content: " "; background-color: #fff; border: 1px solid #c3c3c3; box-shadow: 0 0 5px rgba(0, 0, 0, .05); border-radius: 4px } body.single-card .custom-checkbox-control .form-check-input:checked~.form-check-label:before { background-color: #4bbaff; border-color: #4bbaff } body.single-card .custom-checkbox-control .form-check-input:checked~.form-check-label:after { content: " "; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAAOCAYAAAD0f5bSAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAABZSURBVHgB5c1LDQAhDARQJCBhJayzlbASwBESkIAEJJTyOUxIKPTMJHOBeakxF4eIPq7TgJ96MtdqwYsflvtoQX1MCJcABmEMGtwCuBZhKAMBymCC/hhoUgApdagGMF7B2AAAAABJRU5ErkJggg==) } body .custom-alert-overlay { background-color: rgba(0, 0, 0, 0.25); position: fixed; display: none; left: 0; top: 0; right: 0; bottom: 0; } body .custom-alert-container { position: relative; width: 100%; z-index: 99; display: none } body .custom-alert-overlay .custom-alert-container { top: 50%; margin-top: -100px; } body .custom-alert-overlay .alert-title { margin: 10px auto 55px;; } body .custom-alert-container .custom-alert { background: #fff; box-shadow: 0 0 12px rgba(0, 0, 0, .15); border-radius: 18px; position: absolute; padding: 35px 85px; left: 50%; transform: translateX(-50%); font-size: 14px; line-height: 19px } @media (max-width:575.98px) { body .custom-alert-container .custom-alert { padding: 35px 25px; max-width: 95vw } } body .custom-alert-container .custom-alert .alert-title { font-family: Roboto; font-weight: 500; line-height: 16px; margin-bottom: 45px; text-align: center; } body .custom-alert-container .custom-alert .alert-title.d-block { color: #fb3030 } body .custom-alert-container .custom-alert .alert-title.d-success { color: #7ebf28 } body .custom-alert-container .custom-alert .alert-title.d-normal { margin: 35px 0 23px; font-weight: normal; color: black } body .custom-alert-container .custom-alert .alert-message { min-width: 310px; margin-bottom: 25px } body .custom-alert-container .custom-alert .alert-close-btn { background-color: transparent; text-decoration: none; border: 0 none; font-weight: 300; color: #35acef; outline: 0 } body .custom-alert-container .custom-alert .alert-close-btn.mark { position: absolute; height: 14px; width: 14px; right: 19px; top: 22px; background-image: url(/img/close.png); font-size: 0 } .alert-messages { display: flex; padding: 0; margin: 0; flex-direction: row; justify-content: center; } .alert-messages .alert-button { margin: 0 10px; font-weight: 400; font-size: 16px; } .alert-messages .alert-button.transparent { color: #48b2ee; background: transparent; } body.text { padding-top: 50px } body.text .container-sm.container-text { max-width: 600px !important; font-family: Roboto } body.text h1 { font-size: 18px; font-weight: 500; line-height: 21px; margin: 44px 0 } body.text p { font-size: 12px; font-weight: 400; line-height: 14px } body.dashboard { padding-top: 50px } body.dashboard main { margin-top: 20px } body.dashboard .card-title { font-family: 'Open Sans'; font-weight: 300; font-size: 22px; padding: 0 38px } body.dashboard .wide-column { width: 100%; flex-grow: 1; padding: 10px } body.dashboard .narrow-column { flex-grow: 1; flex-basis: 40%; min-width: 325px; padding: 10px } body.dashboard .purchase-table { font-family: Roboto; color: #8e8e8e } body.dashboard .purchase-table td, body.dashboard .purchase-table th { padding: 15px 38px 13px } @media (max-width:575.98px) {  body.dashboard .purchase-table td, body.dashboard .purchase-table th { padding: 15px 5px 13px 15px }  body.dashboard .purchase-table td.right, body.dashboard .purchase-table th.right { text-align: right; padding-left: 5px; padding-right: 15px } } body.dashboard .purchase-table th { font-weight: 500; font-size: 18px; line-height: 21px; border-bottom: 1px solid #f1f1f1; white-space: nowrap } body.dashboard .purchase-table td { font-size: 16px; line-height: 19px; border-bottom: 1px dashed #f1f1f1 } body.dashboard .no-purchases { font-family: Roboto; font-weight: 300; font-size: 20px; line-height: 23px; padding: 31px 83px 31px 38px; color: #8e8e8e } body.dashboard hr { margin: 0; width: 100%; border-top: 1px solid #d6d6d6 } body.dashboard .bottom-card, body.dashboard .top-card { font-family: Roboto; font-style: normal; font-weight: 500; font-size: 18px; line-height: 21px; color: #8e8e8e } body.dashboard .top-card { padding: 18px 30px 27px } body.dashboard .top-card .first-column { flex-grow: 1000; padding: 6px 0 } body.dashboard .top-card .second-column { flex-grow: 1; padding: 6px 0 } body.dashboard .bottom-card { padding: 20px 30px 0 } body.dashboard .bottom-card .first-column, body.dashboard .bottom-card .second-column { flex-basis: 50%; flex-grow: 1; min-width: 325px } body.dashboard .bottom-card .text { margin-bottom: 50px } body.dashboard input[type=checkbox].custom-toogle { visibility: hidden; width: 0 } body.dashboard input[type=checkbox].custom-toogle+label { font-weight: 400; padding-left: 50px; position: relative; cursor: pointer } body.dashboard input[type=checkbox].custom-toogle+label:after, body.dashboard input[type=checkbox].custom-toogle+label:before { content: ""; display: block; border-radius: 10px; position: absolute } body.dashboard input[type=checkbox].custom-toogle+label:before { left: 0; top: 0; height: 20px; width: 35px; background: #dfdfdf; transition: background .3s ease } body.dashboard input[type=checkbox].custom-toogle+label:after { top: 3px; left: 3px; width: 14px; height: 14px; background: #fff; box-shadow: 0 1px 3px rgba(0, 0, 0, .2); transition: left .3s ease } body.dashboard input[type=checkbox].custom-toogle:checked+label:before { background: #7ebf28 } body.dashboard input[type=checkbox].custom-toogle:checked+label:after { left: 18px } body.dashboard .canceled-promotion, body.dashboard .my-email, body.dashboard .my-plan { color: #6f6f6f; font-weight: 700 } body.dashboard .canceled-promotion a { color: #48b2ee; font-weight: 500 } body.dashboard .my-email { margin-bottom: 24px; font-size: 18px; line-height: 21px } body.dashboard .auth-form { width: 100% } body.dashboard .auth-form .form-control-wrapper { max-width: 325px } body.dashboard .auth-form-result { padding: 45px 15px 0; font-family: Roboto; font-weight: 700; font-size: 18px; line-height: 21px; color: #6f6f6f; display: none } body.dashboard .auth-form-result .message { margin-bottom: 35px } body.dashboard .auth-form-result.show { display: block } body.dashboard .auth-form-result.show~form { display: none } body.premium main { font-family: Roboto; color: #3c3c3c } body.premium .promo { position: relative; overflow: hidden; margin-bottom: -100px; padding-top: 100px; padding-bottom: 100px } body.premium .promo:before { content: ""; position: absolute; left: -100%; right: -100%; top: -200px; bottom: 50px; background-color: #fff; z-index: -1; transform: rotate(2deg); box-shadow: 0 0 12px rgba(0, 0, 0, .08) } body.premium .header { margin-bottom: 24px } body.premium .header .image { flex: 0 0 1px; padding: 0 20px } body.premium .header .image img { max-width: 50vw } body.premium .header .text-content { min-width: 55%; flex: 1 0 50%; font-weight: 400; font-size: 20px; line-height: 23px; color: #8f8f8f; text-align: justify; padding: 0 20px; display: flex; flex-direction: column; justify-content: center; position: relative } body.premium .header .title { font-weight: 500; font-size: 32px; line-height: 37px; color: #3c3c3c } @media (max-width:575.98px) { body.premium .header .title { font-size: 28px; line-height: 33px } } body.premium .header i { display: block; height: 30px; margin: 0; padding: 0 } body.premium .header .notice { position: absolute; bottom: 0; left: 0; right: 0; padding: 0 20px; font-size: 22px; line-height: 26px; color: #3c3c3c; margin: 0 } body.premium .header .notice strong { font-weight: 700 } body.premium .plans { margin-bottom: 20px } body.checkout .panels, body.checkout .selector, body.premium .panels, body.premium .selector { padding: 0 6px } body.checkout .panels .card, body.checkout .selector .card, body.premium .panels .card, body.premium .selector .card { flex: 1 0 100px; margin: 0 14px 14px; box-shadow: 0 0 25px rgba(0, 0, 0, .06); padding: 19px 28px; height: auto } body.checkout .panels h3, body.premium .panels h3 { font-weight: 700; font-size: 22px; line-height: 26px; color: #3c3c3c; padding: 0; margin: 0 0 35px } body.checkout .panels .payment-methods, body.premium .panels .payment-methods { display: flex; list-style: none; margin: 0 0 18px; padding: 0; text-align: center } body.checkout .panels li, body.premium .panels li { max-height: 100%; height: 45px; background-size: contain; background-repeat: no-repeat; background-position: center; flex: 1 0 45px; margin: 0 5px } body.checkout .panels li.space, body.premium .panels li.space { flex-basis: 0; margin: 0 } body.checkout .panels li.visa, body.premium .panels li.visa { background-image: url(/img/visa-x2.png) } body.checkout .panels li.mc, body.premium .panels li.mc { background-image: url(/img/mc-x2.png) } body.checkout .panels li.amex, body.premium .panels li.amex { background-image: url(/img/amex-x2.png) } body.checkout .panels li.paypal, body.premium .panels li.paypal { background-image: url(/img/paypal-x2.png) } body.checkout .panels .buy-button, body.premium .panels .buy-button { padding: 12px 80px; margin: 0 auto } body.checkout .panels, body.premium .panels { margin-bottom: 41px } body.checkout .selector .card, body.premium .selector .card { max-width: 50%; font-family: Roboto; color: #3c3c3c } @media (max-width:767.98px) {  body.checkout .selector .card, body.premium .selector .card { max-width: 300px } } @media (max-width:575.98px) {  body.checkout .selector .card, body.premium .selector .card { min-width: 275px } } body.checkout .selector .card .line, body.premium .selector .card .line { align-items: flex-end; display: flex } body.checkout .selector .card .title, body.premium .selector .card .title { font-weight: 500; font-size: 22px; line-height: 26px; flex-grow: 1; margin-bottom: 0; white-space: nowrap; text-overflow: ellipsis } body.checkout .selector .card .content, body.premium .selector .card .content { margin: 25px 0 0; display: flex; align-items: center; z-index: 1 } body.checkout .selector .card .price, body.premium .selector .card .price { font-weight: 700; font-size: 28px; line-height: 33px; flex-grow: 1 } body.checkout .selector .card .price+.custom-btn, body.premium .selector .card .price+.custom-btn { flex-shrink: 0 } body.checkout .selector .card .marker, body.premium .selector .card .marker { display: block; background: #95d2ff; border: 0 none; box-sizing: border-box; box-shadow: 0 0 25px rgba(0, 0, 0, .06); border-radius: 0 0 0 17px; padding: 10px 14px 8px; margin: -30px -28px 0 0; font-weight: 900; font-size: 12px; line-height: 14px; text-align: center; color: #fff } body.checkout .selector .card:before, body.premium .selector .card:before { display: block; position: absolute; border: 4px solid #95d2ff; left: 0; top: 0; bottom: 0; right: 0; border-radius: 17px } body.checkout .select-control, body.premium .select-control { width: 0; height: 0; visibility: hidden; position: fixed; left: -100px } body.checkout .select-control~.selector .card label, body.premium .select-control~.selector .card label { margin: 0 } @media (max-width:767.98px) {  body.checkout .select-control#first-plan:checked~.selector #first-card, body.checkout .select-control#second-plan:checked~.selector #second-card, body.checkout .select-control#third-plan:checked~.selector #third-card, body.premium .select-control#first-plan:checked~.selector #first-card, body.premium .select-control#second-plan:checked~.selector #second-card, body.premium .select-control#third-plan:checked~.selector #third-card { max-width: 340px } } body.checkout .select-control#first-plan:checked~.selector #first-card:before, body.checkout .select-control#second-plan:checked~.selector #second-card:before, body.checkout .select-control#third-plan:checked~.selector #third-card:before, body.premium .select-control#first-plan:checked~.selector #first-card:before, body.premium .select-control#second-plan:checked~.selector #second-card:before, body.premium .select-control#third-plan:checked~.selector #third-card:before { content: " " } body.checkout .select-control#first-plan:checked~.selector #first-card label, body.checkout .select-control#second-plan:checked~.selector #second-card label, body.checkout .select-control#third-plan:checked~.selector #third-card label, body.premium .select-control#first-plan:checked~.selector #first-card label, body.premium .select-control#second-plan:checked~.selector #second-card label, body.premium .select-control#third-plan:checked~.selector #third-card label { background: url(/img/selected.png); height: 54px; width: 54px; padding: 0; margin: -5px 0 -4px; font-size: 0; box-shadow: none; cursor: default } body.checkout { font-family: Roboto } body.checkout main { padding: 108px 30px 95px } @media (max-width:575.98px) { body.checkout main { padding: 50px 0 1px }  body.checkout main .container { padding: 0 }  body.checkout main .container .checkout-form { border-radius: 0; box-shadow: none; border: 0; border-bottom: 1px dashed #d7d7d7 }  body.checkout main .wide-text { width: 100%; display: inline-block }  body.checkout { background-color: #fff } } body.checkout .checkout-form { background: #fff; border: 1px solid #efefef; box-sizing: border-box; box-shadow: 0 0 25px rgba(0, 0, 0, .06); border-radius: 17px; margin-bottom: 30px } body.checkout .section { padding: 26px 29px 34px; border-top: 1px dashed #d7d7d7 } body.checkout .section:first-of-type { border-top: 0; padding-left: 0; padding-right: 0 } body.checkout .panels { text-align: center; margin: 0 } body.checkout .panels .payment-methods { max-width: 410px; margin: 0 auto 28px } body.checkout .first-section h3, body.checkout .panels h3 { margin-left: auto; margin-right: auto; text-align: center; font-weight: 500; padding: 0 15px } body.checkout .first-section h3.wide, body.checkout .panels h3.wide { max-width: 65% } @media (max-width:765.98px) {  body.checkout .first-section h3.wide, body.checkout .panels h3.wide { max-width: 100% } } body.checkout .notice { font-size: 22px; line-height: 26px; color: #3c3c3c } body.checkout .notice strong { font-weight: 700; color: #7ebf28 } body.checkout .form-group { max-width: 410px; margin: 0 auto } body.home { background-color: #fff } body.home .install-extension-btn { font-family: Roboto; margin: 0; padding: 0; display: inline-block; color: #fff; box-shadow: 0 0 34px rgba(0, 0, 0, .2); flex-shrink: 0 } body.home .install-extension-btn>div { display: flex; align-items: center; padding: 16px } body.home .install-extension-btn p { display: flex; flex-grow: 1; flex-direction: column; margin: 0; text-align: center; padding-left: 16px } body.home .install-extension-btn strong { font-weight: 700; font-size: 20px; line-height: 23px; letter-spacing: 1.5px } body.home .install-extension-btn span { font-weight: 400; font-size: 16px; line-height: 22px } body.home .install-extension-btn b { font-weight: 700 } @media (max-width:575.98px) { body.home .install-extension-btn { width: 100% } } body.home .promo { padding: 50px 0 0; background-image: url(/img/home-background.png); background-repeat: no-repeat; background-position: bottom right; font-family: Roboto; color: #fff } @media (max-width:765.98px) { body.home .promo { background-position: bottom center } } body.home .promo .container { position: relative; display: flex; flex-wrap: wrap-reverse; padding-top: 48px; padding-bottom: 37px } body.home .promo .left { flex: 1 0 40%; padding-right: 66px } @media (max-width:991.98px) { body.home .promo .left h1 { margin-top: 0 } } @media (max-width:765.98px) { body.home .promo .left { padding-right: 0 } } body.home .promo .right { flex: 0 0 40% } @media (max-width:991.98px) { body.home .promo .right { display: none } } body.home .promo h1 { font-weight: 700; font-size: 40px; line-height: 47px; margin: 64px 0 44px } body.home .promo p { font-weight: 400; font-size: 20px; line-height: 23px } body.home .promo .install-extension-btn { margin-top: 53px } body.home .benefits { font-family: 'Open Sans'; color: #4f4f4f } body.home .benefits .container { display: flex; flex-wrap: wrap; list-style: none; align-items: flex-start; justify-content: center } @media (max-width:991.98px) { body.home .benefits .container { flex-direction: column }  body.home .benefits .container li { display: flex; max-width: 100%; min-height: 135px; text-align: left; align-items: center; margin-bottom: 34px }  body.home .benefits .container .img { background-position: center; margin-bottom: 0 }  body.home .benefits .container h2 { white-space: unset }  body.home .benefits .container .content { margin-left: 16px } } body.home .benefits li { flex: 1 0 33%; text-align: center; max-width: 50% } body.home .benefits .img { height: 135px; width: 135px; display: inline-block; flex-shrink: 0; margin-bottom: 27px; background-size: contain; background-position: center bottom; background-repeat: no-repeat } body.home .benefits .img.map { background-image: url(/img/map.png) } body.home .benefits .img.server { background-image: url(/img/server.png) } body.home .benefits .img.whitelist { background-image: url(/img/whitelist.png) } body.home .benefits h2 { font-weight: 300; font-size: 22px; line-height: 30px; white-space: nowrap } body.home .benefits p { font-weight: 400; font-size: 16px; line-height: 22px } body.home .install-extension { background-image: url(/img/shield.png); background-color: #1878c4; background-repeat: space; padding: 0 0 17px } body.home .install-extension .container { display: flex; flex-wrap: wrap; align-items: center; justify-content: center } body.home .install-extension h2 { font-family: Roboto; font-weight: 400; font-size: 30px; line-height: 35px; color: #fff; margin: 93px 20px 93px 0 } @media (max-width:991.98px) { body.home .install-extension h2 { text-align: center; margin: 49px 0 39px }  body.home .install-extension h2+.install-extension-btn { margin: 0 33px 51px } } body.home .reasons { background-image: url(/img/world.png); background-repeat: no-repeat; background-position: center; padding: 30px 0; font-family: Roboto; color: #4f4f4f } @media (min-width:992px) { body.home .reasons { padding-top: 115px; padding-bottom: 200px }  body.home .reasons .img { transform: translateX(-64px) } } body.home .reasons .container { display: flex; flex-wrap: wrap } body.home .reasons .content, body.home .reasons .img { flex: 1 0 10px } body.home .reasons .img { background-image: url(/img/web.png); background-repeat: no-repeat; background-position: center; background-size: contain; flex-basis: 5px; min-height: 200px; min-width: 303px; margin: 30px 0 } @media (max-width:767.98px) { body.home .reasons .img { min-width: 100% } } body.home .reasons h2 { font-weight: 500; font-size: 40px; line-height: 47px; width: 100% } body.home .reasons h2.big { display: inline-block } body.home .reasons h2.small { display: none } @media (max-width:767.98px) { body.home .reasons h2 { text-align: center } } @media (max-width:575.98px) { body.home .reasons h2.big { display: none }  body.home .reasons h2.small { display: inline-block } } body.home .reasons p { font-size: 18px; line-height: 21px } body.home .reasons h2, body.home .reasons p { margin-bottom: 16px } body.home .more-options { padding: 0; margin: -30px 0; overflow: hidden } body.home .more-options .wrapper { background-color: #f1f1f1; margin: 30px 0 } body.home .more-options .container { display: flex; flex-wrap: wrap } body.home .more-options .left, body.home .more-options .right { padding: 51px 0 60px } body.home .more-options .left { flex: 1 0 40%; min-width: 265px } body.home .more-options .left h2 { font-family: 'Open Sans'; font-weight: 300; font-size: 24px; line-height: 33px; color: #4f4f4f; margin: 0 13px 22px 13px } body.home .more-options .left .more-platforms { display: flex; list-style: none; margin: 0; padding: 0; text-align: center; align-items: flex-end; justify-content: center } body.home .more-options .left li { background-size: contain; background-repeat: no-repeat; background-position: center; margin: 0 13px; font-size: 0 } body.home .more-options .left li.opera { height: 59px; width: 60px; background-image: url(/img/opera.png) } body.home .more-options .left li.edge { height: 58px; width: 58px; background-image: url(/img/edge.png) } body.home .more-options .left li.ios { height: 71px; width: 71px; background-image: url(/img/ios.png) } body.home .more-options .left li.android { height: 65px; width: 65px; background-image: url(/img/android.png) } body.home .more-options .right { min-width: 265px; flex: 1 0 40%; display: flex; flex-direction: column; align-items: center; justify-content: space-around; position: relative } body.home .more-options .right h2 { font-weight: 300; font-size: 30px; line-height: 41px; color: #4f4f4f } body.home .more-options .right a, body.home .more-options .right h2 { z-index: 1 } @media (min-width:992px) {  body.home .more-options .left, body.home .more-options .right { padding: 43px 0 73px }  body.home .more-options .left { margin-right: 138px }  body.home .more-options .left .more-platforms { justify-content: flex-start }  body.home .more-options .left h2 { margin-right: 138px }  body.home .more-options .right { margin-left: -138px }  body.home .more-options .right .background-holder { display: block !important; filter: drop-shadow(0 0 8px rgba(0, 0, 0, .08)) }  body.home .more-options .right .background { display: block !important; width: 100%; height: 100%; background: #fff; clip-path: polygon(0 0, 128px 100%, 100% 100%, 100% 0) } } @media (min-width:768px) and (max-width:991.98px) { body.home .more-options .left { padding-right: 16px }  body.home .more-options .right { padding-left: 16px }  body.home .more-options .right .background-holder { display: block; left: 0; box-shadow: 0 0 16px rgba(0, 0, 0, .08); background: #fff } } @media (max-width:767.98px) { body.home .more-options .left { text-align: center }  body.home .more-options .right { margin-top: -14px }  body.home .more-options .right .background-holder { display: block !important; filter: drop-shadow(0 0 8px rgba(0, 0, 0, .08)); left: calc((100vw - 100%)/ -2); width: 100vw }  body.home .more-options .right .background { display: block !important; width: 100%; height: 100%; background: #fff; clip-path: polygon(0 100%, 100% 100%, 100% 0, 0 24px) } } body.home .more-options .background-holder { display: none; position: absolute; left: -128px; bottom: -10px; top: -10px; width: calc(50vw + 128px); z-index: 0 } @media all and (-ms-high-contrast:none), (-ms-high-contrast:active) { body.home .more-options .background-holder { left: -118px; box-shadow: 0 0 16px rgba(0, 0, 0, .08) } } body.home .more-options .background { display: none } body.home .buy-premium { font-family: 'Open Sans'; text-align: center; color: #4f4f4f; font-weight: 400; font-size: 18px; line-height: 25px; margin-top: 95px; margin-bottom: 40px } body.home .buy-premium h2 { font-weight: 300; font-size: 30px; line-height: 41px } .form-title { color: #8e8e8e; font-family: Roboto; font-weight: 500; font-size: 18px; line-height: 21px; margin: 40px 0 } form { font-size: 12px } form input, form textarea { font-family: Roboto; line-height: 14px; background: #f7f7f7; border-radius: 2px; border: 0 solid transparent; padding: 15px 13px 12px; width: 100%; display: block; outline: 0 } form textarea { resize: none } form .input-highlighter { margin: -2px 0 0; width: 100%; border-top: 2px solid #a8a8a8; border-radius: 2px 2px 0 0; transition: border-color .15s ease-in-out } form input:focus+.input-highlighter, form textarea:focus+.input-highlighter { border-top-color: #48b2ee } .custom-btn { font-family: Roboto; font-size: 18px; font-weight: 500; line-height: 21px; background: #48b2ee; box-shadow: 0 3px 4px rgba(0, 0, 0, .15); border-radius: 8px; border: 0 none; padding: 12px 55px; color: #fff; outline: 0 !important; cursor: pointer } a.custom-btn { text-decoration: none } .custom-btn.small { padding: 12px 34px } .custom-btn.red { background: #bf3128 } .custom-btn.green { background: #7ebf28 } .custom-btn:active, .custom-btn:hover { color: #fff } .custom-icon { width: 45px; height: 45px; margin: 0 auto 25px; display: inline-block } .custom-icon.icon-error { background-image: url(/img/error.png) } .custom-icon.icon-ok { background-image: url(/img/succeeded.png) } .needs-validation.was-validated .is-invalid~.input-highlighter, .needs-validation.was-validated :invalid~.input-highlighter { border-top-color: #ee4852 } .needs-validation .invalid-feedback { color: #f02e2e; font-family: Roboto; font-style: italic; font-size: 14px; line-height: 16px; text-align: left } .auth-form { margin-top: 40px; width: 295px } @media (max-width:576px) { .auth-form { width: auto } } .auth-form .auth-form-selector { font-family: Roboto; font-size: 18px; line-height: 21px; color: #8e8e8e; position: relative; margin-bottom: 31px } .auth-form .auth-form-selector:before { content: " "; position: absolute; bottom: 0; left: 0; right: 0; border-bottom: 1px solid #d8d8d8 } .auth-form .auth-form-tab { padding: 8px 0 10px } .auth-form .auth-form-tab:after { position: absolute; bottom: 0; left: 0; right: 0; border-top: 3px solid #48b2ee; border-radius: 9px 9px 0 0 } .auth-form .auth-form-tab.active { font-weight: 700; color: #48b2ee } .auth-form .auth-form-tab.active:after { content: " " } .auth-form .auth-form-tab a, .auth-form .auth-form-tab a:active, .auth-form .auth-form-tab a:focus, .auth-form .auth-form-tab a:hover, .auth-form .auth-form-tab a:visited { color: inherit; font-weight: inherit; text-decoration: none } .auth-form .auth-form-title { font-family: Roboto; font-weight: 500; font-size: 18px; line-height: 21px; margin-bottom: 40px } .auth-form .form-control-wrapper { margin-bottom: 10px } .auth-form .form-control-wrapper+.form-control-wrapper { margin-top: 20px } .auth-form .form-control-wrapper.once-control { margin-bottom: 50px } .auth-form .form-control-wrapper.second-control { margin-bottom: 40px } .auth-form .forgot-row { margin: 20px 0 40px } .auth-form .custom-btn { margin-top: 25px } .contact-form .form-control-wrapper input { min-width: 250px } @media (max-width:575.98px) { .contact-form .form-control-wrapper input { min-width: 50vw } } .contact-form .spacer { flex-grow: 999; height: 21px } @media (max-width:715.98px) { .contact-form .spacer { min-width: 100% } } .contact-form .custom-btn-wrapper, .contact-form .recaptcha { flex-grow: 1 } .contact-form .recaptcha>.g-recaptcha { display: inline-block } .contact-form .custom-btn { margin: 0 auto } .contact-form .contact-form-row.first-row { margin: 0 -23px } .contact-form .contact-form-row.first-row .form-control-wrapper { margin: 0 8px 20px 8px } .contact-form .contact-form-row.second-row { margin-bottom: 33px } .mobile { display: none; } .desktop { display: block; } table.desktop { display: table; } @media (max-width: 768px) { .mobile { display: block; }  table.mobile { display: table; }  .desktop { display: none; }  table.desktop { display: none; } } @media (min-width: 1200px) { nav { max-width: 1140px; } } @media (max-width: 992px) { nav { max-width: 960px; } } @media (max-width: 768px) { nav { max-width: 720px; } } @media (max-width: 576px) { nav { max-width: 540px; } }