@charset "utf-8";
@font-face {font-family: "Poetsen One";
src: url("../fonts/PoetsenOne-Regular.ttf");
}
p{font-family: 'Raleway';}
ul,li{margin: 0;padding: 0;}
body{overflow-x:hidden; font-family: 'Montserrat';}

.input-text{    color: #6c6b6b; height: 35px; width: 100%; font-size: 16px; font-family: 'Questrial'; padding:5px 15px; background: #fff; border:1px solid #fff;  }
.input-textarea{    color: #6c6b6b; width: 100%; font-size: 16px; font-family: 'Questrial'; padding: 5px 15px; background: #fff; border:1px solid #fff; }
.form-control1{ color: #6c6b6b; height: 35px; width: 100%; font-size: 16px; font-family: 'Questrial'; padding:5px 15px; background: transparent; border:1px solid #fff; }
.input-submit{ color: #000; font-size: 16px; border:1px solid #fff; background: #fff; width: 100%; padding: 10px 0;  transition: 0.50s; -webkit-transition: 0.50s; -moz-transition: 0.50s; -ms-transition: 0.50s; -o-transition: 0.50s;}
.input-submit:hover{ color:#fff; background: #121212; border: 1px solid #121212;}

.button1{  border: 1px solid #12680d; padding: 10px 15px;color: #fff; background: #12680d;font-family: 'Montserrat'; }
.button1:hover{color: #12680d ;border:1px solid  #12680d; background: transparent; transition: 0.50s; -webkit-transition: 0.50s; -moz-transition: 0.50s; -ms-transition: 0.50s; -o-transition: 0.50s;}
.button2{  border: 1px solid #ffffff;padding: 15px 55px;color: #fff;background: transparent;font-family: 'Montserrat';  border-radius: 25px;}
.button2:hover{color: #555 ;border:1px solid  #ffffff; background: #ffffff; transition: 0.50s; -webkit-transition: 0.50s; -moz-transition: 0.50s; -ms-transition: 0.50s; -o-transition: 0.50s;}
.button2 a:hover{color: #f83b3b !important;}
.button3{  border: 1px solid #000;padding: 10px 25px;color: #fff;background: #000 ;font-family: 'Montserrat';}
.button3:hover{color: #000 ;border:1px solid  #000; background: transparent; transition: 0.50s; -webkit-transition: 0.50s; -moz-transition: 0.50s; -ms-transition: 0.50s; -o-transition: 0.50s;}

.top-header{background: #eaeaea; padding: 10px 0px;}
.top-header p{font-family:  'Coda'; font-size: 15px; color: #555;}
.font-awes ul{list-style: none; margin-top: 2px;}
.font-awes ul li{font-size: 28px;   text-align: center; line-height: 0px; padding: 3px 0px;}
.font-awes .fa-facebook-square{color:  #3b5998;}
.font-awes .fa-instagram{color: #555;}
.font-awes .fa-google-plus-square{color: #d34836;}
.logoo{display: none;}



.banner-content {position: relative; color: white;}
.bottom-right { position: absolute; bottom: 25%; right: 10%;}
.bottom-right h2{font-family: 'Coda'; font-weight: 25px;}
.bottom-right p{font-family: 'Questrial';}

.one{background: #c7c2bc; padding: 40px 0; text-align: center;}
.one h2{font-family: 'Coda'; color: #000; font-size: 30px; text-align: center; }
.one h3{font-family: 'coda'; color: #000; font-size: 20px; font-weight: 500;}
.one p{font-family: 'Questrial'; color: #616e7b; font-size: 15px;  }
.one img{margin: 0 auto;}

.two{background: #ffffff; padding: 40px 0;}
.two h2{font-family: 'Coda'; color: #000; font-size: 30px; text-align: center; }
.two p{ color: #000000; font-family: 'Questrial';  font-size: 14px; text-align: justify; }
.two .pro{font-size: 16px; line-height: 60px;}
.two .pro .fa{font-size: 22px; color: #a37c53;}
.askquote{background:rgba(0,0,0,0.5); padding: 17px 40px; text-align: center;}
.askquote h2{font-family: 'Coda'; color: #fff; font-size: 22px;}

.three{background: url(../images/bg.jpg) no-repeat center center ;	-webkit-background-size: cover; /* For WebKit*/	-moz-background-size: cover;    /* Mozilla*/	-o-background-size: cover;      /* Opera*/	background-size: cover;padding: 40px 0;}
.three h2{font-family: 'Coda'; color: #fff; font-size: 30px; text-align: center;}
.three span{color:  #ccc;}
.ourwork-images{ margin-bottom: 20px; border: #ccc solid 1px; background: #ccc; padding: 2px;  overflow: hidden; -webkit-transition: all linear 0.5s; -moz-transition: all linear 0.5s; transition: all linear 0.5s; }
.ourwork-images img{ width: 100%; -webkit-transition: all linear 0.5s; -moz-transition: all linear 0.5s; transition: all linear 0.5s; }
.ourwork-images:hover img{ transform: scale(0.98,0.98) ; }



.four{padding: 40px 0 ;background: #fff;}
.four h2{font-family: 'Coda'; color: #000; font-size: 30px;}
.four img{margin: 0 auto;}


.five{  margin-top: -413px }

.top-footer{background: #b0aeab; padding: 40px 0; text-align: center;}
.b-cont{font-family: 'Coda';  font-size: 22px; color: #010101;}
.top-footer p{color: #010101; font-family: 'Questrial';}
.top-footer .cont p, .top-footer .serv p{font-size: 16px; }
.font-awe .fa{color: #010101;  font-size: 25px; }
.font-awe .fa:hover{color: #a37c53 ; transition: 0.50s; -webkit-transition: 0.50s; -moz-transition: 0.50s; -ms-transition: 0.50s; -o-transition: 0.50s;}


.footer{background: #716f6d; padding: 10px 0 0 0;}
.footer h2{font-family: 'Raleway'; font-size: 20px; color: #b4b4b5;}
.footer p{color: #d0cdd0;  font-family: 'Questrial'; font-size: 15px; text-align: center;}



/* Inner Page */
.page{padding: 40px 0px 40px 0; background: #ededed !important; position: relative !important;}
/*.page .inner-cont {background: white;margin-top: -60px;border: 2px solid  #a37c53;;;padding: 25px; border-radius: 20px;}*/

.page h2{    font-size: 26px;font-family: 'Coda';color: #a37c53;; }
.page h4{font-size: 30px; font-family: "Coda";  font-weight: normal; margin-bottom: -10px;}
.page h3{font-size: 20px; font-family: 'Coda'; color: #a37c53;}
.page h3 span{ font-family: 'Open Sans'; color: #ccc; font-size: 14px; }
.page h5{font-family: 'Questrial'; color: #2c2c2c; font-size: 16px; font-weight: 600;}
.page p{font-family: 'Raleway'; text-align: justify; font-size: 15px;}
.page .fa{font-size: 8px;}

/*.box:hover{box-shadow: 0 8px 16px 4px  rgba(0,0,0,0.2);  background: #a37c53;}
.box:hover h2{color: #fff;}*/
.box{padding: 30px; text-align: center;}
.box img{margin: 0 auto; border:3px solid #a37c53;}

.box img {
  transition: 0.7s;
  -webkit-transition: 0.7s;
  -moz-transition: 0.7s;
  -ms-transition: 0.7s;
  -o-transition: 0.7s;
  
  display: block;
  margin-right: auto;
  margin-left: auto;
}

.box:hover img {
	border:3px solid #fff;
  transition: 0.7s;
  -webkit-transition: 0.7s;
  -moz-transition: 0.7s;
  -ms-transition: 0.7s;
  -o-transition: 0.7s;
  
} 


.reset{margin: 0px !important; padding: 0px !important}
.margin-reset{margin: 0px !important;}
.padding-reset{padding: 0px !important;}
.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {border-top: 0px solid #FFF !important;}



/* Typography */

.opensans{font-family: 'Open Sans';}
.coda{font-family: 'Coda';}
.rokkitt{font-family: 'rokkitt';}
/* Coloring */

.black{color: #000 !important;}
.white{color: #FFF !important;}



/* Header */
.affix{ position: fixed; top: 0px;   -webkit-transition: all .5s ease-in-out;width: 100%; z-index: 999999; box-shadow: 0 1px 10px #666; margin-bottom: 10px;  }
.affix-top { position: static;top:-35px;  -webkit-transition: all .5s ease-in-out;}
.affix .header { background: #eaeaea; padding: 1px; }
.affix .header img{width: 50%;}

.affix .header .logoo img{width: 50%;}
.affix .header .logoo{display: block;}

.header{ background-size:cover; background: #a37c52;    padding: 0px 0px 10px 0px;

	z-index: 1; 
	width: 100%; }

	.logo{z-index: 999; position: absolute;}

	.center{}



	/* Tap to Call */

	.taptocall{color: #000;font-size: 14px !important;border: 1px solid #000; width: 50%; margin:5px  auto !important;  padding: 10px 0px;}

	.taptocall:hover{background: #e1dfdf; transition: .2s ease-in; color: #000;}



	/* Menu */

	:after, :before {    -webkit-box-sizing: content-box;    -moz-box-sizing: content-box;    box-sizing: content-box;}

	/* Cool Heading */

	.heading {	  display: inline-block;	  padding: 0 15px;	  position: relative;	  text-align: center;     font-family: "Poetsen One"; font-weight: bold; font-size: 26px;	}
	/* Owl Banner CSS */

	.owl-theme .owl-controls {margin-top: 0px !important;}
	#owl-demo{  display: block;  overflow: hidden;  width: 100%;  position: relative;  background: #fff;}
	#owl-demo .item img{    display: block;    width: 100%;}
	.owl-controls.clickable .owl-buttons div {display: none !important;    border-radius: 0px !important;     width:0px !important;     height: 0px !important;     line-height: 0px !important;     text-align: center;    color: transparent;    font-size: 0px !important; background: rgba(0,0,0, 0) !important; border-radius: 0px !important;}
	.owl-theme .owl-controls { margin-top:0px; text-align: center;}
	.items{  width: 100%;  height: 100%;  overflow: hidden;  z-index: 20;  visibility: inherit;  opacity: 1;}
	.owl-theme .owl-controls { margin-top:0px; text-align: center;}
	.owl-pagination{position: absolute; bottom: 10%; width: 100%; margin: 0 auto; display:none !important;}
	.owl-controls .owl-page span{ cursor: pointer;  position: relative !important;  background: rgba(0, 0, 0, 0.5) !important;  -webkit-border-radius: 10px;  border-radius: 10px;  -webkit-box-shadow: none;  -moz-box-shadow: none;  box-shadow: none;  width: 6px !important;  height: 6px !important;  border: 5px solid rgba(0, 0, 0, 0) !important;  display: inline-block;  margin-right: 2px !important;  margin-bottom: 0px !important;  -webkit-transition: background-color 0.2s, border-color 0.2s;  -moz-transition: background-color 0.2s, border-color 0.2s;  transition: background-color 0.2s, border-color 0.2s;  float:none !important;  box-sizing:content-box;  -moz-box-sizing:content-box;  -webkit-box-sizing:content-box;}
	.owl-controls .owl-page.active span{  background: #12680d !important;  width: 6px !important;height: 6px !important;   -webkit-box-shadow: none;  box-shadow: none;}


	/* Large Devices, Wide Screens */

	@media only screen and (max-width : 1200px) {



	}



	/* Medium Devices, Desktops */

	@media only screen and (max-width : 992px) {

		.center{  display: block; margin-right: auto; margin-left: auto; margin-top: inherit;}
		.services img{width: 100%,margin-bottom: 20px;}
		.three img{margin-bottom: 10px; margin: 0 auto;}
		.page .inner-cont{margin-top: inherit;}
		.top-header{display: none;}
		.header{top:inherit; background: none; background: #eaeaea;}
		.two img{margin: 0 auto;}


	}



	@media only screen and (max-width : 768px) {
		.button1{margin-bottom: 20px;}
		.header{top:inherit; background: none; background: #eaeaea;}
		.one{text-align: center;}
		.one img{margin: 0 auto;}
		.footer h2{text-align: center;}
		.footer img{margin: 0 auto;}
		.footer p{text-align: center !important;}
		.four h2{text-align: center;}
		.affix {position: inherit;}
		.top-header{display: none;}
		.two .pro{line-height: inherit;}
		.testimonials-content img{margin: 0 auto !important;width: auto; max-width: 100%;}
		.client-name{text-align: center;}
		.five{  margin-top: inherit; }
		.bottom-right{  position: absolute;  top: 40% !important;  left: 50% !important;  transform: translate(-50%, -50%) !important; width: 300px;}
		.bottom-right h2{ font-weight: 25px; font-size: 20px;  text-align: center; }
		.bottom-right p{text-align: center;}
		.button3{margin: 0 auto; display: block;}
		.logoo{display: block !important; margin: 0 auto; }
		.testimonials-content .client-information{height: inherit !important;}
		
	}















	@media only screen and (max-width : 480px) {







	}





	@media only screen and (max-width : 320px) {




	}


	.client-information img{margin: 0 auto; }
	.testimonials-content{background: #c7c2bc; padding: 20px 40px;}
	.testimonials-content h2{font-family: 'Coda'; color: #000; font-size: 30px; text-align: center;}
	.testimonials-content p{font-family: 'Questrial'; color: #4a596a; font-size: 16px;}
	.testimonials-content .client-information{ padding: 20px 40px; background: #a37c52  ; height: 200px;}
	.testimonials-content .client-name{font-size: 18px;font-family: 'Coda';font-weight: 500;color: #000;display: block; margin-top: 5px; }
	.testimonials-content .client-name .fa{font-size: 16px; color: gold;}
	.testimonials-content .client-review{ display: block; margin-bottom: 5px; line-height: 24px; color: #fff; font-size: 16px;   font-family: 'Questrial'; text-align: c }

	/* -- Here is owl pagination { display: none; } you can { display: block; } to show the pagigation buttons -- */
	#owl-demo1 .owl-pagination{ position: absolute; left: 50%; top: 100%; transform: translate(-50%,-50%);  display: none !important;}
	#owl-demo1 .owl-pagination .owl-page span{ width: 5px !important; height: 5px !important; border-radius: 50% !important; background: #fff;}
	#owl-demo1 .owl-pagination .active span{background: #000000 !important; border: 1px solid #005826 !important; height: 15px !important; width: 15px !important;}