/** * 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@magentocommerce.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.magentocommerce.com for more information. * * @category design * @package default_default * @copyright Copyright (c) 2014 Magento Inc. (http://www.magentocommerce.com) * @license http://opensource.org/licenses/afl-3.0.php Academic Free License (AFL 3.0) */ /* ******************************************************************************************** Reset *********************************************************************************************** */ * { margin:0; padding:0; } body { font:14px/20px 'dinpro-regularregular', Arial, Helvetica, sans-serif; color:#252525; text-align:center;} img { border:0; vertical-align:top; max-width:100%; } a { color:#252525; text-decoration:none; } a:hover { text-decoration:none; color:#1bbeb4; } :focus { outline:0; } html { font-size:16px} /* Base */ ::-moz-selection { background: #252525; color: #fff; text-shadow: none; } ::selection { background: #252525; color: #fff; text-shadow: none; } /* Headings */ h1,h2,h3, h4,h5,h6 { margin:0 0 10px; font-weight:normal; text-shadow: 0px 0px 0px; } h1 { font-size: 30px;line-height: 42px; } h2 { font-size: 24px;line-height: 32px; } h3 { font-size: 18px;line-height: 24px; } h4 { font-size: 16px;line-height: 20px; } h5 { font-size: 14px;line-height: 18px; } h6 { font-size: 12px;line-height: 16px; } /* 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:middle; 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:12px; } sup { font-size:12px; 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; } .no-margin { margin:0 !important; } .no-padding { padding:0 !important; } .no-bg { background:none !important; } /*Blockquote*/ blockquote {border-left: 0;padding: 10px 0;padding-bottom: 0px !important;margin-bottom: 0px !important;} blockquote, blockquote p {font-size: 18px;line-height: 28px;font-style: italic;} blockquote.blockquote1, blockquote.blockquote1 p, blockquote.pullquote, blockquote.pullquote p {font-size: 12px;line-height: 18px;} blockquote.blockquote2, blockquote.blockquote2 p {font-size: 14px;line-height: 22px;} blockquote.pullquote {border-left: 1px dotted #E4E4E4;padding: 0 0 0 20px;} /*Highlighted Text*/ .highlighted{padding: 1px 3px;border-radius: 1px;margin-right: 2px;color: #fff;background-color: #1bbeb4;} /* ******************************************************************************************** Layout *********************************************************************************************** */ .wrapper {float: left;width: 100%;} .page { text-align:left;display: inline-block;width: 100%;position: relative;} .page-print {padding: 20px; text-align:left; background-repeat:repeat; background-position:center top;background-image: none;background-color: #FFFFFF;} .page-empty {padding: 20px; text-align:left; background-repeat:repeat; background-position:center top;background-image: none;background-color: transparent;} .page-popup {padding: 20px; text-align:left; background-repeat:repeat; background-position:center top;background-image: none;background-color: #FFFFFF;} .main-container {overflow: hidden;clear: both;} .main { padding:125px 0 0px; min-height:400px; clear: both;position: relative;} body.cms-index-index .main, body.cms-index-defaultindex .main { padding-top: 40px;position: relative;} /* Decrease padding on home page */ body.cms-index-index .col1-layout .main, body.cms-index-defaultindex .col1-layout .main { padding-top: 0px;position: relative;} /* Base Columns */ .col-left { float:left; } .col-main { float:left; } .col-right { float:right; } .category-right .col-left{float: right;} /* 1 Column Layout */ .col1-layout .col-main {} /* 2 Columns Layout */ .col2-left-layout .col-main { float:right; } .col2-right-layout .col-main {} .category-right .col-main{float: left;} /* 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:48.5%; } .col2-set .col-2 { float:right; width:48.5%; } .col2-set .col-narrow { width:32%; } .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%; } /*Category Full*/ .category-full .col-left .block, .category-full .col-left div.custom-block{display: none;} #oar_widget_orders_and_returns_form .form-alt li{padding:20px 0px 20px 0px;} /* ******************************************************************************************** Global Styles *********************************************************************************************** */ /* Form Elements */ input, select, textarea, button {font-size: 14px;font-family: 'dinpro-regularregular', Arial, Helvetica, sans-serif;vertical-align:middle;} input.input-text, textarea { -webkit-appearance:none; } input.input-text, select, textarea, input.product-custom-option{border:none;color:#252525;background-color: #F0F0F0;border: 1px solid #E4E4E4;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-box-shadow:none;box-shadow:none;} input.input-text{height: 40px;line-height: 23px\9;} select {height:40px;padding:8px 10px;text-overflow:ellipsis;width: 100%;} select.multiselect {height: auto !important;} input.input-text, textarea {padding:8px 10px;text-overflow:ellipsis;} input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill{background-color: transparent !important;} select option { padding-right:10px; padding-left:5px; } select.multiselect option { border-bottom:1px solid #E4E4E4; 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:60px !important; text-align:center;} /* Active, Deactive and others */ input.input-text:hover, select:hover, textarea:hover, input.input-text:focus, select:focus, textarea:focus{ border-color:#252525; outline:none;} input.input-text:disabled, select:disabled, textarea:disabled {} /* Buttons */ button.button::-moz-focus-inner { padding:0; border:0; } /* FF Fix */ button.button { -webkit-border-fit:lines; } /* <- Safari & Google Chrome Fix */ button.button{max-width: 100%;overflow:visible; width:auto; border:0; padding:0; margin:0; background:transparent; cursor:pointer;} button.button span {float:left;display:block;padding:0;font-size:14px;text-align:center;white-space:nowrap;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.button span span{border-bottom: 1px solid #E4E4E4;} button.button span, div.alert-inner a.continue{background-color: #F0F0F0;color: #252525;} button.button:hover span, div.alert-inner a.continue:hover{ background-color:#1bbeb4; color:#FFFFFF; } button.btn-checkout span, button.btn-cart span, div.alert-inner a.cart, .account-login .buttons-set button span, #opc-login .buttons-set button span{background-color: #252525 !important;color: #FFFFFF !important;} button.btn-checkout:hover span, button.btn-cart:hover span, div.alert-inner a.cart:hover, .account-login .buttons-set button:hover span, #opc-login .buttons-set button:hover span{ background-color:#1bbeb4 !important; color:#FFFFFF !important; } /* Button Medium */ button.button span span { padding: 11px 20px; float: none;white-space: normal;} button.button.btn-medium span span{padding: 11px 20px;} /* Button Small */ button.button.btn-inline span span { padding:6px 15px;} button.button.btn-small span span{padding: 6px 20px;} /* Button Large */ button.button.btn-large span span{padding: 14px 20px;font-size: 16px;} /* Perticular Buttons */ .account-login .buttons-set button span span, .opc .buttons-set button span span, .account-create .buttons-set button span span, .customer-account-forgotpassword .buttons-set button span span, #oar_widget_orders_and_returns_form .buttons-set button span span, .contacts-index-index .buttons-set .button span span{min-width: 120px;} /* ******************************************************************************************** Quantity Box *********************************************************************************************** */ .quantity_counter{width: 114px;display: inline-block;text-align: center;border-style: solid;border-color: #E4E4E4;border-width: 0px;border-right-width: 1px;border-bottom-width: 1px;} .quantity_counter *{float: left;} .quantity_counter input.qty{margin: 0px 0px;border-style: solid;border-left-width: 1px;border-right-width: 1px;border-bottom: none;border-top: none;width: 38px !important;border-color: #E4E4E4;height: 39px;} .quantity_counter a{text-align: center;background-color: #F0F0F0;border-radius: 0;box-shadow: none;width: 38px;height: 31px;padding: 4px 0;font-size: 20px;line-height: 30px;font-weight: bold;} .quantity_counter a:hover{background-color: #1bbeb4;color: #FFF;} /* ******************************************************************************************** Default Margin *********************************************************************************************** */ /* Margin Top */ .martop0{margin-top: 0px !important;} .martop5{margin-top: 5px !important;} .martop10{margin-top: 10px !important;} .martop15{margin-top: 15px !important;} .martop20{margin-top: 20px !important;} .martop25{margin-top: 25px !important;} .martop30{margin-top: 30px !important;} .martop35{margin-top: 35px !important;} .martop40{margin-top: 40px !important;} .martop45{margin-top: 45px !important;} .martop50{margin-top: 50px !important;} /* Margin Bottom */ .marbot0{margin-bottom: 0px !important;} .marbot5{margin-bottom: 5px !important;} .marbot10{margin-bottom: 10px !important;} .marbot15{margin-bottom: 15px !important;} .marbot20{margin-bottom: 20px !important;} .marbot25{margin-bottom: 25px !important;} .marbot30{margin-bottom: 30px !important;} .marbot35{margin-bottom: 35px !important;} .marbot40{margin-bottom: 40px !important;} .marbot45{margin-bottom: 45px !important;} .marbot50{margin-bottom: 50px !important;} /* Margin Left */ .marleft0{margin-left: 0px !important;} .marleft5{margin-left: 5px !important;} .marleft10{margin-left: 10px !important;} .marleft15{margin-left: 15px !important;} .marleft20{margin-left: 20px !important;} .marleft25{margin-left: 25px !important;} .marleft30{margin-left: 30px !important;} .marleft35{margin-left: 35px !important;} .marleft40{margin-left: 40px !important;} .marleft45{margin-left: 45px !important;} .marleft50{margin-left: 50px !important;} /* Margin Right */ .marright0{margin-right: 0px !important;} .marright5{margin-right: 5px !important;} .marright10{margin-right: 10px !important;} .marright15{margin-right: 15px !important;} .marright20{margin-right: 20px !important;} .marright25{margin-right: 25px !important;} .marright30{margin-right: 30px !important;} .marright35{margin-right: 35px !important;} .marright40{margin-right: 40px !important;} .marright45{margin-right: 45px !important;} .marright50{margin-right: 50px !important;} p.control input.checkbox, p.control input.radio { margin-right:6px; } /* Form Highlight */ /*input.input-text:focus,select:focus,textarea:focus {}*/ /*.highlight { background:#efefef; }*/ /* ******************************************************************************************** Form lists *********************************************************************************************** */ /* Grouped fields */ .form-list li { margin:0 0 20px; } .form-list label { float:left;position:relative; z-index:0;margin: 0 0 8px 0;padding-right: 5px;} .form-list label.required {} .form-list label.required em { float:right;font-style:normal;top:0;right:-8px;position:absolute; } .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 li.fields { margin-right:-15px; }*/ .form-list .input-box { display:block; clear:both; } .form-list .field { float:left; width: 49%;margin-bottom:8px; } .form-list .field + .field{float: right;} .form-list input.input-text { width: 100%;} .form-list textarea { width: 100%; height:10em; } .form-list select { width: 100%; } .form-list li.additional-row { border-top:1px solid #E4E4E4; 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; } /* Buttons set */ .buttons-set { clear:both; margin:10px 0; } .buttons-set .back-link { float:left; margin-bottom:5px; } .buttons-set .back-link a, div.alert a{display: block;padding: 9px 20px;font-size: 14px;text-align: center;white-space: normal;max-width: 100%;box-sizing: border-box;float: none;border-bottom: 1px solid #E4E4E4;} .buttons-set .back-link a{background-color: #F0F0F0;color: #252525;} .buttons-set .back-link a:hover{background-color: #1bbeb4;color: #FFF;} .buttons-set .back-link small {display:inline-block;margin-right:5px;} .buttons-set .back-link:hover small {} .buttons-set button.button { float:right; margin-right:5px; margin-bottom:5px; } .buttons-set p.required { margin:0 5px 5px 0; } .contacts-index-index .buttons-set {margin: 0px; margin-top:-10px; } .contacts-index-index .buttons-set button.button{float: left;margin: 0px;} .contacts-index-index .buttons-set .required { text-align:right; } /* Orders and Returns form */ #oar_widget_orders_and_returns_form .buttons-set button { float: left; } #oar_widget_orders_and_returns_form .buttons-set .required { text-align: left; } #oar_widget_orders_and_returns_form .form-list input.input-text, #oar_widget_orders_and_returns_form .form-list select{width: 100% !important;} /* Fieldset */ .fieldset, .multiple-checkout .col2-set, .multiple-checkout .col3-set, .info-set {margin:0 0 20px;} .fieldset .legend, .multiple-checkout .col2-set h2.legend, .info-set h2.legend {margin-bottom: 20px;} /* Form Validation */ .validation-advice { clear:both; color:#cb2700; margin-top:5px; } .validation-failed { border:1px solid #cb2700 !important; background:#fff !important; } .validation-passed {} p.required { font-size:12px;text-align:right; } p.required, .product-options dt label.required em, .form-list label.required em { color:#f00; } /* Expiration date and CVV number validation fix */ .v-fix { float:left; } .v-fix .validation-advice { display:block; width:12em; margin-right:-12em; position:relative; } /* ******************************************************************************************** Global Messages *********************************************************************************************** */ .success { color:#27ae60; font-weight: bold; } .error { color:#cb2700; font-weight: bold; } .notice { color:#2980b9; } .messages, .messages ul { list-style:none !important; margin:0; padding:0; } .messages { overflow:hidden; margin:0 0 10px; } .messages li { margin:0 0 20px; } .messages li li { margin:0; } .messages a { text-decoration:underline; } .error-msg, .success-msg, .note-msg, .notice-msg { background-position: 20px center !important;background-repeat: no-repeat !important;padding: 26px 25px 26px 70px !important;margin-bottom: 20px;font-size: 14px;} .error-msg {border-color:#cb2700;background-color:#f8e9e8;background-image:url(https://www.artzt.eu/skin/frontend/neighborhood/default/images/alert-icon/i_msg-error.png);color:#cb2700;} .success-msg {border-color:#27ae60;background-color:#e4f3eb;background-image:url(https://www.artzt.eu/skin/frontend/neighborhood/default/images/alert-icon/i_msg-success.png);color:#27ae60;} .note-msg, .notice-msg {border-color: #2980b9;background-color: #e6f1f8;background-image: url(https://www.artzt.eu/skin/frontend/neighborhood/default/images/alert-icon/i_msg-note.png);color: #2980b9;} /* ******************************************************************************************** BreadCrumbs *********************************************************************************************** */ .breadcrumbs{float: left;width: 100%;margin-bottom: 10px;} .breadcrumbs li {display: inline-block; font-size: 11px;} .breadcrumbs a {} .breadcrumbs li span {width:7px;height:5px;margin:6px 6px 0;overflow:hidden;} .breadcrumbs li strong { display:block; } /* ******************************************************************************************** Page Heading *********************************************************************************************** */ .page-title { margin-bottom:20px; } .page-title h1, .page-title h2 {margin-bottom: 0;font-size: 24px;line-height: 34px;font-weight: normal;} .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-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;line-height: 36px;} /* ******************************************************************************************** Toolbar *********************************************************************************************** */ .toolbar {position:relative;} /* Pager */ .pager { } .pager .pages {display: inline-block;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;line-height: 16px;text-align: center;border: 1px solid #E4E4E4;} .pager .pages li a {padding: 0px;display: block;} .pager .pages li a, .pager .pages li.current{padding: 11px 16px;} .toolbar .pager {border-top: 1px solid #E4E4E4;text-align: right;padding: 0px;margin: 15px 0 0% 0;padding-top: 15px;} .category-products .toolbar .pager{margin-bottom: -2%;} .toolbar .pager .pages { } /* Pager Hover Elements */ .pager .pages li a, .pager .view-mode .grid, .pager .view-mode .list{background-color: #F0F0F0;} .pager .pages li a:hover, .pager .pages li.current .pager .pages li a:hover, .pager .pages li.current, .pager .view-mode .grid:hover, .pager .view-mode .grid.grid-mode-active, .pager .view-mode .list:hover, .pager .view-mode .list.list-mode-active{background-color: #1bbeb4;color: #FFF;} /* View mode */ .pager .view-mode { /*margin-right: 20px; */} .pager .view-mode label { margin-left: 5px; } .pager .view-mode .grid, .pager .view-mode .list {vertical-align: middle;display: inline-block;font-family: FontAwesome;width: 40px;height: 40px;text-align: center;line-height: 40px;font-size: 21px;font-weight: normal;} /* Amount */ .pager .amount, .sorter .amount { float:left;margin-bottom: 5px;} /* vertical spacing */ .sorter .item-left, .pager .item-left, .sorter .item-right, .pager .pages{padding-top:5px;padding-bottom:5px; } /*Item Elements*/ .sorter .item-left, .pager .item-left{float: left;text-align: left;} .sorter .item-right{float: right;} /* Limiter */ .pager .limiter{clear: both;} .sorter .limiter { clear: both;} /*Style limiter*/ .limiter a{padding: 0 2px;} .limiter a:last-child > span{display: none;} .limiter a, .limiter span.sep{color: #666666;} .limiter a:hover, .limiter a.selected{color: #1bbeb4;} /*Style Sort By*/ .sort-by select{max-width: 100%;width: auto;padding-right: 70px;margin: 0px 5px 0px 20px;} .sort-by select, .sort-by a{display: inline-block;vertical-align: middle;cursor: pointer;} /* Toolbar Bottom */ .toolbar-bottom {clear: both;width: 100%;margin-top: 3%;} .toolbar-bottom .toolbar { } .toolbar-bottom .toolbar .pager {margin-bottom: 0%;} .toolbar-bottom .toolbar .pager .pages{} .toolbar-bottom .sorter {display: none;} /* ******************************************************************************************** Data Table *********************************************************************************************** */ .data-table { width:100%; } .data-table thead { background:none; } .data-table thead th{padding: 12px 20px;border-top-width: 1px;} .data-table thead th, .data-table tbody th{ vertical-align: middle;} .data-table thead th.wrap { white-space:normal; } .data-table th, .data-table td { padding:30px 20px;border-width: 0px; border-bottom-width: 1px;border-style: solid;border-color: #E4E4E4;text-align: left !important;} .data-table th .tax-flag { font-weight:normal; } .data-table tfoot tr td{text-align: right !important;} .data-table tfoot tr.last td{border-bottom: none;} .data-table tfoot td.last{border-right: none;text-align: left !important;} .data-table tfoot tr.last td strong{} /* Responsive Tile*/ .data-table .cartlabel { display:none; } /* ******************************************************************************************** Generic Info Box *********************************************************************************************** */ .info-box { background:#fff url(https://www.artzt.eu/skin/frontend/neighborhood/default/images/bkg_block-title.gif) 0 0 repeat-x; border:1px solid #E4E4E4; padding:12px 15px; margin:0 0 15px; } .info-box h2 { font-weight: bold; } .info-table th { font-weight: bold; padding:2px 15px 2px 0; } .info-table td { padding:2px 0; } /* ******************************************************************************************** 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.artzt.eu/skin/frontend/neighborhood/default/images/default-icon/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.artzt.eu/skin/frontend/neighborhood/default/images/default-icon/bkg_collapse.gif) 100% 4px no-repeat; cursor:pointer; } .cart-tax-info .price, .cart-tax-total .price { display:inline !important; font-weight:normal !important; } .cart-tax-total-expanded { background-position:100% -53px; } /* ******************************************************************************************** Class: std - styles for admin-controlled content *********************************************************************************************** */ .std .subtitle { padding:0; } .std ol.ol { list-style:decimal outside; padding-left:1.5em; } .std dl dt { font-weight: bold; } .std dl dd { margin:0 0 10px; } .std dl, .std p, .std address, .std blockquote { margin:0 0 1em; padding:0; } /* 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; } /* Std Misc */ .std dt { font-weight: bold; } .std dd { padding:0 0 0 1.5em; } .std blockquote { font-style:italic; padding:0 0 0 1.5em; } .std address { font-style:normal; } .std b, .std strong { font-weight: bold; } .std i, .std em { font-style:italic; } /* Std Styles Override */ .std .products-grid p { margin-bottom:0; } /* ******************************************************************************************** Misc *********************************************************************************************** */ .link-cart { font-weight: bold; } .link-reorder { font-weight: bold; } .link-print {} .link-rss { white-space:nowrap; } .link-print:before, .link-rss:before{padding-right: 10px;font-family: FontAwesome;} /* ******************************************************************************************** Common styles for small buttons *********************************************************************************************** */ /* Generic Button Style */ .btn-remove, .btn-remove2, .btn-edit, .tool-tip .btn-close a, .cart-table .link-wishlist, .compare-table .link-wishlist, .peer-cancel-img, #fancybox-close{overflow: hidden;font-family: FontAwesome;font-size: 12px;display: inline-block;text-align: center;padding: 0px;} /* Hover Style*/ .btn-remove:hover, .btn-remove2:hover, .btn-edit:hover, .tool-tip .btn-close a:hover, .cart-table .link-wishlist:hover, .compare-table .link-wishlist:hover, .peer-cancel-img:hover{color: #1bbeb4;} .cards-list dt { margin:5px 0 0; } .cards-list .offset { padding:2px 0 2px 20px; } .separator { margin:0 3px; font-weight:normal; color:#E4E4E4; } .divider { clear:both; display:block; font-size:0; line-height:0; height:1px; margin:10px 0; background:#E4E4E4; text-indent:-9999em; overflow:hidden; } /* ******************************************************************************************** Notices *********************************************************************************************** */ /* 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.artzt.eu/skin/frontend/neighborhood/default/images/alert-icon/i_msg-note.png) 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; } /* ******************************************************************************************** Lists *********************************************************************************************** */ /* Unordered lists */ ul.bullet, ul.disc, ul.list{ margin:0 0 1em; padding:0; } /* Bullet */ ul.bullet { list-style:none outside none; } ul.bullet li a:after{float: right;font-family: FontAwesome;} /* Disc */ ul.disc { list-style:disc outside none; padding-left:1.5em; } ul.disc li { background-image:none; padding-left:0; } /*List*/ ul.list{list-style:none outside none; } ul.list li { background-image:none; padding-left:0; } /* Nested unordered lists */ ul.bullet ul, ul.disc ul, ul.list ul{ margin-top:0.5em; margin-bottom:0.5em; } ul.bullet li a, ul.disc li a, ul.list li a{display: block;padding: 3px 0px;} ol.ordered-list li a{display: block;padding: 3px 0px;} /* Separator */ ul .separator {border-bottom:1px solid #E4E4E4;margin:8px 1px;overflow:hidden;} ul.separator li a{padding: 6px 0px;border-bottom: 1px solid #444444;} ul.separator li:last-child a, ul.separator li.last a{border-bottom: none;} ul.separator li.first a{padding-top: 0px;} /* ******************************************************************************************** Custom banners *********************************************************************************************** */ .page-banners .banner a { display:block; } .page-banners .banner a img { display:block; margin:0 auto; } .page-banners .banner { margin-bottom:2%; text-align: center;} .page-banners .banner.last{margin-bottom:0px;} .page-banners .banner p{text-align: left;} /* ******************************************************************************************** Bannerslider Block *********************************************************************************************** */ .slider-banners {-webkit-backface-visibility: hidden; margin-bottom:0.1%;} .slider-banners .banner {margin-bottom:2%; text-align: center; position:relative;} .slider-banners .banner.last{margin-bottom:0px;} .slider-banners a.banner, .slider-banners .banner a { display:block; } /* ******************************************************************************************** Category Top Banner Elements *********************************************************************************************** */ .category-block-section{clear: both;} .landing-page {} .horizontal-section, .vertical-section { display:block; margin-top:0; margin-bottom:20px; position:relative; } .horizontal-section {} .landing-page .center-block { display:block; margin:0 auto; } /* Templete Width */ .content-width .horizontal-section, .content-width .vertical-section{margin-bottom:40px;} .full-width .horizontal-section, .full-width .vertical-section{margin-bottom: 0px;float: left;width: 100%;} /* ******************************************************************************************** Header container *********************************************************************************************** */ .header-container {background-color: #FFFFFF;left: 0;right: 0;z-index: 999;position: relative;-moz-box-shadow:0 3px 5px rgba(0,0,0,.05);-webkit-box-shadow:0 3px 5px rgba(0,0,0,.05);box-shadow:0 3px 5px rgba(0,0,0,.05);} .header{font-size: 11px;} .header .item-left{float: left;margin-right: 15px;} .header .item-right{float: right;margin-left: 15px;} /* Header Top */ .header-top-container{background-color: #252525;} .header-top, .header-top a{color: #999999;line-height: 30px;} /* Social Link */ .header .social-link a{font-size: 15px;margin-left: 10px;margin-right: 0px;} .header .social-link a:hover{opacity: 0.7;} .header .social-link a:hover span{background-color: transparent !important;} /* Header Primary */ .header-primary-container{} .header-primary{padding: 33px 0px;} .header .dropdown{float: left;} .header .dropdown .dropdown-toggle{background-color: transparent !important;} .top-links{float: right;} /* logo */ .logo {text-align: center;} .logo strong{display:none;} /* Mini Cart =============================================================== */ .shopping_cart {float:right;} .after-mini-cart { clear:both; } /* Mini Cart Title */ .shopping_cart .dropdown-toggle .summary{} .shopping_cart .dropdown-toggle span.price {} .shopping_cart .dropdown-toggle .amount {} .shopping_cart .dropdown-toggle .subtotal {} .shopping_cart .icon-cart{background: transparent url('https://www.artzt.eu/skin/frontend/neighborhood/default/images/shopping_bag_icon.png') no-repeat top left;margin-right: 3px;width: 14px;height: 16px;vertical-align: -4px;} /* Mini Cart Content */ .shopping_cart .dropdown-menu .bag-header{font-size: 16px;padding: 15px;border-bottom: 1px solid #E4E4E4;} .shopping_cart .dropdown-menu .mini-products-list li{padding: 15px !important;border-bottom: 1px solid #E4E4E4;} .shopping_cart .mini-products-list .product-name{padding-right: 50px;font-weight: bold;font-size: 12px;line-height: 20px;} .shopping_cart .dropdown-menu a{padding: 0px;background-color: transparent !important;} .shopping_cart .dropdown-menu .inner {} .shopping_cart .dropdown-menu .incl-tax { display:block; padding-bottom:10px; text-align:right; } .shopping_cart .dropdown-menu .empty { padding:0px 0; } .shopping_cart .block-subtitle{font-size: 15px;margin-bottom: 10px;} .shopping_cart .dropdown-menu .price{font-weight: normal;font-size: 14px;} .shopping_cart .button-set{position: absolute;top: 17px;right: 15px;} .shopping_cart .btn-remove, .shopping_cart .btn-edit { margin: 0 5px;line-height: normal;} .shopping_cart .subtotal{text-align: left;padding: 14px 0px;clear: both;margin-top: 14px;float: left;width: 100%;display: none;} .shopping_cart .subtotal .label{} .shopping_cart .subtotal .price{color: #1bbeb4;} .shopping_cart .actions{text-align: center;padding: 15px;clear: both;} .shopping_cart .actions button{width: 100%;} .shopping_cart .actions button.btn-checkout{margin-top: 10px;} .shopping_cart .actions button span{float: none;text-align: left;font-size: 13px;} .shopping_cart .actions button span span{} .shopping_cart .truncated { margin-left:0px; } /* Wishlist =============================================================== */ .wishlist{float: right;} /* Wishlist Title */ .wishlist .icon-wishlist{margin-right: 2px;} /* Wishlist content */ .wishlist .dropdown-menu .bag-header{font-size: 16px;padding: 15px;border-bottom: 1px solid #E4E4E4;} .wishlist .dropdown-menu a{background-color: transparent !important;} .wishlist .dropdown-menu .mini-products-list li{padding: 15px !important;border-bottom: 1px solid #E4E4E4;} .wishlist .mini-products-list .product-name{padding-right: 20px;font-weight: bold;font-size: 12px;line-height: 20px;} .wishlist .btn-remove{position: absolute;top: 19px;right: 15px;line-height: normal;text-align: right;} .wishlist .mini-products-list .price-box p{margin-top: 0px;font-size: 14px;} .wishlist .actions{text-align: center;padding: 15px;clear: both;} .wishlist .actions button{width: 100%;} .wishlist .actions button span{float: none;text-align: left;font-size: 13px;} /* Form Search =============================================================== */ .quick-search{float: right;} #search_mini_form { clear:both; display:block; } .form-search { position:relative;z-index: 1; } .form-search label { float:left; margin:3px 4px 0 0; display:none; } .form-search .input-text {width: 100%;display: block;height:56px;line-height:56px\9;padding:0px 10px; overflow:hidden;text-overflow:ellipsis;border: none;background-color: transparent !important;} /* Button */ .form-search .button {display: block;line-height: 44px;} .form-search button.button span {border-bottom: none;background-color: transparent !important;color: #252525;} .form-search button.button span i{} .form-search:hover .button span {background-color: transparent !important;color: #1bbeb4;} .form-search .button span span { background:none; display:none; } /* Search autocomplete */ .form-search .search-autocomplete {left:0 !important; /*Fix for IE*/top:100% !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; } /* Nav Maincontainer =============================================================== */ .navmain-container{float: left;width: 100%;border-style: solid;border-color: #E4E4E4;border-width: 0px;border-top-width: 1px;-webkit-backface-visibility: hidden;-o-backface-visibility: hidden;} .nav-container.template{float: none;display: inline-block;clear: both;vertical-align: middle;} .nav{position: relative;} .nav *{} /* Sticy Header */ .navmain-container.fixed{z-index: 9999;left: 0;right: 0px;margin: 0 auto;opacity: 1;position: fixed;top: 0px;border-bottom: 1px solid #E4E4E4;border-top: none;background-color: #FFFFFF !important;} .header-primary-container.fixed .header-primary{padding: 0px;background-color: transparent !important;} /* Multiple Header =============================================================== */ /* Header Style 2 */ .header-container.header2 .logo{text-align: left;} .header-container.header2 .dropdown {float: right;} .header-container.header2 .currency.dropdown, .header-container.header2 .language.dropdown{border-left-width: 0px;border-right-width: 1px;} /* Header Style 3 */ .header-container.header3 .logo{text-align: right;} .header-container.header3 .top-links {float: left;} .header-container.header3 .currency.dropdown, .header-container.header3 .language.dropdown{border-left-width: 0px;border-right-width: 1px;} /* Header Style 4 */ .header-container.header4 .header-primary-container{background-color: transparent;} .header-container.header4 .navmain-container{border-top-width: 0px;} .header-container.header4 .logo{text-align: left;} .header-container.header4 .header-primary .dropdown{float: right;font-size: 14px;} .header-container.header4 .currency.dropdown, .header-container.header4 .language.dropdown{border-left-width: 0px;} .header-container.header4 .currency.dropdown .dropdown-toggle, .header-container.header4 .language.dropdown .dropdown-toggle, .header-container.header4 .links > li > a{line-height: 30px;} .header-container.header4 .language .dropdown-menu a, .header-container.header4 .currency .dropdown-menu a{line-height: 20px;} .header-container.header4 .mega-container{width: auto;float: right;} .header-container.header4 .nav-container{width: auto;float: right;} /* Header Style 5 */ .header-container.header5 .header-primary-container{background-color: transparent;} .header-container.header5 .navmain-container{border-top-width: 0px;} .header-container.header5 .logo{text-align: right;} .header-container.header5 .header-primary .dropdown{float: left;font-size: 14px;} .header-container.header5 .currency.dropdown, .header-container.header5 .language.dropdown{border-left-width: 0px;} .header-container.header5 .currency.dropdown .dropdown-toggle, .header-container.header5 .language.dropdown .dropdown-toggle, .header-container.header5 .links > li > a{line-height: 30px;} .header-container.header5 .language .dropdown-menu a, .header-container.header5 .currency .dropdown-menu a{line-height: 20px;} .header-container.header5 .mega-container{width: auto;float: left;} .header-container.header5 .nav-container{width: auto;float: left;} /* ******************************************************************************************** Sidebar *********************************************************************************************** */ /* Blocks */ .block { margin:0 0 35px;} .block .block-title {} .block .block-title strong {font-weight: normal;display: block;} .block .block-title strong span{} .block .block-title a { text-decoration:none !important; } .block .block-subtitle { margin:0px 0 15px; padding:0; } .block .block-content { /*padding: 20px 20px 40px;*/ } .block .block-content li{border-bottom: 1px solid #E4E4E4;padding: 7px 0px;} .block .block-content li.item { padding: 8px 0;margin: 0px;} .block .block-content li:first-child{padding-top: 0px;} .block .block-content li.last, .block .block-content li:last-child{padding-bottom: 0px;border-bottom: none;} .block .block-content .mini-products-list li.item{padding: 10px 0px;border-bottom: none;} .block .block-content .mini-products-list li.item:first-child{padding-top: 0px;} .block .block-content li.item .product-name {padding-bottom: 0px;} .block .btn-remove { float:right;margin-left: 10px; } .block .btn-edit { float:right; } .block .actions { margin: 8px 0 0 0;text-align: right;border-top: 1px solid #E4E4E4;padding-top: 15px;float: left;width: 100%;} .block .actions a { float:left; } /* Block: lists */ .block-viewed .block-content .product-name, .block-compare .block-content .product-name, .block-compared .block-content .product-name {overflow: hidden;white-space: nowrap;text-overflow: ellipsis;} /* Mini Products List */ .mini-products-list li {position: relative;box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;-ms-box-sizing: border-box;-o-box-sizing: border-box;float: left;width: 100%;padding: 10px 0px;margin-left: 0px !important;margin-right: 0px !important;} .mini-products-list li.item:first-child{padding-top: 0px;} .mini-products-list .product-image { float:left; width:72px; } .mini-products-list .product-details { margin-left:82px; text-align: left;} .mini-products-list .product-details h4 { font-weight: bold; margin:0; } .mini-products-list li.last{} .mini-products-list .product-name{overflow: hidden;white-space: nowrap;text-overflow: ellipsis;margin-bottom: 3px;}/*Single Line Name*/ .mini-products-list .price-box{padding: 2px 0px 7px;} .mini-products-list .price-box p{display: inline-block;margin-bottom: 0px;} .mini-products-list .price-box .price-label{display: none;} /* Block: Account */ .block-account .block-title {} .block-account .block-content { } .block-account .block-content ul { } .block-account li > * {display:block;} .block-account li strong {font-weight: normal;color: #1bbeb4;} /* Block: Currency */ .col-left.sidebar .currency{display: none;} /* Block: Layered Navigation */ .block-layered-nav .block-content { } .block-layered-nav .block-subtitle { display:none; margin-bottom:0; } .block-layered-nav li{text-align: right;} .block-layered-nav li a{float: left;} /* Filters of list */ .block-layered-nav dl, .block-blog dl{ padding-left:0px; padding-top:0px; } .block-layered-nav dt, .block-blog dt{font-size: 120%;padding: 0;} .block-layered-nav dd, .block-blog dd{ padding:0px 0 35px 0px; float: left;width: 100%;} .block-layered-nav dd ol li a, .block-blog dd ol li a{} .block-layered-nav dd.last, .block-blog dd.last{ border-bottom:none; padding-bottom: 0px;} /* Filters current */ .block-layered-nav .currently { /* margin:10px 0; */ } .block-layered-nav .currently .block-subtitle { display:block; padding: 0px 0px 5px; font-weight:normal; } .block-layered-nav .currently ol { /* padding:10px; */ } .block-layered-nav .currently ol li { /* margin-bottom:4px; position: relative; padding: 10px 0px;*/} .block-layered-nav .currently ol li span{float: left;} .block-layered-nav .currently .label { margin-right:4px; color:#d90000; } .block-layered-nav .currently .btn-remove {} .block-layered-nav .actions { /* margin:0; */ } .block-layered-nav .actions a { float:right; } /* List items */ .block-blog{margin-bottom: 0px;} /* Block: Category Sidebar Navigation */ /* List items */ #sidenav{} #sidenav li{ position:relative;position: relative;border-bottom: none;padding: 0px;} #sidenav li.active a{} #sidenav li.last{border:0 none;} #sidenav li:hover{} #sidenav li a{display: block;border-bottom: 1px solid #E4E4E4;padding: 8px 0px;} #sidenav li.level0:first-child > a{padding-top: 0px;} #sidenav li.level0:last-child > a{} /* List Levels */ #sidenav li ul.level0{display:none;padding-left:15px;} #sidenav li.active ul.level0{display:block;} #sidenav li.active ul.level0 li.active ul.level1{display:block;} #sidenav li.active ul.level0 li.active ul.level1 li.active ul.level2{display:block;} #sidenav li ul.level0 li.last{border:0 none;} /* Level 0 */ #sidenav li.level0 > a{} /* Level 1 */ #sidenav li ul li ul{ display:none;padding-left:15px;} #sidenav li.level1 a.show-cat{} /* List Active Icons */ #sidenav li a.show-cat{text-align: center;position: absolute;top: 0;width: 30px;padding: 0px;border-bottom: none;font-family: FontAwesome;right: 0;font-size: 14px;height: 36px;line-height: 36px;} #sidenav li a.show-cat span.minus{display:none;} #sidenav li a.show-cat.active span.minus{display:inline-block;} #sidenav li a.show-cat.active span.plus{display:none;} #sidenav li a.show-cat span.plus{display:inline-block;} /*Level Active & Hover*/ #sidenav li.active > a, #sidenav li a.show-cat.active{color: #1bbeb4;} #sidenav li.level0:first-child > a.show-cat{height: 28px;line-height: 28px;} /* Block: Related */ #block-related-slider input.checkbox { float: left;margin: -13px 0 0 10px;position: relative; } /* Block: Compare Products */ .compare-table { border:0; margin-bottom: 20px;} .compare-table .btn-remove { vertical-align: middle;} .compare-table .btn-remove:before{margin-right: 15px;margin-left: 15px;} .compare-table a.link-wishlist:before { margin-right: 13px;margin-left: 13px;} .compare-table tbody tr:hover {} .compare-table .product-shop-row { } .compare-table .product-shop-row th, .compare-table .product-shop-row td { } .compare-table tr.add-to-row { } .compare-table tr.add-to-row:hover { } .compare-table tr th{border-width: 1px;} .compare-table tr.add-to-row td { text-align:left; } .compare-table tr.first td { text-align:left; } .compare-table tr td{border-width: 1px;} .compare-table tr.first td .product-name { margin:10px 0; } .compare-table tr.first td .ratings { width:145px; margin:10px 0; } .compare-table .price-box { margin:10px 0; line-height:15px; } .compare-table .price-box .price{font-weight: 500;} /* Compare Table */ .compare-table .product-image img { display:block; } .compare-table .add-to-row td{} .compare-table .add-to-row p{display: inline-block;vertical-align: middle;} .compare-table .add-to-links { margin-top:0px; display: inline-block;vertical-align: middle;} .compare-table .add-to-links li {margin: 0px 0px 0 10px;} /* Block: Recently Viewed */ .block-viewed {} /* Block: Recently Compared */ .block-compared {} .block-compared .product-name{} /* Block: Compare */ .block-compare .product-name{} /* Block: Poll */ .block-poll .block-subtitle { } .block-poll input.radio { float:left; margin:4px -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 { } .block-tags .tags-list li{border-bottom: none;padding: 0px;} .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; position: relative;margin-top: 10px;line-height: 5px\9;} .block-subscribe input { width:100%;padding-right: 50px;height: 32px;line-height: 32px; } .block-subscribe button.button { float:none;position: absolute;top: 0;right: 0; } .block-subscribe button.button span{border-bottom: none;background-color: transparent !important;} .block-subscribe button.button:hover span{color: #1bbeb4;background-color: transparent !important;} .block-subscribe button.button span span{width: 32px;height: 32px;line-height: 32px;padding: 0px;} /* Block: Reorder */ .block-reorder input.checkbox { float:left; margin:3px 0px 0 0; } .block-reorder .product-name { margin-left:20px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; } .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; } .block-login input.input-text { display:block; width:167px; margin:3px 0; } /* Block: Review */ .block-reviews .ratings, .block-reviews .no-rating{margin: 0px;} .block-reviews .rating-links{display: none;} /*Block: Paypal */ .sidebar .paypal-logo { display:block; margin:0px 0 35px; text-align:center; } .sidebar .paypal-logo a { float:none; } /* ******************************************************************************************** Category Page *********************************************************************************************** */ /* View Type: Grid OR View Type: List =============================================================== */ .products-grid .product-image-wrapper, .products-list .product-image-wrapper{ margin:0 auto; position:relative; overflow: hidden;} /* Product Price */ .products-grid .price-box .price, .products-list .price-box .price{font-size: 18px;} .products-grid .price-box .old-price .price, .products-list .price-box .old-price .price{font-size: 13px;} /* Add To Cart (Button) */ .products-grid button.button span, .products-list button.button span, .add-to-cart .button.button span{background-color: #252525 !important;color: #bebebe !important;text-transform: uppercase;float: none;text-align: left;border-bottom: none;} .products-grid button.button:hover span, .products-list button.button:hover span, .add-to-cart .button.button:hover span{background-color: #252525 !important;color: #1bbeb4 !important;} .products-grid button.button span span, .products-list button.button span span, .add-to-cart .button.button span span{padding: 11px 20px;border-bottom: none;line-height: 18px;} /* View Type: Grid =============================================================== */ .new-product .new{display: none;} .products-grid {} .products-grid .item {position:relative;box-sizing: border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;border-width: 0px;border-style: solid;border-color: #E4E4E4;} /*Product Image*/ .products-grid .product-image {display: block;margin-left: auto;margin-right: auto;} /*Product Content*/ .products-grid .product-content-wrapper{margin-top: 20px;width: 100%;display: inline-block;zoom:1;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;} .products-grid .product-content{} .products-grid .product-name { margin-bottom: 4px;} .products-grid .vert{} .products-grid .price-box { } .products-grid .price-box p{margin-bottom: 0px;} .products-grid .price-box .price{} .products-grid .ratings {} .products-grid .price-box .price-label{} .products-grid .ratings, .products-grid .no-rating{display: none;} .products-grid .ratings .rating-box{margin-right: 0px;float: none;display: inline-block;} .products-grid .rating-links{display: none;} .products-grid .actions {position: absolute;bottom: 0;left: 0;right: 0;bottom: -80px;transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-webkit-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;z-index: 1;} .products-grid .item:hover .actions{bottom: 0;} .products-grid .availability { float:none; margin:5px 0; } .products-grid div.btn-cart{position: absolute;left: 0;right: 0;} .products-grid button.button{width:100%;} .products-grid .add-to-links {float: right;position: relative;} .products-grid .add-to-links li{} /* Display only on hover */ .products-grid .item .display-onhover { display:none; } .products-grid .item:hover .display-onhover{display: block;} /* Product name single line */ .products-grid .product-name.single-line-name{overflow: hidden;white-space: nowrap;text-overflow: ellipsis;} /* Category Full =============================================================== */ .category-full .col-main, .category-full .col-left{float: none;} .category-full .breadcrumbs{float: none;width: auto;} .category-full .sorter, .category-full .pager, .category-full .breadcrumbs{} /* Block Layered Navigation (Category Full Width Left Siderbar) */ .category-full .col-left .block.block-layered-nav{display: block;margin-bottom: 0px;} .category-full .col-left .block.block-layered-nav > .block-content{padding: 0px;} .category-full .col-left .block.block-layered-nav > .block-title{display: none;} .category-full .col-left .block.block-layered-nav .block-content .view{} .category-full .col-left .block.block-layered-nav .block-content .view .block-title{} .category-full .col-left .block.block-layered-nav .block-content .view .opener{right: 0;top: 0px;text-indent: 0px;background-color: #FFFFFF;width: 20px;height: 20px;line-height: 24px;text-align: right;} .category-full .col-left .block.block-layered-nav .view .block-content{padding: 0px;font-size: inherit;padding-top: 0px;padding-bottom: 20px;} /* Display only Visible on hover */ .visible-onhover{visibility:hidden;opacity:0;transition:visibility 0s ease-in-out 100ms, opacity 300ms ease-in-out 0ms;-moz-transition:visibility 0s ease-in-out 100ms, opacity 300ms ease-in-out 0ms;-webkit-transition:visibility 0s ease-in-out 100ms, opacity 300ms ease-in-out 0ms;-o-transition:visibility 0s ease-in-out 100ms, opacity 300ms ease-in-out 0ms;} .visible-onhover:hover{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;} /* View Type: List =============================================================== */ .products-list .item { position:relative;margin-top: 20px;zoom:1;padding-bottom: 20px;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;border-width: 0px;border-style: solid;border-color: #E4E4E4;border-bottom-width: 1px;} .products-list .item.last{border-bottom: none;padding-bottom: 0px;} .products-list .product-image-wrapper{margin-right: 1%;} .products-list .product-name { margin: 0 0 8px;font-size: 24px;line-height: 32px;} .products-list .product-image { display: block;margin-left: auto;margin-right: auto;max-width: 280px;} .products-list .price-box .price{font-size: 24px;} .products-list .price-box .old-price .price{font-size: 16px;} .products-list .price-box .price-label{} .products-list .ratings { margin:0px 0 25px; } .products-list .ratings .rating-links .separator, .products-list .ratings .rating-links{display: none;} .products-list .desc { margin:15px 0px;padding: 10px 0px; line-height: 1.5;} .products-list .link-learn {color: #1bbeb4;} .products-list .link-learn:hover{text-decoration: underline;} .products-list .actions{clear: both;} .products-list .btn-cart {width: 100%;max-width: 181px;margin-bottom: 5px;float: left;} .products-list .availability { float:none; margin:15px 0; } .products-list .add-to-links {float: left;margin-bottom: 5px;} /* ******************************************************************************************** Sale New Label *********************************************************************************************** */ /* List Or Grid Label */ .sale, .new{ color: #fff; text-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; white-space: nowrap; overflow: hidden; position: absolute; text-align: center; padding: 4px; width: 120px; z-index: 1; min-width: auto!important; height: 26px!important; min-height: 26px!important; max-height: 26px!important; margin: 0!important; border-radius: 0; top: 16px!important; left: auto; text-transform: uppercase; font-size: 11px; line-height: 28px; font-family: 'dinpromedium'; } .sale{ background-color: #ef3f32; transform: rotate(-45deg); -ms-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); left: -31px!important; } .new{ background: #07c1b6; transform: rotate(45deg); -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); right: -31px!important; } .hidden .sale, .hidden .new{display:none;} /* Category Label */ span.category-label{ padding: 0 6px !important; line-height: 22px; font-size: .91em; font-weight: 700; background-color: #07c1b6; color: #ffffff; text-transform: capitalize; position: absolute; font-size: 11px; text-transform: uppercase; transition: background-color 450ms ease-in-out, color 450ms ease-in-out; -moz-transition: background-color 450ms ease-in-out, color 450ms ease-in-out; -webkit-transition: background-color 450ms ease-in-out, color 450ms ease-in-out; -o-transition: background-color 450ms ease-in-out, color 450ms ease-in-out; } span.category-label:before{ position: absolute; left: 6px; top: 22px; width: 0; height: 0; content: ""; border-style: solid; border-width: 4px; border-color: transparent; border-top-color: #07c1b6; 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; } /* Menu Category Label (Custom Menu) */ #mega-nav > li > a span.category-label{top: -15px;} /* Lable Marging Left Side */ #sidenav li a span.category-label, #mega-nav ul.subs li a span.category-label{margin-left: 5px;} #sidenav li a span.category-label:before, #mega-nav ul.subs li a span.category-label:before{display: none;} /* Category Label Hover Effect */ .nav-container #nav li a.over span.category-label, a:hover span.category-label, #mega-nav > li:hover > a span.category-label{color: #FFF;background-color: #ef3f32;} a:hover span.category-label:before, .nav-container #nav li a.over span.category-label:before, #mega-nav > li:hover > a span.category-label:before{border-top-color:#ef3f32;} /* Product Alternative Image =============================================================== */ .products-grid .item .product-image img{ display: block; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; -webkit-transition: all 1s cubic-bezier(0.190,1.000,0.220,1.000); -webkit-transition-delay: 0s; -moz-transition: all 1s cubic-bezier(0.190,1.000,0.220,1.000) 0s; -o-transition: all 1s cubic-bezier(0.190,1.000,0.220,1.000) 0s; transition: all 1s cubic-bezier(0.190,1.000,0.220,1.000) 0s; margin-left: auto; margin-right: auto; } .products-grid .item:hover .product-image .small-image{ -webkit-transform: translate3d(0,-100%,0); -moz-transform: translate3d(0,-100%,0); -ms-transform: translate3d(0,-100%,0); -o-transform: translate3d(0,-100%,0); transform: translate3d(0,-100%,0); -webkit-transition: -webkit-transform 1s cubic-bezier(0.190,1.000,0.220,1.000); -webkit-transition-delay: 0s; -moz-transition: -moz-transform 1s cubic-bezier(0.190,1.000,0.220,1.000) 0s; -o-transition: -o-transform 1s cubic-bezier(0.190,1.000,0.220,1.000) 0s; transition: transform 1s cubic-bezier(0.190,1.000,0.220,1.000) 0s; } .products-grid .item .product-image .thumbnail{ position: absolute; left: 0; right: 0; } .products-grid .item:hover .product-image .thumbnail{ -webkit-transform: translate3d(0,-100%,0); -moz-transform: translate3d(0,-100%,0); -ms-transform: translate3d(0,-100%,0); -o-transform: translate3d(0,-100%,0); transform: translate3d(0,-100%,0); -webkit-transition: -webkit-transform 1s cubic-bezier(0.190,1.000,0.220,1.000); -webkit-transition-delay: 0s; -moz-transition: -moz-transform 1s cubic-bezier(0.190,1.000,0.220,1.000) 0s; -o-transition: -o-transform 1s cubic-bezier(0.190,1.000,0.220,1.000) 0s; transition: transform 1s cubic-bezier(0.190,1.000,0.220,1.000) 0s; } /* ******************************************************************************************** Product view *********************************************************************************************** */ /* Rating */ .ratings, .no-rating { line-height:1.0833em; margin:15px 0 15px; } .no-rating{margin: 0px;} .ratings a { line-height:1.0833em; } .ratings strong { float:left; margin:1px 5px 0 0; } .ratings .rating-links .separator {display:inline-block;width:1px;} .ratings dt {} .ratings dd {} .rating-box { width:66px; height:12px; font-size:0; line-height:0; background:url(https://www.artzt.eu/skin/frontend/neighborhood/default/images/ratings.png) 0 0 repeat-x; text-indent:-999em; overflow:hidden; } .rating-box .rating { float:left; height:12px; background:url(https://www.artzt.eu/skin/frontend/neighborhood/default/images/ratings.png) 0 100% repeat-x; } .ratings .rating-box { float:left; margin-right:8px; } .ratings .amount { white-space:nowrap; font-size:10px; text-transform:uppercase; } .ratings-table th, .ratings-table td { line-height:1.1666em; /*14px*/ padding:3px 0; } .ratings-table th { padding-right:8px; } /* Availability Stock */ .availability { margin:0; } .availability span { } .availability.in-stock span {color: #27ae60;} .availability.out-of-stock span { color: #cb2700;} .availability-only { margin:10px 0 7px; line-height:16px; background:url(https://www.artzt.eu/skin/frontend/neighborhood/default/images/i_availability_only.gif) 0 50% no-repeat; padding-left:15px; } .availability-only span, .availability-only a { border-bottom:1px dashed #751d02; } .availability-only a { background:url(https://www.artzt.eu/skin/frontend/neighborhood/default/images/i_availability_only_arrow.gif) 100% 0 no-repeat; cursor:pointer; padding-right:15px; text-decoration:none; } .availability-only .expanded { background-position:100% -15px; } .availability-only strong { color:#be2c00; } .availability-only-details { margin:0 0 7px; } .availability-only-details th { background:#d2d6d9; padding:0 8px; } .availability-only-details td { background:#ebf0f3; border-bottom:1px solid #fff; padding:2px 8px 1px; } .availability-only-details tr.odd td.last { color:#d95e00; font-weight: bold;} .product-view .product-shop .availability span { font-weight:normal; } /* Email to a Friend */ .email-friend {} /* Alerts */ .alert-price { margin:0;} .alert-stock { margin:0;} .alert-price, .alert-stock { margin:15px 0; padding:2px 0 2px 25px; line-height:15px; } .alert-price { background:url(https://www.artzt.eu/skin/frontend/neighborhood/default/images/default-icon/icons.png) 0 -120px no-repeat; } .alert-stock { background:url(https://www.artzt.eu/skin/frontend/neighborhood/default/images/default-icon/icons.png) 0 -160px no-repeat; } /********** < Product Prices */ .price { white-space:nowrap !important;font-size: 100%;text-shadow: 0px 0px 0px;} .price-box { margin: 0; } .price-box .price {} .price-box .price-label {font-size: 13px;font-weight: 400;padding-right: 5px;} /* Common price */ .regular-price .price, .minimal-price .price{/*color: #1bbeb4;*/} /* 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 { color: #a1a1a1;text-decoration:line-through; } /* Special price */ .special-price { margin:0; padding:0; } .special-price .price, .special-price .price-label {/* color:#1bbeb4;*/ } /* 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; } .minimal-price-link .label {} .minimal-price-link .price { /*color:#1bbeb4; */} /* 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: 500;white-space:nowrap; } .configured-price .price {font-weight: 500;} /* FPT */ .weee { display:block; font-size:11px; } .weee .price { font-size:11px; font-weight:normal; } /* Excl tax (for order tables) */ .price-excl-tax { } .price-excl-tax .label { white-space:nowrap; } .price-excl-tax .price { } /* Incl tax (for order tables) */ .price-incl-tax { } .price-incl-tax .label { white-space:nowrap; } .price-incl-tax .price { font-weight: 500;} /* 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: 18px;font-weight: 700;white-space: nowrap;} /* Price as bundle */ .price-box-bundle .price-box { margin:0 !important; padding:0 !important; border:none !important; } /********** Product Prices > */ /* Tier Prices */ .tier-prices { margin:0 0 30px; padding-left: 10px; } .tier-prices li { line-height:15px; padding:0 0 0 0px; margin:3px 0; } .tier-prices li:before{font-family: FontAwesome;padding-right: 11px;} .tier-prices .benefit { color:#cb2700; font-weight:normal; } .tier-prices-grouped li { padding:2px 0; } .tier-prices-grouped li .price { font-weight: 500;} /* Add-to links */ .add-to-links .separator { display:none; } .add-to-links li { float:left; } .add-to-links {margin:0px 0 0; } .add-to-links span.icon{} .addto-gaps-right li { margin-right:10px; } /*Icons Add To Links*/ .addto-links-icons li{border-left: 1px solid #444444;} .addto-links-icons span.icon{text-indent: 0px;background-color: #252525;color: #bebebe;width: 40px;height: 40px;line-height: 40px;text-align: center;} .addto-links-icons span.icon:hover{color: #1bbeb4;} /* Add to Cart */ .add-to-cart label{padding-right: 5px;margin-top: -10px;display: none !important;} .add-to-cart .qty { text-align:center; margin-right:10px;margin-bottom: 10px; } .add-to-cart .button {margin-bottom: 10px;} .product-view .add-to-cart { float:left; } .product-view .product-shop .add-to-cart *{display: inline-block;vertical-align: middle;} /* Quantity Counter */ .product-view .product-shop .quantity_counter{margin-bottom: 10px;margin-right: 7px;} /* Product 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; } /* Add to Cart Box Right */ .add-to-cart.right {} .add-to-cart.right label { margin-left:10px; } .add-to-cart.right .button { margin-right:0; } /* Messages */ #messages_product_view { margin: 0 auto; width: 98%; } /* ******************************************************************************************** Product page *********************************************************************************************** */ /* Block: Additional Box*/ .product-view .box-additional { margin-top:50px; clear:both;float: left;width: 100%;} .product-view .box-additional:before{display: table;line-height: 0;content: "";} .product-view .box-tabs {} .product-view .box-tabs .panel > h2{display:none; } .product-view .box-sidebar {} .product-view .box-up-sell {} /* Product Images Box */ .img-box{text-align: center;margin: 0 auto;} .img-box.position-y{padding: 0px;width: 78.9%;float: right;} /* Product Images Column */ .product-view .product-img-column {float:left;position:relative;} .product-view .product-img-column img{display: inline-block !important;} .col3-layout .product-view .product-img-column { float:none; margin:0 auto; display: inline-block;} /* Product Image */ .img-box .product-image {max-width: 588px; margin: 0 auto;display: block;position:relative;} .img-box .product-image a{overflow: hidden;} .img-box .product-image.product-image-zoom { } .product-image-popup { margin:0 auto; } .product-image-popup .nav { font-weight: bold; text-align:center; } .product-image-popup .image { display:block; margin:10px 0; } .product-image-popup .image-label { margin:0 0 10px; } /* Thumbnails */ .itemslider-thumbnails {margin-left: auto !important;margin-right: auto !important;width: auto !important;margin: 30px 0px 0 0px;max-width: 588px;} .itemslider-thumbnails .item {margin: 0px auto;padding-bottom: 5px;max-width: 70px;} /* Without margin */ .itemslider-thumbnails.no-margin{max-width: 588px;padding: 0px;} .itemslider-thumbnails.no-margin .item{padding: 2px 1px;margin: 0px;} /* Vertical thumbnail */ .itemslider-thumbnails.position-y{width: 19.1% !important;float: left;margin-right: 2% !important;margin: 0px;padding: 0px;} .itemslider-thumbnails.position-y .item{margin:5px 0px;} /* Without margin position Y */ .itemslider-thumbnails.position-y.no-margin{width: 21.1% !important;margin-right: 0% !important;} .itemslider-thumbnails.position-y.no-margin .item{margin: 0px;padding: 1px 2px 1px 0px;} /* Product Shop */ .product-view .product-shop { float: left;padding: 0px 0px 0 30px;box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;-ms-box-sizing: border-box;-o-box-sizing: border-box;} .product-view .product-essential .product-name {margin:0 0 0em; margin-bottom: 20px;} .product-view .product-essential .product-name h1 { margin:0;font-size: 24px;line-height: 34px;} .col3-layout .product-view .product-shop{padding: 30px 0px 0px 0px;} .product-view .price-stock{float: left;width: 100%;border-bottom: 1px solid #E4E4E4;padding-bottom: 30px;margin-bottom: 30px;} .product-view .product-shop .price-box{float: left;margin-right: 20px;} .product-view .availability{float: right;} .product-view .product-shop .product-meta{width: 100%;float: left;border-bottom: 1px solid #E4E4E4;margin: 20px 0px 0px;padding:0px 0px 30px;} .product-view .product-shop .product-meta > *{margin-top: 10px;} .product-view .product-shop .ratings, .product-view .product-shop .no-rating{margin: 10px 0px 0px 0px;line-height: 20px;} .product-view .product-shop .ratings .rating-box{margin-top: 4px;} .product-view .product-shop .ratings .rating-links{} .product-view .product-shop .ratings-table { margin:15px 0 5px; } .product-view .short-description {float: left;width: 100%;line-height: 22px;margin: 20px 0px 0px;padding:0px 0px 20px;border-bottom: 1px solid #E4E4E4;} .product-view .short-description ul { margin-top:5px; margin-bottom:5px; } /* Product Brand */ .box-brand img {display: block;max-width: 120px;} .box-brand a{display: inline-block;vertical-align: middle;} .box-brand label{display: inline-block;vertical-align: top;} /* Social Link */ .product-view .product-shop .social-link{float: left;width: 100%;border-bottom: 1px solid #E4E4E4;padding: 13px 0px;text-align:right;} .product-view .product-shop .social-link label{float: left;} .product-view .product-shop .social-link a{color: #666666;margin-left: 15px;font-size: 15px;margin-right: 0px;} .product-view .product-shop .social-link a:hover{color: #1bbeb4;} .product-view .product-shop .social-link a:hover > span.fa{background-color: transparent !important;} .product-view .product-shop .social-link a .tooltip:after{right: 5px;} /* Price For Product Page */ /* Main price */ .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 .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: 24px;} /* Special price */ .product-view .price-box .special-price { white-space:nowrap;} .product-view .price-box .special-price .price-label { white-space:nowrap;display: none; } .product-view .price-box .special-price .price-including-tax, .product-view .price-box .special-price .price-excluding-tax { padding:0 0 0 15px; } /* Old price */ .product-view .product-shop .price-box .old-price .price{font-size: 18px;} .product-view .product-shop .price-box .old-price .price-label { white-space:nowrap; display:none; } /* Prices on Product page */ .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; } /* price-from price & price-to price */ .product-view .product-shop .price-box .price-from .price, .product-view .product-shop .price-box .price-to .price, .product-view .product-shop .price-box .minimal-price .price{font-size: 16px;} /* MSRP price*/ .map-popup-msrp .price { display:block;} /* Move MSRP links below the price */ .product-view .product-shop .price-box.map-info .old-price { display:block; } /* Price box inside product options box or Add-to-cart box */ .product-view .add-to-box .price-box, .product-options-bottom .price-box { float:left; margin:18px 15px 10px 0; padding:0; } .product-view .price-box p.special-price, .product-view .price-box p.old-price{display: inline-block;padding-right: 5px;} .product-view .price-box-bundle .price-box p{margin-bottom: 5px;} .product-view .price-box-bundle + .price-box{clear: both;} /* Add-to links */ .product-view .action-box { margin:20px 0 0px; } .product-view .product-shop .add-to-links{float: left;} .product-view .product-shop .add-to-links li{margin-bottom: 10px;} .product-view .product-shop .add-to-links a:hover{} /* Button container */ .product-view .add-to-box, .product-shop .product-options-bottom{clear: both;border-bottom: 1px solid #E4E4E4;padding-bottom: 20px;} /* Product third Column */ .product-view .product-third-column {padding-left: 20px;box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;-ms-box-sizing: border-box;-o-box-sizing: border-box;} /* Other elements */ /* Unordered list in product description */ .product-view .short-description .std ul, .product-view .box-tabs .std ul { list-style:none outside none; } /* 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:30px;clear: both;} .product-options dt { } .product-options dt label, .product-options dd .qty-holder label{ display: inline-block;margin: 0 0 5px;} .product-options dt label.required em { float:right; margin-left:3px; } .product-options dd .qty-holder { display:block; padding:10px 0 0; } .product-options dd .qty-holder label { vertical-align:middle;padding-right: 5px;margin-bottom: 0px;} .product-options dt .qty-disabled { background:none; border:0; padding:3px; } .product-options dd { margin:3px 0 20px; } .product-options dl.last dd.last { border-bottom:0;margin-bottom: 0px;} .product-options dd input.input-text, .product-options dd input.product-custom-option{ width:100%; /*98%*/ height: 40px;padding: 8px 10px;} .product-options dd input.qty{height: 35px;width: 50px !important;padding: 7px;} .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%; height: 40px;padding: 8px 10px;} .product-options dd .multiselect option { 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; width: auto;height: auto;padding: 0px;margin-top: 4px;} .product-options ul.options-list input.checkbox { float:left; width: auto;height: auto;padding: 0px;margin-top: 4px;} .product-options ul.options-list .label { display:block; margin-left:18px; } .product-options ul.options-list label { } .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:-5px; font-size: 12px;} /* Product Options Bottom */ .product-options-bottom { margin-top:20px; } .product-options-bottom .price-box{display: none;} .product-options-bottom .tier-prices { margin:-5px 0 30px; 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 { float:left; } .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;margin-bottom: 15px;} .product-view .grouped-items-table thead th {} .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:15px; } .product-view .grouped-items-table td { vertical-align:middle; padding: 20px;} .product-view .grouped-items-table .price-box .regular-price .price { font-size:16px; } /* Downloadable product */ .product-type-data .item-options { clear: both; } .product-type-data .item-options dt { float:none; margin:0 0 5px; } .product-type-data .item-options dd { padding-left:15px; } /* Block: Tags */ .product-view .box-tags .product-tags { display:block; margin:0 0 25px; } .product-view .box-tags h3{margin-bottom: 5px;} .product-view .box-tags .product-tags li { display:inline; padding:0 7px; border-right:1px solid #E4E4E4; } .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;margin: 0 0 8px;} .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; font-size:0.9166em; /*11px*/ } /* Block: Reviews */ .product-view .box-reviews { } .product-view .box-reviews dl { margin:0 0 0px; } .product-view .box-reviews dt{} .product-view .box-reviews dt .heading { font-weight:normal; margin-right:10px; } .product-view .box-reviews dt span { font-weight: bold;} .product-view .box-reviews dt a {margin-right: 8px;font-weight: 700;} .product-view .box-reviews dd {margin: 0 0 20px 0px;border-bottom: 1px solid #E4E4E4;padding: 10px 0px 20px;border-top: none;} .product-view .box-reviews dd .date { display:block; margin-top:3px; font-style:italic; color: #696e6e;} .product-view .box-reviews .ratings-table { margin:0px 0 8px; } /* Block: Add Reviews */ .product-view .form-add {} .product-view .form-add h2 { text-transform:uppercase; } .product-view .form-add h3 { font-weight:normal; margin-bottom:5px; } .product-view .form-add h3 span { font-weight: bold;} .product-view .form-add h4 { font-weight:normal; } .product-view .form-add h3, .product-view .form-add h4 {font-size: 14px;} .product-view .form-add .form-list { margin:15px 0 0; } .product-view .form-add .form-list .input-box {} .product-view .form-add .form-list input.input-text { width:100%; max-width:340px; } .product-view .form-add .form-list textarea { width:100%; max-width:500px; } .product-view .buttons-set button.button { float:left; margin-left:0; } .product-view .form-add .data-table {box-shadow: 0px 0px 0px 0px transparent;-webkit-box-shadow: 0px 0px 0px 0px transparent;-moz-box-shadow: 0px 0px 0px 0px transparent;-ms-box-shadow: 0px 0px 0px 0px transparent;-o-box-shadow: 0px 0px 0px 0px transparent;background-color: transparent;} .product-view .form-add .data-table th, .product-view .form-add .data-table td { text-align: center !important;padding: 12px 20px;} .product-view .form-add .data-table th{border-right: none;text-align: left !important;} .product-view .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; } /* ******************************************************************************************** Content Styles *********************************************************************************************** */ .product-name { margin: 0px; font-size: 14px;line-height: 18px;text-shadow: 0px 0px 0px;} .product-image, .bot-shadow, .products-grid .product-image-wrapper, .products-list .product-image-wrapper{-webkit-box-shadow: 0 8px 6px -7px #999;-moz-box-shadow: 0 8px 6px -7px #999;box-shadow: 0 8px 6px -7px #999;} .scale-on-hover{display: block;overflow: hidden;} .scale-on-hover img{transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-webkit-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;-webkit-backface-visibility:visible;-o-backface-visibility: visible;-ms-backface-visibility: visible;-moz-backface-visibility: visible;backface-visibility: visible;} .scale-on-hover:hover img{-moz-transform: scale(1.2);-webkit-transform: scale(1.2);-o-transform: scale(1.2);-ms-transform: scale(1.2);transform: scale(1.2);} /* Product Tags */ .tags-list { background:none; border:0;padding: 0px; } .tags-list li{display: inline-block;vertical-align: top;margin:0px 4px 4px 0px;} .tags-list a {display: block;padding: 6px 8px;border: 1px solid #E4E4E4;border-radius: 3px;font-size: 14px !important;} .tags-list a:hover {background-color: #1bbeb4;color: #FFF;border-color: transparent;} /* Advanced Search */ .advanced-search .form-list label {} .advanced-search .form-list .input-box, .advanced-search .form-list .input-range {clear:both;} .advanced-search-summary { padding:10px 0px; 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:0px 0 0; } .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:0; } .catalogsearch-advanced-index .buttons-set button.button span span { padding-left:60px; padding-right:68px; } /* Sitemap */ .page-sitemap .links { float:right; margin:0 0 0px; text-align:center; } .page-sitemap .links a { text-decoration:none; position:relative; } .page-sitemap .sitemap { margin: 15px 0px;float: left;width: 100%;} .page-sitemap .sitemap li { margin: 3px 3px;display: inline-block;font-size: 13px;} .page-sitemap .sitemap li.level-0 { margin:10px 0 0; font-weight: bold;} .page-sitemap .sitemap li.level-0 a {} .page-sitemap .pager { float: left;padding: 0px;border: none;} .page-sitemap .pager .pages{float: left;clear: both;} /* RSS */ .rss-title h1 { background:url(https://www.artzt.eu/skin/frontend/neighborhood/default/images/default-icon/i_rss-big.png) 0 center no-repeat; padding-left:30px; } .rss-table .link-rss { display:block; } /* ******************************************************************************************** Shopping Cart *********************************************************************************************** */ .cart-empty p {border-top: 1px solid #E4E4E4;padding: 10px 0px;} .cart-empty p a{border-bottom: 1px dotted;} /* 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 .product-image { width:120px; display:block; margin-left: auto;margin-right: auto;} .cart-table .product-name { margin:0 0 10px; } .cart-table .item-msg { margin:5px 0; font-size:0.9166em; font-weight:bold;clear: both;} .cart-table .cart-price{} .cart-table .subtotal-price .cart-price{font-weight: bold;} .cart-table tfoot td { } /* Dart Table (Buttons Small) */ .data-table .btn-edit, .data-table .btn-remove, .data-table .btn-remove2, .data-table .link-wishlist{margin: 5px 0 0 0px;white-space: nowrap;font-size: 14px;font-weight: normal;background-color: #F0F0F0;width: 40px;height: 39px;line-height: 39px;border-bottom: 1px solid #E4E4E4;} /* Hover Buttons */ .data-table .btn-edit:hover, .data-table .btn-remove:hover, .data-table .btn-remove2:hover, .data-table .link-wishlist:hover{background-color: #1bbeb4;color: #FFF;} /* Table Tfoot Buttons */ .cart-table tfoot td.last {} .cart-table tfoot button {} .cart-table .btn-continue { float:left; margin-left:0; } .cart-table .btn-update, .cart-table .btn-empty { float:right; margin-left: 1%;} /* Crosssell */ .cart .crosssell{clear: both;margin-top: 50px;clear: both;float: left;width: 100%;} /* Discount Codes & Estimate Shipping and Tax Boxes */ .cart .discount .buttons-set, .cart .shipping .buttons-set { margin:20px 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; } .cart .discount{margin-top: 50px; } .cart .shipping{margin-top: 30px;} .cart .discount h2, .cart .shipping h2{} /* Estimate Shipping */ .cart .shipping input.input-text, .cart .shipping select { width:100%; } .cart .shipping p { margin-bottom:10px; } .cart .shipping .sp-methods { margin:20px 0 0; } /* Discount Codes */ .cart .discount label { display:block; margin:0 0 10px;} .cart .discount .input-box {} .cart .discount input.input-text { width:100%; } /* Shopping Cart Totals */ .cart .totals {} .cart .totals table { width:100%; } .cart .totals td {font-weight: normal;padding-bottom: 10px;} .cart .totals td:first-child.a-right{text-align: left !important;} .cart .totals tr.last td {} .cart .totals tfoot th { padding:5px 15px 5px 7px; } .cart .totals tfoot td { padding-top: 10px;} .cart .totals tfoot th strong, .cart .totals tfoot td strong {} .cart .totals .checkout-types { margin-top: 10px;} .cart .totals .checkout-types li {clear: both;margin: 0px 0 10px;} .cart .totals .checkout-types li button.button{width: 100%;} .cart .totals .checkout-types li button.button span{float: none;text-align: left;} .cart .totals .checkout-types li a{border-bottom: 1px dotted;padding-bottom: 3px;} .cart .totals .checkout-types li a:hover{} /* Options ToolTip */ .item-options { line-height:15px; font-size: 12px;} .item-options dt { white-space:nowrap; float:left; margin-right:7px; } .item-options dd { padding-left:11px; margin:0 0 2px; font-weight: 700;} /* Item options data table*/ .data-table .item-options dt {white-space:normal;} .data-table .item-options dt:before{font-family: FontAwesome;padding-right: 5px;} .data-table .item-options { margin:0 0 0 10px; } /* Tool Tip Options*/ .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; padding:8px; min-width:100px;background-color: #FFF;box-shadow: 0 0 5px 0px rgba(0, 0, 0, 0.1);-moz-box-shadow: 0 0 5px 0px rgba(0, 0, 0, 0.1);-webkit-box-shadow: 0 0 5px 0px rgba(0, 0, 0, 0.1);-moz-box-shadow: 0 0 5px 0px rgba(0, 0, 0, 0.1);-o-box-shadow: 0 0 5px 0px rgba(0, 0, 0, 0.1);} .truncated .truncated_full_value .item-options > p { font-weight: bold; margin-bottom:2px; } .truncated .show .item-options { top:-20px; left:50%; } .col-left .truncated .show .item-options { left:15px; top:7px; } .col-right .truncated .show .item-options { left:-240px; top:7px; } /* ******************************************************************************************** Checkout *********************************************************************************************** */ /********** < Common Checkout Styles */ /* Shipping and Payment methods */ .sp-methods dt {font-weight: 500;margin:10px 0 0; } .sp-methods dd { margin: 3px 0 15px; } .sp-methods dd li { margin: 5px 0 15px; } .sp-methods .price { font-weight: bold;} .sp-methods .form-list { margin-top: 20px;} .sp-methods select.month { width:150px; margin-right:10px; } .sp-methods select.year { width:96px; } .sp-methods input.cvv { width:3em !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;margin-right: 5px;max-width: 20px;} .cvv-what-is-this { cursor:help; margin-left: 10px;height: 47px;line-height: 47px;} /* Tooltip */ .tool-tip { background-color:#fff; padding:10px; position:absolute; z-index:9999; } .tool-tip .btn-close a { margin:0 0 0 auto; } .tool-tip .tool-tip-content { padding:5px; } /* Gift Messages */ .gift-messages { margin:30px 0 10px; } .gift-messages-form {position:relative; margin-top: 15px;} .gift-messages-form .product-name{margin-bottom: 10px;} .gift-messages-form p { margin-bottom:20px; } .gift-messages-form label { 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.artzt.eu/skin/frontend/neighborhood/default/images/default-icon/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;} .gift-message dd { margin:5px 0 0; font-size:13px; } .order-gift-message { margin:15px 0; } /* Checkout Agreements */ .checkout-agreements {padding: 20px;margin: 20px 0px;} .checkout-agreements li { margin:0 0 20px; } .checkout-agreements li:last-child{margin-bottom: 0px;} .checkout-agreements .agree { margin-top: 5px; } .checkout-agreements .agree input.checkbox { margin-right:6px; } .checkout-agreements .agree label { font-weight: bold;} .checkout-agreements .agreement-content { max-height:250px; overflow:auto;} .opc .checkout-agreements {padding: 15px 30px;margin: 0px;box-shadow: 0px 0px 0px 0px transparent;-webkit-box-shadow: 0px 0px 0px 0px transparent;-moz-box-shadow: 0px 0px 0px 0px transparent;-ms-box-shadow: 0px 0px 0px 0px transparent;-o-box-shadow: 0px 0px 0px 0px transparent;border-radius: 0px;background-color: transparent;} /* Centinel */ .centinel {} .centinel .authentication { border:1px solid #E4E4E4; background:#fff; } .centinel .authentication iframe { width:99%; height:400px; background:transparent !important; margin:0 !important; padding:0 !important; border:0 !important; } .info-set .data-table .item-options { margin:5px 0 0; } /* Generic Info Set */ .multiple-checkout h2, .info-set h2 {margin:0 0 10px; } .multiple-checkout h3, .multiple-checkout h4, .info-set h3, .info-set h4 { font-size:16px;font-weight: 500;} .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:14px;} .multiple-checkout .data-table .product-name, .info-set .data-table .product-name { font-size:14px; margin:0 0 5px; } .multiple-checkout .col2-set h2.legend, .info-set h2.legend {} .multiple-checkout .col2-set h3.legend, .info-set h3.legend { color:#1bbeb4; 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; } /********** Common Checkout Styles > */ /* ******************************************************************************************** One Page Checkout *********************************************************************************************** */ /* Block: Progress */ .block-progress{float: left;width: 100%;margin-bottom: 0px;margin-top: 40px;border-top: 1px solid #E4E4E4;padding-top: 40px;} .block-progress .block-title { } .block-progress .block-title strong {} .block-progress .block-content { margin-bottom: 35px;} .block-progress dt {} .block-progress dd {border-top: 0 none;margin: 0 0 0px;font-size: 0.90em;} .block-progress dt.complete {} .block-progress dt.complete .separator {} .block-progress dt.complete a { font-weight:normal; } .block-progress dd.complete {} .block-progress dd.complete .separator{} .block-progress dd.complete .changelink{float: left;width: 100%;} .block-progress dd.complete .changelink a{color: #1bbeb4;border-bottom: 1px dotted;padding-bottom: 3px;margin-top: 15px;float: left;} .block-progress dd.complete .changelink a:hover{border-bottom: 1px solid transparent;} .block-progress p { margin:0; } .opc .buttons-set { margin-top:0; padding-top:2em; margin: 0px;} .opc .buttons-set p.required { margin:0; padding:0 0 10px; text-align: left;} .opc .buttons-set.disabled button.button { display:none; } .opc .buttons-set .please-wait {height: 40px;line-height: 40px;margin-bottom: 5px;} .opc .ul { list-style:disc outside; padding-left:18px; } .opc { position:relative; float: left;width: 100%;} .opc .section { margin:0 0 0px; padding:0; clear: both;float: left;width: 100%;} .opc .step-title { text-align: right;padding: 15px 30px;background-color: #F0F0F0;border-bottom: 1px solid #E4E4E4;margin-bottom: 10px;} .opc .step-title .number {float: left;margin: 0 8px 0 0;font-size: 18px;line-height: 20px;} .opc .step-title h2 {float: left;margin: 0;font-size: 18px;line-height: 20px;} .opc .step-title a {display: none;margin-top: 6px;display: table-cell;visibility: hidden;opacity: 0;display: none;} .opc .section.allow { cursor:pointer; } .opc .section.allow.active { cursor:auto; } .opc .allow .step-title {} .opc .allow .step-title:hover { } .opc .allow .step-title h2 {} .opc .allow .step-title a {} .opc .active .step-title {cursor: default;background-color: #252525;color: #FFF;} .opc .active .step-title .number { } .opc .active .step-title h2 {} .opc .active .step-title a { } .opc .step {padding:20px 0px 30px;position:relative;float: left;width: 100%;box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;-ms-box-sizing: border-box;-o-box-sizing: border-box;} .opc .step .tool-tip { right:30px; } .opc #checkout-step-login.step{padding-bottom: 10px; } #opc-login .col-1 {} #opc-login .col-2 {} #opc-login .content{min-height: 287px;} #opc-login h3 {} #opc-login strong {} #opc-login .form-list { margin:20px 0; } #opc-login .form-list li.control { margin-bottom: 10px;} #opc-login .form-list li.control label{} #opc-login .buttons-set { padding:0; } #opc-review{border-bottom: none;} #opc-review .step { padding-left: 0;padding-right: 0;padding-bottom: 0px;} #opc-review .item-options { margin:5px 0 0; } #opc-review .buttons-set { border:0; padding:15px 15px 0px; } #opc-review .buttons-set p { margin:0; line-height:28px; } #opc-review .buttons-set .please-wait {} #opc-review .authentication { margin:0 auto; width:570px; } #opc-review .warning-message { color:#222; font-weight: bold; text-align:center; padding:10px 10px 0; } .opc .gift-messages-form { } .opc .gift-messages-form .inner-box { overflow:visible; } /* Multiple Addresses Checkout */ .checkout-progress { padding:0 0px; margin:0px 0 25px; float: left;width: 100%;} .checkout-progress li { float:left; width:19%; margin:0 1px 0 0; padding-top:5px; border-top:10px solid; text-align:center; } .checkout-progress li.active { color:#1bbeb4; } .multiple-checkout .page-title { } .multiple-checkout .buttons-set { border-top: 1px solid #E4E4E4;padding: 30px 0px 0px;margin-bottom: 0px;float: left;width: 100%;} .multiple-checkout .data-table thead tr { } .multiple-checkout .data-table thead th { } .multiple-checkout .gift-messages { margin:15px 0 0; } .multiple-checkout .box-content{position: relative;} .multiple-checkout .tool-tip { bottom: 0;right: 10px;} .multiple-checkout .col2-set .col-1 {} .multiple-checkout p.actions { margin-bottom:10px; } .multiple-checkout .place-order .please-wait { margin-top:10px; } .multiple-checkout .place-order .grand-total { 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;font-weight: bold;font-size: 16px;} /* Step 1 */ #multiship-addresses-table td { } #multiship-addresses-table td select{min-width: 200px;max-width: 100%;} /* Step 2 */ .checkout-multishipping-shipping .box-sp-methods { border:1px solid #E4E4E4; padding:15px; margin-bottom:0; position:relative; } .multiple-checkout .pointer{display: none;} /* ******************************************************************************************** Account Login/Create Pages *********************************************************************************************** */ .account-login .new-users, .opc .new-users, .account-login .registered-users, .opc .registered-users{ margin-bottom:20px; padding: 20px;} .account-login .new-users .content, .account-login .registered-users .content{min-height: 287px;} /* Registered Users */ .account-login .registered-users, .opc .registered-users, .account-login .registered-users .section-line > *, .opc .registered-users .section-line > *, .account-login .peer-cancel-img{background-color: #F0F0F0;} /* Checkout Page And Login Page Buttons-set */ #opc-login .buttons-set, .account-login .buttons-set { clear:none; padding:0; margin:0; margin-top: 10px;} #opc-login p, .account-login p { margin-bottom:20px;} #opc-login p.required, .account-login p.required { margin:0; text-align: left;} .account-login .buttons-set button, #opc-login .buttons-set button{display: inline-block;margin-left: 0;margin-right: 30px;float: none;} .account-login .buttons-set a, #opc-login .buttons-set a { margin: 0px 0 0;float: none !important;display: inline-block;} /* Remember Me Popup ===================================================================== */ .window-overlay {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 .remember-me-popup-head { position:relative; } .remember-me-popup .remember-me-popup-close-button { display:none; } /* ******************************************************************************************** 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 {margin-bottom: 5px;} .dashboard .col-1, .dashboard .col-2 { margin-bottom:1.5em; } /* Dashboard Commmon Box */ .box-account { margin:0 0 2em;} .box-account .box-head {margin: 0 0 20px;text-align: right;} .box-account .box-head h2 { float:left; margin:0; background-position:0 0; background-repeat:no-repeat; } .box-account .box-head a { float:right; margin-top:3px; } .dashboard .box .box-title {padding: 8px 0 8px;margin: 0 0 15px;text-align: right;border-bottom: 1px solid #E4E4E4;border-top: 1px solid #E4E4E4;} .dashboard .box .box-title h3, .dashboard .box .box-title h4 {float: left;font-weight: normal;margin: 0px;} .box-account.box-info .box-content a, .addresses-list ol li a{color: #1bbeb4;margin-top: 5px;display: inline-block;} .box-account.box-info .box-content a:hover, .addresses-list ol li a:hover{text-decoration: underline;} /* Block: Recent Orders */ .dashboard .box-recent {} /* Block: Account Information */ .dashboard .box-info {} .dashboard .box-info h4 {margin-bottom: 10px;margin-top: 5px;} /* Block: Reviews */ .dashboard .box-reviews .box-head{} .dashboard .box-reviews .box-head h2 {} .dashboard .box-reviews .number { float: left;padding: 0 8px;background: #252525;color: #FFF;margin-top: 3px;} .dashboard .box-reviews .details {margin-bottom: 10px; margin-left:38px; } .dashboard .box-reviews li.item { margin:0 0 7px; } .dashboard .box-reviews li.item.last { margin:0; } .dashboard .box-reviews li.item.last .details{margin-bottom: 0px;} .dashboard .box-reviews .ratings { margin:5px 0 0; } /* Block: Tags */ .dashboard .box-account.box-tags{border-top: 1px solid #E4E4E4;padding-top: 2em;} .dashboard .box-tags .box-head h2 {} .dashboard .box-tags .number { float: left;padding: 0 8px;background: #252525;color: #FFF;margin-top: 3px;} .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 > */ /* Address Book */ .addresses-list h2{padding: 8px 0 8px;margin: 0 0 15px;text-align: left;border-bottom: 1px solid #E4E4E4;border-top: 1px solid #E4E4E4;} .addresses-list h3 {margin-bottom: 10px;margin-top: 5px;} .addresses-list address { } .addresses-list .link-remove:hover { color:#cb2700; } .addresses-list .separator { margin:0 3px; } .addresses-list .addresses-primary .item { margin:0 0 1.5em;} .addresses-list li.empty { background:none; border:0; padding:0; } .addresses-list li.empty p { color:#555; } .addresses-list .addresses-additional .item { margin:0 0 1.5em;} .my-account .pager {text-align: right;padding: 0px;margin-top: 15px;margin-bottom: 20px;} .my-account .page-title:first-child + .pager{margin-bottom: 15px;margin-top: -5px;} /* Order View */ .order-info { margin: 0px 0 0px;display: inline-block;width: 100%;} .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:#F5F5F5; } .order-info li a:hover, .order-info li.current { background-color:#252525;color: #FFF; } .order-date { margin:15px 0; color:#1bbeb4; clear:both; } .order-info-box { margin:0 0 2.5em; } .order-info-box .col-1 { } .order-info-box .box .box-title{padding: 8px 0 8px;margin: 0 0 15px;text-align: left;border-bottom: 1px solid #E4E4E4;border-top: 1px solid #E4E4E4;} .order-info-box h2 {margin: 0px;} .order-info-box .box-payment p { margin:0 0 3px; } .order-info-box .box-payment th { font-weight: bold; padding-right:7px; } .order-items { width:100%; } .order-about h2 { margin:15px 0; } .order-items h3.table-caption { font-size:13px; font-weight: bold;} .order-items .product-name {margin: 0 0 5px;} .order-items .link-print { font-weight:normal; } .order-items .order-links { text-align: right; } .order-items p .link-print { float:none; } .order-items h2, .order-items h2.table-caption a, .order-items h2.sub-title a {font-size:12px;font-weight:normal;text-transform:none;} .order-items .order-comments h2 {} .order-details h2 {margin: 0 0 20px;text-align: left;} .order-details h2 .separator { color:#E4E4E4; font-size:12px; } /* Order Comments */ .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: 24px;line-height: 34px;} .page-print h2 {font-size: 16px;line-height: 20px; padding: 8px 0 8px;margin: 0 0 15px;text-align: left;border-bottom: 1px solid #E4E4E4;border-top: 1px solid #E4E4E4;} .page-print h3 {} .page-print .order-date { } .page-print .col2-set { margin:0 0 30px; } /* 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 auto 5px;width: 113px;} .my-wishlist .product-name { margin-bottom:10px; } .my-wishlist .description { margin-bottom:10px; } .my-wishlist textarea { display:block; width:97%; height:70px;} .my-wishlist .price-box { margin-bottom:5px; } .my-wishlist .add-to-cart-alt { margin-bottom:10px; } .my-wishlist .buttons-set { margin-top:2em; } .my-wishlist .buttons-set button.button { /*float:none; */} #wishlist-table .add-to-links { white-space:nowrap; } .my-wishlist .data-table tr.even { } .my-wishlist .btn-cart { margin:10px 0 5px; display: inherit;} /* My Tags */ .my-tag-edit { float:left; margin:0px 0 00px; } .my-tag-edit .btn-remove { float:right; margin:0px 0 0 5px; } .my-tag-edit .btn-remove span{display: none;} .my-account .page-title:first-child + .my-tag-edit + .clearer + .pager{margin-bottom: 0px;margin-top: 5px;} .my-account .tags-list{margin-top: 10px;margin-bottom: 20px;} #my-tags-table { clear:both; } #my-tags-table td .product-image{ width: 100px;display: block;} #my-tags-table td .ratings, #my-tags-table td .no-rating{margin: 5px 0;} #my-tags-table td .ratings .rating-box{margin-top: 3px;} #my-tags-table .add-to-links { white-space:nowrap; margin-top: 5px;display: inline-block;width: 100%;} #my-tags-table .add-to-links .link-wishlist{padding: 5px 10px;} /* My Reviews */ #my-reviews-table td {} .product-review .product-img-box { float:left; width:140px; } .product-review .product-img-box .product-image { display:block; width:125px; height:125px;margin: 0 auto; } .product-review .product-img-box .label { margin:10px 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-size: 13px;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; } /* ******************************************************************************************** MAP Popup *********************************************************************************************** */ .cart-msrp-totals { color:red; font-size:12px !important; text-align:right; text-transform:uppercase;} .map-cart-sidebar-total { color:red; display:block; text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-transform:lowercase;width:55px;line-height:15px;padding:2px 8px;} .map-cart-sidebar-total:hover {overflow:visible;white-space:normal;background-color:#fff;box-shadow:1px 1px 5px rgba(0, 0, 0, 0.2);} .map-popup { margin:10px 0 0; position:absolute; width:300px; z-index:100; } .map-popup-heading { width:240px; } .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; width:270px; } .map-popup-checkout { display:inline; float:right; text-align:right; } .map-popup-checkout span { display:block; padding-right:30px; } .map-popup-checkout .paypal-logo { margin:0 0 5px; } .map-popup-price .price-box, .map-popup-price .price-box .special-price { margin:0; padding:0; } .map-popup-price { margin:5px 0 0; } .map-popup-text { clear:right; margin:0 15px; padding:15px 0; 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 h3, .map-popup-heading { border-bottom:1px solid #E4E4E4; padding:12px 45px 12px 15px; } .remember-me-popup h3, .map-popup-heading h2 { font-size:18px; /*18px*/ } .remember-me-popup .remember-me-popup-body, .map-popup-content { padding:15px; } .remember-me-popup .remember-me-popup-head .remember-me-popup-close, .map-popup-close { background:url(https://www.artzt.eu/skin/frontend/neighborhood/default/images/default-icon/pix.png) 0 -150px no-repeat; display:block; position:absolute; top:11px; right:15px; height:17px; width:17px; text-indent:-9999em; } .remember-me-popup .remember-me-popup-head .remember-me-popup-close:hover, .map-popup-close:hover { background-position:-17px -150px; } .remember-me-popup .remember-me-popup-head .remember-me-popup-close:active, .map-popup-close:active { background-position:-34px -150px; } /* calendar */ .calendar { z-index:200; } /* ******************************************************************************************** Footer *********************************************************************************************** */ .footer-container{margin-top: 50px;float: left;width: 100%;} /*Div Background Color Remove*/ .footer-container .no-bg{background-color: transparent !important;} .footer-top-border{border-top: 1px solid #444444;float: left;width: 100%;padding-top: 20px;margin-top: 20px;} .footer-bottom-border{border-bottom: 1px solid #444444;float: left;width: 100%;padding-bottom: 20px;margin-bottom: 20px;} .footer-container, .footer .section-line > *, .footer .accordion .opener, .footer .accordion .opener:hover{background-color: #252525;} /* Footer */ .footer, .footer a, .footer .accordion .opener{color: #bebebe;} .footer a:hover{color: #1bbeb4;} /* Footer Primary */ .footer-primary-container{} .footer-primary{padding: 40px 0px;} .footer .block-title{color: #999999;} /* Footer bottom */ .footer-bottom-container{background-color: #000000;} .footer-bottom{padding: 15px 0px;} .footer-bottom ul{display: inline-block;vertical-align: middle;} .footer-bottom ul li{display: inline-block;} .footer-bottom ul li a{line-height: 26px;padding: 0 5px;} .footer-bottom .bugs{display: none;} .footer-bottom address{padding-left: 5px;font-size: 12px;} .footer-bottom address a{color: #FFF;} .footer-bottom address a:hover{color: #1bbeb4;} /* Subcribe */ .footer .block-subscribe{margin: 0px;padding: 0px;} .footer .block-subscribe .form-subscribe-header{text-align: left;margin-bottom: 10px;} .footer .block-subscribe .block-title{display: none;} .footer .block-subscribe .block-content{padding: 0px !important;display: block !important;background-color: transparent;border:none !important;text-align: center;} .footer .block-subscribe .input-box{margin-top: 0px;} .footer .block-subscribe input{border: none;} /* Scroll Back to top Button */ a.scrollup {float: right;display: none;font-size: 14px;color: #FFF;z-index: 999;} a.scrollup:hover{color: #1bbeb4;} /* ******************************************************************************************** 404 Page Not Found *********************************************************************************************** */ /* 404 Page Not Found 1 */ .page-not-found1{} .page-not-found1 .above-text{font-size: 18px;line-height: 26px;} /* 404 Page Not Found 2 */ .page-not-found2{text-align: left;} .page-not-found2 .above-heading{font-size: 7.5em;line-height: normal;} .page-not-found2 .below-text{font-size: 18px;line-height: 26px;} /* ******************************************************************************************** Tooltip *********************************************************************************************** */ .tooltip_container{position: relative;z-index: 1;display: inline-block;} .reletive{position: relative;} .tooltip{ background: #F0F0F0; color: #252525; font-size: 14px; margin-bottom: 10px; padding: 4px 9px; position: absolute; white-space: nowrap; opacity: 0; visibility: hidden; bottom: 100%; right: 0%; -webkit-transform: translate(0%,-15px); -moz-transform: translate(0%,-15px); -o-transform: translate(0%,-15px); -ms-transform: translate(0%,-15px); transform: translate(0%,-15px); -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; -webkit-animation-duration: .5s; -moz-animation-duration: .5s; -o-animation-duration: .5s; animation-duration: .5s; } .tooltip:after{ content: ""; width: 0; height: 0; border-left: 6px solid transparent; border-top: 5px solid #606366; border-right: 6px solid transparent; position: absolute; bottom: -5px; right: 13px; margin-left: -6px; } .tooltip_container:hover .tooltip{ -webkit-transform: translate(0%,0px); -moz-transform: translate(0%,0px); -o-transform: translate(0%,0px); -ms-transform: translate(0%,0px); transform: translate(0%,0px); opacity: 1 !important; visibility: visible; } /* ******************************************************************************************** Impact Custom Block *********************************************************************************************** */ .spb_impact_text{ background-image: url(https://www.artzt.eu/skin/frontend/neighborhood/default/images/nhood_impact_bkg.png); background-repeat: repeat; background-position: center top; background-size: auto; float: left; width: 100%; padding-top: 20px !important; padding-bottom: 20px !important; } .impact-text-wrap{position:relative;} .spb_call_text{float: left;padding-right: 30px;} .spb_call_text > *{margin: 10px 0px;} .impact-text-arrow{ position: absolute; right: 0; top: 50%; margin-top: -20px; max-width: 12%; font-size: 42px; } .impact-text-arrow *{font-style: normal !important;} /* ******************************************************************************************** Fixed Background Image *********************************************************************************************** */ .fixed-bgimg{ float: left; width: 100%; padding-top: 80px; padding-bottom: 80px; overflow: hidden; background-attachment: fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-repeat: no-repeat; background-position: center center; background-image: url(https://www.artzt.eu/skin/frontend/neighborhood/default/images/fixed-bgimg.png); border-top: 1px solid transparent; border-bottom: 1px solid transparent; } /* ******************************************************************************************** Custom Gray BG *********************************************************************************************** */ .custom_bg{ background-color: #f7f7f7; padding-top: 80px; padding-bottom: 80px; } .alt-bg{ padding-top: 80px; padding-bottom: 80px; } /* ******************************************************************************************** Clears *********************************************************************************************** */ .clear, .clearer{clear:both;} .clear:after, .clearer:after, .header-container:after, .header-container .top-container:after, .header:after, .header .quick-access:after, #nav:after, .main:after, .footer:after, .footer-container .bottom-container:after, .col-main:after, .col2-set:after, .col3-set:after, .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-collateral:after, .product-view .product-img-box .more-views ul: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 { display:block; content:"."; clear:both; font-size:0; line-height:0; height:0; overflow:hidden; } .guest-select {width:305px !important;} /* ======================================================================================= */ /** * 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-2019 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.artzt.eu/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.artzt.eu/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.artzt.eu/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.artzt.eu/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.artzt.eu/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.artzt.eu/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.artzt.eu/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.artzt.eu/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.artzt.eu/skin/frontend/base/default/images/widgets/i_widget-link.gif) 100% 4px no-repeat; padding:0 15px 0 0; } /* ======================================================================================= */ .postWrapper { padding-bottom: 25px; clear: both; } .postTitle { border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #DDDDDD; margin-bottom: 15px; } .postTitle h2 { font-size: 20px; font-weight: normal; margin: 0px; padding: 0px; } .postTitle h3 { font-size: 10px; margin: 0px; padding-top: 2px; padding-right: 0px; padding-bottom: 2px; padding-left: 0px; } .postContent { padding-bottom: 10px; } .postDetails { } .postBookmarks { padding-bottom: 10px; } .postBookmarks h4 { font-size: 12px; font-weight: bold; } .commentWrapper { padding-bottom: 15px; } .commentContent { padding-bottom: 0px; } .commentDetails { margin-bottom: 5px; padding: 0px; } .commentDetails h4.username { display: inline; } .postError { font-size: 16px; } .tags { font-weight: bold; padding-bottom: 10px; } .tags UL { display: inline; } .tags UL LI { font-weight: normal; display: inline; padding-right: 6px; } .tags h4 { font-size: 12px; font-weight: bold; } .menu-tags, .menu-categories, .menu-recent { margin: 5px 9px; } .menu-tags h5, .menu-categories h5, .menu-recent h5 { font-size: 11px; } .block-blog .menu-tags UL LI { display: inline; padding: 2px; margin-left: 10px; } .block-blog .menu-categories UL LI { margin-left: 10px; } .block-blog .menu-recent UL LI { margin-left: 10px; } .block-blog .menu-recent UL LI a, .block-blog .menu-categories UL LI a, .block-blog .menu-tags UL LI a { font-size: 11px; } .tagcloud { /* text-align:center; */ } .tag-count-1 { font-size: 1em !important; } .tag-count-2 { font-size: 1.2em !important; } .tag-count-3 { font-size: 1.4em !important; } .tag-count-4 { font-size: 1.6em !important; } .tag-count-5 { font-size: 1.8em !important; } .tag-count-6 { font-size: 2em !important; } .tag-count-7 { font-size: 2em !important; } .tag-count-8 { font-size: 2em !important; } .tag-count-9 { font-size: 2em !important; } .tag-count-10 { font-size: 2em !important; } .block-blog .head h4 { padding-left: 20px; } .block-blog .block-title strong { background-image: url(https://www.artzt.eu/skin/frontend/neighborhood/default/aw_blog/images/icon_blog.png); background-repeat: no-repeat; padding-left: 21px; text-align: left; } .postWrapper .poster { display: inline; } .input-box.aw-blog-comment-area { width: 100%; } .widget-latest li { font-size: 12px; padding: 5px 10px; } .block-blog .menu-categories { margin: 0; padding: 5px 9px; } A.awblog_current_comment { text-decoration: none !important; font-weight: bold !important; } /* Overlay */ #ampromo-items-add { border: 1px solid #ededed; padding: 7px; text-align: center; margin-bottom: 12px; } #ampromo-items-add a { text-decoration: none; border-bottom: 1px dashed; } .amscheckout #ampromo-items-add { margin: 7px 10px; } #ampromo-overlay { position: fixed; width: 100%; height: 100%; background-color: rgba(0,0,0,.8); top: 0; left: 0; z-index: 10000; text-align: center; direction: ltr; overflow: scroll; } #ampromo-overlay .close { position: absolute; top: 7px; right: 7px; background: url(https://www.artzt.eu/skin/frontend/base/default/images/amasty/ampromo/close_icon.png) no-repeat; width: 16px; height: 16px; z-index: 1; margin: 0; padding: 0; font-size: 0; display: block; opacity: .8; } #ampromo-overlay .close:hover { opacity: 1; transition: opacity 0.2s ease; } .ampromo-item .giftcard-send-form{ padding: 0; margin: 0; } @media only screen and (max-width: 820px) and (min-width: 420px) { body #ampromo-items.amcarousel { width: 400px; } body .amcarousel #ampromo-carousel-wrapper { width: 250px; } } @media only screen and (max-width: 420px) { body #ampromo-items.amcarousel { width: 100%; } body .amcarousel #ampromo-carousel-wrapper { width: 250px; } body .ampromo-carousel-control.prev { left: 0px; } body .ampromo-carousel-control.next { right: 0px; } body .ampromo-carousel-control { z-index: 10001; } } @media only screen and (max-width: 340px) { body #ampromo-items .ampromo-item { border: none; } } @media only screen and (max-height: 500px) { body #ampromo-items.amcarousel { top: 0 !important; height: 100%; } body #ampromo-items { padding-top: 0; } body #ampromo-items>h4 { display: none; } } /* Items */ #ampromo-items { border: 1px solid #ededed; background-color: white; position: relative; margin: 0 auto; padding: 24px; display: inline-block; box-sizing: border-box; } #ampromo-items.amcarousel { display: block; width: 685px; } #ampromo-items .ampromo-item { box-sizing: border-box; margin-bottom: 7px; padding: 20px; width: 250px; border: 1px solid #ededed; position: relative; margin-right: 12px; } #ampromo-items .ampromo-item-options { margin-bottom: 12px; text-align: left; } #ampromo-items .ampromo-item-image { display: block; margin: 0 auto; width: 160px; height: 160px } /* Carousel */ .amcarousel #ampromo-carousel-wrapper { width: 520px; } #ampromo-carousel-wrapper { overflow: hidden; margin: 0 auto; } .amcarousel #ampromo-carousel-content { width: 4500px; height: 1px; } #ampromo-carousel-content .ampromo-slide { float: left; } .amcarousel .ampromo-carousel-control { display: block; } .ampromo-carousel-control { position: absolute; top: 260px; background: url(https://www.artzt.eu/skin/frontend/base/default/images/amasty/ampromo/buttons_next_prev.png) no-repeat; width: 48px; height: 45px; font-size: 0; display: none; } .ampromo-carousel-control.carousel-disabled.prev { background-position: 0 0 !important; } .ampromo-carousel-control.amcarousel-disabled.next { background-position: -46px 0 !important; } .ampromo-carousel-control.prev { background-position: 0 -45px; left: 20px; } .ampromo-carousel-control.next { background-position: -46px -45px; right: 20px; } .ampromo-carousel-control.prev:hover { background-position: 0 -91px; } .ampromo-carousel-control.next:hover { background-position: -46px -91px; } .ampromo-item .qty-holder { display: none; } .ampromo-item-options select, .ampromo-item-options input { max-width: 210px; } .ampromo-notification { padding: 7px; text-align: center; margin-bottom: 12px; border: 1px solid #f16048; color: #df280a; background: #faebe7; } .ampromo_items_form h4 { line-height: 50px; } .ampromo_items_form h4 a { display: inline-block; vertical-align: middle; line-height: 14px; } .ampromo-label{ float: right; position: absolute; z-index: 500; } .ampromo-gift .product-image{ float: left; } .ampromo-gift li{ margin: 10px 10px; float: left; } .ampromo-tooltip { padding:2px 5px; background:#FEC; border:1px solid #FAA819; color:#1F5070; text-align:left; width:300px; position:absolute; z-index: 10001; } .ampromo-product-name{ font-weight: bold; } .ampromo-short-description{ } .ampromo-img img{ /*width: 100%;*/ } /** * This file is part of a FireGento e.V. module. * * This FireGento e.V. module is free software; you can redistribute it and/or * modify it under the terms of the GNU General Public License version 3 as * published by the Free Software Foundation. * * This script is distributed in the hope that it will be useful, but WITHOUT * ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS * FOR A PARTICULAR PURPOSE. See the GNU General Public License for more details. * * @category FireGento * @package FireGento_MageSetup * @author FireGento Team * @copyright 2013-2015 FireGento Team (http://www.firegento.com) * @license http://opensource.org/licenses/gpl-3.0 GNU General Public License, version 3 (GPLv3) */ /* Left empty on purpose, only needed in rwd theme */ @font-face{font-family:bluefoot-icons;src:url(https://www.artzt.eu/skin/frontend/base/default/gene/bluefoot/fonts/bluefoot/bluefoot.eot);src:url(https://www.artzt.eu/skin/frontend/base/default/gene/bluefoot/fonts/bluefoot/bluefoot.eot?#iefix) format('embedded-opentype'),url(https://www.artzt.eu/skin/frontend/base/default/gene/bluefoot/fonts/bluefoot/bluefoot.woff) format('woff'),url(https://www.artzt.eu/skin/frontend/base/default/gene/bluefoot/fonts/bluefoot/bluefoot.ttf) format('truetype'),url(https://www.artzt.eu/skin/frontend/base/default/gene/bluefoot/fonts/bluefoot/bluefoot.svg#bluefoot) format('svg');font-weight:400;font-style:normal}.bluefoot-full-width{float:left;width:100%}.bluefoot-wrapper{width:100%;max-width:1260px;margin:0 auto;box-sizing:border-box;padding-left:15px;padding-right:15px}.bluefoot-entity{box-sizing:border-box}.bluefoot-align-left{text-align:left}.bluefoot-align-right{text-align:right}.bluefoot-align-center{text-align:center}.bluefoot-align-center img{margin-left:auto;margin-right:auto}@media all and (min-width:1500px){.bluefoot-wrapper{max-width:1440px}}.bluefoot-mobile-only{display:none!important}@media all and (max-width:770px){.bluefoot-mobile-only{display:block!important}.bluefoot-mobile-hidden{display:none!important}}.bluefoot-icons{font-family:bluefoot-icons}.transition{transition:.5s;-o-transition:.5s;-ms-transition:.5s;-moz-transition:.5s;-webkit-transition:.5s}.main-container.full-width-layout{max-width:100%;width:100%;padding-left:0;padding-right:0}.bluefoot-column{float:left;padding:15px;box-sizing:border-box;min-height:1px}.bluefoot-column.right{float:right}.bluefoot-column.bluefoot-no-padding{padding:0}.bluefoot-column-12{width:100%}.bluefoot-column-11{width:91.66666667%}.bluefoot-column-10{width:83.33333333%}.bluefoot-column-9{width:75%}.bluefoot-column-8{width:66.66666667%}.bluefoot-column-7{width:58.33333333%}.bluefoot-column-6{width:50%}.bluefoot-column-5{width:41.66666667%}.bluefoot-column-4{width:33.33333333%}.bluefoot-column-3{width:25%}.bluefoot-column-2{width:16.66666667%}.bluefoot-column-1{width:8.33333333%}@media all and (max-width:990px){.bluefoot-column-12{width:100%}.bluefoot-column-12.bluefoot-fixed-height-item{height:auto!important}.bluefoot-column-11{width:100%}.bluefoot-column-11.bluefoot-fixed-height-item{height:auto!important}.bluefoot-column-10{width:100%}.bluefoot-column-10.bluefoot-fixed-height-item{height:auto!important}.bluefoot-column-9{width:100%}.bluefoot-column-9.bluefoot-fixed-height-item{height:auto!important}.bluefoot-column-8{width:100%}.bluefoot-column-8.bluefoot-fixed-height-item{height:auto!important}.bluefoot-column-7{width:100%}.bluefoot-column-7.bluefoot-fixed-height-item{height:auto!important}.bluefoot-column-6{width:100%}.bluefoot-column-6.bluefoot-fixed-height-item{height:auto!important}.bluefoot-column-5{width:50%}.bluefoot-column-4{width:50%}.bluefoot-column-3{width:50%}.bluefoot-column-2{width:50%}.bluefoot-column-1{width:50%}}@media all and (max-width:770px){.bluefoot-column-12{width:100%}.bluefoot-column-12.bluefoot-fixed-height-item{height:auto!important}.bluefoot-column-11{width:100%}.bluefoot-column-11.bluefoot-fixed-height-item{height:auto!important}.bluefoot-column-10{width:100%}.bluefoot-column-10.bluefoot-fixed-height-item{height:auto!important}.bluefoot-column-9{width:100%}.bluefoot-column-9.bluefoot-fixed-height-item{height:auto!important}.bluefoot-column-8{width:100%}.bluefoot-column-8.bluefoot-fixed-height-item{height:auto!important}.bluefoot-column-7{width:100%}.bluefoot-column-7.bluefoot-fixed-height-item{height:auto!important}.bluefoot-column-6{width:100%}.bluefoot-column-6.bluefoot-fixed-height-item{height:auto!important}.bluefoot-column-5{width:100%}.bluefoot-column-5.bluefoot-fixed-height-item{height:auto!important}.bluefoot-column-4{width:100%}.bluefoot-column-4.bluefoot-fixed-height-item{height:auto!important}.bluefoot-column-3{width:100%}.bluefoot-column-3.bluefoot-fixed-height-item{height:auto!important}.bluefoot-column-2{width:100%}.bluefoot-column-2.bluefoot-fixed-height-item{height:auto!important}.bluefoot-column-1{width:100%}.bluefoot-column-1.bluefoot-fixed-height-item{height:auto!important}}.bluefoot-row{margin-left:-15px;margin-right:-15px;box-sizing:border-box}.bluefoot-row.bluefoot-wrapper-row,.bluefoot-row.with-media-background{margin-left:0;margin-right:0}.bluefoot-row:after,.bluefoot-row:before{content:'';display:table}.bluefoot-row:after{clear:both}.col-main .bluefoot-row>.bluefoot-entity{padding-left:15px;padding-right:15px}.col-main .bluefoot-row>.bluefoot-entity.no-padding{padding-left:0;padding-right:0;box-sizing:border-box}.bluefoot-hr{margin:15px auto;max-width:100%;width:100%;border-width:1px;border:none;border-top:solid}.bluefoot-spacer{height:15px}.bluefoot-image img{max-width:100%;display:block}.bluefoot-image figcaption{text-align:center;margin-top:15px}.bluefoot-video{width:100%}.bluefoot-video iframe{height:500px;width:100%;max-width:100%!important}.bluefoot-driver{position:relative;float:left;width:100%}.bluefoot-driver img{max-width:100%;display:block}.bluefoot-driver:hover .bluefoot-driver-text{background:rgba(0,0,0,.6)}.bluefoot-driver-text{position:absolute;z-index:10;display:block;bottom:0;left:0;right:0;padding:15px;background:#000;background:rgba(0,0,0,.4);text-align:center;font-size:18px;color:#fff;transition:.5s;-o-transition:.5s;-ms-transition:.5s;-moz-transition:.5s;-webkit-transition:.5s}.bluefoot-slider.bluefoot-slider-with-dots{margin-bottom:50px}.bluefoot-slider img{max-width:100%;margin:0 auto}.bluefoot-slider .slick-arrow{position:absolute;top:50%;width:40px;height:40px;line-height:40px;margin-top:-20px;border:none;z-index:10;padding:0;font-family:bluefoot-icons;font-size:14px}.bluefoot-slider .slick-arrow:focus{outline:0}.bluefoot-slider .slick-arrow.slick-disabled{cursor:disabled}.bluefoot-slider .slick-arrow span{width:40px;padding:0}.bluefoot-slider .slick-next{right:0}.bluefoot-slider .slick-prev{left:0}.bluefoot-slider .slick-dots{list-style:none;padding:0;text-align:center;margin:15px 0;width:100%;position:absolute;left:0;bottom:-50px}.bluefoot-slider .slick-dots li{display:inline-block;margin:0 7.5px}.bluefoot-slider .slick-dots li button{text-indent:-9999px;height:15px;line-height:15px;width:15px;border-radius:50%;border:none;background:#ddd}.bluefoot-slider .slick-dots li button:focus{outline:0}.bluefoot-slider .slick-dots li button:hover{background:#39c}.bluefoot-slider .slick-dots li.slick-active button{background:#39c}.bluefoot-advanced-slide{background-size:cover;background-repeat:no-repeat;background-position:center center}.bluefoot-advanced-slide.bluefoot-slide-with-link{cursor:pointer}.bluefoot-advanced-slide .bluefoot-advanced-slide-content{margin:30px;padding:30px;display:inline-block;width:40%;text-align:center}.bluefoot-advanced-slide .bluefoot-advanced-slide-content.bluefoot-with-overlay{background:rgba(0,0,0,.4)}.bluefoot-advanced-slide .bluefoot-advanced-slide-content.bluefoot-with-overlay h2,.bluefoot-advanced-slide .bluefoot-advanced-slide-content.bluefoot-with-overlay h3,.bluefoot-advanced-slide .bluefoot-advanced-slide-content.bluefoot-with-overlay h4,.bluefoot-advanced-slide .bluefoot-advanced-slide-content.bluefoot-with-overlay li,.bluefoot-advanced-slide .bluefoot-advanced-slide-content.bluefoot-with-overlay p{color:#fff}@media all and (max-width:990px){.bluefoot-advanced-slide{text-align:center}.bluefoot-advanced-slide .bluefoot-wrapper{padding:0}.bluefoot-advanced-slide .bluefoot-advanced-slide-content{width:60%;margin-left:20%;margin-right:20%;box-sizing:border-box}}@media all and (max-width:770px){.bluefoot-advanced-slide .bluefoot-advanced-slide-content{width:80%;margin-left:10%;margin-right:10%;padding:15px}}.bluefoot-product{background:0 0}.bluefoot-product .item li,.bluefoot-product li.item{list-style:none;margin-left:0;width:100%}.bluefoot-product .item li .product-image img,.bluefoot-product li.item .product-image img{max-width:100%;height:auto}.bluefoot-product ul.add-to-links{padding-left:0}.bluefoot-product.products-grid{margin:0;padding:0;width:auto}.bluefoot-product.products-grid .item{margin:0 0 15px}.bluefoot-product.products-grid .item .actions{display:block}.bluefoot-product.products-list{margin:0;padding:0;width:auto}.bluefoot-product-list .item li,.bluefoot-product-list li.item{list-style:none;margin-left:0}.bluefoot-product-list .item li .product-image img,.bluefoot-product-list li.item .product-image img{max-width:100%;height:auto}.bluefoot-product-list ul.add-to-links{padding-left:0}.bluefoot-product-list.products-grid{margin:0;padding:0;width:auto}.bluefoot-product-list.products-grid .item .actions{display:block}.bluefoot-newsletter.block .actions .button{float:left}.bluefoot-newsletter.block .block-title{border-top:none}.bluefoot-accordion .bluefoot-accordion-link,.bluefoot-accordion h4.bluefoot-accordion-link{cursor:pointer;margin-bottom:0;padding:15px;box-sizing:border-box;line-height:1.4em}.bluefoot-accordion .bluefoot-accordion-link:after,.bluefoot-accordion h4.bluefoot-accordion-link:after{content:'+';font-family:bluefoot-icons;float:right;font-size:1.4em;width:20px}.bluefoot-accordion .bluefoot-accordion-inner{box-sizing:border-box;padding:15px;border-top:1px solid #ededed}.bluefoot-accordion-item{border-bottom:1px solid #ededed}.bluefoot-accordion-item.active .bluefoot-accordion-link:after{content:'-'}.bluefoot-tabs .bluefoot-accordion-link{cursor:pointer;margin-bottom:0;padding:15px;box-sizing:border-box;line-height:1.4em;border-bottom:1px solid #ededed}.bluefoot-tabs .bluefoot-accordion-link:after{content:'+';font-family:bluefoot-icons;float:right;font-size:1.4em}.bluefoot-tabs .bluefoot-tabs-navigation{border-bottom:1px solid #ededed;margin:0}.bluefoot-tabs .bluefoot-tabs-navigation li{float:left;margin:0;padding:0;list-style:none}.bluefoot-tab{height:40px;line-height:40px;border:1px solid #ededed;border-bottom:none;border-right:none;background:#f6f6f6;padding:0 15px;display:block;cursor:pointer;position:relative}.bluefoot-tab:after{content:'';left:0;right:0;bottom:-1px;border-bottom:1px solid #fff;position:absolute;display:none}.bluefoot-tab.last{border-right:1px solid #ededed}.bluefoot-tab.active,.bluefoot-tab:hover{background:#fff}.bluefoot-tab.active:after{display:block}.bluefoot-tab-inner{padding:15px 0;box-sizing:border-box}.bluefoot-tab-content{display:none}.bluefoot-tab-content.active{display:block}@media all and (min-width:771px){.bluefoot-tab-inner{display:block!important}}@media all and (max-width:770px){.bluefoot-tab-content{display:block}.bluefoot-tab-inner{padding:15px;display:none}}.bluefoot-map{max-width:100%;width:100%;height:300px}.bluefoot-search-form .form-search{position:relative;padding:0}.bluefoot-search-form label{display:none}.bluefoot-search-form input[type=search],.bluefoot-search-form input[type=text]{width:100%;height:40px;padding-right:40px}.bluefoot-search-form .search-button{position:absolute;top:0;right:0;width:40px;height:40px;padding:0;border:0;background:0 0;color:#999;font-size:20px;transition:.5s;-o-transition:.5s;-ms-transition:.5s;-moz-transition:.5s;-webkit-transition:.5s}.bluefoot-search-form .search-button:before{content:'s';text-transform:none;font-family:bluefoot-icons;text-align:center;width:40px;height:40px;line-height:40px}.bluefoot-search-form .search-button:hover{color:#fff}.bluefoot-code{text-align:left!important;font-family:Consolas,"Liberation Mono",Menlo,Courier,monospace;font-size:13px;tab-size:8;line-height:1.4em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.bluefoot-code code{padding:15px;box-sizing:border-box}.bluefoot-app .col2-right-layout .col-right .block-title{border:0}.bluefoot-content-view-latest .bluefoot-content-latest-item{padding:9px}.bluefoot-content-view-latest .bluefoot-published-date{font-size:12px;font-weight:600;margin:5px 0 0}.bluefoot-content-view-latest .bluefoot-excerpt{margin:5px 0 0}.bluefoot-content-view-latest .bluefoot-latest-title{margin:0}@media screen and (max-width:770px){.bluefoot-app .col2-right-layout .col-right{float:left;width:100%}}.bluefoot-app iframe,.bluefoot-app img,.bluefoot-content-list iframe,.bluefoot-content-list img{max-width:100%}.bluefoot-app .bluefoot-content-list-page-title h1,.bluefoot-content-list .bluefoot-content-list-page-title h1{border-bottom:none}.bluefoot-content-summary{float:left;width:100%}.bluefoot-content-list-page-description{margin-bottom:15px;padding-bottom:15px;border-bottom:1px solid #ededed}.bluefoot-app .pager{margin-bottom:0;width:100%}.bluefoot-app .pager ol{margin-bottom:0}.bluefoot-app .pager li{list-style:none;margin-left:0}.bluefoot-content-list-item{border-bottom:1px solid #ededed;padding-bottom:15px;margin-bottom:15px}.bluefoot-content-list-item .bluefoot-published-date{font-size:12px;font-weight:600;margin-bottom:0}.bluefoot-content-list-item.last{padding-bottom:0;border-bottom:none}.bluefoot-no-content p{font-weight:700}.bluefoot-content-grid-item .bluefoot-published-date{font-size:12px;font-weight:600;margin-bottom:0}.bluefoot-content-list-type-item{border-bottom:1px solid #ededed;padding-bottom:15px;margin-bottom:15px;float:left;width:100%}.bluefoot-content-list-type-item.last{padding-bottom:0;border-bottom:none}.bluefoot-content-view iframe,.bluefoot-content-view img{max-width:100%}.bluefoot-content-view .bluefoot-content-view-page-title h1{border-bottom:none}.bluefoot-content-view-share{min-height:40px;margin-bottom:15px}.bluefoot-content-featured-image{margin-bottom:15px;display:block}.bluefoot-content-view-taxonomies{margin-top:15px;padding-top:15px;border-top:1px solid #ededed}.bluefoot-content-view-taxonomies .bluefoot-content-view-taxonomy-list{list-style:none;padding-left:0}.bluefoot-content-view-taxonomies .bluefoot-content-view-taxonomy-list li{display:inline;margin-left:0}.bluefoot-content-view-taxonomies .bluefoot-content-view-taxonomy-list li.bluefoot-list-divider{margin:0 7.5px;opacity:.5}.bluefoot-content-view-comments{padding-top:15px;border-top:1px solid #ededed} /* Affiliateplus stylesheet */ .affiliate_message { margin: 10px 0px 0px 0px; } .affiliateplus-account-bottom .col-button{text-align: center;} .affiliateplus-account-bottom button.form-button{ border:none; background:none; box-shadow: none; float:none; width:160px; height:53px; margin: 10px auto; } .affiliateplus-account-bottom button.form-button span{ font-size: 14px; font-weight: 400; color: #fff; width:160px; height: 53px; line-height: 53px; padding:0 53px 0 20px; margin: 0; float:left; border-radius: 5px; text-align: left; opacity: 0.85; filter:alpha(opacity=85); } .affiliateplus-account-bottom button.form-button:hover span,.affiliateplus-account-bottom button.form-button:focus span{ opacity: 1; filter:alpha(opacity=100); } .affiliateplus-account-bottom button.form-button.btn-login span{ background:url(https://www.artzt.eu/skin/frontend/base/default/css/magestore/images/bg-btn.png) no-repeat right -7px #E05435; } .affiliateplus-account-bottom button.form-button.btn-signup span{ background: url(https://www.artzt.eu/skin/frontend/base/default/css/magestore/images/bg-btn.png) no-repeat right -71px #8ec549; } .affiliateplus-account-bottom button.form-button.btn-contact span{ background:url(https://www.artzt.eu/skin/frontend/base/default/css/magestore/images/bg-btn.png) no-repeat right -142px #0081ba; } /* Banner-Links */ #banner-view-list li.banner-view-item{ border-top: 2px solid #CCCCCC; margin-bottom: 45px; } #banner-view-list li.banner-view-item span.share{ float: right; } .aff-link-over{ /* float: left;*/ width:98%; overflow: auto; } /* Referer */ #referer_grid thead th a { color: #0A263C; } #referer_grid thead th a:hover{ color: #0A263C; } /* Miniform request money */ .affiliateplus_form_request { margin-bottom: 10px; float: left; width: 100%; } .affiliateplus_form_request #request_amount{color:#686868} /* Tiers */ #tiers_grid thead th a { color: #0A263C; } #tiers_grid thead th a:hover{ color: #0A263C; } /* Payment Method */ li.payment_method_form { margin-left: 21px;*float: left;*width: 100%; } #account-new-address-form li.wide, #account-new-address-form div.field{ width: 50%; float: left; } #account-new-address-form li.field{ width: 100%; } #affiliateplus_payment_request_form .fieldset{ float:left; padding: 0px 0 12px 0; background: #fff; border: 1px solid #ececec; width: 100%; box-sizing: border-box; margin: 10px 0; } #affiliateplus_payment_request_form input.radio { float:left; margin: 3px 5px 0px 0px; } #affiliateplus_payment_request_form .form-group .verified{ background: url(https://www.artzt.eu/skin/frontend/base/default/images/i_msg-success.gif) no-repeat; margin-top: 8px; background-position: 0; } #affiliateplus_payment_request_form .form-group .verified a{ padding-left: 25px; color:#446423 !important; text-decoration:none; cursor: default; } #affiliateplus_payment_request_form .form-group .verified a:hover { text-decoration: none; } #affiliateplus_payment_request_form .field .not-verified{ background: url(https://www.artzt.eu/skin/frontend/base/default/images/i_msg-error.gif) no-repeat; margin-top: 30px; } #affiliateplus_payment_request_form .field .required-email { float: right; margin-top: -20px; } #affiliateplus_payment_request_form .field .not-verified a{ padding-left: 20px; text-decoration: none; color: red; cursor: default; background: url(https://www.artzt.eu/skin/frontend/base/default/css/magestore/images/i_msg-error.gif) no-repeat; } .affiliateplus-action-gray{ background: #ACABAB !important; border: 1px solid #ACABAB !important; } /* Contact Group */ #group-table tr { cursor:pointer;} #group-table tr:hover{ background-color:#FCF5DD} /* Commissions */ ul.affiliate-commission-tab{ height: 27px; font-weight: bold; margin-top: 10px; } ul.affiliate-commission-tab li.affiliate-tab-item{ float: left; height: 20px; border: 1px solid #E2E2E2; border-bottom: 0px; margin: 1px 2px; padding: 3px 6px; background-color: #E2E2E2; } ul.affiliate-commission-tab li.active-tab{ font-size: 1.1em; background-color: #FFF; color: #DE5400; } ul.affiliate-commission-tab li a{ text-decoration: none; color: #999; } .aff-main-content .fade { opacity: 0; -webkit-transition: opacity 2.25s linear; -moz-transition: opacity 2.25s linear; -ms-transition: opacity 2.25s linear; -o-transition: opacity 2.25s linear; transition: opacity 2.25s linear; } /* End commissions */ /* Search Grid Style */ .data-table .affiliateplus-grid-title th{ background-image: none; border-bottom: 1px solid #C2D3E0; } .data-table .affiliateplus-grid-search th{ vertical-align: top; } .data-table .affiliateplus-grid-search .affiliateplus-grid-search-item{ padding-bottom: 2px; } .data-table .affiliateplus-grid-search .affiliateplus-grid-search-item .search-text{ width: 97%; } .data-table .affiliateplus-grid-search .affiliateplus-grid-search-item .range-container{ float: left; padding-bottom: 2px; } .data-table .affiliateplus-grid-search .affiliateplus-grid-search-item .data-range{ min-width: 121px; min-height: 18px; margin-bottom: 3px; } .data-table .affiliateplus-grid-search .affiliateplus-grid-search-item .data-range .label{ display: block; width: 36px; float: left; } .data-table .affiliateplus-grid-search .affiliateplus-grid-search-item .data-range img{ width: 15px; height: 15px; cursor: pointer; } .data-table .affiliateplus-grid-search .affiliateplus-grid-search-item .data-range input.range-text{ float: right; width: 50px; padding: 1px; } .data-table .affiliateplus-grid-search .affiliateplus-grid-search-item select{ width: 100%; } .data-table .affiliateplus-grid-search .affiliateplus-grid-search-item .range-container .from-price, .data-table .affiliateplus-grid-search .affiliateplus-grid-search-item .range-container .to-price{ min-width: 100px; } .affiliateplus-search-button { padding-bottom: 5px; text-align: right; } /* End Search */ /*bonus*/ #affiliateplus_payment_request_form .authentication-comment{margin: 0;padding: 0 0 0 13px;font-size: 11px;} /* End */ /*==========Custom Credit by Crystal===========*/ .affiliate-page input[type=email], .affiliate-page input[type=search], .affiliate-page input[type=number], .affiliate-page input[type=password], .affiliate-page input[type=tel], .affiliate-page input[type=text], .affiliate-page select.form-control{ width: 100%; margin-top: 0; } .affiliate-page #affiliateplusstatistic-filter select.form-control{ width:90%; } .form-control:focus { border-color: #66afe9; outline: 0; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6); box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6); } .form-control { display: block; width: 100%; height: 34px; padding: 6px 12px; font-size: 14px; line-height: 1.42857143; color: #555; background-color: #fff; background-image: none; border: 1px solid #ccc; border-radius: 4px; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075); box-shadow: inset 0 1px 1px rgba(0,0,0,.075); -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s; -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; } .lable-title, .aff-main-content .block .block-title{ background: #9d9d9d; float: left; width: 100%; margin-bottom: 5px; padding: 0; border-bottom: none; } .affiliate-page h2.legend, .popup-content h2.legend, .affiliate-page .aff-main-content .block .block-title strong{ color: #fff; font-size: 14px; padding: 7px 15px 7px 60px; font-weight:600; margin: 0; text-transform: none; background: url('https://www.artzt.eu/skin/frontend/base/default/css/magestore/images/custom.png') no-repeat; background-position: 0px -3px; display: block; border-style: none; line-height: 16px; } .affiliate-page .aff-main-content .block .block-title strong:after{ border-left: none; } #discount-affiliateplus-form h2.legend{ color: #fff; font-size: 14px; padding: 7px 15px 7px 60px; font-weight: 600; margin: 0; text-transform: uppercase; background: url('https://www.artzt.eu/skin/frontend/base/default/css/magestore/images/custom.png') no-repeat; } #discount-affiliateplus-form .discount{ padding: 0; border: 1px solid #d0cbc1; margin: 0 0 18px; float: left; width: 100%; box-sizing: border-box; } #discount-affiliateplus-form .discount-form{ padding: 12px 15px; float: left; } #discount-affiliateplus-form .affiliateplus_credit, #checkout-step-payment .affiliateplus_credit{ float: left; width: 100%; } #checkout-step-payment #affiliateplus_credit{ float: left; margin-top: 4px; } #discount-affiliateplus-form #affiliateplus_credit{ float: left; margin-top: 3px; } #discount-affiliateplus-form .affiliateplus_credit label, #checkout-step-payment .affiliateplus_credit label{ float: left; width: 90%; margin-left: 5px; } #discount-affiliateplus-form .btn-warning { color: #fff; background-color: #f0ad4e; border-color: #eea236; } .btn { display: inline-block; padding: 6px 12px; margin-bottom: 0; font-size: 14px; font-weight: 400; line-height: 1.42857143; text-align: center; white-space: nowrap; vertical-align: middle; -ms-touch-action: manipulation; touch-action: manipulation; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-image: none; border: 1px solid transparent; border-radius: 4px; } #discount-affiliateplus-form .btn-warning:hover{ color: #fff; background-color: #ec971f; border-color: #d58512; } button { border: none; background: none; } /*============ Blance by Crystal============*/ /*============Popup request payment=============*/ .affiliateplus-index-paymentform #tinybox{ right: 0 !important; left: 0 !important; margin: auto !important; // width: 35% !important; } #verify-email-form #authentication_code { float: left; width: 70%; left: 0; right: 0; margin: auto; } #verify-email-form h2.legend{ } #tinybox #verify-email-form { width: 100%; float: left; } /*=============Checkout-affiliate=============*/ .img-reload { width: 30px; height: 30px; } .affiliateplus-discount-code .title-spending { float: left } .affiliateplus-discount-code .style-form{ float: right; margin-left: 10px } .affiliateplus-discount-code .using_credit{ cursor: pointer; float: left; margin-left: 10px; } .affiliateplus-discount-code .img-edit { margin-top: 5px; float: right; margin-left: 5px; } .affiliateplus-discount-code .image-success{ margin-top: 5px; float: right; margin-left: 10px; } /*======== My widgets========*/ .affiliate-list-widgets tbody textarea { //width: 100%; //float: left; outline: 0; } /******banner & link by Sally*******/ .affiliate-page .affiliate-get-link .box-all{ border: 1px solid #e7e7e7; float: left; width: 100%; } .affiliate-page .affiliate-get-link{ padding: 0; margin: 28px 0; } .affiliate-page #banner-view-list li.banner-view-item{ border: 1px solid #e7e7e7; } .affiliate-page .affiliate-get-link .form-list{ padding-top: 40px; margin: 30px 20px; } .affiliate-page .affiliate-get-link #affiliate-page-link{ margin-bottom: 5px; } /*******detail lead********/ .affiliate-page #payperlead-url-form .fieldset{ border: 1px solid #e7e7e7; padding: 0; margin: 28px 0; } .affiliate-page #payperlead-url-form .fieldset .form-list{ padding-top: 40px; margin:20px; } .affiliate-page #payperlead-url-form .fieldset .form-list li{ margin: 0; } .affiliate-page #payperlead-url-form .fieldset .form-list input#use-personal-url { margin:0; vertical-align: middle; } .affiliate-page #payperlead-url-form .fieldset .form-list label{ float: none; padding: 0; } .affiliate-page .buttons-set-aff{ margin-left: 15px; margin-bottom: 10px; } .affiliate-page .aff-main-content .actions{ padding-left: 20px; padding-bottom: 20px; } /*============Setting page=============*/ signup_affiliate_account_form{ border: 1px solid #ececec; } #signup_affiliate_account_form .form-group input.checkbox{ float: left; width: auto; margin-right: 5px; } /************Report***************/ #affiliateplusstatistic-filter input.aff-date{ width: 90%; float: left; } #affiliateplusstatistic-filter #report-filter{ border: 1px solid #ececec; padding-bottom: 10px; } #affiliateplusstatistic-filter #date_picker_from, #affiliateplusstatistic-filter #date_picker_to{ float: left; margin: 10px 0px 0px 5px; } #affiliateplusstatistic-filter .form-group label{ width: 100%; } /*******Balance by Sally********/ .affiliate-page label.required:after, span.required:after{ content: ''; } /*footer subcribe*/ .affiliate-page .footer .block-subscribe .input-text{ border: 1px solid silver; } .affiliate-page #tinymask{ z-index: 9999; } .affiliate-page #tinybox{ z-index: 10000; /* max-width:100%;*/ } .affiliate-page a:active,.affiliate-page a:focus, .affiliate-page a:hover { outline: none; } .affiliate-page .btn:focus, .affiliate-page .btn:active:focus, .affiliate-page .btn.active:focus, .affiliate-page .btn.focus, .affiliate-page .btn:active.focus, .affiliate-page .btn.active.focus .affiliate-page select option:focus, .affiliate-page input[type="file"]:focus, .affiliate-page input[type="radio"]:focus, .affiliate-page input[type="checkbox"]:focus { outline: none; } .affiliate-page .messages.col-xs-12, .affiliate-page .messages.col-sm-12, .affiliate-page .messages.col-md-12, .affiliate-page .messages.col-lg-12{ padding-left: 0; } /*direct link*/ .affiliate-page #verify-domain-form .fieldset{ margin: 0; padding: 0; } .affiliate-page #button-notnow{ float: left; margin-left: 0; position: absolute; left: 15px; bottom: 15px; } .affiliate-page #affiliate-personal-url-form input[type="checkbox"]{ margin:0; vertical-align: middle; } /****Popup****/ .bg-fade{ float:left; width:100%; height: 100%; position: fixed; top:0; left:0; z-index: 9999; background:#000; opacity: 0.85; filter:alpha(opacity=85); } .aff-popup { z-index: 10000; transition: top .25s ease; position: absolute; top: 20%; right: 0; left: 0; //min-width: 20%; max-width: 40%; margin: 0 auto; background: #fff; border-radius: 5px; padding: 15px; height: auto; margin-left:30%; margin-right: 30%; } .aff-popup .active { background: url('https://www.artzt.eu/skin/frontend/base/default/css/magestore/images/pageloading.gif') no-repeat !important; } .aff-popup .no-content{ float:left; width:100%; min-height: 200px; } .aff-popup .close-affpopup { position: absolute; right: -15px; top: -15px; } .affiliate-page .pager .pages { margin-top: 0px; } .affiliate-page .pager .limiter { height: 35px; } @media screen and (max-width: 1050px) { .aff-popup{ max-width: 60%; box-sizing: border-box; margin-left:20%; margin-right: 20%; } } @media screen and (max-width: 991px) { #affiliateplus_payment_request_form .field .not-verified { margin-top: 0; } #affiliateplus_payment_request_form .field .not-verified a { padding-left: 30px; } } @media screen and (max-width: 979px) { .aff-popup{ max-width: 70%; margin-left:15%; margin-right: 15%; } } @media screen and (max-width: 768px) { .aff-popup{ max-width: 80%; margin-left:10%; margin-right: 10%; } } @media screen and (max-width: 480px) { .aff-popup{ max-width: 90%; margin-left:5%; margin-right: 5%; } .affiliate-page #button-notnow{ float: left; margin-left: 0; position: relative; left:0px; bottom: 0px; } } .aff-popup.active{ background: url('https://www.artzt.eu/skin/frontend/base/default/css/magestore/images/pageloading.gif') center center no-repeat #fff; } .affiliate-page #use-link-banner-poup{ margin-right: 10px; } #loading_mask_loader img{ display: inline; } .aff-main-content .note-msg{ margin-top: 10px; } #affiliateplus-email-form .input-box{ width: 100% } textarea.widgets-code, textarea#affiliate-email-content{ width: 99%; margin-top: 10px; } #payperlead-url-form li.control label{ background-color: #fff; padding: 0; } .affiliate-page .aff-title { float: left; width: 100%; } .aff-title h1 { color: #fff; font-size: 16px; font-weight: 600; text-transform: none; background: #eb7705 url('https://www.artzt.eu/skin/frontend/base/default/css/magestore/images/nav-bg-afffiliate.png')no-repeat center left; padding: 8px 0px 8px 50px; margin: 0 0 10px 0; float: left; width: 100%; } /*Changed By Adam 02/05/2015: fix loi CSS cho dob, tax, gender*/ .form-group .customer-dob{width:100%; float:left;} .form-group .dob-month{width:25%; float:left; padding-right:10px;} .form-group .dob-day{width:25%; float:left; padding-right:10px;} .form-group .dob-year{width:50%; float:left;} .form-group .dob-month .input-text{border-radius:4px; height:34px;} .form-group .dob-day .input-text{border-radius:4px; height:34px;} .form-group .dob-year .input-text{border-radius:4px; height:34px;} .affiliateplus-account-login .account-login .f-right{ float:right; } /* Refer a Friend */ #affiliateplus-sidebar { width: 345px; } #affiliateplus-sidebar .allow .step-title { cursor: pointer; float: left; width: 100%; padding: 8px 5px; text-align: left; background: url('https://www.artzt.eu/skin/frontend/base/default/css/magestore/images/social.png') no-repeat; background-position: left 5px; background-color: #0081ba; opacity: 0.85; filter:alpha(opacity=85); transition:all 200ms ease-out; -webkit-transition:all 200ms ease-out; -moz-transition:all 200ms ease-out; -o-transition: all 200ms ease-out; } #affiliateplus-sidebar .allow .step-title:hover{ opacity: 1; } #affiliateplus-sidebar .allow .step-title.email-logo{ background-position: left -67px; } #affiliateplus-sidebar .allow .step-title.facebook-logo{ background-position: left -39px; } #affiliateplus-sidebar .allow .step-title.twitter-logo{ background-position: left -8px; } #affiliateplus-sidebar .allow .step-title.google-logo{ background-position: left -97px; } #affiliateplus-sidebar .step, #affiliateplus-sidebar p.box-content{ padding: 8px; float: left; width: 100%; margin-top: 0px; } #affiliateplus-sidebar .form-list textarea{ width: 100%; height: 100px; } /* Personal */ #affiliateplus-sidebar #input-personal-url{ width: 100%; float: left; } #affiliateplus-sidebar #input-personal-url #personal_url{ width: 100%; } #affiliateplus-sidebar #personal_affiliate_url{ width: 100%; text-align: left; margin-left: 5px; } /* Email */ #affiliateplus-sidebar .step-title span.email-logo{ } #affiliateplus-sidebar .active .step-title span.email-logo, #affiliate-opc-email .step-title:hover span.aff-logo{ //background: url('https://www.artzt.eu/skin/frontend/base/default/css/magestore/images/email-color.png') no-repeat; } #affiliateplus-contact-list .form-list .input-box, #affiliateplus-contact-list .form-list .input-box select{ width: 100%; } #affiliateplus-contact-list .buttons-set{ padding-top: 7px; border-top: 0px; margin-top: 0px; } /* Google */ #affiliateplus-sidebar .step-title span.aff-logo{ padding-left: 60px; color: #fff; } #affiliateplus-sidebar .step-title span.google-logo{ } #affiliateplus-sidebar .tweeter span.span{ -webkit-border-radius: 3px; border: #CCC solid 1px; padding: 2px; -moz-border-radius: 3px; border-radius: 3px; background-image: -moz-linear-gradient(top, white, #DEDEDE); background-image: -webkit-gradient(linear, left top, left bottom, from(white), to(#DEDEDE)); background-image: -ms-linear-gradient(top, white, #DEDEDE); background-image: linear-gradient(top, white, #DEDEDE); background-image: -o-linear-gradient(top, white, #DEDEDE); } #affiliateplus-sidebar button.tweeter span.span span{ background: url('https://www.artzt.eu/skin/frontend/base/default/css/magestore/images/tweet.png') no-repeat -26px 3px; padding: 0px 3px 0px 24px; color: #1E7EC8; margin-left: 2px; } #affiliateplus-sidebar .buttons-set{ padding-top: 7px; border-top: 0px; margin-top: 0px; } #affiliateplus-sidebar .affiliateplus-opc li{ margin-bottom: 8px; float: left; width: 100%; } /* Share on Product Detail Page */ .affiliateplus-share-product .affiliateplus-share-img { position: relative; float: left; top: -16px; } .affiliateplus-share-product .share_twitter iframe{ width: 88px !important; } .affiliateplus-share-product .share_facebook .fb_button{ background: url("https://www.artzt.eu/skin/frontend/base/default/css/magestore/images/fb_share_button.png") no-repeat; border: none; height: 20px; width: 70px; cursor: pointer; position: relative; bottom: 1px; color: #FFF; font-size: 12px; padding-top: 2px; padding-left: 16px; } .affiliateplus-share-product .affiliateplus-sharing { float: right; } .affiliateplus-share-product .share { float: right; margin-top: 5px; } /* Share on Product List Page */ .affiliateplus-share-product-list{ overflow: hidden; margin: 3px 0px; } .affiliateplus-share-product-list .logo{ width: 16px; height: 16px; margin-right: 8px; border: none; cursor: pointer; } .affiliateplus-share-product-list .email-logo{ background: url('https://www.artzt.eu/skin/frontend/base/default/css/magestore/images/email-color.png') no-repeat; } .affiliateplus-share-product-list .facebook-logo{ background: url('https://www.artzt.eu/skin/frontend/base/default/css/magestore/images/facebook-color.png') no-repeat; } .affiliateplus-share-product-list .twitter-logo{ background: url('https://www.artzt.eu/skin/frontend/base/default/css/magestore/images/tweet.png') no-repeat 0px 3px; } .affiliateplus-share-product-list .google-logo{ background: url('https://www.artzt.eu/skin/frontend/base/default/css/magestore/images/gplus-color.png') no-repeat; } .affiliate-opc-google .step-title { border-bottom: none; } /*=======By Crystal========*/ .affiliate-page #affiliateplus-sidebar { float: right; width: 40%; padding: 0; } .affiliate-page .aff-refer{ float: left; width: 58%; margin-bottom: 20px; } .fieldset-sources { border: 1px solid #e7e7e7; } .fieldset-sources table, .fieldset-sources table tbody { width: 100%; } .fieldset-sources table tbody tr td { padding: 3px 3px 3px 10px; } #affiliateplus-sidebar .block.block-list { border: 1px solid #e7e7e7; float: left; width: 100%; margin-bottom: 20px; } #affiliate-opc-personal-url li.control label{ padding: 0; min-width: 50%; } #affiliateplus-sidebar .actions{ margin-top: 0; overflow: hidden; float: left; width: 100%; } #affiliateplus-sidebar .opc.affiliateplus-opc { float: left; width: 100%; } #affiliate-opc-email-content .form-list{ float: left; width: 100%; } #affiliate-opc-email-content .input-box, #affiliate-facebook-form .input-box, #affiliate-opc-twitter-content .input-box{ float: left; width: 100%; } .opc.affiliateplus-opc .a-item { border-bottom: 1px solid #e7e7e7; border-left: 1px solid #e7e7e7; border-right: 1px solid #e7e7e7; } @media screen and (max-width: 700px) { .affiliate-page .aff-refer, .affiliate-page #affiliateplus-sidebar { width: 100%; } .affiliate-page #affiliateplus-sidebar { float: left; } } @media screen and (max-width: 770px) { .affiliate-page h2.legend, .affiliate-page .aff-main-content .block .block-title strong{ border-left: none !important; color: #fff !important; text-transform: none !important; padding: 7px 15px 7px 60px !important; font-weight: 600 !important; line-height: 18px; } .affiliate-page h2.legend, .affiliate-page .aff-main-content .block .block-title strong:after{ border-left: none !important; color: #fff !important; text-transform: none !important; padding: 7px 15px 7px 60px !important; font-weight: 600 !important; line-height: 18px; } } .affiliateplus-share-product-list .logo-social{ width: 0; height: 0; min-width: 0 !important; min-height: 0 !important; text-align: center; padding: 10px; margin-right: 0px; border: none; cursor: pointer; display: block; float: left; margin-left: 5px; } @media screen and (max-width: 771px){ .affiliateplus-share-product-list .logo-social{ max-width: 0; min-height: 0; } } #affiliate-facebook-form a{cursor:pointer;} #tinybox { position:absolute; display:none; padding:10px; background:#fff url(https://www.artzt.eu/skin/frontend/base/default/css/tinybox/images/preload.gif) no-repeat 50% 50%; border:10px solid #e3e3e3; z-index:2000; //height: auto !important; } #tinymask { position:absolute; display:none; top:0; left:0; height:100%; width:100%; background:#000; z-index:1500 } #tinycontent { background:#fff } /* ******************************************************************************************** Horizontal Menu *********************************************************************************************** */ #mega-nav, #mega-nav div.mega-block, #mega-nav ul { list-style: none outside none; padding: 0; } .mega-mobile-container { display: none; } .mega-container{ float: left; width: 100%; } .mega-container *{-webkit-backface-visibility: hidden;-o-backface-visibility: hidden;-ms-backface-visibility: hidden;} #mega-nav { float: left; width: 100%; } #mega-nav div.mega-block { background-color: #FFFFFF; left:0; padding: 2%; position: absolute; top: 60px; max-width: 100%; display: none/9; opacity: 0; -moz-opacity: 0; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); pointer-events: none; visibility: hidden; -webkit-transform: translateY(20px); -moz-transform: translateY(20px); -o-transform: translateY(20px); -ms-transform: translateY(20px); transform: translateY(20px); -moz-box-shadow: 0 0 5px -1px rgba(0,0,0,.2); -webkit-box-shadow: 0 0 5px -1px rgba(0,0,0,.2); box-shadow: 0 0 5px -1px rgba(0,0,0,.2); -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } #mega-nav li:hover div.mega-block { z-index: 1000; display: block/9; opacity: 1; -moz-opacity: 1; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); pointer-events: all; visibility: visible; -webkit-transform: translateX(0px); -moz-transform: translateX(0px); -o-transform: translateX(0px); -ms-transform: translateX(0px); transform: translateX(0px); } #mega-nav > li { float: left; text-align: left; } #mega-nav > li > a { padding: 12px 10px; display: block; text-decoration: none; white-space: normal; font-size: 14px; position: relative } #mega-nav > li:hover > a, #mega-nav li.active > a{ color: #1bbeb4; } #mega-nav > li.parent > a:before{ content: " "; display: block; border-bottom: 8px solid #E4E4E4; border-left: 8px solid transparent; border-right: 8px solid transparent; border-top: none; margin-top: -8px; position: absolute; bottom: 0px; left: 0px; right: 0; margin: 0 auto; width: 0; height: 0; display: none/9; opacity: 0; -moz-opacity: 0; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); pointer-events: none; -webkit-transform: translateY(20px); -moz-transform: translateY(20px); -o-transform: translateY(20px); -ms-transform: translateY(20px); transform: translateY(20px); -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } #mega-nav > li.parent:hover > a:before{ z-index: 1000; display: block/9; opacity: 1; -moz-opacity: 1; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); pointer-events: all; -webkit-transform: translateX(0px); -moz-transform: translateX(0px); -o-transform: translateX(0px); -ms-transform: translateX(0px); transform: translateX(0px); } /* Second level */ #mega-nav ul.subs{ } #mega-nav ul.subs > li { /*display: inline-block;*/ /*float: none;*/ vertical-align: top; margin-top: 0; padding-bottom: 15px; } #mega-nav ul.subs li img{ display: inline-block; vertical-align: middle; margin-right: 15px; margin-bottom: 10px; } #mega-nav ul.subs > li > a, #mega-nav .mega-block .header-mega-dropdown-wrapper .heading{ } #mega-nav ul.subs li a { font-size: 16px; display: inline-block; vertical-align: middle; margin-bottom: 10px; font-weight: bold; } #mega-nav ul.subs > li > a:hover{ color: #1bbeb4; } /* Third level */ #mega-nav ul.subs ul{ /*margin-top: 10px;*/ } #mega-nav ul.subs li li{ /*padding: 5px 0px;*/ float: left; width: 100%; } #mega-nav ul.subs li li a, #mega-nav .mega-block .header-mega-dropdown-wrapper p, #mega-nav .mega-block .header-mega-dropdown-wrapper a, #mega-nav .mega-block .show-separators .links a, #mega-nav .mega-block .show-separators .label{ font-size: 14px; font-weight: 400; } #mega-nav ul.subs li li a { } #mega-nav ul.subs li li a:before{ content: "\f105"; font-family: FontAwesome; padding-right: 10px; } #mega-nav ul.subs li li a:hover, #mega-nav .mega-block .header-mega-dropdown-wrapper a:hover, #mega-nav .mega-block .show-separators .links a:hover{ color: #1bbeb4; } /*Mega Custom Block*/ .custom-block-top, .custom-block-bottom, .custom-block-right, .custom-block-left, #mega-nav ul.subs{ margin-top: 10px; margin-bottom: 1%; } /* Static block's content - basic formatting */ #mega-nav .mega-block .header-mega-dropdown-wrapper .heading { margin:0px 0 10px; } #mega-nav .mega-block .header-mega-dropdown-wrapper p { margin:10px 0; } #mega-nav .mega-block .header-mega-dropdown-wrapper img{margin-bottom: 10px;} #mega-nav .mega-block .section-hr{} /* ******************************************************************************************** Vertical Menu *********************************************************************************************** */ #mega-nav .megamenu-vertical{ position: relative; } #mega-nav .megamenu-vertical .mega-block{ padding: 0px; left: 0px !important; background-color: transparent !important; } #mega-nav .megamenu-vertical ul{ width: 210px; float: left; background-color: #FFFFFF; } #mega-nav .megamenu-vertical ul.subs{ margin: 0px; } #mega-nav .megamenu-vertical ul.subs li a:before{ display: none; } #mega-nav .megamenu-vertical ul.subs li ul:before{ content: " "; display: block; border-bottom: 8px solid transparent; border-left: none; border-right: 8px solid #E4E4E4; border-top: 8px solid transparent; position: absolute; left: -8px; top: 12px; width: 0; height: 0; margin: 0 auto; display: none; } #mega-nav .megamenu-vertical ul.subs ul{ margin: 0px; position: absolute; top: 0; left: 210px; z-index: 10000; display: none/9; opacity: 0; -moz-opacity: 0; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); pointer-events: none; /*visibility: hidden;*/ -webkit-transform: translateY(20px); -moz-transform: translateY(20px); -o-transform: translateY(20px); -ms-transform: translateY(20px); transform: translateY(20px); -moz-box-shadow: 0 0 5px -1px rgba(0,0,0,.2); -webkit-box-shadow: 0 0 5px -1px rgba(0,0,0,.2); box-shadow: 0 0 5px -1px rgba(0,0,0,.2); -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } #mega-nav .megamenu-vertical ul.subs li:hover > ul{ display: block/9; opacity: 1; -moz-opacity: 1; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); pointer-events: all; /*visibility: visible;*/ -webkit-transform: translateX(0px); -moz-transform: translateX(0px); -o-transform: translateX(0px); -ms-transform: translateX(0px); transform: translateX(0px); } #mega-nav .megamenu-vertical ul.subs li{ padding: 0px; float: left; width: 100%; position: relative; } #mega-nav .megamenu-vertical ul.subs li a{ display: block; margin: 0px; padding: 10px 15px; font-size: 14px; font-weight: 400; border-bottom: 1px solid #E4E4E4; } #mega-nav .megamenu-vertical ul.subs li:hover > a{ color: #1bbeb4; background-color: #252525; } #mega-nav .megamenu-vertical ul.subs li a span.category-label{margin-left: 0px;right: 10px;} #mega-nav .megamenu-vertical ul.subs li a span.category-label:before{display: none;} /* ******************************************************************************************** Mobile Menu Css *********************************************************************************************** */ #cssmenu { width: auto; } #cssmenu #mobile-menu{ position: absolute; left: 0px; right: 0px; z-index: 40001; display: block; text-align: left; top: 44px; -moz-box-shadow: 0 0 5px -1px rgba(0,0,0,.2); -webkit-box-shadow: 0 0 5px -1px rgba(0,0,0,.2); box-shadow: 0 0 5px -1px rgba(0,0,0,.2); } #cssmenu ul{ margin: 0; padding: 0; border: 0; list-style: none; font-weight: normal; text-decoration: none; } #cssmenu ul li{ position: relative; } #cssmenu ul li a { padding: 15px 50px 15px 20px; display: block; background-color: #FFFFFF; border-bottom: 1px solid #E4E4E4; font-size: 14px; color: #252525 !important; } #cssmenu ul li a:hover{ background-color: #252525 !important; color: #1bbeb4 !important; } #cssmenu #mobile-menu .open{ position: absolute; right: 0px; top: 0px; display: block; cursor: pointer; font-family: FontAwesome; width: 49px; height: 49px; background-position: center center; background-repeat: no-repeat; font-size: 14px; text-align: center; line-height: 49px; } #cssmenu #mobile-menu li:hover > .open, #cssmenu #mobile-menu .open:hover, #cssmenu #mobile-menu .open.active{ color: #1bbeb4; } #cssmenu span.cnt { position: absolute; top: 8px; right: 15px; padding: 0; margin: 0; background: none; } #cssmenu ul ul { display: none; } /*Second Level*/ #cssmenu #mobile-menu ul > li > a{ padding-left: 30px; } /*Third Level*/ #cssmenu #mobile-menu ul ul > li > a{ padding-left: 40px; } /* Responsive rules ============================================ */ @media all and (max-width : 1279px) { #mega-nav > li > a{ } } @media all and (max-width : 1041px) { .nav-maincontainer.sticky{ display: none !important; } .mega-container { display: none; } .mega-mobile-container { display: block; } } /* ******************************************************************************************** Navigation *********************************************************************************************** */ @media only screen and (min-width: 1042px) { /* Default Navigation ***********/ .nav-container{} .nav-container *{-webkit-backface-visibility: hidden;-o-backface-visibility: hidden;-ms-backface-visibility: hidden;} .nav-container #nav {text-transform:capitalize;} .nav-container #nav ul.level0 { position:absolute; z-index: 1501;} .nav-container #nav li{float: left;text-align:left;} .nav-container #nav li:hover{} .nav-container #nav li, .nav-container #nav li:hover{position: relative;} .nav-container #nav a{text-decoration:none;font-size: 14px;display: block;position: relative;font-weight: normal;padding: 12px 10px;} .nav-container #nav li a.over, .nav-container #nav li.hover > a, .nav-container #nav a:hover, .nav-container #nav li.active a.level-top{color: #1bbeb4;} /* 2nd Level */ .nav-container #nav ul { position:absolute; width:210px; top:44px; z-index: 10000; background-color: #FFFFFF; display: none/9; opacity: 0; -moz-opacity: 0; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); pointer-events: none; /*visibility: hidden;*/ -webkit-transform: translateY(20px); -moz-transform: translateY(20px); -o-transform: translateY(20px); -ms-transform: translateY(20px); transform: translateY(20px); -moz-box-shadow: 0 0 5px -1px rgba(0,0,0,.2); -webkit-box-shadow: 0 0 5px -1px rgba(0,0,0,.2); box-shadow: 0 0 5px -1px rgba(0,0,0,.2); -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .nav-container #nav li:hover > ul{ display: block/9; opacity: 1; -moz-opacity: 1; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); pointer-events: all; /*visibility: visible;*/ -webkit-transform: translateX(0px); -moz-transform: translateX(0px); -o-transform: translateX(0px); -ms-transform: translateX(0px); transform: translateX(0px); } .nav-container #nav > li > ul.shown-sub:before{ content: " "; display: block; border-bottom: 8px solid #E4E4E4; border-left: 8px solid transparent; border-right: 8px solid transparent; border-top: none; margin-top: -8px; position: absolute; left: 20px; } .nav-container #nav div ul { position:static; width:auto; } .nav-container #nav li ul li{float: none !important;display: inherit !important;} .nav-container #nav li ul li a{line-height: normal;display: block;padding: 11px 15px;border-bottom: 1px solid #E4E4E4;} .nav-container #nav li ul li.last > a{border-bottom: none;} .nav-container #nav li ul li a span{} .nav-container #nav li ul li a span.errow{} .nav-container #nav li ul li a.over, .nav-container #nav li ul li a:hover, .nav-container #nav li ul li.hover > a{color: #1bbeb4;background-color: #252525;} .nav-container #nav li ul li ,.nav-container #nav li ul li:hover{margin:0px;} .nav-container #nav li ul li:last-child a{} .nav-container #nav li ul li.last a{} .nav-container #nav li ul li a span{} /* Category Label */ .nav-container #nav > li > a span.category-label{top: -15px;} .nav-container #nav li ul li a span.category-label{margin-left: 0px;right: 10px;} .nav-container #nav li ul li a span.category-label:before{display: none;} /* 3rd+ Level */ .nav-container #nav ul ul, .nav-container #nav ul div { top:0px; margin-top: 0px;} .nav-container #nav ul span, .nav-container #nav ul li.last li span {} .nav-container #nav li ul li ul {left:210px;} .nav-container #nav li ul.shown-sub, #nav li .shown-sub {} .nav-container #nav li ul.shown-sub {} } /* Responsive Menu ======================================================================== */ @media screen and (max-width: 1041px) { .nav-maincontainer.sticky{ display: none !important; } .toggleMenu { height: 44px; font-weight: normal; line-height: 44px; font-size: 17px; float: left; } .toggleMenu.active, .toggleMenu:hover{ color: #1bbeb4; } .toggleMenu:before{ font-family: FontAwesome; padding-right: 13px; } .header-container.header4 .toggleMenu{ float: right; } #nav { list-style: none; position: absolute; z-index: 999; margin-top: 0px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; margin: 0 auto; left: 0; right: 0; text-align: left !important; -moz-box-shadow: 0 0 5px -1px rgba(0,0,0,.2); -webkit-box-shadow: 0 0 5px -1px rgba(0,0,0,.2); box-shadow: 0 0 5px -1px rgba(0,0,0,.2); top: 44px; } #nav:before, #nav:after { content: " "; display: table; } #nav:after { clear: both; } #nav ul { list-style: none; width: 9em; background: none !important; } #nav a { padding: 15px 50px 15px 20px; margin-right: 0px; display: block; text-decoration: none; font-size: 14px; color: #252525 !important; } #nav a, #nav a.over, #nav li.active a.level-top{ background-color: #FFFFFF !important; } #nav a:hover, #nav li.active a.level-top:hover{ background-color: #252525 !important; color: #1bbeb4 !important; } .nav-container #nav.color > li > a{ padding: 15px 50px 15px 20px; } .nav-container #nav a span.category-label{ right: 60px; } .nav-container #nav a span.category-label:before{ display: none; } #nav li { position: relative; float: none !important; display: inherit !important; } #nav li a{ border-bottom: 1px solid #E4E4E4 !important; } #nav > li { float: left; list-style-type:none; } #nav > li > .parent { background-image: url("http://webdesigntutsplus.s3.amazonaws.com/tuts/378_tessa/tessa-lt-dropdowns-21c7868/images/downArrow.png"); background-repeat: no-repeat; background-position: right; } #nav > li > a { display: block; } #nav > li > a:active{ } #nav li ul { position: absolute; left: -9999px; } #nav > li.hover > ul { left: 0; } #nav li li.hover ul { left: 100%; top: 0; } #nav li li a { display: block; position: relative; z-index:100; padding-left: 30px; text-decoration:none; } #nav li li li a { padding-left: 40px; z-index:200; } #nav .active { display: block; } #nav > li > .parent { background-position: 95% 50%; } #nav > li > .parent { background-image: none; } #nav li .more { position: absolute; right: 0px; top: 0px; display: block; cursor: pointer; font-family: FontAwesome; width: 49px; height: 49px; background-position: center center; background-repeat: no-repeat; font-size: 14px; text-align: center; line-height: 49px; z-index: 101; } #nav li:hover > .more, #nav li .more:hover, #nav li.hover > .more{ color: #1bbeb4; } #nav ul { display: block; width: 100%; } #nav > li.hover > ul , #nav li li.hover ul { position: static; } } /* ******************************************************************************************** Side Nav ( Display Only Desktop Width ) *********************************************************************************************** */ /* Sidenav Popup */ #side-nav .sidemenu-block { background-color: #FFFFFF; left:50%; padding: 2%; position: absolute; top: 0px; min-width: 750px; max-width: 100%; display: none/9; opacity: 0; -moz-opacity: 0; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); pointer-events: none; -webkit-transform: translateX(20px); -moz-transform: translateX(20px); -o-transform: translateX(20px); -ms-transform: translateX(20px); transform: translateX(20px); -moz-box-shadow: 0 0 5px -1px rgba(0,0,0,.2); -webkit-box-shadow: 0 0 5px -1px rgba(0,0,0,.2); box-shadow: 0 0 5px -1px rgba(0,0,0,.2); -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } #side-nav li:hover .sidemenu-block { z-index: 1000; display: block/9; opacity: 1; -moz-opacity: 1; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); pointer-events: all; -webkit-transform: translateX(0px); -moz-transform: translateX(0px); -o-transform: translateX(0px); -ms-transform: translateX(0px); transform: translateX(0px); } #side-nav .sidemenu-block:before{ content: " "; display: block; border-bottom: 7px solid transparent; border-right: 7px solid #E4E4E4; border-top: 7px solid transparent; position: absolute; left: -7px; top: 12px; width: 0; height: 0; margin: 0 auto; } #side-nav li:first-child .sidemenu-block:before{ top: 6px; } /* First Level */ #side-nav { } #side-nav li{ position: relative; } #side-nav > li{ padding: 0px; } #side-nav > li > a{ /*border-bottom: 1px solid #D9D9D9;*/ padding: 8px 0; } #side-nav > li:first-child > a{ padding-top: 0px; } #side-nav > li.last > a, #side-nav > li:last-child > a{ padding-bottom: 0px; border-bottom: none; } #side-nav li a{ display: block; } #side-nav > li:hover > a, #side-nav > li.active > a{ color: #1bbeb4; } /* Seconnd Level */ #side-nav ul.subs{ margin-top: 10px; } #side-nav ul.subs li{ padding: 0px; border-bottom: none; } #side-nav ul.subs li a{ display: inline-block; } #side-nav ul.subs > li { margin-left: 1%; margin-right: 1%; vertical-align: top; margin-top: 0; padding-bottom: 15px; } #side-nav ul.subs > li > a { font-size: 16px; margin-bottom: 10px; font-weight: bold; } /* Third Level */ #side-nav ul.subs li li a{ font-size: 14px; margin-bottom: 10px; font-weight: 400; } #side-nav ul.subs li a:hover{ color: #1bbeb4; } /* Fourth Level */ #side-nav ul.subs ul ul { margin-left: 10px; } #side-nav ul.subs li li li a{ /*color: #BBBBBB;*/ font-size: 12px; margin-bottom: 5px; } #side-nav ul.subs li li a:before{ content: "\f105"; font-family: FontAwesome; padding-right: 10px; } /* ******************************************************************************************** Design for a width of 1024 px *********************************************************************************************** */ /* width <= 1024px */ @media only screen and (max-width: 1024px) { /* Sidenav ======================================================================================= */ /* Hide Sidenav */ .block.block-sidenav{display: none;} } .fancy.product-view .product-img-column{width: 48% !important;margin-left: 0% !important;margin-right: 1% !important;margin-bottom: 0px !important;} .fancy.product-view .img-box{width: auto;} .fancy.product-view .img-box.position-y{width: 78.9%;} .fancy.product-view .product-shop{padding: 0px; width: 50% !important; margin-left: 1% !important; margin-right: 0% !important;margin-bottom: 0px !important;} .fancy.product-view .itemslider-thumbnails{margin-bottom: 0px !important;} .fancy.product-view .product-essential .product-name{margin: -20px -20px 20px -20px !important;padding: 20px;position: relative !important;width: auto;left: 0;right: 0;} .fancy.product-view .product-essential .product-name h1{padding-right: 30px;font-size: 22px;} .fancy.product-view .product-shop .ratings .rating-links{display: none;} #fancybox-wrap #fancybox-frame .page-empty{padding: 0px;} /*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */ .fancybox-wrap, .fancybox-skin, .fancybox-outer, .fancybox-inner, .fancybox-image, .fancybox-wrap iframe, .fancybox-wrap object, .fancybox-nav, .fancybox-nav span, .fancybox-tmp { padding: 0; margin: 0; border: 0; outline: none; vertical-align: top; } .fancybox-wrap { position: absolute; top: 0; left: 0; z-index: 8020; } .fancybox-skin { position: relative; background: #f9f9f9; color: #444; text-shadow: none; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .fancybox-opened { z-index: 8030; } .fancybox-opened .fancybox-skin { -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); } .fancybox-outer, .fancybox-inner { position: relative; } .fancybox-inner { overflow: hidden; } .fancybox-type-iframe .fancybox-inner { -webkit-overflow-scrolling: touch; } .fancybox-error { color: #444; font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif; margin: 0; padding: 15px; white-space: nowrap; } .fancybox-image, .fancybox-iframe { display: block; width: 100%; height: 100%; } .fancybox-image { max-width: 100%; max-height: 100%; } /*#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span { background-image: url('https://www.artzt.eu/skin/frontend/neighborhood/default/ajaxcart/js/fancybox/fancybox_sprite.png'); }*/ #fancybox-loading { position: fixed; top: 50%; left: 50%; margin-top: -22px; margin-left: -22px; /*background-position: 0 -108px;*/ background: url(https://www.artzt.eu/skin/frontend/neighborhood/default/ajaxcart/js/fancybox/fancybox_loading.gif) center center no-repeat #000; opacity: 0.8; cursor: pointer; z-index: 8060; border-radius: 6px; width: 44px; height: 44px; } /*.fancybox-close {*/ /* position: absolute;*/ /* top: -18px;*/ /* right: -18px;*/ /* width: 36px;*/ /* height: 36px;*/ /* cursor: pointer;*/ /* z-index: 8040;*/ /*}*/ .fancybox-close { position: absolute; top: 27px; font-size: 30px; right: 35px; cursor: pointer; z-index: 8040; opacity: 0.2; filter: alpha(opacity=20); color: #252525; } .fancybox-close:before{ content: "\f00d"; font-family: FontAwesome; font-size: 30px; } .fancybox-close:hover{ opacity: .4; filter: alpha(opacity=40); color: #252525; } .fancybox-nav { position: absolute; top: 0; width: 40%; height: 100%; cursor: pointer; text-decoration: none; background: transparent url('https://www.artzt.eu/skin/frontend/neighborhood/default/ajaxcart/js/fancybox/blank.gif'); /* helps IE */ -webkit-tap-highlight-color: rgba(0,0,0,0); z-index: 8040; } .fancybox-prev { left: 0; } .fancybox-next { right: 0; } .fancybox-nav span { position: absolute; top: 50%; width: 36px; height: 34px; margin-top: -18px; cursor: pointer; z-index: 8040; visibility: hidden; } .fancybox-prev span { left: 10px; background-position: 0 -36px; } .fancybox-next span { right: 10px; background-position: 0 -72px; } .fancybox-nav:hover span { visibility: visible; } .fancybox-tmp { position: absolute; top: -99999px; left: -99999px; visibility: hidden; max-width: 99999px; max-height: 99999px; overflow: visible !important; } /* Overlay helper */ .fancybox-lock { overflow: hidden !important; width: auto; } .fancybox-lock body { overflow: hidden !important; } .fancybox-lock-test { overflow-y: hidden !important; } .fancybox-overlay { position: absolute; top: 0; left: 0; overflow: hidden; display: none; z-index: 8010; /*background: url('https://www.artzt.eu/skin/frontend/neighborhood/default/ajaxcart/js/fancybox/fancybox_overlay.png');*/ background: rgba(0, 0, 0, 0.80) !important; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#80000000, endColorstr=#80000000); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#80000000, endColorstr=#80000000)"; } .fancybox-overlay-fixed { position: fixed; bottom: 0; right: 0; } .fancybox-lock .fancybox-overlay { overflow: auto; overflow-y: scroll; } /* Title helper */ .fancybox-title { visibility: hidden; font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif; position: relative; text-shadow: none; z-index: 8050; } .fancybox-opened .fancybox-title { visibility: visible; } .fancybox-title-float-wrap { position: absolute; bottom: 0; right: 50%; margin-bottom: -35px; z-index: 8050; text-align: center; } .fancybox-title-float-wrap .child { display: inline-block; margin-right: -100%; padding: 2px 20px; background: transparent; /* Fallback for web browsers that doesn't support RGBa */ background: rgba(0, 0, 0, 0.8); -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; text-shadow: 0 1px 2px #222; color: #FFF; font-weight: bold; line-height: 24px; white-space: nowrap; } .fancybox-title-outside-wrap { position: relative; margin-top: 10px; color: #fff; } .fancybox-title-inside-wrap { padding-top: 10px; } .fancybox-title-over-wrap { position: absolute; bottom: 0; left: 0; color: #fff; padding: 10px; background: #000; background: rgba(0, 0, 0, .8); } /*Retina graphics!*/ @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5){ #fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span { background-image: url('https://www.artzt.eu/skin/frontend/neighborhood/default/ajaxcart/js/fancybox/fancybox_sprite@2x.png'); background-size: 44px 152px; /*The size of the normal image, half the size of the hi-res image*/ } #fancybox-loading div { background-image: url('https://www.artzt.eu/skin/frontend/neighborhood/default/ajaxcart/js/fancybox/fancybox_loading@2x.gif'); background-size: 24px 24px; /*The size of the normal image, half the size of the hi-res image*/ } } /* ******************************************************************************************** Ajex Add To Cart Popup *********************************************************************************************** */ .ajaxcartpro_progress{ position: fixed; top: 50%; left: 50%; margin: -22px 0 0 -22px; background: url(https://www.artzt.eu/skin/frontend/neighborhood/default/ajaxcart/images/fancybox_loading.gif) center center no-repeat #000; width: 44px; height: 44px; z-index: 9999; opacity: 0.9; border-radius: 6px; } #multiproduct-loader .ajaxcartpro_progress{ position: inherit; margin: 0px; display: inline-block; } div.alert{ position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.80); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#80000000, endColorstr=#80000000); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#80000000, endColorstr=#80000000)"; z-index: 1000; } div.alert-inner { position: absolute; right: 50%; margin: auto; text-align: left; z-index: 10010; border-top: none; width: 400px; bottom: 0; height: 160px; max-width: 100%; background-color: #FFFFFF; top: 50%; margin-top: -80px; left: 50%; margin-left: -200px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; } /*Use Only IE 7+*/ .ie8 div.alert-inner{position: fixed;top: 50%;left: 50%;margin: -68px 0 0 -200px;z-index: 9999;} div.alert-inner p{ background-color: #F0F0F0; border-bottom: 1px solid #E4E4E4; padding: 20px; padding-right: 40px; } div.alert-inner p strong{ padding-right: 2px; } div.alert-inner button.close{ position: absolute; top: 20px; right: 20px; cursor: pointer; border: none; border-radius: 100%; font-size: 20px; background-color: transparent; color: #252525; opacity: 0.2; } div.alert-inner button.close:hover{ opacity: .4; filter: alpha(opacity=40); } div.alert-inner .alertcontent{ text-align: center; position: absolute; left: 20px; right: 20px; bottom: 20px; } div.alert-inner a{ float: left; cursor: pointer; } div.alert-inner a.cart{ float: right; } /* * Core Owl Carousel CSS File * v1.3.2 */ /* 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.artzt.eu/skin/frontend/neighborhood/default/slider/images/grabbing.png) 8 8, move; width: 16px; height: 16px; } /* 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); } /* * Owl Carousel Owl Demo Theme * v1.3.2 */ /* ******************************************************************************************** Itemslider *********************************************************************************************** */ .itemslider {width:auto;margin-left:-20px;} /* Items */ .itemslider .item {margin: 0 1px 0px 20px !important;} .owl-theme .owl-controls{ text-align: center; } /* Styling Next and Prev buttons */ .owl-theme .owl-controls .owl-buttons div{ outline: 0; text-align: center; display: block; width: 34px; height: 34px; line-height: 34px; border-radius: 100%; text-decoration: none; text-align: center; float: left; background-color: #252525; position: absolute; top: 50%; color: #FFFFFF; margin-top: -17px; font-size: 14px; font-family: FontAwesome; opacity: 0; -moz-opacity: 0; filter: alpha(opacity=0); transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; } .owl-theme:hover .owl-controls .owl-buttons div{ opacity: 1; -moz-opacity: 1; filter: alpha(opacity=100); } .owl-theme .owl-controls .owl-buttons div:hover{ color: #1bbeb4; } .owl-theme .owl-controls .owl-buttons .owl-prev{left: 0px;text-indent: -2px;} .itemslider.owl-theme .owl-controls .owl-buttons .owl-prev{left: 3px;} .owl-theme .owl-controls .owl-buttons .owl-prev:hover{} .owl-theme .owl-controls .owl-buttons .owl-prev.disabled {} .owl-theme .owl-controls .owl-buttons .owl-next{right: 0px;text-indent: 2px;} .itemslider.owl-theme .owl-controls .owl-buttons .owl-next{right: -17px;} .owl-theme .owl-controls .owl-buttons .owl-next:hover{} .owl-theme .owl-controls .owl-buttons .owl-next.disabled {} /*Sidebar Control*/ .sidebar .itemslider .item{margin: 0px;text-align: center;border-right: none;border-left:none;} .sidebar .owl-theme .owl-controls .owl-buttons .owl-prev{} .sidebar .owl-theme .owl-controls .owl-buttons .owl-next{} /* Clickable class fix problem with hover on touch devices */ /* Use it for non-touch hover action */ .owl-theme .owl-controls.clickable .owl-buttons div:hover{ /*filter: Alpha(Opacity=100);IE7 fix*/ /*opacity: 1;*/ text-decoration: none; } /* Styling Pagination*/ .owl-theme .owl-controls .owl-page{ display: inline-block; zoom: 1; *display: inline;/*IE7 life-saver */ } .owl-theme .owl-controls .owl-page{ cursor: pointer; position: relative; background: white; width: 10px; height: 10px; line-height: 10px; margin-right: 7px; float: none; display: inline-block; margin-top: 0; webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; margin-bottom: 13px; opacity: 0.5; -moz-opacity: 0.5; filter: alpha(opacity=50); -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2); box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2); } .owl-theme .owl-controls .owl-page.active, .owl-theme .owl-controls.clickable .owl-page:hover{ opacity: 1; -moz-opacity: 1; filter: alpha(opacity=100); } /* If PaginationNumbers is true */ .owl-theme .owl-controls .owl-page span.owl-numbers{ font-size: 8px; display: block; } /* preloading images */ .owl-item.loading{ background: url(https://www.artzt.eu/skin/frontend/neighborhood/default/images/opc-ajax-loader.gif) center center no-repeat; z-index: 9999; opacity: 0.9; height: 10px; margin: 20px auto 0 auto; } /*Banner Elements*/ .banner .item{ text-align: center; } .banner .item a{ position: relative; z-index: 1; display: block; } /*Banner control*/ .banner .owl-theme .owl-controls .owl-buttons div{ background-color: #FFFFFF; color: #252525; } .banner .owl-theme .owl-controls .owl-buttons div:hover{ color: #1bbeb4; } .banner .owl-theme .owl-controls .owl-buttons .owl-prev { left: 30px; } .banner .owl-theme .owl-controls .owl-buttons .owl-next { right: 30px; } /*Banner pagination*/ .banner .owl-pagination{ position: absolute; left: 0; right: 0; bottom: 0px; } .banner .owl-theme .owl-controls .owl-pagination{ opacity: 0; -moz-opacity: 0; filter: alpha(opacity=0); transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; } .banner .owl-theme:hover .owl-controls .owl-pagination{ opacity: 1; -moz-opacity: 1; filter: alpha(opacity=100); } /*Banner caption*/ .banner-slider .caption{ display:block; position:absolute; bottom:0; padding:0; text-align: left; z-index: 1; width:38%; margin: 6%; } .banner-slider .caption .heading{ padding:0.25em; font-weight:normal; clear: both; border-top: 2px solid; border-bottom: 2px solid; margin-bottom: 15px; } .banner-slider .caption p{ clear: left; padding: 0.25em 0.5em; margin-bottom: 10px; font-size: 14px; line-height: 20px; } .banner-slider .caption button.button{ border-bottom: none; margin: 0.25em 0.5em; clear:left; } .banner-slider .caption button.button span{ background-color: #252525; color: #FFF; } .banner-slider .caption button.button:hover span{ color: #1bbeb4; } /* Floating (Left) */ .banner-slider .caption.left > * { text-align:left; float:left !important; } /* Floating (Right) */ .banner-slider .caption.right > * { text-align:right; float:right !important; } /*Product View Direction*/ .itemslider-thumbnails .owl-controls .owl-buttons{} .itemslider-thumbnails .owl-controls .owl-buttons div{} .itemslider-thumbnails .owl-controls .owl-buttons .owl-prev{left: 0;} .itemslider-thumbnails .owl-controls .owl-buttons .owl-next{right: 0;} /*without margin*/ .itemslider-thumbnails.no-margin .owl-controls .owl-buttons .owl-prev{} .itemslider-thumbnails.no-margin .owl-controls .owl-buttons .owl-next{} /*Brand View Direction*/ #brand.owl-theme{} #brand.owl-theme .owl-wrapper-outer{box-sizing: border-box;} #brand.owl-theme .owl-wrapper{display: table !important;} /*Brand Slder Align Center Image*/ #brand.itemslider .owl-item{ float: none; display: table-cell; vertical-align: middle; } #brand.itemslider .item{text-align: center;margin-top: 0px;margin-bottom: 0px;border-right: none;border-left: none;} /* * Owl Carousel CSS3 Transitions * v1.3.2 */ .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); } } /*----------------------------------------------------------------------------- - Revolution Slider 4.1 Captions - Screen Stylesheet version: 1.4.5 date: 27/11/13 author: themepunch email: info@themepunch.com website: http://www.themepunch.com -----------------------------------------------------------------------------*/ /************************* - CAPTIONS - **************************/ .bannercontainer {width:100%;position:relative;padding:0; } .banner{width:100%;position:relative; } .tp-hide-revslider,.tp-caption.tp-hidden-caption { visibility:hidden !important; display:none !important;} .tp-caption { z-index:1; white-space:nowrap} .tp-caption-demo .tp-caption { position:relative !important; display:inline-block; margin-bottom:10px; margin-right:20px !important;} .tp-caption.whitedivider3px { color: #000000; text-shadow: none; background-color: rgb(255, 255, 255); background-color: rgba(255, 255, 255, 1); text-decoration: none; min-width: 408px; min-height: 3px; background-position: initial initial; background-repeat: initial initial; border-width: 0px; border-color: #000000; border-style: none; } .tp-caption.finewide_large_white { color:#ffffff; text-shadow:none; font-size:60px; line-height:60px; font-weight:300; font-family:"Open Sans", sans-serif; background-color:transparent; text-decoration:none; text-transform:uppercase; letter-spacing:8px; border-width:0px; border-color:rgb(0, 0, 0); border-style:none; } .tp-caption.whitedivider3px { color:#000000; text-shadow:none; background-color:rgb(255, 255, 255); background-color:rgba(255, 255, 255, 1); text-decoration:none; font-size:0px; line-height:0; min-width:468px; min-height:3px; border-width:0px; border-color:rgb(0, 0, 0); border-style:none; } .tp-caption.finewide_medium_white { color:#ffffff; text-shadow:none; font-size:37px; line-height:37px; font-weight:300; font-family:"Open Sans", sans-serif; background-color:transparent; text-decoration:none; text-transform:uppercase; letter-spacing:5px; border-width:0px; border-color:rgb(0, 0, 0); border-style:none; } .tp-caption.boldwide_small_white { font-size:25px; line-height:25px; font-weight:800; font-family:"Open Sans", sans-serif; color:rgb(255, 255, 255); text-decoration:none; background-color:transparent; text-shadow:none; text-transform:uppercase; letter-spacing:5px; border-width:0px; border-color:rgb(0, 0, 0); border-style:none; } .tp-caption.whitedivider3px_vertical { color:#000000; text-shadow:none; background-color:rgb(255, 255, 255); background-color:rgba(255, 255, 255, 1); text-decoration:none; font-size:0px; line-height:0; min-width:3px; min-height:130px; border-width:0px; border-color:rgb(0, 0, 0); border-style:none; } .tp-caption.finewide_small_white { color:#ffffff; text-shadow:none; font-size:25px; line-height:25px; font-weight:300; font-family:"Open Sans", sans-serif; background-color:transparent; text-decoration:none; text-transform:uppercase; letter-spacing:5px; border-width:0px; border-color:rgb(0, 0, 0); border-style:none; } .tp-caption.finewide_verysmall_white_mw { font-size:13px; line-height:25px; font-weight:400; font-family:"Open Sans", sans-serif; color:#ffffff; text-decoration:none; background-color:transparent; text-shadow:none; text-transform:uppercase; letter-spacing:5px; max-width:470px; white-space:normal !important; border-width:0px; border-color:rgb(0, 0, 0); border-style:none; } .tp-caption.lightgrey_divider { text-decoration:none; background-color:rgb(235, 235, 235); background-color:rgba(235, 235, 235, 1); width:370px; height:3px; background-position:initial initial; background-repeat:initial initial; border-width:0px; border-color:rgb(34, 34, 34); border-style:none; } .tp-caption.finewide_large_white { color: #FFF; text-shadow: none; font-size: 60px; line-height: 60px; font-weight: 300; font-family: "Open Sans", sans-serif; background-color: rgba(0, 0, 0, 0); text-decoration: none; text-transform: uppercase; letter-spacing: 8px; border-width: 0px; border-color: #000; border-style: none; } .tp-caption.finewide_medium_white { color: #FFF; text-shadow: none; font-size: 34px; line-height: 34px; font-weight: 300; font-family: "Open Sans", sans-serif; background-color: rgba(0, 0, 0, 0); text-decoration: none; text-transform: uppercase; letter-spacing: 5px; border-width: 0px; border-color: #000; border-style: none; } .tp-caption.huge_red { position:absolute; color:rgb(223,75,107); font-weight:400; font-size:150px; line-height:130px; font-family: 'Oswald', sans-serif; margin:0px; border-width:0px; border-style:none; white-space:nowrap; background-color:rgb(45,49,54); padding:0px; } .tp-caption.middle_yellow { position:absolute; color:rgb(251,213,114); font-weight:600; font-size:50px; line-height:50px; font-family: 'Open Sans', sans-serif; margin:0px; border-width:0px; border-style:none; white-space:nowrap; } .tp-caption.huge_thin_yellow { position:absolute; color:rgb(251,213,114); font-weight:300; font-size:90px; line-height:90px; font-family: 'Open Sans', sans-serif; margin:0px; letter-spacing: 20px; border-width:0px; border-style:none; white-space:nowrap; } .tp-caption.big_dark { position:absolute; color:#333; font-weight:700; font-size:70px; line-height:70px; font-family:"Open Sans"; margin:0px; border-width:0px; border-style:none; white-space:nowrap; } .tp-caption.medium_dark { position:absolute; color:#333; font-weight:300; font-size:40px; line-height:40px; font-family:"Open Sans"; margin:0px; letter-spacing: 5px; border-width:0px; border-style:none; white-space:nowrap; } .tp-caption.medium_grey { position:absolute; color:#fff; text-shadow:0px 2px 5px rgba(0, 0, 0, 0.5); font-weight:700; font-size:20px; line-height:20px; font-family:Arial; padding:2px 4px; margin:0px; border-width:0px; border-style:none; background-color:#888; white-space:nowrap; } /*.tp-caption.small_text { position:absolute; color:#fff; text-shadow:0px 2px 5px rgba(0, 0, 0, 0.5); font-weight:700; font-size:14px; line-height:20px; font-family:Arial; margin:0px; border-width:0px; border-style:none; white-space:nowrap; }*/ /*.tp-caption.medium_text { position:absolute; color:#fff; text-shadow:0px 2px 5px rgba(0, 0, 0, 0.5); font-weight:700; font-size:20px; line-height:20px; font-family:Arial; margin:0px; border-width:0px; border-style:none; white-space:nowrap; }*/ .tp-caption.large_bold_white_25 { font-size:55px; line-height:65px; font-weight:700; font-family:"Open Sans"; color:#fff; text-decoration:none; background-color:transparent; text-align:center; text-shadow:#000 0px 5px 10px; border-width:0px; border-color:rgb(255, 255, 255); border-style:none; } .tp-caption.medium_text_shadow { font-size:25px; line-height:25px; font-weight:600; font-family:"Open Sans"; color:#fff; text-decoration:none; background-color:transparent; text-align:center; text-shadow:#000 0px 5px 10px; border-width:0px; border-color:rgb(255, 255, 255); border-style:none; } /*.tp-caption.large_text { position:absolute; color:#fff; text-shadow:0px 2px 5px rgba(0, 0, 0, 0.5); font-weight:700; font-size:40px; line-height:40px; font-family:Arial; margin:0px; border-width:0px; border-style:none; white-space:nowrap; }*/ .tp-caption.medium_bold_grey { font-size:30px; line-height:30px; font-weight:800; font-family:"Open Sans"; color:rgb(102, 102, 102); text-decoration:none; background-color:transparent; text-shadow:none; margin:0px; padding:1px 4px 0px; border-width:0px; border-color:rgb(255, 214, 88); border-style:none; } .tp-caption.very_large_text { position:absolute; color:#fff; text-shadow:0px 2px 5px rgba(0, 0, 0, 0.5); font-weight:700; font-size:60px; line-height:60px; font-family:Arial; margin:0px; border-width:0px; border-style:none; white-space:nowrap; letter-spacing:-2px; } .tp-caption.very_big_white { position:absolute; color:#fff; text-shadow:none; font-weight:800; font-size:60px; line-height:60px; font-family:Arial; margin:0px; border-width:0px; border-style:none; white-space:nowrap; padding:0px 4px; padding-top:1px; background-color:#000; } .tp-caption.very_big_black { position:absolute; color:#000; text-shadow:none; font-weight:700; font-size:60px; line-height:60px; font-family:Arial; margin:0px; border-width:0px; border-style:none; white-space:nowrap; padding:0px 4px; padding-top:1px; background-color:#fff; } .tp-caption.modern_medium_fat { position:absolute; color:#000; text-shadow:none; font-weight:800; font-size:24px; line-height:20px; font-family:"Open Sans", sans-serif; margin:0px; border-width:0px; border-style:none; white-space:nowrap; } .tp-caption.modern_medium_fat_white { position:absolute; color:#fff; text-shadow:none; font-weight:800; font-size:24px; line-height:20px; font-family:"Open Sans", sans-serif; margin:0px; border-width:0px; border-style:none; white-space:nowrap; } .tp-caption.modern_medium_light { position:absolute; color:#000; text-shadow:none; font-weight:300; font-size:24px; line-height:20px; font-family:"Open Sans", sans-serif; margin:0px; border-width:0px; border-style:none; white-space:nowrap; } .tp-caption.modern_big_bluebg { position:absolute; color:#fff; text-shadow:none; font-weight:800; font-size:30px; line-height:36px; font-family:"Open Sans", sans-serif; padding:3px 10px; margin:0px; border-width:0px; border-style:none; background-color:#4e5b6c; letter-spacing:0; } .tp-caption.modern_big_redbg { position:absolute; color:#fff; text-shadow:none; font-weight:300; font-size:30px; line-height:36px; font-family:"Open Sans", sans-serif; padding:3px 10px; padding-top:1px; margin:0px; border-width:0px; border-style:none; background-color:#de543e; letter-spacing:0; } .tp-caption.modern_small_text_dark { position:absolute; color:#555; text-shadow:none; font-size:14px; line-height:22px; font-family:Arial; margin:0px; border-width:0px; border-style:none; white-space:nowrap; } .tp-caption.boxshadow { -moz-box-shadow:0px 0px 20px rgba(0, 0, 0, 0.5); -webkit-box-shadow:0px 0px 20px rgba(0, 0, 0, 0.5); box-shadow:0px 0px 20px rgba(0, 0, 0, 0.5); } .tp-caption.black { color:#000; text-shadow:none; } .tp-caption.noshadow { text-shadow:none; } .tp-caption a { /*color:#ff7302;*/ text-shadow:none; -webkit-transition:all 0.2s ease-out; -moz-transition:all 0.2s ease-out; -o-transition:all 0.2s ease-out; -ms-transition:all 0.2s ease-out; } .tp-caption a:hover { /*color:#ffa902;*/ } .tp-caption.thinheadline_dark { position:absolute; color:rgba(0,0,0,0.85); text-shadow:none; font-weight:300; font-size:30px; line-height:30px; font-family:"Open Sans"; background-color:transparent; } .tp-caption.thintext_dark { position:absolute; color:rgba(0,0,0,0.85); text-shadow:none; font-weight:300; font-size:16px; line-height:26px; font-family:"Open Sans"; background-color:transparent; } .tp-caption.medium_bg_red a { color: #fff; text-decoration: none; } .tp-caption.medium_bg_red a:hover { color: #fff; text-decoration: underline; } .tp-caption.smoothcircle { font-size:30px; line-height:75px; font-weight:800; font-family:"Open Sans"; color:rgb(255, 255, 255); text-decoration:none; background-color:rgb(0, 0, 0); background-color:rgba(0, 0, 0, 0.498039); padding:50px 25px; text-align:center; border-radius:500px 500px 500px 500px; border-width:0px; border-color:rgb(0, 0, 0); border-style:none; } .tp-caption.largeblackbg { font-size:50px; line-height:70px; font-weight:300; font-family:"Open Sans"; color:rgb(255, 255, 255); text-decoration:none; background-color:rgb(0, 0, 0); padding:0px 20px 5px; text-shadow:none; border-width:0px; border-color:rgb(255, 255, 255); border-style:none; } .tp-caption.largepinkbg { position:absolute; color:#fff; text-shadow:none; font-weight:300; font-size:50px; line-height:70px; font-family:"Open Sans"; background-color:#db4360; padding:0px 20px; -webkit-border-radius:0px; -moz-border-radius:0px; border-radius:0px; } .tp-caption.largewhitebg { position:absolute; color:#000; text-shadow:none; font-weight:300; font-size:50px; line-height:70px; font-family:"Open Sans"; background-color:#fff; padding:0px 20px; -webkit-border-radius:0px; -moz-border-radius:0px; border-radius:0px; } .tp-caption.largegreenbg { position:absolute; color:#fff; text-shadow:none; font-weight:300; font-size:50px; line-height:70px; font-family:"Open Sans"; background-color:#67ae73; padding:0px 20px; -webkit-border-radius:0px; -moz-border-radius:0px; border-radius:0px; } .tp-caption.excerpt { font-size:36px; line-height:36px; font-weight:700; font-family:Arial; color:#ffffff; text-decoration:none; background-color:rgba(0, 0, 0, 1); text-shadow:none; margin:0px; letter-spacing:-1.5px; padding:1px 4px 0px 4px; width:150px; white-space:normal !important; height:auto; border-width:0px; border-color:rgb(255, 255, 255); border-style:none; } .tp-caption.large_bold_grey { font-size:60px; line-height:60px; font-weight:800; font-family:"Open Sans"; color:rgb(102, 102, 102); text-decoration:none; background-color:transparent; text-shadow:none; margin:0px; padding:1px 4px 0px; border-width:0px; border-color:rgb(255, 214, 88); border-style:none; } .tp-caption.medium_thin_grey { font-size:34px; line-height:30px; font-weight:300; font-family:"Open Sans"; color:rgb(102, 102, 102); text-decoration:none; background-color:transparent; padding:1px 4px 0px; text-shadow:none; margin:0px; border-width:0px; border-color:rgb(255, 214, 88); border-style:none; } .tp-caption.small_thin_grey { font-size:18px; line-height:26px; font-weight:300; font-family:"Open Sans"; color:rgb(117, 117, 117); text-decoration:none; background-color:transparent; padding:1px 4px 0px; text-shadow:none; margin:0px; border-width:0px; border-color:rgb(255, 214, 88); border-style:none; } .tp-caption.lightgrey_divider { text-decoration:none; background-color:rgba(235, 235, 235, 1); width:370px; height:3px; background-position:initial initial; background-repeat:initial initial; border-width:0px; border-color:rgb(34, 34, 34); border-style:none; } .tp-caption.large_bold_darkblue { font-size:58px; line-height:60px; font-weight:800; font-family:"Open Sans"; color:rgb(52, 73, 94); text-decoration:none; background-color:transparent; border-width:0px; border-color:rgb(255, 214, 88); border-style:none; } .tp-caption.medium_bg_darkblue { font-size:20px; line-height:20px; font-weight:800; font-family:"Open Sans"; color:rgb(255, 255, 255); text-decoration:none; background-color:rgb(52, 73, 94); padding:10px; border-width:0px; border-color:rgb(255, 214, 88); border-style:none; } .tp-caption.medium_bold_red { font-size:24px; line-height:30px; font-weight:800; font-family:"Open Sans"; color:rgb(227, 58, 12); text-decoration:none; background-color:transparent; padding:0px; border-width:0px; border-color:rgb(255, 214, 88); border-style:none; } .tp-caption.medium_light_red { font-size:21px; line-height:26px; font-weight:300; font-family:"Open Sans"; color:rgb(227, 58, 12); text-decoration:none; background-color:transparent; padding:0px; border-width:0px; border-color:rgb(255, 214, 88); border-style:none; } .tp-caption.medium_bg_red { font-size:20px; line-height:20px; font-weight:800; font-family:"Open Sans"; color:rgb(255, 255, 255); text-decoration:none; background-color:rgb(227, 58, 12); padding:10px; border-width:0px; border-color:rgb(255, 214, 88); border-style:none; } .tp-caption.medium_bold_orange { font-size:24px; line-height:30px; font-weight:800; font-family:"Open Sans"; color:rgb(243, 156, 18); text-decoration:none; background-color:transparent; border-width:0px; border-color:rgb(255, 214, 88); border-style:none; } .tp-caption.medium_bg_orange { font-size:20px; line-height:20px; font-weight:800; font-family:"Open Sans"; color:rgb(255, 255, 255); text-decoration:none; background-color:rgb(243, 156, 18); padding:10px; border-width:0px; border-color:rgb(255, 214, 88); border-style:none; } .tp-caption.grassfloor { text-decoration:none; background-color:rgba(160, 179, 151, 1); width:4000px; height:150px; border-width:0px; border-color:rgb(34, 34, 34); border-style:none; } .tp-caption.large_bold_white { font-size:58px; line-height:60px; font-weight:800; font-family:"Open Sans"; color:rgb(255, 255, 255); text-decoration:none; background-color:transparent; border-width:0px; border-color:rgb(255, 214, 88); border-style:none; } .tp-caption.medium_light_white { font-size:30px; line-height:36px; font-weight:300; font-family:"Open Sans"; color:rgb(255, 255, 255); text-decoration:none; background-color:transparent; padding:0px; border-width:0px; border-color:rgb(255, 214, 88); border-style:none; } .tp-caption.mediumlarge_light_white { font-size:34px; line-height:40px; font-weight:300; font-family:"Open Sans"; color:rgb(255, 255, 255); text-decoration:none; background-color:transparent; padding:0px; border-width:0px; border-color:rgb(255, 214, 88); border-style:none; } .tp-caption.mediumlarge_light_white_center { font-size:34px; line-height:40px; font-weight:300; font-family:"Open Sans"; color:#ffffff; text-decoration:none; background-color:transparent; padding:0px 0px 0px 0px; text-align:center; border-width:0px; border-color:rgb(255, 214, 88); border-style:none; } .tp-caption.medium_bg_asbestos { font-size:20px; line-height:20px; font-weight:800; font-family:"Open Sans"; color:rgb(255, 255, 255); text-decoration:none; background-color:rgb(127, 140, 141); padding:10px; border-width:0px; border-color:rgb(255, 214, 88); border-style:none; } .tp-caption.medium_light_black { font-size:30px; line-height:36px; font-weight:300; font-family:"Open Sans"; color:rgb(0, 0, 0); text-decoration:none; background-color:transparent; padding:0px; border-width:0px; border-color:rgb(255, 214, 88); border-style:none; } .tp-caption.large_bold_black { font-size:58px; line-height:60px; font-weight:800; font-family:"Open Sans"; color:rgb(0, 0, 0); text-decoration:none; background-color:transparent; border-width:0px; border-color:rgb(255, 214, 88); border-style:none; } .tp-caption.mediumlarge_light_darkblue { font-size:34px; line-height:40px; font-weight:300; font-family:"Open Sans"; color:rgb(52, 73, 94); text-decoration:none; background-color:transparent; padding:0px; border-width:0px; border-color:rgb(255, 214, 88); border-style:none; } .tp-caption.small_light_white { font-size:17px; line-height:28px; font-weight:300; font-family:"Open Sans"; color:rgb(255, 255, 255); text-decoration:none; background-color:transparent; padding:0px; border-width:0px; border-color:rgb(255, 214, 88); border-style:none; } .tp-caption.roundedimage { border-width:0px; border-color:rgb(34, 34, 34); border-style:none; } .tp-caption.large_bg_black { font-size:40px; line-height:40px; font-weight:800; font-family:"Open Sans"; color:rgb(255, 255, 255); text-decoration:none; background-color:rgb(0, 0, 0); padding:10px 20px 15px; border-width:0px; border-color:rgb(255, 214, 88); border-style:none; } .tp-caption.mediumwhitebg { font-size:30px; line-height:30px; font-weight:300; font-family:"Open Sans"; color:rgb(0, 0, 0); text-decoration:none; background-color:rgb(255, 255, 255); padding:5px 15px 10px; text-shadow:none; border-width:0px; border-color:rgb(0, 0, 0); border-style:none; } .tp-caption.medium_bg_orange_new1 { font-size:20px; line-height:20px; font-weight:800; font-family:"Open Sans"; color:rgb(255, 255, 255); text-decoration:none; background-color:rgb(243, 156, 18); padding:10px; border-width:0px; border-color:rgb(255, 214, 88); border-style:none; } .tp-caption.boxshadow{ -moz-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.5); -webkit-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.5); box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.5); } .tp-caption.black{ color: #000; text-shadow: none; font-weight: 300; font-size: 19px; line-height: 19px; font-family: 'Open Sans', sans; } .tp-caption.noshadow { text-shadow: none; } .tp_inner_padding { box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; max-height:none !important; } /*.tp-caption { transform:none !important}*/ /********************************* - NEW TEXT-SIZE CAPTIONS - **********************************/ .xx_small_text{font-size: 12px; line-height: 18px;} .x_small_text{font-size: 16px; line-height: 22px;} .small_text {font-size: 18px; line-height: 24px;} .medium_text {font-size: 20px; line-height: 26px;} .large_text {font-size: 24px; line-height: 30px;} .x_large_text {font-size: 30px; line-height: 36px;} .xx_large_text {font-size: 40px; line-height: 46px;} .very_large_text {font-size: 60px; line-height: 66px;} .extra_large_text {font-size: 70px; line-height: 76px;} /********************************* - NEW TEXT COLOUR CAPTIONS - **********************************/ .clr_white{color: #fff;} .clr_black{color: #000;} .clr_red{color: #ff0000;} .clr_orange{color: #ff3333;} .clr_blue{color: #3a56e9;} .clr_green{color: #028935;} .clr_lightblue{color: #379adc;} .clr_white:hover{color: #fff;} .clr_black:hover{color: #000;} .clr_red:hover{color: #ff0000;} .clr_orange:hover{color: #ff3333;} .clr_blue:hover{color: #3a56e9;} .clr_green:hover{color: #028935;} .clr_lightblue:hover{color: #379adc;} .bg_white{background: #fff;} .bg_black{background: #000;} .bg_red{background: #ff0000;} .bg_orange{background: #ff3333;} .bg_blue{background: #3a56e9;} .bg_green{background: #028935;} .bg_lightblue{background: #379adc;} /********************************* - SPECIAL TP CAPTIONS - **********************************/ .tp-caption .frontcorner { width: 0; height: 0; border-left: 40px solid transparent; border-right: 0px solid transparent; border-top: 40px solid #00A8FF; position: absolute;left:-40px;top:0px; } .tp-caption .backcorner { width: 0; height: 0; border-left: 0px solid transparent; border-right: 40px solid transparent; border-bottom: 40px solid #00A8FF; position: absolute;right:0px;top:0px; } .tp-caption .frontcornertop { width: 0; height: 0; border-left: 40px solid transparent; border-right: 0px solid transparent; border-bottom: 40px solid #00A8FF; position: absolute;left:-40px;top:0px; } .tp-caption .backcornertop { width: 0; height: 0; border-left: 0px solid transparent; border-right: 40px solid transparent; border-top: 40px solid #00A8FF; position: absolute;right:0px;top:0px; } /****************************** - BUTTONS - *******************************/ .tp-simpleresponsive .button { padding:11px 20px; /*border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; height:30px; cursor:pointer; color:#fff !important; text-shadow:0px 1px 1px rgba(0, 0, 0, 0.6) !important; font-size:15px; line-height:45px !important; background:url(https://www.artzt.eu/skin/frontend/neighborhood/default/revolution_slider/images/gradient/g30.png) repeat-x top; font-family: arial, sans-serif; font-weight: bold; letter-spacing: -1px;*/ } .tp-simpleresponsive .button.big { color:#fff; text-shadow:0px 1px 1px rgba(0, 0, 0, 0.6); font-weight:bold; padding:9px 20px; font-size:19px; line-height:57px !important; background:url(https://www.artzt.eu/skin/frontend/neighborhood/default/revolution_slider/images/gradient/g40.png) repeat-x top;} .tp-simpleresponsive .purchase:hover, .tp-simpleresponsive .button:hover, .tp-simpleresponsive .button.big:hover { background-position:bottom, 15px 11px;} @media only screen and (min-width: 768px) and (max-width: 959px) { } @media only screen and (min-width: 480px) and (max-width: 767px) { .tp-simpleresponsive .button { padding:4px 8px 3px; line-height:25px !important; font-size:11px !important;font-weight:normal; } .tp-simpleresponsive a.button { -webkit-transition: none; -moz-transition: none; -o-transition: none; -ms-transition: none; } } @media only screen and (min-width: 0px) and (max-width: 479px) { .tp-simpleresponsive .button { padding:2px 5px 2px; line-height:20px !important; font-size:10px !important;} .tp-simpleresponsive a.button { -webkit-transition: none; -moz-transition: none; -o-transition: none; -ms-transition: none; } } /* BUTTON COLORS */ .tp-simpleresponsive .button.green, .tp-simpleresponsive .button:hover.green, .tp-simpleresponsive .purchase.green, .tp-simpleresponsive .purchase:hover.green { background-color:#21a117; -webkit-box-shadow: 0px 3px 0px 0px #104d0b; -moz-box-shadow: 0px 3px 0px 0px #104d0b; box-shadow: 0px 3px 0px 0px #104d0b; } .tp-simpleresponsive .button.blue, .tp-simpleresponsive .button:hover.blue, .tp-simpleresponsive .purchase.blue, .tp-simpleresponsive .purchase:hover.blue { background-color:#1d78cb; -webkit-box-shadow: 0px 3px 0px 0px #0f3e68; -moz-box-shadow: 0px 3px 0px 0px #0f3e68; box-shadow: 0px 3px 0px 0px #0f3e68;} .tp-simpleresponsive .button.red, .tp-simpleresponsive .button:hover.red, .tp-simpleresponsive .purchase.red, .tp-simpleresponsive .purchase:hover.red { background-color:#cb1d1d; -webkit-box-shadow: 0px 3px 0px 0px #7c1212; -moz-box-shadow: 0px 3px 0px 0px #7c1212; box-shadow: 0px 3px 0px 0px #7c1212;} .tp-simpleresponsive .button.orange, .tp-simpleresponsive .button:hover.orange, .tp-simpleresponsive .purchase.orange, .tp-simpleresponsive .purchase:hover.orange { background-color:#ff7700; -webkit-box-shadow: 0px 3px 0px 0px #a34c00; -moz-box-shadow: 0px 3px 0px 0px #a34c00; box-shadow: 0px 3px 0px 0px #a34c00;} .tp-simpleresponsive .button.darkgrey, .tp-simpleresponsive .button.grey, .tp-simpleresponsive .button:hover.darkgrey, .tp-simpleresponsive .button:hover.grey, .tp-simpleresponsive .purchase.darkgrey, .tp-simpleresponsive .purchase:hover.darkgrey { background-color:#555; -webkit-box-shadow: 0px 3px 0px 0px #222; -moz-box-shadow: 0px 3px 0px 0px #222; box-shadow: 0px 3px 0px 0px #222;} .tp-simpleresponsive .button.lightgrey, .tp-simpleresponsive .button:hover.lightgrey, .tp-simpleresponsive .purchase.lightgrey, .tp-simpleresponsive .purchase:hover.lightgrey { background-color:#888; -webkit-box-shadow: 0px 3px 0px 0px #555; -moz-box-shadow: 0px 3px 0px 0px #555; box-shadow: 0px 3px 0px 0px #555;} /**************************************************************** - SET THE ANIMATION EVEN MORE SMOOTHER ON ANDROID - ******************************************************************/ /*.tp-simpleresponsive { -webkit-perspective: 1500px; -moz-perspective: 1500px; -o-perspective: 1500px; -ms-perspective: 1500px; perspective: 1500px; }*/ /********************************************** - FULLSCREEN AND FULLWIDHT CONTAINERS - **********************************************/ .fullscreen-container { width:100%; position:relative; padding:0; } .fullwidthbanner-container{ width:100%; position:relative; padding:0; overflow:hidden; } .fullwidthbanner-container .fullwidthbanner{ width:100%; position:relative; } /************************************************ - SOME CAPTION MODIFICATION AT START - *************************************************/ .tp-simpleresponsive .caption, .tp-simpleresponsive .tp-caption { /*-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; */ position:absolute;visibility: hidden; -webkit-font-smoothing: antialiased !important; margin: 0; width: auto; bottom: auto; } .tp-simpleresponsive img { max-width:none;} /****************************** - IE8 HACKS - *******************************/ .noFilterClass { filter:none !important; } /****************************** - SHADOWS - ******************************/ .tp-bannershadow { position:absolute; margin-left:auto; margin-right:auto; -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; -o-user-select: none; } .tp-bannershadow.tp-shadow1 { background:url(https://www.artzt.eu/skin/frontend/neighborhood/default/revolution_slider/assets/shadow1.png) no-repeat; background-size:100% 100%; width:890px; height:60px; bottom:-60px;} .tp-bannershadow.tp-shadow2 { background:url(https://www.artzt.eu/skin/frontend/neighborhood/default/revolution_slider/assets/shadow2.png) no-repeat; background-size:100% 100%; width:890px; height:60px;bottom:-60px;} .tp-bannershadow.tp-shadow3 { background:url(https://www.artzt.eu/skin/frontend/neighborhood/default/revolution_slider/assets/shadow3.png) no-repeat; background-size:100% 100%; width:890px; height:60px;bottom:-60px;} /******************************** - FULLSCREEN VIDEO - *********************************/ .caption.fullscreenvideo { left:0px; top:0px; position:absolute;width:100%;height:100%;} .caption.fullscreenvideo iframe, .caption.fullscreenvideo video { width:100% !important; height:100% !important; display: none} .tp-caption.fullscreenvideo { left:0px; top:0px; position:absolute;width:100%;height:100%;} .tp-caption.fullscreenvideo iframe, .tp-caption.fullscreenvideo iframe video { width:100% !important; height:100% !important; display: none;} .fullcoveredvideo video, .fullscreenvideo video { background: #000;} .fullcoveredvideo .tp-poster { background-position: center center;background-size: cover;width:100%;height:100%;top:0px;left:0px;} .html5vid.videoisplaying .tp-poster { display: none} .tp-video-play-button { background:#000; background:rgba(0,0,0,0.3); padding:5px; border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px; position: absolute; top: 50%; left: 50%; font-size: 40px; color: #FFF; z-index: 3; margin-top: -27px; margin-left: -28px; text-align: center; cursor: pointer; } .html5vid .tp-revstop { width:6px;height:20px; border-left:5px solid #fff; border-right:5px solid #fff; position: relative;margin:10px 20px;} .html5vid .tp-revstop { display:none;} .html5vid.videoisplaying .revicon-right-dir { display:none} .html5vid.videoisplaying .tp-revstop { display:block} .html5vid.videoisplaying .tp-video-play-button { display:none} .html5vid:hover .tp-video-play-button { display:block} .fullcoveredvideo .tp-video-play-button { display:none !important} /******************************** - FULLSCREEN VIDEO ENDS - *********************************/ /******************************** - DOTTED OVERLAYS - *********************************/ .tp-dottedoverlay { background-repeat:repeat;width:100%;height:100%;position:absolute;top:0px;left:0px;z-index:1;} .tp-dottedoverlay.twoxtwo { background:url(https://www.artzt.eu/skin/frontend/neighborhood/default/revolution_slider/assets/gridtile.png)} .tp-dottedoverlay.twoxtwowhite { background:url(https://www.artzt.eu/skin/frontend/neighborhood/default/revolution_slider/assets/gridtile_white.png)} .tp-dottedoverlay.threexthree { background:url(https://www.artzt.eu/skin/frontend/neighborhood/default/revolution_slider/assets/gridtile_3x3.png)} .tp-dottedoverlay.threexthreewhite { background:url(https://www.artzt.eu/skin/frontend/neighborhood/default/revolution_slider/assets/gridtile_3x3_white.png)} /******************************** - DOTTED OVERLAYS ENDS - *********************************/ /************************ - NAVIGATION - *************************/ /** BULLETS **/ .tpclear { clear:both;} .tp-bullets { z-index:1000; position:absolute; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; -webkit-transition: opacity 0.2s ease-out; -moz-transition: opacity 0.2s ease-out; -o-transition: opacity 0.2s ease-out; -ms-transition: opacity 0.2s ease-out;-webkit-transform: translateZ(5px); } .tp-bullets.hidebullets { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; } .tp-bullets.simplebullets.navbar { border:1px solid #666; border-bottom:1px solid #444; background:url(https://www.artzt.eu/skin/frontend/neighborhood/default/revolution_slider/assets/boxed_bgtile.png); height:40px; padding:0px 10px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px ;} .tp-bullets.simplebullets.navbar-old { background:url(https://www.artzt.eu/skin/frontend/neighborhood/default/revolution_slider/assets/navigdots_bgtile.png); height:35px; padding:0px 10px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px ;} .tp-bullets.simplebullets.round .bullet { cursor:pointer; position:relative; float: none; display: inline-block; background: #FFFFFF; margin: 0px 7px 13px 0px; width: 10px; height: 10px; line-height: 10px; webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; opacity: 0.5; -moz-opacity: 0.5; filter: alpha(opacity=50); -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2); box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2); } .tp-bullets.simplebullets.round .bullet:hover, .tp-bullets.simplebullets.round .bullet.selected{ opacity: 1; -moz-opacity: 1; filter: alpha(opacity=100); } .tp-bullets.simplebullets.round-old .bullet { cursor:pointer; position:relative; background:url(https://www.artzt.eu/skin/frontend/neighborhood/default/revolution_slider/assets/bullets.png) no-Repeat bottom left; width:23px; height:23px; margin-right:0px; float:left; margin-top:0px;} .tp-bullets.simplebullets.round-old .bullet.last { margin-right:0px;} /** SQUARE BULLETS **/ .tp-bullets.simplebullets.square .bullet { cursor:pointer; position:relative; background:url(https://www.artzt.eu/skin/frontend/neighborhood/default/revolution_slider/assets/bullets2.png) no-Repeat bottom left; width:19px; height:19px; margin-right:0px; float:left; margin-top:0px;} .tp-bullets.simplebullets.square .bullet.last { margin-right:0px;} /** SQUARE BULLETS **/ .tp-bullets.simplebullets.square-old .bullet { cursor:pointer; position:relative; background:url(https://www.artzt.eu/skin/frontend/neighborhood/default/revolution_slider/assets/bullets2.png) no-Repeat bottom left; width:19px; height:19px; margin-right:0px; float:left; margin-top:0px;} .tp-bullets.simplebullets.square-old .bullet.last { margin-right:0px;} /** navbar NAVIGATION VERSION **/ .tp-bullets.simplebullets.navbar .bullet { cursor:pointer; position:relative; background:url(https://www.artzt.eu/skin/frontend/neighborhood/default/revolution_slider/assets/bullet_boxed.png) no-Repeat top left; width:18px; height:19px; margin-right:5px; float:left; margin-top:0px;} .tp-bullets.simplebullets.navbar .bullet.first { margin-left:0px !important;} .tp-bullets.simplebullets.navbar .bullet.last { margin-right:0px !important;} /** navbar NAVIGATION VERSION **/ .tp-bullets.simplebullets.navbar-old .bullet { cursor:pointer; position:relative; background:url(https://www.artzt.eu/skin/frontend/neighborhood/default/revolution_slider/assets/navigdots.png) no-Repeat bottom left; width:15px; height:15px; margin-left:5px !important; margin-right:5px !important;float:left; margin-top:10px;} .tp-bullets.simplebullets.navbar-old .bullet.first { margin-left:0px !important;} .tp-bullets.simplebullets.navbar-old .bullet.last { margin-right:0px !important;} .tp-bullets.simplebullets .bullet:hover, .tp-bullets.simplebullets .bullet.selected { background-position:top left; } .tp-bullets.simplebullets.round .bullet:hover, .tp-bullets.simplebullets.round .bullet.selected, .tp-bullets.simplebullets.navbar .bullet:hover, .tp-bullets.simplebullets.navbar .bullet.selected { background-position:bottom left; } /************************************* - TP ARROWS - **************************************/ .tparrows { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; -webkit-transition: opacity 0.2s ease-out; -moz-transition: opacity 0.2s ease-out; -o-transition: opacity 0.2s ease-out; -ms-transition: opacity 0.2s ease-out; -webkit-transform: translateZ(5000px); -webkit-transform-style: flat; -webkit-backface-visibility: hidden; z-index:600; position: relative; } .tparrows.hidearrows { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; } .tp-leftarrow { z-index:100;cursor:pointer; position:relative; } .tp-rightarrow { z-index:100;cursor:pointer; position:relative; } .tp-leftarrow.round { z-index:100;cursor:pointer; position:relative; background:url(https://www.artzt.eu/skin/frontend/neighborhood/default/revolution_slider/assets/small_left.png) no-Repeat top left; width:19px; height:14px; margin-right:0px; float:left; margin-top:0px; } .tp-rightarrow.round { z-index:100;cursor:pointer; position:relative; background:url(https://www.artzt.eu/skin/frontend/neighborhood/default/revolution_slider/assets/small_right.png) no-Repeat top left; width:19px; height:14px; margin-right:0px; float:left; margin-top:0px;} .tp-leftarrow.round-old { z-index:100;cursor:pointer; position:relative; background:url(https://www.artzt.eu/skin/frontend/neighborhood/default/revolution_slider/assets/arrow_left.png) no-Repeat top left; width:26px; height:26px; margin-right:0px; float:left; margin-top:0px; } .tp-rightarrow.round-old { z-index:100;cursor:pointer; position:relative; background:url(https://www.artzt.eu/skin/frontend/neighborhood/default/revolution_slider/assets/arrow_right.png) no-Repeat top left; width:26px; height:26px; margin-right:0px; float:left; margin-top:0px;} .tp-leftarrow.navbar { z-index:100;cursor:pointer; position:relative; background:url(https://www.artzt.eu/skin/frontend/neighborhood/default/revolution_slider/assets/small_left_boxed.png) no-Repeat top left; width:20px; height:15px; float:left; margin-right:6px; margin-top:12px;} .tp-rightarrow.navbar { z-index:100;cursor:pointer; position:relative; background:url(https://www.artzt.eu/skin/frontend/neighborhood/default/revolution_slider/assets/small_right_boxed.png) no-Repeat top left; width:20px; height:15px; float:left; margin-left:6px; margin-top:12px;} .tp-leftarrow.navbar-old { z-index:100;cursor:pointer; position:relative; background:url(https://www.artzt.eu/skin/frontend/neighborhood/default/revolution_slider/assets/arrowleft.png) no-Repeat top left; width:9px; height:16px; float:left; margin-right:6px; margin-top:10px;} .tp-rightarrow.navbar-old { z-index:100;cursor:pointer; position:relative; background:url(https://www.artzt.eu/skin/frontend/neighborhood/default/revolution_slider/assets/arrowright.png) no-Repeat top left; width:9px; height:16px; float:left; margin-left:6px; margin-top:10px;} .tp-leftarrow.navbar-old.thumbswitharrow { margin-right:10px; } .tp-rightarrow.navbar-old.thumbswitharrow { margin-left:0px; } .tp-leftarrow.square { z-index:100;cursor:pointer; position:relative; background:url(https://www.artzt.eu/skin/frontend/neighborhood/default/revolution_slider/assets/arrow_left2.png) no-Repeat top left; width:12px; height:17px; float:left; margin-right:0px; margin-top:0px;} .tp-rightarrow.square { z-index:100;cursor:pointer; position:relative; background:url(https://www.artzt.eu/skin/frontend/neighborhood/default/revolution_slider/assets/arrow_right2.png) no-Repeat top left; width:12px; height:17px; float:left; margin-left:0px; margin-top:0px;} .tp-leftarrow.square-old { z-index:100;cursor:pointer; position:relative; background:url(https://www.artzt.eu/skin/frontend/neighborhood/default/revolution_slider/assets/arrow_left2.png) no-Repeat top left; width:12px; height:17px; float:left; margin-right:0px; margin-top:0px;} .tp-rightarrow.square-old { z-index:100;cursor:pointer; position:relative; background:url(https://www.artzt.eu/skin/frontend/neighborhood/default/revolution_slider/assets/arrow_right2.png) no-Repeat top left; width:12px; height:17px; float:left; margin-left:0px; margin-top:0px;} .tp-leftarrow.default, .tp-rightarrow.default { z-index:100;cursor:pointer; position:relative; text-align: center; background-color: #FFFFFF; color: #252525; font-size: 14px; font-family: FontAwesome; width: 34px; height: 34px; line-height: 34px; webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; } .tp-leftarrow:hover, .tp-rightarrow:hover { color: #1bbeb4;} /**************************************************************************************************** - TP THUMBS - ***************************************************************************************************** - tp-thumbs & tp-mask Width is the width of the basic Thumb Container (500px basic settings) - .bullet width & height is the dimension of a simple Thumbnail (basic 100px x 50px) *****************************************************************************************************/ .tp-bullets.tp-thumbs { z-index:1000; position:absolute; padding:3px;background-color:#fff; width:500px;height:50px; /* THE DIMENSIONS OF THE THUMB CONTAINER */ margin-top:-50px; } .fullwidthbanner-container .tp-thumbs { padding:3px;} .tp-bullets.tp-thumbs .tp-mask { width:500px; height:50px; /* THE DIMENSIONS OF THE THUMB CONTAINER */ overflow:hidden; position:relative;} .tp-bullets.tp-thumbs .tp-mask .tp-thumbcontainer { width:5000px; position:absolute;} .tp-bullets.tp-thumbs .bullet { width:100px; height:50px; /* THE DIMENSION OF A SINGLE THUMB */ cursor:pointer; overflow:hidden;background:none;margin:0;float:left; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; /*filter: alpha(opacity=50); */ -moz-opacity: 0.5; -khtml-opacity: 0.5; opacity: 0.5; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out; } .tp-bullets.tp-thumbs .bullet:hover, .tp-bullets.tp-thumbs .bullet.selected { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; } .tp-thumbs img { width:100%; } /************************************ - TP BANNER TIMER - *************************************/ .tp-bannertimer { width:100%; height:10px; background:url(https://www.artzt.eu/skin/frontend/neighborhood/default/revolution_slider/assets/timer.png);position:absolute; z-index:200;top:0px;} .tp-bannertimer.tp-bottom { bottom:0px;height:5px; top:auto;} /*************************************** - RESPONSIVE SETTINGS - ****************************************/ @media only screen and (min-width: 0px) and (max-width: 479px) { .responsive .tp-bullets { display:none} .responsive .tparrows { display:none;} } /********************************************* - BASIC SETTINGS FOR THE BANNER - ***********************************************/ .tp-simpleresponsive img { -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; -o-user-select: none; } .tp-simpleresponsive a{ text-decoration:none;} .tp-simpleresponsive ul { list-style:none; padding:0; margin:0; } .tp-simpleresponsive >ul >li{ list-stye:none; position:absolute; visibility:hidden; } /* CAPTION SLIDELINK **/ .caption.slidelink a div, .tp-caption.slidelink a div { width:3000px; height:1500px; background:url(https://www.artzt.eu/skin/frontend/neighborhood/default/revolution_slider/assets/coloredbg.png) repeat;} /****************************** - LOADER FORMS - ********************************/ .tp-loader { top:50%; left:50%; z-index:10000; position:absolute; } .tp-loader.spinner0 { width: 40px; height: 40px; background:url(https://www.artzt.eu/skin/frontend/neighborhood/default/revolution_slider/assets/loader.gif) no-repeat center center; background-color: #fff; box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15); -webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15); margin-top:-20px; margin-left:-20px; -webkit-animation: tp-rotateplane 1.2s infinite ease-in-out; animation: tp-rotateplane 1.2s infinite ease-in-out; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } .tp-loader.spinner1 { width: 40px; height: 40px; background-color: #fff; box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15); -webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15); margin-top:-20px; margin-left:-20px; -webkit-animation: tp-rotateplane 1.2s infinite ease-in-out; animation: tp-rotateplane 1.2s infinite ease-in-out; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } .tp-loader.spinner5 { background:url(https://www.artzt.eu/skin/frontend/neighborhood/default/revolution_slider/assets/loader.gif) no-repeat 10px 10px; background-color:#fff; margin:-22px -22px; width:44px;height:44px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } @-webkit-keyframes tp-rotateplane { 0% { -webkit-transform: perspective(120px) } 50% { -webkit-transform: perspective(120px) rotateY(180deg) } 100% { -webkit-transform: perspective(120px) rotateY(180deg) rotateX(180deg) } } @keyframes tp-rotateplane { 0% { transform: perspective(120px) rotateX(0deg) rotateY(0deg); -webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg) } 50% { transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg); -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg) } 100% { transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg); -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg); } } .tp-loader.spinner2 { width: 40px; height: 40px; margin-top:-20px;margin-left:-20px; background-color: #ff0000; box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15); -webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15); border-radius: 100%; -webkit-animation: tp-scaleout 1.0s infinite ease-in-out; animation: tp-scaleout 1.0s infinite ease-in-out; } @-webkit-keyframes tp-scaleout { 0% { -webkit-transform: scale(0.0) } 100% { -webkit-transform: scale(1.0); opacity: 0; } } @keyframes tp-scaleout { 0% { transform: scale(0.0); -webkit-transform: scale(0.0); } 100% { transform: scale(1.0); -webkit-transform: scale(1.0); opacity: 0; } } .tp-loader.spinner3 { margin: -9px 0px 0px -35px; width: 70px; text-align: center; } .tp-loader.spinner3 .bounce1, .tp-loader.spinner3 .bounce2, .tp-loader.spinner3 .bounce3 { width: 18px; height: 18px; background-color: #fff; box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15); -webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15); border-radius: 100%; display: inline-block; -webkit-animation: tp-bouncedelay 1.4s infinite ease-in-out; animation: tp-bouncedelay 1.4s infinite ease-in-out; /* Prevent first frame from flickering when animation starts */ -webkit-animation-fill-mode: both; animation-fill-mode: both; } .tp-loader.spinner3 .bounce1 { -webkit-animation-delay: -0.32s; animation-delay: -0.32s; } .tp-loader.spinner3 .bounce2 { -webkit-animation-delay: -0.16s; animation-delay: -0.16s; } @-webkit-keyframes tp-bouncedelay { 0%, 80%, 100% { -webkit-transform: scale(0.0) } 40% { -webkit-transform: scale(1.0) } } @keyframes tp-bouncedelay { 0%, 80%, 100% { transform: scale(0.0); -webkit-transform: scale(0.0); } 40% { transform: scale(1.0); -webkit-transform: scale(1.0); } } .tp-loader.spinner4 { margin: -20px 0px 0px -20px; width: 40px; height: 40px; text-align: center; -webkit-animation: tp-rotate 2.0s infinite linear; animation: tp-rotate 2.0s infinite linear; } .tp-loader.spinner4 .dot1, .tp-loader.spinner4 .dot2 { width: 60%; height: 60%; display: inline-block; position: absolute; top: 0; background-color: #fff; border-radius: 100%; -webkit-animation: tp-bounce 2.0s infinite ease-in-out; animation: tp-bounce 2.0s infinite ease-in-out; box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15); -webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15); } .tp-loader.spinner4 .dot2 { top: auto; bottom: 0px; -webkit-animation-delay: -1.0s; animation-delay: -1.0s; } @-webkit-keyframes tp-rotate { 100% { -webkit-transform: rotate(360deg) }} @keyframes tp-rotate { 100% { transform: rotate(360deg); -webkit-transform: rotate(360deg) }} @-webkit-keyframes tp-bounce { 0%, 100% { -webkit-transform: scale(0.0) } 50% { -webkit-transform: scale(1.0) } } @keyframes tp-bounce { 0%, 100% { transform: scale(0.0); -webkit-transform: scale(0.0); } 50% { transform: scale(1.0); -webkit-transform: scale(1.0); } } .tp-transparentimg { content:"url(https://www.artzt.eu/skin/frontend/neighborhood/default/revolution_slider/assets/transparent.png)"} .tp-3d { -webkit-transform-style: preserve-3d; -webkit-transform-origin: 50% 50%; } .tp-caption img { background: transparent; -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)"; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF); zoom: 1; } @font-face { font-family: 'revicons'; src: url('https://www.artzt.eu/skin/frontend/neighborhood/default/revolution_slider/font/revicons.eot?5510888'); src: url('https://www.artzt.eu/skin/frontend/neighborhood/default/revolution_slider/font/revicons.eot?5510888#iefix') format('embedded-opentype'), url('https://www.artzt.eu/skin/frontend/neighborhood/default/revolution_slider/font/revicons.woff?5510888') format('woff'), url('https://www.artzt.eu/skin/frontend/neighborhood/default/revolution_slider/font/revicons.ttf?5510888') format('truetype'), url('https://www.artzt.eu/skin/frontend/neighborhood/default/revolution_slider/font/revicons.svg?5510888#revicons') format('svg'); font-weight: normal; font-style: normal; } /* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */ /* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */ /* @media screen and (-webkit-min-device-pixel-ratio:0) { @font-face { font-family: 'revicons'; src: url('https://www.artzt.eu/skin/frontend/neighborhood/default/revolution_slider/font/revicons.svg?5510888#revicons') format('svg'); } } */ [class^="revicon-"]:before, [class*=" revicon-"]:before { font-family: "revicons"; font-style: normal; font-weight: normal; speak: none; display: inline-block; text-decoration: inherit; width: 1em; margin-right: .2em; text-align: center; /* opacity: .8; */ /* For safety - reset parent styles, that can break glyph codes*/ font-variant: normal; text-transform: none; /* fix buttons height, for twitter bootstrap */ line-height: 1em; /* Animation center compensation - margins should be symmetric */ /* remove if not needed */ margin-left: .2em; /* you can be more comfortable with increased icons size */ /* font-size: 120%; */ /* Uncomment for 3D effect */ /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */ } .revicon-search-1:before { content: '\e802'; } /* '' */ .revicon-pencil-1:before { content: '\e831'; } /* '' */ .revicon-picture-1:before { content: '\e803'; } /* '' */ .revicon-cancel:before { content: '\e80a'; } /* '' */ .revicon-info-circled:before { content: '\e80f'; } /* '' */ .revicon-trash:before { content: '\e801'; } /* '' */ .revicon-left-dir:before { content: '\e817'; } /* '' */ .revicon-right-dir:before { content: '\e818'; } /* '' */ .revicon-down-open:before { content: '\e83b'; } /* '' */ .revicon-left-open:before { content: '\e819'; } /* '' */ .revicon-right-open:before { content: '\e81a'; } /* '' */ .revicon-angle-left:before { content: '\e820'; } /* '' */ .revicon-angle-right:before { content: '\e81d'; } /* '' */ .revicon-left-big:before { content: '\e81f'; } /* '' */ .revicon-right-big:before { content: '\e81e'; } /* '' */ .revicon-magic:before { content: '\e807'; } /* '' */ .revicon-picture:before { content: '\e800'; } /* '' */ .revicon-export:before { content: '\e80b'; } /* '' */ .revicon-cog:before { content: '\e832'; } /* '' */ .revicon-login:before { content: '\e833'; } /* '' */ .revicon-logout:before { content: '\e834'; } /* '' */ .revicon-video:before { content: '\e805'; } /* '' */ .revicon-arrow-combo:before { content: '\e827'; } /* '' */ .revicon-left-open-1:before { content: '\e82a'; } /* '' */ .revicon-right-open-1:before { content: '\e82b'; } /* '' */ .revicon-left-open-mini:before { content: '\e822'; } /* '' */ .revicon-right-open-mini:before { content: '\e823'; } /* '' */ .revicon-left-open-big:before { content: '\e824'; } /* '' */ .revicon-right-open-big:before { content: '\e825'; } /* '' */ .revicon-left:before { content: '\e836'; } /* '' */ .revicon-right:before { content: '\e826'; } /* '' */ .revicon-ccw:before { content: '\e808'; } /* '' */ .revicon-arrows-ccw:before { content: '\e806'; } /* '' */ .revicon-palette:before { content: '\e829'; } /* '' */ .revicon-list-add:before { content: '\e80c'; } /* '' */ .revicon-doc:before { content: '\e809'; } /* '' */ .revicon-left-open-outline:before { content: '\e82e'; } /* '' */ .revicon-left-open-2:before { content: '\e82c'; } /* '' */ .revicon-right-open-outline:before { content: '\e82f'; } /* '' */ .revicon-right-open-2:before { content: '\e82d'; } /* '' */ .revicon-equalizer:before { content: '\e83a'; } /* '' */ .revicon-layers-alt:before { content: '\e804'; } /* '' */ .revicon-popup:before { content: '\e828'; } /* '' */ /** Copyright (c) 2014 BrightPoint Consulting, Inc. Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions: The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software. THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE. */ /* ******************************************************************************************** Radial Progress *********************************************************************************************** */ .radial > div{ position: relative; margin: 0 auto; width: 170px; height: 210px; margin-bottom: 10px; line-height: 170px; } .radial .fa{line-height: inherit;text-indent: 8px;} .radial-svg { position: absolute; top: 0; left: 0; } .background { fill: #FFFFFF; fill-opacity: 0.01; } .component { fill: #1bbeb4; opacity: 0.3; -moz-opacity: 0.3; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=30)"; filter: alpha(opacity=30); } .arc { stroke-weight:0.1; fill: #1bbeb4; } .arc2 { stroke-weight:0.1; fill: #252525; } .radial .label{text-anchor:middle;font-size: 18px !important;fill:#1bbeb4;} /* ******************************************************************************************** Accordion *********************************************************************************************** */ .accordion { position:relative; } .accordion .block-title{font-size: 16px;line-height: 20px;} /* Accordion Opner */ .accordion .opener { position: absolute; right: 0; top: 0px; display: none; cursor: pointer; font-family: FontAwesome; width: 34px; height: 34px; border-radius: 3px; font-size: 16px; text-align: center; line-height: 36px; text-indent: 4px; z-index: 2; } .accordion .opener:hover { color: #1bbeb4; } .footer .accordion .opener{ top: -5px; text-align: right; } /* ******************************************************************************************** Dropdown *********************************************************************************************** */ .dropdown { position:relative; border-width: 0px;border-style: solid;border-color: #E4E4E4;border-left-width: 1px;} .dropdown{-webkit-backface-visibility: hidden;-o-backface-visibility: hidden;-ms-backface-visibility: hidden;} .dropdown:hover {} .language.dropdown, .quick-search.dropdown{border-left-width: 0px;} .header .language.dropdown .dropdown-toggle.cover > div{padding-left: 0px;} /* Dropdown toggle ======================================================== */ .dropdown-toggle {display:block;cursor:default;line-height: 25px;} .dropdown-toggle * { display:inline-block;vertical-align: middle; } .shopping_cart .dropdown-toggle, .quick-search .dropdown-toggle, .wishlist .dropdown-toggle{line-height: 42px;height: 44px;} /* Toggle Cover Div */ .dropdown-toggle.cover > div { padding: 0 10px;cursor: default;display: inherit;} /* Specific Div Style For Cover Div */ .shopping_cart .dropdown-toggle.cover > div, .quick-search .dropdown-toggle.cover > button, .wishlist .dropdown-toggle.cover > div{padding: 0px 15px;} /* Toggle Value*/ .dropdown-toggle .value {position: relative;} .dropdown-toggle .value:after{display: inline-block;margin-left: 4px;content: "\f107";font-family: FontAwesome;font-size: 12px;} .dropdown:hover .dropdown-toggle .value:after{content: "\f106";} /* Dropdown menu ======================================================== */ .dropdown-menu { z-index: 10; text-align: left; font-size: 12px; list-style: none; background-color: #FFFFFF; position: absolute; right: 0; top: 100%; min-width: 174px; max-width: 100%; display: none/9; opacity: 0; -moz-opacity: 0; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); pointer-events: none; /*visibility: hidden;*/ -webkit-transform: translateY(20px); -moz-transform: translateY(20px); -o-transform: translateY(20px); -ms-transform: translateY(20px); transform: translateY(20px); -moz-box-shadow: 0 0 5px -1px rgba(0,0,0,.2); -webkit-box-shadow: 0 0 5px -1px rgba(0,0,0,.2); box-shadow: 0 0 5px -1px rgba(0,0,0,.2); -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .dropdown-menu.left-hand { left:0; right:auto; } .dropdown:hover .dropdown-menu{ display: block/9; opacity: 1; -moz-opacity: 1; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); pointer-events: all; /*visibility: visible;*/ -webkit-transform: translateX(0px); -moz-transform: translateX(0px); -o-transform: translateX(0px); -ms-transform: translateX(0px); transform: translateX(0px); } .shopping_cart .dropdown-menu{min-width: 300px;} .quick-search .dropdown-menu{min-width: 250px;} .wishlist .dropdown-menu{min-width: 260px;} .dropdown .dropdown-menu:before{ content: " "; display: block; border-bottom: 8px solid #E4E4E4; border-left: 8px solid transparent; border-right: 8px solid transparent; border-top: none; margin-top: -8px; position: absolute; left: auto; right: 20px; } .dropdown-menu.left-hand:before { left: 20px; right: auto; } .quick-search .dropdown-menu:before{right: 12px;} /* Use Only For Currency Or Language ===================================================== */ .language .dropdown-menu a, .currency .dropdown-menu a{color: #666666;padding: 8px 12px;display: block;white-space: nowrap;border-bottom: 1px solid #E4E4E4;} .language .dropdown-menu a:hover, .currency .dropdown-menu a:hover{background: #252525;color: #1bbeb4;} .language .dropdown-menu a.selected, .currency .dropdown-menu a.selected{background: #252525;color: #FFFFFF;} /* Variable Grid System. Learn more ~ http://www.spry-soft.com/grids/ Based on 960 Grid System - http://960.gs/ Licensed under GPL and MIT. */ /* ******************************************************************************************** FLUID baseline GRID *********************************************************************************************** */ /* Containers ========================================================================= */ .container_12 { margin-left:auto; margin-right:auto; } .pull-container { width:102%; margin-left:-1%; } .grid-container { *zoom: 1; clear: both; } .grid-container:before, .grid-container:after { display: table; line-height: 0; content: ""; } .grid-container:after { clear: both; } /* Grid >> Global ========================================================================= */ .grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_8, .grid_9, .grid_10, .grid_11, .grid_12, .grid_full { display:inline; float: left; /*position: relative;*/ margin-left: 1%; margin-right: 1%; } /* Grid >> Children (Alpha ~ First, Omega ~ Last) ========================================================================= */ .alpha { margin-left:0; } .omega { margin-right:0; } /* Grid >> 12 Columns ========================================================================= */ .grid_1 { width:6.33%; } .grid_2 { width:14.66%; } .grid_3 { width:23%; } .grid_4 { width:31.33%; } .grid_5 { width:39.67%; } .grid_6 { width:48%; } .grid_7 { width:56.33%; } .grid_8 { width:64.67%; } .grid_9 { width:73%; } .grid_10 { width:81.33%; } .grid_11 { width:89.67%; } .grid_12, .grid_full { width:98%; } /* Grid >> Children (Left ~ First) (Remove Left Margin) ========================================================================= */ .no-left-margin.grid_1 { margin-left:0; width:7.33%; } .no-left-margin.grid_2 { margin-left:0; width:15.66%; } .no-left-margin.grid_3 { margin-left:0; width:24%; } .no-left-margin.grid_4 { margin-left:0; width:32.33%; } .no-left-margin.grid_5 { margin-left:0; width:40.67%; } .no-left-margin.grid_6 { margin-left:0; width:49%; } .no-left-margin.grid_7 { margin-left:0; width:57.33%; } .no-left-margin.grid_8 { margin-left:0; width:65.67%; } .no-left-margin.grid_9 { margin-left:0; width:74%; } .no-left-margin.grid_10 { margin-left:0; width:82.33%; } .no-left-margin.grid_11 { margin-left:0; width:90.67%; } .no-left-margin.grid_12, .no-left-margin.grid_full { margin-left:0; width:99%; } /* Grid >> Children (Right ~ Last) (Remove Right Margin) ========================================================================= */ .no-right-margin.grid_1 { margin-right:0; width:7.33%; } .no-right-margin.grid_2 { margin-right:0; width:15.66%; } .no-right-margin.grid_3 { margin-right:0; width:24%; } .no-right-margin.grid_4 { margin-right:0; width:32.33%; } .no-right-margin.grid_5 { margin-right:0; width:40.67%; } .no-right-margin.grid_6 { margin-right:0; width:49%; } .no-right-margin.grid_7 { margin-right:0; width:57.33%; } .no-right-margin.grid_8 { margin-right:0; width:65.67%; } .no-right-margin.grid_9 { margin-right:0; width:74%; } .no-right-margin.grid_10 { margin-right:0; width:82.33%; } .no-right-margin.grid_11 { margin-right:0; width:90.67%; } .no-right-margin.grid_12, .no-right-margin.grid_full { margin-right:0; width:99%; } /* Grid >> Children (Left ~ First, Right ~ Last) (Remove Both Margin) ========================================================================= */ .no-both-margin.grid_1 { margin-left:0; margin-right:0; width:8.33%; } .no-both-margin.grid_2 { margin-left:0; margin-right:0; width:16.66%; } .no-both-margin.grid_3 { margin-left:0; margin-right:0; width:25%; } .no-both-margin.grid_4 { margin-left:0; margin-right:0; width:33.33%; } .no-both-margin.grid_5 { margin-left:0; margin-right:0; width:41.67%; } .no-both-margin.grid_6 { margin-left:0; margin-right:0; width:50%; } .no-both-margin.grid_7 { margin-left:0; margin-right:0; width:58.33%; } .no-both-margin.grid_8 { margin-left:0; margin-right:0; width:66.67%; } .no-both-margin.grid_9 { margin-left:0; margin-right:0; width:75%; } .no-both-margin.grid_10 { margin-left:0; margin-right:0; width:83.33%; } .no-both-margin.grid_11 { margin-left:0; margin-right:0; width:91.67%; } .no-both-margin.grid_12, .no-both-margin.grid_full { margin-left:0; margin-right:0; width:100%; } /* Grid >> Children (3 Columns Layout) (Remove Both margin) ========================================================================= */ .col3-layout .col-main .grid_1, .col3-layout .col-main .grid_2, .col3-layout .col-main .grid_3, .col3-layout .col-main .grid_4, .col3-layout .col-main .grid_5, .col3-layout .col-main .grid_6, .col3-layout .col-main .grid_7, .col3-layout .col-main .grid_8, .col3-layout .col-main .grid_9, .col3-layout .col-main .grid_10, .col3-layout .col-main .grid_11, .col3-layout .col-main .grid_12, .col3-layout .col-main .grid_full { margin-left:0; margin-right:0; width:100%; } /* Clear Floated Elements ========================================================================= */ /* http://www.yuiblog.com/blog/2010/09/27/clearfix-reloaded-overflowhidden-demystified */ .clearfix:before, .clearfix:after { content: '\0020'; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; } .clearfix:after { clear: both; } /* The following zoom:1 rule is specifically for IE6 + IE7. Move to separate stylesheet if invalid CSS is a problem. */ .clearfix { zoom: 1; } /* ******************************************************************************************** Full Width Elements (Div under container display in full width) *********************************************************************************************** */ .page-title, .product-view .product-essential .product-name{ margin-top: 0; margin-bottom: 40px !important; position: absolute; padding-top: 25px; padding-bottom: 25px; border-top: 0!important; background-image: url(https://www.artzt.eu/skin/frontend/neighborhood/default/images/vertical-line_bkg.png); background-repeat: repeat; background-position: center top; background-size: auto; top: 0px; clear:both; max-width: 100%; left: 1%; right: 1%; } .page-title, .product-view .product-essential .product-name, .alt-bg{ width: 1176px; border-bottom: 1px solid #E4E4E4; max-width: 100%; } .page-title, .product-view .product-essential .product-name, .alt-bg{ margin-left: -180px!important; padding-left: 180px; padding-right: 180px; } /* Full Width Elements Responsive */ @media only screen and (min-width: 1200px) { .page-title, .product-view .product-essential .product-name, .alt-bg{ padding-left: 180px; padding-right: 180px; } } @media only screen and (min-width: 1500px) { .page-title, .product-view .product-essential .product-name, .alt-bg{ margin-left: -720px!important; padding-left: 720px; padding-right: 720px; } } @media only screen and (min-width: 1980px) { .page-title, .product-view .product-essential .product-name, .alt-bg{ margin-left: -820px!important; padding-left: 820px; padding-right: 820px; } } /* Secondary headings */ .fieldset .legend, .multiple-checkout .col2-set h2.legend, .info-set h2.legend, .multiple-checkout h2, .postTitle h2, /* Account headings */ /* Primary */ .box-account .box-head h2, .order-items h2.table-caption, .order-items h2.sub-title, .order-items .order-comments h2{font-size: 18px;line-height: 24px;} /* Secondary */ .dashboard .box .box-title h3, .dashboard .box .box-title h4, .order-info-box h2, .addresses-list h2{font-size: 16px;line-height: 20px;} /* Third */ .dashboard .box-info h4, .addresses-list h3{font-size: 14px;line-height:18px;} /* ******************************************************************************************** Vertically Centered *********************************************************************************************** */ /* Vertically aligned content */ .v-centered-content { display:table; } .v-centered-content .v-center { display:table-cell; vertical-align:middle; } /* Vertically aligned grid */ .v-grid-container { display:table; width:100%; } .v-grid { float:none; display:table-cell; vertical-align:middle; } .product-tabs-content .v-grid-container{ display: table; width: 100%; } .product-tabs-content .v-grid{ float:none; display:table-cell; vertical-align:middle; } /* ******************************************************************************************** Section Heading *********************************************************************************************** */ .section-title{text-align: center;} /* Style For Section Title Box */ .section-line, .block .block-title, .peercheckout-title{font-weight: normal;margin-top: 0;position: relative;margin-bottom: 20px;text-align: center;clear: both;} /* Title Left Or Right Sep.. */ .section-line:before, .block .block-title:before, .peercheckout-title:before{content: "";display: block;border-top: 2px solid #444;width: 100%;height: 2px;position: absolute;top: 50%;z-index: 1;} /* Style For Section Title */ .section-line > *, .block .block-title strong span, .peercheckout-title h2{font-size: 16px;padding: 0 10px;position: relative;display: inline-block;z-index: 1;background-color: #FFFFFF;margin-bottom: 0px;line-height: 20px;text-shadow: 0px 0px 0px;} .section-line h2:first-letter{text-transform: uppercase;} /* Common hr */ .section-hr{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 #E4E4E4;text-indent: -9999em;overflow: hidden;} .horizontal-break {height: 2px;width: 50px;margin: 20px auto 25px;background-color: #e4e4e4;} /* ******************************************************************************************** Vertical links *********************************************************************************************** */ /* Basic Style */ .links > li > a { padding:0 5px;line-height: 26px; } .links > li > a:hover{color: #1bbeb4;} /* Basic links, no separators */ .links > li { display: inline-block; vertical-align: middle;} .links > li > a { display:block;} /* Links With Separators (Position Right) */ .links-separators .links > li { margin-left:-3px;} .links-separators .links > li > a {padding: 0 10px;border-color: #E4E4E4;border-width: 0px;border-style: solid;border-right-width: 1px;} .links-separators .links > li.last > a { border-right: none; padding-right: 0px;} .links-separators .links > li.first > a{} .links-separators .links > li.hide-separator > a { border-right: none;} .links-separators .links > li.separator-left > a { border-left-width: 1px;border-right-width: 0px; } /* Links With Separators (Position Left) */ .links-separators-left .links > li { margin-left:-3px; } .links-separators-left .links > li > a {padding: 0 10px;border-color: #E4E4E4;border-width: 0px;border-style: solid;border-left-width: 1px;} .links-separators-left .links > li.first > a {border-left: none; padding-left: 0px;} .links-separators-left .links > li.hide-separator > a { border-left:none; } .links-separators-left .links > li.separator-right > a { border-left-width: 0px;border-right-width: 1px; } /* ******************************************************************************************** Hide Elements *********************************************************************************************** */ /* 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; } /* ******************************************************************************************** Peer Icons *********************************************************************************************** */ .peer-icon .icon{width:40px;height:40px;font-size: 14px;text-align: center;line-height: 40px;text-indent: 4px;background-color: #F0F0F0;color: #252525;display: inline-block;} .peer-icon.large .icon{width:60px;height:60px;font-size: 24px;text-align: center;line-height: 60px;} .peer-icon .icon.i-digit, .peer-icon .icon.i-letter {font-size: 16px;line-height: 40px;font-weight: 700;text-align: center;text-indent: 0px;} .peer-icon.large .icon.i-digit, .peer-icon.large .icon.i-letter{font-size: 24px;line-height: 60px;font-weight: normal;} /* Peerwrapper Icon */ .peer-wrapper .icon{margin: 0px 15px 10px 0px;float: left;} .peer-wrapper.right .icon{margin: 0px 0px 10px 15px;float: right;} /* Customize Peer Icons =============================================================== */ /* Icons without background color */ .peer-icon.no-bg-color .icon { background-color: transparent; } .peer-icon.force-no-bg-color .icon { background-color: transparent !important; } /* Display All icons square */ .peer-icon-square .icon { border-radius: 0px; } /* Display All icons round */ .peer-icon-round .icon { border-radius: 3px; } /* Display All icons circle */ .peer-icon-circle .icon { border-radius: 100%; } /* Display Icon Hover Style*/ .peer-icon-hover:hover .icon{background-color:#1bbeb4;color: #FFF;} /* Peer Wrapper */ .peer-wrapper{margin-bottom: 2%;} .peer-wrapper:after{content: "";display: block;overflow: hidden;visibility: hidden;clear: both;zoom: 1;} .peer-wrapper .img-box{margin: 0px 15px 10px 0px;float: left;width: 30%;max-width: 300px;} .peer-wrapper.right .img-box{margin: 0px 0px 10px 15px;float: right;} .grid-col2-main .peer-wrapper .img-box{width: 50%;} .peer-wrapper .img-autosize{margin: 0px 15px 10px 0px;float: left;} .peer-wrapper.right .img-autosize{margin: 0px 0px 10px 15px;float: right;} .peer-wrapper.left{float: none !important;} .peer-wrapper.right{float: none !important;} .peer-wrapper.first { margin-top:0px; } .peer-wrapper.last { margin-bottom:0px; } /* Peer Headings */ .peer-wrapper .below-heading {margin: -5px 0 10px;color: #999999;} .peer-wrapper .above-heading {color: #999999;line-height: 20px;} .peer-wrapper p{margin-bottom: 10px;} .peer-wrapper a.go{border-bottom: 1px dotted;padding-bottom: 3px;display: inline-block;} .peer-wrapper a.go:hover{} .peer-wrapper a i, .peer-wrapper a em{font-style: normal;} /* Peer Indent */ .peer-wrapper.indent .peer-content{ overflow: hidden;zoom: 1;} /* Peer Centered */ .peer-wrapper.center { text-align: center;} .peer-wrapper.center .icon {float: none;margin: 0 0 10px;} /* ******************************************************************************************** Social Link Icons *********************************************************************************************** */ .social-link a{margin-right: 10px;margin-bottom: 5px;} .social-link a .icon{font-size: 19px;} .social-link a:hover .icon{color: #FFFFFF !important;} .social-link a:hover .fa-facebook{background-color: #3b5998!important;} .social-link a:hover .fa-twitter{background-color: #00aced!important;} .social-link a:hover .fa-google-plus{background-color: #dd4b39!important;} .social-link a:hover .fa-rss{background-color: #FF7600!important;} .social-link a:hover .fa-pinterest{background-color: #cb2128!important;} .social-link a:hover .fa-instagram{background-color: #3f729b!important;} .social-link a:hover .fa-linkedin{background-color: #007fb1!important;} .social-link a:hover .fa-vimeo-square{background-color: #1ab7ea!important;} .social-link a:hover .fa-youtube-play{background-color: #ff3333!important;} .social-link a:hover .fa-flickr{background-color: #0063db!important;} .social-link a:hover .fa-envelope-o {background-color: #7f7f7f!important;} /* ******************************************************************************************** Columngrid *********************************************************************************************** */ .products-grid.columngrid{margin-left: -1%;margin-right: -1%;} .columngrid .item {float:left;margin-left:1%;margin-right:1%;margin-top:4%;} /* ******************************************************************************************** Columngrid Item *********************************************************************************************** */ /* Column grid: 1 column */ .columngrid-1col .item { width:98%; } /* Column grid: 2 columns */ .columngrid-2col .item { width:48%; } .columngrid-2col .item:nth-child(2n+1) { clear:left; } /* Column grid: 3 columns */ .columngrid-3col .item { width:31.3333%; } .columngrid-3col .item:nth-child(3n+1) { clear:left; } /* Column grid: 4 columns */ .columngrid-4col .item { width:23%; } .columngrid-4col .item:nth-child(4n+1) { clear:left; } /* Column grid: 5 columns */ .columngrid-5col .item { width:18%; } .columngrid-5col .item:nth-child(5n+1) { clear:left; } /* Column grid: 6 columns */ .columngrid-6col .item { width:14.6666%; } .columngrid-6col .item:nth-child(6n+1) { clear:left; } /* Column grid: 7 columns */ .columngrid-7col .item { width:12.2857%; } .columngrid-7col .item:nth-child(7n+1) { clear:left; } /* Column grid: 8 columns */ .columngrid-8col .item { width:10.5%; } .columngrid-8col .item:nth-child(8n+1) { clear:left; } /* ******************************************************************************************** Tabs *********************************************************************************************** */ ul.resp-tabs-list{ margin: 0px; padding: 0px; } .resp-tabs-list li { display: inline-block; padding: 15px 20px; font-size: 16px; margin: 0; list-style: none; cursor: pointer; border: 1px solid #E4E4E4; float: left; border-bottom: none; } .resp-tabs-list li:hover, .resp-tab-active{ color: #1bbeb4; } .resp-tab-active { margin-bottom: -1px !important; padding: 15px 20px 16px!important; background-color: #FFF; } .resp-tabs-container { padding: 0px; clear: left; } h2.resp-accordion { cursor: pointer; padding: 5px; display: none; } .resp-tab-content { display: none; padding: 20px; } .resp-content-active, .resp-accordion-active { display: block; } .resp-tab-content { border-width: 1px; border-style: solid; border-color: #E4E4E4; } .resp-tab-content > h2:first-child{ display: none; } h2.resp-accordion { font-size: 16px; border-top: 1px solid #E4E4E4; margin: 0px; padding: 9px 0px; } h2.resp-tab-active { padding: 9px 0px !important } h2.resp-tab-title:last-child { border-bottom: 12px solid #c1c1c1 !important; background: blue; } /* Vertical tabs ======================================================= */ .resp-vtabs ul.resp-tabs-list { float: left; width: 30%; } .resp-vtabs .resp-tabs-list li { display: block; padding: 15px 15px !important; margin: 0; cursor: pointer; float: none; } .resp-vtabs .resp-tabs-container { padding: 0px; background-color: #fff; border: 1px solid #c1c1c1; float: left; width: 68%; min-height: 250px; border-radius: 4px; clear: none; } .resp-vtabs .resp-tab-content { border: none; } .resp-vtabs li.resp-tab-active { border: 1px solid #c1c1c1; border-right: none; background-color: #fff; position: relative; z-index: 1; margin-right: -1px !important; padding: 14px 15px 15px 14px !important; } .resp-arrow { font-family: FontAwesome; float: right; margin-top: 2px; } h2.resp-tab-active span.resp-arrow { } /* Accordion styles ======================================================= */ h2.resp-tab-active {} .resp-easy-accordion h2.resp-accordion {display: block;} .resp-easy-accordion .resp-tab-content {} .resp-easy-accordion .resp-tab-content:last-child {} .resp-jfit {width: 100%;margin: 0px;} .resp-tab-content-active {display: block;} h2.resp-accordion:first-child {} /* Here your can change the breakpoint to set the accordion, when screen resolution changed */ @media only screen and (max-width: 768px) { ul.resp-tabs-list { display: none; } h2.resp-accordion { display: block; background-color: transparent !important; } .resp-vtabs .resp-tab-content { border: 1px solid #C1C1C1; } .resp-tab-content{ padding: 6px 0px 15px; border: none; } .resp-vtabs .resp-tabs-container { border: none; float: none; width: 100%; min-height: initial; clear: none; } .resp-accordion-closed { display:none !important; } .resp-vtabs .resp-tab-content:last-child { border-bottom: 1px solid #c1c1c1 !important; } } /* Product 3 Coulmn */ .col3-layout ul.resp-tabs-list{display: none;} .col3-layout h2.resp-accordion {display: block;} .col3-layout .resp-tab-content{border-top-width: 0px;padding: 6px 0px 15px;border: none;} /* ******************************************************************************************** Transitions *********************************************************************************************** */ /* Links */ a, .load-more-holder span i{ 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, .load-more-holder a:hover span i{ transition-duration: 100ms; -moz-transition-duration: 100ms; -webkit-transition-duration: 100ms; -o-transition-duration: 100ms; } /* sorter view mode */ .sorter .view-mode .grid, .sorter .view-mode .list, /* Back link */ .buttons-set .back-link a, div.alert a, /* Add-to links */ .add-to-links a, .addto-links-icons span.icon, /*Quick View*/ .quick-view a, /* Accordion: opener */ .accordion .opener, /* Scroll to top */ .scrollup, /* Forms */ input.input-text, select, textarea, .product-options ul.options-list, .quantity_counter, /* 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 */ .resp-tabs-list li, /* OPC accordion */ .opc .step-title, /* Structural elements */ .block-layered-nav dd li, /* Grid */ .grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_8, .grid_9, .grid_10, .grid_11, .grid_12, .grid_full, .grid-col2-sidebar, .grid-col2-main, /* Products */ .product-view .product-img-box, /* Forms */ .form-search .input-text, /* Main menu */ #nav > li, /* Misc */ .header .logo, /* Peer Icons */ .peer-icon-hover .icon, .social-link a .icon { 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; } /* ******************************************************************************************** Font Awesome *********************************************************************************************** */ /*! * Font Awesome 4.0.3 by @davegandy - http://fontawesome.io - @fontawesome * License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License) */ /* FONT PATH * -------------------------- */ @font-face { font-family: 'FontAwesome'; src: url('https://www.artzt.eu/skin/frontend/neighborhood/default/fonts/css/font-awesome/fontawesome-webfont.eot?v=4.1.0'); src: url('https://www.artzt.eu/skin/frontend/neighborhood/default/fonts/css/font-awesome/fontawesome-webfont.eot?#iefix&v=4.1.0') format('embedded-opentype'), url('https://www.artzt.eu/skin/frontend/neighborhood/default/fonts/css/font-awesome/fontawesome-webfont.woff?v=4.1.0') format('woff'), url('https://www.artzt.eu/skin/frontend/neighborhood/default/fonts/css/font-awesome/fontawesome-webfont.ttf?v=4.1.0') format('truetype'), url('https://www.artzt.eu/skin/frontend/neighborhood/default/fonts/css/font-awesome/fontawesome-webfont.svg?v=4.1.0#fontawesomeregular') format('svg'); font-weight: normal; font-style: normal; } .fa { display: inline-block; font-family: FontAwesome; font-style: normal !important; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } /* makes the font 33% larger relative to the icon container */ .fa-lg { font-size: 1.33333333em; line-height: 0.75em; vertical-align: -15%; } .fa-2x { font-size: 2em; } .fa-3x { font-size: 3em; } .fa-4x { font-size: 4em; } .fa-5x { font-size: 5em; } .fa-fw { width: 1.28571429em; text-align: center; } .fa-ul { padding-left: 0; margin-left: 2.14285714em; list-style-type: none; } .fa-ul > li { position: relative; } .fa-li { position: absolute; left: -2.14285714em; width: 2.14285714em; top: 0.14285714em; text-align: center; } .fa-li.fa-lg { left: -1.85714286em; } .fa-border { padding: .2em .25em .15em; border: solid 0.08em #eeeeee; border-radius: .1em; } .pull-right { float: right; } .pull-left { float: left; } .fa.pull-left { margin-right: .3em; } .fa.pull-right { margin-left: .3em; } .fa-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); } } .fa-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); } .fa-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); } .fa-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); } .fa-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); } .fa-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); } .fa-stack { position: relative; display: inline-block; width: 2em; height: 2em; line-height: 2em; vertical-align: middle; } .fa-stack-1x, .fa-stack-2x { position: absolute; left: 0; width: 100%; text-align: center; } .fa-stack-1x { line-height: inherit; } .fa-stack-2x { font-size: 2em; } .fa-inverse { color: #ffffff; } /* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen readers do not read off random characters that represent icons */ .fa-glass:before { content: "\f000"; } .fa-music:before { content: "\f001"; } .fa-search:before { content: "\f002"; } .fa-envelope-o:before { content: "\f003"; } .fa-heart:before, .cart-table .link-wishlist:before, .compare-table .link-wishlist:before{ content: "\f004"; } .fa-star:before { content: "\f005"; } .fa-star-o:before { content: "\f006"; } .fa-user:before { content: "\f007"; } .fa-film:before { content: "\f008"; } .fa-th-large:before{ content: "\f009"; } .fa-th:before, .pager .view-mode .grid:before{ content: "\f00a"; } .fa-th-list:before{ content: "\f00b"; } .fa-check:before { content: "\f00c"; } .fa-times:before, .btn-remove:before, .btn-remove2:before, .tool-tip .btn-close a:before, .lb-data .lb-close:before, .peer-cancel-img:before, #fancybox-close:before{ content: "\f00d"; } .fa-search-plus:before { content: "\f00e"; } .fa-search-minus:before { content: "\f010"; } .fa-power-off:before { content: "\f011"; } .fa-signal:before { content: "\f012"; } .fa-gear:before, .fa-cog:before { content: "\f013"; } .fa-trash-o:before { content: "\f014"; } .fa-home:before { content: "\f015"; } .fa-file-o:before { content: "\f016"; } .fa-clock-o:before { content: "\f017"; } .fa-road:before { content: "\f018"; } .fa-download:before { content: "\f019"; } .fa-arrow-circle-o-down:before { content: "\f01a"; } .fa-arrow-circle-o-up:before { content: "\f01b"; } .fa-inbox:before { content: "\f01c"; } .fa-play-circle-o:before { content: "\f01d"; } .fa-rotate-right:before, .fa-repeat:before { content: "\f01e"; } .fa-refresh:before { content: "\f021"; } .fa-list-alt:before { content: "\f022"; } .fa-lock:before { content: "\f023"; } .fa-flag:before { content: "\f024"; } .fa-headphones:before { content: "\f025"; } .fa-volume-off:before { content: "\f026"; } .fa-volume-down:before { content: "\f027"; } .fa-volume-up:before { content: "\f028"; } .fa-qrcode:before { content: "\f029"; } .fa-barcode:before { content: "\f02a"; } .fa-tag:before { content: "\f02b"; } .fa-tags:before { content: "\f02c"; } .fa-book:before { content: "\f02d"; } .fa-bookmark:before { content: "\f02e"; } .fa-print:before, .link-print:before{ content: "\f02f"; } .fa-camera:before { content: "\f030"; } .fa-font:before { content: "\f031"; } .fa-bold:before { content: "\f032"; } .fa-italic:before { content: "\f033"; } .fa-text-height:before { content: "\f034"; } .fa-text-width:before { content: "\f035"; } .fa-align-left:before { content: "\f036"; } .fa-align-center:before { content: "\f037"; } .fa-align-right:before { content: "\f038"; } .fa-align-justify:before { content: "\f039"; } .fa-list:before { content: "\f03a"; } .fa-dedent:before, .fa-outdent:before { content: "\f03b"; } .fa-indent:before { content: "\f03c"; } .fa-video-camera:before { content: "\f03d"; } .fa-picture-o:before { content: "\f03e"; } .fa-pencil:before, .btn-edit:before{ content: "\f040"; } .fa-map-marker:before { content: "\f041"; } .fa-adjust:before { content: "\f042"; } .fa-tint:before { content: "\f043"; } .fa-edit:before, .fa-pencil-square-o:before{ content: "\f044"; } .fa-share-square-o:before { content: "\f045"; } .fa-check-square-o:before { content: "\f046"; } .fa-arrows:before { content: "\f047"; } .fa-step-backward:before { content: "\f048"; } .fa-fast-backward:before { content: "\f049"; } .fa-backward:before { content: "\f04a"; } .fa-play:before { content: "\f04b"; } .fa-pause:before { content: "\f04c"; } .fa-stop:before { content: "\f04d"; } .fa-forward:before { content: "\f04e"; } .fa-fast-forward:before { content: "\f050"; } .fa-step-forward:before { content: "\f051"; } .fa-eject:before { content: "\f052"; } .fa-chevron-left:before, .owl-theme .owl-controls .owl-buttons .owl-prev:before, .tp-leftarrow:before{ content: "\f053"; } .fa-chevron-right:before, .owl-theme .owl-controls .owl-buttons .owl-next:before, .tp-rightarrow:before{ content: "\f054"; } .fa-plus-circle:before { content: "\f055"; } .fa-minus-circle:before { content: "\f056"; } .fa-times-circle:before { content: "\f057"; } .fa-check-circle:before { content: "\f058"; } .fa-question-circle:before { content: "\f059"; } .fa-info-circle:before { content: "\f05a"; } .fa-crosshairs:before { content: "\f05b"; } .fa-times-circle-o:before { content: "\f05c"; } .fa-check-circle-o:before { content: "\f05d"; } .fa-ban:before { content: "\f05e"; } .fa-arrow-left:before { content: "\f060"; } .fa-arrow-right:before { content: "\f061"; } .fa-arrow-up:before { content: "\f062"; } .fa-arrow-down:before { content: "\f063"; } .fa-mail-forward:before, .fa-share:before { content: "\f064"; } .fa-expand:before { content: "\f065"; } .fa-compress:before { content: "\f066"; } .fa-plus:before, .accordion .opener:before, #cssmenu #mobile-menu .open:before, .resp-arrow:before, #nav li .more:before{ content: "\f067"; } .fa-minus:before, .accordion.active .opener:before, h2.resp-tab-active span.resp-arrow:before, #cssmenu #mobile-menu .open.active:before, #nav li.hover > .more:before{ content: "\f068"; } .fa-asterisk:before { content: "\f069"; } .fa-exclamation-circle:before { content: "\f06a"; } .fa-gift:before { content: "\f06b"; } .fa-leaf:before { content: "\f06c"; } .fa-fire:before { content: "\f06d"; } .fa-eye:before { content: "\f06e"; } .fa-eye-slash:before { content: "\f070"; } .fa-warning:before, .fa-exclamation-triangle:before { content: "\f071"; } .fa-plane:before { content: "\f072"; } .fa-calendar:before { content: "\f073"; } .fa-random:before { content: "\f074"; } .fa-comment:before { content: "\f075"; } .fa-magnet:before { content: "\f076"; } .fa-chevron-up:before { content: "\f077"; } .fa-chevron-down:before { content: "\f078"; } .fa-retweet:before { content: "\f079"; } .fa-shopping-cart:before { content: "\f07a"; } .fa-folder:before { content: "\f07b"; } .fa-folder-open:before { content: "\f07c"; } .fa-arrows-v:before { content: "\f07d"; } .fa-arrows-h:before { content: "\f07e"; } .fa-bar-chart-o:before { content: "\f080"; } .fa-twitter-square:before { content: "\f081"; } .fa-facebook-square:before { content: "\f082"; } .fa-camera-retro:before { content: "\f083"; } .fa-key:before { content: "\f084"; } .fa-gears:before, .fa-cogs:before { content: "\f085"; } .fa-comments:before { content: "\f086"; } .fa-thumbs-o-up:before { content: "\f087"; } .fa-thumbs-o-down:before { content: "\f088"; } .fa-star-half:before { content: "\f089"; } .fa-heart-o:before{ content: "\f08a"; } .fa-sign-out:before { content: "\f08b"; } .fa-linkedin-square:before { content: "\f08c"; } .fa-thumb-tack:before { content: "\f08d"; } .fa-external-link:before { content: "\f08e"; } .fa-sign-in:before { content: "\f090"; } .fa-trophy:before { content: "\f091"; } .fa-github-square:before { content: "\f092"; } .fa-upload:before { content: "\f093"; } .fa-lemon-o:before { content: "\f094"; } .fa-phone:before { content: "\f095"; } .fa-square-o:before { content: "\f096"; } .fa-bookmark-o:before { content: "\f097"; } .fa-phone-square:before { content: "\f098"; } .fa-twitter:before { content: "\f099"; } .fa-facebook:before { content: "\f09a"; } .fa-github:before { content: "\f09b"; } .fa-unlock:before { content: "\f09c"; } .fa-credit-card:before { content: "\f09d"; } .fa-rss:before, .link-rss:before{ content: "\f09e"; } .fa-hdd-o:before { content: "\f0a0"; } .fa-bullhorn:before { content: "\f0a1"; } .fa-bell:before { content: "\f0f3"; } .fa-certificate:before { content: "\f0a3"; } .fa-hand-o-right:before { content: "\f0a4"; } .fa-hand-o-left:before { content: "\f0a5"; } .fa-hand-o-up:before { content: "\f0a6"; } .fa-hand-o-down:before { content: "\f0a7"; } .fa-arrow-circle-left:before { content: "\f0a8"; } .fa-arrow-circle-right:before { content: "\f0a9"; } .fa-arrow-circle-up:before { content: "\f0aa"; } .fa-arrow-circle-down:before { content: "\f0ab"; } .fa-globe:before { content: "\f0ac"; } .fa-wrench:before { content: "\f0ad"; } .fa-tasks:before { content: "\f0ae"; } .fa-filter:before { content: "\f0b0"; } .fa-briefcase:before { content: "\f0b1"; } .fa-arrows-alt:before { content: "\f0b2"; } .fa-group:before, .fa-users:before { content: "\f0c0"; } .fa-chain:before, .fa-link:before { content: "\f0c1"; } .fa-cloud:before { content: "\f0c2"; } .fa-flask:before { content: "\f0c3"; } .fa-cut:before, .fa-scissors:before { content: "\f0c4"; } .fa-copy:before, .fa-files-o:before { content: "\f0c5"; } .fa-paperclip:before { content: "\f0c6"; } .fa-save:before, .fa-floppy-o:before { content: "\f0c7"; } .fa-square:before { content: "\f0c8"; } .fa-bars:before, .pager .view-mode .list:before, #menu-button a:before, .toggleMenu:before{ content: "\f0c9"; } .fa-list-ul:before { content: "\f0ca"; } .fa-list-ol:before { content: "\f0cb"; } .fa-strikethrough:before { content: "\f0cc"; } .fa-underline:before { content: "\f0cd"; } .fa-table:before { content: "\f0ce"; } .fa-magic:before { content: "\f0d0"; } .fa-truck:before { content: "\f0d1"; } .fa-pinterest:before { content: "\f0d2"; } .fa-pinterest-square:before { content: "\f0d3"; } .fa-google-plus-square:before { content: "\f0d4"; } .fa-google-plus:before { content: "\f0d5"; } .fa-money:before { content: "\f0d6"; } .fa-caret-down:before { content: "\f0d7"; } .fa-caret-up:before { content: "\f0d8"; } .fa-caret-left:before { content: "\f0d9"; } .fa-caret-right:before { content: "\f0da"; } .fa-columns:before { content: "\f0db"; } .fa-unsorted:before, .fa-sort:before { content: "\f0dc"; } .fa-sort-down:before, .fa-sort-asc:before { content: "\f0dd"; } .fa-sort-up:before, .fa-sort-desc:before { content: "\f0de"; } .fa-envelope:before { content: "\f0e0"; } .fa-linkedin:before { content: "\f0e1"; } .fa-rotate-left:before, .fa-undo:before { content: "\f0e2"; } .fa-legal:before, .fa-gavel:before { content: "\f0e3"; } .fa-dashboard:before, .fa-tachometer:before { content: "\f0e4"; } .fa-comment-o:before { content: "\f0e5"; } .fa-comments-o:before { content: "\f0e6"; } .fa-flash:before, .fa-bolt:before { content: "\f0e7"; } .fa-sitemap:before { content: "\f0e8"; } .fa-umbrella:before { content: "\f0e9"; } .fa-paste:before, .fa-clipboard:before { content: "\f0ea"; } .fa-lightbulb-o:before { content: "\f0eb"; } .fa-exchange:before { content: "\f0ec"; } .fa-cloud-download:before { content: "\f0ed"; } .fa-cloud-upload:before { content: "\f0ee"; } .fa-user-md:before { content: "\f0f0"; } .fa-stethoscope:before { content: "\f0f1"; } .fa-suitcase:before { content: "\f0f2"; } .fa-bell-o:before { content: "\f0a2"; } .fa-coffee:before { content: "\f0f4"; } .fa-cutlery:before { content: "\f0f5"; } .fa-file-text-o:before { content: "\f0f6"; } .fa-building-o:before { content: "\f0f7"; } .fa-hospital-o:before { content: "\f0f8"; } .fa-ambulance:before { content: "\f0f9"; } .fa-medkit:before { content: "\f0fa"; } .fa-fighter-jet:before { content: "\f0fb"; } .fa-beer:before { content: "\f0fc"; } .fa-h-square:before { content: "\f0fd"; } .fa-plus-square:before { content: "\f0fe"; } .fa-angle-double-left:before { content: "\f100"; } .fa-angle-double-right:before { content: "\f101"; } .fa-angle-double-up:before { content: "\f102"; } .fa-angle-double-down:before { content: "\f103"; } .fa-angle-left:before{ content: "\f104"; } .fa-angle-right:before, ul.bullet li a:after, .data-table .item-options dt:before, .tier-prices li:before{ content: "\f105"; } .fa-angle-up:before { content: "\f106"; } .fa-angle-down:before { content: "\f107"; } .more-views.position-x .fa-angle-up:before{ content: "\f104"; } .more-views.position-x .fa-angle-down:before { content: "\f105"; } .fa-desktop:before { content: "\f108"; } .fa-laptop:before { content: "\f109"; } .fa-tablet:before { content: "\f10a"; } .fa-mobile-phone:before, .fa-mobile:before { content: "\f10b"; } .fa-circle-o:before { content: "\f10c"; } .fa-quote-left:before { content: "\f10d"; } .fa-quote-right:before { content: "\f10e"; } .fa-spinner:before { content: "\f110"; } .fa-circle:before { content: "\f111"; } .fa-mail-reply:before, .fa-reply:before { content: "\f112"; } .fa-github-alt:before { content: "\f113"; } .fa-folder-o:before { content: "\f114"; } .fa-folder-open-o:before { content: "\f115"; } .fa-smile-o:before { content: "\f118"; } .fa-frown-o:before { content: "\f119"; } .fa-meh-o:before { content: "\f11a"; } .fa-gamepad:before { content: "\f11b"; } .fa-keyboard-o:before { content: "\f11c"; } .fa-flag-o:before { content: "\f11d"; } .fa-flag-checkered:before { content: "\f11e"; } .fa-terminal:before { content: "\f120"; } .fa-code:before { content: "\f121"; } .fa-reply-all:before { content: "\f122"; } .fa-mail-reply-all:before { content: "\f122"; } .fa-star-half-empty:before, .fa-star-half-full:before, .fa-star-half-o:before { content: "\f123"; } .fa-location-arrow:before { content: "\f124"; } .fa-crop:before { content: "\f125"; } .fa-code-fork:before { content: "\f126"; } .fa-unlink:before, .fa-chain-broken:before { content: "\f127"; } .fa-question:before { content: "\f128"; } .fa-info:before { content: "\f129"; } .fa-exclamation:before { content: "\f12a"; } .fa-superscript:before { content: "\f12b"; } .fa-subscript:before { content: "\f12c"; } .fa-eraser:before { content: "\f12d"; } .fa-puzzle-piece:before { content: "\f12e"; } .fa-microphone:before { content: "\f130"; } .fa-microphone-slash:before { content: "\f131"; } .fa-shield:before { content: "\f132"; } .fa-calendar-o:before { content: "\f133"; } .fa-fire-extinguisher:before { content: "\f134"; } .fa-rocket:before { content: "\f135"; } .fa-maxcdn:before { content: "\f136"; } .fa-chevron-circle-left:before { content: "\f137"; } .fa-chevron-circle-right:before { content: "\f138"; } .fa-chevron-circle-up:before { content: "\f139"; } .fa-chevron-circle-down:before { content: "\f13a"; } .fa-html5:before { content: "\f13b"; } .fa-css3:before { content: "\f13c"; } .fa-anchor:before { content: "\f13d"; } .fa-unlock-alt:before { content: "\f13e"; } .fa-bullseye:before { content: "\f140"; } .fa-ellipsis-h:before { content: "\f141"; } .fa-ellipsis-v:before { content: "\f142"; } .fa-rss-square:before { content: "\f143"; } .fa-play-circle:before { content: "\f144"; } .fa-ticket:before { content: "\f145"; } .fa-minus-square:before { content: "\f146"; } .fa-minus-square-o:before { content: "\f147"; } .fa-level-up:before { content: "\f148"; } .fa-level-down:before { content: "\f149"; } .fa-check-square:before { content: "\f14a"; } .fa-pencil-square:before { content: "\f14b"; } .fa-external-link-square:before { content: "\f14c"; } .fa-share-square:before { content: "\f14d"; } .fa-compass:before { content: "\f14e"; } .fa-toggle-down:before, .fa-caret-square-o-down:before { content: "\f150"; } .fa-toggle-up:before, .fa-caret-square-o-up:before { content: "\f151"; } .fa-toggle-right:before, .fa-caret-square-o-right:before { content: "\f152"; } .fa-euro:before, .fa-eur:before { content: "\f153"; } .fa-gbp:before { content: "\f154"; } .fa-dollar:before, .fa-usd:before { content: "\f155"; } .fa-rupee:before, .fa-inr:before { content: "\f156"; } .fa-cny:before, .fa-rmb:before, .fa-yen:before, .fa-jpy:before { content: "\f157"; } .fa-ruble:before, .fa-rouble:before, .fa-rub:before { content: "\f158"; } .fa-won:before, .fa-krw:before { content: "\f159"; } .fa-bitcoin:before, .fa-btc:before { content: "\f15a"; } .fa-file:before { content: "\f15b"; } .fa-file-text:before { content: "\f15c"; } .fa-sort-alpha-asc:before { content: "\f15d"; } .fa-sort-alpha-desc:before { content: "\f15e"; } .fa-sort-amount-asc:before { content: "\f160"; } .fa-sort-amount-desc:before { content: "\f161"; } .fa-sort-numeric-asc:before { content: "\f162"; } .fa-sort-numeric-desc:before { content: "\f163"; } .fa-thumbs-up:before { content: "\f164"; } .fa-thumbs-down:before { content: "\f165"; } .fa-youtube-square:before { content: "\f166"; } .fa-youtube:before { content: "\f167"; } .fa-xing:before { content: "\f168"; } .fa-xing-square:before { content: "\f169"; } .fa-youtube-play:before { content: "\f16a"; } .fa-dropbox:before { content: "\f16b"; } .fa-stack-overflow:before { content: "\f16c"; } .fa-instagram:before { content: "\f16d"; } .fa-flickr:before { content: "\f16e"; } .fa-adn:before { content: "\f170"; } .fa-bitbucket:before { content: "\f171"; } .fa-bitbucket-square:before { content: "\f172"; } .fa-tumblr:before { content: "\f173"; } .fa-tumblr-square:before { content: "\f174"; } .fa-long-arrow-down:before { content: "\f175"; } .fa-long-arrow-up:before { content: "\f176"; } .fa-long-arrow-left:before { content: "\f177"; } .fa-long-arrow-right:before { content: "\f178"; } .fa-apple:before { content: "\f179"; } .fa-windows:before { content: "\f17a"; } .fa-android:before { content: "\f17b"; } .fa-linux:before { content: "\f17c"; } .fa-dribbble:before { content: "\f17d"; } .fa-skype:before { content: "\f17e"; } .fa-foursquare:before { content: "\f180"; } .fa-trello:before { content: "\f181"; } .fa-female:before { content: "\f182"; } .fa-male:before { content: "\f183"; } .fa-gittip:before { content: "\f184"; } .fa-sun-o:before { content: "\f185"; } .fa-moon-o:before { content: "\f186"; } .fa-archive:before { content: "\f187"; } .fa-bug:before { content: "\f188"; } .fa-vk:before { content: "\f189"; } .fa-weibo:before { content: "\f18a"; } .fa-renren:before { content: "\f18b"; } .fa-pagelines:before { content: "\f18c"; } .fa-stack-exchange:before { content: "\f18d"; } .fa-arrow-circle-o-right:before { content: "\f18e"; } .fa-arrow-circle-o-left:before { content: "\f190"; } .fa-toggle-left:before, .fa-caret-square-o-left:before { content: "\f191"; } .fa-dot-circle-o:before { content: "\f192"; } .fa-wheelchair:before { content: "\f193"; } .fa-vimeo-square:before { content: "\f194"; } .fa-turkish-lira:before, .fa-try:before { content: "\f195"; } .fa-plus-square-o:before { content: "\f196"; } .fa-space-shuttle:before { content: "\f197"; } .fa-slack:before { content: "\f198"; } .fa-envelope-square:before { content: "\f199"; } .fa-wordpress:before { content: "\f19a"; } .fa-openid:before { content: "\f19b"; } .fa-institution:before, .fa-bank:before, .fa-university:before { content: "\f19c"; } .fa-mortar-board:before, .fa-graduation-cap:before { content: "\f19d"; } .fa-yahoo:before { content: "\f19e"; } .fa-google:before { content: "\f1a0"; } .fa-reddit:before { content: "\f1a1"; } .fa-reddit-square:before { content: "\f1a2"; } .fa-stumbleupon-circle:before { content: "\f1a3"; } .fa-stumbleupon:before { content: "\f1a4"; } .fa-delicious:before { content: "\f1a5"; } .fa-digg:before { content: "\f1a6"; } .fa-pied-piper-square:before, .fa-pied-piper:before { content: "\f1a7"; } .fa-pied-piper-alt:before { content: "\f1a8"; } .fa-drupal:before { content: "\f1a9"; } .fa-joomla:before { content: "\f1aa"; } .fa-language:before { content: "\f1ab"; } .fa-fax:before { content: "\f1ac"; } .fa-building:before { content: "\f1ad"; } .fa-child:before { content: "\f1ae"; } .fa-paw:before { content: "\f1b0"; } .fa-spoon:before { content: "\f1b1"; } .fa-cube:before { content: "\f1b2"; } .fa-cubes:before { content: "\f1b3"; } .fa-behance:before { content: "\f1b4"; } .fa-behance-square:before { content: "\f1b5"; } .fa-steam:before { content: "\f1b6"; } .fa-steam-square:before { content: "\f1b7"; } .fa-recycle:before { content: "\f1b8"; } .fa-automobile:before, .fa-car:before { content: "\f1b9"; } .fa-cab:before, .fa-taxi:before { content: "\f1ba"; } .fa-tree:before { content: "\f1bb"; } .fa-spotify:before { content: "\f1bc"; } .fa-deviantart:before { content: "\f1bd"; } .fa-soundcloud:before { content: "\f1be"; } .fa-database:before { content: "\f1c0"; } .fa-file-pdf-o:before { content: "\f1c1"; } .fa-file-word-o:before { content: "\f1c2"; } .fa-file-excel-o:before { content: "\f1c3"; } .fa-file-powerpoint-o:before { content: "\f1c4"; } .fa-file-photo-o:before, .fa-file-picture-o:before, .fa-file-image-o:before { content: "\f1c5"; } .fa-file-zip-o:before, .fa-file-archive-o:before { content: "\f1c6"; } .fa-file-sound-o:before, .fa-file-audio-o:before { content: "\f1c7"; } .fa-file-movie-o:before, .fa-file-video-o:before { content: "\f1c8"; } .fa-file-code-o:before { content: "\f1c9"; } .fa-vine:before { content: "\f1ca"; } .fa-codepen:before { content: "\f1cb"; } .fa-jsfiddle:before { content: "\f1cc"; } .fa-life-bouy:before, .fa-life-saver:before, .fa-support:before, .fa-life-ring:before { content: "\f1cd"; } .fa-circle-o-notch:before { content: "\f1ce"; } .fa-ra:before, .fa-rebel:before { content: "\f1d0"; } .fa-ge:before, .fa-empire:before { content: "\f1d1"; } .fa-git-square:before { content: "\f1d2"; } .fa-git:before { content: "\f1d3"; } .fa-hacker-news:before { content: "\f1d4"; } .fa-tencent-weibo:before { content: "\f1d5"; } .fa-qq:before { content: "\f1d6"; } .fa-wechat:before, .fa-weixin:before { content: "\f1d7"; } .fa-send:before, .fa-paper-plane:before { content: "\f1d8"; } .fa-send-o:before, .fa-paper-plane-o:before { content: "\f1d9"; } .fa-history:before { content: "\f1da"; } .fa-circle-thin:before { content: "\f1db"; } .fa-header:before { content: "\f1dc"; } .fa-paragraph:before { content: "\f1dd"; } .fa-sliders:before { content: "\f1de"; } .fa-share-alt:before { content: "\f1e0"; } .fa-share-alt-square:before { content: "\f1e1"; } .fa-bomb:before { content: "\f1e2"; } /* This CSS resource incorporates links to font software which is the valuable copyrighted property of Monotype and/or its suppliers. You may not attempt to copy, install, redistribute, convert, modify or reverse engineer this font software. Please contact Monotype with any questions regarding Web Fonts: http://www.linotype.com */ @import url("http://fast.fonts.net/lt/1.css?apiType=css&c=27af2cdc-f997-4962-afc2-5fc469c0d93a&fontids=734947,734950,734953,734956,734959,734962,734965,734968"); @font-face{ font-family:"Neo Sans W01 Light"; src:url("https://www.artzt.eu/skin/frontend/neighborhood/default/fonts/css/lt-webfonts/Fonts/734947/681fbcbc-1907-441a-893a-fc00ecea0267.eot?#iefix"); src:url("https://www.artzt.eu/skin/frontend/neighborhood/default/fonts/css/lt-webfonts/Fonts/734947/681fbcbc-1907-441a-893a-fc00ecea0267.eot?#iefix") format("eot"),url("https://www.artzt.eu/skin/frontend/neighborhood/default/fonts/css/lt-webfonts/Fonts/734947/e0bd859d-12b1-41c1-9b67-003688d01609.woff2") format("woff2"),url("https://www.artzt.eu/skin/frontend/neighborhood/default/fonts/css/lt-webfonts/Fonts/734947/a21a792c-051c-4059-8719-ecc8749c99a6.woff") format("woff"),url("https://www.artzt.eu/skin/frontend/neighborhood/default/fonts/css/lt-webfonts/Fonts/734947/feee8e94-28a0-416a-88d3-db3912effbc4.ttf") format("truetype"),url("https://www.artzt.eu/skin/frontend/neighborhood/default/fonts/css/lt-webfonts/Fonts/734947/be444bf4-2ebe-416a-baa3-b19910fb06ba.svg#be444bf4-2ebe-416a-baa3-b19910fb06ba") format("svg"); } @font-face{ font-family:"NeoSansW01-LightItalic"; src:url("https://www.artzt.eu/skin/frontend/neighborhood/default/fonts/css/lt-webfonts/Fonts/734950/63d411d3-0eaf-4ddf-8bb1-22dc92a91370.eot?#iefix"); src:url("https://www.artzt.eu/skin/frontend/neighborhood/default/fonts/css/lt-webfonts/Fonts/734950/63d411d3-0eaf-4ddf-8bb1-22dc92a91370.eot?#iefix") format("eot"),url("https://www.artzt.eu/skin/frontend/neighborhood/default/fonts/css/lt-webfonts/Fonts/734950/a126fe65-f7a1-4e21-8b9e-70d9d554d01e.woff2") format("woff2"),url("https://www.artzt.eu/skin/frontend/neighborhood/default/fonts/css/lt-webfonts/Fonts/734950/b2130735-d692-47ef-89ad-4fbfd89a8618.woff") format("woff"),url("https://www.artzt.eu/skin/frontend/neighborhood/default/fonts/css/lt-webfonts/Fonts/734950/9879348e-2e6b-4baa-8a24-2d79103e93bc.ttf") format("truetype"),url("https://www.artzt.eu/skin/frontend/neighborhood/default/fonts/css/lt-webfonts/Fonts/734950/470c1738-10af-498f-89d0-4c0adafd7b63.svg#470c1738-10af-498f-89d0-4c0adafd7b63") format("svg"); } @font-face{ font-family:"Neo Sans W01"; src:url("https://www.artzt.eu/skin/frontend/neighborhood/default/fonts/css/lt-webfonts/Fonts/734953/2959d89a-a257-4ce7-9cda-63e00f275369.eot?#iefix"); src:url("https://www.artzt.eu/skin/frontend/neighborhood/default/fonts/css/lt-webfonts/Fonts/734953/2959d89a-a257-4ce7-9cda-63e00f275369.eot?#iefix") format("eot"),url("https://www.artzt.eu/skin/frontend/neighborhood/default/fonts/css/lt-webfonts/Fonts/734953/a53085dd-4493-4430-8349-fd63d6f3e5bc.woff2") format("woff2"),url("https://www.artzt.eu/skin/frontend/neighborhood/default/fonts/css/lt-webfonts/Fonts/734953/a32c3a17-3242-461c-a048-ca8e775582b1.woff") format("woff"),url("https://www.artzt.eu/skin/frontend/neighborhood/default/fonts/css/lt-webfonts/Fonts/734953/97316a7d-9db1-4dc1-bd87-e24103d88a81.ttf") format("truetype"),url("https://www.artzt.eu/skin/frontend/neighborhood/default/fonts/css/lt-webfonts/Fonts/734953/1287ca7a-3ce7-40b7-9612-061d4c793f04.svg#1287ca7a-3ce7-40b7-9612-061d4c793f04") format("svg"); } @font-face{ font-family:"Neo Sans W01 Italic"; src:url("https://www.artzt.eu/skin/frontend/neighborhood/default/fonts/css/lt-webfonts/Fonts/734956/f4875de8-7883-4489-958a-e2479fe77d29.eot?#iefix"); src:url("https://www.artzt.eu/skin/frontend/neighborhood/default/fonts/css/lt-webfonts/Fonts/734956/f4875de8-7883-4489-958a-e2479fe77d29.eot?#iefix") format("eot"),url("https://www.artzt.eu/skin/frontend/neighborhood/default/fonts/css/lt-webfonts/Fonts/734956/9ff15e66-152b-4d48-a338-ab8c95431ca7.woff2") format("woff2"),url("https://www.artzt.eu/skin/frontend/neighborhood/default/fonts/css/lt-webfonts/Fonts/734956/740562f3-2434-4080-8b87-ac8084c724d4.woff") format("woff"),url("https://www.artzt.eu/skin/frontend/neighborhood/default/fonts/css/lt-webfonts/Fonts/734956/cd590b5e-4e72-4828-955d-a84944bb3eda.ttf") format("truetype"),url("https://www.artzt.eu/skin/frontend/neighborhood/default/fonts/css/lt-webfonts/Fonts/734956/fabf21ce-e10a-4847-bd79-116d2e06352d.svg#fabf21ce-e10a-4847-bd79-116d2e06352d") format("svg"); } @font-face{ font-family:"Neo Sans W01 Medium"; src:url("https://www.artzt.eu/skin/frontend/neighborhood/default/fonts/css/lt-webfonts/Fonts/734959/85c8556d-8a76-4037-a2e2-0f5fd9dabc03.eot?#iefix"); src:url("https://www.artzt.eu/skin/frontend/neighborhood/default/fonts/css/lt-webfonts/Fonts/734959/85c8556d-8a76-4037-a2e2-0f5fd9dabc03.eot?#iefix") format("eot"),url("https://www.artzt.eu/skin/frontend/neighborhood/default/fonts/css/lt-webfonts/Fonts/734959/f056e9e7-3bb5-4f21-b861-ed2a47a0700b.woff2") format("woff2"),url("https://www.artzt.eu/skin/frontend/neighborhood/default/fonts/css/lt-webfonts/Fonts/734959/b0eddbbb-9e8e-4e08-bde1-965bb945f73a.woff") format("woff"),url("https://www.artzt.eu/skin/frontend/neighborhood/default/fonts/css/lt-webfonts/Fonts/734959/b2931674-c992-42a0-aa22-e9cb15d3383d.ttf") format("truetype"),url("https://www.artzt.eu/skin/frontend/neighborhood/default/fonts/css/lt-webfonts/Fonts/734959/af9d27b2-3ca0-47ca-8d5d-4c4665df6305.svg#af9d27b2-3ca0-47ca-8d5d-4c4665df6305") format("svg"); } @font-face{ font-family:"NeoSansW01-MediumItalic"; src:url("https://www.artzt.eu/skin/frontend/neighborhood/default/fonts/css/lt-webfonts/Fonts/734962/46228353-fa44-4946-aa72-d9c49319ef68.eot?#iefix"); src:url("https://www.artzt.eu/skin/frontend/neighborhood/default/fonts/css/lt-webfonts/Fonts/734962/46228353-fa44-4946-aa72-d9c49319ef68.eot?#iefix") format("eot"),url("https://www.artzt.eu/skin/frontend/neighborhood/default/fonts/css/lt-webfonts/Fonts/734962/6d6d6fb5-b943-440b-8b6a-d00d21516a19.woff2") format("woff2"),url("https://www.artzt.eu/skin/frontend/neighborhood/default/fonts/css/lt-webfonts/Fonts/734962/aa38b8f5-f338-48c6-8aa2-eac9e9498213.woff") format("woff"),url("https://www.artzt.eu/skin/frontend/neighborhood/default/fonts/css/lt-webfonts/Fonts/734962/b54e6a91-f4ef-40b4-8f81-fee406bc1e4f.ttf") format("truetype"),url("https://www.artzt.eu/skin/frontend/neighborhood/default/fonts/css/lt-webfonts/Fonts/734962/d8104530-e31f-4ad8-ae41-c65113c59931.svg#d8104530-e31f-4ad8-ae41-c65113c59931") format("svg"); } @font-face{ font-family:"Neo Sans W01 Bold"; src:url("https://www.artzt.eu/skin/frontend/neighborhood/default/fonts/css/lt-webfonts/Fonts/734965/a0b14394-4dd9-4421-98cf-dfe2f8dc6251.eot?#iefix"); src:url("https://www.artzt.eu/skin/frontend/neighborhood/default/fonts/css/lt-webfonts/Fonts/734965/a0b14394-4dd9-4421-98cf-dfe2f8dc6251.eot?#iefix") format("eot"),url("https://www.artzt.eu/skin/frontend/neighborhood/default/fonts/css/lt-webfonts/Fonts/734965/82a34ab2-92d9-48c4-989d-50d5bd54fdd1.woff2") format("woff2"),url("https://www.artzt.eu/skin/frontend/neighborhood/default/fonts/css/lt-webfonts/Fonts/734965/ecedcc38-3aec-48a5-a693-fbfac59dd0ed.woff") format("woff"),url("https://www.artzt.eu/skin/frontend/neighborhood/default/fonts/css/lt-webfonts/Fonts/734965/2974017c-634d-4238-9381-e3f0b95a150c.ttf") format("truetype"),url("https://www.artzt.eu/skin/frontend/neighborhood/default/fonts/css/lt-webfonts/Fonts/734965/0b4cc213-f9e9-4cb1-aa3c-64e91a1328dc.svg#0b4cc213-f9e9-4cb1-aa3c-64e91a1328dc") format("svg"); } @font-face{ font-family:"NeoSansW01-BoldItalic"; src:url("https://www.artzt.eu/skin/frontend/neighborhood/default/fonts/css/lt-webfonts/Fonts/734968/0fe971f7-547f-457f-83c3-3c8e2a508baa.eot?#iefix"); src:url("https://www.artzt.eu/skin/frontend/neighborhood/default/fonts/css/lt-webfonts/Fonts/734968/0fe971f7-547f-457f-83c3-3c8e2a508baa.eot?#iefix") format("eot"),url("https://www.artzt.eu/skin/frontend/neighborhood/default/fonts/css/lt-webfonts/Fonts/734968/c47e6637-cc18-4473-81da-8a9c7930ce28.woff2") format("woff2"),url("https://www.artzt.eu/skin/frontend/neighborhood/default/fonts/css/lt-webfonts/Fonts/734968/1c88b47a-311d-482e-9568-4e4eb1409dbb.woff") format("woff"),url("https://www.artzt.eu/skin/frontend/neighborhood/default/fonts/css/lt-webfonts/Fonts/734968/c905cace-cc74-4611-8d5e-14426b91e330.ttf") format("truetype"),url("https://www.artzt.eu/skin/frontend/neighborhood/default/fonts/css/lt-webfonts/Fonts/734968/5946ff35-b866-4617-8dd1-8ce5133ff617.svg#5946ff35-b866-4617-8dd1-8ce5133ff617") format("svg"); } /* ******************************************************************************************** Update Version 1.1 *********************************************************************************************** */ /* ******************************************************************************************** Sidebar *********************************************************************************************** */ /* Filters current */ .block-layered-nav .currently + .actions {margin-bottom: 35px;} /* ******************************************************************************************** Category Page *********************************************************************************************** */ /* Subcategories Category */ .subcategories .item{width:23%;margin: 0 1%;text-align: center;float: left;margin-bottom: 4%;} .subcategories .product-name{font-size: 16px;font-weight: bold;} .subcategories .item:nth-child(4n+1) { clear:left; } .category-main .category-image{display: none;} .subcategories .category-image {margin-bottom: 10px;display: block;} /* ******************************************************************************************** Sale New Label *********************************************************************************************** */ /* Lable Marging Left Side */ #side-nav li a span.category-label{margin-left: 5px;} #side-nav li a span.category-label:before{display: none;} /*.header1 .quick-search .dropdown-menu{position: relative; opacity: 1; float: left;-webkit-transform: translateY(0px);-moz-transform: translateY(0px);-o-transform: translateY(0px);-ms-transform: translateY(0px);transition: all 0s ease-in-out;-webkit-transition: all 0s ease-in-out;-moz-transition: all 0s ease-in-out;-o-transition: all 0s ease-in-out;-webkit-box-shadow: 0 0 0 0 rgba(0,0,0,0);box-shadow: 0 0 0 0 rgba(0,0,0,0);} .header1 .form-search .input-text{height: 40px;}.header1 .quick-search .dropdown-menu:before{display: none;} .header1 .quick-search .dropdown-toggle{float: right;} .header1 .quick-search{webkit-box-shadow: 0 0 5px -1px rgba(0,0,0,.2);box-shadow: 0 0 5px -1px rgba(0,0,0,.2);}*/ /* ******************************************************************************************** Update Version 1.2 *********************************************************************************************** */ /* ============================================ * * 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: 3px; font-size: 14px; text-align: center; color: #636363; text-decoration: none; box-sizing: content-box; } .swatch-link { border: 1px solid #E4E4E4; margin: 0 0 3px; } .swatch-link img { border-radius: 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.artzt.eu/skin/frontend/neighborhood/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: #F0F0F0; } .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{ margin: 0px; } .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; } #narrow-by-list dd .configurable-swatch-list{ margin: 0 -1%; } #narrow-by-list dd .configurable-swatch-list li { margin: 3px 1%; width: 48%; border: none; padding: 0px; } #narrow-by-list dd .swatch-link { border: none; line-height: 25px; margin-right: 0px; text-align: left; margin-bottom: 0px; } #narrow-by-list dd .swatch-link.has-image { line-height: inherit; } #narrow-by-list dd .swatch-link:hover .swatch-label { border-color: #1bbeb4; } #narrow-by-list dd .swatch-label { border-color: #E4E4E4; border-radius: 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: 3px; box-sizing: content-box; } #narrow-by-list dd .has-image .swatch-label { padding: 0; } @media only screen and (max-width: 770px) { #narrow-by-list dd .configurable-swatch-list li:nth-child(odd) { clear: left; } } .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: #1bbeb4; cursor: default; } /* Other Swatch States */ .configurable-swatch-list .hover .swatch-link, .configurable-swatch-list .selected .swatch-link, .swatch-link:hover { border-color: #1bbeb4; } .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: 3px; } /* ============================================ * * Zoom * ============================================ */ .product-image-gallery { position: relative; overflow: hidden; } .product-img-box .product-image img { max-width: 100%; /*max-height: 750px;*/ margin: 0px auto; } .product-view .product-image-gallery .gallery-image { display: none !important; } .product-view .product-image-gallery .gallery-image.visible { display: block !important; } .product-image-gallery .gallery-image.visible.hidden { visibility: hidden; } .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.artzt.eu/skin/frontend/neighborhood/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; } .product-view .product-image-thumbs a img{ display: block !important; } .zoomContainer{ z-index: 1; } .itemslider-thumbnails .item{ max-width: none; padding-left: 5px; padding-right: 5px; } /* ******************************************************************************************** Update Version 1.3 *********************************************************************************************** */ /* ******************************************************************************************** Reset *********************************************************************************************** */ body{ -webkit-font-smoothing: antialiased; } /* ******************************************************************************************** Form lists *********************************************************************************************** */ .form-list .customer-name-middlename{margin-left:-1%;margin-right:-1%;} .form-list .customer-name-middlename > .field{ width: 31.3333%; float: left; margin-left:1%; margin-right: 1%; } .form-list .customer-name-middlename > .field input.input-text{width: 100%;} /* ******************************************************************************************** Header container *********************************************************************************************** */ /* Form Search =============================================================== */ .search-icon.dropdown-toggle.cover > div{ cursor: pointer; } .form-search .button{ display: block; line-height: 56px; position: absolute; top: 0; right: 0; padding: 0 10px; } .form-search:hover .button span{ color: inherit; } /* Mobile Menu (Both) =============================================================== */ #cssmenu #mobile-menu, #nav{ z-index: inherit !important; } .dropdown-menu, .dropdown:hover .dropdown-menu{visibility: inherit !important;} .products-grid .configurable-swatch-list{ margin: 5px 0px 10px 0px; } .products-list .configurable-swatch-list{ margin-bottom: 10px; } /* Do not change this file it lost your changes. */ /* ******************************************************************************************** Grid container *********************************************************************************************** */ .container_12 { width:96%; max-width: 1174px; } /* Forces backgrounds to span full width, even if there is horizontal scrolling. Increase this if your layout is wider. Note: IE works fine without this fix. */ .ie8 .container_12 { max-width:1174px; } /* ******************************************************************************************** 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) { .container_12 { max-width:737px; } /* 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) { /* Containers (Display full width and add side padding) */ .container_12 { width:92%; padding-left:2%; padding-right:2%; } .pull-container { width:100%; margin-left:auto; } /* Grid >> Global (Remove both margin and display full width ) */ .grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_8, .grid_9, .grid_10, .grid_11, .grid_12, .grid_full { width:100% !important; margin-left:0; margin-right:0; } .no-both-margin.mobile-grid-half img{margin: 0 auto; display:table;} /* Vertically aligned grid ======================================================================================= */ .v-grid-container { display:block; } .v-grid { float:left; 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) { .container_12 { max-width:440px; } /* Hide */ .hide-below-960 { display:none !important; } .hide-below-768 { display:none !important; } /* Mobile Grid Half Units Avalaible */ .mobile-grid-half { width:48% !important; margin-left:1%; margin-right:1%; float:left;} /* Remove Left Margin */ .no-left-margin.mobile-grid-half { width:49% !important; margin-left:0%;} /* Remove Right Margin */ .no-right-margin.mobile-grid-half { width:49% !important;margin-right:0%; } /* Remove Both Margin */ .no-both-margin.mobile-grid-half { width:50% !important; margin-left:0%; margin-right:0%; } } /* ******************************************************************************************** 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) { .container_12 { max-width:590px; } } /* ******************************************************************************************** Design for a width of less than 480px (small mobile) *********************************************************************************************** */ /* width < 480px */ @media only screen and (max-width: 479px) { /* Containers (Display full width and add side padding) */ .container_12 { max-width:none !important; width:94%; padding-left:3%; padding-right:3%; } /* Mobile Grid Half Units Avalaible (Use Onlye Header Nav) */ .nav .mobile-grid-half { width:48% !important; margin-left:1%; margin-right:1%; float:left;} /* Remove Left Margin */ .nav .no-left-margin.mobile-grid-half { width:49% !important; margin-left:0%;} /* Remove Right Margin */ .nav .no-right-margin.mobile-grid-half { width:49% !important;margin-right:0%; } /* Remove Both Margin */ .nav .no-both-margin.mobile-grid-half { width:50% !important; margin-left:0%; margin-right:0%; } } /* ******************************************************************************************** Mobile (Portrait) - design for a width of 320px *********************************************************************************************** */ /* 320px <= width < 480px */ @media only screen and (min-width: 320px) and (max-width: 479px) { /* .container_12 { max-width:301px; } */ /* 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) { /* .container_12 { max-width:226px; } */ .container_12 { max-width:none !important; width:92%; padding-left:4%; padding-right:4%; } /* 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; } } /* RTL RESPONIVE */ /* END RTL RESPONSIVE */ /* Do not change this file it lost your changes. */ /* ******************************************************************************************** Design for a width of 960-1280 px *********************************************************************************************** */ /* 960px <= width < 1280px */ @media only screen and (min-width: 960px) { /* Cart ======================================================================================= */ .cart-table .product-image { max-width:80px; } } /* ******************************************************************************************** Design for a width of 1024 px *********************************************************************************************** */ /* width <= 1024px */ @media only screen and (max-width: 1041px) { /* Products grid ======================================================================================= */ .products-grid .item .visible-onhover {visibility: visible;opacity: 1;} .products-grid .item .fancybox { display: none !important; } /* Disable hover effect ======================================================================================= */ /* Show elements normally displayed only on hover */ .category-products-grid .item .display-onhover {display: block !important;} /* Show elements normally displayed only on hover (Add to links & Add to cart) */ .products-grid .actions{bottom: 0px;} /* Product alter images normally displayed on hover */ .products-grid .item:hover .product-image .small-image, .products-grid .item:hover .product-image .thumbnail{ -webkit-transform: translate3d(0,0%,0); -moz-transform: translate3d(0,-100%,0); -ms-transform: translate3d(0,-100%,0); -o-transform: translate3d(0,-100%,0); } /* Slider controls ======================================================================================= */ /* Show elements normally displayed only on hover */ .owl-theme .owl-controls .owl-buttons div, .owl-theme:hover .owl-controls .owl-buttons div {opacity: 1;-moz-opacity: 1;filter: alpha(opacity=100);} /* Header Style 5 ======================================================================================= */ /* Header Dropdown (Shopping cart & Quick Search) */ .header-container.header5 .quick-search .dropdown-menu, .header-container.header5 .shopping_cart .dropdown-menu{right:auto;left:0;} .header-container.header5 .quick-search .dropdown-menu:before, .header-container.header5 .shopping_cart .dropdown-menu:before{right:auto;left:11px;} } /* ******************************************************************************************** Mobile, small old desktop - design for a width of less than 960px *********************************************************************************************** */ /* width < 960px */ @media only screen and (max-width: 959px) { /* Header Dropdown Elements ======================================================================================= */ /* All elements increase horizontal spacing */ .shopping_cart .dropdown-toggle.cover > div, .quick-search .dropdown-toggle.cover > div, .wishlist .dropdown-toggle.cover > div {padding: 0px 11px;} /* Wishlist (Remove item count div) */ .wishlist .count{display:none;} /* Shopping Cart ======================================================================================= */ .cart .cart-left-column, .cart .cart-right-column{width:100% !important;margin-left:0% !important;margin-right:0% !important;} .cart .cart-right-column{margin-top: 50px;} /* Banner Slider Caption ======================================================================================= */ .banner-slider .caption {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-image { max-width:80px; } } /* ******************************************************************************************** All desktop - design for a width of 768px and wider *********************************************************************************************** */ /* 768px <= width */ @media only screen and (min-width: 768px) { /* Mobile accordion ======================================================================================= */ .mobile-accordion .block-title { border-bottom:none; } /* Hide line when not on mobile */ .mobile-accordion .opener { display:none !important; } /* Always hide when not on mobile */ .mobile-accordion .block-content { display:block !important; } /* Always show when not on mobile */ .accordion .block-content{display: none;} } /* ******************************************************************************************** All mobile - design for a width of less than 768px *********************************************************************************************** */ /* width < 768px */ @media only screen and (max-width: 767px) { /* Disable display banner with header ======================================================================================= */ body.cms-index-index .header-container, body.cms-index-defaultindex .header-container, body.cms-home .header-container {position: relative !important;} /* 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; } /* Logo ======================================================================================= */ .logo { width:80%; margin-left:auto; margin-right:auto; text-align: center !important; margin-top: 15px; margin-bottom: 15px;} /* Other ======================================================================================= */ .header{text-align: center;} .header-primary{padding:15px 0px;} /* Header elements - align center */ .header .dropdown, .header .top-links{display: inline-block;float: none;margin-left: -3px;} /* Wishlist (Display on item count div) */ .wishlist .count{display: inline-block;} /* Header Style 2 ======================================================================================= */ /* Top Links & Dropdown */ .header-container.header2 .top-links{float:left;} .header-container.header2 .currency.dropdown, .header-container.header2 .currency.dropdown .dropdown-toggle.cover > div{padding-right: 0px;border-right-width: 0px;} .header-container.header2 .currency.dropdown .dropdown-menu.left-hand, .header-container.header2 .language.dropdown .dropdown-menu.left-hand{left: auto;right: 0;} .header-container.header2 .currency.dropdown .dropdown-menu.left-hand:before, .header-container.header2 .language.dropdown .dropdown-menu.left-hand:before{left:auto;right:20px;} /* Header Style 3 ======================================================================================= */ /* Top Links & Dropdown */ .header-container.header3 .header .dropdown{float:left;} .header-container.header3 .top-links{float:right;} .header-container.header3 .currency.dropdown{border-right-width: 0px;} /* Header Style 4 ======================================================================================= */ /* Top Links & Dropdown */ .header-container.header4 .header .dropdown{float:left;} .header-container.header4 .header-primary .dropdown{float:right;} .header-container.header4 .top-links{float:right;} /* Responsive Menu */ .header-container.header4 .toggleMenu{float:left;} .header-container.header4 .nav-container{float:none;} .header-container.header4 #cssmenu #mobile-menu, .header-container.header4 #nav{left:0px;right:0px;} .header-container.header4 #cssmenu, .header-container.header4 .nav-container{position: relative;} /* Header Style 5 ======================================================================================= */ /* All elements - align center */ .header-container.header5 .header .item-left, .header-container.header5 .header .item-right, .header-container.header5 .header .dropdown{display:inline-block;float:none;vertical-align: middle;} /* Responsive menu */ .header-container.header5 .nav{text-align:right;} .header-container.header5 .toggleMenu{float:left;} .header-container.header5 .nav-container{float:none;} /* Header Dropdown (Shopping cart & Quick Search) */ .header-container.header5 .quick-search .dropdown-menu, .header-container.header5 .shopping_cart .dropdown-menu{right:0;left:auto;} .header-container.header5 .quick-search .dropdown-menu:before, .header-container.header5 .shopping_cart .dropdown-menu:before{right:11px;left:auto;} /* Resposive Menu */ .header-container.header5 #cssmenu, .header-container.header5 .nav-container{position: relative;} /* Category view ======================================================================================= */ .products-list .product-shop, .products-list .right-column, .products-list .product-image-wrapper { margin-left: auto !important;margin-right: auto !important;float:none;} .products-list .product-image-wrapper, .products-list .product-image{max-width:300px;display: block;} .products-list .product-shop{padding-top: 20px;float:left;} /* Toolbar ======================================================================================= */ /* Increase vertical spacing */ .my-account .pager{margin-top: 0px;} /* Footer ======================================================================================= */ /* Footer Bottom */ .footer-bottom{text-align:center;} .footer-bottom address{margin-top:10px;} /* Page heading with RSS link ======================================================================================= */ .page-title { } .page-title .link-rss { float:none; display:block; position:static; margin:10px 0 0; } /* Cart ======================================================================================= */ /* Buttons below table: align center */ .cart-table tfoot tr.first td, .my-wishlist .buttons-set{ text-align:center !important; padding:0;} .cart-table tfoot button.button, .my-wishlist .buttons-set button.button{ display:inline-block; float:none !important; margin:0 0 3px; padding:0; } /* Products Page ======================================================================================= */ /* Product primary column */ .product-view .product-shop{padding: 30px 0px 0 0px;} /* Product third column */ .product-view .product-third-column{padding: 30px 0px 0 0px;} /* Tables ======================================================================================= */ .data-table thead .nobr { white-space:normal !important; } .data-table th, .data-table td { padding:10px; } /* Tables Formatting ======================================================================================= */ /* Basic formatting */ .cart .data-table thead, .my-wishlist .data-table thead, .my-account .data-table thead, .order-review .data-table thead, .multiple-checkout .data-table thead{ display:none; } .cart .data-table tbody, .my-wishlist .data-table tbody, .my-account .data-table tbody, .order-review .data-table tbody, .multiple-checkout .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, .multiple-checkout .data-table tr, .multiple-checkout .data-table td{ border:none !important; background:transparent !important; display:block; width:100%; text-align:left !important; box-sizing: border-box;-webkit-box-sizing: border-box;-ms-box-sizing: border-box;-o-box-sizing: border-box;-moz-box-sizing: border-box;} .cart .data-table tr, .my-wishlist .data-table tr, .my-account .data-table tr, .order-review .data-table tr, .multiple-checkout .data-table tr{ border-bottom:1px solid #E4E4E4 !important; margin-bottom:20px; } .cart .data-table tfoot tr.last, .my-wishlist .data-table tfoot tr.last, .my-account .data-table tfoot tr.last, .order-review .data-table tfoot tr.last, .multiple-checkout .data-table tfoot tr.last{border-bottom: none !important;margin-bottom: 0px;} .cart .data-table tfoot tr.last{margin-bottom: 20px;} .data-table .product-name{display: inline;} .order-items .price-excl-tax, .multiple-checkout td .cart-price{display: inline-block;} .multiple-checkout .data-table td select{width: 100%;} /* Highlight first cell in table footer */ .my-account .data-table tfoot tr td:first-child, .order-review .data-table tfoot tr td:first-child, .multiple-checkout .data-table tfoot tr td:first-child{ font-weight:bold; } /* Responsive label */ .data-table .cartlabel {display: inline-block;width: 30%;min-width: 100px;max-width: 140px;margin-right: 10px;vertical-align: top;} /* Table item options */ .data-table .item-options{margin: 5px 0 0 0px;} /* Forms Elements ======================================================================================= */ .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, .form-list .customer-name-middlename > .field{ max-width:100%; width: 100%;} /* Mobile accordion ======================================================================================= */ .mobile-accordion .opener{display:block;} .mobile-accordion .block-content { display:none; } .accordion .opener{display:block;} .accordion .block-content{display: none;} .mobile-accordion { position:relative; } /* Grid and basic layout ======================================================================================= */ /* Margin for col-left and col-right */ .col-left, .col-right{margin-top:20px} /* Magento utility classes ======================================================================================= */ .nobr { white-space:normal !important; } } /* end: width < 768px */ /* ******************************************************************************************** Mobile (Landscape) - design for a width of 480px *********************************************************************************************** */ /* 480 <= width < 768px */ @media only screen and (min-width: 480px) and (max-width: 767px) { } /* end: 480 <= width < 768px */ /* ******************************************************************************************** Design for a width of 640px *********************************************************************************************** */ /* 640 <= width < 768px */ @media only screen and (min-width: 640px) and (max-width: 767px) { /* Column grid ======================================================================================= */ .columngrid.columngrid-adaptive .item { width:48%; clear:none !important; } .columngrid.columngrid-adaptive .item:nth-child(2n+1) { clear:left !important; } } /* end: 640 <= width < 768px */ /* ******************************************************************************************** Design for a width of less than 640px *********************************************************************************************** */ /* width < 640px */ @media only screen and (max-width: 639px) { /* Header ======================================================================================= */ /* Header Dropdown (language & currency) */ .header-container.header5 .currency.dropdown .dropdown-menu.left-hand, .header-container.header5 .language.dropdown .dropdown-menu.left-hand{right:0px;left:auto;} .header-container.header5 .currency.dropdown .dropdown-menu.left-hand:before, .header-container.header5 .language.dropdown .dropdown-menu.left-hand:before{left:auto;right:20px;} /* Multiple Checkout Button Set (display backlink with button full width) ======================================================================================= */ .multiple-checkout .buttons-set .back-link, .multiple-checkout .buttons-set .back-link + button.button, .multiple-checkout .buttons-set .back-link + button.button span{float:none;} .multiple-checkout .buttons-set .back-link + button.button{width:100%;margin-right: 0px;} /* Title Buttons ======================================================================================= */ .title-buttons button{margin-left: 0em;width: 100%;margin-top: 5px;} .title-buttons button.button span{float:none;} /* Column grid ======================================================================================= */ .columngrid.columngrid-adaptive .item { width:48%; clear:none !important; } .columngrid.columngrid-adaptive .item:nth-child(2n+1) { clear:left !important; } } /* end: width < 640px */ /* ******************************************************************************************** Design for a width of 480px *********************************************************************************************** */ /* 480 <= width < 640px */ @media only screen and (min-width: 480px) and (max-width: 639px) { /* Subcategories Category ======================================================================================= */ .subcategories .item{width:31.3333%;} .subcategories .item:nth-child(3n+1) { clear:left; } .subcategories .item:nth-child(4n+1) { clear:none; } } /* end: 480 <= width < 640px */ /* ******************************************************************************************** Design for a width of less than 480px (small mobile) *********************************************************************************************** */ /* width < 480px */ @media only screen and (max-width: 479px) { /* Header ======================================================================================= */ /* Shopping cart dropdown*/ .shopping_cart .dropdown-menu{min-width: 265px;} /* Block header top */ .header .item-left, .header .item-right{margin-left:0px;margin-right:0px;display: inline-block;float: none;margin-left: -3px;} /* Header elements - align center */ .header .mobile-inline-container { text-align:center; } .header .mobile-inline-container > * { float:none; display:inline-block; margin-left:5px; margin-right:5px; } /* Ajex Cart Popup ======================================================================================= */ div.alert-inner{display: inherit;bottom: auto;box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;-o-box-sizing: border-box;-ms-box-sizing: border-box;max-width: 96%;left: 0;right: 0;margin: -80px auto 0px;} div.alert-inner .alertcontent{position: initial; padding-top: 15px;} div.alert-inner a{float: none !important;cursor: pointer;margin: 5px 5px;display: inline-block;vertical-align: top;} /* Product Page ======================================================================================= */ /* Reviews */ .product-view .form-add .data-table th{font-size: inherit;font-weight: bold;} .product-view .form-add .data-table th, .product-view .form-add .data-table td { padding:6px 1px; } .product-view .form-add .form-list input.input-text, .product-view .form-add .form-list textarea { width:90%; } /* Add-to links */ .product-view .add-to-links { text-align: inherit; } /* Toolbar ======================================================================================= */ /* All elements - align center */ .sorter, .pager {text-align: center !important;} .sorter *, .pager *{display:inline-block !important;float:none !important;text-align:center !important;} /* Account ======================================================================================= */ /* Product Review Detail*/ .product-review .product-img-box{width: auto;float: none;} .product-review .product-details{margin: 0 0px 20px 0px;} /* Grid elements ======================================================================================= */ .col2-set .col-1, .col2-set .col-2 { width:100%; margin-bottom: 20px;} /* Subcategories Category ======================================================================================= */ .subcategories .item{width:48%;} .subcategories .item:nth-child(2n+1) { clear:left; } .subcategories .item:nth-child(4n+1) { clear:none; } } /* 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) { } /* end: 320px <= width < 480px */ /* ******************************************************************************************** Design for a width of less than 380px *********************************************************************************************** */ /* width < 380px */ @media only screen and (max-width: 396px) { /* Header ======================================================================================= */ /* Header Dropdown */ .currency .dropdown-menu.left-hand {min-width: 130px;} /* Catalog Search */ .quick-search .dropdown-menu{ min-width: 180px;} /* Header Style 2 ======================================================================================= */ .header-container.header2 .header .top-links, .header-container.header2 .header .dropdown{float:none;} .header-container.header2 .currency.dropdown, .header-container.header2 .language.dropdown{border-right-width: 0px;border-left-width: 1px;} .header-container.header2 .language.dropdown .dropdown-toggle.cover > div{padding-left: 10px;} .header-container.header2 .currency.dropdown .dropdown-toggle.cover > div{padding-right: 10px;} .header-container.header2 .links-separators .links > li.last > a{padding-right: 10px;} /* Header Style 3 ======================================================================================= */ /* Top Links & Dropdown */ .header-container.header3 .header .top-links, .header-container.header3 .header .dropdown{float:none;} .header-container.header3 .currency.dropdown{border-right-width: 1px;} /* Header Style 4 ======================================================================================= */ /* Top Links & Dropdown */ .header-container.header4 .header .dropdown, .header-container.header4 .top-links{float:none;} .header-container.header4 .header-primary .dropdown{float:right;} /* Products list ======================================================================================= */ .products-list .btn-cart{width:auto;max-width: none;} /* Button Set (display backlink with button full width) ======================================================================================= */ .buttons-set .back-link, .buttons-set .back-link + button.button, .buttons-set .back-link + button.button span{float:none;} .buttons-set .back-link + button.button{width:100%;margin-right: 0px;} .opc .buttons-set .back-link + button.button + .please-wait{width: 100%;text-align: center;margin-right: 0px;} /* Shopping Cart & Wishlist Button (Display same as button set) */ .cart-table tfoot button.button, .my-wishlist .buttons-set button.button{width: 100%;margin: 0 0 5px 0px !important;} .cart-table tfoot button.button span, .my-wishlist .buttons-set button.button span{float:none;} /* Column grid ======================================================================================= */ /* Show 1 column */ .columngrid.columngrid-adaptive .item { width:98%; clear:none !important; } } /* end: width < 320px */ /* ******************************************************************************************** Design for a width of less than 320px *********************************************************************************************** */ /* width < 320px */ @media only screen and (max-width: 319px) { /* Header ======================================================================================= */ /* Header Dropdown (language & currency) */ .header-container.header5 .currency.dropdown .dropdown-menu.left-hand, .header-container.header5 .language.dropdown .dropdown-menu.left-hand{right:auto;left:0;} .header-container.header5 .currency.dropdown .dropdown-menu.left-hand:before, .header-container.header5 .language.dropdown .dropdown-menu.left-hand:before{right:auto;left:20px;} /* Banner ======================================================================================= */ .banner .owl-pagination { 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) { } /* end: 240px <= width < 320px */ /* ******************************************************************************************** Design for a width of lass than 240px *********************************************************************************************** */ /* width < 240px */ @media only screen and (max-width: 239px) { } /* end: width < 240px */ /* RTL RESPONIVE */ /* END RTL RESPONSIVE */ /** * This file is a container for custom CSS. You can use it to override the default styles of the theme. * * 1. Copy the file "SAMPLE.custom.css" and rename it to "custom.css". * Otherwise this file will not be loded by Magento. * 2. Enable it in the admin panel. * 3. Uncomment slected sample styles or add your own CSS to override the default styles of the theme. * * Please refer to the user guide for more details. * */ /* Misc */ body { font:13px/20px "Neo Sans W01", Arial, Helvetica, sans-serif; color: #58585a; font-weight: normal;} body.marquardt { color: #000000 !important; } h1, h2, h3, h4, h5,h6 { color: #0071b9; font-family: "Neo Sans W01", Arial, Helvetica, sans-serif, sans-serif; } h2 { margin-bottom: 30px !important;} body.marquardt h1, body.marquardt h2, body.marquardt h3, body.marquardt h4, body.marquardt h5, body.marquardt h6 { color: #d0062a; } h1 { font-size: 30px; } input, select, textarea, button { font-size: 14px; font-family: "Neo Sans W01", Arial, Helvetica, sans-serif; vertical-align:middle;} .breadcrumbs { margin-bottom: 30px; } .breadcrumbs li strong { font-weight: normal; color: #0071b9; } body.marquardt .breadcrumbs li strong {color: #d0062a; } .button.button span, .button.button:hover span, span.icon, span.icon:hover { color: #fff !important; } .owl-theme .owl-controls .owl-buttons div, .owl-theme .owl-controls .owl-buttons div:hover { background: #0071b9 !important; color: #fff !important; } body.marquardt .owl-theme .owl-controls .owl-buttons div, body.marquardt .owl-theme .owl-controls .owl-buttons div:hover { background: #d0062a !important; } .accordion .opener { font-size: 14px; line-height: 46px; } .std dl, .std p, .std address, .std blockquote { margin: 0 0 1.4em; } .alertcontent .close.continue,.alertcontent .close.continue:hover, .alertcontent .close.cart, .alertcontent .close.cart:hover { background: #0071b9 !important; color: #fff; } body.marquardt .alertcontent .close.continue, body.marquardt .alertcontent .close.continue:hover, body.marquardt .alertcontent .close.cart, body.marquardt .alertcontent .close.cart:hover { background: #d0062a !important; color: #fff; } #recently-viewed-items .product-name { text-shadow: none; } .back-link a, .back-link a:hover { background:none !important; color: #fff !important; } body.marquardt .back-link a, body.marquardt .back-link a:hover { background: #d0062a !important; color: #fff !important; } /* responsive iframes */ iframe { max-width: 100%; } iframe[name="google_conversion_frame"] { display: none; } .embed-container { position: relative; padding-bottom: 56.25%; /* ratio 16x9 */ height: 0; overflow: hidden; width: 100%; height: auto; } .embed-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } button.button span, button.button:hover span { background: #0071b9 !important; color: #fff; } body.marquardt button.button span, body.marquardt button.button:hover span { background: #d0062a !important; color: #fff; } .form-search button.button span, .form-search button.button span:hover { background-color: transparent !important; color: #252525 !important; } body.marquardt .form-search button.button span, body.marquardt .form-search button.button:hover span { background: transparent !important; } body.page-popup .avWidgetImage { display: none !important; width: 0px !important; height: 0px !important; visibility: hidden !important; } .tp-bullets { display: none !important; } .quantity_counter a { width: 35px !important; } .quantity_counter input.qty { width: 44px !important; } .quantity_counter a:hover, .data-table .btn-edit:hover, .data-table .btn-remove:hover, .data-table .btn-remove2:hover, .data-table .link-wishlist:hover { background-color: #0071b9 !important; color: #fff !important; } body.marquardt .quantity_counter a:hover, body.marquardt .data-table .btn-edit:hover, body.marquardt .data-table .btn-remove:hover, body.marquardt .data-table .btn-remove2:hover, body.marquardt .data-table .link-wishlist:hover { background-color: #d0062a !important; color: #fff; } /* Forms */ .peer-icon-hover:hover .icon { background-color: #F0F0F0 !important; color: #252525 !important; } .pccf .alert { position: relative !important; } body.marquardt .pccf.default .alert-success { color: #d0062a !important; background-color: #ffffff !important; border-color: #ffffff !important; } body.marquardt .pccf.default .btn-primary, body.marquardt .pccf.default .btn-primary:active, body.marquardt .pccf.default .btn-primary:focus, body.marquardt .pccf.default .btn-primary:hover { background-color: #d0062a !important; border-color: #d0062a !important; } body.marquardt .pccf.default h1, body.marquardt .pccf.default h2, body.marquardt .pccf.default h3, body.marquardt .pccf.default h4, body.marquardt .pccf.default h5, body.marquardt .pccf.default h6 { color: #d0062a !important; } .form-list .name-prefix { width: auto !important; margin-right: 25px !important; } .form-list .name-prefix select { width: auto !important; } body.cms-no-route .buttons-set .back-link a { background: #0071b9 !important; color: #fff !important; } body.cms-no-route .buttons-set .back-link a:hover { color: #fff !important; } body.cms-no-route.marquardt .buttons-set .back-link a { background: #d0062a !important; color: #fff !important; } body.cms-no-route.marquardt .buttons-set .back-link a:hover { color: #fff !important; } .owl-theme .owl-controls .owl-page { opacity: 0.5 !important; -moz-opacity: 0.5; filter: alpha(opacity=50);} .owl-theme .owl-controls .owl-page.active, .owl-theme .owl-controls.clickable .owl-page:hover { opacity: 1!important; -moz-opacity: 1; filter: alpha(opacity=100);} .fancybox-close { top: 0px; right: 0px; } .fancybox-close:before { display: none !important; } /* Header */ .block_header_top_left a { display: inline-block !important; color: #fff; font-size: 13px; text-decoration: none; margin-right: 20px; } .block_header_top_left a:hover { text-decoration: underline !important; color: #fff !important; } .block_header_top_left { display: block !important; } .header-top img { margin-right: 25px; } body.cms-index-index .header-container { position: relative !important; } .header-container .logo img { max-width: 366px; } body.marquardt .header-container .logo img { margin-top: 17px; margin-bottom: 17px; } body.artzt .header-container .logo img { margin-top: 17px; margin-bottom: 17px; } .header-primary {padding: 20px 0; } .links > li > a { font-size: 11px; color: #fff; } .links > li > a:hover { color: #fff; text-decoration: underline;} .shopping_cart .icon-cart { width: 20px; height: 25px; } body.marquardt .shopping_cart .icon-cart { background: transparent url('https://www.artzt.eu/skin/frontend/neighborhood/default/images/shopping_bag_icon_marquardt.png') no-repeat top left; } body.marquardt .header .links > li > a:hover { color: #fff !important; } .dropdown-toggle.cover > div, .summary-container { cursor: pointer !important; display: block !important; } .shopping_cart.dropdown.block-cart { display: block !important; } .search-icon.dropdown-toggle.cover > div { padding-left: 30px; padding-right: 30px; } .quick-search .dropdown-menu::before { right: 28px; } .odw p { margin: 0 !important; padding: 0 !important;} /* Haupnavigation */ #mega-nav { font-family:"Neo Sans W01", Arial, Helvetica, sans-serif, sans-serif; font-size: 14px; text-align: left; } #mega-nav > li:hover > a, #mega-nav li.active > a { color: #0071b9; } #mega-nav ul.subs li a, #mega-nav ul.subs li span.biggerthan { font-size: 14px; font-weight: normal; display: inline-block !important; vertical-align: middle !important; margin-bottom: 10px !important; } #mega-nav ul.subs li span.biggerthan { padding-right: 5px; } body.marquardt #mega-nav > li:hover > a, body.marquardt #mega-nav li.active > a { color: #d0062a; } /* Vertical */ #mega-nav .megamenu-vertical .mega-block { max-width: 240px !important; top: 42px !important; } #mega-nav .megamenu-vertical ul.subs { padding-top: 48px; padding-bottom: 40px; padding-left: 25px; } #mega-nav .megamenu-vertical ul.subs li a { padding: 7px 0px !important; border-bottom: 0px none !important; } #mega-nav .megamenu-vertical li:hover > a, #mega-nav .megamenu-vertical li.active > a { background: #ffffff !important; color: #0071b9 !important; } body.marquardt #mega-nav .megamenu-vertical li:hover > a, body.marquardt #mega-nav .megamenu-vertical li.active > a { background: #ffffff !important; color: #0071b9 !important; } #cssmenu .toggleMenu { color: #58585A !important; } #cssmenu .toggleMenu:hover { color: #0071B9 !important; } body.marquardt #cssmenu .toggleMenu:hover { color: #D0062A !important; } /* Left */ .sidebar .view.accordion { width: 100%; } #sidenav li.active > a, #sidenav li a.show-cat.active { color: #0071b9; } body.marquardt #sidenav li.active > a, body.marquardt #sidenav li a.show-cat.active { color: #d0062a; } /* Main */ .main .coupon-info, .main a:hover { color: #0071b9; cursor: pointer; } body.marquardt .main .coupon-info, body.marquardt .main a:hover { color: #d0062a; } .main .section-line { padding-top: 14px !important; text-align: left; } .main .section-line:before { border-top: 2px solid #0071b9; } body.marquardt .main .section-line:before { border-top: 2px solid #d0062a; } .main .section-line h2 { padding-right: 5px !important; padding-left: 0px; font-family: "Neo Sans W01", Arial, Helvetica, sans-serif; font-size: 16px; } .col-main .std ul { padding-left: 20px; list-style-type: disc !important; } .col-main .std ol { padding-left: 15px; list-style-type: decimal !important; } .main .faehnchen { position: absolute; z-index: 99; top: 20px; left: 0px; font-family: inherit; font-size: 13px; letter-spacing: 1px; text-transform: uppercase; padding: 5px 10px 5px 10px; color: #FFF; background-color: #0071B9; } .main .faehnchen.neu, .main .faehnchen.exklusiv, .main .faehnchen.bestseller { background-color: #0071B9; } .main .faehnchen.vorfuehrware { background-color: #1b9593; } .main .faehnchen.discount { background-color: #f00000; } .main .faehnchen.bstock { background-color: #ff6600; } /* Landing Pages (Kategorien) */ .alt-bg { border-bottom: 0px none !important; } .spb_impact_text { background-image: none !important; } .lp-einleitung { padding-top: 60px !important; padding-bottom: 50px !important; margin-bottom: 40px; background: #f4f9fd !important; } .topseller-container { margin-bottom: 110px; } .lp-sortiment { padding-top: 0px !important; padding-bottom: 40px !important; background: #ffffff !important; } .lp-sortiment .left-container { text-align: left; width: 47%; padding-right: 2%; vertical-align: middle; display: inline-block; } .lp-sortiment .right-container { width: 50%; text-align: left; vertical-align: middle; display: inline-block; } .lp-testimonial { background: #0071b9 !important; margin-bottom: 40px; border: 0px none !important; } body.marquardt .lp-testimonial { background: #d0062a !important; } .lp-testimonial .left-container { text-align: left; width: 59%; vertical-align: middle; display: inline-block; color: #fff; line-height: 1.3em; font-family: "Neo Sans W01 Italic", Arial, Helvetica, sans-serif; font-size: 22px; } .lp-testimonial .right-container { width: 40%; text-align: right; vertical-align: middle; display: inline-block; } .lp-uebungen { background: #f4f9fd !important; } .lp-uebungen .left-container { text-align: left; width: 49%; vertical-align: middle; display: inline-block; } .lp-uebungen .right-container { width: 50%; text-align: left; vertical-align: middle; display: inline-block; } .lp-seminare-events { background: #ffffff !important; } .lp-seminare-events .left-container { text-align: left; width: 49%; vertical-align: middle; display: inline-block; } .lp-seminare-events .right-container { width: 50%; text-align: left; vertical-align: middle; display: inline-block; } a.lp-button { display: inline-table; padding: 17px 60px 17px 60px; cursor: pointer; font-family: "Neo Sans W01", Arial, Helvetica, sans-serif; font-size: 16px; background: #0071b9; color: #fff !important; text-transform: uppercase; } body.marquardt a.lp-button { background: #d0062a; } a.lp-button:hover { color: #fff !important; } .lp-news1 { background: #ffffff !important; } .lp-news2 { background: #f4f9fd !important; } .lp-news1 ul, .lp-news2 ul { padding-left: 0px !important; list-style-type: none !important; } .lp-news1 h4, .lp-news1 h4 a, .lp-news2 h4, .lp-news2 h4 a { color: #0071b9 !important; margin-bottom: 0px !important; } .catalog-category-view .category-description a { color: #0071b9; } body.marquardt.catalog-category-view .category-description a { color: #d0062a !important; } .catalog-category-view .category-description a:hover, body.marquardt.catalog-category-view .category-description a:hover { color: #58585a; } .catalog-category-view .col-main .block-layered-nav .accordion ul { list-style-type: disc; padding-left: 20px; margin: 15px 0 15px 15px; } .catalog-category-view .col-main .block-layered-nav .accordion li { text-align: left; border: 0px none; line-height: 1.7em; } .catalog-category-view .col-main .block-layered-nav .accordion p { margin: 0 0 1.4em; } .catalog-category-view .col-main .block-layered-nav .block-content li a { float: none !important; } .catalog-category-view .col-main h4.bluefoot-accordion-link:after { cursor: pointer; font-family: FontAwesome; width: 34px; height: 34px; font-size: 14px; text-align: center; z-index: 2; content: "\f067" } .catalog-category-view .col-main .bluefoot-accordion .bluefoot-accordion-link, .catalog-category-view .col-main .bluefoot-accordion h4.bluefoot-accordion-link { color: #58585a; } .catalog-category-view .col-main .active h4.bluefoot-accordion-link { color: #0071b9 !important; } .catalog-category-view .col-main .active h4.bluefoot-accordion-link:after { color: #0071b9 !important; content: "\f068"; } .catalog-category-view .col-main h4.bluefoot-accordion-link { font-size: 14px; font-family: "Neo Sans W01", Arial, Helvetica, sans-serif !important; } .catalog-category-view .col-main h4.bluefoot-accordion-link { padding: 10px 0 0 0; line-height: inherit; font-size: 14px; } .catalog-category-view .col-main .bluefoot-accordion .bluefoot-accordion-inner { padding: 0 40px 40px 0; border-top: 0px none; } /* Product Grid */ .pager .pages li a:hover, .pager .pages li.current, .pager .view-mode .grid:hover, .pager .view-mode .grid.grid-mode-active, .pager .view-mode .list:hover, .pager .view-mode .list.list-mode-active { background-color: #f4554f } .products-grid .tax-details { display: none !important; } .products-grid .product-name.single-line-name { font-family: "Neo Sans W01", Arial, Helvetica, sans-serif, sans-serif !important; } .products-grid .price { color: #0071b9; } body.marquardt .products-grid .price { color: #d0062a; } .products-grid .special-price .price-label { display: none !important; } .products-grid .special-price .price { color: #f00000 !important; } body.marquardt .products-grid .special-price .price { color: #d0062a !important; } .products-grid button.button span, .products-list button.button span, .add-to-cart .button.button span { background: #0071b9 !important; } body.marquardt .products-grid button.button span, body.marquardt .products-list button.button span, body.marquardt .add-to-cart .button.button span { background: #d0062a !important; } .products-grid button.button span, .products-grid button.button:hover span, .products-list button.button span, .products-list button.button:hover span, .add-to-cart .button.button span, .add-to-cart .button.button:hover span { color: #fff !important; background: #0071b9 !important; } body.marquardt .products-grid button.button span, body.marquardt .products-grid button.button:hover span, body.marquardt .products-list button.button span, body.marquardt .products-list button.button:hover span, body.marquardt .add-to-cart .button.button span, body.marquardt .add-to-cart .button.button:hover span { background: #d0062a !important; } .block-layered-nav .accordion .opener { display: inline-block !important; background: #fff; right: 0px !important; top: -6px !important; } .block-layered-nav .accordion h4.opener { text-indent: 0px !important; margin: 0 0 10px !important; text-align: left !important; width: 100%; height: auto; font-size: 16px !important; line-height: 20px !important; display: block !important; color: #0071b9 !important; font-family: "Neo Sans W01", Arial, Helvetica, sans-serif, sans-serif !important; position: relative !important; background: transparent !important; border-top: 1px solid #ccc !important; padding-top: 10px !important; } .block-layered-nav .accordion h4.opener:before { content: "" } .products-grid .actions { display: none; } .limiter a:hover, .limiter a.selected { color: #0071b9 !important; } body.marquardt .limiter a:hover, body.marquardt .limiter a.selected { color: #d0062a !important; } .limiter { margin-top: 11px !important; } .sort-by-label { margin-top: 3px !important; } .subcats h4, .subcats h4 a { color: #0071b9 !important; } .category-products li.item { background: transparent !important; } .col-main .std .category-products ul { list-style-type: none !important; } /* Produktdetailseite */ .product-view .alert-stock { background: none !important; } .product-view .product-shop .price-box { float: none !important; margin-right: 0px; margin-bottom: 10px; } .product-view .availability { margin-top: -20px; } .product-view .availability.bp { margin-top: -40px; } .product-view .werktage { padding-left: 10px; } .product-view .special-price .price { color: #f00000 !important; } body.marquardt .product-view .special-price .price { color: #d0062a !important; } .product-view .product-shop .social-link a, .product-view .product-shop .social-link a:hover { font-size: 18px; color: #1a171b !important; } .product-view .link-stock-alert a { color: #0071b9; text-decoration:none; } body.marquardt .product-view .link-stock-alert a { color: #d0062a; text-decoration:none; } .product-view .link-stock-alert a:hover, body.marquardt .product-view .link-stock-alert a:hover { color: #58585a; text-decoration:none; } .product-view .box-brand label, .product-view .sku, .product-view .social-link { font-family: "Neo Sans W01", Arial, Helvetica, sans-serif !important; } .product-view .box-brand { margin-bottom: -15px ; } .product-view .sku, .product-view .social-link { margin-bottom: -10px ; } .product-view .box-brand label, .box-brand img { display: inline-block; } .product-view .box-brand img { margin-top: -10px; } .product-view .product-options-bottom .price-box, .product-view .product-options-bottom .tax-details { display: none; } .product-view .rating-link a { font-weight: bold; } .product-view .short-description ul li { line-height: 1.5em; } .product-view .short-description .bluefoot-entity ul li { line-height: 40px; } div.alert-inner{display: inherit;bottom: auto;box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;-o-box-sizing: border-box;-ms-box-sizing: border-box;max-width: 96%;left: 0;right: 0;margin: -80px auto 0px;} div.alert-inner .alertcontent{position: initial; padding-top: 15px;} div.alert-inner a{float: none !important;cursor: pointer;margin: 5px 5px;display: inline-block;vertical-align: top;} .product-options-bottom .baseprice-box { display: none !important; } .product-view .prev-next { margin-top: 8px; float: right; } .product-view .prev-next a.prev { margin-right: 20px; display: inline-block; width: 15px; height: 21px; background: transparent url('https://www.artzt.eu/skin/frontend/neighborhood/default/images/pfeil-zurueck-grau.png') no-repeat center center; } .product-view .prev-next a.prev:hover { background: transparent url('https://www.artzt.eu/skin/frontend/neighborhood/default/images/pfeil-zurueck-blau.png') no-repeat center center; } .product-view .prev-next a.next { margin-right: 20px; display: inline-block; width: 15px; height: 21px; background: transparent url('https://www.artzt.eu/skin/frontend/neighborhood/default/images/pfeil-vor-grau.png') no-repeat center center; } .product-view .prev-next a.next:hover { background: transparent url('https://www.artzt.eu/skin/frontend/neighborhood/default/images/pfeil-vor-blau.png') no-repeat center center; } body.marquardt .product-view .prev-next a.prev:hover { background: transparent url('https://www.artzt.eu/skin/frontend/neighborhood/default/images/pfeil-zurueck-rot.png') no-repeat center center; } body.marquardt .product-view .prev-next a.next:hover { background: transparent url('https://www.artzt.eu/skin/frontend/neighborhood/default/images/pfeil-vor-rot.png') no-repeat center center; } /* Tabs */ .box-tabs .left-container { text-align: left; width: 45%; margin-right: 20px; vertical-align: top; display: inline-block; } .box-tabs .right-container { width: 50%; text-align: left; vertical-align: top; display: inline-block; } .box-tabs .accordion { padding-top: 10px; border-bottom: 1px solid #E4E4E4; } .box-tabs .accordion .opener { font-size: 14px !important; margin-top: 4px; background: transparent !important; } .box-tabs h4.bluefoot-accordion-link:after { cursor: pointer; font-family: FontAwesome; width: 34px; height: 34px; font-size: 14px; text-align: center; z-index: 2; content: "\f067" } .box-tabs .active h4.bluefoot-accordion-link { color: #0071b9 !important; } .box-tabs .active h4.bluefoot-accordion-link:after { color: #0071b9 !important; content: "\f068"; } .resp-arrow { font-size: 14px !important; } .box-tabs .accordion h4 { cursor: pointer; } .box-tabs .accordion h4, .box-tabs h4.bluefoot-accordion-link { font-size: 14px; font-family: "Neo Sans W01", Arial, Helvetica, sans-serif !important; } .box-tabs h4.bluefoot-accordion-link { padding: 10px 0 0 0; line-height: inherit; font-size: 14px; } .box-tabs .accordion h4, .box-tabs .accordion h4 .opener, .bluefoot-accordion .bluefoot-accordion-link, .bluefoot-accordion h4.bluefoot-accordion-link { color: #58585a !important; } body.marquardt .box-tabs .accordion h4, body.marquardt .box-tabs .accordion h4 .opener { color: #000000; } .box-tabs .accordion.active h4, .box-tabs .accordion .opener:hover, .box-tabs .accordion.active .opener { color: #0071b9 !important; } body.marquardt .box-tabs .accordion.active h4, body.marquardt .box-tabs .accordion .opener:hover, body.marquardt .box-tabs .accordion.active .opener { color: #d0062a !important; } .box-tabs .accordion .block-content { padding-bottom: 20px; padding-right: 40px; } .box-tabs .bluefoot-accordion .bluefoot-accordion-inner { padding: 0 40px 40px 0; border-top: 0px none; } .box-tabs .resp-tab-content ul { list-style-type: disc; padding-left: 20px; margin: 15px 0 15px 15px; } .box-tabs .resp-tab-content ol { list-style-type: decimal !important; padding-left: 20px; margin: 15px 0 15px 15px; } .box-tabs .resp-tab-content li { text-align: left; border: 0px none; line-height: 1.7em; } .box-tabs .resp-tab-content .accordion li { line-height: 1em; } .box-tabs .resp-tab-content .accordion p { margin: 0 0 1.4em; } .box-tabs .resp-tab-content a { color: #0071b9; text-decoration: none !important; } body.marquardt .box-tabs .resp-tab-content a { color: #d0062a; text-decoration: none !important; } .box-tabs .resp-tab-content a:hover { color: #58585a; text-decoration: none !important; } .box-tabs .box-reviews { margin-top: -10px; } /* Übungen in den Tabs */ .bluefoot-accordion h4.bluefoot-accordion-link:hover:after { color: #0071b9 !important; } .box-tabs .resp-tabs-container .bluefoot-accordion .bluefoot-accordion-inner { text-align: left; background: #ffffff; border-top: 0px none; padding: 15px 0px 15px 0px; } .box-tabs .resp-tabs-container .uebungen .bluefoot-accordion .bluefoot-accordion-inner { text-align: center; } .box-tabs .resp-tabs-container .bluefoot-accordion .bluefoot-accordion-inner .item { display: inline-block; margin-right: 13px; margin-bottom: 15px; } .box-tabs .resp-tabs-container .bluefoot-accordion .bluefoot-accordion-inner img { margin-bottom: 10px; } /* Kontakt */ body.contacts-index-index .button span { background-color: #0071b9 !important; } body.marquardt.contacts-index-index .button span { background-color: #ff0f2f !important; } /* CMS und funktionale Seiten */ .cms-page-view .col-main .accordion ul, .cms-page-view .col-main ul { list-style-type: disc; padding-left: 20px; margin: 15px 0 15px 15px; } .cms-page-view .col-main .accordion li, .cms-page-view .col-main li { text-align: left; border: 0px none; line-height: 1.7em; } .cms-page-view table td { padding: 10px !important; } .cms-page-view .category-products ul, .category-description .category-products ul { padding: 0px !important; margin: 0 0 0 -10px !important; } .cms-page-view .col-main a, .cms-no-route .col-main a { color: #0071b9; } body.marquardt.cms-page-view .col-main a, body.marquardt.cms-no-route .col-main a { color: #d0062a !important; } .cms-page-view .col-main a:hover, body.marquardt.cms-page-view .col-main a:hover, .cms-no-route .col-main a:hover, body.marquardt.cms-no-route .col-main a:hover { color: #58585a !important; } .page-sitemap .sitemap li { display: block !important; } .cms-page-view .accordion .columngrid li.item { height: auto !important; margin-left: 1% !important; margin-right: !important; margin-top: !important; } .cms-page-view .main .hide, .catalog-category-view .main .hide { display: none !important; } .shadow .bluefoot-column img { box-shadow: 0 8px 6px -7px #999; webkit-box-shadow: 0 8px 6px -7px #999;-moz-box-shadow: 0 8px 6px -7px #999; } /* Über Artzt */ .ueber-artzt ul { padding-left: 0px !important; list-style-type: none !important; } .ueber-artzt h4 { margin-bottom: 0px; } .ueber-artzt h4, .ueber-artzt h4 a { color: #0071b9 !important; } /* Übungen */ .practice-links { margin-top: 100px; margin-bottom: 100px; } h4.practice-link { margin: 0; } h4.practice-link a { font-size: 20px; min-height: 20px; display: block; background: #f7f7f7; padding: 20px 20px 20px 20px; border-bottom: 3px solid #fff; } .practice-links .calltoaction { float: right; } .embed-container { margin: 0 auto; } .video-max-container { max-width: 854px; max-height: 480px; margin: 0 auto; } .banner-slider { margin: 0 0 60px 0!important; padding: 0!important; } .banner-slider .slider-text { font-size: 15px; padding-left: 50px; max-width: 360px; } .banner-slider, .banner-slider li { background: #fafafa; padding:0; margin:0; list-style-type: none;} .banner-slider .slider-image, .banner-slider .slider-text { display: inline-block; vertical-align: middle; } /* Checkout */ #shopping-cart-table button.button span, #shopping-cart-table button.button:hover span, .cart .discount-form button.button span, .cart .discount-form button.button:hover span, #checkoutSteps .back-link a, #checkoutSteps .back-link a:hover { background-color: #999999 !important; } .data-table.cart-table thead th, .data-table.cart-table tbody th { padding: 11px 10px !important; } .form-list .customer-name-prefix .field + .field { float: left !important; } .sp-methods .price { font-weight: normal; color: #0071b9; } body.marquardt .sp-methods .price { color: #d0062a !important; } .sp-methods label { font-weight: bold; } #opc-login .buttons-set button span, #opc-login .buttons-set button:hover span { background: #0071b9 !important; } body.marquardt #opc-login .buttons-set button span, body.marquardt #opc-login .buttons-set button:hover span { background: #d0062a !important; } #opc-login h3 { margin-left: 0; padding-left: 0; } .opc .active .step-title { background: #0071b9 !important; } .opc .step-title .number { color: #0071b9; } body.marquardt .opc .step-title .number { color: #d0062a; } .opc .active .step-title h2,.opc .active .step-title .number { color: #fff !important; } body.marquardt .opc .active .step-title { background: #d0062a !important; } .sp-methods dt { margin: 10px 0 15px !important; } .checkout-agreements .agree label, .order-review strong { font-weight: normal; color: #0071b9; } body.marquardt .checkout-agreements .agree label, body.marquardt .order-review strong { font-weight: normal; color: #d0062a; } body.marquardt .order-review strong, body.marquardt .block-progress dd.complete .changelink a { color: #d0062a; } .order-review strong, .block-progress dd.complete .changelink a { color: #0071b9; } #checkout-review-table { background: #e1e1e1; } #checkout-review-load .data-table td, #checkout-review-load .data-table th { border-color: #fff !important;} #checkout-review-table .edit-cart { float: right; color: #000; } #checkout-review-table .edit-cart:hover { text-decoration: underline; } #checkout-progress-wrapper .block-title { text-align: left !important; } #checkout-progress-wrapper .block-title strong span { padding: 0 !important; } .sp-methods dd li { margin: -10px 0 25px 20px !important; } .ops-form-list #OPS_CC_BRAND { margin-bottom: 25px !important; } /* Login & Customer Account */ .customer-account-login .col2-set .col-1 { width: 40%; } .customer-account-login .buttons-set button span, .customer-account-login .buttons-set button span:hover { background-color: #0071b9 !important; } body.marquardt .customer-account-login .buttons-set button span, body.marquardt .customer-account-login .buttons-set button span:hover { background-color: #d9dde3 !important; } .my-account a { color: #0071b9 !important; } .my-account a:hover { text-decoration: underline !important; } body.marquardt .my-account a { color: #d0062a !important; } /* FOOTER */ .footer { text-align: left; font-family: "Neo Sans W01", Arial, Helvetica, sans-serif; font-size: 13px; } .footer-primary{padding: 27px 0px 20px 0px !important;} .footer .section-line.block-title { text-align: left; } .footer .section-line.block-title h4 { padding-top: 14px !important; padding-left: 0px; font-family: "Neo Sans W01", Arial, Helvetica, sans-serif; font-size: 15px; text-transform: uppercase; } .footer .section { border-bottom: 1px solid #fff; padding-bottom: 15px; margin-bottom: 15px; } .footer .newsletter { text-align: center; position: relative; top: 40px; } .block-subscribe input.input-text { background: #fff !important; font-family: "Neo Sans W01", Arial, Helvetica, sans-serif !important; font-size: 13px !important; } .block-subscribe button.button span { color: #0071b9 !important; } body.marquardt .block-subscribe button.button span { color: #d0062a; } .block-subscribe button.button:hover span { color: #0071b9 !important; } .footer-bottom-container .social-copyright img { display: inline; margin-right: 25px; } .footer-bottom-container ul.copyright { padding-left: 20px; } .eb-widget { margin: 10px 0px 10px 0px; position: relative; z-index: 99999; } /* ScrollToTop */ .scrolltotop { position: fixed; bottom: 20px; right: 20px; z-index: 9999; cursor: pointer; font-size: 50px; color: #bebebe !important; } .scrolltotop:focus { color: #0071b9 !important; } body.marquardt .scrolltotop:focus { color: #d0062a !important; } /* Affiliates */ .affiliate-navigation li { display: inline-block; } .affiliate-navigation li:after { content: " | "; } .affiliate-navigation li.last:after { content: ""; } .affiliateplus-account-bottom .col-button { display: inline-block; margin-right: 100px; } .affiliateplus-account-bottom .col-button button { cursor: pointer; } /* ###################################################### */ /* Responsive */ /* ###################################################### */ @media only screen and (max-width: 1041px) { .cms-page-view .products-grid .item .fancybox { display: block !important; } } @media (max-width: 1120px) { .banner-slider .slider-image, .banner-slider .slider-text { display: block !important; margin: 0 auto; } .banner-slider .slider-text { max-width: 100%; padding: 30px !important; } .banner-slider .slider-image { text-align: center; } } @media all and (min-width: 1px) and (max-width: 768px) { /* Header */ .header-container .logo img { max-width: 260px; } .logo { width: 90%; margin-left: auto !important; margin-right: auto !important; text-align: center !important; } .header-container.header4 .top-links { float: none !important; } .block_header_top_left { display: none !important; } /* Landing Pages */ .lp-sortiment .left-container, .lp-sortiment .right-container, .lp-testimonial .left-container, .lp-testimonial .right-container, .lp-uebungen .left-container, .lp-uebungen .right-container, .lp-seminare-events .left-container, .lp-seminare-events .right-container { display: block; width: 100% !important; text-align: left; } .lp-testimonial .right-container { text-align: center !important; padding-top: 30px; } .lp-shopfeatures a { display: block; width: 100%; } /* CMS-Seiten */ .cms-page-view .category-products ul, .category-description .category-products ul { margin: 0px !important; } /* Produktdetailseite */ .box-tabs .left-container { display: block; width: 100%; } .box-tabs .right-container { display: block; width: 100%; } .resp-tabs-list li:hover, h2.resp-accordion { color: #58585a !important; } body.marquardt .resp-tabs-list li:hover, body.marquardt h2.resp-accordion { color: #000000; } .resp-tabs-list li:hover, h2.resp-accordion:hover, h2.resp-tab-active { color: #0071b9 !important; } body.marquardt .resp-tabs-list li:hover, body.marquardt h2.resp-accordion:hover, body.marquardt h2.resp-tab-active { color: #d0062a !important; } .resp-tab-content .block-layered-nav { padding: 20px; background: #efefef;} .lp-testimonial .right-container { text-align: center !important; padding-top: 30px; } /* Footer */ .footer-bottom ul, .footer-bottom ul.copyright, .footer-bottom address.right { padding: 0 !important; text-align: center !important; margin: 0 auto !important; float: none !important; display: block !important; } .footer-bottom address.right { margin-top: 15px !important; margin-bottom: 15px !important; } } @media all and (min-width: 1px) and (max-width: 360px) { .banner .owl-theme .owl-controls .owl-buttons .owl-prev { left: 5px !important;} .banner .owl-theme .owl-controls .owl-buttons .owl-next { right: 5px !important;} .itemslider.owl-theme .owl-controls .owl-buttons .owl-prev { margin-left: 10px !important; } .itemslider.owl-theme .owl-controls .owl-buttons .owl-next { margin-right: 10px !important; } .footer-bottom ul, .social-copyright, .social-copyright .copy, .footer-bottom .right { width: 100%; display: block !important; float: none !important; text-align: center; margin-left: auto; margin-tigh: auto; } .cms-page-view .category-products ul, .category-description .category-products ul { margin: 0px !important; } .lp-testimonial .right-container { text-align: center !important; padding-top: 30px; } .product-view .availability {float: none; } .product-view .availability { margin-top: 5px; } .product-view .werktage { padding-left: 0px; } }