body {
	background-color: #28231f;
	margin: 0;
	padding: 0;
}
#maincontainer {
	background-color: #ffffff;
	padding: 40px 0;
}
#sidebarleft, #content, #sidebarright {
	min-height: 1px;
}
#header {
	padding: 20px 0 0 0;
}
#footer {
	padding: 0 0 20px 0;
}
#main {
	padding: 20px 0;
}
.sqrlogo {
	background-color: #0c0a08;
}
.sqrlogo>div {
	margin: 0 auto;
	max-width: 1100px;
	box-sizing: border-box;
}
.sqrlogo>div:after {
  	visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}
.sqrlogo>div img {
	display: block;
	border: 0;
	float: left;
	padding: 16px 20px;
	box-sizing: border-box;
}
.sqrlogo>div>form {
	box-sizing: border-box;
	display: block;
	margin: 0;
	display: block;
	width: 200px;
	float: right;
	padding: 19px 20px;
}
.sqrlogo>div>form>input {
	box-sizing: border-box;
  	display: block;
	padding: 8px 8px 8px 36px;
  	width: 100%;
	border: 0;
	margin: 0;
	outline: none;
	color: #8a8683;
	font: 16px 'PT Sans',Tahoma,Helvetica,sans-serif;
	height: 36px;
	-webkit-appearance: none;
	border-radius: 4px;
	background: #46413a url(design.search.svg) 12px 50% no-repeat;
}
@media screen and (max-width: 767px) {
	.sqrlogo>div img {
		float: none;
	}
	.sqrlogo>div>form {
  		float: none;
  		width: 100%;
  		padding: 0;
	}
	.sqrlogo>div>form>input {
		border-radius: 0px;
		padding: 16px 8px 16px 42px;
		background-position: 20px 50%;
	}
}
.sqrnav {
	display: block;
	margin: 0;
	padding: 0;
	background-color: #28231f;
	z-index: 800;
	-webkit-user-select: none;
	user-select: none;
}
.sqrfixedmenu .sqrnav {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
   	opacity: 0.97;
}
#sqrmenuspacer {
	height: 54px;
	display: none;
}
.sqrfixedmenu #sqrmenuspacer {
	display: block;
}
.sqrnav a {
	display: block;
	margin: 0;
	padding: 16px 22px;
	color: #8a8683;
	text-decoration: none;
	-webkit-tap-highlight-color: transparent;
	line-height: 22px;
	transition: background-color 0.2s, color 0.2s, border-top-color 0.2s;
}
.sqrnav>ul li {
	display: block;
	margin: 0;
	padding: 0;
	position: relative;
}
@media screen and (max-width: 767px) {
	nav.sqrnavopen {
  		position: fixed;
  		top: 0;
  		left: 0;
  		bottom: 0;
  		right: 0;
  		overflow-y: auto;
  	}
  	.sqrnav a, .sqrnav form {
    	border-bottom: 1px solid rgba(255, 255, 255, 0.075);
  	}
  	.sqrnav a.sqrnavshow  {
    	background: url(design.menu.svg) right center no-repeat;
  	}
  	.sqrnav a.sqrnavhide {
    	background: url(design.close.svg) right center no-repeat;
  	}  	
  	.sqrnav li.sqrnavmore>a {
		background: url(design.moreright.svg) right center no-repeat;
  	}
	.sqrnav li.sqrnavopen>a {
    	background-image: url(design.moredown.svg);
  	}
  	.sqrnav .sqrnavshow {
    	display: block;
  	}
	.sqrnav .sqrnavhide {
    	display: none;
  	}
	.sqrnavopen>a.sqrnavshow {
    	display: none;
  	}
	.sqrnavopen>a.sqrnavhide {
    	display: block;
  	}
  	.sqrnav li.sqrnavopen>ul {
    	display: block;
  	}
  	.sqrnav ul {
    	display: none;
    	margin: 0 auto;
    	padding: 0;
    	list-style: none;
  	}
  	.sqrnav ul ul {
    	display: none;
  	}
  	.sqrnav ul li li>a {
    	padding-left: 44px;
  	}
  	.sqrnav ul li li li>a {
    	padding-left: 66px;
  	}
  	.sqrnavopen>ul {
    	display: block;
  	}
}
@media screen and (min-width: 768px) {
	.sqrnav>ul>li>a {
		border-top: 3px solid transparent;
		border-bottom: 3px solid transparent;
		padding: 13px 22px;
	}
	.sqrnav li:hover>a, .sqrnav>ul>li.sqrnavopen>a {
		background-color: #46413a;
		color: #ffffff;
	}
	.sqrnav>ul>li:hover>a, .sqrnav>ul>li.sqrnavopen>a  {
		border-top-color: #8a8683;
	}
	.sqrnav li.active>a {
		color: #ffffff;	
	}
	.sqrnav>ul>li.active>a {
		border-top-color: #876a43;
		background-color: #46413a;
	}
  	.sqrnav>a {
    	display: none;
  	}
  	.sqrnav>ul {
    	box-sizing: border-box;
    	display: block;
    	max-width: 1100px;
    	margin: 0 auto;
    	padding: 0;
    	list-style: none;
    	width: 100%;
  	}
	.sqrnav>ul:after {
    	visibility: hidden;
    	display: block;
    	font-size: 0;
    	content: " ";
    	clear: both;
    	height: 0;
  	}
  	.sqrnav>ul>li {
    	float: left;
  	}
  	.sqrnav>ul li>ul {
    	position: absolute;
    	background-color: #46413a;
    	width: 30vw;
    	max-width: 320px;
    	display: block;
    	left: -9999px;
    	margin: 0;
    	padding: 0;
    	list-style: none;
    	z-index: 1000;
    	transform: translateY(-5px);
    	opacity: 0;
    	transition: transform 0.2s, opacity 0.2s;
  	}
  	.sqrnav>ul>li li {
    	border-bottom: 1px solid rgba(255, 255, 255, 0.075);
  	}
  	.sqrnav>ul>li.sqrnavmore>a {
    	background-image: url(design.moredown.svg);
    	background-position: right center;
    	background-repeat: no-repeat;
    	padding-right: 44px;
  	}
  	.sqrnav>ul>li li.sqrnavmore>a {
    	background-image: url(design.moreright.svg);
    	background-position: right center;
    	background-repeat: no-repeat;
    	padding-right: 44px;
  	}
  	.sqrnav>ul>li.sqrnavopen>ul {
    	left: 0;
    	transform: translate(0);
    	opacity: 0.97;
  	}
  	.sqrnav>ul>li ul li.sqrnavopen>ul {
    	left: 100%;
    	top: 0;
    	transform: none;
    	opacity: 1;
  	}
 	.sqrnav>ul>li.sqrnavhome>a>span, .sqrnav>ul>li.sqrnavshop>a>span {
    	display: none;
  	}
  	.sqrnav>ul>li.sqrnavhome>a {
    	background-image: url(design.home.svg);
    	background-repeat: no-repeat;
    	background-position: center center;
    	width: 16px;
    	height: 22px;
    	padding: 13px 12px;
  	}  	
  	
  .sqrnav>ul>li.sqrnavshop {
    float: right;
  }
  
    	
  	.sqrnav>ul>li.sqrnavopen.sqrnavshop>ul {
    left: auto;
    right: 0;
    opacity: 1;
  }
  	
  	
  	
}

@media screen and (min-width: 1024px) {
	.sqrallwaysboxed, 
	.sqrmobilefullwidth,
	.sqrdesktopboxed {
		box-sizing: border-box;
		padding-left: 20px;
		padding-right: 20px;
		max-width: 1100px;
		margin-left: auto;
		margin-right: auto;
	}
	.sqrallwaysboxed .sqrallwaysboxed,
	.sqrdesktopboxed .sqrdesktopboxed,
	.sqrmobilefullwidth .sqrallwaysboxed,
	.sqrdesktopboxed .sqrallwaysboxed,
	.sqrdesktopboxed .sqrmobilefullwidth,
	.sqrdesktopremovebox .sqrallwaysboxed,
	.sqrdesktopremovebox .sqrmobilefullwidth {
		padding-left: 0;
		padding-right: 0;
		margin-left: 0;
		margin-right: 0;
	 }
	.sqrmain2col>div {
    	box-sizing: border-box;
    	width: 48%;
    	float: left;
    	margin-right: 4%;
  	}
  	.sqrmain2col>div:last-child {
    	margin-right: 0;
  	}
  	.sqrmain3col>div {
    	box-sizing: border-box;
    	width: 30.6666666666%;
    	float: left;
    	margin-right: 4%;
  	}
  	.sqrmain3col>div:last-child {
    	margin-right: 0;
  	}
  	.sqrmain3collr>div {
    	box-sizing: border-box;
    	width: 50%;
    	float: left;
  	}
  	.sqrmain3collr>div:first-child {
    	width: 21%;
    	margin-right: 4%;
  	}
  	.sqrmain3collr>div:last-child {
    	width: 21%;
    	margin-left: 4%;
  	}
  	.sqrmain2coll>div {
    	box-sizing: border-box;
    	width: 75%;
    	float: left;
  	}
  	.sqrmain2coll>div:first-child {
    	width: 21%;
    	margin-right: 4%;
  	}
  	.sqrmain2colr>div {
    	box-sizing: border-box;
    	width: 75%;
    	float: left;
  	}
  	.sqrmain2colr>div:last-child {
    	width: 21%;
    	margin-left: 4%;
  	}
	.sqrmain3col:after, 
	.sqrmain2col:after,
	.sqrmain3collr:after,
	.sqrmain2coll:after,
	.sqrmain2colr:after {
    	visibility: hidden;
    	display: block;
    	font-size: 0;
    	content: " ";
    	clear: both;
    	height: 0;
  	}
  	.sqrallwaysfullwidth .sqrsuppressborders {
  		border-left: 0 !important;
  		border-right: 0 !important;
  	}
}
@media screen and (max-width: 1023px) {
	.sqrallwaysboxed,
	.sqrmobileboxed 
	{
		box-sizing: border-box;
		padding-left: 20px;
		padding-right: 20px;
	}
	.sqrallwaysboxed>.sqrallwaysboxed,
	.sqrallwaysboxed>.nguiparagraphcontainer>.sqrallwaysboxed
	 {
		padding-left: 0;
		padding-right: 0;
		margin-left: 0;
		margin-right: 0;
	 }
	 .sqrmobileboxedimportant {
		padding-left: 20px !important;
		padding-right: 20px !important;
	 }	
	 .sqrmobilehidden {
	 	display: none;
	 }
	 
	 .sqrallwaysfullwidth .sqrsuppressborders,
	 .sqrmobilefullwidth .sqrsuppressborders
  	{
  		border-left: 0 !important;
  		border-right: 0 !important;
  	}
}
footer {
	margin: 0;
	padding: 10px 0 30px 0;
}
footer>div {
	max-width: 1100px;
	margin: 0 auto;
	padding: 20px 20px 0 20px;
	box-sizing: border-box;
  	color: #8a8683;
}
footer a {
  	text-decoration: none;
  	color: #8a8683;
  	transition: color 0.3s;
  	text-decoration: none;
  	font-weight: normal;
  	padding: 0 10px 10px 0;
}

footer a:hover {
  	color: #ffffff;
  	text-decoration: none;
  	font-weight: normal;
}


.sqrheaderbox {
	background: #0c0a08 url(design.fade.svg) 0 0 repeat-x;
}
.sqrheaderbox>div {
	max-width: 1100px;
	padding: 60px;	
	margin: 0 auto;
	box-sizing: border-box;
}
@media screen and (max-width: 767px) {
	.sqrheaderbox>div {
		padding: 20px;
	}
}
.sqrheaderbox {
	color: #ffffff;
}
#sqrheader {
	position: relative;
	overflow: hidden;
	padding: 0;
	background-color: #ffffff;
}
#sqrheader #headercontainer img, #sqrheader #headercontainer video {
	width: 100%;
	display: block;
	border: 0;
	position: absolute;
	height: 100%;
}
#sqrheader #headercontainer img.headersliderpri {
	z-index: 1;
	transition: none;
	-webkit-transition: none;
	opacity: 1;
}
#sqrheader #headercontainer img.headerslidersec {
	z-index: 2;
	transition: none;
	opacity: 0;
}
#sqrheader #headercontainer img.headerslidersecout {
	transition: opacity 0.5s, transform 0.5s;
	opacity: 1;
}
#headercontainer {
	position: absolute;
}
#headersliderbullets {
	box-sizing: border-box;
	padding: 20px;
	position: absolute;
	bottom: 0;
	right: 0;
	z-index: 3;
}
#headersliderbullets:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}
#headersliderbullets a {
	width: 24px;
	height: 24px;
	background: url(design.nav.svg) no-repeat left top;
	float: left;
}
#headersliderbullets a.active {
	background-position: left bottom;
}