@charset "utf-8";

/*
Author: Devendra Panwar
*/

@font-face {
	font-family: 'Poppins-Regular';
	src: url('../fonts/Poppins/Poppins-Regular.ttf');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Poppins-Medium';
	src: url('../fonts/Poppins/Poppins-Medium.ttf');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Poppins-Semi';
	src: url('../fonts/Poppins/Poppins-SemiBold.ttf');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Poppins-Bold';
	src: url('../fonts/Poppins/Poppins-Bold.ttf');
	font-weight: normal;
	font-style: normal;
}

html , body{ height:100%; font-family: 'Poppins-Regular'; color:#727272; font-size:14px; background:#f5f5f5;}
a{ transition:all 300ms linear;}
a:hover{ color:#17b5f0;}
p{ line-height:1.8;}
/*Header CSS*/

#header{ background:#fff; box-shadow:0px 1px 2px rgba(0,0,0,0.1);}
#top-bar{ padding-top:5px; padding-bottom:5px; color:#fff; background:#fe681e; font-size:12px;}
#top-bar a{ color:inherit; font-family: 'Poppins-Semi'; margin-left:15px;}
.header-logo{ height:80px;  }
#logo-section{ padding-top:15px; padding-bottom:15px; border-bottom:1px dashed #dedede;}
.navbar-brand{width:0px; overflow:hidden; transition:all 300ms linear;}
.menu-logo{ height:40px; transition:all 300ms linear;  opacity:0;}
#menu-bar{font-family: 'Poppins-Medium';}
.navbar-expand-lg .navbar-nav .nav-link {
    padding-right: .7rem;
    padding-left: .7rem;
}


.onscroll #menu-bar{ position:fixed; top:0; left:0; right:0px; background:#fff; z-index:10; border-bottom:1px solid #dedede;}
.onscroll .navbar-brand{ width:auto;}
.onscroll .menu-logo{ opacity:1;}
/*Banner Section*/
.banner-slider{ margin-bottom:0px;}
.banner-slider .slick-prev, .banner-slider .slick-next{ background:#fe681e; width:50px; height:40px; border-radius:5px; box-shadow:0px 1px 2px rgba(0,0,0,0.2);}
.banner-slider .slick-prev {
     left: 0px; 
	 border-bottom-left-radius:0px;
	 border-top-left-radius:0px;
}
.banner-slider .slick-next {
    right: 0px;
	 border-bottom-right-radius:0px;
	 border-top-right-radius:0px;
}
.banner-slider>div{ position:relative;}
.banner-slider>div .overlay{ padding:100px; color:#fff; display:flex; align-items:center; justify-content:center; flex-direction:column;}
.banner-heading{ font-size:55px; font-family: 'Poppins-Bold'; text-transform:uppercase;}
.banner-subheading{ font-size:35px; font-family: 'Poppins-Bold'; text-transform:uppercase;}
.slick-slide img{ width:100%;}

.counter{ margin:0px; padding:0px; list-style:none; display:table;}
.counter li{ display:table-cell; width:1%; text-align:center;}
.counter li h2{ font-size:40px; font-family: 'Poppins-Bold';}

/*Events*/
.events{ display:flex; margin:0px -5px;    flex-wrap: wrap; }
.event { width:calc(100%/2); padding:5px;}
.event .inner{ display:flex; border:1px solid #dedede; background:rgba(255,255,255,0.3); transition:all 300ms linear; overflow:hidden; position:relative;}
.event .inner .date{ padding:15px; border-right:1px solid #dedede; width:120px; display:flex; flex-direction: column;  justify-content: center; align-items: center;}
.event .inner .date p{ color:#fe681e; margin-bottom:0px; font-size:16px;}
.event .inner .details{ width:calc(100% - 120px); padding:15px;}
.event .inner .details h2{ font-size:18px; }
.event .inner .details h2 a{ color:#666; font-family: 'Poppins-Semi'; text-decoration:none;}
.event .inner .details p{ font-size:12px;}
.event .inner .details h2 a:hover{ color:#fe681e;}
.event .inner:hover{ box-shadow:0px 1px 2px rgba(0,0,0,0.2); background:#fff;}
.event .inner:hover h2 a{ color:#fe681e;}

.event .inner .overlay{ background:rgba(64,166,41,0.9); display:flex;     align-items: center;  justify-content: center; opacity:0; transition:all 300ms linear;}
.event .inner:hover .overlay{ opacity:1;}

/*Our Clients*/
.our-clients .our_client{ padding:5px 25px;}
.our-clients .our_client .inner{ display:flex; border:1px solid #dedede; padding:15px;     align-items: center;}
.our-clients .our_client .image{ width:200px; }
.our-clients .our_client .details{ width:calc(100% - 200px); text-align:left; }
.our-clients .our_client .image img{ width:100%;}



.border-form .form-control{ border:none; border-bottom:1px solid #dedede; background:transparent; border-radius:0px; font-size:12px;}
.form-table{ width:100%; font-size:12px;}
.form-table .label-div{ width:120px; text-align:left;  font-family: 'Poppins-Medium';}
.form-table .label-div:after{ content:":"}
.form-table .input-div{ text-align:left; width:calc(100% - 120px);}
.form-table .form-row{    align-items: center;}
.form-table .form-row label{ margin-bottom:0px;}
.sub-text{ text-align:center !important; color:#999;}

.label-div-lg  .label-div{ width:200px; text-align:left;}
.label-div-lg  .input-div{ width:calc(100% - 200px);}
.datepicker > div{ display:block;}

/**/
.map{ width:100%; height:300px; border:5px solid #fff; box-shadow:0px 1px 2px rgba(0,0,0,0.2);}
address{ line-height:1.8;}



/*Footer*/
#footer{ background:#333;}
#footer ul{ margin:0px; padding:0px; list-style:none; }
#footer ul li{ padding-top:5px; padding-bottom:5px;}
#footer ul li a{ font-size:12px; color:#ccc; text-decoration:none;}
#footer ul li a:hover{ color:#fe681e;}
#footer ul li.list-heading{ font-size:16px; font-family: 'Poppins-Semi'; margin-bottom:10px; color:#fff;}


.bottom-footer{ background:#222; text-align:center; font-size:12px; color:#999; padding-top:5px; padding-bottom:5px;}




.overlay{ position:absolute; left:0px; top:0px; width:100%; height:100%;}

.social-icons{ display:block; padding:0px; margin:0px -5px;}
.social-icons li{ display:inline-block; padding:5px;}
.social-icons li a{ display:block; width:35px; height:35px; line-height:35px; text-align:center; border:1px solid #dedede; color:#999;}
.social-icons li a:hover{ color:#fff !important; background:#fe681e; border-color:#fe681e;}

.txt-bold{font-family: 'Poppins-Semi';}
.text-orange{ color:#fe681e !important;}
.border-left{ border-left:1px dashed #dedede;}

.padding-30{ padding-left:30px; padding-right:30px;}
.btn-outline-light:hover{ color:#666;}

.bg-1{ background:url(../images/other/bg_1.jpg); background-attachment:fixed;}

.bg-2{ background-image:url(../images/other/asfalt-dark.png); }
.bg-orange{ background-color:#fe681e;}
.bg-green{ background-color:#40a629;}

.box{ padding-top:50px; padding-bottom:50px;}
.box-header{ padding-bottom:25px;}
.heading{ font-size:35px; font-family: 'Poppins-Semi'; color:#666;}
.heading-thin{ font-size:25px; font-family: 'Poppins-Regular'; color:#666;}
.sub-heading{font-family: 'Poppins-Semi'; color:#777; font-size:20px; margin-top:15px;}

.dropdown-divider{ border-color:#616161;}

/*Media Query*/
@media only screen and (max-width: 1199px) {
   .banner-heading{ font-size:40px;}
}
@media only screen and (max-width: 991px) {
   .event .inner .details h2 {  font-size: 16px;}
   .event .inner .details p{ line-height:1.5;}
   .our-clients .our_client {  padding: 5px 10px;}
   .our-clients .our_client .image {  width: 100px;}
   .our-clients .our_client .details {   width: calc(100% - 100px);   text-align: left;}
   .heading{ font-size:30px;}
   .sub-heading{ font-size:16px;}
   #footer .social-icons li a{ width:25px; height:25px; line-height:25px;}
   #footer .social-icons li{ padding:4px;}
   #about-section .col-sm-5{ padding-right:0px;}
   
   .form-table , .form-table tbody , .form-table tr , .form-table td{ display:block;}
   .form-table tr.child-row{ display:flex;}
   .sub-text{ text-align:left !important;}
   .form-table tr.child-row .label-div-lg .label-div {  width: 150px;  }
   .form-table tr.child-row .label-div-lg  .input-div {   width: calc(100% - 150px);}
   .form-table tr td .d-flex .btn-group{ width:130px;}
   .form-table tr td .d-flex .input-div{ width:calc(100% - 130px);}
}
@media only screen and (max-width: 767px) {
	.event {  width: calc(100%/1); }
	#about-section .d-flex{display:block !important;}
	#about-section .padding-30{ padding:0px; max-width:100%;}
	#about-section .border-left{ border-left:none; border-top:1px dashed #dedede; padding-top:30px; margin-top:30px;}
	.counter li h2{ font-size:30px;}
	.our-clients .our_client{ padding:0px;}
	.our-clients .our_client .image {  width: 150px;}
   .our-clients .our_client .details {   width: calc(100% - 150px);  }
   
   #newsletter-section .align-items-center { display:block !important; }
   #newsletter-section .col-sm-6{ max-width:100%;}
   #newsletter-section img{ width:200px !important;}
   .w-75{ width:100% !important;}
   .banner-heading {  font-size: 25px;}
   .banner-subheading{ font-size:18px;}
   .banner-slider>div .overlay{ padding:75px;}
   .banner-slider>div .overlay p{ line-height:1.5;}
   #logo-section{ display:none;}
   #banner{ margin-top:60px;}
}
@media only screen and (max-width: 575px) {
	.heading {  font-size: 25px;}
	.banner-slider>div .overlay{ margin-top:36px; padding: 0 64px;}
	.banner-heading { font-size: 18px;}
	.banner-subheading {  font-size: 14px;}
	.banner-slider>div .overlay p {   line-height: 1.2;   font-size: 12px;}
	#footer{ text-align:center;}
	#footer .footer-logo{ margin-bottom:25px;}
	.counter li h2 {   font-size: 22px;}
	.map{ margin-bottom:25px;}
	p{ line-height:1.4;}
	.sub-heading {   font-size: 14px;}
	.mobile-padding-0>.box{ padding-top:0px; padding-bottom:0px;}
	.banner-slider .slick-prev, .banner-slider .slick-next{ width:35px; height:30px;}
	.banner-slider .slick-prev:before, .banner-slider .slick-next:before{ font-size:15px;}
}
@media only screen and (max-width: 480px) {
	#banner .overlay{ display:none;}
	.heading  , .heading-thin{  font-size: 20px;}
	body{ font-size:12px;}
}
@media only screen and (max-width: 370px) {
	.our-clients .our_client .image {  width: 100px;}
   .our-clients .our_client .details {   width: calc(100% - 100px);  }
   #newsletter-section img {   width: 120px !important;}
   .event .inner .date{ width:90px;}
   .event .inner .details{ width:calc(100% - 90px)}
   .event .inner .date , .event .inner .details{ padding:5px;}
   .event .inner .details h2{ font-size:14px;}
   .heading {   font-size: 18px;}
}
.error{
	font-size:10px;
	color:red;
}