/*!
Theme Name: DF Theme
Author: Underscores.me
Description: Description
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: df-theme
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

df-theme is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Generic
	- Normalize
	- Box sizing
# Base
	- Typography
	- Elements
	- Links
	- Forms
## Layouts
# Components
	- Navigation
	- Posts and pages
	- Comments
	- Widgets
	- Media
	- Captions
	- Galleries
# plugins
	- Jetpack infinite scroll
# Utilities
	- Accessibility
	- Alignments

--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Generic
--------------------------------------------------------------*/

/* Normalize
--------------------------------------------- */

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

/* Document
	 ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */


html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, 
legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, a, nav, section, summary, time, mark, audio, video { margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent; text-decoration:none; list-style:none; outline:none; -webkit-font-smoothing: subpixel-antialiased; -webkit-tap-highlight-color:rgba(0,0,0,0);}

html,body { -webkit-text-size-adjust:none; height: 100%; }
article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary {display: block;}
iframe {vertical-align: top;}
textarea:focus, input:focus, a, div, img { outline: none; }

*,
*:before,
*:after {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}

/* 2. Base Typography
------------------------------------------------------------------------------*/


body{ color:#000; font-size:16px;  font-family: 'Poppins', sans-serif;   font-weight:400; line-height:1.5; background-color: #fff;display: flex;flex-wrap: wrap;}
div#page {	width: 100%;}
.h1, .h2, .h3, .h4, .h5, .h6, 
h1, h2, h3, h4, h5, h6 {color: #000; line-height: 1.2;font-weight:700; font-family: 'Poppins', sans-serif;}
.h1, h1 {font-size:40px; margin-bottom: 20px;}
.h2, h2 {font-size:35px; margin-bottom: 20px;}
.h3, h3 {font-size:25px; margin-bottom: 18px;}
.h4, h4 {font-size:22px; margin-bottom: 17px;}
.h5, h5 {font-size:20px; margin-bottom: 15px;}
.h6, h6 {font-size:18px; margin-bottom: 10px;}
h1 a, .h1 a, h2 a, .h2 a, h3 a, .h3 a, h4 a, .h4 a, h5 a, .h5 a, h6 a, .h6 a {color: inherit; text-decoration: none;}

p { color:#000; font-size:16px; font-weight:400; line-height:1.6;  margin-bottom:15px; }
p:last-child { margin-bottom:0; }

ul, 
ol{ margin: 0;padding: 0;margin-left: 17px;}
ul li, 
ol li{ font-size:16px;  color:#000; font-weight:400; line-height:1.5;padding: 0;margin: 0;padding-bottom: 5px; }
ul > li { list-style:outside disc; }
ol > li { list-style: outside decimal; }

blockquote{ display:block; text-align:left; margin-bottom:20px; position:relative; background:#f3f3f3; padding:20px 20px; border-left:4px solid #1589cb;line-height: 2;font-size: 20px; font-style: italic;margin-bottom: 25px;}
blockquote p{ font-size:inherit; font-weight:inherit; line-height:inherit; }

hr {border:0 #000 solid; border-top-width:1px; clear:both; height:0;margin: 10px auto 40px;}

img{ border:none; max-width: 100%; vertical-align: top; height: auto;}
img[src$=".svg"] {width: 100%;}

/* 4. Link
------------------------------------------------------------------------------*/
a{ color:#0490D4; transition: background-color 0.3s ease 0s, color 0.3s ease 0s; }
a:hover{ color:#000; text-decoration: underline; }
a:focus {outline: none;}

/* 5. Forms
------------------------------------------------------------------------------*/
form label {color:#000; font-size:16px; font-weight:400; line-height:1.5;  margin-bottom:10px; display: block;}
input, 
textarea, 
button {  font-family: 'Poppins', sans-serif;    }
input[type="text"],
input[type="submit"],
input[type="button"],
input[type="password"],
input[type="email"],
input[type="tel"],
input[type="search"],
textarea {-webkit-appearance: none; outline: none;border-radius: 0;}

input[type="text"], 
input[type="password"], 
input[type="email"], 
input[type="tel"], 
input[type="search"],
input[type="number"],
textarea { border:1px solid #dedede; padding:7px 10px; color:#000; font-size:16px;font-weight: normal; width: 100%;}

textarea{ height:150px; resize:none; overflow: auto; padding: 10px 15px; }

input[type="text"]:focus, 
input[type="password"]:focus, 
input[type="email"]:focus, 
input[type="tel"]:focus, 
input[type="search"]:focus,
input[type="number"]:focus,
textarea:focus {border-color: #66afe9}

button,
input[type="button"],
input[type="reset"],
input[type="submit"] {-webkit-appearance: button; cursor: pointer; background-color: #cbcbcb; padding: 0 15px; height: 40px; display: inline-block; vertical-align: top; font-size: 14px; font-weight: 600; line-height: 1.52857143; text-align: center; border: none; text-transform: uppercase; border-radius: 0px; color: #fff; background-color: #0eb769; }

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {background-color: #000000; color: #fff;}

input[type="search"] {-webkit-appearance: textfield;}

input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration {-webkit-appearance: none;}

/* placeholder color */
::-webkit-input-placeholder { opacity: 1 !important; color: #666; }
:-moz-placeholder { opacity: 1 !important; color: #666; }
::-moz-placeholder { opacity: 1 !important; color: #666; }
:-ms-input-placeholder { opacity: 1 !important; color: #666; }

.form-group {margin-bottom: 30px;}

/* buttons */
.btn {	display: inline-block;	vertical-align: top;	padding: 16px 40px;	font-size: 20px;	font-weight: normal;	line-height: 1.52857143;	text-align: center;	border: none;	color: #fff;	font-family: 'CircularStdBlack';	outline: none !important;	background: linear-gradient(97.03deg, #50abf5 17.19%, #1f67a2 106.13%);	box-shadow: 0px 0px 25px rgba(92, 169, 191, 0.2);	border-radius: 5px;	height: 60px;}
.btn:hover,
.btn:focus { color: #fff; background-color: #333333; border-color: #333333;text-decoration: none}
.btn-sm {padding: 8px 16px; }
.btn-md {padding: 12px 24px;}
.btn-link { color: #98989c; text-transform: uppercase; font-size: 12px; font-weight: 700; letter-spacing: 2px; border-bottom: 1px solid #98989c; margin-bottom: 2px; }
.btn-link:hover,
.btn-link:focus{ color: #0eb769; font-weight: 700; text-decoration: none; border-bottom: 1px solid #0eb769; }

/* 6. Tables
------------------------------------------------------------------------------*/
table {border-spacing: 0; border-collapse: collapse;}
td {text-align: left; font-weight: normal;}
.table-responsive {display: block;width: 100%;overflow-x: auto;-webkit-overflow-scrolling: touch;-ms-overflow-style: -ms-autohiding-scrollbar}
.table-bordered{width: 100%;max-width: 100%;text-align: left;}
.table-bordered th, 
.table-bordered td{ vertical-align: bottom;border-bottom: 1px solid #ddd;padding: 10px;}

/* 7. Layout Framework
------------------------------------------------------------------------------*/
/* main container */
#wrapper {width: 100%;display: flex;min-height: c az100%;position: relative;flex-wrap: wrap;background-color: #fff;justify-content: space-between;align-content: space-between;}
.main-container{width:100%;}
.container {max-width: 1175px;}

.logo_pull { width: 250px; margin: 0px 0 0;}

/*---- header ----*/
/*body { margin-top: 96px; }*/
.main-header { width:100%; height:auto; padding: 0px 0; position: fixed; z-index: 999; background-color: #fff; top:0px; }
.main-header.fixed {box-shadow: 0px 0px 25px rgb(0 0 0 / 25%); -webkit-box-shadow: 0px 0px 25px rgb(0 0 0 / 25%);}

.main-header .container { max-width: 100%; padding: 0 40px; }
.main-header .logo{ /*max-width: 200px;*/ display: block; }
.main-header .logo img{ display: block; }
.main-header .head_right{ display: flex; align-items: center; justify-content: space-between;}

.main-header .head_right .btn { background: linear-gradient(264.36deg, #3A8860 22.14%, #2C734F 96.57%);
border-radius: 8px;box-shadow: 0px 0px 25px rgba(92, 169, 191, 0.2);
border-radius: 5px; 	 font-family: 'Poppins', sans-serif; 	font-weight: 700;	text-transform: none;	font-size: 18px;	padding: 14px 17px;	border-radius: 4px;	-webkit-border-radius: 4px;	box-shadow: 0px 0px 25px rgba(0, 0, 0, 0.25);	-webkit-box-shadow: 0px 0px 25px rgba(0, 0, 0, 0.25); margin: 0 0 0 20px;}
.main-header .head_right .btn:hover{ background-color: #333333; }
.main-header .head_right .head_phone{ color: #333; font-family: 'Poppins', sans-serif;  font-weight: 700; font-size: 22px; display: flex; align-items: center; padding: 0px 17px; 	 height: 55px; border-radius:5px;  margin-left: 0px; }
.main-header .head_right .head_phone i{ line-height: 1; margin-right: 5px; position: relative; z-index: -1;}

.main-header .head_right .head_phone:hover{ text-decoration: none; }


.main-header .call-btn {    background: #3A3A3C;    height: 100%;    margin: 0 -25px 0 0;    padding: 10px 44px 0 100px; position: relative;}
.main-header  .call-btn a span {    display: block;    font-size: 18px;   color: #fff;    text-transform: uppercase; font-weight:500;  padding-bottom: 5px;}
.main-header .call-btn i.fa.fa-phone {    position: absolute; left: 0px;}
.main-header .call-btn a{ font-size:30px; font-weight:700; color:#fff; line-height:1; text-decoration:none; }
.main-header .call-btn a i.fa.fa-phone {   width: 42px;   height: 42px;    position: absolute;    background: #F7941D;    color: #000;    text-align: center;    display: flex;    align-items: center;    justify-content: center;    border-radius: 45px;    margin: 5px 0 0 35px;}

/* responsive nav for small devices */
.hamburger{padding: 0;margin: 0;height: auto;width: auto; text-align: center;background-color: transparent; position: fixed;top: 14px;right: 20px;z-index: 1000;}
.hamburger:not(.close){}
.hamburger:hover, 
.hamburger:focus{background-color: transparent;outline: none;}
.hamburger .line{width: 30px;height: 4px;background-color: #ff5500;display: block;margin: 6px auto;}
.hamburger:hover{cursor: pointer;}
.hamburger.close{padding: 0;}
.hamburger.close .wrap{ position: relative;width: 30px;height: 30px;display: block;}
.hamburger.close .line{margin: 0;width:100%;position: absolute;top: calc(50% - 2px);transform: rotate(45deg);background-color: #ff5500;}
.hamburger.close .line:last-child{transform: rotate(-45deg);}
#menu{position: fixed;top: -100%;left: 0;width:100%;height: 100%;transition: all 0.3s ease-in-out;z-index: 999; padding-top: 60px;}
#menu .row.no-gutters{ background-color: #fff; }
#mobilenav.is-open #menu{top: 0;}
#mobilenav .nav-logo{padding: 15px;}
#mobilenav .nav-logo img{ max-width: 160px; }
#mobilenav ul,
#mobilenav li{padding: 0;margin: 0;list-style: none;position: relative;}
#mobilenav ul ul{display: none;}
#mobilenav .caret{display: block;width: 36px;height: 36px;position: absolute;top: 3px;right: 2px;cursor: pointer;}
#mobilenav .caret:not(.trigger-caret){pointer-events: none;}
#mobilenav .caret:before,
#mobilenav .caret:after{content:'';position: absolute;top: 0;left: 0;bottom: 0;right: 0;display: block;margin: auto; width: 20px;height: 2px;background: #fff;}
#mobilenav .caret:after{transform: rotate(-90deg);transition: all .2s ease;}
#mobilenav .is-open > .caret:after{transform: rotate(0)}
#mobilenav ul a {display: block;padding: 10px 15px;cursor: pointer;z-index: 2;font-size: 16px;text-decoration: none;color: #ffffff;border-bottom: 1px solid rgb(255 255 255 / 20%);}
#mobilenav .has-sub>a{padding-right: 40px;}
#mobilenav li li a { padding-left: 30px; font-size: 14px;text-decoration: none;color: #dddddd;background: #49505a; }
#mobilenav li li li a {padding-left: 50px;}
#mobilenav .nav-backdrop{ position: fixed;height: 100%;width: 100%;background: rgba(0,0,0,0.8);z-index: -1;opacity: 0;visibility: hidden;transition: all 0.4s ease-in;}
#mobilenav.is-open .nav-backdrop{ opacity: 1;z-index: 999;visibility: visible;}
#mobilenav .menu-outer{max-height: calc(100vh - 80px);overflow-y: auto; background-color: #ff5500;}

/* nav */
.navigation { /*width:100%;*/ height:auto; }
.navigation ul{ padding: 0; margin: 0; list-style: none; }
.navigation ul li{ padding: 0 10px; margin: 0; list-style: none; display: inline-block; vertical-align: top;}
.navigation ul li a { color: #000; font-size: 16px;  font-family: 'Poppins', sans-serif;   font-weight: normal; }
.navigation ul li a:hover{ text-decoration: none; color: #fff;}


.navigation ul li:hover .sub-menu{-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter: alpha(opacity=100);-moz-opacity: 1;-khtml-opacity:1;opacity:1; visibility: visible; pointer-events: auto; top: 100%;}
.navigation ul li{ position: relative; }
.navigation ul li.current_page_item > a, .navigation ul li.current-page-ancestor > a{ color: #fff; }
.navigation ul li > a:after{content: '';position: absolute; width: 100%;height: 40px;left: 0;bottom: -40px;}

.navigation ul li ul li a {    font-size: 14px;}
.navigation ul.sub-menu {    margin: 7px 0 20px;}
.navigation ul li a {    display: block;    padding: 4px 0;}

/*
.navigation ul li .sub-menu{ position: absolute; left: 0; top: 90%; min-width: 230px; background: #fff; z-index: 99; padding:20px 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter: alpha(opacity=0);-moz-opacity: 0;-khtml-opacity: 0; opacity:0; visibility: hidden; pointer-events: none; box-shadow: 0px 0px 10px #00000029; -webkit-box-shadow: 0px 0px 10px #00000029; margin: 25px 0; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; border-radius: 6px; -webkit-border-radius: 6px;}
.navigation ul li .sub-menu:before{ content: ''; position: absolute; left: 40px; top: -19px; width: 0; height: 0; border-style: solid; border-width: 0 14px 20px 14px;border-color: transparent transparent #ffffff transparent; z-index: 1; }
.navigation ul li .sub-menu:after{ content: ''; position: absolute; left: 40px; top: -20px; width: 0; height: 0; border-style: solid; border-width: 0 14px 20px 14px;border-color: transparent transparent #00000029 transparent; }
.navigation ul li .sub-menu li{ padding: 5px 0; margin: 0; display: block;}
.navigation ul li .sub-menu li:first-child{ border-top:none; }
.navigation ul li .sub-menu li a{ padding: 0px 17px; border-radius: 0; -webkit-border-radius: 0; color: #333333; background: none; text-transform: none;   display: block; font-size: 14px;}
.navigation ul li .sub-menu li.current-menu-item, .navigation ul li .sub-menu li:hover{ color: #F7941D;}
.navigation ul li .sub-menu li.current-menu-item a, .navigation ul li .sub-menu li:hover a{ color: #F7941D; }
*/

/*---- footer ----*/
.main-footer { width:100%; height:auto; background:#E9ECEE; line-height: normal; position: relative; padding: 50px 0 40px; z-index: 1; background-repeat: repeat; border-top: #3e89c7  solid 6px;}
/*.main-footer::before {	content: ''; 	position: absolute; 	top: 0; 	width: 100%; 	height: 108px; 	background: url(assets/images/fo-bg.jpg) top center;	z-index: -1;	background-size: 100% 108px;}*/
.fo_review .fr_dv { float: right; }
.fo_review .fr_dv a{ float: left; }
.fo_review .fr_dv a + a { margin-left: 20px; }
.top_footer {	padding: 0 0 29px;	border-bottom: #ADB8C3 solid 1px;}
.top_footer .fo_phone .phone_f i {	width: 38px;	display: inline-block;	margin-right: 12px;	vertical-align: top;	position: relative;	top: 8px;}
.top_footer .fo_phone .phone_f  {	font-size: 38px;	color: #0490D4;	display: block; font-family: 'Poppins', sans-serif;   text-decoration:none !important; }

.middle_footer {	padding: 0px 0 0px;	}
.middle_footer h3 { color: #333333; font-size: 20px; margin: 0px 0px 15px; padding: 0px; }
.middle_footer ul { margin: 0px; padding: 0px; }
.middle_footer ul li { list-style: none; }
.middle_footer ul li a{ color: #333; font-size: 14px; text-decoration: none; }
.middle_footer ul li a:hover {color: #078BCC;}

.social-icons .fa {	width: 40px;	height: 40px;	background: #3261a8;	border-radius: 100%;	text-align: center;	line-height: 41px;	font-size: 20px;	color: #fff;}

.main-footer h2{ color: #333333; font-family: 'Poppins', sans-serif;   font-weight: 700; font-size: 20px; margin: 0 0 10px; }


.main-footer .foo_contact{ margin-bottom: 30px; }
.main-footer .foo_contact p{   font-family: 'Poppins', sans-serif;   font-weight: normal; font-size: 14px; position: relative; padding-left: 40px; line-height: 1.4; min-height: 30px; display: flex; align-items: center; flex-wrap: wrap; word-break: break-word; color: #333;}
.main-footer .foo_contact p a{ color: #333; font-size:14px; }
.main-footer .foo_contact p i{ padding-right: 15px; position: absolute; left: 0; top: 5px;}
.main-footer .social-icons ul{ margin: 0; padding: 0; }
.main-footer .social-icons ul li{ margin: 0 5px 0 0; padding: 0; list-style:none; display: inline-block; vertical-align: top; }
.main-footer .social-icons ul li a{ display: block;  transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out;}
.social-icons .fa.fa-twitter {	background: #3DB5F9;}
.social-icons .fa.fa-youtube-play {	background: #CC1C1C;}
.main-footer .social-icons ul li a:hover{ opacity: 0.8; }
.main-footer .rs_nav ul { margin-bottom: 15px; }
.copy {	text-align: center;	padding: 40px 0 0 0;	color: #fff;}

.main-footer .foo_copyright{ text-align: center; border-top: 1px solid #D5D5D5;}
.main-footer .foo_copyright p{color: #333333; font-size: 14px; margin: 0; padding: 20px 0;  font-family: 'Poppins', sans-serif;   font-weight: normal;}
.main-footer .foo_copyright p a{ color: #FF5500; }
.main-footer .footer_l{ padding:50px 0 30px;  }
.main-footer .footer_r{ padding:50px 0 30px 30px;  }
.main-footer .footer_r h2{ margin-bottom: 20px; }

.bottom_footer { padding: 25px 0; border-bottom: 1px solid #D5D5D5; overflow: hidden; margin: 0px; }
.bottom_footer .cer_box { float: left; }
.bottom_footer .cec_box { float: left; margin-left: 25px; }
.bottom_footer .b_left { float: left; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap;}
.bottom_footer .b_right { float: right; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap;}

.fo_terms {padding: 30px 0 0; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap;}
.copy {    text-align: center;    padding: 14px 0;    background: #078BCC; color: #fff;}

/*--------- home page ------------*/
/* banner part */

.home_banner { width:100%; position:relative; }
.home_banner .hero-img { width:100%; display:block; }
.home_banner .hero-img img { width:100%;  display: block;}
.home_banner article {    position: absolute;    bottom: 1px;    max-width: 600px;    background: rgba(0,0,0,0.7);    width: 100%;    padding: 30px 40PX;    left: 50px; border-radius:8px 8px 0 0 }

.home_banner h2 {    color: #fff;    margin: 0 0 26px;  font-family: 'Poppins', sans-serif;  font-size: 35px; font-weight:600; line-height:50px }
.home_banner .btn-cal {    background: linear-gradient(264.36deg, #FFFFFF 22.14%, #FFFFFF 96.57%);    border: 1px solid #2D7450;    border-radius: 8px;    width: 225px;    height: 55px;    display: inline-block;    text-align: center;    padding: 13px 0;    color: #2D7450;    font-size: 18px;    font-weight: 700;    text-decoration: none; text-transform: uppercase; }





.slideshow {  position: relative;  z-index: 1; }
.slideshow * {  outline: none;}.slideshow .slider {  box-shadow: 0 20px 50px -25px black;}
.slideshow .slider-track {  -webkit-transition: all 1s cubic-bezier(0.7, 0, 0.3, 1);  transition: all 1s cubic-bezier(0.7, 0, 0.3, 1);}
.slideshow .item {  height: 100%;  position: relative;  z-index: 1;}
.slideshow .item img {  width: 100%;  -webkit-transition: all 1s cubic-bezier(0.7, 0, 0.3, 1);  transition: all 1s cubic-bezier(0.7, 0, 0.3, 1);  -webkit-transform: scale(1.3);          transform: scale(1.3);}
.slideshow .item.slick-active img {  -webkit-transform: scale(1);          transform: scale(1);  -webkit-animation: cssAnimation 8s 1 ease-in-out forwards;  animation: cssAnimation 8s 1 ease-in-out forwards;}

.slideshow .item { width:100%; height:100vh; background:#000; }
.slideshow .item img { width:100%; height:100%; object-fit:cover; }
.slideshow .item .hero-img { display:block; width:100%; height:100%; } 


.spec-text {    max-width: 1200px;    float: right;    width: 90%;    padding: 0 170px;    text-align: center;    line-height: 1;    position: relative;}
.spec-text::before{ content:''; position:absolute; left:0px; width:100%; height:1px; background:#000; top:8px; }
.spec-text::after {    content: '';    position: absolute;    left: 0px;    width: 1px;    height: 14px;    background: #000;    top: 1px;}
.spec-text span { display:inline-block; background:#fff; position:relative; z-index:1; padding:0 15px;  font-family: 'Jost', sans-serif; font-weight: 300;}
.spec-text span strong { font-weight:700; margin-right:10px; }

.about-full {    clear: both;    padding: 40px 0 0;}
.about-full .container {  max-width:100%; width:100%; padding:0px; }
.about-full .container .row { margin:0px; }
.about-full .container .row .col-md-6 { padding:0px; }
.about-padd {    max-width: 624px;    float: right;    margin-right: 62px; padding-left: 70px; position: relative;}
.about-full .img_blk img { width:100%;	 }

.about-full{ font-family: 'Jost', sans-serif; }
.about-full p { font-family: 'Jost', sans-serif; font-size:16px; line-height:28px; font-weight:400; }
.about-full  .link-r{ font-size:16px; font-weight:500; color:#000; }
.about-padd h2 {    font-size: 40px;    font-family: 'Jost', sans-serif;    font-weight: 700;    position: absolute;    transform: rotate(-90deg);    left: -35px;    margin: 0;    top: 50px;}
.about-padd h2 span {    position: absolute;    top: -13px;    color: #eeeeee;    left: -60px;    font-size: 58px;    z-index: -1;}
.about-full article {    margin: 50px 0 0 0px;    padding: 25px;    border-top: #000 solid 1px;    border-right: #000 solid 1px; position: relative;}
.about-full article::after { content:''; position:absolute; width:calc(100% - 100px); bottom:0px; right:0px; }
.about-full article h3 {font-family: 'Jost', sans-serif;  font-size: 24px; line-height: 40px; margin: 0px; padding: 0px; text-transform: uppercase;}


.about-full article::after {    content: '';    position: absolute;    width: calc(100% - 200px);    bottom: 0px;    right: 0px;    height: 0;    border-top: #000 solid 1px;}
.about-full article::before {    content: '';    position: absolute;    left: 0px;    width: 1px;    height: 14px;    background: #000;    top: -7px;}


@keyframes cssAnimation {
  from {    -webkit-transform: scale(1) translate(0px);  }
  to {    -webkit-transform: scale(1.3) translate(0px);  }
}





@-webkit-keyframes cssAnimation {
  from {
    -webkit-transform: scale(1) translate(0px);
  }
  to {
    -webkit-transform: scale(1.3) translate(0px);
  }
}


/************/

.about-sec { padding:40px 0 60px; }


.founder-sec { background:#000; padding:50px 0 80px}
.founder-sec p{ font-family: 'Jost', sans-serif;   font-size: 16px; color: #fff; line-height: 30px; color: #fff;}
.founder-sec .heading-box {    background: #232323;    width: 373px;    height: 373px;    border-radius: 100%;    border: #1C1C1C solid 20px; padding: 15px;}
.founder-sec .heading-box center { width:100%; height:100%; background:#000;  border-radius:100%;     display: flex;    align-items: center; }
.founder-sec .heading-box center h2 {  color:#fff; font-family: 'Jost', sans-serif; font-size: 42px; margin: 0px; padding: 0px; font-weight: 800; line-height: 1}
.founder-sec .heading-box center h2 small { font-size:18px; display:block; color:#999; font-weight:600; }
.founder-sec .heading-box center h2 span {    display: block;    font-size: 28px; }
.founder-sec .heading-box center h2 small {    max-width: 199px; line-height: 24px;}  
.founder-sec .lf-padd {    padding-left: 70px;}
.founder-sec a.rm-link {    color: #fff;    font-weight: 300;    font-family: 'Jost', sans-serif;    text-decoration: none !important;    border-bottom: #fff solid 1px;}

.noreen-quote {    margin: 60px 0 0;    padding: 35px 45px 35px 0px;    border-top: #505050 solid 1px; border-right:#505050 solid 1px; width:100%;  border-bottom: #505050 solid 1px; position: relative;}
.noreen-quote::before {    content: '';    position: absolute;    left: 0px;    width: 1px;    height: 14px;    background: #505050;    top: -7px;}
.noreen-quote .row { flex-direction:row-reverse; align-items:center; }
.noreen-quote article p {    font-size: 23px;    font-family: 'Jost', sans-serif;    font-weight: 300;    line-height: 40px;    font-style: oblique;}
.noreen-quote  article {    max-width: 683px;    width: 100%;}
.noreen-quote .name-call {    color: #fff;    position: absolute;    bottom: -24px;    padding: 0 40px 0 0px;    background: #000;  font-family: 'Jost', sans-serif; font-weight: 700; font-style: italic; font-size: 26px;}
.noreen-quote .name-call::after {    content: '';    position: absolute;    right: 0px;    width: 1px;    height: 14px;    background: #505050;    top: calc(50% + 6px);}
.noreen-quote .name-call small { display:block; font-size:22px; font-style:normal; color:#656565; }

.full-img img { display:block; }


.services-sec { padding:30px 0 70px; }
.services-sec .row  { justify-content: center;}
.services-sec h2 {    font-size: 40px;    font-family: 'Jost', sans-serif;    font-weight: 700;    position: absolute;    transform: rotate(-90deg);    left: -65px;    margin: 0;    top: 120px;}
.services-sec h2 span {    position: absolute;    top: -7px;    color: #eeeeee;    left: -60px;    font-size: 50px;    z-index: -1;}
.services-sec .col-md-4 { margin-top:40px; }
.services-sec .content-block { padding-left:130px; position:relative; }
.services-sec .padd{ text-align:center; }
.services-sec h3 { font-size:22px; font-weight:600; font-family: 'Jost', sans-serif; text-transform:uppercase; }
.services-sec .img-box { margin-bottom:20px; display:block; }

.footer { background:#000; padding:50px 0 }
.footer h3 { font-size:24px; color:#fff; font-family: 'Jost', sans-serif; margin:0 0 10px; }
/*.fo-logo { width:300px; margin-bottom:40px; }*/
.fo-logo {
    width: 80px;
    margin-top: 25px;
}
.fo-link ul { margin:0px; padding:0px; }
.fo-link ul li { list-style:none; }
.fo-link ul li a{ color:#fff; font-size:18px; color:#999999; font-family: 'Jost', sans-serif; text-decoration:none;}
.fo-link ul li a:hover { color:#fff; }
.fo-contact p {font-size:18px; color:#999999; font-family: 'Jost', sans-serif;}
.fo-contact a{ color:#999; text-decoration:none; }
.fo-contact a:hover{ color:#fff; }

/***********************/

div#page {    padding-left: 80px;}
.header-in { width:80px; height:100%; position:fixed; left:0px; top:0px; background:#000;  -webkit-transition: .3s ease-in-out;-moz-transition: .3s ease-in-out;-o-transition: .3s ease-in-out;transition: .3s ease-in-out; z-index: 10000;}
.header-in.active { width:300px; }
.header-in:before {    content: '';    position: absolute;    width: 1px;    height: 100%;    background: #535353;    left: calc(50% - 1px); -webkit-transition: .3s ease-in-out;-moz-transition: .3s ease-in-out;-o-transition: .3s ease-in-out;transition: .3s ease-in-out;  }
.header-midd { background:#000; padding:24px 0 24px; position: relative; z-index: 1; }

.menu-btn-6 {            height: 32px;            width: 40px;            cursor: pointer;        }        
.menu-btn-6 span,.menu-btn-6 span::before,.menu-btn-6 span::after { background: #fff; content: ''; position: absolute; width: 40px; height: 3px;    margin-top: 13px; 
            -webkit-transition: .3s ease-in-out .3s;            -moz-transition: .3s ease-in-out .3s;            -o-transition: .3s ease-in-out .3s;            transition: .3s ease-in-out .3s;        }
.menu-btn-6 span::before {margin-top:-12px;-webkit-transition: .3s ease-in-out;-moz-transition: .3s ease-in-out;-o-transition: .3s ease-in-out;transition: .3s ease-in-out;        }
.menu-btn-6 span::after {margin-top:12px; -webkit-transition: .3s ease-in-out;-moz-transition: .3s ease-in-out;-o-transition: .3s ease-in-out;transition: .3s ease-in-out;        }
.menu-btn-6.active span {background: transparent; -webkit-transition: .5s ease-in-out;-moz-transition: .5s ease-in-out;-o-transition: .5s ease-in-out;transition: .5s ease-in-out; -webkit-transform:rotate(-90deg);-moz-transform:rotate(-90deg);
            -o-transform:rotate(-90deg);            transform:rotate(-90deg);        }
.menu-btn-6.active span::before {margin-top:0;-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-o-transform: rotate(-45deg);transform: rotate(-45deg);-webkit-transition-delay: .5s;-moz-transition-delay: .5s;-o-transition-delay: .5s;transition-delay: .5s;        }
.menu-btn-6.active span::after {margin-top:0; -webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg);-webkit-transition-delay: .6s;-moz-transition-delay: .6s;-o-transition-delay: .6s;transition-delay: .5s;        }
.menu-btn-6 {    height: 32px;    width: 40px;    cursor: pointer;    margin: 0px auto 0;}

.navigation { width:100%; clear:both; text-align:center; padding:10px 0 0; display: none; height: ; -webkit-transition: .3s ease-in-out;-moz-transition: .3s ease-in-out;-o-transition: .3s ease-in-out;transition: .3s ease-in-out;    }
.header-in.active .navigation { display:block; }
.navigation ul { margin:0px; padding:0px; }
.navigation ul li { list-style:none; width:100%; }
.navigation ul li a { color:#fff; display:block; font-size:16px; color:#999;  font-family: 'Jost', sans-serif; }



/*******************/

.loading-page {  background: #0d0d0d;  width: 100vw;  height: 100vh;  display: -webkit-box;  display: flex;
  -webkit-box-pack: center;          justify-content: flex-end;  -webkit-box-align: flex-end;          align-items: flex-end;
justify-content: flex-end;    align-items: flex-end;   }

.page-loading .loading-page { opacity:10; visibility:visible; height:100vh; -webkit-transition: .3s ease-in-out;-moz-transition: .3s ease-in-out;-o-transition: .3s ease-in-out;transition: .3s ease-in-out;  z-index:1000000;}
.loading-page {  opacity:0; visibility:hidden; position:fixed; z-index:-1;  }



.loading-page .counter {  text-align: center;}
.loading-page .counter p {  font-size: 40px;  font-weight: 100;  color: #f60d54;}
.loading-page .counter h1 {  color: white;  font-size: 30px;  margin-top: -10px; margin-left:28px !important; }
.loading-page .counter hr {  background: #f60d54;  border: none;  height: 1px; position: absolute; width: 2px; bottom:0; margin: 0px; right: 94px;}
.loading-page .counter {  position: static;  width: 160px;}
.loading-page .counter h1.abs {  position: absolute;  top: 0;  width: 100%;}
.loading-page .counter .color {  width: 0px;  overflow: hidden;  color: #f60d54;}
.loading-page .counter h1 {position: absolute;    bottom: 0; margin: 0px;}


.inner_banner { width:100%; height:250px; background-position:center; position:relative; display:flex; align-items:center; justify-content:center ; background-position:bottom; }
.inner_banner::after { content:''; position:absolute; width:100%; height:100%; background:rgba(0, 0, 0, 0.7); top:0	 }
.inner_banner .container { position:relative; z-index:1; }
.inner_banner h1 {  color:#fff; text-align:center;  font-family:'Jost', sans-serif;}
.inner_banner  center.bradcrumb-call span { color:rgba(255,255, 255, 0.6); }
.inner_banner  center.bradcrumb-call  {  color:#fff; }
.inner_banner  center.bradcrumb-call a { text-decoration:none; }
.inner_banner  center.bradcrumb-call a span {    color: #fff; text-decoration: none;}

/************/

.inner-page h1,.inner-page h2,.inner-page h3,.inner-page h4 { font-family:'Jost', sans-serif; }
.details-page h1,.details-page h2,.details-page h3,.details-page h4 { font-family:'Jost', sans-serif; }

.details-page .inner-page{ padding:50px 0;  font-family:'Jost', sans-serif; }
.details-page .inner-page .container{padding:25px 0px 25px 60px; border-left:#000 solid 1px; position: relative;}
.details-page .inner-page .container::before{ content:''; width: 20px; height: 1px; background: #000; top: 0px; position: absolute; left: -10px;}
.details-page .inner-page .container::after{ content:''; width: 20px; height: 1px; background: #000; bottom: 0px; position: absolute; left: -10px;}

.details-page .inner-page p { font-size:17px; font-family:'Jost', sans-serif;}

.details-sec { padding-bottom:50px; }
.details-sec center h2 { margin-bottom:40px; }
.details-sec .wrapp{ background:#F2F2F2; padding:40px; max-width: 1700px; width: 94%; margin: auto; border-radius: 20px;}
.details-sec .w-padd { background:#fff; padding:25px; border-radius:15px 0px; }
.details-sec .w-padd + .w-padd { margin-top:20px; }
.details-sec p { font-size:15px; margin:0px; padding:0px;  font-family:'Jost', sans-serif; line-height: 22px;}
.details-sec p + p { margin-top:20px; }
.details-sec .h3 { font-size:22px; margin:0px 0px 7px; padding:0px; }
.details-sec .img_blk {}
.details-sec .img_blk img {    border-radius: 7px;    box-shadow: 1px 1px 15px rgba(0,0,0,0.1);}
.details-sec .img_blk {    position: sticky;    top: 40px;}


.other-detalis-sec { padding:0 0 50px;  font-family:'Jost', sans-serif; line-height: 22px; font-size:15px;}
.other-detalis-sec .col-md-6 { margin-bottom:25px; }
.other-detalis-sec .h3 { font-size:22px; margin:0px 0px 7px; padding:0px; }
.other-detalis-sec p { font-size:15px; margin:0px; padding:0px;  font-family:'Jost', sans-serif; line-height: 22px;}
.other-detalis-sec .d-bt { padding-top:20px; }
.other-detalis-sec  .img_blk img {    border-radius: 7px;    box-shadow: 1px 1px 15px rgba(0,0,0,0.1);}
.other-detalis-sec  .img_blk {    position: sticky;    top: 40px;}


.call-action { text-align:center; margin:0px 0 50px }
.call-action .wrapp{ background:#262626; padding:40px; max-width: 1700px; width: 94%; margin: auto; border-radius: 20px;}
.call-action a{ max-width:384px; background:#F99232; height:64px; text-align:center; display:inline-block; width:100%; color:#000; text-align:center;  font-family:'Jost', sans-serif; font-weight: 700; font-size: 18px;}
.call-action a {    max-width: 340px;    background: #F99232;    height: 64px;    display: inline-block;    width: 100%;    color: #000;    text-align: center;    font-family: 'Jost', sans-serif;    font-weight: 700;    font-size: 18px;    padding: 17px 0;    border-radius: 5px;    text-decoration: none !important;}
.call-action h3 { font-size:30px; font-family:'Jost', sans-serif; color: #fff; margin: 0px 0px 15px; padding: 0px;}
/*.call-action p { color:#fff;  font-family:'Jost', sans-serif; margin: 0 0 35px; font-size: 18px;}*/
.call-action p {    color: #fff;    font-family: 'Jost', sans-serif;    font-size: 18px;    max-width: 800px;    margin: 0 auto 35px;}

.call-action .wrapp h3 {    max-width: 820px;    margin: 0 auto 15px;    line-height: 44px;}



.default-page { padding:60px 0 }
.default-page p { font-size:15px;   font-family:'Jost', sans-serif; line-height: 22px;}

.inner-page ul { margin:0px 0px 0px 0px; padding:0px; }
.inner-page ul li {font-size:15px;   font-family:'Jost', sans-serif; list-style: none; padding-left: 24px; position: relative;}
.inner-page ul li::before { content: "\f054"; font-family: FontAwesome; left: 0px; position: absolute; font-size: 12px; top: 3px;}
.default-page .wp-block-image  img {    border-radius: 7px;    box-shadow: 1px 1px 15px rgba(0,0,0,0.1);}

section.hero-slider .head-logo {
    position: absolute;
    z-index: 5;
    max-width: 230px;
    left: 18px;
    top: 10px;
}
section.hero-slider {    position: relative;}

.services-list-page { background:#d9d9d9; }
.services-list-page .padd-w {    background: #fff;    padding: 30px; border-radius: 6px; box-shadow: 1px 1px 15px rgba(0, 0, 0, 0.1);}
.services-list-page .col-md-6 { margin-bottom:30px; }
.services-list-page article {    height: 170px;    overflow: auto; margin-bottom: 14px;}
.services-list-page h3 { font-size:22px; }
.services-list-page a.link-btn {    border: #000 solid 1px;    padding: 9px 25px 7px;    display: inline-block;    font-size: 15px;    border-radius: 5px;    color: #000;    text-decoration: none !important;}
.services-list-page a.link-btn:hover { background:#000; color:#fff; }

/******/


.error-tab { overflow:hidden;}
.not-found  .intro.intro-small { display:none;}
.not-found {background: #222;	padding: 90px 0 110px;	text-align: center;	color: #fff;	width: 100%;	float: left;	margin-bottom: 0px;	font-size: 20px;	text-transform: uppercase;	font-weight: 700; height: 100vh; display: block;}
.not-found .not-four {	display: block;	font-size: 250px;	line-height: 1.2;	color: #fff;	font-weight: 900;	text-shadow: 1px 19px 46px rgba(0,0,0,0.4);	padding: 0px 0 0;}
.not-found  p, .error-404  a  { color:#fff; font-size:16px; text-transform:uppercase; display:block; padding-top:20px;}
.not-foundh1 { color:#fff;}
.not-found h1 { color:#fff !important;}
@media(max-width:767px) {
.not-found .not-four { font-size:140px;}
.not-found { font-size:16px;}
.not-found  p, .not-found  a  { font-size:14px;}
}


.contact-us {    background: #fff;    padding: 35px;}
.contact-us label {  }

.contact-us .wpcf7-list-item {    display: block;    margin: 0;    width: 50%;}
.contact-us .wpcf7-list-item label {    font-size: 15px;}
.contact-us span.wpcf7-form-control.wpcf7-checkbox.wpcf7-validates-as-required {    display: flex;    flex-wrap: wrap;}
.contact-us h3 { text-align:center; font-size:35px; margin:0px 0px 40px; padding:0px; }
.contact-us span.wpcf7-not-valid-tip {    display: none;}
.contact-us .in-blk {    margin: 0 0 16px;}
.contact-us .in-blk input[type="text"], .contact-us .in-blk input[type="tel"], .contact-us .in-blk input[type="email"] {
	width: 100%; height: 48px; border-radius: 5px; border: #ccc solid 1px; box-shadow: 1px 1px 15px rgba(0, 0, 0, 0.1);}
.contact-us .in-blk input:hover {box-shadow: 1px 1px 25px rgba(0, 0, 0, 0.2);}	
.contact-us input.wpcf7-not-valid { border-color:red; }
.contact-us .in-btn input.wpcf7-submit {    width: 100%;    height: 60px;    background: #000;    border-radius: 5px;    margin: 10px 0 0;}
.contact-us .wpcf7-list-item label {    font-size: 15px;    margin: 0 0 16px;}
.contact-us .padd-left {    padding-left: 25px;}
.contact-us label.tb {    font-weight: 700;}

.default-page .row-right {    flex-direction: row-reverse;	}

.top-social {    position: absolute;    right: 10px;    top: 20px;    z-index: 10;}
.top-social ul { margin:0px; padding:0px; }
.top-social ul li { list-style:none; float:left; margin:0 8px; }
.top-social ul li a{ width:35px; height:35px; background:#fff; border-radius:45px; color:#333; text-align:center; display:flex; align-items:center; justify-content:center; text-decoration: none;}
.top-social ul li a:hover { background:#000; color:#fff; }

.full-img, .full-img img {    width: 100%;}

.founder-sec h2 {    font-size: 35px;    color: #fff;    font-family: 'Jost', sans-serif;}
.founder-sec p { color:#d5d5d5; }
.founder-sec p strong {    color: #fff;}
.founder-sec .heading-box {    position: sticky;    top: 50px;	}


.home-default-page {    padding: 0px 14px 40px;}

.about-full .link-r { text-decoration:none; }

.home-default-page .container {    max-width: 1265px;}

.services-sec .img-box {    max-width: 80px;    margin: 0 auto 9px;}

.services-sec center { margin-top:40px; padding-left:0px; }
.services-sec a.ser-link {    border: #000 solid 1px;    padding: 12px 25px;    color: #000;    border-radius: 7px; text-decoration: none;}
.services-sec a.ser-link:hover { background:#000; color:#fff; }

.navigation em.submenu-caret {    position: absolute;    top: 0px;    right: 18px; cursor:pointer;}
.navigation em.submenu-caret .fa {    color: #fff;}
.navigation ul.sub-menu { display:none; }

.navigation em.submenu-caret .fa {
    color: #999;
}
.navigation  em.submenu-caret.toggled .fa { color:#fff;}

/****************/

.hero-slider-slider {
    position: relative;
    height: 100vh;
    width: 100%;
    overflow: hidden;
}
.video-background {  background: #000;  position: absolute;  top: 0;  right: 0;  bottom: 0;  left: 0;  z-index: -99;}
.video-foreground,.video-background iframe {  position: absolute;  top: 0;  left: 0;  width: 100%;  height: 100%;  pointer-events: none;}

@media (min-aspect-ratio: 16/9) {  .video-foreground {    height: 300%;    top: -100%;  }}
@media (max-aspect-ratio: 16/9) {  .video-foreground {    width: 300%;    left: -100%;  }}

@media all and (max-width: 600px) {
  .vid-info {    width: 50%;    padding: 0.5rem;  }
  .vid-info h1 {    margin-bottom: 0.2rem;  }
}
@media all and (max-width: 500px) {
  .vid-info .acronym {    display: none;  }
}

@media(max-width:767px) {
.hero-slider-slider { height:550px;}
}


.services-sec a{ text-decoration:none !important;}
.video-background {
    pointer-events: none;
}
section.hero-slider .head-logo { max-width:100px;}



.hero-slider-slider .hero-bamnner img {    width: 100%;    height: 100%;    object-fit: cover;}
.hero-slider-slider .hero-bamnner {    width: 100%;    height: 100%;}
