body {
  
  
  background-color: #FFFFFF;
  
  
  
  
  margin: 0;
  padding: 0;
}

#sqrall {
	padding: 0px;
}

#sqrtop {
  
  
  background-image:linear-gradient(180deg,#13171C,#27323A);
  background-color: #27323A;
  background-repeat: repeat-x;
  
  
}

#sqrbottom {
  
  
  background-color: #FFFFFF;
  
  
  
  
}


#sqralert {
  
  
  background-color: #FB752D;
  
  
  
  
  text-align: left;
  
  padding: 0px 30px 0px 30px;
  
  
  
  
  
  display: block;
  text-decoration: none;
}

#sqralert>div {
  
  
  
  
  
  
  max-width: 1280px;
  margin: 0 auto;
  
  font: 15px 'Libre Franklin',Verdana,Helvetica,sans-serif;
  color: #FFFFFF;
  text-transform: none;
  letter-spacing: 0px;
  padding: 10px 15px 10px 15px;
  -webkit-text-size-adjust:none;
  box-sizing: border-box;
  

}


#sqrcontact {
  
  
  
  
  
  text-align: center;
  
  padding: 0px 30px 0px 30px;
  
  
  
  
  
}

#sqrcontact>div {
  
  
  
  
  
  
  max-width: 1280px;
  margin: 0 auto;
  
  font: 15px 'Libre Franklin',Verdana,Helvetica,sans-serif;
  color: #EBEFF2;
  text-transform: uppercase;
  letter-spacing: 0px;
  padding: 10px 15px 10px 15px;
  -webkit-text-size-adjust:none;
  box-sizing: border-box;
  
}

#sqrcontact a, #sqrcontact span {
    text-decoration: none;
    -webkit-text-size-adjust:none;
    display: inline-block;
    margin: 5px 3px;
}

#sqrcontact a {
    color: #EBEFF2;
}

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

#sqrcontact a:hover {
    color: #FFFFFF;
    text-decoration: none;
}

#sqreyecatcher {
  
  
  
  
  
  
  padding: 0px 0 0px 0;
  
  
  
  
  
}

#sqreyecatcher>div {
  
  
  
  
  
  
  padding: 0px;
  box-sizing: border-box;
  
}

#sqreyecatcherstage {
	position: relative;
	overflow: hidden;
	padding: 0;
}

#sqreyecatcherstage img {
	width: 100%;
	display: block;
	border: 0;
	position: absolute;
	height: 100%;
}

#sqreyecatcherstage img.sqreyecatcherpri {
	z-index: 1;
	transition: none;
	-webkit-transition: none;
	opacity: 1;
}

#sqreyecatcherstage img.sqreyecatchersec {
	z-index: 2;
	transition: none;
	-webkit-transition: none;
	opacity: 0;
}

#sqreyecatcherstage img.sqreyecatchersecout {
	transition: opacity 0.5s;
	-webkit-transition: opacity 0.5s;
	opacity: 1;
}

#sqreyecatcherbullets {
	padding: 10px;
	display: flex;
	justify-content: center;
	
	
}

#sqreyecatcherbullets a {
	width: 20px;
	height: 20px;
	background: url(bullet.svg) no-repeat left top;
	display: block;
}

#sqreyecatcherbullets a.active {
	background-position: left bottom;
}

#sqrlogo {
  
  
  
  
  
  text-align: center;
  
  padding: 0px 30px 0px 30px;
  
  
  
  
  
}

#sqrlogo>div {
  
  
  
  
  
  
  max-width: 1280px;
  margin: 0 auto;
  
  padding: 20px 30px 20px 30px;
  -webkit-text-size-adjust:none;
  box-sizing: border-box;
  
}

#sqrlogo>div>img {
  display: inline-block;
}

@media screen and (max-width: 768px) {
	#sqrlogo>div>img {
		max-width: 60%;
		height: auto;
	}
}

#sqrfooter {
  
  
  background-image:linear-gradient(180deg,#27323A,#13171C);
  background-color: #13171C;
  background-repeat: repeat-x;
  
  
  
  padding: 0px 30px 0px 30px;
  
  margin: 0;
  
  border-top: 1px solid #090B0D;
  
  
}

#sqrfooter>div {
  
  
  
  
  	
  
  max-width: 1280px;
  margin: 0 auto;
  
  box-sizing: border-box;
  
}

.sqrcommonlinks {
  padding: 20px 30px 10px 30px;
  text-align: center;
  font: 15px 'Libre Franklin',Verdana,Helvetica,sans-serif;
  -webkit-text-size-adjust:none;
  text-transform: uppercase;
  letter-spacing: 0px;
}

.sqrcommonlinks a {
  text-decoration: none;
  color: #EBEFF2;
  padding: 0 8px;
  transition: color 0.3s;
}

.sqrcommonlinks a:hover {
  color: #FFFFFF;
}



.sqrfootercontact {
  padding: 10px 30px 10px 30px;
  text-align: center;
  font: 15px 'Libre Franklin',Verdana,Helvetica,sans-serif;
  -webkit-text-size-adjust:none;
  text-transform: none;
  letter-spacing: 0px;
}

.sqrfootercontact a, .sqrfootercontact span {
  color: #EBEFF2;
  text-decoration: none;
  display: inline-block;
  margin: 5px 3px;
  transition: color 0.3s;
}

.sqrfootercontact 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;
}

.sqrfootercontact a:hover {
  color: #FFFFFF;
}




.sqrfootertext {
  padding: 10px 30px 20px 30px;
  box-sizing: border-box;
  text-align: center;
  font: 15px 'Libre Franklin',Verdana,Helvetica,sans-serif;
  -webkit-text-size-adjust:none;
  text-transform: none;
  letter-spacing: 0px;
  color: #EBEFF2;
}

#sqrcontent {
  
  
  
  
  
  
  padding: 0px 0 0px 0;
  
  
  
  
  
}

#sqrcontent>div {
  
  
  
  
  
  
  padding: 30px 0px 30px 0px;
  box-sizing: border-box;
  
}

@media screen and (max-width: 767px) {
	#sqrcontact,
	#sqrlogo,
	#sqrnav,
	#sqrnavvertical,
	#sqrcontent,
	#sqreyecatcher,
	#sqrfooter
	{
		padding-left: 0 !important;
		padding-right: 0 !important;
	}
	#sqrall {
		padding: 0 !important;
	}
}





#sqrnav {
  
  
  
  
  
  
  padding: 0px 30px 0px 30px;
  
  
  
  border-bottom: 1px solid #090B0D;
  
}

.sqrnav {
  display: block;

  
  
  
  
  
  
  max-width: 1280px;
  margin: 0 auto;
  
  padding: 0px;
  -webkit-text-size-adjust:none;
  box-sizing: border-box;

  z-index: 1000;
  -webkit-user-select: none;
  user-select: none;
  line-height: 21px;
  
}

.sqrnav a {
  display: block;
  margin: 0;
  padding: 12px 22px 12px 22px;
  font: 15px 'Libre Franklin',Verdana,Helvetica,sans-serif;
  color: #EBEFF2;
  text-transform: uppercase;
  letter-spacing: 0px;
  text-decoration: none;
  -webkit-tap-highlight-color: transparent;
  line-height: 22px;
}
.sqrnav>ul li {
  display: block;
  margin: 0;
  padding: 0;
  position: relative;
}
.sqrnav .sqrnavsearch form {
  box-sizing: border-box;
  display: block;
  margin: 0;
  padding: 12px;
  display: block;
  width: 100%;
}
.sqrnav .sqrnavsearch input {
  box-sizing: border-box;
  display: block;
  padding: 0;
  width: 100%;
  border: 0;
  padding: 8px 12px 8px 30px;
  margin: 0;
  color: #EBEFF2;
  -webkit-appearance: none;
  border-radius: 0;
  background: #3B4C58 url(searchsearch.svg) 8px 50% no-repeat;
}
#searchajax {
	background-color: #3B4C58;
}
#searchajax>a {
    
	padding: 8px 12px 8px 30px;
    color: #EBEFF2;
}


.sqrnav li.sqrnavactive>a {
  font-weight: bold;
}

@media screen and (max-width: 767px) {
  
  .sqrnav a.sqrnavshow, .sqrnav a.sqrnavhide {
    background: url(menu.svg) right center no-repeat;
  }
  .sqrnav li.sqrnavmore>a {
    background: url(moreright.svg) right center no-repeat;
  }
  .sqrnav li.sqrnavopen>a {
    background-image: url(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;
    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>a {
    display: none;
  }
  .sqrnav>ul {
    box-sizing: border-box;
    display: block;
    padding: 0;
	margin: 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-image:linear-gradient(180deg,#3B4C58,#4F6676);
    background-color: #4F6676;
    background-repeat: repeat-x;
    
    

    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.sqrnavmore>a {
    background: transparent url(moredown.svg) right center no-repeat;
    padding-right: 44px;
  }
  .sqrnav>ul>li.sqrnavopen>a {
    background: transparent url(moredownopen.svg) right center no-repeat;
    padding-right: 44px;
	
  }
  .sqrnav>ul>li li.sqrnavmore>a {
    background: transparent url(morerightopen.svg) right center no-repeat;
    padding-right: 44px;
  }
  .sqrnav>ul>li.sqrnavopen>ul {
    left: 0;
    transform: translate(0);
    opacity: 1;
  }
  .sqrnav>ul>li ul li.sqrnavopen>ul {
    left: 100%;
    top: 0;
    transform: none;
    opacity: 1;
  }
  .sqrnav>ul>li.sqrnavopen {   
    
    
    background-color: #3B4C58;
    
    
    
    
  }
  .sqrnav>ul>li.sqrnavopen>a {
	color: #FFFFFF;
  }

  .sqrnav>ul>li.sqrnavopen li a {
	color: #EBEFF2;
  }


  .sqrnav>ul>li.sqrnavhome>a>span, .sqrnav>ul>li.sqrnavsearch>a>span, .sqrnav>ul>li.sqrnavshop>a>span {
    display: none;
  }
  .sqrnav>ul>li.sqrnavhome>a {
    background: transparent url(home.svg) no-repeat center center;
    width: 16px;
    height: 16px;
    padding: 15px 22px 15px 22px;
  }

  .sqrnav>ul>li.sqrnavlogodesktop>a {
	padding: 0 12px;
  }

  .sqrnav>ul>li.sqrnavlogodesktop>a>img {
	display: block;
  }

  .sqrnav>ul>li.sqrnavsearch, .sqrnav>ul>li.sqrnavshop {
    float: right;
  }
  .sqrnav>ul>li.sqrnavsearch>a {
    background: transparent url(search.svg) no-repeat center center;
    width: 16px;
    height: 16px;
    padding: 15px 22px 15px 22px;
  }
  .sqrnav>ul>li.sqrnavsearch.sqrnavopen>a {
    background-image: url(searchopen.svg);
  }
  .sqrnav>ul>li.sqrnavshop>a {
    background: transparent url(cart.svg) no-repeat center center;
    width: 16px;
    height: 16px;
    padding: 15px 22px 15px 22px;
  }
  .sqrnav>ul>li.sqrnavshop.sqrnavopen>a {
    background-image: url(cartopen.svg);
  }
  .sqrnav>ul>li.sqrnavshop>a.sqrcartfull {
    background: url(cartfull.svg) no-repeat center center;
  }
  .sqrnav>ul>li.sqrnavshop.sqrnavopen>a.sqrcartfull {
    background-image: url(cartfullopen.svg);
  }
  .sqrnav>ul>li.sqrnavopen.sqrnavshop>ul, .sqrnav>ul>li.sqrnavopen.sqrnavsearch>ul {
    left: auto;
    right: 0;
    opacity: 1;
  }
  .sqrnav a {
  	transition: background-color 0.2s;
  }
  
}