/* ----- CSS 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, 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, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video, main, button {margin:0; padding:0; border:0; font-size:100%; font:inherit; vertical-align:baseline;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, main {display:block;}
body {line-height:1;}
button {border:none; border-radius:0; box-shadow:none; background:none; -webkit-appearance:none; appearance:none; cursor:pointer;}
ol, ul {list-style:none;}
blockquote, q {quotes:none;}
blockquote:before, blockquote:after, q:before, q:after {content:''; content:none;}
img {display:block; max-width:100%; height:auto;}
:focus {outline:none;}
abbr {text-decoration:none;}

a {text-decoration:none; outline:none;}
a:hover, a:active, a:focus {text-decoration:underline;}
a[href^=tel], #content a[href^=tel], #content a[href^=tel]:hover, #content a[href^=tel]:active, #content a[href^=tel]:focus {color:inherit; text-decoration:none; cursor:default;}

strong {font-weight:700;}
em {font-style:italic;}
h4, h5, h6 {font-weight:700;}

h1 strong, h2 strong, h3 strong, h4 strong, h5 strong, h6 strong {font-weight:normal;}

table {width:100%; margin:0 0 15px 0; border:solid #CCC; border-width:1px 0 0 1px; background:#FFF; box-sizing:border-box; border-collapse:collapse;}
table th, table td {padding:5px; border:solid #CCC; border-width:0 1px 1px 0;}
table th {padding:10px 5px; font-weight:700; text-align:center; background-color:#CCC;}

/* ----- Template Styles ----- */

body {font-family:'Lato', sans-serif; font-size:15px; color:#282828; background:#36353a; -webkit-font-smoothing:antialiased; text-rendering:optimizeLegibility; -webkit-text-size-adjust:100%;}

#page-wrap {min-width:320px; padding-top:170px;}

.wrapper {width:1260px; margin:0 auto; padding:0 10px; box-sizing:border-box;}
.wrapper::after {clear:both; display:block; content:'';}

.video-wrap {position:relative; width:100%; height:0; margin:0 0 15px 0; padding-top:56.25%; overflow:hidden;}
.video-wrap iframe {position:absolute; top:0; left:0; width:100%; height:100%;}

/* ----- Snipcart ----- */

.snipcart-modal__container {z-index:5000!important;}
.logged-in .snipcart-modal__container {top:32px!important;}
.inventory-wrap {padding:50px 0;}
.inventory-wrap h2 {margin:0 0 15px 0; font-size:36px; line-height:42px; font-weight:300;}
.inventory-wrap .shop-inventory li {margin:0 0 20px 0; padding:20px 0 0 0; border-top:1px solid #e6e6e6;}
.inventory-wrap .shop-inventory li h3 {margin:0 0 10px 0; font-size:20px; line-height:26px; font-weight:300;}
.inventory-wrap .shop-inventory li .button {margin:0 10px 10px 0;}

/* ----- Buttons ----- */

.button {display:inline-block; height:38px; margin:0; padding:0 20px; font-size:15px; line-height:38px; text-transform:uppercase; text-decoration:none!important; border:1px solid; transition:all 0.2s ease !important;}
button.button {box-sizing:content-box;}

.button.theme-a {color:#777!important; border-color:#e6e6e6; background:transparent;}
.button.theme-a:hover, .button.theme-a:active, .button.theme-a:focus {background:#e6e6e6;}
.button.theme-b {color:#282828!important; border-color:#777; background:transparent;}
.button.theme-b:hover, .button.theme-b:active, .button.theme-b:focus {color:#FFF!important; background:#777;}
.button.theme-c {color:#FFF!important; border-color:#282828; background:#282828;}
.button.theme-c:hover, .button.theme-c:active, .button.theme-c:focus {color:#282828!important; background:#FFF;}
.button.theme-d {color:#FFF!important; border-color:#FFF; background:transparent;}
.button.theme-d:hover, .button.theme-d:active, .button.theme-d:focus {color:#282828!important; background:#FFF;}
.button.theme-e {color:#FFF!important; border-color:#ff7200; background:#ff7200;}
.button.theme-e:hover, .button.theme-e:active, .button.theme-e:focus {border-color:#282828; background:#282828;}

/* ----- Social ----- */

.social-links {font-size:0; text-align:center;}
.social-links li {display:inline-block; margin:0 5px; font-size:14px; text-align:left;}
.social-links li a {display:block; width:30px; height:30px; text-indent:-9999px; background:center center no-repeat #FFF; box-sizing:border-box; transition:background-color 0.2s ease!important;}
.social-links li a:hover {background-color:#f8f8f8;}
.social-links li.twitter a {background-image:url('../images/social-icons/icon-twitter.svg'); background-size:22px;}
.social-links li.instagram a {background-image:url('../images/social-icons/icon-instagram.svg'); background-size:22px;}

/* ----- Pagination ----- */

.pagination {margin:0; padding:40px 0 0 0; font-size:0; text-align:center; border-top:1px solid #e6e6e6;}
.pagination::after {clear:both; display:block; content:'';}
.pagination li {display:inline-block; margin:0 3px; font-size:14px; font-weight:700; vertical-align:top;}
.pagination li a, .pagination li span {display:block; width:25px; height:25px; line-height:25px; text-align:center; color:#777!important; text-decoration:none!important; border:1px solid #e6e6e6; background-color:#FFF; transition:background-color 0.2s ease;}
.pagination li .current {color:#777; background-color:#f8f8f8;}
.pagination li a:hover, .pagination li a:active, .pagination li a:focus {background-color:#f8f8f8;}
.pagination li .icon {text-indent:-9999px; background-position:center center; background-repeat:no-repeat; background-size:auto 15px; overflow:hidden;}
.pagination li .first, .pagination li .last {background-image:url('../images/bg-pagination-double-arrow.svg');}
.pagination li .prev, .pagination li .next {background-image:url('../images/bg-pagination-single-arrow.svg');}
.pagination li .first, .pagination li .prev {transform:rotate(180deg);}

/* ----- Editable Content ----- */

.editable-content {line-height:1.4em;}
.editable-content h2 {margin:0 0 15px 0; font-size:18px; line-height:24px; text-transform:uppercase;}
.editable-content h3 {margin:0 0 15px 0; font-size:16px; line-height:22px;}
.editable-content h4, .editable-content h5, .editable-content h6 {margin:0 0 15px 0;}

.editable-content p {margin:0 0 15px 0;}

.editable-content ul, .editable-content ol {margin:0 0 15px 0;}
.editable-content ul li, .editable-content ol li {margin:0 0 5px 0;}
.editable-content ul li {position:relative; padding-left:20px; list-style:none;}
.editable-content ul li::before {position:absolute; top:0; left:0; content:'\2022';}
.editable-content ol li {margin-left:20px; padding-left:10px; list-style:decimal;}
.editable-content ol li ul {padding-top:10px;}
.editable-content ol li ul li {list-style:none; padding-left:20px;}

.editable-content hr {width:100%; height:1px; margin:30px 0; border:none; background:#e6e6e6;}

.editable-content blockquote {}

.editable-content img[class*="wp-image-"] {margin:30px 0 20px 0;}
.editable-content img[class*="wp-image-"].alignleft {float:left; margin:0 20px 20px 0;}
.editable-content img[class*="wp-image-"].aligncenter {margin-right:auto; margin-left:auto;}
.editable-content img[class*="wp-image-"].alignright {float:right; margin:0 0 20px 20px;}
.editable-content .wp-caption {display:block; max-width:100%; margin:30px 0 20px 0;}
.editable-content .wp-caption img[class*="wp-image-"] {margin:0;}
.editable-content .wp-caption .wp-caption-text {padding:15px 0 0 0; font-size:14px; line-height:1.4em; font-style:italic;}
.editable-content .wp-caption.alignleft {float:left; margin:0 20px 20px 0;}
.editable-content .wp-caption.aligncenter {margin-right:auto; margin-left:auto;}
.editable-content .wp-caption.alignright {float:right; margin:0 0 20px 20px;}
.editable-content .wp-caption.aligncenter .wp-caption-text {text-align:center;}

.editable-content .button {margin-top:10px;}

.popup-form-wrap {position:relative; max-width:460px; margin:0 auto; padding:20px; background:#FFF;}
.popup-form-wrap .mfp-close {z-index:1050; top:15px; right:20px; width:40px; height:40px; padding:0; text-align:center; font-family:Georgia, sans-serif; line-height:30px; font-size:40px; color:#3f3f3f;}
.popup-form-wrap p.success {padding:50px; text-align:center;}

/* ----- Header & Nav ----- */

.search-form {position:relative;}
.search-form::after {clear:both; display:block; content:'';}
.search-form .search-input {float:left; width:100%; height:30px; padding:5px 35px 5px 10px; font-size:14px; line-height:28px; border:1px solid #EEE; box-sizing:border-box; transition:border-color 0.2s ease;}
.search-form .search-input:focus {border-color:#777;}
.search-form .search-submit {position:absolute; top:0; right:0; width:30px; height:30px; text-indent:-9999px; background:url('../images/bg-search.svg') center center no-repeat; background-size:16px;}

#header-wrap {z-index:1041; position:fixed; top:0; right:0; left:0; box-shadow:0 3px 5px 0 rgba(0,0,0,0.25);}
.logged-in #header-wrap {top:32px;}

#header {padding:20px 0; background:#FFF; transition:padding 0.2s ease;}
#header-wrap.active #header {padding:10px 0;}
#header a {color:#282828;}

#header #main-logo {float:left;}
#header #main-logo img {width:auto; height:80px; transition:height 0.2s ease;}
#header-wrap.active #main-logo img {height:60px;}

#header .wrap {float:right;}

#header .links::after {clear:both; display:block; content:'';}

#header .links .social-links {float:left;}
#header .links .contact {float:left;}
#header .links .contact li {float:left; margin:0 0 0 30px; line-height:30px;}
#header .links .snipcart-checkout {float:left; display:none; margin:0 10px 0 0; width:30px; height:30px; text-indent:-9999px; background:url('../images/icon-basket.svg') center center no-repeat #ff7200; background-size:22px; transition:background 0.2s ease;}
#header .links .snipcart-checkout:hover,
#header .links .snipcart-checkout:active,
#header .links .snipcart-checkout:focus {background:#282828;}
#header .links .search-form {float:left; width:220px; margin:0 0 0 45px;}

#header .shop {display:flex; align-items:center; justify-content:flex-end; padding:10px 0 0 0;}
#header .shop .snipcart-summary {margin:0 10px 0 0; color:#ff7200; font-weight:700;}
#header .shop .button {padding-left:45px; background-image:url('../images/icon-basket.svg'); background-position:15px 6px; background-repeat:no-repeat; background-size:22px;}

#header #nav-toggle {display:none;}

#main-nav {background:#36353a; transition:padding 0.2s ease;}

#main-nav ul li a {display:block; color:#777; text-transform:uppercase; transition:color 0.2s ease;}
#main-nav ul li a:hover,
#main-nav ul li a:active,
#main-nav ul li a:focus,
#main-nav ul li.current-menu-item a,
.jewellery #main-nav ul li.jewellery a,
.single-jewellery-post #main-nav ul li.jewellery a,
.tax-jewellery-category #main-nav ul li.jewellery a,
.post-type-archive-jewellery-post #main-nav ul li.jewellery a,
.rings #main-nav ul li.rings a,
.single-ring-post #main-nav ul li.rings a,
.tax-rings-category #main-nav ul li.rings a,
.post-type-archive-ring-post #main-nav ul li.rings a,
.watches #main-nav ul li.watches a,
.single-watch-post #main-nav ul li.watches a,
.tax-brand-category #main-nav ul li.watches a,
.post-type-archive-watch-post #main-nav ul li.watches a {color:#FFF; text-decoration:none;}

#main-nav .search-form {display:none;}

/* ----- Banner ----- */

#banner {color:#FFF;}
.archive #banner,
.page-template-page-subcategory-tpl #banner {height:auto;}
#banner .banner {background:center center no-repeat #000; background-size:auto 100%;}
#banner .banner .content {width:40%; padding-top:70px;}
.archive #banner .content,
.page-template-page-subcategory-tpl #banner .content {width:auto; padding:50px 0;}
#banner .banner .content h1 {padding:0 0 20px 0; font-size:48px; line-height:48px; font-weight:300; text-transform:uppercase;}
.archive #banner .content h1,
.page-template-page-subcategory-tpl #banner .content h1 {margin:0!important;}
#banner .banner .content p {line-height:1.4em;padding-bottom: 50px;}

.front-page #banner {position:relative; height:600px;}
#banner .slides {height:100%; overflow:hidden;}
#banner .slides .slick-list, #banner .slides .slick-track {height:100%; overflow:hidden;}
#banner .slides .banner {float:left; width:100%; height:100%;}
#banner .slides .banner .content {padding-top:150px;}
#banner .slides .banner .content p {margin:0 0 30px 0;}
#banner .slick-dots {z-index:1000; position:absolute; right:0; bottom:50px; left:0; font-size:0; text-align:center;}
#banner .slick-dots li {display:inline-block; margin:0 5px; font-size:14px;}
#banner .slick-dots li button {display:block; width:10px; height:10px; text-indent:-9999px; border:1px solid #FFF; border-radius:50%; background:transparent; transition:all 0.2s ease;}
#banner .slick-dots li button:hover {border-color:#ff7200; background:#ff7200!important;}
#banner .slick-dots li.slick-active button {background:#FFF;}

#selling-points {color:#FFF; background:#36353a;}
#selling-points .usp-list {padding:10px 0; text-align:center;}
#selling-points .usp-list li {display:inline-block; width:33.3%; line-height:30px; text-transform:uppercase;}
#selling-points .usp-list li:first-child {color:#ff7200;}
#selling-points .usp-list li:nth-child(2) {width:33.4%;}

/* ----- Content ----- */

#content {background:#FFF;}
.error404 #content {padding:30px 0; text-align:center;}

#content a {color:#000; text-decoration:underline; transition:color 0.3s ease;}
#content a:hover, #content a:active, #content a:focus {color:;}
#content h1, #content h2, #content h3 {}
#content h1 {margin:0 0 15px 0; font-size:36px; line-height:42px; font-weight:300;}

/* Blocks */

#main .layout-block {padding:50px 0;}

#main .layout-block.content {padding-bottom:35px; border-top:1px solid #e6e6e6;}
#main .layout-block.content iframe {width:100%; height:400px;}

#main .layout-block.cols-2.type-a {text-align:left;}
#main .layout-block.cols-2.type-b {text-align:center;}
#main .layout-block.cols-2 .cols-wrap::after {clear:both; display:block; content:'';}
#main .layout-block.cols-2 .col {float:left; width:50%; box-sizing:border-box;}
#main .layout-block.cols-2 .col-1 {padding-right:20px;}
#main .layout-block.cols-2 .col-2 {padding-left:20px;}
#main .layout-block.cols-2 .col p:first-of-type img[class*="wp-image-"] {margin-top:0;}

#main .layout-block.products {border-top:1px solid #e6e6e6;}
#main .layout-block.products .intro {max-width:600px; margin:0 auto;}
#main .layout-block.products .products-wrap {padding:0;}

#main .layout-block.form {padding:50px 0;}
#main .layout-block.form .cols-wrap {padding:50px; background:#f8f8f8;}
#main .layout-block.form .content-form {padding:0;}

#main .layout-block.banner {padding:50px 0 35px 0; color:#FFF; background:center center no-repeat #36353a; background-size:1500px auto;}
#main .layout-block.banner a {color:#FFF;}
#main .layout-block.banner .content {width:50%;}
#main .layout-block.banner.type-a .content {float:left;}
#main .layout-block.banner.type-b .content {float:right;}
#main .layout-block.banner.type-c .content {margin:0 auto; text-align:center;}
#main .layout-block.banner .button.theme-b {color:#FFF!important; border-color:#FFF; background:transparent;}
#main .layout-block.banner .button.theme-b:hover, #main .layout-block.banner .button.theme-b:active, #main .layout-block.banner .button.theme-b:focus {color:#777!important; background:#FFF;}

/* Products */

#main .category-links {padding:50px 0; text-align:center;}
#main .category-links .links-list {display:-ms-flexbox; display:flex; -ms-flex-flow:row wrap; flex-flow:row wrap; margin:0 -10px 20px -10px; font-size:0; justify-content:center;}
#main .category-links .links-list li {display:-ms-flexbox; display:flex; -ms-flex-flow:row wrap; flex-flow:row wrap; width:20%; margin:0 0 20px 0; padding:0 10px; font-size:15px; box-sizing:border-box;}
#main .category-links .links-list li .wrap {display:block; width:100%; padding:10px; text-decoration:none; color:#888; border:1px solid #e6e6e6; box-sizing:border-box;}
#main .category-links .links-list li .wrap:hover, #main .category-links .links-list li .wrap:active, #main .category-links .links-list li .wrap:focus {color:#ff7200;}
#main .category-links .links-list li .wrap .img {max-width:210px; margin:0 auto 10px auto;}
#main .category-links .links-list li .wrap h2 {font-size:14px; line-height:1.4em; text-transform:uppercase;}

#main #post-filter {padding:30px 0; background:#f8f8f8;}
#main #post-filter .content-form {padding:0; font-size:0; text-align:center; background:none;}
#main #post-filter .content-form h2 {display:inline-block; margin:0 20px 0 0; font-size:18px; line-height:40px; text-transform:uppercase; vertical-align:top;}
#main #post-filter .content-form h2 .toggle {display:none;}
#main #post-filter .content-form .wrap {display:inline-block; font-size:15px; vertical-align:top;}
#main #post-filter .content-form .wrap::after {clear:both; display:block; content:'';}
#main #post-filter .content-form .field {float:left; width:300px; margin:0 10px 0 0; padding:0; text-align:left; box-sizing:border-box;}
#main #post-filter .content-form .price {margin:0 20px 0 0; padding:10px 20px;}
#main #post-filter .content-form .price .noUi-horizontal {height:20px; border-color:#e6e6e6; border-radius:10px; background:#e6e6e6; box-shadow:none; box-sizing:border-box;}
#main #post-filter .content-form .price .noUi-horizontal .noUi-connect {background:#FFF;}
#main #post-filter .content-form .price .noUi-horizontal .noUi-handle {top:-5px; width:30px; height:30px; border-radius:50%; border:none; background:center center no-repeat #777; background-size:auto 12px; box-shadow:none; transition:background-color 0.2s ease; cursor:pointer;}
#main #post-filter .content-form .price .noUi-horizontal .noUi-handle-lower {background-image:url('../images/bg-slider-handle-lower.svg')}
#main #post-filter .content-form .price .noUi-horizontal .noUi-handle-upper {background-image:url('../images/bg-slider-handle-upper.svg')}
#main #post-filter .content-form .price .noUi-horizontal .noUi-handle:hover {background-color:#36353a;}
#main #post-filter .content-form .price .noUi-horizontal .noUi-tooltip {bottom:auto; padding:0 3px; color:#282828; font-size:12px; line-height:18px; font-family:Arial; border-color:#e6e6e6; border-radius:0;}
#main #post-filter .content-form .price .noUi-horizontal .noUi-handle-lower .noUi-tooltip {top:-21px;}
#main #post-filter .content-form .price .noUi-horizontal .noUi-handle-upper .noUi-tooltip {top:31px;}
#main #post-filter .content-form .controls {width:auto;}
#main #post-filter .content-form .controls .button {float:none; display:block; width:98px; padding:0; text-align:center;}

#main .products-wrap {padding:50px 0; text-align:center; background:#FFF;}
#main .products-wrap .product-list {margin:0 0 20px 0;}
#main .product-list:not(.recent) {display:-ms-flexbox; display:flex; -ms-flex-flow:row wrap; flex-flow:row wrap; font-size:0; justify-content:center;}
#main .product-list li {display:inline-block; font-size:15px; line-height:1.4em; vertical-align:top; border:1px solid #FFF; overflow:hidden; box-sizing:border-box;}
#main .product-list:not(.recent) li {position:relative; display:-ms-flexbox; display:flex; -ms-flex-flow:row wrap; flex-flow:row wrap; width:20%;}
#main .product-list li.featured {border-color:#e6e6e6;}
#main .product-list li.featured .highlight {z-index:1; position:absolute; top:20px; left:-30px; width:120px; color:#FFF; font-size:12px; line-height:20px; text-align:center; text-transform:uppercase; transform:rotate(-45deg); background:#ff7200;}
#main .product-list li .product {display:block; width:100%; /* height:100%;  */padding:15px; text-decoration:none; box-sizing:border-box;}
#main .product-list li .product .thumb {z-index:0; position:relative; display:inline-block; margin:0 0 10px 0; transition:transform 0.3s ease;}
#main .product-list li .product:hover .thumb {transform:scale(1.025);}
#main .product-list li .product .details {z-index:1; position:relative; padding:0 15px; box-sizing:border-box;}
#main .product-list li .product .details .price {margin:0 0 10px 0; padding:0 0 5px 0; font-size:13px; text-transform:uppercase; border-bottom:1px solid #e6e6e6;}
#main .product-list li .product .details h2 {margin:0 0 10px 0; text-transform:uppercase; transition:all 0.2s ease;}
#main .product-list li .product:hover .details h2 {color:#ff7200;}
#main .product-list li .product .price.sale {color: red;}
#main .product-list li .product .wasprice {color: #000; margin-left: 10px;}

#main .products-wrap.search .intro {border-bottom:1px solid #e6e6e6;}

#main #product-details {padding:50px 0; background:#FFF;}
#main #product-details::after {clear:both; display:block; content:'';}

#main #product-details .images {position:relative; float:left; width:500px; text-align:center; box-sizing:border-box;}
#main #product-details .images .main {border:1px solid #e6e6e6; overflow:hidden;}
#main #product-details .images .main .wrap {position:relative; display:block; color:#777; text-decoration:none;}
#main #product-details .images .main .wrap .hint {position:absolute; right:0; bottom:0; left:0; font-size:12px; line-height:20px; background:rgba(255,255,255,0.75);}
#main #product-details .images .thumbs {position:relative; margin:10px 0 0 0; padding:0 30px;}
#main #product-details .images .thumbs ul {margin:0 auto; overflow:hidden;}
#main #product-details .images .thumbs ul .slick-list, #main #product-details .images .thumbs ul .slick-track {overflow:hidden;}
#main #product-details .images .thumbs ul .slick-track {margin:0 auto;}
#main #product-details .images .thumbs ul li {float:left; padding:0 5px;}
#main #product-details .images .thumbs ul li a {display:block; width:98px; margin:0 auto; border:1px solid #e6e6e6;}
#main #product-details .images .thumbs .controls .control {z-index:1000; position:absolute; top:50%; display:block; width:30px; height:30px; margin-top:-15px; text-indent:-9999px; background:url('../images/bg-product-control.svg') center center no-repeat; background-size:15px auto; overflow:hidden;}
#main #product-details .images .thumbs .controls .prev {left:0; transform:rotate(180deg);}
#main #product-details .images .thumbs .controls .next {right:0;}
#main #product-details .images .pre-load {display:none!important;}
#main #product-details .images .view-360 {margin:10px 0 0 0;}

.popup-360-wrap {position:relative; max-width:600px; margin:0 auto; padding:0; background:#FFF; overflow:hidden;}
.popup-360-wrap .iframe-360 {width:100%; height:402px;}

#main #product-details .details {float:right; width:700px;}
#main #product-details .details h1 {margin:0 0 5px 0;}
#main #product-details .details .code {margin:0 0 10px 0; font-size:18px;}
#main #product-details .details .price {margin:0 0 20px 0; padding:0 0 20px 0; font-size:36px; line-height:42px; text-transform:uppercase; font-weight:300; color:#777; border-bottom:1px solid #e6e6e6;}
#main #product-details .details .price .wasprice {font-size: 24px; color: #777;}
#main #product-details .details .price.sale {color: red;}
#main #product-details .details .price .retail {font-size:20px;}
#main #product-details .details .description {margin:0 0 20px 0; padding:0 0 10px 0; border-bottom:1px solid #e6e6e6;}
#main #product-details .details .description p {margin:0 0 10px 0; font-size:18px; line-height:1.4em;}
#main #product-details .details .specs {margin:0 0 20px 0; padding:0 0 20px 0; border-bottom:1px solid #e6e6e6;}
#main #product-details .details .specs::after {clear:both; display:block; content:'';}
#main #product-details .details .specs li {float:left; width:20%; padding-right:10px; box-sizing:border-box;}
#main #product-details .details .specs li strong {display:block; margin:0 0 10px 0;}
#main #product-details .details .cta {line-height:1.4em;}
#main #product-details .details .cta h3 {margin:0 0 5px 0; font-weight:700;}
#main #product-details .details .cta p {margin:0 0 15px 0; color:#777;}
#main #product-details .details .cta p a {color:#ff7200; text-decoration:none;}
#main #product-details .details .cta p a:hover {text-decoration:underline;}
#main #product-details .details .cta .buttons .button {margin:0 10px 0 0;}



#main .recent-products {position:relative;}
#main .recent-products .product-list {overflow:hidden;}
#main .recent-products .product-list .slick-list, #main .recent-products .product-list .slick-track {margin:0 auto; overflow:hidden;}
#main .recent-products .controls .control {z-index:1000; position:absolute; top:50%; display:block; width:40px; height:40px; margin-top:-20px; text-indent:-9999px; background:url('../images/bg-product-control.svg') center center no-repeat; background-size:15px auto; overflow:hidden;}
#main .recent-products .controls .prev {left:0; transform:rotate(180deg);}
#main .recent-products .controls .next {right:0;}

/* ----- Footer ----- */

#footer .head {padding:30px 0; background:#f8f8f8;}
#footer .head .content-form {padding:0; font-size:0; text-align:center; background:none;}
#footer .head .content-form h2 {display:inline-block; margin:0 10px 0 0; font-size:18px; line-height:40px; text-transform:uppercase; vertical-align:top;}
#footer .head .content-form .wrap {display:inline-block; font-size:15px;}
#footer .head .content-form .wrap::after {clear:both; display:block; content:'';}
#footer .head .content-form .field {float:left; padding:0; vertical-align:top;}
#footer .head .content-form .text {width:300px; margin:0 10px 0 0;}
#footer .head .content-form .text input:focus {border-color:#777;}
#footer .head .content-form .controls .error {display:none!important;}
#footer .head .content-form .controls .button {float:none; display:block; width:98px; padding:0; text-align:center;}

#footer .foot {padding:30px 0 50px 0; color:#FFF; background:#36353a;}
#footer .foot address {float:left;}
#footer .foot address br {display:none;}
#footer .foot .copy {float:right; color:#858585;}
#footer .foot .copy a {color:#858585;}

#footer .hidden {position:absolute !important; left:-9999px !important;}

#notice {background:#ff7200;padding: 10px;text-align: center}
#notice p {max-width: 800px; margin: 0 auto;line-height: 1.4em;color: #fff}
#notice p a{color: #fff;}


.snipcart-modal__container {z-index: 2000!important}