@font-face {
  font-family: 'Francois One';
  font-style: normal;
  font-weight: 400;
  src: local('Francois One Regular'), local('FrancoisOne-Regular'), url(http://fonts.gstatic.com/s/francoisone/v8/bYbkq2nU2TSx4SwFbz5sCHhCUOGz7vYGh680lGh-uXM.woff) format('woff');
}


.clft{clear:left;}

.header{ background:#903c0e url(../images/header-bg.jpg) repeat-x;}
.logo{ width:718px; margin:0 auto;}

.nav-bg{ background:#903c0e url(../images/nav-bg.jpg) repeat-x;}

.carousel-caption h2{ margin:0px; font-size:32px; font-weight:bold; line-height:38px;}
.content-first h3{ font-family: 'Francois One', sans-serif; font-size:23px; color:#b74c08; text-align:center; margin-top:0px;}
.content-first p{ text-align:center;}
.content-first p a{ color:#411704;}
.content-first source{ width:100%;}

.tag{ margin-top:20px; background:#fff; border:1px solid #ccc; padding:30px;}
.tag h3{ text-align:left;}
.tag h4{ font-size:16px; font-weight:bold;}
.tag p{ text-align:left;}

.content-second h3{ font-family: 'Francois One', sans-serif; font-size:23px; color:#b74c08; text-align:center}
.content-second h4{ color:#b74c08;}
.content-second h5{ line-height:20px;}

.box{ background:#9a4416; border-radius:10px; padding:15px 20px; margin-top:115px; height:300px;}
.box img{ border-radius:100%; border:4px solid #fff; margin-top:-120px;}
.box h4{ color:#fff; text-align:center;}
.box h4 a{ color:#fff;}
.box p{ color:#fff; text-align:center;}

.read-more{ background:#722903; padding:5px 10px; color:#fff; border-radius:8px; margin:0px 30px;}
.read-more a{ color:#fff;}

.bottom-service{ margin:15px 110px 0;}


.footer-top{ background:#9a4416; margin-top:25px;}
.trans{ background: url(../images/trans.jpg) center no-repeat;}

.trans p{ text-align:center; color:#fff; padding:0; margin:0px;}

.trans img{ width:340px; margin:0 auto; padding:10px 0 20px 0;}

.bottom-footer{ background:#792e06; padding:20px 0;}

.footer-menu{ width:458px; margin:0 auto;}
.footer-menu ul{ list-style:none; padding-left:0;}
.footer-menu ul li{ font: normal 14px/15px 'Open Sans', sans-serif; color:#fff; float: left; padding:0 15px; border-right:1px solid #fff;}
.footer-menu ul li a{ color:#fff;}

.bottom-footer p{ color:#fff; text-align:center; margin-top:10px;}
.bottom-footer p a{ color:#fff;}

.sub-part{ margin-top:30px;}
.sub-part h3{ text-align:left; margin-top:0px;}

.work{ margin-top:10px;}
.cato{ margin-top:0;}
.cato ul{ margin:0px !important; list-style:none; padding:0px;}
.cato li{ background: url(../images/arrow.png) no-repeat 0 10px; font: normal 14px/24px 'Open Sans', sans-serif; color:#411704; padding-left:20px; }
.cato ul li a{ text-decoration:none; color:#411704;}

#lightbox .modal-content {
    display: inline-block;
    text-align: center;   
}

#lightbox .close {
    opacity: 1;
    color: rgb(255, 255, 255);
    background-color: rgb(25, 25, 25);
    padding: 5px 9px;
    border-radius: 30px;
    border: 2px solid rgb(255, 255, 255);
    position: absolute;
    top: -15px;
    right: -45px;
    
    z-index:1032;
}
.colors{ background:#fff; padding:15px 30px; border:1px solid #ccc;}
.colors .col-xs-6{ padding:0 5px;}
.colors .thumbnail{ border-radius:100%; padding:2px;}
.colors .thumbnail > img, .thumbnail a > img{ border-radius:100%;}
.gallery .col-xs-6{ padding:0; margin:0;}

.reviews h5{ background:#9a4416; border-radius:5px; padding:5px; margin:0px; text-align:center; color:#fff; font-size:16px;}
.reviews h4{ color:#411704;}



.border {
	width: 100%;
	border:1px solid #ccc;
	font: normal 12px Arial, Helvetica, sans-serif;
	color:#2f2f2f;
	height:30px;
	font: 14px Arial, Helvetica, sans-serif;
	padding:0px 0 0 5px;
	background:#fff;
}
.border1 {
	width: 100%;
	border:1px solid #ccc;
	font: normal 12px Arial, Helvetica, sans-serif;
	color:#2f2f2f;
	height:30px;
	font: 14px Arial, Helvetica, sans-serif;
	padding:0px 0 0 5px;
	background:#FDFDFD;
}
.borderk {
	font: 14px Arial, Helvetica, sans-serif;
	color:#2f2f2f;
	border:1px solid #ccc;
	width:100%;
	padding:0px 0 0 5px;
	background:#fff;
}
.borderka {
	font: 14px Arial, Helvetica, sans-serif;
	color:#2f2f2f;
	border:1px solid #ccc;
	width:100%;
	padding:0px 0 0 5px;
	background:#FDFDFD;
}
/* Text Box End */

/* Buttons End */

.button {
	background:#9a4416;
	border:1px solid #8d3e14;
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	padding:8px 10px;
	margin-right:8px;
	cursor:pointer;
	color:#fff;
}
.button1 {
	background:#f16115;
	border:1px solid #e15a13;
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	padding:8px 10px;
	margin-right:8px;
	cursor:pointer;
	color:#ffffff;
}
.contactwhol {
	padding:0px;
}
#c1 {
	margin:0;
	padding:0 0 0 0px;
	width:100%;
	line-height:30px;
	text-align:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#2f2f2f;
	
}


#c2 {
	margin:0;
	padding:0;
	width:100%;
	
	line-height:25px;
	
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#2f2f2f;
}




.error {
	font: bold 13px Arial, Helvetica, sans-serif;

	text-align:left;
	color:#1373cd;
}
.ok {
	font: bold 13px Arial, Helvetica, sans-serif;
	
	text-align:left;
	color:#1373cd;
}

.map iframe{ width:100%; border:3px solid #e2cbb1;}
.contact-part{ margin-top:15px;}

.price{ border-bottom:1px solid #ccc; padding-bottom:15px; margin:15px 0;}
.price h2{ margin:5px 0 0 0; color:#b74c08;}
.price p small{ margin-top:0px;}
.price img{ border-radius:100%;}

.price h5{ color:#b74c08;}
.price ul{ padding:10px 0 0 30px;}
.price ul li{ font-size:12px;}

.item iframe{ width:100%;}

.content-first h2{ text-align:center; color:#803404; font-weight:bold; font-size:34px; border-top:1px solid #d9ccbf; border-bottom:1px solid #d9ccbf; padding:10px 0;}

.social-sec{ text-align:center; margin-bottom:15px;}
.social-sec a{ margin:0 5px;}

/*.bottom-footer img{ width:172px; margin:0 auto;}*/



@media (max-width: 320px){
 .logo{ width:100%;}
 .carousel-caption h2{ font-size:14px; line-height:18px;}
 .carousel-indicators{ display:none;}
 .content-first .col-xs-6{ width:100%; margin-bottom:10px;}
 .top-services .col-xs-6{ width:100%; margin-bottom:10px;}
 .bottom-service{ margin:0px;}
 .bottom-service .col-xs-6{ width:100%; margin-bottom:10px;}
 .box{ padding:15px 33px;}
 .trans{ background:none;}
 .footer-menu{ display:none;}
 .navbar-nav > li > a{ padding:5px 18px !important;}
 .content-first h2{ font-size:26px;}
 .sub-part .col-xs-6{ width:100%; margin-bottom:15px;}
 .price-cls .col-xs-8{ width:100% !important;}
 .price-cls .col-xs-4{ width:100% !important;}
 .btn-primary{ width:100%;}
 .work .col-xs-6{ width:50%;}
 .colors-tab .col-xs-6{ width:20%;}
 .gallery-tab .col-xs-6{ width:33.33%;}
 .contact-part .col-xs-6{ width:100%; margin-bottom:15px;}
  }

@media (max-width: 384px){
 .logo{ width:100%;}
 .carousel-caption h2{ font-size:14px; line-height:18px;}
 .carousel-indicators{ display:none;}
 .content-first .col-xs-6{ width:100%; margin-bottom:10px;}
 .top-services .col-xs-6{ width:100%; margin-bottom:10px;}
 .bottom-service{ margin:0px;}
 .bottom-service .col-xs-6{ width:100%; margin-bottom:10px;}
 .trans{ background:none;}
 .footer-menu{ display:none;}
 .box img{ margin:0 auto; margin-top:-120px;}
 .navbar-nav > li > a{ padding:5px 18px !important;}
 .contact-part .col-xs-6{ width:100%; margin-bottom:15px;}
  }






@media (max-width: 480px){
.logo{ width:100%;}
.carousel-caption h2{ font-size:14px; line-height:18px;}
.content-first .col-xs-6{ width:100%; margin-bottom:10px;}
.bottom-service{ margin:0;}
.trans{ background:none;}
.footer-menu{ display:none;}
.navbar-nav > li > a{ padding:5px 18px !important;}
 .sub-part .col-xs-6{ width:100%; margin-bottom:15px;}
 .price-cls .col-xs-6{ width:50% !important;}
  .work .col-xs-6{ width:50%;}
 .colors-tab .col-xs-6{ width:20%;}
 .gallery-tab .col-xs-6{ width:33.33%;}
 .content-first h2{ font-size:26px;}
}


@media (max-width: 568px){
	
.logo{ width:100%;}
.carousel-caption h2{ font-size:14px; line-height:18px;}
.content-first .col-xs-6{ width:100%; margin-bottom:10px;}
.bottom-service{ margin:0;}
.trans{ background:none;}
.footer-menu{ display:none;}
.navbar-nav > li > a{ padding:5px 18px !important;}
.sub-part .col-xs-6{ width:100%; margin-bottom:15px;}
.price-cls .col-xs-6{ width:50% !important;}
 .work .col-xs-6{ width:50%;}
 .colors-tab .col-xs-6{ width:20%;}
 .gallery-tab .col-xs-6{ width:33.33%;}
}


@media (max-width: 600px){
.logo{ width:100%;}
.carousel-caption h2{ font-size:14px; line-height:18px;}
.bottom-service{ margin:0;}
.trans{ background:none;}
.footer-menu{ display:none;}	
.box{ padding:15px 27px;}
.navbar-nav > li > a{ padding:5px 18px !important;}
.sub-part .col-xs-6{ width:100%; margin-bottom:15px;}
.price-cls .col-xs-6{ width:50% !important;}
 .work .col-xs-6{ width:50%;}
 .colors-tab .col-xs-6{ width:20%;}
 .gallery-tab .col-xs-6{ width:33.33%;}
}

@media (max-width: 767px){ 
.logo{ width:100%;}
.carousel-caption h2{ font-size:14px; line-height:18px;}
.bottom-service{ margin:0;}
.trans{ background:none;}
.footer-menu{ display:none;}	
.box{ padding:15px 27px;}
.navbar-nav > li > a{ padding:5px 18px !important;}
.box img{ margin:0 auto; margin-top:-120px;}
.sub-part .col-xs-6{ width:100%; margin-bottom:15px;}
 .work .col-xs-6{ width:50%;}
 .colors-tab .col-xs-6{ width:20%;}
 .gallery-tab .col-xs-6{ width:33.33%;}
}

@media (max-width: 768px){
	.logo{ width:100%;}
	.navbar-nav > li > a{ padding:0 18px;}
	.navbar-collapse.collapse{ width:100%;}
	.read-more{ margin:0 10px;}
	.box img{ margin-top:-108px;}
	
}



@media (max-width: 991px){
.navbar-nav > li > a{ padding:0 18px;}
}