/** * 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:300 14px/20px 'Roboto', Arial, Helvetica, sans-serif; color:#555555; text-align:center;} img { border:0; vertical-align:top; max-width:100%; } a { color:#555555; text-decoration:none; } a:hover { text-decoration:none; color:#1bbeb4; } :focus { outline:0; } html { font-size:16px} /* Base */ ::-moz-selection { background: #555555; color: #fff; text-shadow: none; } ::selection { background: #555555; color: #fff; text-shadow: none; } /* Headings */ h1,h2,h3, h4,h5,h6 { margin:0 0 10px; 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 !important; } .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-weight: 300;font-size: 14px;font-family: 'Roboto', 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:#252525; 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: #1bbeb4 !important;color: #FFFFFF !important;} button.btn-checkout:hover span, button.btn-cart:hover span, div.alert-inner a.cart:hover, .account-login .buttons-set button:hover span, #opc-login .buttons-set button:hover span{ background-color:#1bbeb4 !important; color:#FFFFFF !important; } /* Button Medium */ button.button span span { padding: 11px 20px; float: none;white-space: normal;} button.button.btn-medium span span{padding: 11px 20px;} /* Button Small */ button.button.btn-inline span span { padding:6px 15px;} button.button.btn-small span span{padding: 6px 20px;} /* Button Large */ button.button.btn-large span span{padding: 14px 20px;font-size: 16px;} /* Perticular Buttons */ .account-login .buttons-set button span span, .opc .buttons-set button span span, .account-create .buttons-set button span span, .customer-account-forgotpassword .buttons-set button span span, #oar_widget_orders_and_returns_form .buttons-set button span span, .contacts-index-index .buttons-set .button span span{min-width: 120px;} /* ******************************************************************************************** Quantity Box *********************************************************************************************** */ .quantity_counter{width: 114px;display: inline-block;text-align: center;border-style: solid;border-color: #E4E4E4;border-width: 0px;border-right-width: 1px;border-bottom-width: 1px;} .quantity_counter *{float: left;} .quantity_counter input.qty{margin: 0px 0px;border-style: solid;border-left-width: 1px;border-right-width: 1px;border-bottom: none;border-top: none;width: 38px !important;border-color: #E4E4E4;height: 39px;} .quantity_counter a{text-align: center;background-color: #F0F0F0;border-radius: 0;box-shadow: none;width: 38px;height: 31px;padding: 4px 0;font-size: 20px;line-height: 30px;font-weight: bold;} .quantity_counter a:hover{background-color: #1bbeb4;color: #FFF;} /* ******************************************************************************************** Default Margin *********************************************************************************************** */ /* Margin Top */ .martop0{margin-top: 0px !important;} .martop5{margin-top: 5px !important;} .martop10{margin-top: 10px !important;} .martop15{margin-top: 15px !important;} .martop20{margin-top: 20px !important;} .martop25{margin-top: 25px !important;} .martop30{margin-top: 30px !important;} .martop35{margin-top: 35px !important;} .martop40{margin-top: 40px !important;} .martop45{margin-top: 45px !important;} .martop50{margin-top: 50px !important;} /* Margin Bottom */ .marbot0{margin-bottom: 0px !important;} .marbot5{margin-bottom: 5px !important;} .marbot10{margin-bottom: 10px !important;} .marbot15{margin-bottom: 15px !important;} .marbot20{margin-bottom: 20px !important;} .marbot25{margin-bottom: 25px !important;} .marbot30{margin-bottom: 30px !important;} .marbot35{margin-bottom: 35px !important;} .marbot40{margin-bottom: 40px !important;} .marbot45{margin-bottom: 45px !important;} .marbot50{margin-bottom: 50px !important;} /* Margin Left */ .marleft0{margin-left: 0px !important;} .marleft5{margin-left: 5px !important;} .marleft10{margin-left: 10px !important;} .marleft15{margin-left: 15px !important;} .marleft20{margin-left: 20px !important;} .marleft25{margin-left: 25px !important;} .marleft30{margin-left: 30px !important;} .marleft35{margin-left: 35px !important;} .marleft40{margin-left: 40px !important;} .marleft45{margin-left: 45px !important;} .marleft50{margin-left: 50px !important;} /* Margin Right */ .marright0{margin-right: 0px !important;} .marright5{margin-right: 5px !important;} .marright10{margin-right: 10px !important;} .marright15{margin-right: 15px !important;} .marright20{margin-right: 20px !important;} .marright25{margin-right: 25px !important;} .marright30{margin-right: 30px !important;} .marright35{margin-right: 35px !important;} .marright40{margin-right: 40px !important;} .marright45{margin-right: 45px !important;} .marright50{margin-right: 50px !important;} p.control input.checkbox, p.control input.radio { margin-right:6px; } /* Form Highlight */ /*input.input-text:focus,select:focus,textarea:focus {}*/ /*.highlight { background:#efefef; }*/ /* ******************************************************************************************** Form lists *********************************************************************************************** */ /* Grouped fields */ .form-list li { margin:0 0 20px; } .form-list label { float:left;position:relative; z-index:0;margin: 0 0 8px 0;padding-right: 5px;} .form-list label.required {} .form-list label.required em { float:right;font-style:normal;top:0;right:-8px;position:absolute; } .form-list li.control label { float:none; } .form-list li.control input.radio, .form-list li.control input.checkbox { margin-right:6px; } .form-list li.control .input-box { clear:none; display:inline; width:auto; } /*.form-list li.fields { margin-right:-15px; }*/ .form-list .input-box { display:block; clear:both; } .form-list .field { float:left; width: 49%;margin-bottom:8px; } .form-list .field + .field{float: right;} .form-list input.input-text { width: 100%;} .form-list textarea { width: 100%; height:10em; } .form-list select { width: 100%; } .form-list li.additional-row { border-top:1px solid #E4E4E4; margin-top:10px; } .form-list li.additional-row .btn-remove { float:right; margin:5px 0 0; } .form-list .input-range input.input-text { width:74px; } /* Customer */ .form-list .customer-name-prefix .input-box, .form-list .customer-name-suffix .input-box, .form-list .customer-name-prefix-suffix .input-box, .form-list .customer-name-prefix-middlename .input-box, .form-list .customer-name-middlename-suffix .input-box, .form-list .customer-name-prefix-middlename-suffix .input-box { width:auto; } .form-list .name-prefix { width:65px; } .form-list .name-prefix select { width:55px; } .form-list .name-prefix input.input-text { width:49px; } .form-list .name-suffix { width:65px; } .form-list .name-suffix select { width:55px; } .form-list .name-suffix input.input-text { width:49px; } .form-list .name-middlename { width:70px; } .form-list .name-middlename input.input-text { width:49px; } .form-list .customer-name-prefix-middlename-suffix .name-firstname, .form-list .customer-name-prefix-middlename .name-firstname { width:140px; } .form-list .customer-name-prefix-middlename-suffix .name-firstname input.input-text, .form-list .customer-name-prefix-middlename .name-firstname input.input-text { width:124px; } .form-list .customer-name-prefix-middlename-suffix .name-lastname { width:205px; } .form-list .customer-name-prefix-middlename-suffix .name-lastname input.input-text { width:189px; } .form-list .customer-name-prefix-suffix .name-firstname { width:210px; } .form-list .customer-name-prefix-suffix .name-lastname { width:205px; } .form-list .customer-name-prefix-suffix .name-firstname input.input-text, .form-list .customer-name-prefix-suffix .name-lastname input.input-text { width:189px; } .form-list .customer-name-prefix .name-firstname, .form-list .customer-name-middlename .name-firstname { width:210px; } .form-list .customer-name-suffix .name-lastname, .form-list .customer-name-middlename .name-firstname, .form-list .customer-name-middlename-suffix .name-firstname, .form-list .customer-name-middlename-suffix .name-lastname { width:205px; } .form-list .customer-name-prefix .name-firstname input.input-text, .form-list .customer-name-suffix .name-lastname input.input-text, .form-list .customer-name-middlename .name-firstname input.input-text, .form-list .customer-name-middlename-suffix .name-firstname input.input-text, .form-list .customer-name-middlename-suffix .name-lastname input.input-text { width:189px; } .form-list .customer-dob .dob-month, .form-list .customer-dob .dob-day, .form-list .customer-dob .dob-year { float:left; width:85px; } .form-list .customer-dob input.input-text { display:block; width:74px; } .form-list .customer-dob label { font-size:10px; font-weight:normal; } .form-list .customer-dob .dob-day, .form-list .customer-dob .dob-month { width:60px; } .form-list .customer-dob .dob-day input.input-text, .form-list .customer-dob .dob-month input.input-text { width:46px; } .form-list .customer-dob .dob-year { width:140px; } .form-list .customer-dob .dob-year input.input-text { width:134px; } /* Buttons set */ .buttons-set { clear:both; margin:10px 0; } .buttons-set .back-link { float:left; margin-bottom:5px; } .buttons-set .back-link a, div.alert a{display: block;padding: 9px 20px;font-size: 14px;text-align: center;white-space: normal;max-width: 100%;box-sizing: border-box;float: none;border-bottom: 1px solid #E4E4E4;} .buttons-set .back-link a{background-color: #F0F0F0;color: #252525;} .buttons-set .back-link a:hover{background-color: #1bbeb4;color: #FFF;} .buttons-set .back-link small {display:inline-block;margin-right:5px;} .buttons-set .back-link:hover small {} .buttons-set button.button { float:right; margin-right:5px; margin-bottom:5px; } .buttons-set p.required { margin:0 5px 5px 0; } .contacts-index-index .buttons-set {margin: 0px; margin-top:-10px; } .contacts-index-index .buttons-set button.button{float: left;margin: 0px;} .contacts-index-index .buttons-set .required { text-align:right; } /* Orders and Returns form */ #oar_widget_orders_and_returns_form .buttons-set button { float: left; } #oar_widget_orders_and_returns_form .buttons-set .required { text-align: left; } #oar_widget_orders_and_returns_form .form-list input.input-text, #oar_widget_orders_and_returns_form .form-list select{width: 100% !important;} /* Fieldset */ .fieldset, .multiple-checkout .col2-set, .multiple-checkout .col3-set, .info-set {margin:0 0 20px;} .fieldset .legend, .multiple-checkout .col2-set h2.legend, .info-set h2.legend {margin-bottom: 20px;} /* Form Validation */ .validation-advice { clear:both; color:#cb2700; margin-top:5px; } .validation-failed { border:1px solid #cb2700 !important; background:#fff !important; } .validation-passed {} p.required { font-size:12px;text-align:right; } p.required, .product-options dt label.required em, .form-list label.required em { color:#f00; } /* Expiration date and CVV number validation fix */ .v-fix { float:left; } .v-fix .validation-advice { display:block; width:12em; margin-right:-12em; position:relative; } /* ******************************************************************************************** Global Messages *********************************************************************************************** */ .success { color:#27ae60; font-weight: bold; } .error { color:#cb2700; font-weight: bold; } .notice { color:#2980b9; } .messages, .messages ul { list-style:none !important; margin:0; padding:0; } .messages { overflow:hidden; margin:0 0 10px; } .messages li { margin:0 0 20px; } .messages li li { margin:0; } .messages a { text-decoration:underline; } .error-msg, .success-msg, .note-msg, .notice-msg { background-position: 20px center !important;background-repeat: no-repeat !important;padding: 26px 25px 26px 70px !important;margin-bottom: 20px;font-size: 14px;} .error-msg {border-color:#cb2700;background-color:#f8e9e8;background-image:url(https://www.unopiu.com/skin/frontend/unpsa/default/images/alert-icon/i_msg-error.png);color:#cb2700;} /*.success-msg {border-color:#27ae60;background-color:#e4f3eb;background-image:url(https://www.unopiu.com/skin/frontend/unpsa/default/images/alert-icon/i_msg-success.png);color:#27ae60;}*/ .success-msg {border-color:#27ae60;background-color:#DDDDDD;} .note-msg, .notice-msg {border-color: #2980b9;background-color: #e6f1f8;background-image: url(https://www.unopiu.com/skin/frontend/unpsa/default/images/alert-icon/i_msg-note.png);color: #2980b9;} /* ******************************************************************************************** BreadCrumbs *********************************************************************************************** */ .breadcrumbs{float: left;width: 100%;margin-bottom: 10px;} .breadcrumbs li {display: inline-block; font-size: 11px;} .breadcrumbs a {} .breadcrumbs li span {width:7px;height:5px;margin:6px 6px 0;overflow:hidden;} .breadcrumbs li strong { display:block; } /* ******************************************************************************************** Page Heading *********************************************************************************************** */ .page-title { margin-bottom:20px; } .page-title h1, .page-title h2 {margin-bottom: 0;font-size: 24px;line-height: 34px;font-weight: normal;} .page-title .separator { margin:0 3px; } .page-title .separator, .page-title .link-reorder, .page-title .link-rss, .page-title .link-print { font-weight:normal; display:inline-block; margin-top:10px; } .page-title .link-rss { float:right; margin-top:15px; } .title-buttons { text-align:right; } .title-buttons button { margin-left:1em; } .title-buttons h1, .title-buttons h2, .title-buttons h3, .title-buttons h4, .title-buttons h5, .title-buttons h6 { float:left;text-align:left;line-height: 36px;} /* ******************************************************************************************** Toolbar *********************************************************************************************** */ .toolbar {position:relative;} /* Pager */ .pager { } .pager .pages {display: inline-block;vertical-align:middle; } .pager .pages strong, .pager .pages span { float:left; margin-right:5px; font-weight:normal; } .pager .pages ol { display:inline-block; vertical-align:middle; } .pager .pages li {float: left;line-height: 16px;text-align: center;border: 1px solid #E4E4E4;} .pager .pages li a {padding: 0px;display: block;} .pager .pages li a, .pager .pages li.current{padding: 11px 16px;} .toolbar .pager {border-top: 1px solid #E4E4E4;text-align: right;padding: 0px;margin: 15px 0 0% 0;padding-top: 15px;} .category-products .toolbar .pager{margin-bottom: -2%;} .toolbar .pager .pages { } /* Pager Hover Elements */ .pager .pages li a, .pager .view-mode .grid, .pager .view-mode .list{background-color: #F0F0F0;} .pager .pages li a:hover, .pager .pages li.current .pager .pages li a:hover, .pager .pages li.current, .pager .view-mode .grid:hover, .pager .view-mode .grid.grid-mode-active, .pager .view-mode .list:hover, .pager .view-mode .list.list-mode-active{background-color: #1bbeb4;color: #FFF;} /* View mode */ .pager .view-mode { /*margin-right: 20px; */} .pager .view-mode label { margin-left: 5px; } .pager .view-mode .grid, .pager .view-mode .list {vertical-align: middle;display: inline-block;font-family: FontAwesome;width: 40px;height: 40px;text-align: center;line-height: 40px;font-size: 21px;font-weight: normal;} /* Amount */ .pager .amount, .sorter .amount { float:left;margin-bottom: 5px;} /* vertical spacing */ .sorter .item-left, .pager .item-left, .sorter .item-right, .pager .pages{padding-top:5px;padding-bottom:5px; } /*Item Elements*/ .sorter .item-left, .pager .item-left{float: left;text-align: left;} .sorter .item-right{float: right;} /* Limiter */ .pager .limiter{clear: both;} .sorter .limiter { clear: both;} /*Style limiter*/ .limiter a{padding: 0 2px;} .limiter a:last-child > span{display: none;} .limiter a, .limiter span.sep{color: #666666;} .limiter a:hover, .limiter a.selected{color: #1bbeb4;} /*Style Sort By*/ .sort-by select{max-width: 100%;width: auto;padding-right: 70px;margin: 0px 5px 0px 20px;} .sort-by select, .sort-by a{display: inline-block;vertical-align: middle;cursor: pointer;} /* Toolbar Bottom */ .toolbar-bottom {clear: both;width: 100%;margin-top: 3%;} .toolbar-bottom .toolbar { } .toolbar-bottom .toolbar .pager {margin-bottom: 0%;} .toolbar-bottom .toolbar .pager .pages{} .toolbar-bottom .sorter {display: none;} /* ******************************************************************************************** Data Table *********************************************************************************************** */ .data-table { width:100%; } .data-table thead { background:none; } .data-table thead th{padding: 12px 20px;border-top-width: 1px;} .data-table thead th, .data-table tbody th{ vertical-align: middle;} .data-table thead th.wrap { white-space:normal; } .data-table th, .data-table td { padding:30px 20px;border-width: 0px; border-bottom-width: 1px;border-style: solid;border-color: #E4E4E4;text-align: left !important;} .data-table th .tax-flag { font-weight:normal; } .data-table tfoot tr td{text-align: right !important;} .data-table tfoot tr.last td{border-bottom: none;} .data-table tfoot td.last{border-right: none;text-align: left !important;} .data-table tfoot tr.last td strong{} /* Responsive Tile*/ .data-table .cartlabel { display:none; } /* ******************************************************************************************** Generic Info Box *********************************************************************************************** */ .info-box { background:#fff url(https://www.unopiu.com/skin/frontend/unpsa/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.unopiu.com/skin/frontend/unpsa/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.unopiu.com/skin/frontend/unpsa/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.unopiu.com/skin/frontend/unpsa/default/images/alert-icon/i_msg-note.png) 20px center no-repeat; text-align:left; } .global-site-notice .notice-inner p { width:80%; margin:0; padding:10px 10px 10px 0; display:inline-block; vertical-align:middle; } .global-site-notice .notice-inner .actions { display:inline-block; vertical-align:middle; } /* Cookie Notice */ .notice-cookie {} /* Noscript Notice */ .noscript {} /* Demo Notice */ .demo-notice { margin:0; padding:6px 10px; background:#d75f07; font-size:12px; line-height:1.15; border:0; text-align:center; color:#fff; } .demo-notice .notice-inner { width:auto; padding:0; background:none; text-align:center; } .demo-notice .notice-inner p { padding:0; border:0; } /* ******************************************************************************************** Lists *********************************************************************************************** */ /* Unordered lists */ ul.bullet, ul.disc, ul.list{ margin:0 0 1em; padding:0; } /* Bullet */ ul.bullet { list-style:none outside none; } ul.bullet li a:after{float: right;font-family: FontAwesome;} /* Disc */ ul.disc { list-style:disc outside none; padding-left:1.5em; } ul.disc li { background-image:none; padding-left:0; } /*List*/ ul.list{list-style:none outside none; } ul.list li { background-image:none; padding-left:0; } /* Nested unordered lists */ ul.bullet ul, ul.disc ul, ul.list ul{ margin-top:0.5em; margin-bottom:0.5em; } ul.bullet li a, ul.disc li a, ul.list li a{display: block;padding: 3px 0px;} ol.ordered-list li a{display: block;padding: 3px 0px;} /* Separator */ ul .separator {border-bottom:1px solid #E4E4E4;margin:8px 1px;overflow:hidden;} ul.separator li a{padding: 6px 0px;border-bottom: 1px solid #444444;} ul.separator li:last-child a, ul.separator li.last a{border-bottom: none;} ul.separator li.first a{padding-top: 0px;} /* ******************************************************************************************** Custom banners *********************************************************************************************** */ .page-banners .banner a { display:block; } .page-banners .banner a img { display:block; margin:0 auto; } .page-banners .banner { margin-bottom:2%; text-align: center;} .page-banners .banner.last{margin-bottom:0px;} .page-banners .banner p{text-align: left;} /* ******************************************************************************************** Bannerslider Block *********************************************************************************************** */ .slider-banners {-webkit-backface-visibility: hidden; margin-bottom:0.1%;} .slider-banners .banner {margin-bottom:2%; text-align: center; position:relative;} .slider-banners .banner.last{margin-bottom:0px;} .slider-banners a.banner, .slider-banners .banner a { display:block; } /* ******************************************************************************************** Category Top Banner Elements *********************************************************************************************** */ .category-block-section{clear: both;} .landing-page {} .horizontal-section, .vertical-section { display:block; margin-top:0; margin-bottom:20px; position:relative; } .horizontal-section {} .landing-page .center-block { display:block; margin:0 auto; } /* Templete Width */ .content-width .horizontal-section, .content-width .vertical-section{margin-bottom:40px;} .full-width .horizontal-section, .full-width .vertical-section{margin-bottom: 0px;float: left;width: 100%;} /* ******************************************************************************************** Header container *********************************************************************************************** */ /*.header-container {background-color: #FFFFFF;left: 0;right: 0;z-index: 999;position: relative;-moz-box-shadow:0 3px 5px rgba(0,0,0,.05);-webkit-box-shadow:0 3px 5px rgba(0,0,0,.05);box-shadow:0 3px 5px rgba(0,0,0,.05);}*/ .header-container {background-color: #FFFFFF;left: 0;right: 0;z-index: 999;position: relative;} .header{font-size: 11px;} .header .item-left{float: left;margin-right: 15px;} .header .item-right{float: right;margin-left: 15px;} /* Header Top */ .header-top-container{background-color: #252525;} .header-top, .header-top a{color: #999999;line-height: 30px;} /* Social Link */ .header .social-link a{font-size: 15px;margin-left: 10px;margin-right: 0px;} .header .social-link a:hover{opacity: 0.7;} .header .social-link a:hover span{background-color: transparent !important;} /* Header Primary */ .header-primary-container{} .header-primary{padding: 33px 0px;} .header .dropdown{float: left;} .header .dropdown .dropdown-toggle{background-color: transparent !important;} .top-links{float: right;} /* logo */ .logo {text-align: center;} .logo strong{display:none;} /* Mini Cart =============================================================== */ .shopping_cart {float:right;} .after-mini-cart { clear:both; } /* Mini Cart Title */ .shopping_cart .dropdown-toggle .summary{} .shopping_cart .dropdown-toggle span.price {} .shopping_cart .dropdown-toggle .amount {} .shopping_cart .dropdown-toggle .subtotal {} /*.shopping_cart .icon-cart{background: transparent url('https://www.unopiu.com/skin/frontend/unpsa/default/images/shopping_bag_icon.png') no-repeat top left;margin-right: 3px;width: 14px;height: 16px;vertical-align: -4px;} */ /* Mini Cart Content */ .shopping_cart .dropdown-menu .bag-header{font-size: 16px;padding: 15px;border-bottom: 1px solid #E4E4E4;} .shopping_cart .dropdown-menu .mini-products-list li{padding: 15px !important;border-bottom: 1px solid #E4E4E4;} .shopping_cart .mini-products-list .product-name{padding-right: 50px;font-weight: bold;font-size: 12px;line-height: 20px;} .shopping_cart .dropdown-menu a{padding: 0px;background-color: transparent !important;} .shopping_cart .dropdown-menu .inner {} .shopping_cart .dropdown-menu .incl-tax { display:block; padding-bottom:10px; text-align:right; } .shopping_cart .dropdown-menu .empty { padding:0px 0; } .shopping_cart .block-subtitle{font-size: 15px;margin-bottom: 10px;} .shopping_cart .dropdown-menu .price{font-weight: normal;font-size: 14px;} .shopping_cart .button-set{position: absolute;top: 17px;right: 15px;} .shopping_cart .btn-remove, .shopping_cart .btn-edit { margin: 0 5px;line-height: normal;} .shopping_cart .subtotal{text-align: left;padding: 14px 0px;clear: both;margin-top: 14px;float: left;width: 100%;display: none;} .shopping_cart .subtotal .label{} .shopping_cart .subtotal .price{color: #1bbeb4;} .shopping_cart .actions{text-align: center;padding: 15px;clear: both;} .shopping_cart .actions button{width: 100%;} .shopping_cart .actions button.btn-checkout{margin-top: 10px;} .shopping_cart .actions button span{float: none;text-align: left;font-size: 13px;} .shopping_cart .actions button span span{} .shopping_cart .truncated { margin-left:0px; } /* Wishlist =============================================================== */ .wishlist{float: right;} /* Wishlist Title */ .wishlist .icon-wishlist{margin-right: 2px;} /* Wishlist content */ .wishlist .dropdown-menu .bag-header{font-size: 16px;padding: 15px;border-bottom: 1px solid #E4E4E4;} .wishlist .dropdown-menu a{background-color: transparent !important;} .wishlist .dropdown-menu .mini-products-list li{padding: 15px !important;border-bottom: 1px solid #E4E4E4;} .wishlist .mini-products-list .product-name{padding-right: 20px;font-weight: bold;font-size: 12px;line-height: 20px;} .wishlist .btn-remove{position: absolute;top: 19px;right: 15px;line-height: normal;text-align: right;} .wishlist .mini-products-list .price-box p{margin-top: 0px;font-size: 14px;} .wishlist .actions{text-align: center;padding: 15px;clear: both;} .wishlist .actions button{width: 100%;} .wishlist .actions button span{float: none;text-align: left;font-size: 13px;} /* Form Search =============================================================== */ .quick-search{float: right;} #search_mini_form { clear:both; display:block; } .form-search { position:relative;z-index: 1; } .form-search label { float:left; margin:3px 4px 0 0; display:none; } .form-search .input-text {width: 100%;display: block;height:56px;line-height:56px\9;padding:0px 10px; overflow:hidden;text-overflow:ellipsis;border: none;background-color: transparent !important;} /* Button */ .form-search .button {display: block;line-height: 44px;} .form-search button.button span {border-bottom: none;background-color: transparent !important;color: #252525;} .form-search button.button span i{} .form-search:hover .button span {background-color: transparent !important;color: #1bbeb4;} .form-search .button span span { background:none; display:none; } /* Search autocomplete */ .form-search .search-autocomplete {left:0 !important; /*Fix for IE*/top:100% !important;position:relative;z-index:4100 !important;} .form-search .search-autocomplete ul {background-color:#fff;text-align:left;padding:3px;} .form-search .search-autocomplete li {padding:3px 5px;cursor:pointer;line-height: 24px; } .form-search .search-autocomplete li:hover {} .form-search .search-autocomplete li .amount { float:right; padding-left:5px; } /* Nav Maincontainer =============================================================== */ .navmain-container{float: left;width: 100%;border-style: solid;border-color: #E4E4E4;border-width: 0px;border-top-width: 1px;-webkit-backface-visibility: hidden;-o-backface-visibility: hidden;} .nav-container.template{float: none;display: inline-block;clear: both;vertical-align: middle;} .nav{position: relative;} .nav *{} /* Sticy Header */ .navmain-container.fixed{z-index: 9999;left: 0;right: 0px;margin: 0 auto;opacity: 1;position: fixed;top: 0px;border-bottom: 1px solid #E4E4E4;border-top: none;background-color: #FFFFFF !important;} .header-primary-container.fixed .header-primary{padding: 0px;background-color: transparent !important;} /* Multiple Header =============================================================== */ /* Header Style 2 */ .header-container.header2 .logo{text-align: left;} .header-container.header2 .dropdown {float: right;} .header-container.header2 .currency.dropdown, .header-container.header2 .language.dropdown{border-left-width: 0px;border-right-width: 1px;} /* Header Style 3 */ .header-container.header3 .logo{text-align: right;} .header-container.header3 .top-links {float: left;} .header-container.header3 .currency.dropdown, .header-container.header3 .language.dropdown{border-left-width: 0px;border-right-width: 1px;} /* Header Style 4 */ .header-container.header4 .header-primary-container{background-color: transparent;} .header-container.header4 .navmain-container{border-top-width: 0px;} .header-container.header4 .logo{text-align: left;} .header-container.header4 .header-primary .dropdown{float: right;font-size: 14px;} .header-container.header4 .currency.dropdown, .header-container.header4 .language.dropdown{border-left-width: 0px;} .header-container.header4 .currency.dropdown .dropdown-toggle, .header-container.header4 .language.dropdown .dropdown-toggle, .header-container.header4 .links > li > a{line-height: 30px;} .header-container.header4 .language .dropdown-menu a, .header-container.header4 .currency .dropdown-menu a{line-height: 20px;} .header-container.header4 .mega-container{width: auto;float: right;} .header-container.header4 .nav-container{width: auto;float: right;} /* Header Style 5 */ .header-container.header5 .header-primary-container{background-color: transparent;} .header-container.header5 .navmain-container{border-top-width: 0px;} .header-container.header5 .logo{text-align: right;} .header-container.header5 .header-primary .dropdown{float: left;font-size: 14px;} .header-container.header5 .currency.dropdown, .header-container.header5 .language.dropdown{border-left-width: 0px;} .header-container.header5 .currency.dropdown .dropdown-toggle, .header-container.header5 .language.dropdown .dropdown-toggle, .header-container.header5 .links > li > a{line-height: 30px;} .header-container.header5 .language .dropdown-menu a, .header-container.header5 .currency .dropdown-menu a{line-height: 20px;} .header-container.header5 .mega-container{width: auto;float: left;} .header-container.header5 .nav-container{width: auto;float: left;} /* ******************************************************************************************** Sidebar *********************************************************************************************** */ /* Blocks */ .block { margin:0 0 35px;} .block .block-title {} .block .block-title strong {font-weight: normal;display: block;} .block .block-title strong span{} .block .block-title a { text-decoration:none !important; } .block .block-subtitle { margin:0px 0 15px; padding:0; } .block .block-content { /*padding: 20px 20px 40px;*/ } .block .block-content li{border-bottom: 1px solid #E4E4E4;padding: 7px 0px; width:100%; float:left;} .block .block-content li.item { padding: 8px 0;margin: 0px;} .block .block-content li:first-child{padding-top: 0px;} .block .block-content li.last, .block .block-content li:last-child{padding-bottom: 0px;border-bottom: none;} .block .block-content .mini-products-list li.item{padding: 10px 0px;border-bottom: none;} .block .block-content .mini-products-list li.item:first-child{padding-top: 0px;} .block .block-content li.item .product-name {padding-bottom: 0px;} .block .btn-remove { float:right;margin-left: 10px; } .block .btn-edit { float:right; } .block .actions { margin: 8px 0 0 0;text-align: right;border-top: 1px solid #E4E4E4;padding-top: 15px;float: left;width: 100%;} .block .actions a { float:left; } /* Block: lists */ .block-viewed .block-content .product-name, .block-compare .block-content .product-name, .block-compared .block-content .product-name {overflow: hidden;white-space: nowrap;text-overflow: ellipsis;} /* Mini Products List */ .mini-products-list li {position: relative;box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;-ms-box-sizing: border-box;-o-box-sizing: border-box;float: left;width: 100%;padding: 10px 0px;margin-left: 0px !important;margin-right: 0px !important;} .mini-products-list li.item:first-child{padding-top: 0px;} .mini-products-list .product-image { float:left; width:72px; } .mini-products-list .product-details { margin-left:82px; text-align: left;} .mini-products-list .product-details h4 { font-weight: bold; margin:0; } .mini-products-list li.last{} .mini-products-list .product-name{overflow: hidden;white-space: nowrap;text-overflow: ellipsis;margin-bottom: 3px;}/*Single Line Name*/ .mini-products-list .price-box{padding: 2px 0px 7px;} .mini-products-list .price-box p{display: inline-block;margin-bottom: 0px;} .mini-products-list .price-box .price-label{display: none;} /* Block: Account */ .block-account .block-title {} .block-account .block-content { } .block-account .block-content ul { } .block-account li > * {display:block;} .block-account li strong {font-weight: normal;color: #1bbeb4;} /* Block: Currency */ .col-left.sidebar .currency{display: none;} /* Block: Layered Navigation */ .block-layered-nav .block-content { } .block-layered-nav .block-subtitle { display:none; margin-bottom:0; } .block-layered-nav li{text-align: right;} .block-layered-nav li a{float: left;} /* Filters of list */ .block-layered-nav dl, .block-blog dl{ padding-left:0px; padding-top:0px; } .block-layered-nav dt, .block-blog dt{font-size: 120%;padding: 0;} .block-layered-nav dd, .block-blog dd{ padding:0px 0 35px 0px; float: left;width: 100%;} .block-layered-nav dd ol li a, .block-blog dd ol li a{} .block-layered-nav dd.last, .block-blog dd.last{ border-bottom:none; padding-bottom: 0px;} /* Filters current */ .block-layered-nav .currently { /* margin:10px 0; */ } .block-layered-nav .currently .block-subtitle { display:block; padding: 0px 0px 5px; font-weight:normal; } .block-layered-nav .currently ol { /* padding:10px; */ } .block-layered-nav .currently ol li { /* margin-bottom:4px; position: relative; padding: 10px 0px;*/} .block-layered-nav .currently ol li span{float: left;} .block-layered-nav .currently .label { margin-right:4px; color:#d90000; } .block-layered-nav .currently .btn-remove {} .block-layered-nav .actions { /* margin:0; */ } .block-layered-nav .actions a { float:right; } /* List items */ .block-blog{margin-bottom: 0px;} /* Block: Category Sidebar Navigation */ /* List items */ #sidenav{} #sidenav li{ position:relative;position: relative;border-bottom: none;padding: 0px;} #sidenav li.active a{} #sidenav li.last{border:0 none;} #sidenav li:hover{} #sidenav li a{display: block;border-bottom: 1px solid #E4E4E4;padding: 8px 0px;} #sidenav li.level0:first-child > a{padding-top: 0px;} #sidenav li.level0:last-child > a{} /* List Levels */ #sidenav li ul.level0{display:none;padding-left:15px;} #sidenav li.active ul.level0{display:block;} #sidenav li.active ul.level0 li.active ul.level1{display:block;} #sidenav li.active ul.level0 li.active ul.level1 li.active ul.level2{display:block;} #sidenav li ul.level0 li.last{border:0 none;} /* Level 0 */ #sidenav li.level0 > a{} /* Level 1 */ #sidenav li ul li ul{ display:none;padding-left:15px;} #sidenav li.level1 a.show-cat{} /* List Active Icons */ #sidenav li a.show-cat{text-align: center;position: absolute;top: 0;width: 30px;padding: 0px;border-bottom: none;font-family: FontAwesome;right: 0;font-size: 14px;height: 36px;line-height: 36px;} #sidenav li a.show-cat span.minus{display:none;} #sidenav li a.show-cat.active span.minus{display:inline-block;} #sidenav li a.show-cat.active span.plus{display:none;} #sidenav li a.show-cat span.plus{display:inline-block;} /*Level Active & Hover*/ #sidenav li.active > a, #sidenav li a.show-cat.active{color: #1bbeb4;} #sidenav li.level0:first-child > a.show-cat{height: 28px;line-height: 28px;} /* Block: Related */ #block-related-slider input.checkbox { float: left;margin: -13px 0 0 10px;position: relative; } /* Block: Compare Products */ .compare-table { border:0; margin-bottom: 20px;} .compare-table .btn-remove { vertical-align: middle;} .compare-table .btn-remove:before{margin-right: 15px;margin-left: 15px;} .compare-table a.link-wishlist:before { margin-right: 13px;margin-left: 13px;} .compare-table tbody tr:hover {} .compare-table .product-shop-row { } .compare-table .product-shop-row th, .compare-table .product-shop-row td { } .compare-table tr.add-to-row { } .compare-table tr.add-to-row:hover { } .compare-table tr th{border-width: 1px;} .compare-table tr.add-to-row td { text-align:left; } .compare-table tr.first td { text-align:left; } .compare-table tr td{border-width: 1px;} .compare-table tr.first td .product-name { margin:10px 0; } .compare-table tr.first td .ratings { width:145px; margin:10px 0; } .compare-table .price-box { margin:10px 0; line-height:15px; } .compare-table .price-box .price{font-weight: 500;} /* Compare Table */ .compare-table .product-image img { display:block; } .compare-table .add-to-row td{} .compare-table .add-to-row p{display: inline-block;vertical-align: middle;} .compare-table .add-to-links { margin-top:0px; display: inline-block;vertical-align: middle;} .compare-table .add-to-links li {margin: 0px 0px 0 10px;} /* Block: Recently Viewed */ .block-viewed {} /* Block: Recently Compared */ .block-compared {} .block-compared .product-name{} /* Block: Compare */ .block-compare .product-name{} /* Block: Poll */ .block-poll .block-subtitle { } .block-poll input.radio { float:left; margin:4px -18px 0 0; } .block-poll .label { display:block; margin-left:18px; } .block-poll li { padding:3px 9px; } .block-poll .answer { font-weight: bold; } .block-poll .votes { float:right; margin-left:10px; } /* Block: Tags */ .block-tags .block-content .tags-list { } .block-tags .tags-list li{border-bottom: none;padding: 0px;} .block-tags .tags-list a {} .block-tags .tags-list a:hover {} .block-tags .actions { text-align:right; } .block-tags .actions a { float:none; } /* Block: Subscribe */ .block-subscribe .input-box { margin-top: 5px; position: relative;margin-top: 10px;line-height: 5px\9;} .block-subscribe input { width:100%;padding-right: 50px;height: 32px;line-height: 32px; } .block-subscribe button.button { float:none;position: absolute;top: 0;right: 0; } .block-subscribe button.button span{border-bottom: none;background-color: transparent !important;} .block-subscribe button.button:hover span{color: #1bbeb4;background-color: transparent !important;} .block-subscribe button.button span span{width: 32px;height: 32px;line-height: 32px;padding: 0px;} /* Block: Reorder */ .block-reorder input.checkbox { float:left; margin:3px 0px 0 0; } .block-reorder .product-name { margin-left:20px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; } .block-reorder .validation-advice { margin:3px 9px 7px; } /* Block: Banner */ .block-banner {} .block-banner .block-content { text-align:center; } /* Block: Login */ .block-login label { font-weight: bold; } .block-login input.input-text { display:block; width:167px; margin:3px 0; } /* Block: Review */ .block-reviews .ratings, .block-reviews .no-rating{margin: 0px;} .block-reviews .rating-links{display: none;} /*Block: Paypal */ .sidebar .paypal-logo { display:block; margin:0px 0 35px; text-align:center; } .sidebar .paypal-logo a { float:none; } /* ******************************************************************************************** Category Page *********************************************************************************************** */ /* View Type: Grid OR View Type: List =============================================================== */ .products-grid .product-image-wrapper, .products-list .product-image-wrapper{ margin:0 auto; position:relative; overflow: hidden;} /* Product Price */ .products-grid .price-box .price, .products-list .price-box .price{font-size: 18px;} .products-grid .price-box .old-price .price, .products-list .price-box .old-price .price{font-size: 13px;} /* Add To Cart (Button) */ .products-grid button.button span, .products-list button.button span, .add-to-cart .button.button span{background-color: #252525 !important;color: #bebebe !important;text-transform: uppercase;float: none;text-align: left;border-bottom: none;} .products-grid button.button:hover span, .products-list button.button:hover span, .add-to-cart .button.button:hover span{background-color: #252525 !important;color: #1bbeb4 !important;} .products-grid button.button span span, .products-list button.button span span, .add-to-cart .button.button span span{padding: 11px 20px;border-bottom: none;line-height: 18px;} /* View Type: Grid =============================================================== */ .new-product .new{display: none;} .products-grid {} .products-grid .item {position:relative;box-sizing: border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;border-width: 0px;border-style: solid;border-color: #E4E4E4;} /*Product Image*/ .products-grid .product-image {display: block;margin-left: auto;margin-right: auto;} /*Product Content*/ .products-grid .product-content-wrapper{margin-top: 20px;width: 100%;display: inline-block;zoom:1;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;} .products-grid .product-content{} .products-grid .product-name { margin-bottom: 4px;} .products-grid .vert{} .products-grid .price-box { } .products-grid .price-box p{margin-bottom: 0px;} .products-grid .price-box .price{} .products-grid .ratings {} .products-grid .price-box .price-label{} .products-grid .ratings, .products-grid .no-rating{display: none;} .products-grid .ratings .rating-box{margin-right: 0px;float: none;display: inline-block;} .products-grid .rating-links{display: none;} .products-grid .actions {position: absolute;bottom: 0;left: 0;right: 0;bottom: -80px;transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-webkit-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;z-index: 1;} .products-grid .item:hover .actions{bottom: 0;} .products-grid .availability { float:none; margin:5px 0; } .products-grid div.btn-cart{position: absolute;left: 0;right: 0;} .products-grid button.button{width:100%;} .products-grid .add-to-links {float: right;position: relative;} .products-grid .add-to-links li{} /* Display only on hover */ .products-grid .item .display-onhover { display:none; } .products-grid .item:hover .display-onhover{display: block;} /* Product name single line */ .products-grid .product-name.single-line-name{overflow: hidden;white-space: nowrap;text-overflow: ellipsis;} /* Category Full =============================================================== */ .category-full .col-main, .category-full .col-left{float: none;} .category-full .breadcrumbs{float: none;width: auto;} .category-full .sorter, .category-full .pager, .category-full .breadcrumbs{} /* Block Layered Navigation (Category Full Width Left Siderbar) */ .category-full .col-left .block.block-layered-nav{display: block;margin-bottom: 0px;} .category-full .col-left .block.block-layered-nav > .block-content{padding: 0px;} .category-full .col-left .block.block-layered-nav > .block-title{display: none;} .category-full .col-left .block.block-layered-nav .block-content .view{} .category-full .col-left .block.block-layered-nav .block-content .view .block-title{} .category-full .col-left .block.block-layered-nav .block-content .view .opener{right: 0;top: 0px;text-indent: 0px;background-color: #FFFFFF;width: 20px;height: 20px;line-height: 24px;text-align: right;} .category-full .col-left .block.block-layered-nav .view .block-content{padding: 0px;font-size: inherit;padding-top: 0px;padding-bottom: 20px;} /* Display only Visible on hover */ .visible-onhover{visibility:hidden;opacity:0;transition:visibility 0s ease-in-out 100ms, opacity 300ms ease-in-out 0ms;-moz-transition:visibility 0s ease-in-out 100ms, opacity 300ms ease-in-out 0ms;-webkit-transition:visibility 0s ease-in-out 100ms, opacity 300ms ease-in-out 0ms;-o-transition:visibility 0s ease-in-out 100ms, opacity 300ms ease-in-out 0ms;} .visible-onhover:hover{visibility:visible;opacity:1;transition:visibility 0s ease-in-out 0s, opacity 300ms ease-in-out 100ms;-moz-transition:visibility 0s ease-in-out 0s, opacity 300ms ease-in-out 100ms;-webkit-transition:visibility 0s ease-in-out 0s, opacity 300ms ease-in-out 100ms;-o-transition:visibility 0s ease-in-out 0s, opacity 300ms ease-in-out 100ms;} /* View Type: List =============================================================== */ .products-list .item { position:relative;margin-top: 20px;zoom:1;padding-bottom: 20px;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;border-width: 0px;border-style: solid;border-color: #E4E4E4;border-bottom-width: 1px;} .products-list .item.last{border-bottom: none;padding-bottom: 0px;} .products-list .product-image-wrapper{margin-right: 1%;} .products-list .product-name { margin: 0 0 8px;font-size: 24px;line-height: 32px;} .products-list .product-image { display: block;margin-left: auto;margin-right: auto;max-width: 280px;} .products-list .price-box .price{font-size: 24px;} .products-list .price-box .old-price .price{font-size: 16px;} .products-list .price-box .price-label{} .products-list .ratings { margin:0px 0 25px; } .products-list .ratings .rating-links .separator, .products-list .ratings .rating-links{display: none;} .products-list .desc { margin:15px 0px;padding: 10px 0px; line-height: 1.5;} .products-list .link-learn {color: #1bbeb4;} .products-list .link-learn:hover{text-decoration: underline;} .products-list .actions{clear: both;} .products-list .btn-cart {width: 100%;max-width: 181px;margin-bottom: 5px;float: left;} .products-list .availability { float:none; margin:15px 0; } .products-list .add-to-links {float: left;margin-bottom: 5px;} /* ******************************************************************************************** Sale New Label *********************************************************************************************** */ /* List Or Grid Label */ .sale, .new{ color: #fff; text-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; white-space: nowrap; overflow: hidden; position: absolute; text-align: center; padding: 4px; width: 100px; 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: 14px; line-height: 28px; font-family: 'Roboto'; font-weight: 300; } .sale{ background-color: #b60000; 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.unopiu.com/skin/frontend/unpsa/default/images/ratings.png) 0 0 repeat-x; text-indent:-999em; overflow:hidden; } .rating-box .rating { float:left; height:12px; background:url(https://www.unopiu.com/skin/frontend/unpsa/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.unopiu.com/skin/frontend/unpsa/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.unopiu.com/skin/frontend/unpsa/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.unopiu.com/skin/frontend/unpsa/default/images/default-icon/icons.png) 0 -120px no-repeat; } .alert-stock { background:url(https://www.unopiu.com/skin/frontend/unpsa/default/images/default-icon/icons.png) 0 -160px no-repeat; } /********** < Product Prices */ .price { white-space:nowrap !important;font-size: 100%;text-shadow: 0px 0px 0px;} .price-box { margin: 0; } .price-box .price {} .price-box .price-label {font-size: 13px;font-weight: 400;padding-right: 5px;} /* Common price */ .regular-price .price, .minimal-price .price{/*color: #1bbeb4;*/} /* Common labels */ .old-price .price-label, .special-price .price-label { white-space:nowrap; } .old-price .price-label { display:none; } /* Regular price */ .regular-price {} .regular-price .price {} /* Old price */ .old-price { margin:0;} .old-price .price { color: #a1a1a1;text-decoration:line-through; } /* Special price */ .special-price { margin:0; padding:0; } .special-price .price, .special-price .price-label {/* color:#1bbeb4;*/ } /* Minimal price (as low as) */ .minimal-price { margin:0 0 5px; } .minimal-price .price {} .minimal-price .price-label { white-space:nowrap; } .minimal-price-link { display:block; } .minimal-price-link .label {} .minimal-price-link .price { /*color:#1bbeb4; */} /* Excluding tax */ .price-excluding-tax { display:block; } .price-excluding-tax .label { white-space:nowrap; } .price-excluding-tax .price { font-weight:normal; } /* Including tax */ .price-including-tax { display:block; } .price-including-tax .label { white-space:nowrap; } .price-including-tax .price {} /* Configured price */ .configured-price { margin:0; } .configured-price .price-label { font-weight: 500;white-space:nowrap; } .configured-price .price {font-weight: 500;} /* FPT */ .weee { display:block; font-size:11px; } .weee .price { font-size:11px; font-weight:normal; } /* Excl tax (for order tables) */ .price-excl-tax { } .price-excl-tax .label { white-space:nowrap; } .price-excl-tax .price { } /* Incl tax (for order tables) */ .price-incl-tax { } .price-incl-tax .label { white-space:nowrap; } .price-incl-tax .price { font-weight: 500;} /* Price range */ .price-from { margin:0; } .price-from .price-label { white-space:nowrap; } .price-to { margin:0; } .price-to .price-label { white-space:nowrap; } /* Price notice next to the options */ .price-notice { margin-left:5px; } .price-notice .price { padding-left:3px; } /* Price as configured */ .price-as-configured .price-label {font-size: 18px;font-weight: 700;white-space: nowrap;} /* Price as bundle */ .price-box-bundle .price-box { margin:0 !important; padding:0 !important; border:none !important; } /********** Product Prices > */ /* Tier Prices */ .tier-prices { margin:0 0 30px; padding-left: 10px; } .tier-prices li { line-height:15px; padding:0 0 0 0px; margin:3px 0; } .tier-prices li:before{font-family: FontAwesome;padding-right: 11px;} .tier-prices .benefit { color:#cb2700; font-weight:normal; } .tier-prices-grouped li { padding:2px 0; } .tier-prices-grouped li .price { font-weight: 500;} /* Add-to links */ .add-to-links .separator { display:none; } .add-to-links li { float:left; } .add-to-links {margin:0px 0 0; } .add-to-links span.icon{} .addto-gaps-right li { margin-right:10px; } /*Icons Add To Links*/ .addto-links-icons li{border-left: 1px solid #444444;} .addto-links-icons span.icon{text-indent: 0px;background-color: #252525;color: #bebebe;width: 40px;height: 40px;line-height: 40px;text-align: center;} .addto-links-icons span.icon:hover{color: #1bbeb4;} /* Add to Cart */ .add-to-cart label{padding-right: 5px;margin-top: -10px;display: none !important;} .add-to-cart .qty { text-align:center; margin-right:10px;margin-bottom: 10px; } .add-to-cart .button {margin-bottom: 10px;} .product-view .add-to-cart { float:left; } .product-view .product-shop .add-to-cart *{display: inline-block;vertical-align: middle;} /* Quantity Counter */ .product-view .product-shop .quantity_counter{margin-bottom: 10px;margin-right: 7px;} /* Product Paypal */ .product-view .paypal-wrapper { float:left; } .product-view .paypal-wrapper .paypal-logo { margin:0; padding:5px 0 0; text-align:right; } .product-view .paypal-wrapper .paypal-logo .paypal-or { clear:both; display:block; margin:5px 60px 5px 0; } /* Magento's default */ .add-to-cart .paypal-logo { clear:left; margin:0; padding:10px 0 0; text-align:right; } .add-to-cart .paypal-logo .paypal-or { clear:both; display:block; margin:5px 60px 5px 0; } /* Add to Cart Box Right */ .add-to-cart.right {} .add-to-cart.right label { margin-left:10px; } .add-to-cart.right .button { margin-right:0; } /* Messages */ #messages_product_view { margin: 0 auto; width: 98%; } /* ******************************************************************************************** Product page *********************************************************************************************** */ /* Block: Additional Box*/ .product-view .box-additional { margin-top:50px; clear:both;float: left;width: 100%;} .product-view .box-additional:before{display: table;line-height: 0;content: "";} .product-view .box-tabs {} .product-view .box-tabs .panel > h2{display:none; } .product-view .box-sidebar {} .product-view .box-up-sell {} /* Product Images Box */ .img-box{text-align: center;margin: 0 auto;} .img-box.position-y{padding: 0px;width: 78.9%;float: right;} /* Product Images Column */ .product-view .product-img-column {float:left;position:relative;} .product-view .product-img-column img{display: inline-block !important;} .col3-layout .product-view .product-img-column { float:none; margin:0 auto; display: inline-block;} /* Product Image */ .img-box .product-image {max-width: 588px; margin: 0 auto;display: block;position:relative;} .img-box .product-image a{overflow: hidden;} .img-box .product-image.product-image-zoom { } .product-image-popup { margin:0 auto; } .product-image-popup .nav { font-weight: bold; text-align:center; } .product-image-popup .image { display:block; margin:10px 0; } .product-image-popup .image-label { margin:0 0 10px; } /* Thumbnails */ .itemslider-thumbnails {margin-left: auto !important;margin-right: auto !important;width: auto !important;margin: 30px 0px 0 0px;max-width: 588px;} .itemslider-thumbnails .item {margin: 0px auto;padding-bottom: 5px;max-width: 70px;} /* Without margin */ .itemslider-thumbnails.no-margin{max-width: 588px;padding: 0px;} .itemslider-thumbnails.no-margin .item{padding: 2px 1px;margin: 0px;} /* Vertical thumbnail */ .itemslider-thumbnails.position-y{width: 19.1% !important;float: left;margin-right: 2% !important;margin: 0px;padding: 0px;} .itemslider-thumbnails.position-y .item{margin:5px 0px;} /* Without margin position Y */ .itemslider-thumbnails.position-y.no-margin{width: 21.1% !important;margin-right: 0% !important;} .itemslider-thumbnails.position-y.no-margin .item{margin: 0px;padding: 1px 2px 1px 0px;} /* Product Shop */ .product-view .product-shop { float: left;padding: 0px 0px 0 30px;box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;-ms-box-sizing: border-box;-o-box-sizing: border-box;} .product-view .product-essential .product-name {margin:0 0 0em; margin-bottom: 20px;} .product-view .product-essential .product-name h1 { margin:0;font-size: 24px;line-height: 34px;} .col3-layout .product-view .product-shop{padding: 30px 0px 0px 0px;} .product-view .price-stock{float: left;width: 100%;border-bottom: 1px solid #E4E4E4;padding-bottom: 30px;margin-bottom: 30px;} .product-view .product-shop .price-box{float: left;margin-right: 20px;} .product-view .availability{float: right;} .product-view .product-shop .product-meta{width: 100%;float: left;border-bottom: 1px solid #E4E4E4;margin: 20px 0px 0px;padding:0px 0px 30px;} .product-view .product-shop .product-meta > *{margin-top: 10px;} .product-view .product-shop .ratings, .product-view .product-shop .no-rating{margin: 10px 0px 0px 0px;line-height: 20px;} .product-view .product-shop .ratings .rating-box{margin-top: 4px;} .product-view .product-shop .ratings .rating-links{} .product-view .product-shop .ratings-table { margin:15px 0 5px; } .product-view .short-description {float: left;width: 100%;line-height: 22px;margin: 20px 0px 0px;padding:0px 0px 20px;border-bottom: 1px solid #E4E4E4;} .product-view .short-description ul { margin-top:5px; margin-bottom:5px; } /* Product Brand */ .box-brand img {display: block;max-width: 120px;} .box-brand a{display: inline-block;vertical-align: middle;} .box-brand label{display: inline-block;vertical-align: top;} /* Social Link */ .product-view .product-shop .social-link{float: left;width: 100%;border-bottom: 1px solid #E4E4E4;padding: 13px 0px;text-align:right;} .product-view .product-shop .social-link label{float: left;} .product-view .product-shop .social-link a{color: #666666;margin-left: 15px;font-size: 15px;margin-right: 0px;} .product-view .product-shop .social-link a:hover{color: #1bbeb4;} .product-view .product-shop .social-link a:hover > span.fa{background-color: transparent !important;} .product-view .product-shop .social-link a .tooltip:after{right: 5px;} /* Price For Product Page */ /* Main price */ .product-view .product-shop .price-box .regular-price .price, .product-view .product-shop .price-box .special-price .price, .product-view .product-shop .price-box .special-price .price-label, .product-view .product-shop .price-box .price-including-tax .price, .product-view .product-options-bottom .price-box .regular-price .price, .product-view .price-as-configured .price, .map-popup-price .regular-price .price, .product-view .price-box.map-info .old-price .price {font-size: 24px;} /* Special price */ .product-view .price-box .special-price { white-space:nowrap;} .product-view .price-box .special-price .price-label { white-space:nowrap;display: none; } .product-view .price-box .special-price .price-including-tax, .product-view .price-box .special-price .price-excluding-tax { padding:0 0 0 15px; } /* Old price */ .product-view .product-shop .price-box .old-price .price{font-size: 18px;} .product-view .product-shop .price-box .old-price .price-label { white-space:nowrap; display:none; } /* Prices on Product page */ .product-view .product-shop .price-box .price-including-tax .price { font-size:18px; } .product-view .product-shop .price-box .price-excluding-tax .price { font-size:inherit; } /* price-from price & price-to price */ .product-view .product-shop .price-box .price-from .price, .product-view .product-shop .price-box .price-to .price, .product-view .product-shop .price-box .minimal-price .price{font-size: 16px;} /* MSRP price*/ .map-popup-msrp .price { display:block;} /* Move MSRP links below the price */ .product-view .product-shop .price-box.map-info .old-price { display:block; } /* Price box inside product options box or Add-to-cart box */ .product-view .add-to-box .price-box, .product-options-bottom .price-box { float:left; margin:18px 15px 10px 0; padding:0; } .product-view .price-box p.special-price, .product-view .price-box p.old-price{display: inline-block;padding-right: 5px;} .product-view .price-box-bundle .price-box p{margin-bottom: 5px;} .product-view .price-box-bundle + .price-box{clear: both;} /* Add-to links */ .product-view .action-box { margin:20px 0 0px; } .product-view .product-shop .add-to-links{float: left;} .product-view .product-shop .add-to-links li{margin-bottom: 10px;} .product-view .product-shop .add-to-links a:hover{} /* Button container */ .product-view .add-to-box, .product-shop .product-options-bottom{clear: both;border-bottom: 1px solid #E4E4E4;padding-bottom: 20px;} /* Product third Column */ .product-view .product-third-column {padding-left: 20px;box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;-ms-box-sizing: border-box;-o-box-sizing: border-box;} /* Other elements */ /* Unordered list in product description */ .product-view .short-description .std ul, .product-view .box-tabs .std ul { list-style:none outside none; } /* Margin for list in long description */ .product-view .box-tabs .std ul { margin-bottom:1em; } /* If unordered list has "disc" class, override */ .product-view .short-description .std ul.disc, .product-view .box-tabs .std ul.disc { list-style:disc outside none; padding-left:1.5em; } .product-view .short-description .std ul.disc li, .product-view .box-tabs .std ul.disc li { background-image:none; padding-left:0; } /* ******************************************************************************************** Product options *********************************************************************************************** */ .product-options { position:relative; margin-bottom:30px;clear: both;} .product-options dt { } .product-options dt label, .product-options dd .qty-holder label{ display: inline-block;margin: 0 0 5px;} .product-options dt label.required em { float:right; margin-left:3px; } .product-options dd .qty-holder { display:block; padding:10px 0 0; } .product-options dd .qty-holder label { vertical-align:middle;padding-right: 5px;margin-bottom: 0px;} .product-options dt .qty-disabled { background:none; border:0; padding:3px; } .product-options dd { margin:3px 0 20px; } .product-options dl.last dd.last { border-bottom:0;margin-bottom: 0px;} .product-options dd input.input-text, .product-options dd input.product-custom-option{ width:100%; /*98%*/ height: 40px;padding: 8px 10px;} .product-options dd input.qty{height: 35px;width: 50px !important;padding: 7px;} .product-options dd input.datetime-picker { width:150px; } .product-options dd .time-picker { display:-moz-inline-box; display:inline-block; padding:2px 0; vertical-align:middle; } .product-options dd textarea { width:100%; /*width:92%;*/ height:8em; } .product-options dd select { width:100%; height: 40px;padding: 8px 10px;} .product-options dd .multiselect option { padding:2px 4px; } .product-options ul.options-list { margin-right:5px; } .product-options ul.options-list li { line-height:1.5; padding:2px 0; } .product-options ul.options-list input.radio { float:left; width: auto;height: auto;padding: 0px;margin-top: 4px;} .product-options ul.options-list input.checkbox { float:left; width: auto;height: auto;padding: 0px;margin-top: 4px;} .product-options ul.options-list .label { display:block; margin-left:18px; } .product-options ul.options-list label { } .product-options ul.validation-failed { padding:0 7px; } .product-options p.note { margin:0; font-size:0.9166em; } .product-options p.required { position:absolute; right:0; top:-5px; font-size: 12px;} /* Product Options Bottom */ .product-options-bottom { margin-top:20px; } .product-options-bottom .price-box{display: none;} .product-options-bottom .tier-prices { margin:-5px 0 30px; padding:0; border:0; background:0; } .product-options-bottom .tier-prices li { background:0; padding:2px 0; } .product-options-bottom .price-box .price-as-configured {} .product-options-bottom .price-label {} .product-options-bottom .price-tax { float:left; } .product-shop .product-options-bottom { margin:0; } .product-shop .product-options-bottom .price-label { float:none; padding-right:0; } .product-shop .product-options-bottom .price-tax { float:none; } .product-shop .product-options-bottom .add-to-cart-box { clear:both; float:left; padding-top:12px; } /* Grouped Product */ .product-view .grouped-items-table { margin:0; clear:both;margin-bottom: 15px;} .product-view .grouped-items-table thead th {} .product-view .grouped-items-table .price-box { margin:0; padding:0; border:0; } .product-view .grouped-items-table .price-box .price-including-tax .price { font-size:15px; } .product-view .grouped-items-table td { vertical-align:middle; padding: 20px;} .product-view .grouped-items-table .price-box .regular-price .price { font-size:16px; } /* Downloadable product */ .product-type-data .item-options { clear: both; } .product-type-data .item-options dt { float:none; margin:0 0 5px; } .product-type-data .item-options dd { padding-left:15px; } /* Block: Tags */ .product-view .box-tags .product-tags { display:block; margin:0 0 25px; } .product-view .box-tags h3{margin-bottom: 5px;} .product-view .box-tags .product-tags li { display:inline; padding:0 7px; border-right:1px solid #E4E4E4; } .product-view .box-tags .product-tags li.first { padding-left:0; } .product-view .box-tags .product-tags li.last { padding-right:0; border-right:0; } .product-view .box-tags .form-add label { display: block;margin: 0 0 8px;} .product-view .box-tags .form-add .input-box { float:left; margin:0 5px 5px 0; } .product-view .box-tags .form-add input.input-text { width:auto; } .product-view .box-tags .note { margin:3px 0 0; font-size:0.9166em; /*11px*/ } /* Block: Reviews */ .product-view .box-reviews { } .product-view .box-reviews dl { margin:0 0 0px; } .product-view .box-reviews dt{} .product-view .box-reviews dt .heading { font-weight:normal; margin-right:10px; } .product-view .box-reviews dt span { font-weight: bold;} .product-view .box-reviews dt a {margin-right: 8px;font-weight: 700;} .product-view .box-reviews dd {margin: 0 0 20px 0px;border-bottom: 1px solid #E4E4E4;padding: 10px 0px 20px;border-top: none;} .product-view .box-reviews dd .date { display:block; margin-top:3px; font-style:italic; color: #696e6e;} .product-view .box-reviews .ratings-table { margin:0px 0 8px; } /* Block: Add Reviews */ .product-view .form-add {} .product-view .form-add h2 { text-transform:uppercase; } .product-view .form-add h3 { font-weight:normal; margin-bottom:5px; } .product-view .form-add h3 span { font-weight: bold;} .product-view .form-add h4 { font-weight:normal; } .product-view .form-add h3, .product-view .form-add h4 {font-size: 14px;} .product-view .form-add .form-list { margin:15px 0 0; } .product-view .form-add .form-list .input-box {} .product-view .form-add .form-list input.input-text { width:100%; max-width:340px; } .product-view .form-add .form-list textarea { width:100%; max-width:500px; } .product-view .buttons-set button.button { float:left; margin-left:0; } .product-view .form-add .data-table {box-shadow: 0px 0px 0px 0px transparent;-webkit-box-shadow: 0px 0px 0px 0px transparent;-moz-box-shadow: 0px 0px 0px 0px transparent;-ms-box-shadow: 0px 0px 0px 0px transparent;-o-box-shadow: 0px 0px 0px 0px transparent;background-color: transparent;} .product-view .form-add .data-table th, .product-view .form-add .data-table td { text-align: center !important;padding: 12px 20px;} .product-view .form-add .data-table th{border-right: none;text-align: left !important;} .product-view .form-add .data-table td .radio { margin:0; } /* Send a Friend */ .send-friend .form-list li p { margin:0 15px 0 0; } .send-friend .form-list .field { margin-bottom:8px; } .send-friend .form-list textarea { width:100%; } .send-friend .buttons-set .limit { float:right; margin:0 7px; } /* ******************************************************************************************** Content Styles *********************************************************************************************** */ .product-name { margin: 0px; font-size: 14px;line-height: 18px;text-shadow: 0px 0px 0px;} .product-image, .bot-shadow, .products-grid .product-image-wrapper, .products-list .product-image-wrapper{-webkit-box-shadow: 0 8px 6px -7px #999;-moz-box-shadow: 0 8px 6px -7px #999;box-shadow: 0 8px 6px -7px #999;} .scale-on-hover{display: block;overflow: hidden;} .scale-on-hover img{transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-webkit-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;-webkit-backface-visibility:visible;-o-backface-visibility: visible;-ms-backface-visibility: visible;-moz-backface-visibility: visible;backface-visibility: visible;} .scale-on-hover:hover img{-moz-transform: scale(1.2);-webkit-transform: scale(1.2);-o-transform: scale(1.2);-ms-transform: scale(1.2);transform: scale(1.2);} /* Product Tags */ .tags-list { background:none; border:0;padding: 0px; } .tags-list li{display: inline-block;vertical-align: top;margin:0px 4px 4px 0px;} .tags-list a {display: block;padding: 6px 8px;border: 1px solid #E4E4E4;border-radius: 3px;font-size: 14px !important;} .tags-list a:hover {background-color: #1bbeb4;color: #FFF;border-color: transparent;} /* Advanced Search */ .advanced-search .form-list label {} .advanced-search .form-list .input-box, .advanced-search .form-list .input-range {clear:both;} .advanced-search-summary { padding:10px 0px; margin:10px 0; } .advanced-search-summary ul { float:left; margin:0 4% 10px 0; width:46%; } .advanced-search-summary li { margin:0 0 2px 0; font-size:1.25em; } .advanced-search-summary strong { margin:0 5px 0 0; } .advanced-search-summary p { clear:both; float:left; display:block; margin:0px 0 0; } .catalogsearch-advanced-index .fieldset { margin-bottom:3px; } .catalogsearch-advanced-index .buttons-set { padding-left:0; } .catalogsearch-advanced-index .buttons-set button.button { float:left; margin:0; } .catalogsearch-advanced-index .buttons-set button.button span span { padding-left:60px; padding-right:68px; } /* Sitemap */ .page-sitemap .links { float:right; margin:0 0 0px; text-align:center; } .page-sitemap .links a { text-decoration:none; position:relative; } .page-sitemap .sitemap { margin: 15px 0px;float: left;width: 100%;} .page-sitemap .sitemap li { margin: 3px 3px;display: inline-block;font-size: 13px;} .page-sitemap .sitemap li.level-0 { margin:10px 0 0; font-weight: bold;} .page-sitemap .sitemap li.level-0 a {} .page-sitemap .pager { float: left;padding: 0px;border: none;} .page-sitemap .pager .pages{float: left;clear: both;} /* RSS */ .rss-title h1 { background:url(https://www.unopiu.com/skin/frontend/unpsa/default/images/default-icon/i_rss-big.png) 0 center no-repeat; padding-left:30px; } .rss-table .link-rss { display:block; } /* ******************************************************************************************** Shopping Cart *********************************************************************************************** */ .cart-empty p {border-top: 1px solid #E4E4E4;padding: 10px 0px;} .cart-empty p a{border-bottom: 1px dotted;} /* Checkout Types */ .cart .page-title .checkout-types li { margin:0 0 5px; } .cart .title-buttons .checkout-types { float:right; } .cart .title-buttons .checkout-types li { float:left; margin:0 0 5px 5px; } /* Shopping Cart Table */ .cart-table .product-image { width:120px; display:block; margin-left: auto;margin-right: auto;} .cart-table .product-name { margin:0 0 10px; } .cart-table .item-msg { margin:5px 0; font-size:0.9166em; font-weight:bold;clear: both;} .cart-table .cart-price{} .cart-table .subtotal-price .cart-price{font-weight: bold;} .cart-table tfoot td { } /* Dart Table (Buttons Small) */ .data-table .btn-edit, .data-table .btn-remove, .data-table .btn-remove2, .data-table .link-wishlist{margin: 5px 0 0 0px;white-space: nowrap;font-size: 14px;font-weight: normal;background-color: #F0F0F0;width: 40px;height: 39px;line-height: 39px;border-bottom: 1px solid #E4E4E4;} /* Hover Buttons */ .data-table .btn-edit:hover, .data-table .btn-remove:hover, .data-table .btn-remove2:hover, .data-table .link-wishlist:hover{background-color: #1bbeb4;color: #FFF;} /* Table Tfoot Buttons */ .cart-table tfoot td.last {} .cart-table tfoot button {} .cart-table .btn-continue { float:left; margin-left:0; } .cart-table .btn-update, .cart-table .btn-empty { float:right; margin-left: 1%;} /* Crosssell */ .cart .crosssell{clear: both;margin-top: 50px;clear: both;float: left;width: 100%;} /* Discount Codes & Estimate Shipping and Tax Boxes */ .cart .discount .buttons-set, .cart .shipping .buttons-set { margin:20px 0 0; border:0; padding:0; text-align:left; } .cart .discount .buttons-set button.button, .cart .shipping .buttons-set button.button { float:none; margin-left:0; } .cart .discount{margin-top: 50px; } .cart .shipping{margin-top: 30px;} .cart .discount h2, .cart .shipping h2{} /* Estimate Shipping */ .cart .shipping input.input-text, .cart .shipping select { width:100%; } .cart .shipping p { margin-bottom:10px; } .cart .shipping .sp-methods { margin:20px 0 0; } /* Discount Codes */ .cart .discount label { display:block; margin:0 0 10px;} .cart .discount .input-box {} .cart .discount input.input-text { width:100%; } /* Shopping Cart Totals */ .cart .totals {} .cart .totals table { width:100%; } .cart .totals td {font-weight: normal;padding-bottom: 10px;} .cart .totals td:first-child.a-right{text-align: left !important;} .cart .totals tr.last td {} .cart .totals tfoot th { padding:5px 15px 5px 7px; } .cart .totals tfoot td { padding-top: 10px;} .cart .totals tfoot th strong, .cart .totals tfoot td strong {} .cart .totals .checkout-types { margin-top: 10px;} .cart .totals .checkout-types li {clear: both;margin: 0px 0 10px;} .cart .totals .checkout-types li button.button{width: 100%;} .cart .totals .checkout-types li button.button span{float: none;text-align: left;} .cart .totals .checkout-types li a{border-bottom: 1px dotted;padding-bottom: 3px;} .cart .totals .checkout-types li a:hover{} /* Options ToolTip */ .item-options { line-height:15px; font-size: 12px;} .item-options dt { white-space:nowrap; float:left; margin-right:7px; } .item-options dd { padding-left:11px; margin:0 0 2px; font-weight: 700;} /* Item options data table*/ .data-table .item-options dt {white-space:normal;} .data-table .item-options dt:before{font-family: FontAwesome;padding-right: 5px;} .data-table .item-options { margin:0 0 0 10px; } /* Tool Tip Options*/ .truncated { cursor:help; display:inline-block; } .truncated a.dots { cursor:help; } .truncated a.details { cursor:help; text-decoration:none; border-bottom:1px dotted #ccc; } .truncated .truncated_full_value { position:relative; z-index:999; } .truncated .truncated_full_value .item-options { position:absolute; top:-99999em; left:-99999em; z-index:999; padding:8px; min-width:100px;background-color: #FFF;box-shadow: 0 0 5px 0px rgba(0, 0, 0, 0.1);-moz-box-shadow: 0 0 5px 0px rgba(0, 0, 0, 0.1);-webkit-box-shadow: 0 0 5px 0px rgba(0, 0, 0, 0.1);-moz-box-shadow: 0 0 5px 0px rgba(0, 0, 0, 0.1);-o-box-shadow: 0 0 5px 0px rgba(0, 0, 0, 0.1);} .truncated .truncated_full_value .item-options > p { font-weight: bold; margin-bottom:2px; } .truncated .show .item-options { top:-20px; left:50%; } .col-left .truncated .show .item-options { left:15px; top:7px; } .col-right .truncated .show .item-options { left:-240px; top:7px; } /* ******************************************************************************************** Checkout *********************************************************************************************** */ /********** < Common Checkout Styles */ /* Shipping and Payment methods */ .sp-methods dt {font-weight: 500;margin:10px 0 0; } .sp-methods dd { margin: 3px 0 15px; } .sp-methods dd li { margin: 5px 0 15px; } .sp-methods .price { font-weight: bold;} .sp-methods .form-list { margin-top: 20px;} .sp-methods select.month { width:150px; margin-right:10px; } .sp-methods select.year { width:96px; } .sp-methods input.cvv { width:3em !important; } .sp-methods .checkmo-list li {} .sp-methods .checkmo-list label { padding-right:10px; } .sp-methods .checkmo-list address { float:left; } .sp-methods .centinel-logos a { margin-right:3px; } .sp-methods .centinel-logos img { vertical-align:middle; } .please-wait { float:right; margin-right:5px; } .please-wait img {vertical-align: middle;margin-right: 5px;max-width: 20px;} .cvv-what-is-this { cursor:help; margin-left: 10px;height: 47px;line-height: 47px;} /* Tooltip */ .tool-tip { background-color:#fff; padding:10px; position:absolute; z-index:9999; } .tool-tip .btn-close a { margin:0 0 0 auto; } .tool-tip .tool-tip-content { padding:5px; } /* Gift Messages */ .gift-messages { margin:30px 0 10px; } .gift-messages-form {position:relative; margin-top: 15px;} .gift-messages-form .product-name{margin-bottom: 10px;} .gift-messages-form p { margin-bottom:20px; } .gift-messages-form label { position:static !important; } .gift-messages-form .item { margin:0 0 10px; } .gift-messages-form .item .product-img-box { float:left; width:75px; } .gift-messages-form .item .product-image { margin:0 0 7px; } .gift-messages-form .item .number { margin:0; font-weight: bold;text-align:center; } .gift-messages-form .item .details { margin-left:90px; } .gift-message-link { display:block; background:url(https://www.unopiu.com/skin/frontend/unpsa/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.unopiu.com/skin/frontend/unpsa/default/images/default-icon/pix.png) 0 -150px no-repeat; display:block; position:absolute; top:11px; right:15px; height:17px; width:17px; text-indent:-9999em; } .remember-me-popup .remember-me-popup-head .remember-me-popup-close:hover, .map-popup-close:hover { background-position:-17px -150px; } .remember-me-popup .remember-me-popup-head .remember-me-popup-close:active, .map-popup-close:active { background-position:-34px -150px; } /* calendar */ .calendar { z-index:200; } /* ******************************************************************************************** Footer *********************************************************************************************** */ .footer-container{margin-top: 50px;float: left;width: 100%;} /*Div Background Color Remove*/ .footer-container .no-bg{background-color: transparent !important;} .footer-top-border{border-top: 1px solid #444444;float: left;width: 100%;padding-top: 20px;margin-top: 20px;} .footer-bottom-border{border-bottom: 1px solid #444444;float: left;width: 100%;padding-bottom: 20px;margin-bottom: 20px;} .footer-container, .footer .section-line > *, .footer .accordion .opener, .footer .accordion .opener:hover{background-color: #252525;} /* Footer */ .footer, .footer a, .footer .accordion .opener{color: #bebebe;} .footer a:hover{color: #1bbeb4;} /* Footer Primary */ .footer-primary-container{} .footer-primary{padding: 40px 0px;} .footer .block-title{color: #999999;} /* Footer bottom */ .footer-bottom-container{background-color: #000000;} .footer-bottom{padding: 15px 0px;} .footer-bottom ul{display: inline-block;vertical-align: middle;} .footer-bottom ul li{display: inline-block;} .footer-bottom ul li a{line-height: 26px;padding: 0 5px;} .footer-bottom .bugs{display: none;} .footer-bottom address{padding-left: 5px;font-size: 12px;} .footer-bottom address a{color: #FFF;} .footer-bottom address a:hover{color: #1bbeb4;} /* Subcribe */ .footer .block-subscribe{margin: 0px;padding: 0px;} .footer .block-subscribe .form-subscribe-header{text-align: left;margin-bottom: 10px;} .footer .block-subscribe .block-title{display: none;} .footer .block-subscribe .block-content{padding: 0px !important;display: block !important;background-color: transparent;border:none !important;text-align: center;} .footer .block-subscribe .input-box{margin-top: 0px;} .footer .block-subscribe input{border: none;} /* Scroll Back to top Button */ a.scrollup {float: right;display: none;font-size: 14px;color: #FFF;z-index: 999;} a.scrollup:hover{color: #1bbeb4;} /* ******************************************************************************************** 404 Page Not Found *********************************************************************************************** */ /* 404 Page Not Found 1 */ .page-not-found1{} .page-not-found1 .above-text{font-size: 18px;line-height: 26px;} /* 404 Page Not Found 2 */ .page-not-found2{text-align: left;} .page-not-found2 .above-heading{font-size: 7.5em;line-height: normal;} .page-not-found2 .below-text{font-size: 18px;line-height: 26px;} /* ******************************************************************************************** Tooltip *********************************************************************************************** */ .tooltip_container{position: relative;z-index: 1;display: inline-block;} .reletive{position: relative;} .tooltip{ background: #F0F0F0; color: #252525; font-size: 14px; margin-bottom: 10px; padding: 4px 9px; position: absolute; white-space: nowrap; opacity: 0; visibility: hidden; bottom: 100%; right: 0%; -webkit-transform: translate(0%,-15px); -moz-transform: translate(0%,-15px); -o-transform: translate(0%,-15px); -ms-transform: translate(0%,-15px); transform: translate(0%,-15px); -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; -webkit-animation-duration: .5s; -moz-animation-duration: .5s; -o-animation-duration: .5s; animation-duration: .5s; } .tooltip:after{ content: ""; width: 0; height: 0; border-left: 6px solid transparent; border-top: 5px solid #606366; border-right: 6px solid transparent; position: absolute; bottom: -5px; right: 13px; margin-left: -6px; } .tooltip_container:hover .tooltip{ -webkit-transform: translate(0%,0px); -moz-transform: translate(0%,0px); -o-transform: translate(0%,0px); -ms-transform: translate(0%,0px); transform: translate(0%,0px); opacity: 1 !important; visibility: visible; } /* ******************************************************************************************** Impact Custom Block *********************************************************************************************** */ .spb_impact_text{ background-image: url(https://www.unopiu.com/skin/frontend/unpsa/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.unopiu.com/skin/frontend/unpsa/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-2014 X.commerce, 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.unopiu.com/skin/frontend/base/default/images/widgets/i_widget-new.gif) 0 1px no-repeat; padding-left:21px; color:#dc5033; } /* Widget: Recently Viewed Proructs */ .widget-viewed { display:block; } .col-main .widget-viewed { margin:7px 0; } .widget-viewed .products-grid .product-image, .widget-viewed .products-list .product-image { width:85px; height:85px; } .widget-viewed .products-list .product-shop { margin-left:100px; } .sidebar .widget-viewed .block { font-size:11px; line-height:1.25; } .sidebar .widget-viewed .block-title strong { background:url(https://www.unopiu.com/skin/frontend/base/default/images/widgets/i_block-list.gif) 0 0 no-repeat; padding-left:21px; } /* Widget: Recently Compared Proructs */ .widget-compared { display:block;} .col-main .widget-compared { margin:7px 0; } .widget-compared .products-grid .product-image, .widget-compared .products-list .product-image { width:85px; height:85px; } .widget-compared .products-list .product-shop { margin-left:100px; } .sidebar .widget-compared .block { font-size:11px; line-height:1.25; } .sidebar .widget-compared .block-title strong { background:url(https://www.unopiu.com/skin/frontend/base/default/images/widgets/i_block-list.gif) 0 0 no-repeat; padding-left:21px; } /* Widget: CMS Static Block */ .widget-static-block {} .sidebar .widget-static-block { display:block; margin:0 0 15px; } /* Widgets: Links Common Styles */ .top-container .widget a { padding:0 0 0 7px; } .bottom-container .widget a { padding:0 3px; } /* Widget: Catalog Product Link */ .widget-product-link-inline { display:inline; } .col-main .widget-product-link { display:block; text-align:right; margin:7px 0; } .col-main .widget-product-link a { background:url(https://www.unopiu.com/skin/frontend/base/default/images/widgets/i_widget-link.gif) 100% 4px no-repeat; padding-right:15px; } .sidebar .widget-product-link { display:block; margin:0 0 15px; padding:0 10px; } .sidebar .widget-product-link a { background:url(https://www.unopiu.com/skin/frontend/base/default/images/widgets/i_widget-link.gif) 100% 4px no-repeat; padding:0 15px 0 0; } /* Widget: Catalog Category Link */ .widget-category-link-inline { display:inline; } .col-main .widget-category-link { display:block; text-align:right; margin:7px 0; } .col-main .widget-category-link a { background:url(https://www.unopiu.com/skin/frontend/base/default/images/widgets/i_widget-link.gif) 100% 4px no-repeat; padding-right:15px; } .sidebar .widget-category-link { display:block; margin:0 0 15px; padding:0 10px; } .sidebar .widget-category-link a { background:url(https://www.unopiu.com/skin/frontend/base/default/images/widgets/i_widget-link.gif) 100% 4px no-repeat; padding:0 15px 0 0; } /* Widget: CMS Page Link */ .widget-cms-link-inline { display:inline; } .col-main .widget-cms-link { display:block; text-align:right; margin:7px 0; } .col-main .widget-cms-link a { background:url(https://www.unopiu.com/skin/frontend/base/default/images/widgets/i_widget-link.gif) 100% 4px no-repeat; padding-right:15px; } .sidebar .widget-cms-link { display:block; margin:0 0 15px; padding:0 10px; } .sidebar .widget-cms-link a { background:url(https://www.unopiu.com/skin/frontend/base/default/images/widgets/i_widget-link.gif) 100% 4px no-repeat; padding:0 15px 0 0; } /* ======================================================================================= */ .checkout-cart-index button.btn-checkout span, .checkout-cart-index button.btn-cart span { background-color:#b60000 !important;} .checkout-cart-index button.btn-checkout:hover span, .checkout-cart-index button.btn-cart:hover span { background-color:rgb(211, 211, 211) !important; } .requestquote-index-index .quantity_counter { border:none;} div.amshopby-column { float: left; width: 49%; overflow: hidden; } select.amshopby-select { width: 170px; } .amshopby-logo { padding: 0 10px 10px 0; float: left; } .amshopby-featured { padding: 5px; } .amshopby-link { padding: 5px 0 0 5px; } .amshopby-clearer { display: block; clear: both; overflow: hidden; } div.block-layered-nav dd a { padding: 0 5px 0 0; display: block; float: left; } .block-layered-nav .amshopby-attr, .block-layered-nav .amshopby-attr:hover { padding-left: 15px; background: url(https://www.unopiu.com/skin/frontend/base/default/images/amshopby-cb1.gif) left center no-repeat; } .block-layered-nav .amshopby-attr::before, .block-layered-nav .amshopby-attr-selected::before { border-style: none; } .block-layered-nav .amshopby-attr-selected, .block-layered-nav .amshopby-attr-selected:hover { font-weight: bold; padding-left: 15px; background: url(https://www.unopiu.com/skin/frontend/base/default/images/amshopby-cb2.gif) left center no-repeat; } .block-layered-nav .amshopby-attr-inactive { pointer-events: none; color: #666 } .block-layered-nav dd a img { float: left; } .block-layered-nav .single-choice a.amshopby-attr, .block-layered-nav .single-choice a.amshopby-attr:hover { background-image: url(https://www.unopiu.com/skin/frontend/base/default/images/amshopby-rb1.gif); } .block-layered-nav .single-choice a.amshopby-attr-selected, .block-layered-nav .single-choice a.amshopby-attr-selected:hover { background-image: url(https://www.unopiu.com/skin/frontend/base/default/images/amshopby-rb2.gif); } .amshopby-swatch { background: url(https://www.unopiu.com/skin/frontend/base/default/images/amshopby-cb1.gif) left center no-repeat; } .block-layered-nav .amshopby-cat-level-2 { padding-left: 10px; } .block-layered-nav .amshopby-cat-level-3 { padding-left: 20px; } .block-layered-nav .amshopby-cat-selected { font-weight: bold; color: black; text-decoration: none; cursor: text; } .block-layered-nav .amshopby-cat-multi a { padding-left: 15px; background: url(https://www.unopiu.com/skin/frontend/base/default/images/amshopby-cb1.gif) left center no-repeat; } .block-layered-nav .amshopby-cat-multiselected a, .block-layered-nav .amshopby-cat-multiselected a:hover { font-weight: bold; background: url(https://www.unopiu.com/skin/frontend/base/default/images/amshopby-cb2.gif) left center no-repeat; } .block-layered-nav span.amshopby-plusminus { float: left; display: block; width: 15px; height: 15px; cursor: pointer; background: transparent url(https://www.unopiu.com/skin/frontend/base/default/images/amshopby-plus.gif) no-repeat; } .block-layered-nav span.minus { background: transparent url(https://www.unopiu.com/skin/frontend/base/default/images/amshopby-minus.gif) no-repeat; } .block-layered-nav li:after { display: block; content: "."; clear: both; font-size: 0; line-height: 0; height: 0; overflow: hidden; } .main .block-layered-nav.amshopby-collapse-enabled dt { cursor: pointer; padding-left: 15px; background: url(https://www.unopiu.com/skin/frontend/base/default/images/amshopby-expanded.gif) center left no-repeat; } .block-layered-nav.amshopby-collapse-enabled dt::after { border-style: none; } .block-layered-nav.amshopby-collapse-enabled dt.amshopby-collapsed { background: url(https://www.unopiu.com/skin/frontend/base/default/images/amshopby-collapsed.gif) center left no-repeat; } .block-layered-nav.amshopby-collapse-enabled .toggle-content .no-display { display: block; } .block-layered-nav .amshopby-slider { position: relative; margin: 10px 4px 5px; z-index: 9; height: 18px; background: url(https://www.unopiu.com/skin/frontend/base/default/images/amshopby-slider-bg.gif) repeat-x 0 50%; cursor: pointer; } .block-layered-nav .amshopby-slider .handle { margin-left: -4px; width: 8px; top: 3px; height: 14px; background: transparent url(https://www.unopiu.com/skin/frontend/base/default/images/amshopby-hadle.png) no-repeat; position: absolute; cursor: move; z-index: 2; } /* * Slider labels */ .amshopby-slider-price { color: #798794; } .amshopby-slider-price-from { float: left; } .amshopby-slider-price-to { float: right; } .amshopby-slider-handle-right, .amshopby-slider-handle-left { position: absolute; top: 14px; } .amshopby-slider-handle-left { left: 0; } .amshopby-slider-handle-right { right: 0; } .amshopby-tooltip { padding: 2px 5px; background: #FEC; border: 1px solid #FAA819; color: #1F5070; text-align: left; width: 200px; position: absolute; z-index: 1000; } .amshopby-slider-price-range { text-align: center; font-size: 0.9em; } .amshopby-tooltip-img { cursor: help; display: inline; } .block-layered-nav, .amshopby-page-container, .amshopby-filters-top { position: relative; } .amshopby-overlay { background-color: #FFFFFF; height: 100%; left: 0; opacity: 0.5; filter: alpha(opacity=50); position: absolute; top: 0; width: 100%; z-index: 555; } .amshopby-overlay img { top: 100px; left: 45%; display: block; position: absolute; } .amshopby-overlay div { margin: 0 auto; display: block; width: 300px; height: 200px; background: url('https://www.unopiu.com/skin/frontend/base/default/images/amshopby-overlay.gif') 50% 50% no-repeat; } /* * Advanced Categories */ .amshopby-advanced li { clear: both; } .amshopby-advanced .level1 { padding-left: 20px; } .amshopby-advanced .level2 { padding-left: 30px; } .amshopby-advanced .level3 { padding-left: 40px; } .amshopby-advanced .level4 { padding-left: 50px; } .amshopby-advanced li.active > a { font-weight: bold; } .amshopby-cat-toggle.amshopby-cat-toggle-hidden { display: none; } /* * Slider Bar */ .amshopby-slider-bar { position: absolute; background: #999; height: 6px; top: 6px; z-index: 1; } /* * Subcategories block */ .amshopby-subcategory-image { overflow: auto; } .btn-remove-inline { background: url('https://www.unopiu.com/skin/frontend/base/default/images/am_btn_remove.gif') no-repeat; width: 13px; height: 12px; margin-left: 4px; } .amshopby-hightlighted { background: yellow; } .btn-remove-inline img { display: inline; } .block-layered-nav .amshopby-slider .handle.active { z-index: 3; } .amshopby-slider-ui { background: url(https://www.unopiu.com/skin/frontend/base/default/images/amshopby-slider-bg.gif) repeat-x 0 50%; margin: 10px .4em; } .amshopby-slider-ui .ui-slider-handle { background-color: #f18200; border: 1px solid #de5400; box-sizing: border-box; outline: none; } .amshopby-slider-ui .ui-slider-range { background-color: #999999; } .ui-widget-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; } .ui-slider { cursor: pointer; position: relative; text-align: left; } .ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 0.8em; height: 1.2em; cursor: pointer; -ms-touch-action: none; touch-action: none; } .ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; background-position: 0 0; } /* support: IE8 - See #6727 */ .ui-slider.ui-state-disabled .ui-slider-handle, .ui-slider.ui-state-disabled .ui-slider-range { filter: inherit; } .ui-slider-horizontal { height: .8em; } .ui-slider-horizontal .ui-slider-handle { top: -.2em; margin-left: -.4em; } .ui-slider-horizontal .ui-slider-range { top: 0.2em; height: 8px; } .ui-slider-horizontal .ui-slider-range-min { left: 0; } .ui-slider-horizontal .ui-slider-range-max { right: 0; } .ui-slider-vertical { width: .8em; height: 100px; } .ui-slider-vertical .ui-slider-handle { left: -.3em; margin-left: 0; margin-bottom: -.6em; } .ui-slider-vertical .ui-slider-range { left: 0; width: 100%; } .ui-slider-vertical .ui-slider-range-min { bottom: 0; } .ui-slider-vertical .ui-slider-range-max { top: 0; } .amshopby-narrow-by-list td { vertical-align: top; } input[name^="amshopby"][id$="from"].input-text, input[name^="amshopby"][id$="to"].input-text { width: auto; } .amshopby-item-top { max-width: 225px; min-width: 180px; display: inline-block; vertical-align: top; height: 100%; } .amshopby-filters-top .block-content ol { max-width: 250px; } .amshopby-item-top .amshopby-column { width: auto; } .no-display-current, .no-display { display: none; } .current .no-display-current, .current td.no-display { display: block; } @media only screen and (max-width: 770px) { dl#narrow-by-list, dl#narrow-by-list2 { padding: 0; } .block-layered-nav.amshopby-collapse-enabled .toggle-content dt { background: url(https://www.unopiu.com/skin/frontend/base/default/images/amshopby-collapsed.gif) center left no-repeat; } .block-layered-nav.amshopby-collapse-enabled .toggle-content.accordion-open dt.current { background: url(https://www.unopiu.com/skin/frontend/base/default/images/amshopby-expanded.gif) center left no-repeat; } } .block-layered-nav ol:not(.single-choice) select option[selected] { color: white; background-color: rgba(171, 171, 171, 1); } .amshopby-apply-button { width: 180px; height: 40px; margin-top: 1em; } /** * All Brands page */ .content .ambrands-list { min-width: 180px; } .amshopby-subcategories-wrapper { position: relative; box-sizing: unset; flex-wrap: wrap; } .amshopby-subcategories-wrapper:after { content: ''; position: absolute; bottom: 0; display: block; width: 100%; height: 1px; background: #fff; z-index: 999; } .amshopby-subcategory { float: left; height: auto; width: auto; padding-right: 5px; line-height: 50px; border-bottom: 1px solid #eee; } .amshopby-subcategory .am-item { width: 100%; display: flex; display: -webkit-flex; align-items: center; -webkit-align-items: center; text-align: left; vertical-align: middle; line-height: 1; } .amshopby-subcategory .am-img { max-width: 100%; display: block; float: left; } .amshopby-subcategory .am-title { margin-left: 5px; padding: 20px 0; } .amshopby-subcategories-img { display: inline; vertical-align: middle; } div.amshopby-overflow-scroll-enabled div.block-content dl dd > ol:first-of-type { overflow-y: auto; } .am_search_popup { position: absolute; right: 0; margin-top: 5px; min-width: 300px; text-align: left; border-radius: 8px; font: 12px Arial, Helvetica, sans-serif; z-index: 1000; box-shadow: 0px 16px 32px rgba(0, 0, 0, 0.25); } .am_search_popup .am_element { font-size: 10px; padding: 10px; float: none; } @media only screen and (max-width: 770px) { #am_search_container .am_search_popup { width: 100%; margin-bottom: 20px; } .price_footer { width: 100%; } .price_footer div.price_cell { display: inline-block; text-align: left; min-width: 99%; } .price_footer div { display: inline-block; text-align: right; } .am_search_popup { border-width: 0 !important; border-radius: 0 !important; height: 100%; background-color: white !important; } .am_search_popup_inner { border-radius: 0 !important; } .more_results { font-size: 14pt; } .am_search_popup .am_search_popup_inner .am-categories { width: 100%; } .am_search_popup .am_search_popup_inner .am-products { display: block; width: 100%; } } .am_search_popup_inner { display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; /* border: 1px solid #a5a5a5; */ /* border-radius: 7px; */ overflow: hidden; background: #fff; } .am_search_popup div.am_element, div.am-categories, div.am-products { float: none; width: 100%; color: black; background: #fff; } .am_search_popup_inner .am-categories { padding: 5px 15px 10px; width: 30%; } .am_search_popup_inner .am-categories.am-fullwidth, .am_search_popup_inner .am-products.am-fullwidth, .am-products .am-product-link.am-fullwidth{ width: 100%; } .am-categories .am-container-title { padding-bottom: 5px; border-bottom: 1px solid #dadada; } .am_search_popup .am-categories .category-name { font-weight: 400; } .am_search_popup_inner .am-products { display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 5px 15px 10px; width: 70%; } .am-products > .am-container-title { display: none; padding-bottom: 5px; width: 100%; border-bottom: 1px solid #dadada; } .am-products .am-product-link { width: 50%; } .am-more-results { width: 100%; } .am_image > img { max-width: 100%; /* border: 1px solid #bec4c8; */ } .am_search_popup .price-box { margin: 0; } .am_search_popup .price_footer { margin-top: 10px; } .price_footer .add2cart { display: inline-block; } .am_search_popup .price_cell { vertical-align: middle; padding-right: 3px; margin-bottom: 5px; display: inline-block; } .am_search_popup .regular-price .price, .am_search_popup .am_title { font-weight: normal; font-size: 12px; float: none; } .am_search_popup .am_title { font-weight: bold; } .am_search_popup .am_image { display: inline-block; max-width: 29%; width: 100%; padding-right: 2%; background: transparent !important; /* border-right: 1px solid #adb5b9; */ min-height: 100%; } .am_search_popup .am_right { display: inline-block; max-width: 69%; min-width: 35%; width: 60%; vertical-align: top; padding-left: 2%; } .am_search_popup a { text-decoration: none !important; } #search_mini_form #search.loading, .form-search #search.loading { background: url(https://www.unopiu.com/skin/frontend/base/default/images/amxsearch_loader.gif) no-repeat 95% center; position: relative; z-index: 11; } #search_mini_form .search-button { z-index: 10; } .am_search_popup .ratings { margin: 0 0 3px; } .am_search_popup .rating-box { background: url(https://www.unopiu.com/skin/frontend/base/default/images/am_xsearch_bkg_rating.png) 0 0 repeat-x; } .am_search_popup .rating { background: url(https://www.unopiu.com/skin/frontend/base/default/images/am_xsearch_bkg_rating.png) 0 100% repeat-x; } .am_search_popup div.am_element:hover .rating-box { background: url(https://www.unopiu.com/skin/frontend/base/default/images/am_xsearch_bkg_rating_white.png) 0 0 repeat-x; } .am_search_popup div.am_element:hover .rating { background: url(https://www.unopiu.com/skin/frontend/base/default/images/am_xsearch_bkg_rating_white.png) 0 100% repeat-x; } .am_search_popup .am_title, .am_search_popup .am-category a{ font-weight: bold; padding-bottom: 3px; } .am_search_popup .regular-price .price { font-style: italic; font-weight: bold; } #am_search_container { position: relative; clear: both; z-index: 40000; } .am_search_popup .more_results { padding: 10px 0; background: #FFF; text-align: center; font-weight: bold; display: block; } .button.btn-cart { white-space: inherit; } .am_search_popup .am-category { cursor: pointer; font-size: 14px; padding: 5px 0 5px 15px; } .am_search_popup .price-box { text-align: left; } /** * Inchoo is not affiliated with or in any way responsible for this code. * * Commercial support is available directly from the [extension author](http://www.techytalk.info/contact/). * * @category Marko-M * @package SocialConnect * @author Marko Martinović * @copyright Copyright (c) Marko Martinović (http://www.techytalk.info) * @license http://opensource.org/licenses/osl-3.0.php Open Software License (OSL 3.0) */ div.inchoo-socialconnect-facebook{ float: right; height: 30px !important; background: transparent url('https://www.unopiu.com/skin/frontend/base/default/inchoo_socialconnect/facebook/images/login-button-left.png') no-repeat top left !important; } div.inchoo-socialconnect-facebook-inner{ height: 30px !important; float: left !important; margin-left: 30px !important; background: transparent url('https://www.unopiu.com/skin/frontend/base/default/inchoo_socialconnect/facebook/images/login-button-inner.png') repeat-x top left !important; padding: 0 5px !important; text-shadow: 1px 1px #1c376d; } div.inchoo-socialconnect-facebook-right{ float: left !important; height: 30px !important; width: 3px !important; background: transparent url('https://www.unopiu.com/skin/frontend/base/default/inchoo_socialconnect/facebook/images/login-button-right.png') no-repeat top left !important; } div.inchoo-socialconnect-facebook-inner a{ color: #FFFFFF !important; padding: 0 !important; margin: 0 !important; text-decoration: none !important; line-height: 30px !important; } #magegiant-sociallogin-container { } #magegiant-sociallogin-container input, #magegiant-sociallogin-container select, #magegiant-sociallogin-container textarea { -ms-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-box-sizing: border-box; } .magegiant-sociallogin-popup { width: 100%; max-width: 500px; background-color: white; z-index: 200; overflow: hidden; height: auto !important; text-align: left; top: 10%; } #magegiant-sociallogin-container .sociallogin-title { margin: 0 -12px 12px -12px; padding: 5px 10px 2px 40px; background-position: 12px center; background-repeat: no-repeat; } #magegiant-sociallogin-container .sociallogin-title h2 { color: #fff; font-size: 18px; } #magegiant-sociallogin-container .sociallogin-title.create-account-title { background-image: url(https://www.unopiu.com/skin/frontend/base/default/css/magegiant/sociallogin/images/create-account-title.png); } #magegiant-sociallogin-container .sociallogin-title.login-title { background-image: url(https://www.unopiu.com/skin/frontend/base/default/css/magegiant/sociallogin/images/login-title.png); } #magegiant-sociallogin-container .sociallogin-title.forgot-pass-title { background-image: url(https://www.unopiu.com/skin/frontend/base/default/css/magegiant/sociallogin/images/forgot-pass-title.png); } #magegiant-sociallogin-container .form-list .input-box { width: auto; } #magegiant-sociallogin-container .input-text { width: 100%; min-height: 30px; margin-bottom: 10px; padding: 0 5px; } #magegiant-sociallogin-container .button { transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; } #magegiant-sociallogin-container button.button span { border: none; background: none; color: #FFF; float: none; } .giant-sociallogin-auth-form-block { display: block; padding: 0 3px; } #magegiant-sociallogin-container .giant-sociallogin-auth-form-block.last { padding: 10px 10px; } .giant-sociallogin-auth-form-block .button { float: right; min-height: 30px; min-width: 80px; } .giant-sociallogin-auth-form-block .button:hover { opacity: 0.6; } #magegiant-sociallogin-authentication, #magegiant-socialogin-create-user, #sociallogin-forgot { padding: 0 12px 10px 10px; } .ajax-login-image { background: url(https://www.unopiu.com/skin/frontend/base/default/css/magegiant/sociallogin/images/ajax-loader.gif) no-repeat scroll 0 0 transparent; width: 16px; height: 16px; position: absolute; top: 50%; left: 50%; } .magegiant-invalid-email { color: red; } .magegiant-success-email { color: green; } /*Social button*/ #social-button-container { padding: 10px 0; } #social-button-container .social-button-wapper { display: block; } #social-button-container .social-button-wapper ul { padding: 10px 20px; } #social-button-container .social-button-wapper ul li { float: left; margin-bottom: 20px; } #social-button-container .social-button-wapper ul li button { padding: 5px 5px; width: 100%; } #social-button-container .social-button-wapper ul li button img { width: 25px; vertical-align: middle; } #social-button-container .social-button-wapper ul li button span { vertical-align: middle; margin-left: 10px; } .row-mg{ min-height:1px; margin:0 -10px; } .col-mg{ -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; -moz-background-clip:padding-box !important; -webkit-background-clip:padding-box !important; background-clip:padding-box !important; float:left; padding:0 10px; } @media (min-width: 1200px) { .mg-lg-1 { width:8.33333333333%; } .mg-lg-2 { width:16.6666666667%; } .mg-lg-3 { width:25.0%; } .mg-lg-4 { width:33.3333333333%; } .mg-lg-5 { width:41.6666666667%; } .mg-lg-6 { width:50.0%; } .mg-lg-7 { width:58.3333333333%; } .mg-lg-8 { width:66.6666666667%; } .mg-lg-9 { width:75.0%; } .mg-lg-10 { width:83.3333333333%; } .mg-lg-11 { width:91.6666666667%; } .mg-lg-12 { margin-left:0; width:100%; } } @media (min-width: 992px) and (max-width: 1199px) { .mg-md-1 { width:8.33333333333%; } .mg-md-2 { width:16.6666666667%; } .mg-md-3 { width:25.0%; } .mg-md-4 { width:33.3333333333%; } .mg-md-5 { width:41.6666666667%; } .mg-md-6 { width:50.0%; } .mg-md-7 { width:58.3333333333%; } .mg-md-8 { width:66.6666666667%; } .mg-md-9 { width:75.0%; } .mg-md-10 { width:83.3333333333%; } .mg-md-11 { width:91.6666666667%; } .mg-md-12 { margin-left:0; width:100%; } } @media (min-width: 768px) and (max-width: 991px) { .mg-sm-1 { width:8.33333333333%; } .mg-sm-2 { width:16.6666666667%; } .mg-sm-3 { width:25.0%; } .mg-sm-4 { width:33.3333333333%; } .mg-sm-5 { width:41.6666666667%; } .mg-sm-6 { width:50.0%; } .mg-sm-7 { width:58.3333333333%; } .mg-sm-8 { width:66.6666666667%; } .mg-sm-9 { width:75.0%; } .mg-sm-10 { width:83.3333333333%; } .mg-sm-11 { width:91.6666666667%; } .mg-sm-12 { margin-left:0; width:100%; } } @media (min-width: 481px) and (max-width: 767px) { .mg-xs-1 { width:8.33333333333%; } .mg-xs-2 { width:16.6666666667%; } .mg-xs-3 { width:25.0%; } .mg-xs-4 { width:33.3333333333%; } .mg-xs-5 { width:41.6666666667%; } .mg-xs-6 { width:50.0%; } .mg-xs-7 { width:58.3333333333%; } .mg-xs-8 { width:66.6666666667%; } .mg-xs-9 { width:75.0%; } .mg-xs-10 { width:83.3333333333%; } .mg-xs-11 { width:91.6666666667%; } .mg-xs-12 { margin-left:0; width:100%; } } @media (max-width: 480px) { .col-mg{ width:100%; } } .tbox { position: absolute; display: none; padding: 14px 17px; z-index: 99999 } .tinner { /*padding: 15px; -moz-border-radius: 5px; border-radius: 5px;*/ background: #fff url(https://www.unopiu.com/skin/frontend/base/default/css/magegiant/sociallogin/tinybox2/images/preload.gif) no-repeat 50% 50%; border-right: 1px solid #333; border-bottom: 1px solid #333; } .tmask { position: absolute; display: none; top: 0px; left: 0px; height: 100%; width: 100%; background: #000; z-index: 9999 } .tclose { background: url("https://www.unopiu.com/skin/frontend/base/default/css/magegiant/sociallogin/tinybox2/images/close-icon.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0); cursor: pointer; height: 13px; position: absolute; right: 20px; top: 26px; width: 20px; } .tclose:hover { _background-position: 0 -30px } #error { background: #ff6969; color: #fff; text-shadow: 1px 1px #cf5454; border-right: 1px solid #000; border-bottom: 1px solid #000; padding: 0 } #error .tcontent { padding: 10px 14px 11px; border: 1px solid #ffb8b8; -moz-border-radius: 5px; border-radius: 5px } #success { background: #2ea125; color: #fff; text-shadow: 1px 1px #1b6116; border-right: 1px solid #000; border-bottom: 1px solid #000; padding: 10; -moz-border-radius: 0; border-radius: 0 } #bluemask { background: #4195aa } #frameless { padding: 0 } #frameless .tclose { left: 6px } /* ******************************************************************************************** Horizontal Menu *********************************************************************************************** */ #mega-nav, #mega-nav div.mega-block, #mega-nav ul { list-style: none outside none; padding: 0; } .mega-mobile-container { display: none; } .mega-container{ float: left; width: 100%; } .mega-container *{-webkit-backface-visibility: hidden;-o-backface-visibility: hidden;-ms-backface-visibility: hidden;} #mega-nav { float: left; width: 100%; } #mega-nav div.mega-block { background-color: #FFFFFF; left:0; padding: 2%; position: absolute; top: 44px; max-width: 100%; display: none/9; opacity: 0; -moz-opacity: 0; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); pointer-events: none; /*visibility: hidden;*/ -webkit-transform: translateY(20px); -moz-transform: translateY(20px); -o-transform: translateY(20px); -ms-transform: translateY(20px); transform: translateY(20px); -moz-box-shadow: 0 0 5px -1px rgba(0,0,0,.2); -webkit-box-shadow: 0 0 5px -1px rgba(0,0,0,.2); box-shadow: 0 0 5px -1px rgba(0,0,0,.2); -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } #mega-nav li:hover div.mega-block { z-index: 1000; display: block/9; opacity: 1; -moz-opacity: 1; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); pointer-events: all; /*visibility: visible;*/ -webkit-transform: translateX(0px); -moz-transform: translateX(0px); -o-transform: translateX(0px); -ms-transform: translateX(0px); transform: translateX(0px); } #mega-nav > li { float: left; text-align: left; } #mega-nav > li > a { padding: 12px 10px; display: block; text-decoration: none; white-space: normal; font-size: 14px; position: relative } #mega-nav > li:hover > a, #mega-nav li.active > a{ color: #1bbeb4; } #mega-nav > li.parent > a:before{ content: " "; display: block; border-bottom: 8px solid #E4E4E4; border-left: 8px solid transparent; border-right: 8px solid transparent; border-top: none; margin-top: -8px; position: absolute; bottom: 0px; left: 0px; right: 0; margin: 0 auto; width: 0; height: 0; display: none/9; opacity: 0; -moz-opacity: 0; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); pointer-events: none; -webkit-transform: translateY(20px); -moz-transform: translateY(20px); -o-transform: translateY(20px); -ms-transform: translateY(20px); transform: translateY(20px); -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } #mega-nav > li.parent:hover > a:before{ z-index: 1000; display: block/9; opacity: 1; -moz-opacity: 1; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); pointer-events: all; -webkit-transform: translateX(0px); -moz-transform: translateX(0px); -o-transform: translateX(0px); -ms-transform: translateX(0px); transform: translateX(0px); } /* Second level */ #mega-nav ul.subs{ } #mega-nav ul.subs > li { /*display: inline-block;*/ /*float: none;*/ vertical-align: top; margin-top: 0; padding-bottom: 15px; } #mega-nav ul.subs li img{ display: inline-block; vertical-align: middle; margin-right: 15px; margin-bottom: 10px; } #mega-nav ul.subs > li > a, #mega-nav .mega-block .header-mega-dropdown-wrapper .heading{ } #mega-nav ul.subs li a { font-size: 16px; display: inline-block; vertical-align: middle; margin-bottom: 10px; font-weight: bold; } #mega-nav ul.subs > li > a:hover{ color: #1bbeb4; } /* Third level */ #mega-nav ul.subs ul{ /*margin-top: 10px;*/ } #mega-nav ul.subs li li{ /*padding: 5px 0px;*/ float: left; width: 100%; } #mega-nav ul.subs li li a, #mega-nav .mega-block .header-mega-dropdown-wrapper p, #mega-nav .mega-block .header-mega-dropdown-wrapper a, #mega-nav .mega-block .show-separators .links a, #mega-nav .mega-block .show-separators .label{ font-size: 14px; font-weight: 400; } #mega-nav ul.subs li li a { } #mega-nav ul.subs li li a:before{ content: "\f105"; font-family: FontAwesome; padding-right: 10px; } #mega-nav ul.subs li li a:hover, #mega-nav .mega-block .header-mega-dropdown-wrapper a:hover, #mega-nav .mega-block .show-separators .links a:hover{ color: #1bbeb4; } /*Mega Custom Block*/ .custom-block-top, .custom-block-bottom, .custom-block-right, .custom-block-left, #mega-nav ul.subs{ margin-top: 10px; margin-bottom: 1%; } /* Static block's content - basic formatting */ #mega-nav .mega-block .header-mega-dropdown-wrapper .heading { margin:0px 0 10px; } #mega-nav .mega-block .header-mega-dropdown-wrapper p { margin:10px 0; } #mega-nav .mega-block .header-mega-dropdown-wrapper img{margin-bottom: 10px;} #mega-nav .mega-block .section-hr{} /* ******************************************************************************************** Vertical Menu *********************************************************************************************** */ #mega-nav .megamenu-vertical{ position: relative; } #mega-nav .megamenu-vertical .mega-block{ padding: 0px; left: 0px !important; background-color: transparent !important; } #mega-nav .megamenu-vertical ul{ width: 210px; float: left; background-color: #FFFFFF; } #mega-nav .megamenu-vertical ul.subs{ margin: 0px; } #mega-nav .megamenu-vertical ul.subs li a:before{ display: none; } #mega-nav .megamenu-vertical ul.subs li ul:before{ content: " "; display: block; border-bottom: 8px solid transparent; border-left: none; border-right: 8px solid #E4E4E4; border-top: 8px solid transparent; position: absolute; left: -8px; top: 12px; width: 0; height: 0; margin: 0 auto; display: none; } #mega-nav .megamenu-vertical ul.subs ul{ margin: 0px; position: absolute; top: 0; left: 210px; z-index: 10000; display: none/9; opacity: 0; -moz-opacity: 0; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); pointer-events: none; /*visibility: hidden;*/ -webkit-transform: translateY(20px); -moz-transform: translateY(20px); -o-transform: translateY(20px); -ms-transform: translateY(20px); transform: translateY(20px); -moz-box-shadow: 0 0 5px -1px rgba(0,0,0,.2); -webkit-box-shadow: 0 0 5px -1px rgba(0,0,0,.2); box-shadow: 0 0 5px -1px rgba(0,0,0,.2); -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } #mega-nav .megamenu-vertical ul.subs li:hover > ul{ display: block/9; opacity: 1; -moz-opacity: 1; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); pointer-events: all; /*visibility: visible;*/ -webkit-transform: translateX(0px); -moz-transform: translateX(0px); -o-transform: translateX(0px); -ms-transform: translateX(0px); transform: translateX(0px); } #mega-nav .megamenu-vertical ul.subs li{ padding: 0px; float: left; width: 100%; position: relative; } #mega-nav .megamenu-vertical ul.subs li a{ display: block; margin: 0px; padding: 10px 15px; font-size: 14px; font-weight: 400; border-bottom: 1px solid #E4E4E4; } #mega-nav .megamenu-vertical ul.subs li:hover > a{ color: #1bbeb4; background-color: #252525; } #mega-nav .megamenu-vertical ul.subs li a span.category-label{margin-left: 0px;right: 10px;} #mega-nav .megamenu-vertical ul.subs li a span.category-label:before{display: none;} /* ******************************************************************************************** Mobile Menu Css *********************************************************************************************** */ #cssmenu { width: auto; } #cssmenu #mobile-menu{ position: absolute; left: 0px; right: 0px; z-index: 40001; display: block; text-align: left; top: 44px; -moz-box-shadow: 0 0 5px -1px rgba(0,0,0,.2); -webkit-box-shadow: 0 0 5px -1px rgba(0,0,0,.2); box-shadow: 0 0 5px -1px rgba(0,0,0,.2); } #cssmenu ul{ margin: 0; padding: 0; border: 0; list-style: none; font-weight: normal; text-decoration: none; } #cssmenu ul li{ position: relative; } #cssmenu ul li a { padding: 15px 50px 15px 20px; display: block; background-color: #FFFFFF; border-bottom: 1px solid #E4E4E4; font-size: 14px; color: #252525 !important; } #cssmenu ul li a:hover{ background-color: #252525 !important; color: #1bbeb4 !important; } #cssmenu #mobile-menu .open{ position: absolute; right: 0px; top: 0px; display: block; cursor: pointer; font-family: FontAwesome; width: 49px; height: 49px; background-position: center center; background-repeat: no-repeat; font-size: 14px; text-align: center; line-height: 49px; } #cssmenu #mobile-menu li:hover > .open, #cssmenu #mobile-menu .open:hover, #cssmenu #mobile-menu .open.active{ color: #1bbeb4; } #cssmenu span.cnt { position: absolute; top: 8px; right: 15px; padding: 0; margin: 0; background: none; } #cssmenu ul ul { display: none; } /*Second Level*/ #cssmenu #mobile-menu ul > li > a{ padding-left: 30px; } /*Third Level*/ #cssmenu #mobile-menu ul ul > li > a{ padding-left: 40px; } /* Responsive rules ============================================ */ @media all and (max-width : 1279px) { #mega-nav > li > a{ } } @media only screen and (max-width : 1081px) { .nav-maincontainer.sticky{display: none !important;} .mega-container {display: none;} .mega-mobile-container {display: block;} } /* YUI 3.18.1 (build f7e7bcb) Copyright 2014 Yahoo! Inc. All rights reserved. Licensed under the BSD License. http://yuilibrary.com/license/ */ .yui3-cssreset html{color:#000;background:#FFF}.yui3-cssreset body,.yui3-cssreset div,.yui3-cssreset dl,.yui3-cssreset dt,.yui3-cssreset dd,.yui3-cssreset ul,.yui3-cssreset ol,.yui3-cssreset li,.yui3-cssreset h1,.yui3-cssreset h2,.yui3-cssreset h3,.yui3-cssreset h4,.yui3-cssreset h5,.yui3-cssreset h6,.yui3-cssreset pre,.yui3-cssreset code,.yui3-cssreset form,.yui3-cssreset fieldset,.yui3-cssreset legend,.yui3-cssreset input,.yui3-cssreset textarea,.yui3-cssreset p,.yui3-cssreset blockquote,.yui3-cssreset th,.yui3-cssreset td{margin:0;padding:0}.yui3-cssreset table{border-collapse:collapse;border-spacing:0}.yui3-cssreset fieldset,.yui3-cssreset img{border:0}.yui3-cssreset address,.yui3-cssreset caption,.yui3-cssreset cite,.yui3-cssreset code,.yui3-cssreset dfn,.yui3-cssreset em,.yui3-cssreset strong,.yui3-cssreset th,.yui3-cssreset var{font-style:normal;font-weight:normal}.yui3-cssreset ol,.yui3-cssreset ul{list-style:none}.yui3-cssreset caption,.yui3-cssreset th{text-align:left}.yui3-cssreset h1,.yui3-cssreset h2,.yui3-cssreset h3,.yui3-cssreset h4,.yui3-cssreset h5,.yui3-cssreset h6{font-size:100%;font-weight:normal}.yui3-cssreset q:before,.yui3-cssreset q:after{content:''}.yui3-cssreset abbr,.yui3-cssreset acronym{border:0;font-variant:normal}.yui3-cssreset sup{vertical-align:text-top}.yui3-cssreset sub{vertical-align:text-bottom}.yui3-cssreset input,.yui3-cssreset textarea,.yui3-cssreset select{font-family:inherit;font-size:inherit;font-weight:inherit}.yui3-cssreset input,.yui3-cssreset textarea,.yui3-cssreset select{*font-size:100%}.yui3-cssreset legend{color:#000}#yui3-css-stamp.cssreset-context{display:none} /* ******************************************************************************************** Navigation *********************************************************************************************** */ @media only screen and (min-width: 1042px) { /* Default Navigation ***********/ .nav-container{} .nav-container *{-webkit-backface-visibility: hidden;-o-backface-visibility: hidden;-ms-backface-visibility: hidden;} /*.nav-container #nav {text-transform:capitalize;}*/ .nav-container #nav ul.level0 { position:absolute; z-index: 1501;} .nav-container #nav li{float: left;text-align:left;} .nav-container #nav li:hover{} .nav-container #nav li, .nav-container #nav li:hover{position: relative;} .nav-container #nav a{text-decoration:none;font-size: 14px;display: block;position: relative;font-weight: normal;padding: 12px 10px;} .nav-container #nav li a.over, .nav-container #nav li.hover > a, .nav-container #nav a:hover, .nav-container #nav li.active a.level-top{color: #1bbeb4;} /* .nav-container #nav > li:first-child + li + li + li > a span, .nav-container #nav > li:first-child + li + li + li + li > a span{border-right: none;padding-right: 0px;} .nav-container #nav > li:first-child + li + li + li + li, .nav-container #nav > li:first-child + li + li + li + li + li, .nav-container #nav > li:first-child + li + li + li + li + li + li{float: right;} */ /* 2nd Level */ .nav-container #nav ul { position:absolute; width:210px; top:44px; z-index: 10000; background-color: #FFFFFF; display: none/9; opacity: 0; -moz-opacity: 0; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); pointer-events: none; /*visibility: hidden;*/ -webkit-transform: translateY(20px); -moz-transform: translateY(20px); -o-transform: translateY(20px); -ms-transform: translateY(20px); transform: translateY(20px); -moz-box-shadow: 0 0 5px -1px rgba(0,0,0,.2); -webkit-box-shadow: 0 0 5px -1px rgba(0,0,0,.2); box-shadow: 0 0 5px -1px rgba(0,0,0,.2); -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .nav-container #nav li:hover > ul{ display: block/9; opacity: 1; -moz-opacity: 1; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); pointer-events: all; /*visibility: visible;*/ -webkit-transform: translateX(0px); -moz-transform: translateX(0px); -o-transform: translateX(0px); -ms-transform: translateX(0px); transform: translateX(0px); } .nav-container #nav > li > ul.shown-sub:before{ content: " "; display: block; border-bottom: 8px solid #E4E4E4; border-left: 8px solid transparent; border-right: 8px solid transparent; border-top: none; margin-top: -8px; position: absolute; left: 20px; } .nav-container #nav div ul { position:static; width:auto; } .nav-container #nav li ul li{float: none !important;display: inherit !important;} .nav-container #nav li ul li a{line-height: normal;display: block;padding: 11px 15px;border-bottom: 1px solid #E4E4E4;} .nav-container #nav li ul li.last > a{border-bottom: none;} .nav-container #nav li ul li a span{} .nav-container #nav li ul li a span.errow{} .nav-container #nav li ul li a.over, .nav-container #nav li ul li a:hover, .nav-container #nav li ul li.hover > a{color: #1bbeb4;background-color: #252525;} .nav-container #nav li ul li ,.nav-container #nav li ul li:hover{margin:0px;} .nav-container #nav li ul li:last-child a{} .nav-container #nav li ul li.last a{} .nav-container #nav li ul li a span{} /* Category Label */ .nav-container #nav > li > a span.category-label{top: -15px;} .nav-container #nav li ul li a span.category-label{margin-left: 0px;right: 10px;} .nav-container #nav li ul li a span.category-label:before{display: none;} /* 3rd+ Level */ .nav-container #nav ul ul, .nav-container #nav ul div { top:0px; margin-top: 0px;} .nav-container #nav ul span, .nav-container #nav ul li.last li span {} .nav-container #nav li ul li ul {left:210px;} .nav-container #nav li ul.shown-sub, #nav li .shown-sub {} .nav-container #nav li ul.shown-sub {} } /* Responsive Menu ======================================================================== */ @media screen and (max-width: 1041px) { .nav-maincontainer.sticky{ display: none !important; } .toggleMenu { height: 38px; font-weight: normal; line-height: 38px; 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: 38px; } #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 !important; margin-right: 0px; display: block; text-decoration: none; font-size: 14px; color: #252525 !important; } #nav a span{border-right: none;padding-right: 0px;} #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 !important; } .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 !important; text-decoration:none; } #nav li li li a { padding-left: 40px !important; 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; } } /* * 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.unopiu.com/skin/frontend/unpsa/default/slider/images/grabbing.png) 8 8, move; width: 16px; height: 16px; } /* fix */ .owl-carousel .owl-wrapper, .owl-carousel .owl-item{ -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -webkit-transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0); } /* * Owl Carousel Owl Demo Theme * v1.3.2 */ /* ******************************************************************************************** Itemslider *********************************************************************************************** */ .itemslider {width:auto;margin-left:-20px;} /* Items */ .itemslider .item {margin: 0 1px 0px 20px !important;} .owl-theme .owl-controls{ text-align: center; } /* Styling Next and Prev buttons */ .owl-theme .owl-controls .owl-buttons div{ outline: 0; text-align: center; display: block; width: 34px; height: 34px; line-height: 34px; border-radius: 100%; text-decoration: none; text-align: center; float: left; background-color: #252525; position: absolute; top: 50%; color: #FFFFFF; margin-top: -17px; font-size: 14px; font-family: FontAwesome; opacity: 0; -moz-opacity: 0; filter: alpha(opacity=0); transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; } .owl-theme:hover .owl-controls .owl-buttons div{ opacity: 1; -moz-opacity: 1; filter: alpha(opacity=100); } .owl-theme .owl-controls .owl-buttons div:hover{ color: #1bbeb4; } .owl-theme .owl-controls .owl-buttons .owl-prev{left: 0px;text-indent: -2px;} .itemslider.owl-theme .owl-controls .owl-buttons .owl-prev{left: 3px;} .owl-theme .owl-controls .owl-buttons .owl-prev:hover{} .owl-theme .owl-controls .owl-buttons .owl-prev.disabled {} .owl-theme .owl-controls .owl-buttons .owl-next{right: 0px;text-indent: 2px;} .itemslider.owl-theme .owl-controls .owl-buttons .owl-next{right: -17px;} .owl-theme .owl-controls .owl-buttons .owl-next:hover{} .owl-theme .owl-controls .owl-buttons .owl-next.disabled {} /*Sidebar Control*/ .sidebar .itemslider .item{margin: 0px;text-align: center;border-right: none;border-left:none;} .sidebar .owl-theme .owl-controls .owl-buttons .owl-prev{} .sidebar .owl-theme .owl-controls .owl-buttons .owl-next{} /* Clickable class fix problem with hover on touch devices */ /* Use it for non-touch hover action */ .owl-theme .owl-controls.clickable .owl-buttons div:hover{ /*filter: Alpha(Opacity=100);IE7 fix*/ /*opacity: 1;*/ text-decoration: none; } /* Styling Pagination*/ .owl-theme .owl-controls .owl-page{ display: inline-block; zoom: 1; *display: inline;/*IE7 life-saver */ } .owl-theme .owl-controls .owl-page{ cursor: pointer; position: relative; background: white; width: 10px; height: 10px; line-height: 10px; margin-right: 7px; float: none; display: inline-block; margin-top: 0; webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; margin-bottom: 13px; opacity: 0.5; -moz-opacity: 0.5; filter: alpha(opacity=50); -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2); box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2); } .owl-theme .owl-controls .owl-page.active, .owl-theme .owl-controls.clickable .owl-page:hover{ opacity: 1; -moz-opacity: 1; filter: alpha(opacity=100); } /* If PaginationNumbers is true */ .owl-theme .owl-controls .owl-page span.owl-numbers{ font-size: 8px; display: block; } /* preloading images */ .owl-item.loading{ background: url(https://www.unopiu.com/skin/frontend/unpsa/default/images/opc-ajax-loader.gif) center center no-repeat; z-index: 9999; opacity: 0.9; height: 10px; margin: 20px auto 0 auto; } /*Banner Elements*/ .banner .item{ text-align: center; } .banner .item a{ position: relative; z-index: 1; display: block; } /*Banner control*/ .banner .owl-theme .owl-controls .owl-buttons div{ background-color: #FFFFFF; color: #252525; } .banner .owl-theme .owl-controls .owl-buttons div:hover{ color: #1bbeb4; } .banner .owl-theme .owl-controls .owl-buttons .owl-prev { left: 30px; } .banner .owl-theme .owl-controls .owl-buttons .owl-next { right: 30px; } /*Banner pagination*/ .banner .owl-pagination{ position: absolute; left: 0; right: 0; bottom: 0px; } .banner .owl-theme .owl-controls .owl-pagination{ opacity: 0; -moz-opacity: 0; filter: alpha(opacity=0); transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; } .banner .owl-theme:hover .owl-controls .owl-pagination{ opacity: 1; -moz-opacity: 1; filter: alpha(opacity=100); } /*Banner caption*/ .banner-slider .caption{ display:block; position:absolute; bottom:0; padding:0; text-align: left; z-index: 1; width:38%; margin: 6%; } .banner-slider .caption .heading{ padding:0.25em; font-weight:normal; clear: both; border-top: 2px solid; border-bottom: 2px solid; margin-bottom: 15px; } .banner-slider .caption p{ clear: left; padding: 0.25em 0.5em; margin-bottom: 10px; font-size: 14px; line-height: 20px; } .banner-slider .caption button.button{ border-bottom: none; margin: 0.25em 0.5em; clear:left; } .banner-slider .caption button.button span{ background-color: #252525; color: #FFF; } .banner-slider .caption button.button:hover span{ color: #1bbeb4; } /* Floating (Left) */ .banner-slider .caption.left > * { text-align:left; float:left !important; } /* Floating (Right) */ .banner-slider .caption.right > * { text-align:right; float:right !important; } /*Product View Direction*/ .itemslider-thumbnails .owl-controls .owl-buttons{} .itemslider-thumbnails .owl-controls .owl-buttons div{} .itemslider-thumbnails .owl-controls .owl-buttons .owl-prev{left: 0;} .itemslider-thumbnails .owl-controls .owl-buttons .owl-next{right: 0;} /*without margin*/ .itemslider-thumbnails.no-margin .owl-controls .owl-buttons .owl-prev{} .itemslider-thumbnails.no-margin .owl-controls .owl-buttons .owl-next{} /*Brand View Direction*/ #brand.owl-theme{} #brand.owl-theme .owl-wrapper-outer{box-sizing: border-box;} #brand.owl-theme .owl-wrapper{display: table !important;} /*Brand Slder Align Center Image*/ #brand.itemslider .owl-item{ float: none; display: table-cell; vertical-align: middle; } #brand.itemslider .item{text-align: center;margin-top: 0px;margin-bottom: 0px;border-right: none;border-left: none;} /* * Owl Carousel CSS3 Transitions * v1.3.2 */ .owl-origin { -webkit-perspective: 1200px; -webkit-perspective-origin-x : 50%; -webkit-perspective-origin-y : 50%; -moz-perspective : 1200px; -moz-perspective-origin-x : 50%; -moz-perspective-origin-y : 50%; perspective : 1200px; } /* fade */ .owl-fade-out { z-index: 10; -webkit-animation: fadeOut .7s both ease; -moz-animation: fadeOut .7s both ease; animation: fadeOut .7s both ease; } .owl-fade-in { -webkit-animation: fadeIn .7s both ease; -moz-animation: fadeIn .7s both ease; animation: fadeIn .7s both ease; } /* backSlide */ .owl-backSlide-out { -webkit-animation: backSlideOut 1s both ease; -moz-animation: backSlideOut 1s both ease; animation: backSlideOut 1s both ease; } .owl-backSlide-in { -webkit-animation: backSlideIn 1s both ease; -moz-animation: backSlideIn 1s both ease; animation: backSlideIn 1s both ease; } /* goDown */ .owl-goDown-out { -webkit-animation: scaleToFade .7s ease both; -moz-animation: scaleToFade .7s ease both; animation: scaleToFade .7s ease both; } .owl-goDown-in { -webkit-animation: goDown .6s ease both; -moz-animation: goDown .6s ease both; animation: goDown .6s ease both; } /* scaleUp */ .owl-fadeUp-in { -webkit-animation: scaleUpFrom .5s ease both; -moz-animation: scaleUpFrom .5s ease both; animation: scaleUpFrom .5s ease both; } .owl-fadeUp-out { -webkit-animation: scaleUpTo .5s ease both; -moz-animation: scaleUpTo .5s ease both; animation: scaleUpTo .5s ease both; } /* Keyframes */ /*empty*/ @-webkit-keyframes empty { 0% {opacity: 1} } @-moz-keyframes empty { 0% {opacity: 1} } @keyframes empty { 0% {opacity: 1} } @-webkit-keyframes fadeIn { 0% { opacity:0; } 100% { opacity:1; } } @-moz-keyframes fadeIn { 0% { opacity:0; } 100% { opacity:1; } } @keyframes fadeIn { 0% { opacity:0; } 100% { opacity:1; } } @-webkit-keyframes fadeOut { 0% { opacity:1; } 100% { opacity:0; } } @-moz-keyframes fadeOut { 0% { opacity:1; } 100% { opacity:0; } } @keyframes fadeOut { 0% { opacity:1; } 100% { opacity:0; } } @-webkit-keyframes backSlideOut { 25% { opacity: .5; -webkit-transform: translateZ(-500px); } 75% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(-200%); } 100% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(-200%); } } @-moz-keyframes backSlideOut { 25% { opacity: .5; -moz-transform: translateZ(-500px); } 75% { opacity: .5; -moz-transform: translateZ(-500px) translateX(-200%); } 100% { opacity: .5; -moz-transform: translateZ(-500px) translateX(-200%); } } @keyframes backSlideOut { 25% { opacity: .5; transform: translateZ(-500px); } 75% { opacity: .5; transform: translateZ(-500px) translateX(-200%); } 100% { opacity: .5; transform: translateZ(-500px) translateX(-200%); } } @-webkit-keyframes backSlideIn { 0%, 25% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(200%); } 75% { opacity: .5; -webkit-transform: translateZ(-500px); } 100% { opacity: 1; -webkit-transform: translateZ(0) translateX(0); } } @-moz-keyframes backSlideIn { 0%, 25% { opacity: .5; -moz-transform: translateZ(-500px) translateX(200%); } 75% { opacity: .5; -moz-transform: translateZ(-500px); } 100% { opacity: 1; -moz-transform: translateZ(0) translateX(0); } } @keyframes backSlideIn { 0%, 25% { opacity: .5; transform: translateZ(-500px) translateX(200%); } 75% { opacity: .5; transform: translateZ(-500px); } 100% { opacity: 1; transform: translateZ(0) translateX(0); } } @-webkit-keyframes scaleToFade { to { opacity: 0; -webkit-transform: scale(.8); } } @-moz-keyframes scaleToFade { to { opacity: 0; -moz-transform: scale(.8); } } @keyframes scaleToFade { to { opacity: 0; transform: scale(.8); } } @-webkit-keyframes goDown { from { -webkit-transform: translateY(-100%); } } @-moz-keyframes goDown { from { -moz-transform: translateY(-100%); } } @keyframes goDown { from { transform: translateY(-100%); } } @-webkit-keyframes scaleUpFrom { from { opacity: 0; -webkit-transform: scale(1.5); } } @-moz-keyframes scaleUpFrom { from { opacity: 0; -moz-transform: scale(1.5); } } @keyframes scaleUpFrom { from { opacity: 0; transform: scale(1.5); } } @-webkit-keyframes scaleUpTo { to { opacity: 0; -webkit-transform: scale(1.5); } } @-moz-keyframes scaleUpTo { to { opacity: 0; -moz-transform: scale(1.5); } } @keyframes scaleUpTo { to { opacity: 0; transform: scale(1.5); } } /** 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.unopiu.com/skin/frontend/unpsa/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.unopiu.com/skin/frontend/unpsa/default/fonts/css/font-awesome/fontawesome-webfont.eot?v=4.1.0'); src: url('https://www.unopiu.com/skin/frontend/unpsa/default/fonts/css/font-awesome/fontawesome-webfont.eot?#iefix&v=4.1.0') format('embedded-opentype'), url('https://www.unopiu.com/skin/frontend/unpsa/default/fonts/css/font-awesome/fontawesome-webfont.woff?v=4.1.0') format('woff'), url('https://www.unopiu.com/skin/frontend/unpsa/default/fonts/css/font-awesome/fontawesome-webfont.ttf?v=4.1.0') format('truetype'), url('https://www.unopiu.com/skin/frontend/unpsa/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"; } /* ******************************************************************************************** Update Version 1.1 *********************************************************************************************** */ /* ******************************************************************************************** Sidebar *********************************************************************************************** */ /* Filters current */ .block-layered-nav .currently + .actions {margin-bottom: 35px;} /* ******************************************************************************************** Category Page *********************************************************************************************** */ /* Subcategories Category */ .subcategories .item{width:23%;margin: 0 1%;text-align: center;float: left;margin-bottom: 4%;} .subcategories .product-name{font-size: 16px;font-weight: bold;} .subcategories .item:nth-child(4n+1) { clear:left; } .category-main .category-image{display: none;} .subcategories .category-image {margin-bottom: 10px;display: block;} /* ******************************************************************************************** Sale New Label *********************************************************************************************** */ /* Lable Marging Left Side */ #side-nav li a span.category-label{margin-left: 5px;} #side-nav li a span.category-label:before{display: none;} /*.header1 .quick-search .dropdown-menu{position: relative; opacity: 1; float: left;-webkit-transform: translateY(0px);-moz-transform: translateY(0px);-o-transform: translateY(0px);-ms-transform: translateY(0px);transition: all 0s ease-in-out;-webkit-transition: all 0s ease-in-out;-moz-transition: all 0s ease-in-out;-o-transition: all 0s ease-in-out;-webkit-box-shadow: 0 0 0 0 rgba(0,0,0,0);box-shadow: 0 0 0 0 rgba(0,0,0,0);} .header1 .form-search .input-text{height: 40px;}.header1 .quick-search .dropdown-menu:before{display: none;} .header1 .quick-search .dropdown-toggle{float: right;} .header1 .quick-search{webkit-box-shadow: 0 0 5px -1px rgba(0,0,0,.2);box-shadow: 0 0 5px -1px rgba(0,0,0,.2);}*/ /* ******************************************************************************************** Update Version 1.2 *********************************************************************************************** */ /* ============================================ * * Configurable Swatches * ============================================ */ /* Clears */ .clearfix:after, .configurable-swatch-list:after, .product-view .product-options .swatch-attr:after { content: ''; display: table; clear: both; } /* General Swatch Styling */ .swatch-link, .swatch-label { display: block; border-radius: 3px; font-size: 14px; text-align: center; color: #636363; text-decoration: none; box-sizing: content-box; } .swatch-link { border: 1px solid #E4E4E4; margin: 0 0 3px; } .swatch-link img { border-radius: 2px; } .swatch-link:hover { cursor: pointer; text-decoration: none; } .swatch-link .x { display: none; text-indent: -999em; position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: url(https://www.unopiu.com/skin/frontend/unpsa/default/images/bg_x.png) center no-repeat transparent; z-index: 10; } .swatch-link.has-image .swatch-label { position: relative; } .swatch-link.has-image img { position: absolute; top: 0; left: 0; } .swatch-label { border: 1px solid #fff; margin: 0; white-space: nowrap; background: #F0F0F0; } .configurable-swatch-list { margin-left: -3px; zoom: 1; clear: both; -webkit-transform: translateZ(0px); } .configurable-swatch-list li { float: left; zoom: 1; margin: 0 0 0 3px; } .products-grid .configurable-swatch-list{ margin: 0px; } .products-grid .configurable-swatch-list li { display: inline-block; float: none; margin: 0; vertical-align: top; } .configurable-swatch-list .not-available .x { display: block; } .configurable-swatch-list .not-available .swatch-link { border-color: #ededed; position: relative; } .configurable-swatch-list .not-available .swatch-link.has-image img { opacity: 0.4; filter: alpha(opacity=40); } .configurable-swatch-list .not-available .swatch-label { color: #aaa; background: #fff; } .configurable-swatch-list .wide-swatch .swatch-label { padding: 0 6px; } .configurable-swatch-list .not-available a:focus { outline: 0; } #narrow-by-list dd .configurable-swatch-list{ margin: 0 -1%; } #narrow-by-list dd .configurable-swatch-list li { margin: 3px 1%; width: 48%; border: none; padding: 0px; } #narrow-by-list dd .swatch-link { border: none; line-height: 25px; margin-right: 0px; text-align: left; margin-bottom: 0px; } #narrow-by-list dd .swatch-link.has-image { line-height: inherit; } #narrow-by-list dd .swatch-link:hover .swatch-label { border-color: #1bbeb4; } #narrow-by-list dd .swatch-label { border-color: #E4E4E4; border-radius: 3px; display: block; float: left; line-height: 1.5em; margin: 0 5px 0 0; padding: 1px 5px; white-space: nowrap; } #narrow-by-list dd .swatch-label img { border: 1px solid #fff; border-radius: 3px; box-sizing: content-box; } #narrow-by-list dd .has-image .swatch-label { padding: 0; } @media only screen and (max-width: 770px) { #narrow-by-list dd .configurable-swatch-list li:nth-child(odd) { clear: left; } } .currently .swatch-current { position: relative; } .currently .swatch-current .btn-remove { margin-top: -10px; position: absolute; right: 0; top: 50%; } .currently .swatch-current span { display: block; float: left; } .currently .swatch-link { display: inline-block; margin: 0 0 0 3px; } .currently .swatch-link:hover { border-color: #1bbeb4; cursor: default; } /* Other Swatch States */ .configurable-swatch-list .hover .swatch-link, .configurable-swatch-list .selected .swatch-link, .swatch-link:hover { border-color: #1bbeb4; } .configurable-swatch-box { background: none !important; } .configurable-swatch-box select.swatch-select { display: none; } .configurable-swatch-box .validation-advice { margin: 0 0 5px; background: #df280a; padding: 2px 5px !important; font-weight: bold; color: #fff !important; float: left; display: block; border-radius: 3px; } /* ============================================ * * Zoom * ============================================ */ .product-image-gallery { position: relative; overflow: hidden; } .product-img-box .product-image img { max-width: 100%; /*max-height: 750px;*/ margin: 0px auto; } .product-view .product-image-gallery .gallery-image { display: none !important; } .product-view .product-image-gallery .gallery-image.visible { display: block !important; } .product-image-gallery .gallery-image.visible.hidden { visibility: hidden; } .product-image-gallery:before, .product-image-gallery:after { content: ''; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; display: none; } .product-image-gallery:before { background-color: white; opacity: 0.8; z-index: 2; } .product-image-gallery:after { background-image: url("https://www.unopiu.com/skin/frontend/unpsa/default/images/opc-ajax-loader.gif"); background-repeat: no-repeat; background-position: center; z-index: 3; } .product-image-gallery.loading { position: relative; } .product-image-gallery.loading:before, .product-image-gallery.loading:after { display: block; } .product-view .product-image-thumbs a img{ display: block !important; } .zoomContainer{ z-index: 1; } .itemslider-thumbnails .item{ max-width: none; padding-left: 5px; padding-right: 5px; } /* Do not change this file it lost your changes. */ /* ******************************************************************************************** Grid container *********************************************************************************************** */ .container_12 { width:96%; max-width: 960px; } /* Forces backgrounds to span full width, even if there is horizontal scrolling. Increase this if your layout is wider. Note: IE works fine without this fix. */ .ie8 .container_12 { max-width:1200px; } /* ******************************************************************************************** Desktop - design for a width of 1280px *********************************************************************************************** */ /* 1280px <= width */ @media only screen and (min-width: 1280px) { .container_12 { max-width:1200px; } /* Hide */ .hide-below-1280 { display:inherit !important; } } /* ******************************************************************************************** Design for a width of less than 1024 px *********************************************************************************************** */ /* width < 1024px */ @media only screen and (max-width: 1023px) { /* Hide */ .hide-below-1024 { display:none !important; } } /* ******************************************************************************************** Tablet (Portrait) - design for a width of 768px *********************************************************************************************** */ /* 768px <= width < 960px */ @media only screen and (min-width: 768px) and (max-width: 959px) { .container_12 { max-width:737px; } /* Hide */ .hide-below-960 { display:none !important; } } /* ******************************************************************************************** All mobile - design for a width of less than 768px *********************************************************************************************** */ /* width < 768px */ @media only screen and (max-width: 767px) { /* Containers (Display full width and add side padding) */ .container_12 { width:92%; padding-left:2%; padding-right:2%; } .pull-container { width:100%; margin-left:auto; } /* Grid >> Global (Remove both margin and display full width ) */ .grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_8, .grid_9, .grid_10, .grid_11, .grid_12, .grid_full { width:100% !important; margin-left:0; margin-right:0; } .no-both-margin.mobile-grid-half img{margin: 0 auto; display:table;} /* Vertically aligned grid ======================================================================================= */ .v-grid-container { display:block; } .v-grid { float:left; display:block; width:100%; } } /* ******************************************************************************************** Mobile (Landscape) - design for a width of 480px *********************************************************************************************** */ /* 480px <= width < 768px */ @media only screen and (min-width: 480px) and (max-width: 767px) { .container_12 { max-width:440px; } /* Hide */ .hide-below-960 { display:none !important; } .hide-below-768 { display:none !important; } /* Mobile Grid Half Units Avalaible */ .mobile-grid-half { width:48% !important; margin-left:1%; margin-right:1%; float:left;} /* Remove Left Margin */ .no-left-margin.mobile-grid-half { width:49% !important; margin-left:0%;} /* Remove Right Margin */ .no-right-margin.mobile-grid-half { width:49% !important;margin-right:0%; } /* Remove Both Margin */ .no-both-margin.mobile-grid-half { width:50% !important; margin-left:0%; margin-right:0%; } } /* ******************************************************************************************** Mobile (Landscape, iPhone 4 Portrait) - design for a width of 640px *********************************************************************************************** */ /* 640px <= width < 768px */ @media only screen and (min-width: 640px) and (max-width: 767px) { .container_12 { max-width:590px; } } /* ******************************************************************************************** Design for a width of less than 480px (small mobile) *********************************************************************************************** */ /* width < 480px */ @media only screen and (max-width: 479px) { /* Containers (Display full width and add side padding) */ .container_12 { max-width:none !important; width:94%; padding-left:3%; padding-right:3%; } /* Mobile Grid Half Units Avalaible (Use Onlye Header Nav) */ .nav .mobile-grid-half { width:48% !important; margin-left:1%; margin-right:1%; float:left;} /* Remove Left Margin */ .nav .no-left-margin.mobile-grid-half { width:49% !important; margin-left:0%;} /* Remove Right Margin */ .nav .no-right-margin.mobile-grid-half { width:49% !important;margin-right:0%; } /* Remove Both Margin */ .nav .no-both-margin.mobile-grid-half { width:50% !important; margin-left:0%; margin-right:0%; } } /* ******************************************************************************************** Mobile (Portrait) - design for a width of 320px *********************************************************************************************** */ /* 320px <= width < 480px */ @media only screen and (min-width: 320px) and (max-width: 479px) { /* .container_12 { max-width:301px; } */ /* Hide */ .hide-below-960 { display:none !important; } .hide-below-768 { display:none !important; } .hide-below-480 { display:none !important; } } /* ******************************************************************************************** Mobile (Portrait) - design for a width of less than 320px *********************************************************************************************** */ /* width < 320px */ @media only screen and (max-width: 319px) { /* .container_12 { max-width:226px; } */ .container_12 { max-width:none !important; width:92%; padding-left:4%; padding-right:4%; } /* Hide */ .hide-below-960 { display:none !important; } .hide-below-768 { display:none !important; } .hide-below-480 { display:none !important; } .hide-below-320 { display:none !important; } } /* Do not change this file it lost your changes. */ /* ******************************************************************************************** Desktop, laptop - design for a width of 1280px *********************************************************************************************** */ /* 1280px <= width */ @media only screen and (min-width: 1280px) { /* Column grid ======================================================================================= */ /* Column grid: 1 columns */ .columngrid-adaptive.columngrid-1col .item { width:48%; clear:none !important; } .columngrid-adaptive.columngrid-1col .item:nth-child(2n+1) { clear:left !important; } /* Column grid: 2 columns */ .columngrid-adaptive.columngrid-2col .item { width:31.3333%; clear:none !important; } .columngrid-adaptive.columngrid-2col .item:nth-child(3n+1) { clear:left !important; } /* Column grid: 3 columns */ .columngrid-adaptive.columngrid-3col .item { width:23%; clear:none !important; } .columngrid-adaptive.columngrid-3col .item:nth-child(4n+1) { clear:left !important; } /* Column grid: 4 columns */ .columngrid-adaptive.columngrid-4col .item { width:18%; clear:none !important; } .columngrid-adaptive.columngrid-4col .item:nth-child(5n+1) { clear:left !important; } /* Column grid: 5 columns */ .columngrid-adaptive.columngrid-5col .item { width:14.6666%; clear:none !important; } .columngrid-adaptive.columngrid-5col .item:nth-child(6n+1) { clear:left !important; } /* Column grid: 6 columns */ .columngrid-adaptive.columngrid-6col .item { width:12.2857%; clear:none !important; } .columngrid-adaptive.columngrid-6col .item:nth-child(7n+1) { clear:left !important; } /* Column grid: 7 columns */ .columngrid-adaptive.columngrid-7col .item { width:10.5%; clear:none !important; } .columngrid-adaptive.columngrid-7col .item:nth-child(8n+1) { clear:left !important; } /* Banner Slider Caption ======================================================================================= */ .banner-slider .caption .heading { font-size:40px; line-height: 46px;} .banner-slider .caption p { font-size:20px; line-height: 30px;} /* Cart ======================================================================================= */ .cart-table .product-image { max-width:70px; } /* Misc ======================================================================================= */ /* Mini cart */ .after-mini-cart { clear:none; } } /* ******************************************************************************************** Design for a width of 960-1280 px *********************************************************************************************** */ /* 960px <= width < 1280px */ @media only screen and (min-width: 960px) and (max-width: 1279px) { /* Cart ======================================================================================= */ .cart-table .product-image { max-width:80px; } } /* ******************************************************************************************** Design for a width of 1024 px *********************************************************************************************** */ /* width <= 1024px */ @media only screen and (max-width: 1041px) { /* Products grid ======================================================================================= */ .products-grid .item .visible-onhover {visibility: visible;opacity: 1;} .products-grid .item .fancybox { display: none !important; } /* Disable hover effect ======================================================================================= */ /* Show elements normally displayed only on hover */ .category-products-grid .item .display-onhover {display: block !important;} /* Show elements normally displayed only on hover (Add to links & Add to cart) */ .products-grid .actions{bottom: 0px;} /* Product alter images normally displayed on hover */ .products-grid .item:hover .product-image .small-image, .products-grid .item:hover .product-image .thumbnail{ -webkit-transform: translate3d(0,0%,0); -moz-transform: translate3d(0,-100%,0); -ms-transform: translate3d(0,-100%,0); -o-transform: translate3d(0,-100%,0); } /* Slider controls ======================================================================================= */ /* Show elements normally displayed only on hover */ .owl-theme .owl-controls .owl-buttons div, .owl-theme:hover .owl-controls .owl-buttons div {opacity: 1;-moz-opacity: 1;filter: alpha(opacity=100);} /* Header Style 5 ======================================================================================= */ /* Header Dropdown (Shopping cart & Quick Search) */ .header-container.header5 .quick-search .dropdown-menu, .header-container.header5 .shopping_cart .dropdown-menu{right:auto;left:0;} .header-container.header5 .quick-search .dropdown-menu:before, .header-container.header5 .shopping_cart .dropdown-menu:before{right:auto;left:11px;} } /* ******************************************************************************************** Mobile, small old desktop - design for a width of less than 960px *********************************************************************************************** */ /* width < 960px */ @media only screen and (max-width: 959px) { /* Header Dropdown Elements ======================================================================================= */ /* All elements increase horizontal spacing */ .shopping_cart .dropdown-toggle.cover > div, .quick-search .dropdown-toggle.cover > div, .wishlist .dropdown-toggle.cover > div {padding: 0px 11px;} /* Wishlist (Remove item count div) */ .wishlist .count{display:none;} /* Shopping Cart ======================================================================================= */ .cart .cart-left-column, .cart .cart-right-column{width:100% !important;margin-left:0% !important;margin-right:0% !important;} .cart .cart-right-column{margin-top: 50px;} /* Banner Slider Caption ======================================================================================= */ .banner-slider .caption {display: none !important;} .products-gridn .grid_3{ width: 48% !important;} } /* ******************************************************************************************** Tablet (Portrait) - design for a width of 768px *********************************************************************************************** */ /* 768px <= width < 960px */ @media only screen and (min-width: 768px) and (max-width: 959px) { /* Default Magento classes ======================================================================================= */ .nobr { white-space:normal !important; } /* Cart ======================================================================================= */ .cart-table .product-image { max-width:80px; } } /* ******************************************************************************************** All desktop - design for a width of 768px and wider *********************************************************************************************** */ /* 768px <= width */ @media only screen and (min-width: 768px) { /* Mobile accordion ======================================================================================= */ .mobile-accordion .block-title { border-bottom:none; } /* Hide line when not on mobile */ .mobile-accordion .opener { display:none !important; } /* Always hide when not on mobile */ .mobile-accordion .block-content { display:block !important; } /* Always show when not on mobile */ .accordion .block-content{display: none;} } /* ******************************************************************************************** All mobile - design for a width of less than 768px *********************************************************************************************** */ /* width < 768px */ @media only screen and (max-width: 767px) { /* Disable display banner with header ======================================================================================= */ body.cms-index-index .header-container, body.cms-index-defaultindex .header-container, body.cms-home .header-container {position: relative !important;} /* Header ======================================================================================= */ /* Global notices */ .global-site-notice .notice-inner { background:none; padding:10px 0; text-align:center; } .global-site-notice .notice-inner p { width:100%; padding:0 0 10px; } .global-site-notice .notice-inner .actions { padding-bottom:5px; } /* Logo ======================================================================================= */ .logo { width:80%; margin-left:auto; margin-right:auto; text-align: center !important; margin-top: 15px; margin-bottom: 15px;} /* Other ======================================================================================= */ .header{text-align: center;} .header-primary{padding:15px 0px;} /* Header elements - align center */ .header .dropdown, .header .top-links{display: inline-block;float: none;margin-left: -3px;} /* Wishlist (Display on item count div) */ .wishlist .count{display: inline-block;} /* Header Style 2 ======================================================================================= */ /* Top Links & Dropdown */ .header-container.header2 .top-links{float:left;} .header-container.header2 .currency.dropdown, .header-container.header2 .currency.dropdown .dropdown-toggle.cover > div{padding-right: 0px;border-right-width: 0px;} .header-container.header2 .currency.dropdown .dropdown-menu.left-hand, .header-container.header2 .language.dropdown .dropdown-menu.left-hand{left: auto;right: 0;} .header-container.header2 .currency.dropdown .dropdown-menu.left-hand:before, .header-container.header2 .language.dropdown .dropdown-menu.left-hand:before{left:auto;right:20px;} /* Header Style 3 ======================================================================================= */ /* Top Links & Dropdown */ .header-container.header3 .header .dropdown{float:left;} .header-container.header3 .top-links{float:right;} .header-container.header3 .currency.dropdown{border-right-width: 0px;} /* Header Style 4 ======================================================================================= */ /* Top Links & Dropdown */ .header-container.header4 .header .dropdown{float:left;} .header-container.header4 .header-primary .dropdown{float:right;} .header-container.header4 .top-links{float:right;} /* Responsive Menu */ .header-container.header4 .toggleMenu{float:left;} .header-container.header4 .nav-container{float:none;} .header-container.header4 #cssmenu #mobile-menu, .header-container.header4 #nav{left:0px;right:0px;} .header-container.header4 #cssmenu, .header-container.header4 .nav-container{position: relative;} /* Header Style 5 ======================================================================================= */ /* All elements - align center */ .header-container.header5 .header .item-left, .header-container.header5 .header .item-right, .header-container.header5 .header .dropdown{display:inline-block;float:none;vertical-align: middle;} /* Responsive menu */ .header-container.header5 .nav{text-align:right;} .header-container.header5 .toggleMenu{float:left;} .header-container.header5 .nav-container{float:none;} /* Header Dropdown (Shopping cart & Quick Search) */ .header-container.header5 .quick-search .dropdown-menu, .header-container.header5 .shopping_cart .dropdown-menu{right:0;left:auto;} .header-container.header5 .quick-search .dropdown-menu:before, .header-container.header5 .shopping_cart .dropdown-menu:before{right:11px;left:auto;} /* Resposive Menu */ .header-container.header5 #cssmenu, .header-container.header5 .nav-container{position: relative;} /* Category view ======================================================================================= */ .products-list .product-shop, .products-list .right-column, .products-list .product-image-wrapper { margin-left: auto !important;margin-right: auto !important;float:none;} .products-list .product-image-wrapper, .products-list .product-image{max-width:300px;display: block;} .products-list .product-shop{padding-top: 20px;float:left;} /* Toolbar ======================================================================================= */ /* Increase vertical spacing */ .my-account .pager{margin-top: 0px;} /* Footer ======================================================================================= */ /* Footer Bottom */ .footer-bottom{text-align:center;} .footer-bottom address{margin-top:10px;} /* Page heading with RSS link ======================================================================================= */ .page-title { } .page-title .link-rss { float:none; display:block; position:static; margin:10px 0 0; } /* Cart ======================================================================================= */ /* Buttons below table: align center */ .cart-table tfoot tr.first td, .my-wishlist .buttons-set{ text-align:center !important; padding:0;} .cart-table tfoot button.button, .my-wishlist .buttons-set button.button{ display:inline-block; float:none !important; margin:0 0 3px; padding:0; } /* Products Page ======================================================================================= */ /* Product primary column */ .product-view .product-shop{padding: 30px 0px 0 0px;} /* Product third column */ .product-view .product-third-column{padding: 30px 0px 0 0px;} /* Tables ======================================================================================= */ .data-table thead .nobr { white-space:normal !important; } .data-table th, .data-table td { padding:10px; } /* Tables Formatting ======================================================================================= */ /* Basic formatting */ .cart .data-table thead, .my-wishlist .data-table thead, .my-account .data-table thead, .order-review .data-table thead, .multiple-checkout .data-table thead{ display:none; } .cart .data-table tbody, .my-wishlist .data-table tbody, .my-account .data-table tbody, .order-review .data-table tbody, .multiple-checkout .data-table tbody{ background:transparent !important; } .cart .data-table tr, .cart .data-table td, .my-wishlist .data-table tr, .my-wishlist .data-table td, .my-account .data-table tr, .my-account .data-table td, .order-review .data-table tr, .order-review .data-table td, .multiple-checkout .data-table tr, .multiple-checkout .data-table td{ border:none !important; background:transparent !important; display:block; width:100%; text-align:left !important; box-sizing: border-box;-webkit-box-sizing: border-box;-ms-box-sizing: border-box;-o-box-sizing: border-box;-moz-box-sizing: border-box;} .cart .data-table tr, .my-wishlist .data-table tr, .my-account .data-table tr, .order-review .data-table tr, .multiple-checkout .data-table tr{ border-bottom:1px solid #E4E4E4 !important; margin-bottom:20px; } .cart .data-table tfoot tr.last, .my-wishlist .data-table tfoot tr.last, .my-account .data-table tfoot tr.last, .order-review .data-table tfoot tr.last, .multiple-checkout .data-table tfoot tr.last{border-bottom: none !important;margin-bottom: 0px;} .cart .data-table tfoot tr.last{margin-bottom: 20px;} .data-table .product-name{display: inline;} .order-items .price-excl-tax, .multiple-checkout td .cart-price{display: inline-block;} .multiple-checkout .data-table td select{width: 100%;} /* Highlight first cell in table footer */ .my-account .data-table tfoot tr td:first-child, .order-review .data-table tfoot tr td:first-child, .multiple-checkout .data-table tfoot tr td:first-child{ font-weight:bold; } /* Responsive label */ .data-table .cartlabel {display: inline-block;width: 30%;min-width: 100px;max-width: 140px;margin-right: 10px;vertical-align: top;} /* Table item options */ .data-table .item-options{margin: 5px 0 0 0px;} /* Forms Elements ======================================================================================= */ .form-list .field, .form-list input.input-text, .form-list textarea, .form-list select, .form-list li.wide .input-box, .form-list li.wide input.input-text, .form-list li.wide textarea, .form-list li.wide select { max-width:100%; width: 100%;} /* Mobile accordion ======================================================================================= */ .mobile-accordion .block-content { display:none; } .accordion .block-content{display: none;} .mobile-accordion { position:relative; } /* Grid and basic layout ======================================================================================= */ /* Margin for col-left and col-right */ .col-left, .col-right{margin-top:20px} /* Magento utility classes ======================================================================================= */ .nobr { white-space:normal !important; } } /* end: width < 768px */ /* ******************************************************************************************** Mobile (Landscape) - design for a width of 480px *********************************************************************************************** */ /* 480 <= width < 768px */ @media only screen and (min-width: 480px) and (max-width: 767px) { } /* end: 480 <= width < 768px */ /* ******************************************************************************************** Design for a width of 640px *********************************************************************************************** */ /* 640 <= width < 768px */ @media only screen and (min-width: 640px) and (max-width: 767px) { /* Column grid ======================================================================================= */ .columngrid.columngrid-adaptive .item { width:48%; clear:none !important; } .columngrid.columngrid-adaptive .item:nth-child(2n+1) { clear:left !important; } } /* end: 640 <= width < 768px */ /* ******************************************************************************************** Design for a width of less than 640px *********************************************************************************************** */ /* width < 640px */ @media only screen and (max-width: 639px) { /* Header ======================================================================================= */ /* Header Dropdown (language & currency) */ .header-container.header5 .currency.dropdown .dropdown-menu.left-hand, .header-container.header5 .language.dropdown .dropdown-menu.left-hand{right:0px;left:auto;} .header-container.header5 .currency.dropdown .dropdown-menu.left-hand:before, .header-container.header5 .language.dropdown .dropdown-menu.left-hand:before{left:auto;right:20px;} /* Multiple Checkout Button Set (display backlink with button full width) ======================================================================================= */ .multiple-checkout .buttons-set .back-link, .multiple-checkout .buttons-set .back-link + button.button, .multiple-checkout .buttons-set .back-link + button.button span{float:none;} .multiple-checkout .buttons-set .back-link + button.button{width:100%;margin-right: 0px;} /* Title Buttons ======================================================================================= */ .title-buttons button{margin-left: 0em;width: 100%;margin-top: 5px;} .title-buttons button.button span{float:none;} /* Column grid ======================================================================================= */ .columngrid.columngrid-adaptive .item { width:48%; clear:none !important; } .columngrid.columngrid-adaptive .item:nth-child(2n+1) { clear:left !important; } } /* end: width < 640px */ /* ******************************************************************************************** Design for a width of 480px *********************************************************************************************** */ /* 480 <= width < 640px */ @media only screen and (min-width: 480px) and (max-width: 639px) { /* Subcategories Category ======================================================================================= */ .subcategories .item{width:31.3333%;} .subcategories .item:nth-child(3n+1) { clear:left; } .subcategories .item:nth-child(4n+1) { clear:none; } } /* end: 480 <= width < 640px */ /* ******************************************************************************************** Design for a width of less than 480px (small mobile) *********************************************************************************************** */ /* width < 480px */ @media only screen and (max-width: 479px) { /* Header ======================================================================================= */ /* Shopping cart dropdown*/ .shopping_cart .dropdown-menu{min-width: 265px;} /* Block header top */ .header .item-left, .header .item-right{margin-left:0px;margin-right:0px;display: inline-block;float: none;margin-left: -3px;} /* Header elements - align center */ .header .mobile-inline-container { text-align:center; } .header .mobile-inline-container > * { float:none; display:inline-block; margin-left:5px; margin-right:5px; } /* Ajex Cart Popup ======================================================================================= */ div.alert-inner{display: inherit;bottom: auto;box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;-o-box-sizing: border-box;-ms-box-sizing: border-box;max-width: 96%;left: 0;right: 0;margin: -80px auto 0px;} div.alert-inner .alertcontent{position: initial; padding-top: 15px;} div.alert-inner a{float: none !important;cursor: pointer;margin: 5px 5px;display: inline-block;vertical-align: top;} /* Product Page ======================================================================================= */ /* Reviews */ .product-view .form-add .data-table th{font-size: inherit;font-weight: bold;} .product-view .form-add .data-table th, .product-view .form-add .data-table td { padding:6px 1px; } .product-view .form-add .form-list input.input-text, .product-view .form-add .form-list textarea { width:90%; } /* Add-to links */ .product-view .add-to-links { text-align: inherit; } /* Toolbar ======================================================================================= */ /* All elements - align center */ .sorter, .pager {text-align: center !important;} .sorter *, .pager *{display:inline-block !important;float:none !important;text-align:center !important;} /* Account ======================================================================================= */ /* Product Review Detail*/ .product-review .product-img-box{width: auto;float: none;} .product-review .product-details{margin: 0 0px 20px 0px;} /* Grid elements ======================================================================================= */ .col2-set .col-1, .col2-set .col-2 { width:100%; margin-bottom: 20px;} /* Subcategories Category ======================================================================================= */ .subcategories .item{width:48%;} .subcategories .item:nth-child(2n+1) { clear:left; } .subcategories .item:nth-child(4n+1) { clear:none; } } /* end: width < 480px */ /* ******************************************************************************************** Design for a width of 320px (mobile - portrait) *********************************************************************************************** */ /* 320px <= width < 480px */ @media only screen and (min-width: 320px) and (max-width: 479px) { } /* end: 320px <= width < 480px */ /* ******************************************************************************************** Design for a width of less than 380px *********************************************************************************************** */ /* width < 380px */ @media only screen and (max-width: 396px) { /* Header ======================================================================================= */ /* Header Dropdown */ .currency .dropdown-menu.left-hand {min-width: 130px;} /* Catalog Search */ .quick-search .dropdown-menu{ min-width: 180px;} /* Header Style 2 ======================================================================================= */ .header-container.header2 .header .top-links, .header-container.header2 .header .dropdown{float:none;} .header-container.header2 .currency.dropdown, .header-container.header2 .language.dropdown{border-right-width: 0px;border-left-width: 1px;} .header-container.header2 .language.dropdown .dropdown-toggle.cover > div{padding-left: 10px;} .header-container.header2 .currency.dropdown .dropdown-toggle.cover > div{padding-right: 10px;} .header-container.header2 .links-separators .links > li.last > a{padding-right: 10px;} /* Header Style 3 ======================================================================================= */ /* Top Links & Dropdown */ .header-container.header3 .header .top-links, .header-container.header3 .header .dropdown{float:none;} .header-container.header3 .currency.dropdown{border-right-width: 1px;} /* Header Style 4 ======================================================================================= */ /* Top Links & Dropdown */ .header-container.header4 .header .dropdown, .header-container.header4 .top-links{float:none;} .header-container.header4 .header-primary .dropdown{float:right;} /* Products list ======================================================================================= */ .products-list .btn-cart{width:auto;max-width: none;} /* Button Set (display backlink with button full width) ======================================================================================= */ .buttons-set .back-link, .buttons-set .back-link + button.button, .buttons-set .back-link + button.button span{float:none;} .buttons-set .back-link + button.button{width:100%;margin-right: 0px;} .opc .buttons-set .back-link + button.button + .please-wait{width: 100%;text-align: center;margin-right: 0px;} /* Shopping Cart & Wishlist Button (Display same as button set) */ .cart-table tfoot button.button, .my-wishlist .buttons-set button.button{width: 100%;margin: 0 0 5px 0px !important;} .cart-table tfoot button.button span, .my-wishlist .buttons-set button.button span{float:none;} /* Column grid ======================================================================================= */ /* Show 1 column */ .columngrid.columngrid-adaptive .item { width:98%; clear:none !important; } } /* end: width < 320px */ /* ******************************************************************************************** Design for a width of less than 320px *********************************************************************************************** */ /* width < 320px */ @media only screen and (max-width: 319px) { /* Header ======================================================================================= */ /* Header Dropdown (language & currency) */ .header-container.header5 .currency.dropdown .dropdown-menu.left-hand, .header-container.header5 .language.dropdown .dropdown-menu.left-hand{right:auto;left:0;} .header-container.header5 .currency.dropdown .dropdown-menu.left-hand:before, .header-container.header5 .language.dropdown .dropdown-menu.left-hand:before{right:auto;left:20px;} /* Banner ======================================================================================= */ .banner .owl-pagination { display:none; } /* Deprecated */ } /* end: width < 320px */ /* ******************************************************************************************** Design for a width of 240px (small mobile) *********************************************************************************************** */ /* 240px <= width < 320px */ @media only screen and (min-width: 240px) and (max-width: 319px) { } /* end: 240px <= width < 320px */ /* ******************************************************************************************** Design for a width of lass than 240px *********************************************************************************************** */ /* width < 240px */ @media only screen and (max-width: 239px) { } /* end: width < 240px */ /** * This file is a container for custom CSS. You can use it to override the default styles of the theme. * * 1. Copy the file "SAMPLE.custom.css" and rename it to "custom.css". * Otherwise this file will not be loded by Magento. * 2. Enable it in the admin panel. * 3. Uncomment slected sample styles or add your own CSS to override the default styles of the theme. * * Please refer to the user guide for more details. * */ /* ###### SAVERIO ###### *//* ###### SAVERIO ###### */ /* ###### SAVERIO ###### *//* ###### SAVERIO ###### */ /* ******************************************************************************************** saverio custom css override celeste default: 1bbeb4; rosso: b60000; colore promo: ; grigio chiaro sfondo button: #bebebe; *********************************************************************************************** */ h1, h2, h3, h4, h5, h6 { text-shadow: none; } .post-entry { font-size: 100%; height: 1%; margin-bottom: 1.5em; overflow: hidden; line-height: 20px;} .section-line > *, .block .block-title strong span, .peercheckout-title h2{font-size: 1.4em !important; text-shadow: none;} .page-title { margin-bottom: 20px !important; padding-top: 20px !important; padding-bottom: 20px !important; } div.product-name { margin-bottom: 20px !important; padding-top: 20px !important; padding-bottom: 20px !important; } /*.main { padding-top: 80px !important; }*/ /*.wordpress-post-view .page-title, .wordpress-post-view .post-title, .wordpress-page-view .page-title, .wordpress-page-view .post-title { display:none; } */ .cms-page-view .main, .catalog-category-view .main, .catalog-product-view .main { padding-top: 0px; } .wordpress-post-view .main { padding-top: 100px; } .wordpress-page-view .main { padding-top: 110px !important; } .product-name { line-height: 24px; } /*.gallery-image { width: auto !important; height: auto !important; }*/ .page-title, .product-view .product-essential .product-name, .alt-bg { padding-right: 0; } /* .products-gridn img { transition: all .2s ease-in-out; } .products-gridn img:hover { transform: scale(1.1); width: 100%; height: 100%;}*/ /*.products-gridn .owl-item .item { border :none !important; padding:4px !importantq; } */ /*.wordpress-post-category-view .product-content { display: none; } */ html * { /* font-weight: 300; */ letter-spacing: 0.02em; } /*html *:not(h2) { font-weight: 300 !important; letter-spacing: 0.02em; } html *:not(h3) { font-weight: 300 !important; letter-spacing: 0.02em; } */ h1, h2, h3 { font-weight: 200 !important; letter-spacing: 0.02em; } .page-title h1, .page-title h2 { font-size: 36px; } .nav-container #nav > li > a span, #mega-nav > li > a span { letter-spacing: 0.02em; } .unoverse.custom-bl .custom_caption .heading a { font-weight: 200 !important; letter-spacing: 0.02em; text-shadow: 2px 2px 2px rgba(99, 99, 99, 0.8); } .locator-main-outer .locator-image-small { float: none !important; } /* .wordpress-post-view .breadcrumbs, .wordpress-page-view .breadcrumbs, .wordpress-post-category-view .breadcrumbs { display: none; } .wordpress-post-category-view .page-title { border: none; } .wordpress-post-category-view .main { padding-top: 70px; }*/ .nav-container #nav > li > a span { font-weight: 300 !important; } /*.splash-description::first-letter, .category-description::first-letter, .container_des::first-letter { font-size: 240%; padding-right: 1px; position:relative; text-transform: capitalize; } */ .splash-description, .category-description, .container_des { font-family: "Raleway",sans-serif !important; text-align: center; letter-spacing: 3px; font-size: 18px !important; color: #ffffff; line-height: 1.5em !important; text-transform: none !important; } .customimgcolcollection { padding-top:12px; } .customh2colcollection { padding-top:20px; } .box-account.box-info .box-content a, .addresses-list ol li a { color: #508f5a !important; } #v-cookielaw.v-dark-clean .v-button { background-color: #FFFFFF; color: #508f5a; background-image: none; border-color: #FFFFFF; text-shadow: none; } #v-cookielaw.v-dark-clean .v-button:hover, #v-cookielaw.v-dark-clean .v-button:focus { background-color: #508f5a; color: #FFFFFF; background-image: none; border-color: #508f5a; text-shadow: none; } .post-view .appear .products-gridn { width: 61% !important; } .block_header_top_left { display:none; } .product-content { padding-left: 0px !important; padding-bottom: 0px !important; } .navmain-container .no-right-margin.grid_3 { width: 14% !important; } .navmain-container .no-left-margin.grid_9 { width: 81% !important; } .product-name, .product-name a, .product-content h2 a { font-weight: 200 !important; } .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:#FFFFFF; } .store_detail_button { background: #508f5a; padding: 5px 10px; color: #ffffff !important; text-decoration: none; vertical-align: middle; } .store_detail_button:hover { border-top-color: #4f4f4f; background: #4f4f4f; color: #ccc; text-decoration:none; } .store_detail_button:active { border-top-color: #4a4a4a; background: #4a4a4a; text-decoration:none; } .storelocator_dest { display: none; } .fieldset, .multiple-checkout .col2-set, .multiple-checkout .col3-set, .info-set { float: left; margin: 20px; width: 50%; } .open_hour_title { padding-top: 10px; } .texthpage { margin-left: 12px; } .fieldset-contact { text-align: left; } .contract-button { background-color: #1f5182 !important; float:right; margin-right: 39px; margin-bottom: 18px; } .contract-button button span { background-color: #1f5182 !important; } .contract-button button span:hover { background-color: #555 !important; } a.contract-button { float:right; margin-right: 39px !important; margin-bottom: 18px !important; border: 0 none; cursor: pointer; margin: 0; max-width: 100%; overflow: visible; padding: 0; width: auto; display: block; font-size: 14px; padding: 0; color:#ffffff; padding: 12px; text-align: center; transition: color 300ms ease-in-out 0s, background-color 300ms ease-in-out 0s; white-space: nowrap; } a.contract-button:hover { background-color: #555; color:#ffffff; } .product-name-linea { margin-top: -20px !important; } .fieldset-store { float: left; width: 43%; margin: 20px; } .gallery-image { height: auto; } .fancy > div > form > div > div > div > div .gallery-image { height: 200px; } .fancybox-opened .fancybox-skin { box-shadow: none; } .fancybox-skin { padding: 0px !important; } .product-view .grouped-items-table td span.label{display: none;} @media (max-width:1024px) { .navmain-container .no-right-margin.grid_3 { width: 24% !important; } .navmain-container .no-left-margin.grid_9 { width: 74% !important; } } @media (max-width:767px) { .navmain-container .no-right-margin.grid_3 { width: 49% !important; } .navmain-container .no-left-margin.grid_9 { width: 49% !important; } } @media (max-width:639px){ .product-view .grouped-items-table th{display: none;} .product-view .grouped-items-table td{width: 100%;display: inline-block;} .product-view .grouped-items-table td span.label{display: inline-block;margin-right: 10px;font-weight: bold;} .product-view .grouped-items-table .price-box{float: none;display: inline-block;} } @media (max-width:396px) { .navmain-container .no-right-margin.grid_3 { width: 52% !important; } .navmain-container .no-left-margin.grid_9 { width: 46% !important; } .header .social-link.item-right{float: none !important;} } /* .post-view > div > div > div a { color: #508f5a; } .post-view > div > div > div a:hover { color: #252525; }*/ .post-view > div > div > .products-gridn a { color: #508f5a; } .post-view > div > div > .products-gridn a:hover { color: #252525; } ul.product-image-thumbs li { float: left; list-style: none; padding: 0 3px; } .itemslider-thumbnails > li { padding-right: 4px; } .itemslider-thumbnails { padding-bottom: 6px; } /*disable image gallery in product fancy view*/ .fancy.product-view > div > form > div > .more-views { display: none; } @media screen and (max-width: 768px) { .ballesahodemobile { display: none; } #backgroundFade { display: none; } #popupstyles { display: none; } .block-recent-posts { display: none; } .sorter { display: none; } .breadcrumbs { display: none; } .page-title h1, .page-title h2 { font-size: 26px; } .fancy.product-view .product-img-column { display: none; } .fancy.product-view .product-shop { width: 90% !important; } .rossounp { color: #508f5a !important; } .rossounp a { color: #508f5a !important; } /* .container_12 { padding-top: 40px !important; } */} @media (max-width:768px){ .stickyFooter h3 { padding-left: 6px; padding-right: 6px; font-size: 13px !important; color: #FFFFFF; line-height: 1.4; } .stickyFooter{ height: 24px; } } .old-price .price { color: #b60000 !important; text-decoration: line-through !important; font-size: 16px !important; font-weight: 300 !important; } .old-price { color: #b60000 !important; text-decoration: line-through !important; font-size: 16px !important; font-weight: 300 !important; } .product-view .grouped-items-table .price-box .regular-price .price { font-size: 24px !important; } .sale_linea { 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: 84px; z-index: 1; min-width: auto!important; height: 18px!important; min-height: 22px!important; max-height: 22px!important; margin: 0!important; border-radius: 0; top: 26px!important; left: auto; /*text-transform: uppercase;*/ font-size: 12px; line-height: 22px; font-family: "Raleway", sans-serif; font-weight: 300; } .sale_linea{ background-color: #508f5a; transform: rotate(-45deg); -ms-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); border-radius: 16px; left: 0px!important; } .hidden .sale_linea {display:none;} .sale_casc { transform: rotate(-45deg); -ms-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); box-shadow: 3px 3px 2px #111111 !important; left: -36px !important; color: #000; -webkit-box-shadow: none; -moz-box-shadow: none; white-space: nowrap; overflow: hidden; position: absolute; text-align: center; padding: 4px; width: 140px; 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; text-transform: uppercase; font-size: 15px; line-height: 28px; font-family: "Raleway", sans-serif; font-weight: 400 !important; font-weight: bolder !important; } .sale_casc_10 { background: #ffe52d; } .sale_casc_20 { background: #ff0000; color: #ffffff; } .sale_casc_30 { background: #25d571; } .strikedprice { text-decoration: line-through; } /*.img-linea-list { opacity: 0; background-color: #fff; transition: visibility 0s linear 0.2s, opacity 0.2s linear 0s; } */ /*.badge-prom { background: #508f5a; border-color: #30aae9; background-image: -webkit-linear-gradient(top, #acddf6, #508f5a); background-image: -moz-linear-gradient(top, #acddf6, #508f5a); background-image: -o-linear-gradient(top, #acddf6, #508f5a); background-image: linear-gradient(to bottom, #acddf6, #508f5a); } */ .sorter .item-right { display: none; } div.spokemongo { width: 160px; height:158px; position:fixed; z-index: 9999; } .count_div { text-transform: uppercase; color: #000000; font-size: 15px; padding-bottom: 6px; letter-spacing: 0.09em !important; } @media only screen and (max-width: 1026px) { .count_div_hide { display: none; } } .special_info { color: #508f5a; font-size: 13px; } a.buttons { background: transparent none repeat scroll 0 0; border: 0 none; cursor: pointer; margin: 0; max-width: 100%; overflow: visible; padding: 0; width: auto; background-color: #555; display: block; float: left; font-size: 14px; padding: 0; color:#ffffff; padding: 12px; text-align: center; transition: color 300ms ease-in-out 0s, background-color 300ms ease-in-out 0s; white-space: nowrap; } a.buttons:hover { background-color: #508f5a; color:#ffffff; } /*s.s. notessss*/ #notessss { position: fixed; bottom: 0px; padding-bottom: 10px; padding-top: 10px; z-index: 999999; left: 0; right: 0; background: #abcc45; text-align: center; /*line-height: 2.5;*/ /*overflow: hidden; */ font-size: 16px; -webkit-box-shadow: 0 0 5px black; -moz-box-shadow: 0 0 5px black; box-shadow: 0 0 5px black; } #notessss button.button span { color: #333333; padding: 3px; background-color: #e0f5a1; font-size: 16px; transition: color 300ms ease-in-out 0s, background-color 300ms ease-in-out 0s; margin: 0px; border: none; border-radius: 4px; } #notessss button.button:hover span { background-color: #abcc45; } /*s.s. notessss*/ #clockcount { color:#666666; font-size: 16px; font-weight: bold; } #clockcount span { color:#666666; font-size: 16px; font-weight: bold; } /*###### alert for promozioni a cascata dic 2017 ####*/ .exponea-bottom-banner { position: fixed; bottom: 0px; width: 100%; height: 21px; padding: 8px; text-align: center; background-color: #ffe560; border-top: dashed 1px #333333; font-size: 1.1em; opacity: 0.9; z-index: 1000; color: #333333 /* -webkit-box-shadow: 0px -1px 1px 0px rgba(153,153,153,0.7); -moz-box-shadow: 0px -1px 1px 0px rgba(153,153,153,0.7); box-shadow: 0px -1px 1px 0px rgba(153,153,153,0.7); */ } .exponea-bottom-banner .exponea-bottom-banner-content { position: relative; z-index: 999; text-align: center; font-weight: 300; font-size: 1.1em; opacity: none; } .corner-ribbon { z-index: 999999; width: 130px; background: #FFDF00; position: absolute; top: 15px; left: -30px; text-align: center; line-height: 35px; letter-spacing: 1px; color: #333333; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); font-size: 15px; font-family: "Raleway", sans-serif; font-weight: 300; } .cornerwhite { color: #ffffff; } /* Custom styles */ .corner-ribbon.sticky{ position: fixed; } .corner-ribbon.shadow{ box-shadow: 0 0 3px rgba(0,0,0,.3); } /* Different positions */ .corner-ribbon.top-left{ top: 25px; left: -50px; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); } .corner-ribbon.top-right{ top: 25px; right: -50px; left: auto; transform: rotate(45deg); -webkit-transform: rotate(45deg); } .corner-ribbon.bottom-left{ top: auto; bottom: 25px; left: -50px; transform: rotate(45deg); -webkit-transform: rotate(45deg); } .corner-ribbon.bottom-right{ top: auto; right: -50px; bottom: 25px; left: auto; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); } /* Colors */ .corner-ribbon.green{background: #25d571;} .corner-ribbon.red{background: #ff0000; color: #ffffff;} .corner-ribbon.yellow{background: #ffe52d;} @media (max-width:768px){ .exponea-bottom-banner { height: 42px; text-align: center; line-height: 14px; font-size: 0.70em; width: 96%; padding-left: 0px !important; padding-right: 0px !important; } .corner-ribbon { line-height: 36px; font-size: 14px; } } .bolder { font-weight: 600; } /*###### alert for promozioni a cascata dic 2017 ####*/ .sale, .new { top: 8px !important; background: #b60000 !important; } .percent_s { background: #508f5a none repeat scroll 0 0; border-radius: 100%; color: white; font-size: 12px; letter-spacing: 0.02em; padding: 4px; width: 26px; height: 26px; text-decoration: none; text-align: center; margin: 6px; margin-top: 12px; } .percent_s_text { margin-top: 3px; } .badge-prom { background: #508f5a none repeat scroll 0 0; border-radius: 100%; color: white; font-size: 10px; letter-spacing: 0.02em; margin-left: 6px; padding: 4px 5px; text-decoration: none; text-align: center; } .stickyFooter { position: fixed; bottom: 0px; width: 100%; overflow: visible; z-index: 99; padding-top: 5px; padding-bottom: 3px; background: white; border-top: solid white 2px; background-color: #508f5a; -webkit-box-shadow: 0px -5px 15px 0px #bfbfbf; box-shadow: 0px -5px 15px 0px #bfbfbf; height: 24px; text-align: center; font-size: 18px; color: #FFFFFF; white-space: nowrap; } .stickyFooter_custom { position: fixed; bottom: 0px; width: 100%; overflow: visible; z-index: 99; padding-top: 5px; padding-bottom: 5px; background: white; border-top: solid white 2px; background-color: #508f5a; -webkit-box-shadow: 0px -5px 15px 0px #bfbfbf; box-shadow: 0px -5px 15px 0px #bfbfbf; height: 24px; text-align: center; font-size: 18px; font-weight: 400; color: #FFFFFF; white-space: nowrap; } .marquee h3 { display: inline-block; padding-left: 50%; animation: marquee 36s linear infinite; } @keyframes marquee { 0% { transform: translate(0, 0); } 100% { transform: translate(-100%, 0); } } .bottom-banner-s { display: block; margin-left: auto; margin-right: auto; padding: 8px; text-align: center; font-size: 1.2em; width: 90%; height: 2em; } #multi-product { padding-bottom: 20px; } /*.item_fixed { display: none; }*/ /*@media screen and (min-width: 1024px){ .item_fixed { left: 0px; width: 30%; z-index: 9999; height: 390px; float: left; } #multi-product { width: 70%; float: right; } }*/ @media screen and (max-width: 767px){ .item_fixed { display: none; } } /* ###### SAVERIO ###### *//* ###### SAVERIO ###### */ /* ###### SAVERIO ###### *//* ###### SAVERIO ###### */ /* ###### SAVERIO RESTYLING 2018 ###### *//* ###### SAVERIO RESTYLING 2018 ###### */ /* ###### SAVERIO RESTYLING 2018 ###### *//* ###### SAVERIO RESTYLING 2018 ###### */ /* ###### SAVERIO RESTYLING 2018 ###### *//* ###### SAVERIO RESTYLING 2018 ###### */ /* ###### SAVERIO RESTYLING 2018 ###### *//* ###### SAVERIO RESTYLING 2018 ###### */ /* ###### SAVERIO RESTYLING 2018 ###### *//* ###### SAVERIO RESTYLING 2018 ###### */ /* ###### SAVERIO RESTYLING 2018 ###### *//* ###### SAVERIO RESTYLING 2018 ###### */ /* ###### SAVERIO RESTYLING 2018 ###### *//* ###### SAVERIO RESTYLING 2018 ###### */ /* ###### SAVERIO RESTYLING 2018 ###### *//* ###### SAVERIO RESTYLING 2018 ###### */ /* ###### SAVERIO RESTYLING 2018 ###### *//* ###### SAVERIO RESTYLING 2018 ###### */ /* ###### SAVERIO RESTYLING 2018 ###### *//* ###### SAVERIO RESTYLING 2018 ###### */ /* ###### SAVERIO RESTYLING 2018 ###### *//* ###### SAVERIO RESTYLING 2018 ###### */ /* ###### SAVERIO RESTYLING 2018 ###### *//* ###### SAVERIO RESTYLING 2018 ###### */ /******** BEGIN *********/ /******** BEGIN *********/ /******** BEGIN *********/ body { font-family: "Raleway",sans-serif !important; font-size: 14px !important; line-height: 1.5 !important; text-align: left; } .price { font-weight: bold; } .product-name { font-family: "Raleway",sans-serif; text-transform: uppercase; font-size: 1.2em; } #mega-nav ul.subs li li a { text-transform: uppercase; color: #ffffff; font-size: 1.1em !important; font-weight: normal; } #mega-nav li:hover div.mega-block { background-color: rgba(18,18,18,0.86); } #mega-nav ul.subs li li a::before { content: none; } #mega-nav div.mega-block { top: 44px; padding-top: 0.6%; } #mega-nav > li.parent:hover > a::before { content: none !important; } #mega-nav > li > a { font-size: 1.1vw !important; /* font-size: 18px !important; */ line-height: 1.5 !important; padding-right: 20px; } .navmain-container { font-family: "Raleway",sans-serif !important; font-size: 14px !important; line-height: 1.5 !important; color: #302d2d !important; height: 108px !important; background-color: rgba(116,120,108,0.86) !important; } .menucontainer_bott { padding-top: 44px; background-color: transparent !important; max-width: 100% !important; } .menucontainer_logo > div.logo { position: relative; top: -2px; width: 210px; /* right: 30px; */ margin:0 auto; /*center align*/ } .menucontainer_top { padding-top: 6px !important; padding-bottom: 6px !important; } .catalog_top_menu { padding-left: 60px; background-color: #74786c; font-family: "Raleway",sans-serif; font-size: 16px; line-height: 1.7; text-transform: uppercase; padding-top: 7px; padding-bottom: 7px; color: #ffffff; } .grid_full { width: 100% !important; margin-left:0; } .header-primary { padding-top: 0px !important; padding-bottom: 0px !important; } .navmain-container { border: none; } .container_12 { /* width: 98% !important; padding-left: 20px;*/ } li.level-1:nth-child(5) > a:nth-child(1) { color: red !important; } /*sticky header trasparente*/ .navmain-container.fixed { background-color: rgba(116,120,108,0.86) !important; height: 108px !important; /* margin-top: 36px; */ z-index: 99; } .navmain-container.fixed > .menucontainer_bott { padding-top: 44px; } .navmain-container.fixed_scr { background-color: rgba(60,60,60,0.90) !important; height: 86px !important; margin-top: 0px; padding-bottom: 16px; } .header-container { position: fixed; margin: 0; top: 0; height: 36px } /* .header-primary-container.dnone { display: none; } .header-container.dnone { display: none; } */ .v-grid-container { height: 40px; } /*linea banner description*/ .banner { position: relative; } .banner-description_splash { position: absolute; z-index: 30; bottom: 40px; left: 40px; right: 40px; margin: 0 auto; padding: 20px; width: auto; text-align: center; background-color: rgba(18,18,18, 0.6); line-height: 24px; margin: 0 0 21px; } .banner-description_splash.rossounp { background-color: rgba(182,0,0, 0.6); } .description-text h4, .ph4 { color: #ffffff; font-size: 2vw; letter-spacing: 6px; margin-bottom: 24px; opacity: 1; font-family: "Cormorant Garamond",serif !important; } .description-text h2, .description-text h1 { color: #ffffff; letter-spacing: 6px; text-transform: uppercase; opacity: 1; font-family: "Cormorant Garamond",serif !important; } .banner-s-filters div.main.category-main.container_12 div.page-title { display: none; } .banner-description_splash.cat .description-text h1, .description-text h1 { font-size: 2.6vw; } .banner-description_splash.cat { padding: 36px } .col1-layout .container_12 { padding-top: 0px !important; width: 100% !important; } /*##### .col1-layout .container_12 FOR SOME CMS PAGES (CATALOGO, architetti, etc) ######*/ .col1-layout .container_12.cat_page { max-width: 100%; } .banner-description_splash.cat_page { margin: 0 0 36px; } div.main.container_12.splash.cat_page div.col-main.grid_full div.ssmiddle_container div.ssmiddle.row_s div.ssmiddle_container { padding-left: 5%; padding-right: 5%; } .cat_page textarea, .cat_page textarea, input { border: 1px solid #696d60 !important; } div.ssmiddle_container.sub_cat h2 { font-size: 32px; text-transform: uppercase; font-weight: bold; padding-bottom: 20px; } div.ssmiddle_container.sub_cat h3 { font-size: 26px; text-transform: normal; padding-bottom: 20px; } .sub_cat { font-size: 16px; text-transform: normal; } .sub_cat_i { font-style: italic; } button.promo { background-color: black; color: white; font-weight: bold; padding: 8px 20px; min-width: 200px; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; border: 1px solid black; margin-bottom: 20px; margin-top: 30px; cursor: pointer; } button.promo:hover { background-color: white; color: black; } .cat_page .buttons-set button.button { float: none; } .ssmiddle_container form { padding-top: 20px; } /*## architetti */ .architetti-index-register .fieldset { margin: 0 auto !important; width: 100% !important; } .architetti-index-index .page-title { text-align: center; font-family: "Cormorant Garamond",serif; letter-spacing: 4px !important; text-transform: uppercase; font-size: 42px !important; font-weight: 500 !important; padding-top: 24px !important; margin-bottom: 36px !important; } .architetti-index-index .content { font-family: "Raleway",sans-serif !important; font-size: 1.2em !important; line-height: 160% !important; } /*###### FORMS ######*/ /*###### FORMS ######*/ input, select, textarea, button { font-weight: 300; font-size: 16px; font-family: "Raleway", sans-serif; vertical-align: middle; } button.button span { font-size: 16px; } /*### checkbox*/ /*input[type=checkbox] + label { display: block; margin: 0.2em; cursor: pointer; padding: 0.2em; } input[type=checkbox] { display: none; } input[type=checkbox] + label:before { content: "\2714"; border: 0.1em solid #000; border-radius: 0.2em; display: inline-block; width: 1em; height: 1em; padding-left: 0.2em; padding-bottom: 0.3em; margin-right: 0.2em; vertical-align: bottom; color: transparent; transition: .2s; } input[type=checkbox] + label:active:before { transform: scale(0); } input[type=checkbox]:checked + label:before { background-color: #508f5a; border-color: #508f5a; color: #fff; } */ /* input[type="radio"] { position: absolute; opacity: 0; -moz-opacity: 0; -webkit-opacity: 0; -o-opacity: 0; } input[type="radio"] + label { position: relative; padding: 0 0 0 25px; font-size: 16px; line-height: 25px; margin:0 0 10px 0; } input[type="radio"] + label:before { content: ""; display: block; position: absolute; top: 2px; height: 14px; width: 14px; background: white; border: 1px solid gray; box-shadow: inset 0px 0px 0px 2px white; -webkit-box-shadow: inset 0px 0px 0px 2px white; -moz-box-shadow: inset 0px 0px 0px 2px white; -o-box-shadow: inset 0px 0px 0px 2px white; -webkit-border-radius: 8px; -moz-border-radius: 8px; -o-border-radius: 8px; } input[type="radio"]:checked + label:before { background: #508f5a; } */ /*###### FORMS ######*/ /*###### FORMS ######*/ /*container_12_splash*/ /*container_12_splash*/ .attributesplash-page-view .main.container_12.splash { padding: 0px !important; margin: 0px !important; max-width: 100% !important; float: none; } .container_12_splash { max-width: 100% !important; padding-right: 0 !important; padding-left: 0 !important; background-color: #74786c; } div.container_12.splash div.category-products div.toolbar { /*display: none;*/ } div.container_12.splash div.category-products { padding-top: 3%; } .splash-description-full { padding-right: 100px; padding-bottom: 0px; padding-left: 100px; padding-top: 20px !important; margin-left: 3%; margin-right: 3%; padding-bottom: 20px !important; } .splash-description-full p { font-family: "Raleway",sans-serif !important; text-align: center; letter-spacing: 3px; font-size: 18px !important; color: #ffffff; line-height: 1.5em; } .splash-description-full p.plussign { font-size: 40px !important; font-weight: 400; margin-bottom: 0.6em; } .grid_full.splash .row_s { width: 94% !important; margin: 0 auto; margin-bottom: -60px; } .grid_full.splash .row_s .col-6 { margin-left: 0.6%; margin-right: 0.6%; } .grid_full.splash { margin-top: -220px; } .products-grid.columngrid { margin-top: -30px; } /*product content list*/ .product-content-wrapper { border-bottom: 1px dashed #302d2d; border-bottom-color: rgb(48, 45, 45); border-bottom-style: dashed; border-bottom-width: 1px; padding-bottom: 12px; } .products-grid .product-content-wrapper { margin-top: 6px; } .splash_prlist { max-width: 1200px !important;*/ padding-left: 2% !important; padding-right: 2% !important; float: none; } #narrow-by-list > .accordion > .opener { display: none; } .category-products > .toolbar { display: none; } .amshopby-filters-top { margin-bottom: 0px !important; } .block-layered-nav dd, .block-blog dd { padding-bottom: 12px !important; } /*amshopby-select list */ .amshopby-select { border: 1px solid #ccc; width: 120px; border-radius: 3px; overflow: hidden; background: #fafafa url("https://www.unopiu.com/skin/frontend/unpsa/default/css/img/icon-select.png") no-repeat 90% 50%; } .amshopby-select select { padding: 5px 8px; width: 130%; border: none; box-shadow: none; background: transparent; background-image: none; -webkit-appearance: none; } .amshopby-select select:focus { outline: none; } div.block.block-layered-nav.amshopby-filters-top { background-color: #74786c; width: 100vw; position: relative; margin-left: -50vw; left: 50%; } .category-full .col-left .block.block-layered-nav { padding-top: 26px; } /*product-essential*/ .page-title, .product-view .product-essential .product-name { position: relative; } .category-products-grid { max-width: 1200px !important; } /*footer*/ .footer-container { background-color: #74786c !important; } .footer-container, .footer .section-line > *, .footer .accordion .opener, .footer .accordion .opener:hover { background-color: #74786c !important; } div.section-line.block-title::before { border-top-color: #ffff; border-top-style: solid; border-top-width: 1px; } ul.separator li a { border: none; } .footer-bottom-border { border: none; } /*menu icon header*/ .primary-menu-icon a { text-transform: uppercase; font-size: 18px; color: #ffffff !important; text-decoration: none; float: right; } .primary-menu-icon_top { /*float: right;*/ vertical-align: middle; padding-right: 10px; } .primary-menu-icon_top a { text-transform: uppercase; font-size: 12px; color: #000000 !important; text-decoration: none; padding-right: 3em; } .primary-menu-icon_top a:after, a:before { font-size: 22px; vertical-align: middle; } .primary-menu-icon a:hover { text-decoration: none; } .primary-menu-icon a:before { font-size: 30px; } .summary-container > .icon-cart { font-size: 30px; } .primary-menu-icon a { padding-right: 2vw; } .shopping_cart.dropdown { border: none; } .toggleMenu::before { font-size: 24px; } .toggleMenu { font-size: 16px; } .fa-search { font-size: 22px; color: #000000 !important; } body.catalog-category-view div.wrapper div.page div.header-container.header2 div.header-primary-container div.top-links.links-separators div.primary-menu-icon_top span div.quick-search.dropdown.search-wrapper-centered.search-wrapper.search-wrapper-mobile { z-index: 991 !important; } body.catalog-category-view div.wrapper div.page div.header-container.header2 div.header-primary-container div.top-links.links-separators div.primary-menu-icon_top span div.quick-search.dropdown.search-wrapper-centered.search-wrapper.search-wrapper-mobile form#search_mini_form div.form-search div.dropdown-menu { z-index: 991 !important; } .header-primary-container { padding-top: 6px; padding-bottom: 6px; } /*banner slider */ .owl-carousel { margin-top: 18px; } .form-search .button { line-height: 2px; } .header-container.header2 .currency.dropdown, .header-container.header2 .language.dropdown { border: none; } /*FIX MAIN CONTAINER HEIGHT*/ /*FIX MAIN CONTAINER HEIGHT*/ .cms-page-view .main.container_12.splash, .catalog-product-view .main.container_12.splash, .checkout-cart-index .main.container_12.splash, .checkout-onepage-index .main.container_12.splash, .wordpress-post-category-view .main.container_12.splash, .contacts-index-index .main.container_12.splash, .wordpress-page-view .main.container_12.splash, .wordpress-post-view .main.container_12.splash, [class^=" customer"] .main.container_12.splash, .attributesplash-group-view .main.container_12.splash, .cms-index-noroute .main.container_12.splash, .layered-nav-s .main.category-main, .no-banner-s .main-container, .checkout-onepage-index .main-container, .storelocator-index-view .main.container_12.splash, .cms-customer-gold .main-container, .requestquote-index-index .main-container, .requestquote-index-success .main-container { margin-top: 11em !important; } .wordpress-post-category-view.parall_cat .main.container_12.splash { margin-top: 0em !important; } .catalogsearch-result-index .category-main { margin-top: 1.6em !important; } .customer-account-index .main.container_12, .checkout-onepage-success .main.container_12, .customer-account-logoutsuccess .main.container_12, .customer-account-edit .main.container_12, .customer-address-index .main.container_12, .sales-order-history .main.container_12, .review-customer-index .main.container_12, .tag-customer-index .main.container_12, .wishlist-index-index .main.container_12, .newsletter-manage-index .main.container_12, .quotation-quote-list .main.container_12, .customer-address-form .main.container_12, .sales-order-view .main.container_12 { margin-top: 2em !important; } .checkout-onepage-index .main-container, .catalog-seo-sitemap-category .main-container, .catalog-seo-sitemap-product .main-container, .catalogsearch-term-popular .main-container, .requestquote-index-index .main-container, .requestquote-index-success .main-container { margin-top: 11em !important; } .checkout-cart-index .main-container { margin-top: 10em !important; } .parall_page .main.container_12.splash, .parall_post .main.container_12.splash, .banner-s .main.category-main, .banner-s-filters .main.category-main { margin-top: 0em !important; } body.attributesplash-group-view.splash-group-1 div.wrapper div.page div.main-container.col1-layout { padding-right: 0 !important; padding-left: 0 !important; background-color: #74786c; width: 100vw; position: relative; margin-left: -50vw; left: 50%; } body.attributesplash-group-view.splash-group-1 div.wrapper div.page div.main-container.col1-layout div.main.container_12.splash { max-width: 100%; } .banner-s-collezioni .main.container_12.splash { margin-top: 0 !important; } body.attributesplash-group-view.splash-group-1.banner-s-collezioni div.banner div#owl-slides.owl-carousel.owl-theme div.owl-wrapper-outer { height: 600px !important; } /*FIX MAIN CONTAINER HEIGHT*/ /*FIX MAIN CONTAINER HEIGHT*/ /*LAYERED NAVIGATION*/ .amshopby-filters-left { width: 30%; } /* Custom Select */ /*reset select styling */ select.amshopby-select { -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; appearance: none; outline: 0; box-shadow: none; border: 0 !important; background: #cccccc; background-image: none; } .select-amfilter { position: relative; display: block; height: 3em; line-height: 3; background: none; overflow: hidden; border-radius: .25em; } .select-amfilter.filt_coll { position: relative; display: block; height: 3em; line-height: 3; background: none; overflow: hidden; border-radius: .25em; width: 310px; margin-left: 8%; margin-bottom: 30px; } select.amshopby-select { -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; appearance: none; outline: 0; box-shadow: none; border: 0 !important; background: none; background-image: none; font-size: 1.2em; width: 100%; height: 100%; margin: 0; padding: 0 0 0 .5em; color: #ffffff; cursor: pointer; font-size: 1.4em !important; } select.amshopby-select option { color: #ffffff; cursor: pointer; font-size: 1.4em !important; } select.amshopby-select::-ms-expand { display: none; } /* Arrow */ .select-amfilter::after { content: '\e803'; font-family: "unopiu"; position: absolute; top: 0; right: 0; bottom: 0; padding: 0 1em; color:#ffffff; pointer-events: none; } /* Transition */ .select-amfilter:hover::after { color: #cccccc; } .select-amfilter::after { -webkit-transition: .25s all ease; -o-transition: .25s all ease; transition: .25s all ease; } .amshopby-item-top { max-width: 100% !important; } .plus_big { font-size: 66px !important; color: #508f5a; } a.plus_big { font-size: 66px !important; color: #508f5a; } div .plus_big { padding-top: 20px; } /*CATEGORY page*/ /*CATEGORY page*/ .block-layered-nav .currently .label { color: #fff; /* font-weight: bold; font-size: 1.2em; */} .catalog-category-view .main-container { max-width: 100% !important; padding-right: 0 !important; padding-left: 0 !important; background-color: #74786c; height: 480px; } .products-grid .price-box p { float: right; padding-left: 6px; } .catalog-category-view .page-title { display: none; } .catalog-category-view.layered-nav-s .page-title { display: block; } .catalog-category-view.layered-nav-s .page-title h1 { color: #ffffff !important; } .amshopby-filters-top .block-title { display: none; } .filter-divider { height: 3px; border-bottom: 2px dotted #ffffff; margin: 0px 40px 40px 40px; padding-top: 2em; } .select-amfilter { border-bottom: 1px dotted #ffffff; width: 260px !important; } .amshopby-container-top { text-align: center; /*padding-bottom: 10px;*/ } .block-layered-nav .currently + .actions { margin-bottom: 15px; } .catalog-category-view.layered-nav-s .block.block-layered-nav > .block-content { color: #ffffff !important; } .catalog-category-view.layered-nav-s .block.block-layered-nav > .block-content a { color: #ffffff !important; } .splash-description-fullwidth { padding-right: 0 !important; padding-left: 0 !important; background-color: #74786c; width: 100vw; position: relative; margin-left: -50vw; left: 50%; } .splash-description-fullwidth_splash { padding-right: 0 !important; padding-left: 0 !important; background-color: #74786c; width: 100%; /*height: 380px;*/ padding-bottom: 200px; } .product-image-wrapper { min-height: 320px; display:flex; align-items:center; justify-content:center; } .collection_product_name_ss a { text-transform: capitalize; font-style: italic; color: #508f5a; } .collection_product_name_ss a:hover { color: rgb(37, 37, 37); } .attributesplash-page-view .collection_product_name_ss { display: none; } .products-grid .product-name.double-line-name { line-height: 1.5em; height: 3em; /* height is 2x line-height, so two lines will display */ overflow: hidden; /* prevents extra lines from being visible */ } /*#mega-nav #popup00 > ul > li { border-right: dotted 1px #ffffff; }*/ /*SPLASH PAGE HP BLOCK*/ /*SPLASH PAGE HP BLOCK*/ .container_splash_hp { /*position: relative;*/ z-index: 0; background-color: #74786c; max-width: 100%; padding-bottom: 30px; } .container_splash_hp .row_s { max-width: 90%; margin: 0 auto; } .nomargin { margin-left: 0px !important; margin-right: 0px !important; } .btn-white { display: inline-block; text-align: center; padding: 8px 23px; -webkit-border-radius: 25px; -moz-border-radius: 25px; border-radius: 25px; background: transparent; border: 1px solid #fff; color: #fff; text-transform: uppercase; font-weight: bold; transition: all .2s ease-in; } .btn-white:hover, .btn-white:active, .btn-white:focus { background-color: #302d2d; text-decoration: none; color: #ffffff; } p.splasdescr_hp { padding-bottom: 20px !important; line-height: 1.875; font-size: 16px; color: white; } h1.splasdescr_hp { padding-top: 30px; color: #ffffff; font-size: 44px; font-weight: bold; line-height: 0.9em; } h2.splasdescr_hp { padding-top: 30px; color: #ffffff; font-size: 44px; font-weight: bold; line-height: 0.9em; } /*##### MEGA MENU ######## (.columngrid-6col width was wrong)*/ .columngrid-6col .item { width: 14.58% !important; } div.mega-container ul#mega-nav li a { /*font-size: 1.34em !important;*/ } #mega-nav ul.subs li a { text-transform: uppercase; color: #ffffff; font-size: 1.3em !important; font-weight: 700 !important; } #mega-nav ul.subs li li a { font-weight: normal !important; } .menu_item_s p { color: #ffffff; text-transform: uppercase; font-size: 1.34em !important; font-family: "Raleway", sans-serif; font-weight: 700 !important; margin-bottom: 8px; } .menu_item_s .rossounp { color: #508f5a; font-weight: bolder; } div#popup00.mega-block div.block.menu_item_s a { color: #ffffff !important; text-transform: uppercase !important; font-size: 16px !important; padding-left: 12px; } div#popup00.mega-block div.block.menu_item_s a::before { margin-right: 0px; } /* .custom-block-left { float: right; } */ /*##### ssmiddle PROMO HP ########*/ .ssmiddle_container { margin: 0 40px; } .ssmiddle { background-color: #dcd4cb; width: 100%; margin: 0 auto; position:relative; margin-top: -80px; padding-top: 40px; padding-bottom: 50px; } .ssmiddle_container_header { text-align: center; color: #3a3026; text-transform: uppercase; font-size: 44px; letter-spacing: 6px; /*font-family: "Cormorant Garamond",serif;*/ } .ssmiddle_container_header.linea { text-transform: uppercase; text-align: center; color: #ffffff; font-size: 44px; letter-spacing: 6px; margin-bottom: 20px; padding-top: 30px; line-height: 1.1em; /*font-family: "Cormorant Garamond",serif;*/ } div.container_splash_hp h6 { padding-left: 10%; padding-right: 10%; text-align: center; color: #ffffff; font-size: 20px; margin-bottom: 30px; line-height: 1.3em; padding-top: 30px; /*font-family: "Cormorant Garamond",serif;*/ } .section-button { padding-top: 50px; padding-bottom: 20px; /*font-family: "Cormorant Garamond",serif;*/ text-align: center; font-size: 16px; line-height: 1.5; } .btn-brown { display: inline-block; text-align: center; padding: 8px 23px; -webkit-border-radius: 25px; -moz-border-radius: 25px; border-radius: 25px; background: transparent; border: 1px solid #3a3026; color: #3a3026; text-transform: uppercase; font-weight: bold; transition: all .2s ease-in; letter-spacing: 6px !important; } .btn-brown:hover { color: #fff; background-color: #3a3026; } div.ssmiddle.row_s div.row_s #multi-product { padding: 0 4%; } .h1_big { font-weight: 900; font-size: 65px; color: #3a3026; font-family: "Raleway",sans-serif; } .h3_big { font-weight: 900; font-size: 40px; color: #3a3026; font-family: "Raleway",sans-serif; } .section-promo-content { margin-left: 8.3333333333%; } .section-promo-content h1 { margin-bottom: 0px; } .section-promo-content p { padding-top: 40px !important; padding-bottom: 40px !important; width: 75%; font-size: 16px; color: #302d2d; line-height: 1.5; } .ssmiddle_title h3 { text-align: center; text-transform: uppercase; letter-spacing: 3px; /*font-family: "Cormorant Garamond",serif;*/ font-size: 36px; color: #302d2d; padding-top: 50px; padding-bottom: 10px; } div.ssmiddle.row_s div.row_s div.col-8 div.row_s div.col-6.ssmiddle_img { float: right; } .ssmiddle_img img { min-height: 100%; width: auto !important; } .nopadding { padding: none !important; } .nomargin { margin: none !important; } div.header-primary-container div.row_s div.col-4-sm div.logo a img { height: 28px; /*display: none;*/ } div.header-primary-container div.row_s div.col-4-sm div.logo { display: none; } div.header-primary-container div.row_s div.col-4-sm { margin: 0 !important; padding: 0 !important; } div.header-primary-container div.row_s div.col-8-sm { margin: 0 !important; padding: 0 !important; } div.primary-menu-icon a { padding-top: 10px; } div.primary-menu-icon a:hover { color: #508f5a !important; } div.primary-menu-icon a.icon-location span { font-size: 16px; } div.item.product_ssmiddle div.product-image-wrapper a.product-image img { padding-top: 20px; padding-right: 4px; padding-left: 4px; background-color: #ffffff; width: 88%; } .icon-location span { font-size: 14px !important; } .icon-study span { font-size: 14px; } .fa-tags span { font-size: 14px; font-family: "Raleway",sans-serif !important; font-weight: 400; letter-spacing: 0.02em; } .fa-tags { padding-top: 10px !important; } .primary-menu-icon a { padding-right: 1vw } .product_ssmiddle { padding-bottom: 12px; border-bottom: 1px dashed #302d2d !important; background-color: #ffffff; } div.no-both-margin.grid_12 ul.level1.subs.no-both-margin.columngrid.columngrid-4col.grid_10 li.level-1 { border-right: 1px dotted #ffffff !important; padding-right: 6px; height: 330px; } .custom-block-right, .custom-block-left { border-right: 1px dotted #ffffff !important; } .columngrid-4col .item { width: 21.6%; } .custom-block-right.grid_2, .custom-block-left.grid_2 { border-right: 1px dotted #ffffff !important; width: 14.46%; height: 330px; } div#v-cookielaw.v-bar.v-dark-clean.v-top div.v-actions a.v-button.v-accept::before { font-size: 10px; } /*###### WP HP UNOVERSE ######*/ /*###### WP HP UNOVERSE ######*/ .container_splash_hp.wp_unov { max-width: 100% !important; padding-right: 0 !important; padding-left: 0 !important; background-color: #ffffff; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #dddddd; border-bottom-width: 60% !important; } .container_splash_hp.wp_unov img { margin-bottom: 20px; } body.cms-index-index.cms-home div.container_splash_hp.wp_unov div.row_s div.col-6 h1.splasdescr_hp { font-size: 34px; line-height: 1.1em; } body.cms-index-index.cms-home div.container_splash_hp.wp_unov div.row_s div.col-6 h2.splasdescr_hp { font-size: 34px; line-height: 1.1em; } .ssmiddle_container_header.wp_unov.wp_unov_tit h1 { font-size: 44px; margin-top: 40px; margin-bottom: 30px; } div.container_splash_hp.wp_unov p.splasdescr_hp { font-size: 16px; color: #000000 !important; } div.col-main.grid_full div.std div.container_splash_hp.wp_ecc div.row_s div.col-6 a img { width: 800px; } .change-ratio { width: 100% !important; overflow: hidden !important; margin: 0 !important; } .change-ratio.bott img { width: 100% !important; overflow: hidden !important; margin: 0 !important; height: 18vw !important; } .change-ratio img { display: block !important; } .change-ratio img { width: 120% !important; max-width: none !important; } .change-ratio_dx { width: 100% !important; overflow: hidden !important; margin: 0 !important; height: 22vw !important; margin-bottom: 20px !important; position: relative; } .change-ratio_dx img { width: 120% !important; max-width: none !important; } .change-ratio_dx img { display: block !important; } .custom_caption_ecc_title { position: absolute; width: 100%; margin: 0 auto; padding-top: 20%; position: absolute; top: 0px; text-align: center; } .custom_caption_ecc_title h2 { box-sizing: border-box; color: rgb(255, 255, 255); font-family: "Raleway", sans-serif; text-transform: uppercase; font-size: 2em !important; font-weight: 700 !important; text-align: center; } .custom_caption_18 h1.heading a { font-family: "Raleway", sans-serif; text-transform: uppercase; padding-top: 20px; font-weight: 700; line-height: normal; } .custom_caption_18 p.subheading { font-family: "Raleway", sans-serif; text-transform: uppercase; } .grid_12 .custom_caption_18 h1.heading a { font-size: 1.3em; } .grid_6 .custom_caption_18 h1.heading a { font-size: 1em; } .grid_3 .custom_caption_18 h1.heading a { font-size: 0.8em; } .grid_12 .custom_caption_18 p.subheading { font-size: 22px; } .grid_6 .custom_caption_18 p.subheading { font-size: 20px; } .grid_3 .custom_caption_18 p.subheading { font-size: 16px; } .blog-desc_mag { font-size: 20px; } div.blog-desc_mag { padding: 20px 10px; } /*###### WP HP eccellenza ######*/ /*###### WP HP eccellenza ######*/ .container_splash_hp.wp_ecc { max-width: 100% !important; padding-right: 0 !important; padding-left: 0 !important; background-color: #dcd4cb; } .wp_ecc .ssmiddle_container_header.linea, div.container_splash_hp.wp_ecc h6, div.container_splash_hp.wp_ecc h1.splasdescr_hp, div.container_splash_hp.wp_ecc h2.splasdescr_hp { color: #57554a !important; } div.container_splash_hp.wp_ecc h6 { font-size: 20px; margin-left: 3%; margin-right: 3%; } .btn-grey { display: inline-block; text-align: center; padding: 8px 23px; -webkit-border-radius: 25px; -moz-border-radius: 25px; border-radius: 25px; background: transparent; border: 1px solid #57554a; color: #57554a; text-transform: uppercase; font-weight: bold; transition: all .2s ease-in; } .btn-grey:hover, .btn-grey:active, .btn-grey:focus { color: #fff; background-color: #57554a; } div.container_splash_hp.wp_ecc div.row_s div.col-6 p.splasdescr_hp { margin-bottom: 10px !important; line-height: 1.875; font-size: 16px; font-family: "Raleway", sans-serif; margin-top: 20px !important; color: #57554a; } div.container_splash_hp.wp_ecc div.row_s div.col-6 h1.splasdescr_hp a, div.container_splash_hp.wp_ecc div.row_s div.col-6 h2.splasdescr_hp a { font-size: 40px; color: #57554a; margin-bottom: 20px; text-transform: uppercase; margin-top: 50px; font-family: "Raleway", sans-serif; font-weight: 300; } div.container_splash_hp.wp_ecc div.row_s div.col-6.even { text-align: right; } div.row_s.ssmiddle_container_header.wp_ecc h1 { color: #57554a; padding-top: 30px; text-transform: uppercase; text-align: center; font-size: 44px; letter-spacing: 6px; /*font-family: "Cormorant Garamond",serif;*/ } /*###### WP HP NEWS ######*/ /*###### WP HP NEWS ######*/ .container_splash_hp.wp_news { max-width: 100% !important; padding-right: 0 !important; padding-left: 0 !important; background-color: #ffffff; } .container_splash_hp.wp_news div h3 { text-transform: uppercase; letter-spacing: 6px; margin-top: 20px; margin-bottom: 20px; color: #57554a; font-size: 40px; font-weight: 700; font-family: "Cormorant Garamond", serif; } .wp_news a.read-more { color: #508f5a; } h4.wp_news { font-size: 24px; line-height: 1.2em; } h5.wp_news { font-size: 14px; font-style: italic; } .resp-tab-content { border: none; } /*####### PRODUCT PAGE ######*/ /*####### PRODUCT PAGE ######*/ div.breadcrumbs ul li.category328 { /*hide prodotti from breadcumb*/ display: none; } .breadcumb_pr { padding-top: 20px; } .breadcrumbs li { font-size: 12px; } .breadcrumbs li span { width: 7px; height: 5px; margin: 2px 2px 0; overflow: hidden; } .catalog-product-view .col1-layout .container_12 { max-width: 90%; } .page-title, .product-view .product-essential .product-name, .alt-bg { border: none; margin: 0 !important; padding: 6px !important; } .product-name > h1:nth-child(1) { font-size: 30px !important; color: #302d2d !important; font-family: "Raleway",sans-serif !important; text-transform: none !important; font-weight: 700 !important; font-style: normal; } .product-view .short-description { font-family: "Raleway", sans-serif; font-size: 16px; } div.product-view div.box-additional.box-tabs div#horizontalTab.resp-easy-accordion div.resp-tabs-container h2.resp-accordion { font-family: "Raleway", sans-serif; font-size: 18px !important; font-weight: 900 !important; line-height: 1.2em; } h2.resp-accordion { font-size: 16px; margin: 0px; padding: 9px 0px; padding: 20px 0; border-top: none; border-bottom: 1px dashed #302d2d; position: relative; display: flex; flex-direction: column; } .product-view .box-additional { margin-top: 26px; } .addinf_label { font-size: 16px; color: #302d2d; line-height: 1.5; font-weight: bold; } .data-table th, .data-table td { text-transform: uppercase; border: none; padding: 6px 20px; } div.container_12.container_12_splash.prodpage div.splash-description-fullwidth_splash { background-color: transparent; } div.container_12.container_12_splash.prodpage { background-color: transparent; } div.container_splash_pro div.row_s { margin-top: 12px; padding-top: 30px; padding-bottom: 30px; background-color: #74786c; width: 100vw; margin-left: -50vw; left: 50%; } div.container_splash_pro div.descr_sp { font-size: 18px; font-weight: 500; line-height: 21.6px; text-transform: uppercase; color: #ffffff; font-family: "Cormorant Garamond", serif } .product-view .short-description, .product-view .price-stock, .product-view .add-to-box, .product-shop .product-options-bottom, .product-view .product-shop .product-meta, .product-view .product-shop .social-link { border-bottom: 1px dashed #302d2d; } .product-view .product-shop .social-link a { font-size: 18px; } div.ssmiddle_container.linea_pr div.ssmiddle.linea_pr.row_s { margin-top: 0; padding-top: 0; padding-bottom: 0; margin-bottom: -50px; width: 100vw; position: relative; margin-left: -50vw; left: 50%; } .catalog-product-view .itemslider.owl-theme .owl-controls .owl-buttons .owl-prev { left: 1.4%; } .catalog-product-view .itemslider.owl-theme .owl-controls .owl-buttons .owl-next { right: 1.4%; } /*####### <<<< END PRODUCT PAGE ######*/ /*##### WP PAGES #####*/ /*##### WP PAGES #####*/ img.size-full-red { width: 900px; } img.size-media-red { width: 595px !important; } img.size-piccola-red { width: 293px; } img.size-full { width: 900px !important; } .box-additional .product-name { font-size: 1em; line-height: 1.4em; } div.product-view div.box-additional div.section-line { font-size: 16px; margin: 0px; padding: 9px 0px; padding: 20px 0; border-top: none; border-bottom: 1px dashed #302d2d; position: relative; display: flex; flex-direction: column; text-align: left; } div.product-view div.box-additional div.section-line h2 { padding: 0px !important; font-family: "Raleway", sans-serif; font-size: 18px !important; font-weight: 900 !important; line-height: 1.2em; } /*### MINI CART*/ .container_splash_prodpage { background-color: red; } #cart-sidebar.mini-products-list li div.product-details p.product-name a { font-size: 10px; color: #000000 !important; } .shopping_cart .mini-products-list .product-name { font-size: 16px; color: #000000 !important; } #cart-sidebar.mini-products-list li div.product-details div.button-set a { color: #000000 !important; } #cart-sidebar.mini-products-list li div.product-details div.button-set a:hover { color: #508f5a !important; } #cart-sidebar.mini-products-list li div.product-details div.button-set a::before { font-size: 22px; } .mini-products-list .product-details .product-name { display: none !important; } .shopping_cart .dropdown-menu { min-width: 280px; } /*##### s.s. CHECK !!!!*/ body.attributesplash-group-view div.main-container.col1-layout { margin-bottom: -50px; padding-bottom: 50px; } p.required, .product-options dt label.required em, .form-list label.required em { color: #DC143C !important; } .toolbar_pager { padding-right: 10%; float: right; } .toolbar_pager .pager .pages li a, .pager .view-mode .grid, .pager .view-mode .list { } div.box-additional.box-releted .products-grid button.button span span, .products-list button.button span span { font-size: 12px; } div.box-additional.box-up-sell .products-grid button.button span span, .products-list button.button span span { font-size: 12px; } /*####### SELECT2 FILTER INPUT SELECT ######*/ /*####### SELECT2 FILTER INPUT SELECT ######*/ .select2-container--default .select2-selection--single { background-color: transparent !important; border: 0px !important; color: #ffffff; } .select2-selection__arrow { display: none; } .select2-container--default .select2-selection--single .select2-selection__rendered { color: #ffffff !important; font-size: 22px !important; } .select2-search { background-color: #74786c; } .select2-search input { background-color: #dddddd; } .select2-results { background-color: #74786c; color: #ffffff; } .select2-container--default .select2-results__option--highlighted[aria-selected] { background-color: #dddddd !important; color: #333333 !important; } .select2-container--default .select2-results__option[aria-selected="true"] { color: #333333 !important; } /*html.js.cssanimations body.catalog-category-view.categorypath-prodotti-arredi-giardino-sedie-e-poltroncine-da-giardino-html.category-sedie-e-poltroncine-da-giardino.banner-s div.wrapper div.page div.main-container.col2-left-layout div.main.category-main.container_12 div.category-full div.grid_full div.col-main div.block.block-layered-nav.amshopby-filters-top div.block-content div.amshopby-container-top.block-layered-nav.amshopby-filters-top div.amshopby-item-top.block-content.am-toggle-content dl#narrow-by-list.amshopby-narrow-by-list dd ol li div.select-amfilter span.select2.select2-container.select2-container--default span.selection span.select2-selection.select2-selection--single span#select2-82y5-container.select2-selection__rendered { color: #ffffff !important; font-size: 16px !important; }*/ .block-layered-nav li { text-align: left !important } .mtop50 { margin-top: 50px !important; } .mtop30 { margin-top: 30px !important; } .mtop15 { margin-top: 15px !important; } .mbot50 { margin-bottom: 50px !important; } .mbot30 { margin-bottom: 30px !important; } .mbot15 { margin-bottom: 15px !important; } .ptop50 { padding-top: 50px !important; } .ptop30 { padding-top: 30px !important; } .ptop15 { padding-top: 15px !important; } .pbot50 { padding-bottom: 50px !important; } .pbot30 { padding-bottom: 30px !important; } .pbot15 { padding-bottom: 15px !important; } .rossounp { color: #508f5a !important; } .rossounp a { color: #508f5a !important; } /*###### POST/PAGE WP ######*/ /*###### POST/PAGE WP ######*/ .is-blog .page-title.post-title h1, .is-blog .page-title h1 { text-align: center; font-family: "Cormorant Garamond",serif; letter-spacing: 4px !important; text-transform: uppercase; font-size: 48px !important; font-weight: 500 !important; padding-top: 16px !important; margin-bottom: 24px !important; line-height: 1.1em !important; padding-left: 1%; padding-right: 1%; } .sidebar-left-custom { display: none; } .container.disappear .sidebar-left-custom { display: none !important; } .is-blog .post-view .products-gridn { font-family: "Raleway",sans-serif !important; font-size: 1.2em !important; line-height: 160% !important; } .categorymenurigth_wp { font-size: 1.4em !important; } .post-view .appear .products-gridn { width: 76% !important; } .post-view .disappear .products-gridn { width: 76% !important; } .wordpress-page-view .disappear .products-gridn { width: 100% !important; } .block.block-blog.block-blog-archives { display: none !important; } .wordpress-post-view.is-blog .block-title::before { border-bottom: 2px solid #DDDDDD; border-top: none; } .is-blog .product-content p, .is-blog h4 { font-size: 1.1em !important; line-height: 140% !important; } .is-blog .products-gridn ul li.item h2 { font-size: 26px !important; font-weight: 500 !important; } .contacts-index-index .page-title { text-align: center; font-family: "Cormorant Garamond",serif; letter-spacing: 4px !important; text-transform: uppercase; font-size: 42px !important; font-weight: 500 !important; padding-top: 24px !important; margin-bottom: 36px !important; } .contacts-index-index { font-family: "Raleway",sans-serif !important; line-height: 160% !important; } .contacts-index-index .contact_info { text-transform: uppercase; text-align: center; padding-bottom: 20px; padding-top: 20px; } .contacts-index-index .contact_right .peer-wrapper { padding-left: 10% !important; margin: 0 auto; } .contacts-index-index .form-list textarea { height: auto; } .wordpress-post-category-view .grid_full { font-size: 1.2em !important; line-height: 140% !important; } .container_splash_hp .row_s { max-width: 100% !important; } .post_unov_hp_title_big { position: relative; font-family: "Raleway", sans-serif; font-size: 34px; font-weight: 700; line-height: 28.8px; text-align: left; text-transform: uppercase; margin-top: 20px; margin-bottom: 30px; display: block; } .post_unov_hp_title { position: relative; font-family: "Raleway", sans-serif; font-size: 24px; font-weight: 700; line-height: 28.8px; text-align: center; text-transform: uppercase; margin-top: 20px; display: block; } .post_unov_hp_desc { font-size: 18px; } /*.post_unov_hp_title span { position: absolute; bottom: 0; left: 0; } */ /*###### CARRELLO/CHECKOUT ######*/ /*###### CARRELLO/CHECKOUT ######*/ .cms-customer-gold .page-title h1, .checkout-cart-index .page-title h1, .requestquote-index-index .page-title h1, .requestquote-index-success .page-title h1, .checkout-onepage-index .page-title h1, .customer-account-logoutsuccess .page-title h1, .customer-account-edit .page-title h1, .customer-address-index .page-title h1, .sales-order-history .page-title h1, .review-customer-index .page-title h1, .tag-customer-index .page-title h1, .wishlist-index-index .page-title h1, .newsletter-manage-index .page-title h1, .quotation-quote-list .page-title h1 { text-align: center !important; font-family: "Cormorant Garamond",serif; letter-spacing: 4px !important; text-transform: uppercase; font-size: 46px !important; font-weight: 500 !important; padding-top: 16px !important; margin-bottom: 24px !important; } .checkout-onepage-success .page-title h1 { text-align: center !important; font-family: "Cormorant Garamond",serif; letter-spacing: 4px !important; text-transform: uppercase; font-size: 46px !important; font-weight: 500 !important; padding-top: 16px !important; margin-bottom: 24px !important; } .customer-account-index .page-title h1 { text-align: center !important; font-family: "Cormorant Garamond",serif; letter-spacing: 4px !important; text-transform: uppercase; font-size: 46px !important; font-weight: 500 !important; padding-top: 16px !important; margin-bottom: 24px !important; } .customer-account-index .product-name { font-size: 0.8em !important; } .customer-account-index { font-family: "Raleway",sans-serif !important; } .checkout-cart-index .title-buttons h1 { float: none !important; } .checkout-cart-index .page-title h1 { border-bottom-width: 1px !important; border-bottom-style: solid !important; padding-bottom: 12px; } .btn-proceed-checkout span span { text-transform: uppercase; } .icon-mail-after span { vertical-align: middle; padding-right: 4px; } .customer-account-login .page-title h1, .customer-account-create .page-title h1 { text-align: center; font-family: "Cormorant Garamond",serif; letter-spacing: 4px !important; text-transform: uppercase; font-size: 42px !important; font-weight: 500 !important; padding-top: 16px !important; margin-bottom: 24px !important; padding-right: 2%; } .customer-account-login .content, .customer-account-create .content { font-family: "Raleway",sans-serif !important; font-size: 1.2em !important; line-height: 160% !important; } .customer-account-create .account-create .fieldset { width: 70% !important; font-family: "Raleway",sans-serif !important; font-size: 1.2em !important; line-height: 160% !important; } /*####### STORELOCATOR #######*/ /*####### STORELOCATOR #######*/ .storelocator-index-index .col1-layout .container_12 { max-width: 100% !important; width: 100vw !important; position: relative !important; margin-left: -50vw !important; left: 50% !important; } .storelocator-index-index .page-title, .storelocator-index-view .page-title { width: 100% !important; } .storelocator-index-index .page-title h1, .storelocator-index-view .page-title h1 { text-align: center; font-family: "Cormorant Garamond",serif; letter-spacing: 4px !important; text-transform: uppercase; font-size: 42px !important; font-weight: 500 !important; padding-top: 16px !important; margin-bottom: 24px !important; } .storelocator_ss { font-family: "Raleway",sans-serif !important; font-size: 1.2em !important; line-height: 160% !important; width: 96%; } .storelocator_ss .fieldset-store { color: #ffffff; background-color: #74786c; padding: 12px; } .store-locator-tag { border: none !important; padding-top: 6px !important; margin-top: 6px !important; } .store-locator-list label{ width: 100%; } #map { float: none !important; height: 600px !important; width: 100% !important; } .store-box{ border: none !important;; float:left; width: 100% !important; height: 600px !important; overflow:hidden; } .store-locator-item-name { display: none; } .storelocator_ss #open_hour tr { font-size: 0.8em !important; } .banner-s-filters #owl-slides { display: none !important; } /*##### disable menu prodotti in responsive*/ #mobile-menu > li:nth-child(1) > a:nth-child(1) { pointer-events:none; } .user-text { font-size: 0.9em !important; } ol#recently-viewed-items li.item p.product-name { font-size: 0.9em !important; } .account-login .new-users .content, .account-login .registered-users .content { min-height: 200px; } /*## SOCIAL LOGIN ##*/ /*## SOCIAL LOGIN ##*/ .social-login-buttons h5 { font-family: "Raleway",sans-serif; font-size: 20px; text-align: center; margin-top: 40px; padding-top: 40px; margin-bottom: 20px; font-weight: 700; } button.force-large-maxwidth { border: none; color: rgb(255, 255, 255); cursor: pointer; display: block; font-family: "Raleway", sans-serif; font-feature-settings: normal; font-kerning: auto; font-language-override: normal; font-size: 28px; font-size-adjust: none; font-stretch: 100%; font-style: normal; font-variant: normal; font-weight: 400; line-height: 42px; margin-bottom: 15px; margin-top: 15px; max-width: 100%; padding-bottom: 15px; padding-left: 15px; padding-right: 15px; padding-top: 15px; position: relative; text-align: center; text-transform: uppercase; transition-delay: 0s; transition-duration: 0.2s; transition-property: all; transition-timing-function: ease-in; width: 100%; -moz-appearance: button; } .social-login-buttons button:hover { opacity: .7; -webkit-transition: all .25s ease-in; -moz-transition: all .25s ease-in; -ms-transition: all .25s ease-in; -o-transition: all .25s ease-in; transition: all .25s ease-in; } button.other { background-color: #696d60; } button.other:hover { opacity: .7; -webkit-transition: all .25s ease-in; -moz-transition: all .25s ease-in; -ms-transition: all .25s ease-in; -o-transition: all .25s ease-in; transition: all .25s ease-in; } .social-login-buttons button.facebook { background-color: #082765; } .social-login-buttons button.facebook::before { position: absolute; left: 10px; font-size: 24px; color: white; font-family: "unopiu"; top: 18px; content: '\f09a'; } .social-login-buttons button.twitter { background-color: #3f9ff3; } .social-login-buttons button.twitter::before { position: absolute; left: 10px; font-size: 24px; color: white; font-family: "unopiu"; top: 18px; content: '\f099'; } .social-login-buttons button.gplus { background-color: #C22C29; } .social-login-buttons button.gplus::before { position: absolute; left: 10px; font-size: 24px; color: white; font-family: "unopiu"; top: 18px; content: '\f0d5' } /*## SOCIAL LOGIN ##*/ /*## SOCIAL LOGIN ##*/ .block-subscribe button.button { position: relative; background-color: #555555 !important; float: left; margin-top: 12px; } .block-subscribe button.button span span { padding-top: 6px !important; padding-right: 12px !important; padding-bottom: 6px !important; padding-left: 12px !important; width: auto !important; } .block-subscribe input { width: auto; } .footer .block-subscribe .block-content { text-align: left; } .logo_scheda { width: 40px; } .logo_video { width: 30px; vertical-align:middle; } @media (min-width: 768px) { .linea_scroller { margin-right: 2% !important; margin-left: 2% !important; margin-bottom: 12px !important; margin-top: 12px !important; width: 96% !important; } .child_linea { margin: 0 !important; padding: 0 !important; position: relative; } .children_linea_lg_dx { vertical-align: bottom; left: 0; margin: 0 !important; width: 58.6% !important; float: left !important; } .children_linea_lg_sx { vertical-align: bottom; right: 0; margin: 0 !important; width: 58.6% !important; float: right !important; } .children_linea_sm_sx { position: absolute; vertical-align: bottom; bottom: 0; margin-right: 0.3% !important; width: 40.4% !important; float: left !important; right: 0; } .children_linea_sm_dx { position: absolute; vertical-align: bottom; bottom: 0; margin-left: 0.3% !important; width: 40.4% !important; float: right !important; left: 0; } .div.col-5.children_linea_sm div.col-12 img { } .children_linea_lg img { } h1.splasdescr_hp, h2.splasdescr_hp { padding-right: 12px; padding-left: 12px; } p.splasdescr_hp { padding-right: 12px; padding-left: 12px; } } .pd_linea_txt h1.splasdescr_hp, .pd_linea_txt h2.splasdescr_hp { padding-top: 10px !important; padding-bottom: 10px !important; } .btn-white { padding-right: 12px; padding-left: 12px; } .pd_linea_txt { padding-bottom: 4% !important; padding-right: 4%; padding-left: 4% } /*##### project_box #####*/ /*##### project_box #####*/ div.row_s.project_box div.col-8 { border: dotted 1px #666666; margin: 0 auto !important; width: 80% !important; padding: 12px; padding-bottom: 6px; background-color: #f1ede9; margin-top: 10px !important; text-transform: capitalize; } div.row_s.project_box div.col-8 h4 a { font-size: 12px !important; text-align: center; text-transform: capitalize; } div.row_s.project_box div.col-8 h3 { font-size: 14px !important; line-height: 1.2em; text-align: center; } div.row_s.project_box div.col-8 h4 { padding-top: 6px; text-align: center; border-bottom: dotted 1px #666666; border-collapse: separate; padding-bottom: 0px; } /*###### UNOVERSE #######*/ /*###### UNOVERSE #######*/ div.container.disappear.unoverse.custom-bl div.sidebar { display: block; } div.container.disappear.unoverse.custom-bl div.sidebar div.block.block-blog.block-blog-archives { display: block !important; } div.container.disappear.unoverse.custom-bl div.products-gridn.products-gridl { width: 76% !important; } /* Static blocks */ .custom-bl .custom_caption { position: absolute; top: 10px; height: 60px; overflow: hidden; background-color: #000; background: rgba(0, 0, 0, 0.5); color: #FFF; box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; -webkit-box-sizing: border-box; -transition: height 0.3s ease-in-out, bottom 0.3s ease-in-out, padding 0.3s ease-in-out; -moz-transition: height 0.3s ease-in-out, bottom 0.3s ease-in-out, padding 0.3s ease-in-out; -ms-transition: height 0.3s ease-in-out, bottom 0.3s ease-in-out, padding 0.3s ease-in-out; -o-transition: height 0.3s ease-in-out, bottom 0.3s ease-in-out, padding 0.3s ease-in-out; -webkit-transition: height 0.3s ease-in-out, bottom 0.3s ease-in-out, padding 0.3s ease-in-out; } .custom-bl .custom_caption { position: absolute; top: 0px; height: 40px; width: 100%; text-align: left; overflow: hidden; background-color: #000; background: rgba(0, 0, 0, 0.5); color: #FFF; box-sizing: none; } .custom-bl .custombanner .banner:hover .custom_caption { height: 40px; top: 0px ; padding: 0px; } .custom-bl .custom_caption .heading{ line-height: 40px;padding: 0 15px; } .unoverse.custom-bl li.item{ position:relative; } .unoverse.custom-bl li.item > a{ overflow:hidden; } .unoverse.custom-bl li.item a img{ -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -ms-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; } .unoverse.custom-bl li.item:hover a img{ transform: scale(1.05); -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -o-transform: scale(1.05); -ms-transform: scale(1.05); } .unoverse.custom-bl li.item.grid_3{overflow:hidden;} .unoverse.custom-bl li.item.grid_12 .custom_caption { top: 0px; height: 200px !important; width: 100%; text-align: left; /*padding-left: 0px;*/ background-color: transparent !important; color: #FFF; padding-top: 6em !important; /*padding-left: 70px !important;*/ } .unoverse.custom-bl li.item.grid_12 .custom_caption .heading { text-align: center !important; font-size: 46px !important; font-weight: 200 !important; } .unoverse.custom-bl li.item.grid_12 .custom_caption h1 { display: none !important; } .custom_caption .heading { font-size: 19px !important; } .unoverse.custom-bl .custom_caption{top:0;bottom:auto;/*padding: 0 10px;*/} .unoverse.custom-bl .custom_caption .heading{text-align:left;font-size: 19px;margin-bottom: 0px;/*padding-left: 15px;*/} .unoverse.custom-bl .custom_caption .heading a { color:#FFF; padding: 0px; } .wordpress-archive-view .hide-in-archive{ display: none; } /* Static blocks end */ .blog-desc_mag { display: none; } /*##### widget-instagram ######*/ .widget-instagram { padding: 10px; background-color: #f1ede9; margin-top: 45px; } .widget-instagram .widget-title { font-family: "Cormorant Garamond",serif; text-align: center; text-transform: uppercase; color: #121212; font-size: 22px; } div.widget-instagram div#instafeed.row_s div.col-6 a img { opacity: 1.0; transition: opacity 1s ease-in-out; -moz-transition: opacity 1s ease-in-out; -webkit-transition: opacity 1s ease-in-out; } div.widget-instagram div#instafeed.row_s div.col-6 a img:hover { opacity: 0.6; transition: opacity .35s ease-in-out; -moz-transition: opacity .35s ease-in-out; -webkit-transition: opacity .35s ease-in-out; } div.widget-instagram div#instafeed.row_s div.col-6 { width: 46%; } /*####### BRAND ##########*/ div.row_s.brand div.col-6 h2.heading { text-transform: uppercase; color: #666666; font-size: 28px; font-family: "Raleway",sans-serif; font-weight: 700 !important; padding-bottom: 40px; } div.row_s.brand p { color: #666666; font-size: 18px; font-family: "Raleway",sans-serif; line-height: 1.4em; } .row_s.brand { padding-top: 60px; } /*WP TITLE WITH BANNER*/ @media screen and (max-width : 2560px){ .wptitle_mobile{ display: none; } .wordpress-page-view.banner_page .main.container_12.splash { margin-top: 30px !important; } } @media screen and (max-width : 906px){ .wptitle_desk{ display: none; } .wptitle_mobile{ display: block; } .wordpress-page-view.banner_page .main.container_12.splash { margin-top: 0px !important; } } .post-entry-with-image { padding: 2% !important; } #fblogin { display: none; } .note-msg, .notice-msg { background-color: #cdcdcd; color: #727272; } #messages_product_view { padding-top: 3em; } .bf { background-color: #508f5a !important; padding-left: 18px; padding-right: 18px; top: 18px !important; } .fastdel { background-color: rgba(255, 255, 255, 0.8) !important; margin-right: -1px; padding-left: 18px; padding-right: 18px; color: rgba(104, 173, 222); 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: 6px; /* width: 100px; */ z-index: 1; /* min-width: auto!important; */ /* height: 26px!important; min-height: 26px!important; max-height: 26px!important; */ border-radius: 12px; border-top-right-radius: 0; top: 0px!important; right: 3px; text-transform: capitalize; font-size: 16px; } /*####### CHECKOUT #######*/ /*####### CHECKOUT #######*/ .checkout-cart-index button.button.btn-continue span, .checkout-cart-index button.button.btn-empty span, .checkout-cart-index button.button.btn-update span, .checkout-cart-index .buttons-set button.button span { background-color: #888888; } .checkout-cart-index button.button.btn-continue:hover span, .checkout-cart-index button.button.btn-empty:hover span, .checkout-cart-index button.button.btn-update:hover span, .checkout-cart-index .buttons-set button.button:hover span { background-color: #555555; } .checkout-cart-index button.button.btn-proceed-checkout.btn-checkout span { background-color: #555555 !important; } .checkout-cart-index button.button.btn-proceed-checkout.btn-checkout:hover span { background-color: #508f5a !important; } table#shopping-cart-table.data-table.cart-table tbody tr { border-top-width: 2px; border-top-color: #555555; border-top-style: dashed; } .addinf_data {vertical-align: top;} body.checkout-cart-index td h2.product-name { font-size: 1em; } /*####### FATT ELETTR CHECKOUT #######*/ #onlycompany { display:none; } /*####### CORNER RIBBON #######*/ .corner-ribbon{ width: 200px; position: absolute; text-align: center; line-height: 50px; letter-spacing: 1px; color: #f0f0f0; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); z-index: 99999; } .corner-ribbon.sticky{ position: fixed; } .corner-ribbon.shadow{ box-shadow: 0 0 3px rgba(0,0,0,.3); } .corner-ribbon.top-left{ top: 12px; left: -60px; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); background: #D4AF37; color: #333333; /* font-weight: bold; */ } /*####### RESPONSIVE #######*/ /*####### RESPONSIVE #######*/ /*####### RESPONSIVE #######*/ /***** BEGIN *****/ /***** BEGIN *****/ /*s.s. typical media query breackpoint */ /* Extra small devices (phones, 600px and down) */ @media (min-width: 320px) and (max-width: 480px) { .checkout-onepage-index, .checkout-cart-index { padding: 2% !important; } .owl-buttons { display: none; } div.container.disappear.unoverse.custom-bl div.products-gridn.products-gridl { width: 96% !important; padding: 2% !important; } .wordpress-page-view .disappear .products-gridn { width: 96% !important; padding-left: 2% !important; padding-right: 2% !important; } .post-view .appear .products-gridn { width: 96% !important; padding-left: 2% !important; } .banner-description_splash { display: none; } .hidden_md { display: none !important; } .btn-brown { letter-spacing: 2px !important; } div.primary-menu-icon a::before { font-size: 1em !important; } .icon-cart { font-size: 1.4em !important; } div.shopping_cart.dropdown.block-cart div.dropdown-toggle.cover div.summary-container span.price { display: none; } .navmain-container.fixed { height: 40px !important; margin-top: 0px; } .cms-index-index .navmain-container.fixed > .menucontainer_bott { padding-top: 0px; } .navmain-container.fixed > .menucontainer_bott { padding-top: 40px; } .cms-index-index .navmain-container.fixed { padding-bottom: 0px; } .navmain-container.fixed { padding-bottom: 40px; } .col1-layout .container_12 { padding-top: 0px !important; } .primary-menu-icon_top { padding-right: 20px !important; } .navmain-container.fixed_scr { height: 30px !important; } .navmain-container.fixed_scr > .menucontainer_bott { padding-top: 8px !important; } div.header-primary-container div.row_s div.col-4-sm div.logo { display: inline; float: left; width: 120px; margin: 0; padding-left: 6px; } div.header-primary-container div.row_s div.col-8-sm { float: right; } .links-separators { max-width: 100%; } .header-container.header2 .top-links { float: right; } .primary-menu-icon_top_social { display: none; } .ssmiddle { padding-top: 20px; } .h1_big { font-weight: 900; font-size: 38px; color: #3a3026; font-family: "Raleway",sans-serif; text-align: center !important; } .h3_big { font-weight: 900; font-size: 22px; color: #3a3026; font-family: "Raleway",sans-serif; text-align: center !important; } h1.h1_big { text-align: center !important; } .section-promo-content { margin-left: 8.3333333333%; text-align: center !important; } .section-promo-content p { padding-top: 0px !important; padding-bottom: 30px !important; width: 100%; text-align: center; font-size: 16px; color: #302d2d; line-height: 1.5; } .cms-page-view .main.container_12.splash, .catalog-product-view .main.container_12.splash, .checkout-cart-index .main.container_12.splash, .checkout-onepage-index .main.container_12.splash, .wordpress-post-category-view .main.container_12.splash, .contacts-index-index .main.container_12.splash, .wordpress-page-view .main.container_12.splash, [class^=" customer"] .main.container_12.splash, .attributesplash-group-view .main.container_12.splash, .cms-index-noroute .main.container_12.splash, .layered-nav-s .main.category-main, .requestquote-index-index .main-container, .requestquote-index-success .main-container { margin-top: 80px !important; } .is_blog .main.container_12.splash { margin-top: 0px !important; } body.wordpress-post-category-view.is-blog li.item.grid_12.hide-in-archive div.custom_caption h2.heading a { font-size: 32px !important; } body.wordpress-post-category-view.is-blog div.products-gridn.products-gridl ul.gridn.effect-2 li.item.grid_12.hide-in-archive div.custom_caption { padding-top: 0px !important; } .splash-description-full { padding-right: 20px; padding-bottom: 0px; padding-left: 20px; padding-top: 20px !important; margin-left: 3%; margin-right: 3%; padding-bottom: 20px !important; } .splash-description-full p { font-family: "Raleway",sans-serif !important; text-align: center; letter-spacing: 3px; font-size: 16px !important; color: #ffffff; line-height: 1.5em; } .splash-description-full p.plussign { font-size: 40px !important; font-weight: 400; margin-bottom: 0.6em; } .container_12 { width: 94%; padding-left: 0px !important; padding-right: 0px !important; } body.attributesplash-group-view.splash-group-1.banner-s-collezioni div.banner div#owl-slides.owl-carousel.owl-theme div.owl-wrapper-outer { height: 150px !important; } .products-grid.columngrid { margin-left: 1%; margin-right: 1%; } .ssmiddle_container_header { font-size: 26px; letter-spacing: 1px; margin-right: 1%; margin-left: 1%; } .ssmiddle_title h3 { font-size: 30px; line-height: normal; } .ssmiddle_container_header.linea { font-size: 36px; line-height: normal; letter-spacing: 2px; } div.row_s.ssmiddle_container_header.wp_ecc h1 { font-size: 36px; line-height: normal; letter-spacing: 2px; } div.container_splash_hp.wp_ecc div.row_s div.col-6 h1.splasdescr_hp a, div.container_splash_hp.wp_ecc div.row_s div.col-6 h2.splasdescr_hp a { font-size: 32px; line-height: normal; letter-spacing: 2px; } .ssmiddle_container_header.wp_unov.wp_unov_tit h1 { font-size: 36px; line-height: normal; letter-spacing: 2px; } .ssmiddle_container { margin: 0 20px; } .product-view { padding-left: 2%; padding-right: 2%; } .accordion .block-title { font-size: 14px; } .owl-carousel { margin-top: 0px; } .banner-s-filters div.main.category-main.container_12 { margin-top: 0px !important;; } div.primary-menu-icon a { padding-top: 6px; } .change-ratio.bott img { height: auto !important; } .change-ratio_dx { height: auto !important; } .custom_caption_ecc_title h2 { font-size: 22px !important; } .ssmiddle { margin-top: -10px; } h1.h1_big { text-align: center !important; } div.section-promo-content h1, h3 { text-align: center !important; } .section-promo-content { margin-left: 2.3333333333%; } } /* Medium devices (landscape tablets, 767px and up) */ @media (min-width: 481px) and (max-width: 767px) { .owl-buttons { display: none; } .wordpress-page-view .disappear .products-gridn { width: 96% !important; padding-left: 2% !important; padding-right: 2% !important; } .post-view .appear .products-gridn { width: 96% !important; padding-left: 2% !important; } .hidden_md { display: none !important; } .banner-description_splash { bottom: 6px !important; padding: 10px !important; } div.primary-menu-icon a::before { font-size: 1em !important; } .icon-cart { font-size: 1.4em !important; } div.primary-menu-icon a::before { font-size: 1em !important; } .icon-cart { font-size: 1.4em !important; } div.header-primary-container div.row_s div.col-4-sm div.logo { display: inline; float: left; width: 120px; margin: 0; padding-left: 6px; } .links-separators { max-width: 100%; } div.header-primary-container div.row_s div.col-4-sm div.logo { display: inline; float: left; } .links-separators { max-width: 100%; } .header-container.header2 .top-links { float: right; } div.wrapper div.page div.navmain-container.fixed { margin-top: 0px; } .navmain-container.fixed { height: 84px !important; } .col1-layout .container_12 { padding-top: 40px !important; } .primary-menu-icon_top_social { display: none; } .ssmiddle { padding-top: 20px; } .h1_big { font-weight: 900; font-size: 60px; color: #3a3026; font-family: "Raleway",sans-serif; } .h3_big { font-weight: 900; font-size: 30px; color: #3a3026; font-family: "Raleway",sans-serif; } .section-promo-content { margin-left: 8.3333333333%; text-align: center !important; } .section-promo-content p { padding-top: 10px !important; padding-bottom: 30px !important; width: 100%; font-size: 16px; color: #302d2d; line-height: 1.5; } .cms-page-view .main.container_12.splash, .catalog-product-view .main.container_12.splash, .checkout-cart-index .main.container_12.splash, .checkout-onepage-index .main.container_12.splash, .wordpress-post-category-view .main.container_12.splash, .contacts-index-index .main.container_12.splash, .wordpress-page-view .main.container_12.splash, .wordpress-post-view .main.container_12.splash, [class^=" customer"] .main.container_12.splash, .attributesplash-group-view .main.container_12.splash, .cms-index-noroute .main.container_12.splash, .layered-nav-s .main.category-main, .requestquote-index-index .main-container, .requestquote-index-success .main-container { margin-top: 80px !important; } .products-grid.columngrid { margin-left: 1%; margin-right: 1%; } div.container_12.splash div.category-products { padding-top: none; } .owl-carousel { margin-top: 0px; } .banner-s-filters div.main.category-main.container_12 { margin-top: 0px !important;; } div.primary-menu-icon a { padding-top: 6px; } .ssmiddle { margin-top: -30px; } } /* Medium devices (landscape phone) */ @media only screen and (min-device-width : 320px) and (max-device-width : 760px) and (orientation: landscape) { .owl-buttons { display: none; } .hidden_md { display: none !important; } div.primary-menu-icon a::before { font-size: 1em !important; } .icon-cart { font-size: 1.4em !important; } div.header-primary-container div.row_s div.col-4-sm div.logo { display: inline; float: left; width: 120px; margin: 0; padding-left: 6px; } .cms-index-index .navmain-container.fixed > .menucontainer_bott { padding-top: 0px; } .navmain-container.fixed > .menucontainer_bott { padding-top: 40px; } .cms-index-index .navmain-container.fixed { padding-bottom: 0px; } .navmain-container.fixed { padding-bottom: 40px; } .links-separators { max-width: 100%; } div.header-primary-container div.row_s div.col-4-sm div.logo { display: inline; float: left; } .links-separators { max-width: 100%; } .header-container.header2 .top-links { float: right; } div.wrapper div.page div.navmain-container.fixed { margin-top: 0px; } .navmain-container.fixed { height: 40px !important; } .col1-layout .container_12 { padding-top: 0px !important; } .primary-menu-icon_top_social { display: none; } .ssmiddle { padding-top: 20px; } .h1_big { font-weight: 900; font-size: 60px; color: #3a3026; font-family: "Raleway",sans-serif; } .h3_big { font-weight: 900; font-size: 30px; color: #3a3026; font-family: "Raleway",sans-serif; } .section-promo-content { margin-left: 8.3333333333%; text-align: center !important; } .section-promo-content p { padding-top: 10px !important; padding-bottom: 30px !important; width: 100%; text-align: center; font-size: 16px; color: #302d2d; line-height: 1.5; } .cms-page-view .main.container_12.splash, .catalog-product-view .main.container_12.splash, .checkout-cart-index .main.container_12.splash, .checkout-onepage-index .main.container_12.splash, .wordpress-post-category-view .main.container_12.splash, .contacts-index-index .main.container_12.splash, .wordpress-page-view .main.container_12.splash, .wordpress-post-view .main.container_12.splash, [class^=" customer"] .main.container_12.splash, .attributesplash-group-view .main.container_12.splash, .cms-index-noroute .main.container_12.splash, .layered-nav-s .main.category-main, .requestquote-index-index .main-container, .requestquote-index-success .main-container { margin-top: 80px !important; } div.container_12.splash div.category-products { padding-top: none; } .owl-carousel { margin-top: 0px; } body.attributesplash-group-view.splash-group-1.banner-s-collezioni div.banner div#owl-slides.owl-carousel.owl-theme div.owl-wrapper-outer { height: 280px !important; } div.primary-menu-icon a { padding-top: 6px; } .ssmiddle_container_header { font-size: 36px; letter-spacing: 1px; margin-right: 1%; margin-left: 1%; } .ssmiddle_title h3 { font-size: 30px; line-height: normal; } .ssmiddle_container_header.linea { font-size: 36px; line-height: normal; letter-spacing: 2px; } .h1_big { font-weight: 900; font-size: 38px; color: #3a3026; font-family: "Raleway",sans-serif; text-align: center !important; } .h3_big { font-weight: 900; font-size: 22px; color: #3a3026; font-family: "Raleway",sans-serif; text-align: center !important; } h1.h1_big { text-align: center !important; } div.section-promo-content h1, h3 { text-align: center !important; } .section-promo-content { margin-left: 2.3333333333%; } } /* Large devices (laptops/desktops, 992px and up) */ @media (min-width: 768px) and (max-width: 1024px) { .owl-buttons { display: none; } .hidden_lg { display: none; } .ssmiddle_img.col-6 { width: auto !important; } div.primary-menu-icon a::before { font-size: 1.3em !important; } .icon-cart { font-size: 1.6em !important; } .links-separators { max-width: 100%; } li.level-1.item-4.item {display: inline;} li.level-1.item-5.item {display: inline;} .header-container.header2 .top-links { float: right; } .primary-menu-icon_top { padding-right: 40px; } .col1-layout .container_12 { padding-top: 0px !important; } div.wrapper div.page div.navmain-container.fixed { margin-top: 0px; } .navmain-container.fixed { height: 84px !important; } div.header-primary-container div.row_s div.col-4-sm div.logo { display: inline; float: left; width: 120px; margin: 0; padding-left: 6px; } .links-separators { max-width: 100%; } .primary-menu-icon_top_social { display: inline; } div.container_12.menucontainer_bott div.grid_full.nav div.grid_4.mobile-grid-half { width: 49%; } div.grid_4.hidden-xs.hidden-sm.menucontainer_logo div.logo { display: none; } .icon-location > span { font-size: 0.8em !important; } div.mega-container ul#mega-nav li a { font-size: 1em !important; padding-right: 10px !important; } .menucontainer_logo > div.logo { position: relative; top: 0px; right: 40px; width: 200px; margin:0 auto; /*center align*/ } .ssmiddle { padding-top: 20px; } .h1_big { font-weight: 900; font-size: 38px; color: #3a3026; font-family: "Raleway",sans-serif; } .h3_big { font-weight: 900; font-size: 32px; color: #3a3026; font-family: "Raleway",sans-serif; } .section-promo-content { margin-left: 8.3333333333%; } .section-promo-content p { padding-top: 20px !important; padding-bottom: 30px !important; width: 75%; font-size: 16px; color: #302d2d; line-height: 1.5; } .cms-page-view .main.container_12.splash, .catalog-product-view .main.container_12.splash, .checkout-cart-index .main.container_12.splash, .checkout-onepage-index .main.container_12.splash, .wordpress-post-category-view .main.container_12.splash, .contacts-index-index .main.container_12.splash, .wordpress-page-view .main.container_12.splash, .wordpress-post-view .main.container_12.splash, [class^=" customer"] .main.container_12.splash, .attributesplash-group-view .main.container_12.splash, .cms-index-noroute .main.container_12.splash, .layered-nav-s .main.category-main, .requestquote-index-index .main-container, .requestquote-index-success .main-container { margin-top: 80px !important; } div.container_12.splash div.category-products { padding-top: none; } .owl-carousel { margin-top: 0px; } body.attributesplash-group-view.splash-group-1.banner-s-collezioni div.banner div#owl-slides.owl-carousel.owl-theme div.owl-wrapper-outer { height: 280px !important; } div.primary-menu-icon a { padding-top: 4px; } .ssmiddle { margin-top: -30px; } } /*HERE ENTER THE TOGGLE NAVIGATION MENU*/ @media only screen and (min-width: 1025px) and (max-width: 1280px) { .hidden_xl { display: none; } .links-separators { max-width: 100%; } .primary-menu-icon_top_social { display: inline; } .col1-layout .container_12 { padding-top: 36px !important; } .icon-location > span { font-size: 0.8em !important; } div.mega-container ul#mega-nav li a { font-size: 1em !important; padding-right: 10px !important; } .col1-layout .container_12 { padding-top: 0px !important; } } /*menu collezioni e promozioni in MOBILE (<1040)*/ li.level-1.item-4.item { display: none; } li.level-1.item-5.item { display: none; } /***** END *****/ /***** END *****/ /*####### RESPONSIVE #######*/ /*####### RESPONSIVE #######*/ /*####### RESPONSIVE #######*/ /******** END *********/ /******** END *********/ /******** END *********/ /* ###### SAVERIO RESTYLING 2018 ###### *//* ###### SAVERIO RESTYLING 2018 ###### */ /* ###### SAVERIO RESTYLING 2018 ###### *//* ###### SAVERIO RESTYLING 2018 ###### */ /* ###### SAVERIO RESTYLING 2018 ###### *//* ###### SAVERIO RESTYLING 2018 ###### */ /* ###### SAVERIO RESTYLING 2018 ###### *//* ###### SAVERIO RESTYLING 2018 ###### */ /* ###### SAVERIO RESTYLING 2018 ###### *//* ###### SAVERIO RESTYLING 2018 ###### */ /* ###### SAVERIO RESTYLING 2018 ###### *//* ###### SAVERIO RESTYLING 2018 ###### */ /* ###### SAVERIO RESTYLING 2018 ###### *//* ###### SAVERIO RESTYLING 2018 ###### */ /* ###### SAVERIO RESTYLING 2018 ###### *//* ###### SAVERIO RESTYLING 2018 ###### */ /* ###### SAVERIO RESTYLING 2018 ###### *//* ###### SAVERIO RESTYLING 2018 ###### */ /* ###### SAVERIO RESTYLING 2018 ###### *//* ###### SAVERIO RESTYLING 2018 ###### */ /* ###### SAVERIO RESTYLING 2018 ###### *//* ###### SAVERIO RESTYLING 2018 ###### */ /* ###### SAVERIO RESTYLING 2018 ###### *//* ###### SAVERIO RESTYLING 2018 ###### */ @font-face { font-family: 'unopiu'; src: url("/skin/frontend/unpsa/default/assets/font/unopiu.eot?84036092"); src: url("/skin/frontend/unpsa/default/assets/font/unopiu.eot?84036092#iefix") format("embedded-opentype"), url("/skin/frontend/unpsa/default/assets/font/unopiu.woff2?84036092") format("woff2"), url("/skin/frontend/unpsa/default/assets/font/unopiu.woff?84036092") format("woff"), url("/skin/frontend/unpsa/default/assets/font/unopiu.ttf?84036092") format("truetype"), url("/skin/frontend/unpsa/default/assets/font/unopiu.svg?84036092#unopiu") format("svg"); font-weight: normal; font-style: normal } [class*="icon-"]:after, [class*="-icon-"]:after, [class*="-icon-"]:before, [class^="icon-"]:before, [class*=" icon-"]:before { font-family: "unopiu"; font-style: normal; font-weight: normal; speak: none; display: inline-block; text-decoration: inherit; width: 1em; margin-right: .2em; text-align: center; font-variant: normal; text-transform: none; line-height: 1em; margin-left: .2em; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale } .icon-phone:before { content: '\e800' } .icon-mail:before { content: '\e801' } .icon-mail-after:after { content: '\e801' } .icon-search:before { content: '\e802' } .icon-down-open:before { content: '\e803' } .icon-location:before { content: '\e804' } .icon-eye:before { content: '\e805' } .icon-study:before { content: '\e806' } .icon-cart:before { content: '\e807' } .icon-user:before { content: '\e808' } .icon-right-open:before, body.unopiu .page-contents .film-carousel .slick-arrow.slick-next:before, body.unopiu .page-contents .full-width-slider div[class*="swiper-button"].swiper-button-next:before { content: '\e809' } .icon-left-open:before, body.unopiu .page-contents .film-carousel .slick-arrow.slick-prev:before, body.unopiu .page-contents .full-width-slider div[class*="swiper-button"].swiper-button-prev:before { content: '\e80a' } .icon-up-open:before { content: '\e80b' } .icon-delivery:before { content: '\e80c' } .icon-package:before { content: '\e80d' } .icon-share:before { content: '\e80e' } .icon-star:before { content: '\e80f' } .icon-star-full:before { content: '\e810' } .icon-check:before { content: '\e811' } .icon-circle-info:before { content: '\e812' } .icon-plus:before { content: '\e813' } .icon-minus:before { content: '\e814' } .icon-notes:before { content: '\e815' } .icon-circle-deleted:before { content: '\e816' } .icon-left-open-big:before { content: '\e817' } .icon-right-open-big:before { content: '\e818' } .icon-circle-ok:before { content: '\e81e' } .icon-radio-on:before { content: '\e81f' } .icon-radio-off:before { content: '\e820' } .icon-mech:before { content: '\e822' } .icon-close:before { content: '\e823' } .icon-world:before { content: '\e824' } .icon-check-empty:before { content: '\f096' } .icon-twitter:before { content: '\f099' } .icon-facebook:before { content: '\f09a' } .icon-gplus:before { content: '\f0d5' } .icon-instagram:before { content: '\f16d' } .icon-phone-after:after { content: '\e800' } .icon-search-after:after { content: '\e802' } .icon-down-open-after:after { content: '\e803' } .hide { display: none !important } .show { display: block !important } .invisible { visibility: hidden } .text-hide { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0 } .hidden { display: none !important } .affix { position: fixed } @-ms-viewport { width: device-width } .visible-xs { display: none !important } .visible-sm { display: none !important } .visible-md { display: none !important } .visible-lg { display: none !important } .visible-xs-block, .visible-xs-inline, .visible-xs-inline-block, .visible-sm-block, .visible-sm-inline, .visible-sm-inline-block, .visible-md-block, .visible-md-inline, .visible-md-inline-block, .visible-lg-block, .visible-lg-inline, .visible-lg-inline-block { display: none !important } @media (max-width: 767px) { .visible-xs { display: block !important } table.visible-xs { display: table !important } tr.visible-xs { display: table-row !important } th.visible-xs, td.visible-xs { display: table-cell !important } } @media (max-width: 767px) { .visible-xs-block { display: block !important } } @media (max-width: 767px) { .visible-xs-inline { display: inline !important } } @media (max-width: 767px) { .visible-xs-inline-block { display: inline-block !important } } @media (min-width: 768px) and (max-width: 991px) { .visible-sm { display: block !important } table.visible-sm { display: table !important } tr.visible-sm { display: table-row !important } th.visible-sm, td.visible-sm { display: table-cell !important } } @media (min-width: 768px) and (max-width: 991px) { .visible-sm-block { display: block !important } } @media (min-width: 768px) and (max-width: 991px) { .visible-sm-inline { display: inline !important } } @media (min-width: 768px) and (max-width: 991px) { .visible-sm-inline-block { display: inline-block !important } } @media (min-width: 992px) and (max-width: 1365px) { .visible-md { display: block !important } table.visible-md { display: table !important } tr.visible-md { display: table-row !important } th.visible-md, td.visible-md { display: table-cell !important } } @media (min-width: 992px) and (max-width: 1365px) { .visible-md-block { display: block !important } } @media (min-width: 992px) and (max-width: 1365px) { .visible-md-inline { display: inline !important } } @media (min-width: 992px) and (max-width: 1365px) { .visible-md-inline-block { display: inline-block !important } } @media (min-width: 1366px) { .visible-lg { display: block !important } table.visible-lg { display: table !important } tr.visible-lg { display: table-row !important } th.visible-lg, td.visible-lg { display: table-cell !important } } @media (min-width: 1366px) { .visible-lg-block { display: block !important } } @media (min-width: 1366px) { .visible-lg-inline { display: inline !important } } @media (min-width: 1366px) { .visible-lg-inline-block { display: inline-block !important } } @media (max-width: 767px) { .hidden-xs { display: none !important } } @media (min-width: 768px) and (max-width: 991px) { .hidden-sm { display: none !important } } @media (min-width: 992px) and (max-width: 1365px) { .hidden-md { display: none !important } } @media (min-width: 1366px) and (max-width: 1540px) { .hidden-mdlg { display: none !important } } @media (min-width: 1366px) { .hidden-lg { display: none !important } } .visible-print { display: none !important } @media print { .visible-print { display: block !important } table.visible-print { display: table !important } tr.visible-print { display: table-row !important } th.visible-print, td.visible-print { display: table-cell !important } } .visible-print-block { display: none !important } @media print { .visible-print-block { display: block !important } } .visible-print-inline { display: none !important } @media print { .visible-print-inline { display: inline !important } } .visible-print-inline-block { display: none !important } @media print { .visible-print-inline-block { display: inline-block !important } } @media print { .hidden-print { display: none !important } } /** *** SIMPLE GRID *** (C) ZACH COLE 2016 **/ /* ==== GRID SYSTEM ==== */ .row_s { position: relative; width: 100%; } .row_s [class^="col"] { float: left; margin: 0.5rem 2%; min-height: 0.125rem; } .row_s.row_s_min [class^="col"] { float: left; margin: 0.5rem 0.6%; min-height: 0.125rem; } .row_s_min .col-1, .row_s_min .col-2, .row_s_min .col-3, .row_s_min .col-4, .row_s_min .col-5, .row_s_min .col-6, .row_s_min .col-7, .row_s_min .col-8, .row_s_min .col-9, .row_s_min .col-10, .row_s_min .col-11, .row_s_min .col-12 { width: 100%; } .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12 { width: 96%; } .col-1-sm { width: 4.33%; } .col-2-sm { width: 12.66%; } .col-3-sm { width: 21%; } .col-4-sm { width: 29.33%; } .col-5-sm { width: 37.66%; } .col-6-sm { width: 46%; } .col-7-sm { width: 54.33%; } .col-8-sm { width: 62.66%; } .col-9-sm { width: 71%; } .col-10-sm { width: 79.33%; } .col-11-sm { width: 87.66%; } .col-12-sm { width: 96%; } .row_s::after { content: ""; display: table; clear: both; } @media only screen and (min-width: 33.75em) { /* 540px */ .container_s { width: 80%; } } @media only screen and (min-width: 45em) { /* 720px */ .col-1 { width: 4.33%; } .col-2 { width: 12.66%; } .col-3 { width: 21%; } .col-4 { width: 29.33%; } .col-5 { width: 37.66%; } .col-6 { width: 46%; } .col-7 { width: 54.33%; } .col-8 { width: 62.66%; } .col-9 { width: 71%; } .col-10 { width: 79.33%; } .col-11 { width: 87.66%; } .col-12 { width: 96%; } } @media only screen and (min-width: 45em) { /* 720px */ .row_s_min .col-1 { width: 4.33%; } .row_s_min .col-2 { width: 12.66%; } .row_s_min .col-3 { width: 23.6%; } .row_s_min .col-4 { width: 29.33%; } .row_s_min .col-5 { width: 39.66%; } .row_s_min .col-6 { width: 46%; } .row_s_min .col-7 { width: 56.33%; } .row_s_min .col-8 { width: 62.66%; } .row_s_min .col-9 { width: 71%; } .row_s_min .col-10 { width: 79.33%; } .row_s_min .col-11 { width: 87.66%; } .row_s_min .col-12 { width: 100%; } } @media only screen and (min-width: 60em) { /* 960px */ .container_s { width: 75%; max-width: 60rem; } } /* ####### s.s. 2019 ####### */ /* ####### s.s. 2019 ####### */ .white-popup { position: relative; background: #FFF; padding: 20px; width:auto; max-width: 500px; margin: 20px auto; } .transparent-popup { position: relative; background: transparent; padding: 0; width:auto; max-width: 500px; margin: 20px auto; } .catalogsearch-advanced-result .main-container { margin-top: 2em !important; } .success-msg { border-color: #27ae60; background-color: #d5f0bd; margin-top: 12px !important; } .icon-cart { cursor: pointer !important; } .minicartlist { padding-top: 6px; padding-left: 18px; } .bag-header { font-size: 14px !important; } .products-grid .actions { top:280px !important; } .agreement-content { background-color: #f0f0f0; padding: 12px; } .checkout-agreements .agree { px; } /* .columngrid .item { margin-top: 6% !important; } */ .product-view .product-shop .video-link { float: left!important; width: 100%; border-bottom: 1px dashed #302d2d; padding: 13px 0px; } /* #mega-nav div.mega-block { transition-duration: .4s; transition-timing-function: linear; } */ /* s.s. onclick function on megamenu (07-07-2029) */ .showegamenushow { background-color: rgba(18,18,18,0.86) !important; top: 44px !important; padding-top: 0.6% !important; transform-style: all !important; backface-visibility: visible !important; z-index: 1000 !important; display: block/9 !important; opacity: 1 !important; -moz-opacity: 1 !important; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)" !important; filter: alpha(opacity=100) !important; pointer-events: all !important; /*visibility: visible;*/ -webkit-transform: translateX(0px) !important; -moz-transform: translateX(0px) !important; -o-transform: translateX(0px) !important; -ms-transform: translateX(0px) !important; transform: translateX(0px) !important; } #popup00 { z-index: 99999 !important; } .products-grid .price-box .regular-price { float: right; padding-left: 6px; } .starting_from { font-size: 70% !important; } div.box-additional div.percent_s { display: none; } .n-button { font-size: 1.1em !important; color: #333 !important; display: inline-block; background-color: #ececec; border: 1px solid #d4d4d4; padding: 4px 10px; text-decoration: none; } .n-button:hover { border-color: #2a65a0; border-bottom-color: #3884cd; background-color: #3072b3; } /* FINE ####### s.s. 2019 ####### */ /* FINE ####### s.s. 2019 ####### */ /* BEGIN ####### s.s. 2020 ####### */ /* BEGIN ####### s.s. 2020 ####### */ div.primary-menu-icon a.fa.fa-tags.colorcustomweboutlet { color: #508f5a !important; } div.primary-menu-icon a.fa.fa-tags.colorcustomweboutlet span { color: #ffffff !important; font-weight: bolder !important; } .custom_shipping_message_2020 { padding: 6px; background-color: #EFEFEF; border: dashed 1px #cccccc; } div.block.menu_item_s { margin-bottom: 24px !important; } /* div.no-both-margin.grid_12 ul.level1.subs.no-both-margin.columngrid.columngrid-4col.grid_10 li.level-1.item-3.item { border-right: none !important; } */ /* #@#@#@ search autocomplete amasty */ .form-search .search_ss { height: 26px; background: #EEEEEE !important; margin-top: -16px; border: 1px solid #bbbbbb !important; } .form-search .button_search_ss { margin-top: -12px; } .form-search .search-autocomplete { z-index: auto !important; } div.am_element div.am_right div.price_footer div.add2cart button.button.btn-cart span span { font-size: 0.9em; padding-top: 8px; padding-right: 8px; padding-bottom: 8px; padding-left: 8px; } div.am_right div.price_footer div.price_cell div.price-box span#product-price-1229.regular-price span.price { font-size: 1.4em; } /* div.form-search div.col-12 div.col-8.col-12-sm input#search.input-text.search_ss { width: 100%; } */ @media (max-width: 332px) { .mobile_hide_a { display: none !important } } @media (min-width: 332px) and (max-width: 480px) { div.form-search div.col-12 div.col-8.col-12-sm input#search.input-text.search_ss { width: 90px; margin-left: 0px; margin-right: 6px; } .language-inner { font-size: 12px; } .mobile_hide_b { display: none !important } div.am-products.am-fullwidth a.am-product-link.am-fullwidth div.am_element div.am_right div.price_footer { display: none; } .am_search_popup_inner { margin-left: 40px; } .am_search_popup .am_element { font-size: 8px !important; } .am_search_popup .regular-price .price, .am_search_popup .am_title { font-size: 10px !important; } .product-view .grouped-items-table td { width: auto; } } @media (min-width: 481px) and (max-width: 720px) { div.form-search div.col-12 div.col-8.col-12-sm input#search.input-text.search_ss { width: 210px; margin-right: 12px; } .mobile_hide_b { display: none !important } div.am-products.am-fullwidth a.am-product-link.am-fullwidth div.am_element div.am_right div.price_footer { display: none; } .am_search_popup_inner { margin-left: 20px; } .am_search_popup .am_element { font-size: 8px !important; } .am_search_popup .regular-price .price, .am_search_popup .am_title { font-size: 10px !important; } .product-view .grouped-items-table td { width: auto; } } .amhighlight { background: none !important; font-weight: normal !important; } .container_des > h1 { font-size: 28px !important; color: #ffffff; line-height: 1.5em; } .container_des > h2 { font-size: 26px !important; color: #ffffff; line-height: 1.5em; } .container_des > h3 { font-size: 24px !important; color: #ffffff; line-height: 1.5em; } .splash-description-full a { /* font-size: 18px !important; */ color: #508f5a !important; } .products-grid button.button span, .products-list button.button span, .add-to-cart .button.button span { background-color: #508f5a !important; } /* FINE ####### s.s. 2020 ####### */ /* FINE ####### s.s. 2020 ####### */ /* Custom Home Block */ .custom_caption{ position: absolute;bottom: 10px;height: 60px;overflow: hidden;background-color: #000;background: rgba(0, 0, 0, 0.5);color: #FFF; box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; -webkit-box-sizing: border-box; -transition: height 0.3s ease-in-out, bottom 0.3s ease-in-out, padding 0.3s ease-in-out; -moz-transition: height 0.3s ease-in-out, bottom 0.3s ease-in-out, padding 0.3s ease-in-out; -ms-transition: height 0.3s ease-in-out, bottom 0.3s ease-in-out, padding 0.3s ease-in-out; -o-transition: height 0.3s ease-in-out, bottom 0.3s ease-in-out, padding 0.3s ease-in-out; -webkit-transition: height 0.3s ease-in-out, bottom 0.3s ease-in-out, padding 0.3s ease-in-out; } .custom_caption .heading{line-height: 60px; font-size: 17px;} .custom_caption .caption_desc{padding: 0px 30px;} .custom_caption .caption_desc > *{text-align: center !important;} .custom_caption .caption_desc p{ border-top: 2px dotted #FFF;border-bottom: 2px dotted #FFF;padding: 20px 0px;} .custom_caption .caption_desc a.button{ display: inline-block;vertical-align: middle;background-color: #b60000;color: #FFF;padding: 11px 20px;font-size: 14px;text-transform: uppercase;margin-top: 20px;} .custom_caption .caption_desc a.button:hover{background-color:#252525;} .custombanner .banner:hover .custom_caption{height: 100%;bottom: 0;padding: 30px 0px;} .category-description.std{font-size: 24px;margin-bottom: 15px;} .linea.products-grid .product-name{font-size: 20px;} /*.header2 .header-primary-container .grid_8.v-grid{padding-top: 17px;}*/ .nav-container #nav > li > a, #mega-nav > li > a{text-transform: uppercase;} .parallax-window {height: 500px; background: transparent; } .header-primary{padding: 15px 0px;} .products-grid .availability{padding: 11px 20px; line-height: 18px;margin: 0px;} /*.breadcrumbs{margin: 20px 0px 30px 0px;}*/ .page-title, .product-view .product-essential .product-name{background-image: none;} .products-list .btn-cart{max-width: 210px;} .shopping_cart .dropdown-toggle, .form-search button.button span{color: #ffffff;} /*.navmain-container.fixed{height: 43px;}*/ /*.navmain-container.fixed .nav-container #nav a{}*/ /*.navmain-container.fixed .shopping_cart .dropdown-toggle, .quick-search .dropdown-toggle, .wishlist .dropdown-toggle{line-height: 43px;height: 43px;}*/ /*.navmain-container.fixed .form-search .button{line-height: 43px;}*/ .header2 .block_header_top_left{padding-top: 25px; margin-left: -80px; margin-bottom: -4px;} .nav-container #nav a{font-size: 13px; padding: 12px 10px;} .nav-container #nav > li > a span, #mega-nav > li > a span{border-right: 1px solid #ffffff; padding-right: 10px;} .shopping_cart.dropdown{border-color: #252525;} .footer-bottom ul li a{font-size: 12px;} .footer-bottom address{line-height: 26px;} .product-image, .bot-shadow, .products-grid .product-image-wrapper, .products-list .product-image-wrapper{-webkit-box-shadow:none;box-shadow:none;} #sidenav li a{padding: 8px 25px 8px 0px;} .prodotti .category-label{font-size: 24px;} .section-line > *, .block .block-title strong span, .peercheckout-title h2{font-size: 15px;} .footer-container{font-size: 13px;} #downbutton { background: transparent url(https://www.unopiu.com/skin/frontend/unpsa/default/images/downbutton.png) center 9px no-repeat; background-size: 20px 20px !important; border: 3px solid rgba(255,255,255, 1); border-radius: 30px; height: 40px; width: 40px; position: absolute; bottom: 70px; z-index: 99; text-indent: -9999 !important; display: block; left: 0; right: 0; margin: 0 auto; text-align: left !important; cursor: pointer; } /* Latest changes by Rocky */ .wordpress-page-view .main{padding-top: 30px;} .navmain-container .nav-container #nav a{font-size: 12px;} .navmain-container {height: 38px;} .navmain-container .shopping_cart .dropdown-toggle, .quick-search .dropdown-toggle, .wishlist .dropdown-toggle{line-height: 38px;height: 38px;} .navmain-container .form-search .button{line-height: 38px;} .nav-container #nav a{padding: 9px 10px;} .nav-container #nav ul{top:38px;} .header, .header .social-link a{font-size:12px;} .shopping_cart .dropdown-menu .bag-header{font-size: 12px;} .nav-container #nav > li > a{padding-left: 0;} .is-blog body{color: #555555;} img{max-width: 100% !important;} .banner img{width: 100%;} /*img{max-width: 100% !important;height: 100%;}*/ .is-blog .post-list-item{padding-bottom: 20px;} .is-blog .amount{display: none;} .is-blog .edge-skip-slider[data-skin=light] { border: 2px solid #fff; } .is-blog .edge-skip-slider:hover { opacity: 1; } .is-blog .edge-skip-slider { position: absolute; display: table; left: 50%; bottom: 8%; cursor: pointer; margin: -24px 0 0 -24px; width: 50px; height: 50px; border-radius: 50%; text-align: center; opacity: .9; -webkit-transition: all .2s ease-out; -moz-transition: all .2s ease-out; -ms-transition: all .2s ease-out; -o-transition: all .2s ease-out; transition: all .2s ease-out; } .is-blog .edge-skip-slider { z-index: 10; } .is-blog .edge-skip-slider[data-skin=light] i { color: #fff; } .is-blog .edge-skip-slider:hover i { -webkit-transform: translate3d(0,5%,0); -moz-transform: translate3d(0,5%,0); -ms-transform: translate3d(0,5%,0); -o-transform: translate3d(0,5%,0); /* transform: translate3d(0,5%,0); */ ms-transform: translate3d(0,5%,0); } .is-blog .edge-skip-slider i { font-size: 16px; display: table-cell; vertical-align: middle; -webkit-transition: all .2s ease-out; -moz-transition: all .2s ease-out; -ms-transition: all .2s ease-out; -o-transition: all .2s ease-out; transition: all .2s ease-out; } .is-blog .mk-jupiter-icon-arrow-bottom:before{ content: "\f107"; font-family: FontAwesome; } #colorbox{ width:auto !important; max-height: 347px !important; right:0; margin:0 auto; top: 50% !important; position: fixed !important; margin-top: -200px; left: 50% !important; -webkit-transform: translate(-50%); -moz-transform: translate(-50%); -ms-transform: translate(-50%); -o-transform: translate(-50%); transform: translate(-50%); } #cboxLoadedContent,#cboxBottomCenter,#cboxTopCenter,#cboxContent{width:auto !important;} .main-container{background: #FFF;} .addto-links-icons span.icon{ color: #252525;} .header .social-link.item-right{ float: none; text-align: right; } #cboxWrapper{width: auto !important;height: 347px !important;} #cboxMiddleLeft, #cboxContent, #cboxMiddleRight{height: 330px !important;} #cboxContent{width: auto !important;border: 9px solid #fff;border-radius: 5px;} #cboxLoadedContent{height: 330px !important;width: auto !important;} #cboxWrapper img{height: 300px !important;width: auto !important;} #cboxTopLeft, #cboxTopCenter, #cboxTopRight, #cboxMiddleLeft, #cboxMiddleRight, #cboxBottomLeft, #cboxBottomCenter, #cboxBottomRight{display:none;} .parallax-mirror img{max-width:none !important;} @media (max-width:767px){ .header .social-link.item-right{ float: right; } } .is-blog .container{max-width: 100%; margin: 0 auto;} .is-blog img{ border: 0;vertical-align: top;max-width: 100%;} .is-blog .sidebar .block .block-content ul li ul{ margin-left: 15px;display: block;width: auto;margin-bottom: 10px;overflow: hidden;} .is-blog .sidebar .block .block-content li{ border-bottom: none;padding: 0px;} .is-blog .sidebar .block .block-content li a{text-decoration: none;color: #252525;border-bottom: 1px solid #E4E4E4;padding: 8px 0px;display: block;} .is-blog .sidebar .block .block-content li a:hover{ color: #b60000;} .is-blog .sidebar .block .block-content ul li ul li{overflow: hidden;text-indent: -5px;} .is-blog .sidebar .block .block-content ul li ul li a{margin-top: -20px;} .is-blog .sidebar .block .block-content ul li ul li a:before{ content: "\00BB";margin-left: 5px;margin-right: 5px;} .products-gridn{width: 78%;float: left;padding-right: 2%;} .wordpress-post-view .post-view .products-gridn{width: 61%;float: left;padding-right: 2%;} .is-blog .sidebar{width: 20%;float: right;padding-top: 6px;} .is-blog .sidebar-left-custom{width: 15%;float: left;padding-top: 6px;padding-right: 2%;} .cms-index-index .products-gridn{width: 100%;padding-right: 0;} .cms-index-index .pull-container { width: 99% !important; margin-left: 0 !important; } .is-blog ul{list-style: none;padding: 0px;display: inline-block;width: 100%;} /*.products-gridn ul li.item.fullsize{width:58%;}*/ .cms-eshop .products-gridn ul li.item {opacity: 0;} .products-gridn.content ul li.item{width:23%} .products-gridn ul li.item{float: left;width: 31%;margin: 1%;box-sizing: border-box;/*border-top: 6px solid #252525; border-radius: 2px; box-shadow: 0 0 6px 1px rgba(0,0,0, 0.1);opacity: 0;/*word-break: break-all;text-align: justify;*/transition: border 300ms ease-in-out; -moz-transition: border 300ms ease-in-out; -webkit-transition: border 300ms ease-in-out; -o-transition: border 300ms ease-in-out;} .products-gridn ul li.item:hover{/*border-top: 6px solid #b60000;*/} .products-gridn ul li.item.shown{opacity: 1;} .products-gridn ul li.item h2{font-size: 21px;text-align: left;} .products-gridn ul li.item a{display: block;} .wordpress-post-view .products-gridn ul li.item{float: left;width: 48%;margin: 1%; opacity: 1;/*text-align: justify;*/} .wordpress-archive-view .products-gridn ul li.item{float: left;width: 48%;margin: 1%; opacity: 1;/*text-align: justify;*/} /* Category page only */ .wordpress-post-category-view .products-gridn ul li.item{opacity: 1;width: auto;} .wordpress-post-category-view .products-gridn ul.hide-on-load li.item{opacity: 0;} .wordpress-post-category-view .products-gridn ul.hide-on-load li.item.shown{opacity: 1;} .inside-image{width: 100%;} .hide-custom{display: none;} .products-gridn .grid_6 { width: 48% !important; } .products-gridn .grid_3 { width: 23% !important; } .products-gridn .grid_4 { width: 31.33% !important; } .products-gridn .grid_full { width: 99% !important; } .products-gridn .grid_1,.products-gridn .grid_2,.products-gridn .grid_3,.products-gridn .grid_4,.products-gridn .grid_5,.products-gridn .grid_6,.products-gridn .grid_7,.products-gridn .grid_8,.products-gridn .grid_9,.products-gridn .grid_10,.products-gridn .grid_11,.products-gridn .grid_12,.products-gridn .grid_full { display: inline; float: left; /* position: relative; */ margin-left: 1%; margin-right: 1%; } .wordpress-post-view .block .block-content li .product a{border: none;} .is-blog .sidebar ul li.active > a{color:#000;font-weight: 300; display: block;} .product-content{padding: 15px;} .product-content a{padding: 5px 0px;} .product-content p {margin: 5px 0;} /*.sidebar .block-title{display: none;}*/ .wordpress-post-category-view .disappear .sidebar,.wordpress-page-view .disappear .sidebar{display: none;} /*.disappear .sidebar{position: fixed;}*/ .disappear .sidebar-left-custom{display: none;} .disappear .products-gridn{width: 98%;} .disappear .products-gridn .dates{display: none;} /*.post-view .disappear .sidebar .block{display: none;}*/ .wordpress-post-view .post-view .disappear .sidebar-left-custom{display: block;} .wordpress-post-view .post-view .disappear .products-gridn{width: 61%;} /*.sidebar ul.level0{display: none;}*/ .disappear .sidebar .level1{margin: 10px;} /*.products-gridn li.item{padding: 15px !important;}*/ .azienda-menu li{border-bottom: 1px solid #E4E4E4; } .azienda-menu li a:before{content: "\00BB";margin-right: 5px; } .azienda-menu li:last-child{border-bottom: 0; } .azienda-menu li a{font-size: 14px;color: #000;display: block; padding:8px 0;} .azienda-menu li a:hover{color: #b60000;} .gridn.effect-2 li.animate { -webkit-transform: translateY(200px); transform: translateY(200px); -webkit-animation: moveUp 0.65s ease forwards; animation: moveUp 0.65s ease forwards; } html{overflow-x:hidden;} .show-sideb .products-gridn{width: 76%;float: right;padding-left: 1%;} .show-sideb .sidebar-custom{width: 20%; float: left; padding-top: 6px;} .products-gridn .owl-item .item{padding: 9px;border: 3px solid #e1e1e1;} @-webkit-keyframes moveUp { 0% { } 100% { -webkit-transform: translateY(0); opacity: 1; } } @keyframes moveUp { 0% { } 100% { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; } } #sidenav ul{ box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; } @media only screen and (max-width: 767px) { .products-gridn, .is-blog .sidebar{width: 100%;} .show-sideb .products-gridn, .show-sideb .sidebar-custom, .is-blog .sidebar-left-custom, .wordpress-post-view .post-view .disappear .products-gridn{width: 100% !important;padding-left: 0px !important;padding-right: 0px !important; } .wordpress-post-view .post-view .disappear .products-gridn{padding-top: 10px;} } @media only screen and (max-width: 959px) { .products-gridn ul li.item{width: 48%;} .products-gridn .grid_3{width: 48% !important;} } @media only screen and (max-width: 639px) { .products-gridn ul li.item.grid_3, .products-gridn ul li.item.grid_12{width: 100% !important;} } @media only screen and (max-width: 539px) { .products-gridn ul li.item{width: 90% !important;} /*.products-gridn ul li.item.grid_3{width: 100% !important;}*/ } .amscroll-navbar { background: rgb(58,79,98); width: 100%; height: 30px; position: fixed; bottom: 0px; } .amscroll-page-num { background: #efefef; color: #111; padding: 0px 10px; } .amscroll-load-button { background: rgb(58,79,98); border: 0px; color: #fff; font-weight: bold; padding: 5px; margin: 5px 0px; width: 100%; } .amscroll-loading { background-repeat:no-repeat; background-position: 50% 50%; width: 100%; height: 50px; } a.amscroll-navbar-link{ background: url(https://www.unopiu.com/skin/frontend/base/default/images/amscroll/up.png); display: inline-block; width: 26px; height: 26px; position: absolute; right: 5px; cursor: pointer; } div#amscroll-navbar { color: white; padding: 3px 40px 3px 5px; height: 32px; } div#amscroll-navbar span { line-height: 26px; } #debungcontrolls,.debugtimeline{width:100%;box-sizing:border-box}.rev_column,.rev_column .tp-parallax-wrap,.tp-svg-layer svg{vertical-align:top}#debungcontrolls{z-index:100000;position:fixed;bottom:0;height:auto;background:rgba(0,0,0,.6);padding:10px}.debugtimeline{height:10px;position:relative;margin-bottom:3px;display:none;white-space:nowrap}.debugtimeline:hover{height:15px}.the_timeline_tester{background:#e74c3c;position:absolute;top:0;left:0;height:100%;width:0}.rs-go-fullscreen{position:fixed!important;width:100%!important;height:100%!important;top:0!important;left:0!important;z-index:9999999!important;background:#fff!important}.debugtimeline.tl_slide .the_timeline_tester{background:#f39c12}.debugtimeline.tl_frame .the_timeline_tester{background:#3498db}.debugtimline_txt{color:#fff;font-weight:400;font-size:7px;position:absolute;left:10px;top:0;white-space:nowrap;line-height:10px}.rtl{direction:rtl}@font-face{font-family:revicons;src:url(https://www.unopiu.com/skin/frontend/base/default/nwdthemes/revslider/public/assets/fonts/revicons/revicons.eot?5510888);src:url(https://www.unopiu.com/skin/frontend/base/default/nwdthemes/revslider/public/assets/fonts/revicons/revicons.eot?5510888#iefix) format('embedded-opentype'),url(https://www.unopiu.com/skin/frontend/base/default/nwdthemes/revslider/public/assets/fonts/revicons/revicons.woff?5510888) format('woff'),url(https://www.unopiu.com/skin/frontend/base/default/nwdthemes/revslider/public/assets/fonts/revicons/revicons.ttf?5510888) format('truetype'),url(https://www.unopiu.com/skin/frontend/base/default/nwdthemes/revslider/public/assets/fonts/revicons/revicons.svg?5510888#revicons) format('svg');font-weight:400;font-style:normal}[class*=" revicon-"]:before,[class^=revicon-]:before{font-family:revicons;font-style:normal;font-weight:400;speak:none;display:inline-block;text-decoration:inherit;width:1em;margin-right:.2em;text-align:center;font-variant:normal;text-transform:none;line-height:1em;margin-left:.2em}.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'}.rev_slider_wrapper{position:relative;z-index:0;width:100%}.rev_slider{position:relative;overflow:visible}.entry-content .rev_slider a,.rev_slider a{box-shadow:none}.tp-overflow-hidden{overflow:hidden!important}.group_ov_hidden{overflow:hidden}.rev_slider img,.tp-simpleresponsive img{max-width:none!important;transition:none;margin:0;padding:0;border:none}.rev_slider .no-slides-text{font-weight:700;text-align:center;padding-top:80px}.rev_slider>ul,.rev_slider>ul>li,.rev_slider>ul>li:before,.rev_slider_wrapper>ul,.tp-revslider-mainul>li,.tp-revslider-mainul>li:before,.tp-simpleresponsive>ul,.tp-simpleresponsive>ul>li,.tp-simpleresponsive>ul>li:before{list-style:none!important;position:absolute;margin:0!important;padding:0!important;overflow-x:visible;overflow-y:visible;background-image:none;background-position:0 0;text-indent:0;top:0;left:0}.rev_slider>ul>li,.rev_slider>ul>li:before,.tp-revslider-mainul>li,.tp-revslider-mainul>li:before,.tp-simpleresponsive>ul>li,.tp-simpleresponsive>ul>li:before{visibility:hidden}.tp-revslider-mainul,.tp-revslider-slidesli{padding:0!important;margin:0!important;list-style:none!important}.fullscreen-container,.fullwidthbanner-container{padding:0;position:relative}.rev_slider li.tp-revslider-slidesli{position:absolute!important}.tp-caption .rs-untoggled-content{display:block}.tp-caption .rs-toggled-content{display:none}.rs-toggle-content-active.tp-caption .rs-toggled-content{display:block}.rs-toggle-content-active.tp-caption .rs-untoggled-content{display:none}.rev_slider .caption,.rev_slider .tp-caption{position:relative;visibility:hidden;white-space:nowrap;display:block;-webkit-font-smoothing:antialiased!important;z-index:1}.rev_slider .caption,.rev_slider .tp-caption,.tp-simpleresponsive img{-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none;-o-user-select:none}.rev_slider .tp-mask-wrap .tp-caption,.rev_slider .tp-mask-wrap :last-child,.wpb_text_column .rev_slider .tp-mask-wrap .tp-caption,.wpb_text_column .rev_slider .tp-mask-wrap :last-child{margin-bottom:0}.tp-svg-layer svg{width:100%;height:100%;position:relative}.tp-carousel-wrapper{cursor:url(https://www.unopiu.com/skin/frontend/base/default/nwdthemes/revslider/public/assets/css/openhand.cur),move}.tp-carousel-wrapper.dragged{cursor:url(https://www.unopiu.com/skin/frontend/base/default/nwdthemes/revslider/public/assets/css/closedhand.cur),move}.tp_inner_padding{box-sizing:border-box;max-height:none!important}.tp-caption.tp-layer-selectable{-moz-user-select:all;-khtml-user-select:all;-webkit-user-select:all;-o-user-select:all}.tp-caption.tp-hidden-caption,.tp-forcenotvisible,.tp-hide-revslider,.tp-parallax-wrap.tp-hidden-caption{visibility:hidden!important;display:none!important}.rev_slider audio,.rev_slider embed,.rev_slider iframe,.rev_slider object,.rev_slider video{max-width:none!important}.tp-element-background{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0}.tp-blockmask,.tp-blockmask_in,.tp-blockmask_out{position:absolute;top:0;left:0;width:100%;height:100%;background:#fff;z-index:1000;transform:scaleX(0) scaleY(0)}.tp-parallax-wrap{transform-style:preserve-3d}.rev_row_zone{position:absolute;width:100%;left:0;box-sizing:border-box;min-height:50px;font-size:0}.rev_column_inner,.rev_slider .tp-caption.rev_row{position:relative;width:100%!important;box-sizing:border-box}.rev_row_zone_top{top:0}.rev_row_zone_middle{top:50%;transform:translateY(-50%)}.rev_row_zone_bottom{bottom:0}.rev_slider .tp-caption.rev_row{display:table;table-layout:fixed;vertical-align:top;height:auto!important;font-size:0}.rev_column{display:table-cell;position:relative;height:auto;box-sizing:border-box;font-size:0}.rev_column_inner{display:block;height:auto!important;white-space:normal!important}.rev_column_bg{width:100%;height:100%;position:absolute;top:0;left:0;z-index:0;box-sizing:border-box;background-clip:content-box;border:0 solid transparent}.tp-caption .backcorner,.tp-caption .backcornertop,.tp-caption .frontcorner,.tp-caption .frontcornertop{height:0;top:0;width:0;position:absolute}.rev_column_inner .tp-loop-wrap,.rev_column_inner .tp-mask-wrap,.rev_column_inner .tp-parallax-wrap{text-align:inherit}.rev_column_inner .tp-mask-wrap{display:inline-block}.rev_column_inner .tp-parallax-wrap,.rev_column_inner .tp-parallax-wrap .tp-loop-wrap,.rev_column_inner .tp-parallax-wrap .tp-mask-wrap{position:relative!important;left:auto!important;top:auto!important;line-height:0}.tp-video-play-button,.tp-video-play-button i{line-height:50px!important;vertical-align:top;text-align:center}.rev_column_inner .rev_layer_in_column,.rev_column_inner .tp-parallax-wrap,.rev_column_inner .tp-parallax-wrap .tp-loop-wrap,.rev_column_inner .tp-parallax-wrap .tp-mask-wrap{vertical-align:top}.rev_break_columns{display:block!important}.rev_break_columns .tp-parallax-wrap.rev_column{display:block!important;width:100%!important}.fullwidthbanner-container{overflow:hidden}.fullwidthbanner-container .fullwidthabanner{width:100%;position:relative}.tp-static-layers{position:absolute;z-index:101;top:0;left:0}.tp-caption .frontcorner{border-left:40px solid transparent;border-right:0 solid transparent;border-top:40px solid #00A8FF;left:-40px}.tp-caption .backcorner{border-left:0 solid transparent;border-right:40px solid transparent;border-bottom:40px solid #00A8FF;right:0}.tp-caption .frontcornertop{border-left:40px solid transparent;border-right:0 solid transparent;border-bottom:40px solid #00A8FF;left:-40px}.tp-caption .backcornertop{border-left:0 solid transparent;border-right:40px solid transparent;border-top:40px solid #00A8FF;right:0}.tp-layer-inner-rotation{position:relative!important}img.tp-slider-alternative-image{width:100%;height:auto}.caption.fullscreenvideo,.rs-background-video-layer,.tp-caption.coverscreenvideo,.tp-caption.fullscreenvideo{width:100%;height:100%;top:0;left:0;position:absolute}.noFilterClass{filter:none!important}.rs-background-video-layer{visibility:hidden;z-index:0}.caption.fullscreenvideo audio,.caption.fullscreenvideo iframe,.caption.fullscreenvideo video,.tp-caption.fullscreenvideo iframe,.tp-caption.fullscreenvideo iframe audio,.tp-caption.fullscreenvideo iframe video{width:100%!important;height:100%!important;display:none}.fullcoveredvideo audio,.fullscreenvideo audio .fullcoveredvideo video,.fullscreenvideo video{background:#000}.fullcoveredvideo .tp-poster{background-position:center center;background-size:cover;width:100%;height:100%;top:0;left:0}.videoisplaying .html5vid .tp-poster{display:none}.tp-video-play-button{background:#000;background:rgba(0,0,0,.3);border-radius:5px;position:absolute;top:50%;left:50%;color:#FFF;margin-top:-25px;margin-left:-25px;cursor:pointer;width:50px;height:50px;box-sizing:border-box;display:inline-block;z-index:4;opacity:0;transition:opacity .3s ease-out!important}.tp-audio-html5 .tp-video-play-button,.tp-hiddenaudio{display:none!important}.tp-caption .html5vid{width:100%!important;height:100%!important}.tp-video-play-button i{width:50px;height:50px;display:inline-block;font-size:40px!important}.rs-fullvideo-cover,.tp-dottedoverlay,.tp-shadowcover{height:100%;top:0;left:0;position:absolute}.tp-caption:hover .tp-video-play-button{opacity:1;display:block}.tp-caption .tp-revstop{display:none;border-left:5px solid #fff!important;border-right:5px solid #fff!important;margin-top:15px!important;line-height:20px!important;vertical-align:top;font-size:25px!important}.tp-seek-bar,.tp-video-button,.tp-volume-bar{outline:0;line-height:12px;margin:0;cursor:pointer}.videoisplaying .revicon-right-dir{display:none}.videoisplaying .tp-revstop{display:inline-block}.videoisplaying .tp-video-play-button{display:none}.fullcoveredvideo .tp-video-play-button{display:none!important}.fullscreenvideo .fullscreenvideo audio,.fullscreenvideo .fullscreenvideo video{object-fit:contain!important}.fullscreenvideo .fullcoveredvideo audio,.fullscreenvideo .fullcoveredvideo video{object-fit:cover!important}.tp-video-controls{position:absolute;bottom:0;left:0;right:0;padding:5px;opacity:0;transition:opacity .3s;background-image:linear-gradient(to bottom,#000 13%,#323232 100%);display:table;max-width:100%;overflow:hidden;box-sizing:border-box}.rev-btn.rev-hiddenicon i,.rev-btn.rev-withicon i{transition:all .2s ease-out!important;font-size:15px}.tp-caption:hover .tp-video-controls{opacity:.9}.tp-video-button{background:rgba(0,0,0,.5);border:0;border-radius:3px;font-size:12px;color:#fff;padding:0}.tp-video-button:hover{cursor:pointer}.tp-video-button-wrap,.tp-video-seek-bar-wrap,.tp-video-vol-bar-wrap{padding:0 5px;display:table-cell;vertical-align:middle}.tp-video-seek-bar-wrap{width:80%}.tp-video-vol-bar-wrap{width:20%}.tp-seek-bar,.tp-volume-bar{width:100%;padding:0}.rs-fullvideo-cover{width:100%;background:0 0;z-index:5}.disabled_lc .tp-video-play-button,.rs-background-video-layer audio::-webkit-media-controls,.rs-background-video-layer video::-webkit-media-controls,.rs-background-video-layer video::-webkit-media-controls-start-playback-button{display:none!important}.tp-audio-html5 .tp-video-controls{opacity:1!important;visibility:visible!important}.tp-dottedoverlay{background-repeat:repeat;width:100%;z-index:3}.tp-dottedoverlay.twoxtwo{background:url(https://www.unopiu.com/skin/frontend/base/default/nwdthemes/revslider/public/assets/assets/gridtile.png)}.tp-dottedoverlay.twoxtwowhite{background:url(https://www.unopiu.com/skin/frontend/base/default/nwdthemes/revslider/public/assets/assets/gridtile_white.png)}.tp-dottedoverlay.threexthree{background:url(https://www.unopiu.com/skin/frontend/base/default/nwdthemes/revslider/public/assets/assets/gridtile_3x3.png)}.tp-dottedoverlay.threexthreewhite{background:url(https://www.unopiu.com/skin/frontend/base/default/nwdthemes/revslider/public/assets/assets/gridtile_3x3_white.png)}.tp-shadowcover{width:100%;background:#fff;z-index:-1}.tp-shadow1{box-shadow:0 10px 6px -6px rgba(0,0,0,.8)}.tp-shadow2:after,.tp-shadow2:before,.tp-shadow3:before,.tp-shadow4:after{z-index:-2;position:absolute;content:"";bottom:10px;left:10px;width:50%;top:85%;max-width:300px;background:0 0;box-shadow:0 15px 10px rgba(0,0,0,.8);transform:rotate(-3deg)}.tp-shadow2:after,.tp-shadow4:after{transform:rotate(3deg);right:10px;left:auto}.tp-shadow5{position:relative;box-shadow:0 1px 4px rgba(0,0,0,.3),0 0 40px rgba(0,0,0,.1) inset}.tp-shadow5:after,.tp-shadow5:before{content:"";position:absolute;z-index:-2;box-shadow:0 0 25px 0 rgba(0,0,0,.6);top:30%;bottom:0;left:20px;right:20px;border-radius:100px/20px}.tp-button{padding:6px 13px 5px;border-radius:3px;height:30px;cursor:pointer;color:#fff!important;text-shadow:0 1px 1px rgba(0,0,0,.6)!important;font-size:15px;line-height:45px!important;font-family:arial,sans-serif;font-weight:700;letter-spacing:-1px;text-decoration:none}.tp-button.big{color:#fff;text-shadow:0 1px 1px rgba(0,0,0,.6);font-weight:700;padding:9px 20px;font-size:19px;line-height:57px!important}.purchase:hover,.tp-button.big:hover,.tp-button:hover{background-position:bottom,15px 11px}.purchase.green,.purchase:hover.green,.tp-button.green,.tp-button:hover.green{background-color:#21a117;box-shadow:0 3px 0 0 #104d0b}.purchase.blue,.purchase:hover.blue,.tp-button.blue,.tp-button:hover.blue{background-color:#1d78cb;box-shadow:0 3px 0 0 #0f3e68}.purchase.red,.purchase:hover.red,.tp-button.red,.tp-button:hover.red{background-color:#cb1d1d;box-shadow:0 3px 0 0 #7c1212}.purchase.orange,.purchase:hover.orange,.tp-button.orange,.tp-button:hover.orange{background-color:#f70;box-shadow:0 3px 0 0 #a34c00}.purchase.darkgrey,.purchase:hover.darkgrey,.tp-button.darkgrey,.tp-button.grey,.tp-button:hover.darkgrey,.tp-button:hover.grey{background-color:#555;box-shadow:0 3px 0 0 #222}.purchase.lightgrey,.purchase:hover.lightgrey,.tp-button.lightgrey,.tp-button:hover.lightgrey{background-color:#888;box-shadow:0 3px 0 0 #555}.rev-btn,.rev-btn:visited{outline:0!important;box-shadow:none!important;text-decoration:none!important;line-height:44px;font-size:17px;font-weight:500;padding:12px 35px;box-sizing:border-box;font-family:Roboto,sans-serif;cursor:pointer}.rev-btn.rev-uppercase,.rev-btn.rev-uppercase:visited{text-transform:uppercase;letter-spacing:1px;font-size:15px;font-weight:900}.rev-btn.rev-withicon i{font-weight:400;position:relative;top:0;margin-left:10px!important}.rev-btn.rev-hiddenicon i{font-weight:400;position:relative;top:0;opacity:0;margin-left:0!important;width:0!important}.rev-btn.rev-hiddenicon:hover i{opacity:1!important;margin-left:10px!important;width:auto!important}.rev-btn.rev-medium,.rev-btn.rev-medium:visited{line-height:36px;font-size:14px;padding:10px 30px}.rev-btn.rev-medium.rev-hiddenicon i,.rev-btn.rev-medium.rev-withicon i{font-size:14px;top:0}.rev-btn.rev-small,.rev-btn.rev-small:visited{line-height:28px;font-size:12px;padding:7px 20px}.rev-btn.rev-small.rev-hiddenicon i,.rev-btn.rev-small.rev-withicon i{font-size:12px;top:0}.rev-maxround{border-radius:30px}.rev-minround{border-radius:3px}.rev-burger{position:relative;width:60px;height:60px;box-sizing:border-box;padding:22px 0 0 14px;border-radius:50%;border:1px solid rgba(51,51,51,.25);-webkit-tap-highlight-color:transparent;cursor:pointer}.rev-burger span{display:block;width:30px;height:3px;background:#333;transition:.7s;pointer-events:none;transform-style:flat!important}.rev-burger.revb-white span,.rev-burger.revb-whitenoborder span{background:#fff}.rev-burger span:nth-child(2){margin:3px 0}#dialog_addbutton .rev-burger:hover :first-child,.open .rev-burger :first-child,.open.rev-burger :first-child{transform:translateY(6px) rotate(-45deg)}#dialog_addbutton .rev-burger:hover :nth-child(2),.open .rev-burger :nth-child(2),.open.rev-burger :nth-child(2){transform:rotate(-45deg);opacity:0}#dialog_addbutton .rev-burger:hover :last-child,.open .rev-burger :last-child,.open.rev-burger :last-child{transform:translateY(-6px) rotate(-135deg)}.rev-burger.revb-white{border:2px solid rgba(255,255,255,.2)}.rev-burger.revb-darknoborder,.rev-burger.revb-whitenoborder{border:0}.rev-burger.revb-darknoborder span{background:#333}.rev-burger.revb-whitefull{background:#fff;border:none}.rev-burger.revb-whitefull span{background:#333}.rev-burger.revb-darkfull{background:#333;border:none}.rev-burger.revb-darkfull span,.rev-scroll-btn.revs-fullwhite{background:#fff}@keyframes rev-ani-mouse{0%{opacity:1;top:29%}15%{opacity:1;top:50%}50%{opacity:0;top:50%}100%{opacity:0;top:29%}}.rev-scroll-btn{display:inline-block;position:relative;left:0;right:0;text-align:center;cursor:pointer;width:35px;height:55px;box-sizing:border-box;border:3px solid #fff;border-radius:23px}.rev-scroll-btn>*{display:inline-block;line-height:18px;font-size:13px;font-weight:400;color:#fff;font-family:proxima-nova,"Helvetica Neue",Helvetica,Arial,sans-serif;letter-spacing:2px}.rev-scroll-btn>.active,.rev-scroll-btn>:focus,.rev-scroll-btn>:hover{color:#fff}.rev-scroll-btn>.active,.rev-scroll-btn>:active,.rev-scroll-btn>:focus,.rev-scroll-btn>:hover{opacity:.8}.rev-scroll-btn.revs-fullwhite span{background:#333}.rev-scroll-btn.revs-fulldark{background:#333;border:none}.rev-scroll-btn.revs-fulldark span,.tp-bullet{background:#fff}.rev-scroll-btn span{position:absolute;display:block;top:29%;left:50%;width:8px;height:8px;margin:-4px 0 0 -4px;background:#fff;border-radius:50%;animation:rev-ani-mouse 2.5s linear infinite}.rev-scroll-btn.revs-dark{border-color:#333}.rev-scroll-btn.revs-dark span{background:#333}.rev-control-btn{position:relative;display:inline-block;z-index:5;color:#FFF;font-size:20px;line-height:60px;font-weight:400;font-style:normal;font-family:Raleway;text-decoration:none;text-align:center;background-color:#000;border-radius:50px;text-shadow:none;background-color:rgba(0,0,0,.5);width:60px;height:60px;box-sizing:border-box;cursor:pointer}.rev-cbutton-dark-sr,.rev-cbutton-light-sr{border-radius:3px}.rev-cbutton-light,.rev-cbutton-light-sr{color:#333;background-color:rgba(255,255,255,.75)}.rev-sbutton{line-height:37px;width:37px;height:37px}.rev-sbutton-blue{background-color:#3B5998}.rev-sbutton-lightblue{background-color:#00A0D1}.rev-sbutton-red{background-color:#DD4B39}.tp-bannertimer{visibility:hidden;width:100%;height:5px;background:#000;background:rgba(0,0,0,.15);position:absolute;z-index:200;top:0}.tp-bannertimer.tp-bottom{top:auto;bottom:0!important;height:5px}.tp-layers-container{transform-style:preserve-3d;position:absolute;width:100%;height:100%;overflow:hidden;top:0;left:0}.tp-caption img{background:0 0;-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)";filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF, endColorstr=#00FFFFFF);zoom:1}.caption.slidelink a div,.tp-caption.slidelink a div{width:3000px;height:1500px;background:url(https://www.unopiu.com/skin/frontend/base/default/nwdthemes/revslider/public/assets/assets/coloredbg.png)}.tp-caption.slidelink a span{background:url(https://www.unopiu.com/skin/frontend/base/default/nwdthemes/revslider/public/assets/assets/coloredbg.png)}.tp-loader.spinner0,.tp-loader.spinner5{background-image:url(https://www.unopiu.com/skin/frontend/base/default/nwdthemes/revslider/public/assets/assets/loader.gif);background-repeat:no-repeat}.tp-shape{width:100%;height:100%}.tp-caption .rs-starring{display:inline-block}.tp-caption .rs-starring .star-rating{float:none;display:inline-block;vertical-align:top;color:#FFC321!important}.tp-caption .rs-starring .star-rating,.tp-caption .rs-starring-page .star-rating{position:relative;height:1em;width:5.4em;font-family:star;font-size:1em!important}.tp-loader.spinner0,.tp-loader.spinner1{width:40px;height:40px;margin-top:-20px;margin-left:-20px;animation:tp-rotateplane 1.2s infinite ease-in-out;background-color:#fff;border-radius:3px;box-shadow:0 0 20px 0 rgba(0,0,0,.15)}.tp-caption .rs-starring .star-rating:before,.tp-caption .rs-starring-page .star-rating:before{content:"\73\73\73\73\73";color:#E0DADF;float:left;top:0;left:0;position:absolute}.tp-caption .rs-starring .star-rating span{overflow:hidden;float:left;top:0;left:0;position:absolute;padding-top:1.5em;font-size:1em!important}.tp-caption .rs-starring .star-rating span:before{content:"\53\53\53\53\53";top:0;position:absolute;left:0}.tp-loader{top:50%;left:50%;z-index:10000;position:absolute}.tp-loader.spinner0{background-position:center center}.tp-loader.spinner5{background-position:10px 10px;background-color:#fff;margin:-22px;width:44px;height:44px;border-radius:3px}@keyframes tp-rotateplane{0%{transform:perspective(120px) rotateX(0) rotateY(0)}50%{transform:perspective(120px) rotateX(-180.1deg) rotateY(0)}100%{transform:perspective(120px) rotateX(-180deg) rotateY(-179.9deg)}}.tp-loader.spinner2{width:40px;height:40px;margin-top:-20px;margin-left:-20px;background-color:red;box-shadow:0 0 20px 0 rgba(0,0,0,.15);border-radius:100%;animation:tp-scaleout 1s infinite ease-in-out}@keyframes tp-scaleout{0%{transform:scale(0)}100%{transform:scale(1);opacity:0}}.tp-loader.spinner3{margin:-9px 0 0 -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:0 0 20px 0 rgba(0,0,0,.15);border-radius:100%;display:inline-block;animation:tp-bouncedelay 1.4s infinite ease-in-out;animation-fill-mode:both}.tp-loader.spinner3 .bounce1{animation-delay:-.32s}.tp-loader.spinner3 .bounce2{animation-delay:-.16s}@keyframes tp-bouncedelay{0%,100%,80%{transform:scale(0)}40%{transform:scale(1)}}.tp-loader.spinner4{margin:-20px 0 0 -20px;width:40px;height:40px;text-align:center;animation:tp-rotate 2s 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%;animation:tp-bounce 2s infinite ease-in-out;box-shadow:0 0 20px 0 rgba(0,0,0,.15)}.tp-loader.spinner4 .dot2{top:auto;bottom:0;animation-delay:-1s}@keyframes tp-rotate{100%{transform:rotate(360deg)}}@keyframes tp-bounce{0%,100%{transform:scale(0)}50%{transform:scale(1)}}.tp-bullets.navbar,.tp-tabs.navbar,.tp-thumbs.navbar{border:none;min-height:0;margin:0;border-radius:0}.tp-bullets,.tp-tabs,.tp-thumbs{position:absolute;display:block;z-index:1000;top:0;left:0}.tp-tab,.tp-thumb{cursor:pointer;position:absolute;opacity:.5;box-sizing:border-box}.tp-arr-imgholder,.tp-tab-image,.tp-thumb-image,.tp-videoposter{background-position:center center;background-size:cover;width:100%;height:100%;display:block;position:absolute;top:0;left:0}.tp-tab.selected,.tp-tab:hover,.tp-thumb.selected,.tp-thumb:hover{opacity:1}.tp-tab-mask,.tp-thumb-mask{box-sizing:border-box!important}.tp-tabs,.tp-thumbs{box-sizing:content-box!important}.tp-bullet{width:15px;height:15px;position:absolute;background:rgba(255,255,255,.3);cursor:pointer}.tp-bullet.selected,.tp-bullet:hover{background:#fff}.tparrows{cursor:pointer;background:#000;background:rgba(0,0,0,.5);width:40px;height:40px;position:absolute;display:block;z-index:1000}.tparrows:hover{background:#000}.tparrows:before{font-family:revicons;font-size:15px;color:#fff;display:block;line-height:40px;text-align:center}.hginfo,.hglayerinfo{font-size:12px;font-weight:600}.tparrows.tp-leftarrow:before{content:'\e824'}.tparrows.tp-rightarrow:before{content:'\e825'}body.rtl .tp-kbimg{left:0!important}.dddwrappershadow{box-shadow:0 45px 100px rgba(0,0,0,.4)}.hglayerinfo{position:fixed;bottom:0;left:0;color:#FFF;line-height:20px;background:rgba(0,0,0,.75);padding:5px 10px;z-index:2000;white-space:normal}.helpgrid,.hginfo{position:absolute}.hginfo{top:-2px;left:-2px;color:#e74c3c;background:#000;padding:2px 5px}.indebugmode .tp-caption:hover{border:1px dashed #c0392b!important}.helpgrid{border:2px dashed #c0392b;top:0;left:0;z-index:0}#revsliderlogloglog{padding:15px;color:#fff;position:fixed;top:0;left:0;width:200px;height:150px;background:rgba(0,0,0,.7);z-index:100000;font-size:10px;overflow:scroll}.aden{filter:hue-rotate(-20deg) contrast(.9) saturate(.85) brightness(1.2)}.aden::after{background:linear-gradient(to right,rgba(66,10,14,.2),transparent);mix-blend-mode:darken}.perpetua::after,.reyes::after{mix-blend-mode:soft-light;opacity:.5}.inkwell{filter:sepia(.3) contrast(1.1) brightness(1.1) grayscale(1)}.perpetua::after{background:linear-gradient(to bottom,#005b9a,#e6c13d)}.reyes{filter:sepia(.22) brightness(1.1) contrast(.85) saturate(.75)}.reyes::after{background:#efcdad}.gingham{filter:brightness(1.05) hue-rotate(-10deg)}.gingham::after{background:linear-gradient(to right,rgba(66,10,14,.2),transparent);mix-blend-mode:darken}.toaster{filter:contrast(1.5) brightness(.9)}.toaster::after{background:radial-gradient(circle,#804e0f,#3b003b);mix-blend-mode:screen}.walden{filter:brightness(1.1) hue-rotate(-10deg) sepia(.3) saturate(1.6)}.walden::after{background:#04c;mix-blend-mode:screen;opacity:.3}.hudson{filter:brightness(1.2) contrast(.9) saturate(1.1)}.hudson::after{background:radial-gradient(circle,#a6b1ff 50%,#342134);mix-blend-mode:multiply;opacity:.5}.earlybird{filter:contrast(.9) sepia(.2)}.earlybird::after{background:radial-gradient(circle,#d0ba8e 20%,#360309 85%,#1d0210 100%);mix-blend-mode:overlay}.mayfair{filter:contrast(1.1) saturate(1.1)}.mayfair::after{background:radial-gradient(circle at 40% 40%,rgba(255,255,255,.8),rgba(255,200,200,.6),#111 60%);mix-blend-mode:overlay;opacity:.4}.lofi{filter:saturate(1.1) contrast(1.5)}.lofi::after{background:radial-gradient(circle,transparent 70%,#222 150%);mix-blend-mode:multiply}._1977{filter:contrast(1.1) brightness(1.1) saturate(1.3)}._1977:after{background:rgba(243,106,188,.3);mix-blend-mode:screen}.brooklyn{filter:contrast(.9) brightness(1.1)}.brooklyn::after{background:radial-gradient(circle,rgba(168,223,193,.4) 70%,#c4b7c8);mix-blend-mode:overlay}.xpro2{filter:sepia(.3)}.xpro2::after{background:radial-gradient(circle,#e6e7e0 40%,rgba(43,42,161,.6) 110%);mix-blend-mode:color-burn}.nashville{filter:sepia(.2) contrast(1.2) brightness(1.05) saturate(1.2)}.nashville::after{background:rgba(0,70,150,.4);mix-blend-mode:lighten}.nashville::before{background:rgba(247,176,153,.56);mix-blend-mode:darken}.lark{filter:contrast(.9)}.lark::after{background:rgba(242,242,242,.8);mix-blend-mode:darken}.lark::before{background:#22253f;mix-blend-mode:color-dodge}.moon{filter:grayscale(1) contrast(1.1) brightness(1.1)}.moon::before{background:#a0a0a0;mix-blend-mode:soft-light}.moon::after{background:#383838;mix-blend-mode:lighten}.clarendon{filter:contrast(1.2) saturate(1.35)}.clarendon:before{background:rgba(127,187,227,.2);mix-blend-mode:overlay}.willow{filter:grayscale(.5) contrast(.95) brightness(.9)}.willow::before{background-color:radial-gradient(40%,circle,#d4a9af 55%,#000 150%);mix-blend-mode:overlay}.willow::after{background-color:#d8cdcb;mix-blend-mode:color}.rise{filter:brightness(1.05) sepia(.2) contrast(.9) saturate(.9)}.rise::after{background:radial-gradient(circle,rgba(232,197,152,.8),transparent 90%);mix-blend-mode:overlay;opacity:.6}.rise::before{background:radial-gradient(circle,rgba(236,205,169,.15) 55%,rgba(50,30,7,.4));mix-blend-mode:multiply}._1977:after,._1977:before,.aden:after,.aden:before,.brooklyn:after,.brooklyn:before,.clarendon:after,.clarendon:before,.earlybird:after,.earlybird:before,.gingham:after,.gingham:before,.hudson:after,.hudson:before,.inkwell:after,.inkwell:before,.lark:after,.lark:before,.lofi:after,.lofi:before,.mayfair:after,.mayfair:before,.moon:after,.moon:before,.nashville:after,.nashville:before,.perpetua:after,.perpetua:before,.reyes:after,.reyes:before,.rise:after,.rise:before,.slumber:after,.slumber:before,.toaster:after,.toaster:before,.walden:after,.walden:before,.willow:after,.willow:before,.xpro2:after,.xpro2:before{content:'';display:block;height:100%;width:100%;top:0;left:0;position:absolute;pointer-events:none}._1977,.aden,.brooklyn,.clarendon,.earlybird,.gingham,.hudson,.inkwell,.lark,.lofi,.mayfair,.moon,.nashville,.perpetua,.reyes,.rise,.slumber,.toaster,.walden,.willow,.xpro2{position:relative}._1977 img,.aden img,.brooklyn img,.clarendon img,.earlybird img,.gingham img,.hudson img,.inkwell img,.lark img,.lofi img,.mayfair img,.moon img,.nashville img,.perpetua img,.reyes img,.rise img,.slumber img,.toaster img,.walden img,.willow img,.xpro2 img{width:100%;z-index:1}._1977:before,.aden:before,.brooklyn:before,.clarendon:before,.earlybird:before,.gingham:before,.hudson:before,.inkwell:before,.lark:before,.lofi:before,.mayfair:before,.moon:before,.nashville:before,.perpetua:before,.reyes:before,.rise:before,.slumber:before,.toaster:before,.walden:before,.willow:before,.xpro2:before{z-index:2}._1977:after,.aden:after,.brooklyn:after,.clarendon:after,.earlybird:after,.gingham:after,.hudson:after,.inkwell:after,.lark:after,.lofi:after,.mayfair:after,.moon:after,.nashville:after,.perpetua:after,.reyes:after,.rise:after,.slumber:after,.toaster:after,.walden:after,.willow:after,.xpro2:after{z-index:3}.slumber{filter:saturate(.66) brightness(1.05)}.slumber::after{background:rgba(125,105,24,.5);mix-blend-mode:soft-light}.slumber::before{background:rgba(69,41,12,.4);mix-blend-mode:lighten}.tp-kbimg-wrap:after,.tp-kbimg-wrap:before{height:500%;width:500%} /** * This file is a container for custom CSS. You can use it to override the default styles of the theme. * * 1. Copy the file "SAMPLE.custom.css" and rename it to "custom.css". * Otherwise this file will not be loded by Magento. * 2. Enable it in the admin panel. * 3. Uncomment slected sample styles or add your own CSS to override the default styles of the theme. * * Please refer to the user guide for more details. * */ /* ###### SAVERIO ###### *//* ###### SAVERIO ###### */ /* ###### SAVERIO ###### *//* ###### SAVERIO ###### */ /* ******************************************************************************************** saverio custom css override homepage *********************************************************************************************** */ .main { padding: 0 !important; } .std p { margin: 0 !important; } .col-main { margin: 0 !important; } .forcefullwidth_wrapper_tp_banner { margin-bottom: 0px !important; } .container_12 { max-width: 100%; } /* ###### SAVERIO ###### *//* ###### SAVERIO ###### */ /* ###### SAVERIO ###### *//* ###### SAVERIO ###### */