/** * 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:#b68667; 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:#b68667 !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: #b68667;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.tavolando.de/skin/frontend/tavolando/default/images/alert-icon/i_msg-error.png);color:#cb2700;} .success-msg {border-color:#27ae60;background-color:#e4f3eb;background-image:url(https://www.tavolando.de/skin/frontend/tavolando/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.tavolando.de/skin/frontend/tavolando/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 {text-align: right;} .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: #b68667;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.tavolando.de/skin/frontend/tavolando/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.tavolando.de/skin/frontend/tavolando/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.tavolando.de/skin/frontend/tavolando/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.tavolando.de/skin/frontend/tavolando/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; } */ .global-site-notice { background: #4a4a4a; color: #fff; font-size: 12px; } .global-site-notice a { color: #fff; } .global-site-notice .notice-inner { padding-left: 120px; width: 100%; max-width:1200px; margin-left: auto; margin-right: auto; line-height: 12px; min-height: 40px; padding-top: (40px - 12px) / 2; padding-bottom: (40px - 12px) / 2; /*background-image: url('https://www.tavolando.de/skin/frontend/tavolando/default/images/demo-logo.png'); background-position: left; background-repeat: no-repeat;*/ } .global-site-notice p { margin-bottom: 0; } .global-site-notice.notice-cookie { position: fixed; bottom: 0; z-index: 99; width: 100%; } .global-site-notice.notice-cookie .notice-inner { padding:10px 0; } .global-site-notice .notice-text { padding-left:0; width: 100%; float:left; } .global-site-notice .actions { padding-left:20px; width:130px; margin: 0 auto; padding:0; float: none; } .global-site-notice button.button { padding: 0; } @media only screen and (min-width: 767px) { .global-site-notice.notice-cookie .notice-inner { padding:10px 20px; } .global-site-notice.notice-cookie .notice-text { width: calc(100% - 230px); } .global-site-notice.notice-cookie .actions button.button { padding: 5px 15px; } .global-site-notice .actions { float: left; margin:0; } } /* 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: #4a4a4a;} .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.tavolando.de/skin/frontend/tavolando/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; max-width: 70%; padding: 5px 0} .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: 10px;} #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: #b68667 !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 {bottom: 0;left: 0;right: 0;bottom: 100px;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: 100px;} .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.tavolando.de/skin/frontend/tavolando/default/images/ratings.png) 0 0 repeat-x; text-indent:-999em; overflow:hidden; } .rating-box .rating { float:left; height:12px; background:url(https://www.tavolando.de/skin/frontend/tavolando/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.tavolando.de/skin/frontend/tavolando/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.tavolando.de/skin/frontend/tavolando/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.tavolando.de/skin/frontend/tavolando/default/images/default-icon/icons.png) 0 -120px no-repeat; } .alert-stock { background:url(https://www.tavolando.de/skin/frontend/tavolando/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;} /*.price-box .configurable-price-from-label {display: none}*/ /* 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: #b68667;} /* 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; height: auto !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{/*MB-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.tavolando.de/skin/frontend/tavolando/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: #b68667;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.tavolando.de/skin/frontend/tavolando/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.tavolando.de/skin/frontend/tavolando/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: #4a4a4a;} /* Footer */ .footer, .footer a, .footer .accordion .opener{color: #bebebe;} .footer a:hover{color: #b68667;} /* Footer Primary */ .footer-primary-container{ background-color: #4a4a4a; } .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.tavolando.de/skin/frontend/tavolando/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.tavolando.de/skin/frontend/tavolando/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.tavolando.de/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.tavolando.de/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.tavolando.de/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.tavolando.de/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.tavolando.de/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.tavolando.de/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.tavolando.de/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.tavolando.de/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.tavolando.de/skin/frontend/base/default/images/widgets/i_widget-link.gif) 100% 4px no-repeat; padding:0 15px 0 0; } /* ======================================================================================= */ /** * 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 */ .mbdialog img{ border:0; vertical-align:top; } .mbdialog p{ margin:0 0 10px; } .mbdialog{ color:#2f2f2f; } /*dpqzsjhiunbhfcjseepudpn*/ .mbdialog *, .mbdialog *:before, .mbdialog *:after{ /*dpqzsjhiunbhfcjseepudpn*/ box-sizing:content-box; } .mbdialog th, .mbdialog td{ vertical-align:top; } .mbdialog img{ display:inline; } .dialogBg{ background: rgba(255, 255, 255, 0.90); position:fixed; overflow-x: auto; overflow-y: scroll; z-index:99999999; left:0; top:0; bottom:0; right:0; /*visibility:hidden;*/ display:none; cursor:pointer; } .dialogBody{ overflow:hidden; text-align:left; -moz-box-shadow: 0 0 9px 0 rgba(0, 0, 0, 0.33); -webkit-box-shadow: 0 0 9px 0 rgba(0, 0, 0, 0.33); box-shadow: 0 0 9px 0 rgba(0, 0, 0, 0.33); } .mbdialog{ display:none; cursor:default; margin: 0px auto; position:absolute; z-index:99999998; -webkit-backface-visibility: hidden; } @media (max-width: 500px) { .mbdialog,.dialogBody{ -webkit-transform:translate3d(0, 0, 0); //bugfix if theme has translate3d on field behind popup } } .dialogTool{ position:relative; } .dialogClose{ position:absolute; top:-20px; right:-26px; background:url(https://www.tavolando.de/skin/frontend/base/default/images/magebird_popup/close_dark.png); background-position:5px 5px; background-repeat:no-repeat; height:26px; width:26px; cursor:pointer; z-index:99999995; } .dialogCloseCustom{ cursor:pointer; } .dialogClose.overlay2{ background:url(https://www.tavolando.de/skin/frontend/base/default/images/magebird_popup/close_white.png); background-position:5px 5px; background-repeat:no-repeat; } .dialogClose.style2{ background:url(https://www.tavolando.de/skin/frontend/base/default/images/magebird_popup/close_big.png); height:29px; width:29px; top:-15px; right:-15px; } .dialogClose.style2:hover{ background-position:0 -29px; } .dialogClose.style4,.dialogClose.style3{ background:url(https://www.tavolando.de/skin/frontend/base/default/images/magebird_popup/close_simple_white.png) no-repeat 4px 4px; height:25px; width:25px; } .dialogClose.style3{ background:url(https://www.tavolando.de/skin/frontend/base/default/images/magebird_popup/close_simple_dark.png) no-repeat 4px 4px; } .dialogClose.style6{ background:url(https://www.tavolando.de/skin/frontend/base/default/images/magebird_popup/close_big_x.png) no-repeat; top:7px; right:8px; width:20px; height:20px; } .dialogClose.style6{ background:url(https://www.tavolando.de/skin/frontend/base/default/images/magebird_popup/close_big_x_d.png) no-repeat; } .dialogClose.style7{ background:url(https://www.tavolando.de/skin/frontend/base/default/images/magebird_popup/close_transparent.png) no-repeat; } .dialogClose.style8{ background:url(https://www.tavolando.de/skin/frontend/base/default/images/magebird_popup/close_big_x.png) no-repeat; } .dialogClose.style9{ background:url(https://www.tavolando.de/skin/frontend/base/default/images/magebird_popup/close_big_x_bold.png) no-repeat; } .dialogClose.style10{ background:url(https://www.tavolando.de/skin/frontend/base/default/images/magebird_popup/close_big_x_bold_d.png) no-repeat; } .dialogClose.style11{ background:url(https://www.tavolando.de/skin/frontend/base/default/images/magebird_popup/white_circle.png) no-repeat; } .dialogClose.style6,.dialogClose.style7,.dialogClose.style8,.dialogClose.style9,.dialogClose.style10,.dialogClose.style11{ width:30px; height:30px; background-position:center; } .dialogClose.style7,.dialogClose.style11{ width:35px; height:35px; } .dialogClose.style4:hover,.dialogClose.style3:hover{ background-position:4px -17px; } .dialogClose.style1:hover{ opacity: 0.9; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=90); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=90); } .imgType img{ display:block; } .mbdialog .error, .mbdialog .warning{ border:1px solid #EED2D8; color:#B94A4A; font-size:12px; font-weight:normal; text-shadow:1px 1px #FFFFFF; background-color:#F2DDDE; -moz-border-radius: 2px; -webkit-border-radius: 2px; -o-border-radius: 2px; -ms-border-radius: 2px; -khtml-border-radius: 2px; border-radius: 2px; margin:0 15px 15px 0; padding:2px 5px; -moz-box-shadow: 0 0 9px 0 rgba(0, 0, 0, 0.33); -webkit-box-shadow: 0 0 9px 0 rgba(0, 0, 0, 0.33); box-shadow: 0 0 9px 0 rgba(0, 0, 0, 0.33); position:absolute; z-index:999999; } .mbdialog .error p, .mbdialog .warning p{ margin:4px 0; } .transform-rotate-zoom1{ -moz-transition: all 0.7s ease-in-out; -webkit-transition: all 0.7s ease-in-out; -o-transition: all 0.7s ease-in-out; -ms-transition: all 0.7s ease-in-out; transition: all 0.7s ease-in-out; -moz-transform:rotate(0deg) scale(0.001); -webkit-transform:rotate(0deg) scale(0.001); -o-transform:rotate(0deg) scale(0.001); -moz-transform:rotate(0deg) scale(0.001); -ms-transform: rotate(0deg) scale(0.001); } .transform-rotate-zoom2{ -webkit-transform: rotate(360deg) scale(1); -moz-transform: rotate(360deg) scale(1); -o-transform: rotate(360deg) scale(1); -ms-transform: rotate(360deg) scale(1); transform: rotate(360deg) scale(1); } .popuptransition{ -moz-transition: all 0.9s ease-in-out; -webkit-transition: all 0.9s ease-in-out; -o-transition: all 0.9s ease-in-out; -ms-transition: all 0.9s ease-in-out; transition: all 0.9s ease-in-out; } .transform-elastic1, .moctoddribegam{ -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; -moz-transform:scale(0.001); -webkit-transform:scale(0.001); -o-transform:scale(0.001); -moz-transform:scale(0.001); -ms-transform:scale(0.001); } .transform-elastic2{ -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -o-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); } .transform-elastic3{ -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); -ms-transform:scale(1); transform: scale(1); } .mbdialog table { border-spacing:0; border-collapse:separate; } /*FOLLOW WIDGET*/ .followPopup{ line-height:1; } .followPopup ul { list-style-type: none; padding: 0px; margin: 0px; } .followPopup li{ float:left; margin-right:10px; height:62px; overflow:hidden; width:63px; text-align:center; } .followPopup li img{ width:auto; } .followPopup.tp2 li{ height:20px; } .followPopup li.twitterFollow img,.followPopup li.pinFollow img{ margin-bottom:3px; margin-left:5px; } .followPopup.tp3 li.twitterFollow img,li.twitterTweet img, .followPopup.tp3 li.pinFollow img{ margin-bottom:3px; margin-left:0px; } .followPopup .fbLike{ min-width:48px; margin-right:2px; margin-left:-3px; } .followPopup.tp3 .fbLike{ margin-left:0px; } .followPopup .twitterTweet{ /*width:58px;*/ } .followPopup .twitterTweet{ visibility:visible !important; } .followPopup .gplusRecommend{ width:50px; } .gplusRecommend div{ vertical-align:top !important; } .followPopup .pinFollow{ min-width:59px; } .followPopup.tp3 li{ float:none; width:63px !important; margin-right:0; text-align:center; margin-bottom:10px; } /*FB like bugfix for ie*/ .fb-like.fb_iframe_widget iframe{ min-width:49px !important; min-height:61px !important; left:0; } /*END FOLLOW WIDGET*/ img.pc_lazyload.lazyblur, img.pc_lazyload.lowres { overflow:hidden; max-width:100%; position:relative; } img.lazyloaded.lazyblur { -webkit-filter: blur(0px)!important; filter: blur(0px)!important; } img.lazyloaded.lazyblur, img.lazyloaded.lowres { image-rendering: initial!important; } .search-autocomplete ul.wyomind-elasticsearch li.title, .search-autocomplete ul.wyomind-elasticsearch li.title a { padding: 6px; background-color: #f4f4f4; color: #636363; text-transform: uppercase; } .search-autocomplete ul.wyomind-elasticsearch { background-color: #fff; border: 1px solid #d5e4eb; border-bottom: 0; } .search-autocomplete ul.wyomind-elasticsearch li { padding: 0; border-bottom: 1px solid #d5e4eb; } .search-autocomplete ul.wyomind-elasticsearch li .image { float: left; margin-right: 6px; background-color: #fff; } .search-autocomplete ul.wyomind-elasticsearch li a { display: block; padding: 6px; text-decoration: none; } .search-autocomplete ul.wyomind-elasticsearch li.selected a { text-decoration: none; background-color: #ecf3f6; } .search-autocomplete ul.wyomind-elasticsearch li .price-box { margin: 0; } .search-autocomplete ul.wyomind-elasticsearch li a .price-box .minimal-price-link { padding: 0; } .search-autocomplete ul.wyomind-elasticsearch li .clearer { clear: both; } /* ******************************************************************************************** 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: #b68667;} /* 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: #b68667;background-color: #4a4a4a;} .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; } } /* * FancyBox - jQuery Plugin * Simple and fancy lightbox alternative * * Examples and documentation at: http://fancybox.net * * Copyright (c) 2008 - 2010 Janis Skarnelis * That said, it is hardly a one-person project. Many people have submitted bugs, code, and offered their advice freely. Their support is greatly appreciated. * * Version: 1.3.4 (11/11/2010) * Requires: jQuery v1.3+ * * Dual licensed under the MIT and GPL licenses: * http://www.opensource.org/licenses/mit-license.php * http://www.gnu.org/licenses/gpl.html */ /* ******************************************************************************************** Fancy Box *********************************************************************************************** */ /*.fancy.product-view{padding: 20px;}*/ .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-loading { position: fixed; top: 50%; left: 50%; margin: -22px 0 0 -22px; background: url(https://www.tavolando.de/skin/frontend/tavolando/default/ajaxcart/js/fancybox/fancybox_loading.gif) center center no-repeat #000; width: 44px; height: 44px; z-index: 9999; opacity: 0.9; border-radius: 6px; z-index: 11040; display: none; } #fancybox-loading div { position: absolute; top: 0; left: 0; width: 40px; height: 480px; /*background-image: url('https://www.tavolando.de/skin/frontend/tavolando/default/ajaxcart/js/fancybox/fancybox.png');*/ } #fancybox-overlay { position: absolute; top: 0; left: 0; width: 100%; z-index: 1100; display: none; opacity: 1 !important; 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-tmp { padding: 0; margin: 0; border: 0; overflow: auto; display: none; } #fancybox-wrap { position: absolute; top: 2000px; left: 0; padding: 0px; z-index: 1101; outline: none; display: none; background-color: #FFFFFF; border-radius: 6px; overflow: hidden; } #fancybox-outer { position: relative; width: 100%; height: 100%; /*background: #fff;*/ } #fancybox-content { width: 0; height: 0; padding: 0; outline: none; position: relative; overflow: hidden; z-index: 1102; border-width: 0px !important; } #fancybox-hide-sel-frame { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: transparent; z-index: 1101; } #fancybox-close { position: absolute; top: 27px; font-size: 30px; right: 20px; cursor: pointer; z-index: 1103; display: none; opacity: 0.2; filter: alpha(opacity=20); color: #252525; } #fancybox-close:hover{ opacity: .4; filter: alpha(opacity=40); } #fancybox-error { color: #444; font: normal 12px/20px Arial; padding: 14px; margin: 0; } #fancybox-img { width: 100%; height: 100%; padding: 0; margin: 0; border: none; outline: none; line-height: 0; vertical-align: top; } #fancybox-frame { width: 100%; height: 100%; border: none; display: block; } #fancybox-left, #fancybox-right { position: absolute; bottom: 0px; height: 100%; width: 35%; cursor: pointer; outline: none; z-index: 1102; display: none; } #fancybox-left { left: 0px; } #fancybox-right { right: 0px; } #fancybox-left-ico, #fancybox-right-ico { position: absolute; top: 50%; left: -9999px; width: 30px; height: 30px; margin-top: -15px; cursor: pointer; z-index: 1102; display: block; display: none; } #fancybox-left-ico { background-position: -40px -30px; display: none; } #fancybox-right-ico { background-position: -40px -60px; display: none; } #fancybox-left:hover, #fancybox-right:hover { visibility: visible; /* IE6 */ } #fancybox-left:hover span { left: 20px; } #fancybox-right:hover span { left: auto; right: 20px; } .fancybox-bg { position: absolute; padding: 0; margin: 0; border: 0; width: 20px; height: 20px; z-index: 1001; display: none; } #fancybox-bg-n { top: -20px; left: 0; width: 100%; display: none; /*background-image: url('https://www.tavolando.de/skin/frontend/tavolando/default/ajaxcart/js/fancybox/fancybox-x.png');*/ } #fancybox-bg-ne { top: -20px; right: -20px; display: none; /*background-image: url('https://www.tavolando.de/skin/frontend/tavolando/default/ajaxcart/js/fancybox/fancybox.png');*/ background-position: -40px -162px; } #fancybox-bg-e { top: 0; right: -20px; height: 100%; /*background-image: url('https://www.tavolando.de/skin/frontend/tavolando/default/ajaxcart/js/fancybox/fancybox-y.png');*/ background-position: -20px 0px; display: none; } #fancybox-bg-se { bottom: -20px; right: -20px; /*background-image: url('https://www.tavolando.de/skin/frontend/tavolando/default/ajaxcart/js/fancybox/fancybox.png');*/ background-position: -40px -182px; display: none; } #fancybox-bg-s { bottom: -20px; left: 0; width: 100%; /*background-image: url('https://www.tavolando.de/skin/frontend/tavolando/default/ajaxcart/js/fancybox/fancybox-x.png');*/ background-position: 0px -20px; display: none; } #fancybox-bg-sw { bottom: -20px; left: -20px; /*background-image: url('https://www.tavolando.de/skin/frontend/tavolando/default/ajaxcart/js/fancybox/fancybox.png');*/ background-position: -40px -142px; display: none; } #fancybox-bg-w { top: 0; left: -20px; height: 100%; /*background-image: url('https://www.tavolando.de/skin/frontend/tavolando/default/ajaxcart/js/fancybox/fancybox-y.png');*/ display: none; } #fancybox-bg-nw { top: -20px; left: -20px; /*background-image: url('https://www.tavolando.de/skin/frontend/tavolando/default/ajaxcart/js/fancybox/fancybox.png');*/ background-position: -40px -122px; display: none; } #fancybox-title { font-family: Helvetica; font-size: 12px; z-index: 1102; } .fancybox-title-inside { padding-bottom: 10px; text-align: center; color: #333; background: #fff; position: relative; } .fancybox-title-outside { padding-top: 10px; color: #fff; } .fancybox-title-over { position: absolute; bottom: 0; left: 0; color: #FFF; text-align: left; } #fancybox-title-over { padding: 10px; /*background-image: url('https://www.tavolando.de/skin/frontend/tavolando/default/ajaxcart/js/fancybox/fancy_title_over.png');*/ display: block; } .fancybox-title-float { position: absolute; left: 0; bottom: -20px; height: 32px; } #fancybox-title-float-wrap { border: none; border-collapse: collapse; width: auto; } #fancybox-title-float-wrap td { border: none; white-space: nowrap; } #fancybox-title-float-left { padding: 0 0 0 15px; /*background: url('https://www.tavolando.de/skin/frontend/tavolando/default/ajaxcart/js/fancybox/fancybox.png') -40px -90px no-repeat;*/ } #fancybox-title-float-main { color: #FFF; line-height: 29px; font-weight: bold; padding: 0 0 3px 0; /*background: url('https://www.tavolando.de/skin/frontend/tavolando/default/ajaxcart/js/fancybox/fancybox-x.png') 0px -40px;*/ } #fancybox-title-float-right { padding: 0 0 0 15px; /*background: url('https://www.tavolando.de/skin/frontend/tavolando/default/ajaxcart/js/fancybox/fancybox.png') -55px -90px no-repeat;*/ } /* IE6 */ .fancybox-ie6 #fancybox-close { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_close.png', sizingMethod='scale'); } .fancybox-ie6 #fancybox-left-ico { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_nav_left.png', sizingMethod='scale'); } .fancybox-ie6 #fancybox-right-ico { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_nav_right.png', sizingMethod='scale'); } .fancybox-ie6 #fancybox-title-over { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_title_over.png', sizingMethod='scale'); zoom: 1; } .fancybox-ie6 #fancybox-title-float-left { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_title_left.png', sizingMethod='scale'); } .fancybox-ie6 #fancybox-title-float-main { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_title_main.png', sizingMethod='scale'); } .fancybox-ie6 #fancybox-title-float-right { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_title_right.png', sizingMethod='scale'); } .fancybox-ie6 #fancybox-bg-w, .fancybox-ie6 #fancybox-bg-e, .fancybox-ie6 #fancybox-left, .fancybox-ie6 #fancybox-right, #fancybox-hide-sel-frame { height: expression(this.parentNode.clientHeight + "px"); } #fancybox-loading.fancybox-ie6 { position: absolute; margin-top: 0; top: expression( (-20 + (document.documentElement.clientHeight ? document.documentElement.clientHeight/2 : document.body.clientHeight/2 ) + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop )) + 'px'); } #fancybox-loading.fancybox-ie6 div { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_loading.png', sizingMethod='scale'); } /* IE6, IE7, IE8 */ .fancybox-ie .fancybox-bg { background: transparent !important; } .fancybox-ie #fancybox-bg-n { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_n.png', sizingMethod='scale'); } .fancybox-ie #fancybox-bg-ne { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_ne.png', sizingMethod='scale'); } .fancybox-ie #fancybox-bg-e { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_e.png', sizingMethod='scale'); } .fancybox-ie #fancybox-bg-se { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_se.png', sizingMethod='scale'); } .fancybox-ie #fancybox-bg-s { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_s.png', sizingMethod='scale'); } .fancybox-ie #fancybox-bg-sw { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_sw.png', sizingMethod='scale'); } .fancybox-ie #fancybox-bg-w { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_w.png', sizingMethod='scale'); } .fancybox-ie #fancybox-bg-nw { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_nw.png', sizingMethod='scale'); } /* ******************************************************************************************** Ajex Add To Cart Popup *********************************************************************************************** */ .ajaxcartpro_progress{ position: fixed; top: 50%; left: 50%; margin: -22px 0 0 -22px; background: url(https://www.tavolando.de/skin/frontend/tavolando/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.tavolando.de/skin/frontend/tavolando/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: #FFFFFF; position: absolute; top: 50%; color: #252525; 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: 10px;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: 10px;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.tavolando.de/skin/frontend/tavolando/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: 10%; top: 20%; } .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;} .slider-link .heading { color: black; font-size: 33px; } /* * 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.tavolando.de/skin/frontend/tavolando/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.tavolando.de/skin/frontend/tavolando/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.tavolando.de/skin/frontend/tavolando/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.tavolando.de/skin/frontend/tavolando/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.tavolando.de/skin/frontend/tavolando/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.tavolando.de/skin/frontend/tavolando/default/revolution_slider/assets/gridtile.png)} .tp-dottedoverlay.twoxtwowhite { background:url(https://www.tavolando.de/skin/frontend/tavolando/default/revolution_slider/assets/gridtile_white.png)} .tp-dottedoverlay.threexthree { background:url(https://www.tavolando.de/skin/frontend/tavolando/default/revolution_slider/assets/gridtile_3x3.png)} .tp-dottedoverlay.threexthreewhite { background:url(https://www.tavolando.de/skin/frontend/tavolando/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.tavolando.de/skin/frontend/tavolando/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.tavolando.de/skin/frontend/tavolando/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.tavolando.de/skin/frontend/tavolando/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.tavolando.de/skin/frontend/tavolando/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.tavolando.de/skin/frontend/tavolando/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.tavolando.de/skin/frontend/tavolando/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.tavolando.de/skin/frontend/tavolando/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.tavolando.de/skin/frontend/tavolando/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.tavolando.de/skin/frontend/tavolando/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.tavolando.de/skin/frontend/tavolando/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.tavolando.de/skin/frontend/tavolando/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.tavolando.de/skin/frontend/tavolando/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.tavolando.de/skin/frontend/tavolando/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.tavolando.de/skin/frontend/tavolando/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.tavolando.de/skin/frontend/tavolando/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.tavolando.de/skin/frontend/tavolando/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.tavolando.de/skin/frontend/tavolando/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.tavolando.de/skin/frontend/tavolando/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.tavolando.de/skin/frontend/tavolando/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.tavolando.de/skin/frontend/tavolando/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.tavolando.de/skin/frontend/tavolando/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.tavolando.de/skin/frontend/tavolando/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.tavolando.de/skin/frontend/tavolando/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.tavolando.de/skin/frontend/tavolando/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.tavolando.de/skin/frontend/tavolando/default/revolution_slider/font/revicons.eot?5510888'); src: url('https://www.tavolando.de/skin/frontend/tavolando/default/revolution_slider/font/revicons.eot?5510888#iefix') format('embedded-opentype'), url('https://www.tavolando.de/skin/frontend/tavolando/default/revolution_slider/font/revicons.woff?5510888') format('woff'), url('https://www.tavolando.de/skin/frontend/tavolando/default/revolution_slider/font/revicons.ttf?5510888') format('truetype'), url('https://www.tavolando.de/skin/frontend/tavolando/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.tavolando.de/skin/frontend/tavolando/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'; } /* '' */ /* Slider */ .slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0; } .slick-list:focus { outline: none; } .slick-list.dragging { cursor: pointer; cursor: hand; } .slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .slick-track { position: relative; top: 0; left: 0; display: block; margin-left: auto; margin-right: auto; } .slick-track:before, .slick-track:after { display: table; content: ''; } .slick-track:after { clear: both; } .slick-loading .slick-track { visibility: hidden; } .slick-slide { display: none; float: left; height: 100%; min-height: 1px; } [dir='rtl'] .slick-slide { float: right; } .slick-slide img { display: block; } .slick-slide.slick-loading img { display: none; } .slick-slide.dragging img { pointer-events: none; } .slick-initialized .slick-slide { display: block; } .slick-loading .slick-slide { visibility: hidden; } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } .slick-arrow.slick-hidden { display: none; } @charset 'UTF-8'; /* Slider */ .slick-loading .slick-list { background: #fff url('https://www.tavolando.de/skin/frontend/tavolando/default/slider/css/ajax-loader.gif') center center no-repeat; } /* Icons */ @font-face { font-family: 'slick'; font-weight: normal; font-style: normal; src: url('https://www.tavolando.de/skin/frontend/tavolando/default/slider/css/fonts/slick.eot'); src: url('https://www.tavolando.de/skin/frontend/tavolando/default/slider/css/fonts/slick.eot?#iefix') format('embedded-opentype'), url('https://www.tavolando.de/skin/frontend/tavolando/default/slider/css/fonts/slick.woff') format('woff'), url('https://www.tavolando.de/skin/frontend/tavolando/default/slider/css/fonts/slick.ttf') format('truetype'), url('https://www.tavolando.de/skin/frontend/tavolando/default/slider/css/fonts/slick.svg#slick') format('svg'); } /* Arrows */ .slick-prev, .slick-next { font-size: 0; line-height: 0; position: absolute; top: 50%; display: block; width: 20px; height: 20px; padding: 0; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); cursor: pointer; color: transparent; border: none; outline: none; background: transparent; } .slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus { color: transparent; outline: none; background: transparent; } .slick-prev:hover:before, .slick-prev:focus:before, .slick-next:hover:before, .slick-next:focus:before { opacity: 1; } .slick-prev.slick-disabled:before, .slick-next.slick-disabled:before { opacity: .25; } .slick-prev:before, .slick-next:before { font-family: 'slick'; font-size: 20px; line-height: 1; opacity: .75; color: white; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .slick-prev { left: -25px; } [dir='rtl'] .slick-prev { right: -25px; left: auto; } .slick-prev:before { content: '←'; } [dir='rtl'] .slick-prev:before { content: '→'; } .slick-next { right: -25px; } [dir='rtl'] .slick-next { right: auto; left: -25px; } .slick-next:before { content: '→'; } [dir='rtl'] .slick-next:before { content: '←'; } /* Dots */ .slick-dotted.slick-slider { margin-bottom: 30px; } .slick-dots { position: absolute; bottom: -25px; display: block; width: 100%; padding: 0; margin: 0; list-style: none; text-align: center; } .slick-dots li { position: relative; display: inline-block; width: 20px; height: 20px; margin: 0 5px; padding: 0; cursor: pointer; } .slick-dots li button { font-size: 0; line-height: 0; display: block; width: 20px; height: 20px; padding: 5px; cursor: pointer; color: transparent; border: 0; outline: none; background: transparent; } .slick-dots li button:hover, .slick-dots li button:focus { outline: none; } .slick-dots li button:hover:before, .slick-dots li button:focus:before { opacity: 1; } .slick-dots li button:before { font-family: 'slick'; font-size: 6px; line-height: 20px; position: absolute; top: 0; left: 0; width: 20px; height: 20px; content: '•'; text-align: center; opacity: .25; color: black; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .slick-dots li.slick-active button:before { opacity: .75; color: black; } /*Custom Css*/ .home-slider.slick-carousel-slider { margin-top: -15px; } .home-slider.slick-carousel-slider:hover .slick-arrow { width: 30px; height: 30px; background-color: white; border-radius: 50px; transition: all 0.2s; } .home-slider.slick-carousel-slider .slick-arrow { transition: all 0.2s; } .home-slider.slick-carousel-slider:hover .slick-arrow:before { color: black; } .slick-carousel-slider .slick-arrow:before { font-family: FontAwesome; color: transparent; } .slick-carousel-slider .slick-next { right: 20px; } .slick-carousel-slider .slick-next:before { content: "\f054"; padding-left: 4px; } .slick-carousel-slider .slick-prev { left: 20px; z-index: 9999; } .home-slider.slick-carousel-slider .slick-prev:before { content: "\f053"; padding-right: 4px; } @media screen and (min-device-width: 960px) { .home-slider.slick-carousel-slider .caption.left { position: relative; top: -25vh; left: 4vw; font-size: 40px; padding: 20px 0; border-top: 2px solid black; border-bottom: 2px solid black; background-color: rgba(181,181,181,0.4);; } .home-slider.slick-carousel-slider .caption.left h2 { font-size: 40px; padding: 0 10px; } } .slider-category-link { background-color: #252525; font-size: 16px; padding: 10px; text-align: center; margin: 20px; } .slider-category-link a.product-link { color: #FFF; } .slider-category-link a.product-link:hover { color: #FFF; } /** 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: block; 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.tavolando.de/skin/frontend/tavolando/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.tavolando.de/skin/frontend/tavolando/default/fonts/css/font-awesome/fontawesome-webfont.eot?v=4.1.0'); src: url('https://www.tavolando.de/skin/frontend/tavolando/default/fonts/css/font-awesome/fontawesome-webfont.eot?#iefix&v=4.1.0') format('embedded-opentype'), url('https://www.tavolando.de/skin/frontend/tavolando/default/fonts/css/font-awesome/fontawesome-webfont.woff?v=4.1.0') format('woff'), url('https://www.tavolando.de/skin/frontend/tavolando/default/fonts/css/font-awesome/fontawesome-webfont.ttf?v=4.1.0') format('truetype'), url('https://www.tavolando.de/skin/frontend/tavolando/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"; } /* ******************************************************************************************** Theme Fonts Kit *********************************************************************************************** */ /* Generated by Font Squirrel (http://www.fontsquirrel.com) on June 18, 2014 */ @font-face { font-family: 'dinpro-regularregular'; src: url('https://www.tavolando.de/skin/frontend/tavolando/default/fonts/css/webfonts/dinpro-regular-webfont.eot'); src: url('https://www.tavolando.de/skin/frontend/tavolando/default/fonts/css/webfonts/dinpro-regular-webfont.eot?#iefix') format('embedded-opentype'), url('https://www.tavolando.de/skin/frontend/tavolando/default/fonts/css/webfonts/dinpro-regular-webfont.woff') format('woff'), url('https://www.tavolando.de/skin/frontend/tavolando/default/fonts/css/webfonts/dinpro-regular-webfont.ttf') format('truetype'), url('https://www.tavolando.de/skin/frontend/tavolando/default/fonts/css/webfonts/dinpro-regular-webfont.svg#dinpro-regularregular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'dinpromedium'; src: url('https://www.tavolando.de/skin/frontend/tavolando/default/fonts/css/webfonts/dinpro-medium-webfont.eot'); src: url('https://www.tavolando.de/skin/frontend/tavolando/default/fonts/css/webfonts/dinpro-medium-webfont.eot?#iefix') format('embedded-opentype'), url('https://www.tavolando.de/skin/frontend/tavolando/default/fonts/css/webfonts/dinpro-medium-webfont.woff') format('woff'), url('https://www.tavolando.de/skin/frontend/tavolando/default/fonts/css/webfonts/dinpro-medium-webfont.ttf') format('truetype'), url('https://www.tavolando.de/skin/frontend/tavolando/default/fonts/css/webfonts/dinpro-medium-webfont.svg#dinpromedium') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'dinprolight'; src: url('https://www.tavolando.de/skin/frontend/tavolando/default/fonts/css/webfonts/dinpro-light-webfont.eot'); src: url('https://www.tavolando.de/skin/frontend/tavolando/default/fonts/css/webfonts/dinpro-light-webfont.eot?#iefix') format('embedded-opentype'), url('https://www.tavolando.de/skin/frontend/tavolando/default/fonts/css/webfonts/dinpro-light-webfont.woff') format('woff'), url('https://www.tavolando.de/skin/frontend/tavolando/default/fonts/css/webfonts/dinpro-light-webfont.ttf') format('truetype'), url('https://www.tavolando.de/skin/frontend/tavolando/default/fonts/css/webfonts/dinpro-light-webfont.svg#dinprolight') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'dinprobold'; src: url('https://www.tavolando.de/skin/frontend/tavolando/default/fonts/css/webfonts/dinpro-bold-webfont.eot'); src: url('https://www.tavolando.de/skin/frontend/tavolando/default/fonts/css/webfonts/dinpro-bold-webfont.eot?#iefix') format('embedded-opentype'), url('https://www.tavolando.de/skin/frontend/tavolando/default/fonts/css/webfonts/dinpro-bold-webfont.woff') format('woff'), url('https://www.tavolando.de/skin/frontend/tavolando/default/fonts/css/webfonts/dinpro-bold-webfont.ttf') format('truetype'), url('https://www.tavolando.de/skin/frontend/tavolando/default/fonts/css/webfonts/dinpro-bold-webfont.svg#dinprobold') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'dinproblack'; src: url('https://www.tavolando.de/skin/frontend/tavolando/default/fonts/css/dinpro-black-webfont.eot'); src: url('https://www.tavolando.de/skin/frontend/tavolando/default/fonts/css/dinpro-black-webfont.eot?#iefix') format('embedded-opentype'), url('https://www.tavolando.de/skin/frontend/tavolando/default/fonts/css/dinpro-black-webfont.woff') format('woff'), url('https://www.tavolando.de/skin/frontend/tavolando/default/fonts/css/dinpro-black-webfont.ttf') format('truetype'), url('https://www.tavolando.de/skin/frontend/tavolando/default/fonts/css/dinpro-black-webfont.svg#dinproblack') format('svg'); font-weight: normal; font-style: normal; } /* ******************************************************************************************** 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;} .block-amseorichdata { margin: 20px 0 10px; clear: both; } .block-amseorichdata .block-content { padding: 7px 7px; } .meanbee-infinitescroll-busy { padding: 20px; text-align: center; } .meanbee-infinitescroll-showall { text-align: right; display: block; width: 100%; }