@import url('bootstrap.min.css');
@import url('fonts.css');
* { padding: 0; margin: 0; }
a {  text-decoration: none; font-family: 'CabinetGrotesk-Thin'; }
#masthead { padding: 17px 0; }
#masthead .row { width: 100%; align-items: center; }
.main-navigation { text-align: center; }
.main-navigation ul { background: #181825; border-radius: 5px; padding: 6px; }
.main-navigation li { margin-right: 12px; }
.main-navigation li a { padding: 9.5px 11.4px; border-radius: 5px; color: #FFF !important; font-family: 'CabinetGrotesk-Medium'; }
.main-navigation li a:hover, .main-navigation li.current-menu-item a { background: #fff; color: #010103 !important; }
.start-project { background: #05DC75; padding: 14px 22px; border-radius: 5px; color: #192028; font-family: 'CabinetGrotesk-Bold'; }
.start-project:visited { color: #192028; }
.landing-header h2 { font-size: 74px; line-height: 85px; color: #fff; font-family: 'CabinetGrotesk-Bold'; clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%); }
.site-header .site-branding { position: relative; }
.site-header .site-branding img { position: absolute; top: -75px; width: 150px; }
.landing-header h2 strong { color: #05DC75; }
.landing-header-btns { margin: 25px 0 35px; }
.landing-header-btns a:first-child { background: #FFF; padding: 14px 22px; border-radius: 5px; color: #192028; font-family: 'CabinetGrotesk-Bold'; display: inline-block; margin-right: 20px; }
.landing-header-btns a:last-child { color: #05DC75; font-size: 13px; font-family: 'CabinetGrotesk-Bold'; }
.landing-header-txt p { font-family: 'CabinetGrotesk-Regular'; font-size: 22px; color: #fff; line-height: 26px; max-width: 90%; }
.site-heading-small h4 { font-size: 13px; color: #717171; font-family: 'CabinetGrotesk-Bold'; }
.site-heading h3, .site-heading h2 { font-size: 45px; color: #fff; font-family: 'CabinetGrotesk-Medium'; margin-bottom: 40px; }
.site-heading h3 strong, .site-heading h2 strong { color: #05DC75; }
.site-heading h3 { font-family: 'CabinetGrotesk-Thin'; margin-bottom: 0; }
.site-heading h2 strong { color: #05DC75; }
.home .site-heading h2 strong { display: inline !important; }
.site-link a { background: #05DC75; border-radius: 7px; padding: 14px 22px; font-size: 15px; font-family: 'CabinetGrotesk-Bold'; color: #192028; }
.home-services-stats ul { margin: 80px auto 0; max-width: 75%; padding: 0; text-align: center; columns: 4; list-style: none; }
.home-services-stats ul li { color: #fff; font-family: 'CabinetGrotesk-Thin'; font-size: 15px; }
.home-services-stats ul li strong { font-family: 'CabinetGrotesk-Bold'; margin-bottom: 0; font-size: 30px; display: block; }
.custom-hr p { margin-bottom: 0; }
hr { background-color:#292929; }
.home-services-box-wrapper { background: #191919; padding: 20px; border-radius: 10px; }
.home-services-box-wrapper h2 { text-align: center; }
.home-services-box-inner { background: #252B33; border-radius: 10px; padding: 10px 20px; }
.home-services-box-inner img { width: 25px; margin-top: 5px; }
.home-services-box-inner h3 { font-family: 'CabinetGrotesk-Medium'; color: #fff; font-size: 20px; margin: 15px 0 10px;  }
.home-services-box-inner p { color: #787878; font-size: 17px; font-family: 'CabinetGrotesk-Regular'; }
#colophon { background: #151515; border-top: 0; }
.site-footer .bottom-bar { border-top: 1px solid #4f434936; }
.swiper { width: 100%; height: 100%; position: unset !important; }
.swiper-slide { font-size: 18px; background: #252B33; display: flex; justify-content: center; align-items: center; padding: 20px 20px 25px; border-radius: 10px; }
.swiper-slide img { margin-bottom: 10px; }
.swiper-slide h4 { font-family: 'CabinetGrotesk-Medium'; color: #fff; font-size: 23px; margin: 20px 0 0; } 
.swiper-slide p { font-family: 'CabinetGrotesk-Regular'; font-size: 17px; color: #8A8A8A; line-height: 22px; margin: 20px 0; }
.swiper-slide a { font-family: 'CabinetGrotesk-Regular'; color: #8A8A8A; text-transform: uppercase; font-size: 15px; letter-spacing: 1px; }
.swiper-slide a::after { border-bottom: 1px solid #8A8A8A; content: ''; display: block; width: 96px; margin-top: 3px; }
.swiper-slide a:hover { color: #05DC75; }
#benefits-wrapper { position: relative; }
.swiper-button-next, .swiper-button-prev { color: #000; }
.swiper-button-next:hover, .swiper-button-prev:hover { color: #007bff; }
.swiper-button-next, .swiper-button-prev { top: 100px !important; height: 30px !important; width: 30px !important; border-radius: 50px !important; background: #363739 !important; color: #d9d9d9 !important; z-index: 999 !important; }
.swiper-button-prev:after { content: '\f060' !important; font-family: 'Line Awesome Free' !important; font-weight: 900 !important; font-size: 15px !important; }
.swiper-button-next:after { content: '\f061' !important; font-family: 'Line Awesome Free' !important; font-weight: 900 !important; font-size: 15px !important; }
.swiper-button-prev { left: auto !important; right: 110px !important; }
.swiper-button-next { right: 70px !important; }
.security-box { background: #252B33; border-radius: 10px; padding: 20px 20px 80px; }
.security-box h3 { font-size: 26px; font-family: 'CabinetGrotesk-Medium'; color: #fff; margin-bottom: 20px; max-width: 90%; }
.security-box p { font-family: 'CabinetGrotesk-Regular'; color: #8A8A8A; font-size: 18px; line-height: 26px; }
.security-box.black { position: relative; background: #121111; padding: 30px; }
.security-box.black h2 { font-family: 'CabinetGrotesk-Medium'; color: #FFF; font-size: 41px; width: 50%; }
.security-box.black p { font-family: 'CabinetGrotesk-Regular'; color: #FFF; position: absolute; left: 50%; top: 30px; font-size: 20px; line-height: 31px; }
.security-box.black a { position: absolute; left: 70%; background: #05DC75; padding: 14px 22px; border-radius: 5px; color: #192028; font-family: 'CabinetGrotesk-Bold'; display: inline-block; margin-right: 20px; width: 100%; }
.security-box.black p:last-child { width: 24%; top: 65%; left: 256px; font-size: 15px; }
.footer-heading h3 { font-family: 'CabinetGrotesk-Regular'; color: #FFF; margin-bottom: 20px; font-size: 17px; }
.footer-links ul { margin: 0; padding: 0; }
.footer-links ul li a { font-family: 'CabinetGrotesk-Regular'; margin-bottom: 5px; font-size: 15px; color: #828282 !important; }
.site-footer .site-info .col-md-6:first-child { text-align: left; }
.site-footer .site-info p { font-size: 17px; color: #fff; font-family: 'CabinetGrotesk-Regular'; margin-bottom: 0; }
.site-footer .site-info .col-md-6:last-child { text-align: right; }
.site-footer .site-info .col-md-6:last-child ul { margin: 0; padding: 0; list-style: none; }
.site-footer .site-info .col-md-6:last-child ul li { display: inline-block; } 
.site-footer .site-info .col-md-6:last-child ul li a { font-size: 15px; color: #fff; font-family: 'CabinetGrotesk-Regular'; }
.site-footer .site-info .col-md-6:last-child ul li a::after { content: '\f192'; font-family: 'Line Awesome Free'; font-weight: 900; color: #43494F; font-size: 12px; margin: 0 15px; }
.site-footer .site-info .col-md-6:last-child ul li:last-child a::after { display: none; }
.custom-header h3::before { content: '\f192'; font-family: 'Line Awesome Free'; font-weight: 900; color: #fff; position: relative; display: inline-block; margin-right: 10px; }
.custom-header h3 { font-family: 'CabinetGrotesk-Regular'; display: inline-block; font-size: 17px; color: #fff; }
.custom-header h2 { font-family: 'CabinetGrotesk-Bold'; display: inline-block; font-size: 58px; color: #fff; margin-top: -50px; margin-left: 180px; position: relative; margin-bottom: 80px; }
.custom-header h2 strong { position: absolute; top: 60px; width: 120%; left: -140px; } 
.custom-header p { font-family: 'CabinetGrotesk-Thin'; margin-bottom: 0; max-width: 35%; font-size: 15px; color: #B4B4B4; position: relative; left: 58%; } 
.services-header h2 strong { top: 60px; left: -140px; width: 150%; } 
.slider-container { width: 100%; overflow: hidden; white-space: nowrap; position: relative; }
.slider-container .slider-text-contact, .slider-container .slider-text-services,
.slider-container .slider-text { font-family: 'CabinetGrotesk-ExtraBold'; margin-bottom: 0; font-size: 80px; color: #FFF; text-transform: uppercase; }
.slider-container .slider-text-services, .slider-text-contact, .slider-text { display: inline-block; white-space: nowrap; animation: slideText 20s linear infinite; }
@keyframes slideText { 0% { transform: translateX(0%); } 100% { transform: translateX(-100%); } }
.about-text p { font-size: 15px; color: #B4B4B4; margin-bottom: 40px; font-family: 'CabinetGrotesk-Light'; }
.about-heading h2 { font-size: 65px; }
.about-heading h2 strong { position: relative; left: -170px; display: inline-block; width: 110%; color: #fff; }
.about-page-services ul { border-top: 1px solid #8282823f; border-bottom: 1px solid #8282823f; margin: 0; padding: 0; list-style: none; }
.about-page-services ul li { border-bottom: 1px solid #8282823f; position: relative; }
.about-page-services ul li:last-child { border: 0; }
.about-page-services ul li strong { font-size: 65px; font-family: 'CabinetGrotesk-Bold'; color: #FFF; }
.about-page-services ul li span { transition: all ease-in-out 0.4s; display: none; font-size: 16px; font-family: 'CabinetGrotesk-Thin'; color: #828282; position: absolute; width: 230px; top: 25px; left: 40%; }
.about-page-services ul li a { transition: all ease-in-out 0.4s; display: none; transform: rotate(-45deg); position: absolute; top: 23px; right: 18%; font-size: 50px; color: #05DC75; }
.about-page-services ul li:hover { cursor: pointer; }
.about-page-services ul li:hover strong { color: #05DC75; }
.about-page-services ul li:hover span, .about-page-services ul li:hover a { display: block; transition: all ease-in-out 0.4s; }
.who-we-ara h3 { font-family: 'CabinetGrotesk-Regular'; color: #fff; font-size: 15px; margin-bottom: 25px; }
.who-we-ara h2 { font-family: 'CabinetGrotesk-Bold'; color: #fff; font-size: 37px; }
.contact-page-left-section h2 { font-family: 'CabinetGrotesk-Medium'; font-size: 60px; line-height: 65px; max-width: 90%; color: #FFF; margin-bottom: 25px; }
.contact-page-left-section p { font-family: 'CabinetGrotesk-Regular'; color: #828282; font-size: 20px; max-width: 70%; margin-bottom: 20px; }
.contact-page-left-section ul { margin: 0; padding: 0; list-style: none; }
.contact-page-left-section ul li { font-family: 'CabinetGrotesk-Light'; color: #fff; font-size: 22px; }
.contact-page-left-section ul li strong { color: #05DC75; display: block; font-family: 'CabinetGrotesk-Regular'; font-size: 58px; }
.contact-page-left-section ol { margin: 0; padding: 0; list-style: none; margin-top: 40px; }
.contact-page-left-section ol li { display: inline-block; }
.contact-page-left-section ol li a { font-family: 'CabinetGrotesk-Regular'; margin-right: 20px; color: #FFF; font-size: 18px; }
.contact-form textarea.form-control,
.contact-form input.form-control { border: 1px solid #d9d9d940; background: transparent; height: 46px; border-radius: 5px; margin-bottom: 24px; }
.contact-form textarea.form-control { height: 160px; }
.contact-form textarea.form-control::placeholder, .contact-form input.form-control::placeholder { color: #FFFFFF; font-family: 'CabinetGrotesk-Regular'; font-size: 15px; }
.contact-form input.btn { background: #fff; border-radius: 7px; padding: 14px 22px; font-size: 15px; font-family: 'CabinetGrotesk-Bold'; color: #192028; }
.single-service-intro h3 { font-size: 40px; color: #fff; font-family: 'CabinetGrotesk-Bold'; margin-bottom: 30px; }
.single-service-intro p { font-size: 20px; font-family: 'CabinetGrotesk-Thin'; color: #fff; margin-bottom: 30px; max-width: 90%; }
.single-service-intro p strong { font-family: 'CabinetGrotesk-Medium'; }
.single-service-intro.img p, .single-service-intro img { width: 100%; max-width: 100%; }
.who-we-ara p { font-family: 'CabinetGrotesk-Regular'; font-size: 17px; color: #eee; margin-top: 15px; margin-bottom: 10px; }
.main-navigation ul .menu-item-has-children>a:after, .main-navigation ul .page_item_has_children>a:after { top: 0; }
.main-navigation ul .sub-menu li a { color: #121111 !important; } 
[letters-fade-in-random] { max-width: 70% !important; }