.store, .main {vertical-align: top; margin: 0}
.ui-select, .nextHeaderTable, .nextBannerCellLeft, .nextBannerCellCenter, .nextBannerCellRight, .nextBannerCellButton {width: 100%}
.main, .modal {text-align: left; font-size: 11pt}
.modal {padding: 0 2px}
hr {height: 1px}
.main hr {color: black; background-color: black; border-width: 0px}
.ui-content {padding: 0 1px}
td {font: inherit}
.font1, .cart, .nextTextDialogContainer, .nextNotifyInStockButton {font-size: 11pt}
.font1small, .nextSharingDiscountLimit {font-size: 8pt}, .nextPurchaseSetQtyMsg {font-size: 8pt}
.font1large {font-size: 14pt}
.font2 {font: 11pt Open Sans,sans-serif}
.font2small {font: 8pt Open Sans,sans-serif}
.font2large {font: 14pt Open Sans,sans-serif}
.labelSubText {font-size: 8pt; display: block}
.mlabelSubText {font-size: 8pt}
.nextCartStatus, .nextCartEmpty .nextCartEmptyMessage, .nextSharingDiscountMessage {font-style: italic}
.nextSharingDiscountMessage {padding-top: 20px}
.nextStatus {padding-top: 5px; font-style: italic}
.nextCartEmpty {padding: 10px 10px 50px 10px; text-align: center}
a.nounderline, .nounderline a, .nextCategoryTarget a, .nextProductTarget a, .nextCartProductTarget, .nextDiscountThumbnail {text-decoration: none}
.nextHeader, .nextFooter, .banner2 {height: 45px}
.nextHeaderFooter {clear: both}
.nextBannerCellRight .nextBannerText {padding-right: 6px}
.nextBannerCellLeftButton .nextBannerText {padding-right: 12px}
.nextBannerCell, .nextFirstNameLabel, .nextLastNameLabel, .nextPhoneLabel, .nextExtLabel, .nextEmailLabel, .nextAddressLabelLabel, .nextCompanyNameLabel, .nextAddress1Label, .nextAddress2Label, .nextCityLabel, .nextStateLabel, .nextZipLabel, .nextCountryLabel, .nextAddressTypeLabel, .nextAddressTypeRadio, .nextPasswordLabel {white-space: nowrap}
.nextBannerCellLeft, .nextBannerCellLeftButton, td.nextNavButton, .nextCartProductListHeader h2 {text-align: left}
.nextCentered, .nextBannerCellCenter, .nextShipName, .welcome, .nextSharingDiscountMessage, .nextPolicyContainer, .nextPoweredBy, .nextWarningsPopup, .nextGiftMessageWrap .ui-controlgroup-label, .nextGiftMessageWrap .ui-controlgroup-controls, .nextGeneralConfirmation, .nextCatalogFooter, .nextGeoTrust, .nextTrustGuard, .nextNotification, .nextLogo, .nextTrusteeEmailConfirmation, .nextMobileLoyaltyRedemptionDiv, .nextLegalDisclaimer, .nextCustomerShipperWarning {text-align: center}
.nextSKUShipText, .nextLogo {padding: 10px 0 0 10px}
.nextBannerCellRight, td.nextCartButton, .nextCartTotalAmount, .nextCartDiscount {text-align: right}
.nextNavButtonText, .nextCartButtonText {vertical-align: middle; height: 22px}
.nextCartButtonText {position: relative; left: -2px; top: -5px}
.nextCartButton, .nextCartButton:hover, .nextHomeButton, .nextHomeButton:hover, .nextContinueButton, .nextContinueButton:hover, .nextCheckoutButton, .nextCheckoutButton:hover {min-width: 80px; height: 34px; white-space: nowrap}
.nextCartButtonIcon {display: inline-block; width: 30px; height: 30px; cursor: pointer; vertical-align: middle; background-image: url(//cdn.nexternal.com/net/mobile/stylesheet/jquerymobile/images/cart_white.png); background-repeat: no-repeat; background-position: 0 50%; position: relative; height: 30px; width: 30px; top: -5px}
.nextMobileButton {min-height: 34px; min-width: 80px}
.nextSearchResultsContainer ul {position: absolute; z-index: 2; width: 100%}
.nextProductSearchResults {margin: 0 !important}
.nextShipToCartProducts, .nextPickupCartProducts, .nextEmailToCartProducts {padding: 0; border-top-width: 1px}
.nextCategoryList, .nextProductList, .nextCartProductList, .nextCartTotalRows {border: 0 solid black; border-bottom-width: 1px; list-style: none; padding: 0}
.nextCategoryListItem, .nextProductListItem, .nextCartProductListItem, .nextCartTotalRows li {display: block; border: 0 solid black; margin: 0; text-align: left}
.nextCategoryListItem, .nextProductListItem {border-top-width: 1px}
.nextCategoryListItem a {font: 11pt Open Sans,sans-serif}
.nextCartProductListItem {border-bottom-width: 1px}
.nextCategoryTarget, .nextProductTarget, .nextCartProductTarget, .nextDiscountThumbnail, .nextShipToLabel, .nextPriceTable, .nextSpecifications, .nextPickup, .nextPickupExplanationLink, .nextShipToExplanationLink, .nextSubscriptionDescriptionLink {display: block}
.nextCategoryTarget {padding: 0.7em 75px 0.7em 15px}
.nextCategoryListItem div {position: relative}
.nextCategoryListItem img, .nextProductListItem img, .nextCartProductListItem img {max-width: 80px; max-height: 80px; position: absolute; top: 0; left: 0; border: 0; float: left}
.nextCartProductListItem img {max-width: 80px; max-height: 80px}
.nextCategoryListItem .ui-icon, .nextProductListItem .ui-icon, .nextCartProductListItem .ui-icon {display: block; position: absolute; top: 50%; margin-top: -9px; right: 10px}
.nextCategorySubList {margin: 0; -webkit-margin-after: 15px; border-top-width: 1px; background-color: #EEE}
.nextCategorySubList .nextCategoryListItem div {margin: 0 15px}
.nextCategorySubList .nextCategoryListItem {border: 0 solid black; border-bottom-width: 1px}
.nextCategoryTargetImg {padding-left: 95px; min-height: 65px}
.nextProductListItem, .nextCartProductListItem, .nextCartTotalRows li, .nextShippingMethodSelectSalesTax {padding: 5px 0 5px 0}
.nextProductListItemContainer, .nextCartProductListItemContainer {position: relative; min-height: 80px}
.nextProductThumbnailItem, .nextCartProductThumbnailItem, .nextCategoryThumbnailItem {padding-left: 85px}
.nextCategoryThumbnailItem {min-height: 80px}
.nextMobileDialog {position: absolute; padding: 10px; border: 1px solid #aaa; -moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px; z-index: 100; background: -moz-linear-gradient(center top , #FDFDFD, #EEEEEE) repeat scroll 0 0 #EEEEEE; background-image: -webkit-gradient(linear,center top,center bottom, color-stop(0, #FDFDFD), color-stop(1, #EEEEEE)); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#FDFDFD', EndColorStr='#EEEEEE')"; text-shadow: 0 1px 1px #F6F6F6; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3); color: #333333;white-space:normal}
.nextOverlay {background-color: rgba(0, 0, 0, 0.5); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: alpha(opacity=50); opacity:0.5}
.nextOverlay, .nextLoadingOverlay {position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 99}
.ui-loader {z-index:1000; box-shadow: none}
.nextLoadingOverlay {z-index:999}
.nextPopupElement input, .nextPopupElement select, .nextNewShipToLabel, .nextNewShipName {display: block; width: 97%}
.nextProdName {font: 14pt Open Sans,sans-serif; font-weight: bold; display: block; text-align: left}
.nextProductDetail {padding: 5px; text-align: left}
.nextTabbedRule, .nextShipName, .nextCartBottomButton {margin: 5px 0}
.nextTabbedRule, .nextRelatedRule {border-bottom: 1px solid black}
.nextNoProductThumbnailItem, .nextNoCartProductThumbnailItem, .nextProductDetail .nextProdName, .nextProductDetail .nextShortDesc, .nextProductDetail .nextStatus, .nextProductDetail .nextAttributeLabel, .nextWriteInAttributes, .nextPrice, .nextHiddenPrice, .nextSKUContainer, .nextCustomField1Container, .nextCustomField2Container, .nextCustomField3Container, .nextCustomField4Container, .nextCustomField5Container, .nextCustomField6Container, .nextCustomField7Container, .nextCustomField8Container, .nextCustomField9Container, .nextCustomField10Container, .nextCustomField11Container, .nextCustomField12Container, .nextCustomField13Container, .nextCustomField14Container, .nextCustomField15Container, .nextCustomField16Container, .nextCustomField17Container, .nextCustomField18Container, .nextCustomField19Container, .nextCustomField20Container, .nextUOMContainer, .nextShipWeightContainer, .nextAllocationContainer, .nextInventoryContainer, .nextOrderDiscounts, .nextGiftCertificate {padding: 0 10px}
.nextOrderDiscounts, .nextCartPhoneNumber, .nextCartEmail, .nextShipTo {padding-bottom: 10px}
.nextTweet, .nextPinIt, .nextFBShare, .nextAddThis, .nextAddToCart, .nextNewShipToLabel, .nextNewShipName, .nextMainImage, .nextProductSearchContainer, .nextPagesTicker, .nextTellAFriendMessage, .nextPolicyBody, .nextSoldOut {padding: 10px}
.nextPopupElement, .nextMobileInput, .nextRegisterAddendum, .nextRegisterHeader {padding: 5px 10px}
.nextSoldOut {font-style: italic; font-weight: bold; text-align: center}
.nextBidPrice {padding: 10px 0}
.nextMiniThumb {cursor: pointer}
.nextPrice, .nextSKUText, .nextGiftMessageWrap {padding-top: 10px}
.nextGiftMessageWrap {padding-left: 10px}
.nextSKU, .nextCustomField1, .nextCustomField2, .nextCustomField3, .nextCustomField4, .nextCustomField5, .nextCustomField6, .nextCustomField7, .nextCustomField8, .nextCustomField9, .nextCustomField10, .nextCustomField11, .nextCustomField12, .nextCustomField13, .nextCustomField14, .nextCustomField15, .nextCustomField16, .nextCustomField17, .nextCustomField18, .nextCustomField19, .nextCustomField20, .nextUOM, .nextShipWeight, .nextAllocation, .nextInventory, .nextCartSubtotalLabel, .nextCartGrandTotalLabel, .banner2 {font-weight: bold}
.nextFBShareContainer {display: inline-block; position: absolute; left: 0; top: 0; padding: 10px}
.nextFBShare {position: relative; height: 80px}
.nextCartSavings, .nextCartSubscription, .nextCartOrderSubscription, .nextCartReservation, .nextCustomerShipperWarning {color: black}
.nextEditQuantity, .nextShippingMethodSelectLineItems, .nextCartDiscountRow, .nextCategoryDiscount, .nextSurcharge, .nextBuyNowButtonContainer {display: table-row}
.nextEditQuantity div, .nextBuyNowButtonContainer div, .nextGiftMessageWrap .ui-controlgroup-label, .nextGiftMessageWrap .ui-controlgroup-controls {display: table-cell; vertical-align: middle; padding-right: 15px}
.nextQuantityLabelContainer, .nextQuantityTextBoxContainer {padding-right: 20px;}
.nextQuantityLabelContainer {min-width: 55px}
.nextQuantityTextBoxContainer {min-width: 65px}
.nextAddToCartButtonContainer, .nextBuyNowButtonDiv, .nextFavoriteShoppingListContainer {width: 100%}
.nextTellAFriendCaptcha, .nextQuestionCaptcha, .nextReviewCaptcha, .nextPasswordCaptcha, .nextTrusteeCaptcha, .nextRegisterCaptcha {width: 304px; margin: 0 auto 0;}
.nextGiftMessageWrap .ui-controlgroup-label, .nextGiftMessageWrap .ui-controlgroup-controls {width: 50%}
.nextGiftMessageWrap .ui-controlgroup-controls {min-width: 160px}
.nextGiftMessageWrap, .nextInvoiceShipToAddress {border-bottom: 1px dotted black}
.nextCartTotalRows li, .nextPolicyContainer div {display: table; width: 100%}
.nextCartTotalAmount, .nextCartTotalLabel, .nextCartDiscountLabel, .nextCartDiscount, .nextPolicyLink {display: table-cell}
.nextNotification {border: 1px solid #CCC79A; background-color: #FFFACD}
.nextGeoTrust, .nextTrustGuard, .nextNotification {padding: 5px}
.nextNotificationHeader {padding-bottom: 5px}
div.rating-cancel,div.star-rating{float:left;width:17px;height:15px;text-indent:-999em;cursor:pointer;display:block;background:transparent;overflow:hidden}
div.star-rating {width:18px;height:18px}
div.star-rating,div.star-rating a {background:url(//cdn.nexternal.com/shared/storefront/images/star_empty.png) no-repeat 0 0px}
div.star-rating a{display:block;width:18px;height:100%;background-position:0 0px;border:0}
div.star-rating-on a, div.star-rating-hover a {background:url(//cdn.nexternal.com/shared/storefront/images/star_full.png) no-repeat 0 0px}
div.star-rating-readonly a {cursor:default !important}
div.star-rating {background:transparent!important; overflow:hidden!important}
.nextHoverNotification {position: absolute; left: 50%; width: 200px; z-index: 5000; cursor: pointer; background: -moz-linear-gradient(center top , #666666, #222222) repeat scroll 0 0 #222222; background-image: -webkit-gradient(linear,center top,center bottom, color-stop(0, #666666), color-stop(1, #222222)); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#666666', EndColorStr='#222222')"; border: 0; border-radius: 6px; box-shadow: 0 0 6px #000000; color: #FFFFFF; font-family: Helvetica,Arial,sans-serif; font-size: 15px; z-index: 5001; text-align:center; padding: 10px}
.nextRatingLabel, .nextRatingContainer {display: inline-block}
.nextRatingLabel, .nextRatingContainer, .nextCustomerCustomFieldValue {vertical-align: top}
.nextShippingMethodSelectLineItemQty, .nextShippingMethodSelectLineItemName {display: table-cell; padding: 5px 10px 5px 0}
.nextPolicyContainer, .nextPoweredBy {padding: 20px 0}
.ui-collapsible .nextDetails .ui-corner-bottom {border-bottom-left-radius: 0; border-bottom-right-radius: 0}
.nextCurrency {display: block; position:relative; font-size:14pt; top:25px; left:9px; height:0; line-height:0; z-index:2}
.nextCurrencyInput {padding: 0.4em 17px !important}
.nextStandardStoreFrontLink {text-align: center; padding: 10px 0;}
.nextNoScriptBlock {display: block; width:100%; height:10000px; position: fixed; left: 0; top: 0; z-index: 2}
.nextNoScriptBlock .ui-header {background-image:-webkit-gradient(linear,left top,left bottom,from( #3C3C3C ),to( #111111 )); background-image:-webkit-linear-gradient( #3C3C3C,#111111 ); background-image: -moz-linear-gradient( #3C3C3C,#111111 ); background-image: -ms-linear-gradient( #3C3C3C,#111111 ); background-image: -o-linear-gradient( #3C3C3C,#111111 ); background-image: linear-gradient( #3C3C3C,#111111 );}
.nextNoScriptBlock .ui-content {padding: 15px}
.nextCartAccountInfo {padding: 0.5em 0}
#sw-wrapper {position:absolute; z-index:1000; left:0; width:100%; font-family:helvetica, sans-serif; background:rgba(0,0,0,0.7); text-align:left}
#sw-header {position:relative; width:100%; height:43px; border-top:1px solid #000; border-bottom:1px solid #000; background:url(//cdn.nexternal.com/net/mobile/stylesheet/images/sw-header.png) 0 0 repeat-x; opacity: 0.9}
#sw-cancel, #sw-done {position:absolute; top:7px; height:20px; line-height:20px; padding:0 5px; margin:0; border-width:5px; font-size:12px; font-weight:bold; text-shadow:rgba(0,0,0,0.8) 0 -1px 0; color:#fff}
#sw-cancel {left:7px; float:left; -webkit-border-image:url(//cdn.nexternal.com/net/mobile/stylesheet/images/sw-button-cancel.png) 5}
#sw-done {right:7px; float:right; -webkit-border-image:url(//cdn.nexternal.com/net/mobile/stylesheet/images/sw-button-done.png) 5}
.sw-pressed {opacity:0.4;}
#sw-slots-wrapper {position:relative; z-index:999; display:block; height:215px; padding:0 11px; overflow:hidden}
#sw-slots {display:table; width:100%; background:#fcfcfc}
#sw-slots div {display:table-cell; height:100%; padding-top:86px; border-left:2px solid #0d0e0f; background-color:#fcfcfc; background-image: url(//cdn.nexternal.com/net/mobile/stylesheet/images/sw-slot-border.png); background-position: 0 0, 100% 0; background-repeat: repeat-y}
#sw-slots div:first-child {border:0;}
#sw-slots ul {padding:0 0 85px 0; margin:0; list-style:none}
#sw-slots .sw-right {text-align:right;}
#sw-slots .sw-shrink {width:1%;}
#sw-slots .sw-readonly {background:#ddd;}
#sw-slots li {padding:0 8px; height:44px; overflow:hidden; font:bold 24px/44px Helvetica,sans-serif}
#sw-frame {position:absolute; z-index:1000; left:0; right:0; bottom:0; height:183px; border-width:16px; -webkit-border-image:url(//cdn.nexternal.com/net/mobile/stylesheet/images/sw-alpha.png) 16}
.nextLoginHeader, .nextContactInfoHeader {margin-top: 15px}
span.ui-body-d {background: none; border: none}
.nextCategoryListItem:active, .nextProductListItem:active {-moz-box-shadow: 0 0 10px #888; -webkit-box-shadow: 0 0 10px #888; box-shadow: 0 0 10px #888}
.nextTextDialogContainer {padding:5px}
.nextCollapsibleText {text-overflow: ellipsis}
.nextStaticText {position: absolute; right: 20px}
h2.ui-collapsible-heading .ui-btn-text, h3.ui-collapsible-heading .ui-btn-text {position: static}
h2.ui-collapsible-heading .ui-btn-inner, h3.ui-collapsible-heading .ui-btn-inner {padding-right: 50px !important}
.nextPickup {padding: 10px 0 10px 0;}
.nextPickupLabel {font-size:16px}
.nextCartProductListHeader h2 {font-size: 1.5em; margin: 16px 0 !important}
.nextPickupInvoiceProducts, .nextPickupExplanationLink, .nextShipToExplanationLink, .nextSubscriptionDescriptionLink {padding: 10px 0}
.nextIconInactive {color: #a5a5a5}
.nextFontHeartActive {color: red}
.nextFontStarActive {color: #f7e729}
.nextFontShopListActive {color: #e09c1e}
.nextFontBookmarkActive {color: blue}
.pac-item {font-family: Open Sans,sans-serif}
/*mobile vanillabean 201.004*/
.nextHeader.ui-bar-a {
background:#333; /*TOP BANNER*/
}
.nextGallery div {
display:none;
}
.ui-body-a, .ui-overlay-a {
font-family:Roboto, sans-serif; /*BODY FONT*/
text-shadow:none;
}
.ui-bar-f,
.ui-bar-d,
.ui-bar-a{
font-family:"Roboto Condensed", serif; /*HEADINGS FONT*/
text-shadow:none;
background:none;
border:none;
border-bottom:1px solid #CCC;
font-size:18px;
padding-left:5px;
box-sizing: border-box;
}
.nextCategorySubList {
background:rgba(0,0,0,.1);
}
.nextTweet,
.nextPlusOne,
.nextPinIt,
.nextFBLike,
.nextFBShare {
display:inline-block;
vertical-align:top;
}
a,
.ui-body-a .ui-link,
.ui-body-a .ui-link:visited,
.ui-body-a .ui-link:hover {
color:#337ab7; /*LINK COLOR*/
}
.ui-body-a .nextCategoryList ul a,
.nextGeoTrust,
.nextTrustGuard,
.nextNotification,
#sw-slots {
color:#000;
}
/*BODY BACKGROUND COLOR OR IMAGE, AND SEPEARATE CONTENT BACKGROUND COLOR*/
/*
div.main {
background:#F0F5F0;
}
.nextContent,
.nextCatalogFooter{
background-color: #FFF;
max-width:1130px;
box-sizing: border-box;
}
.nextContent{
margin: 30px auto 0;
border-radius:4px 4px 0 0;
}
.nextCatalogFooter{
margin: 0 auto;
border-radius:0 0 4px 4px;
}
.bottomHTML {
margin-top:30px;
}
.nextInvoice .bottomHTML,
.nextLogin .bottomHTML,
.nextOrderInfo .bottomHTML{
display: none;
}
*/
.video-container {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
margin-top:30px;
}
.video-container iframe, .video-container object, .video-container embed {
position:absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.account #footer,
.checkout #footer {
display:none;
}
.fluidWrap {
display:inline-block;
}
.fluidWrap img {
width:100%;
max-width:100%;
}
.hideMobile {
display:none !important;
}
/*
.nextCategoryDescription {
overflow:scroll;
}
*/
/*sale stickers*/
.onSale > .nextProductTarget,
.onSale .nextMainImage {
position:relative;
display:inline-block;
}
.onSale > .nextProductTarget:after,
.onSale .nextMainImage:after {
content:"Sale!";
position:absolute;
left:8px;
top:8px;
text-transform:uppercase;
opacity:.95;
background:#d26e4b;
width:55px;
height:55px;
line-height:55px;
border-radius:999px;
font-size:16px;
color:#ffffff;
font-weight:bold;
text-align:center;
}
.onSale > .nextProductTarget:after {
width:30px;
height:30px;
line-height:30px;
font-size:8px;
}
/*fluid gallery thumbs*/
.nextMiniThumb {
box-sizing: border-box;
display: inline-block;
padding: 0 2%;
max-width: 31%;
}
.nextMiniThumb img {
height: auto;
max-width: 100%;
width: 100%;
}
.clubPrice b {
font-weight: normal;
}
/*----------------------------------------------------------------
..discount label customization for category discounts and
customer type discoutns that display as line items in the cart
------------------------------------------------------------------*/
/*
.nextCategoryDiscount .nextCartDiscountLabel, .nextCategoryDiscount .labelSubText {
font-size: 0;
}
.nextCategoryDiscount > .nextCartDiscountLabel:before{
content: "Club Membeer Discount - 20% off all wine";
font-size: 13px;
}
.nextCustomerDiscount .nextCartDiscountLabel{
font-size: 0;
}
.nextCustomerDiscount .nextCartDiscountLabel:before{
content: "Case Discount - 15% off 12 or more bottles";
font-size: 13px;
}
*/
/*hide pickup*/
/*
#inpFulfillmentMethodPickUp,
label[for="inpFulfillmentMethodPickUp"] {
display:none;
}
*/
/*
input.nextHTMLButton, a.nextHTMLButton, a.nextAddEditButton {
padding: 10px 12px;
border-radius: 0;
font-weight: 700;
font-size: 13px !important;
cursor: pointer;
-webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
-o-transition: all .3s ease;
-ms-transition: all .3s ease;
transition: all .3s ease;
-webkit-appearance: none;
text-decoration: none;
text-transform: uppercase;
border: 2px solid #555;
background: #FFF;
color: #555;
box-sizing: border-box;
}
input.nextHTMLButton:hover, a.nextHTMLButton:hover, a.nextAddEditButton:hover {
background-color: #555;
background-color: rgba(0, 0, 0, .7);
color: #FFF;
background: #555;
color: #FFF;
}
*/
/*----------------------------------------------------------------
..Template1 content styling
------------------------------------------------------------------*/
.nextHeader {
height: 43px;
}
.ui-body-a, .ui-body-a input, .ui-body-a select, .ui-body-a textarea, .ui-body-a button, .ui-btn {
font-family:Roboto, sans-serif !important;
}
.ui-btn-corner-all,
.ui-corner-all{
border-radius: 0;
}
.ui-shadow {
box-shadow: none;
}
.ui-btn {
border: none !important;
background-image: none;
background:#555 !important;
font-size: 13px !important;
text-transform: uppercase;
font-weight: 400 !important;
white-space: normal !important;
color: #FFF !important;
}
.ui-btn.nextAddToCartButton {
font-weight: 700 !important;
/*font-size: 13px;*/
transition: all .3s ease;
text-transform: uppercase;
box-sizing: border-box;
border: 2px solid #888 !important;
background: #FFF !important;
color: #222 !important;
}
.ui-btn.nextAddToCartButton:hover {
background: #555 !important;
color: #FFF !important;
}
.ui-btn-inner {
border: none;
}
.ui-btn-text {
text-shadow: none !important;
}
.ui-radio-off {
background: #EEE !important;
color:#222 !important;
}
.ui-controlgroup .ui-radio {
border-radius: 0;
}
.ui-shadow-inset {
box-shadow: none;
}
.nextFullCart,
.nextCartSmallButton,
#aCartCalculator{
margin-left:5px;
margin-right: 5px;
box-sizing: border-box;
}
.ui-listview li.ui-btn {
border-bottom:1px solid #FFF !important;
}
.ui-li .ui-btn-text a.ui-link-inherit {
white-space: normal;
}
.nextEmailRetype ~ hr {
display:none;
}
hr,
.main hr{
background-color: #999;
/*display: none;*/
}
div.ui-input-text {
padding:0;
}
div.ui-input-text input.ui-input-text, div.ui-input-text textarea.ui-input-text {
padding: .4em;
box-sizing: border-box;
border-radius: 0;
}
.nextMobileDialog {
border-radius: 0;
}
.nextEditQuantity div {
padding-right: 5px;
}
.nextEditQuantity div input.ui-input-text {
padding: .5em .4em;
}
/*----------------------------------------------------------------
******************************************************************
..CHILD THEME
******************************************************************
------------------------------------------------------------------*/
body .nextHeader .ui-btn {
background:#000 !important;
}
body .nextHeader .ui-btn .nextNavButtonText {
color:#fff;
}
a {text-decoration:none;}
.nextMobileDialog {z-index:9999}
.nextLogin #aspnetForm {padding-bottom:30px}
select {font-size:16px;}
.nextHeader.ui-bar-a {
background:#767676; /*TOP BANNER*/
}
.ui-body-a, .ui-overlay-a {
font-family:Open Sans, sans-serif; /*BODY FONT*/
}
.ui-bar-f,
.ui-bar-d,
.ui-bar-a{
font-family:Open Sans, sans-serif; /*HEADINGS FONT*/
}
a,
.ui-body-a .ui-link,
.ui-body-a .ui-link:visited,
.ui-body-a .ui-link:hover {
color:#01597f; /*LINK COLOR*/
}
.ui-body-a, .ui-body-a input, .ui-body-a select, .ui-body-a textarea, .ui-body-a button, .ui-btn {
font-family:Open Sans, sans-serif !important;
}
.nextContent {
margin-top:60px
}
/*----------------------------------------------------------------
..BORDERING HTML
------------------------------------------------------------------*/
body, body.master {
color:#131313;
-webkit-text-size-adjust: 100%;
font-family:Open Sans,sans-serif;
font-size: 16px;
margin:0
}
a {
color:#01597f;
}
a:hover {
color:#40a681;
}
.borderingHTML a {
text-decoration:none
}
/* theme-2fa948e0-04ed-0139-72f5-0242ac110017.css */
@charset "UTF-8";
.u-block {
display: block !important
}
.u-inlineBlock {
display: inline-block !important;
max-width: 100% !important
}
.u-hidden {
display: none !important
}
.u-hiddenVisually {
border: 0 !important;
clip: rect(1px, 1px, 1px, 1px) !important;
height: 1px !important;
overflow: hidden !important;
padding: 0 !important;
position: absolute !important;
width: 1px !important
}
.is-srOnly {
border: 0 !important;
clip: rect(1px, 1px, 1px, 1px) !important;
height: 1px !important;
overflow: hidden !important;
padding: 0 !important;
position: absolute !important;
width: 1px !important
}
.u-textAlignCenter {
text-align: center !important
}
.u-textAlignLeft {
text-align: left !important
}
.u-textAlignRight {
text-align: right !important
}
.u-textBreak {
word-wrap: break-word !important
}
.u-textInheritColor {
color: inherit !important
}
.u-textKern {
text-rendering: optimizeLegibility !important;
font-feature-settings: "kern" 1 !important;
-webkit-font-kerning: normal !important;
font-kerning: normal !important
}
.u-textLead {
line-height: 1.6 !important;
font-size: 1.1em !important
}
.u-textNoWrap {
white-space: nowrap !important
}
.u-textTruncate {
max-width: 100% !important;
overflow: hidden !important;
text-overflow: ellipsis !important;
white-space: nowrap !important;
word-wrap: normal !important
}
.u-fontSmoothing {
-moz-osx-font-smoothing: grayscale !important;
-webkit-font-smoothing: antialiased !important
}
@media (min-width:801px) {
.u-hiddenVisually-desktop {
border: 0 !important;
clip: rect(1px, 1px, 1px, 1px) !important;
height: 1px !important;
overflow: hidden !important;
padding: 0 !important;
position: absolute !important;
width: 1px !important
}
}
@media (min-width:551px) and (max-width:800px) {
.u-hiddenVisually-tablet {
border: 0 !important;
clip: rect(1px, 1px, 1px, 1px) !important;
height: 1px !important;
overflow: hidden !important;
padding: 0 !important;
position: absolute !important;
width: 1px !important
}
}
@media (max-width:550px) {
.u-hiddenVisually-mobile {
border: 0 !important;
clip: rect(1px, 1px, 1px, 1px) !important;
height: 1px !important;
overflow: hidden !important;
padding: 0 !important;
position: absolute !important;
width: 1px !important
}
}
@media (max-width:800px) {
.body-page-heading-mobile .header-main-container {
height: 55px
}
.body-page-heading-mobile .header-logo {
display: none
}
.body-page-heading-mobile .page-heading-logo,
.body-page-heading-mobile h1.page-heading {
position: fixed;
margin: 0;
padding: 0;
height: 55px;
width: calc(100% - 110px);
left: 55px;
right: 55px;
top: 0;
overflow: hidden;
vertical-align: middle;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
justify-content: center;
text-align: center;
font-size: 20px;
color: #000;
z-index: 24
}
.has-activeNavPages .page-heading-logo,
.has-activeNavPages h1.page-heading {
z-index: 15
}
.body-page-heading-mobile .page-heading-logo>span,
.body-page-heading-mobile h1.page-heading>span {
display: block;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap
}
}
.mobile-panel-heading,
.navPages-container-heading,
.navUser-panel-heading,
.productView-addition-panel-heading,
.productView-properties-panel-heading,
.productView-reviews-panel-heading,
.productView-warranty-panel-heading {
margin: 0;
width: 100%;
height: 55px;
overflow: hidden;
padding: 0 55px;
vertical-align: middle;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
justify-content: center;
text-align: center;
border-bottom: 1px solid #e5e5e5;
font-size: 20px;
text-transform: uppercase;
background-color: #fff;
color: #000
}
@media (min-width:801px) {
.mobile-panel-heading,
.navPages-container-heading,
.navUser-panel-heading,
.productView-addition-panel-heading,
.productView-properties-panel-heading,
.productView-reviews-panel-heading,
.productView-warranty-panel-heading {
display: none
}
}
.mobile-panel-heading-ellipse,
.navPages-container-heading-ellipse,
.navUser-panel-heading-ellipse {
display: block;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap
}
.mobile-panel-close {
position: absolute;
top: 0;
right: 0;
width: 2.85714rem;
height: 2.85714rem;
z-index: 51;
padding: .42857rem;
background-color: #fff
}
.mobile-panel-heading~.mobile-panel-close,
.navPages-container-heading~.mobile-panel-close,
.navUser-panel-heading~.mobile-panel-close,
.productView-addition-panel-heading~.mobile-panel-close,
.productView-properties-panel-heading~.mobile-panel-close,
.productView-reviews-panel-heading~.mobile-panel-close,
.productView-warranty-panel-heading~.mobile-panel-close {
top: 27.5px;
transform: translateY(-50%)
}
@media (min-width:801px) {
.mobile-panel-close {
display: none
}
}
.mobile-panel-close svg {
width: 100%;
height: 100%;
fill: #01597f
}
.mobile-panel-close:hover svg {
fill: #047bae
}
.mobileSortBy-panel,
.navCatalog-panel,
.navUser-panel {
background-color: #fff;
position: fixed;
top: 0;
bottom: 55px;
left: auto;
right: -100%;
width: 100%;
height: auto;
padding: 0;
box-shadow: 0 0 30px rgba(0, 0, 0, .1);
opacity: 0;
transition: all .2s ease-in-out;
z-index: 25
}
.u-hiddenVisually.mobileSortBy-panel,
.u-hiddenVisually.navCatalog-panel,
.u-hiddenVisually.navUser-panel {
position: fixed !important
}
.is-open.mobileSortBy-panel,
.is-open.navCatalog-panel,
.is-open.navUser-panel {
right: 0;
opacity: 1
}
.mobileSortBy-panel-body,
.navCatalog-panel-body {
position: absolute;
top: 55px;
bottom: 0;
left: 0;
right: 0;
width: auto;
height: auto;
overflow: auto;
padding: 1.6rem;
-webkit-overflow-scrolling: touch
}
.mobile-toggle-floating-button,
.mobile-toggle-floating-button-primary,
.mobileSidebar-toggle,
.mobileSortBy-toggle {
display: none
}
@media (max-width:800px) {
.mobile-toggle-floating-button,
.mobile-toggle-floating-button-primary,
.mobileSidebar-toggle,
.mobileSortBy-toggle {
-webkit-appearance: none;
-moz-appearance: none;
border-radius: 0;
border-style: solid;
border-width: 1px;
cursor: pointer;
font-family: "Open Sans", Arial, Helvetica, sans-serif;
font-weight: 500;
line-height: normal;
margin: 0 0 1rem;
position: relative;
text-align: center;
text-decoration: none;
display: inline-block;
position: fixed;
bottom: 95px;
right: 20px;
width: 60px;
height: 60px;
border: 0;
border-radius: 30px;
padding: 0;
margin: 0;
text-align: center;
line-height: 60px;
text-decoration: none;
box-shadow: 0 5px 15px rgba(0, 0, 0, .3);
z-index: 10;
background-color: #fff;
border-color: #000
}
.mobile-toggle-floating-button-primary:hover,
.mobile-toggle-floating-button:hover,
.mobileSidebar-toggle:hover,
.mobileSortBy-toggle:hover {
background-color: #000;
border-color: #000
}
.is-open.mobile-toggle-floating-button .icon.on,
.is-open.mobile-toggle-floating-button-primary .icon.on,
.is-open.mobileSidebar-toggle .icon.on,
.is-open.mobileSortBy-toggle .icon.on {
visibility: hidden
}
.is-open.mobile-toggle-floating-button .icon.off,
.is-open.mobile-toggle-floating-button-primary .icon.off,
.is-open.mobileSidebar-toggle .icon.off,
.is-open.mobileSortBy-toggle .icon.off {
visibility: visible
}
.mobile-toggle-floating-button .icon,
.mobile-toggle-floating-button-primary .icon,
.mobileSidebar-toggle .icon,
.mobileSortBy-toggle .icon {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: block;
padding: 15px 0;
transition: none;
font-style: normal;
font-weight: 700;
font-size: 12px;
text-transform: uppercase;
color: #000;
line-height: 30px
}
.mobile-toggle-floating-button .icon.off,
.mobile-toggle-floating-button-primary .icon.off,
.mobileSidebar-toggle .icon.off,
.mobileSortBy-toggle .icon.off {
visibility: hidden
}
.mobile-toggle-floating-button .icon svg,
.mobile-toggle-floating-button-primary .icon svg,
.mobileSidebar-toggle .icon svg,
.mobileSortBy-toggle .icon svg {
fill: #000
}
.mobile-toggle-floating-button-primary:hover .icon,
.mobile-toggle-floating-button:hover .icon,
.mobileSidebar-toggle:hover .icon,
.mobileSortBy-toggle:hover .icon {
color: #fff
}
.mobile-toggle-floating-button-primary:hover .icon svg,
.mobile-toggle-floating-button:hover .icon svg,
.mobileSidebar-toggle:hover .icon svg,
.mobileSortBy-toggle:hover .icon svg {
fill: #fff
}
.mobile-toggle-floating-button-primary:focus .icon,
.mobile-toggle-floating-button:focus .icon,
.mobileSidebar-toggle:focus .icon,
.mobileSortBy-toggle:focus .icon {
color: #000
}
.mobile-toggle-floating-button-primary:focus .icon svg,
.mobile-toggle-floating-button:focus .icon svg,
.mobileSidebar-toggle:focus .icon svg,
.mobileSortBy-toggle:focus .icon svg {
fill: #000
}
}
.mobile-toggle-floating-button-primary {
background-color: #000;
border-color: #000
}
.mobile-toggle-floating-button-primary:hover {
background-color: #4db547;
border-color: #4db547
}
.mobile-toggle-floating-button-primary .icon {
color: #fff
}
.mobile-toggle-floating-button-primary .icon svg {
fill: #fff
}
.mobile-toggle-floating-button-primary:hover .icon {
color: #fff
}
.mobile-toggle-floating-button-primary:hover .icon svg {
fill: #fff
}
.mobile-toggle-floating-button-primary:focus .icon {
color: #fff
}
.mobile-toggle-floating-button-primary:focus .icon svg {
fill: #fff
}
@keyframes shadow-pulse {
0% {
box-shadow: 0 5px 15px rgba(0, 0, 0, .3)
}
100% {
box-shadow: 0 0 5px 25px transparent
}
}
.u-shadowPulse {
animation: shadow-pulse 1s infinite
}
.u-shadowPulse:hover {
animation: none
}
.borderingHTML *,
.borderingHTML:after,
.borderingHTML:before {
box-sizing: border-box
}
.subheader {
font-weight: 400;
line-height: 24px;
margin-bottom: .78571rem
}
.icon {
height: 1.57143rem;
width: 1.57143rem;
display: inline-block;
vertical-align: middle
}
.icon svg {
display: inline-block;
fill: #757575;
height: 100%;
vertical-align: top;
width: 100%
}
.inlineList {
list-style: none;
margin-top: 0;
margin-bottom: 1.21429rem;
margin-left: -1.57143rem;
margin-right: 0;
overflow: hidden;
padding: 0
}
.inlineList>li {
display: block;
float: left;
list-style: none;
margin-left: 1.57143rem
}
.inlineList>li>* {
display: block
}
.button {
-webkit-appearance: none;
-moz-appearance: none;
border-radius: 0;
border-style: solid;
border-width: 1px;
cursor: pointer;
font-family: "Open Sans", Arial, Helvetica, sans-serif;
font-weight: 500;
line-height: normal;
margin: 0 0 1rem;
position: relative;
text-align: center;
text-decoration: none;
display: inline-block;
background-color: #fff;
border-color: #000;
color: #000;
font-size: 1rem;
padding: .92857rem 2.38571rem;
border-radius: 4px;
outline: 0;
vertical-align: middle
}
.button.active,
.button.is-active,
.button:focus,
.button:hover {
background-color: #000;
border-color: #000;
color: #fff
}
.button:active {
background-color: #fff;
border: 1px solid #000;
color: #000
}
.button.active,
.button.is-active,
.button:focus {
box-shadow: 0 2px 4px rgba(0, 0, 0, .1);
outline: 0
}
@media (min-width:481px) {
.button+.button {
margin-left: .78571rem
}
}
.button--primary {
background-color: #000;
border-color: #000;
color: #fff
}
.button--primary.active,
.button--primary.is-active,
.button--primary:focus,
.button--primary:hover {
background-color: #4db547;
border-color: #4db547;
color: #fff
}
.button--primary:active {
background-color: #4db547;
border: 1px solid #4db547;
color: #fff
}
.button[disabled] {
background-color: #ccc;
border-color: #ccc;
color: #fff;
cursor: default
}
.button--large {
font-size: 16px
}
.button--small {
font-size: 12px;
padding: .64286rem 1.6rem
}
.button--tiny {
font-size: 12px;
padding: .42857rem 1rem
}
.button--slab {
display: block;
width: 100%
}
.button+.button--slab {
margin-left: 0
}
.button--icon {
font-size: 1rem;
padding: .78571rem .78571rem
}
.button--icon svg {
fill: #01597f
}
.buttonGroup {
display: inline-block
}
.buttonGroup>.button {
border-radius: 0;
border-right-width: 0;
float: left;
margin-left: 0
}
.buttonGroup>.button:first-child {
border-bottom-left-radius: 4px;
border-top-left-radius: 4px
}
.buttonGroup>.button:last-child {
border-bottom-right-radius: 4px;
border-right-width: 1px;
border-top-right-radius: 4px
}
.dropdown-menu {
display: none;
left: -9999px;
list-style: none;
margin-left: 0;
position: absolute;
background: #fff;
font-size: 1rem;
height: auto;
width: 100%;
z-index: 89;
max-width: 200px
}
.dropdown-menu.open {
display: block
}
.dropdown-menu>:first-child {
margin-top: 0
}
.dropdown-menu>:last-child {
margin-bottom: 0
}
.dropdown-menu--content {
display: none;
left: -9999px;
list-style: none;
margin-left: 0;
position: absolute;
background: #fff;
font-size: 1rem;
height: auto;
padding: .78571rem;
width: 100%;
z-index: 89;
max-width: 200px
}
.dropdown-menu--content.open {
display: block
}
.dropdown-menu--content>:first-child {
margin-top: 0
}
.dropdown-menu--content>:last-child {
margin-bottom: 0
}
.dropdown-menu-item {
cursor: pointer;
font-size: 1rem;
line-height: 1.6;
margin: 0;
padding: .42857rem .85714rem
}
.dropdown-menu-item a {
display: block;
padding: .42857rem
}
.dropdown-menu-item a {
margin: -.42857rem
}
.form {
margin: 0 0 1.6rem
}
.form-fieldset {
border-width: 0;
margin: 0;
padding: 0
}
.form-legend {
background: 0 0;
border: solid #999;
border-width: 0 0 1px;
display: block;
line-height: 32px;
margin-bottom: .78571rem;
padding: 0;
width: 100%
}
.form-label {
color: #666;
cursor: pointer;
display: block;
font-size: 1rem;
line-height: 1.6;
margin-bottom: .5rem
}
.form-label small {
color: #999;
font-size: .71429rem;
text-transform: uppercase;
vertical-align: bottom
}
.form-input {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background-color: #fff;
border-color: #ccc;
border-style: solid;
border-width: 1px;
border-radius: 4px;
box-shadow: 0 2px 4px rgba(0, 0, 0, .1);
color: #666;
display: block;
font-family: inherit;
font-size: .85714rem;
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
font-smoothing: antialiased;
height: 3.2rem;
margin: 0;
padding: .8rem 1.06667rem;
transition: border-color .1s ease-out;
width: 100%
}
.form-input:disabled {
background-color: #fff;
color: #999;
cursor: not-allowed
}
.form-input[readonly] {
background-color: #e5e5e5;
border-color: #999;
color: #757575;
cursor: text
}
.form-input:focus {
border-color: #999;
outline: 0
}
.form-input[rows] {
height: auto
}
.form-input[type=search] {
box-sizing: border-box
}
.form-input::-webkit-input-placeholder {
color: #999
}
.form-input::-ms-clear {
height: 0;
width: 0
}
.form-input::-moz-placeholder {
color: #999
}
.form-input:-ms-input-placeholder {
color: #999
}
.form-select {
-webkit-appearance: none !important;
-moz-appearance: none !important;
background-color: #fff;
border-radius: 0;
background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgeD0iMTJweCIgeT0iMHB4IiB3aWR0aD0iMjRweCIgaGVpZ2h0PSIzcHgiIHZpZXdCb3g9IjAgMCA2IDMiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDYgMyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHBvbHlnb24gcG9pbnRzPSI1Ljk5MiwwIDIuOTkyLDMgLTAuMDA4LDAgIi8+PC9zdmc+);
background-position: 100% center;
background-repeat: no-repeat;
border-style: solid;
border-width: 1px;
border-color: #ccc;
color: #666;
font-family: inherit;
font-size: .85714rem;
line-height: normal;
padding: .8rem;
border-radius: 0;
box-shadow: 0 2px 4px rgba(0, 0, 0, .1);
cursor: pointer;
height: 3.2rem;
margin: 0;
outline: 0
}
.form-select::-ms-expand {
display: none
}
.form-select.radius {
border-radius: 4px
}
.form-select:focus {
border-color: #999
}
.form-select:disabled {
background-color: #fff;
cursor: not-allowed
}
.form-select:focus {
border-color: #999
}
.form-body {
background-color: #fff;
border: 1px solid #999;
box-shadow: 0 1px 2px rgba(0, 0, 0, .13);
margin-bottom: 1.6rem;
max-width: none;
padding: 1.6rem
}
.form-row {
margin: 0 -.8rem;
max-width: none;
width: auto
}
.form-row:after,
.form-row:before {
content: " ";
display: table
}
.form-row:after {
clear: both
}
.form-row .form-field {
padding-left: .8rem;
padding-right: .8rem;
width: 100%;
float: left;
max-width: none
}
@media (min-width:551px) {
.form-row--half .form-field {
width: 50%
}
.form-row--third .form-field {
width: 33.33333%
}
.form-row--quarter .form-field {
width: 25%
}
}
.form-field {
display: block;
margin: 0 0 2.1rem;
max-width: none
}
.form-field:after,
.form-field:before {
content: " ";
display: table
}
.form-field:after {
clear: both
}
.form-select[multiple] {
height: auto
}
.form-select[multiple] option {
padding: 5px
}
.form-checkbox,
.form-radio {
border: 0;
clip: rect(1px, 1px, 1px, 1px);
height: 1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px
}
.form-checkbox+.form-label,
.form-radio+.form-label {
display: inline-block;
font-size: 1rem;
font-weight: 400;
margin-bottom: .42857rem;
padding-left: 2.02857rem;
position: relative;
vertical-align: baseline;
width: 100%
}
.form-checkbox+.form-label::after,
.form-checkbox+.form-label::before,
.form-radio+.form-label::after,
.form-radio+.form-label::before {
content: "";
display: block;
position: absolute;
transition: all 50ms ease-out
}
.form-checkbox+.form-label::before,
.form-radio+.form-label::before {
background-color: #fff;
border: solid #ccc;
border-width: 1px;
box-shadow: 0 2px 4px rgba(0, 0, 0, .1);
height: 1.14286rem;
left: 0;
top: 0;
width: 1.14286rem
}
.form-checkbox+.form-label::after,
.form-radio+.form-label::after {
height: 1rem;
left: 1px;
opacity: 0;
top: 1px;
transform: scale(0);
width: 1rem
}
.form-checkbox:checked+.form-label::after,
.form-radio:checked+.form-label::after {
opacity: 1;
transform: scale(1)
}
.form-checkbox[disabled]+.form-label,
.form-radio[disabled]+.form-label {
cursor: default
}
.form-checkbox[disabled]+.form-label::before,
.form-radio[disabled]+.form-label::before {
background-color: #fff
}
.form-checkbox+.form-label::before {
border-radius: 4px
}
.form-checkbox+.form-label::after {
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z' fill='rgba(51, 51, 51, 0.999)' /%3E%3C/svg%3E");
background-position: 50%;
background-repeat: no-repeat;
background-size: 100%;
color: rgba(51, 51, 51, .999);
content: "";
font-size: 1rem;
line-height: 1;
text-align: center
}
.form-radio+.form-label::before {
border-radius: 50%
}
.form-radio+.form-label::after {
background: rgba(51, 51, 51, .999);
border: 3px solid #fff;
border-radius: 1rem
}
.form-input.has-action {
float: left;
padding-right: 3.05714rem
}
.form-input.has-action+.button--inputAction {
background: 0 0;
border: 0;
border-radius: 0;
float: left;
height: 3.05714rem;
margin: .07143rem 0 0 -3.12857rem;
width: 3.05714rem
}
.form-input.has-icon {
float: left;
padding-right: 2.57143rem
}
.form-input.has-icon+.icon {
height: 3.2rem;
margin-left: -2.57143rem;
width: 1.42857rem
}
.form-prefixPostfix {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap
}
.form-prefixPostfix .form-input {
-ms-flex: 1;
flex: 1
}
.form-prefixPostfix .button {
height: 3.2rem
}
.form-prefixPostfix-input {
border-radius: 0
}
.form-prefixPostfix-label {
background-color: #fff;
border: solid #999;
border-width: 1px;
-ms-flex: 1;
flex: 1;
font-weight: 300;
height: 3.2rem;
line-height: normal;
max-width: 6.42857rem;
padding: .8rem;
text-align: center
}
.form-prefixPostfix-label--prefix {
border-radius: 0;
border-width: 1px 0 1px 1px
}
.form-prefixPostfix-label--prefix+.form-input {
border-radius: 0
}
.form-prefixPostfix-label--postfix {
border-radius: 0;
border-width: 1px 1px 1px 0
}
.form-prefixPostfix-button--prefix {
margin: 0 .8rem 0 0
}
.form-prefixPostfix-button--postfix {
margin: 0 0 0 .8rem
}
.switch-checkbox {
border: 0;
clip: rect(1px, 1px, 1px, 1px);
height: 1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px
}
.switch-checkbox:focus+.switch-toggle {
border-color: #01597f;
box-shadow: 0 0 4px rgba(1, 89, 127, .4)
}
.switch-toggle {
background-color: #757575;
border: 1px solid #757575;
border-radius: 2rem;
cursor: pointer;
display: inline-block;
height: 2rem;
position: relative;
transition: all .1s ease-out;
vertical-align: middle;
width: 4.28571rem
}
.switch--important .switch-toggle {
background-color: #f1a500;
border-color: #f1a500
}
.switch--checked .switch-toggle {
background-color: #008a06;
border-color: #008a06
}
.switch--disabled .switch-toggle {
background-color: #e5e5e5;
border-color: #999;
cursor: default
}
.switch-toggle::before {
background: #fff;
border-radius: 1.4286rem;
box-shadow: 0 1px 1px rgba(0, 0, 0, .1);
content: "";
height: 1.4286rem;
left: .21427rem;
position: absolute;
top: .21427rem;
transition: all .1s ease-out;
width: 1.4286rem
}
.switch--checked .switch-toggle::before {
left: 2.49999rem
}
.switch-label {
color: #fff;
height: 26px;
line-height: 1.92857;
position: absolute;
right: .42857rem;
text-transform: uppercase;
transition: all .1s ease-out
}
.switch--checked .switch-label {
font-weight: 600;
left: .42857rem;
right: auto
}
.switch--disabled .switch-label {
color: #757575
}
.switch-label--icon.icon {
height: 1.85714rem;
width: 1.85714rem
}
.switch-label--icon.icon svg {
height: 1.85714rem;
width: 1.85714rem;
fill: #fff
}
.switch--disabled .switch-label--icon.icon svg {
fill: #757575
}
.switch-description--off {
color: #000;
margin-right: 5px
}
.switch--checked .switch-description--off {
color: #757575
}
.switch-description--on {
color: #757575;
margin-left: 5px
}
.switch--checked .switch-description--on {
color: #000
}
.switch-ariaDescription {
border: 0;
clip: rect(1px, 1px, 1px, 1px);
height: 1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px
}
.form-actions {
background: 0 0;
border: 0;
text-align: center
}
@media (min-width:481px) {
.form-actions {
text-align: left
}
}
.form-actions>* {
display: inline-block;
margin-bottom: 1rem;
width: 100%
}
@media (min-width:481px) {
.form-actions>* {
vertical-align: baseline;
width: auto
}
}
@media (min-width:481px) {
.form-actions--fixed {
background: #fff;
border-top: 1px solid #999;
bottom: 0;
left: 0;
padding: 1.6rem 2.1rem;
position: fixed;
right: 0;
text-align: right;
z-index: 20
}
}
.form-input-indicator {
height: 1.57143rem;
width: 1.57143rem;
float: left;
margin: 0 0 0 -2.14286rem;
position: relative;
top: .71429rem
}
.form-prefixPostfix .form-input-indicator {
top: 0
}
.form-input-indicator>svg {
fill: #008a06
}
.form-field-errors {
list-style: none;
margin-left: 0;
margin-left: 0;
clear: both;
margin-bottom: 0;
margin-top: .21429rem
}
.form-field-errors ol,
.form-field-errors ul {
list-style: none;
margin-bottom: 0
}
.form-inlineMessage {
display: inline-block;
line-height: 24px;
margin: .42857rem 0 -.5rem;
width: 100%
}
.form-field--error .form-input,
.form-field--success .form-input,
.form-field--warning .form-input {
float: left
}
.form-field--success .form-checkbox+.form-label::before,
.form-field--success .form-input,
.form-field--success .form-prefixPostfix-label,
.form-field--success .form-radio+.form-label::before,
.form-field--success .form-select {
border-color: #008a06
}
.form-field--success .form-field-error,
.form-field--success .form-inlineMessage {
color: #008a06
}
.form-field--success .form-input-indicator>svg {
fill: #008a06
}
.form-field--error .form-checkbox+.form-label::before,
.form-field--error .form-input,
.form-field--error .form-prefixPostfix-label,
.form-field--error .form-radio+.form-label::before,
.form-field--error .form-select {
border-color: #cc4749
}
.form-field--error .form-field-error,
.form-field--error .form-inlineMessage {
color: #cc4749
}
.form-field--error .form-input-indicator>svg {
fill: #cc4749
}
.form-field--warning .form-checkbox+.form-label::before,
.form-field--warning .form-input,
.form-field--warning .form-prefixPostfix-label,
.form-field--warning .form-radio+.form-label::before,
.form-field--warning .form-select {
border-color: #f1a500
}
.form-field--warning .form-field-error,
.form-field--warning .form-inlineMessage {
color: #f1a500
}
.form-field--warning .form-input-indicator>svg {
fill: #f1a500
}
.panel {
position: relative
}
.panel-header {
background-color: #f0f0f0;
margin: 0;
padding: 1.6rem 2.1rem 0
}
.panel-title {
line-height: 1.6;
margin: 0
}
.panel-body {
margin-bottom: 1.6rem;
padding: 1rem 2.1rem 1.6rem;
background: #f0f0f0
}
.panel-body>:first-child {
margin-top: 0
}
.panel-body>:last-child {
margin-bottom: 0
}
.panel-body>:last-child {
margin-bottom: 0
}
.navBar:after,
.navBar:before {
content: " ";
display: table
}
.navBar:after {
clear: both
}
.navBar ol,
.navBar ul {
list-style: none;
margin-left: 0;
margin: 0;
padding: 0
}
.navBar ol ol,
.navBar ol ul,
.navBar ul ol,
.navBar ul ul {
list-style: none;
margin-bottom: 0
}
.navBar ol li,
.navBar ul li {
margin: 0;
padding: 0
}
.navBar-section {
float: left
}
.navBar-section:after,
.navBar-section:before {
content: " ";
display: table
}
.navBar-section:after {
clear: both
}
.navBar-section--alt {
float: right;
margin-left: 1.6rem
}
.navBar-section+.navBar-section {
margin-left: 1.6rem
}
@media (min-width:551px) {
.navBar-item {
float: left
}
}
.navBar-action,
.navBar-item {
display: block
}
.navBar-action {
color: #000;
font-size: 16px;
padding: .78571rem
}
.navList:after,
.navList:before {
content: " ";
display: table
}
.navList:after {
clear: both
}
.navList ol,
.navList ul {
list-style: none;
margin-left: 0;
margin: 0;
padding: 0
}
.navList ol ol,
.navList ol ul,
.navList ul ol,
.navList ul ul {
list-style: none;
margin-bottom: 0
}
.navList ol li,
.navList ul li {
margin: 0;
padding: 0
}
.navList-section:after,
.navList-section:before {
content: " ";
display: table
}
.navList-section:after {
clear: both
}
.navList-section--alt {
float: right;
margin-left: 1.6rem
}
.navList-section+.navList-section {
margin-top: 1.6rem
}
.navList-action,
.navList-item {
display: block
}
.navList-action {
color: #01597f;
font-size: 16px;
padding: .21429rem 0
}
.accordion {
margin-bottom: 0;
border: #e5e5e5 solid;
border-width: 1px;
box-shadow: 0 1px 2px rgba(0, 0, 0, .13);
margin: 0 0 1.6rem
}
.accordion:after,
.accordion:before {
content: " ";
display: table
}
.accordion:after {
clear: both
}
.accordion-navigation {
display: block;
margin-bottom: 0 !important;
border: #e5e5e5 solid;
border-width: 1px 0;
cursor: pointer
}
.accordion-navigation.is-open>a {
background: #fff;
color: #000
}
.accordion-navigation>a {
background: #fff;
color: #131313;
padding: 2.02857rem;
display: block;
font-family: "Open Sans", Arial, Helvetica, sans-serif;
font-size: 1rem
}
.accordion-navigation>a:hover {
background: #f0f0f0
}
.accordion-navigation .accordion-title {
padding: 1.6rem 2.02857rem
}
.accordion-title {
font-weight: 700;
line-height: 24px
}
.accordion-content {
display: none;
padding: 2.1rem;
border: #e5e5e5 solid;
border-width: 0 0 1px
}
.accordion-content.is-open {
display: block
}
.accordion-navigation--success .accordion-title,
.accordion-navigation--success.is-open>a {
color: #008a06
}
.accordion-navigation--error .accordion-title,
.accordion-navigation--error.is-open>a {
color: #cc4749
}
.accordion-navigation--warning .accordion-title,
.accordion-navigation--warning.is-open>a {
color: #f1a500
}
.loadingNotification {
left: 50%;
position: fixed;
text-align: center;
top: 3.2rem;
transform: translateX(-50%);
transform-style: preserve-3d;
transition: all .2s ease-out;
z-index: 500
}
.loadingNotification.ng-hide-add-active,
.loadingNotification.ng-hide-remove {
opacity: 0;
top: 3.84rem;
transform: scale(.9) translateX(-50%)
}
.loadingNotification.ng-hide-remove-active {
opacity: 1;
top: 3.2rem;
transform: scale(1) translateX(-50%)
}
.loadingNotification-label {
background: #666;
border-radius: 4px;
color: #fff;
display: inline-block;
font-size: 16px;
padding: .42857rem .78571rem
}
.loadingOverlay-container {
min-height: 120px;
position: relative
}
.loadingOverlay {
background: rgba(51, 51, 51, .9);
bottom: 0;
height: 100%;
left: 0;
opacity: 1;
position: absolute;
right: 0;
top: 0;
transition: all 250ms ease-out;
width: 100%
}
.loadingOverlay::before {
height: 2.85714rem;
width: 2.85714rem;
border-radius: 2.85714rem;
border: solid 2px;
border-color: #4db547 #4db547 #3b8737 #3b8737;
content: "";
display: block;
left: 0;
margin: 0 auto;
position: absolute;
right: 0;
top: 50%;
transform: translateY(-50%) rotate(0);
transform-style: preserve-3d;
animation: spin .5s infinite cubic-bezier(.69, .31, .56, .83)
}
.loadingOverlay.ng-enter,
.loadingOverlay.ng-leave.ng-leave-active {
opacity: 0
}
.loadingOverlay.ng-enter.ng-enter-active,
.loadingOverlay.ng-leave {
opacity: 1
}
@keyframes spin {
0% {
transform: translateY(-50%) rotate(0)
}
100% {
transform: translateY(-50%) rotate(360deg)
}
}
.actionBar {
margin: 1.6rem 0
}
.actionBar:after,
.actionBar:before {
content: " ";
display: table
}
.actionBar:after {
clear: both
}
.actionBar .button {
margin-bottom: 0
}
.actionBar .buttonGroup {
vertical-align: middle
}
.actionBar-link {
display: block;
padding: .78571rem 0
}
.actionBar-section:after,
.actionBar-section:before {
content: " ";
display: table
}
.actionBar-section:after {
clear: both
}
@media (min-width:551px) {
.actionBar-section {
float: left
}
.actionBar-section .form-label {
display: inline-block;
margin: 0 .42857rem 0 0
}
.actionBar-section .form-input,
.actionBar-section .form-select {
display: inline-block;
width: 14.28571rem
}
}
@media (min-width:551px) {
.actionBar-section--alt {
float: right
}
}
.actionBar-item {
margin-bottom: 1.6rem
}
@media (min-width:551px) {
.actionBar-item {
display: inline-block;
margin-bottom: 0;
margin-right: 1.6rem;
vertical-align: middle
}
.actionBar-item:last-child {
margin-right: 0
}
}
.card {
background-color: transparent;
margin-bottom: 3.2rem;
padding: 0 0
}
.card-figure {
background-color: #fff;
margin-bottom: 0;
padding: 0 0;
position: relative
}
.card-image {
border: 1px solid #999;
width: 100%
}
.card-figcaption {
bottom: 0;
height: 100%;
left: 0;
opacity: 0;
position: absolute;
right: 0;
text-align: center;
top: 0
}
.card-figcaption:hover {
opacity: 1
}
.card-figcaption-action {
display: block;
height: 100%
}
.card-figcaption-body {
position: relative;
top: 50%;
transform: translateY(-50%);
transform-style: preserve-3d
}
.card-figcaption-body>:first-child {
margin-top: 0
}
.card-figcaption-body>:last-child {
margin-bottom: 0
}
.card-figcaption-body .card-text {
color: #999
}
.card-figcaption-button {
background-color: rgba(0, 0, 0, .8);
color: #fff
}
.card-figcaption-button:hover {
background-color: #000;
color: #fff
}
.card-body {
padding: .78571rem 0 0
}
.card-body>:first-child {
margin-top: 0
}
.card-body>:last-child {
margin-bottom: 0
}
.card-body .card-text {
color: #999
}
.card-surTitle {
float: right;
margin-left: 1.6rem;
max-width: 40%;
text-align: right
}
.card-footer {
background-color: transparent;
margin: 0
}
.card-footer:after,
.card-footer:before {
content: " ";
display: table
}
.card-footer:after {
clear: both
}
.card-button {
margin-bottom: 0
}
.slick-slider {
position: relative;
display: block;
box-sizing: border-box;
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent
}
.slick-list {
position: relative;
overflow: hidden;
display: block;
margin: 0;
padding: 0
}
.slick-list:focus {
outline: 0
}
.slick-list.dragging {
cursor: pointer;
cursor: hand
}
.slick-slider .slick-list,
.slick-slider .slick-track {
transform: translate3d(0, 0, 0)
}
.slick-track {
position: relative;
left: 0;
top: 0;
display: block;
margin-left: auto;
margin-right: auto
}
.slick-track:after,
.slick-track:before {
content: "";
display: table
}
.slick-track:after {
clear: both
}
.slick-loading .slick-track {
visibility: hidden
}
.slick-slide {
float: left;
height: 100%;
min-height: 1px;
display: none
}
[dir=rtl] .slick-slide {
float: right
}
.slick-slide img {
display: block
}
.slick-slide.slick-loading img {
display: none
}
.slick-slide.dragging img {
pointer-events: none
}
.slick-initialized .slick-slide {
display: block
}
.slick-loading .slick-slide {
visibility: hidden
}
.slick-vertical .slick-slide {
display: block;
height: auto;
border: 1px solid transparent
}
.slick-arrow.slick-hidden {
display: none
}
.slick-loading .slick-list {
background: #fff center center no-repeat
}
.slick-next,
.slick-prev {
position: absolute;
display: block;
height: 20px;
width: 20px;
line-height: 0;
font-size: 0;
cursor: pointer;
background: 0 0;
color: transparent;
top: 50%;
transform: translate(0, -50%);
padding: 0;
border: none;
outline: 0
}
.slick-next:focus,
.slick-next:hover,
.slick-prev:focus,
.slick-prev:hover {
outline: 0;
background: 0 0;
color: transparent
}
.slick-next:focus:before,
.slick-next:hover:before,
.slick-prev:focus:before,
.slick-prev:hover:before {
opacity: .8
}
.slick-next.slick-disabled:before,
.slick-prev.slick-disabled:before {
opacity: .6
}
.slick-next:before,
.slick-prev:before {
font-family: inherit;
font-size: 20px;
line-height: 1;
color: #000;
opacity: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale
}
.slick-prev {
left: -25px
}
[dir=rtl] .slick-prev {
left: auto;
right: -25px
}
.slick-prev:before {
content: ""
}
[dir=rtl] .slick-prev:before {
content: ""
}
.slick-next {
right: -25px
}
[dir=rtl] .slick-next {
left: -25px;
right: auto
}
.slick-next:before {
content: ""
}
[dir=rtl] .slick-next:before {
content: ""
}
.slick-dotted.slick-slider {
margin-bottom: 30px
}
.slick-dots {
position: absolute;
bottom: -25px;
list-style: none;
display: block;
text-align: center;
padding: 0;
margin: 0;
width: 100%
}
.slick-dots li {
position: relative;
display: inline-block;
height: 20px;
width: 20px;
margin: 0 5px;
padding: 0;
cursor: pointer
}
.slick-dots li button {
border: 0;
background: 0 0;
display: block;
height: 20px;
width: 20px;
outline: 0;
line-height: 0;
font-size: 0;
color: transparent;
padding: 5px;
cursor: pointer
}
.slick-dots li button:focus,
.slick-dots li button:hover {
outline: 0
}
.slick-dots li button:focus:before,
.slick-dots li button:hover:before {
opacity: .8
}
.slick-dots li button:before {
position: absolute;
top: 0;
left: 0;
content: "";
width: 20px;
height: 20px;
font-family: inherit;
font-size: 60px;
line-height: 20px;
text-align: center;
color: #888;
opacity: .6;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale
}
.slick-dots li.slick-active button:before {
color: #4db547;
opacity: 1
}
.slick-next,
.slick-prev {
background-color: #fff;
background-color: rgba(255, 255, 255, .9);
z-index: 1;
height: 4.35714rem;
padding: .71429rem;
width: 2.85714rem
}
.slick-next::before,
.slick-prev::before {
background-position: 50%;
background-repeat: no-repeat;
background-size: 100%;
display: block;
height: 2.92857rem;
width: 1.42857rem
}
.slick-next:focus,
.slick-next:hover,
.slick-prev:focus,
.slick-prev:hover {
background-color: #fff;
background-color: rgba(255, 255, 255, .9);
background-position: 50%;
background-repeat: no-repeat;
background-size: 100%
}
.slick-next {
right: -10px
}
@media (min-width:1261px) {
.slick-next {
right: -3.62857rem
}
}
.slick-next::before {
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='42' viewBox='0 0 24 42'%3E%3Cpath d='M1.45679 1.00746147l21 20.02482143L1.50885 41.0074615' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' fill='none' fill-rule='evenodd' /%3E%3C/svg%3E")
}
.slick-next:hover::before {
background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iNDIiIHZpZXdCb3g9IjAgMCAyNCA0MiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMS40NTY3OSAxLjAwNzQ2MTQ3bDIxIDIwLjAyNDgyMTQzTDEuNTA4ODUgNDEuMDA3NDYxNSIgc3Ryb2tlPSIjOTg5ODk4IiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIi8+PC9zdmc+)
}
.slick-prev {
left: -15px
}
@media (min-width:1261px) {
.slick-prev {
left: -3.62857rem
}
}
.slick-prev::before {
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='42' viewBox='0 0 24 42'%3E%3Cpath d='M22.4572074 1.00746147l-21 20.02482143 20.9479397 19.9751786' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' fill='none' fill-rule='evenodd' /%3E%3C/svg%3E")
}
.slick-prev:hover::before {
background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iNDIiIHZpZXdCb3g9IjAgMCAyNCA0MiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMjIuNDU3MjA3NCAxLjAwNzQ2MTQ3bC0yMSAyMC4wMjQ4MjE0MyAyMC45NDc5Mzk3IDE5Ljk3NTE3ODYiIHN0cm9rZT0iIzk4OTg5OCIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjwvc3ZnPg==)
}
.slick-dots {
margin: 0
}
.slick-dots li {
height: 2.28571rem;
width: 2.28571rem;
margin: 0;
padding: .35714rem
}
.slick-dots li button,
.slick-dots li button::before {
height: 1.07143rem;
width: 1.07143rem;
border-radius: 50%
}
.slick-dots li button {
border: 1px solid #888;
display: inline-block;
margin: 0;
padding: 0;
position: relative;
text-align: center;
vertical-align: middle
}
.slick-dots li button:hover::before {
background: #888
}
.slick-dots li button::before {
display: block;
left: -1px;
top: -1px;
transition: background .1s ease-out
}
.slick-dots li.slick-active button::before {
background: #4db547
}
.productView .slick-dots {
position: relative
}
.slick-disabled {
cursor: default;
opacity: .1
}
.slick-track {
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
perspective: 1000px
}
.slick-next {
right: 0
}
.slick-prev {
left: 0
}
.slick-dots {
position: relative;
bottom: auto
}
.heroCarousel .slick-dots {
position: absolute
}
.slick-vertical .slick-prev {
left: 50%;
top: 0;
transform: translateX(-50%)
}
.slick-vertical .slick-prev:before {
background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iNDIiIHZpZXdCb3g9IjAgMCA0MiAyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNIDIyIDEgTCAxIC0xOS4wMjUgTCAyMS45NDggLTM5IiBzdHJva2U9IiMyRDJEMkQiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIHRyYW5zZm9ybT0ibWF0cml4KC0wLCAxLCAtMSwgLTAsIDIsIDApIi8+PC9zdmc+)
}
.slick-vertical .slick-next {
left: 50%;
top: auto;
bottom: 0;
transform: translateX(-50%)
}
.slick-vertical .slick-next:before {
background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHdpZHRoPSIyNCIgaGVpZ2h0PSI0MiIgdmlld0JveD0iMCAwIDQyIDI0IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGQ9Ik0gNjIgMjMgTCA0MSAyLjk3NSBMIDYxLjk0OCAtMTciIHN0cm9rZT0iIzJEMkQyRCIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCIgdHJhbnNmb3JtPSJtYXRyaXgoMCwgLTEsIDEsIDAsIDE4LCA2NCkiLz48L3N2Zz4=)
}
.slick-vertical .slick-next,
.slick-vertical .slick-prev {
width: 4.14286rem;
height: 2.85714rem;
margin-top: 0
}
.slick-vertical .slick-next:before,
.slick-vertical .slick-prev:before {
width: 2.85714rem;
height: 1.5rem
}
.nanobar {
width: 100%;
height: .35714rem;
z-index: 9999;
top: 0;
pointer-events: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none
}
.nanobar .bar {
width: 0;
height: 100%;
transition: height .1s;
background-color: #01597f
}
.nanobar .bar+.bar {
display: none
}
body.swal2-shown {
overflow-y: hidden
}
body.swal2-iosfix {
position: fixed;
left: 0;
right: 0
}
.swal2-container {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
justify-content: center;
position: fixed;
top: 0;
left: 0;
bottom: 0;
right: 0;
padding: 10px;
background-color: transparent;
z-index: 1060
}
.swal2-container.swal2-top {
-ms-flex-align: start;
align-items: flex-start
}
.swal2-container.swal2-top-left {
-ms-flex-align: start;
align-items: flex-start;
-ms-flex-pack: start;
justify-content: flex-start
}
.swal2-container.swal2-top-right {
-ms-flex-align: start;
align-items: flex-start;
-ms-flex-pack: end;
justify-content: flex-end
}
.swal2-container.swal2-center {
-ms-flex-align: center;
align-items: center
}
.swal2-container.swal2-center-left {
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: start;
justify-content: flex-start
}
.swal2-container.swal2-center-right {
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: end;
justify-content: flex-end
}
.swal2-container.swal2-bottom {
-ms-flex-align: end;
align-items: flex-end
}
.swal2-container.swal2-bottom-left {
-ms-flex-align: end;
align-items: flex-end;
-ms-flex-pack: start;
justify-content: flex-start
}
.swal2-container.swal2-bottom-right {
-ms-flex-align: end;
align-items: flex-end;
-ms-flex-pack: end;
justify-content: flex-end
}
.swal2-container.swal2-grow-fullscreen>.swal2-modal {
display: -ms-flexbox !important;
display: flex !important;
-ms-flex: 1;
flex: 1;
-ms-flex-item-align: stretch;
align-self: stretch;
-ms-flex-pack: center;
justify-content: center
}
.swal2-container.swal2-grow-row>.swal2-modal {
display: -ms-flexbox !important;
display: flex !important;
-ms-flex: 1;
flex: 1;
-ms-flex-line-pack: center;
align-content: center;
-ms-flex-pack: center;
justify-content: center
}
.swal2-container.swal2-grow-column {
-ms-flex: 1;
flex: 1;
-ms-flex-direction: column;
flex-direction: column
}
.swal2-container.swal2-grow-column.swal2-bottom,
.swal2-container.swal2-grow-column.swal2-center,
.swal2-container.swal2-grow-column.swal2-top {
-ms-flex-align: center;
align-items: center
}
.swal2-container.swal2-grow-column.swal2-bottom-left,
.swal2-container.swal2-grow-column.swal2-center-left,
.swal2-container.swal2-grow-column.swal2-top-left {
-ms-flex-align: start;
align-items: flex-start
}
.swal2-container.swal2-grow-column.swal2-bottom-right,
.swal2-container.swal2-grow-column.swal2-center-right,
.swal2-container.swal2-grow-column.swal2-top-right {
-ms-flex-align: end;
align-items: flex-end
}
.swal2-container.swal2-grow-column>.swal2-modal {
display: -ms-flexbox !important;
display: flex !important;
-ms-flex: 1;
flex: 1;
-ms-flex-line-pack: center;
align-content: center;
-ms-flex-pack: center;
justify-content: center
}
.swal2-container:not(.swal2-top):not(.swal2-top-left):not(.swal2-top-right):not(.swal2-center-left):not(.swal2-center-right):not(.swal2-bottom):not(.swal2-bottom-left):not(.swal2-bottom-right)>.swal2-modal {
margin: auto
}
@media all and (-ms-high-contrast:none),
(-ms-high-contrast:active) {
.swal2-container .swal2-modal {
margin: 0 !important
}
}
.swal2-container.swal2-fade {
transition: background-color .1s
}
.swal2-container.swal2-shown {
background-color: rgba(0, 0, 0, .4)
}
.swal2-modal {
-ms-flex-direction: column;
flex-direction: column;
background-color: #fff;
font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
border-radius: 5px;
box-sizing: border-box;
text-align: center;
overflow-x: hidden;
overflow-y: auto;
display: none;
position: relative;
max-width: 100%
}
.swal2-modal:focus {
outline: 0
}
.swal2-modal.swal2-loading {
overflow-y: hidden
}
.swal2-modal .swal2-title {
color: #595959;
font-size: 30px;
text-align: center;
font-weight: 600;
text-transform: none;
position: relative;
margin: 0 0 .4em;
padding: 0;
display: block;
word-wrap: break-word
}
.swal2-modal .swal2-buttonswrapper {
margin-top: 15px
}
.swal2-modal .swal2-buttonswrapper:not(.swal2-loading) .swal2-styled[disabled] {
opacity: .4;
cursor: no-drop
}
.swal2-modal .swal2-buttonswrapper.swal2-loading .swal2-styled.swal2-confirm {
box-sizing: border-box;
border: 4px solid transparent;
border-color: transparent;
width: 40px;
height: 40px;
padding: 0;
margin: 7.5px;
vertical-align: top;
background-color: transparent !important;
color: transparent;
cursor: default;
border-radius: 100%;
animation: rotate-loading 1.5s linear 0s infinite normal;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none
}
.swal2-modal .swal2-buttonswrapper.swal2-loading .swal2-styled.swal2-cancel {
margin-left: 30px;
margin-right: 30px
}
.swal2-modal .swal2-buttonswrapper.swal2-loading :not(.swal2-styled).swal2-confirm::after {
display: inline-block;
content: '';
margin-left: 5px;
vertical-align: -1px;
height: 15px;
width: 15px;
border: 3px solid #999;
box-shadow: 1px 1px 1px #fff;
border-right-color: transparent;
border-radius: 50%;
animation: rotate-loading 1.5s linear 0s infinite normal
}
.swal2-modal .swal2-styled {
border: 0;
border-radius: 3px;
box-shadow: none;
color: #fff;
cursor: pointer;
font-size: 17px;
font-weight: 500;
margin: 15px 5px 0;
padding: 10px 32px
}
.swal2-modal .swal2-styled:focus {
outline: 0;
box-shadow: 0 0 0 2px #fff, 0 0 0 4px rgba(50, 100, 150, .4)
}
.swal2-modal .swal2-image {
margin: 20px auto;
max-width: 100%
}
.swal2-modal .swal2-close {
background: 0 0;
border: 0;
margin: 0;
padding: 0;
width: 38px;
height: 40px;
font-size: 36px;
line-height: 40px;
font-family: serif;
position: absolute;
top: 5px;
right: 8px;
cursor: pointer;
color: #ccc;
transition: color .1s ease
}
.swal2-modal .swal2-close:hover {
color: #d55
}
.swal2-modal>.swal2-checkbox,
.swal2-modal>.swal2-file,
.swal2-modal>.swal2-input,
.swal2-modal>.swal2-radio,
.swal2-modal>.swal2-select,
.swal2-modal>.swal2-textarea {
display: none
}
.swal2-modal .swal2-content {
font-size: 18px;
text-align: center;
font-weight: 300;
position: relative;
float: none;
margin: 0;
padding: 0;
line-height: normal;
color: #545454;
word-wrap: break-word
}
.swal2-modal .swal2-checkbox,
.swal2-modal .swal2-file,
.swal2-modal .swal2-input,
.swal2-modal .swal2-radio,
.swal2-modal .swal2-select,
.swal2-modal .swal2-textarea {
margin: 20px auto
}
.swal2-modal .swal2-file,
.swal2-modal .swal2-input,
.swal2-modal .swal2-textarea {
width: 100%;
box-sizing: border-box;
font-size: 18px;
border-radius: 3px;
border: 1px solid #d9d9d9;
box-shadow: inset 0 1px 1px rgba(0, 0, 0, .06);
transition: border-color .3s, box-shadow .3s
}
.swal2-modal .swal2-file.swal2-inputerror,
.swal2-modal .swal2-input.swal2-inputerror,
.swal2-modal .swal2-textarea.swal2-inputerror {
border-color: #f27474 !important;
box-shadow: 0 0 2px #f27474 !important
}
.swal2-modal .swal2-file:focus,
.swal2-modal .swal2-input:focus,
.swal2-modal .swal2-textarea:focus {
outline: 0;
border: 1px solid #b4dbed;
box-shadow: 0 0 3px #c4e6f5
}
.swal2-modal .swal2-file:-ms-input-placeholder,
.swal2-modal .swal2-input:-ms-input-placeholder,
.swal2-modal .swal2-textarea:-ms-input-placeholder {
color: #ccc
}
.swal2-modal .swal2-file::placeholder,
.swal2-modal .swal2-input::placeholder,
.swal2-modal .swal2-textarea::placeholder {
color: #ccc
}
.swal2-modal .swal2-range input {
float: left;
width: 80%
}
.swal2-modal .swal2-range output {
float: right;
width: 20%;
font-size: 20px;
font-weight: 600;
text-align: center
}
.swal2-modal .swal2-range input,
.swal2-modal .swal2-range output {
height: 43px;
line-height: 43px;
vertical-align: middle;
margin: 20px auto;
padding: 0
}
.swal2-modal .swal2-input {
height: 43px;
padding: 0 12px
}
.swal2-modal .swal2-input[type=number] {
max-width: 150px
}
.swal2-modal .swal2-file {
font-size: 20px
}
.swal2-modal .swal2-textarea {
height: 108px;
padding: 12px
}
.swal2-modal .swal2-select {
color: #545454;
font-size: inherit;
padding: 5px 10px;
min-width: 40%;
max-width: 100%
}
.swal2-modal .swal2-radio {
border: 0
}
.swal2-modal .swal2-radio label:not(:first-child) {
margin-left: 20px
}
.swal2-modal .swal2-radio input,
.swal2-modal .swal2-radio span {
vertical-align: middle
}
.swal2-modal .swal2-radio input {
margin: 0 3px 0 0
}
.swal2-modal .swal2-checkbox {
color: #545454
}
.swal2-modal .swal2-checkbox input,
.swal2-modal .swal2-checkbox span {
vertical-align: middle
}
.swal2-modal .swal2-validationerror {
background-color: #f0f0f0;
margin: 0 -20px;
overflow: hidden;
padding: 10px;
color: gray;
font-size: 16px;
font-weight: 300;
display: none
}
.swal2-modal .swal2-validationerror::before {
content: '!';
display: inline-block;
width: 24px;
height: 24px;
border-radius: 50%;
background-color: #ea7d7d;
color: #fff;
line-height: 24px;
text-align: center;
margin-right: 10px
}
@supports (-ms-accelerator:true) {
.swal2-range input {
width: 100% !important
}
.swal2-range output {
display: none
}
}
@media all and (-ms-high-contrast:none),
(-ms-high-contrast:active) {
.swal2-range input {
width: 100% !important
}
.swal2-range output {
display: none
}
}
.swal2-icon {
width: 80px;
height: 80px;
border: 4px solid transparent;
border-radius: 50%;
margin: 20px auto 30px;
padding: 0;
position: relative;
box-sizing: content-box;
cursor: default;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none
}
.swal2-icon.swal2-error {
border-color: #f27474
}
.swal2-icon.swal2-error .swal2-x-mark {
position: relative;
display: block
}
.swal2-icon.swal2-error [class^=swal2-x-mark-line] {
position: absolute;
height: 5px;
width: 47px;
background-color: #f27474;
display: block;
top: 37px;
border-radius: 2px
}
.swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=left] {
transform: rotate(45deg);
left: 17px
}
.swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=right] {
transform: rotate(-45deg);
right: 16px
}
.swal2-icon.swal2-warning {
font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
color: #f8bb86;
border-color: #facea8;
font-size: 60px;
line-height: 80px;
text-align: center
}
.swal2-icon.swal2-info {
font-family: 'Open Sans', sans-serif;
color: #3fc3ee;
border-color: #9de0f6;
font-size: 60px;
line-height: 80px;
text-align: center
}
.swal2-icon.swal2-question {
font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
color: #87adbd;
border-color: #c9dae1;
font-size: 60px;
line-height: 80px;
text-align: center
}
.swal2-icon.swal2-success {
border-color: #a5dc86
}
.swal2-icon.swal2-success [class^=swal2-success-circular-line] {
border-radius: 50%;
position: absolute;
width: 60px;
height: 120px;
transform: rotate(45deg)
}
.swal2-icon.swal2-success [class^=swal2-success-circular-line][class$=left] {
border-radius: 120px 0 0 120px;
top: -7px;
left: -33px;
transform: rotate(-45deg);
transform-origin: 60px 60px
}
.swal2-icon.swal2-success [class^=swal2-success-circular-line][class$=right] {
border-radius: 0 120px 120px 0;
top: -11px;
left: 30px;
transform: rotate(-45deg);
transform-origin: 0 60px
}
.swal2-icon.swal2-success .swal2-success-ring {
width: 80px;
height: 80px;
border: 4px solid rgba(165, 220, 134, .2);
border-radius: 50%;
box-sizing: content-box;
position: absolute;
left: -4px;
top: -4px;
z-index: 2
}
.swal2-icon.swal2-success .swal2-success-fix {
width: 7px;
height: 90px;
position: absolute;
left: 28px;
top: 8px;
z-index: 1;
transform: rotate(-45deg)
}
.swal2-icon.swal2-success [class^=swal2-success-line] {
height: 5px;
background-color: #a5dc86;
display: block;
border-radius: 2px;
position: absolute;
z-index: 2
}
.swal2-icon.swal2-success [class^=swal2-success-line][class$=tip] {
width: 25px;
left: 14px;
top: 46px;
transform: rotate(45deg)
}
.swal2-icon.swal2-success [class^=swal2-success-line][class$=long] {
width: 47px;
right: 8px;
top: 38px;
transform: rotate(-45deg)
}
.swal2-progresssteps {
font-weight: 600;
margin: 0 0 20px;
padding: 0
}
.swal2-progresssteps li {
display: inline-block;
position: relative
}
.swal2-progresssteps .swal2-progresscircle {
background: #3085d6;
border-radius: 2em;
color: #fff;
height: 2em;
line-height: 2em;
text-align: center;
width: 2em;
z-index: 20
}
.swal2-progresssteps .swal2-progresscircle:first-child {
margin-left: 0
}
.swal2-progresssteps .swal2-progresscircle:last-child {
margin-right: 0
}
.swal2-progresssteps .swal2-progresscircle.swal2-activeprogressstep {
background: #3085d6
}
.swal2-progresssteps .swal2-progresscircle.swal2-activeprogressstep~.swal2-progresscircle {
background: #add8e6
}
.swal2-progresssteps .swal2-progresscircle.swal2-activeprogressstep~.swal2-progressline {
background: #add8e6
}
.swal2-progresssteps .swal2-progressline {
background: #3085d6;
height: .4em;
margin: 0 -1px;
z-index: 10
}
[class^=swal2] {
-webkit-tap-highlight-color: transparent
}
@keyframes showSweetAlert {
0% {
transform: scale(.7)
}
45% {
transform: scale(1.05)
}
80% {
transform: scale(.95)
}
100% {
transform: scale(1)
}
}
@keyframes hideSweetAlert {
0% {
transform: scale(1);
opacity: 1
}
100% {
transform: scale(.5);
opacity: 0
}
}
.swal2-show {
animation: showSweetAlert .3s
}
.swal2-show.swal2-noanimation {
animation: none
}
.swal2-hide {
animation: hideSweetAlert .15s forwards
}
.swal2-hide.swal2-noanimation {
animation: none
}
@keyframes animate-success-tip {
0% {
width: 0;
left: 1px;
top: 19px
}
54% {
width: 0;
left: 1px;
top: 19px
}
70% {
width: 50px;
left: -8px;
top: 37px
}
84% {
width: 17px;
left: 21px;
top: 48px
}
100% {
width: 25px;
left: 14px;
top: 45px
}
}
@keyframes animate-success-long {
0% {
width: 0;
right: 46px;
top: 54px
}
65% {
width: 0;
right: 46px;
top: 54px
}
84% {
width: 55px;
right: 0;
top: 35px
}
100% {
width: 47px;
right: 8px;
top: 38px
}
}
@keyframes rotatePlaceholder {
0% {
transform: rotate(-45deg)
}
5% {
transform: rotate(-45deg)
}
12% {
transform: rotate(-405deg)
}
100% {
transform: rotate(-405deg)
}
}
.swal2-animate-success-line-tip {
animation: animate-success-tip .75s
}
.swal2-animate-success-line-long {
animation: animate-success-long .75s
}
.swal2-success.swal2-animate-success-icon .swal2-success-circular-line-right {
animation: rotatePlaceholder 4.25s ease-in
}
@keyframes animate-error-icon {
0% {
transform: rotateX(100deg);
opacity: 0
}
100% {
transform: rotateX(0);
opacity: 1
}
}
.swal2-animate-error-icon {
animation: animate-error-icon .5s
}
@keyframes animate-x-mark {
0% {
transform: scale(.4);
margin-top: 26px;
opacity: 0
}
50% {
transform: scale(.4);
margin-top: 26px;
opacity: 0
}
80% {
transform: scale(1.15);
margin-top: -6px
}
100% {
transform: scale(1);
margin-top: 0;
opacity: 1
}
}
.swal2-animate-x-mark {
animation: animate-x-mark .5s
}
@keyframes rotate-loading {
0% {
transform: rotate(0)
}
100% {
transform: rotate(360deg)
}
}
.swal2-modal {
background-color: #fff !important;
border-radius: 4px;
font-family: "Open Sans", Arial, Helvetica, sans-serif
}
.swal2-modal .swal2-title {
color: #01597f;
font-size: 2.71429rem
}
.swal2-modal .swal2-content {
color: #131313;
font-size: 1.14286rem
}
.swal2-modal .swal2-file,
.swal2-modal .swal2-input,
.swal2-modal .swal2-textarea {
border: 1px solid #ccc;
color: #666
}
.swal2-modal .swal2-checkbox,
.swal2-modal .swal2-select {
color: #666
}
.swal2-modal .swal2-buttonswrapper {
margin: 25px 0 0
}
.swal2-modal .swal2-styled {
-webkit-appearance: none;
-moz-appearance: none;
border-radius: 0;
border-style: solid;
border-width: 1px;
cursor: pointer;
font-family: "Open Sans", Arial, Helvetica, sans-serif;
font-weight: 500;
line-height: normal;
margin: 0 0 1rem;
position: relative;
text-align: center;
text-decoration: none;
display: inline-block;
background-color: #fff;
border-color: #000;
color: #000;
font-size: 1rem;
padding: .92857rem 2.38571rem;
border-radius: 4px;
line-height: 1rem;
outline: 0;
transition: all .15s ease;
vertical-align: middle
}
.swal2-modal .swal2-styled.active,
.swal2-modal .swal2-styled.is-active,
.swal2-modal .swal2-styled:focus,
.swal2-modal .swal2-styled:hover {
background-color: #000;
border-color: #000;
color: #fff
}
.swal2-modal .swal2-styled:active {
background-color: #fff;
border: 1px solid #000;
color: #000
}
.swal2-modal .swal2-styled:focus {
box-shadow: 0 2px 4px rgba(0, 0, 0, .1);
outline: 0
}
.swal2-modal .swal2-confirm {
background-color: #000;
border-color: #000;
color: #fff
}
.swal2-modal .swal2-confirm:focus,
.swal2-modal .swal2-confirm:hover {
background-color: #4db547;
border-color: #4db547;
color: #fff
}
.swal2-modal .swal2-confirm:active {
background-color: #4db547;
border-color: #4db547;
color: #fff
}
.swal2-modal .swal2-cancel {
background-color: transparent;
border-color: #000;
color: #000
}
.swal2-modal .swal2-cancel:focus,
.swal2-modal .swal2-cancel:hover {
background-color: transparent;
border-color: #000;
color: #fff
}
.swal2-modal .swal2-cancel:active {
background-color: transparent;
border-color: #000;
color: #000
}
.swal2-modal .button+.button {
margin-left: .78571rem
}
/*!
* baguetteBox.js
* @author feimosi
* @version 1.8.2
* @url https://github.com/feimosi/baguetteBox.js
*/
#baguetteBox-overlay {
display: none;
opacity: 0;
position: fixed;
overflow: hidden;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1000000;
background-color: #222;
background-color: rgba(0, 0, 0, .8);
transition: opacity .5s ease
}
#baguetteBox-overlay.visible {
opacity: 1
}
#baguetteBox-overlay .full-image {
display: inline-block;
position: relative;
width: 100%;
height: 100%;
text-align: center
}
#baguetteBox-overlay .full-image figure {
display: inline;
margin: 0;
height: 100%
}
#baguetteBox-overlay .full-image img {
display: inline-block;
width: auto;
height: auto;
max-height: 100%;
max-width: 100%;
vertical-align: middle;
box-shadow: 0 0 8px rgba(0, 0, 0, .6)
}
#baguetteBox-overlay .full-image figcaption {
display: block;
position: absolute;
bottom: 0;
width: 100%;
text-align: center;
line-height: 1.8;
white-space: normal;
color: #ccc;
background-color: #000;
background-color: rgba(0, 0, 0, .6);
font-family: sans-serif
}
#baguetteBox-overlay .full-image:before {
content: "";
display: inline-block;
height: 50%;
width: 1px;
margin-right: -1px
}
#baguetteBox-slider {
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 100%;
white-space: nowrap;
transition: left .4s ease, transform .4s ease
}
#baguetteBox-slider.bounce-from-right {
animation: bounceFromRight .4s ease-out
}
#baguetteBox-slider.bounce-from-left {
animation: bounceFromLeft .4s ease-out
}
@keyframes bounceFromRight {
0% {
margin-left: 0
}
50% {
margin-left: -30px
}
100% {
margin-left: 0
}
}
@keyframes bounceFromLeft {
0% {
margin-left: 0
}
50% {
margin-left: 30px
}
100% {
margin-left: 0
}
}
.baguetteBox-button#next-button,
.baguetteBox-button#previous-button {
top: 50%;
top: calc(50% - 30px);
width: 44px;
height: 60px
}
.baguetteBox-button {
position: absolute;
cursor: pointer;
outline: 0;
padding: 0;
margin: 0;
border: 0;
border-radius: 15%;
background-color: #323232;
background-color: rgba(50, 50, 50, .5);
color: #ddd;
font: 1.6em sans-serif;
transition: background-color .4s ease
}
.baguetteBox-button:focus,
.baguetteBox-button:hover {
background-color: rgba(50, 50, 50, .9)
}
.baguetteBox-button#next-button {
right: 2%
}
.baguetteBox-button#previous-button {
left: 2%
}
.baguetteBox-button#close-button {
top: 20px;
right: 2%;
right: calc(2% + 6px);
width: 30px;
height: 30px
}
.baguetteBox-button svg {
position: absolute;
left: 0;
top: 0
}
.baguetteBox-spinner {
width: 40px;
height: 40px;
display: inline-block;
position: absolute;
top: 50%;
left: 50%;
margin-top: -20px;
margin-left: -20px
}
.baguetteBox-double-bounce1,
.baguetteBox-double-bounce2 {
width: 100%;
height: 100%;
border-radius: 50%;
background-color: #fff;
opacity: .6;
position: absolute;
top: 0;
left: 0;
animation: bounce 2s infinite ease-in-out
}
.baguetteBox-double-bounce2 {
animation-delay: -1s
}
@keyframes bounce {
0%,
100% {
transform: scale(0)
}
50% {
transform: scale(1)
}
}
.page-heading {
margin: 0 0 3.2rem;
text-align: center
}
.chiara-categoriesList-name,
.page-heading {
font-family: "Open Sans";
font-weight: 700;
font-size: 22.5px;
margin: 0 0 1.6rem;
text-align: center
}
@media (min-width:801px) {
.chiara-categoriesList-name,
.page-heading {
margin-bottom: 3.2rem;
font-size: 30px
}
}
.page-subheading {
text-align: center;
color: #999;
font-size: 12px;
margin-bottom: 1.6rem;
line-height: 1.25
}
@media (min-width:801px) {
.page-subheading {
font-size: 16px;
margin-bottom: 3.2rem
}
}
.page-heading+.page-subheading {
margin-top: -1.21429rem
}
@media (min-width:801px) {
.page-heading+.page-subheading {
margin-top: -2.38571rem
}
}
.form-select {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M16.59 8.59L12 13.17 7.41 8.59 6 10l6 6 6-6z' fill='rgba(117, 117, 117, 0.999)' /%3E%3C/svg%3E");
background-position: right .64286rem top .71429rem;
border-radius: 4px;
padding: .8rem 3.2rem .8rem 1.06667rem
}
.form-label small {
float: right;
margin-top: .42857rem
}
.form-label--inlineSmall small {
color: #999;
float: none;
font-size: inherit;
font-weight: 400;
margin-left: .42857rem;
text-transform: none
}
.form-label--inlineSmall small {
color: #cc4749;
margin-left: 0
}
.table {
margin-top: 2.1rem
}
.table td+td {
border-left: 1px solid #e5e5e5
}
.table .table-alignCenter {
text-align: center
}
.table .table-alignRight {
text-align: right
}
.table-actions {
margin: 1.6rem;
text-align: center
}
.table-actions .form {
margin-bottom: 0
}
.table-actions .button {
display: block;
margin-left: 0;
margin-right: 0;
width: 100%
}
@media (min-width:551px) {
.table-actions .button {
display: inline-block;
margin-bottom: 0;
width: auto
}
}
@media (min-width:551px) {
.table-actions .button+.button {
margin-left: .42857rem
}
}
.table--line {
border-color: #e5e5e5;
border-width: 0 0 1px
}
.table--line .table-thead {
background-color: #fff;
border-color: #e5e5e5;
border-width: 0 0 1px
}
.table--line .table-thead tr th {
padding-left: 0;
padding-right: 0
}
@media (min-width:551px) {
.table--line .table-thead tr th {
text-align: center
}
.table--line .table-thead tr th:first-child {
text-align: left
}
.table--line .table-thead tr th:last-child {
text-align: right
}
}
.table--line .table-thead tr th+th {
padding-left: 1.6rem
}
.table--line tr {
border-color: 1px solid #e5e5e5
}
.table--line tr td {
display: block;
padding-left: 0;
padding-right: 0
}
@media (min-width:551px) {
.table--line tr td {
text-align: center
}
.table--line tr td:first-child {
text-align: left
}
.table--line tr td:last-child {
text-align: right
}
}
.table--line tr td+td {
padding-left: 1.6rem
}
.table--line td+td {
border-left: 0
}
.dropdown {
left: -9999px;
outline: 0;
position: absolute
}
.dropdown-menu.is-loading .loadingOverlay {
background: 0 0;
padding: 4.8rem 0;
position: relative
}
.dropdown-menu.is-open {
display: block
}
.dropdown-menu-item {
text-align: left
}
.dropdown-menu-item:first-child>a {
padding-top: .78571rem
}
.dropdown-menu-item:last-child>a {
padding-bottom: 1rem
}
.dropdown-menu-item>a {
margin: 0;
padding: .28571rem 1.21429rem;
text-decoration: none
}
.form-wishlist {
position: relative
}
.dropdown-menu-button {
width: 100%
}
.dropdown-menu-button.is-open {
border-bottom-left-radius: 0;
border-bottom-right-radius: 0
}
.dropdown-menu-button .icon {
float: right;
margin-left: 10px
}
.wishlist-dropdown.is-open {
background: 0 0;
left: auto !important;
max-width: none !important;
width: 100% !important
}
@media (min-width:551px) {
.wishlist-dropdown.is-open {
padding-right: 20px
}
}
@media (min-width:801px) {
.wishlist-dropdown.is-open {
padding-right: 0
}
}
@media (min-width:1261px) {
.wishlist-dropdown.is-open {
padding-right: 11px
}
}
.wishlist-dropdown.is-open:focus {
outline: 0
}
.wishlist-dropdown.is-open [data-wishlist] {
border-top: none;
margin-bottom: 0;
width: 100%
}
.wishlist-dropdown.is-open .button {
border-top-left-radius: 0;
border-top-right-radius: 0;
width: 100%
}
.wishlist-dropdown.is-open .button--has-items {
font-weight: 700
}
.wishlist-dropdown.is-open li:not(:last-child) .button {
border-bottom: none;
border-radius: 0;
border-top: none;
margin-bottom: 0
}
.dropdown {
filter: blur(0);
-webkit-filter: blur(0);
-webkit-font-smoothing: subpixel-antialiased
}
.dropdown-menu {
box-shadow: 0 10px 20px rgba(0, 0, 0, .1);
z-index: 15
}
.dropdown-menu-button {
padding-left: 40px;
padding-right: 40px
}
.dropdown-menu-button .icon {
margin-left: 0;
margin-right: -20px
}
.form-wishlist {
margin: 0;
position: static
}
.form-wishlist .dropdown-menu-button {
padding: 0;
margin: 0;
display: inline-block;
width: auto;
border: 0;
background-color: transparent
}
.form-wishlist .dropdown-menu-button .icon {
display: inline-block;
vertical-align: middle;
margin: 0;
float: none
}
.form-wishlist .dropdown-menu-button .icon svg {
width: 100%;
height: 100%
}
.wishlist-dropdown.is-open {
right: 0;
width: auto !important;
margin-top: .42857rem;
padding: 0
}
.wishlist-dropdown.is-open li .button {
border: 0;
border-radius: 0;
white-space: nowrap
}
.panel-title {
font-size: 20px
}
.panel--large .panel-body {
margin-bottom: 2.1rem;
padding: 2.1rem
}
.accordion {
border-radius: 4px;
box-shadow: none
}
.accordion .navList {
margin-bottom: 0
}
.accordion-content {
border: 0
}
.accordion-content .form:only-child {
margin-bottom: 0
}
.accordion-title {
margin: 0
}
.accordion-navigation {
margin-top: -1px;
position: relative;
text-decoration: none
}
@media (min-width:801px) {
.accordion--navList {
border: 0
}
}
@media (min-width:801px) {
.sidebarBlock+.accordion--navList {
margin-top: 2.1rem
}
}
@media (min-width:801px) {
.accordion--navList .accordion-block {
margin-top: 2.1rem
}
}
.accordion--navList .accordion-content {
padding: 1rem
}
@media (min-width:801px) {
.accordion--navList .accordion-content {
padding: 0
}
}
@media (min-width:801px) {
.accordion--navList .accordion-navigation {
background-position: right 0 top 50%;
border: 0
}
}
.accordion--navList .accordion-title {
font-weight: 400;
padding: 1rem;
text-decoration: none;
text-transform: inherit
}
@media (min-width:801px) {
.accordion--navList .accordion-title {
margin-bottom: .78571rem;
margin-top: 0;
padding: 0
}
}
.accordion--navList .accordion-indicator {
fill: #999
}
.accordion--navList .accordion-navigation-actions {
right: 1rem;
top: 1.21429rem
}
@media (min-width:801px) {
.accordion--navList .accordion-navigation-actions {
right: 0;
top: 0
}
}
.accordion-block:first-child {
margin-top: 0
}
.accordion-block:first-child .accordion-navigation {
border-radius: 4px 4px 0 0
}
.accordion-block:last-child .accordion-content,
.accordion-block:last-child .accordion-navigation {
border-radius: 0 0 4px 4px
}
.accordion-block:last-child .accordion-navigation {
border-bottom-width: 0
}
.accordion-block:last-child .accordion-navigation.is-open {
border-bottom-width: 1px;
border-radius: 0
}
.accordion-navigation-actions {
position: absolute;
right: 2.02857rem;
top: 1.6rem
}
.accordion-navigation-actions>a {
color: #999;
vertical-align: middle
}
.accordion-navigation-actions>a:hover {
color: #333
}
.accordion--navList .accordion-title {
font-family: "Open Sans", Arial, Helvetica, sans-serif;
font-size: 1rem;
font-weight: 600
}
.inlineList--labels {
margin-bottom: 0;
margin-left: -.78571rem
}
.inlineList--labels>li {
margin-bottom: .78571rem;
margin-left: .78571rem
}
.alertBox {
border-radius: 4px;
color: #333
}
.alertBox-icon .icon {
height: 1.78571rem;
width: 1.78571rem
}
.alertBox--info {
color: #fff
}
.alertBox--info .alertBox-close svg {
fill: #008a06
}
.alertBox--info {
color: #111;
background-color: #fff;
font-weight: 700;
width: auto;
margin: 0 auto .78571rem;
display: table;
box-shadow: 0 5px 15px rgba(0, 0, 0, .15)
}
@media (min-width:801px) {
.alertBox--info {
font-size: 16px;
margin-bottom: 1.6rem;
padding: 1rem 1.6rem
}
}
.alertBox--info .alertBox-message {
width: auto
}
.lazyload,
.lazyloading {
height: 100%
}
.form--hiddenLabels .form-label {
border: 0;
clip: rect(1px, 1px, 1px, 1px);
height: 1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px
}
.form-inlineMessage {
display: block
}
.form-field--error .form-input {
float: none
}
.form-field--error .form-inlineMessage:before {
background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z' fill='rgba(204, 71, 73, 0.999)' /%3E%3C/svg%3E") no-repeat;
background-size: 100%;
content: "";
display: inline-block;
height: 1rem;
left: -.14286rem;
margin-right: .07143rem;
position: relative;
top: .21429rem;
width: 1rem
}
.form-field--success .form-input[type=text] {
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z' fill='rgba(0, 138, 6, 0.999)' /%3E%3C/svg%3E");
background-position: right .71429rem center;
background-repeat: no-repeat;
padding-right: 3.2rem
}
.form-checkbox+.form-label:last-child,
.form-radio+.form-label:last-child {
display: block;
margin-bottom: -.28571rem
}
.form-checkbox+.form-label::after,
.form-radio+.form-label::after {
top: .28571rem
}
.form-checkbox+.form-label::before,
.form-radio+.form-label::before {
top: .21429rem
}
.form-actions {
margin: 0 auto;
max-width: 107.14286rem;
width: 100%;
display: block;
text-align: center
}
.form-actions:after,
.form-actions:before {
content: " ";
display: table
}
.form-actions:after {
clear: both
}
@media (min-width:551px) {
.form-actions {
margin-top: 1.6rem
}
}
.form-actions .button,
.form-actions a,
.form-actions input {
vertical-align: top;
width: 100%
}
@media (min-width:551px) {
.form-actions .button,
.form-actions a,
.form-actions input {
margin-bottom: 0;
width: auto
}
}
.form-actions .button+.button,
.form-actions .button+a,
.form-actions .button+input,
.form-actions a+.button,
.form-actions a+a,
.form-actions a+input,
.form-actions input+.button,
.form-actions input+a,
.form-actions input+input {
margin-top: .78571rem
}
@media (min-width:551px) {
.form-actions .button+.button,
.form-actions .button+a,
.form-actions .button+input,
.form-actions a+.button,
.form-actions a+a,
.form-actions a+input,
.form-actions input+.button,
.form-actions input+a,
.form-actions input+input {
margin: 0 0 0 .78571rem
}
}
.form-label--alternate {
font-family: "Open Sans", Arial, Helvetica, sans-serif;
font-size: 12px;
margin-bottom: .78571rem
}
.form-select--date {
width: initial
}
.form-select--date+.form-select--date {
margin-left: .42857rem
}
.form-select--date,
.form-select--small {
background-position: right .5rem top .5rem;
background-size: 1.28571rem;
font-size: 12px;
height: 2.42857rem;
line-height: 1rem;
max-width: 20rem;
padding: .64286rem .78571rem;
padding-right: 2rem
}
.form-select--short {
max-width: 6rem;
width: 4.5rem
}
.form-file {
margin-bottom: .5rem
}
.form-fileDescription {
color: #999;
font-size: 12px
}
.form-field-group {
border: 1px solid #ccc;
border-radius: 4px;
padding: 1.6rem
}
.form-column {
padding-left: .8rem;
padding-right: .8rem;
width: 100%;
float: left
}
@media (min-width:551px) {
.form-column {
padding-left: .8rem;
padding-right: .8rem;
width: 50%;
float: left
}
}
.form-prefixPostfix.wrap {
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.form-prefixPostfix .button,
.form-prefixPostfix .form-input {
display: block;
width: 100%
}
@media (min-width:1261px) {
.form-prefixPostfix .form-input {
width: auto
}
}
@media (min-width:1261px) {
.form-prefixPostfix .button {
width: auto
}
}
.form-prefixPostfix .form-inlineMessage {
margin-bottom: .42857rem
}
@media (min-width:1261px) {
.form-prefixPostfix .form-inlineMessage {
margin-bottom: 0
}
}
.form-prefixPostfix-button--postfix {
margin: .78571rem 0 0;
-ms-flex-order: 1;
order: 1
}
@media (min-width:1261px) {
.form-prefixPostfix-button--postfix {
margin: 0 0 0 .78571rem;
-ms-flex-order: 0;
order: 0
}
}
.form-increment .button {
margin: 0;
padding: .21429rem .35714rem
}
.form-input--incrementTotal {
border: 0;
display: inline-block;
font-size: 16px;
font-weight: 700;
height: auto;
padding: 0;
text-align: center;
vertical-align: middle;
width: 2.5rem
}
.form-option {
border: 1px solid #ccc;
color: #666;
cursor: pointer;
display: inline-block;
font-size: 0;
margin-bottom: .5rem;
margin-right: .5rem;
padding: 1px;
transition: all .15s ease
}
.form-option:hover {
border-color: #999
}
.form-radio:checked+.form-option {
border-color: #333;
box-shadow: 0 0 0 1px #333
}
.form-option-variant {
display: inline-block;
font-size: 1rem;
min-width: 2.71429rem;
padding: 1px .42857rem;
pointer-events: none;
text-align: center
}
.form-option-variant--color,
.form-option-variant--pattern {
height: 1.57143rem;
width: 1.57143rem;
min-width: initial;
padding: 0
}
@media (min-width:551px) {
.form-option-variant--color,
.form-option-variant--pattern {
pointer-events: inherit
}
}
.form-option-variant--pattern {
background-position: center;
background-repeat: no-repeat
}
.form-input--small {
font-size: 12px;
height: 2.42857rem;
line-height: 1rem;
padding: .64286rem .78571rem
}
.form-minMaxRow {
margin-left: -.4rem;
margin-right: -.4rem
}
.form-minMaxRow:after,
.form-minMaxRow:before {
content: " ";
display: table
}
.form-minMaxRow:after {
clear: both
}
.form-minMaxRow .form-field {
padding-left: .8rem;
padding-right: .8rem;
width: 33.33333%;
float: left;
margin-bottom: 0;
padding-left: .4rem;
padding-right: .4rem
}
.form-minMaxRow .button {
margin-bottom: 0;
padding-left: 0;
padding-right: 0;
width: 100%
}
@media (min-width:551px) {
.form-row--half>.form-field:nth-child(odd) {
clear: left
}
}
[data-product-attribute] .form-option {
overflow: hidden;
position: relative
}
[data-product-attribute] .form-option.unavailable {
background-color: #ddd;
opacity: .3
}
[data-product-attribute] .form-option.unavailable:before {
background-color: #000;
content: "";
height: 2px;
left: -5px;
position: absolute;
top: 11px;
transform: rotate(-45deg);
width: 141%
}
[data-product-attribute=product-list] .unavailable,
[data-product-attribute=set-radio] .unavailable {
opacity: .6;
text-decoration: line-through
}
@media (max-width:800px) {
.form-field {
margin-bottom: .78571rem
}
}
.form-field--grid-list .form-label {
color: #999
}
.form-field--grid-list .form-label * {
pointer-events: none
}
@media (max-width:800px) {
.form-field--grid-list .form-label .icon {
height: 2.85714rem;
width: 2.85714rem;
padding: .42857rem
}
}
.form-field--grid-list .form-label .icon svg {
fill: #999
}
.form-field--grid-list .form-label:focus,
.form-field--grid-list .form-label:hover {
color: #01597f
}
.form-field--grid-list .form-label:focus .icon svg,
.form-field--grid-list .form-label:hover .icon svg {
fill: #01597f
}
.form-field--grid-list input[type=radio] {
border: 0;
clip: rect(1px, 1px, 1px, 1px);
height: 1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px
}
.form-field--grid-list input[type=radio]:checked+.form-label {
color: #131313
}
.form-field--grid-list input[type=radio]:checked+.form-label .icon svg {
fill: #131313
}
.form-option {
border: 1px solid rgba(204, 204, 204, .3);
box-shadow: 0 2px 4px rgba(0, 0, 0, .1)
}
.form-radio:checked+.form-option {
border: 1px solid #ccc
}
.form-option-variant {
padding: .21429rem .78571rem
}
.form-increment {
display: inline-block;
border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc;
white-space: nowrap;
letter-spacing: -.5em;
border-radius: 4px;
overflow: hidden;
font-size: 0;
box-shadow: 0 2px 4px rgba(0, 0, 0, .1)
}
.form-increment .button {
border-radius: 0;
border-top: 0;
border-bottom: 0;
border-color: #ccc;
padding: .5rem
}
.form-increment .button:first-child {
border-top-left-radius: 4px;
border-bottom-left-radius: 4px
}
.form-increment .button:last-child {
border-top-right-radius: 4px;
border-bottom-right-radius: 4px
}
.form-increment>* {
font-size: 1rem
}
.form-input--incrementTotal {
width: 3.2rem;
box-shadow: none
}
@media (min-width:551px) {
.form-prefixPostfix .form-input {
width: auto
}
}
@media (min-width:551px) {
.form-prefixPostfix .button {
width: auto
}
}
@media (min-width:551px) {
.form-prefixPostfix-button--postfix {
margin: 0 0 0 .78571rem
}
}
.gift-certificate-form .form-column .form-field:not(.form-field-group) {
padding-left: 0;
padding-right: 0
}
[data-product-attribute] .form-option.unavailable {
opacity: 1
}
[data-product-attribute] .form-option.unavailable:before {
left: 2px;
top: calc(100% - 2px);
transform: rotate(-45deg);
transform-origin: 0;
width: calc(141% - 4px);
opacity: .3
}
[data-product-attribute] .form-option.unavailable .form-option-variant {
opacity: .3
}
.card-figure {
margin-top: 0;
position: relative
}
.card-figure:hover .card-figcaption {
opacity: 1
}
.card-img-container {
max-width: 532px
}
.card-img-container:after {
content: '';
display: block;
height: 0;
width: 100%;
padding-bottom: 100%
}
.card-figcaption {
display: none;
margin: 0;
pointer-events: none
}
@media (min-width:801px) {
.card-figcaption {
display: block
}
}
.card-figcaption-body {
display: inline-block;
pointer-events: all;
transform: translate3d(0, -50%, 0)
}
.card-image {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: auto;
border: 0;
width: auto;
max-height: 100%
}
.card-title {
font-size: 16px;
margin: 0 0 .28571rem
}
.card-title>a {
color: #666;
text-decoration: none
}
.card-title>a:hover {
color: #4db547
}
.card-text {
margin-bottom: .21429rem
}
.card-text abbr {
border: 0;
color: inherit;
font-size: inherit
}
.card-figcaption-button {
border: none;
display: block;
margin: .42857rem 0 0
}
.card-figcaption-button:active {
background-color: #000;
border: none
}
.card-figcaption-button+.card-figcaption-button {
margin: .42857rem 0 0
}
.card-body {
text-align: center
}
@media (min-width:551px) {
.card-body {
text-align: left
}
}
.card--alternate {
border: 3px solid #fff;
transition: all .15s ease
}
.card--alternate .card-body {
background-color: #fff;
padding: .78571rem;
transition: all .15s ease
}
@media (min-width:551px) {
.card--alternate .card-body {
padding: 1.6rem
}
}
.card--alternate:hover {
border-color: #01597f
}
.card--alternate:hover .card-body {
background-color: #01597f
}
.card--alternate:hover .card-body .card-text {
color: #131313
}
.card--alternate:hover .card-title>a {
color: #131313
}
.card {
margin-bottom: 0
}
.card-body {
padding: 1.21429rem .78571rem
}
@media (min-width:551px) {
.card-body {
text-align: center
}
}
.card-body .price-section-group {
font-size: 0
}
.card-body .price-section {
margin-right: 0;
padding: 0 .42857rem;
font-size: 12px;
line-height: 1.6
}
@media (min-width:801px) {
.card-body .price-section {
font-size: 1rem
}
}
.card-body .price-section--empty {
display: none
}
.card-body .price--main {
font-size: 1rem
}
@media (min-width:801px) {
.card-body .price--main {
font-size: 1.14286rem
}
}
.card-text {
margin-bottom: .42857rem
}
.card-title {
font-family: inherit;
font-weight: inherit;
font-size: .85714rem;
margin-bottom: .42857rem;
line-height: 1.6
}
@media (min-width:801px) {
.card-title {
font-size: 1rem
}
}
.card-image-link--slider {
display: block
}
.card-img-container--slider {
position: relative;
overflow: hidden
}
.card-img-container--slider .card-image {
opacity: 0;
left: -100%;
right: 100%;
transition: all .2s linear;
display: none
}
@media (min-width:801px) {
.card-img-container--slider .card-image {
display: block
}
}
.card-img-container--slider .card-image.is-active {
opacity: 1;
left: 0;
right: 0;
display: block
}
.card-img-container--slider .card-image.is-active~.card-image {
left: 100%;
right: -100%
}
.card-img-container--slider .card-image.is-active.first~.card-image-prev {
display: none
}
.card-img-container--slider .card-image.is-active.last~.card-image-next {
display: none
}
.card-image-next,
.card-image-prev {
display: none
}
@media (min-width:801px) {
.card-image-next,
.card-image-prev {
-webkit-appearance: none;
-moz-appearance: none;
border-radius: 0;
border-style: solid;
border-width: 1px;
cursor: pointer;
font-family: "Open Sans", Arial, Helvetica, sans-serif;
font-weight: 500;
line-height: normal;
margin: 0 0 1rem;
position: relative;
text-align: center;
text-decoration: none;
display: inline-block;
background-color: #fff;
border-color: #000;
color: #000;
padding: .21429rem;
border-radius: 4px;
position: absolute;
top: 50%;
pointer-events: all;
cursor: pointer;
opacity: 0
}
.card-image-next.active,
.card-image-next.is-active,
.card-image-next:focus,
.card-image-next:hover,
.card-image-prev.active,
.card-image-prev.is-active,
.card-image-prev:focus,
.card-image-prev:hover {
background-color: #000;
border-color: #000;
color: #fff
}
.card-image-next:active,
.card-image-prev:active {
background-color: #fff;
border: 1px solid #000;
color: #000
}
.card-figure:focus .card-image-next,
.card-figure:focus .card-image-prev,
.card-figure:hover .card-image-next,
.card-figure:hover .card-image-prev {
opacity: 1
}
.card-image-next .icon svg,
.card-image-prev .icon svg {
fill: #000
}
.card-image-next:focus .icon svg,
.card-image-next:hover .icon svg,
.card-image-prev:focus .icon svg,
.card-image-prev:hover .icon svg {
fill: #fff
}
}
.card-image-prev {
left: 1.6rem
}
.card-image-next {
right: 1.6rem
}
.card-image-wrapper {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
width: 100%;
height: 100%;
background: #fff;
z-index: 2
}
.card-image-wrapper+.card-image-wrapper {
opacity: .3;
transition: all .2s;
z-index: 1
}
.card-figure:hover .card-image-wrapper+.card-image-wrapper {
opacity: 1;
z-index: 3
}
.card-figcaption {
z-index: 10
}
.card-figcaption .wishlist-dropdown {
display: block;
left: auto;
right: 0;
min-width: 200px
}
.card-figcaption .wishlist-dropdown .loading {
background-color: #fff;
width: 100%;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
justify-content: center;
padding: .78571rem
}
.card-figcaption .wishlist-dropdown .loading img {
width: 35px;
height: 35px
}
.card-figcaption-body {
top: calc(100% - 1.6rem);
transform: translateY(-100%);
min-width: calc(100% - 3.2rem)
}
.card-figcaption-body .button {
display: block;
font-size: 1rem;
text-transform: uppercase;
padding: .78571rem 1.6rem
}
.card-figcaption-body .button:not([disabled]) {
border: 1px solid rgba(0, 0, 0, .8)
}
.card-figcaption-body .button:not([disabled]):focus,
.card-figcaption-body .button:not([disabled]):hover {
color: #000;
background: #fff;
border-color: #000
}
.card-figcaption-body .button[disabled] {
border: 1px solid
}
.card-figcaption-body .button--buyNow:not([disabled]) {
border-color: #01597f
}
.card-figcaption-body-alt {
position: absolute;
top: 1.6rem;
right: 1.6rem;
pointer-events: all
}
.card-figcaption-body-alt .card-figcaption-button {
padding: .21429rem;
background-color: transparent;
color: #000
}
.card-figcaption-body-alt .card-figcaption-button:first-child {
margin-top: 0
}
.card-figcaption-body-alt .card-figcaption-button input {
visibility: hidden;
width: 0;
height: 0;
overflow: hidden
}
.card-figcaption-body-alt .button--icon {
font-size: 0
}
.card-figcaption-body-alt .button--icon svg {
fill: #000
}
.card-figcaption-body-alt .button--icon input:checked~.icon svg {
fill: #01597f
}
.card-figcaption-body-alt .button--icon:hover svg {
fill: rgba(0, 0, 0, .5)
}
.card-figcaption-body-alt .icon {
height: 1.42857rem;
width: 1.42857rem
}
.theme-show-outstock-badge .card-figcaption-button--outstock {
display: none
}
@media (max-width:800px) {
.card-figcaption {
position: static;
display: block;
opacity: 1;
margin-top: .42857rem
}
.card-figcaption-body {
position: static;
transform: none
}
.card-figcaption-body .button {
font-size: .71429rem;
padding: .42857rem 1rem
}
.card-figcaption-body-alt {
display: none
}
.card-img-container {
position: relative
}
.card-body {
padding: .78571rem .42857rem
}
.card-title {
margin-bottom: .21429rem
}
.card-text {
margin-bottom: 0
}
}
.card--alternate {
border: 0
}
.card--alternate:hover .card-body {
background-color: initial
}
.card--alternate:hover .card-text {
color: inherit
}
.card--alternate:hover .card-title>a {
color: #666
}
.card--alternate:hover .card-title>a:hover {
color: #4db547
}
.navBar,
.navList {
margin-left: 0
}
.navBar-action,
.navList-action {
text-decoration: none
}
.navList-action.is-active {
font-weight: 700
}
.navList-action--checkbox {
display: inline-block;
font-size: 1rem;
font-weight: 400;
margin-bottom: .42857rem;
padding-left: 2.02857rem;
position: relative;
vertical-align: baseline;
width: 100%
}
.navList-action--checkbox::after,
.navList-action--checkbox::before {
content: "";
display: block;
position: absolute;
transition: all 50ms ease-out
}
.navList-action--checkbox::before {
background-color: #fff;
border: solid #ccc;
border-width: 1px;
box-shadow: 0 2px 4px rgba(0, 0, 0, .1);
height: 1.14286rem;
left: 0;
top: 0;
width: 1.14286rem
}
.navList-action--checkbox::after {
height: 1rem;
left: 1px;
opacity: 0;
top: 1px;
transform: scale(0);
width: 1rem
}
.navList-action--checkbox::before {
border-radius: 4px
}
.navList-action--checkbox::after {
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z' fill='rgba(51, 51, 51, 0.999)' /%3E%3C/svg%3E");
background-position: 50%;
background-repeat: no-repeat;
background-size: 100%;
color: rgba(51, 51, 51, .999);
content: "";
font-size: 1rem;
line-height: 1;
text-align: center
}
.navList-action--checkbox:after,
.navList-action--checkbox:before {
top: 50%
}
.navList-action--checkbox:before {
margin-top: -.57143rem
}
.navList-action--checkbox:after {
margin-top: -.5rem
}
.navList-action--checkbox.is-disabled {
cursor: default
}
.navList-action--checkbox.is-disabled::before {
background-color: #fff
}
.navList-action--checkbox.is-checked::after,
.navList-action--checkbox.is-selected::after {
opacity: 1;
transform: scale(1)
}
.navList-action-close {
background: #f0f0f0;
border-radius: 100%;
display: inline-block;
float: right;
line-height: 0;
opacity: 0;
padding: .28571rem;
transition: opacity .3s ease;
visibility: hidden
}
.navList-action-close .icon {
height: .92857rem;
width: .92857rem;
fill: #01597f
}
.navList-action.is-selected:hover .navList-action-close {
opacity: 1;
visibility: visible
}
.navBar--sub {
margin-bottom: 4.8rem;
text-align: center
}
.navBar--sub .navBar-section {
float: none
}
.navBar--sub .navBar-item {
float: none;
margin: 0 .78571rem
}
@media (min-width:801px) {
.navBar--sub .navBar-item {
display: inline-block
}
}
@media (min-width:801px) {
.navBar--sub .navBar-item.is-active {
border-bottom: 1px solid #131313
}
}
.navBar--sub .navBar-item.is-active>.navBar-action {
color: #666
}
@media (min-width:801px) {
.navBar--sub .navBar-item.navBar-item--separate {
border-left: 1px solid #999;
margin: 0;
padding-left: .78571rem
}
}
.navBar--sub .navBar-action {
color: #999;
font-size: 1rem;
padding: 0
}
.navBar--sub .navBar-action:hover {
color: #333
}
.navList .navList {
padding-left: 1rem;
height: 0;
transition: all .2s;
overflow: hidden;
opacity: 0
}
.navList .navList.is-open {
height: auto;
opacity: 1
}
.navList-item.has-subMenu {
position: relative
}
.navList-action {
font-size: .92857rem;
font-weight: 500;
color: #131313;
padding-top: .42857rem;
padding-bottom: .42857rem
}
.navList-action:focus,
.navList-action:hover {
color: #01597f
}
.navList-action.is-selected {
font-weight: 700
}
.navList-action .has-subMenu {
padding-right: 22px
}
.navList-toggle {
position: absolute;
top: 0;
right: 0;
font-size: 0;
padding: .42857rem 0
}
.navList-toggle svg {
transition: all .2s
}
.navList-toggle .icon {
width: 1.48571rem;
height: 1.48571rem;
padding: .21429rem;
background-color: #f0f0f0
}
.navList-toggle .icon svg {
fill: #131313
}
.navList-toggle:hover svg {
fill: #01597f
}
.navList-toggle.is-open svg {
transform: rotate(45deg)
}
@media (max-width:800px) {
.navList--mobileSelectList .navList-action {
font-size: 16px;
color: #131313
}
.navList--mobileSelectList .navList-action.is-active {
font-weight: 500;
color: #01597f;
position: relative
}
.navList--mobileSelectList .navList-action.is-active:after {
font-weight: 700;
content: '\2713';
position: absolute;
right: 0
}
}
.navBar--sub .navBar-action {
color: #01597f
}
.navBar--sub .navBar-action:focus,
.navBar--sub .navBar-action:hover {
color: #333
}
@media (max-width:800px) {
.navBar--sub {
margin-bottom: 1.6rem
}
.navBar--sub .navBar-section {
border: 1px solid #e5e5e5;
border-radius: 4px
}
.navBar--sub .navBar-item {
margin: 0;
text-align: initial;
padding: .78571rem 1rem
}
.navBar--sub .navBar-item.is-active {
font-weight: 700
}
.navBar--sub .navBar-item+.navBar-item {
border-top: 1px solid #e5e5e5
}
.navBar--sub .navBar-action {
position: relative
}
.navBar--sub .navBar-action:after {
content: '\3009';
font-weight: 700;
color: #999;
position: absolute;
right: 0;
top: 0
}
}
.loadingOverlay {
background-color: rgba(255, 255, 255, .9);
display: none;
z-index: 20
}
.icons-svg-sprite {
display: none
}
.icon,
.icon svg {
transition: all .15s ease
}
.actionBar-section .form-field {
background-color: #fff;
border: 1px solid #ccc;
border-radius: 4px;
overflow: hidden
}
.actionBar-section .form-field:hover {
border-color: #999
}
.actionBar-section .form-label {
color: #999;
font-size: 12px;
line-height: 2.28571rem;
margin-bottom: 0;
padding-left: .78571rem
}
.actionBar-section .form-input,
.actionBar-section .form-select {
border: 0;
padding-left: .21429rem;
width: auto
}
.actionBar-section .form-input,
.actionBar-section .form-label,
.actionBar-section .form-select {
display: inline-block
}
.actionBar-section .form-select {
color: #01597f;
height: 2.28571rem
}
.actionBar {
margin: 0 0 .78571rem
}
@media (min-width:801px) {
.actionBar {
margin-bottom: 1.6rem
}
}
@media (min-width:551px) {
.actionBar-headingWrapper {
display: -ms-flexbox;
display: flex;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-align: center;
align-items: center;
margin-bottom: 2.38571rem
}
}
.actionBar-headingWrapper .page-heading {
margin-bottom: .78571rem;
font-family: "Open Sans", Arial, Helvetica, sans-serif;
font-weight: 500;
font-size: 20px;
text-transform: uppercase
}
@media (min-width:551px) {
.actionBar-headingWrapper .page-heading {
margin-bottom: 0;
font-size: .92857rem
}
}
.actionBar-headingWrapper .actionBar {
display: none;
margin-top: 0;
margin-bottom: .78571rem
}
@media (min-width:551px) {
.actionBar-headingWrapper .actionBar {
display: block;
margin-bottom: 0
}
}
@media (max-width:550px) {
.actionBar-section {
margin-top: -.78571rem
}
}
@media (min-width:551px) {
.actionBar-section {
float: none
}
}
@media (min-width:801px) {
.actionBar-section {
float: right
}
}
.actionBar-section .form-field {
background-color: transparent;
text-align: right;
border: 0
}
.actionBar-section .form-field:last-child {
margin-bottom: 0
}
.actionBar-section .form-label {
font-size: .78571rem;
color: #999;
font-weight: 500;
text-transform: uppercase;
padding-left: 0
}
@media (min-width:551px) {
.actionBar-section .form-label {
font-size: .92857rem;
color: #131313
}
}
.actionBar-section .form-input {
box-shadow: none
}
.actionBar-section .form-select {
font-size: .78571rem;
color: #999;
font-weight: 500;
text-transform: uppercase;
box-shadow: none
}
@media (max-width:550px) {
.actionBar-section .form-select {
padding-right: 0;
background-position: right 0 top .5rem
}
}
@media (min-width:551px) {
.actionBar-section .form-select {
font-size: .92857rem;
color: #131313
}
}
.has-ribbon {
position: relative
}
.ribbon {
background-color: #333;
color: #fff;
cursor: default;
font-weight: 700;
margin: -.78571rem -.78571rem 0 0;
padding: .07143rem 1rem;
position: absolute;
right: 0;
text-transform: uppercase;
top: 0;
z-index: 1
}
.navUser {
position: absolute;
top: 50%;
transform: translateY(-50%);
right: 0;
top: 26px;
width: 100%;
z-index: 5
}
.navUser:after,
.navUser:before {
content: " ";
display: table
}
.navUser:after {
clear: both
}
.navUser ol,
.navUser ul {
list-style: none;
margin-left: 0;
margin: 0;
padding: 0
}
.navUser ol ol,
.navUser ol ul,
.navUser ul ol,
.navUser ul ul {
list-style: none;
margin-bottom: 0
}
.navUser ol li,
.navUser ul li {
margin: 0;
padding: 0
}
.navUser-section {
float: left
}
.navUser-section:after,
.navUser-section:before {
content: " ";
display: table
}
.navUser-section:after {
clear: both
}
.navUser-section--alt {
float: right;
margin-left: 1.6rem
}
.navUser-section+.navUser-section {
margin-left: 1.6rem
}
@media (min-width:551px) {
.navUser-item {
float: left
}
}
.navUser-action,
.navUser-item {
display: block
}
@media (min-width:801px) {
.navUser {
padding: 0 1.6rem;
position: relative;
right: auto;
top: auto;
transform: none;
z-index: 50
}
}
.navUser .dropdown-menu {
background-color: #fff;
border: 1px solid #ccc;
box-shadow: 0 1px 2px rgba(0, 0, 0, .13);
position: absolute
}
.navUser .dropdown-menu.is-open:before {
border: inset 10px;
content: "";
display: block;
height: 0;
width: 0;
border-color: transparent transparent #ccc transparent;
border-bottom-style: solid;
bottom: 100%;
left: .78571rem;
position: absolute
}
.navUser .dropdown-menu.is-open:after {
border: inset 8px;
content: "";
display: block;
height: 0;
width: 0;
border-color: transparent transparent #fff transparent;
border-bottom-style: solid;
bottom: 100%;
left: .92857rem;
position: absolute
}
@media (min-width:801px) {
.navUser-section {
position: relative
}
}
.navUser-action {
color: #01597f;
font-weight: 700;
padding: 1rem .78571rem;
text-decoration: none;
text-transform: uppercase
}
.navUser-action.is-open,
.navUser-action:hover {
color: #047bae
}
.navUser-action.is-open svg,
.navUser-action:hover svg {
fill: #047bae;
stroke: #047bae
}
.navUser-action .icon {
height: .57143rem;
width: .57143rem;
margin: -1px 0 0 .21429rem
}
.navUser-action svg {
fill: #01597f;
stroke: #01597f;
transition: all .15s ease
}
.navUser-action--currencySelector+.dropdown-menu:before {
left: auto !important;
right: .78571rem
}
.navUser-action--currencySelector+.dropdown-menu:after {
left: auto !important;
right: .92857rem
}
.navUser-action--storeCredit+.dropdown-menu {
max-width: 21.42857rem;
padding: 1.6rem
}
.navUser-action--storeCredit+.dropdown-menu:before {
left: 10rem !important
}
.navUser-action--storeCredit+.dropdown-menu:after {
left: 10.14286rem !important
}
.navUser-action-divider {
border-right: 1px solid #e5e5e5;
color: #999;
display: inline-block;
padding: 0 1.42857rem 0 0;
text-decoration: none
}
.navUser-item {
display: none
}
@media (min-width:801px) {
.navUser-item {
display: block
}
.navUser-item.navUser-item--social {
margin-top: .35714rem;
padding-right: .35714rem
}
.navUser-item.navUser-item--divider {
font-size: 1.78571rem;
margin-top: .57143rem;
padding-left: .14286rem
}
}
.navUser-item--cart {
display: block
}
.navUser-item--cart .navUser-action {
color: #01597f
}
.navUser-item--cart .navUser-action.is-open,
.navUser-item--cart .navUser-action:hover {
color: #047bae
}
.navUser-item--cart .dropdown-menu {
max-width: 22.85714rem
}
.navUser-item--cart .dropdown-menu.is-open {
top: auto !important;
left: auto !important;
right: .35714rem
}
@media (min-width:801px) {
.navUser-item--cart .dropdown-menu.is-open {
right: 0
}
}
.navUser-item--cart .dropdown-menu.is-open:after,
.navUser-item--cart .dropdown-menu.is-open:before {
left: auto
}
.navUser-item--cart .dropdown-menu.is-open:before {
right: .42857rem
}
@media (min-width:801px) {
.navUser-item--cart .dropdown-menu.is-open:before {
right: .78571rem
}
}
.navUser-item--cart .dropdown-menu.is-open:after {
right: .57143rem
}
@media (min-width:801px) {
.navUser-item--cart .dropdown-menu.is-open:after {
right: .92857rem
}
}
.navUser-item-cartLabel {
display: none
}
@media (min-width:551px) {
.navUser-item-cartLabel {
display: inline
}
}
.navUser-item--compare {
display: none
}
.navUser-item--compare.show {
display: block
}
.navUser-item--account .navUser-or+.navUser-action {
margin-right: -.5rem
}
.navUser-item--account .navUser-action {
display: inline-block
}
.navUser-or {
color: #01597f;
cursor: default;
display: inline-block;
margin: 0 -.85714rem;
padding: 0 2px;
position: relative;
z-index: 1
}
.navUser-action--quickSearch.is-open {
position: relative
}
.navUser-action--quickSearch.is-open:before {
border: inset 10px;
content: "";
display: block;
height: 0;
width: 0;
border-color: transparent transparent #e5e5e5 transparent;
border-bottom-style: solid;
bottom: 0;
left: 50%;
position: absolute;
transform: translateX(-50%)
}
.dropdown--quickSearch {
background-color: #e5e5e5;
padding: 1.6rem 0
}
@media (min-width:551px) {
.dropdown--quickSearch {
padding: 3.2rem
}
}
.dropdown--quickSearch.is-open {
left: 0 !important;
outline: 0;
right: 0 !important;
width: 100% !important;
z-index: 50
}
.dropdown--quickSearch .form {
margin: auto;
max-width: 30rem
}
.dropdown--quickSearch .form,
.dropdown--quickSearch .form-field {
margin-bottom: 0
}
.dropdown--quickSearch .form-input {
font-size: 20px;
height: unset
}
.dropdown--quickSearch .productGrid {
padding: 1.6rem 0 0
}
@media (min-width:551px) {
.dropdown--quickSearch .productGrid {
padding: 3.2rem 0 0
}
}
.countPill {
background-color: #4db547;
border-radius: 50%;
color: #fff;
display: none;
font-size: 12px;
font-weight: 700;
height: 20px;
line-height: 20px;
margin-left: .21429rem;
text-align: center;
width: 20px
}
.countPill--positive {
display: inline-block
}
.countPill--alt {
background-color: #ccc;
color: #333
}
.navUser {
transform: none;
top: 0
}
@media (max-width:800px) {
.navUser {
left: 0;
right: 0;
width: 100%;
height: 0;
z-index: 20
}
}
@media (min-width:801px) {
.navUser {
padding: 0;
position: static
}
}
.navUser .dropdown-menu {
border: 1px solid #e5e5e5;
box-shadow: 0 10px 20px rgba(0, 0, 0, .1);
outline: 0
}
.navUser .dropdown-menu.is-open:before {
border-bottom-color: #e5e5e5
}
@media (max-width:800px) {
.navUser-item--cart {
position: absolute;
top: 27.5px;
right: 0;
transform: translateY(-50%)
}
}
@media (min-width:801px) {
.navUser-item--cart .navUser-action {
display: -ms-flexbox;
display: flex
}
}
.navUser-item--cart .dropdown-menu {
min-width: 25rem;
max-width: 25rem
}
@media (min-width:801px) {
.navUser-item--cart .dropdown-menu {
max-height: calc(100vh - 55px);
overflow: auto
}
}
.navUser-item--compare {
display: block
}
@media (max-width:800px) {
.navUser-item--compare {
position: fixed;
bottom: 255px;
right: 20px
}
}
@media (max-width:800px) {
.navUser-item--search {
display: block;
position: absolute;
top: 27.5px;
left: 0;
transform: translateY(-50%)
}
}
.navUser-action {
font-weight: 400;
text-transform: none
}
.navUser-action--compare {
display: none
}
.navUser-action--compare.show {
display: -ms-flexbox;
display: flex
}
@media (max-width:800px) {
.navUser-action--compare.show {
width: 60px;
height: 60px;
border-radius: 30px;
background-color: #000;
color: #fff;
box-shadow: 0 5px 15px rgba(0, 0, 0, .3);
z-index: 10;
padding: 15px
}
.header.is-open .navUser-action--compare.show {
display: none
}
.navUser-action--compare.show .navUser-item-icon {
width: 100%;
height: 100%
}
.navUser-action--compare.show svg {
fill: #fff
}
.navUser-action--compare.show .countPill {
margin-left: 0;
position: absolute;
top: -10px;
right: -10px
}
}
.navUser-item-cartLabel {
display: none
}
.navUser-item-searchLabel {
display: none
}
.navUser-item-compareLabel {
display: none
}
.navUser-item-moreLabel {
display: none
}
.navUser-item-giftCertLabel {
display: none
}
.navUser-item-icon {
height: 1.57143rem;
width: 1.57143rem;
display: inline-block;
vertical-align: middle
}
.navUser-item-icon svg {
width: 100%;
height: 100%;
stroke: none !important
}
.countPill {
vertical-align: middle;
width: 16px;
height: 16px;
line-height: 16px;
font-size: 9px;
margin-left: -16px;
transform: translate(8px, 8px)
}
@media (min-width:801px) {
.countPill {
width: 18px;
height: 18px;
line-height: 18px;
font-size: 12px;
margin-left: -18px;
transform: translate(9px, 9px)
}
}
.navUser-panel {
background-color: #fff
}
@media (min-width:801px) {
.navUser-panel {
bottom: 0;
right: -350px;
width: 350px
}
.theme-header-sticky .navUser-panel {
z-index: 55
}
}
.navUser-panel-content {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
overflow: auto;
-webkit-overflow-scrolling: touch
}
.navUser-panel-heading~.navUser-panel-content {
top: 55px
}
@media (min-width:801px) {
.navUser-panel-heading~.navUser-panel-content {
top: 0
}
}
.navUser-section {
list-style: none;
margin-left: 0;
margin: 0;
padding: 0
}
.navUser-section ol,
.navUser-section ul {
list-style: none;
margin-bottom: 0
}
.navUser-section li {
margin: 0;
padding: 0
}
@media (min-width:801px) {
.navUser-section {
display: -ms-flexbox;
display: flex
}
.header .navUser-section {
-ms-flex-align: center;
align-items: center
}
}
.navUser-section--panel {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
padding: 1.6rem 1.6rem 0;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column
}
.navUser-section--panel .navUser-item {
margin: 0;
text-align: center;
border-top: 1px solid rgba(1, 89, 127, .1);
position: relative;
display: block
}
.navUser-section--panel .navUser-item:first-child {
margin-top: auto;
margin-bottom: auto;
border-top: 0
}
.navUser-section--panel .navUser-item--account,
.navUser-section--panel .navUser-item--account:first-child {
margin-bottom: 0
}
.navUser-section--panel .navUser-item--logout {
margin-bottom: auto
}
.navUser-section--panel .navUser-item--social {
padding: 0
}
@media (max-width:800px) {
.navUser-section--panel .navUser-item--currencies,
.navUser-section--panel .navUser-item--giftCert,
.navUser-section--panel .navUser-item--social {
display: none
}
}
.navUser-section--panel .navUser-item-heading {
color: #01597f
}
.navUser-section--panel .form-label {
color: rgba(1, 89, 127, .75)
}
.navUser-section--panel .dropdown-menu.drop-top {
max-width: none;
width: 100%;
left: 0 !important;
top: auto !important;
bottom: 100%
}
.navUser-section--panel .dropdown-menu.drop-top:after,
.navUser-section--panel .dropdown-menu.drop-top:before {
bottom: auto;
top: 100%;
transform: rotate(180deg)
}
.navUser-more-close {
position: absolute;
top: 0;
right: 0;
width: 2.85714rem;
height: 2.85714rem;
z-index: 51;
padding: .42857rem;
background-color: #fff
}
.navUser-panel-heading~.navUser-more-close {
top: 27.5px;
transform: translateY(-50%)
}
.navUser-more-close svg {
width: 100%;
height: 100%;
fill: #01597f
}
.navUser-more-close:hover svg {
fill: #047bae
}
.navUser-item--loginForm .navUser-item-heading {
margin: 0 0 .78571rem;
text-transform: uppercase
}
@media (min-width:801px) {
.navUser-item--loginForm .navUser-item-heading {
margin-bottom: 2.38571rem
}
}
.navUser-loginForm .form-label {
font-size: .92857rem;
text-transform: uppercase
}
.navUser-loginForm .button {
text-transform: uppercase
}
.navUser-loginForm a {
display: block;
text-decoration: none
}
.navUser-loginForm .form-actions .button+a {
margin: .78571rem 0 0
}
@media (min-width:801px) {
.navUser-loginForm .form-actions .button+a {
margin-top: 2.38571rem
}
}
.navUser-loginForm .form-actions a+a {
margin: .78571rem 0 0
}
.dropdown--quickSearch .productGrid {
padding-top: 2.38571rem;
margin-bottom: 0
}
.navPage-childList,
.navPages .navPage-subMenu-list {
border-left: 1px solid #e5e5e5;
margin: .42857rem .78571rem;
padding-left: .78571rem
}
.has-activeNavPages {
overflow: hidden;
-webkit-overflow-scrolling: auto
}
.navPages-container {
bottom: 0;
display: none;
height: 100%;
left: 0;
-webkit-overflow-scrolling: touch;
position: absolute;
right: 0;
z-index: 10
}
@media (min-width:801px) {
.navPages-container {
background: 0 0;
display: block;
height: auto;
padding: 0;
position: relative
}
}
.navPages-container.is-open {
display: block;
padding-top: 55px;
z-index: 0
}
.navPages {
background-color: #fff;
height: 100%;
overflow-y: auto;
padding: 1.6rem
}
@media (min-width:801px) {
.navPages {
margin: 0 auto;
max-width: 107.14286rem;
width: 100%;
background: 0 0;
font-size: 0;
overflow-y: visible;
padding: 0;
text-align: center
}
.navPages:after,
.navPages:before {
content: " ";
display: table
}
.navPages:after {
clear: both
}
.navPages:after,
.navPages:before {
content: " ";
display: table
}
.navPages:after {
clear: both
}
.navPages ol,
.navPages ul {
list-style: none;
margin-left: 0;
margin: 0;
padding: 0
}
.navPages ol ol,
.navPages ol ul,
.navPages ul ol,
.navPages ul ul {
list-style: none;
margin-bottom: 0
}
.navPages ol li,
.navPages ul li {
margin: 0;
padding: 0
}
.navPages-section {
float: left
}
.navPages-section:after,
.navPages-section:before {
content: " ";
display: table
}
.navPages-section:after {
clear: both
}
.navPages-section--alt {
float: right;
margin-left: 1.6rem
}
.navPages-section+.navPages-section {
margin-left: 1.6rem
}
}
@media (min-width:801px) and (min-width:551px) {
.navPages-item {
float: left
}
}
@media (min-width:801px) {
.navPages-action,
.navPages-item {
display: block
}
}
.navPages ul {
list-style: none
}
.navPages .navPage-subMenu-list {
border-left: 0;
list-style: none;
margin-left: 0;
padding-left: 0
}
@media (min-width:801px) {
.navPages .navPage-subMenu-list {
margin: 0 auto;
max-width: 107.14286rem;
width: 100%;
border-left: 0;
margin: auto;
padding-left: 0
}
.navPages .navPage-subMenu-list:after,
.navPages .navPage-subMenu-list:before {
content: " ";
display: table
}
.navPages .navPage-subMenu-list:after {
clear: both
}
}
.navPages-list {
margin: 0
}
@media (min-width:801px) {
.navPages-list {
display: inline-block;
float: none
}
}
.navPages-list+.navPages-list {
border-top: 1px solid #e5e5e5;
margin-top: .78571rem;
padding-top: .78571rem
}
.navPages-list-depth-max.subMenu-is-open .is-hidden {
display: none
}
@media (min-width:801px) {
.navPages-list-depth-max.subMenu-is-open .is-hidden {
display: inline-block
}
}
.navPages-list-depth-max.subMenu-is-open .navPages-item-page {
display: none
}
@media (min-width:801px) {
.navPages-list-depth-max.subMenu-is-open .navPages-item-page {
display: inline-block
}
}
@media (min-width:801px) {
.navPages-action-depth-max.has-subMenu.is-root.is-open .navPages-action-moreIcon {
transform: rotate(0)
}
}
.navPages-action-depth-max.has-subMenu.is-open {
border-bottom: 1px solid #e5e5e5;
text-align: center
}
@media (min-width:801px) {
.navPages-action-depth-max.has-subMenu.is-open {
border-bottom: 0;
text-align: left
}
}
.navPages-action-depth-max.has-subMenu.is-open .navPages-action-moreIcon {
border: solid 1px #d6cdc0;
border-radius: 4px;
float: left;
height: 35px;
margin-top: -10px;
padding: 11.7px;
transform: rotate(90deg);
width: 35px
}
@media (min-width:801px) {
.navPages-action-depth-max.has-subMenu.is-open .navPages-action-moreIcon {
height: .57143rem;
width: .57143rem;
border: 0;
border-radius: 0;
float: none;
margin-top: 0;
padding: 0;
transform: rotate(-90deg)
}
}
.navPages-action-depth-max.has-subMenu.is-open svg {
height: 9.6px;
width: 9.6px
}
@media (min-width:801px) {
.navPages-action-depth-max.has-subMenu.is-open svg {
height: 100%;
width: 100%
}
}
.navPages-action {
color: #000;
display: block;
font-size: 16px;
font-weight: 700;
padding: .78571rem 0;
text-decoration: none;
text-transform: uppercase
}
@media (min-width:801px) {
.navPages-action {
display: inline-block;
padding: .78571rem 1.21429rem 1.21429rem
}
.navPages-action.is-open {
background-color: #fff
}
.navPages-action.is-open svg {
fill: #4db547;
stroke: #4db547
}
}
.navPages-action.activePage,
.navPages-action:hover {
color: #4db547
}
.navPages-action.activePage svg,
.navPages-action:hover svg {
fill: #4db547;
stroke: #4db547
}
.navPages-action svg {
fill: #000;
stroke: #000;
transition: all .15s ease
}
.navPages-action--storeCredit {
color: #999
}
.navPages-action--compare {
display: none
}
.navPages-action--compare.show {
display: block
}
.navPages-action-moreIcon {
height: .57143rem;
width: .57143rem;
margin-left: .42857rem;
transform: rotate(-90deg)
}
@media (min-width:801px) {
.navPages-action-moreIcon {
transform: none
}
}
.has-subMenu.is-open .navPages-action-moreIcon {
transform: rotate(0)
}
.navPage-childList {
display: none
}
@media (min-width:801px) {
.navPage-childList {
border: 0;
display: block
}
}
.navPage-childList.is-open {
display: block
}
.navPage-subMenu {
display: none;
outline: 0
}
@media (min-width:801px) {
.navPage-subMenu {
background-color: #fff;
padding: 1.6rem 1.6rem 2.38571rem !important;
position: absolute;
text-align: left
}
.navPage-subMenu.is-open {
display: block;
left: 0;
width: 100%
}
.navPage-subMenu .navPages-action-moreIcon {
display: none
}
}
.navPage-subMenu.is-open {
display: block
}
@media (min-width:801px) {
.has-subMenu.is-root+.navPage-subMenu-horizontal {
border-left: 0;
height: auto;
left: inherit;
margin: auto;
top: inherit;
width: 15.35714rem
}
}
@media (min-width:801px) {
.navPage-subMenu-horizontal.is-open {
border-left: 1px solid #e5e5e5;
display: inherit;
height: auto;
margin-left: 15.35714rem;
padding: 0 !important;
top: 0;
width: 16.35714rem
}
}
@media (min-width:801px) {
.navPage-subMenu-horizontal .navPages-action-moreIcon {
display: inline-block;
transform: rotate(-90deg)
}
}
@media (min-width:801px) {
.navPage-subMenu-item {
padding-left: .8rem;
padding-right: .8rem;
width: 25%;
float: left;
padding: 0 .75rem !important
}
.navPage-subMenu-item .navPages-action {
text-transform: none;
width: 100%
}
.navPage-subMenu-item>.navPage-subMenu-action {
border-bottom: 1px solid #e5e5e5;
margin-bottom: 1.21429rem
}
}
.navPage-subMenu-item-child,
.navPage-subMenu-item-parent {
width: 100%
}
@media (min-width:801px) {
.navPage-subMenu-item-child .navPage-subMenu-action,
.navPage-subMenu-item-parent .navPage-subMenu-action {
padding-left: 1.6rem;
padding-right: 1.6rem;
width: 100%
}
.navPage-subMenu-item-child .navPage-subMenu-action.is-open,
.navPage-subMenu-item-child .navPage-subMenu-action:hover,
.navPage-subMenu-item-parent .navPage-subMenu-action.is-open,
.navPage-subMenu-item-parent .navPage-subMenu-action:hover {
background: rgba(229, 229, 229, .3);
color: #4db547;
font-weight: 500;
opacity: .3
}
}
.navPage-subMenu-action {
padding: .78571rem 0
}
@media (min-width:801px) {
.navPage-subMenu-action {
padding: .78571rem 0 1.21429rem
}
}
.navPage-childList-action {
font-weight: 400;
padding: 0 0 .42857rem
}
.navPages-quickSearch {
border-bottom: 1px solid #e5e5e5;
margin-bottom: .78571rem
}
@media (min-width:801px) {
.navPages-quickSearch {
display: none
}
}
.navPages-quickSearch>.container {
padding: 0
}
.navPages-quickSearch .form {
margin: 0
}
.navPages-quickSearch .form-field {
margin-bottom: 0
}
@media (min-width:801px) {
.navPages-list--user {
display: none
}
}
.navPages-list--user #currencySelection2 {
background-color: #fff;
border: 1px solid #e5e5e5
}
.navPages-list--user #currencySelection2 .dropdown-menu-item {
padding: 0
}
.navPages-list--user #currencySelection2 .dropdown-menu-item:not(:last-child) {
border-bottom: 1px solid #e5e5e5
}
.navPages-list--user #currencySelection2 a {
padding: .78571rem 1.6rem
}
.navPages-container {
padding-bottom: 55px
}
@media (min-width:801px) {
.navPages-container {
z-index: 50;
overflow: hidden
}
.navPages-container.initialized {
overflow: visible
}
.navPages-container.initialized .navPages {
overflow: visible
}
}
.navPages-container.is-open {
padding-top: 0;
z-index: 25
}
@media (min-width:801px) {
.navPages-list {
display: -ms-flexbox;
display: flex
}
}
@media (min-width:801px) {
.navPages-list--user {
display: none
}
}
@media (min-width:801px) {
.navPages-item {
-ms-flex-negative: 0;
flex-shrink: 0
}
}
.navPages-action {
font-size: 14px;
font-weight: 700;
letter-spacing: -.01em
}
@media (max-width:800px) {
.navPages-action.has-subMenu {
position: relative
}
}
@media (min-width:801px) {
.navPages-action {
padding-top: .78571rem;
padding-bottom: .78571rem
}
}
@media (min-width:801px) {
.navPages-list>.navPages-item>.navPages-action {
position: relative;
padding-top: 2.38571rem;
padding-bottom: 2.38571rem;
white-space: nowrap
}
.navPages-list>.navPages-item>.navPages-action:after {
content: ' ';
position: absolute;
border-bottom: 2px solid #4db547;
bottom: 2.38571rem;
left: 50%;
right: 50%;
transition: all .15s ease-in-out
}
.is-sticky .navPages-list>.navPages-item>.navPages-action {
padding-top: .78571rem;
padding-bottom: .78571rem;
transition: padding .5s ease
}
.is-sticky .navPages-list>.navPages-item>.navPages-action:after {
bottom: .78571rem
}
.header-main-container--top .navPages-list>.navPages-item>.navPages-action {
padding-top: .78571rem;
padding-bottom: .78571rem
}
.header-main-container--top .navPages-list>.navPages-item>.navPages-action:after {
bottom: .78571rem
}
}
@media (min-width:801px) {
.navPages-list>.navPages-item:hover>.navPages-action:after {
left: 1.21429rem;
right: 1.21429rem
}
}
.navPages-action-moreIcon {
margin-top: -4px
}
@media (max-width:800px) {
.navPages-action-moreIcon {
position: absolute;
right: 0;
top: 50%
}
}
@media (min-width:801px) {
.navPage-subMenu {
box-shadow: 0 15px 30px rgba(0, 0, 0, .05);
z-index: 55;
padding-top: 0 !important
}
}
@supports (-webkit-marquee-repetition:infinite) and (object-fit:fill) {
.navPage-subMenu {
box-shadow: none
}
}
.navPage-subMenu-action {
font-size: 14px;
font-weight: initial
}
@media (min-width:801px) {
.navPage-subMenu-action {
padding-top: .78571rem;
padding-bottom: .78571rem
}
.navPage-subMenu-item>.navPage-subMenu-action {
margin-bottom: .42857rem
}
}
.navPage-childList-action {
font-size: 13px;
font-weight: initial
}
@media (min-width:801px) {
.navPage-childList-action {
padding-top: .21429rem;
padding-bottom: .21429rem
}
}
@media (min-width:801px) {
.navPages {
overflow: hidden
}
}
.navPages .navPage-subMenu-list {
margin-right: 0
}
@media (min-width:801px) {
.navPages .navPage-subMenu-list {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
max-width: none
}
.navPages .navPage-subMenu-list:after,
.navPages .navPage-subMenu-list:before {
display: none
}
}
.navPage-subMenu-horizontal.is-open {
border-left: 0
}
@media (min-width:801px) {
.navPage-subMenu-item-child,
.navPage-subMenu-item-parent {
position: relative
}
.navPage-subMenu-item-child .navPage-subMenu-action.is-open,
.navPage-subMenu-item-child .navPage-subMenu-action:hover,
.navPage-subMenu-item-parent .navPage-subMenu-action.is-open,
.navPage-subMenu-item-parent .navPage-subMenu-action:hover {
font-weight: 600;
opacity: initial;
background: rgba(229, 229, 229, .3)
}
}
@media (min-width:801px) {
.navPage-subMenu-action.navPages-action-depth-max.has-subMenu,
.navPages-item-page .navPage-subMenu-action.has-subMenu {
position: relative
}
.navPage-subMenu-action.navPages-action-depth-max.has-subMenu .navPages-action-moreIcon,
.navPages-item-page .navPage-subMenu-action.has-subMenu .navPages-action-moreIcon {
margin: 0;
position: absolute;
top: 50%;
right: 1rem;
transform: translateY(-50%) rotate(-90deg)
}
}
.navPages-list--dropdown {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-pack: center;
justify-content: center;
position: absolute;
right: 9999px;
top: 100% !important;
background-color: #fff;
min-width: 17.85714rem;
box-shadow: 0 15px 30px rgba(0, 0, 0, .05);
transition: opacity .2s ease-in-out, left 0s ease .2s, right 0s ease .2s;
opacity: 0
}
.navPages-list+.navPages-list--dropdown {
margin: 0;
padding: 0
}
@media (min-width:801px) {
.navPages-list--dropdown.is-open {
opacity: 1;
left: 0 !important;
right: 0;
transition: opacity .2s ease-in-out
}
}
.navPages-list--dropdown>.navPages-item>.navPages-action {
padding-top: .78571rem;
padding-bottom: .78571rem
}
.navPages-list--dropdown>.navPages-item>.navPages-action:after {
bottom: .78571rem
}
@media (max-width:800px) {
.navPages {
overflow-y: visible;
background-color: transparent;
text-align: center
}
.navPages-container {
display: block;
background-color: #fff;
position: fixed;
top: 0;
bottom: 55px;
left: auto;
right: -100%;
width: 100%;
height: auto;
padding: 0;
box-shadow: 0 0 30px rgba(0, 0, 0, .1);
opacity: 0;
transition: all .2s ease-in-out;
z-index: 25;
background-color: #fff
}
.navPages-container.u-hiddenVisually {
position: fixed !important
}
.navPages-container.is-open {
right: 0;
opacity: 1
}
.navPages-container .navPages {
position: absolute;
top: 55px;
bottom: 0;
left: 0;
right: 0;
width: auto;
height: auto;
overflow: auto;
padding: 1.6rem;
-webkit-overflow-scrolling: touch
}
.navPages-list-depth-max.subMenu-is-open .is-hidden,
.navPages-list-depth-max.subMenu-is-open .navPages-item-page {
display: block
}
.navPages-list-depth-max.subMenu-is-open .is-hidden.navPage-subMenu-action,
.navPages-list-depth-max.subMenu-is-open .is-hidden.navPages-action,
.navPages-list-depth-max.subMenu-is-open .navPages-item-page.navPage-subMenu-action,
.navPages-list-depth-max.subMenu-is-open .navPages-item-page.navPages-action {
display: inline-block
}
.navPages-item--category {
display: none
}
.navPages-action {
display: inline-block;
padding: .78571rem 1.6rem
}
.navPages-action.is-open {
position: relative
}
.navPages-action.is-open:before {
content: '';
position: absolute;
bottom: .42857rem;
left: 1.6rem;
right: 1.6rem;
border-top: 2px solid #000
}
.navPages-action-depth-max.has-subMenu.is-open {
border: none
}
.navPages-action-moreIcon {
font-style: normal;
right: .42857rem;
opacity: .3;
transform: none;
font-size: 0;
width: auto;
height: auto;
top: 50%;
transform: translateY(-50%);
margin: 0
}
.has-subMenu.is-open .navPages-action-moreIcon {
transform: translateY(-50%)
}
.has-subMenu.is-open .navPages-action-moreIcon:before {
content: '-'
}
.navPages-action-moreIcon:before {
font-weight: 700;
content: "+";
font-size: 14px
}
.navPages-action-moreIcon svg {
display: none
}
.navPages-action-depth-max.has-subMenu.is-open .navPages-action-moreIcon {
top: 50%;
right: .42857rem;
width: auto;
height: auto;
margin: 0;
padding: 0;
border: 0;
transform: translateY(-50%)
}
.navPages .navPage-subMenu-list {
margin: 1.6rem 0
}
.navPage-childList {
margin: 1.6rem 0;
padding: 0;
border: 0
}
}
.navPages--catalogPanel {
position: static;
padding: 0;
margin: auto
}
.tags {
list-style: none;
margin-left: 0;
font-size: 0;
text-align: center
}
.tags ol,
.tags ul {
list-style: none;
margin-bottom: 0
}
.tag {
display: inline-block;
font-size: 1rem
}
.tag a {
color: #999;
display: inline-block;
padding: .42857rem .5rem;
text-decoration: none
}
.tag a:hover {
color: #333
}
.socialLinks {
list-style: none;
margin-left: 0;
margin: 0;
padding: 0;
line-height: 37px
}
.socialLinks:after,
.socialLinks:before {
content: " ";
display: table
}
.socialLinks:after {
clear: both
}
.socialLinks ol,
.socialLinks ul {
list-style: none;
margin-bottom: 0
}
.socialLinks li {
margin: 0;
padding: 0
}
.socialLinks .icon {
height: 1.42857rem;
width: 1.42857rem;
margin: 0;
text-decoration: none
}
.socialLinks .icon:hover svg {
fill: #999
}
.socialLinks .icon svg {
fill: #757575;
transition: all .15s ease
}
.google_plusone_iframe_widget {
width: inherit !important
}
.socialLinks-item--pinterest {
width: 25px
}
.pin_it_iframe_widget {
display: none
}
.socialLinks-item {
display: inline-block;
font-size: 0
}
.socialLinks .socialLinks-item {
margin-bottom: .42857rem;
margin-right: .78571rem
}
.socialLinks .socialLinks-item:last-child {
margin-right: 0
}
.socialLinks--alt .icon {
height: 1.5rem;
width: 1.5rem
}
.socialLinks--alt svg {
fill: #999
}
.socialLinks-item--facebook_like .icon {
width: auto;
overflow: hidden;
border-radius: 3px
}
.socialLinks--colors .socialLinks-item {
margin: 0 .42857rem .42857rem 0
}
.socialLinks--colors .icon {
width: 40px;
height: 40px;
padding: 10px;
border-radius: 20px
}
.socialLinks--colors .icon svg {
fill: #fff
}
.socialLinks--colors .icon:hover {
opacity: .8
}
.socialLinks--colors .icon:hover svg {
fill: #fff
}
.socialLinks--colors .icon--google_plusone {
padding-left: 0;
padding-right: 0
}
.socialLinks--colors .icon--facebook {
background-color: #4c61ac
}
.socialLinks--colors .icon--twitter {
background-color: #00bae3
}
.socialLinks--colors .icon--pinterest {
background-color: #d91a18;
width: 40px !important
}
.socialLinks--colors .icon--instagram {
background-color: #0085d7
}
.socialLinks--colors .icon--youtube {
background-color: #e20000
}
.socialLinks--colors .icon--email {
background-color: #aaa
}
.socialLinks--colors .icon--print {
background-color: #aaa
}
.socialLinks--colors .icon--google {
background-color: #da473d
}
.socialLinks--colors .icon--linkedin {
background-color: #117cb3
}
.socialLinks--colors .icon--tumbler {
background-color: #324357
}
.socialLinks--colors .icon--stumbleupon {
background-color: #8acf5c
}
.socialLinks--colors .icon--rss {
background-color: #e8762a
}
.heroCarousel {
width: 1px;
min-width: 100%;
margin-bottom: 4.8rem;
margin-top: -1.6rem
}
@media (min-width:801px) {
.heroCarousel {
margin-top: -2.6rem
}
}
.heroCarousel.slick-initialized {
max-height: 71.42857rem;
opacity: 1
}
.heroCarousel:not(.slick-initialized) :not(.heroCarousel-slide--first).heroCarousel-slide {
display: none
}
.heroCarousel .slick-next,
.heroCarousel .slick-prev {
top: 50%
}
.heroCarousel .slick-next {
right: 15px
}
@media (min-width:801px) {
.heroCarousel .slick-next {
right: 25px
}
}
.heroCarousel .slick-prev {
left: 15px
}
@media (min-width:801px) {
.heroCarousel .slick-prev {
left: 25px
}
}
.heroCarousel .slick-dots {
bottom: .5rem
}
@media (min-width:801px) {
.heroCarousel .slick-dots {
bottom: 1.6rem
}
}
.heroCarousel .slick-dots li {
background-color: #000;
background-color: transparent
}
.heroCarousel-slide {
position: relative
}
.heroCarousel-slide a {
text-decoration: none
}
@media (min-width:801px) {
.heroCarousel-slide .heroCarousel-image {
object-fit: cover;
max-height: 42.85714rem;
width: 100%
}
}
@media (min-width:801px) {
.heroCarousel-slide .heroCarousel-image-wrapper {
max-height: 42.85714rem
}
}
.heroCarousel-slide.compat-object-fit {
background-size: cover;
background-position: 50%;
background-repeat: no-repeat
}
@media (min-width:1261px) {
.heroCarousel-slide.compat-object-fit.stretch {
background-size: 100% 100%
}
}
.heroCarousel-slide.compat-object-fit .heroCarousel-image {
opacity: 0
}
.heroCarousel-content {
background-color: #fff;
padding: .78571rem 1.6rem 3.2rem;
text-align: center
}
@media (min-width:801px) {
.heroCarousel-content {
background-color: #fff;
background-color: rgba(255, 255, 255, .9);
background-color: rgba(255, 255, 255, .9);
left: 0;
margin: 0 auto;
padding: 2.4rem;
position: absolute;
right: 0;
top: 50%;
transform: translateY(-50%);
width: 50rem
}
.heroCarousel-content.heroCarousel-content--empty {
background-color: transparent
}
}
.heroCarousel-title {
color: #444;
font-size: 20px;
margin-top: 0
}
@media (min-width:801px) {
.heroCarousel-title {
font-size: 50px
}
}
.heroCarousel-description {
color: #333;
font-size: 12px
}
@media (min-width:551px) {
.heroCarousel-description {
font-size: 12px
}
}
@media (min-width:801px) {
.heroCarousel-description {
font-size: 16px
}
}
.heroCarousel-action {
margin: 0
}
@media (min-width:801px) {
.heroCarousel-action {
margin-top: 1.6rem
}
}
.heroCarousel {
margin-top: 0
}
.js .heroCarousel {
max-height: none;
opacity: 1
}
.js .heroCarousel>a+a {
display: none
}
@media (min-width:801px) {
.heroCarousel {
margin-top: -.78571rem
}
}
.heroCarousel a {
text-decoration: none
}
.heroCarousel .slick-slide {
display: block
}
@media (min-width:801px) {
.heroCarousel.slick-dotted.slick-slider {
margin-bottom: 3.2rem
}
}
.heroCarousel .slick-next,
.heroCarousel .slick-prev {
width: auto;
height: auto;
padding: .71429rem;
display: none !important
}
@media (min-width:801px) {
.heroCarousel .slick-next,
.heroCarousel .slick-prev {
display: block !important;
bottom: 1.6rem;
top: auto;
margin: 0;
transform: none;
background-color: transparent;
border: 0
}
}
.heroCarousel .slick-next:before,
.heroCarousel .slick-prev:before {
width: auto;
height: auto;
background: 0 0;
font-size: 1.42857rem;
display: inline-block;
font-weight: 900;
text-shadow: 0 0 5px #fff
}
.heroCarousel .slick-prev {
left: 0
}
@media (min-width:801px) {
.heroCarousel .slick-prev {
left: auto;
right: 50%;
margin-right: 1.6rem
}
}
.heroCarousel .slick-prev:before {
content: "\2190"
}
.heroCarousel .slick-next {
right: 0
}
@media (min-width:801px) {
.heroCarousel .slick-next {
left: 50%;
right: auto;
margin-left: 1.6rem
}
}
.heroCarousel .slick-next:before {
content: "\2192"
}
.heroCarousel .slick-dots li button {
width: .57143rem;
height: .57143rem
}
.heroCarousel .slick-dots li button:before {
width: .57143rem;
height: .57143rem;
background-color: #888;
opacity: 1
}
.heroCarousel .slick-dots {
padding: 0 .8rem
}
@media (max-width:800px) {
.heroCarousel .slick-dots {
bottom: 0
}
}
@media (min-width:801px) {
.heroCarousel .slick-dots {
max-width: 107.14286rem;
padding: 0 1.6rem;
left: 50%;
transform: translateX(-50%);
text-align: left
}
}
.heroCarousel .slick-dots .slick-active button {
width: .85714rem;
height: .85714rem;
border-color: #4db547
}
.heroCarousel .slick-dots .slick-active button:before {
width: .85714rem;
height: .85714rem;
background-color: #4db547
}
@media (max-width:800px) {
.heroCarousel-image-wrapper[data-uniform] {
padding-top: 0 !important
}
}
@media (min-width:801px) {
.heroCarousel-image-wrapper[data-uniform] {
height: 0;
overflow: hidden;
position: relative
}
.heroCarousel-image-wrapper[data-uniform] .heroCarousel-image {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
height: 100%
}
}
@media (max-width:800px) {
.heroCarousel--mobile .heroCarousel-image {
height: 350px;
object-fit: cover
}
.heroCarousel--mobile .heroCarousel-video iframe {
height: 350px
}
.heroCarousel--mobile .heroCarousel-content {
left: 0;
margin: 0 auto;
padding: .78571rem;
position: absolute;
right: 0;
top: 50%;
transform: translateY(-50%);
width: 100%
}
.heroCarousel--mobile .heroCarousel-content--empty {
background-color: transparent
}
.heroCarousel--mobile .heroCarousel-description,
.heroCarousel--mobile .heroCarousel-title {
text-shadow: -1px 0 0 #fff, -1px -1px 0 #fff, -1px 1px 0 #fff, 1px 0 0 #fff, 1px -1px 0 #fff, 1px 1px 0 #fff, 0 -1px 0 #fff, 0 1px 0 #fff
}
}
@media (min-width:801px) {
.heroCarousel-slide .heroCarousel-image-wrapper {
max-height: none
}
}
.heroCarousel-image[data-lazy] {
width: auto;
height: auto
}
@media (min-width:801px) {
.heroCarousel-slide .heroCarousel-image {
width: auto;
margin: auto
}
.heroCarousel-slide .heroCarousel-image {
max-height: none
}
}
@media all and (min-width:801px) and (-ms-high-contrast:none),
(min-width:801px) and (-ms-high-contrast:active) {
.slick-active .heroCarousel-image {
animation: none
}
}
.heroCarousel-video {
max-width: 100%
}
@media (min-width:801px) {
.heroCarousel-video {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto
}
}
.heroCarousel-video iframe {
width: 100%
}
@media (min-width:801px) {
.heroCarousel-video iframe {
width: 100%;
height: 100%
}
}
.heroCarousel-video+.heroCarousel-image {
display: none
}
.heroCarousel-content {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
padding: 1.6rem .78571rem 3.98571rem;
-ms-flex-align: center;
align-items: center
}
@media (min-width:801px) {
.heroCarousel-content {
width: 30rem;
background-color: rgba(255, 255, 255, 0)
}
.heroCarousel-content.heroCarousel-content--empty {
background-color: transparent
}
}
@media (min-width:1261px) {
.heroCarousel-content {
width: 45rem
}
}
.heroCarousel-title {
font-size: 22px;
font-family: "Open Sans";
font-weight: 600;
-ms-flex-order: 2;
order: 2;
line-height: 1;
margin-bottom: 1.6rem;
width: 100%
}
@media (min-width:801px) {
.heroCarousel-title {
font-size: 67.5px;
margin-bottom: 3.2rem
}
}
@media all and (min-width:801px) and (-ms-high-contrast:none),
(min-width:801px) and (-ms-high-contrast:active) {
.slick-active .heroCarousel-title {
animation: none;
opacity: 1
}
}
@media (min-width:1261px) {
.heroCarousel-title {
font-size: 90px
}
}
.heroCarousel-description {
font-size: 18px;
-ms-flex-order: 1;
order: 1;
margin-bottom: .78571rem;
width: 100%
}
@media (min-width:801px) {
.heroCarousel-description {
margin-bottom: 1.6rem;
font-size: 24px
}
}
@media all and (min-width:801px) and (-ms-high-contrast:none),
(min-width:801px) and (-ms-high-contrast:active) {
.slick-active .heroCarousel-description {
animation: none;
opacity: 1
}
}
.heroCarousel-action {
font-size: 12px;
line-height: 1.6;
-ms-flex-order: 3;
order: 3
}
@media (max-width:800px) {
.heroCarousel-action {
padding: .5rem
}
}
@media (min-width:801px) {
.heroCarousel-action {
font-size: 16px;
margin-top: 0
}
}
@media all and (min-width:801px) and (-ms-high-contrast:none),
(min-width:801px) and (-ms-high-contrast:active) {
.slick-active .heroCarousel-action {
animation: none;
opacity: 1
}
}
.heroCarousel-slide--1 .heroCarousel-content,
.heroCarousel-slide--3 .heroCarousel-content,
.heroCarousel-slide--5 .heroCarousel-content {
background-color: rgba(255, 255, 255, 0)
}
.heroCarousel-slide--1 .heroCarousel-title,
.heroCarousel-slide--3 .heroCarousel-title,
.heroCarousel-slide--5 .heroCarousel-title {
color: #444
}
.heroCarousel-slide--1 .heroCarousel-description,
.heroCarousel-slide--3 .heroCarousel-description,
.heroCarousel-slide--5 .heroCarousel-description {
color: #333
}
.heroCarousel-slide--2 .heroCarousel-content,
.heroCarousel-slide--4 .heroCarousel-content {
background-color: rgba(255, 255, 255, 0)
}
.heroCarousel-slide--2 .heroCarousel-title,
.heroCarousel-slide--4 .heroCarousel-title {
color: #444
}
.heroCarousel-slide--2 .heroCarousel-description,
.heroCarousel-slide--4 .heroCarousel-description {
color: #333
}
@media (min-width:801px) {
.writeReview-productDetails {
padding-left: .8rem;
padding-right: .8rem;
width: 50%;
float: left
}
}
.writeReview-productDetails .product-brand {
color: #999;
margin: 0
}
.writeReview-productDetails .product-title {
margin-top: 0
}
@media (min-width:801px) {
.writeReview-form {
padding-left: .8rem;
padding-right: .8rem;
width: 50%;
float: left
}
}
.writeReview-productImage-container {
position: relative
}
.writeReview-productImage-container img {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: auto
}
.writeReview-productImage-container:after {
content: '';
display: block;
height: 0;
width: 100%;
padding-bottom: 100%
}
.writeReview-productImage-container img {
width: 100%;
height: 100%;
object-fit: contain
}
.blocker {
background: rgba(255, 255, 255, .5);
bottom: 0;
left: 0;
position: absolute;
right: 0;
top: 0;
z-index: 500
}
.blocker-container {
position: relative
}
.textTruncate {
padding-bottom: 1.6rem;
position: relative;
transition: max-height .1s ease-out
}
.js .textTruncate {
max-height: 110px;
overflow: hidden
}
.js .textTruncate--visible {
max-height: 71.42857rem
}
.textTruncate-viewMore {
background-color: #fff;
bottom: 0;
padding-top: 10px;
position: absolute;
width: 100%
}
.toggle {
border-top: 1px solid #e5e5e5;
margin-bottom: 2.38571rem
}
.toggle:last-of-type {
margin-bottom: 4.77143rem
}
.toggle-title {
margin-bottom: 2.38571rem
}
.toggleLink {
color: #999
}
.toggleLink:hover {
color: #333
}
.toggle-title .toggleLink {
float: right;
line-height: 24px
}
.toggleLink-text {
font-size: 12px;
font-weight: 400
}
.toggleLink-text--off {
display: inline-block
}
.toggleLink.is-open .toggleLink-text--off {
display: none
}
.toggleLink-text--on {
display: none
}
.toggleLink.is-open .toggleLink-text--on {
display: inline-block
}
.toggle-content {
display: none
}
.toggle-content.is-open {
display: block
}
.toggleLink-text {
font-size: .92857rem;
color: #01597f;
text-decoration: underline
}
.toggleLink-text:focus,
.toggleLink-text:hover {
color: #333
}
.facetedSearch-toggle {
margin: 0 auto;
max-width: 107.14286rem;
width: 100%;
border: #e5e5e5 solid;
border-radius: 4px;
border-width: 1px;
display: block;
margin-bottom: 2.1rem;
padding: 1rem
}
.facetedSearch-toggle:after,
.facetedSearch-toggle:before {
content: " ";
display: table
}
.facetedSearch-toggle:after {
clear: both
}
@media (min-width:801px) {
.facetedSearch-toggle {
display: none !important
}
}
.facetedSearch-toggle.is-open {
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
margin-bottom: 0
}
.facetedSearch-toggle-indicator,
.facetedSearch-toggle-text {
display: block;
font-weight: 400
}
.facetedSearch-toggle-text {
padding-left: .8rem;
padding-right: .8rem;
width: 58.33333%;
float: left;
padding: 0;
text-align: left
}
.facetedSearch-toggle-indicator {
padding-left: .8rem;
padding-right: .8rem;
width: 41.66667%;
float: left;
font-weight: 700;
padding: 0;
text-align: right
}
.facetedSearch-navList {
display: none
}
@media (min-width:801px) {
.facetedSearch-navList {
display: block !important
}
}
.facetedSearch-navList.is-open {
display: block
}
.facetedSearch-navList.is-open .accordion--navList,
.facetedSearch-navList.is-open .accordion-block:first-child .accordion-navigation {
border-top-left-radius: 0;
border-top-right-radius: 0
}
.facetedSearch-toggle+.facetedSearch-navList,
.sidebarBlock+.facetedSearch-navList {
margin-top: 2.1rem
}
.facetedSearch-toggle+.facetedSearch-navList.is-open,
.sidebarBlock+.facetedSearch-navList.is-open {
margin-top: -1px
}
@media (min-width:801px) {
.facetedSearch-toggle+.facetedSearch-navList.is-open,
.sidebarBlock+.facetedSearch-navList.is-open {
margin-top: 2.1rem
}
}
.facetedSearch-navList .navList--inner {
margin-left: 1.6rem
}
.facet-quick-heading {
text-transform: capitalize
}
.facetedSearch-optionColumns {
column-count: 3;
column-gap: 20px
}
.facetedSearch-refineFilters {
display: none
}
@media (min-width:801px) {
.facetedSearch-refineFilters {
display: block
}
}
.facetedSearch-content--rating .is-selected {
font-weight: 700
}
.facetedSearch-refineFilters a {
font-size: .92857rem
}
.facetedSearch-clearLink {
font-size: .92857rem
}
.accordion-navigation-actions>.facetedSearch-clearLink {
color: #01597f
}
.accordion-navigation-actions>.facetedSearch-clearLink:hover {
color: #333
}
.accordion-navigation-actions>.facetedSearch-clearLink:focus {
color: #333
}
.facet-quick-heading {
margin-top: 0
}
@media (max-width:800px) {
.facetedSearch-optionColumns {
column-count: 2
}
}
.banners {
background-color: #01597f;
color: #fff;
padding: .78571rem 0;
text-align: center
}
.banners p:last-child {
margin-bottom: 0
}
.banners a {
color: #fff
}
.banner {
margin: 0 auto;
max-width: 107.14286rem;
width: 100%
}
.banner:after,
.banner:before {
content: " ";
display: table
}
.banner:after {
clear: both
}
.banner+.banner {
margin-top: 1.6rem
}
.banners {
background-color: #eee;
color: #fff;
padding-left: .8rem;
padding-right: .8rem
}
.banners a {
color: #fff
}
.facetLabel {
background: #f0f0f0;
border-radius: 4px;
padding: .21429rem .5rem .21429rem .71429rem;
text-decoration: none
}
.facetLabel .icon {
height: .85714rem;
width: .85714rem;
display: inline-block;
fill: #999;
position: relative;
top: -1px
}
.facetLabel {
color: #131313
}
.facetLabel:hover {
color: #757575
}
.facetLabel:focus {
color: #757575
}
.cookieMessage {
background: #e5e5e5;
color: #333;
display: none
}
.cookieMessage .button {
width: 100%
}
@media (min-width:801px) {
.cookieMessage .button {
vertical-align: middle;
width: 25%
}
}
@media (min-width:1261px) {
.cookieMessage .button {
vertical-align: top
}
}
.cookieMessage-container {
margin: 0 auto;
padding: 1.6rem
}
@media (min-width:801px) {
.cookieMessage-container {
width: 83.33333%
}
}
@media (min-width:1261px) {
.cookieMessage-container {
width: 58.33333%
}
}
@media (min-width:801px) {
.cookieMessage-text {
display: inline-block;
padding: 0 .78571rem;
vertical-align: middle;
width: 66.66667%
}
}
.navBar--account {
display: none
}
@media (min-width:801px) {
.navBar--account {
display: block
}
}
.account-heading {
border-bottom: 1px solid #e5e5e5;
margin: 0;
padding-bottom: 1rem
}
.chiara-stickymenu-placeholder {
display: none;
position: absolute
}
@media (min-width:801px) {
.chiara-stickymenu-placeholder {
position: static
}
.navigation-hover .navPage-subMenu.is-open {
display: none
}
}
@media (min-width:1261px) {
.navigation-hover .navPages-action.is-open {
background-color: transparent
}
.navigation-hover .navPages-action.is-open svg {
fill: #000;
stroke: #000
}
.navigation-hover .navPages-item:focus .navPages-action.is-open,
.navigation-hover .navPages-item:hover .navPages-action.is-open {
background-color: #fff
}
.navigation-hover .navPages-item:focus>.navPages-action.is-open,
.navigation-hover .navPages-item:hover>.navPages-action.is-open {
color: #4db547
}
.navigation-hover .navPages-item:focus>.navPages-action.is-open svg,
.navigation-hover .navPages-item:hover>.navPages-action.is-open svg {
fill: #4db547;
stroke: #4db547
}
.navigation-hover .navPages-item:focus .navPage-subMenu.is-open,
.navigation-hover .navPages-item:hover .navPage-subMenu.is-open {
display: block
}
.navigation-hover .navPages-item:focus .navPage-subMenu--mega2.is-open,
.navigation-hover .navPages-item:focus .navPage-subMenu--mega3.is-open,
.navigation-hover .navPages-item:focus .navPage-subMenu--mega4.is-open,
.navigation-hover .navPages-item:hover .navPage-subMenu--mega2.is-open,
.navigation-hover .navPages-item:hover .navPage-subMenu--mega3.is-open,
.navigation-hover .navPages-item:hover .navPage-subMenu--mega4.is-open {
display: -ms-flexbox;
display: flex
}
.navigation-hover .navPages-item:focus .navPage-subMenu-item-child>.navPage-subMenu.is-open,
.navigation-hover .navPages-item:hover .navPage-subMenu-item-child>.navPage-subMenu.is-open {
display: none
}
.navigation-hover .navPages-item:focus .navPage-subMenu-item-child:focus>.navPage-subMenu.is-open,
.navigation-hover .navPages-item:focus .navPage-subMenu-item-child:hover>.navPage-subMenu.is-open,
.navigation-hover .navPages-item:hover .navPage-subMenu-item-child:focus>.navPage-subMenu.is-open,
.navigation-hover .navPages-item:hover .navPage-subMenu-item-child:hover>.navPage-subMenu.is-open {
display: block
}
.navigation-hover .navPage-subMenu-item-parent,
.navigation-hover .navPage-subMenu-item:first-child {
display: none
}
.navigation-hover .navPage-subMenu-item-child .navPage-subMenu-action.is-open,
.navigation-hover .navPage-subMenu-item-parent .navPage-subMenu-action.is-open {
font-size: 14px;
font-weight: initial;
color: #000
}
.navigation-hover .navPage-subMenu-item-child:focus>.navPage-subMenu-action.is-open,
.navigation-hover .navPage-subMenu-item-child:hover>.navPage-subMenu-action.is-open,
.navigation-hover .navPage-subMenu-item-parent:focus>.navPage-subMenu-action.is-open,
.navigation-hover .navPage-subMenu-item-parent:hover>.navPage-subMenu-action.is-open {
font-weight: 600;
color: #4db547;
background: rgba(229, 229, 229, .3)
}
.navigation-hover .navPage-subMenu-item-child:focus>.navPage-subMenu-action.is-open svg,
.navigation-hover .navPage-subMenu-item-child:hover>.navPage-subMenu-action.is-open svg,
.navigation-hover .navPage-subMenu-item-parent:focus>.navPage-subMenu-action.is-open svg,
.navigation-hover .navPage-subMenu-item-parent:hover>.navPage-subMenu-action.is-open svg {
fill: #4db547;
stroke: #4db547
}
.navigation-hover .navPages-list-depth-max.subMenu-is-open .navPage-subMenu-item-parent.is-hidden {
display: none
}
}
.emthemesModez-mobile-collapse-content {
max-height: 300px;
overflow: hidden
}
@media (min-width:801px) {
.emthemesModez-mobile-collapse-content {
max-height: none;
overflow: visible
}
}
.emthemesModez-mobile-collapse-content.is-active {
max-height: none;
overflow: visible
}
.emthemesModez-mobile-collapse-handle {
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAyCAYAAACd+7GKAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAD1JREFUeNpi+P//PwMTAwMDG4hgBxEcIIILTnDDCV4QwQNngQk+VC6aEoRehHlg49kZgPb+B7EYBooACDAAxQwIU5WPeIUAAAAASUVORK5CYII=);
display: block;
height: 50px;
line-height: 50px;
margin-top: -50px;
position: relative;
text-align: center;
text-transform: uppercase
}
.emthemesModez-mobile-collapse-handle .off,
.emthemesModez-mobile-collapse-handle .on {
-webkit-appearance: none;
-moz-appearance: none;
border-radius: 0;
border-style: solid;
border-width: 1px;
cursor: pointer;
font-family: "Open Sans", Arial, Helvetica, sans-serif;
font-weight: 500;
line-height: normal;
margin: 0 0 1rem;
position: relative;
text-align: center;
text-decoration: none;
display: inline-block;
background-color: #fff;
border-color: #000;
color: #000;
font-size: 12px;
padding: .64286rem 1.6rem;
min-width: 8.57143rem
}
.emthemesModez-mobile-collapse-handle .off.active,
.emthemesModez-mobile-collapse-handle .off.is-active,
.emthemesModez-mobile-collapse-handle .off:focus,
.emthemesModez-mobile-collapse-handle .off:hover,
.emthemesModez-mobile-collapse-handle .on.active,
.emthemesModez-mobile-collapse-handle .on.is-active,
.emthemesModez-mobile-collapse-handle .on:focus,
.emthemesModez-mobile-collapse-handle .on:hover {
background-color: #000;
border-color: #000;
color: #fff
}
.emthemesModez-mobile-collapse-handle .off:active,
.emthemesModez-mobile-collapse-handle .on:active {
background-color: #fff;
border: 1px solid #000;
color: #000
}
.emthemesModez-mobile-collapse-handle .on {
display: inline-block
}
.emthemesModez-mobile-collapse-handle .off {
display: none
}
.emthemesModez-mobile-collapse-handle.is-active {
margin-top: 0
}
.emthemesModez-mobile-collapse-handle.is-active .on {
display: none
}
.emthemesModez-mobile-collapse-handle.is-active .off {
display: inline-block
}
@media (min-width:801px) {
.emthemesModez-mobile-collapse-handle {
display: none
}
}
@media (max-width:800px) {
.has-mobileSidebar {
overflow: hidden
}
.mobileSidebar-panel,
.page-sidebar.mobileSidebar-panel {
background-color: #fff;
position: fixed;
top: 0;
bottom: 55px;
left: auto;
right: -100%;
width: 100%;
height: auto;
padding: 0;
box-shadow: 0 0 30px rgba(0, 0, 0, .1);
opacity: 0;
transition: all .2s ease-in-out;
z-index: 25
}
.mobileSidebar-panel.u-hiddenVisually,
.page-sidebar.mobileSidebar-panel.u-hiddenVisually {
position: fixed !important
}
.mobileSidebar-panel.is-open,
.page-sidebar.mobileSidebar-panel.is-open {
right: 0;
opacity: 1
}
.mobileSidebar-panel #faceted-search-container,
.page-sidebar.mobileSidebar-panel #faceted-search-container {
position: absolute;
top: 55px;
bottom: 0;
left: 0;
right: 0;
width: auto;
height: auto;
overflow: auto;
padding: 1.6rem;
-webkit-overflow-scrolling: touch
}
.mobileSidebar-panel .facetedSearch-toggle {
display: none
}
.mobileSidebar-panel .facetedSearch-navList {
display: block
}
.mobileSidebar-panel .sidebarBlock--products {
display: none
}
.mobileSidebar-panel .accordion {
border: 0
}
.mobileSidebar-panel .accordion-block+.accordion-block {
margin-top: 2.1rem
}
.mobileSidebar-panel .accordion-navigation {
border: 0;
margin-bottom: .78571rem !important
}
.mobileSidebar-panel .facetedSearch-toggle+.facetedSearch-navList,
.mobileSidebar-panel .sidebarBlock+.facetedSearch-navList {
margin-top: 0
}
.mobileSidebar-panel .accordion--navList .accordion-title {
padding: 0
}
.mobileSidebar-panel .accordion--navList .accordion-navigation-actions {
right: 0;
top: 0
}
.mobileSidebar-panel .accordion--navList .accordion-content {
padding: 0
}
}
.mobileSortBy-toggle {
bottom: 175px
}
@media (min-width:801px) {
.mobileSortBy-panel {
display: none
}
}
.mobileSortBy-panel-body {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center
}
.mobileSortBy-panel-body .navList {
margin: auto 0;
width: 100%
}
.mobileSortBy-panel-body .navList-item {
text-align: center
}
@media (max-width:800px) {
.has-mobileSortBy {
overflow: hidden
}
}
.bottomBar {
position: fixed;
bottom: 0;
left: 0;
right: 0;
height: 55px;
background-color: #fff;
z-index: 50;
box-shadow: 0 0 15px rgba(0, 0, 0, .1)
}
@media (min-width:801px) {
.bottomBar {
display: none
}
}
.bottomBar-list {
list-style: none;
margin-left: 0;
margin: 0;
padding: 0;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
height: 55px
}
.bottomBar-list ol,
.bottomBar-list ul {
list-style: none;
margin-bottom: 0
}
.bottomBar-list li {
margin: 0;
padding: 0
}
.bottomBar-item {
-ms-flex: 1;
flex: 1;
text-align: center;
font-size: 0
}
.bottomBar-item-icon {
display: inline-block;
font-size: 0
}
.bottomBar-item-icon svg {
width: 1.57143rem;
height: 1.57143rem;
fill: #131313
}
.bottomBar-action.is-open .bottomBar-item-icon svg {
fill: #4db547
}
.bottomBar-item-label {
display: block;
font-size: 11px;
line-height: 1;
margin-top: .42857rem
}
.bottomBar-action {
display: inline-block;
text-decoration: none;
color: #131313
}
.bottomBar-action.is-open {
color: #4db547
}
.bottomBar-contactPanel {
position: absolute;
bottom: 0;
left: 0;
right: 0;
padding: 1.6rem;
background: #fff;
font-size: 1rem;
box-shadow: 0 4px 10px rgba(0, 0, 0, .15);
transform: rotateX(90deg);
transition: all .2s ease-in-out;
opacity: 0
}
.bottomBar-contactPanel.is-open {
bottom: 4.71429rem;
transform: none;
opacity: 1
}
.bottomBar-contactPanel:after {
content: '';
display: block;
width: 15px;
height: 15px;
transform: rotate(45deg);
transform-origin: center;
position: absolute;
bottom: -7.5px;
right: calc(30% - 7.5px);
background-color: #fff
}
.bottomBar-contactPanel ul {
margin: 0
}
.bottomBar-contactPanel li {
padding: 0 3.2rem
}
.bottomBar-contactPanel .button {
margin-bottom: .78571rem;
width: 100%;
border-radius: 1.6rem
}
.navCatalog-panel {
background-color: #fff
}
@media (min-width:801px) {
.navCatalog-panel {
display: none
}
}
.navCatalog-panel .navPages {
background-color: transparent
}
.navCatalog-panel-body {
display: -ms-flexbox;
display: flex;
-ms-flex-align: start;
align-items: flex-start;
-ms-flex-pack: center;
justify-content: center
}
.infiniteScroll .pagination {
height: 0 !important;
overflow: hidden !important;
visibility: hidden !important;
transition: all .2s ease-in
}
.infiniteScroll .pagination.is-loading {
height: 50px !important;
visibility: visible !important;
background: url(../img/loading.svg) no-repeat center center;
background-size: contain
}
.infiniteScroll .pagination.is-loading>* {
height: 0 !important;
visibility: hidden !important
}
.card-figure.loading {
position: relative
}
.card-figure.loading:after {
content: '';
background: rgba(255, 255, 255, .7) url(//cdn.nexternal.com/img/loading-18.gif) no-repeat center center;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%
}
.card-text--colorswatches {
clear: both;
font-size: 0;
line-height: 1.6;
min-height: 40px;
background: url(//cdn.nexternal.com/img/loading-40.gif) no-repeat center center
}
.card-text--colorswatches.loaded {
min-height: 0;
background: 0 0
}
.productCard-colorSwatch {
border-radius: 8px;
border: 1px solid #e5e5e5;
text-decoration: none;
margin: .42857rem 2px;
display: inline-block;
overflow: hidden
}
@media (min-width:801px) {
.productCard-colorSwatch {
border-radius: 10px;
margin: .42857rem
}
}
.productCard-colorSwatch img {
width: 18px;
height: 18px;
background: url(//cdn.nexternal.com/img/loading-18.gif) no-repeat center center
}
.productCard-colorSwatch-color {
display: inline-block;
width: 14px;
height: 14px;
vertical-align: middle
}
@media (min-width:801px) {
.productCard-colorSwatch-color {
width: 18px;
height: 18px
}
}
.pswp__img {
object-fit: contain;
font-family: 'object-fit: contain'
}
.pswp [data-video-id] img {
max-width: 100%
}
.pswp iframe {
max-width: 100%;
max-height: 100%
}
.pswp__iframe-wrapper {
width: 100%;
height: 100%;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
justify-content: center
}
.chiara-section+.chiara-section,
[data-content-region]+.chiara-section {
margin-top: 3.2rem
}
.chiara-section--products-style-parallax {
background-position: top center;
background-size: 200%;
background-repeat: no-repeat;
padding: 2.38571rem 0 0;
margin-left: -.8rem;
margin-right: -.8rem
}
@media (min-width:551px) {
.chiara-section--products-style-parallax {
background-size: 120%
}
}
@media (min-width:801px) {
.chiara-section--products-style-parallax {
width: calc(100vw - 20px);
margin-left: 50%;
margin-right: 0;
transform: translateX(-50%);
overflow: hidden;
max-width: 122.85714rem;
background-size: contain;
padding-top: 3.2rem
}
}
@media (min-width:1261px) {
.chiara-section--products-style-parallax {
padding-top: 6.4rem
}
}
.chiara-section--products-style-parallax .chiara-products {
margin-left: auto;
margin-right: auto;
max-width: none;
padding: 0 .8rem;
position: relative;
width: 100%
}
@media (min-width:801px) {
.chiara-section--products-style-parallax .chiara-products {
padding: 0 1.6rem
}
}
@media (min-width:1261px) {
.chiara-section--products-style-parallax .chiara-products {
max-width: 86.77143rem;
padding: 0 1.6rem
}
}
@media (min-width:1681px) {
.chiara-section--products-style-parallax .chiara-products {
max-width: 113.54286rem;
padding: 0 3.2rem
}
}
.chiara-section--products-style-parallax .page-heading {
color: #000;
margin-bottom: 2.38571rem
}
@media (min-width:801px) {
.chiara-section--products-style-parallax .page-heading {
margin-bottom: 3.2rem
}
}
@media (min-width:1261px) {
.chiara-section--products-style-parallax .page-heading {
margin-bottom: 6.4rem
}
}
.chiara-section--products-style-parallax .page-heading+.page-subheading {
margin-top: -1.6rem
}
@media (min-width:801px) {
.chiara-section--products-style-parallax .page-heading+.page-subheading {
margin-top: -2.38571rem
}
}
@media (min-width:1261px) {
.chiara-section--products-style-parallax .page-heading+.page-subheading {
margin-top: -5.58571rem
}
}
.chiara-section--products-style-parallax .page-subheading {
color: #000;
margin-bottom: 2.38571rem
}
@media (min-width:801px) {
.chiara-section--products-style-parallax .page-subheading {
margin-bottom: 3.2rem
}
}
@media (min-width:1261px) {
.chiara-section--products-style-parallax .page-subheading {
margin-bottom: 6.4rem
}
}
.chiara-section--products-style-parallax .card {
background-color: #fff
}
.chiara-storeOffers {
margin: 0
}
@media (min-width:551px) {
.chiara-storeOffers {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin: 0 -.8rem
}
}
.chiara-storeOffers-item {
display: -ms-flexbox;
display: flex;
-ms-flex-align: start;
align-items: flex-start
}
@media (min-width:551px) {
.chiara-storeOffers-item {
margin: 0 .8rem;
width: calc(50% - 1.6rem)
}
}
@media (min-width:801px) {
.chiara-storeOffers-item {
width: calc(25% - 1.6rem)
}
}
.chiara-storeOffers-item+.chiara-storeOffers-item {
margin-top: .78571rem
}
@media (min-width:551px) {
.chiara-storeOffers-item+.chiara-storeOffers-item {
margin-top: 0
}
}
@media (min-width:551px) {
.chiara-storeOffers-item:nth-child(2)~.chiara-storeOffers-item {
margin-top: .78571rem
}
}
@media (min-width:801px) {
.chiara-storeOffers-item:nth-child(2)~.chiara-storeOffers-item {
margin-top: 0
}
}
.chiara-storeOffers-img {
width: 60px
}
.chiara-storeOffers-img svg {
width: 60px;
height: 60px
}
.chiara-storeOffers-img.demo svg {
fill: #aaa
}
.chiara-storeOffers-content {
margin-left: 1rem
}
.chiara-storeOffers-title {
margin: .42857rem 0 0;
font-family: "Open Sans";
font-weight: 600;
font-size: 1.07143rem;
color: #01597f
}
.chiara-storeOffers-text {
font-size: .85714rem;
color: #999;
margin-bottom: 0
}
.chiara-section--lookbookBanner {
width: 100vw;
margin-left: -1.6rem
}
@media (min-width:801px) {
.chiara-section--lookbookBanner {
width: calc(100vw - 20px);
margin-left: 50%;
transform: translateX(-50%)
}
}
@media (min-width:801px) {
.chiara-lookbookBanner {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center
}
}
@media (min-width:801px) {
.chiara-lookbookBanner-img {
-ms-flex: 1;
flex: 1
}
}
.chiara-lookbookBanner-img a {
display: inline-block
}
.chiara-lookbookBanner-content {
margin-top: 1.6rem;
text-align: center;
padding: 0 1.6rem;
color: #999
}
@media (min-width:801px) {
.chiara-lookbookBanner-content {
-ms-flex: 1;
flex: 1;
margin-top: 0;
padding: 0 3.2rem;
font-size: 1.28571rem;
letter-spacing: .25em
}
}
@media (min-width:801px) {
.chiara-lookbookBanner-content p {
margin-bottom: 3.2rem
}
}
.chiara-lookbookBanner-content .button {
letter-spacing: 0
}
.chiara-lookbookBanner-title {
margin: 0 0 1.6rem;
font-family: "Open Sans";
font-weight: 500;
font-size: 2.14286rem;
line-height: 1.25;
color: #01597f;
text-transform: none
}
@media (min-width:801px) {
.chiara-lookbookBanner-title {
margin-bottom: 3.2rem;
font-size: 3.57143rem
}
}
@media (min-width:801px) {
.chiara-aboutBanner {
position: relative;
margin-left: -1.6rem;
margin-right: -1.6rem
}
}
@media (min-width:1261px) {
.chiara-aboutBanner {
width: calc(100vw - 20px);
margin-left: 50%;
transform: translateX(-50%)
}
}
.chiara-aboutBanner-img {
text-align: center
}
.chiara-aboutBanner-img a {
display: inline-block
}
@media (min-width:801px) {
.chiara-aboutBanner-content {
position: absolute;
top: 0;
width: 100.74286rem;
max-width: calc(100vw - 20px);
left: 50%;
margin-left: -50.37143rem
}
}
.chiara-aboutBanner-title {
margin: 1.6rem 0;
font-family: "Open Sans";
font-weight: 500;
font-size: 1.42857rem
}
@media (min-width:801px) {
.chiara-aboutBanner-title {
position: absolute;
left: 50%;
right: 15%;
top: 30px
}
}
@media (min-width:1261px) {
.chiara-aboutBanner-title {
top: 35px;
font-size: 1.78571rem
}
}
@media (min-width:1441px) {
.chiara-aboutBanner-title {
top: 45px;
font-size: 2.14286rem
}
}
.chiara-aboutBanner-text {
position: relative;
padding-bottom: 3.2rem
}
.chiara-aboutBanner-text:after {
content: ' ';
position: absolute;
height: 0;
left: 0;
width: 50px;
bottom: 0;
border-bottom: 5px solid #666
}
.chiara-aboutBanner-text p:last-child {
margin-bottom: 0
}
@media (min-width:801px) {
.chiara-aboutBanner-text {
position: absolute;
left: 70%;
right: 12%;
top: 270px
}
}
@media (min-width:1261px) {
.chiara-aboutBanner-text {
left: 68%;
top: 330px
}
}
@media (min-width:1441px) {
.chiara-aboutBanner-text {
left: 75%;
right: 5%;
top: 400px;
font-size: 1.14286rem
}
}
.chiara-brandsCarousel-slider:not(.slick-initialized) {
list-style: none;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
margin: 0 -.8rem;
overflow: auto;
-webkit-overflow-scrolling: touch;
-ms-overflow-style: none;
overflow: -moz-scrollbars-none
}
@media (min-width:801px) {
.chiara-brandsCarousel-slider:not(.slick-initialized) {
margin: 0;
overflow: hidden;
-ms-flex-pack: center;
justify-content: center
}
}
.chiara-brandsCarousel-slider::-webkit-scrollbar {
display: none
}
.chiara-brandsCarousel-slider.slick-slider {
overflow: visible
}
.chiara-brandsCarousel-slider .slick-next,
.chiara-brandsCarousel-slider .slick-prev {
display: none;
margin-top: 0;
top: 50%;
opacity: 0;
transition: all .2s ease-in
}
@media (min-width:801px) {
.chiara-brandsCarousel-slider .slick-next,
.chiara-brandsCarousel-slider .slick-prev {
display: block
}
}
.chiara-brandsCarousel-slider .slick-prev {
left: 0
}
@media (min-width:1441px) {
.chiara-brandsCarousel-slider .slick-prev {
left: -50px
}
}
.chiara-brandsCarousel-slider .slick-next {
right: 0
}
@media (min-width:1441px) {
.chiara-brandsCarousel-slider .slick-next {
right: -50px
}
}
.chiara-brandsCarousel-slider:focus .slick-next,
.chiara-brandsCarousel-slider:focus .slick-prev,
.chiara-brandsCarousel-slider:hover .slick-next,
.chiara-brandsCarousel-slider:hover .slick-prev {
opacity: 1
}
.chiara-brandsCarousel-item {
margin: 0 .78571rem
}
.chiara-brandsCarousel-item a {
display: block
}
.chiara-brandsCarousel-item img {
max-width: none
}
@media (min-width:801px) {
.chiara-section+.chiara-section--recentBlog,
[data-content-region]+.chiara-section--recentBlog {
margin-top: 6.4rem
}
}
.chiara-recentBlog-posts .blog-title {
font-size: 16px
}
.chiara-recentBlog-posts .blog-author,
.chiara-recentBlog-posts .blog-date {
color: #999
}
.chiara-recentBlog-posts .socialLinks {
line-height: 1
}
@media (min-width:801px) {
.chiara-recentBlog-posts .socialLinks .icon {
width: 1rem;
height: 1rem
}
}
.chiara-recentBlog-posts .socialLinks .icon--google_plusone {
width: auto;
height: auto
}
@media (min-width:551px) {
.chiara-recentBlog-posts .blog {
display: -ms-flexbox;
display: flex;
-ms-flex-align: start;
align-items: flex-start;
margin: 0 -.8rem
}
.chiara-recentBlog-posts .blog:nth-child(2n) .blog-post-figure {
-ms-flex-order: 2;
order: 2
}
.chiara-recentBlog-posts .blog:nth-child(2n) .blog-post-body {
-ms-flex-order: 1;
order: 1
}
.chiara-recentBlog-posts .blog:nth-child(2n) .addthis_toolbox,
.chiara-recentBlog-posts .blog:nth-child(2n) .blog-author,
.chiara-recentBlog-posts .blog:nth-child(2n) .blog-date,
.chiara-recentBlog-posts .blog:nth-child(2n) .blog-post,
.chiara-recentBlog-posts .blog:nth-child(2n) .blog-title {
text-align: right
}
.chiara-recentBlog-posts .blog-post-body,
.chiara-recentBlog-posts .blog-post-figure {
width: calc(49.9999% - 1.6rem);
margin: 0 .8rem
}
.chiara-recentBlog-posts .blog-post-body {
margin-top: 50px
}
.chiara-recentBlog-posts .blog-thumbnail {
margin-bottom: 0
}
}
@media (min-width:801px) {
.chiara-recentBlog-posts {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-align: start;
align-items: flex-start;
margin: 0 -.8rem
}
.chiara-recentBlog-posts .blog {
width: calc(49.9999% - 1.6rem);
margin: 0 .8rem
}
.chiara-recentBlog-posts .blog:nth-child(2n) .blog-post-figure {
-ms-flex-order: 1;
order: 1
}
.chiara-recentBlog-posts .blog:nth-child(2n) .blog-post-body {
-ms-flex-order: 2;
order: 2
}
.chiara-recentBlog-posts .blog:nth-child(2n) .addthis_toolbox,
.chiara-recentBlog-posts .blog:nth-child(2n) .blog-author,
.chiara-recentBlog-posts .blog:nth-child(2n) .blog-date,
.chiara-recentBlog-posts .blog:nth-child(2n) .blog-post,
.chiara-recentBlog-posts .blog:nth-child(2n) .blog-title {
text-align: inherit
}
.chiara-recentBlog-posts .blog:nth-child(4n+3) .blog-post-figure,
.chiara-recentBlog-posts .blog:nth-child(4n+4) .blog-post-figure {
-ms-flex-order: 2;
order: 2
}
.chiara-recentBlog-posts .blog:nth-child(4n+3) .blog-post-body,
.chiara-recentBlog-posts .blog:nth-child(4n+4) .blog-post-body {
-ms-flex-order: 1;
order: 1
}
.chiara-recentBlog-posts .blog:nth-child(4n+3) .addthis_toolbox,
.chiara-recentBlog-posts .blog:nth-child(4n+3) .blog-author,
.chiara-recentBlog-posts .blog:nth-child(4n+3) .blog-date,
.chiara-recentBlog-posts .blog:nth-child(4n+3) .blog-post,
.chiara-recentBlog-posts .blog:nth-child(4n+3) .blog-title,
.chiara-recentBlog-posts .blog:nth-child(4n+4) .addthis_toolbox,
.chiara-recentBlog-posts .blog:nth-child(4n+4) .blog-author,
.chiara-recentBlog-posts .blog:nth-child(4n+4) .blog-date,
.chiara-recentBlog-posts .blog:nth-child(4n+4) .blog-post,
.chiara-recentBlog-posts .blog:nth-child(4n+4) .blog-title {
text-align: right
}
.chiara-recentBlog-posts .blog+.blog {
margin-top: 0
}
.chiara-recentBlog-posts .blog+.blog~.blog {
margin-top: 3.2rem
}
}
.chiara-recentBlog-button {
margin: 2.38571rem 0 0;
text-align: center
}
@media (min-width:801px) {
.chiara-recentBlog-button {
margin-top: 3.2rem
}
}
@media (min-width:551px) {
.chiara-recentBlog--columns .chiara-recentBlog-posts {
display: -ms-flexbox;
display: flex;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-ms-flex-align: start;
align-items: flex-start;
margin-left: -.8rem;
margin-right: -.8rem
}
.chiara-recentBlog--columns .chiara-recentBlog-posts .blog {
width: calc(49.9999% - 1.6rem);
margin-left: .8rem;
margin-right: .8rem;
display: block
}
.chiara-recentBlog--columns .chiara-recentBlog-posts .blog:nth-child(2n) .addthis_toolbox,
.chiara-recentBlog--columns .chiara-recentBlog-posts .blog:nth-child(2n) .blog-date,
.chiara-recentBlog--columns .chiara-recentBlog-posts .blog:nth-child(2n) .blog-post,
.chiara-recentBlog--columns .chiara-recentBlog-posts .blog:nth-child(2n) .blog-title {
text-align: initial
}
}
@media all and (min-width:551px) and (-ms-high-contrast:none),
(min-width:551px) and (-ms-high-contrast:active) {
.chiara-recentBlog--columns .chiara-recentBlog-posts .blog:nth-child(2n) .addthis_toolbox,
.chiara-recentBlog--columns .chiara-recentBlog-posts .blog:nth-child(2n) .blog-date,
.chiara-recentBlog--columns .chiara-recentBlog-posts .blog:nth-child(2n) .blog-post,
.chiara-recentBlog--columns .chiara-recentBlog-posts .blog:nth-child(2n) .blog-title {
text-align: left
}
}
@media (min-width:551px) {
.chiara-recentBlog--columns .chiara-recentBlog-posts .blog+.blog {
margin-top: 0
}
.chiara-recentBlog--columns .chiara-recentBlog-posts .blog:nth-child(2)~.blog {
margin-top: 1.6rem
}
.chiara-recentBlog--columns .chiara-recentBlog-posts .blog-thumbnail:after {
height: 0;
padding-bottom: 90%
}
.chiara-recentBlog--columns .chiara-recentBlog-posts .blog-thumbnail img {
width: 100%;
height: 100%;
position: absolute;
object-fit: cover
}
.chiara-recentBlog--columns .chiara-recentBlog-posts .blog-post-figure {
margin: 0 0 1.21429rem;
width: 100%
}
.chiara-recentBlog--columns .chiara-recentBlog-posts .blog-post-body {
margin: 0;
width: 100%
}
}
@media (min-width:801px) {
.chiara-recentBlog--columns .chiara-recentBlog-posts .blog {
width: calc(24.9999% - 1.6rem)
}
.chiara-recentBlog--columns .chiara-recentBlog-posts .blog:nth-child(4n+3) .addthis_toolbox,
.chiara-recentBlog--columns .chiara-recentBlog-posts .blog:nth-child(4n+3) .blog-date,
.chiara-recentBlog--columns .chiara-recentBlog-posts .blog:nth-child(4n+3) .blog-post,
.chiara-recentBlog--columns .chiara-recentBlog-posts .blog:nth-child(4n+3) .blog-title,
.chiara-recentBlog--columns .chiara-recentBlog-posts .blog:nth-child(4n+4) .addthis_toolbox,
.chiara-recentBlog--columns .chiara-recentBlog-posts .blog:nth-child(4n+4) .blog-date,
.chiara-recentBlog--columns .chiara-recentBlog-posts .blog:nth-child(4n+4) .blog-post,
.chiara-recentBlog--columns .chiara-recentBlog-posts .blog:nth-child(4n+4) .blog-title {
text-align: initial
}
}
@media all and (min-width:801px) and (-ms-high-contrast:none),
(min-width:801px) and (-ms-high-contrast:active) {
.chiara-recentBlog--columns .chiara-recentBlog-posts .blog:nth-child(4n+3) .addthis_toolbox,
.chiara-recentBlog--columns .chiara-recentBlog-posts .blog:nth-child(4n+3) .blog-date,
.chiara-recentBlog--columns .chiara-recentBlog-posts .blog:nth-child(4n+3) .blog-post,
.chiara-recentBlog--columns .chiara-recentBlog-posts .blog:nth-child(4n+3) .blog-title,
.chiara-recentBlog--columns .chiara-recentBlog-posts .blog:nth-child(4n+4) .addthis_toolbox,
.chiara-recentBlog--columns .chiara-recentBlog-posts .blog:nth-child(4n+4) .blog-date,
.chiara-recentBlog--columns .chiara-recentBlog-posts .blog:nth-child(4n+4) .blog-post,
.chiara-recentBlog--columns .chiara-recentBlog-posts .blog:nth-child(4n+4) .blog-title {
text-align: left
}
}
@media (min-width:801px) {
.chiara-recentBlog--columns .chiara-recentBlog-posts .blog:nth-child(2)~.blog {
margin-top: 0
}
.chiara-recentBlog--columns .chiara-recentBlog-posts .blog:nth-child(4)~.blog {
margin-top: 1.6rem
}
}
.chiara-instafeed {
margin: -.21429rem;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
overflow: auto;
-webkit-overflow-scrolling: touch
}
@media (min-width:801px) {
.chiara-instafeed {
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
}
@media (min-width:801px) {
.chiara-instafeed--maxCol4 .chiara-instafeed-item {
-ms-flex-preferred-size: 25%;
flex-basis: 25%
}
.chiara-instafeed--maxCol4 .chiara-instafeed-item:nth-child(4)~.chiara-instafeed-item {
margin-top: .42857rem
}
}
@media screen and (min-width:801px) and (-ms-high-contrast:active),
(-ms-high-contrast:none) {
.chiara-instafeed--maxCol4 .chiara-instafeed-item {
-ms-flex-preferred-size: calc(25% - .42857rem);
flex-basis: calc(25% - .42857rem);
width: calc(25% - .42857rem)
}
}
@media (min-width:801px) {
.chiara-instafeed--maxCol5 .chiara-instafeed-item {
-ms-flex-preferred-size: 20%;
flex-basis: 20%
}
.chiara-instafeed--maxCol5 .chiara-instafeed-item:nth-child(5)~.chiara-instafeed-item {
margin-top: .42857rem
}
}
@media screen and (min-width:801px) and (-ms-high-contrast:active),
(-ms-high-contrast:none) {
.chiara-instafeed--maxCol5 .chiara-instafeed-item {
-ms-flex-preferred-size: calc(20% - .42857rem);
flex-basis: calc(20% - .42857rem);
width: calc(20% - .42857rem)
}
}
@media (min-width:801px) {
.chiara-instafeed--maxCol6 .chiara-instafeed-item {
-ms-flex-preferred-size: 16.66667%;
flex-basis: 16.66667%
}
.chiara-instafeed--maxCol6 .chiara-instafeed-item:nth-child(6)~.chiara-instafeed-item {
margin-top: .42857rem
}
}
@media screen and (min-width:801px) and (-ms-high-contrast:active),
(-ms-high-contrast:none) {
.chiara-instafeed--maxCol6 .chiara-instafeed-item {
-ms-flex-preferred-size: calc(16.66667% - .42857rem);
flex-basis: calc(16.66667% - .42857rem);
width: calc(16.66667% - .42857rem)
}
}
@media (min-width:801px) {
.chiara-instafeed--maxCol8 .chiara-instafeed-item {
-ms-flex-preferred-size: 12.5%;
flex-basis: 12.5%
}
.chiara-instafeed--maxCol8 .chiara-instafeed-item:nth-child(8)~.chiara-instafeed-item {
margin-top: .42857rem
}
}
@media screen and (min-width:801px) and (-ms-high-contrast:active),
(-ms-high-contrast:none) {
.chiara-instafeed--maxCol8 .chiara-instafeed-item {
-ms-flex-preferred-size: calc(12.5% - .42857rem);
flex-basis: calc(12.5% - .42857rem);
width: calc(12.5% - .42857rem)
}
}
.chiara-instafeed-item {
padding: 0 .21429rem;
-ms-flex: 1 0 40%;
flex: 1 0 40%;
width: 40%
}
@media (min-width:551px) {
.chiara-instafeed-item {
-ms-flex-preferred-size: 30%;
flex-basis: 30%
}
}
.chiara-instafeed-item a {
display: block;
width: 100%;
position: relative;
overflow: hidden
}
.chiara-instafeed-item a:after {
content: '';
height: 0;
width: 100%;
padding-top: 100%;
display: block
}
.chiara-instafeed-item img {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
width: 100%;
height: 100%;
margin: auto;
object-fit: cover;
transition: transform .5s ease-in-out
}
.chiara-instafeed-item a:hover img {
transform: scale(1.05)
}
.chiara-instagram--fullwidth {
margin-left: 50%;
width: calc(100vw - 20px);
transform: translateX(-50%);
overflow: hidden
}
.chiara-banners-list {
list-style: none;
margin: 0
}
@media (min-width:551px) {
.chiara-banners-list {
display: -ms-flexbox;
display: flex;
margin: 0 -.21429rem;
-ms-flex-pack: center;
justify-content: center
}
}
.chiara-banners-list+.chiara-banners-list {
margin-top: .42857rem
}
.chiara-banners-item {
text-align: center;
position: relative;
overflow: hidden
}
@media (min-width:551px) {
.chiara-banners-item {
margin: 0 .21429rem
}
}
.chiara-banners-item img {
transition: all .3s ease-in-out
}
.chiara-banners-item img+img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: contain
}
.chiara-banners-item a:hover img {
transform: scale(1.1);
transition: all .8s ease-in-out
}
.chiara-banners-item a:hover img+img {
transform: scale(.95);
transition: all .6s ease-in-out
}
.chiara-banners-item+.chiara-banners-item {
margin-top: .42857rem
}
@media (min-width:551px) {
.chiara-banners-item+.chiara-banners-item {
margin-top: 0
}
}
[data-local-banner-position]:not(.loaded) {
display: none
}
@media (min-width:801px) {
.chiara-categoriesList-list {
margin: 0 -.8rem;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-align: start;
align-items: flex-start
}
}
@media (min-width:801px) {
.chiara-categoriesList-item {
padding: 0 .8rem;
width: 50%
}
}
.chiara-categoriesList-item+.chiara-categoriesList-item {
margin-top: 2.38571rem
}
@media (min-width:801px) {
.chiara-categoriesList-item:nth-child(2) {
margin-top: 0
}
}
.chiara-categoriesList-name {
text-align: initial;
position: relative;
margin-bottom: 2.38571rem
}
@media all and (-ms-high-contrast:none),
(-ms-high-contrast:active) {
.chiara-categoriesList-name {
text-align: left
}
}
@media (min-width:801px) {
.chiara-categoriesList-name {
margin-bottom: 3.2rem
}
}
.chiara-categoriesList-name:after {
position: absolute;
content: '';
height: 3px;
width: 50px;
background-color: #e5e5e5;
left: 0;
bottom: -1.28571rem
}
@media (min-width:801px) {
.chiara-categoriesList-name:after {
bottom: -1.6rem
}
}
.chiara-categoriesList-name a {
color: inherit;
text-decoration: none
}
.chiara-categoriesList-name a:focus,
.chiara-categoriesList-name a:hover {
color: #01597f
}
.chiara-categoriesList-subList {
margin: 0;
list-style: none;
column-count: 2;
column-gap: 1.6rem
}
.chiara-categoriesList-subList-item a {
color: rgba(19, 19, 19, .8);
font-weight: 700;
text-decoration: none
}
.chiara-categoriesList-subList-item a:focus,
.chiara-categoriesList-subList-item a:hover {
color: #01597f
}
.chiara-categoriesList-subList-item+.chiara-categoriesList-subList-item {
margin-top: .78571rem
}
@media (min-width:801px) {
.chiara-categoriesList-subList-item+.chiara-categoriesList-subList-item {
margin-top: 1.21429rem
}
}
.chiara-categoriesList-banner {
text-align: center
}
@media (min-width:801px) {
.chiara-categoriesList--count-1 .chiara-categoriesList-item {
width: 100%
}
}
.chiara-categoriesList--hasBanner .chiara-categoriesList-item {
display: -ms-flexbox;
display: flex;
-ms-flex-align: start;
align-items: flex-start;
margin-left: -.42857rem;
margin-right: -.42857rem
}
@media (min-width:551px) {
.chiara-categoriesList--hasBanner .chiara-categoriesList-item {
margin-left: -.8rem;
margin-right: -.8rem
}
}
.chiara-categoriesList--hasBanner .chiara-categoriesList-banner {
padding: 0 .42857rem;
width: 50%
}
@media (min-width:551px) {
.chiara-categoriesList--hasBanner .chiara-categoriesList-banner {
padding: 0 .8rem
}
}
.chiara-categoriesList--hasBanner .chiara-categoriesList-content {
overflow: auto;
padding: 0 .42857rem;
width: 50%
}
@media (min-width:551px) {
.chiara-categoriesList--hasBanner .chiara-categoriesList-content {
padding: 0 .8rem
}
}
.chiara-categoriesList--hasBanner .chiara-categoriesList-subList {
column-count: 1
}
@media (min-width:801px) {
.chiara-categoriesList--count-1.chiara-categoriesList--hasBanner .chiara-categoriesList-banner {
width: 33.33334%
}
}
@media (min-width:801px) {
.chiara-categoriesList--count-1.chiara-categoriesList--hasBanner .chiara-categoriesList-content {
width: 66.66667%
}
}
@media (min-width:801px) {
.chiara-categoriesList--count-1.chiara-categoriesList--hasBanner .chiara-categoriesList-subList {
column-count: 2;
column-gap: 1.6rem
}
}
@media (min-width:1261px) {
.chiara-categoriesList--count-1.chiara-categoriesList--hasBanner .chiara-categoriesList-subList {
column-count: 3
}
}
.chiara-categoriesList--style-furniture .chiara-categoriesList-item {
margin-left: 0;
margin-right: 0;
background: #fff;
box-shadow: 0 2px 5px rgba(0, 0, 0, .15);
padding: 1.21429rem 0
}
@media (min-width:801px) {
.chiara-categoriesList--style-furniture .chiara-categoriesList-item {
width: calc(50% - 1.6rem);
margin-left: .8rem;
margin-right: .8rem
}
}
.chiara-categoriesList--style-furniture .chiara-categoriesList-name {
text-transform: uppercase
}
.chiara-categoriesList--style-furniture .chiara-categoriesList-subList-item a {
text-transform: uppercase
}
.chiara-categoriesList--style-furniture .chiara-categoriesList-content {
padding: 0 .42857rem
}
@media (min-width:551px) {
.chiara-categoriesList--style-furniture .chiara-categoriesList-content {
padding: 0 1.6rem
}
}
@media (min-width:801px) {
.chiara-categoriesList--style-furniture.chiara-categoriesList--count-1 .chiara-categoriesList-item {
width: calc(100% - 1.6rem)
}
}
@media (min-width:801px) {
.chiara-categoriesList--style-furniture.chiara-categoriesList--hasBanner .chiara-categoriesList-item {
padding: 3.2rem 0
}
}
@media (min-width:551px) {
.chiara-categoriesList--style-furniture.chiara-categoriesList--hasBanner .chiara-categoriesList-content {
padding: 0 .8rem
}
}
.chiara-categoriesList--style-fashion .chiara-categoriesList-banner img {
box-shadow: 10px 10px 30px rgba(0, 0, 0, .15)
}
@media (min-width:801px) {
.chiara-categoriesList--style-fashion .chiara-categoriesList-banner img {
box-shadow: 15px 15px 40px rgba(0, 0, 0, .1)
}
}
.chiara-categoriesList--style-fashion .chiara-categoriesList-name {
text-transform: uppercase
}
.chiara-categoriesList--style-fashion.chiara-categoriesList--hasBanner .chiara-categoriesList-name {
margin-top: .78571rem
}
@media (min-width:801px) {
.chiara-categoriesList--style-fashion.chiara-categoriesList--hasBanner .chiara-categoriesList-name {
margin-top: 2.38571rem
}
}
@media (min-width:801px) {
.chiara-categoriesList--style-fashion.chiara-categoriesList--hasBanner .chiara-categoriesList-banner {
width: 60%
}
.chiara-categoriesList--style-fashion.chiara-categoriesList--hasBanner .chiara-categoriesList-content {
width: 40%
}
}
@media (min-width:801px) {
.chiara-categoriesList--style-fashion.chiara-categoriesList--hasBanner.chiara-categoriesList--count-1 .chiara-categoriesList-banner {
width: 33.33334%
}
.chiara-categoriesList--style-fashion.chiara-categoriesList--hasBanner.chiara-categoriesList--count-1 .chiara-categoriesList-content {
width: 66.66667%
}
}
@media (min-width:801px) {
.productView-alsoBought {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-align: start;
align-items: flex-start
}
}
@media (min-width:801px) {
.productView-alsoBought-heading {
width: 100%
}
}
@media (min-width:801px) {
.productView-alsoBought-list {
width: 100%
}
}
.productView-alsoBought-item+.productView-alsoBought-item {
margin-top: .78571rem
}
.productView-alsoBought-item._parent .productView-alsoBought-item-title {
color: inherit
}
.productView-alsoBought-item-form {
overflow: hidden;
height: 0
}
.productView-alsoBought-item-form.is-open {
overflow: visible;
height: auto
}
.productView-alsoBought-item-check {
display: inline-block
}
.productView-alsoBought-item-check .form-field {
margin: 0
}
.productView-alsoBought-item-check .form-label {
color: inherit;
opacity: .4
}
.productView-alsoBought-item-check .form-label.is-checked,
.productView-alsoBought-item-check .form-label:focus,
.productView-alsoBought-item-check .form-label:hover {
opacity: 1
}
.productView-alsoBought-item-title {
display: inline;
margin-right: .78571rem;
font-weight: 700;
color: #01597f
}
.productView-alsoBought-item-price {
display: inline
}
.productView-alsoBought-item-price .price-section-group {
display: inline
}
.productView-alsoBought-item-price .price-section {
display: inline;
margin-right: .78571rem
}
.productView-alsoBought-item-price .price-section [style] abbr[title] {
border-bottom: 0
}
.productView-alsoBought-item-price .price-section--saving {
display: none !important
}
.productView-alsoBought-item-price .price--main {
font-weight: 700
}
.productView-alsoBought-item-price [itemprop=priceSpecification] {
display: inline
}
.productView-alsoBought-item-formToggle {
display: inline-block;
text-transform: uppercase;
font-size: 12px;
line-height: 1.35;
font-weight: 700
}
.productView-alsoBought-item-formToggle a {
text-decoration: none
}
.productView-alsoBought-item-formToggle a.is-open .icon {
transform: rotate(180deg)
}
.productView-alsoBought-item-formToggle .icon {
width: 8px;
height: 8px;
vertical-align: middle;
margin: 0 0 .21429rem .21429rem
}
.productView-alsoBought-item-formToggle .icon svg {
fill: #01597f
}
.productView-alsoBought-item-form .form {
margin-bottom: 0
}
.productView-alsoBought-item-form .form-label--alternate {
margin-bottom: .42857rem
}
.productView-alsoBought-item-form .emthemesModez-productView-optionsGrid .form-field {
margin-bottom: .78571rem
}
.productView-alsoBought-item-form .emthemesModez-productView-optionsGrid .form-field[data-product-attribute=set-rectangle],
.productView-alsoBought-item-form .emthemesModez-productView-optionsGrid .form-field[data-product-attribute=swatch] {
margin-bottom: .42857rem
}
.productView-alsoBought-item-form .emthemesModez-productView-optionsGrid .form-field[data-product-attribute=input-checkbox] {
margin-bottom: 1.21429rem
}
.productView-alsoBought-item-form .emthemesModez-productView-optionsGrid .form-field[data-product-attribute=input-checkbox] .form-label--alternate {
margin-bottom: 0
}
.productView-alsoBought-item-form .emthemesModez-productView-optionsGrid .form-field:after,
.productView-alsoBought-item-form .emthemesModez-productView-optionsGrid .form-field:before {
display: none
}
.productView-alsoBought-item-form .emthemesModez-productView-optionsGrid .form-field--increments {
margin-bottom: 0
}
.productView-alsoBought-item-form.is-open {
padding: 1.6rem;
margin: .78571rem 0 1.6rem;
border: 2px solid #e5e5e5
}
.productView-alsoBought-thumbnails {
margin: .78571rem 0;
white-space: nowrap;
overflow: auto;
-webkit-overflow-scrolling: touch
}
@media (min-width:801px) {
.productView-alsoBought-thumbnails {
white-space: normal;
overflow: visible;
margin-right: 1.6rem;
max-width: calc(100% - 15.88571rem)
}
}
.productView-alsoBought-thumbnail-item {
display: inline-block;
position: relative;
margin-bottom: .78571rem
}
.is-checked~.productView-alsoBought-thumbnail-item {
padding-left: 30px
}
.is-checked~.productView-alsoBought-thumbnail-item:before {
content: '+';
font-weight: 700;
font-size: 18px;
position: absolute;
left: 8px;
top: 50%;
transform: translateY(-50%)
}
.productView-alsoBought-thumbnail-item:not(.is-checked) {
display: none
}
.productView-alsoBought-thumbnail-label {
border: 2px solid #e5e5e5;
display: block;
padding: 2px;
cursor: pointer
}
.productView-alsoBought-thumbnail-label.is-checked {
border-color: #999
}
.productView-alsoBought-buttons {
display: none;
margin-bottom: .5rem;
text-align: center
}
.productView-alsoBought-buttons.show {
display: inline-block
}
@media (min-width:801px) {
.productView-alsoBought-buttons {
margin: 1.6rem 0 0;
width: 14.28571rem
}
}
.productView-alsoBought-total {
margin-bottom: .42857rem
}
.productView-alsoBought-total .price {
color: #01597f;
font-size: 1rem;
font-weight: 700
}
@media (min-width:801px) {
.productView-alsoBought-total .price {
font-size: 1.14286rem
}
}
.productView-alsoBought-inline {
display: inline
}
.container {
margin-left: auto;
margin-right: auto;
max-width: 113.54286rem;
padding: 0 1.6rem;
position: relative;
width: 100%
}
@media (min-width:1261px) {
.container {
padding: 0 6.4rem
}
}
.container,
.header-main-container {
margin-left: auto;
margin-right: auto;
max-width: none;
padding: 0 .8rem;
position: relative;
width: 100%
}
@media (min-width:801px) {
.container,
.header-main-container {
padding: 0 1.6rem
}
}
@media (min-width:1261px) {
.container,
.header-main-container {
max-width: 86.77143rem;
padding: 0 1.6rem
}
}
@media (min-width:1681px) {
.container,
.header-main-container {
max-width: 113.54286rem;
padding: 0 3.2rem
}
}
.container .container {
padding-left: 0;
padding-right: 0
}
.header {
background-color: #fff;
border-bottom: 1px solid #e5e5e5;
position: fixed;
top: 37px;
width: 100%;
z-index: 100
}
@media (min-width:801px) {
.header {
border-bottom: 1px solid #e5e5e5;
overflow: visible;
position: relative
}
}
.header.is-open {
height: 100%
}
@media (min-width:801px) {
.header.is-open {
height: auto
}
}
.header-logo {
font-size: 0;
margin: 0 3.92857rem;
text-align: center
}
@media (min-width:551px) {
.header-logo {
margin-left: 5.89286rem;
margin-right: 5.89286rem
}
}
@media (min-width:801px) {
.header-logo {
margin: 4.2rem auto 4.8rem;
padding: 0
}
.header.fixed .header-logo {
background-color: #e5e5e5;
margin: 0;
padding: .42857rem 0;
position: absolute;
top: 0;
width: 100%
}
}
.header-logo>a {
color: #000;
display: inline-block;
padding: .42857rem 0;
position: relative;
text-decoration: none;
width: 60%;
z-index: 20
}
.header-logo>a:after,
.header-logo>a:before {
content: " ";
display: table
}
.header-logo>a:after {
clear: both
}
@media (min-width:801px) {
.header-logo>a {
background: 0 0;
border-bottom: 0;
display: inline;
padding: 0;
width: 100%
}
}
.header-logo>a:hover {
color: #757575
}
.header-logo>a:active {
color: #757575
}
@media (min-width:801px) {
.header-logo--left {
margin-left: 2.85714rem
}
}
.header-logo--left .header-logo-image {
right: unset
}
.header-logo--right {
text-align: right
}
@media (min-width:801px) {
.header-logo--right {
margin-right: 2.85714rem
}
}
.header-logo--right .header-logo-image {
left: unset
}
.header-logo-text {
display: block;
font-family: "Open Sans", Arial, Helvetica, sans-serif;
font-size: 20px;
font-weight: 600;
letter-spacing: .14286rem;
margin-left: auto;
margin-right: auto;
overflow: hidden;
padding: .21429rem 0;
text-overflow: ellipsis;
text-transform: uppercase;
white-space: nowrap
}
@media (min-width:551px) {
.header-logo-text {
font-size: 22px;
padding-bottom: 0;
padding-top: 0
}
}
@media (min-width:801px) {
.header-logo-text {
display: inline;
font-size: 28px;
margin-left: 0;
margin-right: -.14286rem;
max-width: none;
overflow: auto;
white-space: normal
}
.header.fixed .header-logo-text {
font-size: 30px
}
}
.header-logo-image-container {
position: relative
}
.header-logo-image-container:after {
content: '';
display: block;
padding-bottom: 3.07143rem
}
@media (min-width:801px) {
.header-logo-image-container:after {
padding-bottom: 50px
}
}
.header-logo-image {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: auto;
max-height: 3.07143rem;
max-width:250px
}
@media (min-width:801px) {
.header-logo-image {
max-height: none
}
}
.header-logo-image-unknown-size {
max-height: 3.07143rem
}
@media (min-width:801px) {
.header-logo-image-unknown-size {
max-height: none
}
}
.mobileMenu-toggle {
height: 3.92857rem;
width: 3.92857rem;
display: inline-block;
font-size: 0;
left: 0;
overflow: hidden;
padding: 0 1.28571rem;
position: absolute;
z-index: 50
}
@media (min-width:801px) {
.mobileMenu-toggle {
display: none
}
}
.mobileMenu-toggle .mobileMenu-toggleIcon,
.mobileMenu-toggle .mobileMenu-toggleIcon::after,
.mobileMenu-toggle .mobileMenu-toggleIcon::before {
background: #01597f;
content: "";
display: block;
height: 2px;
position: absolute;
transform: rotate(0);
transition: transform .1s ease-in, top .1s ease-in 150ms, bottom .1s ease-in 150ms;
width: 1.42857rem
}
.mobileMenu-toggle .mobileMenu-toggleIcon {
top: 1.92857rem;
transition: background-color 10ms ease-in .1s
}
.mobileMenu-toggle .mobileMenu-toggleIcon::before {
top: -.5rem
}
.mobileMenu-toggle .mobileMenu-toggleIcon::after {
bottom: -.5rem
}
.mobileMenu-toggle.is-open .mobileMenu-toggleIcon {
background-color: transparent;
transition-delay: .1s
}
.mobileMenu-toggle.is-open .mobileMenu-toggleIcon::after,
.mobileMenu-toggle.is-open .mobileMenu-toggleIcon::before {
background-color: #01597f;
bottom: auto;
top: auto;
transition: transform .1s ease-in 150ms, top .1s ease-in, bottom .1s ease-in
}
.mobileMenu-toggle.is-open .mobileMenu-toggleIcon::before {
top: 0;
transform: rotate(45deg)
}
.mobileMenu-toggle.is-open .mobileMenu-toggleIcon::after {
bottom: 0;
transform: rotate(-45deg)
}
.header {
z-index: 20;
box-shadow: 0 0 15px rgba(0, 0, 0, .1)
}
@media (min-width:801px) {
.header {
box-shadow: none
}
}
.header.is-open .header-main {
border-bottom: 1px solid #e5e5e5
}
.header.is-sticky {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: auto;
z-index: 50;
background-color: #fff;
box-shadow: 0 2px 10px rgba(0, 0, 0, .1)
}
.header.is-sticky+.chiara-stickymenu-placeholder {
display: block
}
@supports (-webkit-marquee-repetition:infinite) and (object-fit:fill) {
.header.is-sticky {
box-shadow: 0 100vh 0 transparent
}
}
@media (max-width:800px) {
.header-logo a {
width: 100%;
min-height: 55px;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center
}
}
@media (max-width:800px) {
.header-logo-text {
letter-spacing: 0
}
}
@media (min-width:801px) {
.navPages-container {
position: static
}
}
.header-main-container {
position: static
}
@media (min-width:801px) {
.header-main-container {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
margin-left: auto;
margin-right: auto;
position: relative;
width: 100%;
padding-top: 0;
padding-bottom: 0
}
.header-main-container .header-logo {
margin: 0
}
.header-main-container .navPages-container {
-ms-flex-order: 2;
order: 2;
margin: 0 auto;
padding: 0 1.6rem
}
.header-main-container .navUser {
-ms-flex-order: 3;
order: 3;
margin: 0;
width: auto
}
}
@media (min-width:801px) {
.header-main-container--left .header-logo {
-ms-flex-order: 1;
order: 1
}
}
@media (min-width:801px) {
.header-main-container--right .header-logo {
-ms-flex-order: 4;
order: 4
}
}
@media (min-width:801px) {
.header-main-container--right .navPages-container {
-ms-flex-order: 3;
order: 3
}
}
@media (min-width:801px) {
.header-main-container--right .navUser {
-ms-flex-order: 1;
order: 1
}
}
@media (min-width:801px) {
.header-main-container--right .navUser--alt {
-ms-flex-order: 2;
order: 2
}
}
@media (min-width:801px) {
.header-main-container--center .header-logo {
-ms-flex-order: 2;
order: 2;
width: 250px;
margin-left: 0;
margin-right: auto
}
}
@media (min-width:801px) {
.header-main-container--center .navPages-container {
-ms-flex-order: 1;
order: 1;
width: calc(50% - 250px/2);
padding: 0;
margin-left: -1.21429rem;
margin-right: 1.21429rem
}
}
@media (min-width:801px) {
.header-main-container--center .navPages {
text-align: left
}
}
@media (min-width:801px) {
.header-main-container--center .navUser {
-ms-flex-order: 3;
order: 3;
width: auto;
margin-left: 0;
margin-right: 0
}
}
@media (min-width:801px) {
.header-main-container--center .navUser--alt {
margin-left: auto
}
}
.header-main-container--center .navUser-section {
float: right
}
@media (min-width:801px) {
.header-main-container--top {
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-align: center;
align-items: center
}
.header-main-container--top .header-logo {
-ms-flex-order: 2;
order: 2;
margin: 0;
width: calc(100% - 600px);
text-align: center;
padding: .78571rem 0
}
.is-sticky .header-main-container--top .header-logo {
padding: 0
}
.header-main-container--top .header-logo-image-container {
display: inline-block
}
.header-main-container--top .navPages-container {
width: 100%;
-ms-flex-order: 4;
order: 4
}
.header-main-container--top .navUser {
-ms-flex-order: 3;
order: 3;
width: 300px;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: end;
justify-content: flex-end
}
.header-main-container--top .navUser--alt {
-ms-flex-order: 1;
order: 1;
-ms-flex-pack: start;
justify-content: flex-start
}
.header-main-container--top .navPages-list--main {
display: -ms-flexbox;
display: flex;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-ms-flex-pack: center;
justify-content: center
}
}
.header-logo-image-container {
width: 250px;
max-width: 100%;
margin: auto
}
.header-logo-image-container:after {
transition: all .3s linear
}
@media (min-width:801px) {
.header-logo-image-container {
max-width: none
}
.is-sticky .header-logo-image-container {
margin: .21429rem 0
}
.is-sticky .header-logo-image-container:after {
padding-bottom: 3.07143rem
}
}
.header-logo-image {
height: 100%;
transition: all .5s ease;
object-fit: contain
}
.header-logo--left .header-logo-image {
transform-origin: left center
}
.header-logo--right .header-logo-image {
transform-origin: right center
}
.header-top {
display: none;
border-bottom: 1px solid rgba(1, 89, 127, .1);
padding: .5rem 0;
color: #01597f
}
.is-sticky .header-top {
padding-top: 0;
padding-bottom: 0
}
@media (min-width:801px) {
.header-top {
display: block
}
}
.header-top-container {
margin-left: auto;
margin-right: auto;
max-width: none;
padding: 0 .8rem;
position: relative;
width: 100%
}
@media (min-width:801px) {
.header-top-container {
padding: 0 1.6rem
}
}
@media (min-width:1261px) {
.header-top-container {
max-width: 86.77143rem;
padding: 0 1.6rem
}
}
@media (min-width:1681px) {
.header-top-container {
max-width: 113.54286rem;
padding: 0 3.2rem
}
}
.header-top-list {
list-style: none;
margin: 0;
display: -ms-flexbox;
display: flex
}
.header-top-item {
margin: auto 0;
-ms-flex-order: 15;
order: 15;
border-left: 1px solid rgba(1, 89, 127, .1);
text-align: center
}
.header-top-item:first-child {
border-left: 0;
margin-left: auto
}
.header-top-item .dropdown-menu {
top: calc(100% + .42857rem) !important;
z-index: 60
}
.header-top-item .dropdown-menu:focus {
outline: 0
}
.header-top-item--phone {
-ms-flex-order: 1;
order: 1;
margin-left: 0 !important
}
.header-top-item--phone+.header-top-item {
margin-left: auto
}
.header-top-item--address {
-ms-flex-order: 5;
order: 5;
margin-left: 0 !important
}
.header-top-item--address+.header-top-item {
margin-left: auto
}
.header-top-item--banner {
margin: auto;
-ms-flex-order: 10;
order: 10;
padding: 0 .78571rem;
border-left: 0
}
.header-top-item--banner .banner:last-child p:last-child {
margin-bottom: 0
}
.header-top-action {
color: #01597f;
text-decoration: none;
padding: .42857rem .78571rem;
display: inline-block;
line-height: 1.15
}
.header-top-action:hover {
color: #047bae
}
.header-top-action:hover .icon svg {
fill: #047bae
}
.header-top-action .icon {
height: .57143rem;
width: .57143rem;
margin-left: .42857rem;
margin-top: -2px
}
.header-top-action .icon svg {
fill: #01597f
}
@media (max-width:800px) {
.page-type-account_addressbook .header-main-container,
.page-type-account_inbox .header-main-container,
.page-type-account_order .header-main-container,
.page-type-account_orderstatus .header-main-container,
.page-type-account_recentitems .header-main-container,
.page-type-account_returns .header-main-container,
.page-type-accountcreated .header-main-container,
.page-type-blog .header-main-container,
.page-type-brand .header-main-container,
.page-type-brands .header-main-container,
.page-type-cart .header-main-container,
.page-type-category .header-main-container,
.page-type-createaccount .header-main-container,
.page-type-editaccount .header-main-container,
.page-type-forgotpassword .header-main-container,
.page-type-giftcertificates .header-main-container,
.page-type-giftcertificates_balance .header-main-container,
.page-type-giftcertificates_redeem .header-main-container,
.page-type-login .header-main-container,
.page-type-newpassword .header-main-container,
.page-type-page_contact_form .header-main-container,
.page-type-wishlists .header-main-container {
height: 55px
}
.page-type-account_addressbook .header-logo,
.page-type-account_inbox .header-logo,
.page-type-account_order .header-logo,
.page-type-account_orderstatus .header-logo,
.page-type-account_recentitems .header-logo,
.page-type-account_returns .header-logo,
.page-type-accountcreated .header-logo,
.page-type-blog .header-logo,
.page-type-brand .header-logo,
.page-type-brands .header-logo,
.page-type-cart .header-logo,
.page-type-category .header-logo,
.page-type-createaccount .header-logo,
.page-type-editaccount .header-logo,
.page-type-forgotpassword .header-logo,
.page-type-giftcertificates .header-logo,
.page-type-giftcertificates_balance .header-logo,
.page-type-giftcertificates_redeem .header-logo,
.page-type-login .header-logo,
.page-type-newpassword .header-logo,
.page-type-page_contact_form .header-logo,
.page-type-wishlists .header-logo {
display: none
}
.page-type-account_addressbook .page-heading-logo,
.page-type-account_addressbook h1.page-heading,
.page-type-account_inbox .page-heading-logo,
.page-type-account_inbox h1.page-heading,
.page-type-account_order .page-heading-logo,
.page-type-account_order h1.page-heading,
.page-type-account_orderstatus .page-heading-logo,
.page-type-account_orderstatus h1.page-heading,
.page-type-account_recentitems .page-heading-logo,
.page-type-account_recentitems h1.page-heading,
.page-type-account_returns .page-heading-logo,
.page-type-account_returns h1.page-heading,
.page-type-accountcreated .page-heading-logo,
.page-type-accountcreated h1.page-heading,
.page-type-blog .page-heading-logo,
.page-type-blog h1.page-heading,
.page-type-brand .page-heading-logo,
.page-type-brand h1.page-heading,
.page-type-brands .page-heading-logo,
.page-type-brands h1.page-heading,
.page-type-cart .page-heading-logo,
.page-type-cart h1.page-heading,
.page-type-category .page-heading-logo,
.page-type-category h1.page-heading,
.page-type-createaccount .page-heading-logo,
.page-type-createaccount h1.page-heading,
.page-type-editaccount .page-heading-logo,
.page-type-editaccount h1.page-heading,
.page-type-forgotpassword .page-heading-logo,
.page-type-forgotpassword h1.page-heading,
.page-type-giftcertificates .page-heading-logo,
.page-type-giftcertificates h1.page-heading,
.page-type-giftcertificates_balance .page-heading-logo,
.page-type-giftcertificates_balance h1.page-heading,
.page-type-giftcertificates_redeem .page-heading-logo,
.page-type-giftcertificates_redeem h1.page-heading,
.page-type-login .page-heading-logo,
.page-type-login h1.page-heading,
.page-type-newpassword .page-heading-logo,
.page-type-newpassword h1.page-heading,
.page-type-page_contact_form .page-heading-logo,
.page-type-page_contact_form h1.page-heading,
.page-type-wishlists .page-heading-logo,
.page-type-wishlists h1.page-heading {
position: fixed;
margin: 0;
padding: 0;
height: 55px;
width: calc(100% - 110px);
left: 55px;
right: 55px;
top: 0;
overflow: hidden;
vertical-align: middle;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
justify-content: center;
text-align: center;
font-size: 20px;
color: #000;
z-index: 24
}
.has-activeNavPages .page-heading-logo,
.has-activeNavPages h1.page-heading {
z-index: 15
}
.page-type-account_addressbook .page-heading-logo>span,
.page-type-account_addressbook h1.page-heading>span,
.page-type-account_inbox .page-heading-logo>span,
.page-type-account_inbox h1.page-heading>span,
.page-type-account_order .page-heading-logo>span,
.page-type-account_order h1.page-heading>span,
.page-type-account_orderstatus .page-heading-logo>span,
.page-type-account_orderstatus h1.page-heading>span,
.page-type-account_recentitems .page-heading-logo>span,
.page-type-account_recentitems h1.page-heading>span,
.page-type-account_returns .page-heading-logo>span,
.page-type-account_returns h1.page-heading>span,
.page-type-accountcreated .page-heading-logo>span,
.page-type-accountcreated h1.page-heading>span,
.page-type-blog .page-heading-logo>span,
.page-type-blog h1.page-heading>span,
.page-type-brand .page-heading-logo>span,
.page-type-brand h1.page-heading>span,
.page-type-brands .page-heading-logo>span,
.page-type-brands h1.page-heading>span,
.page-type-cart .page-heading-logo>span,
.page-type-cart h1.page-heading>span,
.page-type-category .page-heading-logo>span,
.page-type-category h1.page-heading>span,
.page-type-createaccount .page-heading-logo>span,
.page-type-createaccount h1.page-heading>span,
.page-type-editaccount .page-heading-logo>span,
.page-type-editaccount h1.page-heading>span,
.page-type-forgotpassword .page-heading-logo>span,
.page-type-forgotpassword h1.page-heading>span,
.page-type-giftcertificates .page-heading-logo>span,
.page-type-giftcertificates h1.page-heading>span,
.page-type-giftcertificates_balance .page-heading-logo>span,
.page-type-giftcertificates_balance h1.page-heading>span,
.page-type-giftcertificates_redeem .page-heading-logo>span,
.page-type-giftcertificates_redeem h1.page-heading>span,
.page-type-login .page-heading-logo>span,
.page-type-login h1.page-heading>span,
.page-type-newpassword .page-heading-logo>span,
.page-type-newpassword h1.page-heading>span,
.page-type-page_contact_form .page-heading-logo>span,
.page-type-page_contact_form h1.page-heading>span,
.page-type-wishlists .page-heading-logo>span,
.page-type-wishlists h1.page-heading>span {
display: block;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap
}
}
.mobileMenu-toggle .mobileMenu-toggleIcon,
.mobileMenu-toggle .mobileMenu-toggleIcon::after,
.mobileMenu-toggle .mobileMenu-toggleIcon::before {
background: #01597f
}
.mobileMenu-toggle.is-open .mobileMenu-toggleIcon {
background-color: transparent
}
.mobileMenu-toggle.is-open .mobileMenu-toggleIcon::after,
.mobileMenu-toggle.is-open .mobileMenu-toggleIcon::before {
background-color: #047bae
}
.body {
margin-bottom: 6.4rem;
margin-top: 1.6rem
}
@media (min-width:801px) {
.body {
margin-top: 2.6rem
}
}
.page {
margin: 0 -.8rem;
max-width: none;
width: auto
}
.page:after,
.page:before {
content: " ";
display: table
}
.page:after {
clear: both
}
.page-content,
.page-content--full {
padding-left: .8rem;
padding-right: .8rem;
width: 100%;
float: left
}
@media (min-width:801px) {
.page-content--centered {
padding-left: .8rem;
padding-right: .8rem;
width: 66.66667%;
float: left;
margin-left: auto;
margin-right: auto;
float: none
}
}
.page-content--textCenter {
text-align: center
}
.page-sidebar {
padding-left: .8rem;
padding-right: .8rem;
width: 100%;
float: left;
position: relative
}
@media (min-width:801px) {
.page-sidebar {
padding-left: .8rem;
padding-right: .8rem;
width: 25%;
float: left
}
.page-sidebar+.page-content {
padding-left: .8rem;
padding-right: .8rem;
width: 75%;
float: left
}
}
body {
-ms-overflow-x: hidden
}
@supports (-ms-ime-align:auto) {
body {
overflow-x: hidden
}
}
.body {
margin-top: 0
}
@media (max-width:800px) {
.body {
margin-bottom: 3.2rem
}
}
@media (min-width:801px) {
.body {
margin-top: .78571rem
}
}
@media (min-width:1681px) {
.page-sidebar {
padding-right: 4.8rem
}
}
@media (max-width:800px) {
.page--no-breadcrumb {
margin-top: .78571rem
}
}
.footer {
background-color: #f0f0f0;
border-top: 1px solid #e5e5e5;
padding: 3.2rem 0
}
.footer-info {
margin: 0 -.8rem;
max-width: none;
width: auto;
font-size: 0
}
.footer-info:after,
.footer-info:before {
content: " ";
display: table
}
.footer-info:after {
clear: both
}
.footer-info-col {
padding-left: .8rem;
padding-right: .8rem;
width: 100%;
float: left;
color: #999;
display: inline-block;
float: none;
font-size: 1rem;
margin-bottom: 3.2rem;
text-align: center;
vertical-align: top
}
@media (min-width:551px) {
.footer-info-col {
text-align: left;
width: 50%
}
}
@media (min-width:801px) {
.footer-info-col {
width: 33.33334%
}
}
.footer-info-col>:first-child {
margin-top: 0
}
.footer-info-col>:last-child {
margin-bottom: 0
}
@media (min-width:801px) {
.footer-info-col--small {
width: 16.66667%
}
}
.footer-info-col--social {
width: 100%
}
@media (min-width:551px) {
.footer-info-col--left {
padding: 0
}
}
@media (min-width:551px) {
.footer-info-col--right {
left: 50%;
position: inherit
}
}
@media (min-width:801px) {
.footer-info-col--right {
left: 0;
padding: 0;
text-align: right
}
}
.footer-info-heading {
font-size: 1rem;
text-transform: inherit
}
.footer-info-list {
list-style: none;
margin-left: 0
}
.footer-info-list a {
color: #999;
text-decoration: none
}
.footer-info-list a:hover {
color: #333
}
.footer-copyright {
text-align: center
}
@media (min-width:551px) {
.footer-copyright {
text-align: left
}
}
.footer-copyright>.powered-by {
color: #999;
font-size: 12px;
margin: 0
}
.footer-copyright a {
color: #999;
text-decoration: none
}
.footer-copyright a:hover {
color: #333
}
.footer-payment-icons {
height: 2.85714rem;
margin-top: 1.6rem
}
@media (min-width:801px) {
.footer-payment-icons {
margin-top: 3.2rem
}
}
.footer-payment-icons .footer-payment-icon {
height: 100%;
margin: .42857rem;
vertical-align: middle;
width: 3.57143rem
}
.footer-payment-icons svg {
fill: #757575
}
@media (min-width:551px) {
.footer-geotrust-ssl-seal {
bottom: 0;
position: absolute;
right: 16px
}
}
.footer-geotrust-ssl-seal table {
margin: auto
}
.footer-newsletter-summary {
text-align: left
}
.footer {
padding: 0 0 55px;
border: 0;
border-top: 1px solid transparent;
font-size: .92857rem;
color: #818181;
background-color: #f0f0f0
}
@media (min-width:801px) {
.footer {
padding-bottom: 0
}
}
.footer a {
color: #323232
}
.footer a:active,
.footer a:focus,
.footer a:hover {
color: #4db547
}
@media (min-width:801px) {
.footer a {
text-decoration: none
}
}
@media (max-width:800px) {
.footer-newsletter-form .form-fieldset>.form-input {
margin-bottom: .78571rem
}
}
.footer-newsletterTop {
margin-top: 1.6rem
}
.footer-newsletterTop .footer-info-col--newsletter {
margin: 0;
width: 100%
}
@media (min-width:801px) {
.footer-newsletterTop .footer-info-col--newsletter {
padding: 3.2rem 0;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
border-top: 1px solid #ddd;
border-bottom: 1px solid #ddd
}
}
@media (min-width:801px) {
.footer-newsletterTop .footer-newsletter-content {
-ms-flex: 1;
flex: 1;
padding-right: .8rem
}
}
@media (min-width:801px) {
.footer-newsletterTop .footer-newsletter-form {
-ms-flex: 1;
flex: 1;
padding-left: .8rem
}
}
.footer-newsletterTop .footer-info-heading {
margin-top: 0
}
.footer-newsletterTop+.container .footer-info {
padding-top: 3.2rem;
padding-bottom: 3.2rem
}
.footer-info {
padding: 1.6rem 0
}
@media (min-width:801px) {
.footer-info {
padding: 4.8rem 0;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: justify;
justify-content: space-between
}
.footer-info:after,
.footer-info:before {
display: none
}
}
@media (min-width:801px) {
.footer-info-left {
display: -ms-flexbox;
display: flex;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-ms-flex: 1 1 0px;
flex: 1 1 0
}
}
.footer-info-right {
margin-top: 1.6rem
}
@media (min-width:801px) {
.footer-info-right {
margin-top: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 30%
}
}
.footer-info-col {
margin: 0
}
@media (min-width:801px) {
.footer-info-col {
width: 33.33334%
}
}
.footer-info-col+.footer-info-col {
margin-top: .42857rem
}
@media (min-width:551px) {
.footer-info-col+.footer-info-col {
margin-top: 0
}
}
@media (min-width:551px) {
.footer-info-col+.footer-info-col+.footer-info-col {
margin-top: .42857rem
}
}
@media (min-width:801px) {
.footer-info-col+.footer-info-col+.footer-info-col {
margin-top: 0
}
}
@media (min-width:801px) {
.footer-info-col+.footer-info-col+.footer-info-col+.footer-info-col {
margin-top: 2.38571rem
}
}
.footer-info-col .header-logo-image-container:after {
padding-bottom: 50px
}
.footer-info-col .header-logo-image {
max-height: none
}
@media (min-width:551px) {
.footer-info-col .header-logo-image {
margin-left: 0
}
}
@media (min-width:801px) {
.footer-info-col .footer-payment-icons {
text-align: initial
}
}
@media all and (min-width:801px) and (-ms-high-contrast:none),
(min-width:801px) and (-ms-high-contrast:active) {
.footer-info-col .footer-payment-icons {
text-align: left
}
}
.footer-info-col .footer-payment-icon {
margin-left: 0;
margin-top: 0
}
@media (min-width:801px) {
.footer-info-col--small {
width: auto
}
}
.footer-info-col--address {
width: 100%
}
.footer-info-col--address address {
color: #323232;
font-style: normal
}
.footer-info-col--address .footer-info-list {
height: auto;
overflow: auto;
opacity: 1
}
.footer-info-col--address+.footer-info-col {
margin-top: 1.6rem
}
@media (max-width:800px) {
.footer-info-col--address .footer-info-heading {
background: 0 0;
border: none;
text-align: center;
font-size: 20px;
padding: 0
}
.footer-info-col--address .footer-info-heading:after {
display: none
}
.footer-info-col--address .footer-info-heading a {
text-decoration: none;
color: inherit
}
.footer-info-col--address .footer-info-list {
border: 0;
background: 0 0;
text-align: center
}
.footer-info-col--address .footer-info-list li+li {
border-top: 0
}
}
.footer-info-col--newsletter {
padding: 1rem 1.6rem;
margin: 0 .8rem;
width: calc(100% - 1.6rem);
border: 1px solid #ddd;
border-radius: 4px;
background-color: #fff
}
@media (min-width:801px) {
.footer-info-col--newsletter {
width: 100%;
margin: 0;
padding: 0 .8rem;
background-color: transparent;
border: 0
}
}
.footer-info-col--newsletter .footer-info-heading {
padding: 0;
text-align: center;
border: 0;
background-color: transparent;
margin-bottom: .78571rem
}
@media (min-width:801px) {
.footer-info-col--newsletter .footer-info-heading {
margin-bottom: 1rem
}
}
.footer-info-col--newsletter .footer-info-heading:after {
display: none
}
@media (min-width:801px) {
.footer-info-col--newsletter .footer-info-heading {
text-align: initial
}
}
@media all and (min-width:801px) and (-ms-high-contrast:none),
(min-width:801px) and (-ms-high-contrast:active) {
.footer-info-col--newsletter .footer-info-heading {
text-align: left
}
}
@media (min-width:801px) {
.footer-info-col--newsletter .form-field {
margin-bottom: -.78571rem
}
}
@media (min-width:801px) {
.footer-info-col--newsletter .form-input {
margin-right: .78571rem;
margin-bottom: .78571rem
}
}
@media (min-width:801px) {
.footer-info-col--newsletter .form-prefixPostfix-button--postfix {
margin-left: 0
}
}
@media (min-width:551px) {
.footer-info-col--socials {
width: 100%;
text-align: center
}
}
@media (min-width:801px) {
.footer-info-col--socials {
text-align: initial
}
}
@media all and (min-width:801px) and (-ms-high-contrast:none),
(min-width:801px) and (-ms-high-contrast:active) {
.footer-info-col--socials {
text-align: left
}
}
.footer-info-col--newsletter+.footer-info-col--socials {
margin-top: 1.6rem !important
}
@media (min-width:801px) {
.footer-info-col--newsletter+.footer-info-col--socials {
margin-top: 2.38571rem !important
}
}
.footer-info-col--socials .footer-info-heading {
padding: 0;
text-align: center;
border: 0;
background-color: transparent;
margin-bottom: .78571rem
}
@media (min-width:801px) {
.footer-info-col--socials .footer-info-heading {
text-align: initial;
margin-bottom: 1rem
}
}
@media all and (min-width:801px) and (-ms-high-contrast:none),
(min-width:801px) and (-ms-high-contrast:active) {
.footer-info-col--socials .footer-info-heading {
text-align: left
}
}
.footer-info-col--socials .footer-info-heading:after {
display: none
}
.footer-info-col--socials .socialLinks {
line-height: 1
}
.footer-info-col-contactList address {
display: inline;
font-style: normal
}
.footer-info-col-contactList li {
margin-bottom: .42857rem
}
@media (min-width:551px) {
.footer-info-col-contactList li {
margin-bottom: .5rem
}
}
.footer-info-col-contactList li strong:first-child {
display: inline-block;
min-width: 1.5rem;
color: #01597f
}
.footer-info-heading {
color: #01597f;
font-size: inherit;
font-weight: 600;
font-family: inherit;
text-align: initial;
padding: .5rem .78571rem;
border: 1px solid #ddd;
background-color: #fff;
border-radius: 4px;
margin: 0;
position: relative
}
@media all and (-ms-high-contrast:none),
(-ms-high-contrast:active) {
.footer-info-heading {
text-align: left
}
}
.footer-info-heading:after {
content: '\3009';
font-weight: 700;
position: absolute;
top: 50%;
right: .78571rem;
transform: translateY(-50%);
opacity: .8;
font-size: 1rem;
transition: transform .1s ease-in
}
.footer-info-heading.is-open:after {
transform: translateY(-50%) rotate(90deg)
}
@media (min-width:801px) {
.footer-info-heading {
padding: 0;
background-color: transparent;
border: 0;
margin-bottom: 1rem;
font-size: 16px
}
.footer-info-heading:after {
display: none
}
}
.footer-info-heading~.footer-info-heading {
margin-top: 1rem
}
@media (min-width:801px) {
.footer-info-heading~.footer-info-heading {
margin-top: 1.6rem
}
}
.footer-info-list {
border: 1px solid #ddd;
background-color: #fff;
border-radius: 4px;
padding: 0 .78571rem;
text-align: initial;
height: 0;
overflow: hidden;
opacity: 0;
transition: all .2s ease-in;
margin: 0
}
@media all and (-ms-high-contrast:none),
(-ms-high-contrast:active) {
.footer-info-list {
text-align: left
}
}
.footer-info-col>.footer-info-list:last-child {
margin-bottom: 0
}
.footer-info-list.is-open {
height: auto;
overflow: visible;
opacity: 1;
margin: .42857rem 0 .78571rem
}
.footer-info-col>.footer-info-list.is-open:last-child {
margin-bottom: .78571rem
}
@media (min-width:801px) {
.footer-info-list {
margin: 0;
padding: 0;
background-color: transparent;
border: 0
}
.footer-info-col>.footer-info-list:last-child {
margin-bottom: 0
}
.footer-info-col>.footer-info-list.is-open:last-child {
margin-bottom: 0
}
.footer-info-list.is-open {
margin: 0
}
}
.footer-info-list li {
padding: .5rem 0
}
@media (min-width:801px) {
.footer-info-list li {
padding: 0
}
}
.footer-info-list li+li {
border-top: 1px solid #ddd
}
@media (min-width:801px) {
.footer-info-list li+li {
border-top: 0;
margin-top: .5rem
}
}
.footer-info-list--links li {
display: inline-block;
padding: 0 .42857rem
}
@media (min-width:551px) {
.footer-info-list--links li {
display: block;
padding: 0
}
}
.footer-payment-icons {
margin-top: 0;
height: auto;
text-align: center
}
@media (min-width:801px) {
.footer-payment-icons {
-ms-flex-order: 9;
order: 9
}
}
.footer-payment-icons .footer-payment-icon {
height: 2.85714rem
}
.footer-copyright {
padding: 1.6rem 0;
background-color: #fff;
color: #666
}
@media (min-width:551px) {
.footer-copyright {
text-align: center
}
}
.footer-copyright a {
color: #323232
}
.footer-copyright a:focus,
.footer-copyright a:hover {
color: #4db547
}
.footer-copyright .powered-by:last-child {
margin-bottom: 0
}
@media (min-width:801px) {
.footer-copyright .powered-by {
margin: 0 0 0 .78571rem
}
}
@media (min-width:801px) {
.footer-copyright .container {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-align: center;
align-items: center
}
}
@media (min-width:801px) {
.footer-icons {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
margin: 0 auto 0 0
}
}
.footer-geotrust-ssl-seal {
margin-top: .78571rem
}
@media (min-width:551px) {
.footer-geotrust-ssl-seal {
position: static
}
}
@media (min-width:801px) {
.footer-geotrust-ssl-seal {
margin: 0
}
.footer-geotrust-ssl-seal table {
margin: 0
}
.footer-geotrust-ssl-seal td {
text-align: left
}
}
@media (min-width:801px) {
.no-csscolumns .productGrid--maxCol6 .product {
width: 16.66667%
}
}
@media (min-width:801px) {
.csscolumns .productGrid--maxCol6 {
column-count: 6
}
}
@media (min-width:801px) {
.no-csscolumns .productGrid--maxCol3 .product {
width: 33.33333%
}
}
@media (min-width:801px) {
.csscolumns .productGrid--maxCol3 {
padding-left: .8rem;
padding-right: .8rem;
width: 100%;
float: left;
float: none
}
.csscolumns .productGrid--maxCol3 .product {
padding-left: .8rem;
padding-right: .8rem;
width: 33.33333%;
float: none
}
}
.starwrap {
height: 3.57143rem;
position: absolute;
top: 10px;
width: 3.57143rem;
left: 1.71429rem
}
.form-option-variant--color,
.form-option-variant--pattern {
height: 64px;
width: 64px
}
.form-option-expanded {
background-color: #fff;
border: 1px solid #999;
left: calc(100% + 55px);
opacity: 0;
padding: 3px;
position: absolute;
top: calc(100% + 5px);
transition: opacity .3s cubic-bezier(.25, .46, .45, .94);
visibility: hidden
}
.form-option:hover .form-option-expanded {
opacity: 1;
transform: translate(-50%, 0);
visibility: visible;
z-index: 5000
}
.form-option-image {
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
display: block;
height: 100px;
width: 100px
}
@media (max-width:800px) {
.form-option-expanded {
display: none
}
}
.category-listing-container {
margin: -.78571rem -.8rem .78571rem;
background-color: #f0f0f0;
padding: 0 .8rem .8rem
}
@media (min-width:801px) {
.category-listing-container {
background: 0 0
}
}
.category-listing-container .navList {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-align: center;
align-items: center;
border: 1px solid #e5e5e5;
background-color: #fff;
margin: 0
}
.category-listing-container .navList:after,
.category-listing-container .navList:before {
display: none
}
.category-listing-container .navList-item {
width: 50%
}
@media (min-width:801px) {
.category-listing-container .navList-item {
width: 33.33%
}
}
@media (min-width:1261px) {
.category-listing-container .navList-item {
width: 25%
}
}
.category-listing-container .navList-item:nth-child(2)~.navList-item {
border-top: 1px solid #e5e5e5
}
.category-listing-container .navList-item:nth-child(2n+1) {
border-right: 1px solid #e5e5e5
}
.category-listing-container .navList-item:nth-child(10)~.navList-item {
display: none
}
.category-listing-container .navList-action {
padding: .5rem 1rem;
position: relative;
font-size: 1rem;
font-weight: 600
}
.category-listing-container .navList-action:after {
content: '\3009';
font-weight: 700;
color: #999;
position: absolute;
right: .5rem;
top: 50%;
transform: translateY(-50%)
}
.category-listing-container .navList-action-image {
display: block;
width: 100%
}
.category-listing-container .navList-more {
text-align: center;
text-transform: uppercase;
font-size: .71429rem
}
.category-listing-container .navList-more a {
display: inline-block;
padding: .5rem 1rem;
color: #01597f
}
.category-listing-container .navList-more a .off {
display: none
}
.category-listing-container .navList-more a.is-open .off {
display: inline
}
.category-listing-container .navList-more a.is-open .on {
display: none
}
.category-listing-container.is-open .navList-item:nth-child(10)~.navList-item {
display: block
}
@media (min-width:801px) {
.category-listing-container {
display: none
}
}
.category-banner.loaded {
margin-bottom: .78571rem
}
.category-banner.loaded~.category-listing-container {
margin-top: 0;
padding-top: .78571rem
}
.account {
margin-bottom: 1.6rem
}
@media (min-width:801px) {
.account--fixed {
margin: 0 auto;
width: 66.66667%
}
}
@media (min-width:801px) {
.account--fixedSmall {
margin: 0 auto;
width: 50%
}
}
@media (min-width:801px) {
.account--fixedLarge {
margin: 0 auto;
width: 75%
}
}
.account-head {
margin-bottom: 3.2rem;
text-align: center
}
.account-head .alertBox {
padding-left: 3.2rem;
padding-right: 3.2rem;
text-align: left
}
.account-body {
margin: 0 -.8rem;
max-width: none;
width: auto
}
.account-body:after,
.account-body:before {
content: " ";
display: table
}
.account-body:after {
clear: both
}
.account-content {
padding-left: .8rem;
padding-right: .8rem;
width: 100%;
float: left
}
@media (min-width:801px) {
.account-content--fixed {
width: 66.66667%
}
}
@media (min-width:801px) {
.account-content--fixedSmall {
width: 50%
}
}
.account-sidebar {
padding-left: .8rem;
padding-right: .8rem;
width: 100%;
float: left
}
@media (min-width:801px) {
.account-sidebar {
width: 33.33333%
}
.account-content--fixedSmall+.account-sidebar {
float: right
}
}
@media (max-width:800px) {
.account-head {
margin-bottom: 1.6rem
}
}
.account-body {
margin-left: 0;
margin-right: 0
}
.resultResults-list {
list-style: none;
margin: 0 0 1.6rem
}
.resultResults-item {
margin-bottom: 1.6rem
}
.resultResults-item-title {
margin: 0 0 .42857rem;
font-size: 16px
}
@media (min-width:801px) {
.page-type-search .dropdown--quickSearch {
position: static;
opacity: 1
}
.page-type-search .dropdown--quickSearch .quickSearchResults {
display: none
}
.page-type-search .dropdown--quickSearch.is-open .quickSearchResults {
display: block
}
}
@media (max-width:800px) {
.page-type-search .dropdown--quickSearch {
transition: none
}
.page-type-search .dropdown--quickSearch:not(.is-open) {
position: fixed;
left: 55px;
right: 55px;
height: 55px;
z-index: 20;
opacity: 1
}
.page-type-search .dropdown--quickSearch:not(.is-open) .modal-close {
display: none
}
.page-type-search .dropdown--quickSearch:not(.is-open) .form {
left: 0;
height: 54px
}
.page-type-search .dropdown--quickSearch:not(.is-open) .quickSearchResults {
display: none
}
.page-type-search a {
text-decoration: none
}
.page-type-search .breadcrumbs {
display: none
}
.page-type-search .body {
margin-top: 0
}
.page-type-search .body>.container {
padding: 0
}
.page-type-search .page {
margin: 0
}
.page-type-search .page-heading {
font-size: 1rem;
font-weight: inherit;
line-height: 1.6;
margin-bottom: 0;
padding: .78571rem;
text-align: initial
}
.page-type-search .page-content .panel {
margin-left: -.78571rem;
margin-right: -.78571rem
}
.page-type-search .navBar--sub {
text-align: initial;
margin-bottom: 0
}
.page-type-search .navBar--sub .navBar-action {
color: #01597f
}
.page-type-search .navBar--sub .navBar-action:after {
display: none
}
.page-type-search .navBar-section {
border-top: 1px solid #e5e5e5;
border-bottom: 1px solid #e5e5e5
}
.page-type-search .navBar-item {
padding: .78571rem;
margin: 0
}
.page-type-search .navBar-item+.navBar-item {
border-top: 1px solid #e5e5e5
}
.page-type-search .navBar-item .count {
float: right;
color: #999
}
.page-type-search .advancedSearch-form {
margin-bottom: 0
}
.page-type-search .advancedSearch-title {
padding: .78571rem 0;
margin-bottom: 0
}
.page-type-search .form-column .form-field {
padding: 0
}
.page-type-search hr {
margin-bottom: 0
}
.page-type-search .panel {
border-top: 1px solid #e5e5e5;
border-bottom: 1px solid #e5e5e5
}
.page-type-search .panel .panel-body {
padding: 0;
margin-bottom: 0
}
.page-type-search .panel-body {
background-color: transparent
}
.page-type-search .search-suggestion {
padding: .78571rem;
margin: 0
}
.page-type-search .search-suggestion+.search-suggestion {
border-top: 1px solid #e5e5e5
}
.page-type-search .suggestion-title {
font-size: 1rem
}
.page-type-search .category-suggestion {
width: 100%;
float: none;
font-size: inherit
}
.page-type-search .toggleLink-text {
text-decoration: none
}
.page-type-search .search-refine {
display: block;
margin: .78571rem 0 0
}
.page-type-search #product-listing-container {
padding: .78571rem 0
}
.page-type-search #search-results-content {
padding: 1.6rem 0
}
.page-type-search.has-activeNavPages .dropdown--quickSearch {
z-index: 0
}
}
.page-type-checkout .page-heading,
.page-type-orderconfirmation .page-heading {
margin: 1.6rem 0 0
}
@media (min-width:801px) {
.page-type-checkout .page-heading,
.page-type-orderconfirmation .page-heading {
margin: 2.38571rem 0 2.38571rem
}
}
.ng-checkout-container .layout,
.page--checkout .layout {
padding: 0
}
.ng-checkout-container .layout-main,
.page--checkout .layout-main {
padding: 0
}
@media (min-width:801px) {
.ng-checkout-container .layout-main,
.page--checkout .layout-main {
padding: 0 .8rem
}
}
@media (min-width:1261px) {
.ng-checkout-container .layout-main,
.page--checkout .layout-main {
padding-right: 6.4rem
}
}
.ng-checkout-container .layout-cart,
.page--checkout .layout-cart {
padding: 0
}
@media (min-width:801px) {
.ng-checkout-container .layout-cart,
.page--checkout .layout-cart {
padding: 0 .8rem
}
}
.ng-checkout-container .cart,
.page--checkout .cart {
margin-top: 0
}
@media (min-width:801px) {
.ng-checkout-container .cart,
.page--checkout .cart {
margin-top: 1.6rem
}
}
@media (min-width:801px) {
.ng-checkout-container .cart-header,
.page--checkout .cart-header {
display: table
}
}
.ng-checkout-container .cart-section-heading,
.page--checkout .cart-section-heading {
margin: 0 0 1.6rem
}
.ng-checkout-container .productList,
.page--checkout .productList {
margin: 0
}
.ng-checkout-container .product-figure,
.page--checkout .product-figure {
margin: 0 0 1rem
}
.ng-checkout-container .product-title,
.page--checkout .product-title {
margin: 0 0 .78571rem;
text-transform: none
}
.ng-checkout-container .form-prefixPostfix .button,
.page--checkout .form-prefixPostfix .button {
width: auto;
margin-top: 0;
margin-left: .78571rem
}
.ng-checkout-container .loadingOverlay-container,
.page--checkout .loadingOverlay-container {
min-height: 0
}
.ng-checkout-container .redeemable-entry,
.page--checkout .redeemable-entry {
margin-top: .78571rem
}
.ng-checkout-container .redeemable-entry,
.page--checkout .redeemable-entry {
margin-top: .78571rem
}
.checkout-step {
padding-right: 0
}
.checkout-form {
margin: .78571rem 0 0;
max-width: none
}
@media (min-width:801px) {
.checkout-form {
margin-left: 3.98571rem
}
}
.checkout-form .form-body {
padding: 0;
border: 0;
box-shadow: none;
background-color: transparent
}
.checkout-form .form-field {
margin-bottom: 1rem
}
.checkout-form .form-checkbox+.form-label:last-child,
.checkout-form .form-radio+.form-label:last-child {
margin-bottom: .42857rem
}
.checkout-form .form-legend-container {
margin: .78571rem 0
}
@media (max-width:550px) {
.checkout-form .form-legend-container {
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-align: start;
align-items: flex-start
}
}
.checkout-form .form-legend {
border: 0;
display: inline-block;
width: auto;
border-bottom: 1px solid #000;
line-height: 1.6
}
.checkout-form .form-label {
color: #131313
}
.checkout-form .form-checklist .form-field {
margin-bottom: 0
}
@media (min-width:551px) {
.checkout-form .form-actions {
text-align: left
}
}
.checkout-form .form-field--error .form-input,
.checkout-form .form-field--success .form-input,
.checkout-form .form-field--warning .form-input {
float: left
}
.checkout-form .form-inlineMessage {
font-size: 12px
}
.stepHeader {
text-decoration: none;
padding: 0
}
.stepHeader-title {
font-size: 20px
}
.stepHeader-counter {
width: 2.6rem;
height: 2.6rem
}
.stepHeader-counter:before {
width: 2.6rem;
height: 2.6rem
}
.stepHeader-counter svg {
display: none;
fill: #fff
}
.stepHeader-counter--complete:before {
width: 0;
height: 0
}
.stepHeader-counter--complete svg {
display: inline-block
}
.customerEmail-action {
text-align: left;
margin-top: 0
}
@media (min-width:551px) {
.customerEmail-action {
margin-top: 2.14286rem;
width: 41.66667%
}
}
.shippingOption {
margin-top: .78571rem
}
.cartDrawer {
margin: .42857rem;
padding: .42857rem;
bottom: 55px
}
@media (max-height:26.92308rem) {
.cartDrawer {
display: none
}
}
.cartDrawer-items,
.cartDrawer-total {
margin: 0
}
.cartDrawer-items {
font-size: 16px
}
.cartDrawer-total {
font-size: 20px
}
.optimizedCheckout-checkoutStep .redeemable-entry .form-prefixPostfix .form-input {
width: auto
}
.optimizedCheckout-checkoutStep .redeemable-entry .form-prefixPostfix .button {
margin-top: 0;
margin-left: .5rem;
padding-left: 1rem;
padding-right: 1rem;
width: auto
}
.optimizedCheckout-orderSummary.cartDrawer {
background-color: rgba(255, 255, 255, .9)
}
.optimizedCheckout-orderSummary.cart-modal-body {
overflow: auto;
max-height: calc(100% - 55px);
-webkit-overflow-scrolling: touch
}
.optimizedCheckout-orderSummary-cartSection .product-figure {
margin-top: .42857rem;
margin-bottom: .42857rem
}
.optimizedCheckout-orderSummary-cartSection .product-title {
margin-top: 0
}
@media (min-width:551px) {
.modal.is-active[ng-class] {
top: 50% !important
}
}
.orderConfirmation .optimizedCheckout-headingPrimary {
margin-top: 0
}
.ReactModalPortal .modal {
max-height: 80%
}
.jstree-children,
.jstree-container-ul,
.jstree-node {
display: block;
margin: 0;
padding: 0;
list-style-type: none;
list-style-image: none
}
.jstree-node {
white-space: nowrap
}
.jstree-anchor {
display: inline-block;
color: #000;
white-space: nowrap;
padding: 0 4px 0 1px;
margin: 0;
vertical-align: top
}
.jstree-anchor:focus {
outline: 0
}
.jstree-anchor,
.jstree-anchor:active,
.jstree-anchor:hover,
.jstree-anchor:link,
.jstree-anchor:visited {
text-decoration: none;
color: inherit
}
.jstree-icon {
display: inline-block;
text-decoration: none;
margin: 0;
padding: 0;
vertical-align: top;
text-align: center
}
.jstree-icon:empty {
display: inline-block;
text-decoration: none;
margin: 0;
padding: 0;
vertical-align: top;
text-align: center
}
.jstree-ocl {
cursor: pointer
}
.jstree-leaf>.jstree-ocl {
cursor: default
}
.jstree .jstree-open>.jstree-children {
display: block
}
.jstree .jstree-closed>.jstree-children,
.jstree .jstree-leaf>.jstree-children {
display: none
}
.jstree-anchor>.jstree-themeicon {
margin-right: 2px
}
.jstree-anchor>.jstree-themeicon-hidden,
.jstree-no-icons .jstree-themeicon {
display: none
}
.jstree-hidden {
display: none
}
.jstree-rtl .jstree-anchor {
padding: 0 1px 0 4px
}
.jstree-rtl .jstree-anchor>.jstree-themeicon {
margin-left: 2px;
margin-right: 0
}
.jstree-rtl .jstree-node {
margin-left: 0
}
.jstree-rtl .jstree-container-ul>.jstree-node {
margin-right: 0
}
.jstree-wholerow-ul {
position: relative;
display: inline-block;
min-width: 100%
}
.jstree-wholerow-ul .jstree-leaf>.jstree-ocl {
cursor: pointer
}
.jstree-wholerow-ul .jstree-anchor,
.jstree-wholerow-ul .jstree-icon {
position: relative
}
.jstree-wholerow-ul .jstree-wholerow {
width: 100%;
cursor: pointer;
position: absolute;
left: 0;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none
}
.vakata-context {
display: none
}
.vakata-context,
.vakata-context ul {
margin: 0;
padding: 2px;
position: absolute;
background: #f5f5f5;
border: 1px solid #979797;
box-shadow: 2px 2px 2px #999
}
.vakata-context ul {
list-style: none;
left: 100%;
margin-top: -2.7em;
margin-left: -4px
}
.vakata-context .vakata-context-right ul {
left: auto;
right: 100%;
margin-left: auto;
margin-right: -4px
}
.vakata-context li {
list-style: none;
display: inline
}
.vakata-context li>a {
display: block;
padding: 0 2em 0 2em;
text-decoration: none;
width: auto;
color: #000;
white-space: nowrap;
line-height: 2.4em;
text-shadow: 1px 1px 0 #fff;
border-radius: 1px
}
.vakata-context li>a:hover {
position: relative;
background-color: #e8eff7;
box-shadow: 0 0 2px #0a6aa1
}
.vakata-context li>a.vakata-context-parent {
background-image: url(data:image/gif;base64,R0lGODlhCwAHAIAAACgoKP///yH5BAEAAAEALAAAAAALAAcAAAIORI4JlrqN1oMSnmmZDQUAOw==);
background-position: right center;
background-repeat: no-repeat
}
.vakata-context li>a:focus {
outline: 0
}
.vakata-context .vakata-context-hover>a {
position: relative;
background-color: #e8eff7;
box-shadow: 0 0 2px #0a6aa1
}
.vakata-context .vakata-context-separator>a,
.vakata-context .vakata-context-separator>a:hover {
background: #fff;
border: 0;
border-top: 1px solid #e2e3e3;
height: 1px;
min-height: 1px;
max-height: 1px;
padding: 0;
margin: 0 0 0 2.4em;
border-left: 1px solid #e0e0e0;
text-shadow: 0 0 0 transparent;
box-shadow: 0 0 0 transparent;
border-radius: 0
}
.vakata-context .vakata-contextmenu-disabled a,
.vakata-context .vakata-contextmenu-disabled a:hover {
color: silver;
background-color: transparent;
border: 0;
box-shadow: 0 0 0
}
.vakata-context li>a>i {
text-decoration: none;
display: inline-block;
width: 2.4em;
height: 2.4em;
background: 0 0;
margin: 0 0 0 -2em;
vertical-align: top;
text-align: center;
line-height: 2.4em
}
.vakata-context li>a>i:empty {
width: 2.4em;
line-height: 2.4em
}
.vakata-context li>a .vakata-contextmenu-sep {
display: inline-block;
width: 1px;
height: 2.4em;
background: #fff;
margin: 0 .5em 0 0;
border-left: 1px solid #e2e3e3
}
.vakata-context .vakata-contextmenu-shortcut {
font-size: .8em;
color: silver;
opacity: .5;
display: none
}
.vakata-context-rtl ul {
left: auto;
right: 100%;
margin-left: auto;
margin-right: -4px
}
.vakata-context-rtl li>a.vakata-context-parent {
background-image: url(data:image/gif;base64,R0lGODlhCwAHAIAAACgoKP///yH5BAEAAAEALAAAAAALAAcAAAINjI+AC7rWHIsPtmoxLAA7);
background-position: left center;
background-repeat: no-repeat
}
.vakata-context-rtl .vakata-context-separator>a {
margin: 0 2.4em 0 0;
border-left: 0;
border-right: 1px solid #e2e3e3
}
.vakata-context-rtl .vakata-context-left ul {
right: auto;
left: 100%;
margin-left: -4px;
margin-right: auto
}
.vakata-context-rtl li>a>i {
margin: 0 -2em 0 0
}
.vakata-context-rtl li>a .vakata-contextmenu-sep {
margin: 0 0 0 .5em;
border-left-color: #fff;
background: #e2e3e3
}
#jstree-marker {
position: absolute;
top: 0;
left: 0;
margin: -5px 0 0 0;
padding: 0;
border-right: 0;
border-top: 5px solid transparent;
border-bottom: 5px solid transparent;
border-left: 5px solid;
width: 0;
height: 0;
font-size: 0;
line-height: 0
}
#jstree-dnd {
line-height: 16px;
margin: 0;
padding: 4px
}
#jstree-dnd .jstree-copy,
#jstree-dnd .jstree-icon {
display: inline-block;
text-decoration: none;
margin: 0 2px 0 0;
padding: 0;
width: 16px;
height: 16px
}
#jstree-dnd .jstree-ok {
background: green
}
#jstree-dnd .jstree-er {
background: red
}
#jstree-dnd .jstree-copy {
margin: 0 2px 0 2px
}
.jstree-default .jstree-icon,
.jstree-default .jstree-node {
background-repeat: no-repeat;
background-color: transparent
}
.jstree-default .jstree-anchor,
.jstree-default .jstree-wholerow {
transition: background-color .15s, box-shadow .15s
}
.jstree-default .jstree-hovered {
background: #e7f4f9;
border-radius: 2px;
box-shadow: inset 0 0 1px #ccc
}
.jstree-default .jstree-clicked {
background: #beebff;
border-radius: 2px;
box-shadow: inset 0 0 1px #999
}
.jstree-default .jstree-no-icons .jstree-anchor>.jstree-themeicon {
display: none
}
.jstree-default .jstree-disabled {
background: 0 0;
color: #666
}
.jstree-default .jstree-disabled.jstree-hovered {
background: 0 0;
box-shadow: none
}
.jstree-default .jstree-disabled.jstree-clicked {
background: #efefef
}
.jstree-default .jstree-disabled>.jstree-icon {
opacity: .8;
filter: url("data:image/svg+xml;utf8,#jstree-grayscale");
filter: gray;
-webkit-filter: grayscale(100%)
}
.jstree-default .jstree-search {
font-style: italic;
color: #8b0000;
font-weight: 700
}
.jstree-default .jstree-no-checkboxes .jstree-checkbox {
display: none !important
}
.jstree-default.jstree-checkbox-no-clicked .jstree-clicked {
background: 0 0;
box-shadow: none
}
.jstree-default.jstree-checkbox-no-clicked .jstree-clicked.jstree-hovered {
background: #e7f4f9
}
.jstree-default.jstree-checkbox-no-clicked>.jstree-wholerow-ul .jstree-wholerow-clicked {
background: 0 0
}
.jstree-default.jstree-checkbox-no-clicked>.jstree-wholerow-ul .jstree-wholerow-clicked.jstree-wholerow-hovered {
background: #e7f4f9
}
.jstree-default>.jstree-striped {
min-width: 100%;
display: inline-block;
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAkCAMAAAB/qqA+AAAABlBMVEUAAAAAAAClZ7nPAAAAAnRSTlMNAMM9s3UAAAAXSURBVHjajcEBAQAAAIKg/H/aCQZ70AUBjAATb6YPDgAAAABJRU5ErkJggg==) left top repeat
}
.jstree-default>.jstree-wholerow-ul .jstree-clicked,
.jstree-default>.jstree-wholerow-ul .jstree-hovered {
background: 0 0;
box-shadow: none;
border-radius: 0
}
.jstree-default .jstree-wholerow {
box-sizing: border-box
}
.jstree-default .jstree-wholerow-hovered {
background: #e7f4f9
}
.jstree-default .jstree-wholerow-clicked {
background: #beebff;
background: linear-gradient(to bottom, #beebff 0, #a8e4ff 100%)
}
.jstree-default .jstree-node {
min-height: 24px;
line-height: 24px;
margin-left: 24px;
min-width: 24px
}
.jstree-default .jstree-anchor {
line-height: 24px;
height: 24px
}
.jstree-default .jstree-icon {
width: 24px;
height: 24px;
line-height: 24px
}
.jstree-default .jstree-icon:empty {
width: 24px;
height: 24px;
line-height: 24px
}
.jstree-default.jstree-rtl .jstree-node {
margin-right: 24px
}
.jstree-default .jstree-wholerow {
height: 24px
}
.jstree-default .jstree-icon,
.jstree-default .jstree-node {
background-image: url(//cdn.nexternal.com/img/vendor/jstree/32px.png)
}
.jstree-default .jstree-node {
background-position: -292px -4px;
background-repeat: repeat-y
}
.jstree-default .jstree-last {
background: 0 0
}
.jstree-default .jstree-open>.jstree-ocl {
background-position: -132px -4px
}
.jstree-default .jstree-closed>.jstree-ocl {
background-position: -100px -4px
}
.jstree-default .jstree-leaf>.jstree-ocl {
background-position: -68px -4px
}
.jstree-default .jstree-themeicon {
background-position: -260px -4px
}
.jstree-default>.jstree-no-dots .jstree-leaf>.jstree-ocl,
.jstree-default>.jstree-no-dots .jstree-node {
background: 0 0
}
.jstree-default>.jstree-no-dots .jstree-open>.jstree-ocl {
background-position: -36px -4px
}
.jstree-default>.jstree-no-dots .jstree-closed>.jstree-ocl {
background-position: -4px -4px
}
.jstree-default .jstree-disabled {
background: 0 0
}
.jstree-default .jstree-disabled.jstree-hovered {
background: 0 0
}
.jstree-default .jstree-disabled.jstree-clicked {
background: #efefef
}
.jstree-default .jstree-checkbox {
background-position: -164px -4px
}
.jstree-default .jstree-checkbox:hover {
background-position: -164px -36px
}
.jstree-default .jstree-checked>.jstree-checkbox,
.jstree-default.jstree-checkbox-selection .jstree-clicked>.jstree-checkbox {
background-position: -228px -4px
}
.jstree-default .jstree-checked>.jstree-checkbox:hover,
.jstree-default.jstree-checkbox-selection .jstree-clicked>.jstree-checkbox:hover {
background-position: -228px -36px
}
.jstree-default .jstree-anchor>.jstree-undetermined {
background-position: -196px -4px
}
.jstree-default .jstree-anchor>.jstree-undetermined:hover {
background-position: -196px -36px
}
.jstree-default .jstree-checkbox-disabled {
opacity: .8;
filter: url("data:image/svg+xml;utf8,#jstree-grayscale");
filter: gray;
-webkit-filter: grayscale(100%)
}
.jstree-default>.jstree-striped {
background-size: auto 48px
}
.jstree-default.jstree-rtl .jstree-node {
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAACAQMAAAB49I5GAAAABlBMVEUAAAAdHRvEkCwcAAAAAXRSTlMAQObYZgAAAAxJREFUCNdjAAMOBgAAGAAJMwQHdQAAAABJRU5ErkJggg==);
background-position: 100% 1px;
background-repeat: repeat-y
}
.jstree-default.jstree-rtl .jstree-last {
background: 0 0
}
.jstree-default.jstree-rtl .jstree-open>.jstree-ocl {
background-position: -132px -36px
}
.jstree-default.jstree-rtl .jstree-closed>.jstree-ocl {
background-position: -100px -36px
}
.jstree-default.jstree-rtl .jstree-leaf>.jstree-ocl {
background-position: -68px -36px
}
.jstree-default.jstree-rtl>.jstree-no-dots .jstree-leaf>.jstree-ocl,
.jstree-default.jstree-rtl>.jstree-no-dots .jstree-node {
background: 0 0
}
.jstree-default.jstree-rtl>.jstree-no-dots .jstree-open>.jstree-ocl {
background-position: -36px -36px
}
.jstree-default.jstree-rtl>.jstree-no-dots .jstree-closed>.jstree-ocl {
background-position: -4px -36px
}
.jstree-default .jstree-themeicon-custom {
background-color: transparent;
background-image: none;
background-position: 0 0
}
.jstree-default>.jstree-container-ul .jstree-loading>.jstree-ocl {
background: url(//cdn.nexternal.com/img/vendor/jstree/throbber.gif) center center no-repeat
}
.jstree-default .jstree-file {
background: url(//cdn.nexternal.com/img/vendor/jstree/32px.png) -100px -68px no-repeat
}
.jstree-default .jstree-folder {
background: url(//cdn.nexternal.com/img/vendor/jstree/32px.png) -260px -4px no-repeat
}
.jstree-default>.jstree-container-ul>.jstree-node {
margin-left: 0;
margin-right: 0
}
#jstree-dnd.jstree-default {
line-height: 24px;
padding: 0 4px
}
#jstree-dnd.jstree-default .jstree-er,
#jstree-dnd.jstree-default .jstree-ok {
background-image: url(//cdn.nexternal.com/img/vendor/jstree/32px.png);
background-repeat: no-repeat;
background-color: transparent
}
#jstree-dnd.jstree-default i {
background: 0 0;
width: 24px;
height: 24px;
line-height: 24px
}
#jstree-dnd.jstree-default .jstree-ok {
background-position: -4px -68px
}
#jstree-dnd.jstree-default .jstree-er {
background-position: -36px -68px
}
.jstree-default.jstree-rtl .jstree-node {
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAACAQMAAAB49I5GAAAABlBMVEUAAAAdHRvEkCwcAAAAAXRSTlMAQObYZgAAAAxJREFUCNdjAAMOBgAAGAAJMwQHdQAAAABJRU5ErkJggg==)
}
.jstree-default.jstree-rtl .jstree-last {
background: 0 0
}
.jstree-default-small .jstree-node {
min-height: 18px;
line-height: 18px;
margin-left: 18px;
min-width: 18px
}
.jstree-default-small .jstree-anchor {
line-height: 18px;
height: 18px
}
.jstree-default-small .jstree-icon {
width: 18px;
height: 18px;
line-height: 18px
}
.jstree-default-small .jstree-icon:empty {
width: 18px;
height: 18px;
line-height: 18px
}
.jstree-default-small.jstree-rtl .jstree-node {
margin-right: 18px
}
.jstree-default-small .jstree-wholerow {
height: 18px
}
.jstree-default-small .jstree-icon,
.jstree-default-small .jstree-node {
background-image: url(//cdn.nexternal.com/img/vendor/jstree/32px.png)
}
.jstree-default-small .jstree-node {
background-position: -295px -7px;
background-repeat: repeat-y
}
.jstree-default-small .jstree-last {
background: 0 0
}
.jstree-default-small .jstree-open>.jstree-ocl {
background-position: -135px -7px
}
.jstree-default-small .jstree-closed>.jstree-ocl {
background-position: -103px -7px
}
.jstree-default-small .jstree-leaf>.jstree-ocl {
background-position: -71px -7px
}
.jstree-default-small .jstree-themeicon {
background-position: -263px -7px
}
.jstree-default-small>.jstree-no-dots .jstree-leaf>.jstree-ocl,
.jstree-default-small>.jstree-no-dots .jstree-node {
background: 0 0
}
.jstree-default-small>.jstree-no-dots .jstree-open>.jstree-ocl {
background-position: -39px -7px
}
.jstree-default-small>.jstree-no-dots .jstree-closed>.jstree-ocl {
background-position: -7px -7px
}
.jstree-default-small .jstree-disabled {
background: 0 0
}
.jstree-default-small .jstree-disabled.jstree-hovered {
background: 0 0
}
.jstree-default-small .jstree-disabled.jstree-clicked {
background: #efefef
}
.jstree-default-small .jstree-checkbox {
background-position: -167px -7px
}
.jstree-default-small .jstree-checkbox:hover {
background-position: -167px -39px
}
.jstree-default-small .jstree-checked>.jstree-checkbox,
.jstree-default-small.jstree-checkbox-selection .jstree-clicked>.jstree-checkbox {
background-position: -231px -7px
}
.jstree-default-small .jstree-checked>.jstree-checkbox:hover,
.jstree-default-small.jstree-checkbox-selection .jstree-clicked>.jstree-checkbox:hover {
background-position: -231px -39px
}
.jstree-default-small .jstree-anchor>.jstree-undetermined {
background-position: -199px -7px
}
.jstree-default-small .jstree-anchor>.jstree-undetermined:hover {
background-position: -199px -39px
}
.jstree-default-small .jstree-checkbox-disabled {
opacity: .8;
filter: url("data:image/svg+xml;utf8,#jstree-grayscale");
filter: gray;
-webkit-filter: grayscale(100%)
}
.jstree-default-small>.jstree-striped {
background-size: auto 36px
}
.jstree-default-small.jstree-rtl .jstree-node {
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAACAQMAAAB49I5GAAAABlBMVEUAAAAdHRvEkCwcAAAAAXRSTlMAQObYZgAAAAxJREFUCNdjAAMOBgAAGAAJMwQHdQAAAABJRU5ErkJggg==);
background-position: 100% 1px;
background-repeat: repeat-y
}
.jstree-default-small.jstree-rtl .jstree-last {
background: 0 0
}
.jstree-default-small.jstree-rtl .jstree-open>.jstree-ocl {
background-position: -135px -39px
}
.jstree-default-small.jstree-rtl .jstree-closed>.jstree-ocl {
background-position: -103px -39px
}
.jstree-default-small.jstree-rtl .jstree-leaf>.jstree-ocl {
background-position: -71px -39px
}
.jstree-default-small.jstree-rtl>.jstree-no-dots .jstree-leaf>.jstree-ocl,
.jstree-default-small.jstree-rtl>.jstree-no-dots .jstree-node {
background: 0 0
}
.jstree-default-small.jstree-rtl>.jstree-no-dots .jstree-open>.jstree-ocl {
background-position: -39px -39px
}
.jstree-default-small.jstree-rtl>.jstree-no-dots .jstree-closed>.jstree-ocl {
background-position: -7px -39px
}
.jstree-default-small .jstree-themeicon-custom {
background-color: transparent;
background-image: none;
background-position: 0 0
}
.jstree-default-small>.jstree-container-ul .jstree-loading>.jstree-ocl {
background: url(//cdn.nexternal.com/img/vendor/jstree/throbber.gif) center center no-repeat
}
.jstree-default-small .jstree-file {
background: url(//cdn.nexternal.com/img/vendor/jstree/32px.png) -103px -71px no-repeat
}
.jstree-default-small .jstree-folder {
background: url(//cdn.nexternal.com/img/vendor/jstree/32px.png) -263px -7px no-repeat
}
.jstree-default-small>.jstree-container-ul>.jstree-node {
margin-left: 0;
margin-right: 0
}
#jstree-dnd.jstree-default-small {
line-height: 18px;
padding: 0 4px
}
#jstree-dnd.jstree-default-small .jstree-er,
#jstree-dnd.jstree-default-small .jstree-ok {
background-image: url(//cdn.nexternal.com/img/vendor/jstree/32px.png);
background-repeat: no-repeat;
background-color: transparent
}
#jstree-dnd.jstree-default-small i {
background: 0 0;
width: 18px;
height: 18px;
line-height: 18px
}
#jstree-dnd.jstree-default-small .jstree-ok {
background-position: -7px -71px
}
#jstree-dnd.jstree-default-small .jstree-er {
background-position: -39px -71px
}
.jstree-default-small.jstree-rtl .jstree-node {
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAACAQMAAABv1h6PAAAABlBMVEUAAAAdHRvEkCwcAAAAAXRSTlMAQObYZgAAAAxJREFUCNdjAAMHBgAAiABBI4gz9AAAAABJRU5ErkJggg==)
}
.jstree-default-small.jstree-rtl .jstree-last {
background: 0 0
}
.jstree-default-large .jstree-node {
min-height: 32px;
line-height: 32px;
margin-left: 32px;
min-width: 32px
}
.jstree-default-large .jstree-anchor {
line-height: 32px;
height: 32px
}
.jstree-default-large .jstree-icon {
width: 32px;
height: 32px;
line-height: 32px
}
.jstree-default-large .jstree-icon:empty {
width: 32px;
height: 32px;
line-height: 32px
}
.jstree-default-large.jstree-rtl .jstree-node {
margin-right: 32px
}
.jstree-default-large .jstree-wholerow {
height: 32px
}
.jstree-default-large .jstree-icon,
.jstree-default-large .jstree-node {
background-image: url(//cdn.nexternal.com/img/vendor/jstree/32px.png)
}
.jstree-default-large .jstree-node {
background-position: -288px 0;
background-repeat: repeat-y
}
.jstree-default-large .jstree-last {
background: 0 0
}
.jstree-default-large .jstree-open>.jstree-ocl {
background-position: -128px 0
}
.jstree-default-large .jstree-closed>.jstree-ocl {
background-position: -96px 0
}
.jstree-default-large .jstree-leaf>.jstree-ocl {
background-position: -64px 0
}
.jstree-default-large .jstree-themeicon {
background-position: -256px 0
}
.jstree-default-large>.jstree-no-dots .jstree-leaf>.jstree-ocl,
.jstree-default-large>.jstree-no-dots .jstree-node {
background: 0 0
}
.jstree-default-large>.jstree-no-dots .jstree-open>.jstree-ocl {
background-position: -32px 0
}
.jstree-default-large>.jstree-no-dots .jstree-closed>.jstree-ocl {
background-position: 0 0
}
.jstree-default-large .jstree-disabled {
background: 0 0
}
.jstree-default-large .jstree-disabled.jstree-hovered {
background: 0 0
}
.jstree-default-large .jstree-disabled.jstree-clicked {
background: #efefef
}
.jstree-default-large .jstree-checkbox {
background-position: -160px 0
}
.jstree-default-large .jstree-checkbox:hover {
background-position: -160px -32px
}
.jstree-default-large .jstree-checked>.jstree-checkbox,
.jstree-default-large.jstree-checkbox-selection .jstree-clicked>.jstree-checkbox {
background-position: -224px 0
}
.jstree-default-large .jstree-checked>.jstree-checkbox:hover,
.jstree-default-large.jstree-checkbox-selection .jstree-clicked>.jstree-checkbox:hover {
background-position: -224px -32px
}
.jstree-default-large .jstree-anchor>.jstree-undetermined {
background-position: -192px 0
}
.jstree-default-large .jstree-anchor>.jstree-undetermined:hover {
background-position: -192px -32px
}
.jstree-default-large .jstree-checkbox-disabled {
opacity: .8;
filter: url("data:image/svg+xml;utf8,#jstree-grayscale");
filter: gray;
-webkit-filter: grayscale(100%)
}
.jstree-default-large>.jstree-striped {
background-size: auto 64px
}
.jstree-default-large.jstree-rtl .jstree-node {
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAACAQMAAAB49I5GAAAABlBMVEUAAAAdHRvEkCwcAAAAAXRSTlMAQObYZgAAAAxJREFUCNdjAAMOBgAAGAAJMwQHdQAAAABJRU5ErkJggg==);
background-position: 100% 1px;
background-repeat: repeat-y
}
.jstree-default-large.jstree-rtl .jstree-last {
background: 0 0
}
.jstree-default-large.jstree-rtl .jstree-open>.jstree-ocl {
background-position: -128px -32px
}
.jstree-default-large.jstree-rtl .jstree-closed>.jstree-ocl {
background-position: -96px -32px
}
.jstree-default-large.jstree-rtl .jstree-leaf>.jstree-ocl {
background-position: -64px -32px
}
.jstree-default-large.jstree-rtl>.jstree-no-dots .jstree-leaf>.jstree-ocl,
.jstree-default-large.jstree-rtl>.jstree-no-dots .jstree-node {
background: 0 0
}
.jstree-default-large.jstree-rtl>.jstree-no-dots .jstree-open>.jstree-ocl {
background-position: -32px -32px
}
.jstree-default-large.jstree-rtl>.jstree-no-dots .jstree-closed>.jstree-ocl {
background-position: 0 -32px
}
.jstree-default-large .jstree-themeicon-custom {
background-color: transparent;
background-image: none;
background-position: 0 0
}
.jstree-default-large>.jstree-container-ul .jstree-loading>.jstree-ocl {
background: url(//cdn.nexternal.com/img/vendor/jstree/throbber.gif) center center no-repeat
}
.jstree-default-large .jstree-file {
background: url(//cdn.nexternal.com/img/vendor/jstree/32px.png) -96px -64px no-repeat
}
.jstree-default-large .jstree-folder {
background: url(//cdn.nexternal.com/img/vendor/jstree/32px.png) -256px 0 no-repeat
}
.jstree-default-large>.jstree-container-ul>.jstree-node {
margin-left: 0;
margin-right: 0
}
#jstree-dnd.jstree-default-large {
line-height: 32px;
padding: 0 4px
}
#jstree-dnd.jstree-default-large .jstree-er,
#jstree-dnd.jstree-default-large .jstree-ok {
background-image: url(//cdn.nexternal.com/img/vendor/jstree/32px.png);
background-repeat: no-repeat;
background-color: transparent
}
#jstree-dnd.jstree-default-large i {
background: 0 0;
width: 32px;
height: 32px;
line-height: 32px
}
#jstree-dnd.jstree-default-large .jstree-ok {
background-position: 0 -64px
}
#jstree-dnd.jstree-default-large .jstree-er {
background-position: -32px -64px
}
.jstree-default-large.jstree-rtl .jstree-node {
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAACAQMAAAAD0EyKAAAABlBMVEUAAAAdHRvEkCwcAAAAAXRSTlMAQObYZgAAAAxJREFUCNdjgIIGBgABCgCBvVLXcAAAAABJRU5ErkJggg==)
}
.jstree-default-large.jstree-rtl .jstree-last {
background: 0 0
}
@media (max-width:768px) {
#jstree-dnd.jstree-dnd-responsive {
line-height: 40px;
font-weight: 700;
font-size: 1.1em;
text-shadow: 1px 1px #fff
}
#jstree-dnd.jstree-dnd-responsive>i {
background: 0 0;
width: 40px;
height: 40px
}
#jstree-dnd.jstree-dnd-responsive>.jstree-ok {
background-image: url(//cdn.nexternal.com/img/vendor/jstree/40px.png);
background-position: 0 -200px;
background-size: 120px 240px
}
#jstree-dnd.jstree-dnd-responsive>.jstree-er {
background-image: url(//cdn.nexternal.com/img/vendor/jstree/40px.png);
background-position: -40px -200px;
background-size: 120px 240px
}
#jstree-marker.jstree-dnd-responsive {
border-left-width: 10px;
border-top-width: 10px;
border-bottom-width: 10px;
margin-top: -10px
}
}
@media (max-width:768px) {
.jstree-default-responsive .jstree-icon {
background-image: url(//cdn.nexternal.com/img/vendor/jstree/40px.png)
}
.jstree-default-responsive .jstree-leaf>.jstree-ocl,
.jstree-default-responsive .jstree-node {
background: 0 0
}
.jstree-default-responsive .jstree-node {
min-height: 40px;
line-height: 40px;
margin-left: 40px;
min-width: 40px;
white-space: nowrap
}
.jstree-default-responsive .jstree-anchor {
line-height: 40px;
height: 40px
}
.jstree-default-responsive .jstree-icon,
.jstree-default-responsive .jstree-icon:empty {
width: 40px;
height: 40px;
line-height: 40px
}
.jstree-default-responsive>.jstree-container-ul>.jstree-node {
margin-left: 0
}
.jstree-default-responsive.jstree-rtl .jstree-node {
margin-left: 0;
margin-right: 40px
}
.jstree-default-responsive.jstree-rtl .jstree-container-ul>.jstree-node {
margin-right: 0
}
.jstree-default-responsive .jstree-checkbox,
.jstree-default-responsive .jstree-ocl,
.jstree-default-responsive .jstree-themeicon {
background-size: 120px 240px
}
.jstree-default-responsive .jstree-leaf>.jstree-ocl {
background: 0 0
}
.jstree-default-responsive .jstree-open>.jstree-ocl {
background-position: 0 0 !important
}
.jstree-default-responsive .jstree-closed>.jstree-ocl {
background-position: 0 -40px !important
}
.jstree-default-responsive.jstree-rtl .jstree-closed>.jstree-ocl {
background-position: -40px 0 !important
}
.jstree-default-responsive .jstree-themeicon {
background-position: -40px -40px
}
.jstree-default-responsive .jstree-checkbox,
.jstree-default-responsive .jstree-checkbox:hover {
background-position: -40px -80px
}
.jstree-default-responsive .jstree-checked>.jstree-checkbox,
.jstree-default-responsive .jstree-checked>.jstree-checkbox:hover,
.jstree-default-responsive.jstree-checkbox-selection .jstree-clicked>.jstree-checkbox,
.jstree-default-responsive.jstree-checkbox-selection .jstree-clicked>.jstree-checkbox:hover {
background-position: 0 -80px
}
.jstree-default-responsive .jstree-anchor>.jstree-undetermined,
.jstree-default-responsive .jstree-anchor>.jstree-undetermined:hover {
background-position: 0 -120px
}
.jstree-default-responsive .jstree-anchor {
font-weight: 700;
font-size: 1.1em;
text-shadow: 1px 1px #fff
}
.jstree-default-responsive>.jstree-striped {
background: 0 0
}
.jstree-default-responsive .jstree-wholerow {
border-top: 1px solid rgba(255, 255, 255, .7);
border-bottom: 1px solid rgba(64, 64, 64, .2);
background: #ebebeb;
height: 40px
}
.jstree-default-responsive .jstree-wholerow-hovered {
background: #e7f4f9
}
.jstree-default-responsive .jstree-wholerow-clicked {
background: #beebff
}
.jstree-default-responsive .jstree-children .jstree-last>.jstree-wholerow {
box-shadow: inset 0 -6px 3px -5px #666
}
.jstree-default-responsive .jstree-children .jstree-open>.jstree-wholerow {
box-shadow: inset 0 6px 3px -5px #666;
border-top: 0
}
.jstree-default-responsive .jstree-children .jstree-open+.jstree-open {
box-shadow: none
}
.jstree-default-responsive .jstree-checkbox,
.jstree-default-responsive .jstree-icon,
.jstree-default-responsive .jstree-node,
.jstree-default-responsive .jstree-node>.jstree-ocl,
.jstree-default-responsive .jstree-themeicon {
background-image: url(//cdn.nexternal.com/img/vendor/jstree/40px.png);
background-size: 120px 240px
}
.jstree-default-responsive .jstree-node {
background-position: -80px 0;
background-repeat: repeat-y
}
.jstree-default-responsive .jstree-last {
background: 0 0
}
.jstree-default-responsive .jstree-leaf>.jstree-ocl {
background-position: -40px -120px
}
.jstree-default-responsive .jstree-last>.jstree-ocl {
background-position: -40px -160px
}
.jstree-default-responsive .jstree-themeicon-custom {
background-color: transparent;
background-image: none;
background-position: 0 0
}
.jstree-default-responsive .jstree-file {
background: url(//cdn.nexternal.com/img/vendor/jstree/40px.png) 0 -160px no-repeat;
background-size: 120px 240px
}
.jstree-default-responsive .jstree-folder {
background: url(//cdn.nexternal.com/img/vendor/jstree/40px.png) -40px -40px no-repeat;
background-size: 120px 240px
}
.jstree-default-responsive>.jstree-container-ul>.jstree-node {
margin-left: 0;
margin-right: 0
}
}
@media only screen and (max-width: 1092px) {
#menu:not(.is-open) {display:none}
.header-main-container {display:block}
.header-logo--left {float:left}
.navUser {float:right}
.bottomBar-action--menu {cursor:pointer}
}
/*end ..BORDERING HTML*/
/*----------------------------------------------------------------
..UNIQUE STYLES FOR THIS STORE
------------------------------------------------------------------*/
/*for a11y*/
.ui-btn-hidden {
/*removed - this was causing a second button label with 1px font size to lie on top of the white button labels (example: enter coupon) - Still passing lighthouse audit without this
opacity:1;
text-indent: 0;
*/
}
.nextProductImageContainer {
margin-bottom: 30px;
}
body.adaFocusOutline :focus,
body.adaFocusOutline .ui-focus {
outline-color: #74b0f8 !important;
outline-style: solid !important;
}
body.adaFocusOutline .nextHeader a:focus {
outline-color: #74b0f8 !important;
outline-style: solid !important;
}