@import "../css/reset.css";
@import "../css/skeleton.css";
@import "../css/superfish.css";
@import "../css/flexslider.css";
@import url(//fonts.googleapis.com/css?family=Open+Sans:400,300);
@import url(//fonts.googleapis.com/css?family=Lobster);
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:Trebuchet MS1, Trebuchet MS, sans-serif;
  font-size:13px;
  line-height:18px;
  color:#462e2b;
  min-width:960px;
  background:#200e14;
  -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:#462e2b;
  outline:none;
  text-decoration:none;
  cursor:pointer;
}
a:hover{
  color:#fff;
  text-decoration:none;
}

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

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

.top_box{
  position: relative;
  background: url('../images/top_pattern.jpg') repeat-x;
  min-height: 188px;
  z-index: 99;
}

header {padding: 37px 0 18px;}
header h1{float: left;margin-left: -1px;}
header h1 a {
  display:block;
  width:262px;
  height:72px;
  background:url(../images/logo.png) 0 0 no-repeat;
  text-decoration:none;
  text-indent:-9999px;
}

.social{
  overflow:hidden;
  float: right;
  padding: 45px 0 0;
}
.social a{
  display:block;
  float:left;
  height:17px;
  overflow:hidden;
  margin-left:15px;
}
.social a:first-child{margin: 0 0 0 0;}
.social a:hover img{
  margin-top:-17px;
}
/*********************************content*************************************/
#content {padding:31px 0px 23px;position: relative;}
.cont_pad{padding:27px 0 23px !important;}

/*===============================>> Paragraphs <<=============================*/

p {margin-bottom:18px}
.p2{ margin-bottom:13px;}
.p3{ margin-bottom:19px;}
.p4{ margin-bottom:24px;}

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

.list2{}
.list2 li{
  background:url(../images/marker2.png) 0 6px no-repeat;
  padding-left:15px;
  margin-top: 6px;
}
.list2 a{color: #9a0633;}
.list2 a:hover{color: #fff;}

.list2 li:first-child{margin-top: 0;}

/*================================>> H <<========================================*/
h2,h3,h4{
  font-weight:normal;
}
h2{
  font-size: 39px;
  line-height: 48px;
  font-weight: 300;
  text-transform: uppercase;
  color: #9a0633;
}

h2.ind{ margin-bottom:-5px;}
h2.ind1{ margin-bottom:px;}
h2.ind2{ margin-bottom:px;}

h3{
  font-size: 29px;
  line-height: 36px;
  color:#9a0633;
  text-transform: uppercase;
  font-weight: 300;
}
h3.ind1{ margin-bottom:19px;}
h3.ind2{ margin-bottom:24px;}
h3.ind3{ margin-bottom:20px;}

h4{
  color: #9a0633;
  font-size: 20px;
  text-transform: uppercase;
  line-height: 24px;
  color: #fff;
  font-weight: 300;
}
h5{
  font-size: 16px;
  line-height: 19px;
  font-weight: 300;
  text-transform: uppercase;
}
h5, h5 a{color: #9a0633;}
h5 a:hover{color: #fff;}

h6{
  font-size: 30px;
  line-height: 36px;
  color: #9a0633;
  text-transform: uppercase;
  font-weight: 300;
  margin-bottom: 19px;
}
/*================================>> GOOGLE FONTS  <<========================================*/
.sf-menu, .os, h2, h3, .link1, h4, h5, h6, .title{font-family: 'Open Sans', sans-serif;}
.lobster{font-family: 'Lobster', cursive;}
/*================================>> hovers <<========================================*/
.slide_btn, .flex-control-thumbs li img, .news_post a, .red, .cont_banner span, .list2 a, .img_box em, .img_box1 em, .link1, .title a, .sf-menu a, .demo{-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;}

.slider_box{overflow: hidden;}

.demo1{color: #fff;}
.demo1:hover{text-decoration: underline;}

.white{color: #fff;}

.link1{font-size: 12px;color: #fff;text-transform: uppercase;border-bottom: 1px solid #584a4f;display: inline-block;}
.link1:hover{color: #503430;border-color: #2c181b;}

.box1{padding-top: 11px;}

.box1 img{margin-bottom: 19px;}
.box1 h5{margin-bottom: 2px;}

.stripe_box1, .stripe_box2{position: relative;padding-bottom: 47px;margin-bottom: 22px;}
.stripe_box1:after, .stripe_box2:after, #content:after{display: block;position: absolute;height: 1px;left: 5px;right: 5px;bottom: 0;background: #2c1a20;content: "";}
.time{
  display: block;
  color: #fff;
  font-size: 18px;
  line-height: 22px;
  margin-bottom: 7px;
}

.red{color: #9a0633;}

.news_post a:hover, .news_post a:hover .red{
  color: #fff;
}

.p_top1{padding-top: 17px;}
.p_top2{padding-top: 6px;}

.cont_banner{position: relative;}
.cont_banner>img{position: relative; z-index: 8;}
.cont_banner span{position: absolute;display: block;width: 100%;height: 100%;opacity: 0;z-index: 9;top: 0;left: 0;}
.cont_banner:hover span{opacity: 1;}

.img_box, .img_box1{display: block;position: relative;}
.img_box em, .img_box1 em{display: block;position: absolute;left: 0;top: 0;right: 0;bottom: 18px;border: 13px solid #560f24;opacity: 0;}
.img_box:hover em, .img_box1:hover em{opacity: 0.76;}
.img_box1 em{bottom: 0;}

.hist_list>li{margin-top: 12px;}
.hist_list>li:first-child{margin-top: 0;}
.hist_list>li>div{}
.hist_list>li>figure{
	margin: 0 0 0 0;
  width: 62px;
  text-align: center;color: #9a0633;font-size: 18px;line-height: 22px;
}
/*********************************page_2*************************************/

.stripe_box1.m_bot1{margin-bottom: 43px;}
.inspiration_list>li{margin-top: 10px;}

/*********************************page_3*************************************/
.title{font-size: 18px;margin-bottom: 7px;line-height: 22px;color: #fff;}
.title a{color: #fff;}
.title a:hover{color: #9a0633;}
.collection figure{margin-bottom: 26px;}
.price{font-size: 18px;line-height: 22px;}
.collection_list>li{
  margin-top: 35px;
}
.collection_list>li:first-child{margin-top: 0;}
/*********************************page_4*************************************/
.services .service{float: left;width: 210px;margin-left: 20px;}
.services li .service:first-child{margin-left: 0;}
.services li:first-child{margin-top: 0;}
.services li{margin-top: 39px;}
.services .img{margin-bottom: 26px;}
/*********************************page_5*************************************/


/* Contact form */
#contact-form {
  padding:0px 0 0 0;
  position: relative;
}
#contact-form .success
{
  display: block;
  position: absolute;
  width: 100%;
  top: 0;
  left:0;
  z-index: 99;
  color: #fff;
  background: #45343a;
  text-align: center;
  padding: 20px 0;
}
#contact-form textarea, #contact-form input {
  margin:0;
  font-size:13px;
  border:none;
  color:#462e2b;
  padding:8px 14px 10px;
  outline:none;
  position:relative;
  font-family:Trebuchet MS1, Trebuchet MS, sans-serif;
  background:#2c1a20;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
#contact-form input {
  width:310px;
}
#contact-form textarea {
  overflow:auto;
  width:550px;
  height:286px;
  resize:none;
  float:left;
  margin: 0 0 0 0;
}
  
#contact-form label {
  display:inline-block;
  position: relative;
  min-height:46px;
  overflow:hidden;
 }
#contact-form label.message {
  display:block;
  padding-bottom:0;
}
#contact-form .button {
  margin-left:8px;
}
#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;
  position: absolute;
  right: 10px;
  top: 5px;
}
#contact-form .buttons2 {
  overflow:hidden;
  text-align:right;
  position:relative;
  clear:both;
  padding-top:18px;
}
#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:block;
  margin-bottom:26px;
}
#map_canvas {
   width:100%;
   height:273px;
}
.adress{}
.adress span{
  display:inline-block;
  width:90px;
}
.adress dt{ margin-bottom:14px;}

.demo{}
.demo:hover{ text-decoration:underline;color: #fff;}
/*


*/
/****************************footer************************/
footer {
  padding:35px 0;
}
.privacy, .privacy a{color: #9a0633;}
.privacy{padding-left: 85px;}
.privacy a:hover{color: #fff;}

/*==================================RESPONSIVE LAYOUTS===============================================*/
@media only screen and (max-width: 995px) {
 body{min-width:768px;}
.flex-control-thumbs li img{margin-top: -131px;}
.flex-control-thumbs{height: 131px;}
.banner5 .inner{padding-top: 20px;padding-left: 40px;}
.banner2 .inner{padding-top: 50px;}
.banner3 .font2{padding-left: 0;}
.banner4 .font1{font-size: 70px;line-height: 87px;}
.banner5 .font1{font-size: 100px;line-height: 123px;}
.banner5 .slide_btn{bottom: -50px;}
.services .service{width: 163px;}
}

@media only screen and (max-width: 767px) {
 body{min-width:420px;}
 .flexslider .banner{display: none;}
 .flex-control-thumbs{height: 73px;}
 .flex-control-thumbs li img{margin-top: -73px;}
 .img_box img, .img_box1 img, .cont_banner img{width: 100%;}
 .cont_banner a{display: block;}
 .img img{width: 100%;}
 .stripe_box1{padding-bottom: 20px;}
 .services .service{width: auto;float: none;margin: 0 0 20px;}
 .services li{margin-top: 0;}
 footer .wrapper{padding-bottom: 130px;position: relative;}
 .privacy_block{position: absolute;bottom: 0;left: 0;}
}

@media only screen and (max-width: 479px) {
 body{min-width:300px;}
 .flex-control-thumbs{display: none;}
 .social, header h1{float: none;}
 .social{text-align: center;padding-top: 20px;}
 .social a{display: inline-block;float: none;}
}