
html {
scroll-behavior: smooth;
}  
body{
margin: 0px;
padding: 0px;
font-family: 'Quicksand', sans-serif;
}
a,a:hover{
text-decoration: none;
}
.section{
float: left;
width: 100%;
padding: 55px 0px;
background: #fff;
font-family: 'Quicksand', sans-serif;
font-size:16px;
font-weight: 300;
}
.header_area + section, .header_area + row, .header_area + div {
    margin-top: 0px !important;
    padding-top: 84px;
    padding-bottom: 80px;
}
.section h2
{margin:0px 0px 14px 0px;font-weight: bold;}
.inner-pagess {
    width: 100%;
    float: left;
    padding: 55px 0px;
    background: #fff;
    font-family: 'Quicksand', sans-serif;
}
.inner-pagess p
{
	font-size:16px;}

.thumbnail-me {
    border: 2px #000 solid !important;
    border-radius: 0px !important;
    padding: 15px !important;
    color: #242424 !important;
    text-align: center !important;
    overflow: auto !important;
    height: 250px;
}
.fomt-my {
    border-bottom: solid 1px #ddd;
    border: solid 1px #ddd !important;
    margin-bottom: 19px;
    height: 50px !important;
    font-family: 'Gotham Light Regular', sans-serif;
    padding: 4px 15px !important;
}

.send-button {
    background: none !important;
    border: solid 1px #508e1f !important;
    color: #508e1f !important;
    font-size: 18px !important;
    padding: 10px 55px !important;
    border-radius: 66px !important;
    margin-top: 13px;
}

.map-arrow {
    border: solid 1px #508e1f!important;
    color: #508e1f!important;
    padding: 15px 23px!important;
    border-radius: 50%!important;
    font-size: 34px!important;
}
.section p
{font-size:18px;text-align: left;line-height:27px;color: #000;font-weight: 500;}
/*
*****************************************
!Slick BANNER SLIDER ! ----------------------*
*****************************************
*/
.banner{float: left;width: 100%;position: relative;}

.banner .col-md-4 {
width: 36.333333% !important;
}

.banner .col-md-8 {
width: 63.666667% !important;
}

/*reset*/
ul.bannerSlider{
padding-left:0;
margin: 0;
}
.bannerSlider{
height: 600px;
}
.bannerSlider .slick-slide {
position: relative;
}
.bannerSlider .slide__image img {
width: 100%;
height: 600px;
object-fit:cover;
}
img.slide__image__top-position {
object-position:center bottom;
}
.bannerSlider .slide__text {
position: absolute;
z-index: 100;
text-align: center;
width: 100%;
top: 50%;
transform: translateY(-50%);
}
.bannerSlider .slide__text h2 {
font-size: 48px;
font-weight: 800;
color: #fff;
text-transform: uppercase;
}
.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: 50%;
transform: translateY(-50%);
left: 30px;
cursor: pointer;
}
.banner .next{
position: absolute;
top: 50%;
transform: translateY(-50%);
right: 30px;
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: #000;background: #30600b;}
.footer-heading-space{
margin-bottom: 10px;
}
.footer-heading-space h4{font-size: 20px;font-weight: 600;color: #fff;}
.footer-line i,.footer-line a{text-decoration: none;color: #fff;font-size: 15px;font-weight: 500;}
.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: 'Quicksand', 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: #fbe775;color: #508e1f !important;}
.footer-line a:hover,
.footer-line a:active{color: #000;text-decoration: none;text-decoration: none;}
.footer-line p{text-decoration: none;color: #fff;font-size: 15px;font-weight: 500;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: #ffffff;color: #040404;padding: 10px 35px;font-size: 16px;font-weight: bold;border: solid 1px #fff;}
.submit-button:hover {
background:#202020;
color: #fff;
}
.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: #f8f7f7;
}

/* 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-bottom: 10px;
}
.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: 'Quicksand', sans-serif;
}


.heading{
font-size: 30px;
text-transform: capitalize;
font-weight: 800;
margin-top: 0px;
margin-bottom: 10px;
color: #222;
font-family: 'Quicksand', 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: 16px;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: #f9f9f9;
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;


}

.services-background{
float: left;
width: 100%;
background:url(../images/services-background.jpg) center fixed;
background-size:cover;
color:#fff;
}

.services-background h3{color: #000;text-align:center;margin:15px 0px 0px 0px;font-size:20px;text-transform:uppercase;font-family: 'Quicksand', sans-serif;}

.services-background p{
text-align:center;
line-height:24px;
color:#000;
font-size:15px;
}

.services-background .thumbnail
{padding: 0px;border: 4px solid #000 !important;}
.read-more
{background: #508e1f;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 0px #ddd;
padding-bottom:0px;
margin-bottom:0px;}

.technology-tag
{
	font-weight:bold !important;
	margin-bottom: 0px;
	}
.mt50 img
{
	border: solid 5px #000;
	}


.mt50 p
{
	font-weight:bold;
	font-size:16px;}

.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: 100px 0px;

text-align:center;

background: #00cd97;

color:#000;

/* margin-top: -94px; */
}

.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-3
{
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;border: solid 1px #fff;}
.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: #508e1f96;text-align: center;padding: 25px;padding-top: 31%;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: #508e1f;border-radius: 2px;padding: 7px 35px;color: #fff;font-size: 18px;}

.all-services:hover
{

background: #fbe775;

color: #000;
}

.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: 'Quicksand', 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: 'Quicksand', 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: #ffffff;color: #508e1f !important;padding: 7px 22px;float: left;border-radius: 2px;border: solid 1px #fff;}

.country-tumb
{
border-radius:0px !important;
padding:10px !important;
text-align:center;}

.country-tumb h4
{
font-size:25px !important;
font-weight:bold !important;
color:#00cd97 !important;
}

.spanme
{

color: #fff!important;

background: #508e1f;

padding: 6px 10px;

border-radius: 100%;
margin: 0px 10px;
}

.country-tumb p
{
font-size:25px !important;
}

.disp
{
display:block !important;
}
.text-line {
    padding: 0px 0px 0px 0px;
    margin: 5px 0px 20px 0px;
    height: 2px;
    background: #000;
    width: 25%;
}

}@media only screen and (min-width: 320px) and (max-width: 680px) {
    .header_area + section, .header_area + row, .header_area + div {
    margin-top:69px !important;
    padding-top: 40px;
    padding-bottom: 38px;
}
}