@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,500,600,700');
@import url('https://fonts.googleapis.com/css?family=Montserrat:700,800,900');
html {
scroll-behavior: smooth;
}  
body{
margin: 0px;
padding: 0px;
font-family: 'Titillium Web', sans-serif;
}
a,a:hover{
text-decoration: none;
}
.section{
float: left;
width: 100%;
padding: 55px 0px;
background: #fff;
font-family: 'Poppins', sans-serif;
font-weight: 300;
}
/*
*****************************************
!Slick BANNER SLIDER ! ----------------------*
*****************************************
*/


.box{
    position: relative;
    perspective: 1000px;
    border: solid 1px #1cacc0;
    padding: 0px;
    margin-bottom: 35px;
}
.box p{
	font-family: 'Poppins', sans-serif;
	font-size: 15px;
	line-height: 24px;
	color: #000;
}

.box .box-img{
    transform: rotateY(0);
    transition: all 0.50s ease-in-out 0s;
}
.box:hover .box-img{
    transform: rotateY(-90deg);
}
.box .box-img img{
    width: 100%;
    height: auto;
}
.box .box-content{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    padding: 10px 20px;
    text-align: center;
    background: #1cacc0;
    transform: rotateY(90deg);
    transition: all 0.50s ease-in-out 0s;
}
.box:hover .box-content{
    transform: rotateY(0);
}
.box .title{
    font-size: 20px;
    color: #fff;
    text-transform: uppercase;
}
.box .description{
    font-size: 14px;
    line-height: 24px;
    color: #fff;
}
.box .title:after,
.box .description:after{
    content: "";
    width: 80%;
    display: block;
    border-bottom: 1px solid #fff;
    margin: 15px auto;
}
.box .social-links{
    margin: 0;
    padding: 0;
    list-style: none;
}
.box .social-links li{
    display: inline-block;
    margin: 0 10px;
}
.box .social-links li a{
    font-size: 20px;
    color: #a6a6a6;
}
.box .social-links li a:hover{
    text-decoration: none;
  
   color: #fff;
}

.post
{
font-family: 'Poppins', sans-serif;
    font-size: 14px;
    line-height: 24px;
    color: #fff;
    margin-bottom: 23px;
}


@media only screen and (max-width: 990px) {
    .box{  margin-bottom:20px; }
}
@media only screen and (max-width: 479px) {
    .box .box-content{ padding: 20px; }
}


.enquiry-now
{background: #fff;
padding: 10px 17px;
color: #0193cf;
border-radius: 3px;
font-size: 14px;
text-transform: uppercase;}

.enquiry-now:hover
{background: #addfea;
color: #000 !important;
text-decoration:blink;}




.we-inerer {
    width: 100%;
    float: left;
    margin: 0px;
    background: #fff;
    font-family: 'Montserrat', sans-serif;
}

.we-inerer h4
{
	color:#1cacc0;
	font-size:16px;}

.banner{
float: left;
width: 100%;
position: relative;
}
/*reset*/
ul.bannerSlider{
padding-left:0;
margin: 0;
}
.bannerSlider{height: auto;}
.bannerSlider .slick-slide {
position: relative;
}
.bannerSlider .slide__image img {width: 100%;height: 500px;object-fit:cover;}
img.slide__image__top-position {
object-position:center bottom;
}

.innersss {
	width:100%;
	float:left;
	background:#000;
	color:#fff;}

.innersss .slides {
    position: absolute;
    z-index: 100;
    text-align: center;
    width: 100%;
    /* background: #2f2f2f82; */
    right: 0;
    bottom: 291px;
}
.innersss .slides h2
{
    font-weight: bold;
    font-size: 57px;
    margin: 0px;
	}
	
	.login-img {
    position: relative;
    margin-right: -30px;
}

.overay {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: rgb(28 172 192 / 75%);
    padding: 30px;
}

.text-box {
    width: 100%;
    text-align: center;
    position: relative;
    top: 47%;
    transform: translateY(-50%);
}

.overay h4 {
    font-size: 31px;
    line-height: 28px;
    color: #fff;
    font-weight: bold;
}

.overay p {
    color: #fff;
    font-size: 14px;
    line-height: 23px;
    opacity: 0.8;
}

.login-box {
    width: 100%;
    height: 100%;
    box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.07);
    padding: 30px 30px;
    height: 609px;
    background: #fff;
}

.login-box .form-control {
    height: 45px;
    border-radius: 0px;
    margin-bottom: 7px;
    padding-top: 9px;
    border: solid 1px #ddd;
}

.sm-space {
    margin-bottom: 15px;
}

.submm {
    display: inline-block;
    padding: 10px 30px;
    background: #1cacc0;
    color: #fff;
    font-size: 15px;
    font-weight: 500;
    text-transform: uppercase;
    text-shadow: none;
    border: none;
    outline: none;
}

.submm:hover{
background: #000 !important;
color:#fff !important;
}

.innersss .slides a
{
	color:#fff;}

.bannerSlider .slide__text {position: absolute;z-index: 100;text-align: left;width: 35%;background: #00000082;float: revert;right: 0;bottom: 0;padding:40px 45px;}

.slide__text p
{
font-size: 16px;
color: #fff;
margin-bottom: 0px;
}
.slide__text a
{
border:solid 2px #fff;
padding:7px 25px;
float:left;
font-weight:bold;
margin-right:10px;
color:#fff;
margin-top:15px;
border-radius:3px;}

.slide__text a:hover
{
background:#1cacc0;
border:solid 2px #1cacc0;
color:#fff;
text-decoration:blink;}



.bannerSlider .slide__text h2 {font-size: 24px;font-weight: 800;color: #fff;text-transform: uppercase;margin: 0px 0px 0px 0px;}
.investments-img {}
.investments-img img{    -moz-transition: all .3s;
-webkit-transition: all .3s;
transition: all .3s;
vertical-align: middle;
height: 100%;
width: 100%;
}
.investments-img:hover img{-moz-transform:scale(1.1);-webkit-transform:scale(1.1);transform:scale(1.1);vertical-align:middle}
.heading-hrr {
width: 86px;
background: #000;
font-weight: 700;
height: 2px;
margin: 5px auto;
margin-bottom: 10px !important;
border: none;
text-align: center;
} 
.banner .prev{
position: absolute;
top:38%;
transform: translateY(-50%);
left:105px;
cursor: pointer;
}
.banner .next{
position: absolute;
top:38%;
transform: translateY(-50%);
right:105px;
cursor: pointer;
}
.prev i,
.next i{
font-size: 20px;
padding: 12px 18px;
color: #fff;
background: #000000ab;
border-radius: 50%;
}
/* return to top button css */
#return-to-top {
display: inline-block;
position: fixed;
bottom: 20px;
right: 20px;
background: rgb(0, 0, 0);
background: rgba(0, 0, 0, 0.7);
width: 50px;
height: 50px;
display: block;
text-decoration: none;
-webkit-border-radius: 35px;
-moz-border-radius: 35px;
border-radius: 35px;
display: none;
z-index: 999;
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
#return-to-top i {
color: #fff;
margin: 0;
position: relative;
left: 18px;
top: 13px;
font-size: 22px;
font-weight: 500;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
#return-to-top:hover {
background: rgba(0, 0, 0, 0.9);
}
#return-to-top:hover i {
color: #fff;
top: 5px;
}
/* return to top button css ends */
/* footer */
.footer-line{
width: 100%;
float: left;
padding: 50px 0px;
color: #fff;
background: #000000;
}
.footer-heading-space{
margin-bottom: 10px;
}
.footer-heading-space h4{
font-size: 20px;
font-weight: 600;
}
.footer-line i,.footer-line a{
text-decoration: none;
color: #fff;
font-size: 15px;
font-weight: 400;
}
.news-line {
background: #fff;
width: 100%;
float: left;
padding: 50px 0px;
margin: 0px 0px 0px 0px;
color: #303030;
font-family: 'Roboto', sans-serif;
font-size: 16px;
}
.news-line h2 {
color: #353535;
display: block;
font-size: 24px;
margin: 0px;
width: 100%;
float: left;
}
.news-line h4 {
font-size: 13px;
margin: 8px 0px 15px 0px;
color: #999;
font-weight: normal;
}
.news-line p {
color: #565656;
line-height: 24px;
font-size: 15px;
}
.rescent-post {
width: 100%;
float: left;
background-color: #fff;
border: 1px solid #ddd;
border-radius: 4px;
-webkit-transition: border .2s ease-in-out;
-o-transition: border .2s ease-in-out;
transition: border .2s ease-in-out;
padding: 15px 0px;
border-radius: 0px;
}
.rescent-post h4 {
margin: 0px 0px 20px 0px;
border-bottom: 1px dashed #e4e4e4;
padding-bottom: 12px;
color: #207e04;
font-size:20px;
}
.news-line h3 {
font-size: 13px;
margin: 11px 0px 9px 0px;
color: #8a8a8a;
font-weight: normal;
}
.post-border {
border-bottom: 1px dashed #e4e4e4;
padding-bottom: 15px;
margin-bottom: 20px;
}
.rescent-post img {
width: 50px !important;
height: 50px;
border-radius: 3px;
border: solid 2px #ddd;
}
.rescent-post a {
color: #666;
font-size:14px;
}
.rescent-post a:hover {
color: #000;
}
.rescent-post span {
font-size: 12px;
color: #788390;
}
.subscrib-button {
background: #508e1f !important;
color: #fff !important;
font-size: 17px !important;
border: none !important;
border-radius: 0px !important;
padding: 11px 37px !important;
font-family: 'Titillium Web', sans-serif;
text-transform: uppercase;
}

.subscrib-box {
border: solid 1px #ddd;
border-radius: 0px !important;
height: 46px !important;
font-size: 15px !important;
font-family: 'Lato', sans-serif;
}
.footer-social-icon {
display: inline-block;
margin-right: 1px;
}
.footer-social-icon>i {
color: #fff !important;
height: 35px;
width: 35px;
line-height: 35px;
text-align: center;
background: #2b2b2b;
font-size: 14px !important;
border-radius: 100%;
}
.footer-social-icon>i:hover
{background: #1cacc0;}
.footer-line a:hover,
.footer-line a:active{
color: #ffffff;
text-decoration: none;
text-decoration: none;
}
.footer-line p{
text-decoration: none;
color: #fff;
font-size: 15px;
font-weight: 400;
line-height: 25px;
}
.footer-line p.contactdetailf {
font-size: 15px !important;
line-height: 25px;
margin-bottom: 10px !important;













width: 100%;
float: left;
}

.footer-span-left{

float: left;
width: 5%;
}
.footer-span-left i{
color: #fff;
}

.footer-span-right{
float: left;
width: 95%;
padding-left: 10px;
}
.submit-button {background: #000;color: #fff;padding: 10px 35px;font-size: 16px;font-weight: bold;border: solid 1px #fff;}
.submit-button:hover {
background:#202020;
color: #fff;
}

.copyright-line .text-left
{
text-align:left;
}

.copyright-line .text-right
{
text-align:right;
}


.copyright-line{
background: #080808;
float: left;
width: 100%;
padding: 15px 0px;
margin-bottom: 0px;
color: #b7b5b5;
font-size: 13px;
font-family: 100;
}
.copyright-line a{
color: #222;
}

/* model popup css */
.modal-body .form-control{
margin-bottom: 20px;
border-radius: 0px;
height: 40px;

}
.modal-body .btn.btn-default{
border: none;
border-radius: 3px;
padding: 10px 43px;
background: #000;
color: #fff;
margin: 10px 0px;
}
.modal-header .close{
padding: 7px 12px;
background: #67b93e;
border-radius: 50%;
color: #fff;
opacity: 1;
position: absolute;
top: -10px;
right: -10px;
border: none;
text-shadow: none;
font-size: 22px;
outline: none;
}
.modal-header h4{
font-weight: 800;
}
.modal-body .form-box{
background: #fff;
border: solid 1px #ddd;
}
.shadow {
-webkit-box-shadow: 0px 0px 12px 1px rgba(140,132,132,1);
-moz-box-shadow: 0px 0px 12px 1px rgba(140,132,132,1);
box-shadow: 0px 0px 12px 1px rgba(140,132,132,1);
}
.space{
margin-top:50px;
}
.sm-space{
margin-bottom: 20px;
}
.headingb{
font-size:25px;
text-transform: capitalize;
font-weight:400;
margin-top: 0px;
margin-bottom:0px;
color: #222;
font-family: 'Titillium Web', sans-serif;
}

.company-valu
{
	width:100%;
	float:left;
	padding:0px;
	font-family: 'Titillium Web', sans-serif;
	color:#000;
	margin:0px;
	background: #f5f5f5;
	}
.company-valu p
{
	color:#000;
	font-size:16px;
	line-height:25px;
	
	}
	
.col-md-6-ri
{
	padding-right:100px !important;}	
		
	.skill
	{
    font-size: 19px;
    font-weight: bold;
    color: #666;
    margin-top: 54px;
    }
	
.pro-grass
{position: absolute;color: #222;font-size: 20px;right: 35%;font-weight: 600;margin-top: -8px;}	

.pro-grassb
{
    position: absolute;
    color: #222;
    font-size: 20px;
    right: 16%;
    font-weight: 600;
    margin-top: -7px;
    }	


.pro-grassc
{
    position: absolute;
    color: #222;
    font-size: 20px;
    right: 44.4%;
    font-weight: 600;
    margin-top: -8px;
    }	



.welcome-line
{
	width:100%;
	float:left;
	padding:0px;
	margin:0px;
	font-family: 'Titillium Web', sans-serif;
	}
.welcome-line p
{text-align:center;font-size: 14px;color: #000;line-height:25px;width: 100%;margin:0 auto;margin-bottom:0px;}
	
	
.welcome-line .thumbnail
{	
    background: #1cacc0;
    padding: 15px;
    border: none;
    color: #fff;
    font-size: 19px;
    font-weight: 500;
    text-transform: uppercase;
}

.welcome-line .thumbnail span
{
margin-top: 9px;
    float: left;
    padding-left: 11px;}
	

.heading{
font-size: 30px;
text-transform: capitalize;
font-weight: 800;
margin-top: 0px;
margin-bottom:0px;
color: #222;
font-family: 'Titillium Web', sans-serif;
}
.heading span{
color: #222;
}
.abt_us_box{
float: left;
width: 100%;
padding: 20px;
position: relative;
text-align: center;
}
.abt_icons img{
border-radius: 50%;
}
.abt_us_box h4{
font-size: 18px;
font-weight: 600;
text-transform: uppercase;
position: relative;
margin-bottom: 5px;
}

.abt_us_box p{
font-size: 16px;
color: #000;
line-height: 23px;
}
.button{
display: inline-block;
padding: 10px 30px;
background: #0c0c0c;
color: #fff;
margin-top: 15px;
font-size: 14px;
text-transform: uppercase;
}
.button:hover{
background: #000;
color: #fff;
}
.w_button{
display: inline-block;
padding: 10px 30px;
background: rgba(255, 255, 255, 0.9);
color: #000;
margin-top: 15px;
font-size: 16px;
text-transform: uppercase;
font-weight: 600;
}
.w_button:hover{
background: #fff;
color: #000;
}

/* our service */
.service_sec{float: left;width: 100%;background: #f5f5f5;background-size: cover;}

.vision-background{
float: left;
width: 100%;
background:url(../images/services-background.jpg) center fixed;
background-size:cover;
color:#fff;
}

.vision-background p{
color:#fff;
width:85%;

line-height:25px;
text-align:center;
margin:0 auto;


}


.what-us
{
	width:100%;
	float:left;
	font-family: 'Titillium Web', sans-serif;
	background:#fff;
	}
	
.what-us h3
{color: #000;
    font-size: 20px;
    font-weight: bold;
	margin:0px;}	

.what-us a
{
	color:#333;
	text-decoration:underline;
	font-weight:bold;}
	
.what-us p
{font-size: 17px;color: #222;line-height: 25px;height: 170px;border-bottom: solid 1px #ddd;margin-bottom: 18px;}

.what-us img
{
    width: 100px;
}

.what-we-offer
{
	width:100%;
	float:left;
	text-align:center;
	padding:105px;
	color:#fff;
	background:url(../images/WE-Offer-back.jpg) center fixed;
	font-family: 'Titillium Web', sans-serif;
	}

.what-we-offer p
{
	width:80%;
	margin:0 auto;
	text-align:center;
	color:#fff;
	font-size:17px;
	line-height:25px;}
	
.view-now
{border: solid 1px #fff;
padding: 6px 25px;
border-radius: 3px;
color: #fff;
font-size: 18px;}

.view-now:hover
{
	background:#fff;
	border: solid 1px #fff;
	text-decoration:blink;
color: #1696a9;
}



.services-background .thumbnail img
{
    width: 100px;
    border: solid 1px #ddd;
    padding: 10px;
    border-radius: 100%;
    height: 100px;
}


.services-background .thumbnail h3
{}

.services-about{float: left;width: 100%;font-family: 'Titillium Web', sans-serif;}

.services-about .thumbnail
{
    padding: 21px;
    border: none;
    box-shadow: 0 0 10px #e1e1e1;
}

.services-about .thumbnail p
{
    font-size: 14px;
}


.services-about .thumbnail h4
{
    font-size: 19px;
}

.services-about .thumbnail img
{
    width: 200px;
}

.services-about .thumbnail a
{
    color: #000;
}

.services-background{float: left;width: 100%;font-family: 'Titillium Web', sans-serif;}

.services-background h3{color:#508e1f;text-align:center;margin:15px 0px 0px 0px;font-size: 20px;text-transform: capitalize;font-family: 'Titillium Web', sans-serif;}




.services-background p{text-align:left;line-height: 25px;color:#000;font-size: 17px;padding-top: 14px;}

.services-background .thumbnail
{padding:3px;border: solid 0px #ddd;padding: 15px;box-shadow: 0px 0px 10px #ddd;height: 208px; margin-top:20px;}
.read-more
{    background: #4e8125;
color: #fff;
padding: 8px 22px;
border-radius: 3px;}


.service_sec .thumbnail{
padding:0px;
margin:0px;
border:none !important;
}
.service_sec .thumbnail .caption{
padding:20px !important;
}
.service_sec .thumbnail h3{
font-weight: bold;
margin: 8px 0px;
font-size: 17px;
text-transform: capitalize;
color: #363636;
letter-spacing: 1.2px;
}


.service_sec .thumbnail h4{
font-weight: normal;
margin: 8px 0px;
font-size: 13px;
text-transform: capitalize;
color: #363638;
line-height: 26px;
}




.service_sec .thumbnail p{
text-align: left;
font-size: 15px;
color: #000;
line-height: 24px;
border-top: solid 1px #ddd;
padding-top: 12px;
margin-top: 15px;
}

.services-button
{   color: #2f2e2e!important;
font-weight: normal;
text-decoration: underline;
}

.services-button:hover
{    color: #000 !important;

}

.all-servicesa
{
background:none;
border-radius: 2px;
border:solid 1px #fff;
padding: 7px 35px;
color: #fff;
font-size: 18px;
}

.all-servicesa:hover
{

background: #508e1f;

color: #fff;
}

.pravicy-inner{
float: left;
width: 100%;
padding:50px 0px;
background:#fff;
color:#000;
}

.pravicy-inner p{
font-size:16px;
line-height:25px;
text-align:justify;
font-weight:400;
}

.pravicy-inner h3{
line-height: 25px;
font-weight: 400;
color: #093;
margin: 0px 0px 12px 0px;
font-size: 23px;
width: auto;
}

.mt50
{
border-bottom:solid 1px #ddd;
padding-bottom:25px;
margin-bottom:25px;}


.about-inner{
float: left;
width: 100%;
padding:50px 0px;
text-align:center;
background:#fff;
color:#000;
}
.about-inner p{
width:85%;
margin: auto;
font-size:16px;
text-align:center;
line-height:25px;
font-weight:400;
}


.banner-inner{
float: left;
width: 100%;
padding:40px 0px;
text-align:center;
background:#607D8B;
color:#000;
}

.banner-inner a{
color:#096;
}

.banner-inner a:hover{
color:#6dbc44;
}

.banner-inner span{
border-radius: 50px;
text-align: center;
background: #fff;
font-size: 18px;
padding: 8px 35px;
}


.testimonials-sec {
float: left;
width: 100%;
padding: 55px 0px;
background:url(../images/testimonials-background.jpg) center fixed;
background-size:cover;

}

.gallery-sec {
float: left;
width: 100%;
padding: 55px 0px;
background: #fff;
}

.gallery-sec .col-sm-4
{
padding:0px !important;
}

.gallery-img-dv{
float: left;
width: 100%;
position: relative;
height: 251px;
}
.gallery-img-dv>img{
height: 100%;
width: 100%;
margin-bottom: 7px;
}
.gallery-border-dv{
visibility: hidden;
opacity: 0;
position: absolute;
top: 3%;
left: 3%;
width: 94%;
height: 90%;
border: 1px solid #fff;
/* transition: all 0.4s; */
z-index: 0;
}
.gallery-top{
visibility: hidden;
opacity: 0;
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
background: #030303c4;
text-align: center;
padding: 25px;
padding-top: 20%;
color: #fff;
transition: all 0.4s;
}
.gallery-img-dv:hover .gallery-top{
visibility: visible;
opacity: 1;
}
.gallery-img-dv:hover .gallery-border-dv{
visibility: visible;
opacity: 1;
}

.fa-search {
padding: 10px;
background: #fff;
font-size: 15px;
color: #000;
border-left: 1px solid #fff;
border-right: 1px solid #fff;
}

.fa-link {
padding: 10px;
background: #fff;
font-size: 15px;
color: #000;
border-left: 1px solid #fff;
border-right: 1px solid #fff;
}


.all-services
{
background: #000000;
border-radius: 2px;
padding: 7px 35px;
color: #fff;
font-size: 18px;
}

.all-services:hover
{

background: #508e1f;

color: #fff;
}

.service_sec span{   
background: #fff;
padding: 16px 35px;
color: #ee3719;
font-size: 35px;
margin-top: -84px;
float: left;
z-index: 99999;
position: absolute;
border-radius: 0px 50px 0px 0px;
border: solid 1px #ddd;
}



.padding-15px-bottom{
height: 60px;
width: 60px;
margin: 0 auto;
}
.padding-15px-bottom img{
height: 100%;
width: 100%;
}
.services-block-three>a:before {
display: block;
content: "";
width: 9%;
height: 17%;
position: absolute;
bottom: -3px;
right: -3px;
border-bottom: 3px solid #fff;
border-right: 3px solid #fff;
transition: all 0.5s ease 0s;
-webkit-transition: all 0.5s ease 0s;
}
.services-block-three>a:after {
display: block;
content: "";
width: 9%;
height: 17%;
position: absolute;
top: -3px;
left: -3px;
border-top: 3px solid #fff;
border-left: 3px solid #fff;
transition: all 0.5s ease 0s;
-webkit-transition: all 0.5s ease 0s;
}
.services-block-three>a {
display: block;
border: 3px solid #504e4e;
border-radius: 0;
text-align: center;
background: transparent;
padding: 20px;
position: relative;
}
.services-block-three>a:hover {
opacity: 1;
border-color: #504e4e;
}
a:hover, a:active {
color: #fff;
text-decoration: none;

}
.services-block-three>a:hover:after {
width: 95%;
height: 90%;
}
.services-block-three>a:hover:before {
width: 95%;
height: 90%;
}
.services-block-three-heading{
color: #fff;
font-size: 18px;
margin-bottom: 10px;
font-weight: 600;
}
.services-block-three>a:hover .services-block-three-heading, 
.services-block-three>a:hover .services-block-three-para{
color: #fff;
}
.services-block-three-para{
letter-spacing: 1px;
font-size: 14px;
line-height: 25px;
color: #fff;
font-weight: 300;
}
.services-block-three >a{
margin-bottom: 40px;
height: 235px;
}




.card{
float: left;
width: 100%;
margin-bottom: 30px;
}
.card_img{
height: 300px;
width: 100%;
}
.card_img img{
height: 100%;
width: 100%;
}
.card_content{
padding: 20px;
background: #fff;
border: 1px solid #ddd;
}
.card h4{
font-size: 25px;
line-height: 25px;
text-transform: uppercase;
font-weight: 800;
color: #191919;
margin-top: 0px;
margin-bottom: 2px;
font-family: 'Titillium Web', sans-serif;
}
.card p{
color: #666;
line-height: 25px;
font-size: 16px;
margin-bottom: 0px;
}

.sm_button{
display: inline-block;
padding: 10px 25px;
background: #000;
color: #fff;
margin-top: 15px;
font-size: 16px;
text-transform: uppercase;
border-radius: 4px;
}
.sm_button:hover{
background: #000;
color: #fff;
}

/* our velue sec */
.our_value_sec{
float: left;
width: 100%;
position: relative;
}
.our_value_sec_img{
position: absolute;
left: 0;
top: 0;
width: 41.66%;
height: 100%;
object-fit: cover;
}
.our_value_box{
float: left;
width: 100%;
position: relative;
padding-left: 75px;
margin-bottom: 20px;
}
.our_value_box_img{
position: absolute;
left: 0;
height: 60px;
width: 60px;
}
.our_value_box_img img{
height: 100%;
width: 100%;
border: 3px solid #ddd;
padding: 3px;
border-radius: 50%;
}
.our_value_box h4 {
font-size: 22px;
font-weight: 700;
margin-top: 0px;
color: #222;
font-family: 'Titillium Web', sans-serif;
}
.our_value_box p{
font-size: 16px;
color: #666;
line-height: 23px;
}


/* testinomial sec */
#testimonial-slider1 .testimonial {
float: left;
width: 100%;
height: auto;
position: relative;
color: #222;
background:#fff;
}
.testimonial_left{
float: left;
width: 100%;
text-align: center;
}
.testimonial_left img{
height: 100px;
width: 100px;
border-radius: 50% !important;
margin-top: -50px;
}
.testimonial_right{
float: left;
width: 100%;
position: relative;
background: #fff;
padding: 15px 25px;
}
.testimonial_right:before{
position: absolute;
content: "";
left: 100%;
display: none;
top: 37px;
border-right: 25px solid #FFF;
border-bottom: 30px solid transparent;
}
#testimonial-slider1 .testimonial p {
font-size: 14px;
line-height: 24px;
font-weight: 400;
letter-spacing: 1px;
}

.test-desc h4 {
color: #000;
font-size: 16px;
}


/* custom owl curousel */

#testimonial-slider1.owl-carousel .owl-wrapper-outer {
overflow: hidden;
position: relative;
width: 100%;
padding-top: 60px !important;
}
.owl-theme .owl-controls .owl-page span {
display: block;
width: 12px;
height: 12px;
margin: 5px 7px;
filter: Alpha(Opacity=50);
opacity: 1 !important;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
background: #ccc !important;
}
.owl-theme .owl-controls .owl-page.active span, .owl-theme .owl-controls.clickable .owl-page:hover span {
filter: Alpha(Opacity=100);
opacity: 1;
background: #508e1f!important;
}
/* owl curousel */
/* owl corousel customisation */

.owl-theme .owl-controls .owl-buttons div.owl-prev{
position: absolute;
top: -20px;
right: 70px;
margin-top: -40px;
color: #FFF;
display: inline-block;
zoom: 1;
*display: inline;
height: 40px;
width: 40px;
line-height: 39px;
text-align: center;
font-size: 20px;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
background: transparent;
opacity: 1;
border: 1px solid #fff;
}
.owl-theme .owl-controls .owl-buttons div.owl-next{
position: absolute;
top: -20px;
right: 10px;
margin-top: -40px;
color: #FFF;
display: inline-block;
zoom: 1;
*display: inline;
height: 40px;
width: 40px;
line-height: 39px;
text-align: center;
font-size: 20px;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
background: transparent;
opacity: 1;
border: 1px solid #fff;
}
.owl-pagination{
margin-top: 20px;
}



.suscribe-dv {

float: left;
width: 100%;
padding: 25px 0px;
background: #f4801d;
}
.subs-left {
float: left;
width: 25%;
padding-top: 10px;
}
.subs-right {
float: left;
width: 75%;
padding: 0px 15px;
}
.subs-right h4 {
color: #fff;
font-size: 25px;
font-weight: 600;
}
.subscribe-now {
padding: 8px 10px;
background: transparent;
color: #fff;
font-size: 12px;
display: inline-block;
outline: none;
border: 1px solid #fff;
text-transform: uppercase;
}
.subs-input {
height: 45px;
display: inline-block;
border-radius: 0px;
}

/* inner pages */

.single-page-banner{
float: left;
width: 100%;
padding: 100px 0px;
text-align: center;
}
.inner_link_box{
padding: 8px 25px;
background: transparent;
border-radius: 4px;
border: 1px solid #fff;
}
.single-page-banner h4{
font-size: 35px;
color: #fff;
margin: 0px;
text-transform: uppercase;
font-weight: 700;
text-align: left;
}
.single-page-banner p{
text-align: right;
color: #fff;
margin: 0;
}
.inner_link_box span{
color: #fff;
font-size: 13px;
text-align: right;
}
.inner_link_box a{
color: #fff;
font-size: 13px;
}
.about-us-b {
background: url(../images/innerbnr.jpg) center;
background-size: cover;
}
.contact-us-b{
background: linear-gradient(to right,#00000036 ,#00000047 ), url("../images/contus.png") center;
background-size: cover;
}
.project-b{
background:  url("../images/projectbnr.png") center;
background-size: cover;
}
/* about su */

.about_us h4 {
font-size: 20px;
font-weight: 500;
color: #3c3c3c;
margin-top: 0;
margin-bottom: 0px;
text-transform: uppercase;
}
.line {
height: 1px;
width: 100px;
background: #383838;
margin: 2px 0px;
}

.about_us p {
font-size: 15px;
line-height: 25px;
color: #666;
text-align: justify;
}
.abt_img{
height: 200px;
width: 100%;
}
.about_us ul>li{
font-size: 15px;
line-height: 25px;
color: #666;
text-align: justify;
padding-left: 20px;
}
.about_us ul{
padding: 0;
margin: 0;
list-style-type: none;
}
ul.what_we_do >li:before{
content: "\f069";
font-family: FontAwesome;
font-size: 15px;
left: 0;
margin-right: 10px;
color: #438ff1;

}
ul.why_we_do>li::before{
content: "\f00c";
font-family: FontAwesome;
font-size: 15px;
left: 0;
margin-right: 10px;
color: #0abe31;
}
.get_project_don_sec{
float: left;
width: 100%;
padding: 45px 0px;
text-align: center;
background: #323232;
}
.get_project_don_sec h1{
font-size: 55px;
color: #fff;
font-weight: 800;
margin-top: 0px;
margin-bottom: 30px;
text-transform: capitalize;
}
.get_project_don_sec h4{
font-size: 20px;
color: #fff;
font-weight: 800;
margin-top: 0px;
margin-bottom: 20px;
text-transform: uppercase;
}
.get_project_don_sec p{
font-size: 16px;
line-height: 25px;
color: #fafafa;
font-weight: 300;
width: 50%;
margin: 0 auto;
}
.enwuiry_btn{
display: inline-block;
padding: 10px 30px;
border: 1px solid #fff;
border-radius: 4px;
color: #fff;
font-size: 20px;
text-transform: uppercase;
background: transparent;
font-weight: bold;
}
.enwuiry_btn:hover{
color: #fff;
}
.cont_btn{
display: inline-block;
padding: 10px 30px;
border: 1px solid #fff;
border-radius: 4px;
color: #000;
font-size: 20px;
text-transform: uppercase;
background: #fff;
font-weight: bold;
}
.cont_btn:hover{
color: #000;
}

/* contact page */
.contact_box{
float: left;
width: 100%;
padding: 20px;
box-shadow: 0px 15px 20px 3px #ddd;
margin-bottom: 30px;
text-align: center;
}
.contact_icon i{width: 40px;height: 40px;background: #6dbc44;color: #fff;line-height: 40px;text-align: center;margin: 0 auto;font-size: 16px;margin-bottom: 10px;border-radius: 3px;}
.contact_box h4{
text-transform: uppercase;
}
.contact_box p{
font-size: 16px;
color: #666;
line-height: 30px;
}
.follow_icon span>a>i{
height: 30px;
width: 30px;
line-height: 30px;
color: #000;
border: 1px solid #000;
border-radius: 4px;
text-align: center;
font-size: 14px;
font-weight: 700;
}

.query-form-box h4{
font-size: 18px;
margin-bottom: 15px;
margin-top: 0px;
color: #000;
text-transform: uppercase;
font-weight: 600;
}
.query-form-box .form-control{
height: 44px;
margin-bottom: 20px;
border-radius: 0px;
}
.register_box {
float: left;
width: 100%;
}
.register_left {
float: left;
width: 50%;
background: #212121;
padding: 25px 20px;
height: 420px;
}
.register_left h4 {
font-size: 24px;
font-weight: 700;
margin-bottom: 25px;
color: #fff;
}
.register_left p {
color: #fff;
line-height: 25px;
font-size: 14px;
}
.Reg_ci_btn, button.Reg_ci_btn {
display: inline-block;
padding: 10px 35px;
background: #000000;
color: #fff;
border-radius: 20px;
font-size: 15px;
text-transform: uppercase;
border: none;
outline: none;
margin-top: 10px;
font-weight: 400;
}
.register_right {
float: left;
width: 50%;
background: #fff;
padding: 25px 20px;
}
.register_right h4 {
font-size: 24px;
font-weight: 700;
margin-bottom: 25px;
color: #222;
}
.form-control.reg {
height: 44px;
border-radius: 20px;
margin-bottom: 20px;
}
.register_right p>a {
display: inline-block;
margin-top: 15px;
color: #666;
font-size: 14px;
}

/* service page */

.service_page .padding-15px-bottom{
height: 60px;
width: 60px;
margin: 0 auto;
background: #000;
}
.service_page  .padding-15px-bottom img{
height: 100%;
width: 100%;
}
.service_page .services-block-three>a:before {
display: block;
content: "";
width: 9%;
height: 17%;
position: absolute;
bottom: -3px;
right: -3px;
border-bottom: 3px solid #000;
border-right: 3px solid #000;
transition: all 0.5s ease 0s;
-webkit-transition: all 0.5s ease 0s;
}
.service_page .services-block-three>a:after {
display: block;
content: "";
width: 9%;
height: 17%;
position: absolute;
top: -3px;
left: -3px;
border-top: 3px solid #000;
border-left: 3px solid #000;
transition: all 0.5s ease 0s;
-webkit-transition: all 0.5s ease 0s;
}
.service_page .services-block-three>a {
display: block;
border: 3px solid #ddd;
border-radius: 0;
text-align: center;
background: transparent;
padding: 20px;
position: relative;
}
.service_page .services-block-three>a:hover {
opacity: 1;
border-color: #ddd;
}
.service_page  a:hover,.service_page  a:active {
color: #000;
text-decoration: none;

}
.service_page .services-block-three>a:hover:after {
width: 95%;
height: 90%;
}
.service_page .services-block-three>a:hover:before {
width: 95%;
height: 90%;
}
.service_page .services-block-three-heading{
color: #000;
font-size: 18px;
margin-bottom: 10px;
font-weight: 600;
}
.service_page .services-block-three>a:hover .services-block-three-heading, 
.service_page .services-block-three>a:hover .services-block-three-para{
color: #000;
}
.service_page .services-block-three-para{
letter-spacing: 1px;
font-size: 14px;
line-height: 25px;
color: #000;
font-weight: 300;
}
.service_page .services-block-three >a{
margin-bottom: 40px;
height: 235px;
}

/* service details */
.service_detail_v_box{
float: left;
width: 100%;
padding: 25px;
border-radius: 10px;
border: 1px solid #000;
}
.service_detail_v_box h4{
font-size: 18px;
color: #000;
font-weight: 600;
}
.service_detail_v_box p{
font-size: 14px;
color: #666;
line-height: 25px;
font-weight: 300;
}
.service_detail_v_box p img{
height: 40px;
width: 40px;
border: 2px solid #ddd;
padding: 4px;
}

.images
{
border:solid 1px #ddd;
padding:3px;
margin:5px !important;
}


.form-box {
background: #fcfafb;
border: none;
}


.fo_abt_btn
{
background: #000;
color: #fff !important;
padding: 7px 22px;
float: left;
border-radius: 2px;
border: solid 1px #fff;
}


.subject {
    border: 1px solid #e2e5e7 !important;
    margin-bottom: 20px !important;
    padding: 28px 20px !important;
    border-radius: 0px !important;
    outline: 0 none !important;
    font-size: 12px !important;
    font-family: "Rubik", sans-serif !important;
}

.btn11 {
    text-transform: uppercase;
    padding: 19px 42px;
    font-size: 13px;
    border-radius: 3px;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    color: #fff;
    background:#1cacc0 !important;
    border: none;
    font-family: "Poppins", sans-serif;
    font-weight: 600;
}


.testimonial{
    text-align: center;
}
.description{
    color:#656565;
    font-size: 24px;
    line-height: 35px;
    margin-bottom: 30px;
    padding:0px 11%;
    position: relative;
}


.pic{
    width: 94px;
    height: 94px;
    margin: 0 auto;
}
.pic img{
    width: 100%;
    height: auto;
    border-radius: 50%;
}
.testimonial-title{
    font-size: 18px;
    color: #fff;
    font-weight: bolder;
    text-transform: capitalize;
}
.testimonial-title > small{
    display: block;
    color: #000;
    font-size: 15px;
    text-transform: uppercase;
    margin-top: 5px;
}
.owl-theme .owl-controls .owl-page.active span, .owl-theme .owl-controls.clickable .owl-page:hover span{
    background: #3498db;
}
.owl-theme .owl-controls .owl-page span{
    opacity: 1;
}
@media screen and (max-width: 480px) {
    .description{
        font-size:19px;
        line-height: 29px;
    }
    .description:before,
    .description:after{
        font-size: 25px;
    }
}
.navbar-brand img {
    max-height: 65px !important;
}
.form-section{
    background-color: #f8f8f8;

}
.contact-form-style-one {
    box-shadow: 0px 15px 60px -10px rgb(109 117 143 / 33%);
    padding: 35px;
    border-radius: 10px;
    position: relative;
    background: #fff
}
.form-control {
    display: block;
    width: 100%;
    height: 45px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
select[multiple], select[size] {
   
    height: 45px !important;
}
.title-header{
    text-align: center;
    padding-bottom: 30px;
}
.btn-value{
    background-color: #000;
    color: #fff;
    padding: 10px 30px;
    border-radius: 5px;
}
.well {
    /* padding: 0px 20px; */
    width: 345px;
    margin: 0px 15px;
    max-width: 345px;
}
.tmc ol li{
    text-align: left;
    line-height: 21px;
    color: #000;
    font-size: 15px;
  
}
.main-timeline{
 
    padding: 20px 0;
    position: relative;
}
.main-timeline:before,
.main-timeline:after{
    content: '';
    height: 40px;
    width: 40px;
    background-color: #e7e7e7;
    border-radius: 50%;
    border: 10px solid #303334;
    transform:translateX(-50%);
    position: absolute;
    left: 50%;
    top: -15px;
    z-index: 2;
}
.main-timeline:after{
    top: auto;
    bottom:15px;
}
.main-timeline .timeline{
    padding: 35px 0;
    margin-top: -30px;
    position: relative;
    z-index: 1;
}
.main-timeline .timeline:before,
.main-timeline .timeline:after{
    content: '';
    height: 100%;
    width: 50%;
    border-radius: 100px 0 0 100px;
    border: 15px solid #fec602;
    border-right: none;
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
}
.main-timeline .timeline:after{
    height: calc(100% - 30px);
    width: calc(50% - 12px);
    border-color: #fec602;
    left: 12px;
    top: 15px;
}
.main-timeline .timeline-content{ display:inline-block; }
.main-timeline .timeline-content:hover{ text-decoration: none; }
.main-timeline .timeline-year{
    color: #fec602;
    font-size: 50px;
    font-weight: 600;
    display: inline-block;
    transform:translateY(-50%);
    position: absolute;
    top: 50%;
    left: 10%;
}
.main-timeline .timeline-icon{
    color: #fec602;
    font-size: 80px;
    display: inline-block;
    transform: translateY(-50%);
    position: absolute;
    left: 34%;
    top: 50%;
}
.main-timeline .content{
    color: #909090;
    width: 50%;
    padding: 20px;
    display: inline-block;
    float: right;
}
.main-timeline .title{
    color: #fec602;
    font-size: 22px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin: 0 0 5px 0;
}
.main-timeline .description{
    font-size: 15px;
    letter-spacing: 1px;
    margin: 0;
}
.main-timeline .timeline:nth-child(even):before{
    left: auto;
    right: 0;
    border-radius: 0 100px 100px 0;
    border: 15px solid 000;
    border-left: none;
}
.main-timeline .timeline:nth-child(even):after{
    left: auto;
    right: 12px;
    border: 15px solid green;
    border-left: none;
    border-radius: 0 100px 100px 0;
}
.main-timeline .timeline:nth-child(even) .content{ float: left; }
.main-timeline .timeline:nth-child(even) .timeline-year{
    left: auto;
    right: 10%;
}
.main-timeline .timeline:nth-child(even) .timeline-icon{
    left: auto;
    right: 32%;
}
.main-timeline .timeline:nth-child(5n+2):before{ border-color: #000000; }
.main-timeline .timeline:nth-child(5n+2):after{ border-color: #000000; }
.main-timeline .timeline:nth-child(5n+2) .timeline-icon{ color: #000000; }
.main-timeline .timeline:nth-child(5n+2) .timeline-year{ color: #000000; }
.main-timeline .timeline:nth-child(5n+2) .title{ color: #000000; }
.main-timeline .timeline:nth-child(5n+3):before{ border-color: #8CC63E; }
.main-timeline .timeline:nth-child(5n+3):after{ border-color: #6CAF29; }
.main-timeline .timeline:nth-child(5n+3) .timeline-icon{ color: #8CC63E; }
.main-timeline .timeline:nth-child(5n+3) .timeline-year{ color: #8CC63E; }
.main-timeline .timeline:nth-child(5n+3) .title{ color: #8CC63E; }
.main-timeline .timeline:nth-child(5n+4):before{ border-color: #fec602; }
.main-timeline .timeline:nth-child(5n+4):after{ border-color: #fec602; }
.main-timeline .timeline:nth-child(5n+4) .timeline-icon{ color: #fec602; }
.main-timeline .timeline:nth-child(5n+4) .timeline-year{ color: #fec602; }
.main-timeline .timeline:nth-child(5n+4) .title{ color: #fec602; }
.main-timeline .timeline:nth-child(5n+5):before{ border-color: #000000; }
.main-timeline .timeline:nth-child(5n+5):after{ border-color: #000000; }
.main-timeline .timeline:nth-child(5n+5) .timeline-icon{ color: #000000; }
.main-timeline .timeline:nth-child(5n+5) .timeline-year{ color: #000000; }
.main-timeline .timeline:nth-child(5n+5) .title{ color: #000000; }
@media screen and (max-width:1200px){
    .main-timeline .timeline:after{ border-radius: 88px 0 0 88px; }
    .main-timeline .timeline:nth-child(even):after{ border-radius: 0 88px 88px 0; }
}
@media screen and (max-width:767px){
    .main-timeline .timeline{ margin-top: -19px; }
    .main-timeline .timeline:before {
        border-radius: 50px 0 0 50px;
        border-width: 10px;
    }
    .main-timeline .timeline:after {
        height: calc(100% - 18px);
        width: calc(50% - 9px);
        border-radius: 43px 0 0 43px;
        border-width:10px;
        top: 9px;
        left: 9px;
    }
    .main-timeline .timeline:nth-child(even):before {
        border-radius: 0 50px 50px 0;
        border-width: 10px;
    }
    .main-timeline .timeline:nth-child(even):after {
        height: calc(100% - 18px);
        width: calc(50% - 9px);
        border-radius: 0 43px 43px 0;
        border-width: 10px;
        top: 9px;
        right: 9px;
    }
    .main-timeline .timeline-icon{ font-size: 60px; }
    .main-timeline .timeline-year{ font-size: 40px; }
}
@media screen and (max-width:479px){
    .main-timeline .timeline-icon{
        font-size: 50px;
        transform:translateY(0);
        top: 25%;
        left: 10%;
    }
    .main-timeline .timeline-year{
        font-size: 25px;
        transform:translateY(0);
        top: 65%;
        left: 9%;
    }
    .main-timeline .content{
        width: 68%;
        padding: 10px;
    }
    .main-timeline .title{ font-size: 18px; }
    .main-timeline .timeline:nth-child(even) .timeline-icon{
        right: 10%;
    }
    .main-timeline .timeline:nth-child(even) .timeline-year{
        right: 9%;
    }
}
License Terms