/* //////// reset theme base/element //////// */
dl, ol, ul { padding-left: 0px; }
footer { padding: 0; }

body { background: #f0ebe5 url(../images/bg.jpg) repeat; }

.inspiro-slider.owl-carousel .owl-controls .owl-nav .owl-next, 
.inspiro-slider.owl-carousel .owl-controls .owl-nav .owl-prev { 
	border: 1px solid rgba(180, 180, 180, 0); color: #eee; 
}
.inspiro-slider.owl-carousel .owl-controls .owl-nav .owl-next:hover, 
.inspiro-slider.owl-carousel .owl-controls .owl-nav .owl-prev:hover { 
	background-color: transparent; border: 1px solid rgba(180, 180, 180, 0); color: #fff;
}
.owl-carousel .owl-controls .owl-nav .owl-next, 
.owl-carousel .owl-controls .owl-nav .owl-prev { font-size: 40px; }
/* //////// end: reset theme base/element //////// */

/* //////// logo //////// */
.logo-zone { 
	background-color: transparent; 
	margin-top: -180px;
	z-index: 100;
	position: absolute;
}
.logo-zone img { width: 250px !important; height: auto; }
/* //////// end: logo //////// */

.gold { 
	background: -webkit-linear-gradient(rgba(198,115,13,1), rgba(255,240,149,1));
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

/* //////// header //////// */
#mainMenu > ul > li > a { color: #333 !important; height: 70px; line-height: 55px; font-size: 15px; font-weight: 500; padding: 10px 15px; }
#mainMenu > ul > li > a:hover { color: #fff !important; background: #c6730d !important; }

#header,
#header-wrap
{
	height: 70px;
}

#header.header-modern + #slider { margin-bottom: 20px; top: 20px; }
#header.header-modern { 
	margin: 15px auto 0px; 
	background: rgb(198,115,13); /* Old browsers */
	background: -moz-linear-gradient(left,  rgba(198,115,13,1) 0%, rgba(255,240,149,1) 43%, rgba(255,240,149,1) 52%, rgba(255,240,149,1) 61%, rgba(198,115,13,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left,  rgba(198,115,13,1) 0%,rgba(255,240,149,1) 43%,rgba(255,240,149,1) 52%,rgba(255,240,149,1) 61%,rgba(198,115,13,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right,  rgba(198,115,13,1) 0%,rgba(255,240,149,1) 43%,rgba(255,240,149,1) 52%,rgba(255,240,149,1) 61%,rgba(198,115,13,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c6730d', endColorstr='#c6730d',GradientType=1 ); /* IE6-9 */
}
/* //////// end: header //////// */

.top { 
	background-image: url(../images/line_bottom.png);
	background-repeat: no-repeat;
	background-size: 100%;  
}
.contact-box { padding-top: 35px; }
.contact-box .icon-box { margin-bottom: 0; }
.contact-box .icon-box.border .icon { border: none; }
.contact-box .icon-box.border.small .icon i { font-size: 18px; line-height: 45px; color: #c6730d; }
.contact-box .icon-box.effect .icon i:after { box-shadow: none; }
.contact-box .icon-box.small > h3 { font-size: 14px; font-weight: 500; margin: 5px 10px 4px 60px; color: #c6730d; }
.contact-box .icon-box.small > p { font-size: 13px; }
.contact-box .icon-box a:hover { color: #c6730d !important; }

/* //////// content-zone //////// */
.content-zone .container { background: rgba(255,255,255,0.8); border-radius: 10px; }
.content-zone p { font-size: 15px; }

.portfolio-zone .container { background: rgba(255,255,255,0.8); border-radius: 10px; }
.portfolio-zone .portfolio-item .portfolio-description { width: 100%; text-align: center; }
.portfolio-zone .portfolio-item .portfolio-description h4 { font-size: 16px; font-weight:500; color: #c6730d; }
.portfolio-zone .portfolio-item .portfolio-description p { font-size: 14px; }
.portfolio-zone .owl-theme .owl-dots { margin-top: 0px; }
/* //////// end: content-zone //////// */

/* //////// footer //////// */
#footer .footer-content {
	font-size: 14px;
	padding: 35px 0 20px 0; 
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#c6730d+0,fff095+43,fff095+52,fff095+61,c6730d+100 */
	background: rgb(198,115,13); /* Old browsers */
	background: -moz-linear-gradient(left,  rgba(198,115,13,1) 0%, rgba(255,240,149,1) 43%, rgba(255,240,149,1) 52%, rgba(255,240,149,1) 61%, rgba(198,115,13,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left,  rgba(198,115,13,1) 0%,rgba(255,240,149,1) 43%,rgba(255,240,149,1) 52%,rgba(255,240,149,1) 61%,rgba(198,115,13,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right,  rgba(198,115,13,1) 0%,rgba(255,240,149,1) 43%,rgba(255,240,149,1) 52%,rgba(255,240,149,1) 61%,rgba(198,115,13,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c6730d', endColorstr='#c6730d',GradientType=1 ); /* IE6-9 */
}
#footer .footer-content:before { 
	content: '';
	width: 100%;
	height: 20px;
	background-image: url(../images/line_top.png);
	background-repeat: no-repeat;
	background-size: contain;
	position: absolute;
	top: 0px;
}
#footer .footer-content:after { 
	content: '';
	width: 100%;
	height: 20px;
	background-image: url(../images/line_bottom.png);
	background-repeat: no-repeat;
	background-size: contain;
	position: absolute;
	bottom: 50px;
}
#footer.footer-light .widget h4, #footer.footer-light span { font-family: 'Kanit'; font-weight: 500; color: #3f3f3f !important; }
#footer .footer-content p { color: #3f3f3f; }
#footer .footer-content a { color: #3f3f3f !important; }
#footer .footer-content a:hover { color: #dd8031 !important; }
#footer.footer-light .copyright-content { background-color: #f0f0f0; border-top: 1px solid #e5e5e5; min-height: 50px; padding: 10px 0; }
#footer.footer-light a.gold { color: #c6730d !important; }
/* //////// end: footer //////// */


/* //////// responsive //////// */
@media(max-width: 991px) {
	.img-responsive { margin: 0 auto; }

	.top { display: none; }
	
	.logo-zone { margin-top: -20px; }
	.logo-zone img { width: 190px !important; height: auto; }

	#mainMenu > ul > li > a { text-align: center; height: 50px; line-height: 35px; }

	.content-zone { padding-top: 25px !important; }
	.portfolio-zone { padding-bottom: 25px !important; }

	.footer-content .col-md-3 { width: 33.33333%; float: left; }
	#footer .footer-content:after { bottom: 49px; }

	.copyright-content .col-md-6 .copyright-text { width: 70%; float: left; }
	.copyright-content .col-md-6 .social-icons { width: 30%; float: left; }
}

@media(max-width: 768px) {
	#footer .footer-content:after { bottom: 48px; }
}

@media(max-width: 600px) {
	.logo-zone img { width: 160px !important; }

	#header.header-modern + #slider { margin-bottom: -100px; top: -50px; }

	.content-zone { padding-top: 10px !important; }

	#footer .footer-content:after { bottom: 103px; }
}

@media(max-width: 480px) {
	#header.header-modern + #slider { margin-bottom: -100px; }
	.footer-content .col-md-3 { width: 50%; float: left; clear: none; }
}

/* iPhone 6 Plus */
@media(max-width: 414px) {
	.contact-box { display: none; }
	#header.header-modern + #slider { margin-bottom: -120px; }

	.copyright-content .col-md-6 .copyright-text { width: 100%; float: left; }
	.copyright-content .col-md-6 .social-icons { width: 100%; float: left; }

	#footer .footer-content:after { bottom: 80px; }
}

/* iPhone 6 */
@media(max-width: 375px) {
	#header.header-modern + #slider { margin-bottom: -130px; top: -60px; }
	#footer .footer-content:after { bottom: 102px; }
}

/* Galaxy S5 */
@media(max-width: 360px) {

	.footer-content .col-md-3 { width: 100%; float: left; }

}

/* iPhone 5 */
@media(max-width: 320px) {

}
/* //////// end: responsive //////// */



.contact-box {
	width: 100%;
	padding-left: 335px;
}