/* Theme Name: BlankSlate Theme URI: https://github.com/tidythemes/blankslate Author: TidyThemes Author URI: http://tidythemes.com/ Description: Please read: tidythemes.com/concept. Donations: https://calmestghost.com/donate. BlankSlate is the definitive WordPress boilerplate starter theme. We've carefully constructed the most clean and minimalist theme possible for designers and developers to use as a base to build websites for clients or to build completely custom themes from scratch. Clean, simple, unstyled, semi-minified, unformatted, and valid code, SEO-friendly, jQuery-enabled, no programmer comments, standardized and as white label as possible, and most importantly, the CSS is reset for cross-browser-compatability and no intrusive visual CSS styles have been added whatsoever. A perfect skeleton theme. For support and suggestions, go to: https://github.com/tidythemes/blankslate/issues. Thank you. Tags: accessibility-ready, one-column, two-columns, custom-menu, featured-images, microformats, sticky-post, threaded-comments, translation-ready Version: 2022.4 Requires at least: 5.2 Tested up to: 5.9 Requires PHP: 7.0 License: GNU General Public License v3 or Later License URI: https://www.gnu.org/licenses/gpl.html Text Domain: blankslate BlankSlate WordPress Theme © 2011-2022 TidyThemes BlankSlate is distributed under the terms of the GNU GPL */ html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}html{scroll-behavior:smooth}body{line-height:1}a{text-decoration-skip-ink:auto}a[href^="tel"]{color:inherit;text-decoration:none}button{outline:0}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}q{display:inline;font-style:italic}q:before{content:'"';font-style:normal}q:after{content:'"';font-style:normal}textarea,input[type="text"],input[type="button"],input[type="submit"],input[type="reset"],input[type="search"],input[type="password"]{-webkit-appearance:none;appearance:none;border-radius:0}input[type="search"]{-webkit-appearance:textfield}table{border-collapse:collapse;border-spacing:0}th,td{padding:2px}big{font-size:120%}small,sup,sub{font-size:80%}sup{vertical-align:super}sub{vertical-align:sub}dd{margin-left:20px}kbd,tt{font-family:courier;font-size:12px}ins{text-decoration:underline}del,strike,s{text-decoration:line-through}dt{font-weight:bold}address,cite,var{font-style:italic}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent} .sticky{}.bypostauthor{}.wp-caption{}.wp-caption-text{}.gallery-caption{}.alignright{}.alignleft{}.aligncenter{} .screen-reader-text{border:0;clip:rect(1px,1px,1px,1px);-webkit-clip-path:inset(50%);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute!important;width:1px;word-wrap:normal!important;word-break:normal} .screen-reader-text:focus{background-color:#f7f7f7;border-radius:3px;box-shadow:0 0 2px 2px rgba(0,0,0,.6);clip:auto!important;-webkit-clip-path:none;clip-path:none;color:#007acc;display:block;font-size:14px;font-size:.875rem;font-weight:700;height:auto;right:5px;line-height:normal;padding:15px 23px 14px;text-decoration:none;top:5px;width:auto;z-index:100000} .skip-link{left:-9999rem;top:2.5rem;z-index:999999999;text-decoration:underline} .skip-link:focus{display:block;left:6px;top:7px;font-size:14px;font-weight:600;text-decoration:none;line-height:normal;padding:15px 23px 14px;z-index:100000;right:auto} .visually-hidden:not(:focus):not(:active), .form-allowed-tags:not(:focus):not(:active){position:absolute !important;height:1px;width:1px;overflow:hidden;clip:rect(1px 1px 1px 1px);clip:rect(1px, 1px, 1px, 1px);white-space:nowrap} strong { font-weight:600; } h1 { font-family: 'Montserrat', 'Montserrat Fallback', sans-serif; color:white; font-style: normal; font-weight: 600; font-size: 40px; line-height: 54px; } .single-post h2 { font-weight: 600; font-size: 40px; line-height: 32px; text-transform: unset; letter-spacing: normal; } h2 { font-family: 'Montserrat', 'Montserrat Fallback', sans-serif; font-style: normal; font-weight: 600; font-size: 48px; line-height: 56px; letter-spacing: 2px; /* color: #333333;*/ } h3 { /* color: #212121;*/ letter-spacing: 2px; font-weight: 600; font-size: 40px; line-height: 52px; } body { font-family: 'Montserrat', 'Montserrat Fallback', sans-serif; font-weight: normal; color: #232323; font-weight: 400; font-size: 16px; line-height: 24px; transition: 1s ease-in-out; } a { text-decoration:none; transition:0.3s ease-in-out; } #footer { background-color:#000; padding: 65px 0 65px 0; } #footer-menu { display:flex; flex-wrap:nowrap; justify-content:space-between; padding-bottom:55px; } #footer-menu .footer-menu-col a { color: #D6D6D6; display:block; margin-top:12px; line-height: 24px; letter-spacing: 0.25px; width:fit-content; } #footer-menu .footer-menu-col a:after { content: ''; height: 1px; background-color: white; width: 100%; display: block; opacity:1; max-width:0; transition:0.3s ease-in-out; } #footer-menu .footer-menu-col a:hover { color:#FFFFFF; } #footer-menu .footer-menu-col a:hover:after { max-width:100%; } #footer-menu .footer-menu-col span { margin-bottom:25px; line-height: 32px; font-size: 20px; color: #FFFFFF; display:block; letter-spacing: 0.75px; } #footer-menu .footer-menu-col:nth-child(4) a { display:inline-block; margin-top:0; } #footer_logo_wrap { margin-bottom:40px; } .clutch-widget { margin-top:40px; filter: contrast(0.5); transition: 0.3s ease-in-out; } .clutch-widget:hover { filter:none; } #footer-socials { display:flex; justify-content:space-between; width:160px; } #footer-menu .footer-menu-col:nth-child(4) > a:nth-child(3):hover { filter:none; } #footer-socials a { width:24px; height:24px; opacity:0.5; } #footer-menu .footer-menu-col:nth-child(4) a:after { opacity:0 !important; } #footer-socials a:hover { opacity:1; } #footer-socials a img { width:24px; height:24px; } #footer-copyright { border-top: 1px solid #D7E1F4; padding-top:40px; display:flex; justify-content: space-between; } #footer-copyright-left { color: #817F82; font-weight: 600; font-size: 16px; line-height: 24px; } #footer-copyright-right a { color: #817F82; font-weight: 600; font-size: 16px; line-height: 24px; } #footer-copyright-right { color: #817F82; font-weight: 600; font-size: 16px; line-height: 24px; } #footer-copyright-right a:hover { color:rgba(255,255,255,1); } #header { position: fixed; z-index: 100; padding: 20px 0; width: 100%; top:0px; transition:0.4s ease-in-out; } /* .home #header { margin-top:30px; } */ #header.header-scrolled { margin-top:0; background-color: #000; } #header.header-no-bg { background-color:transparent !important; } /* #header.header-noscrolled { top: 0px !important; } */ #header.header-scrolled #header-menu a { color:white; } #header .container { display:flex; justify-content:space-between; align-items: center; max-width:1320px; } #header-logo { width:142px; height:27px; /* logo.png is 288x54 (ratio .1875); explicit height so the contain background renders — the empty gives the flex item 0 height otherwise */ background-size:contain; background-repeat:no-repeat; background-position:left center; position:relative; top:-8px; /* optically center with nav/button (logo box otherwise sits low) */ /* transition:0.3s ease-in-out;*/ } .home #header-logo { background-image:url('/wp-content/uploads/2022/05/logo.png'); } #header-menu { display:flex; width:760px; /* justify-content: space-between;*/ justify-content: flex-end; } .home #header-menu a { color:white; } #header-menu a { margin-right: 20px; color: black; font-weight: 400; font-size: 16px; line-height: 24px; position:relative; opacity:0.8; height: fit-content; } /*rem by wa #header-menu a:nth-child(7) { display:none; } */ .header-scrolled #header-menu a:before { background-color:white; } #header-menu a:after { content: ''; height: 1px; max-width: 0; background-color: black; display: block; position: absolute; bottom: 1px; transition: 0.3s ease-in-out; width: 100%; } .header-scrolled #header-menu a:after { background-color:white; } .home #header-menu a:after { background-color:white; } #header-menu a:hover:after { max-width:100%; } .home #header-menu a:before { background-color:white; } #header-menu a:before { content: ''; position: absolute; width:4px; height:4px; background-color:black; border-radius:50%; left: 0; top: -10px; left: calc(50% - 5px); animation: header_menu_arrow_move_1 ease-in-out infinite 1s; transition:0.3s ease-in-out; opacity:0; display:none; } @keyframes header_menu_arrow_move_1 { 0% { top: -10px; } 50% { top:-5px; } 100% { top:-10px; } } #header-menu a:hover:before { opacity:1; } #header-menu a:hover { opacity:1; } .container { max-width:1240px; padding:0 20px; margin:0 auto; } .elementor-section.elementor-section-boxed > .elementor-container { max-width:1240px !important; padding:0 20px !important; } .elementor-column-gap-default>.elementor-column>.elementor-element-populated { padding:0px !important; } .blue-button-1 { color: #0B24FB; font-weight: 500; font-size: 16px; line-height: 24px; padding:16px 24px; border: 1px solid #0B24FB; border-radius: 37px; transition: 0.3s ease-in-out; cursor:pointer; } .blue-button-1:hover { background-color: #0B24FB; color:white; } .page-template-page-home .hero-section .blue-button-1, .blue-button-2 { padding:16px 33px; color: white; font-weight: 600; background-color: #0B24FB; border: 1px solid #0B24FB; border-radius: 38px; transition: 0.3s ease-in-out; } .page-template-page-home .hero-section .blue-button-1:hover, .blue-button-2:hover { background-color: transparent; color: #0B24FB; } .weelorum-white-transparent-button-1 { background-color: transparent; border-color: #fff; color: #fff; } .weelorum-white-transparent-button-1:hover { background-color: #fff; color: #05001A; } /* #header.header-scrolled a.blue-button-1 { color: #fff; border: 1px solid #fff; } */ #mainpage-screen-1 { padding:200px 0 60px 0px; background: #05001A; overflow:hidden; height:100vh; } #mainpage-screen-1 .elementor-container { height:100%; } #mainpage-screen-1 h1 { color: #FFFFFF; font-family: 'Montserrat'; font-style: normal; font-weight: 500; font-size: 18px; line-height: 32px; margin-top:8px; } #mainpage-screen-1-top .elementor-widget-container > span:nth-child(1) { font-style: normal; font-weight: 600; font-size: 48px; line-height: 56px; max-width:625px; display:block; letter-spacing: 2px; color:white; } #mainpage-screen-1-top { z-index:2; } #mainpage-screen-1-top .elementor-widget-container > span:nth-child(3) { display:block; margin-top:8px; max-width:625px; color: #EFEFEF; font-family: 'Montserrat'; font-style: normal; font-weight: 400; font-size: 14px; line-height: 22px; } .page-template-page-home .hero-section .blue-button-1, #mainpage-screen-1 .blue-button-2 { margin-top:20px; display: block; width: fit-content; color:white; } .page-template-page-home .hero-section .blue-button-1:hover, #mainpage-screen-1 .blue-button-2:hover { color: #fff; } .home .entry-title { display:none; } #mainpage-screen-1-bottom { position: absolute; bottom: 0; z-index:2; } #mainpage-screen-1-bottom-wrap { } #mainpage-screen-1-bottom-wrap .mainpage-screen-1-bottom-wrap-single:nth-child(3):after { display:none; } .mainpage-screen-1-bottom-wrap-single { display:inline-block; text-align:center; padding: 0 30px; position:relative; } .mainpage-screen-1-bottom-wrap-single:after { content:''; position:absolute; height:50px; width:1px; background-color:white; right:0px; top:20px; } .mainpage-screen-1-bottom-wrap-single span:nth-child(1) { display:block; color: #FFFFFF; font-style: normal; font-weight: 600; font-size: 40px; line-height: 49px; } .mainpage-screen-1-bottom-wrap-single span:nth-child(2) { display:block; color: #FFFFFF; font-style: normal; font-weight: 400; font-size: 16px; line-height: 20px; margin-top:25px; } #mainpage-screen-1-w { position: absolute; right: -300px; width: auto; z-index: 1; top: 300px; } #mainpage-screen-1-w-wrap { color: white; top: 0; font-size: 700px; top: 0; font-weight: 800; opacity:0.5; } #mainpage-screen-2 { padding:200px 0; } #mainpage-screen-2-2-top { display:flex; margin-top:70px; } #mainpage-screen-2-2-top span { color: #817F82; text-transform: uppercase; font-style: normal; font-weight: 400; font-size: 24px; line-height: 32px; padding:0 25px; border-right: 1px solid #C4C4C4; } #mainpage-screen-2-1 h2 { max-width:420px; } #mainpage-screen-2-1 span { margin-top:15px; color: #232323; font-weight: 500; font-size: 18px; line-height: 32px; display:block; } #mainpage-screen-2-2-top span:first-child { padding-left:0px; } #mainpage-screen-2-2-top span:last-child { padding-right:0px; border-right: unset; } #mainpage-screen-2-2-bottom { display:flex; flex-wrap:nowrap; justify-content:space-between; } .mainpage-screen-2-2-bottom-single { width:315px; } .mainpage-screen-2-2-bottom-single object { width: 100px !important; display:none; } #mainpage-screen-2-2.animated .mainpage-screen-2-2-bottom-single object { display:block; } #mainpage-screen-2-2-bottom { margin-top:170px; } .mainpage-screen-2-2-bottom-single img { width:100px; height:auto; } .mainpage-screen-2-2-bottom-single span:nth-child(2) { display:block; margin-top:45px; letter-spacing: 1px; text-transform: uppercase; font-size: 20px; line-height: 32px; color: #424242; font-weight: 500; } .mainpage-screen-2-2-bottom-single span:nth-child(3) { display:block; margin-top:20px; font-weight: 400; font-size: 16px; line-height: 24px; color: #232323; } #mainpage-screen-3 { padding-bottom:200px; } #mainpage-screen-3 span { font-weight: 500; font-size: 18px; line-height: 32px; color: #212121; display:block; margin-top:10px; } #mainpage-screen-3 span:nth-child(1) { letter-spacing: 0.75px; font-size: 14px; line-height: 22px; margin-bottom:25px; } #mainpage-screen-3-wrap { margin-top:100px; display:flex; flex-wrap:nowrap; } #mainpage-screen-3-wrap-left { width:415px; } #mainpage-screen-3-wrap-right { width:785px; } #mainpage-screen-3-wrap-left span { cursor:pointer; text-transform: uppercase; font-style: normal; font-weight: 500; font-size: 16px; line-height: 20px; margin-bottom:30px; margin-top: 0px; color: #000000; transition:0.3s ease-in-out; position:relative; display: block; width: fit-content; border-bottom:1px solid transparent; } #mainpage-screen-3-wrap-left span:hover { color: #0B24FB; } .mainpage-screen-3-wrap-left-active { color: #0B24FB !important; border-bottom:1px solid #0B24FB !important; } .mainpage-screen-3-wrap-right-content { display:none; position: absolute; } .mainpage-screen-3-wrap-right-content object { width:100px !important; display:none; } #mainpage-screen-3 .animated .mainpage-screen-3-wrap-right-content object { display:block; } .mainpage-screen-3-wrap-right-content-active { display:block; } #mainpage-screen-3-wrap-right .mainpage-screen-3-wrap-right-content h3 { display:block; margin-top:30px; } #mainpage-screen-3-wrap-right .mainpage-screen-3-wrap-right-content span { letter-spacing: 0.25px; font-weight: 400; font-size: 16px; line-height: 24px; color: #212121; display:block; margin-top:30px; display:block; max-width:620px; } #mainpage-screen-4 { padding: 80px 0 115px 0; background-color: #212121; overflow:hidden; } #mainpage-screen-4 h2 { color:white; } #mainpage-screen-4-left { } #mainpage-screen-4-left span:nth-child(2) { max-width:590px; } #mainpage-screen-4-left span { font-style: normal; font-weight: 500; font-size: 18px; line-height: 32px; color: #FFFFFF; display:block; margin-top:15px; } #mainpage-screen-4-left span:nth-child(3) { letter-spacing: 0.75px; font-weight: 400; font-size: 16px; line-height: 32px; margin-top:130px; max-width:725px; text-transform: uppercase; } #mainpage-screen-4-left-bottom { margin-top:185px; display:flex; } #mainpage-screen-4-left-bottom .mainpage-screen-4-left-bottom-single { padding-right:70px; width: 50%; } #mainpage-screen-4-left-bottom .mainpage-screen-4-left-bottom-single span { letter-spacing: 0.75px; text-transform: uppercase; font-style: normal; font-weight: 500; font-size: 20px; line-height: 32px; color: #FFFFFF; } #mainpage-screen-4-left-bottom .mainpage-screen-4-left-bottom-single span:after { display:block; width: 144px; height: 1px; content:''; margin-top:15px; background: linear-gradient(90deg, #0F62FE 0%, rgba(15, 98, 254, 0) 100%); } #mainpage-screen-4-left-bottom .mainpage-screen-4-left-bottom-single p { margin-top:20px; letter-spacing: 0.25px; font-weight: 400; font-size: 16px; line-height: 24px; color: #FFFFFF; } #mainpage-screen-4-left p { display:block; margin-top:40px; letter-spacing: 0.75px; font-style: normal; font-weight: 400; font-size: 16px; line-height: 24px; color: #FFFFFF; } #mainpage-screen-4-left p span { color: #0F62FE; letter-spacing: 0.75px; font-style: normal; font-weight: 400; font-size: 16px; line-height: 24px; display:inline-block; } #mainpage-screen-4-right-wrap { position:relative; width:352px; height:352px; } #mainpage-screen-4-right-wrap-1 { } #mainpage-screen-4-right-wrap-2 span:nth-child(1) { width:41px; height:41px; background-color: #444444; border-radius:50%; position:absolute; left:0; right:0; top:0; bottom:0; margin:auto; } #mainpage-screen-4-right-wrap-2 span:nth-child(2) { border: 1px solid rgba(196, 196, 196, 0.6); width:308px; height:308px; border-radius:50%; position:absolute; left:0; right:0; top:0; bottom:0; margin:auto; animation: orbit_span_2_pulse_1 ease-in-out infinite 3s; } @keyframes orbit_span_2_pulse_1 { 0% { transform: scale(1); } 50% { transform: scale(0.95); } 100% { transform: scale(1); } } #mainpage-screen-4-right-wrap-2 span:nth-child(3) { border: 1px dashed rgba(196, 196, 196, 0.19); width:352px; height:352px; border-radius:50%; position:absolute; left:0; right:0; top:0; bottom:0; margin:auto; animation:orbit_span_3_rotate_1 linear infinite 50s; } @keyframes orbit_span_3_rotate_1 { 0% { transform:rotate(0); } 100% { transform:rotate(360deg); } } #mainpage-screen-4-right-wrap-1 { width: 350px; height: 106px; position: relative; top: 126px; left: 0; animation: orbit_wpar_1_rotate_1 linear infinite 25s; } @keyframes orbit_wpar_1_rotate_1 { 0% { transform:rotate(0deg); } 100% { transform:rotate(360deg); } } #mainpage-screen-4-right-wrap-1 span:nth-child(1) { border: 1px solid rgba(196, 196, 196, 0.6); width: 106px; height: 106px; border-radius: 50%; position: absolute; left: -53px; right: 0; top: 0; bottom: 0; } #mainpage-screen-4-right-wrap-1 span:nth-child(2) { background-color: #0F62FE; width: 20px; height: 20px; border-radius: 50%; position: absolute; left: -10px; right: 0; top: 43px; bottom: 0; animation: orbit_wrap_1_span_2_blink linear infinite 4s; } @keyframes orbit_wrap_1_span_2_blink { 0% { background-color: #0F62FE; } 50% { background-color: #444444; } 100%{ background-color: #0F62FE; } } #mainpage-screen-4-right { position: absolute; right: 0; width: 352px; top: 130px; } #mainpage-screen-4-bottom { position: absolute; right: 0; bottom: -40px; width: auto; } #mainpage-screen-4-bottom a span:nth-child(1) { width:50px; height:50px; border-radius:50%; background-color: #0F62FE; position:relative; display: inline-block; } #mainpage-screen-4-bottom a span:nth-child(1) img { position:absolute; left:0; right:0; top:0; bottom:0; margin:auto; width:24px; height:24px; } #mainpage-screen-4-bottom a span:nth-child(2) { color: #0F62FE; font-style: normal; font-weight: 600; font-size: 16px; line-height: 24px; margin-left: 12px; vertical-align: top; padding-top: 12px; display: inline-block; } #mainpage-screen-4-bottom a:hover { opacity:0.7; } #mainpage-screen-5 { padding:140px 0 105px 0; background-color: #0F62FE; } #mainpage-screen-5 h2 { color:white; max-width:1040px; text-align:center; margin: 0 auto; } #mainpage-screen-5 .blue-button-1 { border: 1px solid white; color: white; display: block; width: fit-content; margin: 50px auto 0; } #mainpage-screen-5 .blue-button-1:hover { background-color:white; color:black; } #mainpage-screen-6 { padding:105px 0 130px 0; background-color: #212121; overflow:unset; } #mainpage-screen-5-top span:nth-child(1) { letter-spacing: 0.75px; text-transform: uppercase; font-style: normal; font-weight: 400; font-size: 24px; line-height: 32px; color: #FFFFFF; } #mainpage-screen-5-top h2 { max-width:800px; display:block; margin-top:25px; letter-spacing: 2px; text-transform: uppercase; font-weight: 600; font-size: 48px; line-height: 56px; color: #FFFFFF; } #mainpage-screen-5-top span:nth-child(3) { letter-spacing: 0.75px; font-weight: 500; font-size: 18px; line-height: 32px; color: #FFFFFF; max-width:930px; display:block; margin-top:15px; } #mainpage-screen-6-double { margin-top:130px; overflow:unset; } #mainpage-screen-6-bottom { } #mainpage-screen-6-bottom-wrap { display:flex; flex-wrap:wrap; position:relative; } #mainpage-screen-6-bottom-wrap .mainpage-screen-6-bottom-wrap-single:last-child { margin-bottom:0px; } .mainpage-screen-6-bottom-wrap-single { width:100%; margin-bottom: 125px; } #mainpage-screen-6-double-right { padding-top:165px; } #mainpage-screen-6-double-left { padding-right:90px; height: fit-content; top: 50px; position: sticky; } #mainpage-screen-6-bottom-wrap .mainpage-screen-5-bottom-wrap-single:nth-child(1) { } #mainpage-screen-6-bottom-wrap .mainpage-screen-5-bottom-wrap-single:nth-child(2) { } #mainpage-screen-6-bottom-wrap .mainpage-screen-5-bottom-wrap-single:nth-child(3) { } #mainpage-screen-6-bottom-wrap .mainpage-screen-5-bottom-wrap-single:nth-child(4) { } .mainpage-screen-6-bottom-wrap-single span:nth-child(1) { letter-spacing: 0.75px; font-weight: 600; font-size: 24px; line-height: 32px; color: #FFFFFF; display:block; } .mainpage-screen-6-bottom-wrap-single > span:nth-child(1):after { content:''; display:block; background: linear-gradient(90deg, #0F62FE 0%, rgba(15, 98, 254, 0) 100%); height:1px; width:144px; margin-top:45px; } .mainpage-screen-6-bottom-wrap-single span:nth-child(3) { display:block; margin-top:30px; letter-spacing: 0.25px; font-weight: 400; font-size: 16px; line-height: 24px; color: #FFFFFF; } .mainpage-screen-6-bottom-wrap-single-list { display:block; margin-top:20px; } .mainpage-screen-6-bottom-wrap-single-list span { letter-spacing: 0.25px; font-style: normal !important; font-weight: 500 !important; font-size: 16px !important; line-height: 32px !important; color: #000000 !important; display: inline-block !important; text-transform: uppercase !important; margin-top: 0px !important; color: #FFFFFF !important; } .mainpage-screen-6-bottom-wrap-single-list span:before { content: ''; display: inline-block; width: 8px; height: 8px; background-color: white; border-radius: 50%; margin: 0 10px; vertical-align: top; margin-top: 11px; } #mainpage-screen-7 { padding:110px 0; } #mainpage-screen-7 h2 { text-align: center; max-width: 1000px; margin: 0 auto; font-weight: 600; font-size: 24px; line-height: 32px; } #mainpage-screen-7 span { font-style: normal; font-weight: 500; font-size: 18px; line-height: 32px; /* or 150% */ text-align: center; letter-spacing: 0.25px; color: #414141; display:block; margin:15px auto 0; } #mainpage-screen-7-list { display:flex; flex-wrap:wrap; margin-top:30px; justify-content: center; } #mainpage-screen-7-list span { margin: 40px 0 0 0; font-weight: 500; font-size: 20px; line-height: 32px; display:inline-block; color: #414141; padding:0 30px; border-right:1px solid #C4C4C4; } #mainpage-screen-7-list span:last-child { border-right:0px solid #C4C4C4; } #mainpage-screen-7-list span:nth-child(7) { border-right:0px solid #C4C4C4; } #mainpage-screen-8 { padding:100px 0 120px 0; transition: 0.5s ease-in-out; height: 935px; } #mainpage-screen-8-b { padding:100px 0 120px 0; transition: 0.5s ease-in-out; height: 935px; } #mainpage-screen-8-c { padding:100px 0 120px 0; transition: 0.5s ease-in-out; height: 935px; } #mainpage-screen-8-c .mainpage-screen-8-content span:nth-child(1) { color:black; } #mainpage-screen-8-c .mainpage-screen-8-content h2 { color:black; } #mainpage-screen-8-c .mainpage-screen-8-content-list-1 span { color:black !important; border-right:1px solid black; } .mainpage-screen-8-content-list-1 { overflow-x:auto; } .mainpage-screen-8-content-list-1-wrap { width:max-content; } #mainpage-screen-8-c .mainpage-screen-8-content span:nth-child(4) { color:black; } #mainpage-screen-8-c .mainpage-screen-8-content-list-2 span { color:black !important; background-color: rgba(31, 33, 37, 0.09); } #mainpage-screen-8-top { display:none; } #mainpage-screen-8-top .mainpage-screen-8-top-single { letter-spacing: 1px; text-transform: uppercase; cursor:pointer; font-style: normal; font-weight: 500; font-size: 20px; line-height: 32px; margin-right:85px; color: #FFFFFF; position:relative; transition:0.3s ease-in-out; } #mainpage-screen-8-top .mainpage-screen-8-top-single:hover { opacity:0.5; } #mainpage-screen-8-top .mainpage-screen-8-top-single:after { content:''; width:100%; position:absolute; bottom:-10px; height:3px; background-color:white; left: 0; opacity:0; transition:0.5s ease-in-out; } #mainpage-screen-8-top .mainpage-screen-8-top-single-active:after { opacity:1; } #mainpage-screen-8-top .mainpage-screen-8-top-single:last-child { margin-right:0px; } .mainpage-screen-8-content { margin-top:140px; display:block; max-width:600px; display:none; position:absolute; } .mainpage-screen-8-content-active { display:block; } .mainpage-screen-8-content span:nth-child(1) { letter-spacing: 1px; text-transform: uppercase; font-style: normal; font-weight: 600; font-size: 14px; line-height: 22px; display:block; color: #FFFFFF; } .mainpage-screen-8-content h2 { color:white; margin-top:25px; } .mainpage-screen-8-content-list-1 { display:block; margin-top:25px; } .mainpage-screen-8-content-list-1 span { text-transform: uppercase !important; font-style: normal !important; font-weight: 600 !important; font-size: 13px !important; line-height: 22px !important; color: #FFFFFF !important; padding: 0 15px; border-right: 1px solid white; display: inline-block !important; } .mainpage-screen-8-content-list-1 span:first-child { padding-left:0px !important; } .mainpage-screen-8-content-list-1 span:last-child { padding-right:0px !important; border-right:unset !important; } .mainpage-screen-8-content span:nth-child(4) { letter-spacing: 0.25px; font-style: normal; font-weight: 500; font-size: 16px; line-height: 24px; color: #FFFFFF; margin-top:25px; max-width:490px; display:block; } .mainpage-screen-8-content-list-2 { display:block; margin-top:30px; max-width:600px; } .mainpage-screen-8-content-list-2 span { padding: 5px 10px; background-color: rgba(255, 255, 255, 0.22); border-radius: 21px; display: inline-block !important; margin-right: 15px; letter-spacing: 1px !important; text-transform: uppercase !important; font-style: normal !important; font-weight: 600 !important; font-size: 14px !important; line-height: 22px !important; color: #FFFFFF !important; margin-top:15px !important; } .black-button-1 { letter-spacing: 0.25px; font-style: normal; font-weight: 500; font-size: 16px; line-height: 24px; color: #FFFFFF; padding:16px 32px; background-color: #212121; border-radius: 37px; display: block; width: fit-content; } .black-button-1:hover { background-color:white; color:black; } .mainpage-screen-8-content .black-button-1 { margin-top:40px; display:none; } #mainpage-screen-8-iphone { position: absolute; right: 0; top: 90px; width: 310px; } #mainpage-screen-8-b-iphone-1 { position: absolute; right: 0; top: 90px; width: 310px; z-index:5; } #mainpage-screen-8-c-iphone-1 { position: absolute; right: 0; top: 90px; width: 450px; z-index:5; } #mainpage-screen-8-b-iphone-2 { position: absolute; right: 220px; top: 0px; width: 310px; } .mainpage-screen-8-iphone-img-1 { z-index:5; position:relative; } .mainpage-screen-8-iphone-img-2 { position:absolute; z-index:2; width:310px; height:595px !important; top:0; border-radius: 56px !important; object-fit: cover; opacity:0; right:0; transition:0.5s ease-in-out; } .mainpage-screen-8-iphone-img-opacity-1 { opacity:1 !important; } #mainpage-screen-11 { padding:250px 0 290px 0; } #mainpage-screen-11-top { text-align:center; max-width:905px; display: block; margin: 0 auto; } #mainpage-screen-11-top span { display:block; margin-top:15px; letter-spacing: 0.75px; font-style: normal; font-weight: 500; font-size: 20px; line-height: 32px; color: #000000; } #mainpage-screen-11-bottom { display:block; max-width:905px; margin:100px auto 0; } .elementor-accordion .elementor-accordion-item { border:none !important; border-bottom:1px solid #DEDFE1 !important; padding:0px 30px; } .elementor-accordion-title { letter-spacing: 0.75px; font-style: normal; font-weight: 600; font-size: 20px; line-height: 32px; color: #000000; display:block; width:calc(100% - 30px); } .elementor-accordion .elementor-tab-title { padding: 25px 0 !important; position:relative; } .elementor-accordion .elementor-tab-title:after { content: ''; background-image: url(/wp-content/uploads/2022/05/accordion-plus.png); background-size: contain; width: 16px; height: 16px; display: inline-block; position: absolute; right: 0; top: 33px; transition:0.5s ease-in-out; background-repeat: no-repeat; background-position: center; } .elementor-accordion .elementor-tab-content { padding: 25px 0px !important; border-top:unset !important; } .elementor-accordion .elementor-active.elementor-tab-title:after { background-image: url(/wp-content/uploads/2022/05/accordion-minus.png); } .elementor-accordion .elementor-tab-title .elementor-accordion-icon { display:none !important; } #mainpage-screen-9 { padding:245px 0 160px 0; overflow:hidden; } #mainpage-screen-9-slider { margin-top:100px; } .mainpage-screen-9-slider-single-name { color: #000000; font-style: normal; font-weight: 600; font-size: 24px; line-height: 32px; } .mainpage-screen-9-slider-single-name:before { content:''; display:inline-block; width:24px; height:1px; margin-right:20px; background-color: #C4C4C4; vertical-align: top; margin-top: 15px; } .mainpage-screen-9-slider-single > span { color: #000000; display:block; margin-top:45px; font-style: normal; font-weight: 500; font-size: 20px; line-height: 32px; } .mainpage-screen-9-slider-single-bottom { display: block; width: fit-content; float: right; margin-top: 40px; } .mainpage-screen-9-slider-single-bottom-left { display:inline-block; vertical-align:top; text-align:right; } .mainpage-screen-9-slider-single-bottom-left span:nth-child(1) { color: #000000; font-style: normal; font-weight: 500; font-size: 20px; line-height: 32px; margin-top:5px; } .mainpage-screen-9-slider-single-bottom-left span:nth-child(2) { color: #000000; font-style: normal; font-weight: 500; font-size: 16px; line-height: 22px; margin-top:5px; } .mainpage-screen-9-slider-single-bottom-left span { display:block; } .mainpage-screen-9-slider-single-bottom-right { display:inline-block; margin-left:30px; } .mainpage-screen-9-slider-single-bottom-right img { width:72px !important; height:72px !important; } .black-button-2 { color: #212121; font-style: normal; font-weight: 600; font-size: 16px; line-height: 24px; padding:20px 25px; border: 1px solid #212121; border-radius: 37px; transition:0.3s ease-in-out; display: block; width: fit-content; } .black-button-2:hover { background-color:black; color:white; } #mainpage-screen-9 .black-button-2 { margin: 0 auto; } .mainpage-screen-9-slider-single { max-width:935px; margin: 0 auto; } .owl-next, #mainpage-screen-9-slider .owl-carousel .owl-nav button.owl-next { right: auto !important; top: auto; margin-left:45px !important; margin-top: -50px !important; width: 51px !important; height: 24px !important; font-size: 0px !important; background-color: transparent !important; background-image: url(/wp-content/uploads/2022/05/right-arrow-black.png) !important; background-size: cover !important; transition:0.3s ease-in-out; } .owl-next:hover { opacity:0.5; } .owl-prev, #mainpage-screen-9-slider .owl-carousel .owl-nav button.owl-prev { left: auto !important; top: auto; margin-right:45px !important; margin-left: -90px !important; margin-top: -50px !important; width: 51px !important; height: 24px !important; font-size: 0px !important; background-color: transparent !important; background-image: url(/wp-content/uploads/2022/05/right-arrow-black.png) !important; background-size: cover !important; transform:rotate(180deg); transition:0.3s ease-in-out; } .owl-prev:hover { opacity:0.5; } .owl-nav { margin:40px 0 30px 0; text-align:center; } .owl-carousel .owl-stage-outer { overflow:visible !important; } .owl-drag { cursor:grab !important; } .owl-grab { cursor:grabbing !important; } .owl-carousel .owl-stage-outer .owl-item { opacity:0.2; transition:0.5s ease-in-out; } .owl-carousel .owl-stage-outer .owl-item.active { opacity:1; } #mainpage-screen-10 { position:relative; background: #212121; /* padding:115px 0 130px 0;*/ } #mainpage-screen-10 .elementor-container:after { content: ''; background-image: url(/wp-content/uploads/2022/06/contact-form-blur-min.png); display: block; position: absolute; width: 1000px; height: 1000px; background-size: cover; right: -200px; top: -200px; z-index: 0; animation: 3s contact_form_img_scale linear infinite; } #mainpage-screen-1 .elementor-container:before { content: ''; background-image: url(/wp-content/uploads/2022/06/contact-form-blur-min.png); display: block; position: absolute; width: 1100px; height: 1100px; background-size: cover; left: -300px; top: -400px; z-index: 0; animation: 3s contact_form_img_scale linear infinite; opacity: 0.8; } #mainpage-screen-1 .elementor-container:after { content: ''; background-image: url(/wp-content/uploads/2022/06/contact-form-blur-min.png); display: block; position: absolute; width: 1200px; height: 1200px; background-size: cover; right: -300px; top: -300px; z-index: 0; animation: 3s contact_form_img_scale linear infinite; opacity: 0.8; } #footer-contact-form .container:after { content: ''; display: block; position: absolute; width: 1000px; height: 1000px; background-image: url(/wp-content/uploads/2022/06/contact-form-blur-min.png); background-size: cover; right: -200px; top: -200px; z-index: 0; animation: 2s contact_form_img_scale linear infinite; } .wpcf7 form.sent .wpcf7-response-output { display:block; border:none; letter-spacing: 0.25px; font-weight: 400; font-size: 12px; line-height: 18px; color: #79FFCF; text-align: left; padding: 0; margin: 10px 0; } @keyframes contact_form_img_scale { 0% { transform:scale(1); } 50% { transform:scale(1.1); } 100% { transform:scale(1); } } #mainpage-screen-10-right { padding-top: 80px; z-index:5; } #mainpage-screen-10-right { padding-left:35px; } #mainpage-screen-10-left { padding-right:70px; z-index:5; } #mainpage-screen-10-right-wrap span:nth-child(3) { color: #FFFFFF; font-style: normal; font-weight: 500; font-size: 18px; line-height: 32px; margin-top: 65px; display: block; } #mainpage-screen-10-right-wrap .blue-button-1 { display:block; width:fit-content; margin-top:20px; color:white; } #mainpage-screen-10-right-wrap-line-1 { display:block; margin-top:115px; } #mainpage-screen-10-right-wrap-line-1 span { color: #FFFFFF; font-style: normal; font-weight: 500; font-size: 18px; line-height: 32px; } #mainpage-screen-10-right-wrap-line-2 { margin-top:35px; display:flex; } .mainpage-screen-10-right-wrap-line-2-single span { display: block; color: #EFEFEF !important; font-weight: 400 !important; font-size: 14px !important; line-height: 22px !important; } .mainpage-screen-10-right-wrap-line-2-single a { color: #EFEFEF; font-style: normal; font-weight: 500; font-size: 16px; line-height: 32px; } .mainpage-screen-10-right-wrap-line-2-single a:hover { color: #0F62FE; } #mainpage-screen-10-left-top h3 { font-style: normal; font-weight: 600; font-size: 48px; line-height: 56px; margin-top:20px; letter-spacing: 2px; text-transform: uppercase; color: #FFFFFF; } .contact-form-field-focus::before { font-size: 14px !important; line-height: 18px !important; top:-20px !important; } .wpcf7-form-control-wrap { display:block; } .wpcf7-form .weelorum-darkblue-new-contactform-section .wpcf7-form-control-wrap[data-name="your-name"] { width: 200%; margin: 0 auto; display: block; } .wpcf7-form .weelorum-darkblue-new-contactform-section .wpcf7-form-control-wrap[data-name="your-name"] input { width: 100%; } .wpcf7-form .wpcf7-form-control-wrap[data-name="your-name"]:before { content:'Full name'; letter-spacing: 0.25px; font-weight: 400; font-size: 16px; line-height: 24px; color: #817F82; transition:0.3s ease-in-out; position: absolute; top: 10px; pointer-events:none; } .wpcf7-form .weelorum-darkblue-new-contactform-section .wpcf7-form-control-wrap[data-name="your-email"] { width: 200%; margin: 0 auto; display: block; } .wpcf7-form .weelorum-darkblue-new-contactform-section .wpcf7-form-control-wrap[data-name="your-email"] input { width: 100%; } .wpcf7-form .wpcf7-form-control-wrap[data-name="your-email"]:before { content:'Email Address'; letter-spacing: 0.25px; font-weight: 400; font-size: 16px; line-height: 24px; color: #817F82; transition:0.3s ease-in-out; position: absolute; top: 10px; pointer-events:none; white-space: nowrap; } .wpcf7-form .wpcf7-form-control-wrap[data-name="text-4"]:before { content:'Company Name'; letter-spacing: 0.25px; font-weight: 400; font-size: 16px; line-height: 24px; color: #817F82; transition:0.3s ease-in-out; position: absolute; top: 10px; pointer-events:none; } .wpcf7-form .wpcf7-form-control-wrap[data-name="your-message"]:before { content:'Your Message'; letter-spacing: 0.25px; font-weight: 400; font-size: 16px; line-height: 24px; color: #817F82; transition:0.3s ease-in-out; position: absolute; top: 10px; pointer-events:none; } .wpcf7-form .wpcf7-form-control-wrap[data-name="project-description"]:before { content:'Project Description'; letter-spacing: 0.25px; font-weight: 400; font-size: 16px; line-height: 24px; color: #817F82; transition: 0.3s ease-in-out; position: absolute; top: 10px; pointer-events: none; } #mainpage-screen-10-left-top span { color: #FFFFFF; font-weight: 500; font-size: 18px; line-height: 32px; display: block; margin-bottom:55px; } input { font-family: 'Montserrat' !important; letter-spacing: 0.25px; color: #FFFFFF; font-style: normal; font-weight: 400; font-size: 16px; line-height: 24px; width: 100%; border: none; padding: 10px 0; border-bottom: 1px solid #E0E0E0; margin-bottom:55px; background-color:transparent; } input:focus-visible { outline: unset; } input::placeholder { color: #414141; opacity:0.5; } textarea::placeholder { color: #414141; opacity:0.5; } textarea:focus-visible { outline: unset; } textarea { font-family: 'Montserrat' !important; letter-spacing: 0.25px; color: #FFFFFF; font-style: normal; font-weight: 400; font-size: 16px; line-height: 24px; width: 100%; border: none; padding: 10px 0; border-bottom: 1px solid #E0E0E0; margin-bottom:25px; height: 100px; background-color:transparent; } .wpcf7-submit { padding: 15px 35px; color: #FFFFFF; font-style: normal; font-weight: 600; font-size: 16px; line-height: 24px; background-color: #0B24FB; border: 1px solid #0B24FB; border-radius: 37px !important; width: fit-content; margin-bottom: 50px; float: right; display: block; margin-top: 20px; transition:0.3s ease-in-out; cursor:pointer; } .wpcf7-submit:hover { background-color: white; color:black; } .codedropz-upload-inner h3:before { content: ''; background-image: url(/wp-content/uploads/2022/06/upload-icon.png); width: 22px; height: 22px; background-size: cover; display: inline-block; margin-right: 25px; vertical-align: text-top; } .codedropz-upload-inner h3 { color: #EFEFEF; font-weight: 400; font-size: 14px; line-height: 22px; letter-spacing: normal; } .dnd-upload-counter { color: #EFEFEF; font-weight: 400; font-size: 12px; line-height: 22px; letter-spacing: normal; } .codedropz-upload-inner span { color: #EFEFEF; font-weight: 400; font-size: 12px; line-height: 22px; letter-spacing: normal; } .codedropz-upload-inner .codedropz-btn-wrap a.cd-upload-btn { color: #EFEFEF; font-weight: 400; font-size: 14px; line-height: 22px; text-decoration:underline; } .wpcf7-not-valid-tip { position: absolute; top: 45px; font-size: 14px; color: #79FFCF; } .wpcf7-response-output { display:none; } .dnd-upload-status .dnd-upload-details span.has-error { letter-spacing: 0.25px; color: #79FFCF; font-weight: 400; font-size: 12px; line-height: 18px; } .codedropz-upload-inner .codedropz-btn-wrap a.cd-upload-btn:hover { text-decoration:underline; } .dnd-upload-status .dnd-upload-image { display:none; } .dnd-upload-status { display:block; } .dnd-upload-status .dnd-upload-details { padding-left:0px; width:100%; } .dnd-upload-status .dnd-upload-details .dnd-progress-bar { background-color:#505052; height:35px; border-radius:0px; } .dnd-upload-status .dnd-upload-details .dnd-progress-bar span { background-color: #0B24FB; padding-top: 11px; padding-right: 50px; max-width: 100%; } .dnd-upload-status .dnd-upload-details .name em { font-weight:500; display:none; } .dnd-upload-status .dnd-upload-details .name span { padding-right: 10px; position: absolute; top: 19px; color: #FFFFFF; font-weight: 400; font-size: 14px; line-height: 22px; padding-left: 15px; width: calc(100% - 70px); } .dnd-upload-status .dnd-upload-details .remove-file { top: 25px; right: 15px; } .dnd-upload-status .dnd-upload-details .remove-file span:after { background-image:url('/wp-content/uploads/2022/06/close-form-upload.png'); width:10px; height:10px; } #header-burger { display:none; width: 135px; padding-top: 20px; } #header-burger span { display: block; height: 2px; width: 25px; margin: 5px 0; background-color: white; transition:0.3s ease-in-out; } .elementor-section { overflow-x:hidden; } .elementor-section { overflow-y:hidden; } #content { padding-top:96px; } .home #content { padding-top:0px; } #post-682 header { display:none; } #post-header .container { padding-left:90px; } #post-header-bg-img { position: absolute; width: 100%; height:575px; z-index: -1; top:0; } #post-header-bg-img img { width:100%; height:100%; object-fit: cover; } #post-header-bg-img:before { content:''; background-color: rgba(5, 0, 26, 0.5); width:100%; height:100%; display:block; position:absolute; } #post-header { position: relative; padding-top:150px; height:575px; } #breadcrumbs span { font-size: 15px; line-height: 24px; } #breadcrumbs span a { color: #FFFFFF; font-weight: 400; font-size: 15px; line-height: 24px; margin:0 20px; pointer-events:auto; } #breadcrumbs > span > span > a { margin-left:0px; } .breadcrumb_last { display:none; } #post-header #breadcrumbs { } #post-header h1 { margin-top:25px; max-width:850px; font-weight: 600; font-size: 40px; line-height: 52px; /* or 130% */ letter-spacing: 2px; color: #F8F8FB; } #post-header-bottom { display: block; width: 100%; background: rgba(20, 20, 42, 0.15); backdrop-filter: blur(20px); position: absolute; bottom: 0; padding:25px 0; } #post-header-bottom p { display:inline-block; color: #FFFFFF; font-style: normal; font-weight: 400; font-size: 16px; line-height: 22px; } #post-header-bottom p span { font-weight: 600; } #post-header-bottom p:nth-child(1):after { content:''; display:inline-block; width:4px; height:4px; background-color:white; border-radius:50%; margin:0 45px; vertical-align: middle; } #post-header .entry-meta-left { display:inline-block; padding-left:75px; position: relative; margin-top:25px; padding-right:50px; border-right: 1px solid rgba(255, 255, 255, 0.3); height:65px; } #post-header .entry-meta-left img { position: absolute; height: 63px; width: 63px; object-fit: none; border-radius: 50%; left:0; object-fit:cover; } #post-header .entry-meta-left .author { display:block; margin-top: 5px; } .author #footer-contact-form { display:none; } #post-header .entry-meta-left .author a { color: #F8F8FB; font-weight: 600; font-size: 18px; line-height: 24px; } #post-header .entry-meta-left .entry-date { display:block; color: rgba(255, 255, 255, 0.7); font-style: normal; font-weight: 500; font-size: 16px; line-height: 24px; } #post-header .entry-meta-left .meta-sep { display:none; } #single-post-content-wrap-bottom-author { display:inline-block; padding-left:75px; position: relative; padding-right:50px; border-right: 1px solid rgba(255, 255, 255, 0.3); height:65px; } #single-post-content-wrap-bottom-author img { position: absolute; height: 63px; width: 63px; object-fit: cover; border-radius: 50%; left:0; } #single-post-content-wrap-bottom-author .author { display:block; margin-top: 5px; } #single-post-content-wrap-bottom-author .author a { color: #05001A; font-weight: 600; font-size: 18px; line-height: 24px; } #single-post-content-wrap-bottom-author .entry-date { display:block; color: #4F4F4F; font-style: normal; font-weight: 500; font-size: 16px; line-height: 24px; } #single-post-content-wrap-bottom-author .meta-sep { display:none; } #single-post-content-wrap-bottom { background-color: #F8F8FB; padding: 50px 0 100px 0; } #post-header .entry-meta-right { display:inline-block; height: 65px; padding-left: 50px; vertical-align: bottom; padding-top: 18px; margin-top: 25px; } #post-header .entry-meta-right a { color: #FFFFFF; font-weight: 600; font-size: 18px; line-height: 24px; } #post-header .entry-meta-right .tag-links { display:none; } #single-post-content-wrap { position: relative; display: flex; margin: 0 auto; } #single-post-content-wrap h3 { color: #0B24FB; font-style: normal; font-weight: 600; font-size: 24px; line-height: 32px; letter-spacing:normal; } #single-post-content-wrap h4 { font-style: normal; font-weight: 500; font-size: 20px; line-height: 32px; color: #212121; } #single-post-content-wrap .elementor-container { padding:0 40px !important; } #single-post-content-wrap > div:nth-child(2) { width: 870px; display: block; } .single .entry-content .container { max-width:1350px; } .single .entry-content { background-color: #F8F8FB; } .addtoany_share_save_container { display:none; } .single .addtoany_share_save_container a:hover { background-color: #0B24FB; border:1px solid #0B24FB !important; } .single .addtoany_share_save_container a:hover > span { opacity:1; } .single .addtoany_share_save_container a:hover > span svg { filter:invert(1); } .single .addtoany_share_save_container { text-align: center; display: block; position: sticky; top: 0px; height: fit-content; padding-top: 50px; margin: 0; padding-right: 40px; } .addtoany_share_save_container:before { content:'Share:'; display:block; color: #05001A; font-weight: 400; font-size: 18px; line-height: 32px; margin-bottom:30px; } .addtoany_share_save_container a { display:block !important; } #single-post-content-navigation { width:325px; padding-top:70px; } .addtoany_shortcode a, .addtoany_share_save_container a { margin-bottom:15px; width: 52px; height: 52px; text-align: center; border: 1px solid #AFAEB8 !important; border-radius:50%; } .addtoany_share_save_container a span { filter: grayscale(1) invert(1); } .a2a_button_facebook span { width: 22px !important; height: 18px !important; } .a2a_button_twitter span { width: 22px !important; height: 18px !important; } .a2a_button_linkedin span { width: 22px !important; height: 18px !important; } #single-post-content-wrap .elementor-section { width:870px; background-color:white; } /* Auto ToC: отступ при переходе к якорю H2 (smooth scroll задан на html выше) */ .single #the_content_wrap h2 { scroll-margin-top: 30px; } #post-table-of-content { width:340px !important; position: sticky; height: fit-content; top: 0px; padding-top:50px; background-color:transparent !important; max-height: 100vh; overflow-y: auto; } #post-table-of-content .elementor-container { padding:0 !important; } #post-table-of-content-1 { font-weight: 600; font-size: 24px; line-height: 32px; color: #14142A; padding-left:25px; margin-bottom:25px; } #post-table-of-content-2 { padding-left:25px; } #post-table-of-content-2 a { font-weight: 500 !important; font-size: 16px; line-height: 24px; margin-bottom:20px; color: #212121 !important; display: block; text-decoration:none !important; letter-spacing: 0.25px; } #post-table-of-content-2 a:hover { color: #0B24FB !important; } #single-post-content-wrap a { font-weight:600; color: #0B24FB; text-decoration:underline; } #single-post-content-wrap a:hover { color:#0051F9; } #post-table-of-content-3 { background-color: #0051F9; padding:25px 0; text-align:center; margin-top:15px; display:block; } #post-table-of-content-3 span { color: #FFFFFF; font-weight: 600; font-size: 24px; line-height: 32px; } #post-table-of-content-3 .blue-button-1 { display: inline-block; margin-top: 15px; background-color:white; text-decoration:none !important; } #post-table-of-content-3 .blue-button-1:hover { background-color:black; color:white; } .single p { font-size:18px; color: #212121; line-height: 32px; font-weight:400; } #post-section-2-1 p a { pointer-events:auto; } #comments input:-webkit-autofill, #comments input:-webkit-autofill:hover, #comments input:-webkit-autofill:focus, #comments textarea:-webkit-autofill, #comments textarea:-webkit-autofill:hover, #comments textarea:-webkit-autofill:focus, #comments select:-webkit-autofill, #comments select:-webkit-autofill:hover, #comments select:-webkit-autofill:focus { -webkit-text-fill-color: black !important; -webkit-box-shadow: 0 0 0px 1000px transparent inset; transition: background-color 5000s ease-in-out 0s; } input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, textarea:-webkit-autofill, textarea:-webkit-autofill:hover, textarea:-webkit-autofill:focus, select:-webkit-autofill, select:-webkit-autofill:hover, select:-webkit-autofill:focus { -webkit-text-fill-color: white !important; -webkit-box-shadow: 0 0 0px 1000px transparent inset; transition: background-color 5000s ease-in-out 0s; } #post-section-3 p strong { color: #0B24FB; } .single #single-post-content-wrap a { text-decoration:underline; } #post-section-2 { background-color: #F8F8FB !important; } #post-section-2 h2 { color: #212121; font-style: normal; font-weight: 600; font-size: 40px; line-height: 32px; text-transform:none !Important; margin-bottom:35px; } #post-section-2-1 { z-index:1; } #post-section-2-1 a { color: #212121; font-weight: 500; font-size: 20px; line-height: 32px; margin-bottom:20px; text-decoration:none !important; display:block; } #post-section-2-2 { color: #FFFFFF; position: absolute; font-size: 700px; font-weight: 700; z-index: 0; bottom: 150px; right: -130px; } #post-section-4 { background-color: #0B24FB !important; text-align:center; color: white; } #post-section-4-1 { margin-bottom:10px; } #post-section-4-1 p { color: #F8F8FB; font-style: normal; font-weight: 600; font-size: 40px; line-height: 54px; } #post-section-4-2 p { font-style: normal; font-weight: 500; font-size: 18px; line-height: 18px; margin:10px 0 25px 0; color:#F8F8FB; } #post-section-4-3 .blue-button-1 { display:inline-block; background-color:white; color: #0B24FB; text-decoration:none !important; } #post-section-4-3 .blue-button-1:hover { background-color:black; color:white; } #post-section-5-2 p { padding-left:25px; } #post-section-5-3 .elementor-container { padding:0 !important; } #post-section-5-3 .elementor-container .elementor-column:nth-child(1) { padding-right:10px; } #post-section-5-3 .elementor-container .elementor-column:nth-child(2) { padding-left:10px; } #post-section-7-2 p { margin:20px 0; padding-left:30px; position:relative; } #post-section-7-2 p:before { content:''; display:inline-block; width:5px; height:5px; background-color: #0B24FB; border-radius:50%; position: absolute; left: 0; top: 10px; } #post-section-8 { background-color: #0B24FB !important; text-align:center; color: white; } #post-section-8-1 { margin-bottom:10px; } #post-section-8-1 p { color: #F8F8FB; font-style: normal; font-weight: 600; font-size: 40px; line-height: 54px; } #post-section-8-2 p { font-style: normal; font-weight: 500; font-size: 18px; line-height: 18px; margin:20px 0px; display:block; color: #F8F8FB; } #post-section-8-3 .blue-button-1 { display:inline-block; background-color:white; color: #0B24FB; text-decoration:none !important; } #post-section-8-3 .blue-button-1:hover { background-color:black; color:white; } #post-section-9-2 p { padding-left:25px; } #post-section-9-3 .elementor-container { padding:0 !important; } #post-section-11 { padding:70px; background-color: #05001A !important; text-align: center; } #post-section-11-1 { width:30px; height:auto; margin: 0 auto 20px; } #post-section-11-2 { max-width:590px; margin: 0 auto 20px; } #post-section-11-2 p { color: #FFFFFF; font-style: normal; font-weight: 600; font-size: 24px; line-height: 38px; margin:20px 0; } #post-section-11 .elementor-widget-wrap { display:block; } #post-section-11-3-wrap-left { display:inline-block; margin-right:15px; object-fit: cover; } #post-section-11-3-wrap-left img { width:56px; height:56px; border-radius:50%; object-fit:cover; } #post-section-11-3-wrap-right { display:inline-block; text-align: left; vertical-align: top; padding-top: 7px; } #post-section-11-3-wrap-right span:nth-child(1) { display:block; color: #FFFFFF; font-weight: 500; font-size: 18px; line-height: 22px; } #post-section-11-3-wrap-right span:nth-child(2) { display:block; color: rgba(255, 255, 255, 0.85); font-weight: 400; font-size: 16px; line-height: 22px; } #post-section-12-2 { height:auto; border-left: 4px solid #0B24FB; padding:25px 55px; font-weight: 600; font-size: 20px; line-height: 34px; } #post-section-13-2 p { margin:20px 0; padding-left:30px; position:relative; } #post-section-13-2 p:before { content:''; display:inline-block; width:5px; height:5px; background-color: #0B24FB; border-radius:50%; position: absolute; left: 0; top: 10px; } #post-section-12-2 { padding:15px 0 15px 30px; } #post-section-13-2 strong { display:block; margin-bottom:10px; } #single-post-content-wrap-bottom .container { max-width: 1350px; padding-left: 160px; } #comments { max-width: 1015px; margin: 0 auto; padding: 110px 20px 130px 20px; } #comments input { color: #05001A; } #comments textarea { color: #05001A; margin-bottom:60px; } #comments h2 { font-style: normal; font-weight: 600; font-size: 40px; line-height: 48px; margin-bottom:35px; letter-spacing: normal; padding-left:65px; color: #212121; text-transform:unset; } #comments h3 { text-align: center; margin-top: 110px; font-weight: 600; font-size: 40px; line-height: 48px; /* identical to box height, or 120% */ margin-bottom: 50px; text-align: center; position:relative; /* Main/Black */ letter-spacing:normal; color: #212121; } #cancel-comment-reply-link { font-size: 14px; position: absolute; right: 0; top: 0; transition: 0.3s ease-in-out; color:gray; } #cancel-comment-reply-link:hover { color: #0F62FE; } .comment-respond h3 { display:block; margin-top: 0px !important; } .comment-respond { background-color: white; padding: 30px; margin: 20px 0; } #comments .comment-notes { display:none; } #comments .comment-form { display: flex; flex-wrap: wrap; } #comments .form-submit { order: 4; width: 100%; text-align:center; } #comments .comment-form-email { width: 50%; order: 2; padding-left: 12px; } #comments .comment-form-author { width: 50%; order: 1; padding-right: 12px; } #comments label { display:none; font-style: normal; font-weight: 400; font-size: 16px; line-height: 24px; align-items: center; color: #212121; } .comment-form .form-submit #submit { font-style: normal; font-weight: 500; font-size: 16px; line-height: 24px; align-items: center; text-align: center; padding:15px 40px; border: 1px solid #212121; border-radius: 37px; display:inline-block; color: #212121; background-color: transparent; width: auto; margin: 0 auto; cursor:pointer; transition:0.3s ease-in-out; } .comment-form .form-submit #submit:hover { background: #0F62FE; border: 1px solid #0F62FE; color:white; } #comments .comment-form-comment { width: 100%; order: 3; } #comments .comment-form-url { display:none; } #comments .comment-form-cookies-consent { display:none; } #post-rating-bottom { display: block; margin-left: 96px; padding:0 45px; width: 870px; background-color: #fff; } #comments .comment.depth-2 { margin-bottom:0px; border-left: 2px solid #0B24FB; padding: 5px 50px; margin-top:35px; } #post-rating-bottom h3 { font-weight: 600; font-size: 24px; line-height: 32px; /* identical to box height, or 133% */ /* Main/Black */ color: #212121; } #post-rating-bottom .container { padding:45px 0px; border-top: 1px solid #E0E0E0; display:flex; justify-content: space-between; } .rmp-rating-widget__results__votes { display: block; font-style: normal; font-weight: 400; font-size: 16px; line-height: 22px; /* identical to box height, or 138% */ text-align: right; /* Main / Dark gray */ color: #817F82; } .rmp-rating-widget__results__rating { font-style: normal; font-weight: 600; font-size: 18px; line-height: 28px; color: #191919; } .rmp-widgets-container.rmp-wp-plugin.rmp-main-container .rmp-rating-widget__results { font-weight: 400; font-size: 18px; line-height: 28px; /* identical to box height, or 156% */ margin-left:45px !important; color: #191919; } .rmp-rating-widget__icons { margin: 0 !important; } .rmp-widgets-container.rmp-wp-plugin.rmp-main-container .rmp-rating-widget__not-rated { display:none; } .rmp-rating-widget .rmp-icon--star { width:50px; height:50px; margin:0px 5px; background-image:url('/wp-content/uploads/2022/06/gray-star-rating.png'); background-size: contain; display: inline-block; position:relative; background-repeat: no-repeat; transition: 0.3s ease-in-out; } .rmp-widgets-container.rmp-wp-plugin.rmp-main-container { margin:-10px 0 0 0; } .rmp-rating-widget .rmp-icon--hovered { background-image:url('/wp-content/uploads/2022/06/gray-star-rating-hovered.png') !important; } .rmp-rating-widget .rmp-icon--hovered:after { opacity:0 !important; } .rmp-rating-widget .rmp-icon--full-highlight { background-image:url('/wp-content/uploads/2022/06/gray-star-rating-hovered.png'); } .rmp-rating-widget .rmp-icon--half-highlight { background-image:url('/wp-content/uploads/2022/06/gray-star-rating-hovered-half.png'); -webkit-background-clip: unset; } .rmp-rating-widget .js-rmp-replace-half-star { background-image:url('/wp-content/uploads/2022/06/gray-star-rating-hovered-half.png'); } .rmp-rating-widget .rmp-icon--ratings:before { display:none !important; } .rmp-rating-widget__results__votes:after { content:'votes'; display:inline-block; margin-left:5px; } .rmp-rating-widget { display:flex; } .rmp-heading--title { display:none; } .rmp-heading--subtitle { display:none; } #comments .comment { background: #F8F8FB; padding:50px 65px; position:relative; margin-bottom:25px; } #comments .comment-author img { display:none; } #comments .comment-author .fn { font-weight: 600; font-size: 18px; font-style: normal; word-break: break-all; } #comments .comment-author { font-style: normal; font-weight: 400; font-size: 16px; line-height: 22px; /* identical to box height, or 138% */ /* Main/Black */ color: #212121; } #comments .comment-meta { position: relative; right: 0px; top: 0px; } #comments .comment.depth-2 .comment-meta { position: relative; right: 0px; top: 0px; } #comments .comment-meta a { font-weight: 400; font-size: 16px; line-height: 22px; color: #212121; } #comments .comment-meta a:hover { color: #0B24FB; } #comments .comment .comment-body > p { margin:15px 0; font-style: normal; font-weight: 400; font-size: 18px; line-height: 32px; color: #212121; word-break: break-all; } #comments { } #comments .comment .comment-body .reply a { font-weight: 500; font-size: 16px; line-height: 30px; text-align: center; color: #212121; padding:10px 20px; border: 1px solid #212121; border-radius: 50px; display:inline-block; } #comments .comment .comment-body .reply a:hover { background: #0B24FB; color:white; border: 1px solid #0B24FB; } #footer-contact-form { position:relative; background: #000; padding: 90px 0 40px 0; overflow:hidden; } #footer-contact-form:after { content: ''; position: absolute; width: 50%; background-color: #F8F8FB; top: 0; right: 0; height: 100%; z-index: -1; } #footer-contact-form-right { padding-top: 80px; } #footer-contact-form-right { padding-left:35px; } #footer-contact-form-left { padding-right:70px; } #footer-contact-form-right-wrap span:nth-child(3) { color: #FFFFFF; font-style: normal; font-weight: 500; font-size: 18px; line-height: 32px; margin-top: 65px; display:block; } #footer-contact-form-right-wrap .blue-button-1 { display:block; width:fit-content; margin-top:20px; color:white; } #footer-contact-form-right-wrap-line-1 { display:block; margin-top:115px; } #footer-contact-form-right-wrap-line-1 span { color: #FFFFFF; font-style: normal; font-weight: 500; font-size: 18px; line-height: 32px; } #footer-contact-form-right-wrap-line-2 { margin-top:35px; display:flex; } .footer-contact-form-right-wrap-line-2-single span { color: #EFEFEF !important; font-weight: 400 !important; font-size: 14px !important; line-height: 22px !important; } .footer-contact-form-right-wrap-line-2-single a { color: white; font-style: normal; font-weight: 500; font-size: 16px; line-height: 32px; } .footer-contact-form-right-wrap-line-2-single a:hover { color: #0F62FE; } #footer-contact-form-left-top h3 { font-style: normal; font-weight: 600; font-size: 48px; line-height: 56px; margin-top: 20px; letter-spacing: 2px; text-transform: uppercase; color: #FFFFFF; } #footer-contact-form-left-top span { color: #FFFFFF; font-weight: 500; font-size: 18px; line-height: 32px; display: block; margin-bottom: 55px; } #footer-contact-form .container { display:flex; position:relative; } #footer-contact-form-left { width:50%; z-index:5; } #footer-contact-form-right { width:50%; z-index:5; } /* .home #footer-contact-form { display:none; } */ .post-navigation { display:none; } #post-related { display:none; } .single-post #post-related { display:block; margin-bottom: 65px; } .blog_filter_main { max-width:1320px; padding:0 20px; margin:0 auto; margin-bottom: 95px; } .blog_filter_main .simplefilter { margin:0; border-bottom: 1px solid #E0E0E0; } .blog_filter_main .simplefilter .snip0047 { margin:0 20px; padding:25px 5px; color: #414141; font-style: normal; font-weight: 400; font-size: 16px; line-height: 24px; text-transform: none; background-color: transparent !important; border-radius:0; border-bottom:1px solid transparent; } .snip0047:hover:before, .snip0047.active:before { display:none; } .blog_filter_main .simplefilter .snip0047.active { border-bottom:1px solid #0B24FB; } .blog_filter_main .simplefilter .snip0047:hover { border-bottom:1px solid #0B24FB; } .blog_filter_main .simplefilter .snip0047.active span { color: #0B24FB; } .filtr-container { justify-content: space-between; flex-wrap: wrap !important; height: auto !important; gap: 12px; } .blog_filter_main .filtr-item { width: 32%; margin: 40px 0px 0 0px; transform: unset !important; position: relative !important; } .blog_filter_main .filtr-item.filteredOut { } .blog_filter_main .filtr-item .portfolio_thumbnail { height: 220px !important; object-fit: cover; } .blog_filter_main .filtr-item .metaInfo { margin: 0; width: 100%; display: flex; justify-content: space-between; position: absolute; top: 179px; left: 0; padding: 10px 15px; background: rgba(5, 0, 26, 0.15); backdrop-filter: blur(20px); } .blog_filter_main .filtr-item .metaInfo span { font-weight: 500; font-size: 14px; line-height: 22px; /* identical to box height, or 157% */ color: #FFFFFF; } .blog_filter_main .filtr-item .bf_title_box_2 { padding:20px 20px 0 20px; } .blog_filter_main .filtr-item .bf_thumb_box_1 { border:none; background-color: transparent; } .post-acf-fields-author { display:inline-block; font-style: normal; font-weight: 400; font-size: 16px; line-height: 22px; color: #4F4F4F; } .post-acf-fields-mins { display:inline-block; font-style: normal; font-weight: 400; font-size: 16px; line-height: 22px; color: #4F4F4F; } .post-acf-fields-mins:before { content:''; width:3px; height:3px; display:inline-block; border-radius:50%; background: #0B24FB; margin:0 10px; vertical-align: middle; } .blog_filter_main .filtr-item .bf_title_1 { font-style: normal; font-weight: 600; font-size: 18px; line-height: 32px; margin:0; letter-spacing: normal; color: #05001A; } .blog_filter_main .filtr-item .bf_title_box_1 { padding:10px 0 10px 0; } .blog_filter_main .filtr-item .metaInfo span a { font-weight: 500; font-size: 14px; line-height: 22px; /* identical to box height, or 157% */ color: #FFFFFF; } .rmp-rating-widget__msg { display:none; } .rmp-rating-widget__results { } .blog_filter_main .filtr-item .metaInfo span i { display:none; } .bf_read_more_1 { position: absolute !important; opacity: 0; left: 0; top: 0; width: 100%; height: 100%; margin: 0 !important; } .snip0047:hover i, .snip0047.active i { display:none; } .snip0047:hover span, .snip0047.active span { transform:none !important; } .blog-page-screen-1-1 { text-align:center; letter-spacing: 0.75px; font-weight: 400; font-size: 15px; line-height: 24px; color: #4F4F4F; padding-top:55px; } #blog-page-screen-1 .container, #blog-page-screen-4 .container, .blog-page-screen-cats-list .container { max-width:1320px; } #blog-page-screen-1 .container, .blog-page-screen-cats-list .container { border-bottom: 1px solid #E0E0E0; } /* #breadcrumbs.blog-page-screen-1-1 a { color: #4F4F4F; } */ /* #breadcrumbs.blog-page-screen-1-1 span { margin:0 20px; color: #4F4F4F; } */ #breadcrumbs.blog-page-screen-1-1 b { color: #05001A; font-weight: 500; } #blog-page-screen-1-2 { max-width:800px; display:block; margin:15px auto 0; } #blog-page-screen-1-2 h1 { color: #05001A; font-weight: 600; font-size: 40px; line-height: 54px; text-align:center; } #blog-page-screen-1-3 { text-align:center; margin-top:25px; padding-bottom:70px; } #blog-page-screen-1-3 .black-button-1 { display:inline-block; background-color:white; color: #05001A; border:1px solid #05001A; border-radius: 37px; } #blog-page-screen-2 .recent-post-single { width:50%; } #blog-page-screen-2 .recent-post-single:before { content:'Highlited'; font-family: 'Montserrat'; font-style: normal; font-weight: 500; font-size: 16px; line-height: 22px; color: #FFFFFF; padding:5px 10px; background: #0F62FE; border-radius: 50px; position:absolute; top:20px; left:20px; } #blog-page-screen-2 .recent-posts { flex-wrap:nowrap; } #blog-page-screen-2 .recent-posts img { height:345px; } #blog-page-screen-2 .recent-posts .post-cat-date-field { top: 295px; padding: 14px 30px; } #blog-page-screen-2 .recent-posts .post-cat-date-field span { font-size:16px; } #blog-page-screen-2 .recent-posts .post-acf-fields { padding:30px 30px 10px 30px; } #blog-page-screen-2 .recent-posts .related-posts-title-single { padding: 0 30px 30px 30px; font-weight: 600; font-size: 24px; line-height: 32px; } #blog-page-screen-2 .recent-posts .recent-post-single .post-acf-fields .post-acf-fields-mins { font-size:16px; } #blog-page-screen-2 .recent-posts .recent-post-single .post-acf-fields .post-acf-fields-author { font-size:16px; } #blog-page-screen-3 { padding:110px 0; background-color: #05001A; margin-top:40px; } #blog-page-screen-3 > img { position: absolute; width: 100%; max-width: 1100px; left: 0; right: 0; margin: auto; z-index:0; } #blog-page-screen-3 h2 { text-align: center; letter-spacing: 1px; font-style: normal; font-weight: 700; font-size: 40px; line-height: 48px; color: #F8F8FB; text-transform: none; margin-bottom:45px; } #blog-page-screen-3 .container { position:relative; z-index:5; } #blog-page-screen-3 .recent-posts .recent-post-single .post-acf-fields .post-acf-fields-mins { color: #9B99A3; } #blog-page-screen-3 .recent-posts .recent-post-single .post-acf-fields .post-acf-fields-author { color: #9B99A3; } #blog-page-screen-3 .recent-posts .related-posts-title-single { color: #F8F8FB; } #blog-page-screen-3 .post-acf-fields-mins:before { background-color:#0F62FE; } #blog-page-screen-3 .recent-posts .recent-post-single { width:280px; } #blog-page-screen-4 { padding:95px 0; } #blog-page-screen-4 h2 { text-align: center; letter-spacing: 1px; font-style: normal; font-weight: 700; font-size: 40px; line-height: 48px; color: #05001A; text-transform: none; margin-bottom:45px; } #caf-post-layout-container { padding:0 !important; } #caf-filter-layout1 { border-top: 1px solid #E0E0E0; border-bottom: 1px solid #E0E0E0; } .caf-filter-container { display: flex; justify-content: center; gap: 45px; } .caf-filter-container li { margin-bottom:0px; } .caf-filter-container li a { color: #414141 !important; font-style: normal; font-weight: 400; font-size: 16px !important; line-height: 24px; background-color: transparent !important; text-transform: none !important; padding: 25px 2px; display: inline-block; border-bottom:2px solid transparent; } .caf-filter-container li a.active { color: #0B24FB !important; text-shadow: 0 0 .65px #0B24FB, 0 0 .65px #0B24FB; } .caf-filter-container li a.active { border-bottom:2px solid #0B24FB; } #manage-ajax-response { padding:0px !important; gap: 0 25px; } #blog-page-screen-1-3 .black-button-1:hover { background-color: #05001A; color:white; } .post-edit-link { display:none; } .admin-bar #header { top: 32px; } .yarpp-related h3 { font-weight: 700 !important; font-size: 40px !important; line-height: 48px; margin-bottom:40px !important; text-align: center; letter-spacing: 1px; color: #05001A; } .related-posts-after-content h2 { text-align:center; margin-bottom:50px; } .recent-posts { display:flex; flex-wrap:wrap; gap: 25px; justify-content: space-between; } #post-related .container { max-width:1320px; } .recent-posts .recent-post-single { width:23.5%; position:relative; min-height: 320px; } .recent-posts .recent-post-single a { position:absolute; top:0; left:0; height:100%; width:100%; z-index:10; } .caf-post-layout1 .caf-content { display:none !important; } .caf-post-layout1 .caf-meta-content .date { display:none !important; } .caf-post-layout1 .caf-meta-content { display: block !important; padding: 0px !important; border-bottom: none !important; } .caf-post-layout1 .comment { position: absolute; top: 10px; right: 10px; padding: 0; width: auto; border-radius: 50%; background-color: white; padding: 10px; display:none; } #manage-ajax-response .status .fa-spinner { background-color:#0B24FB; } #caf-layout-pagination { margin-top: 60px !important; display: block !important; } .data-target-div1 ul#caf-layout-pagination.post-layout1 li a { background-color: transparent !important; color: #4F4F4F !important; font-style: normal; font-weight: 400; font-size: 16px; line-height: 28px; border-radius:50% !important; margin:0 2px; width:36px; height:36px; } .data-target-div1 ul#caf-layout-pagination.post-layout1 li span.current { background-color: #05001A !important; color: white !important; font-style: normal; font-weight: 400; font-size: 16px; line-height: 28px; border-radius:50% !important; margin:0 2px; width:36px; height:36px; display:inline-block; } #manage-ajax-response .status .fa-spinner:before { display:block; !important; color:white; background-color:#0B24FB; } .caf-featured-img-box { height:220px !important; } .caf-post-layout1 .manage-layout1 { position:relative; box-shadow: none !important; } .caf-post-layout1 .fa-spinner { background-color:blue !important; content:'' !important; } .post-filter-single-cat-date { padding:10px 15px; backdrop-filter: blur(20px); position: absolute; top: 191px; width: 100%; display: flex; justify-content: space-between; background: rgba(5, 0, 26, 0.15); } .post-filter-single-cat-date span { padding:0 !important; color: #FFFFFF; font-weight: 500; font-size: 14px; line-height: 22px; } .post-filter-single-author-mins { padding:20px 20px 10px 20px; } .post-filter-single-author-mins span { color: #4F4F4F; font-style: normal; font-weight: 400; font-size: 16px !important; line-height: 22px; } .post-filter-single-author-mins .post-filter-single-mins:before { content: ''; width: 2px; height: 2px; display: inline-block; border-radius: 50%; background: #05001A; margin: 0 10px; vertical-align: middle; } .post-filter-single-author-mins .author { padding:0; } .caf-post-layout1 { margin-bottom:0px !important; margin-top:40px !important; flex: 31% !important; padding: 0 !important; } .caf-post-layout1 .caf-post-title { background-color: transparent !important; padding: 0 20px !important; } .caf-post-layout1 .caf-post-title h4 { color: #05001A; font-style: normal; font-weight: 600; font-size: 18px; line-height: 32px; } .caf-post-layout1 .caf-content-read-more { display:none !important; } .recent-posts .recent-post-single img { display: block; height: 165px; width: 100%; object-fit: cover; } .post-cat-date-field { margin: 0; width: 100%; display: flex; justify-content: space-between; position: absolute; top: 123px; left: 0; padding: 10px 15px; background: rgba(5, 0, 26, 0.15); backdrop-filter: blur(20px); } .post-cat-date-field span { font-weight: 500; font-size: 14px; line-height: 22px; color: #FFFFFF; } .recent-posts .recent-post-single .post-acf-fields { padding:15px 15px 10px 15px;; } .recent-posts .recent-post-single .post-acf-fields .post-acf-fields-author { font-size:14px; } .recent-posts .recent-post-single .post-acf-fields .post-acf-fields-mins { font-size:14px; } .recent-posts .recent-post-single .related-posts-title-single { padding:0 15px; font-weight: 600; font-size: 16px; line-height: 25px; /* or 156% */ color: #05001A; } .rmp-widgets-container.rmp-wp-plugin.rmp-main-container .rmp-rating-widget__icons-list { display:flex; } #author-page .container { border-top: 1px solid #E0E0E0; max-width:1280px; padding:0; display: flex; flex-wrap: nowrap; gap: 45px; } #author-page-left { width: 395px; height: fit-content; position: sticky; top: 50px; } #author-page-person h1 { color: #05001A; font-style: normal; font-weight: 600; font-size: 24px; line-height: 32px; display:block; margin-top:20px; } .author-page-person-socials { display:flex; margin-top:12px; justify-content: center; gap:10px; } .author-page-person-socials a { padding: 10px; width:40px; height:40px; opacity:0.9; border: 1px solid rgba(5, 0, 26, 0.3); border-radius: 50%; } .author-page-person-socials a:hover { opacity:1; } #author-page-person .author-page-person-socials img { width:16px; height:auto; border-radius:unset; filter:invert(1); } .author-page-person-socials span { } #author-page-person .author-page-person-role { color: rgba(5, 0, 26, 0.7); font-style: normal; font-weight: 400; font-size: 16px; line-height: 28px; } #author-page-person { border: 1px solid #E0E0E0; padding:35px 0; text-align: center; width:395px; } #author-page-person img { width:150px; height:150px; border-radius:50%; } #author-page-person-cats { padding:25px 0; display: flex; gap:10px; align-items: flex-start; flex-wrap: wrap; } #author-page-person-cats .archive_author { display:inline-block; background: #0F62FE; border-radius: 50px; padding: 5px 10px 5px 10px; color: white; position: relative; font-weight: 500; font-size: 14px; line-height: 24px; } #author-page-person-cats .archive_author .subcounter { position: absolute; top: 20px; font-size: 10px; right: 0px; left: 0; margin: auto; text-align: center; display:none; } #author-page-right .recent-post { gap: 40px 25px; } #author-page-right .recent-post .recent-post-single .post-acf-fields { padding:20px; } #author-page-right .recent-post .recent-post-single .related-posts-title-single { padding:0 20px; } #author-page-right-head .archive-meta { font-weight: 400; font-size: 16px; line-height: 28px; max-width:625px; color: #414141; } #author-page-right-head #breadcrumbs { padding-top:40px; text-align:left; } #author-page-right-head h2 { color: #05001A; font-style: normal; font-weight: 600; font-size: 40px; line-height: 48px; letter-spacing:normal; text-transform:unset; margin-top:10px; margin-bottom:15px; } #author-page-right-head h2:nth-child(4) { padding:90px 0 35px 0; } #author-page-right .recent-posts .recent-post-single { flex:0 0 48%; } #author-page-right .recent-posts .recent-post-single img { height:225px; } #author-page-right .recent-posts .recent-post-single .post-cat-date-field { top:183px; } #author-page-right .recent-posts .recent-post-single .post-acf-fields .post-acf-fields-author { font-size: 16px; line-height: 22px; } #author-page-right .recent-posts .recent-post-single .post-acf-fields .post-acf-fields-mins { font-size: 16px; line-height: 22px; } #author-page-right .recent-posts .recent-post-single .related-posts-title-single { font-weight: 600; font-size: 18px; line-height: 32px; } #author-page-right { width: auto; } #author-page { padding-bottom: 110px; position:relative; } #mainpage-screen-8-1 { padding:110px 0; background-color:#212121; } #mainpage-screen-8-1 h2 { color: #FFFFFF; } #mainpage-screen-8-1-2 { margin-top:45px; } #mainpage-screen-8-1-2 span { } #mainpage-screen-8-1-2 span img { height:65px; width:auto; opacity:0.5; transition:0.5s ease-in-out; } #mainpage-screen-8-1-2 span img:hover { opacity:1; } #mainpage-screen-8-1-2-wrap { display: flex; flex-wrap: wrap; justify-content:center; } #mainpage-screen-8-1-2-wrap span { width: 33%; padding:50px 0; text-align:center; } /*rem by wa #header-menu-bottom { display:none; } */ .elementor-widget:not(:last-child) { margin-bottom:0px !important; } .body-noscroll { position: fixed; width: 100%; left: 0; overflow: hidden; } /* Safari scroll fix - ensure body is scrollable by default */ html, body { -webkit-overflow-scrolling: touch; } html:not(.body-noscroll), body:not(.body-noscroll) { overflow-y: auto; } .form-privacy-checkbox-wrap { position:absolute; } .form-privacy-checkbox-wrap .wpcf7-acceptance { color:white; font-style: normal; font-weight: 400; font-size: 14px; line-height: 22px; } .form-privacy-checkbox-wrap .wpcf7-acceptance a { text-decoration: underline; font-style: normal; font-weight: 400; font-size: 14px; line-height: 22px; color:white; } .form-privacy-checkbox-wrap .wpcf7-acceptance label { display: inline-flex; align-items: center; white-space: nowrap; } .form-privacy-checkbox-wrap .wpcf7-acceptance label input { width: auto; flex-shrink: 0; opacity: 1; margin: 0; margin-right: 5px; } .codedropz-upload-wrapper { margin-bottom:20px; } .form-privacy-checkbox-wrap .wpcf7-acceptance .wpcf7-list-item { margin:0; } .form-privacy-checkbox-wrap .wpcf7-list-item-label { white-space: nowrap; } #popup { position: fixed; width: 100%; top: 0; height: 100vh; background-color: rgba(0,0,0,0.7); z-index: 999; opacity:0; pointer-events:none; transition: 0.5s ease-in-out; } #popup.popup-active { opacity:1; pointer-events:auto; } #popup-wrap { width: 100%; max-width: 665px; background-color: white; margin: 20vh auto 0; padding:75px; text-align:center; position:relative; } #popup-close { position: absolute; right: 26px; top: 26px; filter: invert(1); width: 16px; height: 16px; opacity: 0.5; transition: 0.3s ease-in-out; cursor:pointer; } #popup-close:hover { opacity:0.8; } #popup-wrap > span { color: #414141; font-style: normal; font-weight: 400; font-size: 16px; line-height: 32px; margin-bottom:55px; display: block; } #popup-wrap input { color:black; } #popup-wrap .wpcf7-submit { color:white; } #popup-wrap .wpcf7-submit:hover { color:black; } #popup-wrap .form-privacy-checkbox-wrap .wpcf7-acceptance { color:black; } #popup-wrap .form-privacy-checkbox-wrap .wpcf7-acceptance a { color:black; } #popup-wrap .wpcf7-not-valid-tip { color: #0B24FB; } #popup-wrap .wpcf7 form.sent .wpcf7-response-output { color: #0B24FB; } #popup-wrap .wpcf7-form .wpcf7-form-control-wrap[data-name="your-email"] input { margin-bottom: 20px; } #page-404 { background-image: url(/wp-content/uploads/2022/06/404-bg-min.jpg); background-size: contain; padding: 90px 0 210px 0; text-align: center; } #img-404 { text-align:center; overflow: hidden; } #page-404 #img-404 img { max-width: 605px; width: 90%; height: auto; display: inline-block; margin-left: 210px; } #page-404 .container > span:nth-child(2) { font-family: 'Montserrat'; font-style: normal; font-weight: 500; font-size: 50px; line-height: 61px; display:block; text-align:center; margin-top:20px; color: #FFFFFF; } #page-404 .container > span:nth-child(3) { font-family: 'Montserrat'; font-style: normal; font-weight: 300; font-size: 30px; line-height: 37px; text-transform: uppercase; color: #FFFFFF; display:block; text-align:center; margin-top:10px; } #page-404 .blue-button-1 { display:inline-block; margin-top:40px; background-color: #0B24FB; color:white; } #page-404 .blue-button-1:hover { background-color:white; color:black; } #mainpage-hero-mob { position: absolute; right: 0; top: 0; width: 670px; height: 640px; z-index:1; } #mainpage-hero-mob #mainpage-hero-mob-wrap img { position:absolute; transition: all 1s ease-in-out; transition-property: bottom, left; } #mainpage-hero-mob #mainpage-hero-mob-wrap img:nth-child(1) { z-index: 20; width: 460px; bottom: -35px; left: 50px; } #mainpage-hero-mob #mainpage-hero-mob-wrap img:nth-child(2) { z-index: 18; width: 550px; left: 70px; bottom: 0px; transform: scale(0.4); } #mainpage-hero-mob #mainpage-hero-mob-wrap img:nth-child(3) { width: 160px; z-index: 17; bottom: 72px; left: 172px; } #mainpage-hero-mob #mainpage-hero-mob-wrap img:nth-child(4) { width: 170px; z-index: 16; left: 375px; bottom: 290px; } #mainpage-hero-mob #mainpage-hero-mob-wrap img:nth-child(5) { width: 260px; z-index: 15; left: 370px; bottom: 260px; } #mainpage-hero-mob #mainpage-hero-mob-wrap img:nth-child(6) { width: 410px; z-index: 14; left: 315px; bottom: 180px; } #mainpage-hero-mob #mainpage-hero-mob-wrap img:nth-child(7) { width: 430px; z-index: 14; bottom: 80px; left: 180px; } #mainpage-hero-mob #mainpage-hero-mob-wrap img:nth-child(8) { width: 730px; z-index: 13; bottom: -47px; left: 70px; } #mainpage-hero-mob #mainpage-hero-mob-wrap img:nth-child(9) { width: 730px; z-index: 12; bottom: -50px; left: 68px; } #mainpage-hero-mob #mainpage-hero-mob-wrap img:nth-child(10) { width: 730px; z-index: 11; bottom: 0; left: 85px; } #mainpage-hero-mob.animated #mainpage-hero-mob-wrap img:nth-child(9) { bottom: -20px; } #mainpage-hero-mob.animated #mainpage-hero-mob-wrap img:nth-child(8) { bottom: 25px; } #mainpage-hero-mob.animated #mainpage-hero-mob-wrap img:nth-child(7) { bottom: 150px; } #mainpage-hero-mob.animated #mainpage-hero-mob-wrap img:nth-child(6) { bottom: 260px; left: 300px; } #mainpage-hero-mob.animated #mainpage-hero-mob-wrap img:nth-child(5) { bottom: 400px; left: 330px; } #mainpage-hero-mob.animated #mainpage-hero-mob-wrap img:nth-child(4) { bottom: 509px; left: 363px; } #mainpage-hero-mob.animated #mainpage-hero-mob-wrap img:nth-child(3) { bottom: 160px; } #mainpage-hero-mob.animated #mainpage-hero-mob-wrap img:nth-child(2) { transform: none; bottom: 150px; left: 150px; } #mainpage-hero-mob.animated #mainpage-hero-mob-wrap img:nth-child(1) { bottom: 250px; left: 0; } #cookie-law-info-bar { background-color: #0B24FB !important; padding: 20px; } #cookie-law-info-bar .container { display: flex; justify-content: space-between; padding: 0; } .cli-bar-message { font-family: 'Montserrat'; font-style: normal; font-weight: 500; font-size: 13px; line-height: 24px; /* or 185% */ display: flex; align-items: center; letter-spacing: 0.75px; /* White */ color: #FFFFFF; } #wt-cli-accept-all-btn { background-color: #FFFFFF !important; border-radius: 37px; padding: 16px 32px; color: #212121 !important; font-family: 'Montserrat'; font-style: normal; font-weight: 600; font-size: 16px; line-height: 24px; transition:0.3s ease-in-out; } #wt-cli-accept-all-btn:hover { opacity:0.7; } .cli_settings_button { background-color: #FFFFFF !important; border-radius: 37px; padding: 16px 32px; color: #212121 !important; font-family: 'Montserrat'; font-style: normal; font-weight: 600 !important; font-size: 13px !important; line-height: 24px !important; transition: 0.3s ease-in-out; display:none; } .cli_settings_button:hover { opacity:0.7; } /* Cookie bar на мобилке занимало ~28% экрана и перекрывало hero-CTA и floating-чат */ @media screen and (max-width:500px) { #cookie-law-info-bar { padding: 14px 16px; } .cli-bar-message { font-size: 12px; line-height: 18px; } #wt-cli-accept-all-btn { padding: 10px 20px; font-size: 14px; } } .category .entry-title { text-align: center; color: black; margin: 15px 0 25px 0; } #post-category-wrap { display:flex; gap:25px; flex-wrap: wrap; padding-bottom:50px; } #post-category-wrap .recent-post-single { flex:31%; width:31%; position: relative; list-style: none; } #post-category-wrap .recent-post-single img { width:100%; height:225px; object-fit: cover; } #post-category-wrap .recent-post-single .post-cat-date-field { top: 183px; } #post-category-wrap .recent-post-single .post-acf-fields { padding:10px 20px 10px 20px; } #post-category-wrap .recent-post-single .related-posts-title-single { padding:0 20px 15px 20px; font-family: 'Montserrat'; font-style: normal; font-weight: 600; font-size: 18px; line-height: 32px; /* or 178% */ color: #05001A; } #post-category-wrap .recent-post-single .related-posts-title-single a { position: absolute; height: 100%; width: 100%; left: 0; top: 0; } #post-category-wrap .posts-navigation { width: 100%; flex: 100%; text-align: center; margin: 50px 0; color: black; } #post-category-wrap .posts-navigation a { font-family: 'Montserrat'; font-style: normal; font-weight: 400; font-size: 16px; line-height: 22px; /* identical to box height, or 138% */ color: #4F4F4F; } #case-studies-screen-1 { padding-top:190px; } #case-studies-screen-1-wrap #breadcrumbs { text-align:left; padding-top:0px; } #case-studies-screen-1-wrap h1 { color: #212121; display:block; letter-spacing: 2px; margin-top:25px; } #post-933 header { display:none; } #case-studies-screen-1-wrap .elementor-widget-container > span:nth-child(3) { font-family: 'Montserrat'; font-style: normal; font-weight: 400; font-size: 20px; line-height: 32px; display:block; margin-top:15px; color: #212121; } #post-top-articles { background-color:white; position:relative; padding:50px 0 40px 0; } #post-top-articles-container::-webkit-scrollbar { display:none; height:3px; } #post-top-articles-container.active { cursor:grabbing; } #post-top-articles-container.active .top-articles-wrap { transform:scale(1.05); } #post-top-articles-container { cursor:grab; padding-top:50px; padding-bottom:40px; border-top:1px solid #EFEFEF; border-bottom:1px solid #EFEFEF; overflow-x: auto; } .top-articles-wrap { display: flex; flex-wrap: nowrap; width: max-content; justify-content: center; text-align: center; margin: 0 auto; transition: 0.3s ease-in-out; gap: 50px; } .top-articles-single { width:265px; display: inline-block; text-align:center; position:relative; } #post-top-articles:before { content: 'Top articles'; color: #212121; font-family: 'Montserrat'; font-style: normal; font-weight: 500; font-size: 20px; line-height: 32px; border: 1px solid #EFEFEF; border-radius: 50px; padding: 10px 15px; position: absolute; left: 0; right: 0; margin: auto; top: 25px; background-color: white; display: inline-block; width: fit-content; } .top-articles-wrap .top-articles-single:last-child:after { display:none; } .top-articles-single:after { content: ''; background-color: #0B24FB; width: 8px; height: 8px; border-radius: 50%; display: inline-block; position: absolute; right: -25px; top: calc(50% - 4px); } .top-articles-single a { font-family: 'Montserrat'; font-style: normal; font-weight: 500; font-size: 16px; line-height: 24px; /* or 150% */ text-align: center; letter-spacing: 0.25px; text-align:center; color: #212121; } #post-3 header { display:none; } #post-3 h1 { color:black; } #post-3 ul li { list-style: inside; } @media screen and (max-width:1500px) { #mainpage-hero-mob { top:-100px; transform:scale(0.8); } } @media screen and (max-width:1250px) { #mainpage-hero-mob-wrap { opacity:0.5; } #author-page-right .recent-posts .recent-post-single { flex: 0 0 100%; } #author-page .container { padding:0 20px; } #post-rating-bottom { width: calc(100% - 100px); } .blog-page-screen-3-wrap { overflow: scroll; } #blog-page-screen-3 .recent-posts { display: block; width: max-content; } #blog-page-screen-3 .recent-posts .recent-post-single { display: inline-block; margin-right: 25px; } #single-post-content-wrap > div:nth-child(2) { width:100%; } #single-post-content-wrap .elementor-section { width:100%; } #post-table-of-content { display:none; } #mainpage-screen-5-bottom-wrap .mainpage-screen-5-bottom-wrap-single:nth-child(1) { padding-right:0px; width:100%; border-right:none; } #mainpage-screen-5-bottom-wrap .mainpage-screen-5-bottom-wrap-single:nth-child(2) { padding-left:0px; width:100%; } #mainpage-screen-5-bottom-wrap .mainpage-screen-5-bottom-wrap-single:nth-child(3) { padding-right:0px; width:100%; border-right:none; margin-bottom:70px; } #mainpage-screen-5-bottom-wrap .mainpage-screen-5-bottom-wrap-single:nth-child(4) { padding-left:0px; width:100%; } #mainpage-screen-5-bottom-wrap:before { display:none; } } @media screen and (max-width:1024px) { #mainpage-screen-3 .animated .mainpage-screen-3-wrap-right-content object { order:2; margin-top:50px; display:none; } .mainpage-screen-3-wrap-right-content-active-mob object { } #cookie-law-info-bar .container { flex-wrap:wrap; } #mainpage-screen-2-2.animated .mainpage-screen-2-2-bottom-single object { margin:0 auto; } #popup-wrap { margin: 100px auto 0; } #header-menu a:before { display:none; } #footer-contact-form-left-top h3 { font-weight: 600; font-size: 28px; line-height: 42px; } #footer-contact-form-right-wrap-line-1 { margin-top:0px; } #footer-contact-form-left-top h3P { font-weight: 600; font-size: 28px; line-height: 42px; } #mainpage-screen-10-right-wrap-line-1 { margin-top:0px; } #header-menu-bottom { display:block; margin-top:130px; } #header-menu-bottom span { display:block; color: #EFEFEF; font-weight: 400; font-size: 14px; line-height: 22px; } #header-menu-bottom span:nth-child(2) { font-weight: 400; font-size: 16px; line-height: 24px; letter-spacing: 0.25px; margin-top:10px; } .mob-header-active#header { padding-bottom:80px; } #mainpage-screen-4-left span:nth-child(2) { color: #817F82; font-weight: 500; font-size: 16px; line-height: 22px; } #mainpage-screen-4-left span:nth-child(3) { margin-top:85px; font-weight: 600; font-size: 13px; line-height: 22px; } #mainpage-screen-4-left-bottom .mainpage-screen-4-left-bottom-single span { font-size: 16px; line-height: 24px; } #mainpage-screen-4-left-bottom .mainpage-screen-4-left-bottom-single p { font-weight: 400; font-size: 16px; line-height: 24px; } #mainpage-screen-4-left-bottom { flex-wrap:wrap; } #mainpage-screen-4-left-bottom .mainpage-screen-4-left-bottom-single { width:100%; padding-right:0px; margin-top:80px; } #mainpage-screen-4-left-bottom { margin-top:55px; } #author-page-left { left: 0; top: 80px; padding:0 20px; } #author-page-person { margin: 0 auto; left: 0; right: 0; } #author-page-person-cats-wrap { overflow:scroll; } #author-page-right-head h2:nth-child(2) { margin-top: 470px; } #author-page-right .recent-posts .recent-post-single .post-acf-fields .post-acf-fields-author { font-size: 14px; line-height: 22px; } #author-page-right .recent-posts .recent-post-single .post-acf-fields .post-acf-fields-mins { font-size: 14px; line-height: 22px; } #author-page { padding-bottom:75px; } #author-page-right .recent-posts .recent-post-single .related-posts-title-single { font-weight: 600; font-size: 16px; line-height: 24px; } #author-page-right-head h2:nth-child(4) { padding:50px 0 25px 0; } #author-page-right-head h2 { font-size: 24px; line-height: 33px; text-align:center; } #author-page-person-cats { justify-content: center; width: max-content; padding: 25px 20px; margin: 0 auto; } #author-page-person { max-width: 395px; width: 100%; } #author-page-right-head #breadcrumbs { text-align:center; padding:25px 0; } #author-page-left { position:absolute; width: 100%; } #author-page-right .recent-posts .recent-post-single { width:100%; } #author-page-right .recent-posts { width:100%; } #comments { padding:50px 20px 30px 20px; } #comments .comment { padding:30px; } #post-rating-bottom .container { display:block; } #post-rating-bottom-div-1 { display:block; } .recent-posts-wrap { overflow:scroll; } #comments h2 { text-align:center; padding-left: 0px; } .related-posts-after-content .recent-posts { display:block; gap:0; width:max-content; } .related-posts-after-content .recent-posts .recent-post-single { display:inline-block; width:300px; margin-right:25px; } .blog-page-screen-3-wrap .recent-posts { display:block; gap:0; width:max-content; } .blog-page-screen-3-wrap .recent-posts .recent-post-single { display:inline-block; width:300px; margin-right:25px; } .related-posts-after-content { overflow:scroll; } .recent-posts #post-rating-bottom .container { flex-wrap:wrap; } #post-rating-bottom-div-1 { width:100%; margin-top: 30px; } .caf-featured-img-box { height:185px !important; } .post-filter-single-cat-date { top:144px; padding:8px 17px; } .post-filter-single-author-mins { padding: 20px 20px 10px 20px; } .post-filter-single-author-mins .author { font-size: 14px !important; line-height: 22px; } .post-filter-single-author-mins span { font-size: 14px !important;; line-height: 22px; } .caf-post-title h4 { font-size: 14px !important; line-height: 22px !important; } #manage-ajax-response { gap:0; } #caf-layout-pagination { margin-top:40px !important; } #caf-filter-layout1 { overflow:scroll; } .caf-filter-container { display:block; width: max-content; margin: 0 auto; } .caf-post-layout1 { flex: 100% !important; max-width:100% !important; } .caf-filter-container li { display:inline-block; padding: 0 20px; } .caf-filter-container li a { padding:15px 2px; } #blog-page-screen-4 { padding: 60px 0; } .blog h2 { font-size: 24px !important; line-height: 33px !important; } #comments .comment-form-author { width:100%; padding-right:0px; } #comments .comment-form-email { width:100%; padding-left:0px; } .comment-respond h3 { font-size: 24px !important; line-height: 33px !important; } .single-post h2 { font-size: 24px !important; line-height: 33px !important; } #blog-page-screen-3 { margin-top:0; padding:60px 0; } #blog-page-screen-3 h2 { margin-bottom:25px; } .recent-posts .recent-post-single { min-height:unset; } .blog-page-screen-1-1 { padding-top:25px; } #blog-page-screen-2 .recent-posts .related-posts-title-single { padding:0 20px 30px 20px; font-size: 16px; line-height: 24px; } #blog-page-screen-2 .recent-posts img { height:185px; } #blog-page-screen-2 .recent-posts .post-cat-date-field { top:147px; padding:8px 17px; } #blog-page-screen-2 .recent-posts .post-acf-fields { padding: 20px 20px 10px 20px; } #blog-page-screen-2 .recent-posts .post-acf-fields .post-acf-fields-author { font-size: 14px; line-height: 22px; } #blog-page-screen-2 .recent-posts .post-acf-fields .post-acf-fields-mins { font-size: 14px; line-height: 22px; } #blog-page-screen-2 .recent-posts .post-cat-date-field span { font-size:14px; } .blog h1 { font-size: 24px !important; line-height: 33px !important; } #blog-page-screen-1-3 { padding-bottom:45px; } #breadcrumbs.blog-page-screen-1-1 span { margin:0 10px 0 0; } #breadcrumbs.blog-page-screen-1-1 span.separator { margin: 0 20px 0 10px; } #breadcrumbs a { font-size: 12px; } #breadcrumbs span { font-size: 12px; } #breadcrumbs b { font-size: 12px; } #blog-page-screen-2 .recent-posts { flex-wrap:wrap; gap:0; } #blog-page-screen-2 .recent-post-single { width:100%; } #post-header h1 { font-weight: 600; font-size: 24px; line-height: 33px; } #footer-contact-form { padding:75px 0; } #footer-contact-form .container { flex-wrap:wrap; } #header-menu a:before { display:none; } #mainpage-screen-5-bottom { margin-top:100px; } #footer-menu { flex-wrap:wrap; } #footer-menu .footer-menu-col:nth-child(1) { width:50%; order:1; } #footer-menu .footer-menu-col:nth-child(2) { width:50%; order:3; margin-top: 50px; } #footer-menu .footer-menu-col:nth-child(3) { width:50%; order:4; margin-top: 50px; } #footer-menu .footer-menu-col:nth-child(4) { width:50%; order:2; } #header-burger { display:inline-block; order:1; /* filter:invert(1);*/ } .header-scrolled #header-burger { filter:none; } .home #header-burger { filter:none; } .mob-header-active { background: #212121; height: 100vh; top: 0; margin-top: 0 !important; } .mob-header-active #header-burger span:nth-child(2) { opacity:0; } .mob-header-active #header-burger span:nth-child(1) { transform: rotate(45deg); margin-top: 14px; } .mob-header-active #header-burger span:nth-child(3) { transform: rotate(-45deg); margin-top: -14px; } #header-menu { position: absolute; top: 140px; width: 100%; left: 0; padding: 0 20px; display: none; } #header-menu a { color:white; display: block; font-weight: 600; font-size: 28px; line-height: 42px; width: 100%; margin: 15px 0; } #header-logo { order:2; top:8px; /* mobile: align logo with the burger (overrides desktop nudge; mobile bar has its own layout) */ } /* .mob-header-active #header-logo { background-image: url(/wp-content/uploads/2022/05/logo.png); } */ .mob-header-active #header-burger { filter:none; } #header .blue-button-1 { order:3; } #mainpage-screen-2-2-top { flex-wrap: wrap; justify-content: center; } #mainpage-screen-2-2-top span { margin: 10px 0; } #mainpage-screen-2-2-bottom { flex-wrap:wrap; margin-top:70px; } #mainpage-screen-3-wrap { flex-wrap:wrap; } #mainpage-screen-3-wrap-left { width:100%; overflow: scroll; padding-bottom: 10px; display:none; } #mainpage-screen-3-wrap-left-wrap { display: block; width: max-content; } #mainpage-screen-3-wrap-left span { display: inline-block; margin:0 10px; } .mainpage-screen-3-wrap-right-content { position: relative; margin-top: 0px; display:flex; flex-wrap:wrap; padding: 12px; overflow: hidden; max-height:50px; transition: 0.5s ease-in-out; } .mainpage-screen-3-wrap-right-content:after { width:2px; height:16px; background-color: #0B24FB; position:absolute; content:''; right: 20px; top: 17px; transition:0.3s ease-in-out; } .mainpage-screen-3-wrap-right-content-active-mob.mainpage-screen-3-wrap-right-content:after { opacity:0; } .mainpage-screen-3-wrap-right-content-active-mob { max-height:10000px; } .mainpage-screen-3-wrap-right-content:before { width:16px; height:2px; background-color: #0B24FB; position:absolute; content:''; right: 13px; top: 24px; } #mainpage-screen-3-wrap { margin-top:45px; } .mainpage-screen-3-wrap-right-content img { height: 110px !important; width:auto; order:2; margin-top:15px; } .mainpage-screen-3-wrap-right-content h3 { order:1; letter-spacing: 0.75px; text-transform: uppercase; font-weight: 600; font-size: 16px; line-height: 24px; width: 100%; margin-top: 0px !important; } .mainpage-screen-3-wrap-right-content span { order:3; font-weight: 400; font-size: 16px; line-height: 24px; /* or 150% */ padding:0 5px; max-width:100% !important; letter-spacing: 0.25px; } #mainpage-screen-3-wrap-right { width:100%; } .mainpage-screen-2-2-bottom-single { width: 100%; margin: 20px 0; text-align: center; } #mainpage-screen-4 { padding:100px 0; } #mainpage-screen-4-right { top: -200px; right: -200px; margin:20px auto; } #mainpage-screen-4-left { max-width: 100%; } #mainpage-screen-8 { height:auto; overflow-y: hidden; } #mainpage-screen-8-iphone { position:relative; top: 0; margin: 0 auto; transform: scale(0.8); } #mainpage-screen-8-b-iphone-1 { position:relative; top: 0; margin: 0 auto; transform: scale(0.8); left:0; } #mainpage-screen-8-b { height: auto; overflow-y: hidden; } #mainpage-screen-8-c { height: auto; overflow-y: hidden; } #mainpage-screen-8-b-iphone-2 { position:relative; top: 0; margin: 0 auto; transform: scale(0.8); right:0; } #mainpage-screen-8-c-iphone-1 { position:relative; top: 0; margin: 0 auto; transform: scale(0.8); } .mainpage-screen-8-content { position:relative; max-width:100%; margin-top:50px; } .mainpage-screen-9-slider-single { max-width:90%; } #mainpage-screen-10-left { width:100%; padding-right:0px; } #mainpage-screen-10:after { display:none; } #mainpage-screen-9 { } #mainpage-screen-10-right { padding-left: 0; width: 100%; padding-top:0; } .mainpage-screen-10-right-wrap-line-2-single { width:100%; } #footer-contact-form-left { width:100%; padding-right:0px; } #footer-contact-form:after { display:none; } #footer-contact-form-right { padding-left: 0; width: 100%; padding-top:0; padding-bottom: 50px; } } @media screen and (max-width:860px) { #page-404 #img-404 img { margin-left: 20%; } } @media screen and (max-width:768px) { #mainpage-screen-8-b-iphone-1 { top:60px; left:-45px; } #case-studies-screen-1 { padding:50px 0; } #mainpage-screen-8-b-iphone-2 { top: 500px; position:absolute; } #post-category-wrap .recent-post-single { flex:100%; width:100%; } .cli_settings_button { padding:10px 20px; } #wt-cli-accept-all-btn { padding:10px 20px; } #mainpage-hero-mob { transform: scale(0.6); right: -100px; top:0; } #popup .form-privacy-checkbox-wrap { margin-top:10px; } .wpcf7-submit { margin: 25px 0 70px 0; } #popup .wpcf7-submit { margin: 50px 0 0 0; } h3 { font-style: normal; font-weight: 600; font-size: 24px; line-height: 33px; } #popup-wrap .wpcf7 form.sent .wpcf7-response-output { margin-top: 20px; } #popup-wrap { margin: 0px auto 0; overflow-y:auto; padding: 70px 30px; height:100vh; } #mainpage-screen-10 { padding:10px 0; } .mainpage-screen-6-bottom-wrap-single { margin-bottom:15px; max-height: 40px; overflow: hidden; transition: 0.5s ease-in-out; } .mainpage-screen-6-bottom-wrap-single.mainpage-screen-6-bottom-wrap-single-active-mob { max-height:10000px; } .mainpage-screen-6-bottom-wrap-single span:nth-child(1) { font-weight: 600; font-size: 16px; line-height: 24px; position: relative; } .mainpage-screen-6-bottom-wrap-single > span:nth-child(1):before { background-repeat: no-repeat; content: ''; background-image: url(/wp-content/uploads/2022/05/accordion-plus.png); width: 16px; height: 16px; position: absolute; right: 0; background-size: contain; top: 8px; } .mainpage-screen-6-bottom-wrap-single-active-mob.mainpage-screen-6-bottom-wrap-single > span:nth-child(1):before { background-image:url('/wp-content/uploads/2022/05/accordion-minus.png'); } .mainpage-screen-6-bottom-wrap-single > span:nth-child(1):after { margin-top:10px; } .mainpage-screen-6-bottom-wrap-single-list { } .mainpage-screen-6-bottom-wrap-single span:nth-child(3) { } #mainpage-screen-10-left-top h3 { font-weight: 600; font-size: 28px; line-height: 42px; } .mainpage-screen-3-wrap-right-content { margin-top:0px; } .mainpage-screen-3-wrap-right-content span { } #mainpage-screen-5 { padding:85px 0 75px 0; } #mainpage-screen-5 .blue-button-1 { margin:30px auto 0; } .mainpage-screen-2-2-bottom-single span:nth-child(2) { letter-spacing: 1px; font-weight: 500; font-size: 16px; line-height: 32px; margin-top:30px; } .mainpage-screen-2-2-bottom-single span:nth-child(3) { letter-spacing: 0.25px; font-weight: 400; font-size: 16px; line-height: 24px; margin-top:20px; } #mainpage-screen-3 span { font-weight: 500; font-size: 16px; line-height: 22px; } #mainpage-screen-1-top .elementor-widget-container > span:nth-child(1) { font-size: 32px; line-height: 42px; } #mainpage-screen-1 h1 { font-weight: 500; font-size: 16px; line-height: 22px; letter-spacing: 0.25px; margin:16px 0 8px 0; } #mainpage-screen-1-top .elementor-widget-container > span:nth-child(3) { font-weight: 400; font-size: 13px; line-height: 16px; } .home h2 { letter-spacing: 2px; font-weight: 600; font-size: 28px; line-height: 42px; } #mainpage-screen-2-1 span { font-weight: 500; font-size: 16px; line-height: 22px; /* or 138% */ letter-spacing: 0.25px; } #mainpage-screen-2 { padding:70px 0; } #mainpage-screen-8-1-2-wrap span { padding:30px 0; width:50%; } #mainpage-screen-8-1-2 span img { height:50px; } .rmp-rating-widget { flex-wrap:wrap; } .rmp-rating-widget__icons { margin-bottom: 20px !important; width:76%; } .rmp-widgets-container.rmp-wp-plugin.rmp-main-container .rmp-rating-widget__results { margin-left: 0px !important; width: 24%; } .rmp-rating-widget__results__votes { text-align:center; } .rmp-widgets-container.rmp-wp-plugin.rmp-main-container .rmp-rating-widget__icons-list { justify-content: center; } .rmp-rating-widget .rmp-icon--star { margin: 0 2px 0 0; width: 46px; height: 46px; } #post-rating-bottom { margin-left: 0px; padding: 0 25px; width:100%; } #single-post-content-wrap .elementor-container { padding:0 20px !important; } #post-section-4-1 p { font-size: 24px; line-height: 32px; } #post-section-11 { padding:70px 20px; } #post-section-11-2 p { font-size: 18px; line-height: 30px; } #post-section-8-1 p { font-size: 24px; line-height: 32px; } #post-header { padding-top: 85px; } #post-header .entry-meta-left { border-right:none; } #post-header .entry-meta-right { padding-left: 0px; display: block; margin-top: 0px; } #post-header-bottom p:nth-child(1):after { display:none; } #post-header-bottom p { display:block; } #post-header .container { padding: 0 20px; } #single-post-content-wrap { flex-wrap:wrap; } .single .entry-content .container { padding:0; } #single-post-content-wrap-bottom .container { padding-left:20px; padding-top:30px; padding-bottom:30px; } #single-post-content-wrap-bottom { padding:0; } #single-post-content-wrap-bottom-author { margin-top:0px; } .single .addtoany_share_save_container { position: relative; padding: 25px 20px; width: 100%; display: flex; justify-content:space-between; } .single .addtoany_share_save_container .addtoany_list { display:flex; } .single #single-post-content-wrap a { margin:0 5px; } .addtoany_share_save_container:before { margin-bottom:0px; display:inline-block; padding-top: 11px; } #mainpage-screen-11 { padding:100px 0; } #mainpage-screen-9 { padding:100px 0; } #mainpage-screen-8-top .mainpage-screen-8-top-single { margin-right:35px; } #mainpage-screen-8-top { overflow: scroll; padding-bottom: 20px; } #mainpage-screen-8-top-wrap { width:max-content; } #mainpage-screen-7-list span { margin:15px 0 0 0 !important; padding: 0 20px; font-size: 16px; line-height: 24px; } #mainpage-screen-7-list { margin-top:50px; } #mainpage-screen-7 { padding:45px 0 75px 0; } #mainpage-screen-7-list span { } #mainpage-screen-8-1 { padding:70px 0; } #mainpage-screen-8 { padding:0px 0; } #mainpage-screen-8-b { padding:0px 0; } #mainpage-screen-8-c { padding:0px 0; } #mainpage-screen-6 { padding:70px 0; } #mainpage-screen-5-top span:nth-child(1) { font-weight: 600; font-size: 13px; line-height: 22px; } #mainpage-screen-5-top h2 { letter-spacing: 2px; font-weight: 600; font-size: 28px; line-height: 42px; } #mainpage-screen-6-double-left { display:none; } #mainpage-screen-6-double { margin-top:0; } #mainpage-screen-6-double .elementor-container { padding:0px !important; } #mainpage-screen-6-double-right { padding-top: 45px; } #mainpage-screen-3 { padding-bottom:100px; } #mainpage-screen-2-2-top span { padding: 0 15px; font-size:15px; } #mainpage-screen-2 { } #mainpage-screen-2-2-top { margin-top:30px; } #mainpage-screen-1-bottom { margin-top:50px; } .mainpage-screen-1-bottom-wrap-single { padding:0 10px; } #mainpage-screen-1-bottom-wrap { display:flex; } } @media screen and (max-width:500px) { .mob-header-active#header .blue-button-1 { display:none; } #header-menu a:nth-child(7) { display:block; } .mainpage-screen-1-bottom-wrap-single span:nth-child(1) { font-size: 32px; line-height: 42px; } .mainpage-screen-1-bottom-wrap-single span:nth-child(2) { font-weight: 400; font-size: 14px; line-height: 17px; margin-top:0px; } #content { padding-top:60px; } .home #content { padding-top:0px; } #mainpage-screen-10-right-wrap-line-2 { flex-wrap:wrap; } #footer-contact-form-right-wrap-line-2 { flex-wrap:wrap; } #mainpage-screen-1-bottom { } #mainpage-screen-1-bottom-wrap { } .mainpage-screen-1-bottom-wrap-single span:nth-child(2) { margin-top: 0px; margin-bottom: 0px; } .mainpage-screen-1-bottom-wrap-single:after { } .mainpage-screen-1-bottom-wrap-single { width:100%; } #mainpage-screen-1 { padding: 150px 0 60px 0px; } #footer-copyright { padding-top:20px; } #footer { padding: 65px 0 20px 0; } #header .blue-button-1 { position: absolute; top: 80px; right: 20px; display:block; opacity:0; pointer-events:none; transition:0.5s ease-in-out; } .mob-header-active#header .blue-button-1 { opacity:1; pointer-events:auto; } #header-burger { order: 2; width: auto; } #header { padding: 0 0 15px 0; } #header-menu { } #footer-menu .footer-menu-col:nth-child(1) { width:100%; order:1; } #footer-menu .footer-menu-col:nth-child(2) { width:100%; order:2; margin-top: 50px; } #footer-menu .footer-menu-col:nth-child(3) { width:100%; order:3; margin-top: 50px; } #footer-menu .footer-menu-col:nth-child(4) { width:100%; margin-top: 50px; order:4; } #footer-copyright { /* text-align:center;*/ flex-wrap:wrap; } #footer-copyright-left { width:100%; } #footer-copyright-right { width:100%; margin-top:10px; } }