html {
font-family:sans-serif;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
}
body {
  margin: 0;
  padding:0;
  color:#848465;
  font-size:13px;
  line-height:19px;
  letter-spacing:2px;
  background:#fff;
  text-align:center;
}
body * {
	box-sizing: border-box;	
}

@font-face {
    font-family: 'robotothin';
    src: url('roboto-thin-webfont.eot');
    src: url('roboto-thin-webfont.eot?#iefix') format('embedded-opentype'),
         url('roboto-thin-webfont.woff2') format('woff2'),
         url('roboto-thin-webfont.woff') format('woff'),
         url('roboto-thin-webfont.ttf') format('truetype'),
         url('roboto-thin-webfont.svg#robotothin') format('svg');
    font-weight: normal;
    font-style: normal;

}


h1{font-size:33px;color:#fff;text-transform:uppercase;font-family: 'robotothin';line-height:39px;letter-spacing: 7px;}
h2{font-size:25px;color:#848465;font-family: 'robotothin';line-height:29px;padding: 67px 0 29px 0;text-align: left;}
h3{font-size:17px;color:#fff;text-transform:uppercase;font-family: 'robotothin';line-height:21px;background: #900;display: inline-block;}

.btn {color: #848465;background:rgba(0, 0, 0, 0.1);padding:5px;display:inline-block;width:200px;margin:0 auto;border-left: 1px solid #848465;border-right: 1px solid #848465;letter-spacing:3px;font-size: 11px;margin-left: 7px;
  -moz-transition: background 1s;
  -webkit-transition: background 1s;
  -o-transition: background 1s;
  -ms-transition: background 1s;
  transition: background 1s;}
a:hover.btn {background:rgba(0, 0, 0, 0.5);}

.btn-r {color: #fff;padding:5px;display:block;width:100%;margin:0 auto;border: 1px solid #B8B89A;letter-spacing:2px;font-size: 13px;text-align: center;
  -moz-transition: border 2s;
  -webkit-transition: border 2s;
  -o-transition: border 2s;
  -ms-transition: border 2s;
  transition: border 2s;}
a:hover.btn-r {border: 1px solid #000;}

ul {list-style-type:none;margin:0;padding:0;position:relative;}

.flex{
  -ms-box-orient: horizontal;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -moz-flex;
  display: -webkit-flex;
  display: flex;
    
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-flex-flow: row wrap;
  flex-flow: row wrap;
  
}
.align {align-items:center;}
a {text-decoration:none;}
.drop {font-family: 'robotothin';float: left;color:#900;padding-left:39px;font-size:67px; line-height:35px;background:#fff;margin-right:3px; }
.p-left { text-align:left;}
.p-right { text-align:right;}
.p-j { text-align:justify;}

hr{ border:13px solid transparent;clear:both;}
hr.big{ border:89px solid transparent;clear:both;}
hr.line1{border: none; border-top:1px solid #fff;clear:both;}
hr.line { padding: 0; border: none; border-top: medium double #900; color: #900; text-align: center;clear:both;width:100%;float: left;} 
hr.line:after { content: "* * * * *"; display: inline-block; position: relative; top: -0.37em; font-size: 1.9em;
color:#900;border-bottom: 1px solid #848465;background: #fff;padding: 0.1em 0.55em;}
.border {border: 1px solid #848465;}
.r {border-radius: 13px;}
.bb {border-bottom: 1px solid #848465;}
.bt {border-top: 1px solid #848465;}
.br {border-right: 1px solid #848465;}
.bl {border-left: 1px solid #848465;}
.bdl {border-left:solid #900;border-left-width:medium;border-left-style:double;}
.bdb {border-bottom:solid #848465;border-bottom-width:3px;border-bottom-style:double;}
.pad {padding:29px;}
.pad-sm {padding:13px;}
.pad-l {padding-left:13px;}
.pad-r {padding-right:13px;}
.mt{margin-top: 267px;}
.f-r{float: right;padding-left: 29px;max-width: 413px;}
.left-side{width:267px; height: 100%;background:#2A2C23; position: fixed;float: left;top:0px;}
.right-side{width: 100%;top:0px;right: 0px;background: #fff;float: right;}
.cd {width:87%;position:relative;margin:0 auto;}
.cd-l {width:87%;position:relative;}
.cd-r {position:relative;margin:0 0 0 auto;}
.fixed {position:fixed;top:0px;z-index: 9200;width: 100%;height: 267px;background: #fff;} 
.col20 {width:267px;}
.col25 {width:25%;}
.col30 {width:30%;}
.col33 {width:33.333333%;}
.col75 {width:50%;flex-grow: 1;}
.col50{width:50%;}
.col100{width:100%;}
.cover1{background-image: url(../img/slide1.jpg);background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;}
.cover2{background-image: url(../img/slide2.jpg);background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;}
.cover3{background-image: url(../img/slide3.jpg);background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;}
.cover4{background-image: url(../img/slide4.jpg);background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;}
.cover5{background-image: url(../img/slide5.jpg);background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;}
.cover6{background-image: url(../img/slide6.jpg);background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;}
.cover7{background-image: url(../img/slide7.jpg);background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;}
.cover8{background-image: url(../img/slide8.jpg);background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;}
.space {margin:29px;}
.sh {box-shadow: 5px 5px 5px #B3B396;}
.sht {box-shadow: 0 -13px 13px -13px #B3B396;}
.shr {box-shadow: 9px 0 9px -9px #B3B396;}
.shb {box-shadow: 0 9px 9px -9px #72725A;}
.shl {box-shadow: -9px 0 9px -9px #B3B396;}
.bg-dark {background:#2A2C23;color:#848465;}
.bg-light {background:#848465;color:#2A2C23;}
.v-align {position: relative;top: 50%;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);}
.m-slider{display: none;}
.f-box{display:inline-block;color:#fff;border-right: 0px solid #fff;}
.box70{display:inline-block;width: 70%;float: left;}
.box30{display:inline-block;width: 30%;float: left;}
.b-dark{border-right: 1px solid#2A2C23;}
.b-red{border-bottom: 1px solid #900;}
.blk{display: block;}
ol.list li{padding: 5px;}


/*  NAV  ====== */	
nav {background:#2A2C23;width:100%;margin:0 auto;text-align:center;}

nav li {
	display:block;
	margin-right: 0px;
	border-bottom: 1px solid #848465;
}

nav li a {
	display:block;
	height: 39px;
	text-align: left;
	line-height: 39px;
	color: #fff;
	text-transform: uppercase;
	font-size:9px;
	letter-spacing:2px;
	padding:0px 19px 0px 19px;
	text-decoration: none;
}

nav li:hover a {
	background: #fff;color:#2A2C23;
}
nav li.active {
	background: #848465;
}
.show-nav {
	text-decoration: none;
	color: #fff;
	background:#2A2C23;
	text-align: center;
	font-size: 29px;
	line-height: 67px;
	display: none;height: 67px;
}

input[type=checkbox]{
    display: none;
}

input[type=checkbox]:checked ~ #shownav{
    display: block;
}

/*dropdown*/
li:hover ul a {
	background: rgba(255,255,255,0.5);
	color: #000;
	height: 40px;
	line-height: 40px;text-align: left;
}

li:hover ul a:hover {
	background: rgba(0,0,0,0.3);
	color: #fff;
}

li ul {
	display: none;
}

li ul li {
	display: block;
	float: none;
}

ul li a:hover + .dropdown, .dropdown:hover {
	display: block;position: absolute;z-index: 6000;width: 167px;
}

.drop-down {width: 167px;}

@media screen and (max-width : 760px){
	nav ul {
		position: static;
		display: none;
	}

	nav li {
		margin-bottom: 1px;
		background-color:#2A2C23;
	}

	nav ul li, li a {
		width: 100%;
		border-top: 1px solid #fff;
	}
	
	.show-nav {
		display:block;
	}
	ul li a:hover + .dropdown, .dropdown:hover {position: relative;}
	.drop-down {width: 100%;}
}

/* IMAGES ============================================================================= */

img {
border : 0;

max-width: 100%;
height: auto;
width: auto\9; /* ie8 */
}

.zoom {
  position: relative;
  overflow: hidden;
 margin-bottom: 0px;
}
.zoom img {
  max-width: 100%;
  
  -moz-transition: all 1.3s;
  -webkit-transition: all 1.3s;
  transition: all 1.3s;
}
.zoom:hover img {
  -moz-transform: scale(2.7);
  -webkit-transform: scale(2.7);
  transform: scale(2.7);
}

img.desaturate {
  -webkit-filter: grayscale(89%);
  -webkit-transition: .5s ease-in-out;
  -moz-filter: grayscale(89%); 
  -moz-transition: .5s ease-in-out;
  -o-filter: grayscale(89%); 
  -o-transition: .5s ease-in-out;
  filter: grayscale(89%);
}
img.desaturate:hover { 
  -webkit-filter: grayscale(0%);
  -webkit-transition: .5s ease-in-out;
  -moz-filter: grayscale(0%);
  -moz-transition: .5s ease-in-out;
  -o-filter: grayscale(0%);
  -o-transition: .5s ease-in-out;
  filter: grayscale(0%);
}
video {
	max-width: 100%;
	height: auto;}

.logo { width: 267px;height: 267px;background: #fff;}
.logo-h { width: 267px;height: 267px;background: #fff;margin: 0 auto;}

/*  Media queries	============================================================================= */
@media screen and (min-width: 0px) and (max-width: 401px) {

 .flex {-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}
h1{font-size:29px;line-height:29px;}
.col20{display: none}
.col25 {width:100%;}
.col75 {width:100%;}
.col50{width:100%;}
.col30 {width:100%;}
.col33 {width:100%;}
.space {margin:0px;}
 .left-side{position:relative;width: 100%;height: auto;}
	.right-side{width: 100%;}
	.mt{margin-top: 3px;}
	.logo-h {height:167px;width: 100%;}
	.fixed {position: relative;display: none;}
	.m-slider{display: block;}
	.f-r{float:none;padding-left: 0px;max-width: 100%;}
	.f-box{display:block;}
	.box70{display:block;width: 100%;}
.box30{display:block;width: 100%;}
	.b-dark{border-right: 0px solid #900;border-bottom: 1px solid #900;}
}