:root body[data-theme="light"], .bodyLightTemp { --bg-body: #fff; --bg-card: #fff; --bg-card_r: #fff; --bs-ContentSection-footer: #ecf1f4; --side-menu: #323232; --h-color: #323232; --s-color: #edeff0; --bg-head: #fff; --bg-select: #fff; --bg-select-hover: #fff; --bg-select-color: #000; --bg-select-linear-gradient: linear-gradient(#FFF, #E6E6E6); --list-unstyled: #f7fafc; --spiner-lk: #1d3f72; --progress-value: #6b7c93; --text-primary:#323232; --menu-auth: #56bca6; --important-amber:#fcf9e9; --amber-color:#323232; --user-bar-status:#909499; --amber-wait:#323232; --amber-wait-border:#fff; --important-amber-wait:#ddeaf1; --important-success:#f6fff5; --new-banner:rgba(207, 215, 223, .3); --important-success-color:#323232; --important-neutral:#f7fafc; --downloadSpeed: #35363f; --globalNav-colorize:#525f7f; --logo-colorize:#157be7; --screen-phone:#F3F8FB; --screen-phone2:#E5EBF2; --p-comonbody:#000; --check:url(/images/svg/check.svg); --common-capture:#323232; --head-green:#009688; --bagrng_wa:url("/img/default-wallpaper3.png") repeat; --line-tarif:rgba(42,49,61,.16); --Background-tool:linear-gradient(90deg,#00978b,#b3e895); --name-color:#2a5885; --preloader:#666; --main-title:#323a45; --bg:#f9f9fa; --p-text:#323232; --backgr-whatsapp:url(/images/insta_backgrnd.png)no-repeat 620px -20px; --backgr-whatsapp-min:url(/images/insta_backgrnd.png)no-repeat 20px -20px; --backgr-whatsapp-spy:url(/images/insta_backgrnd.png)no-repeat 920px -20px; --backgr-whatsapp-min-spy:url(/images/insta_backgrnd.png)no-repeat 10px 0px; --bg-cookie:rgba(246,249,252,.9); --bg-text:#424770; --what-is:url(/images/what-is-spyinst.png); --dr-shadow:rgba(255, 255, 255, 0) 0%, #fff 100%; --bg--map:linear-gradient(-180deg, rgba(255, 255, 255, 0.25) 0%, white 100%), url("/images/map/bg-map.jpg"); --bg--map2:linear-gradient(-180deg, rgba(255, 255, 255, 0.25) 0%, white 100%), url("/images/map/bg-map@2x.jpg"); --bg-reviews:#f2f5fa } /* а это темная тема, для смены цветов для body добавлять класс dark или light */ :root body[data-theme="dark"], .bodyLightTemp { --bg-body: #1f232b; --bg-card: #252a34; --bg-card_r: #313844; --bs-ContentSection-footer: #313844; --side-menu: #fff; --h-color: #fff; --s-color: #6b7c93; --bg-head: #313844; --bg-select: #313844; --bg-select-linear-gradient: linear-gradient(#252a34, #313844); --bg-select-color: #fff; --bg-select-hover: #323a46; --list-unstyled: #313844; --spiner-lk: #6b7c93; --progress-value: #fff; --text-primary:#fff; --menu-auth: #56bca6; --amber-p: #323232; --important-amber:#313844; --amber-color:#F5BE58; --user-bar-status:#909499; --amber-wait:#3297d3; --amber-wait-border:#3297d3; --important-amber-wait:#313844; --important-success:#313844; --new-banner:#313844; --important-success-color:#24b47e; --important-neutral:#313844; --downloadSpeed: #6b7c93; --globalNav-colorize:#fff; --logo-colorize:#fff; --screen-phone:#313844; --screen-phone2:#313844; --p-comonbody:#d9fcff; --check:url(/images/svg/check_black.svg); --common-capture:#1cb39b; --head-green:#313844; --bagrng_wa:#313844; --line-tarif:rgba(207,215,223,.2); --Background-tool:linear-gradient(90deg,#1f232b,#313844); --name-color:#3498db; --preloader:var(--p-comonbody); --main-title:#6c7a8f; --bg:#1f232b; --p-text:#fff; --backgr-whatsapp:url(/images/insta_backgrnd.png)no-repeat 620px -20px; --backgr-whatsapp-min:url(/images/insta_backgrnd.png)no-repeat 20px -20px; --backgr-whatsapp-spy:url(/images/insta_backgrnd.png)no-repeat 920px -20px; --backgr-whatsapp-min-spy:url(/images/insta_backgrnd.png)no-repeat 10px 0px; --bg-cookie:#313844; --bg-text:#fff; --what-is:url(/images/what-is-spyinst-dark.png); --dr-shadow:rgba(255, 255, 255, 0) 0%, #000 100%; --bg--map:linear-gradient(-180deg, rgba(31, 35, 43, 0.25) 0%, #1f232b 100%), url("/images/map/bg-map_black.jpg"); --bg--map2:linear-gradient(-180deg, rgba(31, 35, 43, 0.25) 0%, #1f232b 100%), url("/images/map/bg-map_black@2x.jpg"); --bg-reviews:#313844 } .register-box-msg { margin: 0; text-align: center; padding: 0 10px 10px 10px; color: var(--link-color); line-height: 2.8; font-size: 20px; font-weight: 800; } input::placeholder { color: var(--text-secondary); } .weight-b {color:var(--p-text)} .p-text{color:var(--p-text)} @media (max-width:870px) { .r-side {padding-right: 5px; } .display_870{ display: none; } .light-callout-title {color: var(--common-capture);} } * { -webkit-box-sizing:border-box; box-sizing:border-box } blockquote,body,button,dd,dl,figure,h1,h2,h3,h4,h5,h6,ol,p,pre,ul { margin:0; padding:0 } ol,ul { list-style:none } .icon-fill { fill: var(--p-comonbody); color:var(--p-comonbody); } a { text-decoration:none; color: #39b3ed; } .instagram { cursor: pointer; background: pink; background: -webkit-radial-gradient(33% 100% circle, #515ECF 4%, #9B36B7 30%, #D92E7F 62%, #F15245 85%, #FED373); background: radial-gradient(circle at 33% 100%, #ff3be7 4%, #ff3be7 28%, #03ffe8 62%, #F15245 85%, #FED373); -webkit-background-clip: text; -webkit-text-fill-color: transparent; font-size: 20vw; } .instagram:hover { background: -webkit-radial-gradient(33% 100% circle, #FED373 4%, #F15245 30%, #D92E7F 62%, #9B36B7 85%, #515ECF); background: radial-gradient(circle at 33% 100%, #FED373 4%, #F15245 30%, #D92E7F 62%, #9B36B7 85%, #515ECF); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } button,select { border:none; outline:none; background:none; font-family:inherit } a,button,input,select,textarea { -webkit-tap-highlight-color:transparent } .feature-list_container > ul > li { color: var(--p-comonbody); } .feature-list_container > ul > li:hover { color: var(--link-color)!important; } .int { margin-top: 16px; } .SpyInst {vertical-align: -8px; width: 40px} .col_wh{fill: #429488!important;} .col_wz{fill: #80ca7c!important;} .v_top { vertical-align: top; } .inst_box{box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .2), 0 2px 2px 0 rgba(0, 0, 0, .14), 0 1px 5px 0 rgba(0, 0, 0, .12); -webkit-box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .2), 0 2px 2px 0 rgba(0, 0, 0, .14), 0 1px 5px 0 rgba(0, 0, 0, .12); -moz-box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .2), 0 2px 2px 0 rgba(0, 0, 0, .14), 0 1px 5px 0 rgba(0, 0, 0, .12);} .appear-PageTitle_s { color: #8898aa; overflow-wrap: break-word; font-weight: 600; font-size: 27px; line-height: 45px; } .f_r { font-weight: 600; float: right; } .flex_w { display: block !important; position: relative; -webkit-box-flex: 0 !important; -ms-flex: 0 1 50% !important; flex: 0 1 50% !important; } .flex_div { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .mt_90 { margin-top: 100px !important; } .mt_70 { margin-top: 70px !important; } .mt_80 { margin-top: 80px !important; } .pdt{padding-top: 10px;} .marg_b{margin-bottom: 100px;} @media (max-width:870px) { .marg_b{margin-bottom: 0px;} } .in_top { margin-left: 10px; margin-top: 10px; float: left; } .in_top_to { margin-left: 10px; margin-top: 10px; float: left;} @media (max-width:670px) { .flex_div {display: block} .mt_90 { margin-top: 10px !important; } .in_top { margin-left: 0px; } .in_top_to{ margin-left: 0px; } } #loader2-text { color: #00b200; } .m_to{margin-top: 0px;} .m_to100{ margin-top: 100px } .m_le40{ margin-left: 40px; } .j_pr{ transform: translateY(11.9px) } .m_to30_3{margin-top: 30px;} @media (max-width:670px) { .m_to30_3{margin-top: 60px;} } .v_ava{height: 40px; width: 40px;} .m_to70{margin-top: 70px;} .m_to30{margin-top: 30px;} .m_to20{margin-top: 20px;} .m_to150{margin-top: 150px;} .m_to10{margin-top: 10px} .m_to0{margin-top: 0px} .m_b20{margin-bottom: 20px} .as_pect{--aspect-ratio: 1.782142857;} .fl_ec{flex: 1 0 50%} .mr_im{margin: 20px 40px 0 0px !important;} .p_to20{padding-top: 20px} .p_to40{padding-top: 40px} .pd_20{padding: 20px} .pd_50{padding: 50px} .pd_0{padding:0px!important;} .pdr_0{padding-right:0px} .pdb_20{padding-bottom:20px} .color_aa{color:#aab7c4} .dec_Dc{color: #3ecf8e; margin-left: 7px; vertical-align: top; font-weight: 500;} .accordion-item{ -webkit-box-shadow: 0 1px 2px 0 rgba(0,0,0,.12); -moz-box-shadow: 0 1px 2px 0 rgba(0,0,0,.12); box-shadow: 0 1px 2px 0 rgba(0,0,0,.12); } .rc-ValueProp__separator { background-image: linear-gradient(45deg, #BA00B4, #1D0AC9); height: 2px; margin-bottom: 15px; margin-top: 14px; width: 69px; } .colde{ color: var(--p-comonbody);margin-bottom: 10px; margin-top: 10px;font-weight: 500;} .ml-10{ margin-left: 10px; } input { padding: 11px 0 11px 12px; font-weight: 400; color: var(--bg-select-color); outline: none; background: rgba(207,215,223,.3); border: 0; border-radius: 4px; text-indent: 10px; transition: all .3s ease-in-out; position: relative; font-size: 16px; } .width80{width: 80%} @media (max-width:670px) { input {margin-left: 0px; text-indent: 0px; } section.form-section .form-row input.invalid-missing, section.form-section .form-row input.invalid-value, section.form-section .form-row textarea.invalid-missing { box-shadow: none!important; } .width80{width: 100%} } .map_google { width: 370px; height: 400px; } @media (max-width:870px) { .map_google { width: 100%; height: 400px; } } .rev { margin-top: 80px!important; } .light-callout-title {color: #1ea672;} h2.common-UppercaseText.common-Link--arrow.drop__text--blue4 { color: #1ea672; } .common-capture2 { color: var(--h-color); font-size: 24px; font-weight: 500; line-height: 40px; } .ref_t { font-size: 17px; color: #757f84; text-align: center; margin-bottom: 20px; } article h2 { margin-top: -20px; padding-top: 20px; } article h2, article h3 { color: #3b415e; font-weight: 500; } .bg--map { background-image: var(--bg--map); background-size: cover; background-position: center; z-index: 0; } @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) { .bg--map { background-image: var(--bg--map2); } } @media screen and (min-width: 1621px) { .bg--map { background-image: var(--bg--map2); } } @media screen and (max-width: 450px) { .bg--map { background-position: -740px 0px; } } article h2 { font-size: 17px; } .p8{ padding-top: 8px; } .m15 { margin-top: 15px; } .m0 { margin-top: 0px; } aside.important.amber, aside.info.amber { background-color:var(--important-amber); color: var(--amber-color); border-color: #fee3c0; } aside.important.check { color: var(--important-success-color)!important; border: 1px solid #24b47e; } article ol, article ul { counter-reset: listitem; list-style: none; } article ul > li::before { content: ""; position: absolute; width: 6px; height: 6px; left: 10px; top: 9px; border-radius: 50%; background: #c1c9d2; } article ol > li, article ul > li { position: relative; margin: 5px 0; padding-left: 30px; } .ref_pad { margin-top: 24px; padding-left: 24px; padding-right: 24px; } span.step { color: #1ea672; } aside.important.amber { background-image: url(/img/icon-aside-important-amber.svg); } @media (max-width:670px) { aside.important.amber { background-image: none; } aside.important { padding: 10px!important; } } .fl_exs{ display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .col-xl-6 { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .refund { font-size: 15px; color:var(--h-color); line-height: 26px; } .graphics-wrapper2 { border-radius: 10px; background-color: var(--bg-card); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); padding-top: 20px; } @media (max-width:670px) { .mt_t{ margin-top: 20px; } } article pre { padding: 6px 14px 6px 0px; overflow-x: auto; line-height: normal; } article .tabs-code > .tabs-content, article pre { border-radius: 5px; position: relative; } .attr-value { font-size: 14px; font-weight: 400; color: #159570; } body { background: var(--bg-body); font-family: Camphor,Open Sans,Segoe UI,sans-serif; font-weight: 400; font-style: normal; -webkit-text-size-adjust: 100%; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-rendering: optimizeLegibility; -webkit-font-feature-settings: "pnum"; font-feature-settings: "pnum"; font-variant-numeric: proportional-nums; min-height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .drop__text--slate1 {color: var(--h-color) } .golos {font-size: 15px; font-weight: 500;} .loader--style3 { position: relative; float: right; margin-right: 10%; } .o-section--feature__link { position: relative;} @media screen and (min-width:64rem) and (pointer:fine){.o-section--feature__link::before,.o-section--feature__link:lang(de)::before,.o-section--feature__link:lang(ja)::before{transition:width 420ms cubic-bezier(.165,.84,.44,1);position:absolute;bottom:-2px;width:0;border-bottom:2px solid #1264a3;content:""} } .o-section--feature__link::before { border-bottom: 2px solid #3498db; } .o-section--feature__link:focus::before, .o-section--feature__link:hover::before { width: 100%; } .o-section--feature__link::after { background-image: url(data:image/svg+xml;charset=utf-8,%3Csvg%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M1%206a.5.5%200%200%200%200%201V6zM12.854.646a.5.5%200%200%200-.708.708l.708-.708zM18%206.5l.354.354a.5.5%200%200%200%200-.708L18%206.5zm-5.854%205.146a.5.5%200%200%200%20.708.708l-.708-.708zM1%207h16.5V6H1v1zm16.646-.854l-5.5%205.5.708.708%205.5-5.5-.708-.708zm-5.5-4.792l2.75%202.75.708-.708-2.75-2.75-.708.708zm2.75%202.75l2.75%202.75.708-.708-2.75-2.75-.708.708z%22%20fill%3D%22%233498db%22%2F%3E%3C%2Fsvg%3E); content: ''; width: 19px; height: 13px; display: inline-block; margin-left: .5em; } .border_rad { border-radius: 10px; } .conspiracyContent { -webkit-box-flex:1; -ms-flex-positive:1; flex-grow:1; } @media (max-width:670px) { .dis_670 {display: none} } @media (max-width:670px) { .m_100 { margin-top: 0px} } .m_100 { margin-top: 100px } @media (max-width:670px) { .language-select img { margin-top: -1px; } } .img_what-is{background-image: var(--what-is); background-repeat: no-repeat;max-width: 500px; max-height: 310px;margin: auto; height: 100%;min-height: 280px; background-size:100%; } code,pre { font-family:Source Code Pro,Consolas,Menlo,monospace } .globalFooterCards { margin-left: -20px; margin-right: -20px; } .container,.container-fluid,.container-lg,.container-wide,.container-xl { margin:0 auto; width:100%; } .container,.container-lg { max-width:1080px } .container-wide,.container-xl { max-width:1140px } .container, .container-fluid, .container-lg, .container-wide, .container-xl { margin: 0 auto; padding: 0 20px; width: 100%; } .r-side ul li::before{ content: ""; left: -28px; top: 22px; width: 23px; height: 23px; display: block; background-image: var(--check); background-size: 100% 100%; } .mr-20{ margin-right: 20px;} .r-side ul li p { margin-left: 15px; margin-right: 15px; } @media (max-width:670px) { .r-side ul li p { margin-right: 35px; }} .r-side ul li { height: 45px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; line-height: 1.4; position: relative; } @media (max-width:670px) { .r-side ul li { margin-top: 15px; } .Hero .common-PaynexGrid .whaspy:first-child { grid-row: span 9/-11!important; grid-column: span 7/viewport-end!important; } section.hallway-account .hallway-account-copy { padding-right: 50px; } .SpyInst_FooterNav .metaNav .copyright { margin-right: 20px!important; } } .globalNav { font-family:Camphor,Open Sans,Segoe UI,sans-serif; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; position:absolute; left:0; top:10px; right:0; z-index:500; height:50px; -webkit-perspective:2000px; perspective:2000px } .globalNav ul { padding:0; margin:0 } .globalNav li { list-style:none } .globalNav a { text-decoration:none; -webkit-tap-highlight-color:transparent; color:#1cb39b; -webkit-transition:color .1s; transition:color .1s } .globalNav a:hover { color:#1cb39b } .globalNav>.container-lg { padding:0 } .globalNav .navRoot { position:relative } .globalNav .navSection>a,.globalNav .navSection>button { outline:none } .keyboard-navigation .globalNav .navSection>a:not(.item-mobileMenu):focus>:before,.keyboard-navigation .globalNav .navSection>button:not(.item-mobileMenu):focus>:before { opacity:.75 } .globalNav .navSection.logo { position:absolute; top:3px; left:0 } .globalNav .navSection.primary,.globalNav .navSection.secondary { display:none } @media (min-width:1040px) { .globalNav .navSection.primary,.globalNav .navSection.secondary { display:-webkit-box; display:-ms-flexbox; } } .hero_logose{ display: block!important; margin-top: 20px!important; } .globalNav .navSection.primary { -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; } .globalNav .navSection.secondary { position:absolute; top: 16px; right:0 } .globalNav .navSection.mobile { display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack:end; -ms-flex-pack:end; justify-content:flex-end } @media (min-width:1040px) { .globalNav .navSection.mobile { display:none } } .globalNav.compact .navRoot { display:-webkit-box; display:-ms-flexbox; display:flex } .globalNav.compact .navSection.logo { position:static; -webkit-box-flex:1; -ms-flex-positive:1; flex-grow:1 } .globalNav.compact .navSection.secondary { position:static; margin-top: 5px; } .globalNav .rootLink { white-space:nowrap; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; font-size: 14.4px; font-weight:400; margin:0; text-transform: uppercase; } @media (min-width:1040px) { .globalNav .rootLink { padding: 15px 6px; } } .globalNav .rootLink>* { position:relative; } .globalNav .navSection.logo .rootLink { } .globalNav .navSection.primary .rootLink { font-weight:500 } .globalNav .colorize { color: var(--p-comonbody); -webkit-transition:color .1s ease; transition:color .1s ease } .header-sticky .globalNav .colorize{ color: var(--p-comonbody); -webkit-transition:color .1s ease; transition:color .1s ease } .arrow { color:#525f7f; font-size: 15px; } .header-sticky .arrow { font-size: 15px; } .header-sticky .spy2 { font-weight: 600; font-size: 19px; color: #fff; vertical-align: middle; text-transform: none !important; padding-top: 6px;margin-left: 3px; } .header-sticky .spy { color: #fff; } .SiteHeader__ctaNav { background-color: rgba(207,215,223,.3);border-radius: 16.5px; padding: 10px 10px!important; text-transform: none!important; } .mr_l_5{margin-left: 5px!important;} .globalNav .colorize.active,.globalNav .colorize:hover { color:#3498db } .globalNav .hasDropdown { cursor:default } .globalNav .item-home h1 { line-height:50px; font-size:20px; margin:0; color:inherit } .globalNav .dropdownRoot { position:absolute; z-index:1000; left:0; right:0; top:50px; pointer-events:none; -webkit-transform:rotateX(-15deg); transform:rotateX(-15deg); -webkit-transform-origin:50% -50px; transform-origin:50% -50px; opacity:0; will-change:transform,opacity; -webkit-transition-property:opacity,-webkit-transform; transition-property:opacity,-webkit-transform; transition-property:transform,opacity; transition-property:transform,opacity,-webkit-transform; -webkit-transition-duration:.25s; transition-duration:.25s; display:none } @media (min-width:670px) { .globalNav.initialized .dropdownRoot { display:block } } .globalNav.dropdownActive .dropdownRoot { opacity:1; pointer-events:auto; -webkit-transform:none; transform:none } .globalNav .dropdownBackground { background:#fff; border-radius:4px; overflow:hidden; -webkit-box-shadow:0 50px 100px rgba(50,50,93,.1),0 15px 35px rgba(50,50,93,.15),0 5px 15px rgba(0,0,0,.1); box-shadow:0 50px 100px rgba(50,50,93,.1),0 15px 35px rgba(50,50,93,.15),0 5px 15px rgba(0,0,0,.1); width:480px; height:400px; -webkit-transform:translateX(0); transform:translateX(0); -webkit-transform-origin:0 0; transform-origin:0 0 } .globalNav .alternateBackground,.globalNav .dropdownBackground { position:absolute; top:0; left:0; will-change:transform; -webkit-transition-property:-webkit-transform; transition-property:-webkit-transform; transition-property:transform; transition-property:transform,-webkit-transform; -webkit-transition-duration:.25s; transition-duration:.25s } .globalNav .alternateBackground { right:0; height:1000px; background:#f6f9fc } .globalNav .dropdownArrow { top:-6px; margin:0 0 0 -6px; width:12px; height:12px; -webkit-transform:rotate(45deg); transform:rotate(45deg); border-radius:4px 0 0 0; background:#fff; -webkit-box-shadow:-3px -3px 5px rgba(82,95,127,.04); box-shadow:-3px -3px 5px rgba(82,95,127,.04); will-change:transform; -webkit-transition-property:-webkit-transform; transition-property:-webkit-transform; transition-property:transform; transition-property:transform,-webkit-transform } .globalNav .dropdownArrow,.globalNav .dropdownContainer { position:absolute; left:0; -webkit-transition-duration:.25s; transition-duration:.25s } .globalNav .dropdownContainer { overflow:hidden; width:500px; top:0; -webkit-transform:translateX(0); transform:translateX(0); will-change:transform,width,height; -webkit-transition-property:width,height,-webkit-transform; transition-property:width,height,-webkit-transform; transition-property:transform,width,height; transition-property:transform,width,height,-webkit-transform } .globalNav .dropdownSection { opacity:0; pointer-events:none; will-change:transform,opacity; -webkit-transition-property:opacity,-webkit-transform; transition-property:opacity,-webkit-transform; transition-property:transform,opacity; transition-property:transform,opacity,-webkit-transform; -webkit-transition-duration:.25s; transition-duration:.25s; background:red } .globalNav .dropdownSection.active { opacity:1; -webkit-transform:translateX(0); transform:translateX(0) } .globalNav .dropdownSection.left { -webkit-transform:translateX(-150px); transform:translateX(-150px) } .globalNav .dropdownSection.right { -webkit-transform:translateX(150px); transform:translateX(150px) } .globalNav.dropdownActive .dropdownSection.active { pointer-events:auto } .globalNav.noDropdownTransition .alternateBackground,.globalNav.noDropdownTransition .dropdownArrow,.globalNav.noDropdownTransition .dropdownBackground,.globalNav.noDropdownTransition .dropdownContainer,.globalNav.noDropdownTransition .dropdownSection { -webkit-transition:none; transition:none } .globalNav .dropdownContent { position:absolute; top:0; left:0; background: var(--bg-select); } .globalNav .linkContainer::before { content: ""; position: absolute; left: -10px; top: 0; right: -10px; bottom: 0; -webkit-box-shadow: 0 0 0 1.5px #8898aa; box-shadow: 0 0 0 1.5px #8898aa; border-radius: 4px; opacity: 0; -webkit-transition: opacity .15s; transition: opacity .15s; } .globalNav .productsGroupPrimary .linkContainer, .globalNav .productsGroupSecondary .linkContainer { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .globalNav .productsGroupPrimary .productLinkContent { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; margin-left: 18px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .globalNav .documentationArticles h4 { font-size: 14px; line-height: 22px; font-weight: 500; text-transform: uppercase; letter-spacing: .025em; margin: 0 0 3px; color: #8898aa; } .globalNav .documentationArticles { font-size: 15px; line-height: 26px; margin: 15px 20px 10px 28px; display: -webkit-box; display: -ms-flexbox; display: flex; white-space: nowrap; } .globalNav .documentationArticles > ul { margin-right: 40px; } .globalNav ul { padding: 0; margin: 0; margin-right: 0px; } .globalNav .documentationArticles { font-size: 15px; line-height: 26px; white-space: nowrap; } .globalNav .linkGroup { padding: 15px 65px 15px 35px; } .globalNav .linkContainer { display:block; padding:9px 0; outline:none; position:relative } .keyboard-navigation .globalNav .linkContainer:focus:before { opacity:.5 } nav .popup { position:absolute; top:47px; right:50px; z-index:1000; font-size:14px; line-height:26px; background:var(--bg-select); border-radius:4px; -webkit-box-shadow:0 50px 100px -20px rgba(50,50,93,.25),0 30px 60px -30px rgba(0,0,0,.3),0 -18px 60px -10px rgba(0,0,0,.025); box-shadow:0 50px 100px -20px rgba(50,50,93,.25),0 30px 60px -30px rgba(0,0,0,.3),0 -18px 60px -10px rgba(0,0,0,.025); pointer-events:none; -webkit-transform:rotate3d(1,1,0,15deg); transform:rotate3d(1,1,0,15deg); -webkit-transform-origin:0 100%; transform-origin:0 100%; opacity:0; will-change:transform,opacity; -webkit-transition-property:opacity,-webkit-transform; transition-property:opacity,-webkit-transform; transition-property:transform,opacity; transition-property:transform,opacity,-webkit-transform; -webkit-transition-duration:.25s; transition-duration:.25s } @media (min-width:1160px) { nav .popup { left:-65px } } nav .popup:before { content:""; position:absolute; top: -4px; left:25px; width:20px; height:20px; -webkit-transform:rotate(45deg); transform:rotate(45deg); border-radius: 0px 3px 20px 3px; background:var(--bg-select) } @media (min-width:1160px) { nav .popup:before { left:60px } } nav .country .popup { width:calc(100vw - 30px) } @media (min-width:670px) { nav .country .popup { width:auto } } nav .globalPopupActive { z-index:1000!important } nav .globalPopupActive .popup { -webkit-transform:none; transform:none; opacity:1; pointer-events:auto } .navRoot .optionList { color:var(--globalNav-colorize); white-space:nowrap; -ms-flex-preferred-size:50%; flex-basis:50%; -ms-flex-negative:0; flex-shrink:0; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between } .navRoot .optionList li { width:100% } .navRoot .optionList a { border-radius:4px; display:block; line-height:36px; padding:0; -webkit-transition:color .1s,background-color .1s; transition:color .1s,background-color .1s } .navRoot .optionList a:hover { color: var(--amber-wait)!important; } .navRoot .optionList a:active { color: var(--amber-wait)!important; } @media (min-width:670px) { .navRoot .optionList a { padding:0 15px } } .navRoot .optionList .selected { font-weight:600; color:var(--amber-wait); } .navRoot .optionList .selected>span:before { content:""; display:inline-block; width:18px; height:18px; vertical-align:-2px; margin: 0 11px 0 0px; background:url(/img/checkmark.svg); background-size:contain; background-repeat:no-repeat } .globalNav .selected>span:before { content:""; display:inline-block; width:18px; height:18px; vertical-align:-2px; margin: 0 11px 0 0px; background:url(/img/checkmark.svg); background-size:contain; background-repeat:no-repeat } .navRoot .badge { font-size:10px; line-height:10px; color:#aab7c4; font-weight:600; text-transform:uppercase; letter-spacing:.025em; font-style:normal; padding:2px 3px 1px; border-radius:4px; border:1px solid #e6ebf1; display:inline-block; vertical-align:1px; margin-left:8px } .navRoot .languagePicker { padding:5px 15px } @media (min-width:670px) { .navRoot .languagePicker { padding:10px 5px } } .cookie-disclaimer { background-color: var(--cookieDisclaumerBackgroundColor); color: var(--cookieDisclaumerColor); font-size: var(--cookieDisclaumerFontSize); opacity: 0; padding: var(--cookieDisclaumerPadding); transform: translateY(100%); transition: opacity 0.3s, transform 0.5s; } .cookie-disclaimer.is-active { opacity: 1; transform: translateY(0); z-index: 9; } .cookie-disclaimer :first-child { margin-top: 0; } .cookie-disclaimer :last-child { margin-bottom: 0; } .cookie-notification-container { position:fixed; left:0; right:0; bottom:0; text-align:center; display:none; z-index:1100; z-index:calc(1000 + 100); pointer-events:none } @media (min-width:420px) { .cookie-notification-container { bottom:10px } } .cookie-notification-container.shown { display:block } .cookie-notification-container.dismissed, .cookie-notification-container.shown.dismissed { display:none } .cookie-notification { background:var(--bg-cookie); -webkit-box-shadow:0 6px 12px -2px rgba(50,50,93,.25),0 3px 7px -3px rgba(0,0,0,.3); box-shadow:0 6px 12px -2px rgba(50,50,93,.25),0 3px 7px -3px rgba(0,0,0,.3); font-size:15px; color:var(--bg-text); margin:0 auto; display:-webkit-inline-box; display:-ms-inline-flexbox; display:inline-flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center } @supports ((-webkit-backdrop-filter:blur(20px)) or (backdrop-filter:blur(20px))) { .cookie-notification { -webkit-backdrop-filter:blur(20px); backdrop-filter:blur(20px) } } @media (min-width:420px) { .cookie-notification { border-radius:4px } } .cookie-notification-container.shown .cookie-notification { pointer-events:all } .cookie-notification .cookie-notification-copy { padding:8px 5px 8px 15px } .cookie-notification .dismiss-button { -webkit-appearance:none; -moz-appearance:none; appearance:none; background:transparent; border:none; outline:none; overflow:hidden; text-indent:-9999px; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; position:relative; width:40px; height:40px; color:#8898aa; -webkit-transition:color .15s; transition:color .15s; cursor:pointer } .cookie-notification .dismiss-button:after, .cookie-notification .dismiss-button:before { content:""; position:absolute; left:50%; top:50%; width:40%; height:2px; background:currentColor; border-radius:2px; -webkit-transform:translate(-50%,-50%) rotate(45deg); transform:translate(-50%,-50%) rotate(45deg) } .cookie-notification .dismiss-button:after { -webkit-transform:translate(-50%,-50%) rotate(-45deg); transform:translate(-50%,-50%) rotate(-45deg) } .cookie-notification .dismiss-button:hover { color:var(--amber-wait); } .hero-background[data-theme=orange][data-layout=top]:not(.hero-background--transparent) { background-image: linear-gradient(90deg, #fed974, #da2d6f, #505bd5), #fed874!important; background: linear-gradient(90deg, #fed974, #da2d6f, #505bd5), #fed874!important; } section.testimonials { position: relative; padding: 60px 0 0px; } @media (min-width: 670px) { section.testimonials { padding: 60px 0 34px; margin-top: 30px; } } section.testimonials .container-lg { position: relative } section.testimonials .mask-container { position: relative; padding: 0; -webkit-mask-image: linear-gradient(90deg, transparent, #000 20px, #000 calc(100% - 20px), transparent); mask-image: linear-gradient(90deg, transparent, #000 20px, #000 calc(100% - 20px), transparent) } section.testimonials .quotes { display: -webkit-box; display: -ms-flexbox; display: flex; overflow: hidden; padding: 0 0 10px; margin-bottom: -10px; -webkit-mask-image: linear-gradient(180deg, #000, #000 calc(100% - 10px), transparent calc(100% - 10px), transparent); mask-image: linear-gradient(180deg, #000, #000 calc(100% - 10px), transparent calc(100% - 10px), transparent) } section.testimonials .quotes::-webkit-scrollbar { display: none } section.testimonials .quotes.scrollable { overflow: auto; -webkit-scroll-snap-type: mandatory; -webkit-overflow-scrolling: touch } @media (min-width: 670px) { section.testimonials .quotes { -webkit-box-align: center; -ms-flex-align: center; align-items: center } } section.testimonials .nav { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; position: absolute; top: 68px; width: 48px; height: 48px; border-radius: 50%; cursor: pointer } section.testimonials .nav.prev { left: 5px } section.testimonials .nav.next { right: 5px } @media (min-width: 670px) { section.testimonials .nav { top: calc(50% - 29px) } } @media (min-width: 1160px) { section.testimonials .nav.prev { left: -15px } section.testimonials .nav.next { right: -15px } } section.testimonials .pages { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; position: relative; margin: 40px auto 0 } section.testimonials .pages .page { position: relative; width: 8px; height: 8px; border-radius: 50%; background-color: #09f; margin: 0 5px; cursor: pointer } section.testimonials .testimonial { -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-negative: 0; flex-shrink: 0; width: 100%; padding: 0 20px; -webkit-scroll-snap-coordinate: 0 0 } @media (min-width: 670px) { section.testimonials .testimonial { padding: 0 45px } } section.testimonials .author { text-align: center; margin-bottom: 30px } @media (min-width: 670px) { section.testimonials .author { text-align: left; margin-bottom: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-preferred-size: 40%; flex-basis: 40%; -webkit-box-align: center; -ms-flex-align: center; align-items: center } } section.testimonials .avatar { position: relative; margin-bottom: 20px; border-radius: 50%; width: 80px; height: 80px; overflow: hidden; -ms-flex-negative: 0; flex-shrink: 0 } @media (min-width: 670px) { section.testimonials .avatar { margin-bottom: 0; margin-right: 25px } } section.testimonials .byline .name { color: #2a5885; font-weight: 600; font-size: 17px; margin-bottom: 6px } section.testimonials .byline .title { color: #fff; font-size: 16px; display:flex } section.testimonials blockquote { -ms-flex-preferred-size: 60%; flex-basis: 60%; padding-left: 20px; font-size: 17px; line-height: 32px; color: #757f84; font-style: italic } section.testimonials blockquote:after, section.testimonials blockquote:before { content: ""; display: inline-block; position: relative; width: 12px; height: 9px; top: -7px; background-size: 24px 9px } section.testimonials blockquote:before { background-position: 0 0; left: -7px; margin-left: -12px } section.testimonials blockquote:after { background-position: 100% 0; right: -7px } .about-mission { color: #fff; text-align: center; } .video-popup { position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 99; background: rgba(0, 0, 0, .8); display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; opacity: 0; -webkit-transition: .3s; transition: .3s; pointer-events: none } .video-popup.show { opacity: 1; pointer-events: all } .video-popup .video-popup-inner { padding: 40px; position: relative } .video-popup .video-popup-inner .close-button { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; position: absolute; right: 4px; top: 4px; width: 24px; height: 24px; border: 1px solid #fff; border-radius: 50%; cursor: pointer } .video-popup .video-popup-inner .close-button__cross { width: 12px; height: 12px; fill: #fff } .video-popup iframe { max-width: 100% } @media only screen and (max-width:800px) { .video-popup .video-popup-inner { padding: 40px 0 } } @media only screen and (max-width:700px) and (orientation:landscape) { .video-popup .video-popup-inner .video-box iframe { max-height: 70vh } .video-popup .video-popup-inner .close-button:before { top: 2% } } body .landing-features { background-color: var(--bs-ContentSection-footer); padding:30px 0; margin-top: 20px; } body .landing-features.img-pad { padding:0 } body .landing-features .full-col { color:#fff; width:90% } body .landing-features .full-col svg { margin-right:8px; width:20px; height:20px; fill:currentColor; vertical-align:text-bottom } body .landing-features .full-col p { text-align:center; padding:30px 0; font-size:13px; font-weight:300 } body .landing-features .columns { display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-flex-wrap:wrap; -ms-flex-wrap:wrap; flex-wrap:wrap; -webkit-justify-content:space-around; -ms-flex-pack:distribute; justify-content:space-around; -webkit-box-align:start; -webkit-align-items:flex-start; -ms-flex-align:start; align-items:flex-start; -webkit-align-self:center; -ms-flex-item-align:center; align-self:center } body .landing-features .columns.long-col { -webkit-box-pack:start; -webkit-justify-content:flex-start; -ms-flex-pack:start; justify-content:flex-start; background-position:100% 100%; padding:65px 0 } body .landing-features .columns.long-col .col-item { -webkit-flex-basis:60%; -ms-flex-preferred-size:60%; flex-basis:60%; display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-flex-wrap:wrap; -ms-flex-wrap:wrap; flex-wrap:wrap } body .landing-features .columns.long-col .col-item p { max-width:none; width:calc(100% - 80px); padding-left:25px; font-size:18px; line-height:26px } body .landing-features .columns.long-col .col-item p span { font-size:13px; font-weight:300; margin:30px 0; display:inline-block } body .landing-features .columns.long-col .col-item p span i { margin-right:8px; font-size:20px; vertical-align:text-bottom } body .landing-features .columns .col-item { -webkit-flex-basis:33.3333%; -ms-flex-preferred-size:33.3333%; flex-basis:33.3333%; color:var(--p-comonbody) } body .landing-features .columns .col-item .head-icon { width:45px; height:45px; margin:5px 0 } body .landing-features .columns .col-item h3 { font-size:16px; font-weight:500;line-height: 23px; margin-right: 10px; padding:15px 0 } body .landing-features .columns .col-item p { font-size:15px; line-height:20px;line-height: 24px; max-width:280px } @media (min-width: 670px) { .section-bg { background-image: url(/images/patch-3.svg); background-repeat: no-repeat; background-size: 125%; } } .section-bg { background-image: url(/images/patch-3.svg); background-repeat: no-repeat; background-size: 125%; } .mr_r_10{margin-right: 10px;} @media (max-width: 670px) { body .landing-features .columns .col-item p { padding: 10px;} .mr_r_10{margin-right: 0px;} } .bg-gradient { background: #67429a; background: -moz-linear-gradient(top, #67429a 0%, #aa3e88 26%, #c54b76 47%, #d15a68 67%, #d9655d 85%, #e98246 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, #67429a), color-stop(26%, #aa3e88), color-stop(47%, #c54b76), color-stop(67%, #d15a68), color-stop(85%, #d9655d), color-stop(100%, #e98246)); background: -webkit-linear-gradient(top, #67429a 0%, #aa3e88 26%, #c54b76 47%, #d15a68 67%, #d9655d 85%, #e98246 100%); background: -o-linear-gradient(top, #67429a 0%, #aa3e88 26%, #c54b76 47%, #d15a68 67%, #d9655d 85%, #e98246 100%); background: -ms-linear-gradient(top, #67429a 0%, #aa3e88 26%, #c54b76 47%, #d15a68 67%, #d9655d 85%, #e98246 100%); background: linear-gradient(to bottom, #67429a 0%, #aa3e88 26%, #c54b76 47%, #d15a68 67%, #d9655d 85%, #e98246 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#67429a', endColorstr='#e98246', GradientType=0); } body .landing-get-start { background:#f9f9fa; padding:50px 0 30px 0 } body .landing-get-start p { font-size:18px; line-height:25px; text-align:center; color:#7f8085; max-width:420px; margin:0 auto } body .landing-get-start .button-box { -webkit-box-pack:center; -webkit-justify-content:center; -ms-flex-pack:center; justify-content:center; margin:20px 0; -webkit-flex-wrap:wrap; -ms-flex-wrap:wrap; flex-wrap:wrap } body .landing-get-start .button-box a { margin:10px } @media only screen and (max-width:800px) { body .landing-features .columns.long-col { padding:25px 0 } body .landing-features .columns .col-item { padding:20px 0; -webkit-flex-basis:95%; -ms-flex-preferred-size:95%; flex-basis:95%; text-align:center } body .landing-features .columns .col-item p { max-width:none; font-size:15px; line-height:24px } body .landing-features .columns .col-item h3 { font-size:18px } body .landing-features .columns .col-item .head-icon { margin:0 auto; width:55px; height:55px } } @media only screen and (max-width:710px) { body .landing-features.img-pad { padding:30px 0 } body .landing-features.img-pad .columns.long-col { background:0 0 } body .landing-features.img-pad .columns.long-col .col-item { -webkit-flex-basis:100%; -ms-flex-preferred-size:100%; flex-basis:100%; padding:0 } body .landing-features.img-pad .columns.long-col .col-item .head-icon { width:70px; height:70px } body .landing-features.img-pad .columns.long-col .col-item p { width:100%; padding:20px 0 } } .globalNav .linkTitle { margin:0; color:var(--globalNav-colorize); font-size:15px; line-height:22px; font-weight:500; letter-spacing:.025em } .globalNav .linkTitle:focus, .globalNav .linkTitle:hover { color: var(--amber-wait)!important; } .globalNav .linkSub { font-size:15px; line-height:22px; color:#6b7c93; margin:4px 0 0; display:block; white-space:nowrap } .right_10 { margin-left: 10px; } .SpyInst_Footer .popup { position:absolute; bottom:40px; left:-5px; z-index:1000; font-size:15px; line-height:26px; background:var(--bg-select-linear-gradient); border-radius:4px; -webkit-box-shadow:0 50px 100px -20px rgba(50,50,93,.25),0 30px 60px -30px rgba(0,0,0,.3),0 -18px 60px -10px rgba(0,0,0,.025); box-shadow:0 50px 100px -20px rgba(50,50,93,.25),0 30px 60px -30px rgba(0,0,0,.3),0 -18px 60px -10px rgba(0,0,0,.025); pointer-events:none; -webkit-transform:rotate3d(1,1,0,15deg); transform:rotate3d(1,1,0,15deg); -webkit-transform-origin:0 100%; transform-origin:0 100%; opacity:0; will-change:transform,opacity; -webkit-transition-property:opacity,-webkit-transform; transition-property:opacity,-webkit-transform; transition-property:transform,opacity; transition-property:transform,opacity,-webkit-transform; -webkit-transition-duration:.25s; transition-duration:.25s } @media (min-width:1160px) { .SpyInst_Footer .popup { left:-65px } } .SpyInst_Footer .popup:before { content:""; position:absolute; bottom:-6px; left:30px; width:20px; height:20px; -webkit-transform:rotate(45deg); transform:rotate(45deg); border-radius:20px 0 3px 0; background:var(--bg-select-linear-gradient) } @media (min-width:1160px) { .SpyInst_Footer .popup:before { left:60px } } .SpyInst_Footer .country .popup { width:calc(100vw - 30px) } @media (min-width:670px) { .SpyInst_Footer .country .popup { width:auto } } .SpyInst_Footer .globalPopupActive { z-index:1000!important } .SpyInst_Footer .globalPopupActive .popup { -webkit-transform:none; transform:none; opacity:1; pointer-events:auto } .SpyInst_FooterNav .optionList { color:#525f7f; white-space:nowrap; -ms-flex-preferred-size:50%; flex-basis:50%; -ms-flex-negative:0; flex-shrink:0; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between } .SpyInst_FooterNav .optionList li { width:100% } .SpyInst_FooterNav .optionList a { border-radius:4px; display:block; line-height:36px; padding:0; -webkit-transition:color .1s,background-color .1s; transition:color .1s,background-color .1s } .SpyInst_FooterNav .optionList a:hover { background-color:#f6f9fc; color:var(--amber-wait); } .SpyInst_FooterNav .optionList a:active { background-color:#e6ebf1 } @media (min-width:670px) { .SpyInst_FooterNav .optionList a { padding:0 15px } } .SpyInst_FooterNav .optionList .selected { font-weight:600; color:var(--amber-wait); } .SpyInst_FooterNav .optionList .selected>span:before { content:""; display:inline-block; width:18px; height:18px; vertical-align:-2px; margin: 0 11px 0 0px; background:url(/img/checkmark.svg); background-size:contain; background-repeat:no-repeat } .SpyInst_FooterNav .badge { font-size:10px; line-height:10px; color:#aab7c4; font-weight:600; text-transform:uppercase; letter-spacing:.025em; font-style:normal; padding:2px 3px 1px; border-radius:4px; border:1px solid #e6ebf1; display:inline-block; vertical-align:1px; margin-left:8px } .SpyInst_FooterNav .languagePicker { padding:10px 20px } @media (min-width:670px) { .SpyInst_FooterNav .languagePicker { padding:10px 5px } } .advantages .container-lg { display:grid; grid-template-rows:repeat(3,auto); grid-gap:26px 0; gap:26px 0 } @media(min-width:670px) { .advantages .container-lg { grid-gap:0 26px; gap:0 26px; grid-template-columns:repeat(3,1fr); grid-template-rows:repeat(1,1fr) } } .onetime-lifetime__first,.onetime-lifetime__second { display:grid; -webkit-box-align:center; -ms-flex-align:center; align-items:center; grid-gap:30px 0; gap:30px 0; grid-template-rows:repeat(2,auto) } .onetime-lifetime__first .slant-BodyTextMedium,.onetime-lifetime__second .slant-BodyTextMedium { margin:.3em 0 1.5em } @media(min-width:670px) { .onetime-lifetime__first { grid-template-columns:.45fr .55fr; grid-template-rows:1fr; grid-gap:0 70px; gap:0 70px } } .onetime-lifetime__second { margin:70px auto 0 } @media(min-width:670px) { .onetime-lifetime__second { margin:90px auto 0 } } @media(min-width:880px) { .onetime-lifetime__second { margin:100px auto 0 } } @media(min-width:1040px) { .onetime-lifetime__second { margin:40px auto 0 } } .onetime-lifetime__second>div { min-width:0 } .onetime-lifetime__second>div:first-child { grid-row:2; position:relative; z-index:12 } .onetime-lifetime__second>div:last-child { grid-row:1 } @media(min-width:880px) { .onetime-lifetime__second { grid-template-columns:.45fr .48fr; grid-template-rows:1fr; grid-gap:0 70px; gap:0 70px } .onetime-lifetime__second>div:first-child,.onetime-lifetime__second>div:last-child { grid-row:initial } } .onetime-lifetime__list { font-size:16px } .onetime-lifetime__list li { display:-webkit-box; display:-ms-flexbox; display:flex; margin-bottom:1.5em } .onetime-lifetime__list li:last-child { margin-bottom:0 } .onetime-lifetime__list li div:first-child { margin-right:1em } .onetime-lifetime-list__title { color: #aab7c4; margin-bottom: .2em; font-size: 18px; font-weight: 400; } .onetime-lifetime__quote { position:relative; z-index:5; -webkit-transform:scale(.9) perspective(2910px) rotateY(20deg) rotateX(5deg) rotate(-1deg); transform:scale(.9) perspective(2910px) rotateY(20deg) rotateX(5deg) rotate(-1deg); border-radius:14px; -webkit-box-shadow:-1px -1px 5px 0 rgba(26,26,67,.05),-12px 20px 125px -25px rgba(50,50,93,.5),-18px 20px 75px -37.5px rgba(0,0,0,.6); box-shadow:-1px -1px 5px 0 rgba(26,26,67,.05),-12px 20px 125px -25px rgba(50,50,93,.5),-18px 20px 75px -37.5px rgba(0,0,0,.6); font-size:16px } .onetime-lifetime__quote .onetime-lifetime__quotes { width:2.5em; height:2.5em; border-radius:100%; -webkit-box-shadow:0 4px 6px rgba(50,50,93,.11),0 1px 3px rgba(0,0,0,.08); box-shadow:0 4px 6px rgba(50,50,93,.11),0 1px 3px rgba(0,0,0,.08); background-color:#fff; top:0; left:50%; -webkit-transform:translate(-50%,-50%); transform:translate(-50%,-50%); position:absolute; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; -webkit-box-align:center; -ms-flex-align:center; align-items:center } .onetime-lifetime__quote .onetime-lifetime__quotes svg { width:1em; height:auto } .onetime-lifetime__quote div:first-child { padding:1.4em 1.9em; font:300 1.425em Camphor; line-height:1.4; color:#424770; background-color:#fff; border-top-right-radius:8px; border-top-left-radius:8px } @media(min-width:880px) { .onetime-lifetime__quote div:first-child { font:300 1.625em Camphor; line-height:1.5; padding:2.4em 1.9em } } .onetime-lifetime__quote div:first-child .medium { font-weight:500 } .onetime-lifetime__quote div:nth-child(2) { background-color:#ff9b7c; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; -webkit-box-align:center; -ms-flex-align:center; align-items:center; padding:1.9em 1em; border-bottom-right-radius:8px; border-bottom-left-radius:8px } @media(min-width:880px) { .onetime-lifetime__quote div:nth-child(2) { padding:3.5em 1em } } ._8-vl { background-clip: text; background-repeat: no-repeat; color: transparent; display: inline; } ._95iu { background-position: left calc(100% - .07em); background-repeat: no-repeat; background-size: 0 .07em; padding-bottom: 2px; transition: background-size 500ms cubic-bezier(0, .61, .28, .92); } ._8-vp._8-vl { background-image: linear-gradient(45deg, #BA00B4, #1D0AC9); } ._8iqw._95iu { background-image: linear-gradient(45deg, #BA00B4, #1D0AC9); } ._8ow9 { background: none; border: none; cursor: pointer; font-family: inherit; font-size: inherit; font-weight: inherit; line-height: inherit; margin: 0; padding: 0; text-align: inherit; } ._8giz{align-items:center;background:transparent;border:none;color:var(--p-comonbody);display:inline-flex;font-size:14px;justify-content:center;letter-spacing:0;min-width:75px;padding:14px 34px;position:relative;text-align:center;text-decoration:none;transition:color 500ms cubic-bezier(0, .61, .28, .92), filter 500ms cubic-bezier(0, .61, .28, .92), -webkit-filter 500ms cubic-bezier(0, .61, .28, .92);white-space:nowrap}._8giz:disabled{cursor:not-allowed;-webkit-filter:grayscale(100%) contrast(0)}._8giz:hover{text-decoration:none}._8giz:hover{color:#fff}._8giz._8gi-{color:#fff}._8gi_{position:relative;}._8gj0{height:45px;left:0;position:absolute;top:0;transition:opacity 500ms;transition-timing-function:cubic-bezier(0, .61, .28, .92);width:100%;z-index:-1}._8gj1{opacity:1}._8gj2{opacity:0}._8giz:hover ._8gj1,._8giz:hover:disabled ._8gj2{opacity:0}._8giz:hover ._8gj2,._8giz:hover:disabled ._8gj1{opacity:1} ._8gj1 { opacity: 1; } ._8gi_ { position: relative; } ._8g86+._8g86 { margin-top: 16px; } .mt_10_1{ margin-top: 10px!important;} .mt_10{ margin-top: 12px!important;} .mb_5 { margin-bottom: 5px; } .mb_25 { margin-bottom: 25px; } .mdc_ {margin: 4px 0px 0px 0px!important; } .mdc_2 {margin: 7px 0px 0px 0px!important; } .globalNav .linkIcon { white-space:nowrap; align-items:center; display:flex } .globalNav .linkIcon svg { margin:-12px 12px -3px -1px } .globalNav .linkIcon2 svg { margin: -3px 12px -3px -1px } .globalNav .withIcon { padding-left:28px } .globalNav .withIcon .linkTitle { margin-left:-28px } .globalNav .new-badge { display:inline-block; margin-left:5px; vertical-align:2px; color:#fff; text-transform:uppercase; font-size:10px; line-height:1; font-weight:700; background:#1cb39b; -webkit-transition:background .15s; transition:background .15s; border-radius:10px; padding:2px 4px 1px; height:auto; top:auto; -webkit-box-shadow:none; box-shadow:none } .globalNav .linkContainer:focus .new-badge,.globalNav .linkContainer:hover .new-badge { background:#32325d } .globalNav .productsGroupPrimary,.globalNav .productsGroupSecondary { margin:-5px -10px; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-orient:vertical; -webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column } .wrapper-header { position:fixed; top:0; left:0; width:100%; z-index:1000 } .header-nav-in .wrapper-header { height:100% !important } .wrapper-header-i { position:relative; width:100%; -webkit-transition-property:all; -webkit-transition-duration:.4s; transition-property:all; transition-duration:.4s; z-index:1003 } .header-sticky .wrapper-header-i { background-color: var(--bg-head); box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2); height:50px } .wrapper-header-i .col { position:relative; margin-bottom:21px; -webkit-transition-property:all; -webkit-transition-duration:.4s; transition-property:all; transition-duration:.4s } .header-nav-in .menu-close { z-index:1008 } .wrapper-navigation { -webkit-transition-property:all; -webkit-transition-duration:.4s; transition-property:all; transition-duration:.4s; left:0; position:fixed; top:0; width:380px; max-width:100%; height:100%; display:block; background:#004554; background:rgba(0,69,84,0.9); opacity:0; filter:alpha(opacity=0); z-index:-1; -webkit-box-sizing:content-box; -moz-box-sizing:content-box; box-sizing:content-box; -webkit-transition-property:opacity,margin,width; -webkit-transition-duration:.6s; transition-property:opacity,margin,width; transition-duration:.6s } .header-nav-in .wrapper-navigation { opacity:1; filter:alpha(opacity=100); z-index:1010 } .wrapper-navigation-i { color:#fff; position:absolute; top:0; right:0; width:100%; height:100%; max-width:380px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box } .wrapper-navigation-i .container { position:relative; width:100%; min-width:0 } .wrapper-navigation-i .header-nav { -webkit-transition-property:all; -webkit-transition-duration:.4s; transition-property:all; transition-duration:.4s; position:absolute; zoom:1; top:21px; left:0; width:100% } .header-sticky .wrapper-navigation-i .header-nav { top:11px } .wrapper-navigation-i .nav-item { position:absolute; zoom:1; -webkit-transition-property:all; -webkit-transition-duration:.4s; transition-property:all; transition-duration:.4s; top:100px; bottom:0; right:0; left:80px; overflow-x:hidden; overflow-y:auto } .header-sticky .wrapper-navigation-i .nav-item { top:80px } .features-indulge { -webkit-flex-shrink:0; -ms-flex-negative:0; flex-shrink:0; padding:0 } .features-indulge__wrapper { text-align:center; padding-top:48px; } @media (min-width:992px) { .features-indulge__wrapper { padding-top:40px; text-align:left } } .features-indulge__monitor-data { width:48px; height:48px; display:none } @media (min-width:992px) { .features-indulge__monitor-data { width:64px; height:64px; display:block; margin:0 auto 15px } } .features-indulge__main-headline { margin-bottom:16px;line-height: 35px; font-size:24px; color: var(--p-comonbody); font-weight: 400; } @media (min-width:992px) { .features-indulge__main-headline { font-size:27px; text-align:center; line-height:44px; font-weight: 400; margin-left:auto; margin-right:auto; margin-bottom:5px } } @media (min-width:992px) { .features-indulge__feature-list { display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-flex-wrap:wrap; -ms-flex-wrap:wrap; flex-wrap:wrap; -webkit-box-pack:center; -webkit-justify-content:center; -ms-flex-pack:center; justify-content:center; margin:0 -24px 12px } } .features-indulge__feature-figure { display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-box-orient:vertical; -webkit-box-direction:normal; -webkit-flex-direction:column; -ms-flex-direction:column; flex-direction:column; -webkit-box-align:start; -webkit-align-items:flex-start; -ms-flex-align:start; align-items:flex-start; padding-bottom:16px; padding-left:53px; margin-bottom:13px; color:inherit; position:relative } .features-indulge__feature-figure::before { content:""; display:block; width:calc(100% - 17px); left:33px; bottom:0; height:1px; position:absolute } @media (min-width:992px) { .features-indulge__feature-figure { -webkit-box-flex:1; -webkit-flex:1 1 18%; -ms-flex:1 1 18%; flex:1 1 18%; -webkit-box-orient:vertical; -webkit-box-direction:normal; -webkit-flex-direction:column; -ms-flex-direction:column; flex-direction:column; width:92px; padding:36px 0; margin:0 22px 0 } .features-indulge__feature-figure .custom-icon { width:32px; min-width:32px; height:32px; margin-right:15px } .features-indulge__feature-figure::before { display:none } } .custom-icon { display: inline-block; width: 36px; height: 36px; stroke-width: 0; stroke: currentColor; fill: currentColor; -webkit-transition: color .225s ease,fill .255s ease; transition: color .225s ease,fill .255s ease; } .features-indulge__feature-text { text-align:left; width:100%; padding-right:42px; font-size:15px;font-weight: 300; line-height:1.5; -webkit-box-sizing:border-box; box-sizing:border-box;color: var(--p-comonbody); } @media (min-width:992px) { .features-indulge__feature-text { padding-right:0 } } .features-indulge__icon { position:absolute; top:3px; left:0; fill:#66ce72 } @media (min-width:992px) { .features-indulge__icon { position:relative; top:0 } } .features-indulge__feature-wrap { display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex } @media (min-width:992px) { .features-indulge__feature-wrap { -webkit-box-align:center; -webkit-align-items:center; -ms-flex-align:center; align-items:center; margin-bottom:20px } } .features-indulge__feature-caption { font-weight:500; font-size:16px; line-height:1.57;color: var(--p-comonbody); margin-bottom:5px } @media (min-width:992px) { .features-indulge__feature-caption { font-size:16px; font-weight:500; line-height:1.22; margin-bottom:0 } } .features-indulge__icon-check { margin-left:auto; width:12px; height:12px; position:absolute; top:0; right:8px } @media (min-width:992px) { .features-indulge__icon-check { display:none } } .features-indulge__button { display: block; width: 100%; max-width: 288px; margin: auto; } @media (min-width:992px) { .features-indulge__button { display:block; width:100%; max-width:288px; margin:auto } } .custom-btn { font-family:'Open Sans',Arial,Helvetica Neue,Helvetica,sans-serif; font-size:15px; color:#fff; font-weight:600; text-transform:uppercase; border-radius:4px; text-align:center; width:100%; padding-left:16px; padding-right:16px; white-space:nowrap; height:48px; line-height:48px; -webkit-box-sizing:border-box; box-sizing:border-box; cursor:pointer; -webkit-transition:background-color .225s ease; transition:background-color .225s ease; outline:0; border:0 } @media (min-width:400px) { .custom-btn { min-width:288px; width:auto } } .custom-btn--green { background-color:#3ecf8e } .custom-btn--green:hover, .custom-btn--green:active { background-color:#2db276 } .custom-btn--blue { background-color:#43baf2 } .custom-btn--blue:hover, .custom-btn--blue:active { background-color:#2bb1f0 } .custom-btn--white { background-color:#fff; color:#97c75f } .custom-btn--white:hover, .custom-btn--white:active { background-color:#f2f2f2 } .custom-btn--white-blue { background-color:#fff; color:#43baf2 } .custom-btn--white-blue:hover, .custom-btn--white-blue:active { background-color:#f2f2f2 } .slant-BodyText { font-weight: 300; font-size: 16px; line-height: 26px; color: var(--p-comonbody); } .text_transform {text-transform: uppercase;} .sup_h{font-size: 24px; } .slant-BodyText_2 { display: flex; font-weight: 300; font-size: 16px; line-height: 28px; color: var(--p-comonbody); align-items: center; } @media (max-width: 670px) { .slant-BodyText { line-height: 25px; font-size: 16px; }.slant-BodyText_2 { font-size: 14px; line-height: 26px; }} .common-head_text { font-weight: 300; font-size: 17px; line-height: 28px; color: var(--p-comonbody); } .times { color: var(--p-comonbody); } .slant-BodyText_3 { font-weight: 400; font-size: 15px; line-height: 28px; color: var(--p-comonbody); } #hero{ color: var(--side-menu); } .display_none { display: none; } #ava_load { float: left; } .mrt_0{margin-top: 0px!important;} .slant-BodyText_4 { font-weight: 400; font-size: 14px; line-height: 28px; color: var(--h-color); } .Header-subTitle { color: #32325d; display: block; } .path { stroke-dasharray: 1000; stroke-dashoffset: 0;} .circle { -webkit-animation: dash .9s ease-in-out; animation: dash .9s ease-in-out; } .line { stroke-dashoffset: 1000; -webkit-animation: dash .9s .35s ease-in-out forwards; animation: dash .9s .35s ease-in-out forwards; } .check { stroke-dashoffset: -100; -webkit-animation: dash-check .9s .35s ease-in-out forwards; animation: dash-check .9s .35s ease-in-out forwards; } .success { color: #56bca6; } @media (max-width: 670px) { .common-PageSubtitle, .appear-PageTitle { font-size: 24px!important; line-height: 35px!important; } .appear-PageTitle_s { font-size: 24px!important; line-height: 35px; } .mt_10{ margin-top: 0px!important;} } .common-PageSubtitle, .appear-PageTitle { color: var(--h-color); font-size: 27px; font-weight: 400; line-height: 45px; } /* .common-capture { margin-bottom: 30px } */ .buy-build__for-developers {margin-top: 30px} .common-Button { font-family: Camphor, Segoe UI, Open Sans, sans-serif } .common-Button { white-space:nowrap; display:inline-block; height:40px; line-height:40px; padding:0 14px; -webkit-box-shadow:0 4px 6px rgba(50,50,93,.11),0 1px 3px rgba(0,0,0,.08); box-shadow:0 4px 6px rgba(50,50,93,.11),0 1px 3px rgba(0,0,0,.08); background:#fff; border-radius:4px; font-size:15px; font-weight:600; text-transform:uppercase; letter-spacing:.025em; color:#337be7; text-decoration:none; -webkit-transition:all .15s ease; transition:all .15s ease } .common-Button:focus,.common-Button:hover { color:#1cb39b; -webkit-transform:translateY(-1px); transform:translateY(-1px); -webkit-box-shadow:0 7px 14px rgba(50,50,93,.1),0 3px 6px rgba(0,0,0,.08); box-shadow:0 7px 14px rgba(50,50,93,.1),0 3px 6px rgba(0,0,0,.08) } .common-Button:active { color:#1cb39b; background-color:#f6f9fc; -webkit-transform:translateY(1px); transform:translateY(1px); -webkit-box-shadow:0 4px 6px rgba(50,50,93,.11),0 1px 3px rgba(0,0,0,.08); box-shadow:0 4px 6px rgba(50,50,93,.11),0 1px 3px rgba(0,0,0,.08) } .common-Button--default { color:#fff; background:#3ecf8e } .common-Button--default:focus,.common-Button--default:hover { color:#fff; background: linear-gradient(90deg, #da2d6f, #fed974, #505bd5), #fed874 } .common-Button--default:active { color:#e6ebf1; background-color:#1cb39b } .common-Button--default, .common-Button--default:hover { background: linear-gradient(90deg, #fed974, #da2d6f, #505bd5), #fed874 } .common-midnight { color:#fff; background:#0099ff } .common-midnight:focus,.common-midnight:hover { color:#fff; background-color:#1cb39b } .common-midnight:active { color:#e6ebf1; background-color:#0099ff } .common-midnight, .common-midnight:hover { background: linear-gradient(90deg, #fed974, #da2d6f, #505bd5), #fed874!important } .bg{background-color: var(--bg);} .wa_logo { vertical-align: middle;width: 80px;margin-top: -5px; } .fbspy{color: #1cb099} .header-sticky .fbspy{color: #fff} .fz_19{ font-size: 19px!important; } .ApplePayWeb-availabilityMessage { margin-top: 20px; font-size: 14px; font-weight: 400; line-height: 21px; color: var(--p-comonbody) } @media (min-width: 670px) { .ApplePayWeb-availabilityMessage { display: inline-block; margin: 0; margin-top: 25px; float: left } } .w25{width: 25px} .ApplePayWeb-playIcon { display: inline-block; margin-right: 5px; will-change: transform; pointer-events: none; position: relative; top: 6px } .ApplePayWeb-playIcon .fill { opacity: 0 } .but_on { border: 1px solid #6ccc93;font-weight: 600;padding: 6px 6px 4px 6px;border-radius: 4px; } .but_en { border: 1px solid #153e80;font-weight: 600;padding: 6px 6px 4px 6px;border-radius: 4px;background-color: #3ecf8e; } .common-IntroText { margin-top: 14px; margin-bottom: 14px; font-weight: 500; font-size: 18px; line-height: 31px; color: var(--h-color); } .BP-ComparisonTable tbody { display: table-row-group; } .BP-ComparisonTableSection .BP-ComparisonTableSection__data { display: table-row; width: auto; } .BP-ComparisonTable th { display: table-cell; } @media (min-width: 670px) { .feature-list_container { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; grid-template-rows: repeat(2, 1fr); grid-template-columns: repeat(2, 1fr); -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; padding: 0 60px } } @media (min-width: 880px) { .feature-list_container { grid-template-rows: 1fr; grid-template-columns: repeat(2, 1fr); padding: 0 20px } } @media (min-width: 1040px) { .feature-list_container { padding: 0 } } .feature-list_container .feature-list li { position: relative; padding-right: 0; -webkit-transition: color .15s ease-in-out; transition: color .15s ease-in-out } .feature-list_container .feature-list li.title { text-transform: uppercase; padding-left: 0; font-weight: 600; letter-spacing: .025em; padding-right: 0 } .feature-list_container .feature-list li.title:hover { color: #fff } .feature-list_container .feature-list .popover { position: absolute; left: 0; right: -10px; top: 30px; background-color: #fff; border-radius: 4px; -webkit-box-shadow: 0 7px 14px rgba(50, 50, 93, .1), 0 3px 6px rgba(0, 0, 0, .08); box-shadow: 0 7px 14px rgba(50, 50, 93, .1), 0 3px 6px rgba(0, 0, 0, .08); -webkit-transition-property: opacity, -webkit-transform; transition-property: opacity, -webkit-transform; transition-property: transform, opacity; transition-property: transform, opacity, -webkit-transform; -webkit-transition-duration: .15s; transition-duration: .15s; -webkit-transition-timing-function: ease-in-out; transition-timing-function: ease-in-out; pointer-events: none; opacity: 0; -webkit-transform: translateY(-100%) scale(.75); transform: translateY(-100%) scale(.75); -webkit-transform: translateY(calc(-100% + 10px)) scale(.75); transform: translateY(calc(-100% + 10px)) scale(.75); -webkit-transform-origin: 20px calc(100% + 12px); transform-origin: 20px calc(100% + 12px); color: #285473; padding: 15px 20px; font-size: 13px; font-weight: 500; line-height: 1.5em } .feature-list_container .feature-list .popover:before { content: ""; position: absolute; bottom: -6px; left: 15px; width: 12px; height: 12px; -webkit-transform: rotate(45deg); transform: rotate(45deg); border-radius: 0 0 4px 0; background-color: inherit; -webkit-box-shadow: 3px 3px 5px rgba(82, 95, 127, .04); box-shadow: 3px 3px 5px rgba(82, 95, 127, .04) } .features__prises { z-index: 6 } .class_315 { width: 315px; } .in_top, .in_top_to { -webkit-box-shadow: 0 2px 5px -1px rgba(50,50,93,.25),0 1px 3px -1px rgba(0,0,0,.3); box-shadow: 0 2px 5px -1px rgba(50,50,93,.25),0 1px 3px -1px rgba(0,0,0,.3); margin-top: 10px; float: left; } .b_t_n_ { margin-top: 10px; margin-left: 10px; } .b_t_n { margin-top: 10px; margin-left: 10px; } @media (max-width:670px) { .flex_div {display: block} .mt_90 { margin-top: 10px !important; } .in_top, .in_top_to { margin-left: 0px; float: none; -webkit-box-shadow: 0 2px 5px -1px rgba(50,50,93,.25),0 1px 3px -1px rgba(0,0,0,.3); box-shadow: 0 2px 5px -1px rgba(50,50,93,.25),0 1px 3px -1px rgba(0,0,0,.3); } .class_315 { width: 100%; }.b_t_n_ { width: 100%; margin-left: 0px; } .b_t_n { width: 100%; margin-left: 0px; margin-top: 10px; }} /* Menu Button */ .menu-btn{ width: 100px; text-align: center; border: 0; } .menu-btn:hover{ color: #FFF; } /*! Pushy - v1.1.0 - 2017-1-30 * Pushy is a responsive off-canvas navigation menu using CSS transforms & transitions. * https://github.com/christophery/pushy/ * by Christopher Yee */ /* Menu Appearance */ .amber_w{color: var(--side-menu)} .mobtext { font-size: 16px; color: #fff; } .weight { width: 80%; } @media screen and (max-width:880px) { .weight { margin-left:4px; width: 100%; } .mobtext { font-size: 16px; color: #fff; } } .menu__link::after, .menu__link:visited::after { content: ''; position: absolute; bottom: 0; left: 16px; right: 16px; height: 1px; background: #e5e5e5; } .drop-Icon { border-radius: 50%; display: inline-flex; align-items: center; justify-content: center } .drop__text--slate5 { color: #8898aa; } .drop-Icon > * { width: 100% } .drop-Icon--check { height: 23px; width: 23px } .drop-Icon--xxsmall { height: 12px; width: 12px } .drop-Icon--xsmall { height: 16px; width: 16px } .drop-Icon--small { height: 32px; width: 32px } .drop-Icon--medium { height: 48px; width: 48px } .drop-Icon--medium svg { width: 24px; height: 24px } .drop-Icon--large { height: 72px; width: 72px } .drop-Icon--large svg { width: 48px; height: 48px } .drop-Icon--xlarge { height: 80px; width: 80px } .drop-Icon--xlarge svg { width: 48px; height: 48px } .drop-Icon--circle { border-radius: 50% } .drop-Icon--full svg { width: 100%; height: 100% } .drop-LogoRow__logoRow { position: relative; display: flex; justify-content: space-around; align-items: center } @media (min-width: 670px) { .drop-LogoRow__logoRow { justify-content: space-between } } .drop-LogoRow__logoRow li { padding: 0 15px; display: flex; align-items: center } @media (min-width: 670px) { .drop-LogoRow__logoRow li { margin-bottom: 24px } .drop-LogoRow__logoRow li:first-child { padding-left: 0 } .drop-LogoRow__logoRow li:last-child { padding-right: 0 } } @media (min-width: 880px) { .drop-LogoRow__logoRow li { padding: 0 18px } } @media (min-width: 1040px) { .drop-LogoRow__logoRow li { padding: 0 22px } } .drop-LogoRow__logoRow a { display: flex; cursor: pointer } .drop-LogoRow__logoRow img, .drop-LogoRow__logoRow svg { max-width: 100%; max-height: 45px } .color_z { color: var(--globalNav-colorize) ; } .drop-nut { display: flex; padding: 90px 20px 140px; max-width: 1040px; margin: 0 auto 50px; flex-wrap: wrap } @media (min-width: 670px) { .drop-nut { flex-wrap: nowrap; padding: 30px 0px 60px; margin: 0 auto 10px } } .drop-nut > div:first-of-type:last-of-type { flex-basis: 100% } @media (min-width: 880px) { .drop-nut > div:first-of-type:last-of-type { flex-basis: 65% } } @media (min-width: 670px) { .drop-nut.drop-nut--hasImage .drop-nut__content { flex-basis: 75%; margin-right: 30px } } .color_f{color: #fff!important;} .drop-nut.drop-nut--centerAligned .drop-nut__content { text-align: center; max-width: 800px; margin: 0 auto } .drop-nut.drop-nut--centerAligned div:first-of-type:last-of-type { flex-basis: 100% } @media (min-width: 880px) { .drop-nut.drop-nut--centerAligned div:first-of-type:last-of-type { flex-basis: 100% } } .drop-nut__image { flex: 100%; margin: 0 auto; position: relative; top: 40px } @media (min-width: 670px) { .drop-nut__image { top: 140px; flex-basis: 40% } } @media (min-width: 670px) { .drop-nut.drop-nut--hasImage .drop-nut__text { max-width: 90% } } .drop-nut__title { margin-top: 60px } .drop-nut__text { margin-top: 16px } .drop-nut__buttons { margin-top: 30px; flex-wrap: wrap; } @media (min-width: 420px) { .drop-nut__buttons { display: block; justify-content: space-evenly } } .drop-nut__buttons a, .drop-nut__buttons button { cursor: pointer } .drop-nut__buttons > :not(:last-child) { margin-right: 12px } .drop-nut__buttons > :not(:last-child) { margin: 10px 20px 12px 0 } .drop-SectionIntro { display: flex; flex-direction: column; justify-content: flex-start; align-items: center; padding: 50px 0px 0; text-align: center } @media (min-width: 670px) { .drop-SectionIntro { padding: 80px 20px 0; margin-bottom: 40px } } .drop-SectionIntro__title { display: flex; align-items: center; margin: 16px auto } @media (min-width: 670px) { .drop-SectionIntro__title { margin-bottom: 20px } } .Popular { position: relative } .Popular:before { display: block; content: ""; width: 100%; padding-top: calc(var(--aspect-ratio) * 100%) } .Popular > div { position: absolute; top: 0; left: 0; right: 0; bottom: 0 } .fastGraphic { --border-radius: 8px; position: relative; width: 100%; display: flex; flex-direction: column; align-items: center; justify-content: flex-end; top: -50px } .fastGraphic__container { height: 100%; width: 100%; position: relative; flex: 1; z-index: 1 } .fastGraphic__content, .fastGraphic__shadow { position: absolute; top: 0; left: 0; right: 0; bottom: 0; border-radius: var(--border-radius) } .fastGraphic__shadow { opacity: .5 } .fastGraphic__content { overflow: hidden; will-change: transform; background-color: #fff } .fastGraphic__content img { width: 100%; height: 100%; overflow: hidden; position: absolute; border-radius: 10px; top: 0; left: 0 } .fastGraphic__overlay { position: absolute; top: -10px; left: -10px; right: -10px; bottom: -10px; background: transparent; opacity: 0 } .fastGraphic__left, .fastGraphic__right { position: absolute } .fastGraphic__left .fastGraphic__shadow, .fastGraphic__right .fastGraphic__shadow { box-shadow: 0 7px 14px rgba(50, 50, 93, .14), 0 3px 6px rgba(0, 0, 0, .17) } .fastGraphic__main { position: relative; max-width: 280px; margin: 0 auto } .fastGraphic__main .fastGraphic__shadow { box-shadow: 0 50px 100px rgba(50, 50, 93, .17), 0 15px 35px rgba(50, 50, 93, .21), 0 5px 15px rgba(0, 0, 0, .14) } .fastGraphic__left { width: 45%; bottom: 60px; left: -8%; z-index: 1 } @media (min-width: 670px) { .fastGraphic__left { width: 50%; left: -12% } } .fastGraphic__right { width: 55.6%; top: 60px; right: -15.5% } @media (min-width: 670px) { .fastGraphic__right { width: 60.6%; right: -30% } } .fastGraphic__caption { position: absolute; left: 50%; bottom: 0; width: 100%; max-width: 292px; margin: 20px auto 0 } .fastGraphic__caption-text { text-align: center; font-size: 15px; line-height: 21px; transition: all .4s cubic-bezier(.55, .055, .675, .19); transform: translateX(-50%) translateY(100%) translateY(30px); color: #6b7c93; display: none; } .fastGraphic__caption-text--out { opacity: 0; transform: translateX(-50%) translateY(100%) translateY(30px) scale(.9); transition: all .4s cubic-bezier(.215, .61, .355, 1) } .Hero { position: relative; max-width: 100vw; overflow: hidden } .fl_ex { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .fastGraphic { margin-top: 30px } .flags { border-radius: 100px; vertical-align: middle; width: 17px; margin-right: 7px; } @media (max-width:870px) { .flags { margin-bottom: -2px; } } .w_imp { width: 45px!important; } .setting { vertical-align: middle; margin-right: 3px; } .l_f { line-height: 29px!important; } @media (min-width: 670px) { .fastGraphic { margin-top: 0 } } { font-weight: 400; font-size: 35px; line-height: 48px; max-width: 606px } @media (min-width: 880px) { { font-size: 43px; line-height: 68px } } .TextRotator { color: #1cb39b; width: 190px; height: 54px; margin-top: -22px; top: 18px } @media (min-width: 880px) { .TextRotator { width: 286px; height: 74px; top: 22px } } .TextRotator:after, .TextRotator:before { content: ""; position: absolute; left: 0; top: 0; background: linear-gradient(#f5f9fc, rgba(245, 249, 252, 0)); height: 10px; width: 100%; z-index: 1 } .TextRotator:after { bottom: 0; top: auto; background: linear-gradient(rgba(245, 249, 252, 0), #f5f9fc) } @media (min-width: 670px) { .Hero__Advocate { margin-top: 0 } } .Hero__Advocate ul { padding-bottom: 20px; flex-wrap: wrap; justify-content: center } .Hero__Advocate ul li { margin-bottom: 30px; justify-content: center } @media only screen and (max-width: 381px) { .Hero__Advocate ul li { width: 100% } } @media (min-width: 670px) { .Hero__Advocate ul { flex-wrap: nowrap; justify-content: space-around } .Hero__Advocate ul li { width: auto; margin-bottom: 0 } } .Hero__title .TextRotator::after { bottom: 0; top: auto; background: linear-gradient(rgba(245,249,252,0),#f5f9fc); } .Hero__title .TextRotator::after, .Hero__title .TextRotator::before { content: ""; position: absolute; left: 0; top: 0; background: linear-gradient(#f5f9fc,rgba(245,249,252,0)); height: 10px; width: 100%; z-index: 1; } .Hero__title .TextRotator { color: #0c6257; width: auto; height: 54px; margin-top: -22px; top: 18px; overflow-wrap: break-word; } .TextRotator__item { display: block; width: 100%; } .TextRotator { position: relative; display: inline-block; overflow: hidden; transition: width .6s cubic-bezier(.215,.61,.355,1); } .TextRotator__slide { position: relative; overflow: visible; vertical-align: top; list-style: none; transition: transform .6s cubic-bezier(.215,.61,.355,1); } .weight_100 { width: 70%; margin-left: 50px; } .bg_button{ background: #37c784!important;} .SpyInst_Footer { font-family:Camphor,Open Sans,Segoe UI,sans-serif; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; background:var(--bg); position:relative } .SpyInst_FooterNav { padding:45px 0 5px; color:#aab9c9; line-height:33px; font-size:15px; white-space:nowrap; margin-top: 10px; } .SpyInst_FooterNav ul { padding:0; margin:0 } .SpyInst_FooterNav li { list-style:none } .SpyInst_FooterNav .container-lg { display:-webkit-box; display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap } @media (min-width:880px) { .SpyInst_FooterNav .container-lg { -ms-flex-wrap:nowrap; flex-wrap:nowrap } } .SpyInst_FooterNav a { text-decoration:none; color:var(--p-comonbody); -webkit-transition:color .1s; transition:color .1s; font-weight: 300; display: flex; align-items: center; } .SpyInst_FooterNav a svg { margin-right: 4px; } .SpyInst_FooterNav a:hover { color:#3498db } .SpyInst_FooterNav .metaNav { display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-orient:horizontal; -webkit-box-direction:normal; -ms-flex-direction:row; flex-direction:row; -webkit-box-flex:2; -ms-flex-positive:2; flex-grow:2; -ms-flex-preferred-size:100%; flex-basis:100%; margin-bottom:20px } @media (min-width:880px) { .SpyInst_FooterNav .metaNav { -ms-flex-preferred-size:auto; flex-basis:auto; -webkit-box-orient:vertical; -webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column; margin:0 0 20px } } .SpyInst_FooterNav .metaNav>li { margin-right:20px } .SpyInst_FooterNav .metaNav .select { position:relative; -webkit-perspective:2000px; perspective:2000px; z-index:499; margin-top: 20px; } @media (max-width:670px) { .SpyInst_FooterNav .metaNav .select { margin-top: 0px; } #intro ul.ul-banner-button li {display: block!important; margin-top: 10px; } } .SpyInst_FooterNav .metaNav .rootLink { font-weight:500; cursor:pointer } .SpyInst_FooterNav .metaNav .rootLink:hover { color:#3498db } .SpyInst_FooterNav .metaNav .rootLink svg { display:inline-block; vertical-align:-1px; margin:0 7px 0 -2px } .SpyInst_FooterNav .metaNav .rootLink svg path { fill:currentColor } .SpyInst_FooterNav .metaNav .select.globalPopupActive .rootLink { color:#1cb39b } @media (min-width:880px) { .SpyInst_FooterNav .metaNav .country { margin-bottom:5px } } .SpyInst_FooterNav .metaNav .space { -webkit-box-flex:2; -ms-flex-positive:2; flex-grow:2 } .SpyInst_FooterNav .metaNav .copyright { margin-right:0; color:#cfd7df } .SpyInst_FooterNav .siteNav { display:-webkit-box; display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; -webkit-box-flex:1; -ms-flex-positive:1; flex-grow:1; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between } @media (min-width:880px) { .SpyInst_FooterNav .siteNav { -webkit-box-flex:0; -ms-flex-positive:0; flex-grow:0 } } .SpyInst_FooterNav .siteNav .column { -ms-flex-preferred-size:50%; flex-basis:50%; } @media (min-width:670px) { .SpyInst_FooterNav .siteNav .column { -ms-flex-preferred-size:auto!important; flex-basis:auto!important; margin-right:40px } } @media (min-width:880px) { .SpyInst_FooterNav .siteNav .column { margin-right:20px } } @media (min-width:1040px) { .SpyInst_FooterNav .siteNav .column { margin-right:5px } } .SpyInst_FooterNav .siteNav .column:last-child { margin-right:0 } .SpyInst_FooterNav .siteNav .splitColumn { display:-webkit-box; display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap } .SpyInst_FooterNav .siteNav li { margin-right:20px } .SpyInst_FooterNav .siteNav li.long-link { margin-right:20px } .SpyInst_FooterNav .siteNav .column:last-child li { background: var(--bs-ContentSection-footer); margin: 2px; } .SpyInst_FooterNav .siteNav h4 { font-size:14px; font-weight:600; text-transform:uppercase; letter-spacing:.025em; margin:0 0 15px } .SpyInst_FooterNav .optionList { color:#525f7f; white-space:nowrap } .SpyInst_FooterNav .optionList a { border-radius:4px; display:block; line-height:36px; padding:0 15px; -webkit-transition:color .1s,background-color .1s; transition:color .1s,background-color .1s } .SpyInst_FooterNav .optionList a:hover { color: var(--h-color); text-decoration: none; background-color: var(--bg-body); } .SpyInst_FooterNav .optionList a:active { color: var(--h-color); text-decoration: none; background-color: var(--bg-body); } .SpyInst_FooterNav .optionList .selected { font-weight:600; color:#1cb39b } .SpyInst_FooterNav .badge { font-size:10px; line-height:10px; color:#aab7c4; font-weight:600; text-transform:uppercase; letter-spacing:.025em; font-style:normal; padding:2px 3px 1px; border-radius:4px; border:1px solid #e6ebf1; display:inline-block; vertical-align:1px; margin-left:8px } .SpyInst_FooterNav .languagePicker { padding:10px 5px } .SpyInst_FooterNav .countryPicker { display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-orient:vertical; -webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column } .SpyInst_FooterNav .countryPicker:before { background:#f6f9fc } @media (min-width:670px) { .SpyInst_FooterNav .countryPicker { -webkit-box-orient:horizontal; -webkit-box-direction:normal; -ms-flex-direction:row; flex-direction:row } .SpyInst_FooterNav .countryPicker:before { background:#fff } } .SpyInst_FooterNav .columns,.SpyInst_FooterNav .sidebar { display:-webkit-box; display:-ms-flexbox; display:flex } .SpyInst_FooterNav .sidebar { background:#f6f9fc; border-radius:0 0 5px 5px; overflow:hidden; -webkit-box-orient:vertical; -webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column } @media (min-width:670px) { .SpyInst_FooterNav .sidebar { border-radius:0 5px 5px 0 } } .SpyInst_FooterNav .sidebar .optionList a:hover { background-color:rgba(230,235,241,.5) } .SpyInst_FooterNav .sidebar .optionList a:active { background-color:rgba(207,215,223,.5) } .SpyInst_FooterNav .countryList { display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-orient:vertical; -webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column; padding:25px; -webkit-box-flex:1; -ms-flex-positive:1; flex-grow:1; max-width:calc(100vw - 40px); overflow:auto; -webkit-overflow-scrolling:touch } .SpyInst_FooterNav .countryList h4 { margin:0 0 5px } .SpyInst_FooterNav .countryList h4 a { line-height:36px; padding:0 15px; text-transform:uppercase; color:#1cb39b; font-size:14px; font-weight:600; letter-spacing:.025em } .SpyInst_FooterNav .countryList h4 a:hover { color:#1cb39b } .SpyInst_FooterNav .countryList h4 a:after { font:normal 16px PrisIcons; content:"\2192"; margin-left:6px } .SpyInst_FooterNav .globalLink { border-top:2px solid #fff; padding:30px 40px } .SpyInst_FooterNav .globalLink:hover { color:#424770 } .SpyInst_FooterNav .globalLink:hover strong { color:#1cb39b } .SpyInst_FooterNav .globalLink strong { display:block; font-weight:500; -webkit-transition:color .1s; transition:color .1s } .SpyInst_FooterNav .globalLink strong:after { font:normal 16px PrisIcons; content:"\2192"; margin-left:6px } section.hallway-account { position:relative; padding-top:60px; padding-bottom:120px } @media (min-width:880px) { section.hallway-account { padding-top:0; padding-bottom:0px } } section.hallway-account .container-lg { position:relative } section.hallway-account .hallway-account-columns { display:-webkit-box; display:-ms-flexbox; display:flex; position:relative } .l-h40 { line-height: 40px; } .mt_header{ margin-top: 80px;} @media (max-width:870px) { .mt_header{margin-top:61px;} } section.hallway-account .express-name { color:var(--h-color); font-size:27px; font-weight:400; line-height:40px; } .map-wr { position:relative } .map-wr .points-wr { position:absolute; top:0; left:0; right:0; bottom:0 } .map-wr .points-wr i { position:absolute; -webkit-transform:translate(-50%,-50%); transform:translate(-50%,-50%); border-radius:50%; -webkit-animation:pulse 2s infinite ease; animation:pulse 2s infinite ease } .map-wr .points-wr i:nth-child(1) { top:28%; left:20%; width:15px; height:15px; background:#405de6; -webkit-animation-delay:.1s; animation-delay:.1s } .map-wr .points-wr i:nth-child(4) { top:40%; left:28%; width:15px; height:15px; background:#5851db; -webkit-animation-delay:.4s; animation-delay:.4s } .map-wr .points-wr i:nth-child(5) { top:46%; left:17%; width:10px; height:10px; background:#833ab4; -webkit-animation-delay:.5s; animation-delay:.5s } .map-wr .points-wr i:nth-child(6) { top:65%; left:34%; width:15px; height:15px; background:#c13584; -webkit-animation-delay:.6s; animation-delay:.6s } .map-wr .points-wr i:nth-child(7) { top:76%; left:34%; width:10px; height:10px; background:#e1306c; -webkit-animation-delay:.7s; animation-delay:.7s } .map-wr .points-wr i:nth-child(10) { top:34%; left:50%; width:15px; height:15px; background:#fd1d1d; -webkit-animation-delay:1s; animation-delay:1s } .map-wr .points-wr i:nth-child(13) { top:65%; left:51%; width:15px; height:15px; background:#f56040; -webkit-animation-delay:1.3s; animation-delay:1.3s } .map-wr .points-wr i:nth-child(15) { top:52%; left:67%; width:15px; height:15px; background:#f77737; -webkit-animation-delay:1.5s; animation-delay:1.5s } .map-wr .points-wr i:nth-child(17) { top:51%; left:59%; width:10px; height:10px; background:#fcaf45; -webkit-animation-delay:1.7s; animation-delay:1.7s } .map-wr .points-wr i:nth-child(20) { top:81%; left:87%; width:15px; height:15px; background:#ffdc80; -webkit-animation-delay:2s; animation-delay:2s } .map-wr .points-wr i:nth-child(21) { top:66%; left:80%; width:5px; height:5px; background:#405de6; -webkit-animation-delay:2.1s; animation-delay:2.1s } .map-wr img { width:100%;margin-top: 60px; } @media (max-width:870px) { .map-wr img { margin-top: 0px; } } @-webkit-keyframes pulse { 0% { -webkit-transform:translate(-50%,-50%) scale(1); transform:translate(-50%,-50%) scale(1) } 50% { -webkit-transform:translate(-50%,-50%) scale(0); transform:translate(-50%,-50%) scale(0) } to { -webkit-transform:translate(-50%,-50%) scale(1); transform:translate(-50%,-50%) scale(1) } } @keyframes pulse { 0% { -webkit-transform:translate(-50%,-50%) scale(1); transform:translate(-50%,-50%) scale(1) } 50% { -webkit-transform:translate(-50%,-50%) scale(0); transform:translate(-50%,-50%) scale(0) } to { -webkit-transform:translate(-50%,-50%) scale(1); transform:translate(-50%,-50%) scale(1) } } @media (max-width:870px) { section.hallway-account .express-name { line-height: 36px; } section.hallway-account { padding-top: 10px; padding-bottom: 0px; } main > section + section { margin-top: 30px!important; } .drop-nut { padding: 0px 0px 10px; } section.features { position: relative; padding: 0 20px 30px !important; margin-top: 10px; } section.allyhone { margin-top: 60px !important; } .pap { margin: -50px 0px 0 0!important; } } .pd_min { padding-left:16px!important; padding-right:16px!important; } @media only screen and (max-width:870px) { .wr { padding-left:16px; padding-right:16px } } .fl_index { margin-right: 5px; width: 17px;border-radius: 100px; vertical-align: middle; } .pap { margin: -50px 100px 0 0; } @media (max-width:870px) { section.allyhone { margin-top: 30px !important; } .cpy_4 { margin: -50px 0 0 0px!important; } } .cpy_4 { margin: -90px 0 0 0px } section.hallway-account .hallway-account-headline { color:#68d4f8; font-size:32px; font-weight:300; line-height:40px; margin-bottom:25px; position:relative; left:-2px } @media (min-width:670px) { section.hallway-account .info-column { display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-orient:vertical; -webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; padding-right:30px } } .account-section-link { font-size: 17px; line-height: 26px; display: block; } main>section>.container-lg>.content { display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-orient:vertical; -webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column; -webkit-perspective:1500px; perspective:1500px } @media (min-width:880px) { main>section>.container-lg>.content { -webkit-box-orient:horizontal; -webkit-box-direction:normal; -ms-flex-direction:row; flex-direction:row; -webkit-box-align:start; -ms-flex-align:start; align-items:flex-start } } main>section>.container-lg>.content>aside { position:relative; -webkit-box-ordinal-group:3; -ms-flex-order:2; order:2; margin:30px 0 0 } @media (min-width:880px) { main>section>.container-lg>.content>aside { -webkit-box-ordinal-group:1; -ms-flex-order:0; order:0; margin:0 } } .img_border {border-radius: 50%; -webkit-box-shadow:0 30px 60px -12px rgba(50,50,93,.25),0 18px 36px -18px rgba(0,0,0,.3),0 -12px 36px -8px rgba(0,0,0,.025); box-shadow:0 30px 60px -12px rgba(50,50,93,.25),0 18px 36px -18px rgba(0,0,0,.3),0 -12px 36px -8px rgba(0,0,0,.025);} @media (min-width:880px) { main>section>.container-lg>.content>aside.quote { -webkit-box-flex:1; -ms-flex:1 0 40%; flex:1 0 40%; padding:30px; margin-top:-90px } } .cls_1 { color: #4FC3F7!important; } main>section>.container-lg>.content>aside.quote .source { font-size:17px; line-height:26px; font-style:normal; text-align:right; margin-top:20px } main>section>.container-lg>.content>aside.quote .source .name { font-weight:500 } main>section>.container-lg>.content .copy { display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-orient:vertical; -webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column; -webkit-box-align:start; -ms-flex-align:start; align-items:flex-start } @media (min-width:880px) { main>section>.container-lg>.content .copy { -webkit-box-flex:1; -ms-flex:1 1 auto; flex:1 1 auto; margin: -90px 0 0 50px; } } main>section>.container-lg>.content .copy header { display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center } @media (min-width:1040px) { main>section>.container-lg>.content .copy header { margin-left:-36px } } main>section>.container-lg>.content .copy header .icon { -ms-flex-negative:0; flex-shrink:0; display:inline-block; position:relative; width:72px; height:72px } main>section>.container-lg>.content .copy header h2 { margin-left:20px } main>section>.container-lg>.content .copy .flow { display:-webkit-box; display:-ms-flexbox; display:flex; position:relative; -webkit-box-align:center; -ms-flex-align:center; align-items:center; margin:5px 0 } main>section>.container-lg>.content .copy .flow:before { content:""; position:absolute; height:2px; top:50%; margin-top:-1px; left:10px; right:10px; } main>section>.container-lg>.content .copy .flow .party { position:relative; height:31px; border-radius:16px; background-color:#d6facf; color:#24b47e; padding:0 15px; font-size:14px; font-weight:600; text-align:center; text-transform:uppercase; line-height:32px } @media (min-width:414px) { main>section>.container-lg>.content .copy .flow .party { padding:0 20px } } main>section>.container-lg>.content .copy .flow .party.platform { -ms-flex-negative:0; flex-shrink:0; width:31px; padding:0; background-position:50%; background-repeat:no-repeat; margin:0 15px } main>section { position:relative } main>section+section { margin-top:120px } @media (min-width:880px) { main>section+section { margin-top:120px } } main>section:nth-child(odd)>.whatsapp { top:0 } main>section:nth-child(odd)>.whatsapp:after, main>section:nth-child(odd)>.whatsapp:before { right:0 } main>section>.container-lg>.content .copy .features li { position:relative; padding-left:20px; margin-top: 9px; } main>section>.container-lg>.content .copy .features2 li { position:relative; margin-top: 4px; } main>section>.container-lg>.content .copy .features li:before { content:""; position:absolute; width:7px; height:7px; border-radius:50%; background-color:#68d4f8; top:10px; left:-3px } main>section>.container-lg>.content .copy .features li+li { padding-top: 6px; } main>section>.container-lg>.content .copy .features2 li+li { padding-top: 6px; } main>section>.container-lg>.logos { display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; -webkit-box-align:center; -ms-flex-align:center; align-items:center; margin:40px 0 -20px; -ms-flex-wrap:wrap; flex-wrap:wrap } @media (min-width:880px) { main>section>.container-lg>.logos { -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between; margin:70px 0 0 } } main>section>.container-lg>.logos .user-logo { -webkit-box-flex:0; -ms-flex:0 0 auto; flex:0 0 auto; margin:0 10px 20px; -webkit-transform:scale(.75); transform:scale(.75) } @media (min-width:880px) { main>section>.container-lg>.logos .user-logo { margin:0; -webkit-transform:none; transform:none } main>section>.container-lg>.logos .user-logo+.user-logo { margin-left:20px } } .cpy_2 { margin: 0px 30px 0 20px!important; } @media (max-width:880px) { .cpy_2 { margin: 0px 0 0 20px!important; }} .cpy_3 { margin: 20px 20px 0 0px!important; } @media (max-width:880px) { .cpy_3 { margin: 50px 0px 0 0px!important; } .m_t{margin-top: 0px!important;} } @media (max-width:880px) { .c1m734ph { display: block!important; } .b1jgzvf2, .sbj76s0, .ht1r8g3 {margin-top: 10px;} } @media (min-width:1240px) { .c1m734ph {column-gap: 0!important; grid-template-columns: 1fr 10.75rem!important;} } .m_t{margin-top: 50px;} .intro-copy { text-align: center; } .intro-copy { max-width: 840px; margin: 0 auto; } main h2[class^="common-Uppercase"] { margin-top: 20px; margin-bottom: 10px; } .block-buy_block_v1__heading__lead { font-size: 17px!important; line-height: 27px!important; } @media screen and (min-width: 768px){ .block-buy_block_v1__heading__lead { font-size: 19px!important; line-height: 27px!important; } } .sbj76s0 { line-height: 20px; } .sbj76s0 { font-size: 0.85rem!important; } .common-capture { color:var(--p-comonbody); font-size: 24px; font-weight: 500; line-height: 40px; } @media (min-width:670px) { .common-capture { line-height: 30px; } } .TextWithMedia-captionQuote { margin-bottom: 5px; padding: 0; color: #8c94a5; font-family: Calibre, sans-serif; font-size: 14px; border-left: none; } .Section__layout_v1 { padding-top: 40px; margin-bottom: 110px; } @media (max-width:670px) { .Section__layout_v1 { margin-bottom: 30px; } } .graze { width:264px; height:480px; padding:8px; border-radius:36px; background:var(--bg-card_r); box-shadow:0 50px 100px -20px rgba(50,50,93,.25),0 30px 60px -30px rgba(0,0,0,.3),inset 0 -2px 6px 0 rgba(10,37,64,.35); -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; font-size:16px; margin-left: 50px; } @media (max-width:670px) { .graze { margin-left:auto; margin-right:auto } } .graze--scaleLarge { width:301px; height:615px; border-radius:42px } .graze__screen { position:relative; height:100%; border-radius:34px; -webkit-mask-image:-webkit-radial-gradient(#fff,#000); background:#fff } .Checkoutgraze { height:100%; border-radius:28px; background:#fff; font-size:11px; font-weight:var(--fontWeightNormal); letter-spacing:.2px } .Checkoutgraze__image { display:-webkit-box; display:flex; -webkit-box-pack:center; justify-content:center; height:80px } .Checkoutgraze__description { margin-top:15px; text-align:center; color:#0a2540; font-weight:var(--fontWeightSemibold) } .Checkoutgraze__price { margin:2px 0 16px; text-align:center } .Checkoutgraze__button { border-radius:4px; padding:5px 0; text-align:center; font-weight:var(--fontWeightSemibold); color:#fff; background:#0a2540; box-shadow:0 2px 4px -1px rgba(50,50,93,.25),0 1px 3px -1px rgba(0,0,0,.3) } .Checkoutgraze__applePay { display:block; height:14px; margin:0 auto } .Checkoutgraze__separator { margin:16px 0 12px; text-align:center; background:-webkit-gradient(linear,left top,left bottom,from(#e6ebf1),to(#e6ebf1)) no-repeat 0 50%/100% 1px; background:linear-gradient(#e6ebf1,#e6ebf1) no-repeat 0 50%/100% 1px } .Checkoutgraze__separatorTitle { display:inline; padding:0 6px; background:#fff } .Checkoutgraze__input { min-height:24px; line-height:24px; margin:6px 0 16px; color:#62788d; border-radius:4px; box-shadow:0 0 0 1px rgba(50,50,93,.07),0 2px 3px -1px rgba(50,50,93,.12),0 1px 3px -1px rgba(0,0,0,.12) } .Checkoutgraze__input--card { display:grid; grid:auto/repeat(2,1fr) } .Checkoutgraze__placeholder { display:grid; grid-template-columns:1fr; grid-auto-flow:column; padding-left:8px } .Checkoutgraze__placeholder--number { gap:0 6px; grid-area:auto/span 2; -webkit-box-align:center; align-items:center; padding-right:6px; border-bottom:1px solid #e6ebf1 } .Checkoutgraze__placeholder--cvc { padding-right:4px; border-left:1px solid #e6ebf1 } .Checkoutgraze__cvcIcon { margin-top:4px } .Checkoutgraze__input--country { margin-bottom:24px } .Checkoutgraze__placeholder--country { -webkit-box-align:center; align-items:center; padding-right:9px; border-bottom:1px solid #e6ebf1 } .v_a { margin-right:4px } .mt_0{margin-top: 0px!important;} .mt_t30{margin-top: 30px} section.features { position:relative; padding:0 0 120px; margin-top:90px } section.features .intro-copy h2 { margin-bottom:20px } section.features .columns .right { position:relative } @media (min-width:1040px) { section.features ul.feature-list { margin-left:45px;margin-top: 20px } } section.features ul.incorporation-features { display:block; position:relative; list-style-type:none; font-size:17px; line-height:26px; color:#6b7c93; background-color:#f6f9fc; border-radius:6px; padding:20px 25px 20px 55px; margin:20px 0 10px } @media (min-width:1040px) { section.features ul.incorporation-features { margin-left:-55px } } section.features ul.incorporation-features li { position:relative } section.features ul.incorporation-features li:before { content:""; position:absolute; width:14px; height:18px; left:-32px; top:4px; } section.features ul.incorporation-features li+li { margin-top:15px } section.features .devices-container { position:relative } section.features .devices-dashboard { display:none; width:1000px; height:750px; position:absolute; z-index:-1; left:30px; bottom:-140px; -webkit-transform:scale(.5); transform:scale(.5); -webkit-transform-origin:0 0; transform-origin:0 0; opacity:0; -webkit-transition:opacity 1s ease; transition:opacity 1s ease } .mask-fallback section.features .devices-dashboard * { display:none; background:none } section.features .devices-dashboard.loaded { opacity:1 } @media (min-width:670px) { section.features .devices-dashboard { display:block; -webkit-transform:none; transform:none } } section.features .devices-dashboard div { position:absolute; width:1000px; height:750px; background-size:100% 100% } section.features .devices-dashboard .screen { -webkit-transform-origin:0 0; transform-origin:0 0; overflow:hidden; will-change:transform } section.features .devices-dashboard img { position:absolute; top:0; right:0; bottom:0; left:0 } .llc section.features .bank-link:after { content:"\279C"; font:normal 16px StripeIcons; margin-left:4px } .columns { display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-orient:vertical; -webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column } @media (min-width:670px) { .columns { -webkit-box-orient:horizontal; -webkit-box-direction:normal; -ms-flex-direction:row; flex-direction:row; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between } } .columns .left, .columns .right { -ms-flex-preferred-size:50%; flex-basis:50% } section.features { position:relative; padding:0 0 40px; margin-top:20px } section.features .intro-copy h2 { margin-bottom:20px } section.features .columns .right { position:relative } @media (min-width:1040px) { section.features ul.feature-list { margin-left:45px } } .feature-block h3, .feature-block p { margin-bottom:10px } .feature-block h3:last-child, .feature-block p:last-child { margin-bottom:0 } .feature-block .icon { width:48px; height:48px } .common-BodyTitle { font-weight: 500; font-size: 24px; line-height: 32px; color: var(--h-color); } .common-BodyTitle2 { font-weight: 500; font-size: 15px; line-height: 32px; color: var(--h-color); } .feature-block { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; position: relative; } @media (min-width:1040px) { .lg-icon-top { padding-left:0 } .lg-icon-top .icon { position:static; margin:10px 0 20px -3px } .lg-icon-left { padding-left:20px } .lg-icon-left .icon { left:-24px; top:7px } } .pulse_z::after { content: ""; border-radius: 50%; height: 40px; width: 40px; position: absolute; margin: -13px 0 0 -13px; -webkit-animation: pulsate 1s ease-out; -moz-animation: pulsate 1s ease-out; -o-animation: pulsate 1s ease-out; -ms-animation: pulsate 1s ease-out; animation: pulsate 1s ease-out; animation-delay: 0s; animation-iteration-count: 1; -webkit-animation-iteration-count: infinite; -moz-animation-iteration-count: infinite; -o-animation-iteration-count: infinite; -ms-animation-iteration-count: infinite; animation-iteration-count: infinite; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -webkit-box-shadow: 0 0 1px 2px #39b3ed; box-shadow: 0 0 1px 2px #39b3ed; -webkit-animation-delay: 1.1s; -moz-animation-delay: 1.1s; -o-animation-delay: 1.1s; -ms-animation-delay: 1.1s; animation-delay: 1.1s; } .pulse_z { background: linear-gradient(90deg, #fed974, #da2d6f, #505bd5), #fed874 !important; border-radius: 50%; height: 14px; width: 14px; position: absolute; left: 50%; top: 50%; margin: 38px 0px 0px 25px; z-index: 5; } @-moz-keyframes pulsate { 0% { -webkit-transform: scale(0.1, 0.1); -moz-transform: scale(0.1, 0.1); -o-transform: scale(0.1, 0.1); -ms-transform: scale(0.1, 0.1); transform: scale(0.1, 0.1); opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); } 50% { opacity: 1; -ms-filter: none; filter: none; } 100% { -webkit-transform: scale(1.2, 1.2); -moz-transform: scale(1.2, 1.2); -o-transform: scale(1.2, 1.2); -ms-transform: scale(1.2, 1.2); transform: scale(1.2, 1.2); opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); } } @-webkit-keyframes pulsate { 0% { -webkit-transform: scale(0.1, 0.1); -moz-transform: scale(0.1, 0.1); -o-transform: scale(0.1, 0.1); -ms-transform: scale(0.1, 0.1); transform: scale(0.1, 0.1); opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); } 50% { opacity: 1; -ms-filter: none; filter: none; } 100% { -webkit-transform: scale(1.2, 1.2); -moz-transform: scale(1.2, 1.2); -o-transform: scale(1.2, 1.2); -ms-transform: scale(1.2, 1.2); transform: scale(1.2, 1.2); opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); } } @-o-keyframes pulsate { 0% { -webkit-transform: scale(0.1, 0.1); -moz-transform: scale(0.1, 0.1); -o-transform: scale(0.1, 0.1); -ms-transform: scale(0.1, 0.1); transform: scale(0.1, 0.1); opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); } 50% { opacity: 1; -ms-filter: none; filter: none; } 100% { -webkit-transform: scale(1.2, 1.2); -moz-transform: scale(1.2, 1.2); -o-transform: scale(1.2, 1.2); -ms-transform: scale(1.2, 1.2); transform: scale(1.2, 1.2); opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); } } @keyframes pulsate { 0% { -webkit-transform: scale(0.1, 0.1); -moz-transform: scale(0.1, 0.1); -o-transform: scale(0.1, 0.1); -ms-transform: scale(0.1, 0.1); transform: scale(0.1, 0.1); opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); } 50% { opacity: 1; -ms-filter: none; filter: none; } 100% { -webkit-transform: scale(1.2, 1.2); -moz-transform: scale(1.2, 1.2); -o-transform: scale(1.2, 1.2); -ms-transform: scale(1.2, 1.2); transform: scale(1.2, 1.2); opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); } } @-moz-keyframes bounce { 0% { opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -webkit-transform: translateY(-2000px) rotate(-45deg); -moz-transform: translateY(-2000px) rotate(-45deg); -o-transform: translateY(-2000px) rotate(-45deg); -ms-transform: translateY(-2000px) rotate(-45deg); transform: translateY(-2000px) rotate(-45deg); } 60% { opacity: 1; -ms-filter: none; filter: none; -webkit-transform: translateY(30px) rotate(-45deg); -moz-transform: translateY(30px) rotate(-45deg); -o-transform: translateY(30px) rotate(-45deg); -ms-transform: translateY(30px) rotate(-45deg); transform: translateY(30px) rotate(-45deg); } 80% { -webkit-transform: translateY(-10px) rotate(-45deg); -moz-transform: translateY(-10px) rotate(-45deg); -o-transform: translateY(-10px) rotate(-45deg); -ms-transform: translateY(-10px) rotate(-45deg); transform: translateY(-10px) rotate(-45deg); } 100% { -webkit-transform: translateY(0) rotate(-45deg); -moz-transform: translateY(0) rotate(-45deg); -o-transform: translateY(0) rotate(-45deg); -ms-transform: translateY(0) rotate(-45deg); transform: translateY(0) rotate(-45deg); } } @-webkit-keyframes bounce { 0% { opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -webkit-transform: translateY(-2000px) rotate(-45deg); -moz-transform: translateY(-2000px) rotate(-45deg); -o-transform: translateY(-2000px) rotate(-45deg); -ms-transform: translateY(-2000px) rotate(-45deg); transform: translateY(-2000px) rotate(-45deg); } 60% { opacity: 1; -ms-filter: none; filter: none; -webkit-transform: translateY(30px) rotate(-45deg); -moz-transform: translateY(30px) rotate(-45deg); -o-transform: translateY(30px) rotate(-45deg); -ms-transform: translateY(30px) rotate(-45deg); transform: translateY(30px) rotate(-45deg); } 80% { -webkit-transform: translateY(-10px) rotate(-45deg); -moz-transform: translateY(-10px) rotate(-45deg); -o-transform: translateY(-10px) rotate(-45deg); -ms-transform: translateY(-10px) rotate(-45deg); transform: translateY(-10px) rotate(-45deg); } 100% { -webkit-transform: translateY(0) rotate(-45deg); -moz-transform: translateY(0) rotate(-45deg); -o-transform: translateY(0) rotate(-45deg); -ms-transform: translateY(0) rotate(-45deg); transform: translateY(0) rotate(-45deg); } } @-o-keyframes bounce { 0% { opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -webkit-transform: translateY(-2000px) rotate(-45deg); -moz-transform: translateY(-2000px) rotate(-45deg); -o-transform: translateY(-2000px) rotate(-45deg); -ms-transform: translateY(-2000px) rotate(-45deg); transform: translateY(-2000px) rotate(-45deg); } 60% { opacity: 1; -ms-filter: none; filter: none; -webkit-transform: translateY(30px) rotate(-45deg); -moz-transform: translateY(30px) rotate(-45deg); -o-transform: translateY(30px) rotate(-45deg); -ms-transform: translateY(30px) rotate(-45deg); transform: translateY(30px) rotate(-45deg); } 80% { -webkit-transform: translateY(-10px) rotate(-45deg); -moz-transform: translateY(-10px) rotate(-45deg); -o-transform: translateY(-10px) rotate(-45deg); -ms-transform: translateY(-10px) rotate(-45deg); transform: translateY(-10px) rotate(-45deg); } 100% { -webkit-transform: translateY(0) rotate(-45deg); -moz-transform: translateY(0) rotate(-45deg); -o-transform: translateY(0) rotate(-45deg); -ms-transform: translateY(0) rotate(-45deg); transform: translateY(0) rotate(-45deg); } } @keyframes bounce { 0% { opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -webkit-transform: translateY(-2000px) rotate(-45deg); -moz-transform: translateY(-2000px) rotate(-45deg); -o-transform: translateY(-2000px) rotate(-45deg); -ms-transform: translateY(-2000px) rotate(-45deg); transform: translateY(-2000px) rotate(-45deg); } 60% { opacity: 1; -ms-filter: none; filter: none; -webkit-transform: translateY(30px) rotate(-45deg); -moz-transform: translateY(30px) rotate(-45deg); -o-transform: translateY(30px) rotate(-45deg); -ms-transform: translateY(30px) rotate(-45deg); transform: translateY(30px) rotate(-45deg); } 80% { -webkit-transform: translateY(-10px) rotate(-45deg); -moz-transform: translateY(-10px) rotate(-45deg); -o-transform: translateY(-10px) rotate(-45deg); -ms-transform: translateY(-10px) rotate(-45deg); transform: translateY(-10px) rotate(-45deg); } 100% { -webkit-transform: translateY(0) rotate(-45deg); -moz-transform: translateY(0) rotate(-45deg); -o-transform: translateY(0) rotate(-45deg); -ms-transform: translateY(0) rotate(-45deg); transform: translateY(0) rotate(-45deg); } } .xs-icon-top .icon { margin: 10px 0 20px -3px; } .header .toogle-menu { display: block; } .header .toogle-menu { border: 0; background: 0; right: 0; bottom: 0; width: 22px; } .header .toogle-menu__i { background-color: var(--globalNav-colorize); display: block; height: 3px; } .header-sticky .header .toogle-menu__i { display: block; } .header .toogle-menu__i + .toogle-menu__i { margin-top: 4px; } /* Menu Button */ .pushy { position: fixed; width: 350px; height: 100%; top: 0; z-index: 9999; background: var(--bg-body); overflow: auto; -webkit-overflow-scrolling: touch; /* enables momentum scrolling in iOS overflow elements */ } .pushy a { display: flex; color: var(--globalNav-colorize); padding: 0px 15px; text-decoration: none; font-size: 15px; line-height: 43px; align-items:center; font-weight: 500; } .pushy span span span{ display: block; padding: 0px 15px; text-decoration: none; font-size: 13px; line-height: 45px; text-transform: uppercase; font-weight: 600; } .pusi { color: #aab7c5 !important; } .pushy a:hover { color: var(--amber-wait); font-weight: 600; } .pushy ul:first-child { margin-top: 10px; } .pushy.pushy-left { left: 0; } .pushy.pushy-right { right: 0; } .pushy-content { visibility: hidden; } /* Menu Movement */ .pushy-left { -webkit-transform: translate3d(-350px, 0, 0); -ms-transform: translate3d(-350px, 0, 0); transform: translate3d(-350px, 0, 0); } .pushy-open-left #mob, .pushy-open-left .push { -webkit-transform: translate3d(350px, 0, 0); -ms-transform: translate3d(350px, 0, 0); transform: translate3d(350px, 0, 0); } .pushy-right { -webkit-transform: translate3d(350px, 0, 0); -ms-transform: translate3d(350px, 0, 0); transform: translate3d(350px, 0, 0); } .pushy-open-right #mob, .pushy-open-right .push { -webkit-transform: translate3d(-350px, 0, 0); -ms-transform: translate3d(-350px, 0, 0); transform: translate3d(-350px, 0, 0); } .pushy-open-left .pushy, .pushy-open-right .pushy { -webkit-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); box-shadow: 0 8px 16px rgba(0, 0, 0, .5); } .pushy-open-left .pushy-content, .pushy-open-right .pushy-content { visibility: visible; } /* Menu Transitions */ #mob, .pushy, .push { transition: transform 0.2s cubic-bezier(0.16, 0.68, 0.43, 0.99); } .pushy-content { transition: visibility 0.2s cubic-bezier(0.16, 0.68, 0.43, 0.99); } /* Site Overlay */ .site-overlay { display: none; } .pushy-open-left .site-overlay, .pushy-open-right .site-overlay { display: block; position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 9998; background-color: rgba(0, 0, 0, 0.5); -webkit-animation: fade 500ms; animation: fade 500ms; } @keyframes fade { 0% { opacity: 0; } 100% { opacity: 1; } } @-webkit-keyframes fade { 0% { opacity: 0; } 100% { opacity: 1; } } /* Submenu Appearance */ .pushy-submenu { /* Submenu Buttons */ /* Submenu Icon */ } .pushy-submenu ul { padding-left: 15px; transition: max-height 0.2s ease-in-out, visibility 0.2s ease-in-out; } .pushy-submenu ul .pushy-link { transition: opacity 0.2s ease-in-out; } .pushy-submenu button { width: 100%; color: #b3b3b1; padding: 15px 30px; text-align: left; background: transparent; border: 0; } .pushy-submenu button:hover { color: #FFF; } .pushy-content2 { width: 100%; color: #b3b3b1; padding: 15px 30px; text-align: left; background: transparent; border: 0; font-size: 14px; } .pushy-content2 :hover { color: #FFF; } .pushy-submenu > a, .pushy-submenu > button { position: relative; } .pushy-submenu > a::after, .pushy-submenu > button::after { content: ''; display: block; height: 11px; width: 8px; position: absolute; top: 50%; right: 15px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); transition: transform 0.2s; } /* Submenu Movement */ .pushy-submenu-closed ul { max-height: 0; overflow: hidden; visibility: hidden; } .pushy-submenu-closed .pushy-link { opacity: 0; } .pushy-submenu-open { /* Submenu Icon */ } .pushy-submenu-open ul { max-height: 1000px; visibility: visible; } .pushy-submenu-open .pushy-link { opacity: 1; } .pushy-submenu-open a::after, .pushy-submenu-open button::after { -webkit-transform: translateY(-50%) rotate(90deg); -ms-transform: translateY(-50%) rotate(90deg); transform: translateY(-50%) rotate(90deg); } .language-select-button { color: var(--globalNav-colorize); margin-top: 4px; } .header-sticky .language-select-button { color: #fff; } .weight { width: 80%; } @media screen and (max-width:880px) { .weight { margin-left:4px; width: 100%; } .mobtext { font-size: 16px; color: #3498db; font-weight: 600; } } .menu__link::after, .menu__link:visited::after { content: ''; position: absolute; bottom: 0; left: 16px; right: 16px; height: 1px; background: #e5e5e5; } .btn.__imp, .btn.__important { background-color: #3dce8d; color: #fff; font-weight: 400; } .SpyInst_Footer .disclaimer-wr p:nth-child(2) { display: none; } .disclaimer-wr.more p:nth-child(1) { display: none; } .disclaimer-wr.more p:nth-child(2) { display: block; } .hs-image-widget {width:100%} .split-feature { display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-orient:vertical; -webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column; -webkit-box-align:center; -ms-flex-align:center; align-items:center } @media (min-width:880px) { .split-feature { -webkit-box-orient:horizontal; -webkit-box-direction:normal; -ms-flex-direction:row; flex-direction:row } } @media (min-width:880px) { .feature-content,.feature-figure { -webkit-box-flex:0; -ms-flex:0 0 50%; flex:0 0 50% } } .feature-content h1 { margin-bottom:30px } .feature-content p { margin-top:20px } .feature-content .icon { width:72px; height:72px; margin:-15px 0 20px -5px } .globalFooterCTA { border:none; padding:80px 0 } .globalFooterCTA .content { -ms-flex-preferred-size:60%; flex-basis:60% } .globalFooterCTA .buttons { -ms-flex-preferred-size:40%; flex-basis:40% } .globalFooterCTA { padding:50px 0; border-bottom:2px solid rgba(207,215,223,.25); } @media (min-width:670px) { .globalFooterCTA .container-lg { display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center } } .globalFooterCTA .buttons.buttons--reversed .common-Button { -webkit-box-ordinal-group:3; -ms-flex-order:2; order:2 } .globalFooterCTA .buttons.buttons--reversed .common-Button--default { -webkit-box-ordinal-group:2; -ms-flex-order:1; order:1 } .globalFooterCTA .title { font-weight:400; font-size:30px; line-height:45px; color:var(--h-color); margin:.75em 0 } .globalFooterCTA .subtitle { font-weight:300; color:rgb(28, 139, 130); display:block } .globalFooterCTA--roles .content { -webkit-box-flex:1; -ms-flex:1; flex:1 } @media(min-width:670px) { .globalFooterCTA--roles .content { padding-right:80px } } .globalFooterCTA--roles .buttons { -webkit-box-flex:initial; -ms-flex:initial; flex:initial } .globalFooterCTA--collect { padding-top:calc(50px + .75em) } .globalFooterCTA--collect .content { margin:0 0 20px } @media(min-width:670px) { .globalFooterCTA--collect .content { margin:0 } } .globalFooterCTA--collect .title { margin:0; color:var(--amber-wait); } .img-circle {height: 50px; width: 50px; margin-left:0px; box-shadow: 0 4px 6px rgba(50,50,93,.11),0 1px 3px rgba(0,0,0,.08); border-radius: 50%;} .u-relative { position: relative; } .page { width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; } .marvel-device .screen { text-align: left; } .backgr_insta { background: var(--backgr-whatsapp-min); background-size: 210px; } .backgr_insta_spy { background: var(--backgr-whatsapp-min-spy); background-size: 170px; } @media (min-width: 670px) { .backgr_insta { background: var(--backgr-whatsapp); background-size: 460px; } .backgr_insta_spy { background: var(--backgr-whatsapp-spy); background-size: 460px; } } .Gradient__canvas { position:relative; display:block; width:inherit; height:100%; opacity:0 } .Gradient__canvas.isLoaded { opacity:1; -webkit-transition:opacity 1.8s ease-in 50ms; transition:opacity 1.8s ease-in 50ms } .Gradient__guides { --guideDashedColor:rgba(0,0,0,0.3); --guideSolidColor:rgba(0,0,0,0.2); mix-blend-mode:soft-light } .Gradient:after { content:""; z-index:-1; position:absolute; left:0; top:0; width:100%; height:100%; background:radial-gradient(var(--gradientColorZero) 40%,var(--gradientColorTwoTransparent) 60%) -620px -180px no-repeat,radial-gradient(var(--gradientColorThree) 33%,var(--gradientColorThreeTransparent) 67%) -120px -24px no-repeat,radial-gradient(var(--gradientColorTwo) 40%,var(--gradientColorTwoTransparent) 70%) -470px 150px no-repeat,var(--gradientColorZero) } .bg-brand_mask_v1 { background: linear-gradient(90deg, #fed974, #da2d6f, #505bd5), #fed874!important; } @media (min-width:600px) { .Gradient:after { background:radial-gradient(var(--gradientColorZero) 40%,var(--gradientColorTwoTransparent) 60%) -420px -180px no-repeat,radial-gradient(var(--gradientColorThree) 23%,var(--gradientColorThreeTransparent) 70%) 240px -24px no-repeat,radial-gradient(var(--gradientColorTwo) 30%,var(--gradientColorTwoTransparent) 70%) -270px 220px no-repeat,var(--gradientColorZero) } } @media (min-width:900px) { .Gradient:after { background:radial-gradient(var(--gradientColorThree) 23%,var(--gradientColorThreeTransparent) 67% 100%) 385px -24px,radial-gradient(var(--gradientColorOne) 0,var(--gradientColorOneTransparent) 60% 100%) -940px 290px,radial-gradient(var(--gradientColorTwo) 10%,var(--gradientColorTwoTransparent) 60% 100%) -120px 250px,radial-gradient(var(--gradientColorOne) 40%,var(--gradientColorOneTransparent) 57% 100%) 495px -44px,radial-gradient(var(--gradientColorZero) 30%,var(--gradientColorZeroTransparent) 67% 100%) 122px -120px,radial-gradient(var(--gradientColorZero) 10%,var(--gradientColorZeroTransparent) 60% 100%) -420px 120px,radial-gradient(var(--gradientColorTwo) 15%,var(--gradientColorTwoTransparent) 50% 100%) -620px 0,radial-gradient(var(--gradientColorTwo) 25%,var(--gradientColorTwoTransparent) 50% 100%) 520px -250px,var(--gradientColorZero); background-repeat:repeat-y } } .Gradient.isLoaded:after { -webkit-transition:-webkit-transform 1s 1s; transition:-webkit-transform 1s 1s; transition:transform 1s 1s; transition:transform 1s 1s,-webkit-transform 1s 1s; -webkit-transform:scaleY(.995); transform:scaleY(.995) } .HomepageHeroGradient { --gradientColorZero:#a960ee; --gradientColorOne:#ff333d; --gradientColorTwo:#90e0ff; --gradientColorThree:#ffcb57; --gradientColorZeroTransparent:rgba(169,96,238,0); --gradientColorOneTransparent:rgba(255,51,61,0); --gradientColorTwoTransparent:rgba(144,224,255,0); --gradientColorThreeTransparent:rgba(255,203,87,0); --gradientAngle:-12deg; --gradientHeight:calc(100% + calc(116*1px) + -60px*0.212); --offsetX:16px; --transformOriginX:-60px; --sectionAngleSin:0.212; position:absolute; bottom:0; top:auto; left:calc(var(--offsetX)*-1); width:calc(100vw - 0px); min-width:1000px; height:calc(100% + calc(116*1px) + calc(16px*0.8)*0.106); -webkit-transform-origin:-60px 100%; transform-origin:-60px 100%; -webkit-transform:skewY(-12deg); transform:skewY(-12deg); overflow:hidden; border:none } @media (min-width:600px) { .HomepageHeroGradient { --transformOriginX:calc(calc(calc(100vw - 0px) - calc((calc(100vw - 0px) - 1080px)/2)*2)*0.8) } } section.resources { position: relative; padding: 20px 0 130px; margin-top: 170px; z-index: 1 } @media (min-width: 880px) { section.resources { padding-bottom: 140px } } section.resources .naitytel { position: absolute; width: 100%; height: 100%; background-image: linear-gradient(90deg, #53f, #05d5ff); top: -130px; transform: skewY(-12deg) } section.resources .naitytel .ntloc { position: absolute; height: 190px } section.resources .naitytel .s1 { top: 0; left: 12%; width: 40%; background: linear-gradient(90deg, #53f, #53f) } section.resources .naitytel .s2 { bottom: 0; left: 0; width: 51%; background: linear-gradient(90deg, #53f, #53f) } section.resources .container-lg { -ms-flex-align: start; align-items: flex-start; position: relative; max-width: 1140px; z-index: 1 } @media (min-width: 420px) { section.resources .container-lg { -ms-flex-direction: column; flex-direction: column } } @media (min-width: 880px) { section.resources .container-lg { -ms-flex-direction: row; flex-direction: row; -ms-flex-pack: justify; justify-content: space-between } } @media (min-width: 1040px) { section.resources .container-lg { padding-left: calc((100vw - 1040px) / 2 + 20px) } } @media (min-width: 1140px) { section.resources .container-lg { padding-left: 40px } } section.resources .copy { color: #fff } @media (min-width: 670px) { section.resources .copy { margin-right: 100px } } section.resources .copy h2, section.resources .copy h3 { color: #fff } section.resources .copy p { color: #ffffff } section.resources .copy .intro-copy { margin-bottom: 50px; text-align: left } section.resources aside.guide { position: relative; -ms-flex-negative: 0; flex-shrink: 0; padding: 30px; margin-top: 50px } @media (min-width: 670px) { section.resources aside.guide { padding: 40px } } @media (min-width: 880px) { section.resources aside.guide { max-width: 390px; margin-top: 0 } } @media (min-width: 670px) { section.resources aside.guide .cover { margin: -40px -40px 25px } } section.resources aside.guide .cover:after { content: ""; position: absolute; width: 100%; height: 200px; top: 100%; left: 0; background-color: #fff; transform: skewY(-12deg); transform-origin: 0 0 } section.resources aside.guide h2 { margin-bottom: 20px; color: #32325d } section.resources aside.guide .common-Button--default { margin-top: 25px } #home-phone #mini-heart1 svg, #home-phone #mini-heart2 svg, #home-phone #mini-heart3 svg, #home-phone #mini-heart4 svg, #home-phone #mini-heart5 svg, #home-phone #mini-heart6 svg, #home-phone #mini-heart7 svg, #home-phone #mini-heart8 svg { fill: #ed4956; animation: miniheartx1 10s 1s ease-in infinite; } .feature-list {font-weight: 300} #home-phone .mini-hearts { transform: translate3d(0, 0, 1px); width: 20px; height: auto; z-index: -1; pointer-events: none !important; } #home-phone #mini-heart1 { position: absolute; left: 10px; top: 50%; animation: miniheart1 10s 1s ease-out infinite; } #home-phone #mini-heart3 { position: absolute; right: 10px; top: 20%; animation: miniheart3 10s 1s linear infinite; } #home-phone #mini-heart4 { position: absolute; left: 30px; top: 80%; animation: miniheart4 10s 1s linear infinite; } #home-phone #mini-heart5 { position: absolute; right: 0px; top: 70%; animation: miniheart5 10s 1s linear infinite; } #home-phone #mini-heart6 { position: absolute; left: 0px; top: 90%; animation: miniheart6 10s 1s linear infinite; } #home-phone #mini-heart7 { position: absolute; left: 20px; top: 50%; animation: miniheart7 10s 1s linear infinite; } #home-phone #mini-heart8 { position: absolute; left: 10px; top: 30%; animation: miniheart8 10s 1s linear infinite; } #home-phone #mini-heart9 { position: absolute; left: 10px; top: 10%; animation: miniheart9 10s 1s linear infinite; } /**************************** MINI HEARTS PHONE ****************************/ @keyframes miniheart1{ 0%{ } 80%{ transform: translate3d(-200px, 0, 0); } 81%{ transform: translate3d(0, 0, 0); } } @keyframes miniheartx1{ 0%{ opacity: 1; } 80%{ transform: scale(1.6) rotate(4deg) translate3d(0, -300px, 0); } 81%{ fill: #fff; opacity: 0; transform: translate3d(0, 0, 0); } } @keyframes miniheart2{ 0%{ } 80%{ transform: translate3d(50px, 0, 0); } 81%{ transform: translate3d(0, 0, 0); } } @keyframes miniheartx2{ 0%{ opacity: 1; } 80%{ transform: scale(3.2) rotate(-6deg) translate3d(0, -100px, 0); } 81%{ fill: #fff; opacity: 0; transform: translate3d(0, 0, 0); } } @keyframes miniheart3{ 0%{ } 80%{ transform: translate3d(250px, 0, 0); } 81%{ transform: translate3d(0, 0, 0); } } @keyframes miniheartx3{ 0%{ opacity: 1; } 80%{ transform: scale(1.4) rotate(-10deg) translate3d(0, -200px, 0); } 81%{ fill: #fff; opacity: 0; transform: translate3d(0, 0, 0); } } @keyframes miniheart4{ 0%{ } 80%{ transform: translate3d(-500px, 0, 0); } 81%{ transform: translate3d(0, 0, 0); } } @keyframes miniheartx4{ 0%{ opacity: 1; } 80%{ transform: scale(1.4) rotate(6deg) translate3d(0, -250px, 0); } 81%{ fill: #fff; opacity: 0; transform: translate3d(0, 0, 0); } } @keyframes miniheart5{ 0%{ } 80%{ transform: translate3d(100px, 0, 0); } 81%{ transform: translate3d(0, 0, 0); } } @keyframes miniheartx5{ 0%{ opacity: 1; } 80%{ transform: scale(2.2) rotate(8deg) translate3d(0, -400px, 0); } 81%{ fill: #fff; opacity: 0; transform: translate3d(0, 0, 0); } } @keyframes miniheart6{ 0%{ } 80%{ transform: translate3d(-400px, 0, 0); } 81%{ transform: translate3d(0, 0, 0); } } @keyframes miniheartx6{ 0%{ opacity: 1; } 80%{ transform: scale(1.8) rotate(-12deg) translate3d(0, -200px, 0); } 81%{ fill: #fff; opacity: 0; transform: translate3d(0, 0, 0); } } @keyframes miniheart7{ 0%{ } 80%{ transform: translate3d(-200px, 0, 0); } 81%{ transform: translate3d(0, 0, 0); } } @keyframes miniheartx7{ 0%{ opacity: 1; } 80%{ transform: scale(2.6) rotate(12deg) translate3d(0, -100px, 0); } 81%{ fill: #fff; opacity: 0; transform: translate3d(0, 0, 0); } } @keyframes miniheart8{ 0%{ } 80%{ transform: translate3d(-350px, 0, 0); } 81%{ transform: translate3d(0, 0, 0); } } @keyframes miniheartx8{ 0%{ opacity: 1; } 80%{ transform: scale(2) rotate(-10deg) translate3d(0, -300px, 0); } 81%{ fill: #fff; opacity: 0; transform: translate3d(0, 0, 0); } } @keyframes miniheart9{ 0%{ } 80%{ transform: translate3d(-160px, 0, 0); } 81%{ transform: translate3d(0, 0, 0); } } @keyframes miniheartx9{ 0%{ opacity: 1; } 80%{ transform: scale(3) rotate(-4deg) translate3d(0, -100px, 0); } 81%{ fill: #fff; opacity: 0; transform: translate3d(0, 0, 0); } } #home-phone #mini-heart2 { position: absolute; left: 70px; top: 10%; animation: miniheart2 10s 1s linear infinite; } #intro ul.ul-banner-button { display: -ms-flexbox; display: flex; } @media (max-width:670px) { } @media (min-width: 670px) { #intro ul.ul-banner-button { margin-bottom: 5px } } @media (max-width:470px) { #intro ul.ul-banner-button { display: block!important; }} #ft_ur ul.ul-banner-button { display: -ms-flexbox; display: flex; margin-top: 30px } @media (max-width:670px) { } @media (min-width: 670px) { #ft_ur ul.ul-banner-button { margin-bottom: 25px } } @media (max-width:470px) { #ft_ur ul.ul-banner-button { display: block!important; }} #ft_ur_li { margin-right: 23px; color: #fff; background: #1cb39b; text-shadow: 0 1px 3px rgba(36, 180, 126, .4); } @media (min-width:670px) { section.hallway-account .account-section-links { max-width:465px } } .account-section-links { border-top:1px solid #e6ebf1; padding-top:15px } .account-section-link { font-size:17px; line-height:26px; display:block } section.basics .split .right { margin-left: 0px; width: 2500px; padding: 55px 0 55px 42px; border-left: 1px solid #efeff1; background-color: #f8fafb; background: -webkit-linear-gradient(290deg,#f5f7f9,#fff 50%); background: linear-gradient(160deg,#f5f7f9,#fff 50%); } .Header_tool { margin:0 auto; position:relative; padding-top:60px } section.hero h1 { max-width: 740px; margin-top: 32px; font-weight: 400; } .common-SuperTitle { font-size: 50px; line-height: 70px; } .common-ButtonIcon { display:inline; margin:0 5px 0 0; position:relative } .common-ButtonGroup { display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; } .common-ButtonGroup .common-Button { -ms-flex-negative:0; flex-shrink:0; margin:10px } .mb_t{ margin-top: 40px; margin-bottom: 20px; } .faq-list { padding-left: 0; margin-top: 0; margin-bottom: 0 } .ie-lt9 .faq-list { margin-left: 0 !important } body.rtl .faq-list { padding-right: 0 } .ie-lt9 body.rtl .faq-list { margin-right: 0 !important } .faq-list > li { list-style: none; margin-top: 0; margin-bottom: 0 } .faq-list__i { position: relative; counter-increment: post } .faq-list__i__title { color: var(--h-color); font-size: 16px; line-height: 1.5; font-weight: 600; margin: 20px !important; cursor: pointer; padding: 20px 50px 20px 50px; background-color: rgba(207,215,223,.2); } @media only screen and (max-width: 640px) { .faq-list__i__title { padding-right: 0; font-size: 15px } .faq-list__i__title { margin: 10px !important; } .faq-list__i__text { margin: 20px; } .faq-list__i::before { top: 30px!important; left: 20px!important; } } .faq-list__i__text { display: none; overflow: hidden; margin: 30px } .faq-list__i__text *:first-child { margin-top: 0 } .faq-list__i__text *:last-child { margin-bottom: 0 } .faq-list__i:before { position: absolute; top: 22px; left: 30px; z-index: -1; content: ""; border-left: 4px solid #6bb3a7; border-bottom: 4px solid #6bb3a7; width: 15px; height: 15px; -webkit-transform: rotate(-135deg); -moz-transform: rotate(-135deg); -ms-transform: rotate(-135deg); transform: rotate(-135deg); -webkit-transition: transform 250ms; -moz-transition: transform 250ms; -ms-transition: transform 250ms; transition: transform 250ms } .faq-list__i.on:before { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg) } aside.important { background: #f6fff5; background-position-x: 0%; background-position-y: 0%; border: 1px solid rgba(58, 193, 51, .12); border-radius: 5px; display: block; padding: 13px 13px 13px 53px; background-image: url(/img/icon-aside-important.svg); background-size: 24px 24px; background-position: 15px 8px; background-repeat: no-repeat; } .img-circle_ { height: 40px; width: 40px; margin-left: 0px; box-shadow: 0 4px 6px rgba(50,50,93,.11),0 1px 3px rgba(0,0,0,.08); border-radius: 50%; position: absolute; } .avatar-s30 {margin-left: -60px; float: left;} .times { font-size: 12px; color: #888; opacity: .5; } .c_f { counter-reset: listitem; list-style: none; } .c_f li { position: relative; margin: 5px 0; padding-left: 30px; } .c_f li::before { counter-increment: listitem; content: counter(listitem); background: #e3e8ee; color: #697386; font-size: 13px; font-weight: 500; line-height: 11px; text-align: center; padding: 4px 0; height: 11px; width: 19px; border-radius: 10px; position: absolute; left: 0; top: 3px; } .mt_t_m_30{ margin-top: -30px;} .chat ul { width: 100%; max-width: 500px; display: flex; flex-direction: column; align-items: flex-start; list-style-type: none; padding: 20px; margin: 0; } .chat ul li { background: #efefef; box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.1); padding: 10px 30px 10px 14px; border-radius: 10px 10px 10px 10px; margin-bottom: 12px; position: relative; margin-left: 10px;font-size: 15px; } .img-circle_ { height: 40px; width: 40px; margin-left: 0px; box-shadow: 0 4px 6px rgba(50,50,93,.11),0 1px 3px rgba(0,0,0,.08); border-radius: 50%; position: absolute; } .chat ul li .time { content: attr(data-time);color: rgba(0, 0, 0, .45); position: absolute; right: 30px; bottom: 5px; font-size: 12px; opacity: .5; } .chat ul li .from { text-decoration: none; font-size: 90%; display: block; margin-bottom: 10px; color: #888; } .chat ul li .from:hover { text-decoration: underline; } .chat ul li .from .phone { font-weight: bold; margin-right: 8px; } .chat ul li.rutger .phone { color: #6bcbef; } .chat ul li.ruben .phone { color: #53d4a5; } .chat ul li.me { background: #fff; align-self: flex-end; border: 1px solid #dcdcdc; border-radius: 10px 10px 10px 10px; margin-left: 0; margin-right: 10px;color: #000; } .chat ul li.me .time .tick { right: 26px; } .chat ul li.me[data-state] .time::after { color: #888; } .chat ul li.me[data-state="read"] .time::after { color: #57c6f4; } .chat ul li.same, .chat ul li.me + .me { margin-top: -5px; } .chat ul li.single-emoji { font-size: 200%; } .chat ul li:last-child { margin-bottom: 0; } .chat .tick svg { position: absolute; transition: .5s ease-in-out; } .chat ul li .tick { position: absolute; right: 10px; display: inline-block; margin-left: 2px; bottom: 4px; height: 16px; width: 16px; } .svg_contact { position: absolute; margin-left: -25px; margin-top: 5px; } .svg_calls { float: left; margin-right: 7px; margin-top: 3px; } .fs_13 { font-size: 13px!important; } .color_k { color: #ff645b; } .text_progress{ color: var(--side-menu); text-decoration: none;cursor: pointer;font-weight: 600;font-size: 14px; } .bg_em{ background-color: var(--bg-card); -webkit-box-shadow: 0 1px 2px 0 rgba(0,0,0,.12); -moz-box-shadow: 0 1px 2px 0 rgba(0,0,0,.12); box-shadow: 0 1px 2px 0 rgba(0,0,0,.12); } .html5-progress-bar { width: 70%!important; border-radius: 3px; margin-bottom: 15px; } @media (max-width: 870px) { .html5-progress-bar { width: 100%!important; border-radius: 3px; margin-bottom: 15px; } } .html5-progress-bar progress { background-color: #c9ccd1; border: 0; width: 85%; height: 18px; border-radius: 9px; } .html5-progress-bar progress::-webkit-progress-bar { background-color: #f3f3f3; border-radius: 9px; } .html5-progress-bar progress::-webkit-progress-value { background: #cbe98b; background: -moz-linear-gradient(top, #cbe98b 0%, #a5c956 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cbe98b), color-stop(100%,#a5c956)); background: -webkit-linear-gradient(top, #cbe98b 0%,#a5c956 100%); background: -o-linear-gradient(top, #cbe98b 0%,#a5c956 100%); background: -ms-linear-gradient(top, #cbe98b 0%,#a5c956 100%); background: linear-gradient(to bottom, #cbe98b 0%,#a5c956 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cbe98b', endColorstr='#a5c956',GradientType=0 ); border-radius: 9px; } .html5-progress-bar progress::-moz-progress-bar { background: #cbe98b; background: -moz-linear-gradient(top, #cbe98b 0%, #a5c956 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cbe98b), color-stop(100%,#a5c956)); background: -webkit-linear-gradient(top, #cbe98b 0%,#a5c956 100%); background: -o-linear-gradient(top, #cbe98b 0%,#a5c956 100%); background: -ms-linear-gradient(top, #cbe98b 0%,#a5c956 100%); background: linear-gradient(to bottom, #cbe98b 0%,#a5c956 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cdeb8e', endColorstr='#a5c956',GradientType=0 ); border-radius: 9px; } .html5-progress-bar .progress-value { line-height: 20px; margin-left: 5px; font-size: 1em; color: var(--h-color); height: 18px; float: right; } .progressbar-text{ font-family: Camphor, Segoe UI, Open Sans, sans-serif; box-sizing: border-box; font-size: 16px; font-weight: 500; color: var(--progress-value); height: 40px; line-height: 20px; margin-top: 5px; } @media (max-width: 870px) { .progressbar-text{ font-size: 15px; } } .progress-bar-wrapper { text-align: left; } .v_top{ vertical-align: top; } .seen { color: #525f7f !important; } .star { width: 20px; } .TrackMessage { margin-top: 20px; font-size: 14px; font-weight: 600; line-height: 21px; color: var(--side-menu); } .TrackMessage2 { margin-top: 20px; font-size: 14px; font-weight: 400; line-height: 21px; color: var(--p-comonbody) } @media (min-width: 670px) { .TrackMessage { display: inline-block; margin: 10px; } .TrackMessage2 { display: inline-block; margin: 10px; } } .pulse_a::after { content: ""; border-radius: 50%; height: 30px; width: 30px; position: absolute; margin: -10px 0 0 -8px; -webkit-animation: pulsate 1s ease-out; -moz-animation: pulsate 1s ease-out; -o-animation: pulsate 1s ease-out; -ms-animation: pulsate 1s ease-out; animation: pulsate 1s ease-out; animation-delay: 0s; animation-iteration-count: 1; animation-delay: 0s; animation-iteration-count: 1; -webkit-animation-iteration-count: infinite; -moz-animation-iteration-count: infinite; -o-animation-iteration-count: infinite; -ms-animation-iteration-count: infinite; animation-iteration-count: infinite; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -webkit-box-shadow: 0 0 1px 2px #d4dbe1; box-shadow: 0 0 1px 2px #065e55; -webkit-animation-delay: 1.1s; -moz-animation-delay: 1.1s; -o-animation-delay: 1.1s; -ms-animation-delay: 1.1s; animation-delay: 1.1s; } .ava_style { width: 25px; height: 25px;margin-right: 4px; background-size: cover; border-radius: 55%; box-shadow: 0 4px 6px rgba(50,50,93,.11),0 1px 3px rgba(0,0,0,.08); float: left} .pulse_a { background: rgba(0,0,0,0.2); border-radius: 50%; height: 14px; width: 14px; position: absolute; left: 50%; top: 50%; margin: 35px 0px 0px 8px; -webkit-transform: rotateX(55deg); -moz-transform: rotateX(55deg); -o-transform: rotateX(55deg); -ms-transform: rotateX(55deg); transform: rotateX(55deg); z-index: 5; } .geo_block { width: 100%;height: 260px;position: relative;overflow: hidden; -webkit-box-shadow: 0 5px 5px rgba(0, 0, 0, 0.35); -moz-box-shadow: 0 5px 5px rgba(0, 0, 0, 0.35); box-shadow: 0 5px 5px rgba(0, 0, 0, 0.35); } .geo_block_server { padding: 20px; font-size: 14px; width: 100%;height: 250px;position: relative;overflow-y: auto;-webkit-box-shadow: 0 15px 35px rgba(50,50,93,.1),0 5px 15px rgba(0,0,0,.07); box-shadow: 0 15px 35px rgba(50,50,93,.1),0 5px 15px rgba(0,0,0,.07); background: black; } #loader2 { color: #00b200; } .common-server { color: #24b47e; font-size: 15px; text-transform: uppercase; } #type_text { color:#848a93 } .lang_r{ color: var(--p-comonbody)!important;font-size: 14px; } .common-fsr { font-weight: 400; line-height: 26px; color: #848a93; } #pass { color: #848a93; } .col_geo_text { color: #3498db;text-decoration: none;cursor: pointer;font-weight: 700;font-size: 14px; } .BodyText { font-size: 14px; line-height: 25px; } #remaining, #downloadSpeed, #downloaded { color: #3498db; font-weight: 600; } .z_p { color: #24b47e; font-size: 15px; } #total {color: #3498db;font-weight: 600; } .bag_r { background: #065e55;height: 30px; width: 100%; } .col_b{color: #fff; padding: 10px; font-size: 16px; font-weight: 600} .on-demand ul.ul-banner-button { display: -ms-flexbox; display: flex; margin-top: 30px } @media (min-width: 670px) { .on-demand ul.ul-banner-button { margin-bottom: 25px } } .on-demand li:first-child a { margin-right: 23px; color: #fff; background: #3ecf8e; text-shadow: 0 1px 3px rgba(36, 180, 126, .4); } .im_flex { -ms-flex: 1 0 60%!important; flex: 1 0 60%!important; } .Foot_GTA{ padding: 10px 0!important; } .funnel-concept { -webkit-box-shadow: 0 1px 2px 0 rgba(0,0,0,.12); -moz-box-shadow: 0 1px 2px 0 rgba(0,0,0,.12); box-shadow: 0 1px 2px 0 rgba(0,0,0,.12);background: #fff; } .list { position: relative } .title_light + .list { margin-top: 22px } .list__item { } .list__brand, .list__text { display: table-cell; height: 51px; padding: 8px 0px 0px 16px; vertical-align: middle; color: #becbdb; } .list__brand { text-align: left } .list__logo { max-width: 150px; max-height: 150px; vertical-align: bottom } .list_teext_r{color: var(--h-color); font-weight: 600; font-size: 17px} .list_price{ color: var(--h-color);font-weight: 600; } .list_pay { height: 85px; box-shadow: 0 1px 2px 0 rgba(0,0,0,.12); margin: 0% 0% 3% 0%; background: var(--bg-card_r); } .list__list { display: table; width: 100%; } .list_pay60 { text-align: left; line-height: 17px; float: left; } .list_pay40 { text-align: right; float: right; line-height: 17px; margin: 25px 15px 10px 0px; } .Foot_t{ font-size: 13px; margin-bottom: 5px;color: #aab9c9;line-height: 20px; } .express-name { color: var(--h-color)} .list__brand, .list__text { display: table-cell; height: 51px; padding: 28px 0px 0px 5px; vertical-align: middle; color: #becbdb; } .tLD--overview__ul p { font-size: 15px; margin-top: 0.75rem; margin-bottom: 1.5rem; line-height: 125%; } .breadcrumbs { font-size:13px; zoom:1 } .breadcrumbs:after,.breadcrumbs:before { content:""; display:table } .breadcrumbs:after { clear:both; } .breadcrumbs li { float:left } .breadcrumbs li>a,.breadcrumbs li>span { float:left; position:relative; padding:11px 0 } .breadcrumbs li>a { color:#aab9c9 } .breadcrumbs li>a:hover { color:#292e31 } .breadcrumbs li>a:hover::before { opacity:1!important } .breadcrumbs li.right { float:right } .breadcrumbs li.right a { font-weight:500; color:#4c555a } .breadcrumbs li.right a:hover { color:#292e31 } .breadcrumbs li span.amp { color:inherit } .breadcrumbs li::before { content: ""; float: left; width: 28px; height: 34px; background: center no-repeat; background-image: none; background-repeat: no-repeat; background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI5IiBoZWlnaHQ9IjE1IiB2aWV3Qm94PSItMzAxIDM4OSA5IDE1Ij48cGF0aCBzdHJva2U9IiNEQkRFRTAiIHN0cm9rZS13aWR0aD0iMS4xIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIGZpbGw9Im5vbmUiIGQ9Ik0tMjk5LjggMzkwLjJsNi4zIDYuMy02LjMgNi4zIi8+PC9zdmc+); background-repeat: no-repeat; } .breadcrumbs li.right::before,.breadcrumbs li:first-child::before { content:none } .breadcrumbs li>ul { float:left } .breadcrumbs li>ul li::before { width:4px; height:4px; margin:25px 18px; background:#c9ced1; border-radius:50% } .breadcrumbs li.icon a { padding-left:30px; } .breadcrumbs li.icon a::before { content:""; position:absolute; width:29px; height:29px; left:-3px; top:50%; margin-top:-14px; opacity:.8; } .breadcrumbs li.accounting-and-taxes a:before { background-position:0 0 } .breadcrumbs li.disputes-and-fraud a:before { background-position:-29px 0; } .breadcrumbs li.charges-and-refunds a:before { background-position:-58px 0 } .breadcrumbs li.international a:before { background-position:-87px 0 } .breadcrumbs li.my-account a:before { background-position:-116px 0 } .breadcrumbs li.connect a:before { background-position:-145px 0 } .breadcrumbs li.subscriptions a:before { background-position:-174px 0 } .breadcrumbs li.transfers-and-deposits a:before { background-position:-203px 0 } /* #pricing a { white-space:nowrap } */ .common-Card { position:relative; background-color:var(--bg-card); border-radius:8px; padding:30px; -webkit-box-shadow:0 3px 1px -2px rgba(0, 0, 0, .2), 0 2px 2px 0 rgba(0, 0, 0, .14), 0 1px 5px 0 rgba(0, 0, 0, .12); box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .2), 0 2px 2px 0 rgba(0, 0, 0, .14), 0 1px 5px 0 rgba(0, 0, 0, .12); } @media (min-width:880px) { .common-Card { padding:50px } } @media(min-width:1040px) { .buy-build { padding-top:0px;margin-top: 0px; } } #compliance .eu-guide { display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-orient:vertical; -webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column; -webkit-box-align:start; -ms-flex-align:start; align-items:flex-start; grid-column:span 2; padding:30px; margin-top:30px; overflow:hidden; } #compliance .eu-guide svg { display:none; position:absolute; width:130px; height:130px; top:50%; margin-top:-65px; left:-35px } #compliance .eu-guide .copy { max-width:550px } #compliance .eu-guide .slant-BodyText { margin-top:10px } #compliance .eu-guide .common-Button--default { margin-top:20px; background-color:#337be7 } #compliance .eu-guide .common-Button--default:active { color:#fff; background-color:#337be7 } @media (min-width:670px) { #compliance .eu-guide { padding:40px 40px 40px 140px } #compliance .eu-guide svg { display:block } } @media (min-width:880px) { #compliance .common-capture { padding-bottom:15px; padding-top:140px } #compliance .container-lg { display:grid; grid: auto/1.2fr 1fr; grid-gap:25px } #compliance aside { margin-top:1px } #compliance .eu-guide { -webkit-box-orient:horizontal; -webkit-box-direction:normal; -ms-flex-direction:row; flex-direction:row; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between; margin-top:0 } #compliance .eu-guide .copy { margin-right:50px } #compliance .eu-guide .common-Button--default { /*! margin-top:0; */ } } @media (min-width:670px) { #compliance .eu-guide { padding:40px 40px 40px 140px } #compliance .eu-guide svg { display:block } } .globalWhats .container-lg, .globalWhats .container-xl { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: -15px auto; padding: 0 5px; } .globalWhats .container-lg, .globalWhats .container-xl { display:-webkit-box; display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; margin:-15px auto; padding:0 5px } a.globalWA_card, div.globalWA_card { -webkit-box-flex:1; -ms-flex:1 1 100%; flex:1 1 100%; margin:15px; z-index:499; z-index:calc(500 - 1); position:relative; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-orient:vertical; -webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; overflow:hidden; padding: 30px 30px 30px 100px; background-color:var(--bg-card_r); border-radius:8px; -webkit-box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .2), 0 2px 2px 0 rgba(0, 0, 0, .14), 0 1px 5px 0 rgba(0, 0, 0, .12); box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .2), 0 2px 2px 0 rgba(0, 0, 0, .14), 0 1px 5px 0 rgba(0, 0, 0, .12); -webkit-transition-property:color,background-color,-webkit-box-shadow,-webkit-transform; transition-property:color,background-color,-webkit-box-shadow,-webkit-transform; transition-property:color,background-color,box-shadow,transform; transition-property:color,background-color,box-shadow,transform,-webkit-box-shadow,-webkit-transform; -webkit-transition-duration:.15s; transition-duration:.15s } a.globalWA_card:after, div.globalWA_card:after { content:""; position:absolute; left:0; top:0; right:0; bottom:0; background:#aab7c4; pointer-events:none; opacity:0; -webkit-transition:opacity .15s; transition:opacity .15s } @media (min-width:670px) { a.globalWA_card, div.globalWA_card { -ms-flex-preferred-size:1%; flex-basis:1%; padding-left:100px } } @media (min-width:880px) { a.globalWA_card, div.globalWA_card { padding-left:120px } } a.globalWA_card:hover, div.globalWA_card:hover { color:var(--amber-wait)!important; -webkit-transform:translateY(-2px); transform:translateY(-2px) } a.globalWA_card:active, a.globalWA_card:hover, div.globalWA_card:active, div.globalWA_card:hover { } a.globalWA_card:active, div.globalWA_card:active { -webkit-transform:translateY(2px); transform:translateY(2px) } a.globalWA_card:active:after, div.globalWA_card:active:after { opacity:.15 } a.globalWA_card img, a.globalWA_card svg, div.globalWA_card img, div.globalWA_card svg { position:absolute; width:130px; height:130px; left:-35px; top:calc(50% - 65px) } @media (min-width:670px) { a.globalWA_card img, a.globalWA_card svg, div.globalWA_card img, div.globalWA_card svg { left:-50px } } @media (min-width:880px) { a.globalWA_card img, a.globalWA_card svg, div.globalWA_card img, div.globalWA_card svg { left:-35px } } a.globalWA_card.card-life-at-stripe svg, div.globalWA_card.card-life-at-stripe svg { top:calc(50% - 62px) } a.globalWA_card svg .hover-fillDark, a.globalWA_card svg .hover-fillLight, a.globalWA_card svg .hover-fillMedium, div.globalWA_card svg .hover-fillDark, div.globalWA_card svg .hover-fillLight, div.globalWA_card svg .hover-fillMedium { -webkit-transition:fill .15s; transition:fill .15s } a.globalWA_card svg .hover-strokeDark, a.globalWA_card svg .hover-strokeLight, div.globalWA_card svg .hover-strokeDark, div.globalWA_card svg .hover-strokeLight { -webkit-transition:stroke .15s; transition:stroke .15s } a.globalWA_card:hover svg .hover-fillDark, div.globalWA_card:hover svg .hover-fillDark { fill:#32325d } a.globalWA_card:hover svg .hover-fillMedium, div.globalWA_card:hover svg .hover-fillMedium { fill:#525f7f } a.globalWA_card:hover svg .hover-fillLight, div.globalWA_card:hover svg .hover-fillLight { fill:#8898aa } a.globalWA_card:hover svg .hover-strokeDark, div.globalWA_card:hover svg .hover-strokeDark { stroke:#32325d } a.globalWA_card:hover svg .hover-strokeLight, div.globalWA_card:hover svg .hover-strokeLight { stroke:#8898aa } a.globalWA_card h2, div.globalWA_card h2 { margin:0 0 5px; white-space:normal } a.globalWA_card p, div.globalWA_card p { margin:5px 0 0 } .drop__fill--purple3 { fill: #3ecf8e; } .drop__text--purple4 { color: #3ecf8e; } .customized-callout { background:#065e55; padding:30px 0 40px; position:relative; z-index:2 } .customized-callout .container-lg { display:grid; grid-template-columns:1fr; grid-gap:30px } @media (min-width:670px) { .customized-callout .container-lg { grid-gap:60px; padding-top:20px; padding-bottom:30px } } .customized-callout .top-content { -ms-flex-item-align:center; align-self:center } .customized-callout .content h2.title { color:#9cdbff; font-weight:400; font-size:30px; line-height:45px; margin:.75em 0 } .customized-callout .content p.common-MediumBodyText { color:#cfd7df } .customized-callout .buttons { margin-top:30px } .logo-row { position:relative; margin:20px auto 0; -ms-flex-item-align:center; align-self:center } .logo-row ul { grid-gap:20px 0; justify-items:center; grid-template-rows:repeat(4,1fr); grid-template-columns:repeat(3,1fr); display:grid; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center } @media (min-width:670px) { .logo-row ul { grid-gap:35px 0 } } .logo-row li { padding:0 15px; min-width:0 } @media (min-width:880px) { .logo-row li { padding:0 18px } } @media (min-width:1040px) { .logo-row li { padding:0 22px } } .logo-row a { display:block; cursor:pointer } .logo-row img, .logo-row svg { max-width:100%; height:45px } .logo-row img path, .logo-row svg path { fill:#e6ebf1 } @media (min-width:670px) { .logo-row img, .logo-row svg { max-height:60px } } .logo-row.header-logos:after { content:""; position:absolute; left:20px; bottom:-40px; right:20px; border-bottom:2px solid #f6f9fc; pointer-events:none; display:none } .logo-row.header-logos ul { -webkit-transition-duration:.25s; transition-duration:.25s; -webkit-transition-timing-function:opacity,filter; transition-timing-function:opacity,filter } .logo-row.header-logos>a { position:absolute; left:0; top:0; right:0; bottom:0; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; -webkit-box-align:center; -ms-flex-align:center; align-items:center; text-align:center; padding:0 20px; opacity:0; -webkit-transition:opacity .25s; transition:opacity .25s } .logo-row.header-logos>a span { color:#f6f9fc; font-weight:500 } .common-SectionTitle { font-size: 21px; font-weight: 500; } #compliance { position:relative; z-index:1 } #compliance .common-capture { padding-top:25px; text-align:center } #compliance .common-capture img { margin-left:auto; margin-right:auto } #compliance aside { -webkit-box-ordinal-group:0; -ms-flex-order:-1; order:-1; padding:22px 20px 18px; border-radius:4px; background:var(--bs-ContentSection-footer); box-shadow: 0 1px 2px 0 rgba(0,0,0,.12); } #compliance h2 { margin-bottom:18px; color:#57c3f0; font-weight:600; text-transform:uppercase; font-size:15px } #compliance li { position:relative; padding-left:28px } #compliance li+li { margin-top:9px } #compliance li:before { content: var(--check); position:absolute; top:3px; left:0; width:19px } .common-capture img { display: block; width: 72px; height: 72px; margin-bottom: 23px; } .m_30 {margin-top: 30px} .illustration_p { color: #6b7c93; font-size: 15px; line-height: 1.5; } .db-LivemodeSwitcher-switch { opacity: .8; } .Switch { display:-ms-flexbox; display:flex; height:20px; margin: 14px 0px 0px 0px; padding:0; width:36px; border:0; cursor:pointer; position:relative; float: left; } .Switch.Is--disabled { cursor:default; pointer-events:none } .Switch-source { position:absolute; height:100%; width:100%; opacity:0; pointer-events:none } .Switch-knob { left:1px; position:absolute; top:1px; z-index:2; height:18px; width:18px; border-radius:9px; box-shadow:0 2px 4px 0 rgba(0,0,0,.25),0 0 1px 0 rgba(0,0,0,.26); transition:transform .2s ease-in-out } .Switch-source:checked+.Switch-controls .Switch-knob { left:1px; transform:translateX(16px) } .Switch-on { bottom:0; left:0; position:absolute; right:0; top:0; z-index:1; border-radius:10px; box-shadow:inset 0 0 0 1px rgba(0,0,0,.07); opacity:0; transition:opacity .2s ease-in-out } .Switch-source:checked+.Switch-controls .Switch-on { opacity:1 } .Switch-off { bottom:0; left:0; position:absolute; right:0; top:0; z-index:1; border-radius:10px; box-shadow:inset 0 0 0 1px rgba(0,0,0,.07); opacity:1; transition:opacity .2s ease-in-out } .Switch-source:checked+.Switch-controls .Switch-off { opacity:0 } .Switch--size--small { height:14px; width:24px } .Switch--size--small .Switch-bevel,.Switch--size--small .Switch-enabled { border-radius:7px } .Switch--size--small .Switch-knob { height:12px; width:12px; border-radius:6px } .Switch--size--small .Switch-source:checked+.Switch-controls .Switch-knob { transform:translateX(10px) } .Switch.Is--disabled { opacity:.5 } .Box-background--orange400 { background-color: #6bb3a7; } .Box-background--surface { background-color: #e3e8ee; } .Box-background--white { background-color: #fff; } .header__userLink_theme:before { opacity: .9; background: url(/img/night.svg) no-repeat; background-size: 19px 19px; background-position-y: 2px; } .header-sticky .header__userLink_theme:before { opacity: .9; background: url(/img/night.svg) no-repeat; background-size: 19px 19px; background-position-y: 2px; } .header__userLink:before { content: ""; width: 22px; height: 21px; display: inline-block; opacity: .8; margin-bottom: -2px; background-repeat: no-repeat; transition: opacity .2s ease; } .darkTemplate .header__userLink_theme:before, .header__userLink_theme.theme_night:before { background: url(/img/day.svg) no-repeat; background-size: 21px 21px; } @media (max-width:870px) { .header__userLink:before { margin-bottom: -7px; margin-right: 5px; }} .Pris-partner-program { position:relative; } .Pris-partner-program .common-PrisGrid .PrisContainer .Pris:first-child { grid-column:-20/span 3; grid-row:-5; background-color:#16c166; } .Pris-partner-program .common-PrisGrid .PrisContainer .Pris:nth-child(2) { grid-column:viewport-start/span 4; grid-row:-4; background-color:#2aa5a2; margin-top:-2px } .Pris-partner-program .common-PrisGrid .PrisContainer .Pris:nth-child(3) { grid-column:4/span 3; grid-row:-4; background-color:#05998b; margin-top:-2px } .Pris-partner-program .common-PrisGrid .PrisContainer .Pris:nth-child(4) { grid-column:17/span 4; grid-row:-4; background-color:#2aa5a2 } .Pris-partner-program .common-PrisGrid .PrisContainer .Pris:nth-child(5) { grid-column:-6/span 3; grid-row:-5; -webkit-box-shadow:inset 0 0 0 1.5px #e6ebf1; box-shadow:inset 0 0 0 1.5px #e6ebf1 } .Pris-partner-program .common-PrisGrid .PrisContainer .Pris:nth-child(6) { grid-column:-5/viewport-end; grid-row:-4; background-color:#16c166 } .Pris-partner-program .common-PrisGrid .PrisContainer .Pris:nth-child(7) { grid-column:-7/span 3; grid-row:-3; background-color:#05998b } .Pris-partner-program .common-PrisGrid .PrisContainer .Pris:nth-child(8) { grid-column:17/span 4; grid-row:-4; background-color:#9cdbff } .Pris-partner-program .common-PrisGrid .PrisContainer .Pris:nth-child(4),.Pris-partner-program .common-PrisGrid .PrisContainer .Pris:nth-child(6),.Pris-partner-program .common-PrisGrid .PrisContainer .Pris:nth-child(7) { position:relative; top:-2px } .partner-types__platform-partners .common-PrisGrid .PrisContainer .Pris:first-child { grid-column:-12/span 3; grid-row:-14; -webkit-box-shadow:inset 0 0 0 2px #e6ebf1; box-shadow:inset 0 0 0 2px #e6ebf1 } .partner-types__platform-partners .common-PrisGrid .PrisContainer .Pris:nth-child(2) { grid-column:-7/viewport-end; grid-row:-6; background-color:#555abf } .partner-types__platform-partners .common-PrisGrid .PrisContainer .Pris:nth-child(3) { grid-column:right-gutter-start/span 4; grid-row:-5; background-color:#c4f0ff } .partner-types__platform-partners .common-PrisGrid .PrisContainer .Pris:nth-child(4) { grid-column:-7/span 3; grid-row:-3; -webkit-box-shadow:inset 0 0 0 2px #e6ebf1; box-shadow:inset 0 0 0 2px #e6ebf1 } .partner-types__platform-partners .common-PrisGrid .PrisContainer .Pris:nth-child(5) { grid-column:span 3/-3; grid-row:-4; background-color:#ffcc42; margin-bottom:-2px } .partner-types__extension-partners .common-PrisGrid .PrisContainer .Pris:first-child { grid-column:span 3/-1; grid-row:-2; -webkit-box-shadow:inset 0 0 0 2px #e6ebf1; box-shadow:inset 0 0 0 2px #e6ebf1 } .partner-types__extension-partners .common-PrisGrid .PrisContainer .Pris:nth-child(2) { grid-column:-4/viewport-end; grid-row:-4; background-color:#555abf } .partner-types__extension-partners .common-PrisGrid .PrisContainer .Pris:nth-child(3) { display:none } @media(min-width:880px) { .partner-types__extension-partners .common-PrisGrid .PrisContainer .Pris:nth-child(3) { display:block; grid-column:-8/span 3; grid-row:-4; background-color:#9cdbff } } .partner-types__extension-partners .common-PrisGrid .PrisContainer .Pris:nth-child(4) { grid-column:span 3/-2; grid-row:-3; background-color:#c4f0ff; margin-bottom:-2px } section.ml-guide { z-index:2 } section.ml-guide .common-Card { overflow:hidden } @media (min-width:670px) { section.ml-guide .common-Card { display:grid; grid-template-columns:40px minmax(0,600px) auto; grid-column-gap:32px; -webkit-box-align:center; -ms-flex-align:center; align-items:center } } section.ml-guide svg { margin-bottom:20px } @media (min-width:670px) { section.ml-guide svg { margin-bottom:0; justify-self:end } } section.ml-guide .copy { margin-bottom:20px } @media (min-width:670px) { section.ml-guide .copy { margin-bottom:0 } } section.ml-guide .common-Uppercase { color:#32325d } section.ml-guide p { margin-top:10px } section.ml-guide a { justify-self:end } section.for-teams>.background { position:absolute; width:100%; top:-60px; bottom:0; background-color:#f6f9fc; overflow:hidden } @media (min-width:880px) { section.for-teams>.background { top:-120px } } section.for-teams>.background:before { content:""; position:absolute; width:100%; height:100%; top:50%; background-color:#edf2f7; -webkit-transform:skewY(-12deg); transform:skewY(-12deg) } section.for-teams .common-Card { padding:0; } section.for-teams .common-Card>* { padding-left: 20px; padding-right: 30px; padding-bottom: 20px; } @media (min-width:670px) { section.for-teams .common-Card>:first-child { padding:20px 20px 10px } } @media (min-width:670px) { section.for-teams .common-Card>:last-child { padding: 0px 30px 40px; } } section.for-teams header { background-color: var(--bg-card); border-top-left-radius:4px; border-top-right-radius:4px } section.for-teams header svg { -webkit-box-flex:0; -ms-flex:0 0 auto; flex:0 0 auto; margin-bottom:20px } @media (min-width:670px) { section.for-teams header svg { margin-bottom:0 } } section.for-teams header .copy { -webkit-box-flex:1; -ms-flex:1 1 auto; flex:1 1 auto; margin-bottom:20px } @media (min-width:670px) { section.for-teams header .copy { margin:-2px 40px 0 20px } } section.for-teams header .common-IntroText { margin-top:6px } section.for-teams header a { -webkit-box-flex:0; -ms-flex:0 0 auto; flex:0 0 auto; margin-top:6px } @media (min-width:880px) { section.for-teams .md-columns { -webkit-box-align:center; -ms-flex-align:center; align-items:center } } @media (min-width:1040px) { section.for-teams .md-columns { -webkit-box-align:start; -ms-flex-align:start; align-items:flex-start } } section.for-teams li { padding-left:46px; background-image:url(/images/svg/check.svg); background-position:0 4px; background-repeat:no-repeat } @media (min-width:670px) { section.for-teams li { background-position:13px 4px } } section.for-teams li:not(:last-child) { margin-bottom:10px } @media (min-width:670px) { section.for-teams .screenshot { margin:30px 0 0 -20px } } @media (min-width:880px) { section.for-teams .screenshot { margin: -10px -20px 0 30px; } } section.for-teams .screenshot:hover { --transform:rotate3d(0.5,-0.866,0,19deg) translateZ(30px); --shadow:38.4px 70px 140px -28px rgba(50,50,93,.47),23px 42px 84px -42px rgba(0,0,0,.57) } section.for-teams .screenshot:active { --transform:rotate3d(0.5,-0.866,0,19deg) translateZ(20px) } section.for-teams .screenshot .image-container { -webkit-transition-property:-webkit-transform,-webkit-box-shadow; transition-property:-webkit-transform,-webkit-box-shadow; transition-property:transform,box-shadow; transition-property:transform,box-shadow,-webkit-transform,-webkit-box-shadow; -webkit-transition-duration:.25s; transition-duration:.25s; -webkit-transition-timing-function:cubic-bezier(.165,.84,.44,1); transition-timing-function:cubic-bezier(.165,.84,.44,1) } .md-columns,.sm-columns { display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-orient:vertical; -webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column; -webkit-box-align:start; -ms-flex-align:start; align-items:flex-start } @media (min-width:670px) { .sm-columns { -webkit-box-orient:horizontal; -webkit-box-direction:normal; -ms-flex-direction:row; flex-direction:row; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between } } @media (min-width:880px) { .md-columns { -webkit-box-orient:horizontal; -webkit-box-direction:normal; -ms-flex-direction:row; flex-direction:row; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between } } .screenshot {max-width: 400px;} .lg-cols,.lg-grid,.lg-rows,.md-cols,.md-grid,.md-rows,.sm-cols,.sm-grid,.sm-rows,.xs-cols,.xs-grid,.xs-rows { display:-ms-flexbox; display:flex; margin:-20px } .feature-block { -ms-flex:1; flex:1; position:relative } .xs-cols { -ms-flex-direction:row; flex-direction:row } .xs-cols .feature-block { -ms-flex-preferred-size:100%; flex-basis:100% } .xs-rows { -ms-flex-direction:column; flex-direction:column } .xs-rows .feature-block { -ms-flex-preferred-size:auto; flex-basis:auto } .xs-grid { -ms-flex-direction:row; flex-direction:row; -ms-flex-wrap:wrap; flex-wrap:wrap } .xs-grid .feature-block { -ms-flex-preferred-size:50%; flex-basis:50% } @media (min-width:670px) { .sm-cols { -ms-flex-direction:row; flex-direction:row } .sm-cols .feature-block { -ms-flex-preferred-size:100%; flex-basis:100% } .sm-rows { -ms-flex-direction:column; flex-direction:column } .sm-rows .feature-block { -ms-flex-preferred-size:auto; flex-basis:auto } .sm-grid { -ms-flex-direction:row; flex-direction:row; -ms-flex-wrap:wrap; flex-wrap:wrap } .sm-grid .feature-block { -ms-flex-preferred-size:50%; flex-basis:50% } } @media (min-width:880px) { .md-cols { -ms-flex-direction:row; flex-direction:row; -ms-flex-wrap:nowrap; flex-wrap:nowrap } .md-cols .feature-block { -ms-flex-preferred-size:100%; flex-basis:100% } .md-rows { -ms-flex-direction:column; flex-direction:column; -ms-flex-wrap:nowrap; flex-wrap:nowrap } .md-rows .feature-block { -ms-flex-preferred-size:auto; flex-basis:auto } .md-grid { -ms-flex-direction:row; flex-direction:row; -ms-flex-wrap:wrap; flex-wrap:wrap } .md-grid .feature-block { -ms-flex-preferred-size:50%; flex-basis:50% } } @media (min-width:1040px) { .lg-cols { -ms-flex-direction:row; flex-direction:row; -ms-flex-wrap:nowrap; flex-wrap:nowrap } .lg-cols .feature-block { -ms-flex-preferred-size:100%; flex-basis:100% } .lg-rows { -ms-flex-direction:column; flex-direction:column; -ms-flex-wrap:nowrap; flex-wrap:nowrap } .lg-rows .feature-block { -ms-flex-preferred-size:auto; flex-basis:auto } .lg-grid { -ms-flex-direction:row; flex-direction:row; -ms-flex-wrap:wrap; flex-wrap:wrap } .lg-grid .feature-block { -ms-flex-preferred-size:50%; flex-basis:50% } } .xs-icon-top .icon { margin:10px 0 20px -3px } .xs-icon-left { padding-left:50px } .xs-icon-left .icon { position:absolute; left:-24px; top:7px } @media (min-width:670px) { .sm-icon-top { padding-left:0 } .sm-icon-top .icon { position:static; margin:10px 0 20px -3px } .sm-icon-left { padding-left:50px } .sm-icon-left .icon { position:absolute; left:-24px; top:7px } } @media (min-width:880px) { .md-icon-top { padding-left:0 } .md-icon-top .icon { position:static; margin:10px 0 20px -3px } .md-icon-left { padding-left:50px } .md-icon-left .icon { position:absolute; left:-24px; top:7px } } @media (min-width:1040px) { .lg-icon-top { padding-left:0 } .lg-icon-top .icon { position:static; margin:10px 0 20px -3px } .lg-icon-left { padding-left:50px } .lg-icon-left .icon { position:absolute; left:-24px; top:7px } } .small-benefits {margin-top: 30px} .img_affilate{margin-top: -90px; z-index: -1; max-width: 400px; position: relative; margin-bottom: -120px;} .col_er{color: #27a0eb} .Badge--variant { background-color: #cbf4c9; padding-top: 2px; padding-bottom: 2px; padding-right: 8px; padding-left: 8px; border-radius: 20px; } .Text-wrap--noWrap { color: #0e6245; font-size: 14px; font-weight: 500; } .method_s{ font-size: 14px;color: #a6a6a6;line-height: 27px; } @media (max-width:670px) { .text-align_670{ text-align: center; }} .text-align_center{ text-align: center; } .accordion a { position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; width: 100%; padding: 1rem 1rem 1rem 1rem; color: #7288a2; font-size: 1.15rem; font-weight: 400; background: var(--bs-ContentSection-footer); } .accordion a a{ position: relative; display: block; } .accordion .content { opacity: 0; padding: 0 1rem;background: var(--bg-card_r); max-height: 0; border-bottom: 1px solid #e5e5e5; overflow: hidden; clear: both; -webkit-transition: all 0.2s ease 0.15s; -o-transition: all 0.2s ease 0.15s; transition: all 0.2s ease 0.15s; } .accordion .content p { font-size: 15px;line-height: 25px;color: var(--h-color); font-weight: 300; } div.accordion.mr_r_10 div.accordion-item div.content.active p.lets-BodyText_2 a { background: none; display: inline;font-size: 15px; padding: 0; color: #3498db; font-weight: 300;width: auto; } .accordion .content.active { opacity: 1; padding: 1rem; max-height: 100%; -webkit-transition: all 0.35s ease 0.15s; -o-transition: all 0.35s ease 0.15s; transition: all 0.35s ease 0.15s; } .accordion-list__i.active::before { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } .accordion-list__i__title { color: var(--h-color); font-size: 14px; line-height: 1.5; font-weight: 500; cursor: pointer; padding: 0px 10px 0px 25px; } .accordion-list__i::before { position: absolute; top: 17px; left: 10px; content: ""; border-left: 3px solid #BA00B4; border-bottom: 3px solid #1D0AC9; width: 15px; height: 15px; -webkit-transform: rotate(-135deg); -moz-transform: rotate(-135deg); -ms-transform: rotate(-135deg); transform: rotate(-135deg); -webkit-transition: transform 250ms; -moz-transition: transform 250ms; -ms-transition: transform 250ms; transition: transform 250ms; } @media (max-width:640px) { .accordion-list__i__title { font-size: 15px; }} .frame { width: 320px; height: 350px; position: relative; margin: 50px auto; border-radius: 50px; } @media (max-width:640px) { .frame { height: 500px; } } .frame-content { width: 292px; height: 552px; background: var(--bg-card); border: 16px solid #202020; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); border-radius: 47px; } .frame-content-header { width: 100%; position: relative; top: 0; left: 0; height: 100px; background: var(--bg-card); /*linear-gradient(to top left, #D0FBED,#FDD7EA , #f9f9f9); */ border-radius: 32px 32px 0 0; border-bottom: 1px solid #ededed; } .frame-content-header .frame-header { position: absolute; width: 170px; height: 24px; top: -2px; left: 50%; transform: translateX(-50%); background-color: #202020; border-radius: 0 0 23px 23px; } .frame-content-header .frame-header-speaker { margin-top: 6px; width: 40px; height: 4px; background-color: #404040; margin-left: auto; margin-right: auto; } .frame-content-header .frame-header-camera { position: absolute; width: 7px; height: 7px; right: 40px; top: 2px; background-color: #090A50; border: 3px solid #404040; border-radius: 50%; } .frame-content-header .header-bars { width: 100%; margin-left: auto; margin-right: auto; display: flex; justify-content: space-between; color: #404040; } .frame-content-header .header-bars .header-bars-block { margin-top: 3px; } .frame-content-header .header-bars .header-bars-block span { font-size: 11px; margin-left: 10px; } .frame-content-header .header-bars .header-bars-block i { font-size: 11px; } .frame-content-header .header-control { margin-top: 14px; display: flex; justify-content: space-between; color: #0083FF; font-size: 15px; } .frame-content-header .header-control .fas { cursor: pointer; transition: all .6s; display: inline-flex; } .frame-content-header .header-control .fas:hover { transform: rotate(360deg); -webkit-transform: rotate(360deg); } .frame-content-header .header-control span { font-weight: normal; cursor: pointer; } .frame-content-header .header-title { margin-top: 12px; } .frame-content-header .header-title span { font-size: 25px; font-weight: 600; color: var(--h-color); font-family: Gotham; } .frame-content .frame-content-body { width: 100%; } .frame-content .frame-content-body .content-body-block { width: 100%; height: 50px; display: flex; align-items: center; position: relative; transition: all .5s; cursor: pointer; } .frame-content .frame-content-body .content-body-block:hover { background-color: #f2f2f2; } .frame-content .frame-content-body .content-body-block .block-user-img { width: 37px; height: 37px; } .frame-content .frame-content-body .content-body-block .block-user-img img { width: 100%; border-radius: 50%; cursor: pointer; transform: scale(1); transition: all ease-in-out .2s; } .frame-content .frame-content-body .content-body-block .block-user-img img:hover { transform: scale(1.2); box-shadow: 0 0 5px .2px #c8c8c8; } .frame-content .frame-content-body .content-body-block .block-text { margin-left: 8px; } .frame-content .frame-content-body .content-body-block .block-text h4 { color: var(--h-color); font-size: 12px; } .frame-content .frame-content-body .content-body-block .block-text span { font-size: 9px; color: #c8c8c8; } .frame-content .frame-content-body .content-body-block .block-info { position: absolute; right: 0; width: 17px; height: 17px; border: 1px solid #0083FF; line-height: 17px; text-align: center; border-radius: 50%; color: #0083FF; font-size: 14px; } .frame-content .frame-content-nav { position: absolute; bottom: 28px; width: 100%; display: flex; justify-content: space-between; border-top: 1px solid #ededed; } .frame-content .frame-content-nav .nav-box { width: 20%; text-align: center; color: #999999; cursor: pointer; transition: all ease-in-out .3s; } .frame-content .frame-content-nav .nav-box:hover { color: #0083FF; } .frame-content .frame-content-nav .nav-box span { display: block; font-size: 8px; } .frame-content .frame-content-nav .nav-box i { margin-top: 5px; margin-bottom: 3px; font-size: 20px; } .frame-content .frame-content-nav .active { color: #0083FF; } .frame-content .frame-content-bottom { position: absolute; bottom: 0; height: 28px; width: 100%; border-radius: 0 0 30px 30px; } .frame-content .frame-content-bottom .bottom-shape { width: 110px; height: 4px; margin-top: 15px; margin-left: auto; margin-right: auto; border-radius: 3px; transition: all .3s; cursor: pointer; } .frame-content .frame-content-bottom .bottom-shape:hover { background-color: #323232; } .features-box { position:relative } .features-box .feature-i-box .wr, .features-box .customers-slider .customers-slider-wr .inner, .features-box .customers-slider .wr, .features-box .customers-slider .customers-slider-wr .inner, .features-box .customers-slider .slick-dots { padding:0 20px 0 320px; -webkit-box-sizing:border-box; box-sizing:border-box; max-width:1064px } .features-box .feature-i-box .wr.full-wr, .features-box .customers-slider .customers-slider-wr .inner.full-wr, .features-box .customers-slider .wr.full-wr, .features-box .customers-slider .customers-slider-wr .inner.full-wr, .features-box .customers-slider .slick-dots.full-wr { padding:0 20px 0 0!important } .features-box .feature-i-box .wr.full-wr.top-pad, .features-box .customers-slider .customers-slider-wr .inner.full-wr.top-pad, .features-box .customers-slider .wr.full-wr.top-pad, .features-box .customers-slider .customers-slider-wr .inner.full-wr.top-pad, .features-box .customers-slider .slick-dots.full-wr.top-pad { padding:80px 0 0 0!important } .features-box .heel-steps-wr { text-align:left } .features-box .heel-steps-wr .step-i { text-align:center } .features-box .heel-steps-wr .step-i:before { left:50%; -webkit-transform:translate(-50%,0); transform:translate(-50%,0) } .features-box .heel-steps .button-box { -webkit-box-pack:center; -webkit-justify-content:center; -ms-flex-pack:center; justify-content:center } .features-box .feature-i-box { padding:65px 0 } .features-box .feature-i-box .note { font-size:16px; font-style:italic; margin:20px 0 0 0 } .features-box .feature-i-box .note b { font-weight:700; font-style:normal } .features-box .feature-i-box .main-title { text-align:center } .features-box .feature-i-box.start-monitoring-now { background:#fff } .features-box .feature-i-box.start-monitoring-now .button-box { -webkit-box-pack:center; -webkit-justify-content:center; -ms-flex-pack:center; justify-content:center } .features-box .feature-i-box.start-monitoring-now .button-box>a { margin:0 12px 0 0 } .features-box .feature-i-box.customers-slider .customers-slider-wr .inner { text-align:center; padding:0 40px 0 0 } .features-box .feature-i-box.customers-slider .slick-dots { -webkit-box-pack:center; -webkit-justify-content:center; -ms-flex-pack:center; justify-content:center } .features-box .feature-i-head { background:#cdefe8; overflow:hidden; padding:0 } .features-box .feature-i-head .wr { display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; min-height:510px; padding-bottom:20px } .features-box .feature-i-head h1 { padding:120px 0 0 0; display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-box-align:center; -webkit-align-items:center; -ms-flex-align:center; align-items:center; color:var(--main-title); font-size:30px; margin:0 0 30px 0; font-weight:600; line-height:35px } .features-box .feature-i-head h1 i { margin:0 20px 0 0 } .features-box .feature-i-head h1 i svg { width:40px; height:40px } .features-box .feature-i-head h1 i svg path { fill:#007ce3 } .features-box .feature-i-head p { color:#757f84; font-size:18px; line-height:1.55 } .features-box .feature-i-head .l-side { -webkit-flex-basis:60%; -ms-flex-preferred-size:60%; flex-basis:60% } .features-box .feature-i-head .r-side { -webkit-flex-basis:35%; -ms-flex-preferred-size:35%; flex-basis:35%; margin:0 0 0 5%; font-size:0; position:relative } .features-box .feature-i-head .r-side img { width:100% } .features-box .feature-i-head .r-side .img-box { position:absolute; margin:110px 0 0 0; width:100% } .features-box .feature-i-head .r-side .img-box .inner { position:absolute; top:11%; left:4%; right:4%; border:1px solid #d4d5d6; overflow:hidden } .features-box .feature-i-head .r-side .img-box .inner svg { width:100% } .features-box .feature-i-head .button-box { margin:40px 0 0 0 } .features-box .feature-i-cp { padding:60px 0 } .features-box .feature-i-cp img { width:100% } .features-box .feature-case { background:#286057; color:#fff; line-height:1.5 } .features-box .feature-case .wr { display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-box-pack:justify; -webkit-justify-content:space-between; -ms-flex-pack:justify; justify-content:space-between; -webkit-box-align:center; -webkit-align-items:center; -ms-flex-align:center; align-items:center } .features-box .feature-case .box-title { font-size:25px; max-width:260px; margin:0 0 30px 0 } .features-box .feature-case .l-side { -webkit-flex-basis:60%; -ms-flex-preferred-size:60%; flex-basis:60% } .features-box .feature-case .l-side p { padding:10px 0; font-size:16px } .features-box .feature-case .l-side p em { font-style:italic } .features-box .feature-case .r-side { -webkit-flex-basis:30%; -ms-flex-preferred-size:30%; flex-basis:30%; text-align:center } .features-box .feature-case .r-side p { text-transform:uppercase; font-weight:700 } .features-box .feature-case .r-side .icons { display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-box-pack:center; -webkit-justify-content:center; -ms-flex-pack:center; justify-content:center; margin:0 0 10px 0 } .features-box .feature-case .r-side .icons li { margin:0 10px } .features-box .feature-case .r-side .icons li:last-child { opacity:.5 } .features-box .feature-case .r-side .icons li svg { width:30px } .features-box .feature-case .r-side .icons li svg path { fill:#fff } .features-box .feature-case .r-side .big-icon { margin:0 0 20px 0 } .features-box .feature-case .r-side .big-icon.sec { color:#2a313c } .features-box .feature-case .r-side .big-icon li { position:relative; font-size:0 } .features-box .feature-case .r-side .big-icon li span { position:absolute; top:50%; left:50%; -webkit-transform:translate(-50%,-50%); transform:translate(-50%,-50%); font-size:60px } .features-box .feature-case .r-side .big-icon li span i { font-size:30px } .features-box .feature-case .r-side .big-icon li svg { width:150px } .features-box .feature-case .r-side .big-icon li img { max-width:100% } .features-box .compatible-box { background:#f9f9fa; display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; color:#525252 } .features-box .compatible-box>div { padding:40px 30px 10px } .features-box .compatible-box .box-title { font-size:16px; text-transform:uppercase; margin:0 0 25px 0; font-weight:700 } .features-box .compatible-box .l-side { -webkit-flex-basis:45%; -ms-flex-preferred-size:45%; flex-basis:45% } .features-box .compatible-box .l-side ul li { margin:30px 0; padding:0 0 0 25px; position:relative } .features-box .compatible-box .l-side ul li:before { content:''; background-size:100% 100%; width:16px; height:16px; position:absolute; left:0; top:-1px } .features-box .compatible-box .r-side { -webkit-flex-basis:55%; -ms-flex-preferred-size:55%; flex-basis:55% } .features-box .compatible-box .r-side ul li { margin:30px 0 } .features-box .compatible-box .r-side ul li .title { font-weight:700; margin:0 0 15px 0 } .features-box .compatible-box .r-side ul li p { line-height:1.4 } .features-box .compatible-box .r-side ul li a { color:#41bef5 } .features-box .features-list svg { width:46px; height:46px } .features-box .features-list li { display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-box-align:center; -webkit-align-items:center; -ms-flex-align:center; align-items:center; margin:25px 0 0 0 } .features-box .features-list li.features-list-sub { margin:20px 0 0 20px } .features-box .features-list li.features-list-sub i { width:36px; height:36px; -webkit-flex-basis:36px; -ms-flex-preferred-size:36px; flex-basis:36px } .features-box .features-list li.features-list-sub i svg { width:36px; height:36px } .features-box .features-list li.features-list-sub span { font-size:14px } .features-box .features-list li i { width:46px; height:46px; font-size:0; -webkit-flex-basis:46px; -ms-flex-preferred-size:46px; flex-basis:46px; margin:0 15px 0 0; overflow:hidden } .features-box .features-list li div { -webkit-flex-basis:80%; -ms-flex-preferred-size:80%; flex-basis:80% } .features-box .features-list li span { font-size:16px; color:#383838; font-weight:600; -webkit-flex-basis:80%; -ms-flex-preferred-size:80%; flex-basis:80% } .features-box .features-list li p, .features-box .features-list li .features-list__small-text { display:block; color:#7c838d; font-size:14px; line-height:1.4; margin:8px 0 0 0; font-weight:400; -webkit-flex-basis:auto; -ms-flex-preferred-size:auto; flex-basis:auto } .features-box .feature-i { padding:65px 0 } .features-box .feature-i:nth-child(2n+1) { background:#f9f9fa } .features-box .feature-i:nth-child(2n+1) .r-side { -webkit-box-ordinal-group:0; -webkit-order:-1; -ms-flex-order:-1; order:-1; margin:0 10% 0 0 } .main-title { color: var(--main-title); font-size: 18px; text-transform: uppercase; line-height: 1.4; font-weight: 700; text-align: center; margin: 0 0 35px 0; } .features-box .feature-i .wr { display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-box-align:center; -webkit-align-items:center; -ms-flex-align:center; align-items:center } .features-box .feature-i h2 { display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-box-align:center; -webkit-align-items:center; -ms-flex-align:center; align-items:center; color:var(--main-title); font-size:30px; margin:0 0 30px 0 } .features-box .feature-i h2 i { margin:0 20px 0 0 } .features-box .feature-i h2 i svg { width:40px; height:40px } .features-box .feature-i h2 i svg path { fill:#49bff3 } .features-box .feature-i p { margin:20px 0; font-size:16px; color:#757f84; line-height:1.5 } .features-box .feature-i a { color:#39c0f9; display:inline-block } .features-box .feature-i .compatibility { color:#ccd0d2; display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-box-align:center; -webkit-align-items:center; -ms-flex-align:center; align-items:center } .features-box .feature-i .compatibility li { margin:10px 15px 0 0; font-size:28px } .features-box .feature-i .compatibility li svg { width:27px; height:27px; fill:currentColor } .features-box .feature-i .l-side { -webkit-flex-basis:60%; -ms-flex-preferred-size:60%; flex-basis:60% } .features-box .feature-i .r-side { -webkit-flex-basis:30%; -ms-flex-preferred-size:30%; flex-basis:30%; margin:0 0 0 10%; font-size:0 } .features-box .feature-i .r-side img { width:100% } .features-box .feature-i .r-side .img-box { position:relative } .features-box .feature-i .r-side .img-box .inner { position:absolute; top:11%; left:4%; right:4%; border:1px solid #d4d5d6; overflow:hidden } .features-box .feature-i .r-side .img-box .inner svg { width:100% } .features-box .main-title { text-align:center } .features-box .get-started .button-box { -webkit-box-pack:center; -webkit-justify-content:center; -ms-flex-pack:center; justify-content:center } .features-box .get-started .button-box a { margin:0 10px 0 0 } .features-box .get-started .button-box a:last-child { margin:0 } .features-box .customers-slider { text-align:center } .features-box .customers-slider .slick-dots { -webkit-box-pack:center; -webkit-justify-content:center; -ms-flex-pack:center; justify-content:center; margin:60px auto 0; padding:0 20px 0 0!important } .features-box .customers-slider .slider-nav .wr { padding:0 20px 0 0 } .features-box .customers-slider .customers-slider-wr .inner { text-align:center } .features-box-head { background-position:center center; background-size:cover; padding:0!important } .features-box-head .wr { height:430px; display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-box-orient:vertical; -webkit-box-direction:normal; -webkit-flex-flow:column; -ms-flex-flow:column; flex-flow:column; -webkit-box-pack:center; -webkit-justify-content:center; -ms-flex-pack:center; justify-content:center; color:#fff } .features-box-head .wr h1 { font-size:40px; line-height:1.2 } .features-box-head .wr p { font-size:16px; line-height:1.5; margin:40px 0 0 0 } .aside-box { position:absolute; top:60px; left:0; right:0; pointer-events:none } .aside-box.fixed-position { position:fixed; top:auto; bottom:20px; z-index:2 } .aside-box.fixed-position.position-bottom { position:absolute } .aside-box .features-aside { pointer-events:all; max-width:298px; background:#f9f9fa; border-radius:5px; border:1px solid #d4d5d6; -webkit-box-sizing:border-box; box-sizing:border-box; padding:60px 20px } .aside-box .features-aside .aside-title { color:var(--main-title); font-size:18px; font-weight:700; margin:0 0 18px 0; text-transform:uppercase; padding:0 20px } .aside-box .features-aside ul li { padding:8px 10px } .aside-box .features-aside ul li.active { position:relative; border-radius:4px 0 0 4px } .aside-box .features-aside ul li.active:before { content:''; left:100%; top:50%; width:0; height:0; border-width:15px 0 15px 10px; position:absolute; -webkit-transform:translateY(-50%); transform:translateY(-50%) } .aside-box .features-aside span { text-transform:uppercase; font-weight:600; color:#757f84; margin:16px 0 11px; display:inline-block; padding:0 10px } .aside-box .features-aside a { color:#39c0f9 } .features-box-head.features-box--fix-mobile .features-box__text { margin-bottom:30px } @media only screen and (max-width:800px) { .features-box-head.features-box--fix-mobile { padding-top:40px!important; padding-bottom:40px!important } .features-box-head.features-box--fix-mobile .button-box { -webkit-box-pack:center; -webkit-justify-content:center; -ms-flex-pack:center; justify-content:center } } @media only screen and (max-width:480px) { .features-box-head.features-box--fix-mobile { padding-top:30px!important; padding-bottom:30px!important } .features-box-head.features-box--fix-mobile .features-box__text { margin-top:25px; margin-bottom:25px } .features-box-head.features-box--fix-mobile .button-box { -webkit-box-orient:vertical; -webkit-box-direction:normal; -webkit-flex-direction:column; -ms-flex-direction:column; flex-direction:column; -webkit-box-align:center; -webkit-align-items:center; -ms-flex-align:center; align-items:center } .features-box-head.features-box--fix-mobile .button-box>span { color:#fff } .features-box-head.features-box--fix-mobile .button-box .button, .features-box-head.features-box--fix-mobile .button-box .demo-link { margin:5px 0 } } .feature-i-box.seo-content h2, .feature-i-box.seo-content h3 { text-align:center; color:var(--main-title); font-size:18px; text-transform:uppercase; line-height:1.4; font-weight:700; margin:25px 0 } .feature-i-box.seo-content p { padding:10px 0; font-size:16px; line-height:1.4 } .feature-i-box.seo-content .features-list { padding-bottom:30px } .feature-i-box.seo-content .features-list p { padding:0 } .feature-i-box .top-dangers ol { list-style:decimal; list-style-position:inside; font-weight:700 } .feature-i-box .top-dangers ol li { padding:0 0 15px 0; text-transform:uppercase } .feature-i-box .top-dangers ol li li { padding:0; text-transform:none } .feature-i-box .top-dangers ol p { font-weight:400; text-transform:none } .feature-i-box .top-dangers ol ul { list-style:disc; list-style-position:inside; padding:10px } .feature-i-box .top-dangers ol ul li { font-weight:400; line-height:1.6; font-size:16px } .feature-i-box .feature-content { font-size:14px; line-height:20px; color:var(--main-title); margin-bottom:40px } .feature-i-box .feature-content .main-title:not(:first-child) { margin-top:40px } .feature-i-box .feature-content .main-title:not(:first-child).no-margin-top { margin-top:0 } .feature-i-box .feature-content img { display:block; max-width:100%; height:auto; margin-bottom:10px; margin-left:auto; margin-right:auto } .feature-i-box .feature-content .resp-container { position:relative; overflow:hidden; padding-top:56.25%; margin-bottom:10px } .feature-i-box .feature-content .resp-container .resp-iframe { position:absolute; top:0; left:0; width:100%; height:100%; border:0 } .feature-i-box .feature-content p { margin-bottom:10px; font-size:inherit; line-height:inherit; padding:0 } .feature-i-box .feature-content .feature-button-wrapper { text-align:center; margin:40px auto } .feature-i-box .feature-content .button:not(.button-show-more) { display:-webkit-inline-box; display:-webkit-inline-flex; display:-ms-inline-flexbox; display:inline-flex } .feature-i-box .feature-content button { -webkit-appearance:button } .feature-i-box .feature-content strong { font-weight:700 } .feature-i-box .feature-content ul, .feature-i-box .feature-content ol { list-style-type:disc; margin-left:23px; margin-bottom:10px } .feature-i-box .feature-content ul li:not(:last-child), .feature-i-box .feature-content ol li:not(:last-child) { margin-bottom:5px } .feature-i-box .feature-content ol { counter-reset:section; list-style-type:none; margin-left:24px } .feature-i-box .feature-content ol li { position:relative } .feature-i-box .feature-content ol li:before { counter-increment:section; content:counters(section,".") "."; position:absolute; left:-22px; width:20px; text-align:right } .feature-i-box .feature-content ol li>ol { margin-left:25px; margin-top:5px; margin-bottom:0 } .feature-i-box .feature-content ol li>ol li:before { left:-26px } .feature-i-box .feature-content ol li.bottom-bullet:before { counter-increment:none; content:' ' } .feature-i-box .feature-content ol li.bottom-bullet p:before { counter-increment:section; content:counters(section,".") "."; position:absolute; left:-22px; width:20px; text-align:right } .feature-i-box .feature-content .custom-bullet { list-style-type:none } .feature-i-box .feature-content .custom-bullet li { position:relative } .feature-i-box .feature-content .custom-bullet li:before { content:''; display:inline-block; width:14px; margin-left:-14px } .feature-i-box .feature-content .custom-bullet li:after { content:''; position:absolute; left:-17px; top:7px; width:5px; height:5px; border-radius:50%; background-color:#000 } .feature-i-box .feature-content .custom-bullet li.no-bullet:after { background-color:transparent } .feature-i-box .feature-content .feature-content-hidden { display:none } @media only screen and (max-width:960px) { .aside-box .features-aside { max-width:238px; padding:30px 8px } .features-box .feature-i-box .wr, .features-box .customers-slider .customers-slider-wr .inner, .features-box .customers-slider .wr, .features-box .customers-slider .customers-slider-wr .inner, .features-box .customers-slider .slick-dots { padding:0 20px 0 278px } .features-box .get-started .button-box { -webkit-box-pack:center; -webkit-justify-content:center; -ms-flex-pack:center; justify-content:center } .features-box .feature-i-head h1 { -webkit-box-pack:center; -webkit-justify-content:center; -ms-flex-pack:center; justify-content:center } .features-box .feature-i-head .r-side { display:none } .features-box .compatible-box>div { padding:30px 12px 0 } .features-box .feature-case .l-side p { padding:5px 0; font-size:14px } .features-box .features-box-head .wr h1 { font-size:30px } .features-box .feature-i h2 { font-size:24px } .features-box .feature-i h2 br { display:none } .feature-i-head { text-align:center } .feature-i-head .button-box { -webkit-flex-wrap:wrap; -ms-flex-wrap:wrap; flex-wrap:wrap } .feature-i-head .button-box>* { -webkit-flex-basis:100%; -ms-flex-preferred-size:100%; flex-basis:100%; margin:10px 0 } .features-box .feature-i-head p { font-size:14px } .features-box .features-list li span { font-size:14px; line-height:1.3 } .features-box .compatible-box { -webkit-flex-wrap:wrap; -ms-flex-wrap:wrap; flex-wrap:wrap } .features-box .compatible-box .l-side { -webkit-flex-basis:100%; -ms-flex-preferred-size:100%; flex-basis:100%; margin:0 } .features-box .compatible-box .r-side { -webkit-flex-basis:100%; -ms-flex-preferred-size:100%; flex-basis:100%; margin:0 } .features-box .compatible-box>div { padding:30px 12px 0 } .features-box .feature-case .wr { -webkit-flex-wrap:wrap; -ms-flex-wrap:wrap; flex-wrap:wrap } .features-box .feature-case .wr>div { -webkit-flex-basis:100%!important; -ms-flex-preferred-size:100%!important; flex-basis:100%!important; margin:0 0 40px 0; text-align:center } .features-box .feature-case .wr>div:last-child { margin:0 } .features-box .feature-case .box-title { margin:0 auto 30px } .features-box .feature-i-head .l-side { -webkit-flex-basis:100%; -ms-flex-preferred-size:100%; flex-basis:100%; max-width:500px; margin:0 auto } .features-box .feature-i-box .main-title { text-align:center } .features-box .feature-i-box .heel-steps-wr { text-align:center } .features-box .feature-i-box .heel-steps-wr .step-i:before { left:50%; -webkit-transform:translate(-50%,0); transform:translate(-50%,0) } .features-box .feature-i-box.customers-slider .customers-slider-wr .inner { text-align:center; padding:0 20px } .features-box .feature-i-box.start-monitoring-now .button-box { -webkit-box-pack:center; -webkit-justify-content:center; -ms-flex-pack:center; justify-content:center } .features-box .feature-i-box.start-monitoring-now .button-box>a { margin:10px 10px } .for-comp .feature-i .r-side .img-box { max-width:220px; margin:0 auto } .features-box .feature-i-head .wr { min-height:0 } .features-box .feature-case .r-side .big-icon li img { max-width:220px } .features-box .feature-i-head { margin:50px 0 } } @media only screen and (max-width:800px) { .features-box .feature-i-box .wr.full-wr { padding:0 15px!important } .features-box .feature-i-box .wr.full-wr.top-pad { padding:40px 0 0 0!important } .features-box .customers-slider .customers-slider-wr .wr.full-wr { padding:0 45px!important } .features-box .customers-slider .slider-nav .prev.slick-arrow { top:50%; -webkit-transform:translateY(-50%); transform:translateY(-50%) } .features-box .customers-slider .slider-nav .next.slick-arrow { top:50%; -webkit-transform:translateY(-50%); transform:translateY(-50%) } } @media only screen and (min-width:800px) { .product-features-button, .button-box-mobile, .session-code-mobile { display:none } } @media only screen and (max-width:800px) { .aside-box { display:none } .features-box .feature-i-box .wr, .features-box .customers-slider .customers-slider-wr .inner, .features-box .customers-slider .wr, .features-box .customers-slider .customers-slider-wr .inner, .features-box .customers-slider .slick-dots { padding:0 20px } .features-box .main-title { text-align:center } .features-box .customers-slider .customers-slider-wr .inner { text-align:center } .features-box .feature-i .r-side { display:none } .features-box .get-started .button-box { display:block } .features-box .get-started .button-box a { margin:10px 0 } .features-box .features-box-head .wr h1 { font-size:26px } .features-box .features-box-head .wr h1 br { display:none } .features-box .feature-i .l-side { -webkit-flex-basis:100%; -ms-flex-preferred-size:100%; flex-basis:100%; text-align:center } .features-box .feature-i h2 { display:block; font-size:24px } .features-box .feature-i h2 i { display:block; margin:0 0 20px 0 } .features-box .feature-i .compatibility { -webkit-box-pack:center; -webkit-justify-content:center; -ms-flex-pack:center; justify-content:center } .features-box .feature-case .box-title { margin:0 auto 20px } .features-box .feature-case .r-side p { margin:20px 0 0 0 } .features-box .feature-i-head h1 { -webkit-box-pack:center; -webkit-justify-content:center; -ms-flex-pack:center; justify-content:center; padding:20px 0 0 0; -webkit-flex-wrap:wrap; -ms-flex-wrap:wrap; flex-wrap:wrap } .features-box .feature-i-head h1>* { -webkit-flex-basis:100%; -ms-flex-preferred-size:100%; flex-basis:100% } .features-box .feature-i-head h1 i { margin:0 0 20px 0 } } .mr_top60{ margin-top: 60px } @media (max-width:870px) { .mr_top60{ margin-top: 0px } .pd_0{padding: 0px;} } .button.button-green { background: #3ecf8e; border: 2px solid #3ecf8e; font-weight: 700; text-transform: uppercase; } .button { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; font-size: 15px; color: #fff; height: 42px; border-radius: 6px; -webkit-transition: .3s; transition: .3s; cursor: pointer; outline: 0 !important; min-width: 220px; border: 2px solid; font-family: 'Open Sans',sans-serif; padding: 0 20px; -webkit-box-sizing: border-box; box-sizing: border-box; } .button-box { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .button-box.with-demo > span { color: #8b8b8b; margin: 0 10px; font-weight: 700; } .button.button-green-empty { color: #3ecf8e; font-weight: 700; border: 2px solid #3ecf8e; text-transform: uppercase; } .button.button-green-empty:hover { background:#3ecf8e; color:#fff } .heel-steps .heel-steps-wr { display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; text-align:center; -webkit-box-pack:justify; -webkit-justify-content:space-between; -ms-flex-pack:justify; justify-content:space-between; line-height:1.5 } .heel-steps .heel-steps-wr .step-i { -webkit-flex-basis:29%; -ms-flex-preferred-size:29%; flex-basis:29%; position:relative; padding:70px 0 0 0 } .heel-steps .heel-steps-wr .step-i em { display:block; padding:10px 0; font-style:italic } .heel-steps .heel-steps-wr .step-i em span { font-style:normal; font-weight:800 } .heel-steps .heel-steps-wr .step-i:nth-child(1):before { content:'1' } .heel-steps .heel-steps-wr .step-i:nth-child(2):before { content:'2' } .heel-steps .heel-steps-wr .step-i:nth-child(3):before { content:'3' } .heel-steps .heel-steps-wr .step-i:before { content:''; position:absolute; width:46px; height:46px; border:2px solid #f56040; border-radius:50%; left:50%; -webkit-transform:translate(-50%,0); transform:translate(-50%,0); display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-box-align:center; -webkit-align-items:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:center; -webkit-justify-content:center; -ms-flex-pack:center; justify-content:center; color:#fff; background:linear-gradient(90deg, #fed974, #da2d6f, #505bd5), #fed874; font-size:20px; font-weight:600; top:0 } .heel-steps .heel-steps-wr .step-i div { color:var(--main-title); font-weight:700; margin:0 0 10px 0 } .heel-steps .heel-steps-wr .step-i p { font-size:14px; color:var(--p-comonbody);font-weight: 300; } .pd_b9{padding-bottom: 9px;} .heel-steps .button-box { margin:40px 0 0 0; -webkit-box-pack:center; -webkit-justify-content:center; -ms-flex-pack:center; justify-content:center } @media only screen and (max-width:800px) { .heel-steps .heel-steps-wr { -webkit-flex-wrap:wrap; -ms-flex-wrap:wrap; flex-wrap:wrap; } .heel-steps .heel-steps-wr .step-i { -webkit-flex-basis:100%; -ms-flex-preferred-size:100%; flex-basis:100%; margin:10px 0; padding:55px 0 0 0 } } .drop-seo-wr { padding: 10px 0; margin: 0 } .drop-seo-wr p.descr-foot { color: #bdc0c5; font-weight: 400; font-size: 13px } .drop-seo-wr.no-margin { margin: 0 } .drop-seo-wr.open .drop-seo-head i { -webkit-transform: rotate(-135deg); transform: rotate(-135deg); margin: 7px 0 0 10px } .drop-seo-wr.open .drop-seo-text { max-height: 9999px } .drop-seo-wr.open .drop-seo-text::before { opacity: 0; visibility: hidden } .drop-seo-wr.open .drop-seo-text .inner { -webkit-transform: translate(0, 0); transform: translate(0, 0); opacity: 1 } .drop-seo-wr.open .drop-seo__less { display: inline } .drop-seo-wr.open .drop-seo__more { display: none } .drop-seo-wr .drop-seo-head { min-height: 48px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-shadow: 0 1px 2px 0 rgba(0,0,0,.12); -moz-box-shadow: 0 1px 2px 0 rgba(0,0,0,.12); box-shadow: 0 1px 2px 0 rgba(0,0,0,.12); color: var(--p-text); font-size: 16px; padding-left: 10px; padding-right: 10px; cursor: pointer; border-radius: 4px; -webkit-box-sizing: border-box; box-sizing: border-box; margin: auto; background-color: var(--bs-ContentSection-footer) } @media (min-width: 992px) { .drop-seo-wr .drop-seo-head { -webkit-transition: border .4s ease-out; transition: border .4s ease-out } .drop-seo-wr .drop-seo-head:hover { background-color: var(--s-color); color:#323232 } } .drop-seo-wr .drop-seo__less { display: none } .drop-seo-wr .drop-seo-text { max-height: 0; overflow: hidden; -webkit-transition: .3s; transition: .3s; min-height: 170px; position: relative; margin-bottom: 25px } .drop-seo-wr .drop-seo-text::before { content: ""; display: block; width: 100%; height: 50px; background: -moz-linear-gradient(top, var(--dr-shadow)); background: -webkit-linear-gradient(top, var(--dr-shadow)); background: linear-gradient(to bottom, var(--dr-shadow)); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#ffffff', GradientType=0); top: calc(100% - 50px); position: absolute; left: 0; z-index: 2; opacity: 1; visibility: visible; -webkit-transition: .4s; transition: .4s } @media (min-width: 992px) { .drop-seo-wr .drop-seo-text { min-height: 150px } } .drop-seo-wr .drop-seo-text .inner { -webkit-transform: translate(0, 0); transform: translate(0, 0); opacity: 1; -webkit-transition: .3s; transition: .3s; padding: 30px 0 40px; line-height: 1.5; margin: 0 auto } .drop-seo-wr .drop-seo-text .inner .jump-menu { max-width: 300px; float: right; padding: 10px; -webkit-box-sizing: border-box; box-sizing: border-box; background: #f9f9fa; margin-left: 30px; margin-top: 10px; border-radius: 4px } @media (max-width: 640px) { .drop-seo-wr .drop-seo-text .inner .jump-menu { float: none; max-width: none; margin-left: 0; margin-top: 0 } } .drop-seo-wr .drop-seo-text .inner .jump-menu > p { margin-left: 10px } .drop-seo-wr .drop-seo-text .inner .jump-menu ul li:last-child { margin-bottom: 0 } .drop-seo-wr .drop-seo-text .inner .jump-menu ul li a { color: #8c99a0 } .drop-seo-wr .drop-seo-text .inner .jump-menu ul li ul { margin-bottom: -10px } .drop-seo-wr .drop-seo-text .inner h1, .drop-seo-wr .drop-seo-text .inner h2 { font-size: 1.3rem; margin: 15px 0 10px; font-weight: 500 } .drop-seo-wr .drop-seo-text .inner h3 { font-size: 1.2rem; margin: 15px 0 10px; font-weight: 500 } .drop-seo-wr .drop-seo-text .inner p { padding: 10px 0; font-weight: 300; font-size: 15px; color:var(--p-text) } .drop-seo-wr .drop-seo-text .inner ul, .drop-seo-wr .drop-seo-text .inner ol { padding: 10px;font-size: 15px; list-style: disc } .drop-seo-wr .drop-seo-text .inner ul li, .drop-seo-wr .drop-seo-text .inner ol li { margin: 0 0 10px 15px; font-weight: 300; color: var(--p-text); } .drop-seo-wr .drop-seo-text .inner ol { padding: 10px; list-style-type: decimal } .drop-seo-wr .drop-seo-text .inner ol li { margin: 0 0 10px 15px } .drop-seo-wr .drop-seo-text .inner b { font-weight: 500 } .drop-seo-wr .drop-seo-text .inner em { font-style: italic } .drop-seo-wr .drop-seo-text .button { margin: 10px auto; max-width: 250px } .list-f-top { color:#fefefd; font-size:18px; line-height:22px } .insta-spy-drop-seo .strong { font-weight:700 } .insta-spy-drop-seo ol { list-style:decimal; list-style-position:inside } .insta-spy-drop-seo li { margin:0 0 10px 15px } .seo-info { padding-bottom:40px; margin-top:-35px } .seo-info h1, .seo-info h2, .seo-info h3 { color:var(--main-title); font-size:18px; text-transform:uppercase; line-height:1.4; font-weight:700; text-align:center; margin:35px 0 35px } .seo-info p { line-height:20px; color:var(--main-title); margin:5px 0 } .seo-info ul, .seo-info ol { padding:10px 0; padding-left:20px } .seo-info ul li, .seo-info ol li { line-height:20px; margin:5px 0 } .seo-info ul { list-style:disc } .seo-info ol { list-style:decimal } .so-content h3 { font-size:25px; max-width:260px; margin:0 auto 30px } .drop-globalFooterCard { z-index: 499; z-index: calc(500 - 1); position: relative; display: block; overflow: hidden; padding: 20px 40px 20px 100px; margin: 15px; background-color: var(--bg-card); border-radius: 8px; box-shadow: 0 13px 27px -5px rgba(50, 50, 93, .25), 0 8px 16px -8px rgba(0, 0, 0, .3), 0 -6px 16px -6px rgba(0, 0, 0, .025); transition-property: color, background-color, box-shadow, transform; transition-duration: .15s } .drop-globalFooterCard:after { content: ""; position: absolute; left: 0; top: 0; right: 0; bottom: 0; background: #aab7c4; pointer-events: none; opacity: 0; transition: opacity .15s } @media (min-width: 670px) { .drop-globalFooterCard { width: calc(50% - 30px); display: flex; flex-direction: column; justify-content: center; padding-left: 100px } } .drop-globalFooterCard:hover { color: #32325d !important; transform: translateY(-2px) } .drop-globalFooterCard:active, .drop-globalFooterCard:hover { box-shadow: 0 30px 60px -12px rgba(50, 50, 93, .25), 0 18px 36px -18px rgba(0, 0, 0, .3), 0 -12px 36px -8px rgba(0, 0, 0, .025) } .drop-globalFooterCard:active { transform: translateY(2px) } .drop-globalFooterCard:active:after { opacity: .15 } .drop-globalFooterCard .drop-Icon { position: absolute; width: 130px; height: 130px; left: -35px; top: calc(50% - 65px) } @media (min-width: 670px) { .drop-globalFooterCard .drop-Icon { left: -50px } } @media (min-width: 880px) { .drop-globalFooterCard .drop-Icon { left: -35px } } .drop-globalFooterCard svg { max-width: 110px; max-height: 110px } .drop-globalFooterCard svg .hover-fillDark, .drop-globalFooterCard svg .hover-fillLight { transition: fill .15s } .drop-globalFooterCard svg .hover-strokeDark, .drop-globalFooterCard svg .hover-strokeLight { transition: stroke .15s } .drop-globalFooterCard:hover svg .hover-fillDark { fill: #32325d } .drop-globalFooterCard:hover svg .hover-fillLight { fill: #8898aa } .drop-globalFooterCard:hover svg .hover-strokeDark { stroke: #32325d } .drop-globalFooterCard:hover svg .hover-strokeLight { stroke: #8898aa } .drop-globalFooterCard h2 { margin: 0 0 5px; white-space: normal } .drop-globalFooterCard:hover h2 { color: #32325d } .drop-globalFooterCard p { margin: 5px 0 0 } .drop-globalFooterCard--certificate .drop-Icon { left: -25px; top: calc(50% - 60px) } .drop-globalFooterCard--certificate .drop-Icon svg { max-width: none; max-height: none; widht: 140px; height: 140px } section.allyhone .phone-illustration { max-width:400px; height:100%; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-orient:vertical; -webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column; -webkit-box-pack:end; -ms-flex-pack:end; justify-content:flex-end; position:relative; z-index:1 } section.allyhone .phone-illustration svg { max-width:100% } section.allyhone .phone-illustration .device-container { position:relative; -webkit-box-shadow:-27px 27px 27px 0 rgba(118,146,179,.03),inset 5px -5px 13px 0 rgba(145,161,181,.4); box-shadow:-27px 27px 27px 0 rgba(118,146,179,.03),inset 5px -5px 13px 0 rgba(145,161,181,.4); border-radius:14.625%; border-radius:calc(5850 / 400)% } section.allyhone .phone-illustration .device-container .screen-container { position:absolute; top:11.66667%; top:calc(10500 / 900)%; left:5.68182%; left:calc(2500 / 440)%; width:88.63636%; width:calc(39000 / 440)%; height:76.66667%; height:calc(69000 / 900)%; overflow:hidden; border-radius:6px; -webkit-box-shadow:-1px 1px 6px 0 rgba(171,183,204,.2); box-shadow:-1px 1px 6px 0 rgba(171,183,204,.2) } section.allyhone .phone-illustration .device-container .screen { -webkit-transition:-webkit-transform .5s cubic-bezier(.86,0,.07,1); transition:-webkit-transform .5s cubic-bezier(.86,0,.07,1); transition:transform .5s cubic-bezier(.86,0,.07,1); transition:transform .5s cubic-bezier(.86,0,.07,1),-webkit-transform .5s cubic-bezier(.86,0,.07,1); position:absolute; top:0; left:0; height:100%; width:100%; background:url(/images/call-log-fb-messenger.png); background-size:100% 100% } .splash{padding:0} .splash .lazy-img-wrapper{position:relative} .splash .lazy-img-wrapper .bgimg-container.mobile-relative{position:relative} .splash .lazy-img-wrapper img{min-height:350px} .splash.stackMobile>.splash-content-wrapper{display:none} .splash .splash-content-wrapper{padding:0 30px 70px 30px;margin:0;overflow:hidden} .splash .splash-content-wrapper .text{position:relative} .splash .splash-content-wrapper .text.background-g1{color:#242e39} .splash .splash-content-wrapper .text.background-cb1{color:#242e39} .splash .splash-content-wrapper .text h2{margin:0 0 25px 0} .splash .splash-content-wrapper .text h2.y1-text{color:#ffc200} .splash .splash-content-wrapper .text h2 p{font-size:32px} .splash .splash-content-wrapper .text p{margin:0} .splash .splash-content-wrapper .text div p{line-height:1.5em;font-size:16px} .splash .splash-content-wrapper.white{background-color:#fff} .splash .splash-content-wrapper.background-cb1{background-color:#242e39} .splash .splash-content-wrapper.black{background-color:#000} @media(min-width:768px){.splash{min-height:450px} .splash .lazy-img-wrapper{display:table;width:100%;min-height:450px} .splash .lazy-img-wrapper .bgimg-container.mobile-relative{position:absolute} .splash .lazy-img-wrapper .splash-v-middle{position:relative;display:table-cell;vertical-align:middle;min-height:350px} .splash .lazy-img-wrapper .splash-v-middle .splash-content-wrapper{margin:0 auto;padding:0 10px;width:740px} .splash .lazy-img-wrapper .splash-v-middle .splash-content-wrapper .text{padding:90px 0;max-width:60%} .splash .lazy-img-wrapper .splash-v-middle .splash-content-wrapper .text.width-50{max-width:50%} .splash .lazy-img-wrapper .splash-v-middle .splash-content-wrapper .text h2 p{font-size: 35px; line-height: 40px;} .splash .lazy-img-wrapper .splash-v-middle .splash-content-wrapper .text.right{float:right} } @media(min-width:992px){.splash{min-height:450px} .splash .lazy-img-wrapper{min-height:450px} .splash .lazy-img-wrapper .splash-v-middle .splash-content-wrapper{width:1000px} .splash .lazy-img-wrapper .splash-v-middle .splash-content-wrapper .text{padding:125px 0} } .main-about { background:#007ce3; color:#fff; position:relative } .main-about .wr { display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-box-align:center; -webkit-align-items:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:justify; -webkit-justify-content:space-between; -ms-flex-pack:justify; justify-content:space-between; position:relative } .main-about .l-side { -webkit-flex-basis:80%; -ms-flex-preferred-size:80%; flex-basis:80% } .main-about .l-side p { margin:0 0 34px 0; font-size:18px; line-height:1.4 } .main-about .l-side a { color:#fff; border-bottom:1px dashed; font-size:16px } .main-about .r-side { min-height:140px } @media (min-width:801px) { .main-about .r-side { -webkit-flex-basis:40%; -ms-flex-preferred-size:40%; flex-basis:40% } } .main-about .r-side .play-about { min-height:inherit; max-width:399px } .main-about .r-side img { width:100% } .main-about .bg { position:absolute; top:0; left:0; right:0; bottom:0; overflow:hidden; opacity:.3 } .main-about .bg .img-i { position:absolute } .main-about .bg .img-i svg { width:100% } .main-about .bg .img-i:nth-child(1) { top:0; left:-5%; right:90%; bottom:0 } .main-about .bg .img-i:nth-child(2) { top:-20%; left:42%; right:42%; bottom:0 } .main-about .bg .img-i:nth-child(2) svg { width:100% } .main-about .bg .img-i:nth-child(3) { top:0; left:90%; right:-5%; bottom:0 } .play-about { position:relative; font-size:0; box-shadow: 0 4px 4px 0 rgba(0,0,0,.16); } .play-about img { max-width:100% } .play-about .play-video { position:absolute; border-radius:50%; top:50%; left:50%; width:84px; height:84px; background:linear-gradient(90deg, #fed974, #da2d6f, #505bd5), #fed874!important; -webkit-transform:translate(-50%,-50%); transform:translate(-50%,-50%); cursor:pointer; -webkit-transition:.3s; transition:.3s } .play-about .play-video:hover { background:#1cb099 } .play-about .play-video:before { content:''; width:0; height:0; border-style:solid; border-width:15px 0 15px 26px; border-color:transparent transparent transparent #fff; position:absolute; top:33%; left:40% } .int-danger { background:#f9f9fa } .int-danger ul { display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-flex-wrap:wrap; -ms-flex-wrap:wrap; flex-wrap:wrap; -webkit-box-pack:justify; -webkit-justify-content:space-between; -ms-flex-pack:justify; justify-content:space-between } .int-danger ul li { -webkit-flex-basis:30%; -ms-flex-preferred-size:30%; flex-basis:30%; margin:0 0 40px 0; line-height:1.3 } .int-danger ul li .small-i svg { height:30px } .int-danger ul li svg { height:40px } .int-danger ul li .title { font-size:16px; margin:14px 0 } .int-danger ul li p { color:#757f84; font-size:13px } .sec_pd65{padding: 65px 0;} @media only screen and (max-width:800px) { .main-about .wr { -webkit-flex-wrap:wrap; -ms-flex-wrap:wrap; /*! flex-wrap:wrap; *//*! text-align:center */-webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }.sec_pd65 { padding:40px 0 }} .feature-wrapper_kids{position: relative} .feature-wrapper_kids::after { background: url(/images/confetti.61234560.svg) 100% 0/contain no-repeat; position: absolute; content: ""; top: -7.5vw; right: 0; width: 17.5%; height: 100%; z-index: 0; } .affiliate-i.mission { background:#49bff3 } .affiliate-i.mission .wr .l-side h2, .affiliate-i.mission .wr .l-side p { color:#fff } .affiliate-i.mission img { max-width:100% } .affiliate-i.commission .img-box { max-width:300px } .affiliate-i.commission .img-box img { width:100% } .affiliate-i table img { max-width:100% } .affiliate-i .faq-list li { margin:0 0 20px 0 } .affiliate-i .faq-list dt { font-weight:700; margin:20px 0 5px 0 } .affiliate-i .faq-list dd { display:block; padding:10px 20px } .affiliate-i .faq-list a { color:#3eb6ea } .affiliate-i .diagram-wr .title { text-transform:uppercase; line-height:1.5; font-weight:300; font-size:18px; text-align:center } .affiliate-i .diagram-wr .img-box { margin:20px 0; text-align:center } .affiliate-i .diagram-wr .img-box img { max-width:500px; width:100% } .affiliate-i .marked-list-blue { max-width:500px } .affiliate-i .wr { display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex } .affiliate-i .wr .l-side { -webkit-flex-basis:30%; -ms-flex-preferred-size:30%; flex-basis:30%; margin:0 5% 0 0 } .affiliate-i .wr .l-side h2 { text-transform:uppercase; font-size:18px; color:var(--main-title); font-weight:700; line-height:1.3 } .affiliate-i .wr .l-side p { font-size:14px; color:#757f84; line-height:1.5; margin:.5em 0 } .affiliate-i .wr .l-side i { color:#e5e6e8; font-size:125px; font-weight:600; margin-top:10px; position:relative } .affiliate-i .wr .l-side i:before { display:block; content:""; width:35px; border-top:4px solid #007ce3; margin:20px 0 0 0 } .affiliate-i .wr .rs-side { -webkit-flex-basis:65%; -ms-flex-preferred-size:65%; flex-basis:65% } .affiliate-i .map-wr { position:relative } .affiliate-i .map-wr .points-wr { position:absolute; top:0; left:0; right:0; bottom:0 } .affiliate-i .map-wr .points-wr i { position:absolute; -webkit-transform:translate(-50%,-50%); transform:translate(-50%,-50%); border-radius:50%; -webkit-animation:pulse 2s infinite ease; animation:pulse 2s infinite ease } .affiliate-i .map-wr img { width:100% } .affiliate-features-list { display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-box-pack:justify; -webkit-justify-content:space-between; -ms-flex-pack:justify; justify-content:space-between; -webkit-flex-wrap:wrap; -ms-flex-wrap:wrap; flex-wrap:wrap } .affiliate-features-list svg { width:40px; margin:0 0 10px 0 } .affiliate-features-list li { -webkit-flex-basis:30%; -ms-flex-preferred-size:30%; flex-basis:30%; color:#757f84; line-height:1.5; margin:0 0 25px 0 } .affiliate-drop.open .affiliate-drop-head i svg { -webkit-transform:rotateX(-180deg); transform:rotateX(-180deg) } .affiliate-drop.open .affiliate-drop-wr { max-height:100% } .affiliate-drop.open .affiliate-drop-wr .inner { opacity:1; -webkit-transform:translate(0,0); transform:translate(0,0) } .affiliate-drop .affiliate-drop-head { display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-box-align:center; -webkit-align-items:center; -ms-flex-align:center; align-items:center } .affiliate-drop .affiliate-drop-head i { width:15px; height:15px; border-radius:50%; background:#4ac0f4; position:relative; font:14px/1 FontAwesome; color:#fff; display:-webkit-inline-box; display:-webkit-inline-flex; display:-ms-inline-flexbox; display:inline-flex; -webkit-box-pack:center; -webkit-justify-content:center; -ms-flex-pack:center; justify-content:center; -webkit-box-align:center; -webkit-align-items:center; -ms-flex-align:center; align-items:center } .affiliate-drop .affiliate-drop-head svg { width:9px; height:9px; fill:currentColor; position:relative; -webkit-transform:rotateX(0); transform:rotateX(0); -webkit-transition:-webkit-transform .4s ease-out; transition:-webkit-transform .4s ease-out; transition:transform .4s ease-out; transition:transform .4s ease-out, -webkit-transform .4s ease-out } .affiliate-drop .affiliate-drop-head span { font-size:14px; font-weight:600; margin:0 10px 0 0; padding-bottom:2px; cursor:pointer; color:#007ce3; border-bottom:1px dotted } .affiliate-drop .affiliate-drop-wr { overflow:hidden; max-height:0; -webkit-transition:.3s ease; transition:.3s ease } .affiliate-drop .affiliate-drop-wr .inner { opacity:0; -webkit-transition:.3s ease; transition:.3s ease; -webkit-transform:translate(0,50%); transform:translate(0,50%); padding:20px; font-size:13px; line-height:1.5 } .affiliate-drop .affiliate-drop-wr .inner h1 { font-size:1.5em } .affiliate-drop .affiliate-drop-wr .inner h2 { font-size:1.3em } .affiliate-drop .affiliate-drop-wr .inner h3 { font-size:1.2em } .affiliate-drop .affiliate-drop-wr .inner h1, .affiliate-drop .affiliate-drop-wr .inner h2, .affiliate-drop .affiliate-drop-wr .inner h3 { margin:1em 0 .5em } .affiliate-drop .affiliate-drop-wr .inner p { padding:.5em 0 } .affiliate-drop .affiliate-drop-wr .inner ul { list-style:disc } .affiliate-drop .affiliate-drop-wr .inner ul li { margin:.5em 0 .5em 20px } .table-c { border-collapse:collapse } .table-c th, .table-c td { padding:14px; color:#858588; border-left:1px solid #d4d5d6; border-bottom:1px solid #d4d5d6 } .table-c th:first-child, .table-c td:first-child { border-left:none } .table-c tr:last-child td { border-bottom:none } .table-c th { font-weight:700; color:#35363f; text-transform:uppercase; text-align:left } .testimonials-slider * { outline:0!important } .testimonials-slider .testimonials-slider__elem>div { color:#757f84; font-size:12px; margin:2em 0 0; font-weight:700 } .testimonials-slider p { font-size:18px; font-style:italic; font-weight:500; line-height:1.5 } .testimonials-slider p:before { content:open-quote } .testimonials-slider p:after { content:close-quote } .affiliate-i .tns-nav { margin:10px 0 0 0; display:-webkit-box!important; display:-webkit-flex!important; display:-ms-flexbox!important; display:flex!important; -webkit-box-pack:center; -webkit-justify-content:center; -ms-flex-pack:center; justify-content:center } .affiliate-i .tns-nav button { font-size:0; width:10px; height:10px; border:1px solid #848a93; padding:0; display:block; background:0 0; margin:0 4px; cursor:pointer; -webkit-transition:.3s; transition:.3s } .affiliate-i .tns-nav .tns-nav-active { background:#848a93 } .affiliate-title h2 { font-size:25px; font-weight:400; text-transform:uppercase; letter-spacing:1px; text-align:center; color:#35363f } @media only screen and (max-width:800px) { .affiliate-i .wr { -webkit-flex-wrap:wrap; -ms-flex-wrap:wrap; flex-wrap:wrap }.affiliate-i .wr .l-side { margin: 0 0 30px 0; text-align: center; }.affiliate-i .wr > div { -webkit-flex-basis: 100% !important; -ms-flex-preferred-size: 100% !important; flex-basis: 100% !important; }.affiliate-features-list li { -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; text-align: center; }} .kevlhf .wb_section { margin-right: auto; margin-left: auto; } @media (max-width: 991px){ .kevlhf .wb_section { overflow: hidden; } .kevlhf .wb_h2.center { line-height: 40px; } } .kevlhf .wb_section-container { display: flex; max-width: 1008px; margin-right: auto; margin-left: auto; padding: 40px 32px; -moz-box-orient: vertical; -moz-box-direction: normal; flex-direction: column; -moz-box-pack: center; justify-content: center; -moz-box-align: center; align-items: center; text-align: center; } .kevlhf .wb_h2.center { text-align: center;color: var(--p-comonbody); font-weight: 500; } .kevlhf .wb_h2 { margin-top: 0px; margin-bottom: 0px; } .kevlhf .wb_subtitle { max-width: 600px; margin-top: 8px; color: rgb(104, 121, 146); font-size: 18px; line-height: 28px; text-align: center; } .kevlhf .wb_3-columns { width: 100%; margin-top: 48px; margin-bottom: 32px; text-align: center; } .kevlhf .wb_column.left { padding-right: 32px; padding-left: 0px; -moz-box-align: start; align-items: flex-start; text-align: left; } .kevlhf .wb_column { display: flex; -moz-box-orient: vertical; -moz-box-direction: normal; flex-direction: column; -moz-box-align: center; align-items: center; } .w-col { position: relative; float: left; width: 100%; min-height: 1px; padding-left: 10px; padding-right: 10px; } .kevlhf .title-with-icon { display: flex; margin-bottom: 8px; } .kevlhf .wb_heading-2.icon { margin-left: 8px; } .kevlhf .wb_heading-2 { margin-top: 0px;color: var(--p-comonbody); margin-bottom: 4px; font-weight: 500; } @media (max-width: 991px){ .kevlhf .wb_column.left { padding-right: 8px; padding-left: 8px; } .kevlhf .wb_column.left { padding-right: 8px; padding-left: 8px; } } @media (max-width: 767px){ .kevlhf .wb_column.left { margin-top: 12px; margin-bottom: 12px; padding-right: 0px; -moz-box-align: center; align-items: center; text-align: center; }.kevlhf .title-with-icon { min-height: 60px; -moz-box-orient: vertical; -moz-box-direction: normal; flex-direction: column; -moz-box-pack: justify; justify-content: space-between; }.kevlhf .wb_heading-2.icon { margin-left: 0px; } .kevlhf .title-with-icon img{ width: 50px; } } @media (max-width: 479px){ .kevlhf .wb_column.left { margin-top: 24px; margin-bottom: 24px; padding-right: 0px; -moz-box-align: center; align-items: center; text-align: center; } } .kevlhf .wb_p { margin-top: 0px; margin-bottom: 0px; color: rgb(104, 121, 146); line-height: 24px; } .w-col-4 { width: 33.33333333%; }@media screen and (max-width: 479px) { .kevlhf .wb_3-columns { margin-bottom: 0px; }.w-col { width: 100%; } } @media screen and (max-width: 767px) { .w-container .w-row, .w-row { margin-left: 0; margin-right: 0; }.w-col { width: 100%; left: auto; right: auto; }} @media screen and (max-width: 479px) { .kevlhf .wb_section-container { padding-top: 60px; padding-bottom: 60px; }.kevlhf .wb_button-container { display: flex; -moz-box-orient: vertical; -moz-box-direction: normal; flex-direction: column; } } .kevlhf .wb_button { margin-top: 32px; padding: 16px 24px; border-radius: 4px; background-color: rgb(0, 137, 255); font-size: 16px; font-weight: 600; } .w-button { display: inline-block; padding: 9px 15px; background-color: #3898ec; color: #fff; border: 0; line-height: inherit; text-decoration: none; cursor: pointer; border-radius: 0; } .w-button:hover { color: #fff; } .kevlhf .wb_button.ghost.left { margin-left: 24px; } .kevlhf .wb_button.ghost { margin-left: 0px; padding-top: 14px; padding-bottom: 14px; border: 2px solid rgb(229, 239, 255); background-color: rgb(255, 255, 255); color: #1cb59d; } .kevlhf .wb_button { margin-top: 32px; padding-top: 13px; padding-bottom: 16px; border-radius: 4px; background-color: #1cb59d; font-size: 16px; font-weight: 600;margin-right: 10px; } .section-container.phone._2 { padding-top: 0px; } .section-container._2 { padding-top: 100px; padding-bottom: 20px; } .section-container.phone { padding-top: 60px; padding-bottom: 60px; } .section-container { position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; max-width: 1080px; margin-right: auto; margin-left: auto; padding: 100px 32px; padding-top: 100px; padding-bottom: 100px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; text-align: center; } .rd17 .page-section { margin: 50px 0; border: 0; z-index: 1 } .rd17 .page-section.chat { margin: 0 0 80px; } .rd17 .page-section.demo { margin: 0 0 100px; } @media screen and (max-width:768px) { .rd17 .page-section { margin: 60px 0; padding: 0; text-align: left } .rd17 .page-section.demo { margin: 0 0 60px; } .rd17 .page-section.hero { padding: 60px 0 } } .rd17 .page-section .container { padding: 0 15px !important } .rd17 .page-section .container .flex header { flex: 1 1 100% } .rd17 .page-section-btn-container { -js-display: flex; display: flex; flex-wrap: wrap; flex-direction: column; justify-content: center } @media (max-width:992px) { .rd17 .page-section-btn-container { align-items: center } } @media (max-width:480px) { .rd17 .page-section-btn-container { flex-direction: column } .rd17 .page-section-btn-container>a.btn { margin-right: 0 } .rd17 .page-section.demo { margin: 0; } }.rd17 .numbers .quote p { max-width: 600px; } .rd17 .quote p { position: relative; font-family: 'Merriweather', serif; font-size: 24px; max-width: 545px; margin: 0 auto 15px; line-height: 36px; color: var(--p-comonbody); }.rd17 .quote-con { max-width: 500px; margin: 0 auto; -js-display: flex; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; }.rd17 .quote-con .left-part { text-align: right; font-size: 12px; line-height: 16px; height: 60px; padding: 14px 15px 14px 0; border-right: 2px solid #d9eafa; opacity: .5; color: var(--p-comonbody); } .rd17 .quote-blobs .quote>p::before { position: absolute; top: -60px; left: -130px; content: url(/images/blob-testimonial-left.svg); z-index: -1 } .rd17 .quote-blobs .quote>p::after { position: absolute; top: 40px; right: -130px; content: url(/images/blob-testimonial-right.svg); z-index: -1 } @media screen and (max-width: 991px){ .hero-channels { display: none; }} @media screen and (max-width: 991px) { .mobile-channels { display: block; margin-top: 32px; margin-right: auto; margin-left: auto; } } .globalFooterCards .container-lg, .globalFooterCards .container-xl { display:-webkit-box; display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; margin:-15px auto; padding:0 5px } a.globalFooterCard, div.globalFooterCard { -webkit-box-flex:1; -ms-flex:1 1 100%; flex:1 1 100%; margin:10px; z-index:499; z-index:calc(500 - 1); position:relative; display:-webkit-box; display:-ms-flexbox; color: var(--common-capture); display:flex; -webkit-box-orient:vertical; -webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; overflow:hidden; padding: 20px 20px 20px 90px; background-color:var(--bg-card_r); border-radius:8px; -webkit-box-shadow:0 13px 27px -5px rgba(50,50,93,.25),0 8px 16px -8px rgba(0,0,0,.3),0 -6px 16px -6px rgba(0,0,0,.025); box-shadow:0 13px 27px -5px rgba(50,50,93,.25),0 8px 16px -8px rgba(0,0,0,.3),0 -6px 16px -6px rgba(0,0,0,.025); -webkit-transition-property:color,background-color,-webkit-box-shadow,-webkit-transform; transition-property:color,background-color,-webkit-box-shadow,-webkit-transform; transition-property:color,background-color,box-shadow,transform; transition-property:color,background-color,box-shadow,transform,-webkit-box-shadow,-webkit-transform; -webkit-transition-duration:.15s; transition-duration:.15s } a.globalFooterCard:after, div.globalFooterCard:after { content:""; position:absolute; left:0; top:0; right:0; bottom:0; background:#aab7c4; pointer-events:none; opacity:0; -webkit-transition:opacity .15s; transition:opacity .15s } @media (min-width:670px) { a.globalFooterCard, div.globalFooterCard { -ms-flex-preferred-size:1%; flex-basis:1%; padding-left:100px } } @media (min-width:880px) { a.globalFooterCard, div.globalFooterCard { padding-left:100px } } a.globalFooterCard:hover, div.globalFooterCard:hover { color:#3ecf8e!important; -webkit-transform:translateY(-2px); transform:translateY(-2px) } a.globalFooterCard:active, a.globalFooterCard:hover, div.globalFooterCard:active, div.globalFooterCard:hover { -webkit-box-shadow:0 30px 60px -12px rgba(50,50,93,.25),0 18px 36px -18px rgba(0,0,0,.3),0 -12px 36px -8px rgba(0,0,0,.025); box-shadow:0 30px 60px -12px rgba(50,50,93,.25),0 18px 36px -18px rgba(0,0,0,.3),0 -12px 36px -8px rgba(0,0,0,.025) } a.globalFooterCard:active, div.globalFooterCard:active { -webkit-transform:translateY(2px); transform:translateY(2px) } a.globalFooterCard:active:after, div.globalFooterCard:active:after { opacity:.15 } a.globalFooterCard img, a.globalFooterCard svg, div.globalFooterCard img, div.globalFooterCard svg { position:absolute; width:130px; height:130px; left:-55px; top:calc(50% - 65px) } @media (min-width:670px) { a.globalFooterCard img, a.globalFooterCard svg, div.globalFooterCard img, div.globalFooterCard svg { left:-50px } } @media (min-width:880px) { a.globalFooterCard img, a.globalFooterCard svg, div.globalFooterCard img, div.globalFooterCard svg { left:-35px } } a.globalFooterCard.card-life-at-finder svg, div.globalFooterCard.card-life-at-finder svg { top:calc(50% - 62px) } a.globalFooterCard svg .hover-fillDark, a.globalFooterCard svg .hover-fillLight, a.globalFooterCard svg .hover-fillMedium, div.globalFooterCard svg .hover-fillDark, div.globalFooterCard svg .hover-fillLight, div.globalFooterCard svg .hover-fillMedium { -webkit-transition:fill .15s; transition:fill .15s } a.globalFooterCard svg .hover-strokeDark, a.globalFooterCard svg .hover-strokeLight, div.globalFooterCard svg .hover-strokeDark, div.globalFooterCard svg .hover-strokeLight { -webkit-transition:stroke .15s; transition:stroke .15s } a.globalFooterCard:hover svg .hover-fillDark, div.globalFooterCard:hover svg .hover-fillDark { fill:#32325d } a.globalFooterCard:hover svg .hover-fillMedium, div.globalFooterCard:hover svg .hover-fillMedium { fill:#525f7f } a.globalFooterCard:hover svg .hover-fillLight, div.globalFooterCard:hover svg .hover-fillLight { fill:#8898aa } a.globalFooterCard:hover svg .hover-strokeDark, div.globalFooterCard:hover svg .hover-strokeDark { stroke:#32325d } a.globalFooterCard:hover svg .hover-strokeLight, div.globalFooterCard:hover svg .hover-strokeLight { stroke:#8898aa } a.globalFooterCard h2, div.globalFooterCard h2 { margin:0 0 5px;color: #53b09c;font-weight: 400; font-size: 21px; white-space:normal } a.globalFooterCard p, div.globalFooterCard p { margin:5px 0 0; color: var(--p-comonbody);line-height: 25px;font-weight: 300;font-size: 15px; } .RowLayout { --rowLayoutGapSmall: 16px; --rowLayoutGapNormal: 32px; --rowLayoutGapMedium: 32px; --rowLayoutGapLarge: 32px; --rowLayoutGapXLarge: 32px; --rowLayoutGap: 64px; display: grid; grid:auto/minmax(0, 1fr); row-gap: 34px } @media (min-width: 600px) { .RowLayout { --rowLayoutGapMedium: 48px; --rowLayoutGapLarge: 32px; --rowLayoutGapXLarge: 32px } } @media (min-width: 900px) { .RowLayout { --rowLayoutGapLarge: 64px; --rowLayoutGapXLarge: 96px } } .ColumnLayout { --columnRowGap: 32px; display: grid; row-gap: 32px; -webkit-box-align: start; align-items: flex-start } .ColumnLayout--alignCenter { -webkit-box-align: center; align-items: center } .ColumnLayout--alignBottom { -webkit-box-align: end; align-items: flex-end } @media (min-width: 600px) { .ColumnLayout[data-columns="1,1,1,1"], .ColumnLayout[data-columns="2,1,0"], .ColumnLayout[data-columns="2,1,1"], .ColumnLayout[data-columns="2,2"] { grid-template-columns:repeat(2, 1fr) } } @media (max-width: 899px) { .ColumnLayout[data-columns="1,3"] > :first-child { -webkit-box-ordinal-group: 2; order: 1 } } @media (min-width: 600px) and (max-width: 899px) { .ColumnLayout[data-columns-tablet="1"] { grid-template-columns:1fr } .ColumnLayout[data-columns="2,1,1"] > :first-child { grid-area: 1/span 2 } } @media (min-width: 900px) { .ColumnLayout[data-columns="1,1,1,1"] { grid-template-columns:repeat(4, 1fr) } .ColumnLayout[data-columns="1,1"] { grid-template-columns:repeat(2, 1fr) } .ColumnLayout[data-columns="1,3"] { grid-template-columns:1fr minmax(0, 3fr) } .ColumnLayout[data-columns="3,1"] { grid-template-columns:3fr 1fr } .ColumnLayout[data-columns="2,1,1"] { grid-template-columns:2fr repeat(2, 1fr) } .ColumnLayout[data-columns="2,1,0"] { grid-template-columns:2fr 1fr 1fr } .ColumnLayout[data-columns="1,2,1"] { grid-template-columns:1fr 2fr 1fr } } .Copy__title_r { position: relative; font: 500 21px/1.6 "sohne-var","Helvetica Neue","Arial",sans-serif; color: var(--text-primary); letter-spacing: 0.1px,inherit); } .Copy, .Copy__header { display: grid; row-gap: 8px; } .Copy, .Copy__header { display:grid; row-gap:8px } .Copy__header { position:relative; padding:0 32px 0 0px } .Copy__icon { min-height:40px; display:-webkit-box; display:flex; -webkit-box-align:end; align-items:flex-end; margin-bottom:8px } .Copy__caption { color:var(--link-color) } .Copy__title { position:relative; font: 500 15px/1.6 "sohne-var","Helvetica Neue","Arial",sans-serif; color:var(--text-primary); letter-spacing:0.2px,inherit) } .Copy__title:before { position:absolute; top:calc((1px + 1.6*15px - 15px)/2); left:calc(16px*-1); width:1px; height:15px; background-color:var(--link-color),transparent); content:"" } .Copy__body { padding:0 22px 0 0px; font-size:15px;font-weight:400; color:var(--text-comonbody); line-height: 24px; } .Copy__body_r { padding: 20px 22px 0 0px; font-size:15px;font-weight:400; color:var(--text-comonbody); line-height: 24px; } .Copy__body p+p { margin-top:8px } .Copy__footer { display:grid; row-gap:24px; } .Copy__ctaContainer { display:-webkit-box; display:flex; -webkit-box-align:center; align-items:center } @media (max-width:899px) { .Copy__ctaContainer { flex-wrap:wrap } } .Copy__ctaContainer>.CtaButton:first-of-type, .Copy__ctaContainer>.CtaButton:last-of-type { margin-bottom:16px } .Copy__ctaContainer>.CtaButton:first-of-type:last-of-type { margin-bottom:0 } .Copy__ctaContainer>.CtaButton:not(:first-of-type) { margin-left:16px } .Copy { letter-spacing: .2px; } .spy2 {color: linear-gradient(90deg, rgb(254, 217, 116), rgb(218, 45, 111), rgb(80, 91, 213))} .bacgr_insta { background: linear-gradient(90deg, #fed974, #da2d6f, #505bd5), #fed874; } .inst_logo { vertical-align: middle;width: 60px;margin-top: -5px; } #like1 { -webkit-animation: like1 1.5s infinite; animation: like1 1.5s infinite } .inf-title #like1 { -webkit-animation: like_inf 1.5s infinite; animation: like_inf 1.5s infinite } #like2 { -webkit-animation: like2 1.5s infinite; animation: like2 1.5s infinite; -webkit-animation-delay: .5s; animation-delay: .5s } #like3 { -webkit-animation: like3 1.5s infinite; animation: like3 1.5s infinite; -webkit-animation-delay: 1s; animation-delay: 1s } #heart1 { -webkit-animation-delay: .2s; /*! animation-delay:.2s */ } #heart2 { -webkit-animation-delay: .5s; animation-delay: .5s } #heart3 { -webkit-animation-delay: .8s; animation-delay: .8s } #heart4 { -webkit-animation-delay: 1.1s; animation-delay: 1.1s } #heart5 { -webkit-animation-delay: 1.4s; animation-delay: 1.4s } #heart6 { -webkit-animation-delay: 1.7s; animation-delay: 1.7s } #heart7 { -webkit-animation-delay: 2s; animation-delay: 2s } @-webkit-keyframes hand_right_home { from { -webkit-transform: translate(439.663403px, 141.883417px) rotate(6deg) translate(-439.663403px, -141.883417px) translate(410.663403px, 114.883417px); transform: translate(439.663403px, 141.883417px) rotate(6deg) translate(-439.663403px, -141.883417px) translate(410.663403px, 114.883417px) } 50% { -webkit-transform: translate(439.663403px, 141.883417px) rotate(4deg) translate(-439.663403px, -141.883417px) translate(408.663403px, 112.883417px); transform: translate(439.663403px, 141.883417px) rotate(4deg) translate(-439.663403px, -141.883417px) translate(408.663403px, 112.883417px) } to { -webkit-transform: translate(439.663403px, 141.883417px) rotate(6deg) translate(-439.663403px, -141.883417px) translate(410.663403px, 114.883417px); transform: translate(439.663403px, 141.883417px) rotate(6deg) translate(-439.663403px, -141.883417px) translate(410.663403px, 114.883417px) } } @keyframes hand_right_home { from { -webkit-transform: translate(439.663403px, 141.883417px) rotate(6deg) translate(-439.663403px, -141.883417px) translate(410.663403px, 114.883417px); transform: translate(439.663403px, 141.883417px) rotate(6deg) translate(-439.663403px, -141.883417px) translate(410.663403px, 114.883417px) } 50% { -webkit-transform: translate(439.663403px, 141.883417px) rotate(4deg) translate(-439.663403px, -141.883417px) translate(408.663403px, 112.883417px); transform: translate(439.663403px, 141.883417px) rotate(4deg) translate(-439.663403px, -141.883417px) translate(408.663403px, 112.883417px) } to { -webkit-transform: translate(439.663403px, 141.883417px) rotate(6deg) translate(-439.663403px, -141.883417px) translate(410.663403px, 114.883417px); transform: translate(439.663403px, 141.883417px) rotate(6deg) translate(-439.663403px, -141.883417px) translate(410.663403px, 114.883417px) } } @-webkit-keyframes hand_left_home { from { -webkit-transform: translate(317.349184px, 130.003458px) rotate(8deg) translate(-317.349184px, -130.003458px) translate(288.349184px, 103.003458px); transform: translate(317.349184px, 130.003458px) rotate(8deg) translate(-317.349184px, -130.003458px) translate(288.349184px, 103.003458px) } 50% { -webkit-transform: translate(317.349184px, 130.003458px) rotate(10deg) translate(-317.349184px, -130.003458px) translate(290.349184px, 101.003458px); transform: translate(317.349184px, 130.003458px) rotate(10deg) translate(-317.349184px, -130.003458px) translate(290.349184px, 101.003458px) } to { -webkit-transform: translate(317.349184px, 130.003458px) rotate(8deg) translate(-317.349184px, -130.003458px) translate(288.349184px, 103.003458px); transform: translate(317.349184px, 130.003458px) rotate(8deg) translate(-317.349184px, -130.003458px) translate(288.349184px, 103.003458px) } } @keyframes hand_left_home { from { -webkit-transform: translate(317.349184px, 130.003458px) rotate(8deg) translate(-317.349184px, -130.003458px) translate(288.349184px, 103.003458px); transform: translate(317.349184px, 130.003458px) rotate(8deg) translate(-317.349184px, -130.003458px) translate(288.349184px, 103.003458px) } 50% { -webkit-transform: translate(317.349184px, 130.003458px) rotate(10deg) translate(-317.349184px, -130.003458px) translate(290.349184px, 101.003458px); transform: translate(317.349184px, 130.003458px) rotate(10deg) translate(-317.349184px, -130.003458px) translate(290.349184px, 101.003458px) } to { -webkit-transform: translate(317.349184px, 130.003458px) rotate(8deg) translate(-317.349184px, -130.003458px) translate(288.349184px, 103.003458px); transform: translate(317.349184px, 130.003458px) rotate(8deg) translate(-317.349184px, -130.003458px) translate(288.349184px, 103.003458px) } } @-webkit-keyframes like1 { from { opacity: 0; -webkit-transform: translate(413.812985px, 119.417996px); transform: translate(413.812985px, 119.417996px) } 10% { opacity: 1 } to { -webkit-transform: translate(413.812985px, 60.417996px); transform: translate(413.812985px, 60.417996px); opacity: 0 } } @keyframes like1 { from { opacity: 0; -webkit-transform: translate(413.812985px, 119.417996px); transform: translate(413.812985px, 119.417996px) } 10% { opacity: 1 } to { -webkit-transform: translate(413.812985px, 60.417996px); transform: translate(413.812985px, 60.417996px); opacity: 0 } } @-webkit-keyframes like2 { from { opacity: 0; -webkit-transform: translate(483.055998px, 61.298797px); transform: translate(483.055998px, 61.298797px) } 10% { opacity: 1 } to { -webkit-transform: translate(483.055998px, .298797px); transform: translate(483.055998px, .298797px); opacity: 0 } } @keyframes like2 { from { opacity: 0; -webkit-transform: translate(483.055998px, 61.298797px); transform: translate(483.055998px, 61.298797px) } 10% { opacity: 1 } to { -webkit-transform: translate(483.055998px, .298797px); transform: translate(483.055998px, .298797px); opacity: 0 } } @-webkit-keyframes like3 { from { opacity: 0; -webkit-transform: translate(569.121px, 106.513px); transform: translate(569.121px, 106.513px) } 10% { opacity: 1 } to { -webkit-transform: translate(569.121px, 56.513px); transform: translate(569.121px, 56.513px); opacity: 0 } } @keyframes like3 { from { opacity: 0; -webkit-transform: translate(569.121px, 106.513px); transform: translate(569.121px, 106.513px) } 10% { opacity: 1 } to { -webkit-transform: translate(569.121px, 56.513px); transform: translate(569.121px, 56.513px); opacity: 0 } } @-webkit-keyframes like_inf { from { opacity: 0; -webkit-transform: translate(165.162px, 78.762697px); transform: translate(165.162px, 78.762697px) } 10% { opacity: 1 } to { -webkit-transform: translate(165.162px, 38.762697px); transform: translate(165.162px, 38.762697px); opacity: 0 } } @keyframes like_inf { from { opacity: 0; -webkit-transform: translate(165.162px, 78.762697px); transform: translate(165.162px, 78.762697px) } 10% { opacity: 1 } to { -webkit-transform: translate(165.162px, 38.762697px); transform: translate(165.162px, 38.762697px); opacity: 0 } } @-webkit-keyframes hearts { from { opacity: 0; -webkit-transform: translateY(50px); transform: translateY(50px) } 10% { opacity: 1 } to { -webkit-transform: translateY(-5px); transform: translateY(-5px); opacity: 0 } } @keyframes hearts { from { opacity: 0; -webkit-transform: translateY(50px); transform: translateY(50px) } 10% { opacity: 1 } to { -webkit-transform: translateY(-5px); transform: translateY(-5px); opacity: 0 } } .mt_-40 { content: ""; display: block; width: calc(100% - 17px); left: 33px; bottom: 0;top: -81px; position: absolute; } .common-PageTitle_s { color: #8898aa; font-size: 27px; font-weight: 600; line-height: 45px; } @media (max-width: 670px) { .common-PageTitle_s { font-size: 24px!important; line-height: 35px!important; } } @media (min-width: 880px) { .feature-list_container { grid-template-rows: 1fr; grid-template-columns: repeat(1, 1fr); padding: 0 20px } } @media (min-width: 1040px) { .feature-list_container { padding: 0 } } .feature-list_container .feature-list li { position: relative; padding-right: 0; -webkit-transition: color .15s ease-in-out; transition: color .15s ease-in-out } @media (min-width: 670px) { .feature-list_container .feature-list li:hover { color: #74e4a2 } .feature-list_container .feature-list li:hover .popover { opacity: 1; -webkit-transition-timing-function: cubic-bezier(.165, .84, .44, 1); transition-timing-function: cubic-bezier(.165, .84, .44, 1); -webkit-transform: translateY(calc(-100% - 5px)); transform: translateY(calc(-100% - 5px)) } } .feature-list_container .feature-list li:active { color: #74e4a2 } .feature-list_container .feature-list li:active .popover { opacity: 1; -webkit-transition-timing-function: cubic-bezier(.165, .84, .44, 1); transition-timing-function: cubic-bezier(.165, .84, .44, 1); -webkit-transform: translateY(calc(-100% - 5px)); transform: translateY(calc(-100% - 5px)) } .feature-list_container .feature-list li.empty:before { display: none } .feature-list_container .feature-list li.title { text-transform: uppercase; padding-left: 0; font-weight: 600; letter-spacing: .025em; padding-right: 0 } .feature-list_container .feature-list li.title:before { display: none } .feature-list_container .feature-list li.title:hover { color: #fff } .feature-list_container .feature-list .popover { position: absolute; left: 0; right: -10px; top: 30px; background-color: #fff; border-radius: 4px; -webkit-box-shadow: 0 7px 14px rgba(50, 50, 93, .1), 0 3px 6px rgba(0, 0, 0, .08); box-shadow: 0 7px 14px rgba(50, 50, 93, .1), 0 3px 6px rgba(0, 0, 0, .08); -webkit-transition-property: opacity, -webkit-transform; transition-property: opacity, -webkit-transform; transition-property: transform, opacity; transition-property: transform, opacity, -webkit-transform; -webkit-transition-duration: .15s; transition-duration: .15s; -webkit-transition-timing-function: ease-in-out; transition-timing-function: ease-in-out; pointer-events: none; opacity: 0; -webkit-transform: translateY(-100%) scale(.75); transform: translateY(-100%) scale(.75); -webkit-transform: translateY(calc(-100% + 10px)) scale(.75); transform: translateY(calc(-100% + 10px)) scale(.75); -webkit-transform-origin: 20px calc(100% + 12px); transform-origin: 20px calc(100% + 12px); color: #285473; padding: 15px 20px; font-size: 13px; font-weight: 500; line-height: 1.5em } .feature-list_container .feature-list .popover:before { content: ""; position: absolute; bottom: -6px; left: 15px; width: 12px; height: 12px; -webkit-transform: rotate(45deg); transform: rotate(45deg); border-radius: 0 0 4px 0; background-color: inherit; -webkit-box-shadow: 3px 3px 5px rgba(82, 95, 127, .04); box-shadow: 3px 3px 5px rgba(82, 95, 127, .04) } .common-MediumBodyText { font-weight: 400; font-size: 17px; line-height: 26px; color: #8898aa; } @media (max-width:670px) { .features-indulge__feature-list { margin-top: 30px; } } footer .logo-list { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; list-style: none; width: 200px; } @media (max-width:670px) { footer .logo-list { display: block; width: 100%; } footer .logo-list > li { float: left; } .column_no { -ms-flex-preferred-size: 100%!important; flex-basis: 100%!important; } .space {display: none} } footer .logo-list > li { -webkit-flex-basis: 20%; -ms-flex-preferred-size: 20%; flex-basis: 20%; margin: 0 1% 0 0; margin-right: 1%; } .s_t_l { line-height: normal !important; } .banner-teams__blurb { color: #fff!important;line-height: 24px;} .flex_28{flex: 1 1 28%!important;} .tAb--banner { background:url(/images/header/img--tAb__header.svg) no-repeat center top; background-size:100%; padding-top:100px } .tAb--banner__desc { font-family:"Rubik", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif } .tAb--logo__img--banner { position:relative; background-image:url(/images/header/img--tAb__logolist-1e96fe30.png); background-size:contain; height:230px; background-repeat:no-repeat; background-position:center; margin-top:-20px } @media only screen and (max-width: 800px) { .tAb--logo__img--banner { padding:auto 30px auto 20px; display:none } } .u--h3 { margin: 15px 0; font-weight: 400; font-size: 1.3125rem !important; line-height: 2rem !important; } @media only screen and (max-width: 800px) { .u--h3 { font-size:1.18rem !important; line-height:1.65rem !important } } .u--m__t__xl { margin-top: 2.5rem !important; } .u--text--center { text-align: center !important; } .u--col__6 { width: 50%; } @media only screen and (max-width: 800px) { .u--col__6 { width:100% } } .u--row { margin-left:-15px; margin-right:-15px; *zoom:1; *zoom:1 } .u--row:before, .u--row:after { content:" "; display:table } .u--row:after { clear:both } .u--row:before, .u--row:after { content:" "; display:table } .u--row:after { clear:both } .o--btn--cta, .tCp--button, .tCt--button__violet, .tFe--button, .tCt--button__yellow { font-weight: 500; font-size: 0.93rem; margin: 0 0 15px; padding: 15px 30px; border-radius: 35px; background-color: #25c6fe; transition: all 0.3s ease-in-out; } .o--btn--proceed, .o--btn--feature, .o--btn--cta, .tCp--button, .tCt--button__violet, .tFe--button, .tCt--button__yellow { color: #fff; background-color: #00eda4; -webkit-box-shadow: inset 0 0 0 1px transparent; -moz-box-shadow: inset 0 0 0 1px transparent; box-shadow: inset 0 0 0 1px transparent; } .o--btn--block { display: block; width: 100%; } .u--h2 { margin: 20px 0 10px; font-weight: 500; font-size: 2rem !important; line-height: 2.75rem !important; } @media only screen and (max-width: 800px) { .u--h2 { font-size:1.75rem !important; line-height:2.25rem !important; line-height:150% } } .u--col__offset-3 { margin-left: 25%; } @media only screen and (max-width: 800px) { .u--col__offset-3 { margin-left:0 } } .u--col__offset-4 { margin-left: 33.3333333333%; } .u--col__4 { width: 33.3333333333%; } @media only screen and (max-width: 800px) { .u--col__offset-4 { margin-left:0 } } @media only screen and (max-width: 800px) { .u--col__4 { width:100% } } .u--m__t__xl { margin-top: 2.5rem !important; } .tLD--client { padding:20px 0 0 0 } .tLD--client__list { margin:0; text-align:center } .tLD--client__logo--sp, .tLD--client__logo--gq, .tLD--client__logo--huffpo, .tLD--client__logo--yelp, .tLD--client__logo--stevem, .tLD--client__logo--lonelyplanet { display:block; position:relative; background:url(/images/header/img--ld__logo-a14dc342.png) no-repeat 0 0; -webkit-background-size:882px 75px; -moz-background-size:882px 75px; -o-background-size:882px 75px; background-size:882px 75px; height:90px; width:147px } .tLD--client__li { display:inline-block; padding:0 5px 10px } .tLD--client__logo--sp { background-position:0px 0; display:inline-block; padding:0 5px 10px } .tLD--client__logo--gq { background-position:-147px 0; display:inline-block; padding:0 5px 10px } .tLD--client__logo--huffpo { background-position:-294px 0; display:inline-block; padding:0 5px 10px } .tLD--client__logo--yelp { background-position:-441px 0; display:inline-block; padding:0 5px 10px } .tLD--client__logo--stevem { background-position:-588px 0; display:inline-block; padding:0 5px 10px } .tLD--client__logo--lonelyplanet { background-position:-735px 0; display:inline-block; padding:0 5px 10px } .tLD--client__quotev2 { display:block; text-align:center; border:1px solid #ccc; padding:30px; border-radius:5px; min-height:340px } .tLD--client__quotev2 small { font-size:0.764rem; line-height:125%; font-weight:bold } ul.tLD--client__quotev2 img { height:60px } img.tLD--client--meundies { height:28px !important; margin-bottom:20px; margin-top:2px } img.tLD--client--greats { height:46px !important; margin-bottom:7px; margin-top:-3px } .tLD--client__quote--meundies { display:block; height:35px; width:120px; background:url(/images/header/img--lp__client--list-7507fe2c.png) no-repeat -112px -25px; background-size:1150px; margin:20px auto 10px auto } .tLD--client__quote--greats { display:block; height:35px; width:150px; background:url(/images/header/img--lp__client--list-7507fe2c.png) no-repeat -899px -25px; background-size:1150px; margin:20px auto 10px auto } .tLD--client__quote--hippeas { display:block; height:35px; width:90px; background:url(/images/header/img--lp__client--list-7507fe2c.png) no-repeat -625px -20px; background-size:1150px; margin:10px auto 0px auto } .tLD--client__quote--artifact { display:block; height:40px; width:120px; background:url(/images/header/img--lp__client--list-7507fe2c.png) no-repeat -740px -20px; background-size:1150px; margin:10px auto -3px auto } .tLD--client__img--banner { position:relative; background-image:url(/images/header/img--lp__client--list@2x-09c33b9b.png); height:250px; width:100%; padding-bottom:50px; background-repeat:no-repeat } @media only screen and (max-width: 1500px) { .tLD--client__img--banner { height:200px } } .tLD--client__img--bannerScroll { position:relative; height:120px; width:200%; padding-bottom:30px; background-size:70%; background-repeat:no-repeat; -webkit-animation:logo-marquee 20s linear infinite alternate; -moz-animation:logo-marquee 20s linear infinite alternate; -ms-animation:logo-marquee 20s linear infinite alternate; -o-animation:logo-marquee 20s linear infinite alternate; animation:logo-marquee 20s linear infinite alternate } @media only screen and (max-width: 800px) { .tLD--client__img--bannerScroll { display:none } } div.title-with-icon img {width: 45px} @media (max-width:670px) { .kevlhf .title-with-icon { display: block!important; }} .text-black{color: var(--h-color);} .flickity-slider { position: absolute; width: 100%; height: 100%; } .title-s { color: #42afc7; font-size: 24px; font-weight: 600; margin: 1.5em 0 1em; text-transform: uppercase; text-align: center; } .flickity-prev-next-button.previous svg { display: none} .flickity-prev-next-button.next svg { display: none} .flickity-viewport { cursor: move; cursor: -webkit-grab; cursor: grab; } .flickity-enabled { position: initial; } .flickity-enabled.is-draggable { -webkit-tap-highlight-color: transparent; tap-highlight-color: transparent; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .flickity-prev-next-button { position: absolute; padding:0; background:var(--bg-main); border:1px solid #dee2e6; width:3rem; height:3rem; transition:opacity .2s linear,box-shadow .2s linear; display:flex; align-items:center; justify-content:center; z-index: 5; } .flickity-prev-next-button:after { background-image:url("data:image/svg+xml;utf8,"); content:''; width:2rem; height:2rem; display:block; background-size:cover } .flickity-prev-next-button.previous { left:-4.5rem } .flickity-prev-next-button.next { right:-4.5rem } @media (max-width:870px) { .flickity-prev-next-button.previous { left:0rem } .flickity-prev-next-button.next { right:0rem } } .flickity-prev-next-button.next:after { transform:rotateZ(180deg) } .flickity-prev-next-button:hover { box-shadow:0 .125rem .625rem rgba(0,0,0,.05) } .flickity-button-icon { display:none } /* @media (max-width:1199.98px) { .flickity-prev-next-button { display:none } } */ [data-flickity].controls-light .flickity-page-dots .dot { background:#fff } .controls-inside:not(:hover) .flickity-prev-next-button { opacity:0 } .controls-inside .flickity-page-dots { position:absolute; bottom:1.5rem } @media (max-width:768px) { .arrows-inside .flickity-prev-next-button.previous, .controls-inside .flickity-prev-next-button.previous { left:-2rem } .arrows-inside .flickity-prev-next-button.next, .controls-inside .flickity-prev-next-button.next { right:-2rem } } .flickity-prev-next-button { top: 50%; width: 44px; height: 44px; border-radius: 50%; transform: translateY(-50%); } .flickity-button { position: absolute; background: #fff; border: none; --tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .flickity-viewport { overflow: hidden; height: 100%; } @media only screen and (max-width:1200px) { .flickity-overflow { overflow:hidden; } } .carousel-cell { transition: opacity .2s ease,transform .2s ease; } .flickity-page-dots { position:absolute; width:100%; bottom:-25px; padding:0; margin:0; list-style:none; text-align:center; line-height:1 } .flickity-rtl .flickity-page-dots { direction:rtl } .flickity-page-dots .dot { display:inline-block; width:10px; height:10px; margin:0 8px; background:#333; border-radius:50%; opacity:.25; cursor:pointer } .flickity-page-dots .dot.is-selected { opacity:1 } [data-flickity]:not(.flickity-enabled) { opacity:0 } .flickity-page-dots { bottom: -1.125rem; margin-bottom: 10px; } .flickity-page-dots .dot { width:6px; height:6px; border-radius:10rem; margin:0 5px; background:#495057; opacity:.2; transition:transform .2s linear,opacity .2s linear } .flickity-page-dots .dot.is-selected { transform:scale(1.33333) } .rg-ten { position: relative; } .rg-ten::before, .rg-ten::after { background: var(--rg-crypto); content: ""; height: 32.5rem; position: absolute; width: 10rem; z-index: 2; } @media (max-width: 670px) { .rg-ten::before, .rg-ten::after { width: 3rem; } } .rg-ten::after { right: 0px; top: 0px; transform: rotateZ(180deg); } .rg-ten::before { left: 0px; top: 0px; } .bg-reviews-accent { background: var(--bg-reviews); } @media (max-width:870px) { .header__userLink:before { margin-bottom: -2px; }} .text_progress { font-weight: 600; /* color: #2a5885; */ font-size: 0.895rem; margin-left: 0.25rem; margin-right: 0.25rem; } .text_country{ font-weight: 600; /* color: #2a5885; */ font-size: 0.895rem; margin-right: 0.25rem;} .flag_progress { margin-left: 0.25rem; display: inline; } .provider_img { width: 1.3rem; height: 1.3rem; margin-left: 0.25rem; display: inline; } .provider_text, .text_brand { font-weight: 600; /* color: #2a5885; */ font-size: 0.895rem; text-transform:capitalize; } @media (max-width:670px) { .pd-0{ padding: 0px!important; } } .link_text { color: var(--link-color); text-decoration: none; cursor: pointer; font-weight: 600; font-size: 0.875rem; line-height: 1.25rem; } #loader2-text, #loader2, #console, #term { color: rgb(0, 178, 0); } #type_text { line-height: 1.15rem; } #pass { color: rgba(156, 163, 175, var(--tw-text-opacity)); } .text-blue-500 { color: var(--link-color); } .terminal_social{ height: 250px } @media (min-width: 640px) { .terminal_social{ height: 430px } } .map_cart_messenger{ height: 300px } .map_cart_Movement_map_cart_messenger { height: 250px } .map_cart{ height: 250px } .terminal_messenger{ height: 255px } .terminal_messenger_Movement{ height: 255px } .map-desktop { height:300px } .map-desktop_Movement { height:300px } @media (min-width: 640px) { .map_cart{ height: 470px } .terminal_messenger{ height: 270px } .map_cart_messenger{ height: 300px } .map_cart_Movement_map_cart_messenger { height: 200px } .terminal_messenger_Movement{ height: 160px } .map-desktop { height:500px } .map-desktop_Movement { height:300px } } .map_cart_Movement{ height: 250px } @media (min-width: 640px) { .map_cart_Movement{ height: 280px } }