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: 12pt "Rubik"; color: #656565; padding: 0 5px 0 5px}
.margin, .modal {background-color: white; background-image: none; text-align: left; font: 12pt "Rubik"; color: #656565; 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: 12pt "Rubik"; color: #656565}
.persist {background-color: white; background-image: none; text-align: left; vertical-align: top; margin: 0; font: 12pt "Rubik"; color: black}
.persist hr {color: black; background-color: black}
body.master {background-color: white; background-image: none; margin: 0 auto 0 auto}
td {font: inherit}
table.frame {background: none transparent; table-layout: auto; text-align: 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: 12pt "Rubik"}
.font1small {font: 10pt "Rubik"}
.font1large {font: 12pt "Rubik"}
.font2 {font: 12pt "Rubik"}
.font2small {font: 10pt "Rubik"}
.font2large {font: 12pt "Rubik"}
.labelSubText {font-size: 10pt; display: block}
.welcome {text-align: center}
.main a {color: #F38B00}
.main a:hover {color: #F38B00}
.main img {border-color: #F38B00}
.cart a {color: #F38B00}
.cart a:hover {color: #F38B00}
.cart img {border-color: #F38B00}
.persist a {color: #747474}
.persist a:hover {color: black}
.persist img {border-color: #747474}
.margin a, .modal a {color: #F38B00}
.margin a:hover, .modal a:hover {color: #F38B00}
.margin img, .modal img {border-color: #F38B00}
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: #656565}
.main .banner1 {background-color: #777777; background-image: none; font: bold 12pt "Rubik"; color: white}
.main .banner1 h1.nextBannerText {font: bold 12pt "Rubik"; color: white; margin-bottom: 0px}
.main .banner2 {background-color: #777777; background-image: none; font: bold 12pt "Rubik"; color: white}
.cart .banner1 {background-color: black; background-image: none; font: bold 12pt "Rubik"; color: white}
.persist .banner1 {background-color: black; background-image: none; font: bold 12pt "Rubik"; color: white}
.margin .banner1, .modal .banner1 {background-color: #777777; background-image: none; font: bold 12pt "Rubik"; color: white}
.margin .banner2, .modal .banner2 {background-color: #777777; background-image: none; font: bold 12pt "Rubik"; color: white}
.main .bannerStoreFront {background-color: black; background-image: none}
.main .bannerStoreFront .nextStoreFrontBannerNameCell {font-weight: bold; color: white}
.modal {border: solid 1px black}
.shade {background-color: black; opacity: 0.65}
.ratingSpace {font-size: 0pt; width: 20px; height: 19px; margin: 0px; padding: 0px; cursor: pointer; display: block; background-repeat: no-repeat}
.positiveRating {background-image: url(//cdn.nexternal.com/ladro/images/star_full.png)}
.negativeRating {background-image: url(//cdn.nexternal.com/ladro/images/star_empty.png)}
a.closeX {font-weight: normal; color: white; text-decoration: none; border-width: 1px; border-style: solid; padding: 1px}
a.closeX:hover {font-weight: bold; color: white}
.updateProgress {background-color: white; position: absolute; padding: 0; margin: 0; opacity: 0.7}
.updateProgress div {padding: 4px; position: absolute; top: 20%; left: 50%}
.watermark {background-color: #f1f1f1; font-style: italic; text-align: center}
.tab {visibility: visible !important}
.tab .ajax__tab_tab {margin-right: 0px; outline: none}
.tab .ajax__tab_outer {background-color: #777777; 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: #777777; 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: "Rubik"}
.nextStatus, .nextSKUOptions, .nextSearchStatement, .nextArticleSearchStatement, .nextCatDisc, .nextCatDiscText, .nextMultiLinePrevNext, .nextSKUShipText, .nextSharingDiscountLimit, .nextPurchaseSetQtyMsg, .nextMisCustomer, .nextOrderPadSampleLink, .nextCartPolicy, .nextCartCurrency, .nextCartProdSavings, .nextViewCoupon, .nextRemoveCoupon, .nextRemoveGiftCert, .nextRemoveGiftCard, .nextCartCalculator, .nextCartSmallButton, .nextPoweredBy, .nextShippingDisclaimer td, .nextNewCustomerCancel, .nextNoApplicationCoupon, .nextEmptyCartGiftCert, .nextEmptyCartGiftCard, .nextCartLoyaltyRedemption, .nextPendingCancelLink, .nextGroupCreditCardMessage, .nextGroupNoCreditCardMessage, .nextGroupPendingOnlyMessage, .nextGroupSubcustomerMessageCell, .nextGroupCreditCardMessageCell, .nextGroupNoCreditCardMessageCell, .nextGroupACHMessageCell, .nextGroupNoACHMessageCell, .nextGroupPendingOnlyMessageCell, .nextApprovalExplanationCell, .nextRequisitionerExplanationCell, .nextApproverExplanationCell, .nextGroupEmailExplanationCell, .nextNewMembersExplanationCell, .nextPendingMemberExplanationCell {font-size: 10pt}
.nextSoldOut, .nextProductDetailTabbed .nextProdName, .nextProductDetailTabbed .nextPrice, .nextNewCustomerLink, .nextExpressOrderTotals, .nextOrderPadTotalLabel, .nextOrderPadTotalQuantity, .nextOrderPadUpload, .nextInvoicePaymentFooter {font-size: 12pt}
.nextCategoryDisplay .nextCatName, .nextAttributes, .nextExpressOrderAttributes, .nextAppendHeader {font: 12pt "Rubik"}
.nextProduct, .nextAdvancedSearch, .nextUndoSearch, .nextProductDetailTop, .nextProductDetailStacked .nextProdName, .nextExpressOrderProducts .nextProdName, .nextLongDescription, .nextArticleSearchDescription, .nextArticleSearchLink, .nextCartTop, .nextShoppingCart, .nextRegisterHeader, .nextPasswordTextCell, .nextTrusteeTextCell, .nextLargeTextLink {font: 12pt "Rubik"}
.nextArticleSearchTitle {font: 12pt "Rubik"}
.nextCategory .nextCatName {font: 10pt "Rubik"}
.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: #F38B00; background-color: #F38B00}
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: #656565}
.persist .nextSoldOut, .persist .nextProdDiscount {color: black}
.cart .nextCartDiscount, .cart .nextCartSavings, .cart .nextCartSubscription, .cart .nextCartOrderSubscription, .cart .nextCartReservation, .cart .nextCartWarningsWrapper {color: #656565}
.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: center; vertical-align: bottom}
.nextProdName, .nextLargeImageLink, .nextOrderPadSampleImage, .nextOrderPadUploadImage, .nextOrderPadUploadImage, .nextCartPolicy, .nextCartBannerImage, .nextCheckOutButton, .nextCartSavings, .nextShippingCoupon, .nextShippingPriceOverrideText, .nextCartBottomButton, .nextCartRequiredProductMultiple, .nextPendingCheckbox, .nextPendingRequiredLineItemCheckbox, .nextEditPendingButton, .nextPendingActivationButton, .nextApproveButton, .nextRejectButton, .nextLargeTextLink, .nextEditPendingButton, .nextPendingActivationButton, .nextApproveButton, .nextRejectButton, .nextGroupEdit, .nextGroupDelete {display: block}
.nextHTMLButton {display: inline}
.nextPriceWrapper, .nextZoomContainer {display: inline-block}
.nextUpsell .nextRelatedEmpty {display: none}
.nextSharingTools .nextAddThis, .nextSharingTools .nextTweet, .nextSharingTools .nextPinIt, .nextSharingTools .nextFBShare {display: inline-block; vertical-align: middle}
.nextCartBottomButton {float: none}
.nextRelatedThread, .nextProductDetailStacked .nextStandardAttributes, .nextProductDetailStacked .nextWriteInAttributes, .nextCartBannerImage, .nextTellAFriendCaptcha, .nextQuestionCaptcha, .nextReviewCaptcha, .nextOrderPadSampleImage, .nextOrderPadUploadImage, .nextAffiliateCaptcha, .nextRegisterCaptcha, .nextPasswordCaptcha, .nextTrusteeCaptcha, .nextOrderPaymentSeparatorRow td div, .nextInvoicePaymentTable {margin-left: auto; margin-right: auto}
.nextShipToRow, .nextOrderList, .nextSubscriptionList, .nextPendingList, .nextTrusteeList, .nextLoyaltyList, .nextTrusteeList, .nextSubscriptionOrderList, .nextGroupOrderList, .nextGroupSubscriptionList, .nextGroupPendingList {margin-top: 2px}
.nextSharingTools .nextSharingDiscountNotification,.nextSharingDiscountNotificationQuickShop, .nextOrderCommentsForApprovers, .nextEditPendingButton, .nextPendingActivationButton, .nextPendingNoActivation, .nextPendingNoAction, .nextPendingApprovals, .nextPendingCommentsForApprovers, .nextApproveButton, .nextRejectButton, .nextPendingCancel, .nextEditPendingAddressBook, .nextEditSubscriptionAddressBook {margin-top: 4px}
.nextRelatedColumnProduct, .nextLargeTextLink, .nextEnterLinkWrapper, .nextOrderPaymentSeparatorRow td div {margin-top: 5px}
.nextTellAFriend, .nextBookmark, .nextAddThis, .nextTweet, .nextPinIt, .nextFBShare, .nextFBShareQuickShop, .nextAddThisCouponSharing, .nextFBCouponSharing, .nextHelpDeskAskLogo, .nextHelpDeskThankYou {margin-top: 10px}
.nextGallery {margin-top: 12px}
.nextLargeImageLink, .nextCartBannerImage {margin-top: 15px}
.nextHelpDeskProductLabel, .nextHelpDeskCategoryLabel {margin-top: 20px}
.nextCategoryDisplay .nextCatName, .nextCatDiscRule, .nextTabbedProduct .nextATCButton, .nextOrderPadStatusDisplay {margin-left: 5px}
.nextMiniThumb {margin-right: 1px; margin-bottom: 1px}
.nextBuyNowButton {margin-top: 2px; margin-bottom: 2px}
.nextCatDiscRule, .nextHierarchyTitle, .nextRelatedThreadBackTo, .nextLockIcon, .nextRelatedProductsColumn, .nextHelpDeskProdThumb {margin-right: 5px}
.nextLargeTextLink, .nextOrderPaymentSeparatorRow td div {margin-bottom: 5px}
.nextRelatedProducts, .nextViewedProducts, .nextNoApplicationCoupon, .nextEmptyCartGiftCert, .nextEmptyCartGiftCard, .nextTweetButtonCoupon, .nextAddToCartButtonMsg {margin-bottom: 10px}
table.nextHierarchy, .nextPaypalTransfer {margin-bottom: 20px}
.nextMainImage, .nextRelatedRule, .nextExpressOrderProducts {margin: 2px}
.nextDiscountThumbnail, .nextAffiliateFormLogo {margin: 10px}
.nextGiftMessageWrap, .nextRegisterHeader, .nextPendingOrderAddendum {margin: 10px 0}
.nextCheckOutButton, .nextEditPendingButton, .nextPendingActivationButton, .nextApproveButton, .nextRejectButton {margin: 8px auto}
.nextTabbedRule, .nextShipName, .nextCartBottomButton {margin: 5px 0}
.nextCartProducts, .nextCartCalculator {margin: 4px 0}
.nextProductDetailBottom {margin: 20px 0 8px 0}
.nextCartProdImage img {margin: 2px 5px 2px 0}
.nextGroupActionList, .nextSubscriptionActionList {margin: 5px 0 0 2px}
.nextTabbedProduct .nextAttributeLabel, .nextTabbedProduct .nextAttributeSelect {padding-top: 4px}
.nextRSS, .nextTabbedProduct .nextTellAFriend, .nextTabbedProduct .nextPrice, .nextTweetCoupon {padding-top: 6px}
.nextCartContents, .nextGroupEmailExplanationCell {padding-top: 10px}
.nextPendingEditAddress, .nextPendingEditPayment {padding-top: 20px}
.nextSubscriptionWarning, .nextPendingOrderWarning {padding-left: 3px}
.nextBannerCellLeft .nextBannerText, .nextBannerCellLeftButton .nextBannerText {padding-left: 6px}
.nextRelatedProducts ul, .nextViewedProducts ul, .nextGroupActionList, .nextSubscriptionActionList {padding-left: 15px}
td.nextProdThumb {padding-right: 5px}
.nextBannerCellRight .nextBannerText, .nextExpressOrderAttributeSelect {padding-right: 6px}
.nextBannerCellLeftButton .nextBannerText, .nextOrderPadUploadSample, .nextContactAddress {padding-right: 12px}
.nextCustomerResetTextCell {padding-bottom: 12px}
.nextEnterShipTo {padding: 5px}
.nextTabbedProduct .nextAddToCart {padding: 12px 0}
.nextCartProducts td {padding: 5px 2px}
.nextShoppingCart {padding: 0 5px}
.nextHierarchyTable {padding: 6px 0 10px 0}
.nextProductTicker {padding: 5px 0 8px 0}
.nextSelectOptions {padding: 8px 0 4px 0}
.nextOrderPadProductImage {padding: 0 5px 0 2px}
.nextCloseXCell, .nextOrderPadSKULabelCell, .nextOrderPadQuantityLabelCell, .nextEnterTrusteeRow .nextEmailLabelCell {width: 1px}
.nextProductSpacer, .nextAttributeSpacer, .nextGiftCertButtonSpacer, .nextShipToSpacer, .nextPickupSpacer, .nextEmailToSpacer, .nextOrderPadSpacerCell {width: 10px}
.nextCatDiscRule {width: 15px}
.nextOrderPadUploadImage {width: 75px}
.nextStoreFrontBannerSpacerCell, .nextStoreFrontBannerSearchCell {width: 150px}
.nextGiftMessagePopup {width: 250px}
.nextTellAFriendCaptcha, .nextQuestionCaptcha, .nextReviewCaptcha, .nextAffiliateCaptcha, .nextRegisterCaptcha, .nextPasswordCaptcha, .nextTrusteeCaptcha {width: 304px}
.nextEnterShipToPopup {width: 350px}
.nextShipperAccountPopup, .nextCouponPopup, .nextLoyaltyRedemptionPopup, .nextCurrencyConverterPopup, .nextGiftCardPopup, .nextRedeemGiftCertificatePopup, .nextCartValidationError, .nextInternalMemoPopup, .nextPasswordPopup, .nextInviteTrusteePopup {width: 400px}
.nextPendingCanceledPopup, .nextPendingActivatedPopup, .nextPendingActivateNowPopup, .nextCancelPendingPopup, .nextSubscriptionOrderNowPopup, .nextSubscriptionSkipPopup, .nextSubscriptionSuspendPopup {width: 450px}
.nextTellAFriendPopup, .nextNotifyInstockPopup, .nextUpsell, .nextEditPendingPopup, .nextAddressValidationPopup, .nextVelocityFailurePopup {width: 500px}
.nextNotificationPopup, .nextEnterQuestionPopup, .nextEnterReviewPopup, .nextEditAddressPopup, .nextCreditCardPopup, .nextEditPendingAddressPopup, .nextEditSubscriptionAddressPopup {width: 550px}
.nextCartCalculatorPopup, .nextTrackingPopup {width: 650px}
.nextEditPendingPaymentPopup, .nextEditSubscriptionPaymentPopup{width: 700px}
.nextExpressOrderPopup {width: 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: 120px; max-height: initial}
.nextExpressOrderSKURow {background-color: transparent; background-image: none}
.nextFBShareButtonWrapper, .nextCartProductEdit, .nextCartProductDelete, .nextPercentAdjustLink {cursor: pointer}
.nextFBShareButton, .nextTweetButton, .nextFBShareButtonCoupon, .nextTweetButtonCoupon {border: none}
.nextProductDetailTop, .nextFBShareButton, .nextFBShareButtonCoupon {overflow: visible}
.nextInternalCustomerInformationPopup, .nextAddressBookPopup {border: 1px solid black}
.nextSubmitGiftMessage, .nextOrderPadUpload {border: 2px solid black}
.nextTabbedRule, .nextRelatedRule {border-bottom: 1px solid black}
.nextOrderPaymentSeparatorRow td div {border-bottom: 1px dashed black}
.nextOrderPadUpload {border-radius: 10px}
.nextOrderDiscounts li {list-style-type: none}
.nextPercentAdjustPopup {background-color: white; background-image: none}
.nextClear {clear: both; height: 0; line-height: 0}
a.nextFacebookShareButton {background: url(//cdn.nexternal.com/shared/storefront/images/facebookbg.jpg) top repeat-x #5F78AB; color: #FFFFFF; font-size: 12px; font-weight: bold; padding: 0px 4px 2px 4px; border: 1px solid #29447E; text-decoration: none}
a.nextFacebookShareButton:hover {background-color: #4B649A; background-image: none; color: #ffffff}
.nextFacebook, .nextTwitter {padding: 10px; margin: 10px; border: solid 1px #ccc; background-color: #eee}
.nextTwitterUpdate {width: 585px; text-align: left}
.nextTwitterUpdate textarea {width: 580px}
a.nextTwitterUpdateButton, a.nextTwitterShareButton {padding: 0px 5px 1px 25px; height: 20px; border: 1px solid #d8dfea; text-decoration: none; color: #777; font-size: 15px; text-align: left; background: #fff url(//cdn.nexternal.com/shared/storefront/images/twitter_t_logo_outline.png) no-repeat 3px center}
a.nextTwitterUpdateButton:hover, a.nextTwitterShareButton:hover {background: #32cbff url(//cdn.nexternal.com/shared/storefront/images/twitter_t_logo_outline.png) no-repeat 3px center; color: #fff}
a.nextTwitterUpdateButton {width: 105px}
a.nextTwitterShareButton {width: 150px}
.nextPopupTransferEffect, .nextATCTransfer {border: 3px solid black; background-color: white; background-image: none}
.nextATCTransfer { background-repeat: no-repeat; background-position: center; background-size: auto 80%; text-align: center }
.nextATCTransfer .nextATCTextWrapperOuter {width: 100%; height: 100%; display: table}
.nextATCTransfer .nextATCTextWrapperInner, .nextCartProdText, .nextCartProdImage, .nextOrderPadProductDescription, .nextOrderPadProductImage, .nextOrderPadUpload, .nextOrderPadUploadSample, .nextSubscriptionStatus, .nextSubscriptionWarning, .nextPendingStatus, .nextPendingOrderWarning {display: table-cell; vertical-align: middle}
.nextInternalCustomerInformationPopup {background-color: white; background-image: none; color: #656565; 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;}
.filterLineScroll {max-height: 150px; overflow-y: auto}
.filterLineScroll::-webkit-scrollbar {-webkit-appearance: none; width: 7px}
.filterLineScroll::-webkit-scrollbar-thumb {border-radius: 4px; background-color: rgba(0, 0, 0, .5); box-shadow: 0 0 1px rgba(255, 255, 255, .5)}
.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
------------------------------------------------------------------*/
body, body.master {
margin:0;
}
.clearfix:after {
content: " ";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
}
.clearfix {
display: inline-block;
*display:auto; /*for IE7 */
}
html[xmlns] .clearfix {
display: block;
}
* html .clearfix {
height: 1%;
}
a {
text-decoration:none;
}
img {
border:0;
}
input:not([type=submit]):not([type=file]):not([type=image]):not([type=checkbox]):not([type=radio]):not([type=button]):not(#searchField) {
padding:7px 8px;
border:1px solid #CCC;
border-radius:0;
}
label {
padding-right:5px;
}
input::-moz-focus-inner{
border: 0;
padding: 0;
}
/*----------------------------------------------------------------
..TOP HTML
------------------------------------------------------------------*/
body {
background-color: #fff;
}
.mk-header {
background-color:;
}
.mk-header-bg {
background-color: #fff;
}
.mk-classic-nav-bg {
background-color: #ffffff;
}
.master-holder-bg {
background-color: #fff;
}
#mk-footer {
background-color: #ffffff;
}
#mk-boxed-layout {
-webkit-box-shadow: 0 0 0px rgba(0, 0, 0, 0);
-moz-box-shadow: 0 0 0px rgba(0, 0, 0, 0);
box-shadow: 0 0 0px rgba(0, 0, 0, 0);
}
.mk-news-tab .mk-tabs-tabs .is-active a, .mk-fancy-title.pattern-style span, .mk-fancy-title.pattern-style.color-gradient span:after, .page-bg-color {
background-color: #fff;
}
.page-title {
font-size: 20px;
color:;
text-transform: uppercase;
font-weight: 400;
letter-spacing: 2px;
}
.page-subtitle {
font-size: 14px;
line-height: 100%;
color:;
font-size: 14px;
text-transform: none;
}
.mk-header.sticky-style-fixed.a-sticky .mk-header-holder {
border-bottom: 1px solid #ffffff;
}
.header-style-1 .mk-header-padding-wrapper, .header-style-2 .mk-header-padding-wrapper, .header-style-3 .mk-header-padding-wrapper {
padding-top: 166px;
}
@font-face {
font-family: 'star';
src: url('https://caffeladro.dream.press/wp-content/themes/jupiter/assets/stylesheet/fonts/star/font.eot');
src: url('https://caffeladro.dream.press/wp-content/themes/jupiter/assets/stylesheet/fonts/star/font.eot?#iefix') format('embedded-opentype'), url('https://caffeladro.dream.press/wp-content/themes/jupiter/assets/stylesheet/fonts/star/font.woff') format('woff'), url('https://caffeladro.dream.press/wp-content/themes/jupiter/assets/stylesheet/fonts/star/font.ttf') format('truetype'), url('https://caffeladro.dream.press/wp-content/themes/jupiter/assets/stylesheet/fonts/star/font.svg#star') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'WooCommerce';
src: url('https://caffeladro.dream.press/wp-content/themes/jupiter/assets/stylesheet/fonts/woocommerce/font.eot');
src: url('https://caffeladro.dream.press/wp-content/themes/jupiter/assets/stylesheet/fonts/woocommerce/font.eot?#iefix') format('embedded-opentype'), url('https://caffeladro.dream.press/wp-content/themes/jupiter/assets/stylesheet/fonts/woocommerce/font.woff') format('woff'), url('https://caffeladro.dream.press/wp-content/themes/jupiter/assets/stylesheet/fonts/woocommerce/font.ttf') format('truetype'), url('https://caffeladro.dream.press/wp-content/themes/jupiter/assets/stylesheet/fonts/woocommerce/font.svg#WooCommerce') format('svg');
font-weight: normal;
font-style: normal;
}
.mk-similiar-thumbnail .image-hover-overlay {
background-color: #fff !important;
}
.mk-blog-container .featured-image:hover .image-hover-overlay {
background-color: white !important;
}
.mk-blog-author.blog-meta-item {
display: none !important;
}
#mk-footer .widget {
margin-bottom: 10px !important;
}
.fdm-section-header {
border-bottom: 2px solid #F38B00 !important;
}
@media all and (max-width:880px) and (min-width:768px) {
#mk-button-8 {
margin-left: 39px !important;
}
}
.wpseo-opening-hours {
font-size: 14px !important;
}
.mk-shoping-cart-link {
position: relative;
}
body .mk-header-cart-count {
background-color: #F38B00 !important;
background: #F38B00 !important;
color: #fff !important;
font-weight: normal !important;
}
body header .mk-header-cart-count {
text-align: center;
line-height: 20px;
display: inline-block;
border-radius: 50%;
position: absolute;
bottom: 17px;
left: 31px;
width: 20px;
height: 20px;
box-sizing: border-box;
padding: 0px !important;
padding-left: 0px !important;
transition: all 0.3s ease-in-out;
font-size: 12px;
}
body header.a-sticky .mk-header-cart-count {
width: 19px;
height: 19px;
line-height: 19px;
bottom: 15px;
}
body .add-cart-responsive-state .mk-header-cart-count {
position: absolute;
top: 0;
left: -7px;
border-radius: 50px;
height: 25px;
min-width: 25px;
padding: 0;
line-height: 25px;
color: #fff;
background: #f97352;
font-size: 12px;
font-weight: 700;
text-align: center;
}
body .add-cart-responsive-state a {
position: fixed;
bottom: 7px;
right: 15px;
width: 60px;
height: 60px;
line-height: 60px;
text-align: center;
border-radius: 100px;
z-index: 9999;
background: #fff;
box-shadow: 1px 1px 3px rgba(0,0,0,.2);
}
body .add-cart-responsive-state svg {
fill: #444;
height: 24px !important;
width: 24px !important;
-webkit-transform: translateY(6px);
-ms-transform: translateY(6px);
transform: translateY(6px);
}
body .add-cart-responsive-state {
display: block !important;
}
@media handheld, only screen and (max-width:1140px) {
.mk-quick-contact-wrapper.is-active {
right: 85px !important;
}
}
.mk-go-top {
right: 24px;
opacity: 1;
bottom: 73px;
}
.mk-go-top.is-active {
right: 24px;
opacity: 1;
bottom: 83px;
}
.mk-quick-contact-wrapper.is-active {
right: 97px;
}
.mk-quick-contact-wrapper {
right: 90px;
}
#menu-item-187 {
display: none;
}
/*full-styles.css*/
/*a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, canvas, caption, center, cite, code, dd, del, details, dfn, div, dl, dt, em, embed, fieldset, figcaption, figure, footer, form, header, hgroup, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, output, p, pre, q, ruby, s, samp, section, small, span, strike, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, tt, u, ul, var, video*/
.borderingHTML *{
margin: 0;
padding: 0;
border: 0;
vertical-align: baseline;
font-size: 100%;
box-sizing: border-box;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
display: block
}
audio, canvas, video {
display: inline-block
}
audio:not([controls]) {
display: none
}
html {
font-size: 100%;
-webkit-font-smoothing: antialiased;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%
}
body {
position: relative;
-webkit-text-size-adjust: 100%;
-webkit-font-smoothing: antialiased
}
a:active, a:hover {
outline: 0
}
sub, sup {
position: relative;
vertical-align: baseline;
font-size: 75%;
line-height: 0
}
sup {
top: -.5em
}
sub {
bottom: -.25em
}
.google_map img {
max-width: none!important
}
#mk-footer img, #mk-sidebar img, .ajax_project img, .mk-edge-slider img, .mk-page-section img, .theme-content img, .vc_row-fluid img {
max-width: 100%;
width: auto\9;
height: auto;
border: 0;
ertical-align: middle;
-ms-interpolation-mode: bicubic
}
/*
button, input, select, textarea {
margin: 0;
vertical-align: middle;
font-size: 100%
}
button, input {
line-height: normal
}
button::-moz-focus-inner, input::-moz-focus-inner {
padding:0;
border:0
}
button, input[type=button], input[type=reset], input[type=submit] {
cursor: pointer;
-webkit-appearance: button
}
input[type=search] {
v box-sizing: content-box;
-webkit-appearance: textfield
}
input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration {
-webkit-appearance:none
}
textarea {
overflow: auto;
vertical-align: top
}
*/
a {
color: #777
}
p {
margin-bottom: 30px
}
ol, ul {
list-style: none
}
blockquote, q {
quotes: none
}
blockquote:after, blockquote:before, q:after, q:before {
content: none
}
table {
border-spacing: 0;
border-collapse: collapse
}
strong, th, thead td {
font-weight: 700
}
cite, dfn, em {
font-style: italic
}
code, pre {
margin: 10px 0 20px 0;
display: block;
font-size: 12px;
line-height: 20px;
border: 1px solid #e8e8e8;
padding: 20px 10px;
background: #fff;
white-space: pre-wrap;
white-space: -moz-pre-wrap!important;
white-space: -pre-wrap;
white-space: -o-pre-wrap;
overflow: auto;
background: url(//cdn.nexternal.com/../images/pre_code.gif) repeat scroll 0 0 #f2f3f5
}
del {
color: #666;
text-decoration: line-through
}
small, sub, sup {
font-size: 85%
}
abbr, acronym {
text-transform: uppercase;
letter-spacing: .1em
}
a abbr, a acronym {
border: none
}
abbr[title], acronym[title], dfn[title] {
border-bottom: 1px dotted #ccc;
cursor: help
}
sup {
vertical-align: super
}
sub {
vertical-align: sub
}
/*
blockquote, code, dl, fieldset, ol, p, pre, table, ul {
margin-bottom: 20px
}
*/
a {
text-decoration: none
}
a, p {
-ms-word-wrap: break-word;
word-wrap: break-word
}
a:active, a:focus, a:hover, a:link, a:visited {
outline: 0 none;
text-decoration: none
}
.alignleft, .floatleft {
float: left;
text-align: left
}
.alignright, .floatright {
float: right;
text-align: right
}
.aligncenter {
margin-right: auto;
margin-left: auto;
text-align: center
}
.align-right {
text-align: right
}
.align-left {
text-align: left
}
.align-center {
text-align: center
}
.clearboth {
display: block;
visibility: hidden;
clear: both;
overflow: hidden;
width: 0;
height: 0
}
.clearboth:after {
display: block;
visibility: hidden;
clear: both;
width: 0;
height: 0;
content: ' ';
font-size: 0;
line-height: 0
}
* html .clearboth {
height: 1%
}
.clearfix {
display: block;
clear: both
}
.clearfix:after, .clearfix:before {
content: " ";
display: table
}
ul {
margin-bottom: 1em;
margin-left: 1.5em;
list-style-type: disc
}
ul li {
margin-left: .85em
}
ul ul {
list-style-type: square
}
ul ul ul {
list-style-type: circle
}
ol {
margin-bottom: 1em;
margin-left: 2.35em;
list-style-position: outside;
list-style-type: decimal
}
dt {
font-weight: 700;
font-size: 110%;
margin-bottom: .2em
}
dd {
margin: 0;
padding: 0 0 1em 15px
}
ol ol, ul ol {
margin-left: 2.5em
}
ol ol, ol ul, ul ol, ul ul {
margin-bottom: 0
}
fieldset {
padding: 1em;
border: 1px solid #ddd
}
legend {
padding: 0 .8em;
font-weight: 700;
font-size: 1.2em
}
/*
input[type=email], input[type=password], input[type=text], select, textarea {
outline: 0;
border: none;
font-size: inherit
}
input, select {
cursor: pointer
}
input[type=email], input[type=password], input[type=text] {
cursor: text
}
textarea {
overflow: auto
}
input[type=email], input[type=password], input[type=search], input[type=tel], input[type=text], textarea {
font-size: 13px;
color: #767676;
padding: 10px 12px;
background-color: #fdfdfd;
border: 1px solid #e3e3e3;
outline: 0;
margin-bottom: 4px
}
input[type=email]:focus, input[type=password]:focus, input[type=search]:focus, input[type=tel]:focus, input[type=text]:focus, textarea:focus {
background-color: #fff;
border: 1px solid #dcdcdc
}
*/
#theme-page select, .woocommerce select {
background-color: #fff;
border: 1px solid #e3e3e3;
background: url(//cdn.nexternal.com/../images/selectbox-arrow.png) right center no-repeat;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
padding: 12px 14px 12px 20px;
font-size: 12px;
line-height: 14px;
color: #252525;
border-radius: 0!important;
font-weight: 700;
min-width: 240px;
max-width: 100%;
display: block
}
option {
padding: 0 4px
}
h1, h2, h3, h4, h5, h6 {
margin: 0 0 .8em;
font-weight: 400;
line-height: 1.3em;
-ms-word-wrap: break-word;
word-wrap: break-word;
text-transform: none
}
h1 {
font-size: 36px;
margin-bottom: 16px
}
h2 {
font-size: 30px;
margin-bottom: 14px
}
h3 {
font-size: 28px;
margin-bottom: 10px
}
h4 {
font-size: 24px;
margin-bottom: 9px
}
h5 {
font-size: 18px;
margin-bottom: 8px
}
h6 {
font-size: 14px;
margin-bottom: 8px
}
.visuallyhidden {
position: absolute!important;
overflow: hidden;
clip: rect(0 0 0 0);
left: -100000px;
top: -100000px;
margin: -1px;
padding: 0;
border: 0
}
.mk-video-container {
position: relative;
padding-bottom: 56.25%;
height: 0;
overflow: hidden
}
.mk-video-container embed, .mk-video-container iframe, .mk-video-container object {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%
}
.mk-video-wrapper {
max-width: 100%
}
.mk-background-stretch, .mk-background-stretch .parallax-layer {
background-size: cover;
-webkit-background-size: cover;
-moz-background-size: cover
}
.mk_rev_slider_wrapper {
overflow: hidden
}
.cf:after, .cf:before {
content: " ";
display: table
}
.cf:after {
clear: both
}
.font-weight-l {
font-weight: lighter
}
.font-weight-n {
font-weight: 400
}
.font-weight-b {
font-weight: 700
}
.font-weight-100 {
font-weight: 100
}
.font-weight-200 {
font-weight: 200
}
.font-weight-300 {
font-weight: 300
}
.font-weight-400 {
font-weight: 400
}
.font-weight-500 {
font-weight: 500
}
.font-weight-600 {
font-weight: 600
}
.font-weight-700 {
font-weight: 700
}
.font-weight-800 {
font-weight: 800
}
.font-weight-900 {
font-weight: 900
}
.bold {
font-weight: 700
}
.italic {
font-style: italic
}
.uppercase {
text-transform: uppercase
}
.text-left {
text-align: left
}
.text-right {
text-align: right
}
.text-center {
text-align: center
}
.letter-spacing-1 {
letter-spacing: 1px
}
.letter-spacing-2 {
letter-spacing: 2px
}
.letter-spacing-3 {
letter-spacing: 3px
}
.block {
display: block
}
.inline-block {
display: inline-block
}
.flex {
display: -webkit-box;
display: -ms-flexbox;
display: flex
}
.flex-column {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column
}
.flex-wrap {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-flow: row;
flex-flow: row;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.flex-items-center {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
.flex-items-baseline {
-webkit-box-align: baseline;
-ms-flex-align: baseline;
align-items: baseline
}
.flex-items-start {
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start
}
.flex-items-end {
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end
}
.flex-items-stretch {
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch
}
.flex-self-center {
-ms-flex-item-align: center;
-ms-grid-row-align: center;
align-self: center
}
.flex-self-baseline {
-ms-flex-item-align: baseline;
align-self: baseline
}
.flex-self-start {
-ms-flex-item-align: start;
align-self: flex-start
}
.flex-self-end {
-ms-flex-item-align: end;
align-self: flex-end
}
.flex-self-stretch {
-ms-flex-item-align: stretch;
-ms-grid-row-align: stretch;
align-self: stretch
}
.flex-justify {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between
}
.flex-center {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center
}
.flex-auto {
-webkit-box-flex: 1;
-ms-flex: 1 1 auto;
flex: 1 1 auto
}
.flex-grow {
-webkit-box-flex: 1;
-ms-flex: 1 0 auto;
flex: 1 0 auto
}
.flex-none {
-webkit-box-flex: 0;
-ms-flex: none;
flex: none
}
.flex-first {
-webkit-box-ordinal-group: 0;
-ms-flex-order: -1;
order: -1
}
.flex-last {
-webkit-box-ordinal-group: 100000;
-ms-flex-order: 99999;
order: 99999
}
.width-50 {
width: 50px
}
.width-full {
width: 100%
}
.width-x2 {
width: 200%
}
.height-50 {
height: 50px
}
.height-full {
height: 100%
}
.left {
float: left
}
.right {
float: right
}
.clear:after, .clear:before {
content: " ";
display: table
}
.clear:after {
clear: both
}
.relative {
position: relative
}
.absolute {
position: absolute
}
.fixed {
position: fixed
}
.z1 {
z-index: 1
}
.z2 {
z-index: 2
}
.z3 {
z-index: 3
}
.z4 {
z-index: 4
}
.z5 {
z-index: 5
}
.z999 {
z-index: 999
}
.pointer {
pointer-events: auto
}
.no-pointer {
pointer-events: none
}
.overflow-auto {
overflow: auto
}
.no-overflow {
overflow: hidden
}
.no-overflow-x {
overflow-x: hidden
}
.no-overflow-y {
overflow-y: hidden
}
.backface {
-webkit-backface-visibility: visible;
backface-visibility: visible
}
.no-backface {
-webkit-backface-visibility: hidden;
backface-visibility: hidden
}
.perspective {
-webkit-transform: perspective(1000px);
transform: perspective(1000px);
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d
}
.origin-center {
-webkit-transform-origin: center;
-ms-transform-origin: center;
transform-origin: center
}
.fold-back-horizontal {
-webkit-transform: translateX(-100%) rotateY(-180deg);
transform: translateX(-100%) rotateY(-180deg)
}
.fold-back-vertical {
-webkit-transform: translateX(-100%) rotateX(-180deg);
transform: translateX(-100%) rotateX(-180deg)
}
.bezier-1 {
transition: all .5s cubic-bezier(.645, .045, .355, 1)
}
.IE .bezier-1 {
transition: none
}
.left-0 {
left: 0
}
.left-5 {
left: 5px
}
.left-10 {
left: 10px
}
.right-0 {
right: 0
}
.right-5 {
right: 5px
}
.right-10 {
right: 10px
}
.top-0 {
top: 0
}
.top-5 {
top: 5px
}
.top-10 {
top: 10px
}
.bottom-0 {
bottom: 0
}
.bottom-5 {
bottom: 5px
}
.bottom-10 {
bottom: 10px
}
.padding-10-pr {
padding: 10%
}
.padding-x-10-pr {
padding-left: 10%;
padding-right: 10%
}
.padding-10 {
padding: 10px
}
.padding-x-10 {
padding-left: 10px;
padding-right: 10px
}
.padding-y-10 {
padding-top: 10px;
padding-bottom: 10px
}
.padding-20 {
padding: 20px
}
.padding-x-20 {
padding-left: 20px;
padding-right: 20px
}
.padding-y-20 {
padding-top: 20px;
padding-bottom: 20px
}
.margin-t-20 {
margin-top: 20px
}
.margin-r-10 {
margin-top: 10px
}
.is-hidden {
display: none;
visibility: hidden
}
.is-visibility-hidden {
visibility: hidden
}
.margin-auto {
margin: 0 auto
}
.mk-blog-classic-item .blog-social-share {
z-index: 30
}
.post-type-badge {
z-index: 10
}
.mk-commentlist li .comment-content {
z-index: 10
}
.mk-blog-grid-item .blog-grid-hover-icon {
z-index: 10
}
.mk-blog-modern-item .blog-social-share {
z-index: 10
}
.mk-edge-one-pager .mk-grid {
z-index: 14
}
.fullPage-slidesNav {
z-index: 4
}
#fullPage-nav {
z-index: 100
}
.mk-edge-slider .mk-grid {
z-index: 14
}
.mk-edge-slider .edge-slider-holder {
z-index: 10
}
.mk-edge-slider .edge-slider-loading {
z-index: 20
}
.mk-edge-slider .edge-skip-slider {
z-index: 10
}
.mk-swiper-container {
z-index: 1
}
.swiper-pagination {
z-index: 10
}
.mk-edge-nav a {
z-index: 1000
}
.flex-direction-nav a {
z-index: 10
}
#mk-footer {
z-index: 10
}
#mk-footer.mk-footer-unfold {
z-index: 9
}
.mk-header-toolbar {
z-index: 310
}
.mk-language-nav-sub-wrapper {
z-index: 20
}
.mk-fullscreen-search-overlay {
z-index: 999
}
.mk-toolbar-resposnive-icon {
z-index: 80
}
@media handheld, only screen and (max-width:780px) {
.mk-header-subscribe, .mk-login-register {
z-index: 50
}
}
.mk-header {
z-index: 301
}
.mk-header .mk-classic-nav-bg, .mk-header .mk-header-bg {
z-index: 1
}
.mk-header .fit-logo-img a {
z-index: 30
}
.mk-header .mk-header-inner {
z-index: 300
}
.mk-header-holder {
z-index: 200
}
.header-style-2.a-sticky .mk-header-nav-container {
z-index: 210
}
.mk-header-right {
z-index: 20
}
.mk-header-nav-container {
z-index: 30
}
.header-style-2.header-align-center .header-logo {
z-index: 2
}
.header-style-2.header-align-center .mk-dashboard-trigger {
z-index: 3
}
.header-style-3 .mk-dashboard-trigger {
z-index: 11
}
.header-style-4 {
z-index: auto!important
}
.header-style-4 .mk-header-inner {
z-index: 300!important
}
div.jp-volume-bar {
z-index: 20
}
.mk-go-top {
z-index: 300
}
.mk-zindex-fix {
z-index: 60
}
#theme-page {
z-index: 11
}
.fancybox-wrap {
z-index: 8020
}
.fancybox-opened {
z-index: 8030
}
#fancybox-loading {
z-index: 8060
}
.fancybox-close {
z-index: 8040
}
.fancybox-nav {
z-index: 8040
}
.fancybox-nav span {
z-index: 8040
}
.fancybox-overlay {
z-index: 8010
}
.fancybox-title {
z-index: 8050
}
.fancybox-title-float-wrap {
z-index: 8050
}
.mk-classic-menu-wrapper {
z-index: 99
}
.main-navigation-ul>li.menu-item ul.sub-menu:after {
z-index: 10
}
.main-navigation-ul:not(.dropdownJavascript) li.menu-item:hover>ul.sub-menu {
z-index: 10
}
.dropdownJavascript li.dropdownOpen>ul.sub-menu {
z-index: 10
}
.has-mega-menu>ul.sub-menu>ul.sub-menu {
z-index: auto
}
.mk-nav-responsive-link {
z-index: 12
}
.mk-responsive-nav {
z-index: 20
}
#mk-page-introduce {
z-index: 8
}
.mk-post-nav {
z-index: 200
}
.mk-post-nav.post-nav-backward {
z-index: 199
}
.pagnav-wrapper .pagenav-top {
z-index: 201
}
.portfolio-loader {
z-index: 10000
}
.portfolio-loader>div {
z-index: 10000
}
.mk-portfolio-classic-item .featured-image img {
z-index: 10
}
.mk-portfolio-classic-item .featured-image .image-hover-overlay {
z-index: 11
}
.mk-portfolio-classic-item .hover-icon {
z-index: 20
}
.mk-portfolio-item.fadebox-hover .portfolio-meta {
z-index: 20
}
.mk-portfolio-item.fadebox-hover .featured-image:after {
z-index: 10
}
.mk-portfolio-item.fadebox-hover .featured-image .icons-holder {
z-index: 13
}
.mk-portfolio-item.slidebox-hover .portfolio-meta {
z-index: 20
}
.mk-portfolio-item.slidebox-hover .icons-holder {
z-index: 21
}
.mk-portfolio-item.slidebox-hover .image-hover-overlay {
z-index: 12
}
.mk-portfolio-item.zoomin-hover .portfolio-meta {
z-index: 20
}
.mk-portfolio-item.zoomin-hover .icons-holder {
z-index: 13
}
.mk-portfolio-item.zoomin-hover .image-hover-overlay {
z-index: 11
}
.mk-portfolio-item.zoomout-hover .icons-holder {
z-index: 10
}
.mk-portfolio-item.zoomout-hover .portfolio-meta {
z-index: 10
}
.mk-portfolio-item.zoomout-hover .icons-holder {
z-index: 10
}
.mk-portfolio-item.zoomout-hover .featured-image img {
z-index: 11
}
.mk-portfolio-item.zoomout-hover .image-hover-overlay {
z-index: 4
}
.mk-portfolio-item.zoomout-hover .featured-image:hover .portfolio-meta {
z-index: 12
}
.mk-portfolio-item.zoomout-hover .featured-image:hover .icons-holder {
z-index: 13
}
.mk-portfolio-item.cube-hover .portfolio-meta {
z-index: 10
}
.mk-portfolio-item.cube-hover .icons-holder {
z-index: 10
}
.mk-portfolio-item.cube-hover .featured-image img {
z-index: 11
}
.mk-portfolio-item.cube-hover .image-hover-overlay {
z-index: 4
}
.mk-portfolio-item.cube-hover .featured-image:hover .portfolio-meta {
z-index: 12
}
.mk-portfolio-item.cube-hover .featured-image:hover .icons-holder {
z-index: 13
}
.mk-portfolio-item.light-zoomin-hover .portfolio-meta {
z-index: 20
}
.mk-portfolio-item.light-zoomin-hover .icons-holder {
z-index: 13
}
.mk-portfolio-item.light-zoomin-hover .image-hover-overlay {
z-index: 11
}
.mk-portfolio-item .featured-image img {
z-index: 10
}
.mk-portfolio-item .featured-image .hover-overlay {
z-index: 11
}
.portfolio-similar-posts-image img {
z-index: 10
}
.portfolio-similar-posts-image .image-hover-overlay {
z-index: 11
}
.portfolio-similar-meta {
z-index: 20
}
.mk-body-loader-overlay {
z-index: 2351
}
.pricing-cols li.pricing-col {
z-index: 10
}
.pricing-cols li.featured-plan {
z-index: 20
}
.pricing-cols .pricing-price span {
z-index: 20
}
.pricing-cols .pricing-features ul {
z-index: 20
}
.pricing-cols .pricing-button a {
z-index: 20
}
.intro-effect-fade, .intro-effect-zoom_out {
z-index: 999
}
.intro-effect-shuffle {
z-index: 999
}
.showcase-blog-overlay {
z-index: 30
}
.mk-blog-showcase-thumb {
z-index: 20
}
.mk-blog-showcase-thumb a {
z-index: 40
}
.blog-showcase-extra-info {
z-index: 10
}
.mk-button.savvy-dimension span {
z-index: 2
}
.mk-button.savvy-dimension:after {
z-index: 1
}
.mk-chart canvas {
z-index: 1
}
.mk-chart .chart-percent {
z-index: 10
}
.mk-contact-form-wrapper.classic-style .mk-form-row i {
z-index: 12
}
.mk-contact-form-wrapper .mk-invalid {
z-index: 10!important
}
.mk-progress-button[data-style=move-up] .mk-progress-button-content {
z-index: 10
}
span.wpcf7-not-valid-tip {
z-index: 30
}
.mk-divider[class*=go_top] .divider-inner:before {
z-index: 3
}
.mk-divider[class*=go_top] .divider-inner .divider-go-top {
z-index: 4
}
.mk-swipe-slideshow .swiper-arrows {
z-index: 10
}
.mk-employees.classic-style .mk-employeee-networks {
z-index: 1
}
.mk-gallery article .image-hover-overlay {
z-index: 10
}
.mk-gallery article .gallery-title {
z-index: 10
}
.mk-gallery article.hover-overlay_layer .gallery-desc {
z-index: 10
}
.mk-box-icon.boxed-style .icon-box-boxed {
z-index: 10
}
.mk-box-icon.boxed-style .mk-main-ico {
z-index: 20
}
.mk-image.inside-image .mk-image-caption {
z-index: 10
}
.mk-image-overlay {
z-index: 10
}
.mk-image-lightbox {
z-index: 30
}
.mk-laptop-slideshow-shortcode .flex-direction-nav a {
z-index: 60
}
.mk-laptop-image {
z-index: 50
}
.mk-lcd-slideshow .flex-direction-nav a {
z-index: 60
}
.mk-lcd-image {
z-index: 50
}
.mk-page-section .vc_row-fluid {
z-index: 10
}
.mk-video-color-mask, .mk-video-mask {
z-index: 3
}
.mk-video-preload {
z-index: 2
}
.mk-section-video {
z-index: 1
}
.mk-section-video video {
z-index: 1
}
.mk-section-image {
z-index: 1
}
.mk-half-layout-container {
z-index: 5
}
.mk-video-section-touch {
z-index: 2
}
.mk-page-section-loader {
z-index: 20
}
.mk-page-title-box .mk-page-title-box-content {
z-index: 10
}
.mk-portfolio-carousel .flex-viewport ul li:hover .item-conten {
z-index: 30
}
.portfolio-carousel .item-content {
z-index: 8
}
.mk-portfolio-carousel-modern .mk-portfolio-modern-image img {
z-index: 10
}
.mk-portfolio-carousel-modern .image-hover-overlay {
z-index: 11
}
.mk-portfolio-carousel-modern .portfolio-meta {
z-index: 20
}
.mk-portfolio-carousel-modern .flex-direction-nav a {
z-index: 20
}
.mk-skill-meter .mk-progress-bar .progress-inner {
z-index: 1
}
.mk-slideshow .mk-flex-caption span {
z-index: 10
}
.mk-slideshow .color-mask {
z-index: 5
}
.theatre-slider-container .desktop-theatre-slider img, .theatre-slider-container .laptop-theatre-slider img {
z-index: 3
}
.no-csstransforms .theatre-slider-container .desktop-theatre-slider img, .no-csstransforms .theatre-slider-container .laptop-theatre-slider img {
z-index: 1
}
.theatre-slider-container .desktop-theatre-slider .player-container, .theatre-slider-container .laptop-theatre-slider .player-container {
z-index: 2
}
.mk-tab-slider {
z-index: 1
}
.mk-tab-slider-nav a {
z-index: 2
}
.mk-testimonial.modern-style .flex-control-nav {
z-index: 10
}
.mk-tooltip {
z-index: 30
}
#mk-theme-container {
z-index: 200
}
.mk-side-dashboard {
z-index: 1
}
.dashboard-opened .mk-side-dashboard {
z-index: 300
}
.sidedash-navigation-ul {
z-index: 20
}
.sidedash-navigation-ul li a {
z-index: 5
}
.sidedash-navigation-ul .mk-nav-arrow {
z-index: 10
}
.isotope-item {
z-index: 2
}
.isotope-hidden.isotope-item {
pointer-events: none;
z-index: 1
}
.mk-vm-menuwrapper {
z-index: 30
}
.mk-vm-menuwrapper .mk-vm-menu {
z-index: 30
}
.mk-instagram-feeds .featured-image img {
z-index: 6
}
.mk-instagram-feeds .image-hover-overlay {
z-index: 20
}
.widget_recent_portfolio ul li:hover .portfolio-widget-info {
z-index: 20
}
.portfolio-widget-thumb {
z-index: 10
}
.widget-portfolio-overlay {
z-index: 10
}
.portfolio-widget-lightbox, .portfolio-widget-permalink {
z-index: 15
}
.portfolio-widget-info {
z-index: 8
}
.mk-quick-contact-wrapper {
z-index: 400
}
#mk-quick-contact {
z-index: 100
}
.portfolio-widget-thumb {
z-index: 10
}
.widget-portfolio-overlay {
z-index: 10
}
.woocommerce .mk-product-holder {
z-index: 10
}
.woocommerce .mk-product-holder .product-loop-image {
z-index: 3
}
.woocommerce .mk-product-holder .product-hover-image {
z-index: 4
}
.woocommerce .mk-product-holder .product-item-footer {
z-index: 6
}
.woocommerce .mk-product-holder .product-loading-icon {
z-index: 5
}
p.demo_store {
z-index: 99998
}
.woocommerce .quantity .minus, .woocommerce .quantity .plus {
z-index: 10
}
.woocommerce .widget_price_filter .ui-slider .ui-slider-handle {
z-index: 2
}
.woocommerce .widget_price_filter .ui-slider .ui-slider-range {
z-index: 1
}
.onsale, .out-of-stock {
z-index: 30
}
.mk-woocommerce-carousel.modern-style .mk-lightbox i {
z-index: 14
}
.mk-skip-to-next {
position: absolute;
display: table;
left: 50%;
cursor: pointer;
bottom: 0;
margin: -26px 0 26px -26px;
width: 50px;
height: 50px;
border-radius: 50%;
text-align: center;
opacity: .9;
transition: all .2s ease-out
}
.mk-skip-to-next svg {
height: 16px;
width: 16px;
display: table-cell;
vertical-align: middle;
display: inline-block;
transition: all .2s ease-out;
-webkit-transform: translateY(2px);
-ms-transform: translateY(2px);
transform: translateY(2px)
}
.mk-skip-to-next:hover {
opacity: 1
}
.mk-skip-to-next:hover svg {
-webkit-transform: translateY(5px);
-ms-transform: translateY(5px);
transform: translateY(5px)
}
.mk-skip-to-next[data-skin=dark] {
border: 2px solid #333
}
.mk-skip-to-next[data-skin=dark] svg {
fill: #333
}
.mk-skip-to-next[data-skin=light] {
border: 2px solid #fff
}
.mk-skip-to-next[data-skin=light] svg {
fill: #fff
}
.mk-swipe-slideshow .mk-swiper-wrapper {
height: 0;
overflow: hidden
}
.mk-blog-container .mk-slider-holder-img {
width: 100%
}
.mk-section-video {
position: absolute;
top: 0;
left: 0;
overflow: hidden;
width: 100%;
min-height: 100%;
z-index: 2;
-webkit-transform-style: preserve-3d
}
.mk-section-video .video-social-hosted {
display: inline-block;
padding: 0;
margin: 0;
width: 100%;
padding-top: 56.25%;
height: 0;
position: relative
}
.mk-section-video video {
position: absolute;
top: 0;
left: 0;
min-width: 100%;
min-height: 100%
}
.mk-section-video iframe {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
width: 100%;
height: 100%
}
.mk-video-color-mask, .mk-video-mask {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%
}
.mk-video-color-mask {
opacity: .7
}
.mk-video-preload {
position: absolute;
top: 0;
left: 0;
display: block;
width: 100%;
height: 100%;
background-position: center;
background-size: cover;
background-repeat: no-repeat
}
.mk-section-image {
position: absolute;
top: 0;
left: 0;
overflow: hidden;
min-width: 100%;
height: 100%;
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
background-position: center;
background-size: cover
}
.post-type-badge {
position: absolute;
left: 50%;
top: 50%;
display: block;
opacity: 0;
margin: -24px 0 0 -24px
}
.post-type-badge svg {
height: 48px;
fill: #fff
}
.mk-blog-container .featured-image:hover .post-type-badge {
opacity: 1
}
.wp-core-ui .button, .wp-core-ui .button-secondary {
color: #555!important;
border-color: #ccc!important;
height: 24px!important;
line-height: 22px!important;
padding: 0 8px 1px!important;
font-size: 11px!important;
border: 1px solid #ccc!important;
background: #f7f7f7!important;
box-shadow: inset 0 1px 0 #fff, 0 1px 0 rgba(0,0,0,.08)!important
}
.wp-core-ui .button-secondary:hover, .wp-core-ui .button:hover {
background: #eee!important
}
.IE9 .mk-button.savvy-dimension:after {
top: 0;
left: 0
}
.contact-form-message {
padding: 20px 0;
font-size: 13px;
color: #cd1313
}
.contact-form-message.state-success {
color: #659c39
}
.mk-employeee-networks li {
display: inline-block
}
.mk-employeee-networks a {
margin: 10px 9px 0 0
}
.mk-employeee-networks svg {
fill: #aaa;
vertical-align: middle
}
.mk-employeee-networks a:hover svg {
transition: all .2s;
fill: #797979
}
select.fsField {
background-color: #fff;
border: 1px solid #7c7c7c!important;
border-radius: 4px!important;
color: #333!important;
display: initial!important;
font-size: 14px!important;
font-weight: 400!important;
max-width: 100%;
min-width: 100px!important;
padding: 4px 5px!important
}
.clear {
clear: both
}
.nobr {
white-space: nowrap
}
@media print {
a {
text-decoration: underline
}
a[href="#"], a[href="javascript:"] {
content: ""
}
#comments, #mk-footer, #mk-sidebar, .blog-similar-posts, .mk-about-author-wrapper, .mk-back-top, .mk-go-top, .mk-header, .mk-loop-next-prev, .mk-post-nav, .mk-quick-contact-wrapper, .news-post-heading, .single-back-top, .single-post-tags, .single-social-section {
display: none!important
}
.theme-content, .theme-page-wrapper {
width: 100%!important;
left: 0
}
.mk-blockquote, p {
page-break-after: avoid;
page-break-inside: avoid;
width: 95%!important
}
}
/*
#mk-notification-bar, #mk-page-introduce, #mk-theme-container, .master-holder div, .mk-blog-classic-item, .mk-blog-grid-item, .mk-employee-item, .mk-fullwidth-boxed, .mk-gallery .gallery-caption, .mk-gallery .gallery-inner, .mk-gallery .gallery-title, .mk-header-toolbar, .mk-image-caption, .mk-news-item, .page-section-content, .portfolio-widget-info, .shopping-cart-header, .testimonial-column .testimonial-item, .text-input, .theme-page-wrapper, :after, :before, [class*=mk-col-], input[type=text], textarea {
box-sizing: border-box
}
*/
[class*=mk-col-] {
float: left;
padding-right: 25px;
min-height: 1px
}
[class*=mk-col-]:last-of-type {
padding-right: 0
}
.mk-grid {
width: 100%;
margin: 0 auto
}
.mk-grid:after {
content: "";
display: table;
clear: both
}
.mk-grid-pad {
padding: 20px 0 0 20px
}
.mk-grid-pad>[class*=mk-col-]:last-of-type {
padding-right: 20px
}
.mk-push-right {
float: right
}
.mk-col-1-1 {
width: 100%
}
.mk-col-2-3, .mk-col-8-12 {
width: 66.66%
}
.mk-col-1-2, .mk-col-6-12 {
width: 50%
}
.mk-col-1-3, .mk-col-4-12 {
width: 33.33%
}
.mk-col-1-4, .mk-col-3-12 {
width: 25%
}
.mk-col-1-5 {
width: 20%
}
.mk-col-1-6, .mk-col-2-12 {
width: 16.667%
}
.mk-col-1-7 {
width: 14.28%
}
.mk-col-1-8 {
width: 12.5%
}
.mk-col-1-9 {
width: 11.1%
}
.mk-col-1-10 {
width: 10%
}
.mk-col-1-11 {
width: 9.09%
}
.mk-col-1-12 {
width: 8.33%
}
.mk-col-11-12 {
width: 91.66%
}
.mk-col-10-12 {
width: 83.333%
}
.mk-col-9-12 {
width: 75%
}
.mk-col-5-12 {
width: 41.66%
}
.mk-col-7-12 {
width: 58.33%
}
@media handheld, only screen and (max-width:768px) {
.mk-grid {
width: 100%
}
[class*=mk-col-] {
width: auto;
float: none;
margin-left: 0;
margin-right: 0;
margin-bottom: 20px;
padding-left: 20px;
padding-right: 20px
}
#mk-footer [class*=mk-col-] {
margin-top: 0;
padding-left: 0;
padding-right: 0
}
}
.attched-true.vc_row {
margin-left: 0!important;
margin-right: 0!important
}
.add-padding-0>.mk-grid>[class*=vc_col], .add-padding-0>[class*=vc_col] {
padding: 0
}
.add-padding-1>.mk-grid>[class*=vc_col], .add-padding-1>[class*=vc_col] {
padding: 1%
}
.add-padding-2>.mk-grid>[class*=vc_col], .add-padding-2>[class*=vc_col] {
padding: 2%
}
.add-padding-3>.mk-grid>[class*=vc_col], .add-padding-3>[class*=vc_col] {
padding: 3%
}
.add-padding-4>.mk-grid>[class*=vc_col], .add-padding-4>[class*=vc_col] {
padding: 4%
}
.add-padding-5>.mk-grid>[class*=vc_col], .add-padding-5>[class*=vc_col] {
padding: 5%
}
.wpb_row.attched-true .vc_column_container>.vc_column-inner {
padding-left: 0!important;
padding-right: 0!important
}
@media handheld, only screen and (max-width:767px) {
.vc_row-fluid [class*=vc_span] {
width: auto;
float: none;
margin-left: 0!important
}
.wpb_row.attched-true>[class*=vc_span] {
width: auto
}
}
.mk-fullwidth-true.vc_row, .vc_inner.vc_row {
margin-left: 0!important;
margin-right: 0!important
}
.mk-fullwidth-true.vc_row .vc_col-sm-12 {
padding-left: 0!important;
padding-right: 0!important
}
.grid--table .mk--row {
display: table;
table-layout: fixed
}
.grid--table .mk--col {
display: table-cell;
vertical-align: top
}
.grid--table .mk--col.mk--col--bottom {
vertical-align: bottom
}
.grid--table .mk--col.mk--col--center {
vertical-align: middle;
height: 100%
}
.grid--float .mk--row {
zoom: 1
}
.grid--float .mk--row:after, .grid--float .mk--row:before {
content: ".";
display: block;
height: 0;
overflow: hidden
}
.grid--float .mk--row:after {
clear: both
}
.grid--float .mk--col {
float: left
}
.mk--row {
width: 100%
}
.mk--col {
position: relative
}
.mk--col--1-12 {
width: 8.33%
}
.mk--col--2-12 {
width: 16.66%
}
.mk--col--3-12 {
width: 25%
}
.mk--col--4-12 {
width: 33.33%
}
.mk--col--5-12 {
width: 41.66%
}
.mk--col--1-2, .mk--col--6-12 {
width: 50%
}
.mk--col--7-12 {
width: 58.33%
}
.mk--col--8-12 {
width: 66.66%
}
.mk--col--9-12 {
width: 75%
}
.mk--col--10-12 {
width: 83.33%
}
.mk--col--11-12 {
width: 91.66%
}
.mk--col--12-12 {
width: 100%
}
#mk-filter-portfolio a, #mk-footer-navigation a, #mk-nav-search-wrapper form i, #review_form_wrapper input[type=submit], .about-author-social a, .black-hover-overlay, .blog-grid-hover-icon, .blog-modern-btn, .blog-modern-comment, .blog-modern-share, .blog-showcase-extra-info, .blog-showcase-overlay, .blog-social-share a, .blog-teaser-side-item .blog-title, .button, .featured-image .post-type-badge, .featured-image img, .gallery-lightbox, .hover-icon, .ls-jupiter .ls-nav-next, .ls-jupiter .ls-nav-prev, .mk-accordion-tab, .mk-accordion-tab i, .mk-accordion-tab:before, .mk-blog-newspaper-item .newspaper-meta-wrapper, .mk-blog-showcase ul li, .mk-blog-showcase ul li img, .mk-blog-showcase-thumb a, .mk-box-icon .icon-box-boxed .mk-main-ico, .mk-breadcrumbs-inner a, .mk-clients .client-logo, .mk-edge-next, .mk-edge-prev, .mk-image-link, .mk-image-overlay, .mk-loadmore-button, .mk-loop-next-prev a, .mk-message-box .button, .mk-nav-responsive-link, .mk-pagination a, .mk-portfolio-carousel .flex-viewport img, .mk-pricing-cols .mk-pricing-button a, .mk-process-steps p, .mk-quick-contact-link, .mk-readmore, .mk-responsive-close, .mk-similiar-thumbnail img, .mk-skype-call, .mk-skype-call i:before, .mk-social-network-shortcode a i, .mk-social-network-shortcode ul li a, .mk-tabs-tabs li i, .mk-textarea, .mk-toggle-title:before, .portfolio-carousel .hover-icon, .portfolio-carousel .item-content, .portfolio-carousel-overlay, .portfolio-meta, .portfolio-showcase-extra-info, .portfolio-similar-meta, .portfolio-similar-posts img, .portfolio-social a, .portfolio-widget-info, .portfolio-widget-lightbox, .portfolio-widget-permalink, .post-type-badge, .product-category .item-holder h4, .showcase-blog-overlay, .similar-posts-wrapper .overlay-pattern, .single-post-tags a, .swiper-arrows, .text-input, .the-title a, .transition-all-2, .widget .mk-searchform .search-button, .widget-portfolio-overlay, .widget-sub-navigation ul li a, .widget_contact_form .contact-widget-button, .widget_instagram a, .widget_posts_lists .post-type-thumb, .widget_posts_lists ul li img, .widget_social_networks a, .woo-hidden-section, .woocommerce-pagination a, .woocommerce-product-gallery__trigger, .woocommerce-product-search input[type=submit], a.jp-pause, a.jp-play {
transition: all .15s ease-in-out;
-webkit-perspective: 1000
}
.hover-overlay, .image-hover-overlay, .mk-image-lightbox {
transition: opacity .25s ease-in-out
}
.modern-style-nav .mk-header-inner .main-navigation-ul>li>a {
transition: color .2s ease-in-out;
transition: background .2s ease-in-out;
transition: border .2s ease-in-out;
-webkit-perspective: 1000
}
.mk-animate-element, .mk-effect-bg-layer, .mk-fullscreen-search-overlay {
-webkit-transform: translateZ(0);
-ms-transform: translateZ(0);
transform: translateZ(0)
}
.mk-animate-element {
opacity: 0;
-webkit-perspective: 1000
}
.no-transform .mk-animate-element {
opacity: 1
}
.mk-animate-element.mk-in-viewport.fade-in {
-webkit-animation: mk_fade .7s 1 cubic-bezier(.445, .05, .55, .95);
animation: mk_fade .7s 1 cubic-bezier(.445, .05, .55, .95);
opacity: 1
}
.mk-animate-element.mk-in-viewport.scale-up {
-webkit-animation: mk_scale .7s 1 cubic-bezier(.445, .05, .55, .95);
animation: mk_scale .7s 1 cubic-bezier(.445, .05, .55, .95);
opacity: 1
}
.mk-animate-element.mk-in-viewport.right-to-left {
-webkit-animation: mk_right_to_left .6s 1 cubic-bezier(.77, 0, .175, 1);
animation: mk_right_to_left .6s 1 cubic-bezier(.77, 0, .175, 1);
opacity: 1
}
.mk-animate-element.mk-in-viewport.left-to-right {
-webkit-animation: mk_left_to_right .6s 1 cubic-bezier(.77, 0, .175, 1);
animation: mk_left_to_right .6s 1 cubic-bezier(.77, 0, .175, 1);
opacity: 1
}
.mk-animate-element.mk-in-viewport.top-to-bottom {
-webkit-animation: mk_top_to_bottom .6s 1 cubic-bezier(.77, 0, .175, 1);
animation: mk_top_to_bottom .6s 1 cubic-bezier(.77, 0, .175, 1);
opacity: 1
}
.mk-animate-element.mk-in-viewport.bottom-to-top {
-webkit-animation: mk_bottom_to_top .6s 1 cubic-bezier(.77, 0, .175, 1);
animation: mk_bottom_to_top .6s 1 cubic-bezier(.77, 0, .175, 1);
opacity: 1
}
.mk-animate-element.mk-in-viewport.flip-x {
-webkit-animation: mk_flip_x .6s 1 cubic-bezier(.77, 0, .175, 1);
animation: mk_flip_x .6s 1 cubic-bezier(.77, 0, .175, 1);
opacity: 1
}
.mk-animate-element.mk-in-viewport.flip-y {
-webkit-animation: mk_flip_y .6s 1 cubic-bezier(.77, 0, .175, 1);
animation: mk_flip_y .6s 1 cubic-bezier(.77, 0, .175, 1);
opacity: 1
}
.mk-floating-vertical {
-webkit-animation: mk_float 2s infinite linear;
-moz-animation: mk_float 2s infinite linear;
-ms-animation: mk_float 2s infinite linear;
-o-animation: mk_float 2s infinite linear;
position: relative
}
.mk-floating-horizontal {
-webkit-animation: mk_floatx 2s infinite linear;
-moz-animation: mk_floatx 2s infinite linear;
-ms-animation: mk_floatx 2s infinite linear;
-o-animation: mk_floatx 2s infinite linear;
position: relative
}
.mk-floating-pulse {
-webkit-animation: mk_pulse 2s infinite linear;
-moz-animation: mk_pulse 2s infinite linear;
-ms-animation: mk_pulse 2s infinite linear;
-o-animation: mk_pulse 2s infinite linear
}
.mk-floating-tossing {
-webkit-animation: mk_tossing 2s infinite linear;
-moz-animation: mk_tossing 2s infinite linear;
-ms-animation: mk_tossing 2s infinite linear;
-o-animation: mk_tossing 2s infinite linear
}
.mk-icon-spin {
display: inline-block;
-webkit-animation: spin 1s infinite linear;
animation: spin 1s infinite linear
}
@-webkit-keyframes spin {
0% {
-webkit-transform:rotate(0)
}
100% {
-webkit-transform:rotate(359deg)
}
}
@keyframes spin {
0% {
-webkit-transform:rotate(0);
transform:rotate(0)
}
100% {
-webkit-transform:rotate(359deg);
transform:rotate(359deg)
}
}
@-webkit-keyframes mk_float {
0% {
top:0
}
50% {
top:15px
}
100% {
top:0
}
}
@keyframes mk_float {
0% {
top:0
}
50% {
top:15px
}
100% {
top:0
}
}
@-webkit-keyframes mk_floatx {
0% {
left:0
}
50% {
left:15px
}
100% {
left:0
}
}
@keyframes mk_floatx {
0% {
left:0
}
50% {
left:15px
}
100% {
left:0
}
}
@-webkit-keyframes mk_tossing {
0% {
-webkit-transform:rotate(-6deg)
}
50% {
-webkit-transform:rotate(6deg)
}
100% {
-webkit-transform:rotate(-6deg)
}
}
@keyframes mk_tossing {
0% {
-webkit-transform:rotate(-6deg);
transform:rotate(-6deg)
}
50% {
-webkit-transform:rotate(6deg);
transform:rotate(6deg)
}
100% {
-webkit-transform:rotate(-6deg);
transform:rotate(-6deg)
}
}
@-webkit-keyframes mk_pulse {
0% {
-webkit-transform:scale(.9);
opacity:.7
}
50% {
-webkit-transform:scale(1);
opacity:1
}
100% {
-webkit-transform:scale(.9);
opacity:.7
}
}
@keyframes mk_pulse {
0% {
-webkit-transform:scale(.9);
transform:scale(.9);
opacity:.7
}
50% {
-webkit-transform:scale(1);
transform:scale(1);
opacity:1
}
100% {
-webkit-transform:scale(.9);
transform:scale(.9);
opacity:.7
}
}
@-webkit-keyframes mk_flip_x {
0% {
-webkit-transform:perspective(400px) rotateX(90deg);
opacity:0
}
100% {
-webkit-transform:perspective(400px) rotateX(0);
opacity:1
}
}
@keyframes mk_flip_x {
0% {
-webkit-transform:perspective(400px) rotateX(90deg);
transform:perspective(400px) rotateX(90deg);
opacity:0
}
100% {
-webkit-transform:perspective(400px) rotateX(0);
transform:perspective(400px) rotateX(0);
opacity:1
}
}
@-webkit-keyframes mk_flip_y {
0% {
-webkit-transform:perspective(400px) rotateY(90deg);
opacity:0
}
100% {
-webkit-transform:perspective(400px) rotateY(0);
opacity:1
}
}
@keyframes mk_flip_y {
0% {
-webkit-transform:perspective(400px) rotateY(90deg);
transform:perspective(400px) rotateY(90deg);
opacity:0
}
100% {
-webkit-transform:perspective(400px) rotateY(0);
transform:perspective(400px) rotateY(0);
opacity:1
}
}
@-webkit-keyframes mk_fade {
0% {
opacity:.1
}
100% {
opacity:1
}
}
@keyframes mk_fade {
0% {
opacity:.1
}
100% {
opacity:1
}
}
@-webkit-keyframes mk_scale {
0% {
-webkit-transform:scale(.3);
opacity:.1
}
100% {
-webkit-transform:scale(1);
opacity:1
}
}
@keyframes mk_scale {
0% {
-webkit-transform:scale(.3);
transform:scale(.3);
opacity:.1
}
100% {
-webkit-transform:scale(1);
transform:scale(1);
opacity:1
}
}
@-webkit-keyframes mk_left_to_right {
0% {
-webkit-transform:translate(-15%, 0);
opacity:0
}
100% {
-webkit-transform:translate(0, 0);
opacity:1
}
}
@keyframes mk_left_to_right {
0% {
-webkit-transform:translate(-15%, 0);
transform:translate(-15%, 0);
opacity:0
}
100% {
-webkit-transform:translate(0, 0);
transform:translate(0, 0);
opacity:1
}
}
@-webkit-keyframes mk_right_to_left {
0% {
-webkit-transform:translate(15%, 0);
opacity:0
}
100% {
-webkit-transform:translate(0, 0);
opacity:1
}
}
@keyframes mk_right_to_left {
0% {
-webkit-transform:translate(15%, 0);
transform:translate(15%, 0);
opacity:0
}
100% {
-webkit-transform:translate(0, 0);
transform:translate(0, 0);
opacity:1
}
}
@-webkit-keyframes mk_bottom_to_top {
0% {
-webkit-transform:translate(0, 60%);
opacity:0
}
100% {
-webkit-transform:translate(0, 0);
opacity:1
}
}
@keyframes mk_bottom_to_top {
0% {
-webkit-transform:translate(0, 60%);
transform:translate(0, 60%);
opacity:0
}
100% {
-webkit-transform:translate(0, 0);
transform:translate(0, 0);
opacity:1
}
}
@-webkit-keyframes mk_top_to_bottom {
0% {
-webkit-transform:translate(0, -20%);
opacity:0
}
100% {
-webkit-transform:translate(0, 0);
opacity:1
}
}
@keyframes mk_top_to_bottom {
0% {
-webkit-transform:translate(0, -20%);
transform:translate(0, -20%);
opacity:0
}
100% {
-webkit-transform:translate(0, 0);
transform:translate(0, 0);
opacity:1
}
}
.hover-overlay {
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
opacity: 0
}
.center-y {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
.full-cover-link {
width: 100%;
height: 100%;
position: absolute;
z-index: 14;
left: 0;
top: 0
}
.mk-flickr-feeds {
margin-bottom: 20px
}
.flickr-item {
display: inline-block!important;
padding: 0 4px 4px 0;
float: left;
box-sizing: border-box
}
.flickr-item img {
position: relative;
width: 100%;
border-radius: 3px
}
.flickr-item:hover {
opacity: .8
}
@media handheld, only screen and (max-width:960px) {
.flickr-item {
width: 33%!important
}
}
@media handheld, only screen and (max-width:600px) {
.flickr-item {
width: 49%!important
}
}
.mk-section-image {
position: absolute;
top: 0;
left: 0;
overflow: hidden;
min-width: 100%;
height: 100%;
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
background-position: center;
background-size: cover
}
.mk-image-overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
opacity: 0
}
.mk-image-lightbox {
position: absolute;
top: 50%;
left: 50%;
margin: -50px 0 0 -50px;
text-align: center;
cursor: pointer;
color: #fff!important;
width: 100px;
height: 100px;
opacity: 0
}
.mk-image-lightbox svg {
fill: #fff
}
.mk-image-lightbox:hover {
color: #fff
}
.mk-image-lightbox i {
line-height: 100px;
font-size: 48px
}
.image-hover-overlay {
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
opacity: 0
}
.single-social-section {
float: right
}
.single-social-section .blog-modern-comment, .single-social-section .blog-share-container, .single-social-section .mk-blog-print, .single-social-section .mk-love-holder {
float: right;
display: inline-block;
margin-left: 20px
}
.single-social-section .blog-modern-comment i, .single-social-section .blog-share-container i, .single-social-section .mk-blog-print i, .single-social-section .mk-love-holder i {
font-size: 16px
}
.single-social-section .blog-modern-comment i, .single-social-section .blog-single-share i, .single-social-section .mk-blog-print i {
color: #898989
}
.single-social-section .blog-modern-comment span, .single-social-section .blog-single-share span, .single-social-section .mk-blog-print span {
color: #898989;
font-size: 11px;
padding-left: 3px
}
.single-social-section .blog-share-container {
position: relative
}
.single-social-section .blog-single-share {
cursor: pointer
}
.single-social-section .blog-single-share i {
font-size: 16px
}
@media handheld, only screen and (max-width:960px) {
.single-social-section {
float: none!important;
display: block;
margin-bottom: 20px
}
.single-social-section .blog-modern-comment, .single-social-section .blog-share-container, .single-social-section .mk-blog-print, .single-social-section .mk-love-holder {
float: left;
padding: 0 20px 0 0!important;
margin: 0!important
}
.single-social-section .single-share-box {
right: -170px;
left: auto!important
}
.single-social-section .single-share-box:before {
left: -5px;
right: auto!important
}
}
.single-share-box {
position: absolute;
left: -220px;
bottom: -11px;
background-color: #252525;
margin: 0;
list-style: none;
display: none;
text-align: center;
padding: 13px;
text-transform: center
}
.single-share-box:before {
right: -5px;
top: 50%;
margin-top: -5px;
display: block;
width: 10px;
height: 10px;
position: absolute;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
background-color: #252525;
content: ""
}
.single-share-box li {
float: left;
margin: 0
}
.single-share-box li a {
color: #a8a8a8;
display: block;
padding: 0 10px;
transition: all .2s
}
.single-share-box li a:hover {
color: #fff
}
.single-share-box li a i {
font-size: 16px;
vertical-align: top
}
#respond input#submit, #review_form_wrapper input[type=submit], .post-password-form input[type=submit], .woocommerce-product-search input[type=submit], a.button, button.button, input.button {
margin: 0;
border: none!important;
outline: 0!important;
font-size: 13px;
line-height: 13px!important;
padding: 12px 15px!important;
text-transform: uppercase;
vertical-align: top;
letter-spacing: 1px;
cursor: pointer;
position: relative;
font-family: inherit;
text-decoration: none;
overflow: visible;
font-weight: 700;
left: auto;
white-space: nowrap;
display: inline-block;
background-color: #252525;
color: #fff
}
#respond input#submit svg, #review_form_wrapper input[type=submit] svg, .post-password-form input[type=submit] svg, .woocommerce-product-search input[type=submit] svg, a.button svg, button.button svg, input.button svg {
fill: #fff;
height: 16px;
margin-right: 10px;
-webkit-transform: translateY(2px);
-ms-transform: translateY(2px);
transform: translateY(2px)
}
#respond input#submit:hover, #review_form_wrapper input[type=submit]:hover, .post-password-form input[type=submit]:hover, .woocommerce-product-search input[type=submit]:hover, a.button:hover, button.button:hover, input.button:hover {
background-color: #707070;
color: #fff
}
#respond input#submit:active, #review_form_wrapper input[type=submit]:active, .post-password-form input[type=submit]:active, .woocommerce-product-search input[type=submit]:active, a.button:active, button.button:active, input.button:active {
top: 1px
}
.accent-bg-color.button:hover {
background-color: #252525!important
}
.woocommerce-Message .button, .woocommerce-message .button {
background-color: transparent!important;
padding: 0!important;
color: #252525;
vertical-align: middle;
line-height: inherit!important
}
.woocommerce-Message .button:hover, .woocommerce-message .button:hover {
background-color: transparent!important;
color: #707070!important
}
input.button.disabled, input.button:disabled {
color: #aaa!important;
background: #e7e7e7!important;
cursor: not-allowed
}
input.button.disabled:active, input.button:disabled:active {
top: 0
}
.mk-header {
width: 100%;
position: relative
}
.mk-header .mk-classic-nav-bg, .mk-header .mk-header-bg {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%
}
.mk-header.sticky-style-false.transparent-header {
position: absolute;
background: 0 0
}
.mk-header.sticky-style-fixed .mk-header-bg {
transition: opacity .2s ease-out
}
.mk-header .mk-header-inner {
position: relative;
width: 100%
}
.mk-header.sticky-style-fixed .header-logo.logo-has-sticky img {
transition: opacity .2s ease
}
.mk-header:not(.header-style-4) .header-logo {
top: 0;
position: absolute
}
.header-logo {
display: block;
width: 100%
}
.header-logo img {
top: 50%;
position: absolute;
-webkit-transform: translate(0, -50%)!important;
-ms-transform: translate(0, -50%)!important;
transform: translate(0, -50%)!important;
ms-transform: translate(0, -50%)!important
}
.header-logo .mk-resposnive-logo {
display: none
}
.logo-in-middle .header-logo {
display: none
}
.fit-logo-img a {
display: inline-block;
height: 100%;
position: relative
}
.fit-logo-img a img {
display: block;
height: auto;
max-height: 100%;
max-width: none
}
@media handheld, only screen and (max-width:780px) {
.header-logo img {
max-width: 200px!important
}
}
@media handheld, only screen and (max-width:400px) {
.header-logo img {
max-width: 160px!important
}
}
.header-style-1.sticky-style-fixed .header-logo, .header-style-1.sticky-style-fixed .menu-hover-style-3 .main-navigation-ul>li, .header-style-1.sticky-style-fixed .menu-hover-style-5 .main-navigation-ul>li, .header-style-1.sticky-style-fixed .mk-header-inner, .header-style-3.sticky-style-fixed .header-logo, .header-style-3.sticky-style-fixed .mk-header-inner, .mk-header.header-style-1.sticky-style-fixed .mk-search-trigger, .mk-header.header-style-1.sticky-style-fixed .mk-search-trigger i, .mk-header.sticky-style-fixed .mk-header-inner .mk-header-start-tour, .sticky-style-fixed .mk-dashboard-trigger, .sticky-style-fixed .mk-header-inner .mk-header-search, .sticky-style-fixed .shopping-cart-header {
transition: height .25s ease, line-height .25s ease;
-webkit-transition: height .25s ease, line-height .25s ease;
-moz-transition: height .25s ease, line-height .25s ease;
-ms-transition: height .25s ease, line-height .25s ease;
-o-transition: height .25s ease, line-height .25s ease
}
.mk-header-holder {
width: 100%;
position: absolute
}
.mk-header-holder.fancybox-margin {
right: -9px
}
.a-sticky .mk-header-holder {
transition: top .35s ease .1s
}
.sticky-style-fixed.header-style-1 .mk-header-holder, .sticky-style-fixed.header-style-3 .mk-header-holder {
position: fixed;
top: 0;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-perspective: 1000;
-ms-perspective: 1000;
perspective: 1000;
-webkit-transform: translateZ(0);
-ms-transform: translateZ(0);
transform: translateZ(0)
}
.sticky-style-fixed.header-style-1 .mk-header-holder.header--hidden, .sticky-style-fixed.header-style-3 .mk-header-holder.header--hidden {
-webkit-transform: translate(0, -100%);
-ms-transform: translate(0, -100%);
transform: translate(0, -100%);
ms-transform: translate(0, -100%)
}
.sticky-style-fixed.header-style-1.a-sticky .mk-header-holder, .sticky-style-fixed.header-style-3.a-sticky .mk-header-holder {
top: -32px
}
.sticky-style-fixed.header-style-1.a-sticky.toolbar-false .mk-header-holder, .sticky-style-fixed.header-style-3.a-sticky.toolbar-false .mk-header-holder {
top: 0
}
[data-sticky-style=lazy] .mk-header-holder {
transition-duration: .5s;
transition-timing-function: cubic-bezier(.215, .61, .355, 1);
transition-property: -webkit-transform;
transition-property: transform;
transition-property: transform, -webkit-transform
}
.header-style-1 .logo-has-sticky .mk-sticky-logo, .header-style-3 .logo-has-sticky .mk-sticky-logo {
opacity: 0
}
.header-style-1.a-sticky .logo-has-sticky .mk-desktop-logo, .header-style-3.a-sticky .logo-has-sticky .mk-desktop-logo {
opacity: 0
}
.header-style-1.a-sticky .logo-has-sticky .mk-sticky-logo, .header-style-3.a-sticky .logo-has-sticky .mk-sticky-logo {
opacity: 1
}
.logo-in-middle .logo-has-sticky .mk-sticky-logo {
display: none
}
.logo-in-middle.a-sticky .logo-has-sticky .mk-desktop-logo {
display: none
}
.logo-in-middle.a-sticky .logo-has-sticky .mk-sticky-logo {
display: block
}
.admin-bar .sticky-style-fixed.header-style-1 .mk-header-holder, .admin-bar .sticky-style-fixed.header-style-3 .mk-header-holder {
top: 32px
}
.admin-bar .sticky-style-fixed.header-style-1.a-sticky .mk-header-holder, .admin-bar .sticky-style-fixed.header-style-3.a-sticky .mk-header-holder {
top: -3px
}
.admin-bar .sticky-style-fixed.header-style-1.a-sticky.toolbar-false .mk-header-holder, .admin-bar .sticky-style-fixed.header-style-3.a-sticky.toolbar-false .mk-header-holder {
top: 32px
}
@media screen and (max-width:782px) {
.admin-bar .sticky-style-fixed.header-style-1 .mk-header-holder, .admin-bar .sticky-style-fixed.header-style-3 .mk-header-holder {
top: 0
}
.admin-bar .sticky-style-fixed.header-style-1.a-sticky .mk-header-holder, .admin-bar .sticky-style-fixed.header-style-3.a-sticky .mk-header-holder {
top: 0
}
.admin-bar .sticky-style-fixed.header-style-1.a-sticky.toolbar-false .mk-header-holder, .admin-bar .sticky-style-fixed.header-style-3.a-sticky.toolbar-false .mk-header-holder {
top: 0
}
}
.sticky-style-slide .mk-header-padding-wrapper.enable-padding {
display: block
}
.sticky-style-slide.header-style-1.pre-sticky .mk-header-holder, .sticky-style-slide.header-style-3.pre-sticky .mk-header-holder {
position: fixed;
top: -300px;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-perspective: 1000;
-ms-perspective: 1000;
perspective: 1000;
-webkit-transform: translateZ(0);
-ms-transform: translateZ(0);
transform: translateZ(0)
}
.sticky-style-slide.header-style-1.a-sticky .mk-header-holder, .sticky-style-slide.header-style-3.a-sticky .mk-header-holder {
top: -32px
}
.sticky-style-slide.header-style-1.a-sticky.toolbar-false .mk-header-holder, .sticky-style-slide.header-style-3.a-sticky.toolbar-false .mk-header-holder {
top: 0
}
.admin-bar .sticky-style-slide.header-style-1.a-sticky .mk-header-holder, .admin-bar .sticky-style-slide.header-style-3.a-sticky .mk-header-holder {
top: -3px
}
.admin-bar .sticky-style-slide.header-style-1.a-sticky.toolbar-false .mk-header-holder, .admin-bar .sticky-style-slide.header-style-3.a-sticky.toolbar-false .mk-header-holder {
top: 32px
}
@media screen and (max-width:782px) {
.admin-bar .sticky-style-slide.header-style-1.pre-sticky .mk-header-holder, .admin-bar .sticky-style-slide.header-style-3.pre-sticky .mk-header-holder {
top: 0
}
.admin-bar .sticky-style-slide.header-style-1.a-sticky .mk-header-holder, .admin-bar .sticky-style-slide.header-style-3.a-sticky .mk-header-holder {
top: 0
}
.admin-bar .sticky-style-slide.header-style-1.a-sticky.toolbar-false .mk-header-holder, .admin-bar .sticky-style-slide.header-style-3.a-sticky.toolbar-false .mk-header-holder {
top: 0
}
}
.header-style-2.a-sticky .mk-header-nav-container {
position: fixed!important;
left: 0;
border: none;
top: 0
}
.header-style-2.a-sticky .mk-header-padding-wrapper {
display: block!important
}
.header-style-2.a-sticky .mk-classic-nav-bg {
opacity: 1
}
.admin-bar .header-style-2.a-sticky .mk-header-nav-container {
top: 32px
}
.mk-desktop-logo.light-logo {
display: none
}
.mk-desktop-logo.dark-logo {
display: block
}
#mk-boxed-layout {
position: relative;
z-index: 0
}
.mk-boxed-enabled #mk-boxed-layout {
width: 100%;
margin: 0 auto;
box-sizing: border-box
}
.mk-boxed-enabled #mk-boxed-layout .a-sticky .mk-header-holder {
right: auto!important
}
.mk-boxed-enabled #mk-boxed-layout .header-style-1 .mk-header-holder, .mk-boxed-enabled #mk-boxed-layout .header-style-3 .mk-header-holder {
width: 100%!important;
left: auto!important
}
.mk-header-start-tour {
font-weight: 700;
float: right;
transition: opacity .3s ease-out;
visibility: visible;
opacity: 1
}
.mk-header-start-tour svg {
padding-left: 8px;
height: 20px;
vertical-align: middle
}
.mk-header-start-tour.show {
visibility: visible;
opacity: 1
}
.mk-header-start-tour.hidden {
visibility: hidden;
opacity: 0
}
.mk-header-right {
position: absolute;
right: 10px;
top: 0
}
.header-grid.mk-grid {
position: relative
}
.header-grid.mk-grid .header-logo.left-logo {
left: 20px!important
}
.header-grid.mk-grid .header-logo.right-logo {
right: 20px!important
}
.header-grid.mk-grid .header-logo.right-logo, .header-grid.mk-grid .mk-header-right {
right: 20px
}
.mk-header-nav-container {
line-height: 4px;
display: block;
position: relative;
margin: 0 auto
}
@media handheld, only screen and (max-width:1140px) {
.mk-header .mk-header-nav-container {
width: 100%!important
}
.mk-header .mk-classic-menu-wrapper {
width: 100%!important
}
}
.header-style-2 .mk-classic-nav-bg {
zoom: 1;
filter: alpha(opacity=0);
opacity: 0
}
.header-style-2 .mk-header-nav-container {
width: 100%!important;
float: none!important
}
.header-style-2 .main-navigation-ul>li.menu-item {
line-height: 50px
}
.header-style-2 .main-navigation-ul>li.menu-item>a.menu-item-link {
padding: 14px 25px;
line-height: 23px
}
.header-style-2.menu-hover-3 .main-navigation-ul>li.menu-item>a.menu-item-link {
line-height: 16px
}
.header-style-1.header-align-center .mk-header-nav-container {
text-align: center
}
.header-style-1.header-align-center .header-logo {
float: left;
left: 0
}
.header-style-1.header-align-center .header-logo a {
margin-left: 20px
}
.header-style-1.header-align-center .mk-nav-responsive-link {
float: right;
right: 20px
}
.header-style-1.header-align-left .mk-header-nav-container {
text-align: right;
float: right;
margin-right: 30px
}
.header-style-1.header-align-left .mk-header-right {
display: none
}
.header-style-1.header-align-left.full-header #mk-nav-search-wrapper {
right: -20px
}
.header-style-1.header-align-left .header-logo {
float: left;
left: 0
}
.header-style-1.header-align-left .header-logo a {
margin-left: 20px;
float: left
}
.header-style-1.header-align-left .mk-nav-responsive-link {
float: right;
right: 20px
}
.header-style-1.header-align-left .mk-grid .mk-header-nav-container {
margin-right: 0
}
.header-style-1.header-align-left.boxed-header .mk-header-right {
display: block
}
.header-style-1.header-align-right .mk-header-nav-container {
text-align: left;
float: left;
margin-left: 30px
}
.header-style-1.header-align-right .mk-header-right {
display: none
}
.header-style-1.header-align-right .header-logo {
float: right;
width: auto!important;
right: 0
}
.header-style-1.header-align-right .header-logo a {
margin-right: 20px
}
.header-style-1.header-align-right .header-logo img {
float: right;
clear: both;
right: 0!important;
left: auto!important
}
.header-style-1.header-align-right .mk-nav-responsive-link {
float: left;
left: 20px
}
.header-style-1.header-align-right.full-header #mk-nav-search-wrapper {
right: auto;
left: -20px
}
.header-style-1.header-align-right .mk-shopping-cart-box {
right: auto;
left: 0
}
.header-style-1.header-align-right .mk-shopping-cart-box:after {
right: auto;
left: 22px
}
.header-style-1.header-align-right .main-nav-side-search, .header-style-1.header-align-right .shopping-cart-header {
float: left
}
.header-style-1.header-align-right .main-navigation-ul>li.menu-item {
float: right
}
.header-style-1.header-align-right .mk-grid .header-logo {
right: 0
}
.header-style-1.header-align-right .mk-grid .mk-header-nav-container {
margin-left: 0
}
.header-style-1.header-align-right.boxed-header .mk-header-right {
display: block;
right: auto;
left: 10px
}
.header-style-2 .mk-search-trigger {
padding: 16px 0
}
.header-style-2 .shopping-cart-header {
display: inline-block;
margin: 0 0 0 10px;
vertical-align: top;
position: relative;
float: none;
padding: 16px 0
}
.header-style-2 .mk-shoping-cart-link {
padding: 20px 10px;
margin-top: -4px
}
.header-style-2 .menu-hover-style-3 .mk-search-trigger, .header-style-2 .menu-hover-style-3 .mk-shoping-cart-link {
padding: 0;
line-height: 80px
}
.header-style-2 .mk-dashboard-trigger {
position: absolute;
z-index: 10
}
.header-style-2 .header-logo {
position: relative!important
}
.header-style-2 .header-logo a img {
position: relative!important;
left: auto!important
}
.header-style-2 .header-logo .mk-sticky-logo {
display: none!important
}
.header-style-2.full-header .mk-classic-menu-wrapper {
width: 100%
}
.header-style-2.header-align-center .mk-header-nav-container {
text-align: center
}
.header-style-2.header-align-center .header-logo {
margin: 0 auto;
text-align: center;
width: 100%
}
.header-style-2.header-align-center .header-logo a {
margin: 0 auto
}
.header-style-2.header-align-center .mk-grid .header-logo {
left: 0;
position: relative
}
.header-style-2.header-align-center .mk-nav-responsive-link {
float: right;
right: 20px
}
.header-style-2.header-align-center .mk-dashboard-trigger {
right: 0
}
.header-style-2.header-align-left .mk-header-nav-container {
text-align: left;
float: left
}
.header-style-2.header-align-left .header-logo {
float: left
}
.header-style-2.header-align-left .mk-nav-responsive-link {
float: right;
right: 20px
}
.header-style-2.header-align-left .mk-grid .header-logo {
left: 0
}
.header-style-2.header-align-left .mk-grid .mk-header-nav-container {
margin-right: 0
}
.header-style-2.header-align-left .mk-dashboard-trigger {
right: 0
}
.header-style-2.header-align-right .mk-header-nav-container {
text-align: right;
float: right
}
.header-style-2.header-align-right .header-logo {
float: right;
right: 0;
text-align: right
}
.header-style-2.header-align-right .header-logo a {
margin-right: 20px
}
.header-style-2.header-align-right .mk-nav-responsive-link {
float: left;
left: 20px
}
.header-style-2.header-align-right .mk-header-right {
left: 10px;
right: auto
}
.header-style-2.header-align-right .mk-header-right .mk-shopping-cart-box {
position: absolute;
left: -10px;
right: auto;
top: 80px
}
.header-style-2.header-align-right .mk-header-right .mk-shopping-cart-box:after {
left: 32px;
right: auto
}
.header-style-2.header-align-right .mk-grid .header-logo {
right: 0
}
.header-style-2.header-align-right .mk-grid .mk-header-nav-container {
margin-left: 0
}
.header-style-3 .header-logo .mk-sticky-logo {
position: absolute!important
}
.header-style-3.header-align-left .mk-header-right {
float: right;
margin-right: 30px
}
.header-style-3.header-align-left .header-logo {
float: left;
left: 0
}
.header-style-3.header-align-left .header-logo a {
margin-left: 20px
}
.header-style-3.header-align-left .header-logo img {
float: left
}
.header-style-3.header-align-left .mk-dashboard-trigger, .header-style-3.header-align-left .shopping-cart-header {
float: right
}
.header-style-3.header-align-center .header-logo {
text-align: center
}
.header-style-3.header-align-center .header-logo img {
-webkit-transform: translate(-50%, -50%)!important;
-ms-transform: translate(-50%, -50%)!important;
transform: translate(-50%, -50%)!important;
ms-transform: translate(-50%, -50%)!important
}
.header-style-3.header-align-center .mk-dashboard-trigger, .header-style-3.header-align-center .shopping-cart-header {
float: right
}
.header-style-3.header-align-right .mk-header-right {
float: left
}
.header-style-3.header-align-right .header-logo {
float: right;
right: 0
}
.header-style-3.header-align-right .header-logo a {
margin-right: 20px
}
.header-style-3.header-align-right .header-logo a {
float: right;
clear: both
}
.header-style-3.header-align-right .header-logo img {
float: right;
right: 0
}
.header-style-3.header-align-right .mk-grid .header-logo {
float: right
}
.header-style-3.header-align-right .mk-grid .mk-dashboard-trigger, .header-style-3.header-align-right .mk-grid .shopping-cart-header {
float: left
}
.header-style-3 .shopping-cart-header {
z-index: 11
}
.mk-dashboard-trigger {
display: inline-block;
cursor: pointer;
width: 30px;
margin: 0 20px;
position: relative
}
@media handheld, only screen and (max-width:400px) {
.mk-dashboard-trigger {
margin: 0 10px
}
}
.mk-dashboard-trigger .mk-css-icon-menu {
position: absolute;
top: 50%;
margin-top: -8px;
left: 0
}
.header-align-right .mk-dashboard-trigger {
float: left
}
.header-align-center .mk-dashboard-trigger, .header-align-left .mk-dashboard-trigger {
float: right
}
.header-style-4 .mk-header-inner {
width: 270px!important;
height: 100%!important;
position: fixed!important;
top: 0;
overflow: auto;
overflow-x: hidden;
height: 100%;
box-sizing: border-box;
padding-bottom: 50px
}
.header-style-4 .mk-header-right {
position: fixed!important;
top: auto;
right: auto!important;
margin: 0 20px;
display: block;
clear: both;
min-height: 40px;
width: 220px;
box-sizing: border-box
}
.header-style-4 .mk-header-right:after, .header-style-4 .mk-header-right:before {
content: " ";
display: table
}
.header-style-4 .mk-header-right:after {
clear: both
}
.header-style-4 .mk-header-right:after, .header-style-4 .mk-header-right:before {
content: " ";
display: table
}
.header-style-4 .mk-header-right:after {
clear: both
}
.header-style-4 .mk-header-right .mk-shoping-cart-link {
padding-left: 0
}
.header-style-4 .mk-header-holder {
position: relative
}
.header-style-4 .shopping-cart-header {
z-index: 30;
width: 100%;
margin-bottom: 40px;
padding: 0 36px 0 9px
}
.header-style-4 .mk-header-searchform, .header-style-4 .mk-header-start-tour {
display: none!important
}
.header-style-4 .mk-header-bg {
transition: opacity .3s ease-out
}
.header-style-4 .vm-header-copyright {
font-size: 11px;
text-transform: uppercase;
line-height: 18px;
margin-top: 20px
}
.header-style-4 .header-logo {
text-align: center
}
.header-style-4 .header-logo a {
width: 100%!important
}
.header-style-4 .header-logo .mk-sticky-logo {
display: none!important
}
.header-style-4 .mk-shopping-cart-box {
display: none!important
}
.header-style-4 .mk-header-search {
display: block;
float: none;
margin: 0;
padding: 20px 0;
text-align: center
}
.header-style-4 .mk-header-start-tour {
float: none
}
.header-style-4 .header-section.mk-header-social {
float: none!important
}
.header-style-4.header-align-center .mk-header-inner, .header-style-4.header-align-left .mk-header-inner {
left: 0
}
.header-style-4.header-align-center .mk-header-right, .header-style-4.header-align-left .mk-header-right {
bottom: 30px
}
.header-style-4.header-align-center .shopping-cart-header, .header-style-4.header-align-left .shopping-cart-header {
float: right
}
.header-style-4.header-align-right .mk-header-inner {
right: 0
}
.header-style-4.header-align-right .mk-header-right {
bottom: 100px
}
.header-style-4.header-align-right .shopping-cart-header {
float: right
}
.header-style-4 .mk-nav-responsive-link {
float: right;
right: 20px
}
.mk-header-social.header-section.show {
visibility: visible;
opacity: 1
}
.mk-header-social.header-section.hidden {
visibility: hidden;
opacity: 0
}
.logo-align-center .header-style-4 .header-logo img {
max-width: 100%!important;
left: 50%!important;
top: 0!important;
-webkit-transform: translate(-50%, 0)!important;
-ms-transform: translate(-50%, 0)!important;
transform: translate(-50%, 0)!important;
ms-transform: translate(-50%, 0)!important
}
.logo-align-left .header-style-4 .header-logo img {
max-width: 100%!important;
left: 20px!important
}
.logo-align-right .header-style-4 .header-logo img {
max-width: 100%!important;
left: auto!important;
right: 20px!important
}
.vertical-header-enabled.vertical-header-center .trans-header #mk-footer, .vertical-header-enabled.vertical-header-center .trans-header #theme-page>.mk-main-wrapper-holder, .vertical-header-enabled.vertical-header-center .trans-header #theme-page>.mk-page-section-wrapper .mk-page-section, .vertical-header-enabled.vertical-header-center .trans-header #theme-page>.wpb_row, .vertical-header-enabled.vertical-header-left .trans-header #mk-footer, .vertical-header-enabled.vertical-header-left .trans-header #theme-page>.mk-main-wrapper-holder, .vertical-header-enabled.vertical-header-left .trans-header #theme-page>.mk-page-section-wrapper .mk-page-section, .vertical-header-enabled.vertical-header-left .trans-header #theme-page>.wpb_row {
padding-left: 270px
}
.vertical-header-enabled.vertical-header-right .trans-header #mk-footer, .vertical-header-enabled.vertical-header-right .trans-header #theme-page>.mk-main-wrapper-holder, .vertical-header-enabled.vertical-header-right .trans-header #theme-page>.mk-page-section-wrapper .mk-page-section, .vertical-header-enabled.vertical-header-right .trans-header #theme-page>.wpb_row {
padding-right: 270px
}
.vertical-header-enabled .trans-header #mk-footer:not(.mk-footer-unfold) {
width: auto!important
}
.vertical-header-enabled.vertical-header-center #mk-theme-container:not(.trans-header), .vertical-header-enabled.vertical-header-left #mk-theme-container:not(.trans-header) {
padding-left: 270px
}
.vertical-header-enabled.vertical-header-right #mk-theme-container:not(.trans-header) {
padding-right: 270px
}
@media handheld, only screen and (max-width:755px) {
.header-align-center.header-style-3 .header-logo {
text-align: left
}
.header-align-center.header-style-3 .header-logo a {
padding-left: 20px
}
.header-align-center.header-style-3 .header-logo img {
-webkit-transform: translate(0, -50%)!important;
-ms-transform: translate(0, -50%)!important;
transform: translate(0, -50%)!important;
ms-transform: translate(0, -50%)!important
}
.vertical-header-enabled .mk-grid {
min-width: 100%!important
}
}
.admin-bar .header-style-4 .mk-header-inner {
top: 32px
}
.pll-parent-menu-item .sub-menu .lang-item span {
display: inline-block
}
.IE .main-nav-side-search>.mk-search-trigger:after, .IE .main-navigation-ul>li.menu-item:after {
content: ''
}
#mk-theme-container {
position: relative;
left: 0
}
body:not(.mk-boxed-enabled) .sticky-style-fixed.header-style-1 .mk-header-holder, body:not(.mk-boxed-enabled) .sticky-style-fixed.header-style-3 .mk-header-holder {
right: 0
}
body:not(.mk-boxed-enabled).dashboard-opened .sticky-style-fixed.header-style-1 .mk-header-holder {
right: 300px
}
.dashboard-opened #mk-theme-container {
left: -300px
}
@media handheld, only screen and (max-width:767px) {
.dashboard-opened #mk-theme-container {
left: -280px
}
}
#mk-theme-container, .mk-side-dashboard, .sticky-style-fixed.header-style-1 .mk-header-holder, .sticky-style-fixed.header-style-3 .mk-header-holder {
transition: all .3s ease-in-out
}
.mk-side-dashboard {
position: fixed;
top: 0;
right: -300px;
width: 300px;
height: 100%;
max-height: 100%;
overflow: auto;
box-sizing: border-box
}
@media handheld, only screen and (max-width:767px) {
.mk-side-dashboard {
width: 280px;
right: -280px
}
}
.dashboard-opened .mk-side-dashboard {
right: 0
}
.admin-bar .mk-side-dashboard {
top: 32px
}
.sidedash-navigation-ul {
border-bottom: 2px solid rgba(128,128,128,.2);
position: relative;
margin: 20px 20px 40px;
padding: 0
}
.sidedash-navigation-ul>li {
border-top: 2px solid rgba(128,128,128,.2)
}
.sidedash-navigation-ul li {
display: block;
margin: 0;
position: relative
}
.sidedash-navigation-ul li a {
display: block;
padding: 15px 20px 15px 0;
text-align: left;
text-transform: uppercase;
text-decoration: none;
font-weight: 700;
position: relative;
letter-spacing: 1px;
transition: all .15s
}
.sidedash-navigation-ul li a svg {
margin-right: 6px;
height: 16px;
vertical-align: middle
}
.sidedash-navigation-ul li a .sub-menu {
left: auto;
position: relative
}
.sidedash-navigation-ul li a .megamenu-title {
background-color: rgba(0,0,0,.03);
font-size: 14px;
font-weight: 700
}
.sidedash-navigation-ul li ul {
margin: 0;
padding: 0
}
.sidedash-navigation-ul li ul {
border-top: 2px solid rgba(128,128,128,.2)
}
.sidedash-navigation-ul li ul>li:after {
width: 50px;
height: 2px;
background: rgba(128,128,128,.2);
display: block;
content: ""
}
.sidedash-navigation-ul li ul>li:last-child:after {
display: none
}
.sidedash-navigation-ul li ul li .megamenu-title, .sidedash-navigation-ul li ul li a {
font-size: 12px;
line-height: 12px;
margin: 0;
padding: 15px 20px 15px 0;
text-align: left;
text-transform: none;
font-weight: 400
}
.sidedash-navigation-ul>li>ul {
display: none
}
.sidedash-navigation-ul .mk-nav-arrow {
position: absolute;
right: 0;
top: 0;
text-align: center;
cursor: pointer;
filter:alpha(opacity=@opacity * 100);
-moz-opacity: 70;
-khtml-opacity: 70;
opacity: 70;
opacity: .7;
width: 50px;
height: 100%;
line-height: 50px
}
.sidedash-navigation-ul .mk-nav-arrow:hover {
filter:alpha(opacity=@opacity * 100);
-moz-opacity: 100;
-khtml-opacity: 100;
opacity: 100;
opacity: 1
}
.sidedash-navigation-ul .mk-nav-arrow svg {
height: 16px
}
.sidedash-navigation-ul .menu-sub-level-arrow, .sidedash-navigation-ul .mk-vm-back {
display: none
}
.side-dash-bottom-widgets, .side-dash-top-widgets {
padding: 40px
}
.fullscreen-nav-opened {
overflow: hidden
}
.mk-fullscreen-inner {
min-height: 100%
}
.mk-fullscreen-nav {
width: 100%;
height: 100%;
position: fixed;
top: 0;
left: 0;
opacity: 0;
visibility: hidden;
text-align: center;
z-index: 999;
transition: all ease-in-out .25s
}
.mk-fullscreen-nav ul {
margin: 0
}
.mk-fullscreen-nav.opened {
visibility: visible;
opacity: 1;
overflow-y: auto
}
.mk-fullscreen-nav.opened .mk-fullscreen-nav-wrapper {
opacity: 1;
visibility: visible;
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
ms-transform: scale(1)
}
.mk-fullscreen-nav:before {
display: inline-block;
height: 100%;
vertical-align: middle
}
.mk-fullscreen-nav .mk-fullscreen-nav-close {
position: fixed;
right: 50px;
top: 40px;
opacity: .8;
-webkit-transform: opacity .2s;
-ms-transform: opacity .2s;
transform: opacity .2s;
z-index: 1001
}
.mk-fullscreen-nav .mk-fullscreen-nav-close svg {
width: 32px;
height: 32px
}
.mk-fullscreen-nav .mk-fullscreen-nav-close.light:link svg, .mk-fullscreen-nav .mk-fullscreen-nav-close.light:visited svg {
color: #fff
}
.mk-fullscreen-nav .mk-fullscreen-nav-close.dark:link svg, .mk-fullscreen-nav .mk-fullscreen-nav-close.dark:visited svg {
color: #222
}
.mk-fullscreen-nav .mk-fullscreen-nav-close:hover {
opacity: 1
}
.mk-fullscreen-nav .mk-fullscreen-nav-wrapper {
display: inline-block;
width: 99.5%;
vertical-align: middle;
font-size: 18px;
-webkit-transform: scale(.9);
-ms-transform: scale(.9);
transform: scale(.9);
ms-transform: scale(.9);
opacity: 0;
visibility: hidden;
text-align: center;
transition: all ease-in-out .3s
}
.mk-fullscreen-nav .mk-fullscreen-nav-wrapper .fullscreen-menu {
width: 100%
}
.mk-fullscreen-nav .mk-fullscreen-nav-wrapper .fullscreen-menu .fullscreen-navigation-ul {
list-style: none;
padding: 0;
margin: 0
}
.mk-fullscreen-nav .mk-fullscreen-nav-wrapper .fullscreen-menu .fullscreen-navigation-ul .sub-menu {
display: none;
background-color: #565656
}
.mk-fullscreen-nav .mk-fullscreen-nav-wrapper .fullscreen-menu .fullscreen-navigation-ul .menu-item {
display: block;
padding: 0;
margin-left: 0;
position: relative
}
.mk-fullscreen-nav .mk-fullscreen-nav-wrapper .fullscreen-menu .fullscreen-navigation-ul .menu-item .menu-sub-level-arrow {
cursor: pointer;
position: absolute;
top: 44px;
left: 0;
right: 0;
margin: 0 auto;
width: 20px
}
.mk-fullscreen-nav .mk-fullscreen-nav-wrapper .fullscreen-menu .fullscreen-navigation-ul .menu-item .menu-sub-level-arrow:hover {
color: #fff
}
.mk-fullscreen-nav .mk-fullscreen-nav-wrapper .fullscreen-menu .fullscreen-navigation-ul .menu-item a {
transition: all ease-in-out .15s;
display: block
}
.mk-fullscreen-nav .responsive-logo {
display: none
}
@media handheld, only screen and (max-width:780px) {
.mk-fullscreen-nav.logo-is-responsive .dark-logo, .mk-fullscreen-nav.logo-is-responsive .light-logo {
display: none
}
.mk-fullscreen-nav.logo-is-responsive .responsive-logo {
display: inline-block
}
.mk-fullscreen-nav .mk-fullscreen-nav-logo {
max-width: 70%;
margin-bottom: 50px;
margin-top: 25px
}
}
.admin-bar .mk-fullscreen-nav-close {
top: 72px
}
.not-found-page .mk-tabbed-box, .not-found-page .theme-page-wrapper {
margin: 0!important
}
.not-found-page #theme-page {
margin-bottom: 0!important;
padding: 0!important
}
.not-found-page .theme-content {
padding: 0!important
}
.mk-go-top {
background-color: #ccc;
background-color: rgba(0,0,0,.2);
display: block;
position: fixed;
bottom: 15px;
width: 45px;
height: 45px;
text-align: center;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-perspective: 1000;
-ms-perspective: 1000;
perspective: 1000;
-webkit-transform: translateZ(0);
-ms-transform: translateZ(0);
transform: translateZ(0);
right: -60px;
opacity: 0;
transition: all .2s ease-in-out
}
.mk-go-top.is-active {
right: 15px;
opacity: 1
}
.mk-go-top:hover {
background-color: rgba(0,0,0,.3)
}
.mk-go-top svg {
position: absolute;
top: 15px;
left: 15px;
fill: #fff;
height: 16px;
width: 16px
}
.mk-relative {
position: relative
}
.no-margin-top {
padding-top: 10px!important
}
.mk-zindex-fix {
position: relative
}
.mk-love-this span {
color: #898989
}
.mk-love-this span {
font-size: 11px;
margin-left: 0;
cursor: default
}
.mk-love-this svg {
height: 16px;
fill: #898989;
vertical-align: middle
}
.mk-love-this.item-loved svg {
fill: #c70000!important;
cursor: default;
-webkit-animation: heart_scale .4s 0 cubic-bezier(0, 1.8, 1, 1.8);
animation: heart_scale .4s 0 cubic-bezier(0, 1.8, 1, 1.8);
-webkit-animation-fill-mode: forwards;
-moz-animation-fill-mode: forwards;
-o-animation-fill-mode: forwards;
-animation-fill-mode: forwards
}
@-webkit-keyframes heart_scale {
0% {
-webkit-transform:scale(1);
-ms-transform:scale(1);
transform:scale(1);
ms-transform:scale(1)
}
50% {
-webkit-transform:scale(1.1);
-ms-transform:scale(1.1);
transform:scale(1.1);
ms-transform:scale(1.1);
color:#da4c26
}
100% {
-webkit-transform:scale(1);
-ms-transform:scale(1);
transform:scale(1);
ms-transform:scale(1);
color:#da4c26
}
}
@keyframes heart_scale {
0% {
-webkit-transform:scale(1);
-ms-transform:scale(1);
transform:scale(1);
ms-transform:scale(1)
}
50% {
-webkit-transform:scale(1.1);
-ms-transform:scale(1.1);
transform:scale(1.1);
ms-transform:scale(1.1);
color:#da4c26
}
100% {
-webkit-transform:scale(1);
-ms-transform:scale(1);
transform:scale(1);
ms-transform:scale(1);
color:#da4c26
}
}
#theme-page {
padding: 0;
margin: 0;
min-height: 200px;
height: auto;
position: relative
}
#theme-page .theme-page-wrapper {
margin: 20px auto
}
#theme-page .theme-page-wrapper.no-padding {
margin-top: 0!important;
margin-bottom: 0!important
}
#theme-page .theme-page-wrapper .theme-content {
padding: 30px 20px
}
#theme-page .theme-page-wrapper .theme-content.no-padding {
padding-bottom: 0!important;
padding-top: 0!important
}
#theme-page .theme-page-wrapper #mk-sidebar {
position: relative
}
#theme-page .theme-page-wrapper.right-layout #mk-sidebar {
float: right
}
#theme-page .theme-page-wrapper.left-layout #mk-sidebar {
float: left
}
#theme-page .theme-page-wrapper.right-layout .theme-content {
float: left
}
#theme-page .theme-page-wrapper.left-layout .theme-content {
float: right
}
#theme-page .theme-page-wrapper.right-layout .sidebar-wrapper {
padding: 30px 20px 30px
}
#theme-page .theme-page-wrapper.left-layout .sidebar-wrapper {
padding: 30px 20px 30px
}
* html #mk-sidebar, * html #theme-page {
display: inline
}
.master-holder-bg-holder {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
overflow: hidden;
z-index: -1
}
.master-holder-bg {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
z-index: -1;
-webkit-perspective: 1000;
perspective: 1000;
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
@media handheld, only screen and (max-width:768px) {
#theme-page {
padding: 0!important
}
.theme-page-wrapper {
margin: 0 auto 0!important
}
}
.mk-header-toolbar {
width: 100%;
position: relative;
height: 35px;
line-height: 35px
}
.mk-header-toolbar .mk-button {
color: #fff!important
}
.mk-toolbar-holder {
padding: 0 20px
}
.header-toolbar-contact, .mk-header-date, .mk-header-login, .mk-header-signup, .mk-header-tagline, .mk-header-toolbar .mk-header-searchform, .mk-language-nav>a {
height: 35px;
line-height: 35px
}
.header-toolbar-contact, .mk-header-date, .mk-header-tagline {
font-size: 13px;
margin-right: 15px
}
.header-toolbar-contact svg, .mk-header-date svg, .mk-header-tagline svg {
padding-right: 6px;
height: 16px;
vertical-align: middle
}
.mk-language-nav {
position: relative;
display: inline-block;
margin-right: 15px;
line-height: 35px;
height: 35px
}
.mk-language-nav>a {
font-size: 12px
}
.mk-language-nav>a svg {
padding-right: 5px;
vertical-align: middle;
height: 16px;
margin-top: -1px
}
.mk-language-nav:hover>.mk-language-nav-sub-wrapper {
display: block
}
.mk-language-nav-sub-wrapper {
display: none;
position: absolute;
top: 100%;
left: 0
}
.mk-language-nav-sub {
background-color: #fff;
position: relative;
border: 1px solid #d9d9d9
}
.mk-language-navigation {
margin: 0;
padding: 0;
list-style: none
}
.mk-language-navigation li {
margin: 0
}
.mk-language-navigation li a {
display: block;
margin: 5px 0;
padding: 6px 12px 6px 0;
min-width: 120px;
color: #666;
font-size: 12px;
line-height: 14px;
font-weight: 700
}
.mk-language-navigation li a:hover {
background-color: rgba(0,0,0,.05)
}
.mk-language-navigation li a .mk-lang-flag {
margin-left: 8px;
vertical-align: middle
}
.mk-language-navigation li a .mk-lang-name {
padding-left: 8px
}
.mk-language-navigation li.current-menu-item>a {
background-color: rgba(0,0,0,.05)
}
.mk-header-search {
display: inline-block;
float: right;
margin-left: 6px
}
.mk-header-inner .mk-header-searchform {
float: right;
display: inline-block;
margin-right: 10px
}
.mk-header-inner .mk-header-searchform .text-input {
width: 200px;
padding: 5px 15px 5px 30px!important;
height: 30px;
line-height: 20px
}
.mk-header-inner .mk-header-searchform .mk-icon-search {
left: 7px;
top: 50%;
margin-top: -8px;
filter:alpha(opacity=@opacity * 100);
-moz-opacity: 70;
-khtml-opacity: 70;
opacity: 70;
opacity: .7
}
.mk-header-searchform span {
display: inline-block;
position: relative;
overflow: hidden;
border-radius: 40px
}
.mk-header-searchform span .text-input {
background-color: rgba(255,255,255,.2);
font-size: 12px;
width: 90px;
height: 23px;
padding: 3px 15px 3px 30px;
line-height: 16px;
margin: 0;
border: none;
border-radius: 40px;
opacity: .7
}
.mk-header-searchform span .text-input:focus {
opacity: 1
}
.mk-header-searchform span i {
font-size: 16px;
opacity: .7;
position: absolute
}
.mk-header-searchform span .mk-icon-search {
left: 7px;
top: 50%;
margin-top: -8px
}
.header-search-btn {
width: 100%;
height: 100%;
display: block;
border: none;
outline: 0;
position: absolute;
left: 0;
top: 0;
background-color: transparent
}
.mk-header-social {
display: inline-block;
float: right;
height: 30px
}
.mk-header-social ul {
list-style: none;
margin: 0;
padding: 0
}
.mk-header-social ul li {
margin: 0;
display: inline-block
}
.mk-header-social ul li a {
position: relative;
display: block;
margin: 0 5px
}
.mk-header-social ul li a svg {
height: 16px;
vertical-align: middle
}
.mk-header-social.header-section .mk-simple-rounded, .mk-header-social.header-section .mk-square-pointed, .mk-header-social.header-section .mk-square-rounded {
border-width: 1px;
border-style: solid;
background-color: #fff;
background-color: rgba(0,0,0,0);
margin: 0 2px;
line-height: 16px!important;
text-align: center
}
.mk-header-social.header-section .mk-simple-rounded.small, .mk-header-social.header-section .mk-square-pointed.small, .mk-header-social.header-section .mk-square-rounded.small {
font-size: 16px;
line-height: 16px!important;
width: 16px;
height: 16px;
padding: 8px
}
.mk-header-social.header-section .mk-simple-rounded.small i:before, .mk-header-social.header-section .mk-square-pointed.small i:before, .mk-header-social.header-section .mk-square-rounded.small i:before {
font-size: 16px;
line-height: 16px!important
}
.mk-header-social.header-section .mk-simple-rounded.medium, .mk-header-social.header-section .mk-square-pointed.medium, .mk-header-social.header-section .mk-square-rounded.medium {
font-size: 24px;
line-height: 24px!important;
width: 24px;
height: 24px;
padding: 12px
}
.mk-header-social.header-section .mk-simple-rounded.medium i:before, .mk-header-social.header-section .mk-square-pointed.medium i:before, .mk-header-social.header-section .mk-square-rounded.medium i:before {
font-size: 24px;
line-height: 24px!important
}
.mk-header-social.header-section .mk-simple-rounded.large, .mk-header-social.header-section .mk-square-pointed.large, .mk-header-social.header-section .mk-square-rounded.large {
font-size: 32px;
line-height: 32px!important;
width: 32px;
height: 32px;
padding: 16px
}
.mk-header-social.header-section .mk-simple-rounded.large i:before, .mk-header-social.header-section .mk-square-pointed.large i:before, .mk-header-social.header-section .mk-square-rounded.large i:before {
font-size: 32px;
line-height: 32px!important
}
.mk-header-social.header-section .mk-square-rounded {
border-radius: 25%
}
.mk-header-social.header-section .mk-simple-rounded {
border-radius: 50%
}
.mk-header-right .mk-header-social {
height: auto;
padding: 0 10px
}
.mk-header-right .mk-header-social ul {
margin: 0
}
.mk-header-login {
float: right;
display: inline-block;
margin: 0 20px 0 0;
position: relative
}
.mk-header-login .mk-login-link svg {
margin-right: 4px;
vertical-align: text-bottom;
height: 16px
}
.mk-login-status {
display: block;
font-size: 12px;
padding: 0;
margin: 8px 0 0;
color: #666
}
.mk-header-subscribe, .mk-login-register {
position: absolute;
right: 0;
width: 250px;
top: 100%;
background-color: #fff;
border: 1px solid #d9d9d9;
padding: 15px;
display: none
}
.mk-header-subscribe .form-section, .mk-login-register .form-section {
margin-bottom: 8px;
display: block
}
.mk-header-subscribe .form-section .text-input, .mk-login-register .form-section .text-input {
width: 100%;
background-color: #fff
}
.mk-header-subscribe .register-login-links, .mk-login-register .register-login-links {
display: inline-block;
float: left;
padding-top: 5px
}
.mk-header-subscribe .register-login-links a, .mk-login-register .register-login-links a {
color: #888;
line-height: 12px;
display: inline-block
}
.mk-header-subscribe .register-login-links .mk-create-account, .mk-login-register .register-login-links .mk-create-account {
padding-left: 5px;
margin-left: 5px;
border-left: 2px solid #b6b6b6
}
.mk-header-subscribe .mk-login-remember, .mk-login-register .mk-login-remember {
display: block;
margin: 5px 0 10px
}
.mk-header-subscribe .button, .mk-login-register .button {
float: right
}
.mk-header-subscribe .mk-login-title, .mk-login-register .mk-login-title {
font-size: 16px
}
#mk-register-panel {
display: none
}
#mk-register-panel .register-login-links {
float: right;
display: block;
margin: 5px 0
}
.mk-forget-panel {
display: none
}
.mk-forget-panel .register-login-links {
float: right;
display: block;
margin: 5px 0
}
.user-profile-box img {
float: left
}
.user-profile-box a {
margin: 0 0 0 60px;
display: block;
color: #747474;
line-height: 24px
}
.mk-header-signup {
float: right;
display: inline-block;
margin: 0 10px 0 0
}
.mk-header-signup .mk-subscribe-link svg {
margin-right: 4px;
height: 16px;
vertical-align: middle
}
.mk-header-signup {
position: relative
}
.mk-header-subscribe label {
margin-bottom: 8px;
display: block
}
.mk-header-subscribe .text-input {
background-color: #fff;
width: 100%;
margin-bottom: 10px
}
.mk-header-subscribe .mk-subscribe--message {
margin-top: 50px;
padding: 0;
font-size: 12px;
line-height: 17px
}
.mk-toolbar-navigation {
display: inline-block;
margin-right: 10px;
height: 30px
}
.mk-toolbar-navigation ul {
padding: 0;
margin: 0
}
.mk-toolbar-navigation ul li {
margin: 0;
padding: 0;
display: inline-block;
line-height: 26px
}
.mk-toolbar-navigation ul li:last-child>a {
border: none!important
}
.mk-toolbar-navigation ul li a {
line-height: 10px;
display: inline-block;
padding: 0 5px;
border-right: 1px solid rgba(128,128,128,.2)
}
.mk-toolbar-navigation ul li ul {
display: none
}
.mk-checkout-btn, .mk-header-login .mk-login-link, .mk-header-tagline a, .mk-language-nav>a, .mk-subscribe-link, .mk-toolbar-navigation a {
font-size: 12px
}
.mk-checkout-btn:hover, .mk-header-login .mk-login-link:hover, .mk-header-tagline a:hover, .mk-language-nav>a:hover, .mk-subscribe-link:hover, .mk-toolbar-navigation a:hover {
opacity: .8
}
.main-nav-side-search {
display: inline-block;
margin: 0 0 0 10px;
vertical-align: top;
position: relative
}
.mk-search-trigger {
display: block;
font-size: 16px
}
.classic-style-nav .mk-search-trigger {
padding: 16px 0
}
.mk-fullscreen-search-overlay {
width: 100%;
height: 100%;
position: fixed;
top: 0;
left: 0;
opacity: 0;
visibility: hidden;
background-color: rgba(0,0,0,.94);
text-align: center;
transition: all ease-in-out .25s
}
.mk-fullscreen-search-overlay.mk-fullscreen-search-overlay-show {
visibility: visible;
opacity: 1
}
.mk-fullscreen-search-overlay.mk-fullscreen-search-overlay-show .mk-fullscreen-search-wrapper {
opacity: 1;
visibility: visible;
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
ms-transform: scale(1)
}
.mk-fullscreen-search-overlay:before {
content: '';
display: inline-block;
height: 100%;
vertical-align: middle;
margin-right: -.25em
}
.mk-fullscreen-search-overlay .mk-fullscreen-close {
position: absolute;
right: 50px;
top: 70px;
transition: -webkit-transform ease-out .2s;
transition: transform ease-out .2s;
transition: transform ease-out .2s, -webkit-transform ease-out .2s;
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
height: 26px
}
.mk-fullscreen-search-overlay .mk-fullscreen-close:hover {
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg)
}
.mk-fullscreen-search-overlay .mk-fullscreen-close svg {
height: 26px;
fill: #fff
}
.mk-fullscreen-search-overlay .mk-fullscreen-search-wrapper {
display: inline-block;
max-width: 1000px;
vertical-align: middle;
text-align: center;
font-size: 18px;
-webkit-transform: scale(.9);
-ms-transform: scale(.9);
transform: scale(.9);
ms-transform: scale(.9);
opacity: 0;
visibility: hidden;
transition: all ease-in-out .3s
}
.mk-fullscreen-search-overlay .mk-fullscreen-search-wrapper p {
font-size: 14px;
margin-bottom: 40px;
color: #fff;
letter-spacing: 2px;
text-transform: uppercase
}
.mk-fullscreen-search-overlay .mk-fullscreen-search-wrapper #mk-fullscreen-searchform {
position: relative
}
.mk-fullscreen-search-overlay .mk-fullscreen-search-wrapper #mk-fullscreen-searchform #mk-fullscreen-search-input {
width: 800px;
background-color: transparent;
box-shadow: 0 3px 0 0 rgba(255,255,255,.1);
border: 0;
text-align: center;
font-size: 35px;
padding: 20px;
color: #fff;
transition: all .3s ease-out
}
.mk-fullscreen-search-overlay .mk-fullscreen-search-wrapper #mk-fullscreen-searchform #mk-fullscreen-search-input:focus {
box-shadow: 0 3px 0 0 rgba(255,255,255,.2)
}
.mk-fullscreen-search-overlay .mk-fullscreen-search-wrapper #mk-fullscreen-searchform input[type=submit] {
position: absolute;
width: 100px;
height: 100%;
background-color: transparent;
border: 0;
right: 0;
top: 0
}
.mk-fullscreen-search-overlay .mk-fullscreen-search-wrapper #mk-fullscreen-searchform .fullscreen-search-icon {
font-size: 25px;
position: absolute;
right: 15px;
top: 30px;
color: #fff;
color: rgba(255,255,255,.2);
transition: all .2s ease-out
}
.mk-fullscreen-search-overlay .mk-fullscreen-search-wrapper #mk-fullscreen-searchform .fullscreen-search-icon:hover {
color: rgba(255,255,255,.3)
}
#mk-nav-search-wrapper {
position: absolute;
right: -50px;
width: 330px;
height: 56px;
background-color: #fff;
display: none
}
#mk-nav-search-wrapper form {
display: block;
overflow: hidden
}
#mk-nav-search-wrapper form.ajax-searching .nav-side-search-icon:before {
-webkit-animation: spin .8s infinite linear;
animation: spin .8s infinite linear;
display: inline-block;
content: "\e2a2"
}
#mk-nav-search-wrapper input[type=text] {
position: absolute;
left: 0;
top: 0;
border: none;
height: 100%;
background-color: #fff;
padding: 0 10px;
width: 275px;
line-height: 30px;
border: 1px solid #e3e3e3;
border-right: none
}
#mk-nav-search-wrapper input[type=submit] {
width: 100%;
height: 100%;
display: block;
border: none;
outline: 0;
position: absolute;
left: 0;
top: 0;
background-color: transparent
}
#mk-nav-search-wrapper .nav-side-search-icon {
width: 56px;
height: 100%;
position: absolute;
right: 0;
top: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
background-color: #bfbcbc
}
#mk-nav-search-wrapper .nav-side-search-icon svg {
height: 16px;
fill: #fff
}
#mk-nav-search-wrapper .ui-autocomplete {
background-color: #fff;
border: 1px solid #e3e3e3;
border-top: none;
border-bottom: none;
overflow: auto;
text-align: left;
list-style: none;
margin: 56px 0 0 0;
padding: 0
}
#mk-nav-search-wrapper .ui-autocomplete li {
line-height: 16px;
border-bottom: 1px solid #e3e3e3;
margin: 0;
overflow: hidden
}
#mk-nav-search-wrapper .ui-autocomplete li a, #mk-nav-search-wrapper .ui-autocomplete li.mk-nav-search-error-message, #mk-nav-search-wrapper .ui-autocomplete li.mk-nav-search-result-zero {
padding: 10px
}
#mk-nav-search-wrapper .ui-autocomplete li.mk-nav-search-error-message {
color: #ff8d36
}
#mk-nav-search-wrapper .ui-autocomplete li a {
display: block;
cursor: pointer
}
#mk-nav-search-wrapper .ui-autocomplete li a:hover {
color: #252525
}
#mk-nav-search-wrapper .ui-autocomplete li .search-date {
color: #999;
font-size: 11px
}
#mk-nav-search-wrapper .ui-autocomplete li .search-title {
font-size: 12px;
text-transform: uppercase;
color: #252525;
line-height: 18px;
display: block;
margin-bottom: 3px;
font-weight: 700
}
#mk-nav-search-wrapper .ui-autocomplete li:hover {
background-color: #fbfbfb
}
#mk-nav-search-wrapper .ui-autocomplete li i, #mk-nav-search-wrapper .ui-autocomplete li img {
width: 32px;
height: 32px;
border-radius: 60px;
border: 1px solid #d2d2d2;
float: left;
margin-right: 15px
}
#mk-nav-search-wrapper .ui-autocomplete li i {
background-color: #f3f3f3;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center
}
#mk-nav-search-wrapper .ui-autocomplete li i svg {
height: 16px;
fill: #636363
}
.shopping-cart-header {
display: inline-block;
margin: 0;
vertical-align: top;
position: relative
}
.shopping-cart-header .widgettitle {
display: none
}
.mk-header .mk-shoping-cart-link {
padding: 0 10px 0 20px;
margin: 0
}
.mk-header .mk-shoping-cart-link svg {
position: relative;
display: inline-block;
height: 16px;
margin-right: -4px;
-webkit-transform: translateY(3px);
-ms-transform: translateY(3px);
transform: translateY(3px)
}
.mk-header .mk-header-cart-count {
font-size: 13px;
font-weight: 700;
padding-left: 5px
}
.mk-shopping-cart-box {
position: absolute;
right: 0;
top: 100%;
width: 300px;
padding: 0 10px;
display: none;
text-align: left
}
#mk-header-checkout .widget, .mk-shopping-cart-box .widget {
margin: 0
}
#mk-header-checkout .product_list_widget, .mk-shopping-cart-box .product_list_widget {
margin: 15px 0!important
}
#mk-header-checkout .product_list_widget li, .mk-shopping-cart-box .product_list_widget li {
margin: 0!important;
line-height: 22px!important;
padding: 10px 0!important
}
#mk-header-checkout .product_list_widget li.empty, .mk-shopping-cart-box .product_list_widget li.empty {
padding-left: 20px!important;
text-transform: uppercase;
letter-spacing: 1px
}
#mk-header-checkout .product_list_widget li a, .mk-shopping-cart-box .product_list_widget li a {
font-size: 12px;
font-weight: 400!important;
padding-left: 9px
}
#mk-header-checkout .product_list_widget li .variation, .mk-shopping-cart-box .product_list_widget li .variation {
display: none!important
}
#mk-header-checkout .product_list_widget li .quantity, .mk-shopping-cart-box .product_list_widget li .quantity {
font-size: 16px;
font-weight: 700;
margin-top: 10px;
display: inline-block;
text-align: left
}
#mk-header-checkout .product_list_widget li:first-child, .mk-shopping-cart-box .product_list_widget li:first-child {
border-top: none
}
#mk-header-checkout .product_list_widget li img, .mk-shopping-cart-box .product_list_widget li img {
padding: 0!important
}
#mk-header-checkout .total, .mk-shopping-cart-box .total {
font-size: 16px;
font-weight: 700;
display: block;
text-align: center;
border-top: 1px solid rgba(128,128,128,.2)!important;
padding-top: 15px!important
}
#mk-header-checkout .buttons, .mk-shopping-cart-box .buttons {
margin-bottom: 20px;
text-align: center
}
@media handheld, only screen and (max-width:780px) {
.mk-header-right {
display: none!important
}
}
.mk-toolbar-resposnive-icon {
position: absolute;
left: 50%;
top: 0;
line-height: 16px!important;
width: 24px;
height: 24px;
cursor: pointer;
display: none
}
.mk-toolbar-resposnive-icon svg {
height: 16px
}
@media handheld, only screen and (max-width:780px) {
.mk-header-toolbar {
padding: 10px 5px;
display: none;
height: auto;
line-height: auto
}
.mk-toolbar-resposnive-icon {
display: block
}
#mk-header-checkout, #mk-toolbar-navigation, .header-toolbar-contact, .mk-header-date, .mk-header-login, .mk-header-signup, .mk-header-social, .mk-header-tagline {
width: 100%!important;
float: none!important;
display: block!important;
height: auto!important;
line-height: 25px!important;
margin: 0 10px 5px!important;
padding: 0
}
.mk-header-subscribe, .mk-login-register {
right: auto;
left: 0
}
.mk-header-subscribe:before, .mk-login-register:before {
right: auto;
left: 10px
}
.mk-header-social li svg {
height: 24px!important
}
.mk-toolbar-navigation li:first-child a {
padding-left: 0
}
#mk-header-checkout {
right: auto;
top: 30px
}
#mk-header-checkout:before {
right: auto;
left: 30px
}
}
.mk-main-navigation {
display: inline-block;
text-align: center;
margin: 0 auto
}
.mk-classic-menu-wrapper {
position: relative;
margin: 0 auto
}
.mk-classic-menu-wrapper .main-navigation-ul>li.menu-item>a.menu-item-link i {
padding-right: 7px
}
.header-style-2 .menu-hover-style-3 .main-navigation-ul>li.menu-item {
line-height: 80px
}
.main-navigation-ul, .main-navigation-ul li.menu-item, .main-navigation-ul ul.sub-menu {
margin: 0;
padding: 0
}
.main-navigation-ul li.no-mega-menu ul.sub-menu {
position: absolute;
top: 100%;
right: 0;
padding: 8px 0
}
.main-navigation-ul:not(.dropdownJavascript) li.menu-item:hover>ul.sub-menu {
display: block
}
.Edge .main-navigation-ul li>.sub-menu, .IE .main-navigation-ul li>.sub-menu {
top: -10000px!important;
display: block
}
.Edge .main-navigation-ul>li:hover>.sub-menu, .IE .main-navigation-ul>li:hover>.sub-menu {
top: 100%!important;
display: block
}
.Edge .main-navigation-ul .sub-menu li:hover>.sub-menu, .IE .main-navigation-ul .sub-menu li:hover>.sub-menu {
top: 0!important;
display: block
}
.main-navigation-ul li>.sub-menu {
display: none
}
.header-align-center .main-navigation-ul li.no-mega-menu>ul.sub-menu, .header-align-center .mk-grid .main-navigation-ul li.no-mega-menu>ul.sub-menu, .header-align-left .mk-grid .main-navigation-ul li.no-mega-menu>ul.sub-menu, .header-style-2.header-align-center .main-navigation-ul li.no-mega-menu>ul.sub-menu, .header-style-2.header-align-left .main-navigation-ul li.no-mega-menu>ul.sub-menu {
left: 0;
right: auto
}
.header-align-right .main-navigation-ul li.no-mega-menu>ul.sub-menu {
right: auto;
left: 0
}
.header-align-right .mk-grid .main-navigation-ul li.no-mega-menu>ul.sub-menu {
right: 0;
left: auto
}
.main-navigation-ul li.has-mega-menu>ul.sub-menu {
position: absolute;
top: 100%;
left: 0;
padding: 17px 0
}
.main-navigation-ul>li.menu-item {
float: left
}
.main-navigation-ul>li.menu-item>a.menu-item-link {
display: inline-block;
text-align: center;
text-decoration: none;
font-weight: 700;
font-size: 13px;
position: relative;
box-sizing: border-box;
padding-top: 2px
}
.sticky-style-fixed .main-navigation-ul>li.menu-item>a.menu-item-link {
transition: color .1s ease-out, background .1s ease-out, border .1s ease-out, height .35s ease, line-height .35s ease;
-webkit-transition: color .1s ease-out, background .1s ease-out, border .1s ease-out, height .35s ease, line-height .35s ease;
-moz-transition: color .1s ease-out, background .1s ease-out, border .1s ease-out, height .35s ease, line-height .35s ease;
-ms-transition: color .1s ease-out, background .1s ease-out, border .1s ease-out, height .35s ease, line-height .35s ease;
-o-transition: color .1s ease-out, background .1s ease-out, border .1s ease-out, height .35s ease, line-height .35s ease
}
.sticky-style-slide .main-navigation-ul>li.menu-item>a.menu-item-link {
transition: color .1s ease-out, background .1s ease-out, border .1s ease-out;
-webkit-transition: color .1s ease-out, background .1s ease-out, border .1s ease-out;
-moz-transition: color .1s ease-out, background .1s ease-out, border .1s ease-out;
-ms-transition: color .1s ease-out, background .1s ease-out, border .1s ease-out;
-o-transition: color .1s ease-out, background .1s ease-out, border .1s ease-out
}
.menu-hover-style-1 .main-navigation-ul>li.menu-item>a.menu-item-link {
border-top: 3px solid transparent
}
.menu-hover-style-4 .main-navigation-ul>li.menu-item>a.menu-item-link {
margin-left: 1px
}
.menu-hover-style-3 .main-navigation-ul>li.menu-item>a {
border-radius: 5px;
margin: 0 2px;
border: 2px solid transparent
}
.menu-hover-style-5 .main-navigation-ul>li.menu-item>a.menu-item-link:after {
content: "";
display: block;
width: 100%;
height: 2px;
-webkit-transform: scale(0, 1);
-ms-transform: scale(0, 1);
transform: scale(0, 1);
-ms-transform-origin: left center;
transform-origin: left center;
-webkit-transform-origin: left center;
transition: all .15s ease-out;
filter:alpha(opacity=@opacity * 100);
-moz-opacity: 0;
-khtml-opacity: 0;
opacity: 0
}
.IE9 .menu-hover-style-5 .main-navigation-ul>li.menu-item>a.menu-item-link:after {
height: 0
}
.menu-hover-style-5 .main-navigation-ul>li.current-menu-ancestor>a.menu-item-link:after, .menu-hover-style-5 .main-navigation-ul>li.current-menu-item>a.menu-item-link:after, .menu-hover-style-5 .main-navigation-ul>li.menu-item:hover>a.menu-item-link::after {
-webkit-transform: scale(1, 1);
-ms-transform: scale(1, 1);
transform: scale(1, 1);
filter:alpha(opacity=@opacity * 100);
-moz-opacity: 100;
-khtml-opacity: 100;
opacity: 100;
opacity: 1
}
.IE9 .menu-hover-style-5 .main-navigation-ul>li.current-menu-ancestor>a.menu-item-link:after, .IE9 .menu-hover-style-5 .main-navigation-ul>li.current-menu-item>a.menu-item-link:after, .IE9 .menu-hover-style-5 .main-navigation-ul>li.menu-item:hover>a.menu-item-link::after {
height: 2px
}
.main-navigation-ul>li.menu-item a.menu-item-link svg {
margin-right: 8px;
height: 16px;
vertical-align: middle
}
.main-navigation-ul>li.menu-item .sub-menu a.menu-item-link {
transition: all .2s ease-in-out
}
.main-navigation-ul>li.no-mega-menu ul.sub-menu li.menu-item {
line-height: 1
}
.main-navigation-ul>li.no-mega-menu ul.sub-menu li.menu-item a.menu-item-link {
display: block;
position: relative;
font-size: 12px;
line-height: 18px;
text-align: left;
float: none;
margin: 0;
padding: 10px 20px;
text-transform: capitalize;
font-weight: 400;
letter-spacing: 1px
}
.main-navigation-ul>li.no-mega-menu ul.sub-menu li.menu-item a.menu-item-link svg {
margin-right: 8px;
height: 16px;
vertical-align: middle
}
.main-navigation-ul>li.menu-item ul.sub-menu:after {
height: 2px;
content: "";
display: block;
position: absolute;
top: 0;
left: 0;
right: 0
}
.main-navigation-ul li.no-mega-menu ul.sub-menu ul.sub-menu {
top: 0;
left: 100%;
right: auto
}
.main-navigation-ul li .dropdownRightToLeft>ul.sub-menu {
left: auto!important;
right: 100%!important
}
.main-navigation-ul li.menu-item {
position: relative;
display: block;
list-style-type: none
}
.main-navigation-ul>li.menu-item {
display: inline-block
}
.main-navigation-ul a.menu-item-link, .main-navigation-ul span {
display: block;
text-decoration: none;
white-space: normal
}
.mk-main-navigation>.main-navigation-ul>.menu-item-language {
visibility: hidden
}
.main-navigation-ul .menu-item-language span {
display: inline
}
.vertical {
display: inline-block
}
.vertical>li.menu-item {
display: block
}
.vertical ul {
top: 0;
left: 100%
}
.dropdownJavascript li.has-mega-menu:hover>ul.sub-menu, .dropdownJavascript li.no-mega-menu:hover>ul.sub-menu {
display: none
}
.dropdownJavascript li.dropdownOpen>ul.sub-menu {
display: block!important
}
.main-navigation-ul .menu-sub-level-arrow svg {
height: 12px;
vertical-align: middle;
position: absolute
}
.main-navigation-ul li.with-menu .menu-sub-level-arrow {
position: absolute;
right: 16px;
top: 10px;
height: 100%
}
.main-navigation-ul li.menu-item.has-mega-menu {
position: static
}
.has-mega-menu>ul.sub-menu {
width: 100%;
position: absolute;
left: 0;
padding: 20px 0
}
.has-mega-menu>ul.sub-menu>ul.sub-menu {
position: relative;
display: block;
top: auto;
left: auto
}
.has-mega-menu>ul.sub-menu>li.menu-item {
display: block;
left: 0;
position: relative;
float: left;
width: 23%;
border: 0;
background-color: transparent;
box-shadow: none;
padding-left: 10px
}
.has-mega-menu .megamenu-title {
text-align: left;
font-size: 14px;
line-height: 14px;
font-weight: 700;
padding: 9px 10px 16px 10px;
margin: 0 0 6px
}
.has-mega-menu .megamenu-title:after {
content: '';
display: block;
margin-top: 10px;
width: 20px;
height: 2px;
opacity: .3
}
.has-mega-menu .megamenu-title svg {
margin-right: 8px;
height: 16px;
vertical-align: middle
}
.has-mega-menu>ul.sub-menu>li.menu-item {
box-sizing: border-box;
padding: 0 20px
}
.has-mega-menu>ul.sub-menu>li.menu-item:first-child {
border-left: none
}
.has-mega-menu>ul.sub-menu>li.mega_col_1 {
width: 100%
}
.has-mega-menu>ul.sub-menu>li.mega_col_2 {
width: 49.5%
}
.has-mega-menu>ul.sub-menu>li.mega_col_3 {
width: 33.25%
}
.has-mega-menu>ul.sub-menu>li.mega_col_4 {
width: 24.9%
}
.has-mega-menu>ul.sub-menu>li.mega_col_5 {
width: 19.8%
}
.has-mega-menu>ul.sub-menu>li.mega_col_6 {
width: 16.5%
}
.has-mega-menu>ul.sub-menu>li>ul.sub-menu {
display: block
}
.has-mega-menu>ul.sub-menu>li>ul.sub-menu li.menu-item {
line-height: 1
}
.has-mega-menu>ul.sub-menu>li>ul.sub-menu li.menu-item a.menu-item-link {
display: block;
position: relative;
text-align: left;
float: none;
margin: 0;
padding: 10px 10px;
line-height: 18px
}
.has-mega-menu>ul.sub-menu>li>ul.sub-menu li.menu-item a.menu-item-link svg {
margin-right: 8px;
height: 16px;
vertical-align: middle
}
.megamenu-widgets-container {
text-align: left;
padding: 10px;
line-height: 22px
}
.megamenu-widgets-container ul {
list-style: none;
margin: 0
}
.megamenu-widgets-container .widget {
margin-bottom: 15px;
overflow: visible
}
.mk-nav-responsive-link {
display: none;
position: absolute;
top: 50%;
margin-top: -18px;
line-height: 8px;
cursor: pointer;
padding: 10px
}
.mk-nav-responsive-link svg {
height: 16px;
vertical-align: middle
}
.mk-responsive-nav {
width: 100%
}
.mk-responsive-nav>li>ul {
display: none;
border-top: 1px solid rgba(128,128,128,.2)
}
.mk-responsive-nav>li {
border-bottom: 1px solid rgba(128,128,128,.2)
}
.mk-responsive-nav .mk-nav-arrow {
position: absolute;
right: 0;
top: 0;
text-align: center;
cursor: pointer;
filter:alpha(opacity=@opacity * 100);
-moz-opacity: 70;
-khtml-opacity: 70;
opacity: 70;
opacity: .7;
width: 70px;
height: 100%;
line-height: 50px
}
.mk-responsive-nav .mk-nav-arrow:hover {
filter:alpha(opacity=@opacity * 100);
-moz-opacity: 100;
-khtml-opacity: 100;
opacity: 100;
opacity: 1
}
.mk-responsive-nav .mk-nav-arrow svg {
height: 16px
}
.menu-html-content {
line-height: 22px!important;
text-align: left
}
.mk-responsive-wrap {
overflow-y: scroll;
position: absolute;
width: 100%;
-webkit-overflow-scrolling: touch;
overflow-scrolling: touch;
display: none;
z-index: 20
}
.mk-responsive-nav {
border-bottom: 1px solid rgba(255,255,255,.1);
position: relative;
width: 100%;
margin: 0;
padding: 0
}
.mk-responsive-nav li {
display: block;
margin: 0;
position: relative
}
.mk-responsive-nav li a {
border-top: 1px solid rgba(255,255,255,.1);
display: block;
padding: 15px 20px;
text-align: left;
text-transform: uppercase;
text-decoration: none;
font-weight: 700;
font-size: 13px;
line-height: 1
}
.mk-responsive-nav li a>svg {
height: 16px;
margin-right: 6px;
vertical-align: middle
}
.mk-responsive-nav li a:hover {
background-color: rgba(0,0,0,.03)
}
.mk-responsive-nav li a .sub-menu {
left: auto;
position: relative
}
.mk-responsive-nav li a .megamenu-title {
background-color: rgba(0,0,0,.03);
font-size: 14px;
font-weight: 700
}
.mk-responsive-nav li ul {
margin: 0;
padding: 0 0 0 5px
}
.mk-responsive-nav li ul .megamenu-widgets-container {
display: none!important
}
.mk-responsive-nav li ul li .megamenu-title, .mk-responsive-nav li ul li a {
font-size: 12px;
line-height: 12px;
margin: 0;
padding: 12px 15px 12px 15px;
text-align: left;
text-transform: none;
font-weight: 400
}
.mk-responsive-nav li .megamenu-title {
font-weight: 700!important;
font-size: 14px!important
}
.mk-responsive-nav>.responsive-searchform {
display: block!important
}
.responsive-searchform {
margin: 10px;
position: relative;
line-height: 24px
}
.responsive-searchform .text-input {
width: 100%;
padding: 12px;
border: 1px solid rgba(0,0,0,.15);
background-color: rgba(0,0,0,.02);
box-shadow: none!important;
border-radius: 0;
color: #9e9e9e!important
}
.responsive-searchform i {
position: absolute;
right: 15px;
bottom: 14px
}
.responsive-searchform i input {
width: 100%;
height: 100%;
background: 0 0;
border: none;
outline: 0;
position: absolute;
left: 0;
top: 0
}
.responsive-searchform i svg {
fill: #ccc;
fill: rgba(0,0,0,.3);
height: 20px;
width: 19px;
vertical-align: middle
}
.mk-opened-nav {
overflow: hidden!important;
overflow: -moz-scrollbars-none!important;
-ms-overflow-style: none!important
}
.mk-opened-nav::-webkit-scrollbar {
width:0!important
}
.mk-css-icon-close, .mk-css-icon-menu {
width: 18px;
height: 18px;
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
.mk-css-icon-close.icon-size-big, .mk-css-icon-menu.icon-size-big {
width: 24px;
height: 24px
}
.mk-css-icon-close.icon-size-big div, .mk-css-icon-menu.icon-size-big div {
height: 4px;
margin-bottom: 4px;
border-radius: 4px
}
.mk-css-icon-close div, .mk-css-icon-menu div {
height: 3px;
margin-bottom: 3px;
border-radius: 3px;
display: block;
position: relative
}
.mk-css-icon-menu-line-2 {
transition: opacity .1s ease
}
.mk-css-icon-menu-line-1, .mk-css-icon-menu-line-3 {
transition: all .2s ease
}
.dashboard-active .mk-css-icon-menu-line-2, .is-active .mk-css-icon-menu-line-2 {
opacity: 0
}
.dashboard-active .mk-css-icon-menu-line-1, .is-active .mk-css-icon-menu-line-1 {
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
top: 6px
}
.dashboard-active .mk-css-icon-menu-line-3, .is-active .mk-css-icon-menu-line-3 {
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
top: -6px
}
.dashboard-active .icon-size-big .mk-css-icon-menu-line-1, .is-active .icon-size-big .mk-css-icon-menu-line-1 {
top: 8px
}
.dashboard-active .icon-size-big .mk-css-icon-menu-line-3, .is-active .icon-size-big .mk-css-icon-menu-line-3 {
top: -8px
}
#wpadminbar {
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-perspective: 1000;
-ms-perspective: 1000;
perspective: 1000;
-webkit-transform: translateZ(0);
-ms-transform: translateZ(0);
transform: translateZ(0)
}
.shopping-cart-header .mk-svg-icon {
width: 16px
}
.mk-vm-menuwrapper {
position: relative;
-webkit-perspective: 1000px;
perspective: 1000px;
-webkit-perspective-origin: 50% 200%;
perspective-origin: 50% 200%;
margin-bottom: 10px;
box-sizing: border-box
}
.mk-vm-menuwrapper button {
background: #ccc;
border: none;
width: 48px;
height: 45px;
text-indent: -900em;
overflow: hidden;
position: relative;
cursor: pointer;
outline: 0
}
.mk-vm-menuwrapper button:after {
content: '';
position: absolute;
width: 68%;
height: 5px;
top: 10px;
left: 16%
}
.mk-vm-menuwrapper ul {
padding: 0;
margin: 0;
list-style: none;
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d
}
.mk-vm-menuwrapper li {
position: relative;
padding: 0;
margin: 0;
list-style: none
}
.mk-vm-menuwrapper li a {
display: block;
position: relative;
padding: 14px 26px;
line-height: 130%;
outline: 0;
transition: all .1s ease-out
}
.mk-vm-menuwrapper li a i {
margin-right: 6px;
font-size: 16px
}
.menu-hover-style-3.mk-vm-menuwrapper {
margin: 4px 4px 30px
}
.menu-hover-style-3.mk-vm-menuwrapper li>a {
padding: 10px 45px 10px 22px;
border: 2px solid transparent;
border-radius: 5px
}
.mk-vm-menuwrapper li.mk-vm-back>a {
padding-left: 35px
}
.mk-vm-menuwrapper li.mk-vm-back:before, .mk-vm-menuwrapper li>a:not(:only-child):before {
position: absolute;
top: 50%;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
ms-transform: translate(0, -50%);
line-height: 100%;
font-family: themeIcons;
speak: none;
-webkit-font-smoothing: antialiased;
content: "\e68e";
font-size: 10px;
display: none
}
.mk-vm-menuwrapper li .menu-sub-level-arrow, .mk-vm-menuwrapper li.mk-vm-back .mk-svg-icon {
position: absolute;
top: 50%;
-webkit-transform: translate(0, -40%);
-ms-transform: translate(0, -40%);
transform: translate(0, -40%);
ms-transform: translate(0, -40%)
}
.mk-vm-menuwrapper .menu-item-icon svg, .mk-vm-menuwrapper .menu-sub-level-arrow svg {
height: 16px
}
.mk-vm-menuwrapper .menu-item-icon svg {
margin: -3px 5px 0 0;
vertical-align: middle
}
.mk-vm-menuwrapper li>.menu-sub-level-arrow {
right: 15px;
opacity: .7;
transition: all .1s ease-out
}
.menu-hover-style-1.mk-vm-menuwrapper li a {
border-left: 3px solid transparent
}
.mk-vm-menuwrapper li.mk-vm-back .mk-svg-icon {
left: 15px;
margin-top: -2px;
height: 16px;
vertical-align: middle
}
.menu-hover-style-4.mk-vm-menuwrapper li.mk-vm-back:hover::before {
color: #fff
}
.mk-vm-menuwrapper .mk-vm-menu {
margin: 0;
width: 100%;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
-webkit-backface-visibility: hidden;
backface-visibility: hidden
}
.mk-vm-menuwrapper .mk-vm-menu.mk-vm-menu-toggle {
transition: all .3s ease
}
.mk-vm-menuwrapper .mk-vm-menu.mk-vm-menuopen {
opacity: 1;
pointer-events: auto;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0)
}
.mk-vm-menuwrapper li .sub-menu {
display: none
}
.mk-vm-menu.mk-vm-subview li, .mk-vm-menu.mk-vm-subview li.mk-vm-subview>a, .mk-vm-menu.mk-vm-subview li.mk-vm-subviewopen>a, .mk-vm-subview>.menu-sub-level-arrow, .mk-vm-subviewopen>.menu-sub-level-arrow {
display: none
}
.mk-vm-menu.mk-vm-subview li.mk-vm-subview, .mk-vm-menu.mk-vm-subview li.mk-vm-subview .sub-menu, .mk-vm-menu.mk-vm-subview li.mk-vm-subviewopen, .mk-vm-menu.mk-vm-subview li.mk-vm-subviewopen>.sub-menu, .mk-vm-menu.mk-vm-subview li.mk-vm-subviewopen>.sub-menu>li {
display: block
}
.mk-vm-menuwrapper>.sub-menu {
position: absolute;
width: 100%;
top: 0;
left: 0;
margin: 0
}
.mk-vm-menu.mk-vm-animate-out-1 {
-webkit-animation: MenuAnimOut1 .3s ease-in-out;
animation: MenuAnimOut1 .3s ease-in-out
}
.mk-vm-menu.mk-vm-animate-out-2 {
-webkit-animation: MenuAnimOut2 .4s ease;
animation: MenuAnimOut2 .4s ease
}
@-webkit-keyframes MenuAnimOut1 {
100% {
-webkit-transform:translateX(-100%);
opacity:0
}
}
@-webkit-keyframes MenuAnimOut2 {
100% {
-webkit-transform:translateZ(300px);
opacity:0
}
}
@keyframes MenuAnimOut1 {
100% {
-webkit-transform:translateX(-100%);
transform:translateX(-100%);
opacity:0
}
}
@keyframes MenuAnimOut2 {
100% {
-webkit-transform:translateZ(300px);
transform:translateZ(300px);
opacity:0
}
}
.mk-vm-menu.mk-vm-animate-in-1 {
-webkit-animation: MenuAnimIn1 .3s ease-in-out;
animation: MenuAnimIn1 .3s ease-in-out
}
.mk-vm-menu.mk-vm-animate-in-2 {
-webkit-animation: MenuAnimIn2 .4s ease;
animation: MenuAnimIn2 .4s ease
}
@-webkit-keyframes MenuAnimIn1 {
0% {
-webkit-transform:translateX(-100%);
opacity:0
}
100% {
-webkit-transform:translateX(0);
opacity:1
}
}
@-webkit-keyframes MenuAnimIn2 {
0% {
-webkit-transform:translateZ(300px);
opacity:0
}
100% {
-webkit-transform:translateZ(0);
opacity:1
}
}
@keyframes MenuAnimIn1 {
0% {
-webkit-transform:translateX(-100%);
transform:translateX(-100%);
opacity:0
}
100% {
-webkit-transform:translateX(0);
transform:translateX(0);
opacity:1
}
}
@keyframes MenuAnimIn2 {
0% {
-webkit-transform:translateZ(300px);
transform:translateZ(300px);
opacity:0
}
100% {
-webkit-transform:translateZ(0);
transform:translateZ(0);
opacity:1
}
}
.mk-vm-menuwrapper>.sub-menu.mk-vm-animate-in-1 {
-webkit-animation: SubMenuAnimIn1 .3s ease-in-out;
animation: SubMenuAnimIn1 .3s ease-in-out
}
.mk-vm-menuwrapper>.sub-menu.mk-vm-animate-in-2 {
-webkit-animation: SubMenuAnimIn2 .4s ease;
animation: SubMenuAnimIn2 .4s ease
}
@-webkit-keyframes SubMenuAnimIn1 {
0% {
-webkit-transform:translateX(100%);
opacity:0
}
100% {
-webkit-transform:translateX(0);
opacity:1
}
}
@-webkit-keyframes SubMenuAnimIn2 {
0% {
-webkit-transform:translateZ(-300px);
opacity:0
}
100% {
-webkit-transform:translateZ(0);
opacity:1
}
}
@keyframes SubMenuAnimIn1 {
0% {
-webkit-transform:translateX(100%);
transform:translateX(100%);
opacity:0
}
100% {
-webkit-transform:translateX(0);
transform:translateX(0);
opacity:1
}
}
@keyframes SubMenuAnimIn2 {
0% {
-webkit-transform:translateZ(-300px);
transform:translateZ(-300px);
opacity:0
}
100% {
-webkit-transform:translateZ(0);
transform:translateZ(0);
opacity:1
}
}
.mk-vm-menuwrapper>.sub-menu.mk-vm-animate-out-1 {
-webkit-animation: SubMenuAnimOut1 .3s ease-in-out;
animation: SubMenuAnimOut1 .3s ease-in-out
}
.mk-vm-menuwrapper>.sub-menu.mk-vm-animate-out-2 {
-webkit-animation: SubMenuAnimOut2 .4s ease;
animation: SubMenuAnimOut2 .4s ease
}
@-webkit-keyframes SubMenuAnimOut1 {
0% {
-webkit-transform:translateX(0);
opacity:1
}
100% {
-webkit-transform:translateX(100%);
opacity:0
}
}
@-webkit-keyframes SubMenuAnimOut2 {
0% {
-webkit-transform:translateZ(0);
opacity:1
}
100% {
-webkit-transform:translateZ(-300px);
opacity:0
}
}
@keyframes SubMenuAnimOut1 {
0% {
-webkit-transform:translateX(0);
transform:translateX(0);
opacity:1
}
100% {
-webkit-transform:translateX(100%);
transform:translateX(100%);
opacity:0
}
}
@keyframes SubMenuAnimOut2 {
0% {
-webkit-transform:translateZ(0);
transform:translateZ(0);
opacity:1
}
100% {
-webkit-transform:translateZ(-300px);
transform:translateZ(-300px);
opacity:0
}
}
.no-js .mk-vm-menuwrapper .mk-vm-menu {
position: relative;
opacity: 1;
-webkit-transform: none;
-ms-transform: none;
transform: none
}
.no-js .mk-vm-menuwrapper li .sub-menu {
display: block
}
.no-js .mk-vm-menuwrapper li.mk-vm-back {
display: none
}
.no-js .mk-vm-menuwrapper li>a:not(:only-child):before {
content: ''
}
#mk-footer {
width: 100%;
position: relative;
padding: 20px 0 0
}
#mk-footer.mk-footer-unfold {
position: fixed;
bottom: 0;
left: 0;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-perspective: 1000;
-ms-perspective: 1000;
perspective: 1000;
-webkit-transform: translateZ(0);
-ms-transform: translateZ(0);
transform: translateZ(0);
z-index: 1
}
@media handheld, only screen and (max-width:767px) {
#mk-footer.mk-footer-unfold {
position: relative
}
#mk-footer.disable-on-mobile {
display: none
}
}
#mk-footer.mk-footer-disable {
padding-top: 0
}
#mk-footer .footer-wrapper {
position: relative
}
#mk-footer .mk-padding-wrapper {
padding: 0 20px
}
@media handheld, only screen and (max-width:767px) {
#mk-footer [class*=mk-col-] {
width: 100%!important
}
}
.mk-footer-copyright {
line-height: 16px;
float: left;
padding: 25px 0 20px;
font-size: bold;
filter:alpha(opacity=@opacity * 100);
-moz-opacity: 80;
-khtml-opacity: 80;
opacity: 80;
opacity: .8
}
.mk-footer-logo {
float: left;
display: inline-block;
padding: 8px 20px 8px 0
}
#mk-footer-navigation {
float: right
}
#mk-footer-navigation ul {
list-style: none;
margin: 0;
padding: 0;
display: block
}
#mk-footer-navigation ul li {
display: inline-block;
float: left;
margin: 0;
padding: 0
}
#mk-footer-navigation ul li a {
margin: 25px 12px 20px;
display: block;
font-size: 12px;
line-height: 16px;
filter:alpha(opacity=@opacity * 100);
-moz-opacity: 80;
-khtml-opacity: 80;
opacity: 80;
opacity: .8
}
#mk-footer-navigation ul li a:hover {
filter:alpha(opacity=@opacity * 100);
-moz-opacity: 100;
-khtml-opacity: 100;
opacity: 100;
opacity: 1
}
#mk-footer-navigation ul li ul {
display: none
}
.fullwidth-footer .mk-footer-copyright {
padding-left: 20px
}
.fullwidth-footer #mk-footer-navigation {
margin-right: 20px
}
@media handheld, only screen and (max-width:1140px) {
.mk-footer-copyright {
padding-left: 20px!important
}
}
@media handheld, only screen and (max-width:767px) {
#mk-footer-navigation {
float: none;
width: auto;
text-align: center
}
#mk-footer-navigation ul li {
display: block!important
}
.mk-footer-copyright {
display: block;
float: none!important;
text-align: left;
clear: both;
padding: 10px 10px 5px!important
}
#mk-footer-navigation ul li {
float: none!important;
width: 100%!important
}
#mk-footer-navigation ul li a {
margin: 5px auto
}
.mk-footer-copyright {
text-align: center
}
}
.mk-footer-tweets {
padding: 40px 0 20px;
text-align: center
}
.mk-footer-tweets ul {
padding: 0;
margin: 0 auto;
width: 50%
}
.mk-footer-tweets ul li .tweet-text {
font-size: 18px;
line-height: 26px;
margin-bottom: 15px;
display: block
}
.mk-footer-tweets ul li .tweet-username {
font-size: 38px;
display: block;
margin-bottom: 30px;
line-height: 32px
}
.mk-footer-tweets ul li .tweet-time {
font-size: 14px;
margin-bottom: 30px;
display: block;
color: #999
}
.mk-footer-tweets.mk-light-skin .tweet-text {
color: #444
}
.mk-footer-tweets.mk-light-skin .tweet-text a {
color: #444
}
.mk-footer-tweets.mk-dark-skin .tweet-text {
color: #fff
}
.mk-footer-tweets.mk-dark-skin .tweet-text a {
color: #fff
}
.mk-footer-tweets.mk-dark-skin .tweet-time {
color: #999
}
#mk-page-introduce {
position: relative;
padding: 15px 0
}
#mk-page-introduce.intro-left {
text-align: left
}
#mk-page-introduce.intro-right {
text-align: right
}
#mk-page-introduce.intro-center {
text-align: center
}
.page-title {
margin: 25px 20px 15px;
line-height: 120%;
-ms-word-wrap: break-word;
word-wrap: break-word
}
.page-title.mk-drop-shadow {
text-shadow: 1px 1px 1px rgba(0,0,0,.3)
}
.page-subtitle {
display: inline-block;
line-height: 100%;
margin: 0 20px 15px 23px;
-ms-word-wrap: break-word;
word-wrap: break-word
}
#mk-breadcrumbs .mk-breadcrumbs-inner {
float: right;
display: inline-block;
margin: 0 20px -10px 0;
line-height: 11px;
padding: 10px 12px 8px;
font-size: 10px;
font-weight: 700;
letter-spacing: 1px;
text-transform: uppercase;
-ms-word-wrap: break-word;
word-wrap: break-word
}
#mk-breadcrumbs .mk-breadcrumbs-inner.dark-skin {
color: #fff
}
#mk-breadcrumbs .mk-breadcrumbs-inner.dark-skin .separator, #mk-breadcrumbs .mk-breadcrumbs-inner.dark-skin a {
color: #d1d1d1;
color: rgba(255,255,255,.5)
}
#mk-breadcrumbs .mk-breadcrumbs-inner.dark-skin a:hover {
color: #fff
}
#mk-breadcrumbs .mk-breadcrumbs-inner.light-skin {
color: #919191
}
#mk-breadcrumbs .mk-breadcrumbs-inner.light-skin .separator, #mk-breadcrumbs .mk-breadcrumbs-inner.light-skin a {
color: #afafaf
}
#mk-breadcrumbs .mk-breadcrumbs-inner.light-skin a:hover {
color: #797979
}
@media handheld, only screen and (max-width:700px) {
#mk-breadcrumbs .mk-breadcrumbs-inner {
margin: 15px 0 -15px!important;
float: none!important;
display: block!important;
text-align: center
}
}
#mk-breadcrumbs .separator {
padding: 0 3px
}
.breadcrumb-categoris-holder span:last-of-type {
display: none
}
@media handheld, only screen and (max-width:1140px) {
.page-title {
margin-left: 15px!important;
margin-right: 15px!important
}
}
@media handheld, only screen and (max-width:760px) {
#mk-page-introduce .introduce-fancy-title {
font-size: 20px!important;
line-height: 35px!important
}
#mk-page-introduce .introduce-fancy-title span {
padding: 8px 20px;
font-size: 20px!important
}
}
.mk-single-employee li, .mk-single-employee ul {
margin: 0;
padding: 0;
list-style: none
}
.mk-single-employee .employees_meta .mk-employeee-networks {
text-align: center;
margin-top: 15px
}
.mk-single-employee .employees_meta .mk-employeee-networks li {
display: inline-block
}
.mk-single-employee .employees_meta .mk-employeee-networks a {
border: 1px solid #b2b2b2;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
width: 36px;
height: 36px;
border-radius: 50%;
transition: background-color .2s ease, border-color .2s ease
}
.mk-single-employee .employees_meta .mk-employeee-networks svg {
fill: #222;
transition: color .2s ease
}
.mk-single-employee .employees_meta .mk-employeee-networks a:hover {
background-color: #222;
border-color: #222
}
.mk-single-employee .employees_meta .mk-employeee-networks a:hover svg {
fill: #fff
}
@media handheld, only screen and (max-width:767px) {
.mk-single-employee .employees-featured-image {
text-align: center
}
}
.mk-single-employee .single-employee-sidebar {
width: 275px
}
@media handheld, only screen and (max-width:767px) {
.mk-single-employee .single-employee-sidebar {
width: 100%;
margin-bottom: 50px
}
}
.mk-single-employee .single-employee-content {
padding-left: 345px
}
@media handheld, only screen and (max-width:767px) {
.mk-single-employee .single-employee-content {
padding-left: 0
}
}
.mk-single-employee.layout-style1 .employees-featured-image img {
border-radius: 50%
}
@media handheld, only screen and (min-width:767px) {
.mk-single-employee.layout-style2 .s_meta {
text-align: left
}
}
.mk-single-employee.layout-style2 .team-member-name {
margin-top: 10px
}
.mk-single-employee.layout-style2 .mk-employeee-networks {
margin-bottom: 65px
}
.mk-single-employee.layout-style2 .mk-employeee-networks a {
text-align: center
}
@media handheld, only screen and (max-width:767px) {
.mk-single-employee.layout-style2 .mk-employeee-networks {
margin-bottom: 50px
}
}
.theme-page-wrapper.mk-single-employee.layout-style3>.theme-content {
padding: 0!important
}
.mk-single-employee.layout-style3 {
margin: 0!important
}
.mk-single-employee.layout-style3 .single-employee-hero-title {
padding: 85px 0
}
.mk-single-employee.layout-style3 .employees-featured-image img {
border-radius: 50%
}
.mk-single-employee.layout-style3 .skin-light .team-member {
color: #fff
}
.mk-single-employee.layout-style3 .skin-light .mk-employeee-networks a {
border: 1px solid #fff
}
.mk-single-employee.layout-style3 .skin-light .mk-employeee-networks svg {
fill: #fff
}
.mk-single-employee.layout-style3 .skin-light .mk-employeee-networks a:hover {
background-color: #fff
}
.mk-single-employee.layout-style3 .skin-light .mk-employeee-networks a:hover svg {
fill: #222
}
.mk-single-employee.layout-style3 .skin-dark .team-member {
color: #222
}
.mk-single-employee.layout-style3 .skin-dark .mk-employeee-networks a {
border: 1px solid #222
}
.mk-single-employee.layout-style3 .skin-dark .mk-employeee-networks svg {
fill: #222
}
.mk-single-employee.layout-style3 .skin-dark .mk-employeee-networks a:hover {
background-color: #222
}
.mk-single-employee.layout-style3 .skin-dark .mk-employeee-networks a:hover svg {
fill: #fff
}
@media handheld, only screen and (max-width:960px) {
.mk-single-employee.layout-style3 .single-employee-hero-title {
margin-left: -15px;
margin-right: -15px
}
}
.mk-single-employee.layout-style3 .single-employee-content {
padding: 30px 20px 30px 0
}
.mk-blog-single .the-title {
margin-bottom: 10px
}
.mk-blog-single .the-title a {
font-size: 28px
}
.mk-blog-single .featured-image {
position: relative;
margin-bottom: 20px
}
.mk-blog-single .blog-single-meta {
margin-bottom: 20px;
float: left
}
@media handheld, only screen and (max-width:960px) {
.mk-blog-single .blog-single-meta {
float: none!important;
display: block
}
}
.mk-blog-single .mk-blog-author, .mk-blog-single .mk-post-cat, .mk-blog-single .mk-post-date {
color: #999;
font-style: italic;
font-size: 14px;
display: inline-block
}
.mk-blog-single article {
position: relative
}
.mk-blog-single .mk-audio-section {
height: 170px;
margin-bottom: 20px
}
.mk-blog-single .mk-audio-section .jp-audio.audio-has-img {
margin-left: 170px
}
.mk-blog-single .mk-audio-section .jp-audio div.jp-interface {
min-height: 160px!important
}
@media handheld, only screen and (max-width:780px) {
.mk-blog-single .mk-audio-section .audio-has-img {
margin: 0!important
}
.mk-blog-single .mk-audio-section .audio-thumb {
display: none
}
}
.mk-blog-single .audio-iframe {
margin-bottom: 25px
}
.master-holder.blog-style-bold .mk-blog-single {
padding: 40px 0
}
.master-holder.blog-style-bold .mk-single-content {
margin-bottom: 45px
}
.master-holder.blog-style-bold #comments, .master-holder.blog-style-bold .mk-about-author-wrapper, .master-holder.blog-style-bold .mk-single-content, .master-holder.blog-style-bold .single-post-tags {
max-width: 700px;
margin-left: auto;
margin-right: auto
}
.master-holder.blog-style-bold .single-post-tags {
margin-bottom: 70px
}
.master-holder.blog-style-bold .single-post-tags a {
padding: 10px 15px;
background-color: #f5f5f5;
color: #222;
font-size: 14px;
border-radius: 3px;
margin-bottom: 3px
}
.master-holder.blog-style-bold .mk-social-share {
text-align: center;
margin-bottom: 60px;
padding-bottom: 60px;
position: relative
}
.master-holder.blog-style-bold .mk-social-share:after {
width: 60px;
height: 3px;
position: absolute;
left: 50%;
margin-left: -30px;
bottom: 1px;
content: '';
background-color: #222
}
.master-holder.blog-style-bold .mk-social-share ul {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
list-style: none;
margin: 0
}
.master-holder.blog-style-bold .mk-social-share ul li {
float: left;
margin: 0 20px
}
@media handheld, only screen and (max-width:767px) {
.master-holder.blog-style-bold .mk-social-share ul li {
margin: 0 10px
}
}
.master-holder.blog-style-bold .mk-about-author-wrapper {
background-color: #f7f7f7;
border: none;
text-align: center;
padding: 40px 50px;
border-radius: 3px
}
.master-holder.blog-style-bold .mk-about-author-wrapper .mk-about-author-meta {
margin: 0
}
.master-holder.blog-style-bold .mk-about-author-wrapper .about-author-name, .master-holder.blog-style-bold .mk-about-author-wrapper .about-author-title {
font-size: 16px;
color: #222;
font-family: Georgia, serif;
font-style: italic
}
.master-holder.blog-style-bold .mk-about-author-wrapper .about-author-title {
margin-bottom: 15px;
text-transform: capitalize!important
}
.master-holder.blog-style-bold .mk-about-author-wrapper .about-author-name {
margin-bottom: 25px
}
.master-holder.blog-style-bold .mk-about-author-wrapper .about-author-desc {
font-size: 16px;
line-height: 28px;
color: #222
}
.master-holder.blog-style-bold .mk-about-author-wrapper .about-author-social a {
color: #222
}
.mk-blog-hero.bold-style {
height: 100%;
width: 100%;
position: relative;
background-size: cover;
z-index: 10
}
.mk-blog-hero.bold-style:before {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-color: #000;
opacity: .4;
content: '';
z-index: 1
}
.mk-blog-hero.bold-style .content-holder {
margin: 0 auto;
text-align: center;
position: relative;
z-index: 2;
padding: 30px 0
}
.mk-blog-hero.bold-style .mk-author-avatar, .mk-blog-hero.bold-style .mk-author-name, .mk-blog-hero.bold-style .mk-publish-date, .mk-blog-hero.bold-style .the-title {
color: #fff
}
.mk-blog-hero.bold-style .the-title {
color: #fff;
max-width: 725px;
margin: 0 auto;
font-size: 56px;
font-weight: 700
}
.mk-blog-hero.bold-style .mk-author-name, .mk-blog-hero.bold-style .mk-publish-date {
font-size: 14px;
font-style: italic
}
.mk-blog-hero.bold-style .mk-author-name a, .mk-blog-hero.bold-style .mk-publish-date a {
color: #fff
}
.mk-blog-hero.bold-style .mk-author-avatar {
margin-top: 75px
}
.mk-blog-hero.bold-style .mk-author-avatar img {
border: 4px solid #fff;
border-radius: 50%
}
.mk-blog-hero.bold-style .mk-author-name a {
font-weight: 700
}
.single-social-section {
float: right;
min-width: 180px
}
.single-social-section .blog-modern-comment, .single-social-section .blog-share-container, .single-social-section .mk-blog-print, .single-social-section .mk-love-holder {
float: right;
display: inline-block;
margin-left: 20px
}
.single-social-section .blog-modern-comment svg, .single-social-section .blog-share-container svg, .single-social-section .mk-blog-print svg, .single-social-section .mk-love-holder svg {
height: 16px;
vertical-align: middle
}
.single-social-section .blog-modern-comment svg, .single-social-section .blog-single-share svg, .single-social-section .mk-blog-print svg {
fill: #898989
}
.single-social-section .blog-modern-comment span, .single-social-section .blog-single-share span, .single-social-section .mk-blog-print span {
color: #898989;
font-size: 11px;
padding-left: 3px
}
.single-social-section .blog-share-container {
position: relative
}
.single-social-section .blog-single-share {
cursor: pointer
}
.single-social-section .blog-single-share svg {
height: 16px
}
@media handheld, only screen and (max-width:960px) {
.single-social-section {
float: none!important;
display: block;
margin-bottom: 20px
}
.single-social-section .blog-modern-comment, .single-social-section .blog-share-container, .single-social-section .mk-blog-print, .single-social-section .mk-love-holder {
float: left;
padding: 0 20px 0 0!important;
margin: 0!important
}
.single-social-section .single-share-box {
right: -170px;
left: auto!important
}
.single-social-section .single-share-box:before {
left: -5px;
right: auto!important
}
}
.mk-blog-next-prev {
display: block;
margin-bottom: -10px
}
.mk-blog-next-prev a {
float: left!important
}
.mk-single-content {
margin: 10px 0 60px
}
.single-post-tags {
margin-bottom: 20px;
font-size: 12px;
color: #999
}
.single-post-tags a {
display: inline-block;
line-height: 13px;
font-size: 13px;
color: #999;
text-transform: capitalize;
margin-bottom: 4px
}
.mk-about-author-wrapper {
border-bottom: 2px solid #ddd;
border-top: 2px solid #ddd;
padding: 20px 0;
margin-bottom: 40px
}
.mk-about-author-wrapper .avatar {
border-radius: 50%;
display: block;
margin: 8px 0 0 0;
border: 1px solid #eee
}
.mk-about-author-wrapper .avatar-wrapper {
display: block;
width: 80px;
float: left
}
.mk-about-author-wrapper .mk-about-author-meta {
display: block
}
.blog-style-compact .about-author-desc, .blog-style-compact .about-author-name, .blog-style-compact .about-author-social {
padding-left: 80px
}
.mk-about-author-wrapper .about-author-name {
display: block;
font-weight: 700
}
.mk-about-author-wrapper .about-author-desc {
display: block
}
.mk-about-author-wrapper .about-author-social {
list-style: none;
margin: 10px 0 0
}
.mk-about-author-wrapper .about-author-social li {
display: inline-block;
margin: 0
}
.mk-about-author-wrapper .about-author-social li a {
margin: 0 4px;
color: #999
}
.mk-about-author-wrapper .about-author-social li a svg {
height: 16px
}
.mk-about-author-wrapper .about-author-social li a:hover {
color: #797979
}
.similar-post-title {
font-size: 16px;
margin-bottom: 20px;
font-weight: 700;
text-align: center;
text-transform: uppercase;
letter-spacing: 2px
}
.blog-similar-posts {
margin-bottom: 40px;
padding-bottom: 30px;
border-bottom: 2px solid #ddd
}
.blog-similar-posts .similar-post-holder {
border: 1px solid #efefef;
overflow: hidden;
margin: 0 10px 20px
}
.blog-similar-posts ul {
list-style: none;
margin: 0 0 0 5px;
padding: 0
}
.blog-similar-posts ul.three-cols li {
width: 33.3%
}
.blog-similar-posts ul.four-cols li {
width: 24.9%
}
.blog-similar-posts ul li {
padding: 0;
margin: 0;
display: inline-block;
vertical-align: top
}
.blog-similar-posts ul li img {
position: relative
}
@media handheld, only screen and (max-width:960px) {
.blog-similar-posts li {
width: 50%!important
}
.blog-similar-posts li img {
width: 100%!important;
max-width: 100%!important
}
}
@media handheld, only screen and (max-width:600px) {
.blog-similar-posts li {
width: 100%!important
}
}
.mk-similiar-thumbnail {
position: relative;
display: block;
overflow: hidden
}
.mk-similiar-thumbnail .image-hover-overlay {
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
opacity: 0
}
.mk-similiar-thumbnail:hover .image-hover-overlay {
opacity: .8
}
.mk-similiar-title {
padding: 15px 10px;
display: block;
font-weight: 700;
font-size: 12px;
line-height: 18px;
text-align: center;
text-transform: uppercase;
letter-spacing: 1px;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap
}
.mk-blog-single .blog-blockquote-content {
font-size: 26px;
line-height: 40px;
color: #222;
position: relative;
background-color: #f5f5f5;
padding: 70px 70px 70px 100px;
margin-bottom: 30px
}
.mk-blog-single .blog-blockquote-content .mk-svg-icon {
position: absolute;
top: 77px;
left: 30px;
display: block;
color: #ddd;
color: rgba(0,0,0,.1);
width: 48px
}
.mk-blog-single .blog-blockquote-content footer {
text-align: right;
color: #999;
font-style: italic;
font-size: 20px
}
.mk-blog-single.blog-post-type-blockquote .blog-single-title {
display: none
}
.master-holder.blog-style-compact.blog-post-type-instagram .mk-blog--instagram-wrapper {
display: block;
text-align: center;
margin-bottom: 25px
}
.master-holder.blog-style-compact.blog-post-type-instagram .mk-blog--instagram-container {
display: inline-block;
position: relative
}
.master-holder.blog-style-compact.blog-post-type-instagram .mk-blog--instagram-container .instagram-title {
padding: 15px 25px;
background: linear-gradient(0deg, rgba(0,0,0,.6) 0, rgba(0,0,0,0) 100%);
left: 0;
box-sizing: border-box;
position: absolute;
margin-bottom: 0;
bottom: 0;
width: 100%;
color: #fff!important;
font-size: 16px;
font-weight: 700;
text-transform: initial;
line-height: 20px
}
.master-holder.blog-style-compact.blog-post-type-instagram .mk-blog--instagram-container .instagram-title span {
padding-left: 30px;
display: block;
color: #fff;
text-align: left
}
.master-holder.blog-style-compact.blog-post-type-instagram .mk-blog--instagram-container .instagram-title span a {
color: #55acee;
display: block
}
.master-holder.blog-style-compact.blog-post-type-instagram .mk-blog--instagram-container .instagram-title svg {
position: absolute;
left: 25px;
top: 18px;
height: 20px
}
.master-holder.blog-style-compact.blog-post-type-instagram .blog-single-title {
display: none
}
.master-holder.blog-post-type-twitter .blog-twitter-content {
font-size: 22px;
line-height: 40px;
color: #222;
position: relative;
background-color: #f5f5f5;
padding: 45px 45px 45px 130px;
margin-bottom: 30px
}
.master-holder.blog-post-type-twitter .blog-twitter-content:before {
position: absolute;
top: 45px;
left: 45px;
width: 55px;
height: 45px;
background-position: center center;
background-repeat: no-repeat;
display: inline-block;
background-size: cover;
background-image: url(../../../images/social-icons/twitter-blue.svg);
content: ''
}
.master-holder.blog-post-type-twitter .blog-twitter-content footer {
text-align: right;
color: #999;
font-style: italic;
font-size: 20px;
line-height: normal;
margin-top: 35px
}
.master-holder.blog-post-type-twitter .blog-twitter-content footer a, .master-holder.blog-post-type-twitter .blog-twitter-content footer span {
display: block
}
.master-holder.blog-post-type-twitter .blog-twitter-content footer span {
font-weight: 700;
font-size: 14px;
color: #222
}
.master-holder.blog-post-type-twitter .blog-twitter-content footer a {
color: #55acee;
font-size: 12px
}
.master-holder.blog-post-type-twitter .blog-single-title {
display: none
}
.news-post-heading {
padding-bottom: 10px;
margin-bottom: 25px;
border-bottom: 3px solid #ddd;
border-bottom: 3px solid rgba(0,0,0,.1);
position: relative
}
.news-single-social {
margin: 0;
padding: 0;
position: absolute;
right: 0;
bottom: 5px;
display: inline-block
}
.news-single-social li {
display: inline-block;
margin: 0;
padding: 0 7px 0 5px;
border-right: 1px solid #bcbcbc;
line-height: 14px
}
.news-single-social li.mk-news-share {
position: relative
}
.news-single-social li.mk-news-share .news-share-buttons {
position: absolute;
background-color: #e9e9e9;
border: 1px solid #ccc;
padding: 10px 6px;
width: 216px;
top: 30px;
right: 0;
white-space: nowrap;
border-radius: 4px;
box-shadow: 0 1px 3px rgba(0,0,0,.1);
display: none
}
.news-single-social li.mk-news-share .news-share-buttons:after {
position: absolute;
display: block;
content: "";
top: -6px;
right: 43px;
width: 12px;
height: 12px;
background-color: #e9e9e9;
border: 1px solid #ccc;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
ms-transform: rotate(45deg);
border-right: none;
border-bottom: none
}
.news-single-social li.mk-news-share .news-share-buttons .share-button {
display: inline-block;
float: left;
padding-left: 10px
}
.news-single-social li:last-child {
border: none!important
}
.news-single-social li a {
line-height: 16px;
display: block
}
.news-single-date {
display: inline-block
}
.news-single-date a {
font-size: 11px;
color: #999
}
.news-single-categories {
font-size: 12px;
padding-right: 10px;
font-weight: 700;
color: #999;
display: inline-block;
text-transform: uppercase
}
.single-news-meta {
line-height: 13px
}
.news-featured-image {
margin: 10px 0 50px
}
.news-post-content {
margin-bottom: 50px
}
.not-found-wrapper {
text-align: center;
padding: 30px 0 100px 0
}
.not-found-title {
font-size: 28px;
display: block;
margin-bottom: 20px;
font-weight: 700
}
.not-found-subtitle {
font-size: 220px;
line-height: 100%;
display: block;
font-weight: 300;
padding-bottom: 20px;
margin-bottom: 20px
}
.flex-container a:active, .flex-container a:focus, .mk-flexslider a:active, .mk-flexslider a:focus {
outline: 0
}
.flex-control-nav, .flex-direction-nav, .mk-flex-slides {
margin: 0;
padding: 0;
list-style: none
}
.mk-flexslider {
margin: 0;
padding: 0;
direction: ltr
}
.mk-flexslider .mk-banner-slides>li, .mk-flexslider .mk-flex-slides>li {
display: none;
margin: 0;
-webkit-perspective: 1000;
-webkit-backface-visibility: hidden;
backface-visibility: hidden
}
.mk-flexslider .mk-banner-slides img, .mk-flexslider .mk-flex-slides img {
width: 100%;
display: block
}
.flex-pauseplay span {
text-transform: capitalize
}
.mk-banner-slides:after, .mk-flex-slides:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0
}
html[xmlns] .mk-flex-slides {
display: block
}
* html .mk-flex-slides {
height: 1%
}
.mk-flexslider .mk-banner-slides {
margin: 0;
padding: 0;
list-style: none
}
.mk-flexslider .mk-banner-slides li {
margin: 0
}
.mk-flexslider {
margin: 0;
position: relative;
zoom: 1
}
.flex-viewport {
max-height: 2000px;
transition: all 1s ease;
-webkit-perspective: 1000;
-webkit-backface-visibility: hidden;
backface-visibility: hidden
}
.loading .flex-viewport {
max-height: 100px
}
.mk-flexslider .mk-banner-slides, .mk-flexslider .mk-flex-slides {
zoom: 1
}
.carousel li {
margin-right: 5px
}
.flex-direction-nav a {
display: block;
position: absolute;
cursor: pointer;
transition: all .3s ease
}
.flex-direction-nav .flex-next {
filter:alpha(opacity=@opacity * 100);
-moz-opacity: 70;
-khtml-opacity: 70;
opacity: 70;
opacity: .7
}
.flex-direction-nav .flex-prev {
filter:alpha(opacity=@opacity * 100);
-moz-opacity: 70;
-khtml-opacity: 70;
opacity: 70;
opacity: .7
}
.flex-direction-nav .flex-next:hover {
filter:alpha(opacity=@opacity * 100);
-moz-opacity: 100;
-khtml-opacity: 100;
opacity: 100;
opacity: 1
}
.flex-direction-nav .flex-prev:hover {
filter:alpha(opacity=@opacity * 100);
-moz-opacity: 100;
-khtml-opacity: 100;
opacity: 100;
opacity: 1
}
.mk-flexslider:hover .flex-next:hover, .mk-flexslider:hover .flex-prev:hover {
opacity: 1
}
.flex-direction-nav .flex-disabled {
opacity: 0!important;
filter: alpha(opacity=0);
cursor: default
}
.flex-control-nav {
width: 100%;
left: 0;
position: absolute;
bottom: 10px;
text-align: center
}
.flex-control-nav li {
margin: 0 6px;
display: inline-block;
zoom: 1
}
.flex-control-paging li a {
display: block;
cursor: pointer
}
.flex-control-paging li a.flex-active {
cursor: default
}
.flex-control-thumbs {
margin: 20px 0 0;
position: static;
overflow: hidden
}
.flex-control-thumbs li {
width: 100px;
height: 60px;
margin: 0 20px 0 0
}
.flex-control-thumbs img {
width: 100%;
display: block;
opacity: .7;
cursor: pointer
}
.flex-control-thumbs img:hover {
opacity: 1
}
.flex-control-thumbs .flex-active {
opacity: 1;
cursor: default
}
#mk_banner_builder {
padding: 0 75px
}
#mk_banner_builder .flex-viewport {
margin: 0 auto!important
}
#mk_banner_builder>.flex-direction-nav a {
width: 42px;
height: 42px;
top: 50%;
margin-top: -21px;
text-align: center;
line-height: 42px;
background-color: rgba(0,0,0,.4);
border-radius: 4px
}
#mk_banner_builder>.flex-direction-nav a:hover {
background-color: rgba(0,0,0,.6)
}
#mk_banner_builder>.flex-direction-nav a i {
line-height: 42px;
font-size: 16px;
color: #fff
}
#mk_banner_builder>.flex-direction-nav .flex-next {
right: 5px
}
#mk_banner_builder>.flex-direction-nav .flex-prev {
left: 5px
}
#mk_banner_builder:hover .flex-direction-nav .flex-next {
right: 20px
}
#mk_banner_builder:hover .flex-direction-nav .flex-prev {
left: 20px
}
.intro-effect-fade, .intro-effect-zoom_out {
position: fixed!important;
left: 0;
top: 0;
width: 100%;
height: 100%!important
}
.intro-effect-shuffle {
position: absolute!important;
left: 0;
top: 0;
width: 100%;
background-attachment: fixed!important
}
.intro-effect-shuffle .page-section-content {
transition: all .6s ease-in-out
}
.intro-effect-shuffle.shuffled .page-section-content {
opacity: 0
}
.mk-commentlist {
margin: 0 0 40px
}
.mk-commentlist li {
list-style: none;
margin: 0 0 15px
}
.mk-commentlist li .mk-single-comment {
margin-bottom: 20px
}
.mk-commentlist li .gravatar {
border-radius: 50%;
border: 1px solid rgba(0,0,0,.3);
display: inline-block;
overflow: hidden;
float: left;
margin: 0 10px;
width: 45px;
height: 45px
}
.mk-commentlist li .comment-author {
font-weight: 700;
color: #666;
float: left;
margin: 6px 16px 0 0
}
.mk-commentlist li .comment-time {
display: inline-block;
float: left;
color: #999;
margin: 6px 16px 0 0;
font-size: 11px
}
.mk-commentlist li .comment-reply {
float: left;
display: inline-block;
margin-top: 6px
}
.mk-commentlist li .comment-content {
display: block;
background-color: #fff;
border: 1px solid #eee;
padding: 15px;
margin-top: 17px;
border-radius: 3px;
position: relative
}
.mk-commentlist li .comment-content p {
margin: 0
}
.mk-commentlist li .comment-content:after {
display: block;
width: 0;
height: 0;
content: "";
position: absolute;
left: 24px;
top: -8px;
width: 14px;
height: 14px;
background-color: #fff;
border: 1px solid #eee;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
border-right: none;
border-bottom: none
}
.mk-commentlist li .children {
margin-left: 30px
}
.blog-comment-title {
font-size: 16px;
margin-bottom: 20px;
font-weight: 700;
text-align: center;
text-transform: uppercase;
letter-spacing: 2px
}
.comment-form-info {
font-size: 11px;
margin-bottom: 5px;
text-transform: uppercase;
color: #9a9a9a
}
#cancel-comment-reply-link {
text-transform: uppercase;
font-size: 11px;
display: inline-block;
font-weight: 400;
color: #666
}
form#commentform {
margin-bottom: 40px
}
form#commentform .comment-textarea {
margin-bottom: 4px
}
form#commentform .comment-textarea textarea {
width: 100%
}
.bypostauthor .comment-content {
background-color: rgba(0,0,0,.03)
}
#respond {
margin-top: 50px;
position: relative
}
#respond .respond-heading {
font-size: 16px;
margin-bottom: 20px;
font-weight: 700;
text-align: center;
text-transform: uppercase;
letter-spacing: 2px
}
#respond #submit {
margin: 10px 0 0 0!important;
display: inline-block;
margin-right: 10px;
margin-left: 0;
vertical-align: middle;
text-align: center;
font-weight: 400;
cursor: pointer;
zoom: 1;
border: none;
outline: 0;
padding: 12px 26px;
font-size: 12px;
line-height: 100%;
letter-spacing: 1px;
border-radius: 2px;
transition: color .2s ease-in-out, background .2s ease-in-out, border .2s ease-in-out;
color: #fff!important
}
#respond #submit:hover {
background-color: #252525!important;
color: #fff!important
}
.comment-form-row {
width: 33.33%;
display: inline-block;
margin-bottom: 7px;
padding-right: 10px;
float: left
}
.comment-form-row input {
width: 100%
}
.mk-commentlist .respond-heading {
margin-bottom: 0!important
}
.comment-form-website {
padding-right: 0
}
@media only screen and (max-width:960px) {
.comment-form-row {
width: 100%;
margin-bottom: 7px;
padding-right: 0
}
form#commentform .comment-textarea textarea {
width: 100%!important;
margin-bottom: 6px
}
}
@media only screen and (max-width:960px) {
#respond #submit {
display: block;
width: 100%
}
}
.search-result-item {
margin-top: 20px;
padding-top: 20px;
border-bottom: 1px solid rgba(128,128,128,.2)
}
.search-result-item .search-loop-meta {
display: block;
margin-bottom: 6px;
color: #999
}
.mk-search-loop .widget_search {
text-align: center;
padding-bottom: 30px;
margin-bottom: 30px
}
.mk-search-loop .widget_search .mk-searchform {
margin: 0 auto
}
.mk-search-loop .widget_search p {
margin-bottom: 20px
}
.widget {
margin-bottom: 40px
}
.mk-side-dashboard .widget {
margin-bottom: 20px
}
.widgettitle {
position: relative;
display: block;
margin-bottom: 15px;
letter-spacing: 1px
}
#mk-footer ul, #mk-sidebar ul, .mk-side-dashboard .widget ul {
margin: 0
}
.widget_archive li, .widget_authors li, .widget_categories li, .widget_contact_info li, .widget_links li, .widget_meta li, .widget_pages li, .widget_popular_posts li, .widget_popular_tags li, .widget_product_categories li, .widget_recent_comments li, .widget_recent_entries li, .widget_recent_posts li, .widget_rss li, .widget_text li, .widget_twitter li {
margin: 0;
list-style: none
}
.widget_archive li a, .widget_categories li a, .widget_contact_info li a, .widget_links li a, .widget_meta li a, .widget_pages li a, .widget_popular_tags li a, .widget_recent_comments .recentcomments, .widget_recent_entries li a, .widget_text li a {
display: inline-block;
margin: 0 0 8px 0;
text-decoration: none;
line-height: 18px
}
.tw_list .tweet_list li a:before, .widget_archive li a:before, .widget_authors li a:before, .widget_categories li a:before, .widget_links li a:before, .widget_meta li a:before, .widget_nav_menu li a:before, .widget_pages li a:before, .widget_popular_tags li a:before, .widget_product_categories li a:before, .widget_rss li a:before {
margin-right: 7px;
content: "\f105";
font-size: 12px
}
.tw_list .tweet_list li a .mk-svg-icon, .widget_archive li a .mk-svg-icon, .widget_authors li a .mk-svg-icon, .widget_categories li a .mk-svg-icon, .widget_links li a .mk-svg-icon, .widget_meta li a .mk-svg-icon, .widget_nav_menu li a .mk-svg-icon, .widget_pages li a .mk-svg-icon, .widget_popular_tags li a .mk-svg-icon, .widget_product_categories li a .mk-svg-icon, .widget_rss li a .mk-svg-icon {
margin-right: 7px;
height: 12px;
width: 12px
}
.widget_recent_entries li a {
margin-left: 0!important
}
.widget.widget_archive li a, .widget.widget_categories li a, .widget.widget_links li a, .widget.widget_meta li a, .widget.widget_pages li a, .widget.widget_recent_entries li a {
margin: 5px 0
}
.widget.widget_archive .sub-menu li, .widget.widget_categories .sub-menu li, .widget.widget_links .sub-menu li, .widget.widget_meta .sub-menu li, .widget.widget_pages .sub-menu li, .widget.widget_recent_entries .sub-menu li {
margin-left: 0;
border-top: 1px solid rgba(128,128,128,.1)
}
.widget-sub-navigation, .widget_nav_menu, .widget_product_categories, .woocommerce-MyAccount-navigation {
padding: 4px
}
.widget-sub-navigation>ul, .widget_nav_menu>ul, .widget_product_categories>ul, .woocommerce-MyAccount-navigation>ul {
border: 1px solid #ebebeb;
border-radius: 2px
}
.widget-sub-navigation ul.menu, .widget_nav_menu ul.menu, .widget_product_categories ul.menu, .woocommerce-MyAccount-navigation ul.menu {
border: 1px solid #ebebeb;
border-radius: 2px
}
.widget-sub-navigation ul, .widget_nav_menu ul, .widget_product_categories ul, .woocommerce-MyAccount-navigation ul {
display: block;
margin: 0;
padding: 0;
list-style: none
}
.widget-sub-navigation ul li, .widget_nav_menu ul li, .widget_product_categories ul li, .woocommerce-MyAccount-navigation ul li {
margin: 0;
border-bottom: 1px solid #ebebeb
}
.widget-sub-navigation ul li:last-child, .widget_nav_menu ul li:last-child, .widget_product_categories ul li:last-child, .woocommerce-MyAccount-navigation ul li:last-child {
border-bottom: none!important
}
.widget-sub-navigation ul li a, .widget_nav_menu ul li a, .widget_product_categories ul li a, .woocommerce-MyAccount-navigation ul li a {
display: inline-block;
padding: 6px 10px
}
.widget-sub-navigation ul li.current_page_item a, .widget_nav_menu ul li.current_page_item a, .widget_product_categories ul li.current_page_item a, .woocommerce-MyAccount-navigation ul li.current_page_item a {
background-color: rgba(0,0,0,.03);
font-weight: 700
}
.widget-sub-navigation ul .cat-parent, .widget-sub-navigation ul .page_item_has_children, .widget-sub-navigation ul.menu>.menu-item-has-children, .widget_nav_menu ul .cat-parent, .widget_nav_menu ul .page_item_has_children, .widget_nav_menu ul.menu>.menu-item-has-children, .widget_product_categories ul .cat-parent, .widget_product_categories ul .page_item_has_children, .widget_product_categories ul.menu>.menu-item-has-children, .woocommerce-MyAccount-navigation ul .cat-parent, .woocommerce-MyAccount-navigation ul .page_item_has_children, .woocommerce-MyAccount-navigation ul.menu>.menu-item-has-children {
position: relative
}
.widget-sub-navigation ul .cat-parent.toggle-active:before, .widget-sub-navigation ul .page_item_has_children.toggle-active:before, .widget-sub-navigation ul.menu>.menu-item-has-children.toggle-active:before, .widget_nav_menu ul .cat-parent.toggle-active:before, .widget_nav_menu ul .page_item_has_children.toggle-active:before, .widget_nav_menu ul.menu>.menu-item-has-children.toggle-active:before, .widget_product_categories ul .cat-parent.toggle-active:before, .widget_product_categories ul .page_item_has_children.toggle-active:before, .widget_product_categories ul.menu>.menu-item-has-children.toggle-active:before, .woocommerce-MyAccount-navigation ul .cat-parent.toggle-active:before, .woocommerce-MyAccount-navigation ul .page_item_has_children.toggle-active:before, .woocommerce-MyAccount-navigation ul.menu>.menu-item-has-children.toggle-active:before {
content: "-";
right: 12px;
top: 4px
}
.widget-sub-navigation ul .cat-parent:before, .widget-sub-navigation ul .page_item_has_children:before, .widget-sub-navigation ul.menu>.menu-item-has-children:before, .widget_nav_menu ul .cat-parent:before, .widget_nav_menu ul .page_item_has_children:before, .widget_nav_menu ul.menu>.menu-item-has-children:before, .widget_product_categories ul .cat-parent:before, .widget_product_categories ul .page_item_has_children:before, .widget_product_categories ul.menu>.menu-item-has-children:before, .woocommerce-MyAccount-navigation ul .cat-parent:before, .woocommerce-MyAccount-navigation ul .page_item_has_children:before, .woocommerce-MyAccount-navigation ul.menu>.menu-item-has-children:before {
content: "+";
font-size: 20px;
cursor: pointer;
display: block;
position: absolute;
top: 6px;
right: 9px;
font-weight: 700;
color: rgba(128,128,128,.6)
}
.widget-sub-navigation ul .cat-parent>ul, .widget-sub-navigation ul .page_item_has_children>ul, .widget-sub-navigation ul.menu>.menu-item-has-children>ul, .widget_nav_menu ul .cat-parent>ul, .widget_nav_menu ul .page_item_has_children>ul, .widget_nav_menu ul.menu>.menu-item-has-children>ul, .widget_product_categories ul .cat-parent>ul, .widget_product_categories ul .page_item_has_children>ul, .widget_product_categories ul.menu>.menu-item-has-children>ul, .woocommerce-MyAccount-navigation ul .cat-parent>ul, .woocommerce-MyAccount-navigation ul .page_item_has_children>ul, .woocommerce-MyAccount-navigation ul.menu>.menu-item-has-children>ul {
border-top: 1px solid #ebebeb;
display: none
}
.widget-sub-navigation ul .cat-parent>ul .sub-menu>li, .widget-sub-navigation ul .page_item_has_children>ul .sub-menu>li, .widget-sub-navigation ul.menu>.menu-item-has-children>ul .sub-menu>li, .widget_nav_menu ul .cat-parent>ul .sub-menu>li, .widget_nav_menu ul .page_item_has_children>ul .sub-menu>li, .widget_nav_menu ul.menu>.menu-item-has-children>ul .sub-menu>li, .widget_product_categories ul .cat-parent>ul .sub-menu>li, .widget_product_categories ul .page_item_has_children>ul .sub-menu>li, .widget_product_categories ul.menu>.menu-item-has-children>ul .sub-menu>li, .woocommerce-MyAccount-navigation ul .cat-parent>ul .sub-menu>li, .woocommerce-MyAccount-navigation ul .page_item_has_children>ul .sub-menu>li, .woocommerce-MyAccount-navigation ul.menu>.menu-item-has-children>ul .sub-menu>li {
padding-left: 20px
}
.widget-sub-navigation ul .cat-parent>ul ul, .widget-sub-navigation ul .page_item_has_children>ul ul, .widget-sub-navigation ul.menu>.menu-item-has-children>ul ul, .widget_nav_menu ul .cat-parent>ul ul, .widget_nav_menu ul .page_item_has_children>ul ul, .widget_nav_menu ul.menu>.menu-item-has-children>ul ul, .widget_product_categories ul .cat-parent>ul ul, .widget_product_categories ul .page_item_has_children>ul ul, .widget_product_categories ul.menu>.menu-item-has-children>ul ul, .woocommerce-MyAccount-navigation ul .cat-parent>ul ul, .woocommerce-MyAccount-navigation ul .page_item_has_children>ul ul, .woocommerce-MyAccount-navigation ul.menu>.menu-item-has-children>ul ul {
border-top: 1px solid #ebebeb
}
.widget-sub-navigation ul .cat-parent>ul>li a, .widget-sub-navigation ul .page_item_has_children>ul>li a, .widget-sub-navigation ul.menu>.menu-item-has-children>ul>li a, .widget_nav_menu ul .cat-parent>ul>li a, .widget_nav_menu ul .page_item_has_children>ul>li a, .widget_nav_menu ul.menu>.menu-item-has-children>ul>li a, .widget_product_categories ul .cat-parent>ul>li a, .widget_product_categories ul .page_item_has_children>ul>li a, .widget_product_categories ul.menu>.menu-item-has-children>ul>li a, .woocommerce-MyAccount-navigation ul .cat-parent>ul>li a, .woocommerce-MyAccount-navigation ul .page_item_has_children>ul>li a, .woocommerce-MyAccount-navigation ul.menu>.menu-item-has-children>ul>li a {
padding-left: 10px
}
.widget_product_categories ul li a {
display: inline-block!important
}
.widget_meta .mk-svg-icon, .widget_nav_menu .mk-svg-icon, .widget_recent_comments .mk-svg-icon {
position: relative;
top: 2px
}
#mk-footer .widget-sub-navigation ul, #mk-footer .widget_nav_menu ul {
border: none!important
}
#mk-footer .widget-sub-navigation ul li, #mk-footer .widget_nav_menu ul li {
border: none!important
}
#mk-footer .widget-sub-navigation ul li a, #mk-footer .widget_nav_menu ul li a {
padding: 5px 15px 5px 5px
}
#mk-footer .widget-sub-navigation ul li a:before, #mk-footer .widget_nav_menu ul li a:before {
display: none
}
.widget_tag_cloud a {
display: inline-block;
margin: 8px 3px 0 0;
padding: 8px 10px;
border: 2px solid rgba(0,0,0,.1);
text-transform: capitalize;
font-size: 12px!important;
line-height: 100%
}
.widget_contact_form {
padding-bottom: 5px
}
.widget_contact_form .text-input {
margin-bottom: 6px;
width: 100%
}
.widget_contact_form .textarea {
margin-bottom: 10px;
width: 100%;
height: 120px
}
.widget_contact_form .mk-form-row-widget {
position: relative
}
.widget_contact_form .mk-button {
border: 0
}
.widget_contact_form .captcha-change-image {
display: block;
font-size: 10px
}
.widget_contact_form .captcha-image {
max-height: 50px
}
.mk-invalid {
border: 1px solid #fd5e5e!important
}
#mk-footer .widget_contact_form .text-input, #mk-footer .widget_contact_form .textarea {
border-color: rgba(255,255,255,.05);
background-color: rgba(255,255,255,.03)
}
.widget_contact_info ul {
margin: 0;
padding: 0
}
.widget_contact_info ul li {
position: relative;
display: block;
margin: 0 0 10px 0;
padding: 0 0 0 25px;
line-height: 20px
}
.widget_contact_info ul li a {
margin: 0
}
.widget_contact_info ul li svg {
position: absolute;
top: 2px;
left: 0;
height: 16px;
vertical-align: middle
}
.widget .mk-contact-form {
position: relative
}
.widget .mk-contact-form .mk-contact-loading, .widget .mk-contact-form .mk-contact-success {
position: absolute;
right: 0;
bottom: 20px;
width: 16px;
height: 16px;
font-size: 16px
}
.mk-instagram-feeds .item-holder {
margin: 0 2px 2px 0;
position: relative
}
.mk-instagram-feeds a {
line-height: 4px;
float: left
}
.mk-instagram-feeds .featured-image {
line-height: 4px
}
.mk-instagram-feeds .featured-image img {
position: relative
}
.mk-instagram-feeds .one-columns {
width: 100%
}
.mk-instagram-feeds .two-columns {
width: 49.9%
}
.mk-instagram-feeds .three-columns {
width: 33.2%
}
.mk-instagram-feeds .four-columns {
width: 24.9%
}
.mk-instagram-feeds .five-columns {
width: 19.9%
}
@media handheld, only screen and (max-width:600px) {
.mk-instagram-feeds .five-columns, .mk-instagram-feeds .four-columns, .mk-instagram-feeds .three-columns {
width: 50%!important
}
}
.widget_posts_lists ul li {
overflow: hidden;
margin: 0 0 12px;
padding: 0;
list-style: none
}
.widget_posts_lists ul li .post-list-thumb {
position: relative;
float: left;
overflow: hidden;
margin: 0 7px 0 0;
width: 80px
}
.widget_posts_lists ul li .post-list-info {
margin: 0 10px 5px 100px
}
.widget_posts_lists ul li .post-list-info.posts-no-thumb {
margin-left: 0
}
.widget_posts_lists ul li .post-list-title {
display: block;
font-size: 13px;
line-height: 18px
}
.widget_posts_lists ul li .post-list-meta {
display: block;
padding-top: 4px;
font-size: 11px;
line-height: 16px;
font-style: italic
}
.widget_posts_lists ul li .post-list-meta time {
color: #999
}
.widget_social_networks .align-left {
text-align: left
}
.widget_social_networks .align-center {
text-align: center
}
.widget_social_networks .align-right {
text-align: right
}
.widget_social_networks a {
position: relative;
display: inline-block;
margin: 5px 15px 5px 0;
line-height: 100%;
opacity: .5;
transition: all .2s ease
}
.widget_social_networks a:hover {
opacity: 1
}
.widget_social_networks a.mk-circle-frame, .widget_social_networks a.mk-square-pointed, .widget_social_networks a.mk-square-rounded {
background-color: #fff;
background-color: rgba(50,50,50,0)
}
.widget_social_networks a.mk-circle-frame svg, .widget_social_networks a.mk-square-pointed svg, .widget_social_networks a.mk-square-rounded svg {
vertical-align: middle
}
.widget_social_networks a.mk-circle-frame.small svg, .widget_social_networks a.mk-square-pointed.small svg, .widget_social_networks a.mk-square-rounded.small svg {
padding: 10px
}
.widget_social_networks a.mk-circle-frame.medium svg, .widget_social_networks a.mk-square-pointed.medium svg, .widget_social_networks a.mk-square-rounded.medium svg {
padding: 12px
}
.widget_social_networks a.mk-circle-frame.large svg, .widget_social_networks a.mk-square-pointed.large svg, .widget_social_networks a.mk-square-rounded.large svg {
padding: 16px
}
.widget_social_networks a.mk-circle-frame.dark, .widget_social_networks a.mk-square-pointed.dark, .widget_social_networks a.mk-square-rounded.dark {
border: 1px solid #828282
}
.widget_social_networks a.mk-circle-frame.light, .widget_social_networks a.mk-square-pointed.light, .widget_social_networks a.mk-square-rounded.light {
border: 1px solid #ebebeb
}
.widget_social_networks a.mk-circle-frame.custom, .widget_social_networks a.mk-square-pointed.custom, .widget_social_networks a.mk-square-rounded.custom {
border: 1px solid #828282
}
.widget_social_networks a.mk-circle-frame {
border-radius: 50%
}
.widget_social_networks a.mk-square-rounded {
border-radius: 15%
}
.widget_social_networks a.dark, .widget_social_networks a.dark:hover {
color: #828282
}
.widget_social_networks a.light, .widget_social_networks a.light:hover {
color: #ebebeb
}
.widget_social_networks a.small svg {
height: 16px;
width: 16px
}
.widget_social_networks a.medium svg {
height: 24px;
width: 24px
}
.widget_social_networks a.large svg {
height: 32px;
width: 32px
}
.mk-jupiter-icon-simple-xing:before, .mk-jupiter-icon-square-xing:before, .mk-jupiter-icon-xing:before {
vertical-align: middle!important;
line-height: 1!important;
position: relative;
top: -3px
}
.widget_testimonials .widgettitle {
margin-bottom: -17px
}
.widget_testimonials .testimonial-slider li {
margin: 0
}
.widget_testimonials .testimonial-slider .testimonial-quote {
position: relative;
padding: 15px;
border: 1px solid #ededed;
background-color: #fafafa;
color: grey!important;
border-radius: 2px
}
.widget_testimonials .testimonial-slider .testimonial-quote:after {
position: absolute;
bottom: -7px;
left: 20px;
display: block;
width: 14px;
height: 14px;
border: 1px solid #ededed;
border-top: none;
border-left: none;
background-color: #fafafa;
content: "";
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg)
}
.widget_testimonials .testimonial-slider .testimonial-author {
display: block;
margin: 25px 0 7px 20px;
text-align: left;
font-weight: 700;
font-size: 12px;
line-height: 12px
}
.widget_testimonials .testimonial-slider .testimonial-position {
display: block;
margin-left: 20px;
font-size: 11px;
line-height: 12px
}
.widget_testimonials .testimonial-slider .testimonial-author-image {
display: inline-block;
float: left;
margin: 18px 10px 3px 5px;
width: 50px;
height: 50px;
border-radius: 100px
}
.testimonial-slider.mk-flexslider {
padding: 35px 0 0 0
}
.testimonial-slider.mk-flexslider .flex-direction-nav {
position: absolute;
top: 0;
right: 5px
}
.testimonial-slider.mk-flexslider .flex-direction-nav .mk-jupiter-icon-arrow-left:before, .testimonial-slider.mk-flexslider .flex-direction-nav .mk-jupiter-icon-arrow-right:before {
color: #aaa
}
.testimonial-slider.mk-flexslider .flex-direction-nav a {
right: 0!important;
width: 10px;
height: 11px
}
.testimonial-slider.mk-flexslider .flex-direction-nav .flex-prev {
margin-right: 15px
}
.mk-widget-mini-slideshow li img {
border-radius: 2px
}
.mk-widget-mini-slideshow .flex-direction-nav a {
top: 50%;
width: 18px;
height: 18px;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
background-color: rgba(0,0,0,.4);
text-align: center;
position: absolute;
padding: 10px;
border-radius: 2px;
cursor: pointer;
color: #fff;
opacity: 0
}
.mk-widget-mini-slideshow .flex-direction-nav a:hover {
background-color: rgba(0,0,0,.6)
}
.mk-widget-mini-slideshow .flex-direction-nav a svg {
fill: #fff!important;
margin: 0
}
.mk-widget-mini-slideshow .flex-prev {
left: 10px
}
.mk-widget-mini-slideshow .flex-next {
right: 10px
}
.mk-widget-mini-slideshow:hover .flex-direction-nav a {
opacity: 1
}
.widget_news_feed {
padding-bottom: 5px
}
.widget_news_feed .widgettitle {
margin-bottom: -18px
}
.widget_news_feed .mk-flexslider {
padding-top: 30px
}
.widget_news_feed .flex-direction-nav {
position: absolute;
top: 0;
right: 5px
}
.widget_news_feed .flex-direction-nav .mk-svg-icon {
fill: #aaa!important
}
.widget_news_feed .flex-direction-nav a {
right: 0!important;
width: 10px;
height: 11px
}
.widget_news_feed .flex-direction-nav .flex-prev {
margin-right: 18px
}
.widget_news_feed .mk-button {
float: right;
margin-top: 8px;
color: #fff!important
}
.news-widget-thumbnail {
display: block;
margin-bottom: 10px
}
.news-widget-thumbnail img {
border-radius: 2px
}
.news-widget-title {
margin-bottom: 5px
}
.news-widget-title a {
display: block;
font-weight: 700;
font-size: 13px;
line-height: 18px
}
.news-widget-excerpt p {
margin: 0;
line-height: 18px
}
.widget_recent_portfolio {
overflow: visible
}
.widget_recent_portfolio ul {
margin: 0;
padding: 0;
list-style: none
}
.widget_recent_portfolio ul li {
position: relative;
float: left;
margin: 0;
padding: 0;
width: 50%
}
.widget_recent_portfolio ul li:hover .widget-portfolio-overlay {
opacity: .4
}
.widget_recent_portfolio ul li:hover .portfolio-widget-lightbox, .widget_recent_portfolio ul li:hover .portfolio-widget-permalink {
opacity: 1
}
.portfolio-widget-thumb {
position: relative;
display: block
}
.portfolio-widget-thumb img {
width: 100%
}
.widget-portfolio-overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
opacity: 0
}
.portfolio-widget-lightbox, .portfolio-widget-permalink {
position: absolute;
top: 40%;
margin-top: -15px;
width: 36px;
height: 36px;
line-height: 36px;
text-align: center;
background-color: rgba(0,0,0,.4);
border-radius: 2px;
opacity: 0
}
.portfolio-widget-lightbox svg, .portfolio-widget-permalink svg {
fill: #fff;
vertical-align: middle
}
.portfolio-widget-lightbox:hover, .portfolio-widget-permalink:hover {
background-color: rgba(0,0,0,.7)
}
.portfolio-widget-lightbox {
right: 50%;
margin-right: -42px
}
.portfolio-widget-permalink {
left: 50%;
margin-left: -42px
}
.portfolio-widget-info {
position: absolute;
top: 100px;
left: 20px;
right: 20px;
padding: 10px;
background-color: #333;
text-align: center;
border-radius: 3px;
opacity: 0
}
.portfolio-widget-title {
display: inline-block;
color: #fff!important;
font-weight: 700;
font-size: 12px;
line-height: 16px!important
}
.mk-tweet-list {
display: block;
margin: 0;
padding: 0;
list-style: none
}
.mk-tweet-list li {
position: relative;
margin: 0 0 10px 20px
}
.mk-tweet-list li .mk-svg-icon {
position: absolute;
height: 16px;
top: 8px;
left: -28px
}
.mk-tweet-list li .tweet-text {
display: block
}
.mk-tweet-list li .tweet-time {
display: block;
opacity: .7;
font-size: 80%
}
.mk-tweet-list.light li {
color: #777
}
.mk-tweet-list.light li a {
color: #777!important;
opacity: .7
}
.mk-tweet-list.dark li {
color: #fff
}
.mk-tweet-list.dark li a {
color: #fff!important;
opacity: .7
}
.widget .mk-searchform {
position: relative
}
.widget .mk-searchform .text-input {
margin: 0;
padding: 12px 28px 12px 15px;
width: 100%;
border: 2px solid rgba(0,0,0,.12)
}
.widget .mk-searchform .text-input:focus {
border-color: rgba(0,0,0,.25)
}
.widget .mk-searchform i {
position: absolute;
top: 13px;
right: 14px;
opacity: .4
}
.widget .mk-searchform i:hover {
opacity: 1
}
.widget .mk-searchform i svg {
height: 16px
}
.widget .mk-searchform i .search-button {
position: absolute;
top: 0;
left: 0;
display: block;
width: 100%;
height: 100%;
outline: 0;
border: none;
background-color: transparent
}
#mk-footer .mk-searchform .search-button {
color: #fff
}
#mk-footer .mk-searchform .mk-icon-search {
color: rgba(255,255,255,.3)
}
#mk-footer .mk-searchform .text-input {
border-color: rgba(255,255,255,.05);
background-color: rgba(255,255,255,.03)
}
#mk-footer .mk-searchform .text-input:focus {
border-color: rgba(255,255,255,.08)
}
.calendar_wrap {
position: relative;
margin: 5px;
padding: 0;
border: 1px solid #dbdbdb;
background: #f6f6f6;
text-align: center;
border-radius: 2px;
box-shadow: 0 3px 3px rgba(0,0,0,.03)
}
.calendar_wrap .mk-svg-icon {
position: relative;
top: 3px;
fill: #666
}
#wp-calendar {
margin: 0!important;
width: 100%;
border-spacing: 0;
border-collapse: collapse
}
#wp-calendar thead {
border-bottom: 1px solid rgba(0,0,0,.05);
color: #666;
font-size: 12px
}
#wp-calendar caption {
padding: 12px;
background-color: #f2f2f2;
background-color: rgba(0,0,0,.05);
color: #666;
font-weight: 700;
font-size: 12px;
line-height: 10px
}
#wp-calendar th {
padding: 10px 5px;
color: #787573
}
#wp-calendar tbody td {
padding: 12px 2px;
border: 1px solid rgba(0,0,0,.05);
background-color: #fff;
color: #333;
text-align: center;
font-weight: 700;
font-size: 11px;
line-height: 11px
}
#wp-calendar td#today {
color: #fff
}
#wp-calendar a {
color: #666
}
#wp-calendar #next, #wp-calendar #prev {
position: absolute;
top: 4px;
display: block;
margin: 0;
padding: 0;
background: 0
}
#wp-calendar #next a, #wp-calendar #prev a {
position: absolute;
top: 0;
left: 0;
display: block;
text-indent: -9999px
}
#wp-calendar #prev {
left: 5px;
width: 18px;
height: 18px;
border: 0
}
#wp-calendar #prev:before {
content: "\f053";
text-shadow: 1px 1px rgba(255,255,255,.6)
}
#wp-calendar #next {
right: 5px;
width: 18px;
height: 18px;
border: 0
}
#wp-calendar #next:before {
content: "\f054";
text-shadow: 1px 1px rgba(255,255,255,.6)
}
#wp-calendar tfoot .pad {
display: none
}
@media handheld, only screen and (max-width:960px) {
#calendar_wrap {
width: 300px
}
}
.widget_recent_comments li {
display: block;
margin: 0!important;
padding: 10px 0!important;
width: 100%;
border-top: 1px solid rgba(128,128,128,.1)
}
.widget_recent_comments li:first-child {
border-top: none
}
.widget_recent_comments li:before {
margin-right: 7px;
color: #b2b2b2;
content: "\f0e5";
font-size: 16px
}
.widget_recent_comments li .mk-svg-icon {
margin-right: 7px;
fill: #b2b2b2;
height: 16px!important;
width: 16px!important
}
.mk-quick-contact-wrapper {
position: fixed;
right: 10px;
bottom: 15px;
text-align: center;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-perspective: 1000;
perspective: 1000;
-webkit-transform: translateZ(0);
transform: translateZ(0);
transition: all .2s ease-in-out
}
.mk-quick-contact-wrapper.is-active {
right: 70px
}
.mk-quick-contact-wrapper .mk-quick-contact-title {
margin-bottom: 5px;
text-transform: uppercase;
letter-spacing: 1px;
font-weight: 700;
font-size: 13px
}
.mk-quick-contact-wrapper p {
color: #888
}
.mk-quick-contact-wrapper .mk-contact-form {
position: relative
}
.mk-quick-contact-wrapper .mk-contact-form .text-input, .mk-quick-contact-wrapper .mk-contact-form .textarea {
padding: 11px;
width: 240px;
border: 0;
margin-bottom: 7px;
font-size: 14px;
border: 1px solid transparent;
background-color: #f7f7f7
}
.mk-quick-contact-wrapper .mk-contact-form .text-input:focus, .mk-quick-contact-wrapper .mk-contact-form .textarea:focus {
background-color: #fff;
color: #666
}
.mk-quick-contact-wrapper .mk-contact-form .text-input::-webkit-input-placeholder, .mk-quick-contact-wrapper .mk-contact-form .textarea::-webkit-input-placeholder {
font-size:12px;
color:#999
}
.mk-quick-contact-wrapper .mk-contact-form .text-input:-ms-input-placeholder, .mk-quick-contact-wrapper .mk-contact-form .textarea:-ms-input-placeholder {
font-size:12px;
color:#999
}
.mk-quick-contact-wrapper .mk-contact-form .text-input:-moz-placeholder, .mk-quick-contact-wrapper .mk-contact-form .textarea:-moz-placeholder {
font-size:12px;
color:#999
}
.mk-quick-contact-wrapper .mk-contact-form .textarea {
height: 100px;
margin-bottom: 10px
}
.mk-quick-contact-wrapper .mk-contact-form .btn-cont {
text-align: center
}
.mk-quick-contact-wrapper .mk-contact-form .btn-cont .mk-button {
margin: 10px auto
}
.mk-quick-contact-wrapper .mk-contact-form .mk-contact-loading, .mk-quick-contact-wrapper .mk-contact-form .mk-contact-success {
right: 10px;
bottom: 12px
}
.mk-quick-contact-wrapper .captcha-change-image {
display: block;
font-size: 10px
}
#mk-quick-contact {
position: absolute;
right: -3px;
bottom: 60px;
display: none;
padding: 25px 12px;
background-color: #e8e8e8;
-webkit-transform: scale(.95);
-ms-transform: scale(.95);
transform: scale(.95);
-webkit-transform-origin: 100% 100%;
-ms-transform-origin: 100% 100%;
transform-origin: 100% 100%
}
#mk-quick-contact .bottom-arrow {
position: absolute;
right: 20px;
bottom: -4px;
display: block;
width: 14px;
height: 14px;
border-top: none;
border-left: none;
background-color: #e8e8e8;
content: "";
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg)
}
.quick-contact-anim {
-webkit-animation: contact_scale_up, .2s, 0, cubic-bezier(.175, .885, .345, 1.57);
animation: contact_scale_up, .2s, 0, cubic-bezier(.175, .885, .345, 1.57);
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards
}
@-webkit-keyframes contact_scale_up {
to {
-webkit-transform:scale(1);
transform:scale(1)
}
}
@keyframes contact_scale_up {
to {
-webkit-transform:scale(1);
transform:scale(1)
}
}
.mk-quick-contact-link {
display: block;
width: 45px;
height: 45px;
background-color: #ccc;
background-color: rgba(0,0,0,.4)
}
.mk-quick-contact-link svg {
position: absolute;
top: 12px;
left: 12px;
fill: #fff;
height: 20px;
width: 20px
}
.widget #lang_sel_click {
height: 34px
}
.widget #lang_sel_click li {
margin-left: 0
}
.widget #lang_sel_click a {
line-height: 32px
}
.widget #lang_sel_click a.lang_sel_sel {
background-position: 97% center!important
}
.widget #lang_sel_click img.iclflag {
top: 0
}
.widget #lang_sel_click li {
width: 100%
}
.widget #lang_sel_click ul ul {
top: 33px;
width: 100%
}
.alignleft, img.alignleft {
display: inline;
float: left;
margin-right: 1.5em;
margin-bottom: 1.5em
}
.alignright, img.alignright {
display: inline;
float: right;
margin-left: 1.5em;
margin-bottom: 1.5em
}
.aligncenter, img.aligncenter {
clear: both;
display: block;
margin-left: auto;
margin-right: auto;
margin-bottom: 1.5em
}
.wp-caption {
text-align: center;
margin-bottom: 1.5em
}
.wp-caption img {
border: 0 none;
margin: 0;
padding: 0
}
.wp-caption p.wp-caption-text {
margin: 0;
padding: 10px
}
.wp-smiley {
max-height: 1em;
margin: 0!important
}
.gallery {
margin: 0 auto 18px;
text-align: center
}
.gallery .gallery-item {
margin-top: 0;
text-align: center;
width: 33%
}
.gallery-columns-2 .gallery-item {
width: 50%
}
.gallery-columns-4 .gallery-item {
width: 25%
}
.gallery img {
border: 6px solid rgba(0,0,0,.1)
}
.gallery img:hover {
filter:alpha(opacity=@opacity * 100);
-moz-opacity: 70;
-khtml-opacity: 70;
opacity: 70;
opacity: .7
}
.gallery-columns-2 .attachment-medium {
max-width: 92%;
height: auto
}
.gallery-columns-4 .attachment-thumbnail {
max-width: 84%;
height: auto
}
.gallery .gallery-caption {
font-size: 11px;
padding: 6px 20px
}
.gallery dl, .gallery dt {
margin: 0
}
.gallery br+br {
display: none
}
blockquote {
position: relative;
background-color: #f6f6f6;
background-color: rgba(0,0,0,.05);
padding: 15px 15px 15px 70px
}
blockquote:before {
position: absolute;
background-image: url('data:image/svg+xml; utf8, ');
content: "";
display: block;
left: 20px;
top: 20px;
width: 32px;
height: 35px
}
blockquote.left {
float: left;
margin-left: 0;
margin-right: 20px;
text-align: right;
width: 33%
}
blockquote.right {
float: right;
margin-left: 20px;
margin-right: 0;
text-align: left;
width: 33%
}
/*
table {
text-align: left;
border-collapse: collapse;
width: 100%;
padding: 0;
margin: 0;
overflow: hidden;
margin-bottom: 30px
}
table th {
text-align: center;
padding: 18px 12px;
font-weight: 700;
text-transform: uppercase;
font-size: 14px
}
table tfoot td {
padding: 6px
}
table td {
text-align: center;
padding: 12px
}
*/
.gform_wrapper select {
padding: 12px 14px 12px 20px!important
}
.gform_wrapper input[type=email], .gform_wrapper input[type=number], .gform_wrapper input[type=password], .gform_wrapper input[type=tel], .gform_wrapper input[type=text], .gform_wrapper input[type=url] {
font-size: 13px!important;
color: #767676!important;
padding: 10px!important;
background-color: #fafafa!important;
border: 1px solid #e3e3e3!important
}
.gform_wrapper input[type=email]:focus, .gform_wrapper input[type=number]:focus, .gform_wrapper input[type=password]:focus, .gform_wrapper input[type=tel]:focus, .gform_wrapper input[type=text]:focus, .gform_wrapper input[type=url]:focus {
background-color: #fff!important
}
.gform_wrapper .button {
margin-right: 10px!important;
border: none!important;
outline: 0!important;
color: #fff!important;
font-size: 13px;
line-height: 13px!important;
padding: 12px 15px!important;
text-transform: uppercase;
border-radius: 2px;
vertical-align: top;
background-image: none!important;
letter-spacing: 1px;
display: inline-block
}
.gform_wrapper .button:hover {
background-color: #252525!important
}
.gform_wrapper.gf_browser_chrome .gfield_checkbox li input, .gform_wrapper.gf_browser_chrome .gfield_checkbox li input[type=checkbox], .gform_wrapper.gf_browser_chrome .gfield_radio li input[type=radio] {
margin-left: 2px
}
.gform_wrapper form li, .gform_wrapper li {
padding-bottom: 10px
}
.gform_wrapper .top_label .gfield_label {
margin-bottom: 6px!important
}
@media only screen and (max-width:550px) {
.gform_wrapper .ginput_complex .ginput_left, .gform_wrapper .ginput_complex .ginput_right, .gform_wrapper .top_label input.medium, .gform_wrapper .top_label li.gfield.gf_left_half, .gform_wrapper .top_label li.gfield.gf_left_third, .gform_wrapper .top_label li.gfield.gf_middle_third, .gform_wrapper .top_label li.gfield.gf_right_half, .gform_wrapper .top_label select.medium {
width: 99%!important;
margin-top: 10px;
float: none!important
}
}
@media screen and (max-width:600px) {
#wpadminbar {
position: fixed!important
}
}
.wpcf7-form p {
margin-bottom: 10px!important
}
.wpcf7-form .wpcf7-text, .wpcf7-form .wpcf7-textarea {
box-sizing: border-box
}
.wpcf7-form .wpcf7-textarea {
width: 80%
}
@media handheld, only screen and (max-width:767px) {
.wpcf7-form .wpcf7-email, .wpcf7-form .wpcf7-text, .wpcf7-form .wpcf7-textarea {
width: 100%
}
}
div.wpcf7-response-output {
position: relative;
display: inline-block;
margin: 0;
padding: 20px;
border-radius: 4px
}
div.wpcf7-mail-sent-ok {
border: 2px solid #72dd9d;
background-color: #b8f4d0
}
div.wpcf7-mail-sent-ng {
border: 2px solid #afe0ee;
background-color: #d1eff8
}
div.wpcf7-spam-blocked {
border: 2px solid #fd8585;
background-color: #fac6bf
}
div.wpcf7-validation-errors {
border: 2px solid #e0c069;
background-color: #fbf1c8
}
span.wpcf7-form-control-wrap {
position: relative
}
span.wpcf7-not-valid-tip {
position: absolute;
top: 7px;
right: 14px;
color: red;
font-size: 12px
}
span.wpcf7-not-valid-tip-no-ajax {
display: block;
color: red;
font-size: 12px
}
span.wpcf7-list-item {
margin-left: .5em
}
.wpcf7-display-none {
display: none
}
div.wpcf7 img.ajax-loader {
margin-bottom: 15px;
margin-left: 4px;
border: none;
vertical-align: middle
}
div.wpcf7 .placeheld {
color: #888
}
div.wpcf7 .screen-reader-response {
position: absolute;
overflow: hidden;
clip: rect(1px,1px,1px,1px);
height: 1px;
width: 1px;
margin: 0;
padding: 0;
border: 0
}
div.wpcf7-mail-sent-ok {
border: 2px solid #398f14
}
div.wpcf7-mail-sent-ng {
border: 2px solid red
}
div.wpcf7-spam-blocked {
border: 2px solid orange
}
div.wpcf7-validation-errors {
border: 2px solid #f7e700
}
.wpcf7-submit {
position: relative;
display: inline-block;
margin-right: 10px;
margin-bottom: 20px;
padding: 13px 35px;
letter-spacing: 1px;
outline: 0;
color: #252525;
vertical-align: middle;
text-align: center;
text-transform: uppercase;
font-weight: 700;
font-size: 12px;
line-height: 100%;
cursor: pointer;
zoom: 1;
border: 1px solid #252525;
background-color: transparent;
border-radius: 2px;
transition: color .2s ease-in-out, background .2s ease-in-out, border .2s ease-in-out
}
.wpcf7-submit:hover {
background-color: #252525;
color: #fff
}
.swiper-slide-bg {
width: 100%;
height: 100%;
background-size: cover;
position: absolute;
left: 0;
top: 0
}
.visible-dt, .visible-dt-v2, .visible-nb, .visible-sm, .visible-tl, .visible-tl-v2 {
display: none
}
@media only screen and (max-width:765px) {
.hidden-sm {
display: none!important
}
.visible-sm {
display: block!important
}
.visible-sm.center-y {
display: -webkit-box!important;
display: -ms-flexbox!important;
display: flex!important
}
}
@media only screen and (max-width:1024px) {
.hidden-nb {
display: none!important
}
.visible-nb {
display: block!important
}
.visible-nb.center-y {
display: -webkit-box!important;
display: -ms-flexbox!important;
display: flex!important
}
}
@media only screen and (min-width:768px) and (max-width:1024px) {
.hidden-tl {
display: none!important
}
.visible-tl {
display: block!important
}
.visible-tl.center-y {
display: -webkit-box!important;
display: -ms-flexbox!important;
display: flex!important
}
}
@media only screen and (min-width:768px) and (max-width:1280px) {
.hidden-tl-v2 {
display: none!important
}
.visible-tl-v2 {
display: block!important
}
.visible-tl-v2.center-y {
display: -webkit-box!important;
display: -ms-flexbox!important;
display: flex!important
}
}
@media only screen and (min-width:1224px) {
.hidden-dt {
display: none!important
}
.visible-dt {
display: block!important
}
.visible-dt.center-y {
display: -webkit-box!important;
display: -ms-flexbox!important;
display: flex!important
}
}
@media only screen and (min-width:1290px) {
.hidden-dt-v2 {
display: none!important
}
.visible-dt-v2 {
display: block!important
}
.visible-dt-v2.center-y {
display: -webkit-box!important;
display: -ms-flexbox!important;
display: flex!important
}
}
@media only screen and (min-width:320px) and (max-width:480px) {
.no-smartphone {
display: none!important
}
}
@media only screen and (min-width:768px) and (max-width:1024px) {
.no-ipad {
display: none!important
}
}
@media only screen and (-webkit-min-device-pixel-ratio:1.5), only screen and (min-device-pixel-ratio:1.5) {
.no-iphone {
display: none!important
}
}
.mk-fancy-title p, .mk-mini-callout p, .mk-title-box p, .pricing-offer-grid p {
color: inherit!important;
font-size: inherit!important;
line-height: inherit!important
}
.js-el[data-mk-component=FullHeight] {
min-height: 100vh
}
.admin-bar .js-el[data-mk-component=FullHeight] {
min-height: calc(100vh - 32px)
}
.mk-svg-icon {
width: auto;
height: auto;
fill: currentColor
}
.mk-svg-icon-wrapper {
line-height: normal;
vertical-align: middle
}
[class*=" mk-icon-"] .mk-svg-icon path, [class*=" mk-jupiter-icon-"] .mk-svg-icon path, [class*=" mk-li-"] .mk-svg-icon path, [class^=mk-icon-] .mk-svg-icon path, [class^=mk-jupiter-icon-] .mk-svg-icon path, [class^=mk-li-] .mk-svg-icon path {
-webkit-transform: translateY(1%);
-ms-transform: translateY(1%);
transform: translateY(1%)
}
.center-icon {
display: -webkit-inline-box!important;
display: -ms-inline-flexbox!important;
display: inline-flex!important;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
.center-icon .mk-svg-icon {
margin: 0 auto
}
.mk-svg-icon-wrapper {
display: inline-block;
width: 100%;
position: relative
}
.mk-svg-icon-wrapper img, .mk-svg-icon-wrapper svg {
display: inline-block
}
#wp-calendar #next:before, #wp-calendar #prev:before, .blog-blockquote-content:before, .ls-jupiter .ls-nav-next:before, .ls-jupiter .ls-nav-prev:before, .main-navigation-ul li.with-menu>a:before, .mk-accordion-tab:before, .mk-blockquote.quote-style:before, .mk-jupiter-icon-simple-xing:before, .mk-jupiter-icon-square-xing:before, .mk-jupiter-icon-xing:before, .mk-main-navigation ul:before, .mk-toggle-title:before, .mk-tweet-list li:before, .mk-woocommerce-pagination .next:before, .mk-woocommerce-pagination .prev:before, .product-loading-icon:before, .sf-sub-indicator:before, .tw_list .tweet_list li a:before, .widget-sub-navigation li a:before, .widget_archive li a:before, .widget_authors li a:before, .widget_categories li a:before, .widget_links li a:before, .widget_meta li a:before, .widget_nav_menu li a:before, .widget_pages li a:before, .widget_popular_tags li a:before, .widget_product_categories li a:before, .widget_recent_comments li:before, .widget_recent_entries li a:before, .widget_rss li a:before, [class*=" mk-icon-"]:before, [class*=" mk-jupiter-icon-"]:before, [class*=" mk-li-"]:before, [class*=" mk-moon-"]:before, [class^=mk-icon-]:before, [class^=mk-jupiter-icon-]:before, [class^=mk-li-]:before, [class^=mk-moon-]:before {
display: none!important
}
#wp-calendar #next:before, #wp-calendar #prev:before, .blog-blockquote-content:before, .ls-bottom-slidebuttons a, .ls-nav-next, .ls-nav-prev, .main-navigation-ul li.with-menu>a:before, .mk-accordion-tab:before, .mk-blockquote.quote-style:before, .mk-jupiter-icon-simple-xing:before, .mk-main-navigation ul:before, .mk-toggle-title:before, .mk-tweet-list li:before, .sf-sub-indicator:before, .tw_list .tweet_list li a:before, .widget-sub-navigation li a:before, .widget_archive li a:before, .widget_authors li a:before, .widget_categories li a:before, .widget_links li a:before, .widget_meta li a:before, .widget_nav_menu li a:before, .widget_pages li a:before, .widget_popular_tags li a:before, .widget_product_categories li a:before, .widget_recent_comments li:before, .widget_recent_entries li a:before, .widget_rss li a:before, [class*=" mk-icon-"], [class^=mk-icon-] {
font-weight: 400;
font-style: normal;
text-decoration: inherit;
-webkit-font-smoothing: antialiased;
display: inline;
width: auto;
height: auto;
line-height: normal;
vertical-align: middle;
background-image: none;
background-position: 0 0;
background-repeat: repeat;
margin-top: 0
}
[class*=" mk-icon-"]:before, [class^=mk-icon-]:before {
text-decoration: inherit;
display: inline-block;
speak: none
}
a [class*=" mk-icon-"], a [class^=mk-icon-] {
display: inline-block
}
.mk-jupiter-icon-square-xing:before, .mk-jupiter-icon-xing:before, .mk-woocommerce-pagination .next:before, .mk-woocommerce-pagination .prev:before, .product-loading-icon:before, [class*=" mk-moon-"], [class^=mk-moon-] {
font-weight: 400;
font-style: normal;
text-decoration: inherit;
-webkit-font-smoothing: antialiased;
display: inline;
background-image: none;
background-position: 0 0;
background-repeat: repeat;
margin-top: 0;
vertical-align: middle;
direction: ltr
}
[class*=" mk-moon-"], [class^=mk-moon-] {
display: inline-block;
line-height: 1
}
a [class*=" mk-moon-"], a [class^=mk-moon-] {
display: inline-block
}
.rtl #theme-page [class*=" mk-moon-"], .rtl #theme-page [class^=mk-moon-] {
font-family: Icomoon!important
}
[class*=" mk-li-"], [class^=mk-li-] {
display: inline-block;
speak: none;
font-style: normal;
font-weight: 400;
font-variant: normal;
text-transform: none;
line-height: 1;
vertical-align: middle;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale
}
[class*=" mk-jupiter-icon-"], [class^=mk-jupiter-icon-] {
speak: none;
font-style: normal;
font-weight: 400;
font-variant: normal;
text-transform: none;
line-height: 1;
vertical-align: middle;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale
}
.ls-jupiter .ls-nav-next, .ls-jupiter .ls-nav-prev {
background-repeat: no-repeat;
background-position: center
}
.ls-jupiter .ls-nav-prev {
background-image: url('data:image/svg+xml; utf8, ')
}
.ls-jupiter .ls-nav-next {
background-image: url('data:image/svg+xml; utf8, ')
}/*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */
.fancybox-image, .fancybox-inner, .fancybox-nav, .fancybox-nav span, .fancybox-outer, .fancybox-skin, .fancybox-tmp, .fancybox-wrap, .fancybox-wrap iframe, .fancybox-wrap object {
padding: 0;
margin: 0;
border: 0;
outline: 0;
vertical-align: top
}
.fancybox-wrap {
position: absolute;
top: 0;
left: 0
}
.fancybox-skin {
position: relative;
background: #f9f9f9;
color: #444;
text-shadow: none
}
.fancybox-inner, .fancybox-outer {
position: relative
}
.fancybox-inner {
overflow: hidden
}
.fancybox-type-iframe .fancybox-inner {
-webkit-overflow-scrolling: touch
}
.fancybox-error {
color: #444;
font: 14px/20px "Helvetica Neue", Helvetica, Arial, sans-serif;
margin: 0;
padding: 15px;
white-space: nowrap
}
.fancybox-iframe, .fancybox-image {
display: block;
width: 100%;
height: 100%
}
.fancybox-image {
max-width: 100%;
max-height: 100%
}
#fancybox-loading {
background-image: url(//cdn.nexternal.com/../images/fancybox/fancybox_sprite.png)
}
#fancybox-loading {
position: fixed;
top: 50%;
left: 50%;
margin-top: -22px;
margin-left: -22px;
background-position: 0 -108px;
opacity: .8;
cursor: pointer
}
#fancybox-loading div {
width: 44px;
height: 44px;
background: url(//cdn.nexternal.com/../images/fancybox/fancybox_loading.gif) center center no-repeat
}
.fancybox-close {
position: absolute;
top: 30px;
right: 30px;
width: 30px;
height: 30px;
cursor: pointer;
color: #fff;
background-color: rgba(0,0,0,.3);
border-radius: 2px;
text-align: center
}
.fancybox-close i {
font-size: 16px;
line-height: 30px;
display: block!important
}
.fancybox-close .mk-svg-icon {
height: 16px;
fill: #fff;
-webkit-transform: translateY(10%);
-ms-transform: translateY(10%);
transform: translateY(10%)
}
.fancybox-close:hover {
background-color: rgba(0,0,0,.5)
}
.fancybox-nav {
position: absolute;
top: 25%;
width: 40%;
height: 50%;
cursor: pointer;
text-decoration: none;
background: transparent url(//cdn.nexternal.com/../images/fancybox/blank.gif);
-webkit-tap-highlight-color: transparent
}
.fancybox-prev {
left: 0
}
.fancybox-next {
right: 0
}
.fancybox-nav span {
position: absolute;
top: 50%;
width: 60px;
height: 60px;
margin-top: -25px;
cursor: pointer;
visibility: hidden;
color: #fff;
background-color: rgba(0,0,0,.3);
border-radius: 2px;
text-align: center
}
@media handheld, only screen and (max-width:768px) {
.fancybox-nav span {
visibility: visible!important;
width: 30px;
height: 30px;
margin-top: -15px
}
}
@media only screen and (min-device-width:481px) and (max-device-width:1024px) and (orientation:landscape) {
.fancybox-nav span {
visibility: visible!important
}
}
.fancybox-nav span i {
font-size: 16px;
line-height: 60px
}
.fancybox-nav span .mk-svg-icon {
height: 16px;
-webkit-transform: translateY(10%);
-ms-transform: translateY(10%);
transform: translateY(10%)
}
@media handheld, only screen and (max-width:768px) {
.fancybox-nav span i {
line-height: 30px
}
}
.fancybox-nav span:hover {
background-color: rgba(0,0,0,.5)
}
.fancybox-prev span {
left: 20px
}
.fancybox-next span {
right: 20px
}
.fancybox-nav:hover span {
visibility: visible
}
.fancybox-tmp {
position: absolute;
top: -99999px;
left: -99999px;
max-width: 99999px;
max-height: 99999px;
overflow: visible!important
}
.fancybox-lock {
overflow: visible!important;
width: auto
}
.fancybox-lock body {
overflow: hidden!important
}
.fancybox-lock-test {
overflow-y: hidden!important
}
.fancybox-overlay {
position: absolute;
top: 0;
left: 0;
overflow: hidden;
display: none;
background: url(//cdn.nexternal.com/../images/fancybox/fancybox_overlay.png)
}
.fancybox-overlay-fixed {
position: fixed;
bottom: 0;
right: 0
}
.fancybox-lock .fancybox-overlay {
overflow: auto;
overflow-y: scroll
}
.fancybox-title {
visibility: hidden;
position: relative;
margin-right: 45px
}
.fancybox-opened .fancybox-title {
visibility: visible
}
.fancybox-title-float-wrap {
margin-top: 10px
}
.fancybox-title-float-wrap .child {
display: inline-block;
font-size: 16px;
text-transform: uppercase;
color: #444;
line-height: 24px
}
.fancybox-title-outside-wrap {
position: relative;
margin-top: 10px;
color: #fff
}
.fancybox-title-inside-wrap {
padding-top: 10px
}
.fancybox-title-over-wrap {
position: absolute;
bottom: 0;
left: 0;
color: #fff;
padding: 10px;
background: #000;
background: rgba(0,0,0,.8)
}
.mk-modal {
position: fixed;
width: 100%;
height: 100%;
top: 0;
left: 0;
background-color: rgba(0,0,0,.6);
z-index: 9999;
opacity: 0;
transition: opacity .2s linear
}
.mk-modal.vertical-center {
text-align: center
}
.mk-modal.vertical-center:before {
content: '';
display: inline-block;
height: 100%;
vertical-align: middle
}
.mk-modal.vertical-center .mk-modal-container {
display: inline-block;
vertical-align: middle;
margin: 0 auto;
max-width: 100%;
text-align: left
}
.mk-modal .mk-modal-container {
opacity: 0;
-webkit-transform: scale(.9);
-ms-transform: scale(.9);
transform: scale(.9);
transition: opacity .2s linear, -webkit-transform .2s linear;
transition: opacity .2s linear, transform .2s linear;
transition: opacity .2s linear, transform .2s linear, -webkit-transform .2s linear
}
.mk-modal.is-active {
opacity: 1
}
.mk-modal.is-active .mk-modal-container {
opacity: 1;
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1)
}
.mk-modal .mk-modal-header {
text-align: right
}
.mk-modal .mk-modal-header .modal-close svg {
display: block
}
.mk-modal.close-inside .mk-modal-container {
position: relative
}
.mk-modal.close-inside .mk-modal-header .modal-close {
position: absolute;
top: 20px;
right: 20px;
z-index: 20
}
.mk-modal.close-inside .mk-modal-header .modal-close svg line {
stroke: #231f20
}
.mk-modal.close-outside .mk-modal-container {
position: relative
}
.mk-modal.close-outside .mk-modal-header .modal-close {
position: absolute;
top: 20px;
right: 20px;
z-index: 20
}
.mk-edge-nav a {
position: absolute;
top: 50%;
display: block;
outline: 0;
text-align: left;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
cursor: pointer
}
.mk-edge-nav a.mk-edge-prev {
left: 0
}
.mk-edge-nav a.mk-edge-next {
right: 0
}
.mk-edge-next svg, .mk-edge-prev svg {
display: block;
margin: 0 auto;
padding: 0;
height: 16px;
vertical-align: middle
}
.nav-item-caption {
overflow: hidden;
text-overflow: ellipsis;
text-transform: uppercase;
white-space: nowrap
}
.nav-roundslide a {
margin: 0 20px;
width: 62px;
height: 62px;
border-radius: 40px;
transition: all .3s;
overflow: hidden;
transition-delay: .1s
}
.nav-roundslide .mk-svg-icon {
transition-delay: .1s
}
.nav-roundslide .nav-item-caption {
transition: color .3s
}
.nav-roundslide .mk-edge-icon-wrap {
position: absolute;
padding: 24px
}
.nav-roundslide a.mk-edge-prev .mk-edge-icon-wrap {
left: 0
}
.nav-roundslide a.mk-edge-next .mk-edge-icon-wrap {
right: 0
}
.nav-roundslide .nav-item-caption {
font-weight: 700;
font-size: 13px;
position: absolute;
padding: 20px 10px;
width: 130px;
top: 0;
margin: 0;
opacity: 0;
transition: opacity .3s, -webkit-transform .3s;
transition: opacity .3s, transform .3s;
transition: opacity .3s, transform .3s, -webkit-transform .3s;
transition-delay: 0s
}
.nav-roundslide a.mk-edge-prev .nav-item-caption {
right: 10px;
-webkit-transform: translateX(100%);
-ms-transform: translateX(100%);
transform: translateX(100%)
}
.nav-roundslide a.mk-edge-next .nav-item-caption {
left: 10px;
-webkit-transform: translateX(-100%);
-ms-transform: translateX(-100%);
transform: translateX(-100%)
}
.nav-roundslide a:hover {
width: 200px;
transition-delay: 0s
}
.nav-roundslide a:hover .nav-item-caption {
opacity: 1;
transition-delay: .1s;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0)
}
.nav-roundslide a[data-skin=dark] {
background-color: rgba(0,0,0,0);
border: 2px solid #333
}
.nav-roundslide a[data-skin=dark] .nav-item-caption {
color: #333
}
.nav-roundslide a[data-skin=dark] .mk-svg-icon {
fill: #333
}
.nav-roundslide a[data-skin=dark]:hover {
background-color: rgba(0,0,0,.2)
}
.nav-roundslide a[data-skin=light] {
background-color: rgba(255,255,255,0);
border: 2px solid #fff
}
.nav-roundslide a[data-skin=light] .nav-item-caption {
color: #fff
}
.nav-roundslide a[data-skin=light] .mk-svg-icon {
fill: #fff
}
.nav-roundslide a[data-skin=light]:hover {
background-color: rgba(255,255,255,.2)
}
.nav-round a {
margin: 0 20px;
width: 62px;
height: 62px;
border-radius: 50%;
transition: all .5s;
overflow: hidden
}
.nav-round .nav-item-caption {
display: none!important
}
.nav-round .mk-edge-icon-wrap {
position: absolute;
padding: 24px
}
.nav-round a.mk-edge-prev .mk-edge-icon-wrap {
left: 0
}
.nav-round a.mk-edge-next .mk-edge-icon-wrap {
right: 0
}
.nav-round a[data-skin=dark] {
background-color: rgba(0,0,0,0);
border: 2px solid #333
}
.nav-round a[data-skin=dark] .mk-svg-icon {
fill: #333
}
.nav-round a[data-skin=dark]:hover {
background-color: rgba(0,0,0,.2)
}
.nav-round a[data-skin=light] {
background-color: rgba(255,255,255,0);
border: 2px solid #fff
}
.nav-round a[data-skin=light] .mk-svg-icon {
fill: #fff
}
.nav-round a[data-skin=light]:hover {
background-color: rgba(255,255,255,.2)
}
.nav-slit .mk-edge-icon-wrap {
position: relative;
display: block;
width: 40px;
height: 125px;
text-align: center
}
.nav-slit svg {
transition: -webkit-transform .3s .1s;
transition: transform .3s .1s;
transition: transform .3s .1s, -webkit-transform .3s .1s;
fill: #fff;
-webkit-transform: translateY(55px);
-ms-transform: translateY(55px);
transform: translateY(55px)
}
.nav-slit div {
position: absolute;
top: 0;
width: 200px;
height: 100%;
transition: -webkit-transform .3s .1s;
transition: transform .3s .1s;
transition: transform .3s .1s, -webkit-transform .3s .1s;
-webkit-perspective: 1000px;
perspective: 1000px
}
.nav-slit a.mk-edge-prev div {
left: 0;
-webkit-transform: translateX(-100%);
-ms-transform: translateX(-100%);
transform: translateX(-100%)
}
.nav-slit a.mk-edge-next div {
right: 0;
text-align: left;
-webkit-transform: translateX(100%);
-ms-transform: translateX(100%);
transform: translateX(100%)
}
.nav-slit .nav-item-caption {
position: absolute;
top: 124px;
margin: 0;
padding: 0 20px;
width: 160px;
height: 38px;
color: #fff;
text-transform: uppercase;
white-space: nowrap;
letter-spacing: 1px;
font-weight: 400;
font-size: .75em;
line-height: 38px;
transition: -webkit-transform .3s;
transition: transform .3s;
transition: transform .3s, -webkit-transform .3s;
-webkit-transform: rotateX(-90deg);
transform: rotateX(-90deg);
-webkit-transform-origin: 50% 0;
-ms-transform-origin: 50% 0;
transform-origin: 50% 0;
text-shadow: 1px 1px 1px rgba(255,255,255,.004);
-webkit-backface-visibility: hidden;
backface-visibility: hidden
}
.nav-slit .edge-nav-bg {
position: absolute;
top: 0;
left: 0;
width: 100%;
display: block;
width: 200px;
height: 125px;
background-size: cover
}
.nav-slit a:hover svg {
transition-delay: 0s
}
.nav-slit a.mk-edge-prev:hover svg {
-webkit-transform: translateX(-50%) translateY(46px);
-ms-transform: translateX(-50%) translateY(46px);
transform: translateX(-50%) translateY(46px)
}
.nav-slit a.mk-edge-next:hover svg {
-webkit-transform: translateX(50%) translateY(46px);
-ms-transform: translateX(50%) translateY(46px);
transform: translateX(50%) translateY(46px)
}
.nav-slit a:hover div {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0)
}
.nav-slit a:hover .nav-item-caption {
transition-delay: .2s;
-webkit-transform: rotateX(0);
transform: rotateX(0)
}
.nav-slit a[data-skin=dark] .mk-edge-icon-wrap, .nav-slit a[data-skin=light] .mk-edge-icon-wrap {
background-color: #333;
background-color: rgba(50,50,50,.8);
transition: background-color .3s
}
.nav-slit a[data-skin=dark] .nav-item-caption, .nav-slit a[data-skin=dark] div, .nav-slit a[data-skin=light] .nav-item-caption, .nav-slit a[data-skin=light] div {
background-color: #333
}
.nav-slit a[data-skin=dark]:hover .mk-edge-icon-wrap, .nav-slit a[data-skin=light]:hover .mk-edge-icon-wrap {
background-color: #323232
}
.nav-thumbflip a {
-webkit-perspective: 1000px;
perspective: 1000px
}
.nav-thumbflip .nav-item-caption {
display: none!important
}
.nav-thumbflip a.mk-edge-prev {
-webkit-perspective-origin: 100% 50%;
perspective-origin: 100% 50%
}
.nav-thumbflip a.mk-edge-next {
-webkit-perspective-origin: 0 50%;
perspective-origin: 0 50%
}
.nav-thumbflip svg {
-webkit-transform: translateY(38px);
-ms-transform: translateY(38px);
transform: translateY(38px);
fill: #fff
}
.nav-thumbflip .edge-nav-bg {
position: absolute;
top: 0;
width: 95px;
height: 95px;
background-size: cover;
background-position: center;
transition: -webkit-transform .15s ease-out;
transition: transform .15s ease-out;
transition: transform .15s ease-out, -webkit-transform .15s ease-out;
-webkit-backface-visibility: hidden;
backface-visibility: hidden
}
.nav-thumbflip a.mk-edge-prev .edge-nav-bg {
left: 100%;
-webkit-transform: rotateY(90deg);
transform: rotateY(90deg);
-webkit-transform-origin: 0 50%;
-ms-transform-origin: 0 50%;
transform-origin: 0 50%
}
.nav-thumbflip a.mk-edge-next .edge-nav-bg {
right: 100%;
-webkit-transform: rotateY(-90deg);
transform: rotateY(-90deg);
-webkit-transform-origin: 100% 50%;
-ms-transform-origin: 100% 50%;
transform-origin: 100% 50%
}
.nav-thumbflip a:hover .edge-nav-bg {
transition: -webkit-transform .25s ease-out;
transition: transform .25s ease-out;
transition: transform .25s ease-out, -webkit-transform .25s ease-out;
-webkit-transform: rotateY(0);
transform: rotateY(0)
}
.nav-thumbflip .mk-edge-icon-wrap {
transition: background-color .3s ease-out;
display: block;
width: 95px;
height: 95px;
text-align: center
}
.nav-thumbflip a[data-skin=dark] .mk-edge-icon-wrap, .nav-thumbflip a[data-skin=dark] div {
background-color: rgba(50,50,50,.3)
}
.nav-thumbflip a[data-skin=dark]:hover .mk-edge-icon-wrap {
background-color: #323232
}
.nav-thumbflip a[data-skin=light] .mk-edge-icon-wrap {
background-color: rgba(255,255,255,.3)
}
.nav-thumbflip a[data-skin=light] div {
background-color: rgba(255,255,255,.3)
}
.nav-thumbflip a[data-skin=light]:hover .mk-edge-icon-wrap {
background-color: #323232
}
.swiper-pagination {
position: absolute;
margin: 0;
padding: 0;
cursor: default;
width: 100%;
bottom: 6%;
text-align: center;
left: 0;
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
.swiper-pagination a {
position: relative;
display: inline-block;
margin: 0 8px;
width: 10px;
height: 10px;
cursor: pointer
}
.swiper-pagination a span {
top: 0;
left: 0;
width: 100%;
height: 100%;
outline: 0;
border-radius: 50%;
cursor: pointer;
position: absolute
}
.swiper-pagination[data-skin=dark] span {
background-color: #333;
background-color: rgba(0,0,0,.8)
}
.swiper-pagination[data-skin=light] span {
background-color: #fff;
background-color: rgba(255,255,255,.3)
}
.pagination-stroke span {
transition: box-shadow .3s ease, background-color .3s ease
}
.pagination-stroke[data-skin=dark] span {
box-shadow: 0 0 0 2px transparent
}
.pagination-stroke[data-skin=dark] a:focus span, .pagination-stroke[data-skin=dark] a:hover span {
background-color: #333
}
.pagination-stroke[data-skin=dark] a.is-active span {
background-color: transparent;
box-shadow: 0 0 0 2px #333
}
.pagination-stroke[data-skin=light] span {
box-shadow: 0 0 0 2px rgba(255,255,255,0)
}
.pagination-stroke[data-skin=light] a:focus span, .pagination-stroke[data-skin=light] a:hover span {
background-color: #fff
}
.pagination-stroke[data-skin=light] a.is-active span {
background-color: transparent;
box-shadow: 0 0 0 2px #fff
}
.pagination-small_dot_stroke a {
border-radius: 50%;
transition: box-shadow .3s ease
}
.pagination-small_dot_stroke a span {
transition: background-color .3s ease, -webkit-transform .3s ease;
transition: background-color .3s ease, transform .3s ease;
transition: background-color .3s ease, transform .3s ease, -webkit-transform .3s ease
}
.pagination-small_dot_stroke a.is-active span {
-webkit-transform: scale(.4);
-ms-transform: scale(.4);
transform: scale(.4)
}
.pagination-small_dot_stroke[data-skin=dark] a {
box-shadow: 0 0 0 2px transparent
}
.pagination-small_dot_stroke[data-skin=dark] a span {
background-color: rgba(0,0,0,.7)
}
.pagination-small_dot_stroke[data-skin=dark] a.is-active span, .pagination-small_dot_stroke[data-skin=dark] a:focus span, .pagination-small_dot_stroke[data-skin=dark] a:hover span {
background-color: #333
}
.pagination-small_dot_stroke[data-skin=dark] a.is-active {
box-shadow: 0 0 0 2px #333
}
.pagination-small_dot_stroke[data-skin=light] a {
box-shadow: 0 0 0 2px rgba(255,255,255,0)
}
.pagination-small_dot_stroke[data-skin=light] a span {
background-color: rgba(255,255,255,.7)
}
.pagination-small_dot_stroke[data-skin=light] a.is-active span, .pagination-small_dot_stroke[data-skin=light] a:focus span, .pagination-small_dot_stroke[data-skin=light] a:hover span {
background-color: #fff
}
.pagination-small_dot_stroke[data-skin=light] a.is-active {
box-shadow: 0 0 0 2px #fff
}
.mk-pagination {
margin: 0 auto;
text-align: center;
padding: 65px 0 40px;
position: relative
}
.mk-pagination .mk-pagination-inner {
margin: 0 10px 0 0;
float: left
}
.mk-pagination .current-page, .mk-pagination .page-number {
display: block;
padding: 10px 14px;
line-height: 12px;
font-size: 12px;
margin: 0 6px;
font-weight: 700;
float: left;
border: 2px solid transparent;
color: #9a9a9a;
color: rgba(0,0,0,.4)
}
.mk-pagination .current-page:hover, .mk-pagination .page-number:hover {
border: 2px solid rgba(0,0,0,.4)
}
.mk-pagination .current-page {
border: 2px solid rgba(0,0,0,.4)
}
.mk-pagination .mk-total-pages {
float: right;
opacity: .6
}
.mk-pagination .current-page, .mk-pagination .mk-pagination-next, .mk-pagination .mk-pagination-previous, .mk-pagination .page-number {
transition: all .2s ease
}
.mk-pagination .mk-pagination-next, .mk-pagination .mk-pagination-previous {
display: block;
height: 36px;
width: 38px;
float: left;
color: #9a9a9a;
color: rgba(0,0,0,.4);
border: 2px solid transparent;
position: relative;
box-sizing: border-box
}
.mk-pagination .mk-pagination-next a, .mk-pagination .mk-pagination-previous a {
width: 100%;
height: 100%;
position: absolute;
z-index: 14;
left: 0;
top: 0
}
.mk-pagination .mk-pagination-next svg, .mk-pagination .mk-pagination-previous svg {
height: 20px;
width: 20px;
vertical-align: middle;
-webkit-transform: translateY(2px);
-ms-transform: translateY(2px);
transform: translateY(2px)
}
.mk-pagination .mk-pagination-next:hover, .mk-pagination .mk-pagination-previous:hover {
border: 2px solid rgba(0,0,0,.4)
}
@media handheld, only screen and (max-width:767px) {
.mk-pagination .mk-pagination-inner, .mk-pagination .mk-total-pages {
float: none;
margin: 40px auto 0;
clear: both;
padding-top: 0
}
.mk-pagination .current-page, .mk-pagination .page-number {
float: none;
display: inline-block;
margin-bottom: 6px
}
.mk-pagination .pagination-arrows {
box-sizing: border-box;
position: absolute;
top: 20px;
width: 45%;
border: 2px solid rgba(0,0,0,.2)
}
.mk-pagination .mk-pagination-next {
right: 0
}
.mk-pagination .mk-pagination-previous {
left: 0
}
}
.mk-page-links {
margin: 10px 0 20px 10px;
font-weight: 700
}
.mk-page-links a {
display: inline-block;
line-height: 14px;
font-size: 12px;
margin: 0
}
.mk-loadmore-button {
margin: 40px auto;
background-color: #fff;
color: #252525!important;
font-size: 13px;
display: block;
text-align: center;
padding: 15px 0;
line-height: 16px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 2px;
border-radius: 2px;
border: 2px solid #e2e2e2;
width: 50%;
max-height: 60px;
position: relative
}
.mk-loadmore-button:hover {
background-color: #f5f5f5
}
.mk-loadmore-button svg {
height: 16px;
margin-right: 10px;
fill: #b5b5b5;
vertical-align: middle
}
.mk-loadmore-button.is-active svg {
fill: #e6e6e6
}
.mk-loadmore-button .mk-loading-indicator {
opacity: 0
}
.mk-loadmore-button.is-active .mk-loading-indicator {
opacity: 1
}
@media handheld, only screen and (max-width:767px) {
.mk-loadmore-button {
width: 100%!important
}
}
.mk-post-nav {
position: fixed;
top: 50%;
margin-top: -115px;
text-decoration: none;
width: 260px;
transition: all .6s cubic-bezier(.77, 0, .175, 1);
-webkit-backface-visibility: hidden;
backface-visibility: hidden
}
@media handheld, only screen and (max-width:767px) {
.mk-post-nav {
display: none!important
}
}
.pagnav-wrapper .pagenav-top {
height: 130px;
display: block;
position: relative
}
.pagnav-wrapper .pagenav-top .pagenav-image {
position: absolute;
display: block;
height: 130px
}
.pagnav-wrapper .pagenav-top .pagenav-image img {
height: 130px;
width: 130px;
line-height: 4px
}
.pagnav-wrapper .pagenav-top .mk-pavnav-icon {
position: absolute;
width: 130px;
height: 130px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
background-color: #dfdfdf;
background-color: rgba(0,0,0,.3);
color: #fff;
transition: background .3s ease-out
}
.pagnav-wrapper .pagenav-top .mk-pavnav-icon svg {
vertical-align: middle;
height: 16px;
transition: all .3s ease-in
}
.pagnav-wrapper .nav-info-container {
height: 90px;
width: 260px;
overflow: hidden
}
.pagnav-wrapper .pagenav-bottom {
display: block;
height: inherit;
background-color: #fff;
background-color: rgba(255,255,255,.85);
border: 1px solid #f0f0f0;
width: inherit;
text-align: right;
box-sizing: border-box
}
.pagnav-wrapper .pagenav-title {
display: block;
font-size: 13px;
font-weight: 700;
color: #252525;
line-height: 20px;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
text-transform: uppercase;
padding: 20px 20px 0
}
.pagnav-wrapper .pagenav-category {
font-weight: 500;
font-size: 10px;
text-transform: uppercase;
display: block;
color: #888;
letter-spacing: 1px;
padding: 5px 20px 0;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap
}
.mk-post-next {
right: -200px
}
.mk-post-next .pagenav-image {
right: 0
}
.mk-post-next .mk-pavnav-icon {
left: 0
}
.mk-post-next .mk-pavnav-icon svg {
-webkit-transform: translate(-30px, 0);
-ms-transform: translate(-30px, 0);
transform: translate(-30px, 0)
}
.mk-post-next .pagenav-bottom {
transition: all .3s ease-out .2s;
-webkit-transform: translate(0, -50px);
-ms-transform: translate(0, -50px);
transform: translate(0, -50px);
opacity: 0
}
.mk-post-prev {
left: -200px
}
.mk-post-prev .pagenav-image {
left: 0
}
.mk-post-prev .mk-pavnav-icon {
right: 0
}
.mk-post-prev .mk-pavnav-icon svg {
-webkit-transform: translate(30px, 0);
-ms-transform: translate(30px, 0);
transform: translate(30px, 0)
}
.mk-post-prev .pagenav-bottom {
transition: all .3s ease-in .2s;
-webkit-transform: translate(0, -50px);
-ms-transform: translate(0, -50px);
transform: translate(0, -50px);
opacity: 0
}
.mk-post-nav:hover {
-webkit-transform: translate(0, 0);
-ms-transform: translate(0, 0);
transform: translate(0, 0)
}
.mk-post-nav:hover.mk-post-prev {
left: 0
}
.mk-post-nav:hover.mk-post-next {
right: 0
}
.mk-post-nav:hover .mk-pavnav-icon {
background-color: #252525
}
.mk-post-nav:hover .mk-pavnav-icon svg {
-webkit-transform: translate(0, 0);
-ms-transform: translate(0, 0);
transform: translate(0, 0)
}
.mk-post-nav:hover .pagenav-bottom {
opacity: 1;
-webkit-transform: translate(0, 0);
-ms-transform: translate(0, 0);
transform: translate(0, 0);
transition: all .5s cubic-bezier(.075, .82, .165, 1) .4s
}
.mk-portfolio-item.one-column {
width: 100%
}
.mk-portfolio-item.two-column {
width: 50%
}
.mk-portfolio-item.three-column {
width: 33.3%
}
.mk-portfolio-item.four-column {
width: 24.96%
}
.mk-portfolio-item.five-column {
width: 20%
}
.mk-portfolio-item.six-column {
width: 16.66%
}
@media handheld, only screen and (max-width:1140px) {
.mk-portfolio-item.five-column, .mk-portfolio-item.four-column, .mk-portfolio-item.six-column {
width: 33.3%!important
}
}
@media handheld, only screen and (max-width:960px) {
.mk-portfolio-item.five-column, .mk-portfolio-item.four-column, .mk-portfolio-item.six-column, .mk-portfolio-item.three-column, .mk-portfolio-item.two-column {
width: 49.96%!important
}
}
@media handheld, only screen and (max-width:620px) {
.mk-portfolio-item.five-column, .mk-portfolio-item.four-column, .mk-portfolio-item.six-column, .mk-portfolio-item.three-column, .mk-portfolio-item.two-column {
width: 100%!important
}
}
.mk-portfolio-item .the-title {
padding: 0 20px;
font-size: 14px!important;
line-height: 18px!important;
font-weight: 700;
margin-bottom: 15px;
letter-spacing: 1px;
text-transform: uppercase;
color: #fff!important
}
.mk-portfolio-item .portfolio-categories, .mk-portfolio-item .portfolio-categories a, .mk-portfolio-item .portfolio-date {
line-height: 16px;
font-size: 11px;
letter-spacing: 1px;
color: #aaa
}
.mk-portfolio-item .portfolio-date a {
color: #aaa
}
.mk-portfolio-item .featured-image {
position: relative;
overflow: hidden;
line-height: 4px
}
.mk-portfolio-item .featured-image img {
position: relative;
width: 100%
}
.mk-portfolio-item .featured-image .hover-overlay {
background-color: #000;
-webkit-transform: translate(0, 80%);
-ms-transform: translate(0, 80%);
transform: translate(0, 80%);
transition: opacity .35s, -webkit-transform .35s;
transition: opacity .35s, transform .35s;
transition: opacity .35s, transform .35s, -webkit-transform .35s
}
.mk-portfolio-item.fadebox-hover .portfolio-meta {
position: absolute;
bottom: 20px;
left: 0;
width: 100%;
text-align: center;
text-transform: uppercase;
padding-bottom: 10px;
opacity: 0;
transition: all .3s ease-in-out
}
.mk-portfolio-item.fadebox-hover .portfolio-categories {
letter-spacing: 1px;
font-size: 11px;
padding: 0 20px;
line-height: 16px
}
.mk-portfolio-item.fadebox-hover .portfolio-categories span, .mk-portfolio-item.fadebox-hover .portfolio-date {
color: #fff
}
.mk-portfolio-item.fadebox-hover .add-gradient {
background: linear-gradient(to bottom, rgba(0,0,0,0) 0, rgba(0,0,0,.9) 75%)!important
}
.mk-portfolio-item.fadebox-hover .featured-image:after {
content: '';
display: block;
position: absolute;
top: 0;
left: 0;
background: rgba(0,0,0,.3);
width: 100%;
height: 100%;
opacity: 0;
transition: all .3s ease-out .1s
}
.mk-portfolio-item.fadebox-hover .featured-image .icons-holder {
position: absolute;
top: 20%;
left: 0;
width: 100%;
text-align: center;
opacity: 0;
transition: all .3s ease-in-out
}
.mk-portfolio-item.fadebox-hover .featured-image .icons-holder a {
display: inline-block;
margin: 0 5px;
width: 48px;
height: 48px;
line-height: 50px;
text-align: center;
color: #fff;
opacity: .7
}
.mk-portfolio-item .icons-holder a svg {
overflow: visible
}
.mk-portfolio-item.fadebox-hover .featured-image .icons-holder a svg {
height: 42px;
vertical-align: middle
}
.mk-portfolio-item.fadebox-hover .featured-image .icons-holder a:hover {
opacity: 1
}
.mk-portfolio-item.fadebox-hover .featured-image.hover:after, .mk-portfolio-item.fadebox-hover .featured-image:hover:after {
opacity: 1
}
.mk-portfolio-item.fadebox-hover .featured-image.hover .portfolio-meta, .mk-portfolio-item.fadebox-hover .featured-image:hover .portfolio-meta {
opacity: 1;
bottom: 30px
}
.mk-portfolio-item.fadebox-hover .featured-image.hover .portfolio-categories, .mk-portfolio-item.fadebox-hover .featured-image:hover .portfolio-categories {
opacity: 1
}
.mk-portfolio-item.fadebox-hover .featured-image.hover .hover-overlay, .mk-portfolio-item.fadebox-hover .featured-image:hover .hover-overlay {
opacity: .85;
-webkit-transform: translate(0, 0);
-ms-transform: translate(0, 0);
transform: translate(0, 0)
}
.mk-portfolio-item.fadebox-hover .featured-image.hover .icons-holder, .mk-portfolio-item.fadebox-hover .featured-image:hover .icons-holder {
opacity: 1
}
.mk-portfolio-item.slidebox-hover.five-column .portfolio-meta, .mk-portfolio-item.slidebox-hover.six-column .portfolio-meta {
padding: 15px 10px 20px
}
.mk-portfolio-item.slidebox-hover.five-column .icons-holder, .mk-portfolio-item.slidebox-hover.six-column .icons-holder {
top: 20%
}
.mk-portfolio-item.slidebox-hover.four-column .icons-holder {
top: 25%
}
.mk-portfolio-item.slidebox-hover .portfolio-meta {
position: absolute;
bottom: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
left: 0;
width: 100%;
text-align: center;
padding: 25px 10px 30px;
transition: all .25s ease-out;
background-color: #1a1a1a;
min-height: 60px
}
.mk-portfolio-item.slidebox-hover .icons-holder {
position: absolute;
top: 30%;
left: 50%;
left: 3px;
width: 100%;
text-align: center;
opacity: 0;
-webkit-transform: scale(1.15);
-ms-transform: scale(1.15);
transform: scale(1.15);
transition: all .3s cubic-bezier(.175, .885, .305, 1.42);
transition-delay: .1s
}
.mk-portfolio-item.slidebox-hover .icons-holder a {
display: inline-block;
margin: 0 5px;
width: 48px;
height: 48px;
line-height: 50px;
text-align: center;
color: #fff;
transition: all .25s;
opacity: .7;
vertical-align: middle
}
.mk-portfolio-item.slidebox-hover .icons-holder a svg {
height: 42px;
vertical-align: middle
}
.mk-portfolio-item.slidebox-hover .icons-holder a:hover {
opacity: 1
}
.mk-portfolio-item.slidebox-hover .featured-image {
-webkit-backface-visibility: hidden;
backface-visibility: hidden
}
.mk-portfolio-item.slidebox-hover .featured-image img {
-webkit-transform: scale(1.12);
-ms-transform: scale(1.12);
transform: scale(1.12);
position: relative;
transition: all .35s ease-out
}
.mk-portfolio-item.slidebox-hover .image-hover-overlay {
background-color: #000!important
}
.mk-portfolio-item.slidebox-hover .featured-image.hover .portfolio-meta, .mk-portfolio-item.slidebox-hover .featured-image:hover .portfolio-meta {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
.mk-portfolio-item.slidebox-hover .featured-image.hover .image-hover-overlay, .mk-portfolio-item.slidebox-hover .featured-image:hover .image-hover-overlay {
opacity: .4
}
.mk-portfolio-item.slidebox-hover .featured-image.hover img, .mk-portfolio-item.slidebox-hover .featured-image:hover img {
-webkit-transform: scale(1) translate3d(0, -20px, 0);
transform: scale(1) translate3d(0, -20px, 0)
}
.mk-portfolio-item.slidebox-hover .featured-image.hover .icons-holder, .mk-portfolio-item.slidebox-hover .featured-image:hover .icons-holder {
opacity: 1;
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1)
}
.mk-portfolio-item.zoomin-hover.five-column .image-hover-overlay:after, .mk-portfolio-item.zoomin-hover.five-column .image-hover-overlay:before, .mk-portfolio-item.zoomin-hover.four-column .image-hover-overlay:after, .mk-portfolio-item.zoomin-hover.four-column .image-hover-overlay:before, .mk-portfolio-item.zoomin-hover.six-column .image-hover-overlay:after, .mk-portfolio-item.zoomin-hover.six-column .image-hover-overlay:before, .mk-portfolio-item.zoomin-hover.three-column .image-hover-overlay:after, .mk-portfolio-item.zoomin-hover.three-column .image-hover-overlay:before {
top: 9%;
left: 8%;
right: 8%;
bottom: 9%
}
.mk-portfolio-item.zoomin-hover .image-hover-overlay:after, .mk-portfolio-item.zoomin-hover .image-hover-overlay:before {
position: absolute;
top: 9%;
left: 5%;
right: 5%;
bottom: 9%;
content: '';
opacity: 1;
display: block;
transition: all .35s ease-out
}
.mk-portfolio-item.zoomin-hover .image-hover-overlay:before {
border-right: 1px solid #fff;
border-left: 1px solid #fff;
-webkit-transform-origin: 100% 0;
-ms-transform-origin: 100% 0;
transform-origin: 100% 0;
-webkit-transform: scaleY(0)!important;
-ms-transform: scaleY(0)!important;
transform: scaleY(0)!important
}
.mk-portfolio-item.zoomin-hover .image-hover-overlay:after {
border-bottom: 1px solid #fff;
border-top: 1px solid #fff;
-webkit-transform-origin: 0 0;
-ms-transform-origin: 0 0;
transform-origin: 0 0;
-webkit-transform: scaleX(0)!important;
-ms-transform: scaleX(0)!important;
transform: scaleX(0)!important
}
.mk-portfolio-item.zoomin-hover .portfolio-meta {
position: absolute;
bottom: 70%;
left: 0;
width: 100%;
text-align: center;
opacity: 0;
transition: all .3s ease-out
}
.mk-portfolio-item.zoomin-hover .icons-holder {
position: absolute;
top: 65%;
width: 100%;
text-align: center;
opacity: 0;
transition: all .3s ease-in-out
}
.mk-portfolio-item.zoomin-hover .icons-holder a {
display: inline-block;
margin: 0 5px;
width: 48px;
height: 48px;
line-height: 50px;
text-align: center;
opacity: .7;
color: #fff
}
.mk-portfolio-item.zoomin-hover .icons-holder a svg {
height: 42px;
vertical-align: middle
}
.mk-portfolio-item.zoomin-hover .icons-holder a:hover {
opacity: 1
}
.mk-portfolio-item.zoomin-hover .portfolio-categories {
line-height: initial
}
.mk-portfolio-item.zoomin-hover .portfolio-categories span, .mk-portfolio-item.zoomin-hover .portfolio-date {
color: #fff;
font-size: 13px;
text-transform: uppercase
}
.mk-portfolio-item.zoomin-hover .featured-image {
-webkit-backface-visibility: hidden;
backface-visibility: hidden
}
.mk-portfolio-item.zoomin-hover .featured-image.buttons-disabled:hover .portfolio-meta {
bottom: 40%
}
.mk-portfolio-item.zoomin-hover .featured-image img {
position: relative;
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
transition: all .35s ease-in-out
}
.mk-portfolio-item.zoomin-hover .image-hover-overlay {
background-color: #000!important
}
.mk-portfolio-item.zoomin-hover .featured-image.hover .portfolio-meta, .mk-portfolio-item.zoomin-hover .featured-image:hover .portfolio-meta {
opacity: 1;
bottom: 60%
}
.mk-portfolio-item.zoomin-hover .featured-image.hover .image-hover-overlay:before, .mk-portfolio-item.zoomin-hover .featured-image:hover .image-hover-overlay:before {
-webkit-transform: scaleY(1)!important;
-ms-transform: scaleY(1)!important;
transform: scaleY(1)!important
}
.mk-portfolio-item.zoomin-hover .featured-image.hover .image-hover-overlay:after, .mk-portfolio-item.zoomin-hover .featured-image:hover .image-hover-overlay:after {
-webkit-transform: scaleX(1)!important;
-ms-transform: scaleX(1)!important;
transform: scaleX(1)!important
}
.mk-portfolio-item.zoomin-hover .featured-image.hover .image-hover-overlay, .mk-portfolio-item.zoomin-hover .featured-image:hover .image-hover-overlay {
opacity: .5
}
.mk-portfolio-item.zoomin-hover .featured-image.hover img, .mk-portfolio-item.zoomin-hover .featured-image:hover img {
-webkit-transform: scale(1.15);
-ms-transform: scale(1.15);
transform: scale(1.15)
}
.mk-portfolio-item.zoomin-hover .featured-image.hover .icons-holder, .mk-portfolio-item.zoomin-hover .featured-image:hover .icons-holder {
top: 60%;
opacity: 1
}
.mk-portfolio-item.zoomout-hover.five-column .portfolio-meta .the-title, .mk-portfolio-item.zoomout-hover.four-column .portfolio-meta .the-title, .mk-portfolio-item.zoomout-hover.six-column .portfolio-meta .the-title, .mk-portfolio-item.zoomout-hover.three-column .portfolio-meta .the-title {
font-size: 12px!important
}
.mk-portfolio-item.zoomout-hover.five-column .icons-holder, .mk-portfolio-item.zoomout-hover.four-column .icons-holder, .mk-portfolio-item.zoomout-hover.six-column .icons-holder, .mk-portfolio-item.zoomout-hover.three-column .icons-holder {
position: absolute;
bottom: 15px;
right: 20px
}
.mk-portfolio-item.zoomout-hover.five-column .icons-holder a, .mk-portfolio-item.zoomout-hover.four-column .icons-holder a, .mk-portfolio-item.zoomout-hover.six-column .icons-holder a, .mk-portfolio-item.zoomout-hover.three-column .icons-holder a {
margin: 0 3px
}
.mk-portfolio-item.zoomout-hover.five-column .icons-holder a svg, .mk-portfolio-item.zoomout-hover.four-column .icons-holder a svg, .mk-portfolio-item.zoomout-hover.six-column .icons-holder a svg, .mk-portfolio-item.zoomout-hover.three-column .icons-holder a svg {
height: 24px
}
.mk-portfolio-item.zoomout-hover .item-holder {
background-color: #fff
}
.mk-portfolio-item.zoomout-hover .portfolio-meta {
position: absolute;
bottom: 20px;
left: 0;
width: 100%;
text-align: left;
opacity: 0;
box-sizing: border-box;
padding-right: 70px;
transition: all .2s ease-out
}
.mk-portfolio-item.zoomout-hover .icons-holder {
position: absolute;
bottom: 15px;
right: 20px;
margin: 0 0 0 -30px;
opacity: 0;
transition: all .2s ease-in-out
}
.mk-portfolio-item.zoomout-hover .icons-holder a {
display: inline-block;
margin: 0 6px;
text-align: center;
color: #fff;
opacity: .7
}
.mk-portfolio-item.zoomout-hover .icons-holder a svg {
height: 30px
}
.mk-portfolio-item.zoomout-hover .icons-holder a:hover {
opacity: 1
}
.mk-portfolio-item.zoomout-hover .the-title {
padding-right: 40px;
margin-bottom: 3px
}
.mk-portfolio-item.zoomout-hover .portfolio-categories, .mk-portfolio-item.zoomout-hover .portfolio-date {
padding: 4px 0 0 20px
}
.mk-portfolio-item.zoomout-hover .featured-image img {
position: relative;
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
transition: all .7s cubic-bezier(.23, 1, .32, 1);
-webkit-backface-visibility: hidden;
backface-visibility: hidden
}
.mk-portfolio-item.zoomout-hover .image-hover-overlay {
background-color: #000!important;
opacity: 1!important;
transition: all .3s ease-in-out
}
.mk-portfolio-item.zoomout-hover .featured-image.hover .image-hover-overlay, .mk-portfolio-item.zoomout-hover .featured-image:hover .image-hover-overlay {
-webkit-transform: scale(1)!important;
-ms-transform: scale(1)!important;
transform: scale(1)!important;
opacity: 1!important
}
.mk-portfolio-item.zoomout-hover .featured-image.hover .portfolio-meta, .mk-portfolio-item.zoomout-hover .featured-image:hover .portfolio-meta {
opacity: 1;
-webkit-transform: translate(0, -10px);
-ms-transform: translate(0, -10px);
transform: translate(0, -10px)
}
.mk-portfolio-item.zoomout-hover .featured-image.hover img, .mk-portfolio-item.zoomout-hover .featured-image:hover img {
-webkit-transform: scale(.5) translate(0, -30%);
-ms-transform: scale(.5) translate(0, -30%);
transform: scale(.5) translate(0, -30%)
}
.mk-portfolio-item.zoomout-hover .featured-image.hover .icons-holder, .mk-portfolio-item.zoomout-hover .featured-image:hover .icons-holder {
opacity: 1;
-webkit-transform: translate(0, -10px);
-ms-transform: translate(0, -10px);
transform: translate(0, -10px)
}
.mk-portfolio-item.cube-hover.five-column .portfolio-meta, .mk-portfolio-item.cube-hover.four-column .portfolio-meta, .mk-portfolio-item.cube-hover.six-column .portfolio-meta {
padding: 19px 10px
}
.mk-portfolio-item.cube-hover.five-column .portfolio-meta .the-title, .mk-portfolio-item.cube-hover.four-column .portfolio-meta .the-title, .mk-portfolio-item.cube-hover.six-column .portfolio-meta .the-title {
padding: 0 10px;
text-align: left;
font-size: 12px!important
}
.mk-portfolio-item.cube-hover.five-column .portfolio-meta .portfolio-categories, .mk-portfolio-item.cube-hover.five-column .portfolio-meta .portfolio-date, .mk-portfolio-item.cube-hover.four-column .portfolio-meta .portfolio-categories, .mk-portfolio-item.cube-hover.four-column .portfolio-meta .portfolio-date, .mk-portfolio-item.cube-hover.six-column .portfolio-meta .portfolio-categories, .mk-portfolio-item.cube-hover.six-column .portfolio-meta .portfolio-date {
font-size: 10px;
letter-spacing: 0;
padding: 4px 0 0 10px;
line-height: 16px
}
.mk-portfolio-item.cube-hover.five-column .icons-holder, .mk-portfolio-item.cube-hover.four-column .icons-holder, .mk-portfolio-item.cube-hover.six-column .icons-holder {
bottom: 15px;
transition: all .2s ease-in-out
}
.mk-portfolio-item.cube-hover.five-column .icons-holder a, .mk-portfolio-item.cube-hover.four-column .icons-holder a, .mk-portfolio-item.cube-hover.six-column .icons-holder a {
margin: 0 5px
}
.mk-portfolio-item.cube-hover.five-column .icons-holder a svg, .mk-portfolio-item.cube-hover.four-column .icons-holder a svg, .mk-portfolio-item.cube-hover.six-column .icons-holder a svg {
height: 24px
}
.mk-portfolio-item.cube-hover .item-holder {
background-color: #000;
-webkit-perspective: 600px;
perspective: 600px;
-webkit-perspective-origin: 100% 50%;
perspective-origin: 100% 50%
}
.mk-portfolio-item.cube-hover .portfolio-meta {
position: absolute;
top: 0;
left: 0;
bottom: 0;
width: 50%;
padding: 42px 10px;
text-align: left;
opacity: .8;
background: #000;
-webkit-transform: rotateY(-90deg);
transform: rotateY(-90deg);
transition: all .35s ease-out;
-webkit-transform-origin: left center;
-ms-transform-origin: left center;
transform-origin: left center;
z-index: 12
}
.mk-portfolio-item.cube-hover .the-title {
padding: 0 30px;
color: #fff!important;
font-size: 15px!important;
font-weight: 700;
line-height: 20px!important;
text-transform: uppercase;
letter-spacing: 1px
}
.mk-portfolio-item.cube-hover .icons-holder {
position: absolute;
bottom: 30px;
width: 50%;
text-align: center;
opacity: 0;
transition: all .2s ease-in-out
}
.mk-portfolio-item.cube-hover .icons-holder a {
display: inline-block;
margin: 0 5px;
text-align: center;
color: #fff;
opacity: .7
}
.mk-portfolio-item.cube-hover .icons-holder a svg {
height: 32px
}
.mk-portfolio-item.cube-hover .icons-holder a:hover {
opacity: 1
}
.mk-portfolio-item.cube-hover .portfolio-categories, .mk-portfolio-item.cube-hover .portfolio-date {
color: #fff;
opacity: .7;
line-height: 16px;
font-size: 11px;
letter-spacing: 1px;
padding: 4px 0 0 30px
}
.mk-portfolio-item.cube-hover .featured-image {
-webkit-backface-visibility: hidden;
backface-visibility: hidden
}
.mk-portfolio-item.cube-hover .featured-image.buttons-disabled .portfolio-meta:before {
content: '';
display: inline-block;
height: 100%;
vertical-align: middle;
margin-right: -.25em
}
.mk-portfolio-item.cube-hover .featured-image.buttons-disabled .portfolio-meta .add-middle-align {
display: inline-block;
vertical-align: middle;
width: 99%
}
.mk-portfolio-item.cube-hover .featured-image img {
position: relative;
transition: all .7s cubic-bezier(.23, 1, .32, 1)
}
.mk-portfolio-item.cube-hover .image-hover-overlay {
background-color: #000!important;
opacity: 1!important;
transition: all .35s ease-out
}
.mk-portfolio-item.cube-hover .featured-image.hover .portfolio-meta, .mk-portfolio-item.cube-hover .featured-image:hover .portfolio-meta {
opacity: 1;
-webkit-transform: rotateY(0);
transform: rotateY(0)
}
.mk-portfolio-item.cube-hover .featured-image.hover img, .mk-portfolio-item.cube-hover .featured-image:hover img {
-webkit-transform: translate(20%, 0);
-ms-transform: translate(20%, 0);
transform: translate(20%, 0)
}
.mk-portfolio-item.cube-hover .featured-image.hover .icons-holder, .mk-portfolio-item.cube-hover .featured-image:hover .icons-holder {
opacity: 1;
-webkit-transform: translate(0, -10px);
-ms-transform: translate(0, -10px);
transform: translate(0, -10px)
}
.mk-portfolio-item.light-zoomin-hover.five-column .portfolio-meta .the-title, .mk-portfolio-item.light-zoomin-hover.four-column .portfolio-meta .the-title, .mk-portfolio-item.light-zoomin-hover.six-column .portfolio-meta .the-title {
font-size: 12px!important
}
.mk-portfolio-item.light-zoomin-hover .image-hover-overlay:after, .mk-portfolio-item.light-zoomin-hover .image-hover-overlay:before {
position: absolute;
top: 9%;
left: 5%;
right: 5%;
bottom: 9%;
content: '';
opacity: 1;
display: block;
transition: all .35s ease-out
}
.mk-portfolio-item.light-zoomin-hover .portfolio-meta, .style-modern .mk-portfolio-item.light-zoomin-hover .portfolio-meta {
position: absolute;
bottom: 50%;
left: 0;
width: 100%;
text-align: center;
opacity: 0;
transition: all .3s ease-out
}
.mk-portfolio-item.light-zoomin-hover .portfolio-meta .the-title {
padding: 0 20px 8px 20px;
position: relative;
margin-bottom: 30px
}
.mk-portfolio-item.light-zoomin-hover .portfolio-meta .the-title a {
color: #333!important
}
.mk-portfolio-item.light-zoomin-hover .the-title:after {
position: absolute;
content: '';
bottom: 0;
left: 50%;
margin-left: -6px;
height: 2px;
width: 12px;
background-color: #000
}
.mk-portfolio-item.light-zoomin-hover .icons-holder, .style-modern .mk-portfolio-item.light-zoomin-hover .icons-holder {
position: absolute;
top: 65%;
left: 3px;
width: 100%;
text-align: center;
opacity: 0;
transition: all .3s ease-out
}
.mk-portfolio-item.light-zoomin-hover .icons-holder a, .style-modern .mk-portfolio-item.light-zoomin-hover .icons-holder a {
display: inline-block;
margin: 0 3px;
width: 48px;
height: 48px;
line-height: 50px;
text-align: center;
border: none;
color: #000;
opacity: .5
}
.style-modern .mk-portfolio-item.light-zoomin-hover .icons-holder a {
color: #fff
}
.mk-portfolio-item.light-zoomin-hover .icons-holder a svg, .style-modern .mk-portfolio-item.light-zoomin-hover .icons-holder a svg {
height: 42px;
vertical-align: middle
}
.mk-portfolio-item.light-zoomin-hover .icons-holder a:hover, .style-modern .mk-portfolio-item.light-zoomin-hover .icons-holder a:hover {
opacity: 1
}
.mk-portfolio-item.light-zoomin-hover .portfolio-categories, .mk-portfolio-item.light-zoomin-hover .portfolio-date {
color: #555
}
.mk-portfolio-item.light-zoomin-hover .portfolio-categories a, .mk-portfolio-item.light-zoomin-hover .portfolio-date a {
color: #555
}
.mk-portfolio-item.light-zoomin-hover .featured-image {
-webkit-backface-visibility: hidden;
backface-visibility: hidden
}
.mk-portfolio-item.light-zoomin-hover .featured-image.buttons-disabled .portfolio-meta {
bottom: 40%
}
.mk-portfolio-item.light-zoomin-hover .featured-image img {
position: relative;
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
transition: all .35s ease-in-out
}
.mk-portfolio-item.light-zoomin-hover .image-hover-overlay {
background-color: #fff!important
}
.mk-portfolio-item.light-zoomin-hover .featured-image.hover .portfolio-meta, .mk-portfolio-item.light-zoomin-hover .featured-image:hover .portfolio-meta {
opacity: 1
}
.mk-portfolio-item.light-zoomin-hover .featured-image.hover .image-hover-overlay:before, .mk-portfolio-item.light-zoomin-hover .featured-image:hover .image-hover-overlay:before {
-webkit-transform: scaleY(1)!important;
-ms-transform: scaleY(1)!important;
transform: scaleY(1)!important
}
.mk-portfolio-item.light-zoomin-hover .featured-image.hover .image-hover-overlay:after, .mk-portfolio-item.light-zoomin-hover .featured-image:hover .image-hover-overlay:after {
-webkit-transform: scaleX(1)!important;
-ms-transform: scaleX(1)!important;
transform: scaleX(1)!important
}
.mk-portfolio-item.light-zoomin-hover .featured-image.hover .image-hover-overlay, .mk-portfolio-item.light-zoomin-hover .featured-image:hover .image-hover-overlay {
opacity: .8
}
.mk-portfolio-item.light-zoomin-hover .featured-image.hover img, .mk-portfolio-item.light-zoomin-hover .featured-image:hover img {
-webkit-transform: scale(1.15);
-ms-transform: scale(1.15);
transform: scale(1.15)
}
.mk-portfolio-item.light-zoomin-hover .featured-image.hover .icons-holder, .mk-portfolio-item.light-zoomin-hover .featured-image:hover .icons-holder {
opacity: 1
}
.mk-section-preloader {
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
background: #fff;
z-index: 999
}
.mk-section-preloader__icon {
top: 50%
}
.mk-section-preloader__icon {
margin: 0 auto;
width: 45px;
height: 45px;
border-radius: 50%;
border: 3px solid transparent;
position: relative;
-webkit-animation: mk-section-preloader--spin 1s infinite linear;
animation: mk-section-preloader--spin 1s infinite linear
}
.mk-section-preloader__icon:before {
content: '';
width: 40px;
height: 40px;
border-radius: 50%;
display: block;
position: absolute;
left: -4px;
top: -4px;
border-right: 3px solid transparent;
border-top: 3px solid transparent;
border-left: 3px solid #aaa;
border-bottom: 3px solid transparent
}
@-webkit-keyframes mk-section-preloader--spin {
100% {
-webkit-transform:rotate(360deg);
transform:rotate(360deg)
}
}
@keyframes mk-section-preloader--spin {
100% {
-webkit-transform:rotate(360deg);
transform:rotate(360deg)
}
}
.load-more-scroll {
position: relative;
height: 70px;
width: 200px;
margin: 0 auto
}
.mk-loading-indicator {
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
background: rgba(255,255,255,.7);
z-index: 999;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
.mk-loading-indicator__inner {
position: relative;
height: 60%;
max-height: 45px;
display: inline-block;
margin: 0 auto
}
.mk-loading-indicator__icon {
border-radius: 50%;
border: 2px solid transparent;
-webkit-animation: mk-loading-indicator--spin .7s infinite linear;
animation: mk-loading-indicator--spin .7s infinite linear;
-webkit-transform-origin: center;
-ms-transform-origin: center;
transform-origin: center;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%
}
.mk-loading-indicator__icon:before {
content: '';
width: 100%;
height: 100%;
border-radius: 50%;
display: block;
position: absolute;
left: 0;
top: 0;
border-right: 2px solid rgba(0,0,0,.1);
border-top: 2px solid #aaa;
border-left: 2px solid #aaa;
border-bottom: 2px solid rgba(0,0,0,.1)
}
@-webkit-keyframes mk-loading-indicator--spin {
100% {
-webkit-transform:rotate(360deg);
transform:rotate(360deg)
}
}
@keyframes mk-loading-indicator--spin {
100% {
-webkit-transform:rotate(360deg);
transform:rotate(360deg)
}
}
.mk-progress-button {
position: relative;
display: inline-block;
letter-spacing: 3px;
text-transform: uppercase
}
.mk-progress-button[disabled], .mk-progress-button[disabled].state-loading {
cursor: default
}
.mk-progress-button .mk-progress-button-content {
position: relative;
display: block
}
.mk-progress-button .state-error, .mk-progress-button .state-success {
position: absolute;
right: 10px;
top: 50%;
margin-top: -8px;
display: block;
width: 20px;
height: 20px;
opacity: 0
}
.mk-progress-button .state-error svg, .mk-progress-button .state-success svg {
height: 14px;
right: 20px
}
.notransition {
transition: none!important
}
.mk-progress-button .mk-progress-inner {
position: absolute;
left: 0;
bottom: 0;
height: 5px;
width: 0;
transform-origin: bottom left;
-o-transform-origin: bottom left;
-ms-transform-origin: bottom left;
-moz-transform-origin: bottom left;
-webkit-transform-origin: bottom left
}
.contact-form-button .mk-progress-inner, .flat-dimension .mk-progress-inner, .outline-btn-dark .mk-progress-inner, .outline-btn-light:hover .mk-progress-inner {
background: rgba(0,0,0,.5)
}
.contact-form-button:hover .mk-progress-inner, .outline-btn-dark:hover .mk-progress-inner, .outline-btn-light .mk-progress-inner {
background: rgba(255,255,255,.5)
}
.mk-progress-button[data-horizontal] .mk-progress-inner {
bottom: 0;
width: 0;
height: 5px;
transition: width .3s, opacity .3s;
transform-origin: bottom left;
-webkit-transform-origin: bottom left;
-moz-transform-origin: bottom left;
-ms-transform-origin: bottom left;
-o-transform-origin: bottom left
}
.mk-progress-button[data-vertical] .mk-progress-inner {
bottom: 0;
width: 100%;
height: 0;
transition: height .3s, opacity .3s
}
.mk-progress-button[data-style=move-up] {
overflow: visible;
-webkit-backface-visibility: hidden;
backface-visibility: hidden
}
.mk-progress-button[data-style=move-up] .mk-progress-button-content {
transition: -webkit-transform .2s;
transition: transform .2s;
transition: transform .2s, -webkit-transform .2s
}
.mk-progress-button[data-style=move-up] .mk-progress {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%
}
.mk-progress-button[data-style=move-up].state-loading .mk-progress-button-content {
-webkit-transform: translateY(-10px);
-ms-transform: translateY(-10px);
transform: translateY(-10px)
}
.s_contact.classic-style .mk-progress-button, .s_contact.corporate-style .mk-progress-button {
border: 0
}
.mk-section-anchor {
position: absolute;
top: 0;
height: 0;
visibility: hidden
}
.mk-slideshow {
position: relative;
margin-bottom: 20px
}
.mk-slideshow .mk-flex-caption {
position: absolute;
bottom: 0;
left: 0;
width: 100%
}
.mk-slideshow .mk-flex-caption span {
position: relative;
display: block;
padding: 15px 20px;
color: #fff;
font-weight: 700;
font-size: 14px;
line-height: 18px
}
.mk-slideshow:hover .flex-direction-nav .flex-next, .mk-slideshow:hover .flex-direction-nav .flex-prev {
opacity: .6
}
.mk-slideshow .flex-direction-nav .flex-next, .mk-slideshow .flex-direction-nav .flex-prev {
top: 50%;
margin-top: -20px;
width: 40px;
height: 40px;
background-color: rgba(0,0,0,.4);
text-align: center;
opacity: 0;
line-height: 40px;
border-radius: 2px
}
.mk-slideshow .flex-direction-nav .flex-next:hover, .mk-slideshow .flex-direction-nav .flex-prev:hover {
background-color: rgba(0,0,0,.6);
opacity: 1
}
.flex-direction-nav svg {
fill: #fff;
height: 16px;
margin-top: 12px
}
.mk-slideshow .flex-direction-nav .flex-next {
right: 20px!important
}
.mk-slideshow .flex-direction-nav .flex-prev {
left: 20px!important
}
.mk-slideshow .flex-control-nav {
bottom: 10px;
display: block
}
.mk-slideshow .flex-control-nav li a {
display: block;
padding: 0;
width: 6px;
height: 14px
}
.mk-slideshow .flex-control-nav li a i {
color: #fff;
font-size: 12px
}
.mk-slideshow .flex-control-nav li a.flex-active i:before {
content: "\f111"!important
}
.mk-slideshow .color-mask {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 100%
}
.widget .flex-control-paging {
display: none
}
.mk-slider {
width: 100%;
height: 100%;
position: relative;
overflow: hidden
}
.mk-slider-holder {
width: 100%;
height: 100%
}
.mk-slider-slide {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0
}
.mk-slider-slide:first-of-type {
display: block
}
.mk-section-image {
height: 100%
}
.mk-slider-spinner-wrap {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-color: #fff;
z-index: 10;
transition: .2s ease-out opacity
}
.mk-slider-spinner-wrap-hidden {
opacity: 0
}
html:not(.IE) .mk-slider-spinner-wrap .mk-slider-spinner {
position: absolute;
left: 50%;
top: 50%;
width: 44px;
height: 44px;
margin-left: -22px;
margin-top: -22px;
vertical-align: bottom
}
html:not(.IE) .mk-slider-spinner-wrap .mk-slider-spinner-path {
stroke: #444
}
.mk-slider-spinner {
-webkit-animation: mka-rotator 1.4s linear infinite;
animation: mka-rotator 1.4s linear infinite
}
@-webkit-keyframes mka-rotator {
0% {
-webkit-transform:rotate(0);
transform:rotate(0)
}
100% {
-webkit-transform:rotate(270deg);
transform:rotate(270deg)
}
}
@keyframes mka-rotator {
0% {
-webkit-transform:rotate(0);
transform:rotate(0)
}
100% {
-webkit-transform:rotate(270deg);
transform:rotate(270deg)
}
}
.mk-slider-spinner-path {
stroke-dasharray: 187px;
stroke-dashoffset: 0;
-webkit-transform-origin: center;
-ms-transform-origin: center;
transform-origin: center;
-webkit-animation: mka-dash 1.4s ease-in-out infinite;
animation: mka-dash 1.4s ease-in-out infinite;
stroke: #b3b3b3
}
@-webkit-keyframes mka-dash {
0% {
stroke-dashoffset:187px
}
50% {
stroke-dashoffset:46.75px;
-webkit-transform:rotate(135deg);
transform:rotate(135deg)
}
100% {
stroke-dashoffset:187px;
-webkit-transform:rotate(450deg);
transform:rotate(450deg)
}
}
@keyframes mka-dash {
0% {
stroke-dashoffset:187px
}
50% {
stroke-dashoffset:46.75px;
-webkit-transform:rotate(135deg);
transform:rotate(135deg)
}
100% {
stroke-dashoffset:187px;
-webkit-transform:rotate(450deg);
transform:rotate(450deg)
}
}
.mk-slider-spinner-fallback {
display: none
}
.IE .mk-slider-spinner-fallback {
display: block
}
.IE .mk-slider-spinner {
display: none
}
.mk-slider-spinner-fallback, .mk-slider-spinner-fallback:after, .mk-slider-spinner-fallback:before {
border-radius: 50%
}
.mk-slider-spinner-fallback {
color: #444;
font-size: 5px;
text-indent: -99999em;
position: absolute;
left: 50%;
top: 50%;
margin-left: -25px;
margin-top: -25px;
width: 10em;
height: 10em;
box-shadow: inset 0 0 0 1em;
-webkit-transform: translateZ(0);
-ms-transform: translateZ(0);
transform: translateZ(0)
}
.mk-slider-spinner-fallback:after, .mk-slider-spinner-fallback:before {
position: absolute;
content: ''
}
.mk-slider-spinner-fallback:before {
width: 5.2em;
height: 10.2em;
background: #fff;
border-radius: 10.2em 0 0 10.2em;
top: -.1em;
left: -.1em;
-webkit-transform-origin: 5.2em 5.1em;
-ms-transform-origin: 5.2em 5.1em;
transform-origin: 5.2em 5.1em;
-webkit-animation: mk-spinner-fallback-anim 1s infinite ease 1.5s;
animation: mk-spinner-fallback-anim 1s infinite ease 1.5s
}
.mk-slider-spinner-fallback:after {
width: 5.2em;
height: 10.2em;
background: #fff;
border-radius: 0 10.2em 10.2em 0;
top: -.1em;
left: 5.1em;
-webkit-transform-origin: 0 5.1em;
-ms-transform-origin: 0 5.1em;
transform-origin: 0 5.1em;
-webkit-animation: mk-spinner-fallback-anim 1s infinite ease;
animation: mk-spinner-fallback-anim 1s infinite ease
}
@-webkit-keyframes mk-spinner-fallback-anim {
0% {
-webkit-transform:rotate(0);
transform:rotate(0)
}
100% {
-webkit-transform:rotate(360deg);
transform:rotate(360deg)
}
}
@keyframes mk-spinner-fallback-anim {
0% {
-webkit-transform:rotate(0);
transform:rotate(0)
}
100% {
-webkit-transform:rotate(360deg);
transform:rotate(360deg)
}
}
.mk-fancy-title {
margin-bottom: 18px
}
span.mk-fancy-title {
display: block;
line-height: 1.3em;
word-wrap: break-word
}
.mk-fancy-title.pattern-style {
background: url(//cdn.nexternal.com/../images/fancy-title-pattern.png) left center repeat-x
}
.mk-fancy-title.pattern-style.align-left span {
padding: 0 6px 0 0
}
.mk-fancy-title.pattern-style.align-right span {
padding: 0 0 0 6px
}
.mk-fancy-title.pattern-style.align-center span {
padding: 0 6px
}
.mk-fancy-title.pattern-style.color-gradient span {
position: relative
}
.mk-fancy-title.pattern-style.color-gradient span:after {
content: '';
width: 100%;
height: 100%;
display: block;
position: absolute;
top: 0;
left: 0;
z-index: 1
}
.mk-fancy-title.pattern-style.color-gradient span i {
position: relative;
z-index: 2
}
.mk-fancy-title.shortcode-heading {
font-weight: 700;
font-size: 14px;
padding-top: 5px
}
.mk-fancy-title.pattern-style p {
display: inline
}
.mk-fancy-title p {
margin-bottom: 0!important
}
.mk-fancy-title.pattern-style span {
padding-right: 10px
}
@media handheld, only screen and (max-width:767px) {
.mk-fancy-title {
text-align: center!important
}
.mk-fancy-title.pattern-style span {
padding: 0 8px!important
}
.mk-fancy-title.mk-force-responsive {
font-size: 36px!important
}
}
.mk-title-box {
line-height: 100%
}
.mk-title-box p {
margin: 0
}
.mk-title-box span {
padding: 4px 0
}
.mk-slideshow-box .mk-fancy-title span {
display: inline-block;
padding-top: 20px
}
.mk-fancy-title {
margin-bottom: 18px
}
.mk-fancy-title.pattern-style {
background: url(//cdn.nexternal.com/../images/fancy-title-pattern.png) left center repeat-x
}
.mk-fancy-title.pattern-style.align-left span {
padding: 0 6px 0 0
}
.mk-fancy-title.pattern-style.align-right span {
padding: 0 0 0 6px
}
.mk-fancy-title.pattern-style.align-center span {
padding: 0 6px
}
.mk-fancy-title.color-gradient span i {
display: table;
font-style: normal
}
.mk-fancy-title.pattern-style.color-gradient span {
position: relative
}
.mk-fancy-title.pattern-style.color-gradient span:after {
content: '';
width: 100%;
height: 100%;
display: block;
position: absolute;
top: 0;
left: 0;
z-index: 1
}
.mk-fancy-title.color-gradient.align-left span i {
margin: 0 auto 0 0
}
.mk-fancy-title.color-gradient.align-center span i {
margin: 0 auto 0
}
.mk-fancy-title.color-gradient.align-right span i {
margin: 0 0 0 auto
}
.mk-fancy-title.color-gradient span i {
position: relative;
z-index: 2
}
.mk-fancy-title.shortcode-heading {
font-weight: 700;
font-size: 14px
}
.mk-fancy-title.pattern-style p {
display: inline
}
.mk-fancy-title p {
margin-bottom: 0!important
}
@media handheld, only screen and (max-width:767px) {
.mk-fancy-title {
text-align: center!important
}
.mk-fancy-title.pattern-style span {
padding: 0 8px!important
}
.mk-fancy-title.mk-force-responsive {
font-size: 36px!important
}
}
.mk-title-box {
line-height: 100%
}
.mk-title-box p {
margin: 0
}
.mk-title-box span {
padding: 4px 0
}
.font-weight-l {
font-weight: lighter
}
.font-weight-n {
font-weight: 400
}
.font-weight-b {
font-weight: 700
}
.font-weight-100 {
font-weight: 100
}
.font-weight-200 {
font-weight: 200
}
.font-weight-300 {
font-weight: 300
}
.font-weight-400 {
font-weight: 400
}
.font-weight-500 {
font-weight: 500
}
.font-weight-600 {
font-weight: 600
}
.font-weight-700 {
font-weight: 700
}
.font-weight-800 {
font-weight: 800
}
.font-weight-900 {
font-weight: 900
}
.bold {
font-weight: 700
}
.italic {
font-style: italic
}
.uppercase {
text-transform: uppercase
}
.text-left {
text-align: left
}
.text-right {
text-align: right
}
.text-center {
text-align: center
}
.block {
display: block
}
.inline {
display: inline-block
}
.table {
display: table
}
.table-cell {
display: table-cell
}
.flex {
display: -webkit-box;
display: -ms-flexbox;
display: flex
}
.flex-column {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column
}
.flex-wrap {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-flow: row;
flex-flow: row;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.flex-items-center {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
.flex-items-baseline {
-webkit-box-align: baseline;
-ms-flex-align: baseline;
align-items: baseline
}
.flex-items-start {
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start
}
.flex-items-end {
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end
}
.flex-items-stretch {
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch
}
.flex-self-center {
-ms-flex-item-align: center;
-ms-grid-row-align: center;
align-self: center
}
.flex-self-baseline {
-ms-flex-item-align: baseline;
align-self: baseline
}
.flex-self-start {
-ms-flex-item-align: start;
align-self: flex-start
}
.flex-self-end {
-ms-flex-item-align: end;
align-self: flex-end
}
.flex-self-stretch {
-ms-flex-item-align: stretch;
-ms-grid-row-align: stretch;
align-self: stretch
}
.flex-justify {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between
}
.flex-center {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center
}
.flex-auto {
-webkit-box-flex: 1;
-ms-flex: 1 1 auto;
flex: 1 1 auto
}
.flex-grow {
-webkit-box-flex: 1;
-ms-flex: 1 0 auto;
flex: 1 0 auto
}
.flex-none {
-webkit-box-flex: 0;
-ms-flex: none;
flex: none
}
.flex-first {
-webkit-box-ordinal-group: 0;
-ms-flex-order: -1;
order: -1
}
.flex-last {
-webkit-box-ordinal-group: 100000;
-ms-flex-order: 99999;
order: 99999
}
.width-50 {
width: 50px
}
.width-full {
width: 100%
}
.width-x2 {
width: 200%
}
.height-50 {
height: 50px
}
.height-full {
height: 100%
}
.left {
float: left
}
.right {
float: right
}
.clear:after, .clear:before {
content: " ";
display: table
}
.clear:after {
clear: both
}
.relative {
position: relative
}
.absolute {
position: absolute
}
.mk-fixed {
position: fixed
}
.z1 {
z-index: 1
}
.z2 {
z-index: 2
}
.z3 {
z-index: 3
}
.z4 {
z-index: 4
}
.z5 {
z-index: 5
}
.z999 {
z-index: 999
}
.pointer {
pointer-events: auto
}
.no-pointer {
pointer-events: none
}
.overflow-auto {
overflow: auto
}
.no-overflow {
overflow: hidden
}
.no-overflow-x {
overflow-x: hidden
}
.no-overflow-y {
overflow-y: hidden
}
.backface {
-webkit-backface-visibility: visible;
backface-visibility: visible
}
.no-backface {
-webkit-backface-visibility: hidden;
backface-visibility: hidden
}
.perspective {
-webkit-transform: perspective(1000px);
transform: perspective(1000px);
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d
}
.origin-center {
-webkit-transform-origin: center;
-ms-transform-origin: center;
transform-origin: center
}
.fold-back-horizontal {
-webkit-transform: translateX(-100%) rotateY(-180deg);
transform: translateX(-100%) rotateY(-180deg)
}
.fold-back-vertical {
-webkit-transform: translateX(-100%) rotateX(-180deg);
transform: translateX(-100%) rotateX(-180deg)
}
.bezier-1 {
transition: all .5s cubic-bezier(.645, .045, .355, 1)
}
.left-0 {
left: 0
}
.left-5 {
left: 5px
}
.left-10 {
left: 10px
}
.right-0 {
right: 0
}
.right-5 {
right: 5px
}
.right-10 {
right: 10px
}
.top-0 {
top: 0
}
.top-5 {
top: 5px
}
.top-10 {
top: 10px
}
.bottom-0 {
bottom: 0
}
.bottom-5 {
bottom: 5px
}
.bottom-10 {
bottom: 10px
}
.padding-10-pr {
padding: 10%
}
.padding-x-10-pr {
padding-left: 10%;
padding-right: 10%
}
.padding-10 {
padding: 10px
}
.padding-x-10 {
padding-left: 10px;
padding-right: 10px
}
.padding-y-10 {
padding-top: 10px;
padding-bottom: 10px
}
.padding-20 {
padding: 20px
}
.padding-x-20 {
padding-left: 20px;
padding-right: 20px
}
.padding-y-20 {
padding-top: 20px;
padding-bottom: 20px
}
.margin-t-20 {
margin-top: 20px
}
.margin-auto {
margin: 0 auto
}
.is-hidden {
display: none;
visibility: hidden
}
.is-vis-hidden {
poonter-events: none;
visibility: hidden
}
.a_width-40 {
width: 40px
}
.a_width-100 {
width: 100px
}
.a_width-1000 {
width: 1000px
}
.a_width-100-per {
width: 100%
}
.a_width-auto {
width: auto
}
.a_color-success {
color: #20b66e
}
.a_color-warning {
color: #be9a34
}
.a_color-erorr {
color: #de303a
}
.a_color-white {
color: #fff
}
.a_color-333 {
color: #333
}
.a_color-777 {
color: #777
}
.a_position-absolute {
position: absolute
}
.a_position-relative {
position: relative
}
.a_display-inline-block {
display: inline-block
}
.a_display-block {
display: block
}
.a_display-table {
display: table
}
.a_font-10 {
font-size: 10px
}
.a_font-12 {
font-size: 12px
}
.a_font-14 {
font-size: 14px
}
.a_font-16 {
font-size: 16px
}
.a_font-22 {
font-size: 22px
}
.a_font-24 {
font-size: 24px
}
.a_font-32 {
font-size: 32px
}
.a_font-48 {
font-size: 48px
}
.a_font-64 {
font-size: 64px
}
.a_padding-0 {
padding: 0
}
.a_padding-10 {
padding: 10px
}
.a_padding-15 {
padding: 15px
}
.a_padding-20 {
padding: 20px
}
.a_padding-0-15 {
padding: 0 15px
}
.a_padding-0-20 {
padding: 0 20px
}
.a_padding-15-0 {
padding: 15px 0
}
.a_padding-20-0 {
padding: 20px 0
}
.a_line-4 {
line-height: 4px
}
.a_line-12 {
line-height: 12px
}
.a_line-16 {
line-height: 16px
}
.a_line-18 {
line-height: 18px
}
.a_line-22 {
line-height: 22px
}
.a_line-25 {
line-height: 25px
}
.a_line-32 {
line-height: 32px
}
.a_line-40 {
line-height: 40px
}
.a_line-50 {
line-height: 50px
}
.a_line-90 {
line-height: 90px
}
.a_line-100-pr {
line-height: 100%
}
.a_margin-0 {
margin: 0
}
.a_margin-10-0 {
margin: 10px 0
}
.a_margin-0-auto {
margin: 0 auto
}
.a_height-100-per {
height: 100%
}
.a_height-auto {
height: auto
}
.a_align-center {
text-align: center
}
.a_align-right {
text-align: right
}
.a_align-left {
text-align: left
}
.a_opacity-0 {
opacity: 0
}
.a_opacity-70 {
opacity: .7
}
.a_opacity-100 {
opacity: 1
}
.a_left-0 {
left: 0
}
.a_left-50-per {
left: 50%
}
.a_bg-black {
background-color: #000
}
.a_bg-gray222 {
background-color: #222
}
.a_bg-white {
background-color: #fff
}
.a_top-0 {
top: 0
}
.a_top-50-per {
top: 50%
}
.a_top-100-per {
top: 100%
}
.a_transform-rotate-45 {
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg)
}
.a_transform-rotate-90 {
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg)
}
.a_transform-scale-1 {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1)
}
.a_transform-translate3d-0 {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
.a_transform-translate-00-opacity-1 {
-webkit-transform: translate(0, 0);
-ms-transform: translate(0, 0);
transform: translate(0, 0);
opacity: 1
}
.a_margin-bottom-0 {
margin-bottom: 0
}
.a_margin-bottom-10 {
margin-bottom: 10px
}
.a_margin-bottom-15 {
margin-bottom: 15px
}
.a_margin-bottom-20 {
margin-bottom: 20px
}
.a_margin-bottom-30 {
margin-bottom: 30px
}
.a_margin-bottom-50 {
margin-bottom: 50px
}
.a_1col .a_colitem, .a_col-1of1, .one-column .a_colitem {
width: 100%
}
.a_2col .a_colitem, .a_col-1of2, .two-column .a_colitem {
width: 50%
}
.a_3col .a_colitem, .a_col-1of3, .three-column .a_colitem {
width: 33.33%
}
.a_4col .a_colitem, .a_col-1of4, .four-column .a_colitem {
width: 25%
}
.a_5col .a_colitem, .a_col-1of5, .five-column .a_colitem {
width: 20%
}
.a_6col .a_colitem, .a_col-1of6, .six-column .a_colitem {
width: 16.66%
}
.a_7col .a_colitem, .a_col-1of7, .seven-column .a_colitem {
width: 14.28%
}
.a_8col .a_colitem, .a_col-1of8, .eight-column .a_colitem {
width: 12.5%
}
.a_9col .a_colitem, .a_col-1of9, .nine-column .a_colitem {
width: 11.1%
}
.a_10col .a_colitem, .a_col-1of10, .ten-column .a_colitem {
width: 10%
}
.a_11col .a_colitem, .a_col-1of11, .eleven-column .a_colitem {
width: 9.09%
}
.a_12col .a_colitem, .a_col-1of12, .twelve-column .a_colitem {
width: 8.33%
}
.a_margin-top-0 {
margin-top: 0
}
.a_margin-top-10 {
margin-top: 10px
}
.a_margin-top-15 {
margin-top: 15px
}
.a_margin-top-20 {
margin-top: 20px
}
.a_margin-top-30 {
margin-top: 30px
}
.a_margin-top-40 {
margin-top: 40px
}
.a_margin-top-50 {
margin-top: 50px
}
.a_overflow-hidden {
overflow: hidden
}
.a_font-weight-bold {
font-weight: 700
}
.a_font-weight-normal {
font-weight: 400
}
.a_text-transform-up {
text-transform: uppercase
}
.a_letter-spacing-1 {
letter-spacing: 1px
}
.a_float-left {
float: left
}
.a_float-right {
float: right
}
.a_box-border {
box-sizing: border-box
}
.a_box-content {
box-sizing: content-box
}
.a_padding-bottom-30 {
padding-bottom: 30px
}
.a_m_fly-top-left {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0
}
.a_m_list-reset ul {
margin: 0;
padding: 0;
list-style: none
}
.a_m_list-reset li {
display: inline-block;
margin: 0
}
#sw-main-box, .IE .mk-body-loader-overlay {
display: none!important
}
.IE .mk-section-color-mask {
display: none!important
}
.mk-advanced-gmaps img {
max-width: none!important
}
.mk-gmaps-parallax {
overflow: hidden
}
.mk-gmaps-parallax>div {
margin-top: -100px
}
.gmap-marker-popup {
position: absolute;
left: 5%;
top: 30px;
width: 90%;
background: #fff;
border: 1px solid #ccc;
border-radius: 5px;
z-index: 999;
padding: 30px 20px;
box-sizing: border-box;
box-shadow: 1px 1px 10px rgba(0,0,0,.2);
display: none
}
.gmap-marker-popup h4 {
margin: 0 0 35px
}
.mk-popup-field {
margin-bottom: 25px
}
.mk-popup-field label {
padding-bottom: 10px;
display: inline-block;
font-weight: 700
}
.gmap-new-loaction-btn {
display: block;
padding: 15px 15px 15px 46px;
font-weight: 700;
font-size: 16px;
border-radius: 6px;
color: #333;
border: 1px solid #bfbfbf;
background: #f7f7f7 url(//cdn.nexternal.com/add-icon.svg) 16px 16px no-repeat
}
.gmap-new-loaction-btn:hover {
color: #333;
background-color: #f2f2f2
}
.gmap-marker-locations li {
background: #f7f7f7 url(../pin-icon.png) 15px 11px no-repeat;
display: block;
padding: 12px 12px 12px 42px;
border-radius: 6px;
border: 1px solid #bfbfbf;
margin-bottom: 15px
}
.gmap-marker-locations span {
font-size: 14px;
color: grey
}
.gmap-marker-locations a {
float: right;
line-height: 12px;
margin-top: 5px
}
.gmap-marker-locations .gmap-edit-btn {
color: #489dd8;
padding-right: 5px;
margin-right: 5px;
border-right: 2px solid #d9d9d9
}
.gmap-marker-locations .gmap-delete-btn {
color: #ec2700
}
.animated-column-icon {
display: block!important
}
.mk-animated-columns .s_item {
transition: background .2s ease-out;
border-style: solid
}
.mk-animated-columns .s_desc {
padding: 20px 30px 50px 30px
}
.mk-animated-columns.has-border .s_item:last-of-type {
border-right-width: 1px
}
@media handheld, only screen and (min-width:961px) {
.mk-animated-columns.has-border.a_8col .s_item:nth-of-type(8n) {
border-right-width: 1px
}
.mk-animated-columns.has-border.a_7col .s_item:nth-of-type(7n) {
border-right-width: 1px
}
.mk-animated-columns.has-border.a_6col .s_item:nth-of-type(6n) {
border-right-width: 1px
}
.mk-animated-columns.has-border.a_5col .s_item:nth-of-type(5n) {
border-right-width: 1px
}
.mk-animated-columns.has-border.a_4col .s_item:nth-of-type(4n) {
border-right-width: 1px
}
.mk-animated-columns.has-border.a_3col .s_item:nth-of-type(3n) {
border-right-width: 1px
}
.mk-animated-columns.has-border.a_2col .s_item:nth-of-type(2n) {
border-right-width: 1px
}
.mk-animated-columns.has-border.a_1col .s_item:nth-of-type(1n) {
border-right-width: 1px
}
}
@media handheld, only screen and (max-width:960px) {
.mk-animated-columns.has-border .s_item {
border-right-width: 1px
}
.mk-animated-columns .s_item {
width: 100%
}
.mk-animated-columns.has-border.o2col .s_item {
border-right-width: 0
}
.mk-animated-columns.has-border.o2col .s_item:nth-of-type(2n) {
border-right-width: 1px
}
.mk-animated-columns.o2col .s_item {
width: 50%
}
.mk-animated-columns.has-border.o3col .s_item {
border-right-width: 0
}
.mk-animated-columns.has-border.o2col.o3col .s_item:nth-of-type(2n) {
border-right-width: 0
}
.mk-animated-columns.has-border.o2col.o3col .s_item:nth-of-type(3n) {
border-right-width: 1px
}
.mk-animated-columns.o3col .s_item {
width: 33.33%
}
.mk-animated-columns.has-border .s_item:last-of-type {
border-right-width: 1px
}
}
@media handheld, only screen and (max-width:767px) {
.mk-animated-columns.has-border .s_item {
border-right-width: 1px!important
}
.mk-animated-columns .s_item {
width: 100%!important
}
}
.mk-animated-columns.full-style .s_title:after {
position: absolute;
content: '';
display: block;
bottom: -10px;
left: 50%;
margin-left: -15px;
height: 2px;
width: 30px
}
.mk-animated-columns.simple-style .s_title {
top: -100%
}
.mk-animated-columns .animated-column-item .mk-button-container {
margin-right: 0!important
}
.mk-audio-section {
display: block;
background-color: #fbb845;
height: 100px
}
.mk-audio-section>img {
float: left;
filter: grayscale(100%);
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);
filter: gray;
-webkit-filter: grayscale(1);
opacity: .7
}
.mk-audio-section .mk-audio-author {
font-size: 12px;
font-weight: 700;
text-transform: capitalize;
position: absolute;
top: 40px;
left: 10px;
display: block;
color: #fff
}
.mk-audio-shortcode {
margin-bottom: 30px;
height: 170px!important
}
.mk-audio-shortcode .audio-thumb {
height: inherit!important
}
.mk-audio-shortcode .jp-audio.audio-has-img {
margin-left: 170px
}
.mk-audio-shortcode .jp-audio div.jp-interface {
min-height: 170px!important
}
.jp-audio {
display: block;
direction: ltr;
text-align: left
}
.jp-audio.audio-has-img {
margin-left: 100px
}
.jp-interface {
position: relative;
width: 100%
}
.jp-audio .jp-type-single .jp-interface {
min-height: 90px
}
.jp-controls-holder {
clear: both;
width: 100%;
margin: 0 auto;
position: relative;
overflow: hidden;
top: -8px
}
.jp-interface ul.jp-controls {
list-style-type: none;
margin: -14px 0 0 -28px;
padding: 0;
position: absolute;
top: 50%;
left: 50%
}
.jp-interface ul.jp-controls li {
margin: 0
}
.jp-interface ul.jp-controls li {
display: inline;
float: left
}
.jp-interface ul.jp-controls a {
display: block
}
a.jp-pause, a.jp-play {
padding: 9px 6px 7px 10px;
display: block;
width: 30px;
height: 30px;
text-align: center;
border: 1px solid #252525;
border-radius: 50px
}
a.jp-pause:hover, a.jp-play:hover {
border-color: #fff
}
a.jp-pause:hover svg, a.jp-play:hover svg {
fill: #fff
}
a.jp-pause svg, a.jp-play svg {
height: 16px;
fill: #252525;
vertical-align: middle
}
a.jp-pause {
padding: 9px 8px 7px;
display: none
}
.jp-progress {
background-color: rgba(0,0,0,.2)
}
.jp-audio .jp-progress {
position: absolute;
top: 0;
left: 0;
height: 12px
}
.jp-audio .jp-type-single .jp-progress {
left: 0;
width: 100%
}
.jp-seek-bar {
width: 0;
height: 100%;
cursor: pointer
}
.jp-play-bar {
background-color: #000;
background-color: rgba(0,0,0,.5);
width: 0;
height: 100%;
position: relative
}
a.jp-mute, a.jp-unmute, a.jp-volume-max {
width: 18px;
height: 15px;
margin-top: 0
}
.jp-volume-bar, .jp-volume-bar-value {
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAiCAQAAADragGFAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo1RjJBNDk2RjQwRDcxMUUzODhFNUVBRjVCMDg3MjJCMSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo1RjJBNDk3MDQwRDcxMUUzODhFNUVBRjVCMDg3MjJCMSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjVGMkE0OTZENDBENzExRTM4OEU1RUFGNUIwODcyMkIxIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjVGMkE0OTZFNDBENzExRTM4OEU1RUFGNUIwODcyMkIxIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+S5VOAwAAAHNJREFUSMftksENwDAIA1nGc7E9a6SvSqgiQHGekb93EjIWSJ71CQwmXQkGa0seriWD9SUH11IA76UEPiyNzqOKoCqnnsvMKBzsGuRKr/S7coX2n6vQtuThWlJoX3JwLQXwXkrgw9LoPKoIqnLqucyMosE+NlMGu0fPTasAAAAASUVORK5CYII=) left bottom no-repeat
}
.jp-volume-bar {
position: absolute;
right: 10px;
bottom: 10px;
width: 26px;
height: 14px;
cursor: pointer
}
.jp-volume-bar svg {
position: absolute;
top: 0;
left: -12px;
fill: #252525;
height: 16px
}
.jp-volume-bar-value {
width: 0;
height: 14px
}
.jp-audio .jp-time-holder {
position: absolute;
top: 20px;
left: 0;
width: 100%;
padding: 0 10px
}
.jp-audio .jp-type-single .jp-time-holder {
color: #fff;
font-size: 12px;
width: 100%;
font-weight: 700
}
.jp-current-time, .jp-duration {
display: inline-block
}
.jp-current-time {
float: left
}
.jp-duration {
float: right
}
.jp-jplayer, .jp-jplayer audio {
width: 0;
height: 0
}
.jp-jplayer {
background-color: #000
}
ul.jp-toggles {
list-style-type: none;
padding: 0;
margin: 0 auto;
overflow: hidden
}
.jp-audio .jp-type-single ul.jp-toggles {
width: 25px
}
.jp-audio .jp-type-playlist ul.jp-toggles {
width: 55px;
margin: 0;
position: absolute;
left: 325px;
top: 50px
}
ul.jp-toggles li {
display: block;
float: right
}
ul.jp-toggles li a {
display: block;
width: 25px;
height: 18px;
text-indent: -9999px;
line-height: 100%
}
.jp-no-solution {
padding: 5px;
font-size: .8em;
background-color: #eee;
border: 2px solid #009be3;
color: #000;
display: none
}
.jp-no-solution a {
color: #000
}
.jp-no-solution span {
font-size: 1em;
display: block;
text-align: center;
font-weight: 700
}
.mk-banner-builder {
margin-bottom: 0
}
.mk-blockquote {
position: relative;
margin-bottom: 20px;
line-height: 150%!important
}
.mk-blockquote p {
margin-bottom: 0
}
.mk-blockquote.align-left {
float: left
}
.mk-blockquote.align-right {
float: right
}
.mk-blockquote.align-left {
float: none;
clear: both
}
.mk-blockquote.quote-style {
padding: 20px 20px 20px 70px;
background-color: #f6f6f6;
background-color: rgba(0,0,0,.05)
}
.mk-blockquote.quote-style .mk-svg-icon {
position: absolute;
top: 20px;
left: 20px;
display: block;
fill: #ddd;
fill: rgba(0,0,0,.1);
height: 32px!important;
width: 32px!important
}
.mk-blockquote.line-style {
padding: 10px 10px 10px 40px;
border-left: 2px solid
}
@media handheld, only screen and (max-width:760px) {
.mk-blockquote {
font-size: 14px!important
}
}
.mk-blog-container-lazyload .blog-image, .mk-blog-container-lazyload .swiper-slide-image {
background-color: #e0e0e0
}
.mk-blog-classic-item {
margin-bottom: 40px;
border: 1px solid #eee;
overflow: hidden;
position: relative;
width: 100%;
background-color: #fff
}
.mk-blog-classic-item .mk-readmore {
letter-spacing: 1px;
text-transform: uppercase;
position: absolute;
right: 30px;
bottom: 25px
}
.mk-blog-classic-item .mk-readmore svg {
margin-right: 5px;
height: 8px
}
.mk-blog-classic-item .mk-readmore:hover {
color: #252525!important
}
.mk-blog-classic-item .blog-social-share {
left: 50px;
bottom: -10px;
min-width: 180px
}
.mk-blog-classic-item .blog-social-share:before {
left: -5px;
top: 50%
}
.mk-blog-classic-item .blog-social-share li {
float: left;
display: inline-block
}
@media handheld, only screen and (max-width:600px) {
.mk-blog-classic-item .blog-social-share {
min-width: 130px;
padding: 10px;
bottom: -5px
}
.mk-blog-classic-item .blog-social-share a {
margin: 0 5px
}
}
.mk-blog-classic-item .mk-audio-section {
height: 170px;
margin-bottom: 0
}
@media handheld, only screen and (max-width:780px) {
.mk-blog-classic-item .mk-audio-section .audio-has-img {
margin: 0!important
}
.mk-blog-classic-item .mk-audio-section .audio-thumb {
display: none
}
}
.mk-blog-classic-item .mk-audio-section .jp-audio.audio-has-img {
margin-left: 170px
}
.mk-blog-classic-item .mk-audio-section .jp-audio div.jp-interface {
min-height: 160px!important
}
.mk-blog-classic-item.instagram-post-type {
border: 0
}
.mk-blog-classic-item.instagram-post-type .instagram-image {
display: block
}
.mk-blog-classic-item.instagram-post-type .instagram-image img {
width: 100%
}
.mk-blog-classic-item.instagram-post-type .instagram-title {
padding: 40px 40px 0;
font-size: 24px;
margin-bottom: 0
}
.mk-blog-classic-item.instagram-post-type .instagram-title span a {
display: none
}
.mk-blog-classic-item.instagram-post-type .instagram-title svg {
display: none
}
.mk-blog-classic-item.instagram-post-type .mk-blog-meta {
padding: 0;
padding: 0 20px 40px 40px
}
.mk-blog-classic-item.instagram-post-type .mk-blog-meta .mk-blog-meta-wrapper {
padding-left: 40px;
position: relative;
top: 30px
}
.mk-blog-classic-item.instagram-post-type .mk-blog-meta .mk-blog-meta-wrapper:before {
width: 24px;
height: 24px;
content: '';
position: absolute;
left: 0;
top: 0
}
.mk-blog-classic-item.instagram-post-type .mk-blog-meta .mk-blog-meta-wrapper .mk-categories {
display: none
}
.mk-blog-classic-item.instagram-post-type .blog-share-container {
float: right
}
.mk-blog-classic-item.instagram-post-type .mk-readmore, .mk-blog-classic-item.instagram-post-type .the-excerpt, .mk-blog-classic-item.instagram-post-type .the-title {
display: none
}
.mk-blog-classic-item.instagram-post-type .blog-social-share {
left: auto;
right: 67px
}
.mk-blog-classic-item.instagram-post-type .blog-social-share:before {
left: auto;
right: -5px
}
.mk-blog-classic-item.blockquote-post-type {
padding: 70px 40px 40px
}
.mk-blog-classic-item.blockquote-post-type .blog-blockquote-content {
font-size: 26px;
line-height: 40px;
color: #222;
padding-left: 70px
}
.mk-blog-classic-item.blockquote-post-type .the-excerpt {
display: none
}
.mk-blog-classic-item.blockquote-post-type .blog-blockquote-content .mk-svg-icon {
position: absolute;
top: 70px;
left: 40px;
display: block;
fill: #ddd;
fill: rgba(0,0,0,.1)
}
.mk-blog-classic-item.blockquote-post-type .blog-blockquote-content footer {
text-align: right;
color: #999;
font-style: italic;
font-size: 20px
}
.mk-blog-classic-item.blockquote-post-type .mk-blog-meta-wrapper {
position: absolute;
top: 40px;
left: 40px
}
.mk-blog-classic-item.blockquote-post-type .mk-blog-meta-wrapper .mk-categories {
display: none
}
.mk-blog-classic-item.blockquote-post-type .mk-blog-meta {
padding: 0
}
.mk-blog-classic-item.blockquote-post-type .mk-readmore, .mk-blog-classic-item.blockquote-post-type .the-title {
display: none
}
.mk-blog-classic-item.twitter-post-type {
padding: 70px 40px 40px
}
.mk-blog-classic-item .blog-twitter-content {
font-size: 22px;
color: #222;
line-height: 40px;
padding-left: 50px;
position: relative;
word-wrap: break-word
}
.mk-blog-classic-item .blog-twitter-content:before {
content: '';
width: 35px;
height: 100%;
background-position: center 10px;
background-repeat: no-repeat;
display: inline-block;
position: absolute;
left: 0;
top: 0
}
.mk-blog-classic-item .blog-twitter-content a {
color: #55acee
}
.mk-blog-classic-item .blog-twitter-content footer {
text-align: right;
line-height: normal;
position: absolute;
top: 130%;
right: 40px
}
.mk-blog-classic-item .blog-twitter-content footer a, .mk-blog-classic-item .blog-twitter-content footer span {
display: block
}
.mk-blog-classic-item .blog-twitter-content footer span {
font-weight: 700;
font-size: 20px;
color: #222
}
.mk-blog-classic-item .blog-twitter-content footer a {
color: #55acee;
font-size: 16px
}
@media handheld, only screen and (max-width:480px) {
.mk-blog-classic-item .blog-twitter-content {
padding-left: 0;
padding-top: 80px
}
.mk-blog-classic-item .blog-twitter-content:before {
left: 50%;
top: 15px;
margin-left: -17px
}
.mk-blog-classic-item .blog-twitter-content footer {
position: static;
margin-top: 25px
}
}
.mk-blog-classic-item.twitter-post-type .mk-blog-meta-wrapper {
position: absolute;
top: 40px;
left: 40px
}
.mk-blog-classic-item.twitter-post-type .mk-blog-meta-wrapper .mk-blog-author, .mk-blog-classic-item.twitter-post-type .mk-blog-meta-wrapper .mk-categories, .mk-blog-classic-item.twitter-post-type .mk-blog-meta-wrapper>span {
display: none
}
.mk-blog-classic-item.twitter-post-type .mk-blog-meta {
padding: 0;
margin-top: 30px
}
.mk-blog-classic-item.twitter-post-type .mk-readmore, .mk-blog-classic-item.twitter-post-type .the-excerpt, .mk-blog-classic-item.twitter-post-type .the-title {
display: none
}
.mk-blog-container .featured-image:hover .image-hover-overlay {
opacity: .9
}
.mk-blog-classic-item .blog-loop-comments, .mk-blog-classic-item .mk-blog-share {
height: 36px;
line-height: 36px;
width: 36px;
background-color: #000;
background-color: rgba(0,0,0,.1);
border-radius: 2px;
position: relative;
display: inline-block;
float: left;
margin-right: 15px;
text-align: center;
cursor: pointer;
display: table;
transition: all .15s
}
.mk-blog-classic-item .blog-loop-comments svg, .mk-blog-classic-item .mk-blog-share svg {
vertical-align: text-top;
fill: #636363
}
.mk-blog-classic-item .blog-loop-comments svg, .mk-blog-classic-item .mk-blog-share svg {
height: 16px
}
.mk-blog-classic-item .blog-loop-comments span {
position: absolute;
left: 25px;
top: -10px;
font-weight: 700;
color: #fff;
line-height: 10px;
font-size: 11px;
height: 20px;
padding: 0 7px;
line-height: 20px;
border-radius: 30px
}
.mk-blog-classic-item .blog-loop-comments:hover, .mk-blog-classic-item .mk-blog-share:hover {
background-color: rgba(0,0,0,.2)
}
.blog-share-container {
position: relative;
float: left
}
.mk-blog-portraite {
width: 100%
}
.mk-blog-portraite .blog-gallery-type, .mk-blog-portraite .featured-image {
float: left;
display: inline-block;
width: 50%
}
.mk-blog-portraite .mk-blog-meta {
float: left;
width: 50%
}
@media handheld, only screen and (max-width:1140px) {
.mk-blog-portraite {
width: 100%
}
.mk-blog-portraite .blog-gallery-type, .mk-blog-portraite .featured-image {
float: none!important;
display: block;
width: 100%!important
}
.mk-blog-portraite .mk-blog-meta {
float: none!important;
width: 100%!important
}
.mk-swipe-slideshow {
max-width: 100%!important
}
}
.sticky {
border: 1px solid #ccc
}
.the-excerpt {
-ms-word-wrap: break-word;
word-wrap: break-word
}
.mk-readmore {
line-height: 12px;
font-weight: 700;
font-size: 12px
}
.mk-readmore svg {
margin-right: 5px;
height: 8px
}
.mk-readmore:hover {
color: #252525!important
}
.mk-blog-classic-item .mk-blog-meta, .mk-blog-modern-item .mk-blog-meta {
padding: 40px
}
.mk-blog-classic-item .the-title, .mk-blog-modern-item .the-title {
letter-spacing: 1px;
margin-top: 5px
}
.mk-blog-classic-item .the-title a, .mk-blog-modern-item .the-title a {
font-size: 24px;
line-height: 24px
}
.mk-blog-classic-item .the-excerpt, .mk-blog-modern-item .the-excerpt {
margin-bottom: 30px
}
.mk-blog-classic-item .mk-blog-meta-wrapper, .mk-blog-modern-item .mk-blog-meta-wrapper {
font-size: 12px;
font-style: italic;
color: #999
}
.mk-blog-classic-item .mk-blog-meta-wrapper>div, .mk-blog-modern-item .mk-blog-meta-wrapper>div {
display: inline-block;
margin-right: 5px
}
.mk-blog-classic-item .mk-blog-meta-wrapper a, .mk-blog-modern-item .mk-blog-meta-wrapper a {
color: #252525
}
.mk-blog-classic-item .featured-image, .mk-blog-modern-item .featured-image {
position: relative;
display: block;
overflow: hidden
}
.mk-blog-classic-item .featured-image a, .mk-blog-modern-item .featured-image a {
overflow: hidden;
display: block
}
.mk-blog-classic-item .featured-image img, .mk-blog-modern-item .featured-image img {
position: relative;
width: 100%;
max-width: 100%
}
.mk-blog-classic-item .swiper-slide img, .mk-blog-modern-item .swiper-slide img {
width: 100%
}
.mk-blog-classic-item .featured-image:hover .image-hover-overlay, .mk-blog-modern-item .featured-image:hover .image-hover-overlay {
opacity: .85
}
.mk-blog-classic-item .featured-image:hover img, .mk-blog-modern-item .featured-image:hover img {
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1)
}
.blog-social-share {
position: absolute;
background-color: #252525;
margin: 0;
list-style: none;
display: block;
text-align: center;
padding: 15px 10px;
display: none
}
.blog-social-share:before {
display: block;
width: 10px;
height: 10px;
position: absolute;
margin-top: -5px;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
background-color: #252525;
content: ""
}
.blog-social-share li {
margin: 0
}
.blog-social-share li a {
color: #a8a8a8;
display: block;
margin: 0 10px
}
.blog-social-share li a:hover {
color: #fff
}
.blog-social-share li a svg {
height: 16px;
vertical-align: top;
margin-top: 4px
}
.mk-blog-container .mk-swipe-slideshow {
margin-bottom: 0
}
.mk-blog-container .audio-iframe {
margin-bottom: 25px
}
.mk-gallery, .mk-portfolio-grid, .mk-portfolio-masonry, .mk-spotlight-wrapper {
width: 100%
}
.mk-blog-container {
transition: height .1s
}
.mk-blog-grid-item {
position: relative;
float: left;
overflow: hidden;
margin: 0;
-webkit-backface-visibility: hidden;
backface-visibility: hidden
}
.mk-blog-grid-item .blog-grid-holder {
margin: 0 12px 24px 12px;
border: 1px solid #e3e3e3;
background-color: #fff
}
.mk-blog-grid-item.one-column {
width: 100%
}
.mk-blog-grid-item.two-column {
width: 50%
}
.mk-blog-grid-item.three-column {
width: 33.33%
}
.mk-blog-grid-item.four-column {
width: 25%
}
.mk-blog-grid-item.four-column .blog-grid-holder {
margin: 0 8px 16px 8px
}
.mk-blog-grid-item .mk-swipe-slideshow img {
width: 100%
}
@media handheld, only screen and (max-width:960px) {
.mk-blog-grid-item.four-column, .mk-blog-grid-item.three-column {
width: 49.5%!important
}
}
@media handheld, only screen and (max-width:650px) {
.mk-blog-grid-item.four-column, .mk-blog-grid-item.one-column, .mk-blog-grid-item.three-column, .mk-blog-grid-item.two-column {
width: 100%!important
}
.mk-blog-grid-item.four-column .blog-grid-holder, .mk-blog-grid-item.one-column .blog-grid-holder, .mk-blog-grid-item.three-column .blog-grid-holder, .mk-blog-grid-item.two-column .blog-grid-holder {
margin: 0 0 18px 0!important
}
}
.mk-blog-grid-item .featured-image {
position: relative;
display: block;
overflow: hidden
}
.mk-blog-grid-item .featured-image img {
position: relative;
width: 100%
}
.mk-blog-grid-item .featured-image:hover .blog-grid-hover-icon {
opacity: 1
}
.mk-blog-grid-item .mk-blog-meta {
padding: 20px;
line-height: 18px
}
.mk-blog-grid-item time {
display: block;
margin-bottom: 10px
}
.mk-blog-grid-item time a {
color: #999;
font-style: italic;
font-size: 11px
}
.mk-blog-grid-item .the-title {
margin-top: 5px;
text-transform: uppercase!important;
line-height: 18px!important
}
.mk-blog-grid-item .the-title a {
letter-spacing: 1px;
font-size: 14px;
line-height: 18px
}
.mk-blog-grid-item .the-excerpt {
margin: 5px 0
}
.mk-blog-grid-item .blog-grid-hover-icon {
font-size: 48px;
width: 48px;
height: 48px;
color: #fff;
position: absolute;
left: 50%;
top: 50%;
margin: -24px 0 0 -24px;
opacity: 0
}
.mk-blog-grid-item .blog-grid-footer {
position: relative;
padding: 15px 20px;
border-top: 1px solid #e3e3e3
}
.mk-blog-grid-item .mk-love-holder {
position: absolute;
right: 20px;
top: 15px
}
.mk-blog-grid-item.instagram-post-type .blog-grid-holder {
position: relative
}
.mk-blog-grid-item.instagram-post-type .blog-grid-holder .instagram-image {
display: block
}
.mk-blog-grid-item.instagram-post-type .blog-grid-holder .instagram-title {
padding: 15px 25px;
background: linear-gradient(0deg, rgba(0,0,0,.6) 0, rgba(0,0,0,0) 100%);
left: 0;
position: absolute;
margin-bottom: 0;
bottom: 50px;
width: calc(100% - 50px);
color: #fff!important;
font-size: 14px;
font-weight: 700;
text-transform: initial;
line-height: 20px
}
.mk-blog-grid-item.instagram-post-type .blog-grid-holder .instagram-title span {
padding-left: 30px;
display: block;
color: #fff
}
.mk-blog-grid-item.instagram-post-type .blog-grid-holder .instagram-image img {
width: 100%
}
.mk-blog-grid-item.instagram-post-type .blog-grid-holder .instagram-title span a {
color: #55acee;
display: block
}
.mk-blog-grid-item.instagram-post-type .blog-grid-holder .instagram-title svg {
position: absolute;
left: 25px;
top: 18px;
height: 20px
}
.mk-blog-grid-item.instagram-post-type .blog-grid-holder .mk-blog-meta {
padding: 0
}
.mk-blog-grid-item.instagram-post-type .blog-grid-holder .mk-blog-meta .the-excerpt, .mk-blog-grid-item.instagram-post-type .blog-grid-holder .mk-blog-meta .the-title {
display: none
}
.mk-blog-grid-item.instagram-post-type .blog-grid-holder .mk-blog-meta .mk-blog-meta-wrapper {
position: absolute;
left: 20px;
bottom: 5px
}
.mk-blog-grid-item.instagram-post-type .blog-grid-holder .blog-grid-footer {
padding-top: 25px;
padding-bottom: 25px
}
.mk-blog-grid-item.instagram-post-type .blog-grid-holder .blog-grid-footer .mk-readmore {
display: none
}
.mk-blog-grid-item.instagram-post-type .blog-grid-holder .mk-love-holder {
top: 12px
}
.mk-blog-grid-item.blockquote-post-type .blog-grid-holder {
position: relative
}
.mk-blog-grid-item.blockquote-post-type .blog-grid-holder .blog-blockquote-content {
font-size: 22px;
line-height: 40px;
color: #222;
padding: 40px 25px 25px 80px
}
.mk-blog-grid-item.blockquote-post-type .blog-grid-holder .blog-blockquote-content .mk-svg-icon {
position: absolute;
top: 50px;
left: 25px;
display: block;
fill: #ddd;
fill: rgba(0,0,0,.1)
}
.mk-blog-grid-item.blockquote-post-type .blog-grid-holder .blog-blockquote-content footer {
text-align: right;
color: #999;
font-style: italic;
font-size: 20px
}
.mk-blog-grid-item.blockquote-post-type .blog-grid-holder .mk-blog-meta {
padding: 0
}
.mk-blog-grid-item.blockquote-post-type .blog-grid-holder .mk-blog-meta .the-excerpt, .mk-blog-grid-item.blockquote-post-type .blog-grid-holder .mk-blog-meta .the-title {
display: none
}
.mk-blog-grid-item.blockquote-post-type .blog-grid-holder .mk-blog-meta .mk-blog-meta-wrapper {
position: absolute;
left: 20px;
bottom: 5px
}
.mk-blog-grid-item.blockquote-post-type .blog-grid-holder .blog-grid-footer {
padding-top: 25px;
padding-bottom: 25px
}
.mk-blog-grid-item.blockquote-post-type .blog-grid-holder .blog-grid-footer .mk-readmore {
display: none
}
.mk-blog-grid-item.blockquote-post-type .blog-grid-holder .mk-love-holder {
top: 12px
}
.mk-blog-grid-item.twitter-post-type .blog-grid-holder {
position: relative
}
.mk-blog-grid-item.twitter-post-type .blog-grid-holder .blog-twitter-content {
font-size: 22px;
color: #222;
line-height: 36px;
padding-bottom: 30px;
padding: 25px 40px 90px;
word-wrap: break-word
}
.mk-blog-grid-item.twitter-post-type .blog-grid-holder .blog-twitter-content:before {
content: '';
width: 100%;
height: 30px;
display: block;
margin-bottom: 45px;
background-repeat: no-repeat;
background-position: center
}
.mk-blog-grid-item.twitter-post-type .blog-grid-holder .blog-twitter-content a {
color: #55acee
}
.mk-blog-grid-item.twitter-post-type .blog-grid-holder .blog-twitter-content footer {
text-align: left;
line-height: normal;
margin-top: 35px
}
.mk-blog-grid-item.twitter-post-type .blog-grid-holder .blog-twitter-content footer a, .mk-blog-grid-item.twitter-post-type .blog-grid-holder .blog-twitter-content footer span {
display: block
}
.mk-blog-grid-item.twitter-post-type .blog-grid-holder .blog-twitter-content footer span {
font-weight: 700;
font-size: 14px;
color: #222
}
.mk-blog-grid-item.twitter-post-type .blog-grid-holder .blog-twitter-content footer a {
color: #55acee;
font-size: 12px
}
.mk-blog-grid-item.twitter-post-type .blog-grid-holder .mk-blog-meta {
padding: 0
}
.mk-blog-grid-item.twitter-post-type .blog-grid-holder .mk-blog-meta .mk-readmore, .mk-blog-grid-item.twitter-post-type .blog-grid-holder .mk-blog-meta .the-excerpt, .mk-blog-grid-item.twitter-post-type .blog-grid-holder .mk-blog-meta .the-title {
display: none
}
.mk-blog-grid-item.twitter-post-type .blog-grid-holder .mk-blog-meta .mk-blog-meta-wrapper {
position: absolute;
left: 20px;
bottom: 5px
}
.mk-blog-grid-item.twitter-post-type .blog-grid-holder .blog-grid-footer {
padding-top: 25px;
padding-bottom: 25px
}
.mk-blog-grid-item.twitter-post-type .blog-grid-holder .blog-grid-footer .mk-readmore {
display: none
}
.mk-blog-grid-item.twitter-post-type .blog-grid-holder .mk-love-holder {
top: 12px
}
.mk-blog-container.no-border .mk-blog-grid-item .blog-grid-holder {
border: transparent
}
.mk-blog-container.no-border .mk-blog-grid-item .blog-grid-holder .blog-grid-footer {
border: transparent
}
.mk-blog-magazine-item {
margin: 0
}
.mk-blog-magazine-item .the-title {
font-size: 16px!important;
margin-bottom: 5px;
letter-spacing: 1px
}
.mk-blog-magazine-item .blog-item-holder {
background-color: #fff
}
.mk-blog-magazine-item .mk-blog-meta {
margin-bottom: 15px;
font-size: 13px;
color: #a6a6a6;
font-style: italic
}
.mk-blog-magazine-item .mk-blog-meta a {
color: #a6a6a6
}
.mk-blog-magazine-item .mk-blog-meta .mk-categories, .mk-blog-magazine-item .mk-blog-meta time {
display: inline-block;
float: left
}
.mk-blog-magazine-item.magazine-featured-post {
box-sizing: border-box;
margin-bottom: 25px
}
.mk-blog-magazine-item.magazine-featured-post .item-wrapper {
padding: 20px 25px 25px
}
.mk-blog-magazine-item.magazine-featured-post .item-wrapper:after, .mk-blog-magazine-item.magazine-featured-post .item-wrapper:before {
content: " ";
display: table
}
.mk-blog-magazine-item.magazine-featured-post .item-wrapper:after {
clear: both
}
.mk-blog-magazine-item.magazine-featured-post .featured-image {
position: relative;
overflow: hidden
}
.mk-blog-magazine-item.magazine-featured-post .featured-image img {
width: 100%
}
.mk-blog-magazine-item.magazine-featured-post .featured-image .image-gradient-overlay {
background: linear-gradient(to bottom, rgba(255,255,255,0) 0, rgba(255,255,255,.87) 70%, #fff 100%);
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 50%
}
.mk-blog-magazine-item.magazine-featured-post .blog-magazine-social-section {
float: right;
display: inline-block;
color: #999
}
.mk-blog-magazine-item.magazine-featured-post .blog-magazine-social-section span {
color: #999
}
.mk-blog-magazine-item.magazine-featured-post .blog-magazine-social-section svg {
fill: #bdbdbd
}
.mk-blog-magazine-item.magazine-featured-post .blog-magazine-social-section span {
font-size: 11px
}
.mk-blog-magazine-item.magazine-featured-post .blog-magazine-social-section .mk-love-holder {
display: inline-block;
margin-left: 10px
}
.mk-blog-magazine-item.magazine-featured-post .blog-magazine-social-section .blog-loop-comments svg, .mk-blog-magazine-item.magazine-featured-post .blog-magazine-social-section .mk-love-holder svg {
height: 16px;
margin-right: 3px;
vertical-align: middle
}
.mk-blog-magazine-item.magazine-featured-post .the-excerpt p {
letter-spacing: 1px;
color: #797979;
font-size: 14px
}
.mk-blog-magazine-item.magazine-thumb-post {
width: 50%;
margin-bottom: 25px;
box-sizing: border-box;
float: left
}
.mk-blog-magazine-item.magazine-thumb-post .the-title {
font-size: 14px!important;
margin-top: 15px;
margin-bottom: 8px
}
.mk-blog-magazine-item.magazine-thumb-post .featured-image {
width: 20%;
float: left;
position: relative;
overflow: hidden
}
.mk-blog-magazine-item.magazine-thumb-post .item-wrapper {
width: 70%;
float: left;
padding: 5px 5px 0 20px
}
.mk-blog-magazine-item.magazine-thumb-post .item-wrapper .blog-title {
margin: 5px 0
}
@media handheld, only screen and (max-width:767px) {
.mk-blog-magazine-item.magazine-featured-post {
width: 100%!important;
padding-right: 0!important;
margin-bottom: 25px!important
}
.mk-blog-magazine-item.magazine-featured-post .blog-item-holder {
margin-left: 0!important;
margin-right: 0!important
}
.mk-blog-magazine-item.magazine-featured-post:before {
width: 0!important
}
.mk-blog-magazine-item.magazine-thumb-post {
width: 100%!important
}
}
.mag-one-column .magazine-featured-post {
margin-bottom: 25px
}
.mag-one-column .magazine-thumb-post {
width: 100%
}
.mag-two-column-left .magazine-featured-post, .mag-two-column-right .magazine-featured-post {
width: 50%;
float: right;
position: relative
}
.mag-two-column-left .magazine-thumb-post, .mag-two-column-right .magazine-thumb-post {
width: 50%
}
.mag-two-column-right .magazine-featured-post {
float: right
}
.mag-two-column-right .magazine-featured-post .blog-item-holder {
margin-left: 25px
}
.mag-two-column-right .magazine-thumb-post {
float: left
}
.mag-two-column-left .magazine-featured-post {
float: left
}
.mag-two-column-left .magazine-featured-post .blog-item-holder {
margin-right: 25px
}
.mag-two-column-left .magazine-thumb-post {
float: right
}
.mk-blog-modern-item {
width: 100%;
margin-bottom: 50px;
position: relative
}
.mk-blog-modern-item .mk-blog-meta {
margin: 0 20px 20px 100px;
display: block;
padding: 0!important
}
.mk-blog-modern-item .featured-image, .mk-blog-modern-item .mk-audio-section, .mk-blog-modern-item .mk-swipe-slideshow {
margin-bottom: 25px!important
}
.mk-blog-modern-item .mk-audio-section {
height: 170px
}
@media handheld, only screen and (max-width:780px) {
.mk-blog-modern-item .mk-audio-section .audio-has-img {
margin: 0!important
}
.mk-blog-modern-item .mk-audio-section .audio-thumb {
display: none
}
}
.mk-blog-modern-item .mk-audio-section .jp-audio.audio-has-img {
margin-left: 170px
}
.mk-blog-modern-item .mk-audio-section .jp-audio div.jp-interface {
min-height: 160px!important
}
.mk-blog-modern-item .blog-loop-comments, .mk-blog-modern-item .mk-blog-share, .mk-blog-modern-item .mk-love-holder {
display: block;
padding: 12px 0;
color: #898989;
text-align: center;
line-height: 15px
}
.mk-blog-modern-item .blog-loop-comments svg, .mk-blog-modern-item .mk-blog-share svg, .mk-blog-modern-item .mk-love-holder svg {
height: 16px
}
.mk-blog-modern-item .blog-loop-comments span, .mk-blog-modern-item .mk-blog-share span, .mk-blog-modern-item .mk-love-holder span {
margin-top: 2px
}
.mk-blog-modern-item .blog-share-container {
display: block;
float: none;
border-bottom: 1px solid #efefef
}
.mk-blog-modern-item .blog-loop-comments {
line-height: 16px;
border-bottom: 1px solid #efefef
}
.mk-blog-modern-item .blog-loop-comments span {
display: block;
font-size: 11px
}
.mk-blog-modern-item .mk-blog-share {
cursor: pointer;
padding: 20px 0
}
.mk-blog-modern-item .mk-love-holder i span {
position: absolute
}
.mk-blog-modern-item .mk-love-holder .mk-love-count {
display: block
}
.mk-blog-modern-item .blog-social-share {
position: absolute;
left: -6px;
top: -52px;
width: 216px;
background-color: #252525;
margin: 0;
list-style: none;
text-align: center;
padding: 10px;
text-transform: none
}
.mk-blog-modern-item .blog-social-share:before {
left: 25px;
bottom: -5px
}
.mk-blog-modern-item .blog-social-share li {
display: inline-block;
margin: 3px 2px
}
.mk-blog-modern-item.blockquote-post-type {
position: relative
}
.mk-blog-modern-item.blockquote-post-type .blog-blockquote-content {
padding: 50px 20px 20px 170px;
font-size: 26px;
line-height: 40px;
color: #222
}
.mk-blog-modern-item.blockquote-post-type .the-excerpt {
display: none
}
.mk-blog-modern-item.blockquote-post-type .blog-blockquote-content .mk-svg-icon {
position: absolute;
top: 60px;
left: 100px;
display: block;
fill: #ddd;
fill: rgba(0,0,0,.1)
}
.mk-blog-modern-item.blockquote-post-type .blog-blockquote-content footer {
text-align: right;
color: #999;
font-style: italic;
font-size: 20px
}
.mk-blog-modern-item.blockquote-post-type .blog-modern-social-section {
float: none;
position: absolute;
left: 0;
top: 0;
height: 100%
}
.mk-blog-modern-item.blockquote-post-type .mk-blog-meta-wrapper .mk-categories {
display: none
}
.mk-blog-modern-item.blockquote-post-type .mk-blog-meta {
margin: 0!important;
display: inline-block;
position: absolute;
top: 0;
left: 100px
}
.mk-blog-modern-item.blockquote-post-type .mk-blog-meta .mk-button, .mk-blog-modern-item.blockquote-post-type .mk-blog-meta .the-title {
display: none!important
}
.mk-blog-modern-item.blockquote-post-type .mk-blog-meta .the-excerpt {
margin-bottom: 0
}
.mk-blog-modern-item.instagram-post-type .instagram-image {
display: block
}
.mk-blog-modern-item.instagram-post-type .instagram-image img {
width: 100%
}
.mk-blog-modern-item.instagram-post-type .instagram-title {
position: absolute;
margin-top: 60px;
padding-left: 100px;
font-size: 24px
}
.mk-blog-modern-item.instagram-post-type .instagram-title span a {
display: none
}
.mk-blog-modern-item.instagram-post-type .instagram-title svg {
display: none
}
.mk-blog-modern-item.instagram-post-type .mk-button-container, .mk-blog-modern-item.instagram-post-type .the-excerpt, .mk-blog-modern-item.instagram-post-type .the-title {
display: none!important
}
.mk-blog-modern-item.instagram-post-type .mk-blog-meta {
margin-top: 20px
}
.mk-blog-modern-item.instagram-post-type .blog-modern-social-section {
margin-top: 20px
}
.mk-blog-modern-item.instagram-post-type .mk-blog-meta-wrapper {
padding-left: 40px;
position: relative
}
.mk-blog-modern-item.instagram-post-type .mk-blog-meta-wrapper:before {
width: 24px;
height: 24px;
content: '';
position: absolute;
left: 0;
top: 0
}
.mk-blog-modern-item.instagram-post-type .mk-blog-meta-wrapper .mk-categories {
display: none
}
.mk-blog-modern-item.blockquote-post-type {
position: relative
}
.mk-blog-modern-item.instagram-post-type .instagram-image {
display: block
}
.mk-blog-modern-item.twitter-post-type .blog-twitter-content {
font-size: 22px;
color: #222;
line-height: 40px;
padding-left: 100px;
padding-top: 50px;
word-wrap: break-word
}
.mk-blog-modern-item.twitter-post-type .blog-twitter-content a {
color: #55acee
}
.mk-blog-modern-item.twitter-post-type .blog-twitter-content footer {
line-height: normal;
display: block;
margin-top: 35px;
padding-left: 50px;
position: relative
}
.mk-blog-modern-item.twitter-post-type .blog-twitter-content footer:before {
content: '';
width: 35px;
height: 30px;
background-position: center center;
background-repeat: no-repeat;
display: inline-block;
position: absolute;
left: 0;
top: 10px
}
.mk-blog-modern-item.twitter-post-type .blog-twitter-content footer a, .mk-blog-modern-item.twitter-post-type .blog-twitter-content footer span {
display: block
}
.mk-blog-modern-item.twitter-post-type .blog-twitter-content footer span {
font-weight: 700;
font-size: 20px;
color: #222;
display: block
}
.mk-blog-modern-item.twitter-post-type .blog-twitter-content footer a {
color: #55acee;
font-size: 16px;
display: inline-block
}
.mk-blog-modern-item.twitter-post-type .mk-blog-meta-wrapper {
position: absolute;
top: 0
}
.mk-blog-modern-item.twitter-post-type .mk-blog-meta-wrapper .mk-blog-author, .mk-blog-modern-item.twitter-post-type .mk-blog-meta-wrapper .mk-categories, .mk-blog-modern-item.twitter-post-type .mk-blog-meta-wrapper>span {
display: none
}
.mk-blog-modern-item.twitter-post-type .blog-modern-social-section {
float: none;
position: absolute;
left: 0;
top: 0;
height: 100%
}
.mk-blog-modern-item.twitter-post-type .mk-button, .mk-blog-modern-item.twitter-post-type .the-excerpt, .mk-blog-modern-item.twitter-post-type .the-title {
display: none!important
}
.blog-modern-social-section {
float: left;
width: 50px;
min-height: 150px;
border-right: 1px solid #efefef;
text-transform: center;
margin-left: 20px
}
.mk-blog-newspaper-item {
margin: 0;
float: left;
overflow: hidden
}
.mk-blog-newspaper-item .blog-item-holder {
margin: 0 12px 24px 12px;
border: 1px solid #e3e3e3;
background-color: #fff;
position: relative;
box-shadow: 0 2px 1px 0 rgba(0,0,0,.05)
}
.mk-blog-newspaper-item.one-column {
width: 100%
}
.mk-blog-newspaper-item.two-column {
width: 49.75%
}
.mk-blog-newspaper-item.three-column {
width: 33.1%
}
.mk-blog-newspaper-item.four-column {
width: 24.8%
}
.mk-blog-newspaper-item.four-column .blog-grid-holder {
margin: 0 8px 16px 8px
}
.mk-blog-newspaper-item .mk-swipe-slideshow img {
width: 100%
}
@media handheld, only screen and (max-width:960px) {
.mk-blog-newspaper-item.four-column, .mk-blog-newspaper-item.three-column {
width: 49.5%!important
}
}
@media handheld, only screen and (max-width:650px) {
.mk-blog-newspaper-item.four-column, .mk-blog-newspaper-item.three-column, .mk-blog-newspaper-item.two-column {
width: 100%!important
}
.mk-blog-newspaper-item .blog-item-holder {
margin: 0 0 18px 0!important
}
}
.mk-blog-newspaper-item .featured-image {
position: relative;
overflow: hidden
}
.mk-blog-newspaper-item .featured-image img {
width: 100%;
max-width: 100%
}
.mk-blog-newspaper-item .featured-image:hover img {
-webkit-transform: scale(1.05);
-ms-transform: scale(1.05);
transform: scale(1.05)
}
.mk-blog-newspaper-item .audio-iframe {
margin-bottom: 0
}
.mk-blog-newspaper-item .mk-blog-meta {
padding: 20px
}
.mk-blog-newspaper-item time {
margin-bottom: 15px;
display: block
}
.mk-blog-newspaper-item time a {
font-size: 11px;
line-height: 11px;
color: #999;
font-style: italic;
letter-spacing: 1px
}
.mk-blog-newspaper-item .the-title {
line-height: 18px;
margin-bottom: 10px!important;
letter-spacing: 1px
}
.mk-blog-newspaper-item .the-title a {
font-size: 14px;
line-height: 18px;
text-transform: uppercase
}
.mk-blog-newspaper-item .mk-readmore {
float: left;
margin-top: 7px
}
.mk-blog-newspaper-item .blog-loop-comments, .mk-blog-newspaper-item .mk-love-holder, .mk-blog-newspaper-item .newspaper-item-share {
float: right;
margin-left: 15px;
color: #ccc;
cursor: pointer;
font-size: 11px
}
.mk-blog-newspaper-item .blog-loop-comments svg, .mk-blog-newspaper-item .mk-love-holder svg, .mk-blog-newspaper-item .newspaper-item-share svg {
height: 16px;
vertical-align: middle
}
.mk-blog-newspaper-item .blog-loop-comments:hover, .mk-blog-newspaper-item .mk-love-holder:hover, .mk-blog-newspaper-item .newspaper-item-share:hover {
color: #b1b1b1
}
.mk-blog-newspaper-item .blog-loop-comments .mk-love-this span, .mk-blog-newspaper-item .mk-love-holder .mk-love-this span, .mk-blog-newspaper-item .newspaper-item-share .mk-love-this span {
color: #b1b1b1
}
.mk-blog-newspaper-item .blog-loop-comments .mk-love-this svg, .mk-blog-newspaper-item .mk-love-holder .mk-love-this svg, .mk-blog-newspaper-item .newspaper-item-share .mk-love-this svg {
height: 16px;
fill: #b1b1b1
}
.mk-blog-newspaper-item .blog-loop-comments span {
margin-left: 4px
}
.mk-blog-newspaper-item .newspaper-item-footer-holder {
padding: 20px
}
.mk-blog-newspaper-item .newspaper-item-footer {
background-color: #fafafa;
border-top: 1px solid #e3e3e3;
position: relative;
z-index: 2
}
.mk-blog-newspaper-item .newspaper-item-footer .newspaper-comments-list {
margin: 0;
list-style: none;
display: none;
background-color: #fff
}
.mk-blog-newspaper-item .newspaper-item-footer .newspaper-comments-list li {
margin: 0 0 15px 0;
padding: 0 10px
}
.mk-blog-newspaper-item .newspaper-item-footer .newspaper-comments-list li:first-child {
padding-top: 20px!important;
border-top: 1px solid #e3e3e3
}
.mk-blog-newspaper-item .newspaper-item-footer .newspaper-comments-list li:last-child {
padding-bottom: 10px!important
}
.mk-blog-newspaper-item .newspaper-item-footer .newspaper-comments-list li .avatar {
float: left;
display: inline-block;
margin: 0 16px 5px;
border-radius: 100%
}
.mk-blog-newspaper-item .newspaper-item-footer .newspaper-comments-list li .comment-author {
font-weight: 700;
display: block;
margin: 0 0 4px 40px;
font-size: 11px;
line-height: 15px;
color: #333
}
.mk-blog-newspaper-item .newspaper-item-footer .newspaper-comments-list li .comment-content {
line-height: 18px;
font-size: 11px;
color: #666;
display: block;
margin-left: 50px
}
.mk-blog-newspaper-item .newspaper-item-footer .newspaper-social-share {
display: none;
list-style: none;
margin: 0;
padding: 15px;
border-top: 1px solid #e3e3e3;
text-align: center;
background-color: #fff
}
.mk-blog-newspaper-item .newspaper-item-footer .newspaper-social-share li {
display: inline-block;
margin: 0
}
.mk-blog-newspaper-item .newspaper-item-footer .newspaper-social-share li a {
width: 30px;
height: 30px;
border: 1px solid #b9b9b9;
margin: 0 3px;
border-radius: 50%;
display: block
}
.mk-blog-newspaper-item .newspaper-item-footer .newspaper-social-share li a svg {
fill: #b9b9b9;
height: 16px;
vertical-align: bottom
}
.mk-blog-newspaper-item .newspaper-item-footer .newspaper-social-share li a:hover {
color: #9b9b9b;
border-color: #9b9b9b
}
.mk-blog-newspaper-item.instagram-post-type .blog-item-holder {
position: relative
}
.mk-blog-newspaper-item.instagram-post-type .blog-item-holder .instagram-image {
display: block
}
.mk-blog-newspaper-item.instagram-post-type .blog-item-holder .instagram-title {
padding: 15px 25px;
background: linear-gradient(0deg, rgba(0,0,0,.6) 0, rgba(0,0,0,0) 100%);
left: 0;
position: absolute;
margin-bottom: 0;
bottom: 60px;
width: calc(100% - 50px);
color: #fff!important;
font-size: 14px;
font-weight: 700;
text-transform: initial;
line-height: 20px
}
.mk-blog-newspaper-item.instagram-post-type .blog-item-holder .instagram-title span {
padding-left: 30px;
display: block;
color: #fff
}
.mk-blog-newspaper-item.instagram-post-type .blog-item-holder .instagram-title span a {
color: #55acee;
display: block
}
.mk-blog-newspaper-item.instagram-post-type .blog-item-holder .instagram-title svg {
position: absolute;
left: 25px;
top: 18px;
height: 20px
}
.mk-blog-newspaper-item.instagram-post-type .blog-item-holder .mk-blog-meta {
padding: 0
}
.mk-blog-newspaper-item.instagram-post-type .blog-item-holder .mk-blog-meta .the-excerpt, .mk-blog-newspaper-item.instagram-post-type .blog-item-holder .mk-blog-meta .the-title {
display: none
}
.mk-blog-newspaper-item.instagram-post-type .blog-item-holder .newspaper-item-footer .mk-readmore {
display: none
}
.mk-blog-newspaper-item.instagram-post-type .blog-item-holder .mk-love-holder {
top: 12px
}
.mk-blog-newspaper-item.blockquote-post-type .blog-item-holder {
position: relative
}
.mk-blog-newspaper-item.blockquote-post-type .blog-item-holder .blog-blockquote-content {
font-size: 22px;
line-height: 40px;
color: #222;
padding: 40px 25px 25px 80px
}
.mk-blog-newspaper-item.blockquote-post-type .blog-blockquote-content .mk-svg-icon {
position: absolute;
top: 50px;
left: 25px;
display: block;
fill: #ddd;
fill: rgba(0,0,0,.1);
width: 48px
}
.mk-blog-newspaper-item.blockquote-post-type .blog-item-holder .blog-blockquote-content footer {
text-align: right;
color: #999;
font-style: italic;
font-size: 20px
}
.mk-blog-newspaper-item.blockquote-post-type .blog-item-holder .mk-blog-meta {
padding: 0
}
.mk-blog-newspaper-item.blockquote-post-type .blog-item-holder .mk-blog-meta .the-excerpt, .mk-blog-newspaper-item.blockquote-post-type .blog-item-holder .mk-blog-meta .the-title {
display: none
}
.mk-blog-newspaper-item.blockquote-post-type .blog-item-holder .newspaper-item-footer .mk-readmore {
display: none
}
.mk-blog-newspaper-item.blockquote-post-type .blog-item-holder .mk-love-holder {
top: 12px
}
.mk-blog-newspaper-item.twitter-post-type .blog-item-holder {
position: relative
}
.mk-blog-newspaper-item.twitter-post-type .blog-item-holder .blog-twitter-content {
font-size: 22px;
color: #222;
line-height: 36px;
padding-bottom: 30px;
padding: 25px 40px 90px;
word-wrap: break-word
}
.mk-blog-newspaper-item.twitter-post-type .blog-item-holder .blog-twitter-content:before {
content: '';
width: 100%;
height: 30px;
display: block;
margin-bottom: 45px;
background-repeat: no-repeat;
background-position: center
}
.mk-blog-newspaper-item.twitter-post-type .blog-item-holder .blog-twitter-content a {
color: #55acee
}
.mk-blog-newspaper-item.twitter-post-type .blog-item-holder .blog-twitter-content footer {
text-align: left;
line-height: normal;
margin-top: 35px
}
.mk-blog-newspaper-item.twitter-post-type .blog-item-holder .blog-twitter-content footer a, .mk-blog-newspaper-item.twitter-post-type .blog-item-holder .blog-twitter-content footer span {
display: block
}
.mk-blog-newspaper-item.twitter-post-type .blog-item-holder .blog-twitter-content footer span {
font-weight: 700;
font-size: 14px;
color: #222
}
.mk-blog-newspaper-item.twitter-post-type .blog-item-holder .blog-twitter-content footer a {
color: #55acee;
font-size: 12px
}
.mk-blog-newspaper-item.twitter-post-type .blog-item-holder .mk-blog-meta {
padding: 0
}
.mk-blog-newspaper-item.twitter-post-type .blog-item-holder .mk-blog-meta .mk-readmore, .mk-blog-newspaper-item.twitter-post-type .blog-item-holder .mk-blog-meta .the-excerpt, .mk-blog-newspaper-item.twitter-post-type .blog-item-holder .mk-blog-meta .the-title {
display: none
}
.mk-blog-newspaper-item.twitter-post-type .blog-item-holder .newspaper-item-footer .mk-readmore {
display: none
}
.mk-blog-newspaper-item.twitter-post-type .blog-item-holder .mk-love-holder {
top: 12px
}
.mk-blog-newspaper-item.blockquote-post-type .blog-item-holder .newspaper-item-share, .mk-blog-newspaper-item.instagram-post-type .blog-item-holder .newspaper-item-share, .mk-blog-newspaper-item.twitter-post-type .blog-item-holder .newspaper-item-share {
display: none
}
.mk-blog-newspaper-item.blockquote-post-type .blog-item-holder .mk-blog-meta .mk-blog-meta-wrapper, .mk-blog-newspaper-item.instagram-post-type .blog-item-holder .mk-blog-meta .mk-blog-meta-wrapper, .mk-blog-newspaper-item.twitter-post-type .blog-item-holder .mk-blog-meta .mk-blog-meta-wrapper {
position: absolute;
left: 20px;
bottom: 5px;
z-index: 5
}
.mk-blog-spotlight-item {
width: 100%;
float: left
}
.mk-blog-spotlight-item.one-column {
width: 100%
}
.mk-blog-spotlight-item.two-column {
width: 50%
}
.mk-blog-spotlight-item.three-column {
width: 33.33%
}
.mk-blog-spotlight-item.four-column {
width: 25%
}
@media handheld, only screen and (max-width:960px) {
.mk-blog-spotlight-item.four-column, .mk-blog-spotlight-item.three-column {
width: 50%!important
}
}
@media handheld, only screen and (max-width:767px) {
.mk-blog-spotlight-item.four-column, .mk-blog-spotlight-item.one-column, .mk-blog-spotlight-item.three-column, .mk-blog-spotlight-item.two-column {
width: 100%!important
}
}
.mk-blog-spotlight-item .featured-image {
position: relative;
width: 100%
}
.mk-blog-spotlight-item .featured-image>a {
line-height: 4px;
display: block
}
.mk-blog-spotlight-item .featured-image img {
width: 100%
}
.mk-blog-spotlight-item .featured-image .image-hover-overlay {
opacity: .5;
background-color: #000!important;
transition: all .25s ease-out
}
.mk-blog-spotlight-item .featured-image:hover .image-hover-overlay {
opacity: .3
}
.mk-blog-spotlight-item .item-wrapper {
width: 100%;
height: 100%;
color: #fff;
position: absolute;
left: 0;
top: 0;
text-align: center
}
.mk-blog-spotlight-item .item-wrapper:before {
content: '';
display: inline-block;
height: 100%;
vertical-align: middle;
margin-right: -.5em
}
.mk-blog-spotlight-item .item-wrapper .mk-blog-meta {
vertical-align: middle;
display: inline-block;
margin: 0 auto;
max-width: 70%
}
.mk-blog-spotlight-item .item-wrapper h3 {
margin: 8% 0;
font-size: 20px!important;
font-weight: 700!important;
letter-spacing: 2px
}
.mk-blog-spotlight-item .item-wrapper h3, .mk-blog-spotlight-item .item-wrapper time {
color: #fff
}
.mk-blog-spotlight-item .item-wrapper h3 a, .mk-blog-spotlight-item .item-wrapper time a {
color: #fff
}
.mk-blog-spotlight-item .item-wrapper h3 a:hover, .mk-blog-spotlight-item .item-wrapper time a:hover {
color: #fff
}
.mk-blog-spotlight-item .item-wrapper time {
font-size: 14px;
font-style: italic;
letter-spacing: 1px;
margin-bottom: 30px;
text-transform: uppercase;
opacity: .7
}
.mk-blog-spotlight-item .item-wrapper time:after {
width: 20px;
height: 2px;
content: "";
display: block;
margin: 6% auto;
background-color: #fff
}
.mk-blog-spotlight-item .item-wrapper .mk-button {
margin: 5% auto 0
}
.mk-blog-thumbnail-item {
width: 100%;
margin-bottom: 50px;
background-color: #fff;
line-height: 4px
}
.mk-blog-thumbnail-item .mk-blog-meta {
line-height: 20px
}
.mk-blog-thumbnail-item .mk-blog-meta-wrapper span {
display: none
}
.mk-blog-thumbnail-item .mk-blog-meta-wrapper .blog-meta-item:after {
content: "/";
margin: 0 5px
}
.mk-blog-thumbnail-item.content-align-right .item-wrapper {
float: right;
padding: 35px 30px 15px
}
.mk-blog-thumbnail-item.content-align-left .item-wrapper {
float: left;
padding-right: 20px
}
.mk-blog-thumbnail-item .featured-image {
position: relative;
display: inline-block;
overflow: hidden;
max-width: 35%;
float: left
}
.mk-blog-thumbnail-item .featured-image:hover img {
-webkit-transform: scale(1.05);
-ms-transform: scale(1.05);
transform: scale(1.05)
}
.mk-blog-thumbnail-item .item-wrapper {
width: 63%;
display: inline-block
}
.mk-blog-thumbnail-item.full-width-post .item-wrapper {
padding: 35px;
width: 100%
}
.mk-blog-thumbnail-item .item-wrapper .mk-blog-author, .mk-blog-thumbnail-item .item-wrapper .mk-categories {
display: inline
}
.mk-blog-thumbnail-item .item-wrapper h3 {
margin: 20px 0;
letter-spacing: 1px
}
.mk-blog-thumbnail-item .item-wrapper .the-excerpt {
margin-bottom: 20px
}
.mk-blog-thumbnail-item .featured-image img {
width: 100%
}
@media handheld, only screen and (max-width:767px) {
.mk-blog-thumbnail-item .featured-image {
max-width: 100%;
width: 100%;
margin-bottom: 20px
}
.mk-blog-thumbnail-item .mk-button-align.left {
text-align: left!important
}
.mk-blog-thumbnail-item .item-wrapper {
width: 100%;
padding: 30px!important
}
}
.posts-carousel {
margin-bottom: 20px
}
.posts-carousel .mk-fancy-title {
margin-right: 35px
}
.posts-carousel .view-all {
float: right;
padding: 0 7px;
font-size: 11px
}
.posts-carousel .item-holder {
margin: 0 4px;
border: 1px solid rgba(0,0,0,.1)
}
.posts-carousel .flex-viewport ul {
margin: 0;
padding: 0;
list-style: none
}
.posts-carousel .flex-viewport ul li {
position: relative
}
.posts-carousel .flex-viewport ul li.blockquote-post-type, .posts-carousel .flex-viewport ul li.instagram-post-type, .posts-carousel .flex-viewport ul li.twitter-post-type {
display: none
}
.posts-carousel .flex-direction-nav a {
position: absolute;
top: -37px
}
.posts-carousel .flex-direction-nav svg {
fill: #aaa
}
.posts-carousel .flex-prev {
right: 20px
}
.posts-carousel .flex-next {
right: 0
}
.posts-carousel .item-thumb {
position: relative
}
.posts-carousel .item-thumb a {
z-index: 20
}
.posts-carousel .detail-holder {
min-height: 60px
}
.posts-carousel .item-title {
display: block;
margin-bottom: 0;
padding: 15px;
text-align: center;
letter-spacing: 1px;
font-weight: 700;
font-size: 14px;
line-height: 20px
}
.posts-carousel .item-excerpt {
margin: 0;
padding: 0 15px 15px;
font-size: 12px;
text-align: center
}
.mk-blog-showcase {
padding: 30px 0
}
.mk-blog-showcase ul {
display: block;
overflow: hidden;
margin: 0;
padding: 0;
width: 100%;
list-style: none
}
.mk-blog-showcase ul li {
position: relative;
display: inline-block;
float: left;
margin: 0;
padding: 0 10px 0 0
}
@media handheld, only screen and (max-width:1140px) {
.mk-blog-showcase ul li {
display: block!important;
float: none!important;
margin-bottom: 20px;
width: 100%
}
.mk-blog-showcase ul li .blog-showcase-extra-info {
opacity: 1
}
}
@media handheld, only screen and (max-width:600px) {
.mk-blog-showcase ul li {
display: block!important;
float: none!important;
margin-bottom: 15px;
padding: 0!important
}
.mk-blog-showcase ul li .blog-showcase-extra-info {
position: relative!important;
left: 0!important;
width: auto!important;
height: auto!important
}
.mk-blog-showcase ul li .mk-blog-showcase-thumb {
max-width: 100%;
width: 100%!important;
height: auto!important;
line-height: 4px
}
.mk-blog-showcase ul li .mk-blog-showcase-thumb img {
max-width: 100%;
width: 100%;
height: auto!important
}
}
.mk-blog-showcase ul li:last-child {
padding-right: 0!important
}
.mk-blog-showcase ul li.mk-blog-first-el {
padding-right: 270px
}
.mk-blog-showcase ul li.mk-blog-first-el .blog-showcase-extra-info {
opacity: 1
}
.mk-blog-showcase ul li.mk-blog-first-el .mk-blog-showcase-thumb {
border-right: none
}
.showcase-blog-overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
opacity: 0
}
.mk-blog-showcase-thumb {
position: relative;
overflow: hidden;
margin-bottom: 5px;
width: 260px;
height: 180px
}
.mk-blog-showcase-thumb:hover .showcase-blog-overlay {
opacity: .8
}
.mk-blog-showcase-thumb:hover a {
opacity: 1
}
.mk-blog-showcase-thumb a {
position: absolute;
top: 50%;
left: 50%;
margin: -24px 0 0 -24px;
width: 48px;
height: 48px;
text-align: center;
display: block;
opacity: 0
}
.mk-blog-showcase-thumb a svg {
fill: #fff;
height: 48px
}
.blog-showcase-extra-info {
position: absolute;
top: 2px;
left: 270px;
overflow: hidden;
margin: 0;
padding-left: 5px;
width: 250px;
height: 180px;
opacity: 0
}
.blog-showcase-extra-info time {
display: block;
margin-bottom: 5px;
border: 1px solid rgba(0,0,0,.1);
border-right: none;
border-left: none;
line-height: 24px
}
.blog-showcase-extra-info time a {
color: #999;
font-size: 10px
}
.left-layout .mk-blog-showcase ul li.mk-blog-first-el, .right-layout .mk-blog-showcase ul li.mk-blog-first-el {
padding-right: 260px
}
.left-layout .blog-showcase-extra-info, .right-layout .blog-showcase-extra-info {
width: 240px
}
.blog-showcase-title {
display: inline-block;
margin-bottom: 0;
color: #333;
font-weight: 700;
font-size: 13px;
line-height: 20px!important
}
.blog-showcase-more {
text-decoration: underline;
font-size: 12px
}
.mk-blog-teaser .blog-meta {
position: absolute;
left: 0;
bottom: 0;
margin: 0;
width: 100%;
padding: 10px 30px 25px
}
.mk-blog-teaser .blog-title {
position: relative;
font-size: 18px!important;
padding-bottom: 18px;
margin-bottom: 12px;
letter-spacing: 1px;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
width: 90%;
color: #fff!important
}
.mk-blog-teaser .blog-title:after {
width: 70px;
height: 3px;
content: "";
background-color: #fff;
display: block;
position: absolute;
left: 0;
bottom: 1px;
-webkit-transform: scale(.4, 1);
-moz-transform: scale(.4, 1);
-o-transform: scale(.4, 1);
-ms-transform-origin: left center;
transform-origin: left center;
-webkit-transform-origin: left center;
transition: all .25s ease-in-out
}
.mk-blog-teaser .blog-title a {
color: #fff
}
.mk-blog-teaser .blog-categories, .mk-blog-teaser time {
display: inline-block;
font-size: 12px;
font-style: italic;
opacity: .7;
color: #fff;
font-weight: 700;
line-height: 14px
}
.mk-blog-teaser .blog-categories a, .mk-blog-teaser time a {
color: #fff
}
.mk-blog-teaser .thumb-featured-image {
position: relative
}
.mk-blog-teaser .image-hover-overlay {
opacity: .4;
background-color: #000!important
}
.mk-blog-teaser .blog-slider-item:hover .blog-title:after, .mk-blog-teaser .blog-teaser-side-item:hover .blog-title:after {
-webkit-transform: scale(1, 1);
-ms-transform: scale(1, 1);
transform: scale(1, 1)
}
.mk-blog-teaser article:hover .image-hover-overlay {
opacity: .2
}
.mk-blog-teaser .blog-teaser-side-item .blog-title {
font-size: 14px!important
}
.mk-blog-teaser .blog-teaser-side-item .blog-meta {
padding: 10px 30px 18px
}
.mk-blog-teaser .blog-slider-item {
width: 60%;
float: left
}
.mk-blog-teaser .blog-slider-item .blog-slideshow-entry {
position: relative
}
.mk-blog-teaser .blog-slider-item .blog-slideshow-entry .teaser-comment-love-wrapper {
position: absolute;
right: 25px;
bottom: 25px
}
.mk-blog-teaser .blog-slider-item .blog-slideshow-entry .blog-teaser-comment, .mk-blog-teaser .blog-slider-item .blog-slideshow-entry .mk-love-holder {
color: #fff;
display: inline-block;
padding-left: 5px;
margin-left: 5px;
font-weight: 700;
font-style: italic;
font-size: 12px
}
.mk-blog-teaser .blog-slider-item .blog-slideshow-entry .blog-teaser-comment svg, .mk-blog-teaser .blog-slider-item .blog-slideshow-entry .mk-love-holder svg {
height: 16px;
vertical-align: middle;
fill: #fff
}
.mk-blog-teaser .blog-slider-item .blog-slideshow-entry .blog-teaser-comment span, .mk-blog-teaser .blog-slider-item .blog-slideshow-entry .mk-love-holder span {
color: #fff;
padding-left: 3px
}
.mk-blog-teaser .blog-teaser-side-item {
overflow: hidden;
float: left;
position: relative
}
.mk-blog-teaser .blog-teaser-side-item .item-holder {
margin-left: 8px
}
.mk-blog-teaser .blog-teaser-side-item.full-item {
width: 40%
}
.mk-blog-teaser .blog-teaser-side-item.half-item {
width: 20%
}
.mk-blog-teaser .blog-teaser-side-item.half-item .item-holder {
margin-top: 8px
}
@media handheld, only screen and (max-width:767px) {
.mk-blog-teaser .blog-slider-item {
width: 100%;
float: none
}
.mk-blog-teaser .thumb-featured-image img {
width: 100%
}
.mk-blog-teaser .blog-teaser-side-item.full-item .item-holder {
margin-left: 0
}
.mk-blog-teaser .blog-teaser-side-item .item-holder {
margin-top: 8px
}
.mk-blog-teaser .blog-teaser-side-item.full-item {
width: 50%
}
.mk-blog-teaser .blog-teaser-side-item.half-item {
width: 25%
}
}
@media handheld, only screen and (max-width:600px) {
.mk-blog-teaser .blog-teaser-side-item .item-holder {
margin: 0!important
}
.mk-blog-teaser .blog-teaser-side-item.full-item {
width: 100%;
float: none
}
.mk-blog-teaser .blog-teaser-side-item.half-item {
width: 50%
}
}
.mk-gradient-button a {
transition: background .2s linear;
position: relative;
display: inline-block;
font-weight: 700;
text-align: center
}
.mk-gradient-button a.dark-skin {
color: #222
}
.mk-gradient-button a.light-skin {
color: #fff
}
.mk-gradient-button a.mk-button--dimension-double-outline, .mk-gradient-button a.mk-button--dimension-double-outline .double-outline-inside {
border: 1px solid transparent
}
.mk-gradient-button a.mk-button--dimension-double-outline .double-outline-inside .text, .mk-gradient-button a.mk-button--dimension-double-outline .text {
transition: position .2s linear, z-index .2s linear
}
.mk-gradient-button a.mk-button--dimension-flat, .mk-gradient-button a.mk-button--dimension-two {
transition: color .2s linear
}
.mk-gradient-button a.mk-button--dimension-flat .text, .mk-gradient-button a.mk-button--dimension-two .text {
position: relative;
z-index: 2
}
.mk-gradient-button a.mk-button--dimension-double-outline, .mk-gradient-button a.mk-button--dimension-outline {
transition: -webkit-text-fill-color .2s linear, color .2s linear
}
.mk-gradient-button a.mk-button--dimension-double-outline:after, .mk-gradient-button a.mk-button--dimension-outline:after {
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
opacity: 0;
transition: opacity .2s linear;
content: '';
z-index: 0
}
.mk-gradient-button a .darker-background {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0,0,0,.2);
opacity: 0;
transition: opacity .2s linear;
margin: 0;
z-index: 1
}
.mk-gradient-button a.mk-button--corner-rounded .darker-background {
border-radius: 5px
}
.mk-gradient-button a.mk-button--corner-full_rounded .darker-background {
border-radius: 50px
}
.mk-gradient-button a:hover .darker-background {
opacity: 1
}
.mk-gradient-button .text {
text-align: center
}
.mk-gradient-button a:hover .text {
position: relative;
z-index: 2
}
.mk-gradient-button a:hover.mk-button--dimension-double-outline, .mk-gradient-button a:hover.mk-button--dimension-outline {
-webkit-text-fill-color: initial
}
.mk-gradient-button a:hover.mk-button--dimension-double-outline:after, .mk-gradient-button a:hover.mk-button--dimension-outline:after {
opacity: 1
}
.mk-gradient-button a:hover.light-skin {
color: #fff
}
.mk-gradient-button a:hover.dark-skin {
color: #222
}
.mk-gradient-button.custom-width-true a {
display: block
}
.mk-gradient-button.btn-align-left, .mk-gradient-button.btn-align-none, .mk-gradient-button.btn-align-right {
display: inline-block
}
.mk-gradient-button.btn-align-center {
text-align: center;
width: 100%
}
.mk-gradient-button.btn-align-center a {
margin: 0 auto
}
.mk-gradient-button.btn-align-right {
float: right
}
.mk-gradient-button.fullwidth-true {
width: 100%;
float: none
}
.mk-gradient-button.fullwidth-true a {
display: block
}
@media handheld, only screen and (max-width:767px) {
.mk-gradient-button {
width: 100%;
float: none!important
}
}
.mk-button {
box-sizing: border-box;
transition: color .1s ease-in-out, background .1s ease-in-out, border .1s ease-in-out;
-webkit-transition: color .1s ease-in-out, background .1s ease-in-out, border .1s ease-in-out
}
.mk-button .mk-button--icon {
margin: -2px 15px 0 0
}
.mk-button .mk-button--icon svg {
height: 16px;
vertical-align: middle
}
.mk-button-container.text-center {
clear: both
}
.mk-button-container.width-full {
width: 100%;
float: none
}
.mk-button--corner-pointed, .mk-button--corner-pointed .double-outline-inside {
border-radius: 0
}
.mk-button--corner-rounded, .mk-button--corner-rounded .double-outline-inside {
border-radius: 3px
}
.mk-button--corner-full_rounded, .mk-button--corner-full_rounded .double-outline-inside {
border-radius: 50px
}
.mk-button--size-small {
padding: 12px 18px;
font-size: 10px;
line-height: 100%
}
.mk-button--size-medium {
padding: 14px 24px;
font-size: 12px;
line-height: 100%
}
.mk-button--size-large {
padding: 20px 28px;
font-size: 14px;
line-height: 100%
}
.mk-button--size-x-large {
padding: 28px 36px;
font-size: 16px;
line-height: 100%
}
.mk-button--size-xx-large {
padding: 38px 44px;
font-size: 18px;
line-height: 100%
}
.mk-button--dimension-three.text-color-light, .mk-button--dimension-two.text-color-light {
text-shadow: 0 1px rgba(0,0,0,.4)
}
.mk-button--dimension-three.text-color-dark, .mk-button--dimension-two.text-color-dark {
text-shadow: 0 1px rgba(255,255,255,.4)
}
.mk-button--dimension-two {
box-shadow: inset 0 0 1px rgba(0,0,0,.8)
}
.mk-button--dimension-flat.text-color-light {
color: #fff
}
.mk-button--dimension-flat.text-color-light .mk-svg-icon {
fill: #fff
}
.mk-button--dimension-flat.text-color-dark {
color: #252525
}
.mk-button--dimension-flat.text-color-dark .mk-svg-icon {
fill: #252525
}
.mk-button--dimension-outline, .mk-button--dimension-savvy {
border-width: 2px;
border-style: solid
}
.mk-button--dimension-outline.skin-dark, .mk-button--dimension-savvy.skin-dark {
border-color: #252525;
color: #252525
}
.mk-button--dimension-outline.skin-light, .mk-button--dimension-savvy.skin-light {
border-color: #fff;
color: #fff
}
.mk-button--dimension-outline.skin-dark:hover {
background-color: #252525;
color: #fff
}
.mk-button--dimension-outline.skin-light:hover {
background-color: #fff;
color: #252525
}
.mk-button--dimension-savvy {
overflow: hidden
}
.mk-button--dimension-savvy::after {
content: "";
position: absolute;
transition: all .2s ease-out;
-webkit-transition: all .2s ease-out;
left: 50%;
top: 50%;
transform: translateX(-50%) translateY(-50%) rotate(45deg) translateZ(0);
-webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg) translateZ(0);
height: 0;
width: 0;
opacity: 0
}
.mk-button--dimension-savvy.mk-button--corner-full_rounded {
-webkit-mask-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA5JREFUeNpiYGBgAAgwAAAEAAGbA+oJAAAAAElFTkSuQmCC)
}
.mk-button--dimension-savvy .mk-button--icon, .mk-button--dimension-savvy .mk-button--text {
position: relative;
z-index: 2
}
.mk-button--dimension-savvy:hover::after {
width: 120%;
height: 4000%;
opacity: 1
}
.mk-button--dimension-savvy.skin-dark:hover {
color: #fff
}
.mk-button--dimension-savvy.skin-light:hover {
color: #252525
}
.mk-button--dimension-savvy.skin-dark::after {
background-color: #252525
}
.mk-button--dimension-savvy.skin-light::after {
background-color: #fff
}
.mk-button--dimension-double-outline, .mk-button--dimension-double-outline .double-outline-inside {
border-width: 1px;
border-style: solid
}
.mk-button--dimension-double-outline .double-outline-inside {
position: absolute;
display: block;
width: 100%;
height: 100%;
left: -4px;
top: -4px;
box-sizing: border-box;
width: calc(100% + 8px);
height: calc(100% + 8px);
z-index: 1
}
.mk-button--dimension-double-outline.skin-dark {
background-color: #222;
color: #fff
}
.mk-button--dimension-double-outline.skin-dark .mk-svg-icon {
fill: #fff!important
}
.mk-button--dimension-double-outline.skin-dark, .mk-button--dimension-double-outline.skin-dark .double-outline-inside {
border-color: #222
}
.mk-button--dimension-double-outline.skin-dark:hover {
background-color: #fff;
color: #222
}
.mk-button--dimension-double-outline.skin-dark:hover .mk-svg-icon {
fill: #222!important
}
.mk-button--dimension-double-outline.skin-light {
background-color: #fff;
color: #222
}
.mk-button--dimension-double-outline.skin-light .mk-svg-icon {
fill: #222!important
}
.mk-button--dimension-double-outline.skin-light, .mk-button--dimension-double-outline.skin-light .double-outline-inside {
border-color: #fff
}
.mk-button--dimension-double-outline.skin-light:hover {
background-color: #222;
color: #fff
}
.mk-button--dimension-double-outline.skin-light:hover .mk-svg-icon {
fill: #fff!important
}
.mk-button--anim-side, .mk-button--anim-vertical {
overflow: hidden
}
.mk-button--anim-side .mk-button .mk-button--icon {
opacity: 0;
-ms-transform: translateX(-30px);
transform: translateX(-30px);
-webkit-transform: translateX(-30px);
transition: opacity .2s, -webkit-transform .2s;
transition: opacity .2s, transform .2s;
transition: opacity .2s, transform .2s, -webkit-transform .2s;
-webkit-transition: opacity .2s, -webkit-transform .2s
}
.mk-button--anim-side .mk-button .mk-button--text {
display: inline-block;
-ms-transform: translateX(-17px);
transform: translateX(-17px);
-webkit-transform: translateX(-17px);
transition: -webkit-transform .2s;
transition: transform .2s;
transition: transform .2s, -webkit-transform .2s;
-webkit-transition: -webkit-transform .2s;
transition-delay: .01s;
-webkit-transition-delay: .01s
}
.mk-button--anim-side .mk-button.mk-button--size-large .mk-button--text, .mk-button--anim-side .mk-button.mk-button--size-x-large .mk-button--text {
-ms-transform: translateX(-17.5px);
transform: translateX(-17.5px);
-webkit-transform: translateX(-17.5px)
}
.mk-button--anim-side .mk-button.mk-button--size-xx-large .mk-button--text {
-ms-transform: translateX(-18px);
transform: translateX(-18px);
-webkit-transform: translateX(-18px)
}
.mk-button--anim-side .mk-button:hover .mk-button--icon {
opacity: 1
}
.mk-button--anim-side .mk-button:hover .mk-button--icon, .mk-button--anim-side .mk-button:hover .mk-button--text {
-ms-transform: translateX(0);
transform: translateX(0);
-webkit-transform: translateX(0)
}
.mk-button--anim-vertical .mk-button .mk-button--icon, .mk-button--anim-vertical .mk-button .mk-button--icon:before, .mk-button--anim-vertical .mk-button .mk-button--text {
position: absolute;
transition: -webkit-transform .2s;
transition: transform .2s;
transition: transform .2s, -webkit-transform .2s;
-webkit-transition: -webkit-transform .2s;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
display: -webkit-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-justify-content: center;
top: 0;
left: 0;
bottom: 0;
right: 0;
width: 100%;
height: 100%
}
.mk-button--anim-vertical .mk-button .mk-button--icon {
transform: translate3d(0, -100%, 0);
-webkit-transform: translate3d(0, -100%, 0);
margin: auto
}
.mk-button--anim-vertical .mk-svg-icon {
display: inline-block;
vertical-align: middle
}
.mk-button--anim-vertical .mk-button .mk-button--text {
position: absolute;
transform: translate3d(0, 0, 0);
-webkit-transform: translate3d(0, 0, 0)
}
.mk-button--anim-vertical .mk-button:hover .mk-button--icon {
transform: translate3d(0, 0, 0);
-webkit-transform: translate3d(0, 0, 0)
}
.mk-button--anim-vertical .mk-button:hover .mk-button--text {
transform: translate3d(0, 100%, 0);
-webkit-transform: translate3d(0, 100%, 0)
}
.mk-button--dimension-outline.mk-button--size-small, .mk-button--dimension-savvy.mk-button--size-small {
padding: 10px 18px
}
.mk-button--dimension-outline.mk-button--size-medium, .mk-button--dimension-savvy.mk-button--size-medium {
padding: 12px 24px
}
.mk-button--dimension-outline.mk-button--size-large, .mk-button--dimension-savvy.mk-button--size-large {
padding: 18px 28px
}
.mk-button--dimension-outline.mk-button--size-x-large, .mk-button--dimension-savvy.mk-button--size-x-large {
padding: 26px 36px
}
.mk-button--dimension-outline.mk-button--size-xx-large, .mk-button--dimension-savvy.mk-button--size-xx-large {
padding: 36px 44px
}
button.mk-button, input[type=text].mk-button {
outline: 0;
background: 0 0;
line-height: 100%
}
button.mk-button::-moz-focus-inner, input[type=text].mk-button::-moz-focus-inner {
border:none
}
@media handheld, only screen and (max-width:767px) {
.mk-button-container {
display: block;
text-align: center;
width: 100%
}
.mk-button-container .mk-button {
float: none
}
.ls-wp-container .mk-button {
padding: 8px 10px;
font-size: 10px;
line-height: 100%
}
.ls-wp-container .mk-button i {
margin-top: -3px;
font-size: 10px
}
.mk-button-container {
width: 100%;
float: none
}
}
@media handheld, only screen and (max-width:550px) {
.ls-wp-container .mk-button {
padding: 5px 8px;
font-size: 8px;
line-height: 100%
}
.ls-wp-container .mk-button i {
margin-top: -3px;
font-size: 10px
}
}
.mk-button.skin-dark .mk-svg-icon, .mk-button.skin-light:hover .mk-svg-icon {
fill: #252525
}
.mk-button.skin-dark:hover .mk-svg-icon, .mk-button.skin-light .mk-svg-icon {
fill: #fff
}
.mk-chart__chart {
position: relative;
margin: 0 auto;
text-align: center
}
.mk-chart__chart canvas {
position: absolute;
top: 0;
left: 0
}
.mk-chart__percent, .mk-chart__text {
position: absolute;
top: 0;
left: 0;
display: block;
width: 100%!important;
color: #444;
text-align: center;
height: 100%!important
}
.mk-chart__percent {
font-weight: 700
}
.mk-chart__desc {
display: block;
text-align: center;
letter-spacing: 1px;
line-height: 1.3em
}
@media handheld, only screen and (max-width:600px) {
.mk-chart__chart {
margin: 0 auto
}
}
.mk-category-loop .mk-loop-item {
overflow: hidden;
height: 100%;
box-sizing: border-box
}
.mk-category-loop .mk-loop-item img {
width: 100%
}
.mk-category-loop .mk-loop-item .item-holder {
position: relative;
width: 100%;
height: 100%
}
.mk-category-loop .mk-loop-item .item-holder figcaption {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0
}
.mk-category-loop .mk-loop-item .item-holder figcaption .caption {
position: relative;
z-index: 2
}
.mk-category-loop .mk-loop-item .item-holder figcaption .view-more {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
z-index: 3
}
.mk-category-loop .mk-loop-item .item-holder figcaption .item-desc, .mk-category-loop .mk-loop-item .item-holder figcaption .item-title {
display: block
}
.mk-category-loop .mk-loop-item .item-holder figcaption .item-title {
font-size: 20px;
margin-bottom: 15px;
font-weight: 700
}
.mk-category-loop .mk-loop-item .item-holder figcaption .item-desc {
font-size: 14px
}
.mk-category-loop .mk-loop-item .item-holder figcaption .item-overlay {
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
z-index: 1
}
.mk-category-loop .mk-loop-item .item-holder .overlay {
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
z-index: 1
}
.mk-category-loop.col-1 .mk-loop-item {
width: 100%;
display: block;
padding-left: 0!important;
padding-right: 0!important
}
.mk-category-loop.col-2 .mk-loop-item {
width: 50%;
display: inline-block;
float: left
}
.mk-category-loop.col-2 .mk-loop-item:nth-child(odd) {
padding-left: 0!important
}
.mk-category-loop.col-2 .mk-loop-item:nth-child(even) {
padding-right: 0!important
}
.mk-category-loop.col-3 .mk-loop-item {
width: 33.333334%;
display: inline-block;
float: left
}
.mk-category-loop.col-3 .mk-loop-item:nth-child(3n+1) {
padding-left: 0!important
}
.mk-category-loop.col-3 .mk-loop-item:nth-child(3n-6) {
padding-right: 0!important
}
.mk-category-loop.col-4 .mk-loop-item {
width: 25%;
display: inline-block;
float: left
}
.mk-category-loop.col-4 .mk-loop-item:nth-child(4n+1) {
padding-left: 0!important
}
.mk-category-loop.col-4 .mk-loop-item:nth-child(4n-8) {
padding-right: 0!important
}
.mk-category-loop.framed-title-effect .mk-loop-item .item-holder figcaption .caption, .mk-category-loop.none-title-effect .mk-loop-item .item-holder figcaption .caption, .mk-category-loop.simple-title-effect .mk-loop-item .item-holder figcaption .caption {
display: table;
text-align: center;
width: 100%;
height: 100%
}
.mk-category-loop.framed-title-effect .mk-loop-item .item-holder figcaption .caption .centered, .mk-category-loop.none-title-effect .mk-loop-item .item-holder figcaption .caption .centered, .mk-category-loop.simple-title-effect .mk-loop-item .item-holder figcaption .caption .centered {
display: table-cell;
vertical-align: middle
}
.mk-category-loop.framed-title-effect .mk-loop-item .item-holder figcaption .caption .centered .item-desc, .mk-category-loop.none-title-effect .mk-loop-item .item-holder figcaption .caption .centered .item-desc, .mk-category-loop.simple-title-effect .mk-loop-item .item-holder figcaption .caption .centered .item-desc {
max-width: 80%;
margin: 0 auto;
height: 0
}
.mk-category-loop.simple-title-effect .mk-loop-item .item-holder figcaption .item-desc, .mk-category-loop.simple-title-effect .mk-loop-item .item-holder figcaption .item-title {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
-webkit-backface-visibility: hidden
}
.mk-category-loop.simple-title-effect .mk-loop-item .item-holder figcaption .caption {
position: relative;
z-index: 2
}
.mk-category-loop.simple-title-effect .mk-loop-item .item-holder figcaption .item-title {
transition: -webkit-transform .35s;
transition: transform .35s;
transition: transform .35s, -webkit-transform .35s
}
.mk-category-loop.simple-title-effect .mk-loop-item .item-holder figcaption .item-desc {
transition: opacity .25s, -webkit-transform .35s;
transition: opacity .25s, transform .35s;
transition: opacity .25s, transform .35s, -webkit-transform .35s;
transition-delay: 50ms;
transition-duration: .35s;
opacity: 0
}
.mk-category-loop.simple-title-effect .mk-loop-item .item-holder:hover figcaption .item-desc, .mk-category-loop.simple-title-effect .mk-loop-item .item-holder:hover figcaption .item-title {
-webkit-transform: translateY(-40px);
-ms-transform: translateY(-40px);
transform: translateY(-40px)
}
.mk-category-loop.simple-title-effect .mk-loop-item .item-holder:hover figcaption .item-desc {
opacity: 1
}
.mk-category-loop.framed-title-effect .mk-loop-item .item-holder figcaption .item-desc, .mk-category-loop.framed-title-effect .mk-loop-item .item-holder figcaption:before {
opacity: 0;
transition: opacity .35s, -webkit-transform .35s;
transition: opacity .35s, transform .35s;
transition: opacity .35s, transform .35s, -webkit-transform .35s
}
.mk-category-loop.framed-title-effect .mk-loop-item .item-holder figcaption .item-desc, .mk-category-loop.framed-title-effect .mk-loop-item .item-holder figcaption .item-title {
position: relative;
z-index: 3
}
.mk-category-loop.framed-title-effect .mk-loop-item .item-holder figcaption:before {
position: absolute;
top: 20px;
right: 20px;
bottom: 20px;
left: 20px;
border-width: 1px;
border-style: solid;
content: '';
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
z-index: 3
}
.mk-category-loop.framed-title-effect .mk-loop-item .item-holder figcaption .item-desc {
-webkit-transform: scale(1.5);
-ms-transform: scale(1.5);
transform: scale(1.5)
}
.mk-category-loop.framed-title-effect .mk-loop-item .item-holder:hover figcaption .item-desc, .mk-category-loop.framed-title-effect .mk-loop-item .item-holder:hover figcaption:before {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
opacity: 1
}
.mk-category-loop.modern-title-effect .mk-loop-item .item-holder figcaption .item-desc, .mk-category-loop.modern-title-effect .mk-loop-item .item-holder figcaption .item-title {
position: absolute;
text-align: center;
width: 100%;
left: 0;
z-index: 3
}
.mk-category-loop.modern-title-effect .mk-loop-item .item-holder figcaption .item-title {
top: 50%;
margin: 0;
transition: -webkit-transform .35s;
transition: transform .35s;
transition: transform .35s, -webkit-transform .35s;
-webkit-transform: translate3d(0, -50%, 0);
transform: translate3d(0, -50%, 0);
word-spacing: -.15em
}
.mk-category-loop.modern-title-effect .mk-loop-item .item-holder figcaption .item-desc {
bottom: 0;
opacity: 0;
padding: 40px;
padding-top: 0;
-webkit-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0);
transition: opacity .35s, -webkit-transform .35s;
transition: opacity .35s, transform .35s;
transition: opacity .35s, transform .35s, -webkit-transform .35s;
box-sizing: border-box
}
.mk-category-loop.modern-title-effect .mk-loop-item .item-holder:hover figcaption .item-title {
-webkit-transform: translate3d(0, -50%, 0) translate3d(0, -40px, 0);
transform: translate3d(0, -50%, 0) translate3d(0, -40px, 0)
}
.mk-category-loop.modern-title-effect .mk-loop-item .item-holder:hover figcaption .item-desc {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
.mk-category-loop.editorial-title-effect .mk-loop-item .item-holder figcaption .item-desc, .mk-category-loop.editorial-title-effect .mk-loop-item .item-holder figcaption .item-title {
position: absolute;
right: 30px;
left: 30px;
z-index: 3
}
.mk-category-loop.editorial-title-effect .mk-loop-item .item-holder figcaption .item-title {
position: absolute;
top: 30px;
transition: -webkit-transform .35s;
transition: transform .35s;
transition: transform .35s, -webkit-transform .35s;
-webkit-transform: translate3d(0, 20px, 0);
transform: translate3d(0, 20px, 0)
}
.mk-category-loop.editorial-title-effect .mk-loop-item .item-holder figcaption .item-title:after {
position: absolute;
top: 100%;
left: 0;
width: 100%;
height: 2px;
content: '';
-webkit-transform: translate3d(0, 40px, 0);
transform: translate3d(0, 40px, 0);
opacity: 0;
transition: opacity .35s, -webkit-transform .35s;
transition: opacity .35s, transform .35s;
transition: opacity .35s, transform .35s, -webkit-transform .35s
}
.mk-category-loop.editorial-title-effect .mk-loop-item .item-holder figcaption .item-desc {
opacity: 0;
transition: opacity .35s, -webkit-transform .35s;
transition: opacity .35s, transform .35s;
transition: opacity .35s, transform .35s, -webkit-transform .35s;
bottom: 30px;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0)
}
.mk-category-loop.editorial-title-effect .mk-loop-item .item-holder:hover figcaption .item-title {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
.mk-category-loop.editorial-title-effect .mk-loop-item .item-holder:hover figcaption .item-title:after {
opacity: 1;
-webkit-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0)
}
.mk-category-loop.editorial-title-effect .mk-loop-item .item-holder:hover figcaption .item-desc {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
.mk-category-loop.blur-image-effect .mk-loop-item .item-holder {
overflow: hidden
}
.mk-category-loop.blur-image-effect .mk-loop-item .item-holder .item-blur-thumbnail {
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
opacity: 0;
transition: opacity .2s linear
}
.mk-category-loop.blur-image-effect .mk-loop-item .item-holder:hover .item-blur-thumbnail {
opacity: 1
}
.mk-category-loop.gradient-image-effect .mk-loop-item .item-holder {
overflow: hidden
}
.mk-category-loop.gradient-image-effect .mk-loop-item .item-holder figcaption .item-desc, .mk-category-loop.gradient-image-effect .mk-loop-item .item-holder figcaption .item-title, .mk-category-loop.gradient-image-effect .mk-loop-item .item-holder figcaption:before {
z-index: 3
}
.mk-category-loop.gradient-image-effect .mk-loop-item .item-holder figcaption:after {
transition: opacity .35s, -webkit-transform .35s;
transition: opacity .35s, transform .35s;
transition: opacity .35s, transform .35s, -webkit-transform .35s;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: linear-gradient(to bottom, rgba(255,255,255,0) 0, rgba(0,0,0,.6) 75%);
content: '';
opacity: 0;
-webkit-transform: translate3d(0, 50%, 0);
transform: translate3d(0, 50%, 0);
pointer-events: none;
z-index: 1
}
.mk-category-loop.gradient-image-effect .mk-loop-item .item-holder:hover figcaption:after {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
.mk-category-loop.zoom-image-effect .mk-loop-item .item-holder {
overflow: hidden
}
.mk-category-loop.zoom-image-effect .mk-loop-item .item-holder img {
transition: -webkit-transform .35s;
transition: transform .35s;
transition: transform .35s, -webkit-transform .35s;
-webkit-transform: scale(1.12);
-ms-transform: scale(1.12);
transform: scale(1.12)
}
.mk-category-loop.zoom-image-effect .mk-loop-item .item-holder:hover img {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1)
}
.mk-category-loop.slide-image-effect .mk-loop-item .item-holder {
overflow: hidden
}
.mk-category-loop.slide-image-effect .mk-loop-item .item-holder img {
max-width: initial;
width: calc(100% + 50px);
transition: opacity .35s, -webkit-transform .35s;
transition: opacity .35s, transform .35s;
transition: opacity .35s, transform .35s, -webkit-transform .35s;
-webkit-transform: translate3d(-40px, 0, 0);
transform: translate3d(-40px, 0, 0)
}
.mk-category-loop.slide-image-effect .mk-loop-item .item-holder:hover img {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
.masonry-layout .mk-loop-item {
float: initial!important;
height: auto!important
}
@media handheld, only screen and (max-width:1024px) {
.mk-category-loop .mk--col.mk--col--1-2, .mk-category-loop .mk--col.mk--col--3-12, .mk-category-loop .mk--col.mk--col--4-12 {
width: 50%
}
}
@media handheld, only screen and (max-width:767px) {
.mk-category-loop .mk--col.mk--col--1-2, .mk-category-loop .mk--col.mk--col--3-12, .mk-category-loop .mk--col.mk--col--4-12 {
width: 100%
}
}
.mk-circle-image {
text-align: center
}
.mk-circle-image__holder {
display: inline-block;
overflow: hidden;
margin: 0 auto;
border-radius: 100%
}
.mk-circle-image__holder a {
display: inline-block;
line-height: 4px
}
.mk-circle-image__holder img {
width: 100%
}
.mk-clients {
position: relative
}
.mk-clients.slideshow-no-title {
padding-top: 25px
}
.mk-clients ul {
margin: 0;
padding: 0;
list-style: none
}
.mk-clients ul.mk-flex-slides li {
position: relative;
text-align: center
}
.mk-clients ul.mk-flex-slides li .client-logo {
margin: 0 9px
}
.mk-clients ul.mk-flex-slides .client-logo {
width: 170px;
border-width: 1px;
border-style: solid
}
.mk-clients .client-logo {
position: relative;
display: block;
opacity: .8;
background-position: center center;
background-repeat: no-repeat
}
.mk-clients .client-logo:hover {
opacity: 1
}
.mk-clients.bg-cover-true .client-logo {
background-size: cover;
background-repeat: no-repeat;
-moz-background-size: cover;
-webkit-background-size: cover;
-o-background-size: cover
}
.mk-clients .flex-direction-nav a {
position: absolute;
top: -4px
}
.mk-clients .flex-direction-nav a svg {
fill: #aaa;
height: 12px!important
}
.mk-clients .flex-prev {
right: 20px
}
.mk-clients .flex-next {
right: 0
}
.mk-clients.column-style ul {
overflow: hidden
}
.mk-clients.column-style li {
float: left;
margin: 0;
padding: 0
}
.mk-clients.column-style.one-column li {
width: 100%
}
.mk-clients.column-style.two-column li {
width: 50%
}
.mk-clients.column-style.three-column li {
width: calc(100% / 3)
}
.Edge .mk-clients.column-style.three-column li, .IE10 .mk-clients.column-style.three-column li, .IE11 .mk-clients.column-style.three-column li {
width: calc(100% / 3 - 1px)
}
.mk-clients.column-style.four-column li {
width: 25%
}
.mk-clients.column-style.five-column li {
width: 20%
}
.mk-clients.column-style.six-column li {
width: calc(100% / 6)
}
.Edge .mk-clients.column-style.six-column li, .IE10 .mk-clients.column-style.six-column li, .IE11 .mk-clients.column-style.six-column li {
width: calc(100% / 6 - 1px)
}
.mk-clients.column-style.border-boxed ul {
border-top-style: none!important
}
.mk-clients.column-style.border-boxed ul:first-of-type .client-logo {
border-top-style: solid!important
}
.mk-clients.column-style.border-opened_edges ul:last-child .client-logo {
border-bottom-style: none!important
}
@media handheld, only screen and (max-width:960px) {
.mk-clients.column-style.five-column li, .mk-clients.column-style.four-column li, .mk-clients.column-style.six-column li, .mk-clients.column-style.three-column li {
width: calc(100% / 3)!important
}
.mk-clients.column-style.border-opened_edges.five-column li:nth-child(3) .client-logo, .mk-clients.column-style.border-opened_edges.four-column li:nth-child(3) .client-logo, .mk-clients.column-style.border-opened_edges.six-column li:nth-child(3) .client-logo, .mk-clients.column-style.border-opened_edges.three-column li:nth-child(3) .client-logo {
border-right-style: none!important
}
}
@media handheld, only screen and (max-width:767px) {
.mk-clients.column-style.five-column li, .mk-clients.column-style.four-column li, .mk-clients.column-style.six-column li, .mk-clients.column-style.three-column li {
width: 50%!important
}
.mk-clients.column-style.border-opened_edges.five-column li:nth-child(2) .client-logo, .mk-clients.column-style.border-opened_edges.four-column li:nth-child(2) .client-logo, .mk-clients.column-style.border-opened_edges.six-column li:nth-child(2) .client-logo, .mk-clients.column-style.border-opened_edges.three-column li:nth-child(2) .client-logo {
border-right-style: none!important
}
}
@media handheld, only screen and (max-width:550px) {
.mk-clients.column-style.five-column li, .mk-clients.column-style.four-column li, .mk-clients.column-style.six-column li, .mk-clients.column-style.three-column li, .mk-clients.column-style.two-column li {
width: 100%!important
}
.mk-clients.column-style.border-opened_edges.five-column li:nth-child(1) .client-logo, .mk-clients.column-style.border-opened_edges.four-column li:nth-child(1) .client-logo, .mk-clients.column-style.border-opened_edges.six-column li:nth-child(1) .client-logo, .mk-clients.column-style.border-opened_edges.three-column li:nth-child(1) .client-logo, .mk-clients.column-style.border-opened_edges.two-column li:nth-child(1) .client-logo {
border-right-style: solid!important;
border-left-style: solid!important;
border-right-width: 1px!important;
border-left-width: 1px!important
}
.mk-clients.column-style.border-opened_edges .mk-clients-fixed-list:first-of-type .client-logo {
border-top-style: solid!important;
border-top-width: 1px!important
}
.mk-clients.column-style.border-opened_edges .mk-clients-fixed-list:last-of-type .client-logo {
border-bottom-style: solid!important;
border-bottom-width: 1px!important
}
}
button, input, select, textarea {
font-family: inherit;
/*font-size: inherit*/
}
.contact-captcha-invalid:-moz-placeholder, .contact-captcha-invalid::-moz-placeholder {
color:red!important;
letter-spacing:0!important
}
.contact-captcha-invalid::-webkit-input-placeholder {
color:red!important;
letter-spacing:0!important
}
.contact-captcha-invalid:-ms-input-placeholder {
color:red!important;
letter-spacing:0!important
}
.contact-captcha-valid:-moz-placeholder, .contact-captcha-valid::-moz-placeholder {
color:#008200!important;
letter-spacing:0!important
}
.contact-captcha-valid::-webkit-input-placeholder {
color:#008200!important;
letter-spacing:0!important
}
.contact-captcha-valid:-ms-input-placeholder {
color:#008200!important;
letter-spacing:0!important
}
.mk-contact-form {
position: relative;
margin: 2px 0 20px
}
.mk-contact-form .mk-form-third {
width: 33.3333%;
float: left
}
.mk-contact-form .mk-form-half {
width: 50%;
float: left
}
.mk-contact-form .s_form-all {
position: relative
}
.mk-contact-form .s_form-all .s_txt-input {
-webkit-appearance: none
}
.mk-contact-loading {
position: absolute;
right: 0;
bottom: 20px;
display: none;
color: #c3c3c3;
font-size: 16px
}
.mk-contact-success {
position: absolute;
right: 0;
bottom: 20px;
display: none;
width: 24px;
height: 24px;
color: #90b64d;
font-size: 24px
}
.mk-invalid {
border: 1px solid red
}
.s_contact .mk-form-row {
margin-bottom: 12px;
text-align: center;
width: 100%;
position: relative;
box-sizing: border-box
}
.s_contact .s_txt-input {
font-size: 14px;
padding: 14px;
text-align: center;
width: 100%;
border: medium none
}
.s_contact .mk-form-row.half {
width: 50%;
float: left
}
.s_contact .mk-form-row input {
z-index: 11;
position: relative
}
.s_contact .mk-form-row.one-third {
width: 33.3333%;
float: left
}
.s_contact .mk-textarea {
height: 200px
}
.s_contact .captcha-image {
position: absolute;
top: 0;
left: 0;
max-height: 47px;
z-index: 30
}
.s_contact .captcha-change-image {
position: absolute;
top: 18px;
right: 10px;
text-align: right;
font-size: 10px;
line-height: 1;
z-index: 12
}
.s_contact .mk-invalid {
border: 1px solid red!important
}
.s_contact.light .captcha-change-image {
color: #333
}
.s_contact.dark .s_txt-input:focus, .s_contact.light .s_txt-input {
background-color: rgba(255,255,255,.8);
color: #252525;
border: none
}
.s_contact.light .s_txt-input:-moz-placeholder, .s_contact.light .s_txt-input::-moz-placeholder {
color:#252525
}
.s_contact.light .s_txt-input:-moz-placeholder, .s_contact.light .s_txt-input::-moz-placeholder {
color:#252525
}
.s_contact.dark .s_txt-input:focus::-webkit-input-placeholder {
color:#252525
}
.s_contact.dark .s_txt-input:focus:-ms-input-placeholder {
color:#252525
}
.s_contact.light .s_txt-input:-ms-input-placeholder {
color:#252525
}
.s_contact.light .s_txt-input::-webkit-input-placeholder {
color:#252525
}
.s_contact.dark .captcha-change-image {
color: #969696
}
.s_contact.dark .s_txt-input, .s_contact.light .s_txt-input:focus {
background-color: rgba(0,0,0,.8);
color: #fff;
border: none
}
.s_contact.light .s_txt-input:focus:-moz-placeholder, .s_contact.light .s_txt-input:focus::-moz-placeholder {
color:#fff
}
.s_contact.dark .s_txt-input:-moz-placeholder, .s_contact.dark .s_txt-input::-moz-placeholder {
color:#fff
}
.s_contact.light .s_txt-input:focus::-webkit-input-placeholder {
color:#fff
}
.s_contact.dark .s_txt-input:-ms-input-placeholder {
color:#fff
}
.s_contact .s_txt-input {
border: medium none
}
.s_modern.s_contact .captcha-change-image {
width: 100px;
top: 15px
}
.s_contact.s_outline .mk-form-row {
margin-bottom: 0
}
.s_contact.s_outline .captcha-block {
position: absolute;
width: 50%;
right: 0;
top: 0
}
.s_contact.s_outline .captcha-block a, .s_contact.s_outline .captcha-block img {
text-align: left;
max-height: none
}
.s_contact.s_outline .captcha-block a {
display: inline-block;
padding: 17px 0;
position: static
}
.s_contact.s_outline .captcha-block img {
height: 50px;
max-width: 50%;
position: relative;
top: 2px
}
.s_contact.s_outline .captcha-change-image {
width: 100px
}
.s_contact.s_outline .s_txt-input {
margin: 0;
background-color: transparent;
outline: 0 none;
transition: all .2s ease 0s;
padding: 18px;
text-align: left
}
.s_contact.s_outline .s_txt-input::-webkit-input-placeholder {
font-size:12px;
letter-spacing:2px;
text-transform:uppercase
}
.s_contact.s_outline .s_txt-input:-ms-input-placeholder {
font-size:12px;
letter-spacing:2px;
text-transform:uppercase
}
.s_contact.s_outline .s_txt-input:-moz-placeholder, .s_contact.s_outline .s_txt-input::-moz-placeholder {
font-size:12px;
letter-spacing:2px;
text-transform:uppercase
}
.s_contact.s_outline .contact-outline-submit {
width: 100%;
background: rgba(0,0,0,0) none repeat scroll 0 0;
padding: 18px;
font-size: 13px;
font-weight: 700;
transition: all .15s ease 0s
}
.s_contact.s_outline .mk-contact-loading {
right: 15px;
bottom: 16px;
font-size: 20px;
text-align: center;
line-height: 1;
box-sizing: border-box
}
.s_contact.s_outline .mk-contact-success {
right: 15px;
bottom: 20px;
width: 20px;
height: 20px;
font-size: 20px
}
.s_contact.s_outline .mk-invalid {
border: 1px solid red;
box-shadow: 0 0 0 1px red!important
}
.s_contact.s_outline.light .captcha-change-image {
color: #969696
}
.s_contact.s_outline.light .contact-outline-submit, .s_contact.s_outline.light .s_txt-input {
border: 1px solid #e5e5e5;
box-shadow: 0 0 0 1px #e5e5e5;
color: #fff
}
.s_contact.s_outline.light .s_txt-input::-webkit-input-placeholder {
color:rgba(255,255,255,.8)
}
.s_contact.s_outline.light .s_txt-input:-ms-input-placeholder {
color:rgba(255,255,255,.8)
}
.s_contact.s_outline.light .s_txt-input:-moz-placeholder, .s_contact.s_outline.light .s_txt-input::-moz-placeholder {
color:rgba(255,255,255,.8)
}
.s_contact.s_outline.light .s_txt-input:focus {
background: rgba(255,255,255,.1)
}
.s_contact.s_outline.light .contact-outline-submit:hover {
background: rgba(255,255,255,.4)
}
.s_contact.s_outline.light .mk-contact-loading, .s_contact.s_outline.light .mk-contact-success {
color: #fff
}
.s_contact.s_outline.dark .captcha-change-image {
color: #333
}
.s_contact.s_outline.dark .contact-outline-submit, .s_contact.s_outline.dark .s_txt-input {
border: 1px solid #333;
box-shadow: 0 0 0 1px #333;
color: #222
}
.s_contact.s_outline.dark .s_txt-input::-webkit-input-placeholder {
color:rgba(0,0,0,.8)
}
.s_contact.s_outline.dark .s_txt-input:-ms-input-placeholder {
color:rgba(0,0,0,.8)
}
.s_contact.s_outline.dark .s_txt-input:-moz-placeholder, .s_contact.s_outline.dark .s_txt-input::-moz-placeholder {
color:rgba(0,0,0,.8)
}
.s_contact.s_outline.dark .s_txt-input:focus {
background-color: rgba(0,0,0,.1);
color: #222
}
.s_contact.s_outline.dark .contact-outline-submit:hover {
background: rgba(0,0,0,.3)
}
.s_contact.s_outline.dark .mk-contact-loading, .s_contact.s_outline.dark .mk-contact-success {
color: #222
}
.s_contact.s_corporate .mk-form-row {
margin-bottom: 0
}
.s_contact.s_corporate .captcha-image {
max-height: 54px;
top: 4px;
right: 10px;
z-index: 12;
left: auto
}
.s_contact.s_corporate .captcha-change-image {
display: block;
padding: 10px 0;
position: static
}
.s_contact.s_corporate .s_form-all {
padding: 0 5px 10px
}
.s_contact.s_corporate .s_txt-input {
margin: 0;
transition: all .2s ease 0s;
padding: 18px;
width: 100%;
text-align: left;
border: 1px solid transparent
}
.s_contact.s_corporate .s_txt-input:-ms-input-placeholder, .s_contact.s_corporate .s_txt-input::-webkit-input-placeholder {
font-size:12px;
letter-spacing:2px
}
.s_contact.s_corporate .s_txt-input:-moz-placeholder, .s_contact.s_corporate .s_txt-input::-moz-placeholder {
font-size:12px;
letter-spacing:2px
}
.s_contact.s_corporate .s_txt-input:focus {
background: red
}
.s_contact.s_corporate .s_txt-input:focus:-ms-input-placeholder, .s_contact.s_corporate .s_txt-input:focus::-webkit-input-placeholder {
opacity:.8
}
.s_contact.s_corporate .s_txt-input:focus:-moz-placeholder, .s_contact.s_corporate .s_txt-input:focus::-moz-placeholder {
opacity:.8
}
.s_contact.s_corporate .contact-submit {
padding: 20px 28px;
transition: all .15s;
float: right;
margin-right: 5px;
margin-top: 5px
}
.s_contact.s_corporate .contact-submit svg {
position: relative;
left: 0
}
.s_contact.s_corporate .mk-contact-loading {
right: 15px;
bottom: 16px;
font-size: 20px;
text-align: center;
line-height: 1;
box-sizing: border-box
}
.s_contact.s_corporate .mk-contact-success {
right: 15px;
bottom: 20px;
width: 20px;
height: 20px;
font-size: 20px
}
.s_contact.s_corporate .state-success {
right: 30px!important
}
.s_contact.s_corporate .mk-invalid {
border: 1px solid red;
box-shadow: 0 0 0 1px red!important
}
.s_contact.s_classic .mk-form-row {
text-align: left
}
.s_contact.s_classic .captcha-block {
display: inline-block
}
.s_contact.s_classic .captcha-image {
max-height: 40px;
position: static
}
.s_contact.s_classic .captcha-change-image {
position: static;
text-align: left
}
.s_contact.s_classic .mk-form-row>svg {
position: absolute;
top: 13px;
left: 12px;
height: 16px;
z-index: 12
}
.s_contact.s_classic .s_txt-input {
padding: 10px 10px 10px 45px;
width: 70%;
border: 1px solid #e3e3e3;
text-align: left
}
.s_contact.s_classic .mk-textarea {
height: 230px;
width: 100%
}
.s_contact.s_classic button {
margin-top: 10px;
padding: 17px 30px 16px;
font-weight: 700;
font-size: 12px
}
@media handheld, only screen and (max-width:767px) {
.s_contact .mk-textarea, .s_contact .s_txt-input {
width: 100%
}
.s_contact .mk-form-row.half, .s_contact .mk-form-row.one-third {
width: 100%;
float: none
}
}
.s_contact.s_line .mk-form-row, .s_contact.s_line .s_txt-input {
text-align: left!important
}
.s_contact.s_line .captcha-image {
max-height: 38px;
position: absolute;
top: 4px;
right: 0;
z-index: 10;
left: auto
}
.s_contact.s_line .captcha-change-image-box {
display: block;
padding: 10px 0;
position: relative;
top: -20px
}
.s_contact.s_line .contact-submit {
font-size: 12px;
transition: all .15s;
float: right;
margin-right: 5px
}
.s_contact.s_line .mk-form-half {
width: calc(50% - 10px)
}
.s_contact.s_line .mk-form-third {
width: calc(33.3% - 10px)
}
.s_contact.s_line .s_form-all {
margin: 5px
}
.s_contact.s_line .text-input {
height: 45px
}
.s_contact.s_line .s_txt-input {
background: rgba(0,0,0,0) none repeat scroll 0 0;
padding: 0;
margin-bottom: 2em;
color: #000;
display: block;
border: 0 none;
-webkit-appearance: none
}
.s_contact.s_line .s_txt-input:focus {
outline: 0
}
.s_contact.s_line .ls-text-label {
display: inline-block;
color: #000;
font-weight: 700;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
width: 100%;
position: absolute;
text-align: left;
font-size: 1em;
padding: 10px 0 5px;
pointer-events: none;
left: 0;
top: 0
}
.s_contact.s_line .ls-text-label.full {
height: 92%;
padding: 0
}
.s_contact.s_line .ls-text-label::after {
content: '';
position: absolute;
width: 100%;
height: 5px;
background: #000;
left: 0;
top: 100%;
-webkit-transform-origin: 50% 100%;
-ms-transform-origin: 50% 100%;
transform-origin: 50% 100%;
transition: background-color .3s, -webkit-transform .3s;
transition: transform .3s, background-color .3s;
transition: transform .3s, background-color .3s, -webkit-transform .3s
}
.s_contact.s_line .ls-text-label .ls-text-label--content {
position: relative;
display: block;
width: 100%;
padding: 0;
-webkit-transform-origin: 0 0;
-ms-transform-origin: 0 0;
transform-origin: 0 0;
transition: color .3s, -webkit-transform .3s;
transition: transform .3s, color .3s;
transition: transform .3s, color .3s, -webkit-transform .3s
}
.s_contact.s_line .text-input.mk-invalid {
border: 0!important
}
.s_contact.s_line .text-input.mk-invalid+.ls-text-label::after {
background-color: red!important
}
.s_contact.s_line .is-active .ls-text-label::after, .s_contact.s_line .mk-textarea.mk-invalid+.ls-text-label::after, .s_contact.s_line .mk-textarea:focus+.ls-text-label::after, .s_contact.s_line .text-input.mk-invalid+.ls-text-label::after, .s_contact.s_line .text-input:focus+.ls-text-label::after {
background: #222;
-webkit-transform: scale3d(1, .25, 1);
transform: scale3d(1, .25, 1)
}
.s_contact.s_line .is-active .text-input+.ls-text-label .ls-text-label--content, .s_contact.s_line .text-input:focus+.ls-text-label .ls-text-label--content {
-webkit-transform: translate3d(0, 3em, 0) scale3d(.655, .655, 1);
transform: translate3d(0, 3em, 0) scale3d(.655, .655, 1)
}
.s_contact.s_line .is-active .mk-textarea+.ls-text-label .ls-text-label--content, .s_contact.s_line .mk-textarea:focus+.ls-text-label .ls-text-label--content {
-webkit-transform: translate3d(0, 14em, 0) scale3d(.655, .655, 1);
transform: translate3d(0, 14em, 0) scale3d(.655, .655, 1)
}
@media handheld, only screen and (max-width:960px) {
.mk-contact-form-shortcode .contact-form-spliter {
float: none!important;
margin-bottom: 6px;
width: 100%!important
}
.mk-contact-form-shortcode button {
display: block;
width: 100%
}
}
@media handheld, only screen and (max-width:767px) {
.mk-contact-form .mk-form-half, .mk-contact-form .mk-form-third, .mk-contact-form .mk-textarea, .mk-contact-form .text-input {
width: 100%!important;
float: none
}
}
.mk-content-box {
overflow: hidden;
margin-bottom: 20px;
border: 1px solid #e3e3e3;
background-color: #fff
}
.mk-content-box .content-box-heading {
display: block;
padding: 14px 15px;
border-bottom: 1px solid #e3e3e3;
background-color: #f8f8f8;
font-weight: 700;
font-size: 16px
}
.mk-content-box .content-box-heading p {
margin-bottom: 0
}
.mk-content-box .content-box-heading svg {
height: 16px;
width: 16px
}
.mk-content-box .content-box-content {
padding: 20px
}
.mk-content-box .content-box-heading i {
font-size: 16px;
margin-right: 6px;
line-height: normal;
vertical-align: middle
}
.mk-event-countdown-ul:media(max-width:750px) li {
width:90%;
display:block;
margin:0 auto 15px
}
.mk-event-countdown {
margin-bottom: 30px!important
}
.mk-event-countdown .mk-event-title {
display: block;
margin-bottom: 25px;
color: #999;
text-align: center;
font-size: 16px;
font-weight: 700;
color: #333
}
.mk-event-countdown-ul {
margin: 0;
padding: 0;
list-style: none;
text-align: center;
width: 100%
}
.mk-event-countdown-ul li {
display: inline-block;
margin: 0 0 15px 15px;
box-sizing: border-box;
width: 20%;
border: 2px solid rgba(0,0,0,.1);
padding: 20px 4px
}
.mk-event-countdown-ul li .timestamp {
position: relative;
display: block;
font-size: 70px;
font-weight: 300;
padding: 18px 5px 35px 5px;
color: #555;
text-shadow: 1px 1px #fff
}
.mk-event-countdown-ul li .timestamp:before {
content: '';
display: block;
position: absolute;
width: 30px;
height: 3px;
letter-spacing: 2px;
background: #ddd;
left: 50%;
-webkit-transform: translate(-50%, 66px);
-ms-transform: translate(-50%, 66px);
transform: translate(-50%, 66px)
}
.mk-event-countdown-ul li .timeRef {
color: #898989;
display: block;
font-size: 12px;
letter-spacing: 2px;
text-transform: uppercase;
padding-top: 20px
}
.height-full .box-holder, .height-full .mk-custom-box {
height: 100%;
width: 100%;
transition: background .2s ease-in-out
}
.mk-custom-box .mk-custom-box--overlay {
width: 100%;
height: 100%;
position: absolute!important;
z-index: 2!important;
left: 0;
top: 0;
pointer-events: none
}
.mk-custom-box .box-holder {
position: relative
}
.mk-custom-box .box-holder>.wpb_row:after, .mk-custom-box .box-holder>.wpb_row:before {
content: " ";
display: table
}
.mk-custom-box .box-holder>.wpb_row:after {
clear: both
}
.mk-custom-box .box-holder:after, .mk-custom-box.hover-effect-image.image-effect-blur .box-holder:before {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
content: '';
display: block
}
.mk-custom-box .box-holder>* {
position: relative;
z-index: 3
}
.mk-custom-box.hover-effect-gradient_color .box-holder:after, .mk-custom-box.hover-effect-single_color .box-holder:after {
opacity: 0;
transition: opacity .2s linear
}
.mk-custom-box.hover-effect-gradient_color:hover .box-holder:after, .mk-custom-box.hover-effect-single_color:hover .box-holder:after {
opacity: 1;
transition: opacity .2s
}
.mk-custom-box.hover-effect-image, .mk-custom-box.hover-effect-image.image-effect-blur .box-holder {
overflow: hidden
}
.mk-custom-box.hover-effect-image.image-effect-zoom-in .box-holder:after {
-webkit-transform: scale(1.04);
-ms-transform: scale(1.04);
transform: scale(1.04);
transition: -webkit-transform .35s cubic-bezier(.25, .46, .45, .94);
transition: transform .35s cubic-bezier(.25, .46, .45, .94);
transition: transform .35s cubic-bezier(.25, .46, .45, .94), -webkit-transform .35s cubic-bezier(.25, .46, .45, .94)
}
.mk-custom-box.hover-effect-image.image-effect-zoom-in .box-holder:hover:after {
-webkit-transform: scale(1.11);
-ms-transform: scale(1.11);
transform: scale(1.11);
z-index: 1
}
.mk-custom-box.hover-effect-image.image-effect-blur .box-holder:after, .mk-custom-box.hover-effect-image.image-effect-blur .box-holder:before {
-webkit-transform: scale(1.03);
-ms-transform: scale(1.03);
transform: scale(1.03)
}
.mk-custom-box.hover-effect-image.image-effect-blur .box-holder:before {
opacity: 0;
transition: opacity .2s;
-webkit-filter: blur(5px);
-moz-filter: blur(5px);
-o-filter: blur(5px);
-ms-filter: blur(5px);
filter: blur(5px);
z-index: 2
}
.mk-custom-box.hover-effect-image.image-effect-blur .box-holder:hover:before {
opacity: 1
}
.mk-custom-box.hover-effect-image.image-effect-grayscale .box-holder:after {
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-o-filter: grayscale(100%);
-ms-filter: grayscale(100%);
filter: grayscale(100%);
transition: -webkit-filter .2s linear;
transition: filter .2s linear;
transition: filter .2s linear, -webkit-filter .2s linear;
transition: -ms-filter .2s linear;
transition: -o-filter .2s linear;
transition: -moz-filter .2s linear;
transition: -webkit-filter .2s linear
}
.mk-custom-box.hover-effect-image.image-effect-grayscale .box-holder:hover:after {
-webkit-filter: grayscale(0);
-moz-filter: grayscale(0);
-o-filter: grayscale(0);
-ms-filter: grayscale(0);
filter: grayscale(0)
}
.mk-list-styles.mk-align-left ul {
display: inline-block;
float: left
}
.mk-list-styles.mk-align-center ul {
display: block!important;
text-align: center
}
.mk-list-styles.mk-align-center ul li .mk-svg-icon {
position: relative;
padding-right: 5px
}
.mk-list-styles.mk-align-right ul {
display: inline-block;
float: right
}
.mk-list-styles ul {
margin: 0;
padding: 0;
list-style: none
}
.mk-list-styles ul li {
position: relative;
margin: 0 0 6px 0;
padding: 0 0 0 21px;
line-height: 24px!important
}
.mk-list-styles ul li .mk-svg-icon {
position: absolute;
top: 4px;
left: 0;
height: 16px
}
.mk-divider {
display: block;
width: 100%
}
.mk-divider.custom-width .divider-inner {
display: block
}
.mk-divider.custom-width.center {
text-align: center
}
.mk-divider.custom-width.center .divider-inner {
margin: 0 auto
}
.mk-divider.custom-width.right .divider-inner {
margin: 0 0 0 auto
}
@media handheld, only screen and (max-width:767px) {
.mk-divider.custom-width.left, .mk-divider.custom-width.right {
margin-left: auto;
margin-right: auto;
text-align: center
}
}
.mk-divider.center .divider-inner {
margin: 0 auto
}
.mk-divider.right .divider-inner {
margin: 0 0 0 auto
}
.mk-divider.divider_one_half .divider-inner {
width: 50%
}
.mk-divider.divider_one_third .divider-inner {
width: 33.33%
}
.mk-divider.divider_one_fourth .divider-inner {
width: 25%
}
.mk-divider.double_dot .divider-inner {
height: 5px;
border-top: 1px dashed #dadada;
border-bottom: 1px dashed #dadada
}
.mk-divider.thick_solid .divider-inner {
border-top: 2px solid #e5e5e5;
border-top: 2px solid rgba(0,0,0,.1)
}
.mk-divider.thin_solid .divider-inner {
border-top: 1px solid #e5e5e5;
border-top: 1px solid rgba(0,0,0,.1);
position: relative
}
.mk-divider.thin_solid .divider-inner:after {
width: 100%;
position: absolute;
left: 0;
top: 0
}
.mk-divider.single_dotted .divider-inner {
border-top: 1px dashed #dadada
}
.mk-divider.shadow_line .divider-inner {
height: 7px
}
.mk-divider.shadow_line .divider-inner .divider-shadow-left, .mk-divider.shadow_line .divider-inner .divider-shadow-right {
display: inline-block;
width: 50%;
height: 7px;
background-repeat: no-repeat
}
.mk-divider.shadow_line .divider-inner .divider-shadow-left {
background-position: left center
}
.mk-divider.shadow_line .divider-inner .divider-shadow-right {
background-position: right center
}
.mk-divider[class*=go_top] .divider-inner {
position: relative;
height: 12px
}
.mk-divider[class*=go_top] .divider-inner:before {
top: 6px;
left: 0;
display: block;
width: 100%;
height: 1px;
background-color: #e5e5e5;
background-color: rgba(0,0,0,.1);
content: ""
}
.mk-divider[class*=go_top] .divider-inner .divider-go-top {
position: absolute;
top: -10px;
right: 0;
float: right;
padding-left: 4px
}
.mk-divider[class*=go_top] .divider-inner .divider-go-top .mk-svg-icon {
margin-left: 6px;
color: #ccc
}
.mk-divider.go_top_thick .divider-inner:before {
height: 2px
}
.mk-divider.divider_page_divider {
width: 100%
}
.mk-dropcaps {
display: inline-block;
float: left;
margin: 5px 8px 0 0;
font-weight: 700;
font-size: 20px
}
.mk-dropcaps.simple-style {
margin: 5px 0 0 0;
padding: 6px 6px 6px 0;
color: #666;
font-size: 50px;
line-height: 16px
}
.mk-dropcaps.fancy-style {
color: #fff;
width: 36px;
height: 36px;
line-height: 36px;
text-align: center
}
.mk-edge-one-pager .mk-grid {
position: relative
}
.mk-edge-one-pager .section {
position: relative;
background-position: center;
background-repeat: no-repeat;
overflow: hidden
}
.mk-edge-one-pager .section .edge-slide-content {
margin-top: 100px;
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
.mk-edge-one-pager .section.center_top .edge-slide-content, .mk-edge-one-pager .section.left_top .edge-slide-content, .mk-edge-one-pager .section.right_top .edge-slide-content {
margin-top: 160px
}
.mk-edge-one-pager .section.center_bottom .mk-edge-buttons, .mk-edge-one-pager .section.center_bottom .mk-edge-desc, .mk-edge-one-pager .section.center_bottom .mk-edge-title, .mk-edge-one-pager .section.center_center .mk-edge-buttons, .mk-edge-one-pager .section.center_center .mk-edge-desc, .mk-edge-one-pager .section.center_center .mk-edge-title, .mk-edge-one-pager .section.center_top .mk-edge-buttons, .mk-edge-one-pager .section.center_top .mk-edge-desc, .mk-edge-one-pager .section.center_top .mk-edge-title {
text-align: center
}
.mk-edge-one-pager .section.center_bottom .edge-slide-content, .mk-edge-one-pager .section.center_center .edge-slide-content, .mk-edge-one-pager .section.center_top .edge-slide-content {
margin-right: auto;
margin-left: auto
}
.mk-edge-one-pager .section.right_bottom, .mk-edge-one-pager .section.right_center, .mk-edge-one-pager .section.right_top {
text-align: right
}
.mk-edge-one-pager .section.right_bottom .edge-slide-content, .mk-edge-one-pager .section.right_center .edge-slide-content, .mk-edge-one-pager .section.right_top .edge-slide-content {
float: right
}
.mk-edge-one-pager .edge-slide-content.caption-light .mk-edge-desc, .mk-edge-one-pager .edge-slide-content.caption-light .mk-edge-title {
color: #fff
}
.mk-edge-one-pager .edge-slide-content.caption-dark .mk-edge-desc, .mk-edge-one-pager .edge-slide-content.caption-dark .mk-edge-title {
color: #252525
}
.mk-edge-one-pager .mk-edge-title {
margin-bottom: 20px;
font-weight: 400;
font-size: 50px;
line-height: 120%
}
.mk-edge-one-pager .mk-edge-desc {
font-weight: 200;
font-size: 25px;
line-height: 40px;
margin-bottom: 30px
}
.mk-edge-one-pager .mk-edge-buttons {
margin-top: 30px
}
.mk-edge-one-pager .edge-default_anim .mk-edge-title {
transition: all .4s ease-in-out .8s
}
.mk-edge-one-pager .edge-default_anim .mk-edge-desc {
transition: all .4s ease-in-out .9s
}
.mk-edge-one-pager .edge-default_anim .mk-edge-buttons {
transition: all .4s ease-in-out 1s!important
}
.mk-edge-one-pager .edge-default_anim .mk-edge-buttons a {
transition: all .2s ease-in-out
}
.mk-edge-one-pager .edge-default_anim .mk-edge-buttons, .mk-edge-one-pager .edge-default_anim .mk-edge-desc, .mk-edge-one-pager .edge-default_anim .mk-edge-title {
-webkit-transform: translate(0, 70px);
-ms-transform: translate(0, 70px);
transform: translate(0, 70px);
ms-transform: translate(0, 70px);
filter:alpha(opacity=@opacity * 100);
-moz-opacity: 0;
-khtml-opacity: 0;
opacity: 0
}
.mk-edge-one-pager .active .edge-default_anim .mk-edge-buttons, .mk-edge-one-pager .active .edge-default_anim .mk-edge-desc, .mk-edge-one-pager .active .edge-default_anim .mk-edge-title {
-webkit-transform: translate(0, 0);
-ms-transform: translate(0, 0);
transform: translate(0, 0);
ms-transform: translate(0, 0);
filter:alpha(opacity=@opacity * 100);
-moz-opacity: 100;
-khtml-opacity: 100;
opacity: 100;
opacity: 1
}
.mk-edge-one-pager .edge-fade-in .mk-edge-buttons, .mk-edge-one-pager .edge-fade-in .mk-edge-desc, .mk-edge-one-pager .edge-fade-in .mk-edge-title, .mk-edge-one-pager .edge-scale-down .mk-edge-buttons, .mk-edge-one-pager .edge-scale-down .mk-edge-desc, .mk-edge-one-pager .edge-scale-down .mk-edge-title, .mk-edge-one-pager .edge-slide-bottom .mk-edge-buttons, .mk-edge-one-pager .edge-slide-bottom .mk-edge-desc, .mk-edge-one-pager .edge-slide-bottom .mk-edge-title, .mk-edge-one-pager .edge-slide-left .mk-edge-buttons, .mk-edge-one-pager .edge-slide-left .mk-edge-desc, .mk-edge-one-pager .edge-slide-left .mk-edge-title, .mk-edge-one-pager .edge-slide-right .mk-edge-buttons, .mk-edge-one-pager .edge-slide-right .mk-edge-desc, .mk-edge-one-pager .edge-slide-right .mk-edge-title, .mk-edge-one-pager .edge-slide-top .mk-edge-buttons, .mk-edge-one-pager .edge-slide-top .mk-edge-desc, .mk-edge-one-pager .edge-slide-top .mk-edge-title {
filter:alpha(opacity=@opacity * 100);
-moz-opacity: 0;
-khtml-opacity: 0;
opacity: 0
}
.mk-edge-one-pager .edge-fade-in .mk-edge-title, .mk-edge-one-pager .edge-scale-down .mk-edge-title, .mk-edge-one-pager .edge-slide-bottom .mk-edge-title, .mk-edge-one-pager .edge-slide-left .mk-edge-title, .mk-edge-one-pager .edge-slide-right .mk-edge-title, .mk-edge-one-pager .edge-slide-top .mk-edge-title {
transition: all .4s ease-in-out .8s
}
.mk-edge-one-pager .edge-fade-in .mk-edge-desc, .mk-edge-one-pager .edge-scale-down .mk-edge-desc, .mk-edge-one-pager .edge-slide-bottom .mk-edge-desc, .mk-edge-one-pager .edge-slide-left .mk-edge-desc, .mk-edge-one-pager .edge-slide-right .mk-edge-desc, .mk-edge-one-pager .edge-slide-top .mk-edge-desc {
transition: all .4s ease-in-out .9s
}
.mk-edge-one-pager .edge-fade-in .mk-edge-buttons, .mk-edge-one-pager .edge-scale-down .mk-edge-buttons, .mk-edge-one-pager .edge-slide-bottom .mk-edge-buttons, .mk-edge-one-pager .edge-slide-left .mk-edge-buttons, .mk-edge-one-pager .edge-slide-right .mk-edge-buttons, .mk-edge-one-pager .edge-slide-top .mk-edge-buttons {
transition: all .4s ease-in-out 1s
}
.mk-edge-one-pager .active .edge-fade-in .mk-edge-buttons, .mk-edge-one-pager .active .edge-fade-in .mk-edge-desc, .mk-edge-one-pager .active .edge-fade-in .mk-edge-title {
filter:alpha(opacity=@opacity * 100);
-moz-opacity: 100;
-khtml-opacity: 100;
opacity: 100;
opacity: 1
}
.mk-edge-one-pager .edge-slide-top .mk-edge-buttons, .mk-edge-one-pager .edge-slide-top .mk-edge-desc, .mk-edge-one-pager .edge-slide-top .mk-edge-title {
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
ms-transform: translate(0, -50%)
}
.mk-edge-one-pager .active .edge-slide-top .mk-edge-buttons, .mk-edge-one-pager .active .edge-slide-top .mk-edge-desc, .mk-edge-one-pager .active .edge-slide-top .mk-edge-title {
-webkit-transform: translate(0, 0);
-ms-transform: translate(0, 0);
transform: translate(0, 0);
ms-transform: translate(0, 0);
filter:alpha(opacity=@opacity * 100);
-moz-opacity: 100;
-khtml-opacity: 100;
opacity: 100;
opacity: 1
}
.mk-edge-one-pager .edge-slide-left .mk-edge-buttons, .mk-edge-one-pager .edge-slide-left .mk-edge-desc, .mk-edge-one-pager .edge-slide-left .mk-edge-title {
-webkit-transform: translate(-50%, 0);
-ms-transform: translate(-50%, 0);
transform: translate(-50%, 0);
ms-transform: translate(-50%, 0)
}
.mk-edge-one-pager .active .edge-slide-left .mk-edge-buttons, .mk-edge-one-pager .active .edge-slide-left .mk-edge-desc, .mk-edge-one-pager .active .edge-slide-left .mk-edge-title {
-webkit-transform: translate(0, 0);
-ms-transform: translate(0, 0);
transform: translate(0, 0);
ms-transform: translate(0, 0);
filter:alpha(opacity=@opacity * 100);
-moz-opacity: 100;
-khtml-opacity: 100;
opacity: 100;
opacity: 1
}
.mk-edge-one-pager .edge-slide-bottom .mk-edge-buttons, .mk-edge-one-pager .edge-slide-bottom .mk-edge-desc, .mk-edge-one-pager .edge-slide-bottom .mk-edge-title {
-webkit-transform: translate(0, 50%);
-ms-transform: translate(0, 50%);
transform: translate(0, 50%);
ms-transform: translate(0, 50%)
}
.mk-edge-one-pager .active .edge-slide-bottom .mk-edge-buttons, .mk-edge-one-pager .active .edge-slide-bottom .mk-edge-desc, .mk-edge-one-pager .active .edge-slide-bottom .mk-edge-title {
-webkit-transform: translate(0, 0);
-ms-transform: translate(0, 0);
transform: translate(0, 0);
ms-transform: translate(0, 0);
filter:alpha(opacity=@opacity * 100);
-moz-opacity: 100;
-khtml-opacity: 100;
opacity: 100;
opacity: 1
}
.mk-edge-one-pager .edge-slide-right .mk-edge-buttons, .mk-edge-one-pager .edge-slide-right .mk-edge-desc, .mk-edge-one-pager .edge-slide-right .mk-edge-title {
-webkit-transform: translate(50%, 0);
-ms-transform: translate(50%, 0);
transform: translate(50%, 0);
ms-transform: translate(50%, 0)
}
.mk-edge-one-pager .active .edge-slide-right .mk-edge-buttons, .mk-edge-one-pager .active .edge-slide-right .mk-edge-desc, .mk-edge-one-pager .active .edge-slide-right .mk-edge-title {
-webkit-transform: translate(0, 0);
-ms-transform: translate(0, 0);
transform: translate(0, 0);
ms-transform: translate(0, 0);
filter:alpha(opacity=@opacity * 100);
-moz-opacity: 100;
-khtml-opacity: 100;
opacity: 100;
opacity: 1
}
.mk-edge-one-pager .edge-scale-down .mk-edge-buttons, .mk-edge-one-pager .edge-scale-down .mk-edge-desc, .mk-edge-one-pager .edge-scale-down .mk-edge-title {
-webkit-transform: scale(1.3);
-ms-transform: scale(1.3);
transform: scale(1.3);
ms-transform: scale(1.3)
}
.mk-edge-one-pager .active .edge-scale-down .mk-edge-buttons, .mk-edge-one-pager .active .edge-scale-down .mk-edge-desc, .mk-edge-one-pager .active .edge-scale-down .mk-edge-title {
filter:alpha(opacity=@opacity * 100);
-moz-opacity: 100;
-khtml-opacity: 100;
opacity: 100;
opacity: 1;
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
ms-transform: scale(1)
}
.mk-edge-one-pager .edge-flip-x, .mk-edge-one-pager .edge-flip-y {
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-perspective: 1000;
-webkit-animation-duration: .6s;
animation-duration: .6s;
-webkit-animation-delay: 1s;
animation-delay: 1s
}
.mk-edge-one-pager .active .edge-flip-x {
-webkit-animation-name: mk_flip_x;
animation-name: mk_flip_x
}
.mk-edge-one-pager .active .edge-flip-y {
-webkit-animation-name: mk_flip_y;
animation-name: mk_flip_y
}
@media handheld, only screen and (max-width:1140px) {
.mk-edge-one-pager .mk-grid {
box-sizing: border-box;
padding: 0 20px
}
.mk-edge-one-pager .mk-edge-title {
font-weight: 600;
font-size: 40px
}
.mk-edge-one-pager .mk-edge-desc {
font-weight: 400;
font-size: 20px;
line-height: 34px
}
.mk-edge-one-pager .edge-slide-content {
width: 80%
}
}
@media handheld, only screen and (max-width:767px) {
.mk-edge-one-pager .mk-grid {
padding: 0 15px
}
.mk-edge-one-pager .mk-edge-title {
font-weight: 700!important;
font-size: 22px!important;
line-height: 130%!important
}
.mk-edge-one-pager .mk-edge-desc {
font-size: 14px;
line-height: 22px!important
}
.mk-edge-one-pager .mk-edge-buttons .mk-button {
padding: 12px 14px!important;
font-size: 10px!important;
margin-right: 15px!important;
margin-bottom: 5px!important
}
.mk-edge-one-pager .mk-edge-buttons .mk-button.outline-dimension {
padding-top: 10px!important;
padding-bottom: 12px!important
}
.mk-edge-one-pager .mk-button-align.center, .mk-edge-one-pager .mk-button-align.left, .mk-edge-one-pager .mk-button-align.none, .mk-edge-one-pager .mk-button-align.right {
width: auto!important;
margin-bottom: 6px
}
.mk-edge-one-pager .edge-slide-content {
width: 100%!important
}
}
#superContainer {
height: 100%;
position: relative;
-ms-touch-action: none;
touch-action: none
}
.section {
position: relative;
box-sizing: border-box
}
.slide, .slidesContainer {
height: 100%;
display: block
}
.slides {
height: 100%;
overflow: hidden;
position: relative;
transition: all .3s ease-out
}
.section.table, .slide.table {
display: table;
width: 100%
}
.tableCell {
display: table-cell;
vertical-align: middle;
width: 100%;
height: 100%
}
.slidesContainer {
float: left;
position: relative
}
.controlArrow {
position: absolute;
top: 50%;
cursor: pointer;
width: 0;
height: 0;
border-style: solid;
margin-top: -38px
}
.controlArrow.prev {
left: 15px;
width: 0;
border-width: 38.5px 34px 38.5px 0;
border-color: transparent #fff transparent transparent
}
.controlArrow.next {
right: 15px;
border-width: 38.5px 0 38.5px 34px;
border-color: transparent transparent transparent #fff
}
.scrollable {
overflow: scroll
}
.easing {
transition: all .5s cubic-bezier(.77, 0, .175, 1);
transition-timing-function: cubic-bezier(.77, 0, .175, 1)
}
.fullPage-slidesNav {
position: absolute;
left: 50%;
opacity: 1
}
.fullPage-slidesNav.bottom {
bottom: 17px
}
.fullPage-slidesNav.top {
top: 17px
}
#fullPage-nav ul, .fullPage-slidesNav ul {
margin: 0;
padding: 0
}
#fullPage-nav ul {
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%)
}
.fullPage-tooltip {
display: none!important
}
.fullPage-tooltip.right {
right: 20px
}
.fullPage-tooltip.left {
left: 20px
}
#fullPage-nav {
position: fixed;
margin-top: -32px;
top: 50%;
opacity: 1
}
#fullPage-nav ul {
list-style: none
}
#fullPage-nav.right {
right: 17px
}
.vertical-header-right #fullPage-nav.right {
right: 287px
}
#fullPage-nav.left {
left: 17px
}
.vertical-header-left #fullPage-nav.left {
left: 287px
}
#fullPage-nav a {
position: relative;
display: inline-block;
margin: 0 8px;
width: 10px;
height: 10px;
cursor: pointer
}
#fullPage-nav a span {
top: 0;
left: 0;
width: 100%;
height: 100%;
display: block;
outline: 0;
border-radius: 50%;
cursor: pointer;
position: absolute
}
#fullPage-nav.dark-skin span {
background-color: #333;
background-color: rgba(0,0,0,.8)
}
#fullPage-nav.light-skin span {
background-color: #fff;
background-color: rgba(255,255,255,.3)
}
#fullPage-nav.pagination-stroke a span {
transition: box-shadow .3s ease, background-color .3s ease
}
#fullPage-nav.pagination-stroke.dark-skin span {
box-shadow: 0 0 0 2px transparent
}
#fullPage-nav.pagination-stroke.dark-skin a span:focus, #fullPage-nav.pagination-stroke.dark-skin a span:hover {
background-color: #333
}
#fullPage-nav.pagination-stroke.dark-skin a.active span {
background-color: transparent;
box-shadow: 0 0 0 2px #333
}
#fullPage-nav.pagination-stroke.light-skin span {
box-shadow: 0 0 0 2px rgba(255,255,255,0)
}
#fullPage-nav.pagination-stroke.light-skin a span:focus, #fullPage-nav.pagination-stroke.light-skin a span:hover {
background-color: #fff
}
#fullPage-nav.pagination-stroke.light-skin a.active span {
background-color: transparent;
box-shadow: 0 0 0 2px #fff
}
#fullPage-nav.pagination-small_dot_stroke a {
border-radius: 50%;
transition: box-shadow .3s ease
}
#fullPage-nav.pagination-small_dot_stroke a span {
transition: background-color .3s ease, -webkit-transform .3s ease;
transition: background-color .3s ease, transform .3s ease;
transition: background-color .3s ease, transform .3s ease, -webkit-transform .3s ease
}
#fullPage-nav.pagination-small_dot_stroke a.active span {
-webkit-transform: scale(.4);
-ms-transform: scale(.4);
transform: scale(.4)
}
#fullPage-nav.pagination-small_dot_stroke.dark-skin span {
box-shadow: 0 0 0 2px transparent
}
#fullPage-nav.pagination-small_dot_stroke.dark-skin a span {
background-color: rgba(0,0,0,.7)
}
#fullPage-nav.pagination-small_dot_stroke.dark-skin a span:focus, #fullPage-nav.pagination-small_dot_stroke.dark-skin a span:hover, #fullPage-nav.pagination-small_dot_stroke.dark-skin a.active span {
background-color: #333
}
#fullPage-nav.pagination-small_dot_stroke.dark-skin a.active {
box-shadow: 0 0 0 2px #333
}
#fullPage-nav.pagination-small_dot_stroke.light-skin span {
box-shadow: 0 0 0 2px rgba(255,255,255,0)
}
#fullPage-nav.pagination-small_dot_stroke.light-skin a span {
background-color: rgba(255,255,255,.7)
}
#fullPage-nav.pagination-small_dot_stroke.light-skin a span:focus, #fullPage-nav.pagination-small_dot_stroke.light-skin a span:hover, #fullPage-nav.pagination-small_dot_stroke.light-skin a.active span {
background-color: #fff
}
#fullPage-nav.pagination-small_dot_stroke.light-skin a.active {
box-shadow: 0 0 0 2px #fff
}
.clip {
-webkit-clip-path: inset(0 0 0 0);
clip-path: inset(0 0 0 0);
overflow: hidden
}
.clipper {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%
}
.Edge .clipper, .IE .clipper {
clip: rect(auto auto auto auto);
overflow: hidden;
z-index: 2
}
.mk-edge-wrapper {
position: relative
}
.slider-content {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
z-index: 6
}
.edge-nav-bg {
background-size: cover!important
}
.mk-edge-slider {
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-perspective: 1000;
perspective: 1000;
-webkit-transform: translateZ(0);
transform: translateZ(0);
-ms-touch-action: none
}
.Edge .clipper .mk-edge-slider, .IE .clipper .mk-edge-slider {
z-index: 3
}
.mk-edge-slider__video video {
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%)
}
.mk-edge-slider .mk-grid {
position: relative
}
.mk-edge-slider .edge-title-area {
font-size: 16px
}
.mk-edge-slider .mk-slider-slide {
background-position: center;
background-repeat: no-repeat;
pointer-events: none
}
.mk-edge-slider .mk-slider-slide.is-active {
pointer-events: all
}
.mk-edge-slider .mk-slider-slide .edge-slide-content {
padding: 100px 0
}
.mk-edge-slider .mk-slider-slide.center_bottom, .mk-edge-slider .mk-slider-slide.center_center, .mk-edge-slider .mk-slider-slide.center_top {
text-align: center
}
.mk-edge-slider .mk-slider-slide.center_bottom .edge-slide-content, .mk-edge-slider .mk-slider-slide.center_center .edge-slide-content, .mk-edge-slider .mk-slider-slide.center_top .edge-slide-content {
margin-right: auto;
margin-left: auto
}
.mk-edge-slider .mk-slider-slide.right_bottom .edge-slide-content, .mk-edge-slider .mk-slider-slide.right_center .edge-slide-content, .mk-edge-slider .mk-slider-slide.right_top .edge-slide-content {
float: right;
text-align: right
}
.mk-edge-slider .mk-slider-slide.center_center .slider-content, .mk-edge-slider .mk-slider-slide.left_center .slider-content, .mk-edge-slider .mk-slider-slide.right_center .slider-content {
top: 50%
}
.mk-edge-slider .mk-slider-slide.center_center .edge-slide-content, .mk-edge-slider .mk-slider-slide.left_center .edge-slide-content, .mk-edge-slider .mk-slider-slide.right_center .edge-slide-content {
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%)
}
.mk-edge-slider .mk-slider-slide.center_bottom .slider-content, .mk-edge-slider .mk-slider-slide.left_bottom .slider-content, .mk-edge-slider .mk-slider-slide.right_bottom .slider-content {
top: 100%
}
.mk-edge-slider .mk-slider-slide.center_bottom .edge-slide-content, .mk-edge-slider .mk-slider-slide.left_bottom .edge-slide-content, .mk-edge-slider .mk-slider-slide.right_bottom .edge-slide-content {
-webkit-transform: translateY(-100%);
-ms-transform: translateY(-100%);
transform: translateY(-100%)
}
.mk-edge-slider .mk-edge-next, .mk-edge-slider .mk-edge-prev {
opacity: 0;
transition: all .3 ease-in-out
}
.mk-edge-slider:hover .mk-edge-next, .mk-edge-slider:hover .mk-edge-prev {
opacity: 1
}
.mk-edge-slider .mk-edge-next {
right: 0
}
.mk-edge-slider .mk-edge-prev {
left: 0
}
.mk-edge-slider .edge-slide-content.caption-light .edge-desc, .mk-edge-slider .edge-slide-content.caption-light .edge-title {
color: #fff
}
.mk-edge-slider .edge-slide-content.caption-dark .edge-desc, .mk-edge-slider .edge-slide-content.caption-dark .edge-title {
color: #252525
}
.mk-edge-slider .edge-title {
margin-bottom: 20px;
font-weight: 400;
font-size: 46px;
line-height: 120%
}
.mk-edge-slider .edge-desc {
font-weight: 300;
font-size: 25px;
line-height: 40px;
margin-bottom: 30px
}
.mk-edge-slider .edge-title {
transition: all .6s cubic-bezier(.77, 0, .175, 1) 50ms
}
.mk-edge-slider .edge-desc {
transition: all .6s cubic-bezier(.77, 0, .175, 1) .15s
}
.mk-edge-slider .edge-buttons {
transition: all .6s cubic-bezier(.77, 0, .175, 1) .25s!important
}
.mk-edge-slider .edge-buttons a {
transition: all .2s ease-in-out
}
.mk-edge-slider .edge-default_anim .edge-buttons, .mk-edge-slider .edge-default_anim .edge-desc, .mk-edge-slider .edge-default_anim .edge-title {
-webkit-transform: translate(0, 70px);
-ms-transform: translate(0, 70px);
transform: translate(0, 70px);
opacity: 0
}
.mk-edge-slider .mk-slider-slide.is-active .edge-default_anim .edge-buttons, .mk-edge-slider .mk-slider-slide.is-active .edge-default_anim .edge-desc, .mk-edge-slider .mk-slider-slide.is-active .edge-default_anim .edge-title {
-webkit-transform: translate(0, 0);
-ms-transform: translate(0, 0);
transform: translate(0, 0);
opacity: 1
}
.mk-edge-slider .edge-fade-in .edge-buttons, .mk-edge-slider .edge-fade-in .edge-desc, .mk-edge-slider .edge-fade-in .edge-title, .mk-edge-slider .edge-flip-x .edge-buttons, .mk-edge-slider .edge-flip-x .edge-desc, .mk-edge-slider .edge-flip-x .edge-title, .mk-edge-slider .edge-flip-y .edge-buttons, .mk-edge-slider .edge-flip-y .edge-desc, .mk-edge-slider .edge-flip-y .edge-title, .mk-edge-slider .edge-scale-down .edge-buttons, .mk-edge-slider .edge-scale-down .edge-desc, .mk-edge-slider .edge-scale-down .edge-title, .mk-edge-slider .edge-slide-bottom .edge-buttons, .mk-edge-slider .edge-slide-bottom .edge-desc, .mk-edge-slider .edge-slide-bottom .edge-title, .mk-edge-slider .edge-slide-left .edge-buttons, .mk-edge-slider .edge-slide-left .edge-desc, .mk-edge-slider .edge-slide-left .edge-title, .mk-edge-slider .edge-slide-right .edge-buttons, .mk-edge-slider .edge-slide-right .edge-desc, .mk-edge-slider .edge-slide-right .edge-title, .mk-edge-slider .edge-slide-top .edge-buttons, .mk-edge-slider .edge-slide-top .edge-desc, .mk-edge-slider .edge-slide-top .edge-title {
opacity: 0
}
.mk-edge-slider .mk-slider-slide.is-active .edge-fade-in .edge-buttons, .mk-edge-slider .mk-slider-slide.is-active .edge-fade-in .edge-desc, .mk-edge-slider .mk-slider-slide.is-active .edge-fade-in .edge-title {
opacity: 1
}
.mk-edge-slider .edge-slide-top .edge-buttons, .mk-edge-slider .edge-slide-top .edge-desc, .mk-edge-slider .edge-slide-top .edge-title {
-webkit-transform: translate(0, -70%);
-ms-transform: translate(0, -70%);
transform: translate(0, -70%)
}
.mk-edge-slider .mk-slider-slide.is-active .edge-slide-top .edge-buttons, .mk-edge-slider .mk-slider-slide.is-active .edge-slide-top .edge-desc, .mk-edge-slider .mk-slider-slide.is-active .edge-slide-top .edge-title {
-webkit-transform: translate(0, 0);
-ms-transform: translate(0, 0);
transform: translate(0, 0);
opacity: 1
}
.mk-edge-slider .edge-slide-left .edge-buttons, .mk-edge-slider .edge-slide-left .edge-desc, .mk-edge-slider .edge-slide-left .edge-title {
-webkit-transform: translate(-100%, 0);
-ms-transform: translate(-100%, 0);
transform: translate(-100%, 0)
}
.mk-edge-slider .mk-slider-slide.is-active .edge-slide-left .edge-buttons, .mk-edge-slider .mk-slider-slide.is-active .edge-slide-left .edge-desc, .mk-edge-slider .mk-slider-slide.is-active .edge-slide-left .edge-title {
-webkit-transform: translate(0, 0);
-ms-transform: translate(0, 0);
transform: translate(0, 0);
opacity: 1
}
.mk-edge-slider .edge-slide-bottom .edge-buttons, .mk-edge-slider .edge-slide-bottom .edge-desc, .mk-edge-slider .edge-slide-bottom .edge-title {
-webkit-transform: translate(0, 70%);
-ms-transform: translate(0, 70%);
transform: translate(0, 70%)
}
.mk-edge-slider .mk-slider-slide.is-active .edge-slide-bottom .edge-buttons, .mk-edge-slider .mk-slider-slide.is-active .edge-slide-bottom .edge-desc, .mk-edge-slider .mk-slider-slide.is-active .edge-slide-bottom .edge-title {
-webkit-transform: translate(0, 0);
-ms-transform: translate(0, 0);
transform: translate(0, 0);
opacity: 1
}
.mk-edge-slider .edge-slide-right .edge-buttons, .mk-edge-slider .edge-slide-right .edge-desc, .mk-edge-slider .edge-slide-right .edge-title {
-webkit-transform: translate(70%, 0);
-ms-transform: translate(70%, 0);
transform: translate(70%, 0)
}
.mk-edge-slider .mk-slider-slide.is-active .edge-slide-right .edge-buttons, .mk-edge-slider .mk-slider-slide.is-active .edge-slide-right .edge-desc, .mk-edge-slider .mk-slider-slide.is-active .edge-slide-right .edge-title {
-webkit-transform: translate(0, 0);
-ms-transform: translate(0, 0);
transform: translate(0, 0);
opacity: 1
}
.mk-edge-slider .edge-scale-down .edge-buttons, .mk-edge-slider .edge-scale-down .edge-desc, .mk-edge-slider .edge-scale-down .edge-title {
-webkit-transform: scale(1.3);
-ms-transform: scale(1.3);
transform: scale(1.3)
}
.mk-edge-slider .mk-slider-slide.is-active .edge-scale-down .edge-buttons, .mk-edge-slider .mk-slider-slide.is-active .edge-scale-down .edge-desc, .mk-edge-slider .mk-slider-slide.is-active .edge-scale-down .edge-title {
opacity: 1;
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1)
}
.mk-edge-slider .edge-flip-x .edge-buttons, .mk-edge-slider .edge-flip-x .edge-desc, .mk-edge-slider .edge-flip-x .edge-title, .mk-edge-slider .edge-flip-y .edge-buttons, .mk-edge-slider .edge-flip-y .edge-desc, .mk-edge-slider .edge-flip-y .edge-title {
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-duration: .6s;
animation-duration: .6s;
-webkit-animation-delay: 1s;
animation-delay: 1s
}
.mk-edge-slider .mk-slider-slide.is-active .edge-flip-x .edge-buttons, .mk-edge-slider .mk-slider-slide.is-active .edge-flip-x .edge-desc, .mk-edge-slider .mk-slider-slide.is-active .edge-flip-x .edge-title {
-webkit-animation-name: mk_flip_x;
animation-name: mk_flip_x;
opacity: 1
}
.mk-edge-slider .mk-slider-slide.is-active .edge-flip-y .edge-buttons, .mk-edge-slider .mk-slider-slide.is-active .edge-flip-y .edge-desc, .mk-edge-slider .mk-slider-slide.is-active .edge-flip-y .edge-title {
-webkit-animation-name: mk_flip_y;
animation-name: mk_flip_y;
opacity: 1
}
.mk-edge-slider .edge-fade-in .mk-edge-custom-content, .mk-edge-slider .edge-flip-x .mk-edge-custom-content, .mk-edge-slider .edge-flip-y .mk-edge-custom-content, .mk-edge-slider .edge-scale-down .mk-edge-custom-content, .mk-edge-slider .edge-slide-bottom .mk-edge-custom-content, .mk-edge-slider .edge-slide-left .mk-edge-custom-content, .mk-edge-slider .edge-slide-right .mk-edge-custom-content, .mk-edge-slider .edge-slide-top .mk-edge-custom-content {
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-duration: .6s;
animation-duration: .6s;
-webkit-animation-delay: 1s;
animation-delay: 1s;
opacity: 0
}
.mk-edge-slider .mk-slider-slide.is-active .edge-fade-in .mk-edge-custom-content {
-webkit-animation-name: mk_fade;
animation-name: mk_fade
}
.mk-edge-slider .mk-slider-slide.is-active .edge-slide-top .mk-edge-custom-content {
-webkit-animation-name: mk_top_to_bottom;
animation-name: mk_top_to_bottom
}
.mk-edge-slider .mk-slider-slide.is-active .edge-slide-left .mk-edge-custom-content {
-webkit-animation-name: mk_left_to_right;
animation-name: mk_left_to_right
}
.mk-edge-slider .mk-slider-slide.is-active .edge-slide-bottom .mk-edge-custom-content {
-webkit-animation-name: mk_bottom_to_top;
animation-name: mk_bottom_to_top
}
.mk-edge-slider .mk-slider-slide.is-active .edge-slide-right .mk-edge-custom-content {
-webkit-animation-name: mk_right_to_left;
animation-name: mk_right_to_left
}
.mk-edge-slider .mk-slider-slide.is-active .edge-scale-down .mk-edge-custom-content {
-webkit-animation-name: mk_scale;
animation-name: mk_scale
}
.mk-edge-slider .mk-slider-slide.is-active .edge-flip-x .mk-edge-custom-content {
-webkit-animation-name: mk_flip_x;
animation-name: mk_flip_x
}
.mk-edge-slider .mk-slider-slide.is-active .edge-flip-y .mk-edge-custom-content {
-webkit-animation-name: mk_flip_y;
animation-name: mk_flip_y
}
.mk-edge-slider .edge-skip-slider {
position: absolute;
left: 50%;
bottom: 6%;
-webkit-transform: translateY(-30px);
-ms-transform: translateY(-30px);
transform: translateY(-30px);
cursor: pointer;
margin: -24px 0 0 -27px;
width: 50px;
height: 50px;
border-radius: 50%;
opacity: .9;
transition: all .2s ease-out;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
.mk-edge-slider .edge-skip-slider svg {
height: 16px;
transition: all .2s ease-out
}
.mk-edge-slider .edge-skip-slider:hover {
opacity: 1
}
.mk-edge-slider .edge-skip-slider[data-skin=dark] {
border: 2px solid #333
}
.mk-edge-slider .edge-skip-slider[data-skin=dark] svg {
fill: #333
}
.mk-edge-slider .edge-skip-slider[data-skin=light] {
border: 2px solid #fff
}
.mk-edge-slider .edge-skip-slider[data-skin=light] svg {
fill: #fff
}
.mk-edge-slider[data-animation=perspective_flip] {
-webkit-perspective: 1000px;
perspective: 1000px
}
.mk-edge-slider[data-animation=perspective_flip] .edge-slider-holder {
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
-webkit-perspective: 1000px;
perspective: 1000px
}
.mk-edge-slider[data-animation=perspective_flip] .mk-slider-slide {
-webkit-transform-origin: top center;
-ms-transform-origin: top center;
transform-origin: top center;
-webkit-backface-visibility: hidden;
backface-visibility: hidden
}
.mk-edge-slider[data-animation=kenburned] .mk-slider-slide .mk-section-image, .mk-edge-slider[data-animation=kenburned] .mk-slider-slide .mk-section-video {
-webkit-transform-origin: bottom left;
-ms-transform-origin: bottom left;
transform-origin: bottom left;
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
transition: all 2s ease;
transition-delay: .7s
}
.mk-edge-slider[data-animation=kenburned] .mk-slider-slide.mk-slider-slide.is-active .mk-section-image, .mk-edge-slider[data-animation=kenburned] .mk-slider-slide.mk-slider-slide.is-active .mk-section-video {
transition: all 100s linear;
-webkit-transform: scale(2);
-ms-transform: scale(2);
transform: scale(2)
}
.mk-edge-slider[data-animation=kenburned].is-paused .mk-slider-slide.mk-slider-slide.is-active .mk-section-image, .mk-edge-slider[data-animation=kenburned].is-paused .mk-slider-slide.mk-slider-slide.is-active .mk-section-video {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1)
}
.mk-edge-slider[data-animation=kenburned] .mk-slider-slide:nth-child(2n+1) .mk-section-image, .mk-edge-slider[data-animation=kenburned] .mk-slider-slide:nth-child(2n+1) .mk-section-video {
-webkit-transform-origin: top right;
-ms-transform-origin: top right;
transform-origin: top right
}
.mk-edge-slider[data-animation=kenburned] .mk-slider-slide:nth-child(3n+1) .mk-section-image, .mk-edge-slider[data-animation=kenburned] .mk-slider-slide:nth-child(3n+1) .mk-section-video {
-webkit-transform-origin: top left;
-ms-transform-origin: top left;
transform-origin: top left
}
.mk-edge-slider[data-animation=kenburned] .mk-slider-slide:nth-child(4n+1) .mk-section-image, .mk-edge-slider[data-animation=kenburned] .mk-slider-slide:nth-child(4n+1) .mk-section-video {
-webkit-transform-origin: bottom right;
-ms-transform-origin: bottom right;
transform-origin: bottom right
}
@media handheld, only screen and (max-width:1140px) {
.mk-edge-slider .edge-title-area {
font-size: 12px
}
.mk-edge-slider .edge-title {
font-weight: 600;
font-size: 40px
}
.mk-edge-slider .edge-desc {
font-weight: 400;
font-size: 20px;
line-height: 34px
}
}
@media handheld, only screen and (max-width:767px) {
.mk-edge-slider .edge-skip-slider, .mk-edge-slider .mk-edge-next, .mk-edge-slider .mk-edge-prev {
display: none
}
.mk-edge-slider .edge-title-area {
font-size: 8px
}
.mk-edge-slider .edge-title {
font-weight: 700;
font-size: 22px
}
.mk-edge-slider .edge-desc {
font-size: 14px!important;
line-height: 22px!important
}
.mk-edge-slider .mk-button {
padding: 12px 14px!important;
font-size: 10px!important
}
.mk-edge-slider .mk-button-container {
float: none;
text-align: inherit
}
.mk-edge-slider .mk-button.outline-dimension {
padding-top: 10px!important;
padding-bottom: 12px!important
}
.mk-edge-slider .mk-button-align.center, .mk-edge-slider .mk-button-align.left, .mk-edge-slider .mk-button-align.none, .mk-edge-slider .mk-button-align.right {
width: auto!important;
margin-bottom: 6px
}
.mk-edge-slider .edge-slide-content {
width: 100%!important
}
}
.mk-transparent-header .mk-edge-slider .mk-slider-slide.center_top .edge-slide-content, .mk-transparent-header .mk-edge-slider .mk-slider-slide.left_top .edge-slide-content, .mk-transparent-header .mk-edge-slider .mk-slider-slide.right_top .edge-slide-content {
margin-top: 100px
}
.mk-fullwidth-false .mk-edge-slider .mk-slider-slide.left_bottom .edge-slide-content, .mk-fullwidth-false .mk-edge-slider .mk-slider-slide.left_center .edge-slide-content, .mk-fullwidth-false .mk-edge-slider .mk-slider-slide.left_top .edge-slide-content, .mk-fullwidth-false .mk-edge-slider .mk-slider-slide.right_bottom .edge-slide-content, .mk-fullwidth-false .mk-edge-slider .mk-slider-slide.right_center .edge-slide-content, .mk-fullwidth-false .mk-edge-slider .mk-slider-slide.right_top .edge-slide-content {
padding-left: 25px;
padding-right: 25px
}
.edge-buttons a {
margin-bottom: 10px
}
.mk-edge-slider .swiper-pagination {
top: auto;
height: auto
}
.mk-edge-slider .edge-skip-slider {
top: auto
}
.edge-gradient-layer {
position: absolute;
top: 0;
left: 0;
z-index: 4;
height: 100%;
width: 100%
}
.mk-employees.c_cs.one-column .mk-employee-item {
padding: 0 0 50px
}
.mk-employees.c_cs.two-column .mk-employee-item {
padding: 0 40px 70px 40px
}
.mk-employees.c_cs.three-column .mk-employee-item {
padding: 0 30px 70px 30px
}
.mk-employees.c_cs.four-column .mk-employee-item {
padding: 0 25px 70px 25px
}
.mk-employees.c_cs.five-column .mk-employee-item {
padding: 0 25px 60px 25px
}
.mk-employees.classic .team-member-name {
margin-bottom: 8px
}
.mk-employees.classic .team-member-position {
font-size: 14px;
font-style: italic;
font-weight: 700;
letter-spacing: 0;
text-transform: none
}
.mk-employees.classic.o3col .mk-employeee-networks a {
width: 40px;
height: 40px;
line-height: 40px
}
.mk-employees.classic .employee-hover-overlay {
-webkit-transform: rotate(45deg) scale(0, 2);
-ms-transform: rotate(45deg) scale(0, 2);
transform: rotate(45deg) scale(0, 2);
transition: all .3s ease-in-out;
pointer-events: none
}
.mk-employees.classic .mk-employee-item:hover .employee-hover-overlay {
background: rgba(0,0,0,.3);
-webkit-transform: rotate(45deg) scale(1.5, 2);
-ms-transform: rotate(45deg) scale(1.5, 2);
transform: rotate(45deg) scale(1.5, 2)
}
.mk-employees.classic .mk-employeee-networks {
position: absolute;
top: 50%;
width: 100%;
margin-top: -20px;
text-align: center;
opacity: 0;
transition: all .3s ease-out;
z-index: 1
}
.mk-employees.classic .mk-employeee-networks a {
display: block;
margin: 0 6px 10px;
width: 48px;
height: 48px;
border-radius: 50%;
line-height: 44px;
box-shadow: 0 0 0 1px rgba(255,255,255,.6) inset;
text-align: center;
box-sizing: border-box;
vertical-align: middle;
transition: all .1s ease-out
}
.mk-employees.classic .mk-employeee-networks a svg {
height: 16px;
fill: #fff
}
.mk-employees.classic .mk-employeee-networks a:hover {
box-shadow: 0 0 0 4px rgba(255,255,255,.6) inset
}
.mk-employees.classic .mk-employee-item:hover .mk-employeee-networks {
opacity: 1;
transition: all .3s .1s ease-out
}
.mk-employees.simple.mk-employees-grayscale .team-thumbnail img {
-webkit-filter: grayscale(100%);
filter: grayscale(100%);
-webkit-filter: gray;
filter: gray;
transition: all .3s
}
.mk-employees.simple.mk-employees-grayscale .mk-employee-item:hover img {
-webkit-filter: grayscale(0);
filter: grayscale(0)
}
.mk-employees.simple .team-thumbnail.rounded-true {
border-radius: 50%;
overflow: hidden
}
.mk-employees.simple .team-thumbnail.rounded-true img {
position: relative;
border-radius: 50%
}
.mk-employees.simple.one-column .team-thumbnail.rounded-true {
padding: 0 40px
}
.mk-employees.simple.two-column .team-thumbnail.rounded-true {
padding: 0 60px
}
.mk-employees.simple.three-column .team-thumbnail.rounded-true {
padding: 0 40px
}
.mk-employees.simple.four-column .team-thumbnail.rounded-true {
padding: 0 30px
}
.mk-employees.simple.five-column .team-thumbnail.rounded-true {
padding: 0 20px
}
.mk-employees.boxed.one-column .item-holder, .mk-employees.boxed.one-column .mk-employee-item {
margin: 55px 0 20px
}
.mk-employees.boxed .item-holder {
margin: 55px 0 25px 25px;
padding: 60px 35px 36px;
border: 1px solid rgba(0,0,0,.04);
background-color: #f4f4f4;
background-color: rgba(0,0,0,.03);
position: relative
}
.mk-employees.boxed .team-thumbnail {
width: 100px;
height: 100px;
position: absolute;
top: -45px;
left: 50%;
margin-left: -50px;
border: 2px solid #c6c6c6;
border-radius: 50%;
overflow: hidden
}
.mk-employees.boxed .team-thumbnail img {
position: relative;
border-radius: 50%
}
.mk-employees.boxed .team-member-name {
margin-top: 10px;
letter-spacing: 1px
}
.mk-employees.boxed .mk-employeee-networks a {
padding: 0 8px
}
.mk-employees li, .mk-employees ul {
margin: 0;
padding: 0;
list-style: none
}
.mk-employee-item .team-thumbnail {
margin: 0 auto 25px;
max-width: 500px
}
.mk-employee-item .team-thumbnail img {
-webkit-backface-visibility: hidden;
backface-visibility: hidden
}
@media handheld, only screen and (max-width:960px) {
.mk-employees.c_cs.u4col .mk-employee-item {
margin: 0 0 50px;
width: 100%
}
.mk-employees.c_cs.u4col .team-info-wrapper, .mk-employees.c_cs.u4col .team-thumbnail {
float: left;
display: inline-block
}
.mk-employees.c_cs.u4col .team-info-wrapper {
padding: 10px 0 0 20px
}
.mk-employees.simple.u4col .team-thumbnail {
width: 30%
}
.mk-employees.simple.u4col .team-info-wrapper {
width: 65%
}
.mk-employees.classic.u4col .team-thumbnail {
width: 50%
}
.mk-employees.classic.u4col .team-info-wrapper {
width: 45%
}
.mk-employees.c_cs.o3col .mk-employee-item {
width: 48%;
padding: 0 20px 30px
}
.boxed .mk-employee-item {
width: 100%!important;
padding: 60px 10px 36px
}
}
@media handheld, only screen and (max-width:767px) {
.mk-employees .m_7 {
width: 100%!important
}
.mk-employees.classic.u6col .mk-employee-item {
padding: 0 10px 30px
}
.mk-employees.classic.u6col .team-thumbnail {
width: 100%
}
.mk-employees.simple.u6col .team-thumbnail {
width: 60%;
float: none
}
.mk-employees.c_cs.u6col .mk-employee-item {
margin: 0 0 50px
}
}
@media handheld, only screen and (max-width:550px) {
.mk-employees.simple.u6col .team-thumbnail {
width: 80%
}
}
.vc_row.mk-fullwidth-true .mk-employee-item .team-thumbnail img {
width: 100%
}
.mk-faq-container {
margin-bottom: 20px
}
.mk-faq-container.fancy-style-wrapper {
border-top: 1px solid #ececec
}
.mk-faq-container.fancy-style-wrapper .mk-faq-toggle {
margin-bottom: 0!important;
border-top: none!important
}
.mk-faq-container.fancy-style-wrapper .mk-faq-toggle {
padding: 0
}
.mk-faq-container.fancy-style-wrapper .mk-toggle .mk-toggle-title {
padding: 18px;
background: 0 0;
transition: all .2s
}
.mk-faq-container.fancy-style-wrapper .mk-toggle-title:hover {
background: #646464;
background: rgba(0,0,0,.02)
}
.mk-faq-container.fancy-style-wrapper .mk-toggle-title:before {
color: rgba(0,0,0,.3);
font-size: 10px!important
}
.mk-faq-container.fancy-style-wrapper .mk-toggle-title>.mk-svg-icon {
fill: rgba(0,0,0,.3)
}
.mk-faq-container.fancy-style-wrapper .mk-toggle-title svg {
fill: rgba(0,0,0,.2)!important;
height: 16px!important
}
.mk-faq-container .mk-toggle.fancy-style .mk-toggle-title:before, .mk-faq-container .mk-toggle.fancy-style .mk-toggle-title>.mk-svg-icon {
top: 20px
}
.mk-faq-toggle {
display: block;
width: 100%;
padding: 4px 10px
}
.mk-faq-toggle .mk-toggle-title {
font-weight: 700
}
.mk-faq-toggle .mk-toggle-title svg {
fill: #d6d6d6!important
}
.mk-faq-toggle .mk-toggle-title:before {
font-size: 10px!important
}
.mk-faq-toggle .mk-toggle-pane {
padding: 20px
}
.filter-faq {
margin-bottom: 30px;
text-align: center
}
.filter-faq ul {
display: inline-block;
overflow: hidden;
margin: 0;
padding: 0;
list-style: none
}
.filter-faq ul li {
display: inline-block
}
.filter-faq ul li a {
padding: 12px 14px;
line-height: 13px;
font-size: 13px;
color: #333;
color: #323232;
display: block;
letter-spacing: 1px
}
.filter-faq ul li a.current {
background-color: #969696;
background-color: rgba(0,0,0,.08);
border-radius: 2px
}
.mk-flipbox {
position: relative;
-ms-perspective: 1000;
-webkit-perspective: 1000;
perspective: 1000;
-ms-transform: perspective(1000px);
-moz-transform: perspective(1000px);
-moz-transform-style: preserve-3d;
-ms-transform-style: preserve-3d
}
.mk-flipbox-holder {
position: relative;
-webkit-transform-style: preserve-3d;
-moz-transform: perspective(1000px);
transform-style: preserve-3d
}
.mk-flipbox-front {
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
display: table;
z-index: 2
}
.mk-flipbox-back {
width: 100%;
height: 100%;
position: static;
left: 0;
top: 0;
display: table;
-webkit-backface-visibility: hidden;
backface-visibility: hidden
}
.mk-flipbox-back, .mk-flipbox-front {
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d
}
.Chrome .chrome-flipbox-backface-fix {
backface-visibility: visible!important;
-webkit-backface-visibility: visible!important
}
.mk-flipbox-content {
display: table-cell;
vertical-align: middle
}
.flip-horizontal .mk-flipbox-back {
-webkit-transform: rotateY(180deg);
transform: rotateY(180deg)
}
.flip-horizontal:hover .mk-flipbox-front {
-webkit-transform: rotateY(-180deg);
transform: rotateY(-180deg)
}
.flip-horizontal:hover .mk-flipbox-back {
-webkit-transform: rotateY(0);
transform: rotateY(0)
}
.flip-vertical .mk-flipbox-back {
-webkit-transform: rotateX(180deg);
transform: rotateX(180deg)
}
.flip-vertical:hover .mk-flipbox-front {
-webkit-transform: rotateX(-180deg);
transform: rotateX(-180deg)
}
.flip-vertical:hover .mk-flipbox-back {
-webkit-transform: rotateX(0);
transform: rotateX(0)
}
.mk-flipbox .mk-button-container {
margin-right: 0!important;
margin-left: 0!important
}
.mk-flipbox .front-icon {
line-height: 1rem
}
.IE .mk-flipbox {
overflow: hidden
}
.IE .mk-flipbox .bezier-1 {
transition: all .5s cubic-bezier(.645, .045, .355, 1)
}
.IE .mk-flipbox-front {
table-layout: fixed
}
.mk-font-icons {
display: inline-block
}
.mk-font-icons.icon-align-right {
float: right
}
.mk-font-icons.icon-align-center {
display: block;
text-align: center
}
.mk-font-icons.icon-align-left {
float: left
}
.mk-font-icons .font-icon {
display: inline-block;
line-height: normal
}
.mk-font-icons .font-icon.circle-enabled {
text-align: center;
border-radius: 256px
}
.mk-font-icons .font-icon.mk-size-small svg {
height: 16px;
width: 16px
}
.mk-font-icons .font-icon.mk-size-small.circle-enabled {
padding: 3px;
width: 16px;
height: 16px
}
.mk-font-icons .font-icon.mk-size-small.circle-enabled svg {
height: 12px;
width: 12px
}
.mk-font-icons .font-icon.mk-size-medium svg {
height: 32px;
width: 32px
}
.mk-font-icons .font-icon.mk-size-medium.circle-enabled {
padding: 3px;
width: 32px;
height: 32px
}
.mk-font-icons .font-icon.mk-size-medium.circle-enabled svg {
height: 16px;
width: 16px
}
.mk-font-icons .circle-enabled .mk-svg-icon {
margin: 0 auto
}
.mk-font-icons .font-icon.mk-size-large svg {
height: 48px;
width: 48px
}
.mk-font-icons .font-icon.mk-size-large.circle-enabled {
width: 48px;
height: 48px
}
.mk-font-icons .font-icon.mk-size-large.circle-enabled svg {
height: 24px;
width: 24px
}
.mk-font-icons .font-icon.mk-size-x-large svg {
height: 64px;
width: 64px
}
.mk-font-icons .font-icon.mk-size-x-large.circle-enabled {
width: 64px;
height: 64px
}
.mk-font-icons .font-icon.mk-size-x-large.circle-enabled svg {
height: 32px;
width: 32px
}
.mk-font-icons .font-icon.mk-size-xx-large svg {
height: 128px;
width: 128px
}
.mk-font-icons .font-icon.mk-size-xx-large.circle-enabled {
width: 128px;
height: 128px
}
.mk-font-icons .font-icon.mk-size-xx-large.circle-enabled svg {
height: 48px;
width: 48px
}
.mk-font-icons .font-icon.mk-size-xxx-large svg {
height: 256px;
width: 256px
}
.mk-font-icons .font-icon.mk-size-xxx-large.circle-enabled {
width: 256px;
height: 256px
}
.mk-font-icons .font-icon.mk-size-xxx-large.circle-enabled svg {
height: 64px;
width: 64px
}
.mk-font-icons .font-icon.mk-size-small {
font-size: 16px
}
.mk-font-icons .font-icon.mk-size-small.circle-enabled {
font-size: 12px
}
.mk-font-icons .font-icon.mk-size-medium {
font-size: 32px
}
.mk-font-icons .font-icon.mk-size-medium.circle-enabled {
font-size: 16px
}
.mk-font-icons .font-icon.mk-size-large {
font-size: 48px
}
.mk-font-icons .font-icon.mk-size-large.circle-enabled {
font-size: 24px
}
.mk-font-icons .font-icon.mk-size-x-large {
font-size: 64px
}
.mk-font-icons .font-icon.mk-size-x-large.circle-enabled {
font-size: 32px
}
.mk-font-icons .font-icon.mk-size-xx-large {
font-size: 128px
}
.mk-font-icons .font-icon.mk-size-xx-large.circle-enabled {
font-size: 48px
}
.mk-font-icons .font-icon.mk-size-xxx-large {
font-size: 256px
}
.mk-font-icons .font-icon.mk-size-xxx-large.circle-enabled {
font-size: 64px
}
.mk-fullwidth-slideshow {
width: 100%;
text-align: center;
overflow: hidden
}
.mk-fullwidth-slideshow .mk-flex-slides {
width: 100%;
text-align: center
}
.mk-fullwidth-slideshow .mk-flex-slides li {
text-align: center
}
.mk-fullwidth-slideshow .mk-flex-slides li img {
margin: 0 auto!important;
max-width: none!important;
height: auto
}
.mk-fullwidth-slideshow.stretch-images-false .mk-flex-slides li img {
width: auto
}
.mk-fullwidth-slideshow.stretch-images-true .mk-flex-slides li img {
width: 100%
}
.mk-fullwidth-slideshow .flex-direction-nav a {
top: 50%;
margin-top: -20px;
width: 40px;
height: 40px;
background-color: rgba(0,0,0,.4);
text-align: center
}
.mk-fullwidth-slideshow .flex-direction-nav a i {
line-height: 40px;
color: #fff;
font-size: 16px
}
.mk-fullwidth-slideshow .flex-direction-nav .flex-next {
right: 20px
}
.mk-fullwidth-slideshow .flex-direction-nav .flex-prev {
left: 20px
}
.mk-gallery-item {
display: block;
float: left;
padding: 0;
margin: 0
}
.mk-gallery .item-holder {
margin: 0 8px 16px 8px;
position: relative;
overflow: hidden;
line-height: 4px
}
.mk-gallery-lazyload .mk-gallery-image {
background-color: #e0e0e0
}
.mk-gallery .item-holder img {
width: 100%
}
.mk-gallery .one-column {
width: 100%
}
.mk-gallery .two-column {
width: 50%
}
.mk-gallery .three-column {
width: 33.33%
}
.mk-gallery .four-column {
width: 25%
}
.mk-gallery .five-column {
width: 20%
}
.mk-gallery .six-column {
width: 16.66%
}
.mk-gallery .seven-column {
width: 14.28%
}
.mk-gallery .eight-column {
width: 12.5%
}
.mk-gallery .one-column .item-holder {
margin: 0 0 16px 0
}
.mk-gallery .eight-column .item-holder {
margin: 0 4px 8px 4px
}
.mk-gallery .gallery-inner {
display: block
}
.mk-gallery .grid-frame .item-holder {
margin: 0 1px 2px
}
.mk-gallery .grid-frame .item-holder img {
width: 100%
}
.mk-gallery .rounded-frame .gallery-inner {
border-radius: 4px
}
.mk-gallery .rounded-frame .gallery-inner img, .mk-gallery .rounded-frame .image-hover-overlay {
border-radius: 4px
}
.mk-gallery .gray_border-frame .gallery-inner {
border: 6px solid rgba(0,0,0,.06)
}
.mk-gallery .gallery-title {
position: absolute;
top: 58%;
left: 0;
width: 100%;
text-align: center;
padding: 0 20px;
transition: all .4s ease-out;
opacity: 0;
text-transform: uppercase;
letter-spacing: 1px;
font-size: 14px;
line-height: 22px;
color: #fff;
font-weight: 700
}
.mk-gallery .gallery-caption {
display: none
}
.mk-gallery .hover-fadebox .mk-image-lightbox.lightbox-push-top {
top: 35%
}
.mk-gallery .hover-slow_zoom a {
top: 0;
left: 0;
margin: 0;
display: block;
width: 100%;
height: 100%
}
.mk-gallery .hover-slow_zoom img {
-webkit-transform: scale(1.04);
-ms-transform: scale(1.04);
transform: scale(1.04);
transition: all 3s cubic-bezier(.25, .46, .45, .94)
}
.mk-gallery .hover-slow_zoom:hover img {
-webkit-transform: scale(1.11);
-ms-transform: scale(1.11);
transform: scale(1.11)
}
.mk-gallery .hover-blur .item-holder .gallery-inner img {
-webkit-filter: blur(0);
filter: blur(0)
}
.mk-gallery .hover-blur .item-holder:hover .image-hover-overlay {
opacity: .85
}
.mk-gallery .hover-blur .item-holder .mk-image-lightbox {
display: block;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
width: 100%;
height: 100%;
margin: 0
}
.mk-gallery .hover-blur .item-holder:hover .mk-image-lightbox {
opacity: 1
}
.mk-gallery .hover-blur .item-holder:hover .gallery-title {
opacity: 1;
top: 56%
}
.mk-gallery .hover-blur .item-holder:hover .gallery-inner img {
transition: filter .2s linear, -webkit-filter .2s linear, -moz-filter .2s linear;
-webkit-filter: url(#gallery-blur);
filter: url(#gallery-blur);
-webkit-filter: blur(5px);
filter: blur(5px)
}
.mk-image-lightbox svg {
height: 48px;
width: 48px;
fill: #fff;
vertical-align: middle;
overflow: visible;
position: absolute;
left: 50%;
top: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%)
}
.mk-gallery .hover-grayscale .mk-image-lightbox {
width: 100%;
height: 100%;
top: 0;
left: 0;
margin: 0;
position: absolute;
text-align: center;
cursor: pointer;
opacity: 0
}
.mk-gallery .hover-grayscale .image-hover-overlay {
opacity: 1;
background-color: transparent!important
}
.mk-gallery .hover-grayscale .image-hover-overlay img {
opacity: 1;
transition: opacity .2s linear;
-webkit-filter: grayscale(100%);
-webkit-filter: grayscale(1);
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);
filter: grayscale(100%);
-webkit-filter: gray;
filter: gray
}
.mk-gallery .hover-grayscale .item-holder:hover .image-hover-overlay img {
opacity: 0
}
.mk-gallery .hover-overlay_layer .gallery-desc {
display: inline-block;
position: absolute;
top: 0;
width: 100%
}
.mk-gallery .hover-overlay_layer a {
top: 0;
left: 0;
margin: 0;
display: block;
width: 100%;
height: 100%
}
.mk-gallery .hover-overlay_layer .gallery-title {
position: relative;
top: 0;
display: block;
padding: 8px 20px;
margin-bottom: 10px
}
.mk-gallery .hover-overlay_layer .gallery-title:after {
position: absolute;
content: '';
bottom: 0;
left: 50%;
margin-left: -6px;
height: 2px;
width: 12px;
background-color: #fff
}
.mk-gallery .hover-overlay_layer .gallery-caption {
display: block;
text-transform: uppercase;
text-align: center;
font-size: 12px;
line-height: 22px;
color: #fff;
opacity: 0;
transition: all .4s ease-out
}
.mk-gallery .hover-overlay_layer img {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
transition: all .3s ease-in-out
}
.mk-gallery .hover-overlay_layer:hover .image-hover-overlay {
opacity: .8
}
.mk-gallery .hover-overlay_layer:hover .gallery-title {
opacity: 1
}
.mk-gallery .hover-overlay_layer:hover .gallery-caption {
opacity: 1
}
.mk-gallery .hover-overlay_layer:hover img {
-webkit-transform: scale(1.04);
-ms-transform: scale(1.04);
transform: scale(1.04)
}
.mk-gallery .hover-fadebox.hover-title-true .mk-image-lightbox svg {
top: 35%
}
.mk-gallery .hover-fadebox .item-holder:hover .image-hover-overlay {
opacity: .85
}
.mk-gallery .hover-fadebox .item-holder .mk-image-lightbox {
display: block;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
width: 100%;
height: 100%;
margin: 0
}
.mk-gallery .hover-fadebox .item-holder:hover .mk-image-lightbox {
opacity: 1
}
.mk-gallery .hover-fadebox .item-holder:hover .gallery-title {
opacity: 1;
top: 56%
}
.mk-gallery .hover-fadebox .item-holder:hover .gallery-inner img {
-webkit-filter: grayscale(100%);
filter: grayscale(100%);
filter: gray;
-webkit-filter: grayscale(1)
}
@media handheld, only screen and (max-width:1024px) {
.mk-gallery .hover-fadebox.hover-state .image-hover-overlay {
opacity: .85
}
.mk-gallery .hover-fadebox.hover-state img {
-webkit-filter: grayscale(100%);
filter: grayscale(100%);
filter: gray;
-webkit-filter: grayscale(1)
}
.mk-gallery .hover-fadebox.hover-state .gallery-title {
opacity: 1;
top: 56%
}
.mk-gallery .hover-fadebox.hover-state .mk-image-lightbox {
opacity: 1
}
}
@media handheld, only screen and (max-width:960px) {
.mk-gallery .eight-column, .mk-gallery .five-column, .mk-gallery .four-column, .mk-gallery .seven-column, .mk-gallery .six-column, .mk-gallery .three-column, .mk-gallery .two-column {
width: 49.7%
}
.mk-gallery .eight-column img, .mk-gallery .five-column img, .mk-gallery .four-column img, .mk-gallery .seven-column img, .mk-gallery .six-column img, .mk-gallery .three-column img, .mk-gallery .two-column img {
width: 100%
}
}
@media handheld, only screen and (max-width:540px) {
.mk-gallery-item {
width: 100%!important
}
}
.mk-gallery.masnory-gallery .mk-gallery-item {
width: 25%
}
.mk-gallery.masnory-gallery .gallery-mansory-large {
width: 50%
}
@media handheld, only screen and (max-width:1140px) {
.mk-gallery.masnory-gallery .mk-gallery-item {
width: 24.9%
}
.mk-gallery.masnory-gallery .gallery-mansory-large {
width: 49.9%
}
}
@media handheld, only screen and (max-width:960px) {
.mk-gallery.masnory-gallery .gallery-mansory-large, .mk-gallery.masnory-gallery .mk-gallery-item {
width: 49.9%
}
}
@media handheld, only screen and (max-width:767px) {
.mk-gallery.masnory-gallery .gallery-mansory-large, .mk-gallery.masnory-gallery .mk-gallery-item {
width: 100%
}
}
.vc_row.mk-fullwidth-true .mk-gallery.masnory-gallery .mk-gallery-item {
width: 24.96%
}
.vc_row.mk-fullwidth-true .mk-gallery.masnory-gallery .gallery-mansory-large {
width: 49.96%
}
@media handheld, only screen and (max-width:1140px) {
.vc_row.mk-fullwidth-true .mk-gallery.masnory-gallery .mk-gallery-item {
width: 24.9%
}
.vc_row.mk-fullwidth-true .mk-gallery.masnory-gallery .gallery-mansory-large {
width: 49.9%
}
}
@media handheld, only screen and (max-width:960px) {
.vc_row.mk-fullwidth-true .mk-gallery.masnory-gallery .gallery-mansory-large, .vc_row.mk-fullwidth-true .mk-gallery.masnory-gallery .mk-gallery-item {
width: 49.9%
}
}
@media handheld, only screen and (max-width:767px) {
.vc_row.mk-fullwidth-true .mk-gallery.masnory-gallery .gallery-mansory-large, .vc_row.mk-fullwidth-true .mk-gallery.masnory-gallery .mk-gallery-item {
width: 100%
}
}
.vc_row.mk-fullwidth-true .mk-gallery .eight-column {
width: 12.46%
}
.vc_row.mk-fullwidth-true .mk-gallery .eight-column .item-holder {
margin: 0 4px 8px 4px
}
@media handheld, only screen and (max-width:960px) {
.vc_row.mk-fullwidth-true .mk-gallery .eight-column {
width: 49.7%
}
.vc_row.mk-fullwidth-true .mk-gallery .eight-column img {
width: 100%
}
}
@media handheld, only screen and (max-width:540px) {
.vc_row.mk-fullwidth-true .mk-gallery .eight-column {
width: 100%!important
}
}
.mk-page-section .mk-header {
position: absolute;
left: 0;
bottom: 0
}
.js-header-shortcode {
background: 0 0!important
}
.mk-page-section .js-header-shortcode .mk-header-holder {
position: relative!important
}
.mk-highlight {
margin: 0;
padding: 2px;
color: #fff
}
.mk-box-icon {
position: relative;
-webkit-backface-visibility: hidden
}
.mk-box-icon .mk-main-ico {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin: 0 auto
}
.mk-box-icon .mk-main-ico .mk-svg-icon {
margin: 0 auto;
vertical-align: middle
}
.mk-box-icon p {
position: relative;
margin-bottom: 0
}
.mk-box-icon h4 i {
text-transform: none!important
}
.mk-box-icon .icon-box-readmore {
position: relative;
float: right;
margin: 10px 15px 10px 0;
font-size: 12px
}
.mk-box-icon .icon-box-readmore svg {
position: relative;
padding-left: 8px;
vertical-align: middle;
height: 16px
}
.mk-box-icon.simple_minimal-style.vc_span4 {
padding-right: 10px
}
.mk-box-icon.simple_minimal-style .mk-main-ico {
display: inline-block;
margin-right: 12px;
float: left;
text-align: center
}
.mk-box-icon.simple_minimal-style .circled-icon {
text-align: center;
border-radius: 50%
}
.mk-box-icon.simple_minimal-style .circled-icon.small {
line-height: 42px;
width: 42px;
height: 42px
}
.mk-box-icon.simple_minimal-style .circled-icon.medium {
line-height: 64px;
width: 64px;
height: 64px
}
.mk-box-icon.simple_minimal-style .circled-icon.large {
line-height: 86px;
width: 86px;
height: 86px
}
.mk-box-icon.simple_minimal-style .circled-icon.x-large {
line-height: 110px;
width: 110px;
height: 110px
}
.mk-box-icon.boxed-style .mk-main-ico .mk-svg-icon, .mk-box-icon.simple_minimal-style .mk-main-ico .mk-svg-icon {
vertical-align: baseline
}
.mk-box-icon.simple_minimal-style .mk-main-ico.small .mk-svg-icon {
height: 16px!important;
width: 16px!important
}
.mk-box-icon.simple_minimal-style .mk-main-ico.medium .mk-svg-icon {
height: 24px!important;
width: 24px!important
}
.mk-box-icon.simple_minimal-style .mk-main-ico.large .mk-svg-icon {
height: 32px!important;
width: 32px!important
}
.mk-box-icon.simple_minimal-style .mk-main-ico.x-large .mk-svg-icon {
height: 48px!important;
width: 48px!important
}
.mk-box-icon.simple_minimal-style .mk-main-ico.small {
font-size: 16px
}
.mk-box-icon.simple_minimal-style .mk-main-ico.medium {
font-size: 24px
}
.mk-box-icon.simple_minimal-style .mk-main-ico.large {
font-size: 32px
}
.mk-box-icon.simple_minimal-style .mk-main-ico.x-large {
font-size: 48px
}
.mk-box-icon.simple_minimal-style h4 {
margin-bottom: 15px!important
}
.mk-box-icon.simple_minimal-style h4.icon-circled {
display: block;
height: auto
}
.mk-box-icon.simple_minimal-style h4.icon-circled span {
display: block;
padding-top: 5px
}
.mk-box-icon.boxed-style .icon-box-boxed {
position: relative;
border: 1px solid #e0e0e0;
background-color: #f4f4f4;
text-align: center;
border-radius: 3px
}
.mk-box-icon.boxed-style .icon-box-boxed .mk-svg-icon {
position: relative;
top: 1px
}
.mk-box-icon.boxed-style .icon-box-boxed.top {
margin-top: 35px;
padding: 70px 30px 30px
}
.mk-box-icon.boxed-style .icon-box-boxed.top .mk-main-ico {
top: -34px;
left: 50%;
margin-left: -32px
}
.mk-box-icon.boxed-style .icon-box-boxed.left {
margin-left: 30px;
padding: 30px 30px 30px 60px;
text-align: left
}
.mk-box-icon.boxed-style .icon-box-boxed.left .mk-main-ico {
top: 50%;
left: -34px;
margin-top: -34px
}
.mk-box-icon.boxed-style .icon-box-readmore {
display: inline-block;
float: none
}
.mk-box-icon.boxed-style h4 {
margin-bottom: 20px;
color: #222!important
}
.mk-box-icon.boxed-style .mk-main-ico {
position: absolute;
display: block;
width: 65px;
height: 65px;
color: #fff;
text-align: center;
line-height: 65px;
font-size: 32px;
border-radius: 50%
}
.mk-box-icon.boxed-style .mk-main-ico {
font-size: 32px
}
.mk-box-icon.boxed-style .mk-main-ico .mk-svg-icon {
width: 32px!important;
height: 32px!important
}
.mk-box-icon.boxed-style .mk-main-ico:before {
position: relative
}
.mk-box-icon.simple_ultimate-style .left-side {
padding-right: 15px
}
.mk-box-icon.simple_ultimate-style .left-side .mk-main-ico {
display: block;
float: left
}
.mk-box-icon.simple_ultimate-style .left-side .mk-main-ico.small {
width: 32px
}
.mk-box-icon.simple_ultimate-style .left-side .mk-main-ico.medium {
width: 48px
}
.mk-box-icon.simple_ultimate-style .left-side .mk-main-ico.large {
width: 64px
}
.mk-box-icon.simple_ultimate-style .left-side .mk-main-ico.x-large {
width: 128px
}
.mk-box-icon.simple_ultimate-style .left-side .mk-main-ico.small {
font-size: 32px
}
.mk-box-icon.simple_ultimate-style .left-side .mk-main-ico.medium {
font-size: 48px
}
.mk-box-icon.simple_ultimate-style .left-side .mk-main-ico.large {
font-size: 64px
}
.mk-box-icon.simple_ultimate-style .left-side .mk-main-ico.x-large {
font-size: 128px
}
.mk-box-icon.simple_ultimate-style .left-side .box-detail-wrapper {
display: block
}
.mk-box-icon.simple_ultimate-style .left-side .box-detail-wrapper.small-size {
margin-left: 48px
}
.mk-box-icon.simple_ultimate-style .left-side .box-detail-wrapper.medium-size {
margin-left: 65px
}
.mk-box-icon.simple_ultimate-style .left-side .box-detail-wrapper.large-size {
margin-left: 84px
}
.mk-box-icon.simple_ultimate-style .left-side .box-detail-wrapper.x-large-size {
margin-left: 158px
}
.mk-box-icon.simple_ultimate-style .top-side {
text-align: center
}
.mk-box-icon.simple_ultimate-style .top-side .mk-main-ico {
display: block
}
.mk-box-icon.simple_ultimate-style .top-side .mk-main-ico.small {
margin-bottom: 8px
}
.mk-box-icon.simple_ultimate-style .top-side .mk-main-ico.medium {
margin-bottom: 10px
}
.mk-box-icon.simple_ultimate-style .top-side .mk-main-ico.large {
margin-bottom: 12px
}
.mk-box-icon.simple_ultimate-style .top-side .mk-main-ico.x-large {
margin-bottom: 15px
}
.mk-box-icon.simple_ultimate-style .top-side h4 {
margin-bottom: 22px
}
.mk-box-icon.simple_ultimate-style .top-side .icon-box-readmore {
display: inline-block;
float: none
}
.mk-box-icon.simple_ultimate-style .mk-main-ico.small {
font-size: 32px
}
.mk-box-icon.simple_ultimate-style .mk-main-ico.small .mk-svg-icon {
height: 32px!important;
width: 32px!important
}
.mk-box-icon.simple_ultimate-style .mk-main-ico.medium {
font-size: 48px
}
.mk-box-icon.simple_ultimate-style .mk-main-ico.medium .mk-svg-icon {
height: 48px!important;
width: 48px!important
}
.mk-box-icon.simple_ultimate-style .mk-main-ico.large {
font-size: 64px
}
.mk-box-icon.simple_ultimate-style .mk-main-ico.large .mk-svg-icon {
height: 64px!important;
width: 64px!important
}
.mk-box-icon.simple_ultimate-style .mk-main-ico.x-large {
font-size: 128px
}
.mk-box-icon.simple_ultimate-style .mk-main-ico.x-large .mk-svg-icon {
height: 128px!important;
width: 128px!important
}
.mk-box-icon .rounded-circle.left-side .small-size {
margin-left: 90px!important
}
.mk-box-icon .rounded-circle.left-side .medium-size {
margin-left: 120px!important
}
.mk-box-icon .rounded-circle.top-side .small {
margin-bottom: 26px!important
}
.mk-box-icon .rounded-circle.top-side .medium {
margin-bottom: 34px!important
}
.mk-box-icon .rounded-circle .mk-main-ico {
border-width: 1px;
border-style: solid;
border-radius: 60px;
text-align: center;
display: -webkit-box!important;
display: -ms-flexbox!important;
display: flex!important;
-ms-flex-line-pack: center;
align-content: center;
margin: 0 auto
}
.mk-box-icon .rounded-circle .small {
width: 60px!important;
height: 60px!important;
line-height: 60px!important
}
.mk-box-icon .rounded-circle .small .mk-main-ico {
font-size: 24px
}
.mk-box-icon .rounded-circle .small .mk-svg-icon {
width: 24px!important;
height: 24px!important
}
.mk-box-icon .rounded-circle .medium {
height: 84px!important;
width: 84px!important;
line-height: 84px!important
}
.mk-box-icon .rounded-circle .medium .mk-main-ico {
font-size: 32px
}
.mk-box-icon .rounded-circle .medium .mk-svg-icon {
height: 32px!important;
width: 32px!important
}
.mk-box-icon-2 {
display: block
}
.mk-box-icon-2 .mk-box-icon-2-icon {
border-width: 2px!important;
border-radius: 50%;
transition: all ease-in .2s;
display: inline-block;
text-align: center
}
.mk-box-icon-2 .mk-box-icon-2-icon i {
display: block;
vertical-align: middle;
line-height: inherit;
text-align: center;
display: inline-block
}
.mk-box-icon-2 .mk-box-icon-2-icon.size-16 {
line-height: 50px;
height: 54px;
width: 54px
}
.mk-box-icon-2 .mk-box-icon-2-icon.size-32 {
line-height: 80px;
height: 84px;
width: 84px
}
.mk-box-icon-2 .mk-box-icon-2-icon.size-48 {
line-height: 98px;
height: 100px;
width: 100px
}
.mk-box-icon-2 .mk-box-icon-2-icon.size-64 {
line-height: 128px;
height: 130px;
width: 130px
}
.mk-box-icon-2 .mk-box-icon-2-icon.size-128 {
line-height: 188px;
height: 190px;
width: 190px
}
.mk-box-icon-2 svg {
vertical-align: middle
}
.mk-box-icon-2 .mk-box-icon-2-image svg {
width: 100%
}
.mk-box-icon-2 .mk-box-icon-2-title {
display: block;
margin: 0
}
.mk-box-icon-2 .mk-box-icon-2-content {
display: block
}
.mk-box-icon-2.box-align-left {
text-align: left
}
.mk-box-icon-2.box-align-center {
text-align: center
}
.mk-box-icon-2 .mk-box-icon-2-icon {
display: inline-block
}
.mk-box-icon-2 .mk-box-icon-2-image {
display: block
}
.mk-box-icon-2.box-align-center .mk-box-icon-2-icon, .mk-box-icon-2.box-align-center .mk-box-icon-2-image {
margin: 0 auto
}
.mk-box-icon-2.box-align-right {
text-align: right
}
.mk-box-icon-2.box-align-right .mk-box-icon-2-image {
display: inline-block
}
.mk-iconBox-gradient .icon {
display: inline-block;
position: relative;
transition: background-color .2s linear
}
.mk-iconBox-gradient .icon i svg {
transition: color .2s linear;
margin-top: -2px;
vertical-align: middle
}
.mk-iconBox-gradient .icon svg:not(.mk-svg-icon) {
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
display: none;
z-index: 1;
color: #81d742
}
.Firefox .mk-iconBox-gradient .icon {
background: initial!important
}
.Firefox .mk-iconBox-gradient .icon .mk-svg-icon, .Firefox .mk-iconBox-gradient .icon i {
position: relative;
z-index: 2
}
.Firefox .mk-iconBox-gradient .icon svg:not(.mk-svg-icon) {
display: block
}
.Firefox .mk-iconBox-gradient .icon svg:not(.mk-svg-icon) path {
transition: fill .2s linear;
display: none
}
.Firefox .icon.linear-gradient svg:not(.mk-svg-icon) radialGradient {
display: none
}
.Firefox .icon.radial-gradient svg:not(.mk-svg-icon) linearGradient {
display: none
}
.Firefox .icon.circle svg:not(.mk-svg-icon) path#circle, .Firefox .icon.hexagon svg:not(.mk-svg-icon) path#hexagon, .Firefox .icon.hexagon2 svg:not(.mk-svg-icon) path#hexagon2, .Firefox .icon.pentagon svg:not(.mk-svg-icon) path#pentagon, .Firefox .icon.square svg:not(.mk-svg-icon) path#square, .Firefox .icon.square2 svg:not(.mk-svg-icon) path#square2, .Firefox .icon.starz svg:not(.mk-svg-icon) path#starz {
display: block
}
.icon.circle.size-128, .icon.hexagon.size-128, .icon.hexagon2.size-128, .icon.starz.size-128 {
min-width: 300px;
min-height: 300px;
line-height: 300px;
text-align: center
}
.icon.circle.size-64, .icon.hexagon.size-64, .icon.hexagon2.size-64, .icon.starz.size-64 {
min-width: 200px;
min-height: 200px;
line-height: 200px;
text-align: center
}
.icon.circle.size-48, .icon.hexagon.size-48, .icon.hexagon2.size-48, .icon.starz.size-48 {
min-width: 160px;
min-height: 160px;
line-height: 160px;
text-align: center
}
.icon.circle.size-32, .icon.hexagon.size-32, .icon.hexagon2.size-32, .icon.starz.size-32 {
min-width: 110px;
min-height: 110px;
line-height: 110px;
text-align: center
}
.icon.circle.size-16, .icon.hexagon.size-16, .icon.hexagon2.size-16, .icon.starz.size-16 {
min-width: 60px;
min-height: 60px;
line-height: 60px;
text-align: center
}
.icon.pentagon.size-128 {
min-width: 330px;
min-height: 330px;
line-height: 330px;
text-align: center
}
.icon.pentagon.size-64 {
min-width: 215px;
min-height: 215px;
line-height: 215px;
text-align: center
}
.icon.pentagon.size-48 {
min-width: 160px;
min-height: 160px;
line-height: 160px;
text-align: center
}
.icon.pentagon.size-32 {
min-width: 125px;
min-height: 125px;
line-height: 125px;
text-align: center
}
.icon.pentagon.size-16 {
min-width: 70px;
min-height: 70px;
line-height: 70px;
text-align: center
}
.icon.square.size-128 {
min-width: 290px;
min-height: 290px;
line-height: 290px;
text-align: center
}
.icon.square.size-64 {
min-width: 200px;
min-height: 200px;
line-height: 200px;
text-align: center
}
.icon.square.size-48 {
min-width: 140px;
min-height: 140px;
line-height: 140px;
text-align: center
}
.icon.square.size-32 {
min-width: 100px;
min-height: 100px;
line-height: 100px;
text-align: center
}
.icon.square.size-16 {
min-width: 60px;
min-height: 60px;
line-height: 60px;
text-align: center
}
.icon.square2.size-128 {
min-width: 370px;
min-height: 370px;
line-height: 370px;
text-align: center
}
.icon.square2.size-64 {
min-width: 250px;
min-height: 250px;
line-height: 250px;
text-align: center
}
.icon.square2.size-48 {
min-width: 180px;
min-height: 180px;
line-height: 180px;
text-align: center
}
.icon.square2.size-32 {
min-width: 130px;
min-height: 130px;
line-height: 130px;
text-align: center
}
.icon.square2.size-16 {
min-width: 80px;
min-height: 80px;
line-height: 80px;
text-align: center
}
.mk-image {
position: relative;
line-height: 4px
}
.mk-image.align-left {
text-align: left
}
.mk-image.align-right {
float: right
}
.mk-image.align-center {
margin-right: auto;
margin-left: auto;
text-align: center
}
.mk-image.align-center .mk-image-holder {
margin: 0 auto
}
.mk-image.align-center .mk-image-inner img {
transition: -webkit-filter .2s ease;
transition: filter .2s ease;
transition: filter .2s ease, -webkit-filter .2s ease
}
.mk-image.lightbox-enabled .mk-image-inner:hover img {
-webkit-filter: grayscale(100%);
filter: grayscale(100%);
filter: gray;
-webkit-filter: grayscale(1)
}
.mk-image.rounded-frame {
border-radius: 4px
}
.mk-image.rounded-frame .mk-image-overlay, .mk-image.rounded-frame img {
border-radius: 4px
}
.mk-image.gray_border-frame .mk-image-inner {
border: 6px solid rgba(0,0,0,.06)
}
.mk-image.border_shadow-frame .mk-image-inner {
border: 6px solid #fff;
box-shadow: 0 0 5px rgba(0,0,0,.25)
}
.mk-image.shadow_only-frame .mk-image-inner {
box-shadow: 0 0 4px rgba(0,0,0,.25)
}
.mk-image.single_line-frame .mk-image-inner {
border: 1px solid rgba(0,0,0,.1)
}
.mk-image .mk-image-inner {
position: relative;
overflow: hidden;
width: auto
}
.mk-image .mk-image-inner.is-svg {
display: inline-block
}
.mk-image .mk-image-inner img {
width: 100%
}
.mk-image .mk-image-inner:hover .mk-image-overlay {
opacity: .9
}
.mk-image .mk-image-inner:hover .mk-image-lightbox {
opacity: 1
}
.mk-image.inside-image .mk-image-caption {
position: absolute;
bottom: 0;
left: 0;
margin: 10px;
padding: 10px;
background-color: #4c4c4c;
background-color: rgba(0,0,0,.4);
color: #fff;
border-radius: 4px
}
.mk-image.inside-image .mk-image-caption:hover {
background-color: #383838;
background-color: rgba(0,0,0,.5)
}
.mk-image.inside-image .mk-image-caption .mk-caption-title {
display: block;
font-weight: 700;
font-size: 14px;
line-height: 18px
}
.mk-image.inside-image .mk-image-caption .mk-caption-desc {
display: block;
margin-top: 5px;
font-size: 12px;
line-height: 18px
}
.mk-image.outside-image .mk-image-caption {
margin: 10px 0
}
.mk-image.outside-image .mk-image-caption .mk-caption-title {
display: block;
font-weight: 700;
font-size: 14px;
line-height: 18px
}
.mk-image.outside-image .mk-image-caption .mk-caption-desc {
display: block;
margin-top: 5px;
font-style: italic;
font-size: 11px;
line-height: 18px
}
@media handheld, only screen and (max-width:480px) {
.inside-image .mk-image-caption {
display: none!important
}
}
@media handheld, only screen and (max-width:767px) {
.mk-image.align-left, .mk-image.align-right {
margin-right: auto!important;
margin-left: auto!important;
text-align: center!important
}
}
.mk-image-switch {
overflow: hidden
}
.mk-image-switch img {
display: block
}
.mk-image-switch .image__container {
position: relative;
display: inline-block
}
.mk-image-switch .first__image {
position: relative;
z-index: 2
}
.mk-image-switch .second__image {
position: absolute;
top: 0;
left: 0;
z-index: 1
}
.mk-image-switch.align-left {
text-align: left
}
.mk-image-switch.align-center {
text-align: center
}
.mk-image-switch.align-right {
text-align: right
}
.mk-image-switch.without-fading-animation .image__container .first__image {
visibility: visible
}
.mk-image-switch.without-fading-animation .image__container .second__image {
visibility: hidden
}
.mk-image-switch.without-fading-animation .image__container:hover .first__image {
visibility: hidden
}
.mk-image-switch.without-fading-animation .image__container:hover .second__image {
visibility: visible
}
.mk-image-switch.fading-animation .image__container .first__image, .mk-image-switch.fading-animation .image__container .second__image {
transition: opacity .2s linear, visibility .2s linear
}
.mk-image-switch.fading-animation .image__container .first__image {
opacity: 1
}
.mk-image-switch.fading-animation .image__container .second__image {
opacity: 0
}
.mk-image-switch.fading-animation .image__container:hover .first__image {
opacity: 0
}
.mk-image-switch.fading-animation .image__container:hover .second__image {
opacity: 1
}
.mk-imagebox {
position: relative
}
.mk-imagebox-item {
margin-bottom: 40px
}
.mk-imagebox .swiper-navigation {
padding-bottom: 14px;
padding-left: 20px;
padding-right: 20px;
clear: both;
display: block;
opacity: 0;
transition: opacity .25s ease-in-out
}
.mk-imagebox .swiper-navigation .swiper-arrows {
font-size: 24px;
color: #ccc;
color: rgba(128,128,128,.2)
}
.mk-imagebox .swiper-navigation .swiper-arrows:hover {
color: rgba(128,128,128,.4)
}
.mk-imagebox .swiper-navigation .mk-swiper-next {
float: right
}
.mk-imagebox:hover .swiper-navigation {
opacity: 1
}
.mk-imagebox.column-style .swiper-slide {
float: none
}
.mk-imagebox .slide-style .swiper-slide .mk-imagebox-item {
width: 100%
}
.mk-imagebox .one-column .mk-imagebox-item {
width: 100%
}
.mk-imagebox .two-column .mk-imagebox-item {
width: 49.96%
}
.mk-imagebox .three-column .mk-imagebox-item {
width: 33.31%
}
.mk-imagebox .four-column .mk-imagebox-item {
width: 24.96%
}
.mk-imagebox .five-column .mk-imagebox-item {
width: 19.96%
}
.mk-imagebox .six-column .mk-imagebox-item {
width: 16.6%
}
.mk-imagebox .video-type .item-image {
display: none
}
.mk-imagebox .five-column div:nth-of-type(5n+6) .mk-imagebox-item, .mk-imagebox .four-column div:nth-of-type(4n+5) .mk-imagebox-item, .mk-imagebox .six-column div:nth-of-type(6n+7) .mk-imagebox-item, .mk-imagebox .three-column div:nth-of-type(3n+4) .mk-imagebox-item, .mk-imagebox .two-column div:nth-of-type(2n+3) .mk-imagebox-item {
clear: both
}
@media handheld, only screen and (max-width:1024px) {
.mk-imagebox .video-type .item-image {
display: block
}
.mk-imagebox .mk-imagebox-video {
display: none!important
}
}
@media handheld, only screen and (max-width:960px) {
.mk-imagebox .five-column .mk-imagebox-item, .mk-imagebox .four-column .mk-imagebox-item, .mk-imagebox .six-column .mk-imagebox-item, .mk-imagebox .three-column .mk-imagebox-item, .mk-imagebox .two-column .mk-imagebox-item {
width: 50%;
margin-bottom: 20px
}
.mk-imagebox .five-column div:nth-of-type(5n+6) .mk-imagebox-item, .mk-imagebox .four-column div:nth-of-type(4n+5) .mk-imagebox-item, .mk-imagebox .six-column div:nth-of-type(6n+7) .mk-imagebox-item, .mk-imagebox .three-column div:nth-of-type(3n+4) .mk-imagebox-item, .mk-imagebox .two-column div:nth-of-type(2n+3) .mk-imagebox-item {
clear: none
}
.mk-imagebox .five-column div:nth-of-type(2n+3) .mk-imagebox-item, .mk-imagebox .four-column div:nth-of-type(2n+3) .mk-imagebox-item, .mk-imagebox .six-column div:nth-of-type(2n+3) .mk-imagebox-item, .mk-imagebox .three-column div:nth-of-type(2n+3) .mk-imagebox-item {
clear: both
}
.mk-imagebox .five-column img, .mk-imagebox .four-column img, .mk-imagebox .six-column img, .mk-imagebox .three-column img, .mk-imagebox .two-column img {
width: 100%
}
}
@media handheld, only screen and (max-width:540px) {
.mk-imagebox .mk-imagebox-item {
width: 100%!important
}
.mk-imagebox .mk-imagebox-item .item-holder {
margin: 0!important
}
}
.mk-imagebox-item {
float: left
}
.mk-imagebox-item .item-holder {
position: relative;
overflow: hidden
}
.mk-imagebox-item .item-image {
text-align: center;
padding: 0
}
.mk-imagebox-item .item-image img {
width: 100%
}
.mk-imagebox-item .item-image.padding-true {
padding: 5% 5% 0
}
.mk-imagebox-item .item-title {
line-height: 1.66em;
padding: 10% 10% 7%;
letter-spacing: 1px
}
.mk-imagebox-item .item-title h5 {
margin: 0;
text-align: center
}
.mk-imagebox-item .item-content {
padding: 0 13% 7%
}
.mk-imagebox-item .item-wrapper p {
text-align: center
}
.mk-imagebox-item .mk-video-container {
padding-top: 0;
padding-bottom: 56.5%!important
}
.mk-imagebox-item .mk-video-container iframe, .mk-imagebox-item .mk-video-container video {
width: 100%
}
.mk-imagebox-item .mk-video-wrapper.padding-true {
padding: 5% 5% 0
}
.mk-imagebox-item .mk-imagebox-video {
display: block;
width: 100%
}
.mk-imagebox-item .mk-imagebox-video video {
display: block;
width: 100%
}
.mk-imagebox-item .item-button a {
display: block;
font-size: 14px;
letter-spacing: 1px;
padding: 20px;
text-align: center;
transition: all .2s ease-out
}
.mk-slider-holder .mk-imagebox-item {
float: none;
margin-left: auto;
margin-right: auto
}
.mk-laptop-slideshow-shortcode {
margin: 0 auto 60px;
width: 100%;
text-align: center
}
.mk-laptop-slideshow-shortcode.full-laptop .mk-flex-slides {
margin: 0 auto!important
}
.mk-laptop-slideshow-shortcode.one-half-laptop .mk-flex-slides {
margin: 0 auto!important
}
.mk-laptop-slideshow-shortcode.one-half-laptop .flex-direction-nav a {
margin-top: -16px
}
.mk-laptop-slideshow-shortcode.one-half-laptop .flex-direction-nav svg {
height: 32px
}
.mk-laptop-slideshow-shortcode.one-third-laptop .flex-direction-nav a {
margin-top: -12px
}
.mk-laptop-slideshow-shortcode.one-third-laptop .flex-direction-nav svg {
height: 24px
}
.mk-laptop-slideshow-shortcode.one-fourth-laptop {
margin-bottom: 30px!important
}
.mk-laptop-slideshow-shortcode.one-fourth-laptop .flex-direction-nav a {
margin-top: -8px
}
.mk-laptop-slideshow-shortcode.one-fourth-laptop .flex-direction-nav svg {
height: 16px
}
@media handheld, only screen and (max-width:600px) {
.mk-laptop-slideshow-shortcode .flex-direction-nav svg {
height: 32px!important
}
}
.mk-laptop-slideshow-shortcode:hover .flex-direction-nav a {
opacity: 1
}
.mk-laptop-slideshow-shortcode:hover .flex-prev {
left: 0
}
.mk-laptop-slideshow-shortcode:hover .flex-next {
right: 0
}
.mk-laptop-slideshow-shortcode .mk-flex-slides {
text-align: center
}
.mk-laptop-slideshow-shortcode .flex-direction-nav a {
position: absolute;
top: 50%;
margin-top: -16px;
opacity: 0
}
.mk-laptop-slideshow-shortcode .flex-direction-nav a svg {
fill: #ccc!important
}
.mk-laptop-slideshow-shortcode .flex-direction-nav a:hover svg {
fill: #7f7f7f!important
}
.mk-laptop-slideshow-shortcode .flex-prev {
left: 30px
}
.mk-laptop-slideshow-shortcode .flex-next {
right: 30px
}
.mk-laptop-image {
position: absolute;
top: 0;
left: 0;
width: 100%
}
.vc_col-sm-6 .full-laptop .flex-direction-nav svg {
height: 32px!important
}
.vc_col-sm-4 .full-laptop .flex-direction-nav svg, .vc_col-sm-4 .one-half-laptop .flex-direction-nav svg {
height: 24px!important
}
.vc_col-sm-3 .full-laptop .flex-direction-nav svg, .vc_col-sm-3 .one-half-laptop .flex-direction-nav svg, .vc_col-sm-3 .one-third-laptop .flex-direction-nav svg {
height: 24px!important
}
.vc_col-sm-3 .one-third-laptop .flex-direction-nav svg {
height: 16px!important
}
.vc_col-sm-2 .full-laptop .flex-direction-nav svg, .vc_col-sm-2 .one-fourth-laptop .flex-direction-nav svg, .vc_col-sm-2 .one-half-laptop .flex-direction-nav svg, .vc_col-sm-2 .one-third-laptop .flex-direction-nav svg {
height: 16px!important
}
.mk-lcd-slideshow {
margin: 0 auto 160px;
width: 100%;
text-align: center
}
@media handheld, only screen and (max-width:767px) {
.mk-lcd-slideshow {
margin-bottom: 100px!important
}
}
@media handheld, only screen and (max-width:600px) {
.mk-lcd-slideshow {
margin-bottom: 70px!important
}
}
@media handheld, only screen and (max-width:500px) {
.mk-lcd-slideshow {
margin-bottom: 50px!important
}
}
@media handheld, only screen and (max-width:321px) {
.mk-lcd-slideshow {
margin-bottom: 10px!important
}
}
.mk-lcd-slideshow:hover .flex-direction-nav a {
opacity: .7
}
.mk-lcd-slideshow:hover .flex-prev {
left: 60px!important
}
.mk-lcd-slideshow:hover .flex-next {
right: 60px!important
}
.mk-lcd-slideshow .flex-direction-nav a {
position: absolute;
top: 45%;
margin-top: -16px;
width: 40px;
height: 40px;
line-height: 40px;
text-align: center;
background-color: rgba(0,0,0,.4);
border-radius: 3px;
opacity: 0
}
.mk-lcd-slideshow .flex-direction-nav a .mk-svg-icon {
fill: #fff!important;
height: 16px;
vertical-align: middle
}
.mk-lcd-slideshow .flex-prev {
left: 70px!important
}
.mk-lcd-slideshow .flex-next {
right: 70px!important
}
.mk-lcd-image {
position: absolute;
top: 0;
left: 0
}
.vc_col-sm-8 .mk-lcd-slideshow {
margin: 0 auto 70px
}
.vc_col-sm-8 .mk-lcd-slideshow .flex-direction-nav a {
margin-top: -48px
}
.vc_col-sm-6 .mk-lcd-slideshow {
margin: 0 auto 50px
}
.vc_col-sm-6 .mk-lcd-slideshow .flex-direction-nav a {
margin-top: -28px
}
.vc_col-sm-4 .mk-lcd-slideshow {
margin: 0 auto 50px
}
.vc_col-sm-4 .mk-lcd-slideshow .flex-direction-nav a {
margin-top: -40px
}
.vc_col-sm-3 .mk-lcd-slideshow {
margin: 0 auto 60px
}
.vc_col-sm-3 .mk-lcd-slideshow .flex-direction-nav a {
margin-top: -28px
}
.vc_col-sm-2 .mk-lcd-slideshow {
margin: 0 auto 40px
}
.vc_col-sm-2 .mk-lcd-slideshow .flex-direction-nav a {
display: none
}
.vc_col-sm-6 .vc_col-sm-8 .mk-lcd-slideshow {
margin: 0 auto 40px
}
.vc_col-sm-6 .vc_col-sm-4 .mk-lcd-slideshow {
margin: 0 auto 40px
}
.vc_col-sm-6 .vc_col-sm-4 .mk-lcd-slideshow .flex-direction-nav a {
display: none
}
.mk-message-box {
position: relative;
display: block;
margin-bottom: 20px;
border-width: 1px;
border-style: solid;
background-position: 15px center;
background-repeat: no-repeat
}
.mk-message-box span {
display: block;
padding: 15px 15px 15px 65px;
text-align: left
}
.mk-message-box .box-close-btn {
position: absolute;
top: 0;
right: 6px
}
.mk-message-box.mk-comment-message-box {
border-color: #ddd;
background-color: #eee
}
.mk-message-box.mk-comment-message-box i {
color: #aaa
}
.mk-message-box.mk-info-message-box {
border-color: #afe0ee;
background-color: #d1eff8
}
.mk-message-box.mk-info-message-box i {
color: #3ea3bc
}
.mk-message-box.mk-info-message-box .button.wc-forward {
background-color: #3ea2c1
}
.mk-message-box.mk-error-message-box {
border-color: #fd8585;
background-color: #fac6bf
}
.mk-message-box.mk-error-message-box i {
color: #de303a
}
.mk-message-box.mk-error-message-box .button.wc-forward {
background-color: #df3531
}
.mk-message-box.mk-confirm-message-box {
border-color: #72dd9d;
background-color: #b8f4d0
}
.mk-message-box.mk-confirm-message-box i {
color: #20b66e
}
.mk-message-box.mk-confirm-message-box .button.wc-forward {
background-color: #28b863
}
.mk-message-box.mk-warning-message-box {
border-color: #e0c069;
background-color: #fbf1c8
}
.mk-message-box.mk-warning-message-box i {
color: #be9a34
}
.mk-message-box.mk-warning-message-box .button.wc-forward {
background-color: #be9c00
}
.mk-milestone {
margin-bottom: 20px
}
.mk-milestone .milestone-number, .mk-milestone .milestone-prefix, .mk-milestone .milestone-suffix {
line-height: 110%;
letter-spacing: 2px
}
.mk-milestone i {
line-height: 1
}
.mk-milestone.left-align .milestone-top {
float: left
}
.mk-milestone.left-align i {
float: left;
margin-right: 10px
}
.mk-milestone.left-align .milestone-text:after {
left: 0;
-webkit-transform: translate(0, 0);
-ms-transform: translate(0, 0);
transform: translate(0, 0)
}
.mk-milestone.center-align {
text-align: center
}
.mk-milestone.center-align .milestone-top {
display: block
}
.mk-milestone.center-align i {
display: block;
margin-bottom: 30px
}
.mk-milestone.center-align .milestone-text:after {
left: 50%;
-webkit-transform: translate(-50%, 0);
-ms-transform: translate(-50%, 0);
transform: translate(-50%, 0)
}
.mk-milestone.right-align .milestone-top {
float: right;
text-align: right
}
.mk-milestone.right-align i {
float: right;
margin-left: 10px
}
.mk-milestone.right-align .milestone-text:after {
right: 0;
-webkit-transform: translate(0, 0);
-ms-transform: translate(0, 0);
transform: translate(0, 0)
}
.mk-milestone .milestone-text {
letter-spacing: 1px;
line-height: 100%;
position: relative;
margin: 16px 0;
padding: 16px 0
}
.mk-milestone .milestone-text:after {
content: '';
display: block;
position: absolute;
width: 20px;
height: 3px;
background: #999;
top: 0
}
.mk-milestone.milestone-small svg {
height: 32px
}
.mk-milestone.milestone-small .milestone-number, .mk-milestone.milestone-small .milestone-prefix, .mk-milestone.milestone-small .milestone-suffix {
font-size: 26px
}
.mk-milestone.milestone-medium svg {
height: 48px
}
.mk-milestone.milestone-medium .milestone-number, .mk-milestone.milestone-medium .milestone-prefix, .mk-milestone.milestone-medium .milestone-suffix {
font-size: 40px
}
.mk-milestone.milestone-large svg {
height: 72px
}
.mk-milestone.milestone-large .milestone-number, .mk-milestone.milestone-large .milestone-prefix, .mk-milestone.milestone-large .milestone-suffix {
font-size: 50px
}
.mk-mini-callout {
overflow: hidden;
margin-bottom: 20px;
padding: 12px 20px;
border: 1px solid #dbdbdb;
background-color: #f6f6f6
}
.mk-mini-callout p {
display: inline;
margin-bottom: 0
}
.mk-mini-callout .callout-title {
padding-right: 6px;
color: #333;
font-weight: 700
}
.mk-mini-callout a i {
padding-left: 6px;
font-size: 14px
}
.mk-moving-image img {
width: auto!important;
display: inline-block!important
}
.mk-news-container {
margin-bottom: 50px
}
.mk-news-item {
position: relative;
overflow: hidden;
float: left
}
.mk-news-item .item-holder {
margin: 0 6px 6px 0;
background-color: #f6f6f6;
position: relative;
overflow: hidden
}
.mk-news-item .news-categories {
font-weight: 700;
font-size: 13px
}
.mk-news-item .news-the-title {
font-size: 18px;
font-weight: 700
}
.mk-news-item .mk-read-more i {
margin-left: 5px;
vertical-align: middle
}
.news-fourth-with-image .news-meta-wrapper, .news-full-with-image .news-meta-wrapper, .news-half-with-image .news-meta-wrapper {
position: absolute;
left: 0;
bottom: 0;
margin: 15px 15px 3px 15px
}
.news-fourth-with-image .news-categories, .news-full-with-image .news-categories, .news-half-with-image .news-categories {
line-height: 43px;
color: #fff
}
.news-fourth-with-image .news-categories a, .news-full-with-image .news-categories a, .news-half-with-image .news-categories a {
color: #fff
}
.news-fourth-with-image .news-categories span, .news-full-with-image .news-categories span, .news-half-with-image .news-categories span {
padding: 12px 5px;
font-size: 11px;
margin-left: -8px;
letter-spacing: 1px;
-webkit-box-decoration-break: clone;
box-decoration-break: clone
}
.news-fourth-with-image .news-date, .news-full-with-image .news-date, .news-half-with-image .news-date {
background-color: rgba(0,0,0,.4);
padding: 15px 15px;
position: absolute;
top: 0;
right: 0;
font-size: 11px;
line-height: 10px;
color: #fff
}
.news-fourth-with-image img, .news-full-with-image img, .news-half-with-image img {
height: 100%;
width: 100%
}
.news-fourth-with-image .news-the-title a, .news-full-with-image .news-the-title a, .news-half-with-image .news-the-title a {
color: #fff
}
.news-fourth-with-image .news-the-title span, .news-full-with-image .news-the-title span, .news-half-with-image .news-the-title span {
line-height: 37px;
background-color: #000;
padding: 13px 0;
box-shadow: 15px 0 0 #000, -15px 0 0 #000;
-webkit-box-decoration-break: clone;
box-decoration-break: clone
}
.news-fourth-without-image .item-holder, .news-full-without-image .item-holder, .news-half-without-image .item-holder {
padding: 28px 35px
}
.news-fourth-without-image .item-holder .news-categories, .news-full-without-image .item-holder .news-categories, .news-half-without-image .item-holder .news-categories {
margin-bottom: 5px
}
.news-fourth-without-image .item-holder .news-the-title, .news-full-without-image .item-holder .news-the-title, .news-half-without-image .item-holder .news-the-title {
margin: 0
}
.news-fourth-without-image .item-holder .news-date, .news-full-without-image .item-holder .news-date, .news-half-without-image .item-holder .news-date {
color: #777;
font-size: 11px;
margin-bottom: 10px;
display: block
}
.news-full-with-image {
width: 99.5%
}
.news-full-without-image {
width: 99.9%
}
.news-half-with-image {
width: 49.9%
}
.news-half-without-image {
width: 49.9%
}
.news-fourth-with-image {
width: 24.9%
}
.news-fourth-without-image {
width: 24.9%
}
@media handheld, only screen and (max-width:1024px) {
.news-fourth-with-image>div, .news-full-with-image>div, .news-half-with-image>div {
height: auto!important
}
.news-fourth-with-image>div .news-meta-wrapper, .news-full-with-image>div .news-meta-wrapper, .news-half-with-image>div .news-meta-wrapper {
position: relative!important;
left: auto!important;
bottom: auto!important;
margin: 20px
}
.news-full-with-image, .news-full-without-image {
width: 100%!important
}
.news-fourth-with-image, .news-fourth-without-image, .news-half-with-image, .news-half-without-image {
width: 49.8%!important
}
.news-fourth-with-image>div, .news-fourth-without-image>div, .news-half-with-image>div, .news-half-without-image>div {
height: auto!important
}
}
@media handheld, only screen and (max-width:767px) {
.news-full-with-image, .news-full-without-image {
width: 100%!important
}
.mk-news-item {
margin-right: 0!important
}
.news-fourth-with-image, .news-half-with-image {
width: 100%!important
}
.news-fourth-without-image, .news-half-without-image {
width: 100%!important
}
}
.mk-news-tab .mk-tabs-tabs {
z-index: 10
}
.mk-news-tab .mk-tabs-panes {
z-index: 1
}
.mk-news-tab .mk-tabs-panes .mk-tabs-pane {
z-index: 8
}
.mk-news-tab-heading {
background-color: #f7f7f7;
border: 1px solid #dbdbdb;
border-bottom: none
}
@media handheld, only screen and (max-width:767px) {
.mk-news-tab-heading {
border: 0
}
}
.mk-news-tab-title {
float: left;
font-size: 14px;
line-height: 12px;
padding: 14px 20px 0 20px;
font-weight: 700;
color: #333
}
@media handheld, only screen and (max-width:767px) {
.mk-news-tab-title {
display: none
}
}
.mk-news-tab {
margin-bottom: 20px
}
.mk-news-tab .mk-tabs-tabs {
margin: 0 0 -1px 0!important;
position: relative;
float: right
}
.mk-news-tab .mk-tabs-tabs li {
margin: 0;
position: relative;
padding: 0;
display: inline;
float: left
}
.mk-news-tab .mk-tabs-tabs li.is-active>a {
cursor: default;
border-bottom: none;
background: -o-linear-gradient(top, transparent, transparent);
padding-bottom: 16px
}
.mk-news-tab .mk-tabs-tabs li a {
font-weight: 700;
color: #333;
display: block;
line-height: 100%;
padding: 15px 20px;
margin: 0;
border-left: 1px solid #dbdbdb;
white-space: nowrap
}
@media handheld, only screen and (max-width:767px) {
.mk-news-tab .mk-tabs-tabs {
float: none
}
.mk-news-tab .mk-tabs-tabs li {
display: block;
float: none
}
.mk-news-tab .mk-tabs-tabs li a {
border-top: 1px solid #dbdbdb;
border-left: 1px solid #dbdbdb;
border-right: 1px solid #dbdbdb
}
.mk-news-tab .mk-tabs-tabs li.is-active>a {
border-top: 1px solid #dbdbdb;
padding-bottom: 15px
}
}
.mk-news-tab .mk-tabs-panes {
position: relative;
margin: 0;
border: 1px solid #dbdbdb
}
.mk-news-tab .mk-tabs-panes .title-mobile {
display: none;
color: #444;
white-space: nowrap;
font-weight: 700;
font-size: 13px;
line-height: 24px;
margin-bottom: 15px;
background-color: rgba(0,0,0,.05);
border-bottom: 2px solid rgba(0,0,0,.1);
padding: 5px 10px
}
.mk-news-tab .mk-tabs-panes .mk-tabs-pane {
position: relative
}
@media handheld, only screen and (max-width:767px) {
.mk-news-tab.mobile-true .mk-tabs-panes {
display: block;
border: 0
}
.mk-news-tab.mobile-true .mk-tabs-pane {
padding: 0;
margin-bottom: 20px
}
.mk-news-tab.mobile-true .title-mobile {
display: block
}
.mk-news-tab.mobile-true .mk-news-tab-heading .mk-tabs-tabs {
display: none!important
}
}
.news-tab-wrapper {
float: left;
width: 50%;
padding: 15px
}
@media handheld, only screen and (max-width:767px) {
.news-tab-wrapper {
width: 100%;
padding: 0;
margin-bottom: 20px
}
}
.news-tab-wrapper .news-tab-thumb {
margin-bottom: 20px;
display: block
}
.news-tab-wrapper .the-title {
line-height: 16px;
margin-bottom: 5px
}
.news-tab-wrapper .the-title a {
font-size: 15px;
line-height: 22px;
text-transform: capitalize;
color: #333
}
.news-tab-wrapper .new-tab-readmore svg {
padding-left: 6px;
height: 14px;
vertical-align: middle
}
.mk-tabs-pane {
padding: 0;
display: none
}
.mk-tabs-pane.is-active {
display: block
}
.mk-news-tab .mk-tabs-pane.is-active {
padding: 20px
}
.mk-ornamental-title .title {
margin: 0 auto
}
.mk-ornamental-title .title .title-image, .mk-ornamental-title .title .title-text {
padding: 0 35px;
display: inline-block;
vertical-align: baseline;
zoom: 1;
position: relative
}
.mk-ornamental-title .title .title-image:after, .mk-ornamental-title .title .title-image:before, .mk-ornamental-title .title .title-text:after, .mk-ornamental-title .title .title-text:before {
box-sizing: content-box
}
.mk-ornamental-title .title .title-image:before, .mk-ornamental-title .title .title-text:before {
right: 100%
}
.mk-ornamental-title .title .title-image:after, .mk-ornamental-title .title .title-text:after {
left: 100%
}
.mk-ornamental-title .title .title-image {
min-width: 38px;
text-align: center
}
.mk-ornamental-title.rovi-double .title .title-image, .mk-ornamental-title.rovi-double .title .title-text {
position: relative
}
.mk-ornamental-title.rovi-double .title .title-image .line-left, .mk-ornamental-title.rovi-double .title .title-image .line-right, .mk-ornamental-title.rovi-double .title .title-text .line-left, .mk-ornamental-title.rovi-double .title .title-text .line-right {
position: absolute;
top: 0;
height: 100%
}
.mk-ornamental-title.rovi-double .title .title-image .line-left, .mk-ornamental-title.rovi-double .title .title-text .line-left {
left: 3px
}
.mk-ornamental-title.rovi-double .title .title-image .line-right, .mk-ornamental-title.rovi-double .title .title-text .line-right {
right: 3px
}
.mk-ornamental-title.norman-double .title, .mk-ornamental-title.norman-short-double .title, .mk-ornamental-title.norman-short-single .title, .mk-ornamental-title.norman-single .title, .mk-ornamental-title.rovi-double .title, .mk-ornamental-title.rovi-single .title {
text-align: center
}
.mk-ornamental-title.norman-double .title .title-image:after, .mk-ornamental-title.norman-double .title .title-image:before, .mk-ornamental-title.norman-double .title .title-text:after, .mk-ornamental-title.norman-double .title .title-text:before, .mk-ornamental-title.norman-short-double .title .title-image:after, .mk-ornamental-title.norman-short-double .title .title-image:before, .mk-ornamental-title.norman-short-double .title .title-text:after, .mk-ornamental-title.norman-short-double .title .title-text:before, .mk-ornamental-title.norman-short-single .title .title-image:after, .mk-ornamental-title.norman-short-single .title .title-image:before, .mk-ornamental-title.norman-short-single .title .title-text:after, .mk-ornamental-title.norman-short-single .title .title-text:before, .mk-ornamental-title.norman-single .title .title-image:after, .mk-ornamental-title.norman-single .title .title-image:before, .mk-ornamental-title.norman-single .title .title-text:after, .mk-ornamental-title.norman-single .title .title-text:before, .mk-ornamental-title.rovi-double .title .title-image:after, .mk-ornamental-title.rovi-double .title .title-image:before, .mk-ornamental-title.rovi-double .title .title-text:after, .mk-ornamental-title.rovi-double .title .title-text:before, .mk-ornamental-title.rovi-single .title .title-image:after, .mk-ornamental-title.rovi-single .title .title-image:before, .mk-ornamental-title.rovi-single .title .title-text:after, .mk-ornamental-title.rovi-single .title .title-text:before {
content: '';
display: block;
position: absolute
}
.mk-ornamental-title.norman-double .title .title-image:after, .mk-ornamental-title.norman-double .title .title-image:before, .mk-ornamental-title.norman-double .title .title-text:after, .mk-ornamental-title.norman-double .title .title-text:before, .mk-ornamental-title.norman-single .title .title-image:after, .mk-ornamental-title.norman-single .title .title-image:before, .mk-ornamental-title.norman-single .title .title-text:after, .mk-ornamental-title.norman-single .title .title-text:before, .mk-ornamental-title.rovi-double .title .title-image:after, .mk-ornamental-title.rovi-double .title .title-image:before, .mk-ornamental-title.rovi-double .title .title-text:after, .mk-ornamental-title.rovi-double .title .title-text:before, .mk-ornamental-title.rovi-single .title .title-image:after, .mk-ornamental-title.rovi-single .title .title-image:before, .mk-ornamental-title.rovi-single .title .title-text:after, .mk-ornamental-title.rovi-single .title .title-text:before {
width: 1500px
}
.mk-ornamental-title.norman-double .title .title-image:after, .mk-ornamental-title.norman-double .title .title-text:after, .mk-ornamental-title.norman-single .title .title-image:after, .mk-ornamental-title.norman-single .title .title-text:after, .mk-ornamental-title.rovi-double .title .title-image:after, .mk-ornamental-title.rovi-double .title .title-text:after, .mk-ornamental-title.rovi-single .title .title-image:after, .mk-ornamental-title.rovi-single .title .title-text:after {
left: 100%
}
.mk-ornamental-title.norman-double .title .title-image:before, .mk-ornamental-title.norman-double .title .title-text:before, .mk-ornamental-title.norman-single .title .title-image:before, .mk-ornamental-title.norman-single .title .title-text:before, .mk-ornamental-title.rovi-double .title .title-image:before, .mk-ornamental-title.rovi-double .title .title-text:before, .mk-ornamental-title.rovi-single .title .title-image:before, .mk-ornamental-title.rovi-single .title .title-text:before {
right: 100%
}
.mk-ornamental-title.norman-double .title .title-image:after, .mk-ornamental-title.norman-double .title .title-image:before, .mk-ornamental-title.norman-double .title .title-text:after, .mk-ornamental-title.norman-double .title .title-text:before, .mk-ornamental-title.norman-short-double .title .title-image:after, .mk-ornamental-title.norman-short-double .title .title-image:before, .mk-ornamental-title.norman-short-double .title .title-text:after, .mk-ornamental-title.norman-short-double .title .title-text:before, .mk-ornamental-title.rovi-double .title .title-image:after, .mk-ornamental-title.rovi-double .title .title-image:before, .mk-ornamental-title.rovi-double .title .title-text:after, .mk-ornamental-title.rovi-double .title .title-text:before {
height: 3px
}
.mk-ornamental-title.norman-double .title, .mk-ornamental-title.norman-single .title, .mk-ornamental-title.rovi-double .title, .mk-ornamental-title.rovi-single .title {
width: 100%;
overflow: hidden
}
.mk-ornamental-title.normal-short-single .title .title-text:after, .mk-ornamental-title.normal-short-single .title .title-text:before, .mk-ornamental-title.normal-single .title .title-text:after, .mk-ornamental-title.normal-single .title .title-text:before {
content: initial
}
.mk-ornamental-title.norman-short-single .title .title-image::after, .mk-ornamental-title.norman-short-single .title .title-image::before {
width: 55px
}
.mk-ornamental-title.norman-short-double .title, .mk-ornamental-title.norman-short-single .title {
display: inline-block;
margin: 0 55px
}
.mk-ornamental-title.norman-short-double .title .title-text, .mk-ornamental-title.norman-short-single .title .title-text {
float: left
}
.mk-ornamental-title.norman-short-double .title .title-image, .mk-ornamental-title.norman-short-single .title .title-image {
float: left
}
.mk-ornamental-title.norman-short-double .title-image:after, .mk-ornamental-title.norman-short-double .title-image:before, .mk-ornamental-title.norman-short-double .title-text:after, .mk-ornamental-title.norman-short-double .title-text:before, .mk-ornamental-title.norman-short-single .title-image:after, .mk-ornamental-title.norman-short-single .title-image:before, .mk-ornamental-title.norman-short-single .title-text:after, .mk-ornamental-title.norman-short-single .title-text:before {
content: '';
position: absolute;
top: calc(50% - 1.5px);
width: 55px;
height: 3px
}
.mk-ornamental-title.norman-short-double .title-image:before, .mk-ornamental-title.norman-short-double .title-text:before, .mk-ornamental-title.norman-short-single .title-image:before, .mk-ornamental-title.norman-short-single .title-text:before {
left: -55px
}
.mk-ornamental-title.norman-short-double .title-image:after, .mk-ornamental-title.norman-short-double .title-text:after, .mk-ornamental-title.norman-short-single .title-image:after, .mk-ornamental-title.norman-short-single .title-text:after {
right: -55px
}
.mk-ornamental-title.norman-short-double.align-center, .mk-ornamental-title.norman-short-single.align-center {
text-align: center
}
.mk-ornamental-title.norman-short-double.align-right, .mk-ornamental-title.norman-short-single.align-right {
text-align: right
}
.mk-ornamental-title.lemo-double, .mk-ornamental-title.lemo-single {
position: relative;
display: inline-block
}
.mk-ornamental-title.lemo-double .title, .mk-ornamental-title.lemo-single .title {
border-bottom-left-radius: 0;
border-bottom-right-radius: 0
}
.mk-ornamental-title.lemo-double .title .title-image:after, .mk-ornamental-title.lemo-double .title .title-image:before, .mk-ornamental-title.lemo-double .title .title-text:after, .mk-ornamental-title.lemo-double .title .title-text:before, .mk-ornamental-title.lemo-single .title .title-image:after, .mk-ornamental-title.lemo-single .title .title-image:before, .mk-ornamental-title.lemo-single .title .title-text:after, .mk-ornamental-title.lemo-single .title .title-text:before {
content: '';
left: 0;
width: 100%;
position: absolute
}
.mk-ornamental-title.lemo-double .title .title-image:before, .mk-ornamental-title.lemo-double .title .title-text:before, .mk-ornamental-title.lemo-single .title .title-image:before, .mk-ornamental-title.lemo-single .title .title-text:before {
top: 0
}
.mk-ornamental-title.lemo-double .title .title-image:after, .mk-ornamental-title.lemo-double .title .title-text:after, .mk-ornamental-title.lemo-single .title .title-image:after, .mk-ornamental-title.lemo-single .title .title-text:after {
bottom: 0
}
.mk-ornamental-title.lemo-double .title .title-text, .mk-ornamental-title.lemo-single .title .title-text {
padding: 17px 10px
}
.mk-ornamental-title.lemo-double .title .title-image, .mk-ornamental-title.lemo-single .title .title-image {
padding: 20px 10px
}
.mk-ornamental-title.lemo-double.align-center, .mk-ornamental-title.lemo-single.align-center {
text-align: center;
display: block
}
.mk-ornamental-title.lemo-double.align-center .title, .mk-ornamental-title.lemo-single.align-center .title {
overflow: initial;
display: inline-block;
position: relative
}
.mk-ornamental-title.lemo-double.align-right, .mk-ornamental-title.lemo-single.align-right {
float: right
}
.mk-ornamental-title.lemo-double .title .title-image:after, .mk-ornamental-title.lemo-double .title .title-image:before, .mk-ornamental-title.lemo-double .title .title-text:after, .mk-ornamental-title.lemo-double .title .title-text:before {
height: 5px
}
.mk-ornamental-title.lemo-double .title .title-image:before, .mk-ornamental-title.lemo-double .title .title-text:before {
top: -5px
}
.mk-ornamental-title.lemo-double .title .title-image:after, .mk-ornamental-title.lemo-double .title .title-text:after {
bottom: -5px
}
@media handheld, only screen and (max-width:736px) {
.mk-ornamental-title.norman-double .title .title-image:after, .mk-ornamental-title.norman-double .title .title-image:before, .mk-ornamental-title.norman-double .title .title-text:after, .mk-ornamental-title.norman-double .title .title-text:before, .mk-ornamental-title.norman-short-double .title-text:after, .mk-ornamental-title.norman-short-double .title-text:before, .mk-ornamental-title.norman-short-single .title .title-image::after, .mk-ornamental-title.norman-short-single .title .title-image::before, .mk-ornamental-title.norman-short-single .title-text:after, .mk-ornamental-title.norman-short-single .title-text:before, .mk-ornamental-title.norman-single .title .title-image:after, .mk-ornamental-title.norman-single .title .title-image:before, .mk-ornamental-title.norman-single .title .title-text:after, .mk-ornamental-title.norman-single .title .title-text:before, .mk-ornamental-title.rovi-double .title .title-image:after, .mk-ornamental-title.rovi-double .title .title-image:before, .mk-ornamental-title.rovi-double .title .title-text:after, .mk-ornamental-title.rovi-double .title .title-text:before, .mk-ornamental-title.rovi-single .title .title-image:after, .mk-ornamental-title.rovi-single .title .title-image:before, .mk-ornamental-title.rovi-single .title .title-text:after, .mk-ornamental-title.rovi-single .title .title-text:before {
width: 0
}
.mk-ornamental-title.rovi-double .title .title-image .line-left, .mk-ornamental-title.rovi-double .title .title-image .line-right, .mk-ornamental-title.rovi-double .title .title-text .line-left, .mk-ornamental-title.rovi-double .title .title-text .line-right {
height: 0
}
.mk-ornamental-title .title .title-image, .mk-ornamental-title .title .title-text {
padding: 0;
border-width: 0!important
}
.mk-ornamental-title.norman-short-double .title, .mk-ornamental-title.norman-short-single .title {
margin: 0
}
}
.mk-page-section-wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row
}
.mk-page-section {
position: relative;
width: 100%
}
.mk-page-section[data-intro-effect=false] {
will-change: position;
z-index: 99
}
.mk-page-section:not(.mk-adaptive-height):not(.intro-true) {
height: auto!important
}
.mk-page-section-inner {
width: 100%;
height: 100%;
position: absolute;
overflow: hidden;
top: 0;
left: 0;
will-change: position
}
.mk-page-section:not(.full_layout) .mk-page-section-inner {
width: 50%
}
@media handheld, only screen and (max-width:767px) {
.mk-page-section:not(.full_layout) .mk-page-section-inner {
width: 100%;
height: 500px
}
}
.mk-page-section.drop-top-shadow {
box-shadow: inset 0 1px 10px rgba(0,0,0,.3)
}
.mk-page-section .vc_row-fluid {
position: relative
}
.mk-page-section .theme-content {
padding: 0 20px
}
.mk-page-section.full-height-true {
min-height: 300px
}
.mk-page-section .mk-main-wrapper-holder {
width: 100%
}
.mk-page-section .background-layer {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-perspective: 1000;
perspective: 1000;
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
.Edge .mk-page-section .background-layer, .Edge .mk-page-section .mk-color-layer, .IE .mk-page-section .background-layer, .IE .mk-page-section .mk-color-layer {
background-color: transparent!important;
overflow-x: hidden
}
html:not(.IE):not(.Edge) .mk-page-section .mk-color-layer {
background-color: transparent!important
}
.multiply-blend-effect {
-webkit-background-blend-mode: multiply;
background-blend-mode: multiply
}
.screen-blend-effect {
-webkit-background-blend-mode: screen;
background-blend-mode: screen
}
.overlay-blend-effect {
-webkit-background-blend-mode: overlay;
background-blend-mode: overlay
}
.darken-blend-effect {
-webkit-background-blend-mode: darken;
background-blend-mode: darken
}
.lighten-blend-effect {
-webkit-background-blend-mode: lighten;
background-blend-mode: lighten
}
.soft-light-blend-effect {
-webkit-background-blend-mode: soft-light;
background-blend-mode: soft-light
}
.luminosity-blend-effect {
-webkit-background-blend-mode: luminosity;
background-blend-mode: luminosity
}
@media handheld, only screen and (max-width:1024px) {
.mk-page-section .background-layer {
background-attachment: scroll!important;
position: absolute!important
}
}
.mk-page-section .background-clipper {
position: absolute;
top: 0;
left: 0;
clip: rect(auto auto auto auto);
width: 100%;
height: 100%;
overflow: hidden
}
.mk-page-section .mk-skip-to-next {
z-index: 10;
line-height: 44px
}
.page-section-fullwidth {
width: 100%
}
.page-section-fullwidth .vc_col-sm-12 {
padding-left: 0!important;
padding-right: 0!important
}
.mk-half-layout {
width: 50%;
height: 100%;
position: absolute;
top: 0;
background-position: center center;
background-size: cover;
-webkit-background-size: cover
}
.mk-half-layout.half_left_layout {
left: 0
}
.mk-half-layout.half_right_layout {
right: 0
}
@media handheld, only screen and (max-width:767px) {
.mk-half-layout {
width: 100%;
height: 500px
}
}
.mk-video-mask {
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAABCAQAAABeK7cBAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo3MDJGNjNCMTIwRkUxMUUzQjFFRUM0REUwQ0RCQTc4QyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo3MDJGNjNCMjIwRkUxMUUzQjFFRUM0REUwQ0RCQTc4QyI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjcwMkY2M0FGMjBGRTExRTNCMUVFQzRERTBDREJBNzhDIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjcwMkY2M0IwMjBGRTExRTNCMUVFQzRERTBDREJBNzhDIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+u9pXkwAAAA1JREFUGFdjYGjObAYAAuMBcKaqKb0AAAAASUVORK5CYII=)
}
.mk-half-layout-container {
position: relative;
padding-left: 20px;
padding-right: 20px
}
.mk-half-layout-container {
width: 40%;
margin: 0 5%
}
.mk-half-layout-container.half_left_layout {
float: right;
margin-left: auto
}
.mk-half-layout-container.half_right_layout {
float: left
}
@media handheld, only screen and (max-width:767px) {
.mk-half-layout-container {
width: auto!important;
margin: 0;
padding-top: 530px!important;
padding-left: 20px;
padding-right: 20px;
float: none!important
}
}
.mk-video-section-touch {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-position: center;
background-size: cover;
background-repeat: no-repeat;
z-index: 1
}
@media only screen and (min-device-width:320px) and (max-width:1024px) {
.mk-page-section {
background-position: center!important;
background-attachment: scroll!important
}
.mk-section-video {
display: none!important
}
.mk-video-section-touch {
display: block!important
}
}
.mk-page-section-loader {
background-color: #fff;
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0
}
.mk-page-section-loader .mk-preloader {
top: 50%
}
.mk-blend-layer {
width: 100%;
height: 100%;
background-size: cover;
background-position: center
}
.mk-shape-divider {
width: 100%;
display: block;
position: absolute;
left: 0;
z-index: 10
}
.mk-shape-divider--stick-bottom {
bottom: 0
}
.mk-shape-divider--stick-top {
top: 0
}
.mk-shape-divider .shape__container {
position: relative;
overflow: hidden
}
.mk-shape-divider .shape__container .shape {
width: 100%
}
.mk-shape-divider .shape__container .shape svg {
display: block
}
.mk-shape-divider.speech-bottom-style .shape__container .shape, .mk-shape-divider.speech-top-style .shape__container .shape {
width: 100%
}
.mk-shape-divider.speech-bottom-style .shape__container .shape .speech-left, .mk-shape-divider.speech-bottom-style .shape__container .shape .speech-right, .mk-shape-divider.speech-top-style .shape__container .shape .speech-left, .mk-shape-divider.speech-top-style .shape__container .shape .speech-right {
width: 50%
}
.mk-shape-divider.speech-bottom-style .shape__container .shape .speech-left, .mk-shape-divider.speech-top-style .shape__container .shape .speech-left {
float: left
}
.mk-shape-divider.speech-bottom-style .shape__container .shape .speech-right, .mk-shape-divider.speech-top-style .shape__container .shape .speech-right {
float: right
}
.mk-shape-divider.speech-bottom-style.small-size .shape__container .shape .speech-left, .mk-shape-divider.speech-bottom-style.small-size .shape__container .shape .speech-right, .mk-shape-divider.speech-top-style.small-size .shape__container .shape .speech-left, .mk-shape-divider.speech-top-style.small-size .shape__container .shape .speech-right {
height: 35px
}
.mk-shape-divider.speech-bottom-style.big-size .shape__container .shape .speech-left, .mk-shape-divider.speech-bottom-style.big-size .shape__container .shape .speech-right, .mk-shape-divider.speech-top-style.big-size .shape__container .shape .speech-left, .mk-shape-divider.speech-top-style.big-size .shape__container .shape .speech-right {
height: 60px
}
.mk-shape-divider.speech-bottom-style.small-size .shape__container .shape .speech-left {
border-top-right-radius: 35px
}
.mk-shape-divider.speech-bottom-style.small-size .shape__container .shape .speech-right {
border-top-left-radius: 35px
}
.mk-shape-divider.speech-bottom-style.big-size .shape__container .shape .speech-left {
border-top-right-radius: 60px
}
.mk-shape-divider.speech-bottom-style.big-size .shape__container .shape .speech-right {
border-top-left-radius: 60px
}
.mk-shape-divider.speech-top-style.small-size .shape__container .shape .speech-left {
border-bottom-right-radius: 35px
}
.mk-shape-divider.speech-top-style.small-size .shape__container .shape .speech-right {
border-bottom-left-radius: 35px
}
.mk-shape-divider.speech-top-style.big-size .shape__container .shape .speech-left {
border-bottom-right-radius: 60px
}
.mk-shape-divider.speech-top-style.big-size .shape__container .shape .speech-right {
border-bottom-left-radius: 60px
}
.mk-effect-wrapper {
overflow: hidden;
position: relative
}
.mk-page-title-box {
text-align: center;
display: table;
width: 100%;
height: 100%
}
.mk-page-title-box .mk-effect-bg-layer {
position: absolute;
height: 120%;
width: 100%;
top: -20%;
left: 0;
-webkit-transform: tranzlateZ(0);
-ms-transform: tranzlateZ(0);
transform: tranzlateZ(0);
-webkit-transform-origin: top center;
-ms-transform-origin: top center;
transform-origin: top center
}
.mk-page-title-box .mk-effect-bg-layer .mk-effect-gradient-layer {
position: absolute;
top: 1px;
left: 0;
width: 100%;
height: 100%;
opacity: 0;
background: linear-gradient(to bottom, rgba(255,255,255,0), #fff);
background-color: rgba(255,255,255,0)
}
.mk-page-title-box .mk-page-title-box-content {
display: table-cell;
vertical-align: middle;
position: relative
}
.mk-page-title-box .mk-page-title-box-subtitle {
margin-bottom: 0
}
.mk-page-title-box .mk-page-title-box-title {
letter-spacing: 1px;
display: inline-block
}
.mk-page-title-box .mk-page-title-box-title.mk-page-title-box-title--underline {
position: relative
}
.mk-page-title-box .mk-page-title-box-title.mk-page-title-box-title--underline:after {
display: block;
content: '';
position: absolute;
bottom: 0;
left: 50%;
margin-left: -15px;
width: 30px;
height: 3px
}
@media handheld, only screen and (max-width:480px) {
.mk-page-title-box:not(.mk-page-title-box--forcefont) .mk-page-title-box-title {
font-size: 9vw!important;
word-break: break-word
}
.mk-page-title-box:not(.mk-page-title-box--forcefont-subtitle) .mk-page-title-box-subtitle {
font-size: 18px!important
}
}
[data-photoalbum-images="[null]"] {
pointer-events: none
}
.full-height-width {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%
}
.item-hidden {
opacity: 0;
visibility: hidden
}
.item-visible {
opacity: 1;
visibility: visible
}
.album-transition-opacity-02s {
transition: opacity .2s
}
.mk-photo-album {
direction: ltr;
text-align: center
}
.mk-photo-album .mk-album-item {
position: relative;
overflow: hidden;
box-sizing: border-box;
float: left
}
.mk-photo-album figure {
position: relative;
overflow: hidden
}
.mk-photo-album figure .album-cover-image {
width: 100%
}
.mk-photo-album figure .item-blur-thumbnail {
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
opacity: 0;
transition: opacity .2s linear;
z-index: 2
}
.mk-photo-album.anim-cover-slide .mk-album-item .album-cover-image {
max-width: initial;
width: calc(100% + 50px);
transition: opacity .35s, -webkit-transform .35s;
transition: opacity .35s, transform .35s;
transition: opacity .35s, transform .35s, -webkit-transform .35s;
-webkit-transform: translate3d(-40px, 0, 0);
transform: translate3d(-40px, 0, 0)
}
.mk-photo-album .mk-album-link {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
z-index: 50
}
.mk-photo-album .overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 3;
opacity: 0;
visibility: hidden
}
.mk-photo-album .overlay.anim-fade_in {
transition: opacity .2s, visibility .2s
}
.mk-photo-album .overlay.anim-ripple {
transition: opacity .2s, visibility .2s, -webkit-transform .7s;
transition: opacity .2s, visibility .2s, transform .7s;
transition: opacity .2s, visibility .2s, transform .7s, -webkit-transform .7s;
width: 100px;
height: 100px;
border-radius: 50%;
-webkit-transform: scale(.1);
-ms-transform: scale(.1);
transform: scale(.1);
top: 50%;
left: 50%;
margin-left: -50px;
margin-top: -50px
}
.mk-photo-album figcaption {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
text-align: center;
z-index: 4
}
.mk-photo-album .album-sneak-peak {
position: relative;
z-index: 20;
text-align: center;
opacity: 0;
visibility: hidden;
transition: opacity .2s, visibility .2s
}
.mk-photo-album .album-sneak-peak .album-sneak-item {
height: 100%
}
.mk-photo-album .album-sneak-peak .album-sneak-item:before {
content: '';
display: inline-block;
height: 100%;
vertical-align: middle
}
.mk-photo-album .album-sneak-peak .album-sneak-item img {
display: inline-block;
vertical-align: middle;
box-sizing: border-box
}
.mk-photo-album .album-sneak-peak.diamond {
width: 100%;
display: block;
height: 100%
}
.mk-photo-album .album-sneak-peak.diamond svg {
width: 0;
height: 0
}
.mk-photo-album .album-sneak-peak.diamond .album-sneak-item {
display: none
}
.mk-photo-album .album-sneak-peak.diamond .album-sneak-item .diamond-clip {
height: 80%;
width: auto;
max-width: 100%;
-webkit-clip-path: url(#polygon-clip-rhombus);
clip-path: url(#polygon-clip-rhombus);
-webkit-clip-path: polygon(50% 0, 100% 50%, 50% 100%, 0 50%);
clip-path: polygon(50% 0, 100% 50%, 50% 100%, 0 50%)
}
.mk-photo-album .album-sneak-peak.diamond .album-sneak-item:first-child {
position: relative;
z-index: 3;
display: block
}
.mk-photo-album .album-sneak-peak.diamond .album-sneak-item:last-child, .mk-photo-album .album-sneak-peak.diamond .album-sneak-item:nth-child(2) {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%
}
.mk-photo-album .album-sneak-peak.diamond .album-sneak-item:nth-child(2) {
z-index: 2
}
.mk-photo-album .album-sneak-peak.diamond .album-sneak-item:last-child {
z-index: 1
}
.mk-photo-album .album-sneak-peak.circle, .mk-photo-album .album-sneak-peak.rectangle {
display: inline-block
}
.mk-photo-album .album-sneak-peak.circle .album-sneak-item, .mk-photo-album .album-sneak-peak.rectangle .album-sneak-item {
max-width: 150px
}
.mk-photo-album .album-sneak-peak.circle .album-sneak-item img, .mk-photo-album .album-sneak-peak.rectangle .album-sneak-item img {
border: 2px solid #fff;
box-shadow: 0 0 2px rgba(0,0,0,.4)
}
.mk-photo-album .album-sneak-peak.rectangle {
height: 70%
}
.mk-photo-album .album-sneak-peak.rectangle .album-sneak-item {
position: relative;
transition: -webkit-transform .3s;
transition: transform .3s;
transition: transform .3s, -webkit-transform .3s
}
.mk-photo-album .album-sneak-peak.rectangle .album-sneak-item img {
position: relative;
width: 30%;
max-width: 150px
}
.mk-photo-album .album-sneak-peak.rectangle .album-sneak-item:first-child {
z-index: 23;
left: 20%;
-webkit-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0)
}
.mk-photo-album .album-sneak-peak.rectangle .album-sneak-item:first-child img {
top: 10%
}
.mk-photo-album .album-sneak-peak.rectangle .album-sneak-item:nth-child(2) {
z-index: 22;
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0);
transition-delay: .02s
}
.mk-photo-album .album-sneak-peak.rectangle .album-sneak-item:nth-child(2) img {
max-width: 90%;
top: -5%
}
.mk-photo-album .album-sneak-peak.rectangle .album-sneak-item:last-child {
z-index: 21;
text-align: left;
left: -20%;
-webkit-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0);
transition-delay: .04s
}
.mk-photo-album .album-sneak-peak.rectangle .album-sneak-item:last-child img {
max-width: 80%;
top: 5%
}
.mk-photo-album .album-sneak-peak.circle {
height: 70%
}
.mk-photo-album .album-sneak-peak.circle .album-sneak-item {
position: relative
}
.mk-photo-album .album-sneak-peak.circle .album-sneak-item img {
border-radius: 50%;
width: 30%;
max-width: 150px
}
.mk-photo-album .album-sneak-peak.circle .album-sneak-item:first-child, .mk-photo-album .album-sneak-peak.circle .album-sneak-item:last-child, .mk-photo-album .album-sneak-peak.circle .album-sneak-item:nth-child(2) {
-webkit-transform: scale(.8);
-ms-transform: scale(.8);
transform: scale(.8);
transition: -webkit-transform .3s;
transition: transform .3s;
transition: transform .3s, -webkit-transform .3s
}
.mk-photo-album .album-sneak-peak.circle .album-sneak-item:first-child, .mk-photo-album .album-sneak-peak.circle .album-sneak-item:last-child {
z-index: 21
}
.mk-photo-album .album-sneak-peak.circle .album-sneak-item:first-child img, .mk-photo-album .album-sneak-peak.circle .album-sneak-item:last-child img {
-webkit-transform: scale(.75);
-ms-transform: scale(.75);
transform: scale(.75)
}
.mk-photo-album .album-sneak-peak.circle .album-sneak-item:first-child {
text-align: right;
right: -25px;
transition-delay: .02s
}
.mk-photo-album .album-sneak-peak.circle .album-sneak-item:last-child {
text-align: left;
left: -25px
}
.mk-photo-album .album-sneak-peak.circle .album-sneak-item:nth-child(2) {
z-index: 22;
transition-delay: .04s
}
.mk-photo-album .item-meta {
opacity: 0;
visibility: hidden;
text-align: center;
padding: 30px;
width: 100%;
position: absolute;
bottom: 0;
box-sizing: border-box;
z-index: 30
}
.mk-photo-album .item-meta .description, .mk-photo-album .item-meta .the-title {
color: #fff!important;
margin: 0;
padding: 0;
position: relative;
z-index: 2;
text-align: center
}
.mk-photo-album .item-meta .the-title {
margin-bottom: 10px
}
.mk-photo-album .item-meta:after {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%
}
.mk-photo-album .item-meta.bar:after {
content: '';
background-color: #000;
opacity: .8;
z-index: 1
}
.mk-photo-album .item-meta.gradient:after {
content: '';
background: rgba(0,0,0,0);
background: -webkit-gradient(left top, left bottom, color-stop(0, rgba(0,0,0,0)), color-stop(100%, #000));
background: linear-gradient(to bottom, rgba(0,0,0,0) 0, #000 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#000000', GradientType=0)
}
.mk-photo-album .item-meta.anim-fade_in {
transition: opacity .2s, visibility .2s
}
.mk-photo-album .item-meta.anim-slide_from_bottom {
-webkit-transform: translate3D(0, 20px, 0);
-ms-transform: translate3D(0, 20px, 0);
transform: translate3D(0, 20px, 0);
transition: opacity .2s, visibility .2s, -webkit-transform .3s;
transition: opacity .2s, visibility .2s, transform .3s;
transition: opacity .2s, visibility .2s, transform .3s, -webkit-transform .3s
}
.mk-photo-album .item-meta.anim-scale_in {
-webkit-transform: scale(.9);
-ms-transform: scale(.9);
transform: scale(.9);
transition: opacity .2s, visibility .2s, -webkit-transform .3s;
transition: opacity .2s, visibility .2s, transform .3s;
transition: opacity .2s, visibility .2s, transform .3s, -webkit-transform .3s
}
.mk-photo-album .item-meta.anim-scale_in:after {
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1)
}
.mk-photo-album.img-hover-anim-blur .mk-album-item figure:hover .item-blur-thumbnail {
opacity: 1
}
.mk-photo-album .mk-album-item figure:hover .album-cover-image {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
.mk-photo-album .mk-album-item figure:hover .overlay.anim-fade_in {
opacity: 1;
visibility: visible
}
.mk-photo-album .mk-album-item figure:hover .overlay.anim-ripple {
opacity: 1;
visibility: visible;
-webkit-transform: scale(10);
-ms-transform: scale(10);
transform: scale(10)
}
.mk-photo-album .mk-album-item figure:hover .item-meta.anim-fade_in {
opacity: 1;
visibility: visible
}
.mk-photo-album .mk-album-item figure:hover .item-meta.anim-slide_from_bottom {
opacity: 1;
visibility: visible;
-webkit-transform: translate3D(0, 0, 0);
-ms-transform: translate3D(0, 0, 0);
transform: translate3D(0, 0, 0)
}
.mk-photo-album .mk-album-item figure:hover .item-meta.anim-scale_in {
opacity: 1;
visibility: visible;
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1)
}
.mk-photo-album .mk-album-item figure:hover .album-sneak-peak {
opacity: 1;
visibility: visible
}
.mk-photo-album .mk-album-item figure:hover .album-sneak-peak.rectangle .album-sneak-item {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
.mk-photo-album.without-hover-thumbnail .album-sneak-peak.rectangle .album-sneak-item {
transform: translate3d(0, 0, 0)!important;
-webkit-transform: translate3d(0, 0, 0)!important
}
.mk-photo-album .mk-album-item figure:hover .album-sneak-peak.circle .album-sneak-item {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1)
}
.mk-photo-album.without-hover-thumbnail .album-sneak-peak.circle .album-sneak-item {
transform: scale(1)!important;
-ms-transform: scale(1)!important;
-webkit-transform: scale(1)!important
}
.mk-photo-album.without-hover-title .item-meta {
opacity: 1;
visibility: visible
}
.mk-photo-album.without-hover-thumbnail .album-sneak-peak {
opacity: 1;
visibility: visible
}
.mk-photo-album.without-hover-thumbnail .album-sneak-peak .album-sneak-item {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
.mk-photo-album.without-hover-overlay .overlay {
opacity: 1;
visibility: visible
}
@media handheld, only screen and (max-width:1024px) {
.mk-photo-album .mk--col.mk--col--12-12, .mk-photo-album .mk--col.mk--col--3-12, .mk-photo-album .mk--col.mk--col--4-12, .mk-photo-album .mk--col.mk--col--6-12 {
width: 50%
}
}
@media handheld, only screen and (max-width:767px) {
.mk-photo-album .mk--col.mk--col--12-12, .mk-photo-album .mk--col.mk--col--3-12, .mk-photo-album .mk--col.mk--col--4-12, .mk-photo-album .mk--col.mk--col--6-12 {
width: 100%
}
}
.admin-bar .slick-slider-wrapper {
top: 32px
}
@media screen ('max-width:768px') {
.admin-bar .slick-slider-wrapper {
top:46px
}
.admin-bar .slick-slides {
height:calc(100vh - 156px)!important
}
}
.slick-slider-wrapper {
position: fixed;
left: 0;
top: 0;
background-color: #000;
z-index: 9999;
opacity: 0;
transition: opacity .2s;
direction: ltr
}
.slick-slider-wrapper.is-active {
opacity: 1
}
.slick-slider-wrapper .slick-header {
height: 70px
}
.slick-slider-wrapper .slick-header .slick-title {
line-height: 70px;
display: inline-block;
font-weight: 700;
font-size: 22px;
margin-left: 45px;
color: #fff
}
.slick-slider-wrapper .slick-header .slick-close-icon {
display: inline-block;
position: absolute;
right: 35px;
top: 35px;
margin-top: -17px;
transition: opacity .2s
}
.slick-slider-wrapper .slick-header .slick-close-icon svg {
display: block
}
.slick-slider-wrapper .slick-header .slick-close-icon:hover {
opacity: .7
}
.slick-slider-wrapper .slick-slides {
height: calc(100vh - 110px)
}
.admin-bar .slick-slider-wrapper .slick-slides {
height: calc(100vh - 142px)
}
.slick-slider-wrapper .slick-slides .slick-list, .slick-slider-wrapper .slick-slides .slick-track {
height: 100%;
overflow: hidden
}
.slick-slider-wrapper .slick-slides .slick-slide {
display: block;
float: left;
outline: 0;
opacity: .2;
transition: opacity .2s;
height: 100%
}
.slick-slider-wrapper .slick-slides .slick-slide.slick-active {
opacity: 1
}
.slick-slider-wrapper .slick-slides .slick-arrow {
position: absolute;
top: 50%;
display: block;
margin-top: -32px;
z-index: 9998;
transition: opacity .2s
}
.slick-slider-wrapper .slick-slides .slick-arrow svg {
display: block
}
.slick-slider-wrapper .slick-slides .slick-arrow.slick-prev {
left: 50px
}
.slick-slider-wrapper .slick-slides .slick-arrow.slick-next {
right: 50px
}
.slick-slider-wrapper .slick-slides .slick-arrow:hover {
opacity: .7
}
.slick-slider-wrapper .slick-slides .slick-dots {
position: absolute;
height: 40px;
text-align: center;
margin: 0;
z-index: 9998;
width: 100%
}
.slick-slider-wrapper .slick-slides .slick-dots li {
display: inline-block;
width: 95px;
height: 95px;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
transition: opacity .2s, -webkit-transform .2s;
transition: transform .2s, opacity .2s;
transition: transform .2s, opacity .2s, -webkit-transform .2s;
margin-left: 0;
opacity: .5
}
.slick-slider-wrapper .slick-slides .slick-dots li .slick-dot {
width: 100%;
height: 100%;
background-position: center center;
background-size: cover
}
.slick-slider-wrapper .slick-slides .slick-dots li.slick-active, .slick-slider-wrapper .slick-slides .slick-dots li:hover {
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
opacity: 1
}
.slick-slide img {
width: auto
}
.slick-footer {
height: 39px;
border-top: 1px solid rgba(255,255,255,.2);
text-align: right
}
.slick-footer .footer-box {
float: right;
border-left: 1px solid rgba(255,255,255,.2);
width: 39px;
height: 39px;
position: relative;
z-index: 9999
}
.slick-footer .footer-box .slick-minimize, .slick-footer .footer-box .slick-pause {
position: absolute;
top: 0;
left: 0
}
.slick-footer .footer-box .slick-social-share {
position: absolute;
right: 100%;
top: 0;
height: 40px;
width: 100px;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
transition: opacity .2s, -webkit-transform .4s;
transition: opacity .2s, transform .4s;
transition: opacity .2s, transform .4s, -webkit-transform .4s
}
.slick-footer .footer-box .slick-social-share.is-hidden {
-webkit-transform: translate3d(20px, 0, 0);
transform: translate3d(20px, 0, 0)
}
.slick-footer .footer-box .slick-social-share a {
display: inline-block;
float: left;
width: 29px;
height: 39px;
line-height: 39px
}
.slick-footer .footer-box .slick-social-share a svg {
fill: #fff;
vertical-align: middle
}
.slick-footer .footer-box .slick-social-share a:hover {
opacity: .7
}
.slick-footer .footer-box>a {
display: inline-block;
width: 39px;
height: 39px;
line-height: 45px;
text-align: center;
transition: opacity .2s, visibility .2s
}
.slick-footer .footer-box>a svg {
display: inline-block
}
.slick-footer .footer-box>a:hover {
opacity: .7
}
.slick-footer .is-hidden {
opacity: 0;
visibility: hidden
}
.slick-footer, .slick-header, .slick-slider {
background: #000
}
.slick-footer>a, .slick-nav-holder {
position: relative;
width: 100%!important;
height: 100%!important
}
@media handheld, only screen and (max-width:1024px) {
.slick-footer .footer-box .slick-pause {
position: static
}
.slick-slider-wrapper .slick-slides .slick-arrow:hover {
opacity: 1
}
.slick-slider-wrapper .slick-slides .slick-arrow:hover svg {
opacity: .7
}
.gallery-full-screen, .slick-slider-wrapper .slick-slides .slick-dots {
display: none!important
}
.slick-footer {
height: 0;
border: none
}
.slick-slider-wrapper .slick-slides {
height: calc(100% - 70px)
}
.admin-bar .slick-slider-wrapper .slick-slides {
height: calc(100% - 102px)
}
.gallery-play, .gallery-share, .slick-next, .slick-prev {
background: rgba(17,17,17,.6);
width: 50px!important;
height: 50px!important;
border-radius: 50%;
border-left-color: transparent!important;
position: fixed!important;
bottom: 25px!important;
top: auto!important;
left: auto!important
}
.footer-box svg, .slick-nav-holder svg {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate3d(-50%, -50%, 0)!important;
transform: translate3d(-50%, -50%, 0)!important;
-webkit-transform-origin: center center!important;
-ms-transform-origin: center center!important;
transform-origin: center center!important
}
.footer-box .slick-social-share svg {
top: auto;
left: auto;
height: 26px!important;
width: 26px!important
}
.slick-next {
right: 20px!important
}
.slick-prev {
right: 85px!important
}
.gallery-share {
right: 150px!important
}
.gallery-play {
right: 215px!important
}
.slick-social-share {
position: fixed!important;
bottom: 75px!important;
right: 128px!important;
top: auto!important
}
}
@media handheld, only screen and (max-width:786px) {
.admin-bar .slick-slider-wrapper {
top: 46px
}
.admin-bar .slick-slider-wrapper .slick-slides {
height: calc(100% - 88px)
}
}
.slick-prev svg {
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg)
}
.ajax-container {
position: relative;
overflow: hidden;
height: 0;
margin: 0 auto;
opacity: 0
}
.ajax_project {
padding: 20px;
margin-bottom: 20px;
border: 1px solid #ddd;
border-top: none
}
.ajax-controls {
border: 1px solid #ddd;
overflow: hidden;
margin-top: 20px
}
.ajax-controls a {
float: right;
width: 37px;
height: 37px;
text-align: center;
border-left: 1px solid #ddd
}
.ajax-controls svg {
height: 16px;
fill: #bbb;
-webkit-transform: translateY(10px);
-ms-transform: translateY(10px);
transform: translateY(10px)
}
.ajax-controls a:hover svg {
fill: #222
}
@media handheld, only screen and (max-width:960px) {
.ajax-portfolio-share.portfolio-social-share {
text-align: center
}
.ajax-portfolio-share.portfolio-social-share .blog-share-container, .ajax-portfolio-share.portfolio-social-share .mk-love-holder {
float: none!important
}
.ajax-portfolio-share.portfolio-social-share.single-social-section .single-share-box {
left: -120px!important;
right: auto!important;
bottom: -60px!important;
width: 180px!important
}
.ajax-portfolio-share.portfolio-social-share.single-social-section .single-share-box:before {
display: none!important
}
}
.portfolio-loader {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
display: none
}
.portfolio-loader .mk-preloader {
position: relative;
left: auto;
margin: 0;
top: auto
}
.portfolio-loader>div {
background: #fff;
border-radius: 50%;
padding: 10px;
left: 50%;
margin-left: -30px;
margin-top: -30px;
position: absolute;
top: 50%
}
.portfolio-grid {
overflow: hidden
}
.mk-fullwidth-true .mk-portfolio-container.mk-portfolio-grid {
width: 100.5%!important
}
.mk-portfolio-classic-item {
float: left
}
.mk-portfolio-classic-item {
margin-top: 20px
}
.mk-portfolio-classic-item .item-holder {
margin: 0 10px 20px 10px;
background-color: #fff;
border: 1px solid #efefef;
overflow: hidden
}
.mk-portfolio-classic-item .the-title {
padding: 0!important
}
.mk-portfolio-classic-item .hover-icon {
position: absolute;
top: 50%;
display: block;
margin-top: -22px;
opacity: 0;
padding: 6px 10px;
border-radius: 2px;
text-align: center
}
.mk-portfolio-classic-item .mk-svg-icon {
fill: #fff;
height: 32px;
width: 32px;
overflow: visible
}
.mk-portfolio-classic-item .from-left {
margin-left: -50px;
right: auto;
left: 45%
}
.mk-portfolio-classic-item .from-right {
margin-right: -50px;
right: 45%
}
.mk-portfolio-classic-item .from-right.move-to-right {
margin-right: -20px!important
}
.mk-portfolio-classic-item .featured-image {
position: relative
}
.mk-portfolio-classic-item .featured-image img {
position: relative;
width: 100%
}
.mk-portfolio-classic-item .featured-image.hover .hover-icon, .mk-portfolio-classic-item .featured-image:hover .hover-icon {
opacity: 1
}
.mk-portfolio-classic-item .featured-image.hover .from-left, .mk-portfolio-classic-item .featured-image:hover .from-left {
left: 50%
}
.mk-portfolio-classic-item .featured-image.hover .from-right, .mk-portfolio-classic-item .featured-image:hover .from-right {
right: 50%
}
.mk-portfolio-classic-item .featured-image.hover .image-hover-overlay, .mk-portfolio-classic-item .featured-image:hover .image-hover-overlay {
opacity: .8
}
.portfolio-meta-wrapper {
padding: 20px
}
.portfolio-meta-wrapper .the-title {
line-height: 20px!important;
margin-bottom: 8px;
font-size: 14px!important
}
.portfolio-meta-wrapper .the-title a {
text-transform: uppercase;
letter-spacing: 1px
}
.portfolio-meta-wrapper .portfolio-categories a {
font-size: 11px;
letter-spacing: 1px;
text-transform: uppercase
}
.portfolio-meta-wrapper .the-excerpt {
margin-top: 10px;
margin-bottom: 0;
opacity: .8
}
.mk-portfolio-grid-item {
float: left;
overflow: hidden
}
.mk-portfolio-grid-item .the-title a, .mk-portfolio-masonry-item .the-title a {
color: #fff
}
.mk-fullwidth-false .mk-portfolio-grid-item.six-column .portfolio-meta {
display: none
}
.mk-fullwidth-true .mk-portfolio-grid-item.two-column {
width: 49.96%
}
.portfolio-grid-lazyload .portfolio-image {
background-color: #e0e0e0
}
.mk-fullwidth-true .mk-portfolio-grid-item.five-column {
width: 19.96%
}
.mk-fullwidth-true .mk-portfolio-grid-item.six-column {
width: 16.6666666666667%
}
.mk-portfolio-container {
transition: height .3s .3s
}
.mk-portfolio-container:after, .mk-portfolio-container:before {
content: " ";
display: table
}
.mk-portfolio-container:after {
clear: both
}
.mk-portfolio-container.grid-spacing-true .one-column {
margin: 0!important
}
.mk-portfolio-container.grid-spacing-true .four-column {
width: 25%
}
.mk-isotop-item {
float: left
}
.mk-portfolio-masonry-item {
position: relative;
width: 12.5%;
overflow: hidden;
border-top-width: 0;
border-style: solid;
border-color: transparent;
box-sizing: border-box;
float: left
}
.mk-portfolio-masonry-item.size_two_x_two_x, .mk-portfolio-masonry-item.size_two_x_x {
width: 25%
}
.mk-portfolio-masonry-item.size_three_x_two_x, .mk-portfolio-masonry-item.size_three_x_x {
width: 37.5%
}
.mk-portfolio-masonry-item.size_four_x_two_x, .mk-portfolio-masonry-item.size_four_x_x {
width: 50%
}
.mk-portfolio-masonry-item .item-holder {
margin: 0
}
@media handheld, only screen and (max-width:1280px) {
.mk-portfolio-masonry-item.size_three_x_two_x, .mk-portfolio-masonry-item.size_three_x_x, .mk-portfolio-masonry-item.size_x_two_x, .mk-portfolio-masonry-item.size_x_x {
width: 25%
}
.mk-portfolio-masonry-item.size_two_x_two_x, .mk-portfolio-masonry-item.size_two_x_x {
width: 25%
}
.mk-portfolio-masonry-item.size_four_x_two_x, .mk-portfolio-masonry-item.size_four_x_x, .mk-portfolio-masonry-item.size_two_x_two_x, .mk-portfolio-masonry-item.size_two_x_x {
width: 50%
}
}
@media handheld, only screen and (max-width:1140px) {
.mk-portfolio-masonry-item.size_three_x_two_x, .mk-portfolio-masonry-item.size_three_x_x, .mk-portfolio-masonry-item.size_two_x_two_x, .mk-portfolio-masonry-item.size_two_x_x, .mk-portfolio-masonry-item.size_x_two_x, .mk-portfolio-masonry-item.size_x_x {
width: 50%
}
.mk-portfolio-masonry-item.size_two_x_two_x, .mk-portfolio-masonry-item.size_two_x_x {
width: 50%
}
.mk-portfolio-masonry-item.size_four_x_two_x, .mk-portfolio-masonry-item.size_four_x_x {
width: 100%
}
}
@media handheld, only screen and (max-width:850px) {
.mk-portfolio-masonry-item.size_x_two_x, .mk-portfolio-masonry-item.size_x_x {
width: 50%
}
.mk-portfolio-masonry-item.size_two_x_two_x, .mk-portfolio-masonry-item.size_two_x_x {
width: 100%
}
.mk-portfolio-masonry-item.size_three_x_two_x, .mk-portfolio-masonry-item.size_three_x_x {
width: 100%
}
.mk-portfolio-masonry-item.size_four_x_two_x, .mk-portfolio-masonry-item.size_four_x_x {
width: 100%
}
}
@media handheld, only screen and (max-width:600px) {
.mk-portfolio-masonry-item {
width: 100%
}
}
.mk-portfolio-masonry-item .featured-image {
line-height: 4px;
position: relative
}
.mk-portfolio-masonry-item .featured-image>img {
max-width: 100%;
width: 100%!important
}
.mk-portfolio-video, .single-featured-image {
margin-bottom: 20px
}
.portfolio-social-share {
margin-bottom: 20px;
padding-bottom: 20px
}
.portfolio-social-share.single-social-section .single-share-box {
left: -220px!important
}
@media handheld, only screen and (max-width:960px) {
.portfolio-social-share.single-social-section .single-share-box {
right: -200px;
left: auto!important
}
}
.portfolio-title {
display: block;
font-size: 26px!important;
padding-bottom: 10px;
margin-bottom: 5px;
border-bottom: 3px solid #ddd
}
.portfolio-single-cat {
float: left;
margin-bottom: 20px;
font-weight: 700;
text-transform: uppercase;
font-size: 13px
}
.portfolio-desc {
margin-bottom: 20px;
padding-right: 40px
}
.portfolio-single-content {
margin-bottom: 40px
}
.portfolio-similar-posts {
padding: 60px 0;
border-top: 1px solid #dfe2e5;
background-color: rgba(0,0,0,.03)
}
.portfolio-similar-posts .similar-post-title {
font-size: 16px;
text-transform: uppercase;
color: #3f3f3f;
margin-bottom: 50px;
text-align: center;
letter-spacing: 3px
}
.portfolio-similar-posts ul {
margin: 0;
padding: 0;
line-height: 4px;
text-align: center;
width: 100%
}
.portfolio-similar-posts ul li {
display: inline-block;
margin: 0;
padding: 0;
width: 25%
}
@media handheld, only screen and (max-width:960px) {
.portfolio-similar-posts ul li {
width: 33.33%
}
}
@media handheld, only screen and (max-width:780px) {
.portfolio-similar-posts ul li {
width: 50%
}
}
@media handheld, only screen and (max-width:550px) {
.portfolio-similar-posts ul li {
width: 100%
}
}
.portfolio-similar-posts-image {
position: relative;
line-height: 4px
}
.portfolio-similar-posts-image .modern-post-type-icon {
top: 4%;
display: block;
width: 100%;
left: 0;
margin-left: 0!important;
padding: 20px 0;
position: absolute;
opacity: 0;
text-align: center;
line-height: 100px;
color: #fff;
z-index: 50;
transition: opacity .3s, top .3s
}
.portfolio-similar-posts-image .modern-post-type-icon svg {
height: 48px;
overflow: visible
}
.portfolio-similar-posts-image img {
width: 100%;
max-width: 100%;
position: relative
}
.portfolio-similar-posts-image .portfolio-similar-meta {
bottom: 0
}
.portfolio-similar-posts-image:hover .portfolio-similar-meta {
opacity: 1;
bottom: 10px
}
.portfolio-similar-posts-image:hover .modern-post-type-icon {
opacity: 1;
top: 7%
}
.portfolio-similar-posts-image:hover .image-hover-overlay {
opacity: .8
}
.portfolio-similar-meta {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
text-align: center;
padding: 20px;
line-height: 22px;
opacity: 0
}
.portfolio-similar-meta .the-title {
color: #fff;
font-size: 14px;
line-height: 18px;
font-weight: 700
}
.portfolio-similar-meta .portfolio-categories {
color: #fff
}
#mk-filter-portfolio ul {
margin: 0;
padding: 0;
list-style: none;
float: left;
display: inline-block;
width: 100%
}
#mk-filter-portfolio ul.align-left {
text-align: left
}
#mk-filter-portfolio ul.align-center {
text-align: center
}
#mk-filter-portfolio ul.align-right {
text-align: right
}
#mk-filter-portfolio ul li {
display: inline-block;
margin: 0 10px 10px 0
}
#mk-filter-portfolio.sortable-classic-style {
padding: 40px 0
}
#mk-filter-portfolio.sortable-classic-style ul li {
margin: 8px
}
#mk-filter-portfolio.sortable-classic-style ul li a {
padding: 14px 16px;
line-height: 13px;
font-size: 13px;
color: #333;
color: #323232;
display: block;
letter-spacing: 1px
}
#mk-filter-portfolio.sortable-classic-style ul li a.current {
background-color: #969696;
background-color: rgba(0,0,0,.08);
border-radius: 2px
}
#mk-filter-portfolio.sortable-outline-style {
padding: 30px 0
}
#mk-filter-portfolio.sortable-outline-style.portfolio-fiter-classic {
margin-bottom: 20px
}
#mk-filter-portfolio.sortable-outline-style ul li {
margin: 8px
}
#mk-filter-portfolio.sortable-outline-style ul li a {
padding: 11px 12px;
line-height: 13px;
font-size: 13px;
font-weight: 700;
display: block;
border: 2px solid transparent;
letter-spacing: 1px;
position: relative
}
.portfolio-carousel.style-classic .mk-fancy-title {
margin-right: 35px
}
.portfolio-carousel.style-classic .view-all {
float: right;
padding: 0 7px;
font-size: 11px
}
.portfolio-carousel.style-classic .flex-viewport ul {
margin: 0;
padding: 0;
list-style: none
}
.portfolio-carousel.style-classic .flex-viewport ul li {
position: relative;
padding-right: 15px;
min-height: 230px
}
.portfolio-carousel.style-classic .flex-viewport ul li:hover .item-content {
opacity: 1;
-webkit-transform: translate(0, 0);
-ms-transform: translate(0, 0);
transform: translate(0, 0);
transition-delay: .2s
}
.portfolio-carousel.style-classic .flex-viewport ul li:hover .item-overlay {
opacity: .7
}
.portfolio-carousel.style-classic .flex-viewport ul li:hover .item-lightbox {
left: 85px;
opacity: 1
}
.portfolio-carousel.style-classic .flex-viewport ul li:hover .item-permalink {
right: 85px;
opacity: 1
}
.portfolio-carousel.style-classic .flex-direction-nav a {
position: absolute;
top: -43px
}
.portfolio-carousel.style-classic .flex-direction-nav .mk-svg-icon {
fill: #aaa
}
.portfolio-carousel.style-classic .flex-prev {
right: 20px
}
.portfolio-carousel.style-classic .flex-next {
right: 0
}
.portfolio-carousel .item-thumb {
position: relative;
overflow: hidden
}
.portfolio-carousel .item-overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
opacity: 0
}
.item-permalink, .portfolio-carousel .item-lightbox {
padding: 5px;
position: absolute;
top: 40%;
width: 32px;
height: 32px;
line-height: 32px;
display: block;
text-align: center;
border-radius: 2px
}
.item-permalink svg, .portfolio-carousel .item-lightbox svg {
fill: #fff;
height: 32px;
margin-top: -4px
}
.portfolio-carousel .item-lightbox {
left: 65px;
opacity: 0
}
.portfolio-carousel .item-permalink {
right: 65px;
opacity: 0
}
.portfolio-carousel .item-content {
position: relative;
margin: -40px auto 0;
padding: 14px;
width: 240px;
background-color: #222;
text-align: center;
-webkit-transform: translate(0, 6px);
-ms-transform: translate(0, 6px);
transform: translate(0, 6px);
border-radius: 2px;
opacity: 0;
transition-delay: 0s
}
.portfolio-carousel .item-title {
display: inline-block;
color: #fff!important;
letter-spacing: 1px;
font-weight: 700;
font-size: 12px;
margin-bottom: 8px;
line-height: 16px!important
}
.portfolio-carousel .item-cats {
display: block;
letter-spacing: 1px;
font-size: 11px;
font-style: italic;
line-height: 16px
}
.portfolio-carousel.style-modern .featured-image {
position: relative
}
.portfolio-carousel.style-modern .featured-image img {
position: relative;
max-width: 100%;
width: auto\9;
height: auto;
border: 0;
vertical-align: middle;
-ms-interpolation-mode: bicubic
}
.portfolio-carousel.style-modern .featured-image:hover .item-cats {
opacity: 1
}
.portfolio-carousel.style-modern .featured-image:hover .portfolio-meta {
opacity: 1
}
.portfolio-carousel.style-modern .featured-image:hover .image-hover-overlay {
opacity: .85
}
.portfolio-carousel.style-modern .image-hover-overlay {
background-color: #000!important
}
.portfolio-carousel.style-modern .the-title {
padding: 0 20px;
color: #fff;
font-weight: 700;
font-size: 14px;
line-height: 18px
}
.portfolio-carousel.style-modern .portfolio-meta {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
text-align: center;
text-transform: uppercase;
transition: all .4s ease-in-out;
opacity: 0
}
.portfolio-carousel.style-modern .item-cats {
padding: 0 20px;
color: #fff;
opacity: 0;
transition: opacity .5s ease-in-out
}
.portfolio-carousel.style-modern .flex-direction-nav a {
position: absolute;
top: 50%;
margin-top: -27.5px;
width: 55px;
height: 55px;
background-color: rgba(0,0,0,.4);
text-align: center;
line-height: 60px;
z-index: 30
}
.portfolio-carousel.style-modern .flex-direction-nav a:hover {
background-color: rgba(0,0,0,.6)
}
.portfolio-carousel.style-modern .flex-direction-nav .mk-svg-icon {
fill: #fff;
height: 16px!important;
width: 16px!important
}
.portfolio-carousel.style-modern .flex-direction-nav a.flex-prev {
left: 0
}
.portfolio-carousel.style-modern .flex-direction-nav a.flex-next {
right: 0
}
.portfolio-carousel.style-classic .flex-direction-nav svg {
fill: rgba(0,0,0,.4);
height: 16px!important;
width: 16px!important;
margin-top: 0!important
}
.portfolio-carousel.style-classic .flex-direction-nav a:hover svg {
fill: rgba(0,0,0,.6)
}
.pricing-table {
margin: 30px 0 40px;
text-align: left
}
.pricing-offer-grid {
width: 18%;
display: inline-block;
vertical-align: top;
float: left
}
.pricing-offer-grid p {
margin-bottom: 0
}
.pricing-offer-grid .offers ul {
margin: 0;
padding: 0;
list-style: none;
text-align: right
}
.pricing-offer-grid .offers ul li {
margin: 0 20px 0 0;
line-height: 16px;
padding: 15px 0;
display: block;
width: auto;
font-size: 12px;
border-bottom: 1px dotted #ccc
}
.no-pricing-offer .pricing-cols {
width: 100%!important
}
.pricing-cols {
display: inline-block;
margin: 0;
padding: 0;
width: 82%;
list-style: none;
text-align: center
}
.pricing-cols li {
padding: 0;
margin: 0 1px;
display: inline-block;
vertical-align: top;
text-align: center;
max-width: 300px
}
.pricing-cols li.pricing-col {
position: relative;
overflow: hidden
}
.pricing-cols li.featured-plan {
margin: -24px -3px 0 -3px
}
.pricing-cols li.featured-plan .pricing-plan {
padding: 27px 0
}
.pricing-cols li.featured-plan .pricing-button {
padding: 22px 0
}
.pricing-cols li.four-table {
width: 24.5%
}
.pricing-cols li.three-table {
width: 32.5%
}
.pricing-cols li.two-table {
width: 49.5%
}
.pricing-cols li.one-table {
width: 100%
}
.pricing-cols .pricing-heading {
position: relative
}
.pricing-cols .pricing-plan {
font-size: 16px;
line-height: 16px;
text-transform: uppercase;
padding: 15px 0;
display: block
}
.pricing-cols .pricing-price {
height: 120px;
display: table;
width: 100%
}
.pricing-cols .pricing-price sub, .pricing-cols .pricing-price sup {
font-size: 24px;
padding: 0 5px
}
.pricing-cols .pricing-price sub {
vertical-align: middle
}
.pricing-cols .pricing-price span {
display: table-cell;
vertical-align: middle;
position: relative
}
.pricing-cols .pricing-features ul {
margin: 0;
padding: 0;
position: relative
}
.pricing-cols .pricing-features ul li {
font-size: 12px;
line-height: 16px;
padding: 15px 0;
display: block;
margin: 0;
width: auto
}
.pricing-cols .pricing-features ul li .mk-icon-check, .pricing-cols .pricing-features ul li .mk-icon-ok {
color: #26cca4
}
.pricing-cols .pricing-features ul li .mk-icon-remove {
color: #e74a4a
}
.pricing-cols .pricing-features ul li .mk-icon-star {
color: #26cca4;
margin-left: 3px
}
.pricing-cols .pricing-features ul li .mk-icon-star.empty {
color: #b0b0b0
}
.pricing-cols .pricing-features .rating-star {
line-height: 12px;
margin: 0 auto;
font-size: 16px;
color: #7d7c78
}
.pricing-cols .pricing-button {
padding: 20px 0;
border-top: none
}
#theme-page .pricing-table .pricing-cols .pricing-button .mk-button-container {
margin-right: 0
}
.pricing-cols .pricing-button a {
position: relative;
margin: 0 auto;
padding: 9px 25px
}
.multicolor.pricing-table .pricing-offer-grid {
padding-top: 166px
}
.multicolor.pricing-table .no-pricing-offer .pricing-cols {
width: 100%!important
}
.multicolor.pricing-table .pricing-cols {
display: inline-block;
margin: 0;
padding: 0;
list-style: none
}
.multicolor.pricing-table .pricing-cols li {
padding: 0;
margin: 0 1px;
display: inline-block;
vertical-align: top;
text-align: center
}
.multicolor.pricing-table .pricing-cols li.pricing-col {
position: relative;
border-radius: 3px;
overflow: hidden
}
.multicolor.pricing-table .pricing-cols li.featured-plan {
margin: -24px -3px 0 -3px;
box-shadow: 0 0 35px 2px rgba(0,0,0,.2)
}
.multicolor.pricing-table .pricing-cols li.featured-plan .pricing-plan {
padding: 27px 0
}
.multicolor.pricing-table .pricing-cols li.featured-plan .pricing-button {
padding: 22px 0
}
.multicolor.pricing-table .pricing-cols .pricing-heading {
box-shadow: inset 0 0 0 1px rgba(0,0,0,.2)
}
.multicolor.pricing-table .pricing-cols .pricing-heading .premium-ribbon {
background-color: #ffd565;
color: #7b683c;
width: 120px;
line-height: 12px;
font-size: 10px;
font-weight: 700;
padding: 4px 0;
display: inline-block;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
position: absolute;
right: -33px;
top: 16px;
text-shadow: 0 1px 0 rgba(255,255,255,.5);
box-shadow: 0 3px 0 0 rgba(0,0,0,.1)
}
.multicolor.pricing-table .pricing-cols .pricing-plan {
color: #fff;
font-weight: lighter;
font-size: 16px;
line-height: 16px;
text-transform: uppercase;
padding: 15px 0;
background-color: rgba(0,0,0,.2);
display: block;
text-shadow: 1px 1px 0 rgba(0,0,0,.3)
}
.multicolor.pricing-table .pricing-cols .pricing-price {
border-top: 1px solid rgba(255,255,255,.2);
height: 120px;
display: table;
width: 100%
}
.multicolor.pricing-table .pricing-cols .pricing-price sub, .multicolor.pricing-table .pricing-cols .pricing-price sup {
font-size: 24px;
padding: 0 5px;
font-weight: 400
}
.multicolor.pricing-table .pricing-cols .pricing-price sub {
vertical-align: middle;
font-size: 16px
}
.multicolor.pricing-table .pricing-cols .pricing-price span {
font-size: 65px;
color: #fff;
font-weight: 700;
text-shadow: 1px 1px 0 rgba(0,0,0,.3)
}
@media handheld, only screen and (max-width:960px) {
.multicolor.pricing-table .pricing-cols .pricing-price span {
font-size: 40px
}
}
.multicolor.pricing-table .pricing-cols .pricing-features ul {
margin: 0;
padding: 0;
position: relative;
border-left: 1px solid #e8e8e8;
border-right: 1px solid #e8e8e8
}
.multicolor.pricing-table .pricing-cols .pricing-features ul li {
font-size: 12px;
line-height: 16px;
padding: 15px 0;
display: block;
margin: 0;
width: auto;
background-color: #f6f6f6
}
.multicolor.pricing-table .pricing-cols .pricing-features ul li:nth-child(odd) {
background-color: #eee
}
.multicolor.pricing-table .pricing-cols .pricing-features ul li i:before {
font-size: 16px;
text-shadow: 0 1px 0 rgba(0,0,0,.3)
}
.multicolor.pricing-table .pricing-cols .pricing-features ul li .mk-icon-ok {
color: #26cca4
}
.multicolor.pricing-table .pricing-cols .pricing-features ul li .mk-icon-remove {
color: #e74a4a
}
.multicolor.pricing-table .pricing-cols .pricing-features ul li .mk-icon-star {
color: #26cca4;
margin-left: 3px
}
.multicolor.pricing-table .pricing-cols .pricing-features ul li .mk-icon-star.empty {
color: #b0b0b0
}
.multicolor.pricing-table .pricing-cols .pricing-features .rating-star {
line-height: 12px;
margin: 0 auto;
font-size: 16px;
color: #7d7c78
}
.multicolor.pricing-table .pricing-cols .pricing-button {
padding: 20px 0;
background-color: #f6f6f6;
border: 1px solid #e8e8e8;
border-top: none
}
.multicolor.pricing-table .pricing-cols .pricing-button a {
position: relative;
margin: 0 auto;
padding: 9px 25px
}
.monocolor.pricing-table .pricing-offer-grid {
padding-top: 178px
}
.monocolor.pricing-table .pricing-offer-grid .offers ul {
border-right: none
}
.monocolor.pricing-table .pricing-offer-grid .offers ul li {
padding: 13px 0
}
.monocolor.pricing-table .no-pricing-offer .pricing-cols {
width: 100%!important
}
.monocolor.pricing-table .pricing-cols li {
padding: 0;
margin: 0;
display: inline-block;
vertical-align: top;
text-align: center
}
.monocolor.pricing-table .pricing-cols li.pricing-col {
position: relative;
overflow: hidden;
border: 1px solid #ddd;
border-left: none;
background-color: #fff
}
.monocolor.pricing-table .pricing-cols li.pricing-col:first-child {
border-left: 1px solid #ddd
}
.monocolor.pricing-table .pricing-cols li.featured-plan {
margin: -20px -3px 0 -3px;
box-shadow: 0 0 20px 5px rgba(0,0,0,.1)
}
.monocolor.pricing-table .pricing-cols li.featured-plan .pricing-button {
padding: 35px 0
}
.monocolor.pricing-table .pricing-cols .pricing-heading {
background-color: #f6f6f6;
border-bottom: 1px solid #ddd
}
.monocolor.pricing-table .pricing-cols .pricing-plan {
color: #666;
font-weight: 700;
font-size: 16px;
line-height: 16px;
text-transform: uppercase;
padding: 20px 0;
background-color: #efefef;
display: block;
border-bottom: 1px solid #ddd
}
.monocolor.pricing-table .pricing-cols .pricing-price {
height: 120px;
display: table;
width: 100%
}
.monocolor.pricing-table .pricing-cols .pricing-price sub, .monocolor.pricing-table .pricing-cols .pricing-price sup {
font-size: 24px;
padding: 0 5px
}
.monocolor.pricing-table .pricing-cols .pricing-price sub {
display: block;
margin: 30px 0 0 20px;
text-align: center;
font-size: 16px;
color: #666
}
.monocolor.pricing-table .pricing-cols .pricing-price span {
font-size: 70px;
font-weight: lighter
}
.monocolor.pricing-table .pricing-cols .pricing-features ul {
margin: 0;
padding: 0;
position: relative
}
.monocolor.pricing-table .pricing-cols .pricing-features ul li {
font-size: 12px;
line-height: 16px;
padding: 13px 0;
margin: 0 10px;
display: block;
width: auto;
background-color: #fff;
border-bottom: 1px dotted #ddd
}
.monocolor.pricing-table .pricing-cols .pricing-features ul li:last-child {
border: none
}
.pricing-table .mk-svg-icon {
height: 16px;
text-shadow: 0 1px 0 rgba(0,0,0,.3)
}
.monocolor.pricing-table .pricing-cols .pricing-features ul li .mk-icon-ok {
color: #26cca4
}
.monocolor.pricing-table .pricing-cols .pricing-features ul li .mk-icon-remove {
color: #e74a4a
}
.monocolor.pricing-table .pricing-cols .pricing-features ul li .mk-icon-star {
color: #26cca4;
margin-left: 3px
}
.monocolor.pricing-table .pricing-cols .pricing-features ul li .mk-icon-star.empty {
color: #b0b0b0
}
.monocolor.pricing-table .pricing-cols .pricing-features .rating-star {
line-height: 12px;
margin: 0 auto;
font-size: 16px;
color: #7d7c78
}
.monocolor.pricing-table .pricing-cols .pricing-button {
padding: 15px 0;
border-top: none;
border-top: 1px solid #ddd;
background-color: #f6f6f6
}
.monocolor.pricing-table .pricing-cols .pricing-button a {
position: relative;
margin: 0 auto;
padding: 9px 25px
}
@media handheld, only screen and (max-width:960px) {
.pricing-offer-grid {
display: none
}
.pricing-cols {
width: 100%!important
}
}
@media handheld, only screen and (max-width:767px) {
.pricing-cols {
margin-bottom: 20px!important
}
li {
max-width: 100%!important
}
}
.new-style.pricing-table .pricing-offer-grid {
padding-top: 240px
}
.new-style.pricing-table .pricing-offer-grid .offers ul {
border-right: none
}
.new-style.pricing-table .pricing-offer-grid .offers ul li {
padding: 13px 0
}
.new-style.pricing-table.no-pricing-offer .pricing-cols {
width: 100%!important
}
.new-style.pricing-table .pricing-cols li {
padding: 0;
margin: 0;
display: inline-block;
text-align: center;
max-width: initial
}
.new-style.pricing-table .pricing-cols li.pricing-col {
position: relative;
overflow: hidden
}
.new-style.pricing-table .pricing-cols li.pricing-col.four-table {
width: 24.5%
}
.new-style.pricing-table .pricing-cols li.pricing-col.three-table {
width: 32.5%
}
.new-style.pricing-table .pricing-cols li.pricing-col.two-table {
width: 49.5%
}
.new-style.pricing-table .pricing-cols li.pricing-col.one-table {
width: 100%
}
.new-style.pricing-table .pricing-cols li.column-bigger-true, .new-style.pricing-table .pricing-cols li.drop-shadow-true {
z-index: 11
}
.new-style.pricing-table .pricing-cols li.column-bigger-true {
margin: -20px -3px 0 -3px
}
.new-style.pricing-table .pricing-cols li.column-bigger-true .pricing-button {
padding: 45px 0
}
.new-style.pricing-table .pricing-cols li.drop-shadow-true {
padding: 0 8px;
box-sizing: border-box;
overflow: initial!important
}
.new-style.pricing-table .pricing-cols li.drop-shadow-true .shadow-container {
box-shadow: 0 0 7px 0 rgba(0,0,0,.3);
overflow: hidden
}
.new-style.pricing-table .pricing-cols .pricing-heading {
position: relative
}
.new-style.pricing-table .pricing-cols .pricing-plan {
font-weight: 700;
font-size: 14px;
line-height: 4px;
text-transform: uppercase;
padding: 30px 0;
background-color: #efefef;
display: block
}
.new-style.pricing-table .pricing-cols .pricing-plan.style-dark {
color: #222
}
.new-style.pricing-table .pricing-cols .pricing-plan.style-light {
color: #fff
}
.new-style.pricing-table .pricing-cols .pricing-featured-text {
font-weight: 700;
font-size: 12px;
line-height: 12px;
position: absolute;
top: 28px;
right: -37px;
padding: 10px 0;
min-width: 160px;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg)
}
.new-style.pricing-table .pricing-cols .pricing-featured-text.style-dark {
color: #222
}
.new-style.pricing-table .pricing-cols .pricing-featured-text.style-light {
color: #fff
}
.new-style.pricing-table .pricing-cols .pricing-price {
height: 165px;
width: 100%;
display: block
}
.new-style.pricing-table .pricing-cols .pricing-price sub {
font-size: 20px;
padding: 0 5px
}
.new-style.pricing-table .pricing-cols .pricing-price sup {
font-size: 24px;
padding: 0 5px
}
.new-style.pricing-table .pricing-cols .pricing-price sub {
vertical-align: middle
}
.new-style.pricing-table .pricing-cols .pricing-price.style-dark {
color: #222
}
.new-style.pricing-table .pricing-cols .pricing-price.style-light {
color: #fff
}
.new-style.pricing-table .pricing-cols .pricing-price .pricing-save {
font-size: 20px;
font-weight: 700;
display: block
}
.new-style.pricing-table .pricing-cols .pricing-price span {
display: block;
vertical-align: initial;
font-size: 72px;
line-height: 72px;
padding-top: 20px
}
.new-style.pricing-table .pricing-cols .pricing-price span .pricing-save {
font-style: normal;
display: block
}
.new-style.pricing-table .pricing-cols .pricing-features ul {
margin: 0;
padding: 0;
padding-top: 40px;
position: relative
}
.new-style.pricing-table .pricing-cols .pricing-features ul li {
padding: 13px 0;
margin: 0 10%;
display: block;
width: auto
}
.new-style.pricing-table .pricing-cols .pricing-features ul li:last-child {
border: none
}
.new-style.pricing-table .pricing-cols .pricing-features ul li i:before {
font-size: 16px;
text-shadow: 0 1px 0 rgba(0,0,0,.3)
}
.new-style.pricing-table .pricing-cols .pricing-features ul li .mk-icon-ok {
color: #26cca4
}
.new-style.pricing-table .pricing-cols .pricing-features ul li .mk-icon-remove {
color: #e74a4a
}
.new-style.pricing-table .pricing-cols .pricing-features ul li .mk-icon-star {
color: #26cca4;
margin-left: 3px
}
.new-style.pricing-table .pricing-cols .pricing-features ul li .mk-icon-star.empty {
color: #b0b0b0
}
.new-style.pricing-table .pricing-cols .pricing-features.style-light ul li {
border-bottom: 1px solid rgba(255,255,255,.1);
color: #fff
}
.new-style.pricing-table .pricing-cols .pricing-features.style-light ul li:last-child {
border-bottom: 0
}
.new-style.pricing-table .pricing-cols .pricing-features.style-dark ul li {
border-bottom: 1px solid rgba(0,0,0,.1);
color: #222
}
.new-style.pricing-table .pricing-cols .pricing-features.style-dark ul li:last-child {
border-bottom: 0
}
.new-style.pricing-table .pricing-cols .pricing-features .rating-star {
line-height: 12px;
margin: 0 auto;
font-size: 16px;
color: #7d7c78
}
.new-style.pricing-table .pricing-cols .pricing-button {
padding: 25px 0;
border-top: none;
background-color: #f6f6f6
}
.new-style.pricing-table .pricing-cols .pricing-button a {
position: relative;
margin: 0 auto;
padding: 20px 28px;
font-size: 16px;
line-height: 100%
}
.new-style.pricing-table .pricing-cols .pricing-button a.large {
letter-spacing: 1px
}
@media handheld, only screen and (max-width:960px) {
.pricing-offer-grid {
display: none
}
.pricing-cols {
width: 100%!important
}
}
@media handheld, only screen and (max-width:767px) {
.pricing-cols .pricing-col {
width: 100%!important;
margin-bottom: 20px!important
}
.pricing-cols li {
max-width: 100%!important
}
.monocolor.pricing-table .pricing-col {
border-left: 1px solid #ddd!important
}
.monocolor.pricing-table .pricing-cols li.featured-plan {
margin: 0 0 20px 0!important;
border: 1px solid #ff7b00!important
}
}
.mk-skill-meter {
margin-bottom: 15px
}
.mk-skill-meter .mk-skill-meter-title {
letter-spacing: 1px;
display: block;
margin-bottom: 6px;
font-weight: 700;
line-height: 14px
}
.mk-skill-meter .mk-progress-bar {
position: relative;
display: block;
text-align: right
}
.mk-skill-meter .mk-progress-bar .progress-outer {
position: absolute;
top: 0;
left: 0;
height: 100%
}
.mk-skill-meter .mk-progress-bar .progress-inner {
position: absolute;
top: 0;
left: 0;
display: block;
overflow: hidden;
width: 100%;
height: 100%
}
.mk-skill-meter .mk-progress-bar .progress-percent {
position: absolute;
right: 10px;
font-weight: 700;
font-size: 12px;
letter-spacing: 1px
}
.mk-skill-chart {
text-align: center;
height: 100%;
width: 100%
}
.mk-slideshow-box {
position: relative
}
.mk-slideshow-box .mk-slideshow-box-item {
display: none
}
.mk-slideshow-box.full-width-true .mk-slideshow-box-content {
padding-left: 0;
padding-right: 0
}
.mk-slideshow-box .mk-slideshow-box-color-mask, .mk-slideshow-box .mk-slideshow-box-item {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%
}
.mk-slideshow-box .mk-slideshow-box-color-mask {
z-index: 10
}
.mk-slideshow-box .mk-slideshow-box-content {
position: relative;
z-index: 20;
padding-left: 20px;
padding-right: 20px
}
@media handheld, only screen and (max-width:767px) {
.mk-slideshow-box .mk-slideshow-box-content h1, .mk-slideshow-box .mk-slideshow-box-content h2, .mk-slideshow-box .mk-slideshow-box-content h3, .mk-slideshow-box .mk-slideshow-box-content h4, .mk-slideshow-box .mk-slideshow-box-content h5, .mk-slideshow-box .mk-slideshow-box-content h6 {
padding-top: 0!important;
margin-top: 0!important
}
.mk-slideshow-box .mk-slideshow-box-content .mk-button {
margin-bottom: 20px!important
}
}
.s_social a {
display: block;
line-height: 100%
}
.s_social.g_style a {
border: 2px solid;
background-color: #fff;
background-color: rgba(50,50,50,0);
transition: background-color .2s ease
}
.s_social svg {
display: block
}
.s_social.g_style.xx-large a {
padding: 25px
}
.s_social.g_style.x-large a {
padding: 20px
}
.s_social.g_style.large a {
padding: 15px
}
.s_social.g_style.medium a {
padding: 10px;
border-width: 1px
}
.s_social.g_style.small a {
padding: 5px;
border-width: 1px
}
.s_social.s_square-rounded a {
border-radius: 25%
}
.s_social.s_simple-rounded a {
border-radius: 50%
}
.s_social .mk-jupiter-icon-simple-xing:before, .s_social .mk-jupiter-icon-square-xing:before, .s_social .mk-jupiter-icon-xing:before {
vertical-align: baseline!important;
line-height: normal!important;
position: static;
top: 0
}
.mk-jupiter-icon-simple-xing {
display: block
}
.mk-jupiter-icon-simple-xing:before {
content: "\f168"
}
.mk-jupiter-icon-xing:before {
content: "\e3d3"
}
.mk-jupiter-icon-square-xing:before {
content: "\e3d2"
}
.mk-subscribe {
margin-bottom: 30px
}
.mk-subscribe>form {
table-layout: auto
}
.mk-subscribe--message {
padding: 0 15px 15px 15px;
font-size: 14px
}
.mk-subscribe--message.error {
color: red
}
.mk-subscribe--message.success {
color: #00a651
}
.mk-subscribe .mk-subscribe--form-column {
padding: 0;
margin: 0
}
.mk-subscribe .mk-subscribe--form-column:last-child {
padding-right: 0!important
}
.mk-subscribe .mk-subscribe--button, .mk-subscribe .mk-subscribe--email {
width: 100%;
margin: 0;
padding: 0;
border: 0;
background-color: #333;
transition: background-color .15s linear, color .15s linear, border-color .15s linear;
background-color: transparent;
color: transparent;
box-sizing: border-box
}
.mk-subscribe .mk-subscribe--email {
padding: 0 2%
}
.mk-subscribe .mk-subscribe--button {
outline: 0
}
.mk-subscribe.medium-size .mk-subscribe--email {
font-size: 16px;
height: 45px;
line-height: 45px
}
.mk-subscribe.medium-size .mk-subscribe--button {
font-size: 14px;
height: 45px;
min-width: 115px
}
.mk-subscribe.large-size .mk-subscribe--button, .mk-subscribe.large-size .mk-subscribe--email {
height: 60px;
font-size: 20px
}
.mk-subscribe.large-size .mk-subscribe--email {
line-height: 60px
}
.mk-subscribe.large-size .mk-subscribe--button {
min-width: 140px
}
.mk-process-steps:media(max-width:960px) ul:before {
display:none!important
}
.mk-process-steps:media(max-width:960px) li {
margin-bottom:30px!important;
width:100%!important;
text-align:center
}
.mk-process-steps {
margin-bottom: 30px;
text-align: center
}
.mk-process-steps ul {
position: relative;
margin: 0;
padding: 0;
list-style: none
}
.mk-process-steps ul:before {
position: absolute;
left: 80px;
display: block;
width: 85%;
height: 0;
border-top: 1px dashed #bbb;
content: ""
}
.mk-process-steps ul li {
display: inline-block;
float: left;
margin: 0;
padding-top: 6px
}
.mk-process-steps ul li:hover svg {
fill: #fff;
-webkit-animation: toRightFromLeft .3s forwards;
animation: toRightFromLeft .3s forwards
}
.mk-process-steps ul li:hover .mk-process-icon {
box-shadow: 0 0 0 6px rgba(0,0,0,.1)
}
.mk-process-steps ul li h3 {
position: relative;
display: inline-block;
margin: 35px auto 20px;
font-size: 16px!important
}
.mk-process-steps ul li p {
position: relative;
display: inline-block;
margin-bottom: 0;
text-align: center
}
.mk-process-icon {
position: relative;
display: inline-block;
overflow: hidden;
background-color: #fff;
transition: background .3s, color .3s, box-shadow .3s;
border-radius: 50%;
box-shadow: 0 0 0 2px #bbb
}
.mk-process-icon:after {
display: none
}
.mk-process-icon svg {
fill: #bbb;
fill: rgba(0,0,0,.24);
position: absolute;
left: 50%;
top: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%)
}
@-webkit-keyframes toRightFromLeft {
49% {
-webkit-transform:translateX(100%) translateY(-50%);
transform:translateX(100%) translateY(-50%)
}
50% {
opacity:0;
-webkit-transform:translateX(-100%) translateY(-50%);
transform:translateX(-100%) translateY(-50%)
}
51% {
opacity:1
}
}
@keyframes toRightFromLeft {
49% {
-webkit-transform:translateX(100%) translateY(-50%);
transform:translateX(100%) translateY(-50%)
}
50% {
opacity:0;
-webkit-transform:translateX(-100%) translateY(-50%);
transform:translateX(-100%) translateY(-50%)
}
51% {
opacity:1
}
}
.mk-process-steps.process-steps-2 ul:before {
top: 200px;
left: 100px;
width: 70%
}
.mk-process-steps.process-steps-2 li {
width: 50%
}
.mk-process-steps.process-steps-2 li h3, .mk-process-steps.process-steps-2 li p {
padding: 0 20px
}
.mk-process-steps.process-steps-2 .mk-process-desc, .mk-process-steps.process-steps-2 .mk-process-title {
width: 350px
}
.mk-process-steps.process-steps-2 .mk-process-icon {
width: 400px;
height: 400px;
text-align: center
}
.mk-process-steps.process-steps-2 .mk-process-icon svg {
height: 128px
}
.mk-process-steps.process-steps-3 ul:before {
top: 115px
}
.mk-process-steps.process-steps-3 li {
width: 33.3%
}
.mk-process-steps.process-steps-3 li h3, .mk-process-steps.process-steps-3 li p {
padding: 0 20px
}
.mk-process-steps.process-steps-3 .mk-process-desc, .mk-process-steps.process-steps-3 .mk-process-title {
width: 288px
}
.mk-process-steps.process-steps-3 .mk-process-icon {
width: 230px;
height: 230px;
text-align: center
}
.mk-process-steps.process-steps-3 .mk-process-icon svg {
height: 80px
}
.mk-process-steps.process-steps-4 ul:before {
top: 90px
}
.mk-process-steps.process-steps-4 li {
width: 25%
}
.mk-process-steps.process-steps-4 li h3, .mk-process-steps.process-steps-4 li p {
padding: 0 20px
}
.mk-process-steps.process-steps-4 .mk-process-icon {
width: 180px;
height: 180px;
text-align: center
}
.mk-process-steps.process-steps-4 .mk-process-icon svg {
height: 70px
}
.mk-process-steps.process-steps-5 ul:before {
top: 70px
}
.mk-process-steps.process-steps-5 li {
width: 20%
}
.mk-process-steps.process-steps-5 li h3, .mk-process-steps.process-steps-5 li p {
padding: 0 15px
}
.mk-process-steps.process-steps-5 .mk-process-icon {
width: 140px;
height: 140px;
text-align: center
}
.mk-process-steps.process-steps-5 .mk-process-icon svg {
height: 60px
}
.mk-swiper-container {
position: relative;
overflow: hidden
}
.mk-slider-holder>div {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%
}
.mk-slider-holder .mk-slider-wrapper {
z-index: 10
}
.mk-swipe-slideshow {
position: relative;
margin-bottom: 20px
}
.mk-swipe-slideshow:hover .swiper-arrows {
filter:alpha(opacity=@opacity * 100);
-moz-opacity: 60;
-khtml-opacity: 60;
opacity: 60;
opacity: .6
}
.mk-swipe-slideshow .swiper-arrows {
width: 60px;
height: 60px;
line-height: 62px;
background-color: rgba(0,0,0,.4);
text-align: center;
position: absolute;
border-radius: 2px;
cursor: pointer;
color: #fff;
filter:alpha(opacity=@opacity * 100);
-moz-opacity: 0;
-khtml-opacity: 0;
opacity: 0
}
.mk-swipe-slideshow .swiper-arrows {
top: 50%;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
ms-transform: translate(0, -50%);
background-color: rgba(0,0,0,.4)
}
.mk-swipe-slideshow .swiper-arrows:hover {
background-color: rgba(0,0,0,.6);
filter:alpha(opacity=@opacity * 100);
-moz-opacity: 100;
-khtml-opacity: 100;
opacity: 100;
opacity: 1
}
.mk-swipe-slideshow .swiper-arrows svg {
height: 16px
}
.mk-swipe-slideshow .mk-swiper-prev {
left: 20px
}
.mk-swipe-slideshow .mk-swiper-next {
right: 20px
}
.mk-slider-holder-img {
visibility: hidden
}
.mk-swipe-slideshow-lazyload .swiper-slide-image {
background-color: #e0e0e0
}
.mk-tab-slider {
margin: 0 auto;
position: relative;
overflow: hidden;
padding: 10px 0;
-webkit-backface-visibility: hidden;
backface-visibility: hidden
}
.mk-tab-slider-wrapper {
position: relative;
width: 100%;
transition-property: left, top, -webkit-transform;
transition-property: transform, left, top;
transition-property: transform, left, top, -webkit-transform;
transition-duration: 0s;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
transition-timing-function: ease
}
.mk-tab-slider-item {
float: left
}
.mk-tab-slider-item .mk-tab-slider-share li a {
font-size: 16px;
margin-left: 10px;
opacity: .6
}
.mk-tab-slider-item .mk-tab-slider-share li a:hover {
opacity: 1
}
.mk-tab-slider-item.skin-dark .mk-slider-title {
color: #222!important
}
.mk-tab-slider-item.skin-dark .mk-slider-title>hr {
border-top: 3px solid #040300;
margin: 15px auto 25px auto
}
.mk-tab-slider-item.skin-dark .mk-slider-description {
color: #6a6665
}
.mk-tab-slider-item.skin-dark .mk-slider-description p {
color: #6a6665
}
.mk-tab-slider-item.skin-dark .mk-tab-slider-share li a svg {
fill: #222;
height: 16px
}
.mk-tab-slider-item.skin-light .mk-slider-title {
color: #fff!important
}
.mk-tab-slider-item.skin-light .mk-slider-title>hr {
border-top: 3px solid #fff;
margin: 15px auto 30px auto
}
.mk-tab-slider-item.skin-light .mk-slider-description {
color: #f5f5f5
}
.mk-tab-slider-item.skin-light .mk-slider-description p {
color: #f5f5f5
}
.mk-tab-slider-item.skin-light .mk-tab-slider-share li a svg {
fill: #f5f5f5;
height: 16px
}
.mk-tab-slider-share {
list-style: none;
padding-left: 0;
position: absolute;
bottom: 50px;
right: 70px
}
.mk-tab-slider-share li {
float: left
}
.mk-tab-slider-icon {
font-size: 100px;
padding-right: 20px;
float: left
}
.mk-tab-slider-nav {
margin-bottom: 20px;
text-align: center;
font-size: 30px
}
.mk-tab-slider-nav a {
display: inline-block;
padding: 15px;
margin-right: 2px;
position: relative;
font-weight: 700;
letter-spacing: 1px;
transition: opacity .2s ease-out
}
.mk-tab-slider-nav a:link, .mk-tab-slider-nav a:visited {
opacity: .4
}
.mk-tab-slider-nav a:hover {
opacity: 1
}
.mk-tab-slider-nav a.active {
opacity: 1
}
.mk-slider-content, .mk-slider-image {
width: 50%;
display: inline-block
}
.mk-slider-content {
display: table;
height: 100%;
padding: 0 70px;
position: relative
}
.mk-slider-content-inside {
display: table-cell;
vertical-align: middle;
height: 100%
}
.mk-slider-image img {
width: 100%
}
.mk-slider-title {
font-size: 18px!important;
font-weight: 700;
color: #222;
letter-spacing: 1px;
display: block;
margin: 0
}
.mk-slider-title>hr {
max-width: 10%;
border: 0;
margin-left: 0!important
}
.mk-slider-read-more {
margin-top: 20px
}
@media handheld, only screen and (max-width:767px) {
.mk-tab-slider .mk-slider-content {
width: 100%;
padding: 50px 25px;
height: auto
}
.mk-tab-slider .mk-slider-image {
width: 100%
}
.mk-tab-slider .mk-tab-slider-share {
position: inherit;
display: table;
margin: 0 auto
}
.mk-tab-slider .mk-tab-slider-share li {
float: none;
display: table-cell;
text-align: center;
padding: 0 5px
}
}
@media handheld, only screen and (max-width:1024px) {
.mk-tab-slider .mk-slider-content {
width: 100%;
padding: 50px 25px;
height: auto
}
.mk-tab-slider .mk-slider-image {
width: 100%
}
.mk-tab-slider .mk-tab-slider-share {
position: inherit;
display: table;
margin: 0 auto
}
.mk-tab-slider .mk-tab-slider-share li {
float: none;
display: table-cell;
text-align: center;
padding: 0 5px
}
}
.mk-fancy-table {
overflow: hidden;
margin-bottom: 20px
}
@media handheld, only screen and (max-width:767px) {
.mk-fancy-table {
overflow-x: scroll!important
}
}
.mk-fancy-table table {
overflow: hidden;
margin: 0;
padding: 0;
width: 100%;
border-collapse: collapse;
text-align: left;
border-radius: 3px
}
.mk-fancy-table th {
padding: 18px 12px;
color: #fff;
text-align: center;
text-transform: uppercase;
font-weight: 700;
font-size: 14px
}
.mk-fancy-table tfoot td {
padding: 8px
}
.mk-fancy-table.table-style1 tr:nth-child(odd) {
background-color: rgba(0,0,0,.04)
}
.mk-fancy-table.table-style1 tfoot {
background-color: #f3f3f3
}
.mk-fancy-table.table-style1 tr {
background-color: rgba(0,0,0,.02)
}
.mk-fancy-table.table-style1 td {
padding: 12px;
border-left: 1px solid #fff;
text-align: center
}
.mk-fancy-table.table-style2 {
border-bottom: 1px solid #dcdcdc
}
.mk-fancy-table.table-style2 td {
padding: 12px;
border-bottom: 1px solid #dcdcdc;
text-align: center
}
.mk-testimonial {
margin: 3px 3px 40px
}
.mk-testimonial .mk-testimonial-content {
position: relative;
margin-bottom: 30px;
margin-top: 10px;
padding: 20px 20px 0
}
.mk-testimonial .mk-testimonial-quote {
line-height: 1.8em
}
.mk-testimonial .mk-testimonial-content p {
margin-bottom: 20px
}
.mk-testimonial .mk-testimonial-author {
display: block;
margin-bottom: 5px;
font-weight: 700;
font-size: 13px;
line-height: 11px
}
.mk-testimonial .mk-testimonial-company {
font-size: 12px;
line-height: 14px;
opacity: .8
}
.mk-testimonial .flex-direction-nav a {
opacity: .4
}
.mk-testimonial .flex-direction-nav a:hover {
opacity: 1
}
.mk-testimonial .flex-direction-nav svg {
fill: #878787
}
.mk-testimonial.boxed-style .mk-testimonial-content {
border: 1px solid #ededed;
background-color: #fafafa;
border-radius: 4px
}
.mk-testimonial.boxed-style .mk-testimonial-content:before {
position: absolute;
bottom: -7px;
left: 35px;
display: block;
width: 14px;
height: 14px;
border: 1px solid #ededed;
border-top: none;
border-left: none;
background-color: #fafafa;
content: "";
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg)
}
.mk-testimonial.boxed-style .mk-testimonial-image {
position: relative;
float: left;
margin: 0 20px
}
.mk-testimonial.boxed-style .mk-testimonial-image img {
width: 50px!important;
height: 50px!important;
border-radius: 100%;
box-shadow: 0 0 1px #a9a9a9
}
.mk-testimonial.boxed-style .flex-direction-nav a {
bottom: 0
}
.mk-testimonial.boxed-style .flex-direction-nav .flex-next {
right: 0!important;
margin: 0
}
.mk-testimonial.boxed-style .flex-direction-nav .flex-prev {
right: 20px!important
}
.mk-testimonial.simple-style {
padding: 50px 50px 0;
margin-top: 30px;
text-align: center
}
.mk-testimonial.simple-style.testimonial-column svg[data-name=mk-moon-quotes-left], .mk-testimonial.simple-style.testimonial-column svg[data-name=mk-moon-quotes-right] {
display: none!important
}
@media handheld, only screen and (max-width:767px) {
.mk-testimonial.simple-style.simple-style {
padding-left: 0;
padding-right: 0
}
.mk-testimonial.simple-style svg[data-name=mk-moon-quotes-left], .mk-testimonial.simple-style svg[data-name=mk-moon-quotes-right] {
display: none!important
}
}
.mk-testimonial.simple-style .mk-testimonial-author {
font-size: 16px
}
.mk-testimonial.simple-style .mk-testimonial-company {
font-size: 12px
}
.mk-testimonial.simple-style svg[data-name=mk-moon-quotes-left], .mk-testimonial.simple-style svg[data-name=mk-moon-quotes-right] {
position: absolute;
fill: #eee;
height: 50px
}
.mk-testimonial.simple-style .mk-testimonial-content {
margin-bottom: 0;
font-size: 18px!important
}
.mk-testimonial.simple-style .mk-testimonial-content p {
text-align: center
}
@media handheld, only screen and (max-width:767px) {
.mk-testimonial.simple-style .mk-testimonial-content {
padding: 0!important
}
}
.mk-testimonial.simple-style .mk-testimonial-content p {
font-size: inherit
}
.mk-testimonial.simple-style svg[data-name=mk-moon-quotes-left] {
top: 70px;
left: 0
}
.mk-testimonial.simple-style svg[data-name=mk-moon-quotes-right] {
top: 70px;
right: 0
}
.mk-testimonial.simple-style .flex-direction-nav svg {
height: 16px
}
.mk-testimonial.simple-style .flex-direction-nav .flex-next, .mk-testimonial.simple-style .flex-direction-nav .flex-prev {
content: '';
display: block;
width: 45px;
height: 45px;
border: 2px solid #ccc;
line-height: 45px;
position: absolute;
top: 0
}
.mk-testimonial.simple-style .flex-direction-nav svg {
height: 14px
}
.mk-testimonial.simple-style .flex-direction-nav .flex-next:after {
left: -15px
}
.mk-testimonial.simple-style .flex-direction-nav .flex-next {
left: 50%!important;
-webkit-transform: translateX(50%);
-ms-transform: translateX(50%);
transform: translateX(50%)
}
.mk-testimonial.simple-style .flex-direction-nav .flex-prev {
left: 50%!important;
-webkit-transform: translateX(-150%);
-ms-transform: translateX(-150%);
transform: translateX(-150%)
}
.mk-testimonial.simple-style.light-version .mk-testimonial-author, .mk-testimonial.simple-style.light-version .mk-testimonial-company, .mk-testimonial.simple-style.light-version .mk-testimonial-content, .mk-testimonial.simple-style.light-version .mk-testimonial-content p {
color: #fff!important
}
.mk-testimonial.simple-style.light-version .flex-direction-nav svg {
fill: #fff!important
}
.mk-testimonial.simple-style.light-version .flex-direction-nav .flex-next:after, .mk-testimonial.simple-style.light-version .flex-direction-nav .flex-prev:after {
border: 2px solid #fff
}
.mk-testimonial.simple-style.light-version svg[data-name=mk-moon-quotes-left], .mk-testimonial.simple-style.light-version svg[data-name=mk-moon-quotes-right] {
fill: rgba(255,255,255,.2)
}
.mk-testimonial.avantgarde-style {
padding: 0 50px 0;
text-align: center
}
.mk-testimonial.avantgarde-style.mk-testimonial {
margin: 3px 3px 0!important
}
.mk-testimonial.avantgarde-style .mk-testimonial-image {
display: block;
text-align: center
}
.mk-testimonial.avantgarde-style .mk-testimonial-image img {
margin: 10px auto;
width: 95px!important;
height: 95px!important;
border-radius: 100%
}
.mk-testimonial.avantgarde-style .mk-testimonial-author {
font-size: 14px;
text-transform: uppercase;
letter-spacing: 1px;
margin: 25px 0 10px 0
}
.mk-testimonial.avantgarde-style .mk-testimonial-company {
font-size: 12px;
font-style: italic
}
.mk-testimonial.avantgarde-style .mk-testimonial-content {
margin-bottom: 0;
padding: 0 20% 20px 20%
}
.mk-testimonial.avantgarde-style .mk-testimonial-content p {
text-align: center
}
@media handheld, only screen and (max-width:767px) {
.mk-testimonial.avantgarde-style .mk-testimonial-content {
padding: 0!important
}
}
.mk-testimonial.avantgarde-style .mk-testimonial-content p {
font-size: inherit
}
.mk-testimonial.avantgarde-style .flex-direction-nav a {
display: inline-block;
width: 70px;
height: 70px;
line-height: 76px;
text-align: center;
border: 1px solid #878787;
border-radius: 50%
}
.mk-testimonial.avantgarde-style .flex-direction-nav svg {
height: 16px
}
.mk-testimonial.avantgarde-style .flex-direction-nav .flex-next {
top: 50%;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
right: 0!important;
margin: 0
}
.mk-testimonial.avantgarde-style .flex-direction-nav .flex-prev {
top: 50%;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
left: 0!important;
margin: 0!important
}
.mk-testimonial.avantgarde-style.light-version .mk-testimonial-author, .mk-testimonial.avantgarde-style.light-version .mk-testimonial-company, .mk-testimonial.avantgarde-style.light-version .mk-testimonial-content, .mk-testimonial.avantgarde-style.light-version .mk-testimonial-content p {
color: #fff!important
}
.mk-testimonial.avantgarde-style.light-version .flex-direction-nav svg {
fill: #fff!important
}
.mk-testimonial.avantgarde-style.light-version .flex-direction-nav a {
border: 1px solid #fff
}
.mk-testimonial.avantgarde-style.light-version .flex-direction-nav svg {
height: 16px
}
.mk-testimonial.avantgarde-style.light-version .flex-direction-nav .flex-next {
margin: 0 0 0 6px
}
.mk-testimonial.avantgarde-style.light-version .flex-direction-nav .flex-prev {
margin: 0 0 0 -54px
}
.mk-testimonial.avantgarde-style.light-version svg[data-name=mk-moon-quotes-left], .mk-testimonial.avantgarde-style.light-version svg[data-name=mk-moon-quotes-right] {
fill: rgba(255,255,255,.2)
}
@media handheld, only screen and (max-width:767px) {
.mk-testimonial.avantgarde-style {
padding: 60px 0 0 0
}
.mk-testimonial.avantgarde-style .flex-direction-nav .flex-next {
top: 0;
-webkit-transform: translate(110%, -50%);
-ms-transform: translate(110%, -50%);
transform: translate(110%, -50%);
right: 50%!important;
margin: 0
}
.mk-testimonial.avantgarde-style .flex-direction-nav .flex-prev {
top: 0;
-webkit-transform: translate(-110%, -50%);
-ms-transform: translate(-110%, -50%);
transform: translate(-110%, -50%);
left: 50%!important;
margin: 0!important
}
.mk-testimonial.avantgarde-style .mk-testimonial-content {
padding: 0
}
}
.mk-testimonial.modern-style .mk-testimonial-content {
padding: 20px;
border: 1px solid rgba(0,0,0,.05);
background-color: #fff;
box-shadow: 0 1px 2px 0 rgba(0,0,0,.05);
border-radius: 3px
}
.mk-testimonial.modern-style .mk-testimonial-content:before {
position: absolute;
bottom: -8px;
left: 55px;
display: block;
width: 14px;
height: 14px;
border: 2px solid rgba(0,0,0,.05);
border-top: none;
border-left: none;
background-color: #fff;
content: "";
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg)
}
.mk-testimonial.modern-style .mk-testimonial-quote {
padding: 20px 20px 0
}
@media handheld, only screen and (max-width:767px) {
.mk-testimonial.modern-style .mk-testimonial-quote {
padding: 0!important
}
}
.mk-testimonial.modern-style .mk-testimonial-image {
position: relative;
float: left;
margin: 0 20px
}
.mk-testimonial.modern-style .mk-testimonial-image img {
width: 50px!important;
height: 50px!important;
border-radius: 50%;
box-shadow: 0 0 1px #a9a9a9
}
.mk-testimonial.modern-style .mk-testimonial-author {
margin-top: 30px
}
.mk-testimonial.modern-style .flex-control-nav {
top: 18px;
display: block;
height: 5px;
bottom: auto
}
.mk-testimonial.modern-style .flex-control-nav li {
margin: 0
}
.mk-testimonial.modern-style .flex-control-nav li a {
display: block;
padding: 0 3px
}
.mk-testimonial.modern-style .flex-control-nav li a svg {
fill: #b2b2b2;
height: 10px;
width: 10px
}
.mk-testimonial.modern-style .flex-control-nav li a.flex-active svg {
fill: #4c4c4c
}
.testimonial-column .testimonial-ul {
margin: 0;
padding: 0;
list-style: none
}
.testimonial-column .testimonial-item {
display: inline-block;
margin: 0;
float: left;
padding: 0 15px 30px 15px
}
.testimonial-column .one-column {
width: 100%;
padding: 0 0 30px
}
.testimonial-column .two-column {
width: 50%
}
.testimonial-column .three-column {
width: 33%
}
.testimonial-column .four-column {
width: 25%
}
@media handheld, only screen and (max-width:900px) {
.testimonial-column .four-column, .testimonial-column .three-column {
width: 50%!important
}
.testimonial-column .clearboth {
display: none
}
.testimonial-column .testimonial-item:nth-of-type(2n):after {
display: block;
content: '';
clear: both
}
}
@media handheld, only screen and (max-width:600px) {
.testimonial-column .four-column, .testimonial-column .three-column, .testimonial-column .two-column {
width: 100%!important;
padding: 0 0 30px 0!important
}
}
.title-line-style {
text-align: center;
position: relative;
padding: 30px 0;
letter-spacing: 3px;
text-transform: uppercase
}
.title-line-style.light-version {
color: #fff!important
}
.title-line-style::after {
display: block;
content: '';
position: absolute;
width: 30px;
height: 3px;
bottom: 0;
left: 50%;
margin-left: -15px
}
.title-line-style.light-version::after {
background-color: #fff
}
.title-line-style.dark-version::after {
background-color: #878787
}
.theatre-slider {
width: 100%
}
.theatre-slider.center-align .desktop-theatre-slider, .theatre-slider.center-align .laptop-theatre-slider {
margin: 0 auto
}
.theatre-slider.right-align .desktop-theatre-slider, .theatre-slider.right-align .laptop-theatre-slider {
margin: 0 0 0 auto
}
.desktop-theatre-slider {
width: 100%;
position: relative
}
.desktop-theatre-slider .player-container {
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0
}
.desktop-theatre-slider .player-container .player {
padding-top: 2px;
padding-bottom: 56.6%
}
.laptop-theatre-slider {
width: 100%;
max-width: 1200px;
position: relative
}
.laptop-theatre-slider .player-container {
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0
}
.laptop-theatre-slider .player-container .player {
padding-bottom: 63%
}
.desktop-theatre-slider img, .laptop-theatre-slider img {
position: relative;
pointer-events: none
}
.desktop-theatre-slider .player, .laptop-theatre-slider .player {
box-sizing: content-box;
position: relative;
width: 100%;
background-color: #000;
height: 0
}
.desktop-theatre-slider .player video, .laptop-theatre-slider .player video {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%
}
.desktop-theatre-slider .player iframe, .laptop-theatre-slider .player iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%
}
.mk-tooltip {
position: relative
}
.mk-tooltip--link {
cursor: help
}
.mk-tooltip--text {
position: absolute;
bottom: 28px;
left: 0;
padding: 12px;
min-width: 140px;
max-width: 230px;
color: #fff;
font-size: 11px;
line-height: 16px;
background: #444;
pointer-events: none;
z-index: 888;
opacity: 0
}
.mk-tooltip--text:after {
position: absolute;
bottom: -5px;
left: 15px;
display: block;
width: 10px;
height: 10px;
content: "";
background: #444;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg)
}
.mk-tooltip {
position: relative
}
.mk-tooltip--link {
cursor: help
}
.mk-tooltip--text {
position: absolute;
bottom: 28px;
left: 0;
padding: 12px;
min-width: 140px;
max-width: 230px;
color: #fff;
font-size: 11px;
line-height: 16px;
background: #444;
pointer-events: none;
opacity: 0
}
.mk-tooltip--text:after {
position: absolute;
bottom: -5px;
left: 15px;
display: block;
width: 10px;
height: 10px;
content: "";
background: #444;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg)
}
.mk-swipe-slideshow .products .item {
float: none!important;
position: absolute!important;
display: inline-block;
top: 0;
left: 0;
width: 100%
}
.mk-woocommerce-carousel .product-title, .mk-woocommerce-carousel .the-title {
white-space: normal
}
.mk-woocommerce-carousel .mk-button-container {
margin-right: 0!important
}
@media handheld, only screen and (max-width:767px) {
.mk-swipe-slideshow .mk-product-loop .products .mk--col--3-12, .mk-swipe-slideshow .mk-product-loop .products .mk--col--4-12 {
width: 50%!important
}
}
@media handheld, only screen and (max-width:600px) {
.mk-swipe-slideshow .mk-product-loop .products .mk--col--1-2, .mk-swipe-slideshow .mk-product-loop .products .mk--col--3-12, .mk-swipe-slideshow .mk-product-loop .products .mk--col--4-12 {
width: 100%!important;
max-width: none!important
}
}
.mk-woocommerce-carousel .mk-button {
white-space: nowrap
}
.vc_col-sm-1 .mk-woocommerce-carousel .mk-button--icon, .vc_col-sm-2 .mk-woocommerce-carousel .mk-button--icon, .vc_col-sm-3 .mk-woocommerce-carousel .mk-button--icon, .vc_col-sm-4 .mk-woocommerce-carousel .mk-button--icon, .vc_col-sm-5 .mk-woocommerce-carousel .mk-button--icon, .vc_col-sm-6 .mk-woocommerce-carousel .mk-button--icon {
display: none
}
.vc_col-sm-1 .mk-woocommerce-carousel .mk-button .mk-button--text, .vc_col-sm-2 .mk-woocommerce-carousel .mk-button .mk-button--text, .vc_col-sm-3 .mk-woocommerce-carousel .mk-button .mk-button--text, .vc_col-sm-4 .mk-woocommerce-carousel .mk-button .mk-button--text, .vc_col-sm-5 .mk-woocommerce-carousel .mk-button .mk-button--text, .vc_col-sm-6 .mk-woocommerce-carousel .mk-button .mk-button--text {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0)
}
.mk-woocommerce-carousel .mk-swiper-wrapper {
white-space: nowrap
}
.mk-woocommerce-carousel .swiper-slide {
float: none;
display: inline-block
}
.mk-woocommerce-carousel.classic-style .products {
display: block;
margin: auto;
padding: 0 0 30px 0!important
}
.mk-woocommerce-carousel.classic-style .products .product {
margin: 0;
float: left
}
.mk-woocommerce-carousel.classic-style .mk-fancy-title {
font-size: 14px!important;
font-weight: 700!important;
margin-right: 35px
}
.mk-woocommerce-carousel.classic-style .mk-fancy-title span {
padding-right: 5px
}
.mk-woocommerce-carousel.classic-style .mk-woo-view-all {
float: right;
font-size: 11px;
padding: 0 7px
}
.mk-woocommerce-carousel.classic-style .flex-direction-nav a {
position: absolute;
top: -38px
}
.mk-woocommerce-carousel.classic-style .flex-direction-nav a svg {
fill: #aaa
}
.mk-woocommerce-carousel.classic-style .flex-prev {
right: 20px
}
.mk-woocommerce-carousel.classic-style .flex-next {
right: 0
}
.mk-woocommerce-carousel.modern-style {
text-align: center
}
.mk-woocommerce-carousel.modern-style .item-holder, .mk-woocommerce-carousel.modern-style .item-holder .mk-lightbox {
padding: 0 20px;
width: 100%
}
.mk-woocommerce-carousel.modern-style .item-holder {
padding-bottom: 20px
}
.mk-woocommerce-carousel.modern-style .mk-lightbox {
margin-bottom: 30px;
display: inline-block;
position: relative;
left: -20px
}
.mk-woocommerce-carousel.modern-style .mk-lightbox i {
position: absolute;
font-size: 32px;
left: 50%;
top: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
ms-transform: translate(-50%, -50%);
color: #222;
opacity: 0;
transition: all .25s ease-in-out
}
.mk-woocommerce-carousel.modern-style .mk-lightbox:hover .image-hover-overlay {
opacity: .7
}
.mk-woocommerce-carousel.modern-style .mk-lightbox:hover i {
opacity: 1
}
.mk-woocommerce-carousel.modern-style .image-hover-overlay {
background-color: #fff!important
}
.mk-woocommerce-carousel.modern-style .the-title {
font-size: 14px!important
}
.mk-woocommerce-carousel.modern-style .price {
font-size: 22px;
font-weight: 700;
margin-bottom: 20px;
display: block
}
.mk-woocommerce-carousel.modern-style .price ins {
border: none
}
.mk-woocommerce-carousel.modern-style .mk-swipe-slideshow:hover .swiper-arrows {
opacity: .8
}
.mk-woocommerce-carousel.modern-style .swiper-arrows {
top: 25%!important;
width: 40px;
height: 40px;
line-height: 36px;
border-radius: 0;
background-color: #fff;
border: 2px solid #222;
opacity: 1;
color: #222
}
.mk-woocommerce-carousel.modern-style .swiper-arrows svg {
vertical-align: middle
}
.mk-woocommerce-carousel.modern-style .swiper-arrows:hover {
background-color: #222;
opacity: 1!important;
color: #fff!important
}
.mk-woocommerce-carousel.modern-style .mk-swiper-prev {
left: 0
}
.mk-woocommerce-carousel.modern-style .mk-swiper-next {
right: 0
}
.mk-woocommerce-carousel.modern-style .mk-button {
font-size: 12px!important;
margin: 0 auto!important
}
.mk-accordion {
margin-bottom: 20px
}
.mk-accordion.fancy-style {
border-bottom: 1px solid #ececec
}
.mk-accordion.fancy-style .mk-accordion-single {
overflow: hidden;
border: 1px solid #ececec;
border-bottom: 0;
background-color: #fff
}
.mk-accordion.fancy-style .mk-accordion-tab {
position: relative;
padding: 12px 30px 12px 15px;
color: #222;
font-size: 13px;
font-weight: 600;
line-height: 22px;
cursor: pointer;
-moz-user-select: -moz-none;
-khtml-user-select: none;
-webkit-user-select: none;
background-color: #fdfdfd
}
.mk-accordion.fancy-style .mk-accordion-tab span {
vertical-align: middle
}
.mk-accordion.fancy-style .mk-accordion-tab i {
margin-right: 10px;
font-size: 16px;
line-height: 16px
}
.mk-accordion.fancy-style .mk-accordion-tab i .mk-svg-icon, .mk-accordion.simple-style .mk-accordion-tab i .mk-svg-icon {
fill: #b9b9b9;
width: 16px;
height: 16px
}
.mk-accordion.fancy-style .mk-accordion-tab:hover {
background-color: #f8f8f8
}
.mk-accordion.fancy-style .mk-accordion-tab:hover i .mk-svg-icon {
fill: #868686
}
.mk-accordion.fancy-style .mk-accordion-tab:before, .mk-accordion.fancy-style .mk-accordion-tab>.mk-svg-icon {
position: absolute;
top: 50%;
right: 14px;
display: block;
margin-top: -9px;
padding: 3px 6px 2px;
color: #adadad;
content: "\f054";
font-size: 12px!important;
line-height: 16px
}
.mk-accordion.fancy-style .mk-accordion-single.current .mk-accordion-pane {
border-top: 1px solid #ececec
}
.mk-accordion.fancy-style .mk-accordion-single.current .mk-accordion-tab:before, .mk-accordion.fancy-style .mk-accordion-single.current .mk-accordion-tab>.mk-svg-icon {
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg)
}
.mk-accordion.fancy-style .mk-accordion-pane {
display: none;
padding: 20px
}
@media handheld, only screen and (max-width:767px) {
.mk-accordion.fancy-style.mobile-true .mk-accordion-single {
border-bottom: 1px solid #ececec
}
.mk-accordion.fancy-style.mobile-true .mk-accordion-tab {
border-bottom: 1px solid #ececec
}
}
.mk-accordion.simple-style .mk-accordion-tab {
position: relative;
padding: 9px 30px 12px 15px;
border-bottom: 1px solid #ececec;
color: #222;
font-size: 13px;
line-height: 22px;
font-weight: 600;
cursor: pointer
}
.mk-accordion.simple-style .mk-accordion-tab span {
vertical-align: middle
}
.mk-accordion.simple-style .mk-accordion-tab i {
margin-right: 10px
}
.mk-accordion.simple-style .mk-accordion-tab:before {
position: absolute;
top: 16px;
right: 10px;
display: block;
padding: 3px 6px 2px;
color: #ddd;
content: "\f054";
font-size: 12px;
line-height: 12px
}
.mk-accordion.simple-style .mk-accordion-tab>.mk-svg-icon {
position: absolute;
top: 16px;
right: 10px;
display: block;
padding: 3px 6px 2px;
color: #ddd;
content: "\f054";
font-size: 12px;
line-height: 12px
}
.mk-accordion.simple-style .mk-accordion-single.current {
border: none
}
.mk-accordion.simple-style .mk-accordion-single.current .mk-accordion-tab:before {
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
color: #252525
}
.mk-accordion.simple-style .mk-accordion-single.current .mk-accordion-tab>.mk-svg-icon {
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
fill: #252525
}
.mk-accordion.simple-style .mk-accordion-pane {
display: none;
padding: 10px;
border-bottom: 1px solid #ececec;
background-color: #fff
}
@media handheld, only screen and (max-width:767px) {
.mk-accordion.simple-style.mobile-true .mk-accordion-pane {
border-bottom: none
}
}
@media handheld, only screen and (max-width:767px) {
.mk-accordion.mobile-false .mk-accordion-single {
margin-bottom: 15px
}
.mk-accordion.mobile-false .mk-accordion-pane {
display: block!important
}
.mk-accordion.mobile-false .mk-accordion-tab {
cursor: default
}
.mk-accordion.mobile-false .mk-accordion-tab:before {
content: ''
}
}
.mk-accordion.toggle-action .mk-accordion-pane {
display: none
}
.mk-toggle {
margin: 0
}
.mk-toggle.fancy-style {
margin-bottom: 3px;
border: 1px solid #ececec
}
.mk-toggle.fancy-style .mk-toggle-title {
position: relative;
display: block;
padding: 9px 30px 9px 15px;
color: #222;
font-size: 13px;
font-weight: 600;
line-height: 22px;
cursor: pointer;
background-color: #fdfdfd
}
.mk-toggle.fancy-style .mk-toggle-title span {
vertical-align: middle
}
.mk-toggle.fancy-style .mk-toggle-title i {
margin-right: 15px;
font-size: 24px;
vertical-align: middle
}
.mk-toggle.fancy-style .mk-toggle-title:hover {
background-color: #f8f8f8
}
.mk-toggle.fancy-style .mk-toggle-title:before {
position: absolute;
top: 10px;
right: 10px;
display: block;
padding: 3px 6px 2px;
content: "\f054";
font-size: 12px!important;
line-height: 16px;
color: #adadad
}
.mk-toggle.fancy-style .mk-toggle-title>.mk-svg-icon {
position: absolute;
top: 10px;
right: 10px;
display: block;
padding: 3px 6px 2px;
fill: #adadad
}
.mk-toggle.fancy-style .mk-toggle-title.active-toggle {
border-bottom: 1px solid #ececec
}
.mk-toggle.fancy-style .mk-toggle-title.active-toggle:before, .mk-toggle.fancy-style .mk-toggle-title.active-toggle>.mk-svg-icon {
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg)
}
.mk-toggle.simple-style .mk-toggle-title {
position: relative;
display: block;
padding: 8px 25px 8px 23px;
color: #444;
font-size: 13px;
cursor: pointer
}
.mk-toggle.simple-style .mk-toggle-title span {
vertical-align: middle
}
.mk-toggle.simple-style .mk-toggle-title:before {
position: absolute;
top: 11px;
left: -4px;
display: block;
padding: 3px 6px 2px;
color: #adadad;
content: "\f054";
font-size: 12px;
line-height: 12px
}
.mk-toggle.simple-style .mk-toggle-title .mk-svg-icon {
position: absolute;
top: 11px;
display: block;
padding: 3px 6px 2px;
fill: #adadad
}
.mk-toggle.simple-style .mk-toggle-title i .mk-svg-icon {
left: -4px;
right: auto
}
.mk-toggle.simple-style .mk-toggle-title>.mk-svg-icon {
left: auto;
right: -4px
}
.mk-toggle.simple-style .mk-toggle-title.active-toggle:before, .mk-toggle.simple-style .mk-toggle-title.active-toggle>.mk-svg-icon {
left: auto;
right: -4px;
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg)
}
.mk-toggle .mk-toggle-pane {
position: relative;
display: none;
padding: 20px;
background-color: #fff
}
.mk-accordion-tab .mk-svg-icon {
vertical-align: middle
}
.vc_row {
position: relative
}
.vc_inner.mk-grid {
margin: 0 auto
}
.mk-tabs .mk-tabs-panes .mk-tabs-pane {
z-index: 8
}
.mk-tabs.default-style .mk-tabs-tabs {
z-index: 10
}
.mk-tabs.default-style .mk-tabs-panes {
z-index: 1
}
.mk-tabs {
margin-bottom: 20px
}
.mk-tabs .mk-svg-icon {
vertical-align: middle
}
.mk-tabs .mk-tabs-tabs li {
position: relative;
display: inline;
float: left;
margin: 0;
padding: 0
}
.mk-tabs .vc_column_container {
padding-left: 10px;
padding-right: 10px
}
.mk-tabs .vc_column_container:first-of-type {
padding-left: 0
}
.mk-tabs .vc_column_container:last-of-type {
padding-right: 0
}
@media handheld, only screen and (max-width:767px) {
.mk-tabs .mk-tabs-tabs li {
float: none;
display: block
}
}
.mk-tabs .mk-tabs-tabs li a {
display: block;
margin: 0;
outline: 0;
color: #444;
white-space: nowrap;
font-weight: 700;
font-size: 13px;
line-height: 24px;
cursor: pointer
}
.mk-tabs .mk-tabs-panes .title-mobile {
display: none;
color: #444;
white-space: nowrap;
font-weight: 700;
font-size: 14px;
line-height: 24px;
margin-bottom: 15px;
background-color: rgba(0,0,0,.05);
border-bottom: 2px solid rgba(0,0,0,.1);
padding: 5px 10px
}
.mk-tabs .mk-tabs-panes .mk-tabs-pane {
position: relative
}
@media handheld, only screen and (max-width:767px) {
.mk-tabs.mobile-true .mk-tabs-tabs {
display: none
}
.mk-tabs.mobile-true .mk-tabs-panes .title-mobile {
display: block
}
.mk-tabs.mobile-true .mk-tabs-panes .mk-tabs-pane {
margin-bottom: 20px
}
}
.mk-tabs.default-style {
margin-bottom: 20px
}
.mk-tabs.default-style .mk-tabs-tabs {
position: relative;
margin: 0 0 -1px 0!important
}
@media handheld, only screen and (max-width:767px) {
.mk-tabs.default-style .mk-tabs-tabs {
margin-bottom: 20px!important;
margin-left: 0!important
}
}
.mk-tabs.default-style .mk-tabs-tabs li a {
padding: 10px 20px;
border: 1px solid #e5e5e5;
border-left: none;
background-color: #ebebeb;
background-color: rgba(0,0,0,.05)
}
.mk-tabs.default-style .mk-tabs-tabs li:first-child a {
border-left: 1px solid #e5e5e5;
border-top-left-radius: 2px;
-moz-border-radius-topleft: 2px
}
.mk-tabs.default-style .mk-tabs-tabs li:last-of-type a {
border-top-right-radius: 2px;
-moz-border-radius-topright: 2px
}
.mk-tabs.default-style .mk-tabs-tabs li:hover svg {
fill: #868686!important
}
.mk-tabs.default-style .mk-tabs-tabs li.tab-with-icon a {
padding: 10px 20px 10px 14px!important;
line-height: 24px
}
.mk-tabs.default-style .mk-svg-icon {
margin-right: 8px;
fill: #b9b9b9;
height: 16px
}
.mk-tabs.default-style .mk-tabs-tabs li.is-active a {
padding-bottom: 11px!important;
border-bottom: none!important;
cursor: default;
background: -o-linear-gradient(top, transparent, transparent);
background-color: transparent
}
@media handheld, only screen and (max-width:767px) {
.mk-tabs.default-style .mk-tabs-tabs li.is-active a {
border: 1px solid #e5e5e5!important
}
}
.mk-tabs.default-style .mk-tabs-panes {
border: 1px solid #e5e5e5;
position: relative;
margin: 0
}
@media handheld, only screen and (max-width:767px) {
.mk-tabs.default-style .mk-tabs-panes {
border: 0
}
}
.mk-tabs.default-style .mk-tabs-panes .mk-tabs-pane {
padding: 0
}
.mk-tabs.default-style .mk-tabs-panes .mk-tabs-pane.is-active {
padding: 25px 25px 20px
}
@media handheld, only screen and (max-width:767px) {
.mk-tabs.default-style .mk-tabs-panes .mk-tabs-pane {
padding: 0!important
}
.mk-tabs.mobile-true .mk-tabs-pane {
display: block
}
.mk-tabs-pane-content {
padding: 0 20px
}
.mk-tabs .vc_column_container>.vc_column-inner {
padding-left: 0;
padding-right: 0
}
}
.mk-tabs.default-style.vertical-style .mk-tabs-tabs {
float: left;
margin: 0 -1px 0 0!important;
width: 25%;
border: 1px solid #e5e5e5;
border-right: none;
border-bottom: none
}
.mk-tabs.default-style.vertical-style .mk-tabs-tabs li {
display: block;
float: none
}
.mk-tabs.default-style.vertical-style .mk-tabs-tabs li a {
border: 1px solid #e5e5e5;
border-top: none;
border-left: none
}
.mk-tabs.default-style.vertical-style .mk-tabs-tabs li:last-of-type a {
border-top-right-radius: 0;
-moz-border-radius-topright: 0
}
.mk-tabs.default-style.vertical-style .mk-tabs-tabs li.is-active a {
padding-right: 21px!important;
border-right: 1px solid #fff;
border-bottom: 1px solid #e5e5e5!important
}
.mk-tabs.default-style.vertical-style .mk-tabs-tabs li a {
white-space: normal
}
.mk-tabs.default-style.vertical-style .mk-tabs-panes {
float: left;
width: 75%;
border: none;
border: 1px solid #e5e5e5
}
@media handheld, only screen and (max-width:767px) {
.mk-tabs.default-style.vertical-style .mk-tabs-panes {
float: none!important;
width: 100%!important;
border: 0!important
}
}
.mk-tabs.default-style.vertical-style.vertical-right .mk-tabs-tabs {
float: right;
margin: 0 0 0 -1px!important
}
@media handheld, only screen and (max-width:767px) {
.mk-tabs.default-style.vertical-style.vertical-right .mk-tabs-tabs {
width: 100%;
margin-bottom: 20px!important;
float: none
}
}
.mk-tabs.default-style.vertical-style.vertical-right .mk-tabs-tabs li a {
border: 1px solid #e5e5e5;
border-top: none;
border-left: none
}
.mk-tabs.default-style.vertical-style.vertical-right .mk-tabs-tabs li.is-active a {
margin-left: -1px!important;
border-bottom: 1px solid #e5e5e5!important;
border-left: none!important
}
.mk-tabs.default-style.vertical-style.vertical-right .mk-tabs-panes {
float: right
}
@media handheld, only screen and (max-width:767px) {
.mk-tabs.default-style.vertical-style.mobile-true .mk-tabs-tabs {
width: 100%;
margin-bottom: 20px!important;
margin-right: 0!important;
float: none
}
.mk-tabs.default-style.vertical-style.mobile-true .mk-tabs-tabs li.is-active a {
border: 1px solid #e5e5e5!important;
margin: 0!important
}
.mk-tabs.default-style.vertical-style.mobile-true.vertical-right .mk-tabs-tabs li.is-active a {
border: 1px solid #e5e5e5!important;
margin: 0!important
}
}
@media handheld, only screen and (max-width:600px) {
.mk-tabs.default-style.vertical-style .mk-tabs-panes {
width: 60%
}
.mk-tabs.default-style.vertical-style .mk-tabs-tabs {
width: 40%
}
.mk-tabs.default-style.horizental-style .mk-tabs-tabs {
border-bottom: 1px solid #e5e5e5
}
.mk-tabs.default-style.horizental-style .mk-tabs-tabs li {
display: block;
float: none;
border-bottom: none;
border-left: 1px solid #e5e5e5
}
.mk-tabs.default-style.horizental-style .mk-tabs-tabs li a {
border-bottom: none!important
}
.mk-tabs.default-style.horizental-style .mk-tabs-tabs li:first-child a {
border-left: none!important
}
}
.mk-tabs.simple-style .mk-tabs-tabs {
margin: 0;
border-bottom: 2px solid #eee
}
.mk-tabs.simple-style .mk-tabs-tabs li a {
padding: 14px 18px;
margin: 0 0 -2px 0
}
@media handheld, only screen and (max-width:767px) {
.mk-tabs.simple-style .mk-tabs-tabs li a {
margin: 0
}
}
.mk-tabs.simple-style .mk-tabs-tabs li.tab-with-icon a {
line-height: 22px
}
.mk-tabs.simple-style .mk-svg-icon {
height: 20px;
width: 20px;
margin-right: 6px
}
.mk-tabs.simple-style .mk-tabs-tabs li.is-active a {
border-bottom-style: solid;
border-bottom-width: 2px
}
.mk-tabs.simple-style .mk-tabs-panes {
padding: 25px 0 15px
}
@media handheld, only screen and (max-width:780px) {
.mk-tabs.simple-style .mk-tabs-tabs {
border-bottom: none!important
}
.mk-tabs.simple-style .mk-tabs-tabs li {
float: none!important;
display: block!important
}
.mk-tabs.simple-style .mk-tabs-tabs li a {
border-bottom: 2px solid #eee
}
}
.mk-tabs-pane {
overflow: hidden;
height: 0
}
.mk-tabs-pane.is-active {
height: auto
}
@media handheld, only screen and (max-width:780px) {
.mobile-true .mk-tabs-pane {
height: auto
}
}
.mk-tweet-shortcode li {
padding: 10px!important;
border-bottom: 1px solid rgba(0,0,0,.06)
}
.mk-tweet-shortcode .tweet-icon {
top: 15px;
left: 10px;
position: absolute
}
.mk-twitter-shortcode {
margin-bottom: 20px
}
.video-container {
position: relative;
overflow: hidden;
margin-bottom: 20px;
padding-bottom: 56.25%;
height: 0
}
.video-container embed, .video-container iframe, .video-container object, .video-container video {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%
}
.video-container .video-thumbnail {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-repeat: no-repeat;
background-size: cover
}
.video-container .video-thumbnail-overlay {
position: relative;
width: 100%;
height: 100%;
background-color: rgba(0,0,0,.5)
}
.video-container .mk-svg-icon {
display: block;
margin: auto;
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
transition: all .3s ease-in-out
}
.video-container .mk-svg-icon:hover {
cursor: pointer
}
.video-container .fade-in .mk-svg-icon {
opacity: .5
}
.video-container .fade-in .mk-svg-icon:hover {
opacity: 1
}
.video-container .scale-up .mk-svg-icon {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1)
}
.video-container .scale-up .mk-svg-icon:hover {
-webkit-transform: scale(1.5);
-ms-transform: scale(1.5);
transform: scale(1.5)
}
.fancybox-video {
position: absolute;
z-index: 1001;
top: 0;
bottom: 0;
left: 0;
right: 0;
width: 100%;
height: 100%;
overflow: hidden
}
.fancybox-video embed, .fancybox-video iframe, .fancybox-video object, .fancybox-video video {
width: 100%;
height: 100%
}
.fancybox-video-close {
top: 0!important;
right: -40px!important
}
.fancybox-video-close:hover {
opacity: 1
}
.fancybox-video-close:after, .fancybox-video-close:before {
position: absolute;
left: 14px;
content: ' ';
height: 31px;
width: 2px;
background-color: #fff
}
.fancybox-video-close:before {
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg)
}
.fancybox-video-close:after {
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg)
};transform:rotate(-45deg)}
.mk-single-content p {
font-weight: 400;
}
.mk-single-content h1 {
}
.mk-single-content h2 {
}
.mk-single-content h3 {
}
.mk-single-content h4 {
}
.mk-single-content h5 {
}
.mk-single-content h6 {
}
.mk-blog-single .blog-single-title, .mk-blog-hero .content-holder .the-title {
font-weight: 600 !important;
}
#mk-footer .footer-wrapper {
padding: 50px 0
}
#mk-footer [class*='mk-col-'] {
padding: 0 2%;
}
#sub-footer {
background-color: #43474d;
}
.mk-footer-copyright {
font-size: 11px;
letter-spacing: 1px;
}
#mk-footer .widget {
margin-bottom: 40px;
}
#mk-footer, #mk-footer p {
font-size: 14px;
color: #808080;
font-weight: 400;
}
#mk-footer .widgettitle {
text-transform: uppercase;
font-size: 14px;
color: #ffffff;
font-weight: bolder;
}
#mk-footer .widgettitle a {
color: #ffffff;
}
#mk-footer .widget:not(.widget_social_networks) a {
color: #999999;
}
#mk-footer .widget:not(.widget_social_networks) a:hover {
color: #000000;
}
.mk-footer-copyright, #mk-footer-navigation li a {
color: #8c8e91;
}
.mk-fullscreen-nav {
background-color: #444444;
}
.mk-fullscreen-nav-logo {
margin-bottom: 125px;
}
.fullscreen-navigation-ul .menu-item a {
color: #ffffff;
text-transform: uppercase;
font-size: 16px;
letter-spacing: 0;
font-weight: bolder;
padding: 25px 0;
}
.fullscreen-navigation-ul .menu-item a:hover {
background-color: #ffffff;
color: #444444;
}
body {
font-size: 18px;
color: #777777;
font-weight: 500;
line-height: 1.66em;
}
p {
font-size: 18px;
color: #656565;
line-height: 1.50em;
}
a {
color: #2e2e2e;
}
a:hover {
color: #f38b00;
}
.master-holder strong {
color: #f38b00;
}
.master-holder h1 {
font-size: 36px;
color: #404040;
font-weight: 600;
text-transform: uppercase;
}
.master-holder h2 {
font-size: 30px;
color: #404040;
font-weight: 600;
text-transform: uppercase;
}
.master-holder h3 {
font-size: 24px;
color: #404040;
font-weight: 600;
text-transform: uppercase;
}
.master-holder h4 {
font-size: 18px;
color: #404040;
font-weight: 600;
text-transform: uppercase;
}
.master-holder h5 {
font-size: 16px;
color: #404040;
font-weight: 600;
text-transform: uppercase;
}
.master-holder h6 {
font-size: 14px;
color: #404040;
font-weight: 600;
text-transform: uppercase;
}
.mk-section-preloader {
background-color: #ffffff !important;
}
@media handheld, only screen and (max-width:1140px) {
.mk-header-bg {
}
.responsive-searchform .text-input {
}
.responsive-searchform span i {
}
.responsive-searchform i svg {
}
.responsive-searchform .text-input::-webkit-input-placeholder {
}
.responsive-searchform .text-input:-ms-input-placeholder {
}
.responsive-searchform .text-input:-moz-placeholder {
}
.mk-header-toolbar {
}
.mk-toolbar-navigation a, .mk-toolbar-navigation a:hover, .mk-language-nav > a, .mk-header-login .mk-login-link, .mk-subscribe-link, .mk-checkout-btn, .mk-header-tagline a, .header-toolbar-contact a, .mk-language-nav > a:hover, .mk-header-login .mk-login-link:hover, .mk-subscribe-link:hover, .mk-checkout-btn:hover, .mk-header-tagline a:hover {
}
.mk-header-tagline, .header-toolbar-contact, .mk-header-date {
}
.mk-header-toolbar .mk-header-social svg {
}
}
.mk-header-toolbar {
background-color: #ffffff;
}
.mk-toolbar-navigation a, .mk-toolbar-navigation a:hover, .mk-language-nav > a, .mk-header-login .mk-login-link, .mk-subscribe-link, .mk-checkout-btn, .mk-header-tagline a, .header-toolbar-contact a, .mk-language-nav > a:hover, .mk-header-login .mk-login-link:hover, .mk-subscribe-link:hover, .mk-checkout-btn:hover, .mk-header-tagline a:hover {
color: #999999;
}
.mk-header-tagline, .header-toolbar-contact, .mk-header-date {
color: #999999;
}
.mk-header-toolbar .mk-header-social svg {
fill: #999999;
}
.add-header-height, .header-style-1 .mk-header-inner .mk-header-search, .header-style-1 .menu-hover-style-1 .main-navigation-ul > li > a, .header-style-1 .menu-hover-style-2 .main-navigation-ul > li > a, .header-style-1 .menu-hover-style-4 .main-navigation-ul > li > a, .header-style-1 .menu-hover-style-5 .main-navigation-ul > li, .header-style-1 .menu-hover-style-3 .main-navigation-ul > li, .header-style-1 .menu-hover-style-5 .main-navigation-ul > li {
height: 130px;
line-height: 130px;
}
.header-style-1.a-sticky .menu-hover-style-1 .main-navigation-ul > li > a, .header-style-3.a-sticky .menu-hover-style-1 .main-navigation-ul > li > a, .header-style-1.a-sticky .menu-hover-style-5 .main-navigation-ul > li, .header-style-1.a-sticky .menu-hover-style-2 .main-navigation-ul > li > a, .header-style-3.a-sticky .menu-hover-style-2 .main-navigation-ul > li > a, .header-style-1.a-sticky .menu-hover-style-4 .main-navigation-ul > li > a, .header-style-3.a-sticky .menu-hover-style-4 .main-navigation-ul > li > a, .header-style-1.a-sticky .menu-hover-style-3 .main-navigation-ul > li, .header-style-3.a-sticky .mk-header-holder .mk-header-search, .a-sticky:not(.header-style-4) .add-header-height {
height: 60px !important;
line-height: 60px !important;
}
.mk-header-bg {
-webkit-opacity: 1;
-moz-opacity: 1;
-o-opacity: 1;
opacity: 1;
}
.a-sticky .mk-header-bg {
-webkit-opacity: 1;
-moz-opacity: 1;
-o-opacity: 1;
opacity: 1;
}
.header-style-4 .header-logo {
margin: 10px 0;
}
.header-style-2 .mk-header-inner {
line-height: 130px;
}
.mk-header-nav-container {
background-color: #ffffff;
}
.mk-header-start-tour {
font-size: 14px;
color: #333333;
}
.mk-header-start-tour:hover {
color: #333333;
}
.mk-search-trigger, .mk-header .mk-header-cart-count {
color: #444444;
}
.mk-toolbar-resposnive-icon svg, .mk-header .mk-shoping-cart-link svg {
fill: #444444;
}
.mk-css-icon-close div, .mk-css-icon-menu div {
background-color: #444444;
}
.mk-header-searchform .text-input {
color: #c7c7c7;
}
.mk-header-searchform span i {
color: #c7c7c7;
}
.mk-header-searchform .text-input::-webkit-input-placeholder {
color:#c7c7c7;
}
.mk-header-searchform .text-input:-ms-input-placeholder {
color:#c7c7c7;
}
.mk-header-searchform .text-input:-moz-placeholder {
color:#c7c7c7;
}
.mk-header-social.header-section a.small {
margin-top: 48px;
}
.mk-header-social.header-section a.medium {
margin-top: 40px;
}
.mk-header-social.header-section a.large {
margin-top: 32px;
}
.a-sticky .mk-header-social.header-section a.small, .a-sticky .mk-header-social.header-section a.medium, .a-sticky .mk-header-social.header-section a.large {
margin-top: 13px;
line-height: 16px !important;
height: 16px !important;
width: 16px !important;
padding: 8px !important;
}
.a-sticky .mk-header-social.header-section a.small svg, .a-sticky .mk-header-social.header-section a.medium svg, .a-sticky .mk-header-social.header-section a.large svg {
line-height: 16px !important;
height: 16px !important;
}
.header-section.mk-header-social svg {
fill: #999999;
}
.header-section.mk-header-social a:hover svg {
fill: #cccccc;
}
.header-style-4 {
text-align : left
}
.mk-header-inner, .a-sticky .mk-header-inner, .header-style-2.a-sticky .mk-classic-nav-bg {
border-bottom: 1px solid #ffffff;
}
.header-style-4.header-align-left .mk-header-inner, .header-style-4.header-align-center .mk-header-inner {
border-bottom: none;
border-right: 1px solid #ffffff;
}
.header-style-4.header-align-right .mk-header-inner {
border-bottom: none;
border-left: 1px solid #ffffff;
}
.header-style-2 .mk-header-nav-container {
border-top: 1px solid #ffffff;
}
.a-sticky .mk-header-inner, .header-style-2.a-sticky .mk-classic-nav-bg {
border-bottom: 1px solid #ffffff;
}
.mk-vm-menuwrapper li > a {
padding-right: 45px;
}
.header-style-4 .mk-header-right {
text-align: left !important;
}
@media handheld, only screen and (max-width:1740px) and (min-width:1140px) {
.dashboard-opened .header-style-3.sticky-style-fixed .mk-dashboard-trigger {
transform: translateX(-300px) translateZ(0);
transition: all 300ms ease-in-out !important;
}
}
.mk-grid {
max-width: 1200px;
}
.mk-header-nav-container, .mk-classic-menu-wrapper {
width: 1200px;
}
.theme-page-wrapper #mk-sidebar.mk-builtin {
width: 27%;
}
.theme-page-wrapper.right-layout .theme-content, .theme-page-wrapper.left-layout .theme-content {
width: 73%;
}
.mk-boxed-enabled #mk-boxed-layout, .mk-boxed-enabled #mk-boxed-layout .header-style-1 .mk-header-holder, .mk-boxed-enabled #mk-boxed-layout .header-style-3 .mk-header-holder {
max-width: 1260px;
}
.mk-boxed-enabled #mk-boxed-layout .header-style-2.a-sticky .mk-header-nav-container {
width: 1260px !important;
left: auto !important;
}
.main-navigation-ul > li.menu-item > a.menu-item-link {
color: #444444;
font-size: 13px;
font-weight: 500;
padding-right: 20px !important;
padding-left: 20px !important;
text-transform: uppercase;
letter-spacing: 0px;
}
.mk-vm-menuwrapper ul li a {
color: #444444;
font-size: 13px;
font-weight: 500;
text-transform: uppercase;
}
.mk-vm-menuwrapper li > a:after, .mk-vm-menuwrapper li.mk-vm-back:after {
color: #444444;
}
.mk-vm-menuwrapper .mk-svg-icon {
fill: #444444;
}
.main-navigation-ul > li.no-mega-menu ul.sub-menu li.menu-item a.menu-item-link {
width: 230px;
}
.menu-hover-style-1 .main-navigation-ul > li.menu-item > a.menu-item-link:hover, .menu-hover-style-1 .main-navigation-ul > li.menu-item:hover > a.menu-item-link, .menu-hover-style-1 .main-navigation-ul > li.current-menu-item > a.menu-item-link, .menu-hover-style-1 .main-navigation-ul > li.current-menu-ancestor > a.menu-item-link, .menu-hover-style-2 .main-navigation-ul > li.menu-item > a.menu-item-link:hover, .menu-hover-style-2 .main-navigation-ul > li.menu-item:hover > a.menu-item-link, .menu-hover-style-2 .main-navigation-ul > li.current-menu-item > a.menu-item-link, .menu-hover-style-2 .main-navigation-ul > li.current-menu-ancestor > a.menu-item-link, .menu-hover-style-1.mk-vm-menuwrapper li.menu-item > a:hover, .menu-hover-style-1.mk-vm-menuwrapper li.menu-item:hover > a, .menu-hover-style-1.mk-vm-menuwrapper li.current-menu-item > a, .menu-hover-style-1.mk-vm-menuwrapper li.current-menu-ancestor > a, .menu-hover-style-2.mk-vm-menuwrapper li.menu-item > a:hover, .menu-hover-style-2.mk-vm-menuwrapper li.menu-item:hover > a, .menu-hover-style-2.mk-vm-menuwrapper li.current-menu-item > a, .menu-hover-style-2.mk-vm-menuwrapper li.current-menu-ancestor > a {
color: #f38b00 !important;
}
.menu-hover-style-3 .main-navigation-ul > li.menu-item > a.menu-item-link:hover, .menu-hover-style-3 .main-navigation-ul > li.menu-item:hover > a.menu-item-link, .menu-hover-style-3.mk-vm-menuwrapper li > a:hover, .menu-hover-style-3.mk-vm-menuwrapper li:hover > a, .menu-hover-style-3 .main-navigation-ul > li.menu-item:hover > a.menu-item-link {
border: 2px solid #f38b00;
}
.menu-hover-style-3 .main-navigation-ul > li.current-menu-item > a.menu-item-link, .menu-hover-style-3 .main-navigation-ul > li.current-menu-ancestor > a.menu-item-link, .menu-hover-style-3.mk-vm-menuwrapper li.current-menu-item > a, .menu-hover-style-3.mk-vm-menuwrapper li.current-menu-ancestor > a {
border: 2px solid #f38b00;
background-color: #f38b00;
color: #ffffff;
}
.menu-hover-style-3.mk-vm-menuwrapper li.current-menu-ancestor > a:after {
color: #ffffff;
}
.menu-hover-style-4 .main-navigation-ul li.menu-item > a.menu-item-link:hover, .menu-hover-style-4 .main-navigation-ul li.menu-item:hover > a.menu-item-link, .menu-hover-style-4 .main-navigation-ul li.current-menu-item > a.menu-item-link, .menu-hover-style-4 .main-navigation-ul li.current-menu-ancestor > a.menu-item-link, .menu-hover-style-4.mk-vm-menuwrapper li a:hover, .menu-hover-style-4.mk-vm-menuwrapper li:hover > a, .menu-hover-style-4.mk-vm-menuwrapper li.current-menu-item > a, .menu-hover-style-4.mk-vm-menuwrapper li.current-menu-ancestor > a, .menu-hover-style-5 .main-navigation-ul > li.menu-item > a.menu-item-link:after {
background-color: #f38b00;
color: #ffffff;
}
.menu-hover-style-4.mk-vm-menuwrapper li.current-menu-ancestor > a:after, .menu-hover-style-4.mk-vm-menuwrapper li.current-menu-item > a:after, .menu-hover-style-4.mk-vm-menuwrapper li:hover > a:after, .menu-hover-style-4.mk-vm-menuwrapper li a:hover::after {
color: #ffffff;
}
.menu-hover-style-1 .main-navigation-ul > li.dropdownOpen > a.menu-item-link, .menu-hover-style-1 .main-navigation-ul > li.active > a.menu-item-link, .menu-hover-style-1 .main-navigation-ul > li.open > a.menu-item-link, .menu-hover-style-1 .main-navigation-ul > li.menu-item > a:hover, .menu-hover-style-1 .main-navigation-ul > li.current-menu-item > a.menu-item-link, .menu-hover-style-1 .main-navigation-ul > li.current-menu-ancestor > a.menu-item-link {
border-top-color: #f38b00;
}
.menu-hover-style-1.mk-vm-menuwrapper li > a:hover, .menu-hover-style-1.mk-vm-menuwrapper li.current-menu-item > a, .menu-hover-style-1.mk-vm-menuwrapper li.current-menu-ancestor > a {
border-left-color: #f38b00;
}
.header-style-1 .menu-hover-style-3 .main-navigation-ul > li > a.menu-item-link {
line-height: 65px;
}
.header-style-1.a-sticky .menu-hover-style-3 .main-navigation-ul > li > a.menu-item-link {
line-height: 40px;
}
.header-style-1 .menu-hover-style-5 .main-navigation-ul > li > a.menu-item-link {
line-height: 20px;
vertical-align: middle;
}
.mk-main-navigation li.no-mega-menu ul.sub-menu, .mk-main-navigation li.has-mega-menu > ul.sub-menu, .mk-shopping-cart-box {
background-color: #333333;
}
.mk-main-navigation ul.sub-menu a.menu-item-link, .mk-main-navigation ul .megamenu-title, .megamenu-widgets-container a, .mk-shopping-cart-box .product_list_widget li a, .mk-shopping-cart-box .product_list_widget li.empty, .mk-shopping-cart-box .product_list_widget li span, .mk-shopping-cart-box .widget_shopping_cart .total {
color: #b3b3b3;
}
.mk-main-navigation ul.sub-menu .menu-sub-level-arrow svg {
fill: #b3b3b3;
}
.mk-main-navigation ul.sub-menu li:hover .menu-sub-level-arrow svg {
fill: #ffffff;
}
.mk-shopping-cart-box .button {
border-color: #b3b3b3;
color: #b3b3b3;
}
.mk-main-navigation ul .megamenu-title {
color: #ffffff;
}
.mk-main-navigation ul .megamenu-title:after {
background-color: #ffffff;
}
.megamenu-widgets-container {
color: #b3b3b3;
}
.megamenu-widgets-container .widgettitle {
text-transform: uppercase;
font-size: 14px;
font-weight: bolder;
}
.mk-main-navigation ul.sub-menu li.menu-item ul.sub-menu li.menu-item a.menu-item-link svg {
color: #e0e0e0;
}
.mk-main-navigation ul.sub-menu a.menu-item-link:hover, .main-navigation-ul ul.sub-menu li.current-menu-item > a.menu-item-link, .main-navigation-ul ul.sub-menu li.current-menu-parent > a.menu-item-link {
color: #ffffff !important;
}
.megamenu-widgets-container a:hover {
color: #ffffff;
}
.main-navigation-ul ul.sub-menu li.menu-item a.menu-item-link:hover, .main-navigation-ul ul.sub-menu li.menu-item:hover > a.menu-item-link, .main-navigation-ul ul.sub-menu li.menu-item a.menu-item-link:hover, .main-navigation-ul ul.sub-menu li.menu-item:hover > a.menu-item-link, .main-navigation-ul ul.sub-menu li.current-menu-item > a.menu-item-link, .main-navigation-ul ul.sub-menu li.current-menu-parent > a.menu-item-link {
background-color: transparent !important;
}
.mk-search-trigger:hover, .mk-header-start-tour:hover {
color: #f38b00;
}
.mk-search-trigger:hover .mk-svg-icon, .mk-header-start-tour:hover .mk-svg-icon {
fill: #f38b00;
}
.main-navigation-ul li.menu-item ul.sub-menu li.menu-item a.menu-item-link {
font-size: 12px;
font-weight: 400;
text-transform: uppercase;
letter-spacing: 1px;
}
.has-mega-menu .megamenu-title {
letter-spacing: 1px;
}
.mk-responsive-wrap {
background-color: #ffffff;
}
.main-navigation-ul > li.no-mega-menu > ul.sub-menu:after, .main-navigation-ul > li.has-mega-menu > ul.sub-menu:after {
background-color: #f38b00;
}
.mk-shopping-cart-box {
border-top: 2px solid #f38b00;
}
@media handheld, only screen and (max-width:1200px) {
.mk-grid, .mk-header-nav-container, .mk-classic-menu-wrapper {
width: 100%;
}
.mk-padding-wrapper {
padding: 0 20px;
}
.header-grid.mk-grid .header-logo.left-logo {
left: 15px !important;
}
.header-grid.mk-grid .header-logo.right-logo, .mk-header-right {
right: 15px !important;
}
.mk-photo-album {
margin-left: 0 !important;
margin-right: 0 !important;
width: 100% !important;
}
.mk-edge-slider .mk-grid {
padding: 0 20px;
}
}
@media handheld, only screen and (max-width:960px) {
.theme-page-wrapper .theme-content {
width: 100% !important;
float: none !important;
}
.theme-page-wrapper {
padding-right: 15px !important;
padding-left: 15px !important;
}
.theme-page-wrapper .theme-content:not(.no-padding) {
padding: 25px 0 !important;
}
.theme-page-wrapper #mk-sidebar {
width: 100% !important;
float: none !important;
padding: 0 !important;
}
.theme-page-wrapper #mk-sidebar .sidebar-wrapper {
padding: 20px 0 !important;
}
}
@media handheld, only screen and (max-width:1140px) {
.logo-is-responsive .mk-desktop-logo, .logo-is-responsive .mk-sticky-logo {
display: none !important;
}
.logo-is-responsive .mk-resposnive-logo {
display: block !important;
}
.add-header-height, .header-style-1 .mk-header-inner, .header-style-3 .mk-header-inner, .header-style-3 .header-logo, .header-style-1 .header-logo, .header-style-1 .shopping-cart-header, .header-style-3 .shopping-cart-header {
height: 130px!important;
line-height: 130px;
}
.mk-header:not(.header-style-4) .mk-header-holder {
position: relative !important;
top: 0 !important;
}
.mk-header-padding-wrapper {
display: none !important;
}
.mk-header-nav-container {
width: auto !important;
display: none !important;
}
.header-style-1 .mk-header-right, .header-style-2 .mk-header-right, .header-style-3 .mk-header-right {
right: 55px !important;
}
.header-style-1 .mk-header-inner .mk-header-search, .header-style-2 .mk-header-inner .mk-header-search, .header-style-3 .mk-header-inner .mk-header-search {
display: none !important;
}
.mk-fullscreen-search-overlay {
display: none;
}
.mk-header-search {
padding-bottom: 10px !important;
}
.mk-header-searchform span .text-input {
width: 100% !important;
}
.header-style-2 .header-logo .center-logo {
text-align: right !important;
}
.header-style-2 .header-logo .center-logo a {
margin: 0 !important;
}
.header-logo, .header-style-4 .header-logo {
height: 90px !important;
}
.header-style-4 .shopping-cart-header {
display: none;
}
.mk-header-inner {
padding-top: 0 !important;
}
.header-style-1 .header-logo, .header-style-2 .header-logo, .header-style-4 .header-logo {
position: relative !important;
right: auto !important;
left: auto !important;
}
.shopping-cart-header {
margin: 0 20px 0 0 !important;
}
.mk-responsive-nav li ul li .megamenu-title:hover, .mk-responsive-nav li ul li .megamenu-title, .mk-responsive-nav li a, .mk-responsive-nav li ul li a:hover, .mk-responsive-nav .mk-nav-arrow {
color: #444444 !important;
}
.mk-mega-icon {
display: none !important;
}
.mk-header-bg {
zoom: 1 !important;
filter: alpha(opacity=100) !important;
opacity: 1 !important;
}
.header-style-1 .mk-nav-responsive-link, .header-style-2 .mk-nav-responsive-link, .logo-in-middle .header-logo {
display: block !important;
}
.header-grid.mk-grid {
position: initial !important;
}
.mk-header-nav-container {
height: 100%;
z-index: 200;
}
.mk-main-navigation {
position: relative;
z-index: 2;
}
.header-style-4 .mk-header-inner {
width: auto !important;
position: relative !important;
overflow: visible;
padding-bottom: 0;
}
.admin-bar .header-style-4 .mk-header-inner {
top: 0 !important;
}
.header-style-4 .mk-header-right {
display: none;
}
.header-style-4 .mk-nav-responsive-link {
display: block !important;
}
.header-style-4 .mk-vm-menuwrapper, .header-style-4 .mk-header-search {
display: none;
}
.header-style-4 .header-logo {
width: auto !important;
display: inline-block !important;
text-align: left !important;
margin: 0 !important;
}
.vertical-header-enabled .header-style-4 .header-logo img {
max-width: 100% !important;
left: 20px!important;
top: 50%!important;
-webkit-transform: translate(0, -50%)!important;
-moz-transform: translate(0, -50%)!important;
-ms-transform: translate(0, -50%)!important;
-o-transform: translate(0, -50%)!important;
transform: translate(0, -50%)!important;
position: relative !important;
}
.vertical-header-enabled.vertical-header-left #theme-page > .mk-main-wrapper-holder, .vertical-header-enabled.vertical-header-center #theme-page > .mk-main-wrapper-holder, .vertical-header-enabled.vertical-header-left #theme-page > .mk-page-section-wrapper .mk-page-section, .vertical-header-enabled.vertical-header-center #theme-page > .mk-page-section-wrapper .mk-page-section, .vertical-header-enabled.vertical-header-left #theme-page > .wpb_row, .vertical-header-enabled.vertical-header-center #theme-page > .wpb_row, .vertical-header-enabled.vertical-header-left #mk-theme-container:not(.trans-header), .vertical-header-enabled.vertical-header-center #mk-footer, .vertical-header-enabled.vertical-header-left #mk-footer, .vertical-header-enabled.vertical-header-center #mk-theme-container:not(.trans-header) {
padding-left: 0 !important;
}
.vertical-header-enabled.vertical-header-right #theme-page > .mk-main-wrapper-holder, .vertical-header-enabled.vertical-header-right #theme-page > .mk-page-section-wrapper .mk-page-section, .vertical-header-enabled.vertical-header-right #theme-page > .wpb_row, .vertical-header-enabled.vertical-header-right #mk-footer, .vertical-header-enabled.vertical-header-right #mk-theme-container:not(.trans-header) {
padding-right: 0 !important;
}
.header-style-1 .mk-dashboard-trigger, .header-style-2 .mk-dashboard-trigger {
display: none;
}
.header-style-4 .mk-header-bg {
height: 100% !important;
}
}
@media handheld, only screen and (min-width:1140px) {
.trans-header .sticky-style-slide .mk-header-holder {
position: absolute;
}
.trans-header .bg-true:not(.a-sticky) .mk-header-bg {
opacity: 0;
}
.trans-header .bg-true.mk-header:not(.a-sticky) .mk-header-inner {
border: 0;
}
.trans-header .bg-true.light-skin:not(.a-sticky) .mk-desktop-logo.light-logo {
display: block !important;
}
.trans-header .bg-true.light-skin:not(.a-sticky) .mk-desktop-logo.dark-logo {
display: none !important;
}
.trans-header .bg-true.light-skin:not(.a-sticky) .main-navigation-ul > li.menu-item > a.menu-item-link, .trans-header .bg-true.light-skin:not(.a-sticky) .mk-search-trigger, .trans-header .bg-true.light-skin:not(.a-sticky) .mk-header-cart-count, .trans-header .bg-true.light-skin:not(.a-sticky) .mk-header-start-tour, .trans-header .bg-true.light-skin:not(.a-sticky) .menu-hover-style-1 .main-navigation-ul > li.menu-item > a.menu-item-link:hover, .trans-header .bg-true.light-skin:not(.a-sticky) .menu-hover-style-1 .main-navigation-ul > li.menu-item:hover > a.menu-item-link, .trans-header .bg-true.light-skin:not(.a-sticky) .menu-hover-style-1 .main-navigation-ul > li.current-menu-item > a.menu-item-link, .trans-header .bg-true.light-skin:not(.a-sticky) .menu-hover-style-1 .main-navigation-ul > li.current-menu-ancestor > a.menu-item-link, .trans-header .bg-true.light-skin:not(.a-sticky) .menu-hover-style-2 .main-navigation-ul > li.menu-item > a.menu-item-link:hover, .trans-header .bg-true.light-skin:not(.a-sticky) .menu-hover-style-2 .main-navigation-ul > li.menu-item:hover > a.menu-item-link, .trans-header .bg-true.light-skin:not(.a-sticky) .menu-hover-style-2 .main-navigation-ul > li.current-menu-item > a.menu-item-link, .trans-header .bg-true.light-skin:not(.a-sticky) .mk-vm-menuwrapper li a, .trans-header .bg-true.light-skin:not(.a-sticky) .mk-vm-menuwrapper li > a:after, .trans-header .bg-true.light-skin:not(.a-sticky) .mk-vm-menuwrapper li.mk-vm-back:after {
color: #fff !important;
}
.trans-header .bg-true.light-skin:not(.a-sticky) .mk-header-social.header-section a svg, .trans-header .bg-true.light-skin:not(.a-sticky) .main-navigation-ul li.menu-item a.menu-item-link .mk-svg-icon, .trans-header .bg-true.light-skin:not(.a-sticky) .mk-search-trigger .mk-svg-icon, .trans-header .bg-true.light-skin:not(.a-sticky) .mk-shoping-cart-link .mk-svg-icon {
fill: #fff !important;
}
.trans-header .bg-true.light-skin:not(.a-sticky) .mk-css-icon-menu div {
background-color: #fff !important;
}
.trans-header .bg-true.light-skin:not(.a-sticky) .menu-hover-style-1 .main-navigation-ul > li.dropdownOpen > a.menu-item-link, .trans-header .bg-true.light-skin:not(.a-sticky) .menu-hover-style-1 .main-navigation-ul > li.active > a.menu-item-link, .trans-header .bg-true.light-skin:not(.a-sticky) .menu-hover-style-1 .main-navigation-ul > li.open > a.menu-item-link, .trans-header .bg-true.light-skin:not(.a-sticky) .menu-hover-style-1 .main-navigation-ul > li.menu-item > a:hover, .trans-header .bg-true.light-skin:not(.a-sticky) .menu-hover-style-1 .main-navigation-ul > li.current-menu-item > a.menu-item-link, .trans-header .bg-true.light-skin:not(.a-sticky) .menu-hover-style-1 .main-navigation-ul > li.current-menu-ancestor > a.menu-item-link {
border-top-color: #fff;
}
.trans-header .bg-true.light-skin:not(.a-sticky) .menu-hover-style-3 .main-navigation-ul > li.current-menu-item > a.menu-item-link, .trans-header .bg-true.light-skin:not(.a-sticky) .menu-hover-style-3 .main-navigation-ul > li.current-menu-ancestor > a.menu-item-link, .trans-header .bg-true.light-skin:not(.a-sticky) .menu-hover-style-3.mk-vm-menuwrapper li.current-menu-item > a, .trans-header .bg-true.light-skin:not(.a-sticky) .menu-hover-style-3.mk-vm-menuwrapper li.current-menu-ancestor > a {
border: 2px solid #fff;
background-color: #fff;
color: #222 !important;
}
.trans-header .bg-true.light-skin:not(.a-sticky) .menu-hover-style-3 .main-navigation-ul > li.menu-item > a.menu-item-link:hover, .trans-header .bg-true.light-skin:not(.a-sticky) .menu-hover-style-3 .main-navigation-ul > li.menu-item:hover > a.menu-item-link, .trans-header .bg-true.light-skin:not(.a-sticky) .menu-hover-style-3.mk-vm-menuwrapper li > a:hover, .trans-header .bg-true.light-skin:not(.a-sticky) .menu-hover-style-3.mk-vm-menuwrapper li:hover > a {
border: 2px solid #fff;
}
.trans-header .bg-true.light-skin:not(.a-sticky) .menu-hover-style-4 .main-navigation-ul li.menu-item > a.menu-item-link:hover, .trans-header .bg-true.light-skin:not(.a-sticky) .menu-hover-style-4 .main-navigation-ul li.menu-item:hover > a.menu-item-link, .trans-header .bg-true.light-skin:not(.a-sticky) .menu-hover-style-4 .main-navigation-ul li.current-menu-item > a.menu-item-link, .trans-header .bg-true.light-skin:not(.a-sticky) .menu-hover-style-5 .main-navigation-ul > li.menu-item > a.menu-item-link:after {
background-color: #fff;
color: #222 !important;
}
.trans-header .bg-true.dark-skin:not(.a-sticky) .mk-desktop-logo.dark-logo {
display: block !important;
}
.trans-header .bg-true.dark-skin:not(.a-sticky) .mk-desktop-logo.light-logo {
display: none !important;
}
.trans-header .bg-true.dark-skin:not(.a-sticky) .main-navigation-ul > li.menu-item > a.menu-item-link, .trans-header .bg-true.dark-skin:not(.a-sticky) .mk-search-trigger, .trans-header .bg-true.dark-skin:not(.a-sticky) .mk-header-cart-count, .trans-header .bg-true.dark-skin:not(.a-sticky) .mk-header-start-tour, .trans-header .bg-true.dark-skin:not(.a-sticky) .menu-hover-style-1 .main-navigation-ul li.menu-item > a.menu-item-link:hover, .trans-header .bg-true.dark-skin:not(.a-sticky) .menu-hover-style-1 .main-navigation-ul li.menu-item:hover > a.menu-item-link, .trans-header .bg-true.dark-skin:not(.a-sticky) .menu-hover-style-1 .main-navigation-ul li.current-menu-item > a.menu-item-link, .trans-header .bg-true.dark-skin:not(.a-sticky) .menu-hover-style-1 .main-navigation-ul li.current-menu-ancestor > a.menu-item-link, .trans-header .bg-true.dark-skin:not(.a-sticky) .menu-hover-style-2 .main-navigation-ul li.menu-item > a.menu-item-link:hover, .trans-header .bg-true.dark-skin:not(.a-sticky) .menu-hover-style-2 .main-navigation-ul li.menu-item:hover > a.menu-item-link, .trans-header .bg-true.dark-skin:not(.a-sticky) .menu-hover-style-2 .main-navigation-ul li.current-menu-item > a.menu-item-link, .trans-header .bg-true.dark-skin:not(.a-sticky) .menu-hover-style-2 .main-navigation-ul li.current-menu-ancestor > a.menu-item-link, .trans-header .bg-true.dark-skin:not(.a-sticky) .mk-vm-menuwrapper li a, .trans-header .bg-true.dark-skin:not(.a-sticky) .mk-vm-menuwrapper li > a:after, .trans-header .bg-true.dark-skin:not(.a-sticky) .mk-vm-menuwrapper li.mk-vm-back:after {
color: #222 !important;
}
.trans-header .bg-true.dark-skin:not(.a-sticky) .mk-header-social.header-section a svg, .trans-header .bg-true.dark-skin:not(.a-sticky) .main-navigation-ul li.menu-item a.menu-item-link .mk-svg-icon, .trans-header .bg-true.dark-skin:not(.a-sticky) .mk-search-trigger .mk-svg-icon, .trans-header .bg-true.dark-skin:not(.a-sticky) .mk-shoping-cart-link .mk-svg-icon {
fill: #222 !important;
}
.trans-header .bg-true.dark-skin:not(.a-sticky) .menu-hover-style-1 .main-navigation-ul > li.dropdownOpen > a.menu-item-link, .trans-header .bg-true.dark-skin:not(.a-sticky) .menu-hover-style-1 .main-navigation-ul > li.active > a.menu-item-link, .trans-header .bg-true.dark-skin:not(.a-sticky) .menu-hover-style-1 .main-navigation-ul > li.open > a.menu-item-link, .trans-header .bg-true.dark-skin:not(.a-sticky) .menu-hover-style-1 .main-navigation-ul > li.menu-item > a:hover, .trans-header .bg-true.dark-skin:not(.a-sticky) .menu-hover-style-1 .main-navigation-ul > li.current-menu-item > a.menu-item-link, .trans-header .bg-true.dark-skin:not(.a-sticky) .menu-hover-style-1 .main-navigation-ul > li.current-menu-ancestor > a.menu-item-link {
border-top-color: #222;
}
.trans-header .bg-true.dark-skin:not(.a-sticky) .mk-css-icon-menu div {
background-color: #222 !important;
}
.trans-header .bg-true.dark-skin:not(.a-sticky) .menu-hover-style-3 .main-navigation-ul > li.current-menu-item > a.menu-item-link, .trans-header .bg-true.dark-skin:not(.a-sticky) .menu-hover-style-3 .main-navigation-ul > li.current-menu-ancestor > a.menu-item-link, .trans-header .bg-true.dark-skin:not(.a-sticky) .menu-hover-style-3.mk-vm-menuwrapper li.current-menu-item > a, .trans-header .bg-true.dark-skin:not(.a-sticky) .menu-hover-style-3.mk-vm-menuwrapper li.current-menu-ancestor > a {
border: 2px solid #222;
background-color: #222;
color: #fff !important;
}
.trans-header .bg-true.dark-skin:not(.a-sticky) .menu-hover-style-3 .main-navigation-ul > li.menu-item > a.menu-item-link:hover, .trans-header .bg-true.dark-skin:not(.a-sticky) .menu-hover-style-3 .main-navigation-ul > li.menu-item:hover > a.menu-item-link, .trans-header .bg-true.dark-skin:not(.a-sticky) .menu-hover-style-3.mk-vm-menuwrapper li > a:hover, .trans-header .bg-true.dark-skin:not(.a-sticky) .menu-hover-style-3.mk-vm-menuwrapper li:hover > a {
border: 2px solid #222;
}
.trans-header .bg-true.dark-skin:not(.a-sticky) .menu-hover-style-4 .main-navigation-ul li.menu-item > a.menu-item-link:hover, .trans-header .bg-true.dark-skin:not(.a-sticky) .menu-hover-style-4 .main-navigation-ul li.menu-item:hover > a.menu-item-link, .trans-header .bg-true.dark-skin:not(.a-sticky) .menu-hover-style-4 .main-navigation-ul li.current-menu-item > a.menu-item-link, .trans-header .bg-true.dark-skin:not(.a-sticky) .menu-hover-style-4 .main-navigation-ul li.current-menu-ancestor > a.menu-item-link, .trans-header .bg-true.dark-skin:not(.a-sticky) .menu-hover-style-5 .main-navigation-ul > li.menu-item > a.menu-item-link:after {
background-color: #222;
color: #fff !important;
}
}
@media handheld, only screen and (max-width:1140px) {
.mk-go-top, .mk-quick-contact-wrapper {
right: 22px;
}
.mk-go-top.is-active {
right: 22px;
bottom: 72px;
}
.mk-quick-contact-wrapper.is-active {
right: 22px;
}
}
.mk-side-dashboard {
background-color: #444444;
}
.mk-side-dashboard, .mk-side-dashboard p {
font-size: 12px;
color: #eeeeee;
font-weight: 400;
}
.mk-side-dashboard .widgettitle {
text-transform: uppercase;
font-size: 14px;
color: #ffffff;
font-weight: bolder;
}
.mk-side-dashboard .widgettitle a {
color: #ffffff;
}
.mk-side-dashboard .widget a {
color: #fafafa;
}
.sidedash-navigation-ul li a {
font-size: 13px;
font-weight: 600;
text-transform: uppercase
}
.sidedash-navigation-ul .sub-menu li a {
font-size: 12px;
font-weight: 400;
text-transform: uppercase
}
.sidedash-navigation-ul li a, .sidedash-navigation-ul li .mk-nav-arrow {
color: #ffffff;
}
.sidedash-navigation-ul li a:hover {
color: #ffffff;
background-color:;
}
.mk-side-dashboard .widget:not(.widget_social_networks) a:hover {
color: #000000;
}
#mk-sidebar, #mk-sidebar p {
font-size: 14px;
color: #999999;
font-weight: 400;
}
#mk-sidebar .widgettitle {
text-transform: uppercase;
font-size: 14px;
color: #333333;
font-weight: bolder;
}
#mk-sidebar .widgettitle a {
color: #333333;
}
#mk-sidebar .widget a {
color: #999999;
}
#mk-sidebar .widget:not(.widget_social_networks) a:hover {
color: #000000;
}
.mk-testimonial-author, .modern-style .mk-testimonial-company, #wp-calendar td#today, .news-full-without-image .news-categories span, .news-half-without-image .news-categories span, .news-fourth-without-image .news-categories span, .mk-read-more, .news-single-social li a, .portfolio-carousel-cats, .blog-showcase-more, .simple-style .mk-employee-item:hover .team-member-position, .mk-portfolio-classic-item .portfolio-categories a, .register-login-links a:hover, .not-found-subtitle, .mk-mini-callout a, .search-loop-meta a, .mk-tooltip a:hover, .new-tab-readmore, .mk-news-tab .mk-tabs-tabs li.is-active a, .mk-woo-tabs .mk-tabs-tabs li.ui-state-active a, .monocolor.pricing-table .pricing-price span, .quantity .plus:hover, .quantity .minus:hover, .blog-modern-comment:hover, .blog-modern-share:hover {
color: #000000;
}
.mk-tabs .mk-tabs-tabs li.is-active a > i, .mk-accordion .mk-accordion-single.current .mk-accordion-tab:before, .widget_testimonials .testimonial-slider .testimonial-author, #mk-filter-portfolio li a:hover, #mk-language-navigation ul li a:hover, #mk-language-navigation ul li.current-menu-item > a, .mk-quick-contact-wrapper h4, .divider-go-top:hover i, .widget-sub-navigation ul li a:hover, #mk-footer .widget_posts_lists ul li .post-list-meta time, .mk-footer-tweets .tweet-username, .product-category .item-holder:hover h4 {
color: #000000 !important;
}
.accent-bg-color, .image-hover-overlay, .newspaper-portfolio, .similar-posts-wrapper .post-thumbnail:hover > .overlay-pattern, .portfolio-logo-section, .post-list-document .post-type-thumb:hover, #cboxTitle, #cboxPrevious, #cboxNext, #cboxClose, .comment-form-button, .mk-dropcaps.fancy-style, .mk-image-overlay, .pinterest-item-overlay, .news-full-with-image .news-categories span, .news-half-with-image .news-categories span, .news-fourth-with-image .news-categories span, .widget-portfolio-overlay, .portfolio-carousel-overlay, .blog-carousel-overlay, .mk-blog-classic-item .blog-loop-comments span, .mk-similiar-overlay, .mk-skin-button, .mk-flex-caption .flex-desc span, .mk-icon-box .mk-icon-wrapper i:hover, .mk-quick-contact-link:hover, .quick-contact-active.mk-quick-contact-link, .mk-fancy-table th, .ui-slider-handle, .widget_price_filter .ui-slider-range, #review_form_wrapper input[type=submit], #mk-nav-search-wrapper form .nav-side-search-icon:hover, form.ajax-search-complete i, .blog-modern-btn, .showcase-blog-overlay, .gform_button[type=submit], .single_add_to_cart_button, .button.checkout-button, .woocommerce #payment #place_order, #respond #submit, .widget_price_filter .price_slider_amount .button, .widget_shopping_cart .button.checkout {
background-color: #000000 !important;
}
.a_accent-bg-hover:hover {
background-color: #000000;
}
::-webkit-selection {
background-color:#000000;
color:#fff;
}
::-moz-selection {
background-color:#000000;
color:#fff;
}
::selection {
background-color: #000000;
color: #fff;
}
.mk-circle-image .item-holder {
-webkit-box-shadow: 0 0 0 1px #000000;
-moz-box-shadow: 0 0 0 1px #000000;
box-shadow: 0 0 0 1px #000000;
}
.mk-blockquote.line-style, .bypostauthor > .mk-single-comment .comment-content, .bypostauthor > .mk-single-comment .comment-content:after, .mk-tabs.simple-style .mk-tabs-tabs li.is-active a {
border-color: #000000 !important;
}
.news-full-with-image .news-categories span, .news-half-with-image .news-categories span, .news-fourth-with-image .news-categories span, .mk-flex-caption .flex-desc span {
box-shadow: 8px 0 0 #000000, -8px 0 0 #000000;
}
.monocolor.pricing-table .pricing-cols .pricing-col.featured-plan {
border: 1px solid #000000 !important;
}
.mk-skin-button.three-dimension {
box-shadow: 0px 3px 0px 0px #000000;
}
.mk-skin-button.three-dimension:active {
box-shadow: 0px 1px 0px 0px #000000;
}
body {
font-family: Rubik
}
.mk-fancy-title {
font-family: Rubik
}
/*store only*/
.mk-toolbar-resposnive-icon {
display: none;
}
#mk-nav-search-wrapper {
top:90px;
}
.responsive-searchform input {
font-size: 13px;
color: #767676;
padding: 10px 12px;
background-color: #fdfdfd;
border: 1px solid #e3e3e3;
outline: 0;
margin-bottom: 4px;
}
#mk-boxed-layout {
z-index: 1;
}
.nextCartShowing #mk-boxed-layout {
z-index: 0;
}
/*----------------------------------------------------------------
..BOTTOM HTML
------------------------------------------------------------------*/
/*----------------------------------------------------------------
..LEFT HTML
------------------------------------------------------------------*/
/*----------------------------------------------------------------
..RIGHT HTML
------------------------------------------------------------------*/
/*----------------------------------------------------------------
..RESPONSIVE BORDERING HTML
------------------------------------------------------------------*/
/*----------------------------------------------------------------
..SHOPPING CART
------------------------------------------------------------------*/
td.cart {
background:none;
width:24%;
*width:250px;
min-width:260px;
}
.nextCartWrapper {
}
.nextCartData {
box-shadow:0 5px 10px rgba(0, 0, 0, .3);
padding:0 6px 6px;
background:#777;
border-radius:5px;
}
#upCartData {
background:#FFF;
border-radius:4px;
padding:0 0 6px;
}
.nextShoppingCartBanner {
display:none;
}
#nextCartHeading {
color: #FFF;
font-size:16px;
font-weight: normal;
padding:9px 0 7px;
margin: 0 10px;
text-align: left;
letter-spacing:.5px;
background:url(//cdn.nexternal.com/common/images/banner_cart.png) 100% 50% no-repeat;
font-family: Georgia, "Times New Roman", Times, serif;
}
.nextCartContents {
margin:0;
padding:0;
border-radius:14px;
padding-bottom:20px;
}
.nextPoweredBy {
margin:10px 10px 0;
padding:0;
color:inherit;
text-align:center;
}
.nextPoweredBy a, .nextPoweredBy a:hover {
color:inherit;
}
.nextCartProducts td.nextCartShipTo {
background:#999;
color:#FFF;
border-radius:5px 5px 0 0;
padding:8px 11px;
border:0;
}
.nextCartShipTo b {
text-transform:uppercase;
font-weight:normal;
}
.nextShoppingCart {
margin:8px 6px 20px;
padding:0;
border:1px solid #999;
border-radius:5px;
overflow:hidden;
background:#FFF;
}
.nextShipMethodTable {
float:right;
}
/* ..invoice subtotal table*/
.nextCartSubtotal,
.nextInvoice .nextCartSubtotal td:nth-child(2),
.nextInvoice .nextCartSubtotal td:nth-child(3){
background:#EEE;
background:rgba(0,0,0,.03);
}
.nextInvoice .nextCartSubtotal {
background:none;
}
.nextCartCategoryDiscount{
background:none;
background:rgba(0,0,0,.05);
}
.nextOrderDiscount {
background:none;
background:rgba(0,0,0,.06);
}
.nextCustomerDiscount {
background:none;
background:rgba(0,0,0,.07);
}
.nextCouponDiscount {
background:#E7E7E7;
background:rgba(0,0,0,.08);
}
.nextSalesTax {
background:#DDD;
background:rgba(0,0,0,.1);
}
.nextShipping {
background:#CCC;
background:rgba(0,0,0,.15);
}
.nextGiftCert {
background:rgba(0, 0, 0, .03);
}
.nextInvoice .nextCartSubtotal td,
.nextInvoice .nextCustomerDiscount td,
.nextInvoice .nextCartCategoryDiscount td,
.nextInvoice .nextOrderDiscount td,
.nextInvoice .nextCouponDiscount td,
.nextInvoice .nextSalesTax td,
.nextInvoice .nextShipping td,
.nextInvoice .nextGiftCert td {
padding:6px 12px;
}
.nextCartProducts {
border-collapse:collapse;
border-spacing:0;
padding:0;
margin:0;
font-size:12px;
}
.nextCartProducts td {
padding:15px 2px;
border-top:1px solid #999;
}
.nextCartProducts tbody tr:first-child td {
border-top:0;
}
.nextCartSubtotal td, .nextCouponDiscount td, .nextSalesTax td, .nextShipping td, .nextGiftCert td {
padding:6px 2px;
}
.nextCartTotal td {
background:#454545;
background:rgba(0,0,0,.7);
border:0;
color:#FFF;
font-size:12px;
text-transform:uppercase;
line-height:1;
}
.nextInvoice .nextCartTotal td,
.directCheckout .nextCartTotal td {
padding:12px;
}
.cart .nextCartSubtotal td {
font-weight:bold;
}
.nextMisCustomer {
margin:5px auto 0 auto;
}
.nextCartEmpty {
padding:10px 5px;
font-size:18px;
color:#CCC;
line-height:1;
}
#spnScrollTarget {
display:block; /* eliminates gap below cart policies in IE7 */
font-size:0 !important;
}
/* override js sizing of coupon popup */
.nextCartBottomButtons div#mpeCoupon_foregroundElement .modal.nextSocialSaleCouponPopup {
height:auto !important;
}
/* pencil and trash - replace edit and delete (pencil and trash) icons with custom images */
td.cart div.nextButtonEdit, td.cart div.nextButtonDelete {
line-height:13px; /* match this to the icon height to vertically align legend text */
display:none;
}
*html td.cart .nextButtonEdit a, *html td.cart .nextButtonDelete a {
margin-left:10px; /* for IE6 and less */
}
td.cart .nextButtonEdit a, td.cart .nextCartProductEdit {
width:8px;
height:12px;
display:block;
background:url(//cdn.nexternal.com/common/images/bg_edit_delete_3.png) 0 -13px no-repeat;
margin:0 0 0 20px;
float:left;
opacity:.5;
}
td.cart .nextCartProductEdit {
margin:0 3px; /* pencil anchor margins */
}
td.cart .nextButtonEdit a img, td.cart .nextCartProductEdit img {
display:none;
}
td.cart .nextButtonEdit a:hover, td.cart .nextCartProductEdit:hover {
/*background-position: -14px -14px;*/
opacity:.9;
}
td.cart .nextButtonDelete a, td.cart .nextCartProductDelete {
width:8px;
height:10px;
display:block;
background:url(//cdn.nexternal.com/common/images/bg_edit_delete_3.png) 0 0 no-repeat;
margin:0 0 0 20px;
float:left;
opacity:.5;
}
/* white x in cart total row */
td.cart tr.nextCartTotal .nextCartProductDelete {
background:url(//cdn.nexternal.com/common/images/bg_edit_delete_3.png) 0 -28px no-repeat;
opacity:.7;
margin-bottom:1px;
}
td.cart tr.nextCartTotal .nextCartProductDelete:hover {
/*background-position:0 0;*/
opacity:1;
}
td.cart .nextCartProductDelete {
margin:0 3px; /* trash anchor margins */
}
td.cart .nextButtonDelete a img, td.cart .nextCartProductDelete img {
display:none;
}
td.cart .nextButtonDelete a:hover, td.cart .nextCartProductDelete:hover {
/*background-position:-14px 0px;*/
opacity:.9;
}
td.cart .nextButtonEdit label, td.cart .nextButtonDelete label {
float:left;
margin-left:5px;
}
td.cart .nextCartProdEdit {
padding-left:4px !important; /* quantity number padding */
}
a.nextCartProductEdit, a.nextCartProductDelete {
-webkit-transition:none;
-moz-transition:none;
-o-transition:none;
-ms-transition:none;
transition:none;
}
.nextCartAddendum {
margin:0 0 20px 6px;
background:url(//cdn.nexternal.com/common/images/alert.png) 0 50% no-repeat;
padding:2px 6px 2px 27px;
text-align:left;
font-size:12px;
min-height:15px;
}
/***** ..custom cart footers | ..kickers *****/
#cartFooter {
margin:10px 0 0;
}
#cartFooter h3 {
font-family: Georgia, "Times New Roman", Times, serif;
font-size:16px;
margin:0 0 5px;
font-weight:normal;
}
#cartFooter p {
margin:0;
padding:0;
font-size:14px;
}
.cartFooterBox {
margin:0 0 10px;
padding:10px;
color:#333;
text-align:left;
border-top:1px solid #CCC;
}
#cartShippingInfo p {
font-size:12px;
}
span.nextCartProdText {
padding-left:5px;
}
.nextMinimumOrderMessage {
margin:10px 6px;
color:#C33A43;
font-weight:bold;
text-align:left;
}
.nextCartCurrency {
margin:0 17px 20px;
text-align:left;
}
/*----------------------------------------------------------------
..PERSISTENT CATEGORY
------------------------------------------------------------------*/
td.persist{
width:20%;
*width:180px; /*IE7*/
}
.nextPersistWrapper {
min-width:130px;
}
.persist h4 {
margin:10px 0;
color:#111;
font-size:17px;
font-style: normal;
letter-spacing: 1px;
line-height: 1.2em;
text-align:left;
font-weight:400;
font-family: Georgia, "Times New Roman", Times, serif;
}
.nextPersistentCategory a {
text-decoration:none; /* all persistent category links */
display:block; /* all persistent category links - this makes the anchors 100% wide */
padding:10px 5px;
margin:0;
font-size:14px;
color:#666;
}
.nextPersistentCategory a:hover {
color:#000; /* all persistent category links hover */
background-color:#F8F8F8;
background-color:rgba(0, 0, 0, .07);
}
.nextTopCategory a {
border-bottom:1px solid #CCC;
}
.nextActiveCategory a, .nextActiveCategory a:hover {
color:#000;
background:#E5E5E5;
background:rgba(0, 0, 0, .1) url(//cdn.nexternal.com/common/images/chevron_dark.png) 100% 50% no-repeat;
padding-right:22px;
}
.nextTopCategory.nextActiveCategory a {
/*color:#000; /* active category */
/*background:none !important; /* for IE6 */
}
.nextTopCategory a:hover {
/*color:#000; /* active category hover */
}
.nextSubcategoryLevel1 a, .nextSubcategoryLevel2 a, .nextSubcategoryLevel3 a, .nextSubcategoryLevel4 a, .nextSubcategoryLevel5 a, .nextSubcategoryLevel6 a {
/*font-size:12px; /* all sub categories (extend this list if necessary) *//*padding:3px 0 3px 18px;*//*color:#999;*/
}
.nextSubcategoryLevel1 a {
padding-left:17px; /* first level subcategory */
}
.nextSubcategoryLevel2 a {
padding-left:27px; /* second level subcategory */
}
.nextSubcategoryLevel3 a {
padding-left:37px; /* third level subcategory */
}
.nextSubcategoryLevel4 a {
padding-left:47px; /* fourth level subcategory */
}
.nextSubcategoryLevel5 a {
padding-left:57px; /* fifth level subcategory */
}
.nextSubcategoryLevel6 a {
padding-left:67px; /* sixth level subcategory */
}
.nextSubcategoryLevel1, .nextSubcategoryLevel2, .nextSubcategoryLevel3, .nextSubcategoryLevel4, .nextSubcategoryLevel5, .nextSubcategoryLevel6 {
margin-left:0;
}
/*----------------------------------------------------------------
..STORE CONTENT
------------------------------------------------------------------*/
#aspnetForm {
height:auto !important;
/*display:table; this centers content even when it blows out beyond max-width setting, but then padding is ignored*/
display:block;
margin: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:1200px;
*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:1200px; /* double the padding when you calculate this */
min-width:668px;
margin:0 auto;
padding:0 10px;
-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
-moz-box-sizing: border-box; /* Firefox, other Gecko */
box-sizing: border-box; /* Opera/IE 8+ */
}
td.main {
padding:0 30px;
}
.nocart td.main {
padding:0;
}
.nopersist td.main {
padding-left:0;
}
.nocart td.main {
padding-right:0;
}
/***** ..WHITE SPACE AND DEFAULT FORMATTING *****/
body td.main #threadWrapper {
font-size:12px;
}
.nextMainImage {
margin:0 30px 10px 0; /* main image margins */
}
.nextZoomIcon {
opacity:.85;
}
.nextCartAccountInfo, .nextCartTop {
margin:0 0 10px; /* margin above returning customer in shopping cart */
}
.nextHierarchyFinalText, .nextHierarchyFinalSeparator {
display:none;
}
hr.nextCatUnderbar {
height:1px;
}
.nextLargeImage {
padding:10px;
}
.nextSearchStatement {
padding-bottom:10px;
font-size:14px;
text-align:left;
}
.nextProductDetailTabbed .nextMainImage {
float:none; /*fix IE7 image overlap */
}
.nextPlusOne {
clear: both;
padding: 9px 0 0;
}
.main a.nextCatName {
display:block;
margin-top:10px;
margin-bottom:10px;
font-weight:normal;
font-size:16px;
}
.nextCurrentCategory {
margin:0 auto 0 0;
}
.nextProdImage {
float:none !important;
}
.nextNoAddresses, .nextNoCreditCards {
padding-top:10px;
}
#tdPriceDetails>span {
padding:8px 0 13px;
display:block;
}
.nextPriceDetailsLink {
font-style:italic;
padding-left:5px;
font-size:12px;
}
.nextPriceDetailsLink a:hover {
text-decoration:underline;
}
td.nextProduct {
padding:15px 5px 5px;
}
.nextProduct.nextFirst > td {
padding-top:30px;
}
.nextLegalDisclaimer {
padding:20px 0;
}
.nextRelatedThread {
width:auto;
margin-bottom:20px;
}
.nextProductDetail .nextStatus {
margin-bottom:15px;
}
#ui-id-1 {
font-size:12px;
}
.nextSortBy {
padding:3px 0;
font-size:11px;
}
.nextSortBy b {
font-weight:normal;
}
.nextNoProductsText {
text-align:left;
}
.nextHierarchyTitle {
display:none;
}
.nextSingleLinePrevNext {
margin-bottom:20px;
}
.nextSingleLinePrevNext a.disguise {
color:#558EA1;
font-size:12px;
}
td.nextCategory {
vertical-align:top;
}
.nextCategoryDescription {
padding-bottom:20px;
}
body.moveInvoiceButtonsJS tr.nextCartSubtotal a.nextEnterCoupon, body.moveInvoiceButtonsJS tr.nextCartSubtotal a.nextEnterGiftCert {
display:none; /* these buttons have been moved with JS on the invoice page */
}
.nextPickupRow > td {
padding:5px 3px 2px 0;
}
.nextPickupLabel {
white-space:nowrap;
}
.nextAddToCartCell {
text-align:left;
}
.nextAddToCartQuantity input {
width:21px;
}
body .pagination:empty {
display:none;
}
.nextInvoice .nextOrderNotificationTable {
float:left;
}
.nextOrderNotificationTable td {
padding:20px 5px 30px;
}
.nextHierarchyShopping {
display:inline-block;
margin-bottom:10px;
}
.nextPolicyWrapper {
margin-top:25px;
}
td.nextNewCustomer,
td.nextReturningCustomer {
padding-top:15px;
}
.nextShipToAddressBookRow td,
.nextBillToAddressBookRow td {
padding-bottom:15px;
}
/***** END WHITE SPACE AND DEFAULT FORMATTING *****/
/***** PRODUCT LIST STYLING *****/
/*
.nextProductList .nextProductWrapper *:not(.margin, .margin *) {
font-size:13px;
font-weight:normal !important;
}
*/
a.nextProdName, .nextTileProducts .nextShortDesc, .nextPrice, .nextBidPrice, .nextStatus, .nextVisibility {
display:block;
margin-bottom:8px;
}
.directCheckout .nextPrice {
display:table-cell;
}
a.nextProdName {
text-transform:uppercase;
margin-bottom:5px;
font-size:12px;
text-decoration:none;
}
a.nextProdName:hover {
text-decoration:underline;
}
a.nextProdThumb {
margin:0 0 10px 0; /* margins for product thumbnails on product list pages */
display:inline-block; /* necessary for the right margin to work */
}
.main td.nextProdThumb {
padding-right:15px;
}
.nextTileProducts {
margin-top:10px; /* margin below banner on product detail screen */
}
.nextProductList .nextShortDesc {
margin-bottom:5px;
}
.nextCustomField1 b,
.nextCustomField1 b,
.nextCustomField2 b,
.nextCustomField3 b,
.nextCustomField4 b,
.nextCustomField5 b,
.nextCustomField6 b,
.nextCustomField1,
.nextCustomField1,
.nextCustomField2,
.nextCustomField3,
.nextCustomField4,
.nextCustomField5,
.nextCustomField6 {
font-style:normal;
font-weight:normal;
}
.nextProductList .nextPrice,
.nextProductList .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;
}
/* experimental: move gift message textbox into gift message popup
body:not(.nextInvoice) .margin.nextGiftMessage {
position:relative !important;
border:0;
display:block !important;
visibility:visible !important;
box-shadow: none;
top:0 !important;
left:0 !important;
}
body:not(.nextInvoice) .nextGiftMessageRow td {
vertical-align:top;
}
body:not(.nextInvoice) .nextSubmitGiftMessage,
body:not(.nextInvoice) .nextGiftMessageTargetLink {
display:none;
}
*/
/***** END POPUP CSS OVERRIDE ******/
/***** ...ACTION BLOCKS *****/
.nextProductDetailTabbed h1.nextProdName, .nextProductDetailTabbed .nextPrice, .nextSharingTools h3, .nextAttributes h3 {
font-family: Georgia, "Times New Roman", Times, serif; /* action blocks headings font */
}
/* Action Blocks - Background Color */
.nextTabbedDetails, .nextSharingTools, .nextProductDetailTabbedTable tr:nth-child(odd) td {
/*background:#FBFBFB !important; /* Action Blocks - Background Color */
}
.nextTabbedDetails, .nextSharingTools, .nextProductDetailTabbedTable, .nextProductDetailTabbedTable td, .nextSharingTools h3, .nextAttributes h3 {
border-color:#CCCCCC !important; /* Action Blocks - Border Color */
}
body .nextProductDetailTabbedTable tr:nth-child(odd) td,
body .nextProductDetailTabbedTable tr:nth-child(even) td,
body .nextProductDetailTabbedTable td {
background: none;
}
body .nextTabbedDetails, body .nextSharingTools {
border-radius:2px;
background:none;
border:none;
padding:0;
}
/***** END ACTION BLOCKS *****/
/***** ...TABBER *****/
body #tcTabs_header {
font-family: Georgia, "Times New Roman", Times, serif;
}
.tab .ajax__tab_outer {
background:#F7F7F7; /* inactive tab background */
border-color: #CCC; /* inactive tab border color */
font-weight: 400; /* inactive tab font weight */
padding:0; /* all tabs padding */
cursor:pointer;
margin:0;
font-size:15px;
border-bottom:1px solid #CCC;
border-radius:2px 2px 0 0;
}
.tab .ajax__tab_outer span {
color: #666; /* inactive tab text color */
}
.tab .ajax__tab_outer:hover span {
color: #666; /* inactive tab hover text color */
}
.tab .ajax__tab_outer:hover {
background:#EEE; /* inactive tab hover background*/
}
.tab .ajax__tab_active .ajax__tab_outer {
background:#FFF; /* active tab background */
border-color: #CCC; /* active tab border color */
font-weight: 400; /* active tab font weight */
border-bottom:1px solid #FFF;
box-shadow:2px 0 0 rgba(0, 0, 0, 0.1);
}
.tab .ajax__tab_active .ajax__tab_outer span {
color:#666 /*active tab text color */
}
.tab .ajax__tab_active .ajax__tab_outer:hover span {
color:#666 /*active tab hover text color */
}
.ajax__tab_inner a span {
padding:8px 15px;
display:block;
}
.tab .ajax__tab_body {
background:#FFF; /* tabber content background */
border:0;
border-top:1px solid #CCC;
border-bottom:1px solid #CCC;
padding:20px 10px;
}
.ajax__tab_header a {
outline:0;
}
.nextRatingIcons {
vertical-align:bottom;
}
.nextRatingIcons img {
vertical-align:middle;
}
/***** END TABBER *****/
/***** ...BANNERS AND HEADINGS *****/
body .nextProductDetailTabbed h1.nextProdName,
body .modal tr.banner1,
body div.margin tr.banner1 {
font-family: Georgia, "Times New Roman", Times, serif;
font-size:22px;
color:#404040;
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:#404040;
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: Helvetica, Arial, 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:green;*/
background-color: #F38B00;
/*opacity:.7;*/
}
input.nextHTMLButton.nextCheckOutButton:hover {
/*opacity:1;*/
}
/*----------------------------------------------------------------
..TOGGLE PERSIST CUSTOM
------------------------------------------------------------------*/
body .nextPersistWrapper, body #searchWrapper {
top:35px;
}
body.article #threadWrapper {
display:none;
}
/* custom break point for persist toggle (customize the min-width and max-width below) */
/*
@media (min-width: 768px) {
body #searchWrapper,
body .nextPersistWrapper {
display:block !important;
}
body #persistToggle,
body #searchToggle {
display:none !important;
}
body td.persist{
width:20%;
position:relative;
}
body .nextPersistWrapper,
body #searchWrapper {
background:#FFF;
border:none;
border-radius:0;
padding:0;
width:auto;
z-index:0;
display:block;
top:0;
}
body #persistToggle,
body #searchToggle,
body #persistToggle.untouched,
body #searchToggle.untouched {
display:none;
}
}
@media (max-width: 767px) {
body td.persist{
width:0;
position:absolute;
}
body .nextPersistWrapper,
body #searchWrapper {
background:#FFF;
border:1px solid #CCCCCC;
border-radius:5px;
left:0px;
padding:0 10px 10px;
position:relative;
top:35px;
width:300px;
z-index:1;
display:none;
clear:both;
}
body #persistToggle,
body #searchToggle,
body #persistToggle.untouched,
body #searchToggle.untouched {
display:inline-block;
}
}
*/
/*----------------------------------------------------------------
..CLUB LOGIN FORM CUSTOM
------------------------------------------------------------------*/
body #clubLogin, body .loginMessage {
margin: 0;
padding: 10px 0;
background:#EEE;
color:#333;
clear:both;
}
body #clubLogin h3 {
font-size:16px;
margin:0 0 0 5px;
color:#333;
}
body.nextLogin #clubLogin,
body.nextRegister #clubLogin{
display:none;
}
#clubLogin * {
vertical-align:middle;
}
/*----------------------------------------------------------------
..CLUB PRICING 2.0
------------------------------------------------------------------*/
.nextClubCustomerType .hideClubPricingFromClubMemebers .clubPrice {
display: none;
}
.clubPricing .priceLabel,
.clubPricing .nextPriceDetailsLink,
.noClubPricing .priceLabel,
.noClubPricing .nextPriceDetailsLink{
/*font-size:.8em;*/
font-size:.8rem;
}
.nextProductDetail .clubPricing .priceLabel,
.nextProductDetail .noClubPricing .priceLabel{
/*font-size:.6em;*/
font-size:.6rem;
}
.nextProductDetail .clubPricing .nextPrice b,
.nextProductDetail .noClubPricing .nextPrice b{
font-weight: normal;
}
.clubPricing .nextTabbedProduct .nextPrice {
margin: 0;
padding: 0;
}
.clubPricing #tabMotion .nextPrice {
/*font-size: 18px;*/
font-size:1.2rem;
}
/*----------------------------------------------------------------
..PROGRESS TRACKER CUSTOM
------------------------------------------------------------------*/
#progress {
margin:0 auto;
text-align:center;
position:relative;
display:none;
background:#FFF;
padding-top:30px;
}
.nextLogin #progress, .nextRegister #progress, .nextOrderInfo #progress, .nextInvoice #progress {
display:block;
}
.nextLogin.hideProgress #progress {
display:none;
}
#progress h3 {
font-weight:normal;
font-size:22px;
color:#404040;
line-height:24px;
margin: 0 0 20px;
font-family:Georgia, "Times New Roman", Times, serif;
clear:both;
}
#progressBar {
position:absolute;
top:118px;
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:#F38B00;
}
#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;
}
.nextRelatedPrice {
padding:0 .5em;
}
@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: 1200px) {
body .fluidContainer .nextProductWrapper, body .relatedWrap {
/*width:33.2%; /* Tile up to 3 products across at this resolution */
}
}
/* oneTile 2.0 break point - requires onetile JS and retile.js, retile.css (1 product per row product list break point) */
/*
@media only screen and (max-width: 900px) {
body:not(.preserveOrder) .main a.nextProdThumb {
display:inline-block;
}
body:not(.preserveOrder) .fluidContainer .nextProductWrapper{
width:100%;
}
body:not(.preserveOrder) .tileCol {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
display: inline-table;
margin: 0 3% 0 0;
padding: 0;
vertical-align: top;
width: 24%;
}
body:not(.preserveOrder) .tileCol.prodTileRt {
width: 32%;
}
body:not(.preserveOrder) .prodThumbWrap.tileCol {
}
body:not(.preserveOrder) .fluidContainer .nextProductWrapper table {
margin: 0 0 10px;
}
body:not(.preserveOrder) a.nextProdThumb img {
max-width:100%;
}
body:not(.preserveOrder) a.nextProdName {
line-height:1;
}
body:not(.preserveOrder) .nextSelectOptions {
text-align:right;
}
}
*/
/* onetile 1.0 break point (depricated) - requires onetile JS and retile.js, retile.css (1 product per row product list break point) */
/*
@media only screen and (max-width: 1023px) {
body .main a.nextProdThumb {
display:inline-block;
}
body .fluidContainer .nextProductWrapper{
width:100%;
}
.prodThumbWrap {
float:left;
margin-right:5%;
width:24.5%;
}
.prodTileRt {
display:inline-block;
width:70%;
text-align:left;
}
a.nextProdName {
line-height:1;
}
body .fluidContainer .nextProductWrapper table {
margin-left:auto;
margin-right:0;
}
.nextSelectOptions {
text-align:right;
}
}
*/
.fluidContainer .nextProductWrapper table {
margin-left:0;
margin-right:auto;
}
.fluidContainer .nextProductWrapper .modal table {
margin-left:0;
}
.nextProductList.nextCategory21 div.fluidContainer {
/*min-width:650px; /* we must set a min width on the product wrapper on an allocated product list page to maintain 3 products across */
}
/*----------------------------------------------------------------
..FLUID 2.2
------------------------------------------------------------------*/
/***** ..fluid thumbs *****/
body .nextCatThumb, body a.nextProdThumb, body .nextRelatedThumb {
*width:auto !important;/*IE7*/
margin:0 auto 10px;
display:inline-block;
}
.nextCatThumb img, a.nextProdThumb img, .nextRelatedThumb img {
width:100% !important;
display:inline-block;
max-width:100%;
*width:auto; /* IE7 */
margin:0;
height:auto !important;
}
.nextCategoryTable {
width:100%; /* for Safari */
}
/***** end fluid thumbs *****/
/***** ..fluid main images *****/
.nextMainImage > div {
display:inline-block;
min-width:150px;
}
.nextProdImage {
display:inline-block;
max-width:100%;
width:100% !important;
*width:auto !important;
height:auto !important;
}
.nextDCProdDetail .nextProdImage{
width:auto;
}
td.nextMainImageWrap {
/*width:100%; /* experimental - force cell that contains main image to be as wide as possible. */
}
/***** end fluid main images *****/
/***** ..fluid gallery thumbs (adjust max-width to determine how many thumbs per row, and select a max-width for their continer .nextGallery) *****/
/**/
.nextGalleryWrap {
width:100%;
}
.nextGallery {
text-align:center;
width:100%;
font-size:0;
float:none;
margin:12px auto;
max-width:400px;
}
.nextGallery div {
display:inline;
}
.nextMiniThumb {
display:inline-block;
max-width:17.5%;
margin:1%;
float:none;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.nextMiniThumb img {
display:inline-block;
max-width:100%;
width:100%;
vertical-align:top;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
/**/
/***** end fluid gallery thumbs *****/
/***** ..fluid form fields *****/
.nextLogin .nextLoginForm input:not([type=submit]) {
width:86%;
}
.nextRegister td.main input:not([type=submit]):not([type=file]):not([type=image]):not([type=checkbox]):not([type=radio]) {
width:86%;
}
.nextOrderInfo td.main input:not([type=submit]):not([type=file]):not([type=image]):not([type=checkbox]):not([type=radio]) {
width:80%;
}
/***** end fluid form fields *****/
/*----------------------------------------------------------------
..CC Collapsible Cart
------------------------------------------------------------------*/
.CCartActive.oms #trTop {
display: table-row !important;
}
.CCartActive.oms .hideInternal{
display:none !important;
}
.CCartActive.nocart #nextCartMask {
display:none !important;
}
.CCartActive .nextPrivacyPolicyPopup, .nextShippingPolicyPopup, .nextReturnPolicyPopup {
z-index:1010;
}
.CCartActive .nextCheckOutButton.nextCheckOutButtonBottom {
/*display:block !important;*/
}
.CCartActive #nextCartMask {
display:none;
position:fixed;
width:100%;
height:100%;
background:#000;
z-index:1;
top:0;
left:0;
}
.CCartActive #cartUtilityWrap {
width:100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.CCartActive #cartUtilityWrap > ul {
float:left;
margin-right:10px;
}
.CCartActive.nextNotLoggedIn #cartUtilityWrap > ul {
margin-right:0px;
}
.CCartActive #cartUtilityWrap > ul li{
margin:5px 0 0;
}
.CCartActive .triggerCart {
float:right;
}
.CCartActive .ui-effects-transfer {
border: 2px solid #666;
background-position:50% 50%;
background-repeat:no-repeat;
background-size:auto 100%;
border-radius:5px;
z-index:1010;
}
.CCartActive #cartUtilityWrap #btnCheckOutTop {
display:inline-block;
}
.CCartActive #cartUtilityWrap .nextHTMLButton {
display:inline-block;
margin:0 0 0 5px;
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:29px;
}
body.CCartActive.nocart {
padding-top:0;
}
.CCartActive #responsiveUtilityWrapper {
background:#777;
text-align:right;
position:fixed;
z-index:1010;
width:100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
display:block;
padding:3px 0;
top: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");
}
}
/***** end collapsible cart *****/
/*----------------------------------------------------------------
..DARKK - styles for dark bg stores
------------------------------------------------------------------*/
/*
#aspnetForm {
background:#000;
}
body .nextProductDetailTabbed h1.nextProdName, body .modal tr.banner1, body div.margin tr.banner1 {
color:#FFF;
}
.nextTileProductBanner tr.banner1 td, .nextSubcategoriesBanner tr.banner1 td, tr.bannerStoreFront td, .nextNoProductsBanner td, .nextRelatedProducts .nextAppendHeader, .main .banner1 h1.nextBannerText {
color:#FFF;
}
.tab .ajax__tab_outer {
background:#333;
border-color: #666;
border-bottom:1px solid #666;
}
.tab .ajax__tab_outer span {
color: #FFF;
}
.tab .ajax__tab_outer:hover span {
color: #FFF;
}
.tab .ajax__tab_outer:hover {
background:#666;
}
.tab .ajax__tab_active .ajax__tab_outer {
background:#000;
border-color: #666;
border-bottom:1px solid #000;
}
.tab .ajax__tab_active .ajax__tab_outer span {
color:#FFF
}
.tab .ajax__tab_active .ajax__tab_outer:hover span {
color:#FFF
}
.tab .ajax__tab_body {
background:#000;
border-top:1px solid #666;
border-bottom:1px solid #666;
}
.modal,
.margin,
.margin td,
div.main{
background:#222;
color:#FFF;
}
body #cartUtilityWrap ul ul {
background:#222;
}
body #cartUtilityWrap li li a:hover,
body #cartUtilityWrap li li span:hover {
background:#444;
}
#progress {
background:none;
}
body .pagination ul > li > a, body .pagination ul > li > span {
background:#444;
}
.nextInvoice .nextCartSubtotal td:nth-child(2),
.nextInvoice .nextCartSubtotal td:nth-child(3) {
background:#EEE;
background:rgba(255,255,255, .03);
}
.nextInvoice .nextCartSubtotal {
background:none;
}
.nextInvoice .nextCartCategoryDiscount {
background:rgba(255,255,255, .05);
}
.nextInvoice .nextOrderDiscount {
background:rgba(255,255,255, .06);
}
.nextInvoice .nextCustomerDiscount {
background:rgba(255,255,255, .07);
}
.nextInvoice .nextCouponDiscount {
background:rgba(255,255,255, .08);
}
.nextInvoice .nextSalesTax {
background:rgba(255,255,255, .1);
}
.nextInvoice .nextShipping {
background:rgba(255,255,255, .15);
}
.nextInvoice .nextCartTotal td {
background:rgba(255,255,255, .3);
color:#FFF;
}
.nextUtilityParent {
color:#FFF;
}
.nextUtilityParent a,
.nextUtilityParent a:hover {
color:#FFF;
}
.cartFooterBox {
color:#999;
border-top:1px solid #666;
}
.nextPrice {
color:#FFF;
}
body .pagination {
border-bottom: 1px dotted #666;
border-top: 1px dotted #666;
}
body .nextSharingTools h3, body .nextAttributes h3 {
color:#FFF;
}
*/
/*----------------------------------------------------------------
..VIDEOS
------------------------------------------------------------------*/
body .video-container {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
margin-top:30px;
}
body .video-container iframe, body .video-container object, body .video-container embed {
position:absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
/*--------------------------------
..Slider Custom Styles
---------------------------------*/
/*
#pnlPersistentCategory42,
#nav li.cat42,
#storefrontWrap li.cat42 {
display:none;
}
*/
/*----------------------------------------------------------------
..RENDERSTOREFRONT.JS Custom Styles
------------------------------------------------------------------*/
/*
#storefrontWrap li.tile {
width:16.6%;
padding:0 1.5% 2%;
}
*/
/*----------------------------------------------------------------
..NAV.JS Custom Styles
------------------------------------------------------------------*/
/*
#nav{
font-family: inherit;
}
*/
/*----------------------------------------------------------------
..Edit Pending Order
------------------------------------------------------------------*/
.editPendingOrder .nextCartAddendum,
.editPendingOrder.nextClubCustomerType #memberSavings,
.editPendingOrder .nextCartEnterGiftCert {
display:none;
}
.nextCartPendingEdit {
margin:0 0 17px;
text-align:left;
padding:0 5px;
}
.editPendingOrder input#btnCheckOutBottom {
margin-bottom:10px;
}
/*----------------------------------------------------------------
..saleStickers (activate via JS)
------------------------------------------------------------------*/
.nextProductList .onSale.nextProductWrapper,
.onSale .nextMainImage {
position:relative;
}
.nextProductList .onSale.nextProductWrapper:after,
.onSale .nextMainImage:after {
content:"Sale!";
position:absolute;
left:8px;
top:8px;
text-transform:uppercase;
opacity:.95;
background:#d26e4b;
width:55px;
height:55px;
line-height:55px;
border-radius:999px;
font-size:16px;
color:#ffffff;
font-weight:bold;
text-align:center;
}
@media only screen and (min-width: 1025px) {
.onSale .nextMainImage:after {
width:90px;
height:90px;
line-height:90px;
font-size:28px;
}
}
/*----------------------------------------------------------------
..tabMotion (requires tabMotion.js
------------------------------------------------------------------*/
.tabMotion td.nextMainImageWrap {
width:50%;
}
.hiddenTab {
display:none;
}
/*reveiws and questions*/
#tabMotion #reviewsQuestionsWrap {
margin:9px 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) {*/
@media only screen and (max-width: 1200px) {
#tabMotion #reviewsQuestionsWrap {
min-width:263px;
}
#tabMotion .nextRatingIcons {
display:block;
margin-bottom:5px;
}
}
#tabMotion .nextReviewsQuestions2 > p {
padding:0;
margin:7px 0;
}
#tabMotion .nextReviewsQuestions2 > p:nth-child(even) {
padding:0 0 10px;
margin:0 0 10px;
border-bottom:1px dotted #ccc;
}
#tabMotion .nextReviewsQuestions2 > p:last-of-type {
border-bottom:none;
padding:0;
}
/*end reviews and questions*/
/*long description*/
#tabMotion .nextLongDescription {
margin: 20px 0 10px;
}
/*specifications*/
body.tabMotionSpecs #tdSpecifications {
display:none;
}
#tabMotion .nextSpecifications {
border-spacing:0;
}
#tabMotion .nextSpecifications td {
font-weight:normal !important;
font-size:13px;
padding:3px 0 3px 10px;
text-align:left;
}
#tabMotion .nextSpecifications > tbody > tr > td:nth-child(1) {
text-transform:uppercase;
padding-left:6px;
}
/*headings*/
.tabMotion .nextSharingTools h3,
.tabMotion .nextAttributes h3,
#tabMotion h3.contentHeading {
border-bottom: 1px solid #ccc;
color: #333;
font-size:18px;
font-weight: normal;
margin: 40px 0 15px;
font-family: Georgia, "Times New Roman", Times, serif;
}
.tabMotion .nextSharingTools h3 {
margin-bottom:0;
}
/*attributes*/
.tabMotion .nextAttributes {
}
.tabMotion .nextAttributes table {
border-spacing:0;
}
.tabMotion .nextAttributes td {
padding-left:0;
}
/*custom fields*/
#tabMotion .nextProductDetailTabbedTable {
border-top:none;
margin:0;
}
/*price*/
#tabMotion .nextPrice {
margin-bottom:0;
/*font-size:0;*/
padding:0;
}
#tabMotion .nextPrice span {
font-size:18px;
}
/*short description*/
#tabMotion .nextShortDesc {
margin:20px 0 0;
padding-top:0;
}
/*h1*/
body.tabMotion .nextProductDetailTabbed h1.nextProdName {
margin-bottom:10px;
}
/*status*/
#tabMotion #statusWrap {
margin-top:4px;
min-height:1em;
}
/*atc*/
.tabMotion .nextAddToCart {
padding:0;
margin:40px 0 0;
}
/*visibility*/
#tabMotion .nextVisibility {
margin:5px 0 0;
}
/*interal store*/
.oms #tabMotion #reviewsQuestionsWrap .pipe.beforeAskQ,
.oms #tabMotion #reviewsQuestionsWrap .pipe.forReviews {
display:none;
}
/*hide empty tabber*/
.nextProductDetailBottom.allTabsMoved {
display:none;
}
/*price details*/
.tabMotionPriceDetails .nextDetailsTabTable #tblBannerHeader {
display:none;
}
.tabMotionPriceDetails .nextDetailsTabTable .banner2 {
background: none;
color: inherit;
}
.tabMotionPriceDetails .nextPriceListTable {
width:auto !important;
}
.tabMotionPriceDetails .nextPriceListTable td{
padding:0 35px 3px 0;
}
.tabMotionPriceDetails #tdPriceDetails > span{
padding-top:0;
}
/*----------------------------------------------------------------
..discount label customization for category discounts and
customer type discoutns that display as line items in the cart
------------------------------------------------------------------*/
/*
td.cart .nextCustomerDiscount > td:nth-child(2),
.nextInvoice .nextCustomerDiscount > td:nth-child(1){
font-size:0;
}
td.cart .nextCustomerDiscount > td:nth-child(2):after,
.nextInvoice .nextCustomerDiscount > td:nth-child(1):after{
content: "Club Membeer Discount - 20% off all wine";
font-size:100%;
}
td.cart .nextCartCategoryDiscount > td:nth-child(2),
td.cart .nextCartCategoryDiscount > td:nth-child(2) span,
.nextInvoice .nextCartCategoryDiscount > td:nth-child(1),
.nextInvoice .nextCartCategoryDiscount > td:nth-child(1) span{
font-size:0;
}
td.cart .nextCartCategoryDiscount > td:nth-child(2):after,
.nextInvoice .nextCartCategoryDiscount > td:nth-child(1):after{
content: "Case Discount - 15% off 12 or more bottles";
font-size:100%;
}
*/
/*----------------------------------------------------------------
..increment/decrement styling
------------------------------------------------------------------*/
/*
.main .nextATCPlusMinus,
.nextAddToCartQuantity input,
.nextExpressOrderRow input,
.nextExpressOrderAlternateRow input,
.nextExpressOrderQuantity > span > * {
border: 1px solid #e3e3e3;
height: 41px;
padding: 7px 10px 8px;
font-size:16px;
border-radius:0;
-moz-box-sizing:border-box;
box-sizing:border-box;
width:auto;
line-height:23px;
vertical-align:top;
margin:5px 0 0;
text-align:center;
min-width: 30px;
}
.nextAddToCartQuantity .nextATCPlusMinus:nth-child(1),
.nextExpressOrderQuantity > span > .nextATCPlusMinus:nth-child(1),
.nextExpressOrderRow span > .nextATCPlusMinus:nth-child(1),
.nextExpressOrderAlternateRow span > .nextATCPlusMinus:nth-child(1) {
border-right:none;
}
.nextAddToCartQuantity .nextATCPlusMinus:nth-of-type(2),
.nextExpressOrderQuantity > span > .nextATCPlusMinus:nth-of-type(2),
.nextExpressOrderRow span > .nextATCPlusMinus:nth-of-type(2),
.nextExpressOrderAlternateRow span > .nextATCPlusMinus:nth-of-type(2) {
border-left:none;
}
.nextAddToCartQuantity {
vertical-align:top;
}
.nextAddToCartQuantity input {
min-width:45px;
}
.cart .nextCartLogin.nextHTMLButton {
padding: 3px 9px;
}
*/
/*----------------------------------------------------------------
..Font Override
------------------------------------------------------------------*/
html {
font-size: 16px;
font-family: "Rubik"; /*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: "Roboto"; /*headings font*/
}
.main,
/*
.margin,
.modal,
*/
body div.modal,
body div.margin,
.cart,
.persist,
.font1,
.font2,
.main .banner1,
/*.main .banner1 h1.nextBannerText,*/
.main .banner2,
.cart .banner1,
.persist .banner1,
.margin .banner1,
.modal .banner1,
.margin .banner2,
.modal .banner2,
.nextCategory .nextCatName,
.nextProduct,
.nextAdvancedSearch,
.nextUndoSearch,
.nextProductDetailTop,
.nextProductDetailStacked .nextProdName,
.nextExpressOrderProducts .nextProdName,
.nextLongDescription,
.nextArticleSearchDescription,
.nextArticleSearchLink,
.nextCartTop,
.nextShoppingCart,
.nextRegisterHeader,
.nextPasswordTextCell,
.nextTrusteeTextCell,
.nextLargeTextLink,
.nextCategoryDisplay .nextCatName,
.nextAttributes,
.nextExpressOrderAttributes,
.nextAppendHeader,
.nextCartEmpty,
.nextCartTotal td,
#cartFooter p,
#cartShippingInfo p,
.nextPersistentCategory.nextTopCategory a,
.nextPersistentCategory .nextTopCategory a,
#ui-id-1,
.nextSortBy,
.nextSingleLinePrevNext a.disguise,
.addCaseMessage,
#tabMotion #reviewsQuestionsWrap,
#tabMotion .questionsDiv p,
#tabMotion .nextSpecifications td,
.main a.nextCatName,
body #clubLogin h3,
.tab .ajax__tab_outer
{
font-size: 1rem;
}
.nextCartProducts,
.cart .nextCartTotal td,
.nextCartAddendum,
.nextTileProductWrapper,
a.nextProdName,
.nextCartLoyaltyRedemption,
.nextPersistentCategory a
{
font-size: .9rem;
}
.font1small,
.font2small,
.labelSubText,
.nextStatus,
.nextSKUOptions,
/*.nextSearchStatement,*/
.nextArticleSearchStatement,
.nextCatDisc,
.nextCatDiscText,
.nextMultiLinePrevNext,
.nextSKUShipText,
.nextSharingDiscountLimit,
.nextMisCustomer,
.nextCartPolicy,
.nextCartCurrency,
.nextCartProdSavings,
.nextViewCoupon,
.nextRemoveCoupon,
.nextRemoveGiftCert,
.nextRemoveGiftCard,
.nextCartCalculator,
.nextCartSmallButton,
.nextPoweredBy,
.nextShippingDisclaimer td,
.nextNewCustomerCancel,
.nextNoApplicationCoupon,
.nextEmptyCartGiftCert,
.nextEmptyCartGiftCard,
/*.nextCartLoyaltyRedemption,*/
.nextProductList .nextShipToSelect select,
.nextProductList .nextShipToSelect option,
a.nextCartDetermineSTP,
a.nextCartEditSTP,
.nextGiftMessageWrap div>a,
.nextCartBottomButtons > a,
a.nextEnterGiftCert,
a.nextEnterCoupon,
#memberSavings,
a.nextEnterGiftCard,
body #cartUtilityWrap,
.nextInvoice a.nextEnterGiftCert,
.nextInvoice a.nextEnterCoupon,
.nextInvoice a.nextEnterGiftCard,
.nextShipToSelect label,
.nextPickupSelect label,
.nextPriceDetailsLink,
body .pagination,
body td.main #threadWrapper,
#progressContinueShopping,
#progress ul li,
#progress ul li span,
.nextSubscriptionLabel
{
font-size: .8rem;
}
.font1large,
.font2large,
.nextSoldOut,
.nextProductDetailTabbed .nextProdName,
/*.nextProductDetailTabbed .nextPrice,*/
body .nextProductDetailTabbed .nextPrice,
.nextNewCustomerLink,
.nextExpressOrderTotals,
.nextArticleSearchTitle,
#nextCartHeading,
#cartFooter h3,
.persist h4,
.nextSearchStatement,
body .nextSharingTools h3,
body .nextAttributes h3,
.tabMotion .nextSharingTools h3,
.tabMotion .nextAttributes h3,
#tabMotion h3.contentHeading,
#tabMotion .nextPrice span
{
font-size: 1.2rem;
}
.nextTileProductBanner tr.banner1 td,
.nextSubcategoriesBanner tr.banner1 td,
tr.bannerStoreFront td,
.nextNoProductsBanner td,
.nextRelatedProducts .nextAppendHeader,
.main .banner1 h1.nextBannerText,
.nextPolicies tr.banner1 td,
#progress h3,
body .nextProductDetailTabbed h1.nextProdName,
body .modal tr.banner1,
body div.margin tr.banner1
{
font-size: 1.6rem;
/*text-transform: uppercase;*/
}
/*----------------------------------------------------------------
..UNIQUE STYLES FOR THIS STORE
------------------------------------------------------------------*/
body.btoc .nextStoreFrontBanner,
body.btob .nextStoreFrontBanner {
display:none;
}
/* Vanillabean moves the category banner by default. Hide it in its original location so it doesn't appear then when sort by or filter are used */
.nextTileProductBanner ~ div.nextProductListWrapper .nextTileProductBanner,
.nextSubcategoriesBanner ~ div.nextProductListWrapper .nextSubcategoriesBanner{
display:none;
}
/*hide pickup*/
/*
.nextPickupRow {
display:none;
}
.oms .nextPickupRow {
display: table-row;
}
*/
.account #trBottom,
.checkout #trBottom {
/*display:none;*/
}
/*
td.main,
td.persist,
td.cart {
background: none;
}
*/
a.nextProdName {
font-weight: bold;
}
.nextHeaderFooter h2 {
font-size: 24px;
/*font-style: italic;*/
color: #404040;
margin: 0 0 20px;
/*border-bottom: 1px dashed #404040;*/
font-weight: bold;
}
@media only screen and (max-width: 1024px) {
.nextHeaderFooter h2 {
font-size: 20px;
}
}
.nextProductDetail .nextSubscriptionRow td + td {
background-image: url(//cdn.nexternal.com/ladro/images/Reorder3.jpg);
background-repeat: no-repeat;
background-position: 0 0;
padding-top: 30px;
min-width: 270px;
}
.nextProductDetail .nextSubscriptionRow td, .nextSubscriptionExplanationRow td {
vertical-align: top;
}
.nextCartAddendum {
margin: 0 6px 20px;
background: #F38B00;
padding: 10px;
text-align: left;
font-size: 14px;
min-height: 15px;
color: #fff;
}
#cartUtilityWrap {
display:none;
}
#cartShippingInfo p {
font-size: 14px;
text-align: center;
border-bottom: 1px solid #ccc;
padding-bottom: 10px;
}
#tabMotion #reviewsQuestionsWrap {
font-size: .8rem;
line-height: 12px;
}
.nextRatingIcons {
font-size: 0;
}
.nextRatingIcons img {
width: 16px;
}
#pickupMessage {
font-weight: bold;
margin: 5px;
white-space: normal;
}
.nextExpectedPickupRow .labelSubText a {
display:none;
}
/* ..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%;
}
/* ..HELLO */
/*----------------------------------------------------------------
..RESPONSIVE STORE
------------------------------------------------------------------*/
.nextCurrentCategorySearch {
/*display:none;*/
margin-bottom:25px;
}
@media only screen and (min-width: 320px) and (max-width: 768px) {
/*td.persist {
display:none;
}
.nextCurrentCategorySearch {
display:table;
}
#searchField2 {
display:block;
}*/
}
@media only screen and (max-width: 1024px) {
td.main {
padding:0 10px;
}
.nextStoreFront #threadWrapper {
display:block;
}
.nextProductSpacer div {
width:10px;
}
#aspnetForm {
padding-left:5px;
padding-right:5px;
}
}
/*--------------------------------
..Ribbon
---------------------------------*/
.ribbonWrap {
padding:0 5px;
box-sizing:border-box;
max-width:1800px;
margin:10px auto 0;
}
.nextProductList #trCenter .ribbonWrap,
.nextProductDetail #trCenter .ribbonWrap{
display:block;
margin:0 0 20px;
padding:0;
}
.ribbon {
background: #333;
position: relative;
width: 100%;
margin:0;
padding:5px 30px;
box-sizing:border-box;
text-align:center;
font-size:20px;
font-family:oswald,sans-serif;
color:#FFF;
font-weight:300;
}
#trCenter .ribbon {
font-size:14px;
}
.ribbon a {
color:#FFF;
text-decoration:underline;
font-size:14px;
}
.ribbon a:hover {
opacity:.8;
color:#FFF;
}
#trCenter .ribbon a {
font-size:10px;
}
.diamond {
height:100%;
width:auto;
background: url('//cdn.nexternal.com/common/images/diamond.png') 100% 50% no-repeat;
top: 0;
position:absolute;
}
.diamond.left{
left:-1px;
}
.diamond.right{
right:-1px;
background-position:0 50%;
}
.persist .ribbonWrap {
margin:0 auto;
}
.persist .diamond {
display:none;
}
.persist .ribbon {
border-top: 1px solid #CCC;
border-bottom:1px solid #CCC;
color:#333;
padding:5px 0;
margin:0;
background:none;
}
.persist .ribbon a,
.persist .ribbon a:hover {
color:#333;
}
@media all and (max-width: 767px) {
.ribbon{
font-size:11px;
}
.ribbon a {
font-size:8px;
}
}