@import url('https://fonts.googleapis.com/css?family=Saira+Semi+Condensed:300,400,600,700');
body{
    font-family: 'Saira Semi Condensed', sans-serif !important;
}
@font-face {
    font-family: 'Saira Semi Condensed' !important,
}

.Saira300{font-family: 'Saira Semi Condensed', sans-serif !important;font-weight: 300;}
.Saira400{font-family: 'Saira Semi Condensed', sans-serif !important;font-weight: 400;}
.Saira600{font-family: 'Saira Semi Condensed', sans-serif !important;font-weight: 600;}
.Saira700{font-family: 'Saira Semi Condensed', sans-serif !important;font-weight: 700;}
.opensans300{font-family: 'Open Sans', sans-serif !important;font-weight: 300;}
.opensans400{font-family: 'Open Sans', sans-serif !important;font-weight: 400;}
.opensans700{font-family: 'Open Sans', sans-serif !important;font-weight: 700;}
/*===================================
	    Social Icon Bg Color
===================================*/
i.fa.fa-facebook:hover{
	background-color:#3b5999 !important;
}
i.fa.fa-twitter:hover{
	background-color:#55acee !important;
}
i.fa.fa-instagram:hover{
	background-color:#e4405f !important;
}
i.fa.fa-google-plus:hover{
    
	background-color:#dd4b39 !important;
}
i.fa.fa-dribbble:hover{
	background-color:#ea4c89 !important;
}
i.fa.fa-pinterest:hover{
	background-color:#bd081c !important;
}
i.fa.fa-github:hover{
	background-color:#040204 !important;
}


a:hover{
    text-decoration: none !important;
}
/*===================================
	    Color Hover
===================================*/
.color-normal:hover{color:#868386 !important;}
/*===================================
	    Color
===================================*/

.color-black{color:#000000 !important;}
.color-white{color: #fff !important;}
.color-primary{color:#947863 !important;}
.color-secondary{color:#3e393d !important;}
.color-danger{color:#8f1c01 !important;}
.color-normal{color:#868386;}

.bg-black{background-color:#000000 !important;}
.bg-white{background-color: #fff !important;}
.bg-primary{background-color:#947863 !important;}
.bg-secondary{background-color:#3e393d !important;}
.bg-danger{background-color:#8f1c01 !important;}
/*===================================
	    Button Styling
===================================*/
.btn-styling{
	border: 1px solid #947863 !important;
	border-radius: 0px !important;
	background: transparent !important;
	color: #947863 !important;
	width: 140px !important;
	height: 40px !important;
	font-size: 11px !important;
	line-height: 25px !important;
}
/*===================================
	    Button Hover Styling
===================================*/
.btn-styling:hover{
	background-color: #947863 !important;
	color: #fff !important;
}
.fancy-head-black{
    width: 8%;
    border-bottom: 1px solid;
}
.shadow-style{
	-webkit-box-shadow: -1px 7px 42px -4px rgba(0,0,0,0.51);
	-moz-box-shadow: -1px 7px 42px -4px rgba(0,0,0,0.51);
	box-shadow: -1px 7px 42px -4px rgba(0,0,0,0.51);
}
/*===================================
	    Header Section Start
===================================*/
.header-logo {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 9;
}
#header-social-icon i.fa {
	display: inline-block;
	border-radius: 100%;
	box-shadow: 0px 0px 2px #fff;
	padding: 7px 9px;
	width: 30px;
	height: 30px;
	color: #fff;
}
#header-social-icon i.fa:hover {
	background-color: #947863;
}
.banner {
	padding: 10% 0%;
	position: relative;
}
/*===================================
	    Header Section End
===================================*/
/*===================================
	    Navigation Section Start
===================================*/
.navbar{
	position: relative;
	min-height: 50px;
	margin-bottom: 20px;
	border: 1px solid transparent;
	padding: .5rem 8rem !important;
	z-index: 9;
}
.navbar-header.mask{display:none!important}
.navbar-wrapper{
	position: absolute;
	top: 8px;
	width: 100%;
}
.ares .tp-bullet{
	background: rgba(229, 229, 229, 0);
	border: 2px solid #fff;
}
/*===================================
	    Navigation Section End
===================================*/
/*===================================
	   Main Slider Css Start
===================================*/
#main-banner .ares.tp-bullets:before{
	padding: 0px;
}
/*===================================
	   Main Slider Css End
===================================*/
/*===================================
	    Intro Section Start
===================================*/
.about-us{
	background: url("images/intro_bd.jpg") no-repeat;
	background-size: 100% 100%;
}
.about-us-text {
    position: absolute;
    text-decoration: underline;
    top: 135px;
    left: calc(50% - 635px);
    -webkit-transform: rotate(270deg);
    -moz-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    transform: rotate(270deg);
    color: #b5b3b4;
    letter-spacing: 3px;
    font-size: 30px;
}
#intro-img{
   position:relative; 
}
#intro-img .intro-img1{
	background: url(images/intro-1.jpg)no-repeat;
	background-size: 100% 100%;
	height: 330px;
	width: 100%;
	max-width: 100%;
	position: relative;
	top: -50%;
	z-index: 99999;
	padding: 40px 70px 20px 20px;
	text-align: justify;
	line-height: 20px;
	margin: -93px 0 10px;
}
#intro-img .intro-img2{
	background: url(images/intro-2.jpg)no-repeat;
	background-size: 100% 100%;
	height: 330px;
	width: 100%;
	max-width: 100%;
	right: 5%;
	z-index: 99999;
	padding: 40px 70px 20px 20px;
	margin: -195px 0 10px;
}
/*===================================
	    Intro Section End
===================================*/
/*===================================
	   Product Slider Start
===================================*/
#product-slider{
	background: url(images/product-slider-bg.jpg) center center no-repeat;
	background-size: cover;
	width: 100%;
	height: 100%;
}

#product-slider .owl-theme .owl-dots .owl-dot {
	display: none !important;
	zoom: 1;
}
#product-slider #owl-demo1{
	padding: 50px 0px;
}
#product-slider .product-slider-text{
	height: 225px;
	background: #fff;
	text-align: center;
	padding: 30px 0px 10px;
}
/*===================================
	   Product Slider End
===================================*/
/*===================================
	   Our Services
===================================*/
#our-services{
	background: url("images/our-services-bg.jpg") 100% no-repeat;
	width: 100%;
	padding-bottom: 30px;
}
#our-services h1{font-weight: 700;}
#our-services p{font-weight: 300;}

#our-services .our-services-text1, .our-services-text2{
	text-align: justify;
}
/*===================================
	   footer Top Menu
===================================*/
#site-footer .footer-top-menu{
	background-color: #977e6b;
	padding: 10px;
}
#site-footer .footer-top-menu a{
	color: #fff;
}
#site-footer .main-footer{
	background-color: #3e393d;
	position: relative;
}
#site-footer .main-footer .footer-logo{
	padding: 26px 0px 10px;
	text-align: center;
}
#site-footer .footer-social-icon i.fa {
	display: inline-block;
	border-radius: 100%;
	box-shadow: 0px 0px 2px #fff;
	padding: 12px 13px;
	width: 40px;
	height: 40px;
	color: #fff;
}
#site-footer i.fa:hover {
	background-color: #947863;
}
#site-footer .main-footer .footer-img {
	height: 100%;
	position: absolute;
	top: 0px;
	right: 0px;
	padding: 10px 0;
}
.main-footer a:hover{
    text-decoration: none !important;
    color: #868386 !important;
}
#site-footer .footer-company-logo{
	display: inline-block;
	width: 95px;
}
/*--====================================
        Huzaifa code
====================================--*/
#about-us-page {
	background: url(images/about-us-bg.jpg) no-repeat;
	margin-bottom: -15px;
	background-size: 100% 100%;
}
#about-us-page p {
    line-height: 27px !important;
}
#contact-us {
	background: url(images/contact-us-bg.jpg) 100% 100% no-repeat;
	background-size: cover;
	margin-top: -59px;
}
#contact-us .img1{
    background: url(images/intro-1.jpg) no-repeat;
	background-size: 100% 100%;
	height: 250px;
	width: 100%;
	max-width: 100%;
	z-index: 99999;
	padding: 20px 53px 20px 20px;
	text-align: justify;
	font-size: 11px;
}
#contact-us .img2 {
    background: url(images/intro-2.jpg) no-repeat;
	background-size: 100% 100%;
	height: 250px;
	width: 100%;
	max-width: 100%;
	right: 5%;
	z-index: 99999;
	margin: -39px 0 10px;
}
#contact-us input.form-control {
	border: 2px solid #947863;
	border-radius: 3px;
	background-color: transparent;
}
#contact-us textarea.form-control {
	border: 2px solid #947863;
	border-radius: 3px;
	background-color: transparent;
}
#contact-us .send-btn{
	border-radius: 2px;
}
.fancy-head-brown {
    border-top: 1px solid #3e393d;
    content: "";
    display: block;
    margin: .2em 0;
    width: 40%;
    margin-bottom: 40px;
}
#contact-us .office-info p {
    font-size: 12px !important;
}
.post-img:nth-child(even){}
.post-img:nth-child(odd){}
.post-content:nth-child(even) h1 {color: #947863; text-align: left; font-size: 2.2em;}
.post-content:nth-child(odd) h1 {color: #947863; text-align: left; font-size: 2.2em;}

.home .site-content .entry-header{
	display: none;
}
/*--====================================
        Entry Title
====================================--*/
.content_site{
	background: moccasin;
	margin: 10px 0px 10px 0px;
	padding: 10px 0px 10px 0px;
	border-top:2px solid black;
	border-bottom: 2px solid gray;
	line-height: 2px;
	letter-spacing: 2px;
	font-weight: 600;
	color: black;
	width: 20px;
	height: 20px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
}
.get_back{
	content: '';
	display: none;
}
/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/
.gallery {
	margin-bottom: 1.5em;
}

.gallery-item {
	display: inline-block;
	text-align: center;
	vertical-align: top;
	width: 100%;
}

.gallery-columns-2 .gallery-item {
	max-width: 50%;
}

.gallery-columns-3 .gallery-item {
	max-width: 33.33%;
}

.gallery-columns-4 .gallery-item {
	max-width: 25%;
}

.gallery-columns-5 .gallery-item {
	max-width: 20%;
}

.gallery-columns-6 .gallery-item {
	max-width: 16.66%;
}

.gallery-columns-7 .gallery-item {
	max-width: 14.28%;
}

.gallery-columns-8 .gallery-item {
	max-width: 12.5%;
}

.gallery-columns-9 .gallery-item {
	max-width: 11.11%;
}

.gallery-caption {
	display: block;
}
.banner-image{
	position: relative; background-size: 100% 100% !important; min-height: 270px; width: 100%;
}
#contact-us input.btn.btn-send {
    background-color: #947863;
    color: #ffffff;
}
.product-slider-text h3{
    font-weight: 700;
}
.product-slider-text p{
    font-weight: 300;
}
.main-footer a.bg-primary:hover {
	color: #ffffff !important;
}