/* General Blueprint Style */
@import url(http://fonts.googleapis.com/css?family=Lato:300,400,700);
@font-face{font-family:'fontawesome';src:url('../fonts/fontawesome.eot');src:url('../fonts/fontawesome.eot?#iefix') format('embedded-opentype'),
		url('../fonts/fontawesome.svg#fontawesome') format('svg'),
		url('../fonts/fontawesome.woff') format('woff'),
		url('../fonts/fontawesome.ttf') format('truetype');font-weight:normal;font-style:normal}
/*html{font-size:20px}*/
@font-face {
	font-family:'Chowderhead';src:url('../fonts/chowderhead.eot');src:url('../fonts/chowderhead.eot?#iefix') format('embedded-opentype'),
         url('../fonts/chowderhead.woff2') format('woff2'),
	     url('../fonts/chowderhead.woff') format('woff'),
	     url('../fonts/chowderhead.ttf') format('truetype'),
	     url('../fonts/chowderhead.svg#youworkforthem') format('svg');font-weight:normal;font-style:normal;
}
.colour-box{background-color:#999b30;box-shadow:10px 0 0 #999b30,-10px 0 0 #999b30;-webkit-box-decoration-break:clone;box-decoration-break:clone}
.in-slide-content {/*background:#ff8200;*/color:#fff;z-index:9999;padding:1px 10px}
body{font-family:'Montserrat',sans-serif;font-size:14px;line-height:21px;font-weight:400;-webkit-font-smoothing:antialiased;font-smoothing:antialiased;color:#fff;background:#3d441e}
h1,h2,h3,h4,h6{font-family:'Montserrat',serif;color:#fff;font-weight:normal;letter-spacing:1px;text-shadow:1px 2px 2px rgba(0,0,0,1.0)}
h5{font-family:'Montserrat',serif;font-size:2.0vw;line-height:35px;padding:0;margin:0;color:#fff;text-shadow:1px 2px 2px rgba(0,0,0,1.0)}
h6{font-family:'Montserrat',serif;font-size:1.07vw;line-height:1.5vw;padding:5px 0;margin:0;color:#fff;text-shadow:1px 2px 2px rgba(0,0,0,1.0)}
p{font-size:1.01vw;line-height:1.4vw;text-shadow:1px 2px 2px rgba(0,0,0,0.6)}
a{color:#fff;text-decoration:none;font-weight:normal}
a:hover{text-decoration:underline;color:#ff9200;background:#3d441e}
/*#maximage{display:none;position:fixed !important}
#cycle-loader{height:32px;left:50%;margin:-8px 0 0 -8px;position:absolute;top:50%;width:32px;z-index:999}*/

.gradient{left:0;height:100%;position:absolute;top:0;width:100%;z-index:999}
.show{display:block}
.hide{opacity:0}

/* Set Page Elements */
#logo{font-family:'Chowderhead',serif;font-size:2.7vw;bottom:40px;height:auto;left:40px;position:absolute;width:20%;z-index:1000;color:#fff;text-shadow:1px 2px 2px rgba(0,0,0,1.0)}
.content{float:left;margin:40px;position:absolute;top:200px;width:600px;z-index:9999;-webkit-font-smoothing:antialiased}
.main-nav{font-size:1.01vw;position:absolute;bottom:23px;left:300px;z-index:1001}
.main-nav ul li{list-style:none;display:inline;padding-right:10px;padding-left:10px;border-left:1px solid #fff}
.main-nav ul li:hover{list-style:none;display:inline;padding-right:10px;padding-left:10px;border-left:1px solid #fff;background:#ff9200}
.main-nav ul li a.active{color:#ff9200}

.social-nav{position:absolute;top:0px;left:40px}
.social-nav ul{margin:0;padding:0}
.social-nav ul li.facebook{list-style:none;display:block;float:left;background:#f2a900;padding:100px 10px 5px 10px;margin:1px;opacity:.5}
.social-nav ul li.twitter{list-style:none;display:block;float:left;background:#999b30;padding:100px 10px 5px 10px;margin:1px;opacity:.5}
.social-nav ul li.instagram{list-style:none;display:block;float:left;background:#3d441e;padding:100px 10px 5px 10px;margin:1px;opacity:.5}
.social-nav ul li.facebook:hover{background:#f2a900;opacity:1}
.social-nav ul li.twitter:hover{background:#999b30;opacity:1}
.social-nav ul li.instagram:hover{background:#3d441e;opacity:1}

button.full-screen{position:absolute;top:0;right:0;width:31px;height:31px;background:url("../images/full-screen-btn.png");border:0;cursor:pointer;opacity:.7}
button.full-screen:hover{opacity:1}
a.shopNow{padding:10px;color:#fff;background:#3d441e;opacity:0.5}
a:hover.shopNow{padding:10px;opacity:1}

#arrow_left,#arrow_right{bottom:30px;height:42px;position:absolute;right:40px;width:42px;z-index:1000}
#arrow_left{right:95px}

*, *:after, *:before{ -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box}
/* Clearfix hack by Nicolas Gallagher:http://nicolasgallagher.com/micro-clearfix-hack/ */
.clearfix:before, .clearfix:after{ content:" "; display:table}
.clearfix:after{ clear:both}

.container > header{padding:2.875em 1.875em 1.875em;position:fixed;z-index:1000;width:60%;left:20%}
.container > header h1{font-size:2.125em;line-height:1.3;margin:0;float:left;font-weight:400}
.container > header p{display:block}
.container > header nav{float:right}
.container > header nav a{display:block;float:left;position:relative;width:2.5em;height:2.5em;background:#fff;border-radius:50%;color:transparent;margin:0 0.1em;border:4px solid #fff;text-indent:-8000px}
.container > header nav a:after{content:attr(data-info);color:#fff;position:absolute;width:600%;top:120%;text-align:right;right:0;opacity:0;pointer-events:none}
.container > header nav a:hover:after{opacity:1}
.container > header nav a:hover{background:#7B4F23}

.icon-drop:before, 
.icon-arrow-left:before{font-family:'fontawesome';position:absolute;top:0;width:100%;height:100%;speak:none;font-style:normal;font-weight:normal;line-height:2;text-align:center;color:#47a3da;-webkit-font-smoothing:antialiased;text-indent:8000px;padding-left:8px}

.container > header nav a:hover:before{color:#fff}

.icon-drop:before{content:"\e000"}

.icon-arrow-left:before{content:"\f060"}