/*  ==========================================================================
    Bordelle
    Author: Alchemy Digital
    ========================================================================== */

html {
	box-sizing: border-box;
}
*, *:before, *:after {
	box-sizing: inherit;
}

body{
    margin: 0;
    padding: 0;
    line-height: 1.4;
    color: #000;
    overflow-x: hidden;
	font-family: "freight-text-pro", serif;
	font-style: normal;
	font-weight: 300;
	font-size: 16px;
	 -webkit-font-smoothing: antialiased;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}

.noscroll{
	overflow: hidden;
}

img{
	height: auto;
	max-width: 100%;
}

a, a:hover, a:active, a:visited{
	color: #000;
  	outline:none;
}

a .fa{ padding: 0 0 0 .66em; }
a .fa--left{ padding: 0 .66em 0 0; }
a .fa--nopad{ padding: 0; }

ul{ margin: 0; }


/*  ==========================================================================
    Base typography
    ========================================================================== */

h1, h2, h3, h4, h5, h6{
	/*margin: 1.5em 0 .25em;*/
	font-weight: 900;
	line-height: 1em;
	font-family: "freight-display-pro";
	margin: 2em 0 .5em;
}

h1,
.h1{
	margin-bottom: .5em;
	font-size: 2.2em;
}

h2,
.h2{
	font-size: 1.66em;
}

h3,
.h3{
	margin: .5em 0;
	font-size: 1.2em;
}

h4,
.h4{
	margin-top: .75em;
	font-size: .88em;
}
.freight{font-family: "freight-text-pro";}
.futura{/*font-family: "futura-pt",sans-serif;*/}
.linkthough{ font-weight: 700; text-align: center; }
.leader{ font-size: 1.2em; line-height: 1.2; font-weight: 300; }
.article--collection{ text-align: center; }

p{ margin: 0 0 1.25em; }
ul{ margin: 0 0 1.25em; }
ol{ margin: 0 0 1.25em; }

.tiny{ font-size: .80em; }
.med{ font-size: .95em; }
.sml{ font-size: .85em; }

.bold{ font-weight: 700; }
.regular{ font-weight: 400; }
.thin{ font-weight: 300; }

.case--upper{ text-transform: uppercase;}

b,
strong{ font-weight: 900; }
em,
i{ font-style: italic; }

.grey{ color: #999; }
.andvat{ display: inline !important; }

@media only screen and (min-width:400px){

}

@media only screen and (min-width:500px){
	h1, .h1{ font-size: 2.5em; }
	.leader{ font-size: 1.25em; }
}

@media only screen and (min-width:700px){
	body, .reg{ font-size: 16px; }
	h1, .h1{ font-size: 2.75em; }
	.leader{ font-size: 1.4em; }
}

@media only screen and (min-width:800px){
	body, .reg{ font-size: 17px; }
}

@media only screen and (min-width:1000px){
	h1, .h1{ font-size: 3.25em; }
	h2, .h2{font-size: 1.75em; }
	h3, .h3{ font-size: 1.5em; }
}

@media only screen and (min-width:1200px){

}

@media only screen and (min-width:1400px){
	h1, .h1{ font-size: 3.5em; }
	body, .reg{ font-size: 18px; }
	h2, .h2{font-size: 2em; }
}

/*  ==========================================================================
    Custom Classes
    ========================================================================== */

.margin-notop{ margin-top: 0; }
.padding-notop{ padding-top: 0; }
.margin-nobottom{ margin-bottom: 0; }
.padding-nobottom{ padding-bottom: 0; }

.padding--top { padding-top: 10%; }
.padding--bottom { padding-bottom: 10%; }
.padding--halftop { padding-top: 7%; }
.padding--halfbottom { padding-bottom: 7%; }
.padding--top-em { padding-top: 1em; }
.padding--bottom-em { padding-top: 1em; }

.margin--top { margin-top: 10%; }
.margin--bottom { margin-bottom: 10%; }
.margin--halftop { margin-top: 7%; }
.margin--halfbottom { margin-bottom: 7%; }
.margin--top-em { margin-top: 1em; }
.margin--bottom-em { margin-bottom: 1em; }

.margin--none{ margin: 0; }

@media only screen and (min-width: 550px){
	.padding--top { padding-top: 7%; }
	.padding--bottom { padding-bottom: 7%; }
	.padding--halftop { padding-top: 3.5%; }
	.padding--halfbottom { padding-bottom: 3.5%; }

	.margin--top { margin-top: 7%; }
	.margin--bottom { margin-bottom: 7%; }
	.margin--halftop { margin-top: 3.5%; }
	.margin--halfbottom { margin-bottom: 3.5%; }
	.margin--top-em { margin-top: 1em; }
	.margin--bottom-em { margin-bottom: 1em; }
}

@media only screen and (min-width: 1000px){
	.padding--top { padding-top: 5%; }
	.padding--bottom { padding-bottom: 5%; }
	.padding--halftop { padding-top: 3.5%; }
	.padding--halfbottom { padding-bottom: 3.5%; }

	.margin--top { margin-top: 5%; }
	.margin--bottom { margin-bottom: 5%; }
	.margin--halftop { margin-top: 3.5%; }
	.margin--halfbottom { margin-bottom: 3.5%; }
	.margin--top-em { margin-top: 1em; }
	.margin--bottom-em { margin-bottom: 1em; }
}


.alignnone {
    margin: 5px 20px 20px 0;
}

.aligncenter,
div.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

.alignright {
    float:right;
    margin: 5px 0 20px 20px;
}

.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

img.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}

img.alignnone {
    margin: 5px 20px 20px 0;
}

img.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.text-left{ text-align:left; }
.text-right{ text-align:right; }
.text-center{ text-align:center; }
.text-justify{ text-align: justify; }

.border-bottom{
  border-bottom: 1px solid #000;
}

.border-top, .border-top-double{
  border-top: 1px solid #000;
  margin-top:1.5em;
  padding-top:1.5em;
}

.border-top-double{
  border-top: 2px solid #000;
}

.stockists {
    margin: 0 0 2.75em;
    line-height: 1.8em;
    font-weight: 800;
}

.stockists ul {
    margin: 0;
    padding: 0;
    font-size: 0.8em;
}

.stockists li {
    list-style-type: none;
    border-bottom: 1px solid #e5e5e5;
}

.stockistblurb {

    margin: 0 0 3em;
}

/*  ==========================================================================
    Default Styles
    ========================================================================== */

.inline{
	display: inline-block;
	width: 45%;
}

.inline.inline--margin{
	margin-right: 2.5%;
}

.table{ display: table; }
.tablecell{ display:table-cell; }

hr{
	margin: 3em 0;
	border-top: none;
	border-bottom: 1px solid #e5e5e5;
}

.button, .wpcf7-submit{
	padding: 0;
	margin: .25em 0;
  	height: 45px;
 	line-height:45px;
	text-align: center;
	font-weight: 700;
	width: 130px;
	box-sizing: border-box;
  	border: 1px solid #000;
	/*font-family: "futura-pt",sans-serif;*/
	font-size: 1em;
  	-webkit-appearance:none;
  	text-decoration:none;
}

.med .button{
  	height: 40px;
 	line-height:40px;
}

.button.black, .wpcf7-submit{
	background: #000;
	color: #fff;
}

.button.white{
	background: #fff;
	color: #000;
}
.button.grey{
	background: #999;
	color: #000;
}

.button.black a{ color: #fff; text-decoration:none; }
.button.white a{ color: #000; text-decoration:none }
.button.grey a{ color: #000; text-decoration: none; }

/*  ==========================================================================
    bd
    ========================================================================== */

.bd{
    position: relative;
    margin: 0 7.14%;
    min-height: 1px;
}

.bd:after { content: " ";  visibility: hidden; display: block; height: 0; clear: both; }

@media only screen and (min-width:900px){
	.bd{ margin: 0 7.14%; }
}


/*  ==========================================================================
    currency
    ========================================================================== */

.currencyeyebrow{
    background: #fff;
    height: 35px;
    line-height: 20px;
    font-size: 14px;
    position: relative;
    overflow: hidden;
    -webkit-transition: height 150ms ease-out 0s;
    -moz-transition: height 150ms ease-out 0s;
    transition: height 150ms ease-out 0s;
    color: #999;
  text-align: right;
}



.currencyeyebrow__inner{
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    line-height: 25px;
    padding: 5px 7.14%;
    border-bottom: solid 1px #e5e5e5;
}

.currencylinks{ display: inline-block; }

.currencylinks a{
    display: inline-block;
    padding: 0 .75em;
    color: #999;
    border-left: solid 1px #e5e5e5;
  text-decoration: none;
  position: relative;
  z-index: 1;
  font-weight: bold;
  text-align: center;
}

.currencylinks a:first-child{ border-left: none; }

.currencylinks a:hover{
    color: #333;
}

.currencylinks a.current-currency{
    color: #111;
}


.scrolled .currencyeyebrow{
    height: 0;
}

.siteheader__inner{
    position:relative;
}

.currencylinks--header{
    position: absolute;
    top: 50%;
    right: 7.14%;
    margin: -13px 30px 0 0;
    display: none;
}

@media only screen and (min-width: 500px){
  .currencylinks--header{ display: block; }
  .currencyeyebrow{ display: none; }
}

@media only screen and (min-width: 750px){
  .currencylinks--header{ display: none; }
  .currencyeyebrow{ display: block; }
}
/*
@media only screen and (min-width: 1000px){
  .currencylinks--header{ display: block; margin-right: -50px; }
  .currencyeyebrow{ display: none; }
}*/

/*  ==========================================================================
	lists,
	========================================================================== */

.liststyle--none{ list-style: none; }

/*  ==========================================================================
	base nav
	========================================================================== */

nav ul{ margin: 0; padding: 0; list-style: none; }

.inlinenavlist{
	margin: 0 -.75em;
}

.inlinenavlist--center{ text-align: center; padding: 0; }

.inlinenavlist li{
	display: inline-block;
	margin: 0;
	padding: 0;
}

.inlinenavlist a{
	display: block;
	padding: 0 .75em;
}


/*  ==========================================================================
    siteheader
    ========================================================================== */

.siteheader{
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	background: #fff;
	z-index: 98;
	width: 100%;
	box-shadow: 0 1px 0 rgba(0,0,0,.15);
}
@media only screen and (max-width: 1199px){
	.siteheader__bd{
		margin: 0 30px;
	}
}
.sitelogo__wrapper{
    width: 100px;
    margin: .25em auto .25em;
    position: relative;
    z-index: 100;
		-webkit-transition: width 150ms ease-out 0s;
		-moz-transition: width 150ms ease-out 0s;
		transition: width 150ms ease-out 0s;
}

.sitelogo__wrapper img{ display: block; }



/*  ==========================================================================
	mobtools
	========================================================================== */

.mobtools a{
	padding: 1.5em 1.25em;
	display: block;
	position: absolute;
	bottom: 0;
	left: -1.25em;
	text-decoration: none;
}

.mobtools .mobnav-toggle{
	left: auto;
	right: -1.25em;
}

.mobtools a.mobnav-search{
	left: 7.14%;
}


@media only screen and (min-width:550px){
	/*.mobtools a{
		left: -1.66em;
	}

	.mobtools .mobcart-toggle{
		right: -1.66em;
	}*/
}

/*  ==========================================================================
	mobnav
	========================================================================== */

.mobnav{
	background: #fff;
	color: #000;
	position: fixed;
	top:0;
	bottom:0;
	height: 100%;
	padding: 1em 0;
	left:100%;
	width: 95%;
	border-left: 1px solid #fff;
	overflow: scroll;
	-webkit-overflow-scrolling: touch;
	z-index: 10000;
	-webkit-transition: left 0.25s ease-in;
    -moz-transition: left 0.25s ease-in;
    -o-transition: left 0.25s ease-in;
    transition: left 0.25s ease-in;
}

.mobnav .grey{ color: #666; }
.mobnav .powermenu__header,
.mobnav .mobnavsection,
.mobnav .powermenu--latestcollection,
.mobnav .powermenu--wordlofbordelle{ border-color: #ddd; }

.mobnav .navclose{ color: #000; }

.mobnav .button.white{ background: #000; color: #fff; }
.mobnav .button.grey{ background: #fff; color: #000; }

.overlay{
	display: none;
	position: fixed;
	z-index: 1000;
	background: #000;
	top:0;
	bottom: 0;
	left: 0;
	right: 0;
	opacity:0;
	-webkit-transition: opacity 0.5s ease-in;
    -moz-transition: opacity 0.5s ease-in;
    -o-transition: opacity 0.5s ease-in;
    transition: opacity 0.5s ease-in;
}

.open .mobnav{
	display: block;
	left: 5%; right: 0;
}

.open .overlay{
	display: block;
	opacity: .5;
}

a.navclose{
	display: none;
	position: fixed;
	right: 1.5em;
	top:1.5em;
	z-index: 100000;
	color: #fff;
    padding: .5em 1.25em 1.5em;
}

.navclose span{font-size: 18px; width: 18px; height: 18px; }

.open .navclose{display: block;}

.mobnavsection--about, .mobnavsection--account, .mobnavsection--atelier{ border-top: 1px solid #444; }
.mobnavsection--atelier, .mobnavsection--account{ margin-top: 7%; padding-top: 7%; }
.mobnavsection--atelier .inlinenavlist--center{ text-align: left; }

 .mobnavsection--account .powermenu__accountbody .button{width: 50%; display: block; margin-bottom: 1em;}

 @media only screen and (min-width: 1000px){
 	.mobtools{ display: none; }
 	.mobnav,
 	.open .mobnav,
 	.open .overlay{ display: none; }
 }

 .sitenavsection--curatedkink .powermenu__heading--curatedkink{ display: none; }

/*  ==========================================================================
	sitenav
	========================================================================== */

.sitenav{
	position: absolute;
	bottom: 0%;
	right: 0;
	left: 0;
	top: 0;
	display: none;
}

.sitenavlist{
	position: relative;
	z-index: 2;
}

.sitenavlist--left{
	width: 42%;
	float: left;
	margin-left: -.66em;
}

.sitenavlist--right{
	width: 42%;
	float: right;
	text-align: right;
}

.sitenavlistsub.sitenavlistsub--right{
	float: right;
	position: relative;
}
.sitenavlistsub.sitenavlistsub--left{
	float: left;
	position: relative;
}

.sitenavlist a{
	display: inline-block;
	padding: 1.6em .66em;
	position: relative;
	text-decoration: none;
}

.sitenavlist a[data-sitenavsection]:after{
	content: ' ';
	position: absolute;
	display: block;
	bottom: -.85em;
	left: 50%;
	margin-left: -.75em;
	width: 0;
	height: 0;
	border-left: .75em solid transparent;
	border-right: .75em solid transparent;
	border-top: .75em solid #fff;
	opacity: 0;
	-webkit-transition: opacity 100ms ease-out 0ms;
	   -moz-transition: opacity 100ms ease-out 0ms;
			transition: opacity 100ms ease-out 0ms;
}

.sitenavlist a[data-sitenavsection].over:before{
	top: 60%;
	opacity: 0;
}

.sitenavlist a[data-sitenavsection].over:after{
	opacity: 1;
}

.cart--empty:after{opacity: 0;}

span.cartcount { pointer-events: none; }

@media only screen and (min-width: 900px){
	.sitenavlist a[data-sitenavsection]:after{
		bottom: -1em;
	}
}

@media only screen and (min-width: 1200px){
	.sitenavlist a[data-sitenavsection]:after{
		bottom: -1.5em;
	}
}

/*
// sitenavdropdown
*/

.sitenavdropdown{
	-webkit-transform: translate3d(0, 0, 0);
	position: absolute;
	top: 100%;
	left: 0;
	right: 0;
	margin: 0;
	text-align: left;
	background: #000;
	background: rgba(0, 0, 0, 0.85);
	overflow: hidden;
	z-index: 1;
	color: #fff;
	opacity: 0;
	-webkit-transition: opacity 150ms ease-out 0ms, height 250ms ease-out 0ms,  -webkit-box-shadow 250ms ease-out 0ms;
	   -moz-transition: opacity 150ms ease-out 0ms, height 250ms ease-out 0ms,     -moz-box-shadow 250ms ease-out 0ms;
			transition: opacity 150ms ease-out 0ms, height 250ms ease-out 0ms, 			box-shadow 250ms ease-out 0ms;
}

.sitenavdropdown{
	opacity: 1;
	-webkit-box-shadow: 0px 50px 50px rgba(0,0,0,.18);
	   -moz-box-shadow: 0px 50px 50px rgba(0,0,0,.18);
			box-shadow: 0px 50px 50px rgba(0,0,0,.18);
}

/*
// sitenavsection
*/

.sitenavsection{
	opacity: 0;
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	padding: 3.15% 7.14%;
	-webkit-transform: translate3d(0, 0, 0);
	-webkit-transition: opacity 250ms ease-out 0ms;
	   -moz-transition: opacity 250ms ease-out 0ms;
			transition: opacity 250ms ease-out 0ms;
	z-index: 1;
}
.sitenavsection--active{
	-webkit-transition: opacity 250ms ease-out 150ms;
	   -moz-transition: opacity 250ms ease-out 150ms;
			transition: opacity 250ms ease-out 150ms;
	opacity: 1;
	z-index: 20;
}

.sitenavextra { display: none; }

@media only screen and (min-width: 1000px){
	.sitenav{
		display: block;
		border-left:none;
	}
}

@media only screen and (min-width: 900px){
	.sitenavlist a{ padding: 2em .75em; }
}

@media only screen and (min-width: 1000px){
	.sitenav{
		display: block;
		border-left:none;
	}
}

@media only screen and (min-width: 1300px){
	.sitenavextra { display: inline; }
}

@media only screen and (min-width: 1600px){
	.sitenavlist a{
			padding: 2em .75em;
	}
}

/*  ==========================================================================
	powermenu
	========================================================================== */

.powermenu__heading{
	margin: 0 0 1em;
}

.powermenu a{
	color: inherit;
	text-decoration: none;
}

.powermenu .grey a{ color: #999; cursor: default; }

.powermenu__linklist{ margin: 0; padding: 0; }

.powermenu__linklist li{ margin: 0 1em .5em 0; }
.powermenu__linklist{ padding-bottom: 7%; }

.powermenu__linklistheading, .powermenu__collectionsubheading{
	font-family: "freight-text-pro", serif;
	font-size: 70%;
	margin: .5em 0 1.25em;
}

.powermenu__header{
	border-bottom: solid 1px #444;
	margin-bottom: 1.5em;
}

.powermenu--cart .powermenu__header{
	border-bottom: none;
}

.powermenu--cart .sitenav__carttotal{
	margin-top: 1em;
}

.powermenu--cart .sitenav__cartbuttons{
	margin-top: 1em;
}

.powermenu .post .post__title, .powermenu .post .post__date{
	text-align: left;
}
.powermenu--latestcollection, .powermenu--wordlofbordelle{
	border-top: 1px solid #444;
	margin-top: 7%;
	padding-top: 7%;
}

.powermenu .gd-u--pad-left{ padding-left: 0; }

@media only screen and (min-width:550px){
	.powermenu__linklist li{ margin: 0 0 .75em 0; display: block; }
	.powermenu__linklist--inline li{ margin: 0 1em .75em 0; display: inline-block; }
}

@media only screen and (min-width:700px){
	.powermenu .gd-u--borderright{ border-right: 1px solid #ddd; }

	.powermenu--latestcollection, .powermenu--wordlofbordelle{
		border-top: 0px solid #444;
		margin-top: 0;
		padding-top: 0;
	}
	.powermenu .gd-u--pad-left{ padding-left: 1.5em; }
	.powermenu--wordlofbordelle{ margin-top: 7%; }
	.shopnavlinkslink--color{
		margin-bottom: 7%;
	}
}

@media only screen and (min-width:1000px){
	.powermenu__header{ border-bottom: none; margin-bottom: 0; }
	.powermenu--cart .sitenav__carttotal{ margin-top: 0; }
	.powermenu--wordlofbordelle{ margin-top: 0; }
	.powermenu--cart .sitenav__cartbuttons{ margin-top: 7%; }
}

@media only screen and (max-width:999px){
	.mobnav .powermenu--shopinsta {
		border-top: solid 1px #ddd;
		padding-top: 7%;
	}
	.mobnav .powermenu--shopinsta .powermenu__header {
		border: 0;
	}
}
.postthumb {
  margin: 0 2px;
}
.postthumb__img {
  padding-top: 100%;
  background-size: cover;
}
.postinstashop h4 { margin: 0; }

.powermenu--instatile:nth-child(4),
.powermenu--instatile:nth-child(5),
.postthumbs .gd-u:nth-child(3),
.postthumbs .gd-u:nth-child(4) { display: none; }

@media only screen and (min-width: 700px){
  .powermenu--instatile:nth-child(4) { display: inline-block; }
}
@media only screen and (min-width: 1000px){
  .postthumbs .gd-u:nth-child(3),
  .postthumbs .gd-u:nth-child(4) { display: inline-block; }
}
@media only screen and (min-width: 1200px) {
  .powermenu--instatile:nth-child(5) { display: inline-block; }

}

/*  ==========================================================================
	powermenu cart
	========================================================================== */

.cartitems{
	margin: 0;
	padding: 0;
}
.cartitem{
	border-bottom: 1px solid rgba(153, 153, 153, 0.44);
	padding: .4em 0;
	list-style: none;
}
.cartitem:before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  height: 100%;
}
.cartitem:first-child{
	border-top: 1px solid rgba(153, 153, 153, 0.44);
}

.cartitem > div{
	display: inline-block;
	margin: 0 .5em;
	vertical-align: middle;
}
.cartitem .cartitem__img{
	margin-left: 0;
	width: 40px;
	height: 40px;
}
.cartitem .cartitem__price{
	float: right;
	margin-right: 0;
	margin-top: 11px;
}

.sitenav__carttotal .powermenu__heading{ margin-bottom: .25em; }
.sitenav__carttotal .button{
	font-size: 80%;
    height: 42px;
    line-height: 40px;
}
.sitenav__carttotal .buttons--inline .button {
    display: inline-block;
	width: 45%;
    margin: 1em 0;
}
.sitenav__carttotal .buttons--inline .button:first-child{
	margin-right: 2%;
}




/*
//  Fixed Header
*/

.single-collection.scrolled .body{
	margin-top: 95px;
}
/*
.scrolled .sitelogo__wrapper{
	width: 100px;
	margin-top: .25em;
	margin-bottom: .25em;
	line-height: 0;
}
*/

.sitelogo--header{
	height: 100%;
	display: block;
}

.sitelogo--header img{ width: 100%; }

.headersearchform__note{
	margin: .5em 0 0;
	color: #999;
}

.headersearchform .input__wrapper{ border-color: #000; }


.shopify .body{ padding-top: 106px; }
.body{
	position: relative;
	z-index: 1;
	padding-top: 71px;
}

@media only screen and (min-width: 500px){
	.shopify .body{ padding-top: 70px; }
}


@media only screen and (min-width: 750px){
	.shopify .body{ padding-top: 108px; }
}

@media only screen and (min-width:900px){
	.shopify .body{ padding-top: 122px; }
	.body{ padding-top: 88px; }
	.sitelogo__wrapper{ width: 120px; }
	.mainnav .mainnavlist--left li .mainnavdropdown{ right: -4em;  }
}

@media only screen and (min-width:1000px){
	.shopify .body{ padding-top: 122px; }
	.body{ padding-top: 88px; }
	.sitelogo__wrapper{ width: 120px; }
}

@media only screen and (min-width:1200px){
	.shopify .body{ padding-top: 138px; }
	.body{ padding-top: 103px; }
	.sitelogo__wrapper{ width: 130px; margin: .5em auto; }
}

@media only screen and (min-width:1400px){
	.shopify .body{ padding-top: 139px; }
	.body{ padding-top: 104px; }
}

/*  ==========================================================================
    shopfilter
    ========================================================================== */

.shopfilter{
	border-bottom: solid 1px #e5e5e5;
	border-top: solid 1px #e5e5e5;
	text-align: center;
	margin-bottom: 20px;
	position: relative;
	z-index: 5;
}

.rgba .shopfilter{
	border-color: rgba(0,0,0,.15);
}

.shopfilter__bd{
}

.shopfilternav{
	display: inline-block;
}

.shopfilternav a:hover{ text-decoration: underline; }

.shopfilternav--primary{ margin-left: -1em; }

.shopfilterlist{
	list-style: none;
	padding: 0;
	margin: 0;
}

.shopfilterlist ul{ }

.shopfilterlist > li{
	font-weight: 900;
	display: inline-block;
	margin: 0;
  	position: relative;
	z-index: 1;
}

.shopfilterlist > li:hover{ z-index:2; }


.shopfilterlist > li > a{
	text-decoration: none;
	position: relative;
	overflow: hidden;
	display: block;
	padding: 1.25em .75em;
}

.shopfilterlist > li > a:after{
	content: "\f107";
	display: block;
	font-family: FontAwesome;
	position: absolute;
	bottom: .33em;
	left: 50%;
	width: 1em;
	text-align: center;
	margin-left: -.5em;
	font-size: .88em;
	color: #aaa;
	font-weight: normal;
	-webkit-transition: bottom 150ms ease-out 0ms;
	   -moz-transition: bottom 150ms ease-out 0ms;
			transition: bottom 150ms ease-out 0ms;
}

.shopfilterlist > li > a:before{
	content: ' ';
	display: block;
	width: 0;
	height: 0;
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-bottom: 6px solid #000;
	position: absolute;
	bottom: -1em;
	left: 50%;
	margin: 0 0 0 -6px;
	-webkit-transition: bottom 150ms ease-out 0ms;
	   -moz-transition: bottom 150ms ease-out 0ms;
			transition: bottom 150ms ease-out 0ms;
}

/* level 1 */


.shopfilternav ul ul{
	position: absolute;
	top: 100%;
	margin-top: -.13em;
	width: 0;
	background: #000;
    background: rgba(0, 0, 0, 0.85);
	left: -8.3%;
	right: -8.3%;
	opacity: 0;
	overflow: hidden;
	width: 116.6%;
	height: 0px;
  	width: 16em;
  margin: 0;
  left: 50%;
  right:auto;
  margin-left: -8em;
	-webkit-transition: opacity 150ms ease-out 0ms, height 0ms linear 160ms, -webkit-transform 150ms ease-out 0ms;
	   -moz-transition: opacity 150ms ease-out 0ms, height 0ms linear 160ms,    -moz-transform 150ms ease-out 0ms;
			transition: opacity 150ms ease-out 0ms, height 0ms linear 160ms, 		 transform 150ms ease-out 0ms;
	-webkit-transform: translate(0,-.5em);
	   -moz-transform: translate(0,-.5em);
			transform: translate(0,-.5em);
}

.shopfilternav ul ul a{
	color: #fff;
	text-decoration: none;
	padding: .5em 0;
	display: block;
}

/*
// active
*/

.shopfilterlist > li.active > a:before{
	bottom: 0px;
}

.shopfilterlist > li.active > a:after{
	bottom: -1em;
}

.shopfilternav ul li.active ul{
	-webkit-transition: opacity 150ms ease-out 10ms, height 0ms linear 0ms, -webkit-transform 150ms ease-out 10ms;
	   -moz-transition: opacity 150ms ease-out 10ms, height 0ms linear 0ms,    -moz-transform 150ms ease-out 10ms;
			transition: opacity 150ms ease-out 10ms, height 0ms linear 0ms, 		transform 150ms ease-out 10ms;
	-webkit-transform: translate(0,0);
	   -moz-transform: translate(0,0);
			transform: translate(0,0);
	opacity: 1;
	padding: 1em;
	height: auto;
}


@media only screen and (min-width:1200px){

	.shopfilternav{ display: block; float: right; }
	.shopfilternav--primary{ display: block; float: left; }

	.shopfilterlist--primary > li > a{ display: none; }
	.shopfilternav--primary ul ul{
		display: block;
		background: none;
		position: relative;
		width: auto;
		overflow: visible;
		left: 0;
		top: 0;
		opacity: 1;
		padding: 0 !important;
		margin: 0;
		-webkit-transform: translate(0,0);
		   -moz-transform: translate(0,0);
				transform: translate(0,0);
	}

	.shopfilternav--primary ul ul a{ color: #000; display: block; padding: 1.25em .75em; }

	.shopfilterlist--primary ul li{
		display: inline-block;
	}
}

@media only screen and (min-width:1200px){
	.shopfilterlist > li > a,
	.shopfilternav--primary ul ul a{ padding: 1.5em 1em; }
	.shopfilterlist > li > a:after{ margin-top: -.5em; }
}

/*  ==========================================================================
    sitefooter
    ========================================================================== */

.sitefooter{
	border-top: 1px solid #e5e5e5;
	margin: 1.5em 0 2em;
	padding-top: 1.5em;
}

.footernav{
	position: relative;
	text-align: center;
	font-weight: 700;
	margin: 0 0 1em;
}

.footernav--legal{
	margin: 0 0 2em;
}

.footernavlist{
	list-style: none;
	margin: 0 auto;
	padding: 0;
}

.footernavlist ul{
	list-style: none;
}

.footernav li{ margin-bottom: .75em;  padding: 0 .5em 0}
.footernav a{ text-decoration: none; }

.footernav--legal li{ display: inline-block; }

.footernav ul{ padding-left: 0; }

.footerlegal{text-align: center;}

.footersocial{
	font-size: 18px;
	margin: 1em 0 1.75em;
	text-align: center;
	vertical-align: bottom;
}

.footersociallist{
	padding: 0; margin:0;
}

.footersociallist li{
	background: #000;
	margin: 0;
	padding: 0;
	display: inline-block;
	width: 35px;
	height: 35px;
	text-align: center;
}

.footersociallist li a{
	color: #fff;
	font-size: 18px;
	line-height: 35px;
	vertical-align: middle;
}

.footersociallist li a .fa{ padding: 0; }

.madeby a{
	text-decoration: none;
}

.madeby img{
	display: block;
	width: 25px;
	height: auto;
	margin: 1.25em auto .5em;
}

.footerlegal__copyright {
    margin-bottom: .25em;
}

@media only screen and (min-width:650px){
	.footernav .mainnav:nth-child(2){
		margin-top: 2em;
	}
}

@media only screen and (min-width:700px){

	.sitefooter{ padding-top: 3em; padding-bottom: 1em; }
	.footernav li{ display: inline-block; padding: 0 .75em 0; }

}

@media only screen and (min-width:1200px){
	.sitefooter__bd{
		margin: 0 auto;
		max-width: 800px;
	}
}

/*  ==========================================================================
    page
    ========================================================================== */

.page{
}

.page.page--headerimg{
	margin-top:  0em;
}

.page.page--headerimg img{
	width: 100%;
}

.pageheader{
	text-align: center;
	position: relative;
}

.pageheaderbottom{ height: 0; position: absolute; bottom: 0; left: 0; right: 0; }

.pageheader__bd{
	z-index: 2;
	position: relative;
}

.pageheader h1{ margin: 0 auto .25em; max-width: 25em; }

.pageheader .leader{
	margin: 0 auto;
	max-width: 27em;
}

.pageheader .leader p{ margin: 0; }

.pageheader--img{
	background: #000;
	color: #fff;
}

.pageheader__img{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	opacity: .75;
	z-index: 1;
}

/*
// pageheader--video
*/


.pageheader__video{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	z-index: 1;
	opacity: 0;
	-webkit-transition: opacity 2000ms ease-out 0ms;
	   -moz-transition: opacity 2000ms ease-out 0ms;
			transition: opacity 2000ms ease-out 0ms;
}

.mutebutton{
	position: absolute;
	top: 1em;
	right: 1.5em;
	color: #fff;
	opacity: 0;
	z-index: 2;
	cursor: pointer;
}
.mutebutton .fa-volume-up {
	display: inline-block;
}
.mutebutton .fa-volume-off {
	display: none;
}
.mutebutton--on .fa-volume-up {
	display: none;
}
.mutebutton--on .fa-volume-off {
	display: inline-block;
}

.has-videoheader--playing .pageheader__video, .has-videoheader--playing  .pageheadervideo__mutebutton{ opacity: 1; }

.no-touch .has-videoheader .pageheader__img{ display: none; }

.pagecontent p{
	text-align: justify;
}

.pagecontent form,
.pagecontent ul,
.pagecontent ol{
	text-align: left;
}

.pagecontent img{
	margin: 0 auto 1.5em;
}

@media only screen and (min-width: 700px){
	.pagecontent{ margin: 0 8.3%; }
	.pagecontent--withnav{ margin: 0 0 0 30%;}
}

@media only screen and (min-width: 1000px){
	.pagecontent{ margin: 0 20%; }
	.pagecontent--withnav{ margin: 0 0 0 30%; }
	.pageheader--img{ padding-top: 7.14%; padding-bottom: 7.14%; }
}

@media only screen and (min-width: 1200px){
	.pagecontent{ margin: 0 25%; }
}

@media only screen and (min-width: 1400px){
	.pagecontent{ margin: 0 25%; }
}

.page--newsletter .sectionheader{text-align: center; margin-top: 4em;}
.page--newsletter .field{ margin-bottom: 1em;}
.page--newsletter .error{font-size: 0.8em; color: #E31010;}

.page--newsletter input[type="radio"]{
	display: inline-block;
}

.page--newsletter .noline{ margin-left:1em; text-decoration: none; display: inline-block; }
.page--newsletter .fa{margin-left: 8px;}
.page--newsletter .line{border-bottom: 1px solid #000;}

@media only screen and (min-width:850px){
	.page--newsletter{ max-width: 800px; margin: 0 auto;}
}


/*  ==========================================================================
    section
    ========================================================================== */

.cookienote{
	background: #000;
	position: fixed;
	padding: 1.5em 0;
	left: 0;
	right: 0;
	bottom: -10em;
	opacity: .5;
	z-index: 99;
	color: #fff;
	cursor: pointer;
	-webkit-transition: bottom 200ms ease-out 0ms, opacity 200ms ease-out 0ms;
	   -moz-transition: bottom 200ms ease-out 0ms, opacity 200ms ease-out 0ms;
			transition: bottom 200ms ease-out 0ms, opacity 200ms ease-out 0ms;
}

.showcookienote .cookienote{
	bottom: 0;
	opacity: 1;
}

.rgba .cookienote{ background: rgba(0,0,0,.95); }

.cookienote p{ margin: 0; padding-right: 2em; }

.cookienote a{ color: #fff; display: inline-block; }

.cookienote__close{
	position: absolute;
	right: 0;
	top: 50%;
	margin-top: -.5em;
}

/*  ==========================================================================
    section
    ========================================================================== */

.section{

}

.section .sectionheader{
	margin: 4.5em 0;
	text-align: center;
}

.frontpage .section .sectionheader{
	margin-bottom: 3em;
}

.section.main .sectionheadercontent{
	max-width: 750px;
	margin: 0 auto;
}

.page--headerimg .section.main .sectionheadercontent{
	max-width: 850px;
}

.section.main{
	margin-bottom: 3.5em;
}

.section.secondary{
	border-top: 1px solid #e5e5e5;
}

.section.secondary .sectionheader{
	text-align: left;
	margin: 4.5em 0 1.5em;
}

.section.secondary .sectionheader h2{
	text-decoration: underline;
}

.section.secondary .sectionheadercontent{
	max-width: 750px;
}

.section.secondary  .leader{
	font-size: 1.3em;
}

.section__body li{
	margin-bottom: .65em;
}




.sectionfooter{
	margin: 3em auto 2em;
  	max-width: 980px;
}

.row{
	/*margin: 2em 0;*/
}

.article{ margin: 1em 0; }

.article__link{
	text-decoration: none;
}

.article__imgwrapper{
	padding: 125% 0 0;
	margin: 0;
	height: 0;
	position: relative;
	background-color: #e5e5e5;
	overflow: hidden;
	-webkit-transform: translate3d(0, 0, 0);
}

.article__img{
	position: absolute;
	top: -1px;
	left: -1px;
	right: -1px;
	bottom: -1px;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-position: center center;
	-webkit-transform: translate3d(0, 0, 0);
	border-color: #000;
	border-style: solid;
	border-width: 0;
	transition: border-width .2s ease-out;
}

.article__link:hover .article__img {
  border-width: 4px;
  transition: border-width .2s ease-out;
}
.article__img, .article__link:hover .article__img {
  -webkit-transition: border-width .2s ease-out;
}

.article__title{ display: inline-block; }

.article__title:after{
	content: '';
	width: 0;
	height: 2px;
	margin-top: 3px;
	display: block;
	transition: width .2s ease-out;
}

.article__title:after, .article__link:hover .article__title:after {
	-webkit-transition: width .2s ease-out;
}

.article__link:hover .article__title:after{
	content: '';
	width: 100%;
	height: 2px;
	margin-top: 3px;
	display: block;
	background: #000;
}

@media only screen and (min-width:550px){

	.row{
		margin: 3em 0;
	}

	.article{ margin:0; }

	.row.left .article{
		padding-right: 20px;
	}

	.row.right .article{
		padding-right: 20px;
	}

}

/*  ==========================================================================
    posts
    ========================================================================== */

.posts{
	padding: 0;
	margin: 0 -20px 0 0;
}


.post{
	padding: 0 20px 1em 0;
}

.post__link{
	text-decoration: none;
}

.postimg{
	padding: 100% 0 0;
	width: 100%;
	margin: 0 0 1.3em;
	height: 0;
	position: relative;
	background-color: #e5e5e5;
	overflow: hidden;
	-webkit-transform: translate3d(0, 0, 0);
}

.postimg__img{
	position: absolute;
	top: -1px;
	left: -1px;
	right: -1px;
	bottom: -1px;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-position: center center;
	-webkit-transform: translate3d(0, 0, 0);
}

.post .linkthough a{
	text-decoration: undeline;
}

.post .linkthough a:hover{
	text-decoration: underline;
}

.postnavigation{
	position: relative;
}

.postnavigation__link{
	position: absolute;
	top: 0;
}

.postnavigation__link a {
	text-decoration: none;
	display: inline-block;
	vertical-align: top;
}

.postnavigation__label{display: inline-block; vertical-align: top;}

.postnavigation__label span{ display: block; }

.postnavigation__link.previous{ left: 0; }

.postnavigation__link.previous a:before{
	content: "\f104";
	font: normal normal normal 14px/1 FontAwesome;
	margin-right: 15px;
}

.postnavigation__link.next{
	right: 0;
	text-align: right;
}

.postnavigation__link.next a:after{
	content: "\f105";
	font: normal normal normal 14px/1 FontAwesome;
	margin-left: 15px;
}

.homepagenewsposts{
	margin: 1em 0;
	font-size: .75em;
}

.homepagenewsposts__heading{
	font-size: 1;
	margin: 0 20px 0px 0;
	padding: 10px 0 10px;
	border-top: solid 1px #e5e5e5;
	color: #999;
}

.homepagenewsposts__heading a{ color: #999; }

.homepagenewspost .post__title{
	font-size: 1em;
	color: #999;
}

.post__title{ text-align: center; }

.homepagenewspost .postimg{
	border: solid 1px #e5e5e5;
	-webkit-transition: border-color 250ms ease-in-out 0s;
	   -moz-transition: border-color 250ms ease-in-out 0s;
			transition: border-color 250ms ease-in-out 0s;
}
.homepagenewspost .post__link:hover .postimg{
	border-color: #000;
}

.post .post__title{
	margin-bottom: .25em;
}

.post .post__date{
	text-align: center;
	margin-bottom: 1em;
}


@media only screen and (max-width:419px){
	.homepagenewsposts .gd-u:last-child{ display: none; }
}

@media only screen and (min-width:420px){
	.collectionimg { margin-left: 14%; margin-right: 14%; }
	.collectionimg--landscape{ margin-left: 0; margin-right: 0; }

}

@media only screen and (min-width:700px){
	.collectionimg { margin-left: 0%; margin-right: 0%; }
}

@media only screen and (min-width:1200px){
	.homepagenewsposts{
		margin: 4em 0 0; }
}


/*  ==========================================================================
    product tile
    ========================================================================== */

.producttile {
  	text-align: center;
	position:relative;
	margin-bottom:0em;
}

.product .productimg{
	border: solid 1px #e5e5e5;
	margin-bottom: 1em;
	-webkit-transition: border-color 250ms ease-out 0s;
	   -moz-transition: border-color 250ms ease-out 0s;
			transition: border-color 250ms ease-out 0s;
}

.product a:hover .productimg{
	border-color: #111;
}

.product img{
	width: 100%;
}

.producttile .producttile__title{ margin: .5em 0 0; font-weight:900; }

.producttile .post__link{
	display: block;
  	position: relative;
  	padding: 150% 0 0;
}

.producttileimgs{
  	width: 100%;
    position: absolute;
    top: 0;
    left: 0;

}

.producttileimg{
	padding: 100% 0 0;
  	position: absolute;
  	top: 0;
  	left: 0;
  	width: 100%;
  	background-repeat: no-repeat;
  	background-size: cover;
  	background-position: center center;
}

.producttile__detail{
	position: absolute;
 	left: 7.14%;
  	top: 70%;
  	right: 7.14%;
	color: #000;
	bottom: 0;
	-webkit-transition: bottom 250ms ease-out 0s, color 0ms ease-out 0s;
  	   -moz-transition: bottom 250ms ease-out 0s, color 0ms ease-out 0s;
  			transition: bottom 250ms ease-out 0s, color 0ms ease-out 0s;
}

.producttileimg--hover{
  	padding: 150% 0 0;
  	opacity: 0;
  	-webkit-transition: opacity 250ms ease-out 0s;
  	   -moz-transition: opacity 250ms ease-out 0s;
  			transition: opacity 250ms ease-out 0s;
}

.producttileimg--overlay{
	padding: 150% 0 0;
	background: #000;
	opacity: 0;
	width: 100%;
	height: 100%;
	-webkit-transition: opacity 250ms ease-out 0s;
  	   -moz-transition: opacity 250ms ease-out 0s;
  			transition: opacity 250ms ease-out 0s;
}

/*
// hover
*/

.producttile:hover .producttileimg--hover{ opacity: 1; }
.producttile:hover .producttileimg--overlay{ opacity: .1; }
.producttile:hover .producttile__detail{ top: auto; bottom: 5%; color: #fff; text-shadow: 0 0 50px rgba(0,0,0,.75); }


/*  ==========================================================================
    pagination
    ========================================================================== */

.pagination{
  	font-size: 0;
	font-size: 14px;
	border: solid 1px #e5e5e5;
	font-weight: 900;
	position: relative;
}

.pagination ul{ margin: 0; padding: 0; text-align: center;}

.pagination li{
	position: relative;
    background: #fff;
    display: inline-block;
    color: #000;
    text-align: center;
    margin: 0;
    padding: 0;
}

.pagination li.active,
.pagination li.deco{
	padding: 1em 1.33em;
	color: #aaa;
}

.pagination li{ display: none; }
.pagination li.arrow{ display: inline-block; float: right; }
.pagination li.arrow:first-child{ display: inline-block; float: left; }

.pagination li:first-child{ border-left: none;  }

.pagination li.arrow .fa{ padding: 0 0 0 .5em; }
.pagination li.arrow:first-child .fa{ padding: 0 .5em 0 0; }

.pagination li a{
	display: block;
	padding: 1em 1.33em;
	text-decoration: none;
}

.pagination li:hover a{
	text-decoration: underline;
}

@media screen and (min-width: 700px){
	.pagination li{ display: inline-block; border-left: solid 1px #e5e5e5; }

	.pagination li.arrow{ position: absolute; top: 0; right: 0; }
	.pagination li.arrow:first-child{ border-right: solid 1px #e5e5e5; position: absolute; right: auto; top: 0; left: 0;  }
	.pagination li.arrow:first-child + li{ border-left: none; }
}

@media only screen and (min-width: 1000px){
	.pagination li.active,
	.pagination li.deco,
	.pagination li a{ padding: 1.25em 1.5em; }
}

/*  ==========================================================================
    forms
    ========================================================================== */

/*input{ font-family: "futura-pt",sans-serif; }*/

::-webkit-input-placeholder {
   color: #000;
}

:-moz-placeholder { /* Firefox 18- */
   color: #000;
}

::-moz-placeholder {  /* Firefox 19+ */
   color: #000;
}

:-ms-input-placeholder {
   color: #000;
}

input[type="text"], textarea, input[type="email"]{
	width: 100%;
	border: 1px solid #000;
	outline: none;
	padding: .25em .5em;
	margin: .25em 0 0;
}

/*input[type="radio"]{
	display: none;
}*/

.input__wrapper{
	border: 1px solid #e5e5e5;
	padding: .66em;
}

.input__wrapper input{
	border:none;
	outline: none;
	width: 100%;
	padding: 0;
	margin: 0;
}

.input__wrapper select{
	width: 100%;
	display: block;
	border: none;
	padding:0;
	outline: none;
	background: none;
}

.wpcf7-radio{
	padding: .5em 0;
	display: block;
}

.wpcf7-list-item{
	margin-right: 20px;
}

.wpcf7-radio .wpcf7-list-item-label {
    display: inline-block;
    cursor: pointer;
    position: relative;
    padding: 5px 0  5px 0;
    margin-right: 5px;
}

/*span.wpcf7-list-item-label:before {
    content: "";
    display: inline-block;
 	line-height: 30px;
    width: 16px;
    height: 16px;
    margin-right: 10px;
    position: absolute;
    left: 0;
    bottom: 50%;
    margin-bottom: -8px;
    background-color: #fff;
    border: 1px solid #000;
}*/

input[type=radio]:checked + span.wpcf7-list-item-label:before {
    content: "\2022";
    color: #f3f3f3;
    font-size: 30px;
    text-align: center;
    line-height: 18px;
}

span.wpcf7-list-item { margin-left: 0 !important; }

.sortby__section{ margin-top: .5em; }

.select__wrapper{
	min-height: 1.4em;
	padding: .5em 0;
}

.select__wrapper .select{
  	position:absolute;
  	width:100%;
  	top:0;
    right:2px;
  	border: 1px solid #000;
  	padding:.5em 1em;
  	background:#fff;
  	z-index:10;
}


.select__wrapper .select li{
  list-style:none;
  display:none;
  cursor:pointer;
  font-size:0.9em;
  margin-bottom:.5em;
}

.select__wrapper .select li.selectlabel{ display:block; margin-bottom:0;}
.select__wrapper:hover .select{padding-top:1em;}
.select__wrapper:hover .select li.selectlabel{ display:none; margin-bottom:0; }
.select__wrapper:hover .select li{
	display:block;
}

.select__wrapper .select li:hover{
	text-decoration:underline;
}

.select__wrapper{
  	cursor:pointer;
  	position:relative;

}
.select__wrapper:after{
	content: "\f0d7";
    position: absolute;
  	right:15px;
  	top:1em;
  	font-size: 30px;
    display: inline-block;
  	font: normal normal normal 14px/1 FontAwesome;
  	z-index:100;

}





/*  ==========================================================================
    share icons
    ========================================================================== */


.shareiconslist{
	margin: 0; padding: 0;
	margin: 1em 0 0;
}

.shareiconslist li{ margin: 0; display: inline-block; }

.sharelink{
	display: inline-block;
	height: 2em;
	background: #000;
	line-height: 2em;
	margin: 0;
	color: #fff;
}

.sharelink:after { content: ""; height: 0; visibility: hidden; clear: both; display: block; }

.pageheader .sharelink{ margin: 0; }


.shareicon{
	width: 2em;
	text-align: center;
	display: block;
	float: left;
	color: #fff;
	padding: 0;
	border: none;

}

.shareicon .fa{ display: inline-block; padding: 0; }

.sharetext{
	color: #fff;
	overflow: hidden;
	font-size: .75em;
  	font-weight:500;
	display: block;
	float: left;
	text-align: right;
	width: 0;
	-webkit-transition: all .15s ease-in-out 0s;
	   -moz-transition: all .15s ease-in-out 0s;
	        transition: all .15s ease-in-out 0s;
	text-align: left;
}

.sharelink:hover .sharetext{
	width: 45px;
}

/*
// fixed
*/

.shareicons--fixed,
.shareicons--fixed .shareiconslist{
	height: 0;
	margin: 0;
}

.shareicons--fixed .sharelink{
	position: fixed;
	top: 70px;
	right: -2.5em;
	z-index: 90;
	text-align: right;
	-webkit-transition: right .3s ease-out 0s;
	   -moz-transition: right .3s ease-out 0s;
	        transition: right .3s ease-out 0s;
}

.shareicons--fixed .sharelink--facebook{
}

.shareicons--fixed .sharelink--twitter{
	z-index: 89;
	margin-top: 2.15em;
	-webkit-transition-delay: .12s;
       -moz-transition-delay: .12s;
	        transition-delay: .12s;
}

.shareicons--fixed .sharelink--pinterest{
	z-index: 89;
	margin-top: 4.30em;
	-webkit-transition-delay: .24s;
       -moz-transition-delay: .24s;
	        transition-delay: .24s;
}

.body--showfixedsharingicons .shareicons--fixed .sharelink{ right: 0; }

@media only screen and (min-width:500px){
	.shareicons--fixed .sharelink{ top: 70px; }
}

@media only screen and (min-width:700px){
	.shareicons--fixed .sharelink{ top: 75px; }
}

@media only screen and (min-width:1600px){
	.shareicons--fixed .sharelink{ top: 85px; }
}


/*  ==========================================================================
    masonry gallery
    ========================================================================== */

.gallery__sizer, .gallery__item {
	width: 25%;
}

.gallery{
	margin: 0 -20px 0 0;
	opacity: 1;
	-webkit-transition: opacity .5s ease-out 0s;
	   -moz-transition: opacity .5s ease-out 0s;
			transition: opacity .5s ease-out 0s;
}

.gallery--initload{ opacity: 0; }

.gallery__item{
	padding: 0 20px 20px 0;
	box-sizing: border-box;
}
.gallery__item img{
	width: 100%;
	height: auto;
}



/*.bodywrapper.loadingcontent{
	height: 600px;
}*/

.bodywrapper{
	opacity: 1;
	-webkit-transition: opacity 0.5s ease-in;
    -moz-transition: opacity 0.5s ease-in;
    -o-transition: opacity 0.5s ease-in;
    transition: opacity 0.5s ease-in;
}

.bodywrapper.loadingcontent{
	opacity: 0;
}

.bodywrapper.loadingcontent .loader{
	position: absolute;
	top:50%;
	left: 50%;
	margin: -40px 0 0 -40px;
	width: 80px;
	height: 80px;
	display: block;
	opacity: 1;
  	background: url({{'preloader.gif' | asset_url }});
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-position: center center;
}

/*
// contact us
*/


.contactcols--last{
	margin-bottom: 2em;
}

.contactcols .padder{ padding: 0; }

.contactcol{
	border-top: solid 1px #e5e5e5;
	padding: 1em 0;
}

.contactcol--last{ border-bottom: solid 1px #e5e5e5; }

@media only screen and (min-width:550px){
	.contactcols{ border-top: solid 1px #e5e5e5; text-align: center; }
	.contactcols--last{ border-bottom: solid 1px #e5e5e5; }
	.contactcol{ border: none; padding: 1.25em; }
}

@media only screen and (min-width:1000px){
	.contactcol{ padding: 1.5em 0; }
}

.sectioncopy__wrapper img.sectioncopy__img{
	float: right;
	margin: 0 0% 2em 2em;
	max-width: 50%;
}


.sectioncopy__wrapper img.sectioncopy__img--left{
	float: left;
	margin: 0 2em 2em 0em;
}

@media only screen and (min-width:1000px){
	.sectioncopy__wrapper img.sectioncopy__img{ margin: 0 -7% 2em 2em; }
	.sectioncopy__wrapper img.sectioncopy__img--left{ margin: 0 2em 2em -7%;  }
}

@media only screen and (min-width:1400px){
	.sectioncopy__wrapper img.sectioncopy__img{ margin: 0 -12% 2em 2em; }
	.sectioncopy__wrapper img.sectioncopy__img--left{ margin: 0 2em 2em -12%;  }
}



/*  ==========================================================================
    WP classes
    ========================================================================== */

.sectioncopy__wrapper img.alignleft{
	float: left;
	margin: 0 1.5em 1.5em 0;
	display: block;
}

.sectioncopy__wrapper img.alignright{
	float: right;
	margin: 0 0 1.5em 1.5em;
	display: block;
}

@media only screen and (min-width: 700px){
	.sectioncopy__wrapper img.alignleft,
	.sectioncopy__wrapper img.alignright{ width: 50%; }
}

.sizingtable{
	text-align: center;
	width: 100%;
	margin: 0 0 1.5em;
}

.sizingtable td,
.sizingtable th{
	padding: .5em .5em;
	border-bottom: solid 1px #e5e5e5;
}



.sizingtable thead th{
	font-weight: normal;
	font-size: 12px;
	color: #999;
	vertical-align: bottom;
}

.sizingtable .sizeth{
	text-align: left;
	padding-left: 0;
}

hr.separator,
hr.seperator{
	margin-left: 0;
}


@media only screen and (min-width: 1200px){
	.sizingtables{
		margin-left: -50%;
		margin-right: -50%;
	}

	.sizingtable{
		width: 47.5%;
		float: left;
		margin-right: 2.5%;
	}
	.sizingtable:nth-child(2){
		margin-right: 0%;
		margin-left: 2.5%;
	}

	.sizingtable thead th{ height: 4em; }
}

@media only screen and (min-width: 1400px){
	.sizingtables{
		margin-left: -40%;
		margin-right: -40%;
	}
}





/*  ==========================================================================
    imgsection
    ========================================================================== */

.imgsection{
	position: relative;
	padding: 0 0 2em;
	border-bottom: solid 1px #e5e5e5;
	margin: 0 0 2em;
	text-align: center;
}

.imgsection__img{ max-width: 100%; }
.imgsection__img--screen{ display: none; }

.imgsection:last-child{ border-bottom: none; margin-bottom: 0; }

.imgsection__heading{ margin-top: 1em; }

@media only screen and (min-width:700px){

	.imgsection{ margin: 0 0 3em; padding: 0 0 3em; }

	.imgsection{ max-width: 40em; margin-left: auto; margin-right: auto; }

	.imgsection--withimg { text-align: left; max-width: 9999px; }

	.imgsection--withimg .imgsection__content{
		width: 45%;
		float: right;
	}

	.imgsection__img--mobile{ display: none; }

	.imgsection__img--screen{
		display: block;
		width: 50%;
		padding: 60% 0 0;
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center center;
	}

	.imgsection--withimg:nth-child(even) .imgsection__content{
		float: left;
	}

	.imgsection--withimg:nth-child(even) .imgsection__img--screen{
		float: right;
	}

	.imgsection--withimg:nth-child(odd) .imgsection__img--screen{
		float: left;
	}

}


/*  ==========================================================================
    pagesections
    ========================================================================== */


.pagesections{
}


.pagesection{
	border-top: solid 1px #e5e5e5;
	padding: 10% 0;
}

.pagesection:first-child{ margin-top: 10%; }

.pagesection__heading{ margin-top: 0; }

@media only screen and (min-width:700px){
	.pagesection:first-child{ margin-top: 7.14%; }
	.pagesection{ padding: 7.14% 0; }

}


/*  ==========================================================================
    sidebar
    ========================================================================== */

.jumpnav:after{
	content: ' ';
	display: block;
	width: 1.25em;
	border-bottom: solid 1px #ddd;
	margin: 1em 0 1.5em;
}

.jumpnav__heading{
	margin: 0;
	font-size: 1em;
}

.jumpnav__heading:after{
	content: ' ';
	display: block;
	width: 1.25em;
	border-bottom: solid 1px #ddd;
	margin: 1em 0;
}

.jumpnav ul{
	margin: 0;
	padding: 0;
	list-style: none;
}

.jumpnav li{
	padding: 0 0 1em 0;
}

.jumpnav a{
	text-decoration: none;
}

.jumpnav a:hover{
	text-decoration: underline;
}



@media only screen and (min-width:700px){
	.jumpnav:after{
		display: none;
	}
	.sidebar{
		position: absolute;
		top: 0;
		left: 0;
		width: 25%;
		height: 100%;
	}
	.body--pinsidebar .sidebar__inner{
		position: fixed;
		left: 7.14%;
		width: 21.5%;
		top: 0;
		padding-top: 7%;
		margin-top: 73px;
	}
}

@media only screen and (min-width:1200px){
	.sidebar{ width: 17.5%; }
	.body--pinsidebar .sidebar__inner{ width: 15%; }
}

.body--pinsidebarbottom .sidebar__inner{
	position: absolute;
	bottom: 0;
	left: 0;
	top: auto;
	width: 100%;
}

/*  ==========================================================================
    sideheader
    ========================================================================== */


.sideheader{
}

.sideheader__heading{
	margin-top: 0;
}

@media only screen and (min-width:700px){
	.sideheader__header{
		width: 33%;
		float: left;
		box-sizing: border-box;
		padding-right: 5%;
	}

	.sideheader__content{
		width: 66.6%;
		float: left;
	}
}

@media only screen and (min-width:1200px){
	.sideheader__header{ width: 25%; }
	.sideheader__content{ width: 75%; }
}

/*  ==========================================================================
    jobs
    ========================================================================== */


.jobs{
	border-top: solid 1px #e5e5e5;
}

.job__heading{ margin: .25em 0 .25em; }

.job{
	border-bottom: solid 1px #e5e5e5;
}

.joblist .gd-u:last-child .job{ border-bottom: 0; margin-bottom: 0; }

.job__cta{ font-weight: 900; }

.job__cta:before{
	content: ' ';
	display: block;
	width: 1.25em;
	border-bottom: solid 1px #ddd;
	margin: 1em 0;
}

.job__cta a{ display: inline-block; }

@media only screen and (min-width: 1200px){
	.job{  border-bottom: none; padding-right: 10%; }
}




/*  ==========================================================================
	flex
	========================================================================== */

.pagecontent--nocontent .flex:first-child{ margin-top: 0; }

.flex{
	margin: 10% 0;
}

.flex__heading{
	margin: 0 0 .33em;
}



@media only screen and (min-width:700px){
	.flex{ margin: 10% 0; }
}

.flex:last-child{ margin-bottom: 0; }

/*  ==========================================================================
	flex--faqs
	========================================================================== */


.faqs{
	border-top: 1px solid #ddd;
    position: relative;
}

.faq{
	display: block;
	position: relative;
    border-bottom: 1px solid #ddd;
}

.faq__question{
	margin: 0;
	border-top: none;
	padding: 1em 0 1em 3em;
	position: relative;
	cursor: pointer;
	color: #000;
	font-size: 1em;
}

.faq__question:hover{ color: #888; }

.faq__question .fa{
	position: absolute;
	top: 1em;
	left: 1em;
	display: block;
	line-height: 1.2;
	-webkit-transition: -webkit-transform 150ms ease-out 0s;
	   -moz-transition: -moz-transform 150ms ease-out 0s;
	transition: transform 150ms ease-out 0s;
}

.faq__answer .inner{
	margin: 0;
	padding: 0em 0em 1em 3em;
}

.faq__answer{
    height: 0;
    overflow: hidden;
    opacity: 0;
    -webkit-transform: translate(0, -1em);
       -moz-transform: translate(0, -1em);
            transform: translate(0, -1em);
    -webkit-transition: height 0ms linear 260ms, opacity 250ms ease-out 0ms, -webkit-transform 150ms ease-out 0ms;
       -moz-transition: height 0ms linear 260ms, opacity 250ms ease-out 0ms,    -moz-transform 150ms ease-out 0ms;
            transition: height 0ms linear 260ms, opacity 250ms ease-out 0ms,         transform 150ms ease-out 0ms;
}

.faq--open .faq__answer{
    -webkit-transition: height 0ms linear 0ms, opacity 250ms ease-out 10ms, -webkit-transform 150ms ease-out 10ms;
       -moz-transition: height 0ms linear 0ms, opacity 250ms ease-out 10ms,    -moz-transform 150ms ease-out 10ms;
            transition: height 0ms linear 0ms, opacity 250ms ease-out 10ms,         transform 150ms ease-out 10ms;
    height: auto;
    opacity: 1;
    -webkit-transform: translate(0, 0em);
       -moz-transform: translate(0, 0em);
            transform: translate(0, 0em);
}

.faq--open .faq__question{ color: #888888; }

.faq--open .faq__question .fa{
	-webkit-transform: rotate(-180deg);
	   -moz-transform: rotate(-180deg);
			transform: rotate(-180deg);
}

/*  ==========================================================================
	flex--image
	========================================================================== */

.fleximg{
}

.fleximg__img{
	width: 100%;
	display: block;
}


.fleximg__caption{
	margin-top: 1em;
	color: #888;
}

.fleximg__caption:after{
	content: ' ';
	display: block;
	width: 1.5em;
	border-bottom: solid 1px #ddd;
	margin: 1em 0 0;
}


/*  ==========================================================================
	flex--quote
	========================================================================== */

.flexquote{}

.flexquote__quote{
	margin: 0;
	padding: 0;
}

.flexquote__quote p{ margin: 0 0 0.5em; }

.flexquote__quotemark{
	line-height: 1;
	font-family: Georgia, Times New Roman, serif;
}

.flexquote__cite{
	text-align: right;
	font-style: normal;
	display: block;
}

@media only screen and (min-width:550px){
	.flexquote{ padding-left: 7.14%; padding-right: 7.14%; }
}

@media only screen and (min-width:800px){
	.flexquote{ padding-left: 7.14%; padding-right: 0; }
}

@media only screen and (min-width:1200px){
	.flexquote{ padding-left: 7.14%; padding-right: 7.14%; }
}


/*  ==========================================================================
	flex--video
	========================================================================== */

.flexvideo{
}

.flexvideo__videocode{
	padding: 56.6% 0 0;
	position: relative;
}

.flexvideo__videocode *{ display: none; }

.flexvideo__videocode iframe{
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
}

.flexvideo__caption{
	margin-top: 1em;
	color: #888;
}

.flexvideo__caption:after{
	content: ' ';
	display: block;
	width: 1.5em;
	border-bottom: solid 1px #ddd;
	margin: 1em 0 0;
}

/*  ==========================================================================
	flex--peek
	========================================================================== */

.flex--peek{
	padding: 50% 0 0;
	background-color: #000;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	margin-left: -8.3%;
	margin-right: -8.3%;
}

.no-touch .flex--peek{
	background-attachment: fixed;
	padding: 15% 0 0;
}

@media only screen and (min-width: 550px){
	.flex--peek{ padding: 33% 0 0; }

	.no-touch .flex--peek{ padding: 10% 0 0; }
}

@media only screen and (min-width: 700px){
	.no-touch .flex--peek{ padding: 10% 0 0; }
	.flex--peek{
		margin-left: -20%;
		margin-right: -20%;
	}
}

@media only screen and (min-width: 1000px){
	.no-touch .flex--peek{ padding: 10% 0 0; }
	.flex--peek{
		margin-left: -50%;
		margin-right: -50%;
	}
}

@media only screen and (min-width: 1200px){
	.flex--peek{
		margin-left: -67%;
		margin-right: -67%;
	}
}

/*  ==========================================================================
	flex--textcols
	========================================================================== */

.textcol{
	box-sizing: border-box;
	margin: 0 0 5%;
}

.textcol p{ text-align: left; }

.textcol__heading{ margin-top: 0; }

@media only screen and (min-width:550px){
	.flex--textcols .gd-g{ margin-right: -2em; }
	.flex--textcols--2 .textcol{ margin: 0; }
	.textcol{ padding-right: 2em; }
}

@media only screen and (min-width:700px){
	.flex--textcols--3{ margin-left: -8.3%; margin-right: -8.3%; }
	.flex--textcols--3 .textcol{ margin: 0; }
}

@media only screen and (min-width:1000px){
	.flex--textcols--3{ margin-left: -33%; margin-right: -33%; }
}

@media only screen and (min-width:1200px){

}

/*  ==========================================================================
	flex--textcols
	========================================================================== */

.flex--logos{ text-align: center; }

.logos{
	margin-bottom: -1em;
}

.flexlogos__heading{ margin: 0; }

.flexlogos__heading:after{
	content: ' ';
	border-bottom: solid 1px #ddd;
	display: block;
	width: 1em;
	margin: .5em auto 0;
}

.logos .logoitem{ margin: 1em 0 1em 0; }

.logos .logoitem img{
	display: block;
	width: 66.6%;
	margin: 0 auto;
}

@media only screen and (min-width:400px){
	.logos .logoitem img{ width: 50%; }
}

@media only screen and (min-width:700px){
	.logos{ margin-left: -8.3%; margin-right: -8.3%; }
}

@media only screen and (min-width:1000px){
	.logos{ margin-left: -33%; margin-right: -33%; }
}

@media only screen and (min-width:1200px){
	.logos{ margin-left: -50%; margin-right: -50%; }
}

/*  ==========================================================================
	flex--sideheader
	========================================================================== */


.flex--sideheader{
	border-top: solid 1px #ddd;
}

.flex--peek + .flex--sideheader{ margin-top: -8%; border-top: none; }
.flex--sideheader + .flex--sideheader{ margin-top: 0; }

.flexsideheader__heading{
	margin-top: 0;
}

.gridlist{
	margin: 0 0 1em;
	padding: 0;
	list-style: none;
}

.gridlist li{
	box-sizing: border-box;
	width: 45%;
	margin-right: 5%;
	border-top: solid 1px #ddd;
	padding: .5em 0em .5em 0;
	float: left;
}

@media only screen and (min-width:700px){
	.flexsideheader__header{
		width: 33%;
		float: left;
		box-sizing: border-box;
		padding-right: 5%;
	}

	.flexsideheader__content{
		width: 66.6%;
		float: left;
	}

	.flex--sideheader{ margin-left: -8.3%; margin-right: -8.3%; }
}

@media only screen and (min-width:1000px){
	.flex--sideheader{ margin-left: -33%; margin-right: -33%; }

}

@media only screen and (min-width:1200px){
	.flex--sideheader{ margin-left: -50%; margin-right: -50%; }

	.flexsideheader__header{ width: 25%; }
	.flexsideheader__content{ width: 50%; }
	.flexsideheader__content--listed{ width: 75%; }

	.gridlist li{ width: 30%; margin-right: 3.3%; }
}

/*  ==========================================================================
    desktop search
    ========================================================================== */
.inlinenavlist li.sitenavitem--search{
  	position: relative;
	cursor: pointer;

}

.sitenavlist a.searchplaceholder{
	visibility: hidden;
  	padding: 2em 1em;
}


.sitenavitem--search .field__input{
	position: absolute;
  	top: 1em;
  	left: 0;
  	right: 0;
  	padding: 1em 1em;
    border: 1px solid rgba(229,229,229,0);
  	border-radius: 4em;
  	transition: left 250ms ease-out 150ms, border 150ms ease-out 0ms;
}

.sitenavitem--search .field__input .field__label{
	position: absolute;
  	left: 1em;

}
.sitenavitem--search .field__input input{
  	position: absolute;
  	left: 1em;
	width: 0;
  	border:none;
	padding: 0;
  	outline: none;
  	background: transparent;
}

.sitenavitem--search.open .field__input{
	border: 1px solid rgba(229,229,229,1);

  	left: -180px;
  	background: #fff;
}
.sitenavitem--search.open .field__input input{
	width: 180px;
}

.sitenavitem--search .field__input a{
    padding: 0;
}


/*  ==========================================================================
    searchpopup
    ========================================================================== */

.searchpopup{
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 100%;
	right: 0;
	bottom: 0;
	color: #fff;
	text-align: center;
	z-index: 99;
	transition: opacity 250ms ease-out 0ms, top 250ms ease-out 0ms, left 0ms linear 250ms;
	opacity: 0;
	top: 1em;
}

.searchpopupoverlay{
	position: fixed;
	z-index: 98;
	top: 0;
	left: 100%;
	right: 0;
	bottom: 0;
	background: #000;
	opacity: 0;
	transition: opacity 300ms ease-out 0ms, left 0ms linear 500ms;
}

.popupsearch--open .searchpopup{
	left: 0;
	opacity: 1;
	top: 0em;
	-webkit-transition: opacity 500ms ease-out 250ms, top 500ms ease-out 250ms, left 0ms linear 0ms;
	   -moz-transition: opacity 500ms ease-out 250ms, top 500ms ease-out 250ms, left 0ms linear 0ms;
			transition: opacity 500ms ease-out 250ms, top 500ms ease-out 250ms, left 0ms linear 0ms;
}

.popupsearch--open .searchpopupoverlay{
	left: 0;
	opacity: .88;
	-webkit-transition: opacity 500ms ease-out 5ms, left 0ms linear 0ms;
	   -moz-transition: opacity 500ms ease-out 5ms, left 0ms linear 0ms;
			transition: opacity 500ms ease-out 5ms, left 0ms linear 0ms;
}

.searchpopup:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  margin-right: -0.25em; /* Adjusts for spacing */
}

.searchpopupform{
	width: 85.72%;
	display: inline-block;
	vertical-align: middle;
}

.searchpopupform .field__label{
	display: block;
	font-weight: 700;
	margin: 0 0 .75em;
}

.searchpopupform .field__note{ margin: .75em 0 0; }
.searchpopupform .field__note strong{ font-weight: 700; cursor: pointer; }

.searchpopupform .field__input{
	padding: .66em 3.5em .66em .66em;
	border: solid 1px #fff;
	font-size: 1.5em;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	position: relative;
}

.searchpopupform .field__input input{
	background: none;
	border: none;
	padding: 0;
	color: #fff;
	width: 100%;
	outline: none;
	text-align: left;
}

.searchpopupbtn{
	width: 2.75em;
	padding: .66em;
	color: #fff;
	position: absolute;
	top: 0;
	right: 0;
}

.searchpopupbtn:hover{ background: #fff; color: #333; }

.searchpopupbtn .fa{ padding: 0; }


.searchpopupform ::-webkit-input-placeholder { color: #aaa; }
.searchpopupform :-moz-placeholder { color: #aaa; }
.searchpopupform ::-moz-placeholder { color: #aaa; }
.searchpopupform :-ms-input-placeholder { color: #aaa; }

@media only screen and (min-width:550px){
	.searchpopupform .field__input{ font-size: 1.75em; }
}

@media only screen and (min-width:700px){
	.searchpopupform .field__input{ font-size: 2em; }
	.searchpopupform{ width: 75%; }
}




/*  ==========================================================================
    Browser Helper classes
    ========================================================================== */

.mobile{ display: block; }
.desktop{ display: none; }

@media only screen and (min-width:600px){
	.desktop{ display: block; }
	.mobile{ display: none; }
}


/* 	==========================================================================
   	Helper classes
   	========================================================================== */

/*
 * Hide visually and from screen readers:
 * http://juicystudio.com/article/screen-readers-display-none.php
 */

.hidden {
    display: none !important;
    visibility: hidden;
}

/*
 * Hide only visually, but have it available for screen readers:
 * http://snook.ca/archives/html_and_css/hiding-content-for-accessibility
 */

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

/*
 * Extends the .visuallyhidden class to allow the element
 * to be focusable when navigated to via the keyboard:
 * https://www.drupal.org/node/897638
 */

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

/*
 * Hide visually and from screen readers, but maintain layout
 */

.invisible {
    visibility: hidden;
}

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */

.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.clearfix:after {
    clear: both;
}

/* ==========================================================================
   EXAMPLE Media Queries for Responsive Design.
   These examples override the primary ('mobile first') styles.
   Modify as content requires.
   ========================================================================== */

@media only screen and (min-width: 35em) {
    /* Style adjustments for viewports that meet the condition */
}

@media print,
       (-o-min-device-pixel-ratio: 5/4),
       (-webkit-min-device-pixel-ratio: 1.25),
       (min-resolution: 120dpi) {
    /* Style adjustments for high resolution devices */
}

/* ==========================================================================
   Print styles.
   Inlined to avoid the additional HTTP request:
   http://www.phpied.com/delay-loading-your-print-css/
   ========================================================================== */

@media print {
    *,
    *:before,
    *:after {
        background: transparent !important;
        color: #000 !important; /* Black prints faster:
                                   http://www.sanbeiji.com/archives/953 */
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    /*
     * Don't show links that are fragment identifiers,
     * or use the `javascript:` pseudo protocol
     */

    a[href^="#"]:after,
    a[href^="javascript:"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    /*
     * Printing Tables:
     * http://css-discuss.incutio.com/wiki/Printing_Tables
     */

    thead {
        display: table-header-group;
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}


.footerlegal__copyright a{ text-decoration: none; }