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: 10pt Lato, sans-serif; color: #576777; padding: 0 5px 0 5px}
.margin, .modal {background-color: white; background-image: none; text-align: left; font: 10pt Lato, sans-serif; color: #576777; padding: 0 2px 0 2px}
h1 {margin: 0}
hr {height: 1px}
.main hr, .margin hr {color: black; background-color: black; border-width: 0px}
.cart {background-color: white; background-image: none; text-align: center; vertical-align: top; margin: 0; font: 10pt Lato, sans-serif; color: #576777}
.persist {background-color: white; background-image: none; text-align: left; vertical-align: top; margin: 0; font: 10pt Lato, sans-serif; color: #576777}
.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-color: white; background-image: none; text-align: left}
td.bottom {background-color: white; background-image: none; text-align: left}
td.left {background-color: white; background-image: none; vertical-align: middle}
td.right {background-color: white; background-image: none; vertical-align: middle}
.font1 {font: 10pt Lato, sans-serif}
.font1small {font: 8pt Lato, sans-serif}
.font1large {font: 12pt Lato, sans-serif}
.font2 {font: 10pt Lato, sans-serif}
.font2small {font: 8pt Lato, sans-serif}
.font2large {font: 12pt Lato, sans-serif}
.labelSubText {font-size: 8pt; display: block}
.welcome {text-align: center}
.main a {color: #071a4a}
.main a:hover {color: #071a4a}
.main img {border-color: #071a4a}
.cart a {color: #071a4a}
.cart a:hover {color: #071a4a}
.cart img {border-color: #071a4a}
.persist a {color: #071a4a}
.persist a:hover {color: #071a4a}
.persist img {border-color: #071a4a}
.margin a, .modal a {color: #071a4a}
.margin a:hover, .modal a:hover {color: #071a4a}
.margin img, .modal img {border-color: #071a4a}
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: #576777}
.main .banner1 {background-color: #071a4a; background-image: none; font: bold 10pt Lato, sans-serif; color: white}
.main .banner1 h1.nextBannerText {font: bold 10pt Lato, sans-serif; color: white; margin-bottom: 0px}
.main .banner2 {background-color: #071a4a; background-image: none; font: bold 10pt Lato, sans-serif; color: white}
.cart .banner1 {background-color: #071a4a; background-image: none; font: bold 10pt Lato, sans-serif; color: white}
.persist .banner1 {background-color: black; background-image: none; font: bold 10pt Lato, sans-serif; color: white}
.margin .banner1, .modal .banner1 {background-color: #071a4a; background-image: none; font: bold 10pt Lato, sans-serif; color: white}
.margin .banner2, .modal .banner2 {background-color: #071a4a; background-image: none; font: bold 10pt Lato, sans-serif; color: white}
.main .bannerStoreFront {background-color: black; background-image: none}
.main .bannerStoreFront .nextStoreFrontBannerNameCell {font-weight: bold; color: white}
.modal {border: solid 1px black}
.shade {background-color: black; opacity: 0.65}
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: #071a4a; 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: #071a4a; 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: Lato, 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: 8pt}
.nextSoldOut, .nextProductDetailTabbed .nextProdName, .nextProductDetailTabbed .nextPrice, .nextNewCustomerLink, .nextExpressOrderTotals, .nextOrderPadTotalLabel, .nextOrderPadTotalQuantity, .nextOrderPadUpload, .nextInvoicePaymentFooter {font-size: 12pt}
.nextCategoryDisplay .nextCatName, .nextAttributes, .nextExpressOrderAttributes, .nextAppendHeader {font: 10pt Lato, sans-serif}
.nextProduct, .nextAdvancedSearch, .nextUndoSearch, .nextProductDetailTop, .nextProductDetailStacked .nextProdName, .nextExpressOrderProducts .nextProdName, .nextLongDescription, .nextArticleSearchDescription, .nextArticleSearchLink, .nextCartTop, .nextShoppingCart, .nextRegisterHeader, .nextPasswordTextCell, .nextTrusteeTextCell, .nextLargeTextLink {font: 10pt Lato, sans-serif}
.nextArticleSearchTitle {font: 12pt Lato, sans-serif}
.nextCategory .nextCatName {font: 10pt Lato, 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: #071a4a; background-color: #071a4a}
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: black}
.persist .nextSoldOut, .persist .nextProdDiscount {color: #576777}
.cart .nextCartDiscount, .cart .nextCartSavings, .cart .nextCartSubscription, .cart .nextCartOrderSubscription, .cart .nextCartReservation, .cart .nextCartWarningsWrapper {color: black}
.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: 6px; 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: left; vertical-align: bottom}
.nextProdName, .nextLargeImageLink, .nextOrderPadSampleImage, .nextOrderPadUploadImage, .nextOrderPadUploadImage, .nextCartPolicy, .nextCartBannerImage, .nextCheckOutButton, .nextCartSavings, .nextShippingCoupon, .nextShippingPriceOverrideText, .nextCartBottomButton, .nextCartRequiredProductMultiple, .nextPendingCheckbox, .nextPendingRequiredLineItemCheckbox, .nextEditPendingButton, .nextPendingActivationButton, .nextApproveButton, .nextRejectButton, .nextLargeTextLink, .nextEditPendingButton, .nextPendingActivationButton, .nextApproveButton, .nextRejectButton, .nextGroupEdit, .nextGroupDelete {display: block}
.nextHTMLButton {display: inline}
.nextPriceWrapper, .nextZoomContainer {display: inline-block}
.nextUpsell .nextRelatedEmpty {display: none}
.nextSharingTools .nextAddThis, .nextSharingTools .nextTweet, .nextSharingTools .nextPinIt, .nextSharingTools .nextFBShare {display: inline-block; vertical-align: middle}
.nextCartBottomButton {float: none}
.nextRelatedThread, .nextProductDetailStacked .nextStandardAttributes, .nextProductDetailStacked .nextWriteInAttributes, .nextCartBannerImage, .nextTellAFriendCaptcha, .nextQuestionCaptcha, .nextReviewCaptcha, .nextOrderPadSampleImage, .nextOrderPadUploadImage, .nextAffiliateCaptcha, .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: 1000px}
.nextPendingLineItemActions {width: 25%}
.nextProductDetailStacked .nextAttributes, .nextButtonEdit, .nextButtonDelete, .nextReasonCanceledLabel, .nextReasonCanceled, .nextOrderBillToAddress, .nextOrderPaymentInformation, .nextOrderShipToAddress, .nextOrderApprovals, .nextPendingBillToAddress, .nextPendingPaymentInformation, .nextPendingShipToAddress, .nextPendingActions, .nextSubscriptionBillToAddress, .nextSubscriptionPaymentInformation, .nextSubscriptionShipToAddress, .nextSubscriptionActions, .nextTrusteePickupAddress, .nextAccountAdditionalAddress, .nextAccountCreditCard, .nextOrderCustomerCommentsLabel, .nextOrderCustomerComments, .nextOrderCompanyCommentsLabel, .nextOrderCompanyComments {width: 50%}
.nextRelatedThread, .nextOrderPaymentSeparatorRow td div {width: 60%}
.nextPendingLineItems {width: 75%}
.nextMemberCell {width: 80%}
.nextProductDetailTop, .nextProductDetailBottom, .nextRelatedColumnProduct, .nextExpressOrderProducts, .nextBannerCellLeft, .nextBannerCellCenter, .nextBannerCellRight, .nextBannerCellButton, .nextEditContactTable, .nextEditAddressTable, .nextEditPendingAddressTable, .nextEditSubscriptionAddressTable, .nextEditCreditCardTable, .nextEditShipToTable, .nextEditBillToTable, .nextInvoiceTable, .nextPaymentInfoCell, .nextEditPendingButton, .nextPendingActivationButton, .nextApproveButton, .nextRejectButton, .nextMemberTable, .nextTabbedProduct .nextBuyNowButton, .nextOrderPadProducts, .nextOrderPadUpload {width: 100%}
.productList .nextExpressOrderList, .productList .nextDescriptionLink, .productList .nextPagesTicker, .productList .nextSortBy, .productList .nextBottomPlaceholder {min-width: 33%; max-width: 50%}
.nextOrderPadSpacerRow {height: 2px}
.nextRelatedSpacer, .nextRelatedRule, .nextCartBannerSpacer {height: 5px}
.nextOrderPadUpload {height: 100px}
.nextProductTicker, .nextProductDetailBottom, .nextRelatedThread, .nextTweetButton, .nextTweetButtonCoupon, .nextCartPolicies, .nextCartSmallButtons, .nextCartBottomButtons, .nextLoyaltyRedemptionButton {overflow: hidden}
.nextCartProdImageSmall img {max-width: initial; max-height: initial}
.nextCartProdImageLarge img {max-width: initial; max-height: initial}
.nextExpressOrderProductRow .nextProdThumb img, .nextExpressOrderSKURow .nextProdThumb img {max-width: initial; max-height: initial}
.nextExpressOrderSKURow {background-color: transparent; background-image: none}
.nextFBShareButtonWrapper, .nextCartProductEdit, .nextCartProductDelete, .nextPercentAdjustLink {cursor: pointer}
.nextFBShareButton, .nextTweetButton, .nextFBShareButtonCoupon, .nextTweetButtonCoupon {border: none}
.nextProductDetailTop, .nextFBShareButton, .nextFBShareButtonCoupon {overflow: visible}
.nextInternalCustomerInformationPopup, .nextAddressBookPopup {border: 1px solid black}
.nextSubmitGiftMessage, .nextOrderPadUpload {border: 2px solid black}
.nextTabbedRule, .nextRelatedRule {border-bottom: 1px solid black}
.nextOrderPaymentSeparatorRow td div {border-bottom: 1px dashed black}
.nextOrderPadUpload {border-radius: 10px}
.nextOrderDiscounts li {list-style-type: none}
.nextPercentAdjustPopup {background-color: white; background-image: none}
.nextClear {clear: both; height: 0; line-height: 0}
a.nextFacebookShareButton {background: url(//cdn.nexternal.com/shared/storefront/images/facebookbg.jpg) top repeat-x #5F78AB; color: #FFFFFF; font-size: 12px; font-weight: bold; padding: 0px 4px 2px 4px; border: 1px solid #29447E; text-decoration: none}
a.nextFacebookShareButton:hover {background-color: #4B649A; background-image: none; color: #ffffff}
.nextFacebook, .nextTwitter {padding: 10px; margin: 10px; border: solid 1px #ccc; background-color: #eee}
.nextTwitterUpdate {width: 585px; text-align: left}
.nextTwitterUpdate textarea {width: 580px}
a.nextTwitterUpdateButton, a.nextTwitterShareButton {padding: 0px 5px 1px 25px; height: 20px; border: 1px solid #d8dfea; text-decoration: none; color: #777; font-size: 15px; text-align: left; background: #fff url(//cdn.nexternal.com/shared/storefront/images/twitter_t_logo_outline.png) no-repeat 3px center}
a.nextTwitterUpdateButton:hover, a.nextTwitterShareButton:hover {background: #32cbff url(//cdn.nexternal.com/shared/storefront/images/twitter_t_logo_outline.png) no-repeat 3px center; color: #fff}
a.nextTwitterUpdateButton {width: 105px}
a.nextTwitterShareButton {width: 150px}
.nextPopupTransferEffect, .nextATCTransfer {border: 3px solid black; background-color: white; background-image: none}
.nextATCTransfer { background-repeat: no-repeat; background-position: center; background-size: auto 80%; text-align: center }
.nextATCTransfer .nextATCTextWrapperOuter {width: 100%; height: 100%; display: table}
.nextATCTransfer .nextATCTextWrapperInner, .nextCartProdText, .nextCartProdImage, .nextOrderPadProductDescription, .nextOrderPadProductImage, .nextOrderPadUpload, .nextOrderPadUploadSample, .nextSubscriptionStatus, .nextSubscriptionWarning, .nextPendingStatus, .nextPendingOrderWarning {display: table-cell; vertical-align: middle}
.nextInternalCustomerInformationPopup {background-color: white; background-image: none; color: #576777; 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}
/*vanillabean121*/
/*includes loyalty styling, tabMotion price details styling, club pricing 2.0 styling, buy a case 2.0 styling, category discount and customer type discount customization, Font Reset*/
/*----------------------------------------------------------------
..GLOBAL
------------------------------------------------------------------*/
html {
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
}
body, body.master {
font-family:Lato,sans-serif;
font-size:14px;
color: #576777;
}
.ui-autocomplete {font-size:12px;}
.nextAdvancedSearch a {font-size:11px;}
img {border:0;}
a {
color:#071a4a;
text-decoration:none;
}
.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%;
}
input:not([type=submit]):not([type=file]):not([type=image]):not([type=checkbox]):not([type=radio]):not([type=button]) {
padding:7px 8px;
border:1px solid #CCC;
}
label {
padding-right:5px;
}
input::-moz-focus-inner{
border: 0;
padding: 0;
}
/*----------------------------------------------------------------
..TOP HTML
------------------------------------------------------------------*/
/* bootstrap.css */
.wrapper * {
margin: 0;
padding: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.wrapper *:before,
.wrapper *:after {
margin: 0;
padding: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.wrapper p {
line-height: 24px;
letter-spacing: .2px;
}
.wrapper img {
vertical-align: middle;
}
header img {
height: auto;
max-width: 100%;
}
.img-responsive,
.thumbnail > img,
.thumbnail a > img,
.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
display: block;
max-width: 100%;
height: auto;
}
.img-rounded {
border-radius: 6px;
}
.img-thumbnail {
display: inline-block;
max-width: 100%;
height: auto;
padding: 4px;
line-height: 1.42857143;
background-color: #fff;
border: 1px solid #ddd;
border-radius: 4px;
-webkit-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
}
.img-circle {
border-radius: 50%;
}
.sr-only {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
border: 0;
}
.sr-only-focusable:active,
.sr-only-focusable:focus {
position: static;
width: auto;
height: auto;
margin: 0;
overflow: visible;
clip: auto;
}
[role="button"] {
cursor: pointer;
}
.text-left {
text-align: left;
}
.text-right {
text-align: right;
}
.text-center {
text-align: center;
}
.text-justify {
text-align: justify;
}
.text-nowrap {
white-space: nowrap;
}
.text-lowercase {
text-transform: lowercase;
}
.text-uppercase {
text-transform: uppercase;
}
.text-capitalize {
text-transform: capitalize;
}
.text-muted {
color: #777;
}
.text-primary {
color: #337ab7;
}
a.text-primary:hover,
a.text-primary:focus {
color: #286090;
}
.text-success {
color: #3c763d;
}
a.text-success:hover,
a.text-success:focus {
color: #2b542c;
}
.text-info {
color: #31708f;
}
a.text-info:hover,
a.text-info:focus {
color: #245269;
}
.text-warning {
color: #8a6d3b;
}
a.text-warning:hover,
a.text-warning:focus {
color: #66512c;
}
.text-danger {
color: #a94442;
}
a.text-danger:hover,
a.text-danger:focus {
color: #843534;
}
.bg-primary {
color: #fff;
background-color: #337ab7;
}
a.bg-primary:hover,
a.bg-primary:focus {
background-color: #286090;
}
.bg-success {
background-color: #dff0d8;
}
a.bg-success:hover,
a.bg-success:focus {
background-color: #c1e2b3;
}
.bg-info {
background-color: #d9edf7;
}
a.bg-info:hover,
a.bg-info:focus {
background-color: #afd9ee;
}
.bg-warning {
background-color: #fcf8e3;
}
a.bg-warning:hover,
a.bg-warning:focus {
background-color: #f7ecb5;
}
.bg-danger {
background-color: #f2dede;
}
a.bg-danger:hover,
a.bg-danger:focus {
background-color: #e4b9b9;
}
.page-header {
padding-bottom: 9px;
margin: 40px 0 20px;
border-bottom: 1px solid #eee;
}
.list-unstyled {
padding-left: 0;
list-style: none;
}
.list-inline {
padding-left: 0;
margin-left: -5px;
list-style: none;
}
.list-inline > li {
display: inline-block;
padding-right: 5px;
padding-left: 5px;
}
.container {
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto;
}
@media (min-width: 768px) {
.container {
width: 750px;
}
}
@media (min-width: 992px) {
.container {
width: 970px;
}
}
@media (min-width: 1200px) {
.container {
width: 1170px;
}
}
.container-fluid {
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto;
}
.row {
margin-right: -15px;
margin-left: -15px;
}
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
position: relative;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
}
.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
float: left;
}
.col-xs-12 {
width: 100%;
}
.col-xs-11 {
width: 91.66666667%;
}
.col-xs-10 {
width: 83.33333333%;
}
.col-xs-9 {
width: 75%;
}
.col-xs-8 {
width: 66.66666667%;
}
.col-xs-7 {
width: 58.33333333%;
}
.col-xs-6 {
width: 50%;
}
.col-xs-5 {
width: 41.66666667%;
}
.col-xs-4 {
width: 33.33333333%;
}
.col-xs-3 {
width: 25%;
}
.col-xs-2 {
width: 16.66666667%;
}
.col-xs-1 {
width: 8.33333333%;
}
.col-xs-pull-12 {
right: 100%;
}
.col-xs-pull-11 {
right: 91.66666667%;
}
.col-xs-pull-10 {
right: 83.33333333%;
}
.col-xs-pull-9 {
right: 75%;
}
.col-xs-pull-8 {
right: 66.66666667%;
}
.col-xs-pull-7 {
right: 58.33333333%;
}
.col-xs-pull-6 {
right: 50%;
}
.col-xs-pull-5 {
right: 41.66666667%;
}
.col-xs-pull-4 {
right: 33.33333333%;
}
.col-xs-pull-3 {
right: 25%;
}
.col-xs-pull-2 {
right: 16.66666667%;
}
.col-xs-pull-1 {
right: 8.33333333%;
}
.col-xs-pull-0 {
right: auto;
}
.col-xs-push-12 {
left: 100%;
}
.col-xs-push-11 {
left: 91.66666667%;
}
.col-xs-push-10 {
left: 83.33333333%;
}
.col-xs-push-9 {
left: 75%;
}
.col-xs-push-8 {
left: 66.66666667%;
}
.col-xs-push-7 {
left: 58.33333333%;
}
.col-xs-push-6 {
left: 50%;
}
.col-xs-push-5 {
left: 41.66666667%;
}
.col-xs-push-4 {
left: 33.33333333%;
}
.col-xs-push-3 {
left: 25%;
}
.col-xs-push-2 {
left: 16.66666667%;
}
.col-xs-push-1 {
left: 8.33333333%;
}
.col-xs-push-0 {
left: auto;
}
.col-xs-offset-12 {
margin-left: 100%;
}
.col-xs-offset-11 {
margin-left: 91.66666667%;
}
.col-xs-offset-10 {
margin-left: 83.33333333%;
}
.col-xs-offset-9 {
margin-left: 75%;
}
.col-xs-offset-8 {
margin-left: 66.66666667%;
}
.col-xs-offset-7 {
margin-left: 58.33333333%;
}
.col-xs-offset-6 {
margin-left: 50%;
}
.col-xs-offset-5 {
margin-left: 41.66666667%;
}
.col-xs-offset-4 {
margin-left: 33.33333333%;
}
.col-xs-offset-3 {
margin-left: 25%;
}
.col-xs-offset-2 {
margin-left: 16.66666667%;
}
.col-xs-offset-1 {
margin-left: 8.33333333%;
}
.col-xs-offset-0 {
margin-left: 0;
}
@media (min-width: 768px) {
.col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
float: left;
}
.col-sm-12 {
width: 100%;
}
.col-sm-11 {
width: 91.66666667%;
}
.col-sm-10 {
width: 83.33333333%;
}
.col-sm-9 {
width: 75%;
}
.col-sm-8 {
width: 66.66666667%;
}
.col-sm-7 {
width: 58.33333333%;
}
.col-sm-6 {
width: 50%;
}
.col-sm-5 {
width: 41.66666667%;
}
.col-sm-4 {
width: 33.33333333%;
}
.col-sm-3 {
width: 25%;
}
.col-sm-2 {
width: 16.66666667%;
}
.col-sm-1 {
width: 8.33333333%;
}
.col-sm-pull-12 {
right: 100%;
}
.col-sm-pull-11 {
right: 91.66666667%;
}
.col-sm-pull-10 {
right: 83.33333333%;
}
.col-sm-pull-9 {
right: 75%;
}
.col-sm-pull-8 {
right: 66.66666667%;
}
.col-sm-pull-7 {
right: 58.33333333%;
}
.col-sm-pull-6 {
right: 50%;
}
.col-sm-pull-5 {
right: 41.66666667%;
}
.col-sm-pull-4 {
right: 33.33333333%;
}
.col-sm-pull-3 {
right: 25%;
}
.col-sm-pull-2 {
right: 16.66666667%;
}
.col-sm-pull-1 {
right: 8.33333333%;
}
.col-sm-pull-0 {
right: auto;
}
.col-sm-push-12 {
left: 100%;
}
.col-sm-push-11 {
left: 91.66666667%;
}
.col-sm-push-10 {
left: 83.33333333%;
}
.col-sm-push-9 {
left: 75%;
}
.col-sm-push-8 {
left: 66.66666667%;
}
.col-sm-push-7 {
left: 58.33333333%;
}
.col-sm-push-6 {
left: 50%;
}
.col-sm-push-5 {
left: 41.66666667%;
}
.col-sm-push-4 {
left: 33.33333333%;
}
.col-sm-push-3 {
left: 25%;
}
.col-sm-push-2 {
left: 16.66666667%;
}
.col-sm-push-1 {
left: 8.33333333%;
}
.col-sm-push-0 {
left: auto;
}
.col-sm-offset-12 {
margin-left: 100%;
}
.col-sm-offset-11 {
margin-left: 91.66666667%;
}
.col-sm-offset-10 {
margin-left: 83.33333333%;
}
.col-sm-offset-9 {
margin-left: 75%;
}
.col-sm-offset-8 {
margin-left: 66.66666667%;
}
.col-sm-offset-7 {
margin-left: 58.33333333%;
}
.col-sm-offset-6 {
margin-left: 50%;
}
.col-sm-offset-5 {
margin-left: 41.66666667%;
}
.col-sm-offset-4 {
margin-left: 33.33333333%;
}
.col-sm-offset-3 {
margin-left: 25%;
}
.col-sm-offset-2 {
margin-left: 16.66666667%;
}
.col-sm-offset-1 {
margin-left: 8.33333333%;
}
.col-sm-offset-0 {
margin-left: 0;
}
}
@media (min-width: 992px) {
.col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
float: left;
}
.col-md-12 {
width: 100%;
}
.col-md-11 {
width: 91.66666667%;
}
.col-md-10 {
width: 83.33333333%;
}
.col-md-9 {
width: 75%;
}
.col-md-8 {
width: 66.66666667%;
}
.col-md-7 {
width: 58.33333333%;
}
.col-md-6 {
width: 50%;
}
.col-md-5 {
width: 41.66666667%;
}
.col-md-4 {
width: 33.33333333%;
}
.col-md-3 {
width: 25%;
}
.col-md-2 {
width: 16.66666667%;
}
.col-md-1 {
width: 8.33333333%;
}
.col-md-pull-12 {
right: 100%;
}
.col-md-pull-11 {
right: 91.66666667%;
}
.col-md-pull-10 {
right: 83.33333333%;
}
.col-md-pull-9 {
right: 75%;
}
.col-md-pull-8 {
right: 66.66666667%;
}
.col-md-pull-7 {
right: 58.33333333%;
}
.col-md-pull-6 {
right: 50%;
}
.col-md-pull-5 {
right: 41.66666667%;
}
.col-md-pull-4 {
right: 33.33333333%;
}
.col-md-pull-3 {
right: 25%;
}
.col-md-pull-2 {
right: 16.66666667%;
}
.col-md-pull-1 {
right: 8.33333333%;
}
.col-md-pull-0 {
right: auto;
}
.col-md-push-12 {
left: 100%;
}
.col-md-push-11 {
left: 91.66666667%;
}
.col-md-push-10 {
left: 83.33333333%;
}
.col-md-push-9 {
left: 75%;
}
.col-md-push-8 {
left: 66.66666667%;
}
.col-md-push-7 {
left: 58.33333333%;
}
.col-md-push-6 {
left: 50%;
}
.col-md-push-5 {
left: 41.66666667%;
}
.col-md-push-4 {
left: 33.33333333%;
}
.col-md-push-3 {
left: 25%;
}
.col-md-push-2 {
left: 16.66666667%;
}
.col-md-push-1 {
left: 8.33333333%;
}
.col-md-push-0 {
left: auto;
}
.col-md-offset-12 {
margin-left: 100%;
}
.col-md-offset-11 {
margin-left: 91.66666667%;
}
.col-md-offset-10 {
margin-left: 83.33333333%;
}
.col-md-offset-9 {
margin-left: 75%;
}
.col-md-offset-8 {
margin-left: 66.66666667%;
}
.col-md-offset-7 {
margin-left: 58.33333333%;
}
.col-md-offset-6 {
margin-left: 50%;
}
.col-md-offset-5 {
margin-left: 41.66666667%;
}
.col-md-offset-4 {
margin-left: 33.33333333%;
}
.col-md-offset-3 {
margin-left: 25%;
}
.col-md-offset-2 {
margin-left: 16.66666667%;
}
.col-md-offset-1 {
margin-left: 8.33333333%;
}
.col-md-offset-0 {
margin-left: 0;
}
}
@media (min-width: 1200px) {
.col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
float: left;
}
.col-lg-12 {
width: 100%;
}
.col-lg-11 {
width: 91.66666667%;
}
.col-lg-10 {
width: 83.33333333%;
}
.col-lg-9 {
width: 75%;
}
.col-lg-8 {
width: 66.66666667%;
}
.col-lg-7 {
width: 58.33333333%;
}
.col-lg-6 {
width: 50%;
}
.col-lg-5 {
width: 41.66666667%;
}
.col-lg-4 {
width: 33.33333333%;
}
.col-lg-3 {
width: 25%;
}
.col-lg-2 {
width: 16.66666667%;
}
.col-lg-1 {
width: 8.33333333%;
}
.col-lg-pull-12 {
right: 100%;
}
.col-lg-pull-11 {
right: 91.66666667%;
}
.col-lg-pull-10 {
right: 83.33333333%;
}
.col-lg-pull-9 {
right: 75%;
}
.col-lg-pull-8 {
right: 66.66666667%;
}
.col-lg-pull-7 {
right: 58.33333333%;
}
.col-lg-pull-6 {
right: 50%;
}
.col-lg-pull-5 {
right: 41.66666667%;
}
.col-lg-pull-4 {
right: 33.33333333%;
}
.col-lg-pull-3 {
right: 25%;
}
.col-lg-pull-2 {
right: 16.66666667%;
}
.col-lg-pull-1 {
right: 8.33333333%;
}
.col-lg-pull-0 {
right: auto;
}
.col-lg-push-12 {
left: 100%;
}
.col-lg-push-11 {
left: 91.66666667%;
}
.col-lg-push-10 {
left: 83.33333333%;
}
.col-lg-push-9 {
left: 75%;
}
.col-lg-push-8 {
left: 66.66666667%;
}
.col-lg-push-7 {
left: 58.33333333%;
}
.col-lg-push-6 {
left: 50%;
}
.col-lg-push-5 {
left: 41.66666667%;
}
.col-lg-push-4 {
left: 33.33333333%;
}
.col-lg-push-3 {
left: 25%;
}
.col-lg-push-2 {
left: 16.66666667%;
}
.col-lg-push-1 {
left: 8.33333333%;
}
.col-lg-push-0 {
left: auto;
}
.col-lg-offset-12 {
margin-left: 100%;
}
.col-lg-offset-11 {
margin-left: 91.66666667%;
}
.col-lg-offset-10 {
margin-left: 83.33333333%;
}
.col-lg-offset-9 {
margin-left: 75%;
}
.col-lg-offset-8 {
margin-left: 66.66666667%;
}
.col-lg-offset-7 {
margin-left: 58.33333333%;
}
.col-lg-offset-6 {
margin-left: 50%;
}
.col-lg-offset-5 {
margin-left: 41.66666667%;
}
.col-lg-offset-4 {
margin-left: 33.33333333%;
}
.col-lg-offset-3 {
margin-left: 25%;
}
.col-lg-offset-2 {
margin-left: 16.66666667%;
}
.col-lg-offset-1 {
margin-left: 8.33333333%;
}
.col-lg-offset-0 {
margin-left: 0;
}
}
.btn {
display: inline-block;
padding: 6px 12px;
margin-bottom: 0;
font-size: 14px;
font-weight: normal;
line-height: 1.42857143;
text-align: center;
white-space: nowrap;
vertical-align: middle;
-ms-touch-action: manipulation;
touch-action: manipulation;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
background-image: none;
border: 1px solid transparent;
border-radius: 4px;
}
.btn:focus,
.btn:active:focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn.active.focus {
outline: 5px auto -webkit-focus-ring-color;
outline-offset: -2px;
}
.btn:hover,
.btn:focus,
.btn.focus {
color: #333;
text-decoration: none;
}
.btn:active,
.btn.active {
background-image: none;
outline: 0;
-webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
}
.btn.disabled,
.btn[disabled],
fieldset[disabled] .btn {
cursor: not-allowed;
filter: alpha(opacity=65);
-webkit-box-shadow: none;
box-shadow: none;
opacity: .65;
}
a.btn.disabled,
fieldset[disabled] a.btn {
pointer-events: none;
}
.btn-default {
color: #333;
background-color: #fff;
border-color: #ccc;
}
.btn-default:focus,
.btn-default.focus {
color: #333;
background-color: #e6e6e6;
border-color: #8c8c8c;
}
.btn-default:hover {
color: #333;
background-color: #e6e6e6;
border-color: #adadad;
}
.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default {
color: #333;
background-color: #e6e6e6;
border-color: #adadad;
}
.btn-default:active:hover,
.btn-default.active:hover,
.open > .dropdown-toggle.btn-default:hover,
.btn-default:active:focus,
.btn-default.active:focus,
.open > .dropdown-toggle.btn-default:focus,
.btn-default:active.focus,
.btn-default.active.focus,
.open > .dropdown-toggle.btn-default.focus {
color: #333;
background-color: #d4d4d4;
border-color: #8c8c8c;
}
.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default {
background-image: none;
}
.btn-default.disabled:hover,
.btn-default[disabled]:hover,
fieldset[disabled] .btn-default:hover,
.btn-default.disabled:focus,
.btn-default[disabled]:focus,
fieldset[disabled] .btn-default:focus,
.btn-default.disabled.focus,
.btn-default[disabled].focus,
fieldset[disabled] .btn-default.focus {
background-color: #fff;
border-color: #ccc;
}
.btn-default .badge {
color: #fff;
background-color: #333;
}
.btn-primary {
color: #fff;
background-color: #337ab7;
border-color: #2e6da4;
}
.btn-primary:focus,
.btn-primary.focus {
color: #fff;
background-color: #286090;
border-color: #122b40;
}
.btn-primary:hover {
color: #fff;
background-color: #286090;
border-color: #204d74;
}
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
color: #fff;
background-color: #286090;
border-color: #204d74;
}
.btn-primary:active:hover,
.btn-primary.active:hover,
.open > .dropdown-toggle.btn-primary:hover,
.btn-primary:active:focus,
.btn-primary.active:focus,
.open > .dropdown-toggle.btn-primary:focus,
.btn-primary:active.focus,
.btn-primary.active.focus,
.open > .dropdown-toggle.btn-primary.focus {
color: #fff;
background-color: #204d74;
border-color: #122b40;
}
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
background-image: none;
}
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled.focus,
.btn-primary[disabled].focus,
fieldset[disabled] .btn-primary.focus {
background-color: #337ab7;
border-color: #2e6da4;
}
.btn-primary .badge {
color: #337ab7;
background-color: #fff;
}
.btn-success {
color: #fff;
background-color: #5cb85c;
border-color: #4cae4c;
}
.btn-success:focus,
.btn-success.focus {
color: #fff;
background-color: #449d44;
border-color: #255625;
}
.btn-success:hover {
color: #fff;
background-color: #449d44;
border-color: #398439;
}
.btn-success:active,
.btn-success.active,
.open > .dropdown-toggle.btn-success {
color: #fff;
background-color: #449d44;
border-color: #398439;
}
.btn-success:active:hover,
.btn-success.active:hover,
.open > .dropdown-toggle.btn-success:hover,
.btn-success:active:focus,
.btn-success.active:focus,
.open > .dropdown-toggle.btn-success:focus,
.btn-success:active.focus,
.btn-success.active.focus,
.open > .dropdown-toggle.btn-success.focus {
color: #fff;
background-color: #398439;
border-color: #255625;
}
.btn-success:active,
.btn-success.active,
.open > .dropdown-toggle.btn-success {
background-image: none;
}
.btn-success.disabled:hover,
.btn-success[disabled]:hover,
fieldset[disabled] .btn-success:hover,
.btn-success.disabled:focus,
.btn-success[disabled]:focus,
fieldset[disabled] .btn-success:focus,
.btn-success.disabled.focus,
.btn-success[disabled].focus,
fieldset[disabled] .btn-success.focus {
background-color: #5cb85c;
border-color: #4cae4c;
}
.btn-success .badge {
color: #5cb85c;
background-color: #fff;
}
.btn-info {
color: #fff;
background-color: #5bc0de;
border-color: #46b8da;
}
.btn-info:focus,
.btn-info.focus {
color: #fff;
background-color: #31b0d5;
border-color: #1b6d85;
}
.btn-info:hover {
color: #fff;
background-color: #31b0d5;
border-color: #269abc;
}
.btn-info:active,
.btn-info.active,
.open > .dropdown-toggle.btn-info {
color: #fff;
background-color: #31b0d5;
border-color: #269abc;
}
.btn-info:active:hover,
.btn-info.active:hover,
.open > .dropdown-toggle.btn-info:hover,
.btn-info:active:focus,
.btn-info.active:focus,
.open > .dropdown-toggle.btn-info:focus,
.btn-info:active.focus,
.btn-info.active.focus,
.open > .dropdown-toggle.btn-info.focus {
color: #fff;
background-color: #269abc;
border-color: #1b6d85;
}
.btn-info:active,
.btn-info.active,
.open > .dropdown-toggle.btn-info {
background-image: none;
}
.btn-info.disabled:hover,
.btn-info[disabled]:hover,
fieldset[disabled] .btn-info:hover,
.btn-info.disabled:focus,
.btn-info[disabled]:focus,
fieldset[disabled] .btn-info:focus,
.btn-info.disabled.focus,
.btn-info[disabled].focus,
fieldset[disabled] .btn-info.focus {
background-color: #5bc0de;
border-color: #46b8da;
}
.btn-info .badge {
color: #5bc0de;
background-color: #fff;
}
.btn-warning {
color: #fff;
background-color: #f0ad4e;
border-color: #eea236;
}
.btn-warning:focus,
.btn-warning.focus {
color: #fff;
background-color: #ec971f;
border-color: #985f0d;
}
.btn-warning:hover {
color: #fff;
background-color: #ec971f;
border-color: #d58512;
}
.btn-warning:active,
.btn-warning.active,
.open > .dropdown-toggle.btn-warning {
color: #fff;
background-color: #ec971f;
border-color: #d58512;
}
.btn-warning:active:hover,
.btn-warning.active:hover,
.open > .dropdown-toggle.btn-warning:hover,
.btn-warning:active:focus,
.btn-warning.active:focus,
.open > .dropdown-toggle.btn-warning:focus,
.btn-warning:active.focus,
.btn-warning.active.focus,
.open > .dropdown-toggle.btn-warning.focus {
color: #fff;
background-color: #d58512;
border-color: #985f0d;
}
.btn-warning:active,
.btn-warning.active,
.open > .dropdown-toggle.btn-warning {
background-image: none;
}
.btn-warning.disabled:hover,
.btn-warning[disabled]:hover,
fieldset[disabled] .btn-warning:hover,
.btn-warning.disabled:focus,
.btn-warning[disabled]:focus,
fieldset[disabled] .btn-warning:focus,
.btn-warning.disabled.focus,
.btn-warning[disabled].focus,
fieldset[disabled] .btn-warning.focus {
background-color: #f0ad4e;
border-color: #eea236;
}
.btn-warning .badge {
color: #f0ad4e;
background-color: #fff;
}
.btn-danger {
color: #fff;
background-color: #d9534f;
border-color: #d43f3a;
}
.btn-danger:focus,
.btn-danger.focus {
color: #fff;
background-color: #c9302c;
border-color: #761c19;
}
.btn-danger:hover {
color: #fff;
background-color: #c9302c;
border-color: #ac2925;
}
.btn-danger:active,
.btn-danger.active,
.open > .dropdown-toggle.btn-danger {
color: #fff;
background-color: #c9302c;
border-color: #ac2925;
}
.btn-danger:active:hover,
.btn-danger.active:hover,
.open > .dropdown-toggle.btn-danger:hover,
.btn-danger:active:focus,
.btn-danger.active:focus,
.open > .dropdown-toggle.btn-danger:focus,
.btn-danger:active.focus,
.btn-danger.active.focus,
.open > .dropdown-toggle.btn-danger.focus {
color: #fff;
background-color: #ac2925;
border-color: #761c19;
}
.btn-danger:active,
.btn-danger.active,
.open > .dropdown-toggle.btn-danger {
background-image: none;
}
.btn-danger.disabled:hover,
.btn-danger[disabled]:hover,
fieldset[disabled] .btn-danger:hover,
.btn-danger.disabled:focus,
.btn-danger[disabled]:focus,
fieldset[disabled] .btn-danger:focus,
.btn-danger.disabled.focus,
.btn-danger[disabled].focus,
fieldset[disabled] .btn-danger.focus {
background-color: #d9534f;
border-color: #d43f3a;
}
.btn-danger .badge {
color: #d9534f;
background-color: #fff;
}
.btn-link {
font-weight: normal;
color: #337ab7;
border-radius: 0;
}
.btn-link,
.btn-link:active,
.btn-link.active,
.btn-link[disabled],
fieldset[disabled] .btn-link {
background-color: transparent;
-webkit-box-shadow: none;
box-shadow: none;
}
.btn-link,
.btn-link:hover,
.btn-link:focus,
.btn-link:active {
border-color: transparent;
}
.btn-link:hover,
.btn-link:focus {
color: #23527c;
text-decoration: underline;
background-color: transparent;
}
.btn-link[disabled]:hover,
fieldset[disabled] .btn-link:hover,
.btn-link[disabled]:focus,
fieldset[disabled] .btn-link:focus {
color: #777;
text-decoration: none;
}
.btn-lg,
.btn-group-lg > .btn {
padding: 10px 16px;
font-size: 18px;
line-height: 1.3333333;
border-radius: 6px;
}
.btn-sm,
.btn-group-sm > .btn {
padding: 5px 10px;
font-size: 12px;
line-height: 1.5;
border-radius: 3px;
}
.btn-xs,
.btn-group-xs > .btn {
padding: 1px 5px;
font-size: 12px;
line-height: 1.5;
border-radius: 3px;
}
.btn-block {
display: block;
width: 100%;
}
.btn-block + .btn-block {
margin-top: 5px;
}
input[type="submit"].btn-block,
input[type="reset"].btn-block,
input[type="button"].btn-block {
width: 100%;
}
.fade {
opacity: 0;
-webkit-transition: opacity .15s linear;
-o-transition: opacity .15s linear;
transition: opacity .15s linear;
}
.fade.in {
opacity: 1;
}
.collapse {
display: none;
}
.collapse.in {
display: block;
}
tr.collapse.in {
display: table-row;
}
tbody.collapse.in {
display: table-row-group;
}
.collapsing {
position: relative;
height: 0;
overflow: hidden;
-webkit-transition-timing-function: ease;
-o-transition-timing-function: ease;
transition-timing-function: ease;
-webkit-transition-duration: .35s;
-o-transition-duration: .35s;
transition-duration: .35s;
-webkit-transition-property: height, visibility;
-o-transition-property: height, visibility;
transition-property: height, visibility;
}
.caret {
display: inline-block;
width: 0;
height: 0;
margin-left: 2px;
vertical-align: middle;
border-top: 4px dashed;
border-top: 4px solid \9;
border-right: 4px solid transparent;
border-left: 4px solid transparent;
}
.dropup,
.dropdown {
position: relative;
}
.dropdown-toggle:focus {
outline: 0;
}
.dropdown-menu {
position: absolute;
top: 100%;
left: 0;
z-index: 1000;
display: none;
float: left;
min-width: 160px;
padding: 5px 0;
margin: 2px 0 0;
font-size: 14px;
text-align: left;
list-style: none;
background-color: #fff;
-webkit-background-clip: padding-box;
background-clip: padding-box;
border: 1px solid #ccc;
border: 1px solid rgba(0, 0, 0, .15);
border-radius: 4px;
-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
}
.dropdown-menu.pull-right {
right: 0;
left: auto;
}
.dropdown-menu .divider {
height: 1px;
margin: 9px 0;
overflow: hidden;
background-color: #e5e5e5;
}
.dropdown-menu > li > a {
display: block;
padding: 3px 20px;
clear: both;
font-weight: normal;
line-height: 1.42857143;
color: #333;
white-space: nowrap;
}
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
color: #262626;
text-decoration: none;
background-color: #f5f5f5;
}
.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
color: #fff;
text-decoration: none;
background-color: #337ab7;
outline: 0;
}
.dropdown-menu > .disabled > a,
.dropdown-menu > .disabled > a:hover,
.dropdown-menu > .disabled > a:focus {
color: #777;
}
.dropdown-menu > .disabled > a:hover,
.dropdown-menu > .disabled > a:focus {
text-decoration: none;
cursor: not-allowed;
background-color: transparent;
background-image: none;
filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
.open > .dropdown-menu {
display: block;
}
.open > a {
outline: 0;
}
.dropdown-menu-right {
right: 0;
left: auto;
}
.dropdown-menu-left {
right: auto;
left: 0;
}
.dropdown-header {
display: block;
padding: 3px 20px;
font-size: 12px;
line-height: 1.42857143;
color: #777;
white-space: nowrap;
}
.dropdown-backdrop {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 990;
}
.pull-right > .dropdown-menu {
right: 0;
left: auto;
}
.dropup .caret,
.navbar-fixed-bottom .dropdown .caret {
content: "";
border-top: 0;
border-bottom: 4px dashed;
border-bottom: 4px solid \9;
}
.dropup .dropdown-menu,
.navbar-fixed-bottom .dropdown .dropdown-menu {
top: auto;
bottom: 100%;
margin-bottom: 2px;
}
@media (min-width: 768px) {
.navbar-right .dropdown-menu {
right: 0;
left: auto;
}
.navbar-right .dropdown-menu-left {
right: auto;
left: 0;
}
}
.btn-group,
.btn-group-vertical {
position: relative;
display: inline-block;
vertical-align: middle;
}
.btn-group > .btn,
.btn-group-vertical > .btn {
position: relative;
float: left;
}
.btn-group > .btn:hover,
.btn-group-vertical > .btn:hover,
.btn-group > .btn:focus,
.btn-group-vertical > .btn:focus,
.btn-group > .btn:active,
.btn-group-vertical > .btn:active,
.btn-group > .btn.active,
.btn-group-vertical > .btn.active {
z-index: 2;
}
.btn-group .btn + .btn,
.btn-group .btn + .btn-group,
.btn-group .btn-group + .btn,
.btn-group .btn-group + .btn-group {
margin-left: -1px;
}
.btn-toolbar {
margin-left: -5px;
}
.btn-toolbar .btn,
.btn-toolbar .btn-group,
.btn-toolbar .input-group {
float: left;
}
.btn-toolbar > .btn,
.btn-toolbar > .btn-group,
.btn-toolbar > .input-group {
margin-left: 5px;
}
.btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
border-radius: 0;
}
.btn-group > .btn:first-child {
margin-left: 0;
}
.btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
.btn-group > .btn:last-child:not(:first-child),
.btn-group > .dropdown-toggle:not(:first-child) {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
.btn-group > .btn-group {
float: left;
}
.btn-group > .btn-group:not(:first-child):not(:last-child) > .btn {
border-radius: 0;
}
.btn-group > .btn-group:first-child:not(:last-child) > .btn:last-child,
.btn-group > .btn-group:first-child:not(:last-child) > .dropdown-toggle {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
.btn-group > .btn-group:last-child:not(:first-child) > .btn:first-child {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
.btn-group .dropdown-toggle:active,
.btn-group.open .dropdown-toggle {
outline: 0;
}
.btn-group > .btn + .dropdown-toggle {
padding-right: 8px;
padding-left: 8px;
}
.btn-group > .btn-lg + .dropdown-toggle {
padding-right: 12px;
padding-left: 12px;
}
.btn-group.open .dropdown-toggle {
-webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
}
.btn-group.open .dropdown-toggle.btn-link {
-webkit-box-shadow: none;
box-shadow: none;
}
.btn .caret {
margin-left: 0;
}
.btn-lg .caret {
border-width: 5px 5px 0;
border-bottom-width: 0;
}
.dropup .btn-lg .caret {
border-width: 0 5px 5px;
}
.btn-group-vertical > .btn,
.btn-group-vertical > .btn-group,
.btn-group-vertical > .btn-group > .btn {
display: block;
float: none;
width: 100%;
max-width: 100%;
}
.btn-group-vertical > .btn-group > .btn {
float: none;
}
.btn-group-vertical > .btn + .btn,
.btn-group-vertical > .btn + .btn-group,
.btn-group-vertical > .btn-group + .btn,
.btn-group-vertical > .btn-group + .btn-group {
margin-top: -1px;
margin-left: 0;
}
.btn-group-vertical > .btn:not(:first-child):not(:last-child) {
border-radius: 0;
}
.btn-group-vertical > .btn:first-child:not(:last-child) {
border-top-left-radius: 4px;
border-top-right-radius: 4px;
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
}
.btn-group-vertical > .btn:last-child:not(:first-child) {
border-top-left-radius: 0;
border-top-right-radius: 0;
border-bottom-right-radius: 4px;
border-bottom-left-radius: 4px;
}
.btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > .btn {
border-radius: 0;
}
.btn-group-vertical > .btn-group:first-child:not(:last-child) > .btn:last-child,
.btn-group-vertical > .btn-group:first-child:not(:last-child) > .dropdown-toggle {
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
}
.btn-group-vertical > .btn-group:last-child:not(:first-child) > .btn:first-child {
border-top-left-radius: 0;
border-top-right-radius: 0;
}
.btn-group-justified {
display: table;
width: 100%;
table-layout: fixed;
border-collapse: separate;
}
.btn-group-justified > .btn,
.btn-group-justified > .btn-group {
display: table-cell;
float: none;
width: 1%;
}
.btn-group-justified > .btn-group .btn {
width: 100%;
}
.btn-group-justified > .btn-group .dropdown-menu {
left: auto;
}
[data-toggle="buttons"] > .btn input[type="radio"],
[data-toggle="buttons"] > .btn-group > .btn input[type="radio"],
[data-toggle="buttons"] > .btn input[type="checkbox"],
[data-toggle="buttons"] > .btn-group > .btn input[type="checkbox"] {
position: absolute;
clip: rect(0, 0, 0, 0);
pointer-events: none;
}
.input-group {
position: relative;
display: table;
border-collapse: separate;
}
.input-group[class*="col-"] {
float: none;
padding-right: 0;
padding-left: 0;
}
.input-group .form-control {
position: relative;
z-index: 2;
float: left;
width: 100%;
margin-bottom: 0;
}
.input-group .form-control:focus {
z-index: 3;
}
.nav {
padding-left: 0;
margin-bottom: 0;
list-style: none;
}
.nav > li {
position: relative;
display: block;
}
.nav > li > a {
position: relative;
display: block;
padding: 10px 15px;
}
.nav > li > a:hover,
.nav > li > a:focus {
text-decoration: none;
background-color: #eee;
}
.nav > li.disabled > a {
color: #777;
}
.nav > li.disabled > a:hover,
.nav > li.disabled > a:focus {
color: #777;
text-decoration: none;
cursor: not-allowed;
background-color: transparent;
}
.nav .open > a,
.nav .open > a:hover,
.nav .open > a:focus {
background-color: #eee;
border-color: #337ab7;
}
.nav .nav-divider {
height: 1px;
margin: 9px 0;
overflow: hidden;
background-color: #e5e5e5;
}
.nav > li > a > img {
max-width: none;
}
.nav-tabs {
border-bottom: 1px solid #ddd;
}
.nav-tabs > li {
float: left;
margin-bottom: -1px;
}
.nav-tabs > li > a {
margin-right: 2px;
line-height: 1.42857143;
border: 1px solid transparent;
border-radius: 4px 4px 0 0;
}
.nav-tabs > li > a:hover {
border-color: #eee #eee #ddd;
}
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
color: #555;
cursor: default;
background-color: #fff;
border: 1px solid #ddd;
border-bottom-color: transparent;
}
.nav-tabs.nav-justified {
width: 100%;
border-bottom: 0;
}
.nav-tabs.nav-justified > li {
float: none;
}
.nav-tabs.nav-justified > li > a {
margin-bottom: 5px;
text-align: center;
}
.nav-tabs.nav-justified > .dropdown .dropdown-menu {
top: auto;
left: auto;
}
@media (min-width: 768px) {
.nav-tabs.nav-justified > li {
display: table-cell;
width: 1%;
}
.nav-tabs.nav-justified > li > a {
margin-bottom: 0;
}
}
.nav-tabs.nav-justified > li > a {
margin-right: 0;
border-radius: 4px;
}
.nav-tabs.nav-justified > .active > a,
.nav-tabs.nav-justified > .active > a:hover,
.nav-tabs.nav-justified > .active > a:focus {
border: 1px solid #ddd;
}
@media (min-width: 768px) {
.nav-tabs.nav-justified > li > a {
border-bottom: 1px solid #ddd;
border-radius: 4px 4px 0 0;
}
.nav-tabs.nav-justified > .active > a,
.nav-tabs.nav-justified > .active > a:hover,
.nav-tabs.nav-justified > .active > a:focus {
border-bottom-color: #fff;
}
}
.nav-pills > li {
float: left;
}
.nav-pills > li > a {
border-radius: 4px;
}
.nav-pills > li + li {
margin-left: 2px;
}
.nav-pills > li.active > a,
.nav-pills > li.active > a:hover,
.nav-pills > li.active > a:focus {
color: #fff;
background-color: #337ab7;
}
.nav-stacked > li {
float: none;
}
.nav-stacked > li + li {
margin-top: 2px;
margin-left: 0;
}
.nav-justified {
width: 100%;
}
.nav-justified > li {
float: none;
}
.nav-justified > li > a {
margin-bottom: 5px;
text-align: center;
}
.nav-justified > .dropdown .dropdown-menu {
top: auto;
left: auto;
}
@media (min-width: 768px) {
.nav-justified > li {
display: table-cell;
width: 1%;
}
.nav-justified > li > a {
margin-bottom: 0;
}
}
.nav-tabs-justified {
border-bottom: 0;
}
.nav-tabs-justified > li > a {
margin-right: 0;
border-radius: 4px;
}
.nav-tabs-justified > .active > a,
.nav-tabs-justified > .active > a:hover,
.nav-tabs-justified > .active > a:focus {
border: 1px solid #ddd;
}
@media (min-width: 768px) {
.nav-tabs-justified > li > a {
border-bottom: 1px solid #ddd;
border-radius: 4px 4px 0 0;
}
.nav-tabs-justified > .active > a,
.nav-tabs-justified > .active > a:hover,
.nav-tabs-justified > .active > a:focus {
border-bottom-color: #fff;
}
}
.tab-content > .tab-pane {
display: none;
}
.tab-content > .active {
display: block;
}
.nav-tabs .dropdown-menu {
margin-top: -1px;
border-top-left-radius: 0;
border-top-right-radius: 0;
}
.navbar {
min-height: 50px;
margin-bottom: 20px;
border: 1px solid transparent;
}
@media (min-width: 768px) {
.navbar {
border-radius: 4px;
}
}
.navbar-collapse {
padding-right: 15px;
padding-left: 15px;
overflow-x: visible;
-webkit-overflow-scrolling: touch;
border-top: 1px solid transparent;
-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1);
box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1);
}
.navbar-collapse.in {
overflow-y: auto;
}
@media (min-width: 768px) {
.navbar-collapse {
width: auto;
border-top: 0;
-webkit-box-shadow: none;
box-shadow: none;
}
.navbar-collapse.collapse {
display: block;
height: auto !important;
padding-bottom: 0;
overflow: visible !important;
}
.navbar-collapse.in {
overflow-y: visible;
}
.navbar-fixed-top .navbar-collapse,
.navbar-static-top .navbar-collapse,
.navbar-fixed-bottom .navbar-collapse {
padding-right: 0;
padding-left: 0;
}
}
.navbar-fixed-top .navbar-collapse,
.navbar-fixed-bottom .navbar-collapse {
max-height: 340px;
}
@media (max-device-width: 480px) and (orientation: landscape) {
.navbar-fixed-top .navbar-collapse,
.navbar-fixed-bottom .navbar-collapse {
max-height: 200px;
}
}
.container > .navbar-header,
.container-fluid > .navbar-header,
.container > .navbar-collapse,
.container-fluid > .navbar-collapse {
margin-right: -15px;
margin-left: -15px;
}
@media (min-width: 768px) {
.container > .navbar-header,
.container-fluid > .navbar-header,
.container > .navbar-collapse,
.container-fluid > .navbar-collapse {
margin-right: 0;
margin-left: 0;
}
}
.navbar-static-top {
z-index: 1000;
border-width: 0 0 1px;
}
@media (min-width: 768px) {
.navbar-static-top {
border-radius: 0;
}
}
.navbar-fixed-top,
.navbar-fixed-bottom {
position: fixed;
right: 0;
left: 0;
z-index: 1030;
}
@media (min-width: 768px) {
.navbar-fixed-top,
.navbar-fixed-bottom {
border-radius: 0;
}
}
.navbar-fixed-top {
top: 0;
border-width: 0 0 1px;
}
.navbar-fixed-bottom {
bottom: 0;
margin-bottom: 0;
border-width: 1px 0 0;
}
.navbar-brand {
float: left;
height: 50px;
padding: 15px 15px;
font-size: 18px;
line-height: 20px;
}
.navbar-brand:hover,
.navbar-brand:focus {
text-decoration: none;
}
.navbar-brand > img {
display: block;
}
@media (min-width: 768px) {
.navbar > .container .navbar-brand,
.navbar > .container-fluid .navbar-brand {
margin-left: -15px;
}
}
.navbar-toggle {
position: relative;
padding: 9px 10px;
margin-top: 8px;
margin-right: 15px;
margin-bottom: 8px;
background-color: transparent;
background-image: none;
border: 1px solid transparent;
border-radius: 4px;
}
.navbar-toggle:focus {
outline: 0;
}
.navbar-toggle .icon-bar {
display: block;
width: 22px;
height: 2px;
border-radius: 1px;
}
.navbar-toggle .icon-bar + .icon-bar {
margin-top: 4px;
}
@media (min-width: 768px) {
.navbar-toggle {
display: none;
}
}
.navbar-nav {
margin: 7.5px -15px;
}
.navbar-nav > li > a {
padding-top: 10px;
padding-bottom: 10px;
line-height: 20px;
}
@media (max-width: 767px) {
.navbar-nav .open .dropdown-menu {
position: static;
float: none;
width: auto;
margin-top: 0;
background-color: transparent;
border: 0;
-webkit-box-shadow: none;
box-shadow: none;
}
.navbar-nav .open .dropdown-menu > li > a,
.navbar-nav .open .dropdown-menu .dropdown-header {
padding: 5px 15px 5px 25px;
}
.navbar-nav .open .dropdown-menu > li > a {
line-height: 20px;
}
.navbar-nav .open .dropdown-menu > li > a:hover,
.navbar-nav .open .dropdown-menu > li > a:focus {
background-image: none;
}
}
@media (min-width: 768px) {
.navbar-nav {
float: left;
margin: 0;
}
.navbar-nav > li {
float: left;
}
.navbar-nav > li > a {
padding-top: 15px;
padding-bottom: 15px;
}
}
.navbar-form {
padding: 10px 15px;
margin-top: 8px;
margin-right: -15px;
margin-bottom: 8px;
margin-left: -15px;
border-top: 1px solid transparent;
border-bottom: 1px solid transparent;
-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1), 0 1px 0 rgba(255, 255, 255, .1);
box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1), 0 1px 0 rgba(255, 255, 255, .1);
}
@media (min-width: 768px) {
.navbar-form .form-group {
display: inline-block;
margin-bottom: 0;
vertical-align: middle;
}
.navbar-form .form-control {
display: inline-block;
width: auto;
vertical-align: middle;
}
.navbar-form .form-control-static {
display: inline-block;
}
.navbar-form .input-group {
display: inline-table;
vertical-align: middle;
}
.navbar-form .input-group .input-group-addon,
.navbar-form .input-group .input-group-btn,
.navbar-form .input-group .form-control {
width: auto;
}
.navbar-form .input-group > .form-control {
width: 100%;
}
.navbar-form .control-label {
margin-bottom: 0;
vertical-align: middle;
}
.navbar-form .radio,
.navbar-form .checkbox {
display: inline-block;
margin-top: 0;
margin-bottom: 0;
vertical-align: middle;
}
.navbar-form .radio label,
.navbar-form .checkbox label {
padding-left: 0;
}
.navbar-form .radio input[type="radio"],
.navbar-form .checkbox input[type="checkbox"] {
position: relative;
margin-left: 0;
}
.navbar-form .has-feedback .form-control-feedback {
top: 0;
}
}
@media (max-width: 767px) {
.navbar-form .form-group {
margin-bottom: 5px;
}
.navbar-form .form-group:last-child {
margin-bottom: 0;
}
}
@media (min-width: 768px) {
.navbar-form {
width: auto;
padding-top: 0;
padding-bottom: 0;
margin-right: 0;
margin-left: 0;
border: 0;
-webkit-box-shadow: none;
box-shadow: none;
}
}
.navbar-nav > li > .dropdown-menu {
margin-top: 0;
border-top-left-radius: 0;
border-top-right-radius: 0;
}
.navbar-fixed-bottom .navbar-nav > li > .dropdown-menu {
margin-bottom: 0;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
}
.navbar-btn {
margin-top: 8px;
margin-bottom: 8px;
}
.navbar-btn.btn-sm {
margin-top: 10px;
margin-bottom: 10px;
}
.navbar-btn.btn-xs {
margin-top: 14px;
margin-bottom: 14px;
}
.navbar-text {
margin-top: 15px;
margin-bottom: 15px;
}
@media (min-width: 768px) {
.navbar-text {
float: left;
margin-right: 15px;
margin-left: 15px;
}
}
@media (min-width: 768px) {
.navbar-left {
float: left !important;
}
.navbar-right {
float: right !important;
margin-right: -15px;
}
.navbar-right ~ .navbar-right {
margin-right: 0;
}
}
.navbar-default {
background-color: #f8f8f8;
border-color: #e7e7e7;
}
.navbar-default .navbar-brand {
color: #777;
}
.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus {
color: #5e5e5e;
background-color: transparent;
}
.navbar-default .navbar-text {
color: #777;
}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
background-color: transparent;
}
.navbar-default .navbar-nav > .disabled > a,
.navbar-default .navbar-nav > .disabled > a:hover,
.navbar-default .navbar-nav > .disabled > a:focus {
color: #ccc;
background-color: transparent;
}
.navbar-default .navbar-toggle {
border-color: #ddd;
}
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
background-color: #ddd;
}
.navbar-default .navbar-toggle .icon-bar {
background-color: #888;
}
.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
border-color: #e7e7e7;
}
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {
color: #555;
background-color: #e7e7e7;
}
@media (max-width: 767px) {
.navbar-default .navbar-nav .open .dropdown-menu > li > a {
color: #777;
}
.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
.navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
color: #333;
background-color: transparent;
}
.navbar-default .navbar-nav .open .dropdown-menu > .active > a,
.navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover,
.navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
color: #555;
background-color: #e7e7e7;
}
.navbar-default .navbar-nav .open .dropdown-menu > .disabled > a,
.navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover,
.navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus {
color: #ccc;
background-color: transparent;
}
}
.navbar-default .navbar-link {
color: #777;
}
.navbar-default .navbar-link:hover {
color: #333;
}
.navbar-default .btn-link {
color: #777;
}
.navbar-default .btn-link:hover,
.navbar-default .btn-link:focus {
color: #333;
}
.navbar-default .btn-link[disabled]:hover,
fieldset[disabled] .navbar-default .btn-link:hover,
.navbar-default .btn-link[disabled]:focus,
fieldset[disabled] .navbar-default .btn-link:focus {
color: #ccc;
}
.navbar-inverse {
background-color: #222;
border-color: #080808;
}
.navbar-inverse .navbar-brand {
color: #9d9d9d;
}
.navbar-inverse .navbar-brand:hover,
.navbar-inverse .navbar-brand:focus {
color: #fff;
background-color: transparent;
}
.navbar-inverse .navbar-text {
color: #9d9d9d;
}
.navbar-inverse .navbar-nav > li > a {
color: #9d9d9d;
}
.navbar-inverse .navbar-nav > li > a:hover,
.navbar-inverse .navbar-nav > li > a:focus {
color: #fff;
background-color: transparent;
}
.navbar-inverse .navbar-nav > .active > a,
.navbar-inverse .navbar-nav > .active > a:hover,
.navbar-inverse .navbar-nav > .active > a:focus {
color: #fff;
background-color: #080808;
}
.navbar-inverse .navbar-nav > .disabled > a,
.navbar-inverse .navbar-nav > .disabled > a:hover,
.navbar-inverse .navbar-nav > .disabled > a:focus {
color: #444;
background-color: transparent;
}
.navbar-inverse .navbar-toggle {
border-color: #333;
}
.navbar-inverse .navbar-toggle:hover,
.navbar-inverse .navbar-toggle:focus {
background-color: #333;
}
.navbar-inverse .navbar-toggle .icon-bar {
background-color: #fff;
}
.navbar-inverse .navbar-collapse,
.navbar-inverse .navbar-form {
border-color: #101010;
}
.navbar-inverse .navbar-nav > .open > a,
.navbar-inverse .navbar-nav > .open > a:hover,
.navbar-inverse .navbar-nav > .open > a:focus {
color: #fff;
background-color: #080808;
}
@media (max-width: 767px) {
.navbar-inverse .navbar-nav .open .dropdown-menu > .dropdown-header {
border-color: #080808;
}
.navbar-inverse .navbar-nav .open .dropdown-menu .divider {
background-color: #080808;
}
.navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
color: #9d9d9d;
}
.navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover,
.navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus {
color: #fff;
background-color: transparent;
}
.navbar-inverse .navbar-nav .open .dropdown-menu > .active > a,
.navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover,
.navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus {
color: #fff;
background-color: #080808;
}
.navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a,
.navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:hover,
.navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:focus {
color: #444;
background-color: transparent;
}
}
.navbar-inverse .navbar-link {
color: #9d9d9d;
}
.navbar-inverse .navbar-link:hover {
color: #fff;
}
.navbar-inverse .btn-link {
color: #9d9d9d;
}
.navbar-inverse .btn-link:hover,
.navbar-inverse .btn-link:focus {
color: #fff;
}
.navbar-inverse .btn-link[disabled]:hover,
fieldset[disabled] .navbar-inverse .btn-link:hover,
.navbar-inverse .btn-link[disabled]:focus,
fieldset[disabled] .navbar-inverse .btn-link:focus {
color: #444;
}
.jumbotron {
padding-top: 30px;
padding-bottom: 30px;
margin-bottom: 30px;
color: inherit;
background-color: #eee;
}
.jumbotron h1,
.jumbotron .h1 {
color: inherit;
}
.jumbotron p {
margin-bottom: 15px;
font-size: 21px;
font-weight: 200;
}
.jumbotron > hr {
border-top-color: #d5d5d5;
}
.container .jumbotron,
.container-fluid .jumbotron {
padding-right: 15px;
padding-left: 15px;
border-radius: 6px;
}
.jumbotron .container {
max-width: 100%;
}
@media screen and (min-width: 768px) {
.jumbotron {
padding-top: 48px;
padding-bottom: 48px;
}
.container .jumbotron,
.container-fluid .jumbotron {
padding-right: 60px;
padding-left: 60px;
}
.jumbotron h1,
.jumbotron .h1 {
font-size: 63px;
}
}
@-webkit-keyframes progress-bar-stripes {
from {
background-position: 40px 0;
}
to {
background-position: 0 0;
}
}
@-o-keyframes progress-bar-stripes {
from {
background-position: 40px 0;
}
to {
background-position: 0 0;
}
}
@keyframes progress-bar-stripes {
from {
background-position: 40px 0;
}
to {
background-position: 0 0;
}
}
.center-block {
display: block;
margin-right: auto;
margin-left: auto;
}
.pull-right {
float: right !important;
}
.pull-left {
float: left !important;
}
.hide {
display: none !important;
}
.show {
display: block !important;
}
.invisible {
visibility: hidden;
}
.text-hide {
font: 0/0 a;
color: transparent;
text-shadow: none;
background-color: transparent;
border: 0;
}
.hidden {
display: none !important;
}
.affix {
position: fixed;
}
@-ms-viewport {
width: device-width;
}
.visible-xs,
.visible-sm,
.visible-md,
.visible-lg {
display: none !important;
}
.visible-xs-block,
.visible-xs-inline,
.visible-xs-inline-block,
.visible-sm-block,
.visible-sm-inline,
.visible-sm-inline-block,
.visible-md-block,
.visible-md-inline,
.visible-md-inline-block,
.visible-lg-block,
.visible-lg-inline,
.visible-lg-inline-block {
display: none !important;
}
@media (max-width: 767px) {
.visible-xs {
display: block !important;
}
table.visible-xs {
display: table !important;
}
tr.visible-xs {
display: table-row !important;
}
th.visible-xs,
td.visible-xs {
display: table-cell !important;
}
}
@media (max-width: 767px) {
.visible-xs-block {
display: block !important;
}
}
@media (max-width: 767px) {
.visible-xs-inline {
display: inline !important;
}
}
@media (max-width: 767px) {
.visible-xs-inline-block {
display: inline-block !important;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.visible-sm {
display: block !important;
}
table.visible-sm {
display: table !important;
}
tr.visible-sm {
display: table-row !important;
}
th.visible-sm,
td.visible-sm {
display: table-cell !important;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.visible-sm-block {
display: block !important;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.visible-sm-inline {
display: inline !important;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.visible-sm-inline-block {
display: inline-block !important;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.visible-md {
display: block !important;
}
table.visible-md {
display: table !important;
}
tr.visible-md {
display: table-row !important;
}
th.visible-md,
td.visible-md {
display: table-cell !important;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.visible-md-block {
display: block !important;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.visible-md-inline {
display: inline !important;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.visible-md-inline-block {
display: inline-block !important;
}
}
@media (min-width: 1200px) {
.visible-lg {
display: block !important;
}
table.visible-lg {
display: table !important;
}
tr.visible-lg {
display: table-row !important;
}
th.visible-lg,
td.visible-lg {
display: table-cell !important;
}
}
@media (min-width: 1200px) {
.visible-lg-block {
display: block !important;
}
}
@media (min-width: 1200px) {
.visible-lg-inline {
display: inline !important;
}
}
@media (min-width: 1200px) {
.visible-lg-inline-block {
display: inline-block !important;
}
}
@media (max-width: 767px) {
.hidden-xs {
display: none !important;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.hidden-sm {
display: none !important;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.hidden-md {
display: none !important;
}
}
@media (min-width: 1200px) {
.hidden-lg {
display: none !important;
}
}
.visible-print {
display: none !important;
}
@media print {
.visible-print {
display: block !important;
}
table.visible-print {
display: table !important;
}
tr.visible-print {
display: table-row !important;
}
th.visible-print,
td.visible-print {
display: table-cell !important;
}
}
.visible-print-block {
display: none !important;
}
@media print {
.visible-print-block {
display: block !important;
}
}
.visible-print-inline {
display: none !important;
}
@media print {
.visible-print-inline {
display: inline !important;
}
}
.visible-print-inline-block {
display: none !important;
}
@media print {
.visible-print-inline-block {
display: inline-block !important;
}
}
@media print {
.hidden-print {
display: none !important;
}
}
@-webkit-keyframes banner-wrap {
0% {
opacity: 0;
-webkit-transform: translateX(-200px);
-moz-transform: translateX(-200px);
-ms-transform: translateX(-200px);
-o-transform: translateX(-200px);
transform: translateX(-200px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
}
}
@keyframes banner-wrap {
0% {
opacity: 0;
-webkit-transform: translateX(-200px);
-moz-transform: translateX(-200px);
-ms-transform: translateX(-200px);
-o-transform: translateX(-200px);
transform: translateX(-200px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
}
}
.slick-active .careplus-banner-wrap p {
-webkit-animation-name: banner-wrap-p;
animation-name: banner-wrap-p;
-webkit-animation-duration: 1.4s;
animation-duration: 1.4s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
@-webkit-keyframes banner-wrap-p {
0% {
opacity: 0;
-webkit-transform: scale(-1);
-moz-transform: scale(-1);
-ms-transform: scale(-1);
-o-transform: scale(-1);
transform: scale(-1);
}
100% {
opacity: 1;
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
}
}
@keyframes banner-wrap-p {
0% {
opacity: 0;
-webkit-transform: scale(-1);
-moz-transform: scale(-1);
-ms-transform: scale(-1);
-o-transform: scale(-1);
transform: scale(-1);
}
100% {
opacity: 1;
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
}
}
.slick-active .careplus-banner-btn {
-webkit-animation-name: careplus-banner-btn;
animation-name: careplus-banner-btn;
-webkit-animation-duration: 1.4s;
animation-duration: 1.4s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
@-webkit-keyframes careplus-banner-btn {
0% {
opacity: 0;
-webkit-transform: translateX(200px);
-moz-transform: translateX(200px);
-ms-transform: translateX(200px);
-o-transform: translateX(200px);
transform: translateX(200px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0px);
-moz-transform: translateX(0px);
-ms-transform: translateX(0px);
-o-transform: translateX(0px);
transform: translateX(0px);
}
}
@keyframes careplus-banner-btn {
0% {
opacity: 0;
-webkit-transform: translateX(200px);
-moz-transform: translateX(200px);
-ms-transform: translateX(200px);
-o-transform: translateX(200px);
transform: translateX(200px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0px);
-moz-transform: translateX(0px);
-ms-transform: translateX(0px);
-o-transform: translateX(0px);
transform: translateX(0px);
}
}
/*# sourceMappingURL=bootstrap.css.map */
.careplus-department-grid-text i,.careplus-department-list-text i{
-webkit-transition: all 2s ease-in-out;
-moz-transition: all 2s ease-in-out;
-ms-transition: all 2s ease-in-out;
-o-transition: all 2s ease-in-out;
transition: all 2s ease-in-out;
}
.navbar-nav > li > a,.navbar-nav > li:hover > a:after,.navbar-nav > li:hover > a:before,.careplus-blog-modern figure a:before,.careplus-gallery-filterable ul li a,
.careplus-plane-gallery figure > a:before,.careplus-tags a,.careplus-blog-social ul li a,.careplus-post-arrow,.comment-reply-link,.careplus-blog-grid figure a:before,
.careplus-blog-grid-option li a,.careplus-pagination > ul > li > .previous span:before,.careplus-pagination > ul > li > .next span:before,.careplus-pagination > ul > li > .previous span:after,
.careplus-pagination > ul > li > .next span:after,.careplus-pagination > ul > li > .previous:before,.careplus-pagination > ul > li > .next:before,.careplus-pagination > ul > li > .previous:after,
.careplus-pagination > ul > li > .next:after,.careplus-pagination > ul > li > a,.careplus-pagination > ul > li > span,.careplus-related-team figure a:before,.careplus-related-team figure a:after,
.careplus-team-filterable ul li a,.careplus-shop-option li a,.faq-accordion .panel-title a,.careplus-Pricing-Plan .careplus-error-btn,.careplus-Pricing-Plan .careplus-error-btn span:after,
.careplus-Pricing-Plan .careplus-error-btn span:before,.careplus-Pricing-Plan .careplus-error-btn:before,.careplus-Pricing-Plan .careplus-error-btn:after,.available-btn,
.careplus-blog-medium-text > span,.careplus-department-grid-text::before,.careplus-department-grid-text::after {
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-ms-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
}
.careplus-service-wrap,.careplus-service-wrap i,.careplus-service-wrap h5,.careplus-service-wrap p,.careplus-blog-modern figure > time,.careplus-blog-modern figure a span,
.careplus-blog-modern figure a span:before,.careplus-blog-modern figure a span:after,.careplus-blog-modern figure a span small:before,.careplus-blog-modern figure a span small:after,
.careplus-readmore-btn,.careplus-readmore-btn:before,.careplus-readmore-btn:after,.careplus-readmore-btn span:before,.careplus-readmore-btn span:after,.careplus-team-modern figure > a:before,
.careplus-team-medium-info,.careplus-team-medium-text,.careplus-partners ul li figure,.widget_useful_link ul li a,.widget_useful_link ul li a:before,.careplus-team-modern figure figcaption,
.careplus-team-modern figure a span,.careplus-team-modern figure a span:before,.careplus-team-modern figure a span:after,.careplus-team-modern figure a span small:before,
.careplus-team-modern figure a span small:after,.careplus-prev-post:before,.careplus-next-post:before,
.careplus-prev-post:after,.careplus-next-post:after,.careplus-prev-post span:before,.careplus-next-post span:before,.careplus-prev-post span:after,.careplus-next-post span:after,
.careplus-related-blog-text:before,.careplus-related-blog-text:after,.careplus-related-blog-text > a,.comment-respond form p input[type="submit"],.widget_department ul li a,
.widget_department ul li a i,.widget_cetagories ul li a,.widget_cetagories ul li a:before,.widget_populer_posts section h6 a,.widget-gallery a:before,.widget-gallery a i,
.careplus-blog-grid figure > time,.careplus-blog-grid figure a span,.careplus-blog-grid figure a span:before,.careplus-blog-grid figure a span:after,.careplus-blog-grid figure a span small:before,
.careplus-blog-grid figure a span small:after,.careplus-blog-grid-text,.careplus-blog-grid-text:before,.careplus-blog-large figure a:before,.careplus-blog-large figure a span,
.careplus-blog-large figure a span:before,.careplus-blog-large figure a span:after,.careplus-blog-large figure a span small:before,.careplus-blog-large figure a span small:after,
.careplus-blog-large .careplus-blog-option li a i,.careplus-blog-large .careplus-blog-option li a,.careplus-blog-medium figure a:before,.careplus-blog-medium figure a span,
.careplus-blog-medium figure a span:before,.careplus-blog-medium figure a span:after,.careplus-blog-medium figure a span small:before,.careplus-blog-medium figure a span small:after,
.careplus-team-post-text > .careplus-footer-social li a,.careplus-related-team figure a span,.careplus-related-team figure a span:before,
.careplus-related-team figure a span:after,.careplus-related-team figure a span small:before,.careplus-related-team figure a span small:after,.careplus-team-list figure a:before,
.careplus-team-list figure a span,.careplus-related-products figure a:before,
.careplus-related-products figure a span,.careplus-related-products figure:before,.careplus-related-products figure:after,.careplus-shop-grid figure a:before,.careplus-shop-grid figure a span,
.careplus-shop-grid figure:before,.careplus-shop-grid figure:after,.careplus-shop-list figure a:before,.careplus-shop-list figure,.careplus-shop-list-text h5 a,.careplus-shop-list figure a span,
.careplus-department-grid figure a:before,.careplus-department-grid figure a span,.careplus-department-list figure a:before,.careplus-department-form ul li input[type="submit"],
.careplus-department-list figure a > span,.careplus-department-list figure:before,.careplus-department-list figure:after,.careplus-department-list figure > span:before,
.careplus-department-list figure > span:after,.careplus-department-list-text:before,.careplus-department-list-text:after,.careplus-appointment-request-form form ul li input[type="submit"],
.careplus-blog-medium figure a:after {
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
.careplus-plane-gallery figure:before,.careplus-plane-gallery figure:after,.careplus-plane-gallery figure span:before,.careplus-plane-gallery figure span:after {
-webkit-transition: all 0.6s ease-in-out;
-moz-transition: all 0.6s ease-in-out;
-ms-transition: all 0.6s ease-in-out;
-o-transition: all 0.6s ease-in-out;
transition: all 0.6s ease-in-out;
}
.careplus-plane-gallery figure figcaption > a,.careplus-plane-gallery figure figcaption > h2 {
-webkit-transition: all 0.7s ease-in-out;
-moz-transition: all 0.7s ease-in-out;
-ms-transition: all 0.7s ease-in-out;
-o-transition: all 0.7s ease-in-out;
transition: all 0.7s ease-in-out;
}
.careplus-department-list ul li:hover figure:before,
.careplus-department-list ul li:hover figure:after,.careplus-department-list ul li:hover figure > span:before,.careplus-department-list ul li:hover figure > span:after{
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
}
.careplus-team-modern-text:before {
-webkit-transform: rotate(-2deg);
-moz-transform: rotate(-2deg);
-ms-transform: rotate(-2deg);
-o-transform: rotate(-2deg);
transform: rotate(-2deg);
}
.careplus-team-modern-text:after,.careplus-pricplan-title:before,.careplus-pricplan-title > span:before {
-webkit-transform: rotate(2deg);
-moz-transform: rotate(2deg);
-ms-transform: rotate(2deg);
-o-transform: rotate(2deg);
transform: rotate(2deg);
}
.careplus-related-products figure:before,.careplus-shop-grid figure:before,.careplus-department-list figure:before,.careplus-department-list figure > span:before,.careplus-department-list-text:before {
-webkit-transform: rotate(-3deg);
-moz-transform: rotate(-3deg);
-ms-transform: rotate(-3deg);
-o-transform: rotate(-3deg);
transform: rotate(-3deg);
}
.careplus-related-products figure:after,.careplus-shop-grid figure:after {
-webkit-transform: rotate(3deg);
-moz-transform: rotate(3deg);
-ms-transform: rotate(3deg);
-o-transform: rotate(3deg);
transform: rotate(3deg);
}
.careplus-department-grid-text:before {
-webkit-transform: rotate(-4deg);
-moz-transform: rotate(-4deg);
-ms-transform: rotate(-4deg);
-o-transform: rotate(-4deg);
transform: rotate(-4deg);
}
.careplus-related-team-text:before,.careplus-department-grid figure:before {
-webkit-transform: rotate(-5deg);
-moz-transform: rotate(-5deg);
-ms-transform: rotate(-5deg);
-o-transform: rotate(-5deg);
transform: rotate(-5deg);
}
.careplus-related-team-text:after {
-webkit-transform: rotate(5deg);
-moz-transform: rotate(5deg);
-ms-transform: rotate(5deg);
-o-transform: rotate(5deg);
transform: rotate(5deg);
}
.careplus-images-list-layer.slick-slide.slick-current.slick-active > span:before {
-webkit-transform: rotate(6deg);
-moz-transform: rotate(6deg);
-ms-transform: rotate(6deg);
-o-transform: rotate(6deg);
transform: rotate(6deg);
}
.careplus-images-list-layer.slick-slide.slick-current.slick-active span:after {
-webkit-transform: rotate(-6deg);
-moz-transform: rotate(-6deg);
-ms-transform: rotate(-6deg);
-o-transform: rotate(-6deg);
transform: rotate(-6deg);
}
.careplus-blog-medium-text:before,.careplus-blog-medium-text > span:before,.careplus-shop-list-text:before,.careplus-department-list figure:after,.careplus-department-list figure > span:after,
.careplus-department-list-text:after {
-webkit-transform: rotate(7deg);
-moz-transform: rotate(7deg);
-ms-transform: rotate(7deg);
-o-transform: rotate(7deg);
transform: rotate(7deg);
}
.careplus-team-list figure:after,.careplus-team-list-text:after {
-webkit-transform: rotate(9deg);
-moz-transform: rotate(9deg);
-ms-transform: rotate(9deg);
-o-transform: rotate(9deg);
transform: rotate(9deg);
}
.careplus-team-list figure:before,.careplus-team-list-text:before {
-webkit-transform: rotate(-9deg);
-moz-transform: rotate(-9deg);
-ms-transform: rotate(-9deg);
-o-transform: rotate(-9deg);
transform: rotate(-9deg);
}
.careplus-pricplan-title:after {
-webkit-transform: rotate(-10deg);
-moz-transform: rotate(-10deg);
-ms-transform: rotate(-10deg);
-o-transform: rotate(-10deg);
transform: rotate(-10deg);
}
.careplus-department-grid figure:after {
-webkit-transform: rotate(13deg);
-moz-transform: rotate(13deg);
-ms-transform: rotate(13deg);
-o-transform: rotate(13deg);
transform: rotate(13deg);
}
.careplus-pricplan-title > span:after {
-webkit-transform: rotate(-12deg);
-moz-transform: rotate(-12deg);
-ms-transform: rotate(-12deg);
-o-transform: rotate(-12deg);
transform: rotate(-12deg);
}
.careplus-department-grid-text:after {
-webkit-transform: rotate(14deg);
-moz-transform: rotate(14deg);
-ms-transform: rotate(14deg);
-o-transform: rotate(14deg);
transform: rotate(14deg);
}
.careplus-shop-list-text:after {
-webkit-transform: rotate(-15deg);
-moz-transform: rotate(-15deg);
-ms-transform: rotate(-15deg);
-o-transform: rotate(-15deg);
transform: rotate(-15deg);
}
.careplus-blog-medium figure:after,.careplus-blog-medium-text > span:after {
-webkit-transform: rotate(-17deg);
-moz-transform: rotate(-17deg);
-ms-transform: rotate(-17deg);
-o-transform: rotate(-17deg);
transform: rotate(-17deg);
}
.careplus-breadcrumb ul li:before {
-webkit-transform: rotate(25deg);
-moz-transform: rotate(25deg);
-ms-transform: rotate(25deg);
-o-transform: rotate(25deg);
transform: rotate(25deg);
}
.careplus-logo:before {
-webkit-transform: rotate(26deg);
-moz-transform: rotate(26deg);
-ms-transform: rotate(26deg);
-o-transform: rotate(26deg);
transform: rotate(26deg);
}
.careplus-transparent-shape {
-webkit-transform: skewX(-28deg);
-moz-transform: skewX(-28deg);
-ms-transform: skewX(-28deg);
-o-transform: skewX(-28deg);
transform: skewX(-28deg);
}
.careplus-back-top:before {
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
}
.careplus-back-top:after {
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.widget_useful_link ul li:hover a:before,.widget_cetagories ul li:hover a:before {
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
-ms-transform: rotate(90deg);
-o-transform: rotate(90deg);
transform: rotate(90deg);
}
.widget_department ul li:hover a i {
-webkit-transform: rotateY(180deg);
-moz-transform: rotateY(180deg);
-ms-transform: rotateY(180deg);
-o-transform: rotateY(180deg);
transform: rotateY(180deg);
}
.careplus-dropdown-menu li:hover a:before,.careplus-megalist li:hover a:before {
-webkit-transform: rotate(270deg);
-moz-transform: rotate(270deg);
-ms-transform: rotate(270deg);
-o-transform: rotate(270deg);
transform: rotate(270deg);
}
.careplus-department ul li:hover .careplus-department-grid-text i,.careplus-department ul li:hover .careplus-department-list-text i {
-webkit-transform: rotateY(718deg);
-moz-transform: rotateY(718deg);
-ms-transform: rotateY(718deg);
-o-transform: rotateY(718deg);
transform: rotateY(718deg);
}
.navbar-nav li:hover > .careplus-dropdown-menu,.navbar-nav > li:hover .careplus-megamenu,.careplus-plane-gallery ul li:hover figure figcaption > a,
.careplus-plane-gallery ul li:hover figure figcaption > h2 {
-webkit-transform: translateY(0px);
-moz-transform: translateY(0px);
-ms-transform: translateY(0px);
-o-transform: translateY(0px);
transform: translateY(0px);
}
/*.careplus-dropdown-menu {
-webkit-transform: translateY(40px);
-moz-transform: translateY(40px);
-ms-transform: translateY(40px);
-o-transform: translateY(40px);
transform: translateY(40px);
}*/
.careplus-megamenu {
-webkit-transform: translateY(50px);
-moz-transform: translateY(50px);
-ms-transform: translateY(50px);
-o-transform: translateY(50px);
transform: translateY(50px);
}
.careplus-plane-gallery figure figcaption > h2 {
-webkit-transform: translateY(82px);
-moz-transform: translateY(82px);
-ms-transform: translateY(82px);
-o-transform: translateY(82px);
transform: translateY(82px);
}
.careplus-team-medium ul li:hover .careplus-team-medium-text {
-webkit-transform: translateY(-86px);
-moz-transform: translateY(-86px);
-ms-transform: translateY(-86px);
-o-transform: translateY(-86px);
transform: translateY(-86px);
}
.careplus-plane-gallery figure figcaption > a {
-webkit-transform: translateY(-97px);
-moz-transform: translateY(-97px);
-ms-transform: translateY(-97px);
-o-transform: translateY(-97px);
transform: translateY(-97px);
}
.careplus-team-medium-text {
-webkit-transform: translateY(-322px);
-moz-transform: translateY(-322px);
-ms-transform: translateY(-322px);
-o-transform: translateY(-322px);
transform: translateY(-322px);
}
.careplus-megamenu,.careplus-dropdown-menu {
-webkit-transition: all 0.6s cubic-bezier(0.68, -1, 0.265, 2);
-moz-transition: all 0.6s cubic-bezier(0.68, -1, 0.265, 2);
-ms-transition: all 0.6s cubic-bezier(0.68, -1, 0.265, 2);
-o-transition: all 0.6s cubic-bezier(0.68, -1, 0.265, 2);
transition: all 0.6s cubic-bezier(0.68, -1, 0.265, 2);
}
.careplus-partners ul li figure span {
-webkit-transition: all 0.9s cubic-bezier(0.68, -1, 0.265, 2);
-moz-transition: all 0.9s cubic-bezier(0.68, -1, 0.265, 2);
-ms-transition: all 0.9s cubic-bezier(0.68, -1, 0.265, 2);
-o-transition: all 0.9s cubic-bezier(0.68, -1, 0.265, 2);
transition: all 0.9s cubic-bezier(0.68, -1, 0.265, 2);
}
.careplus-team-list figure a span,.careplus-shop-list figure a span {
-webkit-transform: scale(0);
-moz-transform: scale(0);
-ms-transform: scale(0);
-o-transform: scale(0);
transform: scale(0);
}
.widget-gallery ul li:hover a i,.careplus-team-list ul li:hover figure a span,.careplus-shop-list ul li:hover figure a span {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
}
.widget-gallery a i {
-webkit-transform: scale(3);
-moz-transform: scale(3);
-ms-transform: scale(3);
-o-transform: scale(3);
transform: scale(3);
}
/*Extra Css*/
.careplus-services-full { margin: 0px 0px 70px;}
.careplus-blog-modern-full { margin: 0px 0px 70px;}
.careplus-team-mediumfull { padding: 100px 0px 0px; margin: 0px 0px 70px;}
.careplus-gallery-full { margin: 0px 0px 70px;}
.careplus-testimonial-full { padding: 100px 0px 0px;}
.careplus-partner-full {
padding: 70px 0px 0px;
}
.careplus-team-modernfull { padding: 100px 0px 0px;}
.careplus-about-servicefull { margin: 0px 0px 70px;}
.careplus-about-postfull {
background-image: url("//cdn.nexternal.com/extra-images/about-post-img.jpg");
background-position: center;
padding: 63px 0px 79px;
}
.careplus-section-postfull {
background: url("//cdn.nexternal.com/extra-images/post-back-image.jpg");
background-position: right;
background-repeat: no-repeat;
padding: 68px 0px 82px;
}
.careplus-section-postfull .careplus-transparent-shape { width: 86%; }
/*Extra Css*/
/*.careplus-sticky .careplus-navigation-section {
-webkit-animation-name: stickyslide;
animation-name: stickyslide;
-webkit-animation-duration: 0.5s;
animation-duration: 0.5s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}*/
@-webkit-keyframes stickyslide {
0% {
opacity: 0;
-webkit-transform: translateY(-120px);
-moz-transform: translateY(-120px);
-ms-transform: translateY(-120px);
-o-transform: translateY(-120px);
transform: translateY(-120px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
}
}
@keyframes stickyslide {
0% {
opacity: 0;
-webkit-transform: translateY(-120px);
-moz-transform: translateY(-120px);
-ms-transform: translateY(-120px);
-o-transform: translateY(-120px);
transform: translateY(-120px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
}
}
.bootstrapmodal {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1050;
display: none;
overflow: hidden;
-webkit-overflow-scrolling: touch;
outline: 0;
}
.bootstrapmodal.fade .modal-dialog {
-webkit-transition: -webkit-transform .3s ease-out;
-o-transition: -o-transform .3s ease-out;
transition: transform .3s ease-out;
-webkit-transform: translate(0, -100%);
-ms-transform: translate(0, -100%);
-o-transform: translate(0, -100%);
transform: translate(0, -100%);
}
..bootstrapmodal.in .modal-dialog {
-webkit-transform: translate(0, 0);
-ms-transform: translate(0, 0);
-o-transform: translate(0, 0);
transform: translate(0, 0);
}
.modal-open ..bootstrapmodal {
overflow-x: hidden;
overflow-y: auto;
}
.modal-dialog {
position: relative;
width: auto;
margin: 10px;
}
.modal-content {
position: relative;
background-color: #fff;
-webkit-background-clip: padding-box;
background-clip: padding-box;
border: 1px solid #999;
border: 1px solid rgba(0, 0, 0, .2);
border-radius: 6px;
outline: 0;
-webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
}
.modal-backdrop {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1040;
background-color: #000;
}
.modal-backdrop.fade {
filter: alpha(opacity=0);
opacity: 0;
}
.modal-backdrop.in {
filter: alpha(opacity=90);
opacity: .9;
}
.modal-header {
padding: 15px;
border-bottom: 1px solid #e5e5e5;
}
.modal-header .close {
margin-top: -2px;
}
.modal-title {
margin: 0;
line-height: 1.42857143;
}
.modal-body {
position: relative;
padding: 15px;
}
.modal-footer {
padding: 15px;
text-align: right;
border-top: 1px solid #e5e5e5;
}
.modal-footer .btn + .btn {
margin-bottom: 0;
margin-left: 5px;
}
.modal-footer .btn-group .btn + .btn {
margin-left: -1px;
}
.modal-footer .btn-block + .btn-block {
margin-left: 0;
}
.modal-scrollbar-measure {
position: absolute;
top: -9999px;
width: 50px;
height: 50px;
overflow: scroll;
}
@media (min-width: 768px) {
.modal-dialog {
width: 600px;
margin: 300px auto;
}
.modal-content {
-webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
}
.modal-sm {
width: 300px;
}
}
/* style.css */
.careplus-main-section {
float: left;
width: 100%;
position: relative;
}
.careplus-main-content { padding: 60px 0px 100px 0px; }
.careplus-right-section { float: right; }
.careplus-left-section { float: left; }
.careplus-main-wrapper,.careplus-main-content {
overflow: hidden;
}
.careplus-main-wrapper,.careplus-main-content,
.careplus-main-header,.careplus-navigation-section {
float: left;
width: 100%;
}
/* Header */
.careplus-sticky .careplus-navigation-section {
left: 0;
position: fixed;
top: 0;
width: 100%;
z-index: 999;
}
.careplus-main-header { background-color: #ffffff; }
.careplus-logo {
float: left;
padding: 30px 0px 30px 16px;
max-width: 400px;
}
/*.careplus-logo:before {
content: '';
position: absolute;
right: 0px;
top: -8px;
width: 4px;
height: 120%;
}*/
/* Info List */
.careplus-infolist {
float: left;
width: 100%;
padding-left: 30px;
}
.careplus-infolist li {
float: left;
width: 33.333%;
list-style: none;
padding-left: 50px;
position: relative;
line-height: 1.4;
margin-top: 55px;
}
.careplus-infolist li i {
position: absolute;
left: 0px;
top: 0px;
width: 40px;
height: 40px;
color: #ffffff;
text-align: center;
font-size: 18px;
padding-top:11px;
background-color: #071a4a;
}
.careplus-infolist li a,
.careplus-infolist li span {
color: #576777;
letter-spacing: .2px;
font-size: 13px;
}
.careplus-infolist li h4 {
letter-spacing:0;
font-weight:normal;
font-size:16px;
}
.careplus-infolist li a {
color: #071a4a;
font-weight: bold;
}
.careplus-infolist li span {
display: block;
margin-bottom: 2px;
}
.careplus-booking-btn {
float: right;
font-size: 14px;
font-weight: bold;
letter-spacing: 1.1px;
padding: 7px 14px 10px 14px;
color: #ffffff;
border-radius: 4px;
}
.careplus-navigation-section {
position: relative;
/*text-align: center;*/
z-index: 9;
}
.careplus-navinner { display: inline-block; }
/* Navigation */
.navbar {
background: none;
border: none;
margin-bottom: 0px;
text-align: left;
}
.navbar-nav > li { padding: 0px 22px; }
.navbar-nav > li > a {
font-size: 14px;
color: #ffffff;
font-weight: bold;
text-transform: uppercase;
padding: 29px 0px 26px 0px;
position: relative;
}
.navbar-nav > li > a:before {
content: '';
position: absolute;
left: 0px;
bottom: -5px;
width: 100%;
height: 4px;
opacity: 0;
}
.navbar-nav > li > a:after {
content: '';
position: absolute;
left: 50%;
bottom: -6px;
margin-left: -9px;
border-left: 8px solid transparent;
border-right: 8px solid transparent;
border-bottom: 4px solid;
opacity: 0;
}
.navbar-nav > li:hover > a:after,.navbar-nav > li:hover > a:before,.navbar-nav > li.active > a:after,.navbar-nav > li.active > a:before { opacity: 1; }
.navbar-nav > li:first-child { padding-left: 0px; }
.navbar-nav > li:last-child { padding-right: 0px; }
.navbar-nav li:hover > .careplus-dropdown-menu {
opacity: 1;
visibility: visible;
}
.careplus-dropdown-menu {
background-color: #ffffff;
left: 0;
margin: 10px 0px 0px 0px;
opacity: 0;
position: absolute;
top: 100%;
visibility: hidden;
width: 240px;
z-index: 999;
}
.careplus-dropdown-menu .careplus-dropdown-menu {
left: 100%;
top: 0%;
margin: 0px 0px 0px 5px;
}
.careplus-dropdown-menu > li {
float: left;
list-style: none;
position: relative;
width: 100%;
}
.careplus-dropdown-menu li a {
border-bottom: 1px solid #f8f8f8;
color: #576777;
float: left;
font-size: 14px;
font-weight: 400;
padding: 17px 25px;
width: 100%;
}
.careplus-dropdown-menu > li:last-child > a { border: none; }
.careplus-dropdown-menu > li.subdropdown-addicon > a:before {
content: "\f107";
font-family: FontAwesome;
float: right;
margin: 0px 0px 0px 0px;
color: #999;
}
/* Mega Menu */
#careplus-header .container { position: relative; }
.nav > li.careplus-megamenu-li { position: static; }
.careplus-megamenu {
position: absolute;
left: 0%;
top: 100%;
width: 100%;
background-color: #fff;
padding: 28px 30px 10px 30px;
margin: 10px 0px 0px 0px;
opacity: 0;
visibility: hidden;
z-index: 999;
}
.navbar-nav > li:hover .careplus-megamenu {
opacity: 1;
visibility: visible;
}
.careplus-megamenu li { list-style: none; }
.careplus-megamenu li h5 {
text-transform: uppercase;
font-size: 12px;
font-weight: bold;
color: #576777;
margin-bottom: 18px;
}
.careplus-megamenu li h4 {
text-transform: uppercase;
margin-bottom: 2px;
font-weight: bold;
}
.careplus-thumbnail {
display: block;
margin-bottom: 20px;
margin-top: 10px;
}
.careplus-thumbnail img {
width: 100%;
}
.collapse { display: none; }
/* Mega Menu List */
.careplus-megalist {
float: left;
width: 100%;
margin: 10px 0px 0px 0px;
}
.careplus-megalist li {
float: left;
width: 100%;
list-style: none;
border-bottom: 1px solid #f8f8f8;
padding: 8px 0px 8px 0px;
position: relative;
}
.careplus-megalist li a {
color: #576777;
font-size: 14px;
font-weight: 400;
}
.careplus-megalist li:last-child {
border-bottom: none;
padding-bottom: 0px;
}
.careplus-mega-text p { margin-bottom: 30px; }
.careplus-user-list {
float: left;
margin: 9px 0px 0px 13px;
}
.careplus-user-list li {
float: left;
list-style: none;
margin: 15px 0px 0px 32px;
position: relative;
padding-bottom: 23px;
}
.careplus-user-list li a { font-size: 20px; }
/* Search Modal */
.searchmodal form {
float: left;
width: 100%;
position: relative;
}
.searchmodal .modal-body {
display: inline-block;
width: 100%;
padding: 0px;
position: relative;
}
.searchmodal form input[type="text"] {
float: left;
width: 100%;
background-color: #ffffff;
color: #999;
font-size: 14px;
font-style: italic;
height: 60px;
padding: 6px 30px;
border-radius: 40px;
border:none;
box-sizing: border-box;
display: inline-block;
vertical-align: middle;
box-shadow: none;
}
.searchmodal form input[type="submit"] {
position: absolute;
right: 5px;
top: 0px;
height: 60px;
width: 60px;
background-color: transparent;
border: none;
z-index: 2;
}
.searchmodal form i {
position: absolute;
right: 28px;
top: 20px;
color: #999;
font-size: 18px;
z-index: 0;
}
.careplus-close-btn {
position: absolute;
right: 40%;
top: -50px;
color: #999;
background-color: #ffffff;
width: 100px;
height: 50px;
border-radius: 100px 100px 0px 0px;
text-align: center;
font-size: 30px;
padding-top: 8px;
}
.careplus-cart-box {
position: absolute;
right: 0px;
top: 100%;
background-color: #fff;
border: 1px solid #ddd;
padding: 28px;
width: 300px;
margin-top: 5px;
display: none;
}
.careplus-cart-box p { margin: 0px; }
/*Banner*/
.careplus-banner-one .container,.careplus-banner-one .row,.careplus-banner-one .col-md-12 { height: 100%;}
.careplus-banner,.careplus-banner-one,.careplus-banner-one-layer {
float: left;
width: 100%;
}
.careplus-banner-caption {
position: absolute;
left: 0px;
top: 0px;
width: 100%;
z-index: 1;
height: 100%;
}
.careplus-transparent {
height: 100%;
left: 0px;
position: absolute;
top: 0;
width: 100%;
opacity: 0.2;
}
.careplus-banner-wrap {
bottom: 50%;
left: 0;
margin: 0 0 -142px;
position: absolute;
width: 55%;
}
.careplus-banner-wrap h1 {
font-size: 50px;
color: #ffffff;
font-weight: bold;
line-height: 1;
margin-bottom: 20px;
float: left;
text-transform: uppercase;
letter-spacing: 3px;
}
.careplus-banner-wrap h1 span {
font-size: 30px;
display: block;
margin: 0px 0px 2px;
letter-spacing: 2px;
}
.careplus-banner-wrap h1 span:last-child { text-align: right; margin: 8px 0 0;}
.careplus-banner-wrap p {
color: #ffffff;
margin-bottom: 29px;
font-size: 16px;
float: left;
line-height: 28px;
width: 84%;
}
.careplus-transparent-shape {
height: 100%;
left: -17%;
position: absolute;
top: 0;
width: 68%;
}
.careplus-banner-btn {
display: inline-block;
text-transform: uppercase;
font-size: 16px;
font-weight: bold;
position: relative;
color: #ffffff;
padding: 10px 23px;
}
.careplus-banner-btn:before {
content: '';
position: absolute;
left: 0px;
bottom: 0px;
background-color: #ffffff;
width: 52px;
height: 1px;
}
.careplus-banner-btn:after {
content: '';
position: absolute;
left: 7px;
bottom: -7px;
background-color: #ffffff;
width: 1px;
height: 32px;
}
.careplus-banner-btn span {
position: absolute;
right: 0px;
top: 0px;
}
.careplus-banner-btn span:before {
content: '';
position: absolute;
right: 0px;
top: 0px;
background-color: #ffffff;
width: 52px;
height: 1px;
}
.careplus-banner-btn span:after {
content: '';
position: absolute;
right: 7px;
top: -7px;
background-color: #ffffff;
width: 1px;
height: 32px;
}
/*banner form*/
.careplus-appointment-form form ul li,.careplus-appointment-form form ul li input[type="text"],
.careplus-select {
float: left;
width: 100%;
}
.careplus-appointment-form {
top: 10%;
margin: 0 0 -238px;
/*position: absolute;*/
right: 0;
width: 50%;
}
.careplus-appointment-form form {
/*width: 336px;*/
float: right;
padding: 31px 36px 15px 40px;
border-right: 4px solid;
background-color: rgba(7,26,74,0.85);
position: relative;
}
.careplus-appointment-form form:before {
content: '';
position: absolute;
right: 0px;
top: 0px;
border-top: 45px solid;
border-left: 45px solid transparent;
}
.careplus-appointment-form form:after {
content: '';
position: absolute;
right: 0px;
bottom: 0px;
border-bottom: 45px solid;
border-left: 45px solid transparent;
}
.careplus-appointment-form form h1 {
margin: 0px 0px 8px;
color: #ffffff;
font-weight: bold;
font-size: 18px;
text-transform: uppercase;
}
.careplus-appointment-form form p {
margin: 0px 0px 24px;
color: #ffffff;
letter-spacing: 1px;
}
.careplus-appointment-form form ul li {
list-style: none;
margin: 0px 0px 25px;
position: relative;
}
.careplus-appointment-form form ul li input[type="text"] {
background-color: #ffffff;
border-radius: 5px;
height: 40px;
font-size: 12px;
color: #999999;
font-style: italic;
padding-left: 14px;
}
.careplus-appointment-form form ul li i {
position: absolute;
right: 15px;
top: 13px;
color: #999999;
font-size: 12px;
}
.careplus-select select {
font-style: italic;
font-size: 12px;
border: none;
color: #999999;
background-color: #fff;
border-bottom: 1px solid #ececec;
height: 40px;
border-radius: 5px;
}
.careplus-select { position: relative;}
.careplus-select:after {
content: "\f107";
font-family: FontAwesome;
font-size: 12px;
color: #999999;
right: 0px;
bottom: 1px;
text-align: center;
position: absolute;
pointer-events: none;
background-color: #fff;
width: 40px;
padding: 5px 2px 0px 0px;
height: 39px;
border-radius: 5px;
}
.careplus-appointment-form form ul li input[type="submit"] {
border: 1px solid #071a4a;
font-weight: bold;
color: #071a4a;
padding: 5px 23px 7px;
}
.careplus-appointment-form form ul li input[type="submit"]:hover {
color: #fff;
background-color: #071a4a;
}
/*fancy-title*/
.careplus-fancy-title {
float: left;
width: 100%;
text-align: center;
margin: 0px 0px 30px;
}
.careplus-fancy-title h2 {
line-height: 0.7;
font-size: 24px;
margin: 0px 0px 16px;
letter-spacing: 2px;
font-weight: bold;
}
.careplus-fancy-title span {
display: inline-block;
position: relative;
padding: 0px 2px;
}
.careplus-fancy-title span:before {
content: '';
position: absolute;
left: -75px;
top: 14px;
width: 75px;
height: 1px;
}
.careplus-fancy-title span:after {
content: '';
position: absolute;
right: -75px;
top: 14px;
width: 75px;
height: 1px;
}
.careplus-fancy-title span i {
font-size: 25px;
}
.careplus-fancy-title span small {
position: absolute;
left: 0px;
top: 0px;
width: 100%;
}
.careplus-fancy-title span small:before {
content: '';
position: absolute;
left: -40px;
top: 11px;
width: 40px;
height: 1px;
}
.careplus-fancy-title span small:after {
content: '';
position: absolute;
right: -40px;
top: 11px;
width: 40px;
height: 1px;
}
/*Service*/
.careplus-service,.careplus-service-wrap {
float: left;
width: 100%;
}
.careplus-service > ul > li {
list-style: none;
margin: 0px 0px 30px;
}
.careplus-service-wrap {
height: 213px;
overflow: hidden;
padding: 57px 0px 9px;
text-align: center;
background: rgb(8,54,75); /* Old browsers */
background: -moz-radial-gradient(center, ellipse cover, rgba(0, 57, 152 ,1) 15%,rgba(7, 26, 74,1) 65%);
background: -webkit-radial-gradient(center, ellipse cover, rgba(0, 57, 152 ,1) 15%,rgba(7, 26, 74,1) 65%);
background: radial-gradient(ellipse at center, rgba(0, 57, 152 ,1) 15%,rgba(7, 26, 74,1) 65%);
}
.careplus-service-grid ul li:hover .careplus-service-wrap {
padding: 38px 0px 34px;
background: -webkit-linear-gradient(left, #071a4a 0%,#003998 0%,#003998 100%,#071a4a 100%);
background: -moz-linear-gradient(left, #071a4a 0%,#003998 0%,#003998 100%,#071a4a 100%);
background: -ms-linear-gradient(left, #071a4a 0%,#003998 0%,#003998 100%,#071a4a 100%);
background: -o-linear-gradient(left, #071a4a 0%,#003998 0%,#003998 100%,#071a4a 100%);
background: linear-gradient(left, #071a4a 0%,#003998 0%,#003998 100%,#071a4a 100%);
}
.careplus-service-wrap i {
font-size: 64px;
display: inline-block;
color: #ffffff;
margin: 0px 0px 10px;
}
.careplus-service-grid ul li:hover i {
font-size: 41px;
margin: 0px 0px 17px;
}
.careplus-service-wrap h3 {
margin: 0px;
text-transform: uppercase;
color: #ffffff;
font-weight: bold;
}
.careplus-service-grid ul li:hover h3 {
text-transform: none;
margin: 0px 0px 10px;
}
.careplus-service-wrap p {
margin: 0px;
color: #ffffff;
line-height: 22px;
opacity: 0;
visibility: hidden;
}
.careplus-service-grid ul li:hover p {
opacity: 1;
visibility: visible;
}
/*blog-modern*/
.careplus-blog,.careplus-blog-modern figure,.careplus-blog-modern figure a,.careplus-blog-modern figure a img,.careplus-blog-modern-text {
float: left;
width: 100%;
}
.careplus-blog > ul > li {
list-style: none;
margin: 0px 0px 30px;
}
.careplus-blog-modern figure { margin: 0px;}
.careplus-blog-modern figure > time {
position: absolute;
left: 0px;
top: 0px;
width: 65px;
height: 65px;
font-weight: bold;
font-size: 16px;
text-align: center;
color: #ffffff;
line-height: 20px;
padding: 12px 10px 0px;
opacity: 1;
background-color: #071a4a;
}
/*.careplus-blog-modern ul li:hover figure > time { opacity: 0;}*/
.careplus-blog-modern figure a {
position: relative;
overflow: hidden;
}
.careplus-blog-modern figure a:before {
content: '';
position: absolute;
left: 0px;
bottom: 0px;
width: 100%;
height: 0%;
opacity: 0;
}
/*.careplus-blog-modern ul li:hover figure a:before { opacity: 1; height: 100%;}*/
.careplus-blog-modern figure a span {
position: absolute;
left: 50%;
top: 50%;
font-size: 18px;
width: 55px;
height: 55px;
text-align: center;
padding: 13px 0px 0px;
margin: -27px 0px 0px -27px;
opacity: 0;
}
.careplus-blog-modern ul li:hover figure a span { opacity: 1;}
.careplus-blog-modern figure a span:before {
content: '';
position: absolute;
left: 0px;
top: 0px;
width: 0px;
height: 1px;
}
.careplus-blog-modern ul li:hover figure a span:before { width: 64px;}
.careplus-blog-modern figure a span:after {
content: '';
position: absolute;
left: 0px;
top: 0px;
width: 1px;
height: 0px;
}
.careplus-blog-modern ul li:hover figure a span:after { height: 63px;}
.careplus-blog-modern figure a span small {
position: absolute;
right: 0px;
bottom: 0px;
}
.careplus-blog-modern figure a span small:before {
content: '';
position: absolute;
right: 0px;
bottom: 0px;
width: 0px;
height: 1px;
}
.careplus-blog-modern ul li:hover figure a span small:before { width: 64px;}
.careplus-blog-modern figure a span small:after {
content: '';
position: absolute;
right: 0px;
bottom: 0px;
width: 1px;
height: 0px;
}
.careplus-blog-modern ul li:hover figure a span small:after { height: 63px;}
.careplus-blog-modern-text {
position: relative;
background-color: #f5f5f5;
border-top: 5px solid;
padding: 25px 30px 30px;
position: relative;
}
.careplus-blog-modern-text:before {
content: '';
position: absolute;
right: 0px;
top: 0px;
border-top: 30px solid;
border-left: 30px solid transparent;
}
.careplus-blog-modern-text h3, .careplus-blog-modern-text h2 {
margin: 0px 0px 17px;
font-weight: bold;
line-height: 24px;
}
.careplus-blog-modern-text p {
margin: 0px 0px 24px;
color: #686868;
}
.careplus-readmore-btn {
display: inline-block;
font-size: 13px;
color: #888888;
font-weight: bold;
position: relative;
padding: 4px 21px;
}
.careplus-blog ul li:hover .careplus-readmore-btn { color: #ffffff;}
.careplus-readmore-btn:before {
content: '';
position: absolute;
left: 0px;
top: 0px;
width: 106%;
height: 1px;
background-color: #bbbbbb;
}
.careplus-blog ul li:hover .careplus-readmore-btn:before,
.careplus-blog ul li:hover .careplus-readmore-btn span:before { width: 100%; }
.careplus-readmore-btn:after {
content: '';
position: absolute;
left: 0px;
top: 0px;
width: 1px;
height: 119%;
background-color: #bbbbbb;
}
.careplus-blog ul li:hover .careplus-readmore-btn:after,
.careplus-blog ul li:hover .careplus-readmore-btn span:after { height: 100%; }
.careplus-readmore-btn span {
position: absolute;
right: 0px;
bottom: 0px;
width: 100%;
height: 100%;
}
.careplus-readmore-btn span:before {
content: '';
position: absolute;
right: 0px;
bottom: 0px;
width: 106%;
height: 1px;
background-color: #bbbbbb;
}
.careplus-readmore-btn span:after {
content: '';
position: absolute;
right: 0px;
bottom: 0px;
width: 1px;
height: 119%;
background-color: #bbbbbb;
}
/*Section-post*/
.careplus-content-post,.careplus-content-post-title,.careplus-post-list {
float: left;
width: 100%;
}
.careplus-content-post-title { margin: 0px 0px 21px;}
.careplus-content-post-title h2 {
font-size: 30px;
font-weight: bold;
margin: 0px 0px 4px;
color: #ffffff;
text-transform: uppercase;
}
.careplus-content-post-title span {
display: inline-block;
position: relative;
padding: 0px 1px 0px 0px;
}
.careplus-content-post-title span:before {
content: '';
position: absolute;
right: -75px;
top: 14px;
background-color: #ffffff;
width: 75px;
height: 1px;
}
.careplus-content-post-title span:after {
content: '';
position: absolute;
right: -40px;
top: 11px;
background-color: #ffffff;
width: 40px;
height: 1px;
}
.careplus-content-post-title span i {
font-size: 25px;
}
.careplus-content-post p {
margin: 0px 0px 38px;
color: #ffffff;
letter-spacing: 1px;
}
.careplus-post-list { margin: 0px 0px 21px;}
.careplus-post-list li {
float: left;
width: 50%;
list-style: none;
padding: 0px 0px 0px 61px;
position: relative;
color: #ffffff;
line-height: 24px;
letter-spacing: 1.1px;
margin: 0px 0px 27px;
}
.careplus-post-list li i {
position: absolute;
left: 0px;
top: 6px;
text-align: center;
width: 40px;
height: 40px;
color: #ffffff;
font-size: 17px;
padding: 12px 0px 0px;
}
.careplus-post-list li i:after {
content: '';
position: absolute;
right: 0px;
bottom: 0px;
border-bottom: 9px solid;
border-left: 9px solid transparent;
}
.careplus-content-post .careplus-readmore-btn {
padding: 14px 19px 12px;
font-weight: 400;
text-transform: uppercase;
}
.careplus-content-post .careplus-readmore-btn:before,.careplus-content-post .careplus-readmore-btn span:before { width: 108%;}
.careplus-content-post .careplus-readmore-btn:after,.careplus-content-post .careplus-readmore-btn span:after { height: 122%;}
.careplus-content-post .careplus-readmore-btn:hover:before,.careplus-content-post .careplus-readmore-btn span:hover:before { width: 100%;}
.careplus-content-post .careplus-readmore-btn:hover:after,.careplus-content-post .careplus-readmore-btn span:hover:after { height: 100%;}
/*Team Medium*/
.careplus-team,.careplus-team-medium,.careplus-team-medium figure,.careplus-team-medium figure > a,.careplus-team-medium figure a img {
float: left;
width: 100%;
}
.careplus-team > ul > li {
list-style: none;
margin: 0px 0px 30px;
}
.careplus-team-medium figure {
margin: 0px;
padding: 83px 0px 0px;
}
.careplus-team-medium figure figcaption {
position: absolute;
left: 0px;
top: 0px;
width: 100%;
text-align: center;
overflow: hidden;
}
.careplus-team-medium-info,.careplus-team-medium-text {
line-height: 1;
}
.careplus-team-medium-info {
padding: 16px 28px 23px;
visibility: visible;
width: 100%;
position: relative;
border-bottom: 4px solid;
}
.careplus-team-medium ul li:hover .careplus-team-medium-info {
visibility: hidden;
opacity: 0;
}
.careplus-team-medium-info:before {
content: '';
position: absolute;
right: 0px;
bottom: 0px;
border-bottom: 20px solid;
border-left: 20px solid transparent;
}
.careplus-team-medium-text {
padding: 34px 28px 40px;
border-bottom: 4px solid;
position: relative;
opacity: 0;
visibility: hidden;
}
.careplus-team-medium-text:before {
content: '';
position: absolute;
right: 0px;
bottom: 0px;
border-bottom: 20px solid;
border-left: 20px solid transparent;
}
.careplus-team-medium ul li:hover .careplus-team-medium-text {
visibility: visible;
opacity: 1;
}
.careplus-team-medium-info h5,.careplus-team-medium-text h5 {
margin: 0px 0px 2px;
display: inline-block;
font-weight: bold;
}
.careplus-team-medium-info h5 a,.careplus-team-medium-text h5 a { color: #ffffff;}
.careplus-team-medium-info > span,.careplus-team-medium-text > span {
display: inline-block;
font-size: 12px;
color: #cccccc;
line-height: 1;
}
.careplus-team-medium-text > span {
margin: 0px 0px 21px;
color: #ffffff;
}
.careplus-team-medium-text p {
color: #ffffff;
margin: 0px 0px 18px;
display: inline-block;
}
.careplus-team-social { text-align: center; margin: 0px 0px 22px;}
.careplus-team-social li {
display: inline-block;
margin: 0px 14px 0px 0px;
}
.careplus-team-social li > a {
color: #ffffff;
font-size: 18px;
}
.careplus-team-medium .careplus-readmore-btn {
padding: 13px 21px;
color: #ffffff;
font-weight: 400;
font-size: 14px;
text-transform: uppercase;
}
.careplus-team-medium .careplus-readmore-btn:before,.careplus-team-medium .careplus-readmore-btn:after,
.careplus-team-medium .careplus-readmore-btn span:before,.careplus-team-medium .careplus-readmore-btn span:after { background-color: #ffffff;}
.careplus-team-medium .careplus-readmore-btn:after,.careplus-team-medium .careplus-readmore-btn span:after { height: 117%;}
/*Gallery*/
.careplus-gallery,.careplus-gallery-filterable,.careplus-gallery-filterable ul li a,.careplus-plane-gallery figure > a,
.careplus-plane-gallery ul li figure img,.careplus-plane-gallery ul li figure {
float: left;
width: 100%;
}
.careplus-gallery-filterable {
text-align: center;
margin-bottom: 29px;
}
.careplus-gallery-filterable ul li {
display: inline-block;
list-style: none;
margin: 0 33px -5px;
}
.filters-button-group {
border-bottom: 1px solid #ececec;
margin: 0px 0px 21px;
}
.careplus-gallery-filterable ul li a {
font-size: 16px;
padding: 2px 0px 15px;
border-radius: 2px;
color: #868686;
border-bottom: 3px solid #ffffff;
position: relative;
letter-spacing: 1px;
}
.careplus-gallery-filterable ul li a:before {
content: '';
position: absolute;
left: 50%;
bottom: 0px;
border-left: 8px solid transparent;
border-right: 8px solid transparent;
border-bottom: 5px solid #ffffff;
margin: 0px 0px 0px -8px;
}
.careplus-gallery-filterable ul li a.is-checked { border-bottom: 3px solid;}
.careplus-gallery ul li {
list-style: none;
margin-bottom: 30px;
}
.careplus-plane-gallery ul li figure { margin-bottom: 0px; overflow: hidden;}
.careplus-plane-gallery figure figcaption {
left: 0;
position: absolute;
top: 50%;
text-align: center;
width: 100%;
z-index: 2;
margin: -52px 0px 0px 0px;
padding: 0px 30px;
}
.careplus-plane-gallery figure > a { position: relative;}
.careplus-plane-gallery figure > a:before {
content: '';
position: absolute;
left: 11px;
top: 11px;
width: 92%;
height: 91%;
opacity: 0;
}
.careplus-plane-gallery ul li:hover figure > a:before { opacity: .85;}
.careplus-plane-gallery figure:before {
content: '';
position: absolute;
left: 23px;
top: 23px;
width: 0%;
height: 1px;
z-index: 1;
opacity: 0;
}
.careplus-plane-gallery figure:after {
content: '';
position: absolute;
left: 23px;
top: 23px;
width: 1px;
height: 0%;
opacity: 0;
}
.careplus-plane-gallery figure span {
position: absolute;
right: 0px;
bottom: 0px;
width: 100%;
height: 100%;
}
.careplus-plane-gallery figure span:before {
content: '';
position: absolute;
right: 23px;
bottom: 23px;
width: 0%;
height: 1px;
z-index: 1;
opacity: 0;
}
.careplus-plane-gallery ul li:hover figure:before,.careplus-plane-gallery ul li:hover figure span:before { opacity: 1; width: 87%;}
.careplus-plane-gallery figure span:after {
content: '';
position: absolute;
right: 23px;
bottom: 23px;
width: 1px;
height: 0%;
z-index: 1;
opacity: 0;
}
.careplus-plane-gallery ul li:hover figure span:after,.careplus-plane-gallery ul li:hover figure:after { opacity: 1; height: 87%;}
.careplus-plane-gallery figure figcaption > a {
display: inline-block;
font-size: 22px;
width: 45px;
height: 45px;
border: 1px solid;
text-align: center;
padding: 10px 0px 0px;
margin: 0px 0px 23px;
opacity: 0;
}
.careplus-plane-gallery ul li:hover figure figcaption > a,.careplus-plane-gallery ul li:hover figure figcaption > h2 { opacity: 1; }
.careplus-plane-gallery figure figcaption > h2 {
color: #ffffff;
font-weight: bold;
margin: 0px;
opacity: 0;
font-size: 16px;
}
/*careplus Tabs*/
.careplus-tabs,.careplus-tabs-thumb span,.careplus-tabs-thumb span img,.careplus-tab-wrap,.careplus-tabs-list {
float: left;
width: 100%;
}
.careplus-tabs-thumb {
position: absolute;
left: 0px;
top: 0px;
width: 33.333%;
}
.careplus-tabs { margin: 5px 0px 0px;}
.careplus-tabs-thumb span {
margin: 0px;
width: 800px;
position: relative;
}
.careplus-tabs-thumb span:before {
content: '';
position: absolute;
left: 0px;
top: 0px;
height: 100%;
width: 100%;
opacity: 0.75;
}
.careplus-images-list-layer > span {
width: 126px;
height: 95px;
margin: 0px 0px 22px 0px;
color: #ffffff;
cursor: pointer;
float: left;
font-size: 57px;
border: 1px solid #ffffff;
text-align: center;
position: relative;
}
.careplus-images-list-layer.slick-slide.slick-current.slick-active > span { background-color: #ffffff; color: #aaaaaa;}
.careplus-images-list-layer.slick-slide.slick-current.slick-active > span:before {
content: '';
position: absolute;
left: 0px;
bottom: -5px;
width: 51%;
height: 8px;
background-color: #ffffff;
}
.careplus-images-list-layer.slick-slide.slick-current.slick-active span:after {
content: '';
position: absolute;
right: 0px;
bottom: -5px;
width: 51%;
height: 8px;
background-color: #ffffff;
}
.careplus-tabs-text {
float: left;
width: 100%;
}
.careplus-tabs-text h4 {
margin: 0px 0px 19px;
font-weight: bold;
color: #ffffff;
}
.careplus-tabs-text p {
float: left;
width: 100%;
margin: 0px 0px 18px;
color: #ffffff;
}
.careplus-tab-color {
float: left;
width: 100%;
position: relative;
}
.careplus-tab-wrap {
position: relative;
padding: 68px 0px 67px;
}
.careplus-tab-color .col-md-8 { float: right;}
.careplus-tab-color .careplus-content-post-title span i { color: #ffffff;}
.careplus-tab-color .careplus-readmore-btn:before,.careplus-tab-color .careplus-readmore-btn:after,
.careplus-tab-color .careplus-readmore-btn span:before,.careplus-tab-color .careplus-readmore-btn span:after { background-color: #ffffff;}
.careplus-tab-color .careplus-readmore-btn {
color: #ffffff;
font-weight: 400;
margin: 26px 0px 8px 9px;
padding: 13px 20px;
}
.careplus-tab-color .careplus-content-post-title { margin: 0px 0px 29px;}
.careplus-tabs-thumb:after {
content: '';
position: absolute;
right: 0px;
top: 0px;
border-bottom: 202px solid transparent;
border-right: 52px solid;
border-top: 439px solid transparent;
}
/*careplus-department-counter*/
.careplus-department-counter {
float: left;
width: 100%;
}
.careplus-department-counter ul li {
float: left;
width: 25%;
padding: 67px 35px 68px 0;
position: relative;
list-style: none;
line-height: 1;
background: -webkit-linear-gradient(left, rgba(31,72,89,1) 0%, rgba(8,54,75,1) 89%);
background: -moz-linear-gradient(left, rgba(31,72,89,1) 0%, rgba(8,54,75,1) 89%);
background: -ms-linear-gradient(left, rgba(31,72,89,1) 0%, rgba(8,54,75,1) 89%);
background: -o-linear-gradient(left, rgba(31,72,89,1) 0%, rgba(8,54,75,1) 89%);
background: linear-gradient(left, rgba(31,72,89,1) 0%, rgba(8,54,75,1) 89%);
}
.careplus-department-counter ul li i {
font-size: 150px;
position: absolute;
left: 0px;
top: 19px;
color: #ffffff;
opacity: 0.10;
}
.careplus-department-counter ul li span {
bottom: -42px;
color: #ffffff;
font-size: 80px;
font-weight: bold;
left: -24px;
position: absolute;
}
.careplus-department-counter ul li h6 {
font-weight: 400;
margin: 0px;
float: right;
color: #ffffff;
background-color: #13455c;
padding: 3px 35px 7px 85px;
border-radius: 25px;
position: relative;
}
/*Testimonial*/
.careplus-testimonial,.careplus-testimonial-wrap,.careplus-testimonial-wrap figure img,.careplus-testimonial-text {
float: left;
width: 100%;
}
.careplus-testimonial ul li {
list-style: none;
margin: 0px 0px 30px;
}
.careplus-testimonial-wrap {
text-align: center;
background-color: #f5f5f5;
padding: 40px 33px 35px;
position: relative;
}
.careplus-testimonial-wrap:before {
content: '';
position: absolute;
left: 0px;
top: 0px;
border-top: 80px solid;
border-right: 80px solid transparent;
}
.careplus-testimonial-wrap i {
font-size: 47px;
color: #ffffff;
position: absolute;
left: 14px;
top: 9px;
opacity: 0.3;
}
.careplus-testimonial-wrap figure {
display: inline-block;
width: 70px;
margin: 0px 0px 6px;
}
.careplus-testimonial-wrap figure img { border-radius: 100%;}
.careplus-testimonial-text { line-height: 1;}
.careplus-testimonial-text h6 {
margin: 0px 0px 1px;
font-weight: bold;
line-height: 1.2;
}
.careplus-testimonial-text span {
font-size: 12px;
color: #888888;
margin: 0px 0px 16px;
display: inline-block;
}
.careplus-testimonial-text p {
margin: 0px;
font-style: italic;
color: #555555;
font-size: 15px;
line-height: 26px;
}
/*PARTNER*/
.careplus-partners,.careplus-partners ul li figure {
float: left;
width: 100%;
}
.careplus-partners { margin: 0px 0px 40px;}
.careplus-partners ul { margin: 0px -20px;}
.careplus-partners ul li {
float: left;
width: 20%;
list-style: none;
padding: 0px 20px;
}
.careplus-partners ul li figure {
margin: 0px;
background: url("//cdn.nexternal.com/assets/images/base/partner-layer.png");
}
.careplus-partners ul li:hover figure { opacity: 0.5;}
.careplus-partners ul li figure span {
position: absolute;
left: 50%;
top: -35px;
opacity: 0;
visibility: hidden;
font-size: 14px;
color: #fff;
padding: 2px 10px 2px 12px;
border-bottom: 2px solid;
letter-spacing: 1px;
margin: 0px 0px 0px -56px;
z-index: -1;
}
.careplus-partners ul li:hover figure span {
opacity: 1;
visibility: visible;
top: -51px;
}
.careplus-partners ul li figure span:before {
content: '';
position: absolute;
left: 50%;
bottom: -9px;
border-left: 7px solid transparent;
border-right: 7px solid transparent;
border-top: 8px solid;
margin: 0px 0px 0px -7px;
}
/*Footer*/
#careplus-footer {
float: left;
width: 100%;
position: relative;
overflow: hidden;
}
/* Footer One */
.careplus-footer-one:before {
content: '';
/*background: url(images/footer-shape.png);*/
content: "";
height: 100%;
left: 184px;
position: absolute;
top: 0;
width: 138px;
z-index: 1;
}
.careplus-footer-transparent {
position: absolute;
left: 0px;
top: 0px;
width: 100%;
height: 100%;
opacity: 0.95;
}
/* Footer Widget */
.careplus-footer-widget {
float: left;
width: 100%;
padding: 65px 0px 2px 0px;
position: relative;
z-index: 1;
}
.careplus-footer-widget .widget { margin-bottom: 30px; }
/*widget_contact_info*/
.footer-logo {
float: left;
margin: 0px 0px 31px;
}
.widget_contact_info p {
margin: 0px 0px 36px;
color: #ffffff;
float: left;
width: 100%;
}
.widget_contact_info ul,.widget_contact_info ul li {
float: left;
width: 100%;
}
.widget_contact_info ul li {
list-style: none;
margin: 0px 0px 16px;
}
.widget_contact_info ul li h6 {
float: left;
margin: 0px;
width: 32%;
}
.widget_contact_info ul li span,.widget_contact_info ul li a {
float: left;
color: #ffffff;
}
/*careplus-footer-title*/
.careplus-footer-title {
margin: 0px;
color: #ffffff;
font-size: 20px;
line-height: 0.7;
position: relative;
padding: 0px 0px 10px;
margin: 0px 0px 15px;
font-weight: bold;
}
.careplus-footer-title:before {
content: '';
position: absolute;
left: 0px;
bottom: 0px;
width: 60px;
height: 1px;
}
.careplus-footer-title:after {
content: '';
position: absolute;
left: 0px;
bottom: 3px;
width: 40px;
height: 1px;
}
/*widget_useful_link*/
.widget_useful_link ul {
float: left;
width: 100%;
}
.widget_useful_link ul li {
float: left;
width: 50%;
list-style: none;
margin: 0px 0px 5px;
}
.widget_useful_link ul li a {
float: left;
position: relative;
color: #ffffff;
padding: 0px 0px 0px 16px;
}
.widget_useful_link ul li:hover a { padding: 0px 0px 0px 25px;}
.widget_useful_link ul li a:before {
content: '';
position: absolute;
left: 0px;
top: 10px;
height: 10px;
width: 1px;
background-color: #ffffff;
}
.widget_useful_link ul li:hover a:before {
left: 4px;
}
/*widget_newsletter*/
.widget_newsletter p {
margin: 0px 0px 24px;
color: #ffffff;
}
.widget_newsletter form,.widget_newsletter form ul li,.widget_newsletter form ul li input[type="text"],
.widget_newsletter form ul li input[type="email"] {
float: left;
width: 100%;
}
.widget_newsletter form ul li {
list-style: none;
margin: 0px 0px 20px;
}
.widget_newsletter form ul li input[type="text"],
.widget_newsletter form ul li input[type="email"] {
background-color: rgba(255,255,255,0.10);
font-size: 12px;
color: #c2c2c2;
height: 35px;
font-style: italic;
padding-left: 15px;
}
.widget_newsletter form ul li label {
float: left;
margin: 10px 0px 0px;
position: relative;
}
.widget_newsletter form ul li input[type="submit"],
.widget_newsletter form ul li input[type="submit"] {
border: none;
background-color: transparent;
padding: 3px 28px 4px;
color: #ffffff;
letter-spacing: 0.5px;
}
.widget_newsletter form ul li label:before {
content: '';
position: absolute;
left: 0px;
top: 0px;
width: 128px;
height: 1px;
background-color: #ffffff;
}
.widget_newsletter form ul li label:after {
content: '';
position: absolute;
left: 0px;
top: 0px;
width: 1px;
height: 42px;
background-color: #ffffff;
}
.widget_newsletter form ul li label span {
position: absolute;
right: 0px;
bottom: 0px;
}
.widget_newsletter form ul li label span:before {
content: '';
position: absolute;
right: 0px;
bottom: 0px;
width: 128px;
height: 1px;
background-color: #ffffff;
}
.widget_newsletter form ul li label span:after {
content: '';
position: absolute;
right: 0px;
bottom: 0px;
width: 1px;
height: 42px;
background-color: #ffffff;
}
/*Copyright*/
.careplus-copyright {
float: left;
width: 100%;
position: relative;
padding: 23px 0px 21px;
}
.careplus-copyright:before {
content: '';
position: absolute;
left: 0px;
top: 0px;
width: 50%;
height: 1px;
background-color: #ffffff;
opacity: 0.2;
margin: 0px 0px 0px -26px;
}
.careplus-copyright:after {
content: '';
position: absolute;
right: 0px;
top: 0px;
width: 50%;
height: 1px;
background-color: #ffffff;
opacity: 0.2;
margin: 0px -26px 0px 0px;
}
.careplus-back-top:before {
content: '';
position: absolute;
left: 11px;
height: 38px;
width: 1px;
background-color: #ffffff;
bottom: -6px;
opacity: 0.4;
}
.careplus-back-top:after {
background-color: #ffffff;
bottom: -6px;
content: "";
height: 38px;
position: absolute;
right: 12px;
width: 1px;
opacity: 0.4;
}
.careplus-back-top {
color: #ffffff;
left: 50%;
margin: 0 0 0 -24px;
position: absolute;
text-align: center;
top: -39px;
width: 50px;
z-index: 1;
height: 17px;
}
.careplus-copyright p {
margin: 0px;
float: left;
color: #ffffff;
}
.careplus-copyright p a { color: #ffffff;}
/*careplus-footer-social*/
.careplus-footer-social li {
float: left;
margin: 0px 0px 0px 15px;
list-style: none;
}
.careplus-footer-social li a { color: #ffffff; font-size: 30px;}
/* SubHeader */
.careplus-breadcrumb,.careplus-subheader {
float: left;
width: 100%;
}
.careplus-subheader-image {
background: url(images/cr-figure.png);
min-height: 250px;
padding: 84px 0 0;
position: relative;
text-align: center;
background-position: right bottom;
}
.careplus-dark-transparent {
position: absolute;
left: 0px;
top: 0px;
width: 100%;
height: 100%;
opacity: 0.8;
}
.careplus-subheader-image h1 {
font-size: 34px;
color: #ffffff;
font-weight: bold;
margin-bottom: 2px;
text-transform: uppercase;
letter-spacing: 2.3px;
}
.careplus-subheader-image span {
color: #ffffff;
letter-spacing: 1px;
}
.careplus-breadcrumb {
padding: 15px 0px 17px;
position: relative;
background-color: #93B2D1;
}
.careplus-breadcrumb:before {
content: '';
border-left: 15px solid transparent;
border-right: 15px solid transparent;
border-bottom: 10px solid;
position: absolute;
left: 50%;
top: -10px;
margin: 0px 0px 0px -16px;
}
.careplus-breadcrumb ul li {
display: inline-block;
list-style: none;
position: relative;
padding: 0px 13px 0px 0px;
font-weight: bold;
font-size: 15px;
color: #ffffff;
}
.careplus-breadcrumb ul .active { font-style: italic;}
.careplus-breadcrumb ul li:first-child:before { display: none; }
.careplus-breadcrumb ul li:before {
content: "";
background-color: #fff;
width: 2px;
height: 13px;
position: absolute;
left: -9px;
bottom: 7px;
}
.careplus-breadcrumb ul li a { color: #ffffff;}
/* SubHeader */
/*About Us*/
.careplus-about-service,.careplus-about-service-list,.careplus-about-image,.careplus-about-image img {
/*float: left;*/
max-width: 100%;
}
.careplus-about-image {
margin-bottom: 40px;
}
.careplus-about-service h1 {
margin: 0px 0px 31px;
font-size: 26px;
font-weight: bold;
line-height: 0.9;
letter-spacing: 1.3px;
}
.careplus-about-service h6 {
margin: 0px 0px 15px;
font-weight: bold;
letter-spacing: 1px;
line-height: 28px;
}
.careplus-about-service > p { margin: 0px 0px 30px;}
.careplus-about-service-list li {
list-style: none;
float: left;
width: 50%;
margin: 0px 0px 25px;
}
.careplus-about-service-list li h2 {
padding: 0px 0px 0px 26px;
margin: 0px 0px 13px;
font-weight: bold;
position: relative;
line-height: 1;
text-transform: uppercase;
}
.careplus-about-service-list li h6 i {
position: absolute;
left: 0px;
top: 3px;
font-size: 15px;
}
.careplus-about-service-list li p {
margin: 0px;
padding: 0px 38px 0px 0px;
letter-spacing: 0.4px;
}
.careplus-about-image {
margin: 0px;
}
/*.careplus-about-image:before {
content: '';
position: absolute;
left: 0px;
width: 100%;
height: 100%;
border: 1px dashed;
z-index: -1;
}*/
/*careplus-about-post*/
.careplus-about-transparent {
position: absolute;
left: 0px;
top: 0px;
width: 100%;
height: 100%;
opacity: 0.8;
}
.careplus-about-post-text {
float: left;
width: 100%;
text-align: center;
}
.careplus-about-post-text h2 {
margin: 0px 0px 38px;
font-size: 30px;
color: #ffffff;
font-weight: bold;
display: inline-block;
width: 65%;
letter-spacing: 1.6px;
line-height: 40px;
}
.careplus-about-post-text .careplus-readmore-btn {
line-height: 2;
color: #ffffff;
font-size: 15px;
padding: 4px 21px 6px;
font-weight: 400;
}
.careplus-about-post-text .careplus-readmore-btn:before,.careplus-about-post-text .careplus-readmore-btn:after,
.careplus-about-post-text .careplus-readmore-btn span:before,.careplus-about-post-text .careplus-readmore-btn span:after { background-color: #ffffff;}
/*Team Modern*/
.careplus-team-modern figure,.careplus-team-modern figure > a,.careplus-team-modern figure a img,.careplus-team-modern-text,.carelus-team-social {
float: left;
width: 100%;
}
.careplus-team-modern figure { margin: 0px; overflow: hidden;}
.careplus-team-modern figure:before {
content: '';
position: absolute;
left: 0px;
bottom: 0px;
height: 10px;
width: 100%;
z-index: 1;
}
.careplus-team-modern figure:after {
content: '';
position: absolute;
left: 50%;
bottom: 10px;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
border-bottom: 10px solid;
margin: 0px 0px 0px -10px;
}
.careplus-team-modern figure figcaption {
width: 100%;
position: absolute;
left: 0px;
bottom: 0%;
opacity: 0;
text-align: center;
margin: 0px 0px -56px;
z-index: 3;
}
.careplus-team-modern ul li:hover figure figcaption {
opacity: 1;
bottom: 50%;
}
.carelus-team-social { margin: 0px;}
.carelus-team-social li {
list-style: none;
display: inline-block;
margin: 0px 9px 0px 0px;
}
.carelus-team-social li a {
font-size: 18px;
}
.careplus-team-modern figure > a {
position: relative;
overflow: hidden;
}
.careplus-team-modern figure > a:before {
content: '';
position: absolute;
left: 0px;
bottom: 0px;
width: 100%;
height: 0%;
opacity: 0;
z-index: 2;
}
.careplus-team-modern ul li:hover figure > a:before {
height: 100%;
opacity: 1;
}
.careplus-team-modern figure a span {
position: absolute;
left: 50%;
top: 0%;
font-size: 15px;
width: 50px;
height: 50px;
text-align: center;
padding: 12px 0px 0px;
margin: -53px 0px 0px -24px;
opacity: 0;
z-index: 3;
}
.careplus-team-modern ul li:hover figure a span {
opacity: 1;
top: 50%;
}
.careplus-team-modern figure a span:before {
content: '';
position: absolute;
left: 0px;
top: 0px;
width: 55px;
height: 1px;
}
.careplus-team-modern figure a span:after {
content: '';
position: absolute;
left: 0px;
top: 0px;
width: 1px;
height: 55px;
}
.careplus-team-modern figure a span small {
position: absolute;
right: 0px;
bottom: 0px;
}
.careplus-team-modern figure a span small:before {
content: '';
position: absolute;
right: 0px;
bottom: 0px;
width: 55px;
height: 1px;
}
.careplus-team-modern figure a span small:after {
content: '';
position: absolute;
right: 0px;
bottom: 0px;
width: 1px;
height: 55px;
}
.careplus-team-modern-text {
background-color: #f5f5f5;
text-align: center;
line-height: 1;
position: relative;
padding: 13px 0px 19px;
position: relative;
z-index: 1;
}
.careplus-team-modern-text:before {
content: '';
position: absolute;
left: 0px;
top: -2px;
background-color: #f5f5f5;
width: 50%;
height: 5px;
}
.careplus-team-modern-text:after {
content: '';
position: absolute;
right: 0px;
top: -2px;
background-color: #f5f5f5;
width: 51%;
height: 5px;
}
.careplus-team-modern-text h2 {
margin: 0px;
font-weight: bold;
}
.careplus-team-modern-text span {
color: #868686;
font-size: 12px;
letter-spacing: 1px;
display: block;
line-height: 18px;
}
/*Blog Detail*/
.careplus-blog-thumb,.careplus-blog-thumb img,.careplus-thumb-heading,.careplus-rich-editor,.careplus-post-tags {
float: left;
width: 100%;
}
.careplus-blog-thumb { margin: 0px;}
.careplus-thumb-heading {
padding: 25px 30px;
margin: 0px 0px 32px;
}
.careplus-thumb-heading h2 {
float: left;
margin: 0px;
color: #ffffff;
font-size: 20px;
font-weight: bold;
}
.careplus-blog-option {
float: right;
}
.careplus-blog-option li {
float: left;
list-style: none;
margin: 0px 21px 0px 0px;
font-size: 13px;
color: #ffffff;
}
.careplus-blog-option li:last-child { margin-right: 0px;}
.careplus-blog-option li i {
margin: 0px 8px 0px 0px;
}
.careplus-rich-editor p {
margin: 0px 0px 26px;
letter-spacing: 0.9px;
}
.block-form {
float: left;
width: 100%;
border: none;
color: #071a4a;
font-weight: bold;
font-size: 16px;
font-style: italic;
padding: 37px 30px 28px;
letter-spacing: 1.3px;
line-height: 26px;
margin: 28px 0px 32px;
position: relative;
}
blockquote {
width: 100%;
border: none;
color: #071a4a;
font-weight: bold;
font-size: 16px;
font-style: italic;
padding: 28px 30px;
letter-spacing: .2px;
line-height: 26px;
margin: 28px 0px 32px;
position: relative;
}
blockquote i, .block-form i {
position: absolute;
left: 23px;
top: -20px;
font-size: 30px;
width: 55px;
height: 55px;
text-align: center;
padding: 13px 0px 0px 0px;
color: #ffffff;
}
/*Post Tags*/
.careplus-post-tags {
border-bottom: 1px solid #ececec;
border-top: 1px solid #ececec;
padding: 14px 0px 16px 0;
margin: 8px 0 40px;
}
.careplus-tags,.careplus-tags span,.careplus-tags a { float: left;}
.careplus-tags span {
font-weight: 600;
font-size: 17px;
margin: 0px 19px 0px 0px;
}
.careplus-tags span i {
float: left;
font-size: 16px;
margin: 6px 10px 0px 0px;
}
.careplus-blog-social,.careplus-blog-social ul { float: right;}
.careplus-tags a {
margin-left: 4px;
padding: 3px 0 0;
margin: 0px 11px 0px 0px;
color: #888888;
}
.careplus-blog-social span {
font-weight: 600;
font-size: 17px;
}
.careplus-blog-social span i {
font-size: 16px;
margin: 6px 14px 0px 0px;
float: left;
}
.careplus-blog-social ul li {
float: left;
list-style: none;
margin: 0px 0px 0px 15px;
}
.careplus-blog-social ul li a {
float: left;
color: #888888;
margin: 5px 0px 0px;
font-size: 16px;
}
/*next-prev-post*/
.careplus-prenxt-post {
float: left;
width: 100%;
margin: 0px 0px 48px;
}
.careplus-prenxt-post ul { margin: 0px -15px;}
.careplus-prenxt-post ul li {
list-style: none;
float: left;
width: 50%;
padding: 0px 15px;
}
.careplus-prev-post,.careplus-next-post {
float: left;
width: 100%;
padding: 17px 20px 17px 0px;
position: relative;
}
.careplus-next-post { padding: 17px 0px 17px 20px;}
.careplus-prev-post:before,.careplus-next-post:before {
background-color: #ececec;
content: "";
height: 1px;
left: 0;
position: absolute;
top: 0px;
width: 100%;
}
.careplus-prenxt-post ul li:hover .careplus-prev-post:before,
.careplus-prenxt-post ul li:hover .careplus-next-post:before {
width: 103%;
}
.careplus-prev-post:after,.careplus-next-post:after {
background-color: #ececec;
top: 0px;
content: "";
height: 100%;
left: 0;
position: absolute;
width: 1px;
}
.careplus-prenxt-post ul li:hover .careplus-prev-post:after,
.careplus-prenxt-post ul li:hover .careplus-next-post:after {
height: 112%;
}
.careplus-prev-post span,.careplus-next-post span {
position: absolute;
right: 0px;
bottom: 0px;
width: 100%;
height: 100%;
z-index: -1;
}
.careplus-prev-post span:before,.careplus-next-post span:before {
content: '';
position: absolute;
right: 0px;
bottom: 0px;
width: 100%;
height: 1px;
background-color: #ececec;
}
.careplus-prenxt-post ul li:hover .careplus-prev-post span:before,
.careplus-prenxt-post ul li:hover .careplus-next-post span:before {
width: 103%;
}
.careplus-prev-post span:after,.careplus-next-post span:after {
content: '';
position: absolute;
right: 0px;
bottom: 0px;
width: 1px;
height: 100%;
background-color: #ececec;
}
.careplus-prenxt-post ul li:hover .careplus-prev-post span:after,
.careplus-prenxt-post ul li:hover .careplus-next-post span:after {
height: 112%;
}
.careplus-prev-post h3,.careplus-next-post h3 {
float: left;
font-size: 16px;
line-height: 1.3;
margin: 0px 0px 4px;
font-weight: bold;
}
.careplus-prev-post h3 { float: right; text-align: right;}
.careplus-post-arrow {
float: right;
font-size: 12px;
color: #666666;
line-height: 1.5;
font-style: italic;
}
.careplus-post-arrow i { margin: 0px 6px 0px 0px;}
.careplus-next-post > .careplus-post-arrow { float: left; }
.careplus-next-post > .careplus-post-arrow i { margin: 0px 0px 0px 6px;}
/*section heading*/
.careplus-section-heading,.careplus-related-blog,.careplus-related-blog-text p {
float: left;
width: 100%;
}
.careplus-section-heading { margin: 10px 0px 10px;}
.careplus-section-heading h2 {
margin: 0px;
font-weight: bold;
font-size: 20px;
position: relative;
line-height: 1;
padding: 0px 0px 15px;
}
.careplus-section-heading h2:before {
content: '';
position: absolute;
left: 0px;
bottom: 0px;
width: 60px;
height: 1px;
}
.careplus-section-heading h2:after {
content: '';
position: absolute;
left: 0px;
bottom: 3px;
width: 40px;
height: 1px;
}
/*Related Blog*/
.careplus-related-blog { margin: 0px 0px 18px;}
.careplus-related-blog > ul > li {
list-style: none;
margin: 0px 0px 30px;
}
.careplus-related-blog figure {
float: left;
width: 220px;
margin: 0px;
}
.careplus-related-blog-text {
float: right;
width: 100%;
background-color: #f5f5f5;
padding: 35px 12px 29px 30px;
margin: 20px 0 0 -90px;
position: relative;
}
.careplus-related-blog-text:before {
content: '';
position: absolute;
left: 0px;
bottom: 0px;
width: 100%;
height: 5px;
background-color: #e9e9e9;
}
.careplus-related-blog-text:after {
content: '';
position: absolute;
right: 0px;
bottom: 0px;
border-bottom: 40px solid #e9e9e9;
border-left: 40px solid transparent;
}
.careplus-related-blog-text > a {
position: absolute;
color: #999999;
bottom: 0px;
right: 0px;
width: 20px;
height: 20px;
text-align: center;
padding: 0px 0px 0px;
z-index: 1;
}
.careplus-related-blog > ul > li:hover .careplus-related-blog-text > a { color: #ffffff;}
.careplus-related-blog-text h3 {
margin: 0px 0px 1px;
font-weight: bold;
line-height: 24px;
font-size: 18px;
}
.careplus-related-blog-text .careplus-blog-option {
float: left;
margin: 0px 0px 9px;
}
.careplus-blog-option li a,.careplus-related-blog-text .careplus-blog-option li { color: #888888;}
.careplus-related-blog-text .careplus-blog-option li:last-child { margin: 0px;}
.careplus-related-blog-text .careplus-blog-option li { margin: 0 16px 0 0;}
.careplus-related-blog-text p { margin: 0px;}
/*comment area*/
.comments-area,.comment-list,.comment-list li,.comment-list li figure a img,.comment-list > ul > li,.comment-list .thumblist,
.comment-list li img,.thumb-list {
float: left;
width: 100%;
}
.comment-list .children {
padding-left: 110px;
margin: 0px;
}
.comment-list > ul > li {
margin: 0px 0px 0px 0px;
list-style: none;
}
.comment-list .thumblist > ul {margin: 0px;}
.comment-list li {list-style: none;}
.comment-list li figure {
float: left;
margin: 0px;
width: 80px;
}
.comment-list li figure img { border-radius: 100%;}
.thumb-list {
margin-bottom: 30px;
border-bottom: 1px solid #ececec;
}
.comment-list figure ~ .text-holder {
margin-left: 83px;
position: relative;
padding: 8px 0px 16px 28px;
line-height: 1;
}
.text-holder p {
margin-bottom: 8px;
display: inline-block;
letter-spacing: 0.8px;
}
.text-holder h6 {
font-weight: bold;
line-height: 1;
margin: 0px 0px 5px;
}
.text-holder .post-date {
display: inline-block;
font-size: 12px;
line-height: 1;
color: #999999;
margin: 0px 0px 11px;
}
.comment-reply-link {
position: absolute;
right: 0px;
top: 0px;
font-size: 13px;
color: #999999;
}
.comment-reply-link i {
font-size: 12px;
float: right;
margin: 2px 0px 0px 6px;
}
/* form*/
.comment-respond,.careplus-full-form textarea {
float: left;
width: 100%;
}
.comment-respond {
margin: 0px 0px 10px;
padding: 15px;
border: dotted #555 2px;
}
.comment-respond form { margin: 0px -15px;}
.comment-respond form div {
list-style-type: none;
margin-bottom: 30px;
padding: 0 15px 0;
}
.comment-respond form p i {
position: absolute;
right: 31px;
bottom: 18px;
font-size: 12px;
color: #999999;
}
.comment-respond form > .careplus-full-form > i {
bottom: auto;
top: 14px;
}
.comment-respond form input[type="text"],
.comment-respond form input[type="email"],
.comment-respond form input[type="password"] {
background-color: transparent;
border: 1px solid #999;
color: #999999;
font-size: 12px;
float: left;
height: 45px;
margin: 0;
padding-left: 15px;
width: 100%;
font-weight: bold;
}
.comment-respond form > .careplus-full-form {
float: right;
width: 100%;
}
.careplus-full-form textarea {
height: 205px;
color: #424242;
font-size: 12px;
padding-left: 15px;
padding-top: 8px;
background-color: transparent;
border: 1px solid #999;
font-weight: bold;
}
.comment-respond form input[type="submit"] {
border: 1px solid #071a4a;
color: #071a4a;
padding: 4px 17px 5px;
}
.subscribe-btn input[type='submit'], .error-page-btn {
border: 1px solid;
color: #ffffff;
padding: 4px 17px 5px;
}
.comment-respond form input[type="submit"]:hover {
background-color: #071a4a;
color: #fff;
}
.comment-respond form label {
margin: 0px;
float: left;
position: relative;
}
.comment-respond form label:before, .subscribe-btn:before {
content: '';
position: absolute;
left: -5px;
bottom: 0px;
height: 1px;
width: 5px;
}
.comment-respond form label:after, .subscribe-btn:after {
content: '';
position: absolute;
left: 0px;
bottom: -5px;
height: 5px;
width: 1px;
}
.comment-respond form label span {
position: absolute;
right: 0px;
top: 0px;
}
.comment-respond form label span:before {
content: '';
position: absolute;
right: -5px;
top: 0px;
height: 1px;
width: 5px;
}
.comment-respond form label span:after {
content: '';
position: absolute;
right: 0px;
top: -5px;
height: 5px;
width: 1px;
}
.comment-list li .children > li .thumb-list { margin-bottom: 30px;}
.comment-list { margin: 0px 0px 17px;}
/*SideBar*/
/* Widget Search Form */
.careplus-main-content .widget { margin: 0px 0px 50px;}
.widget.widget_department { margin: 0px 0px 34px;}
.widget.widget_cetagories { margin: 0px 0px 42px;}
.widget.widget-gallery { margin: 0px 0px 40px;}
.widget_search,.widget_search form input[type="text"],.widget_search form {
float: left;
width: 100%;
}
.widget_search form { position: relative;}
.widget_search form input[type="text"] {
height: 40px;
color: #999999;
font-style: italic;
font-size: 12px;
padding: 3px 20px 3px 15px;
background-color: transparent;
border: 1px solid #ececec;
position: relative;
}
.widget_search form label { margin: 0px;}
.widget_search form label:before {
position: absolute;
content: "\f002";
font-family: FontAwesome;
right: 16px;
font-size: 12px;
color: #999999;
z-index: 1;
bottom: 11px;
cursor: pointer;
}
.widget_search form input[type="submit"] {
position: absolute;
width: 50px;
border: none;
right: 0px;
bottom: 0px;
height: 50px;
background-color: transparent;
}
/* Widget Search Form */
/*Widget-heading*/
.careplus-widget-heading {
float: left;
width: 100%;
margin: 0px 0px 30px;
}
.careplus-widget-heading h2 {
margin: 0px;
padding: 0px 0px 15px;
position: relative;
font-size: 20px;
font-weight: bold;
line-height: 0.9;
}
.careplus-widget-heading h2:before {
content: '';
position: absolute;
left: 0px;
bottom: 0px;
width: 60px;
height: 1px;
}
.careplus-widget-heading h2:after {
content: '';
position: absolute;
left: 0px;
bottom: 3px;
width: 40px;
height: 1px;
}
/* Widget Cetagories */
.widget_department{
float: left;
width: 100%;
}
.widget_department ul { margin: 0px 0px 0px -15px;}
.widget_department ul li {
list-style: none;
float: left;
padding: 0px 0px 0px 15px;
margin: 0px 0px 15px;
width: 33.333%;
}
.widget_department ul li a {
display: inline-block;
width: 100%;
height: 77px;
text-align: center;
color: #ffffff;
font-size: 40px;
padding: 19px 0px 0px;
}
.widget_department ul li a i {
display: inline-block;
}
/* Widget Cetagories */
/*Widget Archive*/
.widget_cetagories,.widget_cetagories ul li,.widget_cetagories ul li a {
float: left;
width: 100%;
}
.widget_cetagories ul li {
list-style: none;
margin: 0px 0px 8px;
border-bottom: 1px solid #ececec;
padding: 3px 0px 11px;
}
.widget_cetagories ul li:last-child {
margin: 0px;
border-bottom: none;
padding-bottom: 0px;
}
.widget_cetagories ul li a {
float: left;
padding: 0px 0px 0px 16px;
position: relative;
overflow: hidden;
}
.widget_cetagories ul li:hover a {
padding: 0px 0px 0px 27px;
}
.widget_cetagories ul li a:before {
content: '';
position: absolute;
left: 0px;
top: 8px;
width: 1px;
height: 12px;
}
.widget_cetagories ul li:hover a:before {
left: 5px;
}
.widget_cetagories ul li a span {float: right;}
/*Widget Archive*/
.widget_populer_posts,.widget_populer_posts ul li {
float: left;
width: 100%;
}
.widget_populer_posts ul li {
list-style: none;
margin: 0px 0px 30px;
}
.widget_populer_posts figure {
float: left;
width: 70px;
margin: 0px;
}
.widget_populer_posts figure ~ section {
margin: 0px 0 0 70px;
padding: 0 0px 0 20px;
line-height: 1;
}
.widget_populer_posts section h3 {
margin: 0px 0px 8px;
font-weight: bold;
font-size: 14px;
line-height: 19px;
}
.widget_populer_posts section time {
color: #000;
padding: 0px;
font-size: 12px;
background-color: transparent;
}
.widget_populer_posts section time i {
font-size: 10px;
float: left;
margin: 3px 10px 0px 0px;
}
.widget_populer_posts ul li:last-child { margin: 0px;}
/* popular post*/
/*Gallery*/
.widget-gallery,.widget-gallery a,.widget-gallery a img {
float: left;
width: 100%;
}
.widget-gallery ul { margin: 0px -5px;}
.widget-gallery ul li {
float: left;
max-width: 100%;
margin: 0px 0px 10px;
padding: 0px 25px 0px 10px;
list-style: none;
}
.widget-gallery a {
position: relative;
overflow: hidden;
}
.widget-gallery a:before {
content: '';
position: absolute;
left: 0px;
top: 0px;
width: 100%;
height: 100%;
opacity: 0;
}
.widget-gallery ul li:hover a:before { opacity: 0.75;}
.widget-gallery a span {
position: absolute;
left: 28%;
top: 50%;
font-size: 16px;
color: #ffffff;
opacity: 0;
margin: -7px 0px 0px -4px;
}
.widget-gallery ul li:hover a span { opacity: 1; }
/*Blog Grid*/
.careplus-blog-grid figure a,.careplus-blog-grid figure a img,.careplus-blog-grid-text {
float: left;
width: 100%;
}
.careplus-blog-grid figure { margin: 0px;}
.careplus-blog-grid figure > time {
position: absolute;
left: 0px;
top: 0px;
width: 65px;
height: 65px;
font-weight: bold;
font-size: 16px;
text-align: center;
color: #ffffff;
line-height: 20px;
padding: 12px 10px 0px;
opacity: 1;
}
.careplus-blog-grid ul li:hover figure > time { opacity: 0;}
.careplus-blog-grid figure a {
position: relative;
overflow: hidden;
}
.careplus-blog-grid figure a:before {
content: '';
position: absolute;
left: 0px;
bottom: 0px;
width: 100%;
height: 0%;
opacity: 0;
}
/*.careplus-blog-grid ul li:hover figure a:before { opacity: 1; height: 100%;}*/
.careplus-blog-grid figure a span {
position: absolute;
left: 50%;
top: 50%;
font-size: 18px;
width: 55px;
height: 55px;
text-align: center;
padding: 13px 0px 0px;
margin: -27px 0px 0px -27px;
opacity: 0;
}
.careplus-blog-grid ul li:hover figure a span { opacity: 1;}
.careplus-blog-grid figure a span:before {
content: '';
position: absolute;
left: 0px;
top: 0px;
width: 0px;
height: 1px;
}
.careplus-blog-grid ul li:hover figure a span:before { width: 64px;}
.careplus-blog-grid figure a span:after {
content: '';
position: absolute;
left: 0px;
top: 0px;
width: 1px;
height: 0px;
}
.careplus-blog-grid ul li:hover figure a span:after { height: 63px;}
.careplus-blog-grid figure a span small {
position: absolute;
right: 0px;
bottom: 0px;
}
.careplus-blog-grid figure a span small:before {
content: '';
position: absolute;
right: 0px;
bottom: 0px;
width: 0px;
height: 1px;
}
.careplus-blog-grid ul li:hover figure a span small:before { width: 64px;}
.careplus-blog-grid figure a span small:after {
content: '';
position: absolute;
right: 0px;
bottom: 0px;
width: 1px;
height: 0px;
}
.careplus-blog-grid ul li:hover figure a span small:after { height: 63px;}
.careplus-blog-grid-text {
position: relative;
background-color: #f5f5f5;
border-bottom: 5px solid #eeeeee;
padding: 28px 16px 30px 30px;
position: relative;
}
.careplus-blog-grid-text:before {
content: '';
position: absolute;
right: 0px;
bottom: 0px;
border-bottom: 30px solid #eeeeee;
border-left: 30px solid transparent;
}
.careplus-blog-grid-text h5 {
margin: 0px 0px 0px;
font-weight: bold;
line-height: 18px;
}
.careplus-blog-grid-text p {
margin: 0px 0px 23px;
color: #686868;
float: left;
}
.careplus-blog ul li:hover .careplus-blog-grid-text .careplus-readmore-btn:before,
.careplus-blog ul li:hover .careplus-blog-grid-text .careplus-readmore-btn span:before { width: 106%;}
.careplus-blog ul li:hover .careplus-blog-grid-text .careplus-readmore-btn:after,
.careplus-blog ul li:hover .careplus-blog-grid-text .careplus-readmore-btn span:after { height: 119%;}
.careplus-blog ul li:hover .careplus-blog-grid-text .careplus-readmore-btn { background-color: transparent;}
.careplus-blog-grid-option {
float: left;
width: 100%;
margin: 0px 0px 8px;
}
.careplus-blog-grid-option li {
float: left;
list-style: none;
margin: 0px 3px 0px 0px;
}
.careplus-blog-grid-option li a {
font-size: 12px;
color: #868686;
}
/*pagination*/
.careplus-pagination,.careplus-pagination > ul {
float: left;
width: 100%;
}
.careplus-pagination {
margin: 50px 0 36px;
text-align: center;
}
.careplus-pagination > ul > li {
display: inline-block;
list-style: none;
margin: 0 11px 0 0;
}
.careplus-pagination > ul > li > .next { padding: 7px 10px 4px 11px;}
.careplus-pagination > ul > li > .previous,
.careplus-pagination > ul > li > .next {
line-height: 1.4;
position: relative;
}
.careplus-pagination > ul > li > .previous > span,.careplus-pagination > ul > li > .next > span {
position: absolute;
left: 0px;
bottom: 0px;
width: 100%;
height: 80%;
}
.careplus-pagination > ul > li > .previous span:before,.careplus-pagination > ul > li > .next span:before {
content: '';
position: absolute;
left: -5px;
bottom: -1px;
width: 5px;
height: 1px;
background-color: #ececec;
}
.careplus-pagination > ul > li > .previous span:after,.careplus-pagination > ul > li > .next span:after {
content: '';
position: absolute;
left: -1px;
bottom: -5px;
width: 1px;
height: 5px;
background-color: #ececec;
}
.careplus-pagination > ul > li:hover > .previous,
.careplus-pagination > ul > li:hover > .next { color: #ffffff;}
.careplus-pagination > ul > li > .previous { padding: 7px 9px 4px 10px;}
.careplus-pagination > ul > li > .previous:before,.careplus-pagination > ul > li > .next:before {
content: '';
position: absolute;
right: -5px;
top: -1px;
width: 5px;
height: 1px;
background-color: #ececec;
}
.careplus-pagination > ul > li > .previous:after,.careplus-pagination > ul > li > .next:after {
content: '';
position: absolute;
right: -1px;
top: -5px;
width: 1px;
height: 5px;
background-color: #ececec;
}
.careplus-pagination > ul > li > a,.careplus-pagination > ul > li > span {
border: 1px solid #ececec;
color: #888888;
font-size: 16px;
float: left;
height: 40px;
line-height: 1.6;
padding: 7px 11px;
width: 40px;
}
/*pagination*/
/*Blog Large*/
.careplus-blog-large figure,.careplus-blog-large figure a,.careplus-blog-large a img,.careplus-blog-large-text {
float: left;
width: 100%;
}
.careplus-blog-large figure { margin: 0px;}
.careplus-blog-large figure a {
position: relative;
overflow: hidden;
}
.careplus-blog-large figure a:before {
content: '';
position: absolute;
left: 0px;
top: 0px;
width: 100%;
height: 100%;
opacity: 0;
}
.careplus-blog-large ul li:hover figure a:before { opacity: 1;}
.careplus-blog-large figure a span {
position: absolute;
left: 50%;
top: 50%;
font-size: 16px;
width: 50px;
height: 50px;
text-align: center;
padding: 11px 0px 0px;
margin: -24px 0px 0px -27px;
opacity: 0;
}
.careplus-blog-large ul li:hover figure a span { opacity: 1;}
.careplus-blog-large figure a span:before {
content: '';
position: absolute;
left: -100px;
top: 0px;
width: 0px;
height: 1px;
}
.careplus-blog-large ul li:hover figure a span:before { left: 0px; width: 57px;}
.careplus-blog-large figure a span:after {
content: '';
position: absolute;
left: -100px;
top: 0px;
width: 1px;
height: 0px;
}
.careplus-blog-large ul li:hover figure a span:after { left: 0px; height: 57px;}
.careplus-blog-large figure a span small {
position: absolute;
right: 0px;
bottom: 0px;
}
.careplus-blog-large figure a span small:before {
content: '';
position: absolute;
right: -100px;
bottom: 0px;
width: 0px;
height: 1px;
}
.careplus-blog-large ul li:hover figure a span small:before { right: 0px; width: 57px;}
.careplus-blog-large figure a span small:after {
content: '';
position: absolute;
right: -100px;
bottom: 0px;
width: 1px;
height: 0px;
}
.careplus-blog-large ul li:hover figure a span small:after { right: 0px; height: 57px;}
.careplus-blog-large .careplus-thumb-heading { background-color: #f5f5f5; margin: 0px 0px 22px;}
.careplus-blog-large .careplus-blog-option li a i,.careplus-blog-large .careplus-blog-option li a {
color: #868686;
}
.careplus-blog-large-text p {
margin: 0px 0pc 29px;
letter-spacing: 0.9px;
}
.careplus-blog-large .careplus-readmore-btn {
letter-spacing: 1.1px;
font-size: 14px;
padding: 3px 21px 4px;
margin: 0px 0px 6px;
}
.careplus-blog ul li:hover .careplus-blog-large-text .careplus-readmore-btn:before,
.careplus-blog ul li:hover .careplus-blog-large-text .careplus-readmore-btn span:before { width: 106%;}
.careplus-blog ul li:hover .careplus-blog-large-text .careplus-readmore-btn:after,
.careplus-blog ul li:hover .careplus-blog-large-text .careplus-readmore-btn span:after { height: 119%;}
/*Blog Large*/
/*Blog Medium*/
.careplus-blog-medium figure a,.careplus-blog-medium figure a img {
float: left;
width: 100%;
}
.careplus-blog-medium figure > a {
position: relative;
overflow: hidden;
}
.careplus-blog-medium figure a:before {
content: '';
position: absolute;
right: 2px;
top: 0px;
width: 100%;
height: 100%;
opacity: 0;
z-index: 2;
border-right: 5px solid;
}
.careplus-blog-medium figure a:after {
border-right: 1px solid;
content: '';
position: absolute;
right: 0px;
top: 0px;
opacity: 0;
height: 100%;
z-index: 2;
}
.careplus-blog-medium ul li:hover figure a:before,.careplus-blog-medium ul li:hover figure a:after { opacity: 1;}
.careplus-blog-medium figure {
float: left;
width: 243px;
margin: 0px;
}
.careplus-blog-medium figure:before {
content: '';
position: absolute;
right: 0px;
top: 0px;
z-index: 1;
border-top: 207px solid transparent;
border-right: 25px solid #f5f5f5;
border-bottom: 82px solid transparent;
}
.careplus-blog-medium figure:after {
background-color: #dddddd;
content: "";
height: 30%;
position: absolute;
right: 11px;
bottom: -2px;
width: 5px;
z-index: 1;
}
.careplus-blog-medium figure ~ .careplus-blog-medium-text { margin: 0px 0px 0px 243px;}
.careplus-blog-medium-text {
background-color: #f5f5f5;
padding: 31px 17px 38px 30px;
position: relative;
}
.careplus-blog-medium-text:before {
background-color: #dddddd;
content: "";
height: 72%;
position: absolute;
left: -16px;
top: -1px;
width: 5px;
z-index: 1;
}
.careplus-blog-medium-text > span {
position: absolute;
left: 0px;
top: 0px;
height: 100%;
}
.careplus-blog-medium ul li:hover .careplus-blog-medium-text > span { opacity: 0;}
.careplus-blog-medium-text > span:before {
background-color: #dddddd;
content: "";
height: 72%;
position: absolute;
right: 8px;
top: -1px;
width: 1px;
z-index: 1;
}
.careplus-blog-medium-text > span:after {
background-color: #dddddd;
content: "";
height: 30%;
position: absolute;
right: 8px;
bottom: -1px;
width: 1px;
z-index: 1;
}
.careplus-blog-medium-text h5 {
margin: 0px;
font-weight: bold;
line-height: 1.3;
}
.careplus-blog-medium-text p {
margin: 0px 0px 29px;
}
.careplus-blog ul li:hover .careplus-blog-medium-text .careplus-readmore-btn:before,
.careplus-blog ul li:hover .careplus-blog-medium-text .careplus-readmore-btn span:before { width: 106%;}
.careplus-blog ul li:hover .careplus-blog-medium-text .careplus-readmore-btn:after,
.careplus-blog ul li:hover .careplus-blog-medium-text .careplus-readmore-btn span:after { height: 119%;}
.careplus-blog ul li:hover .careplus-blog-medium-text .careplus-readmore-btn { background-color: transparent;}
.careplus-blog-medium figure a span {
position: absolute;
left: 50%;
top: 50%;
font-size: 14px;
width: 50px;
height: 50px;
text-align: center;
padding: 11px 0px 0px;
margin: -25px 0px 0px -24px;
opacity: 0;
z-index: 3;
}
.careplus-blog-medium figure a span i {
-webkit-transform: scale(0);
-moz-transform: scale(0);
-ms-transform: scale(0);
-o-transform: scale(0);
transform: scale(0);
-webkit-transition: all 0.7s ease-in-out;
-moz-transition: all 0.7s ease-in-out;
-ms-transition: all 0.7s ease-in-out;
-o-transition: all 0.7s ease-in-out;
transition: all 0.7s ease-in-out;
}
.careplus-blog-medium ul li:hover figure a span i {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
}
.careplus-blog-medium ul li:hover figure a span { opacity: 1;}
.careplus-blog-medium figure a span:before {
content: '';
position: absolute;
left: 0px;
top: 0px;
width: 0px;
height: 1px;
}
.careplus-blog-medium ul li:hover figure a span:before { width: 55px;}
.careplus-blog-medium figure a span:after {
content: '';
position: absolute;
left: 0px;
top: 0px;
width: 1px;
height: 0px;
}
.careplus-blog-medium ul li:hover figure a span:after { height: 55px;}
.careplus-blog-medium figure a span small {
position: absolute;
right: 0px;
bottom: 0px;
}
.careplus-blog-medium figure a span small:before {
content: '';
position: absolute;
right: 0px;
bottom: 0px;
width: 0px;
height: 1px;
}
.careplus-blog-medium ul li:hover figure a span small:before { width: 55px;}
.careplus-blog-medium figure a span small:after {
content: '';
position: absolute;
right: 0px;
bottom: 0px;
width: 1px;
height: 0px;
}
.careplus-blog-medium ul li:hover figure a span small:after { height: 55px;}
/*Team Detail*/
.careplus-team-detail-post {
float: left;
width: 100%;
margin: 0px 0px 39px;
}
.careplus-team-detail-post figure{
float: left;
width: 360px;
margin: 0px;
}
.careplus-team-post-text {
float: right;
width: 60%;
background-color: #f5f5f5;
padding: 27px 0px 16px 30px;
border-bottom: 8px solid #ebebeb;
position: relative;
margin: 30px 0px 0px -21px;
}
.careplus-team-post-text:before {
content: '';
position: absolute;
right: 0px;
bottom: 0px;
border-bottom: 33px solid #ebebeb;
border-left: 33px solid transparent;
}
.careplus-team-post-text h5 {
margin: 0px;
font-weight: bold;
line-height: 1.2;
}
.careplus-team-post-text > span {
font-size: 12px;
color: #666666;
display: inline-block;
margin: 0px 0px 18px;
}
.careplus-team-post-text p {
margin: 0px 0px 16px;
letter-spacing: 0.9px;
}
.careplus-team-post-text > ul {
float: left;
margin: 0px 0px 17px;
width: 100%;
}
.careplus-team-post-text > ul > li {
float: left;
width: 100%;
list-style: none;
font-size: 15px;
line-height: 1.8;
}
.careplus-team-post-text > ul > li span,.careplus-team-post-text > ul > li a {
font-size: 14px;
font-weight: bold;
color: #686868;
}
.careplus-team-post-text > .careplus-footer-social { margin: 0px;}
.careplus-team-post-text > .careplus-footer-social li {
width: auto;
margin: 0px 6px 0px 0px;
}
.careplus-team-post-text > .careplus-footer-social li a {
font-size: 18px;
color: #888888;
}
/*About Education*/
.careplus-about-education,.careplus-about-education li {
float: left;
width: 100%;
position: relative;
}
.careplus-about-education { margin: 0px 0px 19px;}
.careplus-about-education:before {
content: '';
position: absolute;
background: url(images/about-education-shape.png);
left: 6px;
top: 0px;
width: 3px;
height: 74%;
}
.careplus-about-education li {
list-style: none;
margin: 0px 0px 23px;
padding: 0px 0px 0px 35px;
}
.careplus-about-education li:before {
content: '';
position: absolute;
left: 0px;
top: 0px;
border-radius: 100%;
width: 15px;
height: 15px;
}
.careplus-about-education li:after {
content: '';
position: absolute;
left: 1px;
top: 1px;
border: 3px solid #ffffff;
border-radius: 100%;
width: 13px;
height: 13px;
}
.careplus-about-education li h6 {
margin: 0px 0px 11px;
font-weight: bold;
line-height: 1;
}
.careplus-about-education li p {
margin: 0px;
letter-spacing: 0.8px;
}
/*Skill List*/
.careplus-skills-achievements,.careplus-achievements-img {
float: left;
width: 100%;
}
.careplus-skills-achievements { margin: 0px 0px 41px;}
.careplus-achievements-img { margin: 5px 0px 0px;}
.careplus-skills-achievements p {
margin: 0px 0px 19px;
}
.careplus-skills-achievements .skillst h6 {
float: left;
font-size: 15px;
font-weight: bold;
margin: 0px 0px 6px;
}
.careplus-skills-achievements .skillst > span {
float: right;
font-size: 15px;
font-weight: bold;
}
.skillst {
float: left;
width: 100%;
margin-bottom: 24px;
position: relative;
}
.bar-container {
width: 100%;
float: left;
position:relative;
}
.bar-container .bar {
height: 100%;
position: absolute;
left: 0px;
top: 0px;
}
.bar-container .bar:before {
content: '';
position: absolute;
right: -1px;
top: -2px;
width: 12px;
height: 12px;
background-color: #ffffff;
border: 2px solid;
border-radius: 100%;
}
.bar-container .bar small {
display: none;
}
/*Related Team*/
.careplus-related-team figure,.careplus-related-team-text,.careplus-related-team figure a,.careplus-related-team figure a img {
float: left;
width: 100%;
}
.careplus-team.careplus-related-team > ul > li { margin: 0px 0px 50px;}
.careplus-related-team figure { margin: 0px;}
.careplus-related-team-text {
background-color: #f5f5f5;
position: relative;
text-align: center;
padding: 11px 0px 16px;
line-height: 1;
}
.careplus-related-team-text:before {
content: '';
position: absolute;
left: 0px;
top: -5px;
width: 50%;
height: 12px;
background-color: #f5f5f5;
}
.careplus-related-team-text:after {
content: '';
position: absolute;
right: 0px;
top: -5px;
width: 51%;
height: 12px;
background-color: #f5f5f5;
}
.careplus-related-team-text h6 {
margin: 0px 0px 2px;
font-size: 17px;
font-weight: bold;
}
.careplus-related-team-text span {
font-weight: bold;
color: #868686;
font-size: 12px;
letter-spacing: 0.9px;
}
.careplus-related-team figure a {
position: relative;
overflow: hidden;
}
.careplus-related-team figure a:before {
content: '';
position: absolute;
left: 0px;
bottom: 0px;
width: 100%;
height: 0%;
opacity: 0;
z-index: 1;
}
.careplus-related-team ul li:hover figure a:before { opacity: 1; height: 50%;}
.careplus-related-team figure a:after {
content: '';
position: absolute;
left: 0px;
top: 0px;
width: 100%;
height: 0%;
opacity: 0;
}
.careplus-related-team ul li:hover figure a:after { opacity: 1; height: 50%;}
.careplus-related-team figure a span {
position: absolute;
left: 50%;
top: 50%;
font-size: 16px;
width: 50px;
height: 50px;
text-align: center;
padding: 11px 0px 0px;
margin: -25px 0px 0px -25px;
opacity: 0;
z-index: 1;
}
.careplus-related-team ul li:hover figure a span { opacity: 1;}
.careplus-related-team figure a span:before {
content: '';
position: absolute;
left: 0px;
top: -100px;
width: 58px;
height: 1px;
}
.careplus-related-team ul li:hover figure a span:before { top: 0; }
.careplus-related-team figure a span:after {
content: '';
position: absolute;
left: 0px;
top: -100px;
width: 1px;
height: 58px;
}
.careplus-related-team ul li:hover figure a span:after { top: 0; }
.careplus-related-team figure a span small {
position: absolute;
right: 0px;
bottom: 0px;
}
.careplus-related-team figure a span small:before {
content: '';
position: absolute;
right: 0px;
bottom: -100px;
width: 58px;
height: 1px;
}
.careplus-related-team ul li:hover figure a span small:before { bottom: 0px; }
.careplus-related-team figure a span small:after {
content: '';
position: absolute;
right: 0px;
bottom: -100px;
width: 1px;
height: 58px;
}
.careplus-related-team ul li:hover figure a span small:after { bottom: 0px; }
/*Team Grid*/
.careplus-team-filterable {
text-align: center;
float: left;
width: 100%;
margin-bottom: 40px;
border-top: 1px solid #ececec;
border-bottom: 1px solid #ececec;
padding: 20px 0px 10px;
}
.careplus-team-filterable ul li {
display: inline-block;
list-style: none;
margin: 0px 19px 10px;
}
.careplus-team-filterable ul li a {
display: inline-block;
text-transform: uppercase;
position: relative;
padding: 1px 16px 0px;
letter-spacing: 1px;
}
.careplus-team-filterable ul li a.is-checked {
color: #ffffff;
}
.careplus-team-filterable ul li a.is-checked:before {
content: '';
position: absolute;
left: 50%;
bottom: -5px;
border-left: 4px solid transparent;
border-right: 4px solid transparent;
border-top: 5px solid;
margin: 0px 0px 0px -5px;
}
/*Team List*/
.careplus-team-list figure a,.careplus-team-list figure a img {
float: left;
width: 100%;
}
.careplus-team-list figure a {
position: relative;
overflow: hidden;
}
.careplus-team-list figure a:before {
content: '';
position: absolute;
right: 0px;
top: 0px;
width: 0%;
height: 100%;
z-index: 1;
border-right: 8px solid;
opacity: 0;
}
.careplus-team-list ul li:hover figure a:before {
opacity: 1;
width: 100%;
}
.careplus-team-list figure {
float: left;
width: 293px;
margin: 0px;
overflow: hidden;
}
.careplus-team-list figure:before {
content: '';
position: absolute;
right: -12px;
top: -2px;
height: 53%;
width: 23px;
z-index: 1;
background-color: #f5f5f5;
}
.careplus-team-list figure:after {
content: '';
position: absolute;
right: -12px;
bottom: -3px;
height: 53%;
width: 23px;
background-color: #f5f5f5;
}
.careplus-team-list figure ~ .careplus-team-list-text { margin: 0px 0px 0px 293px;}
.careplus-team-list-text {
background-color: #f5f5f5;
padding: 0px;
line-height: 1;
padding: 24px 0px 34px 38px;
position: relative;
}
.careplus-team-list-text:before {
content: '';
position: absolute;
left: -19px;
top: 0px;
height: 52%;
width: 8px;
background-color: #e0e0e0;
}
.careplus-team-list-text:after {
content: '';
position: absolute;
left: -19px;
bottom: -1px;
height: 50%;
width: 8px;
background-color: #e0e0e0;
}
.careplus-team-list-text h5 {
margin: 0px;
font-weight: bold;
}
.careplus-team-list-text > span {
font-size: 12px;
display: inline-block;
margin: 0px 0px 21px;
color: #868686;
letter-spacing: 0.8px;
}
.careplus-team-list-text p { margin: 0px 0px 28px;}
.careplus-team-list-text .careplus-readmore-btn {
line-height: 2;
padding: 3px 23px 5px;
font-size: 14px;
font-weight: 400;
}
.careplus-team ul li:hover .careplus-team-list-text .careplus-readmore-btn:before,
.careplus-team ul li:hover .careplus-team-list-text .careplus-readmore-btn span:before { width: 106%;}
.careplus-team ul li:hover .careplus-team-list-text .careplus-readmore-btn:after,
.careplus-team ul li:hover .careplus-team-list-text .careplus-readmore-btn span:after { height: 119%;}
.careplus-team ul li:hover .careplus-team-list-text .careplus-readmore-btn { background-color: transparent;}
.careplus-team-list figure a span {
position: absolute;
left: 50%;
top: 50%;
font-size: 16px;
width: 50px;
height: 50px;
text-align: center;
padding: 11px 0px 0px;
margin: -25px 0px 0px -25px;
opacity: 0;
z-index: 1;
}
.careplus-team-list ul li:hover figure a span { opacity: 1; }
.careplus-team-list figure a span:before {
content: '';
position: absolute;
left: 0px;
top: 0px;
width: 58px;
height: 1px;
}
.careplus-team-list figure a span:after {
content: '';
position: absolute;
left: 0px;
top: 0px;
width: 1px;
height: 58px;
}
.careplus-team-list figure a span small {
position: absolute;
right: 0px;
bottom: 0px;
}
.careplus-team-list figure a span small:before {
content: '';
position: absolute;
right: 0px;
bottom: 0px;
width: 58px;
height: 1px;
}
.careplus-team-list figure a span small:after {
content: '';
position: absolute;
right: 0px;
bottom: 0px;
width: 1px;
height: 58px;
}
/*Shop Detail*/
.careplus-shopwrap,.careplus-shop-option,.careplus-select {
float: left;
width: 100%;
}
.careplus-shopwrap { margin: 0px 0px 100px;}
.careplus-shopwrap figure {
float: left;
width: 360px;
margin: 0px;
}
.careplus-shop-detail-text {
float: left;
width: 57%;
padding: 9px 0px 0px 30px;
}
.careplus-shop-detail-text h4 {
margin: 0px 0px 1px;
font-weight: bold;
}
.star-rating {
width: 18%;
float: left;
height: 24px;
line-height: 24px;
position: relative;
margin: 0px 2px 16px 0px;
}
.star-rating:before,.star-rating-box:before {
content: "\f006 \f006 \f006 \f006 \f006";
font-family: FontAwesome;
font-size: 12px;
left: 0px;
letter-spacing: 4px;
position: absolute;
top: 0px;
color: #efb63c;
}
.star-rating-box:before { content: "\f005 \f005 \f005 \f005 \f005";}
.star-rating > .star-rating-box {
height: 20px;
left: 0px;
overflow: hidden;
position: absolute;
top: 0px;
}
.careplus-shop-detail-text small {
font-size: 12px;
color: #888888;
}
.careplus-shop-detail-text > span {
font-size: 18px;
font-weight: bold;
float: left;
width: 100%;
margin: 0px 0px 15px;
}
.careplus-shop-detail-text > span del {
color: #888888;
font-size: 13px;
font-weight: 400;
margin: 0px 5px 0px 0px;
}
.careplus-shop-detail-text p {
margin: 0px 0px 20px;
letter-spacing: 0.9px;
float: left;
}
.careplus-shop-option { margin: 0px 0px 17px;}
.careplus-shop-option li {
float: left;
list-style: none;
margin: 0px 25px 10px 0px;
}
.careplus-shop-option li:last-child { margin-right: 0px;}
.careplus-shop-option li span {
float: left;
margin: 0px 12px 0px 0px;
}
.careplus-shop-option li span i {
font-size: 13px;
margin: 0px 6px 0px 0px;
}
.careplus-shop-option li a {
float: left;
font-size: 12px;
color: #666666;
margin: 0px 6px 0px 0px;
}
.careplus-shop-detail-text .careplus-readmore-btn {
line-height: 2;
font-weight: 400;
font-size: 14px;
padding: 6px 31px;
letter-spacing: 1px;
}
/* Shop Tabs */
.careplus-shop-tabs {
float: left;
width: 100%;
}
.careplus-shop-tabs .nav-tabs {
float: left;
width: 100%;
border-radius: 0px;
border: none;
}
.careplus-shop-tabs .nav-tabs > li > a {
border-radius: 0;
margin: 0;
border: none;
position: relative;
}
.careplus-shop-tabs .nav-tabs > li:last-child > a:before {
content: '';
position: absolute;
right: -6px;
top: -1px;
width: 6px;
height: 1px;
}
.careplus-shop-tabs .nav-tabs > li:last-child > a:after {
content: '';
position: absolute;
right: -1px;
top: -6px;
width: 1px;
height: 6px;
}
.careplus-shop-tabs .nav-tabs > li:first-child > a:before {
content: '';
position: absolute;
left: -6px;
bottom: -1px;
width: 6px;
height: 1px;
}
.careplus-shop-tabs .nav-tabs > li:first-child > a:after {
content: '';
position: absolute;
left: -1px;
bottom: -6px;
width: 1px;
height: 6px;
}
.careplus-shop-tabs .nav-tabs li {
list-style: none;
line-height: 1;
margin: 0 0px 0 0;
}
.careplus-shop-tabs .nav-tabs > li.active > a,
.careplus-shop-tabs .nav-tabs > li.active > a:hover,
.careplus-shop-tabs .nav-tabs > li.active > a:focus {
border: 1px solid;
color: #fff;
}
.careplus-shop-tabs .nav-tabs li a {
float: left;
padding: 9px 28px 12px;
font-size: 16px;
font-weight: bold;
border: 1px solid;
position: relative;
letter-spacing: 1px;
}
.careplus-shop-tabs .nav-tabs > li > a:hover { border: 1px solid; }
.careplus-shop-tabs .tab-content {
display: inline-block;
width: 100%;
padding-top: 40px;
}
.careplus-shop-tabs .tab-content .comment-respond { margin: 0px 0px 13px;}
.careplus-description p {
margin: 0;
line-height: 24px;
}
.careplus-description {
float: left;
width: 100%;
margin: 0px 0px 50px;
}
/*Related Product*/
.careplus-shop,.careplus-related-products figure,.careplus-related-products figure a,
.careplus-related-products figure a img,.careplus-related-products-text {
float: left;
width: 100%;
}
.careplus-shop > ul > li {
list-style: none;
margin: 0px 0px 30px;
}
.careplus-related-products figure a {
position: relative;
overflow: hidden;
}
.careplus-related-products figure a:before {
content: '';
position: absolute;
left: 0px;
bottom: 0px;
width: 100%;
height: 0%;
opacity: 0;
}
.careplus-related-products ul li:hover figure a:before {
opacity: 1;
height: 100%;
}
.careplus-related-products figure a span {
position: absolute;
left: 50%;
bottom: 0%;
font-size: 16px;
width: 50px;
height: 50px;
text-align: center;
padding: 11px 0px 0px;
margin: 0px 0px -25px -25px;
opacity: 0;
}
.careplus-related-products ul li:hover figure a span {
opacity: 1;
bottom: 50%;
}
.careplus-related-products figure a span:before {
content: '';
position: absolute;
left: 0px;
top: 0px;
width: 55px;
height: 1px;
}
.careplus-related-products figure a span:after {
content: '';
position: absolute;
left: 0px;
top: 0px;
width: 1px;
height: 55px;
}
.careplus-related-products figure a span small {
position: absolute;
right: 0px;
bottom: 0px;
}
.careplus-related-products figure a span small:before {
content: '';
position: absolute;
right: 0px;
bottom: 0px;
width: 55px;
height: 1px;
}
.careplus-related-products figure a span small:after {
content: '';
position: absolute;
right: 0px;
bottom: 0px;
width: 1px;
height: 55px;
}
.careplus-related-products figure { margin: 0px;}
.careplus-related-products-text {
border: 1px solid #f3f3f3;
text-align: center;
line-height: 1;
padding: 18px 0px 24px;
position: relative;
}
.careplus-related-products figure:before {
content: '';
position: absolute;
left: 0px;
bottom: -5px;
width: 50%;
height: 0px;
background-color: #ffffff;
z-index: 1;
}
.careplus-related-products figure:after {
content: '';
position: absolute;
right: 0px;
bottom: -5px;
width: 51%;
height: 0px;
background-color: #ffffff;
z-index: 1;
}
.careplus-related-products ul li:hover figure:before,.careplus-related-products ul li:hover figure:after { height: 10px;}
.careplus-related-products-text h5 {
margin: 0px;
font-weight: bold;
}
.careplus-related-products-text small {
letter-spacing: 0.8px;
color: #868686;
font-size: 12px;
display: inline-block;
margin: 0px 0px 14px;
}
.careplus-related-products-text span {
float: left;
font-size: 18px;
font-weight: bold;
letter-spacing: 0.8px;
width: 100%;
}
.careplus-related-products-text span del {
color: #888888;
font-size: 13px;
font-weight: 400;
margin: 0 5px 0 0;
}
/*Shop Grid*/
.careplus-shop-grid figure,.careplus-shop-grid figure a,.careplus-shop-grid figure a img,.careplus-shop-grid-text {
float: left;
width: 100%;
}
.careplus-shop-grid figure a {
position: relative;
overflow: hidden;
}
.careplus-shop-grid figure a:before {
content: '';
position: absolute;
left: 0px;
bottom: 0px;
width: 100%;
height: 0%;
opacity: 0;
}
.careplus-shop-grid ul li:hover figure a:before {
opacity: 1;
height: 100%;
}
.careplus-shop-grid figure a span {
position: absolute;
left: 50%;
bottom: 0%;
font-size: 16px;
width: 50px;
height: 50px;
text-align: center;
padding: 11px 0px 0px;
margin: 0px 0px -25px -25px;
opacity: 0;
}
.careplus-shop-grid ul li:hover figure a span {
opacity: 1;
bottom: 50%;
}
.careplus-shop-grid figure a span:before {
content: '';
position: absolute;
left: 0px;
top: 0px;
width: 55px;
height: 1px;
}
.careplus-shop-grid figure a span:after {
content: '';
position: absolute;
left: 0px;
top: 0px;
width: 1px;
height: 55px;
}
.careplus-shop-grid figure a span small {
position: absolute;
right: 0px;
bottom: 0px;
}
.careplus-shop-grid figure a span small:before {
content: '';
position: absolute;
right: 0px;
bottom: 0px;
width: 55px;
height: 1px;
}
.careplus-shop-grid figure a span small:after {
content: '';
position: absolute;
right: 0px;
bottom: 0px;
width: 1px;
height: 55px;
}
.careplus-shop-grid figure { margin: 0px;}
.careplus-shop-grid-text {
border: 1px solid #f3f3f3;
line-height: 1;
padding: 19px 27px 31px 30px;
position: relative;
}
.careplus-shop-grid figure:before {
content: '';
position: absolute;
left: 0px;
bottom: -6px;
width: 50%;
height: 0px;
background-color: #ffffff;
z-index: 1;
}
.careplus-shop-grid figure:after {
content: '';
position: absolute;
right: 0px;
bottom: -6px;
width: 51%;
height: 0px;
background-color: #ffffff;
z-index: 1;
}
.careplus-shop-grid ul li:hover figure:after,
.careplus-shop-grid ul li:hover figure:before { height: 11px;}
.careplus-shop-grid-text h5 {
margin: 0px 0px 5px;
font-weight: bold;
}
.careplus-shop-grid-text > span {
float: left;
font-size: 16px;
font-weight: bold;
letter-spacing: 0.8px;
width: 100%;
margin: 0px 0px 18px;
}
.careplus-shop-grid-text span del {
color: #888888;
font-size: 10px;
font-weight: 400;
margin: 0 0px 0 5px;
}
.careplus-shop-grid-text p {
margin: 0px 0px 23px;
letter-spacing: 0.8px;
}
.careplus-shop-grid-text .careplus-readmore-btn {
line-height: 2;
font-weight: 400;
letter-spacing: 1.1px;
padding: 3px 19px 5px;
font-size: 14px;
}
.careplus-shop ul li:hover .careplus-readmore-btn { color: #ffffff;}
/*Shop List*/
.careplus-shop-list figure a,.careplus-shop-list figure a img {
float: left;
width: 100%;
}
.careplus-shop-list figure a {
position: relative;
overflow: hidden;
}
.careplus-shop-list figure a:before {
content: '';
position: absolute;
right: 0px;
top: 0px;
width: 0%;
height: 100%;
border-right: 6px solid;
opacity: 0;
z-index: 2;
}
.careplus-shop-list ul li:hover figure a:before {
opacity: 1;
width: 100%;
}
.careplus-shop-list figure {
float: left;
width: 293px;
margin: 0px;
border: 1px solid #ececec;
}
.careplus-shop-list ul li:hover figure { border-color: #ffffff;}
.careplus-shop-list figure:before {
content: '';
position: absolute;
right: -1px;
top: 0px;
z-index: 1;
border-top: 178px solid transparent;
border-right: 21px solid #f5f5f5;
border-bottom: 81px solid transparent;
}
.careplus-shop-list figure ~ .careplus-shop-list-text { margin: 0px 0px 0px 293px;}
.careplus-shop-list-text {
background-color: #f5f5f5;
padding: 0px;
line-height: 1;
padding: 23px 0px 31px 38px;
position: relative;
}
.careplus-shop-list-text:before {
content: '';
position: absolute;
left: -16px;
top: -1px;
height: 70%;
width: 6px;
background-color: #e0e0e0;
}
.careplus-shop-list-text:after {
background-color: #e0e0e0;
bottom: -1px;
content: "";
height: 33%;
left: -16px;
position: absolute;
width: 6px;
}
.careplus-shop-list-text h5 {
margin: 0px 0px 7px;
font-weight: bold;
}
.careplus-shop-list-text > span {
float: left;
font-size: 16px;
font-weight: bold;
letter-spacing: 0.8px;
width: 100%;
margin: 0px 0px 23px;
}
.careplus-shop-list-text span del {
color: #888888;
font-size: 10px;
font-weight: 400;
margin: 0 0px 0 5px;
}
.careplus-shop-list-text p { margin: 0px 0px 23px;}
.careplus-shop-list-text .careplus-readmore-btn {
line-height: 2;
padding: 4px 23px 5px;
font-size: 14px;
font-weight: 400;
letter-spacing: 1.1px;
}
.careplus-shop ul li:hover .careplus-shop-list-text .careplus-readmore-btn:before,
.careplus-shop ul li:hover .careplus-shop-list-text .careplus-readmore-btn span:before { width: 106%;}
.careplus-shop ul li:hover .careplus-shop-list-text .careplus-readmore-btn:after,
.careplus-shop ul li:hover .careplus-shop-list-text .careplus-readmore-btn span:after { height: 119%;}
.careplus-shop-list figure a span {
position: absolute;
left: 50%;
top: 50%;
font-size: 16px;
width: 50px;
height: 50px;
text-align: center;
padding: 11px 0px 0px;
margin: -25px 0px 0px -25px;
opacity: 0;
z-index: 3;
}
.careplus-shop-list ul li:hover figure a span { opacity: 1; }
.careplus-shop-list figure a span:before {
content: '';
position: absolute;
left: 0px;
top: 0px;
width: 55px;
height: 1px;
}
.careplus-shop-list figure a span:after {
content: '';
position: absolute;
left: 0px;
top: 0px;
width: 1px;
height: 55px;
}
.careplus-shop-list figure a span small {
position: absolute;
right: 0px;
bottom: 0px;
}
.careplus-shop-list figure a span small:before {
content: '';
position: absolute;
right: 0px;
bottom: 0px;
width: 55px;
height: 1px;
}
.careplus-shop-list figure a span small:after {
content: '';
position: absolute;
right: 0px;
bottom: 0px;
width: 1px;
height: 55px;
}
/*Department Grid*/
.careplus-department,.careplus-department-grid,.careplus-department-grid figure,.careplus-department-grid figure a,
.careplus-department-grid figure a img,.careplus-department-grid-text {
float: left;
width: 100%;
}
.careplus-department > ul > li {
list-style: none;
margin: 0px 0px 30px;
}
.careplus-department-grid figure a {
overflow: hidden;
position: relative;
}
.careplus-department-grid figure a:before {
content: '';
position: absolute;
left: 0px;
bottom: 0px;
width: 100%;
height: 0%;
opacity: 0;
border-bottom: 6px solid;
z-index: 2;
}
.careplus-department-grid ul li:hover figure a:before { height: 100%; opacity: 1;}
.careplus-department-grid figure { margin: 0px;}
.careplus-department-grid figure:before {
content: '';
position: absolute;
left: 0px;
bottom: -13px;
width: 76%;
height: 22px;
background-color: #f5f5f5;
z-index: 1;
}
.careplus-department-grid figure:after {
content: '';
position: absolute;
right: 0px;
bottom: -11px;
width: 26%;
height: 22px;
background-color: #f5f5f5;
z-index: 1;
}
.careplus-department-grid-text {
background-color: #f5f5f5;
padding: 24px 20px 35px 30px;
position: relative;
line-height: 1;
}
.careplus-department-grid-text:before {
content: '';
position: absolute;
left: 0px;
top: -12px;
width: 77%;
height: 6px;
z-index: 1;
background-color: #dfdfdf;
}
.careplus-department-grid-text:after {
background-color: #dfdfdf;
content: "";
height: 6px;
position: absolute;
right: -2px;
top: -11px;
width: 25%;
z-index: 1;
}
.careplus-department-grid ul li:hover .careplus-department-grid-text:before,
.careplus-department-grid ul li:hover .careplus-department-grid-text:after { opacity: 0;}
.careplus-department-grid-text h5 {
text-transform: uppercase;
margin: 0px 0px 1px;
font-weight: bold;
}
.careplus-department-grid-text > span {
color: #868686;
font-size: 12px;
margin: 0px 0px 16px;
display: inline-block;
letter-spacing: 1.1px;
}
.careplus-department-grid-text p {
color: #686868;
margin: 0px 0px 23px;
letter-spacing: 0.8px;
}
.careplus-department-grid-text i {
font-size: 65px;
position: absolute;
right: 20px;
bottom: 20px;
opacity: 0.10;
}
.careplus-department-grid-text .careplus-readmore-btn {
line-height: 2;
padding: 5px 21px;
letter-spacing: 1px;
}
.careplus-department ul li:hover .careplus-department-grid-text .careplus-readmore-btn { background-color: transparent;}
.careplus-department ul li:hover .careplus-department-grid-text .careplus-readmore-btn:before,
.careplus-department ul li:hover .careplus-department-grid-text .careplus-readmore-btn span:before { width: 106%;}
.careplus-department ul li:hover .careplus-department-grid-text .careplus-readmore-btn:after,
.careplus-department ul li:hover .careplus-department-grid-text .careplus-readmore-btn span:after { height: 119%;}
.careplus-department-grid figure a span {
position: absolute;
left: 50%;
bottom: 0%;
font-size: 16px;
width: 50px;
height: 50px;
text-align: center;
padding: 11px 0px 0px;
margin: 0px 0px -22px -25px;
opacity: 0;
z-index: 3;
}
.careplus-department-grid ul li:hover figure a span {
opacity: 1;
bottom: 50%;
}
.careplus-department-grid figure a span:before {
content: '';
position: absolute;
left: 0px;
top: 0px;
width: 55px;
height: 1px;
}
.careplus-department-grid figure a span:after {
content: '';
position: absolute;
left: 0px;
top: 0px;
width: 1px;
height: 55px;
}
.careplus-department-grid figure a span small {
position: absolute;
right: 0px;
bottom: 0px;
}
.careplus-department-grid figure a span small:before {
content: '';
position: absolute;
right: 0px;
bottom: 0px;
width: 55px;
height: 1px;
}
.careplus-department-grid figure a span small:after {
content: '';
position: absolute;
right: 0px;
bottom: 0px;
width: 1px;
height: 55px;
}
/*Department List*/
.careplus-department-list figure a,.careplus-department-list figure a img {
float: left;
width: 100%;
}
.careplus-department-list figure a {
overflow: hidden;
position: relative;
}
.careplus-department-list figure a:before {
content: '';
position: absolute;
right: 0px;
top: 0px;
width: 0%;
height: 100%;
opacity: 0;
}
.careplus-department-list ul li:hover figure a:before {
opacity: 1;
width: 100%;
}
.careplus-department-list figure a > span {
position: absolute;
left: 0%;
bottom: 50%;
font-size: 16px;
width: 50px;
height: 50px;
text-align: center;
padding: 11px 0px 0px;
margin: 0px 0px -25px -25px;
opacity: 0;
z-index: 1;
}
.careplus-department-list ul li:hover figure a > span {
opacity: 1;
left: 50%;
}
.careplus-department-list figure a > span:before {
content: '';
position: absolute;
left: 0px;
top: 0px;
width: 55px;
height: 1px;
}
.careplus-department-list figure a > span:after {
content: '';
position: absolute;
left: 0px;
top: 0px;
width: 1px;
height: 55px;
}
.careplus-department-list figure a > span small {
position: absolute;
right: 0px;
bottom: 0px;
}
.careplus-department-list figure a > span small:before {
content: '';
position: absolute;
right: 0px;
bottom: 0px;
width: 55px;
height: 1px;
}
.careplus-department-list figure a > span small:after {
content: '';
position: absolute;
right: 0px;
bottom: 0px;
width: 1px;
height: 55px;
}
.careplus-department-list figure {
float: left;
width: 290px;
margin: 0px;
}
.careplus-department-list figure:before {
content: '';
position: absolute;
right: 0px;
top: 0px;
background-color: #e0e0e0;
width: 6px;
height: 70%;
z-index: 1;
}
.careplus-department-list ul li:hover figure:before {
right: 2px;
}
.careplus-department-list figure:after {
content: '';
position: absolute;
right: 0px;
bottom: 0px;
background-color: #e0e0e0;
width: 6px;
height: 32%;
z-index: 1;
}
.careplus-department-list ul li:hover figure:after {
right: 2px;
}
.careplus-department-list figure > span {
position: absolute;
right: -2px;
top: 0px;
height: 100%;
z-index: 1;
}
.careplus-department-list figure > span:before {
content: '';
position: absolute;
right: -2px;
top: 0px;
background-color: #e0e0e0;
width: 2px;
height: 70%;
}
.careplus-department-list ul li:hover figure > span:before {
right: 0px;
}
.careplus-department-list figure > span:after {
content: '';
position: absolute;
right: -2px;
bottom: 0px;
background-color: #e0e0e0;
width: 2px;
height: 32%;
}
.careplus-department-list ul li:hover figure > span:after {
right: 0px;
}
.careplus-department-list figure ~ .careplus-department-list-text { margin: 0px 0px 0px 290px;}
.careplus-department-list-text {
line-height: 1;
background-color: #f5f5f5;
padding: 24px 30px 34px;
position: relative;
}
.careplus-department-list-text:before {
content: '';
position: absolute;
left: 0px;
top: 0px;
width: 5px;
height: 70%;
background-color: #f5f5f5;
}
.careplus-department-list-text:after {
content: '';
position: absolute;
left: -1px;
bottom: 0px;
width: 6px;
height: 32%;
background-color: #f5f5f5;
}
.careplus-department-list ul li:hover .careplus-department-list-text:before,
.careplus-department-list ul li:hover .careplus-department-list-text:after { width: 0px;}
.careplus-department-list-text h5 {
text-transform: uppercase;
margin: 0px 0px 0px;
font-weight: bold;
}
.careplus-department-list-text > span {
color: #868686;
font-size: 12px;
margin: 0px 0px 21px;
display: inline-block;
letter-spacing: 1.1px;
}
.careplus-department-list-text p {
color: #686868;
margin: 0px 0px 28px;
letter-spacing: 0.8px;
}
.careplus-department-list-text i {
font-size: 65px;
position: absolute;
right: 20px;
bottom: 20px;
opacity: 0.10;
}
.careplus-department-list-text .careplus-readmore-btn {
line-height: 2;
padding: 5px 21px;
letter-spacing: 1px;
}
.careplus-department ul li:hover .careplus-department-list-text .careplus-readmore-btn { background-color: transparent;}
.careplus-department ul li:hover .careplus-department-list-text .careplus-readmore-btn:before,
.careplus-department ul li:hover .careplus-department-list-text .careplus-readmore-btn span:before { width: 106%;}
.careplus-department ul li:hover .careplus-department-list-text .careplus-readmore-btn:after,
.careplus-department ul li:hover .careplus-department-list-text .careplus-readmore-btn span:after { height: 119%;}
/*Appointment Request Form*/
.careplus-appointment-request-form,.careplus-appointment-request-form form,.careplus-appointment-request-form form ul li input[type="text"],
.careplus-appointment-request-form form ul li input[type="email"],.careplus-appointment-request-form form ul li textarea {
float: left;
width: 100%;
}
.careplus-appointment-request-form form ul { margin: 0px -15px;}
.careplus-appointment-request-form form ul li {
float: left;
width: 33.3333%;
list-style: none;
padding: 0px 15px;
margin: 0px 0px 30px;
line-height: 1;
}
.careplus-appointment-request-form form ul li span {
font-size: 16px;
font-weight: bold;
padding: 0;
text-transform: uppercase;
letter-spacing: 1px;
}
.careplus-appointment-request-form form ul li.careplus-appointment-fullform { width: 100%;}
.careplus-appointment-request-form form ul li input[type="text"],
.careplus-appointment-request-form form ul li input[type="email"] {
background-color: transparent;
border: 1px solid #ececec;
height: 45px;
color: #999999;
font-style: italic;
font-size: 12px;
padding-left: 15px;
}
.careplus-appointment-request-form form ul li textarea {
background-color: transparent;
border: 1px solid #ececec;
height: 200px;
color: #3e3e3e;
padding-left: 15px;
font-size: 12px;
padding-top: 10px;
}
.careplus-days {
float: left;
width: 100%;
}
.careplus-select-day {
float: left;
width: 33.333%;
margin: 0px 0px 20px;
}
.careplus-select-day input[type="checkbox"] {
float: left;
margin: 2px 15px 0 0;
}
.careplus-select-day > label {
float: left;
margin: 0px;
font-size: 16px;
color: #576777;
}
.careplus-appointment-select select {
font-size: 12px;
border: none;
color: #999999;
background-color: #fff;
border: 1px solid #ececec;
height: 45px;
font-weight: 400;
}
.careplus-appointment-select { position: relative;}
.careplus-appointment-select:after {
content: "\f107";
font-family: FontAwesome;
font-size: 16px;
color: #999999;
right: 1px;
bottom: 1px;
text-align: center;
position: absolute;
pointer-events: none;
background-color: #fff;
width: 40px;
padding: 14px 2px 0 0;
height: 43px;
}
.careplus-appointment-request-form form ul li input[type="submit"] {
border: 1px solid;
color: #ffffff;
padding: 4px 17px 5px;
}
.careplus-appointment-request-form form ul li input[type="submit"]:hover {
background-color: #ffffff;
}
.careplus-appointment-request-form form ul li > label {
margin: 0px;
float: left;
position: relative;
line-height: 2;
}
.careplus-appointment-request-form form ul li > label:before {
content: '';
position: absolute;
left: -5px;
bottom: 0px;
height: 1px;
width: 5px;
}
.careplus-appointment-request-form form ul li > label:after {
content: '';
position: absolute;
left: 0px;
bottom: -5px;
height: 5px;
width: 1px;
}
.careplus-appointment-request-form form ul li label span {
position: absolute;
right: 0px;
top: 0px;
}
.careplus-appointment-request-form form ul li label span:before {
content: '';
position: absolute;
right: -5px;
top: 0px;
height: 1px;
width: 5px;
}
.careplus-appointment-request-form form ul li label span:after {
content: '';
position: absolute;
right: 0px;
top: -5px;
height: 5px;
width: 1px;
}
.careplus-radio-partition {
float: left;
margin-right: 20px;
}
.careplus-radio input[type="radio"] { display: none;}
.careplus-radio input[type="radio"]:checked + label:before {
box-shadow: 0 0 0 1px #9bc03c inset;
background-color: #fff;
}
.careplus-radio label {
cursor: pointer;
display: inline-block;
padding-left: 17px;
color: #576777;
position: relative;
font-size: 16px;
}
.careplus-radio label::before {
bottom: 3px;
content: "";
display: inline-block;
height: 8px;
left: 0;
margin-right: 9px;
position: absolute;
width: 8px;
border-radius: 100%;
}
/*Department Detail*/
.careplus-department-thumb {
float: left;
width: 100%;
margin: 0px 0px 30px;
}
.careplus-department-liststyle,.careplus-department-skill,.careplus-department-form {
float: left;
width: 100%;
}
.careplus-department-liststyle li {
list-style: none;
margin: 0px;
padding: 0px 0px 0px 30px;
margin: 0px 0px 23px;
position: relative;
}
.careplus-department-liststyle li i {
position: absolute;
left: 0px;
top: 2px;
}
.careplus-department-liststyle li h6 {
font-weight: bold;
line-height: 1;
margin: 0 0 11px;
}
.careplus-department-liststyle li p {
letter-spacing: 0.8px;
margin: 0;
}
.careplus-department-skill .skillst { margin: 0px 0px 30px;}
.careplus-department-skill .skillst h6 {
float: left;
font-size: 15px;
font-weight: bold;
margin: 0px 0px 6px;
}
.careplus-department-skill .skillst > span {
float: right;
font-size: 15px;
font-weight: bold;
}
.careplus-department-form ul { margin: 0px -15px;}
.careplus-department-form ul li {
float: left;
width: 50%;
padding: 0px 15px;
margin: 0px 0px 30px;
list-style: none;
}
.careplus-department-form ul li input[type="email"],
.careplus-department-form ul li input[type="text"] {
float: left;
width: 100%;
background-color: transparent;
border: 1px solid #ececec;
color: #999999;
font-size: 12px;
padding-left: 15px;
height: 45px;
}
.careplus-department-form ul li .careplus-appointment-select:after { padding: 7px 2px 0px 0px;}
.careplus-department-form ul li textarea {
background-color: transparent;
height: 205px;
float: left;
width: 100%;
color: #3e3e3e;
padding-left: 15px;
font-size: 12px;
border: 1px solid #ececec;
padding-top: 10px;
}
.careplus-department-form ul li.fullform { width: 100%;}
.careplus-department-form ul li input[type="submit"] {
border: 1px solid;
color: #ffffff;
padding: 5px 17px 6px;
}
.careplus-department-form ul li input[type="submit"]:hover {
background-color: #ffffff;
}
.careplus-department-form ul li > label {
margin: 0px;
float: left;
position: relative;
line-height: 2;
}
.careplus-department-form ul li > label:before {
content: '';
position: absolute;
left: -5px;
bottom: 0px;
height: 1px;
width: 5px;
}
.careplus-department-form ul li > label:after {
content: '';
position: absolute;
left: 0px;
bottom: -5px;
height: 5px;
width: 1px;
}
.careplus-department-form ul li label span {
position: absolute;
right: 0px;
top: 0px;
}
.careplus-department-form ul li label span:before {
content: '';
position: absolute;
right: -5px;
top: 0px;
height: 1px;
width: 5px;
}
.careplus-department-form ul li label span:after {
content: '';
position: absolute;
right: 0px;
top: -5px;
height: 5px;
width: 1px;
}
/* error 404 */
.error-404-background {
background-image: url("//cdn.nexternal.com/assets/images/base/hh-building-default.jpg");
padding-top: 149px;
padding-bottom: 148px;
position: relative;
background-size: cover;
}
.careplus-error-transparnt {
position: absolute;
left: 0px;
top: 0px;
width: 100%;
height: 100%;
background-color: #000000;
opacity: 0.6;
}
.careplus-error-page-wrap {
float: left;
width: 100%;
text-align: center;
}
.careplus-error-page-text {
display: inline-block;
width: 54%;
padding: 39px 65px 68px;
}
.careplus-error-page-text h2 {
color: #ffffff;
font-size: 100px;
font-weight: bold;
margin: 0px 0px 3px;
line-height: 1.1;
letter-spacing: 5.7px;
}
.careplus-error-page-text h3 {
color: #ffffff;
font-size: 30px;
font-weight: bold;
margin-bottom: 22px;
letter-spacing: 1.5px;
}
.careplus-error-page-text p {
color: #ffffff;
margin: 0px;
display: inline-block;
margin-bottom: 30px;
letter-spacing: 0.8;
}
.careplus-error-btn {
display: inline-block;
position: relative;
padding: 8px 20px 10px;
letter-spacing: 0.8px;
}
.careplus-error-btn:after {
content: '';
left: 0px;
top: 0px;
width: 1px;
height: 120%;
position: absolute;
}
.careplus-error-btn:before {
content: '';
right: 0px;
bottom: 0px;
width: 106%;
height: 1px;
position: absolute;
}
.careplus-error-btn span:after {
content: '';
left: 0px;
top: 0px;
position: absolute;
width: 106%;
height: 1px;
}
.careplus-error-btn span:before {
content: '';
right: 0px;
bottom: 0px;
width: 1px;
height: 120%;
position: absolute;
}
/* search result */
.careplus-search-result-text {
float: left;
width: 100%;
padding: 17px 30px 36px;
border-top: 6px solid;
position: relative;
margin-bottom: 48px;
}
.careplus-search-result-text:before {
content: '';
right: 0px;
top: 0px;
position: absolute;
width: 0;
height: 0;
border-top: 25px solid;
border-left: 25px solid transparent;
}
.careplus-search-result-text h2 {
color: #ffffff;
margin: 0px 0px 4px;
font-size: 35px;
font-weight: bold;
letter-spacing: 2.6px;
}
.careplus-search-result-text p {
color: #ffffff;
margin: 0px 0px 24px;
}
.careplus-search-result-text form input[type="text"] {
float: left;
width: 100%;
height: 50px;
font-style: italic;
font-size: 12px;
background-color: #395e6f;
color: #e8e8e8;
margin-bottom: 30px;
padding: 0px 0px 0px 20px;
letter-spacing: 1px;
}
.careplus-search-result-text i {
position: absolute;
right: 10px;
top: 4px;
color: #ffffff;
font-size: 90px;
opacity: 0.03;
}
.careplus-search-result-text form {
float: left;
width: 79%;
}
.careplus-search-result-text form label {
margin: 5px 0px 0px 6px;
position: relative;
display: inline-block;
}
.careplus-search-result-text form label:before {
content: '';
position: absolute;
left: -6px;
bottom: 0px;
width: 6px;
height: 1px;
}
.careplus-search-result-text form label:after {
content: '';
position: absolute;
left: 0px;
bottom: -6px;
width: 1px;
height: 6px;
}
.careplus-search-result-text form label span {
position: absolute;
right: 0px;
top: 0px;
}
.careplus-search-result-text form label span:before {
content: '';
position: absolute;
right: -6px;
top: 0px;
width: 6px;
height: 1px;
}
.careplus-search-result-text form label span:after {
content: '';
position: absolute;
right: 0px;
top: -6px;
width: 1px;
height: 6px;
}
.careplus-search-result-text form input[type="submit"] {
background-color: #fff;
padding: 2px 19px 3px;
line-height: 2;
border: 1px solid #fff;
color: #071a4a;
}
/* contact us */
.careplus-content-space { padding: 100px 0px 0px;}
.carepluss-contact-us-info {
float: left;
width: 100%;
margin-bottom: 70px;
}
.carepluss-contact-us-info ul li {
list-style: none;
margin: 0px 0px 30px;
}
.carepluss-info {
float: left;
width: 100%;
background-color: #f5f5f5;
text-align: center;
padding: 23px 45px 26px;
position: relative;
line-height: 1;
}
.carepluss-info h2 {
font-size: 18px;
font-weight: bold;
margin-bottom: 9px;
text-transform: uppercase;
}
.carepluss-info p {
font-size: 15px;
color: #808080;
display: inline-block;
line-height: 20px;
letter-spacing: 1px;
margin: 0px;
}
.carepluss-info p a { color: #808080;}
.carepluss-info span {
position: absolute;
left: 0px;
top: 0px;
}
.carepluss-info span:before {
content: '';
left: 0px;
top: 0px;
position: absolute;
border-top: 60px solid;
border-right: 60px solid transparent;
}
.carepluss-info i {
position: absolute;
left: 10px;
top: 7px;
color: #ffffff;
font-size: 35px;
opacity: 0.3;
}
.careplus-form-map #map {
width: 100%;
height: 600px;
}
.careplus-map-form {
position: absolute;
left: 0px;
top: 50px;
width: 100%;
padding: 16px 0px 6px;
margin: 0px;
border-top: 5px solid;
z-index: 2;
opacity: 0.9;
}
.careplus-map-form:before {
content: '';
right: 0px;
top: 0px;
width: 0;
height: 0;
border-top: 25px solid;
border-left: 25px solid transparent;
position: absolute;
}
.careplus-map-form h2 {
margin: 0px 0px 21px;
padding: 0px 30px;
color: #ffffff;
font-size: 24px;
font-weight: bold;
position: relative;
}
.careplus-map-form form {
float: left;
width: 100%;
padding: 40px 30px 0px;
border-top: 1px solid #627f8c;
}
.careplus-map-form form ul li {
list-style: none;
float: left;
width: 100%;
margin: 0px 0px 30px;
}
.careplus-map-form form ul li input[type="text"],
.careplus-map-form form ul li input[type="email"] {
float: left;
width: 100%;
height: 40px;
font-style: italic;
padding-left: 15px;
background-color: #355a6b;
font-size: 12px;
color: #b5b5b5;
}
.careplus-map-form form ul .message-box textarea {
float: left;
width: 100%;
height: 140px;
padding-left: 15px;
padding-top: 10px;
font-size: 12px;
font-style: italic;
background-color: #355a6b;
color: #f3f3f3;
}
.careplus-map-form form ul li label {
margin: 5px 0px 0px 6px;
position: relative;
display: inline-block;
}
.careplus-map-form form ul li label:before {
content: '';
position: absolute;
left: -6px;
bottom: 0px;
width: 6px;
height: 1px;
background-color: #ffffff;
}
.careplus-map-form form ul li label:after {
content: '';
position: absolute;
left: 0px;
bottom: -6px;
width: 1px;
height: 6px;
background-color: #ffffff;
}
.careplus-map-form form ul li label span {
position: absolute;
right: 0px;
top: 0px;
}
.careplus-map-form form ul li label span:before {
content: '';
position: absolute;
right: -6px;
top: 0px;
width: 6px;
height: 1px;
background-color: #ffffff;
}
.careplus-map-form form ul li label span:after {
content: '';
position: absolute;
right: 0px;
top: -6px;
width: 1px;
height: 6px;
background-color: #ffffff;
}
.careplus-map-form form ul li input[type="submit"], .careplus-map-form input[type="submit"] {
background-color: transparent;
color: #ffffff;
padding: 3px 25px 4px;
border: 1px solid #ffffff;
}
/* faq */
.panel-group.faq-accordion {
float: left;
width: 100%;
margin: 0px 0px 100px;
}
.faq-accordion .panel-heading { padding: 0px 0px 0px 0px;}
.faq-accordion .panel-group .panel {
border-radius: 0px;
box-shadow: none;
}
.faq-accordion .panel-default {
border: none;
float: left;
width: 100%;
box-shadow: none;
position: relative;
}
.faq-accordion .panel-default:before {
content: '';
position: absolute;
left: 0px;
bottom: 0px;
background-color: #ececec;
width: 100%;
height: 1px;
}
.faq-accordion .panel-default .collapsed {
display: inline-block;
background-color: #f5f5f5;
width: 100%;
color: #555555;
border-top: 6px solid #e5e5e5;
}
.faq-accordion .panel-default > .panel-heading {
color: #ffffff;
position: relative;
margin: 0px 0px 40px;
}
.faq-accordion .panel-default > .panel-heading:before {
content: '';
position: absolute;
left: 0px;
bottom: -40px;
width: 100%;
height: 40px;
border: 1px solid #ececec;
border-bottom: none;
}
.faq-accordion .panel-title a {
padding: 15px 28px 18px 57px;
display: inline-block;
width: 100%;
font-size: 14px;
border-top: 6px solid;
position: relative;
}
.faq-accordion .panel-title {
position: relative;
letter-spacing: 0.5px;
}
.faq-accordion .panel-title:after {
content: '';
position: absolute;
right: 0px;
top: 5px;
width: 0;
height: 0;
border-top: 40px solid #e5e5e5;
border-left: 40px solid transparent;
}
.faq-accordion .panel-title a:before {
content: '';
position: absolute;
right: 0px;
top: -1px;
width: 0;
height: 0;
border-top: 40px solid;
border-left: 40px solid transparent;
z-index: 1;
}
.faq-accordion .panel-title a.collapsed:before { content: none;}
.faq-accordion .panel-title:before {
content: "\f107";
position: absolute;
left: 22px;
top: 22px;
font-family: 'FontAwesome';
color: #ffffff;
}
.faq-accordion .panel-title a.collapsed:after {
content: "\f29c";
position: absolute;
left: 20px;
top: 15px;
font-family: 'FontAwesome';
color: #555555;
}
.faq-accordion .panel-body {
display: inline-block;
width: 100%;
padding: 18px 40px 19px 55px;
position: relative;
margin: -39px 0px 0px;
}
.faq-accordion .panel-body p {
margin: 0px;
letter-spacing: 0.9px;
}
.faq-accordion .panel-default > .panel-heading + .panel-collapse > .panel-body { border: 1px solid #ececec; border-top: none; border-bottom: none;}
.panel-group.faq-accordion .panel + .panel { margin-top: 24px;}
/* Pricing Plan */
.careplus-Pricing-Plan {
float: left;
width: 100%;
margin: 0px 0px 70px;
}
.careplus-Pricing-Plan > ul > li {
list-style: none;
margin: 0px 0px 30px;
}
.careplus-pricplan-wrap {
float: left;
width: 100%;
text-align: center;
}
.careplus-pricplan-title {
float: left;
width: 100%;
padding: 21px 0px 18px;
text-align: center;
position: relative;
}
.careplus-pricplan-title:before {
content: '';
position: absolute;
left: 0px;
bottom: -4px;
width: 85%;
height: 11px;
}
.careplus-pricplan-title:after {
content: '';
position: absolute;
right: 0px;
bottom: -4px;
width: 16%;
height: 11px;
}
.careplus-pricplan-title > span {
position: absolute;
bottom: -8px;
left: 0px;
width: 100%;
height: 7px;
z-index: 1;
}
.careplus-pricplan-title > span:before {
content: '';
left: 0px;
bottom: 0px;
width: 86%;
height: 7px;
position: absolute;
}
.careplus-pricplan-title > span:after {
content: '';
right: 0px;
bottom: 0px;
width: 15%;
height: 7px;
position: absolute;
}
.careplus-pricplan-title h3 {
margin: 0px 0px 7px;
color: #ffffff;
font-size: 22px;
display: inline-block;
width: 100%;
font-weight: bold;
position: relative;
text-transform: uppercase;
}
.careplus-pricplan-title h3:before {
content: '';
left: 50%;
bottom: -6px;
position: absolute;
height: 2px;
width: 50px;
background-color: #194458;
margin-left: -25px;
}
.careplus-pricplan-title h4 {
margin: 0px;
font-size: 36px;
color: #ffffff;
font-weight: bold;
letter-spacing: 2.4px;
}
.careplus-pricplan-title > h4 > span {
font-size: 14px;
letter-spacing: 0.6px;
text-transform: uppercase;
}
.careplus-pricplan-list {
float: left;
width: 100%;
text-align: center;
border: 1px solid #ececec;
padding: 32px 67px 48px;
}
.careplus-pricplan-list ul {
margin: 0px 0px 19px;
display: inline-block;
}
.careplus-pricplan-list ul li {
list-style: none;
width: 100%;
float: left;
letter-spacing: 1px;
font-size: 16px;
border-bottom: 1px solid #ececec;
padding: 11px 0px 12px;
}
.careplus-pricplan-list ul li:last-child { border-bottom: none;}
.careplus-Pricing-Plan .careplus-error-btn {
padding: 5px 32px 6px 32px;
font-size: 16px;
color: #868686;
}
.careplus-Pricing-Plan .careplus-error-btn span:after,.careplus-Pricing-Plan .careplus-error-btn span:before,
.careplus-Pricing-Plan .careplus-error-btn:before,.careplus-Pricing-Plan .careplus-error-btn:after { background-color: #b3b3b3;}
.careplus-Pricing-Plan ul li:hover .careplus-error-btn {
color: #ffffff;
}
/*Appointment*/
.careplus-appointment-bord {
display: table;
border: 1px solid #ececec;
margin: 0px 0px 30px;
}
.careplus-appointment-bord ul { display: table-row;}
.careplus-appointment-bord ul li {
display: table-cell;
list-style: none;
font-size: 16px;
padding: 0px;
border-bottom: 1px solid #ececec;
text-align: center;
border-right: 1px solid #ececec;
}
.careplus-appointment-bord ul.schedule-days li {
font-weight: bold;
color: #ffffff;
padding: 14px 26px;
border-bottom: 5px solid;
border-right: none;
}
.careplus-appointment-bord ul.schedule-days li:first-child {
background-color: transparent;
border-bottom: 1px solid #ececec;
}
.careplus-appointment-bord ul.schedule-days li > span {
font-size: 16px;
color: #555555;
}
.careplus-appointment-bord ul li time {
width: 97px;
display: inline-block;
padding: 22px 30px 20px;
text-align: center;
line-height: 1.4;
font-size: 14px;
}
.careplus-doctor {
display: inline-block;
background-color: #f5f5f5;
line-height: 1;
padding: 8px 20px 17px;
}
.careplus-doctor h6 {
font-weight: bold;
margin: 0px 0px 4px;
}
.careplus-doctor > span {
width: 100%;
float: left;
font-size: 14px;
margin: 0px 0px 9px;
}
.available-btn {
font-size: 12px;
display: inline-block;
color: #ffffff;
padding: 7px 16px 8px;
letter-spacing: 0.7px;
border-radius: 4px;
}
.careplus-appointment-bord ul li:hover .available-btn { color: #ffffff;}
.available-btn.booked {
color: #ffffff;
background-color: #a5a5a5;
cursor: not-allowed;
}
.careplus-appointment-bord ul.border-none li { border-bottom: none;}
/* color.css */
/* ThemeColor One */
.careplus-color,.careplus-colorhover:hover,.careplus-gallery-filterable ul li a:hover,.careplus-gallery-filterable ul li a.is-checked,.careplus-testimonial-text h6 a,.careplus-about-service h2,.careplus-about-service h1,
.careplus-tags span,.careplus-blog-social span,.careplus-section-heading h2,.comment-respond form p input[type="submit"]:hover,.careplus-widget-heading h2,.widget_cetagories ul li a,
.widget_populer_posts section h3 a,.careplus-blog ul li:hover .careplus-blog-grid-text .careplus-readmore-btn,.careplus-pagination > ul > li > a:hover,.careplus-pagination > ul > li > span.current,
.careplus-blog-large .careplus-readmore-btn,.careplus-blog-medium-text .careplus-blog-grid-option li:hover a,.careplus-blog ul li:hover .careplus-blog-medium-text .careplus-readmore-btn,
.careplus-team-post-text h5,.careplus-team-post-text > ul > li,.careplus-about-education li h6,.careplus-team ul li:hover .careplus-team-list-text .careplus-readmore-btn,.careplus-shop-detail-text h4 a,
.careplus-shop-detail-text > span,.careplus-fancy-title h2,.careplus-shop-option li a:hover,.careplus-shop-detail-text .careplus-readmore-btn,.careplus-shop-tabs .nav-tabs li a,
.careplus-related-products-text span,.careplus-shop-grid-text > span,.careplus-shop-list ul li:hover .careplus-shop-list-text h5 a,.careplus-shop-list-text > span,.careplus-department-grid-text i,
.careplus-department ul li:hover .careplus-department-grid-text .careplus-readmore-btn,.careplus-department-list-text i,.careplus-department ul li:hover .careplus-department-list-text .careplus-readmore-btn,
.careplus-appointment-request-form form ul li span,.careplus-appointment-request-form form ul li input[type="submit"]:hover,.careplus-department-liststyle li i,.careplus-department-liststyle li h6,
.careplus-department-form ul li input[type="submit"]:hover {
color: #071a4a;
}
.careplus-bgcolor,.careplus-bgcolorhover:hover,.careplus-blog ul li:hover .careplus-readmore-btn,.careplus-blog ul li:hover .careplus-readmore-btn:before,
.careplus-blog ul li:hover .careplus-readmore-btn span:before,.careplus-blog ul li:hover .careplus-readmore-btn:after,.careplus-blog ul li:hover .careplus-readmore-btn span:after,
.careplus-section-postfull .careplus-transparent-shape,.careplus-team-medium-info,.careplus-plane-gallery figure > a:before,.careplus-tabs-thumb span:before,.careplus-footer-transparent,
.careplus-dark-transparent,.careplus-about-transparent,.careplus-team-modern figure:before,.careplus-team-modern figure > a:before,.careplus-thumb-heading,blockquote i,
.comment-respond form p input[type="submit"],.comment-respond form p label:before,.comment-respond form p label:after,.comment-respond form p label span:before,
.comment-respond form p label span:after,.widget_department ul li a,.widget_cetagories ul li a:before,.widget-gallery a:before,
.careplus-pagination > ul > li:hover > .next,.careplus-pagination > ul > li:hover > .previous span:before,.careplus-pagination > ul > li:hover > .next span:before,
.careplus-pagination > ul > li:hover > .previous span:after,.careplus-pagination > ul > li:hover > .next span:after,.careplus-pagination > ul > li:hover > .previous:after,
.careplus-pagination > ul > li:hover > .next:after,.careplus-pagination > ul > li:hover > .previous:before,.careplus-pagination > ul > li:hover > .next:before,.careplus-blog-large figure a:before,
.careplus-blog-large .careplus-readmore-btn span:before,.careplus-blog-large .careplus-readmore-btn span:after,.careplus-blog-large .careplus-readmore-btn:after,
.careplus-blog-large .careplus-readmore-btn:before,.careplus-blog-medium figure a:before,.careplus-about-education li:before,.careplus-related-team figure a:before,.careplus-related-team figure a:after,
.careplus-team-filterable ul li a.is-checked,.careplus-team-list figure a:before,.careplus-team ul li:hover .careplus-team-list-text .careplus-readmore-btn span:before,
.careplus-team ul li:hover .careplus-team-list-text .careplus-readmore-btn span:after,.careplus-transparent,.careplus-fancy-title span:before,.careplus-fancy-title span:after,
.careplus-blog-modern figure a:before,.careplus-shop-detail-text .careplus-readmore-btn:before,.careplus-shop-detail-text .careplus-readmore-btn:after,.careplus-department-grid figure a:before,
.careplus-shop-detail-text .careplus-readmore-btn span:before,.careplus-shop-detail-text .careplus-readmore-btn span:after,.careplus-shop-tabs .nav-tabs > li:last-child > a:before,
.careplus-shop-tabs .nav-tabs > li:last-child > a:after,.careplus-shop-tabs .nav-tabs > li:first-child > a:before,.careplus-shop-tabs .nav-tabs > li:first-child > a:after,
.careplus-shop-tabs .nav-tabs > li.active > a,.careplus-shop-tabs .nav-tabs > li.active > a:hover,.careplus-shop-tabs .nav-tabs > li.active > a:focus,.careplus-related-products figure a:before,
.careplus-shop-grid figure a:before,.careplus-shop ul li:hover .careplus-readmore-btn,.careplus-shop ul li:hover .careplus-readmore-btn:before,.careplus-shop ul li:hover .careplus-readmore-btn:after,
.careplus-shop ul li:hover .careplus-readmore-btn span:before,.careplus-shop ul li:hover .careplus-readmore-btn span:after,.careplus-shop-list figure a:before,
.careplus-shop ul li:hover .careplus-shop-list-text .careplus-readmore-btn:before,.careplus-shop ul li:hover .careplus-shop-list-text .careplus-readmore-btn span:before,
.careplus-shop ul li:hover .careplus-shop-list-text .careplus-readmore-btn:after,.careplus-shop ul li:hover .careplus-shop-list-text .careplus-readmore-btn span:after,
.careplus-department ul li:hover .careplus-department-grid-text .careplus-readmore-btn:before,.careplus-department ul li:hover .careplus-department-grid-text .careplus-readmore-btn span:before,
.careplus-department ul li:hover .careplus-department-grid-text .careplus-readmore-btn:after,.careplus-department ul li:hover .careplus-department-grid-text .careplus-readmore-btn span:after,
.careplus-department-list figure a:before,.careplus-department ul li:hover .careplus-department-list-text .careplus-readmore-btn:before,.careplus-appointment-request-form form ul li input[type="submit"],
.careplus-department ul li:hover .careplus-department-list-text .careplus-readmore-btn span:before,.careplus-department ul li:hover .careplus-department-list-text .careplus-readmore-btn:after,
.careplus-department ul li:hover .careplus-department-list-text .careplus-readmore-btn span:after,.careplus-appointment-request-form form ul li > label:before,.careplus-appointment-request-form form ul li > label:after,
.careplus-appointment-request-form form ul li label span:before,.careplus-appointment-request-form form ul li label span:after,.careplus-radio label::before,.careplus-department-form ul li input[type="submit"],
.careplus-department-form ul li > label:before,.careplus-department-form ul li > label:after,.careplus-department-form ul li label span:before,.careplus-department-form ul li label span:after,
.careplus-error-page-text,.careplus-search-result-text,.careplus-map-form,.faq-accordion .panel-title,.careplus-pricplan-title,.careplus-pricplan-title:before,.careplus-pricplan-title:after,
.available-btn,.careplus-partners ul li figure span,.careplus-fancy-title span small:after,.careplus-fancy-title span small::before,.careplus-pagination > ul > li:hover > .previous,
.careplus-team ul li:hover .careplus-team-list-text .careplus-readmore-btn::after,.careplus-team ul li:hover .careplus-team-list-text .careplus-readmore-btn span::after,
.careplus-team ul li:hover .careplus-team-list-text .careplus-readmore-btn:before {
background-color: #071a4a;
}
.careplus-bordercolor,.careplus-bordercolorhover:hover,.comment-respond form p input[type="submit"],.careplus-pagination > ul > li > a:hover,
.careplus-pagination > ul > li > span.current,.bar-container .bar:before,.careplus-shop-tabs .nav-tabs > li.active > a,
.careplus-shop-tabs .nav-tabs > li.active > a:hover,.careplus-shop-tabs .nav-tabs > li.active > a:focus,.careplus-shop-tabs .nav-tabs li a,.careplus-shop-tabs .nav-tabs > li > a:hover,
.careplus-appointment-request-form form ul li input[type="submit"],.careplus-department-form ul li input[type="submit"] {
border-color: #071a4a;
}
.careplus-blog-modern-text,.careplus-blog-modern-text:before,.careplus-team-filterable ul li a.is-checked:before {
border-top-color: #071a4a;
}
.careplus-post-list li i:after,.careplus-team-medium-text,.careplus-team-medium-text:before,.careplus-gallery-filterable ul li a.is-checked,.careplus-gallery-filterable ul li a.is-checked:before,
.careplus-team-modern figure:after,.careplus-blog-grid ul li:hover .careplus-blog-grid-text,.careplus-blog-grid ul li:hover .careplus-blog-grid-text:before,
.careplus-appointment-bord ul.schedule-days li {
border-bottom-color: #071a4a;
}
/* ThemeColor Two */
.careplus-color-two,.careplus-colorhover-two:hover,.careplus-fancy-title span i,.careplus-blog-modern figure a span,
.careplus-content-post-title span i,.careplus-content-post .careplus-readmore-btn,.careplus-plane-gallery figure figcaption > a,.widget_contact_info ul li h6,.careplus-blog-grid figure a span,
.careplus-about-service h2 span,.carelus-team-social li a,.careplus-team-modern figure a span,.widget_populer_posts section time i,
.careplus-tags a:hover,.careplus-blog-social ul li:hover a,.careplus-prenxt-post ul li:hover .careplus-post-arrow,.text-holder:hover .comment-reply-link,.widget_cetagories ul li:hover a,
.widget_populer_posts ul li:hover section h6 a,.careplus-blog-grid-option li:hover a,.careplus-blog-large figure a span,.careplus-blog-large .careplus-blog-option li:hover a,
.careplus-blog-large .careplus-blog-option li:hover a i,.careplus-blog-medium-text .careplus-blog-grid-option li a,.careplus-blog-medium figure a span,.careplus-related-team figure a span,
.careplus-team-post-text > .careplus-footer-social li:hover a,.careplus-team-list figure a span,.careplus-related-products figure a span,.careplus-shop-grid figure a span,.careplus-shop-list figure a span,
.careplus-department-grid figure a span,.careplus-department-list figure a > span,.careplus-error-btn{
color: #003998;
}
.careplus-bordercolor-two,.careplus-bordercolorhover-two:hover,.comment-respond form p input[type="text"]:focus,.careplus-full-form textarea:focus,.careplus-appointment-select select:focus,
.comment-respond form p input[type="email"]:focus,.careplus-appointment-request-form form ul li input[type="text"]:focus,.careplus-appointment-request-form form ul li textarea:focus,
.careplus-appointment-request-form form ul li input[type="email"]:focus,.careplus-department-form ul li input[type="email"]:focus,.careplus-department-form ul li textarea:focus,
.careplus-department-form ul li input[type="text"]:focus,.careplus-plane-gallery figure figcaption > a,.careplus-search-result-text form input[type="submit"] {
border-color: #b4b4b4;
}
.navbar-nav > li > a:after,.careplus-related-blog > ul > li:hover .careplus-related-blog-text:after,.careplus-appointment-form form:after,.careplus-team-medium-info,
.careplus-team-medium-info:before,.careplus-partners ul li figure span,.careplus-breadcrumb:before,.careplus-department-grid figure a:before {
border-bottom-color: #93B2D1;
}
.careplus-appointment-form form:before,.careplus-testimonial-wrap:before,.careplus-partners ul li figure span:before,.careplus-search-result-text,
.careplus-search-result-text:before,.carepluss-info span:before,.careplus-map-form,.careplus-map-form:before,.faq-accordion .panel-title a,.faq-accordion .panel-title a:before {
border-top-color: #b4b4b4;
}
.careplus-appointment-form form,.careplus-tabs-thumb:after,.careplus-blog-medium figure a:after,.careplus-blog-medium figure a:before,.careplus-shop-list figure a:before,
.careplus-team-list figure a:before {
border-right-color: #b4b4b4;
}
/* responsive.css */
/* Media 768Px Start */
@media (min-width: 768px) and (max-width: 990px) {
.navbar { position: relative; }
.navbar-toggle { display: block; background-color: #eee; margin: 30px 0px 25px 30px; }
.navbar-collapse { padding: 0px 0px 0px 0px; width: 260px; background-color: #fff; box-shadow: 0px 0px 5px 1px rgba(0,0,0,0.10); border: none; position: absolute; left: 0%; top: 100%; z-index: 9999; margin: 10px 0px 0px 0px; }
#careplus-header .collapse { display: none; } #careplus-header .collapse.in { display: block; } .careplus-thumbnail { margin-bottom: 0px; }
.navbar-nav > li:first-child > a { padding-left: 22px; }
.navbar-nav { margin: 0px; } .navbar-nav > li > a:before,.navbar-nav > li > a:after { display: none; }
.careplus-dropdown-menu { float: left; width: 100%; position: relative; opacity: 1; visibility: visible; box-shadow: none;}
.careplus-dropdown-menu,.careplus-megamenu {
-webkit-transform: translate(0px);
-moz-transform: translate(0px);
-ms-transform: translate(0px);
-o-transform: translate(0px);
transform: translate(0px);
}
.careplus-megamenu { float: left; min-width: 100%; position: relative; right: auto; top: auto; padding: 20px 8px 5px 8px; box-shadow: none; opacity: 1; visibility: visible; }
.careplus-megamenu [class*="col-md-"] { width: 100%; float: left; margin-bottom: 15px; }
.careplus-megamenu .row { margin: 0px; } .navbar-nav > li > a { float: left; width: 100%; padding: 20px 20px 10px 20px; color: #555555;}
.navbar-nav > li { width: 100%; padding: 0px 0px; }
.careplus-dropdown-menu .careplus-dropdown-menu { left: 0px; margin: 0;}
/* Main Grid */
/*.careplus-main-content .col-md-4,*/
.careplus-main-content .col-md-3 { float: none; display: inline-block; vertical-align: top; margin-right: -4px; width: 50%; }
.careplus-main-content .col-md-7,.careplus-main-content .col-md-5 { width: 100%; float: left; margin-bottom: 30px; }
.col-md-12 { float: left; width: 100%; }
/*Header*/
.careplus-appointment-form { width: 60%;}
/*.careplus-infolist li { padding-left: 50px; margin-top: 0px; text-align: left;}*/
/*.careplus-booking-btn { margin: 65px 0px 40px; display: inline-block; float: none;}*/
.careplus-user-list { margin: 18px 0 0 13px;}
.careplus-banner-wrap { display: none;}
/*content*/
.careplus-tabs-thumb { position: relative; width: 100%;}
.careplus-team-medium-info h5, .careplus-team-medium-text h5 { display: block;}
.careplus-gallery-filterable ul li { margin: 0 29px -4px;}
.careplus-plane-gallery figure span:before { bottom: 31px;}
.careplus-plane-gallery figure span:before,.careplus-plane-gallery figure span:after { bottom: 32px;}
.careplus-plane-gallery ul li:hover figure:before, .careplus-plane-gallery ul li:hover figure span:before { width: 89%;}
.careplus-plane-gallery figure span:after,.careplus-plane-gallery figure span:before { right: 27px;}
.careplus-department-counter ul li { width: 50%;}
.careplus-partners ul li figure span { font-size: 12px;}
.careplus-footer-widget .widget { float: left;}
.careplus-footer-one:before { display: none;}
.careplus-footer-shape:before { height: 66%; left: 20px;}
.careplus-error-page-text { width: 78%;}
/* .careplus-about-image { display: none;}*/
.careplus-about-post-text h2 { width: 77%;}
.careplus-thumb-heading { padding: 25px 18px;}
.careplus-related-blog > ul > li { float: left; width: 50%;}
.careplus-related-blog-text { margin: 20px 0 0 -110px;}
.careplus-blog > ul > li { float: left;}
.careplus-blog-medium-text { padding: 31px 92px 37px 30px;}
.carepluss-info { padding: 24px 65px 25px;}
.careplus-map-form { top: 173px;}
.careplus-team.careplus-related-team > ul > li { float: left;}
.careplus-shopwrap figure { width: 300px;}
.careplus-shop-option li { margin: 0 7px 10px 0;}
.star-rating { width: 21%;}
.careplus-shop-list-text { padding: 23px 0 32px 25px;}
.careplus-team-post-text { margin: 30px 0 0 -72px;}
.careplus-about-education:before { height: 68%;}
.careplus-achievements-img { display: none;}
.careplus-team-list-text { padding: 15px 0 20px 38px;}
.widget_contact_info li:last-child { margin-bottom: 0px;}
.careplus-appointment-bord ul { float: left; width: 100%;}
.careplus-appointment-bord ul li { float: left; width: 20%;}
.careplus-doctor { padding: 7px 13px 17px;}
.careplus-sticky .careplus-navigation-section { position: relative;}
.careplus-sticky .careplus-navigation-section { animation: none;}
.careplus-logo { width: 70%; text-align: center;}
.careplus-infolist { padding-left: 0px; margin: 0px 0px 39px; width: 100%;}
.careplus-partners ul li:last-child { display: none;}
.careplus-partners ul li { display: inline-block; float: none; width: 24%;}
.careplus-partners { text-align: center;}
.careplus-footer-one { background-size: cover;}
.careplus-tab-wrap::before { display: none;}
.careplus-tab-color .col-md-8 { width: 100%;}
.careplus-main-header aside.col-md-9{ text-align: center;}
.careplus-section-postfull .careplus-transparent-shape { width: 100%; left: 0px;
-webkit-transform: skewX(0deg);
-moz-transform: skewX(0deg);
-ms-transform: skewX(0deg);
-o-transform: skewX(0deg);
transform: skewX(0deg);
}
.careplus-tabs-thumb { display: none;}
.careplus-related-team-text::after,.careplus-related-team-text::before { top: -4px;}
.careplus-department-skill .skillst { width: 50%; padding: 10px;}
}
/* Media 420Px Start */
@media (max-width: 767px) {
.navbar { position: relative;}
.navbar-toggle { display: block; background-color: #eee; margin: 30px 30px 25px 0px; }
.navbar-collapse { padding: 0px 0px 0px 0px; width: 260px; background-color: #fff; box-shadow: 0px 0px 5px 1px rgba(0,0,0,0.10); border: none; position: absolute; left: 0%; top: 100%; z-index: 9999; margin: 10px 0px 0px 0px; }
#careplus-header .collapse { display: none; } #careplus-header .collapse.in { display: block; } .careplus-thumbnail { margin-bottom: 0px; }
.navbar-nav > li:first-child > a { padding-left: 22px; }
.navbar-nav { margin: 0px; } .navbar-nav > li > a:before,.navbar-nav > li > a:after { display: none; }
.careplus-dropdown-menu { float: left; width: 100%; position: relative; opacity: 1; visibility: visible; background-color: transparent; }
.careplus-dropdown-menu,.careplus-megamenu {
-webkit-transform: translate(0px);
-moz-transform: translate(0px);
-ms-transform: translate(0px);
-o-transform: translate(0px);
transform: translate(0px);
}
.careplus-megamenu { float: left; min-width: 100%; position: relative; right: auto; top: auto; padding: 20px 8px 5px 8px; box-shadow: none; opacity: 1; visibility: visible; }
.careplus-megamenu [class*="col-md-"] { width: 100%; float: left; margin-bottom: 15px; }
.careplus-megamenu .row { margin: 0px; } .navbar-nav > li > a { float: left; width: 100%; padding: 20px 20px 10px 20px; color: #555555;}
.careplus-dropdown-menu .careplus-dropdown-menu { left: 0px; margin: 0;}
.navbar-nav > li { width: 100%; padding: 0px; float: left; }
/* Main Grid */
/*.careplus-main-content .col-md-4*/
.careplus-main-content .col-md-3{ float: none; display: inline-block; vertical-align: top; margin-right: -4px; width: 50%; }*/
.careplus-main-content .col-md-7,.careplus-main-content .col-md-5 { width: 100%; float: left; margin-bottom: 30px; }
.col-md-12 { float: left; width: 100%; }
/*header*/
.careplus-appointment-form { width: 70%;}
.careplus-dropdown-menu li a { color: #576777;}
.careplus-navinner { width: 100%;}
.careplus-logo { text-align: center; float: none; margin-top: 25px; padding: 30px 0px 30px 0px;}
.careplus-logo img { width: 50%; margin-top: 25px;}
.careplus-infolist {padding: 0px;}
.careplus-booking-btn { margin: 0px 0px 40px; display: inline-block; float: none;}
.careplus-user-list { float: right; margin: 17px 0 0 13px;}
.careplus-close-btn { right: 50%; margin: 0px -50px 0px 0px;}
.careplus-banner-caption { display: none;}
.careplus-section-postfull .careplus-transparent-shape {
width: 100%;
left: 0px; -webkit-transform: skewX(0deg);
-moz-transform: skewX(0deg);
-ms-transform: skewX(0deg);
-o-transform: skewX(0deg);
transform: skewX(0deg);
}
.careplus-fancy-title h2 { line-height: 1;}
.careplus-gallery-filterable ul li { margin: 0px 15px -5px;}
.careplus-tabs-thumb { position: relative; width: 100%;}
.careplus-tab-color .col-md-8 { width: 100%;}
.careplus-department-counter ul li { width: 100%; padding: 67px 60px 68px 0;}
.careplus-department-counter ul li h6 { padding: 3px 35px 7px 104px;}
.careplus-partners ul li { width: 50%; text-align: center; margin: 0px 0px 30px;}
.careplus-partners ul li figure span { z-index: 1;}
.careplus-footer-widget .widget { float: left; width: 50%;}
.careplus-partners ul { margin: 0px;}
.careplus-team-medium-info { padding: 16px 16px 23px;}
.careplus-team-medium-text { padding: 34px 18px 40px;}
.careplus-error-page-text { width: 100%; padding: 39px 20px 68px;}
.careplus-about-service h2 { line-height: 1;}
.careplus-about-post-text h2 { width: 88%;}
.careplus-appointment-request-form form ul li { width: 50%;}
.careplus-tags,.careplus-blog-social { width: 100%; text-align: center;}
.careplus-tags a,.careplus-blog-social span i,.careplus-blog-social > ul { float: none; display: inline-block;}
.careplus-tags { margin: 0px 0px 10px;}
.careplus-prenxt-post ul li { width: 100%; margin: 0px 0px 30px;}
.comment-list figure ~ .text-holder { float: left; margin: 0px; padding: 8px 0 4px 0px;}
.comment-list .children { padding: 0px;}
.careplus-related-blog > ul > li { float: left;}
.careplus-prev-post { padding: 17px 20px 17px 61px;}
.careplus-next-post { padding: 17px 61px 17px 20px;}
.careplus-blog-grid-text h5 { line-height: 1.5;}
.careplus-blog-option { margin: 0px;}
.careplus-blog-medium figure { width: 100%;}
.careplus-blog > ul > li { float: left;}
.careplus-blog.careplus-blog-medium > ul > li { width: 50%;}
.careplus-blog-medium figure ~ .careplus-blog-medium-text { float: left; margin: 0px;}
.careplus-blog-medium figure:before { top: auto; bottom: 0px; border-left: 192px solid transparent; border-right: 82px solid transparent; border-bottom: 25px solid #f5f5f5; border-top: none;}
.careplus-blog-medium figure:after { width: 30%; height: 5px; bottom: 11px; right: -2px;
-webkit-transform: rotate(17deg);
-moz-transform: rotate(17deg);
-ms-transform: rotate(17deg);
-o-transform: rotate(17deg);
transform: rotate(17deg);
}
.careplus-blog-medium-text:before { height: 5px; width: 72%; left: -1px; top: -16px;
-webkit-transform: rotate(-7deg);
-moz-transform: rotate(-7deg);
-ms-transform: rotate(-7deg);
-o-transform: rotate(-7deg);
transform: rotate(-7deg);
}
.careplus-blog-medium-text > span:before { height: 1px; width: 72%; left: 0px; top: -8px; right: auto;
-webkit-transform: rotate(-7deg);
-moz-transform: rotate(-7deg);
-ms-transform: rotate(-7deg);
-o-transform: rotate(-7deg);
transform: rotate(-7deg);
}
.careplus-blog-medium-text > span { width: 100%;}
.careplus-blog-medium-text > span:after { height: 1px; width: 30%; right: 0px; bottom: auto; top: -8px;
-webkit-transform: rotate(17deg);
-moz-transform: rotate(17deg);
-ms-transform: rotate(17deg);
-o-transform: rotate(17deg);
transform: rotate(17deg);
}
.careplus-blog-medium figure a::before { border-bottom: 5px solid #9bc03c; border-right: none; right: 0px; top: auto; bottom: 2px;}
.careplus-blog-medium figure a::after { border-right: none; border-bottom: 1px solid #9bc03c; width: 100%;}
.carepluss-info { padding: 24px 30px 25px;}
.careplus-map-form { top: 173px;}
.careplus-team.careplus-related-team > ul > li { float: left;}
.careplus-department-list figure { width: 100%;}
.careplus-department-list figure ~ .careplus-department-list-text { float: left; margin: 0px;}
.careplus-department-list figure:before { width: 70%; height: 6px; top: auto; bottom: 0px; left: 0px; right: auto;
-webkit-transform: rotate(3deg);
-moz-transform: rotate(3deg);
-ms-transform: rotate(3deg);
-o-transform: rotate(3deg);
transform: rotate(3deg);
}
.careplus-department-list figure:after { width: 32%; height: 6px;
-webkit-transform: rotate(-7deg);
-moz-transform: rotate(-7deg);
-ms-transform: rotate(-7deg);
-o-transform: rotate(-7deg);
transform: rotate(-7deg);
}
.careplus-department-list ul li:hover figure:before { right: auto; bottom: 2px;}
.careplus-department-list ul li:hover figure:after { right: 0; bottom: 2px;}
.careplus-department-list-text:before { width: 70%; height: 5px;
-webkit-transform: rotate(3deg);
-moz-transform: rotate(3deg);
-ms-transform: rotate(3deg);
-o-transform: rotate(3deg);
transform: rotate(3deg);
}
.careplus-department-list-text:after { width: 32%; height: 5px; left: auto; right: 0px; bottom: auto; top: 0px;
-webkit-transform: rotate(-7deg);
-moz-transform: rotate(-7deg);
-ms-transform: rotate(-7deg);
-o-transform: rotate(-7deg);
transform: rotate(-7deg);
}
.careplus-department-list figure > span { height: auto; width: 100%; bottom: -2px; top: auto; right: 0px;}
.careplus-department-list figure > span:before { width: 70%; height: 2px; top: auto; bottom: -2px; left: 0px; right: auto;
-webkit-transform: rotate(3deg);
-moz-transform: rotate(3deg);
-ms-transform: rotate(3deg);
-o-transform: rotate(3deg);
transform: rotate(3deg);
}
.careplus-department-list figure > span:after { height: 2px; width: 32%; right: 0px; bottom: -2px;
-webkit-transform: rotate(-7deg);
-moz-transform: rotate(-7deg);
-ms-transform: rotate(-7deg);
-o-transform: rotate(-7deg);
transform: rotate(-7deg);
}
.careplus-department-list ul li:hover figure span:after { bottom: 0px;}
.careplus-department-list ul li:hover figure span:before { bottom: 0px; right: auto;}
.careplus-department-list-text { padding: 24px 0 35px 18px;}
.careplus-department > ul > li { width: 50%;}
.careplus-pricplan-list { padding: 32px 30px 48px;}
.careplus-shopwrap figure,.careplus-shop-detail-text { width: 100%;}
.careplus-shop-list figure { width: 100%;}
.careplus-shop-list figure ~ .careplus-shop-list-text { float: left; margin: 0px;}
.careplus-shop-list figure:before { right: 0px; bottom: -1px; top: auto; border-left: 180px solid transparent; border-right: 81px solid transparent; border-bottom: 21px solid #f5f5f5; border-top: none;}
.careplus-shop-list-text:before { left: 0px; top: -16px; height: 6px; width: 70%; z-index: 1;
-webkit-transform: rotate(-7deg);
-moz-transform: rotate(-7deg);
-ms-transform: rotate(-7deg);
-o-transform: rotate(-7deg);
transform: rotate(-7deg);
}
.careplus-shop-list-text:after { top: -16px; height: 6px; width: 33%; z-index: 1; bottom: auto; left: auto; right: 0px;
-webkit-transform: rotate(15deg);
-moz-transform: rotate(15deg);
-ms-transform: rotate(15deg);
-o-transform: rotate(15deg);
transform: rotate(15deg);
}
.careplus-shop-list-text { padding: 23px 0 32px 23px;}
.careplus-shop-list figure a:before { bottom: 0px; top: auto; width: 100%; height: 0px; border-right: none; border-bottom: 6px solid #9bc03c;}
.careplus-shop-list ul li:hover figure a:before { height: 100%;}
.careplus-shop > ul > li { width: 50%;}
.careplus-team-detail-post figure { width: 100%;}
.careplus-team-post-text { width: 100%; margin: 0px;}
.careplus-team-list figure { width: 100%;}
.careplus-team-list figure a:before { top: auto; bottom: 0px; height: 0px; width: 100%; border-right: none; border-bottom: 8px solid #9bc03c;}
.careplus-team-list ul li:hover figure a::before { height: 100%;}
.careplus-team-list figure ~ .careplus-team-list-text { margin: 0px; float: left;}
.careplus-team-list figure:before { bottom: -12px; left: -2px; width: 53%; height: 23px; top: auto;
-webkit-transform: rotate(9deg);
-moz-transform: rotate(9deg);
-ms-transform: rotate(9deg);
-o-transform: rotate(9deg);
transform: rotate(9deg);
}
.careplus-team-list figure:after { width: 53%; height: 23px; right: -3px; bottom: -12px;
-webkit-transform: rotate(-9deg);
-moz-transform: rotate(-9deg);
-ms-transform: rotate(-9deg);
-o-transform: rotate(-9deg);
transform: rotate(-9deg);
}
.careplus-team-list-text:before { width: 51%; height: 8px; left: 0px; top: -19px;
-webkit-transform: rotate(9deg);
-moz-transform: rotate(9deg);
-ms-transform: rotate(9deg);
-o-transform: rotate(9deg);
transform: rotate(9deg);
}
.careplus-team-list-text:after { width: 50%; height: 8px; right: 0px; left: auto; top: -19px; bottom: auto;
-webkit-transform: rotate(-9deg);
-moz-transform: rotate(-9deg);
-ms-transform: rotate(-9deg);
-o-transform: rotate(-9deg);
transform: rotate(-9deg);
}
.careplus-team-list ul li:hover .careplus-team-list-text:after { left: auto; right: 0px;}
.careplus-team-list-text { padding-left: 30px;}
.careplus-team > ul > li { width: 50%;}
.careplus-tags span { display: inline-block; float: none;}
.careplus-appointment-bord ul { float: left; width: 100%;}
.careplus-appointment-bord ul li { float: left; width: 50%;}
.careplus-doctor { width: 100%;}
.careplus-sticky .careplus-navigation-section { position: relative;}
.careplus-sticky .careplus-navigation-section { animation: none;}
.careplus-main-header aside.col-md-9 { text-align: center;}
.careplus-infolist li {
padding-bottom: 62px;
margin-right: -100px;
left: 40%;
display: inline-block;
float: none;
text-align: left;
margin-top: 15px;
}
.careplus-footer-one { background-size: cover; background-position: center;}
.careplus-footer-one::before { display: none;}
.careplus-team-medium-info h5, .careplus-team-medium-text h5 { display: block;}
.careplus-blog-option { float: left;}
.careplus-prenxt-post h3 { width: 100%;}
.careplus-tabs-thumb::after,.careplus-shop-grid figure::before,.careplus-shop-grid figure::after,
.careplus-shop-list figure::before,.careplus-shop-list-text::before,.careplus-shop-list-text::after { display: none;}
}
/* Media 300Px Start */
@media (max-width: 480px) {
/*main grid*/
.careplus-main-content .col-md-4,.careplus-main-content .col-md-3,.careplus-main-content .col-md-6 { margin-right: 0px; width: 100%; }
/*main grid*/
.modal-dialog { margin: 90px 0px 0px;}
.careplus-post-list li { width: 100%;}
.careplus-partners ul li,.widget_contact_info ul li h6 { width: 100%;}
.widget_contact_info ul li h6 { margin: 0px 0px 5px;}
.careplus-footer-social { float: none; display: inline-block;}
.careplus-copyright { text-align: center;}
.careplus-appointment-form { width: 90%;}
/*.careplus-infolist {width: 60% ;}*/
.careplus-infolist li { width: 15%;}
.careplus-gallery-filterable ul li { margin: 0px 25px -5px;}
.careplus-partners ul li { padding: 0px;}
.careplus-about-post-text h2 { width: 100%;}
.careplus-appointment-request-form form ul li { width: 100%;}
.careplus-blog-option li { margin: 0 16px 0 0;}
.careplus-related-blog-text { margin: 20px 0 0 -140px; width: 100%; padding: 35px 12px 29px 20px;}
.comment-respond form p { width: 100%;}
.careplus-prev-post { padding: 17px 20px 17px 0px;}
.careplus-next-post { padding: 17px 0 17px 20px;}
.careplus-pagination > ul > li { margin: 0 6px 0 0;}
.careplus-blog.careplus-blog-medium > ul > li { width: 100%;}
.careplus-blog-medium figure:before { border-left: 207px solid transparent;}
.carepluss-info { padding: 24px 45px 25px;}
.careplus-department-form ul li { width: 100%;}
.careplus-department-list-text { padding: 24px 0 35px 30px;}
.careplus-department > ul > li { width: 100%;}
.careplus-logo img { width: 100%;}
.careplus-subheader-image h1 { font-size: 33px;}
.careplus-pricplan-list { padding: 32px 67px 48px;}
.careplus-search-result-text form { width: 98%;}
.star-rating { width: 31%;}
.careplus-shop-tabs .nav-tabs li a { padding: 9px 16px 12px;}
.careplus-shop > ul > li { width: 100%;}
.careplus-shop-list figure:before { border-left: 206px solid transparent;}
.careplus-team > ul > li { width: 100%;}
.careplus-appointment-bord ul li { width: 100%;}
.careplus-appointment-bord ul li time { padding: 24px 30px 20px;}
.careplus-footer-widget .widget,.careplus-about-service-list li { width: 100%;}
.careplus-select-day { width: 50%;}
.careplus-appointment-request-form form ul li span { line-height: 1.3;}
.careplus-department-counter ul li { padding: 67px 23px 68px 0;}
.careplus-department-counter ul li h6 { padding: 3px 35px 7px 77px;}
}
/* Media 940Px Start */
@media screen and (min-width: 991px) and (max-width: 1054px) {
/*.careplus-infolist { width: 76%;}*/
.careplus-infolist li { padding-left: 43px;}
.navbar-nav > li { padding: 0px 25px;}
.careplus-banner-wrap { width: 52%;}
.careplus-appointment-form { width: 48%;}
.careplus-appointment-form form p { display: none;}
.careplus-appointment-form form { padding: 20px 36px 10px 40px;}
.careplus-section-postfull { padding: 45px 0 34px;}
.careplus-team-medium-info { padding: 16px 20px 23px;}
.careplus-team-medium-text { padding: 34px 20px 40px;}
.careplus-plane-gallery figure span:before,.careplus-plane-gallery figure span:after { right: 16px; bottom: 17px;}
.careplus-images-list-layer > span { width: 120px;}
.careplus-tab-wrap { padding: 56px 0 55px;}
.careplus-department-counter ul li { padding: 67px 14px 68px 0;}
.careplus-department-counter ul li h6 { padding: 3px 5px 7px 67px;}
.widget_contact_info ul li h6 { width: 30%;}
.careplus-error-page-text { width: 60%;}
.careplus-related-blog-text { width: 73%; margin: 20px 0 0 -130px;}
.careplus-blog-grid-text h5 { line-height: 1.5;}
.careplus-blog-option { margin: 0px;}
.careplus-thumb-heading { padding: 25px 10px;}
.careplus-blog-medium-text h5 { font-size: 17px; margin: 0px 0px 15px;}
.careplus-blog-grid-option { display: none;}
.careplus-blog-medium-text { padding: 31px 0 38px 12px;}
.carepluss-info { padding: 24px 30px 25px;}
.careplus-department-grid-text { width: 24px 0 35px 25px;}
.careplus-department-list-text { padding: 24px 0 35px 28px;}
.careplus-shopwrap figure { width: 300px;}
.careplus-shop-detail-text { width: 56%;}
.star-rating { width: 23%;}
.careplus-shop-list-text { padding: 22px 0 32px 8px;}
.careplus-team-post-text { margin: 30px 0 0 -81px;}
.careplus-about-education:before { height: 68%;}
.careplus-team-list-text { padding: 15px 0 20px 38px;}
.careplus-doctor { padding: 7px 0 17px;}
.careplus-sticky .careplus-navigation-section { position: relative;}
.careplus-sticky .careplus-navigation-section { animation: none;}
.careplus-dropdown-menu{ width: 193px;}
.careplus-gallery-filterable ul li { margin: 0 33px -4px;}
.careplus-footer-one { background-size: cover;}
.careplus-footer-one::before { background-repeat: no-repeat;}
}
/* custom.css */
.auto-container {
position: static;
max-width: 1200px;
padding: 0px 15px;
margin: 0 auto;
}
@media (max-width: 767px) {
body {
padding-right: 0;
padding-left: 0;
}
.navbar-fixed-top,
.navbar-fixed-bottom,
.navbar-static-top {
margin-right: 0;
margin-left: 0;
}
}
/*Primary Nav*/
.navbar-nav > li > a.home i {
font-size: 20px;
}
.navbar-nav > li > a.home:after {
bottom: -4px;
}
/*End Primary Nav*/
.navbar-nav > li:hover > a,
.navbar-nav > li.active > a,
.careplus-user-list .careplus-color-two,
.widget_useful_link ul li:hover a {
color: #93B2D1;
}
.careplus-infolist li i:hover, .careplus-infolist li:last-child a:hover {
background-color: #93B2D1;
color: #071a4a!important;
font-weight: 700;
border: 1px solid #071a4a;
}
.careplus-infolist li:last-child {
padding-left: 0;
width: 20%;
float: right;
}
.careplus-infolist li:last-child a {
width: 100%;
text-align: center;
background-color: #071a4a;
color: #fff !important;
border-radius: 0;
}
/* Default Interior Page Styles */
.content-column + .sidebar-content:before {
left: 0;
right: auto;
}
.content-column + .sidebar-content {
padding-left: 25px;
padding-right: 15px;
}
.sidebar-content:before {
background-color: #eee;
border-left: 1px solid #ddd;
border-right: 1px solid #ddd;
content: "";
display: block;
height: 99999px;
position: absolute;
right: 0;
top: -100px;
width: 3000px;
z-index: -10;
}
/*Blog Page Styles */
.careplus-blog {
padding: 0 20px 0 0;
}
/*End Blog Page Styles*/
/*Vendor Listing*/
.careplus-plane-gallery figure figcaption > a {
color: #fff;
}
.vendor-desc {
display: block;
clear: both;
padding: 5px;
margin-top: 10px;
}
/*End Vendor Listing */
/*Newsletter Section*/
.info-section .auto-container {
padding: 0 5px;
}
blockquote, .block-form {
background-color: #ddd;
font-style: normal;
}
.block-form i {
background-color: #071a4a;
}
.block-form h2 {
margin-top: 10px;
}
.block-form h2, .block-form p, .block-form .subscribe-form {
color: #071a4a;
font-weight: bold;
}
.block-form {
margin: 0px !important;
position: relative;
text-align: left;
padding: 45px 45px 20px 45px;
}
.widget_newsletter form ul li input[type="submit"]:hover {
background-color: #fff;
color: #071a4a;
font-weight: bold;
}
.theme-btn {
border: 1px solid #fff;
}
.widget_newsletter form ul li input[type="submit"],
.widget_newsletter form input[type="submit"] {
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-ms-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
}
.careplus-blog-grid figure a:before {
background-color: #93b2d1;
}
.info-block {
position: relative;
margin-top: -75px;
margin-bottom: -75px;
z-index: 100;
padding-left: 0px;
padding-right: 0px;
}
/*End Newsletter Section*/
/*Header Styles*/
h4.contact-callout {
margin: 0;
font-size: 16px;
}
/*Blog Styles */
.careplus-blog-modern-text h3 a {
color: #071a4a;
}
/*End Blog Styles*/
/*Footer Styles */
a.careplus-back-top:hover {
font-weight: bold;
font-size: 16px;
}
.careplus-back-top:hover:before,
.careplus-back-top:hover:after {
opacity: 1;
}
.footer-nav li {
display: inline-block;
list-style: none;
max-width: 10%;
width: 10% !important;
}
.widget_newsletter p a {
color: #fff;
}
.widget_newsletter p a:hover {
color: #93B2D1;
}
.careplus-footer-social {
float: none;
position: absolute;
left: calc(50% - 91px);
color: #fff;
font-size: 25px;
}
.cards {
right: 3%;
font-size: 25px;
left: initial;
}
.footer-logo {
max-width: 300px;
}
.square-logo, .rectangle-logo {
margin: 0 12px;
max-height: 70px;
width: auto;
}
.smaller-logo {
max-height: 50px;
}
.larger-logo {
max-height: 85px;
}
/*End Footer Styles*/
/*Overall Styles*/
.careplus-rich-editor {
padding-right: 35px;
}
.careplus-rich-editor ul {
display: block;
list-style-type: disc;
-webkit-margin-before: 1em;
-webkit-margin-after: 1em;
-webkit-margin-start: 0px;
-webkit-margin-end: 0px;
-webkit-padding-start: 40px;
}
.careplus-rich-editor ol {
display: block;
list-style-type: decimal;
-webkit-margin-before: 1em;
-webkit-margin-after: 1em;
-webkit-margin-start: 0px;
-webkit-margin-end: 0px;
-webkit-padding-start: 40px;
}
.careplus-rich-editor ol li {
padding-left: 5px;
}
.interior-header {
color: #fff;
margin-bottom: 0;
}
.m-top-20 {
margin-top: 20px;
}
.m-top-50 {
margin-top: 50px;
}
.m-top-100 {
margin-top: 100px;
}
.m-bot-100 {
margin-bottom: 100px;
}
.m-bot-30 {
margin-bottom: 30px;
}
.comment-respond form p input[type="submit"], .subscribe-btn input[type="submit"], .error-page-btn {
background-color: #fff;
color: #071a4a;
border: #071a4a 1px solid;
}
.comment-respond form p input[type="submit"]:hover,
.subscribe-btn input[type="submit"]:hover,
.careplus-search-result-text form input[type="submit"]:hover {
color: #fff;
background-color: #071a4a
}
.error {
color: red;
font-weight: bold;
}
.success a {
color: #071a4a;
text-decoration: underline;
}
/*End Overall Styles*/
/*Contact Page */
.careplus-map-form .form-control {
margin-bottom: 20px;
}
.careplus-map-form input[type="submit"] {
margin-bottom: 30px;
}
/*End Contact Page*/
/* 404 Page */
.error-page-btn:first-child {
margin-right: 10px;
}
.error-page-btn:hover{
color: #fff;
background-color: #071a4a;
border: 1px solid #fff;
}
.keyword-search {
width: 60% !important;
}
/* End 404 Page*/
/*Member Portal*/
a.reset-pass {
color: #fff;
margin-left: 20px;
}
a.reset-pass:hover {
color: #93B2D1;
}
/*End Member Portal */
/* Custom Topbar */
.topbar {
background-color: #93B2D1;
max-height: 45px;
min-height: 45px;
}
.topbar-nav, .topbar-nav li a {
color: #071a4a;
font-size: 13px;
padding: 8px 15px 7px 8px;
list-style: none;
line-height:28px;
}
.topbar-nav li {
padding-right: 0px;
display: inline-block;
}
.topbar-nav li:first-child {
padding-right: 10px;
border-right: 1px solid #071a4a;
}
.topbar-nav li:last-child {
padding-left: 10px;
}
.topbar-nav li a i {
font-size: 16px;
padding-right: 10px;
}
.topbar-nav li a:hover {
color: #fff;
}
.btn {
background-color: #071a4a;
color: #fff;
}
/*Resources Styles */
.table-title {
width: 25%;
}
/*End Resources Styles*/
@media (max-width: 991px) {
.careplus-rich-editor {
padding-right: 0px;
}
.content-column + .sidebar-content:before {
border: 0px;
background-color: transparent;
}
.careplus-infolist li:last-child {
width: 33.33%;
}
.careplus-blog {
padding: 0px;
}
}
@media (max-width: 767px) {
.careplus-infolist li:last-child {
width: 40%;
}
.careplus-copyright p {
float: none;
}
.careplus-footer-social {
float: none;
display: block;
position: relative;
left: initial;
}
.cards {
float: right;
}
.careplus-footer-social li {
margin: 0px 0px 0px 10px;
}
.logo {
text-align: center;
}
.footer-logo {
max-width: 100%
}
}
/* Constant contact embed form styling code */
#email_address_field_0 {
width: 47%;
float: left;
}
#first_name_field_0 {
width: 47%;
float: right;
}
#last_name_field_0 {
width: 47%;
float: left;
}
#company_field_0 {
width: 47%;
float: right;
}
#job_title_field_0 {
width: 47%;
float: left;
}
/*----------------------------------------------------------------
..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:#071a4a;
border-radius:0;
}
#upCartData {
background:#FFF;
border-radius:4px;
padding:0 0 6px;
}
.nextShoppingCartBanner {
display:none;
}
#nextCartHeading {
color: #FFF;
font-size:16px;
font-weight: normal;
padding:9px 0 7px;
margin: 0 10px;
text-align: left;
letter-spacing:.5px;
background:url(//cdn.nexternal.com/common/images/banner_cart.png) 100% 50% no-repeat;
font-family: Georgia, "Times New Roman", Times, serif;
}
.nextCartContents {
margin:0;
padding:0;
border-radius:14px;
padding-bottom:20px;
}
.nextPoweredBy {
margin:10px 10px 0;
padding:0;
color:inherit;
text-align:center;
}
.nextPoweredBy a, .nextPoweredBy a:hover {
color:inherit;
}
.nextCartProducts td.nextCartShipTo {
background:#999;
color:#FFF;
border-radius:5px 5px 0 0;
padding:8px 11px;
border:0;
}
.nextCartShipTo b {
text-transform:uppercase;
font-weight:normal;
}
.nextShoppingCart {
margin:8px 6px 20px;
padding:0;
border:1px solid #999;
border-radius:5px;
overflow:hidden;
background:#FFF;
}
.nextShipMethodTable {
float:right;
}
/* ..invoice subtotal table*/
.nextCartSubtotal,
.nextInvoice .nextCartSubtotal td:nth-child(2),
.nextInvoice .nextCartSubtotal td:nth-child(3){
background:#EEE;
background:rgba(0,0,0,.03);
}
.nextInvoice .nextCartSubtotal {
background:none;
}
.nextCartCategoryDiscount{
background:none;
background:rgba(0,0,0,.05);
}
.nextOrderDiscount {
background:none;
background:rgba(0,0,0,.06);
}
.nextCustomerDiscount {
background:none;
background:rgba(0,0,0,.07);
}
.nextCouponDiscount {
background:#E7E7E7;
background:rgba(0,0,0,.08);
}
.nextSalesTax {
background:#DDD;
background:rgba(0,0,0,.1);
}
.nextShipping {
background:#CCC;
background:rgba(0,0,0,.15);
}
.nextGiftCert {
background:rgba(0, 0, 0, .03);
}
.nextInvoice .nextCartSubtotal td,
.nextInvoice .nextCustomerDiscount td,
.nextInvoice .nextCartCategoryDiscount td,
.nextInvoice .nextOrderDiscount td,
.nextInvoice .nextCouponDiscount td,
.nextInvoice .nextSalesTax td,
.nextInvoice .nextShipping td,
.nextInvoice .nextGiftCert td {
padding:6px 12px;
}
.nextCartProducts {
border-collapse:collapse;
border-spacing:0;
padding:0;
margin:0;
font-size:12px;
}
.nextCartProducts td {
padding:15px 2px;
border-top:1px solid #999;
}
.nextCartProducts tbody tr:first-child td {
border-top:0;
}
.nextCartSubtotal td, .nextCouponDiscount td, .nextSalesTax td, .nextShipping td, .nextGiftCert td {
padding:6px 2px;
}
.nextCartTotal td {
background:#454545;
background:rgba(0,0,0,.7);
border:0;
color:#FFF;
font-size:12px;
text-transform:uppercase;
line-height:1;
}
.nextInvoice .nextCartTotal td,
.directCheckout .nextCartTotal td {
padding:12px;
}
.cart .nextCartSubtotal td {
font-weight:bold;
}
.nextMisCustomer {
margin:5px auto 0 auto;
}
.nextCartEmpty {
padding:10px 5px;
font-size:18px;
color:#CCC;
line-height:1;
}
#spnScrollTarget {
display:block; /* eliminates gap below cart policies in IE7 */
font-size:0 !important;
}
/* override js sizing of coupon popup */
.nextCartBottomButtons div#mpeCoupon_foregroundElement .modal.nextSocialSaleCouponPopup {
height:auto !important;
}
/* pencil and trash - replace edit and delete (pencil and trash) icons with custom images */
td.cart div.nextButtonEdit, td.cart div.nextButtonDelete {
line-height:13px; /* match this to the icon height to vertically align legend text */
display:none;
}
*html td.cart .nextButtonEdit a, *html td.cart .nextButtonDelete a {
margin-left:10px; /* for IE6 and less */
}
td.cart .nextButtonEdit a, td.cart .nextCartProductEdit {
width:8px;
height:12px;
display:block;
background:url(//cdn.nexternal.com/common/images/bg_edit_delete_3.png) 0 -13px no-repeat;
margin:0 0 0 20px;
float:left;
opacity:.5;
}
td.cart .nextCartProductEdit {
margin:0 3px; /* pencil anchor margins */
}
td.cart .nextButtonEdit a img, td.cart .nextCartProductEdit img {
display:none;
}
td.cart .nextButtonEdit a:hover, td.cart .nextCartProductEdit:hover {
/*background-position: -14px -14px;*/
opacity:.9;
}
td.cart .nextButtonDelete a, td.cart .nextCartProductDelete {
width:8px;
height:10px;
display:block;
background:url(//cdn.nexternal.com/common/images/bg_edit_delete_3.png) 0 0 no-repeat;
margin:0 0 0 20px;
float:left;
opacity:.5;
}
/* white x in cart total row */
td.cart tr.nextCartTotal .nextCartProductDelete {
background:url(//cdn.nexternal.com/common/images/bg_edit_delete_3.png) 0 -28px no-repeat;
opacity:.7;
margin-bottom:1px;
}
td.cart tr.nextCartTotal .nextCartProductDelete:hover {
/*background-position:0 0;*/
opacity:1;
}
td.cart .nextCartProductDelete {
margin:0 3px; /* trash anchor margins */
}
td.cart .nextButtonDelete a img, td.cart .nextCartProductDelete img {
display:none;
}
td.cart .nextButtonDelete a:hover, td.cart .nextCartProductDelete:hover {
/*background-position:-14px 0px;*/
opacity:.9;
}
td.cart .nextButtonEdit label, td.cart .nextButtonDelete label {
float:left;
margin-left:5px;
}
td.cart .nextCartProdEdit {
padding-left:4px !important; /* quantity number padding */
}
a.nextCartProductEdit, a.nextCartProductDelete {
-webkit-transition:none;
-moz-transition:none;
-o-transition:none;
-ms-transition:none;
transition:none;
}
.nextCartAddendum {
margin:0 0 20px 6px;
background:url(//cdn.nexternal.com/common/images/alert.png) 0 50% no-repeat;
padding:2px 6px 2px 27px;
text-align:left;
font-size:12px;
min-height:15px;
}
/***** ..custom cart footers | ..kickers *****/
#cartFooter {
margin:10px 0 0;
}
#cartFooter h3 {
font-family: Georgia, "Times New Roman", Times, serif;
font-size:16px;
margin:0 0 5px;
font-weight:normal;
}
#cartFooter p {
margin:0;
padding:0;
font-size:14px;
}
.cartFooterBox {
margin:0 0 10px;
padding:10px;
color:#333;
text-align:left;
border-top:1px solid #CCC;
}
#cartShippingInfo p {
font-size:12px;
}
span.nextCartProdText {
padding-left:5px;
}
.nextMinimumOrderMessage {
margin:10px 6px;
color:#C33A43;
font-weight:bold;
text-align:left;
}
.nextCartCurrency {
margin:0 17px 20px;
text-align:left;
}
/*----------------------------------------------------------------
..PERSISTENT CATEGORY
------------------------------------------------------------------*/
td.persist{
width:20%;
*width:180px; /*IE7*/
}
#searchField {
width:100%;
*width:168px; /* IE7 */
min-width:80px;
border:1px solid #999;
padding:6px 8px 6px 25px !important;
border-radius:0;
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: Georgia, "Times New Roman", Times, serif;
}
.nextPersistentCategory a {
text-decoration:none; /* all persistent category links */
display:block; /* all persistent category links - this makes the anchors 100% wide */
padding:10px 5px;
margin:0;
font-size:14px;
color:#666;
}
.nextPersistentCategory a:hover {
color:#000; /* all persistent category links hover */
background-color:#F8F8F8;
background-color:rgba(0, 0, 0, .07);
}
.nextTopCategory a {
border-bottom:1px solid #CCC;
}
.nextActiveCategory a, .nextActiveCategory a:hover {
color:#000;
background:#E5E5E5;
background:rgba(0, 0, 0, .1) url(//cdn.nexternal.com/common/images/chevron_dark.png) 100% 50% no-repeat;
padding-right:22px;
}
.nextTopCategory.nextActiveCategory a {
/*color:#000; /* active category */
/*background:none !important; /* for IE6 */
}
.nextTopCategory a:hover {
/*color:#000; /* active category hover */
}
.nextSubcategoryLevel1 a, .nextSubcategoryLevel2 a, .nextSubcategoryLevel3 a, .nextSubcategoryLevel4 a, .nextSubcategoryLevel5 a, .nextSubcategoryLevel6 a {
/*font-size:12px; /* all sub categories (extend this list if necessary) *//*padding:3px 0 3px 18px;*//*color:#999;*/
}
.nextSubcategoryLevel1 a {
padding-left:17px; /* first level subcategory */
}
.nextSubcategoryLevel2 a {
padding-left:27px; /* second level subcategory */
}
.nextSubcategoryLevel3 a {
padding-left:37px; /* third level subcategory */
}
.nextSubcategoryLevel4 a {
padding-left:47px; /* fourth level subcategory */
}
.nextSubcategoryLevel5 a {
padding-left:57px; /* fifth level subcategory */
}
.nextSubcategoryLevel6 a {
padding-left:67px; /* sixth level subcategory */
}
.nextSubcategoryLevel1, .nextSubcategoryLevel2, .nextSubcategoryLevel3, .nextSubcategoryLevel4, .nextSubcategoryLevel5, .nextSubcategoryLevel6 {
margin-left:0;
}
/*----------------------------------------------------------------
..STORE CONTENT
------------------------------------------------------------------*/
#aspnetForm {
height:auto !important;
/*display:table; this centers content even when it blows out beyond max-width setting, but then padding is ignored*/
display:block;
margin: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;
*width:1200px; /*IE7*/
/*min-width:768px;*/
padding:0 10px; /*padding no longer works on display:table elements, but we're now setting this do display:block by default*/
background:#FFF;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
#aspnetForm {
display:block; /* safari only - display:table causes safari to ignore max-width -- Oct 2013 this affects chrome now, and safari and crome now respect display:table with max-width*/
}
}
#aspnetForm, #threadWrapper {
opacity:0; /* we'll fade these in as soon as the DOM loads */
}
.nextStoreFront #threadWrapper {
display:none;
}
body .nextSharingTools {
opacity:0; /* we'll fade this in with JS a few seconds after the DOM loads */
padding:0;
margin-top:30px;
width:253px; /* prevent jumpiness on product detail page */
}
.pageWidth {
max-width: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 */
}
.nextProductDetail .nextExpressOrderDetail td {
white-space: normal !important;
}
.nextPlusOne {
clear: both;
padding: 9px 0 0;
}
.main a.nextCatName {
display:block;
margin-top:10px;
margin-bottom:10px;
font-weight:normal;
font-size:16px;
}
.nextCurrentCategory {
margin:0 auto 0 0;
}
.nextProdImage {
float:none !important;
}
.nextNoAddresses, .nextNoCreditCards {
padding-top:10px;
}
#tdPriceDetails>span {
padding:8px 0 13px;
display:block;
}
.nextPriceDetailsLink {
font-style:italic;
padding-left:5px;
font-size:12px;
}
.nextPriceDetailsLink a:hover {
text-decoration:underline;
}
td.nextProduct {
padding:15px 5px 5px;
}
.nextProduct.nextFirst > td {
padding-top:30px;
}
.nextLegalDisclaimer {
padding:20px 0;
}
.nextRelatedThread {
width:auto;
margin-bottom:20px;
}
.nextRelatedListProduct ul {
list-style:none;
padding:0;
}
.nextProductDetail .nextStatus {
margin-bottom:15px;
}
#ui-id-1 {
font-size:12px;
}
.nextSortBy {
padding:3px 0;
font-size:11px;
}
.nextSortBy b {
font-weight:normal;
}
.nextNoProductsText {
text-align:left;
}
.nextHierarchyTitle {
display:none;
}
.nextSingleLinePrevNext {
margin-bottom:20px;
}
.nextSingleLinePrevNext a.disguise {
color:#558EA1;
font-size:12px;
}
td.nextCategory {
vertical-align:top;
}
.nextCategoryDescription {
padding-bottom:20px;
}
body.moveInvoiceButtonsJS tr.nextCartSubtotal a.nextEnterCoupon, body.moveInvoiceButtonsJS tr.nextCartSubtotal a.nextEnterGiftCert {
display:none; /* these buttons have been moved with JS on the invoice page */
}
.nextPickupRow > td {
padding:5px 3px 2px 0;
}
.nextPickupLabel {
white-space:nowrap;
}
.nextAddToCartCell {
text-align:left;
}
.nextAddToCartQuantity input {
width:21px;
}
body .pagination:empty {
display:none;
}
.nextInvoice .nextOrderNotificationTable {
float:left;
}
.nextOrderNotificationTable td {
padding:20px 5px 30px;
}
.nextHierarchyShopping {
display:inline-block;
margin-bottom:10px;
}
.nextPolicyWrapper {
margin-top:25px;
}
td.nextNewCustomer,
td.nextReturningCustomer {
padding-top:15px;
}
.nextShipToAddressBookRow td,
.nextBillToAddressBookRow td {
padding-bottom:15px;
}
/***** END WHITE SPACE AND DEFAULT FORMATTING *****/
/***** PRODUCT LIST STYLING *****/
a.nextProdName, .nextTileProducts .nextShortDesc, .nextPrice, .nextBidPrice, .nextStatus, .nextVisibility {
display:block;
margin-bottom:8px;
}
.directCheckout .nextPrice {
display:table-cell;
}
a.nextProdName {
margin-bottom:5px;
font-size:12px;
text-decoration:none;
}
a.nextProdName:hover {
text-decoration:underline;
}
a.nextProdThumb {
margin:0 0 10px 0; /* margins for product thumbnails on product list pages */
display:inline-block; /* necessary for the right margin to work */
}
.main td.nextProdThumb {
padding-right:15px;
}
.nextTileProducts {
margin-top:10px; /* margin below banner on product detail screen */
}
.nextProductList .nextShortDesc {
margin-bottom:5px;
}
.nextCustomField1 b,
.nextCustomField1 b,
.nextCustomField2 b,
.nextCustomField3 b,
.nextCustomField4 b,
.nextCustomField5 b,
.nextCustomField6 b,
.nextCustomField1,
.nextCustomField1,
.nextCustomField2,
.nextCustomField3,
.nextCustomField4,
.nextCustomField5,
.nextCustomField6 {
font-style:normal;
font-weight:normal;
}
.nextProductList .nextPrice,
.nextProductList .nextAllocationContainer,
.nextProductList .nextCustomField1Container,
.nextProductList .nextCustomField2Container,
.nextProductList .nextCustomField3Container,
.nextProductList .nextCustomField4Container,
.nextProductList .nextCustomField5Container,
.nextProductList .nextCustomField6Container {
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 .nextRatingContainer {
display:none;
}
.nextProductList .nextRatingIcons {
padding-left:5px;
display: inline-block;
padding: 0 0 0 4px;
}
.nextProductList .nextRatingIcons img {
height:15px;
float:left;
}
.nextAddToCartInnerTable {
margin:0 auto 0 0;
}
.nextShipToInnerTable {
margin:0 auto 0 0;
}
.infoBtn {
display:inline-block;
margin:-1px 0 0 0;
vertical-align:middle;
}
.nextPickupSelect a {
opacity:.7;
display:inline-block;
outline:0;
}
.nextPickupSelect a:hover {
opacity:1;
}
.nextPickupRow td {
padding-top:5px;
}
.nextListProducts tr.nextProduct > td {
vertical-align:top;
padding-left:7px;
}
.nextListProducts tr.nextProduct > td:first-child {
padding-left:0;
}
.nextExpressOrderProducts .nextProdThumb img {
/*max-height:200px;*/
}
.nextExpressOrderProductRow .nextProdThumb a, .nextExpressOrderSKURow .nextProdThumb a {
display: inline-block;
margin: 6px 10px 6px 0;
}
/***** END PRODUCT LIST STYLING *****/
/***** ..POPUP CSS OVERRIDE 2.1 ******/
body:not(.nextCartShowing) .modal:not(.nextEnterShipToPopup):not(.nextNotifyInstockPopup):not(.nextRedeemGiftCertificatePopup):not(.nextCreditCardPopup), body:not(.nextCartShowing) div.margin:not(.nextAddressBookPopup):not(.nextPriceDetailsPopup), body:not(.nextCartShowing) .nextCartPolicies div.margin, body:not(.nextCartShowing) .nextPrivacyPolicyPopup {
top:250px !important;
}
#mpeAddressValidation_foregroundElement, #mpeCalculator_foregroundElement, #mpeEditAddress_foregroundElement, #mpeCreditCard_foregroundElement, #mpeTracking_foregroundElement {
position:absolute !important;
}
.nextPickupLocationPopup,
.nextSusbscriptionDescriptionPopup {
position:fixed !important;
}
.modal.nextUpsell {
display:table;
}
/***** END POPUP CSS OVERRIDE ******/
/***** ...ACTION BLOCKS *****/
.nextProductDetailTabbed h1.nextProdName, .nextProductDetailTabbed .nextPrice, .nextSharingTools h3, .nextAttributes h3 {
font-family: Georgia, "Times New Roman", Times, serif; /* action blocks headings font */
}
/* Action Blocks - Background Color */
.nextTabbedDetails, .nextSharingTools, .nextProductDetailTabbedTable tr:nth-child(odd) td {
/*background:#FBFBFB !important; /* Action Blocks - Background Color */
}
.nextTabbedDetails, .nextSharingTools, .nextProductDetailTabbedTable, .nextProductDetailTabbedTable td, .nextSharingTools h3, .nextAttributes h3 {
border-color:#CCCCCC !important; /* Action Blocks - Border Color */
}
body .nextProductDetailTabbedTable tr:nth-child(odd) td,
body .nextProductDetailTabbedTable tr:nth-child(even) td,
body .nextProductDetailTabbedTable td {
background: none;
}
body .nextTabbedDetails, body .nextSharingTools {
border-radius:2px;
background:none;
border:none;
padding:0;
}
/***** END ACTION BLOCKS *****/
/***** ...TABBER *****/
body #tcTabs_header {
font-family: Georgia, "Times New Roman", Times, serif;
}
.tab .ajax__tab_outer {
background:#F7F7F7; /* inactive tab background */
border-color: #CCC; /* inactive tab border color */
font-weight: 400; /* inactive tab font weight */
padding:0; /* all tabs padding */
cursor:pointer;
margin:0;
font-size:15px;
border-bottom:1px solid #CCC;
border-radius:2px 2px 0 0;
}
.tab .ajax__tab_outer span {
color: #666; /* inactive tab text color */
}
.tab .ajax__tab_outer:hover span {
color: #666; /* inactive tab hover text color */
}
.tab .ajax__tab_outer:hover {
background:#EEE; /* inactive tab hover background*/
}
.tab .ajax__tab_active .ajax__tab_outer {
background:#FFF; /* active tab background */
border-color: #CCC; /* active tab border color */
font-weight: 400; /* active tab font weight */
border-bottom:1px solid #FFF;
box-shadow:2px 0 0 rgba(0, 0, 0, 0.1);
}
.tab .ajax__tab_active .ajax__tab_outer span {
color:#666 /*active tab text color */
}
.tab .ajax__tab_active .ajax__tab_outer:hover span {
color:#666 /*active tab hover text color */
}
.ajax__tab_inner a span {
padding:8px 15px;
display:block;
}
.tab .ajax__tab_body {
background:#FFF; /* tabber content background */
border:0;
border-top:1px solid #CCC;
border-bottom:1px solid #CCC;
padding:20px 10px;
}
.ajax__tab_header a {
outline:0;
}
.nextRatingIcons {
vertical-align:bottom;
}
.nextRatingIcons img {
vertical-align:middle;
}
/***** END TABBER *****/
/***** ...BANNERS AND HEADINGS *****/
body .nextProductDetailTabbed h1.nextProdName,
body .modal tr.banner1,
body div.margin tr.banner1 {
font-family: Georgia, "Times New Roman", Times, serif;
font-size:22px;
color:#594F46;
margin:0 0 25px;
font-weight:normal;
}
.main .banner1,
.main .banner2 {
font-family:Georgia, "Times New Roman", Times, serif;
font-weight:normal;
font-size:15px;
}
.nextTileProductBanner tr.banner1 td, .nextSubcategoriesBanner tr.banner1 td, tr.bannerStoreFront td, .nextNoProductsBanner td, .nextRelatedProducts .nextAppendHeader, .main .banner1 h1.nextBannerText, .nextPolicies tr.banner1 td {
color:#444;
text-align:left;
background:none;
font-size:24px;
font-family:Georgia, "Times New Roman", Times, serif;
font-weight:300;
padding:0;
line-height:1;
}
.nextTileProductBanner tr.banner1, .nextSubcategoriesBanner tr.banner1, .main tr.bannerStoreFront, .nextNoProductsBanner tr.banner1, .nextPolicies tr.banner1 {
background:none;
}
.nextTileProductBanner, .nextSubcategoriesBanner, .nextTopBanner, .nextNoProductsBanner {
margin-bottom:25px;
}
.nextTileProductBanner tr.banner1 .nextBannerText, .nextSubcategoriesBanner tr.banner1 .nextBannerText, .bannerStoreFront .nextBannerText, .nextNoProductsBanner .nextBannerText {
padding:0;
}
.bannerStoreFront .nextStoreFrontBannerSpacerCell {
width:0;
}
.nextBannerText {
padding:3px 6px;
display:block;
}
.nextRelatedProducts .nextAppendHeader {
border-bottom: 1px solid #E6E6E6;
margin: 40px 0 20px;
font-size:18px;
padding:0 0 3px;
}
.nextRelatedProducts .nextAppendHeader b {
font-weight:normal;
}
.nextBottomBanner {
margin:10px 0 0 0;
display:none;
}
.nextBannerCellButton img {
vertical-align:middle;
}
.modal .nextBannerText,
.margin .nextBannerText {
white-space:normal;
}
.modal {
/*display:table;*/
}
.nextListProducts .nextPrice {
padding:15px;
}
/***** END BANNERS *****/
/***** ..security disclaimer (login page) *****/
.nextSecurityDisclaimer {
border-bottom: 1px solid #CCC;
border-top: 1px solid #CCC;
padding: 20px 0 27px;
margin-top:100px;
/*display:table;*/
width:100%;
}
.nextSecurityDisclaimer img {
margin:0 20px 10px 0;
}
.nextLogin .nextTopBanner {
display:none;
}
.nextLogin .nextUpsell .nextTopBanner {
display:block;
}
/***** ..security disclaimer (login page) *****/
/* ..customer comments */
.nextCustomerComments {
background-color: #EEE;
border: 1px solid #999;
box-sizing: border-box;
color: #333;
margin-top: 14px;
padding: 5px;
width: 100%;
}
.nextCommentsTable {
width:100%;
}
/*----------------------------------------------------------------
..HTMLBUTTONS
------------------------------------------------------------------*/
input.nextHTMLButton, a.nextHTMLButton, a.nextAddEditButton {
color:#FFF;
background:#333;
background:rgba(0, 0, 0, .5);
padding:8px 12px;
border:0;
border-radius:0;
font-weight:normal;
font-size:13px !important;
cursor:pointer;
font-family:Lato,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;
text-transform: uppercase;
}
input.nextHTMLButton:hover, a.nextHTMLButton:hover, a.nextAddEditButton:hover {
background-color:#333;
background-color:rgba(0, 0, 0, .7);
color:#FFF;
}
input.nextHTMLButton:active, a.nextHTMLButton:active, a.nextAddEditButton:active {
box-shadow:inset 0px 2px 5px rgba(0, 0, 0, .5);
}
input.nextHTMLButton.nextATCButton {
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);
/*background-image:url(//cdn.nexternal.com/common/images/bg_edit_dark.png);*/
}
a.nextAddButton {
background-image:url(//cdn.nexternal.com/common/images/bg_add.png);
/*background-image:url(//cdn.nexternal.com/common/images/bg_add_dark.png);*/
}
.nextSearchButton input.nextHTMLButton {
margin-left:4px;
}
.cart #btnCheckOutTop, .cart #btnCancelOrderTop {
display:none;
}
.nextClubCustomerType #memberSavings {
display:none;
}
#memberSavings:hover {
opacity:.8;
}
#pnlDisplayLoyaltyPoints {
padding: 10px 10px 0;
text-align: left;
}
.cart .nextCartLoyaltyRedemption {
margin-top:10px;
}
.moveInvoiceButtonsJS .nextCartSubtotal a.nextEnterGiftCard,
.moveInvoiceButtonsJS .nextCartSubtotal a.nextEnterGiftCard + span {
display:none;
}
/*a.nextCartDetermineSTP, a.nextCartEditSTP, .nextGiftMessageWrap div>a, .nextCartBottomButtons a, a.nextEnterGiftCert, a.nextEnterCoupon*/
a.nextCartDetermineSTP, a.nextCartEditSTP, .nextGiftMessageWrap div>a, .nextCartBottomButtons > a, a.nextEnterGiftCert, a.nextEnterCoupon, #memberSavings, a.nextEnterGiftCard {
display:block;
padding:6px 30px 6px 12px;
margin:0 6px 3px;
text-decoration:none;
font-size:11px;
font-weight:normal;
text-align:left;
line-height:1;
/*background:#777 url(//cdn.nexternal.com/common/images/arrow_rt_light.png) 100% 50% no-repeat;*/
background:#DDD url(//cdn.nexternal.com/common/images/arrow_rt_dark.png) 100% 50% no-repeat;
text-align:left;
/*color:#FFF;*/
color:#333;
border-radius:3px;
vertical-align:top;
-webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
-o-transition: all .3s ease;
-ms-transition: all .3s ease;
transition: all .3s ease;
}
a.nextCartDetermineSTP:hover, a.nextCartEditSTP:hover, .nextGiftMessageWrap div>a:hover, .nextCartBottomButtons a:hover, a.nextEnterGiftCert:hover, a.nextEnterCoupon:hover, a.nextEnterGiftCard:hover {
opacity:.8;
color:#333;
/*color:#FFF;
background-color:#666;
background-image: url(//cdn.nexternal.com/common/images/arrow_rt_light.png);*/
}
#memberSavings {
background:#777 url(//cdn.nexternal.com/common/images/arrow_rt_light.png) 100% 50% no-repeat;
color:#FFF;
}
.nextInvoice a.nextEnterGiftCert, .nextInvoice a.nextEnterCoupon, .nextInvoice a.nextEnterGiftCard {
margin:0 auto;
font-size:13px;
background:#777;
background:rgba(0,0,0,.5) url(//cdn.nexternal.com/common/images/arrow_rt_light.png) 100% 50% no-repeat;
color:#FFF;
}
.nextInvoice a.nextEnterCoupon {
background-color:rgba(0,0,0,.4);
}
.nextInvoice a.nextEnterGiftCard {
background-color:rgba(0,0,0,.6);
}
.nextGiftMessageWrap, .nextCartCalculator, .nextCartBottomButton {
margin:0;
padding:0;
}
.oms .nextCartData input.nextHTMLButton.nextCheckOutButtonTop, .oms .emptyCart input.nextHTMLButton.nextCheckOutButtonTop, .oms .nextCheckOutButton.nextCheckOutButtonBottom {
display:inline-block;
margin:5px 0;
}
input.nextHTMLButton.nextCheckOutButton, .oms input#btnCancelOrderBottom, .editPendingOrder input#btnCancelOrderBottom, .oms input#btnCancelOrderEmptySuperCart {
background-image:url(//cdn.nexternal.com/common/images/arrow_rt_light.png);
background-position: 100% 50%;
background-repeat:no-repeat;
-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
-moz-box-sizing: border-box; /* Firefox, other Gecko */
box-sizing: border-box; /* Opera/IE 8+ */
text-align:left;
display:none;
padding-right:30px;
}
input.nextHTMLButton.nextCheckOutButtonBottom, .oms input#btnCancelOrderBottom, .oms input#btnCancelOrderEmptySuperCart {
width:100%;
margin:0;
font-size:16px !important;
}
.nextCheckOutButtonBottomWrapper input.nextHTMLButton.nextCheckOutButton, .oms .nextCheckOutButtonBottomWrapper input#btnCancelOrderBottom, .oms .nextCheckOutButtonBottomWrapper input#btnCancelOrderEmptySuperCart {
display:block;
}
.account input.nextHTMLButton.nextCheckOutButton, .checkout input.nextHTMLButton.nextCheckOutButton {
background-image:url(//cdn.nexternal.com/common/images/arrow_lt_light.png);
background-position:0 50%;
text-align:center;
padding-left:30px;
padding-right:12px;
}
input.nextHTMLButton.nextCheckOutButtonTop {
display:none;
}
.nextCheckOutButtonBottomWrapper {
padding:20px 6px 14px;
}
.nextCheckOutButtonBottomWrapper, input.nextHTMLButton.nextCheckOutButton {
display:none;
}
.nextCheckOutButtonBottomWrapper input.nextHTMLButton.nextCheckOutButton {
display:block;
}
input.nextHTMLButton.nextCheckOutButton,
.nextCentered input.nextHTMLButton {
background-color:#071a4a;
/*opacity:.7;*/
}
input.nextHTMLButton.nextCheckOutButton:hover {
/*opacity:1;*/
}
/* Order submit button */
.nextOrderInfo .nextCentered .nextHTMLButton, .nextOrderInfo .cart .nextHTMLButton, .nextInvoice .nextHTMLButton {
padding:10px 20px;
margin-top:10px;
font-size:16px !important;
background-color:#071a4a;
}
/*----------------------------------------------------------------
..TOGGLE PERSIST CUSTOM
------------------------------------------------------------------*/
body #searchWrapper {
top:35px;
}
body.article #threadWrapper {
display:none;
}
/*----------------------------------------------------------------
..CLUB LOGIN FORM CUSTOM
------------------------------------------------------------------*/
body #clubLogin, body .loginMessage {
margin: 0;
padding: 10px 0;
background:#EEE;
color:#333;
clear:both;
}
body #clubLogin h3 {
font-size:16px;
margin:0 0 0 5px;
color:#333;
}
body.nextLogin #clubLogin,
body.nextRegister #clubLogin{
display:none;
}
#clubLogin * {
vertical-align:middle;
}
/*----------------------------------------------------------------
..CLUB PRICING 2.0
------------------------------------------------------------------*/
.nextClubCustomerType .hideClubPricingFromClubMemebers .clubPrice {
display: none;
}
.clubPricing .priceLabel,
.clubPricing .nextPriceDetailsLink,
.noClubPricing .priceLabel,
.noClubPricing .nextPriceDetailsLink{
/*font-size:.8em;*/
font-size:.8rem;
}
.nextProductDetail .clubPricing .priceLabel,
.nextProductDetail .noClubPricing .priceLabel{
/*font-size:.6em;*/
font-size:.6rem;
}
.nextProductDetail .clubPricing .nextPrice b,
.nextProductDetail .noClubPricing .nextPrice b{
font-weight: normal;
}
.clubPricing .nextTabbedProduct .nextPrice {
margin: 0;
padding: 0;
}
.clubPricing #tabMotion .nextPrice {
/*font-size: 18px;*/
font-size:1.2rem;
}
/*----------------------------------------------------------------
..PROGRESS TRACKER CUSTOM
------------------------------------------------------------------*/
#progress {
margin:0 auto;
text-align:center;
position:relative;
display:none;
background:#FFF;
padding-top:30px;
}
.nextLogin #progress, .nextRegister #progress, .nextOrderInfo #progress, .nextInvoice #progress {
display:block;
}
.nextLogin.hideProgress #progress {
display:none;
}
#progress h3 {
font-weight:normal;
font-size:22px;
color:#666;
line-height:24px;
margin: 0 0 20px;
font-family:Georgia, "Times New Roman", Times, serif;
clear:both;
}
#progressBar {
position:absolute;
top:105px;
left:50%;
width:400px;
margin-left:-205px;
border-bottom:1px solid #999;
box-shadow:0 3px 6px rgba(0, 0, 0, .3);
}
#progress ul {
margin:0 auto;
text-align:center;
padding:0;
*width:614px; /*for IE7-*/
}
#progress ul li {
display:inline-block;
position:relative;
width:200px;
font-size:13px;
margin:0;
padding:0;
*float:left; /*for IE7-*/
list-style:none;
}
#progress ul li span {
display:inline-block;
border-radius:99px;
color:#FFF;
font-size:12px;
font-weight:bold;
-webkit-transition: all .5s ease;
-moz-transition: all .5s ease;
-o-transition: all .5s ease;
-ms-transition: all .5s ease;
transition: all .5s ease;
outline:0;
position:relative;
text-align:center;
text-decoration:none;
background:#999;
list-style:none;
width:30px;
height:30px;
line-height:30px;
margin:0 auto 5px;
box-shadow:0 3px 6px rgba(0, 0, 0, .3);
}
.nextLogin li#progress1 span, .nextRegister li#progress1 span, .nextOrderInfo #progress li#progress2 span, .nextInvoice #progress li#progress3 span {
background:#071a4a;
}
#progress ul li em {
display:block;
color:#888;
font-style:normal;
}
#progressContinueShopping {
text-decoration:none;
float:left;
font-size:12px;
}
.nextOrderConfirmation #progressContinueShopping {
display:none;
}
/*----------------------------------------------------------------
..INTERNAL ORDER PAGES
------------------------------------------------------------------*/
.oms #trTop, .oms #trBottom, .oms #searchField, .oms #memberSavings, .oms #searchToggle {
display:none !important;
}
.oms .cart #btnCheckOutTop, .oms .cart #btnCancelOrderTop, .editPendingOrder .cart #btnCancelOrderTop {
display:none;
}
body.oms input#btnCancelOrderBottom, body.oms input#btnCancelOrderEmptySuperCart, body.editPendingOrder input#btnCancelOrderBottom {
background-color:#000;
background-image:url(//cdn.nexternal.com/common/images/x_white.png);
margin-top:3px;
opacity:1;
color:#FFF;
}
body.oms input#btnCancelOrderBottom:hover, body.oms input#btnCancelOrderEmptySuperCart:hover {
opacity:.7;
}
.oms .main input[type="submit"] {
margin-right:5px;
}
.oms .nextCartTop {
background: white;
border-radius: 5px;
padding-bottom:10px;
}
/*----------------------------------------------------------------
..Buy A Case (..Add Case to Cart Button)
------------------------------------------------------------------*/
.acTrigger {
margin:1px 10px 5px 5px;
cursor:pointer;
}
.addCaseMessage {
color:#B82727;
font-size:13px;
line-height:1.1;
}
.nextShortDesc .acTrigger,
.nextShortDesc .addCaseMessage {
display:none;
}
/*----------------------------------------------------------------
..Buy A Case 2.0
------------------------------------------------------------------*/
.buyACaseRow a.nextHTMLButton.buyCase {
display: block;
margin:0;
}
.buyACaseCell a.nextHTMLButton.buyCase {
margin:0 0 0 7px;
}
a.nextHTMLButton.buyCase {
background:rgba(0, 0, 0, .1);
color: #777;
text-align: center;
}
.hasCaseBtn .nextAddToCartQuantity input {
margin: 0 7px 8px 0;
}
.hasCaseBtn input.nextHTMLButton.nextATCButton {
margin: 0;
width:100%;
}
.hasCaseBtn .nextAddToCartTable {
margin-top:5px;
}
.hasCaseBtn .nextAddToCartTable td {
vertical-align: top;
}
/*----------------------------------------------------------------
..RETILE.CSS CUSTOM (requires retile.js and retile.css)
------------------------------------------------------------------*/
body .fluidContainer .nextCatLinks, body .fluidContainer .nextProductWrapper, body .relatedWrap {
width:100%; /* Tile 1 products across (ignore padding for this - containers are set to box-sizing: border-box) */
text-align:left;
/*padding:0 1.5% 5%; */
padding:0; /* padding on display:table elements stopped working in 2015, so now we pad .tileContent */
}
body .fluidContainer .nextCatLinks {
text-align: center;
}
.tileContent {
padding:0 4.5% 15%;
}
.nextCatLinks .tileContent {
padding-bottom:1%;
}
body .relatedWrap a {
padding:0 .5em;
display:inline-block;
}
@media only screen and (min-width: 767px) {
body .fluidContainer .nextProductWrapper, body .relatedWrap {
width:49.9%; /* Tile up to 2 products across at this resolution */
}
body .fluidContainer .nextCatLinks {
width:49.9%; /* Tile up to 2 categories across at this resolution */
}
}
@media only screen and (min-width: 1240px) {
body .fluidContainer .nextProductWrapper, body .relatedWrap {
width:33.2%; /* Tile up to 3 products across at this resolution */
}
}
.fluidContainer .nextProductWrapper table {
margin-left:0;
margin-right:auto;
}
.fluidContainer .nextProductWrapper .modal table {
margin-left:0;
}
.nextProductList.nextCategory21 div.fluidContainer {
/*min-width:650px; /* we must set a min width on the product wrapper on an allocated product list page to maintain 3 products across */
}
/*----------------------------------------------------------------
..FLUID 2.2
------------------------------------------------------------------*/
/***** ..fluid thumbs *****/
body .nextCatThumb, body a.nextProdThumb, body .nextRelatedThumb {
*width:auto !important;/*IE7*/
margin:0 auto 10px;
display:inline-block;
}
.nextCatThumb img, a.nextProdThumb img, .nextRelatedThumb img {
display:inline-block;
margin:0;
height:auto;
}
.nextCatThumb img {
width:100%;
max-width:100%;
*width:auto; /* IE7 */
}
.nextCategoryTable {
width:100%; /* for Safari */
}
/***** end fluid thumbs *****/
/***** ..fluid main images *****/
.nextMainImage > div {
display:inline-block;
min-width:150px;
}
.nextProdImage {
display:inline-block;
max-width:100%;
width:100% !important;
*width:auto !important;
height:auto !important;
}
.nextDCProdDetail .nextProdImage{
width:auto;
}
td.nextMainImageWrap {
/*width: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:10;
top:0;
left:0;
}
.CCartActive #cartUtilityWrap {
width:100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.CCartActive #cartUtilityWrap > ul {
float:left;
margin-right:10px;
}
.CCartActive.nextNotLoggedIn #cartUtilityWrap > ul {
margin-right:0px;
}
.CCartActive #cartUtilityWrap > ul li{
margin:5px 0 0;
}
.CCartActive .triggerCart {
float:right;
}
.CCartActive .ui-effects-transfer {
border: 2px solid #666;
background-position:50% 50%;
background-repeat:no-repeat;
background-size:auto 100%;
border-radius:5px;
z-index:1010;
}
.CCartActive #cartUtilityWrap #btnCheckOutTop {
display:inline-block;
}
.CCartActive #cartUtilityWrap .nextHTMLButton {
display:inline-block;
margin:0 0 0 5px;
line-height:1;
}
.CCartActive #checkoutBtnPlaceholder {
display:inline-block;
}
body.CCartActive.nextLogin .nextCartFooter {
/*display:none;*/
}
.CCartActive .persist .nextCartFooter {
margin-top:40px;
}
.CCartActive .persist .cartFooterBox:first-child {
border:none;
}
/* high res - collapsible cart inactive*/
@media only screen and (min-width: 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:35px;
}
body.CCartActive.nocart {
padding-top:0;
}
.CCartActive #responsiveUtilityWrapper {
background:#071a4a;
text-align:right;
position:fixed;
z-index:1010;
width:100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
display:block;
padding:3px 0;
top:0;
left:0;
line-height:1;
}
body.CCartActive.nocart #responsiveUtilityWrapper {
display:none;
}
.CCartActive td.cart{
width:0;
min-width:0;
}
.CCartActive .nextCartWrapper {
z-index:1000;
position: absolute;
top: 20px;
left: 50%;
width: 400px;
margin-left: -200px;
display:none;
}
.CCartActive td.cart #cartUtilityWrap {
display:none;
}
.CCartActive #cartUtilityWrap {
padding:0;
}
.CCartActive .nextUtilityParent > span {
color:#FFF;
}
.CCartActive #cartUtilityWrap > ul {
float:right;
}
.CCartActive.nextNotLoggedIn #cartUtilityWrap > ul > li:first-child {
float:right;
margin-top:0;
margin-left:10px;
}
.CCartActive.nextCartShowing #nextCartMask {
display:block;
}
.CCartActive #closeCart {
background: url("//cdn.nexternal.com/common/images/bg_closeX_3.png") no-repeat scroll 0 50% transparent;
font-size:0;
font-weight: bold;
height: 39px;
width: 39px;
line-height: 0;
position: absolute;
right: -19px;
text-align: center;
text-indent: -9999px;
top: -19px;
cursor:pointer;
display:block;
}
.CCartActive .cart #cartFooter {
background:#FFFFFF;
border-radius: 5px;
overflow: hidden;
}
.CCartActive #cartUtilityWrap li.nextUtilityParent {
background-image: url("//cdn.nexternal.com/common/images/utilityDownArrowWhite.png");
}
}
/*----------------------------------------------------------------
..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%;
}
/*----------------------------------------------------------------
..Edit Pending Order
------------------------------------------------------------------*/
.editPendingOrder .nextCartAddendum,
.editPendingOrder.nextClubCustomerType #memberSavings,
.editPendingOrder .nextCartEnterGiftCert {
display:none;
}
.nextCartPendingEdit {
margin:0 0 17px;
text-align:left;
padding:0 5px;
}
.editPendingOrder input#btnCheckOutBottom {
margin-bottom:10px;
}
/*----------------------------------------------------------------
..saleStickers (activate via JS)
------------------------------------------------------------------*/
.nextProductList .onSale.nextProductWrapper,
.onSale .nextMainImage {
position:relative;
}
.nextProductList .onSale.nextProductWrapper:after,
.onSale .nextMainImage:after {
content:"Sale!";
position:absolute;
left:8px;
top:8px;
text-transform:uppercase;
opacity:.95;
background:#d26e4b;
width:55px;
height:55px;
line-height:55px;
border-radius:999px;
font-size:16px;
color:#ffffff;
font-weight:bold;
text-align:center;
}
@media only screen and (min-width: 1025px) {
.onSale .nextMainImage:after {
width:90px;
height:90px;
line-height:90px;
font-size:28px;
}
}
/*----------------------------------------------------------------
..tabMotion (requires tabMotion.js
------------------------------------------------------------------*/
.tabMotion td.nextMainImageWrap {
width:50%;
}
.hiddenTab {
display:none;
}
/*reveiws and questions*/
#tabMotion #reviewsQuestionsWrap {
margin:20px 0 20px;
font-size:12px;
}
#tabMotion #reviewsQuestionsWrap * {
vertical-align:bottom;
}
#tabMotion .questionsDiv {
font-size:0;
}
#tabMotion .questionsDiv p {
font-size:15px;
}
#tabMotion .nextRatingIcons {
padding-right:11px;
}
#tabMotion #reviewsQuestionsWrap .pipe {
display:inline-block;
padding:0 7px;
margin:0;
color:#aaadb1;
}
#tabMotion #readReviews,
#tabMotion .nextSubmitReviewLink,
#tabMotion #readQuestions,
#tabMotion #reviewsQuestionsWrap a {
display:inine-block;
cursor:pointer;
white-space:nowrap;
}
#tabMotion .reviewSpacer {
line-height:8px;
}
#tabMotion #reviewContent,
#tabMotion #questionContent {
border-top:1px solid #CCC;
border-bottom:1px solid #CCC;
margin:0 0 20px;
position:relative;
}
#tabMotion #reviewToggle,
#tabMotion #questionToggle {
top:5px;
right:0;
cursor:pointer;
position:absolute;
}
#tabMotion #reviewToggle:after,
#tabMotion #questionToggle:after {
content:"\00d7";
display:inline-block;
font:normal normal normal 20px/1 arial;
text-rendering:auto;
-webkit-font-smoothing:antialiased;
-moz-osx-font-smoothing:grayscale;
transform:translate(0, 0);
color:#888;
}
#tabMotion #reviewContent .nextRatingIcons {
float:left;
}
#tabMotion #reviewContent .nextRatingIcons > img {
vertical-align: top;
width:16px;
}
#tabMotion #reviewContent > div {
padding-bottom:10px;
border-bottom:1px dotted #ccc;
}
#tabMotion #questionContent {
padding-top:10px;
}
@media only screen and (max-width: 1362px) {
#tabMotion #reviewsQuestionsWrap {
min-width:263px;
}
#tabMotion .nextRatingIcons {
display:block;
margin-bottom:5px;
}
}
#tabMotion .nextReviewsQuestions2 > p {
padding:0;
margin:7px 0;
}
#tabMotion .nextReviewsQuestions2 > p:nth-child(even) {
padding:0 0 10px;
margin:0 0 10px;
border-bottom:1px dotted #ccc;
}
#tabMotion .nextReviewsQuestions2 > p:last-of-type {
border-bottom:none;
padding:0;
}
/*end reviews and questions*/
/*long description*/
#tabMotion .nextLongDescription {
margin: 20px 0 10px;
}
/*specifications*/
body.tabMotionSpecs #tdSpecifications {
display:none;
}
#tabMotion .nextSpecifications {
border-spacing:0;
}
#tabMotion .nextSpecifications td {
font-weight:normal !important;
font-size:13px;
padding:3px 0 3px 10px;
text-align:left;
}
#tabMotion .nextSpecifications > tbody > tr > td:nth-child(1) {
text-transform:uppercase;
padding-left:6px;
}
/*headings*/
.tabMotion .nextSharingTools h3,
.tabMotion .nextAttributes h3,
#tabMotion h3.contentHeading {
border-bottom: 1px solid #ccc;
color: #333;
font-size:18px;
font-weight: normal;
margin: 40px 0 15px;
font-family: Georgia, "Times New Roman", Times, serif;
}
.tabMotion .nextSharingTools h3 {
margin-bottom:0;
}
/*attributes*/
.tabMotion .nextAttributes table {
border-spacing:0;
}
.tabMotion .nextAttributes td {
padding-left:0;
}
/*custom fields*/
#tabMotion .nextProductDetailTabbedTable {
border-top:none;
margin:0;
}
/*price*/
#tabMotion .nextPrice {
margin-bottom:0;
/*font-size:0;*/
padding:0;
}
#tabMotion .nextPrice span {
font-size:18px;
}
/*short description*/
#tabMotion .nextShortDesc {
margin:20px 0 0;
padding-top:0;
}
/*h1*/
body.tabMotion .nextProductDetailTabbed h1.nextProdName {
margin-bottom:10px;
}
/*status*/
#tabMotion #statusWrap .status {
margin-top:4px;
min-height:1em;
}
/*atc*/
.tabMotion .nextAddToCart {
padding:0;
margin:30px 0 0;
}
/*visibility*/
#tabMotion .nextVisibility {
margin:5px 0 0;
}
/*interal store*/
.oms #tabMotion #reviewsQuestionsWrap .pipe.beforeAskQ,
.oms #tabMotion #reviewsQuestionsWrap .pipe.forReviews {
display:none;
}
/*hide empty tabber*/
.nextProductDetailBottom.allTabsMoved {
display:none;
}
/*price details*/
.tabMotionPriceDetails .nextDetailsTabTable #tblBannerHeader {
display:none;
}
.tabMotionPriceDetails .nextDetailsTabTable .banner2 {
background: none;
color: inherit;
}
.tabMotionPriceDetails .nextPriceListTable {
width:auto !important;
}
.tabMotionPriceDetails .nextPriceListTable td{
padding:0 35px 3px 0;
}
.tabMotionPriceDetails #tdPriceDetails > span{
padding-top:0;
}
/*----------------------------------------------------------------
..Font Override
------------------------------------------------------------------*/
html {
font-size: 16px;
font-family: sans-serif; /*global font*/
line-height: 1.3;
}
.main,
.cart,
.persist {
font-family: inherit;
line-height: 1.3;
}
#nextCartHeading,
#cartFooter h3,
.persist h4,
.nextProductDetailTabbed h1.nextProdName,
.nextProductDetailTabbed .nextPrice,
.nextSharingTools h3,
.nextAttributes h3,
body #tcTabs_header,
body .nextProductDetailTabbed h1.nextProdName,
body .modal tr.banner1,
body div.margin tr.banner1,
.main .banner1,
.main .banner2,
.nextTileProductBanner tr.banner1 td,
.nextSubcategoriesBanner tr.banner1 td,
tr.bannerStoreFront td,
.nextNoProductsBanner td,
.nextRelatedProducts .nextAppendHeader,
.main .banner1 h1.nextBannerText,
.nextPolicies tr.banner1 td,
#progress h3,
.tabMotion .nextSharingTools h3,
.tabMotion .nextAttributes h3,
#tabMotion h3.contentHeading {
font-family:Lato,sans-serif; /*headings font*/
}
.main,
body div.modal,
body div.margin,
.cart,
.persist,
.font1,
.font2,
.main .banner1,
/*.main .banner1 h1.nextBannerText,*/
.main .banner2,
.cart .banner1,
.persist .banner1,
.margin .banner1,
.modal .banner1,
.margin .banner2,
.modal .banner2,
.nextCategory .nextCatName,
.nextProduct,
.nextAdvancedSearch,
.nextUndoSearch,
.nextProductDetailTop,
.nextProductDetailStacked .nextProdName,
.nextExpressOrderProducts .nextProdName,
.nextLongDescription,
.nextArticleSearchDescription,
.nextArticleSearchLink,
.nextCartTop,
.nextShoppingCart,
.nextRegisterHeader,
.nextPasswordTextCell,
.nextTrusteeTextCell,
.nextLargeTextLink,
.nextCategoryDisplay .nextCatName,
.nextAttributes,
.nextExpressOrderAttributes,
.nextAppendHeader,
.nextCartEmpty,
.nextCartTotal td,
#cartFooter p,
#cartShippingInfo p,
.nextPersistentCategory.nextTopCategory a,
.nextPersistentCategory .nextTopCategory a,
#ui-id-1,
.nextSortBy,
.nextSingleLinePrevNext a.disguise,
.addCaseMessage,
#tabMotion #reviewsQuestionsWrap,
#tabMotion .questionsDiv p,
#tabMotion .nextSpecifications td,
.main a.nextCatName,
body #clubLogin h3,
.tab .ajax__tab_outer
{
font-size: 1rem;
}
.nextCartProducts,
.cart .nextCartTotal td,
.nextCartAddendum,
.nextTileProductWrapper,
a.nextProdName,
.nextCartLoyaltyRedemption,
.nextPersistentCategory a
{
font-size: .9rem;
}
.font1small,
.font2small,
.labelSubText,
.nextStatus,
.nextSKUOptions,
/*.nextSearchStatement,*/
.nextArticleSearchStatement,
.nextCatDisc,
.nextCatDiscText,
.nextMultiLinePrevNext,
.nextSKUShipText,
.nextSharingDiscountLimit,
.nextMisCustomer,
.nextCartPolicy,
.nextCartCurrency,
.nextCartProdSavings,
.nextViewCoupon,
.nextRemoveCoupon,
.nextRemoveGiftCert,
.nextRemoveGiftCard,
.nextCartCalculator,
.nextCartSmallButton,
.nextPoweredBy,
.nextShippingDisclaimer td,
.nextNewCustomerCancel,
.nextNoApplicationCoupon,
.nextEmptyCartGiftCert,
.nextEmptyCartGiftCard,
.nextProductList .nextShipToSelect select,
.nextProductList .nextShipToSelect option,
a.nextCartDetermineSTP,
a.nextCartEditSTP,
.nextGiftMessageWrap div>a,
.nextCartBottomButtons > a,
a.nextEnterGiftCert,
a.nextEnterCoupon,
#memberSavings,
a.nextEnterGiftCard,
body #cartUtilityWrap,
.nextInvoice a.nextEnterGiftCert,
.nextInvoice a.nextEnterCoupon,
.nextInvoice a.nextEnterGiftCard,
.nextShipToSelect label,
.nextPickupSelect label,
.nextPriceDetailsLink,
body .pagination,
body td.main #threadWrapper,
#progressContinueShopping,
#progress ul li,
#progress ul li span,
.nextSubscriptionLabel
{
font-size: .8rem;
}
.font1large,
.font2large,
.nextSoldOut,
.nextProductDetailTabbed .nextProdName,
body .nextProductDetailTabbed .nextPrice,
.nextNewCustomerLink,
.nextExpressOrderTotals,
.nextArticleSearchTitle,
#nextCartHeading,
#cartFooter h3,
.persist h4,
.nextSearchStatement,
body .nextSharingTools h3,
body .nextAttributes h3,
.tabMotion .nextSharingTools h3,
.tabMotion .nextAttributes h3,
#tabMotion h3.contentHeading,
#tabMotion .nextPrice span
{
font-size: 1.2rem;
}
.nextTileProductBanner tr.banner1 td,
.nextSubcategoriesBanner tr.banner1 td,
tr.bannerStoreFront td,
.nextNoProductsBanner td,
.nextRelatedProducts .nextAppendHeader,
.main .banner1 h1.nextBannerText,
.nextPolicies tr.banner1 td,
#progress h3,
body .modal tr.banner1,
body div.margin tr.banner1
{
font-size: 1.6rem;
text-transform: uppercase;
}
body .nextProductDetailTabbed h1.nextProdName {
font-size: 1.6rem;
}
/*----------------------------------------------------------------
..UNIQUE STYLES FOR THIS STORE
------------------------------------------------------------------*/
body.btoc .nextStoreFrontBanner,
body.btob .nextStoreFrontBanner {
display:none;
}
/* Vanillabean moves the category banner by default. Hide it in its original location so it doesn't appear then when sort by or filter are used */
.nextTileProductBanner ~ div.nextProductListWrapper .nextTileProductBanner,
.nextSubcategoriesBanner ~ div.nextProductListWrapper .nextSubcategoriesBanner{
display:none;
}
/* Hide pickup label so field can be used for "Request a Quote" */
.nextPickupLabel,
.nextPickupSelect a {
display:none
}
.nextPickupSingle {
cursor:text;
}
/*----------------------------------------------------------------
..RESPONSIVE STORE
------------------------------------------------------------------*/
.nextCurrentCategorySearch {
/*display:none;*/
margin-bottom:25px;
}
@media only screen and (min-width: 320px) and (max-width: 768px) {
}
@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;
}
}
label#ctl00_ctl00_cphMain_cphMain_lblPrice, select#ctl00_ctl00_cphMain_cphMain_ddlPrice, label#ctl00_ctl00_cphMain_cphMain_rptCustomFields_ctl01_lblCustomField, input#ctl00_ctl00_cphMain_cphMain_rptCustomFields_ctl01_txtCustomFieldText, input#ctl00_ctl00_cphMain_cphMain_ctbPrice_rtbCurrency_txtRestricted, table#ctl00_ctl00_cphMain_cphMain_ctbPrice_tblCurrency {
display: none;
}
/*----------------------------------------------------------------
Hiding Shopping Cart - Product updates
------------------------------------------------------------------*/
td.cart, .nextCategoryList .main .nextCatLinks a.nextCatThumb, .nextExpressOrderList, .nextSelectOptions, .nextAddToCart, .nextAttributes, body .nextSharingTools {
display: none;
}
@media only screen and (min-width: 767px) {
body .fluidContainer .nextCatLinks {
width: 25%;
}
}
.main a, .main .nextCatLinks a:hover, .main .nextProdName:hover {
color: #e95e04;
}
.main .nextCatLinks a, .main .nextProdName {
color: #071a4a;
font-weight: bold;
}
.main .nextProdName {
font-size: 1.1rem;
}
.nextCategoryList .main .nextCatLinks a {
background-color: #DFE8F1;
border: 1px solid #162956;
border-radius: 50%;
padding: 15px;
height: 140px;
display: flex;
flex-direction: column;
justify-content: center;
width: 140px;
margin: 0 auto 40px;
}
.nextPopupText .font2, .nextPopupText .banner2 {
font: 10pt Lato, sans-serif !important;
}
.nextPopupText .font2:nth-child(odd) {
background-color: #ddd;
}
.nextPopupText .font2 td:first-child {
white-space: normal !important;
}
.footer-button {
display: inline-block;
clear: both;
border: 2px solid #fff;
padding: 15px;
}
.footer-button .careplus-footer-title {
margin-bottom: 0;
padding-bottom: 0;
line-height: 1;
}
.footer-button:hover {
background-color: #93B2D1;
}
.footer-button:hover .careplus-footer-title {
color: #132553;
}
#tcTabs {
display: flex;
flex-direction: column;
}
#tpDetails {
order: 1;
display: block !important;
visibility: visible !important;
margin-bottom:40px;
}
#tcTabs_header {
order: 2
}
#tcTabs_body {
order:3
}
#tpDetails_tab, .has-options .nextPrice, .has-options .nextSKURow, .nextProductList .nextProductFooter, .no-price .nextSKUTable tr td:last-child, .no-price .nextPrice {
display:none
}
.nextProductFooter {
margin-top:15px;
}
#extraPrevNext {
margin-top: 10px;
}
.nextProductFooter .button {
background-color: #e95e04;
color: #fff;
display: inline-block;
margin: 10px 0;
padding: 10px 15px;
}
.nextProductFooter .button:hover {
background-color: #071a4a;
color: #fff;
}
.nextProductFooter::before {
content: "Call For Volume Discounts";
color: #071a4a;
display: block;
margin-bottom: 30px;
font-weight: bold;
text-transform: uppercase;
letter-spacing: .5px;
}
.careplus-navigation-section #searchForm input[type=submit] {
width: 25px;
height: 31px;
background-color: transparent;
border: none;
position: absolute;
right: 0;
z-index: 100;
cursor: pointer;
}
.careplus-navigation-section #searchForm .fa-search {
position: absolute;
right: 8px;
top: 8px;
}
.nextSKUTable tr td:first-child {
white-space:normal !important;
max-width:650px;
width:auto;
}
.nextSKUTable td {
padding: 8px;
vertical-align:top;
}
.nextSKUTable .font2:nth-child(odd) {
background-color: #dceaf9;
}
.nextSKUPagesTicker {
margin-bottom: 10px;
}
.nextSKUPagesTicker {
position: relative;
z-index: 1000;
}