body{
	margin: 0 ;
	height: 100%;
	overflow-x: hidden;  
	padding-top: 70px;
	font-size: 15px;
	font-weight: 300;
	line-height: 26px;
	letter-spacing: 1px;
	font-family: 'Poppins', sans-serif;
}
html,
body{
	height: 100%
	width: 100%;
}
img {
	width: 100%;
}
#my-navbar{
	padding: 20px;

}
#home .navbar-collapse{
	opacity: 0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	visibility: hidden;
	-webkit-transition: all 0.2s ease-in-out 0s;
	transition: all 0.2s ease-in-out 0s;
}
#home.active .navbar-collapse{
	opacity: 1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	visibility: visible;
}
#home{
	/*background-image: url("images/img1.jpg");*/
	background: white;
	background-size: 100% 100%;
	background-repeat: no-repeat;
	/*height: 650px;*/
	/*margin-top: -70px;*/
}
.page-header{    
	text-align: center;
}
.navbar-header a{
	color: #FFCB2F;
	letter-spacing: 1.5px;
	font-size: 15px;
}
.navbar-brand span{
	font-size: 30px;
	font-weight: 900;
	color: #FFCB2F;
}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover {
	color: white;
	background-color: #FFCB2F;
}

.navbar-default .navbar-brand{
	color: #fff;
	/*margin-top: 15px;*/
}
.navbar-bg{
	background: white;
	padding-bottom: 5px;
}
.navbar-default .navbar-nav>li{
	margin-right: 15px;
}
.navbar-default .navbar-nav>li>a{
	padding: 15px;
	color: #961B1E;
	font-weight: bold;
	font-size: 16px;
}
.navbar-default .navbar-nav>li>a:hover{
	color: #0071BC;
}
.header-img img{
	border-radius: 50%;
	width: 150px;
	margin-top: 160px;
}
.header-img h2{
	color:white;
	margin-top: 20px;
	padding: 5px;
	font-weight: 900;
	text-transform: uppercase;
	font-size: 26px;
	letter-spacing: 1.5px;
}
.header-img p{
	color: white;
	padding: 0px 100px;
	margin: 0 0 10px;
	font-size: 20px;
	font-weight: 200;
	display: block;
	letter-spacing: 1.5px;
}
.home-arrow-down{
	display: inline-block;
	position: absolute;
	transform: translate(-50%, -50%);
	bottom: 15px;
	left: 50%;
}
.home-arrow-down i.fa{
	font-size: 30px;
	color: #961B1E;
	display: inline-block;
	transform-style: preserve-3d;
	animation-name: home-arrow-down;
	animation-duration: 2s;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
}


@-webkit-keyframes home-arrow-down{
	from{
		-webkit-transform: translate3d( 0, 0px, 0);
		transform: translate3d( 0, 0px, 0);
		filter: alpha(opacity=0);
		opacity: 0;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	}
	10%{
		-webkit-transform: translate3d( 0, 5px, 0);
		transform: translate3d( 0, 5px, 0);
		filter: alpha(opacity=100);
		opacity: 1;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	}
	to{
		-webkit-transform: translate3d( 0, 30px, 0);
		transform: translate3d( 0, 30px, 0);
		filter: alpha(opacity=0);
		opacity: 0;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	}
}

@keyframes home-arrow-down{
	from{
		-webkit-transform: translate3d( 0, 0px, 0);
		transform: translate3d( 0, 0px, 0);
		filter: alpha(opacity=0);
		opacity: 0;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	}
	10% {
		-webkit-transform: translate3d( 0, 5px, 0);
		transform: translate3d( 0, 5px, 0);
		filter: alpha(opacity=100);
		opacity: 1;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	}
	to {
		-webkit-transform: translate3d( 0, 30px, 0);
		transform: translate3d( 0, 30px, 0);
		filter: alpha(opacity=0);
		opacity: 0;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	}
}










#about{
	padding-top: 70px;
}
.about-img{
	padding-top: 20px;
	width: 100%;
	vertical-align: middle;
	border: 0;
}
.about-content{
	padding-top: 15px;
	padding-left: 20px;
}
.about-content h2{
	color: #961B1E;
	font-family: serif;
	font-size: 26px;
	margin-bottom: 15px;
	text-transform: uppercase;
	font-weight: 900;
	margin-top: 0;
	letter-spacing: 1.5px;
}
.about-content h3{
	font-size: 20px;
	margin-bottom: 30px;
	margin-top: 0;
	letter-spacing: 1.5px;
}
.about-content p{
	font-weight: 300;
	letter-spacing: .5px;
}
.about-content a{
	display: inline-block;
	/*background: #8E0A0D;*/
	color: black;
	padding: 5px 10px;
	border-radius: 30px;
	margin-top: 20px;
	border: 1px solid #0071BC;
	text-transform: capitalize;
}
.about-content a:hover{
	text-decoration: none;
	color: #961B1E;
	background: white;
}











#experience{
	background: #F6F6F6;
	padding: 70px 0px;
}
.service-title h2{
	padding-top: 20px;
	font-size: 28px;
	letter-spacing: 1px;
}
.single-experience{
	background: #fff;
	padding: 40px 30px;
	margin-bottom: 40px;
}
.single-experience h2{
	text-transform: uppercase;
	font-size: 16px;
	font-weight: 600;
	margin-bottom: 10px;
	color: #333;
	margin-top: 0;
	letter-spacing: 1.5px;
}
.single-experience h3{
	margin-top: 0;
	font-size: 14px;
	font-weight: 300;
	color: #333;
	margin-bottom: 15px;
	letter-spacing: 1px;
}
.single-experience span{
	float: right;
	margin-top: -30px;
	font-size: 14px;
	font-weight: 300;
	color: #fff;
	background: #FFCB2F;
	padding: 5px 10px;
}
.single-experience p{
	padding-top: 10px;
	margin-bottom: 0;
	letter-spacing: 1px;
	font-family: sans-serif;
}










#work{
	padding-top: 60px;
	padding-bottom: 70px;
	background: light grey;
}
.work-title p{
	text-align: center;
	font-size: 18px;
	font-family: sans-serif;
	font-weight: 700;
	padding: 20px;
}
.work-image img{
	border: 8px solid black;
	display: inline-block;
	height: auto;
	max-width: 100%;
	vertical-align: middle;
	margin-top: 30px;
	position: relative;
	overflow: hidden;
}
.single-work img{
	/*width: 100%;*/
	width: 400px;
	height: 300px;
}
ul.work{
	padding: 0;
	list-style: none;
	margin-left: 8px;
	text-align: center;
}
ul.work-btn-ul{
	padding: 0;
	list-style: none;
	margin-left: 8px;
	text-align: center;
}
ul.work-btn-ul li{
	display: inline-block;
	padding-top: 8px;
	padding-bottom: 4px;
	margin: 0 8px;
	text-transform: uppercase;
	font-size: 14px;
	font-weight: 300;
	color: #000;
	border: none;
	cursor: pointer;
	font-size: 12px;
	border: 1px solid #FFCB2F;
	border-radius: 30px;
	padding-left: 15px;
	padding-right: 15px;
	background: transparent;
}
ul.work li{
	display: inline-block;
	padding-top: 8px;
	padding-bottom: 4px;
	margin: 0 8px;
	text-transform: uppercase;
	font-size: 14px;
	font-weight: 300;
	color: #000;
	border: none;
	cursor: pointer;
	font-size: 12px;
	border: 1px solid #FFCB2F;
	border-radius: 30px;
	padding-left: 15px;
	padding-right: 15px;
	background: transparent;
}
ul.work-btn-ul li.active{
	border: none;
	color: #fff;
	border: 1px solid #FFCB2F;
	background: #FFCB2F;
}
ul.work-btn-ul li:hover{
	background-color: #FFCB2F;
	color: white;
	transition: ease .3s;
}
.project-caption{
	position: absolute;
	left: 0;
	top: 0;
	text-align: center;
	height: 100%;
	width: 100%;
	background: rgba(255, 255, 255, .8);
	opacity: 0;
}
.single-work:hover .project-caption{
	opacity: 1;
	transition: all 0.4s ease-out;
}
.project-caption h4{
	font-size: 16px;
	text-transform: uppercase;
	font-weight: 700;
	color: #333;
	transition: .3s;
	position: absolute;
	bottom: 0;
	left: 5%;
	text-align: center;
}
.single-work:hover .project-caption h4{
	margin-bottom: 40px;
	transition: .3s;
}
.single-work:hover .project-caption h3{
	margin-bottom: 15px;
	transition: .53s;
}
.project-caption h3 {
	font-size: 18px;
	text-transform: capitalize;
	font-weight: 700;
	color: #333;
	transition: .3s;
	position: absolute;
	bottom: 0;
	left: 5%;
	text-align: center;
}









#testimonial{
	background-image:linear-gradient(rgba(27, 26, 23, 0.86),rgba(0, 0, 0, 0.82)), url("images/san-marcos-real-estate-appraisals.jpg");
	background-repeat: none;
	background-size: cover;
	padding: 70px 0px;
}
.testimonial-title h2{
	text-align: center;
	padding-top: 50px;
	padding-bottom: 30px;
	font-size: 30px;
	color: #fff;
	font-weight: 900;
}
.carousel-content{
	color:#FFF;
	display:flex;
	align-items:center;
}
#text-carousel{
	width: 100%;
	height: auto;
	padding: 50px;
}
.item i{
	color: #FFCB2F;
	background: #fff;
	height: 30px;
	width: 30px;
	border-radius: 50%;
	line-height: 30px;
	text-align: center;
}
.item p{
	display: inline-block;
	padding-top: 20px;
	letter-spacing: 1.5px;
	font-family: sans-serif;
	font-size: 16px;
}
.item h2{
	padding-top: 15px;
	font-size: 18px;
	font-weight: 900;
	letter-spacing: 1px;
}
.item h3{
	font-size: 14px;
	padding-bottom: 50px;
}






#contact{
	/*padding: 70px 0px;*/
}
.contact-title h2{
	text-align: center;
	padding-bottom: 30px;
	margin-top: 30px;
	font-weight: 900;
	text-transform: uppercase;
	font-size: 30px;
	color:#961B1E;
}
.single-contact-details{
	margin-top: 60px;
}
.single-contact-details i{
	font-size: 20px;
	text-align: center;
	color: #fff;
	float: left;
	margin-bottom: 40px;
	margin-right: 20px;
	height: 40px;
	width: 40px;
	border-radius: 50%;
	line-height: 40px;
	background: #FFCB2F;
}
.single-contact-details h2{
	font-size: 13px;
	text-transform: uppercase;
	font-weight: 800;
	margin-bottom: 0;
}
.single-contact-details p{
	font-family: monospace;
	font-size: 16px;
	letter-spacing: 1px;
}
.form-control{
	display: block;
	border: 1px solid black;
	width: 100%;
	height: 45px;
	/*padding: 5px 0px;*/
	font-size: 16px;
	line-height: 1.42857143;
	color: #333;
	background-color: transparent;
	background-image: none;
	border-radius: 0px;
	box-shadow: none;
	border-bottom: 1px solid rgba(0, 0, 0, .5);
	/*margin-bottom: 25px;*/
}
.contact-form input[type='submit'] {
	display: inline-block;
	color: #fff;
	background: none;
	padding-top: 14px;
	padding-bottom: 10px;
	padding-left: 24px;
	padding-right: 24px;
	border: 1px solid #FFCB2F;
	text-transform: uppercase;
	font-size: 12px;
	border-radius: 0px;
	font-weight: 600;
	-webkit-transition: .3s;
	transition: .3s;
	letter-spacing: 3px;
	border-radius: 30px;
	background: #961B1E;
	margin-bottom: 30px;
}
.contact-form input[type='submit']:hover{
	color: black;
	background: white;
}










.social-area{
	/*background: #0C0B0B;*/
	background: #333333;
	/*height: 300px;*/
}
.social-area p{
	color: white;
	font-size: 14px;
	font-family: serif;
}
.social-link ul{
	margin-right: 25px;
}
.social-link ul li{
	display: inline;
}
.social-link ul li a{
	text-decoration: none;
	color: white;
	text-transform: uppercase;
	padding: 0 10px;
	font-size: 12px;
	display: inline-block;
}
.social-link ul li a:hover{
	color: #961B1E;
}
address{
		margin-top: 20px;
		color: white;
    	font-style: italic;
    	font-size: 16px;
    	line-height: 1;
    	font-family: serif;
    	padding-top: 30px;
	}

#content {
	float:left;
	/*width:705px;*/
	margin: 100px;
}
#content p {
	margin:0 0 14px; 
	background:#fff;
}
#content h2 {
	margin:0 0 4px;
	font:27px/31px 'sakkal_majallabold', Arial, Helvetica, sans-serif;
	letter-spacing:1px;
	color:#961b1e;
}
.image-block {

	margin-left: 80px;
	float:left;
	width:300px;
	padding:8px 27px 0 0;
	text-align:center;
}
.image-block img {
	display:block;
	border:5px solid #000;
	margin:0 0 7px;
}
.image-block strong {
	display:block;
	font:16px/20px Arial, Helvetica, sans-serif;
}
/* sidebar */
#sidebar {
	/*float:right;*/
	max-width:200px;
	/*text-align: center;*/
	margin-top: 80px;
	margin-left: 50%;
}
/* image-box */
.image-box {
	text-align:center; 
	padding:50px 0 3px 1px;
}
#sidebar .image-box {
	margin:0 0 34px;
}
.image-box img {
	border:4px solid #000; 
	margin:0 0 6px;
}
.image-box strong {
	margin:0;
	font:12px/14px Arial, Helvetica, sans-serif;
	display:block;
}
.home {
	min-height:58%;
	margin-top: 100px;
}
.login-container{
	text-align: right;
    margin: 20px;
}
.btn-primary{
	background-color: #729E3A;
    border-color: #496626;
    color: #fff;
    margin-top: -50px;
    margin-right: 60px;
}
.coming-soon-wrap{
	margin-top: 90px;
}
.log{
	text-align: center;
}
/* blockquote */
.blockquote {
	margin:0 0 37px;
	text-align:center;
	font:bold 14px/22px 'copperplate_gothic_boldRg', Arial, Helvetica, sans-serif;
	color:#666;
	letter-spacing:2px;
}
#sidebar .blockquote {
	text-align:left;
	font-size: 14px;
	color:#961b1e;
	/*margin:0 0 29px;*/
	font:bold 19px/20px 'sakkal_majallaregular', Arial, Helvetica, sans-serif;
}
.blockquote cite {
	font-style:normal;
}
#sidebar .blockquote cite {
	display:inline-block;
}
.image-block{
	margin-left: 20px;
    float: left;
    width: 300px;
    padding: 8px 27px 10px 0;
    text-align: center;
}








@media only screen and (max-width: 600px) {
    #my-navbar{
    	padding-top: 50px;
    }
    .about-content h2{
    	padding-top: 20px;
    	padding-bottom: 15px;
    }
    .project-caption{
    	margin-left: 12px;
    }
    .single-work img{
    	margin-left: 12px;
    }
    .navbar>.container .navbar-brand, .navbar>.container-fluid .navbar-brand{
		margin-bottom: -20px;
	}
	.container-fluid>.navbar-collapse, .container-fluid>.navbar-header, .container>.navbar-collapse, .container>.navbar-header{
		margin-top: -20px;
	}
	.navbar-brand>img{
		max-width: 200px;
		margin-top:10px;
	}
	address{
		margin-top: 20px;
		color: white;
    	font-style: italic;
    	font-size: 16px;
    	line-height: 1;
    	font-family: serif;
    	padding-top: 30px;
	}
	#sidebar{
		/*text-align:center;*/
		margin-left: 10%;
		color:#961b1e;
		/*margin:0 0 29px;*/
		font:bold 19px/20px 'sakkal_majallaregular', Arial, Helvetica, sans-serif;
	}
	.image-block{
		margin: 0;
		padding: 20px;
	}
	.image-block img{
		float: left;
		/*display: inline-block;*/
		margin-right: 50%;
	}
	#content{
		margin: 60px;
	}
	#content h2{
		padding-bottom: 20px;
	}
	.home {
		min-height:35%;
		/*margin-top: 100px;*/
	}
	.btn-primary{
		background-color: #729E3A;
    	border-color: #496626;
    	color: #fff;
    	margin-top: -50px;
    	margin-right: 10px;
	}
}

@media only screen and (min-width: 767px) and (max-width: 991px) {}
  .navbar>.container .navbar-brand, .navbar>.container-fluid .navbar-brand{
  	margin-top: -15px;
  	}
  	.navbar-brand>img{
		max-width: 200px;
		margin-top:10px;
	}
}