@font-face {
    font-family: 'futurabook';
    src: url('../fonts/futura_book_font.woff2') format('woff2'),
         url('../fonts/futura_book_font.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

body{font-family: 'Lato', sans-serif; font-weight:400;}
p{font-family: 'Lato', sans-serif; font-size:18px; font-weight:400; line-height:25px; color:#424242}
h2{font-size:50px; font-weight:600; color:#424242;}
header{width:100%; float:left;}
section{width:100%; float:left; padding:60px 0;}
footer{width:100%; float:left;}
h1,h2,h3,h4,h5,h6{font-family: 'Poppins', sans-serif; color:#424242; font-weight:600}
ul{margin:0; padding:0}
li{list-style:none}
a:hover{text-decoration:none;}

header{position:absolute; top:0; left:0; z-index:9; padding:8px 0 8px}
.fixed{border:none; background: #424242; z-indeX:9; position: fixed; top: 0; left: 0; animation: smoothScroll 1s forwards;}@keyframes smoothScroll {	0% {		transform: translateY(-40px);	}	100% {		transform: translateY(0px);	} }

header .logo img {
  width: 110px;
}


.navbar{padding:0px;}

.nav-item{font-size:20px; border-right:1px #000 solid; line-height:0px; padding:0 10px;}
.nav-item:last-child{border:none;}
.navbar-dark .navbar-nav .nav-link{color:#424242; padding-bottom:13px; border-bottom:2px solid transparent}
.navbar-dark .navbar-nav .active > .nav-link, .navbar-dark .navbar-nav .nav-link.active, .navbar-dark .navbar-nav .nav-link.show, .navbar-dark .navbar-nav .show > .nav-link{color:#424242; border-bottom:2px #424242 solid;}
.navbar-dark .navbar-nav .nav-link:focus, .navbar-dark .navbar-nav .nav-link:hover{color:#424242; border-bottom:2px #424242 solid;}

.fixed .nav-item{border-right:1px #fff solid;}
.fixed .navbar-dark .navbar-nav .nav-link{color:#fff}
.fixed .navbar-dark .navbar-nav .active > .nav-link, .fixed .navbar-dark .navbar-nav .nav-link.active, .fixed .navbar-dark .navbar-nav .nav-link.show, .fixed .navbar-dark .navbar-nav .show > .nav-link{color:#fff; border-bottom:2px #fff solid;}
.fixed .navbar-dark .navbar-nav .nav-link:focus, .fixed .navbar-dark .navbar-nav .nav-link:hover{color:#fff; border-bottom:2px #fff solid;}

@media (min-width:992px) {
.navbar-expand-lg .navbar-collapse{display:inline-block !important;}
}

/*---------------------------------------------------
------------------------------------------------------
BANNER SECTION
----------------------------------------------------------*/

.banner{padding:0; position:relative;}
.banner img{width:100%}
.bannertext{position:absolute; bottom:25%; right:0; left:0; margin:0 auto;}
.bannertext h2{color:#424242; font-size:69px; text-transform:uppercase; font-weight:600}
.bannertext h3{color:#424242; font-size:34px; font-weight:300}

/*---------------------------------------------------
------------------------------------------------------
ABOUT SECTION
----------------------------------------------------------*/
.aboutimg{position:relative;}
.about-img{}

.abouttext{padding-left:5%; padding-top:15%;}
.abouttext h3{font-size:26px; color:#292929; margin:10px 0 15px 0}
.abouttext h2{margin:0; position:relative; display:inline-block;}
.abouttext h2:after{background:#424242; width:100px; height:1px; content:''; position:absolute; right:-55%; top:50%}


/*---------------------------------------------------
------------------------------------------------------
BLOG SECTION
----------------------------------------------------------*/
.blog_sec{background:#e5e9eb; text-align:center;}
.hdtext{text-align:center;}
.hdtext h2{color:#282927;}
.hdtext p{font-size:18px; color:#424242;}

.blogbox{width:100%; margin-top:30px; }
.blogbox img{width:100%; margin-bottom:20px;}
.blogbox h3{font-size:22px; width:100%; display:inline-block;}
.blogbox p{}
.blackbtn{background:#424242; width:165px; height:50px; line-height: 46px; color:#e5e9eb; font-size:16px; border:none; border-radius:5px; display:inline-block; margin-top:10px; border:1px solid transparent}
.blackbtn:hover{background:#e5e9eb; color:#424242; border-color:#424242}

/*---------------------------------------------------
------------------------------------------------------
SERVICES SECTION
----------------------------------------------------------*/
.service_sec{}
.service_sec h3{font-size:25px; font-weight:normal;}

.platform-tour-wrapper{text-align:center;}
.horizontal-tabs-steps {
  position: relative;
}

.horizontal-tabs-steps .stepbystep{
  z-index: 1;
  position: relative;
}

.horizontal-tabs-steps .stepbystep:after {border-top:3px solid #dbdbdb;
  content: "";
  position: absolute;
  z-index: 0;
  top:30%;
  width: 265px;
  transition: border 1s ease-out;
  transition-delay: 0s, 0s, 0.1s;
}

.horizontal-tabs-steps .stepbystep:last-child:after {
  content: "";
  border-top: 0px dotted #4da3ff;
}


.horizontal-tabs-steps .nav-link{background:#424242; border-radius:50%; width:71px; height:71px; color:#e5e9eb; padding:0; margin:0; display:inline-block; text-align:center; line-height:61px; font-size:18px; border:6px solid #e5e9eb; z-index:1; position:relative;}
.horizontal-tabs-steps .stepbystep h5{font-size:18px; font-family: 'Lato', sans-serif; text-align:center;}

.page-template-template-aboutus .contact {
    background-color: #edededc9;
    text-align: center;
    border-top: 1px solid #8080809e;
}

/* Hide scrollbar for webkit browsers */

.page-template-template-services .srv-right::-webkit-scrollbar {
   width: 3px !important;
}

.page-template-template-services .srv-right::-webkit-scrollbar-track {
    background: #000;border-radius: 3px;
}

.page-template-template-services .srv-right::-webkit-scrollbar-thumb {
    background-color: #000;
    border-radius: 3px;
    border: 1px solid #000;
}

.page-template-template-services .srv-right::-webkit-scrollbar-thumb:hover {
    background-color: #000;
}

html .page-template-template-services .srv-right{
    scrollbar-color: #000 #f1f1f1;
    scrollbar-width: thin;border-radius: 3px;
}




.srv-right{flex: 1; /* Take remaining space */
    overflow-y: scroll; /* Enable vertical scrolling */
    height: 120vh; /* Full viewport height */
    overflow-x: hidden;}
.srv-left{position: static;}

a.bknw{background: #424242 !important;
    width: 165px !important;
    line-height: 19px;
    color: #e5e9eb;
    font-size: 16px;
    text-transform: uppercase;
    border-radius: 5px;
    display: inline-block;
    margin-top: 0 !important;
    border: 1px solid transparent !important;
    float: left;
    display: table;
    margin-left: auto;
    margin-right: auto;transition: ease-in-out 1s;padding: 15px 0;
    text-align: center;
}

a.bknw:hover{background: transparent !important;border: 1px solid #424242 !important;color:#424242;transition: ease-in-out 1s;}

/*********** Responsive CSS Start***************/

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .horizontal-tabs-steps .nav-item:after {
    content: "";
    width: 219px;
  } 
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .horizontal-tabs-steps .nav-item:after {
    content: "";
    width: 160px;
  } 
}

@media only screen and (min-width: 421px) and (max-width: 767px) {
  .horizontal-tabs-steps .nav-item:after {
    content: "";
    width: 115px;
  } 
}

@media only screen and (max-width: 420px) {
  .horizontal-tabs-steps .nav-item:after {
    content: "";
    width: 95px;
  } 
}

/*---------------------------------------------------
------------------------------------------------------
VIDEO SECTION
----------------------------------------------------------*/
.videosec{background:#e5e9eb; padding-bottom:90px;}
.videosec .abouttext{padding-left:0px; padding-right:60px;}
.videosec .abouttext h2:after{right:-40%;}
.videobox{position:relative;}
.video_box{position:absolute; left:-50px; top:60px;}

/*---------------------------------------------------
------------------------------------------------------
GALLERY SECTION
----------------------------------------------------------*/
.home .gallerysec .row>div:nth-child(2) .gallerytop {
  margin-top:-40px;
} 
.gallerybox{margin-top:100px;}
.galleryimg{position:relative; margin-top:30px;}
.galleryimg img{width:100%;}
.gallerytitle{position:absolute; bottom:50px; padding:0 30px;}
.gallerytitle h4{font-size:22px; color:#fff; font-family: 'Lato', sans-serif; font-weight:normal; position:relative; padding-left:15px;}
.gallerytitle h4:after{background:#fff; width:20px; height:2px; content:''; position:absolute; left:-7%; top:50%}
.gallerytitle h3{font-size:28px; color:#fff; font-family: 'Lato', sans-serif; font-weight:600; margin:0px;}
/* .gallerytop{margin-top:-40px;} */

/*---------------------------------------------------
------------------------------------------------------
CONTACT SECTION
----------------------------------------------------------*/
.contact{background:#e5e9eb; text-align:center;}
.contact input{width:100%; background:#fff; border:none; padding:10px; margin-top:20px;}
.contact textarea{width:100%; background:#fff; border:none; padding:10px; margin-top:20px;height: 93px;}
.contact button{background:#424242; width:165px; height:50px; line-height:40px; color:#e5e9eb; font-size:16px; text-transform:uppercase; border-radius:5px; display:inline-block; margin-top:30px;border:1px solid transparent}
.contact button:hover{background:#e5e9eb; color:#424242; border-color:#424242}
/*---------------------------------------------------
------------------------------------------------------
FOOTER SECTION
----------------------------------------------------------*/
footer{}

.foottop{background:#d7d7d7; padding:25px 0; text-align:center;}
.footnav ul li{color:#2f2f2f; font-size:20px; display:inline-block; padding:0 15px; border-right:1px #2f2f2f solid; line-height:20px;}
.footnav ul li:last-child{border-right:none;}
.footnav ul li a{color:#2f2f2f; }
.footnav ul li a:hover{text-decoration:underline;}
.footnav ul li a.active{text-decoration:underline;}

.footmiddle{padding:40px 0; text-align:center;}
.footmiddle h3{font-size:24px; margin-bottom:15px;}
.footmiddle ul li{display:inline-block; font-size:18px; padding:0 13px; color:#424242}
.footmiddle ul li a{color:#424242;}

.footerbottom{background:#2f2f2f; padding:15px 0; text-align:center;}
.footerbottom p{color:#a9a9a9; font-size:14px; margin:0px;}



.wpcf7-submit {
    background: #424242 !important;
    width: 165px !important;
    height: 50px;
    line-height: 19px;
    color: #e5e9eb;
    font-size: 16px;
    text-transform: uppercase;
    border-radius: 5px;
    display: inline-block;
    margin-top: 0 !important;
    border: 1px solid transparent !important;float: none;
display: table;
margin-left: auto;
margin-right: auto;
}

.wpcf7-submit:hover {
    background: #e5e9eb !important;
    color: #424242 !important;
    border-color: #424242 !important;
}

.rcpt{margin: 12px auto;float: none;display: table;}

.footnav ul li.current-menu-item a{text-decoration: underline;}


.nav-item a {color: #424242;padding-bottom: 13px;border-bottom: 2px solid transparent;padding-right: .5rem;padding-left: .5rem;}
.nav-item:hover a {color: #424242;border-bottom: 2px #424242 solid;}
.nav-item.current-menu-item a {color: #424242;border-bottom: 2px #424242 solid;}
.fixed .navbar-dark .navbar-nav .nav-item a {color: #fff;}
.fixed .navbar-dark .navbar-nav .nav-item:hover a {color: #fff;border-bottom: 2px #fff solid;}
.fixed .navbar-dark .navbar-nav .nav-item.current-menu-item a {color: #fff;border-bottom: 2px #fff solid;}
#menu-header-menu {padding: 8px 0 12px 0;}
.nav-item:after{position: absolute;content:'';right: 0;top: -9px;width: 1px;height: 22px;background-color: #000;}
.nav-item:last-child:after{display: none;}
.nav-item{position: relative;}
.fixed .navbar-dark .navbar-nav .nav-item:after{position: absolute;content:'';right: 0;top: -9px;width: 1px;height: 22px;background-color: #fff;}
.abttxt{font-size: 55px !important;text-transform: none !important;}
.hbt{color: #424242;font-size: 16px;}
.abtspcl{background-color: #fff !important;border-radius: 12px !important;width: 516px;padding: 10px 0 10px 0;bottom: -1% !important;}
img.arw-part{width: auto !important;margin: 0 8px;}

section#secondone{margin: 0;padding:4% 0;float: left;width: 100%;}
section#secondtwo{margin: 0;padding:4% 0;float: left;width: 100%;background-color:#E5E9EB;}

#secondone .row>div:nth-child(2) img.stand {margin: 71px 0 0 0;}
#secondone img {width: 100%;}
h2.hdngg:after {background: #424242;width: 100px;height: 1px;content: '';position: absolute;right: 277px;top: 34px;}
h2.hdngg:before {background: #424242;width: 100px;height: 1px;content: '';position: absolute;left: 275px;top: 34px;}
.txt-center{text-align: center;}
.hdtxtnewest{float: left;width: 100%;}
.hdtxtnewest ul{float: none;width: 47%;margin: 15px auto 0;padding: 0;display: table;}
.hdtxtnewest ul li{float: left;margin: 0 30px 0 0;padding:0; list-style: none;}
.lmr{color:#888888;font-size: 16px;}

ul.drl{margin: 22px 0 0 0;padding:0;float: left;width: 100%;}
ul.drl li{margin: 0;padding:0;float: left;list-style: none;width: 50%;}
ul.drl li h2{font-size:22px;}
#secondtwo h2 {text-align: left;}
#secondtwo p {text-align: left;}
.page-template-template-aboutus .abouttext h2::after {right: -37%;}

.srv-left{float: left;width: 40%;}
.lmrdlrisp{text-decoration: underline;margin: 23px 0 0 0;}
.page-template-template-services #secondone .hdtext{text-align: left;}
.srv-right{float: right;width: 60%;margin: 0;padding: 0 0 0 53px;}
.each-srv-box-only{margin: 0;padding: 38px 14px 22px;float: left;width: 100%;border-radius: 11px;background-color: #fff;box-shadow: 1px 2px 26px 3px rgba(0,0,0,0.2);}
.lid{font-size:25px;}
.color-ash-new{color:#575757;}
a.arw-new-pic{float: right;margin: 0;padding: 0;}
a.arw-new-pic img{width: auto !important;}
.page-template-template-contactus .hdtext h2{text-align: left;}
.page-template-template-contactus .rcpt {float: left;width: 100%;}
.cntctnewest input {border: 1px solid #D0D0D0;border-radius: 6px;line-height: 33px;}
.cntctnewest textarea {border: 1px solid #D0D0D0;border-radius: 6px;}
.cntctnewest{background-color:#fff !important;}
.cntctnewest .wpcf7-submit{float: left;}

.gallerysec {
	display: none;
}