@charset "utf-8";
/* CSS Document */

/***** BEGIN RESET *****/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
    background:transparent;
    border:0;
    margin:0;
    padding:0;
}

ol, ul {list-style: none;}
.clear {clear: both; height:0px; margin:0;}

/***** END RESET *****/

* {
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
	box-sizing: border-box;
}

html, body {
	overflow-x: hidden;
}

body {
	font-family: 'Saira', sans-serif!important;
}

button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-size: 100%; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */
}

button,
input { /* 1 */
  overflow: visible;
}

button,
select { /* 1 */
  text-transform: none;
}

button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
}

a {
	text-decoration: none;
	-webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all.3s ease-in-out;
}

.width {width: 1050px; margin: 0 auto; max-width: 90%;}

/* ===== SHOP STYLES ===== */
.cf {
	padding: 0 7% !important;
}

.hs-btn.hs-highlighted {
	background: #283c91;
	color: #fff!important;
}
.hs-btn.hs-highlighted:hover {
	background: red;
}

/***************************  HEADER STYLES  ***********************************/
.header {
	width: 100%;
	display: inline-block!important;
	margin: 0 auto;
	border-bottom: 4px solid red;
	position: relative;
	z-index: 1;
	/*box-shadow: 0px 2px 8px rgba(0,0,0,0.5);*/
}

.header a#logo {
	float: left;
	margin-top: -50px;
}

.header a#icebox {
	float: right;
	margin-top: -125px;
}

.header a#logo img, .header a#icebox img {
	width: 100%;
	display: block;
	max-width: 175px;
	height: auto;
	padding: 10px;
	margin: 0 auto;
}

.header .top-contact {
	text-align: center;
	background: #283c91;
	padding: 10px;
	color: #fff;
	text-transform: uppercase;
}

.header .top-contact a {
	color: #fff!important;
	padding-left: 75px;
	font-weight: 700;
	font-size: 18px;
}

.header .top-contact a:hover {
	color: #000!important;
}

.header .top-contact span {
	float: right;
}

.header .logo-nav-wrapper {
	display: inline-block;
	width: 100%;
	margin: 0 auto;
}

.header .logo-nav-wrapper .mobile-hdr {
	display: none;
}

.header .nav-wrapper {
	margin: 0 auto;
	display: block;
	text-align: center;
	margin-top: 50px;
	max-width: 600px;
}

.header .nav-wrapper a {
	font-weight: 700;
	color: #000;
	padding: 5px 1.25vw;
	line-height: 22px;
	font-size: 18px;
}



/*********************  FOOTER STYLES **************************************/
.footer {
	width: 100%;
	display: inline-block;
	margin: 0 auto;
	padding: 60px 10px 40px 10px;
	box-sizing: border-box;
	border-top: 4px solid red;
}

.footer .col ul {
	column-count: 2;
	column-gap: 10px;
	max-width: 300px;
}

.footer .col ul li {
	margin-bottom: 0.25em;
}

.footer .col.right {
	text-align: right;
}

.footer .col {
	float: left;
	width: 48%;
	margin: 1%;
}

.footer .col a:hover {
	color: #000!important;
}

.footer .col a {
	color: #000!important;
	-webkit-transition: .4s ease-in;
    -moz-transition: .2s ease-in;
    -o-transition: .2s ease-in;
    transition: .2s ease-in;
}

/**********************  MEDIA QUERIES (RWD) ***************************************/
@media screen and (max-width: 960px) {
	.width {max-width: 95%;}
	
/* HEADER */
	.header a#logo img, .header a#icebox img {max-width: 120px;}
	.header a#logo, .header a#icebox {display: none; margin-top: 0; float: none;}
	.header .logo-nav-wrapper {margin: 0 auto; padding: 15px 0; display: inline-block;}
	.header .nav-wrapper {display: none;}
	.header .logo-nav-wrapper .mobile-hdr a#logo, .header .logo-nav-wrapper .mobile-hdr a#icebox {display: inline-block;}	
	.mobile-hdr a#icebox img {float: right;}
	.header .logo-nav-wrapper .mobile-hdr {display: inline-block; width: 100%;}	.header .logo-nav-wrapper .mobile-hdr a {float: left; width: 33.33%;}
	.header .logo-nav-wrapper .mobile-hdr a#mobile-btn {margin-top: 40px; font-size: 20px; padding-left: 10px;}
	.header .top-contact a {font-size: 13px; font-weight: 400;}
	
/* FOOTER */
	.footer .col.right {text-align: left; margin-top: 25px;}
	
}

@media screen and (max-width: 767px) {
/* HEADER */
	.header .top-contact a {padding-left: 20px;}
	.header .logo-nav-wrapper .mobile-hdr a#mobile-btn {margin-top: 30px;}
	
	.header .logo-nav-wrapper {padding: 10px;}
	.header a#logo img, .header a#icebox img {max-width: 100px;}
	
/* FOOTER */
	.footer .col {float: none; width: 100%; margin: 0 auto; margin-top: 10px; margin-bottom: 10px;}
}