html {height: 100%}
form.aspNetForm, div.nextOuterWrapper, div.nextInnerWrapper {height: 100%; margin: 0}
.store {vertical-align: top; margin: 0}
.main {background-color: white; background-image: none; text-align: left; vertical-align: top; margin: 0; font: 10pt proxima-nova; color: #444444; padding: 0 5px 0 5px}
.margin, .modal {background-color: white; background-image: none; text-align: left; font: 10pt proxima-nova; color: #444444; padding: 0 2px 0 2px}
h1 {margin: 0}
hr {height: 1px}
.main hr, .margin hr {color: black; background-color: black; border-width: 0px}
.cart {background-color: white; background-image: none; text-align: center; vertical-align: top; margin: 0; font: 10pt proxima-nova; color: #444444}
.persist {background-color: white; background-image: none; text-align: left; vertical-align: top; margin: 0; font: 10pt proxima-nova; color: black}
.persist hr {color: black; background-color: black}
body.master {background-color: white; background-image: none; margin: 0 auto 0 auto}
td {font: inherit}
table.frame {background: none transparent; table-layout: auto; text-align: left; height: 100%}
table.nextInnerTable {width: 100%; height: 100%}
tr.invisible {display: none}
td.top {background-color: transparent; background-image: none; text-align: left}
td.bottom {background-color: transparent; background-image: none; text-align: left}
td.left {background-color: white; background-image: none; vertical-align: middle}
td.right {background-color: white; background-image: none; vertical-align: middle}
.font1 {font: 10pt proxima-nova}
.font1small {font: 8pt proxima-nova}
.font1large {font: 12pt proxima-nova}
.font2 {font: 10pt proxima-nova}
.font2small {font: 8pt proxima-nova}
.font2large {font: 12pt proxima-nova}
.labelSubText {font-size: 8pt; display: block}
.welcome {text-align: center}
.main a {color: #339933}
.main a:hover {color: black}
.main img {border-color: #339933}
.cart a {color: #f5551e}
.cart a:hover {color: black}
.cart img {border-color: #f5551e}
.persist a {color: #3b7557}
.persist a:hover {color: #7fd2a7}
.persist img {border-color: #3b7557}
.margin a, .modal a {color: #339933}
.margin a:hover, .modal a:hover {color: black}
.margin img, .modal img {border-color: #339933}
a.nounderline, .nounderline a {text-decoration: none}
.main a.disguise, .main a.disguise:hover, .margin a.disguise, .margin a.disguise:hover, .modal a.disguise, .modal a.disguise:hover {text-decoration: none; color: #444444}
.main .banner1 {background-color: #404041; background-image: none; font: bold 10pt proxima-nova; color: white}
.main .banner1 h1.nextBannerText {font: bold 10pt proxima-nova; color: white; margin-bottom: 0px}
.main .banner2 {background-color: #404041; background-image: none; font: bold 10pt proxima-nova; color: white}
.cart .banner1 {background-color: #404041; background-image: none; font: bold 10pt proxima-nova; color: white}
.persist .banner1 {background-color: #404041; background-image: none; font: bold 10pt proxima-nova; color: white}
.margin .banner1, .modal .banner1 {background-color: #404041; background-image: none; font: bold 10pt proxima-nova; color: white}
.margin .banner2, .modal .banner2 {background-color: #404041; background-image: none; font: bold 10pt proxima-nova; color: white}
.main .bannerStoreFront {background-color: black; background-image: none}
.main .bannerStoreFront .nextStoreFrontBannerNameCell {font-weight: bold; color: white}
.modal {border: solid 1px black}
.shade {background-color: black; opacity: 0.65}
.ratingSpace {font-size: 0pt; width: 16px; height: 15px; margin: 0px; padding: 0px; cursor: pointer; display: block; background-repeat: no-repeat}
.positiveRating {background-image: url(//cdn.nexternal.com/sierraclub/images/star_full1.png)}
.negativeRating {background-image: url(//cdn.nexternal.com/sierraclub/images/star_empty1.png)}
a.closeX {font-weight: normal; color: white; text-decoration: none; border-width: 1px; border-style: solid; padding: 1px}
a.closeX:hover {font-weight: bold; color: white}
.updateProgress {background-color: white; position: absolute; padding: 0; margin: 0; opacity: 0.7}
.updateProgress div {padding: 4px; position: absolute; top: 20%; left: 50%}
.watermark {background-color: #f1f1f1; font-style: italic; text-align: center}
.tab {visibility: visible !important}
.tab .ajax__tab_tab {margin-right: 0px; outline: none}
.tab .ajax__tab_outer {background-color: #404041; background-image: none; border: 1px solid black; border-bottom: 0px; margin-left: 3px; padding: 3px}
.tab .ajax__tab_outer span {color: white}
.tab .ajax__tab_hover, .addthis_button_compact {cursor: pointer}
.tab .ajax__tab_hover .ajax__tab_outer, .tab .ajax__tab_active .ajax__tab_outer {background-color: #404041; background-image: none}
.tab .ajax__tab_hover .ajax__tab_outer span, .tab .ajax__tab_active .ajax__tab_outer span {color: white}
.tab .ajax__tab_active .ajax__tab_outer, .nextZoomContainer {position: relative}
.tab .ajax__tab_body {border: 1px solid black; padding: 3px; margin-top: -1px}
.ajax__validatorcallout_error_message_cell {color: black}
.pac-container {z-index: 100001}
.nextCatDisc, .pac-item {font-family: proxima-nova}
.nextStatus, .nextSKUOptions, .nextSearchStatement, .nextArticleSearchStatement, .nextCatDisc, .nextCatDiscText, .nextMultiLinePrevNext, .nextSKUShipText, .nextSharingDiscountLimit, .nextPurchaseSetQtyMsg, .nextMisCustomer, .nextOrderPadSampleLink, .nextCartPolicy, .nextCartCurrency, .nextCartProdSavings, .nextViewCoupon, .nextRemoveCoupon, .nextRemoveGiftCert, .nextRemoveGiftCard, .nextCartCalculator, .nextCartSmallButton, .nextPoweredBy, .nextShippingDisclaimer td, .nextNewCustomerCancel, .nextNoApplicationCoupon, .nextEmptyCartGiftCert, .nextEmptyCartGiftCard, .nextCartLoyaltyRedemption, .nextPendingCancelLink, .nextGroupCreditCardMessage, .nextGroupNoCreditCardMessage, .nextGroupPendingOnlyMessage, .nextGroupSubcustomerMessageCell, .nextGroupCreditCardMessageCell, .nextGroupNoCreditCardMessageCell, .nextGroupACHMessageCell, .nextGroupNoACHMessageCell, .nextGroupPendingOnlyMessageCell, .nextApprovalExplanationCell, .nextRequisitionerExplanationCell, .nextApproverExplanationCell, .nextGroupEmailExplanationCell, .nextNewMembersExplanationCell, .nextPendingMemberExplanationCell {font-size: 8pt}
.nextSoldOut, .nextProductDetailTabbed .nextProdName, .nextProductDetailTabbed .nextPrice, .nextNewCustomerLink, .nextExpressOrderTotals, .nextOrderPadTotalLabel, .nextOrderPadTotalQuantity, .nextOrderPadUpload, .nextInvoicePaymentFooter {font-size: 12pt}
.nextCategoryDisplay .nextCatName, .nextAttributes, .nextExpressOrderAttributes, .nextAppendHeader {font: 10pt proxima-nova}
.nextProduct, .nextAdvancedSearch, .nextUndoSearch, .nextProductDetailTop, .nextProductDetailStacked .nextProdName, .nextExpressOrderProducts .nextProdName, .nextLongDescription, .nextArticleSearchDescription, .nextArticleSearchLink, .nextCartTop, .nextShoppingCart, .nextRegisterHeader, .nextPasswordTextCell, .nextTrusteeTextCell, .nextLargeTextLink {font: 10pt proxima-nova}
.nextArticleSearchTitle {font: 12pt proxima-nova}
.nextCategory .nextCatName {font: 10pt proxima-nova}
.nextOrderDiscounts, .nextSoldOut, .nextHierarchyTitle, .nextArticleSearchLink, .nextCartEmpty, .nextCartStatus, .nextMinimumViolatedMessage, .nextSharingDiscountMessage, .nextMinimumOrderMessage, .nextMinimumExpeditedMessage, .nextShippingDisclaimer td, .nextAdvancedSearchInstructions, .nextNoOrders, .nextNoAddresses, .nextNoCreditCards, .nextNoBankAccounts, .nextNoNotifications, .nextNoGroups, .nextNoMembers, .nextNoInvoices, .nextNoPending {font-style: italic}
.nextSearchBox, .nextSharingDiscountLimit {font-weight: normal}, .nextPurchaseSetQtyMsg {font-weight: normal}
.nextSoldOut, .nextProductDetailTabbed .nextProdName, .nextProductDetailStacked .nextProdName, .nextExpressOrderProducts .nextProdName, .nextProductDetailTabbed .nextPrice, .nextProductDetailTabbedTable .nextSKU, .nextProductDetailTabbedTable .nextCustomField1, .nextProductDetailTabbedTable .nextCustomField2, .nextProductDetailTabbedTable .nextCustomField3, .nextProductDetailTabbedTable .nextCustomField4, .nextProductDetailTabbedTable .nextCustomField5, .nextProductDetailTabbedTable .nextCustomField6, .nextProductDetailTabbedTable .nextCustomField7, .nextProductDetailTabbedTable .nextCustomField8, .nextProductDetailTabbedTable .nextCustomField9, .nextProductDetailTabbedTable .nextCustomField10, .nextProductDetailTabbedTable .nextCustomField11, .nextProductDetailTabbedTable .nextCustomField12, .nextProductDetailTabbedTable .nextCustomField13, .nextProductDetailTabbedTable .nextCustomField14, .nextProductDetailTabbedTable .nextCustomField15, .nextProductDetailTabbedTable .nextCustomField16, .nextProductDetailTabbedTable .nextCustomField17, .nextProductDetailTabbedTable .nextCustomField18, .nextProductDetailTabbedTable .nextCustomField19, .nextProductDetailTabbedTable .nextCustomField20, .nextProductDetailTabbedTable .nextShipWeight, .nextProductDetailTabbedTable .nextAllocation, .nextProductDetailTabbedTable .nextInventory, .nextSharingDiscountNotification, .nextAttributeLabel label, .nextWriteInLabel label, .nextCategoryDisplay .nextCatName, .nextHierarchyTitle, .nextHierarchyFinalText, .nextNewCustomerLink, .nextCartPendingEdit, .nextHelpDeskProductLabel, .nextHelpDeskCategoryLabel, .nextExpressOrderTotals, .nextOrderPadTotalLabel, .nextOrderPadTotalQuantity, .nextLargeTextLink, .nextReasonCanceled, .nextOrderCustomerCommentsLabel, .nextOrderCompanyCommentsLabel {font-weight: bold}
.nextCategory .nextCatName, .nextCatDisc a, .nextPoweredBy a {text-decoration: none}
.nextPoweredBy a:hover {text-decoration: underline}
.nextPersistentCategory :focus {outline: 0}
.nextCatDiscRule hr {color: #339933; background-color: #339933}
hr.nextCatUnderbar {width: 100%; height: 3px; clear: both; border-width: 0px; color: ; background-color: }
.main .nextSoldOut, .main .nextProdDiscount, .main .nextCartDiscount, .main .nextCartSavings, .main .nextCartSubscription, .main .nextCartOrderSubscription, .main .nextCartReservation, .main .nextExpiredDate, .nextCustomerShipperWarning, .nextCartWarningsWrapper, .nextGroupNoCreditCardMessage, .nextGroupPendingOnlyMessage, .nextGroupNoCreditCardMessageCell, .nextGroupNoACHMessageCell, .nextGroupPendingOnlyMessageCell {color: #444444}
.persist .nextSoldOut, .persist .nextProdDiscount {color: black}
.cart .nextCartDiscount, .cart .nextCartSavings, .cart .nextCartSubscription, .cart .nextCartOrderSubscription, .cart .nextCartReservation, .cart .nextCartWarningsWrapper {color: #444444}
.nextPopupText {white-space: normal}
.nextSortBy, .nextSingleLinePrevNext, .nextPreviousProductTextCell, .nextNextProductTextCell, .nextProductDetailTabbed .nextPrice, .nextRatingIcons, .nextRelatedThread, .nextCartDiscount, .nextBannerCell, .nextInternalCustomerInformationPopup .nextPopupText, .nextShipName, .nextOrderPadUploadSample, .nextAffiliateDropDownCell, .nextBookAddress, .nextAddToCartQuantity, .nextExpressOrderQuantity, .nextOrderPadQuantityCell, .nextEnterTrusteeRow .nextEmailLabelCell, .nextPendingCommitRow, .nextPendingMinQtyRow, .nextPendingCancelRow, .nextInvoiceShipToAddress, .nextInvoicePickupAddress, .nextInvoiceEmailToAddress, .nextInvoiceBillToAddress, .nextCanceledApprovals, .nextMemberFilterCell {white-space: nowrap}
.nextCategoryDiscount, .nextCatDiscRule, .nextRelatedThreadBackTo, .nextRelatedThreadProducts, .nextTabbedProduct, .nextExpressOrderList, .nextDescriptionLink, .productList .nextPagesTicker, .productList .nextBottomPlaceholder, .nextProductDetailStacked .nextAttributes, .nextProductDetailStacked .nextPriceDetails, .nextProductDetailStacked .nextSpecifications, .nextProductDetailTabbed .nextMainImage, .nextProductDetailTabbed .nextProdImage, .nextGallery, .nextMiniThumb, .nextRelatedColumnProduct, .nextCartPolicy, .nextButtonEdit, .nextButtonDelete, .nextPendingCheckbox, .nextPendingRequiredLineItemCheckbox {float: left}
.nextSearch, .productList .nextSortBy {float: right}
.nextGallery div, .nextCouponSharingButtons {clear: left}
.nextProductDetailTabbed .nextLargeImageLink, .nextProductDetailTabbed .nextGalleryWrap, .nextProductDetailTabbedTable, .nextCategoryDiscount, .nextHeaderFooter, .nextAddToCartButtonMsg, .nextCategoryDescription, .nextProductDetailTop, .nextProductDetailBottom, .nextGallery, .nextRelatedSpacer, .nextRelatedCategory, .nextRelatedRule, .nextProductSeparator, .nextCartProducts, .nextLoginBtoC, .nextLoginForm, .nextHelpDeskProductLabel, .nextHelpDeskCategoryLabel {clear: both}
.nextRelatedProductsColumn {clear: left; float: left}
.nextHierarchyTable, .nextHierarchyCell, .nextRelatedCategory, .nextPopupText, .nextShipNameInstructions, .nextShippingDisclaimer td, .nextBannerCellLeft, .nextBannerCellLeftButton {text-align: left}
.nextCatDiscText, .nextOrderDiscounts, .nextSingleLinePrevNext, .nextAdvancedSearch, .nextUndoSearch, .nextSearchStatement, .nextDescriptionLink, .nextPagesTicker, .nextSKUPagesTicker, .nextProductDetailStacked .nextSKUShipText, .nextMainImage, .nextCentered, .persist .nextSortBy, .nextAdvancedSearchInstructions, .nextTopImage, .nextOrderPadQuantityLabelCell, .nextOrderPadTotalQuantity, .nextOrderPadUpload, .nextOrderPadUploadSample, .nextLoginWelcome, .nextInvalidLoginMessage1, .nextInvalidLoginMessage2, .nextRegisterHeader, .nextBannerCellCenter, .nextOrderPadNumRows, .nextPasswordTextCell, .nextTrusteeTextCell, .nextTrusteeEmailConfirmation, .nextNoOrders, .nextNoAddresses, .nextNoCreditCards, .nextNoBankAccounts, .nextNoNotifications, .nextNoGroups, .nextNoMembers, .nextNoPending, .nextEditPendingAddressBook, .nextEditSubscriptionAddressBook, .nextLegalDisclaimer, .nextCustomerShipperWarning, .nextEditPendingText, .nextPlacePendingOrderText, .nextApproveOrderText, .nextRejectOrderText, .nextCancelPendingOrderText, .nextPlaceSubscriptionOrderText, .nextSkipSubscriptionOrderText, .nextSubscriptionSuspendText, .nextPaypalInstructions, .nextPaypalTransfer, .nextOrderAddendum, .nextBulkOrderText, .nextNoInvoices, .nextOrderPaymentSeparatorRow td, .nextOrderApprovals, .nextCanceledApprovals, .nextApproveReject, .nextPendingLineItemActions, .nextPendingEditAddress, .nextPendingEditPayment, .nextGroupConfirmationPopup, .nextPendingGroupAccept, .nextOrderStatusLogo {text-align: center}
.productList .nextSortBy, .nextRelatedColumnProduct, .nextExpressOrderAttributeLabel, .nextExpressOrderQuantity, .nextBannerCellRight, .nextCloseXCell, .nextExpressOrderTotals, .nextExpressOrderATC, .nextOrderPadTotalLabel, .nextAffiliateLabelCell, .nextCustomerCustomFieldLabelCell {text-align: right}
.nextCurrentCategorySearch td, .nextRelatedThreadBackTo, .nextRelatedThreadProducts, .nextMainImageWrap, .nextMainImage, .nextTabbedProduct, .nextPriceDetails, .nextSpecifications, .nextAddToCart, .nextAttributes, .nextExpressOrderAttributes, .nextRelatedColumn, .nextTabs, .nextRelatedColumnProduct, .nextOrderPadTotalLabel, .nextOrderPadTotalQuantity, .nextNewCustomer, .nextReturningCustomer, .nextOrderBillToAddress, .nextOrderPaymentInformation, .nextOrderShipToAddress, .nextPendingBillToAddress, .nextPendingPaymentInformation, .nextPendingShipToAddress, .nextPendingActions, .nextSubscriptionBillToAddress, .nextSubscriptionPaymentInformation, .nextSubscriptionShipToAddress, .nextSubscriptionActions, .nextTrusteePickupAddress, .nextAccountAdditionalAddress, .nextAccountCreditCard, .nextOrderCustomerComments, .nextOrderCompanyComments, .nextPendingLineItems, .nextPendingEditAddress, .nextPendingEditPayment, .nextMemberFilterCell, .nextMemberCell, .nextOrderStatus, .nextOrderStatusBillToAddress, .nextOrderStatusPayment {vertical-align: top}
.nextSearch, .nextCartBottomButton, .nextShippingDisclaimer td, .nextPendingLineItemActions, .nextOrderApprovals {vertical-align: middle}
.nextProductList .nextPickupSelect, .nextProductDetail .nextPickupSelect .nextPickupSelectQuickShop {vertical-align: bottom}
.nextCategoryTable {border-spacing: 6px; float: left}
.nextInvoiceTable {border-spacing: 0}
.nextEditContactTable, .nextEditAddressTable, .nextEditCreditCardTable, .nextEditShipToTable, .nextEditBillToTable, .nextCommentsTable {border-spacing: 1px}
.nextShippingDisclaimer, .nextEditContactTable, .nextEditAddressTable, .nextEditCreditCardTable, .nextEditShipToTable, .nextEditBillToTable, .nextInvoiceTable, .nextCommentsTable {border-width: 0}
.nextRelatedTileProduct {width: 33%; text-align: left; vertical-align: top}
.nextCategory {text-align: left; vertical-align: bottom}
.nextProdName, .nextLargeImageLink, .nextOrderPadSampleImage, .nextOrderPadUploadImage, .nextOrderPadUploadImage, .nextCartPolicy, .nextCartBannerImage, .nextCheckOutButton, .nextCartSavings, .nextShippingCoupon, .nextShippingPriceOverrideText, .nextCartBottomButton, .nextCartRequiredProductMultiple, .nextPendingCheckbox, .nextPendingRequiredLineItemCheckbox, .nextEditPendingButton, .nextPendingActivationButton, .nextApproveButton, .nextRejectButton, .nextLargeTextLink, .nextEditPendingButton, .nextPendingActivationButton, .nextApproveButton, .nextRejectButton, .nextGroupEdit, .nextGroupDelete {display: block}
.nextHTMLButton {display: inline}
.nextPriceWrapper, .nextZoomContainer {display: inline-block}
.nextUpsell .nextRelatedEmpty {display: none}
.nextSharingTools .nextAddThis, .nextSharingTools .nextTweet, .nextSharingTools .nextPinIt, .nextSharingTools .nextFBShare {display: inline-block; vertical-align: middle}
.nextCartBottomButton {float: none}
.nextRelatedThread, .nextProductDetailStacked .nextStandardAttributes, .nextProductDetailStacked .nextWriteInAttributes, .nextCartBannerImage, .nextTellAFriendCaptcha, .nextQuestionCaptcha, .nextReviewCaptcha, .nextOrderPadSampleImage, .nextOrderPadUploadImage, .nextAffiliateCaptcha, .nextPasswordCaptcha, .nextTrusteeCaptcha, .nextOrderPaymentSeparatorRow td div, .nextInvoicePaymentTable {margin-left: auto; margin-right: auto}
.nextShipToRow, .nextOrderList, .nextSubscriptionList, .nextPendingList, .nextTrusteeList, .nextLoyaltyList, .nextTrusteeList, .nextSubscriptionOrderList, .nextGroupOrderList, .nextGroupSubscriptionList, .nextGroupPendingList {margin-top: 2px}
.nextSharingTools .nextSharingDiscountNotification,.nextSharingDiscountNotificationQuickShop, .nextOrderCommentsForApprovers, .nextEditPendingButton, .nextPendingActivationButton, .nextPendingNoActivation, .nextPendingNoAction, .nextPendingApprovals, .nextPendingCommentsForApprovers, .nextApproveButton, .nextRejectButton, .nextPendingCancel, .nextEditPendingAddressBook, .nextEditSubscriptionAddressBook {margin-top: 4px}
.nextRelatedColumnProduct, .nextLargeTextLink, .nextEnterLinkWrapper, .nextOrderPaymentSeparatorRow td div {margin-top: 5px}
.nextTellAFriend, .nextBookmark, .nextAddThis, .nextTweet, .nextPinIt, .nextFBShare, .nextFBShareQuickShop, .nextAddThisCouponSharing, .nextFBCouponSharing, .nextHelpDeskAskLogo, .nextHelpDeskThankYou {margin-top: 10px}
.nextGallery {margin-top: 12px}
.nextLargeImageLink, .nextCartBannerImage {margin-top: 15px}
.nextHelpDeskProductLabel, .nextHelpDeskCategoryLabel {margin-top: 20px}
.nextCategoryDisplay .nextCatName, .nextCatDiscRule, .nextTabbedProduct .nextATCButton, .nextOrderPadStatusDisplay {margin-left: 5px}
.nextMiniThumb {margin-right: 1px; margin-bottom: 1px}
.nextBuyNowButton {margin-top: 2px; margin-bottom: 2px}
.nextCatDiscRule, .nextHierarchyTitle, .nextRelatedThreadBackTo, .nextLockIcon, .nextRelatedProductsColumn, .nextHelpDeskProdThumb {margin-right: 5px}
.nextLargeTextLink, .nextOrderPaymentSeparatorRow td div {margin-bottom: 5px}
.nextRelatedProducts, .nextViewedProducts, .nextNoApplicationCoupon, .nextEmptyCartGiftCert, .nextEmptyCartGiftCard, .nextTweetButtonCoupon, .nextAddToCartButtonMsg {margin-bottom: 10px}
table.nextHierarchy, .nextPaypalTransfer {margin-bottom: 20px}
.nextMainImage, .nextRelatedRule, .nextExpressOrderProducts {margin: 2px}
.nextDiscountThumbnail, .nextAffiliateFormLogo {margin: 10px}
.nextGiftMessageWrap, .nextRegisterHeader, .nextPendingOrderAddendum {margin: 10px 0}
.nextCheckOutButton, .nextEditPendingButton, .nextPendingActivationButton, .nextApproveButton, .nextRejectButton {margin: 8px auto}
.nextTabbedRule, .nextShipName, .nextCartBottomButton {margin: 5px 0}
.nextCartProducts, .nextCartCalculator {margin: 4px 0}
.nextProductDetailBottom {margin: 20px 0 8px 0}
.nextCartProdImage img {margin: 2px 5px 2px 0}
.nextGroupActionList, .nextSubscriptionActionList {margin: 5px 0 0 2px}
.nextTabbedProduct .nextAttributeLabel, .nextTabbedProduct .nextAttributeSelect {padding-top: 4px}
.nextRSS, .nextTabbedProduct .nextTellAFriend, .nextTabbedProduct .nextPrice, .nextTweetCoupon {padding-top: 6px}
.nextCartContents, .nextGroupEmailExplanationCell {padding-top: 10px}
.nextPendingEditAddress, .nextPendingEditPayment {padding-top: 20px}
.nextSubscriptionWarning, .nextPendingOrderWarning {padding-left: 3px}
.nextBannerCellLeft .nextBannerText, .nextBannerCellLeftButton .nextBannerText {padding-left: 6px}
.nextRelatedProducts ul, .nextViewedProducts ul, .nextGroupActionList, .nextSubscriptionActionList {padding-left: 15px}
td.nextProdThumb {padding-right: 5px}
.nextBannerCellRight .nextBannerText, .nextExpressOrderAttributeSelect {padding-right: 6px}
.nextBannerCellLeftButton .nextBannerText, .nextOrderPadUploadSample, .nextContactAddress {padding-right: 12px}
.nextEnterShipTo {padding: 5px}
.nextTabbedProduct .nextAddToCart {padding: 12px 0}
.nextCartProducts td {padding: 5px 2px}
.nextShoppingCart {padding: 0 5px}
.nextHierarchyTable {padding: 6px 0 10px 0}
.nextProductTicker {padding: 5px 0 8px 0}
.nextSelectOptions {padding: 8px 0 4px 0}
.nextOrderPadProductImage {padding: 0 5px 0 2px}
.nextCloseXCell, .nextOrderPadSKULabelCell, .nextOrderPadQuantityLabelCell, .nextEnterTrusteeRow .nextEmailLabelCell {width: 1px}
.nextProductSpacer, .nextAttributeSpacer, .nextGiftCertButtonSpacer, .nextShipToSpacer, .nextPickupSpacer, .nextEmailToSpacer, .nextOrderPadSpacerCell {width: 10px}
.nextCatDiscRule {width: 15px}
.nextOrderPadUploadImage {width: 75px}
.nextStoreFrontBannerSpacerCell, .nextStoreFrontBannerSearchCell {width: 150px}
.nextGiftMessagePopup {width: 250px}
.nextTellAFriendCaptcha, .nextQuestionCaptcha, .nextReviewCaptcha, .nextAffiliateCaptcha, .nextPasswordCaptcha, .nextTrusteeCaptcha {width: 304px}
.nextEnterShipToPopup {width: 350px}
.nextShipperAccountPopup, .nextCouponPopup, .nextLoyaltyRedemptionPopup, .nextCurrencyConverterPopup, .nextGiftCardPopup, .nextRedeemGiftCertificatePopup, .nextCartValidationError, .nextInternalMemoPopup, .nextPasswordPopup, .nextInviteTrusteePopup {width: 400px}
.nextPendingCanceledPopup, .nextPendingActivatedPopup, .nextPendingActivateNowPopup, .nextCancelPendingPopup, .nextSubscriptionOrderNowPopup, .nextSubscriptionSkipPopup, .nextSubscriptionSuspendPopup {width: 450px}
.nextTellAFriendPopup, .nextNotifyInstockPopup, .nextUpsell, .nextEditPendingPopup, .nextAddressValidationPopup {width: 500px}
.nextNotificationPopup, .nextEnterQuestionPopup, .nextEnterReviewPopup, .nextEditAddressPopup, .nextCreditCardPopup, .nextEditPendingAddressPopup, .nextEditSubscriptionAddressPopup {width: 550px}
.nextCartCalculatorPopup, .nextTrackingPopup {width: 650px}
.nextEditPendingPaymentPopup, .nextEditSubscriptionPaymentPopup{width: 700px}
.nextExpressOrderPopup {width: 900px}
.nextPendingLineItemActions {width: 25%}
.nextProductDetailStacked .nextAttributes, .nextButtonEdit, .nextButtonDelete, .nextReasonCanceledLabel, .nextReasonCanceled, .nextOrderBillToAddress, .nextOrderPaymentInformation, .nextOrderShipToAddress, .nextOrderApprovals, .nextPendingBillToAddress, .nextPendingPaymentInformation, .nextPendingShipToAddress, .nextPendingActions, .nextSubscriptionBillToAddress, .nextSubscriptionPaymentInformation, .nextSubscriptionShipToAddress, .nextSubscriptionActions, .nextTrusteePickupAddress, .nextAccountAdditionalAddress, .nextAccountCreditCard, .nextOrderCustomerCommentsLabel, .nextOrderCustomerComments, .nextOrderCompanyCommentsLabel, .nextOrderCompanyComments {width: 50%}
.nextRelatedThread, .nextOrderPaymentSeparatorRow td div {width: 60%}
.nextPendingLineItems {width: 75%}
.nextMemberCell {width: 80%}
.nextProductDetailTop, .nextProductDetailBottom, .nextRelatedColumnProduct, .nextExpressOrderProducts, .nextBannerCellLeft, .nextBannerCellCenter, .nextBannerCellRight, .nextBannerCellButton, .nextEditContactTable, .nextEditAddressTable, .nextEditPendingAddressTable, .nextEditSubscriptionAddressTable, .nextEditCreditCardTable, .nextEditShipToTable, .nextEditBillToTable, .nextInvoiceTable, .nextPaymentInfoCell, .nextEditPendingButton, .nextPendingActivationButton, .nextApproveButton, .nextRejectButton, .nextMemberTable, .nextTabbedProduct .nextBuyNowButton, .nextOrderPadProducts, .nextOrderPadUpload {width: 100%}
.productList .nextExpressOrderList, .productList .nextDescriptionLink, .productList .nextPagesTicker, .productList .nextSortBy, .productList .nextBottomPlaceholder {min-width: 33%; max-width: 50%}
.nextOrderPadSpacerRow {height: 2px}
.nextRelatedSpacer, .nextRelatedRule, .nextCartBannerSpacer {height: 5px}
.nextOrderPadUpload {height: 100px}
.nextProductTicker, .nextProductDetailBottom, .nextRelatedThread, .nextTweetButton, .nextTweetButtonCoupon, .nextCartPolicies, .nextCartSmallButtons, .nextCartBottomButtons, .nextLoyaltyRedemptionButton {overflow: hidden}
.nextCartProdImageSmall img {max-width: initial; max-height: initial}
.nextCartProdImageLarge img {max-width: initial; max-height: initial}
.nextExpressOrderProductRow .nextProdThumb img, .nextExpressOrderSKURow .nextProdThumb img {max-width: 120px; max-height: initial}
.nextExpressOrderSKURow {background-color: transparent; background-image: none}
.nextFBShareButtonWrapper, .nextCartProductEdit, .nextCartProductDelete, .nextPercentAdjustLink {cursor: pointer}
.nextFBShareButton, .nextTweetButton, .nextFBShareButtonCoupon, .nextTweetButtonCoupon {border: none}
.nextProductDetailTop, .nextFBShareButton, .nextFBShareButtonCoupon {overflow: visible}
.nextInternalCustomerInformationPopup, .nextAddressBookPopup {border: 1px solid black}
.nextSubmitGiftMessage, .nextOrderPadUpload {border: 2px solid black}
.nextTabbedRule, .nextRelatedRule {border-bottom: 1px solid black}
.nextOrderPaymentSeparatorRow td div {border-bottom: 1px dashed black}
.nextOrderPadUpload {border-radius: 10px}
.nextOrderDiscounts li {list-style-type: none}
.nextPercentAdjustPopup {background-color: white; background-image: none}
.nextClear {clear: both; height: 0; line-height: 0}
a.nextFacebookShareButton {background: url(//cdn.nexternal.com/shared/storefront/images/facebookbg.jpg) top repeat-x #5F78AB; color: #FFFFFF; font-size: 12px; font-weight: bold; padding: 0px 4px 2px 4px; border: 1px solid #29447E; text-decoration: none}
a.nextFacebookShareButton:hover {background-color: #4B649A; background-image: none; color: #ffffff}
.nextFacebook, .nextTwitter {padding: 10px; margin: 10px; border: solid 1px #ccc; background-color: #eee}
.nextTwitterUpdate {width: 585px; text-align: left}
.nextTwitterUpdate textarea {width: 580px}
a.nextTwitterUpdateButton, a.nextTwitterShareButton {padding: 0px 5px 1px 25px; height: 20px; border: 1px solid #d8dfea; text-decoration: none; color: #777; font-size: 15px; text-align: left; background: #fff url(//cdn.nexternal.com/shared/storefront/images/twitter_t_logo_outline.png) no-repeat 3px center}
a.nextTwitterUpdateButton:hover, a.nextTwitterShareButton:hover {background: #32cbff url(//cdn.nexternal.com/shared/storefront/images/twitter_t_logo_outline.png) no-repeat 3px center; color: #fff}
a.nextTwitterUpdateButton {width: 105px}
a.nextTwitterShareButton {width: 150px}
.nextPopupTransferEffect, .nextATCTransfer {border: 3px solid black; background-color: white; background-image: none}
.nextATCTransfer { background-repeat: no-repeat; background-position: center; background-size: auto 80%; text-align: center }
.nextATCTransfer .nextATCTextWrapperOuter {width: 100%; height: 100%; display: table}
.nextATCTransfer .nextATCTextWrapperInner, .nextCartProdText, .nextCartProdImage, .nextOrderPadProductDescription, .nextOrderPadProductImage, .nextOrderPadUpload, .nextOrderPadUploadSample, .nextSubscriptionStatus, .nextSubscriptionWarning, .nextPendingStatus, .nextPendingOrderWarning {display: table-cell; vertical-align: middle}
.nextInternalCustomerInformationPopup {background-color: white; background-image: none; color: #444444; padding: 10px}
.nextAddressBookSearchElements {display: block;background-color: #eee;margin: 2px 2px 2px 0;border-style: none;padding: 0;min-height: 24px;}
.nextAddressBookSearchInput { background-color: #eee;margin: 0 0 2px 0;border-style: none;padding: 0 0 0 2px;height: 24px;vertical-align: middle;position: relative }
.nextAddressBookClearSearch { background-color: #eee;margin: 0 0 2px 0;border-style: none;padding: 0 0 0 0; background-image: none, url('//cdn.nexternal.com/shared/ordermgmt/images/clearButton.png');background-size: 22px;height: 22px;width: 22px; }
.fb_edge_widget_with_comment span.fb_edge_comment_widget iframe.fb_ltr {display: none !important;}
.nextToolTip {border: solid 1px #ccc; background-color: white; z-index: 100005; width: 200px; padding: 10px; box-shadow: 2px 2px 10px #888 }
.nextZoomIcon {position: absolute; right: 0}
.nextZoomContainer {zoom:1; /*for IE7*/ *display:inline; /*for IE7*/}
.nextShipToCell {width: 30%}
div.nextFavoritesWrapper {position: relative;}
.nextContainerQuickShop {position:relative;}
.nextContainerQuickShop a.nextProdThumb {display: block;}
.nextContainerQuickShop a.nextProdThumb img {max-width: 100%; max-height: 100%; width: auto !important; height: auto!important; position: absolute;}
.nextQuickShopContent table.nextProductDetailTop {table-layout:fixed; width:100%}
.nextQuickShopContent td.nextMainImageWrap {width: 330px;}
.nextQuickShopContent td.nextMainImageWrap div, .nextQuickShopContent td.nextTabbedProduct {max-width: 330px;}
.nextQuickShopButton {position: absolute; display: none; width:100%; left: 0; top: 0; margin-top: calc(100% - 30px); text-align: center; background: rgba(250, 250, 246,0.8); cursor: pointer; text-decoration: none; padding: 0; height: 30px; border: none; letter-spacing: .06rem; justify-content: center; align-items: center;}
.nextAspectRatioContainer {padding: 0 0 100% 0; position: relative;}
.nextAbsoluteContainer {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.nextFlexContainer, .nextFlexContainer .adaProdThumbWrap {width: 100%; height: 100%; display: flex; justify-content: center; align-items: center;}
.nextQuickShopAllDetails {margin: 0; display: block; text-align: center; cursor: pointer; margin-bottom: 1em; font-style: normal;}
.nextProdThumb:focus~.nextQuickShopButton, .nextProdThumb:hover~.nextQuickShopButton, .nextProdThumb a:focus~.nextQuickShopButton, .nextProdThumb a:hover~.nextQuickShopButton, .nextQuickShopButton:focus, .nextQuickShopButton:hover, .nextContainerQuickShop:focus-within .nextQuickShopButton {display: flex;}
.nextQuickShopPopup {width: 700px; max-height: 460px;}
.nextQuickShopPadding {padding: 0 4.5%;}
.nextQuickShopContent {max-height: 400px; overflow:auto}
.nextQuickShopContent::-webkit-scrollbar {width: 5px; height: 5px;}
.nextQuickShopContent::-webkit-scrollbar-track {background: #f1f1f1; border-radius: 5px;}
.nextQuickShopContent::-webkit-scrollbar-thumb {background: #888; border-radius: 5px;}
.nextQuickShopContent::-webkit-scrollbar-thumb:hover {background: #555;}
.nextQuickShopCarouselContainer {width: 100%; position: relative;}
.nextQuickShopCarouselMain {width: 95%; max-width: 300px; padding: 0 10px; margin: 0 auto; position: relative;}
.nextQuickShopSelected {border: 2px solid #393939 !important}
.nextFavoriteProductButton {position: absolute; top: 0; right: 0; cursor: pointer; padding: 10px;}
.filterPanel {margin-top: 5px;}
.filterGroup {padding-top: 5px;}
.filterHeader {padding-top: 5px; font-weight: bold; border-top: 1px solid #eeeeee; overflow: hidden;}
.filterHeaderLast {margin-top: 5px; border-top: 1px solid #eeeeee; overflow: hidden;}
.filterHeader:hover {cursor: pointer;}
div.filterLine span.filterCB input[type="checkbox"], label, div.filterPriceRange {cursor: pointer;}
div.filterLine:hover, div.filterLineClear:hover, div.filterRefineLine:hover,div.clearRefinements:hover {background-color:rgba(0, 0, 0, .07); cursor: pointer}
.filterLine .nextRatingIcons img {vertical-align: top}
.filterSelected {color: #000; font-weight: 700}
.collapsePanelStatus {float: right; margin-right: 10px}
.removeHierarchyFilterDetail:hover {text-decoration: underline}
.nextHierarchyDivSeparator {float: left; padding-right: 10px; background-color: #eee; border-radius: 5px; display: inline-block; margin: 10px 10px 0 0}
.clearRefinements, .filterLblClear {font-style: italic; padding-right: 5px}
.clearHierarchyFilterRefinements {font-style :italic; margin: 0 0 0 15px}
.removeFilterGroup, .nextHierarchyFilterSeparator {margin: 0 0 0 15px}
.filterBanner {margin: 40px 0 0}
.removeFilter {padding: 0}
.removeFilterX {background-color: #bbb; width: 12px; height:12px; border-radius: 99px; padding:0; display: inline-block; margin :0 0 0 2px; text-align: center; vertical-align :middle; outline: none; text-indent: 100%; white-space: nowrap; overflow: hidden; background: rgba(0,0,0,.3) url('//cdn.nexternal.com/common/images/filterX.png') 50% 50% no-repeat}
div.filterRefineLine:hover > .removeFilterX, .removeFilterGroup:hover > .removeFilterX, .removeFilter:hover > .removeFilterX, .removeFilterX:hover {background-color: rgba(0,0,0,.5); text-decoration: none}
.removeFilterGroup:hover {text-decoration: underline}
.filterLine > * {vertical-align: middle}
.nextCloseIconCell {padding-right: 2px}
.nextPendingBillToAddress .nextHTMLButton, .nextPendingPaymentInformation .nextHTMLButton, nextPendingShipToAddress .nextHTMLButton {display: inline-block; text-align: center; margin-left: 5px}
.directCheckout .nextPasswordReminder .nextHTMLButton {width: auto}
.nextAlternateInvoiceRow {background: #e9e9ea}
.nextSimpleImageCentered {display: block; margin-left: auto; margin-right: auto; max-width:100%; max-height: 300px;}
.nextQuickShopPopup .nextAddToCartTable { margin-right: 0; width: 100%;}
.nextQuickShopPopup .nextHTMLButton.nextATCButton, .nextQuickShopPopup .nextHTMLButton.nextBuyNowButton, .nextProductList .nextAddToCartTable .nextHTMLButton.nextBuyNowButton {width:100%; margin-left: 0; margin-right: 0;}
.nextQuickShopAllDetails {margin-bottom: 1em}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.nextProdThumb:focus ~ .nextQuickShopButton, .nextProdThumb:hover ~ .nextQuickShopButton, .nextProdThumb a:focus ~ .nextQuickShopButton, .nextProdThumb a:hover ~ .nextQuickShopButton, .nextQuickShopButton:focus, .nextQuickShopButton:hover {display: block;}
.nextContainerQuickShop a.nextProdThumb img{top: 0; left: 0;}
}
.nextIconInactive {color:#a5a5a5;}
.nextFontHeartActive {color:red;}
.nextFontStarActive {color:#f7e729;}
.nextFontShopListActive {color:#e09c1e;}
.nextFontBookmarkActive {color:blue;}
.nextAddToFavoritesButton {display: block; text-align: center; cursor: pointer; margin-bottom: 1em; font-style: normal;}
.nextFavoriteProductButton .nextTooltipText {visibility: hidden; width: 120px; background-color: #fff; color: black; text-align: center; border-radius: 6px; border: 2px solid black; padding: 5px 0; position: absolute; z-index: 1; bottom: 125%; left: 50%; margin-left: -60px; opacity: 0; transition: opacity 0.3s;}
.nextFavoriteProductButton .nextTooltipText::after {content: ""; position: absolute; top: 100%; left: 50%; margin-left: -5px; border-width: 5px; border-style: solid; border-color: black transparent transparent transparent;}
.nextFavoriteProductButton .nextTooltipText::after {content: ""; position: absolute; top: 100%; left: 50%; margin-left: -5px; border-width: 5px; border-style: solid; border-color: black transparent transparent transparent;}
.nextFavoriteProductButton:hover .nextTooltipText, .nextFavoriteProductButton:focus .nextTooltipText {visibility: visible; opacity: 1;}
.nextOrderPadProductInvalid {border: 2px solid red; border-radius: 5px}
/*vanillabean121*/
/*includes loyalty styling, tabMotion price details styling, club pricing 2.0 styling, buy a case 2.0 styling, category discount and customer type discount customization, Font Reset*/
/*----------------------------------------------------------------
..GLOBAL
------------------------------------------------------------------*/
body, body.master {
margin:0;
}
.clearfix:after {
content: " ";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
}
.clearfix {
display: inline-block;
*display:auto; /*for IE7 */
}
html[xmlns] .clearfix {
display: block;
}
* html .clearfix {
height: 1%;
}
a {
text-decoration:none;
}
img {
border:0;
}
input:not([type=submit]):not([type=file]):not([type=image]):not([type=checkbox]):not([type=radio]):not([type=button]):not(.email_footer):not(.searchbox-input) {
padding:10px 20px;
border:1px solid #444;
border-radius:15px;
font-size:20px;
color:#444;
font-family:proxima-nova;
}
label {
padding-right:5px;
}
input::-moz-focus-inner{
border: 0;
padding: 0;
}
/*----------------------------------------------------------------
..TOP HTML
------------------------------------------------------------------*/
/*! sanitize.css v3.3.0 | CC0 1.0 Public Domain | github.com/10up/sanitize.css */
button, hr {
overflow: visible
}
button, input[type=button], input[type=reset], input[type=submit] {
-webkit-appearance: button
}
:root, [aria-disabled] {
cursor: default
}
.top-search, body, html {
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
-ms-transition: all .3s ease-in-out
}
.breadcrumbs li:after, .pagination li:after {
content: '';
right: 0;
top: 0;
height: 100%
}
a.black, table th {
text-transform: uppercase
}
.hamburger--3dx .hamburger-box, .hamburger--3dx-r .hamburger-box, .hamburger--3dy .hamburger-box, .hamburger--3dy-r .hamburger-box {
perspective: 66px
}
.fa, html {
-moz-osx-font-smoothing: grayscale
}
.clearfix:after, .container-fluid:after, .container:after, .productColumns .productColumnsRight #product-form .buttonWrapper, .row:after {
clear: both
}
abbr[title] {
text-decoration: underline;
text-decoration: underline dotted
}
[hidden], audio:not([controls]), template {
display: none
}
b, strong {
font-weight: bolder
}
button, input {
outline: 0
}
button::-moz-focus-inner, input::-moz-focus-inner {
border:0;
padding:0
}
button:-moz-focusring, input:-moz-focusring {
outline:ButtonText dotted 1px
}
button, select {
text-transform: none
}
details, main, summary {
display: block
}
input {
-webkit-border-radius: 0
}
input[type=number] {
width: auto
}
input[type=search] {
-webkit-appearance: textfield
}
input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration {
-webkit-appearance:none
}
pre, textarea {
overflow: auto
}
progress {
display: inline-block
}
svg:not(:root) {
overflow: hidden
}
*, ::after, ::before {
box-sizing: inherit;
border-style: solid;
border-width: 0
}
* {
font-size: inherit;
line-height: inherit;
margin: 0;
padding: 0;
background-repeat: no-repeat
}
::after, ::before {
text-decoration: inherit;
vertical-align: inherit
}
button, input, select, textarea {
font-family: inherit;
font-style: inherit;
font-weight: inherit;
background-color: transparent;
color: inherit
}
[tabindex], a, area, button, input, label, select, textarea {
touch-action: manipulation
}
select {
-moz-appearance: none;
-webkit-appearance: none
}
select::-ms-expand {
display:none
}
select::-ms-value {
color:currentColor
}
svg {
fill: currentColor
}
[aria-busy=true] {
cursor: progress
}
[aria-controls] {
cursor: pointer
}
[hidden][aria-hidden=false] {
clip: rect(0 0 0 0);
display: inherit;
position: absolute
}
[hidden][aria-hidden=false]:focus {
clip: auto
}
:root {
background-color: #fff;
box-sizing: border-box;
color: #000;
font: 100%/1.5 sans-serif
}
body, html {
-webkit-font-smoothing: antialiased
}
audio, canvas, iframe, img, svg, video {
vertical-align: middle
}
[type=button], [type=email], [type=month], [type=password], [type=tel], [type=text], [type=time], [type=url], [type=week], [type=reset], [type=submit], [type=number], [type=search], [type=date], [type=datetime], [type=datetime-local], button, select, textarea {
min-height: 1.5em
}
code, kbd, pre, samp {
font-family: monospace, monospace
}
nav ol, nav ul {
list-style: none
}
small {
font-size: 75%
}
::-moz-selection {
text-shadow:none;
background:#37aa47;
color:#fff
}
::selection {
text-shadow: none;
background: #37aa47;
color: #fff
}
body, html {
background-color: #444!important;
font-family: proxima-nova;
color: #444;
transition: all .3s ease-in-out
}
body main, html main {
background: #fff
}
body.search-open header, html.search-open header {
margin-top: 61px!important
}
body.search-open .top-search, html.search-open .top-search {
top: 0
}
body.search-open .top-search input[type=text], html.search-open .top-search input[type=text] {
opacity: 1
}
html {
-ms-overflow-style: -ms-autohiding-scrollbar;
overflow-y: scroll;
-webkit-text-size-adjust: 100%;
font-smoothing: antialiased;
font-weight: 400
}
a {
text-decoration: none;
color: #f5551e;
-o-transition: .4s;
-ms-transition: .4s;
-moz-transition: .4s;
-webkit-transition: .4s;
transition: .4s
}
a.black, a:hover {
color: #000
}
a.black {
display: block;
font-size: 12px;
margin-bottom: 30px;
text-decoration: underline;
font-weight: 700
}
.breadcrumbs li, .pagination li {
font-family: proxima-nova;
font-weight: 600
}
a.black:hover {
color: #f5551e
}
img {
max-width: 100%;
/*display: inherit;*/
margin: 0 auto
}
.overlay {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: #000;
opacity: .1
}
.pagination, .pagination li {
position: relative;
text-align: center
}
.rightArrow {
margin-top: -3px;
margin-left: 10px;
width: 14px;
-moz-transform: rotate(-90deg);
-o-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg)
}
.rightArrow .st0 {
fill: #fff
}
.pagination {
list-style: none;
margin: 10px auto 0;
float: right;
width: 100%
}
@media (min-width:768px) {
.pagination {
width: auto
}
}
.pagination ul {
margin: 0!important;
font-size: 0!important
}
.pagination li {
margin: 0!important;
display: inline-block;
float: none;
font-size: 15px;
color: #999;
padding: 0
}
.pagination li:last-of-type:after {
display: none!important
}
.pagination li:after {
position: absolute;
width: 1px;
background: #d1d2d5
}
.pagination a, .pagination span {
line-height: 1.6em;
margin: 0 10px;
padding: 2px;
display: inline-block;
text-decoration: none;
position: relative;
color: #3b3d4d
}
.pagination a:hover, .pagination span.current {
color: #f5551e
}
.breadcrumbs {
list-style: none;
margin-bottom: 40px;
float: left;
width: 100%;
position: relative
}
.breadcrumbs ul {
margin: 0!important;
padding: 0!important
}
.breadcrumbs li {
margin: 0!important;
display: inline;
float: none;
text-align: center;
font-size: 13px;
color: #444;
position: relative;
padding: 2px 0
}
.breadcrumbs li:last-of-type:after {
display: none!important
}
.breadcrumbs li:after {
position: absolute;
width: 1px;
background: #ccc
}
.hamburger, .text-hide {
background-color: transparent;
border: 0
}
.breadcrumbs a, .breadcrumbs span {
line-height: 1em;
margin: 0 10px;
padding: 0;
display: inline-block;
text-decoration: none;
position: relative
}
.container table td, .container table th {
line-height: 140%;
text-align: left;
padding-bottom: 15px
}
.accordionWrapper .accordionBlock .inner a, .toolTipLink {
text-decoration: underline
}
.breadcrumbs li:first-child a {
margin-left: 0
}
.breadcrumbs span.current {
color: #b7bac2
}
.breadcrumbs a:hover, .colorBlack {
color: #000
}
.full-link {
z-index: 10;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%
}
.container table {
border-collapse: collapse;
border-spacing: 0;
width: 100%;
table-layout: fixed;
margin-bottom: 20px
}
table th {
color: #777;
font-size: 13px;
letter-spacing: .14em;
width: 50%
}
@media (min-width:768px) {
table th {
font-size: 15px
}
}
.container table td {
font-size: 13px
}
.fa-fw, .fa-li {
text-align: center
}/*!
* Bootstrap v3.3.5 (http://getbootstrap.com)
* Copyright 2011-2016 Twitter, Inc.
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
*//*!
* Generated using the Bootstrap Customizer (http://getbootstrap.com/customize/?id=2aa343fbb92c9d48f93e9e78dfe886a9)
* Config saved to config.json and https://gist.github.com/2aa343fbb92c9d48f93e9e78dfe886a9
*/
.row {
margin-left: -15px;
margin-right: -15px
}
.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
position: relative;
min-height: 1px;
padding-left: 15px;
padding-right: 15px
}
.col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
float: left
}
.col-xs-12 {
width: 100%
}
.col-xs-11 {
width: 91.66666667%
}
.col-xs-10 {
width: 83.33333333%
}
.col-xs-9 {
width: 75%
}
.col-xs-8 {
width: 66.66666667%
}
.col-xs-7 {
width: 58.33333333%
}
.col-xs-6 {
width: 50%
}
.col-xs-5 {
width: 41.66666667%
}
.col-xs-4 {
width: 33.33333333%
}
.col-xs-3 {
width: 25%
}
.col-xs-2 {
width: 16.66666667%
}
.col-xs-1 {
width: 8.33333333%
}
.col-xs-pull-12 {
right: 100%
}
.col-xs-pull-11 {
right: 91.66666667%
}
.col-xs-pull-10 {
right: 83.33333333%
}
.col-xs-pull-9 {
right: 75%
}
.col-xs-pull-8 {
right: 66.66666667%
}
.col-xs-pull-7 {
right: 58.33333333%
}
.col-xs-pull-6 {
right: 50%
}
.col-xs-pull-5 {
right: 41.66666667%
}
.col-xs-pull-4 {
right: 33.33333333%
}
.col-xs-pull-3 {
right: 25%
}
.col-xs-pull-2 {
right: 16.66666667%
}
.col-xs-pull-1 {
right: 8.33333333%
}
.col-xs-pull-0 {
right: auto
}
.col-xs-push-12 {
left: 100%
}
.col-xs-push-11 {
left: 91.66666667%
}
.col-xs-push-10 {
left: 83.33333333%
}
.col-xs-push-9 {
left: 75%
}
.col-xs-push-8 {
left: 66.66666667%
}
.col-xs-push-7 {
left: 58.33333333%
}
.col-xs-push-6 {
left: 50%
}
.col-xs-push-5 {
left: 41.66666667%
}
.col-xs-push-4 {
left: 33.33333333%
}
.col-xs-push-3 {
left: 25%
}
.col-xs-push-2 {
left: 16.66666667%
}
.col-xs-push-1 {
left: 8.33333333%
}
.col-xs-push-0 {
left: auto
}
.col-xs-offset-12 {
margin-left: 100%
}
.col-xs-offset-11 {
margin-left: 91.66666667%
}
.col-xs-offset-10 {
margin-left: 83.33333333%
}
.col-xs-offset-9 {
margin-left: 75%
}
.col-xs-offset-8 {
margin-left: 66.66666667%
}
.col-xs-offset-7 {
margin-left: 58.33333333%
}
.col-xs-offset-6 {
margin-left: 50%
}
.col-xs-offset-5 {
margin-left: 41.66666667%
}
.col-xs-offset-4 {
margin-left: 33.33333333%
}
.col-xs-offset-3 {
margin-left: 25%
}
.col-xs-offset-2 {
margin-left: 16.66666667%
}
.col-xs-offset-1 {
margin-left: 8.33333333%
}
.col-xs-offset-0 {
margin-left: 0
}
@media (min-width:768px) {
.container table td {
font-size: 20px
}
.col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9 {
float: left
}
.col-sm-12 {
width: 100%
}
.col-sm-11 {
width: 91.66666667%
}
.col-sm-10 {
width: 83.33333333%
}
.col-sm-9 {
width: 75%
}
.col-sm-8 {
width: 66.66666667%
}
.col-sm-7 {
width: 58.33333333%
}
.col-sm-6 {
width: 50%
}
.col-sm-5 {
width: 41.66666667%
}
.col-sm-4 {
width: 33.33333333%
}
.col-sm-3 {
width: 25%
}
.col-sm-2 {
width: 16.66666667%
}
.col-sm-1 {
width: 8.33333333%
}
.col-sm-pull-12 {
right: 100%
}
.col-sm-pull-11 {
right: 91.66666667%
}
.col-sm-pull-10 {
right: 83.33333333%
}
.col-sm-pull-9 {
right: 75%
}
.col-sm-pull-8 {
right: 66.66666667%
}
.col-sm-pull-7 {
right: 58.33333333%
}
.col-sm-pull-6 {
right: 50%
}
.col-sm-pull-5 {
right: 41.66666667%
}
.col-sm-pull-4 {
right: 33.33333333%
}
.col-sm-pull-3 {
right: 25%
}
.col-sm-pull-2 {
right: 16.66666667%
}
.col-sm-pull-1 {
right: 8.33333333%
}
.col-sm-pull-0 {
right: auto
}
.col-sm-push-12 {
left: 100%
}
.col-sm-push-11 {
left: 91.66666667%
}
.col-sm-push-10 {
left: 83.33333333%
}
.col-sm-push-9 {
left: 75%
}
.col-sm-push-8 {
left: 66.66666667%
}
.col-sm-push-7 {
left: 58.33333333%
}
.col-sm-push-6 {
left: 50%
}
.col-sm-push-5 {
left: 41.66666667%
}
.col-sm-push-4 {
left: 33.33333333%
}
.col-sm-push-3 {
left: 25%
}
.col-sm-push-2 {
left: 16.66666667%
}
.col-sm-push-1 {
left: 8.33333333%
}
.col-sm-push-0 {
left: auto
}
.col-sm-offset-12 {
margin-left: 100%
}
.col-sm-offset-11 {
margin-left: 91.66666667%
}
.col-sm-offset-10 {
margin-left: 83.33333333%
}
.col-sm-offset-9 {
margin-left: 75%
}
.col-sm-offset-8 {
margin-left: 66.66666667%
}
.col-sm-offset-7 {
margin-left: 58.33333333%
}
.col-sm-offset-6 {
margin-left: 50%
}
.col-sm-offset-5 {
margin-left: 41.66666667%
}
.col-sm-offset-4 {
margin-left: 33.33333333%
}
.col-sm-offset-3 {
margin-left: 25%
}
.col-sm-offset-2 {
margin-left: 16.66666667%
}
.col-sm-offset-1 {
margin-left: 8.33333333%
}
.col-sm-offset-0 {
margin-left: 0
}
}
@media (min-width:992px) {
.col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9 {
float: left
}
.col-md-12 {
width: 100%
}
.col-md-11 {
width: 91.66666667%
}
.col-md-10 {
width: 83.33333333%
}
.col-md-9 {
width: 75%
}
.col-md-8 {
width: 66.66666667%
}
.col-md-7 {
width: 58.33333333%
}
.col-md-6 {
width: 50%
}
.col-md-5 {
width: 41.66666667%
}
.col-md-4 {
width: 33.33333333%
}
.col-md-3 {
width: 25%
}
.col-md-2 {
width: 16.66666667%
}
.col-md-1 {
width: 8.33333333%
}
.col-md-pull-12 {
right: 100%
}
.col-md-pull-11 {
right: 91.66666667%
}
.col-md-pull-10 {
right: 83.33333333%
}
.col-md-pull-9 {
right: 75%
}
.col-md-pull-8 {
right: 66.66666667%
}
.col-md-pull-7 {
right: 58.33333333%
}
.col-md-pull-6 {
right: 50%
}
.col-md-pull-5 {
right: 41.66666667%
}
.col-md-pull-4 {
right: 33.33333333%
}
.col-md-pull-3 {
right: 25%
}
.col-md-pull-2 {
right: 16.66666667%
}
.col-md-pull-1 {
right: 8.33333333%
}
.col-md-pull-0 {
right: auto
}
.col-md-push-12 {
left: 100%
}
.col-md-push-11 {
left: 91.66666667%
}
.col-md-push-10 {
left: 83.33333333%
}
.col-md-push-9 {
left: 75%
}
.col-md-push-8 {
left: 66.66666667%
}
.col-md-push-7 {
left: 58.33333333%
}
.col-md-push-6 {
left: 50%
}
.col-md-push-5 {
left: 41.66666667%
}
.col-md-push-4 {
left: 33.33333333%
}
.col-md-push-3 {
left: 25%
}
.col-md-push-2 {
left: 16.66666667%
}
.col-md-push-1 {
left: 8.33333333%
}
.col-md-push-0 {
left: auto
}
.col-md-offset-12 {
margin-left: 100%
}
.col-md-offset-11 {
margin-left: 91.66666667%
}
.col-md-offset-10 {
margin-left: 83.33333333%
}
.col-md-offset-9 {
margin-left: 75%
}
.col-md-offset-8 {
margin-left: 66.66666667%
}
.col-md-offset-7 {
margin-left: 58.33333333%
}
.col-md-offset-6 {
margin-left: 50%
}
.col-md-offset-5 {
margin-left: 41.66666667%
}
.col-md-offset-4 {
margin-left: 33.33333333%
}
.col-md-offset-3 {
margin-left: 25%
}
.col-md-offset-2 {
margin-left: 16.66666667%
}
.col-md-offset-1 {
margin-left: 8.33333333%
}
.col-md-offset-0 {
margin-left: 0
}
}
@media (min-width:1200px) {
.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9 {
float: left
}
.col-lg-12 {
width: 100%
}
.col-lg-11 {
width: 91.66666667%
}
.col-lg-10 {
width: 83.33333333%
}
.col-lg-9 {
width: 75%
}
.col-lg-8 {
width: 66.66666667%
}
.col-lg-7 {
width: 58.33333333%
}
.col-lg-6 {
width: 50%
}
.col-lg-5 {
width: 41.66666667%
}
.col-lg-4 {
width: 33.33333333%
}
.col-lg-3 {
width: 25%
}
.col-lg-2 {
width: 16.66666667%
}
.col-lg-1 {
width: 8.33333333%
}
.col-lg-pull-12 {
right: 100%
}
.col-lg-pull-11 {
right: 91.66666667%
}
.col-lg-pull-10 {
right: 83.33333333%
}
.col-lg-pull-9 {
right: 75%
}
.col-lg-pull-8 {
right: 66.66666667%
}
.col-lg-pull-7 {
right: 58.33333333%
}
.col-lg-pull-6 {
right: 50%
}
.col-lg-pull-5 {
right: 41.66666667%
}
.col-lg-pull-4 {
right: 33.33333333%
}
.col-lg-pull-3 {
right: 25%
}
.col-lg-pull-2 {
right: 16.66666667%
}
.col-lg-pull-1 {
right: 8.33333333%
}
.col-lg-pull-0 {
right: auto
}
.col-lg-push-12 {
left: 100%
}
.col-lg-push-11 {
left: 91.66666667%
}
.col-lg-push-10 {
left: 83.33333333%
}
.col-lg-push-9 {
left: 75%
}
.col-lg-push-8 {
left: 66.66666667%
}
.col-lg-push-7 {
left: 58.33333333%
}
.col-lg-push-6 {
left: 50%
}
.col-lg-push-5 {
left: 41.66666667%
}
.col-lg-push-4 {
left: 33.33333333%
}
.col-lg-push-3 {
left: 25%
}
.col-lg-push-2 {
left: 16.66666667%
}
.col-lg-push-1 {
left: 8.33333333%
}
.col-lg-push-0 {
left: auto
}
.col-lg-offset-12 {
margin-left: 100%
}
.col-lg-offset-11 {
margin-left: 91.66666667%
}
.col-lg-offset-10 {
margin-left: 83.33333333%
}
.col-lg-offset-9 {
margin-left: 75%
}
.col-lg-offset-8 {
margin-left: 66.66666667%
}
.col-lg-offset-7 {
margin-left: 58.33333333%
}
.col-lg-offset-6 {
margin-left: 50%
}
.col-lg-offset-5 {
margin-left: 41.66666667%
}
.col-lg-offset-4 {
margin-left: 33.33333333%
}
.col-lg-offset-3 {
margin-left: 25%
}
.col-lg-offset-2 {
margin-left: 16.66666667%
}
.col-lg-offset-1 {
margin-left: 8.33333333%
}
.col-lg-offset-0 {
margin-left: 0
}
}
.clearfix:after, .clearfix:before, .container-fluid:after, .container-fluid:before, .container:after, .container:before, .row:after, .row:before {
content: " ";
display: table
}
.center-block {
display: block;
margin-left: auto;
margin-right: auto
}
.fa.fa-pull-left, .fa.pull-left {
margin-right: .3em
}
.pull-right {
float: right!important
}
.pull-left {
float: left!important
}
.hide {
display: none!important
}
.show {
display: block!important
}
.hidden, .visible-lg, .visible-lg-block, .visible-lg-inline, .visible-lg-inline-block, .visible-md, .visible-md-block, .visible-md-inline, .visible-md-inline-block, .visible-sm, .visible-sm-block, .visible-sm-inline, .visible-sm-inline-block, .visible-xs, .visible-xs-block, .visible-xs-inline, .visible-xs-inline-block {
display: none!important
}
.invisible {
visibility: hidden
}
.text-hide {
font: 0/0 a;
color: transparent;
text-shadow: none
}
.affix {
position: fixed
}
@-ms-viewport {
width:device-width
}
@media (max-width:767px) {
.visible-xs {
display: block!important
}
table.visible-xs {
display: table!important
}
tr.visible-xs {
display: table-row!important
}
td.visible-xs, th.visible-xs {
display: table-cell!important
}
.visible-xs-block {
display: block!important
}
.visible-xs-inline {
display: inline!important
}
.visible-xs-inline-block {
display: inline-block!important
}
}
@media (min-width:768px) and (max-width:991px) {
.visible-sm {
display: block!important
}
table.visible-sm {
display: table!important
}
tr.visible-sm {
display: table-row!important
}
td.visible-sm, th.visible-sm {
display: table-cell!important
}
.visible-sm-block {
display: block!important
}
.visible-sm-inline {
display: inline!important
}
.visible-sm-inline-block {
display: inline-block!important
}
}
@media (min-width:992px) and (max-width:1199px) {
.visible-md {
display: block!important
}
table.visible-md {
display: table!important
}
tr.visible-md {
display: table-row!important
}
td.visible-md, th.visible-md {
display: table-cell!important
}
.visible-md-block {
display: block!important
}
.visible-md-inline {
display: inline!important
}
.visible-md-inline-block {
display: inline-block!important
}
}
@media (min-width:1200px) {
.visible-lg {
display: block!important
}
table.visible-lg {
display: table!important
}
tr.visible-lg {
display: table-row!important
}
td.visible-lg, th.visible-lg {
display: table-cell!important
}
.visible-lg-block {
display: block!important
}
.visible-lg-inline {
display: inline!important
}
.visible-lg-inline-block {
display: inline-block!important
}
.hidden-lg {
display: none!important
}
}
@media (max-width:767px) {
.hidden-xs {
display: none!important
}
}
@media (min-width:768px) and (max-width:991px) {
.hidden-sm {
display: none!important
}
}
@media (min-width:992px) and (max-width:1199px) {
.hidden-md {
display: none!important
}
}
.visible-print {
display: none!important
}
@media print {
.visible-print {
display: block!important
}
table.visible-print {
display: table!important
}
tr.visible-print {
display: table-row!important
}
td.visible-print, th.visible-print {
display: table-cell!important
}
}
.visible-print-block {
display: none!important
}
@media print {
.visible-print-block {
display: block!important
}
}
.visible-print-inline {
display: none!important
}
@media print {
.visible-print-inline {
display: inline!important
}
}
.visible-print-inline-block {
display: none!important
}
@media print {
.visible-print-inline-block {
display: inline-block!important
}
.hidden-print {
display: none!important
}
}/*!
* Hamburgers
* @description Tasty CSS-animated hamburgers
* @author Jonathan Suh @jonsuh
* @site https://jonsuh.com/hamburgers
* @link https://github.com/jonsuh/hamburgers
*/
.hamburger {
padding: 0;
display: inline-block;
cursor: pointer;
font: inherit;
color: inherit;
text-transform: none;
overflow: visible
}
.hamburger--emphatic, .hamburger--emphatic-r, .sr-only {
overflow: hidden
}
.hamburger-box {
width: 33px;
height: 20px;
display: inline-block;
position: relative
}
.hamburger-inner {
display: block;
top: 50%;
margin-top: -1px
}
.hamburger-inner, .hamburger-inner::after, .hamburger-inner::before {
width: 33px;
height: 2px;
background-color: #fff;
border-radius: 0;
position: absolute;
transition-property: transform;
transition-duration: .15s;
transition-timing-function: ease
}
.hamburger-inner::before {
width: 30px;
right: 0;
top: -9px
}
.hamburger-inner::after {
width: 25px;
right: 0;
bottom: -9px
}
.hamburger-inner::after, .hamburger-inner::before {
content: "";
display: block
}
.fa, .fa-stack {
display: inline-block
}
.hamburger--3dx .hamburger-inner {
transition: transform .2s cubic-bezier(.645, .045, .355, 1), background-color 0s .1s cubic-bezier(.645, .045, .355, 1)
}
.hamburger--3dx .hamburger-inner::after, .hamburger--3dx .hamburger-inner::before {
transition: transform 0s .1s cubic-bezier(.645, .045, .355, 1)
}
.hamburger--3dx.is-active .hamburger-inner {
background-color: transparent;
transform: rotateY(180deg)
}
.hamburger--3dx.is-active .hamburger-inner::before {
transform: translate3d(0, 9px, 0) rotate(45deg)
}
.hamburger--3dx.is-active .hamburger-inner::after {
transform: translate3d(0, -9px, 0) rotate(-45deg)
}
.hamburger--3dx-r .hamburger-inner {
transition: transform .2s cubic-bezier(.645, .045, .355, 1), background-color 0s .1s cubic-bezier(.645, .045, .355, 1)
}
.hamburger--3dx-r .hamburger-inner::after, .hamburger--3dx-r .hamburger-inner::before {
transition: transform 0s .1s cubic-bezier(.645, .045, .355, 1)
}
.hamburger--3dx-r.is-active .hamburger-inner {
background-color: transparent;
transform: rotateY(-180deg)
}
.hamburger--3dx-r.is-active .hamburger-inner::before {
transform: translate3d(0, 9px, 0) rotate(45deg)
}
.hamburger--3dx-r.is-active .hamburger-inner::after {
transform: translate3d(0, -9px, 0) rotate(-45deg)
}
.hamburger--3dy .hamburger-inner {
transition: transform .2s cubic-bezier(.645, .045, .355, 1), background-color 0s .1s cubic-bezier(.645, .045, .355, 1)
}
.hamburger--3dy .hamburger-inner::after, .hamburger--3dy .hamburger-inner::before {
transition: transform 0s .1s cubic-bezier(.645, .045, .355, 1)
}
.hamburger--3dy.is-active .hamburger-inner {
background-color: transparent;
transform: rotateX(-180deg)
}
.hamburger--3dy.is-active .hamburger-inner::before {
transform: translate3d(0, 9px, 0) rotate(45deg)
}
.hamburger--3dy.is-active .hamburger-inner::after {
transform: translate3d(0, -9px, 0) rotate(-45deg)
}
.hamburger--3dy-r .hamburger-inner {
transition: transform .2s cubic-bezier(.645, .045, .355, 1), background-color 0s .1s cubic-bezier(.645, .045, .355, 1)
}
.hamburger--3dy-r .hamburger-inner::after, .hamburger--3dy-r .hamburger-inner::before {
transition: transform 0s .1s cubic-bezier(.645, .045, .355, 1)
}
.hamburger--3dy-r.is-active .hamburger-inner {
background-color: transparent;
transform: rotateX(180deg)
}
.hamburger--3dy-r.is-active .hamburger-inner::before {
transform: translate3d(0, 9px, 0) rotate(45deg)
}
.hamburger--3dy-r.is-active .hamburger-inner::after {
transform: translate3d(0, -9px, 0) rotate(-45deg)
}
.hamburger--arrow.is-active .hamburger-inner::before {
transform: translate3d(-6.6px, 0, 0) rotate(-45deg) scale(.7, 1)
}
.hamburger--arrow.is-active .hamburger-inner::after {
transform: translate3d(-6.6px, 0, 0) rotate(45deg) scale(.7, 1)
}
.hamburger--arrow-r.is-active .hamburger-inner::before {
transform: translate3d(6.6px, 0, 0) rotate(45deg) scale(.7, 1)
}
.hamburger--arrow-r.is-active .hamburger-inner::after {
transform: translate3d(6.6px, 0, 0) rotate(-45deg) scale(.7, 1)
}
.hamburger--arrowalt .hamburger-inner::before {
transition: top .1s .15s ease, transform .15s cubic-bezier(.165, .84, .44, 1)
}
.hamburger--arrowalt .hamburger-inner::after {
transition: bottom .1s .15s ease, transform .15s cubic-bezier(.165, .84, .44, 1)
}
.hamburger--arrowalt.is-active .hamburger-inner::before {
top: 0;
transform: translate3d(-6.6px, -8.25px, 0) rotate(-45deg) scale(.7, 1);
transition: top .1s ease, transform .15s .1s cubic-bezier(.895, .03, .685, .22)
}
.hamburger--arrowalt.is-active .hamburger-inner::after {
bottom: 0;
transform: translate3d(-6.6px, 8.25px, 0) rotate(45deg) scale(.7, 1);
transition: bottom .1s ease, transform .15s .1s cubic-bezier(.895, .03, .685, .22)
}
.hamburger--arrowalt-r .hamburger-inner::before {
transition: top .1s .15s ease, transform .15s cubic-bezier(.165, .84, .44, 1)
}
.hamburger--arrowalt-r .hamburger-inner::after {
transition: bottom .1s .15s ease, transform .15s cubic-bezier(.165, .84, .44, 1)
}
.hamburger--arrowalt-r.is-active .hamburger-inner::before {
top: 0;
transform: translate3d(6.6px, -8.25px, 0) rotate(45deg) scale(.7, 1);
transition: top .1s ease, transform .15s .1s cubic-bezier(.895, .03, .685, .22)
}
.hamburger--arrowalt-r.is-active .hamburger-inner::after {
bottom: 0;
transform: translate3d(6.6px, 8.25px, 0) rotate(-45deg) scale(.7, 1);
transition: bottom .1s ease, transform .15s .1s cubic-bezier(.895, .03, .685, .22)
}
.hamburger--boring .hamburger-inner, .hamburger--boring .hamburger-inner::after, .hamburger--boring .hamburger-inner::before {
transition-property: none
}
.hamburger--boring.is-active .hamburger-inner {
transform: rotate(45deg)
}
.hamburger--boring.is-active .hamburger-inner::before {
top: 0;
opacity: 0
}
.hamburger--boring.is-active .hamburger-inner::after {
bottom: 0;
transform: rotate(-90deg)
}
.hamburger--collapse .hamburger-inner {
top: auto;
bottom: 0;
transition-duration: .15s;
transition-delay: .15s;
transition-timing-function: cubic-bezier(.55, .055, .675, .19)
}
.hamburger--collapse .hamburger-inner::after {
top: -18px;
transition: top .3s .3s cubic-bezier(.33333, .66667, .66667, 1), opacity .1s linear
}
.hamburger--collapse .hamburger-inner::before {
transition: top .12s .3s cubic-bezier(.33333, .66667, .66667, 1), transform .15s cubic-bezier(.55, .055, .675, .19)
}
.hamburger--collapse.is-active .hamburger-inner {
transform: translate3d(0, -9px, 0) rotate(-45deg);
transition-delay: .32s;
transition-timing-function: cubic-bezier(.215, .61, .355, 1)
}
.hamburger--collapse.is-active .hamburger-inner::after {
top: 0;
opacity: 0;
transition: top .3s cubic-bezier(.33333, 0, .66667, .33333), opacity .1s .27s linear
}
.hamburger--collapse.is-active .hamburger-inner::before {
top: 0;
transform: rotate(-90deg);
transition: top .12s .18s cubic-bezier(.33333, 0, .66667, .33333), transform .15s .42s cubic-bezier(.215, .61, .355, 1)
}
.hamburger--collapse-r .hamburger-inner {
top: auto;
bottom: 0;
transition-duration: .15s;
transition-delay: .15s;
transition-timing-function: cubic-bezier(.55, .055, .675, .19)
}
.hamburger--collapse-r .hamburger-inner::after {
top: -18px;
transition: top .3s .3s cubic-bezier(.33333, .66667, .66667, 1), opacity .1s linear
}
.hamburger--collapse-r .hamburger-inner::before {
transition: top .12s .3s cubic-bezier(.33333, .66667, .66667, 1), transform .15s cubic-bezier(.55, .055, .675, .19)
}
.hamburger--collapse-r.is-active .hamburger-inner {
transform: translate3d(0, -9px, 0) rotate(45deg);
transition-delay: .32s;
transition-timing-function: cubic-bezier(.215, .61, .355, 1)
}
.hamburger--collapse-r.is-active .hamburger-inner::after {
top: 0;
opacity: 0;
transition: top .3s cubic-bezier(.33333, 0, .66667, .33333), opacity .1s .27s linear
}
.hamburger--collapse-r.is-active .hamburger-inner::before {
top: 0;
transform: rotate(90deg);
transition: top .12s .18s cubic-bezier(.33333, 0, .66667, .33333), transform .15s .42s cubic-bezier(.215, .61, .355, 1)
}
.hamburger--elastic .hamburger-inner {
top: 1px;
transition-duration: .4s;
transition-timing-function: cubic-bezier(.68, -.55, .265, 1.55)
}
.hamburger--elastic .hamburger-inner::before {
top: 9px;
transition: opacity .15s .4s ease
}
.hamburger--elastic .hamburger-inner::after {
top: 18px;
transition: transform .4s cubic-bezier(.68, -.55, .265, 1.55)
}
.hamburger--elastic.is-active .hamburger-inner {
transform: translate3d(0, 9px, 0) rotate(135deg);
transition-delay: .1s
}
.hamburger--elastic.is-active .hamburger-inner::before {
transition-delay: 0s;
opacity: 0
}
.hamburger--elastic.is-active .hamburger-inner::after {
transform: translate3d(0, -18px, 0) rotate(-270deg);
transition-delay: .1s
}
.hamburger--elastic-r .hamburger-inner {
top: 1px;
transition-duration: .4s;
transition-timing-function: cubic-bezier(.68, -.55, .265, 1.55)
}
.hamburger--elastic-r .hamburger-inner::before {
top: 9px;
transition: opacity .15s .4s ease
}
.hamburger--elastic-r .hamburger-inner::after {
top: 18px;
transition: transform .4s cubic-bezier(.68, -.55, .265, 1.55)
}
.hamburger--elastic-r.is-active .hamburger-inner {
transform: translate3d(0, 9px, 0) rotate(-135deg);
transition-delay: .1s
}
.hamburger--elastic-r.is-active .hamburger-inner::before {
transition-delay: 0s;
opacity: 0
}
.hamburger--elastic-r.is-active .hamburger-inner::after {
transform: translate3d(0, -18px, 0) rotate(270deg);
transition-delay: .1s
}
.hamburger--emphatic .hamburger-inner {
transition: background-color .2s .25s ease-in
}
.hamburger--emphatic .hamburger-inner::before {
left: 0;
transition: transform .2s cubic-bezier(.6, .04, .98, .335), top 50ms .2s linear, left .2s .25s ease-in
}
.hamburger--emphatic .hamburger-inner::after {
top: 9px;
right: 0;
transition: transform .2s cubic-bezier(.6, .04, .98, .335), top 50ms .2s linear, right .2s .25s ease-in
}
.hamburger--emphatic.is-active .hamburger-inner {
transition-delay: 0s;
transition-timing-function: ease-out;
background-color: transparent
}
.hamburger--emphatic.is-active .hamburger-inner::before {
left: -66px;
top: -66px;
transform: translate3d(66px, 66px, 0) rotate(45deg);
transition: left .2s ease-out, top 50ms .2s linear, transform .2s .25s cubic-bezier(.075, .82, .165, 1)
}
.hamburger--emphatic.is-active .hamburger-inner::after {
right: -66px;
top: -66px;
transform: translate3d(-66px, 66px, 0) rotate(-45deg);
transition: right .2s ease-out, top 50ms .2s linear, transform .2s .25s cubic-bezier(.075, .82, .165, 1)
}
.hamburger--emphatic-r .hamburger-inner {
transition: background-color .2s .25s ease-in
}
.hamburger--emphatic-r .hamburger-inner::before {
left: 0;
transition: transform .2s cubic-bezier(.6, .04, .98, .335), top 50ms .2s linear, left .2s .25s ease-in
}
.hamburger--emphatic-r .hamburger-inner::after {
top: 9px;
right: 0;
transition: transform .2s cubic-bezier(.6, .04, .98, .335), top 50ms .2s linear, right .2s .25s ease-in
}
.hamburger--emphatic-r.is-active .hamburger-inner {
transition-delay: 0s;
transition-timing-function: ease-out;
background-color: transparent
}
.hamburger--emphatic-r.is-active .hamburger-inner::before {
left: -66px;
top: 66px;
transform: translate3d(66px, -66px, 0) rotate(-45deg);
transition: left .2s ease-out, top 50ms .2s linear, transform .2s .25s cubic-bezier(.075, .82, .165, 1)
}
.hamburger--emphatic-r.is-active .hamburger-inner::after {
right: -66px;
top: 66px;
transform: translate3d(-66px, -66px, 0) rotate(45deg);
transition: right .2s ease-out, top 50ms .2s linear, transform .2s .25s cubic-bezier(.075, .82, .165, 1)
}
.hamburger--slider .hamburger-inner::before, .hamburger--slider-r .hamburger-inner::before {
transition-property: transform, opacity;
transition-timing-function: ease;
transition-duration: .2s
}
.hamburger--slider .hamburger-inner {
top: 1px
}
.hamburger--slider .hamburger-inner::before {
top: 9px
}
.hamburger--slider .hamburger-inner::after {
top: 18px
}
.hamburger--slider.is-active .hamburger-inner {
transform: translate3d(0, 9px, 0) rotate(45deg)
}
.hamburger--slider.is-active .hamburger-inner::before {
transform: rotate(-45deg) translate3d(-4.71px, -7px, 0);
opacity: 0
}
.hamburger--slider.is-active .hamburger-inner::after {
transform: translate3d(0, -18px, 0) rotate(-90deg)
}
.hamburger--slider-r .hamburger-inner {
top: 1px
}
.hamburger--slider-r .hamburger-inner::before {
top: 9px
}
.hamburger--slider-r .hamburger-inner::after {
top: 18px
}
.hamburger--slider-r.is-active .hamburger-inner {
transform: translate3d(0, 9px, 0) rotate(-45deg)
}
.hamburger--slider-r.is-active .hamburger-inner::before {
transform: rotate(45deg) translate3d(4.71px, -7px, 0);
opacity: 0
}
.hamburger--slider-r.is-active .hamburger-inner::after {
transform: translate3d(0, -18px, 0) rotate(90deg)
}
.hamburger--spring .hamburger-inner {
top: 1px;
transition: background-color 0s .15s linear
}
.hamburger--spring .hamburger-inner::before {
top: 9px;
transition: top .12s .3s cubic-bezier(.33333, .66667, .66667, 1), transform .15s cubic-bezier(.55, .055, .675, .19)
}
.hamburger--spring .hamburger-inner::after {
top: 18px;
transition: top .3s .3s cubic-bezier(.33333, .66667, .66667, 1), transform .15s cubic-bezier(.55, .055, .675, .19)
}
.hamburger--spring.is-active .hamburger-inner {
transition-delay: .32s;
background-color: transparent
}
.hamburger--spring.is-active .hamburger-inner::before {
top: 0;
transition: top .12s .18s cubic-bezier(.33333, 0, .66667, .33333), transform .15s .32s cubic-bezier(.215, .61, .355, 1);
transform: translate3d(0, 9px, 0) rotate(45deg)
}
.hamburger--spring.is-active .hamburger-inner::after {
top: 0;
transition: top .3s cubic-bezier(.33333, 0, .66667, .33333), transform .15s .32s cubic-bezier(.215, .61, .355, 1);
transform: translate3d(0, 9px, 0) rotate(-45deg)
}
.hamburger--spring-r .hamburger-inner {
top: auto;
bottom: 0;
transition-duration: .15s;
transition-delay: 0s;
transition-timing-function: cubic-bezier(.55, .055, .675, .19)
}
.hamburger--spring-r .hamburger-inner::after {
top: -18px;
transition: top .3s .3s cubic-bezier(.33333, .66667, .66667, 1), opacity 0s linear
}
.hamburger--spring-r .hamburger-inner::before {
transition: top .12s .3s cubic-bezier(.33333, .66667, .66667, 1), transform .15s cubic-bezier(.55, .055, .675, .19)
}
.hamburger--spring-r.is-active .hamburger-inner {
transform: translate3d(0, -9px, 0) rotate(-45deg);
transition-delay: .32s;
transition-timing-function: cubic-bezier(.215, .61, .355, 1)
}
.hamburger--spring-r.is-active .hamburger-inner::after {
top: 0;
opacity: 0;
transition: top .3s cubic-bezier(.33333, 0, .66667, .33333), opacity 0s .32s linear
}
.hamburger--spring-r.is-active .hamburger-inner::before {
top: 0;
transform: rotate(90deg);
transition: top .12s .18s cubic-bezier(.33333, 0, .66667, .33333), transform .15s .32s cubic-bezier(.215, .61, .355, 1)
}
.hamburger--stand .hamburger-inner {
transition: transform .1s .22s cubic-bezier(.55, .055, .675, .19), background-color 0s .1s linear
}
.hamburger--stand .hamburger-inner::before {
transition: top .1s .1s ease-in, transform .1s 0s cubic-bezier(.55, .055, .675, .19)
}
.hamburger--stand .hamburger-inner::after {
transition: bottom .1s .1s ease-in, transform .1s 0s cubic-bezier(.55, .055, .675, .19)
}
.hamburger--stand.is-active .hamburger-inner {
transform: rotate(90deg);
background-color: transparent;
transition: transform .1s 0s cubic-bezier(.215, .61, .355, 1), background-color 0s .22s linear
}
.hamburger--stand.is-active .hamburger-inner::before {
top: 0;
transform: rotate(-45deg);
transition: top .1s .12s ease-out, transform .1s .22s cubic-bezier(.215, .61, .355, 1)
}
.hamburger--stand.is-active .hamburger-inner::after {
bottom: 0;
transform: rotate(45deg);
transition: bottom .1s .12s ease-out, transform .1s .22s cubic-bezier(.215, .61, .355, 1)
}
.hamburger--stand-r .hamburger-inner {
transition: transform .1s .22s cubic-bezier(.55, .055, .675, .19), background-color 0s .1s linear
}
.hamburger--stand-r .hamburger-inner::before {
transition: top .1s .1s ease-in, transform .1s 0s cubic-bezier(.55, .055, .675, .19)
}
.hamburger--stand-r .hamburger-inner::after {
transition: bottom .1s .1s ease-in, transform .1s 0s cubic-bezier(.55, .055, .675, .19)
}
.hamburger--stand-r.is-active .hamburger-inner {
transform: rotate(-90deg);
background-color: transparent;
transition: transform .1s 0s cubic-bezier(.215, .61, .355, 1), background-color 0s .22s linear
}
.hamburger--stand-r.is-active .hamburger-inner::before {
top: 0;
transform: rotate(-45deg);
transition: top .1s .12s ease-out, transform .1s .22s cubic-bezier(.215, .61, .355, 1)
}
.hamburger--stand-r.is-active .hamburger-inner::after {
bottom: 0;
transform: rotate(45deg);
transition: bottom .1s .12s ease-out, transform .1s .22s cubic-bezier(.215, .61, .355, 1)
}
.hamburger--spin .hamburger-inner {
transition-duration: .3s;
transition-timing-function: cubic-bezier(.55, .055, .675, .19)
}
.hamburger--spin .hamburger-inner::before {
transition: top .1s .34s ease-in, opacity .1s ease-in
}
.hamburger--spin .hamburger-inner::after {
transition: bottom .1s .34s ease-in, transform .3s cubic-bezier(.55, .055, .675, .19)
}
.hamburger--spin.is-active .hamburger-inner {
transform: rotate(225deg);
transition-delay: .14s;
transition-timing-function: cubic-bezier(.215, .61, .355, 1)
}
.hamburger--spin.is-active .hamburger-inner::before {
top: 0;
opacity: 0;
transition: top .1s ease-out, opacity .1s .14s ease-out
}
.hamburger--spin.is-active .hamburger-inner::after {
bottom: 0;
transform: rotate(-90deg);
transition: bottom .1s ease-out, transform .3s .14s cubic-bezier(.215, .61, .355, 1)
}
.hamburger--spin-r .hamburger-inner {
transition-duration: .3s;
transition-timing-function: cubic-bezier(.55, .055, .675, .19)
}
.hamburger--spin-r .hamburger-inner::before {
transition: top .1s .34s ease-in, opacity .1s ease-in
}
.hamburger--spin-r .hamburger-inner::after {
transition: bottom .1s .34s ease-in, transform .3s cubic-bezier(.55, .055, .675, .19)
}
.hamburger--spin-r.is-active .hamburger-inner {
transform: rotate(-225deg);
transition-delay: .14s;
transition-timing-function: cubic-bezier(.215, .61, .355, 1)
}
.hamburger--spin-r.is-active .hamburger-inner::before {
top: 0;
opacity: 0;
transition: top .1s ease-out, opacity .1s .14s ease-out
}
.hamburger--spin-r.is-active .hamburger-inner::after {
bottom: 0;
transform: rotate(-90deg);
transition: bottom .1s ease-out, transform .3s .14s cubic-bezier(.215, .61, .355, 1)
}
.hamburger--squeeze .hamburger-inner {
transition-duration: .1s;
transition-timing-function: cubic-bezier(.55, .055, .675, .19)
}
.hamburger--squeeze .hamburger-inner::before {
transition: top .1s .14s ease, opacity .1s ease
}
.hamburger--squeeze .hamburger-inner::after {
transition: bottom .1s .14s ease, transform .1s cubic-bezier(.55, .055, .675, .19)
}
.hamburger--squeeze.is-active .hamburger-inner {
transform: rotate(45deg);
transition-delay: .14s;
transition-timing-function: cubic-bezier(.215, .61, .355, 1)
}
.hamburger--squeeze.is-active .hamburger-inner::before {
top: 0;
opacity: 0;
transition: top .1s ease, opacity .1s .14s ease
}
.hamburger--squeeze.is-active .hamburger-inner::after {
bottom: 0;
transform: rotate(-90deg);
transition: bottom .1s ease, transform .1s .14s cubic-bezier(.215, .61, .355, 1)
}
.hamburger--vortex .hamburger-inner {
transition-duration: .3s;
transition-timing-function: cubic-bezier(.19, 1, .22, 1)
}
.hamburger--vortex .hamburger-inner::after, .hamburger--vortex .hamburger-inner::before {
transition-duration: 0s;
transition-delay: .1s;
transition-timing-function: linear
}
.hamburger--vortex .hamburger-inner::before {
transition-property: top, opacity
}
.hamburger--vortex .hamburger-inner::after {
transition-property: bottom, transform
}
.hamburger--vortex.is-active .hamburger-inner {
transform: rotate(765deg);
transition-timing-function: cubic-bezier(.19, 1, .22, 1)
}
.hamburger--vortex.is-active .hamburger-inner::after, .hamburger--vortex.is-active .hamburger-inner::before {
transition-delay: 0s
}
.hamburger--vortex.is-active .hamburger-inner::before {
top: 0;
opacity: 0
}
.hamburger--vortex.is-active .hamburger-inner::after {
bottom: 0;
transform: rotate(90deg)
}
.hamburger--vortex-r .hamburger-inner {
transition-duration: .3s;
transition-timing-function: cubic-bezier(.19, 1, .22, 1)
}
.hamburger--vortex-r .hamburger-inner::after, .hamburger--vortex-r .hamburger-inner::before {
transition-duration: 0s;
transition-delay: .1s;
transition-timing-function: linear
}
.hamburger--vortex-r .hamburger-inner::before {
transition-property: top, opacity
}
.hamburger--vortex-r .hamburger-inner::after {
transition-property: bottom, transform
}
.hamburger--vortex-r.is-active .hamburger-inner {
transform: rotate(-765deg);
transition-timing-function: cubic-bezier(.19, 1, .22, 1)
}
.hamburger--vortex-r.is-active .hamburger-inner::after, .hamburger--vortex-r.is-active .hamburger-inner::before {
transition-delay: 0s
}
.hamburger--vortex-r.is-active .hamburger-inner::before {
top: 0;
opacity: 0
}
.hamburger--vortex-r.is-active .hamburger-inner::after {
bottom: 0;
transform: rotate(-90deg)
}/*!
* Font Awesome 4.6.3 by @davegandy - http://fontawesome.io - @fontawesome
* License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
*/
.fa {
font: normal normal normal 14px/1 FontAwesome;
font-size: inherit;
text-rendering: auto;
-webkit-font-smoothing: antialiased
}
.menu__info, .search__info {
font-style: "proxima-nova"
}
.fa-lg {
font-size: 1.33333333em;
line-height: .75em;
vertical-align: -15%
}
.fa-2x {
font-size: 2em
}
.fa-3x {
font-size: 3em
}
.fa-4x {
font-size: 4em
}
.fa-5x {
font-size: 5em
}
.fa-fw {
width: 1.28571429em
}
.fa-ul {
padding-left: 0;
margin-left: 2.14285714em;
list-style-type: none
}
.fa.fa-pull-right, .fa.pull-right {
margin-left: .3em
}
.fa-ul>li {
position: relative
}
.fa-li {
position: absolute;
left: -2.14285714em;
width: 2.14285714em;
top: .14285714em
}
.fa-li.fa-lg {
left: -1.85714286em
}
.fa-border {
padding: .2em .25em .15em;
border: .08em solid #eee;
border-radius: .1em
}
.fa-pull-left {
float: left
}
.fa-pull-right {
float: right
}
.fa-spin {
-webkit-animation: fa-spin 2s infinite linear;
animation: fa-spin 2s infinite linear
}
.fa-pulse {
-webkit-animation: fa-spin 1s infinite steps(8);
animation: fa-spin 1s infinite steps(8)
}
@-webkit-keyframes fa-spin {
0% {
-webkit-transform:rotate(0);
transform:rotate(0)
}
100% {
-webkit-transform:rotate(359deg);
transform:rotate(359deg)
}
}
@keyframes fa-spin {
0% {
-webkit-transform:rotate(0);
transform:rotate(0)
}
100% {
-webkit-transform:rotate(359deg);
transform:rotate(359deg)
}
}
.fa-rotate-90 {
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg)
}
.fa-rotate-180 {
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg)
}
.fa-rotate-270 {
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
-webkit-transform: rotate(270deg);
-ms-transform: rotate(270deg);
transform: rotate(270deg)
}
.fa-flip-horizontal {
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";
-webkit-transform: scale(-1, 1);
-ms-transform: scale(-1, 1);
transform: scale(-1, 1)
}
.fa-flip-vertical {
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
-webkit-transform: scale(1, -1);
-ms-transform: scale(1, -1);
transform: scale(1, -1)
}
:root .fa-flip-horizontal, :root .fa-flip-vertical, :root .fa-rotate-180, :root .fa-rotate-270, :root .fa-rotate-90 {
filter: none
}
.fa-stack {
position: relative;
width: 2em;
height: 2em;
line-height: 2em;
vertical-align: middle
}
.fa-stack-1x, .fa-stack-2x {
position: absolute;
left: 0;
width: 100%;
text-align: center
}
.fa-stack-1x {
line-height: inherit
}
.btn, button[type=submit] {
line-height: 120%;
min-width: 152px;
max-width: 350px;
letter-spacing: .1em;
font-family: proxima-nova;
text-align: center;
text-transform: uppercase
}
.fa-stack-2x {
font-size: 2em
}
.fa-inverse {
color: #fff
}
.fa-glass:before {
content: "\f000"
}
.fa-music:before {
content: "\f001"
}
.fa-search:before {
content: "\f002"
}
.fa-envelope-o:before {
content: "\f003"
}
.fa-heart:before {
content: "\f004"
}
.fa-star:before {
content: "\f005"
}
.fa-star-o:before {
content: "\f006"
}
.fa-user:before {
content: "\f007"
}
.fa-film:before {
content: "\f008"
}
.fa-th-large:before {
content: "\f009"
}
.fa-th:before {
content: "\f00a"
}
.fa-th-list:before {
content: "\f00b"
}
.fa-check:before {
content: "\f00c"
}
.fa-close:before, .fa-remove:before, .fa-times:before {
content: "\f00d"
}
.fa-search-plus:before {
content: "\f00e"
}
.fa-search-minus:before {
content: "\f010"
}
.fa-power-off:before {
content: "\f011"
}
.fa-signal:before {
content: "\f012"
}
.fa-cog:before, .fa-gear:before {
content: "\f013"
}
.fa-trash-o:before {
content: "\f014"
}
.fa-home:before {
content: "\f015"
}
.fa-file-o:before {
content: "\f016"
}
.fa-clock-o:before {
content: "\f017"
}
.fa-road:before {
content: "\f018"
}
.fa-download:before {
content: "\f019"
}
.fa-arrow-circle-o-down:before {
content: "\f01a"
}
.fa-arrow-circle-o-up:before {
content: "\f01b"
}
.fa-inbox:before {
content: "\f01c"
}
.fa-play-circle-o:before {
content: "\f01d"
}
.fa-repeat:before, .fa-rotate-right:before {
content: "\f01e"
}
.fa-refresh:before {
content: "\f021"
}
.fa-list-alt:before {
content: "\f022"
}
.fa-lock:before {
content: "\f023"
}
.fa-flag:before {
content: "\f024"
}
.fa-headphones:before {
content: "\f025"
}
.fa-volume-off:before {
content: "\f026"
}
.fa-volume-down:before {
content: "\f027"
}
.fa-volume-up:before {
content: "\f028"
}
.fa-qrcode:before {
content: "\f029"
}
.fa-barcode:before {
content: "\f02a"
}
.fa-tag:before {
content: "\f02b"
}
.fa-tags:before {
content: "\f02c"
}
.fa-book:before {
content: "\f02d"
}
.fa-bookmark:before {
content: "\f02e"
}
.fa-print:before {
content: "\f02f"
}
.fa-camera:before {
content: "\f030"
}
.fa-font:before {
content: "\f031"
}
.fa-bold:before {
content: "\f032"
}
.fa-italic:before {
content: "\f033"
}
.fa-text-height:before {
content: "\f034"
}
.fa-text-width:before {
content: "\f035"
}
.fa-align-left:before {
content: "\f036"
}
.fa-align-center:before {
content: "\f037"
}
.fa-align-right:before {
content: "\f038"
}
.fa-align-justify:before {
content: "\f039"
}
.fa-list:before {
content: "\f03a"
}
.fa-dedent:before, .fa-outdent:before {
content: "\f03b"
}
.fa-indent:before {
content: "\f03c"
}
.fa-video-camera:before {
content: "\f03d"
}
.fa-image:before, .fa-photo:before, .fa-picture-o:before {
content: "\f03e"
}
.fa-pencil:before {
content: "\f040"
}
.fa-map-marker:before {
content: "\f041"
}
.fa-adjust:before {
content: "\f042"
}
.fa-tint:before {
content: "\f043"
}
.fa-edit:before, .fa-pencil-square-o:before {
content: "\f044"
}
.fa-share-square-o:before {
content: "\f045"
}
.fa-check-square-o:before {
content: "\f046"
}
.fa-arrows:before {
content: "\f047"
}
.fa-step-backward:before {
content: "\f048"
}
.fa-fast-backward:before {
content: "\f049"
}
.fa-backward:before {
content: "\f04a"
}
.fa-play:before {
content: "\f04b"
}
.fa-pause:before {
content: "\f04c"
}
.fa-stop:before {
content: "\f04d"
}
.fa-forward:before {
content: "\f04e"
}
.fa-fast-forward:before {
content: "\f050"
}
.fa-step-forward:before {
content: "\f051"
}
.fa-eject:before {
content: "\f052"
}
.fa-chevron-left:before {
content: "\f053"
}
.fa-chevron-right:before {
content: "\f054"
}
.fa-plus-circle:before {
content: "\f055"
}
.fa-minus-circle:before {
content: "\f056"
}
.fa-times-circle:before {
content: "\f057"
}
.fa-check-circle:before {
content: "\f058"
}
.fa-question-circle:before {
content: "\f059"
}
.fa-info-circle:before {
content: "\f05a"
}
.fa-crosshairs:before {
content: "\f05b"
}
.fa-times-circle-o:before {
content: "\f05c"
}
.fa-check-circle-o:before {
content: "\f05d"
}
.fa-ban:before {
content: "\f05e"
}
.fa-arrow-left:before {
content: "\f060"
}
.fa-arrow-right:before {
content: "\f061"
}
.fa-arrow-up:before {
content: "\f062"
}
.fa-arrow-down:before {
content: "\f063"
}
.fa-mail-forward:before, .fa-share:before {
content: "\f064"
}
.fa-expand:before {
content: "\f065"
}
.fa-compress:before {
content: "\f066"
}
.fa-plus:before {
content: "\f067"
}
.fa-minus:before {
content: "\f068"
}
.fa-asterisk:before {
content: "\f069"
}
.fa-exclamation-circle:before {
content: "\f06a"
}
.fa-gift:before {
content: "\f06b"
}
.fa-leaf:before {
content: "\f06c"
}
.fa-fire:before {
content: "\f06d"
}
.fa-eye:before {
content: "\f06e"
}
.fa-eye-slash:before {
content: "\f070"
}
.fa-exclamation-triangle:before, .fa-warning:before {
content: "\f071"
}
.fa-plane:before {
content: "\f072"
}
.fa-calendar:before {
content: "\f073"
}
.fa-random:before {
content: "\f074"
}
.fa-comment:before {
content: "\f075"
}
.fa-magnet:before {
content: "\f076"
}
.fa-chevron-up:before {
content: "\f077"
}
.fa-chevron-down:before {
content: "\f078"
}
.fa-retweet:before {
content: "\f079"
}
.fa-shopping-cart:before {
content: "\f07a"
}
.fa-folder:before {
content: "\f07b"
}
.fa-folder-open:before {
content: "\f07c"
}
.fa-arrows-v:before {
content: "\f07d"
}
.fa-arrows-h:before {
content: "\f07e"
}
.fa-bar-chart-o:before, .fa-bar-chart:before {
content: "\f080"
}
.fa-twitter-square:before {
content: "\f081"
}
.fa-facebook-square:before {
content: "\f082"
}
.fa-camera-retro:before {
content: "\f083"
}
.fa-key:before {
content: "\f084"
}
.fa-cogs:before, .fa-gears:before {
content: "\f085"
}
.fa-comments:before {
content: "\f086"
}
.fa-thumbs-o-up:before {
content: "\f087"
}
.fa-thumbs-o-down:before {
content: "\f088"
}
.fa-star-half:before {
content: "\f089"
}
.fa-heart-o:before {
content: "\f08a"
}
.fa-sign-out:before {
content: "\f08b"
}
.fa-linkedin-square:before {
content: "\f08c"
}
.fa-thumb-tack:before {
content: "\f08d"
}
.fa-external-link:before {
content: "\f08e"
}
.fa-sign-in:before {
content: "\f090"
}
.fa-trophy:before {
content: "\f091"
}
.fa-github-square:before {
content: "\f092"
}
.fa-upload:before {
content: "\f093"
}
.fa-lemon-o:before {
content: "\f094"
}
.fa-phone:before {
content: "\f095"
}
.fa-square-o:before {
content: "\f096"
}
.fa-bookmark-o:before {
content: "\f097"
}
.fa-phone-square:before {
content: "\f098"
}
.fa-twitter:before {
content: "\f099"
}
.fa-facebook-f:before, .fa-facebook:before {
content: "\f09a"
}
.fa-github:before {
content: "\f09b"
}
.fa-unlock:before {
content: "\f09c"
}
.fa-credit-card:before {
content: "\f09d"
}
.fa-feed:before, .fa-rss:before {
content: "\f09e"
}
.fa-hdd-o:before {
content: "\f0a0"
}
.fa-bullhorn:before {
content: "\f0a1"
}
.fa-bell:before {
content: "\f0f3"
}
.fa-certificate:before {
content: "\f0a3"
}
.fa-hand-o-right:before {
content: "\f0a4"
}
.fa-hand-o-left:before {
content: "\f0a5"
}
.fa-hand-o-up:before {
content: "\f0a6"
}
.fa-hand-o-down:before {
content: "\f0a7"
}
.fa-arrow-circle-left:before {
content: "\f0a8"
}
.fa-arrow-circle-right:before {
content: "\f0a9"
}
.fa-arrow-circle-up:before {
content: "\f0aa"
}
.fa-arrow-circle-down:before {
content: "\f0ab"
}
.fa-globe:before {
content: "\f0ac"
}
.fa-wrench:before {
content: "\f0ad"
}
.fa-tasks:before {
content: "\f0ae"
}
.fa-filter:before {
content: "\f0b0"
}
.fa-briefcase:before {
content: "\f0b1"
}
.fa-arrows-alt:before {
content: "\f0b2"
}
.fa-group:before, .fa-users:before {
content: "\f0c0"
}
.fa-chain:before, .fa-link:before {
content: "\f0c1"
}
.fa-cloud:before {
content: "\f0c2"
}
.fa-flask:before {
content: "\f0c3"
}
.fa-cut:before, .fa-scissors:before {
content: "\f0c4"
}
.fa-copy:before, .fa-files-o:before {
content: "\f0c5"
}
.fa-paperclip:before {
content: "\f0c6"
}
.fa-floppy-o:before, .fa-save:before {
content: "\f0c7"
}
.fa-square:before {
content: "\f0c8"
}
.fa-bars:before, .fa-navicon:before, .fa-reorder:before {
content: "\f0c9"
}
.fa-list-ul:before {
content: "\f0ca"
}
.fa-list-ol:before {
content: "\f0cb"
}
.fa-strikethrough:before {
content: "\f0cc"
}
.fa-underline:before {
content: "\f0cd"
}
.fa-table:before {
content: "\f0ce"
}
.fa-magic:before {
content: "\f0d0"
}
.fa-truck:before {
content: "\f0d1"
}
.fa-pinterest:before {
content: "\f0d2"
}
.fa-pinterest-square:before {
content: "\f0d3"
}
.fa-google-plus-square:before {
content: "\f0d4"
}
.fa-google-plus:before {
content: "\f0d5"
}
.fa-money:before {
content: "\f0d6"
}
.fa-caret-down:before {
content: "\f0d7"
}
.fa-caret-up:before {
content: "\f0d8"
}
.fa-caret-left:before {
content: "\f0d9"
}
.fa-caret-right:before {
content: "\f0da"
}
.fa-columns:before {
content: "\f0db"
}
.fa-sort:before, .fa-unsorted:before {
content: "\f0dc"
}
.fa-sort-desc:before, .fa-sort-down:before {
content: "\f0dd"
}
.fa-sort-asc:before, .fa-sort-up:before {
content: "\f0de"
}
.fa-envelope:before {
content: "\f0e0"
}
.fa-linkedin:before {
content: "\f0e1"
}
.fa-rotate-left:before, .fa-undo:before {
content: "\f0e2"
}
.fa-gavel:before, .fa-legal:before {
content: "\f0e3"
}
.fa-dashboard:before, .fa-tachometer:before {
content: "\f0e4"
}
.fa-comment-o:before {
content: "\f0e5"
}
.fa-comments-o:before {
content: "\f0e6"
}
.fa-bolt:before, .fa-flash:before {
content: "\f0e7"
}
.fa-sitemap:before {
content: "\f0e8"
}
.fa-umbrella:before {
content: "\f0e9"
}
.fa-clipboard:before, .fa-paste:before {
content: "\f0ea"
}
.fa-lightbulb-o:before {
content: "\f0eb"
}
.fa-exchange:before {
content: "\f0ec"
}
.fa-cloud-download:before {
content: "\f0ed"
}
.fa-cloud-upload:before {
content: "\f0ee"
}
.fa-user-md:before {
content: "\f0f0"
}
.fa-stethoscope:before {
content: "\f0f1"
}
.fa-suitcase:before {
content: "\f0f2"
}
.fa-bell-o:before {
content: "\f0a2"
}
.fa-coffee:before {
content: "\f0f4"
}
.fa-cutlery:before {
content: "\f0f5"
}
.fa-file-text-o:before {
content: "\f0f6"
}
.fa-building-o:before {
content: "\f0f7"
}
.fa-hospital-o:before {
content: "\f0f8"
}
.fa-ambulance:before {
content: "\f0f9"
}
.fa-medkit:before {
content: "\f0fa"
}
.fa-fighter-jet:before {
content: "\f0fb"
}
.fa-beer:before {
content: "\f0fc"
}
.fa-h-square:before {
content: "\f0fd"
}
.fa-plus-square:before {
content: "\f0fe"
}
.fa-angle-double-left:before {
content: "\f100"
}
.fa-angle-double-right:before {
content: "\f101"
}
.fa-angle-double-up:before {
content: "\f102"
}
.fa-angle-double-down:before {
content: "\f103"
}
.fa-angle-left:before {
content: "\f104"
}
.fa-angle-right:before {
content: "\f105"
}
.fa-angle-up:before {
content: "\f106"
}
.fa-angle-down:before {
content: "\f107"
}
.fa-desktop:before {
content: "\f108"
}
.fa-laptop:before {
content: "\f109"
}
.fa-tablet:before {
content: "\f10a"
}
.fa-mobile-phone:before, .fa-mobile:before {
content: "\f10b"
}
.fa-circle-o:before {
content: "\f10c"
}
.fa-quote-left:before {
content: "\f10d"
}
.fa-quote-right:before {
content: "\f10e"
}
.fa-spinner:before {
content: "\f110"
}
.fa-circle:before {
content: "\f111"
}
.fa-mail-reply:before, .fa-reply:before {
content: "\f112"
}
.fa-github-alt:before {
content: "\f113"
}
.fa-folder-o:before {
content: "\f114"
}
.fa-folder-open-o:before {
content: "\f115"
}
.fa-smile-o:before {
content: "\f118"
}
.fa-frown-o:before {
content: "\f119"
}
.fa-meh-o:before {
content: "\f11a"
}
.fa-gamepad:before {
content: "\f11b"
}
.fa-keyboard-o:before {
content: "\f11c"
}
.fa-flag-o:before {
content: "\f11d"
}
.fa-flag-checkered:before {
content: "\f11e"
}
.fa-terminal:before {
content: "\f120"
}
.fa-code:before {
content: "\f121"
}
.fa-mail-reply-all:before, .fa-reply-all:before {
content: "\f122"
}
.fa-star-half-empty:before, .fa-star-half-full:before, .fa-star-half-o:before {
content: "\f123"
}
.fa-location-arrow:before {
content: "\f124"
}
.fa-crop:before {
content: "\f125"
}
.fa-code-fork:before {
content: "\f126"
}
.fa-chain-broken:before, .fa-unlink:before {
content: "\f127"
}
.fa-question:before {
content: "\f128"
}
.fa-info:before {
content: "\f129"
}
.fa-exclamation:before {
content: "\f12a"
}
.fa-superscript:before {
content: "\f12b"
}
.fa-subscript:before {
content: "\f12c"
}
.fa-eraser:before {
content: "\f12d"
}
.fa-puzzle-piece:before {
content: "\f12e"
}
.fa-microphone:before {
content: "\f130"
}
.fa-microphone-slash:before {
content: "\f131"
}
.fa-shield:before {
content: "\f132"
}
.fa-calendar-o:before {
content: "\f133"
}
.fa-fire-extinguisher:before {
content: "\f134"
}
.fa-rocket:before {
content: "\f135"
}
.fa-maxcdn:before {
content: "\f136"
}
.fa-chevron-circle-left:before {
content: "\f137"
}
.fa-chevron-circle-right:before {
content: "\f138"
}
.fa-chevron-circle-up:before {
content: "\f139"
}
.fa-chevron-circle-down:before {
content: "\f13a"
}
.fa-html5:before {
content: "\f13b"
}
.fa-css3:before {
content: "\f13c"
}
.fa-anchor:before {
content: "\f13d"
}
.fa-unlock-alt:before {
content: "\f13e"
}
.fa-bullseye:before {
content: "\f140"
}
.fa-ellipsis-h:before {
content: "\f141"
}
.fa-ellipsis-v:before {
content: "\f142"
}
.fa-rss-square:before {
content: "\f143"
}
.fa-play-circle:before {
content: "\f144"
}
.fa-ticket:before {
content: "\f145"
}
.fa-minus-square:before {
content: "\f146"
}
.fa-minus-square-o:before {
content: "\f147"
}
.fa-level-up:before {
content: "\f148"
}
.fa-level-down:before {
content: "\f149"
}
.fa-check-square:before {
content: "\f14a"
}
.fa-pencil-square:before {
content: "\f14b"
}
.fa-external-link-square:before {
content: "\f14c"
}
.fa-share-square:before {
content: "\f14d"
}
.fa-compass:before {
content: "\f14e"
}
.fa-caret-square-o-down:before, .fa-toggle-down:before {
content: "\f150"
}
.fa-caret-square-o-up:before, .fa-toggle-up:before {
content: "\f151"
}
.fa-caret-square-o-right:before, .fa-toggle-right:before {
content: "\f152"
}
.fa-eur:before, .fa-euro:before {
content: "\f153"
}
.fa-gbp:before {
content: "\f154"
}
.fa-dollar:before, .fa-usd:before {
content: "\f155"
}
.fa-inr:before, .fa-rupee:before {
content: "\f156"
}
.fa-cny:before, .fa-jpy:before, .fa-rmb:before, .fa-yen:before {
content: "\f157"
}
.fa-rouble:before, .fa-rub:before, .fa-ruble:before {
content: "\f158"
}
.fa-krw:before, .fa-won:before {
content: "\f159"
}
.fa-bitcoin:before, .fa-btc:before {
content: "\f15a"
}
.fa-file:before {
content: "\f15b"
}
.fa-file-text:before {
content: "\f15c"
}
.fa-sort-alpha-asc:before {
content: "\f15d"
}
.fa-sort-alpha-desc:before {
content: "\f15e"
}
.fa-sort-amount-asc:before {
content: "\f160"
}
.fa-sort-amount-desc:before {
content: "\f161"
}
.fa-sort-numeric-asc:before {
content: "\f162"
}
.fa-sort-numeric-desc:before {
content: "\f163"
}
.fa-thumbs-up:before {
content: "\f164"
}
.fa-thumbs-down:before {
content: "\f165"
}
.fa-youtube-square:before {
content: "\f166"
}
.fa-youtube:before {
content: "\f167"
}
.fa-xing:before {
content: "\f168"
}
.fa-xing-square:before {
content: "\f169"
}
.fa-youtube-play:before {
content: "\f16a"
}
.fa-dropbox:before {
content: "\f16b"
}
.fa-stack-overflow:before {
content: "\f16c"
}
.fa-instagram:before {
content: "\f16d"
}
.fa-flickr:before {
content: "\f16e"
}
.fa-adn:before {
content: "\f170"
}
.fa-bitbucket:before {
content: "\f171"
}
.fa-bitbucket-square:before {
content: "\f172"
}
.fa-tumblr:before {
content: "\f173"
}
.fa-tumblr-square:before {
content: "\f174"
}
.fa-long-arrow-down:before {
content: "\f175"
}
.fa-long-arrow-up:before {
content: "\f176"
}
.fa-long-arrow-left:before {
content: "\f177"
}
.fa-long-arrow-right:before {
content: "\f178"
}
.fa-apple:before {
content: "\f179"
}
.fa-windows:before {
content: "\f17a"
}
.fa-android:before {
content: "\f17b"
}
.fa-linux:before {
content: "\f17c"
}
.fa-dribbble:before {
content: "\f17d"
}
.fa-skype:before {
content: "\f17e"
}
.fa-foursquare:before {
content: "\f180"
}
.fa-trello:before {
content: "\f181"
}
.fa-female:before {
content: "\f182"
}
.fa-male:before {
content: "\f183"
}
.fa-gittip:before, .fa-gratipay:before {
content: "\f184"
}
.fa-sun-o:before {
content: "\f185"
}
.fa-moon-o:before {
content: "\f186"
}
.fa-archive:before {
content: "\f187"
}
.fa-bug:before {
content: "\f188"
}
.fa-vk:before {
content: "\f189"
}
.fa-weibo:before {
content: "\f18a"
}
.fa-renren:before {
content: "\f18b"
}
.fa-pagelines:before {
content: "\f18c"
}
.fa-stack-exchange:before {
content: "\f18d"
}
.fa-arrow-circle-o-right:before {
content: "\f18e"
}
.fa-arrow-circle-o-left:before {
content: "\f190"
}
.fa-caret-square-o-left:before, .fa-toggle-left:before {
content: "\f191"
}
.fa-dot-circle-o:before {
content: "\f192"
}
.fa-wheelchair:before {
content: "\f193"
}
.fa-vimeo-square:before {
content: "\f194"
}
.fa-try:before, .fa-turkish-lira:before {
content: "\f195"
}
.fa-plus-square-o:before {
content: "\f196"
}
.fa-space-shuttle:before {
content: "\f197"
}
.fa-slack:before {
content: "\f198"
}
.fa-envelope-square:before {
content: "\f199"
}
.fa-wordpress:before {
content: "\f19a"
}
.fa-openid:before {
content: "\f19b"
}
.fa-bank:before, .fa-institution:before, .fa-university:before {
content: "\f19c"
}
.fa-graduation-cap:before, .fa-mortar-board:before {
content: "\f19d"
}
.fa-yahoo:before {
content: "\f19e"
}
.fa-google:before {
content: "\f1a0"
}
.fa-reddit:before {
content: "\f1a1"
}
.fa-reddit-square:before {
content: "\f1a2"
}
.fa-stumbleupon-circle:before {
content: "\f1a3"
}
.fa-stumbleupon:before {
content: "\f1a4"
}
.fa-delicious:before {
content: "\f1a5"
}
.fa-digg:before {
content: "\f1a6"
}
.fa-pied-piper-pp:before {
content: "\f1a7"
}
.fa-pied-piper-alt:before {
content: "\f1a8"
}
.fa-drupal:before {
content: "\f1a9"
}
.fa-joomla:before {
content: "\f1aa"
}
.fa-language:before {
content: "\f1ab"
}
.fa-fax:before {
content: "\f1ac"
}
.fa-building:before {
content: "\f1ad"
}
.fa-child:before {
content: "\f1ae"
}
.fa-paw:before {
content: "\f1b0"
}
.fa-spoon:before {
content: "\f1b1"
}
.fa-cube:before {
content: "\f1b2"
}
.fa-cubes:before {
content: "\f1b3"
}
.fa-behance:before {
content: "\f1b4"
}
.fa-behance-square:before {
content: "\f1b5"
}
.fa-steam:before {
content: "\f1b6"
}
.fa-steam-square:before {
content: "\f1b7"
}
.fa-recycle:before {
content: "\f1b8"
}
.fa-automobile:before, .fa-car:before {
content: "\f1b9"
}
.fa-cab:before, .fa-taxi:before {
content: "\f1ba"
}
.fa-tree:before {
content: "\f1bb"
}
.fa-spotify:before {
content: "\f1bc"
}
.fa-deviantart:before {
content: "\f1bd"
}
.fa-soundcloud:before {
content: "\f1be"
}
.fa-database:before {
content: "\f1c0"
}
.fa-file-pdf-o:before {
content: "\f1c1"
}
.fa-file-word-o:before {
content: "\f1c2"
}
.fa-file-excel-o:before {
content: "\f1c3"
}
.fa-file-powerpoint-o:before {
content: "\f1c4"
}
.fa-file-image-o:before, .fa-file-photo-o:before, .fa-file-picture-o:before {
content: "\f1c5"
}
.fa-file-archive-o:before, .fa-file-zip-o:before {
content: "\f1c6"
}
.fa-file-audio-o:before, .fa-file-sound-o:before {
content: "\f1c7"
}
.fa-file-movie-o:before, .fa-file-video-o:before {
content: "\f1c8"
}
.fa-file-code-o:before {
content: "\f1c9"
}
.fa-vine:before {
content: "\f1ca"
}
.fa-codepen:before {
content: "\f1cb"
}
.fa-jsfiddle:before {
content: "\f1cc"
}
.fa-life-bouy:before, .fa-life-buoy:before, .fa-life-ring:before, .fa-life-saver:before, .fa-support:before {
content: "\f1cd"
}
.fa-circle-o-notch:before {
content: "\f1ce"
}
.fa-ra:before, .fa-rebel:before, .fa-resistance:before {
content: "\f1d0"
}
.fa-empire:before, .fa-ge:before {
content: "\f1d1"
}
.fa-git-square:before {
content: "\f1d2"
}
.fa-git:before {
content: "\f1d3"
}
.fa-hacker-news:before, .fa-y-combinator-square:before, .fa-yc-square:before {
content: "\f1d4"
}
.fa-tencent-weibo:before {
content: "\f1d5"
}
.fa-qq:before {
content: "\f1d6"
}
.fa-wechat:before, .fa-weixin:before {
content: "\f1d7"
}
.fa-paper-plane:before, .fa-send:before {
content: "\f1d8"
}
.fa-paper-plane-o:before, .fa-send-o:before {
content: "\f1d9"
}
.fa-history:before {
content: "\f1da"
}
.fa-circle-thin:before {
content: "\f1db"
}
.fa-header:before {
content: "\f1dc"
}
.fa-paragraph:before {
content: "\f1dd"
}
.fa-sliders:before {
content: "\f1de"
}
.fa-share-alt:before {
content: "\f1e0"
}
.fa-share-alt-square:before {
content: "\f1e1"
}
.fa-bomb:before {
content: "\f1e2"
}
.fa-futbol-o:before, .fa-soccer-ball-o:before {
content: "\f1e3"
}
.fa-tty:before {
content: "\f1e4"
}
.fa-binoculars:before {
content: "\f1e5"
}
.fa-plug:before {
content: "\f1e6"
}
.fa-slideshare:before {
content: "\f1e7"
}
.fa-twitch:before {
content: "\f1e8"
}
.fa-yelp:before {
content: "\f1e9"
}
.fa-newspaper-o:before {
content: "\f1ea"
}
.fa-wifi:before {
content: "\f1eb"
}
.fa-calculator:before {
content: "\f1ec"
}
.fa-paypal:before {
content: "\f1ed"
}
.fa-google-wallet:before {
content: "\f1ee"
}
.fa-cc-visa:before {
content: "\f1f0"
}
.fa-cc-mastercard:before {
content: "\f1f1"
}
.fa-cc-discover:before {
content: "\f1f2"
}
.fa-cc-amex:before {
content: "\f1f3"
}
.fa-cc-paypal:before {
content: "\f1f4"
}
.fa-cc-stripe:before {
content: "\f1f5"
}
.fa-bell-slash:before {
content: "\f1f6"
}
.fa-bell-slash-o:before {
content: "\f1f7"
}
.fa-trash:before {
content: "\f1f8"
}
.fa-copyright:before {
content: "\f1f9"
}
.fa-at:before {
content: "\f1fa"
}
.fa-eyedropper:before {
content: "\f1fb"
}
.fa-paint-brush:before {
content: "\f1fc"
}
.fa-birthday-cake:before {
content: "\f1fd"
}
.fa-area-chart:before {
content: "\f1fe"
}
.fa-pie-chart:before {
content: "\f200"
}
.fa-line-chart:before {
content: "\f201"
}
.fa-lastfm:before {
content: "\f202"
}
.fa-lastfm-square:before {
content: "\f203"
}
.fa-toggle-off:before {
content: "\f204"
}
.fa-toggle-on:before {
content: "\f205"
}
.fa-bicycle:before {
content: "\f206"
}
.fa-bus:before {
content: "\f207"
}
.fa-ioxhost:before {
content: "\f208"
}
.fa-angellist:before {
content: "\f209"
}
.fa-cc:before {
content: "\f20a"
}
.fa-ils:before, .fa-shekel:before, .fa-sheqel:before {
content: "\f20b"
}
.fa-meanpath:before {
content: "\f20c"
}
.fa-buysellads:before {
content: "\f20d"
}
.fa-connectdevelop:before {
content: "\f20e"
}
.fa-dashcube:before {
content: "\f210"
}
.fa-forumbee:before {
content: "\f211"
}
.fa-leanpub:before {
content: "\f212"
}
.fa-sellsy:before {
content: "\f213"
}
.fa-shirtsinbulk:before {
content: "\f214"
}
.fa-simplybuilt:before {
content: "\f215"
}
.fa-skyatlas:before {
content: "\f216"
}
.fa-cart-plus:before {
content: "\f217"
}
.fa-cart-arrow-down:before {
content: "\f218"
}
.fa-diamond:before {
content: "\f219"
}
.fa-ship:before {
content: "\f21a"
}
.fa-user-secret:before {
content: "\f21b"
}
.fa-motorcycle:before {
content: "\f21c"
}
.fa-street-view:before {
content: "\f21d"
}
.fa-heartbeat:before {
content: "\f21e"
}
.fa-venus:before {
content: "\f221"
}
.fa-mars:before {
content: "\f222"
}
.fa-mercury:before {
content: "\f223"
}
.fa-intersex:before, .fa-transgender:before {
content: "\f224"
}
.fa-transgender-alt:before {
content: "\f225"
}
.fa-venus-double:before {
content: "\f226"
}
.fa-mars-double:before {
content: "\f227"
}
.fa-venus-mars:before {
content: "\f228"
}
.fa-mars-stroke:before {
content: "\f229"
}
.fa-mars-stroke-v:before {
content: "\f22a"
}
.fa-mars-stroke-h:before {
content: "\f22b"
}
.fa-neuter:before {
content: "\f22c"
}
.fa-genderless:before {
content: "\f22d"
}
.fa-facebook-official:before {
content: "\f230"
}
.fa-pinterest-p:before {
content: "\f231"
}
.fa-whatsapp:before {
content: "\f232"
}
.fa-server:before {
content: "\f233"
}
.fa-user-plus:before {
content: "\f234"
}
.fa-user-times:before {
content: "\f235"
}
.fa-bed:before, .fa-hotel:before {
content: "\f236"
}
.fa-viacoin:before {
content: "\f237"
}
.fa-train:before {
content: "\f238"
}
.fa-subway:before {
content: "\f239"
}
.fa-medium:before {
content: "\f23a"
}
.fa-y-combinator:before, .fa-yc:before {
content: "\f23b"
}
.fa-optin-monster:before {
content: "\f23c"
}
.fa-opencart:before {
content: "\f23d"
}
.fa-expeditedssl:before {
content: "\f23e"
}
.fa-battery-4:before, .fa-battery-full:before {
content: "\f240"
}
.fa-battery-3:before, .fa-battery-three-quarters:before {
content: "\f241"
}
.fa-battery-2:before, .fa-battery-half:before {
content: "\f242"
}
.fa-battery-1:before, .fa-battery-quarter:before {
content: "\f243"
}
.fa-battery-0:before, .fa-battery-empty:before {
content: "\f244"
}
.fa-mouse-pointer:before {
content: "\f245"
}
.fa-i-cursor:before {
content: "\f246"
}
.fa-object-group:before {
content: "\f247"
}
.fa-object-ungroup:before {
content: "\f248"
}
.fa-sticky-note:before {
content: "\f249"
}
.fa-sticky-note-o:before {
content: "\f24a"
}
.fa-cc-jcb:before {
content: "\f24b"
}
.fa-cc-diners-club:before {
content: "\f24c"
}
.fa-clone:before {
content: "\f24d"
}
.fa-balance-scale:before {
content: "\f24e"
}
.fa-hourglass-o:before {
content: "\f250"
}
.fa-hourglass-1:before, .fa-hourglass-start:before {
content: "\f251"
}
.fa-hourglass-2:before, .fa-hourglass-half:before {
content: "\f252"
}
.fa-hourglass-3:before, .fa-hourglass-end:before {
content: "\f253"
}
.fa-hourglass:before {
content: "\f254"
}
.fa-hand-grab-o:before, .fa-hand-rock-o:before {
content: "\f255"
}
.fa-hand-paper-o:before, .fa-hand-stop-o:before {
content: "\f256"
}
.fa-hand-scissors-o:before {
content: "\f257"
}
.fa-hand-lizard-o:before {
content: "\f258"
}
.fa-hand-spock-o:before {
content: "\f259"
}
.fa-hand-pointer-o:before {
content: "\f25a"
}
.fa-hand-peace-o:before {
content: "\f25b"
}
.fa-trademark:before {
content: "\f25c"
}
.fa-registered:before {
content: "\f25d"
}
.fa-creative-commons:before {
content: "\f25e"
}
.fa-gg:before {
content: "\f260"
}
.fa-gg-circle:before {
content: "\f261"
}
.fa-tripadvisor:before {
content: "\f262"
}
.fa-odnoklassniki:before {
content: "\f263"
}
.fa-odnoklassniki-square:before {
content: "\f264"
}
.fa-get-pocket:before {
content: "\f265"
}
.fa-wikipedia-w:before {
content: "\f266"
}
.fa-safari:before {
content: "\f267"
}
.fa-chrome:before {
content: "\f268"
}
.fa-firefox:before {
content: "\f269"
}
.fa-opera:before {
content: "\f26a"
}
.fa-internet-explorer:before {
content: "\f26b"
}
.fa-television:before, .fa-tv:before {
content: "\f26c"
}
.fa-contao:before {
content: "\f26d"
}
.fa-500px:before {
content: "\f26e"
}
.fa-amazon:before {
content: "\f270"
}
.fa-calendar-plus-o:before {
content: "\f271"
}
.fa-calendar-minus-o:before {
content: "\f272"
}
.fa-calendar-times-o:before {
content: "\f273"
}
.fa-calendar-check-o:before {
content: "\f274"
}
.fa-industry:before {
content: "\f275"
}
.fa-map-pin:before {
content: "\f276"
}
.fa-map-signs:before {
content: "\f277"
}
.fa-map-o:before {
content: "\f278"
}
.fa-map:before {
content: "\f279"
}
.fa-commenting:before {
content: "\f27a"
}
.fa-commenting-o:before {
content: "\f27b"
}
.fa-houzz:before {
content: "\f27c"
}
.fa-vimeo:before {
content: "\f27d"
}
.fa-black-tie:before {
content: "\f27e"
}
.fa-fonticons:before {
content: "\f280"
}
.fa-reddit-alien:before {
content: "\f281"
}
.fa-edge:before {
content: "\f282"
}
.fa-credit-card-alt:before {
content: "\f283"
}
.fa-codiepie:before {
content: "\f284"
}
.fa-modx:before {
content: "\f285"
}
.fa-fort-awesome:before {
content: "\f286"
}
.fa-usb:before {
content: "\f287"
}
.fa-product-hunt:before {
content: "\f288"
}
.fa-mixcloud:before {
content: "\f289"
}
.fa-scribd:before {
content: "\f28a"
}
.fa-pause-circle:before {
content: "\f28b"
}
.fa-pause-circle-o:before {
content: "\f28c"
}
.fa-stop-circle:before {
content: "\f28d"
}
.fa-stop-circle-o:before {
content: "\f28e"
}
.fa-shopping-bag:before {
content: "\f290"
}
.fa-shopping-basket:before {
content: "\f291"
}
.fa-hashtag:before {
content: "\f292"
}
.fa-bluetooth:before {
content: "\f293"
}
.fa-bluetooth-b:before {
content: "\f294"
}
.fa-percent:before {
content: "\f295"
}
.fa-gitlab:before {
content: "\f296"
}
.fa-wpbeginner:before {
content: "\f297"
}
.fa-wpforms:before {
content: "\f298"
}
.fa-envira:before {
content: "\f299"
}
.fa-universal-access:before {
content: "\f29a"
}
.fa-wheelchair-alt:before {
content: "\f29b"
}
.fa-question-circle-o:before {
content: "\f29c"
}
.fa-blind:before {
content: "\f29d"
}
.fa-audio-description:before {
content: "\f29e"
}
.fa-volume-control-phone:before {
content: "\f2a0"
}
.fa-braille:before {
content: "\f2a1"
}
.fa-assistive-listening-systems:before {
content: "\f2a2"
}
.fa-american-sign-language-interpreting:before, .fa-asl-interpreting:before {
content: "\f2a3"
}
.fa-deaf:before, .fa-deafness:before, .fa-hard-of-hearing:before {
content: "\f2a4"
}
.fa-glide:before {
content: "\f2a5"
}
.fa-glide-g:before {
content: "\f2a6"
}
.fa-sign-language:before, .fa-signing:before {
content: "\f2a7"
}
.fa-low-vision:before {
content: "\f2a8"
}
.fa-viadeo:before {
content: "\f2a9"
}
.fa-viadeo-square:before {
content: "\f2aa"
}
.fa-snapchat:before {
content: "\f2ab"
}
.fa-snapchat-ghost:before {
content: "\f2ac"
}
.fa-snapchat-square:before {
content: "\f2ad"
}
.fa-pied-piper:before {
content: "\f2ae"
}
.fa-first-order:before {
content: "\f2b0"
}
.fa-yoast:before {
content: "\f2b1"
}
.fa-themeisle:before {
content: "\f2b2"
}
.fa-google-plus-circle:before, .fa-google-plus-official:before {
content: "\f2b3"
}
.fa-fa:before, .fa-font-awesome:before {
content: "\f2b4"
}
.sr-only {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
clip: rect(0,0,0,0);
border: 0
}
.sr-only-focusable:active, .sr-only-focusable:focus {
position: static;
width: auto;
height: auto;
margin: 0;
overflow: visible;
clip: auto
}
.amountWrapper, .floated-inputs, .giftCertificateAmount, .noScroll, .noScroll body {
overflow: hidden
}
.accordionWrapper {
padding: 0;
float: left
}
.accordionWrapper .accordionBlock {
margin: .5em 0;
padding: 0 15px;
border-bottom: 1px solid #ccc
}
@media (min-width:768px) {
.accordionWrapper .accordionBlock {
padding: 0 35px
}
}
.accordionWrapper .accordionBlock .toggle {
width: 100%;
display: block;
cursor: pointer;
color: #fefefe;
padding: 20px 20px 20px 50px;
position: relative
}
.accordionWrapper .accordionBlock .toggle i {
color: #000;
font-size: 35px;
position: absolute;
left: 0;
top: 23px;
-o-transition: .4s;
-ms-transition: .4s;
-moz-transition: .4s;
-webkit-transition: .4s;
transition: .4s
}
.accordionWrapper .accordionBlock .toggle h3 {
-o-transition: .4s;
-ms-transition: .4s;
-moz-transition: .4s;
-webkit-transition: .4s;
transition: .4s;
margin-bottom: 0
}
.btn, .select-box select, .sortSelect select {
-o-transition: .4s;
-moz-transition: .4s;
cursor: pointer
}
input[type=email].toolTip, input[type=password].toolTip, input[type=text].toolTip, label, textarea.toolTip {
margin-bottom: 5px
}
.accordionWrapper .accordionBlock .toggle:hover h3, .accordionWrapper .accordionBlock .toggle:hover i {
color: #666
}
.accordionWrapper .accordionBlock .inner.reveal h3, .accordionWrapper .accordionBlock .toggle.open h3, .accordionWrapper .accordionBlock .toggle.open i {
color: #f5551e
}
.accordionWrapper .accordionBlock .inner {
padding-left: 50px;
overflow: hidden;
display: none
}
.btn,
a.btn{
display: inline-block;
-ms-transition: .4s;
-webkit-transition: .4s;
transition: .4s;
background: #f5551e;
color: #fff;
padding: 16px 30px;
border-radius: 10px;
width: auto;
font-size: 13px;
font-weight: 700;
max-height: 50px
}
.btn:hover,
a.btn:hover {
background: #000;
color: #fff
}
@media all and (-ms-high-contrast:none), (-ms-high-contrast:active) {
.btn,
a.btn {
height: 47px
}
}
input[type=email], input[type=password], input[type=text], textarea {
background: #fff;
height: 50px;
padding: 10px 20px;
border-radius: 15px;
-webkit-transition: background .25s ease;
-moz-transition: background .25s ease;
-o-transition: background .25s ease;
-ms-transition: background .25s ease;
transition: background .25s ease;
float: left;
width: 100%;
outline: 0;
border: 1px solid #444;
color: #444;
font-size: 20px;
font-family: proxima-nova;
margin-bottom: 30px
}
input[type=email]:focus, input[type=password]:focus, input[type=text]:focus, textarea:focus {
background: #eee
}
input[type=email]::-webkit-input-placeholder, input[type=password]::-webkit-input-placeholder, input[type=text]::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
color:#444
}
input[type=email]::-moz-placeholder, input[type=password]::-moz-placeholder, input[type=text]::-moz-placeholder, textarea::-moz-placeholder {
color:#444
}
input[type=email]:-ms-input-placeholder, input[type=password]:-ms-input-placeholder, input[type=text]:-ms-input-placeholder, textarea:-ms-input-placeholder {
color:#444
}
input[type=email]:-moz-placeholder, input[type=password]:-moz-placeholder, input[type=text]:-moz-placeholder, textarea:-moz-placeholder {
color:#444
}
textarea {
resize: vertical;
height: auto
}
label {
display: block
}
.toolTipLink {
color: #000;
display: inline-block;
font-size: 12px;
margin-bottom: 30px;
text-transform: uppercase;
font-weight: 700
}
.toolTipLink:hover {
color: #f5551e
}
.formWrapper {
padding-bottom: 60px
}
.formWrapper .formLeft {
padding-right: 0;
margin-bottom: 30px
}
.formWrapper .formLeft strong {
color: #000;
font-weight: 800
}
.formWrapper .col-xs-6 {
width: 100%
}
@media (min-width:768px) {
.formWrapper .formLeft {
margin-bottom: 0;
padding-right: 70px
}
.formWrapper .col-xs-6 {
width: 50%
}
}
.amountWrapper .dollar, .giftCertificateAmount .dollar {
display: block;
float: left;
position: relative;
top: 14px
}
.amountWrapper input, .giftCertificateAmount input {
margin-left: 20px;
float: left;
width: calc(100% - 30px)
}
.select-box, .sortSelect {
float: none;
height: 52px;
margin: 0 auto 20px;
position: relative;
width: 100%
}
@media (min-width:768px) {
.select-box, .sortSelect {
margin: 0 0 30px
}
}
.select-box select, .sortSelect select {
background-color: #3b3b3b;
border-radius: 15px;
color: #fff;
font-size: 15px;
padding: 15px 20px;
width: 100%;
outline: 0;
-ms-transition: .4s;
-webkit-transition: .4s;
transition: .4s
}
.select-box select:hover, .sortSelect select:hover {
background-color: #000
}
.select-box:after, .sortSelect:after {
font-family: FontAwesome;
content: "\f0dc";
color: #fff;
display: block;
font-size: 18px;
position: absolute;
z-index: 2;
top: 16px;
right: 20px
}
.floated-inputs .left {
float: left;
margin-right: 0;
width: 100%
}
@media (min-width:768px) {
.floated-inputs .left {
margin-right: 20px;
width: calc(70% - 20px)
}
}
.floated-inputs .right {
float: left;
margin-top: 0;
width: 100%
}
@media (min-width:768px) {
.floated-inputs .right {
margin-top: 22px;
width: 30%
}
}
button.btn, input[type=submit].btn {
float: left;
width: 100%
}
button[type=submit] {
display: inline-block;
-o-transition: .4s;
-ms-transition: .4s;
-moz-transition: .4s;
-webkit-transition: .4s;
transition: .4s;
cursor: pointer;
background: #f5551e;
color: #fff;
padding: 16px 30px;
border-radius: 10px;
width: auto;
font-size: 13px;
font-weight: 700
}
button[type=submit]:hover {
background: #000;
color: #fff
}
body .gform_wrapper.gform_validation_error .gform_body ul li.gfield.gfield_error:not(.gf_left_half):not(.gf_right_half) {
max-width: 100%!important;
width: 100%!important
}
@media all and (-ms-high-contrast:none), (-ms-high-contrast:active) {
button[type=submit], input[type=submit] {
height: 47px
}
}
.content .gform_wrapper {
margin-top: 35px
}
.content .gform_wrapper .gform_body {
width: 100%!important
}
.content .gform_wrapper .gfield_label {
margin-top: 0!important;
font-family: proxima-nova;
color: #000;
font-weight: 600;
font-size: 16px;
line-height: 130%;
margin: 0 0 .5em
}
@media (min-width:768px) {
.content .gform_wrapper .gfield_label {
font-size: 18px
}
}
@media (min-width:992px) {
.content .gform_wrapper .gfield_label {
font-size: 20px
}
}
.content .gform_wrapper .validation_error {
color: #FF3232;
font-size: 16px;
font-weight: 600;
margin-bottom: 25px;
border: 1px solid #FF3232;
padding: 10px 0;
clear: both;
width: 100%;
text-align: center
}
.content .gform_wrapper .gform_wrapper li.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning, .content .gform_wrapper li.gfield.gfield_error {
background: 0 0;
border-top: none;
border-bottom: none
}
.content .gform_wrapper .gform_wrapper li.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning .gfield_label, .content .gform_wrapper .gform_wrapper li.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning .gfield_required, .content .gform_wrapper li.gfield.gfield_error .gfield_label, .content .gform_wrapper li.gfield.gfield_error .gfield_required {
color: #444
}
.content .gform_wrapper .gform_wrapper li.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning .gfield_label, .content .gform_wrapper li.gfield.gfield_error .gfield_label {
margin-top: 0!important;
font-family: proxima-nova;
color: #000;
font-weight: 600;
font-size: 16px;
line-height: 130%;
margin: 0 0 .5em
}
@media (min-width:768px) {
.content .gform_wrapper .gform_wrapper li.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning .gfield_label, .content .gform_wrapper li.gfield.gfield_error .gfield_label {
font-size: 18px
}
}
@media (min-width:992px) {
.content .gform_wrapper .gform_wrapper li.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning .gfield_label, .content .gform_wrapper li.gfield.gfield_error .gfield_label {
font-size: 20px
}
}
.content .gform_wrapper .gform_wrapper li.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning .gfield_description.validation_message, .content .gform_wrapper li.gfield.gfield_error .gfield_description.validation_message {
margin-top: 0;
padding-top: 0;
color: #FF3232
}
.content .gform_wrapper .gform_wrapper li.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning .gform_wrapper li.gfield_error textarea, .content .gform_wrapper .gform_wrapper li.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]), .content .gform_wrapper li.gfield.gfield_error .gform_wrapper li.gfield_error textarea, .content .gform_wrapper li.gfield.gfield_error input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]) {
border: 1px solid #FF3232!important
}
.content .gform_wrapper #gform_ajax_spinner_1 {
margin: 15px auto;
float: none;
display: table;
max-width: 25px!important;
max-height: 25px!important
}
.content .gform_wrapper ul.gform_fields li.gfield {
padding-right: 0;
float: left;
width: 100%;
max-width: 100%;
margin: 0 0 20px
}
.content .gform_wrapper ul.gform_fields li input[type=email], .content .gform_wrapper ul.gform_fields li input[type=text], .content .gform_wrapper ul.gform_fields li textarea {
border: 1px solid #ccc
}
.content .gform_wrapper .gform_footer {
margin: 0;
padding: 0
}
.content .gform_wrapper .gform_footer input[type=submit] {
display: table;
-o-transition: .4s;
-ms-transition: .4s;
-moz-transition: .4s;
-webkit-transition: .4s;
transition: .4s;
cursor: pointer;
background: #f5551e;
color: #fff;
padding: 17px 15px;
border-radius: 3px;
line-height: 120%;
min-width: 300px;
max-width: 350px;
width: auto;
font-size: 16px;
font-weight: 600;
font-family: proxima-nova;
text-align: center;
margin: 0 auto;
-webkit-box-shadow: 4px 4px 4px rgba(0,0,0,.08);
-moz-box-shadow: 4px 4px 4px rgba(0,0,0,.08);
box-shadow: 4px 4px 4px rgba(0,0,0,.08)
}
.menu__input, .search__input {
font-family: inherit;
box-sizing: border-box
}
.content .gform_wrapper .gform_footer input[type=submit]:hover {
background: #37aa47;
color: #fff
}
.social.links {
float: left;
font-size: 20px;
margin-top: 8px
}
.social.links span {
float: left;
display: block;
text-align: center;
font-size: 12px;
text-transform: uppercase;
margin: 13px 15px 0
}
.social.links ul {
margin: 0;
padding: 0;
float: right
}
#image-popup-inline, #image-popup-inline a, #inline-popup {
margin: 0 auto;
position: relative;
max-width: 600px;
width: 100%
}
.social.links ul li {
list-style-type: none;
float: left
}
.social.links ul li a {
padding: 6px 15px;
float: left;
color: #444
}
.social.links ul li a:hover {
color: #37aa47
}
#image-popup-inline a {
display: block
}
#image-popup-inline a img {
height: auto;
width: 100%
}
#image-popup-inline button.mfp-close, #inline-popup button.mfp-close {
color: #fff;
top: -44px;
right: -13px
}
.hide-me {
display: none
}
#inline-popup .inline-wrap {
background: #fff;
padding: 15px;
text-align: center
}
.mfp-fade.mfp-bg {
opacity: 0;
-webkit-transition: all .15s ease-out;
-moz-transition: all .15s ease-out;
transition: all .15s ease-out
}
.mfp-fade.mfp-bg.mfp-ready {
opacity: .8
}
.mfp-fade.mfp-bg.mfp-removing {
opacity: 0
}
.mfp-fade.mfp-wrap .mfp-content {
opacity: 0;
-webkit-transition: all .15s ease-out;
-moz-transition: all .15s ease-out;
transition: all .15s ease-out
}
.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
opacity: 1
}
.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
opacity: 0
}
.searchOverlay {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
text-align: center;
background: rgba(32,32,47,.98);
z-index: 9999!important
}
.js .searchOverlay {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100vh;
z-index: 9999
}
.searchOverlay::after, .searchOverlay::before {
content: '';
position: absolute;
width: calc(100% + 15px);
height: calc(100% + 15px);
pointer-events: none;
border: 1em solid #eceff1
}
.menuOverlay::after, .searchOverlay::after {
border-top-width: 0;
border-left-width: 0;
bottom: 0
}
.searchOverlay::before {
top: 0;
left: 0;
border-right-width: 0;
border-bottom-width: 0;
transform: translate3d(-15px, -15px, 0)
}
.searchOverlay::after {
right: 0;
transform: translate3d(15px, 15px, 0)
}
.btn--search-close {
font-size: 2em;
position: absolute;
top: 1em;
right: 1.25em;
display: none;
cursor: pointer
}
.js .btn--search-close {
display: block
}
.search__form {
margin: 5em 0
}
.search__input {
font-size: 10vw;
line-height: 1;
display: inline-block;
width: 75%;
padding: .05em 0;
color: #eceff1;
border-bottom: 2px solid #f5551e
}
.search__input::-webkit-input-placeholder {
opacity:.85;
color:#eceff1
}
.search__input::-moz-placeholder {
opacity:.85;
color:#eceff1
}
.search__input:-ms-input-placeholder {
opacity:.85;
color:#eceff1
}
.search__input::-webkit-search-cancel-button, .search__input::-webkit-search-decoration {
-webkit-appearance:none
}
.search__input::-ms-clear {
display:none
}
.search__info {
font-size: 90%;
font-weight: 700;
display: block;
width: 75%;
margin: 0 auto;
padding: .85em 0;
text-align: right;
color: #f5551e
}
.search__related {
display: flex;
width: 75%;
pointer-events: none
}
.search__suggestion {
width: 33.33%;
text-align: left
}
.search__suggestion:nth-child(2) {
margin: 0 3em
}
.search__suggestion h3 {
font-size: 1.35em;
margin: 0
}
.search__suggestion h3::before {
content: '\21FE';
display: inline-block;
padding: 0 .5em 0 0
}
.search__suggestion p {
font-size: 1.15em;
line-height: 1.4;
margin: .75em 0 0
}
.js .searchOverlay {
pointer-events: none;
opacity: 0;
transition: opacity .5s
}
.js .search--open {
pointer-events: auto;
opacity: 1
}
.searchOverlay::after, .searchOverlay::before {
transition: transform .5s
}
.search--open::after, .search--open::before {
transform: translate3d(0, 0, 0)
}
.btn--search-close {
opacity: 0;
transform: scale3d(.8, .8, 1);
transition: opacity .5s, transform .5s
}
.btn--search-close svg {
width: 35px
}
.btn--search-close svg .color {
fill: #eceff1;
-webkit-transition: all .2s ease;
-moz-transition: all .2s ease;
-o-transition: all .2s ease;
-ms-transition: all .2s ease;
transition: all .2s ease
}
.btn--search-close:hover svg .color {
fill: #f5551e
}
.search--open .btn--search-close {
opacity: 1;
transform: scale3d(1, 1, 1)
}
.js .search__form {
opacity: 0;
transform: scale3d(.8, .8, 1);
transition: opacity .5s, transform .5s
}
.js .search--open .search__form {
opacity: 1;
transform: scale3d(1, 1, 1)
}
.search__suggestion {
opacity: 0;
transform: translate3d(0, -30px, 0);
transition: opacity .5s, transform .5s
}
.alert-bar, .menuOverlay .logo img, .menuOverlay .logo svg {
-o-transition: .4s;
-ms-transition: .4s;
-moz-transition: .4s;
-webkit-transition: .4s
}
.search--open .search__suggestion {
opacity: 1;
transform: translate3d(0, 0, 0)
}
.search--open .search__suggestion:nth-child(2) {
transition-delay: .1s
}
.search--open .search__suggestion:nth-child(3) {
transition-delay: .2s
}
@media screen and (max-width:40em) {
.search__form {
margin: 5em 0 1em
}
.btn--search-close {
font-size: 1.25em;
top: 1.5em;
right: 1.5em
}
.btn--search-close svg {
width: 25px
}
.search__info {
text-align: left
}
.search__suggestion {
font-size: 80%;
width: 100%
}
.search__suggestion:nth-child(2), .search__suggestion:nth-child(3) {
display: none
}
}
.noScroll, .noScroll body {
margin: 0;
height: 100%
}
.menuOverlay {
display: flex;
flex-direction: column;
text-align: center;
background: rgba(0,0,0,.98);
z-index: 9999!important;
overflow: auto;
-webkit-overflow-scrolling: touch
}
.menuOverlay .logo {
position: absolute;
left: 25px;
top: 20px
}
.menuOverlay .logo img, .menuOverlay .logo svg {
float: left;
height: auto;
transition: .4s;
width: 215px
}
@media (min-width:365px) {
.menuOverlay .logo img, .menuOverlay .logo svg {
width: 250px
}
}
@media (min-width:992px) {
.menuOverlay .logo img, .menuOverlay .logo svg {
width: 283px
}
}
.menuOverlay .logo svg .st0 {
fill: #fff
}
.menuOverlay .align-middle {
width: 100%;
margin: 105px 0 0;
padding: 0 0 50px
}
.menuOverlay .align-middle ul.menu {
width: 100%;
list-style: none;
margin: 0 0 40px;
padding: 0
}
.menuOverlay .align-middle ul.menu:last-child {
margin-bottom: 0
}
.menuOverlay .align-middle ul.menu h3 a {
color: #999;
font-size: 15px
}
.menuOverlay .align-middle ul.menu li {
font-size: 25px;
font-weight: 700
}
@media (min-width:480px) {
.menuOverlay .align-middle ul.menu li {
font-size: 28px
}
}
@media (min-width:768px) {
.menuOverlay .align-middle ul.menu li {
font-size: 38px
}
}
.menuOverlay .align-middle ul.menu li a {
color: #fff;
padding: 5px
}
.menuOverlay .align-middle ul.menu li a:hover {
color: #f5551e
}
.menuOverlay .align-middle .social-mobile {
display: table;
width: 100%;
text-align: center
}
.menuOverlay .align-middle .social-mobile .social.links {
float: none;
display: inline-block;
width: auto;
margin-top: 18px
}
.menuOverlay .align-middle .social-mobile .social.links ul li {
margin-right: 20px
}
.menuOverlay .align-middle .social-mobile .social.links ul li a {
font-size: 24px;
color: #999;
opacity: 1
}
@media (min-width:480px) {
.menuOverlay .align-middle .social-mobile .social.links ul li a {
font-size: 29px
}
}
@media (min-width:768px) {
.menuOverlay .align-middle .social-mobile .social.links ul li a {
font-size: 35px
}
}
.menuOverlay .align-middle .social-mobile .social.links ul li a:hover {
color: #f5551e;
opacity: 1
}
.menuOverlay .align-middle .years {
margin-bottom: 70px;
margin-top: 30px
}
.menuOverlay .align-middle .years img {
width: 155px
}
.js .menuOverlay {
position: fixed;
top: 40px;
left: 0;
width: 100%;
height: 100vh;
z-index: 9999
}
.menuOverlay::before {
top: 0;
left: 0;
border-right-width: 0;
border-bottom-width: 0;
transform: translate3d(-15px, -15px, 0)
}
.menuOverlay::after {
right: 0;
transform: translate3d(15px, 15px, 0)
}
.btn--menu-close {
font-size: 1em;
position: absolute;
top: 27px;
right: 1.25em;
display: none;
cursor: pointer
}
.js .btn--menu-close {
display: block
}
.menu__form {
margin: 5em 0
}
.menu__input {
font-size: 10vw;
line-height: 1;
display: inline-block;
width: 75%;
padding: .05em 0;
color: #eceff1;
border-bottom: 2px solid #f5551e
}
.menu__input::-webkit-input-placeholder {
opacity:.85;
color:#eceff1
}
.menu__input::-moz-placeholder {
opacity:.85;
color:#eceff1
}
.menu__input:-ms-input-placeholder {
opacity:.85;
color:#eceff1
}
.menu__input::-webkit-menu-cancel-button, .menu__input::-webkit-menu-decoration {
-webkit-appearance:none
}
.menu__input::-ms-clear {
display:none
}
.menu__info {
font-size: 90%;
font-weight: 700;
display: block;
width: 75%;
margin: 0 auto;
padding: .85em 0;
text-align: right;
color: #f5551e
}
.menu__related {
display: flex;
width: 75%;
pointer-events: none
}
.menu__suggestion {
width: 33.33%;
text-align: left
}
.menu__suggestion:nth-child(2) {
margin: 0 3em
}
.menu__suggestion h3 {
font-size: 1.35em;
margin: 0
}
.menu__suggestion h3::before {
content: '\21FE';
display: inline-block;
padding: 0 .5em 0 0
}
.mfp-arrow:after, .mfp-arrow:before, .mfp-container:before, .mfp-figure:after, .other-ways .grid .single-item:before, footer .footer-nav .adopt-box .image:after, footer .footer-nav .adopt-box .image:before, footer:before {
content: ''
}
.menu__suggestion p {
font-size: 1.15em;
line-height: 1.4;
margin: .75em 0 0
}
.js .menuOverlay {
pointer-events: none;
opacity: 0;
transition: opacity .5s
}
.js .menu--open {
pointer-events: auto;
opacity: 1
}
.menuOverlay::after, .menuOverlay::before {
transition: transform .5s
}
.menu--open::after, .menu--open::before {
transform: translate3d(0, 0, 0)
}
.btn--menu-close {
opacity: 0;
transform: scale3d(.8, .8, 1);
transition: opacity .5s, transform .5s
}
.btn--menu-close svg {
width: 35px
}
.btn--menu-close svg .color {
fill: #eceff1;
-webkit-transition: all .2s ease;
-moz-transition: all .2s ease;
-o-transition: all .2s ease;
-ms-transition: all .2s ease;
transition: all .2s ease
}
.btn--menu-close:hover svg .color {
fill: #f5551e
}
.menu--open .btn--menu-close {
opacity: 1;
transform: scale3d(1, 1, 1)
}
.js .align-middle {
opacity: 0;
transform: scale3d(.8, .8, 1);
transition: opacity .5s, transform .5s
}
.js .menu--open .align-middle {
opacity: 1;
transform: scale3d(1, 1, 1)
}
@media screen and (max-width:40em) {
.align-middle {
margin: 5em 0 1em
}
.btn--menu-close {
font-size: 1.25em;
top: 1.5em;
right: 1.5em
}
.btn--menu-close svg {
width: 25px
}
.menu__info {
text-align: left
}
}
.mfp-bg, .mfp-container, .mfp-wrap {
top: 0;
height: 100%;
left: 0
}
.mfp-bg {
width: 100%;
z-index: 999998;
overflow: hidden;
position: fixed;
background: #0b0b0b;
opacity: .8
}
.mfp-wrap {
width: 100%;
z-index: 999999;
position: fixed;
outline: 0!important;
-webkit-backface-visibility: hidden
}
.mfp-container {
text-align: center;
position: absolute;
width: 100%;
padding: 0 8px;
box-sizing: border-box
}
.mfp-container:before {
display: inline-block;
height: 100%;
vertical-align: middle
}
.mfp-align-top .mfp-container:before {
display: none
}
.mfp-content {
position: relative;
display: inline-block;
vertical-align: middle;
margin: 0 auto;
text-align: left;
z-index: 999999
}
.mfp-ajax-holder .mfp-content, .mfp-inline-holder .mfp-content {
width: 100%;
cursor: auto
}
.mfp-ajax-cur {
cursor: progress
}
.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
cursor: -moz-zoom-out;
cursor: -webkit-zoom-out;
cursor: zoom-out
}
.mfp-zoom {
cursor: pointer;
cursor: -webkit-zoom-in;
cursor: -moz-zoom-in;
cursor: zoom-in
}
.mfp-auto-cursor .mfp-content {
cursor: auto
}
.mfp-arrow, .mfp-close, .mfp-counter, .mfp-preloader {
-webkit-user-select: none;
-moz-user-select: none;
user-select: none
}
.mfp-loading.mfp-figure {
display: none
}
.mfp-hide {
display: none!important
}
.mfp-preloader {
color: #CCC;
position: absolute;
top: 50%;
width: auto;
text-align: center;
margin-top: -.8em;
left: 8px;
right: 8px;
z-index: 1044
}
.mfp-preloader a {
color: #CCC
}
.mfp-close, .mfp-preloader a:hover {
color: #FFF
}
.mfp-s-error .mfp-content, .mfp-s-ready .mfp-preloader {
display: none
}
button.mfp-arrow, button.mfp-close {
overflow: visible;
cursor: pointer;
background: 0 0;
border: 0;
-webkit-appearance: none;
display: block;
outline: 0;
padding: 0;
z-index: 1046;
box-shadow: none;
touch-action: manipulation
}
.mfp-figure:after, .mfp-iframe-scaler iframe {
box-shadow: 0 0 8px rgba(0,0,0,.6);
position: absolute
}
button::-moz-focus-inner {
padding:0;
border:0
}
.mfp-close {
width: 44px;
height: 44px;
line-height: 44px;
position: absolute;
right: 0;
top: 0;
text-decoration: none;
text-align: center;
opacity: .65;
padding: 0 0 18px 10px;
font-style: normal;
font-size: 28px;
font-family: Arial, Baskerville, monospace
}
.mfp-close:focus, .mfp-close:hover {
opacity: 1
}
.mfp-close:active {
top: 1px
}
.mfp-close-btn-in .mfp-close {
color: #333
}
.mfp-iframe-holder .mfp-close, .mfp-image-holder .mfp-close {
color: #FFF;
right: -6px;
text-align: right;
padding-right: 6px;
width: 100%
}
.mfp-counter {
position: absolute;
top: 0;
right: 0;
color: #CCC;
font-size: 12px;
line-height: 18px;
white-space: nowrap
}
.mfp-figure, img.mfp-img {
line-height: 0
}
.mfp-arrow {
position: absolute;
opacity: .65;
margin: -55px 0 0;
top: 50%;
padding: 0;
width: 90px;
height: 110px;
-webkit-tap-highlight-color: transparent
}
.mfp-arrow:active {
margin-top: -54px
}
.mfp-arrow:focus, .mfp-arrow:hover {
opacity: 1
}
.mfp-arrow:after, .mfp-arrow:before {
display: block;
width: 0;
height: 0;
position: absolute;
left: 0;
top: 0;
margin-top: 35px;
margin-left: 35px;
border: inset transparent
}
.mfp-arrow:after {
border-top-width: 13px;
border-bottom-width: 13px;
top: 8px
}
.mfp-arrow:before {
border-top-width: 21px;
border-bottom-width: 21px;
opacity: .7
}
.mfp-arrow-left {
left: 0
}
.mfp-arrow-left:after {
border-right: 17px solid #FFF;
margin-left: 31px
}
.mfp-arrow-left:before {
margin-left: 25px;
border-right: 27px solid #3F3F3F
}
.mfp-arrow-right {
right: 0
}
.mfp-arrow-right:after {
border-left: 17px solid #FFF;
margin-left: 39px
}
.mfp-arrow-right:before {
border-left: 27px solid #3F3F3F
}
.mfp-iframe-holder {
padding-top: 40px;
padding-bottom: 40px
}
.mfp-iframe-holder .mfp-content {
line-height: 0;
width: 100%;
max-width: 900px
}
.mfp-image-holder .mfp-content, img.mfp-img {
max-width: 100%
}
.mfp-iframe-holder .mfp-close {
top: -40px
}
.mfp-iframe-scaler {
width: 100%;
height: 0;
overflow: hidden;
padding-top: 56.25%
}
.mfp-iframe-scaler iframe {
display: block;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #000
}
.mfp-figure:after, img.mfp-img {
width: auto;
height: auto;
display: block
}
img.mfp-img {
box-sizing: border-box;
padding: 40px 0;
margin: 0 auto
}
.mfp-figure:after {
left: 0;
top: 40px;
bottom: 40px;
right: 0;
z-index: -1;
background: #444
}
.mfp-figure small {
color: #BDBDBD;
display: block;
font-size: 12px;
line-height: 14px
}
.mfp-figure figure {
margin: 0
}
.mfp-bottom-bar {
margin-top: -36px;
position: absolute;
top: 100%;
left: 0;
width: 100%;
cursor: auto
}
.mfp-title {
text-align: left;
line-height: 18px;
color: #F3F3F3;
word-wrap: break-word;
padding-right: 36px
}
.mfp-gallery .mfp-image-holder .mfp-figure {
cursor: pointer
}
@media screen and (max-width:800px) and (orientation:landscape), screen and (max-height:300px) {
.mfp-img-mobile .mfp-image-holder {
padding-left: 0;
padding-right: 0
}
.mfp-img-mobile img.mfp-img {
padding: 0
}
.mfp-img-mobile .mfp-figure:after {
top: 0;
bottom: 0
}
.mfp-img-mobile .mfp-figure small {
display: inline;
margin-left: 5px
}
.mfp-img-mobile .mfp-bottom-bar {
background: rgba(0,0,0,.6);
bottom: 0;
margin: 0;
top: auto;
padding: 3px 5px;
position: fixed;
box-sizing: border-box
}
.mfp-img-mobile .mfp-bottom-bar:empty {
padding: 0
}
.mfp-img-mobile .mfp-counter {
right: 5px;
top: 3px
}
.mfp-img-mobile .mfp-close {
top: 0;
right: 0;
width: 35px;
height: 35px;
line-height: 35px;
background: rgba(0,0,0,.6);
position: fixed;
text-align: center;
padding: 0
}
}
@media all and (max-width:900px) {
.mfp-arrow {
-webkit-transform: scale(.75);
transform: scale(.75)
}
.mfp-arrow-left {
-webkit-transform-origin: 0;
transform-origin: 0
}
.mfp-arrow-right {
-webkit-transform-origin: 100%;
transform-origin: 100%
}
.mfp-container {
padding-left: 6px;
padding-right: 6px
}
}
.alert-bar .close-icon, .mobile-nav nav.mobile {
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%)
}
.alert-bar {
float: left;
width: 100%;
padding: 9px 20px;
background: #37aa47;
position: fixed;
z-index: 9999;
height: 56px;
transition: .4s
}
/*
.alert-bar a, .top {
position: absolute
}
*/
alert-bar a, div.top {
position: absolute
}
.alert-bar .col-xs-12 {
padding: 0
}
.alert-bar p {
padding: 0;
margin: 0;
text-align: left;
color: #fff;
font-family: proxima-nova;
font-weight: 800;
font-size: 12px;
text-transform: uppercase
}
@media (min-width:768px) {
.alert-bar p {
text-align: center;
font-size: 13px
}
}
.alert-bar p span {
text-decoration: underline;
display: inline
}
@media (min-width:768px) {
.alert-bar p span {
display: block
}
}
@media (min-width:992px) {
.alert-bar {
height: 40px
}
.alert-bar p {
font-size: 15px
}
.alert-bar p span {
display: inline
}
}
.alert-bar a {
top: 0;
left: 0;
width: 100%;
height: 100%
}
.alert-bar .close-icon {
position: absolute;
top: 40%;
right: 0;
-moz-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
border-left: 1px solid rgba(255,255,255,.3)
}
.alert-bar .close-icon .fa {
padding: 23px 13px;
float: right;
margin: 5px 0 0;
cursor: pointer;
color: #fff;
-o-transition: .4s;
-ms-transition: .4s;
-moz-transition: .4s;
-webkit-transition: .4s;
transition: .4s
}
.alert-bar .close-icon .fa:hover {
color: #37aa47
}
.alert-bar.has-link:hover {
background: #000
}
.alert-bar.has-link .close-icon .fa:hover {
color: #444
}
.alert .top {
margin-top: 56px
}
@media (min-width:992px) {
.alert-bar .close-icon .fa {
padding: 13px 10px
}
.alert .top {
margin-top: 40px
}
}
.top {
float: left;
width: 100%;
z-index: 9998;
top: 0;
left: 0
}
.admin-bar .top {
top: 46px
}
@media (min-width:768px) {
.admin-bar .top, .admin-bar.sticky .top {
top: 32px
}
}
.sticky .top {
top: 0
}
.top-search {
height: 61px;
background: #404040;
padding: 5px 0;
position: fixed;
width: 100%;
top: -61px;
transition: all .3s ease-in-out
}
.top-search .container {
padding: 0;
width: 100%;
max-width: 1170px
}
.top-search form {
position: relative
}
.top-search input[type=text] {
width: 100%;
height: 52px;
background: #404040;
color: #eee;
font-family: proxima-nova;
font-weight: 400;
font-size: 29px;
letter-spacing: 0;
opacity: 1;
padding: 10px 60px 10px 10px;
border: none!important;
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
-ms-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
box-shadow: none!important
}
.top-search input[type=text]::-webkit-input-placeholder {
color:#eee
}
.top-search input[type=text]::-moz-placeholder {
color:#eee
}
.top-search input[type=text]:-ms-input-placeholder {
color:#eee
}
.top-search input[type=text]:-moz-placeholder {
color:#eee
}
.top-search input[type=submit] {
position: absolute;
right: 15px;
top: 11px;
width: 30px;
height: 30px;
-webkit-mask: url(https://www.nexternal.com/sierraclub/images/arrow.svg) no-repeat 100% 100%;
mask: url(https://www.nexternal.com/sierraclub/images/arrow.svg#mask);
-webkit-mask-size: cover;
mask-size: cover;
background-color: #eee;
-o-transition: .4s;
-ms-transition: .4s;
-moz-transition: .4s;
-webkit-transition: .4s;
transition: .4s;
z-index: 25px;
text-indent: -9999px;
cursor: pointer;
opacity: 1
}
.aboveMenu, .aboveMenu .right-message .cartButton {
-o-transition: .4s;
-ms-transition: .4s;
-moz-transition: .4s;
-webkit-transition: .4s;
height: 40px
}
.top-search input[type=submit]:hover {
background: #37aa47
}
.aboveMenu {
float: left;
width: 100%;
background: #333;
transition: .4s
}
.aboveMenu.searchbox-open {
background: #000
}
.aboveMenu .container-navigation {
padding: 0 15px;
width: 100%;
max-width: 1170px;
margin: 0 auto
}
@media (min-width:768px) {
.aboveMenu .container-navigation {
padding: 0 40px
}
}
@media (min-width:1250px) {
.aboveMenu .container-navigation {
padding: 0 20px
}
}
.aboveMenu .container-navigation .row {
position: relative
}
.aboveMenu .left-message {
padding: 11px 0 10px 20px;
width: 70%
}
@media (min-width:480px) {
.aboveMenu .left-message {
width: 63%
}
}
@media (min-width:768px) {
.aboveMenu .left-message {
padding: 11px 0 10px;
display: block;
width: 50%
}
}
.aboveMenu .left-message p {
margin: 0;
color: #777;
font-size: 12px
}
@media (min-width:480px) {
.aboveMenu .left-message p {
font-size: 13px
}
}
.aboveMenu .left-message p a {
color: #fff;
display: none
}
.aboveMenu .left-message p a:hover {
color: #f5551e
}
.aboveMenu .right-message {
font-size: 0;
padding: 0;
text-align: right;
width: 30%;
height: 40px;
position: static
}
@media (min-width:480px) {
.aboveMenu .right-message {
width: 37%
}
}
@media (min-width:768px) {
.aboveMenu .left-message p a {
display: inline
}
.aboveMenu .right-message {
width: 50%
}
}
.aboveMenu .right-message .accountMenu {
display: none;
padding: 13px 0;
vertical-align: top;
font-size: 13px
}
@media (min-width:992px) {
.aboveMenu .right-message .accountMenu {
display: inline-block
}
}
.aboveMenu .right-message .accountMenu ul {
line-height: 1em
}
.aboveMenu .right-message .accountMenu ul li {
list-style: none;
display: inline-block;
line-height: 1em;
}
.aboveMenu .right-message .accountMenu ul li a {
color: #fff;
font-size: 13px;
margin-right: 20px
}
.aboveMenu .right-message .accountMenu ul li a:hover {
color: #f5551e
}
.aboveMenu .right-message .cartButton {
background: #f5551e;
display: inline-block;
margin-right: 0;
padding: 13px 5px 10px;
vertical-align: top;
transition: .4s
}
@media (min-width:480px) {
.aboveMenu .right-message .cartButton {
padding: 11px 20px 10px
}
}
@media (min-width:768px) {
.aboveMenu .right-message .cartButton {
background: 0 0;
margin-right: 20px;
padding: 11px 0 10px
}
}
.aboveMenu .right-message .cartButton #cartIcon {
float: left;
margin-right: 5px;
width: 20px
}
.aboveMenu .right-message .cartButton #cartIcon .st0 {
fill: #f1edda;
-o-transition: .4s;
-ms-transition: .4s;
-moz-transition: .4s;
-webkit-transition: .4s;
transition: .4s
}
.aboveMenu .right-message .cartButton span {
color: #fff;
font-size: 13px;
font-weight: 700;
float: left;
letter-spacing: .1em;
margin-bottom: 0;
margin-right: 0;
text-transform: uppercase;
-o-transition: .4s;
-ms-transition: .4s;
-moz-transition: .4s;
-webkit-transition: .4s;
transition: .4s
}
@media (min-width:480px) {
.aboveMenu .right-message .cartButton span {
margin-right: 8px
}
}
.aboveMenu .right-message .cartButton #downArrow {
float: left;
margin-top: 5px;
width: 13px;
display: none
}
@media (min-width:992px) {
.aboveMenu .right-message .cartButton #downArrow {
display: block
}
}
.aboveMenu .right-message .cartButton #downArrow .st0 {
fill: #fff;
-o-transition: .4s;
-ms-transition: .4s;
-moz-transition: .4s;
-webkit-transition: .4s;
transition: .4s
}
.aboveMenu .right-message .cartButton:hover {
background-color: #000
}
.aboveMenu .right-message .cartButton:hover #cartIcon .st0, .aboveMenu .right-message .cartButton:hover #downArrow .st0 {
fill: #fff
}
.aboveMenu .right-message .cartButton:hover span {
color: #fff
}
.aboveMenu .right-message .checkoutButton, .aboveMenu .right-message .searchButton {
vertical-align: top;
height: 40px
}
.aboveMenu .right-message .checkoutButton {
display: none;
border: 0;
border-radius: 0;
text-align: left;
padding: 13px 20px 12px;
margin-right: 0
}
@media (min-width:768px) {
.aboveMenu .right-message .cartButton:hover {
background: 0 0
}
.aboveMenu .right-message .cartButton:hover #cartIcon .st0, .aboveMenu .right-message .cartButton:hover #downArrow .st0 {
fill: #f5551e
}
.aboveMenu .right-message .cartButton:hover span {
color: #f5551e
}
.aboveMenu .right-message .checkoutButton {
display: inline-block
}
}
@media (min-width:992px) {
.aboveMenu .right-message .checkoutButton {
margin-right: 50px;
display: inline-block
}
}
.aboveMenu .right-message .searchbox {
position: absolute;
min-width: 40px;
width: 0%;
height: 40px;
float: right;
top: 0;
right: 0;
overflow: hidden;
-webkit-transition: width .3s;
-moz-transition: width .3s;
-ms-transition: width .3s;
-o-transition: width .3s;
transition: width .3s
}
.aboveMenu .right-message .searchbox-input {
color: #f1edda;
top: 0;
right: 0;
border: 0;
outline: 0;
background: #000;
width: 80%;
height: 40px;
margin: 0 241px 0 0;
padding: 0 95px 0 0;
font-size: 20px;
display: none
}
@media (min-width:992px) {
.aboveMenu .right-message .searchbox-input {
display: inline-block
}
}
.aboveMenu .right-message .searchbox-input::-webkit-input-placeholder {
color:#fff
}
.aboveMenu .right-message .searchbox-input:-moz-placeholder {
color:#fff
}
.aboveMenu .right-message .searchbox-input::-moz-placeholder {
color:#fff
}
.aboveMenu .right-message .searchbox-input:-ms-input-placeholder {
color:#fff
}
.aboveMenu .right-message .searchButton, .aboveMenu .right-message .searchbox-submit {
border-radius: 0;
width: 50px;
height: 40px;
display: none;
background: #333;
font-size: inherit;
position: absolute;
color: #f1edda;
top: 0;
right: 0;
padding: 0;
margin: 0;
border: 0;
outline: 0;
text-align: center;
cursor: pointer;
min-width: auto;
max-width: auto
}
@media (min-width:992px) {
.aboveMenu .right-message .searchButton, .aboveMenu .right-message .searchbox-submit {
display: inline-block
}
}
.aboveMenu .right-message .searchButton #searchIcon, .aboveMenu .right-message .searchbox-submit #searchIcon {
width: 17px
}
.aboveMenu .right-message .searchButton:hover, .aboveMenu .right-message .searchbox-submit:hover {
color: #f5551e
}
.aboveMenu .right-message .searchbox-submit {
background: #000;
border-left: 1px solid rgba(255,255,255,.3);
color: #fff;
display: block;
opacity: 0;
font-size: 13px;
right: 241px;
width: 80px;
-o-transition: .4s;
-ms-transition: .4s;
-moz-transition: .4s;
-webkit-transition: .4s;
transition: .4s
}
.aboveMenu .right-message .searchbox-submit svg .st0 {
-o-transition: .4s;
-ms-transition: .4s;
-moz-transition: .4s;
-webkit-transition: .4s;
transition: .4s
}
.aboveMenu .right-message .searchbox-submit:hover svg .st0 {
fill: #f5551e
}
.topper .read-more a svg .st0, header .logo svg .st0 {
fill: #fff
}
.aboveMenu .right-message .searchbox-open {
width: 100%
}
.aboveMenu .right-message .searchbox-open .searchButton {
background: #000
}
.aboveMenu .right-message .searchbox-open .searchButton #xIcon {
display: block
}
.aboveMenu .right-message .searchbox-open .searchButton #searchIcon {
display: none
}
.aboveMenu .right-message .advancedSearch {
background: #000;
font-size: 13px;
display: block;
height: 40px;
padding: 12px 18px;
position: absolute;
width: 191px;
color: #fff;
top: 0;
font-weight: 700;
z-index: 2;
border-left: 1px solid rgba(255,255,255,.3);
border-right: 1px solid rgba(255,255,255,.3);
right: 50px;
text-transform: uppercase;
letter-spacing: .14em
}
.aboveMenu .right-message .advancedSearch:hover {
color: #f5551e
}
.aboveMenu .right-message .searchButton {
width: 40px;
color: #f1edda;
height: 40px
}
.aboveMenu .right-message .searchButton #searchIcon, .aboveMenu .right-message .searchButton #xIcon {
margin-top: 12px;
margin-right: 5px;
width: 17px
}
.aboveMenu .right-message .searchButton #xIcon {
display: none;
margin-right: 0;
right: -9px;
position: relative
}
header {
float: left;
width: 100%;
padding: 20px 0;
height: 54px;
position: relative;
margin-top:40px;
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
-ms-transition: all .3s ease-in-out;
transition: all .3s ease-in-out
}
header .search-icon, header .search-icon i {
-o-transition: .4s;
-ms-transition: .4s;
-moz-transition: .4s;
-webkit-transition: .4s
}
@media (min-width:768px) {
header {
height: 110px;
padding: 20px 0
}
header .search-icon i {
font-size: 23px
}
}
header .container-navigation {
padding: 0 40px;
width: 100%;
max-width: 1170px;
margin: 0 auto
}
@media (min-width:992px) {
header .container-navigation {
padding: 0 40px
}
}
@media (min-width:1250px) {
header .container-navigation {
padding: 0 20px
}
}
header .search-icon {
float: right;
padding: 9px 10px;
margin-left: 20px;
margin-right: 50px;
cursor: pointer;
transition: .4s
}
header .search-icon:hover i {
color: #37aa47
}
header .search-icon i {
transition: .4s;
color: #fff;
font-size: 23px
}
header .logo {
float: left;
width: auto
}
header .logo img, header .logo svg {
float: left;
height: auto;
width: 215px;
-o-transition: .4s;
-ms-transition: .4s;
-moz-transition: .4s;
-webkit-transition: .4s;
transition: .4s
}
header .control, header nav {
float: right
}
@media (min-width:365px) {
header .logo img, header .logo svg {
width: 250px
}
}
@media (min-width:992px) {
header .search-icon {
margin-left: 20px;
margin-right: 0
}
header .logo img, header .logo svg {
width: 283px
}
}
header .social.links {
display: none
}
@media (min-width:1250px) {
header .social.links {
display: block;
float: right;
margin: 6px 20px 0 0;
-o-transition: .4s;
-ms-transition: .4s;
-moz-transition: .4s;
-webkit-transition: .4s;
transition: .4s;
color: #fff
}
}
header .social.links ul li i {
font-size: 17px
}
header .social.links ul li a {
color: #999;
padding: 0 11px
}
header .social.links ul li a:hover {
color: #37aa47
}
header nav.primary a {
color: #fff
}
header nav.primary a:hover {
opacity: .5
}
nav.primary {
display: none
}
@media (min-width:992px) {
nav.primary {
display: block
}
}
@media (min-width:768px) {
nav.primary {
float: right;
margin: 9px 0 0;
-o-transition: .4s;
-ms-transition: .4s;
-moz-transition: .4s;
-webkit-transition: .4s;
transition: .4s
}
nav.primary ul {
margin: 0 10px 0 0;
display: table
}
}
@media (min-width:768px) and (min-width:1250px) {
nav.primary ul {
margin: 0 20px 0 0
}
}
@media (min-width:768px) {
nav.primary ul li {
margin: 0;
padding: 13px 8px;
position: relative;
font-family: proxima-nova;
font-size: 15px;
font-weight: 700
}
}
@media (min-width:768px) and (min-width:1250px) {
nav.primary ul li {
font-size: 18px;
padding: 13px
}
}
@media (min-width:768px) {
nav.primary ul li.home {
display: none
}
nav.primary ul li.menu-item-has-children:hover .sub-menu {
display: block;
visibility: visible;
margin-top: 0;
opacity: 1
}
nav.primary ul li.menu-item-has-children:hover .sub-menu li {
-webkit-animation: fadeIn .5s ease-in-out;
-webkit-animation-fill-mode: both;
animation: fadeIn .5s ease-in-out;
animation-fill-mode: both
}
nav.primary ul li:first-child {
border-left: 0
}
nav.primary ul li:last-child {
margin-right: 0
}
nav.primary ul li .sub-menu {
width: 270px;
position: absolute;
top: 62px;
left: 58%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
background: #f5551e;
padding: 25px;
visibility: hidden;
opacity: 0;
margin-top: 20px;
-o-transition: .4s;
-ms-transition: .4s;
-moz-transition: .4s;
-webkit-transition: .4s;
transition: .4s;
-webkit-box-shadow: 4px 4px 4px rgba(0,0,0,.08);
-moz-box-shadow: 4px 4px 4px rgba(0,0,0,.08);
box-shadow: 4px 4px 4px rgba(0,0,0,.08)
}
nav.primary ul li .sub-menu:before {
content: '';
width: 0;
height: 0;
border-left: 11px solid transparent;
border-right: 11px solid transparent;
border-bottom: 12px solid #f5551e;
position: absolute;
top: -12px;
left: 0;
right: 0;
margin: 0 auto
}
nav.primary ul li .sub-menu:after {
content: '';
height: 22px;
width: 100%;
position: absolute;
top: -22px;
left: 0;
background: 0 0
}
nav.primary ul li .sub-menu li {
width: 100%;
margin: 0 0 8px;
padding: 0;
border: 0!important;
line-height: 100%;
font-family: proxima-nova;
font-size: 16px
}
nav.primary ul li .sub-menu li:last-child {
margin-bottom: 0!important
}
nav.primary ul li .sub-menu li a {
color: #fff;
margin: 0
}
nav.primary ul li .sub-menu li a:hover {
color: #444;
opacity: 1!important
}
}
nav.secondary {
display: none;
margin-top: 12px
}
nav.secondary ul li a {
display: block;
float: left;
text-align: center;
background: 0 0;
color: #fff;
height: 46px;
border-radius: 10px;
line-height: 44px;
width: 170px;
font-size: 12px;
font-weight: 700;
letter-spacing: .075em;
font-family: proxima-nova;
border: 2px solid #fff;
text-transform: uppercase
}
nav.secondary ul li a:hover {
background-color: #fff;
color: #37aa47
}
@media (min-width:1250px) {
nav.secondary ul li a {
font-size: 13px;
width: 225px
}
}
@media (min-width:992px) {
nav.secondary {
display: block;
float: right;
-o-transition: .4s;
-ms-transition: .4s;
-moz-transition: .4s;
-webkit-transition: .4s;
transition: .4s
}
.hamburger {
display: none
}
}
@media (min-width:768px) {
nav ul li {
float: left;
list-style-type: none
}
}
.hamburger {
float: right;
margin: 30px 0 0;
position: absolute;
top: 0;
right: 25px;
z-index: 9998;
-o-transition: .4s;
-ms-transition: .4s;
-moz-transition: .4s;
-webkit-transition: .4s;
transition: .4s
}
@media (min-width:480px) {
.hamburger {
margin: 37px 0 0
}
}
.hamburger .hamburger-inner, .hamburger .hamburger-inner:after, .hamburger .hamburger-inner:before {
-o-transition: .4s;
-ms-transition: .4s;
-moz-transition: .4s;
-webkit-transition: .4s;
transition: .4s
}
.menu-wrap, .top {
-o-transition: .4s;
-moz-transition: .4s;
-webkit-transition: .4s
}
.hamburger:hover .hamburger-inner, .hamburger:hover .hamburger-inner:after, .hamburger:hover .hamburger-inner:before {
background-color: #f5551e;
width: 33px
}
.hamburger.is-active .hamburger-inner, .hamburger.is-active .hamburger-inner:after {
background-color: #fff;
width: 33px
}
.mobile-nav {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: #444;
z-index: 10;
height: 100%;
display: none
}
.mobile-nav nav {
float: left;
width: 100%
}
.mobile-nav nav.mobile {
position: relative;
top: 50%;
transform: translateY(-50%)
}
.mobile-nav nav.mobile ul {
margin: 0;
padding: 0;
float: left;
width: 100%
}
.mobile-nav nav.mobile ul li {
float: left;
width: 100%;
text-transform: uppercase;
text-align: center;
font-size: 30px;
margin: 0 0 10px
}
.menu-wrap {
position: fixed;
height: 100%;
width: 100%;
z-index: -1;
top: 0;
right: 0;
background: 0 0;
font-weight: 600;
opacity: 0;
-ms-transition: .4s;
transition: .4s;
-webkit-transition-timing-function: cubic-bezier(.5, 0, .4, .5);
transition-timing-function: cubic-bezier(.5, 0, .4, .5);
left: 100%
}
#container-wrap, .top {
opacity: 1;
-ms-transition: .4s
}
.menu-wrap .align-middle {
padding: 0 30px;
width: 100%;
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%)
}
.menu-wrap .menu {
float: left;
width: 100%;
overflow: hidden;
list-style: none
}
.menu-wrap .menu li {
width: 100%;
float: left;
text-align: center;
font-size: 25px;
font-weight: 600;
font-family: proxima-nova;
margin-bottom: 0
}
.menu-wrap .menu li a {
color: #fff;
padding: 5px 0
}
.menu-wrap .menu li a:hover {
color: #37aa47
}
.menu-wrap .secondary {
margin: 20px 0 15px;
float: left;
width: 100%;
overflow: hidden;
list-style: none;
display: block
}
.menu-wrap .secondary li {
display: table;
margin: 0 auto 10px!important;
text-align: center
}
.menu-wrap .secondary li a {
float: none;
display: table;
margin: 0 auto;
width: 100%;
height: 52px;
max-width: 325px;
font-size: 18px
}
.menu-wrap .social-mobile {
float: left;
width: auto;
width: 100%
}
.menu-wrap .social-mobile .social {
display: table;
margin: 0 auto;
float: none;
width: auto
}
.menu-wrap .social-mobile .social ul li a {
color: #999
}
.menu-wrap .social-mobile .social ul li a:hover {
color: #37aa47
}
.menu-wrap .social-mobile .social ul li a i {
font-size: 32px
}
.menu-top {
line-height: 58px
}
.menu-top .profile {
display: inline-block;
padding: 8px 10px;
line-height: 42px
}
.menu-side, .menu-top .profile {
width: 300px
}
.menu-top .profile img {
float: left;
margin-right: 1em
}
.icon-list {
display: inline-block;
font-size: 1.25em
}
.icon-list a {
margin: 0 1em 0 0;
padding: 0
}
@media screen and (max-width:32em) {
.icon-list {
padding-left: 1em
}
}
.menu-side a {
display: block;
padding: 1.2em;
border-bottom: 1px solid rgba(0,0,0,.1)
}
.menu-side a:first-child {
border-top: 1px solid rgba(0,0,0,.1)
}
.top {
transition: .4s
}
#container-wrap, .show-menu #container-wrap {
-o-transition: .4s;
-moz-transition: .4s;
-webkit-transition: .4s
}
#container-wrap {
float: left;
width: 100%;
left: 0;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
transition: .4s
}
.show-menu .top {
opacity: 0
}
.show-menu #container-wrap {
left: -100%;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
-ms-transition: .4s;
transition: .4s;
-webkit-transition-timing-function: cubic-bezier(.2, 0, .3, .4);
transition-timing-function: cubic-bezier(.2, 0, .3, .4)
}
.other-ways .grid .single-item, .show-menu .menu-wrap {
-o-transition: .4s;
-moz-transition: .4s;
-webkit-transition: .4s
}
.show-menu .menu-wrap {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
-ms-transition: .4s;
transition: .4s;
-webkit-transition-timing-function: cubic-bezier(.5, 0, .4, .5);
transition-timing-function: cubic-bezier(.5, 0, .4, .5);
left: 0
}
.other-ways {
float: left;
width: 100%;
background: #f9f9f9;
padding: 70px 0 50px
}
@media (min-width:768px) {
.other-ways {
padding: 90px 0
}
}
.other-ways h6 {
text-align: center;
margin-bottom: 15px;
color: #777
}
.other-ways h2 {
margin-bottom: 55px;
text-align: center
}
.other-ways .grid {
float: left;
width: 100%;
text-align: center
}
.other-ways .grid .single-item {
width: 100%;
max-width: 100%;
height: 260px;
position: relative;
overflow: hidden;
display: inline-block;
margin-bottom: 25px;
-ms-transition: .4s;
transition: .4s
}
.other-ways .grid .single-item .image, .other-ways .grid .single-item .image:before {
height: 100%;
-o-transition: .4s;
-moz-transition: .4s;
-webkit-transition: .4s;
position: absolute;
top: 0;
right: 0
}
.other-ways .grid .single-item:last-of-type {
margin-bottom: 0
}
@media (min-width:960px) {
.other-ways .grid .single-item {
display: block;
float: left;
margin-bottom: 0;
margin-right: 30px;
max-width: 360px;
width: calc(100%/3 - 20px)
}
.other-ways .grid .single-item:last-of-type {
margin-right: 0
}
}
.other-ways .grid .single-item .full-link {
z-index: 10;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%
}
.other-ways .grid .single-item .image {
z-index: 1;
width: 100%;
background-position: 50% 50%;
background-size: cover!important;
-ms-transition: .4s;
transition: .4s
}
.other-ways .grid .single-item .image:before {
content: '';
width: 100%;
background: #000;
z-index: 2;
opacity: .2;
-ms-transition: .4s;
transition: .4s
}
.other-ways .grid .single-item .item-content {
position: absolute;
z-index: 4;
padding: 25px 25px 50px;
bottom: -125px;
left: 0;
text-align: left;
-o-transition: .4s;
-ms-transition: .4s;
-moz-transition: .4s;
-webkit-transition: .4s;
transition: .4s
}
@media (min-width:480px) {
.other-ways .grid .single-item .item-content {
bottom: -100px
}
}
@media (min-width:768px) {
.other-ways .grid .single-item .item-content {
bottom: -87px
}
}
@media (min-width:992px) {
.other-ways .grid .single-item .item-content {
bottom: -115px
}
}
@media (min-width:1250px) {
.other-ways .grid .single-item .item-content {
bottom: -125px
}
}
.other-ways .grid .single-item .item-content h3 {
color: #fff;
font-size: 36px;
max-width: 215px
}
.other-ways .grid .single-item .item-content p {
color: #fff;
font-size: 15px;
margin: 0
}
.other-ways .grid .single-item:before {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 20px;
background: #f5551e;
z-index: 5
}
.other-ways .grid .single-item.green:before {
background: #37aa47
}
.other-ways .grid .single-item.blue:before {
background: #00b9d7
}
.other-ways .grid .single-item:hover .image {
-moz-transform: scale(1.04);
-o-transform: scale(1.04);
-ms-transform: scale(1.04);
-webkit-transform: scale(1.04);
transform: scale(1.04)
}
.other-ways .grid .single-item:hover .image:before {
background: #f5551e;
opacity: .7
}
.other-ways .grid .single-item:hover.green .image:before {
background: #37aa47
}
.other-ways .grid .single-item:hover.blue .image:before {
background: #00b9d7
}
.other-ways .grid .single-item:hover .item-content {
bottom: 0
}
footer {
float: left;
width: 100%;
padding: 30px 0;
color: #fff;
background: #555;
position: relative
}
footer:before {
width: 100%;
height: 350px;
position: absolute;
background-image: url(//cdn.nexternal.com/sierraclub/images/bg_footer.jpg);
background-position: bottom center!important;
bottom: 0;
left: 0
}
@media (min-width:1250px) {
footer {
padding: 60px 0 150px
}
}
footer a {
color: #444
}
footer a:hover {
color: #f5551e
}
footer .stay-informed h3 {
text-align: center;
color: #fff;
margin-bottom: 15px
}
footer .stay-informed p {
font-size: 15px;
color: #fff;
text-align: center;
margin-bottom: 25px
}
footer .stay-informed form {
float: none;
display: table;
margin: 0 auto 25px;
width: 100%;
max-width: 395px
}
footer .stay-informed form .input {
float: left;
width: 100%;
margin-bottom: 15px
}
@media (min-width:768px) {
footer {
padding: 60px 0 150px
}
footer .stay-informed form .input {
width: calc(100% - 145px);
margin: 0
}
}
footer .stay-informed form .submit {
float: left;
width: 100%
}
@media (min-width:768px) {
footer .stay-informed form .submit {
width: 145px
}
}
footer .stay-informed form input[type=email], footer .stay-informed form input[type=text] {
width: 100%;
border-radius: 15px;
font-size: 15px;
font-family: proxima-nova;
font-weight: 400;
color: #444;
height: 46px;
margin-bottom: 0
}
@media (min-width:768px) {
footer .stay-informed form input[type=email], footer .stay-informed form input[type=text] {
border-radius: 15px 0 0 15px
}
}
footer .stay-informed form input[type=submit] {
width: 100%;
background: #000;
border-radius: 15px;
font-size: 12px;
font-family: proxima-nova;
font-weight: 700;
letter-spacing: .1em;
text-transform: uppercase;
color: #fff;
height: 46px;
cursor: pointer;
-o-transition: .4s;
-ms-transition: .4s;
-moz-transition: .4s;
-webkit-transition: .4s;
transition: .4s
}
footer .stay-informed form input[type=submit]:hover {
background: #f5551e
}
footer .social {
margin-top: 0!important;
margin-bottom: 25px
}
@media (min-width:768px) {
footer .stay-informed form input[type=submit] {
border-radius: 0 15px 15px 0
}
footer .social {
margin-bottom: 35px
}
}
@media (min-width:992px) {
footer {
padding: 60px 0 150px
}
footer .social {
margin-bottom: 45px
}
}
footer .social.links {
float: left;
width: 100%
}
footer .social.links ul {
margin: 0 auto;
display: table;
float: none
}
footer .social.links ul li a {
color: #fff
}
footer .social.links ul li a i {
font-size: 24px
}
@media (min-width:768px) {
footer .social.links ul li a i {
font-size: 28px
}
}
footer .social.links ul li a:hover {
color: #fff;
opacity: .5
}
footer .footer-nav {
padding: 40px 0;
border-top: 1px solid #a0a0a0;
border-bottom: 1px solid #a0a0a0;
margin-bottom: 50px
}
footer .footer-nav .wrapper {
float: left;
width: 100%
}
footer .footer-nav h6 {
color: #fff;
text-align: center;
margin-bottom: 35px
}
footer .footer-nav .adopt-box {
max-width: 340px;
height: 210px;
width: 100%;
position: relative;
box-shadow: 0 0 14px 1px rgba(0,0,0,.2);
float: none;
margin: 0 auto 35px
}
@media (min-width:992px) {
footer .social.links ul li a i {
font-size: 32px
}
footer .footer-nav .adopt-box {
float: left;
margin: 0
}
}
footer .footer-nav .adopt-box .image {
position: absolute;
top: 0;
bottom: 0;
width: 100%;
height: 100%;
z-index: 1;
overflow: hidden;
-o-transition: .4s;
-ms-transition: .4s;
-moz-transition: .4s;
-webkit-transition: .4s;
transition: .4s
}
footer .footer-nav .adopt-box .image:before {
position: absolute;
left: 0;
width: 65%;
opacity: .65;
height: 100%;
top: 0;
background: -moz-linear-gradient(left, #000 0, rgba(0,0,0,0) 100%);
background: -webkit-linear-gradient(left, #000 0, rgba(0,0,0,0) 100%);
background: linear-gradient(to right, #000 0, rgba(0,0,0,0) 100%);
-o-transition: .4s;
-ms-transition: .4s;
-moz-transition: .4s;
-webkit-transition: .4s;
transition: .4s;
z-index: 1
}
footer .footer-nav .adopt-box .image img {
-o-transition: .4s;
-ms-transition: .4s;
-moz-transition: .4s;
-webkit-transition: .4s;
transition: .4s
}
footer .footer-nav .adopt-box .image:after {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 2;
-o-transition: .4s;
-ms-transition: .4s;
-moz-transition: .4s;
-webkit-transition: .4s;
transition: .4s
}
footer .footer-nav .adopt-box .small-logo {
width: 68px;
z-index: 2;
position: absolute;
top: 44%;
-moz-transform: translateY(-50%);
-o-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
left: 25px
}
footer .footer-nav .adopt-box .caption {
position: absolute;
background: #00b9d7;
left: 0;
bottom: 0;
padding: 7px 15px 5px;
z-index: 5;
color: #fff;
font-weight: 700;
text-transform: uppercase;
letter-spacing: .075em;
font-size: 12px;
-o-transition: .4s;
-ms-transition: .4s;
-moz-transition: .4s;
-webkit-transition: .4s;
transition: .4s
}
footer .footer-nav .adopt-box .full-link {
position: absolute;
z-index: 10;
top: 0;
left: 0;
width: 100%;
height: 100%
}
footer .footer-nav .adopt-box:hover .image img {
-moz-transform: scale(1.05);
-o-transform: scale(1.05);
-ms-transform: scale(1.05);
-webkit-transform: scale(1.05);
transform: scale(1.05)
}
footer .footer-nav .adopt-box:hover .image:before {
opacity: .9
}
footer .footer-nav .adopt-box:hover .image:after {
background: #00b9d7;
opacity: .7
}
footer .footer-nav .menu-nav {
float: none;
width: 100%;
padding: 0 20px;
overflow: hidden
}
@media (min-width:768px) {
footer .footer-nav .menu-nav {
padding: 0 50px
}
}
@media (min-width:992px) {
footer .footer-nav .menu-nav {
float: left;
width: calc(100% - 155px - 340px)
}
}
footer .footer-nav .menu-nav ul {
float: none;
width: 100%;
padding-left: 0;
list-style: none;
margin-bottom: 15px;
text-align: center
}
@media (min-width:768px) {
footer .footer-nav .menu-nav ul {
float: left;
width: calc(100%/3);
padding-left: 20px;
text-align: left
}
}
footer .footer-nav .menu-nav ul h3 {
font-size: 12px;
text-transform: uppercase;
letter-spacing: .1em;
margin-bottom: 13px
}
footer .footer-nav .menu-nav ul h3 a {
color: #fff;
opacity: .5
}
footer .footer-nav .menu-nav ul h3 a:hover {
opacity: 1;
color: #f5551e
}
footer .footer-nav .menu-nav ul li {
font-size: 15px;
color: #fff;
margin-top: 7px
}
footer .footer-nav .menu-nav ul li a {
color: #fff
}
footer .footer-nav .menu-nav ul li a:hover {
color: #f5551e
}
footer .footer-nav .years {
float: none;
width: 132px;
margin: 20px auto 0
}
@media (min-width:992px) {
footer .footer-nav .years {
float: right;
margin: 0;
width: 132px
}
}
footer .footer-nav .years img {
/*
width: 100%;
height: auto
*/
max-height: 170px;
width:auto;
}
footer .copyrights {
float: none;
display: table;
margin: 0 auto;
text-align: center
}
footer .copyrights p {
font-size: 13px;
line-height: 170%;
color: #fff;
margin: 0
}
.h1, .h2, h1, h2 {
margin: 0 0 .5em;
font-family: proxima-nova;
color: #000
}
footer .copyrights.col-md-8 {
width: 100%
}
@media (min-width:992px) {
footer .copyrights.col-md-8 {
width: 80%
}
}
@media (min-width:1250px) {
footer .copyrights.col-md-8 {
width: 66.66666667%
}
}
.h1, h1 {
font-weight: 800;
font-size: 37px;
line-height: 100%;
letter-spacing: -.01em
}
@media (min-width:768px) {
.h1, h1 {
font-size: 48px
}
}
@media (min-width:992px) {
.h1, h1 {
font-size: 56px
}
}
.h1.super, h1.super {
font-size: 36px
}
@media (min-width:768px) {
.h1.super, h1.super {
font-size: 55px
}
}
@media (min-width:992px) {
.h1.super, h1.super {
font-size: 64px
}
}
.h1 em, .h1 i, .h1 strong, h1 em, h1 i, h1 strong {
font-weight: 800!important;
font-style: normal!important
}
.h2, h2 {
font-weight: 800;
font-size: 32px;
line-height: 125%
}
@media (min-width:768px) {
.h2, h2 {
font-size: 40px
}
}
@media (min-width:992px) {
.h2, h2 {
font-size: 48px
}
}
.h2 em, .h2 i, .h2 strong, h2 em, h2 i, h2 strong {
font-weight: 800!important;
font-style: normal!important
}
.h3, h3 {
font-family: proxima-nova;
color: #000;
font-weight: 800;
font-size: 24px;
line-height: 110%;
margin: 0 0 .5em
}
.h4, .h5, .h6, h4, h5, h6 {
font-family: proxima-nova;
color: #000;
line-height: 130%;
margin: 0 0 .5em
}
@media (min-width:768px) {
.h3, h3 {
font-size: 33px
}
}
@media (min-width:992px) {
.h3, h3 {
font-size: 36px
}
}
.h3 em, .h3 i, .h3 strong, h3 em, h3 i, h3 strong {
font-weight: 800!important;
font-style: normal!important
}
.h4, h4 {
font-weight: 600;
font-size: 18px
}
@media (min-width:768px) {
.h4, h4 {
font-size: 22px
}
}
@media (min-width:992px) {
.h4, h4 {
font-size: 28px
}
}
.h4 em, .h4 i, .h4 strong, h4 em, h4 i, h4 strong {
font-weight: 600!important;
font-style: normal!important
}
.h5, h5 {
font-weight: 600;
font-size: 16px
}
@media (min-width:768px) {
.h5, h5 {
font-size: 18px
}
}
@media (min-width:992px) {
.h5, h5 {
font-size: 24px
}
}
.h5 em, .h5 i, .h5 strong, h5 em, h5 i, h5 strong {
font-weight: 600!important;
font-style: normal!important
}
.h6, h6 {
font-weight: 600;
font-size: 14px;
letter-spacing: .14em;
text-transform: uppercase
}
@media (min-width:768px) {
.h6, h6 {
font-size: 15px
}
}
@media (min-width:992px) {
.h6, h6 {
font-size: 15px
}
}
.h6 em, .h6 i, .h6 strong, h6 em, h6 i, h6 strong {
font-weight: 600!important;
font-style: normal!important
}
.content ol, .content ul, p {
line-height: 150%;
font-weight: 400;
color: #444;
font-family: proxima-nova
}
p {
font-size: 16px;
margin: 0 0 15px;
letter-spacing: 0
}
.home-featured-product .featured-product-content .btn, .top-seller-flag p {
letter-spacing: .075em
}
@media (min-width:768px) {
p {
font-size: 18px;
margin: 0 0 25px
}
}
@media (min-width:992px) {
p {
font-size: 20px;
margin: 0 0 25px
}
}
.content ol, .content ul {
margin-left: 0;
padding-left: 15px;
font-size: 16px;
margin-bottom: 40px
}
@media (min-width:768px) {
.content ol, .content ul {
font-size: 18px;
line-height: 30px;
margin-bottom: 30px;
margin-left: 0;
padding-left: 25px
}
}
.content ol li, .content ul li {
margin-bottom: 20px
}
.content ol ol, .content ol ul, .content ul ol, .content ul ul {
margin: 5px
}
.content ol ul li, .content ul ul li {
list-style: disc
}
.container {
margin: 0 auto;
padding: 0 40px;
max-width: 100%;
width: 100%
}
@media (min-width:768px) {
.container {
max-width: 1170px;
padding: 0 40px
}
}
@media (min-width:1250px) {
.container {
padding: 0 20px
}
}
.container-fluid {
margin-right: auto;
margin-left: auto;
padding-left: 15px;
padding-right: 15px
}
main {
float: left;
width: 100%
}
hr {
width: 100%;
height: 1px;
background: #ccc;
border-radius: 0;
margin: 40px auto 0
}
@media (min-width:768px) {
hr {
margin: 50px auto 0
}
}
@media (min-width:992px) {
.content ol, .content ul {
font-size: 20px
}
hr {
margin: 70px auto 0
}
}
hr.long {
width: 100%;
height: 2px;
max-width: 100%;
margin: 50px auto 0;
background: #eaeaea!important
}
@media (min-width:768px) {
hr.long {
margin: 0
}
}
.content {
float: left;
width: 100%
}
.content .col-md-8 {
margin: 0 auto;
display: table;
float: none
}
.content .bottom-share {
padding: 25px 0;
width: 100%;
float: left;
text-align: center;
display: block
}
@media (min-width:992px) {
.content .bottom-share {
display: none
}
}
.content .bottom-share .social {
display: table;
float: none;
margin: 0 auto
}
.content .bottom-share .social span {
display: none
}
.content .bottom-share .social ul li a {
color: #666
}
.content .bottom-share .social ul li a:hover {
color: #37aa47
}
.topper h1, .topper h2, .topper h3, .topper h4, .topper h5, .topper h6, .topper p {
color: #fff
}
.content .bottom-share .social ul li a i {
font-size: 23px
}
.vertical-centered {
float: left;
width: 100%;
text-align: center
}
@media (min-width:768px) {
.content .bottom-share .social ul li a i {
font-size: 29px
}
.vertical-centered {
position: relative;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%)
}
}
.videoWrapper {
position: relative;
padding-bottom: 56.25%;
padding-top: 25px;
height: 0
}
.videoWrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%
}
.alert .topper.short {
height: 291px
}
@media (min-width:768px) {
.alert .topper.short {
height: 291px
}
}
@media (min-width:992px) {
.alert .topper.short {
height: 315px
}
.alert .topper.tall {
height: 636px
}
}
.alert .topper.home, .alert .topper.tall {
height: 636px
}
@media (min-width:768px) {
.alert .topper.home, .alert .topper.tall {
height: 636px
}
}
@media (min-width:992px) {
.alert .topper.home {
height: 770px
}
}
.alert .topper.no-topper {
height: 190px
}
@media (min-width:768px) {
.alert .topper.no-topper {
height: 206px
}
}
@media (min-width:992px) {
.alert .topper.no-topper {
height: 190px
}
}
.topper {
float: left;
width: 100%;
background-size: cover!important;
position: relative;
padding: 40px 0;
background-color: #444
}
.topper:after, .topper:before {
position: absolute;
width: 100%;
left: 0;
content: ''
}
.topper:before {
top: 40px;
height: 195px;
opacity: 1;
background: -moz-linear-gradient(top, rgba(0,0,0,.5) 0, rgba(0,0,0,0) 100%);
background: -webkit-linear-gradient(top, rgba(0,0,0,.5) 0, rgba(0,0,0,0) 100%);
background: linear-gradient(to bottom, rgba(0,0,0,.5) 0, rgba(0,0,0,0) 100%)
}
.topper:after {
height: 20px;
background: #37aa47;
bottom: 0;
display: none
}
@media (min-width:768px) {
.topper {
padding: 0
}
.topper:after {
display: block
}
}
.topper h6 {
margin-bottom: 10px
}
.topper .deck, .topper h1 {
margin-bottom: 25px
}
.topper .container {
height: 100%;
max-width: 100%;
padding: 0 40px;
position: relative
}
@media (min-width:992px) {
.topper .container {
max-width: 900px
}
.topper .container .row {
width: 100%
}
}
@media (min-width:1250px) {
.topper .container {
max-width: 1060px
}
}
.topper .container .row {
position: absolute;
bottom: 0
}
.topper .container .row .wrapper {
max-width: 270px;
position: relative
}
@media (min-width:480px) {
.topper .container .row .wrapper {
max-width: 360px
}
}
@media (min-width:768px) {
.topper .container .row {
bottom: 30px
}
.topper .container .row .wrapper {
max-width: 485px
}
.topper .container .row .wrapper h1 {
font-size: 40px
}
}
@media (min-width:992px) {
.topper .container .row .wrapper h1 {
font-size: 50px
}
}
.topper .container .row .wrapper .btn {
position: static
}
@media (min-width:1250px) {
.topper .container .row .wrapper {
max-width: 680px
}
.topper .container .row .wrapper h1 {
font-size: 56px
}
.topper .container .row .wrapper .btn {
bottom: 0;
position: absolute;
right: 0
}
}
@media (min-width:768px) {
.topper .deck {
margin-bottom: 45px
}
}
.topper .deck p {
margin-bottom: 20px
}
.topper .deck p:last-of-type, .topper.short .container .row h1 {
margin-bottom: 0
}
.topper.short {
height: 255px;
padding: 65px 0 25px
}
@media (min-width:768px) {
.topper.short {
padding: 65px 0 45px;
height: 235px
}
}
.topper.short .container {
padding: 0
}
.topper.short .container .row {
bottom: 0;
width: 100%;
margin: 0
}
@media (min-width:992px) {
.topper.short {
height: 275px
}
.topper.short .container .row {
width: inherit
}
}
.topper.short .container .row .wrapper {
max-width: 100%;
text-align: center
}
.topper.short:after {
display: none
}
.topper.home .deck, .topper.tall .deck {
display: block
}
.topper.tall {
height: 455px;
padding: 85px 0 40px
}
@media (min-width:992px) {
.topper.tall {
height: 580px
}
}
@media (min-width:768px) {
.topper.tall {
padding: 85px 0 100px;
height: 580px
}
.topper.tall .deck {
display: block
}
}
.topper.home {
height: 570px;
padding: 55px 0
}
@media (min-width:480px) {
.topper.home {
height: 600px;
padding: 55px 0 80px
}
}
@media (min-width:768px) {
.topper.home {
height: 580px;
padding: 0
}
.topper.home .deck {
display: block
}
}
.topper.home .container .row {
bottom: 0
}
@media (min-width:1250px) {
.topper.home .container .row .wrapper {
max-width: 975px
}
}
.topper.home h1 {
max-width: 270px
}
@media (min-width:480px) {
.topper.home h1 {
max-width: 360px
}
}
@media (min-width:768px) {
.topper.home .container .row {
bottom: 190px
}
.topper.home h1 {
max-width: 692px
}
}
.topper .read-more {
position: absolute;
bottom: 20px;
left: 0;
right: 0;
margin: 0 auto;
max-width: 47px
}
@media (min-width:992px) {
.topper.home {
height: 730px;
padding: 0
}
.topper .read-more {
max-width: 67px;
bottom: 35px
}
}
.topper .read-more a {
padding: 10px;
float: left;
width: 100%;
height: auto
}
.topper .read-more a svg {
position: relative;
width: 100%;
-o-transition: .4s;
-ms-transition: .4s;
-moz-transition: .4s;
-webkit-transition: .4s;
transition: .4s
}
.sub-nav nav ul li a:after, .topper-cta .video-popup {
-o-transition: .4s;
-moz-transition: .4s;
-webkit-transition: .4s
}
.topper .read-more a:hover svg {
-moz-transform: scale(1.15);
-o-transform: scale(1.15);
-ms-transform: scale(1.15);
-webkit-transform: scale(1.15);
transform: scale(1.15)
}
.topper .read-more a:hover svg .st0 {
fill: #37aa47
}
.topper-posts {
padding: 90px 0 0
}
@media (min-width:768px) {
.topper-posts {
padding: 100px 0 0
}
}
@media (min-width:992px) {
.topper-posts {
padding: 72px 0 0
}
}
.topper-posts .col-md-8 {
margin: 0 auto;
float: none
}
.topper-posts.no-topper .col-md-8 {
display: table;
margin: 0 auto;
padding-top: 50px
}
@media (min-width:480px) {
.topper-posts.no-topper .col-md-8 {
padding-top: 80px
}
}
@media (min-width:960px) {
.topper-posts.no-topper .col-md-8 {
padding: 25px 0 0
}
}
.topper-posts.no-topper h1, .topper-posts.no-topper h6 {
text-align: center
}
.topper-posts .page-meta {
text-align: center;
font-size: 13px;
font-weight: 600;
margin-bottom: 15px
}
.topper-posts .page-meta span {
padding: 0 10px;
font-size: 20px;
font-family: proxima-nova;
font-weight: 600;
color: #444
}
.topper-posts .page-meta a {
color: #444
}
.topper-posts .page-meta a:hover {
color: #37aa47
}
.topper-posts h2 {
margin: 0 auto 25px;
text-align: center;
max-width: 700px
}
.topper-posts .post-info {
text-align: center;
font-size: 18px;
margin-top: 15px
}
@media (min-width:960px) {
.topper-posts .sub-nav {
margin-bottom: 25px
}
}
.topper-cta .btn, .topper-cta .video-popup {
margin: 0 auto;
display: table
}
.no-topper {
background: #00b9d7;
height: 150px
}
.no-topper:after, .no-topper:before {
display: none
}
.topper-cta {
float: left;
width: 100%
}
.topper-cta .video-link {
position: relative
}
.topper-cta .video-popup {
width: 75px;
height: 75px;
background: #f5551e;
-webkit-box-shadow: 4px 4px 4px rgba(0,0,0,.08);
-moz-box-shadow: 4px 4px 4px rgba(0,0,0,.08);
box-shadow: 4px 4px 4px rgba(0,0,0,.08);
border-radius: 100%;
position: relative;
outline: 0;
-ms-transition: .4s;
transition: .4s
}
.topper-cta .video-popup:hover {
background: #37aa47
}
.topper-cta .video-popup span {
width: 30px;
height: 35px;
position: absolute;
left: 0;
right: 0;
top: 22px;
margin: 0 auto
}
.topper-cta .video-popup span svg {
margin-left: 5px;
width: 100%;
height: auto
}
.topper-cta .topper-form {
margin: 0 auto;
display: table;
float: none;
width: 300px;
padding: 0
}
.topper-cta .topper-form form .email {
float: left;
width: 100%;
margin-bottom: 4px
}
.topper-cta .topper-form form .zip {
float: left;
width: 100%;
margin-bottom: 13px
}
.topper-cta .topper-form form .submit {
width: 100%;
float: left;
margin-bottom: 0
}
.topper-video {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
overflow: hidden;
z-index: -100;
background-size: cover!important
}
.fullscreen-bg__video {
display: none
}
@media (min-width:768px) {
.fullscreen-bg__video {
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%
}
}
@media (min-aspect-ratio:16 / 9) {
.fullscreen-bg__video {
height: 300%;
top: -100%
}
}
@media (max-aspect-ratio:16 / 9) {
.fullscreen-bg__video {
width: 300%;
left: -100%
}
}
.sub-nav {
float: left;
width: 100%;
padding: 0 20px
}
@media (min-width:992px) {
.sub-nav {
padding: 0 40px
}
}
.sub-nav .container {
padding: 0
}
.sub-nav .social {
margin: 0;
float: right;
display: none;
height: 70px;
background: #eee;
padding: 21px 30px
}
@media (min-width:992px) {
.sub-nav .social {
display: block
}
}
.sub-nav .social span {
margin: 4px 10px 0;
font-family: proxima-nova;
color: #666;
text-transform: none;
font-weight: 600;
font-size: 14px
}
.sub-nav .social ul li a {
padding: 0 8px;
color: #666
}
.sub-nav .social ul li a:hover {
color: #37aa47
}
.sub-nav .topper-menu {
float: left;
width: 100%;
display: block;
overflow: hidden
}
@media (min-width:768px) {
.sub-nav .topper-menu {
display: table;
margin: 0 auto;
width: auto;
float: none
}
}
@media (min-width:992px) {
.sub-nav .topper-menu {
display: block;
width: auto;
float: left
}
}
.sub-nav .topper-menu.news {
display: table;
margin: 0 auto;
width: auto;
float: none
}
.sub-nav nav {
margin-top: 15px;
margin-bottom: 15px;
overflow: hidden
}
@media (min-width:768px) {
.sub-nav nav {
margin-top: 0;
margin-bottom: 22px
}
}
.sub-nav nav ul {
margin: 0;
padding: 0
}
.sub-nav nav ul li {
float: left;
width: 100%
}
.sub-nav nav ul li.current-menu-item a {
color: #999
}
.module .wp-caption-text, .sub-nav nav ul li a {
color: #444;
font-family: proxima-nova;
text-align: center
}
@media (min-width:768px) {
.sub-nav nav ul li {
width: auto
}
.sub-nav nav ul li.current-menu-item a:after {
background: #999;
opacity: 1
}
.sub-nav nav ul li:first-of-type a {
margin-left: 0!important
}
}
.sub-nav nav ul li .sub-menu {
display: none
}
.sub-nav nav ul li a {
font-size: 16px;
font-weight: 600;
display: block;
position: relative;
margin: 5px 10px;
padding: 5px
}
.sub-nav nav ul li a:after {
content: '';
width: 100%;
height: 1px;
position: absolute;
bottom: 0;
left: 0;
background: #444;
opacity: 0;
-ms-transition: .4s;
transition: .4s
}
@media (min-width:768px) {
.sub-nav nav ul li a {
padding: 23px 0 5px;
margin: 0 20px
}
.sub-nav nav ul li a:hover:after {
opacity: 1
}
}
.module {
float: left;
width: 100%;
position: relative;
margin-top: 40px
}
@media (min-width:768px) {
.module {
margin-top: 55px
}
}
.module.last-module.buttons, .module.last-module.full-content {
margin-bottom: 40px
}
@media (min-width:768px) {
.module.last-module.buttons, .module.last-module.full-content {
margin-bottom: 70px
}
}
@media (min-width:992px) {
.module {
margin-top: 70px
}
.module.last-module.buttons, .module.last-module.full-content {
margin-bottom: 120px
}
}
.module .container, .module .row {
height: 100%
}
.module img.size-full {
width: 100%;
max-width: 100%;
height: auto
}
.module .wp-caption {
width: 100%!important;
margin: 25px 0
}
.module .wp-caption img {
height: auto!important;
width: 100%!important
}
@media (min-width:480px) {
.module .wp-caption img {
height: auto!important;
width: auto!important
}
.module .wp-caption {
width: auto!important;
margin: 25px 0
}
}
.module .wp-caption-text {
margin: 10px 0;
font-size: 14px;
line-height: 125%;
font-weight: 400;
width: 100%!important
}
@media (min-width:480px) {
.module .wp-caption-text {
font-size: 16px;
width: auto
}
}
.module .alignleft {
float: none;
margin: 25px 0;
max-width: 100%;
width: 100%;
height: auto
}
@media (min-width:480px) {
.module .alignleft {
float: left;
width: auto;
max-width: auto;
position: relative;
margin: 10px 35px 10px 0
}
}
.module .aligncenter {
float: none;
display: table;
width: 100%;
height: auto;
margin: 25px 0
}
@media (min-width:480px) {
.module .aligncenter {
float: none;
width: auto;
position: relative;
margin: 10px auto
}
}
.module .alignright {
float: none;
margin: 25px 0;
max-width: 100%;
width: 100%;
height: auto
}
@media (min-width:480px) {
.module .alignright {
float: right;
max-width: auto;
width: auto;
position: relative;
margin: 10px 0 10px 35px
}
}
.module.action-menu {
margin: 0;
position: fixed;
bottom: 0;
z-index: 10
}
.module.action-menu nav ul li:first-child:nth-last-child(1), .module.action-menu nav ul li:first-child:nth-last-child(1)~li {
width: 100%
}
.module.action-menu nav ul li:first-child:nth-last-child(2), .module.action-menu nav ul li:first-child:nth-last-child(2)~li {
width: 50%
}
.module.action-menu nav ul li:first-child:nth-last-child(3), .module.action-menu nav ul li:first-child:nth-last-child(3)~li {
width: 33.3333333333%
}
.module.action-menu nav ul li:first-child:nth-last-child(4), .module.action-menu nav ul li:first-child:nth-last-child(4)~li {
width: 25%
}
.module.action-menu nav ul li:first-child:nth-last-child(5), .module.action-menu nav ul li:first-child:nth-last-child(5)~li {
width: 20%
}
.module.action-menu nav ul li:first-child:nth-last-child(6), .module.action-menu nav ul li:first-child:nth-last-child(6)~li {
width: 16.6666666667%
}
.module.action-menu nav ul li:first-child:nth-last-child(7), .module.action-menu nav ul li:first-child:nth-last-child(7)~li {
width: 14.2857142857%
}
.module.action-menu nav ul li:first-child:nth-last-child(8), .module.action-menu nav ul li:first-child:nth-last-child(8)~li {
width: 12.5%
}
.module.full-cta, .module.full-cta .btn {
float: left;
width: 100%
}
.module.action-menu nav ul li {
text-align: center;
border-right: 1px solid #f5551e;
float: left
}
.module.action-menu nav ul li .sub-menu {
display: none
}
.module.action-menu nav ul li:last-child {
margin: 0;
border: 0
}
.module.action-menu nav ul li a {
display: block;
float: left;
width: 100%;
background: #37aa47;
color: #fff;
text-transform: uppercase;
padding: 20px 0
}
.module.full-cta {
background-color: #f5551e;
color: #fff;
background-size: cover!important
}
@media (min-width:768px) {
.module.action-menu {
position: relative
}
.module.action-menu nav ul li a {
padding: 60px 0
}
.module.full-cta {
height: 650px
}
.module.full-cta .btn {
margin: 0 auto;
display: table;
float: none;
width: auto
}
}
.module.full-cta p {
color: #fff;
max-width: 750px;
margin-left: auto;
margin-right: auto;
text-align: center
}
.module.news-feed .news-items .news-item .news-content.image-in .display-time, .module.news-feed .news-items .news-item .news-content.image-in .icon i, .module.news-feed .news-items .news-item .news-content.image-in h5, .module.news-feed .news-items .news-item:hover .display-time, .module.news-feed .news-items .news-item:hover .icon i, .module.news-feed .news-items .news-item:hover h5 {
color: #fff!important
}
.module.news-feed {
margin: 0;
padding: 50px 20px
}
@media (min-width:768px) {
.module.news-feed {
padding: 85px 40px
}
}
.module.news-feed h3 {
text-align: center;
margin: 0 0 35px
}
@media (min-width:768px) {
.module.news-feed h3 {
margin: 0 0 45px
}
}
@media (min-width:992px) {
.module.news-feed {
padding: 125px 40px
}
.module.news-feed h3 {
margin: 0 0 55px
}
}
.module.news-feed .col-md-9, .module.news-feed .read-more {
float: none;
display: table;
margin: 0 auto
}
.module.news-feed .container {
padding: 0
}
.module.news-feed .read-more {
text-align: center
}
.module.news-feed .read-more a {
display: table
}
.module.news-feed .news-items {
float: left;
width: 100%;
margin: 0 0 45px
}
@media (min-width:768px) {
.module.news-feed .news-items {
margin: 0 0 55px
}
}
@media (min-width:992px) {
.module.news-feed .news-items {
margin: 0 0 75px
}
}
.module.news-feed .news-items .news-item {
float: none;
width: calc(100% - 12px);
max-width: 350px;
margin: 6px auto;
background: #eee;
border-radius: 3px;
-webkit-box-shadow: 4px 4px 4px rgba(0,0,0,.08);
-moz-box-shadow: 4px 4px 4px rgba(0,0,0,.08);
box-shadow: 4px 4px 4px rgba(0,0,0,.08);
height: 300px;
position: relative;
-o-transition: .4s;
-ms-transition: .4s;
-moz-transition: .4s;
-webkit-transition: .4s;
transition: .4s
}
@media (min-width:768px) {
.module.news-feed .news-items .news-item {
width: calc(33% - 12px);
height: 350px;
float: left;
margin: 6px;
max-width: 100%
}
}
@media (min-width:992px) {
.module.news-feed .news-items .news-item {
width: calc(33% - 12px);
height: 425px;
max-width: 100%
}
}
.module.news-feed .news-items .news-item:hover {
background: #37aa47;
-moz-transform: translateY(-6px);
-o-transform: translateY(-6px);
-ms-transform: translateY(-6px);
-webkit-transform: translateY(-6px);
transform: translateY(-6px);
-webkit-box-shadow: 6px 9px 12px rgba(0,0,0,.12);
-moz-box-shadow: 6px 9px 12px rgba(0,0,0,.12);
box-shadow: 6px 9px 12px rgba(0,0,0,.12)
}
.home-shop .grid, .introduction-block .container .row {
-webkit-box-shadow: 0 0 14px .75px rgba(0,0,0,.2);
-moz-box-shadow: 0 0 14px .75px rgba(0,0,0,.2)
}
.module.news-feed .news-items .news-item:hover .news-image .image {
opacity: .3
}
.module.news-feed .news-items .news-item:hover .icon svg .st0 {
fill: #fff!important
}
.module.news-feed .news-items .news-item a {
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
z-index: 199!important
}
.module.news-feed .news-items .news-item .news-image {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
z-index: 1;
background: #000;
border-radius: 3px
}
.module.news-feed .news-items .news-item .news-image .image {
position: absolute;
top: 0;
left: 0;
right: 0;
height: 100%;
width: 100%;
background-size: cover!important;
opacity: .5;
border-radius: 3px;
-o-transition: .4s;
-ms-transition: .4s;
-moz-transition: .4s;
-webkit-transition: .4s;
transition: .4s
}
.module.news-feed .news-items .news-item .message {
-o-transition: .4s;
-ms-transition: .4s;
-moz-transition: .4s;
-webkit-transition: .4s;
transition: .4s;
margin: 15px 0;
word-wrap: break-word
}
@media (min-width:768px) {
.module.news-feed .news-items .news-item .message {
margin: 20px 0
}
}
@media (min-width:992px) {
.module.news-feed .news-items .news-item .message {
margin: 30px 0
}
}
.module.news-feed .news-items .news-item .icon {
text-align: center
}
.module.news-feed .news-items .news-item .icon i {
font-size: 32px;
-o-transition: .4s;
-ms-transition: .4s;
-moz-transition: .4s;
-webkit-transition: .4s;
transition: .4s
}
.module.news-feed .news-items .news-item .icon svg {
width: 28px;
height: auto
}
.module.news-feed .news-items .news-item .icon svg .st0 {
-o-transition: .4s;
-ms-transition: .4s;
-moz-transition: .4s;
-webkit-transition: .4s;
transition: .4s;
clip-path: url(#SVGID_2_);
fill: #f5551e
}
.module.news-feed .news-items .news-item .news-content {
position: absolute;
height: 100%;
top: 0;
left: 0;
right: 0;
padding: 40px;
z-index: 2
}
.module.news-feed .news-items .news-item .news-content .vertical-centered {
position: relative;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%)
}
.module.news-feed .news-items .news-item .news-content.image-in .icon svg .st0 {
fill: #fff!important
}
.module.news-feed .news-items .news-item .display-time {
-o-transition: .4s;
-ms-transition: .4s;
-moz-transition: .4s;
-webkit-transition: .4s;
transition: .4s;
display: block;
float: left;
width: 100%;
font-size: 16px;
font-family: proxima-nova;
color: #f5551e;
font-weight: 600
}
.module.news-feed .news-items .news-item.twitter .icon i {
-o-transition: .4s;
-ms-transition: .4s;
-moz-transition: .4s;
-webkit-transition: .4s;
transition: .4s;
color: #00aced
}
.module.news-feed .news-items .news-item.twitter .display-time {
color: #00aced
}
.module.news-feed .news-items .news-item.facebook .display-time, .module.news-feed .news-items .news-item.facebook .icon i {
color: #344b81
}
.module.news-feed .btn {
margin: 0 auto;
display: table;
float: none;
width: auto
}
.module.featured-content {
float: left;
width: 100%
}
.module.featured-content .image-slider {
float: left;
width: 100%;
position: relative;
padding: 0;
overflow: hidden
}
.module.featured-content .image-slider .slick-prev {
position: absolute;
top: 37%;
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
left: 25px;
width: 25px;
height: 25px;
-webkit-mask: url(https://www.nexternal.com/sierraclub/images/next.svg) no-repeat 100% 100%;
mask: url(https://www.nexternal.com/sierraclub/images/next.svg) no-repeat 100% 100%;
-webkit-mask-size: cover;
mask-size: cover;
background-color: #333;
-o-transition: .4s;
-ms-transition: .4s;
-moz-transition: .4s;
-webkit-transition: .4s;
transition: .4s;
text-indent: -9999px;
cursor: pointer;
-moz-transform: rotate(180deg);
-o-transform: rotate(180deg);
-ms-transform: rotate(180deg);
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
z-index: 25;
opacity: .5
}
@media (min-width:768px) {
.module.featured-content .image-slider .slick-prev {
left: 100px;
background-color: #c8c8c8;
top: 42%;
width: 70px;
height: 70px
}
}
.module.featured-content .image-slider .slick-prev:hover {
background: #333;
opacity: 1
}
.module.featured-content .image-slider .slick-next, .module.image-slider .slick-prev {
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
opacity: .5
}
.module.featured-content .image-slider .slick-next {
position: absolute;
top: 42%;
-o-transform: translateY(-50%);
transform: translateY(-50%);
right: 25px;
width: 25px;
z-index: 25;
height: 25px;
-webkit-mask: url(https://www.nexternal.com/sierraclub/images/next.svg) no-repeat 100% 100%;
mask: url(https://www.nexternal.com/sierraclub/images/next.svg) no-repeat 100% 100%;
-webkit-mask-size: cover;
mask-size: cover;
background-color: #333;
-o-transition: .4s;
-ms-transition: .4s;
-moz-transition: .4s;
-webkit-transition: .4s;
transition: .4s;
text-indent: -9999px;
cursor: pointer
}
@media (min-width:768px) {
.module.featured-content .image-slider .slick-next {
right: 100px;
background-color: #c8c8c8;
top: 47%;
width: 70px;
height: 70px
}
.module.featured-content .image-slider .featured-image {
height: auto
}
}
.module.featured-content .image-slider .slick-next:hover {
background: #333;
opacity: 1
}
.module.featured-content .image-slider .featured-image {
height: auto;
width: 100%;
float: left;
outline: 0;
background-repeat: no-repeat;
background-position: center 0;
background-size: cover!important;
margin-top: 0
}
@media (min-width:960px) {
.module.featured-content .image-slider .featured-image {
height: auto
}
}
.module.featured-content .featured-image {
text-align: center
}
.module.featured-content .featured-image img {
width: 100%;
max-width: 1145px;
height: auto
}
.module.featured-content .featured-image.video-share {
margin-top: 0
}
.module.featured-content .featured-image.video-share .video {
width: 100%;
max-width: 1145px;
height: auto;
float: none;
margin: 0 auto
}
.module.featured-content .col-md-9 {
margin: 15px auto 0;
display: table;
float: none;
text-align: left
}
.module.featured-content .col-md-9 p {
margin: 0;
font-size: 14px;
color: #666
}
.module.full-content blockquote, .module.full-content blockquote p {
color: #444;
font-style: italic;
line-height: 145%;
font-weight: 400;
font-family: proxima-nova
}
@media (min-width:768px) {
.module.featured-content .col-md-9 p {
font-size: 16px
}
}
.module.full-content blockquote {
text-align: left;
margin: 35px 0;
position: relative;
padding-left: 20px;
font-size: 22px
}
@media (min-width:768px) {
.module.full-content blockquote {
font-size: 25px
}
}
@media (min-width:992px) {
.module.full-content blockquote {
font-size: 28px;
padding-left: 0;
margin: 55px 0
}
}
.module.full-content blockquote:before {
content: '';
position: absolute;
width: 1px;
height: calc(100% - 6px);
background: #ccc;
border-radius: 5px;
margin: 0 auto;
top: 8px;
left: 0
}
.module.full-content blockquote p {
font-size: 22px;
margin-bottom: 25px
}
@media (min-width:768px) {
.module.full-content blockquote p {
font-size: 25px
}
}
.module.full-content blockquote p:last-child {
padding: 0;
margin: 0
}
.module.full-content blockquote h6 {
font-style: normal
}
.module.full-content .col-md-9 {
margin: 0 auto;
float: none
}
.module.full-content h3 {
margin-bottom: 1em
}
.module.full-content img {
width: 100%
}
@media (min-width:480px) {
.module.full-content img {
width: auto
}
}
.module.columns .row .indiv-column {
float: left;
width: 100%
}
@media (min-width:768px) {
.module.columns .row .indiv-column {
padding: 0 15px
}
.module.columns .row .indiv-column:first-child:nth-last-child(1), .module.columns .row .indiv-column:first-child:nth-last-child(1)~.indiv-column {
width: 100%
}
.module.columns .row .indiv-column:first-child:nth-last-child(2), .module.columns .row .indiv-column:first-child:nth-last-child(2)~.indiv-column {
width: 50%
}
.module.columns .row .indiv-column:first-child:nth-last-child(3), .module.columns .row .indiv-column:first-child:nth-last-child(3)~.indiv-column {
width: 33.3333333333%
}
.module.columns .row .indiv-column:first-child:nth-last-child(4), .module.columns .row .indiv-column:first-child:nth-last-child(4)~.indiv-column {
width: 25%
}
.module.columns .row .indiv-column:first-child:nth-last-child(5), .module.columns .row .indiv-column:first-child:nth-last-child(5)~.indiv-column {
width: 20%
}
.module.columns .row .indiv-column:first-child:nth-last-child(6), .module.columns .row .indiv-column:first-child:nth-last-child(6)~.indiv-column {
width: 16.6666666667%
}
.module.columns .row .indiv-column:first-child:nth-last-child(7), .module.columns .row .indiv-column:first-child:nth-last-child(7)~.indiv-column {
width: 14.2857142857%
}
.module.columns .row .indiv-column:first-child:nth-last-child(8), .module.columns .row .indiv-column:first-child:nth-last-child(8)~.indiv-column {
width: 12.5%
}
.module.video .videoWrapper {
width: calc(100% + 150px);
margin: 0 -75px
}
}
.module.block-quote .col-sm-9, .module.video .col-md-8 {
margin: 0 auto;
float: none;
display: table
}
.module.block-quote {
padding: 90px 0;
background: 50% 50% #444;
text-align: center;
background-size: cover!important
}
.module.image-slider .slick-next, .module.image-slider .slick-prev {
z-index: 25;
background-color: #fff;
-o-transition: .4s;
-ms-transition: .4s;
-moz-transition: .4s;
-webkit-transition: .4s;
text-indent: -9999px;
cursor: pointer
}
@media (min-width:768px) {
.module.block-quote {
padding: 160px 0
}
}
@media (min-width:992px) {
.module.full-content blockquote p {
font-size: 28px
}
.module.block-quote {
padding: 245px 0
}
}
.module.block-quote p {
color: #fff;
font-size: 22px;
line-height: 145%;
font-family: proxima-nova;
font-weight: 400;
font-style: italic;
margin-bottom: 25px
}
@media (min-width:768px) {
.module.block-quote p {
font-size: 25px
}
}
.module.block-quote p:last-of-type {
margin-bottom: 0
}
.module.block-quote h6 {
margin-top: 35px;
margin-bottom: 0;
color: #fff
}
.module.buttons {
margin: 20px 0
}
.module.buttons .all-buttons {
float: left;
width: 100%
}
@media (min-width:768px) {
.module.buttons {
margin: 40px 0
}
.module.buttons .all-buttons {
float: none;
margin: 0 auto;
display: table;
width: auto
}
.module.buttons .all-buttons .btn:first-child {
margin-left: 0;
margin-right: 0
}
}
.module.buttons .btn {
float: none;
width: 100%;
display: table;
margin: 0 auto 8px
}
@media (min-width:768px) {
.module.buttons .btn {
margin: 0 0 0 10px;
width: auto;
display: block;
float: left
}
}
.module.image-slider {
width: 100%;
position: relative;
padding: 0;
overflow: hidden;
margin-bottom: 25px
}
.module.image-slider .full-widht-slider-image {
height: 300px;
width: 100%;
float: left;
outline: 0;
background-repeat: no-repeat;
background-position: center 0;
background-size: cover!important
}
@media (min-width:768px) {
.module.image-slider {
margin-bottom: 50px;
padding: 0
}
.module.image-slider .full-widht-slider-image {
height: 450px
}
}
@media (min-width:960px) {
.module.full-content blockquote:before {
left: -40px
}
.module.image-slider .full-widht-slider-image {
height: 650px
}
}
.module.image-slider .slick-prev {
position: absolute;
top: 46%;
transform: translateY(-50%);
left: 25px;
width: 25px;
height: 25px;
-webkit-mask: url(https://www.nexternal.com/sierraclub/images/arrow.svg) no-repeat 100% 100%;
mask: url(https://www.nexternal.com/sierraclub/images/arrow.svg) no-repeat 100% 100%;
-webkit-mask-size: cover;
mask-size: cover;
transition: .4s;
-moz-transform: rotate(180deg);
-o-transform: rotate(180deg);
-ms-transform: rotate(180deg);
-webkit-transform: rotate(180deg);
transform: rotate(180deg)
}
@media (min-width:768px) {
.module.image-slider .slick-prev {
width: 45px;
height: 45px
}
}
.module.image-slider .slick-prev:hover {
background: #fff;
opacity: 1
}
.module.image-slider .slick-next {
position: absolute;
top: 50%;
-moz-transform: translateY(-50%);
-o-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
right: 25px;
width: 25px;
height: 25px;
-webkit-mask: url(https://www.nexternal.com/sierraclub/images/arrow.svg) no-repeat 100% 100%;
mask: url(https://www.nexternal.com/sierraclub/images/arrow.svg) no-repeat 100% 100%;
-webkit-mask-size: cover;
mask-size: cover;
transition: .4s;
opacity: .5
}
@media (min-width:768px) {
.module.image-slider .slick-next {
width: 45px;
height: 45px
}
}
.module.image-slider .slick-next:hover {
background: #fff;
opacity: 1
}
.product-page .breadcrumbs {
float: right;
padding-left: 0;
width: 100%
}
@media (min-width:992px) {
.module.block-quote p {
font-size: 28px
}
.product-page .breadcrumbs {
padding-left: 50px;
width: 50%
}
}
.top-seller-flag {
background: #37aa47;
top: 0;
height: 30px;
padding-top: 6px;
position: absolute;
text-align: center;
width: 130px;
z-index: 2
}
.top-seller-flag p {
color: #fff;
margin-bottom: 0;
text-transform: uppercase;
font-size: 13px;
font-weight: 700
}
.productColumns {
float: left;
padding: 20px 0 40px;
position: relative;
width: 100%
}
@media (min-width:768px) {
.productColumns {
padding: 60px 0 120px
}
}
.productColumns .productColumnsLeft {
margin-bottom: 20px;
padding: 0;
width: 100%;
text-align: center
}
.productColumns .productColumnsRight .product-name, .productColumns .productColumnsRight ul li {
margin-bottom: 0
}
@media (min-width:768px) {
.productColumns .productColumnsLeft {
margin-bottom: 0;
padding: 0 15px;
width: 50%
}
}
.productColumns .productColumnsLeft .imageWrapper {
display: inline-block;
position: relative;
overflow: hidden
}
.productColumns .productColumnsLeft .imageWrapper img {
-o-transition: .4s;
-ms-transition: .4s;
-moz-transition: .4s;
-webkit-transition: .4s;
transition: .4s
}
.productColumns .productColumnsLeft .imageWrapper:hover img {
-moz-transform: scale(1.05);
-o-transform: scale(1.05);
-ms-transform: scale(1.05);
-webkit-transform: scale(1.05);
transform: scale(1.05)
}
.productColumns .productColumnsLeft .product-angles-grid {
margin-top: 5px
}
.productColumns .productColumnsLeft .product-angles-grid .product-angle {
display: inline-block;
margin-right: 10px;
overflow: hidden;
position: relative;
width: calc(20% - 12px)
}
.productColumns .productColumnsLeft .product-angles-grid .product-angle:last-child {
margin-right: 0
}
.productColumns .productColumnsLeft .product-angles-grid .product-angle:before {
-o-transition: .4s;
-ms-transition: .4s;
-moz-transition: .4s;
-webkit-transition: .4s;
transition: .4s;
content: '';
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
background: #000;
z-index: 4;
opacity: 0
}
.productColumns .productColumnsLeft .product-angles-grid .product-angle img {
-o-transition: .4s;
-ms-transition: .4s;
-moz-transition: .4s;
-webkit-transition: .4s;
transition: .4s
}
.productColumns .productColumnsLeft .product-angles-grid .product-angle:hover:before {
opacity: .65
}
.productColumns .productColumnsLeft .product-angles-grid .product-angle:hover img {
-moz-transform: scale(1.05);
-o-transform: scale(1.05);
-ms-transform: scale(1.05);
-webkit-transform: scale(1.05);
transform: scale(1.05)
}
.animal:hover .animal-image, .home-shop .grid .single-item:hover .image {
-moz-transform: scale(1.05);
-o-transform: scale(1.05);
-ms-transform: scale(1.05);
-webkit-transform: scale(1.05)
}
.productColumns .productColumnsRight {
padding: 0;
width: 100%
}
.productColumns .productColumnsRight p, .productColumns .productColumnsRight ul li {
font-size: 15px
}
@media (min-width:768px) {
.productColumns .productColumnsRight {
padding-left: 50px;
width: 50%
}
.productColumns .productColumnsRight .product-name, .productColumns .productColumnsRight h2 {
font-size: 35px
}
}
@media (min-width:992px) {
.productColumns .productColumnsRight .product-name, .productColumns .productColumnsRight h2 {
font-size: 40px
}
}
.productColumns .productColumnsRight .price {
font-size: 36px;
color: #000
}
.productColumns .productColumnsRight .reviews {
overflow: hidden
}
.productColumns .productColumnsRight .star-rating {
float: left;
position: relative;
bottom: -4px;
margin-bottom: 10px;
margin-right: 0
}
.productColumns .productColumnsRight .star-rating i {
color: #f5551e
}
.productColumns .productColumnsRight .star-rating .rating {
display: none
}
.productColumns .productColumnsRight .star-rating.five-star .five-star, .productColumns .productColumnsRight .star-rating.four-and-half-star .four-and-half-star, .productColumns .productColumnsRight .star-rating.four-star .four-star, .productColumns .productColumnsRight .star-rating.one-and-half-star .one-and-half-star, .productColumns .productColumnsRight .star-rating.one-star .one-star, .productColumns .productColumnsRight .star-rating.three-and-half-star .three-and-half-star, .productColumns .productColumnsRight .star-rating.three-star .three-star, .productColumns .productColumnsRight .star-rating.two-and-half-star .two-and-half-star, .productColumns .productColumnsRight .star-rating.two-star .two-star {
display: block
}
.productColumns .productColumnsRight .review-options {
list-style: none;
margin-bottom: 40px;
float: left;
width: 100%;
position: relative
}
@media (min-width:768px) {
.productColumns .productColumnsRight .star-rating {
margin-right: 20px
}
.productColumns .productColumnsRight .review-options {
width: inherit
}
}
.productColumns .productColumnsRight .review-options ul {
margin: 0!important;
padding: 0!important
}
.productColumns .productColumnsRight .review-options li {
margin: 0!important;
display: inline;
float: none;
text-align: center;
font-family: proxima-nova;
font-size: 13px;
font-weight: 600;
color: #444;
position: relative;
padding: 2px 0
}
.productColumns .productColumnsRight .review-options li:first-child a {
margin-left: 0
}
.productColumns .productColumnsRight .review-options li:last-of-type:after {
display: none!important
}
.productColumns .productColumnsRight .review-options li:after {
content: '';
position: absolute;
right: 0;
top: 0;
height: 100%;
width: 1px;
background: #ccc
}
.productColumns .productColumnsRight .review-options a {
line-height: 1em;
margin: 0 10px;
padding: 0;
display: inline-block;
text-decoration: none;
position: relative;
color: #f5551e
}
.productColumns .productColumnsRight .review-options a:hover {
color: #000
}
.productColumns .productColumnsRight #product-form {
width: 290px
}
.productColumns .productColumnsRight #product-form label {
float: left;
margin-top: 14px;
width: 36%
}
.productColumns .productColumnsRight #product-form .select-box, .productColumns .productColumnsRight #product-form input {
float: left;
width: 64%
}
.you-may-be-interested {
border-top: 1px solid #ccc;
float: left;
padding: 40px 0 50px;
width: 100%
}
@media (min-width:768px) {
.you-may-be-interested {
padding: 80px 0 100px
}
}
.you-may-be-interested h2 {
text-align: center
}
.you-may-be-interested .product:hover button {
background-color: #000
}
.you-may-be-interested button[type=submit] {
padding: 16px 30px
}
@media (min-width:768px) {
.you-may-be-interested button[type=submit] {
padding: 14px 10px
}
}
@media (min-width:992px) {
.you-may-be-interested button[type=submit] {
padding: 16px 30px
}
}
.home-shop {
float: left;
width: 100%;
background: #fff;
margin-top: 0;
z-index: 25
}
.home-shop .container {
padding: 0 15px
}
@media (min-width:768px) {
.home-shop .container {
padding: 0 40px
}
.home-shop {
margin-top: -125px
}
}
@media (min-width:1250px) {
.home-shop .container {
padding: 0 20px
}
}
.home-shop .grid {
float: left;
width: 100%;
text-align: center;
margin-bottom: 10px;
box-shadow: 0 0 14px .75px rgba(0,0,0,.2)
}
.home-shop .grid .single-item {
width: 100%;
max-width: 100%;
height: 310px;
position: relative;
overflow: hidden
}
@media (min-width:768px) {
.home-shop .grid .single-item {
display: block;
float: left;
height: 395px;
margin-bottom: 0;
margin-right: 0;
max-width: 33.33333%;
width: calc(100%/3)
}
}
.home-shop .grid .single-item .full-link {
z-index: 10;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%
}
.home-shop .grid .single-item .image {
position: absolute;
top: 0;
right: 0;
z-index: 1;
width: 100%;
height: 100%;
background-position: 50% 50%;
background-size: cover!important;
-o-transition: .4s;
-ms-transition: .4s;
-moz-transition: .4s;
-webkit-transition: .4s;
transition: .4s
}
.home-shop .grid .single-item .image:before, .home-shop .grid .single-item:before {
position: absolute;
height: 100%;
-o-transition: .4s;
-ms-transition: .4s;
-moz-transition: .4s;
-webkit-transition: .4s;
content: ''
}
.home-shop .grid .single-item .image:before {
top: 0;
right: 0;
width: 100%;
background: #000;
z-index: 2;
opacity: .2;
transition: .4s
}
.home-shop .grid .single-item .wrapper {
color: #fff;
position: absolute;
z-index: 5;
padding: 40px 40px 30px 25px;
top: 0;
left: 0;
max-width: 100%;
width: 100%;
text-align: left
}
.home-shop .grid .single-item .wrapper h6 {
margin-bottom: 15px;
color: #fff
}
@media (min-width:768px) {
.home-shop .grid .single-item .wrapper {
padding: 40px
}
.home-shop .grid .single-item .wrapper h6 {
font-size: 13px
}
}
@media (min-width:992px) {
.home-shop .grid .single-item .wrapper h6 {
font-size: 15px
}
}
.home-shop .grid .single-item .wrapper h3 {
color: #fff;
font-size: 36px
}
@media (min-width:768px) {
.home-shop .grid .single-item .wrapper h3 {
font-size: 24px
}
}
.home-shop .grid .single-item .button {
padding: 40px 40px 30px 25px;
position: absolute;
bottom: 0;
left: 0;
width: 100%;
z-index: 5
}
@media (min-width:768px) {
.home-shop .grid .single-item .button {
padding: 40px
}
}
.home-shop .grid .single-item .button a {
display: table;
max-width: auto;
width: auto;
background: 0 0;
border: 2px solid #fff
}
.home-shop .grid .single-item:before {
bottom: 0;
left: 0;
width: 100%;
background: #f5551e;
z-index: 4;
opacity: .65;
transition: .4s
}
.home-shop .grid .single-item.green:before {
background: #37aa47
}
.home-shop .grid .single-item.blue:before {
background: #00b9d7
}
.home-shop .grid .single-item:hover:before {
background: #000
}
.home-shop .grid .single-item:hover .image {
transform: scale(1.05)
}
.home-featured-product {
background: #fff;
float: left;
padding: 90px 0 50px;
width: 100%;
position: relative
}
@media (min-width:768px) {
.home-featured-product {
padding: 80px 0
}
}
.home-featured-product .featured-product-image {
position: relative;
padding: 0;
text-align: center
}
.home-featured-product .featured-product-image img {
max-width: 100%
}
.home-featured-product .featured-product-image a {
display: inline-block
}
.home-featured-product .featured-product-content {
padding: 30px 0 0;
position: static
}
@media (min-width:768px) {
.home-featured-product .featured-product-content {
position: relative
}
}
@media (min-width:992px) {
.home-shop .grid .single-item .wrapper h3 {
font-size: 36px
}
.home-featured-product .featured-product-image {
text-align: left
}
.home-featured-product .featured-product-content {
padding: 20px 20px 20px 40px
}
.adopt-an-animal-cta {
height: 525px
}
}
@media (min-width:1250px) {
.home-featured-product .featured-product-content {
padding: 45px 75px 45px 70px
}
}
.home-featured-product .featured-product-content h6 {
color: #777;
margin-bottom: 30px;
font-size: 15px;
font-weight: 600;
position: absolute;
top: 50px
}
.home-featured-product .featured-product-content h3 {
margin-bottom: 0;
font-size: 36px;
font-weight: 800
}
.home-featured-product .featured-product-content h3 a {
color: #000
}
.home-featured-product .featured-product-content h3 a:hover {
color: #f5551e
}
.home-featured-product .featured-product-content p {
font-size: 15px
}
.home-featured-product .featured-product-content .price {
color: #000;
font-size: 36px
}
.home-featured-product .featured-product-content .btn i {
margin-left: 17px
}
.adopt-an-animal-cta {
float: left;
width: 100%
}
.adopt-an-animal-cta .adopt-content {
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
float: left;
height: 100%;
padding: 40px 40px 110px;
width: 100%
}
@media (min-width:992px) {
.adopt-an-animal-cta .adopt-content {
width: 50%;
padding: 140px 30px 30px 20px
}
}
@media (min-width:1250px) {
.adopt-an-animal-cta .adopt-content {
width: 58%;
padding: 150px 130px 30px 10%
}
}
@media (min-width:1440px) {
.adopt-an-animal-cta .adopt-content {
padding: 150px 130px 30px 16%
}
}
.adopt-an-animal-cta .adopt-content h2, .adopt-an-animal-cta .adopt-content p {
color: #fff
}
.adopt-an-animal-cta .adopt-content h2 {
font-size: 48px
}
@media (min-width:1250px) {
.adopt-an-animal-cta .adopt-content h2 {
font-size: 32px
}
}
.adopt-an-animal-cta .adopt-content p {
font-size: 20px
}
.adopt-an-animal-cta .adopt-content .btn {
display: table;
max-width: auto;
width: auto;
background: 0 0;
border: 2px solid #fff
}
.adopt-an-animal-cta .adopt-content .btn:hover {
background: #fff;
color: #37aa47
}
.adopt-an-animal-cta .adopt-animal-grid {
float: left;
width: 100%;
height: 565px
}
@media (min-width:768px) {
.home-featured-product .featured-product-content h6 {
position: static
}
.adopt-an-animal-cta .adopt-animal-grid {
height: 525px
}
}
@media (min-width:992px) {
.adopt-an-animal-cta .adopt-animal-grid {
width: 50%
}
.adopt-an-animal-cta .adopt-animal-grid .animal:nth-child(odd) {
margin-top: -35px
}
}
@media (min-width:1250px) {
.adopt-an-animal-cta .adopt-animal-grid {
width: 42%
}
}
.adopt-an-animal-cta .adopt-animal-grid .animal {
width: 50%
}
.adopt-an-animal-cta .adopt-animal-grid .animal:nth-child(odd) {
margin-top: -35px
}
@media (min-width:1250px) {
.adopt-an-animal-cta .adopt-animal-grid .animal {
height: 300px
}
.adopt-an-animal-cta .adopt-animal-grid .animal:nth-child(odd) {
margin-top: -75px
}
}
.adopt-an-animal-cta .adopt-animal-grid .animal:before {
content: '';
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 2;
-o-transition: .4s;
-ms-transition: .4s;
-moz-transition: .4s;
-webkit-transition: .4s;
transition: .4s
}
.adopt-an-animal-cta .adopt-animal-grid .animal:hover:before {
background: #00b9d7;
opacity: .7
}
.introduction-block {
float: left;
width: 100%;
background: #fff;
margin-top: 0;
min-height: 450px;
z-index: 25
}
.introduction-block .container {
padding: 0 15px
}
@media (min-width:768px) {
.introduction-block {
margin-top: -125px
}
.introduction-block .container {
padding: 0 40px
}
}
@media (min-width:1250px) {
.introduction-block .container {
padding: 0 20px
}
}
.introduction-block .container .row {
box-shadow: 0 0 14px .75px rgba(0,0,0,.2);
margin-bottom: 10px
}
.introduction-block .introduction-image {
background-size: cover!important;
min-height: 466px
}
.introduction-block .introduction-content {
background: #fff;
min-height: initial;
padding: 30px
}
@media (min-width:768px) {
.introduction-block .introduction-content {
min-height: 450px;
padding: 20px
}
}
@media (min-width:992px) {
.introduction-block .introduction-content {
padding: 35px
}
}
@media (min-width:1250px) {
.introduction-block .introduction-content {
padding: 50px 60px
}
}
.introduction-block .introduction-content h6 {
color: #777;
margin-bottom: 27px
}
.about h3 {
margin-bottom: 1em
}
.adopt-animal-block {
float: left;
width: 100%;
background: #fff;
margin-top: 0;
margin-bottom: 0;
z-index: 25
}
.adopt-animal-block .container {
padding: 0 15px
}
@media (min-width:768px) {
.adopt-animal-block {
margin-bottom: 120px;
margin-top: -125px
}
.adopt-animal-block .container {
padding: 0 40px
}
}
.adopt-animal-block .container .row {
-webkit-box-shadow: 0 0 14px .75px rgba(0,0,0,.2);
-moz-box-shadow: 0 0 14px .75px rgba(0,0,0,.2);
box-shadow: 0 0 14px .75px rgba(0,0,0,.2);
margin-bottom: 10px
}
.adopt-animal-block .adopt-animal-grid {
float: left;
width: 100%
}
.animal {
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
box-shadow: 0 0 14.25px .75px rgba(0,0,0,.2);
float: left;
height: 300px;
overflow: hidden;
position: relative;
width: 100%
}
@media (min-width:768px) {
.animal {
height: 250px;
width: calc(100%/3)
}
}
@media (min-width:992px) {
.animal {
height: 300px
}
}
.animal .animal-image, .animal .hover-content {
height: 100%;
-o-transition: .4s;
-ms-transition: .4s;
-moz-transition: .4s;
-webkit-transition: .4s
}
.animal .animal-image {
position: absolute;
top: 0;
right: 0;
z-index: 1;
width: 100%;
background-position: 50% 50%;
background-size: cover!important;
transition: .4s
}
.animal .hover-content {
padding: 40px;
position: relative;
z-index: 2;
width: 280px;
bottom: -300px;
transition: .4s
}
.animal .animal-name, .animal:before {
position: absolute;
z-index: 2;
-o-transition: .4s;
-ms-transition: .4s;
-moz-transition: .4s;
-webkit-transition: .4s;
bottom: 0
}
.animal .hover-content h3 {
color: #fff
}
.animal .animal-name {
background: #00b9d7;
height: 30px;
padding-top: 6px;
text-align: center;
width: 160px;
transition: .4s
}
.animal .animal-name p {
color: #fff;
margin-bottom: 0;
text-transform: uppercase;
font-size: 13px;
font-weight: 700;
letter-spacing: .075em
}
.animal:before {
content: '';
left: 0;
width: 100%;
height: 100%;
transition: .4s
}
.product-grid .product .imageWrapper, .product-grid .product .imageWrapper img {
-o-transition: .4s;
-ms-transition: .4s;
-moz-transition: .4s;
-webkit-transition: .4s
}
.animal:hover .animal-image {
transform: scale(1.05)
}
.animal:hover .hover-content {
bottom: 0
}
.animal:hover .animal-name {
background: #00b9d7
}
.animal:hover:before {
background: #00b9d7;
opacity: .7
}
.product-list {
float: left;
padding: 60px 0;
width: 100%
}
.product-list .products-wrapper {
border-bottom: 1px solid #ccc;
border-top: 1px solid #ccc;
float: left;
padding: 40px 0;
margin-bottom: 50px;
width: 100%
}
.product-list .sortSelect {
float: none;
margin: 0 auto 20px;
width: 185px
}
@media (min-width:768px) {
.product-list .sortSelect {
float: left;
margin: 0
}
}
.product-list .sortSelect #sort {
width: 185px
}
.product-grid {
float: left;
margin-top: 40px;
width: 100%
}
.product-grid .product {
margin: 0 auto 30px;
position: relative;
float: none;
width: 270px
}
.product-grid .product:nth-child(4n) {
margin-right: auto
}
@media (min-width:768px) {
.product-grid .product {
float: left;
margin: 0 30px 30px 0;
width: calc(25% - 23px)
}
.product-grid .product:nth-child(4n) {
margin-right: 0
}
}
.product-grid .product .imageWrapper {
margin-bottom: 25px;
max-height: 270px;
overflow: hidden;
width: 100%;
transition: .4s
}
.product-grid .product .imageWrapper img {
transition: .4s
}
.product-grid .product h3, article .overlay-share {
-o-transition: .4s;
-ms-transition: .4s;
-moz-transition: .4s;
-webkit-transition: .4s
}
.product-grid .product h3 {
font-size: 20px;
margin-bottom: 5px;
transition: .4s
}
@media (min-width:768px) {
.product-grid .product h3 {
font-size: 17px
}
}
.product-grid .product p {
color: #000
}
.product-grid .product:hover .imageWrapper {
-webkit-box-shadow: 0 0 14px .75px rgba(0,0,0,.2);
-moz-box-shadow: 0 0 14px .75px rgba(0,0,0,.2);
box-shadow: 0 0 14px .75px rgba(0,0,0,.2)
}
.product-grid .product:hover .imageWrapper img {
-moz-transform: scale(1.05);
-o-transform: scale(1.05);
-ms-transform: scale(1.05);
-webkit-transform: scale(1.05);
transform: scale(1.05)
}
.product-grid .product:hover h3 {
color: #f5551e
}
.faqs {
float: left;
padding: 60px 0 120px;
width: 100%
}
.faqs .col-md-10 {
display: table;
float: none;
margin: 0 auto
}
.loginColumns {
padding-bottom: 60px
}
.loginColumns .columnLeft {
padding: 0 0 30px;
width: 100%
}
@media (min-width:768px) {
.loginColumns .columnLeft {
padding: 40px 15px;
width: 50%
}
}
@media (min-width:992px) {
.product-grid .product h3 {
font-size: 20px
}
.loginColumns .columnLeft {
padding: 40px 150px 40px 15px
}
}
.loginColumns .columnLeft a {
font-weight: 700;
text-decoration: underline
}
.loginColumns .columnRight {
border-left: 0;
padding: 0 0 30px;
width: 100%
}
@media (min-width:768px) {
.loginColumns .columnRight {
border-left: 1px solid #ccc;
padding: 40px 15px;
width: 50%
}
}
@media (min-width:992px) {
.loginColumns .columnRight {
padding: 40px 15px 40px 60px
}
}
.search-results .clearSearch {
float: none;
text-decoration: underline;
font-size: 13px;
font-weight: 600;
margin-bottom: 20px;
display: block
}
.search-results .clearSearch svg {
display: inline-block;
margin-left: 20px;
width: 13px
}
.search-results .clearSearch:hover {
color: #000
}
.search-results .products-found {
color: #777;
text-transform: uppercase;
letter-spacing: .014em
}
.advanced-search .columns {
padding-bottom: 60px
}
.advanced-search .columns .columnLeft {
width: 100%;
margin-bottom: 30px
}
@media (min-width:768px) {
.search-results .clearSearch {
float: right
}
.advanced-search .columns .columnLeft {
width: 33.33333333%
}
}
.advanced-search .columns .columnLeft h3 {
font-size: 20px;
line-height: 140%
}
.advanced-search .columns .columnRight {
width: 100%
}
@media (min-width:768px) {
.advanced-search .columns .columnRight {
width: 66.66666667%
}
}
@media (min-width:992px) {
.advanced-search .columns .columnRight {
width: 50%
}
}
.shipping-and-returns .col-xs-12 {
padding: 0
}
.articles {
float: left;
width: 100%
}
.single-post .featured-image, .single-post .featured-video {
max-width: 100%;
margin: 50px auto 0;
position: relative
}
.single-post .featured-image img, .single-post .featured-video img {
width: 100%;
height: auto
}
.single-post .featured-image .caption, .single-post .featured-video .caption {
margin-top: 15px
}
.single-post .featured-image .caption p, .single-post .featured-video .caption p {
text-align: center;
font-size: 13px
}
.single-post .featured-image iframe, .single-post .featured-video iframe {
width: 100%;
height: 280px
}
@media (min-width:768px) {
.shipping-and-returns .col-xs-12 {
padding: 0 15px
}
.single-post .featured-image iframe, .single-post .featured-video iframe {
height: 450px
}
}
@media (min-width:960px) {
.single-post .featured-image iframe, .single-post .featured-video iframe {
height: 580px
}
}
.post-feed .content {
background: #eee;
padding: 30px 20px
}
@media (min-width:768px) {
.post-feed .content {
padding: 50px 40px
}
}
.post-feed .content .container {
padding: 0
}
.post-feed .featured-content {
position: relative
}
.post-feed .featured-content a.full-link {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%
}
.post-feed .featured-content .featured-image {
width: 100%;
background-size: cover!important;
background-position: 50% 50%;
height: 240px
}
@media (min-width:768px) {
.post-feed .featured-content .featured-image {
height: 380px
}
}
@media (min-width:992px) {
.post-feed .featured-content .featured-image {
height: 520px
}
}
.post-feed .featured-content .featured-video {
margin-bottom: 0
}
.post-feed .featured-content .featured-video iframe {
width: 100%;
height: 240px
}
@media (min-width:768px) {
.post-feed .featured-content .featured-video iframe {
height: 380px
}
}
@media (min-width:992px) {
.post-feed .featured-content .featured-video iframe {
height: 520px
}
}
article {
float: left;
width: 100%;
position: relative;
background: #fff;
-webkit-box-shadow: 4px 4px 4px rgba(0,0,0,.08);
-moz-box-shadow: 4px 4px 4px rgba(0,0,0,.08);
box-shadow: 4px 4px 4px rgba(0,0,0,.08);
margin-bottom: 25px
}
@media (min-width:768px) {
article {
margin-bottom: 45px
}
article:hover .overlay-share {
opacity: 1
}
article:hover .main-content h3 a {
color: #f5551e
}
article:hover .main-content .read-more a {
color: #37aa47
}
}
article .overlay-share {
position: absolute;
right: 0;
bottom: 0;
transition: .4s;
opacity: 0;
z-index: 100
}
.learn-more .inner-nav .next-post, .learn-more .inner-nav .next-post .wrapper {
-o-transition: .4s;
-ms-transition: .4s;
-moz-transition: .4s;
-webkit-transition: .4s
}
article .overlay-share .social {
margin: 0;
float: right;
display: none;
height: 60px;
background: #eee;
padding: 15px 20px
}
@media (min-width:992px) {
article .overlay-share .social {
display: block
}
}
article .overlay-share .social span {
margin: 4px 10px 0;
font-family: proxima-nova;
color: #666;
text-transform: none;
font-weight: 600;
font-size: 14px
}
article .overlay-share .social ul li a {
padding: 0 8px;
color: #666
}
article .overlay-share .social ul li a:hover {
color: #37aa47
}
article:last-child {
margin: 0;
border-bottom: 0
}
article img {
max-width: 100%;
height: auto;
margin: 0
}
article .main-content {
width: 100%;
float: left;
padding: 25px 20px;
position: relative
}
@media (min-width:768px) {
article .main-content {
padding: 70px 40px
}
}
article .main-content .full-link {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: 99
}
article .excerpt, article h3 {
display: table;
width: 100%;
margin: 0 auto 20px;
max-width: 785px;
text-align: center
}
article .meta, article .read-more {
margin: 0 auto 10px;
max-width: 785px;
width: 100%;
display: table;
text-align: center
}
article h3 a {
color: #444
}
article .read-more a {
color: #f5551e;
font-size: 16px;
font-family: proxima-nova;
font-weight: 600;
position: relative;
padding-right: 15px
}
article .read-more a:after {
right: 0;
content: "\f105";
position: absolute;
font-size: 18px;
font-family: FontAwesome;
font-style: normal;
font-weight: 400;
text-decoration: inherit;
bottom: -4px
}
.learn-more .go-back a:after, .learn-more .inner-nav .next-post .wrapper p.tiny span:after {
left: 0;
content: "\f104";
font-style: normal;
text-decoration: inherit
}
.learn-more .go-back a, article .meta span {
font-family: proxima-nova;
font-weight: 600
}
article .meta span {
margin: 0 20px;
font-size: 16px;
color: #999
}
article .meta span a {
color: #999
}
article .meta span a:hover {
color: #37aa47
}
@media (min-width:768px) {
article .meta span {
font-size: 19px
}
article .btn {
float: left
}
}
.learn-more {
position: relative;
float: left;
width: 100%
}
.learn-more .go-back {
margin: 20px auto 0;
max-width: 750px;
padding: 0 20px;
text-align: center
}
.learn-more .go-back a {
position: relative;
font-size: 16px;
color: #666;
padding-left: 15px
}
.learn-more .go-back a:after {
position: absolute;
font-size: 19px;
font-family: FontAwesome;
font-weight: 400;
bottom: -4px
}
.learn-more .go-back a:hover {
color: #37aa47
}
.learn-more .inner-nav {
float: left;
width: 100%;
position: relative;
margin-top: 35px
}
.learn-more .inner-nav .next-post {
float: left;
width: 100%;
background: #444;
height: auto;
position: relative;
transition: .4s
}
@media (min-width:768px) {
.learn-more .inner-nav .next-post {
width: 50%;
height: 530px
}
}
@media (min-width:992px) {
.learn-more .inner-nav .next-post {
height: 630px
}
}
@media (min-width:1250px) {
.learn-more .inner-nav .next-post {
height: 730px
}
}
.learn-more .inner-nav .next-post:hover {
background: #37aa47!important
}
.learn-more .inner-nav .next-post a.full-link {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
z-index: 99
}
.learn-more .inner-nav .next-post .wrapper {
max-width: 550px;
padding: 55px 30px;
left: 0;
right: 0;
margin: 0 auto;
z-index: 98;
transition: .4s
}
@media (min-width:768px) {
.learn-more .inner-nav .next-post .wrapper {
position: relative;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
padding: 25px
}
}
.learn-more .inner-nav .next-post .wrapper h3, .learn-more .inner-nav .next-post .wrapper p {
color: #fff;
text-align: center
}
.learn-more .inner-nav .next-post .wrapper h3 {
margin: 20px 0
}
.learn-more .inner-nav .next-post .wrapper p.tiny {
font-family: proxima-nova;
font-size: 16px;
font-weight: 600;
margin: 0;
position: relative
}
.learn-more .inner-nav .next-post .wrapper p.tiny span {
position: relative;
padding-left: 15px
}
.learn-more .inner-nav .next-post .wrapper p.tiny span:after {
position: absolute;
font-size: 18px;
font-family: FontAwesome;
font-weight: 400
}
.learn-more .inner-nav .next-post .wrapper p.date {
font-size: 18px;
margin: 0
}
.learn-more .inner-nav .next-post.float-right {
background: #f5551e
}
.learn-more .inner-nav .next-post.float-right .wrapper .tiny span {
padding-left: 0;
padding-right: 15px
}
.learn-more .inner-nav .next-post.float-right .wrapper .tiny span:after {
left: auto;
right: 0;
content: "\f105"
}
.list-page .top-introduction {
padding-bottom: 0;
margin-bottom: 0
}
.list-page .list-grid.search {
padding: 65px 0 15px
}
.list-page .list-grid .col-md-9 {
float: none;
display: table;
margin: 0 auto
}
.list-page .list-grid .main-headline {
margin-top: 40px;
margin-bottom: 30px
}
@media (min-width:768px) {
.list-page .list-grid.search {
padding: 85px 0 50px
}
.list-page .list-grid .main-headline {
margin-bottom: 45px;
margin-top: 50px
}
}
.list-page .list-grid .main-headline h3 {
text-align: center;
margin: 0
}
.list-page .list-grid .single-row {
margin-bottom: 35px;
padding-bottom: 35px;
border-bottom: 1px solid #ccc
}
@media (min-width:768px) {
.list-page .list-grid .single-row {
margin-bottom: 35px;
padding-bottom: 35px
}
}
.list-page .list-grid .single-row .description p:last-of-type {
margin-bottom: 0
}
.list-page .list-grid .single-row .links {
margin-top: 15px;
overflow: hidden
}
@media (min-width:768px) {
.list-page .list-grid .single-row .links {
margin-top: 25px
}
}
.list-page .list-grid .single-row .links a {
font-family: proxima-nova;
font-weight: 600;
font-size: 16px;
margin-right: 35px;
position: relative;
padding-right: 15px
}
.list-page .list-grid .single-row .links a.learn:after {
right: 0;
content: "\f105";
position: absolute;
font-size: 18px;
font-family: FontAwesome;
font-style: normal;
font-weight: 400;
text-decoration: inherit;
bottom: -4px
}
.list-page .list-grid .single-row .links a.download {
padding-right: 20px
}
.list-page .list-grid .single-row .links a.download span {
right: 0;
top: -1px;
position: absolute
}
.list-page .list-grid .single-row .links a.download span svg {
width: 11px;
height: auto
}
.list-page .list-grid .single-row .links a.download span svg .st0 {
-o-transition: .4s;
-ms-transition: .4s;
-moz-transition: .4s;
-webkit-transition: .4s;
transition: .4s;
fill: none;
stroke: #f5551e;
stroke-linecap: round;
stroke-miterlimit: 10
}
.list-page .list-grid .single-row .links a.download:hover span svg .st0 {
stroke: #37aa47
}
/*store only*/
td.main {
padding: 0;
}
/*
td.cart {
display: none;
}
*/
.adoptHeader,
.nextCategory32 .storeHeader,
.nextStoreFront .storeHeader,
.nextArticles .storeHeader,
.dynamicHeader,
.adopt-an-animal-cta,
.loginHeader,
.nextLogin .storeHeader,
.searchHeader,
.nextSearchPage .storeHeader{
display: none;
}
.nextCategory32 .adoptHeader,
.nextLogin .loginHeader,
.nextSearchPage .searchHeader{
display: block;
}
.nextStoreFront .adopt-an-animal-cta,
.nextArticles .adopt-an-animal-cta {
display: block;
}
.nextArticle11 .adopt-an-animal-cta,
.nextArticle12 .adopt-an-animal-cta {
display: none;
}
.topper.frequently-asked-questions,
.topper.shipping-and-returns,
.topper.shipping-and-returns{
background: url(//cdn.nexternal.com/sierraclub/images/faq-topper-bkg.jpg) no-repeat center center;
}
.topper.about{
background: url(//cdn.nexternal.com/sierraclub/images/about-us-bkg.jpg) no-repeat center center;
}
.resistIntroBg {
background: url(//cdn.nexternal.com/sierraclub/images/resist-intro-img.jpg) no-repeat center center;
}
.nextArticles #aspnetForm {
padding: 0 10px;
}
/*trifecta*/
/* ..zoomCart */
.nextCartWrapper {
-webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
-o-transition: all .3s ease;
-ms-transition: all .3s ease;
transition: all .3s ease;
z-index:1000;
}
.cartZoom .nextCartWrapper,
.CCartActive.cartZoom .nextCartWrapper {
position: absolute;
top: 60px;
left: 50%;
width: 500px;
margin-left: -250px;
display:block !important;
z-index: 999999;
}
.cartZoom.nextStoreFront td.cart {
display:table-cell;
}
.cartZoom #nextCartMask {
position:fixed;
width:100%;
height:100%;
background:#000;
z-index:2;
top:0;
left:0;
}
.CCartActive #closeCart {
display:none;
}
.CCartActive.nextCartShowing.cartZoom #nextCartMask {
display:block !important;
}
.cartZoom .nextCartFooter {
display:none;
}
#nextCartHeading span {
display:none;
}
.cartZoom #nextCartHeading span,
.nextCartShowing.ccModeOn #nextCartHeading span{
display: block;
}
.cartZoom #nextCartHeading,
.nextCartShowing.ccModeOn #nextCartHeading {
background: none;
}
#nextCartHeading span {
color: #FFF;
float: right;
font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
font-size: 28px;
line-height: 17px;
opacity: .8;
text-shadow: 0 1px 0 #fff;
vertical-align: middle;
cursor:pointer;
}
#nextCartHeading span:hover {
opacity:1;
}
.CCartActive #responsiveUtilityWrapper {
top:-999px;
}
.oms.CCartActive #responsiveUtilityWrapper {
top:0;
}
.cartZoom #cartUtilityWrap {
display:none;
}
.CCartActive #closeCart {
display: none !important;
}
/*end zoomCart*/
.accountWrap {
position: relative;
}
.accountLink.open:after {
background:none !important;
}
.accountMenuStore {
display:none;
border: 0;
font-size: 16px;
background: #00B9D7;
color: #FFF;
z-index: 999999;
}
@media only screen and (min-width: 1141px) {
.accountMenuStore {
position: absolute;
top:27px;
left:-50px;
padding:5px;
min-width:250px;
}
}
.accountMenuStore li {
list-style: none;
text-align: left;
padding: 5px;
margin: 0;
line-height: 1;
display: block !important;
}
.accountMenuStore li span {
display: inline;
}
.accountMenuStore a {
display: block;
padding: 0;
margin: 0;
font-size: 16px !important;
}
.accountMenuStore a:hover {
opacity:.5;
color:#FFF;
}
body.CCartActive {
padding-top:0;
}
.oms .nextCartTop {
display: none;
}
span.items {
margin-right: 0 !important;
}
.emptyCart .checkoutLink {
display: none !important;
}
.cartBtn {
white-space: nowrap;
}
/*mobile*/
.mobileNoCart .cartBtn {
display: none;
}
/*end trifecta*/
.aboveMenu .container-navigation {
visibility: hidden;
}
.menu-nav h3 {
color: #fff;
opacity: .5;
}
.cartCount {
margin-right:4px !important;
}
.emptyCart .cartBtn {
margin-right: 50px !important;
}
@media only screen and (max-width: 767px) {
.emptyCart .cartBtn {
margin-right: 0 !important;
}
}
.right-message {
white-space: nowrap;
}
.breadcrumbs ul {
line-height: 33.5px;
}
@media (max-width:991px) {
#searchForm {
display: none;
}
}
/*added 3/8/2018 by Nexternal at sierraclub's request*/
.other-ways .grid .single-item .item-content{
bottom:-165px; /* Update from -125px*/
}
@media (min-width:375px){
.other-ways .grid .single-item .item-content{
bottom:-140px
}
}
@media (min-width:425px){
.other-ways .grid .single-item .item-content{
bottom:-125px
}
}
@media (min-width:480px){
.other-ways .grid .single-item .item-content{
bottom:-100px
}
}
@media (min-width:768px){
.other-ways .grid .single-item .item-content{
bottom:-80px
}
}
@media (min-width:960px){
.other-ways .grid .single-item .item-content{
bottom:-160px
}
}
@media (min-width:992px){
.other-ways .grid .single-item .item-content{
bottom:-140px
}
}
@media (min-width:1024px){
.other-ways .grid .single-item .item-content{
bottom:-140px
}
}
@media (min-width:1250px){
.other-ways .grid .single-item .item-content{
bottom:-125px
}
}
/*added 3/13/2018 by Nexternal at sierraclub's request*/
.other-ways .grid .single-item .item-content{
padding: 25px 26px 40px;
}
@media (min-width:375px){
.other-ways .grid .single-item .item-content{
padding: 25px 55px 40px 25px;
}
}
@media (min-width:425px){
.other-ways .grid .single-item .item-content{
padding: 25px 32px 40px 25px;
}
}
@media (min-width:1250px){
.other-ways .grid .single-item .item-content{
padding: 25px 40px 50px 25px;
}
}
.home-featured-product .featured-product-image img{
max-width: 100%;
width: 100%;
}
/*added 5/29/2018 by Nexternal at sierraclub's request*/
@media (min-width: 425px){
.other-ways .grid .single-item .item-content {
bottom: -110px;
}
}
@media (min-width: 375px){
.other-ways .grid .single-item .item-content {
bottom: -125px;
}
}
/*----------------------------------------------------------------
..BOTTOM HTML
------------------------------------------------------------------*/
/*----------------------------------------------------------------
..LEFT HTML
------------------------------------------------------------------*/
/*----------------------------------------------------------------
..RIGHT HTML
------------------------------------------------------------------*/
/*----------------------------------------------------------------
..RESPONSIVE BORDERING HTML
------------------------------------------------------------------*/
/*----------------------------------------------------------------
..SHOPPING CART
------------------------------------------------------------------*/
td.cart {
background:none;
width:24%;
*width:250px;
min-width:260px;
}
.nextCartWrapper {
}
.nextCartData {
box-shadow:0 5px 10px rgba(0, 0, 0, .3);
padding:0 6px 6px;
background:#777;
border-radius:5px;
}
#upCartData {
background:#FFF;
border-radius:4px;
padding:0 0 6px;
}
.nextShoppingCartBanner {
display:none;
}
#nextCartHeading {
color: #FFF;
font-size:16px;
font-weight: normal;
padding:9px 0 7px;
margin: 0 10px;
text-align: left;
letter-spacing:.5px;
background:url(//cdn.nexternal.com/common/images/banner_cart.png) 100% 50% no-repeat;
font-family: Georgia, "Times New Roman", Times, serif;
}
.nextCartContents {
margin:0;
padding:0;
border-radius:14px;
padding-bottom:20px;
}
.nextPoweredBy {
margin:10px 10px 0;
padding:0;
color:inherit;
text-align:center;
}
.nextPoweredBy a, .nextPoweredBy a:hover {
color:inherit;
}
.nextCartProducts td.nextCartShipTo {
background:#999;
color:#FFF;
border-radius:5px 5px 0 0;
padding:8px 11px;
border:0;
}
.nextCartShipTo b {
text-transform:uppercase;
font-weight:normal;
}
.nextShoppingCart {
margin:8px 6px 20px;
padding:0;
border:1px solid #999;
border-radius:5px;
overflow:hidden;
background:#FFF;
}
.nextShipMethodTable {
float:right;
}
/* ..invoice subtotal table*/
.nextCartSubtotal,
.nextInvoice .nextCartSubtotal td:nth-child(2),
.nextInvoice .nextCartSubtotal td:nth-child(3){
background:#EEE;
background:rgba(0,0,0,.03);
}
.nextInvoice .nextCartSubtotal {
background:none;
}
.nextCartCategoryDiscount{
background:none;
background:rgba(0,0,0,.05);
}
.nextOrderDiscount {
background:none;
background:rgba(0,0,0,.06);
}
.nextCustomerDiscount {
background:none;
background:rgba(0,0,0,.07);
}
.nextCouponDiscount {
background:#E7E7E7;
background:rgba(0,0,0,.08);
}
.nextSalesTax {
background:#DDD;
background:rgba(0,0,0,.1);
}
.nextShipping {
background:#CCC;
background:rgba(0,0,0,.15);
}
.nextGiftCert {
background:rgba(0, 0, 0, .03);
}
.nextInvoice .nextCartSubtotal td,
.nextInvoice .nextCustomerDiscount td,
.nextInvoice .nextCartCategoryDiscount td,
.nextInvoice .nextOrderDiscount td,
.nextInvoice .nextCouponDiscount td,
.nextInvoice .nextSalesTax td,
.nextInvoice .nextShipping td,
.nextInvoice .nextGiftCert td {
padding:6px 12px;
}
.nextCartProducts {
border-collapse:collapse;
border-spacing:0;
padding:0;
margin:0;
font-size:12px;
}
.nextCartProducts td {
padding:15px 2px;
border-top:1px solid #999;
}
.nextCartProducts tbody tr:first-child td {
border-top:0;
}
.nextCartSubtotal td, .nextCouponDiscount td, .nextSalesTax td, .nextShipping td, .nextGiftCert td {
padding:6px 2px;
}
.nextCartTotal td {
background:#454545;
background:rgba(0,0,0,.7);
border:0;
color:#FFF;
font-size:12px;
text-transform:uppercase;
line-height:1;
}
.nextInvoice .nextCartTotal td,
.directCheckout .nextCartTotal td {
padding:12px;
}
.cart .nextCartSubtotal td {
font-weight:bold;
}
.nextMisCustomer {
margin:5px auto 0 auto;
}
.nextCartEmpty {
padding:10px 5px;
font-size:18px;
color:#CCC;
line-height:1;
}
#spnScrollTarget {
display:block; /* eliminates gap below cart policies in IE7 */
font-size:0 !important;
}
/* override js sizing of coupon popup */
.nextCartBottomButtons div#mpeCoupon_foregroundElement .modal.nextSocialSaleCouponPopup {
height:auto !important;
}
/* pencil and trash - replace edit and delete (pencil and trash) icons with custom images */
td.cart div.nextButtonEdit, td.cart div.nextButtonDelete {
line-height:13px; /* match this to the icon height to vertically align legend text */
display:none;
}
*html td.cart .nextButtonEdit a, *html td.cart .nextButtonDelete a {
margin-left:10px; /* for IE6 and less */
}
td.cart .nextButtonEdit a, td.cart .nextCartProductEdit {
width:8px;
height:12px;
display:block;
background:url(//cdn.nexternal.com/common/images/bg_edit_delete_3.png) 0 -13px no-repeat;
margin:0 0 0 20px;
float:left;
opacity:.5;
}
td.cart .nextCartProductEdit {
margin:0 3px; /* pencil anchor margins */
}
td.cart .nextButtonEdit a img, td.cart .nextCartProductEdit img {
display:none;
}
td.cart .nextButtonEdit a:hover, td.cart .nextCartProductEdit:hover {
/*background-position: -14px -14px;*/
opacity:.9;
}
td.cart .nextButtonDelete a, td.cart .nextCartProductDelete {
width:8px;
height:10px;
display:block;
background:url(//cdn.nexternal.com/common/images/bg_edit_delete_3.png) 0 0 no-repeat;
margin:0 0 0 20px;
float:left;
opacity:.5;
}
/* white x in cart total row */
td.cart tr.nextCartTotal .nextCartProductDelete {
background:url(//cdn.nexternal.com/common/images/bg_edit_delete_3.png) 0 -28px no-repeat;
opacity:.7;
margin-bottom:1px;
}
td.cart tr.nextCartTotal .nextCartProductDelete:hover {
/*background-position:0 0;*/
opacity:1;
}
td.cart .nextCartProductDelete {
margin:0 3px; /* trash anchor margins */
}
td.cart .nextButtonDelete a img, td.cart .nextCartProductDelete img {
display:none;
}
td.cart .nextButtonDelete a:hover, td.cart .nextCartProductDelete:hover {
/*background-position:-14px 0px;*/
opacity:.9;
}
td.cart .nextButtonEdit label, td.cart .nextButtonDelete label {
float:left;
margin-left:5px;
}
td.cart .nextCartProdEdit {
padding-left:4px !important; /* quantity number padding */
}
a.nextCartProductEdit, a.nextCartProductDelete {
-webkit-transition:none;
-moz-transition:none;
-o-transition:none;
-ms-transition:none;
transition:none;
}
.nextCartAddendum {
margin:0 0 20px 6px;
background:url(//cdn.nexternal.com/common/images/alert.png) 0 50% no-repeat;
padding:2px 6px 2px 27px;
text-align:left;
font-size:12px;
min-height:15px;
}
/***** ..custom cart footers | ..kickers *****/
#cartFooter {
margin:10px 0 0;
}
#cartFooter h3 {
font-family: Georgia, "Times New Roman", Times, serif;
font-size:16px;
margin:0 0 5px;
font-weight:normal;
}
#cartFooter p {
margin:0;
padding:0;
font-size:14px;
}
.cartFooterBox {
margin:0 0 10px;
padding:10px;
color:#333;
text-align:left;
border-top:1px solid #CCC;
}
#cartShippingInfo p {
font-size:12px;
}
span.nextCartProdText {
padding-left:5px;
}
.nextMinimumOrderMessage {
margin:10px 6px;
color:#C33A43;
font-weight:bold;
text-align:left;
}
.nextCartCurrency {
margin:0 17px 20px;
text-align:left;
}
/*----------------------------------------------------------------
..PERSISTENT CATEGORY
------------------------------------------------------------------*/
td.persist{
width:20%;
*width:180px; /*IE7*/
}
.nextPersistWrapper {
min-width:130px;
}
.persist h4 {
margin:10px 0;
color:#111;
font-size:17px;
font-style: normal;
letter-spacing: 1px;
line-height: 1.2em;
text-align:left;
font-weight:400;
font-family: Georgia, "Times New Roman", Times, serif;
}
.nextPersistentCategory a {
text-decoration:none; /* all persistent category links */
display:block; /* all persistent category links - this makes the anchors 100% wide */
padding:10px 5px;
margin:0;
font-size:14px;
color:#666;
}
.nextPersistentCategory a:hover {
color:#000; /* all persistent category links hover */
background-color:#F8F8F8;
background-color:rgba(0, 0, 0, .07);
}
.nextTopCategory a {
border-bottom:1px solid #CCC;
}
.nextActiveCategory a, .nextActiveCategory a:hover {
color:#000;
background:#E5E5E5;
background:rgba(0, 0, 0, .1) url(//cdn.nexternal.com/common/images/chevron_dark.png) 100% 50% no-repeat;
padding-right:22px;
}
.nextTopCategory.nextActiveCategory a {
/*color:#000; /* active category */
/*background:none !important; /* for IE6 */
}
.nextTopCategory a:hover {
/*color:#000; /* active category hover */
}
.nextSubcategoryLevel1 a, .nextSubcategoryLevel2 a, .nextSubcategoryLevel3 a, .nextSubcategoryLevel4 a, .nextSubcategoryLevel5 a, .nextSubcategoryLevel6 a {
/*font-size:12px; /* all sub categories (extend this list if necessary) *//*padding:3px 0 3px 18px;*//*color:#999;*/
}
.nextSubcategoryLevel1 a {
padding-left:17px; /* first level subcategory */
}
.nextSubcategoryLevel2 a {
padding-left:27px; /* second level subcategory */
}
.nextSubcategoryLevel3 a {
padding-left:37px; /* third level subcategory */
}
.nextSubcategoryLevel4 a {
padding-left:47px; /* fourth level subcategory */
}
.nextSubcategoryLevel5 a {
padding-left:57px; /* fifth level subcategory */
}
.nextSubcategoryLevel6 a {
padding-left:67px; /* sixth level subcategory */
}
.nextSubcategoryLevel1, .nextSubcategoryLevel2, .nextSubcategoryLevel3, .nextSubcategoryLevel4, .nextSubcategoryLevel5, .nextSubcategoryLevel6 {
margin-left:0;
}
/*----------------------------------------------------------------
..STORE CONTENT
------------------------------------------------------------------*/
#aspnetForm {
height:auto !important;
/*display:table; this centers content even when it blows out beyond max-width setting, but then padding is ignored*/
display:block;
margin:0 auto ;
width:100%;
-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
-moz-box-sizing: border-box; /* Firefox, other Gecko */
box-sizing: border-box; /* Opera/IE 8+ */
max-width:1210px;
*width:1200px; /*IE7*/
/*min-width:768px;*/
padding:60px 30px 50px; /*padding no longer works on display:table elements, but we're now setting this do display:block by default*/
background:#FFF;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
#aspnetForm {
display:block; /* safari only - display:table causes safari to ignore max-width -- Oct 2013 this affects chrome now, and safari and crome now respect display:table with max-width*/
}
}
#aspnetForm, #threadWrapper {
opacity:0; /* we'll fade these in as soon as the DOM loads */
}
.nextStoreFront #threadWrapper {
display:none;
}
body .nextSharingTools {
opacity:0; /* we'll fade this in with JS a few seconds after the DOM loads */
padding:0;
margin-top:30px;
width:253px; /* prevent jumpiness on product detail page */
}
.pageWidth {
max-width:1210px; /* double the padding when you calculate this */
min-width:668px;
margin:0 auto;
padding:0 30px;
-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
-moz-box-sizing: border-box; /* Firefox, other Gecko */
box-sizing: border-box; /* Opera/IE 8+ */
}
td.main {
padding:0;
}
.nocart td.main {
padding:0;
}
.nopersist td.main {
padding-left:0;
}
.nocart td.main {
padding-right:0;
}
/***** ..WHITE SPACE AND DEFAULT FORMATTING *****/
body td.main #threadWrapper {
font-size:12px;
}
.nextMainImage {
margin:0 30px 10px 0; /* main image margins */
}
.nextZoomIcon {
opacity:.85;
}
.nextCartAccountInfo, .nextCartTop {
margin:0 0 10px; /* margin above returning customer in shopping cart */
}
.nextHierarchyFinalText, .nextHierarchyFinalSeparator {
/*display:none;*/
}
hr.nextCatUnderbar {
height:1px;
}
.nextLargeImage {
padding:10px;
}
.nextSearchStatement {
padding-bottom:10px;
font-size:14px;
text-align:left;
}
.nextProductDetailTabbed .nextMainImage {
float:none; /*fix IE7 image overlap */
}
.nextPlusOne {
clear: both;
padding: 9px 0 0;
}
.main a.nextCatName {
display:block;
margin-top:10px;
margin-bottom:10px;
font-weight:normal;
font-size:16px;
}
.nextCurrentCategory {
margin:0 auto 0 0;
}
.nextProdImage {
float:none !important;
}
.nextNoAddresses, .nextNoCreditCards {
padding-top:10px;
}
#tdPriceDetails>span {
padding:8px 0 13px;
display:block;
}
.nextPriceDetailsLink {
font-style:italic;
padding-left:5px;
font-size:12px;
}
.nextPriceDetailsLink a:hover {
text-decoration:underline;
}
td.nextProduct {
padding:15px 5px 5px;
}
.nextProduct.nextFirst > td {
padding-top:30px;
}
.nextLegalDisclaimer {
padding:20px 0;
}
.nextRelatedThread {
width:auto;
margin-bottom:20px;
}
.nextProductDetail .nextStatus {
margin-bottom:15px;
}
#ui-id-1 {
font-size:12px;
}
.nextSortBy {
padding:3px 0;
font-size:11px;
}
.nextSortBy b {
font-weight:normal;
}
.nextNoProductsText {
text-align:left;
}
.nextHierarchyTitle {
display:none;
}
.nextSingleLinePrevNext {
margin-bottom:20px;
}
.nextSingleLinePrevNext a.disguise {
color:#558EA1;
font-size:12px;
}
td.nextCategory {
vertical-align:top;
}
.nextCategoryDescription {
padding-bottom:20px;
}
body.moveInvoiceButtonsJS tr.nextCartSubtotal a.nextEnterCoupon, body.moveInvoiceButtonsJS tr.nextCartSubtotal a.nextEnterGiftCert {
display:none; /* these buttons have been moved with JS on the invoice page */
}
.nextPickupRow > td {
padding:5px 3px 2px 0;
}
.nextPickupLabel {
white-space:nowrap;
}
.nextAddToCartCell {
text-align:left;
}
.nextAddToCartQuantity input {
width:21px;
}
body .pagination:empty {
display:none;
}
.nextInvoice .nextOrderNotificationTable {
float:left;
}
.nextOrderNotificationTable td {
padding:20px 5px 30px;
}
.nextHierarchyShopping {
display:inline-block;
margin-bottom:10px;
}
.nextPolicyWrapper {
margin-top:25px;
}
td.nextNewCustomer,
td.nextReturningCustomer {
padding-top:15px;
}
.nextShipToAddressBookRow td,
.nextBillToAddressBookRow td {
padding-bottom:15px;
}
/***** END WHITE SPACE AND DEFAULT FORMATTING *****/
/***** PRODUCT LIST STYLING *****/
/*
.nextProductList .nextProductWrapper *:not(.margin, .margin *) {
font-size:13px;
font-weight:normal !important;
}
*/
a.nextProdName, .nextTileProducts .nextShortDesc, .nextPrice, .nextBidPrice, .nextStatus, .nextVisibility {
display:block;
margin-bottom:8px;
}
.directCheckout .nextPrice {
display:table-cell;
}
a.nextProdName {
text-transform:uppercase;
margin-bottom:5px;
font-size:12px;
text-decoration:none;
}
a.nextProdName:hover {
text-decoration:underline;
}
a.nextProdThumb {
margin:0 0 10px 0; /* margins for product thumbnails on product list pages */
display:inline-block; /* necessary for the right margin to work */
}
.main td.nextProdThumb {
padding-right:15px;
}
.nextTileProducts {
margin-top:10px; /* margin below banner on product detail screen */
}
.nextProductList .nextShortDesc {
margin-bottom:5px;
}
.nextCustomField1 b,
.nextCustomField1 b,
.nextCustomField2 b,
.nextCustomField3 b,
.nextCustomField4 b,
.nextCustomField5 b,
.nextCustomField6 b,
.nextCustomField1,
.nextCustomField1,
.nextCustomField2,
.nextCustomField3,
.nextCustomField4,
.nextCustomField5,
.nextCustomField6 {
font-style:normal;
font-weight:normal;
}
.nextProductList .nextPrice,
.nextProductList .nextAllocation,
.nextProductList .nextCustomField1,
.nextProductList .nextCustomField2,
.nextProductList .nextCustomField3,
.nextProductList .nextCustomField4,
.nextProductList .nextCustomField5,
.nextProductList .nextCustomField6 {
margin-bottom:5px;
}
.nextTileProductBanner td {
text-align:left;
}
.nextProductSpacer div {
width:30px;
}
.nextShipToSelect {
white-space:nowrap;
}
.nextProductList .nextShipToSelect select,
.nextProductList .nextShipToSelect option {
font-size:11px;
}
.nextShipToSelect label,
.nextPickupSelect label {
font-size:12px;
}
.nextShipToSelect select {
/*margin-left:5px;*/
}
.nextShipToLabel input,
.nextPickupLabel input {
margin:0 5px 0 0;
}
.nextShipToSpacer,
.nextPickupSpacer {
width:0;
}
.nextProductList .nextShipToCell,
.nextProductDetail .nextShipToCell {
padding:0 0 4px 0;
}
.nextPickupSelect,
.nextPickupLabel {
white-space:nowrap;
}
.nextPickupLabel span {
padding-right:5px;
}
.nextPickupInnerTable {
margin-top:5px;
}
.nextAddToCartCell {
padding-top:8px;
}
.nextProductList .nextRating {
display:none;
}
.nextProductList .nextRatingIcons {
padding-left:5px;
display: inline-block;
padding: 0 0 0 4px;
}
.nextProductList .nextRatingIcons img {
height:15px;
float:left;
}
.nextAddToCartInnerTable {
margin:0 auto 0 0;
}
.nextShipToInnerTable {
margin:0 auto 0 0;
}
.infoBtn {
display:inline-block;
margin:-1px 0 0 0;
vertical-align:middle;
}
.nextPickupSelect a {
opacity:.7;
display:inline-block;
outline:0;
}
.nextPickupSelect a:hover {
opacity:1;
}
.nextPickupRow td {
padding-top:5px;
}
.nextListProducts tr.nextProduct > td {
vertical-align:top;
padding-left:7px;
}
.nextListProducts tr.nextProduct > td:first-child {
padding-left:0;
}
.nextExpressOrderProducts .nextProdThumb img {
/*max-height:200px;*/
}
.nextExpressOrderProductRow .nextProdThumb a, .nextExpressOrderSKURow .nextProdThumb a {
display: inline-block;
margin: 6px 10px 6px 0;
}
/***** END PRODUCT LIST STYLING *****/
/***** ..POPUP CSS OVERRIDE 2.1 ******/
body:not(.nextCartShowing) .modal:not(.nextEnterShipToPopup):not(.nextNotifyInstockPopup):not(.nextRedeemGiftCertificatePopup):not(.nextCreditCardPopup), body:not(.nextCartShowing) div.margin:not(.nextAddressBookPopup):not(.nextPriceDetailsPopup), body:not(.nextCartShowing) .nextCartPolicies div.margin, body:not(.nextCartShowing) .nextPrivacyPolicyPopup {
/*top:250px !important;*/
}
#mpeAddressValidation_foregroundElement, #mpeCalculator_foregroundElement, #mpeEditAddress_foregroundElement, #mpeCreditCard_foregroundElement, #mpeTracking_foregroundElement {
position:absolute !important;
}
.nextPickupLocationPopup,
.nextSusbscriptionDescriptionPopup {
position:fixed !important;
}
.modal.nextUpsell {
display:table;
}
/* experimental: move gift message textbox into gift message popup
body:not(.nextInvoice) .margin.nextGiftMessage {
position:relative !important;
border:0;
display:block !important;
visibility:visible !important;
box-shadow: none;
top:0 !important;
left:0 !important;
}
body:not(.nextInvoice) .nextGiftMessageRow td {
vertical-align:top;
}
body:not(.nextInvoice) .nextSubmitGiftMessage,
body:not(.nextInvoice) .nextGiftMessageTargetLink {
display:none;
}
*/
/***** END POPUP CSS OVERRIDE ******/
/***** ...ACTION BLOCKS *****/
.nextProductDetailTabbed h1.nextProdName, .nextProductDetailTabbed .nextPrice, .nextSharingTools h3, .nextAttributes h3 {
font-family: Georgia, "Times New Roman", Times, serif; /* action blocks headings font */
}
/* Action Blocks - Background Color */
.nextTabbedDetails, .nextSharingTools, .nextProductDetailTabbedTable tr:nth-child(odd) td {
/*background:#FBFBFB !important; /* Action Blocks - Background Color */
}
.nextTabbedDetails, .nextSharingTools, .nextProductDetailTabbedTable, .nextProductDetailTabbedTable td, .nextSharingTools h3, .nextAttributes h3 {
border-color:#CCCCCC !important; /* Action Blocks - Border Color */
}
body .nextProductDetailTabbedTable tr:nth-child(odd) td,
body .nextProductDetailTabbedTable tr:nth-child(even) td,
body .nextProductDetailTabbedTable td {
background: none;
}
body .nextTabbedDetails, body .nextSharingTools {
border-radius:2px;
background:none;
border:none;
padding:0;
}
/***** END ACTION BLOCKS *****/
/***** ...TABBER *****/
body #tcTabs_header {
font-family: Georgia, "Times New Roman", Times, serif;
}
.tab .ajax__tab_outer {
background:#F7F7F7; /* inactive tab background */
border-color: #CCC; /* inactive tab border color */
font-weight: 400; /* inactive tab font weight */
padding:0; /* all tabs padding */
cursor:pointer;
margin:0;
font-size:15px;
border-bottom:1px solid #CCC;
border-radius:2px 2px 0 0;
}
.tab .ajax__tab_outer span {
color: #666; /* inactive tab text color */
}
.tab .ajax__tab_outer:hover span {
color: #666; /* inactive tab hover text color */
}
.tab .ajax__tab_outer:hover {
background:#EEE; /* inactive tab hover background*/
}
.tab .ajax__tab_active .ajax__tab_outer {
background:#FFF; /* active tab background */
border-color: #CCC; /* active tab border color */
font-weight: 400; /* active tab font weight */
border-bottom:1px solid #FFF;
box-shadow:2px 0 0 rgba(0, 0, 0, 0.1);
}
.tab .ajax__tab_active .ajax__tab_outer span {
color:#666 /*active tab text color */
}
.tab .ajax__tab_active .ajax__tab_outer:hover span {
color:#666 /*active tab hover text color */
}
.ajax__tab_inner a span {
padding:8px 15px;
display:block;
}
.tab .ajax__tab_body {
background:#FFF; /* tabber content background */
border:0;
border-top:1px solid #CCC;
border-bottom:1px solid #CCC;
padding:20px 10px;
}
.ajax__tab_header a {
outline:0;
}
.nextRatingIcons {
vertical-align:bottom;
}
.nextRatingIcons img {
vertical-align:middle;
}
/***** END TABBER *****/
/***** ...BANNERS AND HEADINGS *****/
body .nextProductDetailTabbed h1.nextProdName,
body .modal tr.banner1,
body div.margin tr.banner1 {
font-family: Georgia, "Times New Roman", Times, serif;
font-size:22px;
color:#000;
margin:0 0 25px;
font-weight:normal;
}
.main .banner1,
.main .banner2 {
font-family:Georgia, "Times New Roman", Times, serif;
font-weight:normal;
font-size:15px;
}
.nextTileProductBanner tr.banner1 td, .nextSubcategoriesBanner tr.banner1 td, tr.bannerStoreFront td, .nextNoProductsBanner td, .nextRelatedProducts .nextAppendHeader, .main .banner1 h1.nextBannerText, .nextPolicies tr.banner1 td {
color:#000;
text-align:left;
background:none;
font-size:24px;
font-family:Georgia, "Times New Roman", Times, serif;
font-weight:300;
padding:0;
line-height:1;
}
.nextTileProductBanner tr.banner1, .nextSubcategoriesBanner tr.banner1, .main tr.bannerStoreFront, .nextNoProductsBanner tr.banner1, .nextPolicies tr.banner1 {
background:none;
}
.nextTileProductBanner, .nextSubcategoriesBanner, .nextTopBanner, .nextNoProductsBanner {
margin-bottom:25px;
}
.nextTileProductBanner tr.banner1 .nextBannerText, .nextSubcategoriesBanner tr.banner1 .nextBannerText, .bannerStoreFront .nextBannerText, .nextNoProductsBanner .nextBannerText {
padding:0;
}
.bannerStoreFront .nextStoreFrontBannerSpacerCell {
width:0;
}
.nextBannerText {
padding:3px 6px;
display:block;
}
.nextRelatedProducts .nextAppendHeader {
border-bottom: 1px solid #E6E6E6;
margin: 40px 0 20px;
font-size:18px;
padding:0 0 3px;
}
.nextRelatedProducts .nextAppendHeader b {
font-weight:normal;
}
.nextBottomBanner {
margin:10px 0 0 0;
display:none;
}
.nextBannerCellButton img {
vertical-align:middle;
}
.modal .nextBannerText,
.margin .nextBannerText {
white-space:normal;
}
.modal {
/*display:table;*/
}
.nextListProducts .nextPrice {
padding:15px;
}
/***** END BANNERS *****/
/***** ..security disclaimer (login page) *****/
.nextSecurityDisclaimer {
border-bottom: 1px solid #CCC;
border-top: 1px solid #CCC;
padding: 20px 0 27px;
margin-top:100px;
/*display:table;*/
width:100%;
}
.nextSecurityDisclaimer img {
margin:0 20px 10px 0;
}
.nextLogin .nextTopBanner {
display:none;
}
.nextLogin .nextUpsell .nextTopBanner {
display:block;
}
/***** ..security disclaimer (login page) *****/
/* ..customer comments */
.nextCustomerComments {
background-color: #EEE;
border: 1px solid #999;
box-sizing: border-box;
color: #333;
margin-top: 14px;
padding: 5px;
width: 100%;
}
.nextCommentsTable {
width:100%;
}
/*----------------------------------------------------------------
..HTMLBUTTONS
------------------------------------------------------------------*/
input.nextHTMLButton, a.nextHTMLButton, a.nextAddEditButton {
color:#FFF;
background:#F5551E;
padding:16px 30px;
border:0;
border-radius:10px;
font-weight:700;
font-size:13px !important;
cursor:pointer;
font-family: proxima-nova;;
-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;
letter-spacing: 1.3px;
line-height:120%
}
input.nextHTMLButton:hover, a.nextHTMLButton:hover, a.nextAddEditButton:hover {
background-color:#000;
color:#FFF;
}
input.nextHTMLButton:active, a.nextHTMLButton:active, a.nextAddEditButton:active {
box-shadow:inset 0px 2px 5px rgba(0, 0, 0, .5);
}
input.nextHTMLButton.nextATCButton,
.nextSearchPage .main .nextCentered input.nextHTMLButton[value="Search"]{
margin:0 0 0 5px;
display:inline-block;
background-image:url(//cdn.nexternal.com/sierraclub/images/atcBG.png);
background-position:100% 50%;
background-repeat:no-repeat;
padding-right:53px;
transition: none;
}
input.nextHTMLButton.nextATCButton:hover,
.nextSearchPage .main .nextCentered input.nextHTMLButton[value="Search"]:hover{
background-image:url(//cdn.nexternal.com/sierraclub/images/atcBG_hover.png);
}
a.nextAddEditButton {
padding:1px 10px 1px 25px;
background-position:7px 50%;
background-repeat:no-repeat;
}
a.nextEditButton {
background-image:url(//cdn.nexternal.com/common/images/bg_edit.png);
/*background-image:url(//cdn.nexternal.com/common/images/bg_edit_dark.png);*/
}
a.nextAddButton {
background-image:url(//cdn.nexternal.com/common/images/bg_add.png);
/*background-image:url(//cdn.nexternal.com/common/images/bg_add_dark.png);*/
}
.nextSearchButton input.nextHTMLButton {
margin-left:4px;
}
.cart #btnCheckOutTop, .cart #btnCancelOrderTop {
display:none;
}
.nextClubCustomerType #memberSavings {
display:none;
}
#memberSavings:hover {
opacity:.8;
}
#pnlDisplayLoyaltyPoints {
padding: 10px 10px 0;
text-align: left;
}
.cart .nextCartLoyaltyRedemption {
margin-top:10px;
}
.moveInvoiceButtonsJS .nextCartSubtotal a.nextEnterGiftCard,
.moveInvoiceButtonsJS .nextCartSubtotal a.nextEnterGiftCard + span {
display:none;
}
/*a.nextCartDetermineSTP, a.nextCartEditSTP, .nextGiftMessageWrap div>a, .nextCartBottomButtons a, a.nextEnterGiftCert, a.nextEnterCoupon*/
a.nextCartDetermineSTP, a.nextCartEditSTP, .nextGiftMessageWrap div>a, .nextCartBottomButtons > a, a.nextEnterGiftCert, a.nextEnterCoupon, #memberSavings, a.nextEnterGiftCard {
display:block;
padding:6px 30px 6px 12px;
margin:0 6px 3px;
text-decoration:none;
font-size:11px;
font-weight:normal;
text-align:left;
line-height:1;
/*background:#777 url(//cdn.nexternal.com/common/images/arrow_rt_light.png) 100% 50% no-repeat;*/
background:#DDD url(//cdn.nexternal.com/common/images/arrow_rt_dark.png) 100% 50% no-repeat;
text-align:left;
/*color:#FFF;*/
color:#333;
border-radius:3px;
vertical-align:top;
-webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
-o-transition: all .3s ease;
-ms-transition: all .3s ease;
transition: all .3s ease;
}
a.nextCartDetermineSTP:hover, a.nextCartEditSTP:hover, .nextGiftMessageWrap div>a:hover, .nextCartBottomButtons a:hover, a.nextEnterGiftCert:hover, a.nextEnterCoupon:hover, a.nextEnterGiftCard:hover {
opacity:.8;
color:#333;
/*color:#FFF;
background-color:#666;
background-image: url(//cdn.nexternal.com/common/images/arrow_rt_light.png);*/
}
#memberSavings {
background:#777 url(//cdn.nexternal.com/common/images/arrow_rt_light.png) 100% 50% no-repeat;
color:#FFF;
}
.nextInvoice a.nextEnterGiftCert, .nextInvoice a.nextEnterCoupon, .nextInvoice a.nextEnterGiftCard {
margin:0 auto;
font-size:13px;
background:#777;
background:rgba(0,0,0,.5) url(//cdn.nexternal.com/common/images/arrow_rt_light.png) 100% 50% no-repeat;
color:#FFF;
}
.nextInvoice a.nextEnterCoupon {
background-color:rgba(0,0,0,.4);
}
.nextInvoice a.nextEnterGiftCard {
background-color:rgba(0,0,0,.6);
}
.nextGiftMessageWrap, .nextCartCalculator, .nextCartBottomButton {
margin:0;
padding:0;
}
.oms .nextCartData input.nextHTMLButton.nextCheckOutButtonTop, .oms .emptyCart input.nextHTMLButton.nextCheckOutButtonTop, .oms .nextCheckOutButton.nextCheckOutButtonBottom {
display:inline-block;
margin:5px 0;
}
input.nextHTMLButton.nextCheckOutButton, .oms input#btnCancelOrderBottom, .editPendingOrder input#btnCancelOrderBottom, .oms input#btnCancelOrderEmptySuperCart {
background-image:url(//cdn.nexternal.com/common/images/arrow_rt_light.png);
background-position: 100% 50%;
background-repeat:no-repeat;
-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
-moz-box-sizing: border-box; /* Firefox, other Gecko */
box-sizing: border-box; /* Opera/IE 8+ */
text-align:left;
display:none;
padding-right:30px;
}
input.nextHTMLButton.nextCheckOutButtonBottom, .oms input#btnCancelOrderBottom, .oms input#btnCancelOrderEmptySuperCart {
width:100%;
margin:0;
font-size:16px !important;
}
.nextCheckOutButtonBottomWrapper input.nextHTMLButton.nextCheckOutButton, .oms .nextCheckOutButtonBottomWrapper input#btnCancelOrderBottom, .oms .nextCheckOutButtonBottomWrapper input#btnCancelOrderEmptySuperCart {
display:block;
}
.account input.nextHTMLButton.nextCheckOutButton, .checkout input.nextHTMLButton.nextCheckOutButton {
background-image:url(//cdn.nexternal.com/common/images/arrow_lt_light.png);
background-position:0 50%;
text-align:center;
padding-left:30px;
padding-right:12px;
}
input.nextHTMLButton.nextCheckOutButtonTop {
display:none;
}
.nextCheckOutButtonBottomWrapper {
padding:20px 6px 14px;
}
.nextCheckOutButtonBottomWrapper, input.nextHTMLButton.nextCheckOutButton {
display:none;
}
.nextCheckOutButtonBottomWrapper input.nextHTMLButton.nextCheckOutButton {
display:block;
}
input.nextHTMLButton.nextCheckOutButton,
.nextCentered input.nextHTMLButton {
/*background-color:green;*/
/*opacity:.7;*/
}
input.nextHTMLButton.nextCheckOutButton:hover {
/*opacity:1;*/
}
/*----------------------------------------------------------------
..TOGGLE PERSIST CUSTOM
------------------------------------------------------------------*/
body .nextPersistWrapper, body #searchWrapper {
top:35px;
}
body.article #threadWrapper {
display:none;
}
/* custom break point for persist toggle (customize the min-width and max-width below) */
/*
@media (min-width: 768px) {
body #searchWrapper,
body .nextPersistWrapper {
display:block !important;
}
body #persistToggle,
body #searchToggle {
display:none !important;
}
body td.persist{
width:20%;
position:relative;
}
body .nextPersistWrapper,
body #searchWrapper {
background:#FFF;
border:none;
border-radius:0;
padding:0;
width:auto;
z-index:0;
display:block;
top:0;
}
body #persistToggle,
body #searchToggle,
body #persistToggle.untouched,
body #searchToggle.untouched {
display:none;
}
}
@media (max-width: 767px) {
body td.persist{
width:0;
position:absolute;
}
body .nextPersistWrapper,
body #searchWrapper {
background:#FFF;
border:1px solid #CCCCCC;
border-radius:5px;
left:0px;
padding:0 10px 10px;
position:relative;
top:35px;
width:300px;
z-index:1;
display:none;
clear:both;
}
body #persistToggle,
body #searchToggle,
body #persistToggle.untouched,
body #searchToggle.untouched {
display:inline-block;
}
}
*/
/*----------------------------------------------------------------
..CLUB LOGIN FORM CUSTOM
------------------------------------------------------------------*/
body #clubLogin, body .loginMessage {
margin: 0;
padding: 10px 0;
background:#EEE;
color:#333;
clear:both;
}
body #clubLogin h3 {
font-size:16px;
margin:0 0 0 5px;
color:#333;
}
body.nextLogin #clubLogin,
body.nextRegister #clubLogin{
display:none;
}
#clubLogin * {
vertical-align:middle;
}
/*----------------------------------------------------------------
..CLUB PRICING 2.0
------------------------------------------------------------------*/
.nextClubCustomerType .hideClubPricingFromClubMemebers .clubPrice {
display: none;
}
.clubPricing .priceLabel,
.clubPricing .nextPriceDetailsLink,
.noClubPricing .priceLabel,
.noClubPricing .nextPriceDetailsLink{
/*font-size:.8em;*/
font-size:.8rem;
}
.nextProductDetail .clubPricing .priceLabel,
.nextProductDetail .noClubPricing .priceLabel{
/*font-size:.6em;*/
font-size:.6rem;
}
.nextProductDetail .clubPricing .nextPrice b,
.nextProductDetail .noClubPricing .nextPrice b{
font-weight: normal;
}
.clubPricing .nextTabbedProduct .nextPrice {
margin: 0;
padding: 0;
}
.clubPricing #tabMotion .nextPrice {
/*font-size: 18px;*/
font-size:1.2rem;
}
/*----------------------------------------------------------------
..PROGRESS TRACKER CUSTOM
------------------------------------------------------------------*/
#progress {
margin:0 auto;
text-align:center;
position:relative;
display:none;
background:#FFF;
padding-top:30px;
}
.nextLogin #progress, .nextRegister #progress, .nextOrderInfo #progress, .nextInvoice #progress {
display:block;
}
.nextLogin.hideProgress #progress {
display:none;
}
#progress h3 {
font-weight:normal;
font-size:22px;
color:#666;
line-height:24px;
margin: 0 0 20px;
font-family:Georgia, "Times New Roman", Times, serif;
clear:both;
}
#progressBar {
position:absolute;
top:105px;
left:50%;
width:400px;
margin-left:-205px;
border-bottom:1px solid #999;
box-shadow:0 3px 6px rgba(0, 0, 0, .3);
}
#progress ul {
margin:0 auto;
text-align:center;
padding:0;
*width:614px; /*for IE7-*/
}
#progress ul li {
display:inline-block;
position:relative;
width:200px;
font-size:13px;
margin:0;
padding:0;
*float:left; /*for IE7-*/
list-style:none;
}
#progress ul li span {
display:inline-block;
border-radius:99px;
color:#FFF;
font-size:12px;
font-weight:bold;
-webkit-transition: all .5s ease;
-moz-transition: all .5s ease;
-o-transition: all .5s ease;
-ms-transition: all .5s ease;
transition: all .5s ease;
outline:0;
position:relative;
text-align:center;
text-decoration:none;
background:#999;
list-style:none;
width:30px;
height:30px;
line-height:30px;
margin:0 auto 5px;
box-shadow:0 3px 6px rgba(0, 0, 0, .3);
}
.nextLogin li#progress1 span, .nextRegister li#progress1 span, .nextOrderInfo #progress li#progress2 span, .nextInvoice #progress li#progress3 span {
background:#F88F1D;
}
#progress ul li em {
display:block;
color:#888;
font-style:normal;
}
#progressContinueShopping {
text-decoration:none;
float:left;
font-size:12px;
}
.nextOrderConfirmation #progressContinueShopping {
display:none;
}
/*----------------------------------------------------------------
..INTERNAL ORDER PAGES
------------------------------------------------------------------*/
.oms #trTop, .oms #trBottom, .oms #searchField, .oms #memberSavings, .oms #searchToggle {
display:none !important;
}
.oms .cart #btnCheckOutTop, .oms .cart #btnCancelOrderTop, .editPendingOrder .cart #btnCancelOrderTop {
display:none;
}
body.oms input#btnCancelOrderBottom, body.oms input#btnCancelOrderEmptySuperCart, body.editPendingOrder input#btnCancelOrderBottom {
background-color:#000;
background-image:url(//cdn.nexternal.com/common/images/x_white.png);
margin-top:3px;
opacity:1;
color:#FFF;
}
body.oms input#btnCancelOrderBottom:hover, body.oms input#btnCancelOrderEmptySuperCart:hover {
opacity:.7;
}
.oms .main input[type="submit"] {
margin-right:5px;
}
.oms .nextCartTop {
background: white;
border-radius: 5px;
padding-bottom:10px;
}
/*----------------------------------------------------------------
..Buy A Case (..Add Case to Cart Button)
------------------------------------------------------------------*/
.acTrigger {
margin:1px 10px 5px 5px;
cursor:pointer;
}
.addCaseMessage {
color:#B82727;
font-size:13px;
line-height:1.1;
}
.nextShortDesc .acTrigger,
.nextShortDesc .addCaseMessage {
display:none;
}
/*----------------------------------------------------------------
..Buy A Case 2.0
------------------------------------------------------------------*/
.buyACaseRow a.nextHTMLButton.buyCase {
display: block;
margin:0;
}
.buyACaseCell a.nextHTMLButton.buyCase {
margin:0 0 0 7px;
}
a.nextHTMLButton.buyCase {
background:rgba(0, 0, 0, .1);
color: #777;
text-align: center;
}
.hasCaseBtn .nextAddToCartQuantity input {
margin: 0 7px 8px 0;
}
.hasCaseBtn input.nextHTMLButton.nextATCButton {
margin: 0;
width:100%;
}
.hasCaseBtn .nextAddToCartTable {
margin-top:5px;
}
.hasCaseBtn .nextAddToCartTable td {
vertical-align: top;
}
/*----------------------------------------------------------------
..RETILE.CSS CUSTOM (requires retile.js and retile.css)
------------------------------------------------------------------*/
body .fluidContainer .nextCatLinks, body .fluidContainer .nextProductWrapper, body .relatedWrap {
width:100%; /* Tile 1 products across (ignore padding for this - containers are set to box-sizing: border-box) */
text-align:left;
/*padding:0 1.5% 5%; */
padding:0; /* padding on display:table elements stopped working in 2015, so now we pad .tileContent */
}
body .fluidContainer .nextCatLinks {
text-align: center;
}
.tileContent {
padding:0 4.5% 15%;
}
.nextCatLinks .tileContent {
padding-bottom:1%;
}
body .relatedWrap a {
padding:0 .5em;
display:inline-block;
}
@media only screen and (min-width: 767px) {
body .fluidContainer .nextProductWrapper, body .relatedWrap {
width:49.9%; /* Tile up to 2 products across at this resolution */
}
body .fluidContainer .nextCatLinks {
width:49.9%; /* Tile up to 2 categories across at this resolution */
}
}
@media only screen and (min-width: 1560px) {
body .fluidContainer .nextProductWrapper, body .relatedWrap {
width:33.2%; /* Tile up to 3 products across at this resolution */
}
}
/* oneTile 2.0 break point - requires onetile JS and retile.js, retile.css (1 product per row product list break point) */
/*
@media only screen and (max-width: 900px) {
body:not(.preserveOrder) .main a.nextProdThumb {
display:inline-block;
}
body:not(.preserveOrder) .fluidContainer .nextProductWrapper{
width:100%;
}
body:not(.preserveOrder) .tileCol {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
display: inline-table;
margin: 0 3% 0 0;
padding: 0;
vertical-align: top;
width: 24%;
}
body:not(.preserveOrder) .tileCol.prodTileRt {
width: 32%;
}
body:not(.preserveOrder) .prodThumbWrap.tileCol {
}
body:not(.preserveOrder) .fluidContainer .nextProductWrapper table {
margin: 0 0 10px;
}
body:not(.preserveOrder) a.nextProdThumb img {
max-width:100%;
}
body:not(.preserveOrder) a.nextProdName {
line-height:1;
}
body:not(.preserveOrder) .nextSelectOptions {
text-align:right;
}
}
*/
/* onetile 1.0 break point (depricated) - requires onetile JS and retile.js, retile.css (1 product per row product list break point) */
/*
@media only screen and (max-width: 1023px) {
body .main a.nextProdThumb {
display:inline-block;
}
body .fluidContainer .nextProductWrapper{
width:100%;
}
.prodThumbWrap {
float:left;
margin-right:5%;
width:24.5%;
}
.prodTileRt {
display:inline-block;
width:70%;
text-align:left;
}
a.nextProdName {
line-height:1;
}
body .fluidContainer .nextProductWrapper table {
margin-left:auto;
margin-right:0;
}
.nextSelectOptions {
text-align:right;
}
}
*/
.fluidContainer .nextProductWrapper table {
margin-left:0;
margin-right:auto;
}
.fluidContainer .nextProductWrapper .modal table {
margin-left:0;
}
.nextProductList.nextCategory21 div.fluidContainer {
/*min-width:650px; /* we must set a min width on the product wrapper on an allocated product list page to maintain 3 products across */
}
/*----------------------------------------------------------------
..FLUID 2.2
------------------------------------------------------------------*/
/***** ..fluid thumbs *****/
body .nextCatThumb, body a.nextProdThumb, body .nextRelatedThumb {
*width:auto !important;/*IE7*/
margin:0 auto 10px;
display:inline-block;
}
.nextCatThumb img, a.nextProdThumb img, .nextRelatedThumb img {
width:100% !important;
display:inline-block;
max-width:100%;
*width:auto; /* IE7 */
margin:0;
height:auto !important;
}
.nextCategoryTable {
width:100%; /* for Safari */
}
/***** end fluid thumbs *****/
/***** ..fluid main images *****/
.nextMainImage > div {
display:inline-block;
min-width:150px;
}
.nextProdImage {
display:inline-block;
max-width:100%;
width:100% !important;
*width:auto !important;
height:auto !important;
}
.nextDCProdDetail .nextProdImage{
width:auto;
}
td.nextMainImageWrap {
/*width:50%; /* experimental - force cell that contains main image to be as wide as possible. */
}
/***** end fluid main images *****/
/***** ..fluid gallery thumbs (adjust max-width to determine how many thumbs per row, and select a max-width for their continer .nextGallery) *****/
/**/
.nextGalleryWrap {
width:100%;
}
.nextGallery {
text-align:center;
width:100%;
font-size:0;
float:none;
margin:12px auto;
max-width:400px;
}
.nextGallery div {
display:inline;
}
.nextMiniThumb {
display:inline-block;
max-width:17.5%;
margin:1%;
float:none;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.nextMiniThumb img {
display:inline-block;
max-width:100%;
width:100%;
vertical-align:top;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
/**/
/***** end fluid gallery thumbs *****/
/***** ..fluid form fields *****/
.nextLogin .nextLoginForm input:not([type=submit]) {
width:86%;
}
.nextRegister td.main input:not([type=submit]):not([type=file]):not([type=image]):not([type=checkbox]):not([type=radio]) {
width:86%;
}
.nextOrderInfo td.main input:not([type=submit]):not([type=file]):not([type=image]):not([type=checkbox]):not([type=radio]) {
width:80%;
}
/***** end fluid form fields *****/
/*----------------------------------------------------------------
..CC Collapsible Cart
------------------------------------------------------------------*/
.CCartActive.oms #trTop {
display: table-row !important;
}
.CCartActive.oms .hideInternal{
display:none !important;
}
.CCartActive.nocart #nextCartMask {
display:none !important;
}
.CCartActive .nextPrivacyPolicyPopup, .nextShippingPolicyPopup, .nextReturnPolicyPopup {
z-index:1010;
}
.CCartActive .nextCheckOutButton.nextCheckOutButtonBottom {
/*display:block !important;*/
}
.CCartActive #nextCartMask {
display:none;
position:fixed;
width:100%;
height:100%;
background:#000;
z-index:1;
top:0;
left:0;
}
.CCartActive #cartUtilityWrap {
width:100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.CCartActive #cartUtilityWrap > ul {
float:left;
margin-right:10px;
}
.CCartActive.nextNotLoggedIn #cartUtilityWrap > ul {
margin-right:0px;
}
.CCartActive #cartUtilityWrap > ul li{
margin:5px 0 0;
}
.CCartActive .triggerCart {
float:right;
}
.CCartActive .ui-effects-transfer {
border: 2px solid #666;
background-position:50% 50%;
background-repeat:no-repeat;
background-size:auto 100%;
border-radius:5px;
z-index:1010;
}
.CCartActive #cartUtilityWrap #btnCheckOutTop {
display:inline-block;
}
.CCartActive #cartUtilityWrap .nextHTMLButton {
display:inline-block;
margin:0 0 0 5px;
line-height:1;
}
.CCartActive #checkoutBtnPlaceholder {
display:inline-block;
}
body.CCartActive.nextLogin .nextCartFooter {
/*display:none;*/
}
.CCartActive .persist .nextCartFooter {
margin-top:40px;
}
.CCartActive .persist .cartFooterBox:first-child {
border:none;
}
/* high res - collapsible cart inactive*/
@media only screen and (min-width: 999999px) {
.CCartActive.nextCartShowing #nextCartMask {
display:none !important;
}
.CCartActive .nextCartWrapper {
display:block !important;
}
.CCartActive #responsiveUtilityWrapper,
.CCartActive #closeCart,
.CCartActive #cartUtilityWrap .nextCartTrigger {
display:none;
}
.CCartActive #cartUtilityWrap {
padding-bottom:5px;
min-height:28px;
}
.CCartActive #checkoutBtnPlaceholder {
margin-top:5px;
display:none;
}
}
/* low res - collapsible cart active*/
@media only screen and (max-width: 999998px) {
body.CCartActive {
/*padding-top:29px;*/
}
body.CCartActive.nocart {
padding-top:0;
}
.CCartActive #responsiveUtilityWrapper {
background:#777;
text-align:right;
position:fixed;
z-index:1010;
width:100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
display:block;
padding:3px 0;
top:-9999px;
left:0;
line-height:1;
}
body.CCartActive.nocart #responsiveUtilityWrapper {
display:none;
}
.CCartActive td.cart{
width:0;
min-width:0;
}
.CCartActive .nextCartWrapper {
z-index:1000;
position: absolute;
top: 20px;
left: 50%;
width: 400px;
margin-left: -200px;
display:none;
}
.CCartActive td.cart #cartUtilityWrap {
display:none;
}
.CCartActive #cartUtilityWrap {
padding:0;
}
.CCartActive .nextUtilityParent > span {
color:#FFF;
}
.CCartActive #cartUtilityWrap > ul {
float:right;
}
.CCartActive.nextNotLoggedIn #cartUtilityWrap > ul > li:first-child {
float:right;
margin-top:0;
margin-left:10px;
}
.CCartActive.nextCartShowing #nextCartMask {
display:block;
}
.CCartActive #closeCart {
background: url("//cdn.nexternal.com/common/images/bg_closeX_3.png") no-repeat scroll 0 50% transparent;
font-size:0;
font-weight: bold;
height: 39px;
width: 39px;
line-height: 0;
position: absolute;
right: -19px;
text-align: center;
text-indent: -9999px;
top: -19px;
cursor:pointer;
display:block;
}
.CCartActive .cart #cartFooter {
background:#FFFFFF;
border-radius: 5px;
overflow: hidden;
}
.CCartActive #cartUtilityWrap li.nextUtilityParent {
background-image: url("//cdn.nexternal.com/common/images/utilityDownArrowWhite.png");
}
}
/***** end collapsible cart *****/
/*----------------------------------------------------------------
..DARKK - styles for dark bg stores
------------------------------------------------------------------*/
/*
#aspnetForm {
background:#000;
}
body .nextProductDetailTabbed h1.nextProdName, body .modal tr.banner1, body div.margin tr.banner1 {
color:#FFF;
}
.nextTileProductBanner tr.banner1 td, .nextSubcategoriesBanner tr.banner1 td, tr.bannerStoreFront td, .nextNoProductsBanner td, .nextRelatedProducts .nextAppendHeader, .main .banner1 h1.nextBannerText {
color:#FFF;
}
.tab .ajax__tab_outer {
background:#333;
border-color: #666;
border-bottom:1px solid #666;
}
.tab .ajax__tab_outer span {
color: #FFF;
}
.tab .ajax__tab_outer:hover span {
color: #FFF;
}
.tab .ajax__tab_outer:hover {
background:#666;
}
.tab .ajax__tab_active .ajax__tab_outer {
background:#000;
border-color: #666;
border-bottom:1px solid #000;
}
.tab .ajax__tab_active .ajax__tab_outer span {
color:#FFF
}
.tab .ajax__tab_active .ajax__tab_outer:hover span {
color:#FFF
}
.tab .ajax__tab_body {
background:#000;
border-top:1px solid #666;
border-bottom:1px solid #666;
}
.modal,
.margin,
.margin td,
div.main{
background:#222;
color:#FFF;
}
body #cartUtilityWrap ul ul {
background:#222;
}
body #cartUtilityWrap li li a:hover,
body #cartUtilityWrap li li span:hover {
background:#444;
}
#progress {
background:none;
}
body .pagination ul > li > a, body .pagination ul > li > span {
background:#444;
}
.nextInvoice .nextCartSubtotal td:nth-child(2),
.nextInvoice .nextCartSubtotal td:nth-child(3) {
background:#EEE;
background:rgba(255,255,255, .03);
}
.nextInvoice .nextCartSubtotal {
background:none;
}
.nextInvoice .nextCartCategoryDiscount {
background:rgba(255,255,255, .05);
}
.nextInvoice .nextOrderDiscount {
background:rgba(255,255,255, .06);
}
.nextInvoice .nextCustomerDiscount {
background:rgba(255,255,255, .07);
}
.nextInvoice .nextCouponDiscount {
background:rgba(255,255,255, .08);
}
.nextInvoice .nextSalesTax {
background:rgba(255,255,255, .1);
}
.nextInvoice .nextShipping {
background:rgba(255,255,255, .15);
}
.nextInvoice .nextCartTotal td {
background:rgba(255,255,255, .3);
color:#FFF;
}
.nextUtilityParent {
color:#FFF;
}
.nextUtilityParent a,
.nextUtilityParent a:hover {
color:#FFF;
}
.cartFooterBox {
color:#999;
border-top:1px solid #666;
}
.nextPrice {
color:#FFF;
}
body .pagination {
border-bottom: 1px dotted #666;
border-top: 1px dotted #666;
}
body .nextSharingTools h3, body .nextAttributes h3 {
color:#FFF;
}
*/
/*----------------------------------------------------------------
..VIDEOS
------------------------------------------------------------------*/
body .video-container {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
margin-top:30px;
}
body .video-container iframe, body .video-container object, body .video-container embed {
position:absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
/*--------------------------------
..Slider Custom Styles
---------------------------------*/
/*
#pnlPersistentCategory42,
#nav li.cat42,
#storefrontWrap li.cat42 {
display:none;
}
*/
/*----------------------------------------------------------------
..RENDERSTOREFRONT.JS Custom Styles
------------------------------------------------------------------*/
/*
#storefrontWrap li.tile {
width:16.6%;
padding:0 1.5% 2%;
}
*/
/*----------------------------------------------------------------
..NAV.JS Custom Styles
------------------------------------------------------------------*/
/*
#nav{
font-family: inherit;
}
*/
/*----------------------------------------------------------------
..Edit Pending Order
------------------------------------------------------------------*/
.editPendingOrder .nextCartAddendum,
.editPendingOrder.nextClubCustomerType #memberSavings,
.editPendingOrder .nextCartEnterGiftCert {
display:none;
}
.nextCartPendingEdit {
margin:0 0 17px;
text-align:left;
padding:0 5px;
}
.editPendingOrder input#btnCheckOutBottom {
margin-bottom:10px;
}
/*----------------------------------------------------------------
..saleStickers (activate via JS)
------------------------------------------------------------------*/
.nextProductList .onSale.nextProductWrapper,
.onSale .nextMainImage {
position:relative;
}
.nextProductList .onSale.nextProductWrapper: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;
}
@media only screen and (min-width: 1025px) {
.onSale .nextMainImage:after {
width:90px;
height:90px;
line-height:90px;
font-size:28px;
}
}
/*----------------------------------------------------------------
..tabMotion (requires tabMotion.js
------------------------------------------------------------------*/
.tabMotion td.nextMainImageWrap {
width:50%;
}
.hiddenTab {
display:none;
}
/*reveiws and questions*/
#tabMotion #reviewsQuestionsWrap {
margin:40px 0;
font-size:12px;
}
#tabMotion #reviewsQuestionsWrap * {
vertical-align:bottom;
}
#tabMotion .questionsDiv {
font-size:0;
}
#tabMotion .questionsDiv p {
font-size:15px;
}
#tabMotion .nextRatingIcons {
padding-right: 11px;
margin-top: 1px;
display: inline-block;
vertical-align: top !important;
}
#tabMotion #reviewsQuestionsWrap .pipe {
display:inline-block;
padding:0 7px;
margin:0;
color:#aaadb1;
}
#tabMotion #readReviews,
#tabMotion .nextSubmitReviewLink,
#tabMotion #readQuestions,
#tabMotion #reviewsQuestionsWrap a {
display:inine-block;
cursor:pointer;
white-space:nowrap;
}
#tabMotion .reviewSpacer {
line-height:8px;
}
#tabMotion #reviewContent,
#tabMotion #questionContent {
border-top:1px solid #CCC;
border-bottom:1px solid #CCC;
margin:0 0 20px;
position:relative;
}
#tabMotion #reviewToggle,
#tabMotion #questionToggle {
top:17px;
right:0;
cursor:pointer;
position:absolute;
}
#tabMotion #reviewToggle:after,
#tabMotion #questionToggle:after {
content:"\00d7";
display:inline-block;
font:normal normal normal 20px/1 arial;
text-rendering:auto;
-webkit-font-smoothing:antialiased;
-moz-osx-font-smoothing:grayscale;
transform:translate(0, 0);
color:#888;
}
#tabMotion #reviewContent .nextRatingIcons {
float:left;
margin-top:4px;
}
#tabMotion #reviewContent .nextRatingIcons > img {
vertical-align: top;
width:16px;
}
#tabMotion #reviewContent > div {
padding-bottom:10px;
border-bottom:1px dotted #ccc;
padding-top:15px;
}
#tabMotion #questionContent {
padding-top:10px;
}
@media only screen and (max-width: 1362px) {
#tabMotion #reviewsQuestionsWrap {
min-width:263px;
}
#tabMotion .nextRatingIcons {
display:block;
margin-bottom:5px;
}
}
#tabMotion .nextReviewsQuestions2 > p {
padding:0;
margin:7px 0;
}
#tabMotion .nextReviewsQuestions2 > p:nth-child(even) {
padding:0 0 10px;
margin:0 0 10px;
border-bottom:1px dotted #ccc;
}
#tabMotion .nextReviewsQuestions2 > p:last-of-type {
border-bottom:none;
padding:0;
}
/*end reviews and questions*/
/*long description*/
#tabMotion .nextLongDescription {
margin: 20px 0 10px;
}
/*specifications*/
body.tabMotionSpecs #tdSpecifications {
display:none;
}
#tabMotion .nextSpecifications {
border-spacing:0;
}
#tabMotion .nextSpecifications td {
font-weight:normal !important;
font-size:13px;
padding:3px 0 3px 10px;
text-align:left;
}
#tabMotion .nextSpecifications > tbody > tr > td:nth-child(1) {
text-transform:uppercase;
padding-left:6px;
}
/*headings*/
.tabMotion .nextSharingTools h3,
.tabMotion .nextAttributes h3,
#tabMotion h3.contentHeading {
border-bottom: 1px solid #ccc;
color: #333;
font-size:18px;
font-weight: normal;
margin: 40px 0 15px;
font-family: Georgia, "Times New Roman", Times, serif;
}
.tabMotion .nextSharingTools h3 {
margin-bottom:0;
}
/*attributes*/
.tabMotion .nextAttributes {
}
.tabMotion .nextAttributes table {
border-spacing:0;
}
.tabMotion .nextAttributes td {
padding-left:0;
}
/*custom fields*/
#tabMotion .nextProductDetailTabbedTable {
border-top:none;
margin:0;
}
/*price*/
#tabMotion .nextPrice {
margin-bottom:0;
/*font-size:0;*/
padding:0;
}
#tabMotion .nextPrice span {
font-size:18px;
}
/*short description*/
#tabMotion .nextShortDesc {
margin:20px 0 0;
padding-top:0;
}
/*h1*/
body.tabMotion .nextProductDetailTabbed h1.nextProdName {
margin-bottom:10px;
}
/*status*/
#tabMotion #statusWrap .nextStatus {
margin-top:4px;
min-height:1em;
}
/*atc*/
.tabMotion .nextAddToCart {
padding:0;
margin:30px 0 0;
}
/*visibility*/
#tabMotion .nextVisibility {
margin:5px 0 0;
}
/*interal store*/
.oms #tabMotion #reviewsQuestionsWrap .pipe.beforeAskQ,
.oms #tabMotion #reviewsQuestionsWrap .pipe.forReviews {
display:none;
}
/*hide empty tabber*/
.nextProductDetailBottom.allTabsMoved {
display:none;
}
/*price details*/
.tabMotionPriceDetails .nextDetailsTabTable #tblBannerHeader {
display:none;
}
.tabMotionPriceDetails .nextDetailsTabTable .banner2 {
background: none;
color: inherit;
}
.tabMotionPriceDetails .nextPriceListTable {
width:auto !important;
}
.tabMotionPriceDetails .nextPriceListTable td{
padding:0 35px 3px 0;
}
.tabMotionPriceDetails #tdPriceDetails > span{
padding-top:0;
}
/*----------------------------------------------------------------
..discount label customization for category discounts and
customer type discoutns that display as line items in the cart
------------------------------------------------------------------*/
/*
td.cart .nextCustomerDiscount > td:nth-child(2),
.nextInvoice .nextCustomerDiscount > td:nth-child(1){
font-size:0;
}
td.cart .nextCustomerDiscount > td:nth-child(2):after,
.nextInvoice .nextCustomerDiscount > td:nth-child(1):after{
content: "Club Membeer Discount - 20% off all wine";
font-size:100%;
}
td.cart .nextCartCategoryDiscount > td:nth-child(2),
td.cart .nextCartCategoryDiscount > td:nth-child(2) span,
.nextInvoice .nextCartCategoryDiscount > td:nth-child(1),
.nextInvoice .nextCartCategoryDiscount > td:nth-child(1) span{
font-size:0;
}
td.cart .nextCartCategoryDiscount > td:nth-child(2):after,
.nextInvoice .nextCartCategoryDiscount > td:nth-child(1):after{
content: "Case Discount - 15% off 12 or more bottles";
font-size:100%;
}
*/
/*----------------------------------------------------------------
..increment/decrement styling
------------------------------------------------------------------*/
/*
.main .nextATCPlusMinus,
.nextAddToCartQuantity input,
.nextExpressOrderRow input,
.nextExpressOrderAlternateRow input,
.nextExpressOrderQuantity > span > * {
border: 1px solid #e3e3e3;
height: 41px;
padding: 7px 10px 8px;
font-size:16px;
border-radius:0;
-moz-box-sizing:border-box;
box-sizing:border-box;
width:auto;
line-height:23px;
vertical-align:top;
margin:5px 0 0;
text-align:center;
min-width: 30px;
}
.nextAddToCartQuantity .nextATCPlusMinus:nth-child(1),
.nextExpressOrderQuantity > span > .nextATCPlusMinus:nth-child(1),
.nextExpressOrderRow span > .nextATCPlusMinus:nth-child(1),
.nextExpressOrderAlternateRow span > .nextATCPlusMinus:nth-child(1) {
border-right:none;
}
.nextAddToCartQuantity .nextATCPlusMinus:nth-of-type(2),
.nextExpressOrderQuantity > span > .nextATCPlusMinus:nth-of-type(2),
.nextExpressOrderRow span > .nextATCPlusMinus:nth-of-type(2),
.nextExpressOrderAlternateRow span > .nextATCPlusMinus:nth-of-type(2) {
border-left:none;
}
.nextAddToCartQuantity {
vertical-align:top;
}
.nextAddToCartQuantity input {
min-width:45px;
}
.cart .nextCartLogin.nextHTMLButton {
padding: 3px 9px;
}
*/
/*----------------------------------------------------------------
..Font Override
------------------------------------------------------------------*/
html {
font-size: 16px;
font-family: proxima-nova; /*global font*/
line-height: 1.3;
}
.main,
.cart,
.persist {
font-family: inherit;
line-height: 1.3;
}
#nextCartHeading,
#cartFooter h3,
.persist h4,
.nextProductDetailTabbed h1.nextProdName,
.nextProductDetailTabbed .nextPrice,
.nextSharingTools h3,
.nextAttributes h3,
body #tcTabs_header,
body .nextProductDetailTabbed h1.nextProdName,
body .modal tr.banner1,
body div.margin tr.banner1,
.main .banner1,
.main .banner2,
.nextTileProductBanner tr.banner1 td,
.nextSubcategoriesBanner tr.banner1 td,
tr.bannerStoreFront td,
.nextNoProductsBanner td,
.nextRelatedProducts .nextAppendHeader,
.main .banner1 h1.nextBannerText,
.nextPolicies tr.banner1 td,
#progress h3,
.tabMotion .nextSharingTools h3,
.tabMotion .nextAttributes h3,
#tabMotion h3.contentHeading {
font-family: proxima-nova; /*headings font*/
}
.main,
/*
.margin,
.modal,
*/
body div.modal,
body div.margin,
.cart,
.persist,
.font1,
.font2,
.main .banner1,
/*.main .banner1 h1.nextBannerText,*/
.main .banner2,
.cart .banner1,
.persist .banner1,
.margin .banner1,
.modal .banner1,
.margin .banner2,
.modal .banner2,
.nextCategory .nextCatName,
.nextProduct,
.nextAdvancedSearch,
.nextUndoSearch,
.nextProductDetailTop,
.nextProductDetailStacked .nextProdName,
.nextExpressOrderProducts .nextProdName,
.nextLongDescription,
.nextArticleSearchDescription,
.nextArticleSearchLink,
.nextCartTop,
.nextShoppingCart,
.nextRegisterHeader,
.nextPasswordTextCell,
.nextTrusteeTextCell,
.nextLargeTextLink,
.nextCategoryDisplay .nextCatName,
.nextAttributes,
.nextExpressOrderAttributes,
.nextAppendHeader,
.nextCartEmpty,
.nextCartTotal td,
#cartFooter p,
#cartShippingInfo p,
.nextPersistentCategory.nextTopCategory a,
.nextPersistentCategory .nextTopCategory a,
#ui-id-1,
.nextSortBy,
.nextSingleLinePrevNext a.disguise,
.addCaseMessage,
#tabMotion #reviewsQuestionsWrap,
#tabMotion .questionsDiv p,
#tabMotion .nextSpecifications td,
.main a.nextCatName,
body #clubLogin h3,
.tab .ajax__tab_outer
{
font-size: 1rem;
}
.nextCartProducts,
.cart .nextCartTotal td,
.nextCartAddendum,
.nextTileProductWrapper,
a.nextProdName,
.nextCartLoyaltyRedemption,
.nextPersistentCategory a
{
font-size: .9rem;
}
.font1small,
.font2small,
.labelSubText,
.nextStatus,
.nextSKUOptions,
/*.nextSearchStatement,*/
.nextArticleSearchStatement,
.nextCatDisc,
.nextCatDiscText,
.nextMultiLinePrevNext,
.nextSKUShipText,
.nextSharingDiscountLimit,
.nextMisCustomer,
.nextCartPolicy,
.nextCartCurrency,
.nextCartProdSavings,
.nextViewCoupon,
.nextRemoveCoupon,
.nextRemoveGiftCert,
.nextRemoveGiftCard,
.nextCartCalculator,
.nextCartSmallButton,
.nextPoweredBy,
.nextShippingDisclaimer td,
.nextNewCustomerCancel,
.nextNoApplicationCoupon,
.nextEmptyCartGiftCert,
.nextEmptyCartGiftCard,
/*.nextCartLoyaltyRedemption,*/
.nextProductList .nextShipToSelect select,
.nextProductList .nextShipToSelect option,
a.nextCartDetermineSTP,
a.nextCartEditSTP,
.nextGiftMessageWrap div>a,
.nextCartBottomButtons > a,
a.nextEnterGiftCert,
a.nextEnterCoupon,
#memberSavings,
a.nextEnterGiftCard,
body #cartUtilityWrap,
.nextInvoice a.nextEnterGiftCert,
.nextInvoice a.nextEnterCoupon,
.nextInvoice a.nextEnterGiftCard,
.nextShipToSelect label,
.nextPickupSelect label,
.nextPriceDetailsLink,
body .pagination,
body td.main #threadWrapper,
#progressContinueShopping,
#progress ul li,
#progress ul li span,
.nextSubscriptionLabel
{
font-size: .8rem;
}
.font1large,
.font2large,
.nextSoldOut,
.nextProductDetailTabbed .nextProdName,
/*.nextProductDetailTabbed .nextPrice,*/
body .nextProductDetailTabbed .nextPrice,
.nextNewCustomerLink,
.nextExpressOrderTotals,
.nextArticleSearchTitle,
#nextCartHeading,
#cartFooter h3,
.persist h4,
.nextSearchStatement,
body .nextSharingTools h3,
body .nextAttributes h3,
.tabMotion .nextSharingTools h3,
.tabMotion .nextAttributes h3,
#tabMotion h3.contentHeading,
#tabMotion .nextPrice span
{
font-size: 1.2rem;
}
.nextTileProductBanner tr.banner1 td,
.nextSubcategoriesBanner tr.banner1 td,
tr.bannerStoreFront td,
.nextNoProductsBanner td,
.nextRelatedProducts .nextAppendHeader,
.main .banner1 h1.nextBannerText,
.nextPolicies tr.banner1 td,
#progress h3,
body .nextProductDetailTabbed h1.nextProdName,
body .modal tr.banner1,
body div.margin tr.banner1
{
font-size: 1.6rem;
text-transform: uppercase;
}
/*----------------------------------------------------------------
..UNIQUE STYLES FOR THIS STORE
------------------------------------------------------------------*/
body.btoc .nextStoreFrontBanner,
body.btob .nextStoreFrontBanner {
display:none;
}
/* Vanillabean moves the category banner by default. Hide it in its original location so it doesn't appear then when sort by or filter are used */
.nextTileProductBanner ~ div.nextProductListWrapper .nextTileProductBanner,
.nextSubcategoriesBanner ~ div.nextProductListWrapper .nextSubcategoriesBanner{
display:none;
}
/*hide pickup*/
/*
.nextPickupRow {
display:none;
}
.oms .nextPickupRow {
display: table-row;
}
*/
.account #trBottom,
.checkout #trBottom {
/*display:none;*/
}
/*
td.main,
td.persist,
td.cart {
background: none;
}
*/
#trCenter {
background: #FFF;
}
.nextSearch {
display: none;
}
.cartZoom .borderingHTML *,
.cartZoom .container *,
.nextCartShowing .borderingHTML *,
.nextCartShowing .container *,
.cartZoom .main .select-box:after,
.cartZoom .main .sortSelect:after,
.nextCartShowing .main .select-box:after,
.nextCartShowing .main .sortSelect:after
{
z-index: 0;
}
.nextCategoryDescription {
/*display: none; /*hiding category descriptions becuase they contain cat names in live store and we want to use the native CatName
instead;*/
}
.nextHierarchy {
display: none;
}
.main .banner1 h1.nextBannerText {
font-weight: 800;
font-size: 32px;
line-height: 125%;
text-transform: none;
}
@media (min-width:768px) {
.main .banner1 h1.nextBannerText {
font-size: 40px
}
}
@media (min-width:992px) {
.main .banner1 h1.nextBannerText {
font-size: 48px
}
}
#threadWrapper,
.nextCurrentCategorySearch{
display: none;
}
/*
select {
-o-transition: .4s;
-moz-transition: .4s;
cursor: pointer
}
select {
background-color: #3b3b3b;
border-radius: 15px;
color: #fff;
font-size: 15px;
padding: 15px 20px;
width: 100%;
outline: 0;
-ms-transition: .4s;
-webkit-transition: .4s;
transition: .4s
}
select:hover {
background-color: #000
}
select:after {
font-family: FontAwesome;
content: "\f0dc";
color: #fff;
display: block;
font-size: 18px;
position: absolute;
z-index: 2;
top: 13px;
right: 20px
}
*/
.sortSelect {
width:185px;
}
.nextProductListWrapper .pagination {
width:100%;
margin: 0;
padding: 40px 0 10px;
border: 0;
border-top:1px solid #ccc;
}
.nextSortBy label {
display: none !important;
}
#iframe {
height: 210px;
}
@media (max-width:865px) {
#iframe {
height: 270px;
}
}
@media (max-width:660px) {
#iframe {
height: 290px;
}
}
@media (max-width:400px) {
#iframe {
height: 360px;
}
}
.nextStoreFront #aspnetForm,
.nextCategoryList.nextCategory32 #aspnetForm{
padding:0 15px 100px;
}
@media (max-width:1250px) {
.nextStoreFront #aspnetForm,
.nextCategoryList.nextCategory32 #aspnetForm{
padding:0;
}
}
.nextStoreFront #threadWrapper {
display: none !important;
}
.nextProductTicker {
display: none;
}
body .pagination ul > li > a,
body .pagination ul > li > span {
border:none;
padding: 2px;
margin: 0 10px;
line-height: 1.6em;
}
body .pagination ul > li > a:hover,
body .pagination ul > li > a:focus,
body .pagination ul > .active > a,
body .pagination ul > .active > span {
background: none;
color: #f5551e;
}
body .pagination ul {
margin: 10px 0 0 10px !important;
box-shadow: none;
}
.pagination .subPagParent {
display: none;
}
.fluidTiling .nextCategoryTable,
.fluidTiling .nextTileProducts {
display:none;
}
.fluidContainer .nextCatLinks,
.fluidContainer .nextProductWrapper,
.relatedWrap {
/*
display:inline-table;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
vertical-align:top;
width:33.2%;
text-align:center;
padding:0 1.5% 5%;
*/
}
.product-grid .product:nth-child(4n + 1) {
clear: both;
}
.product p b {
font-weight: 400;
}
.imageWrapper img {
width:100%;
}
.nextCategoryList.nextCategory32 td.main > *:not(.adopt-animal-block) {
display: none;
}
.nextProductList.nextCategory32 .topper .deck ,
.nextProductDetail.nextCategory32 .topper .deck {
display:none;
}
.nextProductDetail .breadcrumbs {
float: none;
}
body .nextProductDetailTabbed h1.nextProdName {
font-size: 32px;
line-height: 125%;
font-weight: 800;
text-transform: none;
margin: 0 !important;
}
@media only screen and (min-width: 768px) {
body .nextProductDetailTabbed h1.nextProdName {
font-size: 35px;
}
}
@media only screen and (min-width: 992px) {
body .nextProductDetailTabbed h1.nextProdName {
font-size: 40px;
}
}
td.nextMainImageWrap {
width:50%;
box-sizing: border-box;
padding: 0 15px;
}
td.nextTabbedProduct {
padding: 0 0 0 50px;
}
.nextProductDetail .nextPriceWrapper,
.nextProductDetail .nextPriceWrapper *,
#tabMotion .nextPrice span{
font-size: 36px;
font-weight: normal;
color: #000;
line-height: 150%;
}
.nextLongDescription {
color:#444;
font-size: 15px;
}
.nextLongDescription, .nextLongDescription *,
.nextShortDesc{
color: #444 !important;
font-size: 15px !important;
line-height: 150% !important;
font-family: proxima-nova !important;
}
#reviewContent,
#reviewContent *{
color: #444;
font-size: 15px;
line-height: 150%;
}
#reviewsQuestionsWrap,
#reviewsQuestionsWrap * {
font-size: 13px;
font-weight: 600;
}
#aspnetForm label {
display:inline;
}
#aspnetForm .select-box {
display: inline-block;
}
.nextShipToSelect label,
.nextPickupSelect label {
font-size:16px !important;
}
input[type="text"]{
min-width:50px;
}
.main td,
.cart td {
vertical-align:top;
}
.nextStandardAttributes label {
white-space: nowrap;
padding-right: 10px;
}
.nextAttributeSelect {
width: 100%;
}
.nextFulfillmentTable,
.nextShipToSelect{
width:100%;
}
.nextAttributeLabel {
margin-top: 16px;
display: inline-block;
}
.nextAttributes h3 {
display: none;
}
body .nextAddToCart {
margin: 0 !important;
padding: 0 !important;
}
.nextSharingTools {
display: none;
}
/*
.nextShipToSelect .select-box {
width:200px;
}
*/
.select-box {
/*width:300px;*/
width:210px;
}
#mpeCreditCard_foregroundElement .select-box{
width:100%
}
.nextInvoice .select-box {
width:150px;
}
body:not(.nextProductDetail) .select-box{
margin-bottom:0;
margin-right: 5px;
}
.cart td,
.modal td,
.margin td,
.nextLogin td,
.nextRegister td,
.nextInvoice td,
.nextOrderInfo td{
vertical-align: middle;
}
.modal td,
.margin td,
.nextLogin .main td,
.nextRegister .main td,
.nextInvoice .main td,
.nextOrderInfo .main td,
.nextGiftCertificate .main td,
.nextProduct283 .main td{
padding:5px;
}
.modal input,
.margin input,
.nextLogin input,
.nextRegister input,
.nextInvoice input,
.nextOrderInfo input{
margin-bottom:0;
}
hr {
margin-bottom:40px;
}
.nextInvoice hr {
margin-top:0;
}
input[type="radio"]{
margin-right: 5px;
}
td.nextInvoiceBillToAddress {
vertical-align: top;
}
#enterCouponRow td,
#enterGCRow td {
padding: 0;
}
.nextCCPaymentNumberRow input {
width: auto;
}
.nextProduct283 #reviewsQuestionsWrap {
display: none; /*gift certificate reviews*/
}
body:not(.nextCategory32) .adopt-animal-block {
margin:0;
}
.nextStoreFront .nextCategoryTable {
display:none;
}
@media only screen and (max-width: 767px) {
.nextMainImageWrap,
.nextTabbedProduct {
display: block;
width:100% !important;
}
.nextMainImageWrap {
text-align: center;
}
}
#mpeEditAddress_foregroundElement .modal {
width:700px !important;
}
.pipe.beforeAskQ {
display: none !important;
}
.nextNewCustomer {
vertical-align: top !important;
}
.nextPaymentInfoCell input[type="text"]{
width:100% !important;
box-sizing: border-box;
}
body .nextAttributes {
margin-bottom:0;
}
.nextRelatedThread {
display: none;
}
/*.nextProductDetail input.nextHTMLButton.nextATCButton,*/
.nextProductDetail select{
text-transform: capitalize;
}
body #mpeLargeImage_foregroundElement {
left: 50% !important;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
.modal.nextLargeImagePopup {
padding: 0;
border: none;
box-shadow: 0 10px 20px rgba(0,0,0,.8) !important;
}
body .modal.nextLargeImagePopup input.nextHTMLButton[value="Close"] {
background: url(//cdn.nexternal.com/sierraclub/images/close_x.png) 0 0 no-repeat;
top:0;
right:-50px;
border-radius: 0;
}
#mpeLargeImage_backgroundElement.shade {
background: #000;
opacity: .8;
}
.nextLargeImage {
padding: 0;
}
.nextLongDescription ul{
font-size: 18px;
line-height: 30px;
margin-bottom: 30px;
margin-left: 0;
padding-left: 25px;
}
.nextLongDescription li{
line-height: 30px !important;
}
a.unhide {
display: inline !important;
}
.addInfo {
font-size: 12px !important;
color: black !important;
}
/*gift membership https://store.sierraclub.org/sierra-club-gift-membership-p387.aspx*/
/*gift membership https://store.sierraclub.org/sierra-club-gift-membership-p841.aspx*/
.nextProduct387 .customTab1Heading,
.nextProduct387 .priceDetailsHeading,
.nextProduct387 .nextDetailsTabTable, .nextProduct841 .customTab1Heading,
.nextProduct841 .priceDetailsHeading,
.nextProduct841 .nextDetailsTabTable{
display: none;
}
.nextProduct387 .nextReviewsQuestions4,
.nextProduct387 .nextReviewsQuestions4 *, .nextProduct841 .nextReviewsQuestions4,
.nextProduct841 .nextReviewsQuestions4 * {
font-size: 15px !important;
font-family: "proxima-nova" !important;
}
.nextProduct387 .nextReviewsQuestions4, .nextProduct841 .nextReviewsQuestions4 {
margin-bottom: 40px;
display:none;
border-top:1px solid #ccc;
border-bottom:1px solid #ccc;
padding: 10px 0;
position: relative;
}
.nextProduct387 .nextReviewsQuestions4 .closeToggle, .nextProduct841 .nextReviewsQuestions4 .closeToggle{
position: absolute;
top:0;
right:5px;
padding: 5px;
cursor: pointer;
font-size: 24px !important;
}
.nextProduct387 .nextStandardAttributes,
.nextProduct387 .nextWriteInAttributes, .nextProduct841 .nextStandardAttributes, .nextProduct841 .nextWriteInAttributes {
width:100%;
}
.nextProduct387 .nextStandardAttributes > tbody > tr > td,
.nextProduct387 .nextWriteInAttributes > tbody > tr > td,
.nextProduct387 .nextShipToLabel, .nextProduct841 .nextStandardAttributes > tbody > tr > td, .nextProduct841 .nextWriteInAttributes > tbody > tr > td, .nextProduct841 .nextShipToLabel {
display: block !important;
text-align: left;
padding: 0 0 5px;
}
.nextProduct387 .nextStandardAttributes td:last-child,
.nextProduct387 .nextWriteInAttributes td:last-child, .nextProduct841 .nextStandardAttributes td:last-child,
.nextProduct841 .nextWriteInAttributes td:last-child {
padding: 0 0 30px;
}
.nextProduct387 .select-box, .nextProduct841 .select-box{
width:100%;
}
.nextProduct387 .nextMainImageWrap,
.nextProduct387 .nextMainImage, .nextProduct841 .nextMainImageWrap,
.nextProduct841 .nextMainImage {
margin: 0;
}
.nextProduct387 .nextPrice, .nextProduct841 .nextPrice {
margin-bottom:30px;
}
.nextProduct387 .nextAddToCartQuantity, .nextProduct841 .nextAddToCartQuantity{
display: none;
}
.nextProduct387 input.nextHTMLButton.nextATCButton, .nextProduct841 input.nextHTMLButton.nextATCButton{
margin: 0;
}
.nextProduct387 #tabMotion #reviewsQuestionsWrap, .nextProduct841 #tabMotion #reviewsQuestionsWrap {
margin: 5px 0 0 ;
}
.nextProduct387 .nextStandardAttributes .select-box,
.nextProduct387 .nextWriteInDropDownList .select-box, .nextProduct841 .nextStandardAttributes .select-box,
.nextProduct841 .nextWriteInDropDownList .select-box {
margin: 0;
}
.nextProduct387 #statusWrap, .nextProduct841 #statusWrap{
display: none !important;
}
/*end gift membership*/
/*login.aspx*/
.nextRelatedProducts .nextAppendHeader{
font-size: 48px;
font-family: "proxima-nova";
text-align: center !important;
text-transform: none;
border: none;
padding: 80px 0 25px;
margin: 60px 0 0;
border-top:1px solid #CCC;
}
.nextRelatedProducts .nextAppendHeader b {
font-weight: 800;
}
.nextLogin .banner2 {
background: none;
}
.nextLogin .banner2 td {
vertical-align: top;
padding: 40px 0 0;
}
.nextLogin .banner2 .nextBannerText {
font-size: 36px;
font-family: "proxima-nova";
font-weight: 800;
color: #000;
white-space: normal;
padding: 0;
}
.nextLoginBtoC > tbody > tr > td {
vertical-align: top;
}
.nextSecurityDisclaimer {
display: none;
}
.nextLoginBtoC > tbody > tr > td:nth-child(2){
width:0;
border-right:1px solid #ccc;
}
.nextLoginBtoC > tbody > tr > td:nth-child(1){
padding-right: 150px;
width:48%;
}
.nextLoginBtoC > tbody > tr > td:nth-child(3){
padding-left: 50px;
}
.nextLoginBtoC,
.nextNewCustomerText {
font-size: 20px;
}
.nextEmailLabelCell,
.nextPasswordLabelCell{
font-size: 16px;
}
.nextLoginForm > tbody > tr > td {
display: block;
text-align: left;
}
.nextNewCustomerCancel,
.nextPasswordReminderLink{
font-size: 0;
}
.nextNewCustomerCancel a,
.nextPasswordReminderLink a{
font-size: 12px;
color: #000;
text-transform: uppercase;
font-weight: 700;
text-decoration: underline;
}
.nextNewCustomerCancel a:hover {
color: #F5551E;
}
.nextNewCustomerLink {
text-decoration: underline;
}
input.nextHTMLButton[value="Log In Securely"]{
display: block;
margin: 27px 0 0;
}
.nextLoginForm input[type="email"],
.nextLoginForm input[type="password"]{
width: 100% !important;
box-sizing: border-box;
}
.nextReturningCustomerText {
display: block;
margin-top:-40px;
}
.nextLoginForm {
width: 100%;
}
/*end login.aspx*/
/*search.aspx*/
.nextSearchPage .nextTopBanner {
display:none;
}
#customSearchCell {
vertical-align: top;
padding-right: 30px;
width: 386px;
box-sizing: border-box;
}
#customSearchCell h3 {
font-size: 20px;
line-height: 140%;
}
.nextAdvancedSearchInstructions {
display: none;
}
.nextAdvancedSearchMain > table > tbody > tr:nth-child(3),
.nextAdvancedSearchMain > table > tbody > tr:nth-child(4),
.nextAdvancedSearchMain > table > tbody > tr:nth-child(5) {
display: none;
}
.nextAdvancedSearchMain > table > tbody > tr > td {
display: block;
padding: 0 0 5px;
text-align: left;
}
.nextAdvancedSearchMain,
.nextAdvancedSearchMain > table{
width:550px;
}
.nextAdvancedSearchMain > table > tbody > tr > td:nth-child(2){
padding-bottom:30px;
}
.nextSearchPage .main .nextSearchKeyword,
.nextSearchPage .select-box{
width:100% !important;
}
.priceRow .select-box,
.sortByRow td > .select-box:first-child{
width: 365px !important;
float: left;
margin-right: 20px !important;
}
.priceRow tr > td:first-child {
vertical-align: top;
padding-top:17px;
}
.priceRow input {
margin:0 0 0 20px;
width:128px !important;
box-sizing: border-box;
}
.sortByRow td > .select-box:nth-child(2){
width: 165px !important;
}
.nextAdvancedSearchMain hr {
display: none;
}
.nextSearchPage .main .nextCentered {
text-align: left;
}
.nextSearchPage .main .nextCentered input[value="Cancel"]{
display: none;
}
.priceRow + tr {
display: none;
}
/*end search.aspx*/
/*no search results*/
.nextNoSearchResultsBanner tr.banner1 {
background: none;
}
.nextNoSearchResultsBanner .nextBannerText {
font-weight: 800;
font-size: 48px;
line-height: 125%;
text-transform: none;
color: #000;
text-align: left;
display: block;
padding: 0 0 25px;
border-bottom:1px solid #ccc;
}
.nextNoSearchResultsText {
margin: 30px 0 0;
}
.nextNoSearchResultsText b {
font-style: italic;
}
.nextNoSearchResultsText p {
margin: 20px 0 0;
}
.nextNoSearchResultsText ul {
margin: 0 0 0 15px;
font-size: 16px;
}
/*..hello*/
/*----------------------------------------------------------------
..RESPONSIVE STORE
------------------------------------------------------------------*/
.nextCurrentCategorySearch {
/*display:none;*/
margin-bottom:25px;
}
@media only screen and (min-width: 320px) and (max-width: 768px) {
/*td.persist {
display:none;
}
.nextCurrentCategorySearch {
display:table;
}
#searchField2 {
display:block;
}*/
}
@media only screen and (max-width: 1024px) {
td.main {
/*padding:0 10px;*/
}
.nextStoreFront #threadWrapper {
display:block;
}
.nextProductSpacer div {
width:10px;
}
/*
#aspnetForm {
padding-left:5px;
padding-right:5px;
}
*/
}
/* Fixed menu as per https://gist.github.com/eihabcro/0a60ace9113f90dc7780b323e1a6f5ac
margin also set in header */
div.aboveMenu {
position:fixed;
top:0;
width:100%;
z-index:1;
}