@font-face {
     font-family: 'StateFaceRegular';
     src: url('../fonts/stateface-regular-webfont.eot');
     src: url('../fonts/stateface-regular-webfont.eot?#iefix') format('embedded-opentype'),
          url('../fonts/stateface-regular-webfont.woff') format('woff'),
          url('../fonts/stateface-regular-webfont.ttf') format('truetype'),
          url('../fonts/stateface-regular-webfont.svg#StateFaceRegular') format('svg');
     font-weight: normal;
     font-style: normal;
 }


html {}
body {position: relative; right: 0;	background: #193647 url(../img/bg.jpg) no-repeat center top; background-attachment: fixed; overflow-x: hidden;
	font-family: 'Montserrat', sans-serif;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	transition: all .3s ease;
}

body.slide-out-open {right: 60%;}
a {text-decoration: none; color: #36B3BF;
	-webkit-transition: all .3s linear;
	-moz-transition: all .3s linear;
	transition: all .3s linear;
}
a:hover {text-decoration: none;}
.clear {clear: both;}
.alignleft {float: left; margin: 0 20px 20px 0;}
.alignright {float: right; margin: 0 0 20px 20px;}
.v-align {display: flex; align-items: center; align-content:center; flex-direction: column; justify-content: center}
img {max-width: 100%;}

.btn:disabled {pointer-events: none;}

h1, h2, h3, h4, h5 {}

.divider {display: block; height: 20px; width: 100%;}

.btn {border-radius: 0; border: none; font-weight: 700; text-transform: uppercase; letter-spacing: 1px; font-size: 14px; background: url(../img/fill.svg) center center; background-size: auto 100%; color: #222}
.btn-primary:active,
.btn-primary:focus {background: url(../img/fill.svg) center center !important; background-size: cover !important; outline: none; color: #222 !important; border: none !important;}
.btn-lg {padding: 15px; font-size: 16px;}
.btn-secondary {color: #FFF;
	background: rgb(114,163,198);
	background: -moz-linear-gradient(top,  rgba(114,163,198,1) 0%, rgba(45,133,196,1) 100%);
	background: -webkit-linear-gradient(top,  rgba(114,163,198,1) 0%,rgba(45,133,196,1) 100%);
	background: linear-gradient(to bottom,  rgba(114,163,198,1) 0%,rgba(45,133,196,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#72a3c6', endColorstr='#2d85c4',GradientType=0 );
}
.btn-secondary i {font-size: 20px; margin-right: 10px;}
.btn-sm {padding: 3px; line-height: 12px;}
.btn-danger {background: #ab2d2d;}

.spacer-xs {height: 5px}
.spacer-sm {height: 15px}
.spacer-md {height: 30px}
.spacer-lg {height: 45px}
.spacer-xl {height: 60px}
.spacer-xxl {height: 90px}

#wrap {min-height: 100vh; padding-bottom: 100px; }

#logo img {max-width: 600px; margin:0 0 30px;}
#tags {background: url(../img/fill.svg) center center; background-size: auto 100%; padding: 5px 0; text-transform: uppercase; font-weight: 700; letter-spacing: 1px; font-size: 14px;}

#content {padding: 30px 0;}
#content p {color: #FFF; opacity: 0.7; letter-spacing: 0.3px;}

h1 {color: #CAE8FF; font-style: italic; text-transform: uppercase; font-weight: 400; letter-spacing: 2px; font-size: 35px;}
h2 {color: #CAE8FF; font-style: italic; text-transform: uppercase; font-weight: 400; letter-spacing: 2px; font-size: 22px; padding-bottom: 15px;}

#grid {margin-top: 100px;}

#accordion .btn-link {display: block; background: #122938; border: 1px solid #0a456a; margin-bottom: 10px; padding: 15px; text-align: left; color: #6b9fc5; position: relative;}
#accordion .btn-link i {position: absolute; right: 15px; top: 20px;}
#accordion .btn-link i.fa-chevron-up {display: block;}
#accordion .btn-link i.fa-chevron-down {display: none;}
#accordion .btn-link.collapsed i.fa-chevron-up {display: none;}
#accordion .btn-link.collapsed i.fa-chevron-down {display: block;}


.table {color: #FFF}

form :focus {background: #0e2432 !important; color: #FFF !important}
form {margin: 0 auto; color: #FFF}
form label {font-weight: 500; letter-spacing: 1px; text-transform: uppercase; font-size: 14px;}
form label.error {color: red; font-size: 10px; margin-top: -14px; display: block;}
form .form-group {padding-top: 15px;}
form small {opacity: 0.7;}
input[type="number"],
input[type="password"],
input[type="text"],
#card-element {border: 2px solid #5898c6; border-radius: 0; background: #0e2432; color: #FFF; padding: 14px; height: 55px}
select.form-control {border: 2px solid #5898c6; border-radius: 0; background: #0e2432 url(../img/icon-down.png) no-repeat center right; background-position-x:97%; background-size: 15px auto; color: #FFF; padding: 15px; height: 58px !important; width: auto;
	-webkit-appearance: none;
   -moz-appearance: none;
   appearance: none;       /* Remove default arrow */
}
form h3 {font-size: 20px; padding-bottom: 15px; margin: 0 !important; padding-top: 15px; text-transform: uppercase; letter-spacing: 1px; font-weight: 400; font-style:italic; color: #FFF; line-height: 30px; margin-bottom: 15px;}
form h3 span {background: #e7d236; width: 30px; height: 30px; display: inline-block; text-align: center; font-weight: 900; color: #11232f; border-radius: 100px; margin-right: 10px;}
form h2 {font-size: 20px; padding-bottom: 10px; padding-top: 15px; text-transform: uppercase; letter-spacing: 1px; font-weight: 400; font-style:italic; color: #72a3c6}
form table {font-size: 12px;}
form table tr td {border-color:rgba(255,255,255,0.3) !important; padding: 6px 2px 4px !important}
form table tr td .num-added {display: inline-block; text-align: center; width: 15px; color: #10ff10; opacity: 0; font-weight: 800; font-size: 14px;}
form table tr td .btn-danger {opacity: 0;}

.panel-checkout input,
.panel-checkout select {margin-bottom: 20px;}

.panel.panel-product {display: block}
.panel.panel-address {display: block;}
.panel {display: none}
/*.panel {display: block}*/

.location-response {display: none;}
.cc-response {display: none;}

.cart {background: #113f60; padding: 15px; border-radius: 5px;}
.cart .table tr {border-top: 0 !important;}
.cart .table tr th {border-top: 0 !important; padding: 0;}
.cart .total {color: #e8d334; font-size: 30px;}
.cart .promo input {height: 40px;}
.cart .promo .btn {height: 40px; line-height: 40px; padding: 0;}
.cart .total {text-align: left;}
.cart .notice {padding-bottom: 30px; color: #6b9fc5}
.cart hr {background: #FFF; opacity: 0.1;}
.cart h5 {opacity: 1; font-weight: 300; font-size: 15px; margin-bottom: 20px; color: #e4c93d}
form .cart h2 {margin-bottom: 0;}

.cart .info-list {display: none;}
.cart-container.lower .cart .info-list {display: block;}


#footer {background: #2C5977; text-transform: uppercase; font-weight: 600; letter-spacing: 2px; font-size: 12px; color: #FFF; padding: 20px 0; position: absolute; bottom: 0; left: 0;  width: 100%; z-index: 20; overflow-x: hidden;}
#footer a {color: #FFF}

img#lighthouse {position: absolute; right: -50px; bottom:0; width:150px; z-index: -1;}

.confirmation #content {color: #FFF; text-align: center;}


#login {color: #FFF; height: 100vh;}