@charset "UTF-8";
/* Williamson */

body {font-family: 'montserratlight';}
body.login {background:#eeeeee;}

h1, h2, h3, h4, h5, h6 {font-family: 'league_spartanregular'; -webkit-font-smoothing:antialiased;}
p strong {font-family: 'montserratbold';}

.link {color: #333}

/* Help Box -Login screen */

.help {width:150px; background: #124b8a; height: 150px; position: absolute; left: 20px; top: 0; font-family: 'league_spartanregular'; -webkit-font-smoothing:antialiased; text-align: center}
.help a {text-decoration:none}
.help p {font-size: 18px; text-transform: uppercase; display: block; color: #fff}
.help span {color:#162332; font-size: 14px; display: block}
.help i.phone-icn img {width:46px; height: 46px; margin: 20px auto}

/* Login Box */

.login .highlight_message {text-align: center !important}

.login-bx-wrapper {max-width: 566px; margin: 50px auto; width: 100%;}
.logo {margin-bottom: -25px}
.login-bx {background: #162332; max-width: 380px; margin: 0 auto; padding: 45px 40px; position: relative; overflow: hidden}
.login-bx h1 {color:#fff; text-transform: uppercase; font-size: 48px; text-align: center; letter-spacing: 5px; margin: 10px 0 40px 0}
.user-icn-lg {width: 77px; display: block; margin: 0 auto}

.login-bx input[type="text"],.login-bx input[type="password"] {display: block; margin: 8px 0 15px 0; width: 100%; padding: 15px 0; border:0; font-family: 'league_spartanregular'; font-size: 16px; -webkit-font-smoothing:antialiased; text-indent: 20px}
.login-bx label {font-size:14px; color: #4e5863; font-family: 'league_spartanregular'; -webkit-font-smoothing:antialiased; display: block}

.login-bx a {color:#124b8a; font-size: 14px; font-family: 'league_spartanregular'; -webkit-font-smoothing:antialiased; float: left; text-decoration: none; border-bottom: 2px solid #124b8a; margin: 20px 0 0 0}
.login-bx input[type="submit"] {float:right; margin: 20px 0 0 0}

.forgot-text {text-align: center; color: #fff; font-size: 15px; margin-top:-30px; margin-bottom: 25px; }

/* Placeholder */

::-webkit-input-placeholder {
  color: #e6e6e6;
}
::-moz-placeholder {
  color: #e6e6e6;
}
:-ms-input-placeholder {
  color: #e6e6e6;
}
:-moz-placeholder {
  color: #e6e6e6;
}


/* The Modal (background) */
.modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    padding-top: 100px; /* Location of the box */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content */
.modal-content {
    position: relative;
    background-color: #fefefe;
    margin: auto;
    padding: 0;

    width: 40%;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
    -webkit-animation-name: animatetop;
    -webkit-animation-duration: 0.4s;
    animation-name: animatetop;
    animation-duration: 0.4s
}

/* Add Animation */
@-webkit-keyframes animatetop {
    from {top:-300px; opacity:0}
    to {top:0; opacity:1}
}

@keyframes animatetop {
    from {top:-300px; opacity:0}
    to {top:0; opacity:1}
}

/* The Close Button */
.close {
    color: white;
    float: right;
    font-size: 28px;
    font-weight: bold;
}

.close:hover,
.close:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
}

.modal-header {
    padding: 20px;
    background-color:#1f2e3f;
    color: #fff; font-size: 24px; text-align:center;
}

.modal-body {padding: 25px 25px 40px; text-align:center; overflow:hidden; min-height: 150px}
.modal-body p {font-size:17px; font-family: 'montserratextralight';}
.modal-buttons {width: 100%; overflow:hidden;}
.modal-buttons button {width: 50%; margin: 0; float: left; padding: 20px 0 !important; font-size: 18px !important; }

/* Buttons */


.button {font-family: 'league_spartanregular'; -webkit-font-smoothing:antialiased; font-size: 16px; border: 0; padding: 15px 40px; display: inline-block; text-decoration: none; letter-spacing: 1px; outline: none}
.button.blue {background:#124b8a; color: #fff}
.button.darkblue {background:#1f2e3f; color: #fff}
.button.resized {font-size:13px; padding: 12px 15px;}

/* Footer */

footer {background:#fff; border-top: 1px solid #eee; position: relative; overflow: hidden; margin: 7rem 0 0 0; padding: 20px 0; font-family: 'montserratbold'; -webkit-font-smoothing:antialiased;}
footer > section {width:90%; margin: 0 auto}
footer img {float: right; margin-top: 10px; display: block; width: auto}
.footer-links {display: block; padding: 40px 0; color: #949393;}
.footer-links a {color: #949393; text-decoration: none; display: inline-block; margin: 0 5px}

/* Header */

.header-nav {display: block; position: relative; background: #fff}
.header-nav header {width:90%; margin: 0 auto; height: 105px; position: relative;}

.mini-cart {font-size:18px; font-family: 'league_spartanregular'; -webkit-font-smoothing:antialiased;}
.mini-cart > p {display: inline-block; position: absolute; right: 90px; color: #124b8a; margin: 40px 35px 0; }
.mini-cart > p.allocation-counter {right:270px; background: #1f2e3f; padding: 5px 15px 17px; top: -10px;}
.mini-cart > p.allocation-counter a {margin-top: 0px; display: block;  color: #fff}
.mini-cart > p.allocation-counter:after {display: block; font-size: 10px; letter-spacing: 1px; position: absolute; content: 'remaining'; font-family: 'montserratblack'; text-transform: uppercase;  color: #fff; opacity: .6}
.mini-cart .divider {background:#e9e9e9; height: 35px; width: 1px; margin: -12px 10px; display: inline-block}
.mini-cart a {display:block; text-decoration: none; color: #124b8a}
.mc-price {color:#59595c;}

.menu-icn {position: relative; float:right; display: inline-block; width: 50px; top: 25px;}

.account-logo { margin: 13px 0; height: 77px; overflow: hidden}
.account-logo img {max-height:77px; width: auto}


/* Account Menu */

.help-menu {display: block; width: 100%; overflow: hidden; background: #1a5592; font-size:16px; font-family: 'league_spartanregular'; -webkit-font-smoothing:antialiased; padding: 20px 0;}
.help-menu span {display: block; padding: 0 0 0 25px}
.help-menu span.ar {text-align: right; padding: 0 25px 0 0; font-size: 18px;}
.account-wrapper {padding:30px; min-height: 250px; -webkit-font-smoothing:antialiased;}
.account-wrapper p {display: block; position: relative; width: 100%;}
.account-wrapper p a {color: #fff; text-decoration: none; border:none; font-size: 18px; padding: 10px 0; margin: 0; line-height: 18px; height: inherit;}
.account-wrapper p a:hover {color: #1a5592}
.account-wrapper h4 {display: block; overflow: hidden; height: 40px; border-bottom: 1px solid #344455; padding: 13px 0 10px 0; margin-bottom: 30px; font-size: 13px; text-transform: uppercase; letter-spacing: 2px;}
.account-wrapper h4 i {width:35px; height: 35px; border-radius: 50%; overflow: hidden; display: inline-block; float: left; background: #fff; margin: -10px 15px 0 0}
.account-wrapper h4 i img {}
.account-wrapper h4 i span {display: block; text-align: center; font-style: normal; font-family: 'league_spartanregular'; font-size:14px; color:#1f2e3f; line-height: 35px}
.account-wrapper h5 {text-transform: uppercase; font-size: 10px; letter-spacing: 2px; margin-bottom: 15px}
.user-icn {width: 21px; height: 18px; display: inline-block; float: left; margin:-4px 10px 0 0 }





/* Page heading background */

.title {background:#e7e7e7; padding: 30px 0; position: relative}
.title h1 {font-size: 36px; color: #1f2e3f}

.allocation-counter-title {position: absolute; left: 0; top: 0; line-height: 50px; background: #1f2e3f; width: 50px; height: 50px; border-radius:50%; text-align: center; color: #fff; font-size: 20px; font-family: 'league_spartanregular'; -webkit-font-smoothing:antialiased;}
.allocation-counter-title:after {display: block; font-size: 12px; letter-spacing: 1px; top: 0; left: 60px; position: absolute; content: 'allocations'; font-family: 'montserratblack'; text-transform: uppercase;  color: #fff;}


/* Page wrappers */

.main-container {position: relative}
.container {width:70%; float: left; display: block; max-width: 1080px;}

/* Presentation pages */

.pres {padding: 50px 0 50px 60px;}
.pres h3 {font-size: 20px; color: #124b8a}
.pres p {font-size: 14px; margin: 10px 0; padding: 10px 0; line-height: 22px;}
.pres a {color:#124b8a; border-bottom: 2px solid #124b8a; text-decoration:none;  font-family: 'montserratbold';}


/* Shop Navigation on the left */

.shop-nav nav {margin: 13% 0 0 20%}
.shop-nav ul li {margin-bottom:10px;}
.shop-nav ul li a {font-size:18px; font-family: 'league_spartanregular'; -webkit-font-smoothing:antialiased; color: #666d75; text-decoration: none}
.shop-nav ul li a:hover {color:#124b8a}

.shop-nav h2 {font-size: 30px; color:#1f2e3f; margin-bottom: 35px;}



/* Pagination */


.pagi {display:block; font-family: 'league_spartanregular'; -webkit-font-smoothing:antialiased; font-size: 16px; border-bottom: 1px solid #eee; padding: 5% 0 20px 0; position: relative}
.pagi ul {margin:0; padding: 0; list-style: none}
.pagi li {display: inline-block; margin-right: 10px; color:#124b8a;}
.pagi a {color:#124b8a; text-decoration: none; border-bottom: 2px solid #124b8a;}


/* tags */

.new {background:#07b57a; text-align: center; color: #fff; font-size: 11px; letter-spacing: 2px; padding: 15px 25px; text-transform: uppercase; display: block; position: absolute; right: 0; bottom: 0px; }



/* Category & Product List View */

.category {margin:30px -10px}

.item-cat a {display: block; margin: 10px; text-align: center;  text-decoration: none;}
.item-cat h2 {color: #1f2e3f; text-transform: uppercase; font-size: 16px; margin: 10px 0; min-height: 50px; line-height: 19px;}
.item-cat hr {width:4px; background: #124b8a; height: 50px; margin: -30px auto 0; position: relative; border: 0}
.item-cat img {}
.item-cat span {max-height: 350px; overflow: hidden; display: block; border:4px solid #fff;}
.item-cat a:hover span {border-color: #124b8a}

.item-product a {display: block; margin: 10px; text-align: center;  text-decoration: none}
.item-product h2 {color: #1f2e3f; text-transform: uppercase; font-size: 16px; margin: 20px 0 3px 0; line-height: 19px;}
.item-product p {font-size:18px; color: #124b8a}
.item-product article {min-height:70px;}
.item-product hr {width:4px; background: #124b8a; height: 50px; margin: -30px auto 0; position: relative; border: 0; display:none}
.item-product img {height:100%; width: 100%; object-fit:cover; position:absolute}

.item-product .button.various {}
.item-product .group-buttons {margin:0 10px 0 15px}
.item-product .group-buttons a, .item-product .button.various  {margin:10px 0px; display: block; width: 49%; float: left; padding: 12px 0 !important}
.item-product figure {max-height: 350px; min-height: 350px; overflow: hidden; position: relative; border:4px solid #eee; position:relative}
.item-product a:hover figure {border-color: #124b8a}

.grey-bg {
    position: absolute;
    right: 0px;
    z-index: 999;
    background-color: #eee;
    mix-blend-mode: multiply;
    color: #fff;
    width: 100%;
    height: 100%;
    opacity: .9; display: none
}


/* Product */

.popup {background: #fff; padding: 40px !important; overflow: hidden;}

.product {display: block; overflow: hidden; padding: 40px 0}
.product h2 {text-transform: uppercase; color:#1f2e3f; font-size: 30px; letter-spacing: 2px; margin: 0 0 10px 0}
.product h4 {color:#f7011e; font-size: 14px;}
.product-price {font-size: 34px; color: #124b8a; margin: 20px 0 10px 0}
.product hr {height:1px; border: 0; background: #eee; margin: 30px 0}
.product .desc {font-size:14px; color: #6b6969;}
.desc p {font-family: 'montserratlight' !important; line-height: 24px; -webkit-font-smoothing:antialiased; margin: 5px 0}

.thumbs {margin:0; padding: 0; list-style: none; }
.thumbs li {display:block; margin: 0 0 20px 0}
.thumbs li span {border:3px solid #fff; display: block}
.thumbs li span:hover {border:3px solid #124b8a; }
.main-img {margin-right: 55px; margin-left: 20px; margin-top: 0px; max-height: 603px; overflow: hidden}
.sku {text-transform: uppercase; color: #a8a8a8; margin-bottom: -10px}

.buy-now-bx {}
.buy-now-bx label {display: block; font-size:13px; font-family: 'league_spartanregular'; color: #1f2e3f; margin-bottom: 5px; text-align: left; min-height: 30px;}
.buy-now-bx label span {color:#f7011e;}
.options .right label {}
.option select {width:100% !important}

.pull-left {float:left;}

.custom {}
.custom button.items-count {background-color: #e7e7e7;border: none;transition: color 300ms ease-in-out 0s, background-color 300ms ease-in-out 0s, background-position 300ms ease-in-out 0s;color: #949393;font-size: 24px;line-height: normal;padding: 6px 15px 12px 15px;line-height: normal; width:52px; height:50px; outline:none; margin:0 2px; font-family: 'league_spartanregular';}

.qty {padding: 0;height: 47px;border: none;text-align: center;width: 72px;color: #949393;vertical-align: top;background: #fff; outline:none; font-size:14px; font-family: 'league_spartanregular'; border: 2px solid #e7e7e7 }

.add-cart {margin-left: 10px;}
.add-cart button {outline: none; border: none;transition: color 300ms ease-in-out 0s, background-color 300ms ease-in-out 0s, background-position 300ms ease-in-out 0s;-moz-appearance: none; -webkit-appearance: none; padding: 14px 35px; font-size: 14px; letter-spacing: 3px;}
.add-cart button:hover {background:#124b8a}

.stock-amount {font-size:14px; font-family: 'league_spartanregular'; color: #07b57a; display: block; margin: 20px 0}
.stock-amount span {font-size: 11px; color: #fff; background: #07b57a; display: inline-block; border-radius: 50%; width:25px; height: 25px; line-height: 25px; text-align: center}


.options {margin:20px 0; display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); grid-gap: 10px;}
.options > .col-6 {width: auto}
.options .right {text-align:right}
.buynow p {font-size: 11px; text-transform:uppercase; display:block; color:#fff}

select {background: #fff;
  background-image: url("data:image/svg+xml;utf8,<svg fill='black' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/><path d='M0 0h24v24H0z' fill='none'/></svg>");
  background-repeat: no-repeat;
  background-position-x: 95%;
  background-position-y: 8px; width: auto; font-size: 13px; line-height: 1; border: 2px solid #e7e7e7; height: 45px; color: #666; -webkit-appearance: none;  font-family: 'montserratregular'; border-radius:0px; padding:10px 18px; margin-right:2px; outline:none; display:inline-block; width: 95%; -webkit-font-smoothing:antialiased; }

.tabs {-webkit-font-smoothing:antialiased; margin: 30px 0}
.tabs ul {list-style: none; margin: 0; padding: 0; border-top:1px solid #eee}
.tabs li {display:inline-block; border-right:1px solid #eee;}
.tabs li a {font-family: 'league_spartanregular'; font-size: 18px; letter-spacing: 3px; color: #124b8a; text-decoration: none; display: block; padding: 20px 35px 5px 35px}
.tabs article {padding: 32px}
.tabs article p {font-size: 14px; color: #6b6969}


.question {display:block; overflow: hidden; background: #1f2e3f; margin-bottom: -7rem; padding: 5% 0; text-align: center}
.question p {text-align: center; font-size: 30px; text-transform: uppercase; letter-spacing: 4px; font-family: 'league_spartanregular'; color: #fff;  -webkit-font-smoothing:antialiased;}
.question a {display: inline-block; text-align: center; margin: 25px 0 0 0;}



.size-guide-button {border:1px solid #1f2e3f; padding: 10px; display:flex; max-width: 95px; color:#1f2e3f; font-size: 13px; cursor:pointer}
.size-guide-button svg {margin-right: 10px;}

.grid.product-options {display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); grid-gap: 10px; margin-bottom: 20px; border-bottom: 1px solid #eee; padding-bottom: 20px;}


.grid.product-options input {margin: 0;
    padding: 10px 0;
    border: none;
    text-align: left;
   
    color: #949393;
width: 95%;
    background: #fff;
    outline: none;
    font-size: 13px;
    font-family: 'league_spartanregular';
    border: 1px solid #222; text-indent: 15px;
  
   }


/* Cart */

.cart {padding:30px 0; position: relative;}
.cart-main .product-table {margin:0 0 30px 0;}
.intro {font-size: 18px; margin:25px 0; color: #6b6969; }
.proceed-to-checkout a {text-decoration: none}

.product-table.logged-in {margin:0 0 30px 0;}
.product-table { margin: 50px 0 30px 0; padding: 0; width: 100%; border-spacing: 0px; border-collapse: separate; }
.product-row {background: #eee}
.product-table th {font-family: 'league_spartanregular'; font-size: 15px; background: #eee; color:#1f2e3f; -webkit-font-smoothing:antialiased;}
.product-table th.footer-th {background: #fff; border-top:1px solid #eee;border-bottom:2px solid #eee;}
.product-table th.footer-th {font-size: 14px;}


.product-table th, .product-table td {padding:10px; border-bottom: 1px solid #eee}
.table-total {text-align: right}
.table-delete {width:30px;}
.delete {font-size: 15px; color: #6b6969; display: block; margin: 22px 0; text-align: left; font-family: FontAwesome; background:none; border:0}
.shipping-notes {width: 80%}
.shipping-notes h2 {font-size:16px; color:#666d75; margin-bottom: 10px;}
.shipping-notes p {font-size: 14px; color: #6b6969; line-height: 21px;}


.variations {display: block; margin: 6px 0; font-size: 12px; color: gray}

.table-name h3 {font-size: 17px; color: #124b8a; margin-top: 6px}
.table-price span {font-size: 18px; padding:22px 0; display: block;}
.table-qty {text-align: center;}
.table-qty input {margin:11px 0; padding: 0;height: 40px;text-align: center; width: 52px;color: #949393;vertical-align: top;background: #fff; outline:none; font-size:14px; font-family: 'league_spartanregular'; border: 2px solid #e7e7e7 }
.table-total span {font-size: 18px; padding:22px 0; display: block;}
.table-qty span {font-size: 18px; padding:22px 0; display: block;}

.cart_totals {float:right; text-align: right;}
.cart_totals h2 {text-transform: uppercase; font-size: 16px; padding-right: 10px; font-family: 'montserratextrabold'; font-weight: normal;}
.cart_totals table {border-collapse: separate; margin: 0 0 6px; padding: 0; width: 100%;}
.cart_totals table tr:first-child th,
.cart_totals table tr:first-child td {
 border-top: 0;
}
 .cart_totals table th {
  padding: 0.42857142857142855em 0.8571428571428571em 0 0;
  width: 50%; font-family: 'montserratbold';
}
.cart_totals table td {
  padding: 0.7142857142857143em;
}
 .cart_totals table td,
 .cart_totals table th {
  padding: 0.7142857142857143em;
  line-height: 1.6;
  vertical-align: top; border-top: 1px solid #eee; font-size: 13px;
}
.cart_totals table small {
  display: block;
  color: #1e1e1e;
}
.cart_totals table select {
  width: 100%;
}

.cart_totals .checkout-button {
  text-decoration: none
}

.cart_totals .order-total .amount {
  font-size: 1.2857142857142858em;
  color: #fe6367;
  font-weight: normal;
}

.login-area {position: absolute; max-width: 540px; right: 0; top: 40px; z-index: 999}
.account-login {background: #162332; width: 100%; margin-bottom: 30px; border-radius: 2px; position: relative;}
.form .account-login article {display: block; padding: 30px;}
.form .account-login input[type="email"], .form .account-login input[type="password"] {display: block; margin: 8px 0 15px 0; width: 100%; padding: 12px 0; border:0; font-family: 'league_spartanregular'; font-size: 16px; -webkit-font-smoothing:antialiased; text-indent: 20px}
.form .account-login input[type="password"] {text-indent: 20px; border-left:2px solid #eee;}
.form .account-login label {font-size:14px; color: #4e5863; font-family: 'league_spartanregular'; -webkit-font-smoothing:antialiased; display: block}
.form .account-login h2 {color:#fff; text-transform: uppercase; font-size: 17px; text-align: center; letter-spacing: 2px; margin: 0px 0px 20px 10px; display: inline-block;}
.form .account-login .user-icn-lg {width: 22px; display: inline-block; margin: 0 auto}


/* Dashboard */

.dashboard {padding: 30px 0}
.dashboard h3 {color:#1f2e3f; font-size: 21px; margin:30px 0 0 0}
.dashboard p {margin: 10px 0; font-size: 16px; color: #4e5863; line-height:20px;}
.banner {background:#eee; height: 250px; overflow: hidden; margin: 30px 0 0 0}


.allocation-overview {background: #eee; padding: 30px !important;}
.allocation-overview h3 {margin-top: 0}
.allocation-overview {font-size: 20px; font-family: 'montserratextralight';}
.allocation-overview strong {font-family: 'montserratbold'; color: #4e5863;}

/* Orders */

.orders {width:100%; margin: 30px 0}
.orders th {font-family: 'montserratbold'; color: #4e5863; text-transform: uppercase;}
.orders td, .orders th {padding: 10px}
.orders td {background:#fff; border-bottom: 3px solid #fff;border-top: 3px solid #ddd; font-family: 'league_spartanregular'; font-size: 14px; -webkit-font-smoothing:antialiased; padding: 20px 0px}
.orders td a {font-family: 'league_spartanregular'; -webkit-font-smoothing:antialiased; font-size: 12px; border: 0; padding: 5px 10px; display: inline-block; text-decoration: none; letter-spacing: 1px; background:#1f2e3f; color: #fff}
.orders td > span {display: block; margin: 5px 0}

.order-detail {width:100%; margin: 30px 0}
.order-detail th {font-family: 'montserratbold'; color: #4e5863; text-transform: uppercase;}
.order-detail td, .order-detail th {padding: 10px; font-size: 14px; border-bottom: 1px solid #eee}
.totals p {display: block; border-bottom: 1px solid #eee; max-width: 500px; font-size: 14px; padding:10px 0;}

.my-details {padding: 20px; background: #eee; margin: 0 10px 30px 0; overflow: hidden;}
.my-details h4 {font-size: 15px; margin:10px 0; color: #162332;}
.my-details p {font-size: 15px; line-height: 22px;}
.ar {text-align: right}

/* Details */

.details {padding: 40px 0}
.details h2 {font-size: 15px; margin:10px 0; color: #162332;}

/* Forms */


.highlight-form-field {border-color:#ff0048 !important}
.highlight_message {font-size: 15px; font-weight:300; text-align:left; color:#ff0048; padding: 10px 0}
.highlight_message.error {color: #fff;
    background-color: #ff0048;
    border-color: #ff0048; padding: 15px;
    margin-bottom: 20px;
    border: 1px solid transparent;
    border-radius: 4px;}


.highlight_message.success {color: #fff;
    background-color: #07b57a;
    border-color: #d6e9c6; padding: 15px;
    margin-bottom: 20px;
    border: 1px solid transparent;
    border-radius: 4px;}

.form p {font-size: 14px; color: gray; margin-bottom: 15px}
.form hr {height:2px; background: #eee; border: 0; margin: 20px 0 20px 0}
.form.rightf {padding:0; text-align: right}
.form .padd {padding:0 40px 0 0;}
.form label {display: block; font-size: 12px; font-family: 'league_spartanregular'; padding: 6px 0; color: #6b6969}

.form label span {color:#f7011e;}
.form input[type="text"],.form input[type="password"] {margin:3px 0; padding: 10px 0px; border: none; text-align: left; width: 100%;
	color: #949393;vertical-align: top;background: #fff; outline:none;
	font-size:13px; font-family: 'league_spartanregular'; border: 2px solid #e7e7e7; -webkit-font-smoothing:antialiased; text-indent: 15px}

.form textarea {margin:3px 0; padding: 10px 0; border: none; text-align: left; width: 100%; text-indent: 10px;
	color: #949393;vertical-align: top;background: #fff; outline:none;
	font-size:14px; font-family: 'league_spartanregular'; border: 2px solid #e7e7e7; -webkit-font-smoothing:antialiased;}


.form select {width:100%;  font-family: 'montserratregular';}

.form h2 {font-size: 15px; margin:10px 0; color: #162332;}

.check {overflow: hidden; width: 100%; margin: 15px 0 30px 0; display: block;}
.check label {display: inline-block; font-family: 'montserratbold'; padding: 0}
.check input {display: inline-block;  width: 15px; margin:2px 0 0 0; padding: 0}

.check.tr {text-align: right;}
.proceed-to-checkout {margin: 25px 0 0 0;}
.shipping-options h2 {margin: 0 0 20px 0;}
.shipping-options input {height: 20px; margin: 0px 5px 0 2px; float: left;}
.shipping-options label {margin-right: 10px; margin-top: 1px; float: left;}
.shipping-options .check {margin:0 0 10px 0;}


.cclogos { width: 224px;float: right; margin: 2px 20px 0px 0; display: inline-block !important; vertical-align: middle !important; }
.cclogos img:first-child { width: 109px; display: inline-block; vertical-align: middle; }
.cclogos img:nth-child(2) { width: 103px; display: inline-block; vertical-align: middle; margin: 4px 0 0 9px; }

#product_enquiry h3 {font-size: 15px; margin:10px 0; color: #162332;}


.check label.highlight-form-label a {
    display: inline-block;
    font-family: 'montserratbold';
    padding: 0;
    color: #ff0048;
}

.check label.highlight-form-label {
    display: inline-block;
    font-family: 'montserratbold';
    padding: 0;
    color: #ff0048;
}

.flex-row {display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; -webkit-justify-content: center; justify-content: space-between; -webkit-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-flex-flow: row wrap; flex-flow: row wrap; -webkit-align-content: flex-end; align-content: flex-end;}

.gallery-container .flex-row {justify-content: flex-start; column-gap: 1%}
.gal-item {width: 19%; margin-bottom: 10px; position: relative; height: 200px; overflow: hidden;}
.gal-item img {position: absolute; object-fit: cover; height: 100%; width: 100%;}

/* Media Queries */

@media screen and (max-width: 800px) {
  .gal-item {width: 100%;}
input[type="text"],input[type="password"],input[type="submit"],input[type="button"]   { -webkit-appearance: none; border-radius: 0}
.header-nav header {height:auto;}
.help {right:20px; left: auto; width: 100px; height: 100px;}
.help p {font-size: 12px;}
.help i.phone-icn img {width: 25px; height: 25px; margin: 20px auto 10px}
.logo {margin-bottom: 0; width: 80%; margin: 0 auto 20px;}
.mini-cart {height:100px;}
.account-logo {text-align: center;}
.account-logo img {display: inline-block;}
.title h1 {text-align: center; font-size: 30px;}
.title > .col-3 {display: none}
.shop-nav h2 {display: none}
.shop-nav nav {margin: 20px; text-align: center;}
.container {width: 90%; margin: 0 auto; float: none}
.pagi {display: none}
.item-cat h2 {min-height:auto;}
.footer-links {padding: 10px 0; color: #949393; text-align: center; font-size: 9px;}
.help-menu .col-6 {width:50%; float: left;}
.help-menu a {color: #fff}
.item-product article {min-height: auto;}
.item-product .button.various {line-height: 21px;}
.item-product {overflow: hidden;}
.thumbs {overflow: hidden; text-align: center;}
.thumbs li {width: 20%; display: inline-block; margin:0 0 10px 0;}
.main-img {
    margin:0 0 20px 0;
    max-height: none;
    overflow: hidden;
}
.product article {text-align: center;}
.options .right label {margin:0;}
select {width: 100%; margin: 10px 0;}
.add-cart {margin:10px 0;}
.tabs li a {font-size: 14px; padding: 20px 20px 0 20px;}
.intro {font-size: 14px; text-align: center;}
.product-table th, .product-table td {display: block; width:100%; padding: 10px 0}
.product-table th {display: none}
.table-delete {display: none !important}
.table-name {width: 50% !important; float: left; min-height: 90px;}
.table-price {text-align: right; width: 50% !important; float: left; min-height: 90px;}
.table-total, .table-qty {width: 50% !important; float: left; background: #eee}
.table-qty {text-align: left}
.table-qty span:before {content: 'Qty: '}
.table-total span:before {content: 'Total: '}
.table-qty span {padding:3px 10px;}
.table-total span {padding:3px 10px;}

.cart-main .table-total, .cart-main .table-qty {background: none}
.cart-main .table-total, .cart-main .table-qty {min-height: 70px}

.shipping-notes {
    width: 100%;
    margin: 0 0 20px 0;
}
.login-area {position: relative; top: 0; z-index: 200}
.form .account-login h2 {font-size: 12px; margin-top: 0}
.form .padd {padding: 0}
.product-table {margin: 30px 0 30px 0; }
.question p {max-width: 80%; margin:10px auto 0; font-size: 20px; line-height: 30px;}
}

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

.add-cart {
    margin-left: 3px;
    margin-top: 10px;
}

.item-product figure {min-height: 200px; max-height: 200px;}
.item-product button, .item-product .button.various {margin: 3px 0;width: 100%;float: none; padding: 10px 0 !important;
}

.login-area {max-width: 360px;  top: 20px;}
.form .account-login input[type="email"], .form .account-login input[type="password"] {font-size: 14px;}
.form .account-login .user-icn-lg {margin: -5px 10px -5px 0;}
.form .account-login h2 {font-size: 11px;}
.product-table {margin: 250px 0 30px 0; }

footer {text-align: center}
footer img {width:60px; float: none; display: inline-block;}

}

@media screen and (min-width:1290px) {
.login-area {max-width: 450px;}
}

@media screen and (min-width:1500px) {
.login-area {max-width: 520px;}
}

@media screen and (min-width:1700px) {
.login-area {max-width: 535px;}
}


_:-ms-fullscreen, :root .grey-bg { background:none !important; }

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
   .grey-bg { background:none !important; }
}

@supports (-ms-accelerator:true) {.grey-bg { background:none !important;}

@media screen and (min-width:0\0) {
   .grey-bg { background:none !important; }
}