/*$max-content-width: value screen*/ /*Category product*/ /*button style*/ /* ============================================ * Link ============================================ */ /*Core*/ /* ============================================ * Reset ============================================ */ *, *:before, *:after { /*@include box-sizing(border-box);*/ margin: 0; padding: 0; } /*font icon*/ @font-face { font-family: 'FontAwesome'; src: url("fonts/fontawesome-webfont.eot?v=4.1.0"); src: url("fonts/fontawesome-webfont.eot?#iefix&v=4.1.0") format("embedded-opentype"), url("fonts/fontawesome-webfont.woff?v=4.1.0") format("woff"), url("fonts/fontawesome-webfont.ttf?v=4.1.0") format("truetype"), url("fonts/fontawesome-webfont.svg?v=4.1.0#fontawesomeregular") format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: 'maki'; src: url("fonts/maki.eot?56675205"); src: url("fonts/maki.eot?56675205#iefix") format("embedded-opentype"), url("fonts/maki.woff?56675205") format("woff"), url("fonts/maki.ttf?56675205") format("truetype"), url("fonts/maki.svg?56675205#maki") format("svg"); font-weight: normal; font-style: normal; } html { -webkit-tap-highlight-color: black(0); /* Prevent tap highlight on iOS/Android */ -webkit-text-size-adjust: 100%; /* Prevent automatic scaling on iOS */ } body { -webkit-text-size-adjust: none; text-align: left; } html, body, img, fieldset, abbr, acronym { border: 0; } a { text-decoration: none; } a:hover { text-decoration: underline; } :focus { outline: 0; } a:focus { outline: 0 !important; } .ie10 #hack :focus { background: none; } @media all and (min-width: 0) { :focus { background: none; } } h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal; } th, td, code, cite, caption { font-weight: normal; font-style: normal; text-align: left; vertical-align: top; } address { font-style: normal; } fieldset { margin: 0; padding: 0; border: 0; } img { border: 0; vertical-align: top; } ol, ul { list-style: none; } q:before, q:after { content: ''; } /* Forms */ form { display: inline; } legend { display: none; } /* Table */ table { border: 0; border-collapse: collapse; border-spacing: 0; empty-cells: show; font-size: 100%; scrollbar-face-color: expression(runtimeStyle.scrollbarFaceColor = '#fff', cellSpacing = 0); } /* Content */ strong { font-weight: bold; } address { font-style: normal; } cite { font-style: normal; } q, blockquote { quotes: none; } q:before, q:after { content: ''; } small, big { font-size: 80%; } .underline { text-decoration: underline; } sup { font-size: 1em; vertical-align: top; } .em_main { min-height: 250px; } .sidebar { min-height: 1px; } .cms-index-index .em_main { min-height: 1px; } input:focus, input[type="search"]:focus { outline-offset: -2px; } input[type="search"] { -webkit-appearance: none; /* 1 */ -moz-box-sizing: border-box; -webkit-box-sizing: border-box; /* 2 */ box-sizing: border-box; } /*tool tip*/ [data-toggle="tooltip"] { display: inline-block !important; } /* Tools */ .hidden { display: block !important; border: 0 !important; margin: 0 !important; padding: 0 !important; font-size: 0 !important; line-height: 0 !important; width: 0 !important; height: 0 !important; overflow: hidden !important; } .nobr { white-space: nowrap !important; } .wrap { white-space: normal !important; } .a-left { text-align: left !important; } .a-center { text-align: center !important; } .a-right { text-align: right !important; } .v-top { vertical-align: top; } .v-middle { vertical-align: middle; } .f-left, .left { float: left !important; } .f-right, .right { float: right !important; } .f-none { float: none !important; } .f-fix { float: left; width: 100%; } .no-display { display: none; } .no-margin { margin: 0 !important; } .no-padding { padding: 0 !important; } .no-bg { background: none !important; } .em-text-upercase { text-transform: uppercase; } .em-text-uppercase { text-transform: uppercase; } .img-banner { margin-bottom: 50px; display: block; position: relative; } .img-banner.img-responsive { display: inline-block; } .img-responsive-center { display: inline-block; max-width: 100%; height: auto; } .img-responsive { -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } .img-banner-small { margin-bottom: 20px; position: relative; } .spa-center { padding: 0 15%; text-align: center; } .em-wrapper-banners { margin-bottom: 50px; } .box { border: 1px solid #e5e5e5; padding: 2rem; margin-bottom: 25px; } .box.f-left { margin-right: 10px; } .box.f-right { margin-left: 10px; } .line-right { border-right-width: 1px; border-right-style: solid; } .line-left { border-left-width: 1px; border-left-style: solid; } .em-wrapper-one-ads { margin-bottom: 20px; } .em-clear { clear: both; } .em-clear-padding { padding-left: 0 !important; padding-right: 0 !important; } .em-clear-margin { margin-left: 0 !important; margin-right: 0 !important; } .em-clear-radius { -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; } .widget { display: block; } /*==================collapsed==================*/ .non-collapsed { position: relative; cursor: pointer; } .non-collapsed:after { display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\f067"; font-size: 100%; position: absolute; right: 0; top: 0; } .em-collapsed { position: relative; cursor: pointer; } .em-collapsed:after { position: absolute; right: 0; top: 0; display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\f068"; font-size: 100%; } /*============= scroll ie + chrome ==============*/ /* Let's get this party started */ .em-scroll-vertial::-webkit-scrollbar { width: 10px; } /* Track */ .em-scroll-vertial::-webkit-scrollbar-track { background: #ebebeb; -webkit-border-radius: 10px; border-radius: 10px; } /* Handle */ .em-scroll-vertial::-webkit-scrollbar-thumb { -webkit-border-radius: 10px; border-radius: 10px; background: #1ca586; } .em-scroll-vertial { scrollbar-base-color: #1ca586; scrollbar-track-color: #ebebeb; scrollbar-arrow-color: #c4c4c4; } /* Layout ================================================================================ */ .wrapper { min-width: 1px; } .em-col-main { padding-bottom: 50px; } .cms-index-index .em-col-main { padding-bottom: 0px; } .page { margin: 0 auto; padding: 0; text-align: left; } .page-print { background: #fff; padding: 20px; text-align: left; } .page-empty { background: #fff; padding: 20px; text-align: left; } .page-popup { text-align: left; } /* Content Columns */ .col2-set .col-1 { float: left; width: 49%; } .col2-set .col-2 { float: right; width: 49%; } .col2-set .col-narrow { width: 33%; } .col2-set .col-wide { width: 65%; } .col3-set .col-1 { float: left; width: 32%; } .col3-set .col-2 { float: left; width: 32%; margin-left: 2%; } .col3-set .col-3 { float: right; width: 32%; } .col4-set .col-1 { float: left; width: 23.5%; } .col4-set .col-2 { float: left; width: 23.5%; margin: 0 2%; } .col4-set .col-3 { float: left; width: 23.5%; } .col4-set .col-4 { float: right; width: 23.5%; } .col2-set-nospace .col-1 { float: left; width: 50%; } .col2-set-nospace .col-2 { float: right; width: 50%; } /*=======Custum Box-Wide============*/ .em-box-custom .page { -webkit-box-shadow: 0 0 7px #a8a8a8; -moz-box-shadow: 0 0 7px #a8a8a8; box-shadow: 0 0 7px #a8a8a8; } @media (min-width: 1200px) { .wrapper.em-box-custom .page { width: 1200px; } } /* Global Styles ========================================================================= */ /* Form Elements */ input, select, textarea { font: 12px/1.35 Arial, Helvetica, sans-serif; vertical-align: middle; } input.input-text, textarea { padding: 2px; } input.input-text, select, textarea { padding: 5px 10px; border: 1px solid; height: 40px; line-height: 28px; font-size: 110%; -moz-transition: all 500ms ease; -webkit-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease; -moz-backface-visibility: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; } .form-list li.additional-row { border-top: 1px solid #e6e6e6; } select { padding: 5px 5px !important; height: 36px; line-height: 14px; } select.multiselect { height: auto; } select option { padding-right: 10px; } select.multiselect option { padding: 2px 5px; } textarea { overflow: auto; height: 100px; } input.radio { margin-right: 3px; } input.checkbox { margin-right: 3px; } input.qty { width: 40px !important; } button.button::-moz-focus-inner { padding: 0; border: 0; } /* FF Fix */ p.control input.checkbox, p.control input.radio { margin-right: 6px; float: left; margin-top: 0; } .gift-messages-form input.checkbox { float: left; margin-top: 0; } /* Form lists */ /* Grouped fields */ .form-list li { margin-bottom: 5px; margin-right: 3%; } .form-list li.fields .fields { margin-right: 3%; } .form-list li.fields { margin-right: 0; } .form-list li.control { margin: 13px 0; } .form-list label { float: left; position: relative; z-index: 0; padding: 6px 0 5px; margin-bottom: 0; text-transform: capitalize; } .form-list label.required em { float: right; font-style: normal; position: absolute; top: 0px; right: -8px; color: #fe0000; } .form-list li.control label { float: none; display: block; padding: 0; text-transform: none; } .form-list li.control input.radio, .form-list li.control input.checkbox { margin-right: 6px; float: left; margin-top: 0; min-height: 17px; } .form-list .field { float: left; width: 47%; margin-right: 3%; } .form-list li.control .input-box { clear: none; display: inline; width: auto; } .form-list .input-box, .form-list .input-range { display: block; clear: both; } .form-list textarea { width: 254px; height: 10em; } .form-list select { width: 100%; } .form-list input.input-text { width: 100%; } .form-list .input-box { width: 100%; } .form-list li.wide textarea { width: 100%; } .form-list li.additional-row { border-top: 1px solid #ccc; margin-top: 10px; padding-top: 7px; } .form-list li.additional-row .btn-remove { float: right; margin: 5px 0 0; } .fieldset { float: left; width: 49%; } .fieldset .legend { position: relative; } /* Form Validation */ .validation-advice { clear: both; margin: 3px 0 5px; padding: 5px 0px 5px 0px; color: #e70808; text-align: left; position: relative; } .validation-advice:before { display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\f176"; font-size: 1em; padding-right: 10px; } .validation-failed { border: 1px solid #ffa6a6 !important; background: #fef4f4 !important; } p.required { text-align: left; color: #f00; clear: left; padding-top: 0; } /* Expiration date and CVV number validation fix */ .v-fix { float: left; } .v-fix .validation-advice { display: block; position: relative; } /* Global Messages */ .success { color: #3d6611; font-weight: bold; } .error { color: #f00; font-weight: bold; } .notice { color: #ccc; } .std .messages ul { padding: 0; margin: 0; } .messages, .messages ul { list-style: none !important; margin: 0 0 10px; padding: 0; } .messages { width: 100%; overflow: hidden; padding-left: 0 !important; } .messages > li { margin-bottom: 5px; } .messages li li, .messages ul { margin: 0; } .error-msg, .note-msg, .notice-msg { border-style: solid; border-width: 1px; background-position: 10px 9px; background-repeat: no-repeat; padding: 8px 8px 8px 10px; } .error-msg { border-color: #f16048; background-color: #ffe3e3; color: #df280a; position: relative; } .error-msg:before { display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\f071"; font-size: 1em; padding-right: 10px; float: left; margin-top: 1px; } .note-msg, .notice-msg { border-color: #fcd344; background-color: #fafaec; color: #3d6611; position: relative; } .note-msg span:before, .notice-msg span:before { display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\f06a"; font-size: 100%; padding-right: 7px; } .success-msg { border: 1px solid; padding: 2px; } .success-msg li { border: 1px solid; padding: 10px 15px; margin: 0; } .success-msg li span:before { display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\f00c"; font-size: 100%; padding-right: 7px; } /* Page Heading */ .page-title { margin: 0 0 10px; } .page-title h1, .page-title h2 { margin: 0; } .page-title .separator { margin: 0 3px; } .page-title .link-rss { float: right; } .title-buttons { text-align: right; } .title-buttons h1, .title-buttons h2, .title-buttons h3, .title-buttons h4, .title-buttons h5, .title-buttons h6 { float: left; background: none; } .subtitle, .sub-title { clear: both; } /* Pager */ .pager .amount { float: left; margin: 5px 0px 0 0px; } .pager .limiter { float: right; margin-right: 20px; } .pager .pages { margin-top: 8px; } .pager .pages ol { margin-bottom: 0; float: right; padding: 8px 0; } .pager .pages li { display: inline; margin: 0 0 0 3px; text-align: center; } .pager .pages li.current { padding: 5px 11px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; display: inline-block; } .pager .pages li > a, .pager .pages li > span { background: none; border: none; padding: 5px 11px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; } .pager .pages li > a:hover, .pager .pages li > a:focus, .pager .pages li > span:hover, .pager .pages li > span:focus { background: none; } .pager .pages li .next:before { display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\f0da"; font-size: 12px; } .pager .pages li .next img { display: none; } .pager .pages li .previous:before { display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\f0d9"; font-size: 12px; } .pager .pages li .previous img { display: none; } /* Sorter */ .pager label, .sort-by label, .sorter label { margin-right: 5px; margin-top: 6px; float: left; text-transform: capitalize; font-weight: normal; } .sorter .view-mode { float: left; } .sorter .view-mode label { margin-top: 1px; } .sorter .sort-by { float: right; } .pager select, .sorter select { width: 100px; padding: 5px 10px; height: 31px; line-height: 30px; float: left; } /*toolbar-switch*/ .toolbar-title { float: left; } .toolbar-dropdown { position: relative; width: 100px; float: left; } .toolbar-dropdown span.current { display: block; padding: 5px 10px; cursor: pointer; border: 1px solid; } .toolbar-dropdown span.current:after { display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\f0d7"; font-size: 100%; float: right; margin-left: 5px; margin-top: 5px; } .toolbar-dropdown ul { margin: 0; border: 1px solid; position: absolute; right: 0; top: 26px; width: 100px; z-index: 10; } .toolbar-dropdown li { padding: 5px; background-color: #fff; } .toolbar-dropdown li:hover { background-color: #f9efe2; } .toolbar-dropdown li a { text-decoration: none; display: block; } /* Shopping cart total summary row expandable to details */ tr.summary-total { cursor: pointer; } tr.summary-total .summary-collapse { float: right; text-align: right; padding-left: 20px; background: url(../images/bkg_collapse.gif) 0 4px no-repeat; cursor: pointer; } tr.show-details .summary-collapse { background-position: 0 -53px; } tr.summary-details td { font-size: 90%; background-color: #dae1e4; color: #626465; } tr.summary-details-first td { border-top: 1px solid #d2d8db; } tr.summary-details-excluded { font-style: italic; } /* Shopping cart tax info */ .cart-tax-info, .cart-tax-info .cart-price { padding-right: 20px; } .cart-tax-total { display: block; padding-right: 20px; background: url(../images/bkg_collapse.gif) 100% 4px no-repeat; cursor: pointer; } .cart-tax-info .price, .cart-tax-total .price { display: inline !important; font-weight: normal !important; } .cart-tax-total-expanded { background-position: 100% -53px; } /* Class: std - styles for admin-controlled content */ .std .subtitle { padding: 0; } .std ol.ol { list-style: decimal outside; padding-left: 1.5em; } .std ul.disc { list-style: disc outside; padding-left: 18px; margin: 0 0 10px; } .std dl dt { font-weight: bold; } .std dl dd { margin: 0 0 10px; } .std ul, .std ol, .std dl, .std address, .std blockquote { margin: 0 0 1em; padding: 0; } .std ul { list-style: disc outside; padding-left: 1.5em; } .std ol { list-style: decimal outside; padding-left: 1.5em; } .std ul ul { list-style-type: circle; } .std ul ul, .std ol ol, .std ul ol, .std ol ul { margin: .5em 0; } .std dt { font-weight: bold; } .std dd { padding: 0 0 0 1.5em; } .std blockquote { font-style: italic; padding: 0 0 0 1.5em; } .std address { font-style: normal; } .std b, .std strong { font-weight: bold; } .std i, .std em { font-style: italic; } .std ul.none-style { list-style: none; padding-left: 0; } /* Misc */ .links li { display: inline; padding-right: 14px; } .links li.first { padding-left: 0; } .links li.last { background: none; padding-right: 0; } .separator { margin: 0 3px; } .divider { clear: both; display: block; font-size: 0; line-height: 0; height: 1px; margin: 10px 0; background: #ddd; text-indent: -999em; overflow: hidden; } /* Noscript Notice */ .noscript { border: 1px solid #ddd; border-width: 0 0 1px; background: #ffff90; line-height: 1.25; text-align: center; color: #2f2f2f; } .noscript .noscript-inner { width: 1000px; margin: 0 auto; padding: 12px 0 12px; background: url(../images/i_notice.gif) 20px 50% no-repeat; } .noscript p { margin: 0; } /* Demo Notice */ .demo-notice { margin: 0; padding: 6px 10px; background: #d75f07; line-height: 1.15; text-align: center; color: #fff; } /* Cookie Notice */ .notice-cookie { border-bottom: 1px solid #cfcfcf; background: #ffff90; line-height: 1.25; text-align: center; color: #2f2f2f; } .notice-cookie .notice-inner { width: 870px; margin: 0 auto; padding: 12px 0 12px 80px; background: url(../images/i_notice.gif) 20px 25px no-repeat; text-align: left; } .notice-cookie .notice-inner p { margin: 0 0 10px; border: 1px dotted #cccc73; padding: 10px; } /* Add to Links */ .add-to-links .separator { display: none; } .add-to-links { display: inline-block; } .std .add-to-links { padding: 0; list-style: none; margin: 0; } .add-to-links li { /*float:left*/ display: inline-block; margin-right: 5px; vertical-align: top; } /* Add to Links + Add to Cart */ .add-to-box { display: inline-block; clear: both; width: 100%; } /*rating*/ .no-rating, .ratings { overflow: hidden; clear: left; } .no-rating .rating-box, .ratings .rating-box { display: inline-block; margin-right: 5px; margin-top: 0; } .rating-box .rating { float: left; height: 11px; background: url(../images/bkg_rating.png) 0 100% repeat-x; } .rating-box { width: 60px; height: 11px; font-size: 0; line-height: 0; background: url(../images/bkg_rating.png) 0 0 repeat-x; text-indent: -999em; overflow: hidden; } /*=========== Product zoom============*/ .product-view .product-img-box .product-image-zoom { position: relative; overflow: hidden; z-index: 9; } .product-view .product-img-box .product-image-zoom img { position: absolute; left: 0; top: 0; cursor: move; } .product-view .product-img-box .zoom-notice { float: left; display: block; clear: both; width: 100%; } .product-view .product-img-box .zoom { position: relative; z-index: 9; height: 2px; margin: 10px auto 20px; padding: 0 28px; cursor: pointer; float: left; clear: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background: url(../images/slider_bg.gif) 50% 50% no-repeat; } .product-view .product-img-box .zoom.disabled { opacity: 0.3; filter: alpha(opacity=30); } .product-view .product-img-box .zoom #track, .product-view .product-img-box .zoom #track2 { position: relative; height: 2px; } .product-view .product-img-box .zoom #handle, .product-view .product-img-box .zoom #handle2 { position: absolute; left: 0; top: -10px; width: 9px; height: 22px; background: url(../images/magnifier_handle.gif) 0 0 no-repeat; } .product-view .product-img-box .zoom .btn-zoom-out { position: absolute; left: 0; top: -8px; } .product-view .product-img-box .zoom .btn-zoom-in { position: absolute; right: 0; top: -8px; } /*cloud zoom*/ .cloud-zoom-lens { max-width: 100%; max-height: 100%; border: none !important; margin: 0 !important; } /* Product Options */ .product-options ul.validation-failed { padding: 0 7px; } .product-options-bottom .add-to-cart { display: block; overflow: hidden; clear: both; } .product-options-bottom { display: inline-block; width: 100%; } .product-options dt label { font-weight: normal; } .product-options dt label em { color: #fc0b2d; margin-right: 5px; } .product-options dt .qty-holder { float: right; } .product-options dt .qty-holder label { vertical-align: middle; } .product-options dt .qty-disabled { background: none; border: 0; padding: 3px; color: #000; } .product-options dd { margin: 4px 0; } .product-options dd .qty-holder { display: block; margin: 10px 0 15px; } .product-options dd .time-picker { display: -moz-inline-box; display: inline-block; padding: 2px 0; vertical-align: middle; } .product-options dd input.datetime-picker { width: 150px; } .product-options dl { margin-bottom: 0; } .product-options .price { font-size: 100% !important; } .product-options .options-list li { margin: 5px 0; } .product-options .options-list input.radio { float: left; margin: 2px -18px 0 1px; } .product-options .options-list input.checkbox { float: left; margin: 2px -20px 0 1px; } .product-options .options-list .label { display: block; margin-left: 20px; text-align: left; white-space: normal; } .product-options .options-list label { font-weight: normal; } .product-options .options-list .price { font-size: 100% !important; } /* Grouped Product */ .grouped-items-table { margin-bottom: 25px; margin-top: 25px; } .grouped-items-table td { vertical-align: middle; padding: 10px; } .grouped-items-table td input.qty { height: 30px; line-height: 30px !important; width: 50px; text-align: center; } .grouped-items-table th { padding: 10px; text-align: left !important; } /* Content Styles ================================================================= */ .product-name { font-size: 1em; font-weight: normal; } .product-name a { -moz-transition: all 500ms ease; -webkit-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease; -moz-backface-visibility: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; } /* MAP Popup============================================================================== */ .cart-msrp-totals { color: red; font-size: 12px !important; font-weight: bold; margin: 10px 10px 0; padding: 10px; text-align: right; text-transform: uppercase; } .map-cart-sidebar-total { color: red; display: block; font-size: 10px; font-weight: bold; text-align: left; padding: 2px 5px; text-shadow: 0 1px 0 #fff; } .map-popup { background: #fff; border: 1px solid #aaa; margin: 12px 0 0; position: absolute; -webkit-box-shadow: 0 0 6px #cccccc; -moz-box-shadow: 0 0 6px #cccccc; box-shadow: 0 0 6px #cccccc; text-align: left; width: 300px; z-index: 100; } .map-popup-heading { background: #d9e5ee; border-bottom: 1px solid #ccc; padding: 5px 30px 5px 10px; width: 298px; } .map-popup-heading h2 { font-size: 16px; margin: 0; text-shadow: 0 1px 0 #f6f6f6; overflow: hidden; white-space: nowrap; word-wrap: break-word; text-align: left; text-overflow: ellipsis; } .map-popup-arrow { background: url(../images/map_popup_arrow.gif) no-repeat; position: absolute; left: 50%; top: -10px; height: 10px; width: 19px; } .map-popup-close { font-size: 0; display: block; text-indent: -99999px; overflow: hidden; vertical-align: middle; text-align: left; content: ""; position: absolute; right: 10px; top: 8px; width: 15px; height: 15px; background-image: url("../images/icons.png"); background-position: 0 0; background-repeat: no-repeat; -webkit-box-shadow: 0 0 3px #999999; -moz-box-shadow: 0 0 3px #999999; box-shadow: 0 0 3px #999999; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; background: url(../images/btn_window_close.gif) no-repeat; } .map-popup-content { border-top: 1px solid #eee; padding: 10px; overflow: hidden; text-align: left; width: 280px; } .map-popup-checkout { display: inline; float: right; text-align: right; } .map-popup-checkout span { display: block; padding-right: 30px; } .map-popup-checkout .paypal-logo { margin: 0 0 5px; } .map-popup-price .price-box, .map-popup-price .price-box .special-price { margin: 0; padding: 0; } .map-popup-price { margin: 5px 0 0; } .map-popup-text { clear: right; margin: 0 10px; padding: 10px 0; text-align: left; word-wrap: break-word; } .map-popup-only-text { border-top: 1px solid #ddd; } .map-popup-checkout button.btn-cart { float: right; } .map-info .price { margin-right: 10px; } /* ======================================================================================= */ /* RSS */ .rss-title h1 { background: url(../images/i_rss-big.png) 0 4px no-repeat; padding-left: 27px; } .rss-table .link-rss { display: block; line-height: 1.35; background-position: 0 2px; } /*Hide button checkout*/ .checkout-multishipping-address-newbilling .topcart-popup .btn-remove, .checkout-multishipping-address-selectbilling .topcart-popup .btn-remove, .checkout-multishipping-address-editshipping .topcart-popup .btn-remove, .checkout-multishipping-overview .topcart-popup .btn-remove, .checkout-multishipping-billing .topcart-popup .btn-remove, .checkout-multishipping-shipping .topcart-popup .btn-remove, .checkout-multishipping-address-newshipping .topcart-popup .btn-remove, .checkout-multishipping-addresses .topcart-popup .btn-remove, .checkout-onepage-index .topcart-popup .btn-remove { display: none !important; } .cart .title-buttons .checkout-types { display: none; } /* Options Tool Tip */ .dd-truncated { width: 100%; margin-top: 5px; float: left; } .truncated { cursor: help; padding-top: 0; float: left; } .truncated a.dots { cursor: help; } .truncated a.details { cursor: help; float: left; } .truncated .truncated_full_value { position: relative; z-index: 999; } .truncated .truncated_full_value .item-options { position: absolute; top: -99999em; left: -99999em; z-index: 999; width: 250px; padding: 8px; border: 1px solid #ddd; background-color: #f6f6f6; } .truncated .truncated_full_value .item-options > p { font-weight: bold; text-transform: uppercase; } .truncated .show .item-options { top: 15px; left: 0; } dl.item-options dt { font-weight: normal; } dl.item-options dd .price { font-size: 100%; } /* ======================================================================================= */ /* Shipping and Payment methods */ .please-wait { margin-right: 5px; margin-top: 0; display: inline-block; } .please-wait img { vertical-align: middle; } .cvv-what-is-this { cursor: help; margin-left: 5px; line-height: 40px; } .info-set { margin-bottom: 15px; } .paypal-shipping-method.box { border: none; padding: 0; margin: 0; } .sp-methods dt { font-weight: normal; } .sp-methods input.radio { margin-top: -1px; display: inline-block; } .sp-methods .checkmo-list address { float: left; } .sp-methods .centinel-logos a { margin-right: 3px; } .sp-methods .centinel-logos img { vertical-align: middle; } .sp-methods .release-amounts { margin: 0.5em 0 1em; } .sp-methods .release-amounts button { float: left; margin: 5px 10px 0 0; } /* Tooltip */ .tool-tip { border: 1px solid #ddd; background-color: #f6f6f6; padding: 5px; position: absolute; z-index: 9999; top: 200px !important; } .tool-tip .btn-close { text-align: right; } .tool-tip .btn-close a { font-size: 0; display: block; text-indent: -99999px; overflow: hidden; vertical-align: middle; text-align: left; width: 15px; height: 15px; background-image: url("../images/icons.png"); background-position: 0 0; background-repeat: no-repeat; background-image: url(../images/btn_window_close.gif); } .tool-tip .tool-tip-content { padding: 5px; } /* Gift Messages */ .gift-messages-form label { float: none !important; position: static !important; display: inline-block; } .gift-messages-form .item { margin: 0 0 10px; } .gift-messages-form .item .product-img-box { float: left; width: 75px; } .gift-messages-form .item .product-image { margin: 0 0 7px; } .gift-messages-form .item .number { margin: 0; font-weight: bold; text-align: center; } .gift-messages-form .item .details { margin-left: 90px; } .gift-message-link { display: block; background: url(../images/bkg_collapse.gif) 0 4px no-repeat; padding-left: 20px; } .gift-message-link.expanded { background-position: 0 -53px; } .gift-message-row .btn-close { float: right; } .gift-message dt strong { font-weight: bold; } .opc .gift-messages-form { margin: 0px 0 10px; padding: 10px 15px; position: static; } .opc .gift-messages-form .inner-box { padding: 5px; } /* Checkout Agreements */ .checkout-agreements .agree { padding: 6px; padding: 6px 0; margin-top: 10px; } .checkout-agreements li { margin: 10px 0; } .checkout-agreements .agreement-content { border: 1px solid #ddd; background-color: #f6f6f6; padding: 5px; height: 10em !important; overflow: auto; } .checkout-agreements .agreement-content input.checkbox { margin-top: 0; margin-right: 10px; } /* Centinel */ .centinel .authentication { border: 1px solid #ddd; background: #fff; } .centinel .authentication iframe { width: 99%; height: 400px; background: transparent !important; margin: 0 !important; padding: 0 !important; border: 0 !important; } /* Multiple Addresses Checkout */ .checkout-progress { padding: 0px 50px; margin: 10px 0; } .checkout-progress li { border-top: 10px solid #999999; float: left; font-weight: bold; margin: 0 3px 0 0; padding: 2px 0 0; text-align: center; width: 19%; } .checkout-progress li.active { border-top-color: #E96200; color: #E96200; } .multiple-checkout { position: relative; padding-bottom: 20px; } .multiple-checkout .title-buttons { text-align: left; } .multiple-checkout .title-buttons h1 { width: 100%; text-align: left; } .multiple-checkout .title-buttons button.button { float: right; margin-top: 15px; margin-right: 0; } .multiple-checkout .tool-tip { top: 50%; margin-top: -120px; right: 10px; } .multiple-checkout .grand-total { font-size: 1.5em; text-align: right; } .multiple-checkout #checkout-review-submit { padding-top: 20px; } .multiple-checkout #checkout-review-submit #review-buttons-container { padding-top: 20px; } .multiple-checkout .col2-set { padding-bottom: 20px; } /* ======================================================================================= */ .customer-account-resetpassword .fieldset { margin-top: 0px !important; } .customer-account-resetpassword .buttons-set { width: 100%; float: left; margin-top: 10px; } .customer-account-resetpassword .buttons-set p.required { margin-bottom: 10px; } .customer-account-forgotpassword .fieldset { width: 100%; } .customer-account-forgotpassword .fieldset .form-list input.input-text { width: 260px; } /* Captcha */ .captcha-image { float: left; position: relative; } .captcha-img { border: 1px solid #ccc; } .captcha-reload { position: absolute; top: 2px; right: 2px; } .captcha-reload.refreshing { animation: rotate 1.5s infinite linear; -webkit-animation: rotate 1.5s infinite linear; -moz-animation: rotate 1.5s infinite linear; } @-webkit-keyframes rotate { 0% { -webkit-transform: rotate(0); } 0% { -webkit-transform: rotate(-360deg); } } @-moz-keyframes rotate { 0% { -moz-transform: rotate(0); } 0% { -moz-transform: rotate(-360deg); } } @keyframes rotate { 0% { transform: rotate(0); } 0% { transform: rotate(-360deg); } } /* Remember Me Popup ===================================================================== */ .window-overlay { background: rgba(0, 0, 0, 0.35); position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 990; } /* My Account ============================================================================= */ .my-account .title-buttons .link-rss { float: none; margin: 0; } .my-wishlist .cart-cell button.button { margin-bottom: 5px; } .downloadable-customer-products .data-table th { white-space: nowrap; } .sales-order-view .my-account a.link-reorder, .sales-order-view .my-account span.separator, .sales-order-view .my-account a.link-print { float: right; padding-top: 5px; padding-bottom: 5px; margin-top: 8px; } #cart-sidebar-reorder-advice-container { margin: 1em 0; } /* Order View */ .order-info { padding: 5px 0px; } .order-details .table-caption { padding: 0 0px; } .order-info dt, .order-info dd, .order-info ul, .order-info li { display: inline; } .order-info dt { font-weight: bold; } .order-date { margin: 10px 0px; } .page-print .order-date { margin: 10px 0px; } .order-info-box { padding: 0; } .sales-order-view .my-account .title-buttons h1 { text-align: left; width: 100%; } .order-items { width: 100%; } .order-items #my-orders-table.data-table tfoot td.a-right { text-align: right !important; } .order-additional { margin: 15px 0; } /* Order Gift Message */ .gift-message dt strong { color: #666; } .gift-message dd { margin: 5px 0 0; } /* Order Comments */ .order-about dt { font-weight: bold; } .order-about dd { margin: 0 0 7px; } .tracking-table { margin: 0 0 15px; } .tracking-table th { font-weight: bold; white-space: nowrap; } .tracking-table-popup { width: 100%; } .tracking-table-popup th { font-weight: bold; white-space: nowrap; } .tracking-table-popup th, .tracking-table-popup td { padding: 1px 8px; } /* Order Print Pages */ .page-print .print-head img { float: left; } .page-print .print-head address { float: left; margin-left: 15px; } /* Price Rewrites */ .page-print .gift-message-link { display: none; } .page-print .price-excl-tax, .page-print .price-incl-tax { display: block; white-space: nowrap; } .page-print .cart-price, .page-print .price-excl-tax .label, .page-print .price-incl-tax .label, .page-print .price-excl-tax .price, .page-print .price-incl-tax .price { display: inline; } /*Newsletter Subscription*/ .newsletter-manage-index .fieldset { float: none; width: 100%; } .newsletter-manage-index .fieldset .legend { padding-bottom: 10px; } /*Share Your Wishlist*/ .wishlist-index-share .my-account .buttons-set p.required { width: 100%; } .wishlist-index-share .my-account .buttons-set p.back-link { float: left; margin-bottom: 5px; } .wishlist-index-share .fieldset { float: none; width: 100%; } .my-wishlist .truncated { clear: both; } /* Footer ================================================================================ */ .footer ul li { display: inline; } .list-inline { margin-left: 0; } /* Clears ================================================================================ */ .clearer:after, .header-container:after, .header-container .top-container:after, .header:after, .header .quick-access:after, #nav:after, .main:after, .footer:after, .footer-container .bottom-container:after, .col-main:after, .col2-set:after, .col3-set:after, .col4-set:after, .search-autocomplete li:after, .block .block-content:after, .block .actions:after, .block li.item:after, .block-poll li:after, .block-layered-nav .currently li:after, .page-title:after, .products-grid:after, .products-list li.item:after, .box-account .box-head:after, .dashboard .box .box-title:after, .box-reviews li.item:after, .box-tags li.item:after, .pager:after, .sorter:after, .ratings:after, .tags:after, .add-to-box:after, .add-to-cart:after, .product-essential:after, .product-collateral:after, .product-view .product-img-box .more-views ul:after, .product-view .box-description:after, .product-view .box-tags .form-add:after, .product-options .options-list li:after, .product-options-bottom:after, .product-review:after, .cart:after, .cart-collaterals:after, .cart .crosssell li.item:after, .opc .step-title:after, .checkout-progress:after, .multiple-checkout .place-order:after, .group-select li:after, .form-list li:after, .form-list .field:after, .buttons-set:after, .page-print .print-head:after, .advanced-search-summary:after, .gift-messages-form .item:after, .send-friend .form-list li p:after, .widget-static-block:after { display: block; content: "."; clear: both; font-size: 0; line-height: 0; height: 0; overflow: hidden; } /* ======================================================================================= */ /*========== Icons & Brands & Logo ==========*/ .icon, .brand-logo, .em-payment-icon { font-size: 0; display: block; text-indent: -99999px; overflow: hidden; vertical-align: middle; text-align: left; } /*============Banner Center============*/ .banner-center { text-align: center; margin-bottom: 17px; } .banner-center a { margin-bottom: 0; display: inline-block; max-width: 100%; } /*========== back to top ==========*/ #back-top { z-index: 15; position: fixed; right: 15px; bottom: 20px; -moz-backface-visibility: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; display: inline-block; } #back-top a { display: inline-block; text-align: center; height: 52px; width: 52px; border: 1px solid; position: relative; text-transform: uppercase; padding-top: 25px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; /*@include transition1();*/ } #back-top a:before { display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\f077"; font-size: 12px; position: absolute; top: 5px; left: 18px; } #bg_fade { z-index: 999; opacity: 0.5; } #overlay { opacity: 0.8; filter: alpha(opacity=80); } /******Class Padding********/ .emfilter-ajaxblock-loading { position: relative; text-align: center; } .emfilter-ajaxblock-loading:before { display: inline-block; border-style: solid; border-width: 5px; border-left-color: #f02222; border-radius: 974px; -o-border-radius: 974px; -ms-border-radius: 974px; -webkit-border-radius: 974px; -moz-border-radius: 974px; content: ""; height: 40px; width: 40px; margin: 3rem auto; animation: cssload-rotate 1150ms linear infinite; -o-animation: cssload-rotate 1150ms linear infinite; -ms-animation: cssload-rotate 1150ms linear infinite; -webkit-animation: cssload-rotate 1150ms linear infinite; -moz-animation: cssload-rotate 1150ms linear infinite; } @keyframes cssload-rotate { 100% { transform: rotate(360deg); } } @-o-keyframes cssload-rotate { 100% { -o-transform: rotate(360deg); } } @-ms-keyframes cssload-rotate { 100% { -ms-transform: rotate(360deg); } } @-webkit-keyframes cssload-rotate { 100% { -webkit-transform: rotate(360deg); } } @-moz-keyframes cssload-rotate { 100% { -moz-transform: rotate(360deg); } } /* ============================================ * Button ============================================ */ a.viewall, a.goto-cart, button.button, .tp-caption a.ss-btn-link, .button-link, .em-sidebar a.link-cart, #em_quickshop_handler { border: 1px solid; overflow: visible; width: auto; margin: 0 10px 10px 0; padding: 7px 10px; cursor: pointer; float: left; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; -moz-transition: all 500ms ease; -webkit-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease; -moz-backface-visibility: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; white-space: nowrap; } a.viewall span, a.goto-cart span, button.button span, .tp-caption a.ss-btn-link span, .button-link span, .em-sidebar a.link-cart span, #em_quickshop_handler span { display: inline-block; text-align: center; text-transform: uppercase; padding: 0 3px; } .cart button.btn-checkout span span { padding: 4px 10px; } /*=====Button Icon=====*/ /*=====Button Quickshop============*/ .quickshop-link-container { display: inline; } .quickshop-link-container .quickshop-link { font-size: 0; display: block; text-indent: -99999px; overflow: hidden; vertical-align: middle; text-align: left; text-indent: 0; padding: 7px; vertical-align: top; width: 30px; float: none; display: inline-block; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; border-style: solid; border-width: 1px; } .quickshop-link-container .quickshop-link span { padding: 0; } .quickshop-link-container .quickshop-link:before { display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\f06e"; font-size: 14px; } /*=====Button Add To Cart=====*/ .em-sidebar a.link-cart, .button-link.link-cart, .em-sidebar button.button.btn-cart, button.button.btn-cart { font-size: 0; display: block; text-indent: -99999px; overflow: hidden; vertical-align: middle; text-align: left; text-indent: 0; padding: 7px; vertical-align: top; width: 30px; margin-right: 5px; float: none; display: inline; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; font-size: 0; } .em-sidebar a.link-cart span, .button-link.link-cart span, .em-sidebar button.button.btn-cart span, button.button.btn-cart span { padding: 0; } .em-sidebar a.link-cart:before, .button-link.link-cart:before, .em-sidebar button.button.btn-cart:before, button.button.btn-cart:before { display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\f07a"; font-size: 14px; } button.button.btn-cart { width: auto; } button.button.btn-cart span { padding: 0 3px; } .em-featured-slider button.button.btn-cart { font-size: 0; } .em-featured-slider button.button.btn-cart span { padding: 0; } /*=====End Button Add To Cart=====*/ /*=====Button Add To Wishlist/Compare=====*/ .add-to-links { margin-bottom: 0; } .link-wishlist, .add-to-links li a.link-wishlist { font-size: 0; display: block; text-indent: -99999px; overflow: hidden; vertical-align: middle; text-align: left; text-indent: 0; padding: 7px; vertical-align: top; width: 30px; border: 1px solid; -moz-transition: all 500ms ease; -webkit-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease; -moz-backface-visibility: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; } .link-wishlist span, .add-to-links li a.link-wishlist span { padding: 0; } .link-wishlist:before, .add-to-links li a.link-wishlist:before { display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\f08a"; font-size: 14px; } .add-to-links li a.link-compare { font-size: 0; display: block; text-indent: -99999px; overflow: hidden; vertical-align: middle; text-align: left; text-indent: 0; padding: 7px; vertical-align: top; width: 30px; border: 1px solid; -moz-transition: all 500ms ease; -webkit-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease; -moz-backface-visibility: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; } .add-to-links li a.link-compare span { padding: 0; } .add-to-links li a.link-compare:before { display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\f079"; font-size: 14px; } /*=====End Button Add To Wishlist/Compare=====*/ /*=====Button Back=====*/ p.back-link a { border: 1px solid; overflow: visible; width: auto; margin: 0 10px 10px 0; cursor: pointer; float: left; -moz-transition: all 500ms ease; -webkit-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease; -moz-backface-visibility: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; padding: 7px 25px; text-transform: uppercase; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; } p.back-link a small { display: none; } /*=====End Button Back=====*/ /*=====Button Remove/Edit=====*/ .btn-remove, .btn-remove2 { font-size: 0; display: inline-block; border: 2px solid #d4d4d4; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; } .btn-remove:before, .btn-remove2:before { display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\f00d"; font-size: 11px; padding: 3px 4px; color: #fff; background: #000000; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; } /*Button edit*/ .btn-edit { font-size: 0; border: 2px solid #d4d4d4; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; } .btn-edit:before { display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\f040"; font-size: 11px; padding: 3px 4px; color: #fff; background: #000000; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; } /*=====End Button Remove/Edit=====*/ /*=====Button Fullwidth=====*/ /*button fullwidth*/ button.button-full-width, .button-full-width { margin-right: 0; width: 100%; } button.button-full-width span, .button-full-width span { float: none; display: inline-block; width: 100%; } /*=====End Button Fullwidth=====*/ /*======Button Ajax======*/ .ajaxcart a.back, .ajaxcart a.next { border: 1px solid; overflow: visible; width: auto; margin: 0 10px 10px 0; cursor: pointer; float: left; -moz-transition: all 500ms ease; -webkit-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease; -moz-backface-visibility: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; padding: 7px 25px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; } .ajaxcart a.back span, .ajaxcart a.next span { float: left; text-align: center; text-transform: uppercase; } /*======End Button Ajax======*/ /*========Button Load More=========*/ .load-more-image { text-align: center; display: inline-block; width: 100%; } .load-more-image a.load-more { display: inline-block; padding: 11px 20px; min-width: 220px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; border: 1px solid; -moz-transition: all 500ms ease; -webkit-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease; -moz-backface-visibility: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; } /*========== Data Table ==========*/ #wishlist-table { display: inline-block; overflow: inherit; } table colgroup, .data-table colgroup { width: 100%; } .data-table { width: 100%; } .data-table th { white-space: nowrap; padding: 14px 20px; border-width: 1px; border-style: solid; } .data-table tr td { padding: 14px 20px; border-width: 1px; border-style: solid; } .data-table tr td em { font-style: normal; } .data-table tr td button.button { white-space: nowrap; } .data-table thead th { border-width: 1px; border-style: solid; } .data-table tbody .label { display: table-cell; vertical-align: middle; text-align: left; } .customer-account-index .my-account .data-table tr th, .sales-order-history .my-account .data-table tr th { border-left-width: 0; border-right-width: 0; } .customer-account-index .my-account .data-table tr th:first-child, .sales-order-history .my-account .data-table tr th:first-child { border-left-width: 1px; } .customer-account-index .my-account .data-table tr th.last, .sales-order-history .my-account .data-table tr th.last { border-right-width: 1px; } .customer-account-index .my-account .data-table tr td, .sales-order-history .my-account .data-table tr td { border-width: 0; } .customer-account-index .my-account .data-table tr td:first-child, .sales-order-history .my-account .data-table tr td:first-child { border-left-width: 1px; } .customer-account-index .my-account .data-table tr td.last, .sales-order-history .my-account .data-table tr td.last { border-right-width: 1px; } .customer-account-index .my-account .data-table tr.last td, .sales-order-history .my-account .data-table tr.last td { border-bottom-width: 1px; } #checkout-step-review .data-table tr th { border-left-width: 0; border-right-width: 0; } #checkout-step-review .data-table tr th:first-child { border-left-width: 1px; } #checkout-step-review .data-table tr th.last { border-right-width: 1px; } #checkout-step-review .data-table tr td { border-width: 0; } #checkout-step-review .data-table tr td:first-child { border-left-width: 1px; } #checkout-step-review .data-table tr td.last { border-right-width: 1px; } #checkout-step-review .data-table tr.last td { border-bottom-width: 1px; } #checkout-step-review .data-table tr td, #checkout-step-review .data-table th { padding-left: 10px; padding-right: 10px; } #checkout-step-review .data-table td { /*padding:34px 10px 10px;*/ } #checkout-step-review .data-table tr.last td { /*padding-bottom:34px;*/ } #checkout-step-review .data-table tfoot tr td { border: none; padding: 0 10px 5px 20px; } #checkout-step-review .data-table tfoot tr td.last { text-align: left !important; } #checkout-step-review .data-table tfoot tr td .price { display: block; margin-top: -10px; } #checkout-step-review .data-table tfoot tr.first td { padding-top: 21px; } #checkout-step-review .data-table tfoot tr.last td { padding-top: 0px; padding-bottom: 16px; } #checkout-step-review .data-table tfoot tr.last td .price { margin-top: -7px; } #checkout-step-review .data-table .cart-price { /*display:block; margin-top:-6px;*/ } .cart .data-table tr th { border-left-width: 0; border-right-width: 0; } .cart .data-table tr th:first-child { border-left-width: 1px; } .cart .data-table tr th.last { border-right-width: 1px; } .cart .data-table tr td { border-width: 0; } .cart .data-table tr td:first-child { border-left-width: 1px; } .cart .data-table tr td.last { border-right-width: 1px; } .cart .data-table tr.last td { border-bottom-width: 1px; } /* ============================================ * Product Effects ============================================ */ /*=============Effect Alternative Images Product==============*/ /*show-hide*/ .products-list .item a.product-image .em-alt-hover, .products-grid.isotope .item a.product-image .em-alt-hover, .product-item a.product-image .em-alt-hover { position: absolute; left: 0%; top: 0%; opacity: 0 !important; filter: alpha(opacity=0) !important; -moz-transition: all 500ms ease; -webkit-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease; -moz-backface-visibility: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .products-list .item:hover a.product-image .em-alt-org, .products-grid.isotope .item:hover a.product-image .em-alt-org, .product-item:hover a.product-image .em-alt-org { opacity: 0 !important; filter: alpha(opacity=0) !important; -moz-transition: all 500ms ease; -webkit-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease; -moz-backface-visibility: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .products-list .item:hover a.product-image .em-alt-hover, .products-grid.isotope .item:hover a.product-image .em-alt-hover, .product-item:hover a.product-image .em-alt-hover { opacity: 1 !important; filter: alpha(opacity=100) !important; -moz-transition: all 500ms ease; -webkit-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease; -moz-backface-visibility: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; position: absolute; left: 0; top: 0; } /*effect button*/ .em-effect06 { position: relative; z-index: 1; text-align: center; } .em-effect06 a { position: relative; overflow: hidden; z-index: 0; display: inline-block; vertical-align: top; max-width: 100%; } .em-effect06 a:after { content: ''; position: absolute; z-index: 1; width: 100%; height: 0; top: 0; left: 0; -moz-transition: all 500ms ease; -webkit-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease; -moz-backface-visibility: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; background: rgba(0, 0, 0, 0.18); } .em-effect06 .em-eff06-02:after { height: 100%; bottom: 0; opacity: 0; filter: alpha(opacity=0); } .em-effect06 .em-eff06-02:hover:after { opacity: 1; filter: alpha(opacity=100); } .em-effect06 .em-eff06-03:after { height: 100%; bottom: 0; -webkit-transform: scaleX(0); transform: scaleX(0); } .em-effect06 .em-eff06-03:hover:after { -webkit-transform: scaleX(1); transform: scaleX(1); } .em-effect06 .em-eff06-04:after { width: 0; height: 0; top: 0; left: 0; } .em-effect06 .em-eff06-04:before { width: 0; height: 0; bottom: 0; right: 0; content: ''; position: absolute; z-index: 1; height: 0; -moz-transition: all 500ms ease; -webkit-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease; -moz-backface-visibility: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; background: rgba(0, 0, 0, 0.18); } .em-effect06 .em-eff06-04:hover:after { width: 100%; height: 100%; } .em-effect06 .em-eff06-04:hover:before { width: 100%; height: 100%; } /*border*/ .effect03 a { display: block; position: relative; } .effect03 a:before { content: ""; width: 100%; height: 100%; position: absolute; left: 0; -moz-transition: all 500ms ease; -webkit-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease; -moz-backface-visibility: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .effect03 a:hover:before { z-index: 2; box-shadow: 0 0 0 15px #ffffff inset; opacity: 0.5; filter: alpha(opacity=50); } /*effect hover bkg style1*/ /*effect hover bkg center to left right*/ /*effect hover bkg shadow top to bottom*/ /*effect hover bkg shadow bottom to top*/ /*effect hover text*/ .effect-hover-text { position: relative; overflow: hidden; -moz-transition: all 500ms ease; -webkit-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease; -moz-backface-visibility: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .effect-hover-text .banner-img { display: block; max-width: 100%; -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; } .effect-hover-text .banner-img:before { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1; background: rgba(0, 0, 0, 0.48); -webkit-transform: scaleY(0); transform: scaleY(0); -webkit-transform-origin: 50% 0; transform-origin: 50% 0; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .effect-hover-text:hover .banner-img:before { -webkit-transform: scaleY(1); transform: scaleY(1); } .effect-hover-text .banner-img img { -moz-transition: all 500ms ease; -webkit-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease; -moz-backface-visibility: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } .effect-hover-text .banner-text { -moz-transition: all 500ms ease; -webkit-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease; -moz-backface-visibility: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; position: absolute; left: 0; top: 0%; right: 0; } .effect-hover-text .banner-text img { margin: 0; } .effect-hover-text:hover .banner-img img { -webkit-transform: scale(1.1, 1.1); -ms-transform: scale(1.1, 1.1); transform: scale(1.1, 1.1); } .effect-hover-text:hover .banner-text { top: -30px; } .effect-hover-text2 { position: relative; overflow: hidden; -moz-transition: all 500ms ease; -webkit-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease; -moz-backface-visibility: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .effect-hover-text2 .banner-img:after { border-radius: 50%; background: #000; opacity: 0.4; filter: alpha(opacity=40); position: absolute; width: 125%; height: 165%; top: -32.5%; left: -12.5%; -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); transition: all 250ms linear; -webkit-transition: all 250ms linear; content: ""; } .effect-hover-text2:hover .banner-img:after { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } .effect-hover-text2 .banner-img img { -moz-transition: all 500ms ease; -webkit-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease; -moz-backface-visibility: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } .effect-hover-text2 .banner-text { -moz-transition: all 500ms ease; -webkit-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease; -moz-backface-visibility: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; position: absolute; left: 0; top: 0%; right: 0; } .effect-hover-text2 .banner-text img { margin: 0; } .effect-hover-text2:hover .banner-img img { -webkit-transform: scale(1.1, 1.1); -ms-transform: scale(1.1, 1.1); transform: scale(1.1, 1.1); } .effect-hover-text3 { position: relative; overflow: hidden; -moz-transition: all 500ms ease; -webkit-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease; -moz-backface-visibility: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .effect-hover-text3 .banner-img { display: block; max-width: 100%; -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; } .effect-hover-text3 .banner-img:before { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1; background: rgba(0, 0, 0, 0.48); -webkit-transform: scaleY(0); transform: scaleY(0); -webkit-transform-origin: 50% 0; transform-origin: 50% 0; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .effect-hover-text3:hover .banner-img:before { -webkit-transform: scaleY(1); transform: scaleY(1); } .effect-hover-text3 .banner-img:before { -webkit-transform-origin: 50% 100%; transform-origin: 50% 100%; } .effect-hover-text3 .banner-img img { -moz-transition: all 500ms ease; -webkit-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease; -moz-backface-visibility: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } .effect-hover-text3 .banner-text { -moz-transition: all 500ms ease; -webkit-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease; -moz-backface-visibility: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; position: absolute; left: 0; top: 0%; right: 0; } .effect-hover-text3 .banner-text img { margin: 0; } .effect-hover-text3:hover .banner-img img { -webkit-transform: scale(1.1, 1.1); -ms-transform: scale(1.1, 1.1); transform: scale(1.1, 1.1); } .effect-hover-text3:hover .banner-text { top: -30px; } .effect-hover-text4 { position: relative; overflow: hidden; -moz-transition: all 500ms ease; -webkit-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease; -moz-backface-visibility: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .effect-hover-text4 .banner-img { position: relative; overflow: hidden; display: block; max-width: 100%; } .effect-hover-text4 .banner-img:after { content: ''; position: absolute; /*z-index: 1;*/ width: 100%; top: 0; left: 0; -moz-transition: all 500ms ease; -webkit-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease; -moz-backface-visibility: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; background: rgba(0, 0, 0, 0.48); height: 100%; bottom: 0; -webkit-transform: scaleX(0); transform: scaleX(0); } .effect-hover-text4:hover .banner-img:after { -webkit-transform: scaleX(1); transform: scaleX(1); } .effect-hover-text4 .banner-img img { -moz-transition: all 500ms ease; -webkit-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease; -moz-backface-visibility: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } .effect-hover-text4 .banner-text { -moz-transition: all 500ms ease; -webkit-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease; -moz-backface-visibility: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; position: absolute; left: 0; top: 0%; right: 0; } .effect-hover-text4 .banner-text img { margin: 0; } .effect-hover-text4:hover .banner-img img { -webkit-transform: scale(1.1, 1.1); -ms-transform: scale(1.1, 1.1); transform: scale(1.1, 1.1); } .effect-hover-text5 { position: relative; overflow: hidden; -moz-transition: all 500ms ease; -webkit-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease; -moz-backface-visibility: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .effect-hover-text5 .banner-img { display: block; max-width: 100%; -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; } .effect-hover-text5 .banner-img:before { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1; background: rgba(0, 0, 0, 0.48); -webkit-transform: scaleY(0); transform: scaleY(0); -webkit-transform-origin: 50% 0; transform-origin: 50% 0; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .effect-hover-text5:hover .banner-img:before { -webkit-transform: scaleY(1); transform: scaleY(1); } .effect-hover-text5 .banner-img:before { -webkit-transform-origin: 50% 100%; transform-origin: 50% 100%; } .effect-hover-text5 .banner-img img { -moz-transition: all 500ms ease; -webkit-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease; -moz-backface-visibility: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } .effect-hover-text5 .banner-text { -moz-transition: all 500ms ease; -webkit-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease; -moz-backface-visibility: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; position: absolute; left: 0; top: 0%; right: 0; } .effect-hover-text5 .banner-text img { margin: 0; } .effect-hover-text5:hover .banner-img img { -webkit-transform: scale(1.1, 1.1); -ms-transform: scale(1.1, 1.1); transform: scale(1.1, 1.1); } .effect-hover-text5:hover .banner-text { top: 30px; } /*=============effect FLIP BOOK==================*/ .effect-flip-book .flip_book_container { position: relative; -webkit-perspective: 1000; -moz-perspective: 1000; -o-perspective: 1000; -ms-perspective: 1000; perspective: 1000; } .effect-flip-book .flip_book_container .flip_book_face { -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -o-transform-style: preserve-3d; -ms-transform-style: preserve-3d; transform-style: preserve-3d; } .effect-flip-book .flip_book_container .flip_book_face img { position: absolute; -moz-transition: all 500ms ease; -webkit-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease; -moz-backface-visibility: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .effect-flip-book .flip_book_container .flip_book_face .flip_book_face_left { -webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -o-transform-origin: 0 0; -ms-transform-origin: 0 0; transform-origin: 0 0; z-index: 1; } .effect-flip-book .flip_book_container .flip_book_face .flip_book_face_right { -webkit-transform-origin: 100% 0; -moz-transform-origin: 100% 0; -o-transform-origin: 100% 0; -ms-transform-origin: 100% 0; transform-origin: 100% 0; z-index: 1; } .effect-flip-book .flip_book_container:hover { z-index: 1; } .effect-flip-book .flip_book_container:hover .flip_book_face_left { -webkit-transform: rotateY(-86deg); -moz-transform: rotateY(-86deg); -o-transform: rotateY(-86deg); -ms-transform: rotateY(-86deg); transform: rotateY(-86deg); } .effect-flip-book .flip_book_container:hover .flip_book_face_right { -webkit-transform: rotateY(86deg); -moz-transform: rotateY(86deg); -o-transform: rotateY(86deg); -ms-transform: rotateY(86deg); transform: rotateY(86deg); } .effect-flip-book img { -moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px; } .effect-flip-book .banner-img { position: relative; } .effect-flip-book .banner-img a.effect { position: relative; overflow: hidden; z-index: 0; display: block; } .effect-flip-book .banner-img a.effect:after { content: ''; position: absolute; z-index: 1; width: 0; height: 0; top: 0; left: 0; -moz-transition: all 500ms ease; -webkit-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease; -moz-backface-visibility: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; background: rgba(0, 0, 0, 0.18); } .effect-flip-book .banner-img a.effect:before { width: 0; height: 0; bottom: 0; right: 0; content: ''; position: absolute; z-index: 1; height: 0; -moz-transition: all 500ms ease; -webkit-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease; -moz-backface-visibility: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; background: rgba(0, 0, 0, 0.18); } .effect-flip-book .banner-img .desc { position: absolute; left: 0; right: 0; bottom: 40%; margin: 0 auto; color: #fff; cursor: pointer; text-align: center; } .effect-flip-book .banner-img .desc h2, .effect-flip-book .banner-img .desc h1 { color: #fff; } .effect-flip-book .banner-img .desc .button-link { float: none; display: inline-block; height: 0; padding: 0; font-size: 0; opacity: 0; filter: alpha(opacity=0); } .effect-flip-book .banner-img:hover .button-link { height: 100%; padding: 10px 25px; font-size: 100%; opacity: 1; filter: alpha(opacity=100); } .effect-flip-book .banner-img:hover a.effect:after, .effect-flip-book .banner-img:hover a.effect:before { width: 100%; height: 100%; } /*===============effect hover line center===============*/ .em-effect-13 { /*display: inline-block;*/ vertical-align: middle; position: relative; overflow: hidden; } .em-effect-13:before { content: ""; position: absolute; left: 50%; right: 50%; bottom: 0; z-index: 1; background: #2098d1; height: 4px; -webkit-transition-property: left, right; transition-property: left, right; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; opacity: 0; filter: alpha(opacity=0); } .em-effect-13:hover:before { left: 0; right: 0; opacity: 1; filter: alpha(opacity=100); } .em-effect-13 .hov { display: none; } .em-blog-item .hov { display: none; } .effect-img-hover .effect-container { position: relative; } .effect-img-hover .effect-container img { position: absolute; -moz-transition: all 500ms ease; -webkit-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease; -moz-backface-visibility: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .effect-img-hover .effect-container .hover { z-index: 1; } .effect-img-hover:hover .hover { -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); } .effect-img-hover img { -moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px; } /* ============================================ * Product Effects ============================================ */ .products-grid li.item.cat-effect01 .product-item a.product-image { position: relative; } .products-grid li.item.cat-effect01 .product-item a.product-image .bkg-hover { margin: 0; transform: scale(0, 0); -moz-transform: scale(0, 0); -webkit-transform: scale(0, 0); } .products-grid li.item.cat-effect01:hover a.product-image .bkg-hover { background: #000; width: 100%; height: 100%; position: absolute; top: 0; left: 0; opacity: 0.5; filter: alpha(opacity=50); transform: scale(1, 1); -moz-transform: scale(1, 1); -webkit-transform: scale(1, 1); transition: transform .5s ease 0s; -moz-transition: -moz-transform .5s ease 0s; -ms-transition: -ms-transform .5s ease 0s; -webkit-transition: -webkit-transform .5s ease 0s; } .products-grid .item { position: relative; } .products-grid .item a.product-image:after { content: ""; position: absolute; left: 50%; right: 50%; top: 50%; bottom: 50%; z-index: 0; display: inline-block; opacity: 0; filter: alpha(opacity=0); transition: all 300ms ease-in-out 0s; -moz-transition: all 300ms ease-in-out 0s; -webkit-transition: all 300ms ease-in-out 0s; background-color: #000000; } .products-grid .item:hover a.product-image:after { opacity: 0.6; filter: alpha(opacity=60); left: -10px; right: -10px; top: -10px; bottom: 0; } /*Effect Border */ .effect { position: relative; } .effect-line { position: absolute; content: ""; top: 0; right: 0; left: 0; bottom: 0; z-index: 1; } .effect-line:before { z-index: 1; content: ""; position: absolute; left: 10px; right: 10px; top: 10px; bottom: 10px; border-top: 1px solid #fff; border-bottom: 1px solid #fff; transform: scale(0, 1); -moz-transform: scale(0, 1); -webkit-transform: scale(0, 1); -ms-transform: scale(0, 1); transition: all 0.4s ease-in-out 0s; -moz-transition: all 0.4s ease-in-out 0s; -webkit-transition: all 0.4s ease-in-out 0s; } .effect-line:after { z-index: 1; content: ""; position: absolute; left: 10px; right: 10px; top: 10px; bottom: 10px; border-left: 1px solid #fff; border-right: 1px solid #fff; transform: scale(1, 0); -moz-transform: scale(1, 0); -webkit-transform: scale(1, 0); -ms-transform: scale(0, 1); transition: all 0.4s ease-in-out 0s; -moz-transition: all 0.4s ease-in-out 0s; -webkit-transition: all 0.4s ease-in-out 0s; } .effect-line:hover:before, .effect-line:hover:after { transform: scale(1, 1); -moz-transform: scale(1, 1); -webkit-transform: scale(1, 1); -ms-transform: scale(1, 1); } .effect-line-02 { position: absolute; content: ""; top: 0; right: 0; left: 0; bottom: 0; z-index: 1; } .effect-line-02:before { z-index: 1; content: ""; position: absolute; left: 10px; right: 10px; top: 20px; bottom: 20px; border-top: 1px solid #fff; border-bottom: 1px solid #fff; transform: scale(0, 1); -moz-transform: scale(0, 1); -webkit-transform: scale(0, 1); -ms-transform: scale(0, 1); transition: all 0.4s ease-in-out 0s; -moz-transition: all 0.4s ease-in-out 0s; -webkit-transition: all 0.4s ease-in-out 0s; } .effect-line-02:after { z-index: 1; content: ""; position: absolute; left: 20px; right: 20px; top: 10px; bottom: 10px; border-left: 1px solid #fff; border-right: 1px solid #fff; transform: scale(1, 0); -moz-transform: scale(1, 0); -webkit-transform: scale(1, 0); -ms-transform: scale(0, 1); transition: all 0.4s ease-in-out 0s; -moz-transition: all 0.4s ease-in-out 0s; -webkit-transition: all 0.4s ease-in-out 0s; } .effect-line-02:hover:before, .effect-line-02:hover:after { transform: scale(1, 1); -moz-transform: scale(1, 1); -webkit-transform: scale(1, 1); -ms-transform: scale(1, 1); } /*Module*/ /** @category Mage @package ConfigurableSwatches */ /* Clears */ .clearfix:after, .configurable-swatch-list:after, .product-view .product-options .swatch-attr:after { display: block; content: "."; clear: both; font-size: 0; line-height: 0; height: 0; overflow: hidden; } .product-view .product-options .swatch-attr { float: none; display: block; clear: both; border: 0; } .product-view .product-options dt.swatch-attr label { display: block; line-height: 1.3; } /* General Swatch Styling */ .configurable-swatch-list { margin-left: -3px; zoom: 1; clear: both; } .configurable-swatch-list li { float: left; zoom: 1; margin: 0 0 0 3px; } #narrow-by-list dd .configurable-swatch-list li { margin: 0 0 0 3px; width: 47%; } .swatch-link img { border-radius: 3px; } .swatch-link, .swatch-label { display: block; border-radius: 3px; font-size: 14px; text-align: center; color: #666666; text-decoration: none; box-sizing: content-box; } .swatch-link { border: 1px solid #bbbbbb; margin: 0 0 3px; } #narrow-by-list dd .swatch-link { float: left; margin-right: 2px; padding: 0; } .currently .swatch-link { display: inline-block; margin: 0 0 0 10px; } .swatch-label { border: 1px solid #fff; margin: 0; white-space: nowrap; background: #efefef; } .swatch-link:hover { cursor: pointer; } .currently .swatch-link:hover { cursor: default; } .swatch-link .x { display: none; text-indent: -999em; position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: url(../images/bg_x.png) center no-repeat transparent; z-index: 10; } .configurable-swatch-list .not-available .x { display: block; } .configurable-swatch-list .not-available .swatch-link { border-color: #e6e6e6; position: relative; } .configurable-swatch-list .not-available .swatch-label { color: #aaa; background: #fff; } /* Image Swatches */ .swatch-link.has-image .swatch-label { position: relative; } .swatch-link.has-image img { position: absolute; top: 0; left: 0; } .configurable-swatch-list .not-available .swatch-link.has-image img { opacity: 0.4; filter: alpha(opacity=40); } /* Other Swatch States */ .configurable-swatch-list .hover .swatch-link, .configurable-swatch-list .selected .swatch-link, .swatch-link:hover { border-color: #44f; } .currently .swatch-link:hover { border-color: #bbbbbb; } .configurable-swatch-list .wide-swatch .swatch-label { padding: 0 6px; } .configurable-swatch-box { background: none !important; } .configurable-swatch-box select.swatch-select { display: none; } .configurable-swatch-box .validation-advice { margin: 0 0 5px; background: #D91A00; padding: 2px 5px !important; font-weight: bold; color: #fff !important; float: left; display: block; border-radius: 3px; } /* CUSTOM */ .availability.out-of-stock span { color: #333; } .product-view .add-to-cart button.out-of-stock { background-position: -80px -362px; cursor: default; } .product-view .product-options dd .input-box { width: auto; height: auto; } .product-options .select-label { display: none; } .product-options dt.swatch-attr label, .product-options dt.swatch-attr .select-label { font-size: 12px; } .product-options dt.swatch-attr .select-label { display: inline; font-weight: normal; color: #00acb1; padding-left: 5px; } /*=============Tab Slider Simple============*/ .em-tabs, .em-details-tabs { display: inline-block; width: 100%; } .em-tabs ul.em-tabs-control li, .em-details-tabs ul.em-tabs-control li { display: inline-block; margin-bottom: -1px; } .em-tabs ul.em-tabs-control li a, .em-details-tabs ul.em-tabs-control li a { position: relative; margin-right: 0; padding: 10px 20px; } .products-list.owl-carousel .owl-item .item, .products-grid.owl-carousel .owl-item .item { margin-right: 0; } .products-list.owl-carousel .owl-item .em-item-slider .products-grid .item, .products-grid.owl-carousel .owl-item .em-item-slider .products-grid .item { margin-bottom: 2rem; } .products-list.owl-carousel .owl-item .em-item-slider .products-grid .item.last, .products-grid.owl-carousel .owl-item .em-item-slider .products-grid .item.last { margin-bottom: 0; } /*==========Show Pagination============*/ .owl-carousel .owl-item .item { float: none; margin-bottom: 0; width: 100%; } /*=============Tab Slider Product============*/ .em-details-tabs.r-tabs, .em-tabs { } .em-details-tabs.r-tabs .em-tabs-control, .em-tabs .em-tabs-control { border-bottom-width: 1px; border-bottom-style: solid; } .em-details-tabs.r-tabs .r-tabs-nav .r-tabs-anchor, .em-tabs .r-tabs-nav .r-tabs-anchor { border-width: 1px; border-style: solid; } .em-details-tabs.r-tabs .r-tabs-panel, .em-tabs .r-tabs-panel { margin-bottom: 0; padding-bottom: 0; } .em-details-tabs.r-tabs .em-details-tabs-content, .em-details-tabs.r-tabs .em-tabs-content, .em-tabs .em-details-tabs-content, .em-tabs .em-tabs-content { padding: 15px 0 0; } .em-details-tabs.r-tabs .r-tabs-nav .r-tabs-anchor { margin-right: 0; } .em-details-tabs.r-tabs .em-details-tabs-content { border-width: 1px; border-style: solid; margin-top: -1px; padding: 2rem; -moz-border-radius: 0px 5px 5px 5px; -webkit-border-radius: 0px 5px 5px 5px; border-radius: 0px 5px 5px 5px; } .em-details-tabs .tabs-control { text-align: left; } /*tab title center, show icon*/ .em-tabs-widget .products-grid li.item { width: 100%; } /*tab mobile*/ .r-tabs .r-tabs-accordion-title .r-tabs-anchor { text-transform: uppercase !important; border-width: 1px !important; border-style: solid !important; clear: both; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; -moz-transition: all 500ms ease; -webkit-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease; -moz-backface-visibility: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; } /*===========Next Pre Slider============*/ .owl-theme .owl-controls { text-align: center; margin-top: 0 !important; } .owl-theme .owl-controls .owl-pagination { margin-top: 20px; margin-bottom: 1px; } .slider-icon-bottom .owl-theme .owl-controls { position: static; } .em-tabs-content .owl-theme .owl-controls { top: -39px; right: 11px; overflow: initial; margin-top: 0; } /*===========End Next Pre Slider============*/ /*===========Show Icon Next Pre Slider============*/ /*show next-pre icon*/ .owl-theme .owl-controls .owl-buttons div { border: 1px solid; -webkit-box-shadow: none !important; -moz-box-shadow: none !important; box-shadow: none !important; font-size: 0 !important; margin: 0 !important; padding: 7px 7px !important; width: 32px; } .owl-theme .owl-controls .owl-buttons div.owl-next:before { display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\f054"; font-size: 15px; -moz-transition: all 500ms ease; -webkit-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease; -moz-backface-visibility: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; margin-left: 3px; } .owl-theme .owl-controls .owl-buttons div.owl-prev:before { display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\f053"; font-size: 15px; -moz-transition: all 500ms ease; -webkit-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease; -moz-backface-visibility: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; margin-right: 2px; } .owl-theme .owl-controls .owl-buttons div.owl-prev { -moz-border-radius: 100%; -webkit-border-radius: 100%; border-radius: 100%; position: absolute; right: 45px; top: -70px; } .owl-theme .owl-controls .owl-buttons div.owl-next { -moz-border-radius: 100%; -webkit-border-radius: 100%; border-radius: 100%; position: absolute; right: 10px; top: -70px; } /*show next-pre text*/ .slider-icon-text .owl-theme .owl-controls .owl-buttons div { text-transform: uppercase; font-size: 80% !important; margin: 0 !important; padding: 0 !important; width: auto; -webkit-box-shadow: none !important; -moz-box-shadow: none !important; box-shadow: none !important; } .slider-icon-text .owl-theme .owl-controls .owl-buttons div:first-child { border-right: 1px solid; padding-right: 10px !important; margin-right: 10px !important; } .slider-icon-text .owl-theme .owl-controls .owl-buttons div:before { display: none !important; } .slider-icon-text .owl-theme .owl-controls { top: -33px; } /*slider style padding left right, button slider left right*/ .slider-style02 { padding: 0 50px; margin: 20px 0; } .slider-style02 .em-slider-navigation-icon.owl-theme .owl-controls { position: static; } .slider-style02 .em-slider-navigation-icon.owl-theme .owl-controls .owl-buttons div { position: absolute; top: 23%; } .slider-style02 .em-slider-navigation-icon.owl-theme .owl-controls .owl-buttons div.owl-prev { left: -40px; right: auto; } .slider-style02 .em-slider-navigation-icon.owl-theme .owl-controls .owl-buttons div.owl-next { left: auto; right: -40px; } /*slider style navigation bottom*/ .slider-navi-bottom .owl-theme .owl-controls { margin-top: 20px !important; } .slider-navi-bottom .owl-theme .owl-controls .owl-buttons div.owl-next, .slider-navi-bottom .owl-theme .owl-controls .owl-buttons div.owl-prev { position: static; margin: 0 3px !important; } /*===========End Show Icon Next Pre Slider============*/ /*==========Show Pagination============*/ /*Show icon circle*/ .owl-theme .owl-controls .owl-page.active span:before, .owl-theme .owl-controls .owl-page:hover span:before { width: 4px !important; height: 4px !important; } .owl-theme .owl-controls .owl-page span { border: 1px solid; width: 12px !important; height: 12px !important; margin: 0 0 0 10px !important; -moz-border-radius: 50% !important; -webkit-border-radius: 50% !important; border-radius: 50% !important; opacity: 1; filter: alpha(opacity=100); } /*Show icon square*/ .slider-icon-square .owl-theme .owl-controls .owl-page span { width: 8px !important; height: 8px !important; margin: 0 0 0 2px !important; -moz-border-radius: 0 !important; -webkit-border-radius: 0 !important; border-radius: 0 !important; opacity: 1; filter: alpha(opacity=100); } /*show number*/ .owl-pagination-numbers.owl-theme .owl-controls .owl-page span.owl-numbers { width: auto !important; height: auto !important; margin: 0 0 0 1px !important; -moz-border-radius: 0 !important; -webkit-border-radius: 0 !important; border-radius: 0 !important; border: 1px solid; padding: 2px 7px !important; font-size: 80%; } .owl-pagination-numbers.owl-theme .owl-controls .owl-page span.owl-numbers:before { display: none !important; } .owl-pagination-numbers.owl-theme .owl-controls .owl-pagination { margin-top: 1px; } /*RTL*/ .em-rtl .owl-theme .owl-controls .owl-buttons div.owl-prev { right: auto; left: 10px; } .em-rtl .owl-theme .owl-controls .owl-buttons div.owl-next { right: auto; left: 45px; } /* ============================================ * Popup Login/Newsletter/Advertising/Add To Wishlist/Compare ============================================ */ /*popup login*/ .fancybox-opened .fancybox-skin { padding: 0 !important; } .fancybox-skin { -moz-border-radius: 5px !important; -webkit-border-radius: 5px !important; border-radius: 5px !important; } .popup-content { background: url(../images/popup_banner.jpg) right bottom no-repeat #f5f4f2; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; display: block; width: 100%; } .popup-content .em-account-popup { padding: 50px; } .popup-content .em-account-popup .action-forgot { padding-top: 5px; overflow: hidden; } .popup-content .em-account-popup .action-forgot .actions { float: left; clear: both; } .popup-content .em-account-popup .action-forgot .actions .required { float: left; clear: none; margin-top: 5px; } .popup-content .em-account-popup .action-forgot .login_forgotpassword { float: left; padding-bottom: 10px; } .popup-content .em-account-popup .action-forgot .login_forgotpassword a { text-transform: capitalize; } .popup-content .em-account-popup .action-forgot .login_forgotpassword p { margin-bottom: 6px; } .popup-content .em-account-popup .form-list li { width: 100%; margin-right: 0; } .popup-content .em-account-popup .form-list p.required { font-size: 85%; padding: 0; margin: 0; } .popup-content #show_popup { margin-right: 5px; margin-top: -2px; } /*end popup login*/ /*Popup Ads*/ .popup-content-block .block-ads-content img { -moz-border-radius: 0 0 5px 5px; -webkit-border-radius: 0 0 5px 5px; border-radius: 0 0 5px 5px; } /*Popup newsletter*/ .popup-subscribe { padding: 50px; width: 75%; } .popup-subscribe .em-block-title { width: 100%; margin: 0; } .popup-subscribe .em-block-title p.h3 { margin-bottom: 6px; } /*popup addtoContainer*/ #addtoContainer { position: fixed; left: 37%; top: 30px; width: 400px; padding: 20px; background: #fff; z-index: 9999; border: 10px solid #a1a1a1; text-align: center; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } #addtoContainer .back { width: 38px; height: 38px; background-image: url("../images/btn_popup-close.png"); background-position: 0 0; background-repeat: no-repeat; font-size: 0; display: block; text-indent: -99999px; overflow: hidden; vertical-align: middle; text-align: left; position: absolute; right: -25px; top: -25px; } #addtoContainer .row2 a.btn_ajaxaddto { display: inline-block; padding: 10px 25px; text-transform: uppercase; margin: 10px 5px 5px; border: 1px solid; -moz-transition: all 500ms ease; -webkit-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease; -moz-backface-visibility: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; } /*end popup addtoContainer*/ /* ============================================ * CMS Pages ============================================ */ .page-sitemap .links { display: block; text-align: right; margin: 0 20px 0 0; } .page-sitemap .links a { position: relative; } .page-sitemap .sitemap { padding: 0 20px; margin: 15px 0; } .page-sitemap .sitemap li { margin: 3px 0; } .page-sitemap .pager { text-align: center; } .page-sitemap .pager .amount { margin-top: 0; margin-right: 10px; margin-left: 20px; } /*=================Advanced Search===============*/ .sales-guest-form .form-alt { overflow: hidden; } .sales-guest-form .form-alt .input-box { margin-bottom: 10px; clear: both; float: left; text-align: left !important; width: 260px !important; } .sales-guest-form .form-alt .input-box input { width: 260px !important; } .sales-guest-form .form-alt select { width: 260px; } .advanced-search { width: 100%; } .advanced-search select.multiselect { height: auto; width: 95%; } .advanced-search .form-list .input-range input.input-text { width: 46.5%; } .advanced-search .form-list li.wide input.input-text, .advanced-search .form-list input.input-text { width: 95%; } /*=================Contact Us===============*/ #contactForm .fieldset { display: block; float: none; width: 100%; } /*Email to friend*/ .send-friend .fieldset { float: none; width: 100%; } /*===============ORDERS AND RETURNS==================*/ .form-list select.guest-select { width: 300px; } /*================404 Page=====================*/ .not-pound-content { display: inline-block; } .not-pound-content img.img-responsive { display: inline-block; } .not-pound-content .group-button li { display: inline-block; padding-top: 10px; } /* ============================================ * Search ============================================ */ /*===============Search style 01==============*/ .em-search-icon { position: relative; } .em-search-icon span { font-size: 0; display: block; text-indent: -99999px; overflow: hidden; vertical-align: middle; text-align: left; text-indent: 0; margin-bottom: -30px; padding-bottom: 30px; } .em-search-icon span:before { display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\f002"; font-size: 20px; } .em-search { position: relative; } .em-search .em-search-style01 .em-container-js-search, .em-search .em-search-style01 #em-search-content-fixed-top { position: absolute; right: 0px; top: 50px; width: 500px; top: 50px; background: #fff; padding: 20px; z-index: 999; } .em-search .em-search-style01 .em-container-js-search.em-hide, .em-search .em-search-style01 #em-search-content-fixed-top.em-hide { visibility: hidden; width: 0; height: 0; opacity: 0; filter: alpha(opacity=0); } .em-search .em-search-style01 .em-container-js-search.em-show, .em-search .em-search-style01 #em-search-content-fixed-top.em-show { visibility: visible; -moz-transition: all 500ms ease; -webkit-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease; -moz-backface-visibility: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; transform: scale(1); -webkit-transform: scale(1); } .em-rtl .em-search-style01 #em-search-content { left: 0; right: auto; } .em-rtl .em-search .em-search-style01 .em-container-js-search, .em-rtl .em-search .em-search-style01 #em-search-content-fixed-top { left: 0; right: auto; } .em-search-style02 .form-search button.button { font-size: 0; display: block; text-indent: -99999px; overflow: hidden; vertical-align: middle; text-align: left; text-indent: 0; padding: 14px; vertical-align: top; width: 44px; } .em-search-style02 .form-search button.button span { padding: 0; } .em-search-style02 .form-search button.button:before { display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\f002"; font-size: 14px; } .form-search { float: right; width: 100%; margin-bottom: 0; border-style: solid; border-width: 1px; position: relative; } .form-search .text-search { float: right; position: relative; width: 69%; } .form-search.no_cate_search .text-search { width: 100%; } .form-search label { display: none; } .form-search input.input-text { border: none; float: left; font-size: 100%; margin: 0; background: none; width: 100%; padding: 5px 50px 5px 10px; height: 42px; line-height: 34px; } .form-search button.button { float: right; position: absolute; top: -1px; right: -1px; margin: 0; padding: 13px 15px; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; /*&:before{ @include font-awesome("\f002",18px); } &:hover{ } span{ span{ padding:0; font-size:0 !important; text-indent:-9999px; } }*/ } .form-search iframe#search_autocomplete_iefix { top: 25px !important; left: 0 !important; } /*Search Category*/ .input_cat { float: left; position: relative; border-right-width: 1px; border-right-style: solid; width: 31%; } .input_cat select { width: 100%; border: none; padding: 5px 15px; height: 39px; line-height: 39px; } .input_cat .catsearch-dropdown span.current { cursor: default; float: left; margin-top: 0px; padding: 10px 30px 11px 5px; min-height: 39px; text-align: left; width: 100%; position: relative; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .input_cat .catsearch-dropdown span.current:after { display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\f0d7"; font-size: 100%; position: absolute; right: 10px; margin-top: 5px; } .input_cat .catsearch-dropdown ul { border-style: solid; border-width: 1px; position: absolute; left: -1px; top: 39px; width: 194px; z-index: 999; max-height: 400px; overflow: auto; -webkit-box-shadow: 0 0 5px #e5e5e5; -moz-box-shadow: 0 0 5px #e5e5e5; box-shadow: 0 0 5px #e5e5e5; } .input_cat .catsearch-dropdown ul li { padding: 5px 5px; text-align: left; } .input_cat .catsearch-dropdown ul li:hover { cursor: pointer; } .input_cat .catsearch-dropdown ul li a { text-decoration: none; } /*End Search Category*/ .search-autocomplete { z-index: 999; position: absolute; top: 20px; left: 20px; } .search-autocomplete ul { border: 1px solid #ddd; background-color: #fff; } .search-autocomplete li { border: 1px solid #cdcdcd; padding: 3px 9px; cursor: pointer; line-height: 1.35; } .search-autocomplete li .amount { float: right; font-weight: bold; } .search-autocomplete li.selected { background: #f7e8dd; } /*fix sidebar*/ .em-fixed-sidebar .form-search input.input-text { width: 75%; } /*fix search*/ .em-top-search.search-fixed-right { position: fixed; right: 15px; bottom: 90px; z-index: 30; width: auto; margin: 0; padding: 0; } .em-top-search.search-fixed-right .input_cat { display: none; } .em-top-search.search-fixed-right .em-search-style01 .em-search-icon { display: none; } .em-top-search.search-fixed-right .em-search-style01 #em-search-content { display: block; position: static; opacity: 1; filter: alpha(opacity=100); visibility: visible; } .em-top-search.search-fixed-right .form-search { width: auto; border-color: #ff9301; border-width: 2px; } .em-top-search.search-fixed-right .form-search .text-search { width: 100%; min-height: 50px; } .em-top-search.search-fixed-right .form-search input.input-text { width: 0px; overflow: hidden; padding-right: 40px; padding-left: 10px; height: 50px; text-overflow: ellipsis; white-space: nowrap; transition: none; -webkit-transition: none; } .em-top-search.search-fixed-right .form-search input.input-text:focus { width: 300px; } .em-top-search.search-fixed-right .form-search:hover input.input-text { width: 300px; -moz-transition: all 500ms ease; -webkit-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease; -moz-backface-visibility: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .em-top-search.search-fixed-right .form-search button.button { -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; top: 0px; right: 0px; padding: 15px; min-width: 50px; height: 50px; } .em-top-search.search-fixed-right .form-search button.button:before { display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\f002"; font-size: 18px; } .em-top-search.search-fixed-right .form-search button.button span span { padding: 0; font-size: 0 !important; text-indent: -9999px; } .em-icon-search-mobile { float: right; cursor: pointer; } .em-icon-search-mobile:before { display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\f002"; font-size: 14px; margin-right: 5px; } /* ======================================================================================= */ .em-multideal-price-box p, .price-box p { display: inline-block; margin-bottom: 0; margin-top: 0; } .em-multideal-price-box p:first-child, .price-box p:first-child { margin-right: 5px; margin-top: 0; } .em-multideal-price-box p.price-to, .price-box p.price-to { margin-top: 0; } .em-multideal-price-box p.old-price .price-label, .em-multideal-price-box p.special-price .price-label, .price-box p.old-price .price-label, .price-box p.special-price .price-label { display: none; } .em-multideal-price-box .price-label, .price-box .price-label { display: inline-block; } .em-multideal-price-box span.price, .price-box span.price { display: inline-block; } .em-multideal-price-box { margin-bottom: 14px; } .em-multideal-price-box .price-label { display: none; } .em-multideal-price-box .regular-price .price { text-decoration: line-through; font-weight: normal; } .multidealpro_products.em_multidealpro .price-box { display: none; } .products-list .price-box p { margin-top: 0px; } .products-list .price-box p.special-price { margin-top: 0; } /* Old price */ .old-price .price { text-decoration: line-through; } /* Excluding tax */ .price-excluding-tax { display: block; } /* Including tax */ .price-including-tax { display: block; } /* FPT */ .weee { display: block; } /* Excl tax (for order tables) */ .price-excl-tax { display: block; } .price-excl-tax .label { display: block; } .price-excl-tax .price { display: block; } /* Incl tax (for order tables) */ .price-incl-tax { display: block; } .price-incl-tax .label { display: block; } .price-incl-tax .price { display: block; } /* css3 animation -> get name from file animate.css*/ @keyframes text_left_fast { 0% { -webkit-transform: translateX(-800px); -moz-transform: translateX(-800px); -ms-transform: translateX(-800px); transform: translateX(-800px); opacity: 0; } 20% { -webkit-transform: translateX(0px); -moz-transform: translateX(0px); -ms-transform: translateX(0px); transform: translateX(0px); opacity: 1; } 60% { -webkit-transform: translateX(0px); -moz-transform: translateX(0px); -ms-transform: translateX(0px); transform: translateX(0px); opacity: 1; } 90% { -webkit-transform: translateX(-800px); -moz-transform: translateX(-800px); -ms-transform: translateX(-800px); transform: translateX(-800px); opacity: 0; } 100% { -webkit-transform: translateX(-800px); -moz-transform: translateX(-800px); -ms-transform: translateX(-800px); transform: translateX(-800px); opacity: 0; } } @keyframes text_left { 0% { -webkit-transform: translateX(-800px); -moz-transform: translateX(-800px); -ms-transform: translateX(-800px); transform: translateX(-800px); opacity: 0; } 25% { -webkit-transform: translateX(0px); -moz-transform: translateX(0px); -ms-transform: translateX(0px); transform: translateX(0px); opacity: 1; } 60% { -webkit-transform: translateX(0px); -moz-transform: translateX(0px); -ms-transform: translateX(0px); transform: translateX(0px); opacity: 1; } 95% { -webkit-transform: translateX(-800px); -moz-transform: translateX(-800px); -ms-transform: translateX(-800px); transform: translateX(-800px); opacity: 0; } 100% { -webkit-transform: translateX(-800px); -moz-transform: translateX(-800px); -ms-transform: translateX(-800px); transform: translateX(-800px); opacity: 0; } } @-webkit-keyframes opa { 0% { opacity: 0; } 25% { opacity: 0; } 50% { opacity: 1; } } @keyframes opa { 0% { opacity: 0; } 25% { opacity: 0; } 50% { opacity: 1; } } @-webkit-keyframes fadeInDown { 0% { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInDown { 0% { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } /*=====================Slideshow====================*/ .em-slideshow { position: relative; z-index: 1; } .container-fluid .col-sm-24 { padding-left:0; padding-right: 0; padding-bottom: 0px; } .em-slideshow { /*margin-bottom:$space_block;*/ } .em-slideshow .img-responsive { -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; } .em-slideshow h1, .em-slideshow h3, .em-slideshow h4, .em-slideshow h2 { color: white; } .em-slideshow h3 { position: relative; } .em-slideshow h3:before { height: 2px; width: 50px; background-color: #fff; content: ""; position: absolute; left: 47%; bottom: 0px; } .em-slideshow h2 { display: inline-block; position: relative; padding: 2.5rem 0; } .em-slideshow h2:before { height: 2px; width: 100%; background-color: #fff; content: ""; position: absolute; left: 0; bottom: 0px; } .em-slideshow h2:after { height: 2px; width: 100%; background-color: #fff; content: ""; position: absolute; left: 0; top: 0px; } .em-slideshow .owl-carousel { margin: 0; } .em-slideshow .owl-carousel .owl-item { padding: 0; position: relative; overflow: hidden; } .em-slideshow .owl-carousel .owl-item img { width: 100%; } .em-slideshow .owl-carousel .owl-item .em-owlcarousel-des { position: absolute; left: 25%; top: 17%; width: 50%; text-align: center; } .em-slideshow .owl-carousel .owl-item .em-owlcarousel-des.fadeInDown h1, .em-slideshow .owl-carousel .owl-item .em-owlcarousel-des.fadeInDown h2, .em-slideshow .owl-carousel .owl-item .em-owlcarousel-des.fadeInDown .button-link, .em-slideshow .owl-carousel .owl-item .em-owlcarousel-des.fadeInRight h1, .em-slideshow .owl-carousel .owl-item .em-owlcarousel-des.fadeInRight h2, .em-slideshow .owl-carousel .owl-item .em-owlcarousel-des.fadeInRight .button-link, .em-slideshow .owl-carousel .owl-item .em-owlcarousel-des.fadeInLeft h1, .em-slideshow .owl-carousel .owl-item .em-owlcarousel-des.fadeInLeft h2, .em-slideshow .owl-carousel .owl-item .em-owlcarousel-des.fadeInLeft .button-link, .em-slideshow .owl-carousel .owl-item .em-owlcarousel-des.fadeInUp h1, .em-slideshow .owl-carousel .owl-item .em-owlcarousel-des.fadeInUp h2, .em-slideshow .owl-carousel .owl-item .em-owlcarousel-des.fadeInUp .button-link { -webkit-animation-name: text_left_fast; -webkit-animation-duration: 15.0s; -webkit-animation-timing-function: linear; -webkit-animation-iteration-count: infinite; -webkit-animation-direction: normal; -webkit-animation-play-state: running; -webkit-animation-fill-mode: forwards; -moz-animation-name: anim_titles; -moz-animation-duration: 5.0s; -moz-animation-timing-function: linear; -moz-animation-iteration-count: infinite; -moz-animation-direction: normal; -moz-animation-play-state: running; -moz-animation-fill-mode: forwards; -webkit-animation-delay: 1s; -moz-animation-delay: 1s; } .em-slideshow .owl-carousel .owl-item .em-owlcarousel-des.fadeInDown h3, .em-slideshow .owl-carousel .owl-item .em-owlcarousel-des.fadeInDown h4, .em-slideshow .owl-carousel .owl-item .em-owlcarousel-des.fadeInRight h3, .em-slideshow .owl-carousel .owl-item .em-owlcarousel-des.fadeInRight h4, .em-slideshow .owl-carousel .owl-item .em-owlcarousel-des.fadeInLeft h3, .em-slideshow .owl-carousel .owl-item .em-owlcarousel-des.fadeInLeft h4, .em-slideshow .owl-carousel .owl-item .em-owlcarousel-des.fadeInUp h3, .em-slideshow .owl-carousel .owl-item .em-owlcarousel-des.fadeInUp h4 { -webkit-animation-name: text_left; -webkit-animation-duration: 15.0s; -webkit-animation-timing-function: linear; -webkit-animation-iteration-count: infinite; -webkit-animation-direction: normal; -webkit-animation-play-state: running; -webkit-animation-fill-mode: forwards; -moz-animation-name: anim_titles; -moz-animation-duration: 5.0s; -moz-animation-timing-function: linear; -moz-animation-iteration-count: infinite; -moz-animation-direction: normal; -moz-animation-play-state: running; -moz-animation-fill-mode: forwards; -webkit-animation-delay: 1s; -moz-animation-delay: 1s; } .em-slideshow .owl-carousel .owl-item .em-owlcarousel-des.none { -webkit-animation-name: opa; -webkit-animation-duration: 5.0s; -webkit-animation-timing-function: linear; -webkit-animation-iteration-count: infinite; -webkit-animation-direction: normal; -webkit-animation-play-state: running; -webkit-animation-fill-mode: forwards; -moz-animation-name: anim_titles; -moz-animation-duration: 5.0s; -moz-animation-timing-function: linear; -moz-animation-iteration-count: infinite; -moz-animation-direction: normal; -moz-animation-play-state: running; -moz-animation-fill-mode: forwards; -webkit-animation-delay: 1s; -moz-animation-delay: 1s; } .em-slideshow .owl-theme .owl-controls .owl-buttons div { top: 38%; font-size: 0 !important; margin: 0 !important; padding: 19px 7px !important; width: 58px; border: 1px solid; -webkit-box-shadow: none !important; -moz-box-shadow: none !important; box-shadow: none !important; color: #fff; background: rgba(0, 0, 0, 0.5); border-color: transparent; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; } .em-slideshow .owl-theme .owl-controls .owl-buttons div.owl-next:before { display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\f054"; font-size: 1.9rem; -moz-transition: all 500ms ease; -webkit-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease; -moz-backface-visibility: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; margin-left: 3px; } .em-slideshow .owl-theme .owl-controls .owl-buttons div.owl-prev:before { display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\f053"; font-size: 1.9rem; -moz-transition: all 500ms ease; -webkit-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease; -moz-backface-visibility: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; margin-right: 2px; } .em-slideshow .owl-theme .owl-controls .owl-buttons div:hover { background: #fff; color: #a1a1a1; border-color: transparent; } .em-slideshow .owl-theme .owl-controls .owl-buttons div.owl-prev { left: 0px; right: auto; } .em-slideshow .owl-theme .owl-controls .owl-buttons div.owl-next { right: 0px; left: auto; } .em-slideshow .owl-theme .owl-controls .owl-pagination { position: absolute; left: 48%; bottom: 30px; margin: 0; } .em-slideshow .owl-theme .owl-controls .owl-pagination .owl-page span { border-width: 2px; background: transparent; border-color: #a3a19e; width: 15px !important; height: 15px !important; } .em-slideshow .owl-theme .owl-controls .owl-pagination .owl-page.active span, .em-slideshow .owl-theme .owl-controls .owl-pagination .owl-page span:hover { border-color: #fff; } .em-slideshow a.button-link { float: none; display: inline-block; padding: 13px 20px; } #progressBar { position: absolute; z-index: 1; background: rgba(237, 237, 237, 0.22) !important; } #progressBar #bar { background: rgba(0, 0, 0, 0.33); } /*==========Blog==========*/ /*icon*/ .fb_comments_count:before, .comment-by:before, .comment-count:before, .comment-user:before, .post-time:before, .post-by:before { display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\f007"; font-size: 100%; margin-right: 7px; } .post-time:before { content: '\f133'; } .comment-count:before { content: '\f075'; } .em_post-item .post-title h2 { margin-bottom: 10px; } .em_post-item .post-image img { -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } .em_post-item .post-header { overflow: hidden; padding-top: 0; margin-top: 0; display: block; margin-bottom: 5px; } .em_post-items .em_post-item { border-top: 1px solid #e5e5e5; padding-top: 2rem; } .em_post-items .em_post-item:first-child { border: none; padding-top: 0; } .em_post-items .post-header { padding-top: 0px; } .em_block-recent-post li, .em_block-recent-comments li { border-top: 1px solid #e5e5e5; padding-top: 17px; } .em_block-recent-post li:first-child, .em_block-recent-comments li:first-child { border-top-width: 0; padding-top: 0; } #allcomments > .comment-item { border: 1px solid #e5e5e5; padding: 26px 30px 19px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } #allcomments .comment-by:before { display: none; } #allcomments .time-stamp { font-size: 85%; } #allcomments .time-stamp:before { display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\f133"; font-size: 120%; margin-right: 5px; } #allcomments .comment-button button.button:before { display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\f112"; font-size: 100%; margin-right: 7px; float: left; margin-top: 2px; } .form-comment { border: 1px solid #e5e5e5; padding: 23px 30px 19px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } .blog-tag-view .toolbar .sort-by, .blog-category-view .toolbar .sort-by, .blog-index-index .toolbar .sort-by, .article-comments .toolbar .sort-by { margin-left: 0; } /* ============================================ * Contacts ============================================ */ .contacts-index-index #map-canvas { margin-bottom: 23px; } .contacts-index-index .em-wrapper-main address { margin-bottom: 10px; } .contacts-index-index .em-wrapper-main span.fa { margin-right: 10px; } /* ============================================ * Checkout - Mini cart ============================================ */ .em-top-cart { text-align: left; } .em-top-cart .em-container-topcart { position: relative; } .em-top-cart .em-container-topcart .em-amount-topcart { /*display:inline-block; position:relative;*/ padding-bottom: 30px; } .em-top-cart .em-container-topcart .em-amount-topcart:after { display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\f0d7"; font-size: 100%; margin-left: 5px; -webkit-transition: -webkit-transform .2s ease-in; -moz-transition: -moz-transform .2s ease-in; -o-transition: -o-transform .2s ease-in; transition: transform .2s ease-in; } .em-top-cart .em-container-topcart:hover .em-amount-topcart:after { -moz-transform: rotate(180deg); -webkit-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); } .em-top-cart .topcart-popup { padding: 15px 20px 0px; border-style: solid; border-width: 1px; position: absolute; right: 0px; width: 300px; z-index: 22; top: 57px; } .em-top-cart .topcart-popup .topcart-popup-content .em-block-subtitle { text-transform: uppercase; display: none; } .em-top-cart .topcart-popup .topcart-popup-content .amount-content { padding: 0; } .em-top-cart .topcart-popup .topcart-popup-content a.goto-cart { float: right; margin-right: 0; } .topcart-popup-content .em-topcart-list { margin: 15px 0px 0; } .topcart-popup-content li.item { position: relative; display: inline-block; width: 100%; margin: 0 0 20px; border-bottom: 1px solid #f0f0f0; padding: 0 0px 20px; } .topcart-popup-content li.item.last { margin-bottom: 0px; } .topcart-popup-content li.item a.product-image { float: left; margin-right: 15px; margin-bottom: 0; } .topcart-popup-content li.item .product-details { margin-left: 120px; padding-top: 0; } .topcart-popup-content li.item p { margin-bottom: 5px; } .topcart-popup-content li.item .btn-edit, .topcart-popup-content li.item .btn-remove { display: inline-block; text-align: left; float: none; position: absolute; top: 0px; left: 0px; } .topcart-popup-content li.item .btn-edit { left: 45px; display: none; } .topcart-popup-content li.item .truncated .show .item-options { top: 15px; left: -150px; } .topcart-popup-content .subtotal { width: 100%; float: left; text-transform: uppercase; margin: 1.2rem 0 2rem; } .topcart-popup-content .subtotal .label { float: left; margin-right: 20px; padding-top: 6px; } .topcart-popup-content .subtotal .price { float: right; } .topcart-popup-content .wrapper_bottom_button { overflow: hidden; clear: both; margin: 0 -21px -1px; padding: 15px 20px 5px; } .topcart-popup-content .wrapper_bottom_button a.goto-cart, .topcart-popup-content .wrapper_bottom_button button.button { padding-left: 20px; padding-right: 20px; } .topcart-popup-content .wrapper_bottom_button a.goto-cart:before { display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\f07a"; font-size: 14px; } /*fixed cart*/ .cart-fixed-right { position: fixed !important; right: 15px !important; bottom: 150px !important; top: auto !important; z-index: 31; width: auto !important; padding: 0 !important; margin: 0 !important; } .cart-fixed-right .em-summary-topcart { min-width: 54px; padding: 0 !important; margin-right: 0; } .cart-fixed-right .em-summary-topcart span.em-icon { font-size: 25px; } .cart-fixed-right .em-summary-topcart span { display: none !important; } .cart-fixed-right .em-container-topcart .em-amount-topcart { padding: 15px 11px !important; display: block !important; text-align: center; margin: 0 !important; } .cart-fixed-right .em-container-topcart .em-amount-topcart:before { display: none !important; content: ""; } .cart-fixed-right .em-container-topcart .em-amount-topcart:after { content: "\f07a" !important; margin-left: 0; padding: 0 !important; width: auto !important; float: none !important; font-size: 130%; -moz-transform: rotate(0deg) !important; -webkit-transform: rotate(0deg) !important; -o-transform: rotate(0deg) !important; transform: rotate(0deg) !important; } .cart-fixed-right .em-container-topcart .em-amount-topcart:hover:after { content: '\f07a'; font-size: 130%; -moz-transform: rotate(0deg) !important; -webkit-transform: rotate(0deg) !important; -o-transform: rotate(0deg) !important; transform: rotate(0deg) !important; } .cart-fixed-right.em-top-cart .topcart-popup { top: auto; right: 60px; bottom: -55px; padding-top: 18px; } .cart-fixed-right.em-top-cart .topcart-popup li.item a.product-image { width: 70px; } .cart-fixed-right.em-top-cart .topcart-popup li.item .product-details { margin-left: 80px; } /**/ .qty-ctl { float: left; height: auto; line-height: normal; margin: 0px !important; padding: 0px !important; } .qty-ctl button { font-size: 0; display: block; text-indent: -99999px; overflow: hidden; vertical-align: middle; text-align: left; -moz-transition: all 500ms ease; -webkit-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease; -moz-backface-visibility: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; margin-bottom: 0px; cursor: pointer; position: relative; background-color: transparent; border: 1px solid; text-indent: 0; width: 40px; height: 40px; padding: 0 13px; position: relative; z-index: 1; } .qty-ctl button.decrease { -moz-border-radius: 3px 0 0 3px; -webkit-border-radius: 3px 0 0 3px; border-radius: 3px 0 0 3px; } .qty-ctl button.decrease:before { content: "-"; font-size: 20px; font-weight: bold; line-height: 1; padding-left: 4px; } .qty-ctl button.increase { -moz-border-radius: 0 3px 3px 0; -webkit-border-radius: 0 3px 3px 0; border-radius: 0 3px 3px 0; } .qty-ctl button.increase:before { content: "+"; font-size: 20px; line-height: 0.5; } .qty_cart { width: 140px; display: inline-block; } .qty_cart input.qty { float: left; height: 40px; width: 60px !important; text-align: center; margin: 0 -1px; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; } .qty_cart input.qty:hover, .qty_cart input.qty:focus { position: relative; z-index: 2; } /*Shopping cart*/ .cart-table tr td { padding: 31px 20px 0px; } .cart-table tr td .cart-product { position: relative; margin-top: -11px; } .cart-table tr td .cart-product .btn-remove { position: absolute; top: 0; left: 0; z-index: 1; } .cart-table tr td .cart-price { display: inline-block; margin-top: -12px; } .cart-table tr td .link-wishlist { display: inline-block; margin-top: -6px; } .cart-table tr td .qty_cart { margin-top: -10px; } .cart-table tr td.last { padding-bottom: 20px; } .cart-table tfoot tr td { padding: 20px 0 10px; border-color: transparent; } .cart-collaterals { padding-top: 0; /*ORDER TOTAL*/ } .cart-collaterals h2 { padding: 10px 0; margin-bottom: 10px; } .cart-collaterals .em-box { padding: 17px 20px 9px; min-height: 326px; margin-bottom: 50px; } .cart-collaterals .em-box p { margin-bottom: 10px; } .cart-collaterals .form-list { margin-bottom: 0; } .cart-collaterals .form-list li { margin: 5px 0 0; } .cart-collaterals .form-list li:first-child { margin-top: 0; } .cart-collaterals input.input-text { width: 100%; } .cart-collaterals .buttons-set { padding-top: 20px; } .cart-collaterals .sp-methods { margin-bottom: 0; } .cart-collaterals .sp-methods dt { float: left; margin-right: 5px; } .cart-collaterals .totals .em-box { padding-top: 24px; } .cart-collaterals .totals table td { padding: 0 15px 3px 0; width: 45%; text-align: left !important; } .cart-collaterals .totals table td strong { font-weight: normal; } .cart-collaterals .totals table td .price { display: inline-block; margin-top: -12px; } .cart-collaterals .totals table td:first-child { text-align: right !important; } .cart-collaterals .totals .checkout-types { margin-top: 9px; } .cart-collaterals .totals .checkout-types li { width: 100%; display: inline-block; margin-bottom: 0; } .cart-collaterals .totals .checkout-types li button.btn-checkout { margin-right: 0; width: 100%; margin-bottom: 12px; text-align: center; } .cart-collaterals .totals .checkout-types li button.btn-checkout span { float: none; display: inline-block; } .cart-collaterals .totals .checkout-types li button.btn-checkout span { width: 100%; } .crosssell { margin-top: 20px; } .crosssell h2 { margin-bottom: 18px; text-align: left; } .crosssell-content { overflow: hidden; } .crosssell-content #em-grid-mode { margin: 0 !important; border: 1px solid #e5e5e5; padding: 10px; } /* ============================================ * Checkout - Block Progress ============================================ */ /* Block progress*/ .em-sidebar .block-progress { margin-bottom: 20px !important; } .em-sidebar .block-progress .block-content { padding-top: 9px; padding-bottom: 9px; -moz-border-radius: 0 0 5px 5px; -webkit-border-radius: 0 0 5px 5px; border-radius: 0 0 5px 5px; } .block-progress dt { padding: 6px 0; font-weight: 500; } .block-progress dl { margin-bottom: 0; } .block-progress dd.complete address { margin-bottom: 6px; } .block-progress dd.complete a.sample-link:before { display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\f101"; font-size: 100%; padding-right: 7px; } /* ============================================ * Checkout - One Page ============================================ */ .opc-1sc #opc-login p a { font-size: 85%; text-transform: uppercase; font-weight: 700; } .opc-1sc #opc-login p a:hover { text-decoration: underline; } .opc-col > div { padding: 13px 20px; border: 1px solid #e8e8e8; margin-bottom: 40px; } .opc-col .discount label { margin-bottom: 8px; } .opc-col #opc-payment .form-list .v-fix:first-child, .opc-col .sp-methods .form-list .v-fix:first-child { margin-right: 4%; } .opc-col #opc-payment .form-list .v-fix, .opc-col .sp-methods .form-list .v-fix { width: 48%; } /* ============================================ * One Step Checkout ============================================ */ .opc .section.allow:hover .step-title, .opc .section.allow:hover .step-title a { cursor: pointer; } .opc .section.allow.active .step-title, .opc .section.allow.active .step-title a { cursor: default; } .opc .step-title { margin-bottom: 10px; } .opc .step-title .title-box { -moz-transition: all 500ms ease; -webkit-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease; -moz-backface-visibility: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; padding: 1rem 2rem; min-height: 37px; float: left; width: 100%; border: 1px solid #e5e5e5; } .opc .step-title .title-box a { font-size: 0; } .opc .step-title .number { float: left; display: none; } .opc .step-title h2 { float: left; } .opc .step-title a { -moz-transition: all 500ms ease; -webkit-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease; -moz-backface-visibility: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; font-size: 0; float: right; cursor: default; } .opc .step-title a:before { display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\f107"; font-size: 18px; margin-top: 3px; } .opc .step { padding: 30px 20px 19px; margin-bottom: 1rem; margin-top: -13px; border: 1px solid #e5e5e5; border-top: 0; -moz-border-radius: 0 0 3px 3px; -webkit-border-radius: 0 0 3px 3px; border-radius: 0 0 3px 3px; } .opc ul.form-list { margin-bottom: 14px; } .opc ul.form-list > li { margin-right: 0; } .opc ul.form-list > li.wide { margin-right: 3%; } .opc .form-list li.control { margin-top: 7px; margin-bottom: 7px; } .opc .tool-tip { top: auto !important; bottom: 200px; } .opc #checkout-step-login h3 { margin-bottom: 14px; } .opc #checkout-step-login .col-2 h4 { float: left; margin-bottom: 10px; margin-right: 2px; } .opc #checkout-step-login .col-2 .form-list { width: 90%; } .opc #checkout-step-login .col-1 strong { font-weight: normal; } .opc #checkout-step-login ul.ul li { padding-bottom: 7px; } .opc #checkout-step-login ul.ul li:before { content: "+"; padding-right: 5px; } .opc #checkout-step-login .buttons-set a { margin-top: 6px; } .opc #checkout-step-shipping_method .sp-methods dt { float: left; margin-right: 5px; } .opc #checkout-review-submit .button.button { float: right; margin-right: 0; } .opc #checkout-review-submit .please-wait { float: right; } .opc #checkout-review-submit .f-left { float: right !important; clear: both; } .sp-methods .form-list select, .sp-methods .form-list input.input-text { width: 280px; } .sp-methods .form-list select.month { width: 133px; margin-right: 15px; } .sp-methods .form-list select.year { width: 132px; } /* ============================================ * Checkout - Success ============================================ */ .checkout-onepage-success .em-col-main .em-box { padding: 27px 20px 19px; } .checkout-onepage-success .em-col-main .em-box > p { margin-bottom: 7px; } .checkout-onepage-success .em-col-main .buttons-set { padding-top: 8px; } .checkout-onepage-success .em-col-main .print-order { text-decoration: none; } /******Class Padding********/ .padding-top20 { padding-top: 20px; } /******Visible - Hidden********/ .hidden-3col, .hidden-2col { display: none; } /*Title Box*/ .em-block-title { text-transform: capitalize; } .em-block-title .h2 { margin-bottom: 15px; } .em-line-01 { position: relative; margin-bottom: 50px; } .em-line-01 .em-block-title, .em-line-01 .em-widget-title, .em-line-01 .block-title, .em-line-01 .widget-title { border-bottom-width: 1px; border-bottom-style: solid; margin-bottom: 30px; font-size: 100%; /*padding-right:50px;*/ } .em-line-01 .em-block-title h3, .em-line-01 .em-block-title strong, .em-line-01 .em-block-title h2, .em-line-01 .em-widget-title h3, .em-line-01 .em-widget-title strong, .em-line-01 .em-widget-title h2, .em-line-01 .block-title h3, .em-line-01 .block-title strong, .em-line-01 .block-title h2, .em-line-01 .widget-title h3, .em-line-01 .widget-title strong, .em-line-01 .widget-title h2 { margin: 0; border-bottom-width: 3px; border-bottom-style: solid; padding-bottom: 10px; display: inline-block; margin-bottom: -1px; text-transform: uppercase; position: relative; z-index: 1; } .em-line-01 .em-block-title small, .em-line-01 .em-widget-title small, .em-line-01 .block-title small, .em-line-01 .widget-title small { font-size: 100%; } .em-line-01 .em-tabs { margin-top: -75px; text-align: right; } .em-line-01 .em-tabs.r-tabs .r-tabs-nav .r-tabs-anchor { margin-right: 0; margin-left: 5px; padding: 9px 20px 15px; min-height: 45px; } .em-line-01.em-new-arrivals-tabs { margin-bottom: 15px; } .em-line-02 { border-bottom: 2px solid; margin-bottom: 20px; } /*box style 01*/ .em-box-01 { border: 1px solid; padding-top: 2px; margin-bottom: 20px; } .em-box-01 > div { border-top: 1px solid; padding: 15px; } .em-box-01 .widget-title h2, .em-box-01 .widget-title h3 { text-transform: uppercase; } /*box style 02*/ .em-box-02 .title-box { padding: 0; margin: 0; } .em-box-02 .title-box h1, .em-box-02 .title-box h2 { margin-bottom: 0; } .em-box-02 .em-block-title p.h3 { margin-bottom: 5px; } /*box style bkg*/ .em-box-bkg { padding: 3rem 2rem 1rem; margin-bottom: 50px; } .em-box-bkg .em-line-01 { margin-bottom: 0; } /*box style 043*/ .em-box-04 { padding: 20px; margin-bottom: 20px; } .em-box-04 .em-line-01 { margin-bottom: 0; } /*block sidebar*/ .em-sidebar .block, .em-sidebar .widget, .em-sidebar .multidealpro_recent { margin-bottom: 20px; border-style: solid; border-width: 1px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } .em-sidebar .block .em-block-title, .em-sidebar .block .em-widget-title, .em-sidebar .block .block-title, .em-sidebar .block .widget-title, .em-sidebar .widget .em-block-title, .em-sidebar .widget .em-widget-title, .em-sidebar .widget .block-title, .em-sidebar .widget .widget-title, .em-sidebar .multidealpro_recent .em-block-title, .em-sidebar .multidealpro_recent .em-widget-title, .em-sidebar .multidealpro_recent .block-title, .em-sidebar .multidealpro_recent .widget-title { border-bottom-width: 0px; margin-bottom: 0; padding: 1.4rem 2rem; } .em-sidebar .block .em-block-title h3, .em-sidebar .block .em-block-title strong, .em-sidebar .block .em-block-title h2, .em-sidebar .block .em-widget-title h3, .em-sidebar .block .em-widget-title strong, .em-sidebar .block .em-widget-title h2, .em-sidebar .block .block-title h3, .em-sidebar .block .block-title strong, .em-sidebar .block .block-title h2, .em-sidebar .block .widget-title h3, .em-sidebar .block .widget-title strong, .em-sidebar .block .widget-title h2, .em-sidebar .widget .em-block-title h3, .em-sidebar .widget .em-block-title strong, .em-sidebar .widget .em-block-title h2, .em-sidebar .widget .em-widget-title h3, .em-sidebar .widget .em-widget-title strong, .em-sidebar .widget .em-widget-title h2, .em-sidebar .widget .block-title h3, .em-sidebar .widget .block-title strong, .em-sidebar .widget .block-title h2, .em-sidebar .widget .widget-title h3, .em-sidebar .widget .widget-title strong, .em-sidebar .widget .widget-title h2, .em-sidebar .multidealpro_recent .em-block-title h3, .em-sidebar .multidealpro_recent .em-block-title strong, .em-sidebar .multidealpro_recent .em-block-title h2, .em-sidebar .multidealpro_recent .em-widget-title h3, .em-sidebar .multidealpro_recent .em-widget-title strong, .em-sidebar .multidealpro_recent .em-widget-title h2, .em-sidebar .multidealpro_recent .block-title h3, .em-sidebar .multidealpro_recent .block-title strong, .em-sidebar .multidealpro_recent .block-title h2, .em-sidebar .multidealpro_recent .widget-title h3, .em-sidebar .multidealpro_recent .widget-title strong, .em-sidebar .multidealpro_recent .widget-title h2 { border-bottom-width: 0px; padding-bottom: 0px; margin-bottom: 0px; text-transform: uppercase; } .em-sidebar .block-content, .em-sidebar .widget-products { padding: 16px 20px; } .em-sidebar .block-content .actions, .em-sidebar .widget-products .actions { padding-bottom: 5px; } .em-sidebar .block-content .products-list .item, .em-sidebar .widget-products .products-list .item { margin-bottom: 0; padding: 2rem 0 1rem; border-width: 0px; border-top-width: 1px; border-top-style: dotted; } .em-sidebar .block-content .products-list .item:first-child, .em-sidebar .block-content .products-list .item.first, .em-sidebar .widget-products .products-list .item:first-child, .em-sidebar .widget-products .products-list .item.first { border-top-color: transparent; padding-top: 0; } .em-sidebar .block-content .products-list .item a.product-image, .em-sidebar .widget-products .products-list .item a.product-image { margin-bottom: 1rem; } .em-sidebar .block-banner { margin-top: 20px; } .em-sidebar .line-right { padding-right: 10px; } .em-sidebar .line-left { padding-left: 10px; } /*block ads*/ .block-ads img.img-responsive { display: inline-block; margin-bottom: 20px; } /*======Block Compare========*/ .block-compare .empty { padding-top: 10px; } .block-compare .block-content { padding-top: 0; padding-bottom: 0; } .block-compare #compare-items li.item { margin-bottom: 0; padding: 2rem 0 1rem; border-top-width: 1px; border-top-style: dotted; position: relative; } .block-compare #compare-items li.item:first-child { border-top-color: transparent; } .block-compare #compare-items li.item .last { padding-bottom: 0; } .block-compare #compare-items li.item a.product-image { float: left; margin-right: 2rem; margin-bottom: 1rem; } .block-compare #compare-items li.item .product-shop { overflow: hidden; } .block-compare #compare-items li.item .btn-remove { position: absolute; top: 20px; left: 0; z-index: 1; } /*======Block Wishlist========*/ .block-wishlist p.block-subtitle { margin-bottom: 0; } .block-wishlist li.item { margin-bottom: 10px; position: relative; border-top-width: 1px; border-top-style: dotted; padding-top: 20px; } .block-wishlist li.item:first-child { border-top-width: 0px; padding-top: 20px; } .block-wishlist li.item a.product-image { float: left; margin-right: 20px; margin-bottom: 10px; } .block-wishlist li.item .product-details { overflow: hidden; } .block-wishlist li.item .btn-remove { position: absolute; top: 20px; left: 0; z-index: 1; } .block-wishlist li.item a.link-cart { float: left; margin-top: 10px; } .block-wishlist .block-content .actions { padding-bottom: 0; } /*======Block Reorder========*/ .block-reorder .checkbox { float: left; margin-right: 5px; } /*==========Block Paypal==============*/ .paypal-logo { margin-bottom: 20px; clear: both; padding-top: 10px; } .em-sidebar .paypal-logo { display: none; } /*======Block Poll========*/ .block-poll .block-subtitle { margin-bottom: 11px; } .block-poll ul li { padding: 4px 0; } .block-poll ul li input.radio { display: inline-block; } /* Block: Tags & box-tags*/ .em_block-tag-cloud li, .tags-list li { display: inline-block; padding: 0 0.5rem 0.5rem 0; } .em_block-tag-cloud li a, .tags-list li a { display: inline-block; padding: 0.5rem 1rem; border-style: solid; border-width: 1px; font-size: 100% !important; -moz-transition: all 500ms ease; -webkit-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease; -moz-backface-visibility: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; } /*Block Recent Review*/ .block-recent .widget-products { border: 1px solid #e5e5e5; border-top: 0; padding: 0 20px; } .block-recent .products-grid li.item { width: 100%; } .block-recent li.item { border-top-width: 1px; border-top-style: dotted; padding: 31px 0; } .block-recent li.item:first-child { border-top: 0; } .block-recent .review-details { padding-top: 10px; } /*fixed sidebar*/ .em-fixed-sidebar { padding-top: 50px; } .em-fixed-sidebar #em-sidbar-nav-panel { padding-bottom: 30px; display: inline-block; width: 100%; } .em-fixed-sidebar .em-header-middle { clear: both; } /* Block: Layered Navigation */ .block-layered-nav .block-content .block-subtitle { padding: 0; display: none; } .block-layered-nav .block-content .actions { margin-bottom: 10px; } .block-layered-nav .block-content dt { margin-bottom: 10px; } .block-layered-nav .block-content dd { margin: 0 -20px 20px; padding: 0 20px 10px; border-bottom: 1px solid; position: relative; } .block-layered-nav .block-content dd.last { border: none; margin-bottom: 0; padding-bottom: 0; } .block-layered-nav .block-content .tree-filter { margin: 0 -20px; } .block-layered-nav .block-content .tree-filter .icon { margin: 17px 20px 0 0; display: inline-block; background: none; width: auto; height: auto; text-indent: 0; float: right; clear: both; } .block-layered-nav .block-content .tree-filter .icon:before { display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\f196"; font-size: 14px; } .block-layered-nav .block-content .tree-filter .expanded .icon:before { content: "\f147"; } .block-layered-nav .block-content .tree-filter .collapsed .icon:before { content: "\f196"; } .block-layered-nav .block-content .tree-filter li { padding: 0; } .block-layered-nav .block-content .tree-filter li:before { content: ""; padding-right: 0px; padding-left: 0px; display: inline; } .block-layered-nav .block-content .tree-filter .label-icon { padding: 14px 20px; /*text-transform: uppercase;*/ } .block-layered-nav .block-content .tree-filter li.expanded ol .label-icon { padding-left: 20px; } .block-layered-nav .block-content .tree-filter ol { border-top-width: 1px; border-top-style: solid; } .block-layered-nav .block-content .tree-filter ol ol .icon { margin-top: 10px; } .block-layered-nav .block-content .tree-filter ol ol .label-icon { padding: 7px 20px; /*padding-left:20px;*/ text-transform: none; } .block-layered-nav .block-content .tree-filter ol ol .label-icon .label:before { display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\f105"; font-size: 14px; padding: 0 10px 0 0; } .block-layered-nav .block-content .tree-filter ol ol ol { border: none; padding-left: 20px; } .block-layered-nav .block-content .tree-filter > li > ol > li { border-bottom-width: 1px; border-bottom-style: solid; } .block-layered-nav .block-content .tree-filter > li > ol > li.last, .block-layered-nav .block-content .tree-filter > li > ol > li.selected { border-bottom: none; } .block-layered-nav .block-content .tree-filter > li > ol > li.selected > ol { padding-top: 11px; } .block-layered-nav .block-content .tree-filter > li.selected > ol > li > ol { padding-top: 11px; padding-bottom: 11px; } .block-layered-nav .block-content dd li { padding: 4px 0; } .block-layered-nav .block-content dd li:before { display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\f105"; font-size: 14px; padding-right: 10px; } .block-layered-nav .block-content #narrow-by-list .filter-act { margin-top: 0; position: absolute; top: -34px; right: 15px; } .block-layered-nav .block-content .rslider { margin-top: 0; padding-top: 14px; } .block-layered-nav .block-content .rslider #range, .block-layered-nav .block-content .rslider #track { background: none; height: 3px; } .block-layered-nav .block-content .rslider .handle { background: #ffffff; width: 14px; height: 14px; border: 2px solid; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; top: -6px; } .block-layered-nav .block-content .rslider .handle:before { background: #1585c7; content: ''; top: 2px; left: 2px; width: 6px; height: 6px; position: absolute; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; } .block-layered-nav .block-content .rslider .values { margin-bottom: 20px; margin-top: 15px; } .block-layered-nav .block-content .img-filter li { border: none; padding: 2px 1px; } .block-layered-nav .block-content .img-filter li:before { content: ""; padding-right: 0px; padding-left: 0px; } .block-layered-nav .block-content .img-filter li a { display: inline-block; -moz-transition: all 500ms ease; -webkit-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease; -moz-backface-visibility: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; width: 30px; height: 30px; } .block-layered-nav .block-content .img-filter li a img { max-width: 100%; } .block-layered-nav .block-content .img-filter li a:hover { -webkit-box-shadow: 0 0 5px #797979; -moz-box-shadow: 0 0 5px #797979; box-shadow: 0 0 5px #797979; padding: 2px; } /*Block Recentreview-products*/ .block-latest .products-list li.item { border: 0; margin-bottom: 0; border-top-width: 1px; border-top-style: dotted; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; padding: 20px 0px 10px; margin: 0 10px; } .block-latest .products-list li.item:first-child { padding-top: 10px; border-top: 0; } .block-latest .box-reviews > .product-list, .block-latest .box-reviews > .products-grid { border: 1px solid #e5e5e5; border-top: 0; padding: 20px; margin-bottom: 0; } .block-latest .box-reviews > .products-grid li.item { padding: 0; border: 0; margin-right: 0; text-align: left; } .widget-recentreview-products .widget-products { padding: 10px; } .widget-recentreview-products .widget-products .item.last { margin-bottom: 0; } .widget-recentreview-products .widget-products .products-grid > .item { margin-right: 0; width: 100%; } .widget-recentreview-products .widget-products .products-grid > .item .price-box { margin-bottom: 10px; } .block-em-latest .box-reviews > ul { border-top-width: 1px; border-top-style: dotted; border-top: 0; padding: 10px 20px; -moz-border-radius: 0 0 5px 5px; -webkit-border-radius: 0 0 5px 5px; border-radius: 0 0 5px 5px; } .block-em-latest .box-reviews > ul.products-grid { -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; margin: 0; } .block-em-latest .box-reviews > ul.products-grid .item { margin-right: 0; padding: 0; border: 0; text-align: left; } /*Recently Viewed Products*/ #recently-viewed-items li.item { margin-bottom: 0; padding: 2rem 0 1rem; border-top-width: 1px; border-top-style: dotted; position: relative; } #recently-viewed-items li.item:first-child { border-top-color: transparent; padding-top: 0; } #recently-viewed-items li.item a.product-image { float: left; margin-right: 20px; margin-bottom: 1rem; } #recently-viewed-items li.item .product-shop { overflow: hidden; } #recently-viewed-items li.item.last { padding-bottom: 0; } a.product-image { position: relative; margin-bottom: 18px; display: block; border-radius: 5px; border: 1px solid #e1e1e1; } a.product-image img { /*width:100%; height:auto;*/ -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; } .products-grid a.product-image img { width: 100%; height: auto; } .ratings { padding: 0 0 1rem; } .ratings .rating-box { margin-right: 0; } .ratings .amount { /*display:none;*/ } div.desc { margin-bottom: 1.55rem; } /* View Type: Grid */ .products-grid .item { margin: 0 0 10px; float: left; text-align: center; margin-right: 20px; } .products-grid .item .product-item { overflow: hidden; width: 100%; border-width: 1px; border-style: solid; } .products-grid .item img { width: 100%; height: auto; -moz-border-radius: 5px 5px 0 0; -webkit-border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0; } .products-grid .item .product-shop { display: inline-block; width: 100%; -moz-transition: all 500ms ease; -webkit-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease; -moz-backface-visibility: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; padding: 0 10px 10px; } .products-grid .item .add-to-links li { float: none; display: inline-block; vertical-align: top; } .em-crosssell-noslider.products-grid li.item, .em-upsell-noslider.products-grid li.item { padding: 10px !important; margin-right: 0; } .category-products .products-grid li.item { padding: 0 10px; margin-right: 0; } .category-products .item .product-item { overflow: hidden; width: auto; display: block; min-height: 100%; } .category-products .item .product-item:hover { position: absolute; top: 0; left: 10px; right: 10px; z-index: 2; } .category-products .products-grid .em-btn-addto button.button { margin-bottom: 0; font-size: 0; } .category-products .products-grid .em-btn-addto button.button span { padding: 0; } /* View Type: List */ .products-list .product-image { float: left; margin: 0 20px 10px 0; } .products-list .product-shop { overflow: hidden; text-align: left; } .products-list .product-shop .price-box { margin-bottom: 14px; } .products-list div.item { display: inline-block; width: 100%; margin-bottom: 20px; } .products-list li.item { overflow: hidden; } .em-sidebar .products-list { margin-bottom: 0; } .em-sidebar .products-list .product-shop .price-box { margin-bottom: 0; } .products-list > .item { padding: 10px; border: 1px solid transparent; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; margin-bottom: 40px; } .products-list > .item a.product-image { margin-bottom: 0; } .products-list > .item .product-shop { margin-bottom: 10px; } /*=================setting admin=====================*/ /*single line*/ /*=======category setting hover effect===========*/ /*Enable on all devices*/ .emcatalog-enable-hover.products-grid li.item .product-item .em-element-display-hover { transform: scale(0, 0); -moz-transform: scale(0, 0); -webkit-transform: scale(0, 0); -moz-transition: all 500ms ease; -webkit-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease; -moz-backface-visibility: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; height: 0; opacity: 0 !important; filter: alpha(opacity=0 !important); } .emcatalog-enable-hover.products-grid li.item .product-item:hover .em-element-display-hover { -moz-transition: all 500ms ease; -webkit-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease; -moz-backface-visibility: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; transform: scale(1, 1); -moz-transform: scale(1, 1); -webkit-transform: scale(1, 1); height: 100%; opacity: 1 !important; filter: alpha(opacity=100 !important); } /*Effect Show Button Add Cart - Wishlist - Compare*/ .product-shop-top { position: relative; } .product-shop-top .em-btn-addto, .product-shop-top .quickshop-link-container { display: inline-block; vertical-align: top; } .category-products .item .product-shop-top, .products-grid .item .product-shop-top, .button-show01 .products-grid .item .product-shop-top { position: relative; } .category-products .item .product-shop-top .bottom, .products-grid .item .product-shop-top .bottom, .button-show01 .products-grid .item .product-shop-top .bottom { position: absolute; left: auto; bottom: 0px; text-align: center; width: 100%; opacity: 0; filter: alpha(opacity=0); -moz-transition: all 500ms ease; -webkit-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease; -moz-backface-visibility: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .category-products .item .product-shop-top .bottom button.button.btn-cart, .products-grid .item .product-shop-top .bottom button.button.btn-cart, .button-show01 .products-grid .item .product-shop-top .bottom button.button.btn-cart { margin-bottom: 0; } .category-products .item .product-shop-top .out-of-stock, .products-grid .item .product-shop-top .out-of-stock, .button-show01 .products-grid .item .product-shop-top .out-of-stock { display: inline-block; vertical-align: top; margin-right: 0.5rem; margin-top: 4px; } .category-products .item .product-shop-top .quickshop-link-container, .category-products .item .product-shop-top .em-btn-addto, .products-grid .item .product-shop-top .quickshop-link-container, .products-grid .item .product-shop-top .em-btn-addto, .button-show01 .products-grid .item .product-shop-top .quickshop-link-container, .button-show01 .products-grid .item .product-shop-top .em-btn-addto { display: inline-block; vertical-align: top; } .category-products .item:hover .bottom, .products-grid .item:hover .bottom, .button-show01 .products-grid .item:hover .bottom { bottom: 20px; opacity: 1; filter: alpha(opacity=100); } .button-show02 .products-grid .item .add-to-links { width: 66.6667%; float: left; } .button-show02 .products-grid .item .add-to-links li { width: 50%; float: left; margin: 0; } .button-show02 .products-grid .item .add-to-links li a { width: 100%; text-align: center; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; border: 0; padding: 10px 7px; } .button-show02 .products-grid .item .em-btn-addto { width: 75%; float: left; } .button-show02 .products-grid .item button.button.btn-cart { font-size: 0; font-size: 0; width: 33.3333%; float: left; border: 0; margin: 0; text-align: center; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; padding: 10px 7px; } .button-show02 .products-grid .item button.button.btn-cart span { padding: 0; } .button-show02 .products-grid .item .quickshop-link-container { width: 25%; float: left; } .button-show02 .products-grid .item .quickshop-link-container a { width: 100%; border: 0; text-align: center; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; padding: 10px 7px; } .button-show02 .products-grid .item .em-element-display-hover { /*dipslay:none;*/ -moz-transition: all 500ms ease; -webkit-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease; -moz-backface-visibility: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; opacity: 0; filter: alpha(opacity=0); } .button-show02 .products-grid .item .product-shop-top { position: relative; border: 1px solid transparent; overflow: hidden; } .button-show02 .products-grid .item .product-shop-top .bottom { position: absolute; bottom: -50px; left: 0; width: 100%; text-align: center; } .button-show02 .products-grid .item .product-shop-top .bottom .em-element-cotent { display: inline-block; width: 100%; vertical-align: top; } .button-show02 .products-grid .item:hover .product-shop-top .bottom { bottom: 18px; opacity: 1; filter: alpha(opacity=100); } .button-show03 .products-grid .item .add-to-links { width: 100%; float: left; } .button-show03 .products-grid .item .add-to-links li { width: 100%; float: left; margin-right: 0; } .button-show03 .products-grid .item .add-to-links li a { width: 100%; text-align: center; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; border: 0; } .button-show03 .products-grid .item .em-btn-addto { width: 100%; float: left; } .button-show03 .products-grid .item button.button.btn-cart { font-size: 0; font-size: 0; width: 100%; float: left; border: 0; margin: 0; text-align: center; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; } .button-show03 .products-grid .item button.button.btn-cart span { padding: 0; } .button-show03 .products-grid .item .quickshop-link-container { width: 100%; float: left; } .button-show03 .products-grid .item .quickshop-link-container a { width: 100%; border: 0; text-align: center; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; } .button-show03 .products-grid .item .bottom { /*dipslay:none;*/ -moz-transition: all 500ms ease; -webkit-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease; -moz-backface-visibility: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; opacity: 0; filter: alpha(opacity=0); } .button-show03 .products-grid .item .product-shop-top { position: relative; border: 1px solid transparent; overflow: hidden; } .button-show03 .products-grid .item .product-shop-top .bottom { position: absolute; top: 10px; left: -100px; width: 30px; text-align: center; } .button-show03 .products-grid .item .product-shop-top .bottom .em-element-cotent { display: inline-block; width: 100%; vertical-align: top; } .button-show03 .products-grid .item:hover .product-shop-top .bottom { opacity: 1; filter: alpha(opacity=100); left: 10px; } .button-hide-text button.button.btn-cart { font-size: 0; } .button-hide-text button.button.btn-cart span { padding: 0; } /*=========Block Brand Logo=============*/ .brand-logo-detail a { display: inline-block; max-width: 100%; } /*=========End Block Brand Logo=============*/ /*============ Product Detail ===============*/ .em-product-view-secondary { position: relative; } .email-friend { position: relative; } .email-friend a:before { display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\f003"; font-size: 90%; margin-right: 5px; } .availability-only { text-transform: uppercase; font-size: 100%; position: relative; } .availability-only span { position: relative; padding-right: 100px; } .availability-only a { position: relative; } .availability-only a:after { display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\f13a"; font-size: 14px; padding-left: 5px; } .availability-only a.expanded:after { display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\f139"; font-size: 14px; padding-left: 5px; } .availability-only span:before { width: 80px; border: 1px solid #000; height: 8px; content: ""; position: absolute; top: 5px; right: 0; } .availability-only span:after { width: 35px; background: #000; height: 8px; content: ""; position: absolute; top: 5px; right: 45px; } .product-view-detail select { width: 100%; } .product-view-detail .product-img-box { margin-bottom: 50px; } .product-view-detail .product-img-box .media-left { position: relative; z-index: 2; } .product-view-detail .product-img-box .media-left .product-image { max-width: 100%; /*text-align:center;*/ } .product-view-detail .product-img-box .media-left .product-image img { max-width: 100%; border: 1px solid #f7f7f7; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } .product-view-detail .product-img-box .more-views { position: relative; display: inline-block; width: 100%; margin-top: 10px; } .product-view-detail .product-img-box .more-views .owl-carousel .owl-controls .owl-buttons div.owl-next { top: 37%; right: 10px; } .product-view-detail .product-img-box .more-views .owl-carousel .owl-controls .owl-buttons div.owl-prev { top: 37%; left: 10px; } .product-view-detail .product-img-box .more-views li.item:hover { -moz-transition: all 500ms ease; -webkit-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease; -moz-backface-visibility: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .product-view-detail .product-img-box .more-views .owl-wrapper-outer:hover li.item { opacity: 0.5; filter: alpha(opacity=50); } .product-view-detail .product-img-box .more-views .owl-wrapper-outer:hover li.item:hover { opacity: 1; filter: alpha(opacity=100); } .product-view-detail .product-img-box .more-views img { width: 100%; height: auto; border: 1px solid #f7f7f7; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } .product-view-detail .product-img-box .more-views .em-moreviews-noslider li.item { float: left; margin: 0 10px 10px 0; } .product-view-detail .product-shop .short-description h2 { margin-bottom: 0.2rem; text-transform: uppercase; } .product-view-detail .product-shop .short-description .std { margin-bottom: 2rem; } .product-view-detail .product-shop .no-rating { position: relative; } .product-view-detail .product-shop .no-rating a:before { display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\f044"; font-size: 16px; margin-right: 5px; } .product-view-detail .product-shop .em-review-email { display: inline-block; width: 100%; font-size: 85%; } .product-view-detail .product-shop .em-review-email .no-rating, .product-view-detail .product-shop .em-review-email .ratings { float: left; padding: 0; margin-bottom: 0.25rem; } .product-view-detail .product-shop .em-review-email .email-friend { float: right; margin-bottom: 1.55rem; } .product-view-detail .product-shop .product-options-bottom .price-box { display: none; } .product-view-detail .product-shop .product-options { margin-bottom: 2rem; } .product-view-detail .product-shop .em-addthis-plug { margin-bottom: 2rem; } .product-view-detail .product-shop .em-addthis-plug span { float: left; margin-right: 1rem; margin-top: 1px; } .product-view-detail .product-shop .price-box { margin-bottom: 1.7rem; } .product-view-detail .product-shop .price-box-bundle .price-box { font-size: 100%; margin-bottom: 0; } .product-view-detail .product-shop .price-box-bundle .price-box .price { font-size: 120%; } .product-view-detail .product-shop .grouped-items-table .price-box { border: 0; padding: 0; margin: 0; font-size: 100%; } .product-view-detail .product-shop .grouped-items-table .price-box .regular-price { font-size: 100% !important; } .product-view-detail .product-shop .grouped-items-table .price { margin: 0; } .product-view-detail .product-shop .add-to-cart label { display: none; } .product-view-detail .product-shop .ratings { float: left; } .product-view-detail .product-shop .ratings .rating-box { float: left; margin-top: 2px; margin-right: 5px; } .product-view-detail .product-shop .ratings .rating-links { float: left; margin-bottom: 0; } .product-view-detail .product-shop .em-sku-availability .availability { display: block; } .product-view-detail .product-shop .availability { margin-bottom: 2rem; display: none; } .product-view-detail .product-shop .sku { margin-bottom: 0.25rem; } .product-view-detail .product-shop .sale_off { position: static; display: inline-block; margin-bottom: 10px; } .product-view-detail .product-shop .show_details { margin-top: 23px; margin-bottom: 20px; } .product-view-detail .product-shop .show_details .title { text-align: center; padding: 10px; -moz-border-radius: 3px 3px 0 0; -webkit-border-radius: 3px 3px 0 0; border-radius: 3px 3px 0 0; } .product-view-detail .product-shop .show_details .show_clock { padding-bottom: 20px; } .product-view-detail .product-shop .show_details .em-multideal-price-box { text-align: center; } .product-view-detail .product-shop .show_details .em-multideal-price-box span.price { font-size: 150% !important; } .product-view-detail .product-shop .show_details .price-box.map-info a { font-size: 80%; padding-bottom: 10px; } .product-view-detail .product-shop .show_details .price-box { padding: 0; margin: 0; border: none; text-align: center; } .product-view-detail .product-shop .show_details .show_clock .clock { text-align: center; padding-top: 15px; } .product-view-detail .product-shop .deal_qty { text-align: left; } .product-view-detail .product-shop .add-to-cart { padding-top: 0.3rem; margin-bottom: 1rem; } .product-view-detail .product-shop .add-to-cart .button_addto { display: inline-block; width: 100%; padding-top: 0.7rem; } .product-view-detail .qty_cart { clear: both; display: inline-block; float: left; margin-right: 2%; width: 49%; position: relative; } .product-view-detail .qty_cart button { position: absolute; top: 0; } .product-view-detail .qty_cart button.decrease { left: 0px; } .product-view-detail .qty_cart button.increase { right: 0px; } .product-view-detail .qty_cart input.qty { width: 100% !important; margin: 0; } .product-view-detail button.button { width: 49%; margin-right: 2%; text-align: center; } .product-view-detail button.button.btn-cart { margin-right: 0; float: right; } .product-view-detail button.button.btn-cart:before { font-size: 100%; } .product-view-detail .add-to-links { width: 49%; } .product-view-detail .add-to-links li { margin-right: 4%; } .product-view-detail .add-to-links li a.link-compare, .product-view-detail .add-to-links li a.link-wishlist { padding: 10px 9px; width: 38px; } .product-view-detail .add-to-links li a.link-compare:before, .product-view-detail .add-to-links li a.link-wishlist:before { font-size: 18px; } .product-view .em-details-tabs.r-tabs { margin-bottom: 50px; } .product-view .em-details-tabs.r-tabs .box-collateral { border: none; padding: 0; } .product-view .em-details-tabs.r-tabs .box-collateral .em-block-title { display: block; } .product-view .em-details-tabs.r-tabs .box, .product-view .em-details-tabs.r-tabs .box-collateral-content { margin-bottom: 0; border-width: 0; padding: 0; } .product-view .em-details-tabs .em-details-tabs-content { text-align: left; } .product-view .box { margin-bottom: 50px; } .product-view .data-table tr td, .product-view .data-table th { padding: 10px 10px; } .add-to-cart label { padding: 15px 0 6px; margin-bottom: 0; margin-right: 8px; float: left; width: 100%; } /*Product from*/ .form-add .form-list textarea, .form-add .form-list input.input-text { width: 100%; } /*Product Tag*/ .box-tags label { float: left; } .box-tags .form-add .input-box { clear: both; width: 50%; float: left; margin-right: 10px; margin-bottom: 10px; } .box-tags .form-add .input-box input.input-text { width: 100%; } .box-tags button.button { margin-bottom: 6px; float: left; padding: 11px 20px; } .product-tags li { display: inline-block; margin-right: 15px; text-transform: uppercase; font-size: 90%; } /*Social facebook - google ...*/ .product-view .dc-toggle { position: fixed; z-index: 100; top: 189px; right: 25px; overflow: hidden; float: left; font-size: 0; color: #ed9c10; width: 18px; } .product-view .dc-toggle:before { display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\f146"; font-size: 20px; } .product-view .dc-toggle.icon_hide_social:before { display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\f0fe"; font-size: 20px; } .dcssb-float { z-index: 99 !important; } /*Icon zoom image*/ .product-img-box #zoom-btn { position: relative; font-size: 0; content: ""; position: absolute; bottom: 20px; right: 200px; z-index: 9999; } .product-img-box #zoom-btn:before { display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\f00e"; font-size: 23px; } .quickshop-main .product-img-box #zoom-btn { display: none; } /*rating table*/ #product-review-table { width: 69%; } #product-review-table tr td { border: none; text-align: center; vertical-align: top; padding-top: 6px; padding-bottom: 8px; } #product-review-table tr th { border: none; background: none; text-transform: none; padding-top: 8px; padding-bottom: 8px; text-align: center; } #product-review-table tr input.radio { display: inline-block; min-height: 1px; margin: 0; } #product-review-table tbody tr th { padding-left: 0; text-align: left; } .ratings-table { margin-bottom: 10px; } .ratings-table th { padding: 5px 5px 3px 0; } .ratings-table td { padding: 9px 5px 3px; } .box-reviews .reviews { margin-bottom: 50px; } .box-reviews .reviews .em-box-review { margin: 0; overflow: hidden; } .box-reviews .reviews .em-box-review dl { margin-bottom: 0; } .box-reviews .reviews .em-box-review dt { font-weight: 500; } .box-reviews .reviews .em-box-review dt a { text-transform: capitalize; } .box-reviews .reviews .em-box-review dd { padding-bottom: 20px; } .box-reviews .reviews .em-box-review table td { padding: 9px 30px 3px 0; } .box-reviews .reviews .em-box-review table td p { margin-bottom: 10px; } .box-reviews .reviews .em-box-review table td.em-review-nickname { white-space: nowrap; } .box-reviews .reviews .em-box-review .ratings-table th { padding: 0px 5px 8px 0; } .box-reviews .reviews .em-box-review .ratings-table td { padding: 4px 5px 8px 0; } .box-reviews .reviews .pager .amount { margin: 10px 0px 10px 0px; } .box-reviews #review-form { display: block; margin: 0; } .box-reviews .form-add { margin-bottom: 50px; } .box-reviews .form-add h3 { text-transform: capitalize; font-size: 100%; } .box-reviews .form-add h4 { margin-top: 7px; margin-bottom: 4px; } .box-reviews .form-add .form-list li { margin-right: 0; } .box-reviews .form-add .buttons-set { margin-top: 18px; } /*=====Button Next Tre - Product Detail=====*/ /*button next pre - product detail*/ .product-view-detail .em-product-shop .product-shop .next { padding: 7px 7px !important; position: absolute; font-size: 0; top: 20px; width: 35px; border: 1px solid #e8e8e8; right: 20px; -moz-border-radius: 0 5px 5px 0; -webkit-border-radius: 0 5px 5px 0; border-radius: 0 5px 5px 0; } .product-view-detail .em-product-shop .product-shop .next:before { display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\f054"; font-size: 19px; -moz-transition: all 500ms ease; -webkit-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease; -moz-backface-visibility: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; margin-left: 1px; } .product-view-detail .em-product-shop .product-shop .prev { padding: 7px 7px !important; position: absolute; font-size: 0; top: 20px; width: 35px; border: 1px solid #e8e8e8; right: 54px; -moz-border-radius: 5px 0 0 5px; -webkit-border-radius: 5px 0 0 5px; border-radius: 5px 0 0 5px; } .product-view-detail .em-product-shop .product-shop .prev:before { display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\f053"; font-size: 19px; -moz-transition: all 500ms ease; -webkit-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease; -moz-backface-visibility: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; margin-left: 3px; } /*=====End Button Next Tre - Product Detail=====*/ /*=======Related Product==========*/ .block-related .block-subtitle { display: none; } .block-related .em-line-01 .em-block-title { padding-right: 50px; } .block-related .item { position: relative; } .block-related .item .checkbox { position: absolute; left: 10px; top: 10px; } .block-related .item .link-wishlist { display: inline-block; } .block-related .em-related-noslider .item .product-image { float: left; } .block-related .em-related-noslider .item .product-shop { position: initial; } .block-related .em-related-noslider .item .checkbox { right: 10px; top: 10px; } .block-related .em-related-noslider .item a.link-wishlist { position: relative; z-index: 1; display: inline-block; } /*=======End Related Product==========*/ /*===========Upsell================*/ .box-up-sell .em-upsell-noslider li.item { float: left; } /*===========End Upsell================*/ /*===========Quick Shop================*/ .product-view.quickshop { padding: 15px; } .product-view.quickshop .em-product-view-secondary:before { display: none; } .product-view.quickshop .em-details-tabs.product-collateral { display: none; } /*===========End Quick Shop================*/ /*=======Email to a friend=========*/ .send-friend .buttons-set p.limit { float: left; margin-top: 6px; } /*=======End Email to a friend=========*/ .review-product-list .em-product-view .buttons-set { float: left; } /*=======FIX 1COLUM=========*/ .one-column .product-view .em-product-view-primary { padding-right: 4rem; } .one-column .product-view .em-product-view-secondary { padding-left: 0; } .product-shop-fixed-top { position: fixed; top: 0; padding-top: 20px; height: 100%; z-index: 99; -moz-transition: padding 500ms ease; -webkit-transition: padding 500ms ease; -o-transition: padding 500ms ease; transition: padding 500ms ease; -moz-backface-visibility: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .product-shop-fixed-top .add-to-cart { position: absolute; bottom: 0; left: 0; padding-right: 1rem; } .product-shop-fixed-top.em-has-options .em-review-email, .product-shop-fixed-top.em-has-options .em-sku-availability, .product-shop-fixed-top.em-has-options .short-description, .product-shop-fixed-top.em-has-options .em-addthis-plug { display: none; } .product-shop-fixed-top.fix_menu { padding-top: 70px; } /*------------------My account-----------------*/ /*nav bar*/ .block-account .block-content { padding-top: 11px; padding-bottom: 29px; } .block-account .block-content ul { margin-bottom: 0; } .block-account .block-content ul li { position: relative; padding: 7px 0 6px; } .block-account .block-content ul li a, .block-account .block-content ul li strong { display: inline-block; font-weight: normal; } /*dashboard*/ .dashboard .welcome-msg { padding: 2rem; border: 1px solid #e8e8e8; margin-bottom: 2rem; } .dashboard .welcome-msg p.hello { margin: 0px 0 5px; } .dashboard .welcome-msg p.hello strong { font-weight: normal; } .dashboard .welcome-msg p { margin: 0; } .dashboard .box-account { clear: both; padding: 10px 0px 0; } .box-account-content { padding: 2rem; overflow: hidden; border: 1px solid #e8e8e8; margin-bottom: 2rem; } /*account info*/ .my-account .page-title { margin-bottom: 0; } .my-account .data-table { margin-bottom: 20px; } .my-account .data-table#my-orders-table tr td { padding: 20px; } .my-account .data-table#my-orders-table tr td .price { display: block; } .my-account .box { border: none; padding: 0; } .my-account .box address { margin-bottom: 17px; clear: both; width: 100%; } .my-account .col2-set:first-child { margin-bottom: 8px; } .my-account .box-content h3, .my-account .box-content h4, .my-account .box-title h3, .my-account .box-title h4 { margin: 8px 20px 8px 0; float: left; min-width: 250px; } .my-account .box-content h3.address-book, .my-account .box-title h3.address-book { margin-bottom: 15px; } .my-account .box-content a.link-edit, .my-account .box-title a.link-edit { float: left; margin: 8px 0; } .my-account .box-content p { margin-bottom: 16px; } .my-account .box-content p.change-pass { text-transform: uppercase; } /*RECENT REVIEWS - RECENT TAGS */ .dashboard .box-reviews .number, .dashboard .box-tags .number { float: left; margin: 0px -20px 0 0; } .dashboard .box-reviews .details, .dashboard .box-tags .details { margin-left: 20px; } .dashboard .box-reviews li.item, .dashboard .box-tags li.item { padding: 7px 0 10px; } .dashboard .box-reviews .ratings { display: inline-block; clear: both; margin-top: 0; } .dashboard .box-reviews .ratings strong { display: none; } .dashboard .box-tags li.item strong { font-weight: normal; float: left; display: inline; } .dashboard .box-tags li.item li { float: left; display: inline; padding-left: 5px; } /*Account Information*/ .customer-account-edit .my-account .fieldset { width: 100%; } .customer-account-edit .my-account .form-list li.control { margin: 15px 0 18px; } .customer-account-edit .my-account .buttons-set p.required { float: left; clear: none; margin-top: 6px; } /*Address Book*/ .customer-address-index .my-account .em-box-02 { display: none; } .customer-address-index .my-account .box-account-content { padding-bottom: 9px; } .customer-address-index .my-account .col2-set .col-2, .customer-address-index .my-account .col2-set .col-1 { padding-top: 7px; } .customer-address-index .my-account .col2-set .col-2 h2, .customer-address-index .my-account .col2-set .col-2 h3, .customer-address-index .my-account .col2-set .col-1 h2, .customer-address-index .my-account .col2-set .col-1 h3 { margin-bottom: 7px; } .customer-address-index .my-account .col2-set .col-2 address, .customer-address-index .my-account .col2-set .col-1 address { margin-bottom: 8px; } .customer-address-index .my-account .addresses-primary ol { margin-bottom: 0; oveflow: hidden; } .customer-address-index .my-account .addresses-primary ol li.item { display: block; } .customer-address-index .my-account .addresses-primary ol li.item:first-child { padding-bottom: 13px; } /*MY ORDERS*/ .sales-order-history .my-account .box-account-content { padding: 0; border: 0; margin-bottom: 0; } /*Account Page*/ .my-account .pager { margin: 10px 0 10px; } .my-account .pager .amount { margin: 7px 10px 0 0; font-weight: normal; } .my-account .pager .amount strong { font-weight: 500; } .my-account .pager .limiter { margin: 0; } .my-account .pager .limiter label { font-size: 100%; } /*Account wishlist*/ .my-wishlist .data-table tr td { padding: 20px; } .my-wishlist textarea { width: 90%; margin-top: 5px; } .my-wishlist .cart-cell { display: inline-block; margin-top: -8px; } .my-wishlist .cart-cell .price-box { margin-bottom: 10px; } .my-wishlist .cart-cell button.button { margin-bottom: 5px; margin-top: 2px; } /*Account button set*/ /*.customer-address-index, .sales-order-history{ .my-account{ .buttons-set{ padding-left:20px; } } }*/ .customer-address-form .fieldset { width: 100%; } /*My wishlist*/ .data-table a.product-image img { width: auto; height: auto; } #wishlist-table .cart-cell .link-edit { float: left; clear: both; margin-top: 10px; } #wishlist-table .cart-cell input.qty { height: 34px; line-height: 34px; } /*Review Detail*/ .review-product-view .product-review .product-details, .review-customer-view .product-review .product-details { margin-left: 170px; } .review-product-view .product-review .product-img-box, .review-customer-view .product-review .product-img-box { width: 150px; margin-right: 10px; float: left; } .review-product-view .buttons-set, .review-customer-view .buttons-set { padding-top: 15px; } /* ============================================ * Login, Register, Forgot Password ============================================ */ /* ================ Login ==================== */ .account-login .page-title { margin-bottom: 18px; } .account-login .col2-set { padding: 0; } .account-login .form-list { width: 90%; } .account-login .registered-users .buttons-set button.button { margin-right: 20px; } .account-login .registered-users .buttons-set a { display: inline-block; margin-top: 6px; } .account-login .new-users .content { margin-bottom: 32px; } .account-login .registered-users .content { margin-bottom: 20px; } /* ================ Register ==================== */ .account-create { /*form{ display:block; } .form-list{ margin-bottom:16px; width:90%; input.input-text{ width:280px; } .field{ clear:both; float:left; width:100%; margin-bottom:4px; } li.fields{ margin-bottom:0;} li.control{ margin-top:19px} }*/ } .account-create .page-title { margin-bottom: 18px; } .account-create .fieldset { width: 100%; margin-bottom: 25px; } /* ============================================ * Catalog - Compare ============================================ */ .page-popup.catalog-product-compare-index { padding: 20px; } .block-compare .product-name:after:before, .block-compare .product-name:after:after { content: " "; display: table; } .block-compare .product-name:after:after { clear: both; } .link-print { position: relative; float: right; margin-top: -7px; padding: 10px; border: 2px solid; font-weight: 700; text-transform: uppercase; font-size: 85%; } .link-print:before { display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\f02f"; font-size: 14px; margin-right: 5px; } .compare-table.data-table thead th { background: none; } .compare-table.data-table th { padding: 10px 20px; } .compare-table .product-shop-row.top td { padding-bottom: 0; border-bottom: 0; } .compare-table .product-shop-row.bottom td { padding-top: 0; } .compare-table a.product-image { text-align: center; } .compare-table a.product-image img { width: auto; } .compare-table .em-add-to-button p { float: left; } .page-popup.catalog-product-compare-index .buttons-set { float: right; } .page-popup.catalog-product-compare-index .buttons-set button.button { margin-top: 20px; margin-right: 0; } /*============Variation demo fontend==============*/ .em-variation { position: fixed; right: 0; top: 0; z-index: 9999; background-color: #fff; height: 100%; -webkit-box-shadow: 0 -2px 10px #a3a3a3; -moz-box-shadow: 0 -2px 10px #a3a3a3; box-shadow: 0 -2px 10px #a3a3a3; } .em-variation .em-variation-btn { z-index: 0; padding: 10px 11px; box-shadow: 0 0 10px #999999; color: #888888; font-size: 0; display: block; text-indent: -99999px; overflow: hidden; vertical-align: middle; text-align: left; -moz-transition: all 500ms ease; -webkit-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease; -moz-backface-visibility: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; text-indent: 0; position: absolute; left: -48px; top: 20%; width: 52px; height: 52px; box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2); background: #ffffff; border-radius: 3px 0 0 3px; cursor: pointer; } .em-variation .em-variation-btn:before { display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\f013"; font-size: 33px; -moz-transition: all 500ms ease; -webkit-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease; -moz-backface-visibility: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .em-variation .reset-button { padding: 5px; border: 1px solid #000; background-color: #000; color: #fff; -moz-transition: all 500ms ease; -webkit-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease; -moz-backface-visibility: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; text-indent: 0; font-size: 16px; height: 38px; width: 100%; display: inline-block; text-align: center; text-transform: uppercase; } .em-variation .reset-button:hover { background-color: #fff; color: #000; border-color: #000; } .em-variation .em-variation-wrapper { width: 350px; padding: 1.5rem 2rem; background: #fff; position: relative; -moz-transition: all 500ms ease; -webkit-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease; -moz-backface-visibility: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; display: block !important; visibility: hidden; } .em-variation .em-variation-wrapper.show { visibility: visible; } .em-variation .em-variation-wrapper .wrapper-input-color { margin: 0 30px 10px; overflow: hidden; text-align: left; } .em-variation .em-variation-wrapper .wrapper-input-color .label { display: inline-block; margin-bottom: 5px; } .em-variation .em-variation-wrapper .wrapper-input-color .em-custom-color { overflow: hidden; border: 1px solid #ccc; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; width: 200px; } .em-variation .em-variation-wrapper .wrapper-input-color .em-custom-color .input-lg { border: 0; border-right: 1px solid #ccc; height: 35px; padding: 5px; margin-bottom: 0; font-size: 14px; color: #000; width: 103px; -moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px; float: left; } .em-variation .em-variation-wrapper .wrapper-input-color .em-custom-color a.select-color { padding: 0 10px; height: 35px; line-height: 35px; width: 95px; background: #f6f6f6; -moz-border-radius: 0 3px 0 3px; -webkit-border-radius: 0 3px 0 3px; border-radius: 0 3px 0 3px; float: left; } .em-variation .copyright { overflow: hidden; text-align: center; padding-top: 10px; } /*Main Color*/ .em-wrapper-variation { display: inline-block; width: 100%; clear: both; text-align: center; margin-bottom: 1.5rem; } .em-wrapper-variation h1.title-custom { font-size: 14px; text-transform: uppercase; font-weight: 700; } .em-wrapper-variation .color-picker { width: 40px; height: 40px; background-image: url("../images/icon_colorpicker.png"); background-position: 0 0; background-repeat: no-repeat; display: inline; margin-top: -5px; border: none; background-color: transparent !important; cursor: pointer; } .em-color { display: inline-block; margin-right: 1rem; margin-bottom: 1rem; padding: 2px; -moz-transition: all 500ms ease; -webkit-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease; -moz-backface-visibility: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-border-radius: 100%; -webkit-border-radius: 100%; border-radius: 100%; } .em-color.selected { -webkit-box-shadow: 0 0px 5px #8e8e8e; -moz-box-shadow: 0 0px 5px #8e8e8e; box-shadow: 0 0px 5px #8e8e8e; } .em-color:hover { -webkit-box-shadow: 0 0px 5px #8e8e8e; -moz-box-shadow: 0 0px 5px #8e8e8e; box-shadow: 0 0px 5px #8e8e8e; } .em-color span { width: 36px; height: 36px; -moz-border-radius: 100%; -webkit-border-radius: 100%; border-radius: 100%; background: #e72d04; position: relative; font-size: 0; display: block; text-indent: -99999px; overflow: hidden; vertical-align: middle; text-align: left; display: inline-block; } .em-color span.emColorStyle01 { background: #322923; } .em-color span.emColorStyle02 { background: #313959; } .em-color span.emColorStyle03 { background: #46674c; } .em-color span.emColorStyle04 { background: #4b1f11; } /*Main Font*/ .em-font-family { display: inline-block; border: 1px solid #a7a7a7; padding: 5px; min-width: 95px; margin: 3px 2px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; opacity: 0.5; filter: alpha(opacity=50); -moz-transition: all 500ms ease; -webkit-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease; -moz-backface-visibility: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .em-font-family.selected { opacity: 1; filter: alpha(opacity=100); } .em-font-family:hover { -webkit-box-shadow: 0 0px 5px #8e8e8e; -moz-box-shadow: 0 0px 5px #8e8e8e; box-shadow: 0 0px 5px #8e8e8e; opacity: 1; filter: alpha(opacity=100); } .em-font-family span { vertical-align: middle; font-size: 0; display: block; text-indent: -99999px; overflow: hidden; vertical-align: middle; text-align: left; display: inline-block; } .em-font-family span.architectsdaughter { width: 70px; height: 40px; background-image: url("../images/icons.png"); background-position: -4px -458px; background-repeat: no-repeat; } .em-font-family span.arvo { width: 36px; height: 40px; background-image: url("../images/icons.png"); background-position: -89px -458px; background-repeat: no-repeat; } .em-font-family span.dancingscript { width: 78px; height: 40px; background-image: url("../images/icons.png"); background-position: -146px -456px; background-repeat: no-repeat; } .em-font-family span.lato { width: 38px; height: 40px; background-image: url("../images/icons.png"); background-position: -243px -457px; background-repeat: no-repeat; } .em-font-family span.novasquare { width: 83px; height: 40px; background-image: url("../images/icons.png"); background-position: -298px -457px; background-repeat: no-repeat; } .em-font-family span.opensans { width: 72px; height: 40px; background-image: url("../images/icons.png"); background-position: -402px -456px; background-repeat: no-repeat; } .em-font-family span.adventpro { width: 64px; height: 40px; background-image: url("../images/icons.png"); background-position: -491px -457px; background-repeat: no-repeat; } .em-font-family span.raleway { width: 57px; height: 40px; background-image: url("../images/icons.png"); background-position: -572px -457px; background-repeat: no-repeat; } #em-variation-store { margin: 2rem -2rem 0; background-color: #272727; } #em-variation-store .title-custom { padding: 10px 2rem; font-size: 14px; background: #363636; color: #aaa; margin: 0; } #em-variation-store .em-wrapper-variation-store { overflow: auto; } #em-variation-store .em-wrapper-variation-store .em-store-item { float: left; width: 50%; padding: 1px; } #em-variation-store .em-wrapper-variation-store .em-store-item a.em-store-switch { display: block; position: relative; } #em-variation-store .em-wrapper-variation-store .em-store-item a.em-store-switch:before { width: 100%; height: 0; bottom: 0; right: 0; content: ''; position: absolute; z-index: 1; height: 0; -moz-transition: all 200ms ease; -webkit-transition: all 200ms ease; -o-transition: all 200ms ease; transition: all 200ms ease; -moz-backface-visibility: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; background: rgba(0, 0, 0, 0.8); } #em-variation-store .em-wrapper-variation-store .em-store-item a.em-store-switch .bkg-hover { position: absolute; top: 35%; left: 0; width: 100%; opacity: 0; filter: alpha(opacity=0); color: #dbdbdb; text-align: center; text-transform: uppercase; font-size: 14px; font-weight: bold; z-index: 1; } #em-variation-store .em-wrapper-variation-store .em-store-item img { -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; } #em-variation-store .em-wrapper-variation-store .em-store-item:hover a.em-store-switch:before { height: 100%; } #em-variation-store .em-wrapper-variation-store .em-store-item:hover a.em-store-switch .bkg-hover { opacity: 1; filter: alpha(opacity=100); } /* Let's get this party started */ .em-wrapper-variation-store::-webkit-scrollbar { width: 0px; } .em-wrapper-variation-store::-moz-scrollbar { width: 0px; } @-moz-document url-prefix(http://),url-prefix(https://) { .em-wrapper-variation-store[orient="vertical"] { width: 0px !important; } .em-wrapper-variation-store[orient="horizontal"] { width: 0px !important; } } /*right to left*/ .em-rtl .em-variation { left: 0; right: auto; } .em-rtl .em-variation .em-variation-btn { right: -48px; left: auto; } /*==========Loading page==========*/ #loader-wrapper { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 9999; } #loader { position: relative; z-index: 1001; } .logo_loader { position: absolute; top: 35%; left: 40%; z-index: 1001; } #loader, #loader::before, #loader::after { position: absolute; top: 50%; left: 50%; border: 1px solid #bfbfbf; border-left-color: #f02222; border-radius: 974px; -o-border-radius: 974px; -ms-border-radius: 974px; -webkit-border-radius: 974px; -moz-border-radius: 974px; } #loader { margin: -24px 0 0 -24px; height: 49px; width: 49px; animation: cssload-rotate 1150ms linear infinite; -o-animation: cssload-rotate 1150ms linear infinite; -ms-animation: cssload-rotate 1150ms linear infinite; -webkit-animation: cssload-rotate 1150ms linear infinite; -moz-animation: cssload-rotate 1150ms linear infinite; } #loader::before { content: ""; margin: -22px 0 0 -22px; height: 43px; width: 43px; animation: cssload-rotate 1150ms linear infinite; -o-animation: cssload-rotate 1150ms linear infinite; -ms-animation: cssload-rotate 1150ms linear infinite; -webkit-animation: cssload-rotate 1150ms linear infinite; -moz-animation: cssload-rotate 1150ms linear infinite; } #loader::after { content: ""; margin: -28px 0 0 -28px; height: 55px; width: 55px; animation: cssload-rotate 2300ms linear infinite; -o-animation: cssload-rotate 2300ms linear infinite; -ms-animation: cssload-rotate 2300ms linear infinite; -webkit-animation: cssload-rotate 2300ms linear infinite; -moz-animation: cssload-rotate 2300ms linear infinite; } @keyframes cssload-rotate { 100% { transform: rotate(360deg); } } @-o-keyframes cssload-rotate { 100% { -o-transform: rotate(360deg); } } @-ms-keyframes cssload-rotate { 100% { -ms-transform: rotate(360deg); } } @-webkit-keyframes cssload-rotate { 100% { -webkit-transform: rotate(360deg); } } @-moz-keyframes cssload-rotate { 100% { -moz-transform: rotate(360deg); } } #loader-wrapper .loader-section { position: fixed; top: 0; width: 51%; height: 100%; background: #f1f1f1; z-index: 1000; -webkit-transform: translateX(0); /* Chrome, Opera 15+, Safari 3.1+ */ -ms-transform: translateX(0); /* IE 9 */ transform: translateX(0); /* Firefox 16+, IE 10+, Opera */ } #loader-wrapper .loader-section.section-left { left: 0; } #loader-wrapper .loader-section.section-right { right: 0; } /* Loaded */ .loaded #loader-wrapper .loader-section.section-left { -webkit-transform: translateY(-100%); /* Chrome, Opera 15+, Safari 3.1+ */ -ms-transform: translateY(-100%); /* IE 9 */ transform: translateY(-100%); /* Firefox 16+, IE 10+, Opera */ -webkit-transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); } .loaded #loader-wrapper .loader-section.section-right { -webkit-transform: translateY(-100%); /* Chrome, Opera 15+, Safari 3.1+ */ -ms-transform: translateY(-100%); /* IE 9 */ transform: translateY(-100%); /* Firefox 16+, IE 10+, Opera */ -webkit-transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); } .loaded #loader { top: -40%; -webkit-transition: all 1s ease; transition: all 1s ease; } .loaded .logo_loader { top: -40%; -webkit-transition: all 1s ease; transition: all 1s ease; } .em-wrapper-loading { bottom: -400px; position: relative; } .loaded .em-wrapper-loading { bottom: 0; -webkit-transition: all 2s ease; transition: all 2s ease; } .loaded #loader-wrapper { visibility: hidden; -webkit-transform: translateY(-100%); /* Chrome, Opera 15+, Safari 3.1+ */ -ms-transform: translateY(-100%); /* IE 9 */ transform: translateY(-100%); /* Firefox 16+, IE 10+, Opera */ -webkit-transition: all 0.3s 1s ease-out; transition: all 0.3s 1s ease-out; } /* JavaScript Turned Off */ .no-js #loader-wrapper { display: none; } /*Layout*/ /******Class Padding********/ .padding-top20 { padding-top: 20px; } /******Visible - Hidden********/ .hidden-3col, .hidden-2col { display: none; } /*==============Currency Language===============*/ .em-wrapper-header .toolbar-switch .toolbar-title { margin: 0 -10px; padding: 0 10px; } .em-wrapper-header .toolbar-switch .toolbar-title select { margin: 7px 10px; background: #fff; color: #a1a1a1; } .em-language-currency { display: inline-block; vertical-align: top; } .em-language-currency .block { border: none; margin: 0; padding: 0; } .em-language-currency .toolbar-switch { float: left; margin: 0; } .em-language-currency .toolbar-switch span.current { padding: 10px; border: 0; position: relative; -moz-transition: all 500ms ease; -webkit-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease; -moz-backface-visibility: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; float: right; } .em-language-currency .toolbar-switch:hover span.current { z-index: 2; } .em-language-currency .toolbar-dropdown { width: auto; } .em-language-currency .toolbar-dropdown ul { top: 50px; right: auto; left: 0; width: 130px; border: none; box-shadow: 0px 1px 2px #dddddd; -moz-backface-visibility: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .em-language-currency .toolbar-dropdown li { padding: 5px; background-color: #fff; float: none; -moz-transition: all 500ms ease; -webkit-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease; -moz-backface-visibility: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .em-language-currency .block-currency li { padding-top: 2px; } .em-language-currency .block-currency, .em-language-currency .form-language { float: left; } .em-language-currency .block-currency ul, .em-language-currency .form-language ul { float: left; margin-bottom: 0; } .em-language-currency .block-currency li, .em-language-currency .form-language li { float: left; padding-bottom: 0; margin-right: 10px; } .em-language-currency .block-currency .toolbar-dropdown li, .em-language-currency .form-language .toolbar-dropdown li { padding-bottom: 5px; margin-right: 0; width: 100%; } .em-language-currency .block-currency span.current, .em-language-currency .form-language span.current { background-position: 20px center; } .em-language-currency .block-currency li a, .em-language-currency .form-language li a { display: block; text-align: right; } .em-language-currency .block-currency li a:hover, .em-language-currency .form-language li a:hover { /*text-decoration:underline;*/ } .em-language-currency .toolbar-dropdown li a { display: block; text-align: right; } .em-language-currency .block-currency .toolbar-dropdown ul { width: 60px; } .em-language-currency .form-language.toolbar-switch span.current { padding-left: 45px; } .em-language-currency .form-language .toolbar-dropdown ul li a { background-position: 0px 4px; padding-left: 25px; } .em-language-currency .em-language-style01 .toolbar-dropdown ul li, .em-language-currency .em-currency-style01 .toolbar-dropdown ul li { padding: 5px 20px; } .em-language-currency .em-language-style01 .toolbar-dropdown ul li a, .em-language-currency .em-currency-style01 .toolbar-dropdown ul li a { text-align: left; } /* ============================================ * Dropdown Login ============================================ */ /*dropdown login*/ .account-link { position: relative; padding-bottom: 20px; margin-bottom: -20px; } .account-link a.link-logout, .account-link a. .account-link a.link-account { display: inline-block; clear: none; position: relative; } .em-account { position: absolute; top: 50px; right: 0; z-index: 20; padding-top: 0; text-align: left; } .em-account .block-content { width: 260px; padding: 17px 20px 9px; background: #fff; border: 1px solid #f6f6f6; -webkit-box-shadow: 0 0 5px #f6f6f6; -moz-box-shadow: 0 0 5px #f6f6f6; box-shadow: 0 0 5px #f6f6f6; overflow: hidden; } .em-account .block-content .login-title { text-transform: uppercase; margin-bottom: 3px; display: none; } .em-account .block-content .login-desc { display: none; } .em-account .block-content .action-forgot .actions { float: left; margin-top: 2rem; clear: both; } .em-account .block-content .action-forgot .login_forgotpassword { float: left; width: 100%; margin-top: 2rem; } .em-account .block-content .action-forgot .login_forgotpassword a.create-account-link-wishlist { margin-left: 5px; } .em-account .block-content .action-forgot .login_forgotpassword p { margin-bottom: 5px; } .em-account .form-list li { width: 100%; margin: 0 0 4px !important; padding: 0 !important; } .em-account .form-list li:after, .em-account .form-list li:before { display: none !important; } .em-account .form-list p.required { font-size: 85%; padding: 0; margin: 0; } .pull-right .account-link .em-account { right: 0; left: auto; } .pull-right .account-link .em-account .form-list { float: none; } /*end dropdown login*/ /*Popup login*/ .fancybox-outer .em-account { position: static; } .fancybox-outer .em-account .block-content { width: 400px; padding: 40px; border: 0; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .em-header-style27 { /*fixed top*/ } .em-header-style27 .toolbar-switch .toolbar-title { padding: 0 !important; } .em-header-style27 .link-account, .em-header-style27 .em-logout-link { position: relative; } .em-header-style27 .link-account:before, .em-header-style27 .em-logout-link:before { display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\f13e"; font-size: 100%; margin-right: 10px; } .em-header-style27 .em-register-link, .em-header-style27 .em-account-link { position: relative; } .em-header-style27 .em-register-link:before, .em-header-style27 .em-account-link:before { display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\f084"; font-size: 100%; margin-right: 10px; } .em-header-style27 .em-links-wishlist a { position: relative; } .em-header-style27 .em-links-wishlist a:before { display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\f004"; font-size: 100%; margin-right: 10px; } .em-header-style27 .top-link-deal { position: relative; } .em-header-style27 .top-link-deal:before { display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\f02c"; font-size: 100%; margin-right: 10px; } .em-header-style27 .welcome-msg, .em-header-style27 .account-link, .em-header-style27 .em-top-links > ul li, .em-header-style27 .em-top-links ul.links li, .em-header-style27 .em-top-links ul.em-links-wishlist li { padding: 14px 0 15px; margin-left: 30px; display: inline-block; /*display: inline-block;*/ vertical-align: middle; position: relative; overflow: hidden; overflow: initial; } .em-header-style27 .welcome-msg:before, .em-header-style27 .account-link:before, .em-header-style27 .em-top-links > ul li:before, .em-header-style27 .em-top-links ul.links li:before, .em-header-style27 .em-top-links ul.em-links-wishlist li:before { content: ""; position: absolute; left: 50%; right: 50%; bottom: 0; z-index: 1; background: #2098d1; height: 4px; -webkit-transition-property: left, right; transition-property: left, right; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; opacity: 0; filter: alpha(opacity=0); } .em-header-style27 .welcome-msg:hover:before, .em-header-style27 .account-link:hover:before, .em-header-style27 .em-top-links > ul li:hover:before, .em-header-style27 .em-top-links ul.links li:hover:before, .em-header-style27 .em-top-links ul.em-links-wishlist li:hover:before { left: 0; right: 0; opacity: 1; filter: alpha(opacity=100); } .em-header-style27 .welcome-msg:before, .em-header-style27 .account-link:before, .em-header-style27 .em-top-links > ul li:before, .em-header-style27 .em-top-links ul.links li:before, .em-header-style27 .em-top-links ul.em-links-wishlist li:before { bottom: auto; top: 0; } .em-header-style27 .em-language-currency { margin: 0 -15px; } .em-header-style27 .toolbar-switch { margin: 0 15px; /*display: inline-block;*/ vertical-align: middle; position: relative; overflow: hidden; overflow: initial; } .em-header-style27 .toolbar-switch:before { content: ""; position: absolute; left: 50%; right: 50%; bottom: 0; z-index: 1; background: #2098d1; height: 4px; -webkit-transition-property: left, right; transition-property: left, right; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; opacity: 0; filter: alpha(opacity=0); } .em-header-style27 .toolbar-switch:hover:before { left: 0; right: 0; opacity: 1; filter: alpha(opacity=100); } .em-header-style27 .toolbar-switch:before { bottom: auto; top: 0; } .em-header-style27 .toolbar-switch span.current { padding: 14px 0 15px; min-height: 49px; } .em-header-style27 .em-language-currency .form-language.toolbar-switch span.current { padding-left: 25px; background-position: 0px center; } .em-header-style27 .em-logo .logo { margin: 20px 0; } .em-header-style27 .em-phone { margin: 40px 0 0; font-size: 110%; } .em-header-style27 .em-phone span { margin: 0 10px; } .em-header-style27 .em-menu-hoz, .em-header-style27 .em-search { display: inline-block; vertical-align: top; } .em-header-style27 .em-search .em-search-icon { display: block; padding: 17px 20px; border-top-width: 2px; border-top-style: solid; border-top-color: transparent; -moz-transition: all 500ms ease; -webkit-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease; -moz-backface-visibility: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .em-header-style27 .em-search .em-search-icon span:before { font-size: 1.4rem; } .em-header-style27 .line-top { border-top-style: solid; border-top-width: 1px; } .em-header-style27 .em_nav .hnav .menu-item-depth-0, .em-header-style27 .em_nav .hnav .menu-item-depth-0 > .em-catalog-navigation > li.level0 { margin: 0; display: inline-block; float: none; } .em-header-style27 .em_nav .hnav .menu-item-depth-0 > a span, .em-header-style27 .em_nav .hnav .menu-item-depth-0 > .em-catalog-navigation > li.level0 > a span { padding: 15px 20px; border-top-width: 2px; text-transform: uppercase; } .em-header-style27 .em_nav .hnav .menu-item-depth-0 > .menu-container, .em-header-style27 .em_nav .hnav .menu-item-depth-0 .level0 ul, .em-header-style27 .em_nav .hnav .menu-item-depth-0 > .em-catalog-navigation > li.level0 > .menu-container, .em-header-style27 .em_nav .hnav .menu-item-depth-0 > .em-catalog-navigation > li.level0 .level0 ul { text-align: left; } .em-header-style27 .em-top-cart { margin-top: 25px; } .em-header-style27 .em-top-cart .em-amount-topcart { display: inline-block; padding-bottom: 30px; margin-bottom: -30px; width: 50px; } .em-header-style27 .em-top-cart .em-amount-topcart:after { content: ""; } .em-header-style27 .em-top-cart .em-amount-topcart:before { content: "\e835"; font-family: 'maki', sans-serif; width: 50px; height: 50px; font-size: 1.8rem; text-align: center; display: inline-block; padding: 15px 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } .em-header-style27 .em-top-cart .em-amount-topcart .em-topcart-text { display: none; } .em-header-style27 .em-top-cart .em-amount-topcart .em-topcart-qty { position: absolute; left: 33%; top: -8px; -moz-border-radius: 100%; -webkit-border-radius: 100%; border-radius: 100%; padding: 0px 6px; font-size: 12px; } .em-header-style27 .em-fixed-top.navbar-fixed-top .em-search { display: none; } /*===============RTL=================*/ .em-rtl .em-header-style27 .welcome-msg, .em-rtl .em-header-style27 .account-link, .em-rtl .em-header-style27 .em-top-links > ul li, .em-rtl .em-header-style27 .em-top-links ul.links li, .em-rtl .em-header-style27 .em-top-links ul.em-links-wishlist li { margin-left: 0; margin-right: 30px; } .em-rtl .em-header-style27 .em-links-wishlist a:before, .em-rtl .em-header-style27 .link-account:before, .em-rtl .em-header-style27 .em-logout-link:before, .em-rtl .em-header-style27 .em-register-link:before, .em-rtl .em-header-style27 .em-account-link:before { margin-right: 0; margin-left: 10px; } .em-rtl .em-header-style27 .em_nav .hnav .menu-item-depth-0 > .menu-container, .em-rtl .em-header-style27 .em_nav .hnav .menu-item-depth-0 ul, .em-rtl .em-header-style27 .em_nav .hnav .menu-item-depth-0 > .em-catalog-navigation > li.level0 > .menu-container, .em-rtl .em-header-style27 .em_nav .hnav .menu-item-depth-0 > .em-catalog-navigation > li.level0 ul { text-align: right; } .em-rtl .em-header-style27 .em-top-cart .em-amount-topcart .em-topcart-qty { left: 25%; } .em-header-style08 .em-header-top { border-top-style: solid; border-top-width: 0px; } .em-header-style08 .em-header-bottom { position: relative; } .em-header-style08 .em-header-bottom:before { content: ""; position: absolute; left: 0; bottom: 0px; right: 0; top: auto; height: 4px; box-shadow: 0 3px 3px #CACACA; -moz-box-shadow: 0 3px 3px #CACACA; -webkit-box-shadow: 0 3px 3px #CACACA; } .em-header-style08 .link-account, .em-header-style08 .em-logout-link { position: relative; } .em-header-style08 .link-account:before, .em-header-style08 .em-logout-link:before { display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 100%; margin-right: 10px; } .em-header-style08 .em-register-link, .em-header-style08 .em-account-link { position: relative; } .em-header-style08 .em-register-link:before, .em-header-style08 .em-account-link:before { display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\f084"; font-size: 100%; margin-right: 10px; } .em-header-style08 .em-links-wishlist a { position: relative; } .em-header-style08 .em-links-wishlist a:before { display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\f004"; font-size: 100%; margin-right: 10px; } .em-header-style08 .top-link-deal { position: relative; } .em-header-style08 .top-link-deal:before { display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\f02c"; font-size: 100%; margin-right: 10px; } .em-header-style08 .welcome-msg, .em-header-style08 .link-account, .em-header-style08 .em-top-links > ul li, .em-header-style08 .em-top-links ul.links li, .em-header-style08 .em-top-links ul.em-links-wishlist li { padding: 14px 20px; display: inline-block; border-style: solid; border-width: 1px; border-top-width: 0px; border-bottom-width: 0px; margin-left: -1px; min-height: 50px; } .em-header-style08 .em-top-links ul.links li { margin-right: -1px; } .em-header-style08 .toolbar-switch { border-style: solid; border-width: 1px; border-top-width: 0px; border-bottom-width: 0px; margin-right: -1px; } .em-header-style08 .toolbar-switch span.current { padding: 14px 20px; min-height: 50px; } .em-header-style08 .em-search { display: inline-block; border-style: solid; border-width: 1px; border-top-width: 0px; border-bottom-width: 0px; margin-left: -1px; position: relative; } .em-header-style08 .em-search .em-search-icon { padding: 18px 20px; display: block; } .em-header-style08 .em-search .em-search-icon span:before { font-size: 1.4rem; } .em-header-style08 .em-search .em-search-style01 .em-container-js-search { top: 51px; } .em-header-style08 .em-logo .logo { margin: 20px 0; } .em-header-style08 .em-header-bottom .em_nav { padding-right: 70px; padding-top: 30px; } .em-header-style08 .em-header-bottom .em_nav .hnav .menu-item-depth-0, .em-header-style08 .em-header-bottom .em_nav .hnav .menu-item-depth-0 > .em-catalog-navigation > li.level0 { margin: 0; } .em-header-style08 .em-header-bottom .em_nav .hnav .menu-item-depth-0 > a.em-menu-link:hover, .em-header-style08 .em-header-bottom .em_nav .hnav .menu-item-depth-0 > .em-catalog-navigation > li.level0 > a.em-menu-link:hover { /*margin-bottom: -40px; padding-bottom: 40px; position:relative; z-index:1;*/ } .em-header-style08 .em-header-bottom .em_nav .hnav .menu-item-depth-0 > a.em-menu-link span, .em-header-style08 .em-header-bottom .em_nav .hnav .menu-item-depth-0 > .em-catalog-navigation > li.level0 > a.em-menu-link span { padding-bottom: 31px; border-top-width: 2px; text-transform: uppercase; } .em-header-style08 .em-header-bottom .em_nav .hnav .menu-item-depth-0 > .menu-container { top: 66px; } .em-header-style08 .em-header-bottom .em-top-cart { display: inline-block !important; position: absolute; right: 10px; top: 25px; margin: 0; } .em-header-style08 .em-header-bottom .em-top-cart .em-amount-topcart { display: inline-block; padding-bottom: 30px; margin-bottom: -30px; width: 50px; } .em-header-style08 .em-header-bottom .em-top-cart .em-amount-topcart:after { content: ""; } .em-header-style08 .em-header-bottom .em-top-cart .em-amount-topcart:before { content: "\e835"; font-family: 'maki', sans-serif; width: 50px; height: 50px; font-size: 1.6rem; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-align: center; display: inline-block; padding: 19px 5px 0px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } .em-header-style08 .em-header-bottom .em-top-cart .em-amount-topcart .em-topcart-text { display: none; } .em-header-style08 .em-header-bottom .em-top-cart .em-amount-topcart .em-topcart-qty { position: absolute; left: 33%; top: -8px; -moz-border-radius: 100%; -webkit-border-radius: 100%; border-radius: 100%; padding: 0px 6px; font-size: 12px; } .em-header-style08 .em-header-bottom .em-top-cart .topcart-popup { top: 71px; } /*===============RTL=================*/ .em-rtl .em-header-style08 .em-links-wishlist a:before, .em-rtl .em-header-style08 .link-account:before, .em-rtl .em-header-style08 .em-logout-link:before, .em-rtl .em-header-style08 .em-register-link:before, .em-rtl .em-header-style08 .em-account-link:before { margin-right: 0; margin-left: 10px; } .em-rtl .em-header-style08 .em-header-bottom .em_nav { padding-right: 0; padding-left: 70px; } .em-rtl .em-header-style08 .em-header-bottom .em-top-cart { right: auto; left: 10px; } .em-rtl .em-header-style08 .em-header-bottom .em-top-cart .em-amount-topcart .em-topcart-qty { left: 23%; } .em-header-style14 { /*fixed top*/ } .em-header-style14 .info-right { padding: 23px 0; } .em-header-style14 .em-header-bottom { position: relative; } .em-header-style14 .em-header-bottom:before { content: ""; position: absolute; left: 0; bottom: 0px; right: 0; top: auto; height: 4px; box-shadow: 0 3px 3px #CACACA; -moz-box-shadow: 0 3px 3px #CACACA; -webkit-box-shadow: 0 3px 3px #CACACA; } .em-header-style14 .link-account, .em-header-style14 .em-logout-link { position: relative; } .em-header-style14 .link-account:before, .em-header-style14 .em-logout-link:before { display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\f13e"; font-size: 100%; margin-right: 10px; } .em-header-style14 .em-register-link, .em-header-style14 .em-account-link { position: relative; } .em-header-style14 .em-register-link:before, .em-header-style14 .em-account-link:before { display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\f084"; font-size: 100%; margin-right: 10px; } .em-header-style14 .em-links-wishlist a { position: relative; } .em-header-style14 .em-links-wishlist a:before { display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\f004"; font-size: 100%; margin-right: 10px; } .em-header-style14 .top-link-deal { position: relative; } .em-header-style14 .top-link-deal:before { display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\f02c"; font-size: 100%; margin-right: 10px; } .em-header-style14 .welcome-msg, .em-header-style14 .account-link, .em-header-style14 .em-top-links > ul li, .em-header-style14 .em-top-links ul.links li, .em-header-style14 .em-top-links ul.em-links-wishlist li { padding: 15px 20px; display: inline-block; /*display: inline-block;*/ vertical-align: middle; position: relative; overflow: hidden; overflow: initial; } .em-header-style14 .welcome-msg:before, .em-header-style14 .account-link:before, .em-header-style14 .em-top-links > ul li:before, .em-header-style14 .em-top-links ul.links li:before, .em-header-style14 .em-top-links ul.em-links-wishlist li:before { content: ""; position: absolute; left: 50%; right: 50%; bottom: 0; z-index: 1; background: #2098d1; height: 4px; -webkit-transition-property: left, right; transition-property: left, right; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; opacity: 0; filter: alpha(opacity=0); } .em-header-style14 .welcome-msg:hover:before, .em-header-style14 .account-link:hover:before, .em-header-style14 .em-top-links > ul li:hover:before, .em-header-style14 .em-top-links ul.links li:hover:before, .em-header-style14 .em-top-links ul.em-links-wishlist li:hover:before { left: 0; right: 0; opacity: 1; filter: alpha(opacity=100); } .em-header-style14 .welcome-msg:before, .em-header-style14 .account-link:before, .em-header-style14 .em-top-links > ul li:before, .em-header-style14 .em-top-links ul.links li:before, .em-header-style14 .em-top-links ul.em-links-wishlist li:before { bottom: auto; top: 0; } .em-header-style14 .welcome-msg:after, .em-header-style14 .account-link:after, .em-header-style14 .em-top-links > ul li:after, .em-header-style14 .em-top-links ul.links li:after, .em-header-style14 .em-top-links ul.em-links-wishlist li:after { content: "|"; position: absolute; left: 0; top: auto; } .em-header-style14 .account-link:after { content: ""; } .em-header-style14 .toolbar-switch { /*display: inline-block;*/ vertical-align: middle; position: relative; overflow: hidden; overflow: initial; } .em-header-style14 .toolbar-switch:before { content: ""; position: absolute; left: 50%; right: 50%; bottom: 0; z-index: 1; background: #2098d1; height: 4px; -webkit-transition-property: left, right; transition-property: left, right; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; opacity: 0; filter: alpha(opacity=0); } .em-header-style14 .toolbar-switch:hover:before { left: 0; right: 0; opacity: 1; filter: alpha(opacity=100); } .em-header-style14 .toolbar-switch:before { bottom: auto; top: 0; } .em-header-style14 .toolbar-switch:after { content: "|"; position: absolute; left: 0; top: 14px; } .em-header-style14 .toolbar-switch span.current { padding: 15px 20px; } .em-header-style14 .toolbar-switch .toolbar-dropdown ul { right: 0; left: auto; } .em-header-style14 .toolbar-switch.em-currency-style01 span.current { padding-right: 0; } .em-header-style14 .em-logo .logo { margin: 20px 0; } .em-header-style14 .em-phone { margin: 40px 0 0; font-size: 110%; } .em-header-style14 .em-phone span { margin: 0 10px; } .em-header-style14 .em-search { width: 100%; padding-right: 50px; display: inline-block; } .em-header-style14 .em-search .em-search-icon { display: inline-block; padding: 17px 15px; border-top-width: 2px; border-top-style: solid; border-top-color: transparent; -moz-transition: all 500ms ease; -webkit-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease; -moz-backface-visibility: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .em-header-style14 .em-search .em-search-icon span:before { font-size: 1.4rem; } .em-header-style14 .em_nav .hnav .menu-item-depth-0, .em-header-style14 .em_nav .hnav .menu-item-depth-0 > .em-catalog-navigation > li.level0 { margin: 0; } .em-header-style14 .em_nav .hnav .menu-item-depth-0 > a span, .em-header-style14 .em_nav .hnav .menu-item-depth-0 > .em-catalog-navigation > li.level0 > a span { padding: 25px 20px; border-width: 1px; border-top-width: 2px; border-color: transparent; text-transform: uppercase; } .em-header-style14 .em_nav .hnav .menu-item-depth-0 > .menu-container, .em-header-style14 .em_nav .hnav .menu-item-depth-0 > .em-catalog-navigation > li.level0 > .menu-container { top: 70px; } .em-header-style14 .em-wrapper-searchcart { padding-top: 14px; position: relative; } .em-header-style14 .em-top-cart { margin-left: 15px; position: absolute; right: 0; top: 14px; } .em-header-style14 .em-top-cart .em-amount-topcart { display: inline-block; padding-bottom: 30px; margin-bottom: -30px; float: right; width: 44px; } .em-header-style14 .em-top-cart .em-amount-topcart:after { content: ""; } .em-header-style14 .em-top-cart .em-amount-topcart:before { content: "\e835"; font-family: 'maki', sans-serif; width: 44px; height: 44px; font-size: 1.8rem; text-align: center; display: inline-block; padding: 11px 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; -moz-transition: all 500ms ease; -webkit-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease; -moz-backface-visibility: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .em-header-style14 .em-top-cart .em-amount-topcart .em-topcart-text { display: none; } .em-header-style14 .em-top-cart .em-amount-topcart .em-topcart-qty { position: absolute; left: 34%; top: -7px; -moz-border-radius: 100%; -webkit-border-radius: 100%; border-radius: 100%; padding: 1px 5px; font-size: 10px; } .em-header-style14 .em-fixed-top .em-top-cart-sticky { display: block !important; } .em-header-style14 .em-fixed-top.navbar-fixed-top .em-search { display: none; width: auto; } @media (min-width: 980px) { .em-header-style14 .form-search input.input-text { width: 310px; } } /*===============RTL=================*/ .em-rtl .em-header-style14 .em-links-wishlist a:before, .em-rtl .em-header-style14 .link-account:before, .em-rtl .em-header-style14 .em-logout-link:before, .em-rtl .em-header-style14 .em-register-link:before, .em-rtl .em-header-style14 .em-account-link:before { margin-right: 0; margin-left: 10px; } .em-rtl .em-header-style14 .toolbar-switch:after, .em-rtl .em-header-style14 .welcome-msg:after, .em-rtl .em-header-style14 .account-link:after, .em-rtl .em-header-style14 .em-top-links > ul li:after, .em-rtl .em-header-style14 .em-top-links ul.links li:after, .em-rtl .em-header-style14 .em-top-links ul.em-links-wishlist li:after { right: 0; left: auto; } .em-rtl .em-header-style14 .toolbar-switch { padding-left: 0; padding-right: 20px; } .em-rtl .em-header-style14 .em-header-bottom .em-top-cart { right: auto; left: 0px; margin-left: 0; } .em-rtl .em-header-style14 .em-header-bottom .em-top-cart .em-amount-topcart .em-topcart-qty { left: 23%; } .em-rtl .em-header-style14 .em-search { padding-right: 0; padding-left: 50px; } .em-header-style03 { /*fixed top*/ } .em-header-style03 .toolbar-switch .toolbar-title { padding: 0 !important; } .em-header-style03 .link-account, .em-header-style03 .em-logout-link { position: relative; } .em-header-style03 .link-account:before, .em-header-style03 .em-logout-link:before { display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\f13e"; font-size: 100%; margin-right: 10px; } .em-header-style03 .em-register-link, .em-header-style03 .em-account-link { position: relative; } .em-header-style03 .em-register-link:before, .em-header-style03 .em-account-link:before { display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\f084"; font-size: 100%; margin-right: 10px; } .em-header-style03 .em-links-wishlist a { position: relative; } .em-header-style03 .em-links-wishlist a:before { display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\f004"; font-size: 100%; margin-right: 10px; } .em-header-style03 .top-link-deal { position: relative; } .em-header-style03 .top-link-deal:before { display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\f02c"; font-size: 100%; margin-right: 10px; } .em-header-style03 .welcome-msg, .em-header-style03 .account-link, .em-header-style03 .em-top-links > ul li, .em-header-style03 .em-top-links ul.links li, .em-header-style03 .em-top-links ul.em-links-wishlist li { padding: 14px 0 15px; margin-left: 30px; display: inline-block; /*display: inline-block;*/ vertical-align: middle; position: relative; overflow: hidden; overflow: initial; } .em-header-style03 .welcome-msg:before, .em-header-style03 .account-link:before, .em-header-style03 .em-top-links > ul li:before, .em-header-style03 .em-top-links ul.links li:before, .em-header-style03 .em-top-links ul.em-links-wishlist li:before { content: ""; position: absolute; left: 50%; right: 50%; bottom: 0; z-index: 1; background: #2098d1; height: 4px; -webkit-transition-property: left, right; transition-property: left, right; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; opacity: 0; filter: alpha(opacity=0); } .em-header-style03 .welcome-msg:hover:before, .em-header-style03 .account-link:hover:before, .em-header-style03 .em-top-links > ul li:hover:before, .em-header-style03 .em-top-links ul.links li:hover:before, .em-header-style03 .em-top-links ul.em-links-wishlist li:hover:before { left: 0; right: 0; opacity: 1; filter: alpha(opacity=100); } .em-header-style03 .welcome-msg:before, .em-header-style03 .account-link:before, .em-header-style03 .em-top-links > ul li:before, .em-header-style03 .em-top-links ul.links li:before, .em-header-style03 .em-top-links ul.em-links-wishlist li:before { bottom: auto; top: 0; } .em-header-style03 .em-language-currency { margin: 0 -15px; } .em-header-style03 .toolbar-switch { margin: 0 15px; /*display: inline-block;*/ vertical-align: middle; position: relative; overflow: hidden; overflow: initial; } .em-header-style03 .toolbar-switch:before { content: ""; position: absolute; left: 50%; right: 50%; bottom: 0; z-index: 1; background: #2098d1; height: 4px; -webkit-transition-property: left, right; transition-property: left, right; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; opacity: 0; filter: alpha(opacity=0); } .em-header-style03 .toolbar-switch:hover:before { left: 0; right: 0; opacity: 1; filter: alpha(opacity=100); } .em-header-style03 .toolbar-switch:before { bottom: auto; top: 0; } .em-header-style03 .toolbar-switch span.current { padding: 14px 0 15px; min-height: 49px; } .em-header-style03 .em-language-currency .form-language.toolbar-switch span.current { padding-left: 25px; background-position: 0px center; } .em-header-style03 .em-logo .logo { margin: 30px 0; } .em-header-style03 .em-phone { margin: 12px 0 0; font-size: 110%; } .em-header-style03 .em-phone .fa { font-size: 130%; vertical-align: middle; } .em-header-style03 .em-phone span { margin: 0 10px; vertical-align: middle; } .em-header-style03 .em-line { float: left; width: 100%; border-top-style: solid; border-top-width: 1px; border-bottom-style: solid; border-bottom-width: 1px; } .em-header-style03 .em-line .em-menu-hoz { padding-left: 0; } .em-header-style03 .em-search { width: 60%; margin-top: 32px; } .em-header-style03 .em-search .form-search input.input-text { height: 49px; line-height: 39px; } .em-header-style03 .em-search .form-search .input_cat select { height: 49px; line-height: 48px; } .em-header-style03 .em-search .form-search .input_cat .catsearch-dropdown span.current { padding: 15px 30px 13px 5px; min-height: 49px; } .em-header-style03 .em-search .form-search .input_cat .catsearch-dropdown ul { top: 49px; } .em-header-style03 .em-search .em-search-style02 .form-search button.button { padding: 18px 17px 17px; width: 49px; } .em-header-style03 .em_nav .hnav .menu-item-depth-0, .em-header-style03 .em_nav .hnav .menu-item-depth-0 > .em-catalog-navigation > li.level0 { margin: 0; } .em-header-style03 .em_nav .hnav .menu-item-depth-0 > a span, .em-header-style03 .em_nav .hnav .menu-item-depth-0 > .em-catalog-navigation > li.level0 > a span { padding: 15px 20px; border-width: 1px; border-top-width: 2px; border-color: transparent; text-transform: uppercase; margin-top: -1px; margin-bottom: -1px; } .em-header-style03 .em_nav .hnav .menu-item-depth-0 > .menu-container, .em-header-style03 .em_nav .hnav .menu-item-depth-0 > .em-catalog-navigation > li.level0 > .menu-container { top: 49px; } .em-header-style03 .em-top-cart { margin-top: 32px; margin-left: 10px; } .em-header-style03 .em-top-cart .em-amount-topcart { display: inline-block; padding-bottom: 30px; margin-bottom: -30px; width: 51px; } .em-header-style03 .em-top-cart .em-amount-topcart:after { content: ""; } .em-header-style03 .em-top-cart .em-amount-topcart:before { content: "\e835"; font-family: 'maki', sans-serif; width: 51px; height: 51px; font-size: 1.8rem; text-align: center; display: inline-block; padding: 15px 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } .em-header-style03 .em-top-cart .em-amount-topcart .em-topcart-text { display: none; } .em-header-style03 .em-top-cart .em-amount-topcart .em-topcart-qty { position: absolute; left: 33%; top: -8px; -moz-border-radius: 100%; -webkit-border-radius: 100%; border-radius: 100%; padding: 1px 6px; font-size: 12px; } .em-header-style03 .em-fixed-top.navbar-fixed-top .em-phone { display: none; } .em-header-style03 .em-fixed-top.navbar-fixed-top .em-search { width: auto; } .em-wrapper-header .em-header-style03 .em-fixed-top.navbar-fixed-top .em-line { border: 0 !important; padding: 1px 0; } /*===============RTL=================*/ .em-rtl .em-header-style03 .welcome-msg, .em-rtl .em-header-style03 .account-link, .em-rtl .em-header-style03 .em-top-links > ul li, .em-rtl .em-header-style03 .em-top-links ul.links li, .em-rtl .em-header-style03 .em-top-links ul.em-links-wishlist li { margin-left: 0; margin-right: 30px; } .em-rtl .em-header-style03 .em-links-wishlist a:before, .em-rtl .em-header-style03 .link-account:before, .em-rtl .em-header-style03 .em-logout-link:before, .em-rtl .em-header-style03 .em-register-link:before, .em-rtl .em-header-style03 .em-account-link:before { margin-right: 0; margin-left: 10px; } .em-rtl .em-header-style03 .em-top-cart .em-amount-topcart .em-topcart-qty { left: 25%; } .cms-index-index .em-header-style28 .em-menu-fix-pos .em-wrapper-header-top { position: absolute; width: 100%; padding-top: 40px; } .em-header-style28 .navbar-fixed-top .em-menu-fix-pos .em-wrapper-header-top { position: static; padding-top: 0 !important; padding-bottom: 0 !important; } .em-wrapper-header .em-header-style28 .toolbar-switch .toolbar-title { margin: -8px -10px; padding: 0 10px; min-height: 38px; } .em-wrapper-header .em-header-style28 .toolbar-switch .toolbar-title select { margin: 0 5px; } .em-header-style28 { /*.welcome-msg, .account-link, .em-top-links > ul li, .em-top-links ul.links li, .em-top-links ul.em-links-wishlist li{ padding:$padding3x / 2 0; margin-left:$padding3x; display:inline-block; @include effect-hover-line-center; overflow:initial; &:before{ bottom:auto; top:0; } }*/ /*Fix Top Menu*/ } .em-header-style28 .em-menu-fix-pos { position: relative; z-index: 2; } .em-header-style28 .em-menu-fix-pos .em-wrapper-header-top { position: static; width: 100%; padding: 30px 0 10px; } .em-header-style28 .nav-container.em_nav { text-align: left; } .em-header-style28 .em-lan-cur-link-search { float: left; background: #fff; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; padding: 14px 10px 11px; min-height: 45px; float: right; } .em-header-style28 .em-lan-cur-link-search .em-language-currency, .em-header-style28 .em-lan-cur-link-search .em-top-links, .em-header-style28 .em-lan-cur-link-search .em-search { float: left; } .em-header-style28 .em-account { top: 34px; right: -43px; } .em-header-style28 .link-account, .em-header-style28 .em-logout-link { position: relative; font-size: 0; padding: 0 10px; border-right: 1px solid #cdcdcd; display: inline-block; } .em-header-style28 .link-account:before, .em-header-style28 .em-logout-link:before { display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\f007"; font-size: 14px; } .em-header-style28 .em-register-link, .em-header-style28 .em-account-link { position: relative; font-size: 0; padding: 0 10px; border-right: 1px solid #cdcdcd; display: inline-block; } .em-header-style28 .em-register-link:before, .em-header-style28 .em-account-link:before { display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\f084"; font-size: 14px; } .em-header-style28 .em-links-wishlist a { position: relative; font-size: 0; padding: 0 10px; border-right: 1px solid #cdcdcd; display: inline-block; } .em-header-style28 .em-links-wishlist a:before { display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\f004"; font-size: 14px; } .em-header-style28 .top-link-deal { position: relative; font-size: 0; padding: 0 10px; border-right: 1px solid #cdcdcd; } .em-header-style28 .top-link-deal:before { display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\f02c"; font-size: 14px; } .em-header-style28 .em-language-currency .toolbar-dropdown ul { top: 34px; width: 104px; } .em-header-style28 .toolbar-switch { margin: 0; overflow: initial; } .em-header-style28 .toolbar-switch:before { bottom: auto; top: 0; } .em-header-style28 .toolbar-switch span.current { padding: 0 10px 30px; margin: 2px 0 -26px; line-height: 1.45rem; } .em-header-style28 .toolbar-switch span.current:after { font-size: 12px; display: none; } .em-header-style28 .toolbar-switch span.current:before { border-right: 1px solid #cdcdcd; position: absolute; top: 0; right: 0; height: 14px; content: ''; } .em-header-style28 .toolbar-switch.form-language span.current { font-size: 0; width: 18px; height: 14px; padding-left: 28px; background-position: 10px 1px; } .em-header-style28 .em-phone { margin: 40px 0 0; font-size: 110%; } .em-header-style28 .em-phone span { margin: 0 10px; } .em-header-style28 .em-search { display: inline-block !important; vertical-align: top; } .em-header-style28 .em-search .em-search-icon { display: inline-block; vertical-align: top; padding: 1px 10px 30px; margin-bottom: -30px; /*border-top-width: 2px; border-top-style: solid; border-top-color: transparent;*/ -moz-transition: all 500ms ease; -webkit-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease; -moz-backface-visibility: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .em-header-style28 .em-search .em-search-icon span:before { font-size: 1.4rem; } .em-header-style28 .em-search .em-search-style01 #em-search-content-fixed-top { top: 34px; right: -10px; } .em-header-style28 .line-top { border-top-style: solid; border-top-width: 1px; } .em-header-style28 .em-menu-hoz { text-align: center; display: inline-block; vertical-align: top; } .em-header-style28 .em-menu-hoz #em-main-megamenu { display: inline-block; } .em-header-style28 .em_nav .hnav .menu-item-depth-0 > .menu-container { top: 46px; } .em-header-style28 .em_nav .hnav .menu-item-depth-0, .em-header-style28 .em_nav .hnav .menu-item-depth-0 > .em-catalog-navigation > li.level0 { margin: 0; } .em-header-style28 .em_nav .hnav .menu-item-depth-0 > a span, .em-header-style28 .em_nav .hnav .menu-item-depth-0 > .em-catalog-navigation > li.level0 > a span { padding: 28px 24px; border-top-width: 4px; text-transform: uppercase; } .em-header-style28 .em_nav .hnav .menu-item-depth-0 > .menu-container, .em-header-style28 .em_nav .hnav .menu-item-depth-0 > .em-catalog-navigation > li.level0 > .menu-container { text-align: left; } .em-header-style28 .em-top-cart { float: right; margin-left: 10px; display: inline-block !important; } .em-header-style28 .em-top-cart .em-amount-topcart { display: inline-block; padding-bottom: 30px; margin-bottom: -30px; width: 46px; } .em-header-style28 .em-top-cart .em-amount-topcart:after { content: ""; } .em-header-style28 .em-top-cart .em-amount-topcart:before { content: "\e835"; font-family: 'maki', sans-serif; width: 46px; height: 46px; font-size: 1.8rem; text-align: center; display: inline-block; padding: 11px 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } .em-header-style28 .em-top-cart .em-amount-topcart .em-topcart-text { display: none; } .em-header-style28 .em-top-cart .em-amount-topcart .em-topcart-qty { position: absolute; left: 26%; top: -8px; -moz-border-radius: 100%; -webkit-border-radius: 100%; border-radius: 100%; padding: 1px 6px; font-size: 12px; } .em-header-style28 .em-fixed-top.navbar-fixed-top .em-logo-sticky { position: absolute; z-index: 1; } .em-header-style28 .em-fixed-top.navbar-fixed-top .header-top-cart { position: absolute; right: 0; } .em-header-style28 .em-fixed-top.navbar-fixed-top .em-menu-hoz { width: 100%; } .em-header-style28 .em-fixed-top.navbar-fixed-top .em-lan-cur-link-search { background: transparent; } .em-header-style28 .em-fixed-top.navbar-fixed-top .em-lan-cur-link-search > div { display: none; } .em-header-style28 .em-fixed-top.navbar-fixed-top .em-lan-cur-link-search > div.em-search { display: inline-block; } .em-header-style28 .navbar-fixed-top .em-menu-hoz #em-main-megamenu { display: inline; } .em-wrapper-header .em-header-style28 .em-fixed-top.navbar-fixed-top .em_nav { padding-right: 0; } /*===============RTL=================*/ .em-rtl .em-header-style28 .em-fixed-top.navbar-fixed-top .header-top-cart { left: 0; right: auto; } /*Header layout glass - swatch*/ .em-header-style29 { /*fixed top*/ } .em-header-style29 .em-header-top { border-bottom-width: 1px; border-bottom-style: solid; } .em-header-style29 .link-account, .em-header-style29 .em-logout-link { position: relative; } .em-header-style29 .link-account:before, .em-header-style29 .em-logout-link:before { display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\f13e"; font-size: 100%; margin-right: 10px; } .em-header-style29 .em-register-link, .em-header-style29 .em-account-link { position: relative; } .em-header-style29 .em-register-link:before, .em-header-style29 .em-account-link:before { display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\f084"; font-size: 100%; margin-right: 10px; } .em-header-style29 .em-links-wishlist a { position: relative; } .em-header-style29 .em-links-wishlist a:before { display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\f004"; font-size: 100%; margin-right: 10px; } .em-header-style29 .top-link-deal { position: relative; } .em-header-style29 .top-link-deal:before { display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\f02c"; font-size: 100%; margin-right: 10px; } .em-header-style29 .welcome-msg, .em-header-style29 .account-link, .em-header-style29 .em-top-links > ul li, .em-header-style29 .em-top-links ul.links li, .em-header-style29 .em-top-links ul.em-links-wishlist li { padding: 14px 0 15px; margin-left: 30px; display: inline-block; /*display: inline-block;*/ vertical-align: middle; position: relative; overflow: hidden; overflow: initial; } .em-header-style29 .welcome-msg:before, .em-header-style29 .account-link:before, .em-header-style29 .em-top-links > ul li:before, .em-header-style29 .em-top-links ul.links li:before, .em-header-style29 .em-top-links ul.em-links-wishlist li:before { content: ""; position: absolute; left: 50%; right: 50%; bottom: 0; z-index: 1; background: #2098d1; height: 4px; -webkit-transition-property: left, right; transition-property: left, right; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; opacity: 0; filter: alpha(opacity=0); } .em-header-style29 .welcome-msg:hover:before, .em-header-style29 .account-link:hover:before, .em-header-style29 .em-top-links > ul li:hover:before, .em-header-style29 .em-top-links ul.links li:hover:before, .em-header-style29 .em-top-links ul.em-links-wishlist li:hover:before { left: 0; right: 0; opacity: 1; filter: alpha(opacity=100); } .em-header-style29 .welcome-msg:before, .em-header-style29 .account-link:before, .em-header-style29 .em-top-links > ul li:before, .em-header-style29 .em-top-links ul.links li:before, .em-header-style29 .em-top-links ul.em-links-wishlist li:before { bottom: auto; top: 0; } .em-header-style29 .em-language-currency { margin: 0 -15px; } .em-header-style29 .toolbar-switch { margin: 0 15px; /*display: inline-block;*/ vertical-align: middle; position: relative; overflow: hidden; overflow: initial; } .em-header-style29 .toolbar-switch:before { content: ""; position: absolute; left: 50%; right: 50%; bottom: 0; z-index: 1; background: #2098d1; height: 4px; -webkit-transition-property: left, right; transition-property: left, right; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; opacity: 0; filter: alpha(opacity=0); } .em-header-style29 .toolbar-switch:hover:before { left: 0; right: 0; opacity: 1; filter: alpha(opacity=100); } .em-header-style29 .toolbar-switch:before { bottom: auto; top: 0; } .em-header-style29 .toolbar-switch span.current { padding: 14px 0 15px; min-height: 49px; } .em-header-style29 .em-language-currency .form-language.toolbar-switch span.current { padding-left: 25px; background-position: 0px center; } .em-header-style29 .em-logo .logo { margin: 30px 0; } .em-header-style29 .em-search { width: 41%; margin-top: 38px; } .em-header-style29 .em-search .form-search { border-color: transparent; } .em-header-style29 .em-search .form-search button.button { border: none; top: 0; } .em-header-style29 .em_nav { padding-right: 70px; } .em-header-style29 .em_nav .hnav .menu-item-depth-0, .em-header-style29 .em_nav .hnav .menu-item-depth-0 > .em-catalog-navigation > li.level0 { margin: 0; } .em-header-style29 .em_nav .hnav .menu-item-depth-0 > a span, .em-header-style29 .em_nav .hnav .menu-item-depth-0 > .em-catalog-navigation > li.level0 > a span { padding: 20px 20px; border-top-width: 2px; border-color: transparent; text-transform: uppercase; } .em-header-style29 .em_nav .hnav .menu-item-depth-0.menu_custom, .em-header-style29 .em_nav .hnav .menu-item-depth-0 > .em-catalog-navigation > li.level0.menu_custom { margin-right: 20px; } .em-header-style29 .em_nav .hnav .menu-item-depth-0 > .menu-container, .em-header-style29 .em_nav .hnav .menu-item-depth-0 > .em-catalog-navigation > li.level0 > .menu-container { top: 60px; } .em-header-style29 .em-top-cart { margin-left: 10px; display: block !important; position: absolute; right: 30px; top: 11px; } .em-header-style29 .em-top-cart .em-amount-topcart { display: inline-block; padding-bottom: 10px; margin-bottom: -10px; width: 40px; } .em-header-style29 .em-top-cart .em-amount-topcart:after { content: ""; } .em-header-style29 .em-top-cart .em-amount-topcart:before { content: "\e835"; font-family: 'maki', sans-serif; width: 40px; height: 40px; font-size: 1.7rem; text-align: center; display: inline-block; padding: 10px 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } .em-header-style29 .em-top-cart .em-amount-topcart .em-topcart-text { display: none; } .em-header-style29 .em-top-cart .em-amount-topcart .em-topcart-qty { position: absolute; left: 33%; top: -6px; -moz-border-radius: 100%; -webkit-border-radius: 100%; border-radius: 100%; padding: 0px 5px; font-size: 10px; } .em-header-style29 .em-fixed-top.navbar-fixed-top .em-search { width: auto; } /*===============RTL=================*/ .em-rtl .em-header-style29 .welcome-msg, .em-rtl .em-header-style29 .account-link, .em-rtl .em-header-style29 .em-top-links > ul li, .em-rtl .em-header-style29 .em-top-links ul.links li, .em-rtl .em-header-style29 .em-top-links ul.em-links-wishlist li { margin-left: 0; margin-right: 30px; } .em-rtl .em-header-style29 .em-links-wishlist a:before, .em-rtl .em-header-style29 .link-account:before, .em-rtl .em-header-style29 .em-logout-link:before, .em-rtl .em-header-style29 .em-register-link:before, .em-rtl .em-header-style29 .em-account-link:before { margin-right: 0; margin-left: 10px; } .em-rtl .em-header-style29 .em-top-cart { right: auto; left: 30px; } .em-rtl .em-header-style29 .em-top-cart .em-amount-topcart .em-topcart-qty { left: 25%; } .em-rtl .em-header-style29 .em_nav { padding-right: 0; padding-left: 70px; } .em-rtl .em-header-style29 .em_nav .hnav .menu-item-depth-0.menu_custom, .em-rtl .em-header-style29 .em_nav .hnav .menu-item-depth-0 > .em-catalog-navigation > li.level0.menu_custom { margin-right: 0px; margin-left: 20px; } /*Header layout sport*/ /*header fixed left*/ .em-area-header { left: 0; position: fixed; top: auto; bottom: 0; z-index: 3; padding: 0; height: 100%; width: 280px; } .em-area-header .em-wrapper-header { height: 100%; padding: 0 2rem; } .em-wrapper-header .em-header-style30 .toolbar-switch .toolbar-title { margin: -6px -10px; } .em-wrapper-header .em-header-style30 .toolbar-switch .toolbar-title select { margin: 0 5px; } .em-header-style30 .em-header-top { background-color: transparent; } .em-header-style30 .em-wrapper-header-bottom { position: absolute; bottom: 0; left: 0; right: 0; margin: 2rem; } .em-header-style30 .em-logo { text-align: center; display: inline-block; width: 100%; margin: 3rem 0; } .em-header-style30 .em-lan-cur-link-search { display: block; width: 100%; text-align: center; margin-bottom: 2rem; } .em-header-style30 .em-lan-cur-link-search .em-language-currency, .em-header-style30 .em-lan-cur-link-search .em-top-links, .em-header-style30 .em-lan-cur-link-search .em-search { display: inline-block; } .em-header-style30 .em-account { top: -150px; right: auto; left: 50px; display: none !important; } .em-header-style30 .link-account, .em-header-style30 .em-logout-link { position: relative; font-size: 0; padding: 0 10px; display: inline-block; } .em-header-style30 .link-account:before, .em-header-style30 .em-logout-link:before { display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\f007"; font-size: 14px; } .em-header-style30 .em-register-link, .em-header-style30 .em-account-link { position: relative; font-size: 0; padding: 0 10px; border-right: 1px solid #cdcdcd; display: inline-block; } .em-header-style30 .em-register-link:before, .em-header-style30 .em-account-link:before { display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\f084"; font-size: 14px; } .em-header-style30 .em-links-wishlist a { position: relative; font-size: 0; padding: 0 10px; border-right: 1px solid #cdcdcd; display: inline-block; } .em-header-style30 .em-links-wishlist a:before { display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\f004"; font-size: 14px; } .em-header-style30 .top-link-deal { position: relative; font-size: 0; padding: 0 10px; border-right: 1px solid #cdcdcd; } .em-header-style30 .top-link-deal:before { display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\f02c"; font-size: 14px; } .em-header-style30 .em-language-currency .toolbar-dropdown ul { top: auto; bottom: 25px; width: 104px; } .em-header-style30 .toolbar-switch { margin: 0; overflow: initial; } .em-header-style30 .toolbar-switch span.current { padding: 0 10px 30px; margin: 2px 0 -26px; line-height: 1.7rem; } .em-header-style30 .toolbar-switch span.current:after { font-size: 12px; display: none; } .em-header-style30 .toolbar-switch span.current:before { border-right: 1px solid #cdcdcd; position: absolute; top: 0; right: 0; height: 16px; content: ''; } .em-header-style30 .toolbar-switch.form-language span.current { font-size: 0; width: 18px; height: 14px; padding-left: 28px; background-position: 10px 1px; } .em-header-style30 .em-search { margin: 0 -2rem; } .em-header-style30 .em-search .form-search { border: none; } .em-header-style30 .em-search .form-search input.input-text { -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; } .em-header-style30 .em-search .form-search button.button { right: 0; top: 0; border-width: 0; } .em-header-style30 .menuleft { position: static; } .em-header-style30 .menuleft .mega-menu { border-width: 0; } .em-header-style30 .menuleft .mega-menu .vnav .menu-item-link.fa:before { left: 0px; } .em-header-style30 .menuleft .mega-menu .menu-item-link.fa > .em-menu-link span { padding-left: 25px !important; } .em-header-style30 .menuleft .mega-menu .em-prepend-menu { padding-left: 25px; } .em-header-style30 .menuleft .mega-menu .em-prepend-menu:before { left: 0; } .em-header-style30 .em-top-cart .em-amount-topcart { display: block; padding: 1rem; text-align: center; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } .em-header-style30 .em-top-cart .em-amount-topcart:after { content: ""; } .em-header-style30 .em-top-cart .em-amount-topcart:before { content: "\e835"; font-family: 'maki', sans-serif; font-size: 1.4rem; text-align: center; display: inline-block; padding: 0 1rem; } .em-header-style30 .em-top-cart .em-summary-topcart { margin-right: -3rem; padding-right: 3rem; float: none; } .em-header-style30 .em-top-cart .topcart-popup { left: 260px; top: auto; bottom: 0; } /*===============RTL=================*/ .em-rtl .em-area-header { left: auto; right: 0; } .em-rtl .em-wrapper-content { padding-left: 0 !important; padding-right: 280px !important; } .em-rtl .em-header-style30 .em-top-cart .topcart-popup { left: auto; right: 260px; } .em-rtl .em-header-style30 .em-search .form-search button.button { right: auto; left: 0; } .em-rtl .em-header-style30 .toolbar-switch span.current:before { border-width: 0; } /*Header layout fashionnova*/ .em-header-style31 { margin-bottom: 20px; /*fixed top*/ } .em-header-style31 .toolbar-switch .toolbar-title { padding: 0 !important; } .em-header-style31 .link-account, .em-header-style31 .em-logout-link { position: relative; } .em-header-style31 .link-account:before, .em-header-style31 .em-logout-link:before { display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\f13e"; font-size: 100%; margin-right: 10px; } .em-header-style31 .em-register-link, .em-header-style31 .em-account-link { position: relative; } .em-header-style31 .em-register-link:before, .em-header-style31 .em-account-link:before { display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\f084"; font-size: 100%; margin-right: 10px; } .em-header-style31 .em-links-wishlist a { position: relative; } .em-header-style31 .em-links-wishlist a:before { display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\f004"; font-size: 100%; margin-right: 10px; } .em-header-style31 .top-link-deal { position: relative; } .em-header-style31 .top-link-deal:before { display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\f02c"; font-size: 100%; margin-right: 10px; } .em-header-style31 .welcome-msg, .em-header-style31 .account-link, .em-header-style31 .em-top-links > ul li, .em-header-style31 .em-top-links ul.links li, .em-header-style31 .em-top-links ul.em-links-wishlist li { padding: 14px 0 15px; margin-left: 30px; display: inline-block; /*display: inline-block;*/ vertical-align: middle; position: relative; overflow: hidden; overflow: initial; } .em-header-style31 .welcome-msg:before, .em-header-style31 .account-link:before, .em-header-style31 .em-top-links > ul li:before, .em-header-style31 .em-top-links ul.links li:before, .em-header-style31 .em-top-links ul.em-links-wishlist li:before { content: ""; position: absolute; left: 50%; right: 50%; bottom: 0; z-index: 1; background: #2098d1; height: 4px; -webkit-transition-property: left, right; transition-property: left, right; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; opacity: 0; filter: alpha(opacity=0); } .em-header-style31 .welcome-msg:hover:before, .em-header-style31 .account-link:hover:before, .em-header-style31 .em-top-links > ul li:hover:before, .em-header-style31 .em-top-links ul.links li:hover:before, .em-header-style31 .em-top-links ul.em-links-wishlist li:hover:before { left: 0; right: 0; opacity: 1; filter: alpha(opacity=100); } .em-header-style31 .welcome-msg:before, .em-header-style31 .account-link:before, .em-header-style31 .em-top-links > ul li:before, .em-header-style31 .em-top-links ul.links li:before, .em-header-style31 .em-top-links ul.em-links-wishlist li:before { bottom: auto; top: 0; } .em-header-style31 .em-language-currency { margin: 0 -15px; } .em-header-style31 .toolbar-switch { margin: 0 15px; /*display: inline-block;*/ vertical-align: middle; position: relative; overflow: hidden; overflow: initial; } .em-header-style31 .toolbar-switch:before { content: ""; position: absolute; left: 50%; right: 50%; bottom: 0; z-index: 1; background: #2098d1; height: 4px; -webkit-transition-property: left, right; transition-property: left, right; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; opacity: 0; filter: alpha(opacity=0); } .em-header-style31 .toolbar-switch:hover:before { left: 0; right: 0; opacity: 1; filter: alpha(opacity=100); } .em-header-style31 .toolbar-switch:before { bottom: auto; top: 0; } .em-header-style31 .toolbar-switch span.current { padding: 14px 0 15px; min-height: 49px; } .em-header-style31 .em-language-currency .form-language.toolbar-switch span.current { padding-left: 25px; background-position: 0px center; } .em-header-style31 .em-logo .logo { margin: 30px 0; } .em-header-style31 .em-line { float: left; width: 100%; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; padding: 0 5px; } .em-header-style31 .em-line .em-menu-hoz { padding-left: 0; } .em-header-style31 .em-search { width: 60%; margin-top: 32px; } .em-header-style31 .em-search .form-search input.input-text { height: 49px; line-height: 39px; } .em-header-style31 .em-search .form-search .input_cat select { height: 49px; line-height: 48px; } .em-header-style31 .em-search .form-search .input_cat .catsearch-dropdown span.current { padding: 15px 30px 13px 5px; min-height: 49px; } .em-header-style31 .em-search .form-search .input_cat .catsearch-dropdown ul { top: 49px; } .em-header-style31 .em-search .em-search-style02 .form-search button.button { padding: 18px 17px 17px; width: 49px; } .em-header-style31 .em_nav .hnav .menu-item-depth-0, .em-header-style31 .em_nav .hnav .menu-item-depth-0 > .em-catalog-navigation > li.level0 { margin: 0; } .em-header-style31 .em_nav .hnav .menu-item-depth-0 > a span, .em-header-style31 .em_nav .hnav .menu-item-depth-0 > .em-catalog-navigation > li.level0 > a span { padding: 16px 20px; border-color: transparent; text-transform: uppercase; } .em-header-style31 .em-top-cart { margin-top: 32px; margin-left: 10px; } .em-header-style31 .em-top-cart .em-amount-topcart { display: inline-block; padding-bottom: 30px; margin-bottom: -30px; width: 51px; } .em-header-style31 .em-top-cart .em-amount-topcart:after { content: ""; } .em-header-style31 .em-top-cart .em-amount-topcart:before { content: "\e835"; font-family: 'maki', sans-serif; width: 51px; height: 51px; font-size: 1.8rem; text-align: center; display: inline-block; padding: 15px 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } .em-header-style31 .em-top-cart .em-amount-topcart .em-topcart-text { display: none; } .em-header-style31 .em-top-cart .em-amount-topcart .em-topcart-qty { position: absolute; left: 33%; top: -8px; -moz-border-radius: 100%; -webkit-border-radius: 100%; border-radius: 100%; padding: 1px 6px; font-size: 12px; } .em-header-style31 .em-fixed-top.navbar-fixed-top .em-phone { display: none; } .em-header-style31 .em-fixed-top.navbar-fixed-top .em-search { width: auto; } .em-wrapper-header .em-header-style03 .em-fixed-top.navbar-fixed-top .em-line { border: 0 !important; padding: 1px 0; } /*===============RTL=================*/ .em-rtl .em-header-style31 .welcome-msg, .em-rtl .em-header-style31 .account-link, .em-rtl .em-header-style31 .em-top-links > ul li, .em-rtl .em-header-style31 .em-top-links ul.links li, .em-rtl .em-header-style31 .em-top-links ul.em-links-wishlist li { margin-left: 0; margin-right: 30px; } .em-rtl .em-header-style31 .top-link-deal:before, .em-rtl .em-header-style31 .em-links-wishlist a:before, .em-rtl .em-header-style31 .link-account:before, .em-rtl .em-header-style31 .em-logout-link:before, .em-rtl .em-header-style31 .em-register-link:before, .em-rtl .em-header-style31 .em-account-link:before { margin-right: 0; margin-left: 10px; } .em-rtl .em-header-style31 .em-top-cart .em-amount-topcart .em-topcart-qty { left: 25%; } /*Header layout market deal*/ .em-top-links ul, .em-top-links ol { margin: 0; } .em-top-links .list-inline > li { padding: 0; } /*Logo*/ .em-logo .logo { display: inline-block; text-decoration: none; } .em-logo .logo img { max-width: 340px; } .em-logo strong { font-size: 0; display: block; text-indent: -99999px; overflow: hidden; vertical-align: middle; ; display: none; } /*Header welcome*/ .welcome-msg { display: inline-block; margin-bottom: 0; } /*Header Link Mobile*/ .list-link-mobile { overflow: hidden; margin: 0 !important; padding: 10px 0 0; } .list-link-mobile li { padding: 10px 0; } .list-link-mobile li a:before { font-size: 16px; text-align: center; width: 40px; height: 40px; line-height: 40px; border: 1px solid #ffffff; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; margin-bottom: 1px; font-family: FontAwesome; display: inline-block; color: #ffffff; background: transparent; } .list-link-mobile li a.fa-shopping-cart:before { color: #ffffff; background: #50b200; border: 1px solid #50b200; } .list-link-mobile li span { display: inline-block; width: 100%; } .list-link-mobile li:first-child { border-left: 0; } /*=================== fix top menu-search-cart ==========*/ .em-wrapper-header .navbar-fixed-top { position: fixed !important; -webkit-animation-name: fadeInDown; -webkit-animation-duration: 5.0s; -webkit-animation-timing-function: linear; -webkit-animation-iteration-count: infinite; -webkit-animation-direction: normal; -webkit-animation-play-state: running; -webkit-animation-fill-mode: forwards; -moz-animation-name: anim_titles; -moz-animation-duration: 5.0s; -moz-animation-timing-function: linear; -moz-animation-iteration-count: infinite; -moz-animation-direction: normal; -moz-animation-play-state: running; -moz-animation-fill-mode: forwards; -webkit-animation-delay: 1s; -moz-animation-delay: 1s; -webkit-animation-iteration-count: 1; -moz-animation-iteration-count: 1; -webkit-animation-duration: 0.7s; -moz-animation-duration: 0.7s; -webkit-animation-delay: 0s; -moz-animation-delay: 0s; -webkit-animation-timing-function: ease-out; -moz-animation-timing-function: ease-out; } .em-wrapper-header .em-fixed-top .em-logo-sticky {margin-left:200px; display: none; } .em-wrapper-header .em-fixed-top .em-logo-sticky img { width: 0; height: 0; opacity: 0; filter: alpha(opacity=0); visibility: hidden; } .em-wrapper-header .em-fixed-top .em-search-sticky, .em-wrapper-header .em-fixed-top .em-top-cart-sticky { display: none; } .em-wrapper-header .em-fixed-top.navbar-fixed-top .em_nav { padding-top: 0; padding-left: 250px; } .em-wrapper-header .em-fixed-top.navbar-fixed-top .em_nav .hnav .menu-item-depth-0 > a.em-menu-link span, .em-wrapper-header .em-fixed-top.navbar-fixed-top .em_nav .hnav .menu-item-depth-0 > .em-catalog-navigation > li.level0 > a.em-menu-link span { padding-bottom: 21px; padding-top: 21px; border-top-width: 2px; text-transform: uppercase; } .em-wrapper-header .em-fixed-top.navbar-fixed-top .em_nav .hnav .menu-item-depth-0 > .menu-container { top: 62px; } .em-wrapper-header .em-fixed-top.navbar-fixed-top .em-logo { display: none; } .em-wrapper-header .em-fixed-top.navbar-fixed-top .em-logo-sticky { display: block; width: 55px; padding: 2px 0; position: absolute; z-index: 1; } .em-wrapper-header .em-fixed-top.navbar-fixed-top .em-logo-sticky img { width: 100%; height: auto; opacity: 1; filter: alpha(opacity=100); visibility: visible; -moz-transition: all 500ms ease; -webkit-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease; -moz-backface-visibility: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .em-wrapper-header .em-fixed-top.navbar-fixed-top .em-search-sticky { display: block; position: absolute; top: 15px; right: 52px; padding: 0; margin: 0; width: auto; border: none; } .em-wrapper-header .em-fixed-top.navbar-fixed-top .em-search-sticky .em-search-icon { padding: 0; border: none; } .em-wrapper-header .em-fixed-top.navbar-fixed-top .em-search-sticky .em-search-icon span:before { width: 35px; height: 35px; padding: 10px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; font-size: 1.4rem; } .em-wrapper-header .em-fixed-top.navbar-fixed-top .em-search-sticky .em-search-style01 .em-container-js-search { top: 47px; } .em-wrapper-header .em-fixed-top.navbar-fixed-top .em-search-sticky .em-search-style01 .em-container-js-search .form-search input.input-text { height: 42px; line-height: 34px; } .em-wrapper-header .em-fixed-top.navbar-fixed-top .em-search-sticky .em-search-style01 .em-container-js-search .form-search button.button { padding: 13px 15px; } .em-wrapper-header .em-fixed-top.navbar-fixed-top .em-top-cart { position: absolute; right: 10px; top: 15px; margin: 0; display: block; } .em-wrapper-header .em-fixed-top.navbar-fixed-top .em-top-cart .em-amount-topcart { display: inline-block; padding-bottom: 30px; margin-bottom: -30px; width: 35px; } .em-wrapper-header .em-fixed-top.navbar-fixed-top .em-top-cart .em-amount-topcart:after { content: ""; } .em-wrapper-header .em-fixed-top.navbar-fixed-top .em-top-cart .em-amount-topcart:before { content: "\e835"; font-family: 'maki', sans-serif; width: 35px; height: 35px; font-size: 1.5rem; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-align: center; display: inline-block; padding: 12px 5px 0px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } .em-wrapper-header .em-fixed-top.navbar-fixed-top .em-top-cart .em-amount-topcart .em-topcart-text { display: none; } .em-wrapper-header .em-fixed-top.navbar-fixed-top .em-top-cart .em-amount-topcart .em-topcart-qty { position: absolute; left: 33%; top: -6px; -moz-border-radius: 100%; -webkit-border-radius: 100%; border-radius: 100%; padding: 0px 4px; font-size: 9px; } .em-wrapper-header .em-fixed-top.navbar-fixed-top .em-top-cart .topcart-popup { top: 47px; } .em-wrapper-header .em-fixed-top.navbar-fixed-top .em-menu-hoz { float: left !important; } .em-rtl .em-wrapper-header .em-fixed-top .em-logo-sticky { float: right; margin-right: 0rem; margin-left: 1rem; } .em-rtl .em-wrapper-header .em-fixed-top.navbar-fixed-top .em-menu-hoz { float: right !important; } .em-rtl .em-wrapper-header .em-fixed-top.navbar-fixed-top .em_nav { padding-right: 60px; padding-left: 100px; } .em-rtl .em-wrapper-header .em-fixed-top.navbar-fixed-top .em-search { right: auto; left: 52px; } .em-rtl .em-wrapper-header .em-fixed-top.navbar-fixed-top .em-search .em-search-style01 .em-container-js-search { right: auto; left: 0; } .em-rtl .em-wrapper-header .em-fixed-top.navbar-fixed-top .em-top-cart { right: auto; left: 10px; } /* ============================================ * Footer ============================================ */ /******Class Padding********/ .padding-top20 { padding-top: 20px; } /******Visible - Hidden********/ .hidden-3col, .hidden-2col { display: none; } .em-footer-style11 { padding-top: 70px; } .em-footer-style11 .em-block-content { margin-bottom: 20px; } .em-footer-style11 .four-block-middle { padding: 40px 0px 10px; margin: 20px 0 30px; display: inline-block; width: 100%; border-top-width: 1px; border-bottom-width: 1px; border-top-style: solid; border-bottom-style: solid; } .em-footer-style11 .em-social .em-social-icon { -moz-border-radius: 100%; -webkit-border-radius: 100%; border-radius: 100%; padding: 6px 8px; font-size: 1.6rem; } .em-footer-style11 .em-links li { margin-bottom: 10px; } .em-footer-style11 .em-tags-list { padding-top: 10px; margin: 0 -10px; } .em-footer-style11 .em-tags-list li { display: inline-block; margin: 0 5px 10px; } .em-footer-style11 .em-tags-list li a { padding: 10px; border-width: 1px; border-style: solid; display: inline-block; } .em-footer-style11 .block-info .em-address, .em-footer-style11 .block-info .em-email, .em-footer-style11 .block-info .em-phone { margin: 0 -5px 1.55rem; } .em-footer-style11 .block-info .fa { margin: 0 5px; } .em-footer-style11 .block-subscribe button.button { border-style: solid; border-width: 2px; } .em-rtl .em-footer-style11 .newsletter-boder-input-act .block-subscribe .actions { float: left; } .em-rtl .em-footer-style11 .newsletter-boder-input-act .block-subscribe .actions button.button { margin-left: 0; } .em-rtl .em-footer-style11 .block-subscribe .input-box { float: right; } .em-footer-style09 .em-footer-top { padding-top: 40px; } .em-footer-style09 .em-footer-info-bottom { border-top-style: solid; border-top-width: 1px; padding-top: 45px; padding-bottom: 15px; margin-top: 20px; } .em-footer-style09 .em-footer-bottom { padding-top: 50px; } .em-footer-style09 address { margin-top: 5px; } .em-footer-style09 .em-links li { padding: 0 0 10px; } .em-footer-style09 .em-wrapper-newsletter .block-subscribe { overflow: hidden; } .em-footer-style09 .em-wrapper-newsletter .block-subscribe input.input-text { border-width: 0; } .em-footer-style09 .em-wrapper-newsletter .block-subscribe .actions button.button { font-size: 100%; } .em-footer-style09 .em-wrapper-social { overflow: hidden; } .em-footer-style09 .em-wrapper-social .em-block-title { float: left; margin-right: 20px; margin-top: 10px; } .em-footer-style09 .em-wrapper-social .em-block-content { overflow: hidden; float: left; } .em-footer-style09 .em-wrapper-social .em-social .em-social-icon { -moz-border-radius: 100%; -webkit-border-radius: 100%; border-radius: 100%; padding: 6px 8px; font-size: 1.6rem; } /*===============RTL=================*/ .em-rtl .em-newsletter-style05 .block-subscribe .actions button.button { right: auto; left: 0; margin-left: 0; } .em-rtl .em-newsletter-style05 .block-subscribe .input-box input.input-text { padding-right: 10px; padding-left: 100px; } .em-footer-style08 { padding-top: 70px; } .em-footer-style08 .em-block-content { margin-bottom: 20px; } .em-footer-style08 .four-block-middle { padding: 40px 0px 10px; margin: 20px 0 30px; display: inline-block; width: 100%; border-top-width: 1px; border-bottom-width: 1px; border-top-style: solid; border-bottom-style: solid; } .em-footer-style08 .em-social .em-social-icon { -moz-border-radius: 100%; -webkit-border-radius: 100%; border-radius: 100%; padding: 6px 8px; font-size: 1.6rem; } .em-footer-style08 .em-links li { margin-bottom: 10px; } .em-footer-style08 .em-container-ads { margin-bottom: 30px; } .em-footer-style08 .em-container-ads .box-date { display: inline-block; padding: 8px 15px; text-transform: uppercase; margin: 0 10px; float: left; text-align: center; -moz-border-radius: 100%; -webkit-border-radius: 100%; border-radius: 100%; } .em-footer-style08 .em-container-ads .box-date span { display: block; font-weight: bold; } .em-footer-style08 .em-container-ads .box-date span.em-blog-date { font-size: 140%; line-height: 1; } .em-footer-style08 .em-container-ads .box-date span.em-blog-month { font-size: 85%; } .em-footer-style08 .em-container-ads .em-detail { overflow: hidden; padding: 0 10px; } .em-footer-style08 .block-info .em-address, .em-footer-style08 .block-info .em-email, .em-footer-style08 .block-info .em-phone { margin: 0 -5px 1.55rem; } .em-footer-style08 .block-info .fa { margin: 0 5px; } .em-footer-style08 .block-subscribe button.button { border-style: solid; border-width: 2px; } .em-rtl .em-footer-style08 .newsletter-boder-input-act .block-subscribe .actions { float: left; } .em-rtl .em-footer-style08 .newsletter-boder-input-act .block-subscribe .actions button.button { margin-left: 0; } .em-rtl .em-footer-style08 .block-subscribe .input-box { float: right; } .em-rtl .em-footer-style08 .em-container-ads .box-date { float: right; } .em-footer-style12 .em-footer-top { padding-top: 5.5rem; padding-bottom: 4rem; } .em-footer-style12 .em-footer-bottom { padding-top: 35px; } .em-footer-style12 address { margin-top: 5px; } .em-footer-style12 .em-links li { padding: 0 0 10px; } .em-footer-style12 .em-wrapper-social { overflow: hidden; } .em-footer-style12 .em-wrapper-social .em-block-title { float: left; margin-right: 20px; margin-top: 10px; } .em-footer-style12 .em-wrapper-social .em-block-content { overflow: hidden; float: left; } .em-footer-style12 .em-wrapper-social .em-social .em-social-icon { -moz-border-radius: 100%; -webkit-border-radius: 100%; border-radius: 100%; padding: 6px 8px; font-size: 1.6rem; } .em-footer-style07 .em-footer-top { padding-top: 5rem; padding-bottom: 3rem; } .em-footer-style07 .em-footer-bottom { padding-top: 3rem; } .em-footer-style07 .em-social .em-social-icon { -moz-border-radius: 100%; -webkit-border-radius: 100%; border-radius: 100%; padding: 6px 8px; font-size: 1.6rem; } .em-footer-style07 .em-links li { margin-bottom: 10px; } .em-footer-style07 .block-subscribe button.button { border-style: solid; border-width: 2px; } .em-footer-style07 .em-tags-list { padding-top: 10px; } .em-footer-style07 .em-tags-list li { display: inline-block; margin-right: 10px; margin-bottom: 10px; } .em-footer-style07 .em-tags-list li a { padding: 10px; border-width: 1px; border-style: solid; display: inline-block; } /*============= RTL =================*/ .em-rtl .em-footer-style07 .block-subscribe .input-box { float: right; } /*== Footer Layout Garden==*/ .em-footer-style13 { padding-top: 80px; } .em-footer-style13 .em-footer-top { padding-bottom: 80px; } .em-footer-style13 .em-logo-footer { display: inline-block; } .em-footer-style13 .newsletter-boder-input-act .block-subscribe { padding: 9px 10px; } .em-footer-style13 .newsletter-boder-input-act .block-subscribe .actions button.button { padding: 9px 20px; } .em-footer-style13 .newsletter-boder-input-act .block-subscribe input.input-text { height: 40px; } .em-footer-style13 .block-subscribe button.button { border-style: solid; border-width: 2px; } .em-footer-style13 ul.footer-menu-links li { display: inline-block; margin: 0 10px; } .em-footer-style13 ul.footer-menu-links a { text-transform: uppercase; } .em-footer-style13 .em-footer-bottom { border-top: 1px solid #343434; padding-top: 30px; } .em-footer-style13 .em-footer-bottom a { text-transform: uppercase; } .em-footer-style13 .em-footer-bottom ul.links { margin-bottom: 0; } .em-rtl .em-footer-style13 .newsletter-boder-input-act .block-subscribe .actions { float: left; } .em-rtl .em-footer-style13 .newsletter-boder-input-act .block-subscribe .actions button.button { margin-left: 0; } .em-rtl .em-footer-style13 .block-subscribe .input-box { float: right; } /*== Footer Layout Glass==*/ .em-footer-style14 { padding-top: 80px; } .em-footer-style14 .em-footer-top { padding-bottom: 80px; } .em-footer-style14 .em-logo-footer { display: inline-block; } .em-footer-style14 .newsletter-boder-input-act .block-subscribe { padding: 9px 10px; } .em-footer-style14 .newsletter-boder-input-act .block-subscribe .actions button.button { padding: 9px 20px; } .em-footer-style14 .newsletter-boder-input-act .block-subscribe input.input-text { height: 40px; } .em-footer-style14 .block-subscribe button.button { border-style: solid; border-width: 2px; } .em-footer-style14 ul.footer-menu-links { margin-bottom: 40px; } .em-footer-style14 ul.footer-menu-links li { display: inline-block; margin: 0 20px; } .em-footer-style14 .em-footer-bottom { border-top: 1px solid #343434; padding-top: 30px; } .em-footer-style14 .em-footer-bottom a { text-transform: uppercase; } .em-footer-style14 .em-footer-bottom ul.links { margin-bottom: 20px; } .em-rtl .em-footer-style14 .newsletter-boder-input-act .block-subscribe .actions { float: left; } .em-rtl .em-footer-style14 .newsletter-boder-input-act .block-subscribe .actions button.button { margin-left: 0; } .em-rtl .em-footer-style14 .block-subscribe .input-box { float: right; } /*== Footer Layout Swatch==*/ .em-wrapper-footer address { line-height: 1.35; font-size: 75%; } .em-wrapper-footer .em-footer-bottom { padding-bottom: 30px; } .em-payment { text-align: center; margin: 0 -5px; } .em-payment .em-payment-icon { margin-bottom: 10px; } .em-payment .em-payment-icon { margin: 0 5px 10px; -moz-transition: all 500ms ease; -webkit-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease; -moz-backface-visibility: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; float: left; } .em-payment-icon.em-visa { width: 40px; height: 22px; background-image: url("../images/icons.png"); background-position: 0 -38px; background-repeat: no-repeat; } .em-payment-icon.em-master { width: 28px; height: 22px; background-image: url("../images/icons.png"); background-position: -54px -38px; background-repeat: no-repeat; } .em-payment-icon.em-paypal { width: 57px; height: 22px; background-image: url("../images/icons.png"); background-position: -122px -38px; background-repeat: no-repeat; } .em-payment-icon.em-express { width: 16px; height: 22px; background-image: url("../images/icons.png"); background-position: -93px -38px; background-repeat: no-repeat; } .em-payment-icon.em-other { width: 49px; height: 22px; background-image: url("../images/icons.png"); background-position: -192px -38px; background-repeat: no-repeat; } /*twitter*/ .twitter-tweet { width: 100% !important; } /*social*/ .em-social { margin: 0 -5px; } .em-social .em-social-border { margin-bottom: 5px; } .em-social-icon { font-size: 18px; margin: 0 5px; -moz-transition: all 500ms ease; -webkit-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease; -moz-backface-visibility: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; margin-bottom: 5px; } .em-social-icon.last { margin-right: 0; } /*social border*/ .em-social-border .em-social-icon { display: inline-block; padding: 6px; border: 1px solid; } /*Content*/ /*Module*/ /*==============Multidealpro==============*/ .multidealpro_products .products-grid { clear: both; margin: 0 -10px; } .multidealpro_products .products-grid .item { width: 280px; margin: 0 10px; display: inline-table; float: none !important; } .em_multidealpro .show_clock, .em_multidealpro .price-box { display: inline-block; vertical-align: middle; } .em_multidealpro .ratings { padding-bottom: 0; } .multidealpro_recent .multidealpro_products { /*border-style: solid; border-width: 1px; border-top:0;*/ } .show_clock .price-box p.special-price .price-label { display: inline-block; } .show_clock .price-box p:first-child { margin-top: 0; } /*Deal Home Page - Slider Multidealpro*/ .em-special-deals { padding-bottom: 20px; } .em-special-deals .widget-title h2 { margin-bottom: 15px; } .em-special-deals .products-grid li.item { border-style: solid; border-width: 1px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; padding: 10px; text-align: center; } .em-special-deals .products-grid .msg_soldout { margin-top: 10px; } .em-special-deals .products-grid .clock_style_1 { margin-top: 3px; margin-bottom: 0; } .em-special-deals .owl-carousel .owl-item .item { border-width: 1px; border-style: solid; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; padding: 10px; text-align: center; } .em-special-deals .owl-carousel .owl-item .item .product-shop { position: static; } .em-special-deals .owl-carousel .owl-item .item .show_clock .clock { position: absolute; margin-bottom: 0; top: 260px; left: 41px; /*top: -67px; width: 100%; @include transition1;*/ text-align: center; /*-webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: all 0.7s ease-in-out; transition: all 0.7s ease-in-out;*/ } .em-special-deals .owl-carousel .owl-item .item:hover .product-shop { /*position:static;*/ /*.show_clock .clock{ -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); opacity: 0; filter: alpha(opacity=0); }*/ } .multidealpro_products { /*border-style: solid; border-width: 1px; padding:10px; @include border-radius(5px);*/ } /*=======Multidealpro - Product Grid======*/ .em_multidealpro .products-grid li.item { display: inline-block; float: none; vertical-align: top; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } /*=======Multidealpro - Product List======*/ .em_multidealpro .products-list, .multidealpro_products .products-list { clear: both; margin-top: 20px; } .em_multidealpro .products-list li.item, .multidealpro_products .products-list li.item { margin-bottom: 20px; } .em_multidealpro .products-list li.item .deal_qty, .em_multidealpro .products-list li.item .show_clock, .multidealpro_products .products-list li.item .deal_qty, .multidealpro_products .products-list li.item .show_clock { text-align: left; } /*=======Multidealpro - Sidebar======*/ .em-sidebar .multidealpro_recent .multidealpro_products { -moz-border-radius: 0 0 5px 5px; -webkit-border-radius: 0 0 5px 5px; border-radius: 0 0 5px 5px; border: 0; padding-top: 0; } .em-sidebar .multidealpro_recent .multidealpro_products .products-grid li.item { padding: 15px; margin: 0; width: 100%; } .em-sidebar .multidealpro_recent .multidealpro_products .products-grid li.item .product-item { border: 0; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .em-sidebar .em_multidealpro .products-grid li.item { width: 100%; margin-right: 0 !important; border: 0 !important; } .em_multidealpro .products-grid.owl-carousel .owl-item .item { min-height: 425px; } .em-wrapper-newsletter .em-block-title { float: left; margin-right: 20px; margin-top: 10px; } /*===========block subscribe=============*/ .block-subscribe { border: none; margin: 0; padding: 0; } .block-subscribe:before, .block-subscribe:after { position: static; height: 0; } .block-subscribe .input-box { float: left; width: 200px; } .block-subscribe .actions { float: left; } .block-subscribe .actions button.button { margin-right: 0px; padding: 10px; } .block-subscribe input.input-text { width: 100%; margin-bottom: 10px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .newsletter-clearbutton .block-subscribe .actions { float: none; } .newsletter-clearbutton .block-subscribe .actions button.button { float: none; display: inline-block; } .newsletter-clearbutton .block-subscribe .actions button.button span { float: none; display: inline-block; } .newsletter-clearbutton .block-subscribe .input-box { width: 100%; float: none; } .newsletter-clearbutton .block-subscribe .input-box input.input-text { margin-right: 0; } .newsletter-fullbutton button.button { width: 100%; } .newsletter-boder-input-act .block-subscribe { border: 1px solid; padding: 15px 30px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } .newsletter-boder-input-act .block-subscribe input.input-text { border: none; margin-bottom: 0; background: transparent; height: 50px; } .newsletter-boder-input-act .block-subscribe .input-box { width: 65%; margin-right: 0px; } .newsletter-boder-input-act .block-subscribe .actions { float: right; } .newsletter-boder-input-act .block-subscribe .actions button.button { margin-bottom: 0; padding: 13px 20px; } .em-wrapper-newsletter { margin-bottom: 20px; } .em-newsletter-style05 .block-subscribe { position: relative; } .em-newsletter-style05 .block-subscribe .input-box { width: 98%; } .em-newsletter-style05 .block-subscribe .input-box input.input-text { padding-right: 100px; } .em-newsletter-style05 .block-subscribe .actions button.button { position: absolute; right: 0; top: 0px; font-size: 100%; } .em-wrapper-newsletter03 { background-image: url(../images/em_ads_15.jpg); background-position: center top; background-repeat: no-repeat; overflow: hidden; background-size: cover !important; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; padding: 6rem 0; } .em-wrapper-newsletter03 .block-subscribe { padding: 10px; } .em-wrapper-newsletter03 .block-subscribe .actions button.button { padding: 9px 20px; border-width: 2px; } .em-wrapper-newsletter03 .block-subscribe input.input-text { height: 40px; } /*===============RTL=================*/ .em-rtl .em-wrapper-newsletter03 .block-subscribe .input-box { float: right; } .em-rtl .em-wrapper-newsletter03 .block-subscribe .actions { float: left; } /*import module block home*/ .em-wrapper-ads-10 { overflow: hidden; } .em-wrapper-ads-10.em-line-01 { margin-bottom: 0; } .em-wrapper-ads-10 img { -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; } .em-wrapper-ads-10 .em-blog-item { padding: 1px; margin-bottom: 50px; } .em-wrapper-ads-10 .em-blog-time { position: absolute; left: 20px; top: 20px; display: inline-block; -moz-border-radius: 100%; -webkit-border-radius: 100%; border-radius: 100%; padding: 13px 20px; z-index: 0; font-weight: 700; color: #fff; text-transform: uppercase; } .em-wrapper-ads-10 .em-blog-time:before { content: ""; background-color: #000; opacity: 0.6; filter: alpha(opacity=60); -moz-border-radius: 100%; -webkit-border-radius: 100%; border-radius: 100%; display: inline-block; position: absolute; top: 0; left: 0; bottom: 0; right: 0; z-index: -1; } .em-wrapper-ads-10 .em-blog-time p { margin: 0; line-height: 1.2; } .em-wrapper-ads-10 .em-blog-time p:first-child { font-size: 170%; } .em-wrapper-ads-10 .em-box { padding: 17px 20px 5px; border-top: 0; -moz-border-radius: 0 0 5px 5px; -webkit-border-radius: 0 0 5px 5px; border-radius: 0 0 5px 5px; -moz-transition: all 500ms ease; -webkit-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease; -moz-backface-visibility: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; position: relative; } .em-wrapper-ads-10 .em-box .em-blog-des { clear: both; } .em-wrapper-ads-10 .em-box .link-more { font-weight: bold; } .em-wrapper-ads-10 .em-box .link-more:before { display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\f101"; font-size: 100%; padding-right: 5px; } .em-background-wrapper-ads { background-image: url(../images/layout_glass/em_ads_06.jpg); background-position: center top; background-repeat: no-repeat; overflow: hidden; background-size: cover !important; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; padding: 5rem 0 1rem; } /*===============RTL=================*/ .em-rtl .em-wrapper-ads-10 .em-box .link-more:before { padding-right: 0; padding-left: 5px; content: "\f100"; } .em-wrapper-ads-13 .icon-banner-left { padding: 12px 14px; margin-right: 20px; font-size: 1.6rem; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; -moz-transition: all 500ms ease; -webkit-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease; -moz-backface-visibility: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .em-wrapper-ads-13 .em-banner-right { overflow: hidden; } .em-wrapper-ads-13 .em-banner-right p { margin: 0; } .em-wrapper-ads-13 .em-banner-right h5 { margin-bottom: 0.5rem; font-weight: 700; text-transform: uppercase; } .em-wrapper-ads-13 .text-box { margin-bottom: 20px; } .em-sidebar .em-wrapper-ads-13 .text-box { clear: both; width: 100%; border-top-width: 1px; border-top-style: dashed; margin: 2rem 0 0; padding: 2rem 0 0; } .em-sidebar .em-wrapper-ads-13 .text-box:first-child { border-top-width: 0px; margin-top: 0; padding-top: 0; } /*===============RTL=================*/ .em-rtl .em-wrapper-ads-13 .icon-banner-left { margin-right: 0; margin-left: 20px; } .em-wrapper-ads-15 { margin-bottom: 50px; } .em-wrapper-ads-15 .em-ads-item { padding: 35px 20px 40px; margin-top: 30px; position: relative; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } .em-wrapper-ads-15 .em-ads-item .em-ads-img { position: absolute; right: 40px; top: -30px; width: 70px; height: 70px; -moz-border-radius: 100%; -webkit-border-radius: 100%; border-radius: 100%; border-style: solid; border-width: 2px; } .em-wrapper-ads-15 .em-ads-item .em-ads-img img { -moz-border-radius: 100%; -webkit-border-radius: 100%; border-radius: 100%; } .em-wrapper-ads-15 .em-ads-item .em-ads-des .fa { font-size: 300%; } .em-wrapper-ads-15 .em-ads-item .em-ads-author span { font-weight: italic; } .em-wrapper-ads-15 .em-ads-item .em-ads-author span:first-child { font-weight: bold; } .em-wrapper-ads-15 .owl-theme .owl-controls .owl-pagination { position: absolute; left: 25px; bottom: 20px; margin: 0; } .em-wrapper-ads-15 .owl-theme .owl-controls .owl-pagination span { border-width: 2px; width: 10px !important; height: 10px !important; margin: 0 0 0 5px !important; } /*===============RTL=================*/ .em-rtl .em-wrapper-ads-15 .em-ads-item .em-ads-img { right: auto; left: 40px; } .em-rtl .em-wrapper-ads-15 .owl-theme .owl-controls .owl-pagination { left: auto; right: 25px; } .em-wrapper-ads-09 { margin-bottom: 50px; border-width: 1px; border-style: solid; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; padding: 0 10px; } .em-wrapper-ads-09 .line-right { margin-right: -1px; border-right-style: dotted; } .em-wrapper-ads-09 .line-left { border-left-style: dotted; } .em-wrapper-ads-09 .em-wrapper-ads-item { margin-top: 30px; margin-bottom: 30px; } .em-wrapper-ads-09 .em-wrapper-ads-item .fa { font-size: 340%; } .em-wrapper-ads-09 .em-wrapper-ads-item .fa:hover { cursor: default; } .em-wrapper-ads-09 .em-wrapper-ads-item h4 { font-weight: 700; } .em-wrapper-ads-09 .em-wrapper-ads-item .em-ads-content p { margin-bottom: 0; } .em-wrapper-ads-09 .em-wrapper-ads-item:nth-child(1) .fa:hover { -webkit-animation-name: tada; -webkit-animation-duration: 5.0s; -webkit-animation-timing-function: linear; -webkit-animation-iteration-count: infinite; -webkit-animation-direction: normal; -webkit-animation-play-state: running; -webkit-animation-fill-mode: forwards; -moz-animation-name: anim_titles; -moz-animation-duration: 5.0s; -moz-animation-timing-function: linear; -moz-animation-iteration-count: infinite; -moz-animation-direction: normal; -moz-animation-play-state: running; -moz-animation-fill-mode: forwards; -webkit-animation-delay: 1s; -moz-animation-delay: 1s; -webkit-animation-duration: 4.0s; -moz-animation-duration: 4.0s; -webkit-animation-delay: 0s; -moz-animation-delay: 0s; -webkit-animation-timing-function: ease-out; -moz-animation-timing-function: ease-out; } .em-wrapper-ads-09 .em-wrapper-ads-item:nth-child(2) .fa:hover { -webkit-animation-name: flash; -webkit-animation-duration: 5.0s; -webkit-animation-timing-function: linear; -webkit-animation-iteration-count: infinite; -webkit-animation-direction: normal; -webkit-animation-play-state: running; -webkit-animation-fill-mode: forwards; -moz-animation-name: anim_titles; -moz-animation-duration: 5.0s; -moz-animation-timing-function: linear; -moz-animation-iteration-count: infinite; -moz-animation-direction: normal; -moz-animation-play-state: running; -moz-animation-fill-mode: forwards; -webkit-animation-delay: 1s; -moz-animation-delay: 1s; -webkit-animation-duration: 4.0s; -moz-animation-duration: 4.0s; -webkit-animation-delay: 0s; -moz-animation-delay: 0s; -webkit-animation-timing-function: ease-out; -moz-animation-timing-function: ease-out; } .em-wrapper-ads-09 .em-wrapper-ads-item:nth-child(3) .fa:hover { -webkit-animation-name: wobble; -webkit-animation-duration: 5.0s; -webkit-animation-timing-function: linear; -webkit-animation-iteration-count: infinite; -webkit-animation-direction: normal; -webkit-animation-play-state: running; -webkit-animation-fill-mode: forwards; -moz-animation-name: anim_titles; -moz-animation-duration: 5.0s; -moz-animation-timing-function: linear; -moz-animation-iteration-count: infinite; -moz-animation-direction: normal; -moz-animation-play-state: running; -moz-animation-fill-mode: forwards; -webkit-animation-delay: 1s; -moz-animation-delay: 1s; -webkit-animation-duration: 4.0s; -moz-animation-duration: 4.0s; -webkit-animation-delay: 0s; -moz-animation-delay: 0s; -webkit-animation-timing-function: ease-out; -moz-animation-timing-function: ease-out; } .em-wrapper-ads-09 .em-wrapper-ads-item:nth-child(4) .fa:hover { -webkit-animation-name: rotateIn; -webkit-animation-duration: 5.0s; -webkit-animation-timing-function: linear; -webkit-animation-iteration-count: infinite; -webkit-animation-direction: normal; -webkit-animation-play-state: running; -webkit-animation-fill-mode: forwards; -moz-animation-name: anim_titles; -moz-animation-duration: 5.0s; -moz-animation-timing-function: linear; -moz-animation-iteration-count: infinite; -moz-animation-direction: normal; -moz-animation-play-state: running; -moz-animation-fill-mode: forwards; -webkit-animation-delay: 1s; -moz-animation-delay: 1s; -webkit-animation-duration: 4.0s; -moz-animation-duration: 4.0s; -webkit-animation-delay: 0s; -moz-animation-delay: 0s; -webkit-animation-timing-function: ease-out; -moz-animation-timing-function: ease-out; } .em-wrapper-ads-11 { margin-bottom: 50px; } .em-wrapper-ads-11 .em-ads-item { padding: 3.2rem 2rem 4rem; position: relative; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } .em-wrapper-ads-11 .em-ads-item .em-ads-img { width: 100px; height: 100px; -moz-border-radius: 100%; -webkit-border-radius: 100%; border-radius: 100%; } .em-wrapper-ads-11 .em-ads-item .em-ads-img img { -moz-border-radius: 100%; -webkit-border-radius: 100%; border-radius: 100%; } .em-wrapper-ads-11 .em-ads-item .em-ads-content { overflow: hidden; padding: 0 20px; } .em-wrapper-ads-11 .em-ads-item .em-ads-des .fa { font-size: 300%; } .em-wrapper-ads-11 .em-ads-item .em-ads-author span { font-weight: italic; } .em-wrapper-ads-11 .em-ads-item .em-ads-author span:first-child { font-weight: bold; } .em-wrapper-ads-11 .owl-theme .owl-controls .owl-pagination { position: absolute; left: 10%; bottom: 20px; margin: 0; } .em-wrapper-ads-11 .owl-theme .owl-controls .owl-pagination span { border-width: 2px; width: 10px !important; height: 10px !important; margin: 0 0 0 5px !important; } /*===============RTL=================*/ .em-rtl .em-wrapper-ads-11 .owl-theme .owl-controls .owl-pagination { left: auto; right: 10%; } .em-wrapper-ads-12 { overflow: hidden; border-width: 1px; border-style: solid; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; margin-bottom: 50px; } .em-wrapper-ads-12.em-line-01 { margin-bottom: 0; } .em-wrapper-ads-12 img { -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; } .em-wrapper-ads-12 .em-blog-content { padding-left: 0; } .em-wrapper-ads-12 .em-blog-time { position: absolute; left: 20px; top: 20px; display: inline-block; -moz-border-radius: 100%; -webkit-border-radius: 100%; border-radius: 100%; padding: 13px 20px; z-index: 0; font-weight: 700; color: #fff; text-transform: uppercase; } .em-wrapper-ads-12 .em-blog-time:before { content: ""; background-color: #000; opacity: 0.6; filter: alpha(opacity=60); -moz-border-radius: 100%; -webkit-border-radius: 100%; border-radius: 100%; display: inline-block; position: absolute; top: 0; left: 0; bottom: 0; right: 0; z-index: -1; } .em-wrapper-ads-12 .em-blog-time p { margin: 0; line-height: 1.2; } .em-wrapper-ads-12 .em-blog-time p:first-child { font-size: 170%; } .em-wrapper-ads-12 .em-blog-title { margin-top: 2rem; } .em-wrapper-ads-12 .em-blog-des { clear: both; } .em-wrapper-ads-12 .link-more { font-weight: bold; } .em-wrapper-ads-12 .link-more:before { display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\f101"; font-size: 100%; padding-right: 5px; } /*===============RTL=================*/ .em-rtl .em-wrapper-ads-12 .link-more:before { padding-right: 0; padding-left: 5px; content: "\f100"; } .em-rtl .em-wrapper-ads-12 .em-blog-content { padding-right: 0; padding-left: 10px; } .em-wrapper-ads-16 { margin-bottom: 30px; } .em-wrapper-ads-16 .em-box { overflow: hidden; position: relative; border-width: 1px; border-style: solid; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; margin-bottom: 20px; padding: 2.5rem 3rem; } .em-wrapper-ads-16 .em-box h4 { font-weight: 700; text-transform: uppercase; } .em-wrapper-ads-16 .em-box .em-box-right { position: absolute; right: 0; bottom: 0; } .em-wrapper-ads-16 .em-box .em-box-left { position: relative; z-index: 1; } .em-wrapper-ads-16 .em-box .em-box-left .block-info li.em-links-item { padding-top: 1rem; } .em-wrapper-ads-16 .em-box .em-box-left .block-info li.em-links-item a { -moz-transition: all 500ms ease; -webkit-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease; -moz-backface-visibility: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .em-wrapper-ads-16 .em-box .em-box-left .block-info li.em-links-item a span { margin: 0 10px; } .em-wrapper-ads-16 .em-box .em-box-left .block-info li.em-links-item a:before { display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\f101"; font-size: 100%; } .em-wrapper-ads-16 .em-box .em-box-left .block-info li.em-links-item a:hover { margin-left: 10px; } /*===============RTL=================*/ .em-rtl .em-box .em-box-right { left: 0; right: auto; } .em-rtl .em-box .em-box-left .block-info li.em-links-item a:before { content: "\f100"; } .em-wrapper-ads-17 { background-image: url(../images/bkg-parallax.jpg); background-position: center center; background-repeat: no-repeat; background-attachment: fixed; overflow: hidden; background-size: cover !important; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; filter: inherit; padding: 15.5rem 0; text-align: center; margin-bottom: 55px; } .em-wrapper-ads-17 .button-link { float: none; display: inline-block; padding: 13px 20px; } @media only screen and (min-device-width: 0px) and (max-device-width: 1024px) { .em-wrapper-ads-17 { background-attachment: scroll !important; } } /*===============RTL=================*/ .em-rtl .em-box .em-box-right { left: 0; right: auto; } .em-rtl .em-box .em-box-left .block-info li.em-links-item a:before { content: "\f100"; } .em-wrapper-ads-18 { margin-bottom: 50px; } .em-wrapper-ads-18 .em-ads-item { padding: 0 2rem 5.3rem; position: relative; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } .em-wrapper-ads-18 .em-ads-item .em-ads-img { -moz-border-radius: 100%; -webkit-border-radius: 100%; border-radius: 100%; margin-bottom: 1rem; } .em-wrapper-ads-18 .em-ads-item .em-ads-img img { -moz-border-radius: 100%; -webkit-border-radius: 100%; border-radius: 100%; display: inline-block; } .em-wrapper-ads-18 .em-ads-item .fa { font-size: 300%; margin-bottom: 1rem; } .em-wrapper-ads-18 .em-ads-item .em-ads-author span { font-weight: italic; } .em-wrapper-ads-18 .em-ads-item .em-ads-author span:first-child { font-weight: bold; } .em-wrapper-ads-18 .owl-theme .owl-controls .owl-pagination { position: absolute; left: 10px; bottom: 45px; right: 10px; margin: 0; } .em-wrapper-ads-18 .owl-theme .owl-controls .owl-pagination span { border-width: 2px; width: 10px !important; height: 10px !important; margin: 0 0 0 5px !important; } /*===============RTL=================*/ .em-rtl .em-wrapper-ads-11 .owl-theme .owl-controls .owl-pagination { left: auto; right: 10%; } /*import module block product home*/ .em-wrapper-product-04 .owl-theme .owl-controls { text-align: left; padding: 1rem; } .em-wrapper-product-04 .owl-theme .owl-controls .owl-buttons div { position: static; margin-right: 0.5rem !important; } /*===============RTL=================*/ .em-wrapper-product-12 { margin-bottom: 20px; } .em-wrapper-product-12 .em-filterproducts-grid .r-tabs { margin-bottom: 10px; } .em-wrapper-product-12 .em-filterproducts-grid .r-tabs .r-tabs-nav { padding-left: 0; padding-right: 0; } .em-wrapper-product-12 .em-filterproducts-grid .r-tabs .r-tabs-nav .r-tabs-anchor { padding: 0 !important; margin-right: 0; margin-bottom: 0; display: block; -moz-transition: all 500ms ease; -webkit-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease; -moz-backface-visibility: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; text-transform: none; } .em-wrapper-product-12 .em-filterproducts-grid .r-tabs .r-tabs-nav .r-tabs-anchor img { width: 100%; height: auto; -moz-border-radius: 5px 5px 0 0; -webkit-border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0; } .em-wrapper-product-12 .em-filterproducts-grid .r-tabs .r-tabs-nav .r-tabs-tab { -moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px; /* Firefox */ width: -moz-calc(100% / 3); /* WebKit */ width: -webkit-calc(100% / 3); /* Opera */ width: -o-calc(100% / 3); /* Standard */ width: calc(100% / 3); float: left; vertical-align: top; padding: 0 10px; margin-bottom: 20px; } .em-wrapper-product-12 .em-filterproducts-grid .r-tabs .r-tabs-nav .product-thumb-tab { border: 1px solid #e1e1e1; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; text-align: center; padding-bottom: 18px; } .em-wrapper-product-12 .em-filterproducts-grid .r-tabs .r-tabs-nav .product-thumb-tab .product-thumb a span { padding: 0px 20px; text-align: center; display: inline-block; max-height: 35px; margin: 20px 0 10px; overflow: hidden; } .em-wrapper-product-12 .em-filterproducts-grid .r-tabs .r-tabs-nav .product-thumb-tab .price-box { text-align: center; } .em-wrapper-product-12 .em-filterproducts-grid .r-tabs .r-tabs-nav .product-thumb-tab .ratings a { display: inline-block; } .em-wrapper-product-12 .em-filterproducts-grid .r-tabs .r-tabs-panel { -moz-transition: all 500ms ease; -webkit-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease; -moz-backface-visibility: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; opacity: 0; filter: alpha(opacity=0); } .em-wrapper-product-12 .em-filterproducts-grid .r-tabs .r-tabs-panel a.product-image .em-alt-hover { position: absolute; left: 0%; top: 0%; opacity: 0 !important; filter: alpha(opacity=0) !important; -moz-transition: all 500ms ease; -webkit-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease; -moz-backface-visibility: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .em-wrapper-product-12 .em-filterproducts-grid .r-tabs .r-tabs-panel:hover a.product-image .em-alt-org { opacity: 0 !important; filter: alpha(opacity=0) !important; -moz-transition: all 500ms ease; -webkit-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease; -moz-backface-visibility: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .em-wrapper-product-12 .em-filterproducts-grid .r-tabs .r-tabs-panel:hover a.product-image .em-alt-hover { opacity: 1 !important; filter: alpha(opacity=100) !important; -moz-transition: all 500ms ease; -webkit-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease; -moz-backface-visibility: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; position: absolute; left: 0; top: 0; } .em-wrapper-product-12 .em-filterproducts-grid .r-tabs .r-tabs-panel.r-tabs-state-active { opacity: 1; filter: alpha(opacity=100); padding: 0px !important; margin-bottom: 20px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; border: 1px solid #e1e1e1; } .em-wrapper-product-12 .em-filterproducts-grid .r-tabs .r-tabs-panel .product-image { display: block; margin-bottom: 20px; position: relative; -moz-transition: all 500ms ease; -webkit-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease; -moz-backface-visibility: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .em-wrapper-product-12 .em-filterproducts-grid .r-tabs .r-tabs-panel .product-image img { max-width: 100%; display: block; } .em-wrapper-product-12 .em-filterproducts-grid .r-tabs .r-tabs-accordion-title .r-tabs-anchor img { display: none; } .em-wrapper-product-12 .em-filterproducts-grid .r-tabs .r-tabs-accordion-title .r-tabs-anchor span { display: block; } .em-wrapper-product-12 .em-filterproducts-grid .productlabels_icons { display: none; } .em-wrapper-product-12 .em-filterproducts-grid .em-item-tabs .em-more-views { clear: both; border-top: 1px solid #e1e1e1; padding-top: 20px; margin-top: 15px; margin: 20px 0 0; padding: 20px 10px; width: 100%; display: inline-block; position: relative; } .em-wrapper-product-12 .em-filterproducts-grid .em-item-tabs .em-more-views:before, .em-wrapper-product-12 .em-filterproducts-grid .em-item-tabs .em-more-views:after { position: absolute; left: 49%; top: -19px; content: ""; width: 15px; height: 12px; z-index: 1; border: 9px solid transparent; border-bottom-color: #eeeeee; } .em-wrapper-product-12 .em-filterproducts-grid .em-item-tabs .em-more-views:after { border-bottom-color: #ffffff; top: -17px; } .em-wrapper-product-12 .em-filterproducts-grid .em-item-tabs .em-more-views img { -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; } .em-wrapper-product-12 .em-filterproducts-grid .em-item-tabs .product-shop { display: block; overflow: hidden; padding: 0 20px; text-align: center; } /*===============RTL=================*/ .em-wrapper-product-15 { border-style: solid; border-width: 1px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; overflow: hidden; margin-bottom: 50px; } .em-wrapper-product-15 .em-widget-title { padding: 13px 20px; text-transform: uppercase; -moz-border-radius: 5px 5px 0 0; -webkit-border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0; } .em-wrapper-product-15 .em-widget-title h3, .em-wrapper-product-15 .em-widget-title h2 { margin: 0; } .em-wrapper-product-15 .products-list { display: flex; width: 100%; padding: 0px 20px; clear: both; } .em-wrapper-product-15 .products-list:first-child div.item { border-top-width: 0px; padding-top: 0; padding-bottom: 20px; margin-top: 20px; margin-bottom: 0; } .em-wrapper-product-15 .products-list div.item { -moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px; /* Firefox */ width: -moz-calc(100% / 3); /* WebKit */ width: -webkit-calc(100% / 3); /* Opera */ width: -o-calc(100% / 3); /* Standard */ width: calc(100% / 3); padding: 20px 10px 0; float: left; border: none; border-top-style: dotted; border-top-width: 1px; border-right-style: dotted; border-right-width: 1px; margin: 0 0 20px; } .em-wrapper-product-15 .products-list div.item.last { border-right-width: 0px; padding-right: 0; } .em-wrapper-product-15 .products-list div.item.first { padding-left: 0; } /*===============RTL=================*/ .em-rtl .em-wrapper-product-15 .products-list div.item { border-right-width: 0; border-left-style: dotted; border-left-width: 1px; padding-left: 10px; padding-right: 10px; } .em-rtl .em-wrapper-product-15 .products-list div.item.first { padding-right: 0; } .em-rtl .em-wrapper-product-15 .products-list div.item.last { padding-left: 0; padding-right: 10px; border-left-width: 0; } .em-wrapper-product-16 { border-style: solid; border-width: 1px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; overflow: hidden; margin-bottom: 50px; } .em-wrapper-product-16 .em-widget-title { padding: 13px 20px; text-transform: uppercase; -moz-border-radius: 5px 5px 0 0; -webkit-border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0; } .em-wrapper-product-16 .em-widget-title h3, .em-wrapper-product-16 .em-widget-title h2 { margin: 0; } .em-wrapper-product-16 .line-right { border-right-style: dotted; } .em-wrapper-product-16 .line-left { border-left-style: dotted; } .em-wrapper-product-16 .em-inner-product { clear: both; width: 100%; padding: 3rem 2rem; float: left; } .em-wrapper-product-16 .em-item-big { margin-right: -1px; text-align: center; } .em-wrapper-product-16 .em-item-big .item { margin-bottom: 0; } .em-wrapper-product-16 .em-item-big .product-item { border-width: 0px; } .em-wrapper-product-16 .em-item-big .product-item a.product-image { position: relative; } .em-wrapper-product-16 .em-item-big .product-item a.product-image:after { content: ""; position: absolute; left: 50%; right: 50%; top: 50%; bottom: 50%; z-index: 0; display: inline-block; opacity: 0; filter: alpha(opacity=0); transition: all 300ms ease-in-out 0s; -moz-transition: all 300ms ease-in-out 0s; -webkit-transition: all 300ms ease-in-out 0s; background-color: #000000; } .em-wrapper-product-16 .em-item-big .product-item:hover a.product-image:after { opacity: 0.6; filter: alpha(opacity=60); left: -10px; right: -10px; top: -10px; bottom: 0; } .em-wrapper-product-16 .products-list { padding-left: 0; } .em-wrapper-product-16 .products-list .item { padding: 2.8rem 1rem 1.8rem 3rem; margin: 0; border-width: 0px; border-top-width: 1px; border-top-style: dotted; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; } .em-wrapper-product-16 .products-list .item:first-child, .em-wrapper-product-16 .products-list .item.first { border-top-color: transparent; padding-top: 0; } .em-wrapper-product-16 .products-list .item a.product-image { margin-bottom: 1rem; } .em-wrapper-product-16 .products-list .item a.product-image.loading-process { width: 120px; } .em-wrapper-product-16.em-wrapper-product-list-16 .products-list { padding: 0 2rem 8.7rem; } .em-wrapper-product-16.em-wrapper-product-list-16 .products-list .item { padding: 2.9rem 0 1.9rem; } .em-wrapper-product-16.em-wrapper-product-list-16 .owl-theme .owl-controls .owl-buttons div.owl-prev { top: auto; bottom: 3rem; right: auto; left: 3rem; } .em-wrapper-product-16.em-wrapper-product-list-16 .owl-theme .owl-controls .owl-buttons div.owl-next { top: auto; bottom: 3rem; right: auto; left: 7rem; } /*===============RTL=================*/ .em-rtl .em-wrapper-product-16 .em-item-big { margin-right: 0; margin-left: -1px; } .em-rtl .em-wrapper-product-16 .products-grid .item { margin-right: 0; margin-left: 2rem; } .em-rtl .em-wrapper-product-16 .line-right { border-right-width: 0px; border-left-width: 1px; border-left-style: dotted; } .em-rtl .em-wrapper-product-16 .line-left { border-left-width: 0px; border-right-width: 1px; border-right-style: dotted; } .em-rtl .em-wrapper-product-16 .products-list .item { padding-left: 1rem; padding-right: 3rem; } .em-wrapper-product-18 { border-style: solid; border-width: 1px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; overflow: hidden; margin-bottom: 50px; display: flex; } .em-wrapper-product-18 .em-widget-title { padding: 13px 30px; text-transform: uppercase; } .em-wrapper-product-18 .em-widget-title h3, .em-wrapper-product-18 .em-widget-title h2 { margin: 0; } .em-wrapper-product-18 > div { align-items: stretch; } .em-wrapper-product-18 .em-line { border-left: 1px solid #e1e1e1; border-right: 1px solid #e1e1e1; } .em-wrapper-product-18 .em-wrapper-area06 { display: flex; } .em-wrapper-product-18 .em-featured-products { width: 100%; } .em-wrapper-product-18 .em-featured-products .em-featured-top { margin-bottom: 10px; } .em-wrapper-product-18 .em-featured-products .em-widget-products { padding-top: 10px; } .em-wrapper-product-18 .em-featured-products .products-list { display: flex; width: 100%; padding: 00px 40px; clear: both; } .em-wrapper-product-18 .em-featured-products .products-list:first-child div.item { border-top-width: 0px; padding-top: 0; padding-bottom: 23px; margin-top: 20px; margin-bottom: 0; } .em-wrapper-product-18 .em-featured-products .products-list div.item { -moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px; /* Firefox */ width: -moz-calc(100% / 2); /* WebKit */ width: -webkit-calc(100% / 2); /* Opera */ width: -o-calc(100% / 2); /* Standard */ width: calc(100% / 2); padding: 20px 10px 0; float: left; border: none; border-top-style: dotted; border-top-width: 1px; border-right-style: dotted; border-right-width: 1px; margin: 0 0 20px; } .em-wrapper-product-18 .em-featured-products .products-list div.item.last { border-right-width: 0px; padding-right: 0; } .em-wrapper-product-18 .em-featured-products .products-list div.item.first { padding-left: 0; } .em-wrapper-product-18 .em-sale-off .products-list { padding: 30px 30px 15px; } .em-wrapper-product-18 .em-sale-off .products-list div.item { padding: 20px 0 0; border-top: 1px dashed #eeeeee; } .em-wrapper-product-18 .em-sale-off .products-list div.item:first-child { border-color: transparent; padding-top: 0; } .em-wrapper-product-18 .em-sale-off .products-list div.item.last { padding-bottom: 0; margin-bottom: 0; } .em-wrapper-product-18 .em-sale-off .products-list div.item .product-shop { margin-bottom: 0; } .em-wrapper-product-18 .em-sale-off .products-list div.item .product-shop .price-box { margin-bottom: 0; } .em-wrapper-product-18 .em-best-products .products-grid .item { margin-right: 0; border: 0; width: 100%; } .em-wrapper-product-18 .em-best-products .products-grid .item .product-item { border: 0; padding: 30px 30px 10px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .em-wrapper-product-18 .em-best-products .products-grid .item .product-item img { -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; } .em-wrapper-product-18 .em-best-products .products-grid .item .product-item .em-more-views { margin: 0 -30px; padding: 20px 30px 0; border-top: 1px solid #e1e1e1; position: relative; } .em-wrapper-product-18 .em-best-products .products-grid .item .product-item .em-more-views:before, .em-wrapper-product-18 .em-best-products .products-grid .item .product-item .em-more-views:after { position: absolute; left: 46%; top: -19px; content: ""; width: 15px; height: 12px; z-index: 1; border: 9px solid transparent; border-bottom-color: #eeeeee; } .em-wrapper-product-18 .em-best-products .products-grid .item .product-item .em-more-views:after { border-bottom-color: #ffffff; top: -17px; } /*===============RTL=================*/ .em-rtl .em-wrapper-product-15 .products-list div.item { border-right-width: 0; border-left-style: dotted; border-left-width: 1px; padding-left: 10px; padding-right: 10px; } .em-rtl .em-wrapper-product-15 .products-list div.item.first { padding-right: 0; } .em-rtl .em-wrapper-product-15 .products-list div.item.last { padding-left: 0; padding-right: 10px; border-left-width: 0; } .em-wrapper-product-19 { margin-bottom: 50px; } .em-wrapper-product-19 .product-item { display: inline-block; width: 100%; border-style: solid; border-width: 1px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } .em-wrapper-product-19 .product-item .big-img { /*display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: stretch; align-content: flex-start; */ border-bottom-style: solid; border-bottom-width: 1px; overflow: hidden; } .em-wrapper-product-19 .product-item .big-img .product-image { float: left; width: 73%; margin: 0; position: relative; } .em-wrapper-product-19 .product-item .big-img .product-image:before { border-right-style: solid; border-right-width: 1px; content: ''; position: absolute; top: 0; right: -1px; height: 100%; width: 1px; } .em-wrapper-product-19 .product-item .big-img .em-more-views { overflow: hidden; width: 27%; position: relative; } .em-wrapper-product-19 .product-item .big-img .em-more-views:before { border-right-style: solid; border-right-width: 1px; content: ''; position: absolute; top: 0; left: 0; height: 100%; width: 1px; } .em-wrapper-product-19 .product-item .big-img .em-more-views .more-view-img { border-top-style: solid; border-top-width: 1px; text-align: center; } .em-wrapper-product-19 .product-item .big-img .em-more-views .more-view-img:first-child { border-top-width: 0px; } .em-wrapper-product-19 .product-item .big-img img { -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; width: 100%; } .em-wrapper-product-19 .product-item .big-img img.em-alt-hover.em-img-lazy, .em-wrapper-product-19 .product-item .big-img img.em-img-lazy { /* width:auto !important; display:inline-block !important; height:auto !important;*/ } .em-wrapper-product-19 .product-item .product-shop { overflow: hidden; clear: both; padding: 20px 30px 30px; } .em-wrapper-product-19 .product-item .product-shop .price-box { float: left; margin-bottom: 1.55rem; margin-right: 10px; } .em-wrapper-product-19 .product-item .product-shop .em-btn-addto { float: right; } .em-wrapper-product-20 { margin-bottom: 50px; } .em-wrapper-product-20 .em-item-right { padding: 0; } .em-wrapper-product-20 .em-item-right .item { padding: 0 1rem; width: 50%; float: left; } .em-wrapper-product-20 .em-item-right .item img { width: 100%; height: auto; } .em-wrapper-product-20 .product-item { position: relative; } .em-wrapper-product-20 .product-item .product-shop-top .price-box { position: absolute; left: 0; bottom: 0; margin: 0; padding: 1rem; display: inline-block; } .em-wrapper-product-20 .product-item .product-shop-top img { -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; width: 100%; height: auto; } .em-wrapper-product-20 .product-item .product-shop { position: absolute; left: 0; bottom: 0; right: 0; height: 0; top: 100%; padding: 1rem; -moz-transition: all 500ms ease; -webkit-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease; -moz-backface-visibility: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; opacity: 0; filter: alpha(opacity=0); visibility: hidden; background-color: rgba(0, 0, 0, 0.25); text-align: center; } .em-wrapper-product-20 .product-item .product-shop .product-name a, .em-wrapper-product-20 .product-item .product-shop .ratings .amount a { color: #fff; } .em-wrapper-product-20 .product-item:hover .product-shop { height: 100%; top: 0; opacity: 1; filter: alpha(opacity=100); visibility: initial; display: flex; align-items: center; align-content: center; justify-content: center; } .em-wrapper-product-23.em-line-01 { margin-bottom: 0; } .em-wrapper-product-23 .em-item-big { text-align: center; } .em-wrapper-product-23 .em-item-big .item .product-shop { padding-bottom: 20px; } .em-wrapper-product-23 .em-item-big .item .product-item { padding-bottom: 20px; } .em-wrapper-product-23 .em-item-big .item .em-more-views { margin: 0; padding: 20px 30px 0; border-top: 1px solid #e1e1e1; position: relative; display: inline-block; vertical-align: top; width: 100%; margin-top: 20px; } .em-wrapper-product-23 .em-item-big .item .em-more-views:before, .em-wrapper-product-23 .em-item-big .item .em-more-views:after { position: absolute; left: 46%; top: -19px; content: ""; width: 15px; height: 12px; z-index: 99999; border: 9px solid transparent; border-bottom-color: #eeeeee; } .em-wrapper-product-23 .em-item-big .item .em-more-views:after { border-bottom-color: #ffffff; top: -17px; } .em-wrapper-product-23 .em-item-right .item { margin-bottom: 20px; } .em-wrapper-product-23 .em-item-right .item .product-shop { padding-bottom: 8px; } .em-wrapper-product-23 .em-item-right .item .product-shop .price-box { margin-bottom: 0; } .em-wrapper-product-23 .products-grid .item { margin-right: 0; } /*===============RTL=================*/ .em-wrapper-product-24 .em-hot-deals { border: 1px solid #e1e1e1; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; min-height: 383px; } .em-wrapper-product-24 .em-hot-deals .widget-title h2 { background: #f7f7f7; color: #434343; padding: 1.4rem 2rem; text-transform: uppercase; font-size: 16px; -moz-border-radius: 3px 3px 0 0; -webkit-border-radius: 3px 3px 0 0; border-radius: 3px 3px 0 0; } .em-wrapper-product-24 .em-hot-deals .ratings { display: none; } .em-wrapper-product-24 .em-hot-deals .owl-carousel { margin: 0 10px; padding: 10px 0 5px; } .em-wrapper-product-24 .em-hot-deals .owl-theme .owl-controls .owl-buttons div { top: -50px !important; } .em-wrapper-product-24 .em-hot-deals .products-list .product-shop .price-box { margin-bottom: 10px; display: none; } .em-wrapper-product-24 .em-hot-deals .em-multideal-price-box span.price, .em-wrapper-product-24 .em-hot-deals .price-box span.price { display: inline; } .em-wrapper-product-24 .em-hot-deals .em-multideal-price-box { margin-bottom: 15px; } /*===============RTL=================*/ .em-wrapper-product-25 .em-tabs { vertical-align: top; display: flex; } .em-wrapper-product-25 .em-box-cate { border: 1px solid #e1e1e1; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; } .em-wrapper-product-25 .em-box-cate img { -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; } .em-wrapper-product-25 .em-box-cate .widget-title h3 { background: #ee576c; color: #ffffff; padding: 1.4rem 2rem; text-transform: uppercase; font-size: 16px; -moz-border-radius: 3px 3px 0 0; -webkit-border-radius: 3px 3px 0 0; border-radius: 3px 3px 0 0; margin-bottom: 0; } .em-wrapper-product-25 .em-box-cate.em-box-cate02 .widget-title h3 { background: #3face4; } .em-wrapper-product-25 .em-box-cate.em-box-cate03 .widget-title h3 { background: #35c6b7; } .em-wrapper-product-25 .em-box-cate.em-box-cate04 .widget-title h3 { background: #eab042; } .em-wrapper-product-25 .em-box-cate .box-cate-left { position: relative; text-align: left; } .em-wrapper-product-25 .em-box-cate .box-cate-left img { -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; } .em-wrapper-product-25 .em-box-cate .box-cate-left .em-box-list { position: absolute; top: 20px; right: 10px; width: 80%; width: calc(100% - 40px); } .em-wrapper-product-25 .em-box-cate .box-cate-left .em-box-list .tab-link a { color: #fff; text-transform: uppercase; padding: 10px 20px; display: block; -moz-border-radius: 3px 0 0 3px; -webkit-border-radius: 3px 0 0 3px; border-radius: 3px 0 0 3px; -moz-transition: all 500ms ease; -webkit-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease; -moz-backface-visibility: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .em-wrapper-product-25 .em-box-cate .box-cate-left .em-box-list .tab-link a:hover { font-weight: bold; background: #fff; color: #434343; } .em-wrapper-product-25 .em-box-cate .box-cate-left .em-box-list .tab-link.active a { font-weight: bold; background: #fff; color: #434343; } .em-wrapper-product-25 .em-box-cate .widget-products .owl-item { border-left: 1px solid #e1e1e1; } .em-wrapper-product-25 .em-box-cate .widget-products .owl-item:first-child { border-left-color: transparent; } .em-wrapper-product-25 .em-box-cate .widget-products .products-grid .item:hover a.product-image:after { left: 0; top: 0; right: 0; } .em-wrapper-product-25 .em-box-cate .widget-products .products-grid .item .product-shop { padding: 0; } .em-wrapper-product-25 .em-box-cate .widget-products .products-grid .owl-item { padding: 0; } .em-wrapper-product-25 .em-box-cate .widget-products .products-grid .product-item { border-width: 0; margin-bottom: 0; padding: 20px; text-align: left; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; min-height: 323px; } .em-wrapper-product-25 .em-box-cate .widget-products .products-grid .item.first .product-item { border-bottom-width: 1px; } .em-wrapper-product-25 .em-box-cate .widget-products .products-grid.owl-carousel .owl-item .em-item-slider .products-grid .item { margin-bottom: 0; } .em-wrapper-product-25 .em-box-cate .owl-theme .owl-controls .owl-buttons div { top: -40px !important; } /*===============RTL=================*/ .em-rtl .em-wrapper-product-25 .em-box-cate .box-cate-left { text-align: right; } .em-rtl .em-wrapper-product-25 .em-box-cate .box-cate-left .em-box-list { right: auto; left: 10px; } .em-rtl .em-wrapper-product-25 .em-box-cate .box-cate-left .em-box-list .tab-link a { -moz-border-radius: 0 3px 3px 0; -webkit-border-radius: 0 3px 3px 0; border-radius: 0 3px 3px 0; } .em-rtl .em-wrapper-product-25 .em-box-cate .widget-products .owl-item:first-child { border-left-width: 1px; } /*content*/ .em-wrapper-main .container-main { padding-top: 20px; } .em-wrapper-main .container-main.container-fluild { padding-top: 0; } /*Box Category - Home page*/ .em-box { border-style: solid; border-width: 1px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } .em-line-top-bottom { border-top: 1px solid #e8e8e8; border-bottom: 1px solid #e8e8e8; } /*=========Breadcrumbs==========*/ .breadcrumbs { padding: 2rem 0; overflow: hidden; } .breadcrumbs ul { margin-bottom: 0; } .breadcrumbs ul li { display: inline; text-transform: uppercase; } .breadcrumbs ul li strong { font-weight: 600; } .breadcrumbs ul li .separator { position: relative; font-size: 0; margin: 0 12px; } .breadcrumbs ul li .separator:before { display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\f178"; font-size: 11px; } .wrapper-breadcrums { background-image: url("../images/bkg-breadcrums.png"); background-position: 0 0; background-repeat: repeat; } /*=========Category==========*/ .category-title, .category-image, .category-description { margin-bottom: 20px; } .category-products .products-list { margin: 0; } .category-products .products-list li.item { padding: 10px; border-style: solid; border-width: 1px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; margin-bottom: 20px; } .category-products .products-list li.item a.product-image { margin-bottom: 0; } .category-products .products-list li.item .product-shop { margin-bottom: 0; } .category-products .products-grid .item .product-name { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .category-products .products-grid .item:hover .product-name { white-space: normal; } /* Toolbar */ .category-products .pager, .category-products .to-top { display: none; } .category-products .pager .amount { display: none; } .category-products .pager .pages { display: none; } .toolbar { position: relative; margin-bottom: 0px; width: 100%; /*z-index:1;*/ } .toolbar .toolbar-switch { display: inline-block; float: right; } .toolbar .toolbar-dropdown { width: 150px; } .toolbar .toolbar-dropdown span.current { padding: 6px 10px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; font-size: 90%; } .toolbar .toolbar-dropdown span.current:after { margin-top: 5px; display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\f078"; font-size: 10px; } .toolbar .toolbar-dropdown ul { width: 150px; top: 28px; } .toolbar .limiter { margin-bottom: 2rem; } .toolbar .sort-by { margin-left: 2rem; margin-bottom: 2rem; } .toolbar .sort-by > a { position: relative; float: right; margin-left: 2rem; padding: 1rem 1.4rem; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; -moz-transition: all 500ms ease; -webkit-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease; -moz-backface-visibility: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; border-style: solid; border-width: 1px; } .toolbar .sort-by > a .v-middle { float: right; } .toolbar-bottom { margin-bottom: 0 !important; } .toolbar-bottom .pager { display: block; margin: 0; } .toolbar-bottom .pager .amount { display: inline; margin: 0; padding: 13px 0; } .toolbar-bottom .pager .pages { display: inline; margin: 0; } .toolbar-bottom .toolbar .sorter, .toolbar-bottom .toolbar .pager .limiter { display: none; } /*View mode*/ .view-mode { border-style: solid; border-width: 1px; padding: 0.9rem 1rem; margin-bottom: 2rem; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; } .view-mode label { display: none; } .view-mode .list { font-size: 0; display: block; text-indent: -99999px; overflow: hidden; vertical-align: middle; text-align: left; -moz-transition: all 500ms ease; -webkit-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease; -moz-backface-visibility: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; text-indent: 0; float: left; } .view-mode .list:before { display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\f00b"; font-size: 14px; } .view-mode .grid { font-size: 0; display: block; text-indent: -99999px; overflow: hidden; vertical-align: middle; text-align: left; -moz-transition: all 500ms ease; -webkit-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease; -moz-backface-visibility: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; text-indent: 0; float: left; margin-right: 1rem; padding-right: 1rem; border-right-style: solid; border-right-width: 1px; } .view-mode .grid:before { display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\f00a"; font-size: 14px; } /*.products-grid li.item .add-to-links li a.link-wishlist{ position: relative; }*/ /*Test column mobile*/ .emcatalog-desktop-1, .emcatalog-desktop-small-1, .emcatalog-tablet-1, .emcatalog-mobile-1 { /*margin-right:-10px;*/ margin: 0 -10px; } .emcatalog-desktop-1 .item, .emcatalog-desktop-small-1 .item, .emcatalog-tablet-1 .item, .emcatalog-mobile-1 .item { width: 100%; padding: 0 10px; margin: 0 0 20px; border: none; } .emcatalog-desktop-1 .item .product-item, .emcatalog-desktop-small-1 .item .product-item, .emcatalog-tablet-1 .item .product-item, .emcatalog-mobile-1 .item .product-item { margin: 0; /*width:100%;*/ } .emcatalog-desktop-2, .emcatalog-desktop-small-2, .emcatalog-tablet-2, .emcatalog-mobile-2 { /*margin-right:-10px;*/ margin: 0 -10px; } .emcatalog-desktop-2 .item, .emcatalog-desktop-small-2 .item, .emcatalog-tablet-2 .item, .emcatalog-mobile-2 .item { width: 50%; padding: 0 10px; margin: 0 0 20px; border: none; } .emcatalog-desktop-2 .item .product-item, .emcatalog-desktop-small-2 .item .product-item, .emcatalog-tablet-2 .item .product-item, .emcatalog-mobile-2 .item .product-item { margin: 0; /*width:100%;*/ } .emcatalog-desktop-3, .emcatalog-desktop-small-3, .emcatalog-tablet-3, .emcatalog-mobile-3 { /*margin-right:-10px;*/ margin: 0 -10px; } .emcatalog-desktop-3 .item, .emcatalog-desktop-small-3 .item, .emcatalog-tablet-3 .item, .emcatalog-mobile-3 .item { width: 33.33333%; padding: 0 10px; margin: 0 0 20px; border: none; } .emcatalog-desktop-3 .item .product-item, .emcatalog-desktop-small-3 .item .product-item, .emcatalog-tablet-3 .item .product-item, .emcatalog-mobile-3 .item .product-item { margin: 0; /*width:100%;*/ } .emcatalog-desktop-4, .emcatalog-desktop-small-4, .emcatalog-tablet-4, .emcatalog-mobile-4 { /*margin-right:-10px;*/ margin: 0 -10px; } .emcatalog-desktop-4 .item, .emcatalog-desktop-small-4 .item, .emcatalog-tablet-4 .item, .emcatalog-mobile-4 .item { width: 25%; padding: 0 10px; margin: 0 0 20px; border: none; } .emcatalog-desktop-4 .item .product-item, .emcatalog-desktop-small-4 .item .product-item, .emcatalog-tablet-4 .item .product-item, .emcatalog-mobile-4 .item .product-item { margin: 0; /*width:100%;*/ } .emcatalog-desktop-5, .emcatalog-desktop-small-5, .emcatalog-tablet-5, .emcatalog-mobile-5 { /*margin-right:-10px;*/ margin: 0 -10px; } .emcatalog-desktop-5 .item, .emcatalog-desktop-small-5 .item, .emcatalog-tablet-5 .item, .emcatalog-mobile-5 .item { width: 20%; padding: 0 10px; margin: 0 0 20px; border: none; } .emcatalog-desktop-5 .item .product-item, .emcatalog-desktop-small-5 .item .product-item, .emcatalog-tablet-5 .item .product-item, .emcatalog-mobile-5 .item .product-item { margin: 0; /*width:100%;*/ } .emcatalog-desktop-6, .emcatalog-desktop-small-6, .emcatalog-tablet-6, .emcatalog-mobile-6 { /*margin-right:-10px;*/ margin: 0 -10px; } .emcatalog-desktop-6 .item, .emcatalog-desktop-small-6 .item, .emcatalog-tablet-6 .item, .emcatalog-mobile-6 .item { width: 16.66667%; padding: 0 10px; margin: 0 0 20px; border: none; } .emcatalog-desktop-6 .item .product-item, .emcatalog-desktop-small-6 .item .product-item, .emcatalog-tablet-6 .item .product-item, .emcatalog-mobile-6 .item .product-item { margin: 0; /*width:100%;*/ } /*# sourceMappingURL=styles.css.map */