@charset "utf-8";
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700,800|family=Raleway:400,200,300,500,600,700,800,900|family=Titillium+Web:400,200,300,600,700,900);
body
{
height:auto;	
margin:0px;
padding:0px;
 font-family: 'Open Sans', sans-serif;
}
.navbar-default
{
background-color:rgb(255,255,255)!important;
padding: 15px;	
box-shadow: 0px 3px 8px -1px rgba(0,0,0,0.75);
}
.logo a
{
color:#12205b!important;
font-weight:600;
font-size: 30px;
text-shadow: 2px 2px 7px rgba(150, 150, 150, 1);
}
.navbar-default .navbar-nav>li>a
{
color:#662e0c;
font-weight: 500;
}
.navbar-default .navbar-nav>li>a:hover
{
background-color:#662e0c;
color:#fff;
}
.navbar-default .navbar-nav>.active>a
{
	background-color:#662e0c;
color:#fff;
}
.body-sec
{
	color: #742b02;
    position: relative;
    top: -11px;
}
.project-sec
{
	    margin-bottom: 130px;
}
.who-we h2
{
	padding-bottom: 14px;
    font-weight: 600;
}
.who-we p 
{
	font-size: 16px;
    line-height: 30px;
    /* word-spacing: 1px; */
    padding-bottom: 12px;
    font-weight: 800;
    text-align: justify;
}
.pro-pic
{
	border: 1px solid #000;
}
.address p 
{
	font-weight: 600;
    text-align: left;
    position: relative;
    font-size: 18px;
    top: 55px;
}
.pro-detail p 
{
	font-size: 17px;
    line-height: 30px;
    word-spacing: 1px;
    padding-bottom: 12px;
   font-weight: 600;
    text-align: justify;
}
.divider
{
	border-bottom:3px solid #7f3915;
	margin-bottom: 40px;
}
.nav-pills>li>a
{
	color:#fff;
	background-color: #009688!important;
	border:1px solid #fff;
	border-radius: 0px;
}
.nav-pills>li>a:hover,
.nav-pills>li.active>a:hover
{
	opacity:0.3;
	
}
.nav-pills>li.active>a
{
	background-color:#fff!important;
	color:#662e0c!important;
}
.nav-pills
{
	width:372px;
    margin: auto;
	position: relative;
    top: 40px;
}
.abt-img img 
{
	margin:auto;
}
.slider-sec
	{
		position: relative;
    	top: -19px;
	}
.tab-content
{
	border:0px solid #000;
	position: relative;
    top: 100px;
}
.h
{
	
	
	margin-bottom: 25px;
	
}

figure
{
	margin-bottom:20px;
}



.phone-sec span
{
	
font-weight: 600;
letter-spacing: 1px;
}
form
{
position:relative ;
top: 60px;	
}
form .btn-default
{
float: right;
color: #06f;
border-radius: 0px;
}
 #map {
   width: 100%;
   height: 160px;
   background-color: grey;
   position: relative;
top: 66px;
 }
 


.contact-footer
{
	position:relative;
	top:150px;
}
.swiper-button-prev img
{
	width: 80px;
position: relative;
left: -25px;
top: -19px;
}
#need-help
{
	font-size: 16px;
}
.phone-sec{
	position: relative;
top: -21px;}
.fa-phone
{
	position: relative;
top: 3px;
left: 9px;
}
.social
{
position:relative;
top:90px;	
}
.swiper-pagination-bullet
{
	background-color: #fff;
opacity: 1;
width: 12px;
height: 12px;
}
.swiper-pagination-bullet-active
{
	background-color: #fff;
opacity: .3;
}
.swiper-button-prev,.swiper-button-next
{
background-color: rgba(102, 46, 12, 0.6);
    right: 10px;
    border-radius: 30px;
    padding: 30px;
   opacity:1;
}
.swiper-button-prev:hover,
.swiper-button-next:hover
{
	opacity:0.6;
}




.tab-content h3
{
	position: relative;
    top: -30px;
}



.myImg {
    border-radius: 5px;
    cursor: pointer;
    transition: 0.3s;
}

.myImg:hover {opacity: 0.7;}

/* The Modal (background) */
.modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 999; /* Sit on top */
    padding-top: 100px; /* Location of the box */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.9); /* Black w/ opacity */
}

/* Modal Content (Image) */
.modal-content {
    margin: auto;
    display: block;
    width: 500px;
    border: 8px solid #fff;
}
#caption {
    margin: auto;
    display: block;
    width: 80%;
    max-width: 700px;
    text-align: center;
    color: #ccc;
    padding: 10px 0;
    height: 150px;
}

/* Add Animation - Zoom in the Modal */
.modal-content, #caption {
    -webkit-animation-name: zoom;
    -webkit-animation-duration: 0.6s;
    animation-name: zoom;
    animation-duration: 0.6s;
}

@-webkit-keyframes zoom { from {-webkit-transform:scale(0)}
    to {-webkit-transform:scale(1)}
}

@keyframes zoom {
    from {transform:scale(0)}
    to {transform:scale(1)}
}

/* The Close Button */
.close {
    position: absolute;
    top: 25px;
    right: 70px;
    color: #f1f1f1;
    font-size: 40px;
    font-weight: bold;
    transition: 0.3s;
	opacity: .5;
}
.close:hover,
.close:focus {
    color: #bbb;
    text-decoration: none;
    cursor: pointer;
	opacity: .8;
}

/* 100% Image Width on Smaller Screens */
@media only screen and (max-width: 700px){
    .modal-content {
        width: 100%;
    }
}

@media(min-width:320px) and (max-width:450px)
{
	.swiper-slide img
	{
		height:220px;
	}
	.swiper-button-prev,.swiper-button-next
	{
	display:none;	
	}
	.phone-sec span
	{
		font-size: 20px;
    padding: 6px;
	}
	.address
	{
	position: relative;
    top: -32px;	
	}
	#map
	{
		top:34px;	
	}
	#need-help
	{
		font-size: 14px;
	}
	.nav-pills
	{
	width:300px;	
	}
	.nav>li>a {
    padding: 6px 8px;
	}
}
@media(min-width:451px) and (max-width:565px)
{
	.swiper-button-prev,.swiper-button-next
	{
	display:none;	
	}
	.swiper-slide img
	{
		height:190px;
	}

	.phone-sec span
	{
		font-size: 13px;
	}
	#need-help
	{
		font-size: 14px;
	}
	form {
    position: relative;
    top: 90px;
}
}
@media(min-width:566px) and (max-width:725px)
{
	figure
	{
		width: 270px;
    margin: auto; 
	}
	form {
    position: relative;
    top: 90px;
}
	
}
@media(min-width:726px) and (max-width:991px)
{
	figure
	{
		width: 270px;
    margin: auto; 
	}
	
		form {
    position: relative;
    top: 88px;
}
	
	
}
@media(min-width:992px) and (max-width:1110px)
{
	figure
	{
		width: 270px;
    margin: auto; 
	}
	.phone-sec span
	{
		font-size: 20px;
	}
}
@media(min-width:991px) and (max-width:1024px)
{
	.phone-sec span
	{
		font-size: 22px;
	}
	
}
@media(min-width:1025px) and (max-width:1300px)
{	
	.phone-sec span
	{
		font-size: 26px;
	}
	.who-we 
	{
		position: relative;
    top: 6px;
	}
}
@media(min-width:1301px)
{
	
	.phone-sec span
	{
		font-size: 26px;
	}
	.who-we 
	{
		position: relative;
    top: 50px;
	}
}