html {height: 100%}
form.aspNetForm, div.nextOuterWrapper, div.nextInnerWrapper {height: 100%; margin: 0}
div.nextOuterWrapperNoEvents {height: 100%; margin: 0; pointer-events: none}
.store {vertical-align: top; margin: 0}
.main {background-color: white; background-image: none; text-align: left; vertical-align: top; margin: 0; font: 11pt "Raleway", "Arial", "Helvetica Neue", "Helvetica", sans-serif; color: #4a4949; padding: 0 5px 0 5px}
.margin, .modal {background-color: white; background-image: none; text-align: left; font: 11pt "Raleway", "Arial", "Helvetica Neue", "Helvetica", sans-serif; color: #4a4949; 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: transparent; background-image: none; text-align: center; vertical-align: top; margin: 0; font: 11pt "Raleway", "Arial", "Helvetica Neue", "Helvetica", sans-serif; color: #4a4949}
.persist {background-color: white; background-image: none; text-align: left; vertical-align: top; margin: 0; font: 11pt "Raleway", "Arial", "Helvetica Neue", "Helvetica", sans-serif; color: #333333}
.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: center; height: 100%}
table.nextInnerTable {width: 100%; height: 100%}
tr.invisible {display: none}
td.top {background-image: url(//cdn.nexternal.com/highjump/images/Koerber_Logo_RGB_Black2.png); 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: 11pt "Raleway", "Arial", "Helvetica Neue", "Helvetica", sans-serif}
.font1small {font: 10pt "Raleway", "Arial", "Helvetica Neue", "Helvetica", sans-serif}
.font1large {font: 12pt "Raleway", "Arial", "Helvetica Neue", "Helvetica", sans-serif}
.font2 {font: 11pt "Raleway", "Arial", "Helvetica Neue", "Helvetica", sans-serif}
.font2small {font: 10pt "Raleway", "Arial", "Helvetica Neue", "Helvetica", sans-serif}
.font2large {font: 12pt "Raleway", "Arial", "Helvetica Neue", "Helvetica", sans-serif}
.labelSubText {font-size: 10pt; display: block}
.welcome {text-align: center}
.main a {color: #017cb7}
.main a:hover {color: #fc5100}
.main img {border-color: #017cb7}
.cart a {color: #017cb7}
.cart a:hover {color: #fc5100}
.cart img {border-color: #017cb7}
.persist a {color: #333333}
.persist a:hover {color: #333333}
.persist img {border-color: #333333}
.margin a, .modal a {color: #017cb7}
.margin a:hover, .modal a:hover {color: #fc5100}
.margin img, .modal img {border-color: #017cb7}
a.nounderline, .nounderline a {text-decoration: none; color: darkgoldenrod}
.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: #4a4949}
.main .banner1 {background-color: #666666; background-image: none; font: bold 11pt "Raleway", "Arial", "Helvetica Neue", "Helvetica", sans-serif; color: white}
.main .banner1 h1.nextBannerText {font: bold 11pt "Raleway", "Arial", "Helvetica Neue", "Helvetica", sans-serif; color: white; margin-bottom: 0px}
.main .banner2 {background-color: #666666; background-image: none; font: bold 11pt "Raleway", "Arial", "Helvetica Neue", "Helvetica", sans-serif; color: white}
.cart .banner1 {background-color: transparent; background-image: none; font: bold 11pt "Raleway", "Arial", "Helvetica Neue", "Helvetica", sans-serif; color: white}
.persist .banner1 {background-color: #666666; background-image: none; font: bold 11pt "Raleway", "Arial", "Helvetica Neue", "Helvetica", sans-serif; color: white}
.margin .banner1, .modal .banner1 {background-color: #666666; background-image: none; font: bold 11pt "Raleway", "Arial", "Helvetica Neue", "Helvetica", sans-serif; color: white}
.margin .banner2, .modal .banner2 {background-color: #666666; background-image: none; font: bold 11pt "Raleway", "Arial", "Helvetica Neue", "Helvetica", sans-serif; color: white}
.main .bannerStoreFront {background-color: #666666; background-image: none}
.main .bannerStoreFront .nextStoreFrontBannerNameCell {font-weight: bold; color: white}
.modal {border: solid 1px black}
.shade {background-color: black; opacity: 0.65}
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: #666666; 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: #666666; 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: "Raleway", "Arial", "Helvetica Neue", "Helvetica", sans-serif}
.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: 10pt}
.nextSoldOut, .nextProductDetailTabbed .nextProdName, .nextProductDetailTabbed .nextPrice, .nextNewCustomerLink, .nextExpressOrderTotals, .nextOrderPadTotalLabel, .nextOrderPadTotalQuantity, .nextOrderPadUpload, .nextInvoicePaymentFooter {font-size: 12pt}
.nextCategoryDisplay .nextCatName, .nextAttributes, .nextExpressOrderAttributes, .nextAppendHeader {font: 11pt "Raleway", "Arial", "Helvetica Neue", "Helvetica", sans-serif}
.nextProduct, .nextAdvancedSearch, .nextUndoSearch, .nextProductDetailTop, .nextProductDetailStacked .nextProdName, .nextExpressOrderProducts .nextProdName, .nextLongDescription, .nextArticleSearchDescription, .nextArticleSearchLink, .nextCartTop, .nextShoppingCart, .nextRegisterHeader, .nextPasswordTextCell, .nextTrusteeTextCell, .nextLargeTextLink {font: 11pt "Raleway", "Arial", "Helvetica Neue", "Helvetica", sans-serif}
.nextArticleSearchTitle {font: 12pt "Raleway", "Arial", "Helvetica Neue", "Helvetica", sans-serif}
.nextCategory .nextCatName {font: 10pt "Raleway", "Arial", "Helvetica Neue", "Helvetica", sans-serif}
.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, .nextPurchaseSetQtyMsg {font-weight: normal}
.nextSoldOut, .nextProductDetailTabbed .nextProdName, .nextProductDetailStacked .nextProdName, .nextExpressOrderProducts .nextProdName, .nextProductDetailTabbed .nextPrice, .nextProductDetailTabbedTable .nextSKU, .nextCustomField1, .nextCustomField2, .nextCustomField3, .nextCustomField4, .nextCustomField5, .nextCustomField6, .nextCustomField7, .nextCustomField8, .nextCustomField9, .nextCustomField10, .nextCustomField11, .nextCustomField12, .nextCustomField13, .nextCustomField14, .nextCustomField15, .nextCustomField16, .nextCustomField17, .nextCustomField18, .nextCustomField19, .nextCustomField20, .nextUOM, .nextShipWeight, .nextAllocation, .nextInventory, .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: #017cb7; background-color: #017cb7}
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: #4a4949}
.persist .nextSoldOut, .persist .nextProdDiscount {color: #333333}
.cart .nextCartDiscount, .cart .nextCartSavings, .cart .nextCartSubscription, .cart .nextCartOrderSubscription, .cart .nextCartReservation, .cart .nextCartWarningsWrapper {color: #4a4949}
.nextPopupText {white-space: normal}
.nextSortBy, .nextSingleLinePrevNext, .nextPreviousProductTextCell, .nextNextProductTextCell, .nextProductDetailTabbed .nextPrice, .nextRatingIcons, .nextRelatedThread, .nextCartDiscount, .nextBannerCell, .nextInternalCustomerInformationPopup .nextPopupText, .filterLineGroup, .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, .nextLoginPasswordReset, .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: 2px; width: 100%}
.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: center; 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, .nextRegisterCaptcha, .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}
.nextCustomerResetTextCell {padding-bottom: 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, .nextRegisterCaptcha, .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, .nextVelocityFailurePopup {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: 60px; max-height: initial}
.nextCartProdImageLarge img {max-width: 60px; max-height: initial}
.nextExpressOrderProductRow .nextProdThumb img, .nextExpressOrderSKURow .nextProdThumb img {max-width: initial; max-height: initial}
.nextExpressOrderSKURow {background-color: white; 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: #4a4949; 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}
.nextSubcategoryLevel1 {margin-left: 10px}
.nextSubcategoryLevel2 {margin-left: 20px}
.nextSubcategoryLevel3 {margin-left: 30px}
.nextSubcategoryLevel4 {margin-left: 40px}
.nextSubcategoryLevel5 {margin-left: 50px}
.nextSubcategoryLevel6 {margin-left: 60px}
.nextSubcategoryLevel7 {margin-left: 70px}
.nextSubcategoryLevel8 {margin-left: 80px}
.nextSubcategoryLevel9 {margin-left: 90px}
.nextSubcategoryLevel10 {margin-left: 100px}
.nextSubcategoryLevel11 {margin-left: 110px}
.nextSubcategoryLevel12 {margin-left: 120px}
.nextSubcategoryLevel13 {margin-left: 130px}
.nextSubcategoryLevel14 {margin-left: 140px}
.nextSubcategoryLevel15 {margin-left: 150px}
/*vanillabean113*/
/*----------------------------------------------------------------
..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]) {
padding:6px 8px;
border:1px solid #CCC;
border-radius:4px;
}
label {
padding-right:5px;
}
input::-moz-focus-inner{
border: 0;
padding: 0;
}
div.nextOuterWrapper {
overflow-x:hidden;
min-width:700px
}
/*----------------------------------------------------------------
..TOP AND BOTTOM HTML
------------------------------------------------------------------*/
.social-networks .at-custom-share-span {
margin: 0 !important;
}
#footer .addthis_custom_sharing {display:none !important;}
.social-networks .at-share-tbx-element .at-share-btn {
margin : 0 2px 0 0 !important;
display: inline-block;
}
.at-custom-button-color .at-icon-wrapper[style] {
background-color: none !Important;
}
#footer .footer-share {
display:none !important;
}
/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
.cf:before,
.cf:after {
content: " "; /* 1 */
display: table; /* 2 */
}
.cf:after {
clear: both;
}
.row {
margin-left: -15px;
margin-right: -15px;
position: relative;
display: inline-block;
width: 100%;
}
.row img {
padding: 0px 20px;
position: relative;
top: 50%;
transform: translateY(-50%);
float: left;
}
/**
* 1. Set default font family to sans-serif.
* 2. Prevent iOS and IE text size adjust after device orientation change,
* without disabling user zoom.
*/
html {
font-family: sans-serif; /* 1 */
-ms-text-size-adjust: 100%; /* 2 */
-webkit-text-size-adjust: 100%; /* 2 */
}
/**
* Remove default margin.
*/
body {
margin: 0;
}
/* HTML5 display definitions
========================================================================== */
/**
* Correct `block` display not defined for any HTML5 element in IE 8/9.
* Correct `block` display not defined for `details` or `summary` in IE 10/11
* and Firefox.
* Correct `block` display not defined for `main` in IE 11.
*/
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
display: block;
}
/**
* 1. Correct `inline-block` display not defined in IE 8/9.
* 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
*/
audio,
canvas,
progress,
video {
display: inline-block; /* 1 */
vertical-align: baseline; /* 2 */
}
/**
* Prevent modern browsers from displaying `audio` without controls.
* Remove excess height in iOS 5 devices.
*/
audio:not([controls]) {
display: none;
height: 0;
}
/**
* Address `[hidden]` styling not present in IE 8/9/10.
* Hide the `template` element in IE 8/9/10/11, Safari, and Firefox < 22.
*/
[hidden],
template {
display: none;
}
/* Links
========================================================================== */
/**
* Remove the gray background color from active links in IE 10.
*/
a {
background-color: transparent;
}
/**
* Improve readability of focused elements when they are also in an
* active/hover state.
*/
a:active,
a:hover {
outline: 0;
}
/* Text-level semantics
========================================================================== */
/**
* Address styling not present in IE 8/9/10/11, Safari, and Chrome.
*/
abbr[title] {
border-bottom: 1px dotted;
}
/**
* Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
*/
b,
strong {
font-weight: bold;
}
/**
* Address styling not present in Safari and Chrome.
*/
dfn {
font-style: italic;
}
/**
* Address variable `h1` font-size and margin within `section` and `article`
* contexts in Firefox 4+, Safari, and Chrome.
*/
h1 {
font-size: 2em;
margin: .67em 0;
}
/**
* Address styling not present in IE 8/9.
*/
mark {
background: #ff0;
color: #000;
}
/**
* Address inconsistent and variable font size in all browsers.
*/
small {
font-size: 80%;
}
/**
* Prevent `sub` and `sup` affecting `line-height` in all browsers.
*/
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sup {
top: -.5em;
}
sub {
bottom: -.25em;
}
/* Embedded content
========================================================================== */
/**
* Remove border when inside `a` element in IE 8/9/10.
*/
img {
border: 0;
}
/**
* Correct overflow not hidden in IE 9/10/11.
*/
svg:not(:root) {
overflow: hidden;
}
/* Grouping content
========================================================================== */
/**
* Address margin not present in IE 8/9 and Safari.
*/
figure {
margin: 1em 40px;
}
/**
* Address differences between Firefox and other browsers.
*/
hr {
box-sizing: content-box;
height: 0;
}
/**
* Contain overflow in all browsers.
*/
pre {
overflow: auto;
}
/**
* Address odd `em`-unit font size rendering in all browsers.
*/
code,
kbd,
pre,
samp {
font-family: monospace, monospace;
font-size: 1em;
}
/* Forms
========================================================================== */
/**
* Known limitation: by default, Chrome and Safari on OS X allow very limited
* styling of `select`, unless a `border` property is set.
*/
/**
* 1. Correct color not being inherited.
* Known issue: affects color of disabled elements.
* 2. Correct font properties not being inherited.
* 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
*/
button,
input,
optgroup,
select,
textarea {
}
/**
* Address `overflow` set to `hidden` in IE 8/9/10/11.
*/
button {
overflow: visible;
}
/**
* Address inconsistent `text-transform` inheritance for `button` and `select`.
* All other form control elements do not inherit `text-transform` values.
* Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
* Correct `select` style inheritance in Firefox.
*/
button,
select {
text-transform: none;
}
/**
* 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
* and `video` controls.
* 2. Correct inability to style clickable `input` types in iOS.
* 3. Improve usability and consistency of cursor style between image-type
* `input` and others.
*/
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
-webkit-appearance: button; /* 2 */
cursor: pointer; /* 3 */
}
/**
* Re-set default cursor for disabled elements.
*/
button[disabled],
html input[disabled] {
cursor: default;
}
/**
* Remove inner padding and border in Firefox 4+.
*/
button::-moz-focus-inner,
input::-moz-focus-inner {
border: 0;
padding: 0;
}
/**
* Address Firefox 4+ setting `line-height` on `input` using `!important` in
* the UA stylesheet.
*/
input {
line-height: normal;
}
/**
* It's recommended that you don't attempt to style these elements.
* Firefox's implementation doesn't respect box-sizing, padding, or width.
*
* 1. Address box sizing set to `content-box` in IE 8/9/10.
* 2. Remove excess padding in IE 8/9/10.
*/
input[type="checkbox"],
input[type="radio"] {
}
/**
* Fix the cursor style for Chrome's increment/decrement buttons. For certain
* `font-size` values of the `input`, it causes the cursor style of the
* decrement button to change from `default` to `text`.
*/
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
height: auto;
}
/**
* 1. Address `appearance` set to `searchfield` in Safari and Chrome.
* 2. Address `box-sizing` set to `border-box` in Safari and Chrome.
*/
input[type="search"] {
-webkit-appearance: textfield; /* 1 */
box-sizing: content-box; /* 2 */
}
/**
* Remove inner padding and search cancel button in Safari and Chrome on OS X.
* Safari (but not Chrome) clips the cancel button when the search input has
* padding (and `textfield` appearance).
*/
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
/**
* Define consistent border, margin, and padding.
*/
fieldset {
border: 1px solid #c0c0c0;
margin: 0 2px;
padding: .35em .625em .75em;
}
/**
* 1. Correct `color` not being inherited in IE 8/9/10/11.
* 2. Remove padding so people aren't caught out if they zero out fieldsets.
*/
legend {
border: 0; /* 1 */
padding: 0; /* 2 */
}
/**
* Remove default vertical scrollbar in IE 8/9/10/11.
*/
textarea {
overflow: auto;
}
/**
* Don't inherit the `font-weight` (applied by a rule above).
* NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
*/
optgroup {
font-weight: bold;
}
/* Tables
========================================================================== */
/**
* Remove most spacing between table cells.
*/
table {
}
td,
th {
}
.aside-nav ul,
.footer-nav,
.contact-nav,
.top-nav,
.social-networks,
#nav,
#nav li .dropdown ul,
.explore-nav,
.control-nav,
.features-block .product-col ul,
.threecolumns ul,
.partners-tab {
margin: 0;
padding: 0;
list-style: none;
}
.clearfix:after,
.contact-form:after,
.contact-form .form-row:after,
#footer:after,
#footer .social-networks:after,
#header:after,
.header-holder:after,
.nav-holder:after,
.nav-block:after,
#nav:after,
.container:after,
.slide-content:after,
.slide-headeing:after,
.explore-block:after,
.explore-frame:after,
.explore-nav:after,
.info-article:after,
.news-block:after,
.news-article:after,
.control-nav:after,
.features-block:after,
.features-block .product-col ul:after,
.button-box:after,
.threecolumns:after,
.threecolumns .holder:after,
.threecolumns ul:after,
.pratners-block:after,
.pratners-block .heading:after,
.tab-content:after,
.partners-info:after {
content: "";
display: block;
clear: both;
}
.contact-nav a,
.nav-close,
.nav-opener,
.top-nav a,
.social-networks li a,
.main-gallery .solution,
.btn-next,
.btn-prev,
.pagination li a,
.btn-learn,
.explore-block h2 a,
.explore-col h2 a,
.explore-nav li a,
.control-nav li a,
.features-block .video-section .alignleft span,
.features-block .product-col ul li a,
.btn-more,
.threecolumns ul li a,
.partners-tab li a,
.partners-info h2 a {
-webkit-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
}
.ellipsis {
white-space: nowrap; /* 1 */
text-overflow: ellipsis; /* 2 */
overflow: hidden;
}
.aside-nav ul,
.footer-nav,
.contact-nav,
.top-nav,
.social-networks,
#nav,
#nav li .dropdown ul,
.explore-nav,
.control-nav,
.features-block .product-col ul,
.threecolumns ul,
.partners-tab {
margin: 0;
padding: 0;
list-style: none;
}
.logo img,
.action-block .alignleft img,
.features-block .video-section .alignleft img,
.threecolumns .video-box img,
.partners-info .partner-logo img {
width: 100%;
display: block;
height: auto;
}
.features-block .product-col .alignright img {
max-width: 100%;
display: block;
height: auto;
margin: 0 auto;
}
.bg-stretch {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
.borderingHTML {
box-sizing: border-box;
}
.borderingHTML *,
.borderingHTML *:before,
.borderingHTML *:after {
box-sizing: inherit;
}
* {
max-height: 1000000px;
}
body {
color: #4a4949;
background: #fff;
font: 16px/1.2 "Raleway", "Arial", "Helvetica Neue", "Helvetica", sans-serif;
min-width: 320px;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.borderingHTML img {
max-width: 100%;
height: auto;
}
.gm-style img {
max-width: none;
}
h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6,
.h {
font-family: inherit;
font-weight: bold;
margin: 0 0 .5em;
color: inherit;
}
h1,
.h1 {
font-size: 32px;
}
h2,
.h2 {
font-size: 22px;
}
h3,
.h3 {
font-size: 20px;
}
h4,
.h4 {
font-size: 18px;
}
h5,
.h5 {
font-size: 16px;
}
h6,
.h6 {
font-size: 14px;
}
p {
margin: 0 0 1em;
}
a {
color: #30b4e5;
}
a:hover,
a:focus {
text-decoration: none;
}
.borderingHTML form,
.borderingHTML fieldset {
margin: 0;
padding: 0;
border-style: none;
}
input[type="text"],
input[type="tel"],
input[type="email"],
input[type="search"],
input[type="password"],
textarea {
-webkit-appearance: none;
-webkit-border-radius: 0;
border: 1px solid #999;
padding: .4em .7em;
}
input[type="text"]:focus,
input[type="tel"]:focus,
input[type="email"]:focus,
input[type="search"]:focus,
input[type="password"]:focus,
textarea:focus {
border-color: #000;
}
input[type="text"]::-webkit-input-placeholder,
input[type="tel"]::-webkit-input-placeholder,
input[type="email"]::-webkit-input-placeholder,
input[type="search"]::-webkit-input-placeholder,
input[type="password"]::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
color: #999;
}
input[type="text"]::-moz-placeholder,
input[type="tel"]::-moz-placeholder,
input[type="email"]::-moz-placeholder,
input[type="search"]::-moz-placeholder,
input[type="password"]::-moz-placeholder,
textarea::-moz-placeholder {
opacity: 1;
color: #999;
}
input[type="text"]:-moz-placeholder,
input[type="tel"]:-moz-placeholder,
input[type="email"]:-moz-placeholder,
input[type="search"]:-moz-placeholder,
input[type="password"]:-moz-placeholder,
textarea:-moz-placeholder {
color: #999;
}
input[type="text"]:-ms-input-placeholder,
input[type="tel"]:-ms-input-placeholder,
input[type="email"]:-ms-input-placeholder,
input[type="search"]:-ms-input-placeholder,
input[type="password"]:-ms-input-placeholder,
textarea:-ms-input-placeholder {
color: #999;
}
input[type="text"].placeholder,
input[type="tel"].placeholder,
input[type="email"].placeholder,
input[type="search"].placeholder,
input[type="password"].placeholder,
textarea.placeholder {
color: #999;
}
select {
-webkit-border-radius: 0;
}
textarea {
resize: vertical;
vertical-align: top;
}
button,
input[type="button"],
input[type="reset"],
input[type="file"],
input[type="submit"] {
-webkit-appearance: none;
-webkit-border-radius: 0;
cursor: pointer;
}
.search-form {
margin: 0 auto;
width: 183px;
}
.search-form input[type="search"] {
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
background: #9e9d9d;
width: 100%;
height: 28px;
padding: 4px 10px;
border: 0;
outline: none;
color: #fff;
border-radius: 2px;
font: 300 14px/20px "Raleway", "Arial", "Helvetica Neue", "Helvetica", sans-serif;
}
.search-form input[type="search"]::-webkit-input-placeholder {
color: #fff;
}
.search-form input[type="search"]::-moz-placeholder {
opacity: 1;
color: #fff;
}
.search-form input[type="search"]:-moz-placeholder {
color: #fff;
}
.search-form input[type="search"]:-ms-input-placeholder {
color: #fff;
}
.search-form input[type="search"].placeholder {
color: #fff;
}
.contact-form, .blocksidebar .hbspt-form{
margin: 0;
}
.contact-form .form-row {
margin: 0 0 11px;
}
.contact-form label, .blocksidebar .hbspt-form label {
display: block;
color: #ffffff;
font-size: 14px;
line-height: 18px;
}
.contact-form input[type="password"],
.contact-form input[type="tel"],
.contact-form input[type="email"],
.contact-form input[type="text"],
.blocksidebar .hbspt-form input[type="password"],
.blocksidebar .hbspt-form input[type="tel"],
.blocksidebar .hbspt-form input[type="email"],
.blocksidebar .hbspt-form input[type="text"]{
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
background: #fff;
width: 100%;
height: 24px;
padding: 4px 10px;
border: 0;
outline: none;
color: #000;
margin: 0 0 3px;
font: 300 14px/16px "Raleway", "Arial", "Helvetica Neue", "Helvetica", sans-serif;
}
.contact-form input[type="password"]::-webkit-input-placeholder,
.contact-form input[type="tel"]::-webkit-input-placeholder,
.contact-form input[type="email"]::-webkit-input-placeholder,
.contact-form input[type="text"]::-webkit-input-placeholder {
color: #000;
}
.contact-form input[type="password"]::-moz-placeholder,
.contact-form input[type="tel"]::-moz-placeholder,
.contact-form input[type="email"]::-moz-placeholder,
.contact-form input[type="text"]::-moz-placeholder {
opacity: 1;
color: #000;
}
.contact-form input[type="password"]:-moz-placeholder,
.contact-form input[type="tel"]:-moz-placeholder,
.contact-form input[type="email"]:-moz-placeholder,
.contact-form input[type="text"]:-moz-placeholder {
color: #000;
}
.contact-form input[type="password"]:-ms-input-placeholder,
.contact-form input[type="tel"]:-ms-input-placeholder,
.contact-form input[type="email"]:-ms-input-placeholder,
.contact-form input[type="text"]:-ms-input-placeholder {
color: #000;
}
.contact-form input[type="password"].placeholder,
.contact-form input[type="tel"].placeholder,
.contact-form input[type="email"].placeholder,
.contact-form input[type="text"].placeholder {
color: #000;
}
.contact-form button[type="submit"] {
color: #000;
text-transform: uppercase;
background: #fff;
border: 0;
font-size: 18px;
line-height: 40px;
font-weight: 700;
padding: 0 38px 0 14px;
cursor: pointer;
width: 108px;
height: 40px;
float: right;
position: relative;
text-align: left;
}
.hbspt-form input[type="submit"] {
color: #000;
text-transform: uppercase;
background: #fff;
border: 0;
font-size: 18px;
line-height: 40px;
font-weight: 700;
padding: 0 24px 0 24px;
cursor: pointer;
width: auto;
height: 40px;
float: right;
position: relative;
text-align: left;
}
.contact-form button[type="submit"] span {
position: absolute;
top: 50%;
right: 17px;
margin: -8px 0 0;
}
.hbspt-form .actions {position:relative;}
.hbspt-form .error {background:#fcd4a9 !important;}
.hs-error-msgs, .hs-form-required {font-weight:700;}
.contact-form button[type="submit"]:hover, .hbspt-form input[type="submit"]:hover {
background: #fc5100;
color: #fff;
}
.footer-holder {
position: relative;
z-index: 1;
padding-top: 16px;
padding-bottom: 18px;
font-size: 12px;
line-height: 14px;
color: #fff;
}
.footer-holder:before {
/*
position: absolute;
content: "";
top: 0;
z-index: -1;
bottom: 0;
left: -9999px;
right: -9999px;
background: #343131;
*/
}
.footer-holder a {
text-decoration: none;
color: #d6d5d5;
}
.footer-holder a:hover {
text-decoration: underline;
}
.footer-aside {
overflow: hidden;
width: 107%;
}
.aside-nav {
display: inline-block;
vertical-align: top;
margin: 0 1.7% 0 0;
width: 17.9%;
}
.aside-nav h3 {
margin: 0 0 8px;
font-size: 12px;
line-height: 14px;
font-weight: 700;
}
.aside-nav ul {
overflow: hidden;
}
.aside-nav ul li {
margin: 0 0 8px;
}
#footer .social-networks {
overflow: visible;
text-align: center;
margin: 0 0 17px;
padding: 2px 0 0;
}
#footer .social-networks li {
margin: 0 1px;
}
#footer .social-networks li a {
width: auto;
height: auto;
border-radius: 0;
background: none;
font-size: 22px;
line-height: 27px;
height: 25px;
overflow: hidden;
}
#footer .social-networks li a:hover {
text-decoration: none;
color: #fc5100;
}
#footer .social-networks li a .icon-twitter-square,
#footer .social-networks li a .icon-youtube-square {
font-size: 26px;
line-height: 23px;
}
.footer-nav {
text-align: center;
}
.footer-nav li {
display: block;
margin: 0 0 17px;
}
.home #header {
position: absolute;
right: 0;
left: 0;
top: 0;
}
#header {
background: #fff;
position: relative;
z-index: 9999;
box-shadow: 0 0 8px rgba(0, 0, 0, .5);
}
#header .block {
overflow: hidden;
}
#header .holder {
/* overflow: hidden; */
padding: 0 10px 12px;
}
.header-holder {
max-width: 975px;
margin: 0 auto;
padding: 5px 0 0;
}
.logo {
display: block;
margin: 0 auto 8px;
width: 119px;
height: 52px;
}
.contact-nav {
overflow: hidden;
color: #4a4949;
font-size: 12px;
line-height: 14px;
text-align: center;
}
.contact-nav li {
display: inline-block;
vertical-align: top;
margin: 0 11px;
min-width: 125px;
}
.contact-nav li.acitve a {
color: #30b4e5;
}
.contact-nav a {
color: #4a4949;
text-decoration: none;
}
.contact-nav a:hover {
color: #30b4e5;
}
.nav-close,
.nav-opener {
background: #ea242d;
display: block;
padding: 5px 10px 7px;
text-transform: uppercase;
font-size: 18px;
line-height: 22px;
font-weight: 700;
text-align: center;
text-decoration: none;
color: #fff;
display: none;
}
.nav-close .txt,
.nav-opener .txt {
display: inline-block;
vertical-align: middle;
margin: 0 8px 0 -13px;
}
.nav-close .icon-arrow-top,
.nav-close .icon-arrow-down,
.nav-opener .icon-arrow-top,
.nav-opener .icon-arrow-down {
display: inline-block;
vertical-align: middle;
font-size: 16px;
}
.nav-close:hover,
.nav-opener:hover {
background: #fc5100;
}
.top-nav {
/* overflow: hidden; */
color: #4a4949;
font-size: 12px;
line-height: 14px;
text-align: center;
margin: 0 0 8px;
text-transform: capitalize;
}
.top-nav li {
display: inline-block;
vertical-align: middle;
margin: 0 0 0 4px;
position: relative;
}
.top-nav li:before {
position: absolute;
content: "";
top: 3px;
bottom: auto;
left: -4px;
right: auto;
}
.top-nav li:before {
width: 1px;
height: 13px;
background: #017cb7;
}
.top-nav li:first-child:before {
display: none;
}
.top-nav li.active a {
color: #fc5100;
}
.top-nav a {
color: #017cb7;
text-decoration: none;
display:block;
position:relative;
padding:0 15px;
}
.top-nav a:hover {
color: #fc5100;
}
.nav-holder {
position: relative;
}
.nav-block {
z-index: 99;
position: relative;
padding: 10px;
}
.social-networks {
text-align: center;
margin: 0 0 10px;
overflow: hidden;
}
.social-networks li {
display: inline-block;
vertical-align: top;
margin: 0 0 0 6px;
}
.social-networks li a {
width: 32px;
height: 32px;
background: #fff;
color: #2e3f78;
font-size: 17px;
line-height: 34px;
text-decoration: none;
border-radius: 50%;
display: block;
text-align: center;
}
.social-networks li a:hover {
text-decoration: none;
background: #fc5100;
color: #fff;
}
.social-networks li a .icon-facebook {
font-size: 21px;
}
#nav {
position: relative;
z-index: 1;
padding: 0;
font-size: 16px;
line-height: 20px;
font-weight: 700;
text-transform: uppercase;
display: table;
width: 100%;
}
#nav:before {
position: absolute;
content: "";
top: 0;
z-index: -1;
bottom: 0;
left: -9999px;
right: -9999px;
background: #ea242d;
}
#nav li {
display: table-cell;
vertical-align: middle;
}
#nav li a {
display: block;
text-decoration: none;
color: #fff;
padding: 8px 5px;
text-align: center;
}
#nav li a.hover {
background: #2e3f78;
}
#nav li.active a {
background: #2e3f78;
}
#nav li.hover a {
background: #2e3f78;
}
#nav li.hover .dropdown {
display: block;
}
#nav li .dropdown {
position: absolute;
left: 0;
right: 0;
top: 100%;
display: none;
padding: 35px 0;
background: #2e3f78;
}
#nav li .dropdown ul {
font-size: 16px;
line-height: 20px;
display: inline-block;
vertical-align: top;
width: 33.333333333333%;
text-transform: none;
}
#nav li .dropdown ul:before {
display: none;
}
#nav li .dropdown ul:first-child {
margin-left: 0;
padding-right: 10px;
}
#nav li .dropdown ul.add {
margin-left: 6.4%;
width: 28%;
}
#nav li .dropdown ul li {
display: block;
width: 100%;
margin: 0;
}
#nav {
cursor:pointer !important;
}
#nav li .dropdown ul li a {
padding: 0;
text-align: left;
color: #fff;
-webkit-transition: all .3s ease;
transition: all .3s ease;
display: inline-block;
vertical-align: top;
display: block;
padding: 5px 5% 5px 5%;
width: 100%;
cursor: pointer !important;
/* background: red; */
}
#nav li .dropdown ul li a:hover {
background: #31b5e6;
-webkit-transition: all .3s ease;
transition: all .3s ease;
}
[class^="icon-"],
[class*=" icon-"] {
font-family: "icomoon";
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1; /* Better Font Rendering =========== */
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.icon-arrow-down:before {
content: "\e900";
}
.icon-arrow-left:before {
content: "\e901";
}
.icon-arrow-right:before {
content: "\e902";
}
.icon-arrow-top:before {
content: "\e903";
}
.icon-bus:before {
content: "\e806";
}
.icon-bus2:before {
content: "\e807";
}
.icon-eye:before {
content: "\e808";
}
.icon-lightbulb:before {
content: "\e809";
}
.icon-twitter-square:before {
content: "\e80a";
}
.icon-youtube-square:before {
content: "\e80b";
}
.icon-facebook:before {
content: "\e800";
}
.icon-facebook2:before {
content: "\e80c";
}
.icon-twitter:before {
content: "\e801";
}
.icon-youtube3:before {
content: "\e802";
}
.icon-linkedin:before {
content: "\e803";
}
.container {
max-width: 975px;
padding-right: 10px;
padding-left: 10px;
margin: 0 auto;
}
.bg-stretch {
overflow: hidden;
}
.bg-stretch img {
position: absolute;
max-width: inherit;
width: 100%;
}
#wrapper {
position: relative;
/*overflow: hidden;*/
}
.main-gallery {
position: relative;
background: #aacd45;
}
.loaded-page .main-gallery .solution-box {
opacity: 1;
}
.main-gallery .solution-box {
position: absolute;
top: 162px;
right: 0;
left: 0;
z-index: 999;
text-align: center;
opacity: 0;
-webkit-transition: opacity 1000ms ease;
transition: opacity 1000ms ease;
}
.main-gallery .solution {
background: rgba(49, 181, 230, .52);
color: #2e3f78;
font-size: 18px;
line-height: 22px;
font-weight: 700;
text-align: center;
text-decoration: none;
max-width: 499px;
padding: 7px 10px;
z-index: 999;
display: inline-block;
vertical-align: top;
}
.main-gallery .solution span {
display: inline-block;
vertical-align: middle;
margin: -1px 16px 0 9px;
}
.main-gallery .solution:hover {
background: #31b5e6;
}
.main-gallery.inside .slide-content {
padding: 21px 12px 38px;
min-height: 261px;
z-index: 99;
}
.main-gallery.inside .bg-stretch {
position: relative;
position: absolute;
}
.main-gallery.inside .bg-stretch:before {
position: absolute;
content: "";
top: 0;
bottom: 0;
left: 0;
right: 0;
}
.main-gallery.inside .bg-stretch:before {
z-index: 1;
background: rgba(255, 255, 255, .7);
}
.main-gallery.inside .slide-headeing {
color: #2e3f78;
font-size: 18px;
line-height: 22px;
}
.main-gallery.inside .slide-headeing h1 {
font-size: 22px;
line-height: 26px;
margin: 0 0 20px;
}
.main-gallery.inside .pagination-box {
bottom: 13px;
}
.main-gallery.inside .pagination {
padding: 0 18px;
}
@media (min-width: 769px) {
.pagination-box {display:none !important;}
}
.main-gallery.inside .pagination li {
margin: 0;
}
.main-gallery.inside .btn-next,
.main-gallery.inside .btn-prev {
height: 81px;
line-height: 83px;
margin: -42px 0 0;
}
.main-mask {
position: relative;
overflow: hidden;
width: 100%;
}
.main-slideset {
width: 99999px;
float: left;
}
.main-slide {
width: 100%;
float: left;
overflow: hidden;
position: relative;
}
.main-slide .active {
z-index: 1;
}
.top-left .bg-stretch img {
top: 0 !important;
left: 0 !important;
bottom: auto !important;
right: auto !important;
margin: 0 !important;
}
.top-right .bg-stretch img {
top: 0 !important;
left: auto !important;
bottom: auto !important;
right: 0 !important;
margin: 0 !important;
}
.bottom-left .bg-stretch img {
top: auto !important;
left: 0 !important;
bottom: 0 !important;
right: auto !important;
margin: 0 !important;
}
.bottom-right .bg-stretch img {
top: auto !important;
left: auto !important;
bottom: 0 !important;
right: 0 !important;
margin: 0 !important;
}
.btn-next,
.btn-prev {
width: 33px;
height: 193px;
background: #fff;
background: rgba(255, 255, 255, .82);
color: #231f20;
font-size: 25px;
line-height: 198px;
text-align: center;
position: absolute;
top: 50%;
left: 0;
margin: -69px 0 0;
z-index: 999;
display: block;
text-decoration: none;
}
.btn-next:hover,
.btn-prev:hover {
background: rgba(28, 125, 182, .82);
color: #fff;
}
.btn-next {
left: auto;
right: 0;
}
.pagination-box {
position: absolute;
left: 0;
right: 0;
bottom: 28.5%;
z-index: 999;
}
.pagination {
z-index: 999;
max-width: 975px;
margin: 0 auto;
padding: 0 10px;
}
.pagination li {
display: inline-block;
vertical-align: top;
margin: 0 3px 0 0;
}
.pagination li a {
display: block;
width: 15px;
height: 15px;
border: 3px solid #000;
border-radius: 100%;
text-indent: -9999px;
}
.pagination li a:hover {
background: #1c7db6;
border-color: #1c7db6;
}
.pagination li.active a {
background: #1c7db6;
border-color: #1c7db6;
}
.slide-content {
margin: 0 auto;
padding-top: 326px;
max-width: 975px;
position: relative;
font-size: 14px;
line-height: 18px;
min-height: 578px;
padding: 177px 12px 11%;
}
.slide-content .txt-box {
position: relative;
max-width: 975px;
margin: 0 auto;
padding: 9px 10px 17px;
position: absolute;
bottom: 0;
left: 0;
right: 0;
}
.slide-content .txt-box:before {
position: absolute;
content: "";
top: 0;
bottom: 0;
left: -9999px;
right: -9999px;
}
.slide-content .txt-box .block {
overflow: hidden;
position: relative;
z-index: 999;
max-height: 130px;
}
.slide-content .txt-box:before {
background: rgba(255, 255, 255, .9);
z-index: 0;
}
.slide-content .txt-box p {
margin: 0;
}
.slide-headeing {
font-size: 18px;
line-height: 22px;
color: #000;
letter-spacing: -1px;
}
.slide-headeing h1 {
margin: 0 0 23px;
color: #2e3f78;
text-shadow: 0 0 10px #fff;
text-transform: uppercase;
font: 800 30px/29px "Raleway", "Arial", "Helvetica Neue", "Helvetica", sans-serif;
}
.slide-headeing p {
margin: 0 0 20px;
}
.slide-headeing .btn-learn {
font-size: 18px;
line-height: 22px;
margin: 0 0 10px;
}
.slide-headeing .btn-learn span {
font-size: 15px;
line-height: 14px;
margin: 4px 0 0 11px;
}
.btn-learn {
color: #31b5e6;
font-size: 22px;
line-height: 26px;
font-weight: 700;
display: inline-block;
vertical-align: top;
position: relative;
text-decoration: none;
}
.btn-learn span {
display: inline-block;
vertical-align: top;
font-size: 24px;
line-height: 20px;
margin: 0 0 0 11px;
}
.btn-learn:hover {
color: #fc5100;
}
.explore-section {
overflow: hidden;
position: relative;
background: #d0cfcd;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2QwY2ZjZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjElIiBzdG9wLWNvbG9yPSIjZDVjZWM4IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMSUiIHN0b3AtY29sb3I9IiNkM2NlY2EiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIzJSIgc3RvcC1jb2xvcj0iI2QxY2NjOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQlIiBzdG9wLWNvbG9yPSIjZDRjZmNiIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNiUiIHN0b3AtY29sb3I9IiNkNmQxY2QiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI3JSIgc3RvcC1jb2xvcj0iI2RiZDZkMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjklIiBzdG9wLWNvbG9yPSIjZThlNGUxIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTElIiBzdG9wLWNvbG9yPSIjZWRlOGU1IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTIlIiBzdG9wLWNvbG9yPSIjZWJlYWU4IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTIlIiBzdG9wLWNvbG9yPSIjZWVlZGViIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTIlIiBzdG9wLWNvbG9yPSIjZWNlYmU5IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTMlIiBzdG9wLWNvbG9yPSIjZWZlZWVjIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTUlIiBzdG9wLWNvbG9yPSIjZjJmMWVmIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMjIlIiBzdG9wLWNvbG9yPSIjZjFmMGVlIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMjMlIiBzdG9wLWNvbG9yPSIjZWZlZWVjIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMjUlIiBzdG9wLWNvbG9yPSIjZWZlZWVjIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMjUlIiBzdG9wLWNvbG9yPSIjZWZlZWU5IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMjglIiBzdG9wLWNvbG9yPSIjZWVlZGViIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMjklIiBzdG9wLWNvbG9yPSIjZWRlY2U4IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMzMlIiBzdG9wLWNvbG9yPSIjZWZlYmU4IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMzUlIiBzdG9wLWNvbG9yPSIjZWRlY2VhIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMzklIiBzdG9wLWNvbG9yPSIjZjFmMGVlIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNDAlIiBzdG9wLWNvbG9yPSIjZjFmMGVlIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNDElIiBzdG9wLWNvbG9yPSIjZjRlZmViIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNDYlIiBzdG9wLWNvbG9yPSIjZjRmMGVkIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNDglIiBzdG9wLWNvbG9yPSIjZjRmMGVkIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNTElIiBzdG9wLWNvbG9yPSIjZjFlZWU5IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNTQlIiBzdG9wLWNvbG9yPSIjZjNlZmVjIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNTYlIiBzdG9wLWNvbG9yPSIjZjFlZWU5IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNjAlIiBzdG9wLWNvbG9yPSIjZjJlZmVhIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNjglIiBzdG9wLWNvbG9yPSIjZjBlZGU4IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNjklIiBzdG9wLWNvbG9yPSIjZWVlYmU2IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNjklIiBzdG9wLWNvbG9yPSIjZjBlZGU4IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNzAlIiBzdG9wLWNvbG9yPSIjZjBlY2ViIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNzAlIiBzdG9wLWNvbG9yPSIjZWZlY2U1IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iODQlIiBzdG9wLWNvbG9yPSIjZjBlY2U5IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iODUlIiBzdG9wLWNvbG9yPSIjZWVlYWU3IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iODglIiBzdG9wLWNvbG9yPSIjZWZlYWU3IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iOTIlIiBzdG9wLWNvbG9yPSIjZWNlN2UzIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iOTMlIiBzdG9wLWNvbG9yPSIjZTdlMmRjIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iOTYlIiBzdG9wLWNvbG9yPSIjZDljZWM4IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iOTglIiBzdG9wLWNvbG9yPSIjY2RjM2I3IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2NjYzBiNCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #d0cfcd), color-stop(1%, #d5cec8), color-stop(1%, #d3ceca), color-stop(3%, #d1ccc8), color-stop(4%, #d4cfcb), color-stop(6%, #d6d1cd), color-stop(7%, #dbd6d2), color-stop(9%, #e8e4e1), color-stop(11%, #ede8e5), color-stop(12%, #ebeae8), color-stop(12%, #eeedeb), color-stop(12%, #ecebe9), color-stop(13%, #efeeec), color-stop(15%, #f2f1ef), color-stop(22%, #f1f0ee), color-stop(23%, #efeeec), color-stop(25%, #efeeec), color-stop(25%, #efeee9), color-stop(28%, #eeedeb), color-stop(29%, #edece8), color-stop(33%, #efebe8), color-stop(35%, #edecea), color-stop(39%, #f1f0ee), color-stop(40%, #f1f0ee), color-stop(41%, #f4efeb), color-stop(46%, #f4f0ed), color-stop(48%, #f4f0ed), color-stop(51%, #f1eee9), color-stop(54%, #f3efec), color-stop(56%, #f1eee9), color-stop(60%, #f2efea), color-stop(68%, #f0ede8), color-stop(69%, #eeebe6), color-stop(69%, #f0ede8), color-stop(70%, #f0eceb), color-stop(70%, #efece5), color-stop(84%, #f0ece9), color-stop(85%, #eeeae7), color-stop(88%, #efeae7), color-stop(92%, #ece7e3), color-stop(93%, #e7e2dc), color-stop(96%, #d9cec8), color-stop(98%, #cdc3b7), color-stop(100%, #ccc0b4));
background: -webkit-linear-gradient(top, #d0cfcd 0%, #d5cec8 1%, #d3ceca 1%, #d1ccc8 3%, #d4cfcb 4%, #d6d1cd 6%, #dbd6d2 7%, #e8e4e1 9%, #ede8e5 11%, #ebeae8 12%, #eeedeb 12%, #ecebe9 12%, #efeeec 13%, #f2f1ef 15%, #f1f0ee 22%, #efeeec 23%, #efeeec 25%, #efeee9 25%, #eeedeb 28%, #edece8 29%, #efebe8 33%, #edecea 35%, #f1f0ee 39%, #f1f0ee 40%, #f4efeb 41%, #f4f0ed 46%, #f4f0ed 48%, #f1eee9 51%, #f3efec 54%, #f1eee9 56%, #f2efea 60%, #f0ede8 68%, #eeebe6 69%, #f0ede8 69%, #f0eceb 70%, #efece5 70%, #f0ece9 84%, #eeeae7 85%, #efeae7 88%, #ece7e3 92%, #e7e2dc 93%, #d9cec8 96%, #cdc3b7 98%, #ccc0b4 100%);
background: linear-gradient(to bottom, #d0cfcd 0%, #d5cec8 1%, #d3ceca 1%, #d1ccc8 3%, #d4cfcb 4%, #d6d1cd 6%, #dbd6d2 7%, #e8e4e1 9%, #ede8e5 11%, #ebeae8 12%, #eeedeb 12%, #ecebe9 12%, #efeeec 13%, #f2f1ef 15%, #f1f0ee 22%, #efeeec 23%, #efeeec 25%, #efeee9 25%, #eeedeb 28%, #edece8 29%, #efebe8 33%, #edecea 35%, #f1f0ee 39%, #f1f0ee 40%, #f4efeb 41%, #f4f0ed 46%, #f4f0ed 48%, #f1eee9 51%, #f3efec 54%, #f1eee9 56%, #f2efea 60%, #f0ede8 68%, #eeebe6 69%, #f0ede8 69%, #f0eceb 70%, #efece5 70%, #f0ece9 84%, #eeeae7 85%, #efeae7 88%, #ece7e3 92%, #e7e2dc 93%, #d9cec8 96%, #cdc3b7 98%, #ccc0b4 100%);
}
.explore-block {
margin: 0 auto;
max-width: 975px;
position: relative;
padding: 12px 10px 29px;
}
.explore-block h2 {
text-align: center;
color: #2e3f78;
text-align: center;
margin: 0 0 11px;
font: 500 14px/16px "Raleway", "Arial", "Helvetica Neue", "Helvetica", sans-serif;
}
.explore-block h2 br {
display: none;
}
.explore-block h2 a {
color: #2e3f78;
text-decoration: none;
}
.explore-block h2 a:hover {
color: #fc5100;
}
.explore-frame {
position: relative;
}
.explore-col {
float: left;
position: relative;
width: 50%;
background: #31b5e6;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
}
.explore-col .holder {
position: relative;
z-index: 999;
min-height: 238px;
padding: 8px 5px 50px;
}
.explore-col h2 {
margin: 0 0 10px;
text-transform: uppercase;
letter-spacing: 0;
min-height: 30px;
font: 700 14px/16px "Raleway", "Arial", "Helvetica Neue", "Helvetica", sans-serif;
}
.explore-col h2 a {
color: #fff;
text-decoration: none;
}
.explore-col h2 a:hover {
color: #fc5100;
}
.explore-col .btn-learn {
font-size: 14px;
line-height: 18px;
position: absolute;
bottom: 7px;
right: 8px;
color: #fff;
}
.explore-col .btn-learn:hover {
color: #fc5100;
}
.explore-col .btn-learn span {
font-size: 14px;
line-height: 18px;
margin: 0 0 0 4px;
}
.explore-col .txt-box {
display: none;
}
.explore-col.add {
background: #2e3f78;
}
.explore-col .button-box {
display: none;
}
.explore-col.active {
background: #fff !important;
line-height: 20px;
font-size: 14px;
overflow: hidden;
width: 100%;
z-index: 2;
position: relative;
}
.explore-col.active:before {
position: absolute;
content: "";
top: auto;
bottom: 100px;
left: auto;
right: -276px;
}
.explore-col.active:before {
font-family: "icomoon";
content: "\e807";
color: #e9f5fe;
font-size: 520px;
line-height: 300px;
}
.explore-col.active .btn-learn.opener {
display: none;
}
.explore-col.active .holder {
padding: 15px 8px 41px;
}
.explore-col.active .button-box {
display: block;
}
.explore-col.active h2 {
margin: 0 0 10px;
letter-spacing: 0;
color: #2e3f78;
font-size: 14px;
line-height: 16px;
}
.explore-col.active h2 a {
color: #2e3f78;
}
.explore-col.active h2 a:hover {
color: #fc5100;
}
.explore-col.active p {
margin: 0 0 25px;
}
.explore-col.active .btn-more {
background: #aacd45;
color: #fff;
text-align: left;
padding: 9px 10px 6px 14px;
}
.explore-col.active .btn-more span {
font-size: 22px;
margin: -4px 0 0 7px;
}
.explore-col.active .btn-more:hover {
background: #fc5100;
}
.explore-col.active .explore-nav {
font-size: 12px;
line-height: 16px;
font-weight: 500;
}
.explore-col.active .explore-nav li {
margin: 0 0 4px;
}
.explore-col.active .explore-nav li a {
color: #2e3f78;
}
.explore-col.active .explore-nav li a:hover {
color: #fc5100;
}
.explore-col.active .explore-nav li a span {
margin: 2px 0 0 1px;
display: inline-block;
vertical-align: top;
}
.explore-col.active .txt-box {
display: block;
}
.explore-nav {
font-size: 12px;
line-height: 16px;
font-weight: 500;
padding: 0;
text-transform: capitalize;
}
.explore-nav li {
margin: 0 0 4px;
}
.explore-nav li a {
position: relative;
display: inline-block;
vertical-align: top;
color: #fff;
text-decoration: none;
}
.explore-nav li a:hover {
color: #fc5100;
}
.explore-nav li a span {
margin: 2px 0 0 1px;
display: inline-block;
vertical-align: top;
}
.action-block {
position: relative;
overflow: hidden;
font-size: 12px;
line-height: 18px;
color: #000;
}
.action-block .container {
position: relative;
padding-top: 15px;
padding-bottom: 9px;
}
.action-block .block {
overflow: hidden;
position: relative;
float: left;
width: 63%;
letter-spacing: 1px;
padding: 0 0 0 3px;
}
.action-block h2 {
margin: 0 0 16px;
font-weight: 600;
font-size: 18px;
letter-spacing: 0;
line-height: 22px;
}
.action-block p {
margin: 0 0 13px;
}
.action-block p br {
display: none;
}
.action-block .btn-learn {
color: #2e3f78;
font-size: 18px;
line-height: 20px;
letter-spacing: 0;
}
.action-block .btn-learn span {
font-size: 16px;
margin: 0 0 0 7px;
}
.action-block .btn-learn:hover {
color: #fc5100;
}
.action-block .alignleft {
float: right;
width: 106px;
margin: 4px -2px 0 0;
}
.action-block.two .container {
padding-bottom: 22px;
padding-top: 18px;
}
.action-block.two .block {
float: left;
width: 61.8%;
padding: 0;
}
.action-block.two .btn-learn {
position: relative;
right: auto;
bottom: auto;
}
.action-block.two h2 {
margin: 0 0 13px;
}
.info-block {
margin: 0 auto -21px;
max-width: 975px;
overflow: hidden;
padding: 65px 10px 0;
}
.info-article {
margin: 0 0 55px;
color: #2e3f78;
font-size: 14px;
line-height: 20px;
}
.info-article h2 {
margin: 0 0 15px;
color: #2e3f78;
text-transform: uppercase;
text-align: center;
position: relative;
font-size: 18px;
line-height: 22px;
}
.info-article h2 span {
position: absolute;
left: 50%;
top: -50px;
margin: 0 0 0 -23px;
font-size: 50px;
}
.info-article h2 .icon-bus {
margin: 0 0 0 -30px;
top: -56px;
font-size: 60px;
}
.info-article h2 .icon-lightbulb {
margin: 0 0 0 -21px;
top: -47px;
font-size: 41px;
}
.info-article p {
margin: 0;
}
.info-article p br {
display: none;
}
.news-block {
margin: 0 auto -20px;
max-width: 975px;
padding-top: 22px;
position: relative;
z-index: 1;
}
.news-block:before {
position: absolute;
content: "";
top: 0;
z-index: -1;
bottom: 0;
left: -9999px;
right: -9999px;
background: #e6e6e6;
}
.news-block h2 a {
color:#2e3f78;
text-decoration:none;
}
.news-article {
margin: 0 0 25px;
color: #000;
font-size: 14px;
line-height: 18px;
font-weight: 700;
}
.news-article:first-child {
margin-left: 0;
}
.news-article h2 {
margin: 0 0 5px;
color: #2e3f78;
text-transform: uppercase;
font-size: 18px;
line-height: 24px;
font-weight: 800;
}
.news-article time {
display: block;
margin: 0 0 2px;
font-weight: 400;
line-height: 18px;
}
.news-article p {
margin: 0;
}
.news-article .btn-learn {
margin: 0 40px 19px 0;
font-size: 12px;
line-height: 14px;
}
.news-article .btn-learn span {
font-size: 12px;
line-height: 14px;
margin: 0 0 0 4px;
}
.control-nav {
margin: 0 auto;
max-width: 955px;
font-size: 14px;
line-height: 18px;
font-weight: 700;
position: relative;
z-index: 1;
}
.control-nav:before {
position: absolute;
content: "";
top: 0;
z-index: -1;
bottom: 0;
left: -9999px;
right: -9999px;
background: #9ac4db;
}
.control-nav {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.control-nav li {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: 50%;
}
.control-nav li a {
display: block;
padding: 9px 5px 8px;
background: #31b5e6;
text-align: center;
color: #fff;
text-decoration: none;
text-transform: uppercase;
width: 100%;
display:flex;
align-items: center;
justify-content: center;
}
.control-nav li a span {
display: inline-block;
vertical-align: middle;
margin: -2px -1px 0 4px;
font-size: 16px;
}
.control-nav li a:hover {
background: #aacd45;
}
.control-nav li.add a {
background: #2e3f78;
}
.control-nav li.add a:hover {
background: #aacd45;
}
.control-nav li.add.add2 a {
background: #2e3f78;
}
.control-nav li.add.add2 a:hover {
background: #aacd45;
}
.supplier-block {
padding-top: 25px;
padding-bottom: 10px;
font-size: 14px;
line-height: 20px;
}
.supplier-block h2 {
margin: 0;
color: #2e3f78;
font-size: 18px;
line-height: 22px;
text-transform: uppercase;
}
.supplier-block h2 a {
margin: 0;
color: #2e3f78;
text-decoration:none;
}
.supplier-block p {
margin: 0 0 28px;
}
.features-block {
font-size: 14px;
line-height: 20px;
margin: 0 0 23px;
position: relative;
}
.features-block .js-slide-hidden {
width: 100%;
}
.features-block.feature3 {
margin-bottom: 0;
}
.features-block.feature3 .slide-holder {
border-bottom: 0;
padding: 0;
margin-top: 30px;
background: #e6e6e6;
}
.features-block .slide-holder {
overflow: hidden;
border-bottom: solid 3px #1c7db6;
padding: 0 0 50px;
position: relative;
}
.features-block h2 {
margin: 0 0 3px;
color: #2e3f78;
font-size: 18px;
line-height: 22px;
text-transform: uppercase;
}
.features-block h3 {
margin: 0;
color: #017cb7;
text-transform: uppercase;
font-size: 14px;
line-height: 20px;
}
.features-block p {
margin: 0 0 1em;
}
.features-block .features-holder {
padding-top: 13px;
padding-bottom: 54px;
font-size: 14px;
line-height: 20px;
color: #fff;
position: relative;
z-index: 1;
}
.features-block .features-holder:before {
position: absolute;
content: "";
top: 0;
z-index: -1;
bottom: 0;
left: -9999px;
right: -9999px;
background: #1c7db6;
}
.features-block .features-holder:before {
visibility: visible;
opacity: 1;
-webkit-transition: all .5s linear;
transition: all .5s linear;
}
.features-block .features-holder h2 {
margin: 0 0 4px;
font-size: 18px;
line-height: 22px;
color: #fff;
}
.features-block .features-holder p {
margin: 0;
}
.features-block .features2 {
padding-top: 26px;
padding-bottom: 20px;
}
.features-block .features2 .box {
overflow: hidden;
margin: 0 0 20px;
}
.features-block .features2.different {
padding-top: 16px;
padding-bottom: 0;
}
.features-block .features2.different p {
margin: 0 0 20px;
}
.features-block .video-section {
position: relative;
overflow: hidden;
color: #000;
}
.features-block .video-section .container {
position: relative;
padding: 19px 0 5px;
}
.features-block .video-section .alignleft {
display: block;
width: 320px;
margin: 0 auto;
text-decoration: none;
position: relative;
box-shadow: 2px 2px 4px rgba(0, 0, 0, .3);
}
.features-block .video-section .alignleft span {
font-size: 103px;
line-height: 30px;
position: absolute;
left: 50%;
top: 50%;
color: #fff;
opacity: .62;
margin: -15px 0 0 -47px;
}
.features-block .video-section .alignleft span:hover {
opacity: .8;
}
.features-block .video-section .txt-box {
overflow: hidden;
padding: 0 12px 22px;
}
.features-block .video-section h2 {
margin: 0;
color: #000;
font-size: 18px;
line-height: 22px;
font-weight: 500;
text-transform: none;
}
.features-block .video-section p {
margin: 0 0 22px;
}
.features-block .video-section .btn-learn {
color: #2e3f78;
font-size: 18px;
line-height: 22px;
text-transform: uppercase;
}
.features-block .video-section .btn-learn span {
margin: 0 0 0 2px;
font-size: 15px;
}
.features-block .video-section .btn-learn:hover {
color: #fc5100;
}
.features-block .product-info {
background: #aacd45;
overflow: hidden;
margin: 0 auto;
max-width: 960px;
color: #2e3f78;
position: relative;
z-index: 1;
}
.features-block .product-info:before {
position: absolute;
content: "";
top: 0;
z-index: -1;
bottom: 0;
left: 0;
right: 50%;
background: #f98700;
}
.features-block .product-col {
overflow: hidden;
padding: 23px 30px 0 14px;
position: relative;
}
.features-block .product-col .alignright {
float: right;
width: 111px;
margin: 0 0 0 15px;
}
.features-block .product-col .txt-box {
overflow: hidden;
line-height: 16px;
}
.features-block .product-col h2 {
margin: 0 0 19px;
font-size: 14px;
line-height: 17px;
}
.features-block .product-col p {
margin: 0 0 10px;
}
.features-block .product-col .btn-learn {
color: #2e3f78;
font-size: 14px;
line-height: 18px;
font-weight: 500;
text-transform: uppercase;
}
.features-block .product-col .btn-learn span {
margin: -2px 0 0 3px;
font-size: 14px;
}
.features-block .product-col .btn-learn:hover {
color: #fff;
}
.features-block .product-col ul {
font-size: 14px;
line-height: 20px;
}
.features-block .product-col ul li {
margin: 0 0 20px;
}
.features-block .product-col ul li a {
color: #2e3f78;
text-decoration: none;
}
.features-block .product-col ul li a:hover {
color: #fc5100;
}
.features-block .product-col ul li a span {
display: inline-block;
vertical-align: middle;
margin: -2px 0 0;
}
.features-block .product-col.related h2 {
margin: 0 0 21px;
}
.features-block.active .features-holder {
color: #4a4949;
}
.features-block.active .features-holder:before {
visibility: hidden;
opacity: 0;
}
.features-block.active h2 {
color: #2e3f78;
}
.features-block.active .btn-more {
display: none;
}
.features-block.active .blocksidebar .btn-more {
display: inline-block;
}
.features-block.active .btn-more.close {
display: inline-block;
vertical-align: middle;
}
/* Video Series Table */
.video-table {
position: relative;
border-top: 1px solid #000;
padding: 20px 0px;
min-height: 260px;
}
.video-embed {
display: inline-block;
width: 30%;
}
.video-details {
padding-left: 25px;
display: inline-block;
width: 65%;
position: absolute;
}
.video-details a:hover {
cursor: pointer;
}
.button-box {
position: absolute;
bottom: 0;
right: 0;
left: 0;
text-align: center;
}
.btn-more {
background: #fff;
color: #000;
font-size: 18px;
line-height: 22px;
font-weight: 700;
text-transform: uppercase;
text-align: center;
display: inline-block;
vertical-align: bottom;
min-width: 179px;
text-decoration: none;
padding: 8px 10px 5px;
}
.btn-more span {
display: inline-block;
vertical-align: middle;
margin: -2px 7px 0 10px;
}
.btn-more:hover {
background: #fc5100;
color: #fff;
}
.btn-more.close {
background: #1c7db6;
color: #fff;
}
.btn-more.close span {
margin: -2px -6px 0 2px;
font-size: 23px;
}
.btn-more.close:hover {
background: #fc5100;
}
.threecolumns {
max-width: 955px;
margin: 0 auto;
position: relative;
padding: 24px 0 0;
color: #fff;
font-size: 16px;
line-height: 18px;
}
.threecolumns .holder {
box-shadow: 2px 2px 4px rgba(0, 0, 0, .25);
background: url(//cdn.nexternal.com/images/img11.png) no-repeat 50% 50%;
background-size: cover;
}
.threecolumns p, .blocksidebar .threecolumns p {
margin: 0 0 26px;
}
.threecolumns h2, .blocksidebar .threecolumns h2 {
margin: 0 0 14px;
font-size: 22px;
line-height: 26px;
color: #fff;
text-transform: uppercase;
}
.threecolumns .column {
position: relative;
z-index: 99;
position: relative;
padding: 21px 31px 16px;
position: relative;
z-index: 1;
}
.threecolumns .column:before {
position: absolute;
content: "";
top: 0;
bottom: -9999px;
left: 0;
right: 0;
}
.threecolumns .column:before {
background: rgba(49, 181, 230, .75);
z-index: -1;
}
.threecolumns .column.col2 {
padding: 18px 10px 19px 32px;
}
.threecolumns .column.col2:before {
background: rgba(170, 205, 69, .75);
}
.threecolumns .column.col3 {
padding: 13px 35px 17px 37px;
}
.threecolumns .column.col3:before {
background: rgba(255, 82, 0, .75);
}
.threecolumns .column.col3 h2 {
margin: 0 0 7px;
}
.threecolumns .block {
overflow: hidden;
}
.threecolumns .video-box {
position: relative;
display: block;
margin: 0 -31px;
position: relative;
overflow: hidden;
}
.threecolumns .video-box .btn-more, .blocksidebar .threecolumns .video-box .btn-more{
padding: 9px 10px 6px;
}
.threecolumns .video-box .btn-more span, .blocksidebar .threecolumns .video-box .btn-more span {
margin: -3px 1px 0;
}
.threecolumns ul, .blocksidebar .threecolumns ul {
font-size: 14px;
line-height: 19px;
}
.threecolumns ul li, .blocksidebar .threecolumns ul li {
margin: 0 0 19px;
}
.threecolumns ul li a, .blocksidebar .threecolumns ul li a {
color: #fff;
text-decoration: none;
}
.threecolumns ul li a:hover, .blocksidebar .threecolumns ul li a:hover, {
color: #fc5100;
}
.threecolumns ul li a span, .blocksidebar .threecolumns ul li a span {
display: inline-block;
vertical-align: middle;
margin: 0;
}
.threecolumns.partners, .blocksidebar .threecolumns.partners {
padding: 0;
position: relative;
z-index: 1;
}
.threecolumns.partners:before {
position: absolute;
content: "";
top: 0;
z-index: -1;
bottom: 0;
left: -9999px;
right: -9999px;
background: #e6e6e6;
}
.partners-heading {
overflow: hidden;
position: relative;
color: #2e3f78;
font-size: 18px;
line-height: 27px;
}
.partners-heading .bg-stretch {
position: relative;
position: absolute;
}
.partners-heading .bg-stretch:before {
position: absolute;
content: "";
top: 0;
bottom: 0;
left: 0;
right: 0;
}
.partners-heading .bg-stretch:before {
z-index: 1;
background: rgba(255, 255, 255, .75);
}
.partners-heading .container {
padding: 26px 10px 24px;
position: relative;
z-index: 999;
min-height: 269px;
}
.partners-heading h1 {
margin: 0 0 9px;
color: #2e3f78;
font-size: 22px;
line-height: 28px;
font-weight: 800;
text-transform: uppercase;
text-shadow: 2px 2px 3px rgba(0, 0, 0, .5);
}
.partners-heading p {
margin: 0;
}
.text-white .container p {
text-shadow: 2px 2px 3px rgba(0, 0, 0, .5);
}
.partners-heading p br {
display: none;
}
.pratners-block {
position: relative;
max-width: 974px;
margin: 0 auto 22px;
padding: 18px 10px 0;
}
.pratners-block .heading {
margin: 0 0 12px;
text-align: center;
}
.pratners-block .heading h2 {
text-align: left;
margin: 0 0 0 -3px;
font-size: 18px;
line-height: 22px;
font-weight: 400;
}
.pratners-block .heading .btn-learn {
font-size: 18px;
line-height: 22px;
font-weight: 400;
color: #000;
}
.pratners-block .heading .btn-learn span {
font-size: 18px;
line-height: 22px;
margin: 0 1px 0 7px;
}
.pratners-block .heading .btn-learn:hover {
color: #fc5100;
}
.partners-tab {
overflow: hidden;
width: 100%;
font-size: 18px;
line-height: 22px;
font-weight: 700;
text-transform: uppercase;
margin: 0 0 18px;
}
.partners-tab li {
display: block;
}
.partners-tab li a {
display: block;
text-align: center;
padding: 7px 5px;
text-decoration: none;
background: #aacd45;
color: #fff;
}
.partners-tab li a:hover {
background: #92b234;
}
.partners-tab li.hardware a {
background: #ea242d;
}
.partners-tab li.hardware a:hover {
background: #d4161f;
}
.partners-tab li.software a {
background: #2e3f78;
}
.partners-tab li.software a:hover {
background: #222f5e;
}
.partners-tab li.services a {
background: #31b5e6;
}
.partners-tab li.services a:hover {
background: #30afd6;
}
.tab-content {
position: relative;
font-size: 16px;
line-height: 25px;
}
.partners-info {
background: #f2f3f7;
padding: 0 2.6% 45px;
position: relative;
width: 100%;
}
.support {
padding :10px 2.6% 45px 2.6%;
border:2px solid #ffffff;
}
.support .partner-logo img {
width:50%;
margin:0 auto;
}
.partners-info h2 {
margin: 0 -2.9% 17px;
font-size: 18px;
line-height: 22px;
text-transform: uppercase;
text-align: center;
}
.partners-info h2 a {
padding: 7px 10px;
display: block;
text-decoration: none;
color: #fff;
background: #2e3f78;
}
.partners-info h2 a:hover {
background: #222f5e;
}
.partners-info .partner-logo {
display: block;
margin: 0 auto 15px;
width: 221px;
}
.partners-info p {
margin: 0 0 10px;
}
.partners-info .btn-more span {
margin: -5px 5px 0 10px;
font-size: 22px;
}
.partners-info .btn-more.close {
display: none;
}
.partners-info.hardware {
background: #f4eeee;
}
.partners-info.hardware h2 a {
background: #ea242d;
}
.partners-info.hardware h2 a:hover {
background: #d4161f;
}
.partners-info.consult {
background: #fafbf5;
}
.partners-info.consult h2 a {
background: #aacd45;
}
.partners-info.consult h2 a:hover {
background: #92b234;
}
.partners-info.services h2 a {
background: #31b5e6;
}
.partners-info.services h2 a:hover {
background: #30afd6;
}
.partners-info .visit {
font-size: 18px;
line-height: 22px;
font-weight: 700;
text-align: center;
display: none;
padding: 24px 0 10px;
color: #2e3f78;
}
.partners-info .visit .txt {
display: inline-block;
vertical-align: middle;
}
.partners-info .visit .btn-learn {
font-size: inherit;
font-weight: 700;
color: #2e3f78;
}
.partners-info .visit .btn-learn span {
font-size: inherit;
vertical-align: middle;
margin: -2px 21px 0 7px;
}
.partners-info .visit .btn-learn:hover {
color: #fc5100;
}
.partners-info .partners-slide {
display: none;
}
.partners-info.active {
width: 100%;
padding: 0 8px 50px;
z-index: 999;
line-height: 20px;
font-size: 14px;
overflow: hidden;
z-index: 2;
}
.partners-info.active h2 {
margin: 0 -6.1% 17px;
font-size: 14px;
line-height: 20px;
}
.partners-info.active .txt-box {
display: none;
}
.partners-info.active .partner-logo {
margin: 0 auto 25px;
width: 275px;
}
.partners-info.active .btn-more {
display: none;
background: #aacd45;
color: #fff;
}
.partners-info.active .btn-more span {
color: #000;
font-size: 22px;
margin: -4px 0 0 7px;
}
.partners-info.active .btn-more:hover {
background: #fc5100;
}
.partners-info.active .btn-more.close {
display: inline-block;
vertical-align: top;
}
.partners-info.active p {
margin: 0;
}
.partners-info.active .partners-slide {
display: block;
}
.partners-info.active .visit {
display: block;
}
/*.partners-slide{
position: absolute;
right: 0;
top: 0;
left: 0;
padding:0 8px 50px;
z-index: 999;
line-height: 20px;
font-size: 14px;
overflow: hidden;
background:$flash-white;
@include media('>=tablet'){
padding:0 3.6% 50px;
min-height: 620px;
width:66.66%;
right: auto;
}
@include media('>=desktop'){
font-size: 16px;
line-height: 35px;
}
h2{
margin: 0 -6.1% 17px;
font-size: 18px;
line-height: 22px;
text-transform: uppercase;
text-align: center;
a{
padding: 7px 10px;
display: block;
text-decoration: none;
color: $white;
@extend %transition;
background:$astronaut;
&:hover{background:$biscay;}
}
}
.visit{
font-size: 18px;
line-height: 22px;
font-weight: 700;
text-align: center;
display: block;
padding: 24px 0 10px;
color: $astronaut;
@include media('>=tablet'){
font-size: 22px;
line-height: 26px;
}
.txt{@include vertical(inline-block, middle);}
.btn-learn{
font-size: inherit;
font-weight: 700;
color: $astronaut;
span{
font-size: inherit;
vertical-align: middle;
margin: -2px 21px 0 7px;
}
&:hover{color: $international-orange;}
}
}
p{margin: 0;}
.partner-logo{
display: block;
margin: 0 auto 25px;
width: 275px;
@include media('>=tablet'){width: 380px;}
img{@extend %img-responsive;}
}
.btn-more{
background:$android-green;
color: $white;
span{
color: $black;
font-size: 22px;
margin: -4px 0 0 7px;
}
&:hover{
background:$international-orange;
}
}
&.hardware{
background:$soft-peach;
h2{
a{
background:$alizarin-crimson;
&:hover{background:$lava;}
}
}
}
&.consult{
background:$bianca;
h2{
a{
background:$android-green;
&:hover{background:$sushi;}
}
}
}
}*/
@media (min-width: 768px) {
.search-form {
width: 39%;
float: left;
margin: 2px 0 0;
}
.footer-holder {
padding-top: 28px;
padding-bottom: 64px;
}
#footer {
padding: 16px 4px 30px 0;
}
#footer .social-networks {
float: right;
padding: 0;
width: 30%;
text-align: right;
margin: 0;
}
#footer .social-networks li {
margin: 0;
}
.footer-nav {
float: left;
width: 70%;
padding: 7px 0 0;
text-align: left;
}
.footer-nav li {
display: inline-block;
vertical-align: top;
margin: 0 22px 0 0;
}
#header .block {
float: left;
width: 52%;
padding: 0;
}
#header .holder {
padding: 0 0 20px;
}
.header-holder {
padding: 20px 10px 0;
}
.logo {
width: 191px;
height: 83px;
float: left;
margin: 0 7.4% 0 0;
}
.contact-nav {
font-size: 14px;
line-height: 17px;
padding: 19px 0 0;
text-align: left;
}
.contact-nav li {
display: block;
margin: 0;
min-height: inherit;
}
.top-nav {
font-size: 14px;
line-height: 17px;
width: 45%;
text-align: right;
float: right;
padding: 17px 1% 0 0;
margin: 0;
}
.nav-block {
position: absolute;
right: 0;
top: -52px;
width: 47%;
padding: 0 1% 0 0;
}
.social-networks {
float: right;
margin: 0;
}
.social-networks li a {
background: #2e3f78;
color: #fff;
}
.main-gallery.inside .slide-content {
padding: 53px 13% 54px 9.3%;
min-height: 344px;
}
.main-gallery.inside .slide-headeing {
font-size: 22px;
line-height: 26px;
}
.main-gallery.inside .slide-headeing h1 {
font-size: 46px;
line-height: 46px;
margin: 0 0 37px;
}
.main-gallery.inside .pagination-box {
bottom: 17px;
}
.main-gallery.inside .pagination {
padding: 0 1% 0 9.3%;
}
.pagination-box {
bottom: 20.6%;
}
/*
.pagination {
padding: 0 45px;
}
.pagination li {
margin: 0;
}
*/
.slide-content {
padding: 196px 45px 20%;
min-height: 625px;
font-size: 22px;
line-height: 32px;
}
.slide-content .txt-box {
padding: 17px 45px 19px;
}
.slide-content .txt-box .block {
max-height: 130px;
}
.slide-content .txt-box p {
font-size: 16px;
}
.slide-headeing {
font-size: 28px;
line-height: 32px;
}
.slide-headeing h1 {
font-size: 65px;
line-height: 65px;
margin: 0 0 40px;
}
.slide-headeing p {
margin: 0 0 40px;
}
.slide-headeing .btn-learn {
font-size: 26px;
line-height: 30px;
}
.slide-headeing .btn-learn span {
font-size: 26px;
line-height: 24px;
}
.explore-block {
padding: 23px .4% 39px;
}
.explore-block h2 {
font-size: 26px;
line-height: 30px;
margin: 0 0 23px;
letter-spacing: 1px;
}
.explore-block h2 br {
display: block;
}
.explore-col {
width: 33.33%;
}
.explore-col .holder {
min-height: 330px;
padding: 20px 1.8% 50px;
}
.explore-col h2 {
font-size: 18px;
line-height: 22px;
min-height: auto;
margin: 0 0 21px;
}
.explore-col .btn-learn {
font-size: 16px;
line-height: 20px;
bottom: 27px;
right: 17px;
}
.explore-col .btn-learn span {
font-size: 16px;
line-height: 20px;
margin: 0 0 0 6px;
}
.explore-col.active:before {
font-size: 940px;
right: -426px;
}
.explore-col.active {
width: 66.66%;
}
.explore-col.active .holder {
padding: 15px 4% 41px;
min-height: 420px;
}
.explore-col.active h2 {
font-size: 18px;
line-height: 22px;
margin: 0 0 27px;
}
.explore-col.active .explore-nav {
padding: 0;
margin: -4px 0 0;
font-size: 14px;
line-height: 18px;
}
.explore-col.active .explore-nav li {
margin: 0 0 10px;
}
.explore-nav {
padding: 0 0 0 3px;
font-size: 14px;
line-height: 18px;
}
.explore-nav li {
margin: 0 0 10px;
}
.action-block {
font-size: 14px;
line-height: 20px;
}
.action-block .container {
padding-top: 47px;
padding-bottom: 17px;
}
.action-block .block {
overflow: visible;
text-align: right;
width: 52%;
padding: 0;
letter-spacing: 0;
}
.action-block h2 {
font-size: 32px;
line-height: 36px;
margin: 0 0 22px;
font-weight: 500;
}
.action-block p {
margin: 0 0 23px;
}
.action-block p br {
display: block;
}
.action-block .btn-learn {
font-size: 18px;
line-height: 20px;
position: absolute;
right: -155px;
bottom: 23px;
}
.action-block .btn-learn span {
font-size: 18px;
margin: -1px 0 0 8px;
}
.action-block .alignleft {
margin: 0;
width: 300px;
position: absolute;
left: 4%;
bottom: 0;
}
.action-block.two .container {
padding-bottom: 28px;
padding-top: 32px;
}
.action-block.two .block {
text-align: left;
float: right;
width: 48.8%;
}
.action-block.two h2 {
margin: 0 0 26px;
}
.info-block {
padding: 82px 10px 25px;
margin: 0 auto;
}
.info-article {
display: inline-block;
vertical-align: top;
margin: 0 2.9% 20px 0;
width: 30%;
}
.info-article h2 {
font-size: 22px;
line-height: 25px;
}
.info-article p br {
display: block;
}
.news-block {
padding-top: 43px;
padding-bottom: 34px;
margin: 0 auto;
}
.news-article {
display: inline-block;
vertical-align: top;
margin: 0 0 0 2.6%;
font-size: 14px;
line-height: 18px;
width: 31%;
}
.news-article h2 {
margin: 0 0 13px;
line-height: 22px;
min-height: 45px;
}
.news-article .btn-learn {
font-size: 14px;
line-height: 16px;
margin: 0 0 21px;
}
.news-article .btn-learn span {
font-size: 14px;
line-height: 16px;
}
.control-nav {
font-size: 16px;
line-height: 22px;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.control-nav li {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: 25%;
}
.control-nav li a {
padding: 8px 5px 7px;
}
.supplier-block {
font-size: 16px;
line-height: 25px;
padding-top: 50px;
padding-bottom: 3px;
}
.supplier-block h2 {
font-size: 22px;
line-height: 26px;
margin: 0 0 1px;
}
.supplier-block p {
margin: 0 0 16px;
}
.features-block {
font-size: 16px;
line-height: 25px;
margin: 0 0 46px;
}
.features-block .slide-holder {
padding: 0 0 55px;
}
.features-block h2 {
font-size: 22px;
line-height: 26px;
margin: 0 0 3px;
}
.features-block h3 {
font-size: 16px;
line-height: 25px;
margin: 0;
}
.features-block .features-holder {
padding-top: 36px;
padding-bottom: 52px;
font-size: 16px;
line-height: 25px;
}
.features-block .features-holder h2 {
font-size: 22px;
line-height: 26px;
margin: 0;
}
.features-block .features2 {
/* padding-top: 62px; */
padding-top:0;
padding-bottom: 49px;
}
.features-block .features2 .box {
margin: 0 0 40px;
}
.features-block .features2.different {
padding-top: 40px;
padding-bottom: 9px;
}
.features-block .features2.different p {
margin: 0 0 25px;
}
.features-block .video-section .container {
padding: 18px 2% 29px 1%;
}
.features-block .video-section .alignleft {
float: left;
width: 50.2%;
margin: 0 1% 0 0;
}
.features-block .video-section .alignleft span {
margin: -11px 0 0 -61px;
font-size: 120px;
}
.features-block .video-section .txt-box {
padding: 1.4% 0 1%;
float: right;
width: 47.7%;
}
.features-block .video-section h2 {
font-size: 32px;
line-height: 36px;
margin: 0;
}
.features-block .video-section p {
margin: 0 0 3px;
}
.features-block .video-section .btn-learn {
font-size: 22px;
line-height: 26px;
}
.features-block .video-section .btn-learn span {
font-size: 26px;
}
.features-block .product-info {
margin: 0 auto 20px;
}
.features-block .product-col {
width: 50%;
float: left;
padding: 21px 1.5% 21px;
}
.features-block .product-col .alignright {
width: 34.8%;
}
.features-block .product-col .txt-box {
line-height: 19px;
}
.features-block .product-col h2 {
margin: 0 0 17px;
font-size: 16px;
line-height: 20px;
}
.features-block .product-col p {
margin: 0 0 14px;
}
.features-block .product-col .btn-learn {
font-size: 16px;
line-height: 20px;
}
.features-block .product-col .btn-learn span {
margin: -1px 0 0 2px;
}
.features-block .product-col ul {
font-size: 16px;
}
.features-block .product-col ul li {
margin: 0 0 16px;
}
.features-block .product-col.related h2 {
margin: 0 0 15px;
}
.threecolumns {
padding: 36px 0 38px;
}
.threecolumns .column {
width: 33.33%;
padding: 14px 1% 10px;
float: left;
}
.threecolumns .column.col2 {
padding: 14px 1.5% 10px;
}
.threecolumns .column.col3 {
width: 33.33%;
padding: 14px 1.5% 14px;
}
.threecolumns .video-box {
margin: 0 -4.3%;
}
.threecolumns ul {
font-size: 16px;
}
.threecolumns ul li {
margin: 0 0 19px;
}
.threecolumns.partners {
padding: 36px 0 40px;
}
.partners-heading {
font-size: 22px;
line-height: 27px;
}
.partners-heading .bg-stretch:before {
display: none;
}
.partners-heading .container {
padding: 30px 8px 24px;
}
.partners-heading h1 {
font-size: 46px;
line-height: 48px;
margin: 0 0 15px;
}
.partners-heading p br {
display: block;
}
.pratners-block {
padding: 18px 6px 0 10px;
margin: 0 auto 30px;
}
.pratners-block .heading h2 {
font-size: 22px;
line-height: 26px;
float: left;
width: 50%;
}
.pratners-block .heading .btn-learn {
float: right;
font-size: 22px;
line-height: 26px;
}
.pratners-block .heading .btn-learn span {
font-size: 22px;
line-height: 22px;
margin: 3px 1px 0 7px;
}
.partners-tab {
font-size: 14px;
line-height: 20px;
display: table;
table-layout: fixed;
margin: 0 0 16px;
}
.partners-tab li {
display: table-cell;
vertical-align: middle;
}
.tab-content {
box-shadow: 2px 2px 4px rgba(0, 0, 0, .2);
}
.partners-info {
float: left;
width: 33.33%;
min-height: 310px;
}
.partners-info.support {
min-height:100px;
}
.partners-info h2 {
font-size: 14px;
line-height: 20px;
margin: 0 -10.2% 17px;
}
.partners-info .visit {
font-size: 22px;
line-height: 26px;
}
.partners-info.active {
padding: 0 3.6% 50px;
min-height: 620px;
width: 66.66%;
right: auto;
}
.partners-info.active .partner-logo {
width: 380px;
}
}
@media (min-width: 900px) {
.slide-content .txt-box p {
font-size: 17px;
}
}
@media (min-width: 1000px) {
.footer-aside {
width: 108%;
}
#header .holder {
padding: 0 0 39px;
}
.header-holder {
padding: 47px 10px 0 10px;
}
.nav-block {
padding: 0 1% 0 0;
width: 40.8%;
top: -74px;
}
.main-gallery .solution-box {
top: 209px;
}
.main-gallery.inside .slide-content {
padding: 53px 1% 54px 9.3%;
}
.pagination-box {
bottom: 17.6%;
}
.pagination {
padding: 0 35px;
}
.slide-content {
padding: 326px 35px 11%;
min-height: 750px;
}
.slide-content .txt-box {
padding: 17px 35px 19px;
}
.slide-headeing {
font-size: 32px;
line-height: 38px;
}
.slide-headeing h1 {
font-size: 89px;
line-height: 79px;
margin: 0 0 72px;
}
.slide-headeing .btn-learn {
font-size: 32px;
line-height: 38px;
}
.slide-headeing .btn-learn span {
font-size: 35px;
line-height: 39px;
margin: 0 0 0 10px;
}
.explore-block h2 {
font-size: 32px;
line-height: 39px;
}
.explore-col h2 {
font-size: 22px;
line-height: 26px;
}
.explore-col.active {
font-size: 16px;
line-height: 25px;
}
.explore-col.active .holder {
padding: 15px 8% 41px 7.1%;
}
.explore-col.active h2 {
font-size: 32px;
line-height: 36px;
}
.explore-col.active .explore-nav {
font-size: 16px;
line-height: 20px;
}
.explore-nav {
font-size: 16px;
line-height: 20px;
}
.action-block {
font-size: 16px;
line-height: 25px;
}
.action-block .block {
width: 49.2%;
}
.action-block .btn-learn {
font-size: 22px;
line-height: 26px;
right: -192px;
}
.action-block .btn-learn span {
font-size: 25px;
margin: 2px 0 0 8px;
}
.action-block .alignleft {
width: 374px;
left: 6.1%;
}
.info-block {
padding: 82px 0 25px 1%;
}
.info-article {
width: 32%;
font-size: 16px;
line-height: 25px;
margin: 0 1% 20px 0;
}
.news-article {
font-size: 16px;
line-height: 19px;
}
.news-article h2 {
font-size: 22px;
line-height: 24px;
}
.news-article .btn-learn {
font-size: 16px;
line-height: 17px;
}
.news-article .btn-learn span {
margin: 1px 0 0 4px;
}
.control-nav {
font-size: 16px;
line-height: 22px;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.control-nav li {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: 25%;
}
.features-block .video-section .alignleft span {
margin: -14px 0 0 -74px;
font-size: 148px;
}
.features-block .video-section .txt-box {
padding: 4% 0 2%;
}
.features-block .product-col {
padding: 21px 2.7% 21px 3.6%;
}
.threecolumns .column {
padding: 14px 2.9% 10px;
width: 33.53%;
}
.threecolumns .column.col2 {
padding: 14px 2% 10px 3.2%;
}
.threecolumns .column.col3 {
width: 32.93%;
padding: 14px 3.7% 14px 3.4%;
}
.threecolumns .video-box {
margin: 0 -6.6% 0 -11%
}
.partners-tab {
font-size: 18px;
line-height: 22px;
}
.partners-info h2 {
font-size: 18px;
line-height: 22px;
}
.partners-info.active {
font-size: 16px;
line-height: 35px;
}
.partners-info.active h2 {
font-size: 18px;
line-height: 22px;
}
}
@media only screen and (min-width: 1025px) {
a[href^=tel],
a[href^=skype],
a[href^=sms] {
cursor: default;
pointer-events: none;
}
}
@media (min-width: 1050px) {
.main-gallery.inside .bg-stretch:before {
display: none;
}
.pagination {
padding: 0 1.1%;
}
.slide-content {
padding: 254px 1% 17.5%;
}
.slide-content .txt-box {
padding: 17px 1% 19px;
}
}
@media (max-width: 1049px) {
.main-gallery.inside .btn-next,
.main-gallery.inside .btn-prev {
color: #fff;
background: rgba(28, 125, 182, .82);
}
.main-gallery.inside .btn-next:hover,
.main-gallery.inside .btn-prev:hover {
background: #1c7db6;
}
}
@media (max-width: 767px) {
.footer-aside {
display: none;
}
#footer .social-networks li a {
color: #fff;
}
.nav-close,
.nav-opener {
display: block;
}
.nav-active .nav-holder {
max-height: 1500px;
}
.nav-holder {
position: absolute;
left: 0;
right: 0;
top: 100%;
margin: -36px 0 0;
max-height: 0;
-webkit-transition: all .9s linear;
transition: all .9s linear;
overflow: hidden;
background: #2e3f78;
}
.resize-active .nav-holder {
-webkit-transition: all 0s linear;
transition: all 0s linear;
}
#nav {
display: block;
overflow: hidden;
}
#nav:before {
display: none;
}
#nav li {
display: block;
border-bottom: 2px solid #fff;
}
#nav li .dropdown {
position: relative;
left: auto;
right: auto;
top: auto;
padding: 0;
background: #31b5e6 !important;
}
#nav li .dropdown ul {
display: block;
overflow: hidden;
width: 100%;
padding: 0;
}
#nav li .dropdown ul:first-child {
padding: 0;
}
#nav li .dropdown ul.add {
width: 100%;
margin: 0;
}
#nav li .dropdown ul li {
margin: 0;
border-bottom: 0;
}
#nav li .dropdown ul li a {
padding: 5px;
text-align: center;
display: block;
font-size: 14px;
background-color: #31b5e6;
}
#nav li.hover a {
background: #31b5e6;
}
.main-gallery .solution-box {
display: none;
}
.btn-next,
.btn-prev {
display: none;
}
.slide-headeing p .txt {
display: block;
}
.explore-col.add.add2 {
background: #31b5e6;
}
.explore-col.add.add3 {
background: #2e3f78;
}
.explore-col.add3 {
background: #31b5e6;
}
.explore-col.add2 {
background: #2e3f78;
}
.explore-col.active .holder {
min-height: 0;
height: auto !important;
}
.control-nav li.add.add2 a {
background: #31b5e6;
}
.control-nav li.add.add2 a:hover {
background: #aacd45;
}
.control-nav li.add3 a {
background: #2e3f78;
}
.control-nav li.add3 a:hover {
background: #aacd45;
}
.features-block .product-info:before {
display: none;
}
.features-block .product-col:first-child {
padding: 21px 11px 28px 13px;
background: #f98700;
}
.threecolumns .column:before {
display: none;
}
.threecolumns .column {
height: auto !important;
overflow: hidden;
background: rgba(49, 181, 230, .75);
}
.threecolumns .column.col2:before {
display: none;
}
.threecolumns .column.col2 {
background: rgba(170, 205, 69, .75);
}
.threecolumns .column.col3:before {
display: none;
}
.threecolumns .column.col3 {
background: rgba(255, 82, 0, .75);
}
.partners-info {
height: auto !important;
position: relative !important;
top: auto !important;
left: auto !important;
-webkit-transform: none !important;
-ms-transform: none !important;
transform: none !important;
}
}
/* Ark Addition */
/* Content Sidebars */
.blockmain {
width: 67.17%;
padding: 14px 3.4% 14px 0;
float:left;
}
.blocksidebar {
width: 32.0%;
padding: 0;
float:left;
display:none;
}
.blocksidebar .threecolumns {
padding: 0;
margin-bottom: 15px;
}
.blocksidebar .threecolumns .column {
width: 100%;
padding: 14px 3.7% 14px 3.4%;
}
section.active .blocksidebar, section.nonPanel .blocksidebar {
display:block;
}
section.open-close .blockmain {
width:100%; padding-left:0;
padding-right:0;
}
section.active .blockmain {
width: 67.17%;
padding: 14px 3.4% 14px 0;
float:left;
}
/* Backgrounds */
.background-blue {
background:#1c7db6;
}
.background-black {
background:#231f20;
}
.background-lightblue {
background:#31b5e6;
}
.background-darkblue {
background:#2e3f78;
}
.background-pink {
background:#df1981;
}
.background-yellow {
background:#f8e937;
}
.background-green {
background:#aacd45;
}
.background-red {
background:#ea242d;
}
.background-orange {
background:#ff5200;
}
/*linkcolor*/
#main .product-col a.linkcolor-blue {color:#1c7db6;}
#main .product-col a.linkcolor-black {color:#231f20;}
#main .product-col a.linkcolor-lightblue {color:#31b5e6;}
#main .product-col a.linkcolor-darkblue {color:#2e3f78;}
#main .product-col a.linkcolor-pink {color:#df1981;}
#main .product-col a.linkcolor-yellow {color:#f8e937;}
#main .product-col a.linkcolor-green {color:#aacd45;}
#main .product-col a.linkcolor-red {color:#ea242d;}
#main .product-col a.linkcolor-orange {color:#ff5200;}
#main .product-col a.linkcolor-white {color:#fff;}
#main .product-col a.linkcolor-blue:hover {color:#fff;}
#main .product-col a.linkcolor-black:hover {color:#fff;}
#main .product-col a.linkcolor-lightblue:hover {color:#fff;}
#main .product-col a.linkcolor-darkblue:hover {color:#fff;}
#main .product-col a.linkcolor-pink:hover {color:#fff;}
#main .product-col a.linkcolor-yellow:hover {color:#fff;}
#main .product-col a.linkcolor-green:hover {color:#fff;}
#main .product-col a.linkcolor-red:hover {color:#fff;}
#main .product-col a.linkcolor-orange:hover {color:#fff;}
#main .product-col a.linkcolor-white:hover {color:#2e3f78;}
/* pairCTAs */
.cta2-blue .product-info {background:#1c7db6;}
.cta2-black .product-info {background:#231f20;}
.cta2-lightblue .product-info {background:#31b5e6;}
.cta2-darkblue .product-info {background:#2e3f78;}
.cta2-pink .product-info {background:#df1981;}
.cta2-yellow .product-info {background:#f8e937;}
.cta2-green .product-info {background:#aacd45;}
.cta2-red .product-info {background:#ea242d;}
.cta2-orange .product-info {background:#ff5200;}
.cta1-blue .product-info:before {background:#1c7db6 ;}
.cta1-black .product-info:before {background:#231f20 ;}
.cta1-lightblue .product-info:before {background:#31b5e6;}
.cta1-darkblue .product-info:before {background:#2e3f78 ;}
.cta1-pink .product-info:before {background:#df1981;}
.cta1-yellow .product-info:before {background:#f8e937;}
.cta1-green .product-info:before {background:#aacd45;}
.cta1-red .product-info:before {background:#ea242d;}
.cta1-orange .product-info:before {background:#ff5200;}
/*text Colors */
.text-blue, .text-blue h1, .text-blue h2, .text-blue p {color:#1c7db6 !important;}
.text-black, .text-black h1, .text-black h2, .text-black p {color:#231f20 !important;}
.text-lightblue, .text-lightblue h1, .text-lightblue h2, .text-lightblue p {color:#31b5e6 !important;}
.text-darkblue, .text-darkblue h1, .text-darkblue h2, .text-darkblue p {color:#2e3f78 !important;}
.text-pink, .text-pink h1, .text-pink h2, .text-pink p {color:#df1981 !important;}
.text-yellow, .text-yellow h1, .text-yellow h2 .text-yellow p {color:#f8e937 !important;}
.text-green, .text-green h1, .text-green h2, .text-green p {color:#aacd45 !important;}
.text-red, .text-red h1, .text-red h2, .text-red p {color:#ea242d !important;}
.text-white, .text-white h1, .text-white h2, .text-white p {color:#ffffff !important;}
.text-orange, .text-orange h1, .text-orange h2, .text-orange p {color:#ff5200 !important;}
@media (max-width: 767px) {
.text-white, .text-white h1, .text-white h2, .text-white p {color:#000000 !important;}
}
/*threeblock*/
.threecolumns .column.triobackground-blue:before {background: rgba(28, 125, 182, .75);}
.threecolumns .column.triobackground-black:before {background: rgba(35, 31, 32, .75);}
.threecolumns .column.triobackground-lightblue:before {background: rgba(49, 181, 230, .75);}
.threecolumns .column.triobackground-darkblue:before {background: rgba(48, 63, 120, .75);}
.threecolumns .column.triobackground-pink:before {background: rgba(223, 25, 129, .75);}
.threecolumns .column.triobackground-yellow:before {background: rgba(248, 233, 55, .75);}
.threecolumns .column.triobackground-green:before {background: rgba(170, 205, 69, .75);}
.threecolumns .column.triobackground-red:before {background: rgba(234, 36, 45, .75);}
.threecolumns .column.triobackground-orange:before {background: rgba(255, 82, 0, .75);}
.extraHeader, .controlHeader {
padding-bottom:30px;
}
.extraHeader h2 {
font-size: 36px;
line-height: 26px;
float: left;
width: 50%;
}
.extraHeader .btn-learn {
float: right;
font-size: 16px;
line-height: 26px;
}
.extraHeader .btn-learn span {
font-size: 16px;
line-height: 21px;
margin: 3px 1px 0 7px;
}
.supplier-block p .btn-learn, .supplier-block p .btn-learn span {
font-size: 16px;
line-height: 22px;
}
.supplier-block p .btn-learn span {
margin: 0 0 0 5px
}
.supplier-block h3 a {
text-decoration:none;
color:#2e3f78;
}
.supplier-block h3 a:hover {
color:#fc5100;
}
.controlHeader .control-nav:before {
display:none;
}
.controlHeader .control-nav li {
width: 12.5%;
}
.controlHeader .control-nav li.active a {
background: #aacd45;
}
.mcImage {
float:left;
width:15%;
}
.mcImage img {
width:85%;
height:auto;
}
.mcCopy {
float:left;
width:84%;
}
.mediaCoverageItem {
margin-bottom:30px;
}
.supplier-block h2.exheading {
font-size:36px;
margin-bottom:20px;
}
#tradeshows .mcCopy p {margin:0 0 10px 0;}
#tradeshows .mcCopy p.tsLink {margin-top:10px;}
.responsiveTable td {
vertical-align:top;
}
#sitemap td {padding-right:5%;}
.standaloneCTA .slide-holder {
border-bottom: none;
padding: 0;
}
.standaloneCTA {margin:0;}
.slide .action-block, .slide .features-block {
margin: 0 0 46px;
}
/*documents*/
.docItem {
margin:1%;
width: 31.33%;
min-height:100px;
overflow:hidden;
}
.hasDocImage {
padding-bottom:150px;
}
.docImage {
width: 100%;
display: block;
min-height: 150px;
position: absolute;
top: 0;
z-index: 50;
}
.button-box {
position: absolute;
z-index:100;
}
.button-box-doc {
position: absolute;
bottom: 0;
right: 0;
left: 0;
text-align: center;
height:150px;
z-index:50;
}
.docItem .txt-box p {margin-bottom:5px;}
.bbContainer:hover a {background: #fc5100;
color: #fff;}
.bbContainer .button-box-doc img {
opacity: 0.65;
filter: alpha(opacity=65); /* For IE8 and earlier */
}
.bbContainer:hover .button-box-doc img {
opacity: 1;
filter: alpha(opacity=100); /* For IE8 and earlier */
}
.partners-info h2.background-blue a {background:#1c7db6;}
.partners-info h2.background-black a {background:#231f20;}
.partners-info h2.background-lightblue a {background:#31b5e6;}
.partners-info h2.background-darkblue a {background:#2e3f78;}
.partners-info h2.background-pink a {background:#df1981;}
.partners-info h2.background-yellow a {background:#f8e937;}
.partners-info h2.background-green a {background:#aacd45;}
.partners-info h2.background-red a {background:#ea242d;}
.partners-info h2.background-orange a {background:#ff5200;}
.preview article.hide {display:none;}
#moreDocs {display:none;}
.preview #moreDocs {
padding: 60px 0 0 0;
display:block;
}
.preview #moreDocs a {
background:#2e3f78;
color:#fff;
cursor:pointer;
}
.preview #moreDocs a:span {
color:#fff;
}
.preview #moreDocs a:hover {
background:#ff5200;
}
#hjOne {
width:100%;
background:#1c7db6;
}
#hjOne .holder {
min-height:100px;
}
#hjOne .explore-nav li {
display:block;
float:left;
width:33.33333%;
}
@media (max-width: 767px) {
#hjOne .explore-nav li {
display:block;
float:left;
width:50%;
}
.docItem {
margin:1% 0;
width: 100%;
min-height:100px;
}
.backgroundt-blue {background:#1c7db6 !important;}
.backgroundt-black {background:#231f20 !important;}
.backgroundt-lightblue {background:#31b5e6 !important;}
.backgroundt-darkblue {background:#2e3f78 !important;}
.backgroundt-pink {background:#df1981 !important;}
.backgroundt-yellow {background:#f8e937 !important;}
.backgroundt-green {background:#aacd45 !important;}
.backgroundt-red {background:#ea242d !important;}ff5200
.backgroundt-orange {background:#ff5200 !important;}
/*threeblock*/
.threecolumns .column.triobackground-blue {background: rgba(28, 125, 182, .75);}
.threecolumns .column.triobackground-black {background: rgba(35, 31, 32, .75);}
.threecolumns .column.triobackground-lightblue {background: rgba(49, 181, 230, .75);}
.threecolumns .column.triobackground-darkblue {background: rgba(48, 63, 120, .75);}
.threecolumns .column.triobackground-pink {background: rgba(223, 25, 129, .75);}
.threecolumns .column.triobackground-yellow {background: rgba(248, 233, 55, .75);}
.threecolumns .column.triobackground-green {background: rgba(170, 205, 69, .75);}
.threecolumns .column.triobackground-red {background: rgba(234, 36, 45, .75);}
.threecolumns .column.triobackground-orange {background: rgba(255, 82, 0, .75);}
.blockmain {
width: 100%;
padding: 14px 0 14px 0;
float:none;
}
.blocksidebar {
width: 100%;
padding: 0;
max-width:300;
margin:0 auto;
float:none;
}
section.active .blockmain {
float:none;
width: 100%;
}
.responsiveTable, .responsiveTable tbody, .responsiveTable tr, .responsiveTable td {
display:block; width:100%;
}
.extraHeader h2 {
float: none;
width: 100%;
font-size: 26px;
}
.supplier-block h2.exheading {
font-size:26px;
}
.extraHeader .btn-learn {
float: none;
font-size: 18px;
}
.extraHeader .btn-learn span {
font-size: 18px;
}
.controlHeader .control-nav li {
width: 25%;
}
.mcImage {
float:none;
width:100%;
}
.mcImage img {
width:45%;
max-width:200px;
height:auto;
}
.mcCopy {
float:none;
width:100%;
}
}
/*Leadership*/
.singleLeader {position:relative; border-bottom:3px solid #2e3f78; margin-bottom:30px; padding-bottom:20px}
.leaderPhoto, .leaderCopy {
float:left;
}
.leaderPhoto {width:22%; margin-right:3%;}
.leaderCopy {width:74%;}
.leaderExtra, .leaderClose {display:none;}
.singleLeader .button-box a {background-color:#2e3f78; color:#fff;}
.singleLeader .button-box a:hover {background-color:#ff5200; color:#fff;}
.singleLeader.open .leaderClose {display:inline-block;}
.singleLeader.open .leaderOpen {display:none;}
@media (max-width: 400px) {
.leaderPhoto, .leaderCopy {
float:none;
width:100%;
}
.leaderPhoto img {
width:50%; display:block; height:auto; margin:0 auto 15px auto;
}
}
/*careers iframe*/
#ceridian {border:none;}
/* login Submenu */
#loginArea:hover {
background:#2e3f78;
color:#fff;
}
#loginArea:hover > a {
color:#ffffff;
}
#subMenu {
position: absolute;
background: #2e3f78;
width: 600px;
left: -288px;
z-index: 15000;
display: none;
}
#loginArea:hover #subMenu {
display:block;
}
#subMenu .smCol {
float:left;
width:50%;
text-align:left;
}
.smCol ul, .smCol a {margin:0; padding:0;}
.smCol h3 {padding:10px; margin:0;}
#subMenu li { padding: 0; margin:0; width:100%; }
#subMenu li:before { display:none;}
#subMenu a {color:#fff; display:block; text-decoration:none; padding:10px; font-weight:700; font-size:16px; }
#subMenu a:hover {background:#31b5e6}
@media (max-width: 767px) {
#subMenu {
position:absolute;
background:#2e3f78;
width:100%;
left:0;
z-index:15000;
}
#loginArea {
position: inherit;
}
#subMenu .smCol {
float:none;
width:100%;
text-align:left;
}
#subMenu a {font-size:14px; }
}
/*hubspot Overides */
#main .hs-form fieldset.form-columns-1 .hs-input {
width: 100%;
}
#main .hs-form fieldset.form-columns-1 input.hs-input[type=checkbox], #main .hs-form fieldset.form-columns-1 input.hs-input[type=radio] {
width: auto; margin-right:10px;
}
#main form fieldset {
padding-bottom:10px;
}
#main .hs-form .hs-form-field select {
color:#000;
}
.blocksidebar .hs-form-field > label {
font-weight:700;
}
#main .hs-form textarea {
border: none;
min-height: 100px;
}
#main .hs_submit {
padding:10px 0;
}
#main .hs-form input[type="text"], #main .hs-form input[type="tel"], #main .hs-form input[type="email"], #main .hs-form input[type="search"], #main .hs-form input[type="password"], #main .hs-form textarea {
width:100%;
margin-bottom:10px;
}
/* document pages */
.thankyouBox .button-box {position:relative;}
.embed {
position: relative;
padding-bottom: 56.25%;
padding-top: 35px;
height: 0;
overflow: hidden;
margin-bottom:1em;
}
div.embed > iframe {
position: absolute;
top:0;
left: 0;
width: 100% !important;
height: 100% !important;
}
/* megaCol Menu */
#megaCol {display:table;}
#megaCol > div {display:table-row;}
#megaCol div.megaCol {
width:25%;
border-left:1px solid #fff;
height:100%;
display:table-cell;
}
#megaCol div.megaCol:first-child {
border-left:none;
}
#nav li #megaCol ul {
width:100%;
margin-bottom:25px;
}
#megaCol h4 a {
padding: 5px 5% 5px 5%;
text-align: left;
font-size:16px;
font-weight:800;
}
#megaCol h4 a:hover {
background:#31b5e6;
}
@media (max-width: 767px) {
#megaCol, #megaCol > div, #megaCol div.megaCol {
width:100%;
display:block;
border:none;
}
#megaCol h4 a {
padding:0;
text-align: center;
font-size:16px;
}
}
#footerSolutions ul ul {font-weight:400; margin-top:8px;}
#footerSolutions ul ul li {margin:0 0 8px 8px;}
/* 50% Columns */
.halfCol1, .halfCol2 {width:48%;float:left;}
.halfCol1 {margin-right:2%;}
.halfCol2 {margin-left:2%;}
@media (max-width: 767px) {
.halfCol1, .halfCol2 {width:100%;float:none; margin:0;}
}
/* Hubspot Inline Forms */
.htmlwrapper .hbspt-form {margin-bottom:70px;}
.htmlwrapper label {
color: #017cb7;
}
.htmlwrapper .hs-form fieldset {
max-width: 100%;
}
.htmlwrapper .form-columns-2 input[type="text"],
.htmlwrapper .form-columns-2 input[type="tel"],
.htmlwrapper .form-columns-2 input[type="email"],
.htmlwrapper .form-columns-2 input[type="search"],
.htmlwrapper .form-columns-2 input[type="password"],
.htmlwrapper .form-columns-2 textarea,
.htmlwrapper .form-columns-3 input[type="text"],
.htmlwrapper .form-columns-3 input[type="tel"],
.htmlwrapper .form-columns-3 input[type="email"],
.htmlwrapper .form-columns-3 input[type="search"],
.htmlwrapper .form-columns-3 input[type="password"],
.htmlwrapper .form-columns-3 textarea{
width:100%;
}
.htmlwrapper .form-columns-2 input[type="radio"],
.htmlwrapper .form-columns-2 input[type="checkbox"],
.htmlwrapper .form-columns-3 input[type="radio"],
.htmlwrapper .form-columns-3 input[type="checkbox"]{
margin-right:10px;
}
.htmlwrapper textarea {
border: 1px solid #999 !important;
}
.htmlwrapper ul { margin:0 0 1em 0; padding:0; list-style-type:none;}
.htmlwrapper li {padding:0; margin:0;}
.htmlwrapper .hbspt-form input[type="submit"] {
color: #ffffff;
background: #017cb7;
}
.htmlwrapper button[type="submit"]:hover, .htmlwrapper input[type="submit"]:hover {
background: #000;
color: #fff;
}
@media (max-width: 400px), (max-device-width: 480px) and (min-device-width: 320px) {
.htmlwrapper .form-columns-2 input[type="text"],
.htmlwrapper .form-columns-2 input[type="tel"],
.htmlwrapper .form-columns-2 input[type="email"],
.htmlwrapper .form-columns-2 input[type="search"],
.htmlwrapper .form-columns-2 input[type="password"],
.htmlwrapper .form-columns-2 textarea,
.htmlwrapper .form-columns-3 input[type="text"],
.htmlwrapper .form-columns-3 input[type="tel"],
.htmlwrapper .form-columns-3 input[type="email"],
.htmlwrapper .form-columns-3 input[type="search"],
.htmlwrapper .form-columns-3 input[type="password"],
.htmlwrapper .form-columns-3 textarea {
width:100% !important;}
.htmlwrapper .form-columns-2 input[type="radio"],
.htmlwrapper .form-columns-2 input[type="checkbox"],
.htmlwrapper .form-columns-3 input[type="radio"],
.htmlwrapper .form-columns-3 input[type="checkbox"]{
width:auto !important;
}
.hbspt-form input[type="submit"] {
width: 100%;
text-align: center;
}
}
@media (max-width:1150px) and (min-width:767px) {
.partners-heading h1, .partners-heading p {
width:80%;
}
}
/* CTA - Documents */
.blocksidebar .threecolumns .column.hasDocImage, .threecolumns .column.column.hasDocImage {
padding-bottom:160px;
position:relative;
}
.bbDocHolder {
position:absolute;
bottom:0;
left:0;
width:100%;
}
.bbDocHolder .video-box {
position: absolute;
bottom: 0;
right: 0;
left: 0;
text-align: center;
}
.documentthumbnail {
height:150px;
display:block;
}
.documentthumbnailcta .documentthumbnail img {
width:100%;
min-height:150px;
}
.documentthumbnailcta .button-box {
position: relative;
margin: 10px 0 0 0;
}
.nextCartShowing #header,
.nextCartShowing #nav,
.nextCartShowing .nav-block {
z-index:0;
}
/*----------------------------------------------------------------
..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: "Raleway", "Arial", "Helvetica Neue", "Helvetica", sans-serif, 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);
}
.nextInvoice .nextCartSubtotal td,
.nextInvoice .nextCustomerDiscount td,
.nextInvoice .nextCartCategoryDiscount td,
.nextInvoice .nextOrderDiscount td,
.nextInvoice .nextCouponDiscount td,
.nextInvoice .nextSalesTax td,
.nextInvoice .nextShipping 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 {
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: "Raleway", "Arial", "Helvetica Neue", "Helvetica", sans-serif, 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;
}
#searchField {
width:100%;
*width:168px; /* IE7 */
min-width:80px;
border:1px solid #999;
padding:6px 8px 6px 25px !important;
border-radius:3px;
background:#FFF url(//cdn.nexternal.com/common/images/bg_search_field.png) 3px 50% 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+ */
margin:0 0 15px 0;
}
.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: "Raleway", "Arial", "Helvetica Neue", "Helvetica", sans-serif, 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;
font-weight:500;
}
.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:block;
margin:30px 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:1400px;
/*min-width:768px;*/
padding:30px 10px;*/ /*padding no longer works on display:table elements*/
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:1400px; /* double the padding when you calculate this */
min-width:668px;
margin:0 auto;
padding:0 10px;
-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 30px;
}
.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:800;
font-size:14px;
text-transform:uppercase;
}
.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 0 2px;
}
.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;
}
/***** 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;
}
a.nextProdName {
text-transform:uppercase;
margin-bottom:5px;
font-size:14px;
text-decoration:none;
font-weight:800;
}
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 ******/
body:not(.nextCartShowing) .modal, body:not(.nextCartShowing) div.margin:not(.nextAddressBookPopup), body:not(.nextCartShowing) .nextCartPolicies div.margin, body:not(.nextCartShowing) .nextPrivacyPolicyPopup {
top:250px !important;
}
#mpeAddressValidation_foregroundElement, #mpeCalculator_foregroundElement, #mpeEditAddress_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: "Raleway", "Arial", "Helvetica Neue", "Helvetica", sans-serif, 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: "Raleway", "Arial", "Helvetica Neue", "Helvetica", sans-serif, serif;
}
.tab .ajax__tab_outer {
background:#F7F7F7; /* inactive tab background */
border-color: #CCC; /* inactive tab border color */
font-weight: 700; /* 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: 700; /* 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: "Raleway", "Arial", "Helvetica Neue", "Helvetica", sans-serif, serif;
font-size:22px;
color:#2e3f78;
margin:0 0 25px;
font-weight:800;
text-transform:uppercase;
}
.main .banner1,
.main .banner2 {
font-family:"Raleway", "Arial", "Helvetica Neue", "Helvetica", sans-serif, serif;
font-weight:normal;
font-size:15px;
font-weight:600;
}
.nextTileProductBanner tr.banner1 td, .nextSubcategoriesBanner tr.banner1 td, tr.bannerStoreFront td, .nextNoProductsBanner td, .nextRelatedProducts .nextAppendHeader, .main .banner1 h1.nextBannerText, .nextPolicies tr.banner1 td {
color:#2e3f78;
text-align:left;
background:none;
font-size:24px;
font-family:"Raleway", "Arial", "Helvetica Neue", "Helvetica", sans-serif, serif;
font-weight:800;
padding:0;
line-height:1;
text-transform:uppercase;
}
.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:#017cb7;
padding:7px 12px;
border:0;
border-radius:3px;
font-weight:700;
font-size:14px !important;
cursor:pointer;
font-family: "Raleway", "Arial", "Helvetica Neue", "Helvetica", sans-serif;
-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;
}
input.nextHTMLButton:hover, a.nextHTMLButton:hover, a.nextAddEditButton:hover {
background-color:#017cb7;
color:#FFF;
opacity:.8;
}
input.nextHTMLButton:active, a.nextHTMLButton:active, a.nextAddEditButton:active {
box-shadow:inset 0px 2px 5px rgba(0, 0, 0, .5);
}
input.nextHTMLButton.nextATCButton {
margin:5px 0 5px 5px;
display:inline-block;
background-image:url(//cdn.nexternal.com/common/images/atc_plus.png);
background-position:100% 50%;
background-repeat:no-repeat;
padding-right:25px;
}
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);
}
a.nextAddButton {
background-image:url(//cdn.nexternal.com/common/images/bg_add.png);
}
.nextSearchButton input.nextHTMLButton {
margin-left:4px;
}
.cart #btnCheckOutTop, .cart #btnCancelOrderTop {
display:none;
}
.nextClubCustomerType #memberSavings {
display:none;
}
#memberSavings:hover {
opacity:.8;
}
/*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 {
display:block;
padding:6px 30px 6px 12px;
margin:0 6px 3px;
text-decoration:none;
font-size:11px;
font-weight:600;
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 {
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 {
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);
}
.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/next_arrow_rt.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 {
background-color:green;
background-color:#2e3f78;
/*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;
}
/*----------------------------------------------------------------
..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-size:22px;
line-height:24px;
margin: 0 0 20px;
font-family:"Raleway", "Arial", "Helvetica Neue", "Helvetica", sans-serif, serif;
clear:both;
color:#2e3f78;
font-weight:800;
text-transform:uppercase;
}
#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:#017cb7;
}
#progress ul li em {
display:block;
color:#333;
font-style:normal;
}
#progressContinueShopping {
text-decoration:none;
float:left;
font-size:12px;
font-weight:700;
}
.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;
}
body.oms input#btnCancelOrderBottom:hover, body.oms input#btnCancelOrderEmptySuperCart:hover {
opacity:.7;
}
.oms .main input[type="submit"] {
margin-right:5px;
}
/*----------------------------------------------------------------
..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;
}
/*----------------------------------------------------------------
..RETILE.CSS CUSTOM (requires retile.js and retile.css)
------------------------------------------------------------------*/
body .fluidContainer .nextCatLinks, body .fluidContainer .nextProductWrapper, body .relatedWrap {
width:33.2%; /* Tile up to 3 products across (ignore padding for this - containers are set to box-sizing: border-box) */
text-align:center;
/*padding:0 1.5% 5%; */
padding:0; /* padding on display:table elements stopped working in 2015, so now we pad .tileContent */
}
body .fluidContainer .nextCatLinks {
width:49.9%;
text-align:left;
}
.tileContent {
padding:0 4.5% 15%;
}
.nextCatLinks .tileContent {
padding-bottom:1%;
}
body .relatedWrap a {
padding:0 .5em;
}
@media only screen and (min-width: 1500px) {
body .fluidContainer .nextCatLinks, body .fluidContainer .nextProductWrapper, body .relatedWrap {
/*width:20%; /* Tile up to 5 products across at this resolution */
}
}
/* onetile break point - 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:auto;
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.1
------------------------------------------------------------------*/
/***** ..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%;
display:inline-block;
max-width:100%;
*width:auto; /* IE7 */
margin:0;
}
.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%;
*width:auto !important;
}
.nextDCProdDetail .nextProdImage{
width:auto;
}
td.nextMainImageWrap {
/*width:100%; /* 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;
}
.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: 1024px) {
.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: 1023px) {
body.CCartActive {
padding-top:34px;
}
body.CCartActive.nocart {
padding-top:0;
}
.CCartActive #responsiveUtilityWrapper {
background:#777;
text-align:right;
position:fixed;
z-index:99999;
width:100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
display:block;
padding:3px 0;
top:0;
left:0;
}
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: "Raleway", "Arial", "Helvetica Neue", "Helvetica", sans-serif, serif;
}
*/
/*----------------------------------------------------------------
..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;
}
/*----------------------------------------------------------------
..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;
}
.account #trBottom,
.checkout #trBottom {
/*display:none;*/
}
#responsiveUtilityWrapper {
font-weight:500;
}
#responsiveUtilityWrapper,
#responsiveUtilityWrapper * {
line-height:1 !important;
}
.nextUtility2 {
display:none !important;
}
.nextShipMethodSelectLabelData {
min-width:200px;
}
.nextStoreFront .nextCategorySpacer {
display:none;
}
.nextCartShipTo b {
font-weight:700;
}
.nextCartProducts td.nextCartShipTo,
#threadWrapper,
#extraPrevNext,
#nextCartHeading,
.nextCartProducts {
font-weight:600;
}
/* ..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;
}
}