html, body {
    -moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	min-height: 100vh;
	height: 100vh;
}

html {
	background: #151922;
}

body {
	margin: 0;
	padding: 0;
	-webkit-text-size-adjust: 100%;
}



#filltop {
	background: #151922;
}

#fillbottom {
	background: #ffffff;
}

#contentcontainer {
	box-sizing: border-box;
	padding: 0px 0 0px 0;
}





#commontopcontainer {
	box-sizing: border-box;
	background: #828282;
	padding: 0px 0 0px 0;

}



#commontop {
	box-sizing: border-box;
	background: #151922;
	padding: 20px;
    text-align: right;
}

#commontop a {
	font: 14px Quicksand,Verdana,Helvetica,sans-serif;
	color: #d5b880;
	letter-spacing: 2.2px;
	text-transform: none;
	text-decoration: none;
	-webkit-text-size-adjust:none;
	margin-right: 10px;
}

#commontop a:last-child {
	margin-right: 0;
}

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



#contactcontainer {
	box-sizing: border-box;
	background: url(../../../../../images/gradient/?s=d9d4ce&e=1c4e07&h=160) repeat-x #1c4e07;
	padding: 0px 0 0px 0;

}



#contact {
	box-sizing: border-box;
	background: url(../../../../../images/gradient/?s=151922&e=151922&h=160) repeat-x #151922;
	padding: 20px;
	text-align: center;
}

#contact a, #contact span, #contact p {
	font: 15px 'Fira Sans',Helvetica,sans-serif;
	color: #d9d4ce;
	letter-spacing: 0px;
	text-transform: none;
	text-decoration: none;
	-webkit-text-size-adjust:none;
	margin-right: 6px;
}

#contact p {
    display: inline-block;
    margin-top: 0;
    margin-bottom: 0;
}

#contact svg {
    width: 1.2em;
    height: 1.2em;
    display: inline-block;
    vertical-align: -0.2em;
    margin-right: 0.1em;
    margin-left: 0.1em;
    border: 0;
    padding: 0;
}

#contact a:last-child {
	margin-right: 0;
}

#contact a:hover {
	font-weight: normal;
	font-style: normal;
	text-transform: none;
	color: #fffefd;
	text-decoration: none;
}







#logocontainer {
	box-sizing: border-box;
	background: url(../../../../../images/gradient/?s=151922&e=151922&h=160) repeat-x #151922;
	padding: 0px 0 0px 0;

}


#logo {
	box-sizing: border-box;
	background: url(../../../../../images/gradient/?s=151922&e=151922&h=160) repeat-x #151922;
	padding: 7px;
}

#logo img {
	display: block;
	border: 0;
	width: 100%;
	height: auto;
	max-width: 100px;
		margin: 0 auto;
		}






#navcontainer {
	box-sizing: border-box;
	background: #151922;
	padding: 0px 0 0px 0;

	width: 100%;
	z-index: 1000;
}

#nav {
	box-sizing: border-box;
	background: #151922;
	padding: 0px;
}


#eyecatchercontainer {
	box-sizing: border-box;
	padding: 0px 0 0px 0;
}


#eyecatcher {
	box-sizing: border-box;
	padding: 0px;
}


#headercontainer {
	box-sizing: border-box;
	padding: 0px 0 0px 0;
}


#header {
	box-sizing: border-box;
    padding-top: 0px;
	padding-bottom: 0px;
}
#maincontainer {
	box-sizing: border-box;
	padding: 0px 0 0px 0;

}


#main {
	box-sizing: border-box;
}

#sidebarleft {
	box-sizing: border-box;
	padding-top: 0px;
	padding-bottom: 0px;
}


#content {
	box-sizing: border-box;
	padding-top: 0px;
	padding-bottom: 0px;
}

#sidebarright {
	box-sizing: border-box;
	padding-top: 0px;
	padding-bottom: 0px;
}

#footercontainer {
	box-sizing: border-box;
	background: #151922;
	padding: 0px 0 0px 0;

}

#footer {
	box-sizing: border-box;
	background: #151922;
	padding-top: 0px;
	padding-bottom: 0px;
}


#commoncontainer {
	box-sizing: border-box;
	background: #151922;
	padding: 0px 0 0px 0;

}


#common {
	box-sizing: border-box;
	background: #151922;
	padding: 15px;
}



.sqrtotopsector {
    text-align: right;
}

a.sqrtotop {
    display: none;
    position: fixed;
    bottom: 15px;
    right: 15px;
    height: 30px;
    width: 30px;
    background: url("../img/?f=totop-17&ca=d5b880") 0 0 no-repeat;
    background-size: auto auto;
    background-size: 100% auto;
    transition: all .25s ease-in-out;
}

a.sqrtotop:hover {
  opacity: .95;
  transform: scale(1.15, 1.15);
}


@media (min-width: 1024px) {


}

@media print, screen and (min-width: 1024px) {
	#header .sqrallwaysboxed,
	#header .sqrmobilefullwidth,
	#header .sqrdesktopboxed
	{
		box-sizing: border-box;
		max-width: 1200px;
		margin-left: auto;
		margin-right: auto;
		padding-left: 0px;
		padding-right: 0px;
	}

	#header .sqrallwaysboxed .sqrallwaysboxed,
	#header .sqrdesktopboxed .sqrdesktopboxed,
	#header .sqrmobilefullwidth .sqrallwaysboxed,
	#header .sqrdesktopboxed .sqrallwaysboxed,
	#header .sqrdesktopboxed .sqrmobilefullwidth,
	#header .sqrdesktopremovebox .sqrallwaysboxed,
	#header .sqrdesktopremovebox .sqrmobilefullwidth
	 {
		padding-left: 0;
		padding-right: 0;
		margin-left: 0;
		margin-right: 0;
	 }

  	#header .sqrallwaysfullwidth .sqrsuppressborders {
  		border-left: 0 !important;
  		border-right: 0 !important;
  	}

		.sqrmain3col,
		.sqrmain2col,
		.sqrmain3collr,
		.sqrmain2coll,
		.sqrmain2colr {
		  display: flex;
			box-sizing: border-box;
			width: 100%;
	 }
	 .sqrmain3col>div {
    	box-sizing: border-box;
    	width: 33.333333333%;
   }
	 .sqrmain2col>div {
    	box-sizing: border-box;
    	width: 50%;
  	}

  	.sqrmain3collr>div {
    	box-sizing: border-box;
    	width: 50%;
  	}
  	.sqrmain3collr>div:first-child,
  	.sqrmain3collr>div:last-child,
  	.sqrmain2coll>div:first-child,
  	.sqrmain2colr>div:last-child {
    	width: 25%;
  	}
  	.sqrmain2coll>div,
  	.sqrmain2colr>div {
    	box-sizing: border-box;
    	width: 75%;
  	}

  #sidebarleft .sqrallwaysboxed,
	#sidebarleft .sqrmobilefullwidth,
	#sidebarleft .sqrdesktopboxed
	{
		box-sizing: border-box;
		max-width: 1200px;
		margin-left: auto;
		margin-right: auto;
		padding-left: 0px;
		padding-right: 0px;
	}

	#sidebarleft .sqrallwaysboxed .sqrallwaysboxed,
	#sidebarleft .sqrdesktopboxed .sqrdesktopboxed,
	#sidebarleft .sqrmobilefullwidth .sqrallwaysboxed,
	#sidebarleft .sqrdesktopboxed .sqrallwaysboxed,
	#sidebarleft .sqrdesktopboxed .sqrmobilefullwidth,
	#sidebarleft .sqrdesktopremovebox .sqrallwaysboxed,
	#sidebarleft .sqrdesktopremovebox .sqrmobilefullwidth
	 {
		padding-left: 0;
		padding-right: 0;
		margin-left: 0;
		margin-right: 0;
	 }

  	#sidebarleft .sqrallwaysfullwidth .sqrsuppressborders {
  		border-left: 0 !important;
  		border-right: 0 !important;
  	}

  	#main.sqrdesktopboxed {
		max-width: 1200px;
		margin-left: auto;
		margin-right: auto;
	}


	#content .sqrallwaysboxed,
	#content .sqrmobilefullwidth,
	#content .sqrdesktopboxed
	{
		box-sizing: border-box;
		max-width: 1200px;
		margin-left: auto;
		margin-right: auto;
		padding-left: 0px;
		padding-right: 0px;
	}

	#content .sqrallwaysboxed .sqrallwaysboxed,
	#content .sqrdesktopboxed .sqrdesktopboxed,
	#content .sqrmobilefullwidth .sqrallwaysboxed,
	#content .sqrdesktopboxed .sqrallwaysboxed,
	#content .sqrdesktopboxed .sqrmobilefullwidth,
	#content .sqrdesktopremovebox .sqrallwaysboxed,
	#content .sqrdesktopremovebox .sqrmobilefullwidth
	 {
		padding-left: 0;
		padding-right: 0;
		margin-left: 0;
		margin-right: 0;
	 }

  	#content .sqrallwaysfullwidth .sqrsuppressborders {
  		border-left: 0 !important;
  		border-right: 0 !important;
  	}


	#sidebarright .sqrallwaysboxed,
	#sidebarright .sqrmobilefullwidth,
	#sidebarright .sqrdesktopboxed
	{
		box-sizing: border-box;
		max-width: 1200px;
		margin-left: auto;
		margin-right: auto;
		padding-left: 0px;
		padding-right: 0px;
	}

	#sidebarright .sqrallwaysboxed .sqrallwaysboxed,
	#sidebarright .sqrdesktopboxed .sqrdesktopboxed,
	#sidebarright .sqrmobilefullwidth .sqrallwaysboxed,
	#sidebarright .sqrdesktopboxed .sqrallwaysboxed,
	#sidebarright .sqrdesktopboxed .sqrmobilefullwidth,
	#sidebarright .sqrdesktopremovebox .sqrallwaysboxed,
	#sidebarright .sqrdesktopremovebox .sqrmobilefullwidth
	 {
		padding-left: 0;
		padding-right: 0;
		margin-left: 0;
		margin-right: 0;
	 }

  	#sidebarright .sqrallwaysfullwidth .sqrsuppressborders {
  		border-left: 0 !important;
  		border-right: 0 !important;
  	}

    #sidebarleft .sqrtotopsector,
    #sidebarright .sqrtotopsector {
        display: none;
    }

  	#footer .sqrallwaysboxed,
	#footer .sqrmobilefullwidth,
	#footer .sqrdesktopboxed
	{
		box-sizing: border-box;
		max-width: 1200px;
		margin-left: auto;
		margin-right: auto;
		padding-left: 0px;
		padding-right: 0px;
	}

	#footer .sqrallwaysboxed .sqrallwaysboxed,
	#footer .sqrdesktopboxed .sqrdesktopboxed,
	#footer .sqrmobilefullwidth .sqrallwaysboxed,
	#footer .sqrdesktopboxed .sqrallwaysboxed,
	#footer .sqrdesktopboxed .sqrmobilefullwidth,
	#footer .sqrdesktopremovebox .sqrallwaysboxed,
	#footer .sqrdesktopremovebox .sqrmobilefullwidth
	 {
		padding-left: 0;
		padding-right: 0;
		margin-left: 0;
		margin-right: 0;
	 }

  	#footer .sqrallwaysfullwidth .sqrsuppressborders {
  		border-left: 0 !important;
  		border-right: 0 !important;
  	}
  	.sqrdesktophidden {
	 	display: none;
	}
}

@media (max-width: 1023.99px) {
	#header .sqrallwaysboxed,
	#header .sqrmobileboxed
	{
		box-sizing: border-box;
		padding-left: 0px;
		padding-right: 0px;
	}
	#header .sqrallwaysboxed>.sqrallwaysboxed,
	#header .sqrallwaysboxed>.nguiparagraphcontainer>.sqrallwaysboxed
	{
		padding-left: 0;
		padding-right: 0;
		margin-left: 0;
		margin-right: 0;
	 }
	 #header .sqrmobileboxedimportant {
		padding-left: 0px !important;
		padding-right: 0px !important;
	 }

	 #header .sqrallwaysfullwidth .sqrsuppressborders,
	 #header .sqrmobilefullwidth .sqrsuppressborders
  	 {
  		border-left: 0 !important;
  		border-right: 0 !important;
  	 }

 	#sidebarleft .sqrallwaysboxed,
	#sidebarleft .sqrmobileboxed
	{
		box-sizing: border-box;
		padding-left: 0px;
		padding-right: 0px;
	}
	#sidebarleft .sqrallwaysboxed>.sqrallwaysboxed,
	#sidebarleft .sqrallwaysboxed>.nguiparagraphcontainer>.sqrallwaysboxed
	{
		padding-left: 0;
		padding-right: 0;
		margin-left: 0;
		margin-right: 0;
	 }
	 #sidebarleft .sqrmobileboxedimportant {
		padding-left: 0px !important;
		padding-right: 0px !important;
	 }

	 #sidebarleft .sqrallwaysfullwidth .sqrsuppressborders,
	 #sidebarleft .sqrmobilefullwidth .sqrsuppressborders
  	 {
  		border-left: 0 !important;
  		border-right: 0 !important;
  	 }

 	#content .sqrallwaysboxed,
	#content .sqrmobileboxed
	{
		box-sizing: border-box;
		padding-left: 0px;
		padding-right: 0px;
	}
	#content .sqrallwaysboxed>.sqrallwaysboxed,
	#content .sqrallwaysboxed>.nguiparagraphcontainer>.sqrallwaysboxed
	 {
		padding-left: 0;
		padding-right: 0;
		margin-left: 0;
		margin-right: 0;
	 }
	 #content .sqrmobileboxedimportant {
		padding-left: 0px !important;
		padding-right: 0px !important;
	 }

	 #content .sqrallwaysfullwidth .sqrsuppressborders,
	 #content .sqrmobilefullwidth .sqrsuppressborders
  	 {
  		border-left: 0 !important;
  		border-right: 0 !important;
  	 }


 	#sidebarright .sqrallwaysboxed,
	#sidebarright .sqrmobileboxed
	{
		box-sizing: border-box;
		padding-left: 0px;
		padding-right: 0px;
	}
	#sidebarright .sqrallwaysboxed>.sqrallwaysboxed,
	#sidebarright .sqrallwaysboxed>.nguiparagraphcontainer>.sqrallwaysboxed
	 {
		padding-left: 0;
		padding-right: 0;
		margin-left: 0;
		margin-right: 0;
	 }
	 #sidebarright .sqrmobileboxedimportant {
		padding-left: 0px !important;
		padding-right: 0px !important;
	 }

	 #sidebarright .sqrallwaysfullwidth .sqrsuppressborders,
	 #sidebarright .sqrmobilefullwidth .sqrsuppressborders
  	 {
  		border-left: 0 !important;
  		border-right: 0 !important;
  	 }

 	#footer .sqrallwaysboxed,
	#footer .sqrmobileboxed
	{
		box-sizing: border-box;
		padding-left: 0px;
		padding-right: 0px;
	}
	#footer .sqrallwaysboxed>.sqrallwaysboxed,
	#footer .sqrallwaysboxed>.nguiparagraphcontainer>.sqrallwaysboxed
	 {
		padding-left: 0;
		padding-right: 0;
		margin-left: 0;
		margin-right: 0;
	 }
	 #footer .sqrmobileboxedimportant {
		padding-left: 0px !important;
		padding-right: 0px !important;
	 }

	 #footer .sqrallwaysfullwidth .sqrsuppressborders,
	 #footer .sqrmobilefullwidth .sqrsuppressborders
		{
			border-left: 0 !important;
			border-right: 0 !important;
		}

		#navcontainer,
		#eyecatchercontainer,
		#headercontainer,
		#maincontainer,
		#footercontainer,
		#commoncontainer {
			padding-left: 0;
			padding-right: 0;
		}

		#outercontainer > :first-child {
			padding-top: 0;
		}

		#outercontainer > :last-child {
			padding-bottom: 0;
		}

    .sqrmobilehidden {
			display: none;
	  }

	  .sqrpanoramicbackground  {
			padding-left: 0 !important;
			padding-right: 0 !important;
			margin-left: 0 !important;
			margin-right: 0 !important;
		}

}


#eyecatcher {
	position: relative;
	overflow: hidden;
	padding: 0;
}
#eyecatcher #eyecatcherstage img, #eyecatcher #eyecatcherstage video {
	width: 100%;
	display: block;
	border: 0;
	position: absolute;
	height: 100%;
}
#eyecatcher.eyecatcher-karo #eyecatcherstage img {
    height: auto;
}
#eyecatcher #eyecatcherstage img.headersliderpri {
	z-index: 1;
	transition: none;
	-webkit-transition: none;
	opacity: 1;
}
#eyecatcher #eyecatcherstage img.headerslidersec {
	z-index: 2;
	transition: none;
	opacity: 0;
}
#eyecatcher #eyecatcherstage img.headerslidersecout {
	transition: opacity 0.5s, transform 0.5s;
	opacity: 1;
}
#eyecatcherstage {
	position: absolute;
}
#eyecatcherbullets {
	box-sizing: border-box;
	padding: 20px;
	position: absolute;
	bottom: 0;
	right: 0;
	z-index: 3;
}
#eyecatcherbullets:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}
#eyecatcherbullets a {
	width: 24px;
	height: 24px;
	float: left;
	background: url(../img/?f=bulletdotround&ca=ffffff&cb=000000) no-repeat left top;
}
#eyecatcherbullets a.active {
	background-position: left bottom;
}

#common>div {
  font: 15px Montserrat,Verdana,Helvetica,sans-serif;
  color: #d5b880;
  letter-spacing: 0px;
	text-transform: none;
}
#common>div a {
	font-weight: normal;
	font-style: normal;
	text-transform: none;
	color: #d5b880;
	text-decoration: none;
}
#common>div a:hover {
	font-weight: normal;
	font-style: normal;
	text-transform: none;
	color: #d0a758;
	text-decoration: none;
}


#common>ul.sqrcommonnavhierarchical a,
#common>ul.sqrcommonnav a {
	font: 13px Montserrat,Verdana,Helvetica,sans-serif;
	color: #d5b880;
	letter-spacing: 0px;
	text-transform: none;
	text-decoration: none;
	-webkit-text-size-adjust:none;
    font-family: inherit;
}

#common>ul.sqrcommonnavhierarchical a:hover,
#common>ul.sqrcommonnav a:hover {
	font-weight: normal;
	font-style: normal;
	text-transform: none;
	color: #d0a758;
	text-decoration: none;
}

#common ul.sqrcommonnavhierarchical,
#common ul.sqrcommonnav {
	display: block;
	list-style: none;
	margin: 0;
	padding: 0;
}

#common ul.sqrcommonnavhierarchical>li,
#common ul.sqrcommonnav>li
 {
	display: block;
	box-sizing: border-box;
	padding: 0 0 5px 0;
}

#common ul.sqrcommonnavhierarchical>li>em {
	font: 14px Montserrat,Verdana,Helvetica,sans-serif;
	color: #d9d4ce;
	letter-spacing: 0px;
	text-transform: uppercase;
	font-style: normal;
	display: block;
	padding-bottom: 4px;
    font-family: inherit;
}

#common ul.sqrcommonnavhierarchical>li>ul {
	display: block;
	margin: 0;
	padding: 15px 0 15px 0;
	list-style: none;
}

#common ul.sqrcommonnavhierarchical>li>ul>li {
	margin: 0;
	padding: 0 0 2px 0;
}

#common ul.sqrcommonnavhierarchical:after,
#common ul.sqrcommonnav:after
{
  	visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}

#commoncontact svg {
    width: 1.1em;
    height: 1.1em;
    display: inline-block;
    vertical-align: -0.2em;
    margin-right: 0.1em;
    margin-left: 0.1em;
    border: 0;
    padding: 0;
}
#commoncontact {
    margin: 15px 0 0 0;
    text-align:center;
}
#commoncontact a {
	margin-left: 3px;
	margin-right: 3px;
}
#commoncontact a:last-child {
	margin-right: 0;
}
@media (min-width: 1024px) {
	#common ul.sqrcommonnavhierarchical>li {
		float: left;
		padding-right: 20px;
	}
	#common ul.sqrcommonnavhierarchical2col>li {
		width: 50%;
	}
	#common ul.sqrcommonnavhierarchical3col>li {
		width: 33.3333333%;
	}
	#common ul.sqrcommonnavhierarchical4col>li {
		width: 25%;
	}
	#common ul.sqrcommonnavhierarchical5col>li {
		width: 20%;
	}
    #common ul.sqrcommonnav {

        display: flex;
        flexwrap: wrap;
    }
        #common ul.sqrcommonnav {
       justify-content: flex-start;
    }
    #common ul.sqrcommonnav>li {
       padding-right: 20px;
    }
            }

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

#nav a {
  display: block;
  margin: 0;
  padding: 20px;
  font: 15px Quicksand,Verdana,Helvetica,sans-serif;
  line-height: 20px;
  color: #ebebeb;
  letter-spacing: 0px;
  text-transform: none;
  text-decoration: none;
  -webkit-tap-highlight-color: transparent;
}


#nav li.active>a {
	font-weight: bold;
}

#nav li em.ngshopcartindicator {
  display: none;
  background: #f79646;
  color: #ffffff;
  font-style: normal;
  padding-right: 8px;
  padding-left: 8px;
  border-radius: 5px;
  margin-left: 8px;
  font-weight: normal;
}

#nav li em.ngshopcartindicatoractive {
    display: inline-block;
}

#nav>ul>li, #nav>div {
  display: block;
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

#nav > ul > li.sqrnavsearch > div > div {
    padding: 8px;
}

#nav .sqrnavsearch form {
  box-sizing: border-box;
  display: block;
  margin: 0;
  padding: 0;
  display: block;
  width: 100%;
  background: #ffffff;
}

#nav .sqrnavsearch input {
  box-sizing: border-box;
  display: block;
  padding: 0;
  width: 100%;
  border: 0;
  padding: 8px 12px 8px 30px;
  margin: 0;
  border-color: rgba(255, 255, 255, 0.075);
  -webkit-appearance: none;
  border-radius: 0;
  font: 15px Quicksand,Verdana,Helvetica,sans-serif;
  color: #081901;
  letter-spacing: 0px;
  text-transform: none;
  background: transparent url(../img/?f=searchdefault&ca=081901) 8px center no-repeat;
}

.flexrfixed #navcontainer {
	position: fixed;
	top: 0;
}
.flexrfixed #navplaceholder {
	height: 60px;
}



#nav > ul > li > div {
          visibility:hidden;
      transform: translate3d(0,-10px,0);
      transition: transform 0s;
        position: absolute;
    left: 0;
    right: 0;
            background: url(../../../../../images/gradient/?s=d6ded4&e=ffffff&h=160) repeat-x #ffffff;
                z-index: 1001;
}

#nav > ul > li > div > div {
    max-width: 1200px;
    margin: 0 auto;
        padding: 0 20px 20px 0;
    box-sizing: border-box;
}

#nav > ul > li.sqrnavopen > div {
    display: block;
    visibility: visible;
}

#nav > ul > li > div > div > ul {
    display: block;
    margin: 0;
    padding: 0;
    list-style: none;
}

#nav > ul > li > div > div > ul:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}

#nav > ul > li > div > div > ul > li {
    display: block;
    margin: 0;
    padding: 0;
    float: left;
}

#nav > ul > li > div > div > ul > li > a {
  padding: 20px 0 0 20px;
  font: 15px Quicksand,Verdana,Helvetica,sans-serif;
    color: #1c4e07;
  letter-spacing: 0px;
  text-transform: none;
  text-decoration: none;
  -webkit-tap-highlight-color: transparent;
}

#nav > ul > li > div > div > ul > li > ul {
    display: block;
    list-style: none;
    margin: 0;
    padding: 0;
}

#nav > ul > li > div > div > ul > li > ul > li {
    display: block;
    margin: 0;
    padding: 0;
}

#nav > ul > li > div > div > ul > li > ul > li > a {
  padding: 10px 0 0 20px;
  font: 15px Quicksand,Verdana,Helvetica,sans-serif;
    color: #828282;
  letter-spacing: 0px;
	text-transform: none;
  text-decoration: none;
  -webkit-tap-highlight-color: transparent;
}

#nav > ul > li > div > div > ul > li > a:hover,
#nav  ul > li > div > div > ul > li > ul > li > a:hover {
    color: #2c800a;
}

#nav > ul > li > div > div > ul > li > a > figure,
#nav > ul > li > div > div > ul > li > ul > li > a > figure {
    display: block;
    margin: 0;
    padding: 0;
}

#nav > ul > li > div > div > ul > li > a > figure > img,
#nav > ul > li > div > div > ul > li > ul > li > a > figure > img {
    display: block;
    width: 100%;
    height: auto;
    transition: opacity 0.2s;
    padding-bottom: 10px;
}

#nav > ul > li > div > div > ul > li > a:hover > figure > img,
#nav > ul > li > div > div > ul > li > ul > li > a:hover > figure > img {
    opacity: 0.8;
}

#nav > ul > li > div > div > ul > li > a > figure > figcaption {
    display: block;
    margin: 0;
    padding: 0 0 20px 0;
}

#nav > ul > li > div > div > ul > li > ul > li > a > figure > figcaption {
    display: block;
    margin: 0;
    padding: 0 0 10px 0;
}

@media (max-width: 1023px) {
  #nav>ul>li.sqrnavlogo {
	  display: none;
  }
	#nav a.sqrnavlogomobile {
    padding: 0;
    max-height: 60px;
  }
  #nav a.sqrnavlogomobile img {
    max-height: 60px;
  }
    #nav > ul > li > div {
      visibility: visible;
  }
  
  #nav a.sqrnavshow {
  	border-bottom: none;
  }
  #nav a.sqrnavshow, #nav a.sqrnavhide {
    background: url(../img/?f=menudefault&ca=ebebeb) right center no-repeat;
  }
  #nav a.sqrnavshow>img, .sqrnav a.sqrnavhide>img {
    display: block;
  }
  
  #nav .sqrnavshow {
    display: block;
  }

  #nav > ul > li > div {
      display: none;
  }

  #nav .sqrnavhide {
    display: none;
  }
  #nav.sqrnavopen>div>a.sqrnavshow {
    display: none;
  }
  #nav.sqrnavopen>div>a.sqrnavhide {
    display: block;
  }

  #nav li.sqrnavopen>ul {
    display: block;
  }
  #nav ul {
    display: none;
    margin: 0 auto;
    padding: 0;
    list-style: none;
  }
  #nav ul ul {
    display: none;
  }
  #nav ul li li>a {
    padding-left: 44px;
  }
  #nav ul li li li>a {
    padding-left: 66px;
  }
  #nav.sqrnavopen>ul {
    display: block;
  }
    .flexrfixed #nav.sqrnavopen {
  	max-height: 100vh;
  	overflow-y: auto;
  }
  
    #nav > ul > li > div > div > ul > li {
        width: 50%;
    }

    #nav > ul > li > div > div > ul > li:nth-child(2n+1) {
        clear: both;
    }

    #nav > ul > li > div {
        position: static;
    }


}

@media print, screen and (min-width: 1024px) {

	#nav>ul>li>a:hover {
				background-color: rgba(255, 255, 255, 0.075);
			}


  #nav>div {
    display: none;
  }

      #nav.navhover > ul > li.sqrnavmore:not(.sqrnavsearch):hover > div {
        visibility: visible;
        transition: transform 0.3s ease;
        transform: translate3d(0,0,0);
    }
  
  #nav>ul {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    list-style: none;
    display:flex;justify-content:center;  }

  

  #nav>ul>li.sqrnavopen, #nav.navhover>ul>li.sqrnavmore:not(.sqrnavsearch):hover {
   	background: #d6ded4;
  }
  #nav>ul>li.sqrnavopen>a, #nav.navhover>ul>li.sqrnavmore:not(.sqrnavsearch):hover>a {
   	color: #081901;
  }

  #nav>ul>li.sqrnavhome>a>span,
  #nav>ul>li.sqrnavsearch>a>span,
  #nav>ul>li.sqrnavaccount>a>span,
  #nav>ul>li.sqrnavcart>a>span
  {
    display: none;
  }
  #nav>ul>li.sqrnavhome>a {
    background-image: url(../img/?f=homeminimal&ca=ebebeb);
    background-repeat: no-repeat;
    background-position: center center;
    width: 16px;
    height: 60px;
    padding: 0 20px 0 20px;
  }
  #nav>ul>li.sqrnavlogo>a {
  	padding: 0;
  }
  #nav>ul>li.sqrnavlogo>a>img {
  	display: block;
  }
    #nav>ul>li.sqrnavsearch>a {
    background-image: url(../img/?f=searchdefault&ca=ebebeb);
    background-repeat: no-repeat;
    background-position: center center;
    width: 16px;
    height: 60px;
    padding: 0 20px 0 20px;
  }
  #nav>ul>li.sqrnavsearch.sqrnavopen>a {
    background-image: url(../img/?f=searchdefault&ca=081901);
  }
  #nav>ul>li.sqrnavopen.sqrnavsearch>ul {
    left: auto;
    right: 0;
    opacity: 1;
  }

    #nav > ul > li > div > div > ul > li {
        width: 20%;
    }

                #nav > ul > li > div {
            box-shadow: 0 3px 3px rgba(0,0,0,0.2);
        }
        
    #nav > ul > li > div > div > ul > li:nth-child(5n+1) {
        clear: both;
    }
}

#nav > ul > li.sqrnavsearch > div > div > ul > li {
    float: none;
    width: 100%;
}

#nav > ul > li.sqrnavsearch > div > div > ul > li > a {
  padding: 8px;
}

#nav > ul > li.sqrnavsearch > div > div > ul > li.sqrnavsuggest > a {
				background-color: rgba(0, 0, 0, 0.035);
		}


#vert-nav, #vert-nav * {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  font-size: inherit;
  vertical-align: baseline;
  line-height: 1;
}
#vert-nav ul {
  list-style: none;
}
#vert-nav a:focus {
  outline: none;
}

@media screen and (min-width: 1024px) {
  .op-nav-trigger {
    display: none;
  }
  #vert-nav {
    position: fixed;
    right: 15px;
    top: 50%;
    bottom: auto;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 3;
  }
  #vert-nav ul {
    list-style: none;
  }
  #vert-nav li {
    text-align: right;
  }
  #vert-nav a:after {
    content: "";
    display: table;
    clear: both;
  }
  #vert-nav .op-dot {
    position: relative;
    top: 6px;
    height: 16px;
    width: 16px;
    border-radius: 50%;
    background-color: #d5b880;
    -webkit-transition: -webkit-transform .33s, background-color .66s;
    -moz-transition: -moz-transform .33s, background-color .66s;
    transition: transform .33s, background-color .66s;
    -webkit-transform: scale(0.6);
    -moz-transform: scale(0.6);
    -ms-transform: scale(0.6);
    -o-transform: scale(0.6);
    transform: scale(0.6);
    z-index: 2;
  }
  #vert-nav .op-label {
    position: relative;
    margin-right: -1.75em;
    padding: .5em 2.5em .5em 1em;
    font-size: 14px;
    -webkit-transition: all .33s ease;
    -moz-transition: all .33s ease;
    transition: all .33s ease;
    opacity: 0;
    color: transparent;
    border-radius: 1em;
  }
  #vert-nav a span {
    float: right;
    display: inline-block;
  }
  #vert-nav a:hover .op-dot {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
  #vert-nav a:hover .op-label {
    opacity: 1;
    color: #445566;
          background-color: rgba(255,255,255,0.8);
      }
  #vert-nav a.active .op-dot {
    background-color: #029bbb;
  }

}

@media screen and (max-width: 1023.99px) {

  .op-nav-trigger {
    display: block;
    z-index: 2;
    position: fixed;
    bottom: 15px;
    right: 15px;
    height: 36px;
    width: 40px;
    font-size: 20px;
    border-radius: 5px;
          background-color: rgba(255,255,255,0.8);
        color: #445566;
  }
  .op-nav-trigger:hover, .op-nav-trigger:focus {
    cursor: pointer;
    color: #029bbb;
  }
  .op-nav-trigger .sqpnavicon {
    margin: 6px 9px;
  }
  .sqpnavicon.sqpnaviconclose,
  #vert-nav.open + .op-nav-trigger .sqpnavicon.sqpnaviconopen {
    display: none;
  }
  #vert-nav.open + .op-nav-trigger .sqpnavicon.sqpnaviconclose {
    display: inline-block;
  }

  #vert-nav {
    position: fixed;
    z-index: 1;
    right: 15px;
    bottom: 15px;
    width: 90%;
    max-width: 400px;
    max-height: 90%;
    /* overflow-y: scroll; */
    -webkit-overflow-scrolling: touch;
    -webkit-transform-origin: right bottom;
    -moz-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    -o-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    transition-property: transform;
    -webkit-transition-duration: .33s;
    -moz-transition-duration: .33s;
    transition-duration: .33s;
    border-radius: 5px;
          background-color: rgba(255,255,255,0.8);
        overflow: hidden;
  }
  #vert-nav a {
    display: block;
    padding: .8em 1em;
          background-color: rgba(255,255,255,0.5);
        color: #445566;
    text-decoration: none;
  }
  #vert-nav a span:first-child {
    display: none;
  }
  #vert-nav a:hover,
  #vert-nav a.active span:last-child {
    color: #029bbb;
  }
  #vert-nav.open {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
  #vert-nav.open + .op-nav-trigger {
    background-color: transparent;
  }
  #vert-nav li:last-child {
    border-bottom: none;
  }
  #vert-nav li:last-child a {
    border-bottom: none;
  }

  .opfixed .sqrtotopfixed {
    visibility: hidden;
  }

}