@import "../css/reset.css";
@import "../css/skeleton.css";
@import "../css/superfish.css";
@import "../css/flexslider.css";
@import url('https://fonts.googleapis.com/css?family=Overlock:400,700italic');
@import url('https://fonts.googleapis.com/css?family=PT+Sans+Narrow:400,700');

article,aside,audio,canvas,command,datalist,details,embed,figcaption,figure,footer,header,hgroup,keygen,meter,nav,output,progress,section,source,video{display:block}mark,rp,rt,ruby,summary,time{display:inline}
/* Global properties ======================================================== */
html {width:100%}

body {font-family:Arial, Helvetica, sans-serif; font-size:13px; line-height:20px; color:#878177; min-width:1000px; background:url(../images/body_bg.jpg) 50% 0 repeat #fbf4ea; border-top: 4px solid #b4a997; -webkit-text-size-adjust: none;}

/*********************************fonts*************************************/
.reg {text-transform:uppercase}
.f_left {float:left}
.f_right {float:right}
.align_right {text-align:right}
.align_center {text-align:center}

.it{font-style:italic}
.let{letter-spacing:-1px}

/*********************************CLASSES**********************************/
.m_bottom_zero{ margin-bottom:0 !important;}
.m_left_zero{ margin-left:0 !important;}
.p_bottom_zero{ padding-bottom:0 !important;}
.p_left_zero{ padding-left:0 !important;}

.clear {clear:both;width:100%;line-height:0;font-size:0;}
.wrapper {width:100%;overflow:hidden}
.extra_wrapper{ overflow:hidden;}
.container{width:100%}
.extra_last, .last{ margin-bottom:0 !important; padding-bottom:0 !important;}
.extra_last{ border:none !important; background:none !important;}
.bg_none{ background:none !important;}

/*==================================== Links ======================================================== */
a {color:#878177;outline:none; text-decoration:none; cursor:pointer;}
a:hover, .list2 a:hover{ color:#db6e35; text-decoration:none;}

.button{ display:inline-block; padding:9px 18px 10px; box-shadow: 0 0 0 1px #ddd9ce; border-radius: 5px; background: #fff; margin: 27px 1px 1px; font-weight: bold; text-transform: uppercase; font-size: 16px; line-height: 20px; color:#db6e35;}
.button:hover{ background:#db6e35; color:#fff;}

/*********************************Displays*************************************/
.block{ display:block;}
.inline-block{ display:inline-block;}

/*********************************header*************************************/

header {padding: 30px 0 34px;border-bottom: 1px solid #ddd9ce;background: url('../images/header_bg.png') 50% bottom no-repeat;}
header h1{width: 310px;margin-left: -40px;float: left;}
header h1 a {display:block;width:310px;height:126px;background:url(../images/logo123.png) 0 0 no-repeat; text-decoration:none; text-indent:-9999px;}

/*********************************content*************************************/
#content {padding:0px 0px 0px 0px;}
/*===============================>> Paragraphs <<=============================*/

p {margin-bottom:20px;}
.p2{ margin-bottom:15px;}

/*================================>> LISTS <<========================================*/
.list1{}
.list1 li{ background:url(../images/marker1.png) 0 7px no-repeat; padding-left:15px;margin-bottom: 10px;}
.list1 a{}

.list2{}
.list2 li{ background:url(../images/marker1.png) 0 8px no-repeat; margin-bottom: 10px; padding-left:15px;}
.list2 a{font-size: 16px;line-height: 20px;color: #878177;font-weight: bold;text-transform: uppercase;}

/*================================>> H <<========================================*/
h4{ font-weight:normal;}
h2{font-size: 17px; line-height: 26px; color:#755b31;text-transform: uppercase;margin-bottom: 20px;}

h2.ind{ margin-bottom:25px;}

h3{font-size: 16px; line-height: 24px; color:#878177;text-transform: uppercase;margin-bottom: 9px;}
h3.news{padding-left: 40px;background: url('../images/newsletter.png') 0 5px no-repeat;}
/*================================>> GOOGLE FONTS  <<========================================*/
.sf-menu a, h2, .button, h3, .list2 a{font-family: 'PT Sans Narrow', sans-serif;}
.title1, .offer .title, .link1, .test, .believe_in>li>figure{font-family: 'Overlock', cursive;}
/*================================>> hovers <<========================================*/
.link1, .button, .offer .title a,.sf-menu a{-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;}

/*********************************page_1*************************************/
.ext_list>li, .ext_box{ overflow:hidden;}
.ext_list>li>figure, .ext_box>figure{ float:left;}
.ext_list>li>div, .ext_box>div{overflow:hidden;}

.pattern_box, .pattern_box1{background: url('../images/paterns1.jpg') 50% 0 repeat;border-bottom: 1px solid #ddd9ce;padding: 40px 0 35px;margin-bottom: 39px;}
.pattern_box1{padding: 35px 0 40px;margin-bottom: 0;}

.title1{position: relative;font-size: 20px;line-height: 24px;color: #755b31;font-style: italic; text-align: center;}
.title1:after, .title1:before{width: 26%;background: url('../images/title_pattern.png') repeat-x;position: absolute;top: 38%;display: block;height:10px;content: "";}
.title1:after{right: 0;}
.title1:before{left: 0;}

.offers_box{padding-bottom: 39px;border-bottom: 1px solid #ddd9ce;}
.offer{position: relative;background: url('../images/patterns2.jpg') repeat;border-radius: 500px;padding: 21px 0 24px;box-shadow: 0 0 0 1px #ddd9ce;margin: 11px 0 1px;text-align: center;}
.offer:after{display: block;position: absolute;bottom: -1px;left: 0px;width: 100%;height: 89px;content: "";z-index: 0;}
.offer:before{width: 70px;height: 70px;position: absolute;display: block;top: -11px;left: 0;content: "";}

.offer1:before{background: url('../images/offer_top1.png') no-repeat;}
.offer2:before{background: url('../images/offer_top2.png') no-repeat;}
.offer3:before{background: url('../images/offer_top3.png') no-repeat;}
.offer4:before{background: url('../images/offer_top4.png') no-repeat;}

.offer1:after{background: url('../images/offer_bottom1.png') no-repeat;}
.offer2:after{background: url('../images/offer_bottom2.png') no-repeat;}
.offer3:after{background: url('../images/offer_bottom3.png') no-repeat;}
.offer4:after{background: url('../images/offer_bottom4.png') no-repeat;}

.offer .title{font-size: 22px; line-height: 26px; color: #755b31;font-weight: bold;font-style: italic;margin-bottom: 20px;}
.offer .title a{color: #755b31;}
.offer .title span{display: block;}
.offer .title, .offer .text{position: relative;z-index: 10;}

.offer .title a:hover{color: #db6e35;}

.link1{font-size: 20px; line-height: 26px; color: #db6e35;font-weight: bold;font-style: italic;display: inline-block;margin-top: 15px;}
.link1:hover{color: #74952a;}
.link2{color: #db6e35;}
.link2:hover{color: #000;}

.img_wrap1{display: inline-block;padding: 5px;background: url('../images/slider_bg.jpg') repeat;border-radius: 5px; }
a.img_wrap1:hover{background: #db6e35;}

/*********************************page_2*************************************/

.orange{color: #db6e35;}

.relation{margin-bottom: 15px;}
.relation>div{}
.relation>figure{margin: 5px 20px 0 0;}

.pad_box1{padding-right: 20px;}

.test{font-size: 18px;line-height: 26px;font-style: italic;font-weight: bold;color: #bdb6ac;margin-top: -1px;margin-bottom: 8px;}
.test:before{width: 24px;margin-right: 2px;height: 16px;display: inline-block;background: url('../images/quote.png') no-repeat;content: "";}

.author>figure{margin: 5px 20px 0 0;}

.stripe1{height: 1px;margin: 35px 10px;background: #ddd9ce;}
.stripe2{height: 1px;margin: 39px 10px 35px;background: #ddd9ce;}

.believe_in>li{padding-right: 20px;margin-bottom: 20px;}
.believe_in>li>div{}
.believe_in>li>figure{margin: 6px 21px 1px 1px;border-radius: 500px; width: 48px;text-align: center;padding: 5px 0 7px;font-size: 30px; line-height: 36px; color: #74952a; font-weight: bold; font-style: italic;background: url('../images/pattern3.png') repeat;box-shadow: 0 0 0 1px #e5e2da;}


ul.photos{}
ul.photos>li{margin-bottom: 20px;}
ul.photos>li a{margin-left: 16px;}
ul.photos>li a.first{margin-left: 0;}
/*********************************page_3*************************************/
.we_do{margin-bottom: 71px;}

.stories>li{margin-bottom: 30px;}
.story{padding-right: 30px;margin-bottom: 15px;}
.story>div{}
.story>figure{margin: 5px 20px 0 0;}

.articles{}
.articles .img_wrap1{margin-bottom: 15px;}
/*********************************page_4*************************************/

.m_bot1{margin-bottom: 40px;}

.recipes{padding-right: 30px;margin-bottom: 5px;}
.recipes>li{margin-bottom: 35px;}
.recipes>li>div{}
.recipes>li>figure{margin: 5px 20px 0 0;}

/*********************************page_5*************************************/

.stay{}
.stay>div{}
.stay>figure{margin: 5px 20px 0 0;}


/* Contact form */
#contact-form {padding:0px 0 0 0;}
#contact-form .success {width:246px;  padding:10px;}
#contact-form textarea, #contact-form input {margin:0;font-size:13px; border:1px solid #ddd9ce; color:#878177; padding:6px 8px 7px;outline:none; position:relative; font-family:Arial, Helvetica, sans-serif;background:#fff;border-radius: 6px;width: 282px;}
#contact-form textarea {overflow:auto; height:176px;resize:none; float:left; margin: 0 0 0 0;}	
#contact-form label {display:block; min-height:41px; overflow:hidden;}	
#contact-form label.message { display:block; padding-bottom:0; }
#contact-form .button {margin-right:7px;}	
#contact-form .error, #contact-form .empty, #contact-form .success {display:none;}	
#contact-form .error, #contact-form .empty {text-align:left; color:red; font-size:11px; clear:both;}
#contact-form .buttons2 {overflow:hidden;position:relative; clear:both; padding-top:30px;}
#contact-form .buttons2 a {
	cursor:pointer;
	margin-top:0;
	text-align:center;
}
#contact-form span{ display:block; margin: 0px 0 0 5px;}

.map_wrapper{overflow:hidden;display:inline-block;margin-bottom:26px;}
#map_canvas {
   width:390px;
   height:374px;
}
.adress{margin-bottom: 20px;}
.adress span{ display:inline-block; width:69px;}
.adress dt{}

.demo{color: #74952a;text-decoration:underline;}
.demo:hover{text-decoration: none;}

/****************************footer************************/
footer {padding:0px 0 26px;}
footer .social{ overflow:hidden;}
footer .social a{ display:block; float:left;width:35px;height:35px; overflow:hidden; margin-left:5px;}
footer .social a:first-child{margin: 0 0 0 0;}
footer .social a:hover img{ margin-top:-35px;}

.footer{position: relative;padding: 34px 0 0;}
.footer:before{width: 345px;height: 55px;background: url('../images/footer_bg.png') no-repeat;display: block;position: absolute;top: -1px;left: -116px;content: "";}

.privacy{padding: 4px 0 23px;font-style: italic;font-size: 14px;color: #878177;}

#form1{position: relative;}
#form1 input{margin: 0;outline: none;padding: 6px 8px 7px;width: 202px;background: #fff;border: 1px solid #ddd9ce;border-radius: 5px;font-family: Arial, Helvetica, sans-serif;font-size: 13px;color: #878177;}
#form1 a{margin-top: 21px;}
#form1 .error, #form1 .success {display: none;}
#form1 .error {		
		display:block;
		overflow:hidden;
		height:0px;
		font-size:10px;
		color:#F00;		
		position: absolute;
		-webkit-transition: all 0.3s ease-out; 
		-moz-transition: all 0.3s ease-out; 
		-o-transition: all 0.3s ease-out; 
		transition: all 0.3s ease-out; 
	}
	#form1 .success {
		width:210px;
		border:1px solid #000;
		border-radius:10px;
		padding:5px 5px 5px 5px;
		background: #fff;border: 1px solid #ddd9ce;
		position:absolute;
		z-index:10;
		font-size: 11px;
		left:0;
		top:0;
	}
	#form1 label.invalid .error {
	/*display: block;*/
	height:19px;
}
/*==================================RESPONSIVE LAYOUTS===============================================*/
@media only screen and (max-width: 995px) {
	.about-us{
		width: 100%;
	}
 body{min-width:768px;}
 .flexslider{height: 340px;}
 .title1:after, .title1:before{width: 20%;}

 .img_wrap1{display: block;}
 .img_wrap1 img{width: 100%;}
 .offer:after{width: 100%;bottom: -20px;background-size: contain;}
 #form1 input{width: 150px;outline: none !important ;}
 .stay>figure{float: none;margin:0 0 20px;}
 #map_canvas{width: 100%;}
 #contact-form textarea, #contact-form input{width: 215px;}
 .relation>div{overflow: visible;}
 .pad_box1, .believe_in > li{padding-right: 0;}
 ul.photos > li a{margin-left: 10px; margin-bottom: 0px;width: 80px;display: inline-block;}
 .story{padding-right: 0;}
 .story>figure{float: none;margin: 0 0 15px;}
}

@media only screen and (max-width: 767px) {
 body{min-width:420px;}
 .flexslider{height: 187px;}
 .title1:after, .title1:before{width: 20%;}
 nav, header h1{float: none;}
 header h1{margin: 0;}
 .offer{width: 220px;margin: 0 auto;}
 .offer:after{bottom: 0;}
 #contact-form textarea, #contact-form input{width: 400px;}
 #map_canvas{height: 220px;}
 #form1 input{width: 400px;}
  .title1:after, .title1:before{display: none;}
 ul.photos > li a{display: block;margin: 0 0 15px;width: auto;}
}

@media only screen and (max-width: 479px) {
 body{min-width:300px;}
 .flexslider{height: 131px;}
 #contact-form textarea, #contact-form input{width: 280px;}
 #form1 input{width: 280px;}
 .relation > figure{float: none;margin: 0 0 15px;}
}