/* Magistral C font */ @font-face { font-family: 'magistralcregularh1'; src: url('https://www.ekfluidworks.com/skin/frontend/ultimo/default/fonts/magistralc-bold-webfont.eot'); src: url('https://www.ekfluidworks.com/skin/frontend/ultimo/default/fonts/magistralc-bold-webfont.eot?#iefix') format('embedded-opentype'), url('https://www.ekfluidworks.com/skin/frontend/ultimo/default/fonts/magistralc-bold-webfont.woff2') format('woff2'), url('https://www.ekfluidworks.com/skin/frontend/ultimo/default/fonts/magistralc-bold-webfont.woff') format('woff'), url('https://www.ekfluidworks.com/skin/frontend/ultimo/default/fonts/magistralc-bold-webfont.ttf') format('truetype'), url('https://www.ekfluidworks.com/skin/frontend/ultimo/default/fonts/magistralc-bold-webfont.svg#magistralcregular') format('svg'); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: 'magistralcregular'; src: url('https://www.ekfluidworks.com/skin/frontend/ultimo/default/fonts/mgs/mgs45.eot'); src: url('https://www.ekfluidworks.com/skin/frontend/ultimo/default/fonts/mgs/mgs45.eot?#iefix') format('embedded-opentype'), url('https://www.ekfluidworks.com/skin/frontend/ultimo/default/fonts/mgs/mgs45.woff') format('woff'), url('https://www.ekfluidworks.com/skin/frontend/ultimo/default/fonts/mgs/mgs45.ttf') format('truetype'), url('https://www.ekfluidworks.com/skin/frontend/ultimo/default/fonts/mgs/mgs45.svg#mgs45') format('svg'); font-weight: normal; font-style: normal; font-display: swap; } /* Reset %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ * { margin:0; padding:0; } html { font-size:16px; /* Fix for Opera */ } body { font:75%/150% Arial, Helvetica, sans-serif; background-color:#fff; color:#333; text-align:center; } #root-wrapper {} img { border:0; vertical-align:top; max-width:100%; } a { color:#888; text-decoration:none; } a:hover { text-decoration:none; color:#333; } :focus { outline:0; } /* Headings */ h1,h2,h3, h4,h5,h6 { margin:0 0 10px; font-weight:normal; } h1 { font-size:2.6666em; line-height:1.25em; /*32px, 40px*/ margin-bottom:20px; } h2 { font-size:2em; line-height:1.25em; /*24px, 30px*/ } h3 { font-size:1.6666em; line-height:1.2em; /*20px, 24px*/ } h4 { font-size:1.3333em; line-height:1.25em; /*16px, 20px*/ } h5 { font-size:1.1666em; line-height:1.1428em; /*14px, 16px*/ } h6 { font-size:1em; line-height:1.1666em; /*12px, 14px*/ } /* Forms */ form { display:inline; } fieldset { border:0; } legend { display:none; } /* Table */ table { border:0; border-collapse:collapse; border-spacing:0; empty-cells:show; font-size:100%; } caption,th,td { vertical-align:top; text-align:left; font-weight:normal; } /* 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:1em; } sup { font-size:1em; vertical-align:top; } /* Lists */ ul,ol { list-style:none; } /* 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%; min-height:147px; position:relative; } .no-display { display:none !important; } .no-margin { margin:0 !important; } .no-padding { padding:0 !important; } .no-bg { background:none !important; } /* Layout %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .wrapper {} .page { text-align:left; background-repeat:repeat; background-position:center top; } .page-print { background:#fff; padding:20px; text-align:left; } .page-empty { background:#fff; padding:20px; text-align:left; } .page-popup { padding:20px; text-align:left; background:#fff; } .main-container { background-repeat:repeat; background-position:center top; } .main { padding:20px 0; min-height:370px; } /* Decrease padding on home page */ body.cms-index-index .main, body.cms-index-defaultindex .main { padding-top:20px; padding-bottom:20px; } /* new checkout 2019 %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ body.checkout-cart-index .wrapper {border: none;} body.checkout-cart-index .main.container {border: none;} body.checkout-cart-index .block_checkout_header_ekwb {float: left; width: 100%; border-bottom: 3px #f89836 solid; margin-bottom: 20px;} body.checkout-cart-index .block_checkout_header_ekwb .logo-wrapper {float: left;} body.checkout-cart-index .block_checkout_header_ekwb .logo {margin-bottom:30px;} body.checkout-cart-index .block_checkout_header_ekwb .logo strong {position: absolute; top: -999em; left: -999em; width: 0; height: 0; font-size: 0; line-height: 0; text-indent: -999em; overflow: hidden;} body.checkout-cart-index .block_checkout_header_ekwb .checkout-header-right {float: right; padding-top: 8px;} body.checkout-cart-index .block_checkout_header_ekwb .checkout-header-right div {float: left;} body.checkout-cart-index .block_checkout_header_ekwb .checkout-header-right div.checkout-header-titles {margin-right: 40px;} body.checkout-cart-index .block_checkout_header_ekwb .checkout-header-right h4 {margin-bottom: 0;} body.checkout-cart-index #footer { background-image: url(https://www.ekwb.com/wp-content/themes/enfold-child/images/footer_bg.jpg); background-repeat: repeat-x; background-position: center bottom; background-size: auto; border-top: none; font-size: 14px; line-height: 20px; padding: 15px 0 30px; z-index: 1; } body.checkout-cart-index #footer .certificateWrapper {text-align: center;} body.checkout-cart-index #footer .certificateWrapper a img{width: 120px;} body.checkout-cart-index .footer-bottom {background-color: #494949; color: #ddd;width: 100%;max-width: inherit; text-align: center; padding-bottom: 10px;} body.checkout-cart-index .footer-bottom p {color: #ddd !important;} @media (max-width: 768px) { body.checkout-cart-index .block_checkout_header_ekwb .logo-wrapper { float: left; width: 100%; text-align: center; } body.checkout-cart-index .block_checkout_header_ekwb .checkout-header-right { width: 100% } body.checkout-cart-index .block_checkout_header_ekwb .checkout-header-right div { width: 100%; text-align: center; margin-bottom: 10px; } body.checkout-cart-index .block_checkout_header_ekwb .logo img { width: 35%; } } /* new checkout 2019 %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ body.firecheckout-index-index .wrapper {border: none;} body.firecheckout-index-index .main.container {border: none;} body.firecheckout-index-index .block_checkout_header_ekwb {float: left; width: 100%; border-bottom: 3px #f89836 solid; margin-bottom: 20px;} body.firecheckout-index-index .block_checkout_header_ekwb .logo-wrapper {float: left;} body.firecheckout-index-index .block_checkout_header_ekwb .logo {margin-bottom:30px;} body.firecheckout-index-index .block_checkout_header_ekwb .logo strong {position: absolute; top: -999em; left: -999em; width: 0; height: 0; font-size: 0; line-height: 0; text-indent: -999em; overflow: hidden;} body.firecheckout-index-index .block_checkout_header_ekwb .checkout-header-right {float: right; padding-top: 8px;} body.firecheckout-index-index .block_checkout_header_ekwb .checkout-header-right div {float: left;} body.firecheckout-index-index .block_checkout_header_ekwb .checkout-header-right div.checkout-header-titles {margin-right: 40px;} body.firecheckout-index-index .block_checkout_header_ekwb .checkout-header-right h4 {margin-bottom: 0;} body.firecheckout-index-index .block_checkout_header_ekwb .checkout-header-right div.checkout-header-titles p {margin-bottom: 0;} body.firecheckout-index-index .block_checkout_header_ekwb .checkout-header-right div.checkout-header-titles li {padding-top: 0; padding-left: 10px; padding-bottom: 0; background: url(https://www.ekfluidworks.com/skin/frontend/ultimo/default/images/bullet.png) 0 7px no-repeat;} body.firecheckout-index-index #firecheckout-form .col2-set#addresses-review #billing-address-review, body.firecheckout-index-index #firecheckout-form .col2-set#addresses-review #shipping-address-review {width: 48.5% !important;} body.firecheckout-index-index #footer { background-image: url(https://www.ekwb.com/wp-content/themes/enfold-child/images/footer_bg.jpg); background-repeat: repeat-x; background-position: center bottom; border-top: none; font-size: 14px; line-height: 20px; padding: 15px 0 30px; z-index: 1; } body.firecheckout-index-index #footer .certificateWrapper {text-align: center;} body.firecheckout-index-index #footer .certificateWrapper a img {width:120px;} body.firecheckout-index-index .footer-bottom {background-color: #494949; color: #ddd;width: 100%;max-width: inherit; text-align: center; padding-bottom: 10px;} body.firecheckout-index-index .footer-bottom p {color: #ddd !important;} @media (max-width: 768px) { body.firecheckout-index-index .block_checkout_header_ekwb .logo-wrapper { float: left; width: 100%; text-align: center; } body.firecheckout-index-index .block_checkout_header_ekwb .checkout-header-right { width: 100% } body.firecheckout-index-index .block_checkout_header_ekwb .checkout-header-right div { width: 100%; text-align: center; margin-bottom: 10px; } body.firecheckout-index-index .block_checkout_header_ekwb .logo img { width: 35%; } } #firecheckout-form .col2-set .col-2 .col-1, #firecheckout-form .col2-set .col-2 .col-2 { width: 100% !important; } #firecheckout-form #billing-address em {font-weight: normal; font-style: italic; font-size: 12px;} /* Base Columns */ .col-left { float:left; } .col-main { float:left; } .col-right { float:right; } /* 1 Column Layout */ .col1-layout .col-main { width:100%; } /* 2 Columns Layout */ .col2-left-layout .col-main { float:right; } .col2-right-layout .col-main {} /* 3 Columns Layout */ .col3-layout .col-main {} .col3-layout .col-wrapper { float:left; } .col3-layout .col-wrapper .col-main { float:right; } /* 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%; } /**/ .preface { clear:both; } .postscript { clear:both; } /* Global Styles %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Form Elements %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Basic -------------------------------------------------------------- */ input, select, textarea, button { font:12px/15px Arial, Helvetica, sans-serif; vertical-align:middle; } /* Fix: remove default formatting on iOS (e.g. rounded corners) */ input.input-text, textarea { -webkit-appearance:none; } input.input-text, select, textarea { background:#fff; border:1px solid #ddd; color:#888; /* Box model */ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; /* Remove default formatting, fix for iOS (rounded corners and shadow) */ -webkit-border-radius:0px; border-radius:0px; -webkit-box-shadow:none; box-shadow:none; } input.input-text{ height: 36px; } select { height:36px; padding:8px; text-overflow:ellipsis; } select.multiselect { height: auto; } input.input-text, textarea { padding:8px; text-overflow:ellipsis; } select option { padding-right:10px; padding-left:5px; } select.multiselect option { border-bottom:1px solid #eee; padding:2px 5px; } select.multiselect option:last-child { border-bottom:0; } textarea { overflow:auto; } input.radio { margin-right:3px; } input.checkbox { margin-right:3px; } input.qty { width:3em !important; text-align:center; } /* Active and others -------------------------------------------------------------- */ input.input-text:hover, select:hover, textarea:hover, input.input-text:focus, select:focus, textarea:focus { border-color:#aaa; color:#333; outline:none; } input.input-text:disabled, select:disabled, textarea:disabled {} /* Buttons %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ button.button::-moz-focus-inner { padding:0; border:0; } /* FF Fix */ .button { display: inline-block; margin:0; border:0; overflow:visible; cursor:pointer; font-size:12px; font-weight: normal; white-space:nowrap; text-align:center; background-color:#ddd; color:#333; line-height:45px; padding:0 25px; transition: color 300ms ease-in-out, background-color 300ms ease-in-out; -moz-transition: color 300ms ease-in-out, background-color 300ms ease-in-out; -webkit-transition: color 300ms ease-in-out, background-color 300ms ease-in-out; -o-transition: color 300ms ease-in-out, background-color 300ms ease-in-out; } .button:hover { background-color:#333; color:#fff; } /* Smaller button - for inline display, e.g. with input boxes -------------------------------------------------------------- */ .button.btn-inline, .sidebar .block .button, /* Sidebar block button */ .product-view .box-tags .form-add .button, /* Customer tags form */ .title-buttons .button /* Heading buttons */ { padding:0 15px; line-height:36px; } /* Big button: Add to cart (product view) & Proceed to checkout -------------------------------------------------------------- */ .product-view .btn-cart, .btn-checkout { line-height:55px; font-size:1.1666em; /*14px*/ } /* Form %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ p.control input.checkbox, p.control input.radio { margin-right:6px; } /* Form lists */ /* Grouped fields */ .form-list li { margin:0 0 8px; } .form-list label { float:left; font-weight:bold; position:relative; z-index:0; margin:0 0 2px 0; } .form-list label.required {} .form-list label.required em { float:right; font-style:normal; position:absolute; top:0; right:-8px; } .form-list li.control label { float:none; } .form-list li.control input.radio, .form-list li.control input.checkbox { margin-right:6px; } .form-list li.control .input-box { clear:none; display:inline; width:auto; } .form-list .input-box { display:block; clear:both; } .form-list .field { float:left; width:275px; margin-bottom:5px; } .form-list input.input-text { width:262px; /*244px;*/ } .form-list textarea { width:244px; height:10em; } .form-list select { width:262px; } .form-list li.wide .input-box { /*width:535px;*/ } .form-list li.wide input.input-text { /*width:529px;*/ } .form-list li.wide textarea { /*width:529px;*/ } .form-list li.wide select { /*width:535px;*/ } .form-list li.additional-row { border-top:1px solid #e5e5e5; margin-top:10px; } .form-list li.additional-row .btn-remove { float:right; margin:5px 0 0; } .form-list .input-range input.input-text { width:74px; } /* Customer */ .form-list .customer-name-prefix .input-box, .form-list .customer-name-suffix .input-box, .form-list .customer-name-prefix-suffix .input-box, .form-list .customer-name-prefix-middlename .input-box, .form-list .customer-name-middlename-suffix .input-box, .form-list .customer-name-prefix-middlename-suffix .input-box { width:auto; } .form-list .name-prefix { width:65px; } .form-list .name-prefix select { width:55px; } .form-list .name-prefix input.input-text { width:49px; } .form-list .name-suffix { width:65px; } .form-list .name-suffix select { width:55px; } .form-list .name-suffix input.input-text { width:49px; } .form-list .name-middlename { width:70px; } .form-list .name-middlename input.input-text { width:49px; } .form-list .customer-name-prefix-middlename-suffix .name-firstname, .form-list .customer-name-prefix-middlename .name-firstname { width:140px; } .form-list .customer-name-prefix-middlename-suffix .name-firstname input.input-text, .form-list .customer-name-prefix-middlename .name-firstname input.input-text { width:124px; } .form-list .customer-name-prefix-middlename-suffix .name-lastname { width:205px; } .form-list .customer-name-prefix-middlename-suffix .name-lastname input.input-text { width:189px; } .form-list .customer-name-prefix-suffix .name-firstname { width:210px; } .form-list .customer-name-prefix-suffix .name-lastname { width:205px; } .form-list .customer-name-prefix-suffix .name-firstname input.input-text, .form-list .customer-name-prefix-suffix .name-lastname input.input-text { width:189px; } .form-list .customer-name-prefix .name-firstname, .form-list .customer-name-middlename .name-firstname { width:210px; } .form-list .customer-name-suffix .name-lastname, .form-list .customer-name-middlename .name-firstname, .form-list .customer-name-middlename-suffix .name-firstname, .form-list .customer-name-middlename-suffix .name-lastname { width:205px; } .form-list .customer-name-prefix .name-firstname input.input-text, .form-list .customer-name-suffix .name-lastname input.input-text, .form-list .customer-name-middlename .name-firstname input.input-text, .form-list .customer-name-middlename-suffix .name-firstname input.input-text, .form-list .customer-name-middlename-suffix .name-lastname input.input-text { width:189px; } .form-list .customer-dob .dob-month, .form-list .customer-dob .dob-day, .form-list .customer-dob .dob-year { float:left; width:85px; } .form-list .customer-dob input.input-text { display:block; width:74px; } .form-list .customer-dob label { font-size:10px; font-weight:normal; } .form-list .customer-dob .dob-day, .form-list .customer-dob .dob-month { width:60px; } .form-list .customer-dob .dob-day input.input-text, .form-list .customer-dob .dob-month input.input-text { width:46px; } .form-list .customer-dob .dob-year { width:140px; } .form-list .customer-dob .dob-year input.input-text { width:134px; } /* Orders and Returns form -------------------------------------------------------------- */ #oar_widget_orders_and_returns_form .buttons-set button { float: left; margin-left: 0; } #oar_widget_orders_and_returns_form .buttons-set .required { text-align: left; } /* Fieldset -------------------------------------------------------------- */ .fieldset + .fieldset { margin-top: 30px; } /* Common styles for fieldsets and blocks in Multiple Addresses Checkout and Generic Info Set */ .fieldset, .multiple-checkout .col2-set, .multiple-checkout .col3-set, .info-set { margin:0 0 10px; padding:0; } .fieldset .legend, .multiple-checkout .col2-set h2.legend, .info-set h2.legend {} /* Buttons set -------------------------------------------------------------- */ .buttons-set { clear: both; margin: 30px 0 0; padding-top: 10px; border-top: 1px solid #e5e5e5; } .buttons-set p.required { float: right; line-height: 1em; margin: -33px 0 0; } .buttons-set button.button { float: right; margin-left: 5px; min-width: 140px; } /* Back link */ .buttons-set .back-link { float: left; margin: 0; line-height: 36px; } .buttons-set .back-link small { display: none; } .buttons-set .back-link a:before { margin-right:7px; } /* Form Validation -------------------------------------------------------------- */ .validation-advice { clear:both; font-size:0.9166em; line-height:1em; color:#ee001c; margin-top:5px; margin-bottom:5px; font-size: 12px; text-align: left; } .validation-failed { border:1px solid #ee001c !important; background:#fff !important; } .validation-passed {} /* Required */ p.required { font-size:0.8333em; /*10px*/ text-align:right; } p.required, .product-options dt label.required em, .form-list label.required em { color:#ee001c; } /* Expiration date and CVV number validation fix */ .v-fix { float:left; } .v-fix .validation-advice { display:block; width:12em; margin-right:-12em; position:relative; } /* Selected buttons sets -------------------------------------------------------------- */ /* Log in */ .account-login .buttons-set .button, /* Create account */ .account-create .buttons-set .button, /* Forgot password */ .customer-account-forgotpassword .buttons-set .button, /* Advanced search */ .catalogsearch-advanced-index .buttons-set .button, /* Orders and Returns form */ #oar_widget_orders_and_returns_form .buttons-set .button, /* Contact us */ .contacts-index-index .buttons-set .button { min-width: 180px; } /* Selected forms -------------------------------------------------------------- */ #contactForm textarea { width: 100%; max-width: 535px; } /* Global Messages %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .success { color:#3d6611; font-weight:bold; } .error { color:#ee001c; font-weight:bold; } .notice { color:#ccc; } .messages, .messages ul { list-style:none !important; margin:0; padding:0; } .messages { overflow:hidden; margin:0 0 10px; } .messages li { margin:0 0 1%; } .messages > li:last-child { margin-bottom:0; } .messages li li { margin:0; } .messages a { text-decoration:underline; } .catalog-category-view .messages { margin-top:15px; margin-bottom:15px; } .cms-index-index .messages, .cms-home .messages { margin:20px 0 20px; } .error-msg, .success-msg, .note-msg, .notice-msg { background-position:25px center !important; background-repeat:no-repeat !important; padding:25px 25px 25px 80px !important; font-size:12px !important; } .error-msg { border-color:#c02230; background-color:#F5DAD3; background-image:url(https://www.ekfluidworks.com/skin/frontend/ultimo/default/images/i_msg-error.png); color:#c02230; } .success-msg { border-color:#296a23; background-color:#e9ffca; background-image:url(https://www.ekfluidworks.com/skin/frontend/ultimo/default/images/i_msg-success.png); color:#296a23; } .note-msg, .notice-msg { border-color:#7c622a; background-color:#FDEDA4; background-image:url(https://www.ekfluidworks.com/skin/frontend/ultimo/default/images/i_msg-note.png); color:#7c622a; } /* BreadCrumbs %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .breadcrumbs li { float: left; font-size: 0.9166em; } .breadcrumbs li > * { display: inline-block; vertical-align: middle; } .breadcrumbs li .sep { margin-left: 6px; margin-right: 6px; } .breadcrumbs li .last-crumb {} /* Page Heading %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .page-title h1, .page-title h2 { margin-bottom:0; } .page-title { margin-bottom:20px; } /*.category-title { margin-bottom:10px; }*/ /* Links in page title */ .page-title .separator { margin:0 3px; } .page-title .separator, .page-title .link-reorder, .page-title .link-rss, .page-title .link-print { font-weight:normal; display:inline-block; margin-top:10px; } .page-title .link-rss { float:right; margin-top:15px; } /* Title with buttons */ .title-buttons { text-align:right; } .title-buttons button { margin-left:1em; } .title-buttons h1, .title-buttons h2, .title-buttons h3, .title-buttons h4, .title-buttons h5, .title-buttons h6 { float:left; text-align:left; /* TRICKY: align left as opposition to other elements */ } /* Toolbar: pager and sorter %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Sorter -------------------------------------------------------------- */ .sorter { padding:10px 0; } /* View mode */ .sorter .view-mode { float:right; } .sorter .view-mode label { margin-right:5px; } .sorter .view-mode .grid, .sorter .view-mode .list { margin-left: 1px; } .sorter .view-mode .grid {} .sorter .view-mode .list {} .sorter .view-mode a.grid:hover {} .sorter .view-mode a.list:hover {} /* Sort by */ .sorter .sort-by { float:left; margin-right:10px; padding-right:3px; background:url(https://www.ekfluidworks.com/skin/frontend/ultimo/default/images/img/link-separator.png) right center no-repeat; } .sorter .sort-by .category-asc, .sorter .sort-by .category-desc {} .sorter .sort-by .category-asc {} .sorter .sort-by .category-desc {} .sorter .sort-by .category-asc:hover {} .sorter .sort-by .category-desc:hover {} /* Pager -------------------------------------------------------------- */ .pager { margin:10px 0; padding:10px 0; border-top:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5; } .pager .pages { float:right; vertical-align:middle; } .pager .pages strong, .pager .pages span { float:left; margin-right:5px; font-weight:normal; } .pager .pages ol { display:inline-block; vertical-align:middle; } .pager .pages li { float:left; margin:0 0 0 1px; display:block; text-align:center; } .pager .pages li a { display:block; color:inherit; } .pager .pages a.previous, .pager .pages a.next { font-size:16px; } /* Toolbar. Pager and sorter inside toolbar -------------------------------------------------------------- */ .toolbar { border-top:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5; margin-bottom:-1px; /* To cover the top line of the products grid/list */ /* Move up to cover adjacent lines/elements */ position:relative; z-index:1; } .toolbar_notice_exposed .toolbarOrange { height: 40px; width: calc(100% - 30px); background: #f89828; position: relative; padding: 0 15px; } .toolbar_notice_exposed .toolbarOrange a { width: calc(100% - 30px); height: calc(100% - 10px); position: absolute; } .toolbar_notice_exposed .toolbarOrange a span { position: absolute; width: 100%; top: 10px; text-align: center; color: #fff; font-size: 17px; font-weight: 600; line-height: 20px; text-shadow: -1px 1px 1px #e78b21; -moz-text-shadow: -1px 1px 1px #e78b21; -webkit-text-shadow: -1px 1px 1px #e78b21; -moz-transition: all .22s ease-in-out; -o-transition: all .52s ease-in-out; -webkit-transition: all .52s ease-in-out; transition: all .52s ease-in-out; } .toolbar_notice_exposed .toolbarOrange a:hover span { letter-spacing: 0.5px; } @media (max-width: 650px) { .toolbar_notice_exposed .toolbarOrange { height: 60px; } .toolbar_notice_exposed .toolbarOrange a span { font-size: 15px; } } /* Pager inside toolbar - align center */ .toolbar .pager { margin:0; border-bottom:none; border-top:1px dashed #e5e5e5; text-align:center; } .toolbar .pager .pages { display:inline-block; float:none; } /* Bottom toolbar */ .toolbar-bottom { margin-top:10px; } .toolbar-bottom .toolbar { border-bottom:none; } .toolbar-bottom .toolbar .pager { border-top:none; } .toolbar-bottom .sorter { display:none; } /* Common styles for toolbar elements -------------------------------------------------------------- */ /* Height */ .sorter, .pager { line-height:36px; } /* Important: the same as the height of the form elements */ /* Icons */ .sorter .view-mode .grid, .sorter .view-mode .list, .sorter .sort-by .category-asc, .sorter .sort-by .category-desc { display:inline-block; vertical-align: middle; font-size:14px; } /* Icons and elements of pager */ .sorter .view-mode .grid, .sorter .view-mode .list, .sorter .sort-by .category-asc, .sorter .sort-by .category-desc, .pager .pages .current, .pager .pages li a { width:30px; height:30px; line-height:30px; text-align:center; } /* Amount */ .pager .amount, .sorter .amount { float:left; padding-right:10px; margin-right:10px; background:url(https://www.ekfluidworks.com/skin/frontend/ultimo/default/images/img/link-separator.png) right center no-repeat; } /* Limiter */ .pager .limiter, .sorter .limiter { float:left; margin-right:15px; } /* Data Table %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .data-table { width:100%; } .data-table th, .data-table td { padding:10px; } .data-table thead { background:none; border-bottom:1px solid #e5e5e5; } .data-table thead th { font-weight:bold; vertical-align:bottom; border-right: none; } .data-table thead th.wrap { white-space:normal; } .data-table tr.odd td, .data-table tr.odd th { border-right:1px solid #f5f5f5;} .data-table tr.odd td.last { border-right:none; } .data-table tr.odd {} .data-table tr.odd.last { border-bottom:#eee solid 1px; } .data-table tr.even td, .data-table tr.even th { border-right:1px solid #f5f5f5; } .data-table tr.even td.last { border-right:none; } .data-table tr.even { background-color:#fbfbfb; } .data-table tbody tr:hover {} .data-table tbody tr.product-shop-row:hover { background-color:#fff; } /*TODO:?*/ .data-table tbody.odd {} .data-table tbody.odd td { border-width:0 1px; } .data-table tbody.odd tr.last { border-bottom:#e5e5e5 solid 1px; } .data-table tbody.even { background-color:#f5f5f5; } .data-table tbody.even td { border-width:0 1px; } .data-table tbody.odd tr.border td, .data-table tbody.even tr.border td {} .data-table th .tax-flag { /*white-space:nowrap;*/ font-weight:normal; } /* Additional classes for mobile devices -------------------------------------------------------------- */ /* Cell title */ .data-table .cell-label { display:none; } /* Shopping cart total summary row expandable to details %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ tr.summary-total { cursor:pointer; } tr.summary-total td {} tr.summary-total .summary-collapse { float:right; text-align:right; padding-left:20px; background:url(https://www.ekfluidworks.com/skin/frontend/ultimo/default/images/bkg_collapse.gif) 0 4px no-repeat; cursor:pointer; } tr.show-details .summary-collapse { background-position:0 -53px; } tr.show-details td {} tr.summary-details td { font-size:11px; background-color:#f5f5f5; color:#777; padding:2px 5px !important; } tr.summary-details-first td { border-top:1px solid #d5d5d5; } tr.summary-details-excluded { font-style:italic; } /* Shopping cart tax info %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .cart-tax-info { display:block; } .cart-tax-info, .cart-tax-info .cart-price { padding-right:20px; } .cart-tax-total { display:block; padding-right:20px; background:url(https://www.ekfluidworks.com/skin/frontend/ultimo/default/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; } /* Misc %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .link-cart { font-weight:bold; } .link-reorder { font-weight:bold; } .link-print { background:url(https://www.ekfluidworks.com/skin/frontend/ultimo/default/images/i_print.gif) 0 center no-repeat; padding:2px 0 2px 25px; } .link-rss { background:url(https://www.ekfluidworks.com/skin/frontend/ultimo/default/images/i_rss.gif) 0 center no-repeat; padding-left:16px; white-space:nowrap; } .cards-list dt { margin:5px 0 0; } .cards-list .offset { padding:2px 0 2px 20px; } .separator { margin:0 3px; font-weight:normal; color:#e5e5e5; } .divider { clear:both; display:block; font-size:0; line-height:0; height:1px; margin:10px 0; background:#e5e5e5; text-indent:-9999em; overflow:hidden; } /* Global site notices -------------------------------------------------------------- */ .global-site-notice { background:#f5f5f5; color:#333; } .global-site-notice .notice-inner { max-width:66%; margin:0 auto; padding:10px 0 10px 80px; background:url(https://www.ekfluidworks.com/skin/frontend/ultimo/default/images/i_notice.gif) 20px center no-repeat; text-align:left; } .global-site-notice .notice-inner p { width:80%; margin:0; padding:10px 10px 10px 0; display:inline-block; vertical-align:middle; } .global-site-notice .notice-inner .actions { display:inline-block; vertical-align:middle; } /* Cookie Notice */ .notice-cookie {} /* Noscript Notice */ .noscript {} /* Demo Notice */ .demo-notice { margin:0; padding:6px 10px; background:#d75f07; font-size:12px; line-height:1.15; border:0; text-align:center; color:#fff; } .demo-notice .notice-inner { width:auto; padding:0; background:none; text-align:center; } .demo-notice .notice-inner p { padding:0; border:0; } /* Buttons remove/close and edit %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Common styles for many buttons -------------------------------------------------------------- */ .btn-remove, /* Generic "close" button */ .btn-remove2, /* Button "remove" on the cart page */ .map-popup-close, .remember-me-popup-head .remember-me-popup-close, /* "Remember me" pop-up, only the "close" button in the header */ .btn-edit { display:inline-block; width:18px; height:18px; line-height:18px; font-size:16px; text-align:center; /* Important: no overflow to hide the text inside the button */ overflow: hidden !important; } /* Class: std %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Styles for admin-controlled content */ .std .subtitle { padding:0; } .std ol.ol { list-style:decimal outside; padding-left:1.5em; } .std dl dt { font-weight:bold; margin: 0.5em 0; } .std dl dd { margin:0 0 0px 10px; } .std dl, .std p, .std address, .std blockquote { margin:0 0 1em; padding:0; } /* Lists %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Unordered lists -------------------------------------------------------------- */ /* Common basic styling */ ul.bullet, ul.disc { margin:0 0 1em; padding:0; } /* Disc */ ul.disc { list-style:disc outside none; padding-left:1.5em; } ul.disc li { background-image:none; padding-left:0; } /* Bullet */ ul.bullet { list-style:none outside none; } ul.bullet li { background:url(https://www.ekfluidworks.com/skin/frontend/ultimo/default/images/infortis/_shared/cck/list/bullet.png) 0 0 no-repeat; padding-left:25px; transition: background-position 150ms ease-out; -moz-transition: background-position 150ms ease-out; -webkit-transition: background-position 150ms ease-out; -o-transition: background-position 150ms ease-out; } ul.bullet li:hover { background-position:3px 0; } /* Different bullets. IMPORTANT: use together with class "bullet" */ ul.list1 li { background-image:url(https://www.ekfluidworks.com/skin/frontend/ultimo/default/images/infortis/_shared/cck/list/list1.png); } ul.list2 li { background-image:url(https://www.ekfluidworks.com/skin/frontend/ultimo/default/images/infortis/_shared/cck/list/list2.png); } ul.list11 li { background-image:url(https://www.ekfluidworks.com/skin/frontend/ultimo/default/images/infortis/_shared/cck/list/list11.png); } ul.list12 li { background-image:url(https://www.ekfluidworks.com/skin/frontend/ultimo/default/images/infortis/_shared/cck/list/list12.png); } ul.list13 li { background-image:url(https://www.ekfluidworks.com/skin/frontend/ultimo/default/images/infortis/_shared/cck/list/list13.png); } /* Separator */ ul .separator { border-bottom:1px solid #fff; margin:8px 1px; overflow:hidden; } /* Nested unordered lists -------------------------------------------------------------- */ ul.bullet ul, ul.disc ul { margin-top:0.5em; margin-bottom:0.5em; } ul.bullet ul li, ul.disc ul li { background:url(https://www.ekfluidworks.com/skin/frontend/ultimo/default/images/infortis/_shared/cck/list/bullet-small.png) 0 0 no-repeat; padding-left:1.5em; } /* Lists inside ".std" %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Unordered list without any bullets */ .std ul.no-bullets { list-style:none outside none !important; padding-left:0 !important; } .std ul.no-bullets li { background-image:none !important; padding-left:0 !important; } /* Ordered lists */ .std ol { list-style:decimal outside; margin:10px 0; padding:0 0 0 1.5em; } .std ol ol, .std ul ol, .std ol ul { margin:0.5em 0; } /* Misc %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .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; } /* Override std styles for selected elements %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .std .products-grid p { margin-bottom:0; } /* Header %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Header %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .header-container, .header-container2, .header-container3 { background-repeat:repeat; background-position:center top; background-attachment: scroll; } .header { padding:0; } /* Misc header elements -------------------------------------------------------------- */ .header .item {} .header .item-left { float: left; margin-right: 10px; text-align: left; } .header .item-right { float: right; margin-left: 10px; text-align: right; } /* User menu inside header top -------------------------------------------------------------- */ .header-top .item-left .user-menu > * { float: left; } .header-top .item-right .user-menu > * { float: right; } /* User menu and Top Links %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Clear floats and override custom styles to avoid incorrect position of elements */ .user-menu { width:100%; float:none; margin:0; /* Clear floats of other elements */ clear: both; } .user-menu:before, .user-menu:after { display: table; content: " "; } .user-menu:after { clear: both; } /* Top Links - clear floats */ .top-links ul:before, .top-links ul:after { display: table; content: " "; } .top-links ul:after { clear: both; } /* Logo %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .header .logo-wrapper .logo { display:inline-block; /* TODO check */ max-width:94%; margin:10px 0; text-decoration:none !important; } .header .logo-wrapper h1.logo a { display: block; } .header .logo strong { position:absolute; top:-999em; left:-999em; width:0; height:0; font-size:0; line-height:0; text-indent:-999em; overflow:hidden; } /* Quick search %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ #search_mini_form { clear:both; display:block; } .form-search { position:relative; } .form-search label { float:left; margin:3px 4px 0 0; display:none; } .form-search .input-text { float:right; /* Float in the same direction as position of button */ width:100%; display: block; height:36px; line-height:36px; /*IE8*/ padding:0px 35px 0 7px; color:#bbb; background-color:#fff; overflow:hidden; text-overflow:ellipsis; } /* Button */ .form-search .button { position:absolute; right:0; top:0; margin:1px; padding:0; /*background:url(https://www.ekfluidworks.com/skin/frontend/ultimo/default/images/sprite.png) no-repeat transparent; background-position:-57px -108px;*/ background-color:transparent !important; color:#000; width:34px; height:34px; line-height:34px; text-align:center; } .form-search .button:hover { background-color:transparent; color:#000; } .form-search .button span { background-image:none !important; /* To hide possible image bg from outdated custom CSS styles */ } .form-search .button span span { display:none; } /* Hide text label */ /* Search autocomplete */ .form-search .search-autocomplete { left:0 !important; /*Fix for IE*/ top:42px !important; position:relative; z-index:4100 !important; } .form-search .search-autocomplete ul { background-color:#fff; text-align:left; padding:3px; } .form-search .search-autocomplete li { padding:3px 5px; cursor:pointer; line-height: 24px; } .form-search .search-autocomplete li:hover {} .form-search .search-autocomplete li .amount { float:right; padding-left:5px; } /* Quick search: skins %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Search: small box. Deprecated. -------------------------------------------------------------- */ .search-wrapper-small .form-search .input-text { height:28px; line-height:28px; /*IE8*/ } .search-wrapper-small .form-search .button { /*background:url(https://www.ekfluidworks.com/skin/frontend/ultimo/default/images/sprite.png) no-repeat transparent; background-position: -61px -111px;*/ width:28px; height:28px; line-height:28px; font-size:10px; } .search-wrapper-small .form-search .search-autocomplete { top:30px !important; } /* Search: inline -------------------------------------------------------------- */ .search-wrapper-inline #search_mini_form { display: inline-block; vertical-align: middle; } /* Search box in the top header %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .header-top #search_mini_form { display: inline-block; vertical-align: middle; } .header-top .form-search .input-text { height:28px; line-height:28px; } .header-top .form-search .button { width:28px; height:28px; line-height:28px; font-size:10px; } .header-top .form-search .search-autocomplete { top:30px !important; } /* Mini-cart %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .after-mini-cart { clear:both; } /* Mini-cart heading -------------------------------------------------------------- */ .mini-cart .mini-cart-heading .ic { font-size: 16px; line-height: 1em; } .mini-cart .mini-cart-heading .summary {} /* Mini-cart content -------------------------------------------------------------- */ /* If it is a dropdown */ .mini-cart.dropdown .mini-cart-content { width:300px; padding:25px; text-align:left; /* Because cart can be aligned center */ overflow: auto; } /* Elements of the cart */ .mini-cart .mini-cart-content .empty { padding:10px 0; } .mini-cart .mini-cart-content .block-subtitle { padding:0; margin:0 0 20px; font-size: 14px; font-weight: bold; } .mini-cart .mini-cart-content .subtotal { margin:20px 0; font-size: 14px; font-weight: bold; } .mini-cart .mini-cart-content .incl-tax {} .mini-cart .mini-cart-content .mini-products-list li { padding: 0; margin: 0 0 5px; } .mini-cart .mini-cart-content .mini-products-list li.last { margin: 0; } .mini-cart .mini-cart-content .product-name {} .mini-cart .mini-cart-content .btn-remove, .mini-cart .mini-cart-content .btn-edit { float:right; } .mini-cart .mini-cart-content .product-details strong { font-weight:normal; } .mini-cart .mini-cart-content .actions { margin:10px 0 0; padding:0; border:none; text-align:left; } .mini-cart .mini-cart-content .actions button { float:left; margin-right:1px; } .mini-cart .mini-cart-content .truncated { margin-left:3px; } .mini-cart .mini-cart-content .truncated .item-options { -webkit-transform: translateZ(0); /* Fix disappearing mini-cart in Safari if product has options */ } /* Block: Recently Compared (dropdown) %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .mini-compare { margin:0; padding:0; border:none; } /* Mini-compare heading -------------------------------------------------------------- */ .mini-compare .mini-compare-heading .ic { font-size: 16px; line-height: 1em; } /* Mini-compare content -------------------------------------------------------------- */ .mini-compare.dropdown .mini-compare-content { width:300px; padding:25px; text-align:left; /* Because cart can be aligned center */ } .mini-compare .mini-compare-content .block-subtitle { padding:0; margin:0 0 20px; font-size: 14px; font-weight: bold; } .mini-compare .mini-compare-content .empty { padding:10px 0; } .mini-compare .mini-compare-content .product-name { padding-right:20px; } .mini-compare .mini-compare-content .btn-remove { float:right; } .mini-compare .mini-compare-content .actions { margin-top: 20px; } .mini-compare .mini-compare-content .actions a { float:right; line-height: 36px; /* The same height as button */ } .mini-compare .mini-compare-content .actions button { float:left; } /* Sidebar %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Blocks %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .block { margin:0 0 10px; } .block .block-title {} .block .block-title strong { font-weight:inherit; } .block .block-title a { text-decoration:none !important; } .block .block-subtitle { margin:5px 0 10px; padding:0; font-size:1em; font-weight:bold; } .block .block-content { padding:10px 0; } .block .block-content li.item { padding:5px 0; } .block .btn-remove { float:right; } .block .btn-edit { float:right; } .block .actions { margin:10px 0 0 0; padding:10px 0 0; border-top:1px dotted #e5e5e5; } .block .actions a { float:left; } .block .actions .button { float:right; } .block .actions .button ~ a { margin-right: 5px; line-height: 36px; /* The same height as buttons */ } /* Block lists %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .block-viewed .block-content ol, .block-compare .block-content ol, .block-compared .block-content ol { list-style: outside disc none; padding-left: 20px; } .block-viewed .block-content ol li, .block-compare .block-content ol li, .block-compared .block-content ol li { padding: 3px 0; } /* Mini Products List %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .mini-products-list li { padding:5px 0; } .mini-products-list .product-image { float:left; width:50px; } .mini-products-list .product-details { margin-left:60px; } .mini-products-list .product-details h4 { font-size:1em; font-weight:bold; margin:0; } .mini-products-list .item .btn-remove, .mini-products-list .item .btn-edit { margin-left:7px; } /* Block: Account %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .block-account .block-title {} .block-account .block-content { padding: 10px 0; } .block-account .block-content ul { list-style: outside disc none; padding-left: 25px; } .block-account li > * { padding:4px; display:block; text-transform:uppercase; } .block-account li strong { font-weight:normal; } /* Block: Layered Navigation %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Block subtitle -------------------------------------------------------------- */ .block-layered-nav .block-subtitle--filter { display: none; cursor: pointer; border-bottom: 1px solid #e5e5e5; padding: 7px 10px 7px 25px; margin-top: 10px; position: relative; /*text-transform: uppercase; font-weight: bold;*/ -moz-user-select: none; -ms-user-select: none; -webkit-user-select: none; -o-user-select: none; user-select: none; } .block-layered-nav .block-subtitle--filter:after { content: ''; position: absolute; width: 0; height: 0; display: block; border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-left: 5px solid #ddd; border-right: none; left: 6px; top: 50%; margin-top: -5px; } .block-layered-nav .block-subtitle--filter.active:after { content: ''; position: absolute; width: 0; height: 0; display: block; border-right: 5px solid transparent; border-left: 5px solid transparent; border-top: 5px solid #ddd; border-bottom: none; /*right: 10px;*/ top: 50%; margin-top: -3px; } /* Attributes -------------------------------------------------------------- */ .block-layered-nav .block-content .toggle-tabs { display: none; } .block-layered-nav .block-content > dl > dt { display: block; margin-top: 1px; position: relative; padding: 7px 0; font-weight: bold; text-rendering: optimizeSpeed; -moz-user-select: none; -ms-user-select: none; -webkit-user-select: none; -o-user-select: none; user-select: none; } .block-layered-nav .block-content > dl > dt:after { display: none; /* Hide on desktop */ content: ''; position: absolute; width: 0; height: 0; border-right: 5px solid transparent; border-left: 5px solid transparent; border-top: 5px solid #ddd; border-bottom: none; left: 10px; top: 50%; margin-top: -3px; } .block-layered-nav .block-content > dl > dt:hover { } .block-layered-nav .block-content > dl > dd { padding: 0 5px; margin: 0; } .block-layered-nav .block-content > dl > dd:last-child { } .block-layered-nav dl dd { margin-bottom: 10px; margin-top: 10px; } /* Single filter -------------------------------------------------------------- */ .block-layered-nav dl dd ol > li > a, .block-layered-nav dl dd ol > li > span { position: relative; display: block; padding: 3px 0 3px 12px; } .block-layered-nav dl dd ol > li > a:before { display: block; /* Show on desktop */ content: ''; position: absolute; width: 0px; height: 0px; border-right: none; border-left: 4px solid #ddd; border-top: 4px solid rgba(0, 0, 0, 0); border-bottom: 4px solid rgba(0, 0, 0, 0); left: 0px; top: 50%; margin-top: -5px; transition: left 150ms ease-in-out; -moz-transition: left 150ms ease-in-out; -webkit-transition: left 150ms ease-in-out; -o-transition: left 150ms ease-in-out; } .block-layered-nav dl dd ol > li > a:hover:before { left: 3px; } /* Currently selected filters %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .block-layered-nav .currently .block-subtitle { padding: 10px 10px 0; margin: 0 0 10px; font-size: 14px; font-weight: bold; } .block-layered-nav .currently ol { padding:10px; } .block-layered-nav .currently ol li { margin-bottom: 5px; } .block-layered-nav .currently ol li:after { content: ''; display: table; clear: both; } .block-layered-nav .currently ol li .value { color: #d90000; /* TODO: move to common.css */ } .block-layered-nav .currently .btn-remove { float: left; margin-right: 8px; } .block-layered-nav .actions { border-top: none; margin: 0 0 15px; padding: 0px 10px 10px; } .block-layered-nav .actions a { float: left; } /* Block: Wishlist %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /*.block-wishlist li.item .btn-remove { margin-left:5px; }*/ /* Block: Related %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Ccommon styles for all types of the block */ .block-related .block-subtitle { display:none; position:absolute; padding:1em 0; margin:-20px 0 0; border-top:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5; font-weight:normal; z-index:1; } .block-related:hover .block-subtitle { display:block; padding:8px; background-color:#fff; } /* Block: Related. Single product slider -------------------------------------------------------------- */ .block-related-slider input.checkbox { float:left; margin:7px 5px 0 0; } /* Block: Related. Simple thumbnails slider -------------------------------------------------------------- */ .block-related-thumbnails .product-image { float:left; margin-bottom:10px; } .block-related-thumbnails .product-details { margin-left:110px; } .block-related-thumbnails .product-details > * { margin-bottom:5px; } .block-related-thumbnails .product-name, .block-related-thumbnails .related-add-to-wishlist { font-size:1em; line-height:1.25em; font-family:inherit; font-weight:inherit; display:inline-block; } .block-related-thumbnails .price-box { font-size:1em; line-height:1.25em; } .block-related-thumbnails .checkbox { float:left; margin:2px 5px 0 0; } /* Add space above item */ .block-related-thumbnails .item { padding-top: 20px; } /* Block: Compare Products %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .compare-table { border:0; } .compare-table .btn-remove { float:right; } .compare-table tbody tr:hover { background-color:#e5e5e5; } .compare-table .product-shop-row { border-bottom:1px solid #ccc; } .compare-table .product-shop-row th, .compare-table .product-shop-row td { border-color:#eee !important; } .compare-table tr.add-to-row { background-color:#fff; border-top:1px solid #ccc; } .compare-table tr.add-to-row:hover { background-color:#fff; } /* Cover background applied on tr hover */ .compare-table tr.add-to-row td { text-align:left; } .compare-table tr.first td { text-align:left; } .compare-table tr.first td .product-name { font-family:inherit; font-size:1.1666em; font-weight:bold; margin:10px 0; } .compare-table tr.first td .ratings { width:145px; margin:10px 0; } .compare-table .price-box { margin:10px 0; line-height:15px; } /* Changes after setting text-align:left */ .compare-table .product-image img { display:block; margin:0 auto; } .compare-table .add-to-links { margin-top:5px; } .compare-table .add-to-links li { float:none; } .compare-table a.link-wishlist { overflow:visible; text-indent:0; background:none; display:inline; border:none; } /* Block: Recently Viewed %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .block-viewed {} /* Block: Recently Compared %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .block-compared {} /* Block: Poll %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .block-poll .block-subtitle { font-weight:normal; } .block-poll input.radio { float:left; margin:1px -18px 0 0; } .block-poll .label { display:block; margin-left:18px; } .block-poll li { padding:3px 9px; } .block-poll .answer { font-weight:bold; } .block-poll .votes { float:right; margin-left:10px; } /* Block: Tags %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .block-tags .block-content .tags-list { background:none; border:0; font-size:12px; } .block-tags .tags-list a {} .block-tags .tags-list a:hover {} .block-tags .actions { text-align:right; } .block-tags .actions a { float:none; } /* Block: Subscribe %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .block-subscribe .input-box { margin-top: 5px; } .block-subscribe input { width:155px; } .block-subscribe .actions button.button { float:none; } /* Block: Reorder %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .block-reorder input.checkbox { float:left; margin:2px -20px 0 0; } .block-reorder .product-name { margin-left:20px; } .block-reorder .validation-advice { margin:3px 9px 7px; } /* Block: Banner %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .block-banner {} .block-banner .block-content { text-align:center; } /* Block: Login %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .block-login label { font-weight:bold; color:#666; } .block-login input.input-text { display:block; width:167px; margin:3px 0; } /* Paypal -------------------------------------------------------------- */ .sidebar .paypal-logo { display:block; margin:10px 0; text-align:center; } .sidebar .paypal-logo a { float:none; } /* Block: vertical main menu %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .block-vertnav .block-content { padding-left:0; padding-right:0; } /* Category view %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .category-title h1 {} .category-image { width:100%; overflow:hidden; margin:10px 0; text-align:center; } .category-image img {} .category-description { margin:20px 0; position:relative; } /* Negative top margin: to cover bottom border of the category title */ .category-products { margin:-1px 0 10px; } /* General product list styles %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Product name %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ h2.product-name a, h3.product-name a, h4.product-name a, h5.product-name a, p.product-name a { color: inherit; } /* Common styles for view types: list and grid %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .products-list .product-name, .products-grid .product-name, h3.product-name { /* Sizes are modified for different number of columns */ font-size:1.3333em; line-height:1.25em; /*16px 20px*/ } .products-list .price-box.map-info a, .products-grid .price-box.map-info a { margin-left:3px; } /* Product image -------------------------------------------------------------- */ /* Product alternative image */ .products-list .product-image .alt-img, .products-grid .product-image .alt-img { position:absolute; top:0; left:0; display: none; } /* Fix possible glitches during animation */ .products-list .product-image img, .category-products-grid .product-image img /* Grid only in category view */ { -moz-transform: translateZ(0); } /* View type: list %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .products-list .item { border-top:1px solid #e5e5e5; padding-top:20px; padding-bottom:20px; background-color:#fff; position:relative; /* For hover effect */ transition: box-shadow 0ms ease-in; -moz-transition: box-shadow 0ms ease-in; -webkit-transition: box-shadow 0ms ease-in; -o-transition: box-shadow 0ms ease-in; } .products-list .product-shop {} .products-list .product-shop-inner { border-right:1px solid #e5e5e5; padding-right:15px } .products-list .right-column { float:right; } .products-list .product-name { margin:0 0 15px; } .products-list .product-image-wrapper {position: relative;} .products-list .product-image { display:block; position:relative; margin-left:auto; margin-right:auto; } .products-list .price-box { margin:0 0 15px; font-size:1.3333em; line-height:1.25em; } .products-list .ratings { margin:10px 0; } .products-list .desc { margin:15px 0px; } .products-list .link-learn {} .products-list .btn-cart { width:100%; max-width:180px; } .products-list a.btn-cart { padding-left:0; padding-right:0; } .products-list .button span { float:none; } .products-list .availability { float:none; margin:15px 0; } .products-list .add-to-links { margin:15px 0 0; } /* Hover effect -------------------------------------------------------------- */ .products-list.hover-effect .item:hover { margin-left:-1%; margin-right:-1%; padding-left:1%; padding-right:1%; z-index:10; box-shadow:0 0 20px rgba(0,0,0,0.2); border-color:transparent; transition: box-shadow 400ms ease-out; -moz-transition: box-shadow 400ms ease-out; -webkit-transition: box-shadow 400ms ease-out; -o-transition: box-shadow 400ms ease-out; } /* View type: grid %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Product grid: basic styles (common for all types of product grids) -------------------------------------------------------------- */ .products-grid {} .products-grid .item { padding-top:20px; padding-bottom:20px; position:relative; /* For hover effect */ } .products-grid .product-name { margin:15px 0 10px; } .products-grid .product-image-wrapper { margin:0 auto; position:relative; } .product-image-wrapper img.al-icon { width: 30px; position: absolute; top: 0; left: 0; height: auto; z-index: 1; } .products-grid .product-image { display:block; } .order-desc .products-grid .product-image { display: inline; } .products-grid .price-box { margin:10px 0 10px; font-size:1em; } .products-grid .ratings { margin:10px 0; line-height:1.0833em; } /* If ratings wrapped, remove margin from ratings, leave maring in wrapper */ /*.products-grid .ratings-wrapper { margin:10px 0; } .products-grid .ratings-wrapper .ratings { margin-top:0; margin-bottom:0; }*/ .products-grid .actions { margin:10px 0 0; } .products-grid .availability { float:none; margin:5px 0; } .products-grid .add-to-links { margin:10px 0 0; } /* Prices old/special: inline */ /*.products-grid .old-price, .products-grid .special-price { display: inline-block; } .products-grid .old-price + .special-price { margin-left: 4px; }*/ /* Grid: additional styles %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Equal height of items (buttons displayed at the bottom of items) -------------------------------------------------------------- */ .products-grid.equal-height .item .actions { position:absolute; bottom:15px; } /* Remove equal height */ .products-grid.auto-height .item .actions { position:static; bottom:auto; } /* Deprecated */ /* Display grid item elements only on hover -------------------------------------------------------------- */ .products-grid .item .display-onhover { display:none; } /* Display grid item elements only on hover: fade-in (for sliders) */ .products-grid .item .visible-onhover { visibility:hidden; opacity:0; transition: visibility 0s ease-in-out 600ms, opacity 300ms ease-in-out 300ms; -moz-transition: visibility 0s ease-in-out 600ms, opacity 300ms ease-in-out 300ms; -webkit-transition: visibility 0s ease-in-out 600ms, opacity 300ms ease-in-out 300ms; -o-transition: visibility 0s ease-in-out 600ms, opacity 300ms ease-in-out 300ms; } .products-grid .item:hover .visible-onhover { visibility:visible; opacity:1; transition: visibility 0s ease-in-out 0s, opacity 300ms ease-in-out 100ms; -moz-transition: visibility 0s ease-in-out 0s, opacity 300ms ease-in-out 100ms; -webkit-transition: visibility 0s ease-in-out 0s, opacity 300ms ease-in-out 100ms; -o-transition: visibility 0s ease-in-out 0s, opacity 300ms ease-in-out 100ms; } /* Product name in a single line -------------------------------------------------------------- */ .products-grid.single-line-name .product-name { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .products-grid.single-line-name .item:hover .product-name { overflow: visible; white-space: normal; } /* Align to the center -------------------------------------------------------------- */ .products-grid.centered .item { text-align: center; } .products-grid.centered .item .ratings .rating-box, .products-grid.centered .item .btn-cart { margin-left: 0; margin-right: 0; } .products-grid.centered .item .ratings .amount { margin-left: 3px; } .products-grid.centered .item input.checkbox { float: none; } .products-grid.centered .item .actions .add-to-links li { float: none; margin:0; } /*.products-grid.centered .item .actions .add-to-links li:last-child { margin-right:0; }*/ /* Grid: only in category view %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .category-products-grid .item { border-top:1px solid #e5e5e5; border-left:none; border-right:none; zoom:1; padding-top:2%; padding-left:1%; padding-right:1%; background-color:#fff; transition: box-shadow 0ms ease-in; -moz-transition: box-shadow 0ms ease-in; -webkit-transition: box-shadow 0ms ease-in; -o-transition: box-shadow 0ms ease-in; } /* Hover effect -------------------------------------------------------------- */ .category-products-grid.hover-effect .item:hover { margin-left:-1%; margin-right:-1%; padding-left:2%; padding-right:2%; z-index:10; box-shadow:0 0 20px rgba(0,0,0,0.2); border-color:transparent; transition: box-shadow 400ms ease-out; -moz-transition: box-shadow 400ms ease-out; -webkit-transition: box-shadow 400ms ease-out; -o-transition: box-shadow 400ms ease-out; } /* Grid: override grid elements to change size %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Product name -------------------------------------------------------------- */ .products-grid.size-s .product-name { font-size:1.1666em; /*14px*/ line-height:1.2307em; /*16px*/ } .products-grid.size-xs .product-name { font-size:1em; /*12px*/ line-height:1.25em;/*15px*/ } /* Buttons -------------------------------------------------------------- */ .products-grid.size-s .item .btn-cart { line-height: 3em; padding-left: 15px; padding-right: 15px; } .products-grid.size-xs .item .btn-cart { line-height: 2.5em; padding-left: 8px; padding-right: 8px; } /* Product labels -------------------------------------------------------------- */ .products-grid.size-s .sticker { width:45px; height:45px; font-size:1em; } .products-grid.size-s .item:hover .sticker { width:50px; height:50px; } .products-grid.size-xs .sticker { width:40px; height:40px; font-size:0.9166em; /*11px*/ } .products-grid.size-xs .item:hover .sticker { width:45px; height:45px; } /* Product view elements %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Rating %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .ratings, .no-rating { line-height: 15px; margin: 15px 0 15px; } .ratings strong { float:left; margin:1px 5px 0 0; } /* For backward compatibility */ .rating-box { width:69px; height:13px; font-size:0; line-height:0; background:url(https://www.ekfluidworks.com/skin/frontend/ultimo/default/images/img/rating.png) 0 0 repeat-x; text-indent:-999em; overflow:hidden; } .rating-box .rating { float:left; height:13px; background:url(https://www.ekfluidworks.com/skin/frontend/ultimo/default/images/img/rating.png) 0 100% repeat-x; } .ratings .rating-box, .ratings .amount, .ratings .rating-links { display: inline-block; vertical-align: middle; } .ratings .rating-box { margin-right:6px; } .ratings .amount { white-space:nowrap; font-size:10px; text-transform:uppercase; } .ratings .rating-links .separator { display: inline-block; vertical-align: middle; text-indent: -9999px; border-left: 1px solid #e5e5e5; height: 13px; width: 1px; margin: 0 3px; } .ratings-table th, .ratings-table td { line-height:1.1666em; /*14px*/ padding:3px 0; } .ratings-table th { padding-right:8px; } /* Generic block for feature presentation on product page %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .product-action { display: block; margin: 10px 0; } .product-action .ic { vertical-align: middle; font-size: 16px; /* Fixed width of the icon container. Required because different icon widths can break the alignment. */ width: 24px; text-align: center; } .product-action .label { vertical-align: middle; margin-left: 3px; } /* Availability - only X left %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .availability-only {} a.availability-only { cursor:pointer; } /* It may also be a link to toggle more details */ /* Enlarge the icon */ .availability-only .ic { font-size: 20px; } /* Inside the label */ .availability-only strong { font-weight:normal; } .availability-only .caret { margin-left:8px; opacity:1; filter:alpha(opacity=100); } /* Table with details */ .availability-only-details { width:100%; margin:-10px auto 20px; } .availability-only-details thead { border-bottom:1px solid #e5e5e5; } .availability-only-details th { padding:4px 12px; font-weight:bold; } .availability-only-details td { padding:1px 12px; border-right:1px solid #f5f5f5; } .availability-only-details td.last { border-right:none; } /* Product increments %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .product-pricing {} .extrahint-wrapper .product-pricing { padding:10px; background-color:#f5f5f5; } .product-options-bottom .product-pricing { clear:left; } /* Alerts %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .alert-price {} .alert-stock {} /* Product Prices %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .price { white-space:nowrap !important; } .price-box { margin: 0; } .price-box .price {} .price-box .price-label {} /* Common labels */ .old-price .price-label, .special-price .price-label { white-space:nowrap; } .old-price .price-label { display:none; } /* Regular price */ .regular-price {} .regular-price .price {} /* Old price */ .old-price { margin:0; } .old-price .price { text-decoration:line-through; } /* Special price */ .special-price {} /* Minimal price (as low as) */ .minimal-price { margin:0 0 5px; } .minimal-price .price {} .minimal-price .price-label { white-space:nowrap; } .minimal-price-link { display:block; } /* Excluding tax */ .price-excluding-tax { display:block; } .price-excluding-tax .label { white-space:nowrap; } .price-excluding-tax .price { font-weight:normal; } /* Including tax */ .price-including-tax { display:block; } .price-including-tax .label { white-space:nowrap; } .price-including-tax .price {} /* Configured price */ .configured-price { margin:0; } .configured-price .price-label { font-weight:bold; white-space:nowrap; } .configured-price .price { font-weight:bold; } /* FPT */ .weee { display:block; font-size:11px; } .weee .price { font-size:11px; font-weight:normal; } /* Excl tax (for order tables) */ .price-excl-tax { display:block; } .price-excl-tax .label { display:block; white-space:nowrap; } .price-excl-tax .price { display:block; } /* Incl tax (for order tables) */ .price-incl-tax { display:block; } .price-incl-tax .label { display:block; white-space:nowrap; } .price-incl-tax .price { display:block; font-weight:bold; } /* Price range */ .price-from { margin:0; } .price-from .price-label { white-space:nowrap; } .price-to { margin:0; } .price-to .price-label { white-space:nowrap; } /* Price notice next to the options */ .price-notice { margin-left:5px; } .price-notice .price { padding-left:3px; } /* Price as configured */ .price-as-configured .price-label { font-size:1.1666em; font-weight:bold; text-transform:uppercase; white-space:nowrap; color:inherit; } .price-box-bundle .price-box { margin:0 !important; padding:0 !important; border:none !important; } /* Tier Prices %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .tier-prices { margin:0 0 10px; padding-left: 10px; } .tier-prices li { line-height:15px; background:url(https://www.ekfluidworks.com/skin/frontend/ultimo/default/images/img/bullet.png) 0 4px no-repeat; padding:0 0 0 11px; margin:3px 0; } .tier-prices .benefit { color:#ee001c; font-weight:normal; } .tier-prices-grouped li { padding:2px 0; } .tier-prices-grouped li .price { font-weight:bold; } /* Add-to links %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .add-to-links .separator { display:none; } .add-to-links li { float:left; } .addto-gaps-right li { margin-right:10px; } /* Add gaps at the right side of links */ /* Add-to links: simple icons (with no text) -------------------------------------------------------------- */ .addto-links-icons {} /* If displayed in a group: add margin between icons */ .addto-links-icons .link-compare { margin-left:3px; } .addto-links-icons a { display:block; } .addto-links-icons .ic { font-size:16px; } /* If displayed on product image */ .addto-links-icons.addto-onimage { float:right; margin-top:-40px; /* Move up */ position:relative; z-index:1; padding-bottom:4px; /* Use padding to cover the bottom part of the product image below icons */ padding-right:4px; } /* Add to Cart box %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Display elements inline, no floating */ .product-view .add-to-cart { float:none; } .add-to-cart .qty-wrapper, .add-to-cart .button { display:inline-block; } .add-to-cart .qty-wrapper .qty { text-align:center; margin-right:10px; } /* PayPal -------------------------------------------------------------- */ .product-view .paypal-wrapper { float:left; } .product-view .paypal-wrapper .paypal-logo { margin:0; padding:5px 0 0; text-align:right; } .product-view .paypal-wrapper .paypal-logo .paypal-or { clear:both; display:block; margin:5px 60px 5px 0; } /* Magento's default */ .add-to-cart .paypal-logo { clear:left; margin:0; padding:10px 0 0; text-align:right; } .add-to-cart .paypal-logo .paypal-or { clear:both; display:block; margin:5px 60px 5px 0; } /* Button "Add to cart" on product page */ .product-view .btn-cart { min-width: 200px; } /* Add class "left-side" to place the buttom at the left side of the quantity field -------------------------------------------------------------- */ .add-to-cart.left-side { float: none !important; /* In case floating is set in some other styles */ } .add-to-cart.left-side .button { float: left; } .add-to-cart.left-side .qty-wrapper { line-height: 55px; /* The same height as button */ } .add-to-cart.left-side .qty-wrapper label { padding-left: 7px; } /* Product page %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Basic layout %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* 1 Column Layout -------------------------------------------------------------- */ /* Stretch content area (full page width) */ .catalog-product-view .col1-layout .col-main { margin-left:0; margin-right:0; width:100%; } /* 3 Columns Layout -------------------------------------------------------------- */ /* Uncomment if you're using 3-column layout on product page */ /*.catalog-product-view .col3-layout .product-img-column, .catalog-product-view .col3-layout .product-shop, .catalog-product-view .col3-layout .product-secondary-column, .catalog-product-view .col3-layout .box-additional { float: none; width: 100%; } .catalog-product-view .col3-layout .img-box .product-image { margin: 0 auto; width: 57%; }*/ /* Product images %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .product-view .product-img-column { float:left; margin-bottom:10px; position:relative; /* Stickers are positioned relative to this container. TODO: move to the stylesheet with sticker styles. */ } .product-view .product-img-column .al-icon { width: 70px; height: auto; position: absolute; top: 15px; left: 30px; } .col3-layout .product-view .product-img-column { float:none; margin:0 auto; } /* Product primary column %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .product-view .product-shop { float:left; } .product-view .product-shop .product-name { margin:0 0 1.6666em; /*20px*/ } .product-view .product-shop .product-name h1 { margin:0; } .product-view .product-shop .ratings-table { margin:15px 0 5px; } /* Product secondary Column %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .product-view .product-secondary-column .inner { padding-top:1px; padding-bottom:10px; /* Stop collapsing margins */ } /* Product primary column's elements %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .product-view .short-description { margin:15px 0; line-height:1.25em; /*15px*/ } .product-view .short-description ul { margin-top:5px; margin-bottom:5px; } /* Add-to links */ .product-view .action-box { margin:20px 0; } /* Add-to links in different places of the product page */ .product-view .add-to-links li { margin-right: 10px; } .product-view .add-to-links a { display: block; } .product-view .add-to-links .ic { font-size: 16px; } /* Other elements */ .extrahint-wrapper { margin-bottom:15px; } /* Downloadable product -------------------------------------------------------------- */ .product-type-data .item-options { clear: both; } .product-type-data .item-options dt { float:none; margin:0 0 5px; } /* The same style as "item-options" in cart */ .product-type-data .item-options dd { background:url(https://www.ekfluidworks.com/skin/frontend/ultimo/default/images/img/bullet.png) 3px 4px no-repeat; padding-left:15px; } /* Additional information table -------------------------------------------------------------- */ .product-view .data-table th { font-weight:bold; } /* Prices - common for product view and MAP popup %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Prices on product page and MSRP */ .product-view .product-shop .price-box .price-including-tax .price { font-size:18px; } .product-view .product-shop .price-box .price-excluding-tax .price { font-size:inherit; } /* Main price (prominent) */ .product-view .product-shop .price-box .regular-price .price, .product-view .product-shop .price-box .special-price .price, .product-view .product-shop .price-box .special-price .price-label, .product-view .product-shop .price-box .old-price .price, .product-view .product-shop .price-box .old-price .price-label, .product-view .product-shop .price-box .price-including-tax .price, .product-view .product-options-bottom .price-box .regular-price .price, .product-view .price-as-configured .price, .map-popup-price .regular-price .price, .product-view .price-box.map-info .old-price .price { font-size:1.6666em; /*20px*/ } /* Old price */ .product-view .product-shop .price-box .old-price .price-label { white-space:nowrap; display:none; } /* MSRP price (only in MSRP box) */ .map-popup-msrp .price { display:block; /* Move price below the label */ } /* Move MSRP links below the price */ .product-view .product-shop .price-box.map-info .old-price { display:block; } /* Special price */ .product-view .price-box .special-price .price-label { white-space:normal; } .product-view .price-box .special-price .price-including-tax, .product-view .price-box .special-price .price-excluding-tax { padding:0 0 0 15px; } /* Price box inside "Add-to-cart" box or inside product options box */ .product-view .add-to-box .price-box, .product-options-bottom .price-box { float:left; margin:18px 15px 10px 0; padding:0; } /* Main containers (e.g. for add-to-cart, product options) %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Product type specific data */ .product-view .product-type-data { margin:10px 0 0; } /* Lower part of the container */ .product-view .container1-wrapper, .product-view .container2-wrapper, .product-view .add-to-box { padding:0 0 15px; margin:0 0 15px; border-bottom:1px solid #e5e5e5; } .product-view .container2-wrapper { margin-bottom:30px; } /* Button container */ .product-view .add-to-box { margin-top:15px; } /* Background color for main containers */ /*.product-view .product-type-data, .container1-wrapper, .container2-wrapper, .product-view .add-to-box {}*/ /* Other elements %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Unordered list in product description (for lists with no bullet class) */ .product-view .short-description .std ul:not(.ic-ul), .product-view .box-tabs .std ul:not(.ic-ul) { list-style:none outside none; } .product-view .short-description .std ul:not(.ic-ul) li, .product-view .box-tabs .std ul:not(.ic-ul) li { background:url(https://www.ekfluidworks.com/skin/frontend/ultimo/default/images/infortis/_shared/cck/list/bullet.png) 0 0 no-repeat; padding-left:25px; } /* Margin for list in long description */ .product-view .box-tabs .std ul { margin-bottom:1em; } /* If unordered list has "disc" class, override */ .product-view .short-description .std ul.disc, .product-view .box-tabs .std ul.disc { list-style:disc outside none; padding-left:1.5em; } .product-view .short-description .std ul.disc li, .product-view .box-tabs .std ul.disc li { background-image:none; padding-left:0; } /* Product options %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .product-options { position:relative; margin-bottom:15px; } .product-options dt { font-weight:normal; } .product-options dt label { display:inline-block; font-weight:bold; } .product-options dt label.required em { float:right; margin-left:3px; } .product-options dd .qty-holder { display:block; padding:5px 0 0; } .product-options dd .qty-holder label { vertical-align:middle; } .product-options dt .qty-disabled { background:none; border:0; padding:3px; } .product-options dd { margin:3px 0 10px; } .product-options dl.last dd.last { border-bottom:0; } .product-options dd input.input-text { width:100%; /*98%*/ } .product-options dd input.datetime-picker { width:150px; } .product-options dd .time-picker { display:-moz-inline-box; display:inline-block; padding:2px 0; vertical-align:middle; } .product-options dd textarea { width:100%; /*width:92%;*/ height:8em; } .product-options dd select { width:100%; } .product-options dd .multiselect option { border-bottom:1px dotted #d9e5ee; padding:2px 4px; } .product-options ul.options-list { margin-right:5px; } .product-options ul.options-list li { line-height:1.5; padding:2px 0; } .product-options ul.options-list input.radio { float:left; } .product-options ul.options-list input.checkbox { float:left; margin-top:2px; } .product-options ul.options-list .label { display:block; margin-left:18px; } .product-options ul.options-list label { font-weight:normal; } .product-options ul.validation-failed { padding:0 7px; } .product-options p.note { margin:0; font-size:0.9166em; } .product-options p.required { position:absolute; right:0; top:-15px; } /*bottom*/ .product-options-bottom { margin-top:20px; } .product-options-bottom .tier-prices { margin:0 0 10px; padding:0; border:0; background:0; } .product-options-bottom .tier-prices li { background:0; padding:2px 0; } .product-options-bottom .price-box .price-as-configured {} .product-options-bottom .price-label {} .product-options-bottom .price-tax {} .product-options-bottom .add-to-cart { clear:both; } /* To avoid floating after price */ .product-shop .product-options-bottom { margin:0; } .product-shop .product-options-bottom .price-label { float:none; padding-right:0; } .product-shop .product-options-bottom .price-tax { float:none; } .product-shop .product-options-bottom .add-to-cart-box { clear:both; float:left; padding-top:12px; } /* Grouped Product %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .product-view .grouped-items-table { margin:0; clear:both; } .product-view .grouped-items-table thead th { font-weight:bold; } .product-view .grouped-items-table .price-box { margin:0; padding:0; border:0; } .product-view .grouped-items-table .price-box .price-including-tax .price { font-size:inherit; font-family:inherit; } .product-view .grouped-items-table td { vertical-align:middle; } .product-view .grouped-items-table .price-box .regular-price .price { font-size:inherit; font-family:inherit; } /* Block: Tags %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .product-view .box-tags .product-tags { display:block; margin:0 0 25px; } .product-view .box-tags .product-tags li { display:inline; padding:0 7px; border-right:1px solid #e5e5e5; } .product-view .box-tags .product-tags li.first { padding-left:0; } .product-view .box-tags .product-tags li.last { padding-right:0; border-right:0; } .product-view .box-tags .form-add label { display:block; font-weight:bold; margin:0 0 5px; } .product-view .box-tags .form-add .input-box { float:left; margin:0 5px 5px 0; } .product-view .box-tags .form-add input.input-text { width:auto; } .product-view .box-tags .note { margin:3px 0 0; } /* Block: Reviews %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .product-view .box-reviews { margin-top:15px; } .product-view .box-reviews dl { margin:30px 0 15px; } .product-view .box-reviews dt .heading { font-weight:normal; font-size:1.5em; margin-right:10px; } .product-view .box-reviews dt span { font-weight:bold; } .product-view .box-reviews dt a { font-size:18px; margin-right:8px; } .product-view .box-reviews dd { margin:0 0 15px 15px; padding-bottom:15px; border-bottom:1px dashed #e5e5e5; } .product-view .box-reviews dd:last-child { border-bottom: none; } .product-view .box-reviews dd .date { display:block; margin-top:3px; font-style:italic; } .product-view .box-reviews .ratings-table { margin:5px 0; } .product-view .box-reviews .pager { margin-bottom:25px; } .product-view .box-reviews .form-add h2 {} /* Write your own review */ .product-view .box-reviews .form-add h3 { font-size:1em; font-weight:normal; margin-bottom:0; } .product-view .box-reviews .form-add h3 span { font-weight:bold; } .product-view .box-reviews .form-add h4 { font-size:1em; font-weight:normal; } .product-view .box-reviews .form-add h3, .product-view .box-reviews .form-add h4 { font-family:inherit; } .product-view .box-reviews .form-add .form-list { margin:15px 0 0; } .product-view .box-reviews .form-add .form-list .input-box {} .product-view .box-reviews .form-add .form-list input.input-text { width:100%; max-width:340px; } .product-view .box-reviews .form-add .form-list textarea { width:100%; max-width:500px; } .product-view .box-reviews .buttons-set button.button { float:left; margin-left:0; } .product-view .box-reviews .form-add .data-table { max-width:176px; } .product-view .box-reviews .form-add .data-table th, .product-view .box-reviews .form-add .data-table td { text-align:center; line-height:1em; } .product-view .box-reviews .form-add .data-table td .radio { margin:0; } /* Send a Friend %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .send-friend .form-list li p { margin:0 15px 0 0; } .send-friend .form-list .field { margin-bottom:8px; } .send-friend .form-list textarea { width:100%; } .send-friend .buttons-set .limit { float:right; margin:0 7px; } /* Product collateral data container %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Generic wrapper for lower part of the product page */ .product-view .box-additional { margin-top: 20px; } /* Boxes for collateral data -------------------------------------------------------------- */ .product-view .box-collateral { margin-top: 0; margin-bottom: 30px; } /* Remove margin if box is inside one of the main sections of product page */ .product-view .product-img-column .box-collateral, .product-view .product-primary-column .box-collateral, .product-view .product-secondary-column .box-collateral { margin-bottom: 15px; } /* Remove margin if box is inside tabs */ .product-view .box-tabs .box-collateral { margin-bottom: 0; } /* Collateral container -------------------------------------------------------------- */ .product-view .collateral-container {} .product-view .collateral-container .collateral-block {} /* Headings -------------------------------------------------------------- */ .product-view .box-collateral > h2:first-child, .product-view .collateral-block > h2:first-child, /* Rule required in case a heading is not wrapped inisde "box-collateral" */ .product-view .section-title { margin-bottom: 15px; padding: 7px 0; border-bottom: 1px solid #e5e5e5; } /* Modify headings in specific cases -------------------------------------------------------------- */ /* Slider headings - no bottom margin (it would pull the navigation arrows down) -------------------------------------------------------------- */ .product-view .block-related .section-title, .product-view .block-upsell .section-title { margin-bottom: 0; } /* Headings if box is inside one of the main sections of product page -------------------------------------------------------------- */ /* Hide first heading (which is always the same as tab name) */ .product-view .box-tabs .panel > h2:first-child { display:none; } /* Hide first heading also if it is inside "box-collateral" */ .product-view .box-tabs .box-collateral > h2:first-child { display:none; } /* Headings inside one of the main sections of product page -------------------------------------------------------------- */ .product-view .product-img-column .box-collateral > h2:first-child, .product-view .product-primary-column .box-collateral > h2:first-child, .product-view .product-secondary-column .box-collateral > h2:first-child { font-size: 18px; } /* Content Styles %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .product-name { margin:0; font-weight:normal; font-size:1em; } /* Product Tags */ .tags-list li { display:inline; } /* Advanced Search */ .advanced-search-summary { padding:20px; margin:10px 0; } .advanced-search-summary ul { float:left; margin:0 4% 10px 0; width:46%; } .advanced-search-summary li { margin:0 0 2px 0; font-size:1.25em; } .advanced-search-summary strong { margin:0 5px 0 0; } .advanced-search-summary p { clear:both; float:left; display:block; margin:10px 0 0; } /* Advanced Search - form */ .advanced-search .form-list label { padding-right:10px; width:140px; } .advanced-search .form-list .input-box, .advanced-search .form-list .input-range { clear:none; float:left; /* Complex form fields (e.g. price range) require floating for correct layout */ } .catalogsearch-advanced-index .fieldset { margin-bottom:3px; } .catalogsearch-advanced-index .buttons-set { padding-left:0; } .catalogsearch-advanced-index .buttons-set button.button { float:left; margin-left: 0; } /* Sitemap */ .page-sitemap .links { float:right; margin:0 0 5px; text-align:center; } .page-sitemap .links a { text-decoration:none; position:relative; } .page-sitemap .sitemap { margin:15px; } .page-sitemap .sitemap li { margin:3px 0; } .page-sitemap .sitemap li.level-0 { margin:10px 0 0; font-weight:bold; } .page-sitemap .sitemap li.level-0 a {} .page-sitemap .pager { clear:both; } /* RSS */ .rss-title h1 { background:url(https://www.ekfluidworks.com/skin/frontend/ultimo/default/images/i_rss-big.png) 0 center no-repeat; padding-left:30px; } .rss-table .link-rss { display:block; } /* Shopping Cart %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Checkout Types %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .cart .page-title .checkout-types li { margin:0 0 5px; } .cart .title-buttons .checkout-types { float:right; } .cart .title-buttons .checkout-types li { float:left; margin:0 0 5px 5px; } /* Shopping Cart Table %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .cart-table thead tr { border-bottom:1px solid #e5e5e5; } .cart-table th.last { border-right:none; } .cart-table .product-image { width:168px; display:block; } .cart-table .product-name { margin:0 0 10px; font-weight:normal; font-size:1.6666em; line-height:1.2em; /*20px, 24px*/ } .cart-table .item-msg { margin:5px 0; font-size:0.9166em; font-weight:bold; color:#ee001c; } .cart-table tfoot td { padding:5px 10px; border:none; } .cart-table input.qty { width: 4em !important; } /* Table bottom - buttons -------------------------------------------------------------- */ .cart-table tfoot td.last { padding:15px 0 0; border-bottom:1px solid #eee; } .cart-table tfoot button { padding:0; margin:0 0 15px 10px; } .cart-table .btn-continue { float:left; margin-left:0; } .cart-table .btn-update, .cart-table .btn-empty { float:right; } /* Cart Collateral blocks %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .cart-collaterals { margin-top:2%; /* Percentage value to keep the same margin as between columns */ } .cart .cart-left-column > *, .cart .cart-right-column > * { margin-bottom:20px; } .cart .cart-right-column { float:right; } /* Cross-sell %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .cart .crosssell .product-image { float:left; } .cart .crosssell .product-details { margin-left:85px; } .cart .crosssell .btn-cart { float:left; margin-right:10px; } .cart .crosssell .add-to-links { float:left; margin:12px 0 0; } .cart .crosssell .price-box { margin:7px 0; } .cart .crosssell li.item { padding:20px 0; } .cart .crosssell li.item.odd { margin-left:0; clear:left; } .cart .crosssell li.item.even { margin-right:0; float:right; } /* -------------------------------------------------------------- */ .cart-wide-box .crosssell li.item { float:left; width:265px; min-height:109px; } .cart-wide-box .crosssell li.item.odd { padding-right:20px; border-right:1px solid #eee; } .cart-wide-box .crosssell li.item.even { padding-left:20px; } /* Common styles: Cross-sell, Discount Codes, Estimate Shipping %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .cart .discount .buttons-set, .cart .shipping .buttons-set { margin:10px 0 0; border:0; padding:0; text-align:left; } .cart .discount .buttons-set button.button, .cart .shipping .buttons-set button.button { float:none; margin-left:0; } /* Discount Codes (coupons) %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .cart .discount label { display:block; margin:0 0 5px; } .cart .discount .input-box {} .cart .discount input.input-text { width:100%; } /* Estimate Shipping %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .cart .shipping input.input-text, .cart .shipping select { width:100%; } .cart .shipping p { margin-bottom:10px; } .cart .shipping .sp-methods { margin:10px 0 0; } /* Shopping Cart Totals %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .cart .totals { background-color:#f5f5f5; } .cart .totals-inner { padding:20px; } .cart .totals table { width:100%; } .cart .totals td { padding:1px 0px 1px 7px; } .cart .totals tr.last td {} .cart .totals tfoot th { padding:5px 15px 5px 7px; } .cart .totals tfoot td { padding-bottom:5px; } .cart .totals tfoot th strong, .cart .totals tfoot td strong { font-size:16px; } /*.cart .totals tfoot .price { color:#B31F5A; } */ .cart .totals .checkout-types { text-align:right; } .cart .totals .checkout-types li { display: inline-block; margin:10px 0; vertical-align: top; } /* Item Options and Options Tool Tip %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .item-options dt { float: left; clear: left; } .item-options dd { float: left; margin: 0 0 2px; padding-left: 7px; font-style: italic; } /* Item options in cart/checkout tables */ .data-table .item-options { line-height: 15px; margin:0 0 0 10px; } .data-table .item-options dt { background: url(https://www.ekfluidworks.com/skin/frontend/ultimo/default/images/img/bullet.png) 0 4px no-repeat; padding-left: 10px; } .data-table .item-options dd { padding-left: 10px; /* The same left padding as "dt" in case "dd" drops to a new line */ } /* Options Tool Tip -------------------------------------------------------------- */ .truncated { cursor:help; display:inline-block; } .truncated a.dots { cursor:help; } .truncated a.details { cursor:help; text-decoration:none; border-bottom:1px dotted #ccc; } .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:190px; padding:15px; } .truncated .truncated_full_value .item-options > p { font-weight:bold; margin-bottom:2px; } .truncated .show .item-options { display: block; left: -210%; top: 20px; } /* Checkout %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /********** < Common Checkout Styles */ /* Shipping and Payment methods */ .sp-methods dt { font-weight:bold; margin:15px 0 0; } .sp-methods dt:first-child {margin-top: 0; } .sp-methods dt.a-center { text-align: left !important; } /* Heading "Credit Card Information" in the Order Review tab */ .sp-methods dd { margin: 3px 0 15px; } .sp-methods dd li { margin: 5px 0; } .sp-methods .price { font-weight:bold; } .sp-methods .form-list { padding:10px 10px 10px 22px; } .sp-methods select.month { width:150px; margin-right:10px; } .sp-methods select.year { width:96px; } .sp-methods input.cvv { width:5em !important; } .sp-methods .checkmo-list li {} .sp-methods .checkmo-list label { padding-right:10px; } .sp-methods .checkmo-list address { float:left; } .sp-methods .centinel-logos a { margin-right:3px; } .sp-methods .centinel-logos img { vertical-align:middle; } .please-wait { float:right; margin-right:5px; } .please-wait img { vertical-align:middle; } .cvv-what-is-this { cursor:help; margin-left:10px; } /* Tooltip with credit card security code explanation */ .tool-tip { margin-left: 22px; /* To align with ".sp-methods .form-list" */ } .tool-tip .btn-close a { display:block; margin:0 0 5px; } /* Gift Messages */ .gift-messages { margin:30px 0 10px; } .gift-messages-form { border:1px solid #e5e5e5; padding:20px; position:relative; } .gift-messages-form p { margin-bottom:10px; } .gift-messages-form label { float:none !important; position:static !important; } .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(https://www.ekfluidworks.com/skin/frontend/ultimo/default/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; padding:0 7px 0px; } .gift-message dt strong { font-weight:bold; color:#666; } .gift-message dd { margin:5px 0 0; font-size:13px; } .order-gift-message { margin:15px 0; } /* Checkout Agreements */ .checkout-agreements li { display: block; padding:22px; background-color: #f5f5f5; margin:0 0 10px; } .checkout-agreements .agreement-content { overflow: auto; max-height: 144px; /* Height = 8 times 18px (default line height) */ } .checkout-agreements .agree input.checkbox { margin-right:8px; } .checkout-agreements .agree label { font-weight:bold; vertical-align:middle; } /* 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; } /* Generic Info Set */ /* For more styles see Multiple Addresses Checkout */ .info-set .data-table .item-options { margin:5px 0 0; } /********** Common Checkout Styles > */ /* Block - progress %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .block-progress dl { margin-top: 15px; } .block-progress dt { margin: 15px 0; line-height: 1.3em; /* Low line height to display the line near the heading text */ text-transform: uppercase; font-weight: bold; } .block-progress dd { margin-bottom: 25px; padding-left: 15px; font-style: italic; } .block-progress address { font-style: italic; } .block-progress dt a { /* Reset styles of the heading text */ text-transform: none; font-weight: normal; } .block-progress p { margin:0; } /* Other %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .opc .buttons-set.disabled button.button { display:none; } .opc .buttons-set .please-wait { height:45px; line-height:45px; /* The same height as the button */ } .opc .ul { list-style:disc outside; padding-left:18px; } .opc { position:relative; } .opc .section { margin:0 0 10px; padding:0; } .opc .step-title { background:#f5f5f5; padding:10px; text-align:right; } .opc .step-title .number { float:left; background:#fff; padding:8px 12px; margin:0 8px 0 0; font-size:1.3333em; } .opc .step-title h2 { float:left; margin:0; color:#999; font-size:1.3333em; line-height:2.125em; } .opc .step-title a { display:none; float:right; margin-top:8px; } .opc .section.allow { cursor:pointer; } .opc .section.allow.active { cursor:auto; } .opc .allow .step-title { background:#f5f5f5; } .opc .allow .step-title:hover { background-color:#e5e5e5; } .opc .allow .step-title h2 { color:#333; } .opc .allow .step-title a { display:block; } .opc .active .step-title { background-color:#e5e5e5; cursor:default; } .opc .active .step-title .number { color:#fff; background-color:#333; } .opc .active .step-title h2 {} .opc .active .step-title a { display:none; } .opc .step { padding:10px 20px; margin-top:10px; position:relative; } .opc .step .tool-tip { right:30px; } #opc-login .buttons-set button { float:left; margin-left:0; } #opc-login .buttons-set a { float:right !important; } #opc-login h3 { margin-top:10px; } #opc-login h4 { font-family:inherit; font-weight:normal; } #opc-login .form-list { margin:15px 0 15px; } #opc-login .form-list li { margin:0 0 3px;} .opc .gift-messages-form { border:1px solid #e5e5e5; border-width:1px 0;} .opc .gift-messages-form .inner-box { overflow:visible; } #opc-review .step { padding:0; } #opc-review .item-options { margin:5px 0 0; } #opc-review .btn-checkout { min-width: 200px; } #opc-review .buttons-set p { margin:0; line-height:28px; } #opc-review .buttons-set .please-wait { height:28px; line-height:28px; } #opc-review .authentication { margin:0 auto; width:570px; } #opc-review .warning-message { color:#222; font-weight:bold; text-align:center; padding:10px 10px 0; } /* Common styles for: Multiple Addresses Checkout and Generic Info Set %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .multiple-checkout h2, .info-set h2 { font-weight:bold; margin:0 0 10px; } .multiple-checkout h3, .multiple-checkout h4, .info-set h3, .info-set h4 { font-size:15px; font-weight:bold; } .multiple-checkout h2 a, .multiple-checkout h3 a, .multiple-checkout h4 a, .info-set h2 a, .info-set h3 a, .info-set h4 a { font-size:12px; font-weight:normal; } .multiple-checkout .data-table .product-name, .info-set .data-table .product-name { font-size:13px; margin:0 0 5px; } .multiple-checkout .col2-set h2.legend, .info-set h2.legend { font-weight:normal; } .multiple-checkout .col2-set h3.legend, .info-set h3.legend { color:#ce001a; margin:0 0 10px; } .multiple-checkout .col2-set .divider, .info-set .divider { margin:0 -20px; padding:25px 0; position:relative; } .multiple-checkout .box, .info-set .box { margin:0 0 15px; } /* Multiple Addresses Checkout %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .checkout-progress { padding:0 110px; margin:-11px 0 25px; } .checkout-progress li { float:left; width:19%; margin:0 1px 0 0; padding-top:5px; border-top:10px solid #d5d5d5; text-align:center; color:#bbb; } .checkout-progress li.active { border-top-color:#ce001a; color:#ce001a; } .multiple-checkout .page-title { border-bottom:1px solid #e5e5e5; padding-bottom:5px; } .multiple-checkout .buttons-set { border-top:1px solid #e5e5e5; margin-top:40px; padding-top:15px; } /* Styles similar to cart-table */ .multiple-checkout .data-table thead tr { border-bottom:1px solid #bbb; } .multiple-checkout .data-table thead th { padding:10px; font-weight:normal; } .multiple-checkout .gift-messages { margin:15px 0 0; } .multiple-checkout .tool-tip { top:50%; margin-top:-120px; right:10px; } .multiple-checkout .col2-set .col-1 { width:32%; } .multiple-checkout p.actions { margin-bottom:10px; } .multiple-checkout .place-order .please-wait { margin-top:10px; } .multiple-checkout .place-order .grand-total { font-size:1.5em; text-align:right; } .multiple-checkout .place-order .grand-total .inner div { display:inline; } .multiple-checkout .place-order .grand-total big { display:inline; margin-right:20px; } /* Step 1 */ #multiship-addresses-table td { padding:10px; } /* Step 2 */ .checkout-multishipping-shipping .box-sp-methods { border:1px solid #e5e5e5; padding:15px; margin-bottom:0; position:relative; } /* My Account %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Account Login/Create Pages %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .account-login .new-users, .account-login .registered-users { margin-bottom:20px; } .account-login p { margin-bottom:20px; } .account-login p.required { margin:0; } /* Make top margin smaller - in log-in form "required" element is in different place then in other containers "buttons-set" */ .account-login .buttons-set { margin-top: 10px; } /* Account Login/Create box elements - login page and checkout page */ .account-login .buttons-set button { float:left; margin-left:0; } .account-login .buttons-set a { float:right !important; margin-bottom: 10px; } /* My Account Dashboard %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .my-account {} .my-account .title-buttons .link-rss { float:none; margin:0; } /********** < Dashboard */ .dashboard .welcome-msg { margin:0 0 1.6666em; } .dashboard .welcome-msg .hello { font-size:1.6666em; line-height:1.2em; /*20px, 24px*/ } .dashboard .welcome-msg .hello strong { font-weight: normal; } .dashboard .col-1, .dashboard .col-2 { margin-bottom:1.5em; } /* General Box */ .box-account { margin:0 0 2.5em; } .box-account .box-head { border-bottom:1px solid #e5e5e5; margin:0 0 10px; padding-bottom:5px; } .box-account .box-head a { float:right; margin-top:10px; } .box-account .box-head h2 { float:left; margin:0; background-position:0 0; background-repeat:no-repeat; } .box-account.box-info .col-1 { border-right:1px solid #e5e5e5; } .box-account.box-info .col-1 .box { padding-right:10px; } .dashboard .box .box-title { padding:0 0 2px; margin:0 0 10px; text-align:right; border-bottom:1px solid #e5e5e5; } .dashboard .box .box-title h3, .dashboard .box .box-title h4 { float:left; margin:0; } /* Block: Recent Orders */ .dashboard .box-recent .box-head h2 {} /* Block: Account Information */ .dashboard .box-info .box-head h2 {} .dashboard .box-info h4 { font-weight:normal; text-transform:uppercase; } /* Block: Reviews */ .dashboard .box-reviews .box-head h2 {} .dashboard .box-reviews .number { float:left; font-size:1.3333em; line-height:1.25em; padding:0 10px; } .dashboard .box-reviews .details { margin-left:38px; } .dashboard .box-reviews li.item { margin:0 0 7px; } .dashboard .box-reviews li.item.last { margin:0; } .dashboard .box-reviews .ratings { margin:5px 0 0; } /* Block: Tags */ .dashboard .box-tags .box-head h2 {} .dashboard .box-tags .number { float:left; font-size:1.3333em; line-height:1.25em; padding:0 10px; } .dashboard .box-tags .details { margin-left:38px; } .dashboard .box-tags .tags { margin:5px 0 0; } .dashboard .box-tags li.item { margin:0 0 7px; } .dashboard .box-tags li.item.last { margin:0; } .dashboard .box-tags .tags strong, .dashboard .box-tags .tags ul, .dashboard .box-tags .tags ul li { display:inline; } /********** Dashboard > */ /* Add left padding if icons are displayed in headings */ /*.box-account .box-head h2, .order-items h2, .order-about h2 { padding-left:38px; }*/ /* Address Book %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .addresses-list h3 { font-weight:normal; } .addresses-list address { margin-bottom:10px; } .addresses-list .link-remove:hover { color:#ee001c; } .addresses-list .separator { margin:0 3px; } .addresses-list .addresses-primary .item { padding:15px; margin:0 0 10px; background-color:#f5f5f5; } .addresses-list li.empty { background:none; border:0; padding:0; } .addresses-list li.empty p { color:#555; } .addresses-list .addresses-additional .item { padding:15px; margin:0 0 10px; border:1px solid #e5e5e5; } .my-account .pager { margin-bottom:20px; } /* Order View %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .order-info { margin:20px 0 10px; } .order-info dt, .order-info dd, .order-info li, .order-info li a { float:left; } .order-info dt { font-weight:bold; } .order-info li { margin-right:1px; } .order-info dt, .order-info li.current, .order-info li a { padding:10px; } .order-info dt { padding-left:0; } .order-info li a { background-color:#f8f8f8; } .order-info li a:hover, .order-info li.current { background-color:#e5e5e5; } /* Date */ .order-date { margin:15px 0; color:#ee001c; clear:both; } /* %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .order-info-box { margin:0 0 10px; padding:20px; } .order-info-box .col-1 { border-right:#e5e5e5 solid 1px; } .order-info-box h2 {} .order-info-box .box-payment p { margin:0 0 3px; } .order-info-box .box-payment th { font-weight:bold; padding-right:7px; } .order-items .data-table { margin-bottom:20px; } .order-items .data-table td { padding:5px 9px; } .order-items .data-table .grand_total { font-size:1.3333em; } /* Grand total color */ .order-items .data-table .grand_total .last, .order-items .data-table .grand_total_incl .last {} .order-items { width:100%; } .order-items .product-name { margin:0 0 3px; font-size:12px; } .order-items .link-print { font-weight:normal; } .order-items p .link-print { float:none; } .order-items h2, .order-about h2 { margin:15px 0; } .order-items h3.table-caption { font-size:13px; font-weight:bold; } .order-items h2.table-caption a, .order-items h2.sub-title a { font-size:12px; font-weight:normal; text-transform:none; } .order-items .order-links { text-align: right; } .order-items .order-comments h2 {} .order-details h2 {} .order-details h2 .separator { color:#999; font-size:12px; } .order-about { margin:0 0 15px; padding:5px 30px; } .order-about dt { font-weight:bold; } .order-about dd { font-size:12px; margin-bottom:15px; } .tracking-table { margin:0 0 15px; } .tracking-table th { width:20%; font-weight:bold; white-space:nowrap; } .tracking-table th, .tracking-table td { padding:5px 9px; } .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 { margin:0 0 15px; } .page-print .print-head .logo { float:left; } .page-print .print-head address { float:left; margin-left:15px; } .page-print h1 { font-size:16px; font-weight:bold; } .page-print h2, .page-print h3 { font-size:13px; font-weight:bold; } .page-print h2.h2 { font-size:16px; font-weight:bold; } .page-print .order-date { background:url(https://www.ekfluidworks.com/skin/frontend/ultimo/default/images/bkg_divider1.gif) 0 100% repeat-x; padding:0 0 10px; margin:0 0 10px; } .page-print .col2-set { margin:0 0 10px; } /* 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; } /* My Wishlist %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .my-wishlist .product-image { display:block; margin:0 0 5px; min-width:113px; max-width:140px; } .my-wishlist .product-name { margin-bottom:10px; } .my-wishlist .description { margin-bottom:10px; } .my-wishlist textarea { display:block; width:97%; height:70px; border:1px solid #e5e5e5; } .my-wishlist .price-box { margin-bottom:5px; } .my-wishlist .add-to-cart-alt { margin-bottom:10px; } .my-wishlist .buttons-set { margin-top:2em; } #wishlist-table .add-to-links { white-space:nowrap; } .my-wishlist .data-table tr.even { background:#f8f8f8; } .my-wishlist .btn-cart { margin:10px 0 5px; } /* My Tags %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .my-tag-edit { float:left; margin:0 0 10px; } .my-tag-edit .btn-remove { float:right; margin:5px 0 0 5px; } #my-tags-table { clear:both; } #my-tags-table td { padding:10px; } #my-tags-table .add-to-links { white-space:nowrap; } /* My Reviews TODO:deprecated %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ #my-reviews-table td { padding:10px; } .product-review .product-img-box { float:left; width:140px; } .product-review .product-img-box .product-image { display:block; width:125px; height:125px; } .product-review .product-img-box .label { margin:0 0 8px; } .product-review .product-img-box .ratings .rating-box { float:none; display:block; margin:0 0 10px; } .product-review .product-details { margin:0 20px 20px 155px; } .product-review .product-name { font-size:18px; margin:0 0 18px; } .product-review h3 { font-size:12px; margin:15px 0 5px; } .product-review .ratings-table { margin:0 0 15px; } .product-review dt { font-weight:bold; } .product-review dd { font-size:12px; margin:5px 0 0; } /* Billing Agreements %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .billing-agreements .form-list li select { float:left; } .billing-agreements .form-list li button.button { float:left; margin-left:10px; } .billing-agreements .table-caption { font-weight:bold; font-size:13px; } /* Popups %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Remember Me Popup %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .window-overlay { background:url(https://www.ekfluidworks.com/skin/frontend/ultimo/default/images/window_overlay.png) repeat; background:rgba(0, 0, 0, 0.35); position:absolute; top:0; left:0; width:100%; height:100%; z-index:9999; } .remember-me label { float:none; margin:0 6px; } .remember-me-popup { left:50%; top:50%; position:absolute; margin:-85px 0 0 -200px; width:400px; z-index:10000; } .remember-me-popup-head { position:relative; } .remember-me-popup-close-button { margin-top: 15px; } /* MAP Popup %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .cart-msrp-totals { color:red; text-align:right; text-transform:uppercase; } .map-cart-sidebar-total { display:block; color:red; font-weight:normal; font-size:12px; line-height:1.5em; } .map-popup { margin:10px 0 0; position:absolute; width:300px; z-index:100; } .map-popup-heading h2 { margin:0; overflow:hidden; white-space:nowrap; word-wrap: break-word; text-align:left; text-overflow:ellipsis; } .map-popup-arrow { display:none; } .map-popup-content { overflow:hidden; text-align:left; } .map-popup-checkout { float:right; text-align:right; } .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; padding:20px; text-align:left; word-wrap:break-word; } .map-popup-only-text { border-top:1px solid #eee; } /* Common styles for: Remember Me Popup and MAP Popup %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .remember-me-popup, .map-popup { background:#fff; text-align:left; } .remember-me-popup-head, .map-popup-heading { border-bottom:1px solid #e5e5e5; padding:15px 45px 15px 20px; } .remember-me-popup-head h3, .map-popup-heading h2 { margin:0; font-size:16px; } .remember-me-popup-body, .map-popup-content { padding:20px; } .remember-me-popup-head .remember-me-popup-close, /* Only the "close" button in the header */ .map-popup-close { display:block; position:absolute; top:16px; right:16px; } /* Other %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .calendar { z-index:200; } /* Footer %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .footer-container, .footer-container2 { background-repeat:repeat; background-position:center top; background-attachment: scroll; } .footer { margin:0 auto; padding:0; text-align:left; } .footer .item-left { float:left; margin-right:20px; } .footer .item-right { float:right; margin-left:20px; } /* Footer elements */ .footer .heading, #subscribe-form label { margin-bottom:0.625em; font-size:1.3333em; font-weight:normal; } /* Footer top %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .footer-top {} /* Footer primary %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .footer-primary {} /* Primary footer additional -------------------------------------------------------------- */ .footer-primary-top-spacing { padding-top:20px; padding-bottom:20px; border-bottom:1px solid; border-color:#eee; border-color:rgba(0,0,0, 0.05); } .footer-primary-bottom-spacing { border-top:1px solid; border-color:#eee; border-color:rgba(0,0,0, 0.05); padding-top:20px; padding-bottom:20px; } .footer-primary .social-links.ib-wrapper--square a { padding-bottom: 10px; display: inline-block; } /* Footer secondary %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .footer-secondary {} /* Footer bottom %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .footer-bottom-container {} .footer-bottom { padding-top:10px; /* To counterbalance the bottom margin of footer elements */ } /* Footer elements %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Newsletter form -------------------------------------------------------------- */ #subscribe-form {} #subscribe-form form { display:block; } #subscribe-form label { float:left; margin:0 5px 0 0; line-height:36px; font-weight:normal; position: relative; } #subscribe-form .input-box { float:left; margin:0 5px 5px 0; position:relative; } #subscribe-form .input-box .validation-advice { padding:10px 0; margin:0; width:140%; position:absolute; top:-103%; left:-20%; text-align:center; background-color:#fff; background-color:rgba(255,255,255,0.9); z-index:1; } #subscribe-form .input-text { float:left; width:auto; } #subscribe-form .input-text.validation-failed {} #subscribe-form .button { float:left; } /* Social services -------------------------------------------------------------- */ .social-links a > span.icon { display:inline-block; } /* For backward compatibility */ .social-links span.icon, /* For backward compatibility */ .social-links .ib { margin-bottom:3px; } /* Other elements -------------------------------------------------------------- */ .footer-copyright { font-size:0.9166em; /*11px*/ line-height:1.3636em; margin-bottom:10px; margin-left:10px; } /* Scroll to top button -------------------------------------------------------------- */ #scroll-to-top { display:none; position:fixed; width:50px; height:50px; line-height:50px; text-align:center; font-size:32px; bottom:30px; right:30px; z-index:9999; border-radius:50%; background-image:none !important; /* To hide possible image bg from outdated custom CSS styles */ } #scroll-to-top:hover { background-color:#333; } /* Configurable Swatches %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Configurable Swatches %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Clears */ .clearfix:after, .configurable-swatch-list:after, .product-view .product-options .swatch-attr:after { content: ''; display: table; clear: both; } /* General Swatch Styling -------------------------------------------------------------- */ .swatch-link, .swatch-label { display: block; border-radius: 0; /*3px;*/ font-size: 14px; text-align: center; color: #636363; text-decoration: none; box-sizing: content-box; } .swatch-link { border: 1px solid #cccccc; margin: 0 0 3px; } .swatch-link img { border-radius: 0; /*2px*/ } .swatch-link:hover { cursor: pointer; text-decoration: none; } .swatch-link .x { display: none; text-indent: -999em; position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: url(https://www.ekfluidworks.com/skin/frontend/ultimo/default/images/bg_x.png) center no-repeat transparent; z-index: 10; } .swatch-link.has-image .swatch-label { position: relative; } .swatch-link.has-image img { position: absolute; top: 0; left: 0; } .swatch-label { border: 1px solid #fff; margin: 0; white-space: nowrap; background: #f4f4f4; } /* Configurable swatch list -------------------------------------------------------------- */ .configurable-swatch-list { margin-left: -3px; zoom: 1; clear: both; -webkit-transform: translateZ(0px); } .configurable-swatch-list li { float: left; zoom: 1; margin: 0 0 0 3px; } .products-grid .configurable-swatch-list li { display: inline-block; float: none; margin: 0; vertical-align: top; } .configurable-swatch-list .not-available .x { display: block; } .configurable-swatch-list .not-available .swatch-link { border-color: #ededed; position: relative; } .configurable-swatch-list .not-available .swatch-link.has-image img { opacity: 0.4; filter: alpha(opacity=40); } .configurable-swatch-list .not-available .swatch-label { color: #aaa; background: #fff; } .configurable-swatch-list .wide-swatch .swatch-label { padding: 0 6px; } .configurable-swatch-list .not-available a:focus { outline: 0; } /* In layered navigation -------------------------------------------------------------- */ #narrow-by-list dd .configurable-swatch-list li { margin: 0 0 0 3px; width: 47%; } #narrow-by-list dd .swatch-link { border: none; line-height: 25px; margin-right: 2px; text-align: left; } #narrow-by-list dd .swatch-link.has-image { line-height: inherit; } #narrow-by-list dd .swatch-link:hover .swatch-label { border-color: #000; } #narrow-by-list dd .swatch-label { background: #f4f4f4; border: 1px solid #cccccc; border-radius: 0; /*3px;*/ display: block; float: left; line-height: 1.5em; margin: 0 5px 0 0; padding: 1px 5px; white-space: nowrap; } #narrow-by-list dd .swatch-label img { border: 1px solid #fff; border-radius: 0; /*3px;*/ box-sizing: content-box; } #narrow-by-list dd .has-image .swatch-label { padding: 0; } /* Remove list arrow */ .block-layered-nav dd .configurable-swatch-list li, .block-layered-nav .currently ol.configurable-swatch-list li { background: none; padding-left: 0; } .block-layered-nav dd .configurable-swatch-list > li > a::before { display: none; } /* In layered navigation - current filter -------------------------------------------------------------- */ .currently .swatch-current { position: relative; } .currently .swatch-current .btn-remove { margin-top: -10px; position: absolute; right: 0; top: 50%; } .currently .swatch-current span { display: block; float: left; } .currently .swatch-link { display: inline-block; margin: 0 0 0 3px; } .currently .swatch-link:hover { border-color: #cccccc; cursor: default; } /* Other Swatch States -------------------------------------------------------------- */ .configurable-swatch-list .hover .swatch-link, .configurable-swatch-list .selected .swatch-link, .swatch-link:hover { border-color: #000; } .configurable-swatch-box { background: none !important; } .configurable-swatch-box select.swatch-select { display: none; } .configurable-swatch-box .validation-advice { margin: 0 0 5px; background: #df280a; padding: 2px 5px !important; font-weight: bold; color: #fff !important; float: left; display: block; border-radius: 0; /*3px;*/ } /* Product page swatches %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .product-view .product-options .swatch-attr { float: none; display: block; clear: both; border: 0; } .product-view .product-options .swatch-attr label, .product-view .product-options .swatch-attr .select-label { font-size: 12px; } .product-view .product-options .swatch-attr label { display: block; } .product-view .product-options .swatch-attr .select-label { display: inline; font-weight: normal; padding-left: 5px; } .product-view .product-options dd .input-box { width: auto; height: auto; } .product-view .product-options .select-label { display: none; } .product-view .add-to-cart button.out-of-stock { background-position: -80px -362px; cursor: default; } /* Gallery %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .product-image-gallery { /*position: relative;*/ } .product-image-gallery .gallery-image { display: none !important; /* Added 'important' to override inline style of cloud zoom */ } .product-image-gallery .gallery-image.visible { display: block !important; } .product-image-gallery .gallery-image.visible.hidden { visibility: hidden; } /* Overlay and spinner */ .product-image-gallery:before, .product-image-gallery:after { content: ''; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; display: none; } .product-image-gallery:before { background-color: white; opacity: 0.8; z-index: 2; } .product-image-gallery:after { background-image: url(https://www.ekfluidworks.com/skin/frontend/ultimo/default/images/opc-ajax-loader.gif); background-repeat: no-repeat; background-position: center; z-index: 3; } .product-image-gallery.loading { position: relative; } .product-image-gallery.loading:before, .product-image-gallery.loading:after { display: block; } /* Mark for required product options (next to option label) %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ label.required:after, span.required:after { content: ' *'; color: #EE001C; font-weight: normal; font-family: Verdana, Tahoma, Arial, sans-serif; font-size: 12px; } label.required em, span.required em { display: none; } /* CMS pages and elements %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* CMS pages %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Home page */ body.cms-index-index .breadcrumbs { display:none; } /* Magento widgets %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .widget-new-products .products-grid .item, .widget-viewed .products-grid .item, .widget-compared .products-grid .item { float: left; max-width: 165px; padding: 0 10px 15px; } .widget-new-products .products-list, .widget-viewed .products-list, .widget-compared .products-list { list-style-type: none; padding: 0; } .widget-new-products .products-list .product-image, .widget-viewed .products-list .product-image, .widget-compared .products-list .product-image { float: left; } /* Clear %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .clear { clear:both; font-size:0; line-height:0; height:0; } /* Additional simple clearing */ .clearer:after { display:block; content:"."; clear:both; font-size:0; line-height:0; height:0; overflow:hidden; } .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, .col3-layout .product-options-bottom .price-box: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, .add-to-box:after, .add-to-cart:after, .product-essential:after, .product-view .box-tags .form-add:after, .product-view .product-shop .short-description:after, .product-view .box-description: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, /* Additional clearing */ .breadcrumbs:after, .product-type-data .item-options:after, .my-account .order-info:after, .mini-cart .mini-cart-content .mini-products-list li.item:after, .block-related-thumbnails .product:after, .cart .crosssell:after, .data-table .item-options:after, .section-line:after, .section-title:after { display:block; content:"."; clear:both; font-size:0; line-height:0; height:0; overflow:hidden; } /** custom styles **/ .checkout-order-share { margin-top: 30px; text-align: center; background: #eeeeee; padding: 30px; color: #2a2e31; } .checkout-order-share h2 { margin: 0; min-height: 1.3125em; color: #2a2e31; font-size: 24px; font-weight: bold; margin-bottom: 10px; } .checkout-order-share a { display: inline-block; padding: 10px 30px; background: #f89828; font-size: 16px; border-radius: 5px; color: #fff; margin: 0 5px; } .checkout-order-share a:hover { background: #2b2b2b !important; } .checkout-order-share a.facebook { background: #3B5998; } .checkout-order-share a.twitter { background: #1da1f3; } p.order-deny-product { margin: 5px 0; font-size: 0.9166em; font-weight: bold; color: #ee001c; } .firecheckout-section p.order-deny-product { margin-left: 55px; } .firecheckout-index-index .firecheckout-set a { color: #888; text-decoration: underline; } .firecheckout-index-index .firecheckout-set a:hover { color: #f89836; } .firecheckout-index-index .firecheckout-set .product-name a { text-decoration: none; color: #333333; } .firecheckout-index-index .firecheckout-set .product-name a:hover { color: #f89836; } .cms-partners-become-our-reseller h1 { text-align: center; } @media (max-width: 480px) { .firecheckout-section p.order-deny-product { margin-left: 0px; } } #creditcard-saved-accounts label .saved-card-info span { font-size: 9px !important; } #creditcard-saved-accounts label[for="other-creditcard"] { font-size: 14px !important; font-weight: normal !important; } #creditcard-saved-accounts label .saved-card-info, #paypal-saved-accounts label .saved-paypal-email { margin-left: 10px !important; float: left !important; width: calc(100% - 58px) !important; line-height: 16px !important; margin-top: 7px !important; } #creditcard-saved-accounts label img, #paypal-saved-accounts label img { width: 40px !important; height: auto !important; } #creditcard-saved-accounts label .saved-card-info span { line-height: 16px !important; } #creditcard-saved-accounts label .saved-card-info span.saved-expiry-date { margin-left: 5px !important; } #braintree-accepted-cards img { max-width: 45px !important; height: auto !important; } .searchautocomplete .searchautocomplete-placeholder ul li .highlight i { font-weight: bold; color: #f89836; font-style: normal; } #removal-card-request { color: #f89836; text-decoration: none; display: inline-block; padding: 1px 3px; border: 1px solid #f89836; border-radius: 5px; margin: 5px 0; } #removal-card-request:hover { background: #f89836; color: #fff; } .consent-news { text-align: left; } .block-subscribe .consent-news input { width: auto; } .consent-news label, .consent-news span { font-size: 13px; } .header-top-navigation .container { max-width: 1360px; } .manuals-landing { text-align: center; } .manuals-landing h1 { font-size: 48px; line-height: 48px; font-weight: normal; color: #f89828; margin-bottom: 40px; padding-top: 5px; } .manuals-landing .manual-search { margin-bottom: 20px; } .manuals-landing .manual-search span.informations { display: block; margin-bottom: 20px; font-size: 18px; } .manuals-landing .manual-search input { border: 1px solid #ddd; background-color: #f1f1f1; width: 100%; max-width: 400px; height: 40px; line-height: 40px; padding: 0 20px; } .manuals-landing .manual-search-results { max-height: 600px; overflow: auto; } .manuals-landing hr { display: block; width: 100%; height: 1px; background: #ddd; margin-bottom: 40px; margin-top: 40px; border: none; } .manuals-landing button#browse { background: none; background-color: #f89828; cursor: pointer; border: none; height: 55px; line-height: 55px; color: #fff; padding: 0 30px; font-weight: 600; font-size: 1.1666em; transition: color 300ms ease-in-out, background-color 300ms ease-in-out; -moz-transition: color 300ms ease-in-out, background-color 300ms ease-in-out; -webkit-transition: color 300ms ease-in-out, background-color 300ms ease-in-out; -o-transition: color 300ms ease-in-out, background-color 300ms ease-in-out; } .manuals-landing button#browse:hover { background-color: #333; } .manuals-landing .allfiles, .manuals-landing .manual-search-results { text-align: left; } .manuals-landing .allfiles .manual, .manuals-landing .manual-search-results .manual { margin-bottom: 15px; } .manuals-landing .allfiles .manual .manual-inner, .manuals-landing .manual-search-results .manual .manual-inner { padding-left: 35px; padding-top: 2px; background: url(https://www.ekfluidworks.com/skin/frontend/ultimo/default/images/pdf-icon.png) left center no-repeat; background-size: 31px 30px; font-size: 16px; line-height: 26px; min-height: 30px; color: #333333; } .manual-eol { background: none !important; position: relative; } .manual-eol:before { content: "EOL"; text-transform: uppercase; position: absolute; left: 2px; top: 0px; font-size: 11px; font-weight: bold; display: block; width: 24px; line-height: 26px; text-align: center; height: 27px; border: 1px solid #5d5d5d; border-radius: 5px; } .manuals-landing .allfiles .manual .manual-inner a { color: #333333; font-size: 18px; } .manuals-landing .allfiles .manual .manual-inner a:hover { color: #f89828;; } .manuals-toolbar { margin-bottom: 20px; padding-bottom: 10px; border-bottom: 1px solid #ddd; } .manuals-toolbar:after { content: ""; display: block; clear: both; } .manuals-toolbar.bottomt { margi-bottom: 0px; margin-top: 20px; padding-bottom: 0px; padding-top: 10px; border-bottom: none; border-top: 1px solid #ddd; } .manuals-toolbar .manuals-toolbar-perpage { float: lefT; height: 35px; line-height: 35px; } .manuals-toolbar .manuals-toolbar-buttons { float: right; height: 35px; line-height: 35px; } .manuals-toolbar label { margin-right: 2px; } .manuals-toolbar select { height: 35px !important; line-height: 35px !important; } .manuals-toolbar .manuals-toolbar-perpage { margin-right: 10px; } .manuals-toolbar .manuals-toolbar-perpage:last-of-type { margin-right: 0px; } .manuals-toolbar button { height: 30px; line-height: 28px; background: #f89828; border: none; padding: 0 5px; border-radius: 5px; margin-right: 5px; color: #fff; cursor: pointer; display: inline-block; vertical-align: top; margin-top: 2px; } .manuals-toolbar button:hover { background-color: #333; } @media (max-width: 630px) { .manuals-toolbar:not(.bottomt) .manuals-toolbar-buttons { float: none; width: 100%; clear: both; padding-top: 10px; } } @media (max-width: 410px) { .manuals-toolbar:not(.bottomt) .manuals-toolbar-perpage:nth-of-type(2) { float: none; width: 100%; clear: both; padding-top: 10px; } } /** Toolbar Promotion Banner **/ .toolbar-promo * { font-size: 15px; } .toolbar-promo { height: 60px; width: 100%; background: #fff; overflow: hidden; cursor: default; color: #333333; } .toolbar-promo.toolbar-promo-black { background: #000; overflow: hidden; cursor: default; color: #FFF; border-bottom: 1px #333 solid; } .toolbar-promo.toolbar-promo-black span.countdown label { color: #FFF; } .toolbar-promo.toolbar-promo-black .button-toolbar-promo:hover { background: #FFF; color: #000; } .toolbar-promo.toolbar-promo-black .readmore-toolbar-promo:hover { color: #FFF; } /* dig-1707 */ /*.toolbar-promo .container { max-width: 1670px; }*/ .toolbar-sticky { position: fixed; top: 0px; z-index: 9991; } .toolbar-promo .toolbar-promo-inner { position: relative; height: 60px; width: 100%; padding-left: 100px; padding-right: 20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; text-align: center; } .toolbar-promo .promo-img-left { position: absolute; left: 0px; top: 0px; } .toolbar-promo .promo-img-right { position: absolute; right: 0px; top: 0px; } .toolbar-promo .toolbar-promo-left span { /*font-family: 'magistralcregular', 'Open Sans';*/ font-weight: bold; text-transform: uppercase; font-size: 15px; } .toolbar-promo .toolbar-promo-left span strong { color: #f79629; } .toolbar-promo .toolbar-promo-left .toolbar-promo-cell { line-height: 16px; text-align: center; /*padding-right: 10px;*/ } .toolbar-promo .toolbar-promo-left { text-align: left; display: inline-block; height: 60px; vertical-align: top; margin-right: 30px; max-width: calc(50% - 20px); float: left; } .toolbar-promo .toolbar-promo-right { text-align: left; display: inline-block; height: 60px; vertical-align: top; max-width: calc(50% - 15px); float: left; } .toolbar-promo .toolbar-promo-table { display: table; width: 100%; height: 60px; vertical-align: middle; } .toolbar-promo .toolbar-promo-cell { display: table-cell; vertical-align: middle; text-align: center; } .toolbar-promo .toolbar-promo-inner a { -moz-transition: all 0.22s ease-in-out; -o-transition: all 0.22s ease-in-out; -webkit-transition: all 0.22s ease-in-out; transition: all 0.22s ease-in-out; } .toolbar-promo .button-toolbar-promo { padding: 0px 40px; height: 40px; background: #f79629; font-size: 16px; color: #fff; display: inline-block; line-height: 40px; text-transform: uppercase; margin-right: 30px; } .toolbar-promo .button-toolbar-promo:hover { background: #000; color: #fff; } .toolbar-promo span.countdown { font-family: 'magistralcregular', 'Open Sans'; font-size: 16px; font-weight: bold; color: #F79629; margin-right: 30px; } .toolbar-promo span.countdown * { font-size: 16px; } .toolbar-promo span.countdown label { color: #333333; } .toolbar-promo span.countdown span.seconds { position: relative; } .toolbar-promo span.countdown span.seconds > span:first-of-type { visibility: hidden; } .toolbar-promo span.countdown span.seconds > span:last-of-type { position: absolute; left: 0; top: 0; } .toolbar-promo .readmore-toolbar-promo { color: #F79629; text-decoration: underline; position: relative; top: -2px; } .toolbar-promo .readmore-toolbar-promo:hover { color: #000; } .toolbar-promo .viewsmall { display: none; } @media (min-width: 1450px) { .toolbar-promo .toolbar-promo-left .toolbar-promo-cell:first-of-type { width: 30%; } .toolbar-promo .toolbar-promo-left .toolbar-promo-cell:last-of-type { width: 40%; } } @media (max-width: 1450px) { .toolbar-promo .toolbar-promo-left .toolbar-promo-cell:nth-of-type(2n) { display: none; } .toolbar-promo .toolbar-promo-left span.viewlarge.text-1, .toolbar-promo .toolbar-promo-left span.viewlarge.text-2 { display: none; } .toolbar-promo .toolbar-promo-left span.viewsmall.text-1 { display: block; } } @media (max-width: 1280px) { .toolbar-promo .toolbar-promo-left { max-width: calc(70% - 20px); } .toolbar-promo .toolbar-promo-left span.viewlarge.text-3 { display: none; } .toolbar-promo .toolbar-promo-left span.viewsmall.text-3 { display: block; } .toolbar-promo .toolbar-promo-left span { /* font-size: 12px; line-height: 1em; */ } } @media (max-width: 1090px) { .toolbar-promo .toolbar-promo-inner { padding-right: 0px; } .toolbar-promo .promo-img-right { display: none; } } @media (max-width: 940px) { .toolbar-promo .readmore-toolbar-promo { display: none; } .toolbar-promo .button-toolbar-promo { margin-right: 0; } .toolbar-promo .button-toolbar-promo { padding: 0 15px; } .toolbar-promo .toolbar-promo-left span { font-size: 15px; line-height: 16px; } .toolbar-promo .toolbar-promo-left { margin-right: 15px; } .toolbar-promo span.countdown { margin-right: 15px; } } @media (max-width: 810px) { /* dig-1707 */ .toolbar-promo .toolbar-promo-inner { padding-left: 0px; } .toolbar-promo .promo-img-left { display: none; } .toolbar-promo .toolbar-promo-left { max-width: calc(50% - 10px); } .toolbar-promo .toolbar-promo-right { max-width: calc(50% - 10px); } .toolbar-promo .toolbar-promo-left .toolbar-promo-cell { line-height: 1em; } } @media (max-width: 625px) { .toolbar-promo .button-toolbar-promo { padding: 0 10px; } .toolbar-promo .toolbar-promo-left { max-width: calc(100% - 190px); margin-right: 10px; } .toolbar-promo .toolbar-promo-right { max-width: none; width: 175px; } .toolbar-promo span.countdown { display: inline-block; vertical-align: top; text-align: center; margin-top: 2px; } .toolbar-promo .button-toolbar-promo { vertical-align: top; } .toolbar-promo span.countdown label { /*display: block;*/ line-height: 16px; } .toolbar-promo #countdown { margin-right: 0!important; } .toolbar-promo .container { padding-left: 10px; padding-right: 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .toolbar-promo .viewsmall { display: inline; } .toolbar-promo .viewlarge { display: none; } .toolbar-promo .toolbar-promo-left span.viewsmall.text-3 { display: none !important; } } @media (max-width: 500px) { .toolbar-promo .toolbar-promo-left span { font-size: 13px; line-height: 14px; } .toolbar-promo span.countdown { margin-right: 5px; margin-top: 4px; } .toolbar-promo .toolbar-promo-left { max-width: calc(100% - 170px); } .toolbar-promo .toolbar-promo-right { width: 155px; } .toolbar-promo span.countdown { font-size: 14px; } .toolbar-promo span.countdown * { font-size: 14px; line-height: 14px; } /*.toolbar-promo .button-toolbar-promo { height: 30px!important; line-height: 30px!important; }*/ .toolbar-promo span.countdown span.seconds > span:last-of-type { line-height: 16px; } } /* dig-1707 */ .toolbar-promo .toolbar-promo-inner { padding-left: 160px; padding-right: 0; } .toolbar-promo .toolbar-promo-inner .promo-img-left { height: 60px; width: auto; } .toolbar-promo .toolbar-promo-left span { font-weight: normal; text-transform: none; } .toolbar-promo .toolbar-promo-left { max-width: none; width: 230px; } .toolbar-promo .toolbar-promo-right { max-width: none; width: calc(100% - 260px); } .toolbar-promo .toolbar-promo-left .toolbar-promo-cell { text-align: left; } .toolbar-promo .toolbar-promo-right .toolbar-promo-cell { text-align: right; padding-right: 175px; } .toolbar-promo .button-toolbar-promo { text-transform: none; margin-right: 0; font-weight: 700; width: 160px; padding: 0; text-align: center; position: absolute; top: 11px; right: 0; } @media (max-width: 940px) { .toolbar-promo .toolbar-promo-left { width: 120px; } .toolbar-promo .toolbar-promo-right { width: calc(100% - 150px); } } @media (max-width: 810px) { .toolbar-promo .toolbar-promo-inner { padding-left: 0; } .toolbar-promo .toolbar-promo-left { display: none; } .toolbar-promo .toolbar-promo-right { width: 100%; } .toolbar-promo .toolbar-promo-right .toolbar-promo-cell { text-align: left; } } /*@media (max-width: 625px) { .toolbar-promo .toolbar-promo-right { text-align: left; width: calc(100% - 122px); } } @media (max-width: 500px) { .toolbar-promo .toolbar-promo-right { text-align: left; width: calc(100% - 122px); } }*/ /* DIG-3001 */ .toolbar-promo.black-friday { /*background: url('/shop/skin/frontend/ultimo/optiweb/images/black-friday-2020.jpg') no-repeat center center;*/ /*background: url('/skin/frontend/ultimo/optiweb/images/black-friday-2020.jpg') no-repeat center center;*/ } .toolbar-promo.black-friday .toolbar-promo-inner { padding-left: 0; } .toolbar-promo.black-friday .toolbar-promo-left { width: calc(50% - 40px); margin-left: 10px; } .toolbar-promo.black-friday .toolbar-promo-left * { color: #000; } .toolbar-promo.black-friday .toolbar-promo-right { width: 50%; } .toolbar-promo.black-friday .toolbar-promo-right .toolbar-promo-cell { padding-right: 0; } .toolbar-promo.black-friday .toolbar-promo-right .toolbar-promo-cell .button-toolbar-promo { position: static; } .toolbar-promo.black-friday * { font-family: 'DINProRegular'!important; font-size: 30px!important; } .toolbar-promo.black-friday .button-toolbar-promo, .toolbar-promo.black-friday .button-toolbar-promo span { font-size: 16px!important; } .toolbar-promo.black-friday .toolbar-promo-left * { font-size: 18px!important; } .toolbar-promo.black-friday strong, .toolbar-promo.black-friday .countdown * { font-family: 'DINProBlack'!important; line-height: 30px; } .toolbar-promo.black-friday span.countdown { margin-right: 10px; } .toolbar-promo.black-friday span.countdown span.seconds > span:last-of-type { line-height: 39px; } .toolbar-promo.black-friday a:hover { color: #fff!important; } @media (max-width: 850px) { .toolbar-promo.black-friday .toolbar-promo-right .countdown, .toolbar-promo.black-friday .toolbar-promo-right span.countdown * { font-size: 18px!important; line-height: 20px!important; } .toolbar-promo.black-friday span.countdown span.seconds > span:last-of-type { line-height: 24px!important; } } @media (max-width: 810px) { .toolbar-promo.black-friday .toolbar-promo-left { display: block; } .toolbar-promo.black-friday .toolbar-promo-right .toolbar-promo-cell { text-align: right; } } @media (max-width: 700px) { .toolbar-promo.black-friday * { font-size: 25px!important; } .toolbar-promo.black-friday .toolbar-promo-left { width: calc(40% - 30px); margin-right: 20px; } .toolbar-promo.black-friday .toolbar-promo-right { width: 60%; } .toolbar-promo.black-friday span.countdown span.seconds > span:last-of-type { line-height: 32px; } } @media (max-width: 600px) { .toolbar-promo.black-friday .container { padding-left: 0; padding-right: 0; } .toolbar-promo.black-friday .toolbar-promo-left * { font-size: 18px!important; } .toolbar-promo.black-friday .toolbar-promo-right .button-toolbar-promo { width: 100px; } } @media (max-width: 400px) { .toolbar-promo.black-friday .toolbar-promo-left { width: calc(50% - 30px); margin-right: 20px; } .toolbar-promo.black-friday .toolbar-promo-right { width: 50%; } .toolbar-promo.black-friday .toolbar-promo-right .toolbar-promo-cell { display: block; } .toolbar-promo.black-friday .toolbar-promo-right .toolbar-promo-cell .button-toolbar-promo { height: 30px; line-height: 30px; margin-top: 5px; } /*.toolbar-promo.black-friday { background-position: 51% center; } .toolbar-promo.black-friday * { font-size: 20px!important; } .toolbar-promo.black-friday .toolbar-promo-left { width: calc(70% - 30px); margin-right: 20px; } .toolbar-promo.black-friday .toolbar-promo-right { width: 30%; } .toolbar-promo.black-friday .toolbar-promo-right { .toolbar-promo.black-friday span.countdown span.seconds > span:last-of-type { line-height: 26px; }*/ } /* VueJs attribute for hidding elemsts while Vue is mounting */ [v-cloak] > * { display:none; } .is-overflown { max-height: 360px; overflow-y: scroll; } /** End Toolbar Promotion Banner **/ #confirmButtons .button { width: 180px !important; } .amcart-related-block .button.add-tocart { background: #FF9416 !important; border: none; background-color: #FF9416 !important; box-shadow: none !important; line-height: 20px; margin-top: 5px !important; color: #fff; } .cart .totals .checkout-types li > span { display: inline-block; margin: 0 10px; vertical-align: top; height: 55px; line-height: 55px; } .cart .totals .checkout-types li:last-of-type > span { display: none; } .paypal-express-btn { display: inline-block; vertical-align: top; } .paypal-express-btn { width: 200px !important; position: relative; top: 10px; } @media (max-width: 1030px) and (min-width: 767px) { .cart .totals .checkout-types li { display: block; width: 100%; } .paypal-express-btn { position: static; top: auto; } .cart .totals .checkout-types li > span { display:none; } } @media (max-width: 910px) and (min-width: 767px) { .cart-left-column ul#crosssell-products-list li { width: 100% !important; } } @media (max-width: 530px) { .cart .totals .checkout-types li { display: block; width: 100%; } .paypal-express-btn { position: static; top: auto; } .cart .totals .checkout-types li > span { display:none; } } #pp-express-modal { top: 100px !important; left: calc(50% - 300px) !important; width: 600px !important; height: calc(100% - 130px) !important; max-height: 800px !important; } #pp-express-modal .item-row { border-bottom: 1px solid #ccc !important; padding-bottom: 20px !important; margin-bottom: 20px !important; display: block !important; } #pp-express-modal .item-row:first-of-type { font-weight: 800 !important; font-size: 24px !important; line-height: normal !important; word-break: break-all !important; text-align: left !important; color: #F58C12 !important; } #pp-express-modal .item-row h2.product-name { margin-bottom: 10px !important; } #pp-express-modal .item-row.product-row { padding-bottom: 5px !important; margin-bottom: 5px !important; } #pp-express-modal .item-row.shipping-row { margin-top: 20px !important; text-align: left !important; } #pp-express-modal .item-row.shipping-row > strong { font-size: 18px !important; margin-bottom: 15px !important; display: block !important; } #pp-express-modal .item-row.coupon-row > strong { margin-bottom: 10px !important; display: block !important; } #pp-express-modal #paypal-express-coupon { height: 44px !important; line-height: 44px !important; padding: 0 10px !important; margin-right: 10px !important; } #pp-express-modal .button.coupon-submit { float: left !important; width: auto !important; } #pp-express-modal button#paypal-express-submit { background-color: #FF9416 !important; color: #fff !important; font-size: 16px !important; font-weight: bold !important; -webkit-transition: all .3s ease !important; transition: all .3s ease !important; } #pp-express-modal button#paypal-express-submit:hover { background-color: #333 !important; } #pp-express-modal .button2 { display: block !important; width: auto !important; margin-top: 20px !important; font-size: 0.9rem !important; border: none !important; padding: 10px 20px !important; -webkit-transition: all .3s ease !important; transition: all .3s ease !important; cursor: pointer !important; } #pp-express-modal .button2:hover { background-color: #333 !important; color: #fff !important; } #pp-express-modal .messages { margin-bottom: 20px !important; } #pp-express-modal .messages > li { padding: 10px 20px !important; border: 1px solid #cd4141 !important; color: #cd4141 !important; background: #fbefef !important; } #pp-express-modal .item-row.coupon-row { text-align: left !important; } #pp-express-modal #shopping-cart-totals-table { font-size: 16px !important; line-height: 30px !important; } #gene_braintree_paypal_express_pp .newsletter { font-weight: bold; text-align: left; } #gene_braintree_paypal_express_pp .newsletter input[type='checkbox'] { vertical-align: baseline; } .amcart-related-block .product p.product-name { min-height: 60px !important; padding: 0px !important; } #product-addtocart-button.disabled { background-color: #c0c0c0 !important; cursor: not-allowed !important; } #product-addtocart-button.disabled:hover { cursor: not-allowed !important; } .fc-form-compact .field.fc-dirty label, .fc-form-compact .field .fc-dirty label, .fc-form-compact .wide.fc-dirty label, .fc-form-compact .wide .fc-dirty label { color: #404040 !important; } #billing-address > .block-title::before, #shipping-method > .block-title::before, #payment-method > .block-title::before, #checkout-review > .block-title::before { background: #f89836 !important; color: #fff !important; } .firecheckout-set button.btn-checkout, .firecheckout-set button.btn-primary, .firecheckout-window button.button { background-color: #f89836 !important; padding: 5px 35px !important; border: none !important; } .firecheckout-set button.btn-checkout:hover, .firecheckout-set button.btn-primary:hover, .firecheckout-window button.button:hover { background-color: #333 !important; } .firecheckout-section.address-section > .form-list { border-top: 1px solid #e5e5e5 !important; padding: 10px 0 0 10px !important; margin: 10px 0px 0 0px !important; } #creditcard-saved-accounts, #paypal-saved-accounts, #creditcard-saved-accounts label, #paypal-saved-accounts label { font-size: 14px !important; font-weight: normal !important; } .firecheckout-index-index .checkout-title h1 { float: left; color: #000; background: none; border: none; } #checkout-additional > .block-title { display: none; } .discount-block #checkout-coupon-discount-load { padding-top: 10px; } .discount-block #checkout-coupon-discount-load #coupon-apply { background-color: #f89828; border: none; height: 36px; vertical-align: top; margin-top: 0px !important; padding-top: 0px; } .discount-block #checkout-coupon-discount-load #coupon-apply:hover { background-color: #333; } #checkout-review #checkout-checkoutfields-load label { position: static !important; visibility: visible !important; opacity: 1 !important; color: #333 !important; } #customer_id_number_notice_checkout { padding-top: 10px; } .alert-box.note-msg.al-warning { padding: 7px 5px 7px 45px!important; background-position: 8px center!important; background-color: #e6e6e6; border-color: #e6e6e6; color: #000; } /** * Magento * * NOTICE OF LICENSE * * This source file is subject to the Academic Free License (AFL 3.0) * that is bundled with this package in the file LICENSE_AFL.txt. * It is also available through the world-wide-web at this URL: * http://opensource.org/licenses/afl-3.0.php * If you did not receive a copy of the license and are unable to * obtain it through the world-wide-web, please send an email * to license@magento.com so we can send you a copy immediately. * * DISCLAIMER * * Do not edit or add to this file if you wish to upgrade Magento to newer * versions in the future. If you wish to customize Magento for your * needs please refer to http://www.magento.com for more information. * * @category design * @package base_default * @copyright Copyright (c) 2006-2020 Magento, Inc. (http://www.magento.com) * @license http://opensource.org/licenses/afl-3.0.php Academic Free License (AFL 3.0) */ /* Widgets =============================================================================== */ .widget { display:inline; } .widget .widget-title { clear:both; padding:15px 0 0; margin:0 0 7px; } .widget .widget-title h2 { font-size:15px; font-weight:bold; color:#e25203; } .widget .mini-products-images-list .product-image { display:block; width:76px; height:76px; border:1px solid #a9a9a9; margin:0 auto; } .widget .mini-products-images-list li.item { float:left; width:77px; height:77px; } /* Widget: Catalog New Proructs List */ .widget-new-products { display:block; } .col-main .widget-new-products { margin:7px 0; } .widget-new-products .products-grid .product-image, .widget-new-products .products-list .product-image { width:85px; height:85px; } .widget-new-products .products-list .product-shop { margin-left:100px; } .sidebar .widget-new-products .block { font-size:11px; line-height:1.25; } .sidebar .widget-new-products .block-title strong { background:url(https://www.ekfluidworks.com/skin/frontend/base/default/images/widgets/i_widget-new.gif) 0 1px no-repeat; padding-left:21px; color:#dc5033; } /* Widget: Recently Viewed Proructs */ .widget-viewed { display:block; } .col-main .widget-viewed { margin:7px 0; } .widget-viewed .products-grid .product-image, .widget-viewed .products-list .product-image { width:85px; height:85px; } .widget-viewed .products-list .product-shop { margin-left:100px; } .sidebar .widget-viewed .block { font-size:11px; line-height:1.25; } .sidebar .widget-viewed .block-title strong { background:url(https://www.ekfluidworks.com/skin/frontend/base/default/images/widgets/i_block-list.gif) 0 0 no-repeat; padding-left:21px; } /* Widget: Recently Compared Proructs */ .widget-compared { display:block;} .col-main .widget-compared { margin:7px 0; } .widget-compared .products-grid .product-image, .widget-compared .products-list .product-image { width:85px; height:85px; } .widget-compared .products-list .product-shop { margin-left:100px; } .sidebar .widget-compared .block { font-size:11px; line-height:1.25; } .sidebar .widget-compared .block-title strong { background:url(https://www.ekfluidworks.com/skin/frontend/base/default/images/widgets/i_block-list.gif) 0 0 no-repeat; padding-left:21px; } /* Widget: CMS Static Block */ .widget-static-block {} .sidebar .widget-static-block { display:block; margin:0 0 15px; } /* Widgets: Links Common Styles */ .top-container .widget a { padding:0 0 0 7px; } .bottom-container .widget a { padding:0 3px; } /* Widget: Catalog Product Link */ .widget-product-link-inline { display:inline; } .col-main .widget-product-link { display:block; text-align:right; margin:7px 0; } .col-main .widget-product-link a { background:url(https://www.ekfluidworks.com/skin/frontend/base/default/images/widgets/i_widget-link.gif) 100% 4px no-repeat; padding-right:15px; } .sidebar .widget-product-link { display:block; margin:0 0 15px; padding:0 10px; } .sidebar .widget-product-link a { background:url(https://www.ekfluidworks.com/skin/frontend/base/default/images/widgets/i_widget-link.gif) 100% 4px no-repeat; padding:0 15px 0 0; } /* Widget: Catalog Category Link */ .widget-category-link-inline { display:inline; } .col-main .widget-category-link { display:block; text-align:right; margin:7px 0; } .col-main .widget-category-link a { background:url(https://www.ekfluidworks.com/skin/frontend/base/default/images/widgets/i_widget-link.gif) 100% 4px no-repeat; padding-right:15px; } .sidebar .widget-category-link { display:block; margin:0 0 15px; padding:0 10px; } .sidebar .widget-category-link a { background:url(https://www.ekfluidworks.com/skin/frontend/base/default/images/widgets/i_widget-link.gif) 100% 4px no-repeat; padding:0 15px 0 0; } /* Widget: CMS Page Link */ .widget-cms-link-inline { display:inline; } .col-main .widget-cms-link { display:block; text-align:right; margin:7px 0; } .col-main .widget-cms-link a { background:url(https://www.ekfluidworks.com/skin/frontend/base/default/images/widgets/i_widget-link.gif) 100% 4px no-repeat; padding-right:15px; } .sidebar .widget-cms-link { display:block; margin:0 0 15px; padding:0 10px; } .sidebar .widget-cms-link a { background:url(https://www.ekfluidworks.com/skin/frontend/base/default/images/widgets/i_widget-link.gif) 100% 4px no-repeat; padding:0 15px 0 0; } /* ======================================================================================= */ #confirmOverlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.15); z-index: 99999; } #confirmBox { position: fixed; width: 462px; max-height: 95vh; background-color: #fff; text-align: center; border: 1px solid #dadada; box-sizing: border-box; border-radius: 9px; box-shadow: 0 0 40px rgba(0, 0, 0, 0.4); z-index: 10001; overflow: auto; } #confirmBox > .cross { position: absolute; top: 5px; right: 10px; color: rgba(0, 0, 0, 0.25); font-size: 21px; } #confirmBox > .cross:hover { cursor: pointer; color: rgba(0, 0, 0, 0.45); } #messageBox .amcart-title > a { display: block; margin: 0 15px 5px; font-weight: 800; font-size: 24px; line-height: normal; word-break: break-all; } #confirmBox .amcart-text { font-size: 16px; } .amcart-center-block { margin: 10px 0; } #confirmBox .amcart-product-image > img { width: 100%; display: inline; } #confirmBox .amcart-product-image { margin: auto; } .amcart-hide { width: 100%; height: 100%; z-index: 10; } #am-qty-button-update, #am-qty-button-up, #am-qty-button-down { width: 18px; cursor: pointer; } #am-qty-button-update { display: inline-block; height: 18px; vertical-align: middle; background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPjxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKC04MjYxIC0xMTU1KSI+PHVzZSB4bGluazpocmVmPSIjcGF0aDBfZmlsbCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoODI2MSAxMTU1KSIgZmlsbD0iI0M0QzRDNCIvPjxtYXNrIGlkPSJhIj48dXNlIHhsaW5rOmhyZWY9IiNwYXRoMF9maWxsIiBmaWxsPSIjZmZmIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg4MjYxIDExNTUpIi8+PC9tYXNrPjxnIG1hc2s9InVybCgjYSkiPjx1c2UgeGxpbms6aHJlZj0iI3BhdGgxX3N0cm9rZV8yeCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoODI2MSAxMTU1KSIgZmlsbD0iI0M0QzRDNCIvPjwvZz48L2c+PHVzZSB4bGluazpocmVmPSIjcGF0aDJfZmlsbCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNS45OCAzLjQ2KSIgZmlsbD0iI0ZGRiIvPjx1c2UgeGxpbms6aHJlZj0iI3BhdGgzX2ZpbGwiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDIuMDggNi40MSkiIGZpbGw9IiNGRkYiLz48ZGVmcz48cGF0aCBpZD0icGF0aDBfZmlsbCIgZD0iTTE4IDlBOSA5IDAgMSAxIDAgOWE5IDkgMCAwIDEgMTggMHoiLz48cGF0aCBpZD0icGF0aDFfc3Ryb2tlXzJ4IiBkPSJNMTcgOWE4IDggMCAwIDEtOCA4djJjNS41MjMgMCAxMC00LjQ3NyAxMC0xMGgtMnptLTggOGE4IDggMCAwIDEtOC04aC0yYzAgNS41MjMgNC40NzcgMTAgMTAgMTB2LTJ6TTEgOWE4IDggMCAwIDEgOC04di0yQzMuNDc3LTEtMSAzLjQ3Ny0xIDloMnptOC04YTggOCAwIDAgMSA4IDhoMkMxOSAzLjQ3NyAxNC41MjMtMSA5LTF2MnoiLz48cGF0aCBpZD0icGF0aDJfZmlsbCIgZD0iTS43MjggMS45M2MuNzYtLjYgMS42NjMtLjkzMiAyLjYxNC0uOTMyIDIuMzc2IDAgNC4zMjUgMi4wMjkgNC4zMjUgNC41NCAwIC4yMTctLjAxNi40MzMtLjA0OC42NWwtLjQ0My0uNDgzYS40NDQuNDQ0IDAgMCAwLS42NjYgMGMtLjE5LjItLjE5LjUxNSAwIC42OThsMS41NTMgMS42NjRMOS43ODkgNi40MmEuNTE1LjUxNSAwIDAgMCAuMDMyLS42OTkuNDU4LjQ1OCAwIDAgMC0uNjY1LS4wMzNMOC42IDYuMjJjLjAzMi0uMjMyLjA0OC0uNDQ5LjA0OC0uNjgyQzguNjQ5IDIuNDk1IDYuMjg5IDAgMy4zNzQgMEE0Ljk2NSA0Ljk2NSAwIDAgMCAuMTg5IDEuMTMxYS41Mi41MiAwIDAgMC0uMDk1LjY5OWMuMTI3LjIxNi40MjguMjY2LjYzNC4xeiIvPjxwYXRoIGlkPSJwYXRoM19maWxsIiBkPSJNLjQ3IDIuNTExYS40OS40OSAwIDAgMCAuMzE3LS4xMzNsLjUzOC0uNTE1YTUuNDg5IDUuNDg5IDAgMCAwLS4wNDcuNzMyYzAgMy4wNDMgMi4zNiA1LjUzOCA1LjI3NSA1LjUzOCAxLjE4OCAwIDIuMzEzLS40MTYgMy4yNDgtMS4xOGEuNTE3LjUxNyAwIDAgMCAuMDc5LS43LjQ2MS40NjEgMCAwIDAtLjY2Ni0uMDgyIDQuMTQ1IDQuMTQ1IDAgMCAxLTIuNjYuOTY0Yy0yLjM3NyAwLTQuMzI2LTIuMDI5LTQuMzI2LTQuNTQgMC0uMjMzLjAxNi0uNDgzLjA0OC0uNzE2bC40NDMuNDgzYy4xOS4yLjQ5Mi4yLjY2NiAwIC4xOS0uMi4xOS0uNTE2IDAtLjY5OUwxLjgzMiAwIC4xNTMgMS42NDdhLjUxNS41MTUgMCAwIDAtLjAzMi42OTguNDQuNDQgMCAwIDAgLjM0OS4xNjZ6Ii8+PC9kZWZzPjwvc3ZnPg==); } #am-qty-button-up { margin-bottom: 5px; height: 11px; background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPjx1c2UgeGxpbms6aHJlZj0iI3BhdGgwX2ZpbGwiIGZpbGw9IiNDNEM0QzQiLz48ZGVmcz48cGF0aCBpZD0icGF0aDBfZmlsbCIgZD0iTTE4IDExSDBMOSAwbDkgMTF6Ii8+PC9kZWZzPjwvc3ZnPg==); } #am-qty-button-down { margin-top: 10px; height: 11px; background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPjx1c2UgeGxpbms6aHJlZj0iI3BhdGgwX2ZpbGwiIHRyYW5zZm9ybT0ibWF0cml4KDEgMCAwIC0xIDAgMTEpIiBmaWxsPSIjQzRDNEM0Ii8+PGRlZnM+PHBhdGggaWQ9InBhdGgwX2ZpbGwiIGQ9Ik0xOCAxMUgwTDkgMGw5IDExeiIvPjwvZGVmcz48L3N2Zz4=); } .displayed-qty .child-block { display: inline-block; width: 45%; vertical-align: top; } .displayed-qty .amcart-qty-block { padding-top: 40px; } #am-input { margin-left: 20px; } #confirmBox .scroll { max-height: 80%; } #confirmButtons { margin: 22px auto 30px; width: 400px; text-align: center; clear: both; } #amcart-count { padding: 1px 0 3px 0; background: none; font-size: 16px; } #amcart-count .link { font-weight: bold; } .text { padding-bottom: 28px; background: none; font-size: 16px; } .text.subtotal { padding-bottom: 0; } .text.subtotal .price { font-weight: bold; } #confirmButtons .button { position: relative; display: inline-block; height: 50px; width: 45%; color: white; font-weight: normal; font-size: 20px; line-height: 23px; border-radius: 3px; cursor: pointer; box-shadow: 0 -2px 0 rgba(0, 0, 0, 0.15) inset; } #amprogress { position: fixed; top: 0; left: 0; height: 100%; width: 100%; background: url('https://www.ekfluidworks.com/skin/frontend/ultimo/default/css/amasty/amcart/ie.png'); z-index: 100000; } #amimg_container { position: absolute; top: 50%; left: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); z-index: 9999; } #am_minicart_container { position: absolute; right: 0; padding: 8px; width: 234px; background: url("https://www.ekfluidworks.com/skin/frontend/ultimo/default/css/amasty/amcart/header_bg.jpg") repeat-x scroll left bottom #f5f5f5; border-radius: 2px 2px 2px 2px; color: #555; text-align: left; z-index: 3000; overflow: hidden; box-shadow: 1px 1px 1px #d3d3d3; } #am_minicart_container .item { padding: 5px; width: 220px; background: none; } #am_minicart_container .item:hover { background-color: white; } #am_minicart_container .button span { border: none; border-radius: 2px; } #am_minicart_container .button { margin: 5px; } #am_minicart_container .btn-remove, #am_minicart_container .btn-edit { float: right; margin: 1px 0 2px 5px; } #confirmButtons .am-btn-right { background: #ff9416; box-shadow: inset 0 -2px 1px rgba(0, 0, 0, 0.15); } #confirmButtons .am-btn-right:hover { background: #de8113; } #confirmButtons .am-btn-left { margin-right: 35px; padding: 0; background-color: #bbb; box-shadow: inset 0 -2px 1px rgba(0, 0, 0, 0.15); } #confirmButtons .am-btn-left:hover { background: #e0e0e0; } #confirmButtons .am-btn-left .timer { font-family: "Helvetica", Arial, sans-serif; } .am-content { margin: auto; padding-bottom: 13px; width: 400px; border-bottom: 1px solid #e5e5e5; } .am-photo-container { margin-bottom: 13px; } .amcart-options form { text-align: left; color: black; } .am-top { top: 10%; left: 50%; -webkit-transform: translate(-50%, -10%); transform: translate(-50%, -10%); } .am-top-left { top: 10%; left: 0; -webkit-transform: translateY(-10%); transform: translateY(-10%); } .am-top-right { top: 10%; right: 0; -webkit-transform: translateY(-10%); transform: translateY(-10%); } .am-left { top: 50%; left: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .am-right { top: 50%; right: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .am-center { top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } #messageBox { padding-top: 35px; } #messageBox .product { margin-left: 0; } #confirmBox .product-name a { display: inline-block; width: 200px; text-transform: uppercase; } div.product-details { position: relative; bottom: 3px; } #messageBox .block-related:after { display: block; content: ''; clear: both; } #messageBox .block-related p { padding: 5px 0 0 0; margin: 0; } #messageBox .block-related { padding: 0; margin: 22px auto; width: 400px; } .amcart-related-block .block-related .product { display: block; width: 50%; float: left; padding: 0 7.5px; -moz-box-sizing: border-box; box-sizing: border-box; margin-bottom: 15px; } #messageBox .block-related .price { font-size: 16px; } #messageBox p.block-related-p { border-bottom: 1px solid #C4C1BC; } #messageBox .product.one-related { float: none; display: inline; } #messageBox .price-box { display: inline; } .amcart-related-block .button.add-tocart { width: 114px; height: 30px; text-transform: none; background: #2d9Cdb; box-shadow: 0 2px 0 #1865cc; border-radius: 5px; } .amcart-related-block .button.add-tocart:hover { background: #1865cc; } #am-qty img { display: inline; } #am-qty, .am-qty { display: inline-block; } #am-input { text-align: center; vertical-align: top; } .product-table { width: 100%; } .amcart-options form { margin: 0 40px; text-align: left; font: 16px/1 'Cuprum', 'Lucida Sans Unicode', 'Lucida Grande', sans-serif; text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.6); color: #666; } .amcart-options form dd { margin: 0 0 5px 0; padding: 5px 0 15px 0; border-bottom: 1px solid white; } .amcart-options form input { padding: 6px 0 4px 0; border: 1px solid #cecece; background: #F6F6f6; } .amcart-options form select { border: 1px solid #cecece; background: #F6F6f6; } .amcart-options form textarea { resize: none; width: 300px; height: 50px; padding: 8px 0 8px 10px; background: #f6f6f6; border: 1px solid #cecece; border-radius: 8px 0 0 0; overflow: auto; } #am_minicart_container { position: absolute; right: 0; padding: 8px; width: 234px; background: url("https://www.ekfluidworks.com/skin/frontend/ultimo/default/css/amasty/amcart/header_bg.jpg") repeat-x scroll left bottom #F5F5F5; border-radius: 2px 2px 2px 2px; color: #555555; text-align: left; z-index: 3000; overflow: hidden; -webkit-box-shadow: 1px 1px 1px #D3D3D3; -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(color=#D3D3D3,direction=125,strength=1)"; box-shadow: 1px 1px 1px #D3D3D3; } #am_minicart_container li { width: 220px; padding: 5px; background: none; } #am_minicart_container button.button { margin: 5px; } #am_minicart_container li:hover { background-color: white; } #am_minicart_container .btn-remove, .btn-edit { float: right; margin: 1px 0 2px 5px; } .amcart-related-block .block-content { display: block; width: 100%; overflow: hidden; } .amcart-related-block .block-content .add-tocart { margin: 0 auto 5px; } .amcart-related-block .block-content .product-image:hover, .amcart-related-block .block-content .product-image { border: 0; } @media (max-width: 566px) { #confirmButtons { width: inherit; } #confirmButtons .am-btn-left { margin-right: 5%; } #confirmButtons .button { width: 40%; font-size: 16px; } #confirmBox { width: 100%; } .amcart-related-block .product-image > img { width: 100%; height: auto; } #confirmBox .amcart-related-block .product-name a { width: auto; } .amcart-related-block .block-related .product { margin: 0; } .amcart-related-block .block-content { padding: 0 5px; } } @media (max-width: 400px) { #confirmButtons button { margin: 0 2.5% 10px 2.5%!important } } @media (min-width: 768px), print { #confirmButtons .button { width: 42%; } } /* style for Amasty Giftcard compatibility*/ .calendar { z-index: 99999; } .am-related-title { margin: 40px; font-size: 15px; height: 1px; background: #cecccc; line-height: 0; } .am-related-title .am-title { padding: 0 20px; } #am-block-related { margin-bottom: 40px; } #messageBox .qty-holder { display: block; margin: 15px 0 0; } #product_addtocart_form > .amcart-title { margin-bottom: 25px; text-align: center; } .amcart-related-block .block-related { color: #000; } .amcart-go-checkout-container { padding: 0 0 30px; } .amcart-go-checkout { color: #f58c12; } .amcart-dialog-error { color: #df280a; font-weight: bold; } /* Block hints */ .amfpc-block-info { position:relative; border:1px dotted #008080; margin:6px 2px; padding:18px 2px 2px 2px; zoom: 1; } .amfpc-block-info:hover { border-color: orange !important; } .amfpc-block-info>.amfpc-block-handle, .amfpc-block-info>.amfpc-template-info { position:absolute; top:0; padding:2px 5px; background:#008080; color:white; font:normal 11px Arial; text-align:left !important; z-index:998; text-transform: none; } .amfpc-block-info>.amfpc-block-handle:hover, .amfpc-block-info>.amfpc-template-info:hover { z-index:999; } .amfpc-block-info>.amfpc-block-handle { cursor: default; left:0; white-space: nowrap; } .amfpc-block-info>.amfpc-template-info { right:0; } .amfpc-block-info>.amfpc-block-handle:hover { background-color: orange !important; } .amfpc-block-info.active { -webkit-animation: amfpc-blocks 1s linear .5s infinite alternate; animation: amfpc-blocks 1s linear .5s infinite alternate; } @-webkit-keyframes amfpc-blocks { from {opacity: 1;} to {opacity: .1;} } @keyframes amfpc-blocks { from {opacity: 1;} to {opacity: .1;} } /* Updated blocks */ .amfpc-block-info.updated { border-color: red; } .amfpc-block-info.updated>.amfpc-block-handle { top:0; background:red; } /* Status popup */ .amfpc-info { width: 350px; min-height: 95px; position: fixed; bottom: 10px; left: 10px; background: #008080; color: #fff; z-index: 99999; font-size: 32px; } .amfpc-info h1 { background: rgba(255, 255, 255, 0.1); color: #fff; padding: 2px 5px; font-size: 14px; font-weight: bold; } .amfpc-info h2 { margin-top: 12px; text-align: center; font-size: 30px; font-weight: 400; color: rgba(255, 255, 255, 0.7); } .amfpc-info .amfpc-content { line-height: 48px; } .postTitle h2 { margin-bottom: 10px; font-family: 'Roboto', sans-serif; text-transform: uppercase; color: #ed2324; font-size: 22px; line-height: 22px; } .postTitle h2 a { font-family: 'Roboto', sans-serif; text-transform: uppercase; color: #ed2324; font-size: 22px; line-height: 22px; } .postTitle h2 a:hover { text-decoration: underline; } .postTitle h3 { font-size: 14px; font-family: "Aileron-Light"; line-height: 14px; margin: 0px; } .postTitle { margin-bottom: 20px; } .postWrapper { margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid #e5e5e5; } .postWrapper:last-of-type { padding-bottom: 0px; border-bottom: none; margin-bottom: 40px; } a.aw-blog-read-more { display: inline-block; margin-left: 5px; text-decoration: underline; -moz-transition: all .22s ease-in-out; -o-transition: all .22s ease-in-out; -webkit-transition: all .22s ease-in-out; transition: all .22s ease-in-out; } .block.block-blog .block-content { padding: 0px; } .block.block-blog .block-content > div { margin-bottom: 30px; } .block.block-blog .block-content > div:last-of-type { margin-bottom: 0px; } .block.block-blog .block-content li { margin-bottom: 10px; line-height: 16px; } .block.block-blog .block-content li a { line-height: 18px; } .block.block-blog .block-content h5 { margin-bottom: 15px; } .single-post-container .postTitle h1 { font-size: 32px; color: #ed2324; margin-bottom: 15px; } .single-post-container .postTitle { margin-bottom: 40px; padding-bottom: 20px; border-bottom: 1px solid #e5e5e5; } .postBookmarks { background: #494848; padding: 10px; text-align: center; margin-bottom: 20px; border-radius: 10px; } .postBookmarks > a { display: inline-block; margin: 0 4px; border-radius: 50%; border: 1px solid #fff; height: 30px; width: 30px; line-height: 34px; text-align: center; -moz-transition: all .22s ease-in-out; -o-transition: all .22s ease-in-out; -webkit-transition: all .22s ease-in-out; transition: all .22s ease-in-out; } .postBookmarks > a:hover { color: #ed1c24; border-color: #ed1c24; } .postContent { margin-bottom: 20px; } .postDetails { font-size: 14px; font-family: "Aileron-Light"; line-height: 14px; margin: 0px; } .postDetails h4 { display: inline-block; font-size: 14px; margin-left: 5px; } .left-image { float: left; width: 40%; margin-right: 15px; } .right-data { float: right; width: calc(60% - 15px); } .postImage { margin-bottom: 20px; } .news-item { margin: 0 3%; } .latest-news h2 { text-align: center; padding: 0px; margin-bottom: 40px; } .latest-news .main { padding: 60px 0 !important; } .blog-section .owl-pagination { display: none; } .blog-section .owl-buttons > div.owl-prev { background: url(/skin/frontend/ultimo/fluid/images/arrow_left.svg) center center no-repeat; left: -10px; } .blog-section .owl-buttons > div.owl-next { background: url(/skin/frontend/ultimo/fluid/images/arrow_right.svg) center center no-repeat; right: -10px; } .blog-section .owl-buttons > div { position: absolute; top: 50%; width: 16px; height: 30px; border: none; z-index: 40; cursor: pointer; background-size: contain; color: transparent; -webkit-transform: translatey(-50%); -moz-transform: translatey(-50%); -ms-transform: translatey(-50%); -o-transform: translatey(-50%); transform: translatey(-50%); -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; -webkit-transition-timing-function: cubic-bezier(0.65, 0.01, 0, 1.76); -moz-transition-timing-function: cubic-bezier(0.65, 0.01, 0, 1.76); -ms-transition-timing-function: cubic-bezier(0.65, 0.01, 0, 1.76); -o-transition-timing-function: cubic-bezier(0.65, 0.01, 0, 1.76); transition-timing-function: cubic-bezier(0.65, 0.01, 0, 1.76); } .readmorearticles { margin-top: 30px; text-align: center; } .readmorearticles a { display: inline-block; -moz-transition: all .22s ease-in-out; -o-transition: all .22s ease-in-out; -webkit-transition: all .22s ease-in-out; transition: all .22s ease-in-out; } .news-item .favorit-image { margin-bottom: 10px; } .news-item .favorit-desc { line-height: 20px; } .news-item h3 { margin-bottom: 10px; } .news-item h3, .news-item h3 a { font-family: 'Roboto', sans-serif; text-transform: uppercase; color: #ed2324; font-size: 20px; line-height: 22px; } .news-item h3 a:hover { text-decoration: underline; } .postShortContent { margin-bottom: 20px; font-size: 22px; line-height: 28px; } .postWrapper table { margin-top: 20px; margin-bottom: 20px; } .postWrapper table td { padding: 5px 10px; border: 1px solid #939393; } @media (max-width: 1300px) { .left-image { width: 50%; } .right-data { width: calc(50% - 15px); } } @media (max-width: 1000px) { .left-image { float: none; width: 100%; margin-bottom: 15px; text-align: center; } .right-data { float: none; width: 100%; } } .ekwb-bundle { margin: 25px 0; } .ekwb-bundle-header { margin-bottom: 24px; padding: 0 10px; } .ekwb-bundle-title { color: #2d2d2d; font-size: 22px; font-weight: bold; text-transform: none; } .ekwb-bundle-content { background-color: #f2f2f2; border-bottom: 1px solid #e1e1e1; border-top: 1px solid #e1e1e1; padding: 24px 24px 0 24px; text-align: center; position: relative; } .ekwb-bundle-products { position: relative; } .ekwb-bundle-products .flex-grid-item { margin-bottom: 24px; } .ekwb-bundle-product { background-color: #ffffff; border: 1px solid #e1e1e1; padding: 5px; position: relative; } .ekwb-bundle-flag { background-color: #ab4b3c; color: #ffffff; display: inline-block; font-size: 14px; font-weight: bold; padding: 8px 10px; } .ekwb-bundle-product .product-quantity { position: absolute; right: 0; top: 0; z-index: 100; } .ekwb-bundle-product .product-image { border: none; margin-bottom: 20px; position: relative; } .ekwb-bundle-product .product-image:hover { border: none !important; } .ekwb-bundle-product .product-thumbnail { border: 1px solid #ebebeb; position: relative; } .ekwb-bundle-product .product-thumbnail img { display: block; height: auto; width: 100%; } .ekwb-bundle-product .product-thumbnail img.placeholderchildimage { display: none; position: absolute; left: 0px; top: 0px; z-index: 1; } .ekwb-bundle-product .product-title { color: #000000; font-size: 14px; font-weight: normal; margin: 0; text-transform: none; } .ekwb-bundle-configurable-options { margin-top: 16px; } .ekwb-bundle-configurable-option:not(:last-child) { margin-bottom: 8px; } .ekwb-bundle-dropdown { padding: 0; position: relative; } .ekwb-bundle-dropdown.validation-error:after { border-color: #ff0037 transparent transparent transparent; } .ekwb-bundle-dropdown:after { border-color: #f78c22 transparent transparent transparent; border-style: solid; border-width: 6px 5px 0 5px; content: ''; height: 0; pointer-events: none; position: absolute; right: 10px; top: 14px; width: 0; } .ekwb-bundle-dropdown select { appearance: none; background-color: #ffffff; border: 1px solid #e7e7e7; border-radius: 0; color: #9c9c9c; font-size: 12px; margin: 0; outline: none; padding: 6px 30px 6px 6px; width: 100%; -webkit-appearance: none; } .ekwb-bundle-dropdown select.validation-failed { border-color: #ff0037; color: #ff0037; } .ekwb-bundle-dropdown .validation-advice { display: none; } .ekwb-bundle-discount-percent, .ekwb-bundle-price { margin-bottom: 20px; } .ekwb-bundle-price.bundle-no-discount { margin-top: 50px; } @media (max-width: 767px) { .ekwb-bundle-price.bundle-no-discount { margin-top: 0px; } } .ekwb-bundle-price-label, .ekwb-bundle-price-old { font-size: 12px; line-height: 16px; } .ekwb-bundle-price-label, .ekwb-bundle-price-value { color: #000000; } .ekwb-bundle-price-value { font-size: 22px; font-weight: bold; line-height: 26px; margin-bottom: 5px; } .ekwb-bundle-price-old { color: #a3a3a3; } .ekwb-bundle-message:not(:empty) { border-top: 1px solid #dcdcdc; font-size: 12px; font-weight: bold; padding: 14px 0; } .ekwb-bundle-message.is-error { color: #ff0037; } .ekwb-bundle-message.is-success { color: #11b400; } .ekwb-bundle-add-to-cart { margin-bottom: 24px; text-align: center; } .ekwb-bundle-add-to-cart.sticky { position: fixed; bottom: 0; left: 0; right: 0; background: #f2f2f2; margin: 0 15px; padding-top: 15px; } .ekwb-bundle-add-to-cart.sticky .ekwb-bundle-discount-percent {display: none;} .ekwb-bundle-add-to-cart-button { background: #f78d22; border: none; color: #ffffff; cursor: pointer; display: block; font-size: 14px; font-weight: bold; margin: 0; outline: none; padding: 15px; position: relative; text-align: center; transition: background .3s ease-in-out; width: 100%; } .ekwb-bundle-add-to-cart-button:hover { background: #333333; } .ekwb-bundle-add-to-cart-button.is-loading { background: #a3a3a3; color: transparent; cursor: not-allowed; pointer-events: none; user-select: none; } .ekwb-bundle-add-to-cart-button.is-loading:before { border: 2px solid #fff; border-radius: 100%; content: ''; height: 14px; left: 50%; margin: -7px 0 0 -7px; position: absolute; top: 50%; width: 14px; } .ekwb-bundle-add-to-cart-button.is-loading:after { animation: spin .5s infinite linear; border-color: #a3a3a3 transparent transparent; border-radius: 100%; border-style: solid; border-width: 2px; box-shadow: 0 0 0 1px transparent; content: ''; height: 14px; left: 50%; margin: -7px 0 0 -7px; position: absolute; top: 50%; width: 14px; } .ekwb-bundle-sign { color: #f78d22; font-size: 28px; font-weight: bold; margin: 24px 0; } .ekwb-bundle-sign-equals { color: #f78d22; font-size: 28px; font-weight: bold; margin-bottom: 24px; text-align: center; } @keyframes spin { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } @media all and (min-width: 568px) { .ekwb-bundle-content { text-align: left; } .ekwb-bundle-products { margin-left: -38px; padding-right: 38px; } .ekwb-bundle-products .flex-grid { display: flex; flex-wrap: wrap; margin-left: 40px; } .ekwb-bundle-products .flex-grid-item { display: flex; } .ekwb-bundle-products .flex-grid-item:nth-child(2n+3) .ekwb-bundle-sign > span { display: none; } .ekwb-bundle-layout-horizontal .flex-grid-item { flex: 1 0 50%; } .ekwb-bundle-layout-vertical .flex-grid-item { flex: 0 0 50%; } .ekwb-bundle-sign-equals { transform: translateX(38px); } .ekwb-bundle-sign { margin: 0 12px; position: relative; width: 15px; } .ekwb-bundle-sign > span { left: 50%; position: absolute; top: 40%; transform: translateX(-50%) translateY(-40%); } } @media all and (min-width: 768px) { .flex-grid { display: flex; } .ekwb-bundle-content { display: flex; } .ekwb-bundle-content form { width: 100%; } .ekwb-bundle-products { flex: 2; } .ekwb-bundle-products .flex-grid { margin-left: 0; } .ekwb-bundle-add-to-cart { align-self: center; border-top: none; flex: 1; padding-top: 0; text-align: left; } .ekwb-bundle-sign-equals { position: absolute; right: 12px; top: 50%; transform: translateX(0) translateY(-50%); } } @media all and (min-width: 992px) { .ekwb-bundle-products { flex: 4; } .ekwb-bundle-products .flex-grid-item:nth-child(2n+3) .ekwb-bundle-sign > span { display: block; } .ekwb-bundle-products.is-columns-3 .flex-grid-item:nth-child(4n) .ekwb-bundle-sign > span { display: none; } .ekwb-bundle-products.is-columns-4 .flex-grid-item:nth-child(5n) .ekwb-bundle-sign > span { display: none; } .ekwb-bundle-layout-horizontal .flex-grid-item { flex: 1 0 50%; } .ekwb-bundle-layout-horizontal .ekwb-bundle-product { display: flex; width: 100%; } .ekwb-bundle-layout-horizontal .product-image { margin-bottom: 0; max-width: 185px; } .ekwb-bundle-layout-horizontal .product-details { display: flex; flex: 1; flex-direction: column; justify-content: center; padding: 0 12px 0 24px; } .ekwb-bundle-layout-vertical .flex-grid-item { flex: 1 0 25%; } .is-centered .is-columns-4 .flex-grid-item:nth-child(4), .is-centered .is-columns-3 .flex-grid-item:nth-child(3) { margin-bottom: 12px; transform: translateY(50%); } .ekwb-bundle-layout-vertical.is-columns-4 .flex-grid-item { flex: 0 0 25%; } .ekwb-bundle-layout-vertical.is-columns-3 .flex-grid-item { flex: 0 0 33.3333%; } .ekwb-bundle-add-to-cart { margin-top: 0; } } .clearfix { *zoom: 1; } .clearfix:before, .clearfix:after { display: table; content: ""; line-height: 0; } .clearfix:after { clear: both; } .hide-text { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0; } .input-block-level { display: block; width: 100%; min-height: 30px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .searchindex-results { *zoom: 1; margin-bottom: 10px; border-bottom: 1px solid #a0b3c3; } .searchindex-results:before, .searchindex-results:after { display: table; content: ""; line-height: 0; } .searchindex-results:after { clear: both; } .searchindex-results li { margin-bottom: -1px; float: left; *zoom: 1; margin: 0px 2px; } .searchindex-results li:before, .searchindex-results li:after { display: table; content: ""; line-height: 0; } .searchindex-results li:after { clear: both; } .searchindex-results li a { font-size: 12px; font-weight: bold; color: #333; display: block; cursor: pointer; padding: 2px 5px 1px 5px; line-height: 20px; border: 1px solid transparent; border-bottom: none; -webkit-border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0; text-decoration: none; } .searchindex-results li a:hover { background-color: #f1f1f1; background-image: -moz-linear-gradient(top, #e8e8e8, #ffffff); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#e8e8e8), to(#ffffff)); background-image: -webkit-linear-gradient(top, #e8e8e8, #ffffff); background-image: -o-linear-gradient(top, #e8e8e8, #ffffff); background-image: linear-gradient(to bottom, #e8e8e8, #ffffff); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe8e8e8', endColorstr='#ffffffff', GradientType=0); border: 1px solid #a0b3c3; border-bottom: none; } .searchindex-results li a span { font-weight: normal; font-size: 0.9em; } .searchindex-results li.active a { background-color: #f1f1f1; background-image: -moz-linear-gradient(top, #e8e8e8, #ffffff); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#e8e8e8), to(#ffffff)); background-image: -webkit-linear-gradient(top, #e8e8e8, #ffffff); background-image: -o-linear-gradient(top, #e8e8e8, #ffffff); background-image: linear-gradient(to bottom, #e8e8e8, #ffffff); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe8e8e8', endColorstr='#ffffffff', GradientType=0); cursor: default; border: 1px solid #a0b3c3; border-bottom: none; } .searchindex-result li { padding: 5px; } .searchindex-result li .title a { font-weight: bold; color: #203548; font-size: 13px; } .searchindex-result.searchindex-result-category { margin-bottom: 20px; } .searchindex-result.searchindex-result-category li { padding: 1px 0px; } .searchindex-result.searchindex-result-category li a { font-weight: bold; color: #203548; } .col-main .searchindex-highlight { background-color: #ff0; } body.compensate-for-scrollbar{overflow:hidden}.fancybox-active{height:auto}.fancybox-is-hidden{left:-9999px;margin:0;position:absolute!important;top:-9999px;visibility:hidden}.fancybox-container{-webkit-backface-visibility:hidden;height:100%;left:0;outline:none;position:fixed;-webkit-tap-highlight-color:transparent;top:0;-ms-touch-action:manipulation;touch-action:manipulation;transform:translateZ(0);width:100%;z-index:99992}.fancybox-container *{box-sizing:border-box}.fancybox-bg,.fancybox-inner,.fancybox-outer,.fancybox-stage{bottom:0;left:0;position:absolute;right:0;top:0}.fancybox-outer{-webkit-overflow-scrolling:touch;overflow-y:auto}.fancybox-bg{background:#1e1e1e;opacity:0;transition-duration:inherit;transition-property:opacity;transition-timing-function:cubic-bezier(.47,0,.74,.71)}.fancybox-is-open .fancybox-bg{opacity:.9;transition-timing-function:cubic-bezier(.22,.61,.36,1)}.fancybox-caption,.fancybox-infobar,.fancybox-navigation .fancybox-button,.fancybox-toolbar{direction:ltr;opacity:0;position:absolute;transition:opacity .25s ease,visibility 0s ease .25s;visibility:hidden;z-index:99997}.fancybox-show-caption .fancybox-caption,.fancybox-show-infobar .fancybox-infobar,.fancybox-show-nav .fancybox-navigation .fancybox-button,.fancybox-show-toolbar .fancybox-toolbar{opacity:1;transition:opacity .25s ease 0s,visibility 0s ease 0s;visibility:visible}.fancybox-infobar{color:#ccc;font-size:13px;-webkit-font-smoothing:subpixel-antialiased;height:44px;left:0;line-height:44px;min-width:44px;mix-blend-mode:difference;padding:0 10px;pointer-events:none;top:0;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.fancybox-toolbar{right:0;top:0}.fancybox-stage{direction:ltr;overflow:visible;transform:translateZ(0);z-index:99994}.fancybox-is-open .fancybox-stage{overflow:hidden}.fancybox-slide{-webkit-backface-visibility:hidden;display:none;height:100%;left:0;outline:none;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:absolute;text-align:center;top:0;transition-property:transform,opacity;white-space:normal;width:100%;z-index:99994}.fancybox-slide:before{content:"";display:inline-block;font-size:0;height:100%;vertical-align:middle;width:0}.fancybox-is-sliding .fancybox-slide,.fancybox-slide--current,.fancybox-slide--next,.fancybox-slide--previous{display:block}.fancybox-slide--image{overflow:hidden;padding:44px 0}.fancybox-slide--image:before{display:none}.fancybox-slide--html{padding:6px}.fancybox-content{background:#fff;display:inline-block;margin:0;max-width:100%;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:relative;text-align:left;vertical-align:middle}.fancybox-slide--image .fancybox-content{animation-timing-function:cubic-bezier(.5,0,.14,1);-webkit-backface-visibility:hidden;background:transparent;background-repeat:no-repeat;background-size:100% 100%;left:0;max-width:none;overflow:visible;padding:0;position:absolute;top:0;transform-origin:top left;transition-property:transform,opacity;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:99995}.fancybox-can-zoomOut .fancybox-content{cursor:zoom-out}.fancybox-can-zoomIn .fancybox-content{cursor:zoom-in}.fancybox-can-pan .fancybox-content,.fancybox-can-swipe .fancybox-content{cursor:grab}.fancybox-is-grabbing .fancybox-content{cursor:grabbing}.fancybox-container [data-selectable=true]{cursor:text}.fancybox-image,.fancybox-spaceball{background:transparent;border:0;height:100%;left:0;margin:0;max-height:none;max-width:none;padding:0;position:absolute;top:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:100%}.fancybox-spaceball{z-index:1}.fancybox-slide--iframe .fancybox-content,.fancybox-slide--map .fancybox-content,.fancybox-slide--pdf .fancybox-content,.fancybox-slide--video .fancybox-content{height:100%;overflow:visible;padding:0;width:100%}.fancybox-slide--video .fancybox-content{background:#000}.fancybox-slide--map .fancybox-content{background:#e5e3df}.fancybox-slide--iframe .fancybox-content{background:#fff}.fancybox-iframe,.fancybox-video{background:transparent;border:0;display:block;height:100%;margin:0;overflow:hidden;padding:0;width:100%}.fancybox-iframe{left:0;position:absolute;top:0}.fancybox-error{background:#fff;cursor:default;max-width:400px;padding:40px;width:100%}.fancybox-error p{color:#444;font-size:16px;line-height:20px;margin:0;padding:0}.fancybox-button{background:rgba(30,30,30,.6);border:0;border-radius:0;box-shadow:none;cursor:pointer;display:inline-block;height:44px;margin:0;padding:10px;position:relative;transition:color .2s;vertical-align:top;visibility:inherit;width:44px}.fancybox-button,.fancybox-button:link,.fancybox-button:visited{color:#ccc}.fancybox-button:hover{color:#fff}.fancybox-button:focus{outline:none}.fancybox-button.fancybox-focus{outline:1px dotted}.fancybox-button[disabled],.fancybox-button[disabled]:hover{color:#888;cursor:default;outline:none}.fancybox-button div{height:100%}.fancybox-button svg{display:block;height:100%;overflow:visible;position:relative;width:100%}.fancybox-button svg path{fill:currentColor;stroke-width:0}.fancybox-button--fsenter svg:nth-child(2),.fancybox-button--fsexit svg:first-child,.fancybox-button--pause svg:first-child,.fancybox-button--play svg:nth-child(2){display:none}.fancybox-progress{background:#ff5268;height:2px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transform-origin:0;transition-property:transform;transition-timing-function:linear;z-index:99998}.fancybox-close-small{background:transparent;border:0;border-radius:0;color:#ccc;cursor:pointer;opacity:.8;padding:8px;position:absolute;right:-12px;top:-44px;z-index:401}.fancybox-close-small:hover{color:#fff;opacity:1}.fancybox-slide--html .fancybox-close-small{color:currentColor;padding:10px;right:0;top:0}.fancybox-slide--image.fancybox-is-scaling .fancybox-content{overflow:hidden}.fancybox-is-scaling .fancybox-close-small,.fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small{display:none}.fancybox-navigation .fancybox-button{background-clip:content-box;height:100px;opacity:0;position:absolute;top:calc(50% - 50px);width:70px}.fancybox-navigation .fancybox-button div{padding:7px}.fancybox-navigation .fancybox-button--arrow_left{left:0;left:env(safe-area-inset-left);padding:31px 26px 31px 6px}.fancybox-navigation .fancybox-button--arrow_right{padding:31px 6px 31px 26px;right:0;right:env(safe-area-inset-right)}.fancybox-caption{background:linear-gradient(0deg,rgba(0,0,0,.85) 0,rgba(0,0,0,.3) 50%,rgba(0,0,0,.15) 65%,rgba(0,0,0,.075) 75.5%,rgba(0,0,0,.037) 82.85%,rgba(0,0,0,.019) 88%,transparent);bottom:0;color:#eee;font-size:14px;font-weight:400;left:0;line-height:1.5;padding:75px 44px 25px;pointer-events:none;right:0;text-align:center;z-index:99996}@supports (padding:max(0px)){.fancybox-caption{padding:75px max(44px,env(safe-area-inset-right)) max(25px,env(safe-area-inset-bottom)) max(44px,env(safe-area-inset-left))}}.fancybox-caption--separate{margin-top:-50px}.fancybox-caption__body{max-height:50vh;overflow:auto;pointer-events:all}.fancybox-caption a,.fancybox-caption a:link,.fancybox-caption a:visited{color:#ccc;text-decoration:none}.fancybox-caption a:hover{color:#fff;text-decoration:underline}.fancybox-loading{animation:a 1s linear infinite;background:transparent;border:4px solid #888;border-bottom-color:#fff;border-radius:50%;height:50px;left:50%;margin:-25px 0 0 -25px;opacity:.7;padding:0;position:absolute;top:50%;width:50px;z-index:99999}@keyframes a{to{transform:rotate(1turn)}}.fancybox-animated{transition-timing-function:cubic-bezier(0,0,.25,1)}.fancybox-fx-slide.fancybox-slide--previous{opacity:0;transform:translate3d(-100%,0,0)}.fancybox-fx-slide.fancybox-slide--next{opacity:0;transform:translate3d(100%,0,0)}.fancybox-fx-slide.fancybox-slide--current{opacity:1;transform:translateZ(0)}.fancybox-fx-fade.fancybox-slide--next,.fancybox-fx-fade.fancybox-slide--previous{opacity:0;transition-timing-function:cubic-bezier(.19,1,.22,1)}.fancybox-fx-fade.fancybox-slide--current{opacity:1}.fancybox-fx-zoom-in-out.fancybox-slide--previous{opacity:0;transform:scale3d(1.5,1.5,1.5)}.fancybox-fx-zoom-in-out.fancybox-slide--next{opacity:0;transform:scale3d(.5,.5,.5)}.fancybox-fx-zoom-in-out.fancybox-slide--current{opacity:1;transform:scaleX(1)}.fancybox-fx-rotate.fancybox-slide--previous{opacity:0;transform:rotate(-1turn)}.fancybox-fx-rotate.fancybox-slide--next{opacity:0;transform:rotate(1turn)}.fancybox-fx-rotate.fancybox-slide--current{opacity:1;transform:rotate(0deg)}.fancybox-fx-circular.fancybox-slide--previous{opacity:0;transform:scale3d(0,0,0) translate3d(-100%,0,0)}.fancybox-fx-circular.fancybox-slide--next{opacity:0;transform:scale3d(0,0,0) translate3d(100%,0,0)}.fancybox-fx-circular.fancybox-slide--current{opacity:1;transform:scaleX(1) translateZ(0)}.fancybox-fx-tube.fancybox-slide--previous{transform:translate3d(-100%,0,0) scale(.1) skew(-10deg)}.fancybox-fx-tube.fancybox-slide--next{transform:translate3d(100%,0,0) scale(.1) skew(10deg)}.fancybox-fx-tube.fancybox-slide--current{transform:translateZ(0) scale(1)}@media (max-height:576px){.fancybox-slide{padding-left:6px;padding-right:6px}.fancybox-slide--image{padding:6px 0}.fancybox-close-small{right:-6px}.fancybox-slide--image .fancybox-close-small{background:#4e4e4e;color:#f2f4f6;height:36px;opacity:1;padding:6px;right:0;top:0;width:36px}.fancybox-caption{padding-left:12px;padding-right:12px}@supports (padding:max(0px)){.fancybox-caption{padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right))}}}.fancybox-share{background:#f4f4f4;border-radius:3px;max-width:90%;padding:30px;text-align:center}.fancybox-share h1{color:#222;font-size:35px;font-weight:700;margin:0 0 20px}.fancybox-share p{margin:0;padding:0}.fancybox-share__button{border:0;border-radius:3px;display:inline-block;font-size:14px;font-weight:700;line-height:40px;margin:0 5px 10px;min-width:130px;padding:0 15px;text-decoration:none;transition:all .2s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap}.fancybox-share__button:link,.fancybox-share__button:visited{color:#fff}.fancybox-share__button:hover{text-decoration:none}.fancybox-share__button--fb{background:#3b5998}.fancybox-share__button--fb:hover{background:#344e86}.fancybox-share__button--pt{background:#bd081d}.fancybox-share__button--pt:hover{background:#aa0719}.fancybox-share__button--tw{background:#1da1f2}.fancybox-share__button--tw:hover{background:#0d95e8}.fancybox-share__button svg{height:25px;margin-right:7px;position:relative;top:-1px;vertical-align:middle;width:25px}.fancybox-share__button svg path{fill:#fff}.fancybox-share__input{background:transparent;border:0;border-bottom:1px solid #d7d7d7;border-radius:0;color:#5d5b5b;font-size:14px;margin:10px 0 0;outline:none;padding:10px 15px;width:100%}.fancybox-thumbs{background:#ddd;bottom:0;display:none;margin:0;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar;padding:2px 2px 4px;position:absolute;right:0;-webkit-tap-highlight-color:rgba(0,0,0,0);top:0;width:212px;z-index:99995}.fancybox-thumbs-x{overflow-x:auto;overflow-y:hidden}.fancybox-show-thumbs .fancybox-thumbs{display:block}.fancybox-show-thumbs .fancybox-inner{right:212px}.fancybox-thumbs__list{font-size:0;height:100%;list-style:none;margin:0;overflow-x:hidden;overflow-y:auto;padding:0;position:absolute;position:relative;white-space:nowrap;width:100%}.fancybox-thumbs-x .fancybox-thumbs__list{overflow:hidden}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar{width:7px}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track{background:#fff;border-radius:10px;box-shadow:inset 0 0 6px rgba(0,0,0,.3)}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb{background:#2a2a2a;border-radius:10px}.fancybox-thumbs__list a{-webkit-backface-visibility:hidden;backface-visibility:hidden;background-color:rgba(0,0,0,.1);background-position:50%;background-repeat:no-repeat;background-size:cover;cursor:pointer;float:left;height:75px;margin:2px;max-height:calc(100% - 8px);max-width:calc(50% - 4px);outline:none;overflow:hidden;padding:0;position:relative;-webkit-tap-highlight-color:transparent;width:100px}.fancybox-thumbs__list a:before{border:6px solid #ff5268;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:all .2s cubic-bezier(.25,.46,.45,.94);z-index:99991}.fancybox-thumbs__list a:focus:before{opacity:.5}.fancybox-thumbs__list a.fancybox-thumbs-active:before{opacity:1}@media (max-width:576px){.fancybox-thumbs{width:110px}.fancybox-show-thumbs .fancybox-inner{right:110px}.fancybox-thumbs__list a{max-width:calc(100% - 10px)}} .microcenter-store.fancybox-content { background: #1a1a1a; border: 1px solid black; width: 95% !important; max-width: 700px !important; max-height: 95% !important; } .microcenter-store.fancybox-content h2 { font-size: 30px; line-height: 35px; color: #fff; display: block; text-align: left; margin-bottom: 20px; text-transform: uppercase; font-weight: 300; font-family: 'Roboto', sans-serif; } .microcenter-store.fancybox-content h3 { font-family: 'roboto', sans-serif; font-size: 22px; color: #ed1c24; text-align: left; border-bottom: 1px solid #ed1c24; margin-bottom: 14px; padding-bottom: 10px; font-weight: 400; -webkit-transition: .2s ease-in-out; transition: .2s ease-in-out; -moz-transition: .2s ease-in-out; } .microcenter-store.fancybox-content p { margin-bottom: 10px; } .microcenter-store.fancybox-content iframe.embededmap { width: 100%; height: 300px; border: none; } .fancybox-slide--html .fancybox-close-small { color: currentColor; padding: 5px; right: 0; top: 0; background: black; } .fancybox-bg { background: black; } .clearfix { *zoom: 1; } .clearfix:before, .clearfix:after { display: table; content: ""; line-height: 0; } .clearfix:after { clear: both; } .hide-text { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0; } .input-block-level { display: block; width: 100%; min-height: 30px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .rma-italic { font-family: Georgia, Times, "Times New Roman", serif; font-style: italic; } .rma-mute { color: #999; font-size: 11px; } .rma-view div.fieldset, .rma-new-step2 div.fieldset { margin: 30px 0px; } .rma-history div.fieldset { padding: 5px 10px; margin: 10px 0px; border-radius: 0px 5px 5px 0px; font-size: 13px; } .rma-history div.fieldset h2.legend { font-family: Georgia, Times, "Times New Roman", serif; font-style: italic; font-weight: bold; font-size: 14px; } .rma-history div.fieldset.user { border: 1px solid #8eb589; border-left: 5px solid #8eb589; background-color: #fefffe; background-image: -moz-linear-gradient(top, #fdfffd, #ffffff); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fdfffd), to(#ffffff)); background-image: -webkit-linear-gradient(top, #fdfffd, #ffffff); background-image: -o-linear-gradient(top, #fdfffd, #ffffff); background-image: linear-gradient(to bottom, #fdfffd, #ffffff); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffdfffd', endColorstr='#ffffffff', GradientType=0); } .rma-history div.fieldset.customer { border: 1px solid #9cb4c5; border-left: 5px solid #9cb4c5; background-color: #fcfdff; background-image: -moz-linear-gradient(top, #fafcff, #ffffff); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fafcff), to(#ffffff)); background-image: -webkit-linear-gradient(top, #fafcff, #ffffff); background-image: -o-linear-gradient(top, #fafcff, #ffffff); background-image: linear-gradient(to bottom, #fafcff, #ffffff); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffafcff', endColorstr='#ffffffff', GradientType=0); } .rma-confirmation-form { border: solid 1px #cccccc; background: #fff; position: fixed; top: 100px; left: 50%; margin-left: -215px; width: 630px; padding: 20px; z-index: 1001; } .rma-confirmation-form .close { width: 40px; float: right; display: block; color: #636363; text-decoration: none; font-weight: normal; font-size: 30px; position: absolute; top: -8px; right: -14px; font-family: "Raleway", "Helvetica Neue", Verdana, Arial, sans-serif; cursor: pointer; } .rma-confirmation-form h2 { font-family: "Raleway", "Helvetica Neue", Verdana, Arial, sans-serif; color: #50A4CF; font-size: 14px; font-weight: bold; margin-bottom: 20px; } .rma-confirmation-form .buttons { text-align: right; margin-bottom: 0px !important; } .rma-confirmation-form-overlay { position: fixed; left: 0px; top: 0px; width: 100000px; height: 100000px; background: rgba(0, 0, 0, 0.3); z-index: 1000; } .rma-items .rma-one-item { *zoom: 1; margin-bottom: 10px; } .rma-items .rma-one-item:before, .rma-items .rma-one-item:after { display: table; content: ""; line-height: 0; } .rma-items .rma-one-item:after { clear: both; } .rma-items .rma-one-item .item-description { width: 50%; float: left; border-right: 1px solid #ededed; } .rma-items .rma-one-item .item-description b { margin-left: 20px; } .rma-items .rma-one-item .item-description img { width: 150px; float: left; margin-left: 10px; } .rma-items .rma-one-item .item-description input { float: left; } .rma-items .rma-one-item .item-options { border-left: 1px solid #ededed; margin-left: -1px; padding-left: 20px; width: 50%; float: left; } .rma-items .rma-one-item .item-options > div { margin-bottom: 8px; position: relative; } .rma-items .rma-one-item .item-options > div label { width: 150px; } .rma-items .rma-one-item .item-options > div label em { color: #df280a; } .rma-items .rma-one-item .item-options > div .total-qty { position: absolute; left: 200px; top: 1px; } .rma-items .rma-one-item .item-options > div .validate-rma-quantity { font-size: 13px; text-align: center; } /* * Itemslider - based on Owl Carousel * * IMPORTANT: Flexslider was replaced by Owl Carousel. * Deprecated styles for Flexslider are not needed any more and can be found inside this file: itemslider-old.css */ /* Owl Carousel %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Necessary styles (Core Owl Carousel CSS File v1.24) %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* clearfix */ .owl-carousel .owl-wrapper:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } /* display none until init */ .owl-carousel{ display: none; position: relative; width: 100%; -ms-touch-action: pan-y; } .owl-carousel .owl-wrapper{ display: none; position: relative; -webkit-transform: translate3d(0px, 0px, 0px); } .owl-carousel .owl-wrapper-outer{ overflow: hidden; position: relative; width: 100%; } .owl-carousel .owl-wrapper-outer.autoHeight{ -webkit-transition: height 500ms ease-in-out; -moz-transition: height 500ms ease-in-out; -ms-transition: height 500ms ease-in-out; -o-transition: height 500ms ease-in-out; transition: height 500ms ease-in-out; } .owl-carousel .owl-item{ float: left; } .owl-controls .owl-page, .owl-controls .owl-buttons div{ cursor: pointer; } .owl-controls { -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } /* mouse grab icon */ .grabbing { cursor:url(https://www.ekfluidworks.com/skin/frontend/ultimo/default/images/infortis/_shared/grabbing.png) 8 8, move; } /* fix */ .owl-carousel .owl-wrapper, .owl-carousel .owl-item{ -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -webkit-transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0); } /* CSS3 Transitions */ .owl-origin { -webkit-perspective: 1200px; -webkit-perspective-origin-x : 50%; -webkit-perspective-origin-y : 50%; -moz-perspective : 1200px; -moz-perspective-origin-x : 50%; -moz-perspective-origin-y : 50%; perspective : 1200px; } /* fade */ .owl-fade-out { z-index: 10; -webkit-animation: fadeOut .7s both ease; -moz-animation: fadeOut .7s both ease; animation: fadeOut .7s both ease; } .owl-fade-in { -webkit-animation: fadeIn .7s both ease; -moz-animation: fadeIn .7s both ease; animation: fadeIn .7s both ease; } /* backSlide */ .owl-backSlide-out { -webkit-animation: backSlideOut 1s both ease; -moz-animation: backSlideOut 1s both ease; animation: backSlideOut 1s both ease; } .owl-backSlide-in { -webkit-animation: backSlideIn 1s both ease; -moz-animation: backSlideIn 1s both ease; animation: backSlideIn 1s both ease; } /* goDown */ .owl-goDown-out { -webkit-animation: scaleToFade .7s ease both; -moz-animation: scaleToFade .7s ease both; animation: scaleToFade .7s ease both; } .owl-goDown-in { -webkit-animation: goDown .6s ease both; -moz-animation: goDown .6s ease both; animation: goDown .6s ease both; } /* scaleUp */ .owl-fadeUp-in { -webkit-animation: scaleUpFrom .5s ease both; -moz-animation: scaleUpFrom .5s ease both; animation: scaleUpFrom .5s ease both; } .owl-fadeUp-out { -webkit-animation: scaleUpTo .5s ease both; -moz-animation: scaleUpTo .5s ease both; animation: scaleUpTo .5s ease both; } /* Keyframes */ /*empty*/ @-webkit-keyframes empty { 0% {opacity: 1} } @-moz-keyframes empty { 0% {opacity: 1} } @keyframes empty { 0% {opacity: 1} } @-webkit-keyframes fadeIn { 0% { opacity:0; } 100% { opacity:1; } } @-moz-keyframes fadeIn { 0% { opacity:0; } 100% { opacity:1; } } @keyframes fadeIn { 0% { opacity:0; } 100% { opacity:1; } } @-webkit-keyframes fadeOut { 0% { opacity:1; } 100% { opacity:0; } } @-moz-keyframes fadeOut { 0% { opacity:1; } 100% { opacity:0; } } @keyframes fadeOut { 0% { opacity:1; } 100% { opacity:0; } } @-webkit-keyframes backSlideOut { 25% { opacity: .5; -webkit-transform: translateZ(-500px); } 75% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(-200%); } 100% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(-200%); } } @-moz-keyframes backSlideOut { 25% { opacity: .5; -moz-transform: translateZ(-500px); } 75% { opacity: .5; -moz-transform: translateZ(-500px) translateX(-200%); } 100% { opacity: .5; -moz-transform: translateZ(-500px) translateX(-200%); } } @keyframes backSlideOut { 25% { opacity: .5; transform: translateZ(-500px); } 75% { opacity: .5; transform: translateZ(-500px) translateX(-200%); } 100% { opacity: .5; transform: translateZ(-500px) translateX(-200%); } } @-webkit-keyframes backSlideIn { 0%, 25% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(200%); } 75% { opacity: .5; -webkit-transform: translateZ(-500px); } 100% { opacity: 1; -webkit-transform: translateZ(0) translateX(0); } } @-moz-keyframes backSlideIn { 0%, 25% { opacity: .5; -moz-transform: translateZ(-500px) translateX(200%); } 75% { opacity: .5; -moz-transform: translateZ(-500px); } 100% { opacity: 1; -moz-transform: translateZ(0) translateX(0); } } @keyframes backSlideIn { 0%, 25% { opacity: .5; transform: translateZ(-500px) translateX(200%); } 75% { opacity: .5; transform: translateZ(-500px); } 100% { opacity: 1; transform: translateZ(0) translateX(0); } } @-webkit-keyframes scaleToFade { to { opacity: 0; -webkit-transform: scale(.8); } } @-moz-keyframes scaleToFade { to { opacity: 0; -moz-transform: scale(.8); } } @keyframes scaleToFade { to { opacity: 0; transform: scale(.8); } } @-webkit-keyframes goDown { from { -webkit-transform: translateY(-100%); } } @-moz-keyframes goDown { from { -moz-transform: translateY(-100%); } } @keyframes goDown { from { transform: translateY(-100%); } } @-webkit-keyframes scaleUpFrom { from { opacity: 0; -webkit-transform: scale(1.5); } } @-moz-keyframes scaleUpFrom { from { opacity: 0; -moz-transform: scale(1.5); } } @keyframes scaleUpFrom { from { opacity: 0; transform: scale(1.5); } } @-webkit-keyframes scaleUpTo { to { opacity: 0; -webkit-transform: scale(1.5); } } @-moz-keyframes scaleUpTo { to { opacity: 0; -moz-transform: scale(1.5); } } @keyframes scaleUpTo { to { opacity: 0; transform: scale(1.5); } } /* Additional styles for Owl Carousel %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Preloading images */ .owl-item.loading { min-height: 60px; background: url(https://www.ekfluidworks.com/skin/frontend/ultimo/default/images/infortis/_shared/ajax-loader.gif) no-repeat center center; } /* Pagination */ .owl-pagination { text-align: center; z-index: 1; /* z-index to show above other items */ } /* Itemslider %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .itemslider { margin-bottom: 20px; } /* Items */ .itemslider .item { padding-left:10px; padding-right:10px; } /* Lazy loading */ .itemslider .owl-item.loading { background-position: center 40px; } .itemslider .owl-item.loading .product-image { min-height: 70px; } /* If slider inside menu */ #nav .itemslider .price-box span { display: inline; } /** * Generic interface elements */ /* Owl Carousel %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Generic arrows 1 %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .slider-arrows1 .owl-controls .owl-buttons { position:absolute; } .slider-arrows1 .owl-controls .owl-buttons div { float:left; display:block; width:30px; height:30px; line-height:30px; text-align:center; cursor:pointer; text-decoration:none; overflow:hidden; text-indent:-9999px; background-image:url(https://www.ekfluidworks.com/skin/frontend/ultimo/default/images/infortis/_shared/generic-nav/slider-arrows.png); background-repeat:no-repeat; background-color:#e5e5e5; transition: opacity 300ms ease-in-out, background-color 300ms ease-in-out, background-position 300ms ease-in-out; -moz-transition: opacity 300ms ease-in-out, background-color 300ms ease-in-out, background-position 300ms ease-in-out; -webkit-transition: opacity 300ms ease-in-out, background-color 300ms ease-in-out, background-position 300ms ease-in-out; -o-transition: opacity 300ms ease-in-out, background-color 300ms ease-in-out, background-position 300ms ease-in-out; } .slider-arrows1 .owl-controls.clickable .owl-buttons div:hover { background-color:#333; } .slider-arrows1 .owl-controls .owl-buttons div.disabled { opacity:0.4; filter:alpha(opacity=40); cursor:default; } .slider-arrows1 .owl-controls.clickable .owl-buttons div.disabled:hover { background-color:#e5e5e5; /* Must be the same as default color */ } .slider-arrows1 .owl-controls .owl-buttons .owl-prev { background-position:-10px -10px; margin-right:1px; } .slider-arrows1 .owl-controls.clickable .owl-buttons .owl-prev:hover { background-position:-10px -60px; } .slider-arrows1 .owl-controls.clickable .owl-buttons .owl-prev.disabled:hover { background-position:-10px -10px; /* Same as default */ } .slider-arrows1 .owl-controls .owl-buttons .owl-next { background-position:-60px -10px; } .slider-arrows1 .owl-controls.clickable .owl-buttons .owl-next:hover { background-position:-60px -60px; } .slider-arrows1 .owl-controls.clickable .owl-buttons .owl-next.disabled:hover { background-position:-60px -10px; /* Same as default */ } /* Position */ .slider-arrows1-pos-top-right .owl-controls .owl-buttons { top:-40px; right:0px; } .slider-arrows1-pos-top-left .owl-controls .owl-buttons { top:-40px; left:0px; } /* Generic arrows 2 %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .slider-arrows2 .owl-controls .owl-buttons div { position:absolute; display:block; width:50px; height:50px; line-height:50px; text-align:center; cursor:pointer; text-decoration:none; overflow:hidden; text-indent:-9999px; background-image:url(https://www.ekfluidworks.com/skin/frontend/ultimo/default/images/infortis/_shared/generic-nav/slider-arrows.png); background-repeat:no-repeat; background-color:#fff; transition: opacity 300ms ease-in-out, background-color 300ms ease-in-out, background-position 300ms ease-in-out; -moz-transition: opacity 300ms ease-in-out, background-color 300ms ease-in-out, background-position 300ms ease-in-out; -webkit-transition: opacity 300ms ease-in-out, background-color 300ms ease-in-out, background-position 300ms ease-in-out; -o-transition: opacity 300ms ease-in-out, background-color 300ms ease-in-out, background-position 300ms ease-in-out; opacity:0; filter:alpha(opacity=0); } .slider-arrows2:hover .owl-controls .owl-buttons div { opacity:1; filter:alpha(opacity=100); } .slider-arrows2 .owl-controls.clickable .owl-buttons div:hover { background-color:#000; } .slider-arrows2 .owl-controls .owl-buttons .owl-prev { background-position:-2px 0; left:0; top:44%; } .slider-arrows2 .owl-controls.clickable .owl-buttons .owl-prev:hover { background-position:-2px -50px; } .slider-arrows2 .owl-controls .owl-buttons .owl-next { background-position:-48px 0; right:0; top:44%; } .slider-arrows2 .owl-controls.clickable .owl-buttons .owl-next:hover { background-position:-48px -50px; } /* Generic arrows 3 %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .slider-arrows3 .owl-controls .owl-buttons div { position:absolute; display:block; width:30px; height:30px; line-height:30px; text-align:center; cursor:pointer; text-decoration:none; overflow:hidden; text-indent:-9999px; background-image:url(https://www.ekfluidworks.com/skin/frontend/ultimo/default/images/infortis/_shared/generic-nav/slider-arrows.png); background-repeat:no-repeat; background-color:#fff; transition: opacity 300ms ease-in-out, background-color 300ms ease-in-out, background-position 300ms ease-in-out; -moz-transition: opacity 300ms ease-in-out, background-color 300ms ease-in-out, background-position 300ms ease-in-out; -webkit-transition: opacity 300ms ease-in-out, background-color 300ms ease-in-out, background-position 300ms ease-in-out; -o-transition: opacity 300ms ease-in-out, background-color 300ms ease-in-out, background-position 300ms ease-in-out; } .slider-arrows3 .owl-controls.clickable .owl-buttons div:hover { background-color:#000; } .slider-arrows3 .owl-controls .owl-buttons div.disabled { opacity:0.4; filter:alpha(opacity=40); cursor:default; } .slider-arrows3 .owl-controls.clickable .owl-buttons div.disabled:hover { background-color:#fff; /* Must be the same as default color */ } .slider-arrows3 .owl-controls .owl-buttons .owl-prev { background-position:-10px -10px; top:30%; left:-32px; } .slider-arrows3 .owl-controls.clickable .owl-buttons .owl-prev:hover { background-position:-10px -60px; } .slider-arrows3 .owl-controls.clickable .owl-buttons .owl-prev.disabled:hover { background-position:-10px -10px; /* Same as default */ } .slider-arrows3 .owl-controls .owl-buttons .owl-next { background-position:-60px -10px; top:30%; right:-32px; } .slider-arrows3 .owl-controls.clickable .owl-buttons .owl-next:hover { background-position:-60px -60px; } .slider-arrows3 .owl-controls.clickable .owl-buttons .owl-next.disabled:hover { background-position:-60px -10px; /* Same as default */ } /* Generic pagination 1 %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .slider-pagination1 .owl-controls .owl-page { display: inline-block; vertical-align: middle; zoom: 1; *display: inline;/*IE7 life-saver */ } .slider-pagination1 .owl-controls .owl-page span { display: block; width: 12px; height: 12px; margin: 7px 7px; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; background-color:#eee; transition: background-color 300ms ease-in-out; -moz-transition: background-color 300ms ease-in-out; -webkit-transition: background-color 300ms ease-in-out; -o-transition: background-color 300ms ease-in-out; } .slider-pagination1 .owl-controls.clickable .owl-page:hover span { background-color:#000; } .slider-pagination1 .owl-controls .owl-page.active span { background-color:#ccc; } /* Generic pagination 2 %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .slider-pagination2 .owl-controls .owl-page { display: inline-block; vertical-align: middle; zoom: 1; *display: inline;/*IE7 life-saver */ } .slider-pagination2 .owl-controls .owl-page span { display: block; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; background-color:#fff; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); width:10px; height:10px; margin:8px; transition: background-color 300ms ease-in-out; -moz-transition: background-color 300ms ease-in-out; -webkit-transition: background-color 300ms ease-in-out; -o-transition: background-color 300ms ease-in-out; /* transition: width 300ms ease-in-out, height 300ms ease-in-out, margin 300ms ease-in-out, background-color 300ms ease-in-out; -moz-transition: width 300ms ease-in-out, height 300ms ease-in-out, margin 300ms ease-in-out, background-color 300ms ease-in-out; -webkit-transition: width 300ms ease-in-out, height 300ms ease-in-out, margin 300ms ease-in-out, background-color 300ms ease-in-out; -o-transition: width 300ms ease-in-out, height 300ms ease-in-out, margin 300ms ease-in-out, background-color 300ms ease-in-out;*/ } .slider-pagination2 .owl-controls.clickable .owl-page:hover span, .slider-pagination2 .owl-controls .owl-page.active span { width:16px; height:16px; margin:5px; } .slider-pagination2 .owl-controls .owl-page.active { cursor:default; } /* Pagination position %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .pagination-pos-bottom-centered { padding-bottom: 50px; /* Additional space for bottom pagination */ } .pagination-pos-bottom-centered .owl-pagination { padding: 10px 0; text-align: center; position: absolute; width: 100%; } .pagination-pos-bottom-right .owl-pagination { padding: 10px 0; float: right; } .pagination-pos-bottom-left .owl-pagination { padding: 10px 0; float: left; } /* Over the slider */ .pagination-pos-over-bottom-centered .owl-pagination { text-align: center; margin-top: -35px; position: absolute; width: 100%; } .pagination-pos-over-bottom-right .owl-pagination { position:absolute; bottom:3.5%; right:1.5%; } .pagination-pos-over-bottom-left .owl-pagination { position:absolute; bottom:3.5%; left:1.5%; } /** * Brands */ /* Base %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .brand-name { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 22px; line-height: 18px; text-align: center; } .brand-name-wrapper { display: table; min-height: 36px; /* Two lines of text */ margin: 0 auto; } .brand-name-wrapper .brand-name { display: table-cell; vertical-align: middle; } /* On product page %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .box-brand a { margin:0 auto; display:block; } .box-brand img { margin:0 auto; display:block; } .box-brand .brand-name {} .box-brand .brand-name .label {} /* Brand in secondary column on product page */ .product-secondary-column .box-brand .attribute { font-size:1.25em; /*15px*/ line-height:1.2em; /*18px*/ font-weight:bold; text-align:center; margin:10px 0; } /* Brand slider %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .brand-slider .item { padding-bottom: 20px; padding-top: 20px; text-align: center; } .brand-slider .item a { display: block; } .brand-slider .owl-item.loading { min-height:60px; } /** * Ultra Slideshow */ /* Slideshow wrapper %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .the-slideshow-wrapper {} .the-slideshow-wrapper:after { display:block; content:"."; clear:both; font-size:0; line-height:0; height:0; overflow:hidden; } /* Slideshow %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .the-slideshow { margin:0 auto; } .the-slideshow .slides { display: none; } /* Banners %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .the-slideshow-banners { -webkit-backface-visibility: hidden; /* Fix possible glitches during animation */ margin-bottom:0.1%; /* Important: a little bit bigger than slideshow bottom margin to avoid jumping on slide transition */ } .the-slideshow-banners .banner { position:relative; /* Container for caption */ } .the-slideshow-banners a.banner, /* Backward compatibility, link could have "banner" class */ .the-slideshow-banners .banner a { display:block; } /* Additional effects %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .the-slideshow .fade-on-slideshow-hover, .the-slideshow-wrapper .fade-on-slideshow-wrapper-hover { transition: opacity 300ms ease-in-out; -moz-transition: opacity 300ms ease-in-out; -webkit-transition: opacity 300ms ease-in-out; -o-transition: opacity 300ms ease-in-out; } .the-slideshow:hover .fade-on-slideshow-hover, .the-slideshow-wrapper:hover .fade-on-slideshow-wrapper-hover { opacity:0.75; filter:alpha(opacity=75); } /* * Accordions and collapsible blocks */ /* Accordion %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .accordion { padding:0; margin:0; list-style-type:none; } .accordion ul { display:block; /*display:none;*/ float:left; width:100%; padding:0; margin:0; } .accordion li { float:left; display:block; width:100% !important; padding:0 !important; margin:0; list-style-type:none; cursor:pointer; position:relative; } .accordion li a { display:block; padding:15px 10px; font-size: 1.1666em; /*14px*/ line-height: 1.2857em; /*18px*/ } .accordion li p a { font-size: 18px; line-height: 23px; display: inline; padding: 0; } .accordion li li a { padding-left:20px; } .accordion li li li a { padding-left:40px; } .accordion li li li li a { padding-left:60px; } /* Space for openner if item has children. Space has to be a few pixels wider than openner */ .accordion li.parent > a { padding-right:54px; } /* Opener -------------------------------------------------------------- */ .accordion .opener { position:absolute; right:0; top:0; display:block; cursor:pointer; text-align:center; width:49px; height:49px; line-height:49px; background: url(https://www.ekfluidworks.com/skin/frontend/ultimo/default/images/infortis/_shared/accordion/opener.png) center center no-repeat; } .accordion .opener:hover { background-color:rgba(0,0,0, 0.05); } /* Active */ .accordion li.item-active > .opener { background-image:url(https://www.ekfluidworks.com/skin/frontend/ultimo/default/images/infortis/_shared/accordion/opener-active.png); } /* Accordion - Style 1 %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Padding -------------------------------------------------------------- */ .accordion-style1 li a { padding:5px 10px; } .accordion-style1 li li a { padding-left:20px; } .accordion-style1 li li li a { padding-left:35px; } .accordion-style1 li li li li a { padding-left:50px; } /* Space for openner if item has children. Space has to be a few pixels wider than openner */ .accordion-style1 li.parent > a { padding-right:33px; } /* Misc -------------------------------------------------------------- */ .accordion-style1 li a { border-bottom-color:#eee; border-bottom:1px solid rgba(0,0,0,0.06); font-size:1em; /*12px*/ line-height:1.5em; /*18px*/ } .accordion-style1 li a:hover { background-color:rgba(0,0,0, 0.03); } /* Opener -------------------------------------------------------------- */ .accordion-style1 .opener { width:28px; height:28px; line-height:28px; /*background-image:url(https://www.ekfluidworks.com/skin/frontend/ultimo/default/images/infortis/_shared/accordion/opener-small.png);*/ background-color:rgba(0,0,0, 0.03); } .accordion-style1 .opener:hover { background-color:rgba(0,0,0, 0.10); background-image: url(https://www.ekfluidworks.com/skin/frontend/ultimo/default/images/infortis/_shared/accordion/opener-w.png); } /* Active */ /*.accordion-style1 li.item-active > .opener { background-image:url(https://www.ekfluidworks.com/skin/frontend/ultimo/default/images/infortis/_shared/accordion/opener-small-active.png); }*/ .accordion-style1 li.item-active > .opener:hover { background-image:url(https://www.ekfluidworks.com/skin/frontend/ultimo/default/images/infortis/_shared/accordion/opener-active-w.png); } /* Collapsible %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .collapsible .block-title { cursor: pointer; } .collapsible .block-title, .mobile-collapsible .block-title { padding-top:8px; /*padding-right:35px;*/ /* Rremoved space for opener */ padding-bottom:8px; border-bottom:1px solid #f2f2f2; border-color:rgba(0,0,0, 0.05); margin-bottom:0.625em; /*10px*/ font-size:1.3333em; /*16px*/ line-height:1.25em; /*20px*/ font-weight:normal; } .collapsible .block-content, .collapsible .block-content > * { margin-top:0; /* Prevent animation jumping */ } /* Deprecated: opener -------------------------------------------------------------- */ .collapsible .opener { position:absolute; right:0; top:2px; display:block; cursor:pointer; text-align:center; width:30px; height:30px; line-height:30px; background-image:url(https://www.ekfluidworks.com/skin/frontend/ultimo/default/images/infortis/_shared/accordion/opener.png); background-position:center center; background-repeat:no-repeat; background-color:#f2f2f2; /*IE*/ background-color:rgba(0,0,0, 0.05); } .collapsible .opener:hover { background-color:#e5e5e5; /*IE*/ background-color:rgba(0,0,0, 0.1); background-image:url(https://www.ekfluidworks.com/skin/frontend/ultimo/default/images/infortis/_shared/accordion/opener-w.png); } .collapsible.active .opener { background-image:url(https://www.ekfluidworks.com/skin/frontend/ultimo/default/images/infortis/_shared/accordion/opener-active.png); } .collapsible.active .opener:hover { background-image:url(https://www.ekfluidworks.com/skin/frontend/ultimo/default/images/infortis/_shared/accordion/opener-active-w.png); } /* * Main menu * * Old selector: New selector: * #nav --> .nav-regular * #nav.mobile --> .nav-mobile */ /* Common elements %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Category blocks %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .nav-block { margin-top: 1%; margin-bottom: 1%; } .nav-block--center { margin-top: 1%; margin-bottom: 1%; } /* Section line (separator) is lighter than other lines -------------------------------------------------------------- */ .nav-block .section-line { border-color: #eee; } /* Deprecated: custom static block block_header_nav_dropdown displayed as a dropdown -------------------------------------------------------------- */ #nav .nav-custom-link .header-nav-dropdown-wrapper .heading { margin: 10px 0; } /* Caret %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .nav-regular .caret { display:inline-block; width:0; height:0; margin-bottom:2px; margin-left:2px; vertical-align:middle; content:""; border-color:#333 transparent transparent; border-style:solid solid none; border-width:4px 4px 0; } /* Only items with dropdown display the caret */ .nav-regular .caret { display: none; } .nav-regular .nav-item--parent > a .caret { display: inline-block; } /* Carets inside dropdowns - right side caret */ .nav-regular .nav-panel a .caret { border-color: transparent transparent transparent #333; border-style: solid none solid solid; border-width: 4px 0 4px 4px; margin-left: 5px; opacity: 0.2; } .nav-regular .nav-panel a:hover .caret { opacity: 1; } /* Home link %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Home link with icon inside a menu item -------------------------------------------------------------- */ /* Class "feature" inside an item */ .nav-regular .nav-item--home a {} .nav-regular .nav-item--home .ic { display: inline-block; font-size: 16px; padding: 0; width: 30px; text-align: center; vertical-align: middle; /* TODO: check for better option */ float: none; background-color: transparent !important; /* Remove default colors */ } /* Single icon as a home link -------------------------------------------------------------- */ #nav .nav-item--homeicon a { padding-left: 17px; /* The same as side padding of top-level items +5px */ padding-right: 5px; background: none !important; box-shadow: none !important; border: none !important; opacity: 1; transition: opacity 450ms ease-in-out; -moz-transition: opacity 450ms ease-in-out; -webkit-transition: opacity 450ms ease-in-out; -o-transition: opacity 450ms ease-in-out; } #nav .nav-item--homeicon a:hover { opacity: 0.6; transition-duration: 100ms; -moz-transition-duration: 100ms; -webkit-transition-duration: 100ms; -o-transition-duration: 100ms; } /* Category labels %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .cat-label { padding:2px 4px; font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:normal; line-height:18px; text-transform:none; text-shadow:none; transition: color 450ms ease-in-out, background-color 450ms ease-in-out; -moz-transition: color 450ms ease-in-out, background-color 450ms ease-in-out; -webkit-transition: color 450ms ease-in-out, background-color 450ms ease-in-out; -o-transition: color 450ms ease-in-out, background-color 450ms ease-in-out; } li > a:hover > span > .cat-label { transition-duration: 100ms; -moz-transition-duration: 100ms; -webkit-transition-duration: 100ms; -o-transition-duration: 100ms; } /* labels: 1st level -------------------------------------------------------------- */ li.level0 > a > span { position:relative; } li.level0 > a > span > .cat-label { position:absolute; top:-10px; /*-14px*/ right:0; padding:0 6px; font-size:14px; line-height:22px; } /* Add pin (1st level only) */ li.level0 > a > span > .pin-bottom:before { position:absolute; right:6px; top:22px; width:0; height:0; content:""; border-style:solid; border-width:4px; border-color:transparent; transition: border-color 450ms ease-in-out; -moz-transition: border-color 450ms ease-in-out; -webkit-transition: border-color 450ms ease-in-out; -o-transition: border-color 450ms ease-in-out; } li.level0 > a:hover > span > .pin-bottom:before { transition-duration: 100ms; -moz-transition-duration: 100ms; -webkit-transition-duration: 100ms; -o-transition-duration: 100ms; } /* labels: 2nd level -------------------------------------------------------------- */ li.level1 > a > span > .cat-label { display:inline-block !important; padding:0 4px; margin-left:5px; vertical-align:middle; } /* labels: 3rd level -------------------------------------------------------------- */ li.level2 > a > span > .cat-label { display:inline-block !important; padding:0 4px; margin-left:2px; } /* Category labels inside mobile menu / vertical menu %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .nav-mobile li > a > span > .cat-label { position:static; display:inline-block !important; padding:0 4px; margin-left:5px; /* Label size: all levels */ font-size:14px; line-height:18px; } /* Hide pin */ .nav-mobile li > a > span > .pin-bottom:before { display:none; } /* Non-clickable links %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ #nav a.no-click { cursor: default; } /* Remove highlight color on tap %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ #nav, .mobnav-trigger, .nav-regular .nav-item.level0 > a { -webkit-tap-highlight-color: transparent; } /* Base styles of the menu %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ #nav { position: relative; /* Dropdown box position is relative to this container */ z-index: 2000; /* Without this dropdown goes under other elements */ -webkit-transform: translateZ(0); /* Fix possible glitches during animation */ } #nav.nav-mobile { display: none; } #nav.nav-mobile.show { display: block; } /* Standard menu %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Height of the menu bar %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Top-level items and mobile menu trigger */ .mobnav-trigger, .nav-regular .nav-item.level0 > a { line-height:50px; } /* Additional classes %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Menu items centered within the menu bar -------------------------------------------------------------- */ .nav-regular.centered { text-align: center; } .nav-regular.centered li.level0 { float: none; display: inline-block; } .nav-regular.centered li.level0.right, .nav-regular.centered li.level0.left { float: none !important; } /* Other elements %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Openers */ .nav-regular .opener { display: none; } /* Hide elements */ .nav-regular .hide-in-desktop-menu { display: none !important; } /* Mobile menu %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Mobile menu trigger. Shares style with the 1st-level links from the standard menu %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ div.mobnav-trigger-wrapper { display:none; } /* Important: added "div" to selector to make it more specific than grid units */ .mobnav-trigger { display:block; padding:0 15px; } /* Mobile menu icon */ .mobnav-trigger .trigger-icon { display:block; float:left; width:23px; padding-top:18px; margin:0 8px 0 0; } .mobnav-trigger .trigger-icon .line { display:block; background-color:#fff; height:3px; margin-bottom:2px; } /* Dropdowns %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Dropdowns inside mobile menu */ .nav-mobile .nav-panel--dropdown { /* To override width which can be added to dropdowns of the regular menu */ width: 100% !important; /* Reset of dropdown's inline positioning */ left: 0 !important; top: 0 !important; } /* Remove background color of dropdown in items containing only subcategories */ .nav-mobile .nav-item--only-subcategories > .nav-panel--dropdown { background-color: transparent !important; } /* Show category blocks on selected levels %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Hide blocks on all levels */ .nav-mobile .nav-block { display: none; } /* Structure of the selectors below: menu.modifier [level] item > panel > innerPanel > categoryBlocks */ /* Show on 0 levels -------------------------------------------------------------- */ .nav-mobile.opt-sb0 .nav-item > div { -moz-box-shadow:none; -webkit-box-shadow:none; box-shadow:none; background-color: transparent !important; } /* Remove dropdown shadow and background color */ .nav-mobile.opt-sb0 .nav-item > div > div { padding: 0 !important; } /* Remove padding of inner panel */ .nav-mobile.opt-sb0 .nav-item > div > div > .nav-block--center { margin: 0; width: 100%; } /* Stretch the central column */ .nav-mobile.opt-sb0 .nav-item.nav-item--only-blocks { display: none; } /* Hide items containing only category blocks */ /* TODO: for top-level items: If "nav-item--only-blocks": hide only the dropdown and the opener, but not the item itself. Exception: if it's an item of "block_header_nav_dropdown", the item has to be hidden completely because it's not clickable so there is no sense to display it. */ /*.nav-mobile.opt-sb0 .nav-item.nav-item--only-blocks > .opener { display: none; }*/ /* Show on 1 level -------------------------------------------------------------- */ .nav-mobile.opt-sb1 li.level0 > div > div > .nav-block { display: block; } .nav-mobile.opt-sb1 ul.level0 .nav-item > div { -moz-box-shadow:none; -webkit-box-shadow:none; box-shadow:none; background-color: transparent !important; } .nav-mobile.opt-sb1 ul.level0 .nav-item > div > div { padding: 0 !important; } .nav-mobile.opt-sb1 ul.level0 .nav-item > div > div > .nav-block--center { margin: 0; width: 100%; } .nav-mobile.opt-sb1 ul.level0 .nav-item.nav-item--only-blocks { display: none; } /* Show on 2 levels -------------------------------------------------------------- */ .nav-mobile.opt-sb2 li.level0 > div > div > .nav-block, .nav-mobile.opt-sb2 li.level1 > div > div > .nav-block { display: block; } .nav-mobile.opt-sb2 ul.level1 .nav-item > div { -moz-box-shadow:none; -webkit-box-shadow:none; box-shadow:none; background-color: transparent !important; } .nav-mobile.opt-sb2 ul.level1 .nav-item > div > div { padding: 0 !important; } .nav-mobile.opt-sb2 ul.level1 .nav-item > div > div > .nav-block--center { margin: 0; width: 100%; } .nav-mobile.opt-sb2 ul.level1 .nav-item.nav-item--only-blocks { display: none; } /* Show on 3 levels -------------------------------------------------------------- */ .nav-mobile.opt-sb3 li.level0 > div > div > .nav-block, .nav-mobile.opt-sb3 li.level1 > div > div > .nav-block, .nav-mobile.opt-sb3 li.level2 > div > div > .nav-block { display: block; } .nav-mobile.opt-sb3 ul.level2 .nav-item > div { -moz-box-shadow:none; -webkit-box-shadow:none; box-shadow:none; background-color: transparent !important; } .nav-mobile.opt-sb3 ul.level2 .nav-item > div > div { padding: 0 !important; } .nav-mobile.opt-sb3 ul.level2 .nav-item > div > div > .nav-block--center { margin: 0; width: 100%; } .nav-mobile.opt-sb3 ul.level2 .nav-item.nav-item--only-blocks { display: none; } /* Show on 4 levels -------------------------------------------------------------- */ .nav-mobile.opt-sb4 li.level0 > div > div > .nav-block, .nav-mobile.opt-sb4 li.level1 > div > div > .nav-block, .nav-mobile.opt-sb4 li.level2 > div > div > .nav-block, .nav-mobile.opt-sb4 li.level3 > div > div > .nav-block { display: block; } .nav-mobile.opt-sb4 ul.level3 .nav-item > div { -moz-box-shadow:none; -webkit-box-shadow:none; box-shadow:none; background-color: transparent !important; } .nav-mobile.opt-sb4 ul.level3 .nav-item > div > div { padding: 0 !important; } .nav-mobile.opt-sb4 ul.level3 .nav-item > div > div > .nav-block--center { margin: 0; width: 100%; } .nav-mobile.opt-sb4 ul.level3 .nav-item.nav-item--only-blocks { display: none; } /* Show on 5 levels -------------------------------------------------------------- */ .nav-mobile.opt-sb5 li.level0 > div > div > .nav-block, .nav-mobile.opt-sb5 li.level1 > div > div > .nav-block, .nav-mobile.opt-sb5 li.level2 > div > div > .nav-block, .nav-mobile.opt-sb5 li.level3 > div > div > .nav-block, .nav-mobile.opt-sb5 li.level4 > div > div > .nav-block { display: block; } .nav-mobile.opt-sb5 ul.level4 .nav-item > div { -moz-box-shadow:none; -webkit-box-shadow:none; box-shadow:none; background-color: transparent !important; } .nav-mobile.opt-sb5 ul.level4 .nav-item > div > div { padding: 0 !important; } .nav-mobile.opt-sb5 ul.level4 .nav-item > div > div > .nav-block--center { margin: 0; width: 100%; } .nav-mobile.opt-sb5 ul.level4 .nav-item.nav-item--only-blocks { display: none; } /* Other elements %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Carets -------------------------------------------------------------- */ .nav-mobile .caret { display: none !important; } /* Home link -------------------------------------------------------------- */ .nav-mobile .nav-item--home { display: none !important; } /* Hide elements -------------------------------------------------------------- */ .nav-mobile .hide-in-mobile-menu { display: none !important; } /* Hide containers for additional elements -------------------------------------------------------------- */ .nav-mobile .nav-holder { display: none !important; } /* Miscellaneous %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Containers for additional elements in the menu bar %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ #nav .nav-holder { float: right; } #nav .nav-holder > * { display: block; line-height: 50px; /* The same as height of the menu bar */ } /* Set max height (the same as height of the menu bar) to avoid issues with excessive height of the dropdown elements when dropdown is inserted inside the menu bar. */ #nav .nav-holder .dropdown-heading { max-height: 50px; line-height: 50px; } /* Other modules/components %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Item sliders -------------------------------------------------------------- */ .nav .itemslider { margin-top:0; margin-bottom:0; } .nav .itemslider .item { padding-top:5px; padding-bottom:0; } .nav .itemslider .product-name a { display: inline-block; } .nav .itemslider .product-name { margin-top: 8px; } /** * Mobile menu accordion */ .acco { list-style-type:none; } .acco li.nav-item { list-style-type:none; display:block; float:left; width:100% !important; /* Use "!important" to override grid units styling */ padding:0 !important; margin:0 !important; position:relative; /* For opener positioning */ } .acco ul.nav-panel { display:block; float:left; width:100%; padding:0; margin:0; } /* Items %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Space for openner if item has children. Space has to be a few pixels wider than openner */ .acco li.parent > a { padding-right:54px; } /* All levels -------------------------------------------------------------- */ .acco .nav-item > a { display: block; padding: 15px 10px; /* Set default line height in pixels because font size will be changed via admin (and that would also change the line height) */ font-size: 16px; /*1.3333em*/ line-height: 19px; /*1.125em*/ } /* Level 1 -------------------------------------------------------------- */ .acco li.level0 > a { font-size: 18px; text-transform: uppercase; } /* Level 2 -------------------------------------------------------------- */ .acco li.level1 > a { padding-left: 30px; font-size: 16px; text-transform: uppercase; } /* Level 3 -------------------------------------------------------------- */ .acco li.level2 > a { padding-left: 50px; font-size: 16px; text-transform: none; } /* Level 4 -------------------------------------------------------------- */ .acco li.level3 > a { padding-left: 70px; font-size: 14px; text-transform: none; } /* Level 5+ -------------------------------------------------------------- */ .acco li.level3 .nav-item > a /* Level 5+ */ { padding-left: 90px; font-size: 12px; text-transform: none; } /* Opener %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .acco .opener { position:absolute; right:0; top:0; display:block; cursor:pointer; text-align:center; width:49px; height:49px; line-height:49px; background: url(https://www.ekfluidworks.com/skin/frontend/ultimo/default/images/infortis/_shared/accordion/opener.png) center center no-repeat; } .acco .opener:hover { background-color:rgba(0,0,0, 0.05); } /* Active */ .acco li.item-active > .opener { background-image:url(https://www.ekfluidworks.com/skin/frontend/ultimo/default/images/infortis/_shared/accordion/opener-active.png); } /** * Main menu dropdown boxes */ /* Common %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* All levels -------------------------------------------------------------- */ .nav-regular .nav-item { text-align: left; } .nav-regular .nav-item > a { display: block; text-decoration: none; } /* Level 1 only -------------------------------------------------------------- */ .nav-regular li.level0 { float: left; } .nav-regular li.level0 > a { padding: 0 12px; } /*TODO:holders*/ .nav-regular li.level0 > a > span { display: inline-block; white-space: nowrap; } /* Top-level item on hover: pull up the link above the dropdown */ .nav-regular li.level0:hover > a { z-index: 2001; /* One level above the dropdown */ position: relative; } /* Caret */ .nav-regular li.level0 > a .caret { opacity: 0.3; } .nav-regular li.level0.active > a .caret { opacity: 1; } .nav-regular li.level0:hover > a .caret { opacity: 1; } /* Dropdowns %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* All levels -------------------------------------------------------------- */ .nav-regular .nav-panel--dropdown { display:none; position:absolute; top:0; z-index:2000; /* Pull above top-level menu items */ background-color:#fff; /* To avoid transparent menu */ /* Uncomment below line to fix possible glitches during animation in webkit browsers */ /*-webkit-transform: translateZ(0);*/ } /* Inner wrapper of the dropdown (for additional padding etc.) -------------------------------------------------------------- */ #nav .nav-panel-inner { padding: 23px; } /* Required value in pixels to keep padding consistent in different dropdowns */ #nav .nav-panel-inner:before, #nav .nav-panel-inner:after { display: table; line-height: 0; content: ""; } #nav .nav-panel-inner:after { clear: both; } /* Full width dropdown %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .nav-regular .nav-panel.full-width { width:100%; } .nav-regular .nav-panel.tmp-full-width { width:100% !important; } /* Temporary class required by js */ /* Mega dropdown %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Dropdown %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* All levels -------------------------------------------------------------- */ .nav-regular .mega > .nav-panel--dropdown { margin:0; } /* Level 2+ -------------------------------------------------------------- */ .nav-regular .nav-panel li.mega { position: relative; } /* Container of the dropdown has to be relative (only on levels 2+) */ .nav-regular .nav-panel li.mega > .nav-panel--dropdown {} .nav-regular .nav-panel li.mega:hover > .nav-panel--dropdown { display: block; left: 60px; top: 0; } /* Inside mega dropdown %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Align submenu's content (grid) with the submenu */ .nav-regular .nav-submenu--mega { margin-left: -1%; margin-right: -1%; } /* Inside mega dropdown, level 1: item -------------------------------------------------------------- */ .nav-regular .nav-submenu--mega > li { display: inline-block; float: none; vertical-align: top; padding-top: 0; padding-bottom: 5px; } .nav-regular .nav-submenu--mega > li > a { font-size: 16px; line-height: 1.25em; /*20px*/ } /* If item is a parent of subcategories, add bottom margin, but romove it if item is a parent of a dropdown */ .nav-regular .nav-submenu--mega > li.parent > a { margin-bottom: 10px; } .nav-regular .nav-submenu--mega > li.nav-item--parent > a { margin-bottom: 0; } /* Inside mega dropdown, level 1: submenu -------------------------------------------------------------- */ /* Each submenu has to be static unless it's a dropdown itself (e.g. if type "classic" was applied to the item). Also, add bottom margin to panel, but romove it if it's a dropdown. */ .nav-regular .nav-submenu--mega > li > .nav-panel { position: static; margin-bottom: 10px; } .nav-regular .nav-submenu--mega > li > .nav-panel--dropdown { position: absolute; margin-bottom: 0; } /* Inside mega dropdown, level 1: category blocks -------------------------------------------------------------- */ .nav-regular .nav-submenu--mega > li > .nav-block--top { margin-top: 0; margin-bottom: 10px; } .nav-regular .nav-submenu--mega > li > .nav-block--bottom { margin-top: 10px; margin-bottom: 0; } /* Inside mega dropdown, level 2: item -------------------------------------------------------------- */ /* List bullets */ .nav-regular .nav-submenu--mega > li > ul > li { background: url(https://www.ekfluidworks.com/skin/frontend/ultimo/default/images/infortis/ultra-megamenu/bullet.png) 3px 6px no-repeat; padding-left: 15px; transition: background-position 150ms ease-out; -moz-transition: background-position 150ms ease-out; -webkit-transition: background-position 150ms ease-out; -o-transition: background-position 150ms ease-out; } .nav-regular .nav-submenu--mega > li > ul > li:hover { background-position:6px 6px; } /* Important: if item is inside a dropdown (e.g. if type "classic" was applied to the parent item), remove bullets */ .nav-regular .nav-submenu--mega > li > ul.nav-panel--dropdown > li { background: none; padding-left: 0; } /* Other */ .nav-regular .nav-submenu--mega > li > ul > li > a { line-height: 1.6666em; /*20px*/ } /* Classic dropdown %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Level 2+ -------------------------------------------------------------- */ .nav-regular .classic > .nav-panel--dropdown > li > a { line-height: 1.6666em; /*20px*/ } .nav-regular .classic > .nav-panel--dropdown > li > a .caret { float: right; margin-top: 6px; } /* Dropdown %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* All levels -------------------------------------------------------------- */ .nav-regular .classic > .nav-panel--dropdown { margin:0; padding:20px; /*TODO:*/ width:16em; min-width:12em; } /* Level 2+ -------------------------------------------------------------- */ .nav-regular .nav-panel li.classic { position: relative; } /* Container of the dropdown has to be relative */ .nav-regular .nav-panel li.classic > .nav-panel--dropdown {} .nav-regular .nav-panel li.classic:hover > .nav-panel--dropdown { display:block; left:60px; top:0; } /* If classic dropdown is on the 1 level of mega dropdown, change positioning */ .nav-regular .nav-submenu--mega > li.classic:hover > .nav-panel--dropdown { left:60px; top:20px; } /* Simple submenu - no dropdown %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* If submenu has to be displayed not as a dropdown, but as a simple list (with slight left indent) */ /* List bullets */ .nav-regular .simple > ul { margin-top: 5px; margin-bottom: 5px; } .nav-regular .simple > ul > li { background:url(https://www.ekfluidworks.com/skin/frontend/ultimo/default/images/infortis/ultra-megamenu/bullet-mini.png) 3px 5px no-repeat; padding-left:15px; transition: background-position 150ms ease-out; -moz-transition: background-position 150ms ease-out; -webkit-transition: background-position 150ms ease-out; -o-transition: background-position 150ms ease-out; } .nav-regular .simple > ul > li:hover { background-position:6px 5px; } .nav-regular .simple > ul > li > a { opacity: 0.6; transition: opacity 150ms ease-out; -moz-transition: opacity 150ms ease-out; -webkit-transition: opacity 150ms ease-out; -o-transition: opacity 150ms ease-out; } .nav-regular .simple:hover > ul > li > a { opacity: 1; } /* Itemgrid for menu dropdown %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .dd-itemgrid > .nav-item { float:left; padding-left:1%; padding-right:1%; } /* Itemgrid: different numbers of columns -------------------------------------------------------------- */ /* Clear first item in each row (row: group of n items) */ /* Item grid: 1 column */ .dd-itemgrid-1col > .nav-item { width:98%; } /* Item grid: 2 columns */ .dd-itemgrid-2col > .nav-item { width:48%; } .dd-itemgrid-2col > .nav-item:nth-child(2n+1) { clear:left; } /* Item grid: 3 columns */ .dd-itemgrid-3col > .nav-item { width:31.3333%; } .dd-itemgrid-3col > .nav-item:nth-child(3n+1) { clear:left; } /* Item grid: 4 columns */ .dd-itemgrid-4col > .nav-item { width:23%; } .dd-itemgrid-4col > .nav-item:nth-child(4n+1) { clear:left; } /* Item grid: 5 columns */ .dd-itemgrid-5col > .nav-item { width:18%; } .dd-itemgrid-5col > .nav-item:nth-child(5n+1) { clear:left; } /* Item grid: 6 columns */ .dd-itemgrid-6col > .nav-item { width:14.6666%; } .dd-itemgrid-6col > .nav-item:nth-child(6n+1) { clear:left; } /* Item grid: 7 columns */ .dd-itemgrid-7col > .nav-item { width:12.2857%; } .dd-itemgrid-7col > .nav-item:nth-child(7n+1) { clear:left; } /* Item grid: 8 columns */ .dd-itemgrid-8col > .nav-item { width:10.5%; } .dd-itemgrid-8col > .nav-item:nth-child(8n+1) { clear:left; } /* Effects %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Fade -------------------------------------------------------------- */ .nav-regular.opt-fx-fade-inout .nav-panel .nav-item--parent > .nav-panel--dropdown { display: block; /* Important: has to be visible before hover */ left: -10000px; opacity: 0; -moz-transition: opacity 50ms ease-in-out 50ms, left 0s ease-in-out 100ms, top 0s ease-in-out 100ms; -webkit-transition: opacity 50ms ease-in-out 50ms, left 0s ease-in-out 100ms, top 0s ease-in-out 100ms; -o-transition: opacity 50ms ease-in-out 50ms, left 0s ease-in-out 100ms, top 0s ease-in-out 100ms; transition: opacity 50ms ease-in-out 50ms, left 0s ease-in-out 100ms, top 0s ease-in-out 100ms; } .nav-regular.opt-fx-fade-inout .nav-panel .nav-item--parent:hover > .nav-panel--dropdown { opacity: 1; transition-delay: 50ms; -moz-transition-delay: 50ms; -webkit-transition-delay: 50ms; -o-transition-delay: 50ms; } /** * Simple vertical menu (sidebar menu) */ .vertnav { float: left; width: 100%; } /* Number of products in category */ .vertnav .number { color: #aaa; margin-left: 3px; } /* Category labels inside vertical menu %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* All levels */ .vertnav li > a > span > .cat-label { position: static; display: inline-block !important; padding: 0 4px; margin-left: 3px; /* Label size */ font-size: inherit; line-height: inherit; } /* Hide pin */ .vertnav li > a > span > .pin-bottom:before { display: none; } @media only screen and (max-width: 319px) { .nav-mobile .nav-block { display: none !important; } .nav-mobile .nav-item > div.nav-panel--dropdown { -moz-box-shadow:none; -webkit-box-shadow:none; box-shadow:none; background-color: transparent !important; } .nav-mobile .nav-item > div > div { padding: 0 !important; } .nav-mobile .nav-item > div > div > .nav-block--center { margin: 0 !important; width: 100% !important; } .nav-mobile .nav-item.nav-item--only-blocks { display: none; } } .clearfix { *zoom: 1; } .clearfix:before, .clearfix:after { display: table; content: ""; line-height: 0; } .clearfix:after { clear: both; } .hide-text { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0; } .input-block-level { display: block; width: 100%; min-height: 30px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .searchautocomplete .search-autocomplete { position: absolute; } .searchautocomplete .form-search { overflow: none !important; position: relative; } .searchautocomplete .sprite { background: url('https://www.ekfluidworks.com/skin/frontend/base/default/images/mirasvit/sprite.png'); } .searchautocomplete .nav-search-in { position: absolute; top: 2px; left: 0px; z-index: 11; } .searchautocomplete .nav-search-in .category { opacity: 0; filter: alpha(opacity=0); background: white; border: 1px solid #DDD; color: black; cursor: pointer; height: 29px; left: 0; margin: 0; outline: 0; padding: 0; position: absolute; top: 0; visibility: visible; width: auto; } .searchautocomplete .nav-search-in .category-fake { height: 20px; color: #777; cursor: pointer; float: left; font-size: 11px; padding: 0px 25px 0px 10px; text-align: center; white-space: nowrap; margin-top: 6px; } .searchautocomplete .nav-search-in .nav-down-arrow { right: 10px; top: 16px; position: absolute; width: 0; height: 0; border-style: solid; border-width: 5px 4.5px 0 4.5px; border-color: #000000 transparent transparent transparent; line-height: 0px; } .searchautocomplete .nav-search-in:hover .category-fake { color: #000; } .searchautocomplete .nav-search-in:hover .nav-down-arrow { background-position: -6px -34px; } .searchautocomplete .searchautocomplete-placeholder { -webkit-border-radius: 5px 5px 5px 5px; -moz-border-radius: 5px 5px 5px 5px; border-radius: 5px 5px 5px 5px; background: #FFF; border: 1px solid #ccc; position: absolute; z-index: 102; box-shadow: 0 10px 10px #5E5E5E; top: 30px; } .searchautocomplete .searchautocomplete-placeholder:before { border-color: transparent transparent #CCC transparent; content: ""; position: absolute; border-style: solid; border-width: 5px; height: 0; width: 0; top: -11px; left: 30px; } .searchautocomplete .searchautocomplete-placeholder ul { list-style: none; margin: 0; border: none!important; background: none!important; box-shadow: none; position: relative; padding: 5px; } .searchautocomplete .searchautocomplete-placeholder ul li { *zoom: 1; text-align: left; padding: 5px 5px; border: 1px solid #e2e2e2; margin-bottom: 5px; } .searchautocomplete .searchautocomplete-placeholder ul li:before, .searchautocomplete .searchautocomplete-placeholder ul li:after { display: table; content: ""; line-height: 0; } .searchautocomplete .searchautocomplete-placeholder ul li:after { clear: both; } .searchautocomplete .searchautocomplete-placeholder ul li a { text-decoration: none; } .searchautocomplete .searchautocomplete-placeholder ul li a .pull-right { float: right; } .searchautocomplete .searchautocomplete-placeholder ul li.active { background-color: #eeffee; box-shadow: 0 0 1px #525252; cursor: pointer; } .searchautocomplete .searchautocomplete-placeholder ul li.active a { text-decoration: none; } .searchautocomplete .searchautocomplete-placeholder ul li .searchautocomlete-image { float: left; margin: 0px 10px 5px 0px; } .searchautocomplete .searchautocomplete-placeholder ul li .price-box { font-weight: bold; font-size: 13px; color: #C76200; float: right; } .searchautocomplete .searchautocomplete-placeholder ul li .price-box .regular-price .price-label, .searchautocomplete .searchautocomplete-placeholder ul li .price-box .old-price .price-label, .searchautocomplete .searchautocomplete-placeholder ul li .price-box .special-price .price-label { display: none; } .searchautocomplete .searchautocomplete-placeholder ul li .price-box .price-label { font-weight: normal; color: #999; } .searchautocomplete .searchautocomplete-placeholder ul li .price-box .old-price .price { font-size: 0.9em; color: #999; } .searchautocomplete .searchautocomplete-placeholder ul li .ratings { margin: 0; line-height: 14px; } .searchautocomplete .searchautocomplete-placeholder ul li .ratings .rating-box { float: left; margin: 0 5px 0 0; } .searchautocomplete .searchautocomplete-placeholder .index-title { text-align: right; color: #0A263C; border-bottom: 1px solid #CCC; padding: 2px 5px; background-color: #F7F7F6; } .searchautocomplete .searchautocomplete-placeholder .index-title span { color: #666; font-size: 0.9em; } .searchautocomplete .searchautocomplete-placeholder .all { text-align: right; margin: 10px 10px 5px 10px; } .searchautocomplete .searchautocomlete-image { float: left; margin: 0px 5px 5px 0px; } .searchautocomplete .searchautocomplete-loader { position: absolute; width: 18px; height: 18px; top: 11px; right: 44px; z-index: 99; -webkit-transform: scale(0.6); -moz-transform: scale(0.6); -ms-transform: scale(0.6); -o-transform: scale(0.6); transform: scale(0.6); display: none; } .searchautocomplete .searchautocomplete-loader div { position: absolute; background-color: #FFFFFF; height: 3px; width: 3px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-animation-name: f_autocomplete_loader; animation-name: f_autocomplete_loader; -webkit-animation-duration: 0.64s; animation-duration: 0.64s; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-direction: normal; animation-direction: normal; } .searchautocomplete .searchautocomplete-loader div#g01 { left: 0px; top: 7px; -webkit-animation-delay: 0.24s; animation-delay: 0.24s; } .searchautocomplete .searchautocomplete-loader div#g02 { left: 2px; top: 2px; -webkit-animation-delay: 0.32s; animation-delay: 0.32s; } .searchautocomplete .searchautocomplete-loader div#g03 { left: 7px; top: 0px; -webkit-animation-delay: 0.4s; animation-delay: 0.4s; } .searchautocomplete .searchautocomplete-loader div#g04 { right: 2px; top: 2px; -webkit-animation-delay: 0.48s; animation-delay: 0.48s; } .searchautocomplete .searchautocomplete-loader div#g05 { right: 0px; top: 7px; -webkit-animation-delay: 0.56s; animation-delay: 0.56s; } .searchautocomplete .searchautocomplete-loader div#g06 { right: 2px; bottom: 2px; -webkit-animation-delay: 0.64s; animation-delay: 0.64s; } .searchautocomplete .searchautocomplete-loader div#g07 { left: 7px; bottom: 0px; -webkit-animation-delay: 0.72s; animation-delay: 0.72s; } .searchautocomplete .searchautocomplete-loader div#g08 { left: 2px; bottom: 2px; -webkit-animation-delay: 0.8s; animation-delay: 0.8s; } @-moz-keyframes f_autocomplete_loader { 0% { background-color: #000000; } 100% { background-color: #ffffff; } } @-webkit-keyframes f_autocomplete_loader { 0% { background-color: #000000; } 100% { background-color: #ffffff; } } @-ms-keyframes f_autocomplete_loader { 0% { background-color: #000000; } 100% { background-color: #ffffff; } } @-o-keyframes f_autocomplete_loader { 0% { background-color: #000000; } 100% { background-color: #ffffff; } } @keyframes f_autocomplete_loader { 0% { background-color: #000000; } 100% { background-color: #ffffff; } } .approval-popup_ovelay{ position:fixed; width:100%; height:100%; left:0; top:0; background:rgba(0,0,0,.8); z-index:999;} #approval-popup { background: #fff none repeat scroll 0 0; border: 1px solid #999; border-radius: 0 0 5px 5px; height: 80%; left: 10%; max-height: 580px; overflow-x: hidden; overflow-y: auto; position: fixed; top: 10%; width: 80%; z-index: 9999; } #i_acknowledge_area{ padding: 10px 0 5px; font-family: "Helvetica Neue", Verdana, Arial, sans-serif; } #i_acknowledge_area input{margin-right: 8px; position: relative; top:2px;} .i_acknowledge_lbl{font-size: 14px; display: inline; font-weight: normal; } .i_ack_err{font-size: 11px; color:#ff0000; } .close-btn{ height: 80%; left: 10%; max-height: 580px; position: fixed; top: 10%; width: 80%; z-index: 9999;} .approval-popup-logo{max-width: 80px;} .closeapprovalpopup_btn{width: 25px; height: 25px; position: absolute; overflow: hidden; top: 17px; right: 20px; cursor: pointer;} .closeapprovalpopup_btn{opacity: 0.5;} #main{ max-height: 530px; position: relative; z-index: 0; height:100%; } #main .mainHeader{background:#279dd8;} .tableResponsive{overflow:hidden; overflow-x: auto;} #wiz-header{} .wiz-header-left{width:45px; padding:20px;} .wiz-header-center{text-align:center; color:#fff; font-size:14px;} .currencySymbolIcon{font-size: 26px} .wiz-header-right{width:45px; padding:20px;} #payment-schedule{float:left; display:none; position: absolute; z-index: 99; top:60px; height: calc(100% - 60px);overflow: hidden; overflow-y: auto;} #termAndConditionpopup{display: none; height: calc(100% - 20px); overflow: hidden; overflow-y: scroll; position: absolute; top: 10px; left: 0; z-index: 9;} ._popup_overlay{position: absolute; top: 0;left: 0;width: 100%; height: 100%; background: rgba(0,0,0,0.5); z-index: 1; display: none;} #termAndConditionpopup a{text-decoration: underline;color:#fff;} .popup-content{background-color: #279dd8; border-color: #279dd8; border-radius: 5px 5px 0 0; border-style: solid; border-width: 10px 10px 0; color: white; font-size: 14px; margin: 10px 10px 0; max-height: calc(100% - 66px); overflow-y: auto; text-align: initial; padding-bottom: 20px;} .popupContentTable{table-layout: fixed; width: 100%; color: white; line-height: 25px; text-align: center;} .popupContentTable tr{border-bottom:1px dotted #fff; height:35px; } .popupContentTable tr td {text-align: center;} .popup-footer{background-color: #279dd8; border-radius: 0 0 5px 5px; margin: 0 10px;} .popup-btn{background-color: #279dd8; border-radius: 0 0 5px 5px; margin: 0 10px;} .popup-btn-area{color: white;font-size: 16px; line-height: 27px; text-align: center; white-space: nowrap;} .popup-btn-area-terms{color: white;font-size: 16px; line-height: 27px; text-align: right; white-space: nowrap;padding-bottom: 10px;} .popup-btn-icon{border: 1px solid; border-radius: 5px; display: inline-block; margin: 10px 0; padding: 1px 27px 3px; cursor: pointer;} .popup-btn-icon-terms{display: inline-block; cursor: pointer; } .form-block{float: left; vertical-align:top; width:50%;} .form-block-area{margin:0 20px;} .spacer15{height:15px; display:block;} .tablePage2{width:100%;} table.tablePage2 td{ width:50%; vertical-align: middle; } .tablePage2TD{height:48px; border-bottom:1px dotted #56565d;} .text-right{text-align: right;} #payment-schedule-link{color: #0392d6; float: left; line-height: 48px; cursor: pointer;} .form-block.right{float: right} .important_note_sec{padding-top: 10px; padding-bottom: 5px; font-weight: bold; text-align: left;} .pnlEula{text-align: justify; white-space: pre-wrap;} .iAgreeBtn{text-align:center;float:left;width:100%;margin-top:20px;padding-bottom:20px;} #iagree{background:#279dd8 none repeat scroll 0 0; border: 1px solid #279dd8; border-radius: 5px; color: #fff; padding: 4px 27px 6px;} .termAndConditionBtn{text-align: center; font-size: 12px; float: left; width: 100%; padding: 10px 0px 20px;} .termAndConditionBtn a{text-decoration:none; color:#000;padding:0 5px;} .payment-images{display: inline-block; float:right; padding-left: 20px; } .payment-images img{ height: auto; margin: 0 3px; width: 45px;} #approval-popup.overflowHidden, .overflowHidden > #main{overflow-y: hidden;} .apr-tc{display: inline-block; background: #2E8AB8; color: #fff; padding: 6px 15px; margin-top: 5px; width: 95px; cursor: pointer; border-radius: 12px;} .splitit-redirect{display: inline-block; background: #2E8AB8; color: #fff; padding: 6px 15px; margin-top: 5px; cursor: pointer; font-size: 12px;} .redirect-checkbox+div.validation-advice{font-size: 0;} .redirect-checkbox+div.validation-advice:before{ content:"Please click to pay with Splitit's secured payment."; color: #df280a; font-size: 13px; } .terms-condition-loader{display: none; vertical-align: middle;} .terms-conditions{ font-size: 0; } .terms-conditions div{font-size: 0; line-height: normal;} .terms-conditions div:before{content: 'Please approve terms and conditions.'; color: #df280a; font-size: 13px; margin: 10px 0 5px; display: block; } #opc-payment{position: relative;} #payment-tool-tip{position:absolute;top: 220px!important; right: -75px;} #payment-tool-tip img{max-width:100%;} .splitit-checkout-url{ float: left; margin-left: 0; margin-right: 10px; margin-bottom: 0; background: #3399cc; color: #ffffff!important; text-decoration: none!important;padding: 7px 15px; text-transform: uppercase;display: inline-block; min-width: 140px; text-align: center; font-weight: normal; line-height: 19px; font-size: 13px; font-family: "Raleway", "Helvetica Neue", Verdana, Arial, sans-serif;} @media only screen and (max-width: 1024px) {} @media only screen and (max-width: 900px) { .form-block{width:100%;} .popupContentTable{min-width: 580px;} .popup-content{overflow-y: auto; text-align: initial;} #payment-schedule{position: relative; width: 100%;} #payment-tool-tip {position: absolute; top: 220px!important; right: -200px; width: 100%; background: white; padding: 5px;} } @media only screen and (max-width: 767px) { #payment-tool-tip {right: 0;} } .logoWidthSrc{ height: 20px !important; display: inline-block !important; margin-bottom: -5px !important;} img.logoWidthSrc-helplog { display: inline-block; width: 15px; vertical-align: middle; margin-bottom: 4px; margin-left: 2px;} .product-options-bottom span.ins-text { display: none; } /** * Infortis themes styles */ /* Layout %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Basic layout %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .section-container {} .section { padding:10px 0; } .section-space { padding:10px; } /* Helper classes %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Magento default helper classes -------------------------------------------------------------- */ /* Layout helper classes -------------------------------------------------------------- */ .margin-top { margin-top:20px; } .margin-bottom { margin-bottom:20px; } .padding-top { padding-top:20px; } .padding-bottom { padding-bottom:20px; } .float-left { float:left; } /*deprecated*/ .float-right { float:right; } /*deprecated*/ /* Minor components %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Caret %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .caret { display:inline-block; width:0; height:0; margin-bottom:2px; vertical-align:middle; content:""; border-style:solid solid none; border-width:4px 4px 0; border-color:#333 transparent transparent; } .dropdown .caret { opacity:0.3; filter:alpha(opacity=30); } .dropdown.open .caret { opacity:1; filter:alpha(opacity=100); } /* Product labels (stickers) %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Positionning -------------------------------------------------------------- */ .sticker-wrapper { position:absolute; transition: all 150ms ease-in-out; -moz-transition: all 150ms ease-in-out; -webkit-transition: all 150ms ease-in-out; -o-transition: all 150ms ease-in-out; } .product-view .sticker-wrapper { z-index:99; /* On product page z-index greater than Cloud Zoom image */ } .product-view .product-img-column { position:relative; } /* Stickers are positioned relative to this container */ .sticker-wrapper.top-right { top:-3px; right:-3px; } .sticker-wrapper.bottom-right { bottom:-3px; right:-3px; } .sticker-wrapper.bottom-left { bottom:-3px; left:-3px; } .sticker-wrapper.top-left { top:-3px; left:-3px; } /* Appearence -------------------------------------------------------------- */ .sticker { width:60px; height:60px; border-radius:50%; font-size:1.1666em; line-height:1em; font-weight:bold; text-align:center; display:table-cell !important; /* Add "important" to override inherited styles of parent elements */ vertical-align:middle !important; transition: all 150ms ease-in-out; -moz-transition: all 150ms ease-in-out; -webkit-transition: all 150ms ease-in-out; -o-transition: all 150ms ease-in-out; } /* Colors */ .sticker.new { background-color:#5BD2EC; color:#fff; } .sticker.sale { background-color:#F12B63; color:#fff; } /* Effects */ .item:hover .sticker { width:65px; height:65px; } .item:hover .sticker-wrapper.top-right, .item:hover .sticker-wrapper.top-left { } .item:hover .sticker-wrapper.top-right { } .item:hover .sticker-wrapper.top-left { } /*Sizes*/ .sticker.size-s { width:45px; height:45px; font-size:1em; } .item:hover .sticker.size-s { width:50px; height:50px; } .sticker.size-xs { width:40px; height:40px; font-size:0.9166em; /*11px*/ } .item:hover .sticker.size-xs { width:45px; height:45px; } /* CMS pages and custom content %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Video (embed) %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* "videoWrapper" - depracated class, left for backward compatibility */ .video-wrapper, .videoWrapper { position: relative; padding-bottom: 56.25%; /* 16:9 */ padding-top: 25px; height: 0; } .video-wrapper iframe, .video-wrapper object, .video-wrapper embed, .videoWrapper iframe, .videoWrapper object, .videoWrapper embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /* Page banners %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .banner-wrapper { position: relative; display: block; } .page-banners .banner a { display:block; } .page-banners .banner a img { display:block; margin:0 auto; } /* depracated styles, left for backward compatibility: */ .page-banners .banner { margin-bottom:2%; } /* Landing pages %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .landing-page {} .horizontal-section, .vertical-section { display:block; margin-top:0; margin-bottom:10px; position:relative; } .horizontal-section { margin-top:10px; } .landing-page .center-block { display:block; margin:0 auto; } /* Caption %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .caption { display:block; position:absolute; bottom:0; width:80%; margin:6%; padding:0; } /* Caption position -------------------------------------------------------------- */ .caption.top { top:0; bottom:auto; width:80%; } .caption.top-right { top:0; bottom:auto; right:0; width:58%; } .caption.bottom-right { right:0; width:58%; } /* Caption elements -------------------------------------------------------------- */ .caption > * { float:left; display:inline-block; margin-bottom:1px; } .caption .heading { padding:0.25em; margin-bottom:0.2em; font-size:2.8em; line-height:1em; font-weight:normal; } .caption p { clear:left; padding:0.25em 0.5em; margin-bottom:1px; font-size: 1.3333em; line-height:1em; } .caption button { clear:left; } /* Caption layout -------------------------------------------------------------- */ .caption.centered { text-align: center; } .caption.centered > * { display:inline-block; float: none; } /* Floating (text alignment) */ .caption.right > * { text-align:right; float:right !important; } /* Caption additional styles -------------------------------------------------------------- */ /* Width */ .caption.full-width { width:88%; margin:6%; } .caption.narrow { width:38%; } /* Prevent from hiding elements of the caption on narrow screens */ .caption .permanent { display:inline-block !important; } /* Skin -------------------------------------------------------------- */ .caption .heading, .caption p { transition: color 450ms ease-in-out, background-color 450ms ease-in-out; -moz-transition: color 450ms ease-in-out, background-color 450ms ease-in-out; -webkit-transition: color 450ms ease-in-out, background-color 450ms ease-in-out; -o-transition: color 450ms ease-in-out, background-color 450ms ease-in-out; } a:hover .caption .heading, a:hover .caption p { transition: color 200ms ease-in-out, background-color 200ms ease-in-out; -moz-transition: color 200ms ease-in-out, background-color 200ms ease-in-out; -webkit-transition: color 200ms ease-in-out, background-color 200ms ease-in-out; -o-transition: color 200ms ease-in-out, background-color 200ms ease-in-out; } /* Dark + white text */ .caption.dark1 .heading, .caption.dark1 p { background-color:rgba(0,0,0, 0.35); color:#fff; } a:hover .caption.dark1 .heading, a:hover .caption.dark1 p { background-color:rgba(0,0,0, 0.7); color:#fff; } /* Dark + white text */ .caption.dark2 .heading, .caption.dark2 p { background-color:rgba(0,0,0, 0.5); color:#fff; } a:hover .caption.dark2 .heading, a:hover .caption.dark2 p { background-color:rgba(0,0,0, 0.8); color:#fff; } /* Dark + white text */ .caption.dark3 .heading, .caption.dark3 p { background-color:rgba(0,0,0, 0.65); color:#fff; } a:hover .caption.dark3 .heading, a:hover .caption.dark3 p { background-color:rgba(0,0,0, 1); color:#fff; } /* Light + black text */ .caption.light1 .heading, .caption.light1 p { background-color:rgba(255,255,255, 0.35); color:#000; } a:hover .caption.light1 .heading, a:hover .caption.light1 p { background-color:rgba(255,255,255, 0.7); color:#000; } /* Light + black text */ .caption.light2 .heading, .caption.light2 p { background-color:rgba(255,255,255, 0.6); color:#000; } a:hover .caption.light2 .heading, a:hover .caption.light2 p { background-color:rgba(255,255,255, 0.85); color:#000; } /* Light + black text */ .caption.light3 .heading, .caption.light3 p { background-color:rgba(255,255,255, 0.8); color:#000; } a:hover .caption.light3 .heading, a:hover .caption.light3 p { background-color:rgba(255,255,255, 1); color:#000; } /* Other %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Disable transitions, fade effect applied with JS */ .fade-on-hover { transition: none; -moz-transition: none; -webkit-transition: none; -o-transition: none; } /** * Theme Content Construction Kit */ /* Layout %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Vertically centered content %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .v-centered-content { display:table; } .v-centered-content .v-center { display:table-cell; vertical-align:middle; } /* Heading of a content section %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .section-title { clear:both; margin:0; display:block; } .section-title.padding-right { padding-right:80px !important; } /* Horizontal line */ .section-line { clear:both; display:block; font-size:0; line-height:0; height:0; margin:0 0 10px; padding:10px 0 0; background:none; border-bottom:1px solid #e5e5e5; text-indent:-9999em; overflow:hidden; } /* Custom sidebars %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .custom-sidebar-right { float:right !important; } .custom-sidebar-right .inner { padding-left:10px; border-left:1px solid #e5e5e5; } .custom-sidebar-left { float:left !important; } .custom-sidebar-left .inner { padding-right:10px; border-right:1px solid #e5e5e5; } /* Vertical links %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .links > li, .links > li > a { line-height:3em; } /* line-height:36px; */ /*2.6666em = 32px;*/ .links > li > a { padding:0 0.5833em; } /* padding:0 7px; */ .links > li.label { padding-right:0.5833em; } /* 7px */ /* Basic links, no separators -------------------------------------------------------------- */ .links > li { float:left; } .links > li > a { display:block; } /* Links with separators (at the right side) -------------------------------------------------------------- */ .links-wrapper-separators .links > li { margin-left:-1px; } .links-wrapper-separators .links > li > a { background-image:url(https://www.ekfluidworks.com/skin/frontend/ultimo/default/images/img/link-separator.png); background-position:right center; background-repeat:no-repeat; } .links-wrapper-separators .links > li.last > a { background-image:none; } .links-wrapper-separators .links > li.hide-separator > a { background-image:none; } .links-wrapper-separators .links > li.separator-left > a { background-position:left center; } /* Links with separators (at the left side) -------------------------------------------------------------- */ .links-wrapper-separators-left .links > li { margin-left:-1px; } .links-wrapper-separators-left .links > li > a { background-image:url(https://www.ekfluidworks.com/skin/frontend/ultimo/default/images/img/link-separator.png); background-position:left center; background-repeat:no-repeat; } .links-wrapper-separators-left .links > li.first > a { background-image:none; } .links-wrapper-separators-left .links > li.hide-separator > a { background-image:none; } .links-wrapper-separators-left .links > li.separator-right > a { background-position:right center; } /* Misc %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Link with an arrow */ a.go { background:url(https://www.ekfluidworks.com/skin/frontend/ultimo/default/images/infortis/_shared/cck/bullet.png) 97% 50% no-repeat; padding-right:17px; display:inline !important; } /** * Drop-down block */ /* Dropdown box %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .dropdown { position:relative; } .dropdown:hover { z-index:4000; } /* Dropdown heading %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .dropdown .dropdown-heading { display:inline-block; cursor:default; } /* In case a link ("a" tag) is used as a dropdown heading, inherit color from parent element */ .dropdown a.dropdown-heading { color: inherit; } .dropdown a.dropdown-heading:hover { color: inherit; } /* Inside dropdown heading -------------------------------------------------------------- */ /* Child elements of the heading have to be aligned vertically */ .dropdown .dropdown-heading > * { display:inline-block; vertical-align: middle; } /* If heading has additional inner wrapper (to cover the shadow of the dropdown), properties of that element needs to be reset (e.g. element shouldn't be "inline-block") */ .dropdown .dropdown-heading.cover > span, .dropdown .dropdown-heading.cover > div { display: block; vertical-align: baseline; } .dropdown .dropdown-heading.cover > span > *, .dropdown .dropdown-heading.cover > div > * { display:inline-block; vertical-align: middle; } /* Elements of the dropdown heading */ .dropdown .dropdown-heading .label {} .dropdown .dropdown-heading .value { margin-left: 2px; } .dropdown .dropdown-heading .dropdown-icon { /* e.g. for flags */ width:18px; text-indent:-9999px; background-position:0 50%; background-repeat:no-repeat; } /* Cover shadow of "dropdown-heading" and "dropdown-content" with additional div inside the heading %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .dropdown .dropdown-heading.cover > span, .dropdown .dropdown-heading.cover > div { padding:0 10px; } .dropdown.open > .dropdown-heading.cover > span, .dropdown.open > .dropdown-heading.cover > div { background-color:#fff; z-index:4001; position:relative; } /* Dropdown content %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .dropdown .dropdown-content { display:none; position:absolute; top:100%; left:0; z-index:4000; padding:20px; min-width:130px; line-height:1.5em; text-align:left; list-style:none; background-color:#fff; } .dropdown .dropdown-content.left-hand { left:auto; right:0; } /* When dropdown content is an unordered list -------------------------------------------------------------- */ /* Everything is inline-block, except links */ .dropdown .dropdown-content > li * { display:inline-block; } .dropdown .dropdown-content > li > a { display:block; } .dropdown .dropdown-content > li { white-space:nowrap; } .dropdown .dropdown-content > li .label { margin-right:8px; } .dropdown .dropdown-content .dropdown-icon { width:18px; text-indent:-9999px; background-position:0 50%; background-repeat:no-repeat; } /** * Itemgrid */ .itemgrid .item { float:left; padding-left:1%; padding-right:1%; } /* Itemgrid: different numbers of columns %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Clear every first item in each row (row: group of n items) */ /* Item grid: 1 column */ .itemgrid-1col .item { width:98%; } /* Item grid: 2 columns */ .itemgrid-2col .item { width:48%; } .itemgrid-2col > li:nth-of-type(2n+1) { clear:left; } /* Item grid: 3 columns */ .itemgrid-3col .item { width:31.3333%; } .itemgrid-3col > li:nth-of-type(3n+1) { clear:left; } /* Item grid: 4 columns */ .itemgrid-4col .item { width:23%; } .itemgrid-4col > li:nth-of-type(4n+1) { clear:left; } /* Item grid: 5 columns */ .itemgrid-5col .item { width:18%; } .itemgrid-5col > li:nth-of-type(5n+1) { clear:left; } /* Item grid: 6 columns */ .itemgrid-6col .item { width:14.6666%; } .itemgrid-6col > li:nth-of-type(6n+1) { clear:left; } /* Item grid: 7 columns */ .itemgrid-7col .item { width:12.2857%; } .itemgrid-7col > li:nth-of-type(7n+1) { clear:left; } /* Item grid: 8 columns */ .itemgrid-8col .item { width:10.5%; } .itemgrid-8col > li:nth-of-type(8n+1) { clear:left; } /** * Generic tabs */ /* Basic styles %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Tabs -------------------------------------------------------------- */ /* Total height of the tab bar should be the same as in block titles */ .gen-tabs .tabs li { float:left; margin:0; } .gen-tabs .tabs a { display:block; padding:0 10px; text-decoration:none; outline:none; } /* Tab panels -------------------------------------------------------------- */ .gen-tabs .tabs-panels { padding:15px 0; } .gen-tabs .tabs-panels .panel {} /* Accordion -------------------------------------------------------------- */ .gen-tabs .acctab { display:none; padding:0; margin-bottom:1px; font-weight:normal; } .gen-tabs .acctab:hover { cursor:pointer; } /* Accordion mode enabled */ .gen-tabs.accor .tabs { display:none; } .gen-tabs.accor .acctab { display:block; } .gen-tabs.accor .tabs-panels { padding-top:0; padding-bottom:0; } .gen-tabs.accor .tabs-panels .panel { display:none; margin:10px 0; padding:15px; } /* Default skin %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .gen-tabs .tabs a { color:#333; background-color:#eee; line-height:3em; } .gen-tabs .tabs a:hover, .gen-tabs .tabs a:focus { background-color:#e5e5e5; } .gen-tabs .tabs a.current { background-color:#ddd; } /* Accordion -------------------------------------------------------------- */ .gen-tabs .acctab { font-size:1.5em; line-height:2.7777em; background-color:#f5f5f5; color:#333; } .gen-tabs .acctab:hover, .gen-tabs .acctab:focus, .gen-tabs .acctab.current { background-color:#e5e5e5; } .gen-tabs.accor .tabs-panels .panel {} /* Tabs - skin 1: with thin borders %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Border exists but it is transparent. Except bottom border which has to be removed. Only the current tab need to have bottom border. */ .gen-tabs--style1 .tabs a { font-size:1.3333em; color:#333; background-color:#eee; border:1px solid transparent; border-bottom:none; } .gen-tabs--style1 .tabs a:hover /*, .gen-tabs--style1 .tabs a:focus */ { background-color:#e5e5e5; /* Border on hover has the same color as background of the tab */ border-color:#e5e5e5; } .gen-tabs--style1 .tabs a.current { background-color:#fff; /* Pull up the panels */ margin-bottom:-1px; /* Border of the active item has the same color as border of panels. Bottom border is transparent. */ border-color:#e5e5e5; border-bottom:1px solid transparent; /* Make a little bit higher than other tabs */ padding-top:4px; margin-top:-4px; } .gen-tabs--style1 .tabs a.current:hover { /* Bottom border is transparent. */ border-bottom-color: transparent; } .gen-tabs--style1 .tabs-panels { border-top:1px solid #e5e5e5; border-bottom:1px dashed #e5e5e5; } /* Accordion -------------------------------------------------------------- */ .gen-tabs--style1.accor .tabs-panels { border-top:none; border-bottom:none; } .gen-tabs--style1 .acctab { border-bottom:1px solid #e5e5e5; } .gen-tabs--style1.gen-tabs.accor { margin-bottom: 25px; } /* Tabs - skin 1: smaller %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .gen-tabs--style1-small .tabs a { padding:0 7px; font-size: 14px; line-height: 32px; } /* Added main class to increase specificity of this rule to override font */ .gen-tabs--style1.gen-tabs--style1-small .tabs a { font-family: inherit; } /* Accordion -------------------------------------------------------------- */ .gen-tabs--style1-small .acctab { font-size: 14px; line-height: 32px; } /* Added main class to increase specificity of this rule to override font */ .gen-tabs--style1.gen-tabs--style1-small .acctab { font-family: inherit; } /** * Icons and other styles related to icons. * Part of the font icon styles based on Font Awesome - http://fontawesome.io */ /* Icon %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .ic { display: inline-block; font-family: ThemeIcons; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1em; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } /* If icon is applied to 'i' tag */ i.ic { font-style: normal; } /* Floating icons - with generic modifiers -------------------------------------------------------------- */ .ic.left { margin-right: .3em; } .ic.right { margin-left: .3em; } /* Size -------------------------------------------------------------- */ /* Makes the font 33% larger relative to the icon container */ .ic-lg { font-size: 1.33333333em; line-height: 0.75em; vertical-align: -15%; } .ic-2x { font-size: 2em; } .ic-3x { font-size: 3em; } .ic-4x { font-size: 4em; } .ic-5x { font-size: 5em; } .ic-6x { font-size: 6em; } .ic-7x { font-size: 7em; } .ic-8x { font-size: 8em; } .ic-fw { width: 1.28571429em; text-align: center; } /* Lists -------------------------------------------------------------- */ .ic-ul { padding-left: 0; margin-left: 2.14285714em; list-style-type: none; } .ic-ul > li { position: relative; } .ic-li { position: absolute; left: -2.14285714em; width: 2.14285714em; top: 0.14285714em; text-align: center; } .ic-li.ic-lg { left: -1.85714286em; } .ic-border { padding: .2em .25em .15em; border: solid 0.08em #eeeeee; border-radius: .1em; } .pull-right { float: right; } .pull-left { float: left; } .ic.pull-left { margin-right: .3em; } .ic.pull-right { margin-left: .3em; } /* Stacking -------------------------------------------------------------- */ .ic-stack { position: relative; display: inline-block; width: 2em; height: 2em; line-height: 2em; vertical-align: middle; } .ic-stack-1x, .ic-stack-2x { position: absolute; left: 0; width: 100%; text-align: center; } .ic-stack-1x { line-height: inherit; } .ic-stack-2x { font-size: 2em; } .ic-inverse { color: #ffffff; } /* Effects -------------------------------------------------------------- */ .ic-spin { -webkit-animation: spin 2s infinite linear; -moz-animation: spin 2s infinite linear; -o-animation: spin 2s infinite linear; animation: spin 2s infinite linear; } @-moz-keyframes spin { 0% { -moz-transform: rotate(0deg); } 100% { -moz-transform: rotate(359deg); } } @-webkit-keyframes spin { 0% { -webkit-transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); } } @-o-keyframes spin { 0% { -o-transform: rotate(0deg); } 100% { -o-transform: rotate(359deg); } } @keyframes spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); transform: rotate(359deg); } } .ic-rotate-90 { filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1); -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); } .ic-rotate-180 { filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2); -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); } .ic-rotate-270 { filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); -webkit-transform: rotate(270deg); -moz-transform: rotate(270deg); -ms-transform: rotate(270deg); -o-transform: rotate(270deg); transform: rotate(270deg); } .ic-flip-horizontal { filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1); -webkit-transform: scale(-1, 1); -moz-transform: scale(-1, 1); -ms-transform: scale(-1, 1); -o-transform: scale(-1, 1); transform: scale(-1, 1); } .ic-flip-vertical { filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1); -webkit-transform: scale(1, -1); -moz-transform: scale(1, -1); -ms-transform: scale(1, -1); -o-transform: scale(1, -1); transform: scale(1, -1); } /* Characters as icon (letters, numbers etc.) %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .ic-char { font-weight: bold; font-family: Arial, Helvetica, sans-serif !important; } /* Images as icons %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .ic-img { font-family: inherit; /* Remove icon font to fix vertical alignment */ } /* Set max size for images displayed as icons */ .ic-img img, .icon img /* For backward compatibility */ { vertical-align: middle; } /* Iconbox - an icon with background color %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .ib, /* For backward compatibility */ .social-links a > span.icon { vertical-align: middle; /* TODO: check in which cases it's required */ text-align: center; background-color: #e5e5e5; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } /* Size %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .ib, /* For backward compatibility: */ .feature > span.icon, .social-links a > span.icon { line-height: 36px; width: 36px; height: 36px; } .ib-size-l, /* For backward compatibility: */ .feature > span.icon.large { line-height: 48px; width: 48px; height: 48px; } .ib-size-xl { line-height: 60px; width: 60px; height: 60px; } .ib-size-xxl { line-height: 72px; width: 72px; height: 72px; } .ib-size-xxxl { line-height: 84px; width: 84px; height: 84px; } /* For backward compatibility: align center the content of the iconbox */ .feature > span.icon { text-align: center; } /* Labels %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Label which immediately follows the iconbox */ .ib + .label { line-height: 36px; display: inline-block; } .ib-size-l + .label { line-height: 48px; } .ib-size-xl + .label { line-height: 60px; } .ib-size-xxl + .label { line-height: 72px; } .ib-size-xxxl + .label { line-height: 84px; } /* Hover state %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .ib-hover:hover, /* Apply hover state color only when special class is present */ .feature-icon-hover:hover .ib, /* For backward compatibility: */ .icon-hover:hover, .feature-icon-hover:hover > span.icon { background-color: #333; color: #fff; } /* Transitions %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .ib, .icon-hover, /* For backward compatibility */ .feature-icon-hover .ib, .feature-icon-hover .icon /* For backward compatibility */ { /* TODO: position animation deprecated */ transition: color 300ms ease-in-out, background-color 300ms ease-in-out, background-position 300ms ease-in-out; -moz-transition: color 300ms ease-in-out, background-color 300ms ease-in-out, background-position 300ms ease-in-out; -webkit-transition: color 300ms ease-in-out, background-color 300ms ease-in-out, background-position 300ms ease-in-out; -o-transition: color 300ms ease-in-out, background-color 300ms ease-in-out, background-position 300ms ease-in-out; } /* Characters as icon - modify styles if inside iconbox %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .ib.ic-char, .ib.i-char /* For backward compatibility */ { /*font-size: 16px;*/ /* Important: do not add font size here, it would override standard classes such as "ic-2x" */ text-align: center; } /* Additional utility classes %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Background -------------------------------------------------------------- */ /* Icon without background color */ .ib-no-bg, .ib.no-bg-color /* For backward compatibility */ { background-color: transparent !important; } /* Shapes -------------------------------------------------------------- */ .ib-circle, .ib.circle /* For backward compatibility */ { -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } .ib-rounded, .ib.rounded /* For backward compatibility */ { -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .ib-square, .ib.square /* For backward compatibility */ { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } /* All icons square */ .ib-wrapper--square .ib, .icon-wrapper-square .ib /* For backward compatibility */ { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } /* Feature - box with icons, images, text etc. %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Basic styles */ .feature { margin: 10px 0; } .feature:after { display: block; content: "."; clear: both; font-size: 0; line-height: 0; height: 0; overflow: hidden; } .feature.first { margin-top: 0; } .feature.last { margin-bottom: 0; } /* With top/bottom border line */ .feature.top-border { border-top: 1px solid #f5f5f5; padding-top: 10px; } .feature.bottom-border { border-bottom: 1px solid #f5f5f5; padding-bottom: 10px; } /* Wrapper with top/bottom line -------------------------------------------------------------- */ .feature-wrapper.top-border { border-top: 1px solid #f5f5f5; margin-top: 20px; padding-top: 20px; } .feature-wrapper.bottom-border { border-bottom: 1px solid #f5f5f5; margin-bottom: 20px; padding-bottom: 20px; } /* Feature headings %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .feature .heading { font-size: 1.3333em; /*16px*/ line-height: 1.25em; /*20px*/ margin-bottom: 0.625em; /*10px*/ font-weight: normal; } .feature .above-heading { margin: 0 0 5px; font-size: 11px; line-height: 1.4545em; /*16px*/ text-transform: uppercase; color: #888; } .feature .below-heading { font-size: 1em; font-style: italic; line-height: 1.3333em; /*16px*/ color: #888; } /* Feature and icons %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Floating icons - additional margin -------------------------------------------------------------- */ .feature .ic.left { margin: 0 15px 10px 0; } .feature .ic.right { margin: 0 0 10px 15px; } /* Vertically centered icon -------------------------------------------------------------- */ .feature.v-centered-content .v-center .ic { margin: 0 5px 0 0; } /* Indented feature %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* IMPORTANT: inside indented feature, the first level icon automatically floats left */ .feature.indent > .ic, .feature.indent > .icon /* For backward compatibility */ { float: left; margin: 0 15px 0 0; } /* But override this behavior if an icon is explicitly floated right */ .feature.indent > .ic.right, .feature.indent > .icon.right /* For backward compatibility */ { float: right; margin: 0 0 0 15px; } /* Size of indentation -------------------------------------------------------------- */ /* Size of indentation = width of iconbox + right margin of the iconbox */ /* Default */ .feature.indent { padding-left: 51px; /* 36 + 15 */ } .feature.indent > .ic, .feature.indent > span.icon /* For backward compatibility */ { margin-left: -51px; } /* Large */ .feature.indent-size-l, .feature.indent.large /* For backward compatibility */ { padding-left: 63px; } .feature.indent-size-l > .ic, .feature.indent.large > .ic, /* For backward compatibility */ .feature.indent.large > span.icon.large /* For backward compatibility */ { margin-left: -63px; } /* X Large */ .feature.indent-size-xl { padding-left: 75px; } .feature.indent-size-xl > .ic { margin-left: -75px; } /* XX Large */ .feature.indent-size-xxl { padding-left: 87px; } .feature.indent-size-xxl > .ic { margin-left: -87px; } /* XXX Large */ .feature.indent-size-xxxl { padding-left: 99px; } .feature.indent-size-xxxl > .ic { margin-left: -99px; } /* Feature centered %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .feature.centered { text-align: center; } .feature.centered .ic { margin: 0 0 10px; } /* Additional styles %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Auto-size: allow for big icons. IMPORTANT: don't use "span" tag together with "icon" in this selector! */ .feature .ic.auto-size { width: auto; max-width: none; height: auto; max-height: none; } /* Utility classes %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /** * Definitions of the font with icons and definitions of the icon glyphs */ @font-face { font-family: 'ThemeIcons'; src:url('https://www.ekfluidworks.com/skin/frontend/ultimo/default/fonts/themeicons/ThemeIcons.eot?387osh'); src:url('https://www.ekfluidworks.com/skin/frontend/ultimo/default/fonts/themeicons/ThemeIcons.eot?#iefix387osh') format('embedded-opentype'), url('https://www.ekfluidworks.com/skin/frontend/ultimo/default/fonts/themeicons/ThemeIcons.woff?387osh') format('woff'), url('https://www.ekfluidworks.com/skin/frontend/ultimo/default/fonts/themeicons/ThemeIcons.ttf?387osh') format('truetype'), url('https://www.ekfluidworks.com/skin/frontend/ultimo/default/fonts/themeicons/ThemeIcons.svg?387osh#ThemeIcons') format('svg'); font-weight: normal; font-style: normal; font-display: swap; } /* Icon codes %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .ic-plane:before { content: "\e200"; } .ic-tag:before { content: "\e201"; } .ic-paint:before { content: "\e202"; } .ic-credit:before { content: "\e203"; } .ic-phone:before { content: "\e204"; } .ic-letter:before { content: "\e205"; } .ic-stopwatch:before { content: "\e206"; } .ic-bars:before { content: "\e207"; } .ic-truck:before { content: "\e208"; } .ic-download:before { content: "\e209"; } .ic-upload:before { content: "\e20a"; } .ic-warning:before { content: "\e20b"; } .ic-question:before { content: "\e20c"; } .ic-info:before { content: "\e20d"; } .ic-success:before { content: "\e20e"; } .ic-close2:before { content: "\e20f"; } .ic-reload:before { content: "\e210"; } .ic-scissors:before { content: "\e211"; } .ic-googleplus:before { content: "\e212"; } .ic-facebook:before { content: "\e213"; } .ic-twitter:before { content: "\e214"; } .ic-feed:before { content: "\e215"; } .ic-youtube:before { content: "\e216"; } .ic-vimeo:before { content: "\e217"; } .ic-flickr:before { content: "\e218"; } .ic-dribbble:before { content: "\e219"; } .ic-github:before { content: "\e21a"; } .ic-wordpress:before { content: "\e21b"; } .ic-blogger:before { content: "\e21c"; } .ic-tumblr:before { content: "\e21d"; } .ic-skype:before { content: "\e21e"; } .ic-home:before { content: "\e21f"; } .ic-edit2:before { content: "\e220"; } .ic-cart:before, .ic-cart1:before { content: "\e221"; } .ic-menu:before { content: "\e222"; } .ic-star-o:before { content: "\e223"; } .ic-star:before { content: "\e224"; } .ic-heart:before { content: "\e225"; } .ic-heart-o:before { content: "\e226"; } .ic-arrow-up:before { content: "\e227"; } .ic-arrow-right:before { content: "\e228"; } .ic-arrow-down:before { content: "\e229"; } .ic-arrow-left:before { content: "\e22a"; } .ic-filter:before { content: "\e22b"; } .ic-lastminute:before { content: "\e22c"; } .ic-close:before { content: "\e22d"; } .ic-edit:before { content: "\e22e"; } .ic-instagram:before { content: "\e22f"; } .ic-user:before { content: "\e230"; } .ic-mobile:before { content: "\e231"; } .ic-pin:before { content: "\e232"; } .ic-zoomin:before { content: "\e233"; } .ic-zoomout:before { content: "\e234"; } .ic-search:before { content: "\e235"; } .ic-gift:before { content: "\e236"; } .ic-anchor:before { content: "\e237"; } .ic-calendar:before { content: "\e238"; } .ic-remove:before { content: "\e239"; } .ic-compare:before { content: "\e23a"; } .ic-alarm:before { content: "\e23b"; } .ic-plus:before { content: "\e23c"; } .ic-minus:before { content: "\e23d"; } .ic-pinterest:before { content: "\e23e"; } .ic-call24:before { content: "\e23f"; } .ic-callcenter:before { content: "\e240"; } .ic-delivery:before { content: "\e241"; } .ic-package:before { content: "\e242"; } .ic-globe:before { content: "\e243"; } .ic-lightbulb:before { content: "\e244"; } .ic-microscope:before { content: "\e245"; } .ic-24hours:before { content: "\e246"; } .ic-coupon:before { content: "\e247"; } .ic-tshirt:before { content: "\e248"; } .ic-bag8:before { content: "\e249"; } .ic-bag6:before { content: "\e24a"; } .ic-bag4:before { content: "\e24b"; } .ic-bag3:before { content: "\e24c"; } .ic-bag7:before { content: "\e24d"; } .ic-bag2:before { content: "\e24e"; } .ic-bag5:before { content: "\e24f"; } .ic-cart2:before { content: "\e250"; } .ic-bag:before, .ic-bag1:before { content: "\e251"; } .ic-cart3:before { content: "\e252"; } .ic-smartphones:before { content: "\e253"; } .ic-grid:before { content: "\e254"; } .ic-list:before { content: "\e255"; } .ic-linkedin:before { content: "\e256"; } .ic-bell:before { content: "\e257"; } .ic-xing:before { content: "\e258"; } .ic-vk:before { content: "\e259"; } .ic-weibo:before { content: "\e25a"; } .ic-renren:before { content: "\e25b"; } .ic-behance:before { content: "\e25c"; } .ic-vine:before { content: "\e25d"; } .ic-share:before { content: "\e25e"; } .ic-lowstock:before { content: "\e25f"; } .ic-left:before { content: "\e260"; } .ic-down:before { content: "\e261"; } .ic-up:before { content: "\e262"; } .ic-right:before { content: "\e263"; } /** * Theme icons * Deprecated since 1.10.0 in favor of font icons */ /* Predefined icons %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Wishlist */ .icon.i-wishlist { background-image:url(https://www.ekfluidworks.com/skin/frontend/ultimo/default/images/sprite.png); background-position:-7px -7px; } .icon.i-wishlist-w { background-image:url(https://www.ekfluidworks.com/skin/frontend/ultimo/default/images/sprite.png); background-position:-7px -57px; } /* bw */ .icon.i-wishlist-bw { background-image:url(https://www.ekfluidworks.com/skin/frontend/ultimo/default/images/sprite.png); background-position:-7px -7px; } .icon-hover:hover.i-wishlist-bw, .feature-icon-hover:hover .icon.i-wishlist-bw { background-image:url(https://www.ekfluidworks.com/skin/frontend/ultimo/default/images/sprite.png); background-position:-7px -57px; } /* wb */ .icon.i-wishlist-wb { background-image:url(https://www.ekfluidworks.com/skin/frontend/ultimo/default/images/sprite.png); background-position:-7px -57px; } .icon-hover:hover.i-wishlist-wb, .feature-icon-hover:hover .icon.i-wishlist-wb { background-image:url(https://www.ekfluidworks.com/skin/frontend/ultimo/default/images/sprite.png); background-position:-7px -7px; } /* Compare */ .icon.i-compare { background-image:url(https://www.ekfluidworks.com/skin/frontend/ultimo/default/images/sprite.png); background-position:-57px -7px; } .icon.i-compare-w { background-image:url(https://www.ekfluidworks.com/skin/frontend/ultimo/default/images/sprite.png); background-position:-57px -57px; } /* bw */ .icon.i-compare-bw { background-image:url(https://www.ekfluidworks.com/skin/frontend/ultimo/default/images/sprite.png); background-position:-57px -7px; } .icon-hover:hover.i-compare-bw, .feature-icon-hover:hover .icon.i-compare-bw, .open > .dropdown-toggle.cover .icon.i-compare-bw { background-image:url(https://www.ekfluidworks.com/skin/frontend/ultimo/default/images/sprite.png); background-position:-57px -57px; } /* wb */ .icon.i-compare-wb { background-image:url(https://www.ekfluidworks.com/skin/frontend/ultimo/default/images/sprite.png); background-position:-57px -57px; } .icon-hover:hover.i-compare-wb, .feature-icon-hover:hover .icon.i-compare-wb, .open > .dropdown-toggle.cover .icon.i-compare-wb { background-image:url(https://www.ekfluidworks.com/skin/frontend/ultimo/default/images/sprite.png); background-position:-57px -7px; } /* Share/recommend */ .icon.i-recommend { background-image:url(https://www.ekfluidworks.com/skin/frontend/ultimo/default/images/sprite.png); background-position:-107px -7px; } .icon.i-recommend-w { background-image:url(https://www.ekfluidworks.com/skin/frontend/ultimo/default/images/sprite.png); background-position:-107px -57px; } /* bw */ .icon.i-recommend-bw { background-image:url(https://www.ekfluidworks.com/skin/frontend/ultimo/default/images/sprite.png); background-position:-107px -7px; } .icon-hover:hover.i-recommend-bw, .feature-icon-hover:hover .icon.i-recommend-bw { background-image:url(https://www.ekfluidworks.com/skin/frontend/ultimo/default/images/sprite.png); background-position:-107px -57px; } /* wb */ .icon.i-recommend-wb { background-image:url(https://www.ekfluidworks.com/skin/frontend/ultimo/default/images/sprite.png); background-position:-107px -57px; } .icon-hover:hover.i-recommend-wb, .feature-icon-hover:hover .icon.i-recommend-wb { background-image:url(https://www.ekfluidworks.com/skin/frontend/ultimo/default/images/sprite.png); background-position:-107px -7px; } /* Low stock */ .icon.i-lowstock { background-image:url(https://www.ekfluidworks.com/skin/frontend/ultimo/default/images/sprite.png); background-position:-157px -7px; } .icon.i-lowstock-w { background-image:url(https://www.ekfluidworks.com/skin/frontend/ultimo/default/images/sprite.png); background-position:-157px -57px; } /* bw */ .icon.i-lowstock-bw { background-image:url(https://www.ekfluidworks.com/skin/frontend/ultimo/default/images/sprite.png); background-position:-157px -7px; } .icon-hover:hover.i-lowstock-bw, .feature-icon-hover:hover .icon.i-lowstock-bw { background-image:url(https://www.ekfluidworks.com/skin/frontend/ultimo/default/images/sprite.png); background-position:-157px -57px; } /* wb */ .icon.i-lowstock-wb { background-image:url(https://www.ekfluidworks.com/skin/frontend/ultimo/default/images/sprite.png); background-position:-157px -57px; } .icon-hover:hover.i-lowstock-wb, .feature-icon-hover:hover .icon.i-lowstock-wb { background-image:url(https://www.ekfluidworks.com/skin/frontend/ultimo/default/images/sprite.png); background-position:-157px -7px; } /* Cart */ .icon.i-cart { background-image:url(https://www.ekfluidworks.com/skin/frontend/ultimo/default/images/sprite.png); background-position:-457px -7px; } .icon.i-cart-w { background-image:url(https://www.ekfluidworks.com/skin/frontend/ultimo/default/images/sprite.png); background-position:-457px -57px; } /* bw */ .icon.i-cart-bw { background-image:url(https://www.ekfluidworks.com/skin/frontend/ultimo/default/images/sprite.png); background-position:-457px -7px; } .icon-hover:hover.i-cart-bw, .feature-icon-hover:hover .icon.i-cart-bw, .open > .dropdown-toggle.cover .icon.i-cart-bw { background-image:url(https://www.ekfluidworks.com/skin/frontend/ultimo/default/images/sprite.png); background-position:-457px -57px; } /* wb */ .icon.i-cart-wb { background-image:url(https://www.ekfluidworks.com/skin/frontend/ultimo/default/images/sprite.png); background-position:-457px -57px; } .icon-hover:hover.i-cart-wb, .feature-icon-hover:hover .icon.i-cart-wb, .open > .dropdown-toggle.cover .icon.i-cart-wb { background-image:url(https://www.ekfluidworks.com/skin/frontend/ultimo/default/images/sprite.png); background-position:-457px -7px; } /* Row 2 -------------------------------------------------------------- */ /* Home */ .icon.i-home { background-image:url(https://www.ekfluidworks.com/skin/frontend/ultimo/default/images/sprite.png); background-position:-7px -107px; } .icon.i-home-w { background-image:url(https://www.ekfluidworks.com/skin/frontend/ultimo/default/images/sprite.png); background-position:-7px -157px; } /* bw */ .icon.i-home-bw { background-image:url(https://www.ekfluidworks.com/skin/frontend/ultimo/default/images/sprite.png); background-position:-7px -107px; } .icon-hover:hover.i-home-bw, .feature-icon-hover:hover .icon.i-home-bw { background-image:url(https://www.ekfluidworks.com/skin/frontend/ultimo/default/images/sprite.png); background-position:-7px -157px; } /* wb */ .icon.i-home-wb { background-image:url(https://www.ekfluidworks.com/skin/frontend/ultimo/default/images/sprite.png); background-position:-7px -157px; } .icon-hover:hover.i-home-wb, .feature-icon-hover:hover .icon.i-home-wb { background-image:url(https://www.ekfluidworks.com/skin/frontend/ultimo/default/images/sprite.png); background-position:-7px -107px; } /* Left */ .icon.i-left { background-image:url(https://www.ekfluidworks.com/skin/frontend/ultimo/default/images/sprite.png); background-position:-107px -107px; } .icon.i-left-w { background-image:url(https://www.ekfluidworks.com/skin/frontend/ultimo/default/images/sprite.png); background-position:-107px -157px; } /* bw */ .icon.i-left-bw { background-image:url(https://www.ekfluidworks.com/skin/frontend/ultimo/default/images/sprite.png); background-position:-107px -107px; } .icon-hover:hover.i-left-bw, .feature-icon-hover:hover .icon.i-left-bw { background-image:url(https://www.ekfluidworks.com/skin/frontend/ultimo/default/images/sprite.png); background-position:-107px -157px; } /* wb */ .icon.i-left-wb { background-image:url(https://www.ekfluidworks.com/skin/frontend/ultimo/default/images/sprite.png); background-position:-107px -157px; } .icon-hover:hover.i-left-wb, .feature-icon-hover:hover .icon.i-left-wb { background-image:url(https://www.ekfluidworks.com/skin/frontend/ultimo/default/images/sprite.png); background-position:-107px -107px; } /* Right */ .icon.i-right { background-image:url(https://www.ekfluidworks.com/skin/frontend/ultimo/default/images/sprite.png); background-position:-157px -107px; } .icon.i-right-w { background-image:url(https://www.ekfluidworks.com/skin/frontend/ultimo/default/images/sprite.png); background-position:-157px -157px; } /* bw */ .icon.i-right-bw { background-image:url(https://www.ekfluidworks.com/skin/frontend/ultimo/default/images/sprite.png); background-position:-157px -107px; } .icon-hover:hover.i-right-bw, .feature-icon-hover:hover .icon.i-right-bw { background-image:url(https://www.ekfluidworks.com/skin/frontend/ultimo/default/images/sprite.png); background-position:-157px -157px; } /* wb */ .icon.i-right-wb { background-image:url(https://www.ekfluidworks.com/skin/frontend/ultimo/default/images/sprite.png); background-position:-157px -157px; } .icon-hover:hover.i-right-wb, .feature-icon-hover:hover .icon.i-right-wb { background-image:url(https://www.ekfluidworks.com/skin/frontend/ultimo/default/images/sprite.png); background-position:-157px -107px; } /* Top */ .icon.i-top { background-image:url(https://www.ekfluidworks.com/skin/frontend/ultimo/default/images/sprite.png); background-position:-207px -107px; } .icon.i-top-w { background-image:url(https://www.ekfluidworks.com/skin/frontend/ultimo/default/images/sprite.png); background-position:-207px -157px; } /* bw */ .icon.i-top-bw { background-image:url(https://www.ekfluidworks.com/skin/frontend/ultimo/default/images/sprite.png); background-position:-207px -107px; } .icon-hover:hover.i-top-bw, .feature-icon-hover:hover .icon.i-top-bw { background-image:url(https://www.ekfluidworks.com/skin/frontend/ultimo/default/images/sprite.png); background-position:-207px -157px; } /* wb */ .icon.i-top-wb { background-image:url(https://www.ekfluidworks.com/skin/frontend/ultimo/default/images/sprite.png); background-position:-207px -157px; } .icon-hover:hover.i-top-wb, .feature-icon-hover:hover .icon.i-top-wb { background-image:url(https://www.ekfluidworks.com/skin/frontend/ultimo/default/images/sprite.png); background-position:-207px -107px; } /* Bottom */ .icon.i-bottom { background-image:url(https://www.ekfluidworks.com/skin/frontend/ultimo/default/images/sprite.png); background-position:-257px -107px; } .icon.i-bottom-w { background-image:url(https://www.ekfluidworks.com/skin/frontend/ultimo/default/images/sprite.png); background-position:-257px -157px; } /* bw */ .icon.i-bottom-bw { background-image:url(https://www.ekfluidworks.com/skin/frontend/ultimo/default/images/sprite.png); background-position:-257px -107px; } .icon-hover:hover.i-bottom-bw, .feature-icon-hover:hover .icon.i-bottom-bw { background-image:url(https://www.ekfluidworks.com/skin/frontend/ultimo/default/images/sprite.png); background-position:-257px -157px; } /* wb */ .icon.i-bottom-wb { background-image:url(https://www.ekfluidworks.com/skin/frontend/ultimo/default/images/sprite.png); background-position:-257px -157px; } .icon-hover:hover.i-bottom-wb, .feature-icon-hover:hover .icon.i-bottom-wb { background-image:url(https://www.ekfluidworks.com/skin/frontend/ultimo/default/images/sprite.png); background-position:-257px -107px; } /** * Social icons * Deprecated since 1.10.0 in favor of font icons */ /* Contact icons %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Phone */ .icon.i-telephone { background-image:url(https://www.ekfluidworks.com/skin/frontend/ultimo/default/images/sprite-icons-social.png); background-position:-7px -7px; } .icon.i-telephone-w { background-image:url(https://www.ekfluidworks.com/skin/frontend/ultimo/default/images/sprite-icons-social.png); background-position:-7px -57px; } /* Mobile */ .icon.i-mobile { background-image:url(https://www.ekfluidworks.com/skin/frontend/ultimo/default/images/sprite-icons-social.png); background-position:-57px -7px; } .icon.i-mobile-w { background-image:url(https://www.ekfluidworks.com/skin/frontend/ultimo/default/images/sprite-icons-social.png); background-position:-57px -57px; } /* Skype */ .icon.i-skype { background-image:url(https://www.ekfluidworks.com/skin/frontend/ultimo/default/images/sprite-icons-social.png); background-position:-107px -7px; } .icon.i-skype-w { background-image:url(https://www.ekfluidworks.com/skin/frontend/ultimo/default/images/sprite-icons-social.png); background-position:-107px -57px; } /* Letter */ .icon.i-letter { background-image:url(https://www.ekfluidworks.com/skin/frontend/ultimo/default/images/sprite-icons-social.png); background-position:-157px -7px; } .icon.i-letter-w { background-image:url(https://www.ekfluidworks.com/skin/frontend/ultimo/default/images/sprite-icons-social.png); background-position:-157px -57px; } /* Location */ .icon.i-location { background-image:url(https://www.ekfluidworks.com/skin/frontend/ultimo/default/images/sprite-icons-social.png); background-position:-207px -7px; } .icon.i-location-w { background-image:url(https://www.ekfluidworks.com/skin/frontend/ultimo/default/images/sprite-icons-social.png); background-position:-207px -57px; } /* Row 2 -------------------------------------------------------------- */ /* Twitter */ .icon.i-twitter { background-image:url(https://www.ekfluidworks.com/skin/frontend/ultimo/default/images/sprite-icons-social.png); background-position:-7px -107px; } .icon.i-twitter-w { background-image:url(https://www.ekfluidworks.com/skin/frontend/ultimo/default/images/sprite-icons-social.png); background-position:-7px -157px; } /* Facebook */ .icon.i-facebook { background-image:url(https://www.ekfluidworks.com/skin/frontend/ultimo/default/images/sprite-icons-social.png); background-position:-57px -107px; } .icon.i-facebook-w { background-image:url(https://www.ekfluidworks.com/skin/frontend/ultimo/default/images/sprite-icons-social.png); background-position:-57px -157px; } /* Google plus */ .icon.i-googleplus { background-image:url(https://www.ekfluidworks.com/skin/frontend/ultimo/default/images/sprite-icons-social.png); background-position:-107px -107px; } .icon.i-googleplus-w { background-image:url(https://www.ekfluidworks.com/skin/frontend/ultimo/default/images/sprite-icons-social.png); background-position:-107px -157px; } /* Youtube */ .icon.i-youtube { background-image:url(https://www.ekfluidworks.com/skin/frontend/ultimo/default/images/sprite-icons-social.png); background-position:-157px -107px; } .icon.i-youtube-w { background-image:url(https://www.ekfluidworks.com/skin/frontend/ultimo/default/images/sprite-icons-social.png); background-position:-157px -157px; } /* Vimeo */ .icon.i-vimeo { background-image:url(https://www.ekfluidworks.com/skin/frontend/ultimo/default/images/sprite-icons-social.png); background-position:-207px -107px; } .icon.i-vimeo-w { background-image:url(https://www.ekfluidworks.com/skin/frontend/ultimo/default/images/sprite-icons-social.png); background-position:-207px -157px; } /* Wordpress */ .icon.i-wordpress { background-image:url(https://www.ekfluidworks.com/skin/frontend/ultimo/default/images/sprite-icons-social.png); background-position:-257px -107px; } .icon.i-wordpress-w { background-image:url(https://www.ekfluidworks.com/skin/frontend/ultimo/default/images/sprite-icons-social.png); background-position:-257px -157px; } /* Pinterest */ .icon.i-pinterest { background-image:url(https://www.ekfluidworks.com/skin/frontend/ultimo/default/images/sprite-icons-social.png); background-position:-307px -107px; } .icon.i-pinterest-w { background-image:url(https://www.ekfluidworks.com/skin/frontend/ultimo/default/images/sprite-icons-social.png); background-position:-307px -157px; } /* Linked in */ .icon.i-linkedin { background-image:url(https://www.ekfluidworks.com/skin/frontend/ultimo/default/images/sprite-icons-social.png); background-position:-357px -107px; } .icon.i-linkedin-w { background-image:url(https://www.ekfluidworks.com/skin/frontend/ultimo/default/images/sprite-icons-social.png); background-position:-357px -157px; } /* Blogger */ .icon.i-blogger { background-image:url(https://www.ekfluidworks.com/skin/frontend/ultimo/default/images/sprite-icons-social.png); background-position:-407px -107px; } .icon.i-blogger-w { background-image:url(https://www.ekfluidworks.com/skin/frontend/ultimo/default/images/sprite-icons-social.png); background-position:-407px -157px; } /* Envato */ .icon.i-envato { background-image:url(https://www.ekfluidworks.com/skin/frontend/ultimo/default/images/sprite-icons-social.png); background-position:-457px -107px; } .icon.i-envato-w { background-image:url(https://www.ekfluidworks.com/skin/frontend/ultimo/default/images/sprite-icons-social.png); background-position:-457px -157px; } /** * Common styles for multiple elements */ /* Blocks and headings %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Sizes %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .header-top, .dropdown .dropdown-heading { line-height: 36px; } .dropdown .dropdown-heading { max-height: 36px; } /* Set static height to improve layout of inline elements */ /* Blocks %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .sidebar .block:first-child { margin-top:6px; } /* To align with page title */ .cms-index-index .sidebar .block:first-child { margin-top:0; } /* Remove margin on home page */ /* Headings %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Page Heading -------------------------------------------------------------- */ .my-account .page-title, .category-title { border-bottom:1px solid #e5e5e5; } /* Block titles and section headings -------------------------------------------------------------- */ /* Sidebar blocks */ .block .block-title, /* Filters */ .block-layered-nav .block-subtitle--filter, /* Section title */ .section-title, /* Cart */ .cart .crosssell h2, .cart .discount h2, .cart .shipping h2 { /* padding:13px 0 7px; */ /*TODO*/ padding-top:7px; padding-bottom:7px; border-bottom:1px solid #e5e5e5; font-weight:normal; font-size:1.5em; /*18px*/ line-height:1.2222em; /*22px*/ } /* Secondary headings -------------------------------------------------------------- */ /* Log in */ .account-login h2, /* Checkout log in */ #opc-login h3, /* Fieldset and multiple checkout */ .fieldset .legend, .multiple-checkout .col2-set h2.legend, .info-set h2.legend { padding-bottom:7px; border-bottom:1px solid #e5e5e5; font-weight:normal; font-size:1.5em; /*18px*/ line-height:1.2222em; /*22px*/ margin-bottom:15px; } /* Account headings -------------------------------------------------------------- */ /* Primary */ .box-account .box-head h2, .order-items h2.table-caption, .order-items h2.sub-title, .order-items .order-comments h2 {} /* Secondary */ .dashboard .box .box-title h3, .dashboard .box .box-title h4, .order-info-box h2 {} /* Other headings -------------------------------------------------------------- */ /* Page title */ .category-title, /* Account */ .my-account .page-title, .box-account .box-head, .dashboard .box .box-title { border-color:#e5e5e5; } /* Colors %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Borders %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Elements with horizontal border - standard -------------------------------------------------------------- */ /* Blocks */ .block .actions, /* CMS */ .section-line, /* Misc */ .buttons-set, .toolbar { border-color:#e5e5e5; } /* Elements with horizontal border - lighter -------------------------------------------------------------- */ /* Product page - Add-to-cart area */ .product-view .product-type-data, .product-view .product-type-data .price-box, .container1-wrapper, .container2-wrapper, .product-view .add-to-box, /* Product grid/list */ .category-products-grid .item, .products-list li.item, /* Pop-ups */ .remember-me-popup h3, .map-popup-heading { border-color:#f5f5f5; } /* Elements with vertical border - standard -------------------------------------------------------------- */ /* Ratings separator */ .product-view .ratings .rating-links .separator, /* Product page */ .custom-sidebar-right .inner, .custom-sidebar-left .inner { border-color:#e5e5e5; } /* Elements with vertical border - lighter -------------------------------------------------------------- */ /* Product grid/list */ .products-list .product-shop-inner { border-color:#f5f5f5; } /* Elements with darker border -------------------------------------------------------------- */ /* Cart */ .data-table thead, .cart-table thead tr, /* Availability */ .availability-only-details thead { border-color:#e5e5e5; /*Currently the same color as other borders*/ } /* Other elements with border -------------------------------------------------------------- */ .swatch-link { border-color:#cccccc; } /* Background colors %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Elements with light gray background -------------------------------------------------------------- */ /* Product page - increaments */ .extrahint-wrapper .product-pricing, /* Account */ .addresses-list .addresses-primary .item, .order-info-box, /* Advanced search */ .advanced-search-summary, /* Checkout */ .opc .gift-messages-form { background-color:#f5f5f5; } /* Text color %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Elements with lighter text -------------------------------------------------------------- */ /* Product grid/list */ .products-list .ratings, .products-grid .ratings, .products-list .ratings a, .products-grid .ratings a, /* Layered navigation count */ .block-layered-nav dl dd ol > li > a .count, /* Breadcrumbs */ .breadcrumbs li, .breadcrumbs a, /* Product page */ .block-related-simple .related-add-to-wishlist, .block-related-thumbnails .related-add-to-wishlist, /* Availability */ .availability, /* Reviews */ .product-view .box-reviews dd .date, /* Product options */ .item-options dd, .product-options p.note { color:#aaa; } /* Forms %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Product options form colors -------------------------------------------------------------- */ .product-options dd select, .product-options dd .input-text, .product-options dd textarea, .product-options ul.options-list { color:#888; } .product-options dd select:hover, .product-options dd select:focus, .product-options dd textarea:hover, .product-options dd textarea:focus, .product-options ul.options-list:hover { color:#333; } /* Fonts %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Price on product page and MSRP %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .product-view .price-box .price, .map-popup-price .price, .map-popup-msrp .price { font-family:Verdana, Geneva, sans-serif; } /* Effects %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Shadows: for pop-ups, drop-downs etc. %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Sticky header */ .sticky-header .sticky-container, /* Dropdowns */ .dropdown.open > .dropdown-heading.cover, .dropdown.open .dropdown-content, /* Mini cart options */ .truncated .truncated_full_value .item-options, /* Menu dropdowns - to have the same style of shadow as other dropdowns */ .nav-regular .nav-panel--dropdown, /* Search autocomplete */ .form-search .search-autocomplete ul, /* Pop-ups */ .remember-me-popup, .map-popup, #subscribe-form .input-box .validation-advice { -moz-box-shadow: 0 3px 10px rgba(0,0,0, 0.15); -webkit-box-shadow: 0 3px 10px rgba(0,0,0, 0.15); box-shadow: 0 3px 10px rgba(0,0,0, 0.15); } /* Transitions %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Links and other selected elements -------------------------------------------------------------- */ /* IMPORTANT: link transitions should be placed before other transitions */ a, .mobnav-trigger .trigger-icon .line, .opener, a > .ib, a.feature-icon-hover > .ib /*, .header-mobile .skip-link*/ { transition: color 300ms ease-in-out, background-color 300ms ease-in-out; -moz-transition: color 300ms ease-in-out, background-color 300ms ease-in-out; -webkit-transition: color 300ms ease-in-out, background-color 300ms ease-in-out; -o-transition: color 300ms ease-in-out, background-color 300ms ease-in-out; } a:hover, .mobnav-trigger:hover .trigger-icon .line, .opener:hover, .nav-item > a:hover + .opener, /* Opener following a link in mobile menu */ a:hover > .ib, a.feature-icon-hover:hover > .ib { transition-duration: 100ms; -moz-transition-duration: 100ms; -webkit-transition-duration: 100ms; -o-transition-duration: 100ms; } /* Carets - in menu -------------------------------------------------------------- */ .nav-regular a > .caret { transition: border-color 300ms ease-in-out, opacity 300ms ease-in-out; -moz-transition: border-color 300ms ease-in-out, opacity 300ms ease-in-out; -webkit-transition: border-color 300ms ease-in-out, opacity 300ms ease-in-out; -o-transition: border-color 300ms ease-in-out, opacity 300ms ease-in-out; } .nav-regular a:hover > .caret { transition-duration: 100ms; -moz-transition-duration: 100ms; -webkit-transition-duration: 100ms; -o-transition-duration: 100ms; } /* Carets - in dropdown-heading -------------------------------------------------------------- */ /*.dropdown > .dropdown-heading .caret { transition: border-color 0ms ease-in-out, opacity 0ms ease-in-out; -moz-transition: border-color 0ms ease-in-out, opacity 0ms ease-in-out; -webkit-transition: border-color 0ms ease-in-out, opacity 0ms ease-in-out; -o-transition: border-color 0ms ease-in-out, opacity 0ms ease-in-out; } .dropdown.open > .dropdown-heading .caret { transition-duration: 100ms; -moz-transition-duration: 100ms; -webkit-transition-duration: 100ms; -o-transition-duration: 100ms; }*/ /* Interface icons: toolbar icons, pager, prev/next slide etc. -------------------------------------------------------------- */ .sorter .view-mode .grid, .sorter .view-mode .list, .sorter .sort-by .category-asc, .sorter .sort-by .category-desc, /* Add-to links */ .add-to-links.addto-icons a, /* Scroll to top */ #scroll-to-top { transition: background-color 300ms ease-in-out, background-position 300ms ease-in-out; -moz-transition: background-color 300ms ease-in-out, background-position 300ms ease-in-out; -webkit-transition: background-color 300ms ease-in-out, background-position 300ms ease-in-out; -o-transition: background-color 300ms ease-in-out, background-position 300ms ease-in-out; } /* Elements with animated color, background color and borders -------------------------------------------------------------- */ /* Forms */ input.input-text, select, textarea, .product-options ul.options-list, /* Search */ .form-search .button, /* Product image thumbnails */ .product-view .product-img-box .more-views .thumbnails li a, /* Product mini-lists */ .mini-products-list .product-image, .cart .crosssell .product-image, /* Tabs & accordion */ .gen-tabs .tabs a, .gen-tabs .acctab, /* OPC accordion */ .opc .step-title { transition: color 300ms ease-in-out, background-color 300ms ease-in-out, border-color 300ms ease-in-out; -moz-transition: color 300ms ease-in-out, background-color 300ms ease-in-out, border-color 300ms ease-in-out; -webkit-transition: color 300ms ease-in-out, background-color 300ms ease-in-out, border-color 300ms ease-in-out; -o-transition: color 300ms ease-in-out, background-color 300ms ease-in-out, border-color 300ms ease-in-out; } /* Shadow for the main containers %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Elements which have backgr. color can be marked with "show-bg". They will drop shadow if "shadow" class was added to the containing block. */ .drop-shadow, .shadow .show-bg, /* Conditional shadow for main menu bar */ .shadow .nav--bar-drop-shadow .mobnav-trigger, .shadow .nav--bar-drop-shadow #nav { -moz-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1); box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1); } /** * Override CSS components */ /* Deprecated: accordion/collapsible openers %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .accordion .opener, .collapsible .opener, .acco .opener /* Menu opener */ { /* Override default background image */ background-image: none !important; /* Font icons */ display: inline-block; font-family: ThemeIcons; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; /*line-height: 1em;*/ /* Important: don't overrid line height, it depends on the size of the icon */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; /* Icon size */ font-size: 12px; } .accordion .opener:before, .collapsible .opener:before, .acco .opener:before { content: "\e23c"; } /* Active opener */ .accordion li.item-active > .opener:before, .collapsible.active .opener:before, .acco li.item-active > .opener:before { content: "\e23d"; } /* Colorbox %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ #cboxPrevious, #cboxNext, #cboxClose { /* Override default background image */ background-image: none !important; /* Font icons */ display: inline-block; font-family: ThemeIcons; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; /*line-height: 1em;*/ /* Important: don't overrid line height, it depends on the size of the icon */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; /* Icon size */ font-size: 20px; } #cboxClose { font-size: 16px; } #cboxPrevious:before { content: "\e260"; } #cboxNext:before { content: "\e263"; } #cboxClose:before { content: "\e20f"; } /* Generic-nav %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Styles common for all direction controls */ .slider-arrows1 .owl-controls .owl-buttons div, .slider-arrows2 .owl-controls .owl-buttons div, .slider-arrows3 .owl-controls .owl-buttons div { /* Override default background image and remove text indent */ background-image: none !important; text-indent: 0; /* Font icons */ display: inline-block; font-family: ThemeIcons; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; /*line-height: 1em;*/ /* Important: don't overrid line height, it depends on the size of the icon */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; /* Icon size */ font-size: 20px; } .owl-controls .owl-buttons .owl-prev:before { content: "\e260"; } .owl-controls .owl-buttons .owl-next:before { content: "\e263"; } /* Itemslider %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Buttons aligned at the bottom */ .itemslider.equal-height .item { position: static; padding-bottom: 50px; } .itemslider.equal-height .actions { position: absolute; bottom: 0; } /** * Override modules */ /** * Override all Magento base styles. * Add theme-specific styles. */ /** * * * OVERRIDE/EXTEND styles.css * * */ /* Layout %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .wrapper { border-top-style:solid; border-top-width:5px; } .main { padding:30px 0 40px; } /* Additional margin for main sidebars -------------------------------------------------------------- */ .col-left > * { margin-right: 32px; } .col-right > * { margin-left: 32px; } /* Global Styles %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Form %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Page Heading %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .page-title h1, .page-title h2 { margin:0; min-height:1.3125em; /* 42px. Has to ba aligned with ".block .block-title" */ } .category-title { margin-bottom:0; } /* Global Messages %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .note-msg.empty-catalog { background:url(https://www.ekfluidworks.com/skin/frontend/ultimo/default/images/img/empty-catalog.png) 10px 10px no-repeat transparent !important; color:inherit; min-height:70px; padding:40px 20px 40px 160px !important; } /* BreadCrumbs %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .breadcrumbs { line-height:1.5em; /*18px*/ margin:0 0 5px; } /* Breadcrumbs on product page */ .catalog-product-view .breadcrumbs { margin-bottom:10px; } /* Header %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Line breaker */ .user-menu .line-break-after { clear:both; margin-bottom: 1px; } /* Quick search: skins %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Search: inline -------------------------------------------------------------- */ .search-wrapper-inline .form-search .input-text { min-width: 180px; } /* Quick search: positions %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Position 0 */ .search-wrapper-p0 { float: right; } .search-wrapper-p0 .form-search .input-text { min-width: 220px; } /* Position 1 - right side of top links */ .search-wrapper-p1 { float: right; } .search-wrapper-p1 .form-search .input-text { min-width: 220px; } /* Position 2 - right side of top links */ .search-wrapper-p2 { float: right; } .search-wrapper-p2 .form-search .input-text { min-width: 220px; } /* Position 3 - right side of top links */ .search-wrapper-p3 { float: right; } .search-wrapper-p3 .form-search .input-text { min-width: 220px; } /* Position 4 - right side of top links */ .search-wrapper-p4 { float: right; } .search-wrapper-p4 .form-search .input-text { min-width: 220px; } /* Position 5 - right side of top links */ .search-wrapper-p5 { float: right; } .search-wrapper-p5 .form-search .input-text { min-width: 220px; } /* Regular header %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Skip link %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .header-regular .skip-link { display: none; } /* Counter */ .skip-link .count { display: inline-block; width: 18px; height: 18px; line-height: 18px; text-align: center; font-size: 10px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; background-color: red; color: #fff; margin-left: -14px; margin-right: -7px; margin-top: -22px; position: relative; } /* Selected skip links %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Cart + compare -------------------------------------------------------------- */ /* Skip links has to be hidden except cart and compare */ .header-regular .mini-cart-heading, .header-regular .mini-compare-heading { display: block; } .header-regular .mini-cart-heading .label.no-display, .header-regular .mini-compare-heading .label.no-display { display: none; } /* Vertically aligned grid (in "Header Primary" section) %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .header-regular .hp-blocks-holder { display:table; width:100%; } .header-regular .hp-blocks-holder .hp-block { float:none; display:table-cell; vertical-align:middle; } .header-regular .hp-blocks-holder .hp-block:before, .header-regular .hp-blocks-holder .hp-block:after { display: table; content: " "; } .header-regular .hp-blocks-holder .hp-block:after { clear: both; } /* Selected elements %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Search -------------------------------------------------------------- */ /* Let the search box have the same width as containing block */ .header-regular .form-search { width: 100%; } /* Header sections %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .header-regular .left-column { text-align: left; } .header-regular .central-column { text-align: center; padding-left: 10px; padding-right: 10px; } .header-regular .right-column { text-align: right; } /* Left column %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Dropdowns -------------------------------------------------------------- */ /* Force left-aligned edge of dropdowns */ .header-regular .left-column .dropdown .dropdown-content { left: 0; right: auto; } /* Avoid dropdown heading stretched in containing block */ .header-regular .left-column .dropdown { display: inline-block; } /* Search box -------------------------------------------------------------- */ .header-regular .left-column .form-search { float: left; } /* Elements of User Menu -------------------------------------------------------------- */ .header-regular .left-column .user-menu .search-wrapper, .header-regular .left-column .user-menu .mini-cart, .header-regular .left-column .user-menu .mini-compare, .header-regular .left-column .user-menu .top-links, .header-regular .left-column .user-menu .top-links ul { float: left; } /* Right column %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Dropdowns -------------------------------------------------------------- */ /* Force right-aligned edge of dropdowns */ .header-regular .right-column .dropdown .dropdown-content { left: auto; right: 0; } .header-regular .right-column .dropdown .dropdown-content.mini-cart-content { /*border: 1px solid red !important;*/ overflow: auto; max-height: 500px; } .header-regular .right-column .dropdown .dropdown-content.mini-cart-content > div { position: relative; } /* Avoid dropdown heading stretched in containing block */ .header-regular .right-column .dropdown { display: inline-block; } /* Search box -------------------------------------------------------------- */ .header-regular .right-column .form-search { float: right; } /* Elements of User Menu -------------------------------------------------------------- */ .header-regular .right-column .user-menu .search-wrapper, .header-regular .right-column .user-menu .mini-cart, .header-regular .right-column .user-menu .mini-compare, .header-regular .right-column .user-menu .top-links, .header-regular .right-column .user-menu .top-links ul { float: right; } /* Central column %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Search box -------------------------------------------------------------- */ /* Centered search box */ .header-regular .central-column .form-search { margin:0 auto; } /* TODO: remove duplicated rule. Added temporarily to avoid conflicts with customized styles of search box. */ .header-regular .central-column .form-search .input-text { float:right; width:100%; } /* Elements of User Menu -------------------------------------------------------------- */ /* Elements of the central column are centered so the "user-menu" container also needs to be centered: so it needs to be inline-block, it can't float and can't have 100% width. */ .header-regular .central-column .user-menu { display: inline-block; float: none; width: auto; } .header-regular .central-column .user-menu .search-wrapper, .header-regular .central-column .user-menu #mini-cart-wrapper-regular, /* IMPORTANT: cart wrapper also needs to float */ .header-regular .central-column .user-menu .mini-cart, .header-regular .central-column .user-menu .mini-compare, .header-regular .central-column .user-menu .top-links, .header-regular .central-column .user-menu .top-links ul { float: right; } /* Hidden elements %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .header-regular .logo-wrapper--mobile, .header-regular .logo--mobile, .header-regular .header-collateral, .header-regular .after-mobile-logo, .header-regular .skip-links-clearer, .header-regular #search-wrapper-mobile, .header-regular #user-menu-wrapper-mobile, .header-regular #account-links-wrapper-mobile, .header-regular #mini-cart-wrapper-mobile, .header-regular #mini-compare-wrapper-mobile { display: none; } /* Other %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /*.header-regular .header-top .lang-switcher, .header-regular .header-top .currency-switcher, */ .header-regular #lang-switcher-wrapper-regular, .header-regular #currency-switcher-wrapper-regular, .header-regular .header-top .dropdown { margin:0; } /* Mobile header %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Skip links %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Some skip links are also displayed in regular header so the styles specific to mobile header have to be applied with "header-mobile" class */ .header-mobile .skip-link { position: relative; float: left; width: 20%; height: 50px; line-height: 50px; text-align: center; cursor: pointer; } .header-mobile a.skip-link { text-decoration: none; } /*.header-mobile .skip-link:not(.skip-active):hover*/ .header-mobile .skip-link:hover { opacity: 0.7; } .header-mobile .skip-link.skip-active:hover { opacity: 1; } /* Elements -------------------------------------------------------------- */ .header-mobile .skip-link .icon { display: inline-block; vertical-align: middle; margin-right: 3px; font-size: 16px; line-height: 16px; } .header-mobile .skip-link .label { display: inline-block; vertical-align: middle; line-height: 16px; } .header-mobile .skip-link .count { display: inline-block; vertical-align: middle; } .header-mobile .skip-link .caret { display: none; } /* Active link -------------------------------------------------------------- */ .header-mobile .skip-link.skip-active, .header-mobile .skip-link:hover { color: inherit; } .header-mobile .skip-link.skip-active span { color: inherit; } .header-mobile .skip-link.skip-active .count { color: #fff; } /* Size -------------------------------------------------------------- */ .header-mobile .skip-links--1 .skip-link { width: 100%; } .header-mobile .skip-links--2 .skip-link { width: 50%; } .header-mobile .skip-links--3 .skip-link { width: 33.33%; } .header-mobile .skip-links--4 .skip-link { width: 25%; } .header-mobile .skip-links--5 .skip-link { width: 20%; } .header-mobile .skip-links--6 .skip-link { width: 16.66%; } /* Selected skip links %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Compare -------------------------------------------------------------- */ /* Hide compare block's heading (only heading) */ .header-mobile .mini-compare .mini-compare-heading { display: none; } .header-mobile .mini-compare .actions { border: none; padding-top: 0; } /* Cart + compare -------------------------------------------------------------- */ /* Important: possible value "relative" of the "position" property. In mobile header, we need to reset "position" of the dropdown container so that it doesn't cover other skip links. We also need to remove float. */ .header-mobile .mini-cart, .header-mobile .mini-compare { position: static; float: none; } .header-mobile .mini-cart-content, .header-mobile .mini-compare-content { clear: both; width: 100%; } /*.header-mobile .skip-cart { float: right; } .header-mobile .skip-compare { float: right; }*/ /* Skip content %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .header-mobile .skip-content { display: none; } .header-mobile .skip-content.skip-active { display: block; } /* Styls required in skip-content blocks are added through special class so that we can control which blocks are styled -------------------------------------------------------------- */ .header-mobile .skip-content--style { padding: 20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; /* Skip content blocks have to be reset the same as all grid units because skip content blocks can have grid units */ width:100% !important; /* Added "!important" to override units with "no-gutter" */ margin: 0; } .header-mobile .skip-content--style:before, .header-mobile .skip-content--style:after { display: table; content: " "; } .header-mobile .skip-content--style:after { clear: both; } /* Selected skip content %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Search -------------------------------------------------------------- */ .header-mobile .form-search { width: 100%; } .header-mobile .form-search .input-text { width: 100%; } /* Cart + compare -------------------------------------------------------------- */ .header-mobile .mini-cart-content, .header-mobile .mini-compare-content { clear: both; width: 100%; } /* Top links %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .header-mobile .top-links { float: none !important; clear: both; } .header-mobile .top-links ul { float: none !important; } /* Generic vertical inline links %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .header-mobile .skip-content .links > li { float: none; } .header-mobile .skip-content .links > li > a { background-image: none; /* Remove link separators */ } /* Logo and collateral elements %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Regular logo */ .header-mobile .logo-wrapper--regular { display: none; } /* Mobile logo */ .header-mobile .logo-wrapper--mobile { width: 60%; margin-left: auto; margin-right: auto; text-align: center; } .header-mobile .logo-wrapper--mobile .logo { display: block; margin-top: 5px; margin-bottom: 5px; } /* Header collateral elements */ .header-mobile .header-collateral { float: right; text-align: right; } /* If collateral next to logo, logo floats left */ .header-mobile .header-collateral + .logo-wrapper--mobile { float: left; text-align: left; } /* Other %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .header-mobile .line-break-after { display: none !important; } /* User menu -------------------------------------------------------------- */ .header-mobile .user-menu { float: none !important; margin: 0; /* Important: remove margins to collapse the block completely */ } /* Language/currency switcher -------------------------------------------------------------- */ /*.header-mobile #lang-switcher-wrapper-regular, .header-mobile #currency-switcher-wrapper-regular { display: none; }*/ .header-mobile.move-switchers #lang-switcher-wrapper-regular, .header-mobile.move-switchers #currency-switcher-wrapper-regular { display: none; } /* Mobile menu inside mobile header %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Hide/show basic elements */ .header-mobile .mobnav-trigger-wrapper { display: none !important; } /* Always hidden */ .header-mobile .nav-mobile { display: block !important; } /* Always displayed */ /* Remove side padding from inner container when menu container has "simple" class TODO:check */ .header-mobile .nav.simple .inner-container { padding-left: 0; padding-right: 0; } /* Container -------------------------------------------------------------- */ /* Important: menu container is also a "skip-content" block */ .header-mobile .nav-container { /* Padding for menu container may be added via admin panel so we need to remove it here. We can reset here entire padding, because bottom padding is later re-applied in CSS generated via admin. Bottom padding is kept so that mobile header look more similar to regular header. */ padding: 0; /* If needed, reset also other styles which are added to standard "skip-content" blocks */ /* Remove background color */ background-color: transparent; } /* Menu bar -------------------------------------------------------------- */ /* Remove shadow */ .header-mobile .nav-container #nav { -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; } /* Menu items -------------------------------------------------------------- */ /* Mobile menu - remove possible gap from the top of the very first item. Gaps are added as dividers between items of the mobile menu accordion. */ .header-mobile .nav-mobile .nav-item.nav-1 { margin-top: 0 !important; } /* Additional overrides for mobile header %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* If inner container has a background color, it gets additional class "has-outline". Remove the background color and shadow. */ .header-mobile .nav.has-outline { background-color: transparent; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; } .header-mobile .nav.has-outline > .inner-container {} .header-mobile .nav.stretched > .inner-container {} /* Hidden elements %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .header-mobile .container_header_primary_left_1, .header-mobile .container_header_primary_central_1, .header-mobile .container_header_primary_right_1 { display: none; } /* Sticky header %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .sticky-header .sticky-container { /* .sticky-header .nav-container */ position: fixed; top: 0; left: 0; right: 0; width: 100%; z-index: 1000; background-color: #fff; } /* Reset selected styles of the menu bar in sticky header -------------------------------------------------------------- */ /* Remove additional padding above and below the menu container */ .sticky-header .nav-container { padding-top: 0; padding-bottom: 0; } /* Remove inner background color (outline of the menu bar) */ .sticky-header .nav-container .nav { background-color: transparent; } /* Remove vertical padding from the inner container when inner container has a background color (outline) */ .sticky-header .nav-container .nav > .inner-container { padding-top: 0; padding-bottom: 0; } .sticky-header .nav-container #nav { /* Deprecated. For backward compatibility. Menu has no margin in current version. */ margin-top: 0; margin-bottom: 0; } /* Remove shadow of menu bar container, also if menu bar itself has shadow */ .sticky-header .nav-container .nav, .sticky-header .nav-container #nav { -moz-box-shadow: none !important; -webkit-box-shadow: none !important; box-shadow: none !important; } /* Category labels -------------------------------------------------------------- */ /* Make top-level category labels invisible */ .sticky-header .nav-regular .nav-item.level0 > a .cat-label { display: none; } /* Alternatively, we can make the labels smaller */ /*.sticky-header .nav-regular .nav-item.level0 > a .cat-label { font-size: 11px; line-height: 15px; padding: 0 4px; top: 2px; } .sticky-header .nav-regular .nav-item.level0 > a .pin-bottom:before { display: none; }*/ /* Full width content -------------------------------------------------------------- */ .sticky-header .sticky-container--full-width .container { /* Stretch the container to take all available space */ max-width: none; width: 100%; } .sticky-header .sticky-container--full-width .inner-container { padding-left: 0; padding-right: 0; } /* Hide selected elements -------------------------------------------------------------- */ /* Label of the dropdown in sticky header */ .sticky-header .nav-holder .dropdown-heading .label { display: none; } /* Sticky header + mobile menu %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /*.sticky-header .nav-container { height: 55px; } .sticky-header .nav-mobile { height: 300px; overflow-y: auto; overflow-x: hidden; }*/ /* Sidebar %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Block lists %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .block-viewed .block-content ol, .block-compare .block-content ol, .block-compared .block-content ol { padding-left: 0; list-style: none; } .block-viewed .block-content li.item, .block-compare .block-content li.item, .block-compared .block-content li.item { background:url(https://www.ekfluidworks.com/skin/frontend/ultimo/default/images/img/bullet.png) no-repeat 3px 10px; padding-left:15px; } /* Block: Related %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Align block title with the tabs on product page */ /*.block-related .section-title { padding-top: 19px; }*/ /* Block: Account %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .block-account .block-title { background:url(https://www.ekfluidworks.com/skin/frontend/ultimo/default/images/img/ic-account.png) 5px 2px no-repeat; padding-left:42px !important; } .block-account .block-content { padding:10px 0 0; } .block-account li > * { padding: 2px; } .block-account li.current strong { font-weight:bold; } /* Category view %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .products-grid .item { -webkit-tap-highlight-color: transparent; } /* Product view elements %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Availability %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .availability { float:right; margin:15px 0 10px; } /* Product page %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Prices %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Bundle product */ .price-box-bundle { border-bottom:1px solid #e5e5e5; margin:-10px 0 15px; /* Move up to align with the main price box */ padding-bottom:15px; } /* Main containers %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Margin before price box */ .product-view .space-before-avail { margin:0 0 15px; height:0; line-height:0; } /* Upper part of the container */ .product-view .product-type-data > .price-box { border-top-style:solid; border-top-width:1px; margin:15px 0 0; padding:10px 0; } /* Other %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Reviews */ .product-view .box-reviews .buttons-set { margin-left:0; margin-right:0; } /* New elements %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .product-view .sku { margin: 15px 0; } .product-view .sku .label { font-weight: bold; } /* Product type specific data %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .product-view .is-type-grouped .availability { margin-top:0; margin-bottom:0; } .product-view .grouped-items-table input.input-text { height: 26px; padding:4px; /* Decrease default height and padding */ } /* My Account %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /*.my-account .pager { margin: -1px 0 20px; }*/ /* Footer %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Footer primary %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .footer-primary .section { padding-top: 20px; padding-bottom: 20px; } /** * * * MISCELLANEOUS * * */ /* Accordion/collapsible %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Accordion - Style 1 %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .accordion-style1 li a { border-bottom-color:#eee; border-bottom:1px solid rgba(0,0,0,0.06); } .accordion-style1 li a:hover { background-color:rgba(0,0,0, 0.03); } /* Deprecated: opener -------------------------------------------------------------- */ .accordion-style1 .opener { background-color:rgba(0,0,0, 0.03); } /* Collapsible blocks. Set position and other properties of arrow icon. %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Different types of collapsible blocks share the same styles */ /* Generic tabs - accordion */ .gen-tabs .acctab:after, /* Collapsible blocks */ .collapsible .block-title:after, .mobile-collapsible .block-title:after, /* Sidebar blocks */ .sidebar .block .block-title:after, /* Layered navigation */ .block-layered-nav .block-title:after { float: right; font-size: 22px; } /* Blocks collapsible only on mobile - hide arrow */ .mobile-collapsible .block-title:after, .sidebar .block .block-title:after, .block-layered-nav .block-title:after { display: none !important; } /* Icons %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Icons applied with icon codes %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* These icons needs to have the same basic styles as standard font icons. Except line height - it would override individual size of each icon. */ .form-search .button:before, .buttons-set .back-link a:before, .btn-remove:before, .btn-remove2:before, .map-popup-close:before, .remember-me-popup-head .remember-me-popup-close:before, .btn-edit:before, .breadcrumbs .sep, /* Generic tabs - accordion */ .gen-tabs .acctab:after, /* Collapsible block icon */ .collapsible .block-title:after, .mobile-collapsible .block-title:after, .sidebar .block .block-title:after, .block-layered-nav .block-title:after { display: inline-block; font-family: ThemeIcons; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; /*line-height: 1em;*/ /* Important: don't overrid line height, it depends on the size of the icon */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } /* Apply icon codes -------------------------------------------------------------- */ .form-search .button:before { content: "\e235"; } .buttons-set .back-link a:before { content: "\e22a"; } .btn-remove:before, .btn-remove2:before, .map-popup-close:before, .remember-me-popup-head .remember-me-popup-close:before { content: "\e22d"; } .btn-edit:before { content: "\e22e"; } .breadcrumbs .sep:before { content: "\e228"; font-size: 8px; } .gen-tabs .acctab:after, .collapsible .block-title:after, .mobile-collapsible .block-title:after, .sidebar .block .block-title:after, .block-layered-nav .block-title:after { content: "\e261"; } .gen-tabs .acctab.current:after, .collapsible .block-title.active:after, .mobile-collapsible .block-title.active:after, .sidebar .block .block-title.active:after, .block-layered-nav .block-title.active:after { content: "\e262"; } /* Other modifications %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Menu container: with outline (if menu has inner background color) or without outline (if menu is stretched) %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* With outline -------------------------------------------------------------- */ /* Add padding, the same value as for side padding of all page sections. Padding is added via admin. Default value is for fallback in case side padding was set to zero. Important: use the same value as for side padding of all page sections to keep consistent padding. */ .nav.has-outline > .inner-container { /*padding: 15px;*/ padding-top: 15px; padding-bottom: 15px; } /* Trigger has no bottom margin */ .nav.has-outline .mobnav-trigger { margin-bottom: 0; } /* Without outline -------------------------------------------------------------- */ /* If menu container stretched, remove top and bottom padding Important: added class "container" to make the rule more specific. */ .container.nav.stretched > .inner-container { padding-top: 0; padding-bottom: 0; } /* Deprecated, for backward compatibility: */ .nav.has-outline > .grid-full { margin-top: 1%; margin-bottom: 1%; } /* With outline */ .container.nav.stretched > .grid-full { margin-top: 0; margin-bottom: 0; } /* Without outline */ /* Simple menu container - when container is not full-width but is narrow and placed in one of the header sections. Override the width of the "container" class. -------------------------------------------------------------- */ .nav.simple { width: 100%; } /* .nav.simple:not(.has-outline) .inner-container { padding-left: 0; padding-right: 0; }*/ /* Cart %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Collateral boxes - full width */ .cart-left-column .grid-full, .cart-right-column .grid-full { width:100%; } /** * * * BUILT-IN STATIC BLOCKS * * */ .block_category_above_collection { margin:10px 0; } .block_category_below_collection { margin:10px 0; } .block_category_above_empty_collection { margin:10px 0; } .block_mini_cart_above_products { margin:0 0 10px; } .block_cms_page_top { margin:0 0 15px; } .block_footer_payment { margin-right:10px; margin-bottom:10px; margin-left:20px; } /* Sample block content -------------------------------------------------------------- */ .sample-block { color:#999; margin-top:10px; padding: 0 !important; transition: color 300ms ease-in-out, background-color 300ms ease-in-out; -moz-transition: color 300ms ease-in-out, background-color 300ms ease-in-out; -webkit-transition: color 300ms ease-in-out, background-color 300ms ease-in-out; -o-transition: color 300ms ease-in-out, background-color 300ms ease-in-out; } .sample-block:hover { color:#333; } /** * * * HIGH-RESOLUTION READY IMAGES (RETINA-READY) * * */ @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and ( min--moz-device-pixel-ratio: 1.5), only screen and ( -o-min-device-pixel-ratio: 3/2), only screen and ( -ms-min-device-pixel-ratio: 1.5), only screen and ( min-device-pixel-ratio: 1.5) { /* Rating */ .rating-box, .rating-box .rating { background-image:url(https://www.ekfluidworks.com/skin/frontend/ultimo/default/images/img/rating@2x.png); background-size:14px 43px; } /* Icons below are obsolete and will be removed in future releases. Icons created with image sprites were replaced with font icons. Font icons should be used instead of old sprite image icons. %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Theme icons IMPORTANT: Deprecated: will be removed in next versions (sprite image icons were replaced with font icons). -------------------------------------------------------------- */ /* To top */ #scroll-to-top, /* Search button */ .header .form-search .button span, /* All icons from icons-theme.css */ /* Row 1: */ .icon.i-wishlist, .icon.i-wishlist-w, .icon.i-wishlist-bw, .icon.i-wishlist-wb, .icon.i-compare, .icon.i-compare-w, .icon.i-compare-bw, .icon.i-compare-wb, .icon.i-recommend, .icon.i-recommend-w, .icon.i-recommend-bw, .icon.i-recommend-wb, .icon.i-lowstock, .icon.i-lowstock-w, .icon.i-lowstock-bw, .icon.i-lowstock-wb, .icon.i-cart, .icon.i-cart-w, .icon.i-cart-bw, .icon.i-cart-wb, /* Row 2: */ .icon.i-home, .icon.i-home-w, .icon.i-home-bw, .icon.i-home-wb, .icon.i-left, .icon.i-left-w, .icon.i-left-bw, .icon.i-left-wb, .icon.i-right, .icon.i-right-w, .icon.i-right-bw, .icon.i-right-wb, .icon.i-top, .icon.i-top-w, .icon.i-top-bw, .icon.i-top-wb, .icon.i-bottom, .icon.i-bottom-w, .icon.i-bottom-bw, .icon.i-bottom-wb /* Last selector without trailing coma */ { background-image:url(https://www.ekfluidworks.com/skin/frontend/ultimo/default/images/sprite@2x.png); background-size:500px 200px; } /* All icons from icons-social.css -------------------------------------------------------------- */ /* Row 1: */ .icon.i-telephone, .icon.i-telephone-w, .icon.i-mobile, .icon.i-mobile-w, .icon.i-skype, .icon.i-skype-w, .icon.i-letter, .icon.i-letter-w, .icon.i-location, .icon.i-location-w, /* Row 2: */ .icon.i-twitter, .icon.i-twitter-w, .icon.i-facebook, .icon.i-facebook-w, .icon.i-googleplus, .icon.i-googleplus-w, .icon.i-youtube, .icon.i-youtube-w, .icon.i-vimeo, .icon.i-vimeo-w, .icon.i-wordpress, .icon.i-wordpress-w, .icon.i-pinterest, .icon.i-pinterest-w, .icon.i-linkedin, .icon.i-linkedin-w, .icon.i-blogger, .icon.i-blogger-w, .icon.i-envato, .icon.i-envato-w /* Last selector without trailing coma */ { background-image:url(https://www.ekfluidworks.com/skin/frontend/ultimo/default/images/sprite-icons-social@2x.png); background-size:500px 200px; } } /* end: media query */ /* * 12-column grid system */ /* Grid units %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .grid12-1, .grid12-2, .grid12-3, .grid12-4, .grid12-5, .grid12-6, .grid12-7, .grid12-8, .grid12-9, .grid12-10, .grid12-11, .grid12-12, .grid-full, /* Alias for full-width unit */ /* Special grid units */ .grid-col2-sidebar, .grid-col2-main { /*position:relative;*/ display:inline; float:left; margin-left:1%; margin-right:1%; } /* Basic grid units width */ .grid12-1 { width:6.33%; } .grid12-2 { width:14.66%; } .grid12-3 { width:23%; } .grid12-4 { width:31.33%; } .grid12-5 { width:39.67%; } .grid12-6 { width:48%; } .grid12-7 { width:56.33%; } .grid12-8 { width:64.67%; } .grid12-9 { width:73%; } .grid12-10 { width:81.33%; } .grid12-11 { width:89.67%; } .grid12-12, .grid-full { width:98%; } /* Grid units without left gutter (margin) */ .no-left-gutter.grid12-1 { margin-left:0; width:7.33%; } .no-left-gutter.grid12-2 { margin-left:0; width:15.66%; } .no-left-gutter.grid12-3 { margin-left:0; width:24%; } .no-left-gutter.grid12-4 { margin-left:0; width:32.33%; } .no-left-gutter.grid12-5 { margin-left:0; width:40.67%; } .no-left-gutter.grid12-6 { margin-left:0; width:49%; } .no-left-gutter.grid12-7 { margin-left:0; width:57.33%; } .no-left-gutter.grid12-8 { margin-left:0; width:65.67%; } .no-left-gutter.grid12-9 { margin-left:0; width:74%; } .no-left-gutter.grid12-10 { margin-left:0; width:82.33%; } .no-left-gutter.grid12-11 { margin-left:0; width:90.67%; } .no-left-gutter.grid12-12, .no-left-gutter.grid-full { margin-left:0; width:99%; } /* Grid units without right gutter (margin) */ .no-right-gutter.grid12-1 { margin-right:0; width:7.33%; } .no-right-gutter.grid12-2 { margin-right:0; width:15.66%; } .no-right-gutter.grid12-3 { margin-right:0; width:24%; } .no-right-gutter.grid12-4 { margin-right:0; width:32.33%; } .no-right-gutter.grid12-5 { margin-right:0; width:40.67%; } .no-right-gutter.grid12-6 { margin-right:0; width:49%; } .no-right-gutter.grid12-7 { margin-right:0; width:57.33%; } .no-right-gutter.grid12-8 { margin-right:0; width:65.67%; } .no-right-gutter.grid12-9 { margin-right:0; width:74%; } .no-right-gutter.grid12-10 { margin-right:0; width:82.33%; } .no-right-gutter.grid12-11 { margin-right:0; width:90.67%; } .no-right-gutter.grid12-12, .no-right-gutter.grid-full { margin-right:0; width:99%; } /* Grid units without any gutter (margin) */ .no-gutter.grid12-1 { margin-left:0; margin-right:0; width:8.33%; } .no-gutter.grid12-2 { margin-left:0; margin-right:0; width:16.66%; } .no-gutter.grid12-3 { margin-left:0; margin-right:0; width:25%; } .no-gutter.grid12-4 { margin-left:0; margin-right:0; width:33.33%; } .no-gutter.grid12-5 { margin-left:0; margin-right:0; width:41.67%; } .no-gutter.grid12-6 { margin-left:0; margin-right:0; width:50%; } .no-gutter.grid12-7 { margin-left:0; margin-right:0; width:58.33%; } .no-gutter.grid12-8 { margin-left:0; margin-right:0; width:66.67%; } .no-gutter.grid12-9 { margin-left:0; margin-right:0; width:75%; } .no-gutter.grid12-10 { margin-left:0; margin-right:0; width:83.33%; } .no-gutter.grid12-11 { margin-left:0; margin-right:0; width:91.67%; } .no-gutter.grid12-12, .no-gutter.grid-full { margin-left:0; margin-right:0; width:100%; } /* Special grid units: basic structure of pages with 1 and 2 sidebars -------------------------------------------------------------- */ /* 2 columns: fixed-width sidebar unit and fluid main unit. Sidebar unit has the same width for all screen sizes equal or greater than 1280px. Width of the main unit is fluid. */ .grid-col2-sidebar { width:23%; } .grid-col2-main { width:73%; } .no-gutter.grid-col2-sidebar { margin-left:0; margin-right:0; width:25%; } .no-gutter.grid-col2-main { margin-left:0; margin-right:0; width:75%; } /* Another 2 columns inside ".grid-col2-main": fixed-width sidebar unit and fluid main unit */ .grid-col3-sidebar { width:31.52%; } .grid-col3-main { width:65.90%; } .no-gutter.grid-col3-sidebar { margin-left:0; margin-right:0; width:31.52%; } .no-gutter.grid-col3-main { margin-left:0; margin-right:0; width:65.90%; } /* Vertically aligned grid -------------------------------------------------------------- */ .v-grid-container { display:table; width:100%; } .v-grid { float:none; display:table-cell; vertical-align:middle; } /* Utility classes %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Units with no gutter (margin): alpha - first unit in a row, omega - last unit in a row */ .alpha { margin-left:0; } .omega { margin-right:0; } /* Hide element if screen width is lower than the width specified in the class name */ .hide-below-1680 { display:none !important; } .hide-below-1440 { display:none !important; } .hide-below-1360 { display:none !important; } .hide-below-1280 { display:none !important; } /* Containers %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Main container for page content. Max width of the page is applied to elements with this class. -------------------------------------------------------------- */ .container { margin-left:auto; margin-right:auto; } .nested-container { width:102%; margin-left:-1%; } /* Deprecated */ /* Inner container. Additional container, horizontal padding is applied to elements with this class. -------------------------------------------------------------- */ .inner-container { padding-left: 15px; padding-right: 15px; /* Clear floats */ *zoom: 1; clear: both; } /* Clear floats */ .inner-container:before, .inner-container:after { display: table; line-height: 0; content: ""; } .inner-container:after { clear: both; } /* Stretched container. If container is stretched, remove side padding from inner container. -------------------------------------------------------------- */ .container.stretched > .inner-container { padding-left: 0; padding-right: 0; } /* Deprecated, for backward compatibility: */ .container.stretched > .grid-full { width:100%; margin-left:0; margin-right:0; } /* Grid units containers %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Grid units container: clears floats (place grid units inside "div" with this class) -------------------------------------------------------------- */ .grid-container { *zoom: 1; clear: both; } .grid-container:before, .grid-container:after { display: table; line-height: 0; content: ""; } .grid-container:after { clear: both; } /* Grid unit container: clears floats and adds vertical margin between units -------------------------------------------------------------- */ .grid-container-spaced { *zoom: 1; clear: both; } .grid-container-spaced:before, .grid-container-spaced:after { display: table; line-height: 0; content: ""; } .grid-container-spaced:after { clear: both; } .grid-container-spaced .grid12-1, .grid-container-spaced .grid12-2, .grid-container-spaced .grid12-3, .grid-container-spaced .grid12-4, .grid-container-spaced .grid12-5, .grid-container-spaced .grid12-6, .grid-container-spaced .grid12-7, .grid-container-spaced .grid12-8, .grid-container-spaced .grid12-9, .grid-container-spaced .grid12-10, .grid-container-spaced .grid12-11, .grid-container-spaced .grid12-12, .grid-container-spaced .grid-full { margin-bottom: 2%; } /* Grid presentation -------------------------------------------------------------- */ .show-grid [class*="grid12-"] { background-color: #eee; text-align: center; min-height: 40px; line-height: 40px; transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; } .show-grid [class*="grid12-"]:hover { background-color: #F08080; } /** * WARNING: do not edit this file. It was generated automatically, your changes will be overwritten and lost. * 2021-10-11 07:55:27 */ body { color: #222222; font-size: 14px; background-color: #f6f6f6; } a { color: #ffffff; } a:hover, .vertnav li.current > a, h2.product-name a:hover, h3.product-name a:hover, h4.product-name a:hover, h5.product-name a:hover, p.product-name a:hover { color: #ffffff; } .caret { border-top-color: #222222; } .button { background-color: #00a1de; color: #ffffff; } .button:hover, .button:focus { background-color: #959595; color: #ffffff; } .product-view .btn-cart, .btn-checkout { background-color: transparent; color: #ffffff; } .product-view .btn-cart:hover, .btn-checkout:hover { background-color: #959595; color: #ffffff; } .links > li > a:hover { background-color: #00a1de; color: #ffffff !important; } .sticker.new { background-color: #00a1de; color: #ffffff; } .sticker.sale { background-color: #00a1de; color: #ffffff; } .price-box .price, /* All prices in price-box */ .price-as-configured .price /* Bundle product - final price on product page */ { color: #ffffff; } .special-price .price, .special-price .price-label, .minimal-price-link .price { color: #ee001c !important; } .price-notice .price, .old-price, .price-box .old-price .price, #map-popup-msrp, /* MSRP prices */ .map-popup-msrp .price { color: #aaa; } .additional-bg-color, .block-layered-nav .currently, .block-layered-nav .actions, .cart .totals, .checkout-agreements li { background-color: transparent; } /* Custom content class */ .main-font, /* Headings */ h1, h2, h3, h4, h5, .section-title, .products-list .product-name, .products-grid .product-name, h3.product-name, /*TODO:remove*/ .block-layered-nav .block-subtitle--filter, /* Filters */ /* Generic */ .feature .heading, .accordion .heading, /* Main menu */ /* Regular mode */ .nav-regular .nav-item.level0 > a, /* level 1 */ /* Mega dropdown */ .nav-regular .nav-submenu--mega > li > a, /* First level of mega dropdown */ /* Mobile mode */ .mobnav-trigger, .nav-mobile .nav-item.level0 > a, /* level 1 */ .nav-mobile .nav-item.level1 > a, /* level 2 */ .nav-mobile .nav-item.level2 > a, /* level 3 */ /* Block headings */ .block .block-title, /* Checkout headings */ #opc-login h3, /* Multiple checkout */ /*.fieldset .legend, .multiple-checkout .col2-set h2.legend, .info-set h2.legend,*/ /* Account */ .box-account .box-head h2, .order-items h2.table-caption, .order-items h2.sub-title, .order-items .order-comments h2, /* Product page */ .product-view .box-reviews dt .heading, .gen-tabs .tabs a, /* Footer headings */ .footer .heading, #subscribe-form label, /* Captions */ .caption .heading { font-family: "Roboto", georgia, serif; font-weight: 400,600,700; } /* Layered nav */ .block-layered-nav dd li, /* Grid */ .container, .grid12-1, .grid12-2, .grid12-3, .grid12-4, .grid12-5, .grid12-6, .grid12-7, .grid12-8, .grid12-9, .grid12-10, .grid12-11, .grid12-12, .grid-full, .grid-col2-sidebar, .grid-col2-main, /* Products */ .product-view .product-img-column, /* Forms */ .form-search .input-text, /* Misc */ .header .logo { transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; } /* Toolbar */ .sorter .view-mode a, .sorter .sort-by .category-asc, .sorter .sort-by .category-desc, .pager .pages a, .pager .pages .current, /* Add-to links */ .add-to-links .ic, /* Slider arrows */ .slider-arrows1 .owl-controls .owl-buttons div, .slider-arrows1 .owl-controls.clickable .owl-buttons div.disabled:hover, .slider-arrows2 .owl-controls .owl-buttons div, .slider-arrows3 .owl-controls .owl-buttons div, .slider-arrows3 .owl-controls.clickable .owl-buttons div.disabled:hover, /* Slider pagination */ .slider-pagination1 .owl-controls .owl-page span, .slider-pagination2 .owl-controls .owl-page span, /* Lightbox */ #cboxPrevious, #cboxNext, #cboxClose, /* Accordion and collapsible: opener */ .accordion-style1 .opener, .collapsible .opener, /* Scroll to top */ #scroll-to-top { background-color: #959595; color: #ffffff; } /* Toolbar */ .sorter .view-mode a:hover, .sorter .sort-by .category-asc:hover, .sorter .sort-by .category-desc:hover, .pager .pages li a:hover, /* Add-to links */ .add-to-links .ic:hover, .add-to-links .feature-icon-hover:hover .ic, /* Slider arrows */ .slider-arrows1 .owl-controls.clickable .owl-buttons div:hover, .slider-arrows2 .owl-controls.clickable .owl-buttons div:hover, .slider-arrows3 .owl-controls.clickable .owl-buttons div:hover, /* Slider pagination */ .slider-pagination1 .owl-controls.clickable .owl-page:hover span, .slider-pagination2 .owl-controls.clickable .owl-page:hover span, /* Lightbox */ #cboxPrevious:hover, #cboxNext:hover, #cboxClose:hover, /* Accordion and collapsible: opener */ .accordion-style1 .opener:hover, .collapsible .opener:hover, /* Scroll to top */ #scroll-to-top:hover { background-color: #00a1de; color: #ffffff; } /* Slider pagination */ .slider-pagination1 .owl-controls .owl-page.active span, .slider-pagination1 .owl-controls.clickable .owl-page.active:hover span, /* Active state overrides hover state */ .slider-pagination2 .owl-controls .owl-page.active span, .slider-pagination2 .owl-controls.clickable .owl-page.active:hover span, /* Active state overrides hover state */ .sorter .view-mode span.grid, .sorter .view-mode span.list, .pager .pages .current { background-color: #464646; color: #ffffff; } .ib, /* For backward compatibility: */ .feature > span.icon { background-color: #cccccc; color: #ffffff; } .ib-hover:hover, .feature-icon-hover:hover .ib, /* For backward compatibility: */ .icon-hover:hover, .feature-icon-hover:hover > span.icon { background-color: #00a1de !important; color: #ffffff !important; } .ib.icon-color-productview, span.icon.icon-color-productview { background-color: #eeeeee; } .ib-hover.icon-color-productview:hover, .feature-icon-hover:hover .ib.icon-color-productview, .feature-icon-hover:hover span.icon.icon-color-productview { background-color: #00a1de !important; } .wrapper { border-top-color: #00a1de; background-color: #ffffff; } .inner-container { padding-left: 12px; padding-right: 12px; } @media only screen and (max-width: 479px) { .container.stretched > .inner-container { padding-left: 12px; padding-right: 12px; } } .header-container { background-color: #333333; } .header { color: #ffffff; } .header a { color: #ffffff; } .header a:hover { color: #00a1de; } .header-container3 { } .header .caret { border-top-color: #ffffff; } .form-search .input-text { background-color: #ffffff; border-color: #dddddd; } .form-search .input-text:hover, .form-search .input-text:focus { background-color: #ffffff; border-color: #eeeeee; } .form-search .input-text, .form-search .button { color: #bbbbbb; } .form-search .input-text:hover, .form-search .input-text:focus, .form-search .input-text:hover + .button, .form-search .button:hover { color: #333333; } .header-container .dropdown .dropdown-content, .header-container .dropdown.open > .dropdown-heading.cover > *, .header-container .truncated .truncated_full_value .item-options, .header-container .form-search .search-autocomplete { background-color: #ffffff; color: #333333; } .header-container .dropdown .dropdown-content a, .header-container .dropdown.open > .dropdown-heading.cover a, .header-container .form-search .search-autocomplete li { color: #333333; } .header-container .dropdown .dropdown-content a:hover, .header-container .dropdown.open > .dropdown-heading.cover a:hover, .header-container .form-search .search-autocomplete li:hover { color: #aaaaaa; } .header-container .dropdown.open > .dropdown-heading.cover .caret, .nav-holder .dropdown.open > .dropdown-heading.cover .caret { border-top-color: #333333; } .header-top-container { } .header-top { } .header-top a { } .header-top a:hover { color: #00a1de; } .header-primary-container { padding-top: 20px; padding-bottom: 50px; } .header-primary { padding-top: 10px; padding-bottom: 10px; } .header-mobile .skip-link { background-color: #fafafa; color: #333333; } .header-mobile .skip-link:hover { color: #333333; } .header-mobile .skip-link.skip-active { background-color: #f5f5f5; color: #161616; } .header-mobile .skip-content--style { background-color: #f5f5f5; color: #333333; } .header-mobile .skip-content--style a { color: #333333; } .header-mobile .skip-content--style a:hover { color: #00a1de; } .cat-label-label1 { background-color: #00a1de; color: #ffffff; } .cat-label-label2 { background-color: #00a1de; color: #ffffff; } li.level0 > a > span > .cat-label-label1.pin-bottom:before { border-top-color: #00a1de; } li.level0 > a > span > .cat-label-label2.pin-bottom:before { border-top-color: #00a1de; } li > a:hover > span > .cat-label, .nav-regular li.level0:hover > a > span > .cat-label /* Top-level category label is highlighted on item hover, not on link hover */ { background-color: #00a1de; color: #ffffff; } li.level0 > a:hover > span > .pin-bottom:before, .nav-regular li.level0:hover > a > span > .pin-bottom:before { border-top-color: #00a1de; } #nav .nav-panel--dropdown { background-color: #ffffff; color: #333333; } #nav .nav-panel--dropdown a { color: #333333; } #nav .nav-panel--dropdown a:hover { color: #00a1de; } #nav .nav-panel--dropdown a .caret { border-left-color: #333333; border-right-color: #333333; } #nav .nav-panel--dropdown a:hover .caret { border-left-color: #00a1de; border-right-color: #00a1de; } /* All types*/ .nav-regular .nav-panel--dropdown { -moz-box-shadow:0 3px 10px rgba(0,0,0, 0.15); -webkit-box-shadow:0 3px 10px rgba(0,0,0, 0.15); box-shadow:0 3px 10px rgba(0,0,0, 0.15); } .nav-mobile div.nav-panel--dropdown { -moz-box-shadow: 0 3px 10px rgba(0,0,0, 0.15); -webkit-box-shadow: 0 3px 10px rgba(0,0,0, 0.15); box-shadow: 0 3px 10px rgba(0,0,0, 0.15); z-index: 1; position: relative; } .nav-mobile div.nav-panel--dropdown div.nav-panel--dropdown { -moz-box-shadow:none; -webkit-box-shadow:none; box-shadow:none; } .nav-container { background-color: #333333; } .header-mobile .nav { margin-bottom: 10px; } .nav.has-outline > .inner-container { padding-top: 12px; padding-bottom: 12px; } .header-mobile .nav > .inner-container { padding: 0; } @media only screen and (max-width: 479px) { .header-mobile .nav > .inner-container { padding-left: 12px; padding-right: 12px; } } .sticky-header .sticky-container, .sticky-header .nav-regular { background-color: #ffffff; } .sticky-header .nav-regular .nav-item.level0 > a, .sticky-header .nav-regular .nav-holder .dropdown-heading { color: #333333; } .sticky-header .nav-regular .nav-item.level0.parent > a .caret, .sticky-header .nav-regular .nav-holder .dropdown-heading .caret { border-top-color: #333333; } .sticky-header #nav.nav-regular { border-bottom: none; } .nav-regular { background-color: #f4f4f4; } .nav-regular .nav-item.level0 > a, #nav .nav-item--homeicon a { color: #333333; } .nav-mobile .nav-item.level0 > a { background-color: #f4f4f4; color: #333333; } .nav-mobile .nav-item.level0 > .opener { color: #333333; } #nav.nav-mobile ul.level0 .nav-item > a { background-color: #f4f4f4; color: #333333; } .nav-mobile ul.level0 .nav-item > .opener { color: #333333; } .nav-regular .nav-item.level0.active > a { background-color: #333333; color: #ffffff; } .nav-mobile .nav-item.level0.current > a { background-color: #333333; color: #ffffff; } .nav-mobile .nav-item.level0.current > .opener { color: #ffffff; } #nav.nav-mobile ul.level0 .nav-item.current > a { background-color: #333333; color: #ffffff; } .nav-mobile ul.level0 .nav-item.current > .opener { color: #ffffff; } .nav-regular .nav-item.level0:hover > a { background-color: #00a1de; color: #ffffff; } .nav-mobile .nav-item.level0 > a:hover { background-color: #00a1de; color: #ffffff; } .nav-mobile .nav-item.level0 > a:hover + .opener { color: #ffffff; } #nav.nav-mobile ul.level0 .nav-item > a:hover { background-color: #00a1de; color: #ffffff; } .nav-mobile ul.level0 .nav-item > a:hover + .opener { color: #ffffff; } .nav-regular .nav-item.level0 > a { line-height: 45px; } #nav .nav-holder > * { line-height: 45px; } #nav .nav-holder .dropdown-heading { max-height: 45px; line-height: 45px; } .nav-regular .nav-item.level0.parent > a .caret, .nav-holder .dropdown-heading .caret { border-top-color: #333333; } .nav-regular .nav-item.level0.parent.active > a .caret { border-top-color: #ffffff; } .nav-regular .nav-item.level0.parent:hover > a .caret { border-top-color: #ffffff; } .nav-mobile .nav-item { margin-top: 1px !important; } .nav-mobile { background-color: #eeeeee; } .mobnav-trigger-wrapper { color: #333333; } .mobnav-trigger { background-color: #f4f4f4; color: #333333; } .mobnav-trigger:hover { background-color: #00a1de; color: #ffffff; } .mobnav-trigger.active { background-color: #00a1de; color: #ffffff; } .mobnav-trigger .trigger-icon .line { background-color: #333333; } .mobnav-trigger:hover .trigger-icon .line { background-color: #ffffff; } .mobnav-trigger.active .trigger-icon .line { background-color: #ffffff; } .nav-regular .nav-item.level0 > a { font-size:14px; text-transform:uppercase; } .nav-regular .nav-submenu--mega > li > a { font-size:16px; text-transform:uppercase; } .nav-mobile li.nav-item > a { font-size:16px; } .mobnav-trigger, .nav-mobile .nav-item.level0 > a { font-size:18px; text-transform: uppercase; } .nav-mobile .nav-item.level1 > a { font-size:18px; text-transform: none; } .main-container { } .main { background-color: #ffffff; } .truncated .item-options { background-color: #ffffff; } .category-products-grid .item, .products-list .item { } .category-products-grid .item:hover, .products-list .item:hover { } .gen-tabs .tabs { background-color: transparent; } .gen-tabs .tabs a { background-color: #f5f5f5; color: #333333; } .gen-tabs .tabs a:hover /*, .gen-tabs .tabs a:focus */ { background-color: #eeeeee; color: #333333; border-color: #eeeeee; border-bottom-color: transparent; } .gen-tabs .tabs a.current { background-color: #ffffff; color: #00a1de; } .gen-tabs .tabs-panels { background-color: #ffffff; border-top-color: #e5e5e5; } .gen-tabs .tabs a.current { border-color: #e5e5e5; border-bottom-color: transparent; } .gen-tabs .tabs a.current:hover { border-bottom-color: transparent; } .gen-tabs .acctab { background-color: #f5f5f5; color: #333333; border-color: #e5e5e5; padding-left: 0.5em; padding-right: 0.5em; } .gen-tabs .acctab:hover, .gen-tabs .acctab:focus, .gen-tabs .acctab.current { background-color: #eeeeee; color: #00a1de; } /* Slider arrows */ .the-slideshow .owl-controls .owl-buttons div, /* Slider pagination */ .the-slideshow.slider-pagination1 .owl-controls .owl-page span, /* For pagination2 default color overrides color of active state and hover state */ .the-slideshow.slider-pagination2 .owl-controls .owl-page span, .the-slideshow.slider-pagination2 .owl-controls .owl-page.active span, .the-slideshow.slider-pagination2 .owl-controls.clickable .owl-page.active:hover span { background-color: #ffffff; color: #333333; } /* Slider arrows */ .the-slideshow .owl-controls.clickable .owl-buttons div:hover, /* Slider pagination */ .the-slideshow.slider-pagination1 .owl-controls.clickable .owl-page:hover span, .the-slideshow.slider-pagination2 .owl-controls.clickable .owl-page:hover span { background-color: #000000; color: #ffffff; } .the-slideshow.slider-pagination1 .owl-controls .owl-page.active span, .the-slideshow.slider-pagination1 .owl-controls.clickable .owl-page.active:hover span /* Active state overrides hover state */ { background-color: #f89828; } .footer-container { background-color: #838383; } .footer { color: #dedede; } .footer a { color: #dedede; } .footer a:hover { } .footer .button { background-color: #4e4e4e; color: #ffffff; } .footer .button:hover, .footer .button:focus { background-color: #4e4e4e; color: #ffffff; } .footer .ib, .footer span.icon /* For backward compatibility */ { background-color: #f89828; color: #ffffff; } .footer .ib-hover:hover, .footer span.icon-hover:hover, /* For backward compatibility */ .footer .feature-icon-hover:hover .ib, .footer .feature-icon-hover:hover span.icon /* For backward compatibility */ { background-color: #444444 !important; color: #ffffff !important; } /* Slider arrows */ .footer .slider-arrows1 .owl-controls .owl-buttons div, .footer .slider-arrows1 .owl-controls.clickable .owl-buttons div.disabled:hover, .footer .slider-arrows2 .owl-controls .owl-buttons div, .footer .slider-arrows3 .owl-controls .owl-buttons div, .footer .slider-arrows3 .owl-controls.clickable .owl-buttons div.disabled:hover, /* Slider pagination */ .footer .slider-pagination1 .owl-controls .owl-page span, .footer .slider-pagination2 .owl-controls .owl-page span, /* Accordion and collapsible: opener */ .footer .accordion-style1 .opener, .footer .collapsible .opener { background-color: #f5f5f5; color: #333333; } /* Slider arrows */ .footer .slider-arrows1 .owl-controls.clickable .owl-buttons div:hover, .footer .slider-arrows2 .owl-controls.clickable .owl-buttons div:hover, .footer .slider-arrows3 .owl-controls.clickable .owl-buttons div:hover, /* Slider pagination */ .footer .slider-pagination1 .owl-controls.clickable .owl-page:hover span, .footer .slider-pagination2 .owl-controls.clickable .owl-page:hover span, /* Accordion and collapsible: opener */ .footer .accordion-style1 .opener:hover, .footer .collapsible .opener:hover { background-color: #f89828; color: #ffffff; } .footer-top-container { background-color: #ffffff; } .footer-top { color: #dedede; } .footer-top a { color: #dedede; } .footer-top a:hover { } .footer-primary-container { padding-top: 30px; padding-bottom: 10px; } .footer-primary { background-color: #ffffff; } .footer-primary a { } .footer-primary a:hover { color: #ffffff; } .footer-secondary-container { } .footer-secondary { } .footer-secondary a { } .footer-secondary a:hover { color: #ffffff; } .footer-bottom-container { background-color: #ebebeb; } .footer-bottom { color: #dedede; } .footer-bottom a { color: #ffffff; } .footer-bottom a:hover { color: #f89828; } .social-links .ib, .social-links a > span.icon /* For backward compatibility */ { background-color: #bbbbbb; color: #ffffff; } .social-links .ib-hover:hover, .social-links a > span.icon-hover:hover /* For backward compatibility */ { background-color: #959595 !important; color: #ffffff !important; } /** * WARNING: do not edit this file. It was generated automatically, your changes will be overwritten and lost. * 2021-10-11 07:56:13 */ /* Grid container %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .container { width:96%; } .lte-ie8 .container { max-width:1360px; } /* Desktop - design for a width of 1366px and 1360px %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* 1360px <= width */ @media only screen and (min-width: 1360px) { .container { max-width:1360px; } /* Special grid units */ .grid-col2-sidebar { width: 18.84%; } .grid-col2-main { width: 77.15%; } .no-gutter.grid-col2-sidebar { width: 20.84%; } .no-gutter.grid-col2-main { width: 79.15%; } .grid-col3-sidebar { width:24.42%; } .grid-col3-main { width:72.98%; } .no-gutter.grid-col3-sidebar { width:24.42%; } .no-gutter.grid-col3-main { width:72.98%; } /* Hide */ .hide-below-1360 { display:inherit !important; } .hide-below-1280 { display:inherit !important; } } /* Desktop - design for a width of 1280px %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* 1280px <= width */ @media only screen and (min-width: 1280px) and (max-width: 1359px) { /* Special grid units */ .grid-col2-sidebar { width: 20.41%; } .grid-col2-main { width: 75.58%; } .no-gutter.grid-col2-sidebar { width: 22.41%; } .no-gutter.grid-col2-main { width: 77.58%; } .grid-col3-sidebar { width:27.01%; } .grid-col3-main { width:70.34%; } .no-gutter.grid-col3-sidebar { width:27.01%; } .no-gutter.grid-col3-main { width:70.34%; } /* Hide */ .hide-below-1280 { display:inherit !important; } } /* Design for a width of less than 1024 px %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* width < 1024px */ @media only screen and (max-width: 1023px) { /* Hide */ .hide-below-1024 { display:none !important; } } /* Tablet (Portrait) - design for a width of 768px %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* 768px <= width < 960px */ @media only screen and (min-width: 768px) and (max-width: 959px) { /* Hide */ .hide-below-960 { display:none !important; } } /* All mobile - design for a width of less than 768px %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* width < 768px */ @media only screen and (max-width: 767px) { .nested-container { width:100%; margin-left:auto; } /* Nav container with outline (if nav container has background color). Apply the same vertical margins, as container's side padding. */ .nav.has-outline > .grid-full { margin-top: 2%; margin-bottom: 2%; } /* Below 768px all grid units are stretched (full width) and stack vertically */ .grid12-1, .grid12-2, .grid12-3, .grid12-4, .grid12-5, .grid12-6, .grid12-7, .grid12-8, .grid12-9, .grid12-10, .grid12-11, .grid12-12, .grid-full, .grid-col2-sidebar, .grid-col2-main, .grid-col3-sidebar, .grid-col3-main { width:100% !important; /* Added "!important" to override units with "no-gutter" */ margin-left:0; margin-right:0; } /* Vertically aligned grid -------------------------------------------------------------- */ .v-grid-container { display:block; } .v-grid { float:inherit; display:block; width:100%; } } /* Mobile (Landscape) - design for a width of 480px %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* 480px <= width < 768px */ @media only screen and (min-width: 480px) and (max-width: 767px) { /* Hide */ .hide-below-960 { display:none !important; } .hide-below-768 { display:none !important; } /* Deprecated: persistent grid units (will be removed in the next update) -------------------------------------------------------------- */ /* Half */ .persistent-grid2-1 { width:48%; margin-left:1%; margin-right:1%; } /* One-third + two-thirds */ .persistent-grid3-1 { width:31.33%; margin-left:1%; margin-right:1%; } .persistent-grid3-2 { width:64.67%; margin-left:1%; margin-right:1%; } /* One-fourth + two-fourths + three-fourths */ .persistent-grid4-1 { width:23%; margin-left:1%; margin-right:1%; } .persistent-grid4-2 { width:48%; margin-left:1%; margin-right:1%; } .persistent-grid4-3 { width:73%; margin-left:1%; margin-right:1%; } /* Mobile grid (for browser viewport between 480px and 768px): Below 768px all grid units are stretched (full width) and stack vertically. The "mobile-grid" class forces narrow grid units to stay narrow, but the width is increased to avoid too small columns. -------------------------------------------------------------- */ .mobile-grid.grid12-1 { width:14.66% !important; margin-left:1%; margin-right:1%; } /* 1/12 turns into 1/6 */ .mobile-grid.grid12-2 { width:31.33% !important; margin-left:1%; margin-right:1%; } /* 1/6 turns into 1/3 */ .mobile-grid.grid12-3 { width:48% !important; margin-left:1%; margin-right:1%; } /* 1/4 turns into 1/2 */ /* Force other grid units to take half of the available width */ .mobile-grid-half { width:48% !important; margin-left:1%; margin-right:1%; } } /* Mobile (Landscape, iPhone 4 Portrait) - design for a width of 640px %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* 640px <= width < 768px */ @media only screen and (min-width: 640px) and (max-width: 767px) { } /* Design for a width of less than 480px (small mobile) %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* width < 480px */ @media only screen and (max-width: 479px) { /* Enlarge containers to full width and remove max width */ .container { max-width: none !important; width: 100%; } } /* Mobile (Portrait) - design for a width of 320px %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* 320px <= width < 480px */ @media only screen and (min-width: 320px) and (max-width: 479px) { /* Hide */ .hide-below-960 { display:none !important; } .hide-below-768 { display:none !important; } .hide-below-480 { display:none !important; } } /* Mobile (Portrait) - design for a width of less than 320px %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* width < 320px */ @media only screen and (max-width: 319px) { /* Hide */ .hide-below-960 { display:none !important; } .hide-below-768 { display:none !important; } .hide-below-480 { display:none !important; } .hide-below-320 { display:none !important; } } /** * WARNING: do not edit this file. It was generated automatically, your changes will be overwritten and lost. * To override or extend default CSS styles use custom.css file (refer to the user guide for details). * 2021-10-11 07:56:13 */ /* Desktop, wide laptop - design for a width of 1360px and 1366px %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* 1360px <= width */ @media only screen and (min-width: 1360px) { /* Cart -------------------------------------------------------------- */ .cart-table .product-image { max-width:110px; } /* Product page -------------------------------------------------------------- */ .product-view .sticker { width:80px; height:80px; } /* Misc -------------------------------------------------------------- */ /* Mini cart */ .after-mini-cart { clear:none; } /* Item grid -------------------------------------------------------------- */ /* Item grid: 2 columns */ .itemgrid-adaptive.itemgrid-2col .item { width:31.3333%; clear:none !important; } .itemgrid-adaptive.itemgrid-2col > li:nth-of-type(3n+1) { clear:left !important; } /* Item grid: 3 columns */ .itemgrid-adaptive.itemgrid-3col .item { width:23%; clear:none !important; } .itemgrid-adaptive.itemgrid-3col > li:nth-of-type(4n+1) { clear:left !important; } /* Item grid: 4 columns */ .itemgrid-adaptive.itemgrid-4col .item { width:18%; clear:none !important; } .itemgrid-adaptive.itemgrid-4col > li:nth-of-type(5n+1) { clear:left !important; } /* Item grid: 5 columns */ .itemgrid-adaptive.itemgrid-5col .item { width:14.6666%; clear:none !important; } .itemgrid-adaptive.itemgrid-5col > li:nth-of-type(6n+1) { clear:left !important; } /* Item grid: 6 columns */ .itemgrid-adaptive.itemgrid-6col .item { width:12.2857%; clear:none !important; } .itemgrid-adaptive.itemgrid-6col > li:nth-of-type(7n+1) { clear:left !important; } /* Item grid: 7 columns */ .itemgrid-adaptive.itemgrid-7col .item { width:10.5%; clear:none !important; } .itemgrid-adaptive.itemgrid-7col > li:nth-of-type(8n+1) { clear:left !important; } /* Cloud zoom -------------------------------------------------------------- */ .itemslider-thumbnails.count-4, .itemslider-thumbnails.count-5, .itemslider-thumbnails.count-multi { max-width:316px; } /*4*/ /* Direction navigation */ .itemslider-thumbnails.count-4 .direction-nav { display:none; } /* Slideshow caption -------------------------------------------------------------- */ .caption .heading { font-size:3.5em; } .caption p { font-size:1.6666em; } } /* Desktop, laptop - design for a width of 1280px %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* 1280px <= width */ @media only screen and (min-width: 1280px) and (max-width: 1359px) { /* Cart -------------------------------------------------------------- */ .cart-table .product-image { max-width:110px; } /* Product page -------------------------------------------------------------- */ .product-view .sticker { width:80px; height:80px; } /* Misc -------------------------------------------------------------- */ /* Mini cart */ .after-mini-cart { clear:none; } /* Item grid -------------------------------------------------------------- */ /* Item grid: 2 columns */ .itemgrid-adaptive.itemgrid-2col .item { width:31.3333%; clear:none !important; } .itemgrid-adaptive.itemgrid-2col > li:nth-of-type(3n+1) { clear:left !important; } /* Item grid: 3 columns */ .itemgrid-adaptive.itemgrid-3col .item { width:23%; clear:none !important; } .itemgrid-adaptive.itemgrid-3col > li:nth-of-type(4n+1) { clear:left !important; } /* Item grid: 4 columns */ .itemgrid-adaptive.itemgrid-4col .item { width:18%; clear:none !important; } .itemgrid-adaptive.itemgrid-4col > li:nth-of-type(5n+1) { clear:left !important; } /* Item grid: 5 columns */ .itemgrid-adaptive.itemgrid-5col .item { width:14.6666%; clear:none !important; } .itemgrid-adaptive.itemgrid-5col > li:nth-of-type(6n+1) { clear:left !important; } /* Item grid: 6 columns */ .itemgrid-adaptive.itemgrid-6col .item { width:12.2857%; clear:none !important; } .itemgrid-adaptive.itemgrid-6col > li:nth-of-type(7n+1) { clear:left !important; } /* Item grid: 7 columns */ .itemgrid-adaptive.itemgrid-7col .item { width:10.5%; clear:none !important; } .itemgrid-adaptive.itemgrid-7col > li:nth-of-type(8n+1) { clear:left !important; } /* Cloud zoom -------------------------------------------------------------- */ .itemslider-thumbnails.count-4, .itemslider-thumbnails.count-5, .itemslider-thumbnails.count-multi { max-width:316px; } /*4*/ /* Direction navigation */ .itemslider-thumbnails.count-4 .direction-nav { display:none; } /* Slideshow caption -------------------------------------------------------------- */ .caption .heading { font-size:3.3em; } .caption p { font-size:1.6666em; } } /* Design for a width of 960-1280 px %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* 960px <= width < 1280px */ @media only screen and (min-width: 960px) and (max-width: 1279px) { /* Cart -------------------------------------------------------------- */ .cart-table .product-image { max-width:80px; } /* Product page -------------------------------------------------------------- */ .product-view .sticker { width:80px; height:80px; } } /* Design for menu for a width of less than 1280 px %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ @media only screen and (min-width: 1024px) and (max-width: 1279px) { /* Menu */ .nav-regular .nav-item.level0 > a { padding: 0 6px; } } @media only screen and (min-width: 960px) and (max-width: 1023px) { /* Menu */ .nav-regular .nav-item.level0 > a { padding: 0 4px; } } @media only screen and (max-width: 959px) { /* Menu */ .nav-regular .nav-item.level0 > a { padding: 0 3px; } } /* Mobile, small old desktop - design for a width of less than 960px %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* width < 960px */ @media only screen and (max-width: 959px) { /* Products grid: override size of elements (values like size-s) -------------------------------------------------------------- */ /* Product labels */ .products-grid .sticker { width:45px; height:45px; font-size:1em; } .products-grid .item:hover .sticker { width:50px; height:50px; } /* Misc -------------------------------------------------------------- */ /* Scroll to top button */ #scroll-to-top { display:none !important; } /* Hide Sign Up link in Top Links */ #link-sign-up { display:none; } /* Hide amount. Note: has to be defined after aligning ".amount" center */ .toolbar .sorter .amount { display:none !important; } } /* Tablet (Portrait) - design for a width of 768px %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* 768px <= width < 960px */ @media only screen and (min-width: 768px) and (max-width: 959px) { /* Default Magento classes -------------------------------------------------------------- */ .nobr { white-space:normal !important; } /* Cart -------------------------------------------------------------- */ .cart-table .product-name { font-size:1em; font-family: inherit; } .cart-table .product-image { max-width:80px; } /* Product page -------------------------------------------------------------- */ /* Related - simple */ .block-related-thumbnails .product-details { margin-left:0; margin-bottom:10px; clear:left; } /* Cloud zoom -------------------------------------------------------------- */ /* Shrink the slider if to many thumbnails */ .itemslider-thumbnails.count-3, .itemslider-thumbnails.count-4, .itemslider-thumbnails.count-5, .itemslider-thumbnails.count-multi { max-width:158px !important; } /*2*/ /* Direction navigation */ .itemslider-thumbnails.count-3 .direction-nav, .itemslider-thumbnails.count-4 .direction-nav, .itemslider-thumbnails.count-5 .direction-nav, .itemslider-thumbnails.count-multi .direction-nav { display:block; } /* Thumbnails */ .img-box .thumbnails.show-all.auto-adjust-width .item { max-width: 32%; } /* Slideshow caption -------------------------------------------------------------- */ .caption .heading { font-size:2.0833em; } .caption p { font-size:1.1666em; } .caption button.button span span { height: 35px; line-height: 35px; padding: 0 15px; } } /* All desktop - design for a width of 768px and wider %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* 768px <= width */ @media only screen and (min-width: 768px) { /* Mobile collapsible -------------------------------------------------------------- */ .footer .mobile-collapsible .block-title { border-bottom:none; } /* Hide line when not on mobile */ } /* All mobile - design for a width of less than 768px %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* width < 768px */ @media only screen and (max-width: 767px) { /* Grid and basic layout -------------------------------------------------------------- */ /* Margin for basic Magento columns */ .col-main, .col-left, .col-right { margin-bottom:30px; } /* Product view: margin for all grid units */ .product-view .grid12-1, .product-view .grid12-2, .product-view .grid12-3, .product-view .grid12-4, .product-view .grid12-5, .product-view .grid12-6, .product-view .grid12-7, .product-view .grid12-8, .product-view .grid12-9, .product-view .grid12-10, .product-view .grid12-11, /* deprecated */ .product-view .grid4-1, .product-view .grid4-2, .product-view .grid4-3, .product-view .grid2-1 /* end:deprecated */ { margin-bottom:30px; } /* Remove additional margin for main sidebars */ .col-left > * { margin-right: 0; } .col-right > * { margin-left: 0; } /* Magento utility classes -------------------------------------------------------------- */ .nobr { white-space:normal !important; } /* Forms -------------------------------------------------------------- */ .form-list .field, .form-list input.input-text, .form-list textarea, .form-list select, .form-list li.wide .input-box, .form-list li.wide input.input-text, .form-list li.wide textarea, .form-list li.wide select { max-width:100%; } /* Tables -------------------------------------------------------------- */ .data-table thead .nobr { white-space:normal !important; } .data-table th, .data-table td { padding:5px; } /* Data tables formatting -------------------------------------------------------------- */ /* Basic formatting */ .cart .data-table thead, .my-wishlist .data-table thead, .my-account .data-table thead, .order-review .data-table thead { display:none; } .cart .data-table tbody, .my-wishlist .data-table tbody, .my-account .data-table tbody, .order-review .data-table tbody { background:transparent !important; } .cart .data-table tr, .cart .data-table td, .my-wishlist .data-table tr, .my-wishlist .data-table td, .my-account .data-table tr, .my-account .data-table td, .order-review .data-table tr, .order-review .data-table td { border:none !important; background:transparent !important; display:block; width:100%; text-align:left !important; } .cart .data-table tr, .my-wishlist .data-table tr, .my-account .data-table tr, .order-review .data-table tr { border-bottom:1px solid #e5e5e5 !important; margin-bottom:20px; } /* Highlight first cell in table footer */ .my-account .data-table tfoot tr td:first-child, .order-review .data-table tfoot tr td:first-child { font-weight:bold; } /* Show cell label */ .data-table .cell-label { display:inline-block; width:30%; min-width:100px; max-width:140px; margin-right:10px; font-weight:bold; } /* Header -------------------------------------------------------------- */ /* Global notices -------------------------------------------------------------- */ .global-site-notice .notice-inner { background:none; padding:10px 0; text-align:center; } .global-site-notice .notice-inner p { width:100%; padding:0 0 10px; } .global-site-notice .notice-inner .actions { padding-bottom:5px; } /* Items in the top header -------------------------------------------------------------- */ /* Make side margins smaller */ .header .item-left { margin-right: 5px; } .header .item-right { margin-left: 5px; } /* Other -------------------------------------------------------------- */ /* User menu (Top Links) */ .user-menu { width:100%; margin-left:0; margin-right:0; } /* Top links */ .top-links { float:left; } /* Mini cart */ .after-mini-cart { clear:none; } /* Deprecated */ /* Line breaker - disable on narrow screens */ .user-menu .line-break-after { clear:none; } /* Header - old styles applied when mobile header mode is not enabled and the "header-regular" class is not removed from header container on narrow screens -------------------------------------------------------------- */ /* Vertically aligned blocks. Reset block below this breakpoint - blocks become full width and stack vertically -------------------------------------------------------------- */ .header-regular .hp-blocks-holder { display:block; } .header-regular .hp-blocks-holder .hp-block { float:inherit; display:block; width:100%; margin-left:0; margin-right:0; } /* Logo -------------------------------------------------------------- */ .header-regular .header .logo-wrapper { text-align:center; } .header-regular .header .logo-wrapper .logo { width:70%; margin-left:auto; margin-right:auto; } /* Quick search -------------------------------------------------------------- */ /* Search: mobile (search bar layout for narrow screens) -------------------------------------------------------------- */ .header-regular .search-wrapper-mobile { display: block; /* To override possible inline styles */ clear: both; width: 100%; margin: 10px 0; /*float: none;*/ } .header-regular .search-wrapper-mobile .form-search { width: 100%; max-width: 440px; margin-left: auto; margin-right: auto; } .header-regular .search-wrapper-mobile .form-search .input-text { width: 100%; min-width: 100%; /* Cancel minimum width */ } /* Search: header inline -------------------------------------------------------------- */ /* Note: added .header class to override other selectors */ .header-regular .header .search-wrapper-inline { display: block; clear: both; width: 100%; margin: 10px auto; } /* If wrapper is an .item, then remove side margins */ .header-regular .header .item.search-wrapper-inline { margin-left:auto; margin-right:auto; } .header-regular .search-wrapper-inline #search_mini_form { display: block; } .header-regular .search-wrapper-inline .form-search .input-text { width:100%; } /* Footer -------------------------------------------------------------- */ /* Footer elements - align center */ .footer .mobile-inline-container { text-align:center; } .footer .mobile-inline-container > * { float:none; display:inline-block; margin-left:5px; margin-right:5px; } .footer-primary-top-spacing, .footer-primary-bottom-spacing, .footer-top .links, .footer-bottom { text-align:center; } .footer-primary-top-spacing .item, .footer-primary-bottom-spacing .item, #subscribe-form, .footer-bottom .item, .footer-top .links li { float:none; display:inline-block; } .footer-top .item { float:none; } /* Simplify links */ .footer .links-wrapper-separators .links li a, .footer .links-wrapper-separators-left .links li a { background-image:none; } /* Footer elements */ .footer-primary-bottom-spacing .item { width:100%; margin:0; } .footer-bottom .item { margin-left:5px; margin-right:5px; } /* Copyright - remove space */ .footer-copyright { margin-left:0; } /* Primary and secondary section: additional inner padding */ .footer-primary > .grid-full > .section, .footer-secondary > .grid-full > .section { padding:15px 10px; } /* Breadcrumbs on product page -------------------------------------------------------------- */ .catalog-product-view .breadcrumbs { text-align: center; } .catalog-product-view .breadcrumbs > * { display: inline-block; } /* Layered navigation -------------------------------------------------------------- */ .block-layered-nav { margin-top: 30px; margin-bottom: 30px; } /* Hide main heading of the block */ .block-layered-nav .block-title { display: none; } .block-layered-nav .block-content { font-size: 14px; padding: 0; } #narrow-by-list, #narrow-by-list2 { margin: 0 15px; } /* Attributes -------------------------------------------------------------- */ .block-layered-nav .block-content > dl > dt { cursor: pointer; padding: 7px 10px 7px 25px; border-bottom: 1px solid #f5f5f5; text-transform: uppercase; } .block-layered-nav .block-content > dl > dt:after { display: block; /* Show on mobile */ content: ''; position: absolute; width: 0; height: 0; border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-left: 5px solid #ddd; border-right: none; } .block-layered-nav .block-content > dl > dd { display: none; padding: 10px 0; } /* Accordion opened */ .block-layered-nav .block-content.accordion-open > dl > dt.current:after { content: ''; position: absolute; width: 0; height: 0; display: block; border-right: 5px solid transparent; border-left: 5px solid transparent; border-top: 5px solid #ddd; border-bottom: none; left: 6px; top: 50%; margin-top: -3px; } .block-layered-nav .block-content.accordion-open > dl > dd.current { display: block; } /* Block subtitle -------------------------------------------------------------- */ .block-layered-nav .block-subtitle--filter { margin: 0; display: block; } /* Single filter -------------------------------------------------------------- */ .block-layered-nav dl dd ol > li > a, .block-layered-nav dl dd ol > li > span { position: static; padding: 7px 14px; margin-bottom: 5px; } .block-layered-nav dl dd ol > li > a:before { display: none; /* Hide on mobile */ } .block-layered-nav dl dd ol > li > a { color: inherit; background-color: #f9f9f9; padding: 5px 10px; } .block-layered-nav dl dd ol > li > a:hover { text-decoration: none; background: #f5f5f5; } /* Toolbar -------------------------------------------------------------- */ /* All elements - align center and increase vertical spacing */ .pager, .sorter { text-align:center; } .pager .amount, .pager .limiter, .pager .pages, .sorter .amount, .sorter .limiter, .sorter .view-mode, .sorter .sort-by { display:inline-block; float:none; padding-top:0; padding-bottom:0; } .toolbar .sort-by, .toolbar .sorter .amount { border-right:none; } .sorter .per-page, .pager .per-page { display:none; } /* Category view -------------------------------------------------------------- */ .note-msg.empty-catalog { background-position:center 10px !important; color:inherit; padding:150px 10px 10px !important; text-align:center; } /* Page heading with RSS link */ .page-title { position:relative; } .page-title .link-rss { float:none; display:block; position:static; margin:10px 0 0; } /* Products list -------------------------------------------------------------- */ .products-list .product-shop-inner { padding-right:0; border-right:none; } /* Products grid: override size of elements (values like size-s) -------------------------------------------------------------- */ /* Product name */ .products-grid .product-name { font-size:1.1666em; /*14px*/ line-height:1.2307em; /*16px*/ } /* Product page -------------------------------------------------------------- */ /* Wrapper for collaterals - remove top margin (grid units already have bottom margin) */ .product-view .box-additional { margin-top:0; } /* Related: remove bottom margin */ .block-related-slider { margin-bottom:0; } /* Sidebar */ .product-view .custom-sidebar-right .inner { padding-left:0; border-left:none; } .product-view .custom-sidebar-left .inner { padding-right:0; border-right:none; } /* Add-to links */ .product-view .add-to-links { text-align: center; } .product-view .add-to-links li { float: none; display: inline-block; } /* Cart -------------------------------------------------------------- */ /* Buttons below table: align center */ .cart-table tfoot tr.first td { text-align:center !important; padding:0; margin-bottom:20px; } .cart-table tfoot button { display:inline-block; float:none !important; margin:0 0 3px; padding:0; } /* One Page Checkout -------------------------------------------------------------- */ /* Step title - link "edit" */ .opc .allow .step-title a { display:none; } /* Form */ /*.opc form fieldset { display:table-column-group; }*/ /* Account -------------------------------------------------------------- */ .my-wishlist .product-image { max-width:none; } /* Items slider -------------------------------------------------------------- */ .control-nav.control-paging { display:none; } /* Deprecated */ /* If only one item exists */ .itemslider.single-item .slides > li { margin: 0 auto; } /* Deprecated */ /* Slideshow -------------------------------------------------------------- */ .the-slideshow-wrapper-outer { margin-top: 0 !important; /* Reset nagative top margin */ } /* Slideshow navigation: move buttons to the top right corner */ .the-slideshow-wrapper .slider-arrows2 .owl-controls .owl-buttons .owl-prev { top:10px; right:60px; left:auto; } .the-slideshow-wrapper .slider-arrows2 .owl-controls .owl-buttons .owl-next { top:10px; right:10px; left:auto; } /* Deprecated */ .the-slideshow .direction-nav .prev { top:4%; right:63px; left:auto; } .the-slideshow .direction-nav .next { top:4%; right:2%; } /* Pagination */ .the-slideshow-wrapper .owl-pagination { display: none; } /* Slideshow caption */ /* Shrink font, hide all elements except heading */ .caption > * { display:none !important; } .caption .heading { display:inline-block !important; font-size:2.0833em; margin-bottom:1px; } .caption p { font-size:1.1666em; margin-bottom:1px; } .caption button.button span span { height: 30px; line-height: 30px; padding: 0 10px; } /* Cloud Zoom -------------------------------------------------------------- */ /* Hide zoom */ .cloud-zoom-big, .cloud-zoom-lens { display:none !important; } .cloud-zoom-lens { cursor:default !important; } /* Thumbnails */ .img-box .thumbnails.show-all.auto-adjust-width .item { max-width: 16%; } /* Lightbox -------------------------------------------------------------- */ #cboxTitle, #cboxCurrent { display:none !important; } /* Accordion -------------------------------------------------------------- */ .accordion-style1 li a { padding:15px 10px; font-size: 1.1666em; /*14px*/ line-height: 1.2857em; /*18px*/ } /* Space for openner if item has children. It has to be a few pixels wider than openner */ .accordion-style1 li.parent > a { padding-right:53px; } .accordion-style1 .opener { width:48px; height:48px; line-height:48px; } /* Different types of collapsible blocks -------------------------------------------------------------- */ /* Sidebar blocks */ .sidebar .block { margin-bottom: 20px; } /* Blocks collapsible only on mobile, so icon visible only on mobile */ .mobile-collapsible .block-title:after, .sidebar .block .block-title:after, .block-layered-nav .block-title:after { /* Show only on mobile */ display: inline-block !important; } .mobile-collapsible .block-title, .sidebar .block .block-title, .block-layered-nav .block-title { cursor: pointer; } } /* end: width < 768px */ /* Mobile (Landscape) - design for a width of 480px %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* 480px <= width < 768px */ @media only screen and (min-width: 480px) and (max-width: 767px) { /* Category view -------------------------------------------------------------- */ .products-list .product-shop, .products-list .right-column, .products-list .product-image-wrapper { width:48%; margin-left:1%; margin-right:1%; } /* Cloud zoom -------------------------------------------------------------- */ /* Broaden the slider if at least 4 thumbnails */ .itemslider-thumbnails.count-4, .itemslider-thumbnails.count-5, .itemslider-thumbnails.count-multi { max-width:316px; } /*4*/ /* Direction navigation */ .itemslider-thumbnails.count-4 .direction-nav { display:none; } /* Shrink and align center the main image */ .img-box .product-image { width:60.4651%; /*364px*/ } } /* end: 480px <= width < 768px */ /* Design for a width of 640px %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* 640px <= width < 768px */ @media only screen and (min-width: 640px) and (max-width: 767px) { /* Item grid -------------------------------------------------------------- */ .itemgrid.itemgrid-adaptive .item { width:31.3333%; clear:none !important; } .itemgrid.itemgrid-adaptive > li:nth-of-type(3n+1) { clear:left !important; } } /* end: 640px <= width < 768px */ /* Design for a width of less than 640px %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* width < 640px */ @media only screen and (max-width: 639px) { h1 { font-size:2em; line-height:1.25em; /*24px, 30px*/ } h2 { font-size:1.6666em; line-height:1.2em; /*20px, 24px*/ } h3 { font-size:1.3333em; line-height:1.25em; /*16px, 20px*/ } h4 { font-size:1.1666em; line-height:1.1428em; /*14px, 16px*/ } h5 { font-size:1em; line-height:1em; /*12px, 12px*/ } h6 { font-size:1em; line-height:1em; /*12px, 12px*/ } /* Mobile header -------------------------------------------------------------- */ .header-mobile .skip-link .label { display: none; } .header-mobile .skip-link .icon { margin-right: 0; } .header-mobile .skip-link .count { margin-right: 0; /* Reset negative margin to align content of a skip-link */ } /* Dropdowns in mobile header collaterals */ .header-mobile .header-collateral .dropdown .dropdown-heading { line-height: 24px; } /* Cloud zoom -------------------------------------------------------------- */ /* Thumbnails */ .img-box .thumbnails.show-all.auto-adjust-width .item { max-width: 19%; } } /* end: width < 640px */ /* Design for a width of 480px %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* 480 <= width < 640px */ @media only screen and (min-width: 480px) and (max-width: 639px) { /* Item grid -------------------------------------------------------------- */ .itemgrid.itemgrid-adaptive .item { width:48%; clear:none !important; } .itemgrid.itemgrid-adaptive > li:nth-of-type(2n+1) { clear:left !important; } } /* end: 480 <= width < 640px */ /* Design for a width of less than 480px (small mobile) %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* width < 480px */ @media only screen and (max-width: 479px) { /* Products grid -------------------------------------------------------------- */ .products-grid.category-products-grid.hover-effect .item .add-to-links, /* To override "display-onhover" */ .products-grid .item .add-to-links { display: none !important; } /* Buttons - stretch full width -------------------------------------------------------------- */ .buttons-set .button, .title-buttons .button, .cart .btn-checkout, .mini-cart .actions .button, .mini-compare .actions .button { float: none; width: 100%; margin-left: 0; margin-right: 0; margin-bottom: 7px; } .buttons-set .button:last-child, .cart .btn-checkout:last-child, .mini-cart .actions .button:last-child { margin-bottom: 0; } /* Button on product page - stretch full width and remove vertical alignment -------------------------------------------------------------- */ .product-view .add-to-cart .btn-cart { display: block; width: 100%; margin: 0 0 7px; } .product-view .add-to-cart { display: block; float: none; } /* Buttons set -------------------------------------------------------------- */ .buttons-set .back-link { display: none; } .buttons-set .required { display: none; } /* Grid elements -------------------------------------------------------------- */ .col2-set .col-1, .col2-set .col-2 { width:100%; } /* Header -------------------------------------------------------------- */ /* Simplify horizontal links */ .header .links-wrapper-separators .links li a, .header .links-wrapper-separators-left .links li a { background-image:none; } /* Header elements - align center. TODO: apply or remove in future updates. -------------------------------------------------------------- */ .header .mobile-inline-container { text-align:center; } .header .mobile-inline-container > * { float:none; display:inline-block; margin-left:5px; margin-right:5px; } /* Header top elements - align center -------------------------------------------------------------- */ .header-top { text-align:center; } .header-top .item { float:none; display:inline-block; margin-left:5px; margin-right:5px; } .header-top .links { text-align:center; } .header-top .links li { float:none; display:inline-block; } /* Header - old styles applied when mobile header mode is not enabled and the "header-regular" class is not removed from header container on narrow screens -------------------------------------------------------------- */ /* Header elements - align center -------------------------------------------------------------- */ /* Links */ .header-regular .header .links { text-align:center; } .header-regular .header .links li { float:none; display:inline-block; } /* User menu */ .header-regular .user-menu { text-align:center; } .header-regular .user-menu > *, .header-regular .user-menu .links, .header-regular .dropdown { float:none !important; display:inline-block !important; } /* Products list -------------------------------------------------------------- */ .products-list .item { margin-bottom:20px; } .products-list .item:first-child { margin-top:1px; /* Move item down to uncover the border of the toolbar */ } .products-list .product-image { margin-bottom:20px; } /* Products list: disable hover effect -------------------------------------------------------------- */ /* Cancel "hover effect" styles: apply the same styles which item has without "hover effect" */ .products-list.hover-effect .item { border-top: none; } .products-list.hover-effect .item:hover { margin-left:0; margin-right:0; padding-left:0; padding-right:0; box-shadow: none !important; } /* Products grid: override size of elements (values like size-xs) -------------------------------------------------------------- */ /* Product labels */ .products-grid .sticker { width:40px; height:40px; font-size:0.9166em; } .products-grid .item:hover .sticker { width:45px; height:45px; } /* Product page -------------------------------------------------------------- */ /* Reviews */ .product-view .box-reviews .form-add .data-table th, .product-view .box-reviews .form-add .data-table td { padding:6px 1px; } .product-view .box-reviews .form-add .form-list input.input-text, .product-view .box-reviews .form-add .form-list textarea { width:90%; } /* Add-to links */ .product-view .add-to-links { text-align: inherit; } /* Toolbar -------------------------------------------------------------- */ .toolbar .limiter { display:none; } .sorter .view-mode { display:none; } .sorter .sort-by { background:none; margin-right:0; margin-left:0; padding-right:0; padding-left:0; } /* Remove right divider */ /* Pages */ .pager .pages li { display:none; } .pager .pages li.previous, .pager .pages li.current, .pager .pages li.next { display:block; } /* Account -------------------------------------------------------------- */ /* Account info + Order info */ /* .box-account.box-info .col-1, .order-info-box .col-1 { border-right:none; } .box-account.box-info .col-1 .box, .order-info-box .col-1 .box { padding-right:0; } */ .my-account .col2-set .col-1 { border-right:none; margin-bottom:20px; } .my-account .col2-set .col-1 .box { padding-right:0; } /* Order details */ .order-items .sub-title .separator { display:none; } /* Checkout -------------------------------------------------------------- */ .opc .step-title h2 { font-size:1em; line-height:2.8333em; } /* Advanced search results -------------------------------------------------------------- */ .advanced-search-summary ul { width: 100%; margin-right: 0; } /* Footer -------------------------------------------------------------- */ #subscribe-form label { display: inline-block; float: none; line-height: 1em; margin: 15px 0 2px; } #subscribe-form .input-box { display: inline-block; float: none; margin: 5px 0; position: relative; width: 100%; } #subscribe-form .input-text { width:100%; max-width:100%; } #subscribe-form .button { display: inline-block; float: none; } /*TOOD: check on mobiles*/ #subscribe-form .input-box .validation-advice { width: 100%; left: 0; } /* Slideshow -------------------------------------------------------------- */ .the-slideshow .control-nav { display:none; } /* Deprecated */ /* Slideshow caption */ /* Shrink font. Hide all elements, even with class "permanent" (except heading with "permanent") */ .caption > *, .caption .heading, .caption .permanent { display:none !important; } .caption .heading.permanent { display:inline-block !important; } .caption .heading { font-size:1.3333em; } .caption p { font-size:1em; } /* Itemslider -------------------------------------------------------------- */ /* Pagination */ .itemslider .owl-pagination { display: none; } /* Cloud zoom -------------------------------------------------------------- */ #zoom-btn { display:none; } /* Thumbnails */ .img-box .thumbnails.show-all.auto-adjust-width .item { max-width: 24%; } } /* end: width < 480px */ /* Design for a width of 320px (mobile - portrait) %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* 320px <= width < 480px */ @media only screen and (min-width: 320px) and (max-width: 479px) { /* Item grid -------------------------------------------------------------- */ .itemgrid.itemgrid-adaptive .item { width:48%; clear:none !important; } .itemgrid.itemgrid-adaptive > li:nth-of-type(2n+1) { clear:left !important; } /* Cloud zoom -------------------------------------------------------------- */ /* Shrink the slider if to many thumbnails */ .itemslider-thumbnails.count-3, .itemslider-thumbnails.count-4, .itemslider-thumbnails.count-5, .itemslider-thumbnails.count-multi { max-width:237px; } /*3*/ /*{ max-width:158px; }*/ /*2*/ /* Direction navigation */ .itemslider-thumbnails.count-3 .direction-nav, .itemslider-thumbnails.count-4 .direction-nav, .itemslider-thumbnails.count-5 .direction-nav, .itemslider-thumbnails.count-multi .direction-nav { display:block; } } /* end: 320px <= width < 480px */ /* Design for a width of less than 320px %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* width < 320px */ @media only screen and (max-width: 319px) { /* Disable hover effect -------------------------------------------------------------- */ /* Cancel "hover effect" styles: apply the same styles which item has without "hover effect" */ .category-products-grid.hover-effect .item { border-top: none; } .category-products-grid.hover-effect .item:hover { margin-left:0; margin-right:0; padding-left:1%; padding-right:1%; box-shadow: none !important; } /* Show elements normally displayed only on hover */ .category-products-grid.hover-effect .item .display-onhover { display:block !important; } /* Show full name even if enabled: display name in single line */ .products-grid.single-line-name .item .product-name { overflow: visible; white-space: normal; } /* Spaces between items */ .category-products-grid.hover-effect .item { margin-bottom: 20px; } /* Mobile header -------------------------------------------------------------- */ .header-mobile .header-collateral { float: none; text-align:center; } .header-mobile .header-collateral > * { display: inline-block; } .header-mobile .logo-wrapper--mobile { float: none !important; text-align: center !important; } /* Product page -------------------------------------------------------------- */ /* Related - thumbnails */ .block-related-thumbnails .product-details { margin-left:0; margin-bottom:10px; clear:left; } .block-related-thumbnails .product-details .price-box { display: inline-block; margin-right:5px; } .block-related-thumbnails .product-details .related-add-to-wishlist { display: inline-block; } /* Item grid -------------------------------------------------------------- */ /* Always show 1 column */ /* Important: added ".itemgrid" class to override other styles */ .itemgrid.itemgrid-adaptive .item { width:98%; clear:none !important; } /* Cloud zoom -------------------------------------------------------------- */ /* Thumbnails */ .img-box .thumbnails.show-all.auto-adjust-width .item { max-width: 32%; } /* Slideshow -------------------------------------------------------------- */ .the-slideshow-wrapper .owl-buttons { display: none; } .the-slideshow .direction-nav { display:none; } /* Deprecated */ } /* end: width < 320px */ /* Design for a width of 240px (small mobile) %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* 240px <= width < 320px */ @media only screen and (min-width: 240px) and (max-width: 319px) { /* Cloud zoom -------------------------------------------------------------- */ /* Shrink the slider if to many thumbnails */ .itemslider-thumbnails.count-3, .itemslider-thumbnails.count-4, .itemslider-thumbnails.count-5, .itemslider-thumbnails.count-multi { max-width:158px; } /*2*/ } /* end: 240px <= width < 320px */ /* Design for a width of lass than 240px %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* width < 240px */ @media only screen and (max-width: 239px) { /* Cloud zoom -------------------------------------------------------------- */ /* Shrink the slider if to many thumbnails */ .itemslider-thumbnails.count-2, .itemslider-thumbnails.count-3, .itemslider-thumbnails.count-4, .itemslider-thumbnails.count-5, .itemslider-thumbnails.count-multi { max-width:79px !important; } /*1*/ /* Direction navigation */ .itemslider-thumbnails.count-2 .direction-nav, .itemslider-thumbnails.count-3 .direction-nav, .itemslider-thumbnails.count-4 .direction-nav, .itemslider-thumbnails.count-5 .direction-nav, .itemslider-thumbnails.count-multi .direction-nav { display:block; } } /* end: width < 240px */ /** * Override styles configured via admin panel */ /* Additional styles for interface icons %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Icons with no background -------------------------------------------------------------- */ /* Toolbar */ .sorter .view-mode a, .sorter .sort-by .category-asc, .sorter .sort-by .category-desc, .pager .pages li a, /* Slider arrows (for zoom thumbnails) */ .slider-arrows3 .owl-controls .owl-buttons div, .slider-arrows3 .owl-controls.clickable .owl-buttons div.disabled:hover { background-color:transparent; } /* Other icons -------------------------------------------------------------- */ /* Add-to links icons in product grid - square, no rounding */ .products-grid .addto-links-icons span.icon { border-radius: 0; } /* Pager */ .pager .pages li a { background-color:#f5f5f5; } /* Add-to links */ .addto-links-icons .ic { background-color:#fff; } /* This is the default Tooltipster theme (feel free to modify or duplicate and create multiple themes!): */ .tooltipster-default { border-radius: 5px; border: 1px solid #4e4e4e; background: #747474; color: #dedede; } /* Use this next selector to style things like font-size and line-height: */ .tooltipster-default .tooltipster-content { font-family: 'Open Sans', sans-serif!important; font-size: 14px; line-height: 16px; padding: 8px 10px; overflow: hidden; } /* This next selector defines the color of the border on the outside of the arrow. This will automatically match the color and size of the border set on the main tooltip styles. Set display: none; if you would like a border around the tooltip but no border around the arrow */ .tooltipster-default .tooltipster-arrow .tooltipster-arrow-border { /* border-color: ... !important; */ } /* If you're using the icon option, use this next selector to style them */ .tooltipster-icon { cursor: help; margin-left: 4px; } /* This is the base styling required to make all Tooltipsters work */ .tooltipster-base { padding: 0; font-size: 0; line-height: 0; position: absolute; left: 0; top: 0; z-index: 9999999; pointer-events: none; width: auto; overflow: visible; } .tooltipster-base .tooltipster-content { overflow: hidden; } /* These next classes handle the styles for the little arrow attached to the tooltip. By default, the arrow will inherit the same colors and border as what is set on the main tooltip itself. */ .tooltipster-arrow { display: block; text-align: center; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: -1; } .tooltipster-arrow span, .tooltipster-arrow-border { display: block; width: 0; height: 0; position: absolute; } .tooltipster-arrow-top span, .tooltipster-arrow-top-right span, .tooltipster-arrow-top-left span { border-left: 8px solid transparent !important; border-right: 8px solid transparent !important; border-top: 8px solid; bottom: -7px; } .tooltipster-arrow-top .tooltipster-arrow-border, .tooltipster-arrow-top-right .tooltipster-arrow-border, .tooltipster-arrow-top-left .tooltipster-arrow-border { border-left: 9px solid transparent !important; border-right: 9px solid transparent !important; border-top: 9px solid; bottom: -7px; } .tooltipster-arrow-bottom span, .tooltipster-arrow-bottom-right span, .tooltipster-arrow-bottom-left span { border-left: 8px solid transparent !important; border-right: 8px solid transparent !important; border-bottom: 8px solid; top: -7px; } .tooltipster-arrow-bottom .tooltipster-arrow-border, .tooltipster-arrow-bottom-right .tooltipster-arrow-border, .tooltipster-arrow-bottom-left .tooltipster-arrow-border { border-left: 9px solid transparent !important; border-right: 9px solid transparent !important; border-bottom: 9px solid; top: -7px; } .tooltipster-arrow-top span, .tooltipster-arrow-top .tooltipster-arrow-border, .tooltipster-arrow-bottom span, .tooltipster-arrow-bottom .tooltipster-arrow-border { left: 0; right: 0; margin: 0 auto; } .tooltipster-arrow-top-left span, .tooltipster-arrow-bottom-left span { left: 6px; } .tooltipster-arrow-top-left .tooltipster-arrow-border, .tooltipster-arrow-bottom-left .tooltipster-arrow-border { left: 5px; } .tooltipster-arrow-top-right span, .tooltipster-arrow-bottom-right span { right: 6px; } .tooltipster-arrow-top-right .tooltipster-arrow-border, .tooltipster-arrow-bottom-right .tooltipster-arrow-border { right: 5px; } .tooltipster-arrow-left span, .tooltipster-arrow-left .tooltipster-arrow-border { border-top: 8px solid transparent !important; border-bottom: 8px solid transparent !important; border-left: 8px solid; top: 50%; margin-top: -7px; right: -7px; } .tooltipster-arrow-left .tooltipster-arrow-border { border-top: 9px solid transparent !important; border-bottom: 9px solid transparent !important; border-left: 9px solid; margin-top: -8px; } .tooltipster-arrow-right span, .tooltipster-arrow-right .tooltipster-arrow-border { border-top: 8px solid transparent !important; border-bottom: 8px solid transparent !important; border-right: 8px solid; top: 50%; margin-top: -7px; left: -7px; } .tooltipster-arrow-right .tooltipster-arrow-border { border-top: 9px solid transparent !important; border-bottom: 9px solid transparent !important; border-right: 9px solid; margin-top: -8px; } /* Some CSS magic for the awesome animations - feel free to make your own custom animations and reference it in your Tooltipster settings! */ .tooltipster-fade { opacity: 0; -webkit-transition-property: opacity; -moz-transition-property: opacity; -o-transition-property: opacity; -ms-transition-property: opacity; transition-property: opacity; } .tooltipster-fade-show { opacity: 1; } .tooltipster-grow { -webkit-transform: scale(0,0); -moz-transform: scale(0,0); -o-transform: scale(0,0); -ms-transform: scale(0,0); transform: scale(0,0); -webkit-transition-property: -webkit-transform; -moz-transition-property: -moz-transform; -o-transition-property: -o-transform; -ms-transition-property: -ms-transform; transition-property: transform; -webkit-backface-visibility: hidden; } .tooltipster-grow-show { -webkit-transform: scale(1,1); -moz-transform: scale(1,1); -o-transform: scale(1,1); -ms-transform: scale(1,1); transform: scale(1,1); -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); -moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); -ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); -o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); } .tooltipster-swing { opacity: 0; -webkit-transform: rotateZ(4deg); -moz-transform: rotateZ(4deg); -o-transform: rotateZ(4deg); -ms-transform: rotateZ(4deg); transform: rotateZ(4deg); -webkit-transition-property: -webkit-transform, opacity; -moz-transition-property: -moz-transform; -o-transition-property: -o-transform; -ms-transition-property: -ms-transform; transition-property: transform; } .tooltipster-swing-show { opacity: 1; -webkit-transform: rotateZ(0deg); -moz-transform: rotateZ(0deg); -o-transform: rotateZ(0deg); -ms-transform: rotateZ(0deg); transform: rotateZ(0deg); -webkit-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 1); -webkit-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4); -moz-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4); -ms-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4); -o-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4); transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4); } .tooltipster-fall { top: 0; -webkit-transition-property: top; -moz-transition-property: top; -o-transition-property: top; -ms-transition-property: top; transition-property: top; -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); -moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); -ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); -o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); } .tooltipster-fall-show { } .tooltipster-fall.tooltipster-dying { -webkit-transition-property: all; -moz-transition-property: all; -o-transition-property: all; -ms-transition-property: all; transition-property: all; top: 0px !important; opacity: 0; } .tooltipster-slide { left: -40px; -webkit-transition-property: left; -moz-transition-property: left; -o-transition-property: left; -ms-transition-property: left; transition-property: left; -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); -moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); -ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); -o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); } .tooltipster-slide.tooltipster-slide-show { } .tooltipster-slide.tooltipster-dying { -webkit-transition-property: all; -moz-transition-property: all; -o-transition-property: all; -ms-transition-property: all; transition-property: all; left: 0px !important; opacity: 0; } /* CSS transition for when contenting is changing in a tooltip that is still open. The only properties that will NOT transition are: width, height, top, and left */ .tooltipster-content-changing { opacity: 0.5; -webkit-transform: scale(1.1, 1.1); -moz-transform: scale(1.1, 1.1); -o-transform: scale(1.1, 1.1); -ms-transform: scale(1.1, 1.1); transform: scale(1.1, 1.1); } @font-face { font-family: 'Aileron-Light'; src: url("https://www.ekfluidworks.com/skin/frontend/ultimo/fluid/fonts/Aileron/aileron-light-webfont.woff2") format("woff2"), url("https://www.ekfluidworks.com/skin/frontend/ultimo/fluid/fonts/Aileron/aileron-light-webfont.woff") format("woff"); font-weight: 300; font-style: normal } @font-face { font-family: 'Aileron-Regular'; src: url("https://www.ekfluidworks.com/skin/frontend/ultimo/fluid/fonts/Aileron/aileron-regular-webfont.woff2") format("woff2"), url("https://www.ekfluidworks.com/skin/frontend/ultimo/fluid/fonts/Aileron/aileron-regular-webfont.woff") format("woff"); font-weight: normal; font-style: normal } @font-face { font-family: 'Aileron-Bold'; src: url("https://www.ekfluidworks.com/skin/frontend/ultimo/fluid/fonts/Aileron/aileron-bold-webfont.woff2") format("woff2"), url("https://www.ekfluidworks.com/skin/frontend/ultimo/fluid/fonts/Aileron/aileron-bold-webfont.woff") format("woff"); font-weight: bold; font-style: normal } @font-face { font-family: Goodtimes; src: url("https://www.ekfluidworks.com/skin/frontend/ultimo/fluid/fonts/GT/good_times_rg-webfont.woff2") format("woff2"), url("https://www.ekfluidworks.com/skin/frontend/ultimo/fluid/fonts/GT/good_times_rg-webfont.woff") format("woff"), url("https://www.ekfluidworks.com/skin/frontend/ultimo/fluid/fonts/GT/good_times_rg-webfont.ttf") format("truetype"); font-weight: normal; font-style: normal } .ow_button, .ow_custom_top_menu > .links > li, .header .right-column .item #mini-cart .button:not(.btn-checkout), .ow_custom_top_menu > .links .has-submenu .links, .ow-kit-block .kit-bottom .ow_c2a_button, .ow-kit-block .kit-bottom .header .right-column .item #mini-cart .btn-checkout, .header .right-column .item #mini-cart .ow-kit-block .kit-bottom .btn-checkout, .ow-kit-block .kit-bottom .widget a, .ow-kit-block .kit-bottom .btn-proceed-checkout, .ow-kit-block .kit-bottom #checkout-review-submit .btn-checkout, #checkout-review-submit .ow-kit-block .kit-bottom .btn-checkout, .ow-kit-block .kit-bottom .customer-account-create [type="submit"], .customer-account-create .ow-kit-block .kit-bottom [type="submit"], .ow-kit-block .kit-bottom .customer-account-login [type="submit"], .customer-account-login .ow-kit-block .kit-bottom [type="submit"], .ow-kit-block .kit-bottom .customer-account [type="submit"], .customer-account .ow-kit-block .kit-bottom [type="submit"], .ow-kit-block .kit-bottom .customer-account-index [type="submit"], .customer-account-index .ow-kit-block .kit-bottom [type="submit"], .ow-kit-block .kit-bottom .ow_support_page .grid12-4 .inner a, .ow_support_page .grid12-4 .inner .ow-kit-block .kit-bottom a, .ow-kit-block .kit-bottom .cms-parts .youtube_play, .cms-parts .ow-kit-block .kit-bottom .youtube_play, .ow-kit-block .kit-bottom .cms-tutorials .youtube_play, .cms-tutorials .ow-kit-block .kit-bottom .youtube_play, .ow-kit-block .kit-bottom .ow_button, .ow-kit-block .kit-bottom .ow_custom_top_menu > .links > li, .hotspot-wrapper .hotspot, .hotspot-wrapper .bullet-tooltip.wrap, .cms-parts .ow-main .ow_section.ow_component#parts-terminal .product-link-wrapper .ow_c2a_button, .cms-parts .ow-main .ow_section.ow_component#parts-terminal .product-link-wrapper .header .right-column .item #mini-cart .btn-checkout, .header .right-column .item #mini-cart .cms-parts .ow-main .ow_section.ow_component#parts-terminal .product-link-wrapper .btn-checkout, .cms-parts .ow-main .ow_section.ow_component#parts-terminal .product-link-wrapper .ow-kit-block .kit-bottom .widget a, .ow-kit-block .kit-bottom .widget .cms-parts .ow-main .ow_section.ow_component#parts-terminal .product-link-wrapper a, .cms-parts .ow-main .ow_section.ow_component#parts-terminal .product-link-wrapper .btn-proceed-checkout, .cms-parts .ow-main .ow_section.ow_component#parts-terminal .product-link-wrapper #checkout-review-submit .btn-checkout, #checkout-review-submit .cms-parts .ow-main .ow_section.ow_component#parts-terminal .product-link-wrapper .btn-checkout, .cms-parts .ow-main .ow_section.ow_component#parts-terminal .product-link-wrapper .customer-account-create [type="submit"], .customer-account-create .cms-parts .ow-main .ow_section.ow_component#parts-terminal .product-link-wrapper [type="submit"], .cms-parts .ow-main .ow_section.ow_component#parts-terminal .product-link-wrapper .customer-account-login [type="submit"], .customer-account-login .cms-parts .ow-main .ow_section.ow_component#parts-terminal .product-link-wrapper [type="submit"], .cms-parts .ow-main .ow_section.ow_component#parts-terminal .product-link-wrapper .customer-account [type="submit"], .customer-account .cms-parts .ow-main .ow_section.ow_component#parts-terminal .product-link-wrapper [type="submit"], .cms-parts .ow-main .ow_section.ow_component#parts-terminal .product-link-wrapper .customer-account-index [type="submit"], .customer-account-index .cms-parts .ow-main .ow_section.ow_component#parts-terminal .product-link-wrapper [type="submit"], .cms-parts .ow-main .ow_section.ow_component#parts-terminal .product-link-wrapper .ow_support_page .grid12-4 .inner a, .ow_support_page .grid12-4 .inner .cms-parts .ow-main .ow_section.ow_component#parts-terminal .product-link-wrapper a, .cms-parts .ow-main .ow_section.ow_component#parts-terminal .product-link-wrapper .youtube_play, .cms-parts #extras .item .product-name, .cms-parts #extras .item .product-link-wrapper .ow_c2a_button, .cms-parts #extras .header .right-column .item .product-link-wrapper #mini-cart .btn-checkout, .header .right-column .cms-parts #extras .item .product-link-wrapper #mini-cart .btn-checkout, .cms-parts #extras .header .right-column .item #mini-cart .product-link-wrapper .btn-checkout, .header .right-column .cms-parts #extras .item #mini-cart .product-link-wrapper .btn-checkout, .cms-parts #extras .item .product-link-wrapper .ow-kit-block .kit-bottom .widget a, .ow-kit-block .kit-bottom .widget .cms-parts #extras .item .product-link-wrapper a, .cms-parts #extras .item .product-link-wrapper .btn-proceed-checkout, .cms-parts #extras .item .product-link-wrapper #checkout-review-submit .btn-checkout, #checkout-review-submit .cms-parts #extras .item .product-link-wrapper .btn-checkout, .cms-parts #extras .item .product-link-wrapper .customer-account-create [type="submit"], .customer-account-create .cms-parts #extras .item .product-link-wrapper [type="submit"], .cms-parts #extras .item .product-link-wrapper .customer-account-login [type="submit"], .customer-account-login .cms-parts #extras .item .product-link-wrapper [type="submit"], .cms-parts #extras .item .product-link-wrapper .customer-account [type="submit"], .customer-account .cms-parts #extras .item .product-link-wrapper [type="submit"], .cms-parts #extras .item .product-link-wrapper .customer-account-index [type="submit"], .customer-account-index .cms-parts #extras .item .product-link-wrapper [type="submit"], .cms-parts #extras .item .product-link-wrapper .ow_support_page .grid12-4 .inner a, .ow_support_page .grid12-4 .inner .cms-parts #extras .item .product-link-wrapper a, .cms-parts #extras .item .product-link-wrapper .youtube_play, .rma-view .ow_rma_blok div.fieldset, #rma-form-validate .rma-items .rma-one-item .item-description, #rma-form-validate .rma-items .rma-one-item .item-options { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box } @keyframes buttonFlash { 0% { opacity: .3; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0 } 100% { opacity: 0; -webkit-transform: scale(1.3); -moz-transform: scale(1.3); -ms-transform: scale(1.3); -o-transform: scale(1.3); transform: scale(1.3); -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px } } @keyframes pulser { 0% { opacity: .4; -webkit-transform: scale(0.4); -moz-transform: scale(0.4); -ms-transform: scale(0.4); -o-transform: scale(0.4); transform: scale(0.4) } 60% { opacity: 0; -webkit-transform: scale(3); -moz-transform: scale(3); -ms-transform: scale(3); -o-transform: scale(3); transform: scale(3) } 100% { opacity: 0; -webkit-transform: scale(3); -moz-transform: scale(3); -ms-transform: scale(3); -o-transform: scale(3); transform: scale(3) } } @keyframes bounce-rotate { from { -webkit-transform: rotate(0); -moz-transform: rotate(0); -ms-transform: rotate(0); -o-transform: rotate(0); transform: rotate(0) } to { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg) } } @keyframes ow_button { 0% { } 100% { opacity: 0; -webkit-transform: rotate(0) translate(0, 0); -moz-transform: rotate(0) translate(0, 0); -ms-transform: rotate(0) translate(0, 0); -o-transform: rotate(0) translate(0, 0); transform: rotate(0) translate(0, 0); border-bottom-color: #ec1d24 } } @keyframes scroller { 0% { top: 0 } 100% { top: 100% } } @keyframes opacity { 0% { opacity: 1 } 100% { opacity: 0 } } @keyframes gradient-lr { 0% { -webkit-transform: translateX(0%); -moz-transform: translateX(0%); -ms-transform: translateX(0%); -o-transform: translateX(0%); transform: translateX(0%) } 33% { -webkit-transform: translateX(-16%); -moz-transform: translateX(-16%); -ms-transform: translateX(-16%); -o-transform: translateX(-16%); transform: translateX(-16%) } 67% { -webkit-transform: translateX(30%); -moz-transform: translateX(30%); -ms-transform: translateX(30%); -o-transform: translateX(30%); transform: translateX(30%) } 100% { -webkit-transform: translateX(0%); -moz-transform: translateX(0%); -ms-transform: translateX(0%); -o-transform: translateX(0%); transform: translateX(0%) } } @keyframes rotate3d { from { -webkit-transform: translate(19px, 50px) rotate3d(1, 0, 0, 0deg); -moz-transform: translate(19px, 50px) rotate3d(1, 0, 0, 0deg); -ms-transform: translate(19px, 50px) rotate3d(1, 0, 0, 0deg); -o-transform: translate(19px, 50px) rotate3d(1, 0, 0, 0deg); transform: translate(19px, 50px) rotate3d(1, 0, 0, 0deg) } to { -webkit-transform: translate(19px, 50px) rotate3d(1, 0, 0, 360deg); -moz-transform: translate(19px, 50px) rotate3d(1, 0, 0, 360deg); -ms-transform: translate(19px, 50px) rotate3d(1, 0, 0, 360deg); -o-transform: translate(19px, 50px) rotate3d(1, 0, 0, 360deg); transform: translate(19px, 50px) rotate3d(1, 0, 0, 360deg) } } .ow_c2a_button, .header .right-column .item #mini-cart .btn-checkout, .ow-kit-block .kit-bottom .widget a, .btn-proceed-checkout, #checkout-review-submit .btn-checkout, .customer-account-create [type="submit"], .customer-account-login [type="submit"], .customer-account [type="submit"], .customer-account-index [type="submit"], .ow_support_page .grid12-4 .inner a, .cms-parts .youtube_play, .cms-tutorials .youtube_play { background: #81bc26; display: inline-block; font-size: 21px; padding: 20px 25px; text-transform: uppercase; margin: 30px 0; position: relative; overflow: hidden; letter-spacing: 1px } .ow_c2a_button::after, .header .right-column .item #mini-cart .btn-checkout::after, .ow-kit-block .kit-bottom .widget a::after, .btn-proceed-checkout::after, #checkout-review-submit .btn-checkout::after, .customer-account-create [type="submit"]::after, .customer-account-login [type="submit"]::after, .customer-account [type="submit"]::after, .customer-account-index [type="submit"]::after, .ow_support_page .grid12-4 .inner a::after, .cms-parts .youtube_play::after, .cms-tutorials .youtube_play::after { content: ""; position: absolute; top: -1000%; left: -210%; width: 200%; height: 650px; opacity: 0; transform: rotate(30deg); background: rgba(255, 255, 255, 0.13); background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 67%, rgba(255, 255, 255, 0.7) 92%, rgba(255, 255, 255, 0) 100%) } .ow_c2a_button.red, .header .right-column .item #mini-cart .red.btn-checkout, .ow-kit-block .kit-bottom .widget a.red, .red.btn-proceed-checkout, #checkout-review-submit .red.btn-checkout, .customer-account-create .red[type="submit"], .customer-account-login .red[type="submit"], .customer-account .red[type="submit"], .customer-account-index .red[type="submit"], .ow_support_page .grid12-4 .inner a.red, .cms-parts .red.youtube_play, .cms-tutorials .red.youtube_play { background: #ec1d24 } .ow_c2a_button:hover, .header .right-column .item #mini-cart .btn-checkout:hover, .ow-kit-block .kit-bottom .widget a:hover, .btn-proceed-checkout:hover, #checkout-review-submit .btn-checkout:hover, .customer-account-create [type="submit"]:hover, .customer-account-login [type="submit"]:hover, .customer-account [type="submit"]:hover, .customer-account-index [type="submit"]:hover, .ow_support_page .grid12-4 .inner a:hover, .cms-parts .youtube_play:hover, .cms-tutorials .youtube_play:hover { color: inherit } .ow_c2a_button:hover:after, .header .right-column .item #mini-cart .btn-checkout:hover:after, .ow-kit-block .kit-bottom .widget a:hover:after, .btn-proceed-checkout:hover:after, #checkout-review-submit .btn-checkout:hover:after, .customer-account-create [type="submit"]:hover:after, .customer-account-login [type="submit"]:hover:after, .customer-account [type="submit"]:hover:after, .customer-account-index [type="submit"]:hover:after, .ow_support_page .grid12-4 .inner a:hover:after, .cms-parts .youtube_play:hover:after, .cms-tutorials .youtube_play:hover:after { opacity: 1; top: -100%; left: -30%; transition-property: left, top, opacity; transition-duration: 1.2s, 1.2s, 0.15s; transition-timing-function: ease } .ow_c2a_button:active:after, .header .right-column .item #mini-cart .btn-checkout:active:after, .ow-kit-block .kit-bottom .widget a:active:after, .btn-proceed-checkout:active:after, #checkout-review-submit .btn-checkout:active:after, .customer-account-create [type="submit"]:active:after, .customer-account-login [type="submit"]:active:after, .customer-account [type="submit"]:active:after, .customer-account-index [type="submit"]:active:after, .ow_support_page .grid12-4 .inner a:active:after, .cms-parts .youtube_play:active:after, .cms-tutorials .youtube_play:active:after { opacity: 0 } .ow_button, .ow_custom_top_menu > .links > li, .header .right-column .item #mini-cart .button:not(.btn-checkout) { text-transform: uppercase; font-size: 16px; padding: 18px 25px; display: block; position: relative; overflow: hidden; -webkit-box-shadow: inset 0 0 0 1px #fff; -moz-box-shadow: inset 0 0 0 1px #fff; box-shadow: inset 0 0 0 1px #fff } .ow_button::before, .ow_custom_top_menu > .links > li::before, .header .right-column .item #mini-cart .button:not(.btn-checkout)::before, .ow_button::after, .ow_custom_top_menu > .links > li::after, .header .right-column .item #mini-cart .button:not(.btn-checkout)::after { content: ''; border: 1px solid transparent; width: 0; height: 0; -webkit-box-sizing: inherit; -moz-box-sizing: inherit; box-sizing: inherit; position: absolute; pointer-events: none } .ow_button::before, .ow_custom_top_menu > .links > li::before, .header .right-column .item #mini-cart .button:not(.btn-checkout)::before { top: 0; left: 0 } .ow_button::after, .ow_custom_top_menu > .links > li::after, .header .right-column .item #mini-cart .button:not(.btn-checkout)::after { bottom: 0; right: 0 } .ow_button:hover::before, .ow_custom_top_menu > .links > li:hover::before, .header .right-column .item #mini-cart .button:not(.btn-checkout):hover::before, .ow_button:hover::after, .ow_custom_top_menu > .links > li:hover::after, .header .right-column .item #mini-cart .button:not(.btn-checkout):hover::after { width: 100%; height: 100% } .ow_button:hover:before, .ow_custom_top_menu > .links > li:hover:before, .header .right-column .item #mini-cart .button:not(.btn-checkout):hover:before { border-top-color: #ec1d24; border-right-color: #ec1d24; transition: width .25s ease-out, height .1s ease-out .25s } .ow_button:hover:after, .ow_custom_top_menu > .links > li:hover:after, .header .right-column .item #mini-cart .button:not(.btn-checkout):hover:after { border-bottom-color: #ec1d24; border-left-color: #ec1d24; transition: border-color 0s ease-out .3s, width .25s ease-out .35s, height .1s ease-out .6s } @media only screen and (max-width: 767px) { html { font-size: 14px; overflow-x: hidden; } } .sticky-header .sticky-container, .sticky-header .nav-regular { background-color: rgba(0, 0, 0, 1) } h1, h2, h3, h4, h5, h6 { font-family: Goodtimes } body .page { background: #000; } #root-wrapper { overflow-x: hidden; } * { font-size: 16px; /*font-family: "Aileron-Light";*/ font-family: 'Open Sans', sans-serif; line-height: 1.75 } body.shipping-tracking-popup { color: black } [type="text"], [type="email"], textarea, select, label { /*font-family: 'Aileron-Light'*/ font-family: 'Open Sans', sans-serif; } strong { /*font-family: "Aileron-Bold";*/ font-family: 'Open Sans', sans-serif; } select option { color: initial } .centered { margin: auto; text-align: center; display: block; float: none } .gradient { width: 260px; height: 70px; background-color: grey; opacity: 0.3; position: absolute; z-index: -1; transform: rotate(30deg); box-shadow: 0 0 200px 200px grey; border-radius: 100%; pointer-events: none; display: none } .messages > li { background-color: transparent !important; border: 1px solid; padding: 15px 20px 15px 80px !important } .messages .success-msg span { color: #e9ffca } .messages .error-msg span { color: #f5dad3 } .messages .notice-msg span { color: #fdeda4 } #pwm_badge .pwm-line { -webkit-transform: translate(19px, 50px); -moz-transform: translate(19px, 50px); -ms-transform: translate(19px, 50px); -o-transform: translate(19px, 50px); transform: translate(19px, 50px); -webkit-transform-origin: center; -moz-transform-origin: center; -ms-transform-origin: center; -o-transform-origin: center; transform-origin: center } #pwm_badge:hover .pwm-line { animation: rotate3d 1s infinite linear; -webkit-animation: rotate3d 1s infinite linear; -o-animation: rotate3d 1s infinite linear } ::selection { background-color: #ec1d24; color: #fff } .ow_custom_top_menu > .links { display: inline-block; float: right; margin-right: 30px } .ow_custom_top_menu > .links > li { position: relative; box-shadow: none !important; padding: 0 15px !important; overflow: visible !important } .ow_custom_top_menu > .links > li a { padding: 0 13px; letter-spacing: 1px; background: none } .ow_custom_top_menu > .links > li.ow-current-page a { border: 1px solid #fff } .ow_custom_top_menu > .links .has-submenu .links { display: none; position: absolute; left: 0; width: 340px; background: rgba(0, 0, 0, 0.85); z-index: 100 } .ow_custom_top_menu > .links .has-submenu .links li { width: 100%; padding: 0; text-align: left } .ow_custom_top_menu > .links .has-submenu .links li a { -webkit-transition: background .3s; -moz-transition: background .3s; -ms-transition: background .3s; -o-transition: background .3s; transition: background .3s; font-size: 14px; } .ow_custom_top_menu > .links .has-submenu .links li a:hover { background: #ec1d24 } .noselect { -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .text-shadow { text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5); } .section-title { font-size: 45px; text-transform: uppercase; border-bottom: none; font-family: inherit; margin: 25px 0; line-height: 1 } .section-title span { color: #ec1d24; font-family: "Aileron-Regular"; font-size: inherit; line-height: inherit } .section-title + p { font-size: 18px } .header-top-container * { font-size: 12px } .header-top-container .block_header_top_right2 { margin-top: 5px; } .header-top-container .block_header_top_right2 > div { float: left; padding: 0 10px } .header-top-container .block_header_top_right2 > div::after { content: ''; display: inline; width: 1px; height: 15px; background: #e9e9e9 } .header-top-container #delivery { padding-left: 20px; background: url(https://www.ekfluidworks.com/skin/frontend/ultimo/fluid/images/globe.svg) 0 43% no-repeat } .header-top-container #delivery a { line-height: 37px } .header-top-container #currency-switcher-wrapper-regular { line-height: 32px; padding-left: 20px; background: url(https://www.ekfluidworks.com/skin/frontend/ultimo/fluid/images/currency.svg) 12px 55% no-repeat } .header-primary-container .right-column { width: 15% } #header-account li { padding: 0 6px; position: relative } #header-account li a { font-size: 13px } #header-account li a:hover { background: none; color: #ec1d24 !important } #header-account li::after { content: ""; display: block; width: 1px; height: 16px; background: #fff; position: absolute; right: 0; top: 12px } #header-account li.last::after { display: none } .dropdown.open > .dropdown-heading.cover { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none } .dropdown.open > .dropdown-heading.cover > span { background-color: transparent !important } .dropdown .dropdown-content { background-color: rgba(0, 0, 0, 0.9) !important } .header .right-column .item { float: right } .header .right-column .item #mini-cart { margin: 6px 0 0 20px; background: url(https://www.ekfluidworks.com/skin/frontend/ultimo/fluid/images/mini-cart.svg) center center no-repeat; height: 23px } .header .right-column .item #mini-cart .caret { display: none } .header .right-column .item #mini-cart > a > span { padding: 0; width: 40px } .header .right-column .item #mini-cart .item { float: none; margin: 15px 0 } .header .right-column .item #mini-cart .button:not(.btn-checkout) { background: transparent; padding: 10px } .header .right-column .item #mini-cart .button { width: 100%; line-height: 1; padding: 10px } .header .right-column .item .ic-cart::before { display: none } .header .right-column .item .product-name a:hover, .header .right-column .item .product-details a:hover { color: #ec1d24 } .button { color: #fff } .header-top-container .right-column .item { position: relative; top: 10px; } .absolute-header #top { position: absolute; top: 0; width: 100%; z-index: 5 } .absolute-header { position: relative; z-index: 1000; } .main-container { z-index: 2; position: relative } .main-container.padding-top { padding-top: 180px } .cms-parts .ow-main .ow_section.ow_component.padding-top#parts-blocks { padding-top: 180px } .header-top-container #partner-program { line-height: 33px; } @media (max-width: 400px) { .header-top.header.container .inner-container { padding: 0px; } } .ow-kits-wrapper { margin: 70px 0 } .ow-kit-block .kit-top { text-align: center; background-color: #000; padding-top: 130px; overflow: hidden; -webkit-background-size: auto 80px !important; background-size: auto 80px !important } .ow-kit-block .kit-top img { -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; -webkit-transform-origin: center top; -moz-transform-origin: center top; -ms-transform-origin: center top; -o-transform-origin: center top; transform-origin: center top } .ow-kit-block .kit-top:hover img { -webkit-transform: scale(1.06); -moz-transform: scale(1.06); -ms-transform: scale(1.06); -o-transform: scale(1.06); transform: scale(1.06) } .ow-kit-block .kit-middle { background: #fff; padding: 20px 40px 45px; min-height: 200px } .ow-kit-block .kit-middle .kit-features { max-width: 300px; margin: auto } .ow-kit-block .kit-middle .kit-features li { color: #000; font-family: "Aileron-Regular", "Roboto", Arial; font-size: 16px; line-height: 1.4; padding: 10px 0 10px 30px; background: url(https://www.ekfluidworks.com/skin/frontend/ultimo/fluid/images/checkmark.svg) 0 0.85em no-repeat } .ow-kit-block .kit-middle .kit-features li strong { text-transform: uppercase; font-family: "Aileron-Bold"; line-height: inherit } .ow-kit-block .kit-bottom { text-align: center; position: relative; top: -35px } .ow-kit-block .kit-bottom .ow_c2a_button, .ow-kit-block .kit-bottom .header .right-column .item #mini-cart .btn-checkout, .header .right-column .item #mini-cart .ow-kit-block .kit-bottom .btn-checkout, .ow-kit-block .kit-bottom .widget a, .ow-kit-block .kit-bottom .btn-proceed-checkout, .ow-kit-block .kit-bottom #checkout-review-submit .btn-checkout, #checkout-review-submit .ow-kit-block .kit-bottom .btn-checkout, .ow-kit-block .kit-bottom .customer-account-create [type="submit"], .customer-account-create .ow-kit-block .kit-bottom [type="submit"], .ow-kit-block .kit-bottom .customer-account-login [type="submit"], .customer-account-login .ow-kit-block .kit-bottom [type="submit"], .ow-kit-block .kit-bottom .customer-account [type="submit"], .customer-account .ow-kit-block .kit-bottom [type="submit"], .ow-kit-block .kit-bottom .customer-account-index [type="submit"], .customer-account-index .ow-kit-block .kit-bottom [type="submit"], .ow-kit-block .kit-bottom .ow_support_page .grid12-4 .inner a, .ow_support_page .grid12-4 .inner .ow-kit-block .kit-bottom a, .ow-kit-block .kit-bottom .cms-parts .youtube_play, .cms-parts .ow-kit-block .kit-bottom .youtube_play, .ow-kit-block .kit-bottom .cms-tutorials .youtube_play, .cms-tutorials .ow-kit-block .kit-bottom .youtube_play, .ow-kit-block .kit-bottom .ow_button, .ow-kit-block .kit-bottom .ow_custom_top_menu > .links > li, .ow-kit-block .kit-bottom .header .right-column .item #mini-cart .button:not(.btn-checkout), .header .right-column .item #mini-cart .ow-kit-block .kit-bottom .button:not(.btn-checkout) { width: 260px; max-width: 80%; margin: auto; font-size: 16px } .ow-kit-block .kit-bottom p { margin: 1.2em 0; font-size: 14px } .ow-kit-block.kit-a120 .kit-top { background: #000 url(https://www.ekfluidworks.com/skin/frontend/ultimo/fluid/images/a120-badge.svg) center 35px no-repeat; padding-top: 128px } .ow-kit-block.kit-a240 .kit-top { background: #000 url(https://www.ekfluidworks.com/skin/frontend/ultimo/fluid/images/a240-badge.svg) center 35px no-repeat } .ow-kit-block.kit-a240g .kit-top { background: #000 url(https://www.ekfluidworks.com/skin/frontend/ultimo/fluid/images/a240g-badge.svg) center 35px no-repeat } .ow-kit-block.kit-a240r .kit-top { background: #000 url(https://www.ekfluidworks.com/skin/frontend/ultimo/fluid/images/a240r-badge.svg) center 35px no-repeat } .has-gradient .container { position: relative; z-index: 1 } .hotspot-wrapper { position: relative } .hotspot-wrapper img { padding: 110px 0 } .hotspot-wrapper.green .hotspot { border-color: #81bc26 } .hotspot-wrapper.green .hotspot div { background-color: #81bc26 } .hotspot-wrapper.green .bullet-tooltip { border-color: #81bc26 } .hotspot-wrapper.green .bullet-line { background-color: #81bc26 } .hotspot-wrapper.green ::selection { background-color: #81bc26 } .hotspot-wrapper .hotspot { z-index: 1000; background-color: transparent; width: 22px; height: 22px; position: absolute; border: 1px solid #ec1d24; padding: 4px; cursor: pointer; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50% } .hotspot-wrapper .hotspot div { background-color: #ec1d24; width: 12px; height: 12px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; -webkit-transition: background-color .2s; -moz-transition: background-color .2s; -ms-transition: background-color .2s; -o-transition: background-color .2s; transition: background-color .2s } .hotspot-wrapper .hotspot div::before { content: ""; width: 100%; height: 100%; background: #fff; display: block; position: absolute; top: 0; left: 0; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; -webkit-animation: pulser 2s infinite; -o-animation: pulser 2s infinite; animation: pulser 2s infinite } .hotspot-wrapper .hotspot:hover div { background-color: #fff } .hotspot-wrapper .bullet-tooltip { position: absolute; padding: 15px 35px; background: rgba(0, 0, 0, 0.9); text-transform: uppercase; border: 1px solid #ec1d24; z-index: 3; white-space: nowrap } .hotspot-wrapper .bullet-tooltip.wrap[data-dir-y="u"] { margin-top: -220px } .hotspot-wrapper .bullet-tooltip[data-dir-y="u"] { margin-top: -160px } .hotspot-wrapper .bullet-tooltip[data-dir-y="d"] { margin-top: 130px } .hotspot-wrapper .bullet-tooltip[data-dir-x="l"] { -webkit-transform: translateX(-75%); -moz-transform: translateX(-75%); -ms-transform: translateX(-75%); -o-transform: translateX(-75%); transform: translateX(-75%) } .hotspot-wrapper .bullet-tooltip[data-dir-x="r"] { -webkit-transform: translateX(-25%); -moz-transform: translateX(-25%); -ms-transform: translateX(-25%); -o-transform: translateX(-25%); transform: translateX(-25%) } .hotspot-wrapper .bullet-tooltip.wrap { white-space: normal; text-transform: initial; width: 450px; padding: 30px 50px } .hotspot-wrapper .bullet-tooltip.wrap span { color: #ec1d24; text-transform: uppercase; display: block; margin: 0 0 20px; text-align: left } .hotspot-wrapper .bullet-tooltip.wrap p { text-align: left } .hotspot-wrapper .bullet-line { height: 1px; width: 0; background: #ec1d24; position: absolute; opacity: 0; -webkit-transform-origin: 0; -moz-transform-origin: 0; -ms-transform-origin: 0; -o-transform-origin: 0; transform-origin: 0 } .hotspot-wrapper .bullet-line::after { content: ''; display: block; position: absolute; width: 1px; height: 0; background: inherit; right: 0; bottom: 0; -webkit-transform-origin: bottom; -moz-transform-origin: bottom; -ms-transform-origin: bottom; -o-transform-origin: bottom; transform-origin: bottom; -webkit-transition: height .3s; -moz-transition: height .3s; -ms-transition: height .3s; -o-transition: height .3s; transition: height .3s; -webkit-transition-timing-function: linear; -moz-transition-timing-function: linear; -ms-transition-timing-function: linear; -o-transition-timing-function: linear; transition-timing-function: linear } .hotspot-wrapper .bullet-line.down-left { -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); -ms-transform: rotate(135deg); -o-transform: rotate(135deg); transform: rotate(135deg) } .hotspot-wrapper .bullet-line.down-left::after { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg) } .hotspot-wrapper .bullet-line.down-right { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg) } .hotspot-wrapper .bullet-line.down-right::after { -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); -ms-transform: rotate(135deg); -o-transform: rotate(135deg); transform: rotate(135deg) } .hotspot-wrapper .bullet-line.up-right { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg) } .hotspot-wrapper .bullet-line.up-right::after { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg) } .hotspot-wrapper .bullet-line.up-left { -webkit-transform: rotate(-135deg); -moz-transform: rotate(-135deg); -ms-transform: rotate(-135deg); -o-transform: rotate(-135deg); transform: rotate(-135deg) } .hotspot-wrapper .bullet-line.up-left::after { -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); -ms-transform: rotate(135deg); -o-transform: rotate(135deg); transform: rotate(135deg) } .hotspot-wrapper .bullet-line.active::after { height: 35px } .tooltip.tooltipstered { display: inline } .tooltip.tooltipstered .ow_question { color: #959595; font-size: 13px } .footer-container { background: #000; background-image: url(https://www.ekfluidworks.com/skin/frontend/ultimo/fluid/images/footer-shards-left.svg), url(https://www.ekfluidworks.com/skin/frontend/ultimo/fluid/images/footer-shards-right.svg); background-position: left bottom, right bottom; -webkit-background-size: 34%, 40%; background-size: 34%, 40%; background-repeat: no-repeat } .footer-container .footer-top { background: #000 } .footer-container * { font-family: "Aileron-Light" } .footer-container *::before { font-family: ThemeIcons } .footer-container .block-title { font-size: 16px; text-transform: uppercase; font-family: "Aileron-Light" } .footer-container .bullet li { background: none; padding-left: 0; line-height: 1.8 } .footer-container .tooltip.tooltipstered { display: inline-block; margin: 0 10px 20px 0 } .footer-container .social-links .ib { background-color: transparent; background-position: center center; background-repeat: no-repeat; -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s } .footer-container .social-links .ib.ic-pinterest { background-image: url(https://www.ekfluidworks.com/skin/frontend/ultimo/fluid/images/pinterest.svg) } .footer-container .social-links .ib.ic-youtube { background-image: url(https://www.ekfluidworks.com/skin/frontend/ultimo/fluid/images/youtube.svg) } .footer-container .social-links .ib.ic-facebook { background-image: url(https://www.ekfluidworks.com/skin/frontend/ultimo/fluid/images/facebook.svg) } .footer-container .social-links .ib.ic-instagram { background-image: url(https://www.ekfluidworks.com/skin/frontend/ultimo/fluid/images/instagram.svg) } .footer-container .social-links .ib.ic-twitter { background-image: url(https://www.ekfluidworks.com/skin/frontend/ultimo/fluid/images/twitter.svg) } .footer-container .social-links .ib::before { display: none } .footer-container .social-links .ib:hover { -webkit-transform: scale(1.2) rotate(185deg); -moz-transform: scale(1.2) rotate(185deg); -ms-transform: scale(1.2) rotate(185deg); -o-transform: scale(1.2) rotate(185deg); transform: scale(1.2) rotate(185deg); background-color: transparent !important } .footer-container .ow_customer_service .block-content > div { text-align: initial; line-height: 1.8 } .social-links.ib-wrapper--square img { height: 28px; margin-right: 3px; margin-bottom: 0 } .footer-bottom-container { background-color: #231f20 } .footer-bottom-container * { font-size: 12px; letter-spacing: 1px; font-family: "Aileron-Light" } .fluid-newsletter-wrapper { border-bottom: 1px solid #ec1d24; border-top: 1px solid #ec1d24; padding: 40px 0 } .fluid-newsletter-wrapper #newsletter { background-color: transparent; border: 1px solid #9b9b9b; color: #9b9b9b; width: 350px; font-size: 16px; padding: 17px 20px; height: auto } .fluid-newsletter-wrapper .button { background: #ec1d24; padding: 9px 48px; margin: 0 0 0 10px } .fluid-newsletter-wrapper .button span { text-transform: uppercase } .fluid-newsletter-wrapper #newsletter-validate-detail { float: right } .fluid-newsletter-wrapper .grid12-6.first { padding: 16px 0; font-size: 22px; font-family: "Aileron-Light" } .fluid-newsletter-wrapper #subscribe-form .validation-advice { padding: 5px; top: 120%; left: 0; background: transparent; border: 1px solid #ec1d24; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; backface-visibility: hidden } #scroll-to-top { bottom: 75px } pre { font-family: monospace; font-size: 12px; background: #333; padding: 15px; margin: 20px auto } pre pre { background: transparent; padding: 0; margin: 0 } pre small, pre font { font-family: inherit } #shopping-cart-table tbody { border: 1px solid #959595 } #shopping-cart-table tbody .even { background-color: transparent } #shopping-cart-table tbody .product-name { font-size: 17px; font-family: Aileron-Regular; margin-bottom: 0 } #shopping-cart-table tbody td { vertical-align: middle; border: none } #shopping-cart-table tbody td.border-right { border-right: 1px solid #959595 } #shopping-cart-table tbody td.col-unit-price, #shopping-cart-table tbody td.col-total { text-align: right } #shopping-cart-table tbody td.qty-field { text-align: left !important } #shopping-cart-table tbody td .btn-remove, #shopping-cart-table tbody td .btn-remove2 { padding-top: 8px } #shopping-cart-table tbody tr td:first-child { width: 80px; padding: 0 3px } #shopping-cart-table tbody tr { border-bottom: 1px solid #959595 } #shopping-cart-table th { text-transform: uppercase; font-weight: normal; padding-left: 0; text-align: left } #shopping-cart-table th.col-unit-price, #shopping-cart-table th.col-delete { width: 16% } #shopping-cart-table * { border-color: #959595 } #shopping-cart-table tfoot td.last { border-bottom: none } #shopping-cart-table .button { background-color: transparent; padding-left: 40px } #shopping-cart-table .btn-continue { background-repeat: no-repeat; -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s; transition: all .5s; -webkit-transition-timing-function: cubic-bezier(0.65, 0.01, 0, 1.76); -moz-transition-timing-function: cubic-bezier(0.65, 0.01, 0, 1.76); -ms-transition-timing-function: cubic-bezier(0.65, 0.01, 0, 1.76); -o-transition-timing-function: cubic-bezier(0.65, 0.01, 0, 1.76); transition-timing-function: cubic-bezier(0.65, 0.01, 0, 1.76); background-position: 0 45%; background-image: url(https://www.ekfluidworks.com/skin/frontend/ultimo/fluid/images/continue.svg) } #shopping-cart-table .btn-continue:hover { background-position: 13px 45% } #shopping-cart-table .btn-update { position: relative; padding-left: 30px } #shopping-cart-table .btn-update::before { content: ''; display: block; width: 22px; height: 22px; background: url(https://www.ekfluidworks.com/skin/frontend/ultimo/fluid/images/update.svg) center center no-repeat; position: absolute; left: 0; top: 6px; -webkit-transition-timing-function: cubic-bezier(0.65, 0.01, 0, 1.76); -moz-transition-timing-function: cubic-bezier(0.65, 0.01, 0, 1.76); -ms-transition-timing-function: cubic-bezier(0.65, 0.01, 0, 1.76); -o-transition-timing-function: cubic-bezier(0.65, 0.01, 0, 1.76); transition-timing-function: cubic-bezier(0.65, 0.01, 0, 1.76); -webkit-transition: all 1s; -moz-transition: all 1s; -ms-transition: all 1s; -o-transition: all 1s; transition: all 1s; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg) } #shopping-cart-table .btn-update:hover:before { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg) } .cart-collaterals .totals-inner { background: #161616; border: 1px solid #ec1d24 } .cart-collaterals .totals-inner tfoot { border-top: 1px solid #fff } .cart-collaterals .totals-inner tfoot td { padding: 25px 0 0 } .cart-collaterals .totals-inner tbody tr td { padding: 4px 10px } .cart-collaterals .totals-inner tbody tr td:last-child { padding-right: 0 } .cart-collaterals .totals-inner tbody tr:last-child td { padding-bottom: 20px } .cart-collaterals .totals-inner .btn-checkout { margin-bottom: 0 } .cart-collaterals .totals-inner table { max-width: 250px; margin-left: auto } .btn-proceed-checkout { line-height: 1 } .btn-proceed-checkout:hover { background: #81bc26 } .btn-proceed-checkout span { font-size: 20px } .firecheckout-index-index .ow-main, .checkout-cart-index .ow-main { background-image: linear-gradient(110deg, #000 0%, #404040 100%) } .firecheckout-index-index div.checkout-title h1, .checkout-cart-index div.checkout-title h1 { color: #fff } .firecheckout-index-index .firecheckout-section { background-color: rgba(0, 0, 0, 0.2); background-image: none; border: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0 } .firecheckout-index-index .firecheckout-section .block-title { background-image: none; background-color: rgba(255, 255, 255, 0.5); padding: 7px 10px; border-bottom: none; height: auto; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0 } .firecheckout-index-index .firecheckout-section .block-title .num { border: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; padding: 3px 8px; background-color: #ec1d24; color: #fff } .firecheckout-index-index .firecheckout-section .validation-advice { position: relative; top: 5px; left: 3px } .firecheckout-index-index .firecheckout-section .ow_estimate_delivery_date { font-size: 13px; color: #ec1d24; font-style: italic; line-height: 1.2 } .firecheckout-index-index .firecheckout-section .sp-methods span.price { font-size: inherit } .firecheckout-index-index .firecheckout-section .sp-methods input, .firecheckout-index-index .firecheckout-section .sp-methods label { vertical-align: middle } .firecheckout-index-index .firecheckout-set input.input-text, .firecheckout-index-index .firecheckout-set select, .firecheckout-index-index .firecheckout-set textarea { border: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; background: #242323; color: #fff; padding: 11px 15px 9px; border: 1px solid #606060; } .firecheckout-index-index .firecheckout-set input.input-text.validation-failed, .firecheckout-index-index .firecheckout-set select.validation-failed, .firecheckout-index-index .firecheckout-set textarea.validation-failed { color: #000 } .firecheckout-index-index .firecheckout-set label { font-size: 14px; font-weight: normal } .firecheckout-index-index .qty-wrapper { margin-top: 3px } .firecheckout-index-index .qty-wrapper .qty { position: relative; top: -6px } #checkout-shipping-method-load dt, #co-shipping-method-form dt { display: none } #checkout-additional li#ow_checkout_tm_field4 { display: none } div#firecheckout-spinner { background: #fff url(https://www.ekfluidworks.com/skin/frontend/ultimo/fluid/images/loading_black.svg) no-repeat 50% 20px } #checkout-review-table * { border: none } #checkout-review-table td, #checkout-review-table th { font-size: 15px } #checkout-review-table .odd { background-color: rgba(255, 255, 255, 0.1) } #checkout-review-table .even { background-color: rgba(255, 255, 255, 0.16) } .ow_switch_text { font-size: 12px } .ow_switch_text a { font-size: inherit; color: #ec1d24 } .ow_switch_text .ic-info { display: none } #checkout-review-submit .btn-checkout { line-height: 1; display: block; margin-left: auto; padding: 14px 25px } div.firecheckout-set .sp-methods .checkmo-list label { width: auto } #review-please-wait { display: block; float: none; text-align: center } .please-wait img { margin-bottom: 6px; width: 20px; margin-right: 5px } #order-comment { resize: vertical } input#coupon-code { width: 150px; margin: 0 } #coupon-apply { line-height: 1; height: 35px } #coupon-apply span { font-size: 13px } .customer-account-create .ow-main, .customer-account-login .ow-main, .customer-account .ow-main, .customer-account-index .ow-main { /*background-image: linear-gradient(295deg, #3a3a3a 0%, #000 100%)*/ } .customer-account-create .form-list label, .customer-account-login .form-list label, .customer-account .form-list label, .customer-account-index .form-list label { font-weight: normal } .customer-account-create .form-list input.input-text, .customer-account-create .form-list select, .customer-account-create .form-list textarea, .customer-account-login .form-list input.input-text, .customer-account-login .form-list select, .customer-account-login .form-list textarea, .customer-account .form-list input.input-text, .customer-account .form-list select, .customer-account .form-list textarea, .customer-account-index .form-list input.input-text, .customer-account-index .form-list select, .customer-account-index .form-list textarea { background-color: transparent; border: 1px solid #fff; color: #fff } .customer-account-create .form-list input.input-text.validation-failed, .customer-account-create .form-list select.validation-failed, .customer-account-create .form-list textarea.validation-failed, .customer-account-login .form-list input.input-text.validation-failed, .customer-account-login .form-list select.validation-failed, .customer-account-login .form-list textarea.validation-failed, .customer-account .form-list input.input-text.validation-failed, .customer-account .form-list select.validation-failed, .customer-account .form-list textarea.validation-failed, .customer-account-index .form-list input.input-text.validation-failed, .customer-account-index .form-list select.validation-failed, .customer-account-index .form-list textarea.validation-failed { /*background-color: #5f5f5f !important*/ } .customer-account-create [type="submit"], .customer-account-login [type="submit"], .customer-account [type="submit"], .customer-account-index [type="submit"] { line-height: 1 } .customer-account-create .ow_register_text, .customer-account-login .ow_register_text, .customer-account .ow_register_text, .customer-account-index .ow_register_text { display: none } .customer-account-create h2, .customer-account-login h2, .customer-account h2, .customer-account-index h2 { font-size: 24px } .customer-account-create h3, .customer-account-login h3, .customer-account h3, .customer-account-index h3 { font-size: 20px } .customer-account-create .buttons-set, .customer-account-login .buttons-set, .customer-account .buttons-set, .customer-account-index .buttons-set { border-top: none } .customer-account-create .buttons-set .forgot-password, .customer-account-login .buttons-set .forgot-password, .customer-account .buttons-set .forgot-password, .customer-account-index .buttons-set .forgot-password { float: none !important; font-size: 15px; display: block } #login-form .content p { font-size: 18px; line-height: 1.4 } #login-form p.required { float: right; font-size: 15px } #login-form .button { margin: 10px 0; width: 260px } #login-form .input-text { width: 100%; max-width: 350px; background: transparent; border: 1px solid #fff; font-size: 15px; padding: 20px } #login-form .input-text::placeholder { color: #fff } #login-form .form-list li { margin-bottom: 16px } #login-form .ow_notice { clear: both; font-size: 13px; color: #959595; font-style: italic } #my-orders-table tr.even { background-color: rgba(0, 0, 0, 0.26) } .extrahint-wrapper .product-pricing, .addresses-list .addresses-primary .item, .order-info-box, .advanced-search-summary, .opc .gift-messages-form { background-color: #4e4e4e } .account-login h2, #opc-login h3, .fieldset .legend, .multiple-checkout .col2-set h2.legend, .info-set h2.legend { font-family: Aileron-Regular; color: #fff; text-transform: uppercase; border-bottom: none } .account-login h2 span, #opc-login h3 span, .fieldset .legend span, .multiple-checkout .col2-set h2.legend span, .info-set h2.legend span { color: #ec1d24; font-size: inherit } .cms-index-noroute .ow-main { background-image: linear-gradient(180deg, #ec1d24 -40%, #000 120%) } .cms-index-noroute .ow-main .page-title { font-size: 85px } .cms-index-noroute .ow-main .std h1, .cms-index-noroute .ow-main .std h4 { -webkit-transform: scalex(-1); -moz-transform: scalex(-1); -ms-transform: scalex(-1); -o-transform: scalex(-1); transform: scalex(-1) } .cms-index-noroute .ow-main .std h4 { margin-bottom: 1em } .cms-index-noroute .ow-main .std p { margin: 1em 0; font-size: 18px } .cms-index-noroute .ow-main .std p a { color: #ec1d24; font-size: inherit } .cms-page-view .ow-main { background-image: linear-gradient(90deg, #000 0%, #2f2f2f 100%) } .ow_support_page .ow_support_title { margin-bottom: 7% } .ow_support_page .grid12-4 .inner { background: rgba(0, 0, 0, 0.2); padding: 20px 25px; text-align: center } .ow_support_page .grid12-4 .inner img { display: block; margin: -55px auto 20px } .ow_support_page .grid12-4 .inner h2 { font-size: 24px; font-family: Aileron-Bold } .ow_support_page .grid12-4 .inner a { font-size: 16px; text-transform: none; line-height: 1 } .cms-parts .ow-main, .cms-tutorials .ow-main { background-image: url(https://www.ekfluidworks.com/skin/frontend/ultimo/fluid/images/shards-left.svg), url(https://www.ekfluidworks.com/skin/frontend/ultimo/fluid/images/shards-right-top.svg), radial-gradient(70% 75%, #ec1d24, #000); background-repeat: no-repeat; background-position: 0 20%, 100% 25%, 50% 100% } .cms-parts .ow-kit-block, .cms-tutorials .ow-kit-block { background: #000 } .cms-parts .ow-kit-block .kit-top, .cms-tutorials .ow-kit-block .kit-top { position: relative } .cms-parts .ow-kit-block .kit-top::after, .cms-tutorials .ow-kit-block .kit-top::after { content: ''; width: 100%; height: 15px; display: block; position: absolute; bottom: 0; left: 0; background-image: linear-gradient(0deg, #000 0%, transparent 100%) } .cms-parts .youtube_play, .cms-tutorials .youtube_play { color: transparent !important; width: 110px !important; height: 110px; display: block; margin: -20px auto 0 !important; background: #81bc26 url(https://www.ekfluidworks.com/skin/frontend/ultimo/fluid/images/play_large.svg) 56% 50% no-repeat; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50% } .cms-parts .std h3, .cms-tutorials .std h3 { font-size: 40px; letter-spacing: .4em } .std .section-title { color: #ed2324; } .cms-parts .std p, .cms-tutorials .std p { font-size: 31px; letter-spacing: .03em } .ow-main { position: relative; z-index: 3; background: #000 } #homepage_video { padding: 20vh 0 10vh; margin-top: 0; z-index: 10 } #homepage_video video { filter: blur(2px) grayscale(100%); z-index: -20 } #homepage_video .overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100% } #homepage_video .overlay.bw { background-color: #000000; opacity: 0.17; z-index: -15 } #homepage_video .overlay.red-gradient { background-image: linear-gradient(180deg, #e0001b 0%, #b10015 21%, #000 100%); opacity: 0.3; z-index: -10 } #homepage_video h1, #homepage_video h3, #homepage_video a, #homepage_video blockquote { font-family: "Aileron-Regular", "Roboto", Arial; text-align: center } #homepage_video h1, #homepage_video h3 { text-transform: uppercase } #homepage_video h1 { font-size: 2.81rem } #homepage_video h3 { font-size: 1.63rem; margin-bottom: 3vh } #homepage_video a { text-transform: uppercase; display: block; width: 170px; margin: 7vh auto; font-size: 1.4rem; padding: 15px 50px; background-color: #ec1d24 } #homepage_video a:hover { color: #ffffff } #homepage_video #testimonials li { display: none } #homepage_video #testimonials li:first-child { display: block } #homepage_video #testimonials .owl-item li { display: block } #homepage_video blockquote { font-size: 1.3rem; position: relative; width: 50%; margin: 0 auto; padding: 18px 0 } @media only screen and (max-width: 640px) { #homepage_video blockquote { width: 100% } } #homepage_video blockquote:before, #homepage_video blockquote:after { position: absolute; display: block; width: 30px; height: 21px; background: url(https://www.ekfluidworks.com/skin/frontend/ultimo/fluid/images/quote.svg) no-repeat center center; content: '' } #homepage_video blockquote:before { top: 0; left: 0; -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg) } #homepage_video blockquote:after { bottom: 0; right: 0 } #homepage_video .main.container { padding: 50px 0 } #homepage_video .ytvideo-container { position: fixed; width: 100%; height: 100%; top: 0; left: 0; display: -webkit-flex; display: flex; background: rgba(26, 26, 26, 0.75) } #homepage_video .ytvideo-container.hidden { display: none } #homepage_video .ytvideo-container iframe, #homepage_video .ytvideo-container object, #homepage_video .ytvideo-container embed { margin: auto; width: 1920px; height: 1080px } @media only screen and (max-width: 2000px) { #homepage_video .ytvideo-container iframe, #homepage_video .ytvideo-container object, #homepage_video .ytvideo-container embed { width: 1280px; height: 720px } } @media only screen and (max-width: 1400px) { #homepage_video .ytvideo-container iframe, #homepage_video .ytvideo-container object, #homepage_video .ytvideo-container embed { width: 853px; height: 480px } } @media only screen and (max-width: 960px) { #homepage_video .ytvideo-container iframe, #homepage_video .ytvideo-container object, #homepage_video .ytvideo-container embed { width: 640px; height: 360px } } @media only screen and (max-width: 767px) { #homepage_video .ytvideo-container iframe, #homepage_video .ytvideo-container object, #homepage_video .ytvideo-container embed { width: 480px; height: 270px } } @media only screen and (max-width: 500px) { #homepage_video .ytvideo-container iframe, #homepage_video .ytvideo-container object, #homepage_video .ytvideo-container embed { width: 360px; height: 202.5px } } @media only screen and (max-width: 400px) { #homepage_video .ytvideo-container iframe, #homepage_video .ytvideo-container object, #homepage_video .ytvideo-container embed { width: 320px; height: 180px } } #homepage_bottom { background-image: url(https://www.ekfluidworks.com/skin/frontend/ultimo/fluid/images/shards-left.svg), url(https://www.ekfluidworks.com/skin/frontend/ultimo/fluid/images/shards-right-top.svg), url(https://www.ekfluidworks.com/skin/frontend/ultimo/fluid/images/gradient.svg); background-position: 0 -50px, top right, center center; background-repeat: no-repeat, no-repeat, repeat-x; background-size: 40%, 50%, 160% } #homepage_bottom .grid12-6.centered { margin: 100px auto 0; width: 100%; } @media only screen and (min-width: 1280px) { #homepage_bottom .grid12-6.centered { margin: 100px 23% 0; max-width: 690px } } #homepage_bottom .grid12-6.centered h5 { letter-spacing: 9px; font-size: 24px; line-height: 1.7; padding-left: 17px } #homepage_bottom .grid12-6.centered h3 { font-size: 50px; letter-spacing: 37px; margin-bottom: .7em } #homepage_bottom .grid12-6.centered p { font-size: 20px; line-height: 1.34 } .grid-link, .cms-parts .ow-main .ow_section.ow_component#parts-coolants a, .cms-parts .ow-main .ow_section.ow_component#parts-fittings a, .cms-parts .ow-main .ow_section.ow_component#parts-adapters a { display: inline-block } .grid-link .image-wrapper, .cms-parts .ow-main .ow_section.ow_component#parts-coolants a .image-wrapper, .cms-parts .ow-main .ow_section.ow_component#parts-fittings a .image-wrapper, .cms-parts .ow-main .ow_section.ow_component#parts-adapters a .image-wrapper { width: 100% } .grid-link span, .cms-parts .ow-main .ow_section.ow_component#parts-coolants a span, .cms-parts .ow-main .ow_section.ow_component#parts-fittings a span, .cms-parts .ow-main .ow_section.ow_component#parts-adapters a span { display: block } .cms-parts .ow-main h3 { font-size: 40px; letter-spacing: .4em } .cms-parts .ow-main p { font-size: 31px; letter-spacing: .03em } .cms-parts .ow-main #parts-top .col-main .centered { margin-bottom: 100px } .cms-parts .ow-main #parts-top .col-main .grid12-6 { margin-bottom: 75px; text-align: center } .cms-parts .ow-main #parts-top .col-main .expansion-pack-wrapper { position: relative } .cms-parts .ow-main #parts-top .col-main .expansion-pack-wrapper:hover img { -webkit-transform: scale(1.075); -moz-transform: scale(1.075); -ms-transform: scale(1.075); -o-transform: scale(1.075); transform: scale(1.075) } .cms-parts .ow-main #parts-top .col-main .expansion-pack-wrapper .product-name { text-align: center; position: absolute; top: 0; padding: 30px 0; width: 100%; font-size: 28px; z-index: 1 } .cms-parts .ow-main #parts-top .col-main .expansion-pack-wrapper .product-name a, .cms-parts .ow-main #parts-top .col-main .expansion-pack-wrapper .product-name strong { font-size: inherit } .cms-parts .ow-main #parts-top .col-main .expansion-pack-wrapper .ow_c2a_button, .cms-parts .ow-main #parts-top .col-main .expansion-pack-wrapper .header .right-column .item #mini-cart .btn-checkout, .header .right-column .item #mini-cart .cms-parts .ow-main #parts-top .col-main .expansion-pack-wrapper .btn-checkout, .cms-parts .ow-main #parts-top .col-main .expansion-pack-wrapper .ow-kit-block .kit-bottom .widget a, .ow-kit-block .kit-bottom .widget .cms-parts .ow-main #parts-top .col-main .expansion-pack-wrapper a, .cms-parts .ow-main #parts-top .col-main .expansion-pack-wrapper .btn-proceed-checkout, .cms-parts .ow-main #parts-top .col-main .expansion-pack-wrapper #checkout-review-submit .btn-checkout, #checkout-review-submit .cms-parts .ow-main #parts-top .col-main .expansion-pack-wrapper .btn-checkout, .cms-parts .ow-main #parts-top .col-main .expansion-pack-wrapper .customer-account-create [type="submit"], .customer-account-create .cms-parts .ow-main #parts-top .col-main .expansion-pack-wrapper [type="submit"], .cms-parts .ow-main #parts-top .col-main .expansion-pack-wrapper .customer-account-login [type="submit"], .customer-account-login .cms-parts .ow-main #parts-top .col-main .expansion-pack-wrapper [type="submit"], .cms-parts .ow-main #parts-top .col-main .expansion-pack-wrapper .customer-account [type="submit"], .customer-account .cms-parts .ow-main #parts-top .col-main .expansion-pack-wrapper [type="submit"], .cms-parts .ow-main #parts-top .col-main .expansion-pack-wrapper .customer-account-index [type="submit"], .customer-account-index .cms-parts .ow-main #parts-top .col-main .expansion-pack-wrapper [type="submit"], .cms-parts .ow-main #parts-top .col-main .expansion-pack-wrapper .ow_support_page .grid12-4 .inner a, .ow_support_page .grid12-4 .inner .cms-parts .ow-main #parts-top .col-main .expansion-pack-wrapper a, .cms-parts .ow-main #parts-top .col-main .expansion-pack-wrapper .youtube_play { font-size: 16px; width: 210px; display: block; margin: -40px auto 0; text-align: center } .cms-parts .ow-main #parts-top .col-main .expansion-pack-wrapper .image-wrapper { overflow: hidden } .cms-parts .ow-main #parts-top .col-main .expansion-pack-wrapper img { width: 100%; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s } .cms-parts .ow-main .ow_section.ow_component { padding-bottom: 0 } .cms-parts .ow-main .ow_section.ow_component:not(#parts-blocks) .main.container { padding: 120px 0 130px; border-bottom: 1px solid #ec1d24; } .cms-parts .ow-main .ow_section.ow_component#parts-blocks .main.container { border-bottom: 1px solid #ec1d24; } .cms-parts .ow-main .ow_section.ow_component img { -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s } .cms-parts .ow-main .ow_section.ow_component img:hover { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1) } .cms-parts .ow-main .ow_section.ow_component.padding-top { padding-top: 0 } .cms-parts .ow-main .ow_section.ow_component#parts-coolants { background-image: radial-gradient(circle 665px at 50% 50%, #5d5757 0%, #000 100%) } .cms-parts .ow-main .ow_section.ow_component#parts-coolants .ow_coolants_row { display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; -webkit-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; flex-wrap: wrap } .cms-parts .ow-main .ow_section.ow_component#parts-coolants .ow_coolants_row.ow_first { margin-top: 90px; margin-bottom: 70px } .cms-parts .ow-main .ow_section.ow_component#parts-coolants .ow_coolants_row.ow_first .image-wrapper { height: 203px } .cms-parts .ow-main .ow_section.ow_component#parts-coolants .ow_coolants_row.ow_first .image-wrapper img { margin-top: 24px } .cms-parts .ow-main .ow_section.ow_component#parts-coolants .ow_coolants_row.ow_last { margin-top: 70px } .cms-parts .ow-main .ow_section.ow_component#parts-coolants .ow_coolants_row.ow_last .image-wrapper { height: 306px } .cms-parts .ow-main .ow_section.ow_component#parts-coolants .ow_coolants_row.ow_last .image-wrapper img { margin-top: 19px } .cms-parts .ow-main .ow_section.ow_component#parts-coolants .ow_separator { width: 80%; height: 2px; margin: 0 auto; background: #0f2745; background: -moz-linear-gradient(left, #0f2745 0%, #3f6643 25%, #797e37 50%, #602427 75%, #818080 100%); background: -webkit-linear-gradient(left, #0f2745 0%, #3f6643 25%, #797e37 50%, #602427 75%, #818080 100%); background: linear-gradient(to right, #0f2745 0%, #3f6643 25%, #797e37 50%, #602427 75%, #818080 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0f2745', endColorstr='#818080', GradientType=1) } .cms-parts .ow-main .ow_section.ow_component#parts-coolants a { width: 19.5% } .cms-parts .ow-main .ow_section.ow_component#parts-fittings { background-image: radial-gradient(circle 320px at 50% 50%, #5d5757 0%, #000 100%) } .cms-parts .ow-main .ow_section.ow_component#parts-fittings .ow_fittings_row { display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; -webkit-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; flex-wrap: wrap; margin-top: 90px } .cms-parts .ow-main .ow_section.ow_component#parts-fittings .ow_fittings_row .image-wrapper { height: 161px; display: -webkit-flex; display: flex; position: relative; } .cms-parts .ow-main .ow_section.ow_component#parts-fittings .ow_fittings_row .image-wrapper img { width: 75%; margin: auto } .cms-parts .ow-main .ow_section.ow_component#parts-fittings a { width: 14% } .cms-parts .ow-main .ow_section.ow_component#parts-adapters { background-image: radial-gradient(circle 320px at 50% 50%, #5d5757 0%, #000 100%) } .cms-parts .ow-main .ow_section.ow_component#parts-adapters .ow_adapters_row { display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; -webkit-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; flex-wrap: wrap; margin-top: 90px } .cms-parts .ow-main .ow_section.ow_component#parts-adapters .ow_adapters_row .image-wrapper { height: 250px; display: -webkit-flex; display: flex } .cms-parts .ow-main .ow_section.ow_component#parts-adapters .ow_adapters_row .image-wrapper img { width: 75%; margin: auto } .cms-parts .ow-main .ow_section.ow_component#parts-blocks { background-image: radial-gradient(circle 449px at 50% 50%, #5d5757 0%, #000 100%) } .cms-parts .ow-main .ow_section.ow_component#parts-blocks .ow_blocks_row { display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; -webkit-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; flex-wrap: wrap; margin-top: 100px } .cms-parts .ow-main .ow_section.ow_component#parts-blocks .ow_blocks_row .image-wrapper { height: auto; display: -webkit-flex; display: flex } .cms-parts .ow-main .ow_section.ow_component#parts-blocks .ow_blocks_row .image-wrapper img { width: 75%; margin: auto } .cms-parts .ow-main .ow_section.ow_component#parts-blocks h4.product-name { margin-bottom: 20px } .cms-parts .ow-main .ow_section.ow_component#parts-blocks h4.product-name a { font-size: 28px } .cms-parts .ow-main .ow_section.ow_component#parts-blocks .product-link-wrapper .ow_c2a_button, .cms-parts .ow-main .ow_section.ow_component#parts-blocks .product-link-wrapper .header .right-column .item #mini-cart .btn-checkout, .header .right-column .item #mini-cart .cms-parts .ow-main .ow_section.ow_component#parts-blocks .product-link-wrapper .btn-checkout, .cms-parts .ow-main .ow_section.ow_component#parts-blocks .product-link-wrapper .ow-kit-block .kit-bottom .widget a, .ow-kit-block .kit-bottom .widget .cms-parts .ow-main .ow_section.ow_component#parts-blocks .product-link-wrapper a, .cms-parts .ow-main .ow_section.ow_component#parts-blocks .product-link-wrapper .btn-proceed-checkout, .cms-parts .ow-main .ow_section.ow_component#parts-blocks .product-link-wrapper #checkout-review-submit .btn-checkout, #checkout-review-submit .cms-parts .ow-main .ow_section.ow_component#parts-blocks .product-link-wrapper .btn-checkout, .cms-parts .ow-main .ow_section.ow_component#parts-blocks .product-link-wrapper .customer-account-create [type="submit"], .customer-account-create .cms-parts .ow-main .ow_section.ow_component#parts-blocks .product-link-wrapper [type="submit"], .cms-parts .ow-main .ow_section.ow_component#parts-blocks .product-link-wrapper .customer-account-login [type="submit"], .customer-account-login .cms-parts .ow-main .ow_section.ow_component#parts-blocks .product-link-wrapper [type="submit"], .cms-parts .ow-main .ow_section.ow_component#parts-blocks .product-link-wrapper .customer-account [type="submit"], .customer-account .cms-parts .ow-main .ow_section.ow_component#parts-blocks .product-link-wrapper [type="submit"], .cms-parts .ow-main .ow_section.ow_component#parts-blocks .product-link-wrapper .customer-account-index [type="submit"], .customer-account-index .cms-parts .ow-main .ow_section.ow_component#parts-blocks .product-link-wrapper [type="submit"], .cms-parts .ow-main .ow_section.ow_component#parts-blocks .product-link-wrapper .ow_support_page .grid12-4 .inner a, .ow_support_page .grid12-4 .inner .cms-parts .ow-main .ow_section.ow_component#parts-blocks .product-link-wrapper a, .cms-parts .ow-main .ow_section.ow_component#parts-blocks .product-link-wrapper .youtube_play { font-size: 16px; width: 210px; margin: 0 } .cms-parts .ow-main .ow_section.ow_component#parts-pumps { background-image: radial-gradient(circle 338px at 50% 50%, #5d5757 0%, #000 100%) } .cms-parts .ow-main .ow_section.ow_component#parts-pumps .ow_pumps_row { display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; -webkit-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; flex-wrap: wrap; margin-top: 100px } .cms-parts .ow-main .ow_section.ow_component#parts-pumps .ow_pumps_row .image-wrapper { height: 330px; margin-bottom: 20px; display: -webkit-flex; display: flex } .cms-parts .ow-main .ow_section.ow_component#parts-pumps .ow_pumps_row .image-wrapper > a { display: inline-block; margin: auto } .cms-parts .ow-main .ow_section.ow_component#parts-pumps .ow_pumps_row .image-wrapper img { height: 100%; margin: auto } .cms-parts .ow-main .ow_section.ow_component#parts-pumps h4.product-name a { font-size: 20px } .cms-parts .ow-main .ow_section.ow_component#parts-terminal { background-image: radial-gradient(circle 414px at 50% 50%, #5d5757 0%, #000 100%) } .cms-parts .ow-main .ow_section.ow_component#parts-terminal .ow_terminal_row { display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; -webkit-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; flex-wrap: wrap; margin-top: 50px } .cms-parts .ow-main .ow_section.ow_component#parts-terminal .ow_terminal_row .image-wrapper { height: 330px; margin-bottom: 20px; display: -webkit-flex; display: flex } .cms-parts .ow-main .ow_section.ow_component#parts-terminal .ow_terminal_row .image-wrapper > a { display: inline-block; margin: auto } .cms-parts .ow-main .ow_section.ow_component#parts-terminal .ow_terminal_row .image-wrapper img { height: 100%; margin: auto } .cms-parts .ow-main .ow_section.ow_component#parts-terminal h4.product-name a { font-size: 28px; text-transform: uppercase } .cms-parts .ow-main .ow_section.ow_component#parts-terminal .product-link-wrapper { text-align: center } .cms-parts .ow-main .ow_section.ow_component#parts-terminal .product-link-wrapper .ow_c2a_button, .cms-parts .ow-main .ow_section.ow_component#parts-terminal .product-link-wrapper .header .right-column .item #mini-cart .btn-checkout, .header .right-column .item #mini-cart .cms-parts .ow-main .ow_section.ow_component#parts-terminal .product-link-wrapper .btn-checkout, .cms-parts .ow-main .ow_section.ow_component#parts-terminal .product-link-wrapper .ow-kit-block .kit-bottom .widget a, .ow-kit-block .kit-bottom .widget .cms-parts .ow-main .ow_section.ow_component#parts-terminal .product-link-wrapper a, .cms-parts .ow-main .ow_section.ow_component#parts-terminal .product-link-wrapper .btn-proceed-checkout, .cms-parts .ow-main .ow_section.ow_component#parts-terminal .product-link-wrapper #checkout-review-submit .btn-checkout, #checkout-review-submit .cms-parts .ow-main .ow_section.ow_component#parts-terminal .product-link-wrapper .btn-checkout, .cms-parts .ow-main .ow_section.ow_component#parts-terminal .product-link-wrapper .customer-account-create [type="submit"], .customer-account-create .cms-parts .ow-main .ow_section.ow_component#parts-terminal .product-link-wrapper [type="submit"], .cms-parts .ow-main .ow_section.ow_component#parts-terminal .product-link-wrapper .customer-account-login [type="submit"], .customer-account-login .cms-parts .ow-main .ow_section.ow_component#parts-terminal .product-link-wrapper [type="submit"], .cms-parts .ow-main .ow_section.ow_component#parts-terminal .product-link-wrapper .customer-account [type="submit"], .customer-account .cms-parts .ow-main .ow_section.ow_component#parts-terminal .product-link-wrapper [type="submit"], .cms-parts .ow-main .ow_section.ow_component#parts-terminal .product-link-wrapper .customer-account-index [type="submit"], .customer-account-index .cms-parts .ow-main .ow_section.ow_component#parts-terminal .product-link-wrapper [type="submit"], .cms-parts .ow-main .ow_section.ow_component#parts-terminal .product-link-wrapper .ow_support_page .grid12-4 .inner a, .ow_support_page .grid12-4 .inner .cms-parts .ow-main .ow_section.ow_component#parts-terminal .product-link-wrapper a, .cms-parts .ow-main .ow_section.ow_component#parts-terminal .product-link-wrapper .youtube_play { margin: 0; font-size: 18px; width: 85%; text-align: center; padding: 16px; max-width: 260px } .cms-parts .ow-main .ow_section.ow_component img { -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s } .cms-parts .ow-main .ow_section.ow_component img:hover { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1) } .cms-parts #extras { background-image: url(https://www.ekfluidworks.com/skin/frontend/ultimo/fluid/images/wlc_shards_left.svg), url(https://www.ekfluidworks.com/skin/frontend/ultimo/fluid/images/wlc_shards_right.svg), linear-gradient(180deg, #300006 0%, #bb001c 100%); background-position: bottom left, bottom right, center center; background-repeat: no-repeat } .cms-parts #extras .extras-collection { margin-top: 80px } .cms-parts #extras .item { position: relative } .cms-parts #extras .item .product-name { position: absolute; top: 0; width: 100%; text-align: center; padding: 22px 20px; text-transform: uppercase; font-size: 25px; line-height: 1.2; z-index: 1 } .cms-parts #extras .item .product-name a { font-size: inherit; line-height: inherit } .cms-parts #extras .item .image-wrapper { overflow: hidden } .cms-parts #extras .item .image-wrapper img { width: 100% } .cms-parts #extras .item .product-link-wrapper { text-align: center } .cms-parts #extras .item .product-link-wrapper .ow_c2a_button, .cms-parts #extras .header .right-column .item .product-link-wrapper #mini-cart .btn-checkout, .header .right-column .cms-parts #extras .item .product-link-wrapper #mini-cart .btn-checkout, .cms-parts #extras .header .right-column .item #mini-cart .product-link-wrapper .btn-checkout, .header .right-column .cms-parts #extras .item #mini-cart .product-link-wrapper .btn-checkout, .cms-parts #extras .item .product-link-wrapper .ow-kit-block .kit-bottom .widget a, .ow-kit-block .kit-bottom .widget .cms-parts #extras .item .product-link-wrapper a, .cms-parts #extras .item .product-link-wrapper .btn-proceed-checkout, .cms-parts #extras .item .product-link-wrapper #checkout-review-submit .btn-checkout, #checkout-review-submit .cms-parts #extras .item .product-link-wrapper .btn-checkout, .cms-parts #extras .item .product-link-wrapper .customer-account-create [type="submit"], .customer-account-create .cms-parts #extras .item .product-link-wrapper [type="submit"], .cms-parts #extras .item .product-link-wrapper .customer-account-login [type="submit"], .customer-account-login .cms-parts #extras .item .product-link-wrapper [type="submit"], .cms-parts #extras .item .product-link-wrapper .customer-account [type="submit"], .customer-account .cms-parts #extras .item .product-link-wrapper [type="submit"], .cms-parts #extras .item .product-link-wrapper .customer-account-index [type="submit"], .customer-account-index .cms-parts #extras .item .product-link-wrapper [type="submit"], .cms-parts #extras .item .product-link-wrapper .ow_support_page .grid12-4 .inner a, .ow_support_page .grid12-4 .inner .cms-parts #extras .item .product-link-wrapper a, .cms-parts #extras .item .product-link-wrapper .youtube_play { margin: 0; font-size: 18px; width: 85%; text-align: center; padding: 16px; max-width: 260px; -webkit-transform: translatey(-50%); -moz-transform: translatey(-50%); -ms-transform: translatey(-50%); -o-transform: translatey(-50%); transform: translatey(-50%) } .ow-section .section-title { line-height: 1.2 } .page.expansion-pack .kit-features-wrapper { display: none } .page.expansion-pack #alustream .grid12-6, .page.expansion-pack #vardar .grid12-6 { width: 44%; margin: 0 2.8% } .page.expansion-pack #alustream .fan, .page.expansion-pack #alustream .rad, .page.expansion-pack #vardar .fan, .page.expansion-pack #vardar .rad { width: 100% } .page.parts .product-view-main-image h1, .page.parts .product-view-main-image h3, .page.parts .ow_parts_desc h1, .page.parts .ow_parts_desc h3 { font-family: inherit; color: #ec1d24 } .page.parts .main.container { padding-bottom: 30px } .page.parts .ow_parts_desc { background-image: linear-gradient(52deg, #343739 0%, #2b2c2e 9%, #27282a 17%, #000 100%); border: none } .page.parts .ow_parts_desc p { margin-bottom: 20px } .page.parts .ow_parts_desc a { color: #ec1d24 } .page.parts .ow_parts_desc div.ow_first { padding-right: 5%; box-sizing: border-box } .page.parts .ow_parts_desc div.ow_last { padding-left: 5%; box-sizing: border-box } .page.parts .ow_parts_desc#cpu-wb-desc .main.container { padding: 60px 0 0 } .page.parts .ow_parts_desc#cpu-wb-desc .ow_first { margin-top: 50px } .page.parts .ow_parts_desc.ow_adapter_color_grey .ow_hidden_grey, .page.parts .ow_parts_desc.ow_adapter_color_black .ow_hidden_black, .page.parts .ow_parts_desc.ow_adapter_angle_45 .ow_hidden_45, .page.parts .ow_parts_desc.ow_adapter_angle_90 .ow_hidden_90 { display: none } .page.parts #cpu-wb-desc .main.container, .page.parts #gpu-wb-desc .main.container { border-top: 1px solid #ec1d24; border-bottom: 1px solid #ec1d24 } .page.parts .ow_parts_specs { background-image: radial-gradient(ellipse at 71% 50%, #4c4c4c 0%, #000 50%) } .page.parts .ow_parts_specs .main.container { border-bottom: none; padding-top: 40px } .page.parts .ow_parts_specs.ow_container_size_100 .ow_hidden_100ml, .page.parts .ow_parts_specs.ow_container_size_900 .ow_hidden_900ml { display: none } .page.parts .ow_parts_specs#aa-specs .main.container, .page.parts .ow_parts_specs#pumps-specs .main.container { min-height: inherit } .page.parts .ow_parts_specs div.alert-box { margin: 0 0 80px } .page.parts #gpu-wb-desc { background: url(https://www.ekfluidworks.com/skin/frontend/ultimo/fluid/images/gpu-bg.png) center center no-repeat, radial-gradient(ellipse at 71% 50%, #4c4c4c 0%, #000 50%); -webkit-background-size: cover; background-size: cover; overflow-x: hidden } .page.parts #gpu-wb-desc .main.container { padding-bottom: 120px } .page.parts #gpu-wb-desc .checklist-wrapper { display: inline-block; text-align: left; margin-top: 50px } .catalog-product-view .nvidia-content.red-background .nvidia-left::before, .catalog-product-view .nvidia-content.red-background .nvidia-right::before{ background: #e60033; } #pv-additional-info .grid12-6, #pv-additional-info .grid12-12, .page.parts .ow_parts_specs .grid12-6, .page.parts .ow_parts_specs .grid12-12 { vertical-align: top } #pv-additional-info .grid12-6 > strong, #pv-additional-info .grid12-12 > strong, .page.parts .ow_parts_specs .grid12-6 > strong, .page.parts .ow_parts_specs .grid12-12 > strong { margin-bottom: 15px; display: block } #pv-additional-info .grid12-6 ul li::before, #pv-additional-info .grid12-12 ul li::before, .page.parts .ow_parts_specs .grid12-6 ul li::before, .page.parts .ow_parts_specs .grid12-12 ul li::before { content: "- " } #pv-additional-info .grid12-6.ow_technical_data ul li:before, #pv-additional-info .grid12-12.ow_technical_data ul li:before, .page.parts .ow_parts_specs .grid12-6.ow_technical_data ul li:before, .page.parts .ow_parts_specs .grid12-12.ow_technical_data ul li:before { display: none } #pv-additional-info .alert-box, .page.parts .ow_parts_specs .alert-box { border: 2px solid #e9c634; padding: 23px 34px; margin: 55px 0 } #pv-additional-info .alert-box > strong, .page.parts .ow_parts_specs .alert-box > strong { color: #e9c634; text-transform: uppercase } #pv-additional-info .alert-box ul, .page.parts .ow_parts_specs .alert-box ul { list-style-type: disc; list-style-position: inside; padding-left: 15px } #pv-additional-info .seperator { width: 100%; height: 1px; background: #ec1d24; margin: 55px 0 } #pv-additional-info .box-bottom > div { display: inline-block; vertical-align: middle; margin-bottom: 50px } #pv-additional-info .box-bottom > div span { font-size: 26px; line-height: 1 } #pv-additional-info .box-bottom > div ul li { display: inline-block; vertical-align: middle; margin: 0 15px } #pv-additional-info .box-bottom > div.levo { margin-right: 25px } #pv-additional-info .main.container { border-bottom: none } .cms-parts .coming-soon { display: block; margin: auto; z-index: 2; position: relative } .coming-soon-wrapper { z-index: 2; background: #000; position: relative } .coming-soon-wrapper .text-wrapper { position: fixed; left: 0; width: 100%; top: 50vh; z-index: 3; opacity: 0; pointer-events: none; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s } .coming-soon-wrapper .text-wrapper h2 { text-align: center; font-size: 3vw; letter-spacing: .4em; color: #ec1d24 } .coming-soon-wrapper .text-wrapper.shown { opacity: 1 } .rma-view .ow_rma_blok div.fieldset { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; background-color: rgba(255, 255, 255, 0.075); background-image: none; width: 97% } .rma-view .ow_rma_blok div.fieldset .legend { font-style: normal; font-family: Aileron-regular; font-size: 14px; font-weight: bold; margin-top: 5px; padding-bottom: 0 } .rma-view .ow_rma_blok div.fieldset.user { margin-left: 0 } .rma-view .ow_rma_blok div.fieldset.user .legend { color: #8bb486 } .rma-view .ow_rma_blok div.fieldset.customer { margin-left: auto } .rma-view .ow_rma_blok div.fieldset.customer .legend { color: #99b3c6 } .rma-view .ow_rma_blok div.fieldset a { font-size: inherit } .rma-view .ow_rma_blok .rma-italic { font-family: Aileron-Light; color: #bbb } .rma-view .ow_rma_blok #attachment { font-family: Aileron-Regular } #rma-form-validate .ow_rma_select { display: inline-block; vertical-align: bottom; margin-bottom: 30px } #rma-form-validate .ow_rma_select .wide { margin-bottom: 0 } #rma-form-validate .ow_rma_select .validation-advice { position: absolute } #rma-form-validate .ow_rma_proceed { margin: 0 0 30px 20px; padding: 4px 25px; vertical-align: bottom } #rma-form-validate .ow_rma_step2 { margin-top: 35px } #rma-form-validate .ow_rma_title { margin-bottom: 15px } #rma-form-validate .ow_rma_title .ow_rma_number { color: #ec1d24; display: inline; margin-right: 18px; font-size: 22px; font-family: Goodtimes; vertical-align: bottom; line-height: 1 } #rma-form-validate .ow_rma_title h4 { display: inline; vertical-align: bottom; line-height: 1 } #rma-form-validate .ow_field { margin-right: 15px } #rma-form-validate .ow_field > span { vertical-align: middle; margin-right: 10px } #rma-form-validate .add_field_button { height: 37px } #rma-form-validate .add_field_button .ow_rma_plus { vertical-align: middle; line-height: 1.6 } #rma-form-validate .rma-items .rma-one-item .item-description #image { max-width: 150px; float: none; margin: auto; display: block; width: 100% } #rma-form-validate .rma-items .rma-one-item .item-description .ow_name { text-align: center } #rma-form-validate .rma-items .rma-one-item .item-options .grid12-6 { width: 100%; float: none; display: block; margin-left: 0 } #rma-form-validate .rma-items .rma-one-item .item-options .grid12-6 .total-qty { position: relative; left: 5px; top: 3px } #rma-form-validate .rma-items .rma-one-item .item-options .grid12-6 label { width: auto; vertical-align: middle } #rma-form-validate span.small { font-size: 13px; line-height: 1; color: #bbb } .block-reorder input.checkbox { margin: 7px 0 0 0 } .data-table tr.even { background-color: rgba(255, 255, 255, 0.08) } .ow_rma_purchase .input-box > label { float: none; display: block; font-size: 17px } .ow_rma_purchase .input-box > label > [type="radio"] { display: inline-block; margin-right: 15px; margin-bottom: 5px } .button > span { vertical-align: middle } @media only screen and (min-width: 1750px) { .page.expansion-pack .product-image-wrapper .inner { position: static } .page.expansion-pack .product-image-wrapper .inner img { position: static; -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none } } @media only screen and (max-width: 1600px) { .page.expansion-pack .product-image-wrapper .inner img { min-width: 0 } } @media only screen and (max-width: 1150px) { .cms-parts .ow-main { background-position: 0 127%, 100% 0%, 50% 100% } } @media only screen and (max-width: 1024px) { .page.expansion-pack .product-image-wrapper .inner img { position: static; margin: auto; display: block; -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none } } @media only screen and (max-width: 960px) { .cms-parts .col-main h3 { font-size: 35px } .cms-parts .col-main p { font-size: 24px } .cms-parts .col-main .expansion-pack-wrapper .product-name { font-size: 22px } .cms-parts .ow-main .ow_section.ow_component#parts-terminal .ow_terminal_row .image-wrapper img { width: 100% } } @media only screen and (max-width: 767px) { #parts-top .grid12-6 { text-align: center; margin-bottom: 30px } #pv-additional-info .box-bottom { text-align: center } #pv-additional-info .box-bottom > div ul li { margin: 15px } .cms-parts .ow-main .ow_section.ow_component#parts-coolants a { width: 32% } .cms-parts .ow-main .ow_section.ow_component#parts-fittings a { width: 26% } } @media only screen and (max-width: 460px) { .cms-parts .col-main h3 { font-size: 26px; letter-spacing: .2em } .cms-parts .col-main .product-name, .cms-parts .col-main p { font-size: 18px } .cms-parts .col-main .product-link-wrapper .ow_c2a_button, .cms-parts .col-main .product-link-wrapper .header .right-column .item #mini-cart .btn-checkout, .header .right-column .item #mini-cart .cms-parts .col-main .product-link-wrapper .btn-checkout, .cms-parts .col-main .product-link-wrapper .ow-kit-block .kit-bottom .widget a, .ow-kit-block .kit-bottom .widget .cms-parts .col-main .product-link-wrapper a, .cms-parts .col-main .product-link-wrapper .btn-proceed-checkout, .cms-parts .col-main .product-link-wrapper #checkout-review-submit .btn-checkout, #checkout-review-submit .cms-parts .col-main .product-link-wrapper .btn-checkout, .cms-parts .col-main .product-link-wrapper .customer-account-create [type="submit"], .customer-account-create .cms-parts .col-main .product-link-wrapper [type="submit"], .cms-parts .col-main .product-link-wrapper .customer-account-login [type="submit"], .customer-account-login .cms-parts .col-main .product-link-wrapper [type="submit"], .cms-parts .col-main .product-link-wrapper .customer-account [type="submit"], .customer-account .cms-parts .col-main .product-link-wrapper [type="submit"], .cms-parts .col-main .product-link-wrapper .customer-account-index [type="submit"], .customer-account-index .cms-parts .col-main .product-link-wrapper [type="submit"], .cms-parts .col-main .product-link-wrapper .ow_support_page .grid12-4 .inner a, .ow_support_page .grid12-4 .inner .cms-parts .col-main .product-link-wrapper a, .cms-parts .col-main .product-link-wrapper .youtube_play { max-width: 65% } .cms-parts .ow-main .ow_section.ow_component#parts-coolants a, .cms-parts .ow-main .ow_section.ow_component#parts-fittings a { width: 49% } } .footer-wrapper { position: fixed; z-index: 1; bottom: 0; left: 0; right: 0 } .customer-account-logoutsuccess .footer-wrapper, .cms-index-noroute .footer-wrapper, .checkout-onepage-success .footer-wrapper, .cms-support .footer-wrapper, .customer-account-login .footer-wrapper, .checkouttester-index-success .footer-wrapper, .cms-tutorials .footer-wrapper { position: static } .customer-account-logoutsuccess .page-spacer, .cms-index-noroute .page-spacer, .checkout-onepage-success .page-spacer, .cms-support .page-spacer, .customer-account-login .page-spacer, .checkouttester-index-success .page-spacer, .cms-tutorials .page-spacer { display: none } .header-mobile .skip-link { background-color: rgba(0, 0, 0, 0.75) } .header-mobile .logo--mobile img { width: 190px } @media only screen and (max-width: 1610px) { #launcher.zEWidget-launcher { bottom: 55px !important } #scroll-to-top { bottom: 125px } } @media only screen and (max-width: 1350px) { .ow_custom_top_menu .links li { padding: 0 } /*#top .header-primary .hp-blocks-holder .central-column{width:65%}*/ #top .header-primary .hp-blocks-holder .right-column { width: 20% } #top .header-primary .hp-blocks-holder .left-column { width: 15% } #wlc-section-5 { -webkit-background-size: 70%, cover; background-size: 70%, cover } .cms-tutorials .ow-main { background-size: 50%, 50%, cover } } @media only screen and (min-width: 1025px) and (max-width: 1280px) { .kit-features-wrapper .kits-features { width: 290px } .kit-features-wrapper .kits-features.geforce-gtx { width: 65px } } @media only screen and (max-width: 1280px) { .ow-kit-block .kit-middle { padding: 20px 15px 45px } .ow-kit-block .kit-bottom .ow_c2a_button, .ow-kit-block .kit-bottom .header .right-column .item #mini-cart .btn-checkout, .header .right-column .item #mini-cart .ow-kit-block .kit-bottom .btn-checkout, .ow-kit-block .kit-bottom .widget a, .ow-kit-block .kit-bottom .btn-proceed-checkout, .ow-kit-block .kit-bottom #checkout-review-submit .btn-checkout, #checkout-review-submit .ow-kit-block .kit-bottom .btn-checkout, .ow-kit-block .kit-bottom .customer-account-create [type="submit"], .customer-account-create .ow-kit-block .kit-bottom [type="submit"], .ow-kit-block .kit-bottom .customer-account-login [type="submit"], .customer-account-login .ow-kit-block .kit-bottom [type="submit"], .ow-kit-block .kit-bottom .customer-account [type="submit"], .customer-account .ow-kit-block .kit-bottom [type="submit"], .ow-kit-block .kit-bottom .customer-account-index [type="submit"], .customer-account-index .ow-kit-block .kit-bottom [type="submit"], .ow-kit-block .kit-bottom .ow_support_page .grid12-4 .inner a, .ow_support_page .grid12-4 .inner .ow-kit-block .kit-bottom a, .ow-kit-block .kit-bottom .cms-parts .youtube_play, .cms-parts .ow-kit-block .kit-bottom .youtube_play, .ow-kit-block .kit-bottom .cms-tutorials .youtube_play, .cms-tutorials .ow-kit-block .kit-bottom .youtube_play, .ow-kit-block .kit-bottom .ow_button, .ow-kit-block .kit-bottom .ow_custom_top_menu > .links > li, .ow-kit-block .kit-bottom .header .right-column .item #mini-cart .button:not(.btn-checkout), .header .right-column .item #mini-cart .ow-kit-block .kit-bottom .button:not(.btn-checkout) { width: 150px } #subscribe-form form { width: 100% } #subscribe-form .input-box { width: 65%; margin: 0 } #subscribe-form .input-box #newsletter { width: 100% } #subscribe-form button { width: 32%; padding: 9px; margin-left: 2% } .cyo-index-index div.ow-product-view-top h2 { font-size: 42px; letter-spacing: 20px } .cyo-index-index div.ow-product-view-top h4 { font-size: 22px; letter-spacing: 15px } .hotspot-wrapper .bullet-tooltip.wrap[data-dir-x="r"] { -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%) } .nvidia-content .nvidia-left, .nvidia-content .nvidia-right { margin-top: 9vw } } @media only screen and (min-width: 1025px) and (max-width: 1280px) { .kit-features-wrapper .kits-features { width: 290px } .kit-features-wrapper .kits-features.geforce-gtx { width: 65px } } @media only screen and (max-width: 1100px) { #wlc-section-5 .grid12-5 { width: 100%; float: none; padding: 0 0 30%; display: block } .options-wrapper .option { width: 22%; margin-right: 3% } .options-wrapper .option:nth-child(5n) { margin-right: 3% } .nvidia-content .nvidia-left, .nvidia-content .nvidia-right { margin-top: 0 } } @media only screen and (max-width: 1024px) { #currency-switcher-wrapper-regular { margin-top: 8px } .page { overflow-x: hidden } .ow_custom_top_menu .links { background-color: #161616; width: 50%; float: none } .ow_custom_top_menu .links .has-submenu::before, .ow_custom_top_menu .links .has-submenu::after { display: none } .ow_custom_top_menu .links .has-submenu .links { display: block !important; position: static; background: transparent; width: 100%; padding-left: 30px; margin-bottom: 20px } .ow_custom_top_menu .links .has-submenu .links li a { font-size: 13px } .header-mobile .skip-links--4 .skip-link { width: 33% } .header-mobile .skip-links--4 .skip-search { display: none } #top .header-primary .hp-blocks-holder .central-column { margin: 0; width: 100% } #top .header-primary .hp-blocks-holder .right-column { width: 100%; margin: 0 } #top .header-primary .hp-blocks-holder .right-column .item { width: 33%; float: none; margin-left: 33% } #top .header-primary .hp-blocks-holder .right-column #header-account { padding: 0 } #top .header-primary .hp-blocks-holder .right-column #header-account .links li { padding: 0 } #top .header-primary .hp-blocks-holder .right-column #header-account .links li > a { font-size: 16px; text-transform: uppercase; padding: 0 25px } #top .header-primary .hp-blocks-holder .right-column #header-account .links li::after { display: none } .header-primary-container { padding: 0 } div#wlc-section-3 .wlc-graph-image-wrapper img { width: 70% } div#wlc-section-3 .graph-wrapper { margin-bottom: 20px } .button-graph { padding: 12px 35px } .cms-parts #extras .item .product-name { font-size: 19px } .cms-parts #extras .item .image-wrapper { text-align: center } } @media only screen and (max-width: 1000px) { div#homepage_top { background-position: center right } div#homepage_top .main.container .homepage_top_content > .inner { margin: 0 auto 80px; text-align: center } div#homepage_top .main.container .homepage_top_content > .inner h3 { padding-left: 13px } .collapsible .block-content { margin-bottom: 40px } } @media only screen and (max-width: 980px) { #wlc-section-2 .section-title { padding-right: 70px; -webkit-background-size: 60px; background-size: 60px } .section-title { font-size: 36px } div#why-liquid-top { background-size: 90%, 47%, cover; -webkit-background-size: 90%, 47%, cover; background-position: left bottom, 200% center, center bottom } div#why-liquid-top .centered { width: 100% } div#why-liquid-top .centered h5 { font-size: 20px; letter-spacing: 10px } div#why-liquid-top .centered h3 { font-size: 39px; letter-spacing: 10px } } @media only screen and (max-width: 898px) { div#wlc-section-3 .grid12-5, div#wlc-section-3 .grid12-7 { width: 100%; float: none; margin: auto } div#wlc-section-3 .slick-slider { max-width: 500px; width: 100% !important; margin-bottom: 40px } div#wlc-section-3 .wlc-graph-image-wrapper { display: block; min-height: 300px } div#wlc-section-3 .wlc-graph-image-wrapper img { width: 100% } .new-fgpcs-page #wlc-section-3 .wlc-graph-image-wrapper { height: inherit; min-height: inherit; } .new-fgpcs-page #wlc-section-3 .wlc-graph-image-wrapper img { max-width: inherit; width: 100%; } div#wlc-section-3 .graph-button-wrapper { float: none; text-align: center; margin-top: 20px !important; } #wlc-section-5 { box-shadow: inset 0 0 500px 500px rgba(0, 0, 0, 0.5); background-size: 105%, cover } div.nvidia-left::before { background-size: 220px } } @media only screen and (min-width: 768px) { .footer .mobile-collapsible .block-title { cursor: default } } @media only screen and (max-width: 767px) { .fluid-newsletter-wrapper .grid12-6 { text-align: center } .fluid-newsletter-wrapper .grid12-6 #subscribe-form { display: block } .footer-wrapper { position: static } .page-spacer { display: none } .ow-kit-block .kit-bottom .ow_c2a_button, .ow-kit-block .kit-bottom .header .right-column .item #mini-cart .btn-checkout, .header .right-column .item #mini-cart .ow-kit-block .kit-bottom .btn-checkout, .ow-kit-block .kit-bottom .widget a, .ow-kit-block .kit-bottom .btn-proceed-checkout, .ow-kit-block .kit-bottom #checkout-review-submit .btn-checkout, #checkout-review-submit .ow-kit-block .kit-bottom .btn-checkout, .ow-kit-block .kit-bottom .customer-account-create [type="submit"], .customer-account-create .ow-kit-block .kit-bottom [type="submit"], .ow-kit-block .kit-bottom .customer-account-login [type="submit"], .customer-account-login .ow-kit-block .kit-bottom [type="submit"], .ow-kit-block .kit-bottom .customer-account [type="submit"], .customer-account .ow-kit-block .kit-bottom [type="submit"], .ow-kit-block .kit-bottom .customer-account-index [type="submit"], .customer-account-index .ow-kit-block .kit-bottom [type="submit"], .ow-kit-block .kit-bottom .ow_support_page .grid12-4 .inner a, .ow_support_page .grid12-4 .inner .ow-kit-block .kit-bottom a, .ow-kit-block .kit-bottom .cms-parts .youtube_play, .cms-parts .ow-kit-block .kit-bottom .youtube_play, .ow-kit-block .kit-bottom .cms-tutorials .youtube_play, .cms-tutorials .ow-kit-block .kit-bottom .youtube_play, .ow-kit-block .kit-bottom .ow_button, .ow-kit-block .kit-bottom .ow_custom_top_menu > .links > li, .ow-kit-block .kit-bottom .header .right-column .item #mini-cart .button:not(.btn-checkout), .header .right-column .item #mini-cart .ow-kit-block .kit-bottom .button:not(.btn-checkout) { width: 70% } div#homepage_bottom { background-position: 0 -70px, 100% 103%, center center; -webkit-background-size: 95%, 100%, cover; background-size: 95%, 100%, cover } div#homepage_bottom .grid12-6.centered h3 { font-size: 40px; letter-spacing: .7em } .hotspot-wrapper .bullet-tooltip[data-dir-x="l"] { -webkit-transform: translateX(-45%); -moz-transform: translateX(-45%); -ms-transform: translateX(-45%); -o-transform: translateX(-45%); transform: translateX(-45%) } .hotspot-wrapper .bullet-tooltip[data-dir-x="r"] { -webkit-transform: translateX(-45%); -moz-transform: translateX(-45%); -ms-transform: translateX(-45%); -o-transform: translateX(-45%); transform: translateX(-45%) } .hotspot-wrapper .bullet-tooltip[data-dir-y="u"] { margin-top: -110px } .hotspot-wrapper .bullet-tooltip[data-dir-y="d"] { margin-top: 80px } .hotspot-wrapper .bullet-tooltip.wrap { -webkit-transform: none !important; -moz-transform: none !important; -ms-transform: none !important; -o-transform: none !important; transform: none !important; left: 0 !important; width: 100%; max-width: none; padding: 20px 25px } body.cyo-index-index .product-image img { -webkit-transform-origin: center center; -moz-transform-origin: center center; -ms-transform-origin: center center; -o-transform-origin: center center; transform-origin: center center } body.cyo-index-index .image-dimensions-tip { text-align: center; font-size: 13px; font-style: italic; color: #888; overflow: visible } body.cyo-index-index div.ow-product-view-top { -webkit-background-size: 97%, 0, cover; background-size: 97%, 0, cover } body.cyo-index-index div.ow-product-view-top h4 { font-size: 18px; letter-spacing: 12px } body.cyo-index-index div.ow-product-view-top h2 { font-size: 31px; letter-spacing: 14px } body.cyo-index-index div.ow-product-view-top .main.container { padding-top: 60px } body.cyo-index-index .main.container { padding-top: 30px } body.cyo-index-index #popup-overlay .popup-inner .content-placeholder .image-wrapper { width: 45% } body.cyo-index-index #popup-overlay .popup-inner .bottom .ow_button, body.cyo-index-index #popup-overlay .popup-inner .bottom .ow_custom_top_menu > .links > li, body.cyo-index-index #popup-overlay .popup-inner .bottom .header .right-column .item #mini-cart .button:not(.btn-checkout), .header .right-column .item #mini-cart body.cyo-index-index #popup-overlay .popup-inner .bottom .button:not(.btn-checkout), body.cyo-index-index #popup-overlay .popup-inner .bottom .ow_c2a_button, body.cyo-index-index #popup-overlay .popup-inner .bottom .header .right-column .item #mini-cart .btn-checkout, .header .right-column .item #mini-cart body.cyo-index-index #popup-overlay .popup-inner .bottom .btn-checkout, body.cyo-index-index #popup-overlay .popup-inner .bottom .ow-kit-block .kit-bottom .widget a, .ow-kit-block .kit-bottom .widget body.cyo-index-index #popup-overlay .popup-inner .bottom a, body.cyo-index-index #popup-overlay .popup-inner .bottom .btn-proceed-checkout, body.cyo-index-index #popup-overlay .popup-inner .bottom #checkout-review-submit .btn-checkout, #checkout-review-submit body.cyo-index-index #popup-overlay .popup-inner .bottom .btn-checkout, body.cyo-index-index #popup-overlay .popup-inner .bottom .customer-account-create [type="submit"], .customer-account-create body.cyo-index-index #popup-overlay .popup-inner .bottom [type="submit"], body.cyo-index-index #popup-overlay .popup-inner .bottom .customer-account-login [type="submit"], .customer-account-login body.cyo-index-index #popup-overlay .popup-inner .bottom [type="submit"], body.cyo-index-index #popup-overlay .popup-inner .bottom .customer-account [type="submit"], .customer-account body.cyo-index-index #popup-overlay .popup-inner .bottom [type="submit"], body.cyo-index-index #popup-overlay .popup-inner .bottom .customer-account-index [type="submit"], .customer-account-index body.cyo-index-index #popup-overlay .popup-inner .bottom [type="submit"], body.cyo-index-index #popup-overlay .popup-inner .bottom .ow_support_page .grid12-4 .inner a, .ow_support_page .grid12-4 .inner body.cyo-index-index #popup-overlay .popup-inner .bottom a, body.cyo-index-index #popup-overlay .popup-inner .bottom .cms-parts .youtube_play, .cms-parts body.cyo-index-index #popup-overlay .popup-inner .bottom .youtube_play, body.cyo-index-index #popup-overlay .popup-inner .bottom .cms-tutorials .youtube_play, .cms-tutorials body.cyo-index-index #popup-overlay .popup-inner .bottom .youtube_play { float: none; display: block; width: 90%; max-width: 400px; margin: 10px auto } div.ow-cyo-progress-wrapper { max-width: 550px; margin: auto } div.ow-cyo-progress-wrapper .complete .step-inner { padding-bottom: 25px; position: relative } div.ow-cyo-progress-wrapper .right .checkbox.can-remove { position: static } div.ow-cyo-progress-wrapper .right .checkbox.can-remove::after { content: attr(tooltip-mobile); font-size: 11px; top: auto; bottom: 0; left: 0; width: 100%; padding: 2px; opacity: 1; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0 } .catalog-product-view #vardar .grid12-6, .catalog-product-view #alustream .grid12-6 { margin: 0 } #shopping-cart-table tbody { display: block; margin-bottom: 20px } #shopping-cart-table tbody tr { border-bottom: none !important; margin-bottom: 0; padding: 15px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box } #shopping-cart-table tbody tr td:first-child { display: none } #shopping-cart-table tbody tr.odd { background-color: rgba(0, 0, 0, 0.4) !important } .nvidia-content .nvidia-left { height: auto; margin-bottom: 50px; padding-bottom: 70px } .nvidia-content .nvidia-left::before { height: auto } .nvidia-content .nvidia-right { margin-top: 50px } .nvidia-content .nvidia-right::before { height: auto } .nvidia-content .nvidia-right:hover { right: 0 } #pwm_badge .pwm-line { -webkit-animation: rotate3d 1s infinite linear; -o-animation: rotate3d 1s infinite linear; animation: rotate3d 1s infinite linear } .cms-tutorials .ow-main { background-size: 90%, 90%, cover; background-position: 0 15%, 100% 105%, center center } .cms-tutorials .ow-main .ow-kit-block { margin-bottom: 50px } .cms-parts div.ow-main .ow_section.ow_component#parts-adapters .ow_adapters_row .image-wrapper { height: auto; display: block } .cms-parts div.ow-main .ow_section.ow_component#parts-adapters .ow_adapters_row .image-wrapper img { width: auto } .cms-parts div.ow-main .ow_section.ow_component#parts-adapters a { display: block; margin: 30px auto } } .kit-features-wrapper .kits-features.geforce-gtx { width: 74px } .kit-features-wrapper .kits-features.geforce-gtx.radeon { width: 80px } @media only screen and (max-width: 680px) { div#homepage_top .homepage_top_content h3 { font-size: 45px; letter-spacing: .7em } div#homepage_top .homepage_top_content p { font-size: 20px } div#homepage_top .homepage_top_content .ow_c2a_button, div#homepage_top .homepage_top_content .header .right-column .item #mini-cart .btn-checkout, .header .right-column .item #mini-cart div#homepage_top .homepage_top_content .btn-checkout, div#homepage_top .homepage_top_content .ow-kit-block .kit-bottom .widget a, .ow-kit-block .kit-bottom .widget div#homepage_top .homepage_top_content a, div#homepage_top .homepage_top_content .btn-proceed-checkout, div#homepage_top .homepage_top_content #checkout-review-submit .btn-checkout, #checkout-review-submit div#homepage_top .homepage_top_content .btn-checkout, div#homepage_top .homepage_top_content .customer-account-create [type="submit"], .customer-account-create div#homepage_top .homepage_top_content [type="submit"], div#homepage_top .homepage_top_content .customer-account-login [type="submit"], .customer-account-login div#homepage_top .homepage_top_content [type="submit"], div#homepage_top .homepage_top_content .customer-account [type="submit"], .customer-account div#homepage_top .homepage_top_content [type="submit"], div#homepage_top .homepage_top_content .customer-account-index [type="submit"], .customer-account-index div#homepage_top .homepage_top_content [type="submit"], div#homepage_top .homepage_top_content .ow_support_page .grid12-4 .inner a, .ow_support_page .grid12-4 .inner div#homepage_top .homepage_top_content a, div#homepage_top .homepage_top_content .cms-parts .youtube_play, .cms-parts div#homepage_top .homepage_top_content .youtube_play, div#homepage_top .homepage_top_content .cms-tutorials .youtube_play, .cms-tutorials div#homepage_top .homepage_top_content .youtube_play { font-size: 18px } div#homepage_bottom .grid12-6.centered h3 { font-size: 35px; padding-left: 17px } div#homepage_bottom .grid12-6.centered h5 { font-size: 20px; letter-spacing: 0.45em; padding-left: 10px } div#homepage_bottom .grid12-6.centered p { font-size: 17px } .catalog-product-view #pv-box h3 { font-size: 40px; letter-spacing: .5em } .catalog-product-view #pv-box h4 { font-size: 20px; letter-spacing: .3em } } @media only screen and (max-width: 600px) { .cyo-index-index div#popup-overlay .popup-inner { padding: 25px } .cyo-index-index div#popup-overlay .popup-inner .top p { font-size: 21px } .cyo-index-index div#popup-overlay .popup-inner .top h4 { letter-spacing: 6px; font-size: 31px } .ow_custom_top_menu .links { width: 80% } .cms-tutorials .std h3 { font-size: 30px; letter-spacing: .3em } .cms-tutorials .std p { font-size: 23px } } @media only screen and (max-width: 530px) { .main-container.padding-top { padding-top: 173px } .scroll-down { bottom: 10px } div#homepage_top .homepage_top_content h3 { font-size: 35px; letter-spacing: .3em } div#homepage_top .homepage_top_content p { font-size: 18px } div#homepage_top .homepage_top_content .ow_c2a_button, div#homepage_top .homepage_top_content .header .right-column .item #mini-cart .btn-checkout, .header .right-column .item #mini-cart div#homepage_top .homepage_top_content .btn-checkout, div#homepage_top .homepage_top_content .ow-kit-block .kit-bottom .widget a, .ow-kit-block .kit-bottom .widget div#homepage_top .homepage_top_content a, div#homepage_top .homepage_top_content .btn-proceed-checkout, div#homepage_top .homepage_top_content #checkout-review-submit .btn-checkout, #checkout-review-submit div#homepage_top .homepage_top_content .btn-checkout, div#homepage_top .homepage_top_content .customer-account-create [type="submit"], .customer-account-create div#homepage_top .homepage_top_content [type="submit"], div#homepage_top .homepage_top_content .customer-account-login [type="submit"], .customer-account-login div#homepage_top .homepage_top_content [type="submit"], div#homepage_top .homepage_top_content .customer-account [type="submit"], .customer-account div#homepage_top .homepage_top_content [type="submit"], div#homepage_top .homepage_top_content .customer-account-index [type="submit"], .customer-account-index div#homepage_top .homepage_top_content [type="submit"], div#homepage_top .homepage_top_content .ow_support_page .grid12-4 .inner a, .ow_support_page .grid12-4 .inner div#homepage_top .homepage_top_content a, div#homepage_top .homepage_top_content .cms-parts .youtube_play, .cms-parts div#homepage_top .homepage_top_content .youtube_play, div#homepage_top .homepage_top_content .cms-tutorials .youtube_play, .cms-tutorials div#homepage_top .homepage_top_content .youtube_play { font-size: 18px } div#homepage_top .main.container { background: rgba(0, 0, 0, 0.5); width: 100%; padding: 20px; box-sizing: border-box } div#homepage_bottom .grid12-6.centered h3 { font-size: 30px; padding-left: 4px; letter-spacing: .3em } div#homepage_bottom .grid12-6.centered h5 { font-size: 20px; letter-spacing: .3em; padding-left: 3px } .ow_custom_top_menu .links { width: 80% } .hotspot-wrapper .bullet-tooltip { white-space: normal; max-width: 200px; min-width: 150px; box-sizing: border-box; padding: 15px; text-transform: initial } .cms-tutorials .youtube_play { width: 80px !important; height: 80px; background-size: 25px; margin-top: -7px !important } #gpu-connector-kit .gpu-connector-slider-wrapper + .container { padding: 10px } .cms-parts .ow-main #parts-top .col-main .expansion-pack-wrapper { margin-bottom: 35px } .cms-parts .ow-main #parts-top .col-main .expansion-pack-wrapper .product-name { font-size: 22px } .cms-parts .ow-main #parts-top .col-main .expansion-pack-wrapper .ow_c2a_button, .cms-parts .ow-main #parts-top .col-main .expansion-pack-wrapper .header .right-column .item #mini-cart .btn-checkout, .header .right-column .item #mini-cart .cms-parts .ow-main #parts-top .col-main .expansion-pack-wrapper .btn-checkout, .cms-parts .ow-main #parts-top .col-main .expansion-pack-wrapper .ow-kit-block .kit-bottom .widget a, .ow-kit-block .kit-bottom .widget .cms-parts .ow-main #parts-top .col-main .expansion-pack-wrapper a, .cms-parts .ow-main #parts-top .col-main .expansion-pack-wrapper .btn-proceed-checkout, .cms-parts .ow-main #parts-top .col-main .expansion-pack-wrapper #checkout-review-submit .btn-checkout, #checkout-review-submit .cms-parts .ow-main #parts-top .col-main .expansion-pack-wrapper .btn-checkout, .cms-parts .ow-main #parts-top .col-main .expansion-pack-wrapper .customer-account-create [type="submit"], .customer-account-create .cms-parts .ow-main #parts-top .col-main .expansion-pack-wrapper [type="submit"], .cms-parts .ow-main #parts-top .col-main .expansion-pack-wrapper .customer-account-login [type="submit"], .customer-account-login .cms-parts .ow-main #parts-top .col-main .expansion-pack-wrapper [type="submit"], .cms-parts .ow-main #parts-top .col-main .expansion-pack-wrapper .customer-account [type="submit"], .customer-account .cms-parts .ow-main #parts-top .col-main .expansion-pack-wrapper [type="submit"], .cms-parts .ow-main #parts-top .col-main .expansion-pack-wrapper .customer-account-index [type="submit"], .customer-account-index .cms-parts .ow-main #parts-top .col-main .expansion-pack-wrapper [type="submit"], .cms-parts .ow-main #parts-top .col-main .expansion-pack-wrapper .ow_support_page .grid12-4 .inner a, .ow_support_page .grid12-4 .inner .cms-parts .ow-main #parts-top .col-main .expansion-pack-wrapper a, .cms-parts .ow-main #parts-top .col-main .expansion-pack-wrapper .youtube_play { padding: 15px; margin: -30px auto 0 } .cms-parts .ow-main .ow_section.ow_component#parts-blocks .ow_blocks_row > div { margin: 15px 0 } .cms-parts .ow-main .ow_section.ow_component#parts-blocks .ow_blocks_row .image-wrapper { height: auto } } @media only screen and (max-width: 479px) { .container { width: 94% } #subscribe-form .input-box { display: block; width: 100%; margin-bottom: 15px; overflow: hidden } #subscribe-form .button { display: block; max-width: 80%; width: 250px; margin: auto } a.wlc-tutorials-button { text-transform: initial } div#why-liquid-top { background-size: 122%, 0, cover } div#why-liquid-top .centered h3 { font-size: 32px } .catalog-product-view #product-addtocart-button { min-width: 0; width: 100% } .catalog-product-view #acr-spc-60 .hotspot-wrapper { background-size: 60px; padding-top: 20px } .catalog-product-view #acr-spc-60 .hotspot-wrapper img { max-width: 230px } .catalog-product-view #vardar .container, .catalog-product-view #alustream .container { padding: 30px 0 } .catalog-product-view [itemprop="name"] img { height: 90px } .catalog-product-view .ow-section .section-title { font-size: 30px } } @media only screen and (max-width: 420px) { .cms-tutorials .std h3 { font-size: 26px; letter-spacing: .2em } .btn-proceed-checkout span { font-size: 18px; text-transform: none } } @media only screen and (max-width: 370px) { .scroll-down { display: none } } @media only screen and (min-width: 2500px) { body.catalog-product-view .product-view-main-image { background-position: 34vw bottom; background-size: 1700px } } @media only screen and (min-width: 1921px) { .catalog-product-view .product-view-main-image { background-position: right bottom; background-size: 80% } } @media only screen and (max-aspect-ratio: 1 / 1) { .catalog-product-view .product-view-main-image { background-position: center center; background-size: cover; -webkit-box-shadow: inset 0 0 500px 500px rgba(0, 0, 0, 0.5); -moz-box-shadow: inset 0 0 500px 500px rgba(0, 0, 0, 0.5); box-shadow: inset 0 0 500px 500px rgba(0, 0, 0, 0.5) } } #fittingsTabs .owl-carousel .item { position: relative; } span.img-badge { display: block; position: absolute; right: 0px; top: 0px; height: 35px; background: #81bc26; color: #fff; line-height: 35px; padding: 0 10px; font-size: 18px; cursor: default; } span.img-badge.big { padding: 0 30px; font-size: 20px; height: 40px; line-height: 40px; } .catalog-product-view .end_of_life { display: inherit; background: red; padding: 4px 8px; } /*Kristian Lev*/ /* CLEAR */ #fluidConfHomePage #sectionOne { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } #fluidConfHomePage .clearFixFluid:after, .clearFixFluid:after { content: "."; display: block; height: 0px; font-size: 0; clear: both; visibility: hidden; line-height: 0; } /*****************homepage**************************/ #fluidConfHomePage .col1_2 { width: 50%; float: left; } #fluidConfHomePage #sectionOne { padding-top: 180px; height: 100vh; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,222222+100 */ background: #111111; /* Old browsers */ background: -moz-radial-gradient(center, ellipse cover, #111111 0%, #000000 100%); /* FF3.6-15 */ background: -webkit-radial-gradient(center, ellipse cover, #111111 0%, #000000 100%); /* Chrome10-25,Safari5.1-6 */ background: radial-gradient(ellipse at center, #111111 0%, #000000 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#111111', endColorstr='#000000', GradientType=1); /* IE6-9 fallback on horizontal gradient */ } #fluidConfHomePage #sectionOne #sectionOneFirstImage { width: 100%; height: 100vh; background: url(https://www.ekfluidworks.com/skin/frontend/ultimo/fluid/images/fluidConf/fluidConf_mainImage.png) no-repeat center; background-size: cover; position: relative; } #fluidConfHomePage #sectionOne #headerText { padding-top: 150px; } #fluidConfHomePage #sectionOne #headerText h2 { font-size: 45px; color: #ec1d24; display: block; text-align: center; margin-bottom: 0; margin-top: 20px; text-transform: uppercase; font-weight: 100; font-family: 'Roboto', sans-serif; } #fluidConfHomePage #sectionOne #headerText p { font-size: 30px; margin-bottom: 150px; color: #fff; display: block; text-align: center; font-weight: 100; font-family: 'Roboto', sans-serif; } #fluidConfHomePage #sectionOne #sectionOneFirstImage #headerText { width: 100%; position: absolute; } #fluidConfHomePage #sectionOne #sectionOneFirstImage #headerText a { width: 280px; height: 60px; line-height: 63px; font-size: 21px; display: block; color: #fff; border: 1px solid #ec1d24; background: #ec1d24; text-align: center; text-transform: uppercase; font-weight: 300; font-family: 'Roboto', sans-serif; margin: 0 auto; -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out; -moz-transition: .3s ease-in-out; } #fluidConfHomePage #sectionOne #sectionOneFirstImage #headerText a:hover { color: #fff; border: 1px solid #fff; background: none; } /*old left page*/ #fluidConfHomePage #homepage_top .main.container { width: 100%; text-align: center; padding-top: 150px; background: url(https://www.ekfluidworks.com/skin/frontend/ultimo/fluid/images/fluidConf/newHomeImage.png) no-repeat center center; background-size: contain; } #fluidConfHomePage #homepage_top .main.container .homepage_top_content { display: block; vertical-align: inherit; } #fluidConfHomePage #homepage_top { /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,222222+100 */ background: #111111; /* Old browsers */ background: -moz-radial-gradient(center, ellipse cover, #111111 0%, #000000 100%); /* FF3.6-15 */ background: -webkit-radial-gradient(center, ellipse cover, #111111 0%, #000000 100%); /* Chrome10-25,Safari5.1-6 */ background: radial-gradient(ellipse at center, #111111 0%, #000000 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#111111', endColorstr='#000000', GradientType=1); /* IE6-9 fallback on horizontal gradient */ } #fluidConfHomePage #homepage_top .homepage_top_content, #fluidConfHomePage #homepage_top .main.container .homepage_top_content > .inner { max-width: none; width: 100%; } #fluidConfHomePage #homepage_top .homepage_top_content .bigtext h3 { font-size: 45px; color: #81bc26; letter-spacing: normal; display: block; text-align: center; margin-bottom: 0; margin-top: 20px; text-transform: uppercase; font-weight: 100; font-family: 'Roboto', sans-serif; } #fluidConfHomePage #homepage_top .homepage_top_content .bigtext p { font-size: 30px; letter-spacing: normal; margin-bottom: 88px; margin-top: 7px; color: #fff; display: block; text-align: center; font-weight: 100; font-family: 'Roboto', sans-serif; } #fluidConfHomePage #homepage_top .homepage_top_content .ow_c2a_button { background: none; border: 1px solid #81bc26; background: #81bc26; color: #fff; padding: 12px 32px; letter-spacing: normal; -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out; -moz-transition: .3s ease-in-out; } #fluidConfHomePage #homepage_top .homepage_top_content .ow_c2a_button:hover { background: none; color: #fff; border: 1px solid #fff; } #fluidConfHomePage #homepage_top .homepage_top_content .ow_c2a_button::after { background: none; transform: none; display: none; } #fluidConfHomePage .scroll-down { left: 0; } /* Iztok - landing page (home) */ .ow-kit-block.kit-a360g .kit-top { background: #000 url(https://www.ekfluidworks.com/skin/frontend/ultimo/fluid/images/a360g-badge.svg) center 35px no-repeat; } /* add search */ /*.header-regular .header-top .left-column { text-align: right; width: 50%; display: inline-block; } .header-regular .header-top .right-column { text-align: right; width: 49%; display: inline-block; } #header-search { border: 1px #ec1d24 solid; margin-top: 5px; display: none; !* remove search *! } .header-top #search_mini_form { min-width: 250px; } .header-container .form-search .search-autocomplete { background-color: #000; color: #fff; border-color: #333 !important; box-shadow: none; } .searchautocomplete .searchautocomplete-placeholder .index-title { color: #FFF; background-color: #000; } .searchautocomplete .searchautocomplete-placeholder ul li { border-width: 0 0 1px 0; border-color: #333; } .searchautocomplete .searchautocomplete-placeholder ul li:hover { background: rgba(255, 255, 255, 0.1); box-shadow: none; border-width: 0 0 1px 0; } .searchautocomplete .searchautocomplete-placeholder ul li:hover .highlight, .searchautocomplete .searchautocomplete-placeholder .index-title span { color: #FFF; } .searchindex-results li a { color: #FFF; } .searchindex-results li.active a { color: #333; } @media only screen and (max-width: 1150px) { #header-search { display: none; } }*/ /* add search */ .header-regular .header-top .left-column { text-align: right; width: 50%; display: inline-block; } .header-regular .header-top .right-column { text-align: right; width: 49%; display: inline-block; } .header-regular .header-top .right-column.full-width { width: 100%; } #header-search { border: 1px #979797 solid; margin-top: 5px; /*display: none; !* remove search *!*/ } .header-top #search_mini_form { min-width: 250px; } .header-container .form-search .search-autocomplete { background-color: #000; color: #fff; border-color: #333 !important; box-shadow: none; width: 200%; max-width: 400px; } .searchautocomplete .searchautocomplete-placeholder .index-title { color: #FFF; background-color: #000; } .searchautocomplete .searchautocomplete-placeholder ul li { border-width: 0 0 1px 0; border-color: #333; } .searchautocomplete .searchautocomplete-placeholder ul li:hover { background: rgba(255, 255, 255, 0.1); box-shadow: none; border-width: 0 0 1px 0; } .searchautocomplete .searchautocomplete-placeholder ul li:hover .highlight, .searchautocomplete .searchautocomplete-placeholder .index-title span { color: #FFF; } .searchindex-results li a { color: #FFF; } .searchindex-results li.active a { color: #333; } @media only screen and (max-width: 1150px) { /*#header-search { display: none; }*/ } @media only screen and (max-width: 1350px) { #fluidConfHomePage #sectionOne #headerText h2, #fluidConfHomePage #homepage_top .homepage_top_content .bigtext h3 { font-size: 40px; line-height: 40px; } #fluidConfHomePage #sectionOne #headerText p, #fluidConfHomePage #homepage_top .homepage_top_content .bigtext p { font-size: 25px; padding: 0 30px; } } @media only screen and (max-width: 1150px) { #fluidConfHomePage .col1_2 { width: 100%; float: none; } #fluidConfHomePage .scroll-down { left: 50%; } #fluidConfHomePage #sectionOne #sectionOneFirstImage { height: 500px; } #fluidConfHomePage #sectionOne { height: auto; } #fluidConfHomePage #homepage_top { height: 500px; } #fluidConfHomePage #sectionOne #sectionOneFirstImage { background-size: cover; background: url(https://www.ekfluidworks.com/skin/frontend/ultimo/fluid/images/fluidConf/fluidConf_mainImage.png) no-repeat center top; } #fluidConfHomePage #sectionOne #headerText p, #fluidConfHomePage #homepage_top .homepage_top_content .bigtext p { margin-bottom: 75px; } #fluidConfHomePage #sectionOne #headerText { padding-top: 130px; } #fluidConfHomePage .main-container.padding-top { padding-top: 70px; } #fluidConfHomePage #homepage_top .main.container { padding-top: 0; } } @media only screen and (max-width: 550px) { #fluidConfHomePage #sectionOne #headerText { padding-top: 75px; } #fluidConfHomePage #sectionOne #headerText h2, #fluidConfHomePage #homepage_top .homepage_top_content .bigtext h3 { font-size: 30px; line-height: 30px; } #fluidConfHomePage #sectionOne #headerText p, #fluidConfHomePage #homepage_top .homepage_top_content .bigtext p { font-size: 20px; padding: 0 30px; } } @media only screen and (min-width: 2000px) { #fluidConf #sectionOne { height: 1000px; } } .product-primary-column.end-of-life-product .expected_date_of_avail { display: none !important; } /* Mailer lite form in footer */ .fluid-newsletter-wrapper .grid12-6.first { padding: 0; } .ml-form-embedBody .grid12-6.last { float: right; margin: 0; } #mlb2-895424.ml-form-embedContainer { padding-top: 0; box-sizing: border-box; display: table; height: 100%; margin: 0 auto; position: static; width: 100% !important; } #mlb2-895424.ml-form-embedContainer h4, #mlb2-895424.ml-form-embedContainer p, #mlb2-895424.ml-form-embedContainer span, #mlb2-895424.ml-form-embedContainer button { text-transform: none !important; letter-spacing: normal !important; } #mlb2-895424.ml-form-embedContainer .ml-form-embedWrapper { box-sizing: border-box; display: inline-block !important; margin: 0; padding: 0; position: relative; } #mlb2-895424.ml-form-embedContainer .ml-form-embedWrapper.embedPopup, #mlb2-895424.ml-form-embedContainer .ml-form-embedWrapper.embedDefault { width: 100%; } #mlb2-895424.ml-form-embedContainer .ml-form-embedWrapper.embedForm { max-width: 100%; width: 100%; } #mlb2-895424.ml-form-embedContainer .ml-form-align-left { text-align: left; } #mlb2-895424.ml-form-embedContainer .ml-form-align-center { text-align: center; } #mlb2-895424.ml-form-embedContainer .ml-form-align-default { display: table-cell !important; vertical-align: middle !important; text-align: center !important; } #mlb2-895424.ml-form-embedContainer .ml-form-align-right { text-align: right; } #mlb2-895424.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedHeader img { border-top-left-radius: 0px; border-top-right-radius: 0px; height: auto; width: 100%; } #mlb2-895424.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody, #mlb2-895424.ml-form-embedContainer .ml-form-embedWrapper .ml-form-successBody { padding: 0; } #mlb2-895424.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody.ml-form-embedBodyHorizontal { padding-bottom: 0; } #mlb2-895424.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-embedContent, #mlb2-895424.ml-form-embedContainer .ml-form-embedWrapper .ml-form-successBody .ml-form-successContent { margin: 0 0 10px 0; } #mlb2-895424.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-embedContent h4, #mlb2-895424.ml-form-embedContainer .ml-form-embedWrapper .ml-form-successBody .ml-form-successContent h4 { color: #fff; font-family: aileron-light; font-size: 22px; margin: 20px 0 5px 0; text-align: left; } #mlb2-895424.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-embedContent h4 { text-align: center; } #mlb2-895424.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-embedContent p, #mlb2-895424.ml-form-embedContainer .ml-form-embedWrapper .ml-form-successBody .ml-form-successContent p { color: #dedede; font-family: aileron-light; font-size: 13px; line-height: 16px; font-weight: 400; margin: 0 0 10px 0; text-align: left; padding: 0; } #mlb2-895424.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-embedContent p { text-align: center; } .blog-banner-cont #mlb2-895424.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-embedContent p { text-align: left; } #mlb2-895424.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-embedContent p a, #mlb2-895424.ml-form-embedContainer .ml-form-embedWrapper .ml-form-successBody .ml-form-successContent p a { color: #dedede; text-decoration: underline; } #mlb2-895424.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-embedContent p:last-child, #mlb2-895424.ml-form-embedContainer .ml-form-embedWrapper .ml-form-successBody .ml-form-successContent p:last-child { margin: 0; padding: 0; } #mlb2-895424.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody form { float: right; } #mlb2-895424.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-formContent { margin: 0; } #mlb2-895424.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-checkboxRow { margin: 5px 0 0 0; } #mlb2-895424.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-formContent.horozintalForm { margin: 0; padding: 0 0 20px 0; } #mlb2-895424.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-fieldRow { margin: 0 0 10px 0; width: 100%; } #mlb2-895424.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-fieldRow.ml-last-item { margin: 0; } #mlb2-895424.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-fieldRow.ml-formfieldHorizintal { margin: 0; } #mlb2-895424.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-fieldRow input { background-color: transparent; border: 1px solid #9b9b9b; color: #9b9b9b; width: 350px; font-size: 16px; padding: 17px 20px; height: auto; box-sizing: border-box; } #mlb2-895424.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-fieldRow input::-webkit-input-placeholder { color: #9b9b9b; } #mlb2-895424.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-fieldRow input::-moz-placeholder { color: #9b9b9b; } #mlb2-895424.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-fieldRow input:-ms-input-placeholder { color: #9b9b9b; } #mlb2-895424.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-fieldRow input:-moz-placeholder { color: #9b9b9b; } #mlb2-895424.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-horizontalRow { height: 42px; } .ml-form-formContent.horozintalForm .ml-form-horizontalRow .ml-input-horizontal { width: 70%; float: left; } .ml-form-formContent.horozintalForm .ml-form-horizontalRow .ml-button-horizontal { width: 30%; float: left; } .ml-form-formContent.horozintalForm .ml-form-horizontalRow .horizontal-fields { box-sizing: border-box; float: left; padding-right: 10px; } #mlb2-895424.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-horizontalRow input { color: #333333; border-color: #cccccc; border-radius: 4px; border-style: solid; border-width: 1px; font-size: 14px; line-height: 20px; padding: 10px 10px; width: 100%; } #mlb2-895424.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-horizontalRow button { background-color: #000000; border-color: #000000; border-style: solid; border-width: 1px; border-radius: 4px; box-shadow: none; color: #ffffff !important; font-family: aileron-light; font-size: 14px !important; font-weight: 700; line-height: 20px; padding: 10px !important; width: 100%; } #mlb2-895424.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-horizontalRow button:hover { background-color: #333333; border-color: #333333; } #mlb2-895424.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-checkboxRow input[type="checkbox"] { display: inline-block; float: left; margin: 1px 0 0 0; opacity: 1; visibility: visible; appearance: checkbox; -moz-appearance: checkbox; -webkit-appearance: checkbox; height: 14px; width: 14px; margin-top: 3px; } #mlb2-895424.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-checkboxRow .label-description { color: #fff; display: block; font-family: aileron-light; font-size: 12px; text-align: left; padding-left: 20px; } #mlb2-895424.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-checkboxRow label { font-weight: normal; margin: 0; padding: 0; } #mlb2-895424.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-checkboxRow label a { color: #9b9b9b; font-size: 12px; text-decoration: underline; } #mlb2-895424.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-checkboxRow label p { color: #fff; font-family: aileron-light; font-size: 12px; line-height: 18px; margin: 0 5px 0 0; padding: 0; } #mlb2-895424.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-checkboxRow label p:first-letter { font-family: aileron-light; font-size: 12px !important; font-weight: normal !important; line-height: 18px !important; padding: 0 !important; } #mlb2-895424.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-checkboxRow label p:last-child { margin: 0; } #mlb2-895424.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-embedSubmit { margin: 0; position: absolute; top: 0; right: 0; } #mlb2-895424.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-embedSubmit button { background: #ec1d24; padding: 9px 48px; margin: 0 0 0 10px; border: none; width: 178px; box-shadow: none; color: #ffffff; font-size: 16px; text-transform: uppercase; font-family: aileron-light; line-height: 20px; height: 54px; float: left; width: auto; } .ml-subscribe-close { width: 30px; height: 30px; background: url(https://bucket.mlcdn.com/images/default/modal_close.png) no-repeat; background-size: 30px; cursor: pointer; margin-top: -10px; margin-right: -10px; position: absolute; top: 0; right: 0; } .ml-error input { background: url(https://bucket.mlcdn.com/images/default/error-icon.png) right 10px center no-repeat !important; background-size: 20px 20px !important; color: #fff !important; } .ml-error .label-description a { color: #fff !important; background: url(https://bucket.mlcdn.com/images/default/error-icon.png) right center no-repeat !important; padding-right: 20px; background-size: 15px 15px !important; } #mlb2-895424.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-checkboxRow label a:hover { text-decoration: none; } #mlb2-895424.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-fieldRow input::-moz-placeholder, #mlb2-895424.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-fieldRow input:-moz-placeholder, #mlb2-895424.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-fieldRow input:-ms-input-placeholder, #mlb2-895424.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-fieldRow input::-webkit-input-placeholder { color: #dedede !important; } #mlb2-895424 form.ml-block-form .relative { position: relative; padding-right: 190px; margin-top: 24px; } @media only screen and (max-width: 400px) { .ml-form-embedWrapper.embedDefault { width: 100% !important; } .ml-form-formContent.horozintalForm { float: left !important; } .ml-form-formContent.horozintalForm .ml-form-horizontalRow { height: auto !important; width: 100% !important; float: left !important; } .ml-form-formContent.horozintalForm .ml-form-horizontalRow .ml-input-horizontal { width: 100% !important; } .ml-form-formContent.horozintalForm .ml-form-horizontalRow .ml-input-horizontal > div { padding-right: 0px !important; padding-bottom: 10px; } .ml-form-formContent.horozintalForm .ml-button-horizontal { width: 100% !important; } } @media only screen and (max-width: 1150px) { #mlb2-895424.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody form { float: left; } #mlb2-895424.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-fieldRow input { width: 100%; } } @media only screen and (max-width: 760px) { form.ml-block-form { position: relative; } .ml-form-checkboxRow { position: absolute; bottom: 60px; width: 200px; } } /* END Mailer lite form in footer */ /*clear cart*/ #shopping-cart-table button.button.btn-empty.btn-inline { position: relative; padding-left: 30px; } #shopping-cart-table button.button.btn-empty.btn-inline::before { content: ''; display: block; width: 18px; height: 22px; background: url(https://www.ekfluidworks.com/skin/frontend/ultimo/fluid/images/empty.svg) no-repeat center center; position: absolute; left: 0; top: 7px; } #shopping-cart-table button.button.btn-empty.btn-inline:hover::before { animation: shake 0.82s cubic-bezier(.36, .07, .19, .97) both; transform: translate3d(0, 0, 0); backface-visibility: hidden; perspective: 1000px; } @keyframes shake { 10%, 90% { transform: translate3d(-1px, 0, 0); } 20%, 80% { transform: translate3d(2px, 0, 0); } 30%, 50%, 70% { transform: translate3d(-4px, 0, 0); } 40%, 60% { transform: translate3d(4px, 0, 0); } } /* My Account -> My Orders page buttons */ .my-account .order-info li, .rma-rma-order .order-info li, .my-account .order-info li a, .rma-rma-order .order-info li a { background-color: #ed1c24; color: #fff; } .my-account .order-info li:hover, .rma-rma-order .order-info li:hover, .my-account .order-info li a:hover, .rma-rma-order .order-info li a:hover, .my-account .order-info li.current, .rma-rma-order .order-info li.current { background-color: #959595; color: #fff; } /*footer new*/ .item.item-right.block_footer_payment { position: relative; display: block; padding-right: 70px; } .block_footer_payment a { width: 60px; position: absolute; right: 0; display: block; top: 0; } @media only screen and (max-width: 1150px) { .footer-bottom a { line-height: 35px; } .footer-bottom-container { max-width: 100%; padding: 0 100px; } .footer-bottom-container * { text-align: center; } .item.item-left { float: none; } .item.item-right.block_footer_payment { width: 150px; margin: 0 auto; display: block; float: none; } } @media only screen and (max-width: 600px) { .footer-bottom-container { padding: 0; } } @media only screen and (max-width: 450px) { .footer-bottom .footer-copyright span.sep { display: none; } .footer-bottom a { line-height: 35px; display: block; } } /*page table*/ table.pageTable { width: 100%; height: auto; margin: 0; padding: 0; border-collapse: collapse; border-spacing: 0; } table.pageTable thead tr th { background: #ec1d24; color: #fff; padding: 3px 5px; border-right: 1px solid #fb5157; } table.pageTable thead tr th:last-child { border-right: none; } table.pageTable tbody tr td { border: 1px solid #333; color: #fff; padding: 3px 5px; } ul.listType { list-style-type: disc; margin-left: 20px; } /*add to cart window*/ body #confirmBox h1 { background: #ed1c24; color: #fff; margin-bottom: 30px; text-shadow: none; } body #confirmBox { background: #fff; width: 500px; height: auto; border: none; } body #confirmBox p { font-weight: normal; padding: 0px; color: #000000; } body #confirmBox p a { color: red; } body #confirmBox #messageBox { margin-bottom: 15px; } body #confirmBox #confirmButtons .button { width: calc(50% - 15px); padding: 10px 0; background: #bbbbbb; text-transform: uppercase; text-shadow: none; } body #confirmBox #confirmButtons { padding: 10px 10px; } body #confirmBox #confirmButtons .button.blue { background: #81bc26; } body #confirmBox #confirmButtons .button::after { content: ""; position: absolute; top: -1000%; left: -210%; width: 200%; height: 650px; opacity: 0; transform: rotate(30deg); background: rgba(255, 255, 255, 0.13); background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 67%, rgba(255, 255, 255, 0.7) 92%, rgba(255, 255, 255, 0) 100%); } body #confirmBox #confirmButtons .button:hover:after { opacity: 1; top: -100%; left: -30%; transition-property: left, top, opacity; transition-duration: 1.2s, 1.2s, 0.15s; transition-timing-function: ease; } body #confirmBox p.product-name a { color: #000; line-height: 19px; font-size: 13px; } body #messageBox div.price-box { margin: 0; } body #messageBox div.price-box .price { color: #ed1c24; display: block; margin-bottom: 10px; } body #messageBox .block.block-related { border-bottom: 1px solid #c4c1bc; } body #messageBox .block.block-related .block-related-p { margin-top: 10px; text-transform: uppercase; color: #888888; } body #messageBox .block.block-related br { display: none; } body #messageBox .block.block-related button { background: #bbbbbb; } body #messageBox .block.block-related button:hover { background: #ed1c24; } /* PARTS FITTINGS fluid_parts_8 */ #parts-fittings-pack { background: #444444; /* Old browsers */ background: -moz-radial-gradient(center, ellipse cover, #444444 0%, #000000 100%); /* FF3.6-15 */ background: -webkit-radial-gradient(center, ellipse cover, #444444 0%, #000000 100%); /* Chrome10-25,Safari5.1-6 */ background: radial-gradient(ellipse at center, #444444 0%, #000000 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#444444', endColorstr='#000000', GradientType=1); /* IE6-9 fallback on horizontal gradient */ padding: 100px 0; } .owl-carousel, .owl-carousel .owl-item { -webkit-tap-highlight-color: transparent; position: relative } .owl-carousel { display: none; width: 100%; z-index: 1 } .owl-carousel .owl-stage { position: relative; -ms-touch-action: pan-Y; touch-action: manipulation; -moz-backface-visibility: hidden } .owl-carousel .owl-stage:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0 } .owl-carousel .owl-stage-outer { position: relative; overflow: hidden; -webkit-transform: translate3d(0, 0, 0) } .owl-carousel .owl-item, .owl-carousel .owl-wrapper { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0) } .owl-carousel .owl-item { min-height: 1px; float: left; -webkit-backface-visibility: hidden; -webkit-touch-callout: none } .owl-carousel .owl-item img { display: block; width: 100% } .owl-carousel .owl-dots.disabled, .owl-carousel .owl-nav.disabled { display: none } .no-js .owl-carousel, .owl-carousel.owl-loaded { display: block } .owl-carousel .owl-dot, .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-nav .owl-prev { cursor: pointer; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none } .owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev, .owl-carousel button.owl-dot { background: 0 0; color: inherit; border: none; padding: 0 !important; font: inherit } .owl-carousel.owl-loading { opacity: 0; display: block } .owl-carousel.owl-hidden { opacity: 0 } .owl-carousel.owl-refresh .owl-item { visibility: hidden } .owl-carousel.owl-drag .owl-item { -ms-touch-action: pan-y; touch-action: pan-y; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none } .owl-carousel.owl-grab { cursor: move; cursor: grab } .owl-carousel.owl-rtl { direction: rtl } .owl-carousel.owl-rtl .owl-item { float: right } .owl-carousel .animated { animation-duration: 1s; animation-fill-mode: both } .owl-carousel .owl-animated-in { z-index: 0 } .owl-carousel .owl-animated-out { z-index: 1 } .owl-carousel .fadeOut { animation-name: fadeOut } @keyframes fadeOut { 0% { opacity: 1 } 100% { opacity: 0 } } .owl-height { transition: height .5s ease-in-out } .owl-carousel .owl-item .owl-lazy { opacity: 0; transition: opacity .4s ease } .owl-carousel .owl-item .owl-lazy:not([src]), .owl-carousel .owl-item .owl-lazy[src^=""] { max-height: 0 } .owl-carousel .owl-item img.owl-lazy { transform-style: preserve-3d } .owl-carousel .owl-video-wrapper { position: relative; height: 100%; background: #000 } .owl-carousel .owl-video-play-icon { position: absolute; height: 80px; width: 80px; left: 50%; top: 50%; margin-left: -40px; margin-top: -40px; background: url(https://www.ekfluidworks.com/skin/frontend/ultimo/fluid/css/owl.video.play.png) no-repeat; cursor: pointer; z-index: 1; -webkit-backface-visibility: hidden; transition: transform .1s ease } .owl-carousel .owl-video-play-icon:hover { -ms-transform: scale(1.3, 1.3); transform: scale(1.3, 1.3) } .owl-carousel .owl-video-playing .owl-video-play-icon, .owl-carousel .owl-video-playing .owl-video-tn { display: none } .owl-carousel .owl-video-tn { opacity: 0; height: 100%; background-position: center center; background-repeat: no-repeat; background-size: contain; transition: opacity .4s ease } .owl-carousel .owl-video-frame { position: relative; z-index: 1; height: 100%; width: 100% } #fittingsTabs * { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; font-family: 'Roboto', sans-serif; letter-spacing: normal; } .cms-parts .ow-main #fittingsTabs .owl-dots:after, .clearFittings:after { content: "."; display: block; height: 0px; font-size: 0; clear: both; visibility: hidden; line-height: 0px; } #fittingsTabs .wp1500 { max-width: 1500px; width: 100%; height: auto; margin: 0 auto; } .cms-parts .ow-main #fittingsTabs span#choose { color: #fff; text-align: center; padding-top: 30px; display: block; text-align: center; font-size: 13px; } .cms-parts .ow-main #fittingsTabs { display: block; } .cms-parts .ow-main #fittingsTabs #left { float: left; } .cms-parts .ow-main #fittingsTabs .ui-tabs-nav { margin-left: -30px; margin: 0 auto; display: block; max-width: 260px; } .cms-parts .ow-main #fittingsTabs .ui-tabs-tab { float: left; padding-left: 30px; } .cms-parts .ow-main #fittingsTabs .ui-tabs-anchor { border: 1px solid #fff; padding: 15px; display: block; margin-top: 10px; text-decoration: none; color: #fff } .cms-parts .ow-main #fittingsTabs .ui-tabs-anchor:hover, .cms-parts .ow-main #fittingsTabs .ui-tabs-active .ui-tabs-anchor { color: #ec1d24; border: 1px solid #ec1d24; } .cms-parts .ow-main #fittingsTabs .ui-tabs-panel { margin-top: 20px; } .cms-parts .ow-main #fittingsTabs .ui-tabs-tab a.ui-tabs-anchor { width: auto; } .cms-parts .ow-main #fittingsTabs .wp1500 ul li { color: #000; float: left; width: 25%; padding: 20px; padding-left: 20px; text-align: center; } .cms-parts .ow-main #fittingsTabs .wp1500 ul li .border { border-bottom: 1px solid #fff; position: relative } .cms-parts .ow-main #fittingsTabs .wp1500 ul li .border img.shadow { position: absolute; left: 0; right: 0; } .cms-parts .ow-main #fittingsTabs .border h3 { color: #fff; margin-bottom: 20px; font-size: 30px; font-weight: 100; } /*overCarousel*/ .cms-parts .ow-main #fittingsTabs .owl-carousel img { margin-bottom: 10px; } #fittingsTabs .owl-nav { display: none; } #fittingsTabs .owl-dots { position: absolute; right: 0; bottom: -27px; } #fittingsTabs .owl-carousel .owl-dots button { width: 20px; height: 20px; display: block; border-radius: 20px; background: red; margin: 5px; float: left; } #fittingsTabs .owl-carousel .owl-dots button:nth-child(1) { background: #ec1d24; } #fittingsTabs .owl-carousel .owl-dots button:nth-child(2) { background: #000000; border: 1px solid #444444; } #fittingsTabs .owl-carousel .owl-dots button:nth-child(3) { background: #ffffff; /* Old browsers */ background: -moz-linear-gradient(-45deg, #ffffff 0%, #dbdbdb 50%, #bababa 51%, #f6f6f6 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(-45deg, #ffffff 0%, #dbdbdb 50%, #bababa 51%, #f6f6f6 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(135deg, #ffffff 0%, #dbdbdb 50%, #bababa 51%, #f6f6f6 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f6f6f6', GradientType=1); /* IE6-9 fallback on horizontal gradient */ } #fittingsTabs .owl-carousel .owl-dots button:nth-child(4) { background: #ffffff; } .cms-parts .ow-main #fittingsTabs .border span.chooseColor { text-align: left; display: block; color: #fff; padding-bottom: 5px; font-size: 14px; } .cms-parts .ow-main #fittingsTabs .owl-carousel img:hover { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } .cms-parts .ow-main #fittingsTabs .wp1500 ul li a.viewProduct { width: 100%; color: #888888; padding: 7px; color: #888888; border: 1px solid #444444; font-size: 14px; margin-top: 10px; display: block; text-transform: uppercase; } .cms-parts .ow-main #fittingsTabs .wp1500 ul li a.viewProduct:hover { border: 1px solid #ec1d24; color: #ec1d24; } /*resposnive*/ @media only screen and (max-width: 1065px) { .cms-parts .ow-main #fittingsTabs .owl-dots { bottom: -8px; left: 50%; margin-left: -60px; } .cms-parts .ow-main #fittingsTabs .border span.chooseColor { text-align: center; margin-top: 3px; } } @media only screen and (max-width: 1000px) { .cms-parts .ow-main #fittingsTabs .owl-dots { right: 27px; } } @media only screen and (max-width: 840px) { .cms-parts .ow-main #fittingsTabs .wp1500 ul li { width: 50%; } } @media only screen and (max-width: 510px) { .cms-parts .ow-main #fittingsTabs .wp1500 ul li { width: 100%; float: none; } } /*PARTS PAGE - section adapters*/ .cms-parts .ow-main .ow_section.ow_component#parts-adapters .ow_adapters_row#cube img { width: 85%; } .cms-parts .ow-main .ow_section.ow_component#parts-adapters .ow_adapters_row#cube { text-align: center; } .cms-parts #extras .item .product-name { font-size: 17px; } .cms-parts #extras .item .product-link-wrapper .ow_c2a_button { padding: 12px 15px; } /*fitting page*/ .product-view.fittings_packing .product-options label.switcher-label { width: 100px !important; border: 1px solid #fff; font-size: 17px; text-transform: uppercase; font-family: 'Open Sans', sans-serif; height: auto !important; line-height: 50px !important; color: #fff; font-weight: 300; } .product-view.fittings_packing .product-options dt label { font-size: 17px; text-transform: uppercase; font-family: 'Open Sans', sans-serif; font-weight: 300 } .product-view.fittings_packing .product-options .switcher-field label.selected { border: 1px solid #ec1d24; color: #fff; } .product-view.fittings_packing .product-options .switcher-field label:hover { border: 1px solid #ec1d24; } .product-view.fittings_packing .product-options .switcher-field label.no-quantity { background: none; } .product-view.fittings_packing .product-options dd { height: auto !important; width: auto !important; line-height: 50px !important } .product-view.fittings_packing .product-options dd .switcher-fittings_color label { height: 27px !important; width: 27px !important; line-height: 27px !important; border-radius: 27px; } .product-view.fittings_packing .product-options dd .switcher-fittings_color label img { display: none; } .product-view.fittings_packing .product-options dd .switcher-fittings_color label[title="Black"] { background: #000000; border: 1px solid #444444; } .product-view.fittings_packing .product-options dd .switcher-fittings_color label[title="Nickel"] { border: 1px solid #dddddd; background: #ffffff; background: -moz-linear-gradient(-45deg, #ffffff 0%, #dbdbdb 50%, #bababa 51%, #f6f6f6 100%); background: -webkit-linear-gradient(-45deg, #ffffff 0%, #dbdbdb 50%, #bababa 51%, #f6f6f6 100%); background: linear-gradient(135deg, #ffffff 0%, #dbdbdb 50%, #bababa 51%, #f6f6f6 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f6f6f6', GradientType=1); } .product-view.fittings_packing .product-options dd .switcher-fittings_color label[title="Red"] { background: #ec1d24; border: 1px solid #ec1d24; } .product-view.fittings_packing .product-options dd .switcher-fittings_color label[title="White"] { background: #ffffff; border: 1px solid #ffffff; } .product-view.fittings_packing .product-options dd .switcher-fittings_color label:hover, .product-view.fittings_packing .product-options dd .switcher-fittings_color label.selected { -webkit-box-shadow: 0px 0px 5px 2px rgba(236, 29, 36, 0.77); -moz-box-shadow: 0px 0px 5px 2px rgba(236, 29, 36, 0.77); box-shadow: 0px 0px 5px 2px rgba(236, 29, 36, 0.77); } .product-view.fittings_packing .product-options dd .switcher-fittings_color label:first-child:hover, .product-view.fittings_packing .product-options dd .switcher-fittings_color label.selected:first-child { border: 1px solid #000; } .under-image-tabs .add-to-cart{display:none; justify-content:center; margin-top:50px; margin-left: 0; padding-left: 0;} .product-view.fittings_packing .product-options-bottom .add-to-cart .qty-wrapper .qty { width: 100px; height: 75px; margin-right: 25px; font-size: 30px; font-weight: 300; color: #363636; } .product-view.fittings_packing .product-options-bottom .add-to-cart #product-addtocart-button { min-width: 140px; width: calc(100% - 125px); } .product-view.fittings_packing .product-type-data p.expected_date_of_avail { margin-bottom: 30px; } .product-view.fittings_packing .input-box .switcher-field.switcher-parts_packing { margin-bottom: 20px; } .product-view.fittings_packing .input-box .switcher-field.switcher-fittings_color { margin-bottom: 65px; } .product-view.fittings_packing p.required { display: none; } .product-view.fittings_packing .product-image-wrapper .product-img-column.inner.grid12-6 { width: 100%; } .product-view.fittings_packing .img-box .more-images .thumbnails.show-all .item { display: none; } .product-view.fittings_packing .img-box-style1 .product-image { border: none; } .product-view.fittings_packing .zoom-btn-large:hover { background: none; } .product-view.fittings_packing .product-image-wrapper.grid12-7 .product-img-column.inner.grid12-6 .img-box.img-box-style1 .product-image.simple-mode { max-width: none !important; } .product-view.fittings_packing .product-image-gallery .gallery-image.visible { margin: 0 auto; } /* Qty box and and to cart button on product page */ .add-to-box .add-to-cart .qty-wrapper, .product-options-bottom .add-to-cart.right-side .qty-wrapper { position: absolute; margin-left: -70px; } .add-to-cart { padding-left: 70px; } .add-to-box .add-to-cart .input-text.qty, .product-options-bottom .add-to-cart .input-text.qty { width: 60px !important; height: 75px; font-size: 21px; } .add-to-box .add-to-cart .button.btn-cart, .product-options-bottom .add-to-cart .button.btn-cart { max-width: 460px; width: 100% !important; min-width: 100px !important; margin: 0; } /*HEADER DESIGN CHANGES ************************/ .newHeader .header .logo-wrapper .logo img { max-width: 187px; } .header-top-container.newTopBarWithSearch { background: #111211; } .header-top-container.newTopBarWithSearch .right-column .item { top: 0; right: auto; left: auto; } .newHeader .header .right-column .item #mini-cart { margin-left: 10px; } .newHeader.skip-link .count { margin-top: -17px; margin-right: -3px; } .newHeader.header-regular .right-column .dropdown .dropdown-content { background: #111211 !important; } .newHeader #searchBar { max-width: 320px; width: 100%; height: auto; float: right; margin-top: 10px; } .newHeader .header-top-container.newTopBarWithSearch { padding: 10px 0; padding-bottom: 8px; } .newHeader .form-search .button:before { color: #fff; font-size: 15px; } .newHeader .form-search:hover .button:before { color: #fff; } .newHeader .form-search .input-text, .newHeader .form-search .input-text:focus { background: #000; } .newHeader .form-search .input-text:hover { /*background: #ec1d24;*/ } .newHeader.header-regular .newTopBarWithSearch .central-column { padding-right: 0 } .newHeader .newTopBarWithSearch .header .item-right { margin-left: 10px; } .newHeader .newTopBarWithSearch .form-search .button:before { margin-top: 5px; } .newHeader .newTopBarWithSearch.header-top .form-search .input-text { margin-top: 5px; } .newHeader .newTopBarWithSearch.header-top-container .block_header_top_right2 > div { padding: 0 7px; } .newHeader .newTopBarWithSearch.header-top-container #delivery { line-height: 40px; } .newHeader .newTopBarWithSearch.header-top-container #currency-switcher-wrapper-regular { line-height: 36px; } .newHeader .newTopBarWithSearch .header .right-column .item #mini-cart { margin-left: 5px; } .newHeader .newTopBarWithSearch .inner-container { padding-right: 0; } .newHeader .newTopBarWithSearch .ow_custom_top_menu > .links { margin-right: -20px; } /*search_topBarHeader*/ .newHeader .newTopBarWithSearch .header-top #newTopBarWithSearchWrapper { max-width: 750px; width: 100%; float: right } .newHeader .newTopBarWithSearch .header-top #newTopBarWithSearchWrapper #header-search { display: none; } /*search hidden*/ .newHeader .newTopBarWithSearch .header-top #newTopBarWithSearchWrapper .form-search .input-text { width: 330px; margin-top: 5px; } .newHeader .newTopBarWithSearch .header-top #newTopBarWithSearchWrapper .form-search .button { font-size: 13px; } .newHeader .newTopBarWithSearch .header-regular .hp-blocks-holder .hp-block { border-bottom: 1px solid #2d2d2d; } /*SEARCH RESAULTS* */ ul.products-grid.category-products-grid.itemgrid.itemgrid-adaptive.itemgrid-3col.centered.hover-effect.equal-height li.item { background: none; } .page-title h1 { font-family: 'Roboto', sans-serif; text-transform: uppercase; color: #ed2324 } .category-products .toolbar .sorter .sort-by select { margin-left: 5px; } .category-products .toolbar .sorter .limiter select { margin: 0 5px; } .category-products .toolbar .sorter .sort-by select, .category-products .toolbar .sorter .limiter select { color: #E01E3B; font-weight: 600; } .category-products .toolbar .sorter .sort-by select option, .category-products .toolbar .sorter .limiter select option { color: #E01E3B; background-color: #191919!important; border: 1px solid #fff!important; } .category-products .toolbar .sorter .sort-by select option:hover, .category-products .toolbar .sorter .limiter select option:hover { background-color: #E01E3B!important; color: #fff; } .category-products .toolbar .sorter .sort-by label, .category-products .toolbar .sorter .limiter label, .category-products .toolbar .sorter .limiter .per-page { font-weight: 700; } ul.products-list.hover-effect li { background: none; border-bottom: none; } ul.products-list li.item:hover { border-top: none; } .header-primary { border-bottom: 1px solid #2d2d2d; } .hp-block.right-column.grid12-2 { display: none; } .ow_custom_top_menu > .links { margin-right: -35px; } .newHeader .newTopBarWithSearch #search_autocomplete { background: #111211; border: none; border-radius: 0; box-shadow: none; } .newHeader .newTopBarWithSearch .searchautocomplete .searchautocomplete-placeholder ul { padding: 0; } .newHeader .newTopBarWithSearch .searchautocomplete .searchautocomplete-placeholder ul li { border: none; border-bottom: 1px solid #2d2d2d; padding: 10px; margin-bottom: 0; } .newHeader .newTopBarWithSearch .searchautocomplete .searchautocomplete-placeholder ul li:hover { background: #ed2324 } .newHeader .newTopBarWithSearch .searchautocomplete .searchautocomplete-placeholder ul li a { color: #ed2024; font-weight: 600; font-family: 'Roboto', sans-serif; transition: color 300ms ease-in-out, background-color 300ms ease-in-out; -moz-transition: none; -webkit-transition: none; -o-transition: none; } .newHeader .newTopBarWithSearch .searchautocomplete .searchautocomplete-placeholder ul li:hover a.highlight { color: #fff; } .newHeader .newTopBarWithSearch .searchautocomplete .searchautocomplete-placeholder ul li:hover div.highlight { color: #fff; } .searchautocomplete .searchautocomplete-placeholder:before { display: none; } /*header-responsive*/ @media only screen and (max-width: 1300px) { .ow_custom_top_menu > .links { margin-right: 0; } .header-regular .central-column { padding-right: 0; } } @media (max-width: 1395px) { .ow_custom_top_menu > .links > li { padding: 0 15px !important; } } @media (max-width: 1330px) { .ow_custom_top_menu > .links > li { padding: 0 10px !important; } .ow_custom_top_menu > .links > li > a { font-size: 16px !important; } } @media (max-width: 1245px) { .ow_custom_top_menu > .links > li a { padding: 0 10px; } } @media (max-width: 1175px) and (min-width: 1024px) { .ow_custom_top_menu > .links > li a { font-size: 15px; } } @media (max-width: 1110px) and (min-width: 1024px) { .ow_custom_top_menu > .links > li a { font-size: 14px; } } @media (max-width: 1075px) { .ow_custom_top_menu > .links > li a { padding: 0 5px; } } @media only screen and (max-width: 1024px) { .newHeader .newTopBarWithSearch #currency-switcher-wrapper-regular { margin-top: 6px; } } @media only screen and (max-width: 600px) { .newHeader #searchBar { max-width: 200px; } } @media only screen and (max-width: 500px) { .newHeader #searchBar { max-width: 100%; width: 100% } .newHeader .newTopBarWithSearch #currencyEkwb { float: none; margin: 0 auto; } } /************************************************************************************** *************************************************************************************** *************************************************************************************** ******************************* KITS page ********************************************* *************************************************************************************** *************************************************************************************** **************************************************************************************/ #chooseYourKit * { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } #chooseYourKit .wp1360 { max-width: 1360px; width: 96%; margin: 0 auto; } #chooseYourKit .wp1360.kits { padding-bottom: 60px; border-bottom: 1px solid #ec1d24; } #chooseYourKit .wp1360.kits#bottom { border-bottom: none; border-top: 1px solid #ec1d24; padding-bottom: 20px; padding-top: 50px; } #chooseYourKit h2 { max-width: 443px; margin: 0 auto; margin-bottom: 80px; font-family: 'Roboto', sans-serif; text-align: center; color: #fff; font-size: 50px; padding-bottom: 10px; border-bottom: 1px solid #2d2d2d; font-weight: 100; } #chooseYourKit h2 span#red { color: #ed1c24; font-size: 50px; font-family: 'Roboto', sans-serif; font-weight: 100; } #chooseYourKit .kits .owl-carousel .owl-item .item { border-right: 1px solid #2d2d2d; } #chooseYourKit .kits .owl-carousel .owl-item:hover { background: #ed1c2412; } #chooseYourKit .kits .owl-carousel .owl-item .owl-item:hover { background: none; } #chooseYourKit .kits .owl-carousel .owl-item:last-child .item { border-right: none; } #chooseYourKit .kits .owl-carousel .owl-item .item h2 { font-size: 23px; color: #ed1c24; font-weight: 300; border: none; margin-bottom: 20px; } #chooseYourKit .kits .owl-carousel .owl-item .item p.descriptionKits { margin-bottom: 20px; text-align: center; font-weight: 100; font-family: 'Roboto', sans-serif; line-height: 1.5; } #chooseYourKit .kits .owl-carousel .owl-item .item span.moreInfo { color: red; font-size: 11px; text-align: center; display: block; } #chooseYourKit .kits .owl-carousel .owl-item .item span.moreInfo:hover { text-decoration: underline; } #chooseYourKit .kits .owl-carousel .owl-item .item h3.red { font-size: 21px; font-family: 'Roboto', sans-serif; font-weight: 400; text-align: center; color: #ed1c24; } #chooseYourKit .kits .owl-carousel .owl-item .item a.greenBox.ow_c2a_button { width: auto; height: 60px; line-height: 60px; margin: 0; padding: 0; font-size: 17px; display: block; text-align: center; background: #81bc26; color: #fff; text-transform: uppercase; font-weight: 100; } #chooseYourKit .kits .owl-carousel .owl-item .item a { text-decoration: none; } /*corausel*/ #chooseYourKit .kits .owl-carousel .owl-item span#openChaser, #chooseYourKit .kits .owl-carousel .owl-item span#openChampion, #chooseYourKit .kits .owl-carousel .owl-item span#openStreamer { position: absolute; top: 0; left: 0; right: 0; bottom: 0; text-indent: -123456px; } #chooseYourKit .kits .owl-carousel .owl-item .content { padding: 40px; } #chooseYourKit .kits .owl-carousel .owl-item .content.relative { -webkit-transform: translate3d(0, 0, 0) translateX(0); -moz-transform: translate3d(0, 0, 0) translateX(0); -o-transform: translate3d(0, 0, 0) translateX(0); transform: translate3d(0, 0, 0) translateX(0); -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; -ms-transition: all .2s ease-in-out; transition: all .2s ease-in-out; } #chooseYourKit .kits .owl-carousel .owl-item .content.absolute { width: 100%; position: absolute; left: 0%; top: 0; z-index: 1010; background: #331517; -webkit-transform: translate3d(0, 0, 0) translateX(-100%); -moz-transform: translate3d(0, 0, 0) translateX(-100%); -o-transform: translate3d(0, 0, 0) translateX(-100%)); transform: translate3d(0, 0, 0) translateX(-100%); -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; -ms-transition: all .2s ease-in-out; transition: all .2s ease-in-out; } #chooseYourKit .kits .owl-carousel .owl-item .content.absolute h2 { text-indent: -1234466px; } #chooseYourKit .kits .owl-carousel .owl-item .content.relative #sideContent { width: 200%; background: #331517; position: absolute; top: 0; left: 10%; right: 0; bottom: 0; -webkit-transform: translate3d(0, 0, 0) translateX(100%); -moz-transform: translate3d(0, 0, 0) translateX(100%); -o-transform: translate3d(0, 0, 0) translateX(100%); transform: translate3d(0, 0, 0) translateX(100%); } #chooseYourKit .kits .owl-carousel .owl-item .content.absolute #sideContent { width: 200%; height: auto; border-left: 1px solid #522225; position: absolute; top: 0; left: 100%; right: 0; bottom: 0; background: #111111; z-index: 9999; -webkit-transform: translate3d(0, 0, 0) translateX(100%); -moz-transform: translate3d(0, 0, 0) translateX(100%); -o-transform: translate3d(0, 0, 0) translateX(100%)); transform: translate3d(0, 0, 0) translateX(0); } #chooseYourKit .kits .owl-carousel .owl-item .content #sideContent, #chooseYourKit .kits .owl-carousel .owl-item .sideContentStreamer .contentText { padding: 40px; } #chooseYourKit .kits .owl-carousel .owl-item .content #sideContent h3, #chooseYourKit .kits .owl-carousel .owl-item .sideContentStreamer .contentText h3 { color: #ed1c24; font-size: 40px; font-family: 'Roboto', sans-serif; margin-bottom: 20px; font-weight: 100; } #chooseYourKit .kits .owl-carousel .owl-item .content #sideContent p, #chooseYourKit .kits .owl-carousel .owl-item .sideContentStreamer .contentText p { font-weight: 100; font-family: 'Roboto', sans-serif; line-height: 1.5; } #chooseYourKit .kits .owl-carousel .owl-item .content #sideContent h3 span#closeChaser, #chooseYourKit .kits .owl-carousel .owl-item .content #sideContent h3 span#closeChampion, #chooseYourKit .kits .owl-carousel .owl-item .sideContentStreamer .contentText h3 span#closeStreamer { font-size: 20px; color: #fff; border: 1px solid #fff; width: 40px; height: 40px; display: block; position: absolute; top: 10px; right: 10px; text-align: center; line-height: 40px; border-radius: 40px; -moz-border-radius: 40px; -webkit-border-radius: 40px; } #chooseYourKit .kits .owl-carousel .owl-item .content #sideContent h3 span#closeChaser:hover, #chooseYourKit .kits .owl-carousel .owl-item .content #sideContent h3 span#closeChampion:hover, #chooseYourKit .kits .owl-carousel .owl-item .sideContentStreamer .contentText h3 span#closeStreamer:hover { color: #ed1c24; border: 1px solid #ed1c24; cursor: pointer; } /* champion */ #chooseYourKit .kits .owl-carousel .owl-item #champion .content.absolute { -webkit-transform: translate3d(0, 0, 0) translateX(-200%); -moz-transform: translate3d(0, 0, 0) translateX(-200%); -o-transform: translate3d(0, 0, 0) translateX(-200%); transform: translate3d(0, 0, 0) translateX(-200%); -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; -ms-transition: all .2s ease-in-out; transition: all .2s ease-in-out; } /* streamer */ #chooseYourKit .kits .owl-carousel .owl-item.streamer .item#streamer { background: #331517; } #chooseYourKit .kits .owl-carousel .owl-item #streamer .sideContentStreamer { width: 200%; position: absolute; top: 0; left: 0; right: 0; bottom: 0; } #chooseYourKit .kits .owl-carousel .owl-item #streamer .sideContentStreamer.open { -webkit-transform: translate3d(0, 0, 0) translateX(50%); -moz-transform: translate3d(0, 0, 0) translateX(50%); -o-transform: translate3d(0, 0, 0) translateX(50%)); transform: translate3d(0, 0, 0) translateX(50%); -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; -ms-transition: all .2s ease-in-out; transition: all .2s ease-in-out; opacity: 1; background: #111111; } #chooseYourKit .kits .owl-carousel .owl-item #streamer .sideContentStreamer.closed { -webkit-transform: translate3d(0, 0, 0) translateX(50%); -moz-transform: translate3d(0, 0, 0) translateX(50%); -o-transform: translate3d(0, 0, 0) translateX(50%)); transform: translate3d(0, 0, 0) translateX(50%); -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; -ms-transition: all .2s ease-in-out; transition: all .2s ease-in-out; opacity: 0; } /* end streamer */ #chooseYourKit .kits .owl-carousel .owl-item.chaser:nth-child(2) { z-index: 1010; } #chooseYourKit .kits .owl-carousel .owl-item.champion:nth-child(3) { z-index: 1010; } #chooseYourKit .kits .owl-carousel .owl-item.streamer:nth-child(1) { z-index: 1010; } /* CPU&GPU carousel*/ #streamerContent { padding: 40px; } .cpu_gpu { max-width: 1300px; margin: 0 auto; } .cpu_gpu #slider .owl-carousel .item span#text { color: #fff } .cpu_gpu #slider .owl-carousel .item span#text2 { float: right; color: #fff; } .cpu_gpu .clearFixFluid .left1_2 { width: 40%; float: left } .cpu_gpu .clearFixFluid .right1_2 { width: 60%; float: left; padding-left: 40px; } .cpu_gpu ul { width: 200px; height: auto; float: none; list-style-type: none; margin: 0; padding: 0; } .cpu_gpu ul li { float: left; } .cpu_gpu span.cpu { padding: 5px 30px; border: 1px solid #81bc26; display: inline-block; font-size: 16px; margin-right: 10px; margin-bottom: 20px; } .cpu_gpu span.gpu { padding: 5px 30px; border: 1px solid #ed1c24; display: inline-block; font-size: 16px; margin-bottom: 20px; } .cpu_gpu .item h4 { font-size: 30px; margin-bottom: 20px; } .cpu_gpu .item p { width: 50%; } /* end CPU&GPU carousel*/ .cpu_gpu .owl-two.wl-carousel.owl-theme .item img#right { width: 50% !important; } #chooseYourKit .kits .owl-carousel .owl-item .contentText .cpu_gpu h4, .cpu_gpu h4 { font-size: 19px; margin-bottom: 20px; font-weight: 100; font-family: 'Roboto', sans-serif; } .cpu_gpu .owl-carousel .owl-item img#left { display: block; width: 50%; position: relative; float: right; } /*more info*/ span.moreInfoOpen { font-size: 13px; color: #ed1c24; display: block; cursor: pointer; } #chooseYourKit .kits .owl-carousel .owl-item:hover span.moreInfoOpen { text-decoration: underline; cursor: pointer; } #chooseYourKit span.buyNowKits.ow_c2a_button { cursor: pointer; padding: 10px 25px; } body.cms-page-view.cms-ekfg-kits .ow-main { background: #302a2a; background: -moz-radial-gradient(center, ellipse cover, #302a2a 0%, #000000 98%); /* FF3.6-15 */ background: -webkit-radial-gradient(center, ellipse cover, #302a2a 0%, #000000 98%); /* Chrome10-25,Safari5.1-6 */ background: radial-gradient(ellipse at center, #302a2a 0%, #000000 98%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#302a2a', endColorstr='#000000', GradientType=1); } body.cms-ekfg-kits .main-container .main { padding-top: 0; } body.cms-ekfg-kits .main-container .ow-section .main, body.cms-ekfg-kits .main-container #vardar .container, body.cms-ekfg-kits .main-container #alustream .container { padding: 0; margin: 0; } body.cms-ekfg-kits .main-container .ow-section .main.container { border: none; padding: 0; } body.cms-ekfg-kits .main-container .ow-section .main.container .wp1360 { border-bottom: 1px solid #ec1d24; padding: 50px 0; } body.cms-page-view.cms-ekfg-kits .main-container .container { width: 100%; max-width: none; } body.cms-page-view.cms-ekfg-kits .main-container .container .inner-container { padding-left: 0; padding-right: 0; } #chooseYourKit .owl-carousel .owl-item .item a.greenBox.ow_c2a_button.showResponsive { display: none; } @media only screen and (max-width: 1024px) { #chooseYourKit .owl-carousel .owl-item .item a.greenBox.ow_c2a_button { font-size: 14px; } #chooseYourKit h2 { padding-top: 30px; } } @media only screen and (max-width: 960px) { #chooseYourKit .owl-carousel .owl-item .item img.kitBadge { display: none; } #chooseYourKit h2 { margin-bottom: 0; border-bottom: none; } #chooseYourKit .kits .owl-carousel .owl-item .item { margin-top: 175px; padding: 0 0; border-right: none; } #chooseYourKit .kits .owl-carousel .owl-item img.carousel { width: 50%; margin: 0 auto; } #chooseYourKit .kits .owl-carousel .owl-item .contentData { margin-top: 50px; padding: 0 10px; } #chooseYourKit .kits .owl-carousel .owl-dots { position: absolute; top: 50px; left: 0; right: 0; } #chooseYourKit .kits .owl-carousel .owl-dots button.owl-dot { width: 33.33%; height: 80px; -webkit-filter: grayscale(100%); filter: grayscale(100%); border: 1px solid #ec1d24; } #chooseYourKit .kits .owl-carousel .owl-dots button.owl-dot:nth-child(2), #chooseYourKit .kits .owl-carousel .owl-dots button.owl-dot:nth-child(3) { margin-left: -1px; } #chooseYourKit .kits .owl-carousel .owl-dots button.owl-dot.active { z-index: 101; position: relative; } #chooseYourKit .kits .owl-carousel .owl-dots button.owl-dot.active, #chooseYourKit .kits .owl-carousel .owl-dots button.owl-dot:hover { -webkit-filter: grayscale(0%); filter: grayscale(0%); z-index: 101; position: relative; } #chooseYourKit .kits .owl-carousel .owl-dots button.owl-dot:nth-child(1):after { content: "Streamer"; font-size: 25px; color: #ec1d24; } #chooseYourKit .kits .owl-carousel .owl-dots button.owl-dot:nth-child(2):after { content: "FPS Chaser"; font-size: 25px; color: #ec1d24; } #chooseYourKit .kits .owl-carousel .owl-dots button.owl-dot:nth-child(3):after { content: "Overclock Champion"; font-size: 25px; color: #ec1d24; } #chooseYourKit .kits .owl-carousel .owl-item .descriptionKits { min-height: 20px; margin-bottom: 20px; } #chooseYourKit .kits .owl-carousel .owl-item .item a.greenBox.ow_c2a_button { font-size: 17px; } #chooseYourKit .kits .owl-carousel .owl-item .content { padding: 0; } #chooseYourKit .kits .owl-carousel .owl-item .content.absolute h2 { text-indent: 0; } .cpu_gpu ul { margin: 0 auto; } #streamer .cpu_gpu span.cpu { width: 90px; display: block; margin: 0 auto; margin-bottom: 10px; } #streamerContent { padding: 0; } /*display: none*/ #chooseYourKit .kits .owl-carousel .owl-item .content #sideContent h3, #chooseYourKit .owl-carousel .owl-item .sideContentStreamer .contentText h3, #chooseYourKit .kits .owl-carousel .owl-item .item a.greenBox.ow_c2a_button, #chooseYourKit .kits .owl-carousel .owl-item .item h2, span.moreInfoOpen, #chooseYourKit .owl-carousel .owl-item span#openChaser, #chooseYourKit .owl-carousel .owl-item span#openChampion, #chooseYourKit .owl-carousel .owl-item span#openStreamer { display: none; } #chooseYourKit .kits .owl-carousel .owl-item .item a.greenBox.ow_c2a_button.showResponsive { display: block; width: 100%; max-width: 350px; margin: 0 auto; margin-top: 40px; } #chooseYourKit .kits .owl-carousel .owl-item .content #sideContent, #chooseYourKit .owl-carousel .owl-item .sideContentStreamer .contentText { padding: 0 10px; } #chooseYourKit .kits .owl-carousel .owl-item .content #sideContent p, #chooseYourKit .owl-carousel .owl-item .sideContentStreamer .contentText p, #chooseYourKit .kits .owl-carousel .owl-item .contentText .cpu_gpu h4, .cpu_gpu h4 { text-align: center; padding: 0; } #chooseYourKit .kits .owl-carousel .owl-item:hover, #chooseYourKit .kits .owl-carousel .owl-item.streamer .item#streamer { background: none; } #chooseYourKit .kits .owl-carousel .left1_2 .owl-item .item { margin-top: 0; } #chooseYourKit .kits .owl-carousel .left1_2 .owl-dots { display: none; } #chooseYourKit .kits .owl-carousel .left1_2 { float: none; width: 50%; margin: 0 auto; margin-bottom: 10px; } .cpu_gpu .clearFixFluid .right1_2 { float: none; width: 100%; } #chooseYourKit .kits .owl-carousel .owl-item .content.relative { -webkit-transform: none; -moz-transform: none; -o-transform: none; transform: none; -webkit-transition: none; -moz-transition: none; -o-transition: none; -ms-transition: none; transition: none; } #chooseYourKit .kits .owl-carousel .owl-item .content.absolute { width: 100%; position: relative; left: auto; top: auto; z-index: 1010; background: none; -webkit-transform: none; -moz-transform: none; -o-transform: none; transform: none; -webkit-transition: none; -moz-transition: none; -o-transition: none; -ms-transition: none; transition: none; } #chooseYourKit .kits .owl-carousel .owl-item .content.relative #sideContent { width: 100%; display: none; background: none; position: absolute; top: auto; left: auto; right: auto; bottom: auto; -webkit-transform: translate3d(0, 0, 0) translateX(0%); -moz-transform: translate3d(0, 0, 0) translateX(0%); -o-transform: translate3d(0, 0, 0) translateX(0%); transform: translate3d(0, 0, 0) translateX(0%); } #chooseYourKit .kits .owl-carousel .owl-item .content.absolute #sideContent, #chooseYourKit .kits .owl-carousel .owl-item #champion .content.absolute { width: 100%; height: auto; border-left: none; position: relative; top: auto; left: auto; right: 0; bottom: 0; background: none; z-index: 9999; -webkit-transform: none; -moz-transform: none; -o-transform: none; transform: none; } /*chaser*/ #chooseYourKit .kits .owl-carousel .owl-item .content.relative #sideContent { position: relative; display: block; } /*streamer*/ #chooseYourKit .kits .owl-carousel .owl-item #streamer .sideContentStreamer.closed { position: relative; width: 100%; -webkit-transition: none; -moz-transition: none; -o-transition: none; -ms-transition: none; transition: none; -webkit-transform: translate3d(0, 0, 0) translateX(0%); -moz-transform: translate3d(0, 0, 0) translateX(0%); -o-transform: translate3d(0, 0, 0) translateX(0%)); transform: translate3d(0, 0, 0) translateX(0%); display: block; opacity: 1; } } @media only screen and (max-width: 767px) { body.cms-ekfg-kits .main-container #vardar .grid12-6, body.cms-ekfg-kits .main-container #alustream .grid12-6 { padding: 0; margin: 0; } #chooseYourKit .wp1360 { max-width: 1360px; width: 90%; margin: 0 auto; } .owl-carousel .owl-item img.carousel { width: 100%; } #chooseYourKit .kits .owl-carousel .owl-dots button.owl-dot:nth-child(1):after { font-size: 19px; } #chooseYourKit .kits .owl-carousel .owl-dots button.owl-dot:nth-child(2):after { font-size: 19px; } #chooseYourKit .kits .owl-carousel .owl-dots button.owl-dot:nth-child(3):after { font-size: 19px; } #chooseYourKit .kits .owl-carousel .owl-dots button.owl-dot { height: 60px; } #chooseYourKit .kits .owl-carousel .owl-dots { left: 0; right: 0; } } @media only screen and (max-width: 650px) { #chooseYourKit .kits .owl-carousel .owl-item .item a.greenBox.ow_c2a_button { font-size: 14px; } #chooseYourKit .kits .owl-carousel .owl-dots button.owl-dot:nth-child(3):after { content: "Champion" } } @media only screen and (max-width: 610px) { #chooseYourKit .kits .owl-carousel .owl-item img.carousel { width: 100%; float: none; } #chooseYourKit .kits .owl-carousel .owl-item .contentData { width: 100%; float: none; margin-top: 0; } #chooseYourKit h2 { max-width: 383px; } #chooseYourKit h2, #chooseYourKit h2 span#red { font-size: 40px; } #chooseYourKit .kits .owl-carousel .owl-dots button.owl-dot { height: 50px; } #chooseYourKit .kits .owl-carousel .owl-dots { top: 30px; } #chooseYourKit .kits .owl-carousel .owl-item .item a.greenBox.ow_c2a_button { font-size: 17px; } #chooseYourKit .kits .owl-carousel .owl-dots button.owl-dot:nth-child(1):after { font-size: 15px; } #chooseYourKit .kits .owl-carousel .owl-dots button.owl-dot:nth-child(2):after { font-size: 15px; } #chooseYourKit .kits .owl-carousel .owl-dots button.owl-dot:nth-child(3):after { font-size: 15px; } } @media only screen and (max-width: 450px) { #chooseYourKit .kits .owl-carousel .owl-dots button.owl-dot { height: 40px; } #chooseYourKit h2, #chooseYourKit h2 span#red { font-size: 30px; } #chooseYourKit .kits .owl-carousel .owl-item .item { margin-top: 100px; } } @media only screen and (max-width: 400px) { #chooseYourKit .kits .owl-carousel .owl-dots button.owl-dot { height: 35px; } } /*fixDoubleVerticalScroll*/ @media only screen and (max-width: 1024px) { .page { overflow-x: inherit; } } /*newHomePageEkFluidGaming-whyLiquedFluid*/ #chooseMe { width: 100%; padding-top: 180px; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#2d2d2d+0,010101+56 */ background: #2d2d2d; /* Old browsers */ background: -moz-radial-gradient(center, ellipse cover, #2d2d2d 0%, #010101 56%); /* FF3.6-15 */ background: -webkit-radial-gradient(center, ellipse cover, #2d2d2d 0%, #010101 56%); /* Chrome10-25,Safari5.1-6 */ background: radial-gradient(ellipse at center, #2d2d2d 0%, #010101 56%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2d2d2d', endColorstr='#010101', GradientType=1); /* IE6-9 fallback on horizontal gradient */ } #chooseMe * { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } #chooseMe .wp1360 { max-width: 1360px; width: 96%; margin: 0 auto; } #chooseMe .wp1360.kits { padding-bottom: 0; } #chooseMe .wp1360.kits#bottom { border-bottom: none; border-top: 1px solid #ec1d24; padding-bottom: 60px; padding-top: 50px; } #chooseMe h2 { max-width: 443px; margin: 0 auto; margin-bottom: 80px; font-family: 'Roboto', sans-serif; text-align: center; color: #fff; font-size: 50px; padding-bottom: 10px; border-bottom: 1px solid #2d2d2d; font-weight: 100; } #chooseMe h2 span#red { color: #ed1c24; font-size: 50px; font-family: 'Roboto', sans-serif; font-weight: 100; } #chooseMe .owl-carousel .owl-item .item { padding: 0 40px; padding-bottom: 61px; border-right: 1px solid #2d2d2d; position: relative; } /* #chooseMe .owl-carousel .owl-item:hover {background: #ed1c2412;} */ #chooseMe .owl-carousel .owl-item:last-child .item { border-right: none; } #chooseMe .owl-carousel .owl-item .item img.kitBadge { width: 205px; margin: 0 auto; position: absolute; left: 50%; margin-left: -102px; top: -100px; } #chooseMe .owl-carousel .owl-item:first-child .item img.kitBadge { width: 153px; margin-left: -76px; } #chooseMe .owl-carousel .owl-item .descriptionKits { min-height: 238px; } #chooseMe .owl-carousel .item h3.red { font-size: 21px; font-family: 'Roboto', sans-serif; margin-bottom: 30px; font-weight: 400; text-align: center; color: #ed1c24; } #chooseMe .owl-carousel .owl-item .item a.greenBox.ow_c2a_button { width: auto; height: 60px; line-height: 60px; margin: 0; margin-top: 30px; padding: 0; font-size: 17px; display: block; text-align: center; background: #81bc26; color: #fff; text-transform: uppercase; font-weight: 100; } #chooseMe .owl-carousel .owl-item .item a { text-decoration: none; } #why-liquid-top { padding-top: 190px; } #chooseMe.chooseMeBottom { padding-top: 50px; } @media only screen and (max-width: 1000px) { #chooseMe .owl-carousel .owl-item .item a.greenBox.ow_c2a_button { font-size: 14px; } } @media only screen and (max-width: 960px) { #chooseMe .owl-carousel .owl-item .item img.kitBadge { display: none; } #chooseMe h2 { margin-bottom: 0; } #chooseMe .owl-carousel .owl-item .item { margin-top: 175px; padding: 0 0; border-right: none; } #chooseMe .owl-carousel .owl-item img.carousel { width: 50%; float: left; } #chooseMe .owl-carousel .owl-item .contentData { width: 50%; float: right; margin-top: 50px; padding: 0 10px; } #chooseMe .owl-carousel .owl-dots { position: absolute; top: 50px; left: 0; right: 0; } #chooseMe .owl-carousel .owl-dots button.owl-dot { width: 33%; height: 80px; -webkit-filter: grayscale(100%); filter: grayscale(100%); } #chooseMe .owl-carousel .owl-dots button.owl-dot.active, #chooseMe .owl-carousel .owl-dots button.owl-dot:hover { -webkit-filter: grayscale(0%); filter: grayscale(0%); } #chooseMe .owl-carousel .owl-dots button.owl-dot:nth-child(1) { background: url(http://dev2-fluid.ekwb.com/media/wysiwyg/fluidgaming/kits/fg-product-vardar.png) center top no-repeat; background-size: auto 80px; } #chooseMe .owl-carousel .owl-dots button.owl-dot:nth-child(1):before { content: "gaming system"; position: relative; top: 70px; text-transform: uppercase; color: red; font-weight: 700; } #chooseMe .owl-carousel .owl-dots button.owl-dot:nth-child(2) { background: url(http://dev2-fluid.ekwb.com/media/wysiwyg/fluidgaming/kits/fg-product-vardar.png) center top no-repeat; background-size: auto 80px; } #chooseMe .owl-carousel .owl-dots button.owl-dot:nth-child(2):before { content: "kits"; position: relative; top: 70px; text-transform: uppercase; color: red; font-weight: 700; } #chooseMe .owl-carousel .owl-dots button.owl-dot:nth-child(3) { background: url(http://dev2-fluid.ekwb.com/media/wysiwyg/fluidgaming/kits/fg-product-vardar.png) center top no-repeat; background-size: auto 80px; } #chooseMe .owl-carousel .owl-dots button.owl-dot:nth-child(3):before { content: "all in one"; position: relative; top: 70px; text-transform: uppercase; color: red; font-weight: 700; } #chooseMe .owl-carousel .owl-item .descriptionKits { min-height: 20px; margin-bottom: 20px; } #chooseMe .owl-carousel .owl-item .item a.greenBox.ow_c2a_button { font-size: 17px; } } @media only screen and (max-width: 767px) { body.cms-ekfg-kits .main-container #vardar .grid12-6, body.cms-ekfg-kits .main-container #alustream .grid12-6 { padding: 0; margin: 0; } #chooseMe .wp1360 { max-width: 1360px; width: 90%; margin: 0 auto; } .owl-carousel .owl-item img.carousel { width: 100%; } #chooseMe .owl-carousel .owl-item .item { margin-top: 100px; } #chooseMe .owl-carousel .owl-dots button.owl-dot { height: 60px; } #chooseMe .owl-carousel .owl-dots { left: 0; right: 0; } } @media only screen and (max-width: 650px) { #chooseYourKit .owl-carousel .owl-item .item a.greenBox.ow_c2a_button { font-size: 14px; } } @media only screen and (max-width: 610px) { #chooseYourKit .owl-carousel .owl-item img.carousel { width: 100%; float: none; } #chooseMe .owl-carousel .owl-item .contentData { width: 100%; float: none; margin-top: 0; } #chooseMe h2 { max-width: 383px; } #chooseMe h2, #chooseMe h2 span#red { font-size: 40px; } #chooseMe .owl-carousel .owl-dots button.owl-dot { height: 50px; } #chooseMe .owl-carousel .owl-dots { top: 30px; } #chooseMe .owl-carousel .owl-item .item a.greenBox.ow_c2a_button { font-size: 17px; } } @media only screen and (max-width: 450px) { #chooseYourKit .owl-carousel .owl-dots button.owl-dot { height: 40px; } #chooseMe h2, #chooseMe h2 span#red { font-size: 30px; } #chooseMe .owl-carousel .owl-item .item { margin-top: 100px; } } @media only screen and (max-width: 400px) { #chooseMe .owl-carousel .owl-dots button.owl-dot { height: 35px; } } /************************************************************************************** *************************************************************************************** *************************************************************************************** ******************************* GAMING SYSTEMS **************************************** *************************************************************************************** *************************************************************************************** **************************************************************************************/ /*color: #ec1d24*/ /*rewrite containers padding*/ .new-fgpcs-page .gamingSystems .red { color: #ec1d24; } .new-fgpcs-page .main-container.col1-layout .container { width: 100%; max-width: none; } .new-fgpcs-page .main-container.col1-layout .inner-container { padding: 0; } .cms-page-view .ow-main { background: none; } hr.short { max-width: 420px; height: 1px; border: none; background: #2d2d2d; display: block; margin: 0 auto; margin-bottom: 100px; } #fullWidthVideoWrapper { width: 100%; margin: 0 auto; } #fullWidthVideo { position: relative; padding-top: 56.25%; pointer-events: none; } .new-fgpcs-page .gamingSystems p, .new-fgpcs-page .gamingSystems { line-height: 25px; font-weight: 100; text-align: justify; font-family: 'Roboto', sans-serif; } @font-face { font-family: 'DINProLight'; src: url('https://www.ekfluidworks.com/skin/frontend/ultimo/fluid/fonts/din/DINProLight.eot'); src: url('https://www.ekfluidworks.com/skin/frontend/ultimo/fluid/fonts/din/DINProLight.eot') format('embedded-opentype'), url('https://www.ekfluidworks.com/skin/frontend/ultimo/fluid/fonts/din/DINProLight.woff2') format('woff2'), url('https://www.ekfluidworks.com/skin/frontend/ultimo/fluid/fonts/din/DINProLight.woff') format('woff'), url('https://www.ekfluidworks.com/skin/frontend/ultimo/fluid/fonts/din/DINProLight.ttf') format('truetype'), url('https://www.ekfluidworks.com/skin/frontend/ultimo/fluid/fonts/din/DINProLight.svg#DINProLight') format('svg'); } .new-fgpcs-page .header-container, .new-fgpcs-page .header-container.newHeader { position: relative; z-index: 10; } .new-fgpcs-page .main { padding: 0; } .new-fgpcs-page .footer-container { background-image: none; } #gamingSystems * { font-family: 'Roboto', sans-serif; font-weight: 100; color: #fff; font-size: 20px; line-height: 24px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } #gamingSystems sup { font-size: 16px; line-height: 16px; } /*#gamingSystems p {text-align: justify;}*/ #gamingSystems .wp1140 { max-width: 1140px; width: 100%; height: auto; margin: 0 auto; } #gamingSystems .wp1140 h2 { font-size: 40px; color: #fff; text-align: left; line-height: 45px; /* font-family: 'DINProLight'; font-weight: normal;*/ } #gamingSystems .wp1140 h2.center { text-align: center; } #gamingSystems .wp1140 .col1_2 { width: 50%; height: auto; float: left; } #gamingSystems .wp1140 .col2_3 { width: 60%; height: auto; float: left; } #gamingSystems .wp1140 .col1_3 { width: 40%; height: auto; float: left; } #gamingSystems .wp1140 .col1_2.none, #gamingSystems .wp1140 .col2_3.none, #gamingSystems .wp1140 .col1_3.none { float: none; } #gamingSystems .gradientRight { /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,383838+100 */ background: rgb(0, 0, 0); /* Old browsers */ background: -moz-linear-gradient(92deg, rgba(0, 0, 0, 1) 0%, rgba(56, 56, 56, 1) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(92deg, rgba(0, 0, 0, 1) 0%, rgba(56, 56, 56, 1) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(92deg, rgba(0, 0, 0, 1) 0%, rgba(56, 56, 56, 1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#383838', GradientType=1); /* IE6-9 fallback on horizontal gradient */ } #gamingSystems .gradientLeft { /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#383838+0,000000+100 */ background: rgb(56, 56, 56); /* Old browsers */ background: -moz-linear-gradient(left, rgba(56, 56, 56, 1) 0%, rgba(0, 0, 0, 1) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, rgba(56, 56, 56, 1) 0%, rgba(0, 0, 0, 1) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, rgba(56, 56, 56, 1) 0%, rgba(0, 0, 0, 1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#383838', endColorstr='#000000', GradientType=1); /* IE6-9 */ } /*sectionOne #gsSectionone {height: 900px; }*/ #gsSectionone .wp1140 h2 { text-align: center; font-size: 40px; position: absolute; left: 0; right: 0; top: 30px; font-weight: 300; line-height: 45px; position: relative; z-index: 5; } #gsSectionone .wp1140 h3 { font-size: 40px; text-transform: uppercase; position: absolute; bottom: 100px; right: 110px; font-weight: 300; } #gsSectionone .wp1140 h3 span.red { font-size: 40px; color: #ed1c24; font-weight: 300; } #gsSectionone .wp1140 { position: relative; height: auto; } #gsSectionone .wp1140.showMiddle img { margin-top: -200px; z-index: 0; position: relative; } #gsSectionone .wp1140 h2 span.red { font-size: 40px; font-weight: 300; line-height: 45px; color: #ed1c24; } /* new gsSectionnewbeast */ #gamingSystems #gsSectionone, #gamingSystems #gsSectionnewbeast, #gamingSystems .chooseYourGamingSystem, #gamingSystems #gsSectionThree, #gamingSystems #gsSectionFour, #gamingSystems #gsSectionFive, #gamingSystems #gsSectionEight, #gamingSystems #gsSectionSix { position: relative; } #gamingSystems #gsSectionone:after, #gamingSystems #gsSectionnewbeast:after, #gamingSystems .chooseYourGamingSystem:after, #gamingSystems #gsSectionThree:after, #gamingSystems #gsSectionFour:after, #gamingSystems #gsSectionFive:after, #gamingSystems #gsSectionEight:after, #gamingSystems #gsSectionSix:after, #gamingSystems #gsSectionEight:after { position: absolute; bottom: 0px; left: 50%; transform: translateX(-50%); height: 1px; background: #ec1d24; width: calc(100% - 30px); max-width: 1360px; display: block; content: ""; } #gamingSystems #gsSectionEight:after { z-index: 9; } #gsSectionnewbeast { height: 552px; background: url(https://www.ekfluidworks.com/skin/frontend/ultimo/fluid/images/gssectionnewbeast-back.jpg) center center no-repeat; width: 100%; background-color: #2d0000; } #gsSectionnewbeast .wp1140 { height: 100%; position: relative; } #gsSectionnewbeast .wp1140 h2 { position: absolute; right: 50px; top: 50%; transform: translateY(-50%); font-size: 85px !important; line-height: 125px !important; text-align: center; } #gsSectionnewbeast .wp1140 h2 span { font-size: 85px !important; line-height: 125px !important; font-weight: 900; } /*sectionTwo*/ #gamingSystems .chooseYourGamingSystem { padding-bottom: 70px; padding-top: 120px; } #gamingSystems .chooseYourGamingSystem .wp1140 h2 { font-size: 40px; line-height: 45px; color: #fff; display: block; text-align: center; margin-bottom: 95px; text-transform: uppercase; font-weight: 300; font-family: 'Roboto', sans-serif; } #gamingSystems .chooseYourGamingSystem .wp1140 h2 span.red { color: #ed1c24; font-size: 40px; line-height: 45px; text-transform: none; } #gamingSystems .chooseYourGamingSystem .owl-carousel .item .content { background: #1d1d1d; padding: 10px; position: relative; -webkit-transition: .2s ease-in-out; transition: .2s ease-in-out; -moz-transition: .2s ease-in-out; } #gamingSystems .chooseYourGamingSystem .owl-carousel .item .content h3 { font-family: 'roboto', sans-serif; font-size: 22px; color: #ed1c24; text-align: center; border-bottom: 1px solid #ed1c24; margin-bottom: 14px; padding-bottom: 10px; font-weight: 400; -webkit-transition: .2s ease-in-out; transition: .2s ease-in-out; -moz-transition: .2s ease-in-out; } #gamingSystems .chooseYourGamingSystem .owl-carousel .item .content ul { min-height: 560px; } #gamingSystems .chooseYourGamingSystem .owl-carousel .item .content ul li { font-size: 14px; border-bottom: 1px solid #282828; margin-bottom: 7px; padding-bottom: 6px; } #gamingSystems .chooseYourGamingSystem .owl-carousel .item .content ul li span { display: block; font-size: 14px; line-height: 17px; color: #666666; font-family: 'Roboto', sans-serif; font-weight: 300; -webkit-transition: .2s ease-in-out; transition: .2s ease-in-out; -moz-transition: .2s ease-in-out; } #gamingSystems .chooseYourGamingSystem .owl-carousel .item .content ul li span sup { vertical-align: top; font-size: 11px !important; line-height: 11px !important; color: #666666 !important; } #gamingSystems .chooseYourGamingSystem .owl-carousel .item .content > p:first-of-type { font-size: 16px; line-height: 20px; margin-bottom: 30px; } #gamingSystems .chooseYourGamingSystem .owl-carousel .item .content ul li span:first-child { text-transform: uppercase; font-size: 12px; color: #fff; } #gamingSystems .chooseYourGamingSystem .owl-carousel .item .content ul li span br { line-height: 17px; } #gamingSystems .chooseYourGamingSystem .owl-carousel .item .content ul li:last-child { border-bottom: none; margin-bottom: 15px; } #gamingSystems .chooseYourGamingSystem .owl-carousel .item .content span.price { text-align: right; font-size: 30px; color: #ed1c24; display: block; font-family: 'Roboto', sans-serif; font-weight: 300; padding-bottom: 15px; -webkit-transition: .2s ease-in-out; transition: .2s ease-in-out; -moz-transition: .2s ease-in-out; height: 39px; } #gamingSystems .chooseYourGamingSystem .owl-carousel .item .content span.old-price { text-align: right; font-size: 20px; color: #d2d2d2; display: block; font-family: 'Roboto', sans-serif; font-weight: 300; padding-bottom: 15px; margin-top: -10px; height: 39px; text-decoration: line-through; } #gamingSystems .chooseYourGamingSystem .owl-carousel .item .content a { position: relative; z-index: 10; display: block; text-align: center; font-size: 16px; font-style: italic; -webkit-transition: .2s ease-in-out; transition: .2s ease-in-out; -moz-transition: .2s ease-in-out; } #gamingSystems .chooseYourGamingSystem .owl-carousel .item .content a:hover { text-decoration: underline; } #gamingSystems .chooseYourGamingSystem .owl-carousel .item .content a.buyNowButton, #gamingSystems .chooseYourGamingSystem .owl-carousel .item .content button.buyNowButton { width: 100%; height: 60px; margin-bottom: 5px; background: #72a129; font-style: normal; display: block; text-align: center; font-weight: 300; font-size: 21px; font-family: 'Roboto', sans-serif; text-decoration: none; line-height: 60px; color: #ffffff; -webkit-transition: .2s ease-in-out; transition: .2s ease-in-out; -moz-transition: .2s ease-in-out; border: none; position: relative; z-index: 9; } #gamingSystems .chooseYourGamingSystem .owl-carousel .item .content a.configure { width: 100%; height: auto; display: block; color: #fff; font-style: italic; text-align: center; font-weight: 300; font-size: 14px; font-family: 'Roboto', sans-serif; text-decoration: none; line-height: 45px; -webkit-transition: .2s ease-in-out; transition: .2s ease-in-out; -moz-transition: .2s ease-in-out; } #gamingSystems .chooseYourGamingSystem .owl-carousel .item .content a.configure:hover { text-decoration: underline; } #gamingSystems .chooseYourGamingSystem .owl-carousel .item .content a.buyNowButton:hover, #gamingSystems .chooseYourGamingSystem .owl-carousel .item .content button.buyNowButton:hover { background: #ed1c24; color: #fff; text-decoration: none; } #gamingSystems #gsSectionTwo .owl-dots button { display: none; } #gamingSystems .chooseYourGamingSystem .owl-carousel .item .content span.commingsoonbutton { width: 100%; height: 60px; margin-bottom: 5px; background: #8f918a; font-style: normal; display: block; text-align: center; font-weight: 300; font-size: 16px; font-family: 'Roboto', sans-serif; text-decoration: none; line-height: 60px; color: #ffffff; -webkit-transition: .2s ease-in-out; transition: .2s ease-in-out; -moz-transition: .2s ease-in-out; border: none; position: relative; z-index: 9; cursor: default; } #gamingSystems .chooseYourGamingSystem .owl-carousel .item .content a.buyNowButton.microcenterbutton { position: relative; } #gamingSystems .chooseYourGamingSystem .owl-carousel .item .content a.buyNowButton.microcenterbutton > span { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; padding: 0 10px; } #gamingSystems .chooseYourGamingSystem .owl-carousel .item .content .invisibleText { font-size: 16px; font-weight: 300; line-height: 20px; position: absolute; top: 0; left: 0; right: 0; bottom: 100px; text-align: center; padding: 10px; opacity: 1; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#1d1d1d+0,0c0c0c+50,1d1d1d+100&1+0,1+50,0+100 */ background: -moz-linear-gradient(top, rgba(29, 29, 29, 1) 0%, rgba(12, 12, 12, 1) 50%, rgba(29, 29, 29, 0) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(29, 29, 29, 1) 0%, rgba(12, 12, 12, 1) 50%, rgba(29, 29, 29, 0) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(29, 29, 29, 1) 0%, rgba(12, 12, 12, 1) 50%, rgba(29, 29, 29, 0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1d1d1d', endColorstr='#001d1d1d', GradientType=0); /* IE6-9 */ -webkit-transition: .2s ease-in-out; transition: .2s ease-in-out; -moz-transition: .2s ease-in-out; } #gamingSystems .chooseYourGamingSystem .owl-carousel .item .content .invisibleText p { font-size: 16px; font-weight: 400; line-height: 20px; text-align: left; } #gamingSystems .chooseYourGamingSystem .wp1140 span#compare { max-width: 242px; width: 100%; height: 40px; background: #ed1c24; display: block; text-align: center; font-weight: 300; font-size: 21px; float: right; cursor: pointer; font-family: 'Roboto', sans-serif; line-height: 40px; color: #fff; margin-right: 10px; margin-top: 20px; -webkit-transition: .2s ease-in-out; transition: .2s ease-in-out; -moz-transition: .2s ease-in-out; } #gamingSystems .chooseYourGamingSystem .wp1140 span#compare:hover { background: #d9151d; } #gamingSystems .chooseYourGamingSystem .wp1140.show span#compare:before { content: "Compare the systems" } #gamingSystems .chooseYourGamingSystem .wp1140.hide span#compare:before { content: "Show descriptions" } #gamingSystems .chooseYourGamingSystem .wp1140 .owl-carousel .item .content:hover .invisibleText, #gamingSystems .chooseYourGamingSystem .wp1140.compareAll.hide .owl-carousel .item .content .invisibleText { opacity: 0; } /*sectionThree*/ #gamingSystems #gsSectionThree { padding-top: 120px; } #gamingSystems #gsSectionThree .wp1140 #graphicsText h2 { margin-bottom: 35px; } #gamingSystems #gsSectionThree .wp1140 .col2_3 { margin-bottom: 60px; } #gamingSystems #gsSectionThree .wp1140 .parent { position: relative; width: 100%; height: 760px; padding-top: 100px; background: url(https://www.ekfluidworks.com/skin/frontend/ultimo/fluid/images/gamingSystems/graphics1.png) no-repeat right bottom; } #gamingSystems #gsSectionThree .wp1140 .child { position: absolute; right: 0; top: 0; width: 50%; height: 100%; border-left: 1px solid #ed1c24; background: url(https://www.ekfluidworks.com/skin/frontend/ultimo/fluid/images/gamingSystems/graphics2.png) no-repeat right bottom; } .ui-resizable-w { cursor: w-resize; width: 32px; left: -16px; top: 0; height: 100%; } .ui-resizable-handle { position: absolute; font-size: 0.1px; display: block; background: url(https://www.ekfluidworks.com/skin/frontend/ultimo/fluid/images/gamingSystems/drag.svg) no-repeat center 15px; } /*sectionFour*/ #gamingSystems #gsSectionFour { background: #fff; padding: 100px 0; padding-bottom: 80px; } #gamingSystems #gsSectionFour .wp1140 h2 { text-align: right; color: #000; font-weight: 300; text-transform: uppercase; margin-bottom: 25px; } #gamingSystems #gsSectionFour .wp1140 .col2_3#graph { padding-right: 130px; } #gamingSystems #gsSectionFour .wp1140 .col1_3#text { padding-top: 50px; } #gamingSystems #gsSectionFour .wp1140 .col1_3#text p { color: #000; display: block; font-size: 20px; line-height: 20px; margin-bottom: 40px; font-family: 'Roboto', sans-serif; } #gamingSystems #gsSectionFour .wp1140 .col1_3#text p#less { margin-bottom: 20px; } #gamingSystems #gsSectionFour .owl-dots button { display: none; } /*sectionFive*/ #gamingSystems #gsSectionFive .wp1140 { position: relative; padding-bottom: 200px; padding-top: 140px; } #gamingSystems #gsSectionFive .wp1140 .col2_3 h2 { font-size: 40px; line-height: 40px; text-transform: uppercase; font-weight: 100 } #gamingSystems #gsSectionFive .wp1140 .col2_3 h2#bottomPadding { padding-bottom: 79px; } #gamingSystems #gsSectionFive .wp1140 .col2_3 h2 span { color: red; font-size: 40px; font-weight: 300; } #gamingSystems #gsSectionFive .wp1140 .col2_3 p { font-size: 20px; line-height: 20px; padding-right: 50px; } #gamingSystems #gsSectionFive .wp1140 .col1_3 span#rotate { max-width: 190px; width: 100%; height: 40px; font-size: 20px; padding-left: 15px; position: absolute; bottom: 130px; margin-left: -130px; background: #ed1c24; display: block; text-align: left; font-weight: 300; cursor: pointer; font-family: 'Roboto', sans-serif; line-height: 41px; color: #fff; } #gamingSystems #gsSectionFive .wp1140 .col1_3 img { position: absolute; bottom: 50px; margin-left: 40px; z-index: 1; -webkit-transition: .8s ease-in-out; transition: .8s ease-in-out; -moz-transition: .8s ease-in-out; } #gamingSystems #gsSectionFive .wp1140 .col1_3.front img#frontImage { opacity: 1; } #gamingSystems #gsSectionFive .wp1140 .col1_3.front img#backImage { opacity: 0; } #gamingSystems #gsSectionFive .wp1140 .col1_3.back img#frontImage { opacity: 0; } #gamingSystems #gsSectionFive .wp1140 .col1_3.back img#backImage { opacity: 1; } /*sectionSix*/ #gamingSystems #gsSectionSix { width: auto; height: auto; background: #fff; padding-top: 150px; padding-bottom: 40px; } #gamingSystems #gsSectionSix .wp1140 .col1_3 h2 { color: #000; margin-top: 100px; font-weight: 300; margin-bottom: 50px; } #gamingSystems #gsSectionSix .wp1140 .col1_3 p { margin-bottom: 20px; } #gamingSystems #gsSectionSix .wp1140 p { color: #000; } #gamingSystems #gsSectionSix .wp1140 .col1_3 { width: 45.5%; } #gamingSystems #gsSectionSix .wp1140 .col2_3 { width: 54.5%; padding-right: 60px; } #gamingSystems #gsSectionSix .wp1140 .col1_3 { float: right; } /*sectionSeven*/ #gamingSystems #gsSectionSeven { padding: 60px 0; padding-bottom: 120px; background: #000; } #gamingSystems #gsSectionSeven .wp1140 .col2_3 { width: 77.8%; padding-right: 40px; } #gamingSystems #gsSectionSeven .wp1140 .col1_3 { position: relative; } #gamingSystems #gsSectionSeven .wp1140 .col1_3 h2#biggestH { min-height: 300px; font-size: 100px; text-align: center; padding-bottom: 120px; } #gamingSystems #gsSectionSeven .wp1140 p#pRel { font-size: 40px; line-height: 45px; text-align: center; } #gamingSystems #gsSectionSeven .wp1140 #lowerText { width: 22.2%; padding-bottom: 100px; } /*sectionNine*/ #gamingSystems #gsSectionNine .owl-dots button { display: none; } /*owl-carousel*/ #gamingSystems .owl-dots { max-width: 200px; margin: 0 auto; margin-top: 20px; } #gamingSystems .owl-dots button { width: 15px; height: 15px; border-radius: 20px; background: #a2a2a2; margin: 0 auto; margin-right: 20px; } #gamingSystems .owl-dots button.active, #gamingSystems .owl-dots button:hover { background: #ed1c24; } #gamingSystems .owl-dots button:last-child { margin-right: 0; } #gamingSystems #gsSectionSix .owl-dots { max-width: 155px; } #gamingSystems #gsSectionSeven .owl-dots { max-width: 262px; position: absolute; bottom: 20px; left: 50%; margin-left: -131px; } #gamingSystems #gsSectionSeven .owl-dots button { background: rgba(70, 70, 70, 0.5) } #gamingSystems #gsSectionSeven .owl-dots button.active, #gamingSystems #gsSectionSeven .owl-dots button:hover { background: #ed1c24; } /** video section **/ #gamingSystems #gsSectionEight .image-video-overlay { position: absolute; width: 100%; height: 100%; display: block; content: " "; top: 0px; left: 0px; background: url(https://www.ekfluidworks.com/skin/frontend/ultimo/fluid/images/video-section-overlay.jpg) center center no-repeat; background-color: #010100; z-index: 9; cursor: pointer; background-size: cover; } /* COMPARE IMAGE GAMING SYSTEM PAGE */ .cd-image-container { position: relative; margin: 0em auto; } .cd-image-container img { display: block; } .cd-image-label { position: absolute; bottom: 0; right: 0; color: #ffffff; padding: 1em; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; opacity: 0; -webkit-transform: translateY(20px); -moz-transform: translateY(20px); -ms-transform: translateY(20px); -o-transform: translateY(20px); transform: translateY(20px); -webkit-transition: -webkit-transform 0.3s 0.7s, opacity 0.3s 0.7s; -moz-transition: -moz-transform 0.3s 0.7s, opacity 0.3s 0.7s; transition: transform 0.3s 0.7s, opacity 0.3s 0.7s; } .is-visible .cd-image-label { opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } .cd-resize-img { position: absolute; border-right: 1px solid red; top: 0; left: 0; width: 0; height: 100%; overflow: hidden; /* Force Hardware Acceleration in WebKit */ -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); -webkit-backface-visibility: hidden; backface-visibility: hidden; } .cd-resize-img img { position: absolute; left: 0; top: 0; display: block; height: 100%; width: auto; max-width: none; } .cd-resize-img .cd-image-label { right: auto; left: 0; } .is-visible .cd-resize-img { width: 50%; /* bounce in animation of the modified image */ -webkit-animation: cd-bounce-in 0.7s; -moz-animation: cd-bounce-in 0.7s; animation: cd-bounce-in 0.7s; } @-webkit-keyframes cd-bounce-in { 0% { width: 0; } 60% { width: 55%; } 100% { width: 50%; } } @-moz-keyframes cd-bounce-in { 0% { width: 0; } 60% { width: 55%; } 100% { width: 50%; } } @keyframes cd-bounce-in { 0% { width: 0; } 60% { width: 55%; } 100% { width: 50%; } } .cd-handle { position: absolute; height: auto; width: 44px; /* center the element */ left: 50%; top: 0; bottom: 0; background: url(https://www.ekfluidworks.com/skin/frontend/ultimo/fluid/images/gamingSystems/drag.svg) no-repeat center 40px; margin-left: -22px; margin-top: -22px; cursor: move; opacity: 0; -webkit-transform: translate3d(0, 0, 0) scale(0); -moz-transform: translate3d(0, 0, 0) scale(0); -ms-transform: translate3d(0, 0, 0) scale(0); -o-transform: translate3d(0, 0, 0) scale(0); transform: translate3d(0, 0, 0) scale(0); } .is-visible .cd-handle { opacity: 1; -webkit-transform: translate3d(0, 0, 0) scale(1); -moz-transform: translate3d(0, 0, 0) scale(1); -ms-transform: translate3d(0, 0, 0) scale(1); -o-transform: translate3d(0, 0, 0) scale(1); transform: translate3d(0, 0, 0) scale(1); -webkit-transition: -webkit-transform 0.3s 0.7s, opacity 0s 0.7s; -moz-transition: -moz-transform 0.3s 0.7s, opacity 0s 0.7s; transition: transform 0.3s 0.7s, opacity 0s 0.7s; } .microcenter-store.fancybox-content h2 { font-size: 20px !important; line-height: 20px !important; } .fancybox-content { padding: 20px !important; } .microcenter-store.fancybox-content h3 { font-size: 18px !important; margin-bottom: 12px !important; padding-bottom: 10px !important; } .microcenter-store.fancybox-content iframe.embededmap { height: 200px !important; } #gamingSystems span.addtocart-disc { font-size: 14px; margin-top: 10px; text-align: center; display: block; } .microcenter-store .allstores { height: 60px; margin-bottom: 5px; background: #72a129; font-style: normal; display: inline-block; padding: 0 20px; text-align: center; font-weight: 300; font-size: 21px; font-family: 'Roboto', sans-serif; text-decoration: none; line-height: 60px; color: #ffffff; -webkit-transition: .2s ease-in-out; transition: .2s ease-in-out; -moz-transition: .2s ease-in-out; border: none; position: relative; z-index: 9; } .microcenter-store .allstores:hover { background: #ed1c24; color: #fff; text-decoration: none; } .ow-kit-block.powerspec-fluid-tut .kit-top { background: none; padding-top: 0px; } @media (min-width: 1025px) { /* .powerspecmenu { text-align: center; } .powerspecmenu.ow_custom_top_menu>.links { margin-right: 0px; float: none; }*/ .powerspecmenu.ow_custom_top_menu > .links .has-submenu .links { width: 270px; } } .header-top-container .right-column .mini-cart .item { right: auto; } .header-regular .right-column .dropdown .dropdown-content.mini-cart-content { border: 1px solid #fff; } .header .right-column .item #mini-cart .btn-checkout { margin: 10px 0 30px 0; } /*RESPONSIVE GAMING SYSTEM PAGE*/ @media only screen and (max-width: 1140px) { #gamingSystems .wp1140 { padding: 0 30px; } } @media only screen and (max-width: 1000px) { #gamingSystems .wp1140 .col2_3 { width: 50%; height: auto; float: left; } #gamingSystems .wp1140 .col1_3 { width: 50%; height: auto; float: left; } #gamingSystems #gsSectionNine .wp1140, #gamingSystems .chooseYourGamingSystem .wp1140 { padding: 0 50px; } #gamingSystems .chooseYourGamingSystem .wp1140 span#compare { margin-right: 10px; } #gamingSystems #gsSectionThree .wp1140 .col2_3 { width: 100%; padding-left: 0; } #gamingSystems #gsSectionThree { padding-top: 60px; } #gamingSystems #gsSectionThree .wp1140 #blank { max-width: 700px; margin: 0 auto; } #gamingSystems #gsSectionThree .wp1140 .parent { height: 260px; background-size: cover; } #gamingSystems #gsSectionFour .wp1140 .col1_3#text, #gamingSystems #gsSectionFour .wp1140 .col2_3#graph { padding-right: 0; } #gamingSystems #gsSectionFour .wp1140 { padding: 30px; } #gamingSystems #gsSectionFour { padding-bottom: 100px; } #gamingSystems #gsSectionFour .wp1140 h2 { text-align: center; } #gamingSystems #gsSectionFour .wp1140 .col1_3#text { padding-left: 20px; } #gamingSystems #gsSectionFive .wp1140 .col1_3 img { bottom: 20px; } #gamingSystems #gsSectionFive .wp1140 .col1_3 span#rotate { bottom: 130px; } #gamingSystems #gsSectionSix { padding-top: 90px; padding-bottom: 50px; } #gamingSystems #gsSectionSix .wp1140 .col1_3 p { margin-bottom: 30px; text-align: left; } #gamingSystems #gsSectionSix .wp1140 .col1_3 h2 { margin-top: 50px; text-align: center; } #gamingSystems #gsSectionSix .wp1140 .col1_3 { width: 100%; float: none; } #gamingSystems #gsSectionSix { padding-top: 20px; } #gamingSystems #gsSectionSix .wp1140 .col2_3 { margin: 0 auto; float: none; padding-right: 0; } #gamingSystems #gsSectionSeven .wp1140 .col1_3 { width: 80%; } #gamingSystems #gsSectionSeven .wp1140 .col1_3 p#pRel { left: 250px; } #gamingSystems #gsSectionSeven .wp1140 .col1_3 p#pRel span#rightText { padding-right: 90px; } #gamingSystems #gsSectionSeven .wp1140 .col1_3 h2#biggestH { text-align: right; padding-bottom: 70px; } #gamingSystems #gsSectionSeven .wp1140 #lowerText { width: 100%; padding-bottom: 0; } #gamingSystems #gsSectionSeven .wp1140 #lowerText p { text-align: center; } #gamingSystems #gsSectionSeven .wp1140 .col2_3 { margin: 0 auto; float: none; margin-bottom: 50px; padding-right: 0; } #gamingSystems #gsSectionNine .owl-carousel .item .content { margin: 0 auto; } #gamingSystems .chooseYourGamingSystem .wp1140 h2, #gamingSystems #gsSectionNine .wp1140 h2 { margin-bottom: 70px; } #gamingSystems .chooseYourGamingSystem .wp1140 .owl-nav { position: absolute; top: 50%; margin-top: -24px; left: 0; right: 0; } #gamingSystems .chooseYourGamingSystem .wp1140 .owl-nav button.owl-next { position: absolute; right: -40px; } #gamingSystems .chooseYourGamingSystem .wp1140 .owl-nav button.owl-prev { position: absolute; left: -40px; } #gamingSystems .chooseYourGamingSystem .wp1140 .owl-nav span { font-size: 100px; font-weight: 100; } #gamingSystems .chooseYourGamingSystem .wp1140 .owl-nav button.owl-prev.disabled, #gamingSystems .chooseYourGamingSystem .wp1140 .owl-nav button.owl-next.disabled { opacity: 0.3; } #gamingSystems .chooseYourGamingSystem .wp1140 .owl-nav button:hover span { color: #ed1c24; } #gamingSystems .chooseYourGamingSystem .wp1140 .owl-nav button:hover.disabled span { color: #ffffff; } } @media (max-width: 950px) { #gamingSystems #gsSectionEight .image-video-overlay { background: url(https://www.ekfluidworks.com/skin/frontend/ultimo/fluid/images/video-section-overlay_mob.jpg) center center no-repeat; background-size: cover; } } @media only screen and (max-width: 850px) { #gamingSystems #gsSectionFive .wp1140 .col1_3 img { width: 300px; } #gamingSystems #gsSectionFive .wp1140 .col1_3 img { margin-left: 30px; } #gamingSystems .chooseYourGamingSystem .wp1140 span#compare { margin: 0 auto; float: none; margin-top: 20px; } #gamingSystems #gsSectionSix .wp1140 h2 { text-align: center; } #gamingSystems #gsSectionFive .wp1140 { padding-bottom: 100px; padding-top: 100px; } } @media only screen and (max-width: 786px) { #gsSectionone .wp1140.showMiddle img { margin-top: -100px; } #gamingSystems #gsSectionone .wp1140 h3 { bottom: 50px; font-size: 30px; right: 50px; } #gamingSystems #gsSectionone .wp1140 h3 span.red { font-size: 30px; } #gamingSystems #gsSectionone .wp1140 h2 { top: 70px; } #gamingSystems .wp1140 .col1_2, #gamingSystems .wp1140 .col2_3, #gamingSystems .wp1140 .col1_3 { width: 100%; height: auto; float: none; } #gamingSystems #gsSectionFour .wp1140 .col1_3#text { padding-left: 0; } #gamingSystems #gsSectionFour .wp1140 .col2_3#graph .item img { width: 80%; margin: 0 auto; } #gamingSystems #gsSectionFive .wp1140 .col1_3.rotatingImage { position: relative; height: 500px; width: 250px; margin: 0 auto; } #gamingSystems #gsSectionFive .wp1140 .col1_3.rotatingImage img#frontImage, #gamingSystems #gsSectionFive .wp1140 .col1_3.rotatingImage img#backImage { height: 500px; } #gamingSystems #gsSectionFive .wp1140 { padding-bottom: 100px; } #gamingSystems #gsSectionSix { padding-top: 20px; } #gamingSystems #gsSectionSix .wp1140 .col1_3 p { margin-bottom: 40px; } #gamingSystems #gsSectionFour { padding: 50px 0; } #gamingSystems #gsSectionFour .wp1140 { padding: 0 30px; } #gamingSystems #gsSectionFive .wp1140 .col2_3 p { padding-right: 0; } #gamingSystems #gsSectionFive .wp1140 { padding-top: 60px; } #gamingSystems #gsSectionSeven .wp1140 p#pRel { font-size: 35px; } #gamingSystems #gsSectionSix .wp1140 .col2_3, #gamingSystems #gsSectionSeven .wp1140 .col2_3 { width: 100%; } #gamingSystems .wp1140 h2, #gsSectionone .wp1140 h2 span.red { font-size: 30px; line-height: 35px } #gamingSystems .chooseYourGamingSystem { padding-top: 70px; } .footer-wrapper .fluid-newsletter-wrapper { padding-top: 0; } .footer-wrapper .fluid-newsletter-wrapper #mlb2-895424.ml-form-embedContainer { padding-top: 0; } } @media only screen and (max-width: 600px) { #gamingSystems #gsSectionone .wp1140.showMiddle img { margin-top: -50px; } #gamingSystems #gsSectionone .wp1140 h3 { position: relative; display: block; left: auto; right: auto; top: auto; bottom: auto; text-align: center; } #gamingSystems #gsSectionFive .wp1140 .col1_3 img { margin-left: 0; } #gamingSystems #gsSectionFive .wp1140 .col1_3.rotatingImage img#frontImage, #gamingSystems #gsSectionFive .wp1140 .col1_3.rotatingImage img#backImage { top: 0; } #gamingSystems #gsSectionFive .wp1140 .col1_3.rotatingImage { height: 600px; margin: 0 auto; } #gamingSystems #gsSectionFive .wp1140 .col1_3 span#rotate { margin: 0; padding: 0; float: none; text-align: center; top: auto; left: 50%; bottom: 0; right: auto; margin-left: -95px; } } @media only screen and (max-width: 550px) { #gamingSystems #gsSectionFive .wp1140 .col1_3 img { margin-left: 0; } #gamingSystems #gsSectionone .wp1140 h2 { top: 50px; } #gamingSystems #gsSectionSix .wp1140 .col1_3 p, #gamingSystems #gsSectionThree p, #gamingSystems #gsSectionFour .wp1140 .col1_3#text p, #gamingSystems #gsSectionFive .wp1140 .col2_3 p { text-align: center; } #gamingSystems #gsSectionFive .wp1140, #gamingSystems #gsSectionSix { padding-top: 50px; } #gamingSystems #gsSectionSeven .wp1140 p#pRel { text-align: center; } #gamingSystems .chooseYourGamingSystem { padding-top: 50px; } #gamingSystems .chooseYourGamingSystem { padding: 50px 0; } #gamingSystems #gsSectionFour .wp1140 .col1_3#text p:last-child { margin-bottom: 0; } #gamingSystems #gsSectionFive .wp1140 .col2_3 h2#bottomPadding { padding-bottom: 50px; } #gamingSystems #gsSectionFive .wp1140 { padding-bottom: 50px; } #gamingSystems #gsSectionSix .wp1140 .col1_3 h2 { margin-top: 0; } #gamingSystems #gsSectionSeven { padding: 50px 0; } #gamingSystems .chooseYourGamingSystem .wp1140 h2, #gamingSystems #gsSectionNine .wp1140 h2 { margin-bottom: 50px; } #gamingSystems .chooseYourGamingSystem .wp1140 h2 span.red { font-size: 30px; } #gamingSystems .chooseYourGamingSystem .wp1140 h2 { font-size: 25px; } #gsSectionone .wp1140 h3 span.red, #gamingSystems .wp1140 h2, #gamingSystems #gsSectionSeven .wp1140 p#pRel, #gamingSystems #gsSectionone .wp1140 h3, #gamingSystems #gsSectionone .wp1140 h3 span.red, #gsSectionone .wp1140 h2 span.red { font-size: 25px; } #gamingSystems .wp1140 h2 { text-align: center; } #gamingSystems #gsSectionFive .wp1140 .col2_3 h2 { line-height: 20px; font-size: 30px; } #gamingSystems #gsSectionFive .wp1140 .col2_3 h2 span { font-size: 35px; } #gamingSystems #gsSectionFour .wp1140 .col1_3#text { padding-top: 0; } #gsSectionnewbeast .wp1140 h2 { left: 50%; transform: translate(-50%, -50%); width: 100%; } } @media only screen and (max-width: 460px) { #gamingSystems .chooseYourGamingSystem .wp1140 h2, #gamingSystems #gsSectionNine .wp1140 h2 { font-size: 30px; } } @media only screen and (max-width: 380px) { #gamingSystems .chooseYourGamingSystem { padding-top: 50px; } #gamingSystems #gsSectionFive .wp1140 .col2_3 h2 { font-size: 29px; line-height: 30px; } #gamingSystems #gsSectionFive .wp1140 .col2_3 h2 span { font-size: 29px; } #gamingSystems #gsSectionFive .wp1140 .col2_3 h2#bottomPadding { padding-bottom: 50px; } #gamingSystems #gsSectionSeven .wp1140 p#pRel { font-size: 25px; line-height: 30px; } #gamingSystems .chooseYourGamingSystem .wp1140 h2, #gamingSystems #gsSectionNine .wp1140 h2 { line-height: 35px; } #gamingSystems #gsSectionSix .wp1140 h2 { margin-bottom: 20px; } #gamingSystems #gsSectionSeven .wp1140 .col2_3 .owl-carousel { margin-right: 10px; } #gamingSystems .chooseYourGamingSystem .wp1140 h2, #gamingSystems #gsSectionNine .wp1140 h2 { font-size: 25px; line-height: 30px; } #gamingSystems .chooseYourGamingSystem .wp1140 h2 span.red { font-size: 30px; line-height: 30px; } #gamingSystems #gsSectionSix .wp1140 h2 { margin-top: 0; } #gamingSystems .chooseYourGamingSystem .wp1140 h2, #gamingSystems #gsSectionNine .wp1140 h2 { margin-bottom: 40px; } #gamingSystems #gsSectionone .wp1140 h2 { top: 10px; } } /*END GAMING SYSTEMS NEW PAGE 11_10_2018*/ /*footer relative position*/ .footer-wrapper { position: relative; } .page-spacer { display: none; } /*************************************************** **************************************************** **************************************************** Cookies popup, toggle GA **************************************************** **************************************************** ***************************************************/ .page .av-toggle-switch.active { -webkit-animation: avia-fadein 1s 1 ease-in; animation: avia-fadein 1s 1 ease-in; opacity: 1; } .page .av-toggle-switch label { cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .page .av-toggle-switch input[type=checkbox] { display: none; } .page .av-toggle-switch label .toggle-track { box-sizing: border-box; display: block; height: 27px; width: 54px; background: rgba(0, 0, 0, .08); border-radius: 100px; position: relative; margin-right: 15px; border: 1px solid rgba(0, 0, 0, .15); clear: both; vertical-align: bottom; float: left; } .cms-page-view .ow-main label .toggle-track { border-color: #fff; } .page .av-toggle-switch input[type=checkbox]:checked + .toggle-track:before { background: #5dceba; right: 27px; } .page .av-toggle-switch .toggle-track::before { content: ''; display: inline; height: 25px; width: 25px; background: #a2a2a2; border-radius: 100px; position: absolute; top: 0; right: 0; transition: right .1s ease-in; } .page .av-toggle-switch .toggle-label-content { color: inherit; font-weight: 700; display: block; overflow: hidden; font-size: inherit; } #catapult-cookie-bar { box-sizing: border-box; max-height: 0; opacity: 0; z-index: 99999; overflow: hidden; color: #ddd; position: fixed; left: 0; bottom: 0; width: 100%; background-color: #464646; } #catapult-cookie-bar a { color: #fff; } button#catapultCookie { background: #fff; color: #000; border: 0; padding: 6px 9px; border-radius: 3px; } #catapult-cookie-bar h3 { color: #ddd; } .has-cookie-bar #catapult-cookie-bar { font-size: 14px; text-align: left; opacity: 1; max-height: 999px; min-height: 30px; padding: 15px 20px 15px; z-index: 1000000; } #catapult-cookie-bar .ctcc-inner { display: flex; } #catapult-cookie-bar .ctcc-right-side { float: right; } .cookie-bar-bar button#catapultCookie { margin: 0 0 0 20px; padding: 10px 20px; font-size: 17px; } body.firecheckout-index-index .block_checkout_header_ekwb { border-color: #ed1c24; } #mini-cart p.product-name { font-size: 12px !important; } @media (max-width: 1024px) { .header-mobile .skip-content--style { max-height: none !important; } } .category-products-grid .item { border-top: none; } .big-cta { line-height: 1; background: #81bc26; display: inline-block; font-size: 21px; padding: 20px 25px; text-transform: uppercase; position: relative; overflow: hidden; letter-spacing: 1px; margin: 0px; } .call-to-action-all-kits .container { border-top: 1px solid #ec1d24; border-bottom: 1px solid #ec1d24; margin-bottom: -1px; padding: 30px 0; text-align: center; } .products-grid .item { padding-top: 10px !important; padding-bottom: 20px !important; } .products-grid .product-name { margin-top: 0px !important; } .toolbar-bottom { margin-top: 35px; } .messages { max-width: 1360px; width: 100%; margin: 0 auto; padding: 10px 15px; } /* header top navigation css */ .wrapper { border-top: none; } .header-top-navigation { background: #000000; font-family: 'DINProRegular', 'Open Sans', sans-serif; border-bottom: 1px solid #3a3a3a; text-align: left; width: 100%; overflow: hidden; position: relative; z-index: 9; } .header-top-navigation ul { margin: 0px; padding: 0px; } .header-top-navigation li { display: inline-block; } /* .header-top-navigation-inner { border-bottom: 1px solid #3a3a3a; } */ .header-top-navigation li a { font-size: 12px; color: #B9B9B9; line-height: 12px; padding: 13px 12px; -moz-transition: all .22s ease-in-out; -o-transition: all .22s ease-in-out; -webkit-transition: all .22s ease-in-out; transition: all .22s ease-in-out; text-transform: uppercase; } .header-top-navigation li.current a, .header-top-navigation li:hover a { color: #F79629; display: block; } .header-top-navigation .container { position: relative; } @media only screen and (max-width: 1450px) { .header-top-navigation .container { padding: 0 20px; } } @media (max-width: 989px) { .header-top-navigation .container { width: 100% !important; max-width: none !important; padding: 0px !important; } .header-top-navigation-inner { padding: 0 15px; } } @media (max-width: 800px) { .header-top-navigation-inner { overflow-x: scroll; width: 100%; overflow-y: hidden; -ms-overflow-style: none; scrollbar-width: none; position: relative; } .header-top-navigation .container:before { position: absolute; content: ""; display: block; z-index: 9; width: 65px; height: calc(100% - 1px); right: 0px; top: 0px; background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 1)); } .header-top-navigation-inner::-webkit-scrollbar { display: none; width: 0px; background: transparent; } .header-top-navigation ul { white-space: nowrap; } .header-top-navigation li:last-of-type { padding-right: 50px; } } /* header top navigation css end */ .alert-box-outer { padding-top: 200px; } .alert-box-inner { border: 1px solid #ed1c24; border-radius: 20px; padding: 20px 20px 20px 80px; color: #ed1c24; background: #2b2b2b; position: relative; } .alert-box-inner:before { content: "i"; position: absolute; left: 20px; top: 50%; transform: translateY(-50%); border: 1px solid #ed1c24; border-radius: 50%; padding: 10px; width: 40px; height: 40px; text-align: center; font-size: 32px; font-weight: bold; line-height: 19px; } @media (max-width: 500px) { .alert-box-inner:before { display: none; } .alert-box-inner { padding: 20px; } } .consent-news a, .consent-news span { color: #9b9b9b; } .toolbar_notice_exposed { width: 100%; height: auto; position: relative; margin-top: -5px; } .toolbar-promo .tolbar-promo-left span { font-family: 'Roboto', sans-serif !important; font-weight: normal !important; } body #confirmBox #confirmButtons .button { font-size: 14px !important; overflow: hidden; width: 190px !important; } body #confirmBox #confirmButtons .am-btn-left { margin-right: 5px; } body #confirmBox #confirmButtons .am-btn-right { background: #ed1c24 !important; } /** Fluid Gaming PCs styles **/ .fgpcs-item { font-family: 'Roboto', sans-serif; font-weight: 300; } .fgpcs-item .fgpcs-item-title { color: #ED1C24; font-size: 30px; line-height: 35px; text-transform: uppercase; margin-bottom: 10px; } .fgpcs-item .fgpcs-item-price { margin-bottom: 20px; } .fgpcs-item .fgpcs-item-price .regular-price { display: block; font-size: 22px; line-height: 22px; color: #fff; margin-bottom: 5px; } .fgpcs-item .fgpcs-item-price .old-price { display: block; font-size: 15px; line-height: 15px; color: #B9B9B9; text-decoration: line-through; } .fgpcs-item .fgpcs-item-desc { color: #B9B9B9; font-size: 14px; line-height: 22px; margin-bottom: 20px; } .fgpcs-item .fgpcs-item-select { border: 1px solid #ED1C24; padding: 20px; background: #1d1d1d; } .fgpcs-item .fgpcs-item-select > span { display: block; color: #ED1C24; font-size: 16px; line-height: 24px; text-transform: uppercase; margin-bottom: 10px; } .fgpcs-item .fgpcs-item-select > span > label { color: #585858; text-transform: none; } .fgpcs-item .fgpcs-item-select > div { padding: 14px 0; border-bottom: 1px solid #303030; position: relative; } .fgpcs-item .fgpcs-item-select > div span { display: inline-block; padding-left: 90px; padding-top: 5px; cursor: pointer; float: right; line-height: 18px; min-height: 22px; width: calc(100% - 90px); } .fgpcs-item .fgpcs-item-select > div > label { display: block; } .fgpcs-item .fgpcs-item-select > div > label:after { content: ""; display: block; clear: both; } .fgpcs-item .fgpcs-item-select > div span > strong { font-weight: normal; } .fgpcs-item .fgpcs-item-select > div:last-of-type { border-bottom: none; } .fgpcs-item .fgpcs-item-select > div.intel { background: url(https://www.ekfluidworks.com/skin/frontend/ultimo/fluid/img/Landing_Page_Nvidia-Geforce_icon.png) 30px center no-repeat; } .fgpcs-item .fgpcs-item-select > div.amd { background: url(https://www.ekfluidworks.com/skin/frontend/ultimo/fluid/img/Landing_Page_AMD-Radeon_icon.png) 31px center no-repeat; } .fgpcs-item .fgpcs-item-select input { width: 18px; height: 18px; position: absolute; left: 0px; top: 50%; transform: translateY(-50%); } .fgpcs-item-specs-line { font-size: 16px; background: #1d1d1d; border-bottom: 1px solid #0d0d0d; padding: 13px 20px 10px 20px; line-height: 20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .fgpcs-item-specs-line ul { margin-left: 20px; } .fgpcs-item-specs-line li { list-style: circle; } .fgpcs-item-specs-line:hover { background: #321d1e; } .fgpcs-item-specs-line label { color: #ED1C24; text-transform: uppercase; display: block; line-height: 16px; font-weight: bold; margin-bottom: 3px; } .fgpcs-item .fgpcs-item-pricebox { border: 1px solid #71a128; display: flex; } .fgpcs-item .fgpcs-item-pricebox .fgpcs-item-pricebox-price { height: 78px; min-width: 50%; } .fgpcs-item .fgpcs-item-pricebox .fgpcs-item-pricebox-addto { text-align: center; cursor: pointer; background: #71a128; color: #fff; font-size: 19px; text-transform: uppercase; line-height: 19px; height: 78px; line-height: 78px; padding: 0px; margin: 0px; flex-grow: 1; } .fgpcs-item .fgpcs-item-pricebox .fgpcs-item-pricebox-price .regular-price { color: #71A128; display: block; font-weight: 600; font-size: 30px; line-height: 30px; padding: 0 20px; } .fgpcs-item .fgpcs-item-pricebox .fgpcs-item-pricebox-price .old-price { display: block; color: #B9B9B9; font-size: 18px; text-decoration: line-through; line-height: 18px; padding: 0 20px; } .fgpcs-item .fgpcs-item-pricebox .fgpcs-item-pricebox-price .fgpcs-item-pricebox-price-table { display: table; height: 78px; } .fgpcs-item .fgpcs-item-pricebox .fgpcs-item-pricebox-price .fgpcs-item-pricebox-price-cell { display: table-cell; vertical-align: middle; } .fgpcs-products .owl-item { float: left; } .fgpcs-products .owl-nav.disabled, .fgpcs-products .owl-dots.disabled, .fgpcs-products .owl-dots { display: none; } .fgpcs-products .owl-stage { position: relative; -ms-touch-action: pan-Y; touch-action: manipulation; -moz-backface-visibility: hidden; } .fgpcs-products .owl-stage:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } .fgpcs-products.owl-loaded { visibility: visible; } .fgpcs-products { visibility: hidden; } .fgpcs-products .owl-stage-outer { position: relative; overflow: hidden; -webkit-transform: translate3d(0, 0, 0); } .fgpcs-products .owl-nav .owl-prev, .fgpcs-products .owl-nav .owl-next { position: absolute; left: 5px; top: 50%; background: none; border: none; color: #fff; width: 20px; height: 40px; margin-top: -20px; } .fgpcs-products .owl-nav .owl-next { left: auto; right: 5px; } .fgpcs-products .owl-nav .owl-prev.disabled, .fgpcs-products .owl-nav .owl-next.disabled { opacity: 0.4; } .fgpcs-products .owl-nav .owl-prev > span, .fgpcs-products .owl-nav .owl-next > span { font-size: 50px; line-height: 50px; color: #fff; width: 20px; height: 40px; font-family: 'Roboto', sans-serif; font-weight: 200; text-align: center; } /** End Fluid Gaming PCSs styles **/ .firecheckout-set li.companyfield input { margin: 0 5px 0 0; } .firecheckout-set li.companyfield span { position: relative; display: inline-block; top: -3px; cursor: pointer; } .firecheckout-set li.companyfield { margin-bottom: 15px; } /** powerspec fluid gaming 2019 **/ .category-prebuild-pc .inner-container { padding: 0; } .category-prebuild-pc .container { padding: 0; } category-prebuild-pc .main { padding-top: 0; } .new-fgpcs-page .slick-list { left: 0 !important; } .new-fgpcs-page #wlc-section-3 .wlc-graph-image-wrapper img { max-width: inherit; width: 61%; } .new-fgpcs-page #gamingSystems2019 h2, .new-fgpcs-page #gamingSystems2019 h3 { font-family: Goodtimes !important; font-weight: normal; } .new-fgpcs-page #gamingSystems2019 .slick-slider .slick-track { left: 0 !important; } #gamingSystems2019 #gsSection2019one, #gamingSystems2019 #gsSection2019two, #gamingSystems2019 #gsSection2019three, #gamingSystems2019 #gsSection2019Three, #gamingSystems2019 #gsSection2019Four, #gamingSystems2019 #gsSection2019Five, #gamingSystems2019 #gsSection2019Eight, #gamingSystems2019 #gsSection2019Six, #gamingSystems2019 #wlc-section-3 { position: relative; } #gamingSystems2019 #gsSection2019one:after, #gamingSystems2019 #gsSection2019two:after, #gamingSystems2019 #gsSection2019three:after, #gamingSystems2019 #gsSection2019Three:after, #gamingSystems2019 #gsSection2019Four:after, #gamingSystems2019 #gsSection2019Five:after, #gamingSystems2019 #gsSection2019Eight:after, #gamingSystems2019 #gsSection2019Six:after, #gamingSystems2019 #wlc-section-3:after { position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); height: 1px; background: #ec1d24; width: calc(100% - 30px); max-width: 1360px; display: block; content: ""; } .new-fgpcs-page #gamingSystems2019 .wp1140 { /*max-width: 1340px;*/ padding-top:20px; padding-bottom: 100px; height: inherit; margin: 0 auto; display: inline-block; width: 100%; /*display: grid;*/ } .new-fgpcs-page .gamingSystems2019 .wp1140 .row { float: left; width: 100%; margin: 20px 0 0; } .new-fgpcs-page #gamingSystems2019 .wp1140 .row .col-md-4 { width: 30%; float: left; margin-right: 3%; } .new-fgpcs-page #gamingSystems2019 .wp1140 .row .col-md-4:nth-last-of-type(1) { margin-right: 0; margin-bottom: 0; } .new-fgpcs-page #gamingSystems2019 .wp1140 .row .col-md-6 { width: 48%; float: left; margin-right: 4%; } .new-fgpcs-page #gamingSystems2019 .wp1140 .row .col-md-6:nth-last-of-type(1) { margin-right: 0; } @media only screen and (max-width: 767px) { .new-fgpcs-page #gamingSystems2019 .wp1140 .row .col-md-4, .new-fgpcs-page #gamingSystems2019 .wp1140 .row .col-md-6 { width: 100%; margin-right: 0; float: none; margin-bottom: 40px; } .catalog-product-view .inner-container h3 { font-size: 1.4em; line-height: 1.1em; height: inherit !important; } /* .new-fgpcs-page .fgpcs-products { max-width: 450px; margin: 0 auto; } */ } .category-prebuild-pc .header-primary-container { padding-bottom: 0; } .category-prebuild-pc .page-title { display: none; } /* sectionOne" */ /* .new-fgpcs-page #gsSection2019one .wp1140 { min-height: 700px; position: relative; } .new-fgpcs-page #gsSection2019one .wp1140 .gsSection2019OneContent { position: absolute; width: 30%; text-align: left; left: 0; right: inherit; top: 50%; margin-top: -350px; }*/ .new-fgpcs-page #gsSection2019one { display: inline-block; } .new-fgpcs-page #gsSection2019one .wp1140 h1 { color: #ec1d24; font-size: 22px; font-family: inherit; line-height: 28px!important; text-transform: inherit; letter-spacing: inherit; font-weight: 700; } .new-fgpcs-page #gsSection2019one .wp1140 h2 { color: #FFFFFF; font-size: 48px; /*font-family: magistral,sans-serif;*/ font-family: inherit; line-height: 1em!important; letter-spacing: inherit; position: relative; font-weight: 400; z-index: 100; margin-bottom: 20px; } .new-fgpcs-page #gsSection2019one .wp1140 p { color: #FFFFFF; font-size: 16px; width: 75%; font-weight: 300!important; } /* .new-fgpcs-page #gsSection2019one .wp1140 img { margin-top: 20px; z-index: 0; position: absolute; right: 0; width: 67%; }*/ /* sectionTwo" */ .new-fgpcs-page #gamingSystems2019 #gsSection2019two .wp1140 { padding-bottom: 90px; } .new-fgpcs-page #gsSection2019two h2, .new-fgpcs-page #gsSection2019Four h2, .new-fgpcs-page #wlc-section-3 h2, .new-fgpcs-page #gsSection2019Eight h2 { font-size: 40px; font-weight: 300; line-height: 45px; font-family: inherit; color: #fff; } .new-fgpcs-page #gsSection2019Eight h2 { font-size: 40px; font-weight: 300; line-height: 45px; font-family: inherit; color: #fff; margin-bottom: 30px; } .new-fgpcs-page #gamingSystems2019 #gsSection2019two h3 { color: #ED1C24; font-size: 30px; line-height: 35px; text-transform: uppercase; margin-bottom: 10px; font-family: "Aileron-Light" !important; margin: 20px 0; text-align: center; } .new-fgpcs-page #gamingSystems2019 #gsSection2019two img.icons { max-width: 80px; margin: 0 auto; display: block; } .new-fgpcs-page .main-container.col1-layout .container { /* width: 100%; */ max-width: 1320px; padding: 0; width: 100%; } .new-fgpcs-page .graph-button-wrapper { margin-top: 100px !important; } .catalog-product-view #gsSection2019two img.icons { max-width: 80px; margin: 0 auto 20px; display: block; } .catalog-product-view #gsSection2019two h3 { color: #ED1C24; font-size: 30px; line-height: 35px; text-transform: uppercase; margin-bottom: 10px; font-family: "Aileron-Light" !important; margin: 20px 0; text-align: center; } .new-fgpcs-page #gamingSystems2019 #gsSection2019Five .graph-wrapper .slick-list { left: 0 !important; } .categorypath-fluid-gaming-prebuild-pc .product-images .product-image { position: relative; } .categorypath-fluid-gaming-prebuild-pc .product-images .product-image:after { position: absolute; content: ""; width: 600px; height: 600px; background-image: -o-radial-gradient(circle, #fff, #000 350px); background-image: -moz-radial-gradient(circle, #fff, #000 350px); background-image: -webkit-radial-gradient(circle, #fff, #000 350px); background-repeat: no-repeat; } #gamingSystems2019 .wp1140 .col1_2, #gamingSystems2019 .wp1140 .col2_3, #gamingSystems2019 .wp1140 .col1_3 { width: 100%; height: auto; float: none; } .grid12-1, .grid12-2, .grid12-3, .grid12-4, .grid12-5, .grid12-6, .grid12-7, .grid12-8, .grid12-9, .grid12-10, .grid12-11, .grid12-12, .grid-full, .grid-col2-sidebar, .grid-col2-main { display: inline; float: left; margin-left: 1%; margin-right: 1%; } .grid12-5 { width: 39.67%; } .grid12-7 { width: 56.33%; } #wlc-section-3 { background-image: radial-gradient(circle at 21% 78%,#2f2f2f 0%,#000 32%) } #wlc-section-3 .gradient { bottom: 19%; width: 633px; left: -17%; -webkit-transform: rotate(21deg); -moz-transform: rotate(21deg); -ms-transform: rotate(21deg); -o-transform: rotate(21deg); transform: rotate(21deg) } #wlc-section-3 .clearer { margin-bottom: 50px } #wlc-section-3 .main.container { padding-bottom: 0 } #wlc-section-3 .wlc-graph-image-wrapper img { width: auto; max-width: none; position: absolute; bottom: 0 } #wlc-section-3 .graph-wrapper { margin-bottom: 40px } #wlc-section-3 .graph-wrapper img { float: right; max-width: none; height: auto } #wlc-section-3 .section-title span:not(.active) { color: inherit; font-family: inherit } #wlc-section-3 .section-title .active { font-family: inherit } .graph-button-wrapper { margin-top: 30px; position: absolute; right: 0; top: 0; } .button-graph { display: inline-block; padding: 12px 52px; margin-right: 20px; font-size: 20px; font-family: "Aileron-Regular","Roboto",Arial; border: 1px solid; cursor: pointer } .button-graph.cpu { border-color: #ec1d24 } .button-graph.cpu.active { background: #ec1d24 } .button-graph.gpu { border-color: #81bc26 } .button-graph.gpu.active { background: #81bc26 } .section-title { font-size: 45px; text-transform: uppercase; border-bottom: none; font-family: inherit; margin: 25px 0; line-height: 1 } .section-title span { color: #ec1d24; font-family: aileron-regular; font-size: inherit; line-height: inherit } .section-title+p { font-size: 18px } @media (max-width: 1366px) { .new-fgpcs-page #gamingSystems2019 { padding: 0 15px; } } @media (max-width: 1280px) { .new-fgpcs-page #gsSection2019one .wp1140 .gsSection2019OneContent { position: static; margin: 0; width: 100%; } .new-fgpcs-page #gsSection2019one .wp1140 h2 { font-size: 30px !important; } .new-fgpcs-page #gsSection2019one .wp1140 p { width: 100%; } .new-fgpcs-page #gsSection2019one .wp1140 img { position: static; width: 100%; margin: 0; } } @media only screen and (max-width: 898px) { .new-fgpcs-page #gamingSystems2019 .wp1140 { padding-top: 30px; padding-bottom: 30px; } .new-fgpcs-page #gamingSystems2019 #gsSection2019two .wp1140 { padding-bottom: 30px; } } @media only screen and (max-width: 767px) { #wlc-section-3 { background-image: inherit; } .category-prebuilt-pc .main, .category-gaming-pcs .main { padding: 20px 0 0; } #gamingSystems2019 #gsSection2019Eight:after { display: none; } .new-fgpcs-page .main-container.col1-layout .inner-container { padding: 0 15px; } .new-fgpcs-page #gamingSystems2019 #gsSection2019two img.icons { max-width: 60px; } .new-fgpcs-page #gamingSystems2019 h2 { font-size: 26px !important; line-height: 1.1em !important; max-width: 360px; } .new-fgpcs-page #gamingSystems2019 h3 { font-size: 26px !important; line-height: 1.1em !important; } .graph-button-wrapper { position: static; } } /** product detail fluid gaming 2019 **/ .img-box-style1 .product-image { margin: 0; border: none; } #gsSection2019two h4 { font-size: 30px; font-weight: 300; line-height: 1em; font-family: inherit; color: #fff; margin: 20px 0; } #gsSection2019two .row { display: inline-block; margin: 40px 0 0; } #gsSection2019two .row .col-md-4 { width: 30.33%; float: left; margin-right: 3%; } @media (max-width: 750px) { #gsSection2019two .row .col-md-4 { width: 100%; margin-right: 0px; margin-bottom: 20px; float: none; } #gsSection2019two .row .col-md-4:nth-last-of-type(1) { margin-bottom: 0px; } } .custom-separate-section { border-top: 1px solid #ec1d24; padding: 35px 0; border-bottom: 1px solid #ec1d24; margin-top: -1px; } .custom-under-image-section { margin-top: 70px; } .youtubevideo > iframe { width: 100%; height: 742px; max-width: 100%; max-height: calc((100vw - 40px) / (16/9)); } .under-image-tabs { margin-top: 70px; } .under-image-tabs-tabs .under-image-tabs-tab-title { display: inline-block; cursor: pointer; text-transform: uppercase; line-height: 18px; font-size: 18px; color: #fff; opacity: 0.7; padding: 0 20px; position: relative; } .under-image-tabs-tabs .under-image-tabs-tab-title:first-of-type { padding-left: 0px; } .under-image-tabs-tabs .under-image-tabs-tab-title.active { opacity: 1; } .under-image-tabs-content .under-image-tabs-tab-content { display: none; } .under-image-tabs-content .under-image-tabs-tab-content.active { display: block; } .under-image-tabs-content { width: 100%; margin-top: 20px; } .under-image-tabs-tab-content { width: 100%; } .under-image-tabs-tab-content:after { display: block; content: ""; clear: both; } .under-image-tabs-tabs .under-image-tabs-tab-title.active:before { content: ""; position: absolute; width: 0; height: 0; box-sizing: border-box; border: 6px solid #1d1d1d; border-color: transparent #1d1d1d #1d1d1d transparent; transform-origin: 0 0; transform: rotate(-136deg); top: 52px; right: 50%; margin-right: 5px; } .fgpcs-item-specs-line.size-3 { float: left; width: 33.3333%; border-right: 1px solid #0d0d0d; } .fgpcs-item-specs-line.size-2 { float: left; width: 50%; border-right: 1px solid #0d0d0d; } @media (max-width: 780px) { .fgpcs-item-specs-line.size-3 { width: 50%; } .under-image-tabs-tabs .under-image-tabs-tab-title { width: 100%; padding: 10px 0; text-align: center; } .under-image-tabs-tabs .under-image-tabs-tab-title.active:before { display: none; } } @media (max-width: 550px) { .fgpcs-item-specs-line.size-3, .fgpcs-item-specs-line.size-2 { width: 100%; float: none; } } .product-logo-right-corner { position: absolute; top: 0px; right: 0px; max-width: 100px; } .product-logo-right-corner img { max-width: 100%; } @media (max-width: 800px) { .product-logo-right-corner { max-width: 80px; } } .product-name h2.product-subtitle { font-size: 18px; line-height: 20px; font-family: "Aileron-Light", "Roboto", Arial; font-weight: bold; margin: -20px 0 30px 0; color: #fff; } .product-name h1 { margin-bottom: 30px; } /** Gallery images **/ .product-images { position: relative; } .product-images .product-image { margin-bottom: 20px; } .product-images .product-image img { display: block; height: auto; margin: 0 auto; /*max-width: 550px;*/ width: 100%; cursor: pointer; } .product-images .product-images-gallery .row { margin: 0 -5px; } .product-images .product-images-gallery .row div[class^="col-"] { padding: 0 5px; } .product-images .product-images-gallery a.active { /*border: 1px solid #ec1d24;*/ } .product-images .product-images-gallery a { display: block; margin-bottom: 0px; padding: 5px; box-sizing: border-box; border: 1px solid transparent; } .product-images .product-images-gallery a img { display: block; height: auto; max-width: 100%; } .product-image-wrapper .inner { width: 100%; left: auto; } .catalog-product-view .product-image-wrapper .inner { padding-left: 5%; } .catalog-product-view .product-type-data { display: flex; width: 100%; gap:15px; align-items: flex-end; } .catalog-product-view .product-type-data > .price-box { float: left; margin-top: 0; } .catalog-product-view .product-type-data .fluid_stock_container { margin: 0; top: initial!important; float: none; bottom: 10px; } .catalog-product-view .product-type-data .fluid_stock_container p.expected_date_of_avail { display: none; } .catalog-product-view .product-type-data .fluid_stock_container p.availability { display: inline-block; vertical-align: text-bottom; padding-left: 35px; margin: 0; /*max-width: 70px; margin-bottom: 3px;*/ } .catalog-product-view .product-type-data .fluid_stock_container p.availability:before { top: -7px; background: url(https://www.ekfluidworks.com/skin/frontend/ultimo/fluid/images/redesign/fg-stock-white.svg) no-repeat center center; background-size: 28px 28px; width: 28px; height: 28px; left: 0; top: initial; bottom: 0; } .catalog-product-view .product-type-data .fluid_stock_container p.availability.out-of-stock:before { background: url(https://www.ekfluidworks.com/skin/frontend/ultimo/fluid/images/redesign/fg-no-stock-white.svg) no-repeat center center; } .catalog-product-view .product-type-data .fluid_stock_container p.availability span { line-height: 1em; } .catalog-product-view .product-type-data p.availability.shipping-info { padding-left: 25px; display: none; } /*.catalog-category-view .special-price .sticker-wrapper { display: none !important; }*/ .product-images .product-images-gallery .owl-controls .owl-buttons .owl-prev { position: absolute; left: -20px; top: 50%; font-size: 41px; line-height: 33px; color: #fff; width: 20px; height: 40px; font-family: 'Roboto', sans-serif; font-weight: 200; text-align: center; margin-top: -20px; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; } .product-images .product-images-gallery .owl-controls .owl-buttons .owl-next { position: absolute; right: -20px; top: 50%; font-size: 41px; line-height: 33px; color: #fff; width: 20px; height: 40px; font-family: 'Roboto', sans-serif; font-weight: 200; text-align: center; margin-top: -20px; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; } .product-images .product-images-gallery .owl-controls .owl-buttons .owl-next:before, .product-images .product-images-gallery .owl-controls .owl-buttons .owl-prev:before { display: none; } .product-images .product-images-gallery .owl-controls .owl-buttons .owl-next:hover, .product-images .product-images-gallery .owl-controls .owl-buttons .owl-prev:hover { color: #ec1d24; } .product-images .owl-carousel .owl-wrapper-outer { padding-right: 1px; } .fancybox-button svg { color: #ec1d24; } .fancybox-button { background: rgba(255,255,255,0.9); } .zoomContainer .zoomWindowContainer { max-width: 100%; } /** Konec Gallery Images **/ .checkout-title .firecheckout-login-wrapper a { text-decoration: none; color: #fff; background: #ed1c24; display: inline-block; padding: 3px 15px; border-radius: 5px; font-size: 14px; line-height: 19px; } .checkout-title .firecheckout-login-wrapper a:hover { background: #959595; } .checkout-title .firecheckout-login-wrapper { float: left; margin: 9px 0 0 15px; } @media (max-width: 639px) { .checkout-title .firecheckout-login-wrapper { float: left; margin: 3px 0 0 15px; } } @media (max-width: 580px) { .checkout-title .firecheckout-login-wrapper { float: none; margin: 10px 0 10px 0; text-align: center; } .firecheckout-index-index .checkout-title h1 { float: none !important; text-align: center !important; } } .cart-collaterals .totals-inner .btn-checkout { margin-top: 0px; } .cart .totals .checkout-types li { margin: 20px 0; } .cart .totals .checkout-types li > span { height: 75px; line-height: 75px; } .paypal-express-btn { top: 20px; } @media (max-width: 1280px) and (min-width: 767px) { /*.cart .totals .checkout-types li { display: block; width: 100%; }*/ .paypal-express-btn { position: static; top: auto; } /*.cart .totals .checkout-types li > span { display: none; }*/ } @media (max-width: 650px) { /*.cart .totals .checkout-types li { display: block; width: 100%; }*/ .paypal-express-btn { position: static; top: auto; } /*.cart .totals .checkout-types li > span { display: none; }*/ } #pp-express-modal { color: #000 !important; } #pp-express-modal .item-row:first-of-type strong { font-weight: 800 !important; font-size: 24px !important; line-height: normal !important; word-break: break-all !important; text-align: left !important; color: #F58C12 !important; } #pp-express-modal button#paypal-express-submit { background-color: #81bc26 !important; font-weight: 400 !important; text-transform: uppercase !important; font-size: 19px !important; padding: 5px 10px !important; font-family: "Aileron-Light" !important; } .nvidia-left .ek-amd-placeholder { background: url(https://www.ekfluidworks.com/skin/frontend/ultimo/fluid/images/ek-amd.png); width: 240px; height: 32px; background-repeat: no-repeat; position: absolute; bottom: 21px; right: 23px; } .nvidia-right.amd-radeon::before, .nvidia-left.amd-radeon::before { background: #e60033; } .amd-radeon .nvidia-left .green { color: #000; } .customer-account-index .messages .success-msg ul li:last-child { display: none !important; } .top-fluid-banner { padding-top: 200px; } .top-fluid-banner a { display: block; width: 100%; text-align: center; } .top-fluid-banner a > img { display: inline-block; max-width: 100%; } .top-fluid-banner a > img.tablet, .top-fluid-banner a > img.mobile { display: none; } @media (max-width: 1160px) { .top-fluid-banner a > img.full { display: none; } .top-fluid-banner a > img.tablet { display: inline-block; } } @media (max-width: 660px) { .top-fluid-banner a > img.full, .top-fluid-banner a > img.tablet { display: none; } .top-fluid-banner a > img.mobile { display: inline-block; } } .top-fluid-banner + #sectionOne, .top-fluid-banner + #sectionOne + #homepage_top { padding-top: 40px !important; } /* Override ow-ressellers*/ .tab_titles{ margin-bottom: 10px; } #top .main_color .ow-resellers .tabcontainer .tab:not(.fullsize-tab) { display: inline-block; cursor: pointer; text-transform: uppercase; line-height: 18px; font-size: 18px; color: #fff; opacity: 0.7; /* padding: 0 20px;*/ position: relative; border: none; text-align: center; } #top .main_color .ow-resellers .tabcontainer .tab { } #top .main_color .ow-resellers .tabcontainer .tab.active_tab { color: #ED1C24; } #top .main_color .ow-resellers .tabcontainer .tab.active_tab:before { content: ""; position: absolute; width: 0; height: 0; box-sizing: border-box; border: 6px solid #1d1d1d; border-color: transparent #1d1d1d #1d1d1d transparent; transform-origin: 0 0; transform: rotate(-136deg); top: 126%; right: 43%; margin-right: 5px; } .tab_titles{ display: flex; flex-direction: row; justify-content: space-between; height: 70px; } #top .main_color .ow-resellers .tabcontainer .tab:not(.fullsize-tab):hover{ color:red; transition: all .22s ease-in-out; } .ow-reseller.flex_column.av_one_fifth { font-size: 16px; background: #1d1d1d; border-bottom: 1px solid #0d0d0d; padding: 13px 20px 10px 20px; line-height: 20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .ow-reseller.flex_column.av_one_fifth h5 { color: #ED1C24; } a.ow-reseller-url, a.ow-reseller-email{ display: block; } .ow-reseller.flex_column.av_one_fifth { font-size: 16px; background: #1d1d1d; border-bottom: 1px solid #0d0d0d; padding: 13px 20px 10px 20px; line-height: 20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .tab_content{ width:auto !important; padding: 0 !important; } .tab_inner_content{ padding: 0; } .tab_inner_content{ margin: 0 !important; } .js_active .active_tab_content{ border: 0 !important; } @media (max-width: 660px) { #ow-map-continents { display: none; } } /* End override */ .end-of-life-alert { margin-top: 30px; border: 1px solid #ed1c24; color: #ed1c24; padding: 3px 15px; text-align: center; } .product-view .retangular .sticker { border-radius: 0px; height: 35px; width: auto; padding: 0 10px; line-height: 35px; } .top-fluid-banner .top-fluid-banner-cont { position: relative; } .top-fluid-banner .slick-arrow { position: absolute; top: 48%; z-index: 10; width: 15px; height: 30px; background: transparent url(https://www.ekfluidworks.com/skin/frontend/ultimo/fluid/images/arr-right.svg) center center no-repeat; font-size: 0; border: none; cursor: pointer; } .top-fluid-banner .slick-arrow.slick-prev { left: 0; -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); } .top-fluid-banner .slick-arrow.slick-next { right: 0; } .wlc-slider .slick-track { display: flex; } #lang-switcher-wrapper-regular { line-height: 31px; } @media only screen and (max-width: 1024px) { #lang-switcher-wrapper-regular { margin-top: 7px; } } .header-container .dropdown .dropdown-content a:hover, .header-container .dropdown.open>.dropdown-heading.cover a:hover, .header-container .form-search .search-autocomplete li:hover { color: #ec1d24; } #checkout-additional > .block-title { display: block !important; } #checkout-additional > .block-title:before { counter-increment: firecheckout-section-number; content: counter(firecheckout-section-number); font-family: Verdana, sans-serif; font-size: 12px; margin: 0 7px 0 0; background: #000; color: #fff; font-weight: normal; vertical-align: top; display: inline-block; width: 22px; height: 22px; text-align: center; line-height: 22px; background: #ec1d24 !important; color: #fff !important; border-radius: 50%; line-height: 23px !important; } #billing-address > .block-title::before, #shipping-method > .block-title::before, #payment-method > .block-title::before, #checkout-review > .block-title::before { background: #ec1d24 !important; color: #fff !important; } .firecheckout-set .form-list label { color: #fff !important; } .firecheckout-index-index .firecheckout-section .block-title { margin: 0 0 15px 0; text-transform: uppercase; color: #000; font-weight: bold; } .firecheckout-index-index #checkout-review-table thead { background: #3a3a3a !important; } .discount-block #checkout-coupon-discount-load #coupon-apply { background-color: #ec1d24; } .firecheckout-set button.btn-checkout, .firecheckout-set button.btn-primary, .firecheckout-window button.button { background-color: #ec1d24 !important; } .fc-form-compact .field.fc-dirty label, .fc-form-compact .field .fc-dirty label, .fc-form-compact .wide.fc-dirty label, .fc-form-compact .wide .fc-dirty label { color: #fff !important; } .firecheckout-set select, .firecheckout-set .form-list select { background-color: #242323 !important; border: 1px solid #606060 !important; } /*.firecheckout-set select option { color: #fff !important; }*/ .firecheckout-window .page-title { margin: 0 0 8px; text-align: left; font-size: 20px; line-height: normal; } .firecheckout-window .page-title span { color: #0A263C; font-size: 20px; margin: 0; } .firecheckout-window .fc-window-content { padding: 20px 15px !important; } /** language Switcher **/ .header-top-navigation .header-top-navigation-inner { display: flex; width: calc(100% - 30px); } .header-top-switcher { margin-left: auto; } .header-top-switcher .dropdown .dropdown-icon { display: none !important; } .header-top-switcher a { color: #B9B9B9 !important; color: #B9B9B9 !important; vertical-align: top !important; max-height: 38px !important; } .header-top-switcher .caret { color: #B9B9B9 !important; opacity: 1 !important; filter: none !important; border-top-color: #B9B9B9 !important; margin-bottom: -4px !important; vertical-align: middle !important; } .header-top-switcher .dropdown.open > .dropdown-heading.cover > span, .header-top-switcher .dropdown.open > .dropdown-heading.cover > div { background-color: transparent; } .header-top-switcher .dropdown.open .caret { border-top-color: #f89829 !important; color: #f89829 !important; -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -o-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .header-top-switcher .dropdown .dropdown-content > li.current { display: none !important; } .header-top-switcher .dropdown .dropdown-content { padding: 5px !important; background: #1a1a1a !important; border-top: 1px solid #3a3a3a; min-width: 100px !important; } .header-top-switcher li a { text-transform: none !important; padding: 10px !important; } .header-top-switcher li a:hover { color: #f89829 !important; } .header-top-switcher .lang-switcher { height: 38px !important; line-height: 38px !important; white-space: nowrap !important; } .header-top-switcher .dropdown .dropdown-heading.cover > span > * { vertical-align: top; } @media (max-width: 800px) { .header-top-switcher { padding-right: 75px; } .header-top-navigation .header-top-navigation-inner { position: static !important; } .header-top-switcher .lang-switcher { position: static !important; } .header-top-switcher .dropdown .dropdown-content { position: absolute; right: 0px; top: 38px; max-width: 150px; } } .header-top-switcher .dropdown .dropdown-heading.cover > span > * { font-family: 'DINProRegular', 'Open Sans', sans-serif; font-size: 13px; line-height: 38px; } /** Konec language Switcher **/ /* ---------- dig-1527-fluidgaming-redesign ---------- */ .container { max-width: 1200px; } .header-top-navigation .container { max-width: 1200px; } .clearFixFluid { padding-top: 110px; } @font-face { font-family: 'DINProRegular'; src: url('https://www.ekfluidworks.com/skin/frontend/ultimo/fluid/fonts/din/DINPro-Regular.eot'); src: url('https://www.ekfluidworks.com/skin/frontend/ultimo/fluid/fonts/din/DINPro-Regular.eot') format('embedded-opentype'), url('https://www.ekfluidworks.com/skin/frontend/ultimo/fluid/fonts/din/DINPro-Regular.woff2') format('woff2'), url('https://www.ekfluidworks.com/skin/frontend/ultimo/fluid/fonts/din/DINPro-Regular.woff') format('woff'), url('https://www.ekfluidworks.com/skin/frontend/ultimo/fluid/fonts/din/DINPro-Regular.ttf') format('truetype'); /*url('https://www.ekfluidworks.com/skin/frontend/ultimo/fluid/fonts/din/DINPro-Regular.svg#DINProRegular') format('svg');*/ } @font-face { font-family: 'DINProMedium'; src: url('https://www.ekfluidworks.com/skin/frontend/ultimo/fluid/fonts/din/DINPro-Medium.eot'); src: url('https://www.ekfluidworks.com/skin/frontend/ultimo/fluid/fonts/din/DINPro-Medium.eot') format('embedded-opentype'), /*url('https://www.ekfluidworks.com/skin/frontend/ultimo/fluid/fonts/din/DINPro-Medium.woff2') format('woff2'),*/ url('https://www.ekfluidworks.com/skin/frontend/ultimo/fluid/fonts/din/DINPro-Medium.woff') format('woff'), url('https://www.ekfluidworks.com/skin/frontend/ultimo/fluid/fonts/din/DINPro-Medium.ttf') format('truetype'); /*url('https://www.ekfluidworks.com/skin/frontend/ultimo/fluid/fonts/din/DINPro-Medium.svg#DINProMedium') format('svg');*/ } @font-face { font-family: 'DINProBold'; src: url('https://www.ekfluidworks.com/skin/frontend/ultimo/fluid/fonts/din/DINPro-Bold.eot'); src: url('https://www.ekfluidworks.com/skin/frontend/ultimo/fluid/fonts/din/DINPro-Bold.eot') format('embedded-opentype'), /*url('https://www.ekfluidworks.com/skin/frontend/ultimo/fluid/fonts/din/DINPro-Bold.woff2') format('woff2'),*/ url('https://www.ekfluidworks.com/skin/frontend/ultimo/fluid/fonts/din/DINPro-Bold.woff') format('woff'), url('https://www.ekfluidworks.com/skin/frontend/ultimo/fluid/fonts/din/DINPro-Bold.ttf') format('truetype'); /*url('https://www.ekfluidworks.com/skin/frontend/ultimo/fluid/fonts/din/DINPro-Bold.svg#DINProBold') format('svg');*/ } @font-face { font-family: 'DINProBlack'; src: url('https://www.ekfluidworks.com/skin/frontend/ultimo/fluid/fonts/din/DINPro-Black.eot'); src: url('https://www.ekfluidworks.com/skin/frontend/ultimo/fluid/fonts/din/DINPro-Black.eot') format('embedded-opentype'), /*url('https://www.ekfluidworks.com/skin/frontend/ultimo/fluid/fonts/din/DINPro-Black.woff2') format('woff2'),*/ url('https://www.ekfluidworks.com/skin/frontend/ultimo/fluid/fonts/din/DINPro-Black.woff') format('woff'), url('https://www.ekfluidworks.com/skin/frontend/ultimo/fluid/fonts/din/DINPro-Black.ttf') format('truetype'); /*url('https://www.ekfluidworks.com/skin/frontend/ultimo/fluid/fonts/din/DINPro-Black.svg#DINProBlack') format('svg');*/ } h1 { font-family: DINProBlack; font-size: 36px; font-weight: 900; line-height: 46px; text-transform: uppercase; } h2 { font-family: DINProBlack; font-size: 36px; font-weight: 900; line-height: 46px; } h3 { font-family: DINProRegular; font-size: 18px; font-weight: normal; line-height: 23px; text-transform: uppercase; } h4 { font-family: DINProRegular; font-size: 18px; font-weight: normal; line-height: 23px; } h5 { font-family: DINProRegular; font-size: 14px; font-weight: normal; line-height: 18px; } h1.underline, h2.underline, h3.underline, h4.underline, h5.underline { position: relative; padding-bottom: 15px; } h1.underline:after, h2.underline:after, h3.underline:after, h4.underline:after, h5.underline:after { position: absolute; bottom: 0; left: 0; width: 250px; border-bottom: 1px solid #fff; content: ''; } p, p > a, li { font-family: DINProRegular!important; font-size: 18px; line-height: 23px; } .main-container .inner-container ul { margin-bottom: 20px; } .postContent ul li { position: relative; padding-left: 15px; line-height: 30px; } .postContent ul li:before { content: '-'; position: absolute; left: 0; } .std b, .std strong { font-family: 'DINProBold'; } .form-list li { margin: 0 0 10px; } .form-list .field, .form-list .wide .input-box, .form-list > li > .input-box { margin-bottom: 10px; } hr.under-title { width: 250px; } .header-container2 { background: #000; } body .page, .ow-main { background: #191919; } /*body .ow-main > .main-container > .main.container {*/ body .main-container[class*="layout"] > .main.container { padding-top: 120px; padding-bottom: 100px; } .top-fluid-banner { /*padding-top: 240px;*/ /*padding-top: 110px;*/ padding-top: 0; } .header-container3 { position: relative; margin: 0 auto; width: 100%; max-width: 1200px; } .header-primary-container { margin-right: 200px; padding-bottom: 20px; } .header-top-container { position: absolute; right: 0; width: 250px; } .header a { color: #838383; } .header-primary { border-bottom: none; } .newHeader .header .logo-wrapper .logo img { max-width: 123px; } .header-top-container .header-location { height: 47px; padding: 12px 20px 8px 0; box-sizing: border-box; left: -30px; cursor: pointer; position: relative; } .header-top-container .header-location img { width: 34px; height: auto; margin-right: 5px; } .header-top-container .header-location span { color: #838383; font-size: 16px; font-family: 'DINProRegular'; position: relative; top: -2px } .header-top-container .header-location span.arrow { width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 5px solid #838383; position: absolute; top: 9px; right: -15px; } @media only screen and (max-width: 1024px) { .header-top-container .header-location-cont { z-index: 10; } .header-top-container .header-location { padding: 0; height: auto; left: -15px; } } .locations-container { margin: 90px 30px; } .locations-container .popup-locations { display: flex; justify-content: center; } .locations-container .popup-location { display: flex; flex-direction: column; padding: 30px 20px 20px; } .locations-container .popup-location img { margin: 0 0 10px 0; width: 90px; height: auto; } .locations-container .popup-location span { display: block; font-size: 16px; font-family: 'DINProRegular'; color: #000; } /* --- header menu --- */ .header .ow_custom_top_menu > .links > li a { font-family: 'DINProRegular', 'Open Sans', sans-serif; } .ow_custom_top_menu > .links { margin-right: 0; float: left; } .ow_custom_top_menu > .links > li { position: static; } .header .ow_custom_top_menu > .links > li > a { font-size: 18px; letter-spacing: 0; line-height: 23px; padding: 0; } .sticky-header .ow_custom_top_menu > .links > li > a { line-height: 45px; } .sticky-header .ow_custom_top_menu > .links { padding-left: 55px; } .ow_custom_top_menu > .links > li:hover:before, .ow_custom_top_menu > .links > li:hover:after { border: none; } .ow_custom_top_menu > .links .has-submenu { position: relative; } .ow_custom_top_menu > .links > .has-submenu:hover > ul > li:first-child:before { width: 0; height: 0; border-style: solid; border-width: 0 19.5px 13px 19.5px; border-color: transparent transparent rgba(224,30,59,0.8) transparent; position: absolute; content: ''; top: -13px; left: calc(50% - 19.5px); transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; } .ow_custom_top_menu > .links > .has-submenu:hover > ul > li:first-child:hover:before { border-color: transparent transparent #E01E3B transparent; } .header-container .links-cont { display: none; } @media only screen and (min-width: 1025px) { .ow_custom_top_menu > .links .has-submenu .links { width: 250px; background: none; top: 22px; padding-top: 44px; position: absolute; left: 0; visibility: hidden; opacity: 0; transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; display: block !important; } .ow_custom_top_menu > .links .has-submenu:hover > .links { visibility: visible; opacity: 1; } .ow_custom_top_menu > .links .has-submenu .links li { width: 100%; display: inline-block; float: none; background: rgba(224,30,59,0.8); line-height: 35px; transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; margin-bottom: 5px; position: relative; } .ow_custom_top_menu > .links .has-submenu .links li a { color: #fff; font-size: 16px; text-transform: unset; line-height: 20px; box-sizing: border-box; padding: 5px 10px; } .ow_custom_top_menu > .links .has-submenu .links li:hover, .ow_custom_top_menu > .links .has-submenu .links li a:hover { background: none; background: #E01E3B; } .sticky-header .ow_custom_top_menu > .links .has-submenu .links { padding-top: 0; top: 58px; transform: translate(-50%, 0); left: 50%!important; max-width: 1360px; } .ow_custom_top_menu > .links > .has-submenu .links > .has-submenu .links { left: 100%!important; top: 0; padding-top: 0; margin-left: 5px; transform: none; } .sticky-header .ow_custom_top_menu > .links > .has-submenu:hover > a:before { top: 45px; } } @media only screen and (max-width: 1024px) { .ow_custom_top_menu > .links .has-submenu .links li a { text-align: left!important; } .header-container .logo-wrapper--mobile { float: left; min-width: 125px; width: 40%; } .header-container .links-cont { float: left; width: 60%; min-width: 225px; margin-top: 13px; display: block; } .header-container .clearer.after-mobile-logo { display: none; } .has-submenu li:before { content: none!important; } } @media only screen and (max-width: 500px) { .header-container .links-cont { padding-left: 12.5%; box-sizing: border-box; width: 50%; min-width: auto; } .header-container .logo-wrapper--mobile { width: 50%; } } @media only screen and (max-width: 400px) { .header-container .links-cont { /*padding-left: calc(100% - 150px - 225px);*/ } .header-container2 { min-height: 126.5px; } } /* --- header cart --- */ .header .right-column .item #mini-cart { background: url('https://www.ekfluidworks.com/skin/frontend/ultimo/fluid/images/redesign/fg-basket-grey.svg') center center no-repeat; background-size: 30px 28px; margin: 0!important; width: 30px; height: 28px; cursor: pointer; -webkit-transition: background-size .3s; -moz-transition: background-size .3s; -ms-transition: background-size .3s; -o-transition: background-size .3s; transition: background-size .3s; } .header .right-column .item #mini-cart:hover { background: url('https://www.ekfluidworks.com/skin/frontend/ultimo/fluid/images/redesign/fg-basket-white.svg') center center no-repeat; background-size: 30px 28px; } .skip-link .count { background-color: #E13448; } /* --- header cart dropdown --- */ .header-regular .right-column .dropdown .dropdown-content.mini-cart-content { border: none; background: none!important; right: -60px; padding: 100% 0 0 0; width: 400px; } .header-regular .right-column .dropdown .dropdown-content.mini-cart-content > div { padding: 50px; position: relative; background: #fff; } .header-regular .right-column .dropdown .dropdown-content.mini-cart-content > div:before { width: 0; height: 0; border-style: solid; border-width: 0 19.5px 13px 19.5px; border-color: transparent transparent #ffffff transparent; position: absolute; top: -13px; right: 55px; content: ''; } .header .right-column .item #mini-cart .item { margin: 0 0 15px 0; } .mini-products-list .product-image { width: 60px; } .mini-products-list .product-details { margin-left: 75px; } .mini-products-list .product-details > *, .mini-products-list .product-details, .mini-cart .mini-cart-content .incl-tax { color: #000!important; font-size: 14px; font-family: DINProRegular; } .mini-products-list .product-details strong { font-weight: normal!important; font-family: DINProRegular; } .mini-cart .mini-cart-content .empty { color: #000; font-family: DINProRegular; font-size: 16px; letter-spacing: 0; line-height: 21px; padding: 0; } #mini-cart p.product-name a { color: #000!important; font-family: DINProBlack; font-size: 14px; font-weight: 900; letter-spacing: 0; line-height: 16px; } .mini-cart .mini-cart-content .subtotal { border-top: 1px solid #000; padding-top: 15px; } .mini-cart .mini-cart-content .subtotal .label { color: #000000; font-family: DINProBlack; font-size: 16px; font-weight: 900; letter-spacing: 0; line-height: 17px; } .mini-cart .mini-cart-content .subtotal .price { color: #000000; font-family: DINProRegular; font-size: 16px; letter-spacing: 0; line-height: 21px; } .header .right-column .item #mini-cart .button { margin: 10px 0 0 0; padding: 0; height: auto; min-height: 40px; background: #E01E3B; color: #fff; text-transform: unset!important; } .header .right-column .item #mini-cart .button span { font-family: DINProBlack!important; font-size: 16px!important; font-weight: 900!important; letter-spacing: 0; line-height: 21px; text-transform: unset!important; color: #fff; } .header .right-column .item #mini-cart .button:before, .header .right-column .item #mini-cart .button:hover:before, .header .right-column .item #mini-cart .button:after, .header .right-column .item #mini-cart .button:hover:after { content: none; border: none; } .header .right-column .item #mini-cart .button:not(.btn-checkout) { border: 3px solid #E01E3B; background: none; padding: 0; } .header .right-column .item #mini-cart .button:not(.btn-checkout) span { color: #000; } /* --- add to cart popup --- */ #confirmOverlay { background: rgba(0, 0, 0, 0.7); } body #confirmBox { border-radius: 0; width: 450px; } #confirmBox span.cross { font-size: 45px!important; line-height: 40px; } #confirmBox .displayed-qty { display: none; } #confirmBox .amcart-title a { color: #000!important; font-family: DINProBlack; font-size: 30px; font-weight: 900; letter-spacing: 0; line-height: 38px; text-transform: uppercase; max-width: 350px; margin: 30px auto 5px; } #confirmBox .amcart-title p { font-family: DINProRegular; font-size: 24px; letter-spacing: 0; line-height: 31px; text-align: center; display: block!important; } .displayed-qty .child-block { width: 100%; } body #confirmBox #confirmButtons { margin: 40px auto 80px; padding: 0; } body #confirmBox #confirmButtons .button { width: 100%!important; color: #000000; font-family: DINProBlack; font-size: 18px!important; font-weight: 900; letter-spacing: 0; line-height: 23px; background: none; border: 3px solid #E01E3B; max-width: 350px; text-transform: unset; border-radius: 0; box-shadow: none; margin: 0 auto 20px auto; display: block; padding: 0; height: 45px; } body #confirmBox #confirmButtons .button:after { content: none; } body #confirmBox #confirmButtons .am-btn-right { background: #E01E3B!important; color: #fff; margin-bottom: 10px; } /* --- header login --- */ #header-account .first:after { content: none; } #header-account .first a { background: transparent url('https://www.ekfluidworks.com/skin/frontend/ultimo/fluid/images/redesign/fg-profile-grey.svg') center center no-repeat; height: 32px; width: 26px; background-size: 26px 32px; display: inline-block; text-indent: 200%; white-space: nowrap; overflow: hidden; -webkit-transition: background-size .3s; -moz-transition: background-size .3s; -ms-transition: background-size .3s; -o-transition: background-size .3s; transition: all .3s; } #header-account .first a:hover { background: transparent url('https://www.ekfluidworks.com/skin/frontend/ultimo/fluid/images/redesign/fg-profile-white.svg') center center no-repeat!important; color: inherit!important; background-size: 26px 32px!important; } #header-account .last { display: none; } /* --- header search --- */ #header-search { border: none; } #header-search #search_mini_form { min-width: 0; display: block; } #header-search #search_mini_form .form-search { position: relative; } #header-search .form-search input#search { position: absolute; display: none; background: #fff; color: #666; font-size: 18px; padding: 10px 15px; width: 500px; height: 50px; right: calc(-100% - 10px); top: -11px; } #header-search .form-search .button { background: transparent url('https://www.ekfluidworks.com/skin/frontend/ultimo/fluid/images/redesign/fg-search-grey.svg') center center no-repeat;background-size: 20px 25px; height: 50px; width: 50px; -webkit-transition:background-size .3s; -moz-transition:background-size .3s; -ms-transition:background-size .3s; -o-transition:background-size .3s; transition:background-size .3s; top: -12px; right: -11px; position: absolute; margin: 1px; padding: 0; } #header-search .form-search .button:hover { background: transparent url('https://www.ekfluidworks.com/skin/frontend/ultimo/fluid/images/redesign/fg-search-white.svg') center center no-repeat; background-size: 28px 28px; } #header-search #search_mini_form .form-search.activeSearch .button { background: #E01E3B url('https://www.ekfluidworks.com/skin/frontend/ultimo/fluid/images/redesign/search-white.svg') center center no-repeat; background-color: #E01E3B!important; padding: 5px!important; } #header-search .form-search .button:before { content: none!important; } .header-container .form-search .search-autocomplete { top: 40px!important; width: 500px; min-height:200px; max-width: 500px; background: #fff; position: absolute; left: -490px!important; border: none; border-radius: 0; } .form-search .search-autocomplete ul { box-shadow: none!important; padding: 0; } .searchautocomplete .searchautocomplete-placeholder ul li .highlight, .searchautocomplete .searchautocomplete-placeholder ul li:hover .highlight, .searchautocomplete .searchautocomplete-placeholder .index-title span, .header-container .form-search .search-autocomplete li, .searchautocomplete .price-box .price, .searchautocomplete .price-as-configured .price { color: #000; font-family: 'DINProRegular'!important; } .searchautocomplete .searchautocomplete-placeholder ul li { margin: 25px; padding: 0; } .searchautocomplete .searchautocomplete-placeholder ul li a.name { font-family: 'DINProRegular'!important; font-weight: 900; color: #000; } .searchautocomplete .searchautocomplete-placeholder .all { margin: 20px; font-family: 'DINProRegular'!important; } @media only screen and (max-width: 1024px) { .header-primary-container{ margin-right: 0!important; padding-top: 20px!important; } .header-mobile .skip-content--style { background: #fff; } .mini-cart .mini-cart-content .actions button { background: #E01E3B; } .mini-cart .mini-cart-content .actions button { margin: 10px 0 0 0; padding: 0; height: auto; min-height: 40px; background: #E01E3B; color: #fff; text-transform: unset!important; } .mini-cart .mini-cart-content .actions button span { font-family: DINProBlack!important; font-size: 16px!important; font-weight: 900!important; letter-spacing: 0; line-height: 21px; text-transform: unset!important; color: #fff; } .mini-cart .mini-cart-content .actions button:before, .mini-cart .mini-cart-content .actions button:hover:before, .mini-cart .mini-cart-content .actions button:after, .mini-cart .mini-cart-content .actions button:hover:after { content: none; border: none; } .mini-cart .mini-cart-content .actions button:not(.btn-checkout) { border: 3px solid #E01E3B; background: none; padding: 0; } .mini-cart .mini-cart-content .actions button:not(.btn-checkout) span { color: #000; } } @media only screen and (max-width: 1024px) { .header .ow_custom_top_menu > .links > li > a { line-height: 3em!important; } .ow_custom_top_menu > .links .has-submenu .links { visibility: visible!important;; opacity: 1!important; display: block; } } /* --- content --- */ .checklist { margin-left: 0!important; } .checklist li { background: none!important; padding-left: 0!important; font-family: 'DINProRegular'!important; } .checklist li a { font-family: inherit!important; font-size: inherit; } .checklist li strong { font-family: 'DINProBlack'!important; } .checklist li:before { content: '-'; margin-right: 7px; font-family: 'DINProRegular'!important; } .product-name h1, .product-name h2, .page-title h1, .page-title h2 { color: #FFFFFF; font-family: DINProBlack; font-size: 36px; font-weight: 900; line-height: 46px; } .page-title h1, .product-name h1 { text-transform: uppercase; } .page-title h3, .page-title h4, .product-name h3, .product-name h4 { color: #FFFFFF; font-family: DINProRegular; font-size: 18px; line-height: 23px; } .page-title h3, .product-name h3 { text-transform: uppercase; } .page-title h5, .product-name h5 { color: #FFFFFF; font-family: DINProRegular; font-size: 14px; line-height: 18px; } .blog-section .owl-buttons > div.owl-prev { background-image: url('https://www.ekfluidworks.com/skin/frontend/ultimo/fluid/images/redesign/arrow-left.png'); height: 100%; width: calc((100vw - 100%) * 0.5); left: initial; right: calc(100% - 10px); background-position: right center; min-width: 20px; } .blog-section .owl-buttons > div.owl-next { background-image: url('https://www.ekfluidworks.com/skin/frontend/ultimo/fluid/images/redesign/arrow-right.png'); height: 100%; width: calc((100vw - 100%) * 0.5); right: initial; left: calc(100% - 10px); background-position: left center; min-width: 20px; } /* owl pager za mobilce */ .blog-section .owl-pagination { text-align: center; overflow: hidden; margin: 20px auto 0; } .blog-section .owl-pagination .owl-page { border: 2px solid #979797; width: 20px; height: 20px; margin-right: 15px; background: none; display: inline-block; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; cursor: pointer; } .blog-section .owl-pagination .owl-page:last-child { margin-right: 0; } .blog-section .owl-pagination .owl-page:hover, .blog-section .owl-pagination .owl-page.active { border-color: #E01E3B; background: #E01E3B; } @media (max-width: 1260px) { .blog-section .owl-buttons > div.owl-prev { left: -3px; } .blog-section .owl-buttons > div.owl-next { right: -3px; left: initial; } } .toolbar_notice_exposed { margin: 0!important; } .toolbar-promo { background: #525252!important; min-height: 60px!important; height: auto; } .toolbar-promo .toolbar-promo-inner { padding-left: 15px; height: auto; display: flex; } .toolbar-promo .toolbar-promo-table { display: flex; align-items: center; } .toolbar-promo .toolbar-promo-inner, .toolbar-promo .toolbar-promo-left, .toolbar-promo .toolbar-promo-right, .toolbar-promo .toolbar-promo-table { min-height: 60px!important; height: auto; } .toolbar-promo .toolbar-promo-left span, .toolbar-promo .toolbar-promo-right span { font-family: 'DINProRegular'!important; font-size: 16px; line-height: 23px; } .toolbar-promo.toolbar-promo-black { border: none!important; } .toolbar-promo .toolbar-promo-right span { line-height: 40px; } .toolbar-promo .button-toolbar-promo { background-color: #E01E3B; color: #fff; font-family: DINProRegular!important; font-weight: 900; font-size: 18px; line-height: 23px; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; top: 5px; } .toolbar-promo .button-toolbar-promo:hover { -webkit-box-shadow: 0px 0px 15px 0px rgba(224,30,59,1); -moz-box-shadow: 0px 0px 15px 0px rgba(224,30,59,1); box-shadow: 0px 0px 15px 0px rgba(224,30,59,1); background-color: #E01E3B!important; color: #fff!important; } .toolbar-promo .toolbar-promo-left { width: calc(100% - 380px)!important; height: auto; float: none; } .toolbar-promo .toolbar-promo-left .toolbar-promo-cell:last-of-type { width: 100%!important; } .toolbar-promo .toolbar-promo-right { width: 350px!important; height: auto; float: none; display: flex; align-items: center; } .toolbar-promo .toolbar-promo-right .toolbar-promo-cell { display: flex; margin: 5px 0; justify-content: flex-end; } .toolbar-promo #demo { display: flex; } .toolbar-promo #demo .date-wrap { display: flex; flex-wrap: wrap; justify-content: center; } .toolbar-promo #demo .date-wrap span { width: 18px; margin: 0 1px; height: 26px; justify-content: center; display: flex; background: #000; color: #fff; font-size: 14px; font-family: DINProBold!important; align-items: center; } .toolbar-promo #demo .date-wrap span.word { width: 100%; background: none; font-size: 10px; height: 10px; margin: 0; font-family: DINProRegular!important; flex: 0 0 100%; display: flex; justify-content: center; } .toolbar-promo #demo span.dots { color: #000; font-size: 20px; height: 20px!important; top: -10px; position: relative; } .toolbar-promo .toolbar-promo-right .btn { font-family: DINProBold!important; font-size: 16px; background: #fff; color: #000; width: 150px;margin: 0 0 0 30px; text-align: center; line-height: 32px; height: 32px; } .toolbar-promo .toolbar-promo-right .btn:hover { background: #eee; color: #000!important; } @media (max-width: 810px) { .toolbar-promo .toolbar-promo-inner { flex-direction: column; gap: 10px; align-items: center; margin: 10px 0; } .toolbar-promo .toolbar-promo-left { display: block; width: 100%!important; margin: 0; } .toolbar-promo .toolbar-promo-left .toolbar-promo-cell { text-align: center; } .toolbar-promo .toolbar-promo-inner { padding-left: 0; width: 100%!important; } .toolbar-promo .toolbar-promo-right .toolbar-promo-cell { justify-content: center; } .toolbar-promo .toolbar-promo-right .btn { margin-top: 0; } } @media (max-width: 550px) { } #fullWidthVideo { pointer-events: initial; } /* --- naslovnica slider --- */ .top-fluid-banner .slick-dots { text-align: center; overflow: hidden; margin: -50px auto 16px; position: relative; z-index: 10; } .top-fluid-banner .slick-dots li { border: 2px solid #979797; width: 20px; height: 20px; margin-right: 15px; background: none; display: inline-block; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; cursor: pointer; } .top-fluid-banner .slick-dots li:last-child { margin-right: 0; } .top-fluid-banner .slick-dots li:hover, .top-fluid-banner .slick-dots li.slick-active { border-color: #E01E3B; background: #E01E3B; } .top-fluid-banner .slick-dots li button { display: none; } /* --- naslovnica choose side --- */ .choose-side { background: #fff; text-align: center; padding: 85px 0 85px; width: 100vw !important; margin-left: -50vw !important; margin-right: -50vw !important; left: 50% !important; right: 50% !important; } .choose-side h2 { position: relative; display: block; clear: both; margin-bottom: 55px; } .choose-side h2 span { color: #000000; font-family: DINProBlack!important; font-size: 36px; font-weight: 900; line-height: 46px; text-transform: uppercase; z-index: 1; position: relative; overflow: hidden; margin-bottom: 10px; background: #fff; padding: 0 50px; display: inline-block; margin-bottom: 0; } .choose-side h2:after { width: 100%; height: 1px; border-bottom: 1px solid #000; position: absolute; top: 51%; content: ''; overflow: hidden; left: 0; } .choose-side .home-button { height: 270px; line-height: 270px; width: calc(50% - 15px); margin-right: 30px; background: #494949; display: block; float: left; position: relative; } .choose-side .home-button img { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); visibility: hidden; opacity: 0; -webkit-transition: all 300ms linear; -ms-transition: all 300ms linear; transition: all 300ms linear; } .choose-side .home-button img.white, .choose-side .home-button:hover img.color { visibility: visible; opacity: 1; } .choose-side .home-button:hover img.white { visibility: hidden; opacity: 0; } .choose-side .home-button.button-nvidia { margin: 0; } @media (max-width: 767px) { .choose-side { padding: 30px 0 50px; } .choose-side .home-button { padding: 10px; height: 200px; line-height: 200px; box-sizing: border-box; } .choose-side .home-button img { width: 100%; display: block; padding: 10px; box-sizing: border-box; } .choose-side .main { min-height: auto; } } @media (max-width: 500px) { .choose-side .home-button { height: 100px; line-height: 100px; width: calc(50% - 5px) } .choose-side .home-button.button-amd { margin-right: 10px; } } /* --- naslovnica novice, naslovnica best sellers --- */ .latest-news, .best-sellers { background: #494949; } .latest-news .main.container:before, .best-sellers .main.container:before { content: ''; top: 0; left: 0; background: linear-gradient(90deg, rgba(224,30,59,0.7) 0%, rgba(224,30,59,0) 100%); width: 40%; position: absolute; visibility: hidden; opacity: 0; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; } .latest-news .main.container:after, .best-sellers .main.container:after { content: ''; top: 0; right: 0; background: linear-gradient(270deg, rgba(224,30,59,0.7) 0%, rgba(224,30,59,0) 100%); width: 40%; position: absolute; visibility: hidden; opacity: 0; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; } .latest-news.overlay-left .main.container:before, .latest-news.overlay-right .main.container:after, .best-sellers.overlay-left .main.container:before, .best-sellers.overlay-right .main.container:after { visibility: visible; opacity: 1; } .latest-news h2, .best-sellers h2 { color: #FFFFFF; font-family: DINProBlack!important; font-size: 36px!important; font-weight: 900; line-height: 46px!important; text-align: left; position: relative; overflow: hidden; text-transform: uppercase; z-index: 1; margin-bottom: 40px; } .latest-news h2:after, .best-sellers h2:after { width: 100%; height: 1px; border-bottom: 1px solid #fff; position: absolute; top: 51%; content: ''; overflow: hidden; margin-left: 30px; } .latest-news .news-item, .best-sellers .seller-item { margin: 0 5%; } .latest-news .news-item h3, .best-sellers .seller-item h3 { text-transform: unset; margin: 15px 0 30px; } .latest-news .news-item h3, .best-sellers .seller-item h4 { text-transform: uppercase; margin: 30px 0 15px; font-family: DINProRegular; font-size: 24px; line-height: 31px; font-weight: 100; } .latest-news .news-item h3 a, .best-sellers .seller-item h3 a { color: #FFFFFF; font-family: DINProBlack; font-size: 36px; font-weight: 900; line-height: 46px; text-align: left; position: relative; text-transform: unset; } .best-sellers .seller-item h4 a { font-family: DINProRegular; font-size: 24px; line-height: 31px; font-weight: 100; color: #fff!important; } .latest-news .news-item h3 a { font-size: 24px; line-height: 30px; } .latest-news .news-item h3 a:hover, .best-sellers .seller-item h3 a:hover { text-decoration: none; } .best-sellers .seller-item h5 { text-transform: uppercase; font-size: 18px; margin: 30px 0 15px; font-family: 'DINProBold'!important; } .latest-news .news-item .favorit-desc, .best-sellers .seller-item .favorit-desc { font-family: DINProRegular; font-size: 18px; line-height: 23px; } .best-sellers .seller-item p, .best-sellers .seller-item p * { font-family: DINProRegular; font-size: 16px; line-height: 21px; } .best-sellers .seller-item p.short-desc, .best-sellers .seller-item p.short-desc i { font-size: 16px; line-height: 21px; } .latest-news .news-item .news-item-readmore a.ow_c2a_button, .best-sellers .seller-item .seller-item-readmore a.ow_c2a_button { width: 100%; background-color: #E01E3B; display: block; text-transform: unset!important; color: #fff; font-family: DINProRegular; font-weight: 900; font-size: 24px; line-height: 31px; padding: 20px 0; margin: 40px 0 20px 0; text-align: center; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; } .latest-news .news-item .news-item-readmore a.ow_c2a_button:after, .best-sellers .seller-item .seller-item-readmore a.ow_c2a_button:after { content: none; } .latest-news .news-item .news-item-readmore a.ow_c2a_button:hover, .best-sellers .seller-item .seller-item-readmore a.ow_c2a_button:hover { -webkit-box-shadow: 0px 0px 15px 0px rgba(224,30,59,1); -moz-box-shadow: 0px 0px 15px 0px rgba(224,30,59,1); box-shadow: 0px 0px 15px 0px rgba(224,30,59,1); } .blog-section-cont, .seller-section-cont { margin: 0 -1.66%; width: calc(100% + 3.33%); } .latest-news .owl-carousel .owl-wrapper-outer, .best-sellers .owl-carousel .owl-wrapper-outer { overflow: visible; display: table; } .latest-news .owl-carousel .owl-wrapper-outer .owl-item, .best-sellers .owl-carousel .owl-wrapper-outer .owl-item { -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; opacity: 0.4; } .latest-news .owl-carousel .owl-wrapper-outer .owl-item.active, .best-sellers .owl-carousel .owl-wrapper-outer .owl-item.active { opacity: 1; } .latest-news > .main, .best-sellers > .main { padding: 100px 0!important; } .latest-news > .main:before, .latest-news > .main:after, .best-sellers > .main:before, .best-sellers > .main:after { position: absolute; width: 100%; height: 100%; right: -100%; top: 0; background: #fff; content: ''; } .latest-news .owl-item:not(.active) a, .best-sellers .owl-item:not(.active) a { pointer-events: none; cursor: default; } /* --- naslovnica why liquid cooling --- */ .why-liquid-cooling { background: #fff; } .why-liquid-cooling * { color: #000; } .why-liquid-cooling h2 { font-family: DINProBlack!important; text-align: center; font-size: 36px; font-weight: 900!important; letter-spacing: 0; line-height: 46px; margin-bottom: 25px; } .why-liquid-cooling p { font-family: DINProRegular!important; font-size: 18px; letter-spacing: 0; line-height: 23px; text-align: justify; max-width: 926px; margin: 0 auto; } .why-liquid-cooling .cooling-icons { clear: both; overflow: hidden; padding: 50px 0; max-width: 860px; margin: 30px auto; } .why-liquid-cooling .cooling-icons .icon { float: left; text-align: center; width: 33.33%; padding: 0 15px; box-sizing: border-box; } .why-liquid-cooling .cooling-icons .icon img { display: block; margin: 0 auto 20px auto; height: 110px; width: auto; } .why-liquid-cooling .cooling-icons .icon p { font-size: 24px; letter-spacing: 0; line-height: 33px; font-family: 'Open Sans', sans-serif!important; text-transform: uppercase; text-align: center; font-weight: bold; } .why-liquid-cooling .cooling-icons .icon p span { text-transform: initial; font-weight: 100; font-size: 24px; line-height: 33px; } .why-liquid-cooling .ow_c2a_button { color: #FFFFFF!important; font-family: DINProRegular; font-size: 24px; font-weight: bold; letter-spacing: 0; line-height: 31px; text-align: center; background: #E01E3B; max-width: 350px; margin: 0 auto; display: block; text-transform: unset; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; } .why-liquid-cooling .ow_c2a_button:after { content: none!important; } .why-liquid-cooling .ow_c2a_button:hover { -webkit-box-shadow: 0px 0px 15px 0px rgba(224,30,59,1); -moz-box-shadow: 0px 0px 15px 0px rgba(224,30,59,1); box-shadow: 0px 0px 15px 0px rgba(224,30,59,1); } .why-liquid-cooling.col-4 .cooling-icons .icon { width: 25%; } /* --- naslovnica video --- */ #homepage_video { background: #494949; padding: 0; } #homepage_video .main.container { padding: 105px 0; } #homepage_video h2 { font-family: DINProBlack; font-size: 36px; font-weight: 900; letter-spacing: 0; line-height: 46px; margin-bottom: 80px; text-transform: uppercase; z-index: 1; position: relative; overflow: hidden; } #homepage_video h2:after { width: 100%; height: 1px; border-bottom: 1px solid #fff; position: absolute; top: 51%; content: ''; overflow: hidden; margin-left: 30px; } #homepage_video .fullWidthVideo-cont { position: relative; } #homepage_video .image-video-overlay { position: absolute; width: 100%; height: 100%; display: block; content: ""; top: 0px; left: 0px; background-position: center center; background-repeat: no-repeat; background-color: #010100; z-index: 9; cursor: pointer; background-size: cover; background-image: url('https://www.ekfluidworks.com/skin/frontend/ultimo/fluid/images/redesign/home-video-overlay-bg.png'); } .image-video-overlay img { display: block; margin: 0 auto; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: 10; } p.shiping {color: #494949 !important; font-size: 18px; letter-spacing: 0; line-height: 23px; text-align: left !important; } /* --- naslovnica testimonials --- */ .testimonials { background: #494949; } .testimonials .main { min-height: initial; } .testimonials h2, .testimonials h2 a { font-family: DINProBlack; font-size: 36px; font-weight: 900; letter-spacing: 0; line-height: 46px; text-transform: unset; z-index: 1; position: relative; overflow: hidden; text-align: center; max-width: 100%!important; } .testimonials h2 a { text-decoration: none; font-size: inherit; color: inherit; } .testimonials h2 a:hover { color: #E01E3B } .testimonials p { font-family: DINProRegular; font-size: 18px; letter-spacing: 0; line-height: 23px; text-align: justify; max-width: 926px; margin: 0 auto; text-align: center; } .testimonials img { max-width: 290px; display: none!important; margin: 50px auto 35px; } .testimonials.testimonials-light img.light { display: block!important; } .testimonials.testimonials-dark img.dark { display: block!important; } .testimonials .slick-arrow { position: absolute; top: 48%; z-index: 10; background: transparent url('https://www.ekfluidworks.com/skin/frontend/ultimo/fluid/images/redesign/arrow-right.png') center center no-repeat; font-size: 0; border: none; cursor: pointer; height: 46px; width: 20px; } .testimonials.testimonials-light .slick-arrow { background: transparent url('https://www.ekfluidworks.com/skin/frontend/ultimo/fluid/images/redesign/arrow-right-grey.png') center center no-repeat; } .testimonials .slick-arrow.slick-prev { left: 0; -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); } .testimonials .slick-arrow.slick-next { right: 0; } .testimonials .slick-dots { display: none!important; text-align: center; overflow: hidden; margin: 20px auto 0; } .testimonials .slick-dots li { border: 2px solid #979797; width: 20px; height: 20px; margin-right: 15px; background: none; display: inline-block; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; cursor: pointer; } .testimonials .slick-dots li:last-child { margin-right: 0; } .testimonials .slick-dots li:hover, .testimonials .slick-dots li.slick-active { border-color: #E01E3B; background: #E01E3B; } .testimonials .slick-dots li button { display: none; } /* --- naslovnica follow us --- */ .follow-us { background: #fff; } body .main-container.follow-us > .main.container { padding-bottom: 0; } .follow-us h2 { position: relative; display: block; clear: both; font-family: DINProBlack; font-size: 36px; font-weight: 900; letter-spacing: 0; line-height: 46px; text-transform: uppercase; text-align: center; } .follow-us h2 span { color: #000000; font-family: DINProBlack!important; font-size: 36px; font-weight: 900; line-height: 46px; text-transform: uppercase; z-index: 1; position: relative; overflow: hidden; background: #fff; padding: 0 50px; display: inline-block; margin-bottom: 0; } .follow-us h2:after { width: 100%; height: 1px; border-bottom: 1px solid #000; position: absolute; top: 51%; content: ''; overflow: hidden; left: 0; } .follow-us .follow-icons { max-width: 1000px; margin: 0 auto; } .follow-us .follow-icons .icon-cont { width: 20%; float: left; } .follow-us .follow-icons .icon { -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; position: relative; height: 209px; width: 209px; display: block; } /*.follow-us .follow-icons .icon:hover { -webkit-box-shadow: 0px 0px 15px 0px rgba(224,30,59,1); -moz-box-shadow: 0px 0px 15px 0px rgba(224,30,59,1); box-shadow: 0px 0px 15px 0px rgba(224,30,59,1); }*/ .follow-us .follow-icons img { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); visibility: hidden; opacity: 0; -webkit-transition: all 300ms linear; -ms-transition: all 300ms linear; transition: all 300ms linear; width: 100%; } .follow-us .follow-icons img.normal, .follow-us .follow-icons .icon:hover img.active { visibility: visible; opacity: 1; } .follow-us .follow-icons .icon:hover img.normal { visibility: hidden; opacity: 0; } @media (max-width: 767px) { .follow-us .follow-icons .icon-cont a.icon { width: 100%; height: 170px; } } @media (max-width: 550px) { .follow-us .follow-icons .icon-cont a.icon { height: 123px; } } @media (max-width: 480px) { .follow-us .follow-icons .icon-cont a.icon { height: 107px; } } @media (max-width: 420px) { .follow-us .follow-icons .icon-cont a.icon { height: 95px; } } /* --- cart --- */ #shopping-cart-table button.button.btn-empty.btn-inline::before { background: url(https://www.ekfluidworks.com/skin/frontend/ultimo/fluid/images/redesign/empty.svg) no-repeat center center; } #shopping-cart-table .btn-continue { background-image: url(https://www.ekfluidworks.com/skin/frontend/ultimo/fluid/images/redesign/continue.svg); } #shopping-cart-table .btn-update::before { background: url(https://www.ekfluidworks.com/skin/frontend/ultimo/fluid/images/redesign/update.svg) center center no-repeat; } .cart { margin-bottom: 80px; } .cart .page-title { margin: 0 0 50px; } .firecheckout-index-index .ow-main, .checkout-cart-index .ow-main { background: #191919; } #shopping-cart-table th, #shopping-cart-table td, #shopping-cart-table span, #shopping-cart-table a { font-family: DINProRegular; font-size: 18px; } #shopping-cart-table thead, #shopping-cart-table tbody tr, #shopping-cart-table tbody tr td, #shopping-cart-table thead tr { border: none!important; } #shopping-cart-table thead tr th { text-align: right; } #shopping-cart-table thead tr th:first-child { text-align: left; } #shopping-cart-table thead th.col-delete { padding-right: 0; } #shopping-cart-table tbody tr td:first-child { padding: 0 10px 0 0; } #shopping-cart-table tbody tr td.col-unit-price { padding-right: 0; } #shopping-cart-table tbody tr td.qty-field { width: 50px!important; text-align: right!important; padding-left: 0; } #shopping-cart-table tbody td.col-total { padding-right: 0; } #shopping-cart-table tbody td.col-delete { text-align: right!important; padding-left: 0; padding-right: 0; } #shopping-cart-table tbody { border: none; border-bottom: 1px solid #fff; } #shopping-cart-table .btn-update { padding-right: 0; } .cart-collaterals .crosssell h2 { font-family: DINProBlack!important; } .cart-collaterals .totals-inner { border: none; background: none; padding: 0; } .cart-collaterals .totals-inner table { max-width: 66.67%; } .cart-collaterals .totals-inner table td { font-family: DINProRegular; font-size: 18px; } .cart-collaterals .totals-inner table tfoot td { padding-top: 0; } .cart-collaterals .totals-inner table tfoot td strong, .cart-collaterals .totals { margin: 0; } .cart-collaterals .totals-inner table tfoot td strong, .cart-collaterals .totals-inner table tfoot td span{ font-size: 24px!important; font-family: DINProBlack; font-weight: 900; } .cart-collaterals .totals-inner tbody tr td { padding: 0 10px; } .cart-collaterals .totals-inner table tfoot td span{ padding-left: 20px; } .cart .totals .checkout-types { margin-top: 25px; } .cart .totals .checkout-types li { padding-left: 0; line-height: inherit; } .cart .totals .checkout-types li:before { content: none!important; } .cart .totals .checkout-types li > span { padding: 0 15px; } .cart-collaterals .totals-inner .btn-checkout { background: #E01E3B; font-family: DINProBlack; font-size: 24px; text-transform: unset; font-weight: 900; padding: 19px 40px; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; } .cart-collaterals .totals-inner .btn-checkout:after { content: none!important; } .cart-collaterals .totals-inner .btn-checkout:hover { -webkit-box-shadow: 0px 0px 15px 0px rgba(224,30,59,1); -moz-box-shadow: 0px 0px 15px 0px rgba(224,30,59,1); box-shadow: 0px 0px 15px 0px rgba(224,30,59,1); } @media (max-width: 1030px) and (min-width: 767px) { .cart .totals .checkout-types li { display: inline-block; width: auto; } .cart .totals .checkout-types li > span { display: inline-block; } } @media (max-width: 1208px) { .cart .cart-right-column { width: 70%; } } @media (max-width: 841px) { .cart .cart-right-column { width: 100%; } } /* --- checkout --- */ body.firecheckout-index-index .block_checkout_header_ekwb { border: none; } .checkout-title .firecheckout-login-wrapper { margin-left: 40px; } .checkout-title .firecheckout-login-wrapper a { background: #E01E3B; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; height: 26px; border-radius: 0; font-size: 14px; } .checkout-title .firecheckout-login-wrapper a:hover { -webkit-box-shadow: 0px 0px 15px 0px rgba(224,30,59,1); -moz-box-shadow: 0px 0px 15px 0px rgba(224,30,59,1); box-shadow: 0px 0px 15px 0px rgba(224,30,59,1); background: #E01E3B } .checkout-title .firecheckout-login-wrapper a span { font-size: 14px; } .firecheckout-set input, .firecheckout-set select, .firecheckout-set textarea, .firecheckout-set button { font-size: 14px; } .firecheckout-set #billing-new-address-form ul li.newsletter.control { margin-bottom: 20px; } .firecheckout-set p.required { text-align: left; margin: 0; color: #E01E3B; } #firecheckout-form .firecheckout-set .col-fire-1 { width: calc(50% - 100px)!important; margin-right: 100px; float: left; } #firecheckout-form .firecheckout-set .col-fire-2 { width: 50%!important; margin-left: 0; float: left; } #firecheckout-form .firecheckout-set .col-fire-2 .col2-set > div{ width: 100%; float: none; } .firecheckout-index-index * { font-family: 'DINProRegular'; } .firecheckout-index-index #billing-address { margin-bottom: 0; background: none!important; } .firecheckout-index-index #register-customer-password { margin-top: 10px; } .firecheckout-index-index #shipping-address { margin-top: 20px!important; } .firecheckout-index-index #shipping-method .block-title, .firecheckout-index-index #payment-method .block-title { padding-bottom: 1px; } .firecheckout-set .sp-methods li { margin-bottom: 10px; } .firecheckout-index-index .firecheckout-section .ow_estimate_delivery_date { color: #E01E3B; margin-top: 3px; } .firecheckout-set #checkout-payment-method-load { padding: 0!important; } .firecheckout-index-index .form-list li { margin-bottom: 20px; } .firecheckout-index-index .form-list > li { margin-bottom: 0; } .firecheckout-index-index .form-list .field { margin-bottom: 0; } .firecheckout-index-index .firecheckout-section { background: transparent; } .firecheckout-set .block-content { padding: 0!important; } .firecheckout-index-index .firecheckout-section .block-title, .firecheckout-index-index #checkout-review .block-subtitle, .firecheckout-index-index .firecheckout-section .firecheckout-set #checkout-review #checkout-additional + .block-subtitle { background: none!important; padding: 10px 0!important; border: none!important; margin: 0!important; height: auto!important; } .firecheckout-section .firecheckout-set #checkout-review #checkout-additional + .block-subtitle { margin-top: 20px!important; } .firecheckout-index-index .firecheckout-section .block-title span, .firecheckout-index-index #checkout-review .block-subtitle span { color: #FFFFFF; font-family: DINProRegular; font-size: 18px; letter-spacing: 0; line-height: 23px; background: none; padding: 0!important; font-weight: normal; } .firecheckout-index-index .firecheckout-section .block-title:before, #billing-address > .block-title::before, #shipping-method > .block-title::before, #payment-method > .block-title::before, .firecheckout-index-index .firecheckout-section #checkout-review .block-title::before, .firecheckout-index-index .firecheckout-section #checkout-review .block-subtitle::before, .firecheckout-index-index .firecheckout-section #checkout-additional > .block-title:before, .firecheckout-index-index .firecheckout-set #checkout-review #checkout-additional + .block-subtitle:before{ background: transparent!important; padding-left: 0; width: auto!important; font-size: 18px!important; font-family: DINProRegular!important; line-height: 23px!important; height: auto; } body.firecheckout-index-index .firecheckout-set .form-list li input.input-text, body.firecheckout-index-index .firecheckout-set .form-list ul li input.input-text, body.firecheckout-index-index .firecheckout-set #coupon-code, body.firecheckout-index-index #order-comment, .firecheckout-set .form-list li select { background: transparent!important; border: 2px solid #979797!important; box-sizing: border-box!important; line-height: 32px; height: 32px; padding: 0 8px!important; font-size: 14px; color: #fff; } body.firecheckout-index-index #order-comment { height: auto; } .firecheckout-set .form-list li input.input-text:focus, .firecheckout-set .form-list ul li input.input-text:focus, .firecheckout-set .form-list li select:focus { border-color: #E01E3B!important; } body.firecheckout-index-index .firecheckout-set .form-list li select, body.firecheckout-index-index .fc-form-compact .field .input-box select, body.firecheckout-index-index .fc-form-compact .wide .input-box select, body.firecheckout-index-index .fc-form-compact .field.fc-dirty .input-box select, body.firecheckout-index-index .fc-form-compact .wide.fc-dirty .input-box select, body.firecheckout-index-index .fc-form-compact .field .input-box select, body.firecheckout-index-index .fc-form-compact .wide .input-box select, body.firecheckout-index-index .fc-form-compact .field.fc-dirty .input-box select, body.firecheckout-index-index .fc-form-compact .wide.fc-dirty .input-box select { background: transparent!important; } .firecheckout-set .form-list { margin: 0!important } .firecheckout-set .discount-block { padding: 0!important; } .firecheckout-set input[type="checkbox"], .firecheckout-set input[type="radio"] { display: none!important; } .firecheckout-set input[type="checkbox"] ~ label, .firecheckout-set input[type="radio"] ~ label { position: relative; padding-left: 25px; } .firecheckout-index-index .firecheckout-set input[type="checkbox"] ~ label:before, .firecheckout-index-index .firecheckout-set input[type="checkbox"] ~ label:after, .firecheckout-index-index .firecheckout-set input[type="radio"] ~ label:before, .firecheckout-index-index .firecheckout-set input[type="radio"] ~ label:after{ position: absolute; left: 0; top: 0; width: 18px; height: 18px; box-sizing: border-box; border: 2px solid #979797; content: ''; z-index: 1; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; } .firecheckout-set input[type="checkbox"]:checked ~ label:before, .firecheckout-set input[type="radio"]:checked ~ label:before{ border-color: #E01E3B; } .firecheckout-set input[type="checkbox"]:checked ~ label:after, .firecheckout-set input[type="radio"]:checked ~ label:after{ position: absolute; left: 4px; top: 4px; width: 10px; height: 10px; box-sizing: border-box; background: #E01E3B; content: ''; z-index: 2; border: none; } .firecheckout-set .form-list .field, .firecheckout-set .form-list .wide { position: relative; } .firecheckout-index-index .firecheckout-set .form-list .name-prefix .input-text, .firecheckout-index-index .firecheckout-set .form-list .name-middlename .input-text, .firecheckout-index-index .firecheckout-set .form-list .name-suffix .input-text, .firecheckout-index-index .firecheckout-set .form-list .name-firstname .input-text, .firecheckout-index-index .firecheckout-set .form-list .name-lastname .input-text, .firecheckout-index-index .firecheckout-set .form-list .name-prefix .input-box, .firecheckout-index-index .firecheckout-set .form-list .name-middlename .input-box, .firecheckout-index-index .firecheckout-set .form-list .name-suffix .input-box, .firecheckout-index-index .firecheckout-set .form-list .name-firstname .input-box, .firecheckout-index-index .firecheckout-set .form-list .name-lastname .input-box { width: 100%!important; margin-left: 0; margin-right: 0; } .firecheckout-set .form-list .field, .firecheckout-set .form-list .fields .field, .firecheckout-set .form-list .wide, .firecheckout-set .form-list .control, .firecheckout-set .form-list .captcha-input-container, .firecheckout-set .form-list .captcha-img-container, .firecheckout-set .form-list > dd { padding: 0!important; } .firecheckout-index-index .firecheckout-set * { box-sizing: border-box!important; } .firecheckout-index-index .firecheckout-set .fields label, .firecheckout-index-index .firecheckout-set .wide label { display: none!important; } .firecheckout-index-index .firecheckout-set li.fields .field { width: calc(50% - 10px)!important; margin-right: 10px; } .firecheckout-index-index .firecheckout-set li.fields .field:nth-child(2) { margin-left: 10px; margin-right: 0; } .firecheckout-index-index .firecheckout-set .form-list .input-box/*, .firecheckout-index-index .firecheckout-set .form-list .newsletter label*/ { margin-bottom: 20px; } .firecheckout-set .form-list .name-lastname .input-text, .firecheckout-set .form-list .name-lastname .input-box, .firecheckout-set .form-list .name-lastname label { margin-left: 3%; } .firecheckout-set .form-list .field, .firecheckout-set .form-list .fields .field { padding: 0!important; } .firecheckout-set .sp-methods .checkmo-list address { font-size: 14px; } .firecheckout-set .discount-block li.form { padding: 0!important; } .firecheckout-set .discount-form, .firecheckout-set .giftcard-form { padding: 0!important; } .discount-form .input-field-wrapper { width: calc(100% - 137px); } .discount-form .input-field-wrapper input#coupon-code { width: 100%!important; } #coupon-apply { background: #E01E3B!important; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; height: 32px; border-radius: 0; height: 32px!important; float: right; padding: 0 20px!important; } #coupon-apply span { font-family: 'DINProRegular'; font-weight: 100; } #coupon-apply:hover { -webkit-box-shadow: 0px 0px 15px 0px rgba(224,30,59,1); -moz-box-shadow: 0px 0px 15px 0px rgba(224,30,59,1); box-shadow: 0px 0px 15px 0px rgba(224,30,59,1); background: #E01E3B } .firecheckout-set #checkout-additional, .firecheckout-set #checkout-review { margin-top: 30px; } #order-comment { height: 100px; } #addresses-review { padding: 0 0 50px 0!important; border-bottom: none; } body.firecheckout-index-index #firecheckout-form .col2-set#addresses-review #billing-address-review, body.firecheckout-index-index #firecheckout-form .col2-set#addresses-review #shipping-address-review,body.firecheckout-index-index #firecheckout-form .col2-set#addresses-review #payment-method-review { width: 33.33%!important; padding: 0 7px!important; box-sizing: border-box!important; float: left!important; margin: 0!important; clear: none!important; } .firecheckout-set #addresses-review > div:first-child { padding: 0 14px 0 0!important; } .firecheckout-set #addresses-review > #payment-method-review { padding: 0 0 0 14px!important; clear: none; } .firecheckout-set #addresses-review > div, .firecheckout-set #addresses-review > div * { font-size: 14px; line-height: 18px; font-family: 'DINProRegular'; color: #626262; } .firecheckout-set #addresses-review > div strong { font-family: 'DINProBlack'; color: #aeaeae; } .firecheckout-set #addresses-review > div a { color: #E01E3B; text-decoration: none; } .firecheckout-set #addresses-review > div a:hover { color: #E01E3B; text-decoration: underline; } #addresses-review { border-bottom: none!important; } #checkout-review-items { clear: both; border-top: 1px solid #fff; } #checkout-review-table { margin-top: 20px; } #checkout-review-table th, #checkout-review-table td, #checkout-review-table span, #checkout-review-table a { font-family: DINProRegular; font-size: 18px; text-transform: uppercase; font-weight: 300; } #checkout-review-table thead, #checkout-review-table tbody tr, #checkout-review-table tbody tr td, #checkout-review-table thead tr { border: none!important; } #checkout-review-table thead tr th { text-align: right!important; padding-bottom: 20px!important; padding-left: 0; padding-right: 0; } #checkout-review-table thead tr th.a-center { min-width: 180px; } #checkout-review-table thead tr th:first-child { text-align: left!important; } #checkout-review-table .odd { background: none; } .firecheckout-set #checkout-review-table-wrapper { padding: 0!important; } .firecheckout-index-index #checkout-review-table thead { background: none!important; } .firecheckout-set #checkout-review-table .product-image { margin: 0 20px 0 0!important; position: absolute; } #checkout-review-table tbody tr, #checkout-review-table tbody tr td { vertical-align: middle; padding-left: 0; padding-right: 0; } #checkout-review-table tbody tr h3.product-name { margin: 0; vertical-align: middle; height: 60px; display: table-cell; font-family: 'DINProRegular'; font-weight: 300; font-size: 18px; letter-spacing: 0; text-transform: unset; padding-left: 70px; } #checkout-review-table tbody tr td { text-align: right; vertical-align: middle; display: table-cell; } #checkout-review-table tbody tr td:first-child { padding: 0 10px 0 0; text-align: left; } #checkout-review-table tbody tr td.col-unit-price { padding-right: 0; } #checkout-review-table tbody tr td.qty-field { width: 50px!important; text-align: right!important; padding-left: 0; } #checkout-review-table tbody td.col-total { padding-right: 0; } #checkout-review-table tbody td.col-delete { text-align: right!important; padding-left: 0; padding-right: 0; } #checkout-review-table tbody { border: none; } #checkout-review-table .btn-update { padding-right: 0; } .firecheckout-index-index .qty-wrapper { width: auto; display: inline-block; margin: 0 0 0 20px; } .firecheckout-index-index .qty-wrapper .qty-spinner { display: none!important; } .firecheckout-index-index .qty-wrapper input { background: #fff!important; height: 38px!important; width: 38px!important; border: 1px solid #979797!important; line-height: 28px!important; text-align: center; color: #000!important; padding: 0!important; font-size: 18px!important; font-family: DINProRegular; } #checkout-review-table tfoot tr td { text-transform: unset; padding: 0; } #checkout-review-table tfoot tr.first td { padding-top: 0!important; padding-bottom: 0!important; } #checkout-review-table tfoot tr.first td { padding-top: 50px!important; } #checkout-review-table tfoot tr.last td strong span.price { font-family: 'DINProBlack'; font-size: 24px; font-weight: 900; letter-spacing: 0; } #checkout-review-table tfoot tr.last td strong { border-top: 1px solid #fff; margin-top: 10px; padding-top: 8px; font-family: 'DINProBlack'; font-size: 24px; font-weight: 900; letter-spacing: 0; display: inline-block; padding-left: 50px; } #checkout-review-table tfoot tr.last td.last strong { padding-left: 0; width: 100%; } .firecheckout-set #checkout-review-submit, .firecheckout-set #review-buttons-container { padding-left: 0!important; padding-right: 0!important; } #checkout-review-submit .btn-checkout { background: #E01E3B!important; padding: 19px 40px; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; width: 100%; max-width: 350px; text-transform: unset!important; } #checkout-review-submit .btn-checkout span { font-family: 'DINProBlack'!important; font-size: 24px!important; font-weight: 900; text-transform: unset!important; } #checkout-review-submit .btn-checkout:after { content: none!important; } #checkout-review-submit .btn-checkout:hover { background: #E01E3B!important; -webkit-box-shadow: 0px 0px 15px 0px rgba(224,30,59,1); -moz-box-shadow: 0px 0px 15px 0px rgba(224,30,59,1); box-shadow: 0px 0px 15px 0px rgba(224,30,59,1); } #firecheckout-forgot-window, #firecheckout-login-window { max-width: 400px!important; width: 400px; } .firecheckout-window .fc-window-content { padding: 100px!important; } .firecheckout-window p { color: #626262; font-family: DINProRegular; font-size: 14px; line-height: 18px; margin: 30px 0 5px 0!important; } .firecheckout-window .close { font-size: 90px!important; line-height: 50px; font-family: "Aileron-Light"!important; top: 5px!important; right: 10px!important; color: rgba(0, 0, 0, 0.25); } .firecheckout-window .fc-window-content .page-title { margin-bottom: 15px; } .firecheckout-window .fc-window-content .page-title span { color: #000; font-family: DINProBlack; text-transform: uppercase; font-size: 24px; font-weight: 900; line-height: 31px; } #firecheckout-forgot-window .form-list, #firecheckout-login-window .form-list { margin: 0 0 5px 0!important; max-width: 100%!important; } #firecheckout-forgot-window .form-list input.input-text, #firecheckout-login-window .form-list input.input-text { border: 2px solid #979797!important; padding: 6px 8px!important; font-family: 'DINProRegular'; font-size: 14px!important; color: #fff!important; width: 100%; max-width: 100%; margin: 20px 0 0 0; } .firecheckout-window .form-list input::placeholder { color: #626262!important; opacity: 1; } .firecheckout-window .form-list input:focus { border-color: #E01E3B!important; } .firecheckout-window .buttons-set { margin: 0!important; padding: 0!important; text-align: center; border: none!important; } .firecheckout-window .buttons-set .button { background: #E01E3B!important; padding: 0!important; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; width: 100%; text-transform: unset; margin: 15px 0 0 0!important; border-radius: 0; } .firecheckout-window .buttons-set .button.loading { padding-right: 0!important; } .firecheckout-window .buttons-set .button span { font-family: 'DINProRegular'!important; font-size: 14px; background: #E01E3B; } .firecheckout-window .buttons-set .button:hover { -webkit-box-shadow: 0px 0px 15px 0px rgba(224,30,59,1); -moz-box-shadow: 0px 0px 15px 0px rgba(224,30,59,1); box-shadow: 0px 0px 15px 0px rgba(224,30,59,1); background: #E01E3B!important; } .firecheckout-window .buttons-set .back-link { float: none; display: block!important; text-align: center!important; margin: 0!important; } [class*="rma-rma-"] .buttons-set { padding-top: 0; } .firecheckout-window .buttons-set a, [class*="rma-rma-"] .buttons-set a { color: #E01E3B; text-decoration: none; display: block!important; width: 100%; } .firecheckout-window .buttons-set a:before, [class*="rma-rma-"] .buttons-set a:before { content: none!important; } .firecheckout-window .buttons-set a:hover, [class*="rma-rma-"] .buttons-set a:hover { color: #E01E3B; text-decoration: underline; } .firecheckout-window .messages { padding: 0; } .firecheckout-window .messages li { border: none!important; padding: 0!important; background: transparent!important; color: #E01E3B!important; font-family: DINProRegular!important; font-size: 14px!important; line-height: 18px; } #firecheckout-form .col2-fire-set #checkout-review, #firecheckout-form .col3-fire-set #checkout-review { position: static!important; } #shipping-method-reset, #payment-method-reset { display: none!important; } @media (max-width: 1024px) { #firecheckout-form .col2-fire-set .col-fire-1 { margin-right: 20px!important; width: calc(50% - 20px)!important; } } @media (max-width: 800px) { #firecheckout-form .col2-fire-set .col-fire-1, #firecheckout-form .col2-fire-set .col-fire-2, #firecheckout-form .col3-fire-set .col-fire-1, #firecheckout-form .col3-fire-set .col-fire-2, #firecheckout-form .col3-fire-set .col-fire-3 { clear: none!important; } #checkout-review { width: 100%!important; } #firecheckout-form .col2-fire-set #checkout-review, #firecheckout-form .col3-fire-set #checkout-review { position: static!important; } } @media only screen and (max-width: 767px) { #shopping-cart-table tbody tr td.qty-field { width: 100%!important; text-align: left!important; padding-left: 5px!important; } #firecheckout-form .col2-set .col-1, #firecheckout-form .col2-set .col-2 { width: 100%!important; margin-right: 0; } .firecheckout-set .checkout-review-load-cont { margin-left: 0; width: 100%; } } @media (max-width: 640px) { #firecheckout-form .col2-fire-set .col-fire-1, #firecheckout-form .col2-fire-set .col-fire-2 { width: 100%!important; } } .cvv-what-is-this-popup { display: block; clear: both; } /* --- product page --- */ .why-fluid-gaming { background: #494949; width: 100vw !important; margin-left: -50vw !important; margin-right: -50vw !important; left: 50% !important; right: 50% !important; } .why-fluid-gaming * { color: #fff; } .why-fluid-gaming .breaker { display: none; } .why-fluid-gaming h2 { text-align: center; font-size: 36px; font-weight: 900!important; letter-spacing: 0; line-height: 46px; margin-bottom: 25px; font-family: DINProBold!important; } .new-fgpcs-page #gamingSystems2019 h2 { font-family: DINProBold!important; } .why-fluid-gaming p { font-family: DINProRegular!important; font-size: 18px; letter-spacing: 0; line-height: 23px; max-width: 926px; margin: 0 auto; text-align: center; } .why-fluid-gaming .cooling-icons { clear: both; overflow: hidden; padding: 50px 0; max-width: 960px; margin: 30px auto; } .why-fluid-gaming .cooling-icons .icon { float: left; text-align: center; padding: 0 15px; box-sizing: border-box; width: 25%; } .why-fluid-gaming .cooling-icons .icon img { display: block; margin: 0 auto 20px auto; height: 110px; width: auto; } .why-fluid-gaming .cooling-icons .icon p { font-size: 24px; letter-spacing: 0; line-height: 33px; /*font-family: 'Open Sans', sans-serif!important;*/ text-transform: uppercase; text-align: center; font-weight: normal; } .why-fluid-gaming .cooling-icons .icon p span { text-transform: initial; font-weight: 100; font-size: 24px; line-height: 33px; } .why-fluid-gaming .ow_c2a_button { color: #FFFFFF!important; font-family: DINProRegular; font-size: 24px; font-weight: bold; letter-spacing: 0; line-height: 31px; text-align: center; background: #E01E3B; max-width: 350px; margin: 0 auto; display: block; text-transform: unset; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; } .why-fluid-gaming .ow_c2a_button:after { content: none!important; } .why-fluid-gaming .ow_c2a_button:hover { -webkit-box-shadow: 0px 0px 15px 0px rgba(224,30,59,1); -moz-box-shadow: 0px 0px 15px 0px rgba(224,30,59,1); box-shadow: 0px 0px 15px 0px rgba(224,30,59,1); } #gsSection2019one { max-width: 100%; } body.category-prebuilt-pc .main-container.col1-layout > .main.container, body.category-prebuilt-pc .main-container.col1-layout > .main.container #gsSection2019one, body.category-gaming-pcs .main-container.col1-layout > .main.container, body.category-gaming-pcs .main-container.col1-layout > .main.container #gsSection2019one { padding-bottom: 0; } body.category-prebuilt-pc .category-description, body.category-gaming-pcs .category-description { margin: 0; } #gamingSystems { background: #fff; width: 100vw !important; margin-left: -50vw !important; margin-right: -50vw !important; left: 50% !important; right: 50% !important; position: relative !important; padding: 100px 0; } #gamingSystems2019 #gsSection2019one:after, #gamingSystems2019 #gsSection2019two:after, #gamingSystems2019 #gsSection2019three:after, #gamingSystems2019 #gsSection2019Three:after, #gamingSystems2019 #gsSection2019Four:after, #gamingSystems2019 #gsSection2019Five:after, #gamingSystems2019 #gsSection2019Eight:after, #gamingSystems2019 #gsSection2019Six:after, #gamingSystems2019 #wlc-section-3:after, #gamingSystems #gsSectionone:after, #gamingSystems #gsSectionnewbeast:after, #gamingSystems .chooseYourGamingSystem:after, #gamingSystems #gsSectionThree:after, #gamingSystems #gsSectionFour:after, #gamingSystems #gsSectionFive:after, #gamingSystems #gsSectionEight:after, #gamingSystems #gsSectionSix:after, #gamingSystems #gsSectionEight:after{ content: none!important; } #gsSection2019Eight { background: #fff; width: 100vw !important; margin-left: -50vw !important; margin-right: -50vw !important; position: relative; left: 50% !important; right: 50% !important; position: relative !important; padding: 100px 0 70px; } #gsSection2019Eight:after { content: none!important; } #gsSection2019Eight .wp1140 { max-width: 1180px; display: grid; padding-bottom: 0; margin: 0 auto; } .selectGraphic { background: #fff; float: right; position: relative; z-index: 1; top: -45px; padding: 0 0 0 35px; } .selectGraphic a { display: inline-block; width: 122px; height: 23px; position: relative; color: #000; margin-right: 20px; } .selectGraphic a:last-of-type { margin-right: 0; } .selectGraphic a img { display: block; height: 23px; width: auto; opacity: 1; position: absolute; visibility: visible; left: 0; top: 0; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; } .selectGraphic a img.hover { opacity: 0; visibility: hidden; } .selectGraphic a:hover img.def, .selectGraphic a.active img.def { opacity: 0; visibility: hidden; } .selectGraphic a:hover img.hover, .selectGraphic a.active img.hover { opacity: 1; visibility: visible; } .selectGraphic a.amd { width: 97px; height: 23px; } .new-fgpcs-page #gsSection2019Eight h2 { color: #000000; font-family: DINProBlack!important; font-size: 36px; font-weight: 900; line-height: 46px; text-transform: uppercase; z-index: 1; position: relative; overflow: hidden; margin-bottom: 10px; } .new-fgpcs-page #gsSection2019Eight h2:after { width: 100%; height: 1px; border-bottom: 1px solid #000; position: absolute; top: 51%; content: ''; overflow: hidden; margin-left: 30px; } .new-fgpcs-page #gsSection2019Eight .wp1140 > p { color: #494949; font-size: 18px; font-family: 'Open Sans', sans-serif!important; margin-bottom: 40px; } .fgpcs-products { padding-bottom: 40px; margin: 0 -25px; width: calc(100% + 50px); -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; } .fgpcs-products .fgpcs-item { padding: 0 25px; position: relative; } .fgpcs-products .fgpcs-item .fgpcs-item-select { display: none; } .fgpcs-products .fgpcs-item .fgpcs-item-title { color: #000000; font-family: DINProRegular!important; font-size: 36px; line-height: 46px; margin-bottom: 15px; } .fgpcs-products .fgpcs-item > img { margin-bottom: 30px; margin-top: 10px; } .fgpcs-products .fgpcs-item .sticker, .item:hover .sticker { padding: 5px; width: 70px; height: 70px; } .fgpcs-products .fgpcs-item .sticker-wrapper { top: -10px; right: 15px; } .fgpcs-products .fgpcs-item .sticker-wrapper span { font-family: DINProBlack; } .fgpcs-products .fgpcs-item .sticker-wrapper + .sticker-wrapper { top: 80px; } .fgpcs-products .fgpcs-item .sticker-wrapper .sticker { border-radius: 0; background: #E01E3B; } .fgpcs-products .fgpcs-item .sticker-wrapper .sticker { text-align: center; } .fgpcs-products .fgpcs-item .sticker-wrapper .sticker span { font-family: DINProRegular; font-weight: 100; display: block; clear: both; } .fgpcs-item .fgpcs-item-price .regular-price, .fgpcs-item .fgpcs-item-price .old-price, .fgpcs-item .fgpcs-item-price .special-price { display: block; margin-bottom: 0; } .fgpcs-products .price-box { min-height: 53px; overflow: hidden; } .fgpcs-products .price-box span{ color: #000000; font-family: DINProBlack!important; font-size: 36px!important; font-weight: 900; line-height: 46px!important; } .fgpcs-products .price-box .old-price span { font-family: DINProRegular!important; font-size: 24px!important; font-weight: normal; line-height: 31px!important; text-decoration: line-through; color: #E01E3B; } .fgpcs-products .price-box .special-price { float: left; margin-right: 15px; } .fgpcs-products .price-box .special-price span { color: #000!important; } .fgpcs-products .owl-stage-outer { margin: 0 -25px; padding: 0 25px; } .fgpcs-products .fgpcs-item-specs-line { background: none; border: none!important; color: #494949!important; font-size: 18px; font-family: 'Open Sans', sans-serif!important; line-height: 24px; padding: 15px 25px 12px 25px; width: calc(100% + 50px); margin: 0 -25px; } .fgpcs-products .fgpcs-item-specs-line:hover { background: none; } .fgpcs-products .fgpcs-item-specs-line:nth-child(2n) { background: #D8D8D8; } .fgpcs-products .fgpcs-item-specs-line label { color: #000!important; font-family: 'Open Sans', sans-serif; font-weight: 700; font-size: 21px; line-height: 28px; clear: both; } .fgpcs-products .fgpcs-item-pricebox, .models-graph .model-item .fgpcs-item-pricebox { border: none; display: block; } .fgpcs-products .fgpcs-item-pricebox .fgpcs-item-pricebox-price, .models .fgpcs-item-pricebox .fgpcs-item-pricebox-price { display: none; } .fgpcs-products .fgpcs-item-pricebox .fgpcs-item-pricebox-addto, .models-graph .fgpcs-item-pricebox .fgpcs-item-pricebox-addto { background: #E01E3B; font-family: DINProBlack; font-size: 24px; text-transform: unset; font-weight: 900; padding: 10px 0px; line-height: 50px; height: auto; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; width: 100%; } .fgpcs-products .fgpcs-item-pricebox .fgpcs-item-pricebox-addto:hover, .models-graph .fgpcs-item-pricebox .fgpcs-item-pricebox-addto:hover { -webkit-box-shadow: 0px 0px 15px 0px rgba(224,30,59,1); -moz-box-shadow: 0px 0px 15px 0px rgba(224,30,59,1); box-shadow: 0px 0px 15px 0px rgba(224,30,59,1); } .fgpcs-products .fgpcs-item-pricebox .fgpcs-item-pricebox-addto:after, .models-graph .fgpcs-item-pricebox .fgpcs-item-pricebox-addto:after { content: none!important; } .fgpcs-products.collapsed .fgpcs-item-specs.boxes { height: 370px; overflow: hidden; margin: 0 -25px; padding: 0 25px; } .fgpcs-products.collapsed .model-item { margin-top: 80px; } /*.fgpcs-products.collapsed .fgpcs-item-pricebox .fgpcs-item-pricebox-addto, */.fgpcs-products.collapsed .fgpcs-item-pricebox .fgpcs-item-pricebox-price { display: none; } .fgpcs-products.new4:before { content: ''; top: 0; right: 100%; width: 55%; position: absolute; z-index: 1; height: 100%; background: linear-gradient(270deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0.5) 4%, rgba(255,255,255,0.5) 100%); } .fgpcs-products.new4:after { content: ''; top: 0; left: 100%; width: 55%; position: absolute; z-index: 1; height: 100%; background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0.5) 4%, rgba(255,255,255,0.5) 100%); } .fgpcs-products.new4 .owl-wrapper-outer { overflow:visible; display: table; } .fgpcs-products .owl-buttons{ display: none; } .fgpcs-products.new4 .owl-buttons{ display: block; } .fgpcs-products.new4 .owl-buttons .owl-prev:before, .fgpcs-products.new4 .owl-buttons .owl-next:before { content: none; } .fgpcs-products.new4 .owl-buttons .owl-prev { position: absolute; left: -100px; top: 160px; background: url('https://www.ekfluidworks.com/skin/frontend/ultimo/fluid/images/redesign/fg-arrow-red.svg') no-repeat center center!important; width: 50px; height: 50px; background-size: 50px; -webkit-transform: scaleX(-1); transform: scaleX(-1); z-index: 5; } .fgpcs-products.new4 .owl-buttons .owl-next { position: absolute; right: -100px; top: 160px; background: url('https://www.ekfluidworks.com/skin/frontend/ultimo/fluid/images/redesign/fg-arrow-red.svg') no-repeat center center!important; width: 50px; height: 50px; background-size: 50px; z-index: 5; } @media (max-width: 1460px) { .fgpcs-products.new4 .owl-buttons .owl-prev { left: -50px; } .fgpcs-products.new4 .owl-buttons .owl-next { right: -50px; } } @media (max-width: 1350px) { .fgpcs-products.new4 .owl-buttons .owl-prev { left: 0px; } .fgpcs-products.new4 .owl-buttons .owl-next { right: 0px; } } .product-read-more { height: 70px; position: relative; z-index: 1; text-align: center; width: calc(100% + 50px); margin-left: -25px; top: -480px; } .product-read-more:before { position: absolute; width: calc(100% - 50px); height: 3px; top: -3px; left: 25px; content: ''; border-top: 3px solid #838383; z-index: 1; } .product-read-more:after { background: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 50%, rgba(255,255,255,1) 100%); position: absolute; height: 100px; top: -100px; content: ''; width: 100vw; left: 50% !important; margin-left: -50vw !important; } .product-read-more a { color: #838383; font-family: DINProRegular; font-size: 18px; font-weight: bold; letter-spacing: 0; line-height: 23px; display: inline-block; margin: 10px 0; } .product-read-more img { display: block; margin: 10px auto; } .new-fgpcs-page #gsSection2019Eight .wp1140 { display: block; } .models-graph { display: table; width: calc(100% + 50px); margin-left: -25px; } .models-graph .model-item, .fgpcs-products .model-item { width: 33.33%; float: left; padding: 25px; box-sizing: border-box; } .fgpcs-products .model-item { width: 100%; padding: 25px 0; margin-top: 60px; float: none; } .new-fgpcs-page #gamingSystems2019 .models-graph h3, .new-fgpcs-page #gamingSystems2019 .fgpcs-products .model-item h3 { color: #000000; font-family: DINProBold!important; font-size: 24px; font-weight: bold; letter-spacing: 0; line-height: 31px; text-transform: uppercase; } .models-graph h3 span, .fgpcs-products .model-item h3 span { font-family: DINProRegular; font-weight: normal; text-transform: initial; color: #E01E3B; font-size: 24px; letter-spacing: 0; line-height: 31px; display: inline-block; margin-left: 10px; } .model-item .grey-line { height: 7px; position: relative; width: 100%; background: #C4C4C4; margin-bottom: 30px; } .model-item .grey-line .red-line { height: 7px; position: absolute; background: #E01E3B; left: 0; top: 0; z-index: 1; } .model-item .red-line.fortnite-1, .model-item .red-line.fortnite-2, .model-item .red-line.fortnite-3 { width: 80%; } .model-item .red-line.halo-1, .model-item .red-line.halo-2, .model-item .red-line.halo-3 { width: 60%; } .model-item .red-line.witcher-1, .model-item .red-line.witcher-2, .model-item .red-line.witcher-3 { width: 70%; } .models-graph .fgpcs-item-pricebox .fgpcs-item-pricebox-price { display: none; } .models-graph .fgpcs-item-pricebox .fgpcs-item-pricebox-addto { width: initial; display: block; text-align: center; margin-top: 65px; } #gsSection2019Eight .alert-box { display: none; } #gsSection2019Eight .buy-from-partners { text-align: center; border-top: 1px solid #000; } #gsSection2019Eight .buy-from-partners a { max-width: 350px; width: 100%; border: 3px solid #E01E3B; color: #E01E3B; line-height: 70px; text-align: center; display: inline-block; font-family: DINProRegular; font-size: 24px; font-weight: bold; padding: 0 30px; margin-top: 40px; box-sizing: border-box; } .new-fgpcs-page #gamingSystems2019 .follow-us { background: #494949; width: 100vw !important; margin-left: -50vw !important; margin-right: -50vw !important; left: 50% !important; right: 50% !important; } .new-fgpcs-page #gamingSystems2019 .follow-us h2:before, .new-fgpcs-page #gamingSystems2019 .follow-us h2:after { border-color: #fff; } .new-fgpcs-page #gamingSystems2019 .follow-us h2 span { background: #494949; } .new-fgpcs-page #gamingSystems2019 .follow-us * { color: #fff; } .fgpcs-products { visibility: visible; } .new-fgpcs-page #gamingSystems2019 .testimonials { background: #fff; width: 100vw !important; margin-left: -50vw !important; margin-right: -50vw !important; left: 50% !important; right: 50% !important; } .new-fgpcs-page #gamingSystems2019 .testimonials h2 { font-family: DINProBlack!important; font-weight: 900!important; color: #000!important; } .new-fgpcs-page #gamingSystems2019 .testimonials p { color: #000; } .new-fgpcs-page #gamingSystems2019 .owl-buttons > div.owl-prev { background-image: url('https://www.ekfluidworks.com/skin/frontend/ultimo/fluid/images/redesign/arrow-left-grey.png'); } .new-fgpcs-page #gamingSystems2019 .owl-buttons > div.owl-next { background-image: url('https://www.ekfluidworks.com/skin/frontend/ultimo/fluid/images/redesign/arrow-right-grey.png'); } .top-fluid-banner-product a { display: block; width: 100%; text-align: center; } .top-fluid-banner-product a > img { display: inline-block; max-width: 100%; } .top-fluid-banner-product a > img.tablet, .top-fluid-banner-product a > img.mobile { display: none; } @media (max-width: 1160px) { .top-fluid-banner-product a > img.full { display: none; } .top-fluid-banner-product a > img.tablet { display: inline-block; } } @media (max-width: 660px) { .top-fluid-banner-product a > img.full, .top-fluid-banner-product a > img.tablet { display: none; } .top-fluid-banner-product a > img.mobile { display: inline-block; } .fgpcs-products.collapsed .fgpcs-item-pricebox .fgpcs-item-pricebox-addto { display: block; } } .top-fluid-banner-product .top-fluid-banner-product-cont { position: relative; } .top-fluid-banner-product .slick-arrow { position: absolute; top: 48%; z-index: 10; background: transparent url('https://www.ekfluidworks.com/skin/frontend/ultimo/fluid/images/redesign/arrow-right.png') center center no-repeat; font-size: 0; border: none; cursor: pointer; height: 46px; width: 20px; } .top-fluid-banner-product .slick-arrow.slick-prev { left: 0; -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); } .top-fluid-banner-product .slick-arrow.slick-next { right: 0; } .top-fluid-banner-product .slick-dots { text-align: center; overflow: hidden; margin: -50px auto 16px; position: relative; z-index: 10; } .top-fluid-banner-product .slick-dots li { border: 2px solid #979797; width: 20px; height: 20px; margin-right: 15px; background: none; display: inline-block; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; cursor: pointer; padding-left: 0!important; } .top-fluid-banner-product .slick-dots li:before { content: none!important; } .top-fluid-banner-product .slick-dots li:last-child { margin-right: 0; } .top-fluid-banner-product .slick-dots li:hover, .top-fluid-banner-product .slick-dots li.slick-active { border-color: #E01E3B; background: #E01E3B; } .top-fluid-banner-product .slick-dots li button { display: none; } @media (max-width: 1400px) { #gsSection2019Eight > .wp1140 { padding-left: 20px; padding-right: 20px; box-sizing: border-box; } } @media (max-width: 1024px) { .new-fgpcs-page .selectGraphic { padding-right: 20px; top: -46px; } .fgpcs-products .fgpcs-item-specs-line:first-child { min-height: 106px; } .why-fluid-gaming .cooling-icons, .why-liquid-cooling .cooling-icons { padding-bottom: 0; margin-bottom: 0; } .why-fluid-gaming .cooling-icons .icon, .why-liquid-cooling .cooling-icons .icon, .why-liquid-cooling.col-4 .cooling-icons .icon { width: 50%; margin-bottom: 30px; } .why-fluid-gaming .breaker, .why-liquid-cooling .breaker { display: block; width: 100%; float: left; } } @media (max-width: 767px) { .new-fgpcs-page #gamingSystems2019 h2 { max-width: 100%!important; } #gsSection2019Eight > .wp1140 > .models-graph, .product-read-more { display: none; } .fgpcs-products.collapsed { height: auto; overflow: initial; } .fgpcs-products.collapsed .fgpcs-item-specs.boxes { height: auto; overflow: initial; } .new-fgpcs-page #gamingSystems2019 > #gsSection2019one { width: 100vw !important; margin-left: -50vw !important; margin-right: -50vw !important; left: 50% !important; right: 50% !important; max-width: initial; } .new-fgpcs-page #gamingSystems2019 > #gsSection2019one > .wp1140 { padding: 0; } .new-fgpcs-page #gamingSystems2019 > #gsSection2019one > .wp1140 .top-fluid-banner-product .top-fluid-banner-product-cont .slick-arrow { display: none!important; } .new-fgpcs-page #gamingSystems2019 > #gsSection2019one > .wp1140 .top-fluid-banner-product .slick-dots { margin: 20px 0 30px; } .new-fgpcs-page #gamingSystems2019 .fgpcs-products { width: calc(100% + 50px); margin-left: -25px; } .testimonials > .main.container { width: 90%!important; } .new-fgpcs-page #gamingSystems2019 .selectGraphic.three-cols { display: none; } } @media (max-width: 500px) { .why-fluid-gaming > .main.container { width: 90%!important; } .why-fluid-gaming .cooling-icons .icon p, .why-liquid-cooling .cooling-icons .icon p { font-size: 18px; line-height: 24px; } .why-fluid-gaming .cooling-icons .icon img { height: 85px; } .new-fgpcs-page #gamingSystems2019 .selectGraphic { display: none; } } .owl-carousel .owl-wrapper:after { content: none!important; } @media (min-width: 997px) and (max-width: 1216px) { .fgpcs-products .owl-item { width: calc(25% - 50px)!important; } } /* --- product detail --- */ .catalog-product-view .main { padding-bottom: 0!important; } .catalog-product-view .product-view-main-image { background: #191919!important; padding-top: 110px!important; } .product-view .sticker-wrapper { top: 40%; right: 0; } .product-view .sticker-wrapper span { font-family: DINProBlack; } .product-view .sticker-wrapper + .sticker-wrapper { top: calc(40% + 100px); } .product-view .sticker-wrapper .sticker { border-radius: 0; background: #E01E3B; } .product-view .sticker-wrapper .sticker { text-align: center; } .product-view .sticker-wrapper .sticker span { font-family: DINProRegular; font-weight: 100; display: block; clear: both; } .product-view .description * { font-family: DINProRegular; font-size: 18px; line-height: 23px; } .product-view .availabilityUS * { color: #777!important; font-family: "Open Sans", sans-serif!important; font-size: 18px; letter-spacing: 0; line-height: 24px; border: none!important; padding: 0!important; font-weight: normal!important; margin: 0!important; } .product-view .sku.fluid-sku { margin-top: 20px; } .product-primary-column { vertical-align: top!important; } .product-view .ow_manuals_wrapper { margin-top: 20px; } .catalog-product-view .product-type-data { margin-top: 40px; width: 100%; /*max-width: 350px;*/ position: relative; } .catalog-product-view .product-type-data .price-box > .regular-price .price, .catalog-product-view .product-type-data .price-box > .special-price .price { font-family: DINProBlack!important; font-size: 48px; font-weight: 900; line-height: 61px; color: #fff!important; } .catalog-product-view .product-type-data .price-box > .old-price .price { font-family: DINProRegular!important; font-size: 24px; font-weight: normal; line-height: 31px; text-decoration: line-through; color: #E01E3B; } .catalog-product-view .product-type-data .fluid_stock_container p.availability span, .product-view .sku.fluid-sku span, .product-view .sku.fluid-sku label { color: #fff; font-size: 18px; font-family: DINProRegular!important; font-weight: normal!important; } .catalog-product-view .product-type-data .fluid_stock_container { /*position: absolute; right: 0; top: 17px;*/ padding: 15px 0; } .catalog-product-view .availability.shipping-info { padding-left: 0; font-family: "Open Sans", sans-serif!important; font-size: 18px; line-height: 24px; color: #777; margin-top: 0; } .catalog-product-view .add-to-box { width: 100%; max-width: 350px; } #product-addtocart-button { background: #E01E3B!important; text-transform: unset!important; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; } #product-addtocart-button:hover { -webkit-box-shadow: 0px 0px 15px 0px rgba(224,30,59,1); -moz-box-shadow: 0px 0px 15px 0px rgba(224,30,59,1); box-shadow: 0px 0px 15px 0px rgba(224,30,59,1); } #product-addtocart-button:after { content: none!important; } #product-addtocart-button span { font-family: DINProBlack!important; font-size: 24px!important; text-transform: unset; font-weight: 900; } .product-view .add-to-cart { padding-left: 0!important; } .catalog-product-view .qty-wrapper { display: none!important; } .product-view .product-images-gallery-no-carousel { text-align: center; overflow: hidden; margin: 0 auto; } .product-view .product-images-gallery-no-carousel a { border: 2px solid #979797; width: 20px; height: 20px; margin-right: 15px; background: none; display: inline-block; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; cursor: pointer; } .product-view .product-images-gallery-no-carousel a:last-child { margin-right: 0; } .product-view .product-images-gallery-no-carousel a:hover, .product-view .product-images-gallery-no-carousel a.active { border-color: #E01E3B; background: #E01E3B; } .under-image-tabs { background: #fff; width: 100vw !important; margin-left: -50vw !important; margin-right: -50vw !important; position: relative; left: 50% !important; right: 50% !important; position: relative !important; } .under-image-tabs-cont { padding-top: 100px; padding-bottom: 100px; } .under-image-tabs-tabs .under-image-tabs-tab-title { color: #000000; font-family: DINProBlack!important; font-size: 36px; font-weight: 900; line-height: 46px; text-transform: uppercase; } .under-image-tabs-tabs .under-image-tabs-tab-title:before { content: none!important; } .under-image-tabs .fgpcs-item-specs-line { background: none; border: none!important; color: #494949!important; font-size: 18px; font-family: 'Open Sans', sans-serif!important; line-height: 24px; padding: 15px 25px 12px 25px; float: left; width: 33.3333%; } .under-image-tabs .fgpcs-item-specs-line:hover { background: none; } .under-image-tabs .fgpcs-item-specs-line:nth-child(6n+4), .under-image-tabs .fgpcs-item-specs-line:nth-child(6n+5), .under-image-tabs .fgpcs-item-specs-line:nth-child(6n+6) { background: #D8D8D8; } .under-image-tabs .fgpcs-item-specs-line:nth-child(3n-1) { text-align: center; } .under-image-tabs .fgpcs-item-specs-line:nth-child(3n) { text-align: right; } .under-image-tabs .fgpcs-item-specs-line label { color: #000!important; font-weight: 700; font-size: 21px; line-height: 28px; } .under-image-tabs .under-image-tabs-tab-content#tab_in_box .fgpcs-item-specs-line:nth-child(3n-1) { text-align: left; } .catalog-product-view .ek-values { margin-top: 20px; display: none!important; } .custom-under-image-section { background: #494949; width: 100vw !important; margin-left: -50vw !important; margin-right: -50vw !important; position: relative; left: 50% !important; right: 50% !important; position: relative !important; margin-top: 0; text-align: center; } .custom-under-image-section-cont { padding-top: 150px; padding-bottom: 150px; } .custom-under-image-section .wp1140 > h2 { font-family: DINProBlack!important; font-size: 36px; font-weight: 900; line-height: 46px; text-transform: unset!important; margin-bottom: 30px; } .new-fgpcs-page #gsSection2019Eight h2:after { width: 100%; height: 1px; border-bottom: 1px solid #000; position: absolute; top: 51%; content: ''; overflow: hidden; margin-left: 30px; } .custom-under-image-section .wp1140 p { font-family: DINProRegular!important; font-size: 18px; line-height: 23px; } .custom-under-image-section .wp1140 > .row { margin-top: 60px!important; } .custom-under-image-section .wp1140 h3 { color: #FFFFFF!important; font-family: "Open Sans", sans-serif!important; font-size: 24px; line-height: 33px; font-weight: 900; } #gamingSystems { background: #fff; width: 100vw !important; margin-left: -50vw !important; margin-right: -50vw !important; position: relative; left: 50% !important; right: 50% !important; position: relative !important; padding: 100px 0; } #gsSectionEight { max-width: 1200px; width: 96%; margin-left: auto; margin-right: auto; } .new-fgpcs-page #gsSectionEight h2 { font-family: DINProBlack!important; font-size: 36px; font-weight: 900!important; line-height: 46px; text-transform: uppercase!important; margin-bottom: 30px; color: #000; overflow: hidden; position: relative; } .new-fgpcs-page #gsSectionEight h2:after { width: 100%; height: 1px; border-bottom: 1px solid #000; position: absolute; top: 23px; content: ''; overflow: hidden; margin-left: 30px; } #gsSectionEight .gsSectionEight-cont { position: relative; } #gsSectionEight:after { content: ''!important; } #gamingSystems #gsSectionEight .image-video-overlay { background-image: url('https://www.ekfluidworks.com/skin/frontend/ultimo/fluid/images/redesign/home-video-overlay-bg.png'); } .catalog-product-view .product-view-main-image ~ .ow-section:nth-child(2n) { background: #494949!important; /*padding: 100px 0;*/ } .catalog-product-view .product-view-main-image ~ .ow-section:nth-child(2n+1) { background: #fff!important; text-align: right; /*padding: 100px 0;*/ } .catalog-product-view .product-view-main-image ~ .ow-section h3.section-title { color: #FFFFFF; font-family: DINProBlack!important; font-size: 36px; font-weight: 900; line-height: 46px; } .catalog-product-view .product-view-main-image ~ .ow-section p { color: #FFFFFF; font-family: DINProRegular!important; font-size: 18px; line-height: 23px; } .catalog-product-view .product-view-main-image ~ .ow-section > .main { border: none; } .catalog-product-view .product-view-main-image ~ .ow-section:nth-child(2n+1) h3.section-title, .catalog-product-view .product-view-main-image ~ .ow-section:nth-child(2n+1) p, .catalog-product-view .product-view-main-image ~ .ow-section:nth-child(2n+1) li { color: #000; } .catalog-product-view .product-view-main-image ~ .ow-section.ow_parts_desc { background: #252525!important; padding: 0; } .catalog-product-view .product-view-main-image ~ .ow-section.ow_parts_desc > .main.container { padding-top: 0; } .catalog-product-view .product-view-main-image ~ .ow-section.ow_parts_desc .alert-box { border: none!important; background: url(https://www.ekfluidworks.com/skin/frontend/ultimo/fluid/images/redesign/important.png) left center no-repeat; background-size: 50px 50px; padding: 0 0 0 75px!important; } .catalog-product-view .product-view-main-image ~ .ow-section.ow_parts_desc .alert-box strong { color: #fff!important; } .catalog-product-view .product-view-main-image ~ .ow-section.ow_parts_desc .alert-box ul { list-style-type: none!important; } .catalog-product-view .product-view-main-image ~ .ow-section.ow_parts_desc .alert-box ul li { line-height: 23px; position: relative; } .catalog-product-view .product-view-main-image ~ .ow-section.ow_parts_desc .alert-box ul li:before { position: absolute; content: '-'; margin-right: 7px; left: -15px; } .catalog-product-view .product-view-main-image > .main.container, .catalog-product-view .ow-section .main.container { padding-bottom: 0!important; } @media only screen and (max-width: 1024px) { .catalog-product-view .product-view-main-image ~ .ow-section { text-align: left!important; padding: 50px 0!important; } .catalog-product-view .product-image-wrapper .inner { padding-left: 0; margin: 0; } .catalog-product-view .product-view-main-image ~ .ow-section.ow_parts_desc { padding: 0!important; } } @media only screen and (max-width: 780px) { .under-image-tabs .fgpcs-item-specs-line { background: #fff!important; text-align: left!important; width: 50%; } .under-image-tabs .fgpcs-item-specs-line:nth-child(4n+4), .under-image-tabs .fgpcs-item-specs-line:nth-child(4n+3) { background: #D8D8D8!important; } .under-image-tabs .fgpcs-item-specs-line:nth-child(2n) { text-align: right!important; } } @media only screen and (max-width: 550px) { .under-image-tabs .fgpcs-item-specs-line, .under-image-tabs .fgpcs-item-specs-line:nth-child(4n+4), .under-image-tabs .fgpcs-item-specs-line:nth-child(4n+3) { background: #fff!important; text-align: left!important; width: 100%; float: none; } .under-image-tabs .fgpcs-item-specs-line:nth-child(2n+1) { background: #D8D8D8!important; } .under-image-tabs .fgpcs-item-specs-line:nth-child(2n) { text-align: left!important; background: #fff!important; } } /* news listing */ .blog-index-list .main.container, .cms-promo .main.container, .cms-specialoffers .main.container { padding-top: 0!important; } .blog-banner-cont { background: #191919; width: 100vw !important; margin-left: -50vw !important; margin-right: -50vw !important; position: relative; left: 50% !important; right: 50% !important; } .cms-promo .blog-banner-cont, .cms-specialoffers .blog-banner-cont { background: #000; } .blog-banner-cont .blog-banner { background: url(https://www.ekfluidworks.com/skin/frontend/ultimo/fluid/images/redesign/fluidgaming-ek-news-thumbnail@2x.png) no-repeat bottom right; background-size: contain; } .blog-banner-cont .inner-container { padding: 100px 15px 110px 15px; } .blog-title { font-family: 'DINProBlack'; font-size: 36px; font-weight: 900; letter-spacing: 0; line-height: 46px; text-transform: uppercase; margin: 0; } .blog-banner-cont .ml-subscribe-form { width: 100%; max-width: 450px; margin: 0!important; } .blog-banner-cont #mlb2-895424.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-embedContent p { font-family: 'DINProRegular'; font-size: 18px; letter-spacing: 0; line-height: 23px; } .blog-banner-cont #mlb2-895424.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-fieldRow input { border: 1px solid #FFFFFF; color: #FFFFFF; font-family: "Open Sans", sans-serif; font-size: 18px; letter-spacing: 0; display: block; } .blog-banner-cont #mlb2-895424.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-checkboxRow label p { font-family: 'DINProRegular'; font-size: 12px; letter-spacing: 0; line-height: 15px; display: block; } .blog-banner-cont #mlb2-895424.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-checkboxRow label p a { color: #fff; } .blog-banner-cont #mlb2-895424.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-embedSubmit { position: relative; top: initial; right: initial; left: -10px; } .blog-banner-cont #mlb2-895424.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-embedSubmit button, .cms-promo .blog-banner-cont #mlb2-895424.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-embedSubmit button, .cms-specialoffers .blog-banner-cont #mlb2-895424.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-embedSubmit button{ background: #E01E3B; font-family: "DINProRegular"; font-size: 18px!important; text-transform: unset; font-weight: 300; line-height: 50px; height: auto; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; width: 100%; display: block; text-transform: unset!important; max-width: 150px; margin-top: 20px; padding: 0; } .blog-banner-cont #mlb2-895424.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-embedSubmit button:after { content: none!important; } .blog-banner-cont #mlb2-895424.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-embedSubmit button:hover { -webkit-box-shadow: 0px 0px 15px 0px rgba(224,30,59,1); -moz-box-shadow: 0px 0px 15px 0px rgba(224,30,59,1); box-shadow: 0px 0px 15px 0px rgba(224,30,59,1); } .blog-index-list .main-container, .cms-promo .main-container, .cms-specialoffers .main-container { background: #494949; } .posts-container { padding: 100px 0 0; } .posts-container .postWrapper { border: none; padding-bottom: 45px; margin-bottom: 45px; } .posts-container .postWrapper .left-image { margin-right: 40px; } .posts-container .postWrapper .left-image img { width: 100%; height: auto; } .posts-container .postWrapper .right-data{ width: calc(60% - 40px); } .posts-container .postTitle h2, .posts-container .postTitle h2 a { color: #FFFFFF; font-family: 'DINProBlack'; font-size: 36px; font-weight: 900; letter-spacing: 0; line-height: 46px; } .posts-container .postTitle h2 a:hover { text-decoration: none; } .posts-container .postTitle h3 { font-family: 'DINProRegular'; font-size: 14px; letter-spacing: 0; line-height: 18px; } .posts-container .postContent, .posts-container .postContent p { color: #FFFFFF; font-family: 'DINProRegular'; font-size: 18px; letter-spacing: 0; line-height: 23px; } .posts-container .postContent a.aw-blog-read-more { background-color: #E01E3B; line-height: 45px; text-align: center; padding: 0 10px; width: 100%; max-width: 250px; color: #FFFFFF; font-family: 'DINProRegular'; font-size: 18px; font-weight: 300; letter-spacing: 0; margin-top: 30px; text-decoration: none; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; display:block; margin-left: 0; } .posts-container .postContent a.aw-blog-read-more:hover { text-decoration: none; -webkit-box-shadow: 0px 0px 15px 0px rgba(224,30,59,1); -moz-box-shadow: 0px 0px 15px 0px rgba(224,30,59,1); box-shadow: 0px 0px 15px 0px rgba(224,30,59,1); } @media (max-width: 1300px) { .posts-container .postWrapper .right-data { width: calc(50% - 40px); } } @media (max-width: 1000px) { .posts-container .postWrapper .right-data { width: 100%; } } .blog-index-list .blog-banner-cont #mlb2-895424.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-checkboxRow input[type="checkbox"], .cms-promo .blog-banner-cont #mlb2-895424.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-checkboxRow input[type="checkbox"], .cms-specialoffers .blog-banner-cont #mlb2-895424.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-checkboxRow input[type="checkbox"] { display: none; } .blog-index-list .blog-banner-cont #mlb2-895424.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-checkboxRow input[type="checkbox"] ~ div.label-description, .cms-promo .blog-banner-cont #mlb2-895424.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-checkboxRow input[type="checkbox"] ~ div.label-description, .cms-specialoffers .blog-banner-cont #mlb2-895424.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-checkboxRow input[type="checkbox"] ~ div.label-description{ position: relative; padding-left: 25px; margin-top: 15px; margin-bottom: 10px; } .blog-index-list .blog-banner-cont #mlb2-895424.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-checkboxRow input[type="checkbox"] ~ div.label-description:before, .blog-index-list .blog-banner-cont #mlb2-895424.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-checkboxRow input[type="checkbox"] ~ div.label-description:after, .cms-promo .blog-banner-cont #mlb2-895424.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-checkboxRow input[type="checkbox"] ~ div.label-description:before, .cms-promo .blog-banner-cont #mlb2-895424.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-checkboxRow input[type="checkbox"] ~ div.label-description:after, .cms-specialoffers .blog-banner-cont #mlb2-895424.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-checkboxRow input[type="checkbox"] ~ div.label-description:before, .cms-specialoffers .blog-banner-cont #mlb2-895424.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-checkboxRow input[type="checkbox"] ~ div.label-description:after{ position: absolute; left: 0; top: 0; width: 18px; height: 18px; box-sizing: border-box; border: 2px solid #fff; content: ''; z-index: 1; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; } .blog-index-list .blog-banner-cont #mlb2-895424.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-checkboxRow input[type="checkbox"]:checked ~ div.label-description:before, .cms-promo .blog-banner-cont #mlb2-895424.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-checkboxRow input[type="checkbox"]:checked ~ div.label-description:before, .cms-specialoffers .blog-banner-cont #mlb2-895424.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-checkboxRow input[type="checkbox"]:checked ~ div.label-description:before{ border-color: #E01E3B; } .blog-index-list .blog-banner-cont #mlb2-895424.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-checkboxRow input[type="checkbox"]:checked ~ div.label-description:after, .cms-promo .blog-banner-cont #mlb2-895424.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-checkboxRow input[type="checkbox"]:checked ~ div.label-description:after, .cms-specialoffers .blog-banner-cont #mlb2-895424.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-checkboxRow input[type="checkbox"]:checked ~ div.label-description:after{ position: absolute; left: 4px; top: 4px; width: 10px; height: 10px; box-sizing: border-box; background: #E01E3B; content: ''; z-index: 2; border: none; } .blog-index-list .toolbar { border: none; margin: 0; margin-bottom: 70px; } .blog-index-list .toolbar .sorter, .blog-index-list .toolbar .pager .amount, .blog-index-list .toolbar .pager .pages > strong { display: none; } .blog-index-list .toolbar .pager { border: none; } .blog-index-list .toolbar .pager .pages li a, .blog-index-list .toolbar .pager .pages li.current { background: none; color: #979797; border: 2px solid #979797; width: 30px; height: 30px; box-sizing: border-box; text-align: center; line-height: 26px; font-size: 14px; margin: 0 8px; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; } .blog-index-list .toolbar .pager .pages li.current, .blog-index-list .toolbar .pager .pages li a:hover { border-color: #E01E3B; background: #E01E3B; color: #fff; } .blog-index-list .toolbar .pager .pages li.previous, .blog-index-list .toolbar .pager .pages li.next { position: absolute; left: 0; background: url(https://www.ekfluidworks.com/skin/frontend/ultimo/fluid/images/redesign/arrow-left-grey.png) no-repeat center center; } .blog-index-list .toolbar .pager .pages li.previous a:hover, .blog-index-list .toolbar .pager .pages li.next a:hover { background: none; } .blog-index-list .toolbar .pager .pages li.previous a, .blog-index-list .toolbar .pager .pages li.next a { border: none; height: 46px; width: 20px; } .blog-index-list .toolbar .pager .pages li.previous a:before, .blog-index-list .toolbar .pager .pages li.next a:before { content: none; } .blog-index-list .toolbar .pager .pages li.next { left: 100%; background: url(https://www.ekfluidworks.com/skin/frontend/ultimo/fluid/images/redesign/arrow-right-grey.png) no-repeat center center; } /* news detail */ .blog-post-view .main-container { background: #494949; } .blog-post-view .main-container .main.container { padding-top: 0px!important; padding-bottom: 0!important; margin-bottom: 0; } .blog-post-view .main-container .main.container .inner-container { margin-bottom: 0; } .blog-post-view .main-container .main.container .inner-container img { display: block; margin: 0 auto; width: 100%; height: auto; } .single-post-container .postTitle { border: none; margin-bottom: 0; padding-top: 100px; } .single-post-container .postTitle h1 { font-family: 'DINProBlack'; font-size: 36px!important; font-weight: 900; letter-spacing: 0; line-height: 46px; margin: 0; color: #fff!important; text-transform: unset!important; margin-bottom: 10px; max-width: calc(100% - 386px); } .single-post-container .postWrapper h2, .single-post-container .postWrapper h3 { font-family: 'DINProBlack'; text-transform: unset!important; font-weight: 900; letter-spacing: 0; } .single-post-container .postImage-cont { background: #000; width: 100vw !important; margin-left: -50vw !important; margin-right: -50vw !important; position: relative; left: 50% !important; right: 50% !important; } .single-post-container .postWrapper { /*width: 66.66%;*/ width: calc(100% - 290px - 96px); float: left; padding: 0 0 80px; border-bottom: 0; margin-bottom: 0; } .single-post-container .postWrapper .postBookmarks { background: none; margin: 30px 0; text-align: left; padding: 0; border-radius: 0; } .single-post-container .postWrapper .postBookmarks > span { line-height: 48px; display: inline-block; vertical-align: middle; float: left; margin-right: 15px; font-family: 'DINProRegular'; font-size: 18px; letter-spacing: 0; } .single-post-container .postWrapper .postBookmarks > a { border-radius: 0; border: none; width: 44px; height: 44px; background: #fff; position: relative; line-height: 44px; margin: 0 15px 0 0; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; } .single-post-container .postWrapper .postBookmarks > a span { position: absolute; left: 0; top: 3px; color: #494949; width: 44px; height: 44px; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; font-size: 39px; } .single-post-container .postWrapper .postBookmarks > a span.ic-facebook { top: 5px; left: 5px; } .single-post-container .postWrapper .postBookmarks > a:hover { background: #E01E3B; } .single-post-container .postWrapper .postBookmarks > a:hover span { color: #fff; } .single-post-container .postWrapper p, .single-post-container .postWrapper p a, .single-post-container .postWrapper td, .single-post-container .postWrapper th, .single-post-container .postWrapper td a, .single-post-container .postShortContent { font-family: 'DINProRegular'; font-size: 18px; letter-spacing: 0; line-height: 23px; text-align: justify; } .single-post-container .postWrapper p a:hover { background: #E01E3B; } .single-post-container .blog-shop { width: 290px; float: right; margin-left: 96px; margin-top: 50px; } .single-post-container .blog-shop .img-cont { transform: scale(1.5); } .single-post-container .blog-shop img { margin-bottom: 25px!important; display: block; } .single-post-container .blog-shop p { color: #FFFFFF; font-family: 'DINProLight'; font-size: 18px; letter-spacing: 0; line-height: 23px; margin-bottom: 20px; } .single-post-container .blog-shop .productc-name h3, .single-post-container .blog-shop .productc-name h3 a { color: #fff!important; font-family: DINProRegular!important; font-size: 24px; line-height: 32px; margin-bottom: 15px; } .single-post-container .blog-shop .productc-price { margin-bottom: 20px; } .single-post-container .blog-shop h2, .single-post-container .blog-shop p.price, .single-post-container .blog-shop .price-box span { color: #FFFFFF; font-family: 'DINProBlack'!important; font-size: 36px; font-weight: 900; letter-spacing: 0; line-height: 46px; margin-bottom: 20px; } .single-post-container .blog-shop a.buy { background-color: #E01E3B; line-height: 58px; text-align: center; padding: 0; width: 100%; color: #FFFFFF; font-family: 'DINProRegular'; font-size: 24px; font-weight: bold; letter-spacing: 0; text-decoration: none; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; display:block; margin-left: 0; display: block; } .single-post-container .blog-shop a.buy:hover { text-decoration: none; -webkit-box-shadow: 0px 0px 15px 0px rgba(224,30,59,1); -moz-box-shadow: 0px 0px 15px 0px rgba(224,30,59,1); box-shadow: 0px 0px 15px 0px rgba(224,30,59,1); } .single-post-container { position: relative; display: table; width: 100%; } .single-post-container .readmorearticles { width: 100%; text-align: right; margin-top: 0; position: absolute; left: 0; bottom: 95px; } .single-post-container .readmorearticles a { padding-left: 60px; position: relative; font-family: 'DINProBlack'; font-weight: 900; font-size: 18px; } .single-post-container .readmorearticles a:hover { color: #E01E3B; } .single-post-container .readmorearticles a:before { content: ''; background-repeat: no-repeat; -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s; transition: all .5s; -webkit-transition-timing-function: cubic-bezier(0.65, 0.01, 0, 1.76); -moz-transition-timing-function: cubic-bezier(0.65, 0.01, 0, 1.76); -ms-transition-timing-function: cubic-bezier(0.65, 0.01, 0, 1.76); -o-transition-timing-function: cubic-bezier(0.65, 0.01, 0, 1.76); transition-timing-function: cubic-bezier(0.65, 0.01, 0, 1.76); background-position: 0 45%; background-image: url(https://www.ekfluidworks.com/skin/frontend/ultimo/fluid/images/continue.svg); -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -o-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); width: 50px; height: 31px; display: block; left: 0; position: absolute; } .single-post-container .readmorearticles a:hover:before { background-position: 13px 45% } .single-post-container .postContent a { word-break: break-all; } .single-post-container .postWrapper .postContent p > a { color: #E01E3B; } .single-post-container .postWrapper .postContent p > a:hover { background: none; } @media only screen and (max-width: 1024px) { .single-post-container .blog-shop { width: 220px; margin-left: 30px; margin-top: 50px; } .single-post-container .postWrapper { width: calc(100% - 220px - 30px); } .single-post-container .postTitle h1 { max-width: calc(100% - 220px - 30px); } .single-post-container .postContent table { width: 100%!important; } } @media only screen and (max-width: 767px) { .single-post-container .blog-shop, .single-post-container .postWrapper { width: 100%; float: none; clear: both; } .single-post-container .blog-shop { margin-top: 0; margin-left: 0; } .single-post-container .postTitle h1 { max-width: 100%; } .single-post-container .readmorearticles { position: static; margin-top: 30px; } .single-post-container .postContent p iframe { width: 100%!important; } .single-post-container .postContent table td { word-break: break-all; min-width: 50px; padding: 5px; } } /* --- login and registration --- */ .account-login .form-list li { margin-bottom: 13px; } .account-login .content, .account-login .registered-users .content { margin-right: 80px; } .account-login .new-users .content { margin-left: -10px; } .account-login .registered-users .content { margin-right: -10px; } .account-login p.required { text-align: left; color: #E01E3B; font-size: 14px; } .account-login .fieldset ~ .fieldset { margin-top: 30px; } .account-login h3.legend { font-family: 'DINProRegular'; font-size: 18px; line-height: 23px; margin-top: 15px; padding-bottom: 7px; margin-bottom: 15px; } .account-login .fields .field { width: 50%; padding: 0 10px; box-sizing: border-box; } .account-login .fields .field:first-child { padding-left: 0; } .account-login .fields .field:last-child { padding-right: 0; } .account-login form input.input-text, .customer-account-login .form-list select, .account-login #login-form .input-text { border: 2px solid #979797!important; padding: 6px 8px!important; font-family: 'DINProRegular'; font-size: 14px!important; color: #fff!important; width: 100%; max-width: 100%; -webkit-appearance:none!important; } .account-login form input.input-text::placeholder, .account-login #login-form .input-text::placeholder { color: #626262!important; opacity: 1; } .account-login form input.input-text:focus, .customer-account-login .form-list select:focus { border-color: #E01E3B!important; } .account-login form input[type="checkbox"], .account-login form input[type="radio"] { display: none; } .account-login form input[type="checkbox"] ~ label, .account-login form input[type="radio"] ~ label { position: relative; padding-left: 25px; font-family: 'DINProRegular'; font-size: 14px; line-height: 18px; } .account-login form input[type="checkbox"] ~ label:before, .account-login form input[type="checkbox"] ~ label:after, .account-login form input[type="radio"] ~ label:before, .account-login form input[type="radio"] ~ label:after { position: absolute; left: 0; top: 0; width: 18px; height: 18px; box-sizing: border-box; border: 2px solid #979797; content: ''; z-index: 1; } .account-login form input[type="checkbox"]:checked ~ label:before, .account-login form input[type="radio"]:checked ~ label:before { border-color: #E01E3B; } .account-login form input[type="checkbox"]:checked ~ label:after, .account-login form input[type="radio"]:checked ~ label:after { position: absolute; left: 4px; top: 4px; width: 10px; height: 10px; box-sizing: border-box; background: #E01E3B; content: ''; z-index: 2; border: none; } .account-login form button[type="submit"], .account-login #login-form .button { background: #E01E3B; padding: 5px 0; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; width: 100%; text-transform: unset; margin: 20px 0; } .account-login form button[type="submit"] span { font-family: 'DINProRegular'; font-size: 14px; } .account-login form button[type="submit"]:after { content: none!important; } .account-login form button[type="submit"]:hover { -webkit-box-shadow: 0px 0px 15px 0px rgba(224,30,59,1); -moz-box-shadow: 0px 0px 15px 0px rgba(224,30,59,1); box-shadow: 0px 0px 15px 0px rgba(224,30,59,1); } @media only screen and (max-width: 1024px) { .account-login .new-users .content { margin-right: 0; } } .customer-account-changeforgotten .col-main form { width: 50%; display: table; } .customer-account-changeforgotten .fieldset .field { float: none; } .customer-account-changeforgotten .fieldset input.input-text { border: 2px solid #979797!important; padding: 6px 8px!important; font-family: 'DINProRegular'; font-size: 14px!important; color: #fff!important; width: 100%; max-width: 100%; margin-bottom: 15px; background: transparent; } .customer-account-changeforgotten .fieldset input.input-text::placeholder { color: #626262!important; opacity: 1; } .customer-account-changeforgotten .fieldset input.input-text:focus { border-color: #E01E3B!important; } .customer-account-changeforgotten form .buttons-set { border: none!important; padding-top: 0; margin-top: 0; } .customer-account-changeforgotten form button[type="submit"] { background: #E01E3B; padding: 0; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; text-transform: unset; margin: 20px 0; float: none; } .customer-account-changeforgotten form button[type="submit"] span { font-family: 'DINProRegular'; font-size: 14px; } .customer-account-changeforgotten form button[type="submit"]:after { content: none!important; } /* --- forgotten password --- */ body.customer-account-forgotpassword .col-main h3 { margin-top: 60px; margin-bottom: 5px; } body.customer-account-forgotpassword .col-main p { color: #626262; font-size: 14px; } body.customer-account-forgotpassword .col-main form > * { width: 100%; max-width: 450px; } body.customer-account-forgotpassword .col-main form .input-text { border: 2px solid #979797!important; padding: 6px 8px!important; font-family: 'DINProRegular'; font-size: 14px!important; color: #fff!important; width: 100%; max-width: 100%; background: transparent; margin-top: 20px; } body.customer-account-forgotpassword .col-main form .input-text::placeholder { color: #626262!important; opacity: 1; } body.customer-account-forgotpassword .col-main form .input-text:focus { border-color: #E01E3B!important; } body.customer-account-forgotpassword .col-main form .buttons-set { border: none; padding-top: 0; } body.customer-account-forgotpassword .col-main form .buttons-set button { background: #E01E3B; padding: 5px 0; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; width: 100%; text-transform: unset; margin: 0 0 10px; padding: 0; float: none; line-height: 34px; } body.customer-account-forgotpassword .col-main form .buttons-set span { font-family: 'DINProRegular'; font-size: 14px; } body.customer-account-forgotpassword .col-main form .buttons-set button:hover { -webkit-box-shadow: 0px 0px 15px 0px rgba(224,30,59,1); -moz-box-shadow: 0px 0px 15px 0px rgba(224,30,59,1); box-shadow: 0px 0px 15px 0px rgba(224,30,59,1); } body.customer-account-forgotpassword .col-main form .buttons-set p.back-link { text-align: center; float: none; } body.customer-account-forgotpassword .col-main form .buttons-set p.back-link a { color: #E01E3B; line-height: 18px; font-size: 14px; } body.customer-account-forgotpassword .col-main form .buttons-set p.back-link a:before { content: none; } body.customer-account-forgotpassword .col-main form .buttons-set p.back-link a:hover { color: #E01E3B; text-decoration: underline; } /* --- dashboard --- */ .block-account .block-title { background: url('https://www.ekfluidworks.com/skin/frontend/ultimo/fluid/images/redesign/profile-2.svg') no-repeat 0 8px; } .block .block-title { padding-bottom: 20px; } .block .block-title a, .block .block-title span { font-family: 'DINProBold'; font-weight: 900; font-size: 18px; line-height: 23px; text-transform: uppercase; } .block .block-title a:hover { color: #fff; } .block-account .block-content ul { list-style: none; padding-left: 0; padding-top: 20px; } .block-account .block-content ul li { position: relative; padding-left: 0; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; } .block-account .block-content ul li i { display: none; } .block-account .block-content ul li > * { font-family: 'DINProRegular'; font-size: 14px; line-height: 18px; margin-bottom: 20px; text-transform: unset; } .block-account .block-content ul li a, .block-account .block-content ul li.current strong { padding-left: 25px; } .block-account .block-content ul li a:hover { color: #fff; } .block-account .block-content ul li strong { font-family: 'DINProBold'; } .block-account .block-content ul li a:before, .block-account .block-content ul li.current strong:before { position: absolute; left: 0; top: 2px; width: 18px; height: 18px; box-sizing: border-box; border: 2px solid #979797; content: ''; z-index: 1; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; } .block-account .block-content ul li a:after, .block-account .block-content ul li.current strong:after { position: absolute; left: 4px; top: 6px; width: 10px; height: 10px; box-sizing: border-box; background: none; content: ''; z-index: 2; border: none; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; } .block-account .block-content ul li.current a:before, .block-account .block-content ul li:hover a:before, .block-account .block-content ul li.current strong:before { border-color: #E01E3B; } .block-account .block-content ul li.current a:after, .block-account .block-content ul li:hover a:after, .block-account .block-content ul li.current strong:after { position: absolute; left: 4px; top: 6px; width: 10px; height: 10px; box-sizing: border-box; background: #E01E3B; content: ''; z-index: 2; border: none; } .my-account .page-title h3, [class*="rma-rma-"] .page-title h3 { color: #E01E3B; font-family: 'DINProBold'!important; margin: 17px 0 26px; } .my-account p, [class*="rma-rma-"] p, .my-account p, [class*="rma-rma-"] p a { font-size: 14px; line-height: 18px; } .my-account p a, [class*="rma-rma-"] .main .inner-container p a { color: #E01E3B!important; } .my-account p a:hover, [class*="rma-rma-"] p a:hover { text-decoration: underline; } .my-account .box-account.box-info .col-1 { border: none!important; } .my-account .box-title { text-align: left!important; border-bottom: none!important; margin-bottom: 15px; } .my-account .box h3 { font-family: 'DINProBlack'!important; color: #c6c6c6; font-size: 14px; line-height: 18px; text-transform: unset; float: none!important; margin-bottom: 0; } .my-account .box a { font-family: 'DINProRegular'!important; color: #e42143; font-size: 14px; line-height: 18px; text-transform: unset; float: none; } .my-account .box a:hover { color: #e42143; text-decoration: underline; } .my-account .box-content p, .my-account .box-content address { font-family: 'DINProRegular'!important; color: #838383; font-size: 14px; line-height: 18px; } .my-account .pager { border: none; margin: 30px 0 20px; padding: 0; } .my-account .pager * { font-family: 'DINProRegular'; font-size: 14px; line-height: 26px; } .my-account .pager select { padding: 0 5px; margin: 0 5px; height: 26px; } .my-account .buttons-set * { font-family: 'DINProRegular'; font-size: 14px; line-height: 18px; } .block-account a.logout { background: #E01E3B; padding: 5px 0; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; width: 100%; text-transform: unset; margin: 35px 0; display: block; text-align: center; font-family: 'DINProRegular'; font-size: 14px; line-height: 18px; } .block-account a.logout:hover { -webkit-box-shadow: 0px 0px 15px 0px rgba(224,30,59,1); -moz-box-shadow: 0px 0px 15px 0px rgba(224,30,59,1); box-shadow: 0px 0px 15px 0px rgba(224,30,59,1); color: #fff; } .customer-account .ow-main { background: #191919!important; } #my-orders-table.data-table thead, #rma-table.data-table thead { display: none; } #my-orders-table.data-table tr, #rma-table.data-table tr { border-bottom: 1px solid #fff; } #my-orders-table.data-table td, #rma-table.data-table td { min-width: 100px; padding: 20px 10px; vertical-align: middle; } #my-orders-table.data-table tr:first-child td, #rma-table.data-table tr:first-child td { padding-top: 0; } #my-orders-table.data-table th, #my-orders-table.data-table td, #my-orders-table.data-table td *, #rma-table.data-table th, #rma-table.data-table td, #rma-table.data-table td * { padding-left: 0!important; font-family: 'DINProRegular'; font-size: 14px; line-height: 18px; } #my-orders-table.data-table .cell-label, #rma-table.data-table .cell-label { display: block!important; clear: both; font-family: 'DINProBlack'; font-size: 14px; line-height: 18px; color: #e2e2e1; } #my-orders-table.data-table td span.nobr a, #rma-table.data-table td span.nobr a { color: #E7244D; } #my-orders-table.data-table td span.nobr a:hover, #rma-table.data-table td span.nobr a:hover { color: #E7244D; text-decoration: underline; } .order-info #order-info-tabs li { font-family: 'DINProRegular'; font-size: 18px; line-height: 35px; padding: 0; } .order-info #order-info-tabs li.current { padding: 0 10px; } .order-info #order-info-tabs li a { background: #E01E3B; line-height: 35px; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; padding: 0 10px; font-family: 'DINProRegular'; font-size: 18px; line-height: 35px; } .order-info #order-info-tabs li a:hover { -webkit-box-shadow: 0px 0px 15px 0px rgba(224,30,59,1); -moz-box-shadow: 0px 0px 15px 0px rgba(224,30,59,1); box-shadow: 0px 0px 15px 0px rgba(224,30,59,1); } .order-info dt { display: none; } .order-info-box { background: none; padding: 20px 0; } .order-info-box .col-1 { border: none; } .customer-account .box-content *, .customer-account .box-content { color: #838383!important; font-size: 14px; line-height: 18px; font-family: 'DINProRegular'; } .customer-account .box-content a { color: #e42143!important; } .customer-account h2 { font-family: 'DINProBlack'!important; color: #fff!important; font-size: 14px; line-height: 18px; margin: 0; } .order-items .data-table tbody.even { background: none; } .order-items .data-table tbody tr { /*border: none!important;*/ } .order-items .data-table tbody td { vertical-align: middle; padding: 20px 10px!important; } .order-items .data-table td:last-child { padding-right: 0!important; } .order-items .data-table td:first-child { padding-left: 0!important; } .order-items .data-table tfoot { border-top: 1px solid #fff; } .order-items .data-table tfoot tr { border-bottom: none!important; } .order-items .data-table tfoot tr.grand_total td { padding-top: 10px!important; } .order-items .data-table tfoot tr.grand_total td * { font-size: 18px; line-height: 23px; } .order-items .data-table tfoot tr td { padding: 0 10px 0 0!important; } .order-items .data-table tfoot tr.first td { padding-top: 10px!important; } .order-items .data-table thead { display: table-header-group!important; } .order-items .data-table thead th { vertical-align: middle; padding: 10px 10px 10px 0!important; } .my-account .page-title, .category-title, [class*="rma-rma-"] .page-title { border-bottom: 1px solid #e5e5e5; } .my-account .page-title h1, [class*="rma-rma-order"] .page-title h1 { color: #E01E3B; font-family: 'DINProBold'!important; margin: 17px 0 26px; font-size: 18px; line-height: 23px; text-transform: initial; } .my-account .buttons-set p.required { display: none; } .my-account .buttons-set button[type="submit"]:after { content: none!important; } .my-account .buttons-set button[type="submit"], .rma-rma-order .inner-container .button, .rma-rma-index .inner-container .button { background: #E01E3B; padding: 5px 0; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; text-transform: unset; margin: 0; display: inline-block; text-align: center; font-family: 'DINProRegular'; font-size: 18px; line-height: 23px; } .rma-rma-order .inner-container .button, .rma-rma-index .inner-container .button { padding: 5px 10px; } .my-account .buttons-set button[type="submit"] span, .rma-rma-order .inner-container .button span, .rma-rma-index .inner-container .button span { font-size: 14px; line-height: 23px; vertical-align: bottom; font-family: 'DINProRegular' } .my-account .buttons-set button[type="submit"]:hover, .rma-rma-order .inner-container .button:hover, .rma-rma-index .inner-container .button:hover { -webkit-box-shadow: 0px 0px 15px 0px rgba(224,30,59,1); -moz-box-shadow: 0px 0px 15px 0px rgba(224,30,59,1); box-shadow: 0px 0px 15px 0px rgba(224,30,59,1); color: #fff; } /* edit form */ .my-account h3.legend, .my-account h2.legend { font-family: 'DINProRegular'; font-size: 18px; line-height: 23px; margin-top: 15px; padding-bottom: 7px; margin-bottom: 15px; } .my-account .fields .field { width: 50%; padding: 0 10px; box-sizing: border-box; } .my-account .fields .field:first-child { padding-left: 0; } .my-account .fields .field:last-child { padding-right: 0; } .my-account form input.input-text, .my-account .form-list select, [class*="rma-rma-"] input.input-text, [class*="rma-rma-"] .input-box select { border: 2px solid #979797!important; padding: 6px 8px!important; font-family: 'DINProRegular'; font-size: 14px!important; color: #fff!important; width: 100%; max-width: 100%; background: none; } .my-account form input.input-text::placeholder, .my-account #login-form .input-text::placeholder, [class*="rma-rma-"] input.input-text::placeholder { color: #626262!important; opacity: 1; } .my-account form input.input-text:focus, .my-account .form-list select:focus { border-color: #E01E3B!important; } [class*="rma-rma-"] form .input-box{ margin-top: 20px; } .my-account form input[type="checkbox"], .my-account form input[type="radio"], [class*="rma-rma-"] form input[type="checkbox"], [class*="rma-rma-"] form input[type="radio"] { display: none; } .my-account form input[type="checkbox"] ~ label, .my-account form input[type="radio"] ~ label, [class*="rma-rma-"] form input[type="checkbox"] ~ label, [class*="rma-rma-"] form input[type="radio"] ~ label { position: relative; padding-left: 25px; font-family: 'DINProRegular'; font-size: 14px; line-height: 18px; cursor: pointer; } .my-account form input[type="checkbox"] ~ label:before, .my-account form input[type="checkbox"] ~ label:after, .my-account form input[type="radio"] ~ label:before, .my-account form input[type="radio"] ~ label:after, [class*="rma-rma-"] form input[type="checkbox"] ~ label:before, [class*="rma-rma-"] form input[type="checkbox"] ~ label:after, [class*="rma-rma-"] form input[type="radio"] ~ label:before, [class*="rma-rma-"] form input[type="radio"] ~ label:after { position: absolute; left: 0; top: 0; width: 18px; height: 18px; box-sizing: border-box; border: 2px solid #979797; content: ''; z-index: 1; } .my-account form input[type="checkbox"]:checked ~ label:before, .my-account form input[type="radio"]:checked ~ label:before, [class*="rma-rma-"] form input[type="checkbox"]:checked ~ label:before, [class*="rma-rma-"] form input[type="radio"]:checked ~ label:before { border-color: #E01E3B; } .my-account form input[type="checkbox"]:checked ~ label:after, .my-account form input[type="radio"]:checked ~ label:after, [class*="rma-rma-"] form input[type="checkbox"]:checked ~ label:after, [class*="rma-rma-"] form input[type="radio"]:checked ~ label:after { position: absolute; left: 4px; top: 4px; width: 10px; height: 10px; box-sizing: border-box; background: #E01E3B; content: ''; z-index: 2; border: none; } .my-account form button[type="submit"], .my-account #login-form .button, [class*="rma-rma-"] .ow-main .main-container .button { background: #E01E3B; padding: 5px 0; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; display: inline-block; text-transform: unset; margin: 20px 0; } [class*="rma-rma-"] .ow-main .main-container .button { padding: 0 20px; min-width: 200px; margin: 0; background: #E01E3B; webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; font-size: 14px; line-height: 36px; width: 100%; box-sizing: border-box; } [class*="rma-rma-"] .add_field_button { margin-bottom: 30px!important; } .my-account form button[type="submit"] span, [class*="rma-rma-"] .ow-main .main-container .button span { font-family: 'DINProRegular'; font-size: 14px; line-height: 34px; color: #fff; } .my-account form button[type="submit"]:after, [class*="rma-rma-"] .ow-main .main-container .button:after { content: none!important; } .my-account form button[type="submit"]:hover, [class*="rma-rma-"] .ow-main .main-container .button:hover { -webkit-box-shadow: 0px 0px 15px 0px rgba(224,30,59,1); -moz-box-shadow: 0px 0px 15px 0px rgba(224,30,59,1); box-shadow: 0px 0px 15px 0px rgba(224,30,59,1); } .ow_rma_step1 .wide, .ow_rma_step1_substep .wide, .ow_rma_step2 .wide, .ow_rma_step2 .ow_rma_title, .ow_rma_step3 > * { width: 66.66%!important; display: table; clear: both; } .ow_rma_step1 .wide .input-box, .ow_rma_step1_substep .ow_rma_upload, .ow_rma_step2 .ow_field { float: left; width: calc(50% - 20px); margin-left: 20px; margin-right: 0!important; } .ow_rma_step1 .wide .input-box:first-child, .ow_rma_step1_substep .ow_rma_upload:first-child, .ow_rma_step2 .ow_field:first-child { width: 50%; margin-left: 0; } .ow_rma_step1_substep .ow_rma_upload .custom-file-upload input[type="file"] { position: absolute; top: -3000px; } .ow_rma_step1_substep .ow_rma_upload .custom-file-upload { position: relative; border: 2px solid #979797!important; padding: 6px 8px!important; font-family: 'DINProRegular'; font-size: 14px!important; color: #626262!important; width: 100%; max-width: 100%; background: none; display: block; min-height: 36px; box-sizing: border-box; } .ow_rma_step1_substep .ow_rma_upload .custom-file-upload:after { content: 'Choose file'; background: #E01E3B; padding: 0; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; display: inline-block; text-transform: unset; cursor: pointer; position: absolute; right: calc(-100% - 6px); width: calc(100% - 16px); color: #fff; font-family: 'DINProRegular'; font-size: 14px; text-align: center; line-height: 36px; top: -2px; } .ow_rma_step1_substep .ow_rma_upload .custom-file-upload:after:hover { -webkit-box-shadow: 0px 0px 15px 0px rgba(224,30,59,1); -moz-box-shadow: 0px 0px 15px 0px rgba(224,30,59,1); box-shadow: 0px 0px 15px 0px rgba(224,30,59,1); } .ow_rma_step1_substep * { font-family: 'DINProRegular'; font-size: 14px!important; } .ow_rma_step1_substep #attachment_wrap_list:before { content: 'Proof of purchase (invoice)'; position: absolute; top: 4px; left: 10px; z-index: 1; } .ow_rma_step1_substep #attachment_wrap_list .MultiFile-label { position: relative; z-index: 2; background: #191919; } .ow_rma_step1_substep .MultiFile-remove { color: #626262; } .ow_rma_step1_substep . ow_rma_files_warning{ clear: both; width: 100%; } .ow_rma_step1_substep p.ow_rma_files_warning { margin-top: 10px; } .ow_rma_step2 .ow_field.ow_remove { position: absolute; width: auto; margin: 0; right: -20px; top: 6px; } .ow_rma_step2 .ow_field_row { position: relative; display: table; width: 100%; margin-bottom: 20px; } .ow_rma_step2 .input_fields_items { margin-top: 30px; } .ow_rma_step2 .ow_rma_remove { width: 100%; } .ow_rma_step3 p { margin-bottom: 10px; } [class*="rma-rma-create"] input[id*="[is_return]"] ~ label { padding-left: 0!important; } [class*="rma-rma-create"] input[id*="[is_return]"] ~ label:before, [class*="rma-rma-create"] input[id*="[is_return]"] ~ label:after { content: none!important; } [class*="rma-rma-create"] input[id*="[is_return]"] ~ label > div.item-description { border: none!important; padding: 0; } [class*="rma-rma-create"] input[id*="[is_return]"] ~ label > div.item-description img { border: 2px solid #979797; box-sizing: border-box; padding: 30px; margin: 0; max-width: 100%!important; } [class*="rma-rma-create"] input[id*="[is_return]"]:checked ~ label > div.item-description img { border-color: #E01E3B; } [class*="rma-rma-create"] input[id*="[is_return]"]:checked ~ label > div.item-description .ow_name:after { position: absolute; right: 15px; top: -35px; content: ''; background: url(https://www.ekfluidworks.com/skin/frontend/ultimo/fluid/images/redesign/FG-tick.svg) no-repeat center center; width: 25px; height: 21px; z-index: 1; } [class*="rma-rma-create"] #rma-form-validate .rma-items .rma-one-item .item-description .ow_name { text-align: left; position: relative; } [class*="rma-rma-create"] .rma-items .rma-one-item { margin-bottom: 50px; } [class*="rma-rma-create"] .rma-items .rma-one-item .item-options { border: none!important; margin-left: 0!important; width: 45%; } [class*="rma-rma-create"] .rma-items .input-text, [class*="rma-rma-create"] .rma-items select, [class*="rma-rma-view"] .input-text, [class*="rma-rma-view"] select { border: 2px solid #979797!important; padding: 6px 8px!important; font-family: 'DINProRegular'; font-size: 14px!important; color: #fff!important; width: 100%; max-width: 100%; margin-bottom: 15px; background: transparent; } [class*="rma-rma-create"] .rma-items .input-text::placeholder, [class*="rma-rma-view"] .input-text::placeholder { color: #626262!important; opacity: 1; } [class*="rma-rma-create"] .rma-items .input-text:focus, [class*="rma-rma-create"] .rma-items select:focus, [class*="rma-rma-view"] .input-text:focus, [class*="rma-rma-view"] select:focus { border-color: #E01E3B!important; } [class*="rma-rma-create"] .rma-items .rma-one-item .item-options > div .validate-rma-quantity { text-align: left; width: calc(100% - 45px); } [class*="rma-rma-create"] #rma-form-validate .rma-items .rma-one-item .item-options .grid12-6 .total-qty { top: -5px!important; } [class*="rma-rma-create"] .ow_rma_attachment label input[type="file"], [class*="rma-rma-view"] .ow_rma_attachment label input[type="file"] { position: absolute; top: -3000px; } [class*="rma-rma-create"] .ow_rma_attachment label, [class*="rma-rma-view"] .ow_rma_attachment label { position: relative; border: 2px solid #979797!important; padding: 6px 8px!important; font-family: 'DINProRegular'; font-size: 14px!important; color: #626262!important; width: 100%!important; max-width: 100%; background: none; display: block; min-height: 36px; box-sizing: border-box; } [class*="rma-rma-create"] .ow_rma_attachment label:after, [class*="rma-rma-view"] .ow_rma_attachment label:after { content: 'Choose file'; background: #E01E3B; padding: 0; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; display: inline-block; text-transform: unset; cursor: pointer; position: absolute; right: 0; width: calc(100% + 4px); color: #fff; font-family: 'DINProRegular'; font-size: 14px; text-align: center; line-height: 36px; bottom: -55px; left: -2px; } [class*="rma-rma-view"] .ow_rma_attachment label { width: 50%!important; } [class*="rma-rma-view"] .ow_rma_attachment label:after { right: calc(-100% - 6px); width: calc(100% - 16px); top: -2px; bottom: initial; left: initial; } [class*="rma-rma-create"] .ow_rma_attachment label:after:hover, [class*="rma-rma-view"] .ow_rma_attachment label:after:hover { -webkit-box-shadow: 0px 0px 15px 0px rgba(224,30,59,1); -moz-box-shadow: 0px 0px 15px 0px rgba(224,30,59,1); box-shadow: 0px 0px 15px 0px rgba(224,30,59,1); } [class*="rma-rma-create"] .MultiFile-remove, [class*="rma-rma-view"] .MultiFile-remove { color: #626262; } [class*="rma-rma-create"] .ow_rma_attachment label *, [class*="rma-rma-view"] .ow_rma_attachment label * { font-family: 'DINProRegular'; font-size: 14px!important; } [class*="rma-rma-create"] .ow_rma_attachment label .MultiFile-list:before, [class*="rma-rma-view"] .ow_rma_attachment label .MultiFile-list:before { content: 'Attachment'; position: absolute; top: 4px; left: 10px; z-index: 1; } [class*="rma-rma-create"] .ow_rma_attachment label .MultiFile-list .MultiFile-label, [class*="rma-rma-view"] .ow_rma_attachment label .MultiFile-list .MultiFile-label { position: relative; z-index: 2; background: #191919; } [class*="rma-rma-create"] .ow_rma_btn_set { margin-top: 50px; } [class*="rma-rma-create"] .ow_rma_btn_set .ow_rma_extra_notice { color: #626262; font-size: 14px!important; text-align: center; float: none; margin-bottom: 10px; } [class*="rma-rma-create"] #rma-form-validate .ow_rma_proceed { margin: 0; padding: 0; } [class*="rma-rma-view"] address { font-family: 'DINProRegular'!important; color: #838383; font-size: 14px; line-height: 18px; } [class*="rma-rma-view"] .ow_rma_blok .box-title { margin-bottom: 15px; } [class*="rma-rma-view"] .ow_rma_blok td, [class*="rma-rma-view"] .ow_rma_blok td * { font-family: 'DINProRegular'!important; color: #838383; font-size: 14px; line-height: 18px; } [class*="rma-rma-view"] .ow_rma_blok td a { color: #E01E3B; } [class*="rma-rma-view"] .ow_rma_blok td a:hover { color: #E01E3B; text-decoration: underline; } /* --- affiliate --- */ .cms-partnership-program .ow-main > .main-container > .main.container, .cms-affiliate .ow-main > .main-container > .main.container { /*background: #494949;*/ padding-top: 0; } .affiliate p.required { text-align: left; font-size: 14px; color: #E01E3B; } .affiliate .main.container { padding-top: 0!important; } .affiliate .affiliate-banner-cont { background: #191919; width: 100vw !important; margin-left: -50vw !important; margin-right: -50vw !important; position: relative; left: 50% !important; right: 50% !important; } .affiliate .affiliate-banner-cont .affiliate-banner { background: url(https://www.ekfluidworks.com/skin/frontend/ultimo/fluid/images/redesign/news-banner.png) no-repeat bottom right; padding-top: 100px!important; } .affiliate .affiliate-banner-cont .inner-container { padding: 100px 15px 110px 15px; } .affiliate .affiliate-title, .affiliate .signup h3 { font-family: 'DINProBlack'!important; font-size: 36px; font-weight: 900; letter-spacing: 0; line-height: 46px; text-transform: uppercase; margin: 0; } .affiliate .affiliate-title { margin-bottom: 30px; } .affiliate .signup { padding-top: 100px; } .affiliate .signup > .main.container{ width: 100%; } .affiliate .signup h3 { color: #fff!important; margin-bottom: 30px; } .affiliate .buttonRed { background: #E01E3B; font-family: "Open Sans", sans-serif; font-size: 18px!important; font-weight: 700; line-height: 50px; height: auto; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; width: 100%; display: block; text-transform: unset!important; max-width: 150px; margin-top: 35px; padding: 0; text-align: center; } .affiliate .buttonRed:after { content: none!important; } .affiliate .buttonRed:hover { -webkit-box-shadow: 0px 0px 15px 0px rgba(224,30,59,1); -moz-box-shadow: 0px 0px 15px 0px rgba(224,30,59,1); box-shadow: 0px 0px 15px 0px rgba(224,30,59,1); color: #fff; } .affiliate .ow-section .grid12-6 { display: inline-block; float: none; margin: 35px .8%; vertical-align: middle; } .affiliate .ow-section { width: 100vw !important; margin-left: -50vw !important; margin-right: -50vw !important; position: relative; left: 50% !important; right: 50% !important; } .affiliate .ow-section:nth-child(2n) { background: #494949!important; } .affiliate .ow-section:nth-child(2n+1) { background: #fff!important; text-align: right; } .affiliate .ow-section h3.section-title { color: #FFFFFF; font-family: DINProBlack!important; font-size: 36px; font-weight: 900; line-height: 46px; } .affiliate .ow-section p { color: #FFFFFF; font-family: DINProRegular!important; font-size: 18px; line-height: 23px; } .affiliate .ow-section:nth-child(2n+1) * { color: #000!important; } .affiliate form .input-text, .affiliate form select { border: 2px solid #979797!important; padding: 6px 8px!important; font-family: 'DINProRegular'; font-size: 14px!important; color: #fff!important; width: 100%; max-width: 100%; margin-bottom: 20px; background: transparent; } .affiliate form .input-text::placeholder { color: #626262!important; opacity: 1; } .affiliate form .input-text:focus, .affiliate form select:focus { border-color: #E01E3B!important; } .affiliate form input[type="checkbox"] { display: none; } .affiliate form input[type="checkbox"] ~ label { position: relative; padding-left: 25px; font-family: 'DINProRegular'; font-size: 14px; line-height: 18px; } .affiliate form input[type="checkbox"] ~ label:before, .affiliate form input[type="checkbox"] ~ label:after { position: absolute; left: 0; top: 0; width: 18px; height: 18px; box-sizing: border-box; border: 2px solid #979797; content: ''; z-index: 1; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; } .affiliate form input[type="checkbox"]:checked ~ label:before { border-color: #E01E3B; } .affiliate form input[type="checkbox"]:checked ~ label:after { position: absolute; left: 4px; top: 4px; width: 10px; height: 10px; box-sizing: border-box; background: #E01E3B; content: ''; z-index: 2; border: none; } .affiliate form button[type="submit"] { background: #E01E3B; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; width: 100%; text-transform: unset; margin: 20px 0; border: none; font-family: 'DINProRegular'; font-size: 14px!important; padding: 0; color: #fff; max-width: 100%; cursor: pointer; line-height: 34px; font-weight: 400; } .affiliate form button[type="submit"]:after { content: none!important; } .affiliate form button[type="submit"]:hover { -webkit-box-shadow: 0px 0px 15px 0px rgba(224,30,59,1); -moz-box-shadow: 0px 0px 15px 0px rgba(224,30,59,1); box-shadow: 0px 0px 15px 0px rgba(224,30,59,1); } .partnerShipProgramContactRightContentFormRow { display: table; width: 100%; } .partnerShipProgramContactRightContentFormRowLeft { width: 48%; float: left; } .partnerShipProgramContactRightContentFormRowRight { width: 48%; float: right; } /* --- fgpcs, fg pcs, pcs, classic page --- */ .ow-section .main.container { border-bottom: none!important; } .ow-section .grid12-6 { display: inline-block; float: none; margin: 35px .8%; vertical-align: middle; } .ow-section { width: 100vw !important; margin-left: -50vw !important; margin-right: -50vw !important; position: relative; left: 50% !important; right: 50% !important; } .ow-section:nth-child(2n) { background: #494949!important; } .ow-section:nth-child(2n+1) { background: #fff!important; text-align: right; } .ow-section h3.section-title { color: #FFFFFF; font-family: DINProBlack!important; font-size: 36px; font-weight: 900; line-height: 46px; } .ow-section p { color: #FFFFFF; font-family: DINProRegular!important; font-size: 18px; line-height: 23px; } .ow-section:nth-child(2n+1) * { color: #000!important; } .ow-section a.button, .checkout-cart-index p a.button { background-color: #E01E3B; line-height: 45px; text-align: center; padding: 0 10px; width: 100%; max-width: 250px; color: #FFFFFF; font-family: 'DINProRegular'; font-size: 18px; font-weight: 300; letter-spacing: 0; text-decoration: none; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; display: block; margin-left: 0; margin-top: 30px; } .ow-section a.button:hover, .checkout-cart-index p a.button:hover { text-decoration: none; background-color: #E01E3B; -webkit-box-shadow: 0px 0px 15px 0px rgba(224,30,59,1); -moz-box-shadow: 0px 0px 15px 0px rgba(224,30,59,1); box-shadow: 0px 0px 15px 0px rgba(224,30,59,1); } /* --- footer --- */ .footer-container { background-image: none; } .footer-container * { font-family: DINProRegular } .footer-primary .section { padding-top: 50px; padding-bottom: 50px; } .footer-primary p, .footer-primary li a { font-family: DINProRegular!important; font-size: 16px!important; line-height: 21px!important; } .footer-primary p strong { line-height: inherit!important; } .footer-primary p a { font-family: inherit!important; font-size: inherit!important; line-height: inherit!important; } .footer-top { background: #E01E3B; } .fluid-newsletter-wrapper { border: none; } .fluid-newsletter-wrapper #eNews .grid12-6 { width: 100%; } .fluid-newsletter-wrapper #eNews .ml-form-embedContent h4 { color: #FFFFFF; font-family: DINProBlack; font-size: 36px; font-weight: 900; letter-spacing: 0; line-height: 46px; text-align: center; text-transform: uppercase; } .fluid-newsletter-wrapper #eNews .ml-form-embedContent p { color: #000000; font-family: DINProRegular; font-size: 18px; letter-spacing: 0; line-height: 23px; text-align: center; } .fluid-newsletter-wrapper #eNews .ml-form-embedWrapper .ml-form-embedBody form { float: none; } .fluid-newsletter-wrapper #eNews .ml-form-embedWrapper .ml-form-embedBody form > .relative { width: 100%; margin: 24px auto 0; max-width: 876px; box-sizing: border-box; } .fluid-newsletter-wrapper #eNews .ml-form-embedWrapper .ml-form-embedBody .ml-form-fieldRow input { width: 100%; margin-right: 150px; border: 2px solid #fff; color: #fff; font-size: 18px; padding: 13px 20px; } .fluid-newsletter-wrapper #eNews .ml-form-embedWrapper .ml-form-embedBody .ml-form-embedSubmit button { background: #fff; font-size: 18px; letter-spacing: 0; line-height: 24px; color: #000; text-transform: unset; font-weight: 900; padding: 7px 48px; margin-left: 0; height: 50px; } .fluid-newsletter-wrapper #eNews .ml-form-embedWrapper .ml-form-embedBody .ml-form-fieldRow input::placeholder { color: #fff; opacity: 1; } .fluid-newsletter-wrapper #eNews .ml-form-embedWrapper .ml-form-embedBody .ml-form-fieldRow input::-webkit-input-placeholder { color: #fff; opacity: 1; } .fluid-newsletter-wrapper #eNews .ml-form-embedWrapper .ml-form-embedBody .ml-form-fieldRow input::-moz-placeholder{ color: #fff; opacity: 1; } .fluid-newsletter-wrapper #eNews .ml-form-embedWrapper .ml-form-embedBody .ml-form-fieldRow input:-ms-input-placeholder{ color: #fff; opacity: 1; } .fluid-newsletter-wrapper #eNews .ml-form-embedWrapper .ml-form-embedBody .ml-form-fieldRow input:-moz-placeholder { color: #fff; opacity: 1; } .fluid-newsletter-wrapper #eNews .ml-form-embedWrapper .ml-form-embedBody .ml-form-checkboxRow { width: 100%; margin: 5px auto 0; max-width: 876px; } .fluid-newsletter-wrapper #eNews .ml-form-embedWrapper .ml-form-embedBody .ml-form-checkboxRow label a { color: #fff; } .footer-bottom-container { background-color: #494949; } .footer-bottom-container .section { padding: 18px 0; } .footer .mobile-collapsible .block-title { font-size: 18px; font-weight: 900; letter-spacing: 0; line-height: 23px; font-family: 'DINProBlack'; } @media only screen and (max-width: 1024px) { .footer-top .container .inner-container { padding-bottom: 50px; } .ml-form-checkboxRow { position: relative; bottom: 0; } .fluid-newsletter-wrapper #eNews .ml-form-embedWrapper .ml-form-embedBody form > .relative { padding-right: 0; } #mlb2-895424.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-embedSubmit { position: absolute; right: initial; left: 0; top: 100px; width: 100%; } .fluid-newsletter-wrapper #eNews .ml-form-embedWrapper .ml-form-embedBody .ml-form-embedSubmit button { width: 100%; } } @media only screen and (max-width: 1150px) { .item.item-right.block_footer_payment { width: 75px; } .item.item-right.block_footer_payment a { line-height: 1.75; } } /* --- customer care --- */ .customer-care > .inner-container { margin: 0 -1%; padding: 0; } .customer-care p.required { text-align: left; color: #E01E3B; } form#customercareform .form-list > li { margin-bottom: 20px; } form#customercareform .input-box { margin-bottom: 0; } form#customercareform .fields .field { padding: 0 10px; box-sizing: border-box; width: 50%; margin-bottom: 0; } form#customercareform .fields .field:first-child { padding-left: 0; } form#customercareform .fields .field:last-child { padding-right: 0; } form#customercareform .input-text { border: 2px solid #979797!important; padding: 6px 8px!important; font-family: 'DINProRegular'; font-size: 14px!important; color: #fff!important; width: 100%; max-width: 100%; -webkit-appearance:none!important; background: none; } form#customercareform .input-text::placeholder { color: #626262!important; opacity: 1; } form#customercareform .input-text:focus { border-color: #E01E3B!important; } form#customercareform .button { background: #E01E3B; padding: 5px 0; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; width: 100%; text-transform: unset; margin: 20px 0; font-family: 'DINProRegular'; font-size: 14px; line-height: 34px; } form#customercareform button:after { content: none!important; } form#customercareform button:hover { -webkit-box-shadow: 0px 0px 15px 0px rgba(224,30,59,1); -moz-box-shadow: 0px 0px 15px 0px rgba(224,30,59,1); box-shadow: 0px 0px 15px 0px rgba(224,30,59,1); } form#customercareform .validation-advice { margin-bottom: 5px; } .customer-care .drivers { margin: 10px 0 50px; display: table; width: 100%; } .customer-care .buttonRed { background: #E01E3B; font-family: "DINProRegular"; font-size: 14px!important; line-height: 34px; height: auto; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; display: block; text-transform: unset!important; padding: 0; text-align: center; width: calc(50% - 10px); float: left; margin: 0 10px 20px 10px; } .customer-care .drivers .buttonRed:nth-child(2n) { margin-right: 0; } .customer-care .drivers .buttonRed:nth-child(2n+1) { margin-left: 0; } .customer-care .buttonRed:after { content: none!important; } .customer-care .buttonRed:hover { -webkit-box-shadow: 0px 0px 15px 0px rgba(224,30,59,1); -moz-box-shadow: 0px 0px 15px 0px rgba(224,30,59,1); box-shadow: 0px 0px 15px 0px rgba(224,30,59,1); color: #fff; } .customer-care .contant-info { font-family: 'DINProRegular'; font-size: 14px; line-height: 18px; color: #979797; } .accordion { margin-top: 15px; } .accordion .accordion-item .question { position: relative; padding-left: 25px; font-family: 'DINProBold'!important; font-size: 14px; line-height: 18px; color: #fff; margin-bottom: 5px; cursor: pointer; } .accordion .accordion-item .question:before, .accordion .accordion-item .question:after { position: absolute; left: 0; top: 0; width: 18px; height: 18px; box-sizing: border-box; border: 2px solid #979797; content: ''; z-index: 1; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; } .accordion .accordion-item .question.active:before { border-color: #E01E3B; } .accordion .accordion-item .question.active:after { position: absolute; left: 4px; top: 4px; width: 10px; height: 10px; box-sizing: border-box; background: #E01E3B; content: ''; z-index: 2; border: none; } .accordion .accordion-item .answer { max-height: 0; overflow: hidden; transition: max-height 0.2s ease-out; margin: 10px 0; } .accordion .accordion-item .answer * { font-family: 'DINProRegular'; font-size: 14px; line-height: 18px; color: #979797; } .accordion .accordion-item .answer a { color: inherit; font-size: inherit; font-family: inherit; } /* --- search results --- */ body.catalogsearch-result-index .main-container[class*="layout"] > .main.container { padding-bottom: 0; } body.catalogsearch-result-index .breadcrumbs, body.catalogsearch-result-index .toolbar { display: none!important; } body.catalogsearch-result-index li.item { width: auto!important; } .search-results-wide { width: 100vw !important; margin-left: -50vw !important; margin-right: -50vw !important; left: 50% !important; right: 50% !important; position: relative; } .search-results-wide .main.container:before, .search-results-wide .main.container:after { position: absolute; width: 100%; height: 100%; right: -100%; top: 0; background: #fff; content: ''; } .search-results-wide .main.container:before { content: ''; top: 0; left: 0; background: linear-gradient(90deg, rgba(224,30,59,0.7) 0%, rgba(224,30,59,0) 100%); width: 40%; position: absolute; visibility: hidden; opacity: 0; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; } .search-results-wide .main.container:after { content: ''; top: 0; right: 0; background: linear-gradient(270deg, rgba(224,30,59,0.7) 0%, rgba(224,30,59,0) 100%); width: 40%; position: absolute; visibility: hidden; opacity: 0; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; } .search-results-wide .main.container.overlay-left:before, .search-results-wide .main.container.overlay-right:after { visibility: visible; opacity: 1; } .search-results-wide .main.container .owl-carousel .item { margin: 0 5%; text-align: left; padding: 0!important; } .search-results-wide .main.container .owl-carousel .item h3 { text-transform: unset; margin: 15px 0 30px; } .search-results-wide .main.container .owl-carousel .item h4 { text-transform: uppercase; margin: 30px 0 15px; font-family: DINProRegular; font-size: 24px; line-height: 31px; font-weight: 100; text-align: left; } .search-results-wide .main.container .owl-carousel .item h4 a { font-family: DINProRegular; font-size: 24px; line-height: 31px; font-weight: 100; color: #fff!important; } .search-results-wide .main.container .owl-carousel .item .price-box span, .search-results-wide .main.container .owl-carousel .item .price-box .special-price span { color: #FFFFFF!important; font-family: DINProBlack!important; font-size: 36px; font-weight: 900!important; line-height: 46px; text-align: left; position: relative; text-transform: unset; text-align: left; } .search-results-wide .main.container .owl-carousel .item .price-box .old-price span { font-family: DINProRegular!important; font-size: 24px!important; font-weight: normal!important; line-height: 31px!important; color: #E01E3B!important; } .search-results-wide .main.container .owl-carousel .item .favorit-desc { font-family: DINProRegular; font-size: 18px; line-height: 23px; } .search-results-wide .main.container .owl-carousel .item p * { font-family: DINProRegular; font-size: 16px; line-height: 21px; } .search-results-wide .main.container .owl-carousel .item p.short-desc i { font-size: 16px; line-height: 21px; } .search-results-wide .main.container .owl-carousel .item .seller-item-readmore a.ow_c2a_button { width: 100%; background-color: #E01E3B; display: block; text-transform: unset!important; color: #fff; font-family: DINProRegular; font-weight: 900; font-size: 24px; line-height: 31px; padding: 20px 0; margin: 40px 0 20px 0; text-align: center; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; } .search-results-wide .main.container .owl-carousel .item .seller-item-readmore a.ow_c2a_button:after { content: none; } .search-results-wide .main.container .owl-carousel .item .seller-item-readmore a.ow_c2a_button:hover { -webkit-box-shadow: 0px 0px 15px 0px rgba(224,30,59,1); -moz-box-shadow: 0px 0px 15px 0px rgba(224,30,59,1); box-shadow: 0px 0px 15px 0px rgba(224,30,59,1); } .search-results-wide .main.container .owl-carousel .owl-wrapper-outer { overflow: visible; display: table; } .search-results-wide .main.container .owl-carousel .owl-wrapper-outer .owl-item { -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; opacity: 0.4; } .search-results-wide .main.container .owl-carousel .owl-wrapper-outer .owl-item.active { opacity: 1; } .search-results-wide .main.container .owl-carousel .owl-controls { height: auto!important; } .search-results-wide .main.container .owl-carousel .owl-item:not(.active) a { pointer-events: none; cursor: default; } .search-results-wide .sticker { padding: 5px; width: 70px; height: 70px; } .search-results-wide .sticker-wrapper { top: 10px; right: 15px; } .search-results-wide .sticker-wrapper span { font-family: DINProBlack; } .search-results-wide .sticker-wrapper + .sticker-wrapper { top: 80px; } .search-results-wide .sticker-wrapper .sticker { border-radius: 0; background: #E01E3B; } .search-results-wide .sticker-wrapper .sticker { text-align: center; } .search-results-wide .sticker-wrapper .sticker span { font-family: DINProRegular; font-weight: 100; display: block; clear: both; } /* --- 404 --- */ body.cms-index-noroute .ow-main { background: none; } body.cms-index-noroute .ow-main .main-container { background: url('https://www.ekfluidworks.com/skin/frontend/ultimo/fluid/images/redesign/fg-404-desktop-wide.png') no-repeat center top; min-height: 800px; } @media only screen and (max-width: 1400px) { body.cms-index-noroute .ow-main .main-container { background-size: cover; } } @media only screen and (max-width: 1200px) { body.cms-index-noroute .ow-main .main-container { background: url('https://www.ekfluidworks.com/skin/frontend/ultimo/fluid/images/redesign/404-fg.png') no-repeat center top; background-size: auto; } } /*Fixes use csso otimazier to merge indentical classes */ /*DIG-2238*/ /*Drobdown menu*/ .ow_custom_top_menu > .links .has-submenu .links li a { color: #fff; font-size: 16px; text-transform: none; line-height: 20px; box-sizing: border-box; padding: 7px 10px; text-align: center; line-height: 21px; } .sticky-header .ow_custom_top_menu > .links .has-submenu:nth-of-type(1) .links, .sticky-header .ow_custom_top_menu > .links .has-submenu:nth-of-type(2) .links { left: 100% } .ow_custom_top_menu > .links .has-submenu:nth-of-type(1) .links { left: -55px; } .ow_custom_top_menu > .links .has-submenu:nth-of-type(2) .links { left: -45px; } /*Header icons*/ #header-search #search_mini_form .form-search.activeSearch .button { width: 49px; z-index: 2; } #header-search #search_mini_form .form-search.activeSearch .button:after { content: none!important; } #header-search .form-search input#search { top: -5px; right: 2px; height: 47px; z-index: 1; width: 820px; } #header-account .first a { background-size: 20px 25px; } .header .right-column .item #mini-cart { background-size: 20px 25px; } #header-search .form-search .button { top: -6px; right: 1px; } #header-account li { padding: 0; } .header .right-column .item #mini-cart, #header-account .first a, #header-search .form-search .button { width: 30px; height: 47px; } /*Media for searchbar */ @media (min-width: 1000px) { #header-search .form-search input#search { width: 750px; } } @media (min-width: 1100px) { #header-search .form-search input#search { width: 825px; } } @media (min-width: 1150px) { #header-search .form-search input#search { width: 880px; } } @media (min-width: 1200px) { #header-search .form-search input#search { width: 920px; } } /*DIG-2243 Special offers */ .posts-container .postWrapper{display:flex; flex-wrap:wrap;} .posts-container .postWrapper .right-data{display:flex; flex-direction:column;} .posts-container .postWrapper .right-data .cta{margin-top:auto;} .posts-container .postWrapper .right-data a.aw-blog-read-more:hover { text-decoration: none; -webkit-box-shadow: 0px 0px 15px 0px rgba(224,30,59,1); -moz-box-shadow: 0px 0px 15px 0px rgba(224,30,59,1); box-shadow: 0px 0px 15px 0px rgba(224,30,59,1); } .posts-container .postWrapper .right-data a.aw-blog-read-more { background-color: #E01E3B; line-height: 45px; text-align: center; padding: 0 10px; width: 100%; max-width: 250px; color: #FFFFFF; font-family: 'DINProRegular'; font-size: 18px; font-weight: 300; letter-spacing: 0; text-decoration: none; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; display: block; margin-left: 0; } @media (min-width: 1300px){ .posts-container .postWrapper .right-data{width: calc(54% - 40px);} } /*DIG-2236 product page*/ .new-fgpcs-page #gamingSystems2019 .wp1140{padding:0;} /*body.cms-amd-gaming-pc .ow-main > .main-container[class*="layout"] > .main.container, body.cms-nvidia-gaming-pc .ow-main > .main-container[class*="layout"] > .main.container, body.cms-battle-gaming-pcs .ow-main > .main-container[class*="layout"] > .main.container, body.cms-ek-quantum-liquid-cooled-gaming-pcs .ow-main > .main-container[class*="layout"] > .main.container {*/ /* padding-top: 0; padding-bottom: 0;*/ /*}*/ body.cms-page-view .ow-main > .main-container[class*="layout"] > .main.container { padding-top: 0; padding-bottom: 0; } @media (max-width: 1250px){ .new-fgpcs-page #gamingSystems2019 .wp1140{ padding:0 25px; } } .product-read-more a:hover{ transform: scale(1.1)} .product-read-more a{ transition: all .2s ease-in-out;} /* forms */ .validation-failed { background: transparent!important; } .ow_rma_files { border: none!important; } .validation-advice, p.rma-validate-notice.error, .ow_rma_files_warning { margin: 5px 0 15px; color: #E01E3B; font-family: 'DINProRegular'; font-size: 14px; display: block; clear: both; font-weight: normal; } select { -webkit-appearance:none!important; } body input:-internal-autofill-selected, body input:-webkit-autofill, body input:-webkit-autofill:hover, body input:-webkit-autofill:focus, body input:-webkit-autofill:active, body select:-internal-autofill-selected, body select:-webkit-autofill, body select:-webkit-autofill:hover, body select:-webkit-autofill:focus, body select:-webkit-autofill:active{ -webkit-text-fill-color: #fff; -webkit-box-shadow: 0 0 0px 1000px #191919 inset!important; transition: background-color 5000s ease-in-out 0s; } input[type="checkbox"] ~ label > a { font-family: inherit; text-decoration: underline; font-size: inherit; } input[type="checkbox"] ~ label > a:hover { color: inherit; text-decoration: none; } ul.messages, ul.messages ul { margin: 0!important; padding: 0!important; } ul.messages .error-msg, ul.messages .success-msg { padding: 0!important; margin: 0!important; border: none; background: none; color: #E01E3B; } ul.messages .error-msg li, ul.messages .success-msg li { color: #E01E3B; font-family: 'DINProRegular'; font-size: 14px; margin: 0 0 5px 0!important; padding: 0!important; } ul.messages .success-msg, ul.messages .success-msg li { color: #e9ffca; } /* MOBILE */ @media only screen and (max-width: 2025px) { .has-cookie-bar #catapult-cookie-bar { padding-right: 180px!important; } } @media only screen and (max-width: 1024px) { .has-cookie-bar #catapult-cookie-bar { padding-right: 80px!important; } .clearFixFluid, body.catalog-product-view .product-view-main-image { padding-top: 127px!important; } body iframe#webWidget { height: 530px!important; top: initial!important; bottom: 0!important; } } @media only screen and (max-width: 1000px) { .product-view .sticker-wrapper .sticker{padding: 5px;} .product-view .grid12-5, .product-view .grid12-7 { margin: 0 auto 0; } .product-view .product-name, .product-view [itemprop="offers"], .product-view .add-to-box { text-align: left !important; } .product-view p.old-price{text-align: left;} .posts-container .postWrapper .left-image { margin-right: 0; } .blog-index-list .posts-container .postWrapper { border: none; padding-bottom: 20px; margin-bottom: 20px; } .blog-index-list li.next{display:none !important;} .blog-index-list li.previous{display:none !important;} .single-post-container .postImage.main.container{ margin:0; padding:0; width:100%; } .single-post-container .postImage.main.container .inner-container{ padding-left: 0; padding-right: 0; } .single-post-container .postTitle{padding-top:50px;} } @media only screen and (max-width: 767px) { .under-image-tabs .add-to-cart { display: flex; } .ow-section:nth-child(2n+1) .inner-container{display:flex; flex-direction: column;text-align: left;} .ow-section:nth-child(2n) .inner-container{display:flex; flex-direction: column;text-align: left;} .ow-section:nth-child(2n+1) .inner-container .grid12-6:last-of-type {order: 1; margin: 0 .8%;} .ow-section:nth-child(2n) .inner-container .grid12-6:first-of-type {order: 1; margin: 0 .8%;} #mlb2-895424 form.ml-block-form .relative{padding-right: 0;} .top-fluid-banner .slick-dots { margin: 20px auto 30px; } .container { width: 90%; } .main { min-height: auto; } body .main-container[class*="layout"] > .main.container, #homepage_video .main.container, #gamingSystems, #gsSection2019Eight { padding-top: 50px; padding-bottom: 50px; } .col-main, .col-left, .col-right, div.page-title { margin-bottom: 0; } h1, h2, h1 span, h2 span, .latest-news h2, .best-sellers h2, .why-fluid-gaming h2, #mlb2-895424.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-embedContent h4, #mlb2-895424.ml-form-embedContainer .ml-form-embedWrapper .ml-form-successBody .ml-form-successContent h4 { font-size: 30px; line-height: 35px; } h1, h2, .cart .page-title h1 { margin-bottom: 20px!important; } h1 span, h2 span, .account-login h2 { padding: 0!important; } h1:after, h2:after { top: 16px!important; } .latest-news > .main, .best-sellers > .main { padding: 50px 0!important; } .blog-section-cont, .seller-section-cont { margin: 0 -5%; width: calc(100% + 10%); } .latest-news .news-item h3, .best-sellers .seller-item h3, .cart .page-title { margin-bottom: 0!important; } .latest-news .news-item .news-item-readmore a.ow_c2a_button, .best-sellers .seller-item .seller-item-readmore a.ow_c2a_button { margin: 20px 0 10px 0; } .blog-section .owl-pagination, .testimonials .slick-dots { display: block!important; } .blog-section .owl-buttons, .testimonials .slick-arrow { display: none!important; } .image-video-overlay img { width: 30%; max-width: 100px; } .fluid-newsletter-wrapper { padding-top: 15px; } .fluid-newsletter-wrapper .container { width: 100%; } .footer-top > .container > .inner-container { padding-left: 0; padding-right: 0; } .affiliate .ow-section .inner-container{display:flex; flex-direction: column;text-align: left;} .affiliate .ow-section .inner-container .order-last{order: 1;} .affiliate .ow-section .grid12-6 {margin: 0 .8%; vertical-align: middle;} .affiliate .affiliate-banner-cont .affiliate-banner{margin: 0; padding: 0 34px;} .cms-promo .posts-container .postWrapper .left-image, .cms-specialoffers .posts-container .postWrapper .left-image{margin:0 0 15px 0;} .cms-promo .posts-container .postWrapper .postTitle, .cms-specialoffers .posts-container .postWrapper .postTitle{margin:0;} .cart { margin-bottom: 0; } .cart #shopping-cart-table tbody tr { padding: 0 0 10px 0; background-color: transparent!important; border-bottom: 1px solid #fff!important; position: relative; } .cart #shopping-cart-table tbody tr.last { border: none!important; } .cart #shopping-cart-table tbody tr td.col-delete { position: absolute; z-index: 1; top: 5px; right: 5px; width: auto; } #shopping-cart-table tbody .product-name { margin: 0 0 10px !important; padding-right: 40px; box-sizing: border-box; } .cart-collaterals .totals-inner table { width: 100%!important; max-width: 100%; } #header-cart { position: absolute; left: 0; top: 125px; z-index: 100; } .slick-dots li, .owl-page { width: 14px!important; height: 14px!important; } .firecheckout-index-index .page-title h1, .firecheckout-index-index .page-title p.firecheckout-login-wrapper { text-align: left!important; margin-left: 0; } body.firecheckout-index-index .block_checkout_header_ekwb .logo { margin: 0 0 20px!important; } #checkout-review-table thead tr th.a-center { min-width: 80px; } #checkout-review-table thead tr th, #checkout-review-table tbody tr h3.product-name, #checkout-review-table th, #checkout-review-table td, #checkout-review-table span, #checkout-review-table a { font-size: 14px; } .firecheckout-index-index .qty-wrapper input { font-size: 14px!important; width: 30px!important; height: 30px!important; } .firecheckout-index-index .qty-wrapper { margin: 5px 0 0 0; } .customer-account-create .buttons-set, .customer-account-login .buttons-set, .customer-account .buttons-set, .customer-account-index .buttons-set, .account-login form button[type="submit"], .account-login #login-form .button { margin-top: 0; padding-top: 0; } .account-login .new-users, .account-login .registered-users, .account-login .new-users .content { margin-left: 0; margin-right: 0; } .my-account .page-title, .category-title, [class*="rma-rma-"] .page-title { margin-bottom: 10px!important; } .my-account .page-title h3, [class*="rma-rma-"] .page-title h3, .my-account .page-title h1 { margin-bottom: 17px; font-size: 18px!important; } #rma-table.data-table td { padding: 0 10px 10px 0!important; } .my-account .pager { margin: 0!important; } .ow_rma_step1 .wide, .ow_rma_step1_substep .wide, .ow_rma_step2 .wide, .ow_rma_step2 .ow_rma_title, .ow_rma_step3 > *, .ow_rma_step1 .wide .input-box:first-child, .ow_rma_step1 .wide:last-child .input-box, .ow_rma_step1 .wide .input-box:first-child, .ow_rma_step1_substep .ow_rma_upload:first-child, .ow_rma_step2 .ow_field:first-child { width: 100%!important; } .ow_rma_step1 .wide .input-box, .ow_rma_step1_substep .ow_rma_upload, .ow_rma_step2 .ow_field { margin-left: 0; } .ow_rma_step1_substep .ow_rma_upload .custom-file-upload:after { right: initial; left: -2px; width: calc(100% + 4px); top: auto; bottom: -54px; } .ow_rma_step1_substep .ow_rma_upload .custom-file-upload { margin-bottom: 56px!important; } .ow_rma_step2 .ow_field:first-child { width: 50%!important; } .ow_rma_step2 .ow_field:nth-child(2) { margin-left: 20px!important; } [class*="rma-rma-"] .add_field_button { margin-bottom: 0!important; } .rma-items .rma-one-item .item-description { width: 100%; } [class*="rma-rma-create"] .rma-items .rma-one-item .item-options { width: 100%; padding-left: 0; padding-top: 15px; } body.firecheckout-index-index .block_checkout_header_ekwb .checkout-header-right { display: none; } body.firecheckout-index-index #firecheckout-form .col2-set#addresses-review #billing-address-review, body.firecheckout-index-index #firecheckout-form .col2-set#addresses-review #shipping-address-review, body.firecheckout-index-index #firecheckout-form .col2-set#addresses-review #payment-method-review { padding-left: 0!important; word-break: break-word; } body.cms-promo .blog-banner-cont .blog-banner, body.cms-specialoffers .blog-banner-cont .blog-banner{ background: none!important; } } @media only screen and (max-width: 500px) { .catalog-product-view .alert-box{padding: 50px 0 0 0 !important;} .blog-section .owl-buttons > div.owl-prev { left: 3px; } #pv-additional-info .alert-box, .page.parts .ow_parts_specs .alert-box{margin-top:0;} .catalog-product-view .product-view-main-image ~ .ow-section.ow_parts_desc .alert-box{padding: 95px 0 0 0 !important; background-position-y: 20px; background-position-x: center; } .blog-section .owl-buttons > div.owl-next { right: 3px; left: initial; } body #confirmBox{ max-width:320px; } body #confirmBox #confirmButtons .button{ margin: 10px 11px !important; max-width: 300px; } #confirmBox span.cross{font-size: 60px!important;} .firecheckout-set #checkout-review-table .product-image { display: none; } #checkout-review-table tbody tr h3.product-name { padding-left: 0!important; padding-bottom: 5px; } #checkout-review-table tfoot tr.last td strong, #checkout-review-table tfoot tr.last td strong span.price { padding-left: 0!important; font-size: 16px!important; } #checkout-review-table tfoot tr.last td.last strong { padding-left: 5px!important; } #mlb2-895424.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-embedContent h4 { font-size: 28px; } } @media only screen and (max-width: 400px) { .catalog-product-view .product-type-data .fluid_stock_container{position: relative; float: left; margin-top: 20px;} .under-image-tabs .add-to-cart #product-addtocart-button span, .product-view #product-addtocart-button span { font-size: 18px!important; } } @media only screen and (max-width: 318px) { #header-cart { top: 160px; } } /* /MOBILE */ /* / ---------- dig-1527-fluidgaming-redesign ---------- */ .ow_custom_top_menu>.links>li { text-transform: initial; } /* DIG-2696 Hide prices outside US */ button.disabled, a.disabled { pointer-events: none; cursor: not-allowed; -webkit-box-shadow: none!important; box-shadow: none!important; } body.isNotUSAIP .fgpcs-item p.shiping, body.isNotUSAIP .fgpcs-item-pricebox-price, body.isNotUSAIP .best-sellers .seller-item h3, body.isNotUSAIP .fgpcs-item-price .productc-price, body.isNotUSAIP .single-post-container .blog-shop .productc-price { display: none!important; } body.isNotUSAIP.catalog-product-view .add-to-box { margin-top: 40px!important; } /* Sticky header logo fix */ .sticky-header .ow_custom_top_menu:before { background-image: none; height: 0; width: 0; } .sticky-header .ow_custom_top_menu > .links { padding-left: 0; } .ow_custom_top_menu .ow_custom_mobile_logo { display: none; float: left; } .ow_custom_top_menu .ow_custom_mobile_logo img { height: 35px; width: 35px; margin-top: 4px; } .sticky-header .ow_custom_top_menu .ow_custom_mobile_logo { display: block; } /* / ---------- DIG-3554-FG-frontend-changes ---------- */ /*banner full width*/ .fluid-full-width { width: 100vw !important; margin-left: -50vw !important; margin-right: -50vw !important; position: relative; left: 50% !important; right: 50% !important; } .fluid-banner-full { padding: 150px 0; background-color: #000; background-size: cover; background-position: center; min-height: 760px; display: flex; align-items: center; box-sizing: border-box; } .fluid-banner-full .fluid-banner-full-content { max-width: 500px; padding: 20px; } .fluid-banner-full h2 { font-family: DINProBlack!important; font-size: 36px; } .fluid-banner-full .fluid-banner-right { margin-left: auto; } /*choose side*/ .choose-side .choose-side-col { width: calc(50% - 15px); margin-right: 30px; float: left; position: relative; } .choose-side.three-cols .choose-side-col { width: calc(33.33% - 20px); margin-right: 30px; float: left; position: relative; } .choose-side .choose-side-col:last-child { margin-right: 0; } .choose-side .choose-side-col .choose-side-img { display: block; background-color: #191919; transition: all .6s; } .choose-side .choose-side-col .choose-side-img:hover { background-color: #494747; } .choose-side .choose-side-col .choose-side-img-main { max-width: 82%; } .choose-side .choose-side-col .choose-side-icon { max-width: 200px; margin: -40px 0 40px; } .choose-side .choose-side-btn { width: 100%; background-color: #E01E3B; display: block; text-transform: unset!important; color: #fff; font-family: DINProRegular; font-weight: 900; font-size: 24px; line-height: 31px; padding: 20px 0; margin: 20px 0; text-align: center; transition: all .3s; } .choose-side .choose-side-btn:hover { -webkit-box-shadow: 0px 0px 15px 0px rgba(224,30,59,1); -moz-box-shadow: 0px 0px 15px 0px rgba(224,30,59,1); box-shadow: 0px 0px 15px 0px rgba(224,30,59,1) } /*timeline*/ .fluid-time { text-align: left; background-color: #fff; padding: 100px 0; } .fluid-time h2 { color: #000; } .fluid-time .fluid-time-subtitle { color: #717171; } .fluid-time * { box-sizing: border-box; } .fluid-time .fluid-time-inner { padding: 10px 0 0 5px; } .fluid-time .fluid-time-row { display: block; text-align: left; border-left: 2px solid #979797; padding-top: 10px; } .fluid-time .fluid-time-row .fluid-time-item-num { border-left: 8px solid #E01E3B; margin-left: -5px; position: relative; } .fluid-time .fluid-time-row .fluid-time-item p { margin: 0; font-size: 14px; color: #000; } .fluid-time .fluid-time-row .fluid-time-item-num { padding: 0 15px 0 26px } .fluid-time .fluid-time-row .fluid-time-item-text { padding: 5px 15px 15px 30px; } .fluid-time .fluid-time-row .fluid-time-item-num div { font-size: 30px; font-weight: bold; font-family: DINProBlack!important; color: #000; } /*noise pollution*/ .fluid-noise-pollution { background-color: #fff; color: #000; padding: 150px 0; } .fluid-noise-pollution .fnp-content { display: flex; align-items: center; } .fluid-noise-pollution .fnp-content .fnp-col:first-child { flex: 1; } .fluid-noise-pollution .fnp-content .fnp-col:last-child { width: 40%; } .fluid-noise-pollution .fnp-scale .fnp-scale-row { display: flex; align-items: center; } .fluid-noise-pollution .fnp-scale .fnp-scale-col { width: 50%; } .fluid-noise-pollution .fnp-scale .fnp-scale-col:nth-child(odd) { font-size: 24px; text-align: right; font-family: DINProBlack!important; font-weight: bold; border-right: 8px solid #E01E3B; margin-right: -5px; padding: 0 24px 0 20px; position: relative; } .fluid-noise-pollution .fnp-scale .fnp-scale-row:nth-child(2) .fnp-scale-col:nth-child(odd) { border-right-color: #C25465; } .fluid-noise-pollution .fnp-scale .fnp-scale-row:nth-child(3) .fnp-scale-col:nth-child(odd) { border-right-color: #B37D85; } .fluid-noise-pollution .fnp-scale .fnp-scale-row:nth-child(4) .fnp-scale-col:nth-child(odd) { border-right-color: #9D8387; } .fluid-noise-pollution .fnp-scale .fnp-scale-row:nth-child(5) .fnp-scale-col:nth-child(odd) { border-right-color: #B8ACAE; } .fluid-noise-pollution .fnp-scale .fnp-scale-row:nth-child(6) .fnp-scale-col:nth-child(odd) { border-right-color: #D1D1D1; } .fluid-noise-pollution .fnp-scale .fnp-scale-col:nth-child(even) { font-size: 18px; border-left: 2px solid #979797; padding: 25px 20px; } /*about section*/ .fluid-about-section { width: 100%; padding: 100px 0; background-color: #fff; color: #000; } .fluid-gray { background-color: #474849; color: #fff; } .fluid-about-section .fas-container { display: flex; align-items: center; } .fluid-about-section .fas-container .fas-img, .fluid-about-section .fas-container .fas-text { width: 50%; } .fluid-about-section .fas-container .fas-img img { width: 100%; } .fluid-about-section .fas-container .fas-text-inner { margin-left: calc(50vw - 620px); margin-right: 0; padding-right: 15%; padding-left: 20px; } /*support*/ .fluid-about-support { padding: 100px 0; } .fluid-about-support .fas-content { display: flex; align-items: center; } .fluid-about-support .fas-content .fas-left { flex: 0 0 40%; } .fluid-about-support .fas-content .fas-right { margin-left: auto; text-align: right; padding-left: 30px; } .fluid-about-support .fas-content .fas-right span { font-weight: bold; font-size: 18px; display: block; margin-top: 10px; } /*home redesign*/ .why-liquid-cooling-slim { background-color: #474849; } .why-liquid-cooling-slim .main.container { padding: 20px 0 0 !important; } .why-liquid-cooling-slim p { color: #fff; } .fluid-home-about { background-color: #fff; color: #000; } .fluid-home-about h2 { color: #000; } .fluid-home-about h2:after { border-bottom: 1px solid #000; } .fluid-home-about h3 a { color: #000 !important; } .fluid-home-about .owl-buttons > div.owl-prev { background-image: url(https://www.ekfluidworks.com/skin/frontend/ultimo/fluid/images/redesign/arrow-left-grey.png); } .blog-section .owl-buttons > div.owl-next { background-image: url(https://www.ekfluidworks.com/skin/frontend/ultimo/fluid/images/redesign/arrow-right-grey.png); } /*video*/ .fluid-video-list { position: relative; margin: 20px -10px 0; } .fluid-video-list li a { width: auto !important; margin: 0 !important; padding: 10px !important; background: transparent !important; transition: opacity .4s; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .fluid-video-list li a:hover { opacity: .6; } .fluid-video-list li h5 { padding-top: 10px; text-align: left; text-transform: none; } .fluid-video-list .slick-prev, .fluid-video-list .slick-next { font-size: 0; line-height: 0; position: absolute; top: 37%; display: block; width: 15px; height: 30px; padding: 0; cursor: pointer; color: transparent; border: none; outline: none; background: transparent; } .fluid-video-list .slick-prev { left: -20px; } .fluid-video-list .slick-next { right: -20px; } .fluid-video-list .slick-prev:before, .fluid-video-list .slick-next:before { font-size: 20px; line-height: 1; opacity: .75; color: white; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: block; background-size: contain; background-repeat: no-repeat; width: 15px; height: 30px; content: ''; } .fluid-video-list .slick-prev:before { background-image: url('https://www.ekfluidworks.com/skin/frontend/ultimo/fluid/images/redesign/arrow-left.png'); } .fluid-video-list .slick-next:before { background-image: url('https://www.ekfluidworks.com/skin/frontend/ultimo/fluid/images/redesign/arrow-right.png'); } #fullWidthVideoWrapper { background-color: #000; } /*testimonial*/ .fluid-testimonials-light { background-color: #fff; color: #000; } .testimonials.fluid-testimonials-light img { display: block !important; } .fluid-testimonials-light .slick-arrow { background: transparent url(https://www.ekfluidworks.com/skin/frontend/ultimo/fluid/images/redesign/arrow-right-grey.png) center center no-repeat; top: 30%; } /*hero video*/ .fluid-hero-video { background: #494949; padding: 0; } .fluid-hero-video .fullWidthVideo-cont { position: relative; } .fluid-hero-video .image-video-overlay { position: absolute; width: 100%; height: 100%; display: block; content: ""; top: 0px; left: 0px; background-position: center center; background-repeat: no-repeat; background-color: #010100; z-index: 9; cursor: pointer; background-size: cover; } .fluid-hero-video .fluid-hero-video-wrapper { position: relative; padding-top: 56.25%; pointer-events: initial; } .fluid-hero-video .fluid-hero-video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .fluid-hero-video .image-video-overlay img { transition: all .4s; } .fluid-hero-video .image-video-overlay img:hover { opacity: .85; } /*performance*/ .fluid-performance { background-color: #2c2c2c; padding: 100px 0; } .fluid-performance h2 { text-transform: uppercase; } .fluid-performance .fp-inner { display: flex; align-items: center; } .fluid-performance .fp-col:first-child { width: 40%; } .fluid-performance .fp-col:last-child { width: 50%; margin-left: auto; } .fluid-performance .fp-info { padding-left: 28%; margin-bottom: 30px; } .fluid-performance .fp-info h4 { margin-bottom: 5px; font-weight: bold; font-family: 'DINProBold' !important; } .fluid-performance .fp-info p { color: #757575; font-size: 16px; line-height: 1.2; } .fluid-performance .fp-data { display: flex; align-items: center; } .fluid-performance .fp-data:not(:last-child) { margin-bottom: 35px; } .fluid-performance .fp-data .fp-data-name { width: 25%; padding: 1rem 1rem 1rem 0; text-align: right; line-height: 1.2; font-weight: bold; font-family: 'DINProBold'; } .fluid-performance .fp-data-content { width: 75%; border-left: 1px solid #626262; padding-left: 20px; padding: 5px 0 10px 20px; } .fluid-performance .fp-data-content-row:not(:last-child) { margin-bottom: 10px; } .fluid-performance .fp-data .fp-data-content .fp-graph-text { display: flex; align-items: center; } .fluid-performance .fp-data .fp-data-content .fp-graph-title { margin: 0; font-size: 18px; } .fluid-performance .fp-data .fp-data-content .fp-graph-num { font-size: 18px; font-weight: bold; font-family: 'DINProBold'; margin-left: auto; line-height: 1.1; text-align: right; } .fluid-performance .fp-data .fp-data-graph { height: 2px; width: 100%; background-color: #aaaaaa; margin-top: 5px; } .fluid-performance .fp-data .fp-data-graph-line { height: 6px; background-color: #e01e3b; margin-top: -4px; } @media (max-width: 1260px) { .fluid-full-width .container { width: 90%; } /*noise pollution*/ .fluid-noise-pollution { padding: 100px 0; } /*about section*/ .fluid-about-section .fas-container .fas-text-inner { margin: 0; padding-right: 20px; padding-left: 20px; } /*support*/ .fluid-about-support .fas-content .fas-left { flex: 0 0 60%; } /*video*/ .fluid-home-video .inner { padding: 0 20px; } } @media (max-width: 1024px) { .why-liquid-cooling .cooling-icons { padding: 0; } .fluid-performance .fp-inner { flex-direction: column; } .fluid-performance .fp-col:first-child { width: 100%; margin-bottom: 30px; } .fluid-performance .fp-col:last-child { width: 100%; margin: 0; } .fluid-performance .fp-data .fp-data-name { width: 100px; } .fluid-performance .fp-data-content { width: auto; flex: 1; } .fluid-performance .fp-info { padding-left: 118px; } } @media (min-width: 640px) { /*timeline*/ .fluid-time { text-align: center; } .fluid-time .fluid-time-inner { padding: 50px 0 10px; } .fluid-time .fluid-time-row { display: flex; border: none; padding-top: 0; } .fluid-time .fluid-time-row .fluid-time-item { padding: 30px 0; display: flex; } .fluid-time .fluid-time-row .fluid-time-item p { font-size: 16px; } .fluid-time .fluid-time-row .fluid-time-item-num { border-left: none; margin-left: 0; } .fluid-time .fluid-time-row .fluid-time-item-num div { font-size: 36px; } .fluid-time .fluid-time-row .fluid-time-item > * { align-self: center; } .fluid-time .fluid-time-row-first .fluid-time-item-text, .fluid-time .fluid-time-row-second .fluid-time-item-num { border-left: 2px solid #979797; } .fluid-time .fluid-time-row-first .fluid-time-item-num div { border-right: 8px solid #E01E3B; width: 100%; text-align: right; position: relative; -webkit-transform: translateX(5px); transform: translateX(5px); padding-right: 1rem; } .fluid-time .fluid-time-row-second .fluid-time-item-num div { display: block; border-left: 8px solid #E01E3B; width: 100%; text-align: left; position: relative; -webkit-transform: translateX(-5px); transform: translateX(-5px); padding-left: 1rem; } .fluid-time .fluid-time-row-first .fluid-time-item-text p { padding-left: 1.5rem; } .fluid-time .fluid-time-row-second .fluid-time-item-text p { padding-right: 1.5rem; text-align: right; } .fluid-time .fluid-time-row-second .fluid-time-item-text{ order: -1; } .fluid-time .fluid-time-item { width: 50%; } } @media (max-width: 840px) { /*banner full width*/ .fluid-banner-full .fluid-banner-right { margin-left: 0; } /*noise pollution*/ .fluid-noise-pollution { padding: 50px 0; } .fluid-noise-pollution .fnp-content { flex-direction: column; } .fluid-noise-pollution .fnp-content .fnp-col { width: 100% !important; } .fluid-noise-pollution .fnp-content .fnp-col:first-child { order: 1; padding-bottom: 20px; } .fluid-noise-pollution .fnp-content .fnp-col:last-child { padding-bottom: 50px; } .fluid-noise-pollution .fnp-scale .fnp-scale-col:nth-child(odd) { width: 40%; } /* about top*/ .fluid-about-section { padding: 50px 0; } .fluid-about-section .fas-container { flex-direction: column; } .fluid-about-section .fas-container .fas-img, .fluid-about-section .fas-container .fas-text { width: 100%; display: flex; } .fluid-about-section .fas-container .fas-text-inner { padding-bottom: 30px; } /*support*/ .fluid-about-support { padding: 50px 0; } .fluid-about-support .fas-content { flex-direction: column; } .fluid-about-support .fas-content .fas-left, .fluid-about-support .fas-content .fas-right { width: 100%; } .fluid-about-support .fas-content .fas-right { margin-left: 0; text-align: left; padding-left: 0; } } @media (max-width: 767px) { .fluid-banner-full .fluid-banner-full-content { padding: 0; } .choose-side .main { padding-bottom: 0; } .choose-side.three-cols .choose-side-col { width: 100%; margin-right: 0; } } @media (max-width: 640px) { /*banner full width*/ .fluid-banner-full { min-height: 400px; padding: 100px 0; } /*choose side*/ .choose-side .choose-side-col { width: 100%; } /*timeline*/ .fluid-time { padding: 50px 0; } /*video*/ .fluid-home-video .inner { padding: 0; } .fluid-video-list { margin-top: 10px; } .fluid-video-list .slick-next { right: -10px; } .fluid-video-list .slick-prev { left: -10px; } .fluid-video-list li h5 { display: none; } /*performance*/ .fluid-performance { padding: 50px 0; } .fluid-performance .fp-data { display: block; } .fluid-performance .fp-data .fp-data-content .fp-graph-title { font-size: 14px; } .fluid-performance .fp-data .fp-data-content .fp-graph-num { font-size: 16px; } .fluid-performance .fp-data .fp-data-name { width: 100%; font-size: 14px; padding-left: 0; text-align: left; } .fluid-performance .fp-data .fp-data-name br { display: none; } .fluid-performance .fp-data .fp-data-name { padding-right: 10px; } .fluid-performance .fp-data-content { width: 100%; padding: 15px 0 0 0; border-left: none; border-top: 1px solid #626262; } .fluid-performance .fp-info { padding-left: 0; } .fluid-performance .fp-info h4 { font-size: 16px; } } .configurator-container { margin: 0 50px; } .configurator-container img { margin: 20px 0; } @media only screen and (max-width: 500px) { .configurator-container { margin: 10px 20px 0; } } .amxnotif-block .amxnotif-block-label, .subcribe-popup.amxnotif-block .amxnotif-button-container button { background: #E01E3B !important; } .amxnotif-block .amxnotif-block-label:hover, .subcribe-popup.amxnotif-block .amxnotif-button-container button:hover { background: #333!important; } .subcribe-popup.amxnotif-block .subcribe-popup-content > p, .subcribe-popup.amxnotif-block input[type="checkbox"] ~ label > a { color: #2F2F2F!important; } .breadcrumbs li .sep { position: relative; top: -4px; margin-left: 3px; } .css-map>li a,.css-map>li a:hover,#map-tooltip,.cssmap-tooltip-content{ background:#111; background:rgba(0,0,0,.8); color:#eee; font:12px lucida grande,Arial,sans-serif; padding:.5em 1.2em; text-align:center; text-shadow:0 1px 0 #000; white-space:nowrap; -moz-border-radius:.6em; -ms-border-radius:.6em; -webkit-border-radius:.6em; border-radius:.6em } .m1450 .css-map>li a,.m1280 .css-map>li a{ font-size:14px } .m650 .css-map>li a,.m540 .css-map>li a{ font-size:11px } .m430 .css-map>li a,.m320 .css-map>li a{ font-size:10px } .m250 .css-map>li a,.m210 .css-map>li a{ font-size:9px!important } .css-map>li a .tooltip-arrow{ bottom:-5px; border:solid; border-color:#111 transparent; border-color:rgba(0,0,0,.8) transparent; border-width:5px 5px 0; margin-left:-5px } .css-map>li a.tooltip-right .tooltip-arrow{ margin-right:-5px } .css-map>li a.tooltip-top .tooltip-arrow{ border-width:0 5px 5px; top:-5px } .css-map .active-region a{ background-color:#111 } .css-map .active-region a .tooltip-arrow{ border-color:#111 transparent } .map-visible-list a{ } .map-visible-list a:hover,.map-visible-list a:focus,.map-visible-list li.focus a{ } .map-visible-list a:active,.map-visible-list li.active-region a{ } .map-loader{ background:#111; background:rgba(0,0,0,.8); color:#eee; font:14px lucida grande,Arial,sans-serif; padding:.6em 1.2em; text-shadow:0 1px 0 #000; -moz-border-radius:.6em; -ms-border-radius:.6em; -webkit-border-radius:.6em; border-radius:.6em } .m1450 .map-loader,.m1280 .map-loader{ font-size:16px } .m540 .map-loader{ font-size:12px } .m430 .map-loader,.m320 .map-loader{ font-size:11px } .m250 .map-loader,.m210 .map-loader{ font-size:10px } .map-search-link{ } .map-search-link:hover,a.map-search-link:focus{ } .m430 .map-search-link,.m320 .map-search-link{ } .css-map-container{ margin:0 auto!important; overflow:hidden; padding:0!important; position:relative } .css-map-container *{ -moz-box-sizing:content-box; -webkit-box-sizing:content-box; box-sizing:content-box } .css-map{ display:block; left:0; margin:0!important; list-style:none; padding:0!important; position:relative } .css-map>li{ height:0; width:0 } .css-map>li a{ height:auto; margin:-9999px 0 0; position:absolute; text-decoration:none; width:auto; z-index:89 } .css-map>li a:focus{ outline:0 } .css-map-container span{ display:block; height:0; left:0; position:absolute; top:-9999px; width:0 } .css-map>li a.tooltip-right{ left:auto; right:0; width:auto } .css-map>li a .tooltip-arrow{ left:50%; top:auto } .css-map>li a.tooltip-middle .tooltip-arrow{ display:none } .css-map>li a.tooltip-top .tooltip-arrow{ bottom:auto } .css-map>li a.tooltip-right .tooltip-arrow{ left:auto } #map-tooltip{ position:absolute; z-index:999 } .css-map-container .cities{ top:0; z-index:88 } .css-map .bg{ padding:10px } .css-map .active-region .bg{ z-index:87 } .css-map .m{ cursor:pointer; z-index:99 } .css-map .m span{ z-index:89 } .map-visible-list{ clear:both; overflow:hidden } span.map-loader{ height:auto; position:absolute; text-align:center; width:auto; z-index:90 } .c1 .s1{ height:.1em; left:9.5em; top:5.7em; width:.1em } .c1 .s2{ height:.4em; left:9.3em; top:5.8em; width:.3em } .c1 .s3{ height:.3em; left:9.2em; top:6em; width:.3em } .c1 .s4{ height:.2em; left:8.2em; top:6.5em; width:.6em } .c1 .s5{ height:.1em; left:8.1em; top:6.4em; width:.8em } .c1 .s6{ height:.4em; left:8em; top:6em; width:1em } .c1 .s7{ height:.5em; left:8em; top:5.5em; width:1.2em } .c1 .s8{ height:.2em; left:9.6em; top:4.8em; width:.1em } .c1 .s9{ height:.4em; left:9.5em; top:4.8em; width:.1em } .c1 .s10{ height:.5em; left:9.3em; top:4.8em; width:.2em } .c1 .s11{ height:.7em; left:9.2em; top:4.7em; width:.1em } .c1 .s12{ height:.9em; left:7.9em; top:4.6em; width:1.3em } .c1 .s13{ height:1em; left:7.8em; top:4.4em; width:1.3em } .c1 .s14{ height:.1em; left:7.5em; top:3.8em; width:.5em } .c1 .s15{ height:.1em; left:7.1em; top:3.9em; width:.9em } .c1 .s16{ height:.6em; left:6.8em; top:4.3em; width:.1em } .c1 .s17{ height:1em; left:7em; top:4.1em; width:.1em } .c1 .s18{ height:.8em; left:6.9em; top:4.2em; width:2.1em } .c1 .s19{ height:1.2em; left:7.1em; top:4em; width:1.8em } .c2 .s1{ height:.1em; left:11.7em; top:.6em; width:.1em } .c2 .s2{ height:.1em; left:11.5em; top:.7em; width:.5em } .c2 .s3{ height:.2em; left:11.4em; top:.8em; width:.6em } .c2 .s4{ height:.1em; left:9.7em; top:.6em; width:.3em } .c2 .s5{ height:.1em; left:9.8em; top:.7em; width:.4em } .c2 .s6{ height:.1em; left:9.8em; top:.8em; width:.7em } .c2 .s7{ height:.1em; left:9.8em; top:.9em; width:.8em } .c2 .s8{ height:.3em; left:9.6em; top:1.6em; width:.1em } .c2 .s9{ height:.4em; left:9.7em; top:1.6em; width:.1em } .c2 .s10{ height:.2em; left:13.9em; top:1.2em; width:.1em } .c2 .s11{ height:1.5em; left:13.7em; top:1em; width:.2em } .c2 .s12{ height:1.6em; left:13.6em; top:1em; width:.1em } .c2 .s13{ height:1.9em; left:13.2em; top:1em; width:.4em } .c2 .s14{ height:1.1em; left:9.7em; top:2.1em; width:3.8em } .c2 .s15{ height:.9em; left:9.6em; top:2.4em; width:3.8em } .c2 .s16{ height:.1em; left:9.3em; top:3.2em; width:.1em } .c2 .s17{ height:.5em; left:9.4em; top:3.1em; width:.1em } .c2 .s18{ height:.6em; left:9.5em; top:3em; width:3.8em } .c2 .s19{ height:2.9em; left:9.8em; top:1em; width:3.4em } .c2 .s20{ height:.1em; left:12.4em; top:5.7em; width:.4em } .c2 .s21{ height:.2em; left:11.8em; top:5.5em; width:1.6em } .c2 .s22{ height:.2em; left:11.6em; top:5.3em; width:1.8em } .c2 .s23{ height:.2em; left:11.5em; top:5.1em; width:1.5em } .c2 .s24{ height:.1em; left:10.8em; top:5em; width:2.1em } .c2 .s25{ height:.1em; left:10.7em; top:4.9em; width:2.2em } .c2 .s26{ height:.1em; left:10.6em; top:4.8em; width:2.2em } .c2 .s27{ height:.1em; left:9.7em; top:4.8em; width:.1em } .c2 .s28{ height:.1em; left:9.3em; top:4.7em; width:3.5em } .c2 .s29{ height:.3em; left:9.2em; top:4.4em; width:3.5em } .c2 .s30{ height:1.1em; left:9.1em; top:3.5em; width:.1em } .c2 .s31{ height:.2em; left:9em; top:4.2em; width:3.8em } .c2 .s32{ height:.1em; left:8.6em; top:3.8em; width:.3em } .c2 .s33{ height:.2em; left:8.5em; top:3.6em; width:4.8em } .c2 .s34{ height:.6em; left:8.9em; top:3.6em; width:4em } .c3 .s1{ height:.1em; left:14.3em; top:4.7em; width:.2em } .c3 .s2{ height:.1em; left:13.5em; top:4.7em; width:.2em } .c3 .s3{ height:.2em; left:13.2em; top:4.9em; width:.2em } .c3 .s4{ height:.3em; left:13.4em; top:4.8em; width:.4em } .c3 .s5{ height:.5em; left:13.8em; top:4.8em; width:.8em } .c3 .s6{ height:.4em; left:13.4em; top:5.3em; width:1.8em } .c3 .s7{ height:.1em; left:12.8em; top:5.7em; width:2.4em } .c3 .s8{ height:.1em; left:12.7em; top:5.8em; width:2.5em } .c3 .s9{ height:.2em; left:15.2em; top:6em; width:.3em } .c3 .s10{ height:.3em; left:12.5em; top:5.9em; width:2.7em } .c3 .s11{ height:.3em; left:12.4em; top:6em; width:2.6em } .c3 .s12{ height:.1em; left:13.2em; top:7.3em; width:1.1em } .c3 .s13{ height:.1em; left:13.2em; top:7.2em; width:1.2em } .c3 .s14{ height:.1em; left:13.2em; top:7.1em; width:1.3em } .c3 .s15{ height:.1em; left:13.1em; top:7em; width:1.5em } .c3 .s16{ height:.1em; left:13em; top:6.9em; width:1.6em } .c3 .s17{ height:.2em; left:12.2em; top:6.7em; width:2.4em } .c3 .s18{ height:.7em; left:12.1em; top:6.1em; width:2.3em } .c4 .s1{ height:.1em; left:8.9em; top:.7em; width:.2em } .c4 .s2{ height:.1em; left:8.8em; top:.8em; width:.4em } .c4 .s3{ height:.2em; left:8.6em; top:.9em; width:.5em } .c4 .s4{ height:.2em; left:8.2em; top:1.1em; width:.1em } .c4 .s5{ height:.5em; left:7.8em; top:1em; width:.4em } .c4 .s6{ height:.1em; left:9.2em; top:1.3em; width:.3em } .c4 .s7{ height:.5em; left:9.1em; top:1.4em; width:.3em } .c4 .s8{ height:.1em; left:9.7em; top:2em; width:.1em } .c4 .s9{ height:.5em; left:8.1em; top:1.9em; width:1.6em } .c4 .s10{ height:1em; left:7.9em; top:2em; width:1.7em } .c4 .s11{ height:.8em; left:7.8em; top:2.3em; width:1.7em } .c4 .s12{ height:.1em; left:6.7em; top:2.2em; width:.3em } .c4 .s13{ height:.2em; left:6.6em; top:2.3em; width:.5em } .c4 .s14{ height:.1em; left:7.2em; top:2.5em; width:.1em } .c4 .s15{ height:1.1em; left:7.7em; top:2.4em; width:1.6em } .c4 .s16{ height:.3em; left:9.2em; top:3.3em; width:.2em } .c4 .s17{ height:1.1em; left:7.6em; top:2.5em; width:1.5em } .c4 .s18{ height:.5em; left:7.1em; top:2.7em; width:2.3em } .c4 .s19{ height:1.2em; left:7.3em; top:2.6em; width:1.2em } .c4 .s20{ height:.4em; left:7.1em; top:3.5em; width:.4em } .c4 .s21{ height:.1em; left:8em; top:3.8em; width:.6em } .c4 .s22{ height:.1em; left:8.4em; top:3.9em; width:.5em } .c5 .s1{ height:.2em; left:7.1em; top:.9em; width:.1em } .c5 .s2{ height:.5em; left:7em; top:.8em; width:.1em } .c5 .s3{ height:1em; left:6.9em; top:.7em; width:.1em } .c5 .s4{ height:1.5em; left:6.7em; top:.6em; width:.2em } .c5 .s5{ height:1.6em; left:6.4em; top:.6em; width:.3em } .c5 .s6{ height:1.7em; left:6.3em; top:.6em; width:.1em } .c5 .s7{ height:1.7em; left:6.1em; top:.7em; width:.2em } .c5 .s8{ height:.1em; left:5.2em; top:.5em; width:.8em } .c5 .s9{ height:.1em; left:5em; top:.6em; width:1.1em } .c5 .s10{ height:2em; left:4.3em; top:.7em; width:1.8em } .c5 .s11{ height:2.6em; left:4em; top:.8em; width:1.5em } .c5 .s12{ height:2.6em; left:3.9em; top:.9em; width:1.3em } .c5 .s13{ height:2.6em; left:3.7em; top:1.1em; width:1.1em } .c5 .s14{ height:2.6em; left:3.5em; top:1.2em; width:1.1em } .c5 .s15{ height:.2em; left:.5em; top:2.2em; width:.2em } .c5 .s16{ height:.2em; left:.7em; top:2.3em; width:.9em } .c5 .s17{ height:.1em; left:1.3em; top:1.6em; width:.2em } .c5 .s18{ height:.7em; left:1.2em; top:1.7em; width:.5em } .c5 .s19{ height:1em; left:1.7em; top:1.4em; width:.2em } .c5 .s20{ height:1.1em; left:1.9em; top:1.2em; width:.2em } .c5 .s21{ height:1.2em; left:2.1em; top:1.1em; width:.3em } .c5 .s22{ height:1.8em; left:2.4em; top:1.1em; width:.1em } .c5 .s23{ height:2.6em; left:2.5em; top:1.1em; width:.1em } .c5 .s24{ height:2.7em; left:2.6em; top:1.2em; width:.1em } .c5 .s25{ height:2.8em; left:2.7em; top:1.3em; width:.1em } .c5 .s26{ height:3em; left:2.8em; top:1.3em; width:.1em } .c5 .s27{ height:3em; left:2.9em; top:1.4em; width:.2em } .c5 .s28{ height:3.2em; left:3.1em; top:1.4em; width:1.4em } .c5 .s29{ height:.4em; left:3.2em; top:4.3em; width:1.4em } .c5 .s30{ height:.2em; left:3.9em; top:4.8em; width:.3em } .c5 .s31{ height:.3em; left:3.4em; top:4.5em; width:1.6em } .c5 .s32{ height:.3em; left:4.9em; top:4.6em; width:.2em } .c5 .s33{ height:.2em; left:4em; top:4.9em; width:.3em } .c5 .s34{ height:.2em; left:1.1em; top:4.3em; width:.2em } .c6 .s1{ height:.4em; left:4.1em; top:5.2em; width:.1em } .c6 .s2{ height:.7em; left:4.2em; top:5.1em; width:.1em } .c6 .s3{ height:1em; left:4.3em; top:4.9em; width:.1em } .c6 .s4{ height:1.2em; left:4.4em; top:4.8em; width:.2em } .c6 .s5{ height:.4em; left:6em; top:5.4em; width:.1em } .c6 .s6{ height:.8em; left:5.8em; top:5.4em; width:.2em } .c6 .s7{ height:1em; left:5.6em; top:5.3em; width:.2em } .c6 .s8{ height:1.2em; left:5.5em; top:5.3em; width:.1em } .c6 .s9{ height:1.6em; left:5.4em; top:5.1em; width:.1em } .c6 .s10{ height:1.8em; left:5.3em; top:5em; width:.1em } .c6 .s11{ height:1.9em; left:5.2em; top:5em; width:.1em } .c6 .s12{ height:.5em; left:4.5em; top:6.7em; width:.1em } .c6 .s13{ height:2.8em; left:4.6em; top:4.8em; width:.2em } .c6 .s14{ height:2.9em; left:4.7em; top:4.9em; width:.5em } .m210{ width:210px } .m210 .continents,.m210 .continents .bg,.m210 .continents-cities{ background:transparent url(https://www.ekfluidworks.com/skin/frontend/ultimo/fluid/css/continents-210.png) no-repeat 0 0 } .m210 .continents,.m210 .continents-cities{ height:105px; width:210px } .m210 .continents-cities{ background-position:-220px 0 } .m210 .continents .m{ margin:9997px 0 0 } .m210 .continents .m span{ font-size:13px!important; padding:0 1px 1px 0 } .m210 .continents .bg{ padding:5px } .m210 .c1.focus .bg,.m210 .c1.active-region .bg{ height:38px; left:83px; top:43px; width:38px } .m210 .c1.focus .bg{ background-position:-106px -225px } .m210 .c1.active-region .bg{ background-position:-326px -225px } .m210 .c2.focus .bg,.m210 .c2.active-region .bg{ height:67px; left:106px; top:1px; width:71px } .m210 .c2.focus .bg{ background-position:-5px -145px } .m210 .c2.active-region .bg{ background-position:-225px -145px } .m210 .c3.focus .bg,.m210 .c3.active-region .bg{ height:34px; left:153px; top:55px; width:44px } .m210 .c3.focus .bg{ background-position:-46px -229px } .m210 .c3.active-region .bg{ background-position:-266px -229px } .m210 .c4.focus .bg,.m210 .c4.active-region .bg{ height:42px; left:82px; top:3px; width:41px } .m210 .c4.focus .bg{ background-position:-160px -220px } .m210 .c4.active-region .bg{ background-position:-380px -220px } .m210 .c5.focus .bg,.m210 .c5.active-region .bg{ height:59px; left:2px; top:0; width:88px } .m210 .c5.focus .bg{ background-position:-95px -146px } .m210 .c5.active-region .bg{ background-position:-315px -146px } .m210 .c6.focus .bg,.m210 .c6.active-region .bg{ height:39px; left:49px; top:56px; width:26px } .m210 .c6.focus .bg{ background-position:-5px -227px } .m210 .c6.active-region .bg{ background-position:-225px -227px } .m210 .c1 a{ left:110px; top:61px } .m210 .c1 a.tooltip-left .tooltip-arrow{ left:110px } .m210 .c2 a{ left:145px; top:34px } .m210 .c2 a.tooltip-right .tooltip-arrow{ right:65px } .m210 .c3 a{ left:170px; top:80px } .m210 .c3 a.tooltip-right .tooltip-arrow{ right:40px } .m210 .c4 a{ left:107px; top:40px } .m210 .c4 a.tooltip-left .tooltip-arrow{ left:107px } .m210 .c5 a{ left:48px; top:40px } .m210 .c5 a.tooltip-left .tooltip-arrow{ left:48px } .m210 .c6 a{ left:67px; top:73px } .m210 .c6 a.tooltip-left .tooltip-arrow{ left:67px } .m250{ width:250px } .m250 .continents,.m250 .continents .bg,.m250 .continents-cities{ background:transparent url(https://www.ekfluidworks.com/skin/frontend/ultimo/fluid/css/continents-250.png) no-repeat 0 0 } .m250 .continents,.m250 .continents-cities{ height:130px; width:250px } .m250 .continents-cities{ background-position:-260px 0 } .m250 .continents .m{ margin:9998px 0 0 -3px } .m250 .continents .m span{ font-size:16px!important; padding:0 1px 1px 0 } .m250 .continents .bg{ padding:5px } .m250 .c1.focus .bg,.m250 .c1.active-region .bg{ height:46px; left:100px; top:55px; width:46px } .m250 .c1.focus .bg{ background-position:-119px -273px } .m250 .c1.active-region .bg{ background-position:-379px -273px } .m250 .c2.focus .bg,.m250 .c2.active-region .bg{ height:82px; left:128px; top:4px; width:87px } .m250 .c2.focus .bg{ background-position:-5px -181px } .m250 .c2.active-region .bg{ background-position:-265px -181px } .m250 .c3.focus .bg,.m250 .c3.active-region .bg{ height:42px; left:186px; top:70px; width:54px } .m250 .c3.focus .bg{ background-position:-51px -280px } .m250 .c3.active-region .bg{ background-position:-311px -280px } .m250 .c4.focus .bg,.m250 .c4.active-region .bg{ height:51px; left:98px; top:6px; width:50px } .m250 .c4.focus .bg{ background-position:-180px -268px } .m250 .c4.active-region .bg{ background-position:-440px -268px } .m250 .c5.focus .bg,.m250 .c5.active-region .bg{ height:73px; left:0; top:2px; width:108px } .m250 .c5.focus .bg{ background-position:-122px -181px } .m250 .c5.active-region .bg{ background-position:-382px -181px } .m250 .c6.focus .bg,.m250 .c6.active-region .bg{ height:48px; left:58px; top:71px; width:32px } .m250 .c6.focus .bg{ background-position:-5px -278px } .m250 .c6.active-region .bg{ background-position:-265px -278px } .m250 .c1 a{ left:132px; top:76px } .m250 .c1 a.tooltip-left .tooltip-arrow{ left:132px } .m250 .c2 a{ left:171px; top:42px } .m250 .c2 a.tooltip-right .tooltip-arrow{ right:79px } .m250 .c3 a{ left:206px; top:100px } .m250 .c3 a.tooltip-right .tooltip-arrow{ right:44px } .m250 .c4 a{ left:128px; top:48px } .m250 .c4 a.tooltip-left .tooltip-arrow{ left:128px } .m250 .c5 a{ left:55px; top:48px } .m250 .c5 a.tooltip-left .tooltip-arrow{ left:55px } .m250 .c6 a{ left:79px; top:91px } .m250 .c6 a.tooltip-left .tooltip-arrow{ left:79px } .m320{ width:320px } .m320 .continents,.m320 .continents .bg,.m320 .continents-cities{ background:transparent url(https://www.ekfluidworks.com/skin/frontend/ultimo/fluid/css/continents-320.png) no-repeat 0 0 } .m320 .continents,.m320 .continents-cities{ height:165px; width:320px } .m320 .continents-cities{ background-position:-330px 0 } .m320 .continents .m{ margin:9999px 0 0 } .m320 .continents .m span{ font-size:20px!important } .m320 .c1.focus .bg,.m320 .c1.active-region .bg{ height:58px; left:126px; top:66px; width:58px } .m320 .c1.focus .bg{ background-position:-170px -341px } .m320 .c1.active-region .bg{ background-position:-520px -341px } .m320 .c2.focus .bg,.m320 .c2.active-region .bg{ height:103px; left:160px; top:2px; width:109px } .m320 .c2.focus .bg{ background-position:-6px -210px } .m320 .c2.active-region .bg{ background-position:-356px -210px } .m320 .c3.focus .bg,.m320 .c3.active-region .bg{ height:53px; left:233px; top:85px; width:67px } .m320 .c3.focus .bg{ background-position:-76px -343px } .m320 .c3.active-region .bg{ background-position:-426px -343px } .m320 .c4.focus .bg,.m320 .c4.active-region .bg{ height:64px; left:123px; top:5px; width:62px } .m320 .c4.focus .bg{ background-position:-259px -336px } .m320 .c4.active-region .bg{ background-position:-609px -336px } .m320 .c5.focus .bg,.m320 .c5.active-region .bg{ height:91px; left:0; top:0; width:135px } .m320 .c5.focus .bg{ background-position:-154px -211px } .m320 .c5.active-region .bg{ background-position:-504px -211px } .m320 .c6.focus .bg,.m320 .c6.active-region .bg{ height:60px; left:72px; top:86px; width:40px } .m320 .c6.focus .bg{ background-position:-6px -342px } .m320 .c6.active-region .bg{ background-position:-356px -342px } .m320 .c1 a{ left:169px; top:96px } .m320 .c1 a.tooltip-left .tooltip-arrow{ left:169px } .m320 .c2 a{ left:218px; top:53px } .m320 .c2 a.tooltip-right .tooltip-arrow{ right:102px } .m320 .c3 a{ left:261px; top:126px } .m320 .c3 a.tooltip-right .tooltip-arrow{ right:59px } .m320 .c4 a{ left:164px; top:62px } .m320 .c4 a.tooltip-left .tooltip-arrow{ left:164px } .m320 .c5 a{ left:69px; top:56px } .m320 .c5 a.tooltip-left .tooltip-arrow{ left:69px } .m320 .c6 a{ left:102px; top:115px } .m320 .c6 a.tooltip-left .tooltip-arrow{ left:102px } .m430{ width:430px } .m430 .continents,.m430 .continents .bg,.m430 .continents-cities{ background:transparent url(https://www.ekfluidworks.com/skin/frontend/ultimo/fluid/css/continents-430.png) no-repeat 0 0 } .m430 .continents,.m430 .continents-cities{ height:220px; width:430px } .m430 .continents-cities{ background-position:-440px 0 } .m430 .continents .m{ margin:10000px 0 0 5px } .m430 .continents .m span{ font-size:26px!important; padding:0 1px 1px 0 } .m430 .c1.focus .bg,.m430 .c1.active-region .bg{ height:75px; left:171px; top:91px; width:75px } .m430 .c1.focus .bg{ background-position:-204px -433px } .m430 .c1.active-region .bg{ background-position:-644px -433px } .m430 .c2.focus .bg,.m430 .c2.active-region .bg{ height:133px; left:216px; top:8px; width:141px } .m430 .c2.focus .bg{ background-position:-4px -266px } .m430 .c2.active-region .bg{ background-position:-444px -266px } .m430 .c3.focus .bg,.m430 .c3.active-region .bg{ height:68px; left:311px; top:115px; width:87px } .m430 .c3.focus .bg{ background-position:-85px -431px } .m430 .c3.active-region .bg{ background-position:-525px -431px } .m430 .c4.focus .bg,.m430 .c4.active-region .bg{ height:83px; left:168px; top:12px; width:81px } .m430 .c4.focus .bg{ background-position:-310px -425px } .m430 .c4.active-region .bg{ background-position:-750px -425px } .m430 .c5.focus .bg,.m430 .c5.active-region .bg{ height:118px; left:8px; top:5px; width:175px } .m430 .c5.focus .bg{ background-position:-182px -266px } .m430 .c5.active-region .bg{ background-position:-622px -266px } .m430 .c6.focus .bg,.m430 .c6.active-region .bg{ height:77px; left:102px; top:117px; width:51px } .m430 .c6.focus .bg{ background-position:-4px -429px } .m430 .c6.active-region .bg{ background-position:-444px -429px } .m430 .c1 a{ left:225px; top:127px } .m430 .c1 a.tooltip-right .tooltip-arrow{ right:205px } .m430 .c2 a{ left:288px; top:72px } .m430 .c2 a.tooltip-right .tooltip-arrow{ right:142px } .m430 .c3 a{ left:345px; top:166px } .m430 .c3 a.tooltip-right .tooltip-arrow{ right:85px } .m430 .c4 a{ left:218px; top:82px } .m430 .c4 a.tooltip-left .tooltip-arrow{ left:218px } .m430 .c5 a{ left:94px; top:75px } .m430 .c5 a.tooltip-left .tooltip-arrow{ left:94px } .m430 .c6 a{ left:138px; top:151px } .m430 .c6 a.tooltip-left .tooltip-arrow{ left:138px } .m540{ width:540px } .m540 .continents,.m540 .continents .bg,.m540 .continents-cities{ background:transparent url(https://www.ekfluidworks.com/skin/frontend/ultimo/fluid/img/continents-540.webp) no-repeat 0 0 } .m540 .continents,.m540 .continents-cities{ height:280px; width:540px } .m540 .continents-cities{ background-position:-550px 0 } .m540 .continents .m{ margin:10002px 0 0 3px } .m540 .continents .m span{ font-size:33px!important; padding:0 1px 1px 0 } .m540 .c1.focus .bg,.m540 .c1.active-region .bg{ height:95px; left:217px; top:119px; width:95px } .m540 .c1.focus .bg{ background-position:-250px -524px } .m540 .c1.active-region .bg{ background-position:-800px -524px } .m540 .c2.focus .bg,.m540 .c2.active-region .bg{ height:169px; left:274px; top:14px; width:179px } .m540 .c2.focus .bg{ background-position:-4px -326px } .m540 .c2.active-region .bg{ background-position:-554px -326px } .m540 .c3.focus .bg,.m540 .c3.active-region .bg{ height:86px; left:395px; top:150px; width:111px } .m540 .c3.focus .bg{ background-position:-97px -525px } .m540 .c3.active-region .bg{ background-position:-647px -525px } .m540 .c4.focus .bg,.m540 .c4.active-region .bg{ height:105px; left:213px; top:18px; width:103px } .m540 .c4.focus .bg{ background-position:-375px -512px } .m540 .c4.active-region .bg{ background-position:-925px -512px } .m540 .c5.focus .bg,.m540 .c5.active-region .bg{ height:150px; left:10px; top:10px; width:222px } .m540 .c5.focus .bg{ background-position:-231px -326px } .m540 .c5.active-region .bg{ background-position:-781px -326px } .m540 .c6.focus .bg,.m540 .c6.active-region .bg{ height:98px; left:130px; top:152px; width:65px } .m540 .c6.focus .bg{ background-position:-4px -524px } .m540 .c6.active-region .bg{ background-position:-554px -524px } .m540 .c1 a{ left:282px; top:163px } .m540 .c2 a{ left:363px; top:92px } .m540 .c2 a.tooltip-right .tooltip-arrow{ right:177px } .m540 .c3 a{ left:435px; top:212px } .m540 .c3 a.tooltip-right .tooltip-arrow{ right:105px } .m540 .c4 a{ left:274px; top:106px } .m540 .c5 a{ left:117px; top:96px } .m540 .c5 a.tooltip-left .tooltip-arrow{ left:117px } .m540 .c6 a{ left:172px; top:193px } .m540 .c6 a.tooltip-left .tooltip-arrow{ left:172px } .m650{ width:650px } .m650 .continents,.m650 .continents .bg,.m650 .continents-cities{ background:transparent url(https://www.ekfluidworks.com/skin/frontend/ultimo/fluid/css/continents-650.png) no-repeat 0 0 } .m650 .continents,.m650 .continents-cities{ height:340px; width:650px } .m650 .continents-cities{ background-position:-660px 0 } .m650 .continents .m{ margin:10003px 0 0 5px } .m650 .continents .m span{ font-size:40px!important } .m650 .c1.focus .bg,.m650 .c1.active-region .bg{ height:115px; left:266px; top:147px; width:115px } .m650 .c1.focus .bg{ background-position:-296px -617px } .m650 .c1.active-region .bg{ background-position:-956px -617px } .m650 .c2.focus .bg,.m650 .c2.active-region .bg{ height:205px; left:335px; top:19px; width:217px } .m650 .c2.focus .bg{ background-position:-4px -386px } .m650 .c2.active-region .bg{ background-position:-664px -386px } .m650 .c3.focus .bg,.m650 .c3.active-region .bg{ height:105px; left:481px; top:184px; width:134px } .m650 .c3.focus .bg{ background-position:-120px -621px } .m650 .c3.active-region .bg{ background-position:-780px -621px } .m650 .c4.focus .bg,.m650 .c4.active-region .bg{ height:127px; left:261px; top:24px; width:124px } .m650 .c4.focus .bg{ background-position:-443px -606px } .m650 .c4.active-region .bg{ background-position:-1103px -606px } .m650 .c5.focus .bg,.m650 .c5.active-region .bg{ height:182px; left:15px; top:14px; width:269px } .m650 .c5.focus .bg{ background-position:-273px -386px } .m650 .c5.active-region .bg{ background-position:-933px -386px } .m650 .c6.focus .bg,.m650 .c6.active-region .bg{ height:119px; left:160px; top:186px; width:79px } .m650 .c6.focus .bg{ background-position:-4px -620px } .m650 .c6.active-region .bg{ background-position:-664px -620px } .m650 .c1 a{ left:343px; top:197px } .m650 .c2 a{ left:441px; top:111px } .m650 .c2 a.tooltip-right .tooltip-arrow{ right:209px } .m650 .c3 a{ left:528px; top:256px } .m650 .c3 a.tooltip-right .tooltip-arrow{ right:122px } .m650 .c4 a{ left:333px; top:128px } .m650 .c5 a{ left:143px; top:116px } .m650 .c5 a.tooltip-left .tooltip-arrow{ left:143px } .m650 .c6 a{ left:210px; top:234px } .m650 .c6 a.tooltip-left .tooltip-arrow{ left:210px } .m750{ width:750px } .m750 .continents,.m750 .continents .bg,.m750 .continents-cities{ background:transparent url(https://www.ekfluidworks.com/skin/frontend/ultimo/fluid/css/continents-750.png) no-repeat 0 0 } .m750 .continents,.m750 .continents-cities{ height:395px; width:750px } .m750 .continents-cities{ background-position:-760px 0 } .m750 .continents .m{ margin:9999px 0 0 -1px } .m750 .continents .m span{ font-size:47px!important; padding:0 1px 1px 0 } .m750 .c1.focus .bg,.m750 .c1.active-region .bg{ height:135px; left:309px; top:171px; width:135px } .m750 .c1.focus .bg{ background-position:-324px -704px } .m750 .c1.active-region .bg{ background-position:-1084px -704px } .m750 .c2.focus .bg,.m750 .c2.active-region .bg{ height:241px; left:390px; top:21px; width:255px } .m750 .c2.focus .bg{ background-position:-5px -441px } .m750 .c2.active-region .bg{ background-position:-765px -441px } .m750 .c3.focus .bg,.m750 .c3.active-region .bg{ height:123px; left:561px; top:215px; width:158px } .m750 .c3.focus .bg{ background-position:-128px -721px } .m750 .c3.active-region .bg{ background-position:-888px -721px } .m750 .c4.focus .bg,.m750 .c4.active-region .bg{ height:149px; left:303px; top:27px; width:146px } .m750 .c4.focus .bg{ background-position:-499px -693px } .m750 .c4.active-region .bg{ background-position:-1259px -693px } .m750 .c5.focus .bg,.m750 .c5.active-region .bg{ height:213px; left:13px; top:15px; width:316px } .m750 .c5.focus .bg{ background-position:-320px -441px } .m750 .c5.active-region .bg{ background-position:-1080px -441px } .m750 .c6.focus .bg,.m750 .c6.active-region .bg{ height:140px; left:184px; top:218px; width:92px } .m750 .c6.focus .bg{ background-position:-5px -721px } .m750 .c6.active-region .bg{ background-position:-765px -721px } .m750 .c1 a{ left:397px; top:229px } .m750 .c2 a{ left:512px; top:127px } .m750 .c3 a{ left:614px; top:298px } .m750 .c3 a.tooltip-right .tooltip-arrow{ right:136px } .m750 .c4 a{ left:385px; top:147px } .m750 .c5 a{ left:161px; top:134px } .m750 .c5 a.tooltip-left .tooltip-arrow{ left:161px } .m750 .c6 a{ left:240px; top:272px } .m850{ width:850px } .m850 .continents,.m850 .continents .bg,.m850 .continents-cities{ background:transparent url(https://www.ekfluidworks.com/skin/frontend/ultimo/fluid/css/continents-850.png) no-repeat 0 0 } .m850 .continents,.m850 .continents-cities{ height:445px; width:850px } .m850 .continents-cities{ background-position:-860px 0 } .m850 .continents .m{ margin:9997px 0 0 -2px } .m850 .continents .m span{ font-size:54px!important; padding:0 1px 1px 0 } .m850 .c1.focus .bg,.m850 .c1.active-region .bg{ height:154px; left:355px; top:194px; width:155px } .m850 .c1.focus .bg{ background-position:-378px -795px } .m850 .c1.active-region .bg{ background-position:-1238px -795px } .m850 .c2.focus .bg,.m850 .c2.active-region .bg{ height:276px; left:448px; top:22px; width:293px } .m850 .c2.focus .bg{ background-position:-8px -491px } .m850 .c2.active-region .bg{ background-position:-868px -491px } .m850 .c3.focus .bg,.m850 .c3.active-region .bg{ height:141px; left:645px; top:244px; width:181px } .m850 .c3.focus .bg{ background-position:-143px -807px } .m850 .c3.active-region .bg{ background-position:-1003px -807px } .m850 .c4.focus .bg,.m850 .c4.active-region .bg{ height:172px; left:348px; top:29px; width:168px } .m850 .c4.focus .bg{ background-position:-564px -785px } .m850 .c4.active-region .bg{ background-position:-1424px -785px } .m850 .c5.focus .bg,.m850 .c5.active-region .bg{ height:245px; left:15px; top:15px; width:363px } .m850 .c5.focus .bg{ background-position:-360px -491px } .m850 .c5.active-region .bg{ background-position:-1220px -491px } .m850 .c6.focus .bg,.m850 .c6.active-region .bg{ height:160px; left:211px; top:248px; width:106px } .m850 .c6.focus .bg{ background-position:-7px -807px } .m850 .c6.active-region .bg{ background-position:-867px -807px } .m850 .c1 a{ left:455px; top:259px } .m850 .c2 a{ left:586px; top:143px } .m850 .c3 a{ left:704px; top:339px } .m850 .c3 a.tooltip-right .tooltip-arrow{ right:146px } .m850 .c4 a{ left:441px; top:165px } .m850 .c5 a{ left:184px; top:150px } .m850 .c5 a.tooltip-left .tooltip-arrow{ left:184px } .m850 .c6 a{ left:275px; top:308px } .m960{ width:960px } .m960 .continents,.m960 .continents .bg,.m960 .continents-cities{ background:transparent url(https://www.ekfluidworks.com/skin/frontend/ultimo/fluid/img/continents-960.webp) no-repeat 0 0 } .m960 .continents,.m960 .continents-cities{ height:495px; width:960px } .m960 .continents-cities{ background-position:-970px 0 } .m960 .continents .m{ margin:9999px 0 0 } .m960 .continents .m span{ font-size:60px!important } .m960 .c1.focus .bg,.m960 .c1.active-region .bg{ height:172px; left:397px; top:219px; width:172px } .m960 .c1.focus .bg{ background-position:-484px -892px } .m960 .c1.active-region .bg{ background-position:-1454px -892px } .m960 .c2.focus .bg,.m960 .c2.active-region .bg{ height:307px; left:501px; top:28px; width:325px } .m960 .c2.focus .bg{ background-position:-5px -551px } .m960 .c2.active-region .bg{ background-position:-975px -551px } .m960 .c3.focus .bg,.m960 .c3.active-region .bg{ height:157px; left:720px; top:275px; width:201px } .m960 .c3.focus .bg{ background-position:-244px -927px } .m960 .c3.active-region .bg{ background-position:-1214px -927px } .m960 .c4.focus .bg,.m960 .c4.active-region .bg{ height:191px; left:390px; top:36px; width:186px } .m960 .c4.focus .bg{ background-position:-5px -897px } .m960 .c4.active-region .bg{ background-position:-975px -897px } .m960 .c5.focus .bg,.m960 .c5.active-region .bg{ height:272px; left:19px; top:19px; width:403px } .m960 .c5.focus .bg{ background-position:-426px -550px } .m960 .c5.active-region .bg{ background-position:-1396px -550px } .m960 .c6.focus .bg,.m960 .c6.active-region .bg{ height:178px; left:238px; top:279px; width:117px } .m960 .c6.focus .bg{ background-position:-706px -882px } .m960 .c6.active-region .bg{ background-position:-1676px -882px } .m960 .c1 a{ left:508px; top:290px } .m960 .c2 a{ left:654px; top:161px } .m960 .c2 a.tooltip-right .tooltip-arrow{ right:306px } .m960 .c3 a{ left:785px; top:379px } .m960 .c3 a.tooltip-right .tooltip-arrow{ right:175px } .m960 .c4 a{ left:493px; top:186px } .m960 .c5 a{ left:207px; top:169px } .m960 .c5 a.tooltip-left .tooltip-arrow{ left:207px } .m960 .c6 a{ left:308px; top:345px } .m960 .c6 a.tooltip-left .tooltip-arrow{ left:308px } .m1280{ width:1280px } .m1280 .continents,.m1280 .continents .bg,.m1280 .continents-cities{ background:transparent url(https://www.ekfluidworks.com/skin/frontend/ultimo/fluid/css/continents-1280.png) no-repeat 0 0 } .m1280 .continents,.m1280 .continents-cities{ height:665px; width:1280px } .m1280 .continents-cities{ background-position:-1300px 0 } .m1280 .continents .m{ margin:10001px 0 0 } .m1280 .continents .m span{ font-size:80px!important } .m1280 .continents .bg{ padding:15px } .m1280 .c1.focus .bg,.m1280 .c1.active-region .bg{ height:229px; left:528px; top:292px; width:230px } .m1280 .c1.focus .bg{ background-position:-546px -1158px } .m1280 .c1.active-region .bg{ background-position:-1846px -1158px } .m1280 .c2.focus .bg,.m1280 .c2.active-region .bg{ height:409px; left:666px; top:36px; width:433px } .m1280 .c2.focus .bg{ background-position:-13px -715px } .m1280 .c2.active-region .bg{ background-position:-1313px -715px } .m1280 .c3.focus .bg,.m1280 .c3.active-region .bg{ height:209px; left:958px; top:366px; width:268px } .m1280 .c3.focus .bg{ background-position:-218px -1174px } .m1280 .c3.active-region .bg{ background-position:-1518px -1174px } .m1280 .c4.focus .bg,.m1280 .c4.active-region .bg{ height:254px; left:518px; top:47px; width:248px } .m1280 .c4.focus .bg{ background-position:-835px -1128px } .m1280 .c4.active-region .bg{ background-position:-2135px -1128px } .m1280 .c5.focus .bg,.m1280 .c5.active-region .bg{ height:363px; left:25px; top:26px; width:537px } .m1280 .c5.focus .bg{ background-position:-526px -716px } .m1280 .c5.active-region .bg{ background-position:-1826px -716px } .m1280 .c6.focus .bg,.m1280 .c6.active-region .bg{ height:237px; left:316px; top:371px; width:157px } .m1280 .c6.focus .bg{ background-position:-23px -1164px } .m1280 .c6.active-region .bg{ background-position:-1323px -1164px } .m1280 .c1 a{ left:677px; top:388px } .m1280 .c2 a{ left:872px; top:216px } .m1280 .c3 a{ left:1046px; top:506px } .m1280 .c3 a.tooltip-right .tooltip-arrow{ right:234px } .m1280 .c4 a{ left:657px; top:249px } .m1280 .c5 a{ left:276px; top:226px } .m1280 .c5 a.tooltip-left .tooltip-arrow{ left:276px } .m1280 .c6 a{ left:410px; top:461px } .m1450{ width:1450px; margin-left:-100px !important; } .m1450 .continents,.m1450 .continents .bg,.m1450 .continents-cities{ background:transparent url(https://www.ekfluidworks.com/skin/frontend/ultimo/fluid/img/continents-1450.webp) no-repeat 0 0 } .m1450 .continents,.m1450 .continents-cities{ height:755px; width:1450px } .m1450 .continents-cities{ background-position:-1500px 0 } .m1450 .continents .m{ margin:10004px 0 0 5px } .m1450 .continents .m span{ font-size:90px!important } .m1450 .continents .bg{ padding:15px } .m1450 .c1.focus .bg,.m1450 .c1.active-region .bg{ height:257px; left:601px; top:334px; width:258px } .m1450 .c1.focus .bg{ background-position:-932px -1283px } .m1450 .c1.active-region .bg{ background-position:-2432px -1283px } .m1450 .c2.focus .bg,.m1450 .c2.active-region .bg{ height:460px; left:757px; top:47px; width:487px } .m1450 .c2.focus .bg{ background-position:-15px -816px } .m1450 .c2.active-region .bg{ background-position:-1515px -816px } .m1450 .c3.focus .bg,.m1450 .c3.active-region .bg{ height:235px; left:1085px; top:418px; width:301px } .m1450 .c3.focus .bg{ background-position:-241px -1336px } .m1450 .c3.active-region .bg{ background-position:-1741px -1336px } .m1450 .c4.focus .bg,.m1450 .c4.active-region .bg{ height:286px; left:590px; top:59px; width:279px } .m1450 .c4.focus .bg{ background-position:-592px -1283px } .m1450 .c4.active-region .bg{ background-position:-2092px -1283px } .m1450 .c5.focus .bg,.m1450 .c5.active-region .bg{ height:408px; left:35px; top:35px; width:604px } .m1450 .c5.focus .bg{ background-position:-562px -816px } .m1450 .c5.active-region .bg{ background-position:-2062px -816px } .m1450 .c6.focus .bg,.m1450 .c6.active-region .bg{ height:267px; left:363px; top:424px; width:176px } .m1450 .c6.focus .bg{ background-position:-15px -1326px } .m1450 .c6.active-region .bg{ background-position:-1515px -1326px } .m1450 .c1 a{ left:767px; top:440px } .m1450 .c2 a{ left:986px; top:247px } .m1450 .c3 a{ left:1182px; top:574px } .m1450 .c3 a.tooltip-right .tooltip-arrow{ right:268px } .m1450 .c4 a{ left:744px; top:284px } .m1450 .c5 a{ left:315px; top:259px } .m1450 .c6 a{ left:467px; top:523px } .slick-slider{position:relative;display:block;box-sizing:border-box;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent}.slick-list{position:relative;overflow:hidden;display:block;margin:0;padding:0}.slick-list:focus{outline:none}.slick-list.dragging{cursor:pointer;cursor:hand}.slick-slider .slick-track,.slick-slider .slick-list{-webkit-transform:translate3d(0, 0, 0);-moz-transform:translate3d(0, 0, 0);-ms-transform:translate3d(0, 0, 0);-o-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}.slick-track{position:relative;left:0;top:0;display:block}.slick-track:before,.slick-track:after{content:"";display:table}.slick-track:after{clear:both}.slick-loading .slick-track{visibility:hidden}.slick-slide{float:left;height:100%;min-height:1px;display:none}[dir="rtl"] .slick-slide{float:right}.slick-slide img{display:block}.slick-slide.slick-loading img{display:none}.slick-slide.dragging img{pointer-events:none}.slick-initialized .slick-slide{display:block}.slick-loading .slick-slide{visibility:hidden}.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}.slick-arrow.slick-hidden{display:none} /*# sourceMappingURL=slick.css.map */ .cookies * { box-sizing: border-box; } .cookies { position: fixed; bottom: -1000px; left: 0; width: 100%; z-index: 9001; color: #fff; padding: 16px 0 0; background: #191919; } .display-none { display: none; } @media print, screen and (min-width: 64em) { .cookies { padding: 0; } } @media print, screen and (max-width: 64em) { .cookies .container { padding: 0 !important; } } .cookies .cookie-content { display: flex; flex-flow: column; align-items: stretch; position: relative; z-index: 2; margin-bottom: 16px; } @media print, screen and (min-width: 64em) { .cookies .cookie-content { flex-flow: row; align-items: center; margin-bottom: 0; } } @media print, screen and (max-width: 64em) { .cookies .cookie-content { align-items: center; } } .cookies .cookie-content .cookies_right { min-width: 240px; flex-shrink: 0; display: flex; flex-flow: column; align-items: center; padding: 1rem; } @media print, screen and (min-width: 64em) { .cookies .cookie-content .cookies_right { padding: 1rem 0 1rem 1rem; } } @media print, screen and (max-width: 64em) { .cookies .cookie-content .cookies_right { width: 100%; justify-content: center; align-items: center; } } .cookies .cookie-content .cookies_right .button_confirm { background-color: #f89829; border-radius: 0px; color: #fff; margin-bottom: 1rem; text-transform: uppercase; font-size: 18px; transition: all 0.3s ease-out; padding: 10px; cursor: pointer; width: 100%; text-align: center; line-height: normal; } @media print, screen and (max-width: 64em) { .cookies .cookie-content .cookies_right .button_confirm { font-size: 15px; padding: 5px 12px 5px 12px; } } .cookies .cookie-content .cookies_right .button_settings { border: 0.5px solid #fff; background-color: #191919; color: #fff; font-size: 18px; text-align: center; text-transform: uppercase; transition: all 0.3s ease-out; padding: 10px; border-radius: 0px; width: 100%; cursor: pointer; line-height: normal; } .cookies .cookie-content .cookies_right .button_settings::after { background-image: none !important; text-indent: 0; display: inline-block; font-family: ThemeIcons; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 20px; content: "\e263"; vertical-align: bottom; } .cookies .cookie-content .cookies_right .button_settings.rotate::after { transform: rotate(90deg); } @media print, screen and (max-width: 64em) { .cookies .cookie-content .cookies_right .button_settings { font-size: 15px; padding: 5px 12px 5px 12px; } } .cookies .cookie-content .cookies_left { padding: 0 1rem; width: 100%; } @media print, screen and (min-width: 64em) { .cookies .cookie-content .cookies_left { padding: 0 2rem 0 0; } } .cookies .cookie-content .cookies_left .cookies_title { font-size: 22px !important; font-weight: 600 !important; } .cookies .cookie-content .cookies_left .cookies_text p { color: white !important; font-size: 14px !important; line-height: 23px !important; } .cookies .cookie-content .cookies_left .cookies_text a { color: #f89829; } .cookies .cookie_settings { background: black; position: relative; z-index: 2; } @media print, screen and (max-width: 64em) { .cookies .cookie_settings { padding: 2rem 1rem; position: absolute; top: 0; width: 100%; height: 100%; } } @media print, screen and (max-width: 64em) { .cookies .cookie_settings .container { height: 100%; } } .cookies .cookie_settings .cookie_settings_wraper { display: flex; flex-flow: column; align-items: stretch; position: relative; z-index: 2; margin-bottom: 16px; } @media print, screen and (min-width: 64em) { .cookies .cookie_settings .cookie_settings_wraper { flex-flow: row; align-items: center; margin-bottom: 0; padding: 2rem 0; } } @media print, screen and (max-width: 64em) { .cookies .cookie_settings .cookie_settings_wraper { align-items: center; height: 100%; } } .cookies .cookie_settings .cookie_settings_wraper .form_left { padding: 0 1rem; width: 100%; text-align: left; } @media print, screen and (min-width: 64em) { .cookies .cookie_settings .cookie_settings_wraper .form_left { padding: 0 2rem 0 0; } .cookies .cookie_settings .cookie_settings_wraper .form_left .input_wrapper { margin-bottom: 10px; } } .cookies .cookie_settings .cookie_settings_wraper .form_left label { position: relative; padding-left: 30px; padding-top: 2px; font-family: 'DINPro', sans-serif !important; font-size: 18px !important; line-height: 23px !important; font-weight: 400 !important; } .cookies .cookie_settings .cookie_settings_wraper .form_left label:before { position: absolute; height: 21px; width: 21px; border: 1px solid white; border-radius: 0; content: ""; left: 0; top: 13px; transform: translateY(-50%); } .cookies .cookie_settings .cookie_settings_wraper .form_left label b { font-size: 14px !important; } .cookies .cookie_settings .cookie_settings_wraper .form_left input[type="checkbox"] { opacity: 0; position: absolute; z-index: -9999; } .cookies .cookie_settings .cookie_settings_wraper .form_left input[type="checkbox"]:checked + label::before { border: 1px solid #f89829; } .cookies .cookie_settings .cookie_settings_wraper .form_left input[type="checkbox"]:checked + label::after { position: absolute; left: 4px; top: 6px; background: #F89829; width: 15px; height: 15px; display: block; content: ""; } .cookies .cookie_settings .cookie_settings_wraper .form_left input[disabled="disabled"]:checked + label::before { border: 1px solid #b3b3b3; } .cookies .cookie_settings .cookie_settings_wraper .form_left input[disabled="disabled"]:checked + label::after { background: #b3b3b3; } @media print, screen and (max-width: 64em) { .cookies .cookie_settings .cookie_settings_wraper .form_left .input_wrapper { margin-bottom: 10px; } .cookies .cookie_settings .cookie_settings_wraper .form_left label { font-size: 14px !important; } .cookies .cookie_settings .cookie_settings_wraper .form_left label b { font-size: 16px !important; } } .cookies .cookie_settings .cookie_settings_wraper .form_right { min-width: 240px; flex-shrink: 0; display: flex; flex-flow: column; align-items: center; padding: 1rem 1rem 0 1rem; } @media print, screen and (min-width: 64em) { .cookies .cookie_settings .cookie_settings_wraper .form_right { padding: 1rem 0 1rem 1rem; } } @media print, screen and (max-width: 64em) { .cookies .cookie_settings .cookie_settings_wraper .form_right { max-width: 100%; width: 100%; align-items: center; justify-content: center; margin-top: auto; } } .cookies .cookie_settings .cookie_settings_wraper .form_right .button_save_settings { background-color: #f89829; border-radius: 0px; color: #fff; margin-bottom: 1rem; text-transform: uppercase; font-size: 18px; transition: all 0.3s ease-out; padding: 10px; cursor: pointer; text-align: center; width: 100%; line-height: normal; } @media print, screen and (max-width: 64em) { .cookies .cookie_settings .cookie_settings_wraper .form_right .button_save_settings { font-size: 15px; padding: 5px 12px 5px 12px; } } .cookies .cookie_settings .cookie_settings_wraper .form_right .button_hide_settings { border: 0.5px solid #fff; background-color: #000; color: #fff; font-size: 15px; text-align: center; text-transform: uppercase; transition: all 0.3s ease-out; padding: 5px 12px 5px 12px; border-radius: 0px; width: 100%; cursor: pointer; } @media print, screen and (min-width: 64em) { .cookies .cookie_settings .cookie_settings_wraper .form_right .button_hide_settings { display: none; } } /*delet*/ .amfpc-info {diplay: none !important; opacity: 0;} ::-moz-selection { /* Code for Firefox */ color: #fff; background: #00a1de; } ::selection { color: #fff; background: #00a1de; } /*basic*/ body .page { background-color: #fff; color: #333; } a { color: #333; } a:hover, .vertnav li.current > a, h2.product-name a:hover, h3.product-name a:hover, h4.product-name a:hover, h5.product-name a:hover, p.product-name a:hover { color: #00a1de; } h1 { font-family: DINProBold!important; } .fw-btn { padding: 8px 47px; color: #fff; background-color: #00a1de; font-weight: bold; font-size: 16px; display: inline-block; font-family: 'DINProBold'; -webkit-transition: all .3s; transition: all .3s; letter-spacing: 0; line-height: 21px; text-align: center; width: auto; border: 2px #00a1de solid; } .fw-btn:hover { -webkit-box-shadow: 0px 0px 15px 0px #00a1de; -moz-box-shadow: 0px 0px 15px 0px #00a1de; box-shadow: 0px 0px 15px 0px #00a1de; color: #fff; } .fw-btn.fw-btn--white { background-color: #fff; color: #000; border: 2px #00a1de solid; } .fw-a-center { text-align: center; } .fw-a-left { text-align: left; } .clearFixFluid { padding-top: 0 !important; } .skip-link .count { background-color: #00a1de; } .product-name h1, .product-name h2, .page-title h1, .page-title h2 { color: #000; } /*video*/ #homepage_video { padding-top: 109px; } #homepage_video video { filter: none; } #homepage_video .heroVideoContent { position: absolute; width: 100%; z-index: 9; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); cursor: pointer; } #homepage_video .image-video-overlay { background-image: none; background-color: #000; } #homepage_video .image-video-overlay img { width: 100%; } #homepage_video .heroVideoContent h2 { margin-bottom: 20px; font-size: 46px; font-weight: normal; color: #fff; text-shadow: 0 0 4px #000000; text-transform: initial; } #homepage_video .heroVideoContent h2:after { display: none; } #homepage_video .heroVideoContent .inner-container { position: relative; } #homepage_video .heroVideoContent p { font-size: 20px; line-height: 1.4; color: #fff; text-shadow: 0 0 4px #000000 } #homepage_video .heroVideoContent span img { max-width: 140px; position: absolute; top: 50%; right: 21%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } /*404*/ .cms-index-noroute .main { background-color: transparent; } body.cms-index-noroute .fw-main .main-container { background: url(https://www.ekfluidworks.com/skin/frontend/ultimo/fluidworks/images/404.jpeg) no-repeat center top; min-height: 800px; background-size: cover; } body.cms-page-view .main-container[class*="layout"] > .main.container { padding-top: 120px; padding-bottom: 0; } body.cms-page-view.cms-workstations .main-container[class*="layout"] > .main.container { padding-top: 22px; } .cms-index-noroute .main h1 { font-size: 50px; line-height: 1.2; color: #fff; } .cms-index-noroute .main p { font-size: 20px; margin-bottom: 50px; color: #fff; line-height: 1.4; } .checkout-cart-index .main-container[class*="layout"] > .main.container { padding-top: 0; } .cart .page-title { margin: 50px 0; } .checkout-cart-index .page-title h1 { color: #000; } .checkout-cart-index .page-title h1 span { font-size: 36px; line-height: 46px; color: #d6d6d6; font-family: DINProBold; } .cart-collaterals .totals-inner .btn-checkout { background-color: #00a1de; } .cart-collaterals .totals-inner .btn-checkout:hover { -webkit-box-shadow: 0px 0px 15px 0px #00a1de; -moz-box-shadow: 0px 0px 15px 0px #00a1de; box-shadow: 0px 0px 15px 0px #00a1de; color: #fff; } .checkout-cart-index .col-delete a { color: #00a1de; } .checkout-cart-index .btn-inline { color: #838383; } .checkout-cart-index #shopping-cart-table tbody tr { border-bottom: 1px solid #959595; } .checkout-cart-index #shopping-cart-table tfoot tr.first { border-top: 1px solid; } .checkout-cart-index #shopping-cart-table .product-image { padding: 10px 0; } .checkout-cart-index .cart-collaterals .totals-inner tfoot { border-top: 1px solid #000; } .checkout-cart-index #shopping-cart-table .product-name a { font-family: DINProBold!important; } .paypal-express-btn { width: 200px !important; } #shopping-cart-table .btn-continue { background-image: url(https://www.ekfluidworks.com/skin/frontend/ultimo/fluidworks/images/icons/continue.svg); } #shopping-cart-table button.button.btn-empty.btn-inline::before { background: url(https://www.ekfluidworks.com/skin/frontend/ultimo/fluidworks/images/icons/empty.svg) no-repeat center center; } #shopping-cart-table .btn-update::before { background: url(https://www.ekfluidworks.com/skin/frontend/ultimo/fluidworks/images/icons/update.svg) center center no-repeat; } /*checkout*/ .firecheckout-index-index div.checkout-title h1 { color: #000; } .firecheckout-index-index .checkout-title h1 span { font-size: 36px; line-height: 46px; color: #d6d6d6; font-family: DINProBold; } #billing-address > .block-title::before { color: #000 !important; } .firecheckout-index-index .firecheckout-section .block-title span, .firecheckout-index-index #checkout-review .block-subtitle span { color: #000; } .firecheckout-set .form-list label { color: #000 !important; } .firecheckout-set p.required, .firecheckout-set #addresses-review > div a { color: #00a1de; } .firecheckout-set input[type="checkbox"]:checked ~ label:before, .firecheckout-set input[type="radio"]:checked ~ label:before { border-color: #00a1de; } .firecheckout-set input[type="checkbox"]:checked ~ label:after, .firecheckout-set input[type="radio"]:checked ~ label:after, .checkout-title .firecheckout-login-wrapper a { background-color: #00a1de; } #checkout-review-submit .btn-checkout, #coupon-apply { background-color: #00a1de !important; } #checkout-review-submit .btn-checkout:hover, #coupon-apply:hover { background-color: #00a1de !important; -webkit-box-shadow: 0px 0px 15px 0px #00a1de; -moz-box-shadow: 0px 0px 15px 0px #00a1de; box-shadow: 0px 0px 15px 0px #00a1de; } #checkout-review-table tfoot tr.last td strong { border-top: 1px solid #000; } .firecheckout-set #checkout-review-table-wrapper { border-top: 1px solid #000 !important; } /*product pop-up*/ body #confirmBox #confirmButtons .button { border: 3px solid #00a1de; text-transform: capitalize; } body #confirmBox #confirmButtons .am-btn-right { background: #00a1de !important; } #confirmBox .amcart-title a { word-break: break-word; } .btn-proceed-checkout span { text-transform: capitalize; } /*configurator*/ .catalog-product-view .product-view-main-image { background-color: #fff !important; } #product-addtocart-button, .ow-section a.button, .checkout-cart-index p a.button { background-color: #00a1de !important; } #product-addtocart-button:hover, .ow-section a.button:hover, .checkout-cart-index p a.button:hover { background-color: #00a1de !important; -webkit-box-shadow: 0px 0px 15px 0px #00a1de; -moz-box-shadow: 0px 0px 15px 0px #00a1de; box-shadow: 0px 0px 15px 0px #00a1de; } #product-addtocart-button span span { text-transform: capitalize; } .catalog-product-view .product-type-data > .price-box .price, .price-box .price, .price-as-configured .price { color: #000; } .product-view .price-box .price:after, #checkout-review-table tfoot tr.last td strong span.price:after, .cart-collaterals .totals-inner table tfoot td span.price:after { content: "*"; } .product-options dl dt:first-child label.required, .product-options dl dd:nth-child(2) { display: none; } .product-options dl dt label { font-size: 20px; font-weight: bold; font-family: DINProBold; } .product-options .options-list li input[type=radio] { display: none; } .product-options .options-list li input[type=radio] + .label { display: block; width: 100%; margin: 0; } .product-options .options-list li input[type=radio] + .label label { display: block; width: 100%; border: 1px solid #999; padding: 10px; cursor: pointer; box-sizing: border-box; } .product-options .options-list li input[type=radio]:checked + .label label { background-color: #00a1de; color: #fff; font-weight: bold; } .catalog-product-view .product-type-data .fluid_stock_container p.availability span, .product-view .sku.fluid-sku span, .product-view .sku.fluid-sku label {color: #000;} .catalog-product-view .product-image-wrapper { padding-left: 10%; box-sizing: border-box; } .catalog-product-view .product-image-top-content { } .catalog-product-view .product-image-top-content:after { display: table; clear: left; content: ""; } .catalog-product-view .product-image-top-content .product-img-column { width: 100%; margin: 0 auto; } .catalog-product-view .product-image-wrapper .inner { padding-left: 0; } .catalog-product-view .product-image-top-content .product-name { width: 70%; float: left; display: flex; flex-direction: column; justify-content: center; } .catalog-product-view .product-image-top-content .product-name h1 { color: #000; font-size: 21px; padding: 0; line-height: 1.2; } .catalog-product-view .price-as-configured .full-product-price { font-size: 24px; font-weight: bold; } .catalog-product-view .description { color: #838383; font-size: 18px; } .catalog-product-view .product-line { display: flex; gap: 15px; margin-bottom: 10px!important; width: 100%!important; } .catalog-product-view .product-line * { box-sizing: border-box; } .catalog-product-view .product-line:after { /*clear: both;*/ /*display: table;*/ /*content: "";*/ } .catalog-product-view .product-line li { /*width: 33.33%;*/ /*float: left;*/ display: flex; /*padding: 10px;*/ text-align: center; /*display: block;*/ } .catalog-product-view .product-line li:last-child { padding-right: 0; } .catalog-product-view .product-line li:first-child { padding-left: 0; } .catalog-product-view .product-line li input { display: none; } .catalog-product-view .product-line li label { padding: 20px; border: 1px solid #999999; display: block; cursor: pointer; } .catalog-product-view .product-line li label h4 { text-transform: uppercase; color: #999; } .catalog-product-view .product-line li input[type=radio]:checked + label { background-color: #00a1de; } .catalog-product-view .product-line li input[type=radio]:checked + label h4 { font-weight: bold; color: #fff; } .catalog-product-view .qty-wrapper { display: block !important; } .catalog-product-view .product-buy-btn-text, .cart-buy-btn-text { padding-top: 5px; } .catalog-product-view .product-buy-btn-text p, .cart-buy-btn-text p { font-size: 14px; color: #838383; } .cart-buy-btn-text p { text-align: right; } .catalog-product-view .product-help-text { padding: 30px 0 15px; text-align: center; } .catalog-product-view .product-help-text h4 { font-size: 24px; font-weight: bold; line-height: 1.2; } .catalog-product-view #product-addtocart-button:hover { color: #fff; } .catalog-product-view .price-box { float: none; width: 100%; } .catalog-product-view .price-box:after { clear: both; display: table; content: ""; } .catalog-product-view .price-box .price-as-configured, .catalog-product-view .price-box .qty-wrapper { /*width: 50%;*/ float: left; box-sizing: border-box; display: block; } .catalog-product-view .price-box .qty-wrapper { text-align: right; padding-top: 5px; } .catalog-product-view .price-box .qty-wrapper label { font-size: 24px; font-weight: bold; position: relative; top: 4px; padding-right: 4px; } .catalog-product-view .price-box .qty-wrapper input { height: 3em; font-size: 20px; } .catalog-product-view .main-container .inner-container ul { /*margin-bottom: 0;*/ /*width: 99%;*/ } /*.catalog-product-view .main-container .inner-container ul.options-list {*/ /* width: 100%;*/ /*}*/ .catalog-product-view .product-options-top-text p { font-size: 16px; color: #838383; padding: 1em 0; border-bottom: 1px solid #00A1DE; } .product-view .container1-wrapper { border-bottom: none; padding-top: 20px; } .catalog-product-view .cpu-select-wrapper { padding-top: 40px; } .catalog-product-view .cpu-select-wrapper h3 { font-weight: bold; font-family: DINProBold !important; font-size: 20px; } .catalog-product-view .cpu-select * { box-sizing: border-box; } .catalog-product-view .cpu-select:after { display: table; clear: both; content: ""; } .catalog-product-view .cpu-select li { width: 50%; float: left; padding: 10px; text-align: center; display: block; } .catalog-product-view .cpu-select li:last-child { padding-right: 0; } .catalog-product-view .cpu-select li:first-child { padding-left: 0; } .catalog-product-view .cpu-select li input { display: none; } .catalog-product-view .cpu-select li label { padding: 10px; border: 1px solid #999999; display: block; cursor: pointer; } .catalog-product-view .cpu-select li label img.amd { margin-top: 5px; } .catalog-product-view .cpu-select li label img.intel { margin-top: 3px; } .catalog-product-view .cpu-select li label h4 { text-transform: uppercase; } .catalog-product-view .cpu-select li input[type=radio]:checked + label { background-color: #00a1de; } .catalog-product-view .cpu-select li input[type=radio].intel:checked + label img { content:url("https://www.ekfluidworks.com/skin/frontend/ultimo/fluidworks/images/intel-logo-active.png"); } .catalog-product-view .cpu-select li input[type=radio].amd:checked + label img { content:url("https://www.ekfluidworks.com/skin/frontend/ultimo/fluidworks/images/amd-logo-active.png"); } .catalog-product-view .main-container .inner-container ul .price-notice { float: right; } .catalog-product-view .main-container .inner-container ul .price-notice:after { display: table; clear: both; content: ""; } .catalog-product-view .product-options .bundle-option-select { border: 1px solid #999; padding: 10px; font-size: 16px; box-sizing: border-box; height: 50px; cursor: pointer; } .product-view .product-options dd .input-box { position: relative; width: 99%; } .catalog-product-view .product-options .input-box::after { content: ""; width: 10px; height: 10px; background-color: #000; } .catalog-product-view .product-options .input-box.select.selected { background: #00a1de; } .catalog-product-view .product-options .input-box.select.selected select { background: transparent; color: #fff; } .catalog-product-view .product-options .input-box.select::after { content: ""; width: 12px; height: 7px; background: url(https://www.ekfluidworks.com/skin/frontend/ultimo/fluidworks/images/ek-dropdown-grey.svg); position: absolute; color: #888; right: 20px; font-size: 20px; line-height: 20px; font-weight: bold; top: 22px; pointer-events:none; } .catalog-product-view .product-options .input-box.select.selected::after { background: url(https://www.ekfluidworks.com/skin/frontend/ultimo/fluidworks/images/ek-dropdown-white.svg); } .catalog-product-view .main-container .inner-container .product-options .options { width: 100%; } /*select dropdown*/ .catalog-product-view .product-options .selected-item { margin: 20px 0; } .product-options dd select { width: 100%; } .product-options dd select option[disabled] { color: #aaa; } .cusSelBlock { height: 50px; width: 86%; } #cusSelectbox { height: 100%; width: 100%; } .s-hidden { visibility: hidden; } .cusSelBlock { display: inline-block; position: relative; -webkit-perspective: 800px; perspective: 800px; } .selectLabel { position: absolute; left: 0; top: 0; z-index: 9999; background-color: #fff; border: 1px solid #999; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1); color: #888; cursor: pointer; display: block; height: 100%; width: 100%; line-height: 50px; padding: 0 10.5% 0 4%; text-align: left; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transform-origin: 50% 0%; transform-origin: 50% 0%; -webkit-transition: -webkit-transform 300ms; transition: -webkit-transform 300ms; transition: transform 300ms; transition: transform 300ms, -webkit-transform 300ms; -webkit-backface-visibility: hidden; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .selectLabel:after { content: '\25BC'; color: #333; font-size: 12px; line-height: 17px; padding: 10px; text-align: center; position: absolute; right: 0px; top: 15%; height: 70%; width: 50px; } .catalog-product-view .product-options .selectLabel:active:after { content: '\25B2'; } .catalog-product-view .product-options .selectLabel.active:after { content: '\25B2'; } .catalog-product-view .product-options ::-webkit-scrollbar { display: none; } .options { position: absolute; top: 50px; height: 1px; width: 100%; } .options li { background-color: #ffffff; border-left: 1px solid #888; border-right: 1px solid #888; border-bottom: 1px solid #888; cursor: pointer; display: block; line-height: 50px; list-style: none; opacity: 1; padding: 0 10.5% 0 4%; text-align: left; -webkit-transition: -webkit-transform 300ms ease; transition: -webkit-transform 300ms ease; transition: transform 300ms ease; transition: transform 300ms ease, -webkit-transform 300ms ease; position: absolute; top: -50px; left: 0; z-index: 0; height: 50px; width: 100%; font-size: 15px; } .options li:hover, .options li.active { background-color: #00a1de; color: #fff; } .options li:nth-child(1) { -webkit-transform: translateY(0); transform: translateY(0); z-index: 6; } .options li:nth-child(2) { -webkit-transform: translateY(0); transform: translateY(0); z-index: 5; } .options li:nth-child(3) { z-index: 4; } .options li:nth-child(4) { z-index: 3; } .options li:nth-child(5) { z-index: 2; } .options li:nth-child(6) { z-index: 1; } .feaBlock { margin: 20px 0; text-align: left; } /*hide stuff*/ .catalog-product-view .price-box-bundle, .catalog-product-view .product-type-data, .catalog-product-view .price-as-configured .price-label, .catalog-product-view .product-options .required { display: none; } .catalog-product-view .product-options dl .required { display: block; } /*account*/ .account-login form button[type="submit"], .account-login #login-form .button { background: #00a1de; padding: 15px; } .account-login form button[type="submit"] span { font-family: DINProBlack!important; font-size: 22px; } .account-login form button[type="submit"]:hover { color: #fff; } .account-login form input.input-text, .customer-account-login .form-list select, .account-login #login-form .input-text { color: #333333 !important; } .account-login form input.input-text:focus, .customer-account-login .form-list select:focus, .account-login form input[type="checkbox"]:checked ~ label:before, .account-login form input[type="radio"]:checked ~ label:before { border-color: #00a1de !important; } .account-login form input[type="checkbox"]:checked ~ label:after, .account-login form input[type="radio"]:checked ~ label:after { background-color: #00a1de; } .validation-advice, p.rma-validate-notice.error, .ow_rma_files_warning, .messages .error-msg span { color: #00a1de; } .customer-account-create .form-list input.input-text, .customer-account-create .form-list select, .customer-account-create .form-list textarea, .customer-account-login .form-list input.input-text, .customer-account-login .form-list select, .customer-account-login .form-list textarea, .customer-account .form-list input.input-text, .customer-account .form-list select, .customer-account .form-list textarea, .customer-account-index .form-list input.input-text, .customer-account-index .form-list select, .customer-account-index .form-list textarea { border: 2px solid #979797!important; padding: 6px 8px!important; font-family: 'DINProRegular'; font-size: 14px!important; color: #333333 !important; max-width: 100%; } .customer-account-create [type="submit"] { font-size: 22px; background: #00a1de; } .customer-account-create [type="submit"]:hover { color: #fff; } .customer-account-create [type="submit"] span { font-family: DINProBlack!important; padding: 15px; } .customer-account .ow-main { background-color: #fff !important; } .block-account .block-content ul li.current a:before, .block-account .block-content ul li:hover a:before, .block-account .block-content ul li.current strong:before { border-color: #00a1de; } .block-account .block-content ul li.current a:after, .block-account .block-content ul li:hover a:after, .block-account .block-content ul li.current strong:after { background-color: #00a1de; } .my-account .box a, .my-account .page-title h3, [class*="rma-rma-"] .page-title h3, .my-account p a, [class*="rma-rma-"] .main .inner-container p a { color: #00a1de !important; } .my-account .page-title h1, [class*="rma-rma-order"] .page-title h1 { color: #00a1de; } .block-account .block-content ul li a:hover, .my-account .box h3 { color: #333; } [class*="rma-rma-"] .ow-main .main-container .button, .block-account a.logout { background-color: #00a1de; color: #fff; font-weight: bold; font-size: 20px; font-family: 'DINProBold'; box-sizing: border-box; } [class*="rma-rma-"] .ow-main .main-container .button { padding: 10px; } .block-account a.logout { padding: 15px 10px; } .block-account .block-title { background: url(https://www.ekfluidworks.com/skin/frontend/ultimo/fluidworks/images/icons/profile-2.svg) no-repeat 0 8px; } .block .block-title a:hover { color: #333; } .my-account form button[type="submit"]:hover, [class*="rma-rma-"] .ow-main .main-container .button:hover, .block-account a.logout:hover { -webkit-box-shadow: 0px 0px 15px 0px #00a1de; -moz-box-shadow: 0px 0px 15px 0px #00a1de; box-shadow: 0px 0px 15px 0px #00a1de; color: #fff; } /*customer care*/ form#customercareform .input-text { color: #333!important; } .customer-care p.required { color: #00a1de; } form#customercareform .button { background: #00a1de; padding: 15px; font-family: DINProBlack!important; font-size: 22px; } /*creator line*/ .cms-workstation-line .main.container, .cms-studio-line .main.container, .cms-solution .main.container { max-width: 100%; width: 100%; padding: 0; } .line-top-banner { margin-top: -50px; } .line-top-banner .slick-dots { text-align: center; overflow: hidden; margin: -50px auto 16px; position: relative; z-index: 10; } .line-top-banner .slick-dots li { border: 2px solid #979797; width: 20px; height: 20px; margin-right: 15px; background: none; display: inline-block; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; cursor: pointer; } .line-top-banner .slick-dots li button { display: none; } .line-top-banner .slick-dots li:hover, .line-top-banner .slick-dots li.slick-active { border-color: #00A1DE; background: #00A1DE; } .line-top-banner .slick-arrow { position: absolute; top: 48%; z-index: 10; background: transparent url('https://www.ekfluidworks.com/skin/frontend/ultimo/fluidworks/images/icons/arrow-blue.svg') center center no-repeat; font-size: 0; border: none; cursor: pointer; height: 46px; width: 20px; } .line-top-banner .slick-arrow.slick-prev { left: 0; -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); margin-left: calc(47vw - 600px); } .line-top-banner .slick-arrow.slick-next { right: 2%; } .line-top-banner .slick-dots { margin-bottom: 50px !important; } .cms-page-view .main.container .inner-container { padding: 0; } .follow-us .follow-icons img { max-width: 115px; } .follow-us .follow-icons img.active { -webkit-box-shadow: 0px 0px 15px 0px #00a1de; -moz-box-shadow: 0px 0px 15px 0px #00a1de; box-shadow: 0px 0px 15px 0px #00a1de; } #gsSectionEight h2 { font-family: DINProBold!important; font-size: 36px; font-weight: 900!important; line-height: 46px; text-transform: uppercase!important; margin-bottom: 30px; color: #000; overflow: hidden; position: relative; } #gsSectionEight h2:after { width: 100%; height: 1px; border-bottom: 1px solid #000; position: absolute; top: 23px; content: ''; overflow: hidden; margin-left: 30px; } .models-section { padding: 50px 0; } .models-section h2 { font-family: DINProBold!important; font-size: 36px; font-weight: 900!important; line-height: 46px; text-transform: uppercase!important; margin-bottom: 5px; color: #000; overflow: hidden; position: relative; } .models-section h2:after { width: 100%; height: 1px; border-bottom: 1px solid #000; position: absolute; top: 23px; content: ''; overflow: hidden; margin-left: 30px; } .models-section h3 { font-size: 14px; color: #838383; font-family: 'Open Sans Regular' !important; text-transform: initial; } .models-section .models-slick { padding-top: 50px; } .models-section .models-slick .models-slick-item img { width: 100%; max-width: 460px; margin: 0 auto; } .models-section .models-slick .models-slick-item h4 { font-size: 34px; font-family: DINProBold!important; padding: 1em 0 0.5em; } .models-section .models-slick .models-slick-item .models-desc { font-size: 18px; color: #838383; } .models-section .models-specs-line { padding: 10px 0; border-bottom: 1px solid #00a1de; font-size: 18px; line-height: 1.2; } .models-section .models-specs-line label { display: block; font-weight: bold; font-family: 'DINProBold'; font-size: 20px; line-height: 1.2; margin-bottom: 5px; } .models-section .models-slick .models-slick-item { max-height: 800px; padding: 0 20px; } .models-section .models-slick .models-slick-item.models-open { max-height: none; } .models-section .models-slick .models-slick-item:first-child { padding-left: 5%; } .models-section .models-slick .models-slick-item:last-child { padding-right: 5%; } .models-section .models-slick-bottom { padding-top: 20px; } .models-section .models-slick-bottom .model-slick-bottom-item { padding: 20px; } .models-section .models-slick-bottom .model-slick-bottom-item:first-child { padding-left: 5%; } .models-section .models-slick-bottom .model-slick-bottom-item:last-child { padding-right: 5%; } .models-section .models-slick-bottom .model-slick-bottom-item .fw-btn { width: 100%; text-align: center; box-sizing: border-box; } .models-section .models-slick-bottom .model-slick-bottom-item .models-price-box { font-size: 36px; font-family: 'DINProBold'; padding-bottom: 0.5em; } .models-section .models-slick-bottom .model-slick-bottom-item .models-price-box span { font-size: 20px; font-family: 'DINProBold'; } .product-read-more a { color: #00a1de; } .models-section .product-read-more:before { border-top: 3px solid #00a1de; } #catapult-cookie-bar { box-sizing: border-box; max-height: 0; opacity: 0; z-index: 99999; overflow: hidden; color: #ddd; position: fixed; left: 0; bottom: 0; width: 100%; background-color: #464646; } #catapult-cookie-bar a { color: #fff; } button#catapultCookie { background: #fff; color: #000; border: 0; padding: 6px 9px; border-radius: 3px; } #catapult-cookie-bar h3 { color: #ddd; } .has-cookie-bar #catapult-cookie-bar { font-size: 14px; text-align: left; opacity: 1; max-height: 999px; min-height: 30px; padding: 15px 20px 15px; z-index: 1000000; } #catapult-cookie-bar .ctcc-inner { display: flex; } #catapult-cookie-bar .ctcc-right-side { float: right; } .cookie-bar-bar button#catapultCookie { margin: 0 0 0 20px; padding: 10px 20px; font-size: 17px; } .ow_custom_top_menu > .links .has-submenu .links li { background: white; } .ow_custom_top_menu > .links .has-submenu .links li:hover, .ow_custom_top_menu > .links .has-submenu .links li:hover a, .ow_custom_top_menu > .links .has-submenu .links li a:hover { background: #333; color: white; } .ow_custom_top_menu > .links .has-submenu .links li a { color: #333; text-transform: uppercase; } .ow_custom_top_menu > .links > .has-submenu:hover > ul > li:first-child:before { border-color: transparent transparent white transparent; } .ow_custom_top_menu > .links > .has-submenu:hover > ul > li:first-child:hover:before { border-color: transparent transparent white transparent; } .single-post-container .postTitle h1 { color: #333 !important; } .single-post-container .blog-shop a.buy, form#customercareform .button { background-color: #00A1DE; } .single-post-container .postWrapper .postBookmarks > a:hover { background: #00A1DE; } .single-post-container .readmorearticles a:hover { color: #00A1DE; } .single-post-container .blog-shop h2, .single-post-container .blog-shop p.price, .single-post-container .blog-shop .price-box span, .posts-container .postTitle h2, .posts-container .postTitle h2 a { color: #00A1DE; } .posts-container .postWrapper .right-data a.aw-blog-read-more { background-color: #00A1DE; } form#customercareform .input-text:focus { border-color: #00A1DE !important; } .posts-container .postWrapper .right-data a.aw-blog-read-more:hover, form#customercareform .button:hover { text-decoration: none; -webkit-box-shadow: 0px 0px 15px 0px #00A1DE; -moz-box-shadow: 0px 0px 15px 0px #00A1DE; box-shadow: 0px 0px 15px 0px #00A1DE; } .single-post-container .readmorearticles a:before { background-image: url(https://www.ekfluidworks.com/skin/frontend/ultimo/fluidworks/images/continue.svg); } .single-post-container .blog-shop a.buy:hover { text-decoration: none; -webkit-box-shadow: 0px 0px 15px 0px #00A1DE; -moz-box-shadow: 0px 0px 15px 0px #00A1DE; box-shadow: 0px 0px 15px 0px #00A1DE; } body.firecheckout-index-index .firecheckout-set .form-list li input.input-text, body.firecheckout-index-index .firecheckout-set .form-list ul li input.input-text, body.firecheckout-index-index .firecheckout-set #coupon-code, body.firecheckout-index-index #order-comment, .firecheckout-set .form-list li select, .product-name h1, .product-name h2, .page-title h1, .page-title h2 { color: #333 !important; } .account-login h2, #opc-login h3, .fieldset .legend, .multiple-checkout .col2-set h2.legend, .info-set h2.legend { color: #333 !important; } .account-login form button[type="submit"], .account-login #login-form .button { background: #00A1DE; } .blog-banner-cont #mlb2-895424.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-embedSubmit button, .cms-promo .blog-banner-cont #mlb2-895424.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-embedSubmit button, .cms-specialoffers .blog-banner-cont #mlb2-895424.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-embedSubmit button { background: #00A1DE; } .blog-banner-cont #mlb2-895424.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-embedSubmit button:hover { -webkit-box-shadow: 0px 0px 15px 0px #00A1DE; -moz-box-shadow: 0px 0px 15px 0px #00A1DE; box-shadow: 0px 0px 15px 0px #00A1DE; } .blog-index-list .blog-banner-cont #mlb2-895424.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-checkboxRow input[type="checkbox"]:checked ~ div.label-description:before, .cms-promo .blog-banner-cont #mlb2-895424.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-checkboxRow input[type="checkbox"]:checked ~ div.label-description:before, .cms-specialoffers .blog-banner-cont #mlb2-895424.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-checkboxRow input[type="checkbox"]:checked ~ div.label-description:before, .accordion .accordion-item .question.active:before { border-color: #00A1DE; } .blog-index-list .blog-banner-cont #mlb2-895424.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-checkboxRow input[type="checkbox"]:checked ~ div.label-description:after, .cms-promo .blog-banner-cont #mlb2-895424.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-checkboxRow input[type="checkbox"]:checked ~ div.label-description:after, .cms-specialoffers .blog-banner-cont #mlb2-895424.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-checkboxRow input[type="checkbox"]:checked ~ div.label-description:after, .accordion .accordion-item .question.active:after { background: #00A1DE; } .account-login form button[type="submit"]:hover { -webkit-box-shadow: 0px 0px 15px 0px #00A1DE; -moz-box-shadow: 0px 0px 15px 0px #00A1DE; box-shadow: 0px 0px 15px 0px #00A1DE; } .extrahint-wrapper .product-pricing, .addresses-list .addresses-primary .item, .order-info-box, .advanced-search-summary, .opc .gift-messages-form { background-color: #f5f5f5; } ::-moz-selection { /* Code for Firefox */ background: #00A1DE; } ::selection { background: #00A1DE; } table.pageTable thead tr th { background: #00A1DE; color: #fff; padding: 3px 5px; border-right: 1px solid #00c4de; } table.pageTable tbody tr td { color: #333; } .product-view.nested-container { position: relative; margin-bottom: 70px; } .product-image-wrapper { transition: none; -moz-transition: none; -webkit-transition: none; -o-transition: none; } #shopping-cart-table .btn-continue { background-image: url(https://www.ekfluidworks.com/skin/frontend/ultimo/fluidworks/images/continue.svg); } #shopping-cart-table button.button.btn-empty.btn-inline::before { background: url(https://www.ekfluidworks.com/skin/frontend/ultimo/fluidworks/images/empty.svg) no-repeat center center; } #shopping-cart-table .btn-update::before { background: url(https://www.ekfluidworks.com/skin/frontend/ultimo/fluidworks/images/update.svg) center center no-repeat; } .catalog-product-view .options-list .price-notice, #configuration-summary .price-notice { display: none; } .my-account form input.input-text:focus, .my-account .form-list select:focus { border-color: #00a1de!important; } .my-account .buttons-set button[type="submit"], .rma-rma-order .inner-container .button, .rma-rma-index .inner-container .button { background-color: #00a1de; color: #fff; font-weight: bold; font-size: 20px; font-family: 'DINProBold'; box-sizing: border-box; padding: 15px 30px; } .my-account .buttons-set button[type="submit"] span, .rma-rma-order .inner-container .button span, .rma-rma-index .inner-container .button span { font-size: 18px; } .my-account .buttons-set button[type="submit"]:hover, .rma-rma-order .inner-container .button:hover, .rma-rma-index .inner-container .button:hover { -webkit-box-shadow: 0px 0px 15px 0px #00a1de; -moz-box-shadow: 0px 0px 15px 0px #00a1de; box-shadow: 0px 0px 15px 0px #00a1de; color: #fff; } .my-account form input[type="checkbox"]:checked ~ label:after, .my-account form input[type="radio"]:checked ~ label:after, [class*="rma-rma-"] form input[type="checkbox"]:checked ~ label:after, [class*="rma-rma-"] form input[type="radio"]:checked ~ label:after { background: #00a1de; } .my-account form input[type="checkbox"]:checked ~ label:before, .my-account form input[type="radio"]:checked ~ label:before, [class*="rma-rma-"] form input[type="checkbox"]:checked ~ label:before, [class*="rma-rma-"] form input[type="radio"]:checked ~ label:before { border-color: #00a1de; } /*News and blog changes DIG-4493*/ /*Add [class*="blog-"] class to insulate */ /*changes for listing page*/ [class*="blog-"] .nav-container { background-color: black; } .blog-banner-cont .blog-banner { background: url(https://www.ekfluidworks.com/skin/frontend/ultimo/fluidworks/images/blocks/ekfw_blog_listing_banner.png) no-repeat; background-position: bottom 0px right -10px; background-size: contain; } .blog-index-list .main-container, .cms-promo .main-container, .cms-specialoffers .main-container{ background:white; } [class*="blog-"] #mlb2-895424.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-embedContent h4, [class*="blog-"] #mlb2-895424.ml-form-embedContainer .ml-form-embedWrapper .ml-form-successBody .ml-form-successContent h4{ color: black; } .single-post-container .blog-shop h2, .single-post-container .blog-shop p.price, .single-post-container .blog-shop .price-box span, .posts-container .postTitle h2, .posts-container .postTitle h2 a{ color: black; text-transform: none; } [class*="blog-"] .postContent.std{ display: flex; flex-direction: column; flex-grow: 1; margin: 0; } .posts-container .postWrapper .right-data .postContent.std{ color: black; font-family: DINProRegular!important; } .posts-container .postWrapper .right-data a.aw-blog-read-more{ margin-top: auto; } .blog-title{ color: white; margin-bottom: 20px; text-align: left; } input.form-control::placeholder{ color: black; } .blog-banner-cont #mlb2-895424.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-fieldRow input{ padding: 13px 20px; } .blog-banner-cont #mlb2-895424.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-fieldRow input::placeholder{ color: white; } /*changes for news detail page*/ .blog-post-view .main-container{ background: white; } .single-post-container .postTitle h1{ color: black !important; font-size: 36px; font-family: DINProBlack!important; letter-spacing: 0; line-height: 46px; } .single-post-container .postWrapper .postBookmarks > a span{ color:white; } .single-post-container .postWrapper .postBookmarks > a{ background: black; } .single-post-container .postWrapper .postContent p > a { color: #00a1de; } /*TODO:Change image color ih PS*/ .single-post-container .readmorearticles a:before { background-image: url(https://www.ekfluidworks.com/skin/frontend/ultimo/fluidworks/images/icons/continue.svg); } /*TODO:Check why input was floated right */ [class*="blog-"] .blog-banner #mlb2-895424.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-fieldRow input{ width: 100%; } [class*="blog-"] .blog-banner #mlb2-895424.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody form{ float: none; } [class*="blog-"] .blog-banner #mlb2-895424 form.ml-block-form .relative{ padding-right: 0; } .blog-index-list .blog-banner-cont #mlb2-895424.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-checkboxRow input[type="checkbox"] ~ div.label-description:after{ position: absolute; left: 0; top: 0; width: 18px; height: 18px; box-sizing: border-box; border: 2px solid #fff; content: ''; z-index: 1; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; } /*BLOCKS*/ .fw-work-top {position: relative;} .fw-work-top .fwt-img img {width: 100%;} .fw-work-top .fwt-img .fwt-img-mobile {display: none;} .fw-work-top .fwt-text { max-width: 770px; padding: 2rem 0; } .fw-work-top .fwt-text h2 {text-transform: uppercase;} .fw-work-top .fwt-text h2 span { font-family: DINProBlack!important; font-size: 36px; font-weight: 900; line-height: 46px; } .fw-work-top .fwt-text h2 div { display: inline-block; padding: 0 3px; color: #00a1de; } .fw-work-top .fwt-text p { color: #838383; font-size: 18px; max-width: 450px; } .fw-work-top .fwt-text-wrapper { position: absolute; width: 100%; left: 0; bottom: 0; } .fw-time { text-align: left; } .fw-time * { box-sizing: border-box; } .fw-time .fw-time-inner { padding: 10px 0 0 5px; } .fw-time .fw-time-row { display: block; text-align: left; border-left: 2px solid #979797; padding-top: 10px; } .fw-time .fw-time-row .fw-time-item-num { border-left: 8px solid #00a1de; margin-left: -5px; position: relative; } .fw-time .fw-time-row .fw-time-item p { margin: 0; font-size: 14px; color: #000; } .fw-time .fw-time-row .fw-time-item-num { padding: 0 15px 0 26px } .fw-time .fw-time-row .fw-time-item-text { padding: 5px 15px 15px 30px; } .fw-time .fw-time-row .fw-time-item-num div { font-size: 30px; font-weight: bold; font-family: DINProBlack!important; } .product-read-more { top: auto; } .toolbar-promo .toolbar-promo-table img { height: 40px; margin-top: 5px; } .toolbar-promo .button-toolbar-promo { background-color: #00a1de; } .toolbar-promo .button-toolbar-promo:hover { background-color: #00a1de; -webkit-box-shadow: 0px 0px 15px 0px rgba(0,161,222,1); -moz-box-shadow: 0px 0px 15px 0px rgba(0,161,222,1); box-shadow: 0px 0px 15px 0px rgba(0,161,222,1); } .toolbar-promo.toolbar-promo-white { background: #fff!important; border-bottom: none!important; } .toolbar-promo.toolbar-promo-white .toolbar-promo-inner { padding-left: 0!important; } .toolbar-promo.toolbar-promo-white .toolbar-promo-left { width: calc(50% - 30px)!important; margin-right: 30px!important; } .toolbar-promo.toolbar-promo-white .toolbar-promo-right { width: 50%!important; } .toolbar-promo.toolbar-promo-white * { color: #000!important; font-size: 14px!important; line-height: 18px!important; font-weight: 400!important; } .toolbar-promo.toolbar-promo-white strong { font-weight: 900!important; } .toolbar-promo.toolbar-promo-white .countdown { margin-right: 30px!important; line-height: 23px!important; } .toolbar-promo.toolbar-promo-white a { text-transform: initial!important; display: initial!important; width: initial!important; margin: initial!important; font-size: initial!important; padding: initial!important; background-color: initial!important; } .toolbar-promo.toolbar-promo-white .countdown * { font-size: 18px!important; line-height: 23px!important; } .toolbar-promo.toolbar-promo-white .countdown span.seconds { width: 23px; height: 23px; } .toolbar-promo.toolbar-promo-white .countdown span.seconds span { visibility: visible!important; } .toolbar-promo.toolbar-promo-white a { color: #00a1de!important; font-weight: 900!important; line-height: 27px!important; margin-right: 10px!important; } .toolbar-promo.toolbar-promo-white a:hover { text-decoration: underline!important; } .product-view .product-options dd .input-box.has-qty { width: 74%; float: left; margin-right: 2%; } .product-options dd .qty-holder.select-qty { width: 23%; float: left; height: 50px; padding: 0; } .product-options dd .qty-holder.select-qty .input-text { width: 100% !important; height: 100%; } .product-options dd .qty-holder.select-qty label { display: none; } .rm-option-disabled { background: rgba(255, 255, 255, .7); opacity: .5; } .catalog-product-view .cpu-select li.rm-option-disabled label { cursor: auto; } @media only screen and (max-width: 1215px) { .toolbar-promo.toolbar-promo-white .toolbar-promo-inner { padding-left: 15px!important; } } @media only screen and (max-width: 767px) { .toolbar-promo.toolbar-promo-white .toolbar-promo-inner { padding-left: 0!important; } } @media only screen and (max-width: 500px) { .toolbar-promo.toolbar-promo-white .countdown { margin-top: 0!important; } .toolbar-promo.toolbar-promo-white a { display: inline-block!important; margin-right: 0!important; } .toolbar-promo.toolbar-promo-white .toolbar-promo-left { width: calc(100% - 120px)!important; margin-right: 10px!important; } .toolbar-promo.toolbar-promo-white .toolbar-promo-right { width: 110px!important; } } @media only screen and (max-width: 350px) { .toolbar-promo .container { padding: 0!important; } } .conf-base-description, #configuration-summary { border-bottom: 1px solid #838383; margin-bottom: 10px; padding-bottom: 10px; } .fancybox-button svg { color: #00a1de; } .product-view .description h3 { font-size: 15px; } .product-view .description h3.conf-description-title { font-size: 18px; } @media only screen and (min-width: 1750px) { .product-view .product-primary-column { width: 47%; } } @media (max-width: 1300px) { .line-top-banner .slick-arrow.slick-next { right: 3px; } .line-top-banner .slick-arrow.slick-prev { margin-left: 0; left: 3px; } } @media (max-width: 1200px) { /*video*/ #homepage_video .heroVideoContent h2, #homepage_video.landing-cont .heroVideoContent h2 { font-size: 36px; } #homepage_video.landing-cont .counter-landing { margin: 10px 0!important; } #homepage_video.landing-cont .grid12-8 { width: 100%; } #homepage_video .heroVideoContent p { font-size: 16px; } #homepage_video .heroVideoContent span img { max-width: 115px; } } @media only screen and (min-width: 1025px) { .ow_custom_top_menu > .links .has-submenu .links li:hover a { background: #00A0DF; } .ow_custom_top_menu > .links > .has-submenu:hover > ul > li:first-child:before { border-color: transparent transparent #AFAFAF transparent; } .ow_custom_top_menu > .links .has-submenu .links li a { color: #fff; background: #AFAFAF; } .ow_custom_top_menu > .links > .has-submenu:hover > ul > li:first-child:hover:before { border-color: transparent transparent #00A0DF transparent; } .product-image-wrapper { position: relative; } } @media (max-width: 1024px) { .ow_custom_top_menu .links { width: 100%; float: none; } .ow_custom_top_menu > .links .has-submenu .links, .ow_custom_top_menu > .links .has-submenu .links { left: 0 !important; transform: translateX(0); padding: 0; margin-bottom: 0; } .ow_custom_top_menu > .links .has-submenu .links li { background: #333; } .ow_custom_top_menu > .links .has-submenu .links li a { color: #fff; font-size: 14px; line-height: 1.2; } #product_addtocart_form .product-primary-column { order: 0 !important; width: 98% !important; } .catalog-product-view .product-image-wrapper { width: 98% !important; padding: 0; } /*creator line*/ .line-top-banner .slick-arrow { background-size: contain; height: 36px; } .models-section .models-slick .models-slick-item:first-child, .models-section .models-slick .models-slick-item:last-child, .models-section .models-slick-bottom .model-slick-bottom-item:first-child, .models-section .models-slick-bottom .model-slick-bottom-item:last-child { padding: 20px; } } @media (max-width: 960px) { #homepage_video.landing-cont { text-align: center; } #homepage_video.landing-cont #mlb2-4855205.ml-form-embedContainer { margin: 0 auto!important; } .product-view-main-image .main.container { width: 100%; padding: 0 15px; box-sizing: border-box; } } @media (max-width: 860px) { /*creator line*/ .line-top-banner { padding: 0 20px; } .line-top-banner .slick-arrow { height: 23px; } .line-top-banner .slick-arrow.slick-prev { left: 0; } .line-top-banner .slick-arrow.slick-next { right: 0; } /*Blocks*/ .fw-work-top .fwt-img .fwt-img-mobile {display: block;} .fw-work-top .fwt-img .fwt-img-desktop {display: none;} .fw-work-top .fwt-text-wrapper {position: relative;} } @media (max-width: 767px) { /*video*/ #homepage_video .heroVideoContent span img { right: auto; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); max-width: 85px; } #homepage_video .heroVideoContent h2 { } #homepage_video .image-video-overlay img { width: 100%; max-width: 100%; } #homepage_video .heroVideoContent p { } /*configurator*/ .catalog-product-view .product-image-top-content .product-name h1 { font-size: 18px !important; } .catalog-product-view .price-as-configured .full-product-price { font-size: 20px; } .catalog-product-view .product-line li label { padding: 10px; } .catalog-product-view .product-line li label h4 { font-size: 14px; line-height: 1.1; } .product-read-more { display: block; } #gsSectionEight { width: 90%; } /*account*/ .account-login form button[type="submit"] span, [class*="rma-rma-"] .ow-main .main-container .button, .block-account a.logout { font-size: 18px; } #homepage_video.landing-cont .image-video-overlay video { object-fit: cover!important; } .landing-cont #fullWidthVideo { padding-top: 100%!important; } } @media (min-width: 640px) { .fw-time { text-align: center; } .fw-time .fw-time-inner { padding: 50px 0 10px; } .fw-time .fw-time-row { display: flex; border: none; padding-top: 0; } .fw-time .fw-time-row .fw-time-item { padding: 30px 0; display: flex; } .fw-time .fw-time-row .fw-time-item p { font-size: 16px; } .fw-time .fw-time-row .fw-time-item-num { border-left: none; margin-left: 0; } .fw-time .fw-time-row .fw-time-item-num div { font-size: 36px; } .fw-time .fw-time-row .fw-time-item > * { align-self: center; } .fw-time .fw-time-row-first .fw-time-item-text, .fw-time .fw-time-row-second .fw-time-item-num { border-left: 2px solid #979797; } .fw-time .fw-time-row-first .fw-time-item-num div { border-right: 8px solid #00a1de; width: 100%; text-align: right; position: relative; -webkit-transform: translateX(5px); transform: translateX(5px); padding-right: 1rem; } .fw-time .fw-time-row-second .fw-time-item-num div { display: block; border-left: 8px solid #00a1de; width: 100%; text-align: left; position: relative; -webkit-transform: translateX(-5px); transform: translateX(-5px); padding-left: 1rem; } .fw-time .fw-time-row-first .fw-time-item-text p { padding-left: 1.5rem; } .fw-time .fw-time-row-second .fw-time-item-text p { padding-right: 1.5rem; text-align: right; } .fw-time .fw-time-row-second .fw-time-item-text{ order: -1; } .fw-time .fw-time-item { width: 50%; } } @media (max-width: 640px) { .fw-btn { font-size: 20px; padding: 10px 40px; } /*404*/ .cms-index-noroute .main h1 { font-size: 36px; } .cms-index-noroute .main p { font-size: 18px; } #homepage_video .heroVideoContent h2 { font-size: 18px!important; } #homepage_video.landing-cont .heroVideoContent h2 { font-size: 36px!important; } #homepage_video .heroVideoContent p { display: none; } #homepage_video.landing-cont .heroVideoContent p { display: block; font-size: 18px!important; line-height: 23px!important; } #homepage_video.landing-cont #mlb2-4855205.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-checkboxRow label a { font-size: 18px!important; } #homepage_video.landing-cont .counter-landing { margin-top: 40px!important; } .landing-cont #mlb2-4855205.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .relative > div { width: 100%!important; margin: 0 0 10px 0!important; float: none!important; } .landing-cont #mlb2-4855205.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-embedSubmit button { margin-left: 0!important; } .landing-cont .ml-form-checkboxRow { width: initial!important; } .landing-cont #mlb2-4855205.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-fieldRow input { text-align: center!important; } .landing-cont #mlb2-4855205.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-checkboxRow label { text-align: center; } .landing-cont #mlb2-4855205.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-checkboxRow .label-description { display: inline-block!important; } .landing-cont #fullWidthVideo { padding-top: 600px!important; } #homepage_video.landing-cont .heroVideoContent h2 { line-height: 32px!important; } } .custom-checkbox { display: none !important; } .custom-checkbox ~ label { position: relative; padding-left: 29px; font-family: 'DINProRegular'; font-weight: normal; font-size: 14px; line-height: 18px; float: none; } .custom-checkbox ~ label:before { position: absolute; left: 0; top: 0; width: 18px; height: 18px; box-sizing: border-box; border: 2px solid #979797; content: ''; z-index: 1; } .custom-checkbox:checked ~ label:before { border-color: #00a1de; } .custom-checkbox:checked ~ label:after { position: absolute; left: 4px; top: 4px; width: 10px; height: 10px; box-sizing: border-box; background: #00a1de; content: ''; z-index: 2; border: none; } .contact-form-container { color: #000; padding: 12px 0 130px 12px; position: relative; } .contact-form-container .form-banner { position: absolute; right: 0; top: 50%; transform: translateY(-50%); } @media (max-width: 1024px){ .contact-form-container .form-banner { display: none; } } .contact-form-container .customer-care { display: block; max-width: 433px; } .contact-form-container .customer-care input.input-text { height: 32px; } .contact-form-container .customer-care .input-box.product-type { position: relative; top: -3px; } .contact-form-container .customer-care .input-box.product-type b { font-weight: normal; } .contact-form-container .customer-care .series-type { margin: 0; } .contact-form-container .customer-care .series-type li { margin-top: 3px; } .contact-form-container .customer-care .series-type li:last-child { margin: 13px 0 2px 0; } .contact-form-container .customer-care #customercareform textarea.input-text { height: 11em; padding-top: 12px !important; } .contact-form-container .customer-care #customercareform button.button { margin-top: 0; padding: 6px; font-size: 16px; font-family: 'DINProBold' !important; } .contact-form-container h1 { margin-bottom: 37px; text-indent: -3px; font-family: DINProBlack!important; } .contact-form-container h3 { font-family: 'DINProBold' !important; font-size: 16px; text-transform: none; margin-bottom: 24px; } .contact-form-container p.required { font-size: 14px; margin-bottom: 2px; } .ow_custom_top_menu>.links>li.resources-menu .links { width: 148px; left: -7px; } @media (max-width: 1024px){ .ow_custom_top_menu>.links>li.resources-menu .links { width: 100%; } .ow_custom_top_menu > .links .resources-menu.has-submenu .links li a { background: #333; } } @media only screen and (max-width: 1024px) { .mini-cart .mini-cart-content .actions > button:not(.btn-checkout) { border-color: #00a1de; } .mini-cart .mini-cart-content .actions > button { background-color: #00a1de; } } @media (min-width: 1025px) { .ow_custom_top_menu>.links>li.ask-an-expert { position: absolute; right: -50px; top: 17px; } .ow_custom_top_menu>.links>li.ask-an-expert a { display: block; background: #00A0DF; color: #fff; font-family: 'DINProBold'; font-size: 14px; text-transform: none; height: 34px; line-height: 34px; width: 137px; } } .cms-ask-an-expert .messages .success-msg span { color: #00a1de; } #homepage_video.landing-cont a { text-transform: initial; display: initial; width: initial; margin: initial; font-size: initial; padding: initial; background-color: initial; } #homepage_video.landing-cont .heroVideoContent h2 { margin-bottom: 10px; font-size: 48px; line-height: 56px; } #homepage_video.landing-cont .heroVideoContent p { font-size: 24px; line-height: 31px; color: #d4d4d4; margin-bottom: 28px; } #homepage_video.landing-cont .counter-landing { margin: 50px 0 40px; } #homepage_video.landing-cont .counter-landing * { font-size: 48px!important; line-height: 56px!important; color: #fff; } .landing-cont .ml-subscribe-form { width: 100%; max-width: 450px; margin: 0!important; } .landing-cont #mlb2-4855205.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody form { float: none; } .landing-cont #mlb2-4855205.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-embedContent p { font-family: 'DINProRegular'; font-size: 18px; letter-spacing: 0; line-height: 23px; } .landing-cont #mlb2-4855205.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-fieldRow input { border: 2px solid #FFFFFF; color: #FFFFFF!important; font-family: "DINProRegular"; font-size: 14px; letter-spacing: 0; display: block; width: 100%; height: 40px; line-height: 38px; padding: 0 15px; background-color: transparent; box-sizing: border-box; } .landing-cont #mlb2-4855205.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-fieldRow input::placeholder { color: #fff!important; } .landing-cont #mlb2-4855205.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-checkboxRow label p { font-family: 'DINProRegular'; font-size: 12px; letter-spacing: 0; line-height: 15px; display: block; margin: 0; } .landing-cont #mlb2-4855205.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-checkboxRow label p a { color: #fff; font-size: 12px; text-decoration: underline; } .landing-cont #mlb2-4855205.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-error .label-description a { padding-right: 20px!important; } .landing-cont #mlb2-4855205.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-embedSubmit { position: relative; top: initial; right: initial; left: -10px; } .landing-cont #mlb2-4855205.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-embedSubmit button { background: #00a1de; font-family: "DINProRegular"; font-size: 18px!important; font-weight: 300; height: auto; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; width: 100%; display: block; text-transform: unset!important; padding: 0; margin: 0; line-height: 40px; box-sizing: border-box; max-width: 100%; cursor: pointer; margin-left: 10px; border: none; float: left; } .landing-cont #mlb2-4855205.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-embedSubmit button:after { content: none!important; } .landing-cont #mlb2-4855205.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-embedSubmit button:hover { -webkit-box-shadow: 0px 0px 15px 0px rgba(0,161,222,1); -moz-box-shadow: 0px 0px 15px 0px rgba(0,161,222,1); box-shadow: 0px 0px 15px 0px rgba(0,161,222,1); } .landing-cont #mlb2-4855205.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-checkboxRow { margin: 5px 0 0 0; } .landing-cont #mlb2-4855205.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .relative { width: 100%; padding: 0; display: table; } .landing-cont #mlb2-4855205.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .relative > div { width: 50%; float: left; position: static; } .landing-cont #mlb2-4855205.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-checkboxRow .label-description { padding-left: 30px; margin-top: 15px; color: #fff; display: block; font-size: 12px; text-align: left; } .landing-cont #mlb2-4855205.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-checkboxRow .label-description:before { top: 2px; border: 1px solid #fff; border-radius: 4px; } .landing-cont #mlb2-4855205.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-checkboxRow .custom-checkbox:checked ~ label:before { border-color: #00a1de; } .landing-cont #mlb2-4855205.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-checkboxRow .custom-checkbox:checked ~ label:after { position: absolute; left: 4px; top: 6px; width: 10px; height: 10px; box-sizing: border-box; background: #00a1de; content: ''; z-index: 2; border: none; border-radius: 2px; } .landing-cont #mlb2-4855205.ml-form-embedContainer .ml-form-successContent h4, .landing-cont #mlb2-4855205.ml-form-embedContainer .ml-form-successContent p { color: #fff!important; } .landing-cont #mlb2-4855205.ml-form-embedContainer .ml-form-successContent p { font-size: 18px!important; line-height: 22px!important; margin-bottom: 10px!important; } /*.laandingsc21 .footer-top {*/ /* display: none!important;*/ /*}*/ .firecheckout-window .buttons-set .button { background: #00a1de!important; } .firecheckout-window .buttons-set .button:hover { background-color: #00a1de !important; -webkit-box-shadow: 0px 0px 15px 0px #00a1de; -moz-box-shadow: 0px 0px 15px 0px #00a1de; box-shadow: 0px 0px 15px 0px #00a1de; } .firecheckout-window .buttons-set a, [class*="rma-rma-"] .buttons-set a { color: #00a1de; } .firecheckout-window .buttons-set a:hover, [class*="rma-rma-"] .buttons-set a:hover { color: #00a1de; } #firecheckout-forgot-window .form-list input.input-text, #firecheckout-login-window .form-list input.input-text { color: #333!important; } body input:-internal-autofill-selected, body input:-webkit-autofill, body input:-webkit-autofill:hover, body input:-webkit-autofill:focus, body input:-webkit-autofill:active, body select:-internal-autofill-selected, body select:-webkit-autofill, body select:-webkit-autofill:hover, body select:-webkit-autofill:focus, body select:-webkit-autofill:active { -webkit-text-fill-color: #333; -webkit-box-shadow: 0 0 0px 1000px #fff inset!important; } /* DIG-5165 SC21 Landing */ .sc21-landing-page .bgDark, .sc21-landing-page .bgWhite, .sc21-landing-page .bgGrey { background: #272727; width: 100vw !important; margin-left: -50vw !important; margin-right: -50vw !important; position: relative; left: 50% !important; right: 50% !important; padding: 90px 0 160px; } .sc21-landing-page .bgDark * { color: #fff; } .sc21-landing-page .fw-btn { padding: 8px 47px!important; color: #fff; background-color: #00a1de!important; font-weight: bold; font-size: 16px!important; display: inline-block!important; font-family: 'DINProBold'; -webkit-transition: all .3s; transition: all .3s; letter-spacing: 0; line-height: 21px!important; text-align: center; width: auto; border: 2px #00a1de solid; } .sc21-landing-page .fw-btn.btn-blank { background: transparent!important; margin-right: 12px!important; } .sc21-landing-page .fullWidthVideo-cont { height: 735px; } .sc21-landing-page .heroVideoContent h2 { margin-bottom: 30px!important; } .sc21-landing-page .heroVideoContent p { margin-bottom: 12px!important; } .sc21-landing-page .heroVideoContent p.date { color: #00a1de!important; } .sc21-landing-page .buttons { display: table; width: 100%; padding-top: 40px; } .sc21-landing-page .inner-container { display: flex; align-items: center; } .sc21-landing-page .bgDark h2, .sc21-landing-page .bgDark h3 { font-family: "DINProMedium"!important; font-size: 36px!important; line-height: 46px!important; color: #fff; } .sc21-landing-page .bgDark h2:after { content: none!important; } .sc21-landing-page .bgDark h3 { font-family: "DINProBold"!important; font-size: 24px!important; line-height: 31px!important; text-transform: initial!important; } .sc21-landing-page .bgDark p { color: #b5b5b5!important; line-height: 21px!important; font-size: 16px!important; margin-bottom: 30px!important; } .sc21-landing-page .bgDark #tabs-div > ul { display: flex; justify-content: space-between; padding-bottom: 20px; margin-bottom: 130px; position: relative; border-bottom: 2px solid #c4c4c4; } .sc21-landing-page .bgDark #tabs-div > ul:after { content: ''; height: 20px; width: 100%; display: block; position: absolute; bottom: -10px; } .sc21-landing-page .bgDark #tabs-div > ul li a { font-size: 21px!important; line-height: 27px!important; font-family: "DINProRegular"!important; position: relative; padding: 5px 40px; white-space: nowrap; } .sc21-landing-page .bgDark #tabs-div > ul li.active a:after { content: ""; background: #00a1de; height: 11px; position: absolute; bottom: -21px; left: 50%; transform: translateX(-50%); width: 100%; z-index: 1; } .sc21-landing-page .bgDark #tabs-div > div * { text-align: left; } .sc21-landing-page .bgDark #tabs-div > div ul { list-style: disc outside; } .sc21-landing-page .bgDark #tabs-div > div ul li { color: #b5b5b5!important; margin-bottom: 5px; margin-left: 30px; } .sc21-landing-page .bgDark #tabs-div > div .grid12-6:first-child, .sc21-landing-page .bgWhite .grid12-6:first-child, .sc21-landing-page .bgGrey .grid12-6:first-child { padding-right: 50px; box-sizing: border-box; } .sc21-landing-page .bgDark #tabs-div > div .grid12-6:last-child, .sc21-landing-page .bgWhite .grid12-6:last-child, .sc21-landing-page .bgGrey .grid12-6:last-child { padding-left: 50px; box-sizing: border-box; } .sc21-landing-page .bgDark #tabs-div .inner-container { margin: 0; padding: 0; } .sc21-landing-page .bgDark #tabs-div .inner-container .grid12-6:first-child{ margin-left: 0; } .sc21-landing-page .bgDark #tabs-div .inner-container .grid12-6:last-child{ margin-right: 0; } .sc21-landing-page .mlform-container { width: 100%; max-width: 370px; margin: 0 auto; } .sc21-landing-page .mlform-container input, .sc21-landing-page .mlform-container textarea { border: 2px solid #FFFFFF; color: #FFFFFF!important; font-family: "DINProRegular"; font-size: 14px; letter-spacing: 0; display: block; width: 100%; height: 40px; line-height: 21px; padding: 5px 15px; background-color: transparent!important; box-sizing: border-box; margin-bottom: 10px; } .sc21-landing-page .mlform-container input:-webkit-autofill, .sc21-landing-page .mlform-container textarea:-webkit-autofill { -webkit-text-fill-color: #fff!important; -webkit-box-shadow: 0 0 0px 1000px transparent inset!important; } .sc21-landing-page .mlform-container textarea { height: 125px!important; } .sc21-landing-page .mlform-container input::placeholder, .sc21-landing-page .mlform-container textarea::placeholder { color: #c4c4c4!important; } .sc21-landing-page .mlform-container input[type="checkbox"] { display: none; } .sc21-landing-page .mlform-container input[type="checkbox"] + .label-description { position: relative; padding-left: 29px; font-family: 'DINProRegular'; font-weight: normal; font-size: 14px; line-height: 18px; float: none; color: #fff; display: block; text-align: left; margin: 15px 0 0 0; } .sc21-landing-page .mlform-container input[type="checkbox"] + .label-description:before { position: absolute; left: 0; top: 0; width: 18px; height: 18px; box-sizing: border-box; border: 2px solid #fff; content: ''; z-index: 1; } .sc21-landing-page .mlform-container .ml-form-embedSubmit + .ml-form-checkboxRow .label-description p { color: #919191; font-size: 12px!important; line-height: 15px!important; } .sc21-landing-page .mlform-container .ml-form-embedSubmit + .ml-form-checkboxRow .label-description p a { color: #919191!important; text-decoration: underline!important; font-size: inherit!important; } .sc21-landing-page .mlform-container .ml-form-embedSubmit + .ml-form-checkboxRow .label-description p a:hover { color: #00a1de!important; } .sc21-landing-page .mlform-container .ml-form-embedSubmit + .ml-form-checkboxRow .label-description:before { border: 1px solid #919191; top: 2px; } .sc21-landing-page .mlform-container input[type="checkbox"]:checked + .label-description:before { border-color: #00a1de; background: #00a1de; } .sc21-landing-page .mlform-container button[type="submit"] { padding: 8px 47px!important; color: #fff; background-color: #00a1de!important; font-weight: bold; font-size: 16px!important; display: inline-block; font-family: 'DINProBold'; -webkit-transition: all .3s; transition: all .3s; letter-spacing: 0; line-height: 21px!important; border: 2px #00a1de solid; width: 100%; text-align: center!important; cursor: pointer; margin-top: 20px; } .sc21-landing-page .mlform-container button[type="submit"]:hover { -webkit-box-shadow: 0px 0px 15px 0px #00a1de; -moz-box-shadow: 0px 0px 15px 0px #00a1de; box-shadow: 0px 0px 15px 0px #00a1de; color: #fff; } .sc21-landing-page .bgWhite, .sc21-landing-page .bgGrey { background: #fff; padding: 160px 0 220px; } .sc21-landing-page .bgGrey { background: #f4f4f4; } .sc21-landing-page .bgWhite p, .sc21-landing-page .bgGrey p { color: #000!important; line-height: 21px!important; font-size: 16px!important; margin-bottom: 30px!important; } .sc21-landing-page .bgWhite h3, .sc21-landing-page .bgGrey h3 { text-align: left!important; font-family: "DINProBold"!important; font-size: 24px!important; line-height: 31px!important; text-transform: initial!important; color: #000!important; } @media (max-width: 1046px) { .sc21-landing-page .bgDark #tabs-div > ul { border: none; width: 100%; overflow-x: scroll; overflow-y: hidden; display: flex; flex-wrap: nowrap; -ms-overflow-style: none; /* IE and Edge */ scrollbar-width: none; /* Firefox */ padding-bottom: 2px; } .sc21-landing-page .bgDark #tabs-div > ul::-webkit-scrollbar { display: none; } .sc21-landing-page .bgDark #tabs-div > ul li { border-bottom: 2px solid #c4c4c4; margin: 0 0 5px; padding-right: 20px; padding-bottom: 20px; } .sc21-landing-page .bgDark #tabs-div > ul li:last-child { padding-right: 0; } } @media (max-width: 980px) { .sc21-landing-page .bgDark #tabs-div > ul li a { padding: 5px 26px; } } @media (max-width: 960px) { .sc21-landing-page h2, .sc21-landing-page h3, .sc21-landing-page p, .sc21-landing-page div { text-align: left!important; } .sc21-landing-page .bgDark #tabs-div > div .grid12-6:first-child, .sc21-landing-page .bgWhite .grid12-6:first-child, .sc21-landing-page .bgGrey .grid12-6:first-child { padding-right: 0; } .sc21-landing-page .bgDark #tabs-div > div .grid12-6:last-child, .sc21-landing-page .bgWhite .grid12-6:last-child, .sc21-landing-page .bgGrey .grid12-6:last-child { padding-left: 0; } } @media (max-width: 880px) { .sc21-landing-page .bgDark #tabs-div > ul li a { padding: 5px 13px; } } @media (max-width: 850px) { .sc21-landing-page .bgDark #tabs-div > ul { margin-bottom: 50px; } .sc21-landing-page .bgDark, .sc21-landing-page .bgWhite, .sc21-landing-page .bgGrey { padding: 50px 0; } .sc21-landing-page .bgDark h2 { margin-bottom: 20px!important; } } @media (max-width: 780px) { .sc21-landing-page .bgDark #tabs-div > ul li a { padding: 5px 2px; } } @media (max-width: 740px) { .sc21-landing-page .bgDark #tabs-div > ul li a { font-size: 16px!important; line-height: 21px!important; white-space: nowrap; padding: 5px 10px; } } @media (max-width: 640px) { .sc21-landing-page .bgDark #tabs-div > ul li a { padding: 5px 0; } } @media (max-width: 600px) { .sc21-landing-page .fullWidthVideo-cont { height: 600px; display: flex; } .sc21-landing-page .fullWidthVideo-cont #fullWidthVideoWrapper { width: initial; } .sc21-landing-page .fullWidthVideo-cont .heroVideoContent, .sc21-landing-page .fullWidthVideo-cont .heroVideoContent .container, .sc21-landing-page .fullWidthVideo-cont .heroVideoContent .container .inner-container { display: flex; } .sc21-landing-page .fullWidthVideo-cont .heroVideoContent { position: relative!important; } .sc21-landing-page .fullWidthVideo-cont .heroVideoContent .container .inner-container { margin: 40px 0 50px; } .sc21-landing-page .fullWidthVideo-cont .heroVideoContent .container .inner-container .grid12-8 { display: flex; flex-direction: column; justify-content: space-between; height: 100%; } .sc21-landing-page .buttons { display: flex; column-gap: 5px; } .sc21-landing-page .buttons a{ margin: 0!important; padding-left: 0!important; padding-right: 5px!important; width: 50%!important; } .sc21-landing-page .fw-btn.btn-blank { margin-right: 0!important; } .sc21-landing-page .inner-container { display: block; } .sc21-landing-page .bgDark #tabs-div > ul { margin-bottom: 30px; } .sc21-landing-page .bgDark #tabs-div > ul li { line-height: 21px!important; font-size: 16px!important; } .sc21-landing-page .bgDark #tabs-div > ul li.active a:after { height: 7px; bottom: -19px; } .sc21-landing-page .bgDark h3, .sc21-landing-page .bgWhite h3, .sc21-landing-page .bgGrey h3 { font-size: 18px!important; line-height: 23px!important; } .sc21-landing-page .bgDark #tabs-div > div .grid12-6, .sc21-landing-page .bgWhite .grid12-6, .sc21-landing-page .bgGrey .grid12-6 { width: 100%!important; float: none!important; display: block; } .sc21-landing-page .bgDark #tabs-div > div .grid12-6:first-child, .sc21-landing-page .bgWhite .grid12-6:first-child, .sc21-landing-page .bgGrey .grid12-6:first-child { padding-bottom: 30px; } .sc21-landing-page .bgDark .fw-btn, .sc21-landing-page .bgWhite .fw-btn { display: block; } } @media (max-width: 560px) { .sc21-landing-page .bgDark #tabs-div > ul li { padding-right: 15px; padding-bottom: 20px; } .sc21-landing-page .bgDark #tabs-div > ul li:last-child { padding-right: 0; } } @media (max-width: 540px) { .sc21-landing-page .bgDark #tabs-div > ul li { padding-right: 30px; } .sc21-landing-page .bgDark #tabs-div > ul li:last-child { padding-right: 0; } } @media (max-width: 500px) { .sc21-landing-page .bgDark #tabs-div > ul li { padding-right: 20px; } .sc21-landing-page .bgDark #tabs-div > ul li:last-child { padding-right: 0; } } @media (max-width: 400px) { .sc21-landing-page .bgDark #tabs-div > ul li { padding-right: 15px; } .sc21-landing-page .bgDark #tabs-div > ul li:last-child { padding-right: 0; } } @media (max-width: 370px) { .sc21-landing-page .bgDark #tabs-div > ul li { padding-right: 50px; } .sc21-landing-page .bgDark #tabs-div > ul li:last-child { padding-right: 0; } } @media (max-width: 330px) { .sc21-landing-page .bgDark #tabs-div > ul li { padding-right: 50px; } .sc21-landing-page .bgDark #tabs-div > ul li:last-child { padding-right: 0; } } /* /DIG-5165 SC21 Landing */ /* DIG-5857 SEO Landing slider */ .fw-configuration { padding: 100px 0; } .fw-configuration h2 { margin-bottom: 40px; } .fw-configuration-slider .slick-list { overflow: unset; position: relative; margin: 0 -20px; } .fw-configuration-slider .slick-list:before { content: ''; top: 0; right: 100%; width: 55%; position: absolute; z-index: 1; height: 100%; background: linear-gradient(270deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0.5) 4%, rgba(255,255,255,0.5) 100%); } .fw-configuration-slider .slick-list:after { content: ''; top: 0; left: 100%; width: 55%; position: absolute; z-index: 1; height: 100%; background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0.5) 4%, rgba(255,255,255,0.5) 100%); } .fw-configuration-slider .slide-prev { background: url(https://www.ekfluidworks.com/skin/frontend/ultimo/fluidworks/images/arrow-right.png) center center no-repeat; position: absolute; width: 14px; height: 28px; z-index: 2; cursor: pointer; -webkit-transform: scaleX(-1); transform: scaleX(-1); left: -70px; top: 130px; } .fw-configuration-slider .slide-next { background: url(https://www.ekfluidworks.com/skin/frontend/ultimo/fluidworks/images/arrow-right.png) center center no-repeat; position: absolute; width: 14px; height: 28px; z-index: 2; cursor: pointer; right: -70px; top: 130px; } .fw-configuration-slider-item { margin: 0 20px; box-sizing: border-box; } .fw-configuration-slider-item .fw-configuration-slider-image { padding: 10%; background: #EBEBEB; } .fw-configuration-slider-item .fw-configuration-slider-image img { width: 100%; height: auto; display: block; margin: 0; } .fw-configuration-slider-item .fw-configuration-slider-title { text-align: center; border-bottom: 1px solid #979797; margin-bottom: 20px; padding-bottom: 20px; } .fw-configuration-slider-item .fw-configuration-slider-title h3 { font-family: 'DINProBlack'; color: #000000; font-size: 21px; font-weight: 900; letter-spacing: 0; line-height: 24px; text-transform: none; margin: 22px 0 1px 0; } .fw-configuration-slider-item .fw-configuration-slider-title span { color: #00A1DE; font-family: 'DINProRegular'; font-size: 16px; letter-spacing: 0; line-height: 17px; display: block; visibility: hidden; } .fw-configuration-slider-item .fw-configuration-slider-cont ul { padding-left: 20px; } .fw-configuration-slider-item .fw-configuration-slider-cont ul li { font-family: 'DINProRegular'; font-size: 14px; line-height: 20px; color: #000; margin-bottom: 5px; list-style-type: disc; } .fw-configuration-slider-item .fw-configuration-slider-btn { margin-top: 30px; } .fw-configuration-slider-item .fw-configuration-slider-btn .fw-btn { width: 100%; margin-bottom: 12px; box-sizing: border-box; } .models-specs-cont { padding: 0 40px; } .models-specs-cont * { text-align: left; } .models-specs-cont h3 { font-family: 'DINProBlack'; color: #000000; font-size: 36px; font-weight: 900; letter-spacing: 0; line-height: 39px; text-transform: none; margin: 22px 0 40px 0; } .models-specs-cont .fw-btn { margin-top: 40px; text-align: center; } .models-specs-cont .column > img { padding: 10%; background: #EBEBEB; } .models-specs-cont .column > span { color: #00A1DE; font-family: 'DINProRegular'; font-size: 16px; letter-spacing: 0; line-height: 17px; display: block; margin-bottom: 20px; } .models-specs-cont .row { display: flex; flex-direction: row; flex-wrap: wrap; width: 100%; gap: 40px; } .models-specs-cont .column { display: flex; flex-direction: column; flex-basis: 100%; flex: 1; } .models-specs-cont h2 { color: #000000; font-family: 'DINProBlack'; font-size: 36px; font-weight: 900; letter-spacing: 0; line-height: 46px; margin: 0 0 52px 0; } .models-specs-cont h4 { color: #000000; font-family: 'DINProBlack'; font-size: 24px; font-weight: 900; letter-spacing: 0; line-height: 31px; margin: 22px 0 8px 0; } .models-specs-cont .models-price-box { color: #00A1DE; font-family: 'DINProRegular'; font-size: 16px; letter-spacing: 0; line-height: 21px; padding: 0 0 11px 0; } .models-specs-cont .models-specs-line { border-bottom: 1px #000 solid; padding: 15px 0 16px 0; } .models-specs-cont .models-specs-line:first-child { border-top: 1px #000 solid; } .models-specs-cont .models-specs-line > label { color: #000000; font-family: 'DINProBlack'; font-size: 18px; font-weight: 900; letter-spacing: 0; line-height: 23px; } .models-specs-cont .models-specs-line > ul { list-style: none; margin: 2px 0; } .models-specs-cont .models-specs-line > ul li { color: #000000; font-family: 'DINProRegular'; font-size: 14px; letter-spacing: 0; line-height: 20px; } .models-specs-cont .models-specs { margin: 0 0 27px 0; padding: 0 64px 0 0; } @media (max-width: 1200px) { .models-specs-cont { padding: 0 20px; } .models-specs-cont .row { gap: 20px; } } @media (max-width: 768px) { .fw-configuration-slider-item { margin-bottom: 40px; } } @media (max-width: 640px) { .models-specs-cont * { text-align: center; } .models-specs-cont .row { flex-direction: column; gap: 0; } .models-specs-cont .models-price-box { margin-top: 20px; } .models-specs-cont .column:last-of-type .models-specs-line:first-child { border-top: none; } } @media (max-width: 500px) { .models-specs-cont { padding: 0 10px; } } /* /DIG-5857 SEO Landing slider */ .product-view .price-as-configured .full-product-price span { color: #00a1de; font-family: 'DINProRegular'; margin-bottom: 20px; display: inline-block; } .product-view .product-options-bottom, .product-view .product-options-bottom .price-box { margin-top: 0; } .fluid-newsletter-wrapper #mlb2-895424.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-embedContent h4 { color: #000000; font-family: 'DINProBlack'; font-size: 24px; font-weight: 900; letter-spacing: 0; line-height: 31px; text-align: center; text-transform: none; margin: 12px 0 8px 0; } .fluid-newsletter-wrapper #mlb2-895424.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-embedContent p { color: #000000; font-family: 'DINProRegular'; font-size: 16px; letter-spacing: 0; line-height: 21px; text-align: center; } .ml-form-embedBody .grid12-6.last { padding: 24px 0 0 0; } .fluid-newsletter-wrapper #eNews .ml-form-embedWrapper .ml-form-embedBody .ml-form-fieldRow input { border-color: #000; padding: 11px 20px; color: #797979; font-size: 16px; font-family: 'DINProRegular'; } .fluid-newsletter-wrapper #eNews .ml-form-embedWrapper .ml-form-embedBody .ml-form-fieldRow input::placeholder { color: #000; } .fluid-newsletter-wrapper #eNews .ml-form-embedWrapper .ml-form-embedBody form > .relative { padding-right: 165px; max-width: 878px; margin-top: 7px; } .fluid-newsletter-wrapper #eNews .ml-form-embedWrapper .ml-form-embedBody .ml-form-embedSubmit button { background: #00A0DF; color: #fff; padding: 7px 40px 5px 40px; height: 47px; margin-right: 2px; font-family: 'DINProBold'; font-size: 16px; font-weight: bold; letter-spacing: 0; line-height: 21px; text-align: center; text-transform: none; } .fluid-newsletter-wrapper #eNews .ml-form-embedWrapper .ml-form-embedBody .ml-form-checkboxRow { margin: 18px auto 0; } .fluid-newsletter-wrapper #mlb2-895424.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-checkboxRow .label-description p { color: #000; position: relative; top: -3px; left: 2px; font-family: 'DINProRegular'; font-size: 12px; letter-spacing: 0; line-height: 15px; } .fluid-newsletter-wrapper #mlb2-895424.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-checkboxRow .label-description p a { color: #000; } .fluid-newsletter-wrapper #mlb2-895424.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-checkboxRow .label-description { padding-left: 25px; } .fluid-newsletter-wrapper #eNews .ml-form-embedWrapper .ml-form-embedBody .ml-form-checkboxRow .custom-checkbox:not(:checked) ~ label:before { border-color: #000; } [class*="blog-"] .fluid-newsletter-wrapper #eNews .ml-form-embedWrapper .ml-form-embedBody .ml-form-fieldRow input { padding: 11.9px 20px; } [class*="blog-"] .fluid-newsletter-wrapper #eNews .ml-form-embedContent h4 { color: black; padding-bottom: 20px; } .fluid-newsletter-wrapper #mlb2-895424.ml-form-embedContainer .ml-form-embedWrapper .ml-form-successBody .ml-form-successContent h4 { color: black; } .fluid-newsletter-wrapper #mlb2-895424.ml-form-embedContainer .ml-form-embedWrapper .ml-form-successBody .ml-form-successContent p { color: black; } [class*="blog-"] .fluid-newsletter-wrapper #eNews .ml-form-embedContent p { color: black; } [class*="blog-"] .fluid-newsletter-wrapper #eNews .ml-form-embedWrapper .ml-form-embedBody .ml-form-embedSubmit button { background: #0d95e8; color: white; } [class*="blog-"] .fluid-newsletter-wrapper #eNews .ml-form-embedWrapper .ml-form-embedBody .ml-form-fieldRow input { color: black; border: 2px solid black; font-family: 'DINProRegular'; } [class*="blog-"] fluid-newsletter-wrapper .label-description { color: black; } [class*="blog-"] .fluid-newsletter-wrapper #mlb2-895424.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-checkboxRow .label-description p { color: black; } [class*="blog-"] .fluid-newsletter-wrapper #mlb2-895424.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-checkboxRow .label-description a { color: black; } [class*="blog-"] .fluid-newsletter-wrapper #eNews .ml-form-embedWrapper .ml-form-embedBody .ml-form-fieldRow input::placeholder { color: #000; } .fluid-newsletter-wrapper #eNews .ml-form-embedContent p { color: #fff; } #mlb2-895424 form.ml-block-form .relative { padding-right: 170px; } @media (max-width: 1150px) { .fluid-newsletter-wrapper #eNews .ml-form-embedWrapper .ml-form-embedBody form > .relative { max-width: 100%; padding: 0; } .footer-wrapper .fluid-newsletter-wrapper { padding: 40px 0; } } .latest-news.latest-news--fw { background-color: #fff; padding-top: 73px; } .latest-news.latest-news--fw h2:after { content: none; } .latest-news.latest-news--fw .main.container:before { background: linear-gradient(90deg, rgba(0, 161, 222, 0.7) 0%, rgba(0, 161, 222, 0) 100%); } .latest-news.latest-news--fw .main.container:after { background: linear-gradient(270deg, rgba(0, 161, 222, 0.7) 0%, rgba(0, 161, 222, 0) 100%); } .latest-news.latest-news--fw h2 { font-family: Arial, Helvetica, sans-serif; color: #000; text-transform: none; margin-bottom: 50px; } .latest-news.latest-news--fw .news-item h3 { margin: 25px 0 0; color: #000; font-family: 'DINProBlack'; font-size: 18px; font-weight: 900; letter-spacing: 0; line-height: 23px; } .latest-news.latest-news--fw .news-item h3 a { font-family: Arial, Helvetica, sans-serif; color: #000; text-transform: none; font-size: 17px; } .latest-news.latest-news--fw .news-item .news-item-readmore a.ow_c2a_button { display: inline-block; width: auto; background-color: #00a1de; margin: 21px 0 25px 0; padding: 9px 38px; color: #FFFFFF; font-family: 'DINProBold'; font-size: 16px; font-weight: bold; letter-spacing: 0; line-height: 21px; text-align: center; } .latest-news.latest-news--fw .news-item .news-item-readmore a.ow_c2a_button:hover { box-shadow: 0 0 15px 0 #00a1de; } .latest-news.latest-news--fw .owl-buttons > div.owl-next, .latest-news.latest-news--fw .owl-buttons > div.owl-prev { background-position-y: 161px; } .latest-news.latest-news--fw .owl-buttons > div.owl-next.disabled, .latest-news.latest-news--fw .owl-buttons > div.owl-prev.disabled { display: none; } .latest-news.latest-news--fw .owl-buttons > div.owl-next { background-image: url(https://www.ekfluidworks.com/skin/frontend/ultimo/fluidworks/images/arrow-right-grey.png); } .latest-news.latest-news--fw .owl-buttons > div.owl-prev { background-image: url(https://www.ekfluidworks.com/skin/frontend/ultimo/fluidworks/images/arrow-left-grey.png); } .latest-news.latest-news--fw .owl-pagination .owl-page:hover, .latest-news.latest-news--fw .owl-pagination .owl-page.active { border-color: #00a1de; background: #00a1de; } body.cms-studio-series .main-container[class*="layout"] > .main.container, body.cms-compute-series .main-container[class*="layout"] > .main.container{ padding: 0; } /*section*/ .fw-section { background-color: #fff; padding: 0 0 80px; width: 100vw; margin-left: -50vw; margin-right: -50vw; position: relative; left: 50%; right: 50%; } .fw-section .grid12-6 { display: inline-block; float: none; margin: 35px .8%; vertical-align: middle; } .fw-section h3.section-title { color: #000; font-family: DINProBlack !important; font-size: 36px; font-weight: 900; line-height: 46px; } .ow-section p { color: #000; font-family: DINProRegular !important; font-size: 18px; line-height: 23px; } .fw-section .main.container { border-bottom: none; } .fw-section-gray, .fw-section-gray .main { background-color: #f4f4f4; } .fw-section-wide { background-color: #fff; padding: 0 0 80px; box-sizing: border-box; } .fw-section-wide.fw-section-wide-gray { background-color: #f4f4f4; } .fw-section-wide * { box-sizing: border-box; } .fw-section-wide .fw-section-wide-inner { display: flex; } .fw-section-wide .fw-section-wide-inner:after { content: ""; display: table; clear: both; } .fw-section-wide .fw-section-wide-img { width: 50%; display: block; } .fw-section-wide .fw-section-wide-img.fw-section-wide-img--right { order: 2; } .fw-section-wide .fw-section-wide-col { width: 50%; display: flex; flex-direction: column; justify-content: center; } .fw-section-wide .fw-section-wide-col .fw-section-wide-content { padding-left: 5%; padding-top: 30px; padding-bottom: 30px; } .fw-section-wide-reverse .fw-section-wide-col .fw-section-wide-content { margin-left: calc(50vw - 600px); margin-right: 0; padding-right: 5%; } .fw-section-wide h3.section-title { color: #000; font-family: DINProBlack !important; font-size: 36px; font-weight: 900; line-height: 1.2; margin-top: 0; padding-top: 0; } .fw-section-wide h4 { color: #00a1de; font-size: 24px; margin: 0; font-weight: 700; } .fw-section-wide p { color: #838383; font-size: 18px; } .line-top-banner .fw-section-wide-img img { width: 100%; } .line-top-banner .fw-section-wide-col .fw-section-wide-content { padding-left: 0; } .flex-vcenter { display: flex; align-items: center; } .flex-vcenter.flex-vcenter--left { justify-content: left; } .flex-vcenter.flex-vcenter--right { justify-content: right; } .flex-vcenter.flex-vcenter--center { justify-content: center; } .series-page .section-title { text-transform: none; } .series-page .fw-btn { margin-top: 24px; padding: 0 77px; height: 39px; line-height: 37px; border: 0; font-size: 16px; } .fw-compute-intro .fw-section-wide-col { width: 40%; padding-right: 55px; } .fw-compute-intro .fw-section-wide-img { width: 60%; } .fw-compute-intro .fw-section-wide { background: #D5D5D5; padding: 100px 0; } .fw-compute-intro .fw-section-wide .fw-section-wide-inner { align-items: center; justify-content: center; } .fw-compute-intro .fw-section-wide .fw-section-wide-content { margin-right: 0; } .fw-compute-intro .fw-section-wide .fw-section-wide-content p { font-size: 16px; color: #000; line-height: 21px; } .fw-configure-specification-compute .fw-configure-specification--right .fw-section-wide-content { max-width: 415px; margin: 0 auto; padding: 0; } .fw-configure-specification-compute .fw-configure-specification--right .fw-section-wide-content p { color: #000; font-size: 16px; line-height: 21px; } .askexpert { margin: 90px 0 39px 0; } .bg-img-text img { z-index: 1; position: absolute; height: 627px; width: 100%; object-fit: cover; } .bg-img-text .container { position: relative; z-index: 2; } .bg-img-text .flex-vcenter { min-height: 627px; } .bg-img-text .flex-vcenter { max-width: 483px; } .bg-img-text h2 { color: #fff; font-family: 'DINProBlack'; font-size: 36px; font-weight: 900; letter-spacing: 0; line-height: 46px; margin: 0 0 28px 0; } .bg-img-text p { color: #fff; font-family: 'DINProRegular'; font-size: 18px; letter-spacing: 0; line-height: 23px; max-width: 484px; } .workstation-page .studio-series { padding-bottom: 0; } .workstation-page .studio-series .container { display: flex; } .workstation-page .studio-series .fw-section-wide-col { z-index: 2; } .workstation-page .studio-series .fw-section-wide-img img { margin-left: -81px; max-height: 689px; max-width: -moz-fit-content; max-width: fit-content; } .workstation-page .fw-section-wide-content { max-width: 425px; } .workstation-page .fw-section-wide-content a { width: 250px; display: block; margin-top: 44px; } .workstation-page .fw-section-wide-content a.fw-btn--white { margin-top: 10px; } .workstation-page .studio-series h3 { text-transform: none; line-height: 46px; margin-bottom: 7px; } .workstation-page .studio-series p { font-size: 16px; line-height: 21px ; color: #000; } .workstation-page .fw-section-wide { padding-bottom: 40px; } .workstation-page .fw-workstations-unrivaled { padding: 130px 0 0 0; } .workstation-page .fw-workstations-unrivaled .fw-section-wide-inner { margin-bottom: 90px; } .workstation-page .fw-workstations-unrivaled .fw-section-wide-inner:last-of-type { margin-bottom: 0; } .workstation-page .fw-workstations-unrivaled h3 { line-height: 46px; } .workstation-page .fw-workstations-unrivaled p { color: #000; font-size: 18px; line-height: 23px; } .fw-compute-table { margin: 135px 0; } .fw-compute-table h2 { color: #000; margin-bottom: 60px; } .fw-compute-table .fw-section-wide { padding: 0; } .fw-compute-table .model-options { columns: 2; column-gap: 40px; margin: 20px 0; } .fw-compute-table .model-options ul { margin: 0; padding: 20px 0; border-bottom: 1px solid #979797; } .fw-compute-table .model-options ul:nth-of-type(1), .fw-compute-table .model-options ul:nth-of-type(4) { border-top: 1px solid #979797; } .fw-compute-table .model-options ul li { font-size: 14px; line-height: 20px; font-family: DINProRegular !important; color: #000; } .fw-compute-table .model-options ul li.heading { font-size: 18px; font-family: DINProBlack !important; margin-bottom: 5px; } .fw-compute-table h3 { font-size: 24px; font-family: DINProBlack !important; color: #000; } .fw-compute-table .price { font-family: DINProRegular !important; color: #00A1DE; } @media (max-width: 1200px) { /*section*/ .fw-section-wide .fw-section-wide-col .fw-section-wide-content, .fw-section-wide-reverse .fw-section-wide-col .fw-section-wide-content { margin-left: 0; margin-right: 0; } } @media (max-width: 860px) { .fw-section-wide .fw-section-wide-inner { display: block; padding: 0 15px; } .fw-section-wide .fw-section-wide-col, .fw-section-wide .fw-section-wide-img { width: 100%; float: none; display: block; } .fw-section-wide .fw-section-wide-img { padding-bottom: 30px; } .fw-compute-intro .fw-section-wide-col { padding: 0; } .fw-section-wide .fw-section-wide-col .fw-section-wide-content { padding-left: 0; padding-right: 0; } .workstation-page .studio-series .container { flex-direction: column; } .workstation-page .fw-section-wide-content { max-width: none; } .workstation-page .fw-section-wide-content a { width: 100%; } .workstation-page .studio-series .fw-section-wide-img{ padding: 0; } .workstation-page .studio-series .fw-section-wide-img img { max-width: 100%; margin: 0; } .workstation-page .fw-workstations-unrivaled .fw-section-wide-inner { margin-bottom: 0; } } @media (max-width: 600px){ .fw-compute-table { margin: 60px 0; } .fw-compute-table h2 { text-align: center; font-size: 24px; font-family: DINProBlack !important; } .fw-compute-table h3 { margin-top: 20px; } .fw-compute-table .fw-section-wide-col { text-align: center; } .fw-compute-table .model-options { columns: 1; } .fw-compute-table .model-options ul { max-width: 255px; margin: 0 auto; } .fw-compute-table .fw-btn { width: 100%; padding: 0; } .fw-compute-table .model-options ul:nth-of-type(4) { border-top: none; } } .fw-section-wide--hp { box-sizing: border-box; } .fw-section-wide--hp .fw-section-wide-inner--hp:after, .fw-section-wide--hp .container:after { content: ""; display: table; clear: both; } .fw-section-wide--hp .container{ display: flex; } .fw-section-wide--hp .fw-section-wide-img--hp { width: 50%; float: left; display: block; } .fw-section-wide--hp .fw-section-wide-col--hp { width: 50%; float: left; display: flex; flex-direction: column; justify-content: center; } .fw-section-wide--hp .fw-section-wide-col--hp .fw-section-wide-content--hp { padding: 0 128px 0 100px; z-index: 1; } .fw-section-wide--hp h3.section-title--hp { color: #000; font-family: 'DINProBlack'; font-size: 36px; font-weight: 900; letter-spacing: 0; line-height: 46px; text-transform: none; margin-bottom: 7px; } .fw-section-wide--hp p { font-family: 'DINProRegular'; color: #000; font-size: 16px; letter-spacing: 0; line-height: 21px; } @media (max-width: 1200px) { .fw-section-wide--hp .fw-section-wide-col--hp .fw-section-wide-content--hp { margin: 0 auto; max-width: 350px; padding-left: 40px; padding-right: 40px; } } @media (max-width: 860px) { .fw-section-wide--hp .fw-section-wide-inner--hp { display: block; padding: 0 15px; } .fw-section-wide--hp .fw-section-wide-col--hp, .fw-section-wide--hp .fw-section-wide-img--hp { width: 100%; float: none; display: block; } .fw-section-wide--hp .fw-section-wide-col--hp .fw-section-wide-content--hp { padding-left: 0; padding-right: 0; margin: 0; max-width: 100%; } .fw-section-wide--hp .container{ display: block; } } /*home banner*/ .fw-home-banner.fw-two-lines { background-color: #f4f4f4; } .fw-two-lines .fw-two-lines-col h3 { font-family: DINProBold!important; font-size: 28px; line-height: 1.1; } .fw-two-lines .main-container { margin-top: 40px; } .fw-two-lines .fw-two-lines-col { padding-top: 20px; } .fw-two-lines .fw-two-lines-col p { padding: 10px 0 20px; min-height: 200px; } .fw-two-lines .fw-two-lines-col .fw-two-lines-col-inner { background-color: #fff; padding: 30px; } .fw-two-lines .fw-two-lines-col .fw-two-lines-price { font-family: DINProBold!important; font-size: 36px; padding-bottom: 0.75em; } .fw-two-lines .fw-two-lines-col .fw-two-lines-price span { font-family: DINProBold!important; font-size: 18px; } .fw-home-banner { padding: 150px 0; background-color: #fff; text-align: center; } .fw-home-banner h2 { color: #000000; font-family: DINProBlack!important; font-size: 36px; text-transform: uppercase; font-weight: bold; margin-bottom: 1em; } .fw-home-banner p { font-size: 18px; color: #838383; line-height: 1.4; } .fw-home-banner h2, .fw-home-banner p { max-width: 800px; margin-left: auto; margin-right: auto; } .fw-home-banner .fw-home-banner-list { padding: 50px 0 40px; margin: 0 -10px; } .fw-home-banner .fw-home-banner-list:after { content: ""; display: table; clear: both; } .fw-home-banner .fw-home-banner-list li { display: block; width: 25%; float: left; padding: 10px; box-sizing: border-box; height: 148px; } .fw-home-banner.fw-home-banner-gray { background-color: #cbcbcb; } .fw-home-banner.fw-home-banner-back { background-color: #222; background-image: url(https://www.ekfluidworks.com/skin/frontend/ultimo/fluidworks/images/blocks/home-banner-back.jpg); background-size: cover; background-repeat: no-repeat; background-position: center center; } .fw-home-banner.fw-home-banner-back h2, .fw-home-banner.fw-home-banner-back p { color: #fff; } .fw-home-banner.fw-home-banner-back p { margin-bottom: 1em; } .fw-banner-blue { background-color: #00A1DE; } .fw-banner-blue h2, .fw-banner-blue .fw-banner-blue-list h3, .fw-banner-blue .fw-banner-blue-list h4, .fw-banner-blue p { color: #fff; } .fw-banner-blue .fw-banner-blue-list h3 { font-weight: bold; font-size: 24px; font-family: DINProBold!important; padding-top: 20px; } .fw-banner-blue .fw-banner-blue-list { padding-top: 60px; } .fw-banner-blue .fw-banner-blue-list:after { display: table; content: ""; clear: both; } .fw-banner-blue .fw-banner-blue-list li { width: 33.33%; float: left; box-sizing: border-box; } @media (max-width: 1024px) { .fw-section-wide h3.section-title, .fw-home-banner h2 { font-size: 30px; } .fw-home-banner p, .fw-section-wide p { font-size: 16px; } } @media (max-width: 860px) { .fw-home-banner { padding: 50px 0; } .fw-home-banner .fw-home-banner-list li { width: 33.33%; } } @media (max-width: 640px) { .fw-home-banner .fw-home-banner-list li { width: 50%; } } @media (max-width: 767px) { .fw-banner-blue .fw-banner-blue-list li { width: 100%; float: none; padding-bottom: 50px; } } .fw-two-lines--hp .fw-two-lines-col--hp { padding-bottom: 50px; width: calc(50% - 20px); margin-right: 40px; float: left; position: relative; } .fw-two-lines--hp .fw-two-lines-col--hp:last-child { margin-right: 0; } .fw-choose-workstation--hp .container:after { display: block; content: "."; clear: both; font-size: 0; line-height: 0; height: 0; overflow: hidden; } .fw-two-lines--hp .fw-two-lines-col--hp p { padding: 7px 0 30px; color: #000000; font-family: 'DINProRegular'; font-size: 16px; letter-spacing: 0; line-height: 21px; min-height: 200px; } .fw-two-lines--hp .fw-two-lines-col--hp .fw-two-lines-col-inner--hp { background-color: #fff; padding: 81px 0 74px 24px; } .fw-two-lines--hp .fw-two-lines-col--hp .fw-two-lines-price--hp { color: #00A1DE; font-family: 'DINProRegular'; font-size: 16px; letter-spacing: 0; line-height: 21px; } .fw-choose-workstation--hp { padding: 98px 0 56px 0; background-color: #f4f4f4; } .fw-choose-workstation--hp h2 { color: #000; font-family: 'DINProBlack'; font-size: 36px; font-weight: 900; letter-spacing: 0; line-height: 46px; text-transform: none; margin-bottom: 51px; } .fw-choose-workstation--hp h3 { font-family: 'DINProBlack'; color: #000000; font-size: 24px; font-weight: 900; letter-spacing: 0; line-height: 31px; text-transform: none; margin: 32px 0 1px 0; } .fw-home-banner--hp { padding: 98px 0 56px 0; background-color: #f4f4f4; } .fw-home-banner--hp.fw-home-banner--hp--white { background-color: #fff; } .fw-home-banner--hp.fw-home-banner--hp--black { background-color: #000; } .fw-home-banner--hp.fw-home-banner--hp--nopadding { padding: 0; } .fw-home-banner--hp h2 { color: #000; font-family: 'DINProBlack'; font-size: 36px; font-weight: 900; letter-spacing: 0; line-height: 46px; text-transform: none; margin-bottom: 51px; } .fw-home-banner--hp h3 { font-family: 'DINProBlack'; color: #000000; font-size: 24px; font-weight: 900; letter-spacing: 0; line-height: 31px; text-transform: none; margin: 32px 0 1px 0; } .fw-home-banner--hp .flex-list { display: flex; flex-wrap: wrap; justify-content: center; } .fw-home-banner--hp .flex-list li { min-width: 205px; text-align: center; padding-bottom: 21px; } .fw-home-banner--hp .flex-list h3 { color: #000; font-family: 'DINProRegular'; font-size: 16px; letter-spacing: 0; line-height: 21px; text-align: center; max-width: 110px; font-weight: normal; margin: 15px auto; } @media (max-width: 1024px) { .fw-home-banner--hp h2 { font-size: 30px; } .fw-home-banner--hp p { font-size: 16px; } } @media (max-width: 860px) { .fw-home-banner--hp { padding: 50px 0; } .fw-home-banner--hp .flex-list li { flex: 50%; min-width: auto; } } @media (max-width: 640px) { .fw-two-lines--hp .fw-two-lines-col--hp { width: 100%; } } #homepage_video { padding-top: 109px; } #homepage_video video { filter: none; } #homepage_video .heroVideoContent { position: absolute; width: 100%; z-index: 9; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); cursor: pointer; } #homepage_video .image-video-overlay { background-image: none; background-color: #000; } #homepage_video .image-video-overlay img { width: 100%; } #homepage_video.homepage-video--fw h2 { text-transform: none; color: #FFFFFF; font-family: 'DINProBlack'; font-size: 36px; font-weight: 900; letter-spacing: 0; line-height: 46px; margin-bottom: 14px; } #homepage_video.homepage-video--fw h2:after { display: none; } #homepage_video.homepage-video--fw p { color: #FFFFFF; font-family: 'DINProRegular'; font-size: 16px; letter-spacing: 0; line-height: 21px; text-align: justify; } #homepage_video.homepage-video--fw a { text-transform: none; display: inline-block; margin: 59px 0 0 0; padding: 10px 51px; color: #FFFFFF; font-family: 'DINProBold'; font-size: 16px; font-weight: bold; letter-spacing: 0; line-height: 21px; text-align: center; background-color: #00a1de; width: auto; } #homepage_video.homepage-video--fw span img { max-width: 140px; position: absolute; top: 50%; right: 21%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } @media (max-width: 1200px) { /*video*/ #homepage_video.homepage-video--fw h2 { font-size: 36px; } #homepage_video.homepage-video--fw p { font-size: 16px; } #homepage_video.homepage-video--fw span img { max-width: 115px; } } @media (max-width: 767px) { #homepage_video.homepage-video--fw span img { right: auto; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); max-width: 85px; } #homepage_video .image-video-overlay img { width: 100%; max-width: 100%; } } @media (max-width: 640px) { #homepage_video .image-video-overlay video { object-fit: cover; } #fullWidthVideo { padding-top: 100%; } #homepage_video.homepage-video--fw a { margin-top: 0; } #homepage_video.homepage-video--fw h2 { font-size: 30px; } #homepage_video.homepage-video--fw p { display: none; } } .testimonials .slick-dots li:hover, .testimonials .slick-dots li.slick-active { border-color: #00A1DE; background: #00A1DE; } .testimonials img { display: block; } .testimonials h2 a:hover { color: #00a1de; } .testimonial-carousel { } .testimonial-carousel:before { content: url(https://www.ekfluidworks.com/skin/frontend/ultimo/fluidworks/images/quote.png); position: absolute; left: 51px; } .testimonial-carousel:after { content: url(https://www.ekfluidworks.com/skin/frontend/ultimo/fluidworks/images/quote.png); -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); position: absolute; top: 0; right: 149px } .testimonials.fw-testimonials { padding: 108px 0 115px 0; } .testimonials.fw-testimonials p { color: #000; font-family: 'DINProRegular'; font-size: 16px; letter-spacing: 0; line-height: 21px; text-align: center; margin: 0 180px 0 98px; } .testimonials.testimonials--white { background-color: #fff; } .testimonials.fw-testimonials .slick-arrow { background-image: url(https://www.ekfluidworks.com/skin/frontend/ultimo/fluidworks/images/arrow-right.png); top: 25%; } .testimonials.fw-testimonials .slick-arrow.slick-prev { left: -19px; } .testimonials.fw-testimonials .slick-arrow.slick-next { right: 64px; } .testimonial-item { padding: 15px 0; } @media (max-width: 767px) { .testimonials > .main.container { width: 100%; } .testimonial-carousel:before { left: 0; } .testimonial-carousel:after { right: 0; } .testimonials.fw-testimonials p { margin: 0 30px; } } @media (min-width: 768px) and (max-width: 1400px) { .testimonials.fw-testimonials p { margin: 0 98px; } .testimonial-carousel:after { right: 51px; } .testimonials.fw-testimonials .slick-arrow.slick-next { right: -19px; } } .header-container2 { background-color: #333333; } .header .ow_custom_top_menu > .links > li > a { text-transform: uppercase; } .header a { color: #fff; } .header-primary-container { padding-top: 20px; } .header-primary-container .header-primary { padding: 0; } #header-account .links li:nth-child(2) { display: none; } .header-mobile .logo--mobile img { width: 60px; margin-bottom: 0; } .header-container.header-mobile .right-column .item { margin-top: 32px; margin-right: 20px; } .header-container.header-mobile .right-column .item .skip-link { background-color: transparent; } .header-container .dropdown .dropdown-content { background-color: #fff; } .header .right-column .item #mini-cart .button:not(.btn-checkout) { border: 3px solid #00a1de; } .header .right-column .item #mini-cart .button { background-color: #00a1de; } .header .right-column .item #mini-cart .button span, #checkout-review-submit .btn-checkout span { text-transform: capitalize; } .newHeader .header .logo-wrapper h1, .newHeader .header .logo-wrapper .logo { display: block; } .newHeader .header .logo-wrapper .logo img { width: 100%; max-height: 49px; } #header-search #search_mini_form .form-search.activeSearch .button { background-color: #00a1de; } [class*="blog-"] .header-container2 { background: #000; } [class*="blog-"] .header a { color: #838383; } .sticky-header .nav-container.sticky-container .ow_custom_top_menu { position: relative; } .sticky-header .nav-container.sticky-container .ow_custom_top_menu .ask-an-expert { position: absolute; right: 0; top: 5px; } .header-top-navigation { background: #000; height: 42px; border: none; } .header-top-navigation ul { margin-top: 7px; line-height: normal; } .header-top-navigation ul li { margin-right: 5px; } .header-top-navigation ul li a { display: block; padding: 0; background: #373737; border-radius: 9px; } .header-top-navigation .header-top-navigation-inner { position: relative; } .header-top-navigation .center-text { display: block; height: 42px; line-height: 42px; width: 200px; margin: 0 auto; position: absolute; left: 0; right: 0; text-align: center; color: #989898; font-size: 14px; font-family: DINProRegular; } .header-top-navigation .center-text a { font-family: DINProRegular; color: #989898; font-size: 14px; } .header-top-navigation.navigation-links { border-bottom: 1px solid #3a3a3a; height: auto; } .header-top-navigation.navigation-links ul { margin-top: 0; margin-left: -12px; } .header-top-navigation.navigation-links ul li { margin: 0; } .header-top-navigation.navigation-links ul li a { background: none; padding: 13px 12px; } @media (max-width: 800px) { .header-top-navigation .container:before { display: none; } } @media (max-width: 460px) { .header-top-navigation .center-text { left: auto; width: auto; padding-right: 15px; } } @media (min-width: 1025px) { .header-regular .hp-blocks-holder .hp-block { position: relative; } } @media (max-width: 1024px) { .header-primary-container { padding-bottom: 0; } .header-container .logo-wrapper--mobile { width: 30%; min-width: 0; text-align: left; padding-right: 20px; box-sizing: border-box; margin-top: 6px; } .header-mobile .logo--mobile img { width: 100%; max-width: 120px; } .header-container .links-cont { width: 70%; } .header-mobile .skip-link { color: #fff; } #top .header-primary .hp-blocks-holder .central-column { margin-top: 20px; } .header .ow_custom_top_menu > .links > li > a { line-height: 2em; } } @media (max-width: 500px) { .header-container .logo-wrapper--mobile { width: 40%; padding-right: 0; } .header-container .links-cont { width: 60%; } } @media (max-width: 400px) { .absolute-header #top .header-container2 { min-height: 109px; } } .footer-container { background-color: #333; } .footer-top { background-color: #D4D4D4; padding: 14px 0 9px 0; } .footer-primary { background-color: #333333; } body.checkout-cart-index .footer-bottom { max-width: 1200px; } [class*="blog-"] .footer-top { background: #D5D5D5; } .video-gallery { padding: 82px 0 60px 0; } .video-gallery .video-gallery__screen { position: relative; padding-top: 56.25%; } .video-gallery h2 { color: #fff; font-family: 'DINProBlack'; font-size: 36px; font-weight: 900; letter-spacing: 0; line-height: 46px; margin: 0 0 43px 0; } .video-gallery .video-gallery__overlay { position: absolute; width: 100%; height: 100%; display: block; content: ""; top: 0; left: 0; z-index: 9; cursor: pointer; } .video-gallery .video-gallery__overlay img { display: block; margin: 0 auto; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: 10; } .video-gallery .video-gallery__menu { margin: 39px -20px 0 -20px; } .video-gallery .video-gallery__menu li { padding: 0 20px; } .video-gallery .video-gallery__menu .slick-prev { left: -20px; } .video-gallery .video-gallery__menu .slick-next { right: -20px; } .video-gallery .video-gallery__menu .slick-prev, .video-gallery .video-gallery__menu .slick-next { font-size: 0; line-height: 0; position: absolute; top: 37%; display: block; width: 15px; height: 30px; padding: 0; cursor: pointer; color: transparent; border: none; outline: none; background: transparent; z-index: 1; } .video-gallery .video-gallery__menu .slick-prev:before, .video-gallery .video-gallery__menu .slick-next:before { font-size: 20px; line-height: 1; opacity: .75; color: white; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: block; background-image: url(https://www.ekfluidworks.com/skin/frontend/ultimo/fluidworks/images/arrow-right.png); background-size: contain; background-repeat: no-repeat; width: 15px; height: 30px; content: ''; } .video-gallery .video-gallery__menu .slick-prev:before { webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); } .video-gallery .video-gallery__menu h5 { color: #FFFFFF; font-family: 'DINProRegular'; font-size: 16px; letter-spacing: 0; line-height: 21px; margin: 15px 0 0 0; } @media (max-width: 767px) { .video-gallery .video-gallery__menu h5 { display: none; } .video-gallery h2 { font-size: 30px; line-height: 35px; } .video-gallery .video-gallery__overlay img { width: 30%; max-width: 100px; } .video-gallery .video-gallery__menu .slick-prev { left: 0; } .video-gallery .video-gallery__menu .slick-next { right: 0; } } @media (max-width: 1280px) { .video-gallery .video-gallery__menu { margin: 39px 0 0 0; } .video-gallery .video-gallery__menu li { padding: 0 10px; } .video-gallery .video-gallery__menu .slick-prev { left: -10px; } .video-gallery .video-gallery__menu .slick-next { right: -10px; } } .photo-slider .slick-list { overflow: visible; } .photo-slider .slick-slide { opacity: 0.4; padding: 0 11px; } .photo-slider .slick-slide.slick-active { opacity: 1; } .photo-slider .photo-slider__text { display: none; } .photo-slider .slick-slide.slick-active .photo-slider__text { display: block; overflow: hidden; } .photo-slider .slick-arrow { position: absolute; z-index: 1; width: 14px; height: 28px; border: 0; background-color: transparent; text-indent: -9999em; text-transform: uppercase; background-image: url('https://www.ekfluidworks.com/skin/frontend/ultimo/fluidworks/images/icons/arrow-black.svg'); background-size: 100%; cursor: pointer; } .photo-slider .slick-arrow.slick-prev { right: 133px; webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); } .photo-slider .slick-arrow.slick-next { right: 79px; } .photo-slider .photo-slider__text > span { position: absolute; color: #000; font-family: 'DINProRegular'; font-size: 36px; letter-spacing: 0; line-height: 46px; bottom: 106px; } .photo-slider .photo-slider__text > h2 { margin: 42px 0 18px 97px; max-width: 400px; color: #000; font-family: 'DINProBlack'; font-size: 36px; font-weight: 900; letter-spacing: 0; line-height: 40px; } .photo-slider .photo-slider__text > p { margin: 0 0 0 97px; max-width: 470px; color: #000000; font-family: 'DINProRegular'; font-size: 18px; letter-spacing: 0; line-height: 23px; } @media (max-width: 767px) { .photo-slider .slick-arrow { top: calc(50vh / 2 / 2 - 10px); } .photo-slider .slick-arrow.slick-prev { left: -7px } .photo-slider .slick-arrow.slick-next { right: -7px } .photo-slider .photo-slider__text > p { margin: 0; max-width: none; } .photo-slider .photo-slider__text > span { font-size: 24px; bottom: 140px; } .photo-slider .photo-slider__text > h2 { margin: 12px 0 18px 0; font-size: 24px; line-height: 29px; } } .faq-accordion > .accordion li { float: none; } .faq-accordion > .accordion .opener { position: relative; } .faq-accordion > .accordion .opener:before { display: none; } .faq-accordion > .accordion .opener { color: #000; font-family: 'DINProRegular'; font-size: 24px; letter-spacing: 0; line-height: 31px; border-bottom: 1px #000 solid; width: 100%; text-align: left; margin: 16px 0 17px 0; padding: 0 0 24px 0; height: auto; } .faq-accordion > .accordion .opener > span { font-family: 'DINProRegular'; font-size: 24px; letter-spacing: 0; line-height: 31px; padding-right: 60px; display: inline-block; } .faq-accordion > .accordion .opener:hover { background-color: transparent; } .faq-accordion > .accordion .opener:after { content: ""; width: 21px; height: 11px; background-image: url(https://www.ekfluidworks.com/skin/frontend/ultimo/fluidworks/images/arrow-down.png); position: absolute; right: 39px; top: 17px; } .faq-accordion > .accordion .item-active .opener:after { webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); } .faq-accordion > h2 { color: #000; font-family: 'DINProBold'; font-size: 36px; font-weight: bold; letter-spacing: 0; line-height: 46px; margin: 0 0 32px 0; } .studio-models { padding: 100px 0 60px 0; } .studio-models h2 { color: #000000; font-family: 'DINProBlack'; font-size: 36px; font-weight: 900; letter-spacing: 0; line-height: 46px; margin: 0 0 52px 0; } .studio-models h4 { color: #000000; font-family: 'DINProBlack'; font-size: 24px; font-weight: 900; letter-spacing: 0; line-height: 31px; margin: 22px 0 8px 0; } .studio-models .models-price-box { color: #00A1DE; font-family: 'DINProRegular'; font-size: 16px; letter-spacing: 0; line-height: 21px; padding: 0 0 11px 0; } .studio-models .models-specs-line { border-bottom: 1px #000 solid; padding: 15px 0 16px 0; } .studio-models .models-specs-line:first-child { border-top: 1px #000 solid; } .studio-models .models-specs-line > label { color: #000000; font-family: 'DINProBlack'; font-size: 18px; font-weight: 900; letter-spacing: 0; line-height: 23px; } .studio-models .models-specs-line > ul { list-style: none; margin: 2px 0; } .studio-models .models-specs-line > ul li { color: #000000; font-family: 'DINProRegular'; font-size: 14px; letter-spacing: 0; line-height: 20px; } .studio-models .models-specs { margin: 0 0 27px 0; padding: 0 64px 0 0; } .studio-models .models-slick.models-slick--table .slick-arrow { opacity: 0; } .studio-models .slick-arrow, .models-section .slick-arrow { position: absolute; background: url(https://www.ekfluidworks.com/skin/frontend/ultimo/fluidworks/images/icons/arrow-blue.svg) no-repeat center center; top: calc(50% - 25px); width: 50px; height: 50px; background-size: 50px; z-index: 5; text-indent: -9999em; text-transform: uppercase; border: none; } .studio-models .slick-arrow.slick-prev, .models-section .slick-arrow.slick-prev { left: -19px; -webkit-transform: scaleX(-1); transform: scaleX(-1); } .studio-models .slick-arrow.slick-next, .models-section .slick-arrow.slick-next { right: -19px; } .studio-models .slick-slide img { width: calc(100% - 64px); } .studio-models .slick-list.draggable { margin-right: -64px; } @media (max-width: 860px) { } body.cms-page-view .main-container[class*="layout"] > .main.container { padding: 0; } .container { max-width: none; width: 100%; } .mb-events h2 { color: #000; font-size: 36px; font-weight: normal; margin-bottom: 55px; } .event-counter div { display: inline-block; margin-right: 12px; } .event-counter .seconds { margin: 0; } .event-counter span { font-family: DINProRegular; } .event-counter .count { position: relative; display: block; line-height: 44px; font-size: 36px; letter-spacing: 4px; color: #000; } .event-counter .days .count:after, .event-counter .hours .count:after, .event-counter .minutes .count:after { content: ':'; font-size: 36px; font-family: DINProRegular; color: #000; position: absolute; bottom: 0px; } .event-counter .label { display: block; font-size: 12px; color: #A6A6A6; text-transform: uppercase; text-align: center; } .mb-events .container, .mb-events .event-list { margin: 0 auto; max-width: 1200px; padding: 0 12px; box-sizing: border-box; } .mb-events .event-item img { width: 100%; } .mb-events .event-item .bottom { position: relative; } .mb-events .event-item .details { padding-top: 48px; } .mb-events .event-item .details h4 { color: #000; font-family: DINProBlack !important; font-size: 24px; font-weight: normal; margin-bottom: 4px; } .mb-events .event-item .details .status { color: #00A1DE; display: block; font-size: 16px; font-family: DINProRegular; } .mb-events .event-item .details .description { color: #000; display: block; font-size: 16px; font-family: DINProRegular; max-width: 350px; line-height: 21px; padding-top: 8px; } .mb-events .event-item .details a { margin-top: 34px; display: block; background: #00A1DE; width: 250px; height: 40px; line-height: 40px; text-align: center; font-family: DINProBold; font-size: 14px; color: #fff; } .mb-events.featured { padding: 120px 0 60px 0; } .mb-events.featured .event-item { margin-bottom: 40px; } .mb-events.featured .event-item .event-counter { position: absolute; right: 0; top: 32px; } .mb-events.featured .event-item .details { padding-bottom: 34px; } .mb-events.upcoming { padding: 110px 0 130px 0; background: #EBEBEB; } .mb-events.upcoming .event-list { padding: 0; max-width: none; } .mb-events.upcoming .event-list.single-item .slick-control { display: none; } .mb-events.upcoming .event-item { max-width: 1200px; padding: 0 12px; opacity: 0.7; transition: opacity 0.3s; } .mb-events.upcoming .event-list.single-item .event-item { margin: 0 auto; opacity: 1; max-width: 1176px; } .mb-events.upcoming .event-list.single-item .details { padding-left: 0; } .mb-events.upcoming .event-list.single-item .event-item .bottom { opacity: 1; } .mb-events.upcoming .event-item .bottom { position: relative; opacity: 0; transition: opacity 0.3s; } .mb-events.upcoming .event-item.slick-active .bottom { opacity: 1; } .mb-events.upcoming .slick-control .slick-slide-count { position: absolute; left: 0; top: 48px; font-family: DINProRegular; font-size: 36px; color: #000; line-height: 1; } .mb-events.upcoming .slick-control .slick-arrows { position: absolute; right: 0; top: 48px; } .mb-events.upcoming .slick-control .slick-arrows li { display: inline-block; } .mb-events.upcoming .slick-control .slick-arrows li:first-child { margin-right: 38px; } .mb-events.upcoming .slick-control .slick-arrows img { width: 14px; opacity: 0.5; } .mb-events.upcoming .slick-control .slick-arrows img:hover { opacity: 1; } .mb-events.upcoming .slick-control .prev img { transform: rotate(-180deg); } .mb-events.upcoming .slick-control .event-item { margin: 0 auto; padding: 0; max-width: 1176px; position: relative; z-index: 2; } .mb-events.upcoming .event-item .details { padding: 0 0 0 94px; margin-top: 48px; } .mb-events.upcoming .event-item .details a { font-size: 16px; } .mb-events.upcoming .event-item .event-counter { position: absolute; bottom: 0; right: 0; } .mb-events.upcoming .event-item.slick-active { opacity: 1; } .mb-events.past { padding: 120px 0 200px 0; } .mb-events.past .event-list { position: relative; } .mb-events.past .event-item { margin: 0 20px; opacity: 0.5; } .mb-events.past .event-item .details { padding-top: 30px; } .mb-events.past .event-item .details a { width: 100%; font-size: 16px; } .mb-events.past .event-item.slick-active { opacity: 1; } .mb-events.past .event-list.single-item .event-item { max-width: 366px; margin: 0; } .mb-events.past .event-list .slick-list { margin: 0 -20px; overflow: visible; } .mb-events.past .slick-arrows .next, .mb-events.past .slick-arrows .prev { width: 14px; opacity: 0.5; position: absolute; top: 16%; z-index: 2; } .mb-events.past .slick-arrows .next:hover, .mb-events.past .slick-arrows .prev:hover { opacity: 1; } .mb-events.past .slick-arrows .next.slick-disabled, .mb-events.past .slick-arrows .prev.slick-disabled { display: none !important; } .mb-events.past .slick-arrows .next { right: -98px; } .mb-events.past .slick-arrows .prev { transform: rotate(-180deg); left: -98px; } .mb-events.past .event-item .details a.collapse-trigger { display: none; } @media (max-width: 1430px){ .mb-events.past .slick-arrows .next { right: 30px; } .mb-events.past .slick-arrows .prev { left: 30px; } } @media (max-width: 959px){ .mb-events h2 { font-size: 24px !important; line-height: 31px !important; margin-bottom: 50px !important; } .mb-events .container, .mb-events .event-list { padding: 0 35px; } .mb-events .event-item { text-align: center; } .mb-events .event-item .details { padding: 0; } .mb-events .event-item .details a { width: 320px; margin: 0 auto; } .mb-events .event-item .details h4 { font-size: 21px; } .mb-events .event-item .details .description { font-size: 14px; line-height: 18px; margin: 0 auto 37px auto; } .mb-events.featured .event-item .event-counter, .mb-events.upcoming .event-item .event-counter { width: 320px; position: relative; top: 0; margin: 31px auto 18px auto; } .mb-events.featured { padding: 36px 0 0 0; } .mb-events.upcoming { padding: 47px 0 76px 0; } .mb-events.upcoming .event-item { padding: 0 35px; } .mb-events.upcoming .event-list .slick-slide-count { display: none; } .mb-events.upcoming .event-item .details { margin: 0; padding: 0; } .mb-events.upcoming .event-item .event-counter { margin-top: 58px; } .mb-events.upcoming .event-item .slick-arrows { width: 320px; margin: 0 auto; top: 76px; left: 0; } .mb-events.upcoming .event-item .slick-arrows .prev { position: absolute; z-index: 2; top: 0; left: 0; } .mb-events.upcoming .event-item .slick-arrows .next { position: absolute; z-index: 2; top: 0; right: 0; } .mb-events.past { padding: 70px 0 100px 0; } .mb-events.past .slick-arrows { display: none; } .mb-events.past .event-item { opacity: 1; margin: 0 0 32px 0; border-bottom: 1px solid #000; } .mb-events.past .event-item img { display: none; } .mb-events.past .event-item .details { position: relative; padding: 0 40px 21px 0; } .mb-events.past .event-item .details h4, .mb-events.past .event-item .details .status { text-align: left; } .mb-events.past .event-item .details .description { padding: 0; margin: 0 0 20px 0; text-align: left; } .mb-events.past .event-item .collapse-content { display: none; padding: 10px 0 0 0; } .mb-events.past .event-item .details.collapse-opened .collapse-content { display: block; } .mb-events.past .event-item .details a.collapse-trigger { display: block; position: absolute; top: 4px; right: 18px; background: transparent; width: 20px; } .mb-events.past .collapse-trigger img { display: inline; transform: rotate(-270deg); width: 10px; } .mb-events.past .event-item .details.collapse-opened .collapse-trigger img { transform: rotate(-90deg); } }