/* Variables -------------------------------------------------- */ /* Font sizes -------------------------- */ /* Base HTML tags -------------------------------------------------- */ html { -webkit-font-smoothing: antialiased; } /*body {background:url(https://cdn.shopify.com/s/files/1/0886/1846/files/bg5.svg?3656931386270882723);} */ /* BG1 */ /* body {margin: 0 auto; font-family: 'Arial', 'sans-serif'; color: #404E53; font-size: 13px; position: relative; overflow-x: hidden;/** To edit this background, follow this link: http://svgeneration.com/generate/Cross-Stripes?size=8&background=ffffff&stripe-width=2.14&stripe1=f5f5f5&stripe2=fafafa& background-color: #ffffff;background-image:url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHdpZHRoPSc4JyBoZWlnaHQ9JzE2JyB2aWV3Qm94PScwIDAgNSAxMCc+Cgk8cmVjdCB3aWR0aD0nMTEwJScgeD0nLTUlJyB5PSctNSUnIGhlaWdodD0nMTEwJScgZmlsbD0nI2ZmZmZmZicvPgoJPGxpbmUgeDE9Jy0yJyB5MT0nMScgeDI9JzcnIHkyPScxMCcgc3Ryb2tlPScjZjVmNWY1JyBzdHJva2Utd2lkdGg9JzIuMTQnLz4KCTxsaW5lIHgxPSctMicgeTE9JzYnIHgyPSc3JyB5Mj0nMTUnIHN0cm9rZT0nI2Y1ZjVmNScgc3Ryb2tlLXdpZHRoPScyLjE0Jy8+Cgk8bGluZSB4MT0nLTInIHkxPSctNCcgeDI9JzcnIHkyPSc1JyBzdHJva2U9JyNmNWY1ZjUnIHN0cm9rZS13aWR0aD0nMi4xNCcvPgoJPGxpbmUgeDE9JzcnIHkxPScxJyB4Mj0nLTInIHkyPScxMCcgc3Ryb2tlPScjZmFmYWZhJyBzdHJva2Utd2lkdGg9JzIuMTQnLz4KCTxsaW5lIHgxPSc3JyB5MT0nNicgeDI9Jy0yJyB5Mj0nMTUnIHN0cm9rZT0nI2ZhZmFmYScgc3Ryb2tlLXdpZHRoPScyLjE0Jy8+Cgk8bGluZSB4MT0nNycgeTE9Jy00JyB4Mj0nLTInIHkyPSc1JyBzdHJva2U9JyNmYWZhZmEnIHN0cm9rZS13aWR0aD0nMi4xNCcvPgo8L3N2Zz4='); } */ body {margin: 0 auto; font-family: 'Arial', 'sans-serif'; color: #404E53; font-size: 14px; position: relative; overflow-x: hidden; /* background:url(https://cdn.shopify.com/s/files/1/0886/1846/files/bg1.svg?8197776753360745766);*/ } /*body { background-image: url("https://cdn.shopify.com/s/files/1/0886/1846/files/nantucket-vintage-bg.jpg?12942016855613813906"); background-position: 100% 40%; background-repeat: no-repeat !important; background-size: 50% auto;} 8/ /* Forms -------------------------- */ .visible-phone {display: none;} .max-width , .container-fluid.max-width { max-width: 1200px; position:relative; } fieldset, legend { border: none;} .product-des .spr-badge {display:none;} .input-append input[class*="span"], .input-append .uneditable-input[class*="span"], .input-prepend input[class*="span"], .input-prepend .uneditable-input[class*="span"], .row-fluid input[class*="span"], .row-fluid select[class*="span"], .row-fluid textarea[class*="span"], .row-fluid .uneditable-input[class*="span"], .row-fluid .input-prepend [class*="span"], .row-fluid .input-append [class*="span"] { display: inline-block;padding: 1.384615385em 0.615384615em;} .row-fluid textarea[class*="span"] { padding-top: 0.5em; padding-bottom: 0.5em;} blockquote { border-left: 5px solid #eee; font-size: 12px; font-style: italic; margin: 0 0 20px; padding: 10px 20px; line-height: 26px;} input[type="image"] {width: auto;} textarea{ border: 1px solid #d2d8db;} textarea, form input[type="text"], form input[type="email"], form input[type="password"] {} textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {margin: 0;padding: 0.615384615em;} select, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"] {padding: 5px; line-height: 1.1; height: 40px; border: 1px solid #d2d8db;} input[type="submit"]{line-height: 1.1;} textarea:focus, input[type="text"]:focus, input[type="password"]:focus,f input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus {} input[type="submit"] {-webkit-border-radius:0 !important ; -moz-border-radius:0 !important ; -ms-border-radius:0 !important ; -o-border-radius:0 !important ; border-radius:0 !important ;} .form-actions {background: none; border: none; padding: 20px 0 0 0;} .alert ul { margin-bottom: 0;} ul {padding: 0 0 0 20px; list-style: disc inside none; margin-bottom: 0px;} ol {padding: 0 0 0 20px; list-style: decimal inside none; margin-bottom: 20px;} li { margin-bottom: 0.5em;} .template-index ol, .template-index ul {list-style: none outside none;} .left {text-align: left;} .right {text-align: right;} .form-success {border: 1px solid #c8d9b9; background:url(bkg-icons11.png) 10px -1307px no-repeat; margin-bottom: 20px; padding: 5px 20px 5px 30px;} /* Images -------------------------- */ img { max-width: 100%; height: auto; border: 0;} .product-image img { max-width: 100%; height: auto; border: 0; -ms-interpolation-mode: bicubic; -webkit-transition:all 250ms ease-in-out 0s; -moz-transition:all 250ms ease-in-out 0s; -ms-transition:all 250ms ease-in-out 0s; -o-transition:all 250ms ease-in-out 0s; transition:all 250ms ease-in-out 0s;} .product-image img:hover {/*opacity:0.5; filter:alpha(opacity=50); For IE8 and earlier */-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; /* IE8 */;} .image { max-width: 100%; height: auto; border: 0; -ms-interpolation-mode: bicubic;} /* Generated by Fontie */ @font-face { font-family:'Hoefler Text'; src: url('Hoefler_Text.ttf') format('truetype'); font-weight: 400; font-style: normal; font-stretch: normal; unicode-range: U+0020-02DC; } /* Typography -------------------------- */ h1, h2, h3, h4, h5, h6 { font-weight: 400; line-height: 1.25em; margin: 0; padding: 0; font-family: "freight-display-pro"!important; } h1, .h1 {font-size: 2.307692308em; /* 30/13 */ margin-bottom: .5em;} h2, .h2 {font-size: 2em; /* 26/13 */ margin-bottom: .5em;} h3, .h3 {font-size: 20px ; margin-bottom: .5em;} h4 {font-size:17px ; margin-bottom: 1.5em;} h5 {font-size:15px ; margin-bottom: 1.5em;} h6 {font-size: 1em; margin-bottom: 1.5em;} p:last-child { margin-bottom: 0;} small { font-size: 12px ;} h2 small.pull-right { padding-top: 0.538461538em;} /* Links -------------------------- */ a {color: #404e53;} a:hover, a:focus {text-decoration: underline; color: #090939;} a, a:link, a:hover, a:active {outline: none;} /* Global classes -------------------------------------------------- */ .no-style { margin: 0 !important; padding: 0 !important; border: 0 !important; background: none !important; } .tal { text-align: left; } .tar { text-align: right; } .tac { text-align: center;} .fl { float: left; } .fr { float: right; } .fn { float: none; } .cl { clear: left; } .cr { clear: right; } .cb { clear: both; } .hide, .hidden {display: none;} .move {cursor: move;} /* Formatting ------------------------------------------ */ .hidden { display: none;} .move { cursor: move;} .section-title { display: none;} /* Layout -------------------------------------------------- */ .main-content {display: block; padding-bottom: 26px; padding-top: 25px;} /* Buttons -------------------------------------------------- */ .btn, .btn:hover { border: none; text-shadow: none;-webkit-border-radius: 100px; -moz-border-radius: 100px; border-radius: 100px; -webkit-transition: all 0.25s; -moz-transition: all 0.25s; -o-transition: all 0.25s; transition: all 0.25s; } input#signup-button {background: #4f7cb8 none repeat scroll 0 0; color: #ffffff; font-size: 13px; height: 35px; letter-spacing: 0.05em; line-height: 35px; padding: 0 25px; text-transform: uppercase; font-family: "freight-display-pro"; } .btn-primary { background: none; border: none; padding: 0.75em 1.5em; text-shadow: none;} .btn-primary:hover, .btn-primary:active {background: none; border: none; text-shadow: none;} .btn { padding: 0px 25px; color: #fff; text-transform: uppercase; /* font-size: 13px; */ line-height: 35px; -webkit-border-radius:0px; -moz-border-radius:0px; -ms-border-radius:0px; -o-border-radius:0px; border-radius:0px; /* height: 35px; */ background: #090939; color:#fff; letter-spacing: 0.05em; } .btn:hover {-webkit-border-radius:0px; -moz-border-radius:0px; -ms-border-radius:0px; -o-border-radius:0px; border-radius:0px; color: #fff; background: #f14d48;} #product-add-to-cart {padding: 0 30px;float:left;margin-right:12px;} div.gift-reggie-button {width:auto;float:left;} .input-group .btn, .input-group .btn-secondary, .input-group .input-group-field { height: 36px;} .btn-secondary, .infinite-scrolling a, .text-continue a, .infinite-scrolling-homepage a { border: 2px solid transparent; line-height: 46px; height: 46px; padding: 0px 25px; text-transform: uppercase; font-size: 13px; -webkit-transition: all 0.25s; -moz-transition: all 0.25s; -o-transition: all 0.25s; transition: all 0.25s;} #get-rates-submit {background: #404e53; padding: 0px 30px; color: #fff; text-transform: uppercase; font-size: 13px; line-height: 40px; height: 40px; border: none; -webkit-transition: all 0.25s; -moz-transition: all 0.25s; -o-transition: all 0.25s; transition: all 0.25s;} #get-rates-submit:hover {background: #798386;} .btn[disabled] {-moz-opacity: 1; opacity:1; filter:alpha(opacity=100); /* For IE8 and earlier */-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; /* IE8 */ background: #d2d8db;} .infinite-scrolling a, .infinite-scrolling-homepage a {display: inline-block; padding: 0 40px; text-decoration: none;font-family: "proxima-nova",sans-serif;!important;} .infinite-scrolling a:hover, .infinite-scrolling-homepage a:hover {text-decoration: none;} .infinite-scrolling a.disabled , .infinite-scrolling-homepage a.disabled {cursor: default; background: #d2d8db; border-color:#d2d8db; color: #fff; } .infinite-scrolling a.disabled:hover , .infinite-scrolling-homepage a.disabled:hover {cursor: default; background: #d2d8db; border-color:#d2d8db; color: #fff; } .selectize-dropdown, .selectize-dropdown.form-control, .dropdown-menu {-moz-box-shadow: none !important;-webkit-box-shadow: none !important;box-shadow: none !important; -webkit-border-radius:0 !important; -moz-border-radius:0 !important; -ms-border-radius:0 !important; -o-border-radius:0 !important; border-radius:0 !important;} /* table ---------------------------------------------------- */ table { width: 100%;} table td, table th{ padding:7px;} table th{ font-size: 11px; text-transform: uppercase; font-weight: bold;} /* Fancybox -------------------------- */ .fancybox-title {display: none;} /* SelectBoxIt -------------------------- */ .selectboxit-container, .selectboxit, .selectboxit:active{ outline: none;} /* Div container holding the dropdown list */ .selectboxit-container { display: inline-block; *display: inline; zoom: 1; width: 100%;} /* Dropdown List Box */ .selectboxit{cursor: pointer;height: 35px;margin: 0; white-space: nowrap; width: 100%; -moz-box-shadow: 0px 1px 2px rgba(0,0,0,0.08); -webkit-box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.08);box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.08);-webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; -webkit-transition: all 0.1s;-moz-transition: all 0.1s; -o-transition: all 0.1s;transition: all 0.1s;} /* Dropdown List Box and Dropdown Options List */ .selectboxit, .selectboxit-options {width: 100%;} /* Dropdown list Default Icon Positioning */ .selectboxit-default-icon { float: left;} /* Dropdown List Box Text */ .selectboxit-text { font-size: ; text-indent: 10px; line-height: 35px; overflow: hidden; float: left; white-space: nowrap; /* Prevents text selection */ -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: -moz-none; ms-user-select: none; -o-user-select: none; user-select: none;} /* Dropdown List Options List*/ ul.selectboxit-options { cursor: pointer; display: none; font-size: ; list-style: none; margin-top: -1px; overflow: auto; padding: 0.5em 0; position: absolute; min-width: auto; max-height: 180px; white-space: nowrap; width: 100%; -moz-box-shadow: 0px 1px 2px rgba(0,0,0,0.08); -webkit-box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.08); box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.08); -webkit-border-radius: 2px; -moz-border-radius: 2px;border-radius: 2px; z-index: 99999;} .selectboxit-options.dropdown-menu li > a{ -webkit-transition: none; -moz-transition: none;-o-transition: none;transition: none;} ul.selectboxit-options a { padding: 3px 15px;} /* Dropdown List Individual Options */ .selectboxit-options li, .selectboxit-options .selectboxit-optgroup-header { line-height: 30px; text-indent: 5px; overflow: hidden; white-space: nowrap; list-style: none;} /* Dropdown List Optgroup Headers */ .selectboxit-options .selectboxit-optgroup-header { font-weight: bold;} /* Dropdown List Optgroup Options */ .selectboxit-options .selectboxit-optgroup-option { text-indent: 20px;} /* Dropdown List Optgroup Header hover psuedo class */ .selectboxit-options .selectboxit-optgroup-header[data-disabled='true']:hover { cursor: default;} /* Dropdown List Down Arrow Container (if an image is not used) */ .selectboxit-arrow-container { padding-right: 5px; width: 19px; float: right;} /* Dropdown List Down Arrow */ .selectboxit-arrow-container i.selectboxit-arrow { /* Horizontally centers the down arrow */ margin: 0 auto; display: block;} /* Dropdown List Individual Option Icon Positioning ----------------------------------- */ .selectboxit-options li i { display: none; float: left;} /* Title page ----------------------------------------------------------------------- */ .page-header h2, .page-header h1, .aboutus-home h2, .banner-home-bottom .des h4, .widget-title h3, .header .top-cart a, .free-shipping h3, .banner-home-bottom .des a, .newsletter .block-title, #email-modal .window-window .window-content .title, .widget-featured-product .widget-title h2, .collection-title a, .product-shop .product-description h4, .cart-table a.remove, .related-products h2, #shipping-calculator h3, #add-comment-title , .title-comment, .recently-viewed-products h2, .cart-title, .cart-row label.total-price{text-transform: uppercase; letter-spacing: 0.1em;} .grid-item .spr-badge-caption {display: none;} .page-header { margin: 0 0 40px; border-bottom: 1px solid #dfe4e6;} .page-header h4 {margin-top: 46px;} .page-header h2, .page-header h1 { font-size: 31px; text-align: left!important; margin-bottom: 22px; margin-top:5px; letter-spacing: 0.05em; font-family: "Open Sans",sans-serif!important; } .page-header .rte:before {position: absolute; top: 0; left: 50%; height: 2px; width: 30px; margin-left: -15px;} .page-header .rte { padding: 0px;margin-top:12px; text-align: left; position: relative; line-height: 20px;width:70%;float:right;font-family: "proxima-nova",sans-serif!important; } /* pagination ----------------------------------------------------------------------- */ .padding {clear: both; padding-top: 20px; } .pagination-page { text-align: center; font-weight: 600; margin: 0 auto;} .pagination-page li{ display: inline; list-style: none;} .pagination-page li span , .pagination-page li a {padding: 5px;} .pagination-page li.active span {text-decoration: underline; color:#436eb3;} /* widget ----------------------------------------------------------------------- */ .sidebar .widget {padding-right: 55px;} .widget-title { margin-bottom: 26px;} .widget-title h3 {font-size: 17px;font-family:"open sans"!important;font-weight:600;} .widget-content {margin-bottom: 50px;} .widget-content ul {list-style: none outside none; padding: 0;} .widget-recent-articles .article:first-child {border-top: none; margin-top: 0; padding-top: 0;} .widget-recent-articles .article { border-top: 1px solid #dfe4e6; margin-top: 10px; padding-top: 10px; margin-right: 10px; } .widget-recent-articles .article a {display: block; font-size: 16px; line-height: 21px; padding-bottom: 2px;} .widget-recent-articles .article em { font-size: 12px; display: block;} .widget-tags li {display: inline;} .widget-tags li a { font-size: 13px; padding-right: 15px; font-style: italic; line-height: 30px;} .widget-links .link-list li:first-child {border-top: none; padding-top: 0; margin-top: 0;} .widget-links .link-list li {border-top: 1px solid #dfe4e6; padding-top: 20px; margin-top: 20px;} .widget-links .link-list li a { font-size: 14px;} .widget-tags .widget-title {margin-bottom: 22px;} /* flex slider ---------------------------------------------------------------------- */ /* * jQuery FlexSlider v2.2.0 * http://www.woothemes.com/flexslider/ * * Copyright 2012 WooThemes * Free to use under the GPLv2 license. * http://www.gnu.org/licenses/gpl-2.0.html * * Contributing author: Tyler Smith (@mbmufffin) */ /* flex slider ---------------------------------------------------------------------- */ /* * jQuery FlexSlider v2.2.0 * http://www.woothemes.com/flexslider/ * * Copyright 2012 WooThemes * Free to use under the GPLv2 license. * http://www.gnu.org/licenses/gpl-2.0.html * * Contributing author: Tyler Smith (@mbmufffin) */ /* Browser Resets *********************************/ .flex-container a:active, .flexslider a:active, .flex-container a:focus, .flexslider a:focus {outline: none;} .slides, .flex-control-nav, .flex-direction-nav {margin: 0; padding: 0; list-style: none;} /* FlexSlider Necessary Styles -------------------------------------------------------------------------- */ .flexslider {margin: 0; padding: 0;} .flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;position: relative;margin: 0;} /* Hide the slides before the JS is loaded. Avoids image jumping */ .flexslider .slides > li:last-child{margin:0 0 0 3px;} .flexslider .slides > li:first-child {margin: 0 3px 0 0px;} .flexslider .slides img { width: 100%; display: block; cursor: pointer; } .flex-pauseplay span {text-transform: capitalize;} /* Clearfix for the .slides element */ .slides:after {content: "\0020"; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} html[xmlns] .slides {display: block;} * html .slides {height: 1%;} /* No JavaScript Fallback */ /* If you are not using another script, such as Modernizr, make sure you * include js that eliminates this class on page load */ .no-js .slides > li:first-child {display: block;} /* FlexSlider Default Theme */ .flexslider { margin: 0 0 12px; background: #fff; position: relative; zoom: 1; } /* border:3px solid #fff; -webkit-box-shadow: 0px 2px 3px 2px rgba(0,0,0,.1); /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */ -moz-box-shadow: 0px 2px 3px 2px rgba(0,0,0,.1); /* Firefox 3.5 - 3.6 */ box-shadow: 0px 2px 3px 2px rgba(0,0,0,.1); } */ .flexslider li {margin-bottom:0!important;} .flex-viewport { height: auto !important;max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; } .loading .flex-viewport { max-height: 300px; } .flexslider .slides { zoom: 1; } .carousel li { margin-right: 5px; } /* Direction Nav */ .flex-direction-nav {*height: 0;} .flex-direction-nav a { text-decoration:none; display: block; width: 40px; height: 40px; margin: -20px 0 0; position: absolute; top: 50%; z-index: 2; overflow: hidden; cursor: pointer; color: rgba(0,0,0,0.8); text-shadow: 1px 1px 0 rgba(255,255,255,0.3); -webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease; } .flex-direction-nav .flex-prev { left: 10px; } .flex-direction-nav .flex-next { right: 10px; } .flex-direction-nav .flex-disabled { opacity: 0!important; filter:alpha(opacity=0); cursor: default; } /* Pause/Play */ .flex-pauseplay a { display: block; width: 20px; height: 20px; position: absolute; bottom: 5px; left: 10px; opacity: 0.8; z-index: 10; overflow: hidden; cursor: pointer; color: #000; } .flex-pauseplay a:before { font-family: "flexslider-icon"; font-size: 20px; display: inline-block; content: '\f004'; } .flex-pauseplay a:hover { opacity: 1; } .flex-pauseplay a.flex-play:before { content: '\f003'; } /* Control Nav */ .flex-control-nav {width: 100%; position: absolute; bottom: -40px; text-align: center; z-index: 2; } .flex-control-nav li {margin: 0 6px; display: inline-block; zoom: 1; *display: inline;} .flex-control-paging li a {width: 11px; height: 11px; display: block; background: #666; background: rgba(0,0,0,0.5); cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; } .flex-control-paging li a:hover { background: #333; background: rgba(0,0,0,0.7); } .flex-control-paging li a.flex-active { background: #000; background: rgba(0,0,0,0.9); cursor: default; } .flex-control-thumbs {margin: 5px 0 0; position: static; overflow: hidden;} .flex-control-thumbs li {width: 25%; float: left; margin: 0;} .flex-control-thumbs img {width: 100%; display: block; opacity: .7; cursor: pointer;} .flex-control-thumbs img:hover {opacity: 1;} .flex-control-thumbs .flex-active {opacity: 1; cursor: default;} .flex-direction-nav a:before { font-family: "flexslider-icon"; font-size: 40px; display: inline-block; content: url('arrow-89-xl.png'); } .flex-direction-nav a.flex-next:before { content: url('arrow-25-xl.png'); } .flex-direction-nav a:before { font-family: "flexslider-icon"; font-size: 40px; display: inline-block; content: url('arrow-89-xl.png'); } @media screen and (max-width: 860px) { .flex-direction-nav .flex-prev { opacity: 1; left: 10px;} .flex-direction-nav .flex-next { opacity: 1; right: 10px;} } .flexslider1 .flex-direction-nav a:before { font-family: "flexslider-icon"; font-size: 40px; display: inline-block; content: url('arrow-89-xl.png'); } .flexslider1 .flex-direction-nav a.flex-next:before { content: url('arrow-25-xl.png'); } .flexslider1 .flex-direction-nav a:before { font-family: "flexslider-icon"; font-size: 40px; display: inline-block; content: url('arrow-89-xl.png'); } @media screen and (max-width: 860px) { .flexslider1 .flex-direction-nav .flex-prev { opacity: 1; left: 10px;} .flexslider1 .flex-direction-nav .flex-next { opacity: 1; right: 10px;} } .flexslider1 .flex-direction-nav a { text-decoration: none; display: block; width: 40px; height: 40px; margin: -20px 0 0; position: absolute; top: 25%; z-index: 2; overflow: hidden; cursor: pointer; color: rgba(0,0,0,0.8); text-shadow: 1px 1px 0 rgba(255,255,255,0.3); -webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease; } /* breadcrumb ---------------------------------------------------------------------- */ .breadcrumb { text-align: left; font-size: 11px; text-transform: uppercase; clear: both;} .breadcrumb a, .breadcrumb span {padding: 0 5px;color: #66787f;} /* header ------------------------------------------------------------------------- */ .header-panel {width:558px;position:absolute;right:8px;bottom:-19px;z-index:99;} .product .product-title {width:100%;} .top-header ul { max-width:295px; float:left; } #customer-links a {padding:0px 7px;text-decoration: underline; } .header-panel #currencies {float: left; height: 22px; line-height: 22px; display:none; padding: 0; } .header-panel .selectize-input.full {border: none; margin-top: 0px; padding: 0 !important; width: 70px; } .header-panel .selectize-control.single .selectize-input:after {right: 5px; } .header-panel .selectize-input.focus {-moz-box-shadow: none;-webkit-box-shadow: none;box-shadow: none; } .header-panel .selectize-control { float: left;} .header-panel #currencies-modal {float: left; font-style: italic; line-height: 20px; } .header-panel .selectize-control div.item { background-position: 0 5px !important; padding-left: 25px;} .header-panel .selectize-control div.option { background-position: 12px 8px !important; padding-left: 40px; padding-right: 20px;} .header-panel .selectize-dropdown {min-width: 85px;} .header-panel .selectize-dropdown, .header-panel .selectize-input, .header-panel .selectize-input input {color: #66787f; font-size: 11px; text-transform: uppercase;font-family: roboto;} .header-panel .selectize-control.single .selectize-input, .header-panel .selectize-control.single .selectize-input input { background: none!important; height: 20px; line-height: 20px; min-height: 0 !important; text-align: left;} .header-panel ul { list-style: none outside none; margin-bottom: 0; padding:0 0 13px 0; } .header-panel .top-link { position: absolute; right: -380px; top: 118px;} #customer-links {font-family: "freight-display-pro";text-align: center;color: #66787f; font-size: 14px; text-transform: uppercase; line-height: 44px; letter-spacing: 0.05em;} #customer-links a {font-family: "freight-display-pro";color: #66787f;} .inline-list {text-align: right;} .inline-list li {display: inline;} .inline-list a {padding-left: 10px;} .header .search-bar input.input-group-field { background: #f1f1f1 none repeat scroll 0 0; border: 1px solid #eee; color: #000 !important; font-family: "freight-display-pro"; font-size: 14px; font-weight: 500; height: 35px; line-height: 27px; padding-left: 15px; text-transform: capitalize; width: 255px;} .header .search-bar input.input-group-field:focus , .header .search-bar:hover input.input-group-field:focus{background: #fff;} .header .search-bar .input-group-btn input.btn{ background: rgba(0, 0, 0, 0) url("https://cdn.shopify.com/s/files/1/0886/1846/t/24/assets/search.png?12744835307613122379") no-repeat scroll 0 -1px / 60% auto; display: block; height: 30px; padding: 0; position: absolute; right: -7px; text-indent: -999em; top: 8px; width: 33px;} .header { padding-bottom: 40px;padding-top:33px;} .header .header-logo {text-align: center; margin-bottom: 7px;margin-left:25%;} .header .header-logo img {opacity:.8;border: 1px solid transparent; margin: -1px; -moz-box-shadow: 0px 0px 0px #000;-webkit-box-shadow: 0px 0px 0px #000;box-shadow: 0px 0px 0px #000;} .logo-title {display: block; padding: 30px;} .wrapper-top-cart {float: right; } .top-cart{text-align: right;} .top-cart a{text-align: center; font-size: 13px; position: relative; letter-spacing: 0.05em;text-transform: uppercase; } .top-cart a span.first{position: relative;} .top-cart a:hover, .top-cart a:focus{text-decoration: none;} .top-cart a:hover span.first:before, .top-cart a:focus span.first:before{ border-bottom: 1px solid #090939; position: absolute; content: ""; bottom: 0; left: 0; height: 1px; width:100%;} .top-header {z-index:99} #dropdown-cart { width: 330px; border: 1px solid #c5cacb; padding: 20px; position: absolute; top: 40px; right: 10px; background: #fff; z-index: 3; font-size: 14px; line-height: 17px; } .mini-products-list .product-image {float: left; margin-right: 20px; display: block;padding-bottom: 30px; width:64px;} .mini-products-list .product-image img {margin-top: 5px;} .mini-products-list .product-details {padding-bottom: 30px;} .mini-products-list { display: block; clear: both; margin-bottom: 0px;padding:0;} .mini-products-list .item { display: block; clear: both; position: relative; padding-right: 15px; display: block; overflow: hidden; border-bottom: 1px solid #e0e0e0; } .mini-products-list .item:last-of-type { border-bottom: none;} .mini-products-list .item .btn-remove {position: absolute; right: 0; top: 6px; width: 9px; height: 9px; background:url(bkg-icons11.png) 0 -1394px no-repeat; font-size: 0; } #dropdown-cart .summary { display: block; clear: both; padding-top: 14px; padding-bottom: 20px;} #dropdown-cart .summary .label { display: block;float: left; font-size: 12px; font-weight: bold; padding: 6px 0 0;} #dropdown-cart .summary .price { display: block;float: right; font-size: 16px; font-weight: bold; color: #090939;} #dropdown-cart .actions {clear: both; margin-bottom: 0; margin-top: 8px;} #dropdown-cart .actions .btn { width: 100%; } /* #dropdown-cart .text-cart { text-align: center;} #dropdown-cart .text-cart a { text-transform: uppercase; } #dropdown-cart .text-cart a:hover {text-decoration:none;} */ #dropdown-cart .cart-collateral { font-size: 13px; color: #090939; margin-left: 83px; } #dropdown-cart .cart-collateral span { font-weight: 700; } #dropdown-cart .cart-collateral .price { font-size: 13px; font-weight: 700; color: #090939;} #dropdown-cart .product-name a { text-align: left; } .site-nav {width: 100%; text-align: center; border-bottom: 1px solid #ccc;;border-top:1px solid #ccc; margin-bottom: 0; padding-left: 0; position: relative; } .site-nav li {display: block; margin: 0;} .site-nav a { display: block; padding: 12px; text-decoration: none; } .wrapper-container .site-nav-dropdown a { padding: 9px 30px 9px 15px; display: block; position: relative; } .site-nav > li { position: relative; display: inline-block; list-style: none; } .site-nav > li > a { color: #666; font-family: "freight-display-pro"; font-size: 16px; letter-spacing: 0.05em; padding: 13px 10px 9px; text-transform: uppercase;-webkit-transition: color 300ms ease-in-out; -moz-transition: color 300ms ease-in-out; -ms-transition: color 300ms ease-in-out; -o-transition: color 300ms ease-in-out; transition: color 300ms ease-in-out; } .site-nav > li:hover > a {color:#000} li.dropdown.mega-menu > div.site-nav-dropdown > div.row > div.col-1.col-xs-12.parent-mega-menu > div.inner > ul.dropdown li > a { font-family: "freight-display-pro";font-size:16px;} li.dropdown.mega-menu > div.site-nav-dropdown > div.row > div.col-1.col-xs-12.parent-mega-menu > div.inner > ul.dropdown li > a:hover {color:#999!important;text-decoration:none!important;} /*.site-nav > li:hover > a:before { background: rgba(0, 0, 0, 0) url("https://cdn.shopify.com/s/files/1/0886/1846/files/left-nav-bg_f722b730-9ec9-413f-ba2f-7130c87794f9.png?3619296210634245369") no-repeat scroll 0 0 / 100% auto; content: " "; height: 35px; left: -5px; position: absolute; top: 18px; width: 20px;} .site-nav > li:hover > a:after { background: rgba(0, 0, 0, 0) url("https://cdn.shopify.com/s/files/1/0886/1846/files/right-nav-bg_450819ea-8e60-4622-9ea0-9cff7e48a02d.png?3619296210634245369") no-repeat scroll 0 0 / 100% auto; content: " "; height: 35px; right: -5px; position: absolute; top: 18px; width: 20px;} .site-nav > li:nth-child(2):hover > a:after { right:10px!important;} */ /*li.mega-menu:nth-child(4) .parent-mega-menu {width:67%;}*/ li.mega-menu:nth-child(4) .site-nav-dropdown {left:275px;} li.mega-menu:nth-child(5) .site-nav-dropdown {left:17%;} /* li.mega-menu:nth-child(5) .parent-mega-menu {width:52%;} li.mega-menu:nth-child(5) .site-nav-dropdown .parent-mega-menu {display:inline!important;} li.mega-menu:nth-child(5) .site-nav-dropdown {left:42%;} li.mega-menu:nth-child(5) .site-nav-dropdown div.row div.col-1.col-xs-12.parent-mega-menu div.inner {width:329px;} li.mega-menu:nth-child(5) .site-nav-dropdown div.row div.col-1.col-xs-12.parent-mega-menu div.inner:nth-child(6) {position:static!important;} */ li.mega-menu:nth-child(5) > div.site-nav-dropdown > div.row > div.col-1.col-xs-12.parent-mega-menu > div.inner > a {pointer-events: default; cursor: pointer;} .wrapper-container .site-nav-dropdown { border: 1px solid #C5CACB; background:#f6f6f6!important;display: none; left: 13%; position: absolute; text-align: left; top: 46px; z-index: 5; padding: 15px; margin-bottom: 0;} .wrapper-container .site-nav-dropdown ul { left: 100%; top: -1px; display: none;} .wrapper-container .site-nav > .dropdown:hover > ul, .wrapper-container .site-nav > .dropdown.open > ul {display: block;} .wrapper-container .site-nav > li > ul > .dropdown:hover > ul, .wrapper-container .site-nav > li > ul > .dropdown.open > ul {display: block;} .wrapper-container .site-nav > li > ul > li > ul > .dropdown:hover > ul, .wrapper-container .site-nav > li > ul > li > ul > .dropdown.open > ul {display: block;} .wrapper-container .site-nav > li > ul > li > ul > li > ul > .dropdown:hover > ul, .wrapper-container .site-nav > li > ul > li > ul > ul > li > .dropdown.open > ul {display: block;} .site-nav li.dropdown .icon-dropdown { height:0; width:0; border:4px solid transparent;border-top-color:#7a8e95; display: inline-block;vertical-align:middle; margin-left: 1px; cursor: pointer; } .site-nav li.dropdown .icon-dropdown { width: 9px; height: 6px; margin-top: -3px; } .site-nav li.dropdown .icon-dropdown, .site-nav li.dropdown.mega-menu .icon-dropdown { background: url(icon-menu-top.png) no-repeat; opacity: 1; } .site-nav li.dropdown.mega-menu:hover .icon-dropdown { background: url(icon-menu.png) no-repeat; } .site-nav li.dropdown.mega-menu .icon-dropdown { background: url(icon-menu.png) no-repeat; width: 9px; height: 6px; opacity: 0.5; margin-top: -3px; } .site-nav li:hover.mega-menu .icon-dropdown { opacity: 1; } .site-nav .site-nav-dropdown li.dropdown .icon-dropdown {position: absolute; top: 17px; right: 30px;} .wrapper-container .site-nav-dropdown li:hover > a { padding-left: 40px;color:#333!important; } /*.wrapper-container .site-nav-dropdown li:hover > a:before{ content:""; background: #66787f; width: 16px; height: 1px; position: absolute; top: 17px; left: 15px;-webkit-transition:all 0.5s ease 0s; -moz-transition:all 0.5s ease 0s; -ms-transition:all 0.5s ease 0s; -o-transition:all 0.5s ease 0s; transition:all 0.5s ease 0s;} */ .header-panel .top-currency {padding-left: 0;} .header-panel .top-currency .selectize-dropdown {top: 30px !important;} /* home page ---------------------------------------------------------------------------- */ /* main slideshow */ .main-slideshow { float: left; width: 100%; clear: both; overflow: visible; } .main-slideshow .flexslider .flex-direction-nav {visibility: hidden;} .main-slideshow .flexslider:hover .flex-direction-nav {visibility: visible;} .main-slideshow .flex-direction-nav a {width: 79px; height: 79px; display: block; margin-top: -40px; text-indent: -999em; } .main-slideshow .flex-direction-nav a.flex-prev { background:url(bkg-icons11.png) 0px -1014px no-repeat; left: 80px; } .main-slideshow .flex-direction-nav a.flex-next { background:url(bkg-icons11.png) 0px -1158px no-repeat; right: 80px; } .main-slideshow .flexslider .flex-control-nav {bottom: 40px;visibility: hidden; } .main-slideshow .flexslider:hover .flex-control-nav {visibility: visible;} .main-slideshow .flex-control-nav a {-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%; text-indent: -999em; border: 4px solid #8b8f94; background-color: #8b8f94; width: 15px; height: 15px; font-size: 0; display: inline-block; cursor: pointer; } .main-slideshow .flex-control-nav a.flex-active , .main-slideshow .flex-control-nav a:hover { background-color: transparent; border-color: #ffffff;} /* Slideshow custom CSS for each Slide */ li:nth-child(1).slide .slide-des { position: absolute; top: 30px; left: 30; text-align: left;width:45%} li:nth-child(2).slide .slide-des { position: absolute; top: 30px; left: 0; width: 100%; text-align: center;} li:nth-child(3).slide .slide-des { position: absolute; top: 30px; left: 30px; width: 45%; text-align: left;} /* Slideshow custom CSS for each Slide Heading */ li:nth-child(1).slide .slide-des .slide-heading {font-weight:100;margin-left:32px;padding:0!important;margin-bottom:13px;} li:nth-child(2).slide .slide-des .slide-heading {padding:0!important;margin-bottom:13px;} li:nth-child(3).slide .slide-des .slide-heading {padding:0!important;margin-bottom:13px;margin-left:32px;} /* Slideshow custom CSS for each Slide Text */ li:nth-child(1).slide .slide-des .slide-text {padding:0 32px;} li:nth-child(2).slide .slide-des .slide-text {padding:0 32px;} /* Slideshow custom CSS for each Slide Button */ li:nth-child(1).slide .slide-des a.slide-button {margin-left:40%;background:none!important;border:2px #444 solid;} li:nth-child(3).slide .slide-des a.slide-button {margin-left:40%;background:none!important;border:2px #f9f9f9 solid;color:#f9f9f9!important;} /* Slideshow custom CSS for each Slide Button Rollover Effect */ li:nth-child(1).slide .slide-des a.slide-button:hover {background:#4f7cb8;border-color:##fff;} .slide-des .slide-button {background: #ffffff; color: #32353b; font-size: 13px; height: 42px; line-height: 42px; padding: 10px 30px; font-weight: bold; text-decoration: none; text-transform: uppercase; letter-spacing: 0.1em;-webkit-transition: background 300ms ease-in-out; -moz-transition: background 300ms ease-in-out; -ms-transition: background 300ms ease-in-out; -o-transition: background 300ms ease-in-out; transition: background 300ms ease-in-out; } .slide-text {color: #fff; font-size: 14px; padding:0 30px 30px; font-style: italic;} .slide-heading {color: #fff; font-size: 54px; padding:0 0px 30px; margin-bottom: 0; letter-spacing: 0.1em; text-transform: uppercase; } /* end main slideshow */ .free-shipping {text-align: center; clear: both;} .free-shipping h3 {font-size: 13px; margin-bottom: 35px; font-weight: normal; line-height: 24px;} .banner-home-top { margin-bottom: 32px; clear: both;margin-top:26px;display:block;float:left; } .banner-home-top ul {padding-left: 0;} .banner-home-top li {position: relative;} .banner-home-top li img {border: 1px solid transparent; margin: -1px; -moz-box-shadow: 0px 0px 0px #000;-webkit-box-shadow: 0px 0px 0px #000;box-shadow: 0px 0px 0px #000;} .banner-home-top h4 { text-align: center; position: absolute; top: 50%; left: 0; width: 100%; margin-top: -16px;} .banner-home-top h4 span {color: #fff; font-weight: 700; font-size: 13px; text-transform: uppercase; border-top: 2px solid #fff; border-bottom: 2px solid #fff; padding: 7px 0; } .aboutus-home { text-align: center; clear: both; } .aboutus-home .inner {max-width: 700px; margin: 0 auto; border-bottom: 1px solid #c4cdcd; padding-bottom: 40px;} .aboutus-home h2:before{position: absolute; left: 50%; bottom:0; content:""; background:url(bkg-icons11.png) 0 -243px no-repeat; width: 97px; height: 33px; margin-left: -48px} .aboutus-home h2 { font-size: 20px;padding-bottom: 60px;position: relative;} .aboutus-home p { font-size: 14px; line-height: 28px;} .banner-home-bottom {margin-bottom: 50px; clear: both; padding-top: 30px;} .banner-home-bottom ul {padding-left: 0;} .banner-home-bottom li {position: relative;} .banner-home-bottom li img{border: 1px solid transparent; margin: -1px; -moz-box-shadow: 0px 0px 0px #000;-webkit-box-shadow: 0px 0px 0px #000;box-shadow: 0px 0px 0px #000;} .banner-home-bottom .des {position: absolute;left: 50%; top: 140px; width: 390px; margin-left: -195px; text-align: center;} .banner-home-bottom .des h4:before {position: absolute; left: 50%; bottom:0; content:""; background:url(bkg-icons11.png) 0 -174px no-repeat; width: 32px; height: 2px; margin-left: -16px} .banner-home-bottom .des h4 {font-size: 32px; color: #fff; padding-bottom: 20px; position: relative; margin-bottom: 20px;} .banner-home-bottom .des p { clear: both; color: #fff; font-size: 14px; font-style: italic; padding-bottom: 40px;} .banner-home-bottom .des a {font-size: 13px; color: #3c3c3c; padding: 15px 25px; background: #fff; -webkit-transition:all 0.5s ease 0s; -moz-transition:all 0.5s ease 0s; -ms-transition:all 0.5s ease 0s; -o-transition:all 0.5s ease 0s; transition:all 0.5s ease 0s;} .banner-home-bottom .des a:hover {background: #090939; text-decoration: none; color: #fff;} .slider-brand-wrapper{ margin-bottom: 70px; position: relative; clear: both; } .slide_brand { position: relative; margin: 0 35px;} .slide_brand .slides li {width: 200px !important;} .slider-brands .flex-control-nav {display: none;} .owl-theme .owl-controls .owl-buttons div.owl-prev {background:url(bkg-icons11.png) 13px -441px no-repeat; left: -35px; top: 42%;} .owl-theme .owl-controls .owl-buttons div.owl-next {background:url(bkg-icons11.png) 16px -507px no-repeat; right: -35px; top: 42%;} .template-index .owl-theme .owl-controls .owl-buttons div.owl-prev{background:url(//cdn.shopify.com/s/files/1/0886/1846/t/60/assets/arrow-89-xl.png?v=175269710764497515551651692228);z-index: 99999; left: 10px;height: 32px;width: 32px;} .template-index .owl-theme .owl-controls .owl-buttons div.owl-next{background:url(//cdn.shopify.com/s/files/1/0886/1846/t/60/assets/arrow-25-xl.png?v=69117320665169449661651692227);z-index: 99999; right: 10px;height: 32px;width: 32px;} .slider-brands .flex-direction-nav li a:hover{background-color: #eff2f2 !important;} .slider-brands .flex-direction-nav li a {width: 39px; height: 39px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; background-color: transparent; position:absolute; font-size:0; text-indent: -999em;} .slider-brands .flex-direction-nav li a.prev {background:url(bkg-icons11.png) 13px -441px no-repeat; left: -35px} .slider-brands .flex-direction-nav li a.next {background:url(bkg-icons11.png) 16px -507px no-repeat; right: -35px;} .newsletter { clear: both; } .newsletter .block-title { position: relative; border-top: 1px solid #c4cdcd; text-align: center; margin: 0 0 8px; } .newsletter .block-title legend { display: block; width: auto; padding: 0px 140px; position: relative; margin: 0; font-size: 24px; font-style: normal; } .newsletter .block-title legend:before {position: absolute; left: 15px; bottom:0; content:""; background:url(bkg-icons11.png) 0 -243px no-repeat; width: 97px; height: 33px;} .newsletter .block-title legend:after {position: absolute; right: 15px; bottom:0; content:""; background:url(bkg-icons11.png) 0 -243px no-repeat; width: 97px; height: 33px;} .newsletter > span {text-align: center; font-size: 14px; font-style: italic; display: block; text-align: center; margin-bottom: 36px; } .newsletter .block-content {border: 1px solid #c4cdcd; padding: 10px; background: #fff; max-width: 520px; min-height: 56px; margin: 0 auto; width: 100%; position: relative;} .newsletter .block-content .input-group {display: block;} .newsletter .input-group-field {border: none; width: 100%; font-size:12px; line-height: 20px; padding-right: 115px;} .newsletter .input-group-btn { position: absolute; top:0; right:0; } .newsletter .input-group-btn > .btn {background: #272e31;} .newsletter .input-group-btn > .btn:hover {background: #090939;} #slider{margin-bottom: 30px;} .footer-top { margin-bottom: 2px; padding-bottom: 50px;} .footer-top .col-xs-3 {border-right: 1px solid #a6e1e1;} .footer-top .col-1.col-xs-3 {border-left: none;} .footer-top ul {padding:0; list-style: none outside none; margin-bottom: 0px;} .footer-top h3 { color:#8298AF; font-size: 13px; text-transform: uppercase; font-weight: bold; letter-spacing: 0.05em; /*padding-left: 20px; */ padding-top: 10px;} .footer-bottom {border-top: 1px solid #a6e1e1; padding-top: 35px; text-align: center;} .footer-bottom address {color:#5d9494; margin-bottom: 25px;} .payment-method {padding: 0 10px;} .site-footer {background-color: #ffffff; padding: 30px 0 120px; text-align: left;} .site-footer a {color:#444;} /* contact page ------------------------------------------------------------------------- */ .contactus-page .page-header {border-bottom: none; margin-bottom: 0;} .map {margin-bottom: 30px;} #contactFormWrapper h2 {font-size: 20px; text-transform: uppercase;font-weight: bold;} #contactFormWrapper input {margin-bottom: 20px;} #contactFormWrapper label {margin-bottom: 10px; display: block;} #contactFormWrapper input[type="text"], #contactFormWrapper input[type="email"], #contactFormWrapper input[type="tel"]{width: 440px;} #contactFormWrapper textarea{width: 500px;} #contactFormWrapper label em {color: #e95144; font-weight: bold;} #contactFormWrapper .btn {margin-top: 30px;} .contact-form .location {} .contact-form .location h4{ font-size: 12px; font-weight: bold; text-transform: uppercase; line-height: 28px;} .contact-form .location p {margin-bottom: 20px;} .blog-detail {} .blog-detail .page-header {border-bottom: none; margin-bottom: 0;} .blog-detail img {margin-bottom: 20px;} .blog-detail .page-header time {display: none;} .blog-detail .page-header h1 { font-size: 24px; font-weight: normal; text-align: left; text-transform: capitalize;} .blog-detail .rte {margin-bottom: 30px;} .blog-detail .user-tags {display: block; list-style: none outside none; padding-bottom: 30px;} .blog-detail .user-tags li {float: left; font-size: 12px; font-style: italic;} .blog-detail .user-tags li span {padding-right: 5px;} .blog-detail .user-tags li label {text-transform: uppercase; padding-right: 5px; font-weight: normal;} .blog-detail .user-tags li .separator {padding: 0 5px;} .blog-detail .addthis {clear: both; padding-bottom: 20px;} .blog-detail .action-btn {clear: both; padding-bottom: 20px;} .blog-detail #comments {clear: both; padding-bottom: 20px;} .blog-detail #comments ul {list-style: none outside none;} #comments ul li {padding-left: 120px;background:url(i-comment.jpg) 0 6px no-repeat;padding-bottom: 60px;} /* Blog Comment */ #add-comment-title, .title-comment {font-size: 20px; letter-spacing: 0.05em; border-top: 1px solid #dfe4e6; padding-top: 30px;} .comment-form label {display: block; padding-bottom: 10px;} .comment-form .comment-form input {display: block; width: 440px; margin-bottom: 24px;} .message #comment-body {width:500px;margin-bottom: 24px; min-height: 130px;} .comment-head { font-size: 12px; font-style: italic; padding-bottom: 10px;} .comment-content p { font-size: 12px; font-style: italic; line-height: 20px;} /* Popup Newsletter ------------------------------------------------------------------- */ .modal-window {} #tinymce #email-modal, #tinymce #email-modal .modal-window { display:block !important; } #email-modal, .spr-badge { display:none; height:100%; left:0; position:fixed; top:0; width:100%; z-index: 1000; } #email-modal .modal-overlay { background:#fff; height:100%; position:absolute; width:100%; } #email-modal .modal-overlay { opacity: 0.60; filter:alpha(opacity=60); zoom:1; } #email-modal .modal-window { display:none; min-height:400px; margin:0 auto; position:relative; top:20%; width:750px;} #email-modal .window-border { background:#111; left:0; position:absolute; top:0;} #email-modal .window-window { padding:30px; position:relative; min-height: 400px;} #email-modal .window-window .window-background { opacity: 0.9; filter:alpha(opacity=90); } #email-modal .window-window .window-content { padding:20px 50px 0; position:relative;background:url(https://cdn.shopify.com/s/files/1/0886/1846/files/cottage-interior-decoration-newsletter-3.png?11317047553145623726)no-repeat 0 0;background-size:100%; min-height: 474px;-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ } .window-content img {display: block; float: none !important; margin: 0 auto; width: 65%;} #email-modal .window-window .window-content .btn.close ,.close-window,.close-modal{ height: 50px; position: absolute; right: -33px; text-indent: -999em; top: -9px; width: 50px; background:url("https://cdn.shopify.com/s/files/1/0886/1846/files/circle_close_delete-x.png?8018448362098155361") no-repeat scroll 0 0 / 44% auto;/*url("https://cdn.shopify.com/s/files/1/0886/1846/files/circle_close_delete-x.png?8018448362098155361") no-repeat scroll 0 0 / 44% auto; */cursor: pointer; filter:alpha(opacity=100); opacity:1; filter:alpha(opacity=100); /* For IE8 and earlier */-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; /* IE8 */} #email-modal .window-window .window-content .title, #email-modal .window-window .window-content .message { text-align:center; border-top: none; } #email-modal .window-window .window-content .title {padding-top: 43px;margin-bottom:6px!important;text-transform:uppercase;color:#555;font-size:51px;letter-spacing:-0.02em;} #email-modal .window-window .window-content h3 {padding:0!important;margin-bottom:12px!important;font-size:25px;margin-top:-5px;} #email-modal .window-window .window-content h2 { font-size: 36px;line-height:34px; margin-bottom: 10px !important; padding: 7px 97px; text-align: center;} #email-modal .window-window .window-content h2 span.ten {font-size:37px;} #email-modal .window-window .window-content h2 span.percent {font-size:24px;} #email-modal .window-window .window-content h2 span.off {font-size:30px;} #email-modal .window-window .window-content h2 span.ast { font-size: 34px;} #email-modal .window-window .window-content .title span:before { background: #999 none repeat scroll 0 0; content: ""; height: 1px; left: 32%; margin-left: -10px; position: absolute; top: 0; width: 40%;} #email-modal p.belowsignup {font-weight:700;text-align:center;color:#fff;} #email-modal p.disclaim { color: #fff line-height: 14px;font-size:13px!important; padding: 5px 95px 0; text-align: center;} #email-modal .window-window .window-content .title span {font-size:17px; text-transform: none;display: block; font-weight: normal;padding-top: 18px;line-height: 14px; color: #404e53; position: relative; margin-top: 15px; letter-spacing: 0;} /* MAIL CHIMP FORM INPUTS ---------------------------------------------------------- */ #mailchimp-email-subscibe {height: 65px; margin-top: 20px;overflow: hidden;} #mc_embed_signup form { display:inline !important; padding:0 !important; text-align:center !important; } #mc_embed_signup{ background:transparent; clear:left; text-align:center;overflow: hidden; padding: 5px;width:417px; } #mc_embed_signup input.input-group-field {border: medium none; color: #555; display: block; float: left; font-size: 14px; font-weight: 600; height: 40px; line-height: 36px; padding: 5px 12px 6px 44px; text-transform: uppercase; width: 317px; background-attachment: scroll !important; background-clip: border-box !important; background-color: #f1f1f1 !important; background-image: url("https://cdn.shopify.com/s/files/1/0886/1846/files/mail-icon-nantucket-looms.png?3984355694380397218") !important; background-origin: padding-box !important; background-position: 9px 9px !important; background-repeat: no-repeat !important; background-size: 8.5% auto;} ::-webkit-input-placeholder {color:#555!important;opacity:1!important; } ::-moz-placeholder { color:#555!important;opacity:1!important; } /* firefox 19+ */ :-ms-input-placeholder { color:#555!important;opacity:1!important; } /* ie */ input:-moz-placeholder { color:#555!important;opacity:1!important; } #mce-EMAIL { border:1px solid #000; color:#333; font:11px arial, sans-serif; height:11px; margin:0 !important; padding:8px !important; width:217px; } #mc_embed_signup button{float: right;margin-left: -3px; border: none; background: none; padding: 0;} #mc-embedded-subscribe, #mc_embed_signup button span, #mc_embed_signup .input-group-btn .btn { color: #555; height: auto !important; width:auto; line-height: 32px !important; padding: 0 !important; text-transform: uppercase; background: #f1f1f1; display: block;} #mc_embed_signup .input-group-btn{ float: right; } #mc_embed_signup button span span{border: none; padding: 0 20px !important; background: none;} #mc_embed_signup button:hover span, #mc_embed_signup .input-group-btn .btn:hover {background: #999; } #mc_embed_signup .input-group-btn .btn { padding: 0 15px !important;} #mc_embed_signup button:hover span span{ background: none;} .modal-window .icon-social {overflow: hidden;} .rte .icon-social {text-align: center;} .rte .icon-social li {display: inline-block; float: none;} .icon-social {text-align: left; padding-bottom: 30px; } .icon-social ul {padding: 0;} .icon-social li{display: block; margin: 0 0 0 14px; float: left; white-space: nowrap;-webkit-border-radius: 50%; -moz-border-radius: 50%;border-radius: 50%; background: #272e31; width: 36px; height: 36px; text-align: center; -webkit-transition:all 0.5s ease 0s; -moz-transition:all 0.5s ease 0s; -ms-transition:all 0.5s ease 0s; -o-transition:all 0.5s ease 0s; transition:all 0.5s ease 0s;} .icon-social li a {text-indent: -999em; font-size: 0; display: block; height: 36px; width: 36px;} .icon-social li.social-1 a {background: url(bkg-icons11.png) 12px -1675px no-repeat;} .icon-social li.social-2 a {background: url(bkg-icons11.png) 11px -1705px no-repeat;} .icon-social li.social-3 a {background: url(bkg-icons11.png) 12px -1741px no-repeat;} .icon-social li.social-4 a {background: url(bkg-icons11.png) 10px -1782px no-repeat;} .icon-social li.social-5 a {background: url(bkg-icons11.png) 12px -1827px no-repeat;} .icon-social li.social-1:hover {background: #4a73bd;} .icon-social li.social-2:hover {background: #46b0e2;} .icon-social li.social-3:hover {background: #f9bc2e;} .icon-social li.social-4:hover {background: #ff9e06;} .icon-social li.social-5:hover {background: #ea3b02;} .modal-window .icon-social li:first-child{ margin-left: 65px;} .icon-social li span{font:normal 12px/1.35 Roboto Slab; color: #013055;} .icon-social li span span{display: block;} .icon-social li img{margin-right: 10px; float: left;} .top-cart .block-content .item .product-name a {color: #000; } .widget-products .products-grid:after {clear: none;} .resize_0 #email-modal .modal-window { width: 300px;} .resize_0 #email-modal .window-window { padding: 15px; width: 270px;} .resize_0 #email-modal .window-window .window-content { padding: 7px 15px 10px;} .resize_0 #mc_embed_signup input { width: 120px;} .input-group-btn {width:auto;} /* widget feature product ---------------------------------------------------------------------------------------- */ .widget-featured-product { clear: both; } .widget-featured-product .widget-title { border: none; padding: 47px 0 15px;} .widget-featured-product .widget-title h2 { font-size: 16px; text-align: center; font-weight: bold; letter-spacing: 0.05em;} .widget-featured-product .widget-product {padding-bottom: 20px;} .products-grid { margin: 0 -10px; clear: both; } .products-grid .grid-item:hover {z-index: 999;} .products-grid .grid-item, .list-category .grid-item { width: 375px;height:430px; margin: 0 8px; position: relative; margin-bottom: 50px; float: left; vertical-align: top;} .products-grid .grid-item .product-grid-image {text-align: center; display: block;} .products-grid .grid-item #product-actions {margin: 0;} .grid-item #add-to-cart {display: block; width: 100%; text-align: center; height: 42px; line-height: 42px;-webkit-transition:all 0.5s ease 0s; -moz-transition:all 0.5s ease 0s; -ms-transition:all 0.5s ease 0s; -o-transition:all 0.5s ease 0s; transition:all 0.5s ease 0s;} .hover{position: absolute; top: 0;left: 0; width: 100%; height: 100%;background-color: #fff; -webkit-transition:all 250ms ease-in-out 0s; -moz-transition:all 250ms ease-in-out 0s; -ms-transition:all 250ms ease-in-out 0s; -o-transition:all 250ms ease-in-out 0s; transition:all 250ms ease-in-out 0s; opacity:0; filter:alpha(opacity=0); /* For IE8 and earlier */-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; /* IE8 */ transition: opacity 0.25s ease-in-out 0s;} .products-grid .product-des { text-align: center; position: absolute; bottom: 0px; left: 0; width: 100%; opacity:0; filter:alpha(opacity=0); /* For IE8 and earlier */-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; /* IE8 */ } .products-grid .product-des .action .btn {width: 100%;} .grid-item:hover .hover{ opacity:0.9; filter:alpha(opacity=90); /* For IE8 and earlier */-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; /* IE8 */} .products-grid .grid-item:hover .product-des { opacity:1; filter:alpha(opacity=100); /* For IE8 and earlier */-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; /* IE8 */} .product-title, .product-name a, .ajax-product-title {color: #20272a; font-size:14px; text-align:left; display: block;margin-bottom: 10px; text-transform: capitalize;width:77%;float:left;} .product-title:hover, .product-name a:hover, .ajax-product-title:hover {text-decoration: none; color: #090939;} .price-box {color: #20272a; font-size:14px; text-align: center; display: block; font-weight: bold; margin-bottom: 20px;} .old-price, .compare-price {color: #878e96 !important; font-size:14px; text-decoration: line-through; display: inline; font-weight: 400;} .price-box { display: block; padding: 0; } .compare-price:not(:empty) {margin-right: 10px;} .price.on-sale {color: #e95144 !important;} .special-price {color: #20272a !important;} .market-box1 {width:278px;height:278px;margin-bottom:100px;float:left;} .market-box1 img {width:278px;height:278px;} .special-price em {color: #878296; font-weight: 400;font-style: italic; font-size: 12px; } .product-label {position: absolute; top: 1px; right: 0; z-index:5} .product-label strong {color: #e95144; font-size: 11px; font-weight: bold; text-transform: uppercase; padding: 1px 5px; border: 2px solid #e95144; background: #fff; margin-left: 7px; } .product-label strong.sold-out-label {color: #b0261d; border: 1px solid #b0261d;} .products-grid.owl-carousel .grid-item {width: auto;} /* product-list ------------------------------------------------------------------------------------------- */ .product-list { margin-bottom: 40px; } .product-list .grid-item { width: auto; float: none; margin: 40px 0 0px 0; clear: both; position: relative; overflow: hidden; border-top: 1px solid #dfe4e6; padding-top: 40px;} .product-list .grid-item:first-child { padding-top: 0; margin-top: 0; border-top: 0;} .product-list .product-list-thumb {display: block; float: left; margin-right: 30px;} .product-list .product-title{text-align:left;} .product-list .price-box{text-align:left;} .product-list .grid-item #add-to-cart{width: auto;} .product-list .product-label{left: 0; right: auto; top: 40px;} .product-list .action { margin-bottom: 20px; } .product-list .spr-badge:after {clear: none;} .product-list .spr-badge {text-align: left;} @media (min-width:1200px) { .products-grid .grid-item.grid-1 { width: 85px; min-height: 170px; } .products-grid .grid-item.grid-2 {width: 180px; } .products-grid .grid-item.grid-3 {width: 280px; } .products-grid .grid-item.grid-4 {width: 380px; } .products-grid .grid-item.grid-5 {width: 282px; } .products-grid .grid-item.grid-6 {width: 581px; } .products-grid .grid-item.grid-12 {width: 100%; margin-left:0; margin-left:0;} .products-grid .grid-item.grid-12 .btn {font-size: 10px;} .products-grid .grid-item.grid-12 .product-title {font-size: 12px;} } /* List Category Page -------------------------- */ .list-category .grid-item {margin-bottom: 75px;} .list-category {margin: 0 -10px; } .collection-title-wrapper {position: absolute; top: 120px; left: 0; width: 100%;background-color: rgba(255,255,255,0.9); } .collection-title {padding: 10px;} .collection-title h3 {padding: 20px 10px; border: 1px solid transparent; margin: 0; } .collection-title a { font-size: 11px; display: block; text-align: center; margin-bottom: 15px;} .collection-title small {font-size: 12px; font-weight: normal; display: block; text-align: center; font-style: italic; } .grid-item:hover .collection-title-wrapper .collection-title small {color: #fff; } .grid-item:hover .collection-title-wrapper .collection-title {background: #090939;} .grid-item:hover .collection-title-wrapper .collection-title h3 {border-color: #47476b; } .grid-item:hover .collection-title-wrapper .collection-title a {color: #fff; } /* category Page -------------------------- */ .toolbar {font-size: 11px; color: #66787f; font-weight: bold; text-transform: uppercase; padding: 0 30px; margin-bottom: 50px; position: relative; float: left; width: 100%;} .toolbar .left {float: left;} .toolbar .right {float: right;} .toolbar button {font-size: 11px; color: #66787f; font-weight: bold; text-transform: uppercase; padding: 0;} .toolbar button.btn-hover { color: #e95144; position: relative; z-index: 2; } .toolbar button.btn-hover:before { background: #fff; border-right: 1px solid #dfe4e6; content: ""; height: 91px; position: absolute; right: -30px; top: -40px; width: 119px; z-index: -1;} .toolbar .right button.btn-hover:before {right: auto; left: -30px;border-left: 1px solid #dfe4e6; border-right: none;} .toolbar .collection-filter-btn, .collection-sharing-btn { background: none; border: none; position: relative; margin-right: 60px;} .collection-sharing-btn { margin-right: 0px;} .toolbar .collection-filter-btn .icon-drop, .collection-sharing-btn .icon-drop {height:0;width:0;border:5px solid transparent;border-top-color:#7a8e95; display: inline-block;vertical-align:middle; margin-left: 7px; text-indent: -999em;cursor: pointer; margin:3px 3px 0 10px; padding: 0; background: none; } .toolbar .collection-filter-btn.btn-hover .icon-drop, .collection-sharing-btn.btn-hover .icon-drop {border-top-color:#e95144;} .toolbar .grid, .toolbar .list {padding-left: 25px; background:url(https://cdn.shopify.com/s/files/1/0886/1846/files/bkg-icons11.png?10686713242764522564) 0 0px no-repeat; line-height: 14px; -webkit-transition:all 0.5s ease 0s; -moz-transition:all 0.5s ease 0s; -ms-transition:all 0.5s ease 0s; -o-transition:all 0.5s ease 0s; transition:all 0.5s ease 0s;letter-spacing: 0.1em;} .toolbar .grid {margin-right: 30px;} .toolbar span.grid {background-position: 0 -600px; color: #4f7cb8;} .toolbar a.grid {background-position: 0 -640px;} .toolbar a.grid:hover {background-position: 0 -600px; text-decoration: none;color: #e95144;} .toolbar a.list {background-position: 0 -727px;} .toolbar a.list:hover {background-position: 0 -768px; text-decoration: none;color: #e95144;} .toolbar span.list {background-position: 0 -768px;color: #e95144;} .collection-filter-panel, .collection-sharing-panel {background: #fff; border-top: 1px solid #dfe4e6;border-bottom: 1px solid #dfe4e6; display: block; font-weight: normal; padding: 30px 0 20px; z-index:2; margin: 50px -30px 0;} .collection-sharing-panel {padding-bottom: 30px; padding-left: 30px; } .collection-filter-panel button.dropdown-toggle, .collection-sharing-panel button.dropdown-toggle {border: 1px solid #d2d8db; color: #66787f; font-family: roboto; font-size: 12px; font-weight: normal; line-height: 40px; padding: 0 15px; position: relative; text-align: left; text-transform: capitalize; width: 170px; background: #fff; margin: 0 0 10px 30px !important;} .collection-filter-panel button.dropdown-toggle:before, .collection-sharing-panel button.dropdown-toggle:before { position: absolute; right: 15px; top: 50%; width: 0;height: 0; border:5px solid transparent;border-top-color:#7a8e95; content: ""; margin-top: -3px;} .collection-filter-panel .btn-group.open .dropdown-toggle, .collection-sharing-panel .btn-group.open .dropdown-toggle {-moz-box-shadow: none;-webkit-box-shadow: none;box-shadow: none;} .collection-filter-panel .btn-group.open .dropdown-toggle:before, .collection-sharing-panel .btn-group.open .dropdown-toggle:before{border-top-color:transparent; border-bottom-color:#7a8e95; margin-top: -8px;} .toolbar .open .dropdown-menu {-webkit-border-radius:0; -moz-border-radius:0; -ms-border-radius:0; -o-border-radius:0; border-radius:0; display: block; left: 30px; min-width: 170px;-moz-box-shadow: none;-webkit-box-shadow: none;box-shadow: none; overflow-y:auto; max-height:200px} .dropdown-menu > li > a {color: #66787f; font-size: 12px; text-transform: capitalize;} .dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus {background-color: #f5f5f5; color: #66787f;} .infinite-scrolling,.infinite-scrolling-homepage {text-align: center; clear: both;} .template-collection .padding {padding-top: 0;} /* product detail Page -------------------------- */ .template-product .main-content {padding-top: 5px;} .product {margin-bottom: 78px;} .product-shop .product-title {padding-top: 20px; margin-bottom: 8px; text-align: left;} .product-shop .product-title h2, .product-shop .product-title a { font-size: 24px; text-transform: capitalize;color:#444!important; text-align: left; margin-bottom: 0; line-height: 30px;} .product-shop #product-variants {padding-bottom: 10px;} #addToCartForm .money {display: inline;} #addToCartForm strong.h2,.product-shop .prices {display: block; margin-bottom: 20px;} #addToCartForm #product-add-to-cart {display: block; margin-bottom: 20px;} #addToCartForm #quantity {width: 100px; margin-bottom: 20px;} #productPrice span, .product-shop .short-description {margin-bottom: 16px;} #add-to-cart-form strong.h2{margin-bottom: 20px; display: block; margin-top: 14px;} .quick-view .product-shop .price, .product-shop .price { font-size: 18px; color: #20272a; font-weight: 700; } .product-shop .compare-price { font-weight: 700; } .product-shop .old-price { margin-right: 10px; font-weight: 700; } label[for="quantity"] {display: inline-block; font-size: 12px; font-weight: bold; margin: 0 5px 10px 0;} .product-shop .tags {margin-bottom: 40px;} .product-shop .tags a { font-size: 12px; font-style: italic; padding-right: 7px;} .product-shop .tags .icon-tags {text-transform: uppercase; padding-right: 7px;} .product-shop .tags span { font-size: 12px; padding-right: 7px;} .product-shop .tags span:nth-child(1) {display: none;} .product-shop .tags span:nth-of-type(1) {display: none;} .product-shop .addthis {margin-bottom: 50px;} .product-shop .product-description {padding: 0;} .product-shop .product-description h4 {font-family: roboto; font-size: 12px;} .product-shop .btn-prev-next {} .product-shop .btn-prev-next ul {list-style: none;} .product-shop .btn-prev-next ul li {list-style: none; display: inline-block; border:2px solid #66787f; color: #66787f; padding: 5px 15px; margin-right: 15px;} .product-shop .btn-prev-next ul li:hover { background: #66787f;} .product-shop .btn-prev-next ul li a{ color: #66787f; text-transform: uppercase;} .product-shop .btn-prev-next ul li a:hover{text-decoration: none;} .product-shop .btn-prev-next ul li:hover a{ color: #fff; } .product-shop .total-price, .quick-view .total-price { padding-bottom: 20px;} .product-img-box {position: relative; padding-right: 30px;} .product-img-box .product-photo-container {position: relative;overflow: hidden; text-align: center;} .product-img-box .more-view-wrapper{list-style: none; margin: 20px 20px 0; } .product-img-box .product-photo-thumbs li { margin: 0; list-style: none outside none;} .product-img-box.has-jcarousel .product-photo-thumbs li { margin: 0 0 20px; } .product-img-box .product-photo-thumbs.owl-theme li { padding: 0 10px; width: 100%; } .product-img-box .product-photo-thumbs li a {display: block;} .zoomWrapper > div {height: 124px !important; left: 50% !important; margin: -62px 0 0 -58px !important; top: 50% !important; width: 140px !important;} .zoomWrapper img {z-index: -1 !important; } .more-view-wrapper { visibility: hidden; } .more-view-wrapper-owlslider li { float: left; } .more-view-wrapper .jcarousel-skin-tango .jcarousel-prev-vertical {width: 15px; height: 10px; top: 30px; left: 50%; margin-left: -8px; background-position: 100% -456px;z-index: 2;} .more-view-wrapper .jcarousel-skin-tango .jcarousel-next-vertical {width: 15px; height: 10px; bottom: 30px; left: 50%; margin-left: -8px; background-position: 100% -523px;z-index: 2;} .more-view-wrapper .jcarousel-skin-tango .jcarousel-prev-disabled, .more-view-wrapper .jcarousel-skin-tango .jcarousel-next-disabled {display:none} #more-view-carousel .owl-controls .owl-buttons div , .more-view-wrapper .owl-theme .owl-controls .owl-buttons div {top: 50%; margin-top: -20px;} #more-view-carousel .owl-controls .owl-buttons div.owl-prev:hover , .more-view-wrapper .owl-theme .owl-controls .owl-buttons div.owl-prev:hover {background-color: transparent !important;} #more-view-carousel .owl-controls .owl-buttons div.owl-next:hover , .more-view-wrapper .owl-theme .owl-controls .owl-buttons div.owl-next:hover {background-color: transparent !important;} /* Vertical Moreview */ .more-view-wrapper ul { padding: 0; } .product-img-box.has-jcarousel {padding-right: 104px; position: relative; } .product-img-box.has-jcarousel .more-view-wrapper, .product-img-box .more-view-wrapper-jcarousel {position: absolute; right: 30px; top: 0; margin: 0;} .quick-view .more-view-wrapper .jcarousel-container-vertical .jcarousel-clip-vertical { height: 405px; overflow: hidden; } .quickview-more-views, #more-view-carousel {padding: 0; margin: 0;} .more-view-wrapper .jcarousel-container{padding: 50px 0;} .more-view-wrapper .jcarousel-container{width: 64px;} .more-view-wrapper .jcarousel-clip-vertical {width: 64px; height: 500px;} .product-img-box .more-view-wrapper-jcarousel .product-photo-thumbs li {padding: 0; margin: 0 0 20px; } .recently-viewed-products { display: none; } .related-products, .recently-viewed-products {border-top: 1px solid #dfe4e6;} .recently-viewed-products h2 , .related-products h2 {text-align: center; padding-top: 45px; padding-bottom: 55px; font-size: 20px; margin-bottom: 0;} .recently-viewed-products .owl-theme .owl-controls .owl-buttons div , .related-products .owl-theme .owl-controls .owl-buttons div {width: 35px; height: 35px; top: 50%;margin-top: -43px; } .related-products .owl-theme .owl-controls .owl-buttons div.owl-prev, .recently-viewed-products .owl-theme .owl-controls .owl-buttons div.owl-prev {left: -10px; background: url(bkg-icons11.png) 100% -592px no-repeat; background-color: #fff;} .related-products .owl-theme .owl-controls .owl-buttons div.owl-next, .recently-viewed-products .owl-theme .owl-controls .owl-buttons div.owl-next {right: -10px; background: url(bkg-icons11.png) 100% -651px no-repeat; background-color: #fff;} .selector-wrapper {padding-bottom: 20px;} .selector-wrapper select{ height: 30px; padding: 4px; min-width: 100px;} .selector-wrapper label { margin-right: 10px; display: block; margin-bottom: 10px;} #quantity {width: 100px; margin-bottom: 25px;} label[for="productSelect"] {margin-bottom: 10px;} .quantity select {height: 30px; padding: 4px; } .product-vendor { font-size: 14px; text-transform: capitalize; margin-bottom: 16px; } .product-shop .spr-badge {text-align: left; padding-bottom: 16px;} .product-shop .spr-badge .spr-starrating {padding-right: 15px;} .product-shop .spr-badge .spr-badge-caption { color: #b0b4b6; cursor: pointer; text-transform: lowercase;} .spr-badge-starrating .spr-icon {font-size: 105% !important; padding: 0 1px;} .product-shop #product-add-to-cart {display: block; margin-bottom: 13px;} .panel-group .panel {-moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; border: none; border-top: 1px solid #dfe4e6; -webkit-border-radius:0; -moz-border-radius:0; -ms-border-radius:0; -o-border-radius:0; border-radius:0; margin-top: 0 !important; background-color: transparent;} .panel-group .panel-heading {padding: 15px 0; -webkit-border-radius:0; -moz-border-radius:0; -ms-border-radius:0; -o-border-radius:0; border-radius:0; } .panel-group .panel-body {padding: 10px 0;} .panel-title > a {color: #838a8d; font-size: 13px; text-transform: uppercase; text-decoration: none; } .in .panel-title > a{color: #404e53 !important;} .panel-title > a:hover {color: #404e53 !important;} .panel-title.active a {color: #404e53 !important;} .panel-group .panel-heading + .panel-collapse .panel-body {border-top: none; padding-bottom: 20px;} .panel-collapse .panel-body {padding-bottom: 5px !important;} #collapse-tab2 .panel-body h4 {font-size: 13px; font-weight: bold; text-transform: uppercase; text-decoration: underline; padding-top: 20px;} #collapse-tab2 .panel-body h4:first-child {padding-top: 8px;} .panel-body .spr-container {border: none; padding: 0 !important;} .spr-summary-actions a { font-size: 11px; text-transform: uppercase; font-weight: bold; border: 1px solid #a6b3b9; padding: 0 20px; line-height: 30px;} .spr-summary-actions a:hover, .spr-summary-actions a:focus, .text-continue a {text-decoration: none; color: inherit;font-weight:100!important;} .panel-body .spr-form,.panel-body .spr-review {border-top: 1px dotted #dfe4e6;} .panel-body .spr-form-title , .panel-body .spr-header-title {text-transform: uppercase; font-weight: bold; font-size: 12px;} .panel-body .spr-form-input-text, .panel-body .spr-form-input-email { max-width: 360px;} .panel-body .spr-form-label {display: block; margin-bottom: 10px;} .spr-form-review .spr-form-review-rating .spr-form-label {float: left; margin-right: 20px;} .panel-body .spr-review-reportreview {float: left; font-size: 11px; line-height: 16px; color: #b0b4b6} .panel-body .spr-review-header-title {text-transform: uppercase; font-weight: bold; font-size: 12px;} .panel-body .spr-review-header-byline { font-size: 12px;} .panel-body .spr-review-header-byline strong {font-weight: normal;} .selectize-input { padding: 0 12px !important; min-height: 40px !important; -webkit-border-radius:0 !important; -moz-border-radius:0 !important; -ms-border-radius:0 !important; -o-border-radius:0 !important; border-radius:0 !important;} .selectize-input.full {line-height: 40px; max-width: 360px;} .spr-review-header .spr-review-header-starratings {margin: 0 0 15px;} .panel-body .spr-review-header .spr-review-header-title{ margin-bottom: 5px;} [class^="spr-icon-"]:before, [class*=" spr-icon-"]:before {font-size: 100% !important;} /* shopping cart Page -------------------------- */ .wrapper-cart { float: left; overflow-x: auto; overflow-y: hidden; padding-right: 40px; width: 70%;} #your-shopping-cart .page-header {border-bottom: none; margin-bottom: 0;} .cart-list { list-style: none outside none; margin-bottom: 40px; overflow: hidden; padding: 0;} .cart-list li{ float: left;width: 100%; border-top: 1px solid #dfe4e6; margin-top: 40px; padding-top: 40px;} .cart-list li:first-child{border-top: none; margin-top: 0; padding-top: 20px;} .cart-list h2 {margin-top:0; margin-bottom: 5px;} .cart-list h2.h4 a {font-size: 14px; } .cart-list h2.h4 .option {padding-top: 7px;} .cart-list h2.h4 small, .vendor, .vendor em { color: #9ba1a4; font-size: 11px; text-transform: uppercase;} .cart-list .money {display: block; font-size: 18px; font-weight: 700; color: #272e31; padding: 18px 0;} .quantity label {display: block; font-weight: bold; font-size: 12px;} .quantity input[type="number"] { margin: 8px 0 18px; max-width: 83px;} .cart-list a.remove {font-size: 11px; color: #555; text-decoration: none; height: 36px; line-height: 34px; display: inline-block; text-transform: uppercase; padding: 0 18px; margin-right: 20px; border: 1px solid #777;margin-bottom: 10px;-webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -ms-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out;} .cart-list a.remove:hover {background:#fcfcfc;} #your-shopping-cart #shipping-calculator {display:none;} .cart-list .btn-secondary{font-size: 11px; text-decoration: none; height: 36px; line-height: 34px; } .cart-list .btn-secondary:hover { color: #fff; background: #404e53; border: 2px solid #404e53; } .cart-row { float: left; margin: 0px 0 40px; width: 30%;} .cart-row h3.total-price > em { font-size: 32px; font-style: normal; font-weight: 700; text-align: right; color: #20272a; } .cart-row label.total-price {font-weight: bold; font-size: 13px; text-transform: uppercase; text-align: center; margin-left: 0; margin-bottom: 47px; padding-left: 40px !important; line-height: 1.2;} .cart-row .total-price{display: block; margin-bottom: 20px; text-align: center; } .cart-row .note #cart-currency{ font-size: 11px; font-style: italic; font-weight: bold; margin-bottom: 10px; padding-bottom: 30px; text-align: center; text-transform: uppercase; display: inline; color:#404e53} .cart-row .note{ border-bottom: 1px solid #dfe4e6; font-size: 11px; font-style: italic; font-weight: bold; margin-bottom: 10px; padding-bottom: 30px; text-align: center; text-transform: uppercase; } .cart-row .note span{ display: block; font-weight: normal; font-size: 12px; color: #9ba1a4; font-style: normal; text-transform:none; padding-bottom: 12px;} .cart-row .comment-note { font-weight: normal; padding-bottom: 12px; padding-top: 7px;} .cart-row .comment-note span { background: #e95144; margin-right: 5px; padding: 2px 5px; color: #fff;} .cart-row .btn{display: block; margin: 30px 0; width: 100%;} .cart-row .btn-secondary{display: block; float: right; } .cart-row label{display: block; font-size: 12px; } .cart-row textarea {height: 132px; width: 100%;} #shipping-calculator {border-top: 1px solid #dfe4e6; padding-top: 50px; margin-bottom: 25px;} #shipping-calculator h3 {font-size: 20px; letter-spacing: 0.05em;} #shipping-calculator-form-wrapper p {} #shipping-calculator-form-wrapper p select{width: 100%;} #shipping-calculator-form-wrapper p input[type="text"] {width: 170px;} #shipping-calculator-form-wrapper label {display: block; padding-bottom: 3px;} .cart-title, .cart-row label.total-price {font-size: 13px; font-weight: bold;letter-spacing: 0.05em; border-bottom: 1px solid #dfe4e6; border-top: 1px solid #dfe4e6; padding: 20px 0; } .cart-list .product-img {float: left; width: 220px; margin-right: 40px;} .cart-title { line-height: 1.2; } #shipping-rates-feedback {padding-top:20px;} .zoomContainer {z-index: 999; width: auto !important; height: auto !important;} /* create an account */ #create_customer label, .sos_wrapper label {display: block; padding-bottom: 0px;margin-bottom:0!important;} #create_customer input {display: block; margin-bottom: 15px; min-width: 200px; width: 50%;} .sos_wrapper input {display: block; margin-bottom: 15px; min-width: 200px; width: 70%;} #create_customer .action-btn input, .sos_wrapper input.btn { min-width: 0px; width: auto;} #create_customer .action-btn, .sos_wrapper input.btn{text-transform: uppercase; font-size: 13px;} #create_customer .action-btn a {text-decoration: underline; font-weight: bold;} .sos_wrapper input.sos_hp {display:none;} /* login page */ #customer_login label {display: block; padding-bottom:0;margin-bottom:0!important;} #customer_login input, .sos_wrapper input #recover_password input[type="email"]{display: block; margin-bottom: 15px; max-width: 300px; width: 100%;} #customer_login .action-btn input, #recover_password .action-btn input { min-width: 0px; width: auto;} #recover_password .action-btn, #customer_login .action-btn {text-transform: uppercase; font-size: 11px; margin-bottom: 50px; margin-top: 30px;} #recover_password .action-btn a, #customer_login .action-btn a {text-decoration: underline; font-weight: bold;padding-left: 3px;} #recover_password label { display: block; padding-bottom: 5px; padding-top: 20px; } /* search page */ .search-page .page-header h2 {font-size: 15px;} .wrapper-search-bar { margin: 0 auto 20px; text-align: center; width: 280px;} /* quick view */ .quickview-template , .quick-view{ bottom: 0; display: none; left: 0; outline: 0 none; overflow-x: auto; overflow-y: scroll; position: fixed; right: 0; top: 0; z-index: 1050; display: none; } .quickview-template .content, .quick-view .content { position: relative; width: 90%; margin:30px auto; background: #fff; padding: 40px; } .quick-view .overlay,.ajax-success-modal .overlay {background: rgba(39, 46, 49, 0.8); height: 100%; width: 100%; position: fixed;} .close-window {position: absolute; top:0; right: -50px;} ._quick-view-content { display: none; } .quick-view .product-shop { float: right; } .quick-view .product-img-box { margin: 0; float: left; } .quick-view .product-img-box .image-wrapper { width: 311px; height: 311px; overflow: hidden; position: relative; } .quick-view .product-img-box .image { width: 311px; height: 311px; overflow: hidden; position: relative; } .quick-view .product-img-box .image img { display: block; position: relative; max-width: 110%; } .quick-view .product-img-box .thumbnails { padding: 20px 0 0 40px; position: relative; } .quick-view .product-img-box .thumbnails .jcarousel-next-horizontal { width: 70px; height: 70px; position: absolute; top: 0; right: 0; display: block; float: left; opacity: 0.2; -moz-transition: all 0.2s linear 0s; -webkit-transition: all 0.2s linear 0s; -o-transition: all 0.2s linear 0s; } .quick-view .product-img-box .thumbnails .jcarousel-next-horizontal:hover { opacity: 1; } .quick-view .product-img-box .thumbnails .jcarousel-prev-horizontal { width: 70px; height: 70px; position: absolute; top: 0; left: 0; display: block; float: left; opacity: 0.2; -moz-transition: all 0.2s linear 0s; -webkit-transition: all 0.2s linear 0s; -o-transition: all 0.2s linear 0s; } .quick-view .product-img-box .thumbnails .jcarousel-prev-horizontal:hover { opacity: 1; } .quick-view .product-img-box .thumbnails ul { float: left; text-align: center; width: 240px; } .quick-view .product-img-box .thumbnails ul li a:hover { opacity: 1; } .quick-view .product-img-box .thumbnails ul li .active { opacity: 1; } .quick-view .product-img-box .thumbnails ul li a img { max-width: 110%; } .quick-view .product-img-box .thumbnails ul { width: 266px; } .quick-view .close:hover { box-shadow: #333 0 3px 0 inset, #333 0 -3px 0 inset, #333 3px 0 0 inset, #333 -3px 0 0 inset; } .ajax-form-submited-wrap { display: none; position: relative; width: 270px; height: 50px; float: right; } .ajax-form-submited-success, .quick-view .ajax-form-submited-error { position: absolute; left: 0px; top: 0; display: none; font-weight: bold; width: 270px; margin-right: 30px; height: 50px; font-size: 14px; } .ajax-form-submited-success { line-height: 50px; } .ajax-form-loader { position: absolute; right: 0; top: 20px; width: 40px; height: 15px; } .lightbox { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: #000; opacity: 0.35; filter:alpha(opacity=0); z-index: 700; display: none; } .quick-view .close-window {right: -50px;} .quick-view .product-shop .price {margin-bottom: 20px;} .quick-view .product-shop .btn {margin-bottom: 20px;} .quick-view .product-shop .product-description {margin-bottom: 22px; padding: 0;} .quick-view .product-shop .quantity {margin-bottom: 30px; padding: 0;} .quick-view .product-shop .details input[type="number"] {margin-bottom: 30px; } .quick-view .product-shop .product-title {} .zoomWindowContainer .zoomWindow {border: 5px solid #fff !important;} /* Hack css IE8 */ @media \0screen { body {min-width: 900px;} .container{max-width: 1200px; min-width: 900px;} } .loading-modal { background:#fff url("loading.gif") center center no-repeat ; border: 1px solid #d8d8d8; bottom: auto; height: 140px; width: 180px; left: 50%; top: 50%!important; margin-left: -90px; margin-top: -70px; overflow: hidden; padding: 0; position: fixed; right: auto; text-indent: -999em; } .ajax-success-modal .content { background: none repeat scroll 0 0 #fff; bottom: auto; left: 50%; margin-left: -270px; margin-top: -100px; min-height: 200px; padding: 30px 40px; position: fixed; right: auto; top: 50% !important; width: 540px;} .ajax-success-modal .ajax-left {float: left; margin-right: 40px;} .ajax-success-modal .ajax-right {margin-left: 104px;} .ajax-success-modal .close-modal {right: -50px; top: 0;} .ajax-error-modal .content { bottom: auto; left: 50%; margin-left: -50px; overflow: hidden; padding: 10px 40px; position: fixed; right: auto; top: 50%; width: auto; background: #fff; border: 1px solid #dc6944; color: #ea3b02; background-color: rgba(238,83,33,0.5);} .ajax-error-modal {bottom: auto; left: 0; margin-left: 0; overflow: hidden; padding: 10px 20px; position: fixed; right: auto; top: 50%; width: 100%;text-align: center; } .ajax-error-modal .modal-inner { padding: 10px 20px; color: #fff; background: #e95144; width: auto; display: inline-block; } .ajax-success-modal .btn-secondary, .text-continue a{border-color: #404e53; color: #20272a; height: 36px; line-height: 35px; font-size: 11px; font-weight: bold;} .ajax-success-modal .continue-shopping{margin-right: 20px;} .success-message {background: #cbeded url(bkg-icons11.png) 20px -1476px no-repeat; height: 40px; line-height: 40px; color: #5d9494; font-style: italic; padding: 0 10px 0 40px; margin-bottom: 20px;} .ajax-product-title {text-align: left; margin-bottom: 20px;} .spr-badge {text-align: center; padding-bottom: 10px;} /* animate */ .widget-product .grid-item,.wow.animated { -webkit-animation-duration:1.5s; -moz-animation-duration:1.5s; -ms-animation-duration:1.5s; -o-animation-duration:1.5s; animation-duration:1.5s; /*-webkit-animation-delay:1s; -moz-animation-delay:1s; -ms-animation-delay:1s; -o-animation-delay:1s; animation-delay:1s; -webkit-animation-iteration-count:1; -moz-animation-iteration-count:1; -ms-animation-iteration-count:1; -o-animation-iteration-count:1; animation-iteration-count:1;*/ } .wow {/*-moz-opacity: 0; opacity:0; filter:alpha(opacity=0); /* For IE8 and earlier *//*-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; /* IE8 */} .animated {-moz-opacity: 1; opacity:1; filter:alpha(opacity=100); /* For IE8 and earlier */-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; /* IE8 */} .text-continue a {display: inline-block; font-size: 10px; height: 30px; line-height: 27px; margin-top: 10px; padding: 0 20px;} #back-top {background:rgba(56,56,62,0.8) url(bkg-icons11.png) 13px -1556px no-repeat; font-size: 0; height: 52px; position: fixed; right: 20px; bottom: 20px; width: 52px; -webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px; cursor: pointer; z-index: 999;} .more-view-wrapper .jcarousel-skin-tango .jcarousel-prev-disabled, .more-view-wrapper .jcarousel-skin-tango .jcarousel-next-disabled {display:none!important} /* Swatches Styles */ .swatch { margin: 0 0 1em; } /* Label */ .swatch .header { margin: 0.5em 0; border: none; padding-bottom: 5px; } /* Hide radio buttons.*/ .swatch input { display:none; } .swatch label { border: 1px solid #d2d8db; float: left; font-size: 13px; font-weight: normal; height: 42px !important; line-height: 40px; margin: 0; min-width: 42px !important; text-align: center; text-transform: uppercase; white-space: nowrap; cursor: pointer; } .swatch-element label { padding:0 10px; } .color.swatch-element label { padding:0; } /* Styling selected swatch */ /* Slightly raised */ .swatch input:checked + label , .swatch label:hover {background: #7e8283; border-color: #404e53; color: #fff; -webkit-transition:all 0.5s ease 0s; -moz-transition:all 0.5s ease 0s; -ms-transition:all 0.5s ease 0s; -o-transition:all 0.5s ease 0s; transition:all 0.5s ease 0s;} .swatch .swatch-element { float:left; -webkit-transform:translateZ(0); /* webkit flicker fix */ -webkit-font-smoothing:antialiased; /* webkit text rendering fix */ /* Spacing between buttons */ margin:0px 10px 10px 0; /* To position the sold out graphic and tooltip */ position:relative; } /* Image with the cross in it */ .crossed-out { position:absolute; width:100%; height:100%; left:0; top:0; } .swatch .swatch-element .crossed-out { display:none; } .swatch .swatch-element.soldout .crossed-out { display:block; } .swatch .swatch-element.soldout label { filter: alpha(opacity=60); /* internet explorer */ -khtml-opacity: 0.6; /* khtml, old safari */ -moz-opacity: 0.6; /* mozilla, netscape */ opacity: 0.6; /* fx, safari, opera */ } /* Tooltips */ .swatch .tooltip { text-align:center; background:gray; color:#fff; bottom:100%; padding: 10px; display:block; position:absolute; width:100px; left:-23px; margin-bottom:15px; /* Make it invisible by default */ filter:alpha(opacity=0); -khtml-opacity: 0; -moz-opacity: 0; opacity:0; visibility:hidden; /* Animations */ -webkit-transform: translateY(10px); -moz-transform: translateY(10px); -ms-transform: translateY(10px); -o-transform: translateY(10px); transform: translateY(10px); -webkit-transition: all .25s ease-out; -moz-transition: all .25s ease-out; -ms-transition: all .25s ease-out; -o-transition: all .25s ease-out; transition: all .25s ease-out; -webkit-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28); -moz-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28); -ms-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28); -o-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28); box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28); z-index: 10000; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; } .swatch .tooltip:before { bottom:-20px; content:" "; display:block; height:20px; left:0; position:absolute; width:100%; } /* CSS triangle */ .swatch .tooltip:after { border-left:solid transparent 10px; border-right:solid transparent 10px; border-top:solid gray 10px; bottom:-10px; content:" "; height:0; left:50%; margin-left:-13px; position:absolute; width:0; } .swatch .swatch-element:hover .tooltip { filter:alpha(opacity=100); -khtml-opacity:1; -moz-opacity:1; opacity:1; visibility:visible; -webkit-transform:translateY(0px); -moz-transform:translateY(0px); -ms-transform:translateY(0px); -o-transform:translateY(0px); transform:translateY(0px); } .swatch.error { background-color:#E8D2D2!important; color:#333!important; padding:1em; border-radius:5px; } .swatch.error p { margin:0.7em 0; } .swatch.error p:first-child { margin-top:0; } .swatch.error p:last-child { margin-bottom:0; } .swatch.error code { font-family:monospace; } .product-photo-container #product-featured-image {/*bottom:auto; left: 0 !important; right: 0; height: auto !important;*/ position: static !important; height: auto !important; width: auto !important; max-height: 600px;} .product-photo-container > a {position: relative; display: block;width: 100%; } .quick-view .product-photo-container > a img { max-height: 444px; } #customer-links .or {padding: 0 3px;color:#4f7dba;font-weight:900;;} /* Css Fix */ .products-grid .grid-item .product-image {display: table; /*overflow: hidden;*/ position: relative; table-layout: fixed; text-align: center; width: 100%; } .products-grid .grid-item .product-image > a, .product-list .grid-item .product-image > a {display: table-cell; line-height: 0; vertical-align: middle; width: 100% !important;} .product-list .grid-item .product-image { overflow: hidden; position: relative; text-align: left; float: left; margin-right: 30px; width: auto;} .product-list .grid-item .product-image > a img { max-height: 300px; } .products-grid .grid-item-border .product-image, .grid-item-border.product-img-box .product-photo-container { padding: 10px;} /*.products-grid .grid-item-border .product-des {bottom: -48px; }*/ .products-grid .grid-item-border .product-des .product-title {padding-left: 10px; padding-right: 10px; } /*.crop_image img {max-width: none;}*/ .no_crop_image img {height: auto !important; position: static !important; } .more-view-wrapper .jcarousel-skin-tango .jcarousel-next-vertical { bottom: 0;} .more-view-wrapper .jcarousel-skin-tango .jcarousel-prev-vertical {top: 0;} .more-view-wrapper .jcarousel-container{padding: 20px 0;} .zoomWrapper {overflow: hidden; height: auto !important; width: auto !important; text-align: center;} .zoomWrapper img:nth-child(2) {display:none} .total-price label {font-size: 12px; margin-right: 10px;} .total-price > span { font-size: 14px; color: #20272a; } .product-shop .total-price > span { font-weight: 700; } /* product-item-no-hover */ .products-grid .product-item-no-hover.grid-item {margin-bottom: 0px;} .products-grid .product-item-no-hover .product-des {position: static;-moz-opacity: 1; opacity:1; filter:alpha(opacity=100); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; padding-top:0;} .product-item-no-hover .btn-top { -moz-opacity: 0; opacity:0; filter:alpha(opacity=0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; left: 50%; margin-bottom: 40px; position: absolute; text-align: center; top: 30%; margin-left: -40px; } .product-item-no-hover:hover .btn-top {-moz-opacity: 1; opacity:1; filter:alpha(opacity=100); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";} .product-item-no-hover .product-des .action{display: none;} .products-grid .product-item-no-hover .product-des {padding-bottom: 0; min-height: 50px; } /* Address */ .template-customers-addresses form .grid { width: 50%; overflow: hidden; } .template-customers-addresses form .grid .grid-item { overflow: hidden; } .template-customers-addresses form select, .template-customers-addresses form input[type="text"], .template-customers-addresses form input[type="tel"] { margin-bottom: 15px; float: left; clear: both; width: 100%; } .template-customers-addresses form .grid label { float: left; } .template-customers-addresses form input[type="checkbox"] { margin-right: 10px; } .template-customers-addresses form .btn { margin-right: 10px; } /* FAQ */ #accordion .page-header { border: 0; position: relative; padding-bottom: 15px; margin-bottom: 23px; } #accordion .page-header:after { content: ""; border: 0; height: 2px; width: 32px; position: absolute; left: 50%; bottom:0; margin-left: -16px; background: #404e53; } #accordion .panel-group { border-top: 1px solid #d2d8db; margin-top: 45px; } #accordion .panel-group .panel { border-color: transparent; } #accordion .panel-title { position: relative; } .sidebar .panel-title > a { text-transform: none; font-size: 14px; font-weight: normal; color: #555; display: inline-block; position: relative; padding-right: 20px; } #accordion .panel-title > a:before { content: "-"; position: absolute; right: 0; top: 1px; color: #333; text-transform: uppercase; font-size: 18px; font-weight: 300; letter-spacing: 0.02em; opacity: 0.6; } #accordion .panel-title > a.collapsed:before { content: "+"; } #accordion .panel-group .panel-body { padding: 26px 25px 35px; } #accordion .panel-group .panel-body:before { content:"Answer"; float: left; margin: -3px 20px 0 0; height: 25px; line-height: 25px; width: 77px; text-align: center; color: #fff; background: #b0c0c7; font-size: 19px; font-weight: 700; letter-spacing: 0.02em; text-transform: uppercase; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } #accordion .panel-group .panel-body img { margin-top: 30px; } .panel-group .panel-body img { margin-top: 30px; } #accordion .panel-default > .panel-heading {background:none!important;padding:0!important;} #accordion .panel-default {border:none!important;} #accordion .panel-group {margin-bottom:15px!important;} /* wishlist */ a.wishlist { display: block; margin-bottom: 17px; } a.wishlist .icon { background: url(icon-wishlist.png) 0 0 no-repeat; width: 11px; height: 10px;margin-right: 10px; display: inline-block; } a.wishlist span { text-transform: uppercase; font-size: 19px; font-weight: 300; letter-spacing: 0.05em; color: #404e53; } button.wishlist { background: url(icon-wishlist.png) 0 2px no-repeat; border:0; text-transform: uppercase; font-size: 11px; font-weight: 700; letter-spacing: 0.05em; color: #404e53; padding-left: 20px; margin-bottom: 17px; } .products-grid .wishlist { margin-left: 7px; border: 1px solid #878f92; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; text-indent: -999em; width: 36px; height: 36px; background: url(icon-wishlist.png) center 13px no-repeat; float: left; padding:0; } .products-grid .wishlist:hover { border-color: #404e53; background-color: #404e53; background-position: center -27px; } .products-grid .btn-top { text-align: center; display: inline-block; } .products-grid .contact-form { display: inline-block; } .quickview-button { text-align: center; margin-bottom: 27px; float: left; } .quickview-button a { text-indent:-999em; background: url(icon-quickview.png) center 13px no-repeat; width: 36px; height: 36px; display: inline-block; border: 1px solid #878f92; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; } .quickview-button a:hover { border-color: #404e53; background-color: #404e53; background-position: center -27px; } /* wishlist page */ table.wishlist-product { border:0; margin: 0 0 26px; } table.wishlist-product thead th { font-size: 13px; padding: 25px 20px 20px; white-space: nowrap; } table.wishlist-product thead th:first-child, table.wishlist-product tbody td:first-child { padding-left: 0; } table.wishlist-product tbody td { padding: 30px 20px; vertical-align: top; } table.wishlist-product tbody td img { max-width: 96px; max-height: 154px; } table.wishlist-product a.product-title { font-size: 14px; display: inline-block; margin-top: 17px; } table.wishlist-product p > span { font-size: 14px; font-weight: 700; color: #272e31; display: inline-block; margin-top: 17px; } table.wishlist-product a.btn-remove-wishlist { display: inline-block; width: 35px; height: 35px; text-indent: -999em; background: url(btn-remove.png) no-repeat center -2px; border: 2px solid #e95144; margin-top: 7px; } table.wishlist-product a.btn-remove-wishlist:hover { background-color: #e95144; background-position: center -39px; } table.wishlist-product .btn { display: inline-block; width: 35px; height: 35px; text-indent: -999em; background: url(btn-cart.png) no-repeat center -2px; border: 2px solid #75858c; padding: 0; margin-top: 7px; } table.wishlist-product .btn:hover { background-color: #404e53; border-color: #404e53; background-position: center -37px; } table.wishlist-product .a-right { text-align: right; } table.wishlist-product .a-center { text-align: center; } #wishlist a.share { text-transform: uppercase; font-size: 11px; font-weight: 700; color: #66787f; letter-spacing: 0.05em; padding-left: 27px; background: url(icon-share.png) no-repeat 0 center; } #wishlist .main-content { padding-top: 40px; } #wishlist .page-header { margin: 0; padding-bottom: 21px; } #wishlist .main-content p { margin: 20px 0; } #wishlist .main-content p.regular-product { margin: 0; } /* My Account */ .template-customers-account .page-header { margin-bottom: 38px; } .template-customers-account .grid .page-header { border: 0; margin-bottom: 21px; padding: 0; } .template-customers-account .page-header h4 { font-size: 13px; font-weight: 700; letter-spacing: 0.1em; text-transform: uppercase; padding: 0; margin:0; } .template-customers-account .grid .grid-item:first-child { border-bottom: 1px solid #dfe4e6; margin-bottom: 36px; padding-bottom: 38px; } .template-customers-account .grid .grid-item > h5 { font-size: 16px; margin: 0 0 10px; } .template-customers-account .grid .grid-item p > a { font-family: "freight-display-pro"; text-transform: uppercase; background:#507db9; font-size: 11px; font-weight: 700; letter-spacing: 0.05em; display: inline-block; height: 36px; line-height: 36px; padding: 0 10px; min-width: 169px; text-align: center; text-decoration: none; margin: 15px 0;color:#fff; } .template-customers-account .grid .grid-item p > a:hover { background: #6090b8; color: #fff; } .template-customers-addresses .grid .page-header { margin-bottom: 25px; position: relative; padding-bottom: 3px; } .template-customers-addresses .grid .page-header:first-child { margin-bottom: 30px; padding-bottom: 9px; } .template-customers-addresses .grid .page-header .large--left { margin-bottom: 35px; } .template-customers-addresses .grid .page-header .large--right { border-top: 1px solid #dfe4e6; padding-top: 20px; margin-bottom: 11px; } .template-customers-addresses .grid .grid-item .large--text-right { position: absolute; left: 0; top: 0; z-index: 9; text-align: center; } .template-customers-addresses .grid .grid-item > h3 { font-size: 16px; margin: 0 0 10px; } .template-customers-addresses .grid .grid-item > h3 em { font-style: normal; } .template-customers-addresses .grid .page-header h2 { font-size: 20px; } .template-customers-addresses .grid .grid-item > p > a { font-size: 11px; font-weight: 700; letter-spacing: 0.05em; text-transform: uppercase; padding: 0 10px; height: 36px; line-height: 36px; background: #e95144; color: #fff; display: inline-block; border: 1px solid transparent; min-width: 92px; text-align: center; text-decoration: none; margin: 15px 0 20px; } .template-customers-addresses .grid .grid-item > p > a:first-child { border: 1px solid #3f4e53; color: #404e53; background: none; margin-right: 17px; min-width: 76px; } .template-customers-addresses .grid .grid-item > p > a:hover { background: #3f4e53; color: #fff; } .template-customers-addresses hr { border-color: #eeeeee; } /* Mega Menu */ .site-nav > li.mega-menu { position: static; } .wrapper-container .site-nav li.mega-menu:hover .site-nav-dropdown { display: block; } /*.wrapper-container .site-nav > li.dropdown:hover.mega-menu > a, .wrapper-container .site-nav > li.dropdown:hover.mega-menu > a:hover { background: #273034; color: #fff; }*/ .wrapper-container .site-nav li.dropdown:hover.mega-menu > a > .icon-dropdown { border-top-color: #cec8c8; opacity: 1; } .wrapper-container .site-nav li.dropdown.mega-menu > a { position: relative; } /*.wrapper-container .site-nav li.dropdown.mega-menu > a:after { content: "New"; position: absolute; top: -8px; right: 0; background: #e95144; color: #fff; font-size: 10px; font-weight: 700; font-style: italic; text-transform: uppercase; line-height: 17px; height: 17px; width: 33px; text-align: center; } */ /*.wrapper-container .site-nav li.dropdown.mega-menu > a:before { content: ""; border: 4px solid transparent; border-top-color: #e95144; position: absolute; right: 11px; top: 9px; } */ .wrapper-container .site-nav li.mega-menu .site-nav-dropdown { max-width:1200px; border: 0; padding: 14px; } .wrapper-container .site-nav li.mega-menu .site-nav-dropdown .col-1 .inner { border-right: 1px solid #ccc; float: left; margin-right: 13px; padding-right: 10px; width: 150px; } .sub-mega-menu .parent-link { border-bottom: 1px solid #3d4549; color: #fff; font-weight: 700; padding-bottom: 20px; margin-bottom: 15px; } .sub-mega-menu .parent-link a { text-transform: uppercase; color: #fff; font-weight: 700; letter-spacing: 0.05em; display: inline-block; padding: 0; margin: 0; } .wrapper-container .site-nav li.mega-menu .site-nav-dropdown .col-1 .inner > a { text-transform: uppercase; color: #444; font-weight: 600; letter-spacing: 0.05em; padding:0 0 4px; margin: 0; font-size:14px;} .sub-mega-menu .parent-link > span.up { text-indent: -999em; display: block; background: url(icon-menu-up.png) no-repeat; opacity: 0.5; width: 9px; height: 6px; position: absolute; left: 50%; top: 6px; cursor: pointer; } .sub-mega-menu .parent-link > span.up:hover { opacity: 1; } .sub-mega-menu .parent-link > span { padding: 0 10px; } .wrapper-container .site-nav li.mega-menu .sub-mega-menu.col-1 .inner { padding-right: 0; width: 100%; } .wrapper-container .site-nav li.mega-menu .sub-mega-menu.col-1 .inner li { float: left; width: 25%; padding-right: 5%; } .wrapper-container .site-nav li.mega-menu .site-nav-dropdown .col-1 .inner p.toogleClick { display: none!important; } .wrapper-container .site-nav li.mega-menu .site-nav-dropdown .col-1 ul.dropdown { display: block; position: static; padding: 0; } .wrapper-container .site-nav li.mega-menu .site-nav-dropdown .col-1 ul.dropdown li:hover { background: none; } .wrapper-container .site-nav li.mega-menu .site-nav-dropdown .col-1 ul.dropdown li:hover > a:before { background: none; } .wrapper-container .site-nav li.mega-menu .site-nav-dropdown .col-1 ul.dropdown li a { padding: 9px 0; margin: 0; color: #a4a6a7; display: inline-block; } .site-nav-dropdown .col-1 ul.dropdown li .icon-dropdown { margin-left: 20px; } .wrapper-container .site-nav li.mega-menu .site-nav-dropdown .col-1 ul.dropdown li a:hover { color: #fff; } .wrapper-container .site-nav li.mega-menu .site-nav-dropdown .col-1 ul.dropdown li a:hover span { color:#333; } .wrapper-container .site-nav li.mega-menu .site-nav-dropdown .col-1 ul.dropdown li a:hover span.icon-dropdown { border-bottom: 0; margin-top: -3px; } .wrapper-container .site-nav li.mega-menu > .dropdown:hover > .site-nav-dropdown, .wrapper-container .site-nav li.mega-menu > .dropdown.open > .site-nav-dropdown { display: block; } .site-nav li.mega-menu .site-nav-dropdown .col-2 { text-align: center; color: #a4a6a7; font-style: italic; line-height: 20px; float: right; } .site-nav li.mega-menu .site-nav-dropdown .col-2 a { display: inline-block; padding: 0; margin: 4px 0 18px; } .site-nav li.mega-menu .site-nav-dropdown .col-2 p { margin: 0 0 20px; } .cbp-spmenu .site-nav li.mega-menu .site-nav-dropdown { display: none; background: #ccc; } .cbp-spmenu .site-nav li.mega-menu .site-nav-dropdown .col-1 { padding:0; } .cbp-spmenu .site-nav li.mega-menu .site-nav-dropdown .col-1 .inner { border-bottom: 1px solid #303030; position: relative; } .cbp-spmenu .site-nav li.mega-menu .site-nav-dropdown .col-1 .inner > a { padding: 16px 30px; text-transform: uppercase; font-size: 11px; font-weight: 700; letter-spacing: 0.05em; } .cbp-spmenu .site-nav li.mega-menu .site-nav-dropdown .col-1 .inner > a:hover { color: #fff; } .cbp-spmenu .site-nav li.mega-menu .site-nav-dropdown .col-1 ul.dropdown { display: none; padding: 0; margin-bottom: 27px; } .cbp-spmenu .site-nav li.mega-menu .site-nav-dropdown .col-2 { padding: 26px 20px 5px; } .cbp-spmenu .site-nav li.mega-menu li li a { font-size: 12px; padding: 9px 35px; } .cbp-spmenu .site-nav li.mega-menu li li a:hover span { border-bottom: 1px solid #fff; } .cbp-spmenu .site-nav li.mega-menu .site-nav-dropdown li:hover > a:hover, .cbp-spmenu .site-nav li.mega-menu .site-nav-dropdown li:hover > a, .cbp-spmenu .site-nav li.mega-menu .site-nav-dropdown a:active { background: none; } .cbp-spmenu .site-nav li.mega-menu .site-nav-dropdown > p.toogleClick { top: 0; } .sub-mega-menu { display: none; } .addthis_native_toolbox .at-share-tbx-element { display: none; } .addthis_native_toolbox .at-share-tbx-element:first-child { display: block; } /* Fix */ .product-details .option { margin-bottom: 10px; } .wrapper-container .site-nav li.mega-menu .site-nav-dropdown .col-1.parent-mega-menu ul.sub-menu { display: none; } body > #_atssh { display: none!important; } /* Fixed Top Menu */ .search-bar .input-group-btn { position: absolute; right: 0; top: 0; } a.icon-search { display: none; background: url(bkg-icons11.png) no-repeat 3px 3px; text-indent: -999em; width: 20px; height: 20px; } .site-header { -webkit-transition: all 0.15s ease 0s; -moz-transition: all 0.15s ease 0s; -ms-transition: all 0.15s ease 0s; -o-transition: all 0.15s ease 0s; transition: all 0.15s ease 0s; -webkit-animation-duration: 0.8s; -moz-animation-duration: 0.8s; -o-animation-duration: 0.8s; animation-duration: 0.8s; } .site-header .header-logo-fix { display: none; float: left; width: 10%; margin: 20px 0 0 40px; } .site-header.fix .nav-bar > .container { width: 65%; } .site-header.fix { position: fixed; top: 0; left: 0; right: 0; z-index: 1000; border-bottom: 1px solid #e5e7e7; padding: 0; } .site-header.fix .header-logo-fix { display: block; } .site-header.fix .nav-search > a.icon-search { display: block; } .site-header.fix .nav-search { position: absolute; right: 110px; top: 24px; padding: 0; width: auto; z-index: 99; } .site-header.fix .site-nav { border-color: transparent; } .site-header.fix .header-panel { border: 0; margin: 0; } .site-header.fix .header-panel .col-xs-8, .site-header.fix .header-panel .social, .site-header.fix .header-logo { display: none; } .site-header.fix .search-bar { display: none; position: absolute; right: -13px; top: -10px; margin: 0; } .site-header.fix .search-bar input.input-group-field { height: 38px; text-transform: capitalize; font-size: 12px; background: #fff; border: 1px solid #e5e5e5; } .site-header.fix .search-bar .input-group-btn input.btn { top: 5px; } .site-header.fix .header { border: 0; padding: 0; } .wrapper-container .site-header.fix li.dropdown.mega-menu > a:before, .wrapper-container .site-header.fix li.dropdown.mega-menu > a:after { display: none; } .site-header.fix .top-header { z-index: 99; margin: 0; padding: 0; width: auto; right: 40px; top: 24px; position: absolute; } .site-header.fix .wrapper-top-cart { margin: 0; } .site-header.fix #cartToggle { background: url(icon-cart.png) no-repeat; width: 26px; height: 28px; display: block; } .site-header.fix #cartToggle:hover { height: 42px; } .site-header.fix #cartToggle .first, .site-header.fix #cartToggle .second, .site-header.fix #cartToggle .last { display: none; } .site-header.fix p.top-cart { background: none; margin: 0; padding: 0; } .site-header.fix .top-cart #cartCount { background: #f55c10; color: #fff; font-family: 'Roboto'; font-size: 11px; font-weight:400; min-width: 18px; height: 18px; line-height: 16px; padding: 0 3px; display: inline-block; position: absolute; right: 0; top: -8px; text-align: center; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .site-header.fix #dropdown-cart { top: 41px; right: 0; } p.top-cart { background: rgba(0, 0, 0, 0) url("https://cdn.shopify.com/s/files/1/0886/1846/t/24/assets/basket-blue.png?16455047065254565358") no-repeat scroll 5px 3px / 28% auto; float: right; line-height: 37px; padding-left: 39px;} [type=radio]:checked ~ label { background: white; border-bottom: 1px solid white; z-index: 2; } [type=radio]:checked ~ label ~ .content { z-index: 1; } .reveal .hidden { display: block !important; visibility: visible !important;} .product:hover .reveal img { opacity: 1;} .reveal { position: relative;display: block !important; } .reveal .hidden { position: absolute; z-index: -1; top: 0; width: 100%; height: 100%; opacity: 0; -webkit-transition: opacity 0.3s ease-in-out; -moz-transition: opacity 0.3s ease-in-out; -o-transition: opacity 0.3s ease-in-out; transition: opacity 0.3s ease-in-out; } .reveal:hover .hidden { z-index: 100000; opacity: 1; } .reveal .caption { position: absolute; top: 0; display: table; width: 100%; height: 100%; background-color: white; /* fallback for IE8 */ background-color: rgba(255, 255, 255, 0.7); font: 13px/1.6 sans-serif; text-transform: uppercase; color: #333; letter-spacing: 1px; text-align: center; text-rendering: optimizeLegibility; } .reveal .hidden .caption .centered { display: table-cell; vertical-align: middle; } .display-li {display:none !important;} .show-mobile { display: none; } .clearfix { clear: both; } #pre-order{ padding: 0 30px; margin-right: 12px; line-height: 27px; text-indent: 0px; font-size: 13px; text-transform: uppercase; height: 25px; letter-spacing: 0.05em; text-align: center; white-space: nowrap; vertical-align: middle; overflow: hidden !important; display: block; } .design{ clear:both; } .margin-bottom{ margin-bottom: 20px; } .hisy-container { margin: 0!important; } .hisy-header h1 { font-size: 31px!important; text-align: left!important; margin-bottom: 22px!important; margin-top:47px!important; letter-spacing: 0.05em; font-family: "Open Sans",sans-serif!important; font-weight:600; } .hisy-form-group .hisy-input, .hisy-form-group .hisy-input:focus { border: 1px solid #d2d8db !important; box-shadow: none !important; max-width: 300px; } #homepage-video{ box-shadow: 0px 0px 0px 5px #bf9c62; background-color: #bf9c62; border: 1px solid #ffffff !important; padding: 5px; color: #fff; position: absolute; left: 0; right: 0; width: 350px; margin: 0 auto; top: 17%; opacity: 0.9; } #homepage-video h4{ font-size: 25px; letter-spacing: 0; line-height: 30px; margin: 0; } .nantucket-video{ position: absolute; bottom: 40%; text-align: center; width:100%; margin:0 auto; } .video-btn-text{ float: none !important; margin-right:0px !important; width: 100% !important; color:#fff; font-family: "freight-display-pro"!important; letter-spacing:2px; line-height:35px; font-size: 30px !important; } .video-img{ width:8% !important; } .margin-top-left{ margin:5px 0px; } .title-font{ width: 280px; margin: 0 auto; margin-top: 10px; margin-bottom: 10px !important; } #ISR_popup h3 { text-transform: uppercase; } input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill { background-color: #fff !important; color: #444444 !important; } #ISR_result.ISR-result-success { color: #fff !important; } #ISR_result { background-color: #d2d8db !important; border: 1px solid #d2d8db !important; } #ISR_form input { height: 35px !important; background-color: #f1f1f1 !important; border: 1px solid #eee !important; } #ISR_form input:focus { background-color: #fff !important; } /*.newlistmenu ul li:first-child a { color:red !important; } .newlistmenu ul li:first-child a { color:red !important; }*/ .bg-img{ position:relative; } div.bg-img::before{ content: ""; position: absolute; width: 100%; height: 100%; z-index: -1; background: url(https://cdn.shopify.com/s/files/1/0886/1846/t/16/assets/21760302_xxl-L.jpg?16721872695175987944); opacity: 0.5; left:0; background-position:center; background-repeat:no-repeat; background-size:cover; } .section-2-heading{ font-size: 31px; text-align: center; font-family: "freight-display-pro"!important; font-weight: 400; color:#565656; padding-top: 12%; } .section-2-description{ display:none; } .section-2-btn{ color: #565656; padding: 3px 10px; font-size: 20px; font-weight: 500; text-transform: uppercase; } .section-2-btn:hover{ text-decoration:none; } .section-btn-link { padding-bottom: 22%; } .padding-top{padding:0 !important;} /* .fancyboxPop-overlay.fancyboxPop-overlay-fixed { display: none !important; } */ .btnShadow{ color: #3d5f20 !important; font-size: 24px; font-weight: 500; border: 1px solid #4f6429; padding: 0 5px; } .btnShadow1{ border: 1px solid #ffffff !important; color: #385d1e !important; background-color: #bf9c62; padding: 4px 10px; font-size: 26px; font-weight: 500; box-shadow: 0px 0px 0px 5px #bf9c62; position: absolute; bottom: 20%; left: 5%; opacity: 0.9; } #homepage-float { left: 2%; box-shadow: 0px 0px 0px 5px #bf9c62; background-color: #bf9c62; border: 1px solid #ffffff !important; top: 20%; padding: 5px; color:#fff; position:absolute; opacity: 0.9; } #homepage-float h4{ font-size:24px; letter-spacing:0; line-height:30px; margin: 0; } .holiday{ position: absolute; right: 15%; top: 2%; box-shadow: 0px 0px 0px 3px #f4f3f1; background-color: #f4f3f1; border: 1px solid #bf9c62 !important; padding: 43px 20px; color: #bf9c62; opacity: 0.8; border-radius: 100%; } .holiday h4{ font-size:20px; letter-spacing:0; line-height:25px; color: #caaa76 !important; margin: 0; } div#homepage-float h5{ font-size:21px; letter-spacing:0; line-height:27px; margin: 0; } .newBtn { border: 1px solid #969696; color: #969696 ; padding: 3px 30px; font-size: 20px; font-weight: 500; /*text-transform: uppercase;*/ } .new-year-font{ letter-spacing:1px !important; font-size: 45px !important; line-height: 45px; } .index-heading{ margin-bottom: 0px; font-size: 30px; line-height: 40px; letter-spacing: 0; } .index-heading1{ margin-bottom: 20px!important; font-size: 27px; line-height: 32px; color: #caaa76 !important; letter-spacing: 0; } .gift-all{ top: 33% !important; left: 0; width: 58%; margin: 0 auto; right: 0; } .custom-div{ position:relative; margin-bottom: 50px; } .custom-orders{ position: absolute; bottom: 4%; left: 6%; color: #969696; font-size: 35px; text-transform: uppercase; font-family: "freight-display-pro"!important; font-weight: 500; } .box-block { left: 0; right: 0; top: 44% !important; background-color: #f7f7f7; width: 75%; margin: 0 auto; padding: 30px 5px 20px; border:2px solid #a3a3a3; opacity: 0.9; } .artist-text{ color: #969696; font-size: 30px; font-family: "freight-display-pro"!important; letter-spacing: 1px; width: 71%; margin: 30px auto 30px; } .newBtnBlock{ border: 1px solid #969696 !important; color: #969696; padding: 3px 30px; font-size: 20px; font-weight: 500; text-transform: uppercase; } #form { max-width: 675px !important; } .fancyboxPop-wrap { max-width: 675px !important; } .fancyboxPop-inner { max-width: 675px !important; max-height: 600px !important; } #content #form > .email{ display:block !important; } #content #form > .submit{ display:block !important; } span.success-content { top: 60% !important; text-align: center !important; font-size: 16px !important; } span.success-content > div { font-size: 16px !important; color:#858585 !important; } .div_desc{ width: 370px; top: 35%!important; padding: 30px 0px 20px; background: rgba(155, 155, 155, 0.5) none repeat scroll 0 0; } /* or */ #wrapper { filter: alpha(opacity=40); /* msie */ background-color: #000; } #wrapper img{ filter: alpha(opacity=40); /* msie */ } .fancyboxPop-wrap { max-width: 550px !important; } .fancyboxPop-inner { max-width: 550px !important; max-height: 350px !important; } select.coll-filter, select.coll-filter option{ text-transform: capitalize; } .style_my_lable{ margin-left:10px; } .bgShadow{ top: 40px; left: 0; right: 0; background: rgba(192, 192, 192, 0.85) !important; width: 350px; margin: 0 auto; padding: 10px 5px; position: absolute; margin-bottom: 12px; } .whiten{ color:#f9f9f9; border-color:#f9f9f9; } header.product-title.dispaly-for-mobile{ display:none; } .prices.dispaly-for-mobile{ display:none; } .product-description { /*height: 92px;*/ overflow: hidden; } .swatch-element.white.soldout,.swatch-element.white.available{ color:#565656; } @media (max-width:1119px) { .stag1{ right:0px !important; } } @media (min-width:992px) and (max-width:1199px) { .section-btn-link { padding-bottom: 12% !important; } .section-2-heading { padding-top: 10% !important; } } @media (min-width:992px) { .padding-right{ padding-right:0; } .padding-left{ padding-left:0; } .padding-right-left{ padding-right:5px; padding-left:10px; } .padding-left-right{ padding-right:10px; padding-left:5px; } .section-2-description{ margin: 0 auto; padding: 0px; margin-top: 12px; text-align: center; line-height: 20px; color:#333; width: 70%; font-family: "freight-display-pro"!important; font-size: 16px; margin-top: 31px; margin-bottom: 30px; display:block !important; letter-spacing: 1px; } } @media (max-width:991px) { .section-2-heading { padding-top: 5% !important; } .section-btn-link { padding-bottom: 5% !important; } } @media (max-width:976px) { .newlistmenu { position:static!important;} } @media (max-width: 590px){ .owl-carousel .owl-theme .owl-controls .owl-buttons div.owl-next { right: 4px !important; top: 35% !important; } .owl-carousel .owl-theme .owl-controls .owl-buttons div.owl-prev { left: 1px !important; top: 35% !important; } .owl-carousel .owl-carousel .owl-item img { width: 80% !important; } a.st-ui-result.st-ui-large-image { width:100% !important; } header.product-title.dispaly-for-mobile{ display:block!important; } .prices.dispaly-for-mobile{ display:block!important; } .prices{ display:none!important; } } @media (min-width: 480px) and (max-width: 979px) { /* .reveal .caption { font-size: 11px; }*/ } @media (min-width: 768px) and (max-width: 1024px) { .tabfixdropdown { pointer-events: none; } .wrapper-container .site-nav-dropdown { left: initial !important; top: initial; } li.mega-menu:nth-child(4) .site-nav-dropdown{ left: initial !important; } } @media (min-width:768px) { .newlistmenu { line-height:15px; position:absolute; top:-27px; font-family: "freight-display-pro"; z-index:999; } .newlistmenu .newlistmenuli{ display: inline; list-style:none; margin-bottom:0; padding-right:5px; font-size:11px; } .newlistmenuul { padding:0; } .newlistmenu .newlistmenuli:after{ content: " | ";padding-left:7px; } .newlistmenu .newlistmenuli:last-child:after { content: " "; } .newlistmenu .newlistmenuli .newlistmenulia{ font-size:13px; color: #333333; } .mobilenav{ display:none !important; } } @media (max-width:767px) { .show-mobile { display: block!important; } .hide-mobile { display: none!important; } .newlistmenu { display:none; } .mobilenav{ display:block !important; } .margin15{ margin-top:15px !important; } .display-li {display:block !important;} #customer-links-mob > a { border-bottom: medium none; border-bottom: 1px solid #aaa; } .footer-top ul { margin-bottom: 0 !important; min-height: 110px; } .stag2, .stag{ font-size: 15px !important; } .port1{ width: 100% !important; } .port2{ width: 100% !important; } .or1{ display:none; } span.filter-Span { display: block; width: 100%; margin-top: 30px; } #productPrice span, .product-shop .short-description { margin-top: 16px; } .long-description { margin-top: 16px; } .colcont{ padding-bottom: 0!important; } .infinite-scrolling { margin-bottom: 30px!important; } .page-header{ margin-top: 0!important; } /* .footer-top .col-xs-6 { width: 50%!important; } .footer-top .col-xs-12{ width: 100%!important; } */ /*.search-bar .input-group-btn { position: absolute; right: 21px !important; top: 20px !important; }*/ .input-group-btn { width: 1%; } .hp-btn-search{clear:both;display: block;padding: 20px!important;background: rgba(0, 0, 0, 0.09);margin-top: 30px;} .placeholder-text-search{ font-family: "freight-display-pro"!important; font-size: 19px; letter-spacing: 2px; line-height: 19px; text-align: center; font-style: italic; color:#969696!important; } .footer-search-p p{ border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; margin-bottom: 5px!important; } .footer-search-p a{ color:#969696!important; } .product-feed-one a{ color: #969696!important; } .homepage-logo-image-for-mobile{ width:45%; height: 40px; } .header-new-mob a:hover, a:focus { text-decoration: none; } } .img-mob {display:none;} .template-index .flex-viewport{ margin: 0 5px 0 4px; } .template-collection h3{ font-size:18px; text-transform: uppercase; } .custom-banner-img { position: relative; margin: 20px 0 40px; } h2.custom-title { position: absolute; bottom: 18px; left: 7%; margin:0; } .custom-text{ margin-bottom:60px; } .dropbtn { background-color: transparent; color: #565656; padding: 2px 100px 0px 13px; font-size: 16px; cursor: pointer; border: 1px solid #d2d8db; font-family: "Open Sans",sans-serif!important; line-height: 1.1; height: 40px; } .dropdown { position: relative; display: inline-block; } .dropdown-content { display: none; position: absolute; background-color: #f9f9f9; min-width: 160px; overflow: auto; box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); z-index: 1; margin-left: 61px; } .dropdown-content a { color: #565656; padding: 5px 16px; text-decoration: none; display: block; font-family: "Open Sans",sans-serif!important; font-size: 14px; line-height: 18px; } .dropdownSort a:hover { background-color: #4F7CB6; color: #fff; } div#myDropdown { border: 1px solid #4F7CB6; } .show {display:block;} /* Mailchimp */ #mc_embed_signup { width: 100%; padding: 0; max-width:320px; min-height: 85px; } #mc_embed_signup{background:#fff; clear:left; font:14px Helvetica,Arial,sans-serif; } #mc_embed_signup { background: transparent !important; } #mc_embed_signup .mc-field-group { padding-bottom: 0% !important; min-height: 0 !important; width: 65%; float: left; } #mc_embed_signup input { border: 1px solid #ccc !important; border-radius: 0 !important; font-size: 12px; height: auto !important; padding: 9px !important; } #mc_embed_signup .custom { float: left !important; width: 35%; } #mc_embed_signup .button { background-color: #507db9 !important; border: 1px solid transparent !important; border-radius: 0; font-family: "freight-display-pro",Helvetica,Arial,sans-serif; font-weight: normal !important; height: auto !important; margin: 0 !important; padding: 0px 22px !important; text-transform: uppercase; width: 100%; font-size: 12px; } #mc_embed_signup .button:hover { background-color: #3F679B; } div#mce-success-response { color: #507db9 !important; padding: 0 !important; top: 100px !important; width: 100% !important; } div#mce-responses { margin: 0 !important; padding: 0 !important; } #mc_embed_signup div.mce_inline_error { padding: 5px 0 !important; background-color: transparent !important; color: #507db9 !important; text-align: left; } #mce-error-response.response { color: #507db9; font-weight: normal !important; margin: 0 !important; text-align: left; } #mc_embed_signup div.response { text-align: left !important; } #mce-error-response.response > a { color: #507db9; text-decoration: underline; } .home-video-with-text-overlay { top: 0; right: 0; bottom: 0; left: 0; z-index: 100; display: block; background-position: 50% 50%; background-repeat: no-repeat; background-size: cover; } .home-video-with-text-overlay-color { position: absolute; top: 0; right: 0; bottom: 0; left: 0; } .overlay-style-dark .home-video-with-text-overlay-color { background-color: rgba(0, 0, 0, 0.7); } .overlay-style-light .home-video-with-text-overlay-color { background-color: rgba(255, 255, 255, 0.25); } .overlay-style-accent .home-video-with-text-overlay-color { background-color: ; }