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

html {
	background: #ffffff;
}

BODY {
	margin: 0;
	padding: 0;
	-webkit-text-size-adjust: none;
	text-size-adjust: none;
}

@media (min-aspect-ratio: 4/3) {
#bgvideo {
	content: "";
        position: fixed;
        width: 100%;
        height: 100vh;
	bottom: 0px;
	left: 0;
	right: 0;
	background: url('/images/layout/bg-cover-16-9.jpg') center center;
	-webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
	object-fit: cover;
	z-index: -1; 
}
}

@media (max-aspect-ratio: 4/3) {
#bgvideo {
	content: "";
        position: fixed;
        width: 100%;
        height: 100vh;
	bottom: 0px;
	left: 0;
	right: 0;
	background: url('/images/layout/bg-home-1-1.jpg') center center;
	-webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
	object-fit: cover;
	z-index: -1; 
}
}

#background:after{
	content: "";
        position: fixed;
        bottom: 0px;
        height: 100vh;
        left: 0;
        right: 0;
	z-index: -1;        
	background: var(--bgurl-a) center center;
	-webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
}
@media (min-aspect-ratio: 1/1) and (max-aspect-ratio: 6/4) {
#background:after{
	content: "";
        position: fixed;
        bottom: 0px;
        height: 100vh;
        left: 0;
        right: 0;
	z-index: -1;        
	background: var(--bgurl-b) center center;
	-webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
}
}
@media (min-aspect-ratio: 6/4) {
#background:after{
	content: "";
        position: fixed;
        bottom: 0px;
        height: 100vh;
        left: 0;
        right: 0;
        z-index: -1;
	background: var(--bgurl-c) center center;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
}
}

#background-pattern:after{
	content: "";
        position: fixed;
        bottom: 0px;
        height: 100vh;
        left: 0;
        right: 0;
	z-index: -1;
        background: url('/images/layout/background-pattern.png') repeat;
        opacity: 0.02;
}

#background-trans {
    position: fixed;
    bottom: 0px;
    left: 0;
    width: 100%;
    height: 100vh;
    z-index: -1;
    background-color: var(--transcolor);
    opacity: 0;
    transition: opacity .25s ease-in-out;
    -moz-transition: opacity .25s ease-in-out;
    -webkit-transition: opacity .25s ease-in-out;
}

#text-trans {
display: inline-block;
margin: 0;
padding: 0;
}

#header-trans {
display: inline-block;
margin: 0;
padding: 0;
}

#sqr-down {
    cursor: pointer;
    display: inline-block;
    position: fixed;
    bottom: 0px;
    left: 50%;
    margin-left: -35px;
    height: 70px;
    width: 70px;
    background: url("../img/?f=totop-09&ca=e61e78") 0 0 no-repeat;
    -moz-transform: scaleY(-1);
    -o-transform: scaleY(-1);
    -webkit-transform: scaleY(-1);
    transform: scaleY(-1);
    -ms-filter: "FlipV";
    filter: FlipV;
    opacity: .75;
    transition: all .25s ease-in-out;
}

#sqr-down:hover {
    transform: scale(1.15,-1.15);
    opacity: 1;
}

#photo-link a {
    display: block;
    position: fixed;
    top: 90px;
    right: 20px;
    opacity: .75;
    font: 15px 'Open Sans',Verdana,Helvetica,sans-serif;
    color: white;
    font-size: small;
    font-weight: bold;
    text-align: right;
    text-decoration: none;
}

#photo-link {
    display: block;
    position: fixed;
    top: 90px;
    right: 20px;
    opacity: .75;
    font: 15px 'Open Sans',Verdana,Helvetica,sans-serif;
    color: white;
    font-size: small;
    font-weight: bold;
    text-align: right;
    text-decoration: none;
}


@media (max-width: 1023px) {
#photo-link {
	top: 60px;
        right: 10px;
    }
#photo-link a {
	top: 60px;
        right: 10px;
    }
}

input[type="radio"] {
  -webkit-appearance: none;
  /* Remove most all native input styles */
  appearance: none;
  /* For iOS < 15 */
  bbackground-color: var(--form-background);
  /* Not removed via appearance */
  margin: 0;

  border-radius: 50%;
  width: 18px;
  height: 18px;

  border: 2px solid #666;
  transition: 0.2s all linear;
  margin-right: 6px;
  vertical-align: middle;
  position: relative;
  top: 0px;
}

input[type="radio"]:checked {
  
  border: 4px solid #e61e78;
}

input[type="checkbox"] {
  -webkit-appearance: none;
  /* Remove most all native input styles */
  appearance: none;
  /* For iOS < 15 */
  /* background-color: var(--form-background);
  /* Not removed via appearance */
  margin: 0;

  width: 16px;
  height: 16px;

  border: 2px solid #666;
  transition: 0.2s all linear;
  margin-right: 6px;

  position: relative;
  top: 0px;
}

input[type="checkbox"]:checked {
  /* border: 6px solid #666; */
  border: 4px solid #e61e78;
}

.payment, .shipping {
  margin: 5px 5px;
  text-align: center;
  font-family: "Open Sans";
  font-size: 15px;
  line-height: 20px;
}

h1, h2, h4, h6 > a {
	font-family: 'Saira Extra';
}


#fillbottom {
	padding: 0px 10px 0px 10px;
}


#contentcontainer {
	box-sizing: border-box;
	max-width: 1366px;
	margin: 0 auto;
	border-color: #d3d3d3;
	border-width: 0px;
	border-style: solid;
}

@media (min-width: 1024px) {
    #contentcontainer {
        border-radius: 0px;
    }
}







#contactcontainer {
	box-sizing: border-box;
	background: #dcff3c;
	padding: 0px 10px 0px 10px;
}

@media (max-width: 1023.99px) {
	#contactcontainer {
		display: none;
	}
}


#contact {
	box-sizing: border-box;
	background: #dcff3c;
	padding: 5px 0px 0px 0px;
	max-width: 1366px;
	margin: 0 auto;
	text-align: center;
	border-color: #d3d3d3;
	border-width: 0px;
	border-style: solid;
}

@media (min-width: 1024px) {
    #contact {
        border-radius: 0px;
    }
}

#contact a, #contact span, #contact p {
	font: 18px 'Open Sans',Verdana,Helvetica,sans-serif;
	color: #000000;
	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: #e61e78;
	text-decoration: none;
}










#navcontainer {
	box-sizing: border-box;
	background: #dcff3c;
	padding: 0px 10px 0px 10px;
	width: 100%;
	z-index: 1000;
}

#nav {
	box-sizing: border-box;
	background: #dcff3c;
	padding: 0px 0px 0px 0px;
	max-width: 1366px;
	margin: 0 auto;
	border-color: #d3d3d3;
	border-width: 0px;
	border-style: solid;
}

@media (min-width: 1024px) {
    #nav {
        border-radius: 0px;
    }
    #nav.sqrmergenavs {
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
    }
}



@media (min-width: 1024px) {
    #eyecatcher {
        border-radius: 0px;
    }
}


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


#header {
	box-sizing: border-box;
	padding-top: 0px;
	padding-bottom: 0px;
	border-color: #d3d3d3;
	border-width: 0px 0 0px 0;
	border-style: solid;
}

@media (min-width: 1024px) {
    #header {
        border-radius: 0px;
    }
}


#maincontainer {
	box-sizing: border-box;
	padding: 0px 0 0px 0;

}

#main {
	box-sizing: border-box;
	border-color: #d3d3d3;
	border-width: 0px 0 0px 0;
	border-style: solid;
}
@media (min-width: 1024px) {
    #main {
        border-radius: 0px;
    }
}

#sidebarleft {
	box-sizing: border-box;
	border-color: #d3d3d3;
	border-width: 0px;
	border-style: solid;
}

@media (min-width: 1024px) {
    #sidebarleft {
        border-radius: 0px;
    }
}

#sidebarleft>div {
  	padding-top: 15px;
	padding-bottom: 20px;
}
@media (min-width: 1024px) {
    #sidebarleft>div {
        position: sticky;
        top: 49px;
    }
}

#content {
	box-sizing: border-box;
	padding-top: 15px;
	padding-bottom: 0px;
	border-color: #d3d3d3;
	border-width: 0px;
	border-style: solid;
}

@media (min-width: 1024px) {
    #content {
        border-radius: 0px;
    }
}

#sidebarright {
	box-sizing: border-box;
	border-color: #d3d3d3;
	border-width: 0px;
	border-style: solid;
}
#sidebarright>div {
  	padding-top: 0px;
	padding-bottom: 0px;
}
@media (min-width: 1024px) {
    #sidebarright>div {
        position: sticky;
        top: 49px;
    }
}

@media (min-width: 1024px) {
    #sidebarright {
        border-radius: 0px;
    }
}

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

}

#footer {
	box-sizing: border-box;
	padding-top: 0px;
	padding-bottom: 0px;
	border-color: #d3d3d3;
	border-width: 0px 0 0px 0;
	border-style: solid;
}

@media (min-width: 1024px) {
    #footer {
        border-radius: 0px;
    }
}

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


#common {
	box-sizing: border-box;
	padding: 10px 10px 55px 10px;
	max-width: 1366px;
	margin: 0 auto;
	border-color: #d3d3d3;
	border-width: 0px;
	border-style: solid;
}

@media (min-width: 1024px) {
    #common {
        border-radius: 0px;
    }
}



.sqrtotopsector {
    text-align: right;
}

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

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: 1366px;
		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: 40%;
  	}
  	.sqrmain3collr>div:first-child,
  	.sqrmain3collr>div:last-child,
  	.sqrmain2coll>div:first-child,
  	.sqrmain2colr>div:last-child {
		width: 45%;
  	}
  	.sqrmain2coll>div,
  	.sqrmain2colr>div {
    	box-sizing: border-box;
		width: 55%;
  	}

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

	#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: 1366px;
		margin-left: auto;
		margin-right: auto;
	}


	#content .sqrallwaysboxed,
	#content .sqrmobilefullwidth,
	#content .sqrdesktopboxed
	{
		box-sizing: border-box;
		max-width: 1366px;
		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: 1366px;
		margin-left: auto;
		margin-right: auto;
		padding-left: 10px;
		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: 1366px;
		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: 10px;
	}
	#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: 10px !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: 10px;
		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: 10px !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;
		}

  	 #alertbarcontainer,
  	 #contactcontainer,
  	 #logocontainer,
  	 #navcontainer,
  	 #secnavcontainer,
  	 #commontopcontainer,
  	 #searchboxcontainer,
  	 #contentcontainercontainer,
  	 #eyecatchercontainer,
  	 #headercontainer,
  	 #maincontainer,
  	 #footercontainer,
     #commoncontainer {
     	padding-left: 0;
     	padding-right: 0;
     }

     #alertbar,
     #contact,
     #commontop,
     #logo,
     #nav,
     #secnav,
     #eyecatcher,
     #searchbox,
     #header,
     #sidebarleft,
     #content,
     #sidebarright,
     #footer,
     #main,
     #contentcontainer,
     #common {
        border-left-width: 0;
        border-right-width: 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=bulletdefault&ca=073c46&cb=ffffff) no-repeat left top;
}
#eyecatcherbullets a.active {
	background-position: left bottom;
}

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

#common .ngcustomfooterelementfoldersandpages a,
#common .ngcustomfooterelementpages a,
#common>ul.sqrcommonnavhierarchical a,
#common>ul.sqrcommonnav a {
	font: 15px Dosis,Verdana,Helvetica,sans-serif;
	color: #464646;
	letter-spacing: 0px;
	text-transform: none;
	text-decoration: none;
	-webkit-text-size-adjust:none;
}

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

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

#common .ngcustomfooterelementfoldersandpages>ul>li,
#common .ngcustomfooterelementpages>ul>li,
#common ul.sqrcommonnavhierarchical>li,
#common ul.sqrcommonnav>li
 {
	display: block;
	box-sizing: border-box;
	padding: 0 0 5px 0;
	margin: 0;
	list-style:none;
}

#common .ngcustomfooterelementfoldersandpages>ul>li>em,
#common .ngcustomfooterelementtext>h3,
#common ul.sqrcommonnavhierarchical>li>em {
	font: 15px Dosis,Verdana,Helvetica,sans-serif;
	color: #faf8f5;
	letter-spacing: 0px;
	text-transform: uppercase;
	font-style: normal;
	display: block;
	padding-bottom: 4px;
	margin: 0;
}

#common .ngcustomfooterelementtext>h3 {
    padding-bottom: 14px;
}

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

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

#commoncontact svg,
#common .ngcustomfooterelementcontact 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;
}

#common ul.sqrcommonnav,
#common .ngcustomfooterelementpages>ul {
    display: flex;
    flex-wrap: wrap;
    column-gap: 20px;
    margin: 0;
    padding: 0;
}

#common ul.sqrcommonnav {
   justify-content: flex-start;
}

@media (min-width: 1024px) {

    #common ul.sqrcommonnavhierarchical {
        display: flex;
        align-content: space-between;
        column-gap: 40px;
    }

	#common ul.sqrcommonnavhierarchical2col>li {
		width: calc(50% - 20px);
	}
	#common ul.sqrcommonnavhierarchical3col>li {
		width: calc(33.333% - 26.666px);
	}
	#common ul.sqrcommonnavhierarchical4col>li {
		width: calc(25% - 30px);
	}
	#common ul.sqrcommonnavhierarchical5col>li {
		width: calc(20% - 32px);
	}
}

#common .ngcustomfooter .ngcustomfooterelementpicture img {
    display: inline-block;
    width: 100%;
    height: auto;
}

#common .ngcustomfooter .ngcustomfooterelementtext p:first-of-type {
    margin-top: 0;
}

#common .ngcustomfooter .ngcustomfooterelementtext p:last-of-type {
    margin-bottom: 0;
}




#common .ngcustomfooterelementline hr {
    border: 0;
}

#common .ngcustomfooter .ngcustomfooterelementfoldersandpages>ul.ngcustomfooterelementfoldersandpages-0-col>li>ul {
    display: flex;
    flex-wrap: wrap;
}

#common .ngcustomfooter .ngcustomfooterelementfoldersandpages>ul.ngcustomfooterelementfoldersandpages-align-right {
    text-align: right;
}

#common .ngcustomfooter .ngcustomfooterelementfoldersandpages>ul.ngcustomfooterelementfoldersandpages-align-center {
    text-align: center;
}

#common .ngcustomfooter .ngcustomfooterelementfoldersandpages>ul.ngcustomfooterelementfoldersandpages-0-col>li>ul>li {
    padding: 0 20px 2px 0;
}

#common .ngcustomfooter .ngcustomfooterelementfoldersandpages>ul.ngcustomfooterelementfoldersandpages-0-col.ngcustomfooterelementfoldersandpages-align-right>li>ul {
    justify-content: flex-end;
}

#common .ngcustomfooter .ngcustomfooterelementfoldersandpages>ul.ngcustomfooterelementfoldersandpages-0-col.ngcustomfooterelementfoldersandpages-align-right>li>ul>li {
    padding: 0 0 2px 20px;
}

#common .ngcustomfooter .ngcustomfooterelementfoldersandpages>ul.ngcustomfooterelementfoldersandpages-0-col.ngcustomfooterelementfoldersandpages-align-center>li>ul {
    justify-content: center;
}

#common .ngcustomfooter .ngcustomfooterelementfoldersandpages>ul.ngcustomfooterelementfoldersandpages-0-col.ngcustomfooterelementfoldersandpages-align-center>li>ul>li {
    padding: 0 10px 2px 10px;
}

@media (min-width: 1024px) {
    #common .ngcustomfooter .ngcustomfooterrow {
        display: flex;
        column-gap: 40px;
    }

    #common .ngcustomfooter .ngcustomfooterrow1column .ngcustomfootercolumn {
        width: 100%;
    }


    #common .ngcustomfooter .ngcustomfooterrow2columns .ngcustomfootercolumn {
        width: calc(50% - 20px);
    }

    #common .ngcustomfooter .ngcustomfooterrow4columns .ngcustomfootercolumn {
        width: calc(25% - 30px);
    }

    #common .ngcustomfooter .ngcustomfooterrow2columns1by3 .ngcustomfootercolumn:first-child,
    #common .ngcustomfooter .ngcustomfooterrow2columns3by1 .ngcustomfootercolumn:last-child
    {
        width: calc(25% - 30px);
    }

    #common .ngcustomfooter .ngcustomfooterrow2columns1by3 .ngcustomfootercolumn:last-child,
    #common .ngcustomfooter .ngcustomfooterrow2columns3by1 .ngcustomfootercolumn:first-child
    {
        width: calc(75% - 10px);
    }

    #common .ngcustomfooter .ngcustomfooterrow3columns .ngcustomfootercolumn {
        width: calc(33.333% - 26.666px);
    }

    #common .ngcustomfooter .ngcustomfooterrow2columns1by2 .ngcustomfootercolumn:first-child,
    #common .ngcustomfooter .ngcustomfooterrow2columns2by1 .ngcustomfootercolumn:last-child
    {
        width: calc(33.333% - 30px);
    }

    #common .ngcustomfooter .ngcustomfooterrow2columns1by2 .ngcustomfootercolumn:last-child,
    #common .ngcustomfooter .ngcustomfooterrow2columns2by1 .ngcustomfootercolumn:first-child
    {
        width: calc(66.666% - 10px);
    }

    #common .ngcustomfooter .ngcustomfooterelementfoldersandpages>ul {
        display: flex;
        flex-wrap: wrap;
        column-gap: 40px;
        width: 100%
    }

    #common .ngcustomfooter .ngcustomfooterelementfoldersandpages>ul.ngcustomfooterelementfoldersandpages-1-col>li,
    #common .ngcustomfooter .ngcustomfooterelementfoldersandpages>ul.ngcustomfooterelementfoldersandpages-0-col>li {
        width: 100%;
    }

    #common .ngcustomfooter .ngcustomfooterelementfoldersandpages>ul.ngcustomfooterelementfoldersandpages-2-col>li {
        width: calc(50% - 20px);
    }

    #common .ngcustomfooter .ngcustomfooterelementfoldersandpages>ul.ngcustomfooterelementfoldersandpages-3-col>li {
        width: calc(33.333% - 26.666px);
    }

    #common .ngcustomfooter .ngcustomfooterelementfoldersandpages>ul.ngcustomfooterelementfoldersandpages-4-col>li {
        width: calc(25% - 30px);
    }
}


#nav a {
  display: -webkit-box;   /* OLD - iOS 6-, Safari 3.1-6, BB7 */
  display: -ms-flexbox;  /* TWEENER - IE 10 */
  display: -webkit-flexbox; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
  display: flex;
  padding: 10px 20px 10px 20px;
  font: 22px Dosis,Verdana,Helvetica,sans-serif;
  line-height: 29px;
  color: #323232;
  letter-spacing: 0px;
  text-transform: none;
  text-decoration: none;
  -webkit-tap-highlight-color: transparent;
}

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

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


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



#nav > ul > li > div {
          visibility:hidden;
      transform: translate3d(0,-10px,0);
      transition: transform 0s;
        position: absolute;
    left: 0;
    right: 0;
            background: #e6ff8c;
                z-index: 1001;
}

#nav > ul > li > div > div {
    max-width: 1366px;
    margin: 0 auto;
        padding: 0 10px 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 10px;
  font: bold 18px Dosis,Verdana,Helvetica,sans-serif;
    color: #323232;
  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: 5px 0 0 10px;
  font: 15px Roboto,Tahoma,Helvetica,sans-serif;
    color: #323232;
  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: #e61e78;
}

#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: 5px;
}

#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 > p,
#nav > ul > li > div > div > ul > li > a > figure > figcaption > p,
#nav > ul > li > div > div > ul > li > ul > li > a > p,
#nav > ul > li > div > div > ul > li > ul > li > a > figure > figcaption > p {
    font-size: 90%;
}

#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 5px 0;
}

#nav a.navlogo {
    padding: 0;
    margin: 0px 10px 0px 0px;
    background-image: url(/images/layout/home-logo.png);
    background-repeat: no-repeat;
    background-position: center center;
    height: 49px;
    width: 160px;
}
#nav a.navlogo:hover {
    background-image: url(/images/layout/home-logo-hover.png);
}

#nav a.navlang,
#nav span.navlang {
    padding: 10px 20px 10px 20px;
    padding-right: 0px;
    padding-left: 0px;
    margin: 0px 0px 0px 10px;
    font: 22px Dosis,Verdana,Helvetica,sans-serif;
    line-height: 29px;
    color: #323232;
    letter-spacing: 0px;
    text-transform: none;
    text-decoration: none;
    -webkit-tap-highlight-color: transparent;
}
#nav a.navlang:hover {
    color: #e61e78;
}

#nav a.navcart {
    background-image: url(../img/?f=carttote&ca=323232);
    background-repeat: no-repeat;
    background-position: center center;
    height: 49px;
    padding: 0;
    margin: 0px 10px 0px 20px;
    background-size: 32px;
    width: 32px; 
}
#nav a.navcart:hover {
    background-image: url(../img/?f=carttote&ca=e61e78);
}
#nav a.navcart.ngshopcartindicatorsimpleactive {
    background-image: url(../img/?f=carttotefull&ca=323232&cb=323232);
}
#nav a.navcart.ngshopcartindicatorsimpleactive:hover {
    background-image: url(../img/?f=carttotefull&ca=e61e78&cb=e61e78);
}

@media (max-width: 1023px) {
    #nav > ul > li > div {
      visibility: visible;
  }
  

#nav a.sqrnavshow,
#nav a.sqrnavhide {
    padding: 10px 0px 0px 0px;
    margin: 0px 10px 0px 10px;
    color: #323232;
    -webkit-tap-highlight-color: transparent;   
}

#nav a.sqrnavshow:hover,
#nav a.sqrnavhide:hover {
    color: #e61e78;
}

#nav a.sqrnavshow::before {
    content: '\f358';
    font-family: "Font Awesome 6 Free";
    font-weight: regular;
    font-size: 28px;
}

#nav a.sqrnavhide::before {
    content: '\f35b';
    font-family: "Font Awesome 6 Free";
    font-weight: regular;
    font-size: 28px;
}  

  
  #nav li.sqrnavmore>a {
     justify-content: flex-end;
     padding-right: 10px;
     border-top: 1px solid rgba(0, 0, 0, 0.075);
  }


  #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;
    }

#nav>div.viewmode {
     display: -webkit-box;   /* OLD - iOS 6-, Safari 3.1-6, BB7 */
     display: -ms-flexbox;  /* TWEENER - IE 10 */
     display: -webkit-flexbox; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
     display: flex;
     margin: 0;
     justify-content:flex-end;
  }
  #nav>ul>li.navlogo,
  #nav>ul>li.navcart,
  #nav>ul>li>a.navlang,
  #nav>ul>li>span.navlang,
  #nav>ul>li.viewmode {
     display: none;
  }
}

@media (max-width: 359px) {
   #nav a.navlogo,
   #nav a.navcart,
   #nav a.sqrnavshow,
   #nav a.sqrnavhide,
   #nav a.navlang,
   #nav span.navlang {
      margin: 0px 4px 0px 4px;  
   }
}

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

#nav a.navlogo {
      margin-right: 20px;
}

#nav a.navcart {
      margin: 0px 20px 0px 165px;
}

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

            #nav>ul>li:first-child,
        #nav>ul>li:first-child>a {
            border-radius: 0px 0px 0px 0px;
        }
    
  #nav>div {
    display: none;
  }

      #nav.navhover > ul > li.sqrnavmore:not(.nohover):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: -webkit-box;display: -ms-flexbox;display: -webkit-flexbox;display: flex;margin: 0;justify-content:flex-end;  }

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

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

  #nav>ul>li:not(.navlang):hover>a {
   	color: #e61e78;
  }

    #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>div.viewmode {
    display: none;
  }

  #nav>ul>li.viewmode {
    display: -webkit-box;   /* OLD - iOS 6-, Safari 3.1-6, BB7 */
    display: -ms-flexbox;  /* TWEENER - IE 10 */
    display: -webkit-flexbox; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
    display: flex;
    margin: 0;
    justify-content: flex-end;
  }
}


ul.sqrparanav {
    display: none;
}

@media (hover: hover) and (min-width: 1024px) {
    ul.sqrparanav {
        list-style: none;
        margin: 0;
        padding: 0;
        position: fixed;
        display: flex;
        right: 0;
        top: 120px;
        bottom: 120px;
        flex-direction: column;
        justify-content: center;
        z-index: 1900;
    }

    ul.sqrparanav>li {
        display: block;
        margin: -2px 0;
        padding: 0 10px 0 0;
    }

    ul.sqrparanav>li>a {
        position: relative;
        background: transparent url(../img/?f=paranavbigcircle&ca=e61e78) right center no-repeat;
        display: block;
        padding: 7px 0px 7px 18px;
        text-decoration: none;
        border-radius: 14px;
        text-align: right;
        opacity: 0.3;
        font-size: 14px;
        line-height: 14px;
        outline: none;
        transition: opacity 0.5s;
    }

    ul.sqrparanav>li>a:hover
    {
        z-index: 1901;
    }

    ul.sqrparanav>li>a:hover,
    ul.sqrparanav>li>a.sqractive {
        opacity: 1;
    }

    ul.sqrparanav>li>a>span {
        display: none;
        vertical-align: middle;
    }

    ul.sqrparanav>li>a>div {
        display: inline-block;
        width: 18px;
    }

    ul.sqrparanav>li>a:hover,
    ul.sqrparanav>li>a:focus-visible
    {
        background: #e61e78;
        color: #ffffff;
    }

    @keyframes sqrparanavslide {
        from {
            transform: translateX(10px);
        }
        to  {
            transform: translateX(0);
        }
    }

    @keyframes sqrparanavfade {
        from {
            opacity: 0;
        }
        to  {
            opacity: 1;
        }
    }

    ul.sqrparanav>li>a:hover>span,
    ul.sqrparanav>li>a:focus-visible>span {
        display: inline-block;
        animation: 0.3s cubic-bezier(.82,.01,.71,.99) forwards sqrparanavslide;
    }

    ul.sqrparanav>li>a:hover,
    ul.sqrparanav>li>a:focus-visible
    {
        animation: 0.3s cubic-bezier(.82,.01,.71,.99) forwards sqrparanavfade;
    }

}


@media (min-width: 1024px) {
    .sqrindent {
        display: block;
        margin-left: var(--sqrindentleft);
        margin-right: var(--sqrindentright);
    }
}
