/* Add here all your CSS customizations */
html section.section-primary {
    background-color: #bdad9c !important;
    border-color: #bdad9c !important;
}

html .background-color-primary{background-color: #bdad9c !important;}
html section.section-secondary{background-color: #fff !important;}
article.blog-post .blog-post-image-wrapper .blog-post-date{background: #bdad9c; }
html .scroll-to-top{background: #bdad9c; colof: #FFF;}
html .btn-primary {
    color: #ffffff;
    background-color: #bdad9c;
    border-color: #bdad9c #bdad9c #bdad9c;
}
html .btn-primary:active, html .btn-primary:focus, html .btn-primary:active:hover, html .btn-primary:active:focus {
    border-color: #bdad9c #bdad9c #bdad9c;
    background-color: #bdad9c;
}
#header .header-btn-collapse-nav { background: transparent; margin: 25px 0 8px 15px; }
#header .header-btn-collapse-nav .icons { font-size: 30px; }
.logo-master{display: block; position: fixed; top: 25px; left: 5px; z-index: 90002; width: 100px; height: auto;}
.side-menu{display: block; position: fixed; background: #000; width: 120px; height: 100vh; z-index: 90000;}
.adj-menu{padding-left:120px;}
#section-our-services, #section-our-services-subpage{position:relative;}
#section-our-services-subpage{height: 650px;}
.services-decor{position: absolute; bottom: -2px; right: 0;}
.services-decor-subpage{position: absolute; bottom: -2px; right: 0;}
.txt-theme{color:#a68972!important;}
.bg-theme hr{background:#a68972!important;}

.sidenav {
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 90001;
    top: 0;
    left: 0;
    background-color: #111;
    overflow-x: hidden;
    transition: 0.5s;
    padding-top: 60px;
	padding-left: 0px;
}

.sidenav a {
    padding: 8px 8px 8px 32px;
    text-decoration: none;
    font-size: 35px;
	line-height: 40px;
    color: #fff;
    display: block;
    transition: 0.3s;
	padding-left:180px;
	font-family: "Playfair Display", serif;
}

.sidenav a:hover {
    color: #bdad9c;
}

.sidenav .closebtn {
    position: absolute;
    top: 50%;
    left: 25px;
    font-size: 76px;
	color: #fff;
    margin-left: 0px;
	padding-left: 0px;
}

.menu-footer{position: absolute; bottom: 20px; left: 180px; font-size: 10px;}
.wrapper-menu-social-icons {width: 100%; height: 55px; text-align: left;}
.wrapper-menu-social-icons a{display: block; padding:0!important;}
.wrapper-menu-social-icons img{float: left; width: 50px; height: auto; margin-right: 5px;}

#main {
    transition: margin-left .5s;
    padding: 16px;
}

.subpage-header{
	padding: 60px 0 35px;
    background: #bdad9c !important;
    border-color: #bdad9c !important;
	}
	
.fb-page{margin-left:150px; margin-top: 50px;}

@media screen and (max-width: 2550px) {
	.header-logo img{width: 82px; height: auto;}
	.side-menu{display: block;}
	.header-body{display: none;}
	.menu-opener{position: absolute; top: 50%; left: 35px; color: #fff;}
	article.blog-post .blog-post-image-wrapper .blog-post-date{width: 50%;}	
	.adj-what-we-do{padding:100px; width: 80%!important; float:right;}
	#section-contact-us .section-contact-us-mobile{display: none;}
	.api-newsfeed{margin-left:180px; margin-top:20px;}
	.fb-wrapper{display: none;}
	.fb-desktop{display: bloack; margin-left:180px; margin-top:20px;}
}

@media screen and (max-width: 1600px) and (min-width: 1025px){
	.main{padding-left:90px;}
	.side-menu{width:90px;}
	.logo-master{width:80px;}
	.side-menu p{left:25px;}
	.menu-opener{left: 25px;}
	.sidenav a{
		padding: 0px 8px 8px 150px;
		text-decoration: none;
		font-size: 25px;
		line-height: 25px;
	}
	.api-newsfeed{margin-left:150px; margin-top:15px;}
	.menu-footer{left:130px;}
	#section-project .container{padding:0 100px;}
	.looking-for .container{padding:30px 60px;}
	article.blog-post .blog-post-image-wrapper .blog-post-date{right:0;}
	.adj-img-services{width:600px;}
	.services-decor{width:350px;}
	.fb-desktop{display: bloack; margin-left:120px; margin-top:20px;}
}

@media screen and (max-width: 1024px) {
	.side-menu{display: none;}
	.header-body{display: block;}
	.logo-master{display: none!important;}
	.adj-menu{padding-left:0;}
	.services-decor{width:50%; height:auto;}
	#section-our-services-subpage{height: 800px;}
	.services-decor-subpage{width:40%; height:auto;}
	.adj-what-we-do{padding: 50px 40px 200px 40px; width:100%!important;}
	.rev_slider_wrapper{margin-top: 100px;}
	#section-contact-us .section-contact-us-mobile{padding: 60px 20px;}
	#section-contact-us .section-contact-us-desktop{display: none;}
	#section-contact-us .section-contact-us-mobile{display: block;}
	#section-contact-us{padding: 0px; background-color: #bdad9c !important;	border-color: #bdad9c !important;}
	.owl-carousel{margin-bottom: 0px;}
	.subpage-header{padding: 140px 0 35px;}	
	.fb-page{width: 100%!important; margin: auto; margin-left:0px; margin-top: 0px;}
	.fb-wrapper{display: block}
	.fb-desktop{display: none;}
}

@media screen and (max-width: 450px) {
	#section-our-services-subpage{height: 800px;}
	.services-decor-subpage{width:80%; height:auto;}	
	.fb-desktop{display: none;}
}

@media screen and (max-height: 450px) {
	.header-logo img{width: 52px; height: auto;}
	.sidenav {padding-top: 15px;}
	.sidenav a {font-size: 18px;}
}