body{

font-family: 'Open Sans', sans-serif;

padding:0px; margin:0px;}

h1,h2,h3,h5,h6,p,ul,ul li{padding:0px; margin:0px;}

h1, h2, h3, h4, h5, h6 {
font-family: 'Montserrat', sans-serif;
    color: #313131;

    margin-top: 0px;

  text-transform: normal;

}

.clears{clear:both;}
.f-right{float:right;}
.f-left{float:left;}

.margin0px{margin:0px;}
.margintop30px{margin-top:30px;}

#mobilemenucustom{
display: none;
overflow: hidden;
position: absolute;
z-index: 101;
right: 0;
width: 100%;
top: 12px;
}

.head .top{background:#5b5c5e;}

.head .top .tophead{    padding-bottom: 14px;

    padding-top: 11px; display: -webkit-box;}

.head .top .tophead .fa{color:rgba(243, 198, 95, 0.55);}

.head .top  .tophead b{ padding-left:10px; font-weight:normal;}

.head .top .tophead p{color:rgba(243, 198, 95, 0.55); display: inline-block; font-size:14px;}

.head .top .tophead p:hover, .head .top .tophead p:hover .fa{color:#fff}

.head .navbar-brand{height:auto;}

.head .navbar{margin-bottom:0px; border:0px;}

.head .navbar-toggle{background:#CD9733;}

.head .navbar-toggle .icon-bar{background:#5b5c5e;}

.head .navbar-nav{margin-top:50px;}

.head .navbar-nav li a{color:#fff; font-size:18px; border-radius:5px;}

.head .nav li a:hover, .head .nav li a:focus{background: #fff;
color: #000;}

.head .nav .caret{position:relative; left:5px;}

.homerequirements{margin-top:120px;} 

.homerequirements-coll{box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.73); margin-bottom:60px; padding:15px;}

.pop{width:100%; max-width:500px; min-height:400px; background:green;}

.middlehead{margin:10px 0;}



.header-img {

    

    margin-right: 13px;

     margin: 0 0 14px 0;

	  

}

.headers-text {

    display: inline-block;

}

.headers-text h4 {

    color: #222222;

    font-size: 16px;

    font-weight: 500;

    margin-bottom: 0;

}
.headers-text span{font-size:13px; color:#848282;}

.cubtn .headers-text{float:right;  margin: 12px 0;}



.cmnav .d-md-block {
  
    position: relative;
    bottom: 30px;
}

.cmnav .main-menu-area {

    margin-bottom: -74px;

    position: relative;

    z-index: 999;

}

 .contactbtn{  padding: 0;
    float: right;
    margin: 20px 0;}





.cmnav .main-menu-area a{text-decoration:none;}

.cmnav .d-none {

    display: none!important;

}







.cmnav .menu {

    background: #a8d128 none repeat scroll 0 0;

    border-radius: 3px;

    min-height: 74px;

    padding: 0 30px;

    position: relative;

    z-index: 2147483647;

}



.cmnav .green-bg {

    background: #a8d128;

}



.cmnav .main-menu {

    float: left;

}



.cmnav .main-menu ul li:first-child a {

    padding-left: 0;

}

.cmnav .main-menu ul li {

    display: inline-block;

    position: relative;

}

.cmnav .main-menu ul li a {

    color: #fff;

    display: block;

    font-size: 18px;

    font-weight: 600;

    padding: 23px 15px;

    text-transform: uppercase;

    transition: all 0.3s ease 0s;

}

.cmnav .main-menu ul li:hover > a, .cmnav .main-menu ul li.active > a {

    color: #444;

}





.cmnav .main-menu ul li a {

    color: #fff;

    display: block;

    font-size: 16px;

    font-weight: 500;

    padding: 23px 15px;

    text-transform: uppercase;

    transition: all 0.3s ease 0s;

}



.cmnav .main-menu ul li .sub-menu {

    background: #ffffff none repeat scroll 0 0;

    border-top: 3px solid #fe9604;

    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176);

    left: 0;

    opacity: 0;

    position: absolute;

    top: 120%;

    transition: all 0.3s ease 0s;

    visibility: hidden;

    width: 220px;

    z-index: 9;

}

.cmnav .main-menu ul li .sub-menu li {

    display: block;

}

.cmnav .f-pddleft {padding-left: 20px !important;}

.cmnav .main-menu ul li:hover .sub-menu {

    opacity: 1;

    top: 100%;

    visibility: visible;

}

.cmnav .main-menu ul li:hover > a, .cmnav .main-menu ul li.active > a {

    color: #444;

}

.main-menu ul li .sub-menu li a {

    color: #666666;

    font-size: 14px;

    font-weight: 400;

    margin: 0;

    padding: 13px 20px;

    text-transform: capitalize;

    transition: .3s;

}

.cmnav .main-menu ul li:hover > .sub-menu li > a:hover {

    color: #fff;

    background: #fe9604;

    padding-left: 30px;

}

.cubtn .headers-text .btn-success {

    color: #fff;

    background-color: #a8d128;

    border-color: #a8d128;

    padding: 10px 20px;

}

.banner .slider-img1{

	

	    background: url(../images/Bann/Bann1.jpg) no-repeat;

    padding: 250px 0;

    text-align: center;

    width: 100%;

       background-size: cover;

}

.banner .slider-img2{

	

	    background: url(../images/Bann/Bann2.jpg) no-repeat;

    padding: 250px 0;

    text-align: center;

    width: 100%;

       background-size: cover;

}

/* .banner .slider-img3{

	

	    background: url(../images/Bann/Bann10.png) no-repeat;

    padding: 250px 0;

    text-align: center;

    width: 100%;

       background-size: cover;

} */

.banner .slider-img4{

	

	    background: url(../images/Bann/Arc.jpg) no-repeat;

    padding: 250px 0;

    text-align: center;

    width: 100%;

       background-size: cover;

}

.banner .inner-info {

    margin: auto auto 42px;

    width: 755px;

}



.banner .slider-content h1,  .banner .slider-content span,  .banner .inner-info p,  .banner .slider-content a {

    animation-name: fadeInUp;

}



.banner .slider-content h1 {

    color: #58C9E9;

    font-size: 30px;

    font-weight: 700;

    line-height: 40px;

    margin-bottom: 8px;

    animation-delay: 0.2s;

}

.banner .slider-content span {

    color: #fff;

    display: inline-block;

    font-size: 25px;

    font-weight: 600;

    line-height: 40px;

    margin-bottom: 14px;

    animation-delay: 1s;

}





.banner .inner-info p {

    color: #fff;

    font-size: 14px;

    font-weight: 400;

    line-height: 28px;

    margin-bottom: 0;

    animation-delay: 1.5s;

}

.banner .slider-content a {

    border: 2px solid #fff;

    border-radius: 3px;

    color: #fff;

    display: inline-block;

    font-size: 14px;

    font-weight: 700;

    line-height: 1;

    margin-right: 15px;

    padding: 10px 18px;

    position: relative;

    text-transform: uppercase;

    transform: perspective(1px) translateZ(0px);

    transition: color 0.3s ease 0s;

    vertical-align: middle;

    animation-delay: 2s;

	text-decoration:none;

	    transition: .3s;

	

}

.banner .slider-content a.active {

    background: #00ac97;

    border-color:#00ac97 ;

    color: #fff;

    padding: 10px 14px;

    border-radius: 3px;

}

.banner .slider-content a:hover {

    border-color: #364605;

background: #364605;}



.pb-100 {

    padding-bottom: 100px;

}



.pt-130 {

    padding-top: 130px;

}

.serviceshome ul{list-style-position:inside;}

.serviceshome ul li{line-height:26px; font-size:16px;}

.serviceshome h3{margin:10px 0;}

.serviceshome h4{color: #a8d128; margin:10px 0;}

.serviceshome .btn-success{background:#a8d128; margin:20px 0; border:0px;}

.projecthome { 



    }

	.effect5

{

  position: relative;

}

.effect5:before, .effect5:after

{

  z-index: -1;

  position: absolute;

  content: "";

  bottom: 25px;

  left: 10px;

  width: 50%;

  top: 80%;

  max-width:300px;

  background: #777;

  -webkit-box-shadow: 0 35px 20px #777;

  -moz-box-shadow: 0 35px 20px #777;

  box-shadow: 0 35px 20px #777;

  -webkit-transform: rotate(-8deg);

  -moz-transform: rotate(-8deg);

  -o-transform: rotate(-8deg);

  -ms-transform: rotate(-8deg);

  transform: rotate(-8deg);

}

.effect5:after

{

  -webkit-transform: rotate(8deg);

  -moz-transform: rotate(8deg);

  -o-transform: rotate(8deg);

  -ms-transform: rotate(8deg);

  transform: rotate(8deg);

  right: 10px;

  left: auto;

}

.homeproject{
    box-shadow: 0 8px 9px #ccc;
	    -webkit-box-shadow: 0 8px 9px #ccc;
		-moz-box-shadow: 0 8px 9px #ccc;
    padding: 20px;
    border-radius: 4px;
	position:relative; margin-bottom:60px;}
	
.homeproject .inner .headtitle {    
padding: 20px 0;     border-bottom: 1px dashed #ccc;}
.homeproject .inner .headtitle .btn{ background: #CD9733;
    letter-spacing: 1px;     margin-top: 15px;}
	.homeproject .inner .headtitle .btn:hover{background:#364605; }
.homeproject .inner .headtitle a{color:#fff;}
.homeproject .inner .headtitle h5{color: #848383;
    font-size: 14px;}
.homeproject .inner .headtitle h4 {color:#E52B50; margin:6px 0;}
	.homeproject .inner .body ul{}
	.homeproject .inner .body ul li{float:left; color:#E52B50; text-align:center; margin: 15px ; font-size:18px; font-weight: bold; list-style-type:none;}
	.homeproject .inner .body ul li span{display:block;color:#848383;  margin:6px 0; font-size:14px; font-weight: normal;}
	.homeproject .inner .body .location p{line-height:23px; color: #848383; padding-left:35px;     font-size: 14px;}

.ribbon {
    position: absolute;
    left: 14px;
    top: 0px;
    z-index: 1;
    overflow: hidden;
    width: 120px;
    height:120px;
    text-align: right;
    transform: rotate(269deg);
}
.ribbon span {
    font-size: 10px;
    color: #fff;
    text-transform: uppercase;
    text-align: center;
    font-weight: bold;
    line-height: 20px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    width: 100px;
    display: block;
    background: #E52B50;
    background: linear-gradient(#CD9733 60%, #E52B50 100%);
    box-shadow: 0 3px 10px -5px rgba(0, 0, 0, 1);
    position: absolute;
    top: 19px;
    right: -21px;
}
.copyright{background:#000; color:#fff; padding:20px 0;}
.abouthome {text-align: center;
    margin: 0 auto;
padding: 23px 100px;}
	.abouthome h3{ margin:15px 0}
		.abouthome p{ line-height:28px;}
		.serviceshome{
		background:#CD9733;  
		   padding: 40px 0;
    color: #fff;
    margin-bottom: 30px;}
		.serviceshome h3{color:#fff;}
		.card-body .btn{background:#CD9733; border:0; margin-left:15px;}
#contactus .list-unstyled li{line-height:25px;}
.cmnav .dropdown-menu{
	background:#035047;
}
.cmnav .main-menu ul li .fa{position:relative; left:5px;}
.cmnav .main-menu ul li .dropdown-menu li{display:block;}
.cmnav .main-menu ul li .dropdown-menu li a	{    padding: 6px 15px; font-size:14px;}