/** * 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) 2013 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{ background:#ffffff; color: #666; font-family: 'Nimbus Sans Regular',Helvetica,sans-serif; font-size: 14px; font-weight: 300; line-height: 24px; text-align:left; letter-spacing:0.7px; } img { border:0; vertical-align:top; } a { color:#666666; text-decoration:none; } a:hover { text-decoration:none; color:#333333; } :focus { outline:0; } /* Headings */ h1,h2,h3, h4,h5,h6 { margin:0 0 5px; line-height:1.35; color:#333; } h1 { font-size:20px; font-weight:normal; } h2 { font-size:18px; font-weight:normal; margin-bottom:15px; } h3 { font-size:16px; font-weight:bold; } h4 { font-size:14px; font-weight:bold; } h5 { font-size:12px; font-weight:bold; } h6 { font-size:11px; font-weight:bold; } /* Forms */ form { display:inline; } fieldset { border:0; } legend { display:none; } /* Table */ table { border:0; /*border-collapse:collapse;*/ border-spacing:0; empty-cells:show; font-size:100%; } caption,th,td { vertical-align:top; text-align:left; font-weight:normal; } /* Content */ p { margin:0 0 10px; } strong { font-weight:bold; } address { font-style:normal; } cite { font-style:normal; } q, blockquote { quotes:none; } q:before, q:after { content:''; } small,big { font-size:1em; } /*sup { font-size:1em; vertical-align:top; }*/ /* Lists */ ul,ol { list-style:none; } /* Tools */ .hidden { display:block !important; border:0 !important; margin:0 !important; padding:0 !important; font-size:0 !important; line-height:0 !important; width:0 !important; height:0 !important; overflow:hidden !important; } .nobr { white-space:nowrap !important; } .wrap { white-space:normal !important; } .a-left { text-align:left !important; } .a-center { text-align:center !important; } .a-right { text-align:right !important; } .v-top { vertical-align:top; } .v-middle { vertical-align:middle; } .f-left, .left { float:left !important; } .f-right, .right { float:right !important; } .f-none { float:none !important; } .f-fix { float:left; width:100%; } .no-display { display:none; } .no-margin { margin:0 !important; } .no-padding { padding:0 !important; } .no-bg { background:none !important; } /* ======================================================================================= */ /* Layout ================================================================================ */ .wrapper {} .page {} .header-container { } .nav-container1{ display:none; } .nav-container { text-align:center; display: inline-block; padding:35px 0 20px;} .nav-inner {} .main-container { } .cms-home .main-container{display:none;} .footer-container { background:#333333; color: #c5c5c5;} .header-container,.nav-container,.main-container,.footer-container{} .cms-home .breadcrumbs { display: none; } .main,.footer,.container-width,.cms-index-index .messages { width:1170px; margin:0 auto; padding:0px; } .header { position:relative; z-index:1000; clear: both; text-align: center; padding:0px 30px; transition: all 300ms ease 0s; -webkit-transition: all 300ms ease 0s; -moz-transition: all 300ms ease 0s; -ms-transition: all 300ms ease 0s; -o-transition: all 300ms ease 0s; background-color:#fff; border-bottom:1px solid #e6e6e6; } .header-top { background-color: #333333; float:left; width:100%; padding: 0px; position: relative; z-index: 9999; } .header_top { height:40px; } .header-bottom{ position:relative; } .header-left { float: left; } .header-center { display: inline-block; } .header-right { float: right; } .main { min-height:450px; position:relative; margin-bottom:30px !important;} section > h2 { display: none; } .cms-home .main {min-height:initial; margin: 0 !important;} .footer {padding: 50px 0 0; clear:both;} #footer{ margin-bottom: 25px; float: left; width: 100%; } .page-print { background:#fff; padding:25px 30px; text-align:left; } .page-empty { background:#fff; padding:20px; text-align:left; } .page-popup { background:#fff; padding:25px 30px; text-align:left; } /* Base Columns */ .col-left { float:left; width:270px; padding:0 0 0px; } .col-main { float:left; width:870px; padding:0 0 0px;} .col-right { float:right; width:270px; padding:0 0 0px;} /* 1 Column Layout */ .col1-layout .col-main { float:none; width:auto; } /* 2 Columns Layout */ .col2-left-layout .col-main { float:right; } .col2-right-layout .col-main {} /* 3 Columns Layout */ .col3-layout .col-main { width:540px; margin-left:10px; } .col3-layout .col-wrapper { float:left; width:760px; } .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-1 img{ width:100%; } .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%; } /* ======================================================================================= */ /* Global Styles ========================================================================= */ /* Form Elements */ input,select,textarea,button { vertical-align:middle; } input.input-text,select,textarea { background:#fff; border:1px solid #D9D9D9;color:#555; font-family:inherit;} input.input-text,textarea { padding:5px; } input.input-tex:focus,textarea:focus { -moz-box-shadow: #bbb 0 0 3px; -webkit-box-shadow: #bbb 0 0 3px; box-shadow: #bbb 0 0 3px;} select { padding:3px; } select option { padding-right:10px; } select.multiselect option { border-bottom:1px solid #CDCDCD; 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:2.5em !important; } button.button::-moz-focus-inner { padding:0; border:0; } /* FF Fix */ button.button { -webkit-border-fit:lines; } /* <- Safari & Google Chrome Fix */ .ie7 button.button { height:auto !important; } button.button { overflow:visible; width:auto; border:0; padding:0; margin:0; background:transparent; cursor:pointer; } button.button span , .back-link a { display:block; font-family:'Poppins',Arial,Helvetica,sans-serif; background:#fff; padding: 5px 30px; text-align:center; white-space:nowrap; color:#333; text-decoration:none; border: 2px solid #333; font-weight: 600; font-size:13px; line-height: 22px; } button.button span span { border:0; padding:0; } button.button:hover span , .back-link a:hover {background:#333; color:#fff;} button.disabled span { border-color:#bbb !important; background:#bbb !important; } button.btn-checkout span { line-height: 40px; padding: 0 35px; font-size: 16px; background: #333; color: #fff; border: 2px solid transparent; } .cart .discount button span , button.btn-checkout span {} button.btn-checkout:hover span{background: #fff; color: #333; border-color: #333;} button.btn-checkout.no-checkout span {color:#b8baba; } button.btn-checkout.no-checkout span span {} 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 8px; } .form-list label { float:left; font-weight:normal; position:relative; z-index:0; padding-bottom:5px; } .form-list label.required {} .form-list label.required em { float:right; font-style:normal; color:#DD4B39; position:absolute; top:0; right:-8px; } .form-list li.control label { float:none; } .form-list li.control input.radio, .form-list li.control input.checkbox { margin-right:6px; } .form-list li.control .input-box { clear:none; display:inline; width:auto; } .form-list .input-box { display:block; clear:both; width:260px; } .form-list .field { float:left; width:275px; } .form-list input.input-text { width:250px; } .form-list textarea { width:250px; height:10em; } .form-list select { width:260px; } .form-list li.wide .input-box { width:535px; } .form-list li.wide input.input-text { width:529px; } .form-list li.wide textarea { width:529px; } .form-list li.wide select { width:535px; } .form-list li.additional-row { border-top:1px solid #ccc; margin-top:10px; padding-top:7px; } .form-list li.additional-row .btn-remove { float:right; margin:5px 0 0; } .form-list .input-range input.input-text { width:74px; } .form-list-narrow li { margin-bottom:0; } .form-list-narrow li .input-box { margin-bottom:6px; } .form-list-narrow li.wide .input-box { width:260px; } .form-list-narrow li.wide input.input-text, .form-list-narrow li.wide textarea { width:254px } .form-list-narrow li.wide select { width:260px; } /* 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 .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-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, .form-list .customer-name-middlename .name-middlename { width:210px; } .form-list .customer-name-suffix .name-lastname, .form-list .customer-name-middlename .name-firstname, .form-list .customer-name-middlename .name-middlename, .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 .name-middlename 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; color:#888; } .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; } /* Independent fields */ /*.form-list li { margin:0 0 8px; } .form-list li.fields { margin:0; } .form-list .field { display:block; margin:0 0 8px; } .form-list li.control {} .form-list label { float:left; width:150px; padding:2px 10px 0 0; text-align:right; } .form-list label.required { font-weight:bold; } .form-list label.required em { font-variant:normal; color:#DD4B39; margin-right:3px; } .form-list .input-box { float:left; width:260px; } .form-list input.input-text, .form-list textarea { width:254px; } .form-list select { width:260px; } .form-list li.additional-row { border-top:1px solid #ddd; margin-top:10px; } .form-list li.additional-row .btn-remove { float:right; margin:5px 5px 0 0; } .form-list .input-range input.input-text { width:96px; }*/ /* Customer */ /*.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:11px; font-weight:normal; color:#777; text-align:left; } .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 { clear: both; margin: 20px 0 0; padding: 0; text-align: right; } .buttons-set p.required { margin:-25px 0 10px; } .buttons-set .back-link { float:left; margin:0; } .buttons-set button.button { float:right; margin-left:5px; } .buttons-set-order { margin:10px 0 0; } .buttons-set-order .please-wait { padding:12px 7px 0 0; } .fieldset { margin: 20px 0; padding: 0; } /* Form Validation */ .validation-advice { clear:both; min-height:13px; margin:3px 0 0; padding-left:17px; font-size:12px; line-height:13px; background:url(https://www.zeleni-dotik.si/skin/frontend/templatemela/hemptouch/images/validation_advice_bg.gif) 2px 0 no-repeat; color:#DD4B39; } .validation-failed { border:1px dashed #DD4B39 !important; background:#faebe7 !important; } .validation-passed {} p.required { font-size:11px; text-align:right; color:#DD4B39; } /* 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:#3d6611; font-weight:bold; } .error { color:#df280a; font-weight:bold; } .notice { color:#e26703; } .messages, .messages ul { list-style:none !important; margin:0 !important; padding:0 !important; } .messages { width:100%; overflow:hidden; } .cms-index-index .messages { position: absolute; left: 0; right: 0; z-index: 9999; margin: 0 auto !important; top: 200px; } .messages li { margin:0 0 10px !important; line-height:20px; } .messages li li { margin:0 0 3px !important; } .error-msg, .success-msg, .note-msg, .notice-msg { border-style:solid !important; border-width:1px !important; background-position:10px 9px !important; background-repeat:no-repeat !important; min-height:24px !important; padding:8px 8px 8px 32px !important; } .error-msg { border-color:#f16048; background-color:#faebe7; background-image:url(https://www.zeleni-dotik.si/skin/frontend/templatemela/hemptouch/images/i_msg-error.gif); color:#df280a; } .success-msg { border-color:#446423; background-color:#eff5ea; background-image:url(https://www.zeleni-dotik.si/skin/frontend/templatemela/hemptouch/images/i_msg-success.gif); color:#3d6611; } .note-msg, .notice-msg { border-color:#fcd344; background-color:#fafaec; background-image:url(https://www.zeleni-dotik.si/skin/frontend/templatemela/hemptouch/images/i_msg-note.gif); color:#3d6611; } /* BreadCrumbs */ .breadcrumbs { margin: 55px 0 0; float: right; color: #fff; } .column-left-breadcrumbs{ background: url("https://www.zeleni-dotik.si/skin/frontend/templatemela/hemptouch/images/breadcrumb.jpg") repeat scroll 50% 0 #333; position: relative; padding: 25px 0; height: 125px; overflow: hidden; margin-bottom: 40px; background-size:cover; } .breadcrumbs li { display:inline; } .breadcrumbs li a{color:#fff; text-transform: capitalize;} .breadcrumbs li strong { font-weight:normal; color:#fff; text-transform: capitalize;} /* Page Heading */ .page-title { overflow: hidden; width: 100%; } .page-title h1, .page-title h2, .manufacturer-list h1 { margin: 0; font-size: 24px; color: #fff; text-align: left; position: absolute; top: -145px; left: 0; text-transform: uppercase; font-weight: 600; } .catalog-product-compare-index .page-title h1{position:static; color:#333;} .page-title .separator { margin:0 3px; } .page-title .link-rss { float:right; margin:7px 0 0; } .title-buttons { text-align:right; margin-bottom: 20px} .title-buttons h1, .title-buttons h2, .title-buttons h3, .title-buttons h4, .title-buttons h5, .title-buttons h6 { float:left; } .subtitle, .sub-title { clear:both; padding:15px 0 0; font-size:15px; font-weight:bold; margin:0 0 6px; color:#e25203; } /* Pager */ .pager { padding:5px 0px; margin:10px 0; text-align:right; } .pager .amount { float:left; margin:0; padding-top: 6px;} .pager .amount strong{ font-weight:normal;} .pager .limiter { float:right; margin-left:10px; z-index:999 !important; } .pager .limiter label { vertical-align: super; } .pager .limiter span { display:inline; vertical-align: super; } .pager .limiter select { margin:0 0 1px; vertical-align:middle; } .pager .pages { margin:0px 0 0 10px; float:right; } .pager .pages strong{ display:none; } .pager .pages ol {float:left; padding:0px; } .pager .pages li { display: inline-block; margin: 0 2px 0 0px; padding: 2px 10px; background: #fff; cursor: pointer; border: 2px solid #d9d9d9; } .pager .pages li:last-child{margin:0;} .pager .pages .current , .pager .pages li:hover { background: #000; border-color: #000; } .pager .pages .current, .pager .pages li:hover a{ color:#fff; } .pager .pages li img ,.pager .pages li a { text-decoration:none; color: #333;} /* Sorter */ .sorter { } .sorter .view-mode { float:left; margin:0; } .sorter .sort-by { float:right; padding-right:0px; margin-right:10px; } .sort-by label { margin-right:5px;padding-top: 0px; text-align:left; display:inline; vertical-align: super;} .sorter .sort-by select { padding:0; margin:0 0 1px; vertical-align:middle; } .sorter .link-feed {} .pager .pager_right .sort-by{ float:right; z-index:8;} .pager .pager_right .sort-by .sbHolder { display:inline-block; } .pager .limiter .sbHolder{ display:inline-block; margin: 0 5px; } .ie7 .pager .limiter .sbHolder , .ie7 .pager .sort-by .sbHolder { display:inline;} .desc-asc{ margin-top: 1px; float:right; display:inline; margin-left:10px; } .sort-by a.uparrow , .sort-by a.downarrow:hover { background: url("https://www.zeleni-dotik.si/skin/frontend/templatemela/hemptouch/images/sprite.png") no-repeat scroll -138px -164px; border: 1px solid #d9d9d9; display: block; height: 30px; margin: 0; padding: 0; transition-duration: 300ms; -webkit-transition-duration: 300ms; -moz-transition-duration: 300ms; -ms-transition-duration: 300ms; -o-transition-duration: 300ms; width: 31px; } .sort-by a.downarrow , .sort-by a.uparrow:hover{ background: url("https://www.zeleni-dotik.si/skin/frontend/templatemela/hemptouch/images/sprite.png") no-repeat scroll -117px -164px; border: 1px solid #d9d9d9; display: block; height: 30px; margin: 0; padding: 0; transition-duration: 300ms; -webkit-transition-duration: 300ms; -moz-transition-duration: 300ms; -ms-transition-duration: 300ms; -o-transition-duration: 300ms; width: 31px; } /* Toolbar */ .toolbar { margin-bottom:30px; } .toolbar .pager { padding:0px; margin-top: 5px;} .toolbar .pager .pager_left{ float:left; } .toolbar .pager .pager_right{ float:right; } .toolbar .sorter { } .toolbar-bottom {} /* ==================== List/Grid Image ============*/ .view-mode{ float:left; margin-right:10px; margin-bottom:0; margin-top: 10px;} .view-mode label { display: none; } .view-mode strong.list, .view-mode a.list, .view-mode a.grid, .view-mode strong.grid { background: url("https://www.zeleni-dotik.si/skin/frontend/templatemela/hemptouch/images/sprite.png") no-repeat scroll 0 0 transparent; display:inline-block; height: 18px; margin: 0; text-align: left; text-indent: -999em; width: 18px; } .view-mode a.grid { background-position:-6px -147px;} .view-mode strong.list { background-position: -34px -120px; } .view-mode a.list { background-position: -34px -147px; } .view-mode a.list:hover { background-position:-34px -120px;transition: all 200ms ease 0s;-webkit-transition: all 200ms ease 0s; -moz-transition: all 200ms ease 0s; -ms-transition: all 200ms ease 0s; -o-transition: all 200ms ease 0s;} .view-mode a.grid:hover { background-position:-6px -120px;transition: all 200ms ease 0s;-webkit-transition: all 200ms ease 0s; -moz-transition: all 200ms ease 0s; -ms-transition: all 200ms ease 0s; -o-transition: all 200ms ease 0s;} .view-mode strong.grid { background-position:-6px -120px; } /* Data Table */ .data-table { width:100%; border:1px solid #d9d9d9; } .data-table .odd { background:#fff } .data-table .even { background:#f0f0f0; } /*.data-table tr.odd:hover, .data-table tr.even:hover { background:#ebf1f6; }*/ .data-table td.last, .data-table th.last { border-right:0; } .data-table tr.last th, .data-table tr.last td { border-bottom:0 !important; } .data-table th { padding:5px 8px; font-weight:bold; } .data-table td { padding:5px 8px; } .data-table thead th { font-weight:bold; padding:8px 8px; color:#333; white-space:nowrap; vertical-align:middle; } .data-table thead th.wrap { white-space:normal; } .data-table thead th a, .data-table thead th a:hover { color:#fff; } .data-table thead th { background:#F0F0F0; } .data-table thead th .tax-flag { font-size:11px; white-space:nowrap; } .data-table tfoot { border-bottom:1px solid #d9d9d9; } .data-table tfoot tr.first td { } .data-table tfoot tr { background-color:#F0F0F0 !important; } .data-table tfoot td { padding-top:5px; padding-bottom:5px; border-bottom:0; border-right:1px solid #d9d9d9; } .data-table tfoot strong { font-size:16px; } .data-table tbody th, .data-table tbody td { } /* Bundle products tables */ .data-table tbody.odd tr { background:#fff !important; } .data-table tbody.even tr { background:#F0F0F0 !important; } .data-table tbody.odd tr td, .data-table tbody.even tr td { border-bottom:0; } .data-table tbody.odd tr.border td, .data-table tbody.even tr.border td { border-bottom:1px solid #d9dde3; } .data-table tbody td .option-label { font-weight:bold; font-style:italic; } .data-table tbody td .option-value { padding-left:10px; } /* Generic Info Box */ .info-box { border:1px solid #d0cbc1; padding:12px 15px; margin:0 0 15px; } .info-box h2 { font-weight:bold; font-size:13px; } .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.zeleni-dotik.si/skin/frontend/templatemela/hemptouch/images/bkg_collapse.gif) 0 5px no-repeat; cursor:pointer; } tr.show-details .summary-collapse { background-position:0 -52px; } tr.show-details td {} tr.summary-details td { font-size:11px; background-color:#dae1e4; color:#626465; } tr.summary-details-first td { border-top:1px solid #d2d8db; } tr.summary-details-excluded { font-style:italic; } /* Shopping cart tax info */ .cart-tax-info { 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.zeleni-dotik.si/skin/frontend/templatemela/hemptouch/images/bkg_collapse.gif) 100% 5px 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% -52px; } /* Class: std - styles for admin-controlled content */ .widget-static-block ul li , .std ul.disc li{ list-style:none; padding:2px 0; } .std .subtitle { padding:0; } .std ol.ol { list-style:decimal outside; padding-left:1.5em; } .std ul.disc { list-style:disc outside; padding-left:0px; margin:0 0 10px; } .std dl dt { font-weight:bold; } .std dl dd { margin:0 0 10px; } .std ul, .std ol, .std dl, .std p, .std address, .std blockquote { margin:0 0 6px; padding:0; } .std ul { list-style:disc outside; padding-left:0; } .std ol { list-style:decimal outside; padding-left:0; } .std ul ul { list-style-type:circle; } .std ul ul, .std ol ol, .std ul ol, .std ol ul { margin:.5em 0; } .std dt { font-weight:bold; } .std dd { padding:0 0 0 1.5em; } .std blockquote { font-style:italic; padding:0 0 0 1.5em; } .std address { font-style:normal; } .std b, .std strong { font-weight:bold; } .std i, .std em { font-style:italic; } /* Misc */ .header .links li { display:inline; } .header .links li.first { padding-left:0 ; } .header .links li.last { background:none; padding-right:0; } .link-cart { font-weight:normal; } .link-wishlist , .link-compare {font-weight:normal; } .link-reorder { } .link-print { } .link-rss { background:url(https://www.zeleni-dotik.si/skin/frontend/templatemela/hemptouch/images/i_rss.gif) 0 2px no-repeat; padding-left:18px; line-height:14px; white-space:nowrap; } .btn-remove { display:block; width:11px; height:11px; font-size:0; line-height:0; background:url(https://www.zeleni-dotik.si/skin/frontend/templatemela/hemptouch/images/btn_remove.gif) 0 0 no-repeat; text-indent:-999em; overflow:hidden; } .btn-previous { display:block; width:11px; height:11px; font-size:0; line-height:0; background:url(https://www.zeleni-dotik.si/skin/frontend/templatemela/hemptouch/images/btn_previous.gif) 0 0 no-repeat; text-indent:-999em; overflow:hidden; } .btn-remove2 { display:block; width:16px; height:16px; font-size:0; line-height:0; background:url(https://www.zeleni-dotik.si/skin/frontend/templatemela/hemptouch/images/btn_trash.gif) 0 0 no-repeat; text-indent:-999em; overflow:hidden; } .btn-edit { display:block; width:11px; height:11px; font-size:0; line-height:0; background:url(https://www.zeleni-dotik.si/skin/frontend/templatemela/hemptouch/images/btn_edit.gif) 0 0 no-repeat; text-indent:-999em; overflow:hidden; } .cards-list dt { margin:5px 0 0; } .cards-list .offset { padding:2px 0 2px 20px; } .separator { margin:0 3px; } .divider { clear:both; display:block; font-size:0; line-height:0; height:1px; margin:10px 0; text-indent:-999em; overflow:hidden; } /* Global site notices */ .global-site-notice { border:1px solid #cfcfcf; border-width:0 0 1px; background:#ffff90; font-size:12px; line-height:1.25; text-align:center; } .global-site-notice .notice-inner { width:860px; margin:0 auto; padding:12px 0 12px 80px; background:url(https://www.zeleni-dotik.si/skin/frontend/templatemela/hemptouch/images/i_notice.gif) 20px 25px no-repeat; text-align:left; } .global-site-notice .notice-inner p { margin:0; border:1px dotted #cccc73; padding:10px; } .global-site-notice .notice-inner .actions { padding-top:10px; } /* 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; } /* ======================================================================================= */ /* Header ================================================================================ */ .logo { float:left; } .header .logo { float:left; margin:35px 0; text-decoration:none !important; } .header .logo strong { position:absolute; top:-999em; left:-999em; width:0; height:0; font-size:0; line-height:0; text-indent:-999em; overflow:hidden; } .header h1.logo { margin:0; } .header .quick-access { float:right; padding:0px 0px 0 0; } .header-top .welcome-msg { margin:15px 15px 0 0; float:left; color:#fff; font-size: 12px; text-transform: uppercase; } .header-top .welcome-msg a { color:#ebbc58; } .header .form-search { padding: 0px; margin-top: 49px; } .header .form-search label { float:left; width:24px; height:21px; text-align:left; text-indent:-999em; overflow:hidden; display: none;} .header .form-search input.input-text { padding:9px 35px 9px 10px; font-family:'Poppins',Arial,Helvetica,sans-serif; font-size:13px; transition:all 0.9s ease; -webkit-transition:all 0.9s ease; -moz-transition:all 0.9s ease; -ms-transition:all 0.9s ease; -o-transition:all 0.9s ease; color:#333; width: 800px; background: #fff; border-color: #fff #fff #333 #fff; } .search-wrapper-outer { width: auto; display: inline-block; position: absolute; left: 0; right: 0; z-index: 9; display: none; width: 100%; z-index: 10; top:30%; } .search-wrapper { margin-left: auto; margin-right: auto; display: inline-block; position: relative; } .header .form-search button.button { background: url("https://www.zeleni-dotik.si/skin/frontend/templatemela/hemptouch/images/megnor/search-icon.png") no-repeat scroll 2px -49px; height: 18px; width: 18px; position: absolute; right: 10px; top: 11px; } .header .form-search:hover button.button { } .header .form-search .sbHolder{ padding:9px 10px 9px 10px; width:300px; margin:0 15px 0 0; border-right:none; display: inline-block; vertical-align: bottom; border-color: #fff #fff #333 #fff; } .header .form-search .sbHolder .sbToggle{top:12px;} .header .form-search .sbHolder .sbOptions{top: 39px !important} .header .form-search .sbHolder .sbOptions li{padding:2px 5px;} .searchtoggle { background: url("https://www.zeleni-dotik.si/skin/frontend/templatemela/hemptouch/images/megnor/search-icon.png") no-repeat scroll 2px -49px; height: 18px; width: 18px; position: relative; z-index: 999999; cursor: pointer; } .searchtoggle.active{ background: url("https://www.zeleni-dotik.si/skin/frontend/templatemela/hemptouch/images/megnor/close-icon.png") no-repeat scroll 0px 0px; } .searchoverlay{ background: rgba(255, 255, 255, 1); bottom: 0; left: 0; position: absolute; right: 0; top: 0; z-index: 9; display: none; } .searchoverlay.active{ display:block; } .header .form-search button.button span { border:0; background:none; padding:0 0 0 3px; display: inline; } .header .form-search button.button span span {font-size:0;} .header .form-search .search-autocomplete { z-index:999; left:40px !important; top:22px !important; } .header .form-search .search-autocomplete ul { border:1px solid #5c7989; background-color:#f9f5f0; } .header .form-search .search-autocomplete li { text-align:left; border-bottom:1px solid #f4eee7; padding:2px 8px 1px 8px; cursor:pointer; } .header .form-search .search-autocomplete li .amount { float:right; font-weight:bold; } .header .form-search .search-autocomplete li.odd { background-color:#fffefb; } .header .form-search .search-autocomplete li.selected { background-color:#f7e8dd; } .header-top .form-language{ margin-left: 30px; margin-top: 14px; float:left; background: url(https://www.zeleni-dotik.si/skin/frontend/templatemela/hemptouch/images/bkg_pipe1.png) no-repeat scroll right center; padding-right: 20px; margin-right:5px;} .header-top .form-language label {} .header-top .form-language select.flags option { background-position:4px 50%; background-repeat:no-repeat; padding-left:25px; } .header-top .tm_top_currency { margin-top:14px; margin-left: 20px; float:left; } .header-top .tm_top_currency .sbSelector:link,.header-top .tm_top_currency .sbSelector:visited,.header-top .tm_top_currency .sbSelector:hover,.form-language .sbSelector:link,.form-language .sbSelector:visited,.form-language .sbSelector:hover{color:#fff;} .header-top .tm_top_currency .sbSelector, .form-language .sbSelector {color:#fff; font-size:12px; line-height: 24px; text-transform:uppercase;} .form-language .sbOptions,.header-top .tm_top_currency .sbOptions {background-color:#333; min-width:200px; padding:10px; border:none; left:0; top: 38px !important} .form-language .sbOptions li,.header-top .tm_top_currency .sbOptions li,.form-language .sbOptions a,.header-top .tm_top_currency .sbOptions a {display:inline-block;} .form-language .sbOptions li,.header-top .tm_top_currency .sbOptions li {} .form-language .sbOptions a,.header-top .tm_top_currency .sbOptions a {color:#fff; text-transform: uppercase} .form-language .sbOptions a:hover,.form-language .sbOptions a:focus,.header-top .tm_top_currency .sbOptions a:hover,.header-top .tm_top_currency .sbOptions a:focus { color:#d9d9d9;} .header-top .tm_top_currency label,.header-top .form-language label{ margin-right:5px; float:right; color:#f5f5f5; text-transform: uppercase; font-size: 12px; display:none;} .form-language .sbHolder ,.tm_top_currency .sbHolder{ float:right; padding:0 25px 0 0; border:none;} .form-language .sbToggle,.tm_top_currency .sbToggle { background: none; top:0px; color:#fff; height: auto; width: auto; line-height: normal; } .form-language .sbToggle:before, .tm_top_currency .sbToggle:before{ content: "\f078"; font-family: "FontAwesome"; color: #fff; font-weight: normal; font-size: 8px; line-height: normal; vertical-align:middle; } .form-language .sbToggleOpen,.tm_top_currency .sbToggleOpen { background: none; color:#fff; } .form-language .sbToggleOpen:before,.tm_top_currency .sbToggleOpen:before { content: "\f077"; font-family: "FontAwesome"; color: #fff; font-weight: normal; font-size: 8px; line-height: normal; } .ie7 .header .form-language { width:250px; } .ie7 .header .tm_top_currency{ width:130px; } .header-top-left { float: right; } .tm_headerlinkmenu{float:left; margin-top:14px; padding-right:20px;position: relative;} .header-top .header-cart li{ clear:both; margin-bottom:5px; } .header-top .header-cart ol.mini-products-list li .product-details {width:75%;} .ie7 .header-top .header-cart li{ overflow:hidden; } .header-top .header-cart #panel{ background: #333; border: 1px solid #333; display: none; text-align:left; min-width: 300px; padding: 15px; position: absolute; right: 15px; top: 52px; margin: 0; color:#fff; } .header-top .header-cart #panel .actions{ float:right; margin-top:7px; clear:both;} .header-top .header-cart #panel .actions button.button {clear:none} .header-top .header-cart #panel .actions button.button span{color:#fff; font-weight: 500;} .header-top .header-cart #panel .actions button.button:hover span{color:#333;} .header-top .header-cart #panel .actions button.button > span{background:#333; padding:5px 10px; border:2px solid #fff;} .header-top .header-cart #panel .actions button.button:hover > span{background:#fff;} .header-top .header-cart #panel .actions .viewcart-btn{ margin-right:5px; } .header-top .header-cart #panel .product-name a{ font-size:13px; color:#fff;} .tm_headerlinks_inner{ clear: both;} .header-top .links {float:right;margin:0px 0 10px;clear:both;position:absolute;display:none;background: #333; padding: 15px 20px; z-index: 99; top: 38px; min-width: 150px; right: 0; text-align:left;} .header-top .links li { } .header-top .links li a{ text-decoration:none; color:#fff; text-transform: uppercase; font-size: 12px;} .header-top .links li a:hover{color:#d9d9d9;} .header-container .top-container { clear:both; padding:5px 10px 0 12px; text-align:right; } .header-cart{float:right;margin-top: 0px; position: relative;} #header-cart { border: none; margin: 0; } .cart_text,.cart_item_text{display:inline-block;} .cart_mini_right{ padding: 16px 20px 12px 55px; cursor:pointer; color:#fff; font-size: 12px; font-weight: normal; background: url("https://www.zeleni-dotik.si/skin/frontend/templatemela/hemptouch/images/megnor/top-sprite.png") no-repeat scroll 20px -278px #000; text-transform:uppercase; } .header-cart .right_arrow{ margin: 2px 0 0 6px; vertical-align: middle; display:inline-block; width:10px; height:15px; display: none; } .ie7 .header-cart .right_arrow{ display:inline} .header-cart .active .right_arrow{} .headertoggle_img{ background: url("https://www.zeleni-dotik.si/skin/frontend/templatemela/hemptouch/images/megnor/top-sprite.png") no-repeat scroll 0 4px; display:inline-block; margin: 0 auto; text-align: left; color: #fff; text-transform: uppercase; font-size: 12px; padding-left: 30px; cursor: pointer; } .headertoggle_img:after{ content: "\f078"; display: inline-block; width: 0; height: 0; margin-left: 10px; font-family:"FontAwesome"; font-size: 8px; font-weight: normal; } /********** < Navigation */ .advanced_nav{ display:none; } .nav-inner #nav , .nav-responsive , #advancedmenu{clear: both;} /* All Levels */ /* Style consistent throughout all nav levels */ #nav li { position:relative; text-align:left; } #nav li.over { z-index:998; } #nav a, #nav a:hover { display:block; text-decoration:none; } #nav a:hover , #nav > li:hover > a , #nav li.active > a , .custom_menu:hover a , .cms-home .home_link a , div.menu a:hover ,div.act .parentMenu > a ,div.active .parentMenu > a{color:#333333;} #nav span { display:block; cursor:pointer; white-space:nowrap; } #nav li ul span {white-space:normal; } #nav ul li.parent a { background:url(https://www.zeleni-dotik.si/skin/frontend/templatemela/hemptouch/images/bkg_nav2.gif) 100% 100% no-repeat; margin: 0; text-transform:capitalize; border:none} #nav ul li.parent li a { background-image:none; } /* 0 Level */ #nav li { float:left; padding-bottom: 30px; margin-bottom: -20px;} #nav a , .nav-responsive span {float:left;} #nav a , .nav-responsive span , div.menu a, div.megnor-advanced-menu-popup a { padding: 8px 20px; color: #333333; font-size: 14px; text-decoration: none; text-transform: uppercase; margin-left: 5px; margin-right: 5px; font-weight: 600; border: 2px solid transparent } #nav li.over a, #nav a:hover , div.menu a:hover , div.menu.active a{ color:#666666; border-color: #d9d9d9;} /* 1st Level */ #nav ul li, #nav ul li.active { float:none; margin:0; padding: 5px 20px 5px 20px;} #nav ul li.last { padding-bottom:0; } #nav ul a, #nav ul a:hover { float:none; padding:0; background:none; margin: 0;} #nav ul li a { font-weight: 500; text-transform: capitalize;} /* 2nd Level */ #nav ul ,.responsive-menu #nav-mobile{ background:#fff;} #nav ul, #nav div { position:absolute; width:15em; top:74px; left:-10000px; padding:15px 0; border:1px solid #d9d9d9;} #nav div ul { position:static; width:auto; border:none; } /* 3rd+ Level */ #nav ul ul, #nav ul div { top:5px; } #nav ul li a { } #nav ul li a:hover , #nav > li ul > li:hover > a , .responsive-menu a:hover { } #nav ul li a ,.responsive-menu a { text-decoration:none; display:block; border: none;} #nav ul span, #nav ul li.last li span , .responsive-menu li a { padding:0px; } /* Show menu */ #nav li ul.shown-sub, #nav li div.shown-sub { left:0; z-index:999; } #nav li .shown-sub ul.shown-sub, #nav li .shown-sub li div.shown-sub { left:210px; } /********** Navigation > */ /* ======================================================================================= */ /*==================== Start defaulte menu more links ====================*/ #nav .hidden_menu.menu { position: relative; } #nav .hidden_menu.menu ul.test{ display: none; z-index: 99; left: 0px; } #nav .hidden_menu.menu:hover ul.test { display: block;} #nav .hidden_menu.menu ul a{padding:0px; margin:0px; } #nav .hidden_menu.menu ul a span{white-space: nowrap; } #nav .hidden_menu.menu ul.test li ul,#nav .hidden_menu.menu ul.test li li ul{ display:block;} #nav .hidden_menu.menu ul.test li ul{} #nav .hidden_menu.menu ul li > a:before{ display:none;} /*==================== End defaulte menu more links ====================*/ /* Sidebar =============================================================================== */ .block { border:1px solid #fff; margin:0 0 15px; } .block .block-title { padding: 10px 0px; color: #333; text-transform: uppercase; font-size: 20px; font-weight: 600; position:relative; } .block .block-title strong { display: block; font-weight: 600; } .block .block-title strong span {} .block .block-title a { text-decoration:none !important; } .block .block-subtitle { margin:0; padding:5px 0px; font-weight:normal; } .block .block-content { background:#fff; margin:0px 0 15px 0px; padding:0px; } .block .block-content li{ padding:4px 0; } .block .block-content li a{ text-decoration:none; text-transform: capitalize; } .block .block-content li .product-name a{ font-size:13px; } .block .block-content li.item { padding:5px 0px; } .block .block-content .product-name { margin-top: 0; margin-bottom: 0;} .block .block-content .price-box{margin:0;} .block .btn-remove, .block .btn-edit , #panel .btn-edit ,#panel .btn-remove{ float:right; margin:7px 0 2px 5px; } .block .actions { padding: 5px 0; text-align:left; } .block .actions a { float:left; } .block .actions button.button { float:right; /*clear:both;*/} .block .actions button.button span{padding:0; background:transparent; border:none; font-weight:300; color:#666666; font-size:14px; letter-spacing:0.7px;} .block .actions button.button:hover span{color:#333333} .block .empty { margin:0; padding:5px 0px; } .block .block-content li a.addto-cart { font-size: 13px; } /*.block li.odd { background-color:#f4f3f3; } .block li.even { background-color:#fafafa; }*/ /* Mini Blocks */ /*.block-cart, .block-wishlist, .block-subscribe, .block-compare, .block-reorder, .block-poll, .block-gr-search, .block-viewed, .block-compared, .block-related, .block-tags, .block-login { font-size:11px; line-height:1.25; } .block-cart .block-title strong, .block-wishlist .block-title strong, .block-subscribe .block-title strong, .block-compare .block-title strong, .block-reorder .block-title strong, .block-poll .block-title strong, .block-viewed .block-title strong, .block-compared .block-title strong, .block-related .block-title strong, .block-tags .block-title strong, .block-login .block-title strong { background-position:0 0; background-repeat:no-repeat; padding-left:21px; }*/ /* Mini Products List */ .mini-products-list .product-image { float:left; margin-bottom:10px; } .mini-products-list .product-details { float: left; margin-left: 15px; width: 60%; } .block-cart .mini-products-list .product-details .product-name, .block-cart .mini-products-list .product-details .nobr small { word-wrap:break-word; } .block-cart .mini-products-list .product-details .nobr { white-space:normal !important; } /* Block: Account */ .block-account .block-content li.current{ padding: 2px 0 !important; } .block-account .block-content li.current strong{ font-weight:500; } /* Block: Currency Switcher */ .block-currency { } .block-currency .block-title { } .block-currency .block-title strong { } .block-currency .block-content { } .block-currency .block-content select { } /* Block: Category Navigation */ #category-treeview li a , .block-account .block-content li a , #recently-viewed-items a , .block-brand-nav li a{ display: block; padding: 4px 0 4px 0px; text-decoration: none; } .ie7 #category-treeview li { display:inline } .block-brand-nav .sbHolder li a , .block-brand-nav .sbHolder li a:hover{ background:none; padding-left:5px; } #category-treeview li , .block-account .block-content li , #recently-viewed-items li , .block-brand-nav li{ padding:0 !important; } #category-treeview li a:hover , .block-account .block-content li a:hover ,.block-account .block-content li.current , #recently-viewed-items a:hover , .block-brand-nav li a:hover {} #category-treeview li ul { margin-left:15px; } #category-treeview li ul a {background: url("https://www.zeleni-dotik.si/skin/frontend/templatemela/hemptouch/images/megnor/category-dot.png") no-repeat scroll 0px 13px; padding-left: 15px; padding-top:2px; padding-bottom:2px;} #category-treeview li ul a:hover {background: url("https://www.zeleni-dotik.si/skin/frontend/templatemela/hemptouch/images/megnor/category-dot.png") no-repeat scroll 0px -19px;} #category-treeview li ul li .hitarea {margin-top:3px} #category-treeview li.last a , .block-account .block-content li.last a , #recently-viewed-items li.last a , .block-brand-nav li:last-child a{ border-bottom:none; } #category-treeview .hitarea { background: none; height: 25px; width: 25px; float: right; cursor: pointer; margin-right:0px; margin-top: 5px; text-align: center; clear: both; } #category-treeview .expandable .collapsable-hitarea{ } #category-treeview .expandable .collapsable-hitarea:before{ content:"\02212"; font-family:"FontAwesome"; font-size:13px; font-weight:300; color:#000; } #category-treeview .expandable-hitarea { } #category-treeview .expandable-hitarea:before{ content:"\0002B"; font-family:"FontAwesome"; font-size:13px; font-weight:300; color:#000; } #category-treeview .collapsable-hitarea { } #category-treeview .collapsable-hitarea:before{ content:"\02212"; font-family:"FontAwesome"; font-size:13px; font-weight:300; color:#000; } /* Block: Layered Navigation */ .block-layered-nav {} .block-layered-nav .block-title {} .block-layered-nav .block-subtitle { line-height:1.35; background:#d5e8ff; padding:3px 9px; border:1px solid #b9ccdd; border-width:1px 0; text-transform:uppercase; display:none; } .block-layered-nav .block-content { } .block-layered-nav dt { font-weight: normal; padding: 5px 0px 0px; text-transform: capitalize; font-size: 13px; } .block-layered-nav dd { padding:5px 0px; margin-bottom:10px;} .block-layered-nav a{ } .block-layered-nav a:hover{} .block-layered-nav dd.last { background:none; } .block-layered-nav .currently li { padding:4px 0px 4px 0px; position:relative; z-index:1; line-height:1.5; } .block-layered-nav .currently .label { font-weight:bold; text-transform:uppercase; display:inline-block; vertical-align:top; } .block-layered-nav .currently .value { display:inline-block; vertical-align:top; } .block-layered-nav .currently .btn-previous, .block-layered-nav .currently .btn-remove { position:absolute; right:0px; top:9px; margin:0; background:url("https://www.zeleni-dotik.si/skin/frontend/templatemela/hemptouch/images/btn_remove.gif") no-repeat scroll 0 0 transparent; } .block-layered-nav .currently .btn-previous { right:17px; } .block-layered-nav .actions { padding:4px 0px 4px 0px; text-align:right; } .block-layered-nav .actions a { float:none; background:none; } /* Block: Cart */ .block-cart .block-title { } .block-cart .block-title strong { } .block-cart .summary { margin: 0px 0 0; position: relative; z-index: 1; } #info-wrapper .price,.header-top .header-cart #panel .truncated a{color:#fff;} .header-top .header-cart #panel .item-options dd,.header-top .header-cart #panel .item-options dt{color:#333; margin-top:0;} .block-cart .amount { margin:0; } .block-cart .amount a { font-weight:normal; } .block-cart .subtotal { margin: 5px 0 0; padding: 2px 0; text-align: center; float: left;} .block-cart .subtotal .price { font-weight:bold; } .header-top .header-cart #panel .price{color:#fff;} .block-cart .actions { } .block-cart .actions .paypal-logo { float:left; width:100%; margin:3px 0 0; text-align:right; } .block-cart .actions .paypal-logo .paypal-or { clear:both; display:block; padding:0 55px 8px 0; } /* Block: Wishlist */ .block-wishlist .block-title strong { } .block-wishlist .actions { text-align:left; } .block-wishlist .actions a , .block-related .actions a { float:none; } #wishlist-table .add-to-cart-alt .input-text{ margin-bottom:8px; } /* Block: Related */ .block-related .block-title strong {} .block-related input.checkbox { float:left; } .block-related .tm-checkbox .tm-hide { opacity: 1; } .block-related .product { margin-left:20px; } .block-related li{ position:relative; } .block-related .tm-checkbox{ position:absolute; left:2px;} /* Block: Compare Products */ .block-compare .block-title strong {} .block-compare button.button span { } .page-popup .link-print { background:url(https://www.zeleni-dotik.si/skin/frontend/templatemela/hemptouch/images/i_print.gif) 0 2px no-repeat; padding:2px 0 2px 25px; font-weight:bold; color:#1e7ec8; } .compare-table { border:0; } .compare-table .add-to-links li a.link-wishlist { margin-top: 5px; font-size: 0; color: #333; display: inline-block; text-align: center; letter-spacing: 0; line-height: 20px; } .compare-table thead tr.first th, .compare-table thead tr.first td { border:0; background:none; padding:0; font-size:0; line-height:0; } .compare-table .btn-remove { float:right; background-image:url(https://www.zeleni-dotik.si/skin/frontend/templatemela/hemptouch/images/btn_remove2.gif); width:72px; height:15px; } .compare-table tbody th { } .compare-table tbody th, .compare-table tbody td { padding:10px; border:0; border-top:1px solid #ccc; border-left:1px solid #ccc; } .compare-table tbody td.last { border-right:1px solid #ccc; } .compare-table tbody tr.last th, .compare-table tbody tr.last td { border-bottom:1px solid #ccc !important; } .compare-table tr.add-to-row td {text-align:center; } .compare-table tr.first td { text-align:center; } .compare-table tr.first td .product-name { } .compare-table tr.first td .product-name a { } .compare-table tr.first td .ratings { width:69px; margin:0 auto; } .compare-table tr.first td p, .compare-table tr.add-to-row td p { margin:0; } /* Block: Recently Viewed */ .block-viewed .block-title strong { } /* Block: Recently Compared */ .block-compared .block-title strong { } /* Block: Poll */ .block-poll .block-title strong { } .block-poll .block-subtitle { } .block-poll label { color:#777; } .block-poll input.radio { } .block-poll .label { margin-left: 3px; } .block-poll li { padding:3px 9px; } .block-poll .actions { margin:5px 0 0; } .block-poll button.button span { } .block-poll .answer { font-weight:bold; } .block-poll .votes { float:right; margin-left:10px; } /* Block: Orders and Returns */ .block-gr-search li { padding:3px 9px; } .block-gr-search button.button span { } /* Block: Tags */ .block-tags .block-title strong { } .block-tags .block-content .tags-list { background:none; border:0; font-size:12px; } .block-tags .block-content a { } .block-tags .actions { text-align:left; } .block-tags .actions a { float:none; } /* Block: Subscribe */ .block-subscribe .block-content { padding:5px 10px; } .block-subscribe .block-title strong { } .block-subscribe label { font-weight:normal; } .block-subscribe input.input-text { display:block; margin:3px 0 5px; padding:6px 15px; background:none; color:#fff; border:1px solid #666;} .block-subscribe .actions { background:none; padding:0; margin:3px 0 0; text-align:left; } .block-subscribe .actions button.button { float:left; } .block-subscribe .actions button.button span{ background: none; border: 2px solid #FFFFFF; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; -khtml-border-radius: 0; color: #FFFFFF; font-size: 13px; margin-top: 17px; padding: 6px 12px 4px; text-align: center; text-transform: capitalize; transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; width: auto; font-weight:600; } .block-subscribe .actions button.button:hover span{ background:#FFFFFF; color:#000000; } /* Block: Reorder */ .block-reorder .block-title strong { } .block-reorder input.checkbox { float:left; margin:2px -20px 0 0; } .block-reorder .product-name { margin-left:0px; display:inline; } .block-reorder .validation-advice { margin:3px 9px 7px; } /* Block: Banner */ .block-banner { border:0; margin-bottom:45px;} .block-banner .block-content { padding:0; text-align:center; } /* Block: Login */ .block-login .block-content { padding:5px 10px; } .block-login label { font-weight:bold; color:#666; } .block-login input.input-text { display:block; width:167px; margin:3px 0; } .block-login .actions { background:none; padding:0; margin:3px 0 0; } .block-login .actions button.button span { border-color:#406a83; background:#618499; } /* Paypal */ .sidebar .paypal-logo { display:block; margin:10px 0; text-align:center; } .sidebar .paypal-logo a { float:none; } /* ======================================================================================= */ /* Category Page ========================================================================= */ .category-title { border:0; margin:0 0 0px; padding:0; } .category-image { width:100%; overflow:hidden; margin:0 0 15px; text-align:center; display:none} .category-image img {} .category-description { margin:0 0 10px; display: none;} .category-products {} .category-title h2 a{ padding:0 !important; } .category-title h2 , .category-title h2 a, .crosssell h2{ background: none; color: #333; font-size: 30px; padding: 10px 0 30px; text-transform: uppercase; font-weight: 600; line-height: 40px; margin: 0 0 20px; text-align: center; background:url("https://www.zeleni-dotik.si/skin/frontend/templatemela/hemptouch/images/megnor/title-divider.png") no-repeat scroll center bottom; } h2.product-name{ background:none; margin:25px 0 5px;} .data-table h2.product-name{margin:0 0 5px;} /* View Type: Grid */ .products-grid{ width:100%; margin-left: -15px; margin-right: -15px;} .products-grid li.item , .col-main .slider-item{ float:left; width:280px; padding:0; list-style:none; } .products-grid li.first_item_tm{ } .products-grid li.last_item_tm{ } .products-grid li .product-block,.product-carousel li .product-block{ background: #FFFFFF; clear: both; margin: 5px 15px 30px; overflow: hidden; } .products-grid li .product-block-inner,.product-carousel li .product-block-inner{ overflow: hidden; padding: 0px; position: relative; text-align: center; } a.product-image { display:block; margin:0 0 10px; position:relative; } .product-block img{width:100%; max-width:100%; height:auto;} .products-grid .product-name,.product-carousel .product-name { margin:25px 0 5px; font-weight:normal; font-size:14px; padding: 0;} .products-grid .product-name a { } .products-grid .price-box,.product-carousel .price-box { margin:5px 0 0; } .products-grid .availability,.product-carousel .availability { border: 2px solid #d83820; padding: 4px 20px; font-size:13px; } .products-grid .availability.in-stock, .product-carousel .availability.in-stock{ border:2px solid green; } .product-carousel .product-block{ background: #FFFFFF; clear: both; margin: 5px 15px 30px; overflow: hidden; } .product-carousel .product-block-inner{ overflow: hidden; padding: 0px; position: relative; text-align: center; } .product-block-inner .new-label{ display: block; position: absolute; top: 0px; right: 0px; text-align: center; text-transform: capitalize; color: #000; font-size: 12px; z-index: 9; letter-spacing: 1px; background: #e6e6e6; padding: 0 5px; line-height: 24px; opacity: 0; -webkit-opacity: 0; -moz-opacity: 0; -khtml-opacity: 0; transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; font-weight: 500; } .product-block:hover .new-label{ opacity:1; -webkit-opacity:1; -moz-opacity:1; -khtml-opacity:1; } .product-block-inner .sale-label{ display: block; position: absolute; top: 0px; left: -5px; text-align: center; text-transform: uppercase; font-size: 11px; z-index: 9; letter-spacing: 1px; color: #fff; padding: 10px 10px 0px; line-height: 30px; transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); font-weight: 500; } .product-block-inner .sale-label:before{ content: ""; position: absolute; left: 0; right: 0; transform: rotate(45deg); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); border-top: 50px solid #fc3b3b; border-right: 50px solid transparent; z-index: -1; width: 0; height: 0; } .products-list li .list-left .new-label{ display: block; position: absolute; top: 0px; right: 0px; text-align: center; text-transform: capitalize; color: #000; font-size: 12px; z-index: 9; letter-spacing: 1px; background: #e6e6e6; padding: 0 5px; line-height: 24px; opacity: 0; -webkit-opacity: 0; -moz-opacity: 0; -khtml-opacity: 0; transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; font-weight: 500; } .products-list li .list-left:hover .new-label{ opacity:1; -webkit-opacity:1; -moz-opacity:1; -khtml-opacity:1; } .products-list li .list-left .sale-label{ display: block; position: absolute; top: 0px; left: -5px; text-align: center; text-transform: uppercase; font-size: 11px; z-index: 9; letter-spacing: 1px; color: #fff; padding: 10px 10px 0px; line-height: 30px; transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); font-weight: 500; } .products-list li .list-left .sale-label:before{ content: ""; position: absolute; left: 0; right: 0; transform: rotate(45deg); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); border-top: 50px solid #fc3b3b; border-right: 50px solid transparent; z-index: -1; width: 0; height: 0; } .hover-image{ position:absolute; opacity:0; -webkit-opacity:0; -moz-opacity:0; -khtml-opacity:0; top: 0; left: 0; right: 0; transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s; -moz-transition:all 0.3s ease 0s; -ms-transition:all 0.3s ease 0s; -o-transition:all 0.3s ease 0s; visibility:hidden; max-width: 100%; height:auto; } a.product-image:hover .hover-image{ opacity:1; -webkit-opacity:1; -moz-opacity:1; -khtml-opacity:1; visibility:visible; } .product-block .actions { opacity:0; -webkit-opacity:0; -moz-opacity:0; -khtml-opacity:0; transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s; -moz-transition:all 0.3s ease 0s; -ms-transition:all 0.3s ease 0s; -o-transition:all 0.3s ease 0s; } .product-block:hover .actions{ opacity:1; -webkit-opacity:1; -moz-opacity:1; -khtml-opacity:1; } .tab-main-title { text-align: center; background: url("https://www.zeleni-dotik.si/skin/frontend/templatemela/hemptouch/images/megnor/title-divider.png") no-repeat scroll center bottom; color: #333333; font-size: 40px; font-weight: 700; line-height: 40px; margin: 0 0 20px; padding-bottom: 30px; text-transform: uppercase; } .tabbernav_product_sub ul.tabbernav_product { clear: both; position: relative; text-align: center; padding: 0px; margin: 0px 0px 35px; } .tabbernav_product_sub .tabbernav_product li { display: inline-block; list-style: outside none none; padding: 0px; position: relative; text-align: center; } .tabbernav_product_sub ul.tabbernav_product li a { color: #333; display: block; font-size: 14px; font-weight: 600; margin: 0 5px; padding: 6px 25px; text-align: center; border: 2px solid transparent; text-transform: uppercase; } .tabbernav_product_sub ul.tabbernav_product li a.selected { border-color: #333; color: #333; } .view_actions{ text-align:center; margin-top: 30px; } .view_actions a{ padding: 5px 70px; margin-top: 50px; border: 2px solid #333333; color: #333333; text-transform: capitalize; font-weight: 600; } .view_actions a:hover{ background: #333333; color: #fff; } .tabberlive_outer_sub { clear: both; } .tabbernav_product_sub { margin-bottom: 65px; } .tabbernav_product_sub .category-title{display:none} .tabs .tab_product{ position:relative; /*margin-left:-15px; margin-right:-15px;*/ /* Remove these comments if you want to make it carousel */ } /* View Type: List */ .products-list li.item { margin-bottom: 20px; } .products-list li .list-left{ float:left; margin-right: 30px; position:relative; overflow:hidden;} .products-list li .list-center { overflow: hidden; padding-top:45px; } .products-list li .list-right{ padding-left: 10px; overflow:hidden; } .products-list li.item.last { } .products-list .product-image { float:left; margin:0 0 10px; } .products-list .product-shop { } .products-list .product-name { margin: 0; font-weight: normal;} .products-list .product-name a { font-weight: 600; text-transform: uppercase; color: #333; font-size: 16px; } .products-list .product-name a:hover{ color:#666; } .products-list .price-box { margin:3px 0px 5px 0; } .products-list .availability { padding: 4px 30px; border: 2px solid #d83820; } .products-list .desc { clear:both; padding:0px 0 0; margin:0 0 15px; } .products-list .desc .link-learn { font-size:12px; } .products-list .add-to-links { clear:both; margin-top:20px; } .products-list .add-to-links li { } .products-list .add-to-links .separator { display:inline; margin:0 2px; display: none;} .products-list li .ratings .rating-box{ float:left; margin: 15px 0; } /* ======================================================================================= */ /* Product View ========================================================================== */ /********************** Product View Tabs */ .product-view .tabs { margin: 80px 0px 0 0; overflow:hidden; /*zoom: 1;*/ } .product-view .tabs li { float: left; background: #fff; margin-right: 10px; } .product-view .tabs li.first { border-left:0; } .product-view .tabs li.last { border-right:0; } .product-view .tabs a { display: block; padding: 6px 20px; color: #333; text-decoration: none; font-weight: 700; text-transform: uppercase; border: 2px solid #d9d9d9;} .product-view .tabs a:hover { background: #333; color: #fff; border-color: #333;} .product-view .tabs li.active a, .product-view .tabs li.active a:hover { background:#333;color:#fff; border-color: #333;} #product_tabs_tags_tabbed_contents.input-box input { width: 300px; } #product_tabs_tags_tabbed_contents .input-box { float:left; margin-bottom:6px;} #product_tabs_related_tabbed_contents li .product-images span {} #product_tabs_related_tabbed_contents ol { clear: both;} .product-collateral:after { content:"."; display:block; clear:both; font-size:0; line-height:0; height:0; overflow:hidden; /*zoom: 1*/} .product-collateral .padder{ padding: 30px 0px; background: #FFF; border-bottom: 1px solid #d9d9d9; margin-bottom: 50px; } #product_tabs_description_tabbed_contents h2,#product_tabs_related_tabbed_contents .block-title { display:none; } .padder h6{ font-size: 16px; font-weight: 700; margin-bottom: 10px; display:none; padding: 10px 0px; position:relative; text-transform:uppercase; } /* Rating */ .products-grid .description,.product-carousel .description { position: absolute; left: 0; right: 0; opacity:1; -webkit-opacity:1; -moz-opacity:1; -khtml-opacity:1; } .products-grid .product-block:hover .description,.product-carousel .product-block:hover .description{ opacity:0; -webkit-opacity:0; -moz-opacity:0; -khtml-opacity:0; } .no-rating { margin:0 0 10px; } .ratings { } .ratings strong { float:left; margin:1px 3px 0 0; } .ratings .rating-links { margin:0; display:none; } .ratings .rating-links .separator { margin:0 2px; } .ratings dt {} .ratings dd {} .rating-box { width:80px; height:13px; font-size:0; line-height:0; background:url(https://www.zeleni-dotik.si/skin/frontend/templatemela/hemptouch/images/bkg_rating.png) 0 0 repeat-x; text-indent:-999em; overflow:hidden; } .rating-box .rating { float:left; height:13px; background:url(https://www.zeleni-dotik.si/skin/frontend/templatemela/hemptouch/images/bkg_rating.png) 0 100% repeat-x; } .ratings .rating-box { margin-right:0px; display:inline-block; } .ratings .amount {padding: 10px 10px; float: left;} .product-carousel .ratings .amount,.products-grid .ratings .amount {display:none} .ratings-table th, .ratings-table td { font-size:11px; line-height:1.15; padding:3px 0; } .ratings-table th { font-weight:bold; padding-right:8px; } /* Availability */ .availability { margin:0; } .availability span { font-weight:bold; } .availability.in-stock span {} .availability.out-of-stock span { color:#d83820; font-size:13px;} .availability-only { margin:10px 0 7px; line-height:25px; background:url(https://www.zeleni-dotik.si/skin/frontend/templatemela/hemptouch/images/megnor/availability.png) 0 3px no-repeat; padding-left:30px; } .availability-only span, .availability-only a { } .availability-only a { background:url(https://www.zeleni-dotik.si/skin/frontend/templatemela/hemptouch/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; font-size:10px; padding:0 8px; } .availability-only-details td { background:#ebf0f3; border-bottom:1px solid #fff; font-size:11px; padding:2px 8px 1px; } .availability-only-details tr.odd td.last { color:#d95e00; font-weight:bold; } .product-view .product-shop .availability { } .product-view .product-shop .availability span { font-weight:normal; color: green; } .product-view .product-shop .availability.out-of-stock span {color: #ff0000} /* Email to a Friend */ .email-friend { margin:0; } /* Alerts */ .alert-price { margin:0; font-size:11px; } .alert-stock { margin:0; font-size:11px; } /********** < Product Prices */ .price { white-space:nowrap !important; color: #000; } .price-box { margin:5px 0 0; } .price-box .price { font-weight:600; font-size:15px; } /* Regular price */ .regular-price {} .regular-price .price { font-size: 15px; } .block .regular-price, .block .regular-price .price { } /* Old price */ .old-price { margin:0; text-decoration: line-through; display: inline-block;} .old-price .price-label { white-space:nowrap; color:#999; display: none;} .old-price .price { font-weight:600; color:#666; font-size:14px; text-decoration:line-through; } /* Special price */ .special-price { margin:0; padding:3px 0; display: inline-block;} .special-price .price-label { font-size:13px; font-weight:bold; white-space:nowrap; color:#cd5033; display: none;} .special-price .price { font-size: 16px; font-weight: 600;} /* Minimal price (as low as) */ .minimal-price { margin:0; } .minimal-price .price-label { font-weight:bold; white-space:nowrap; } .minimal-price-link { display:block; margin:3px 0; } .minimal-price-link .label {color:#1e7ec8;} .minimal-price-link .price { font-weight:normal; color:#1e7ec8; font-size:13px; } /* Excluding tax */ .price-excluding-tax { display:block; color:#999; } .price-excluding-tax .label { white-space:nowrap; color:#999; } .price-excluding-tax .price { font-size:13px; font-weight:normal; color:#c76200; } /* Including tax */ .price-including-tax { display:block; color:#999; } .price-including-tax .label { white-space:nowrap; color:#999; } .price-including-tax .price { font-size:13px; font-weight:bold; color:#c76200; } /* Configured price */ .configured-price { margin:0; } .configured-price .price-label { font-weight:bold; white-space:nowrap; } .configured-price .price { font-weight:bold; } /* FPT */ .weee { display:block; font-size:11px; color:#444; } .weee .price { font-size:11px; font-weight:normal; } /* Excl tax (for order tables) */ .price-excl-tax { display:block; } .price-excl-tax .label { display:block; white-space:nowrap; } .price-excl-tax .price { display:block; } /* Incl tax (for order tables) */ .price-incl-tax { display:block; } .price-incl-tax .label { display:block; white-space:nowrap; } .price-incl-tax .price { display:block; font-weight:bold; } /* Price range */ .price-from { margin:0; } .price-from .price-label { font-weight:bold; white-space:nowrap; } .price-to { margin:0; } .price-to .price-label { font-weight:bold; white-space:nowrap; } /* Price notice next to the options */ .price-notice { padding-left:10px; color:#999; } .price-notice .price { font-weight:bold; } /* Price as configured */ .price-as-configured { margin:0; } .price-as-configured .price-label { font-weight:bold; white-space:nowrap; } .price-box-bundle { padding:0 0 10px 0; } .price-box-bundle .price-box { margin:0 !important; padding:0 !important; } /********** Product Prices > */ /* Tier Prices */ .product-pricing, .tier-prices { margin: 10px 0; padding: 10px; background-color: #fff; border: 1px solid #d9d9d9; clear:both; } .tier-prices li { line-height:1.4; padding:2px 0 2px 0px; } .tier-prices .benefit { font-style:italic; font-weight:bold; } .tier-prices .price { font-weight:bold; } .tier-prices-grouped li { padding:2px 0; color:#e26703; } .tier-prices-grouped li .price { font-weight:bold; } /* Add to Links */ .add-to-links { margin:5px 0 0; position: relative;} .add-to-links li{ list-style:none; display: inline-block;} .add-to-links .separator { display:none; } .add-to-links li a.link-wishlist{ background:#fff; border:2px solid #333; padding:4px 10px; transition:all 0.3s ease; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -ms-transition:all 0.3s ease; -o-transition:all 0.3s ease; line-height:23px; } .products-grid .add-to-links li a.link-wishlist,.product-carousel .add-to-links li a.link-wishlist { position: absolute; bottom: 0; left: 0px; } .products-grid .product-block:hover .actions .add-to-links li a.link-wishlist,.product-carousel .product-block:hover .actions .add-to-links li a.link-wishlist {left:20px;} .add-to-links li a.link-wishlist:hover{background:#333;} .add-to-links li a.link-compare{ background:#fff; border:2px solid #333; padding:4px 10px; transition:all 0.3s ease; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -ms-transition:all 0.3s ease; -o-transition:all 0.3s ease; line-height:23px; } .products-grid .add-to-links li a.link-compare,.product-carousel .add-to-links li a.link-compare{ position: absolute; bottom: 0; right: 0px; } .products-grid .product-block:hover .actions .add-to-links li a.link-compare,.product-carousel .product-block:hover .actions .add-to-links li a.link-compare {right:20px;} .add-to-links li a.link-compare:hover{background:#333;} .add-to-links li a.link-wishlist:before{ content:"\f004"; font-family:"FontAwesome"; font-size:10px; color:#333; } .add-to-links li a.link-wishlist:hover:before{ color:#fff; } .add-to-links li a.link-compare:before{ content:"\f1fe"; font-family:"FontAwesome"; font-size:10px; color:#333; } .add-to-links li a.link-compare:hover:before{ color:#fff; } /* Add to Cart */ .add-to-cart label { float: left; margin-right: 20px; font-weight: 500; color: #000; margin-top: 5px; font-size: 18px; } .add-to-cart .qty { float: left; margin:0 10px; width: 40px !important; text-align: center; border: 2px solid #d9d9d9; } .qty-decrease { width: 35px; height: 35px; background: url(https://www.zeleni-dotik.si/skin/frontend/templatemela/hemptouch/images/quantity.png) no-repeat scroll 6px -33px #fff; border: none; cursor: pointer; float: left; border:2px solid #d9d9d9; } .qty-decrease:hover { background-color:#333; border-color:#333; } .qty-increase { width: 35px; height: 35px; background: url(https://www.zeleni-dotik.si/skin/frontend/templatemela/hemptouch/images/quantity.png) no-repeat scroll 6px 1px #fff; border: none; cursor: pointer; float: left; border:2px solid #d9d9d9; } .qty-increase:hover { background-color:#333; border-color:#333; } .add-to-cart button.button { float:left; margin-left: 20px;} .add-to-cart button.button span{padding:6px 30px 4px;} .add-to-cart .paypal-logo { clear:left; margin:0; text-align:right; } .add-to-cart .paypal-logo .paypal-or { clear:both; display:block; margin:5px 60px 5px 0; } .product-view .add-to-cart .paypal-logo { margin:0; } /* Add to Links + Add to Cart */ .add-to-box { margin:10px 0; clear:both} .add-to-box .add-to-cart { } .add-to-box .or { float:left; font-weight:bold; margin:0 7px; color:#666; } .add-to-box .add-to-links { float:left; margin:0; text-align:left; } .add-to-box .add-to-links li { margin-right:10px; } .add-to-box .add-to-links li .separator { display:none !important; } .product-view { } .product-essential h2 {display:none; } .product-collateral { } .product-collateral h2 ,.related-products .block-subtitle ,.box-tags h3{ font-weight:normal; font-size:15px; border-bottom:1px solid #dedede; padding:0 0 10px; margin:0 0 15px; } .product-collateral .box-collateral { margin:0 0 25px; } .related-products .block-subtitle{ margin-top:10px; } /* Product Images */ .product-view .product-img-box { float:left; width:45%; margin-right: 35px; } .col3-layout .product-view .product-img-box { float:none; margin:0 auto; } .product-view .product-img-box .product-image { margin: 0 0 13px; position: relative; z-index: 1;} .product-view .product-img-box .product-image #wrap{ } .product-view .product-img-box .product-image-zoom { position: relative; width: 526px; height: 682px; overflow: hidden; z-index: 9; margin: 0; } .product-view .product-img-box .product-image-zoom img { position:absolute; left:0; top:0; cursor:move; } .product-view .product-img-box .zoom-notice { font-size:11px; margin:0 0 5px; text-align:center; } .product-view .product-img-box .zoom { position:relative; z-index:9; height:18px; margin:0 auto 13px; padding:0 28px; background:url(https://www.zeleni-dotik.si/skin/frontend/templatemela/hemptouch/images/slider_bg.gif) 50% 50% no-repeat; cursor:pointer; } .product-view .product-img-box .zoom.disabled { -moz-opacity:.3; -webkit-opacity:.3; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";/*IE8*/ opacity:.3; } .product-view .product-img-box .zoom #track { position:relative; height:18px; } .product-view .product-img-box .zoom #handle { position:absolute; left:0; top:-1px; width:9px; height:22px; background:url(https://www.zeleni-dotik.si/skin/frontend/templatemela/hemptouch/images/magnifier_handle.gif) 0 0 no-repeat; } .product-view .product-img-box .zoom .btn-zoom-out { position:absolute; left:2px; top:0; } .product-view .product-img-box .zoom .btn-zoom-in { position:absolute; right:2px; top:0; } .product-view .product-img-box .more-views h2 { font-size:11px; border-bottom:1px solid #ccc; margin:0 0 8px; text-transform:uppercase; } .product-view .product-img-box .more-views ul { margin-left:-9px } .product-view .product-img-box .more-views li { float:left; margin:0 0 8px 9px; } .product-view .product-img-box .more-views li a { float:left; width:56px; height:56px; border:2px solid #ddd; overflow:hidden; } .product-image-popup { margin:0 auto; } .product-image-popup .buttons-set { float:right; clear:none; border:0; margin:0; padding:0; } .product-image-popup .nav { font-weight:bold; margin:0 100px; text-align:center; } .product-image-popup .image { display:block; margin:10px 0; } .product-image-popup .image-label { font-size:13px; font-weight:bold; margin:0 0 10px; } /* Product Shop */ .product-view .product-shop { float:right; width:50%; } .col1-layout .product-view .product-shop { float:left; width:52%; } .col3-layout .product-view .product-shop { float:none; width:auto; } .product-view .product-shop .product-name { margin:0 0 10px; } .product-view .product-shop .product-name h1 { margin: 0; font-weight: 600; text-transform: uppercase; } .product-view .product-shop .availability { margin: 15px 0 10px; text-align:left; } .product-view .product-shop .short-description { margin:15px 0; } .product-view .product-shop .price-box { margin:15px 0 10px; } .product-view .product-shop .product-options-bottom .price-box{display:none} .product-view .product-shop .price-box .price{ font-size:22px; font-weight:500; } .product-view .product-shop .price-box .old-price{font-size:18px; font-weight:400;} .product-view .product-shop .add-to-links { margin:0px 0; font-size:13px; float: left;} .product-view .product-shop .add-to-links li{ display:inline; } .product-view .product-shop .add-to-links li .separator { display:none; } .product-view .product-shop .add-to-links a.link-wishlist{ margin-right:15px; padding: 0; border: none; } .product-view .product-shop .add-to-links a.link-wishlist:before{margin-right:10px; color:#333;} .product-view .product-shop .add-to-links a.link-wishlist:hover{background:transparent;} .product-view .product-shop .add-to-links a.link-compare{ padding: 0; border: none; } .product-view .product-shop .add-to-links a.link-compare:before{margin-right:10px; color:#333;} .product-view .product-shop .add-to-links a.link-compare:hover{background:transparent;} .product-view .product-shop .ratings .rating-links{ display:block; } .email-addto-box{margin-bottom: 10px;} .email-addto-box .email-friend { float:left; margin-right:15px; } .email-addto-box .email-friend a{ transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; } .email-addto-box .email-friend a:before{ content:"\f0e0"; font-family:"FontAwesome"; margin-right:10px; color:#333; font-size:12px;} .email-addto-box .email-friend a:hover{} .email-addto-box .email-friend a:hover:before{} #prev-next-links{ float:right; margin-top:-25px; width:55px;} #prev-next-links a{height:22px; width:22px; display:block; margin-bottom:0; text-decoration:none; text-align: center; border:1px solid #d9d9d9;} #prev-next-links a#link-previous-product{float:left;} #prev-next-links a:hover {border-color:#333;} #prev-next-links a:before{color:#666; line-height:normal;} #prev-next-links a:hover:before{color:#333;} #prev-next-links a#link-previous-product:before{ content:"\f0d9"; font-family:"FontAwesome"; } #prev-next-links a#link-next-product{float:right;} #prev-next-links a#link-next-product:before{ content:"\f0da"; font-family:"FontAwesome"; } /* Product Options */ .product-options { margin: 0; padding: 0 0 10px; position: relative; z-index:2; } .product-options dt { padding:10px 0 0; font-weight:normal; } .product-options dt label { font-weight:normal; } .product-options dt label.required em { color:#DD4B39; margin-left:5px; } .product-options dd .qty-holder { display:block; padding:10px 0 0; } .product-options dd .qty-holder label { vertical-align:middle; } .product-options dt .qty-disabled { background:none; border:0; padding:3px; } .product-options dd { padding:5px 10px 10px; margin:0 0 5px; } .product-options dl.last dd.last { border-bottom:0; padding-bottom:5px; margin-bottom:0; } .product-options dd input.input-text { width:98%; } .product-options dd input.datetime-picker { width:150px; } .product-options dd .time-picker { display:-moz-inline-box; display:inline-block; padding:2px 0; vertical-align:middle; } .product-options dd textarea { width:98%; height:8em; } .product-options dd select { width:98%; } .product-options dd .multiselect option { border-bottom:1px dotted #d9e5ee; padding:2px 4px; } .product-options ul.options-list { margin-right:5px; } .product-options ul.options-list li { line-height:1.5; padding:2px 0; } .product-options ul.options-list input.radio { margin-top:3px; margin-right:9px; } .product-options ul.options-list input.checkbox { margin-top:3px; float:left; } .product-options ul.options-list .label {display:inline; } .product-options ul.options-list label { font-weight:normal; } .product-options ul.validation-failed { padding:0 7px; } .product-options p.note { margin:0; font-size:11px; } .product-options p.required { position:absolute; right:0px; top:0px; } .product-options-bottom { padding:10px 0px; } .product-options-bottom .product-pricing, .product-options-bottom .tier-prices { margin:0; padding:0 0 10px; border:0; background:0; color:#e26703; } .product-options-bottom .tier-prices li { background:0; padding:2px 0; } .product-options-bottom .tier-prices .price, .product-options-bottom .tier-prices .benefit { color:#e26703; } .product-options-bottom .price-box { float:left; margin:0; padding:0; } .product-options-bottom .add-to-links { clear:both; padding:5px 0 0; text-align:right; } .col3-layout .product-options-bottom .price-box { float:none; padding:0 0 5px; } .product-options-bottom .price-label { float:left; padding-right:5px; } .product-options-bottom .price-tax { float:left; } .add-to-cart { float: left; margin: 10px 0 20px; width: 100%; background: #f2f2f2; padding: 20px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; } .product-shop .product-options-bottom { margin:0 0 10px; } .product-options-bottom .product-shop .price-box { float:none; margin:0 0 5px; display:none;} .product-shop .price-label { float:none; padding-right:0; } .product-shop .price-tax { float:none; } .product-shop .add-to-cart-box { float:left; padding-top:12px; } .product-shop .add-to-links { padding:5px 0 0; text-align:left; display:none; } .products-list .product-shop .add-to-links{display:block;} .product-shop .email-addto-box .add-to-links{display:block; padding:0;} /* Grouped Product */ .product-view .grouped-items-table .price-box { margin:0; padding:0; } /* Block: Description */ .product-view .box-description {} /* Block: Additional */ .product-view .box-additional .data-table th, .product-view .box-additional .data-table td { line-height:1.25; } /* Block: Upsell */ /*.product-view .box-up-sell h2 { padding:0 0 10px; margin:0 0 8px; } */ .product-view .box-up-sell .products-grid .product-image { text-align:center; } .product-view .box-up-sell .products-grid .ratings .rating-box { float:none; display:block; margin:0 0 3px; } /* Block: Tags */ .product-view .box-tags { margin:0; } .product-view .box-tags h3 { } .product-view .box-tags .product-tags { display:block; margin:0 0 15px; } .product-view .box-tags .product-tags li { display:inline; background:url(https://www.zeleni-dotik.si/skin/frontend/templatemela/hemptouch/images/bkg_pipe1.gif) 100% 4px no-repeat; padding:0 7px 0 4px; } .product-view .box-tags .product-tags li.first { padding-left:0; } .product-view .box-tags .product-tags li.last { background:none; padding-right:0; } .product-view .box-tags .form-add label { display:block; margin:0 0 5px; } .product-view .box-tags .form-add .input-box { float:left; } .product-view .box-tags .form-add input.input-text { width:300px; margin-right:5px; } .product-view .box-tags .form-add button.button span { } .product-view .box-tags .note { margin:3px 0 0; padding:0 0 0px; font-size:12px; } /* Block: Reviews */ .product-view .box-reviews dl { margin:15px 0; } .product-view .box-reviews dt a, .product-view .box-reviews dt span { font-weight:bold; } .product-view .box-reviews dd { margin:0 0 15px; } .product-view .box-reviews dd small { font-style:italic; } .product-view .box-reviews .form-add { margin:15px 0 0; } .product-view .box-reviews .form-add h3 { font-size:13px; font-weight:normal; } .product-view .box-reviews .form-add h3 span { font-weight:bold; } .product-view .box-reviews .form-add h4 { font-size:12px; } .product-view #product-review-table{ max-width:180px; margin:15px 0; } .product-view #product_tabs_review_tabbed_contents .form-list .input-box{ max-width:500px; width:100%; } .product-view #product_tabs_review_tabbed_contents .form-list textarea{ width:95%; } .product-view .box-reviews .form-add .data-table td { text-align:center; } .product-view .box-reviews .form-add .form-list { margin:15px 0 0; } .product-view .box-reviews .form-add .form-list .input-box { width:360px; } .product-view .box-reviews .form-add .form-list input.input-text, .product-view .box-reviews .form-add .form-list textarea { width:354px; } /* Send a Friend */ .send-friend .form-list { width:615px; } .send-friend .form-list li { margin-right:-15px; } .send-friend .form-list li p { margin:0 15px 0 0; } .send-friend .form-list .field { width:315px; } .send-friend .form-list .input-box { width:300px; } .send-friend .form-list input.input-text, .send-friend .form-list textarea { width:294px; } .send-friend .form-list li.wide .input-box { width:612px; } .send-friend .form-list li.wide textarea { width:609px; } .send-friend .buttons-set .limit { float:right; margin:0 7px 0 0; font-size:11px; line-height:21px; } /* ======================================================================================= */ /* Content Styles ================================================================= */ .product-name { margin:25px 0 5px; font-size:1em; font-weight:normal; } .product-name a , .product-review .product-name { font-size: 14px; text-decoration: none; margin-bottom: 5px; text-transform: capitalize; } .product-name a:hover{ color:#333; } /* Product Tags */ .tags-list { display:block; border:1px solid #d9d9d9; background:#FFF; padding:10px ; } .sidebar .tags-list {padding:10px 0;} .tags-list li { display:inline !important; margin:0 4px 0 0; } .tags-list li a { color:#1b2d3b; } /* Advanced Search */ .advanced-search .form-list label { width:160px; padding-right:10px; } .advanced-search .form-list .input-box, .advanced-search .form-list .input-range { float:left; clear:none; } .advanced-search-amount { margin:0 0 10px; } .advanced-search-summary { margin:10px 0; border:1px solid #e9d7c9; background:#fff6f1; padding:10px; } .advanced-search-summary ul { float:left; width:49%; } .advanced-search-summary strong { color:#E17C24; padding-left:15px; background:url(https://www.zeleni-dotik.si/skin/frontend/templatemela/hemptouch/images/i_search_criteria.gif) 0 3px no-repeat; } .advanced-search-summary p { clear:both; font-weight:bold; margin:0; } /* CMS Home Page */ .cms-home .subtitle {} .cms-index-index .subtitle {} /* Sitemap */ .page-sitemap .links { text-align: right; margin: 20px 0 0; float: right; } .page-sitemap .links a { text-decoration:none; position:relative; } .page-sitemap .links a:hover { text-decoration:underline;} .page-sitemap .sitemap { margin:12px; } .page-sitemap .sitemap a {background:url("https://www.zeleni-dotik.si/skin/frontend/templatemela/hemptouch/images/megnor/subcat_arrow.png") no-repeat scroll 3px center transparent; padding-left:12px;} .page-sitemap .sitemap a:hover{background:url("https://www.zeleni-dotik.si/skin/frontend/templatemela/hemptouch/images/megnor/subcat_arrow_hover.png") no-repeat scroll 3px center transparent; } .page-sitemap .sitemap li { margin:5px 0; } .page-sitemap .sitemap li.level-0 { margin:10px 0 0; font-weight:bold; } .page-sitemap .sitemap li.level-0 a { color:#1e7ec8; } .contacform{ border-right: 1px solid #EDEDED; float: left; margin-right: 10px; padding-right: 15px; width: 46%; } .googlemap{ float: right; margin-top: 10px; width: 50%;} .contacform .form-list li.wide .input-box{width: 100%;} .contacform .form-list li.wide textarea{width: 97%;} .contacform .fieldset{ margin-top:10px; } /* RSS */ .rss-title h1 { background:url(https://www.zeleni-dotik.si/skin/frontend/templatemela/hemptouch/images/i_rss-big.png) 0 4px no-repeat; padding-left:27px; } .rss-table .link-rss { display:block; line-height:1.55; background-position:0 4px; } /* ======================================================================================= */ /* Shopping Cart ========================================================================= */ .cart .page-title { border-bottom:0; margin:0px 0 10px; } .cart .page-title h1 { margin:10px 0 0; } /* 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; } .cart .checkout-types .paypal-or { margin:0 8px; line-height:2.3; } .cart .totals .checkout-types .paypal-or { clear:both; display:block; padding:8px 55px 0 0; line-height:1.0; font-size:11px; } /* Shopping Cart Table */ .cart-table th { padding:2px 10px; } .cart-table td { padding:10px; } .cart-table .product-name { margin:0 0 5px; } .cart-table .item-msg { margin:5px 0; font-size:11px; font-weight:bold; color:#df280a; } .cart-table tfoot td { padding:5px 10px; } .cart-table .btn-continue { float:left; } .cart-table .btn-empty span, .cart-table .btn-continue span, .cart-table .btn-update span { } .cart-table .btn-update, .cart-table .btn-empty { float:right; } .cart-table .btn-update { margin-left:10px; } /* Shopping Cart Collateral boxes */ .cart .cart-collaterals { padding: 35px 0 0; overflow: auto; margin-bottom: 50px; } .cart .cart-collaterals .col1-set{ width:470px; float:left;} .cart .cart-collaterals .col2-set { width:665px; float:right; } .cart .crosssell { margin-bottom:10px;} .cart .crosssell .product-image { } .cart .crosssell .link-compare { font-weight:normal; } /* Discount Codes & Estimate Shipping and Tax Boxes */ .cart .discount, .cart .shipping { border: 1px solid #d9d9d9; padding: 20px 20px; margin: 0 0 35px;} .cart .shipping{padding:28px 20px;} /*.cart .discount h2, .cart .shipping h2 { background-position:0 0; background-repeat:no-repeat; padding:0 0 0 0px; color:#e26703; text-transform:uppercase; }*/ .cart .discount .buttons-set, .cart .shipping .buttons-set { margin:10px 0 0; border:0; padding:0; text-align:left; } .cart .discount .buttons-set button.button, .cart .shipping .buttons-set button.button { float:none; margin-left:0; } .shopping_CMS_main1{margin-bottom:10px; } .shopping_CMS_main1 img{max-width:100%;} .cart .discount .input-box { margin:8px 0 0; width:260px; } .cart .discount input.input-text { width:254px; } .cart .shipping .sp-methods { margin:10px 0 0; padding:5px 0 0; } /* Shopping Cart Totals */ .cart .totals { float:right; width:305px; background:#FFF; border:1px solid #d9d9d9; margin-bottom:10px; } .cart .totals table { width:100%; margin:7px 0; } .cart .totals td { padding:1px 15px 1px 7px; } .cart .totals tr.last td {} .cart .totals tfoot th { padding:5px 15px 5px 7px; } .cart .totals tfoot td { padding-top:5px; padding-bottom:5px; } .cart .totals tfoot th strong, .cart .totals tfoot td strong { font-size:20px; } .cart .totals .checkout-types { font-size:13px; padding:0px; text-align:right; } .cart .totals .checkout-types li { clear:both; margin:10px 10px; } .cart .totals .checkout-types li:last-child{ background: #d9d9d9; padding: 7px; text-align: center; border-top: 1px solid #fff; margin: 0; } /* Options Tool Tip */ .item-options dt { font-weight:bold; float:left; margin-right:10px; } .item-options dd { margin: 5px 0 5px; } .truncated { cursor:help; } .truncated a.dots { cursor:help; position: relative;} .truncated a.details { cursor:help; } .truncated .truncated_full_value { position:absolute; z-index:999; } .truncated .truncated_full_value .item-options { position:absolute; top:-99999em; left:-99999em; z-index:999; width:250px; padding:8px; background-color:#fff; } .truncated .truncated_full_value .item-options > p { font-weight:bold; text-transform:uppercase; } .truncated .show .item-options { top:-20px; left:50%; width:100px; border:1px solid #d9d9d9; } .col-left .truncated .show .item-options { left:0px; top:0px; } .col-right .truncated .show .item-options { left:-240px; top:7px; } /* ======================================================================================= */ /* Checkout ============================================================================== */ /********** < Common Checkout Styles */ /* Shipping and Payment methods */ .sp-methods { margin:0 0 8px; } .sp-methods dt { margin:13px 0 5px; font-weight:bold; } .sp-methods dd {} .sp-methods dd li { margin:5px 0; } .sp-methods label { font-weight:normal; } .sp-methods .price { font-weight:bold; } .sp-methods .form-list { margin-top: 15px; padding-left: 0;} .sp-methods .form-list li { margin:0 0 8px; } .sp-methods select.month { width:154px; margin-right:10px; margin-bottom:5px; } .sp-methods select.year { width:96px; } .sp-methods input.cvv { width:3em !important; } .sp-methods .checkmo-list li { margin:0 0 5px; } .sp-methods .checkmo-list label { width:135px; padding-right:10px; text-align:right; } .sp-methods .checkmo-list address { float:left; } .sp-methods .centinel-logos a { margin-right:3px; } .sp-methods .centinel-logos img { vertical-align:middle; } .sp-methods .release-amounts { margin:0.5em 0; } .sp-methods .release-amounts button { float:left; margin:5px 10px 0 0; } .please-wait { float:right; } .please-wait img { vertical-align:middle; } .cvv-what-is-this { font-size:11px; cursor:help; margin-left:10px; } /* Tooltip */ .tool-tip { border:1px solid #7BA7C9; background:#EAF6FF; padding:15px 20px; position:absolute; z-index:9999; } .tool-tip .btn-close { margin:-9px -14px 0; text-align:right; } .tool-tip .btn-close a { display:block; margin:0 0 0 auto; width:15px; height:15px; background:url(https://www.zeleni-dotik.si/skin/frontend/templatemela/hemptouch/images/btn_window_close.gif) 100% 0 no-repeat; text-align:left; text-indent:-999em; overflow:hidden; } .tool-tip .tool-tip-content { padding:5px; } /* Gift Messages */ .gift-messages h3 { font-weight:normal; } .gift-messages p.control { } .gift-messages-form { position:relative; } .gift-messages-form label { float:none !important; position:static !important; } .gift-messages-form h4 { font-weight:bold; } .gift-messages-form .whole-order { margin:0 0 25px; } .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; text-align:center; } .gift-messages-form .item .details { margin-left:90px; } .gift-messages-form .item .details .product-name { margin:0 0 10px; } .gift-messages-form .item .details .form-list .field { width:255px; } .gift-messages-form .item .details .form-list .input-box { width:240px; } .gift-messages-form .item .details .form-list input.input-text { width:234px; } .gift-messages-form .item .details .form-list li.wide .input-box { width:500px; } .gift-messages-form .item .details .form-list li.wide textarea { width:98%; } .gift-message-link { font-size:11px; background:url(https://www.zeleni-dotik.si/skin/frontend/templatemela/hemptouch/images/bkg_collapse-gm.gif) 100% 6px no-repeat; padding-right:7px; } .gift-message-link.expanded { background-position:100% -40px; } .gift-message-row { background:#f2efe9; } .gift-message-row .btn-close { float:right; width:16px; height:16px; background:url(https://www.zeleni-dotik.si/skin/frontend/templatemela/hemptouch/images/btn_gm-close.gif) 0 0 no-repeat; font-size:0; line-height:0; text-indent:-999em; overflow:hidden; } /* Checkout Agreements */ .checkout-agreements li { margin:30px 0; } .checkout-agreements .agreement-content { overflow:auto; height:12em; padding:10px; background-color:#fbfaf6; border:1px solid #bbb6a5; } .checkout-agreements .agree { margin:0; padding:10px 0 10px 11px; } .checkout-agreements .agree input.checkbox { margin-right:6px; } .checkout-agreements .agree label { font-weight:bold; color:#666; } .opc .checkout-agreements { border:1px solid #d9dde3; border-width:0 1px; padding:5px 30px; } .opc .checkout-agreements li { margin:20px 0 0; } .opc .checkout-agreements .agreement-content { background-color:#fff; border-color:#e4e4e4; padding:5px; } .opc .checkout-agreements .agree { padding-left:6px; } /* Centinel */ .centinel {} .centinel .authentication { border:1px solid #ddd; background:#fff; } .centinel .authentication iframe { width:99%; height:400px; background:transparent !important; margin:0 !important; padding:0 !important; border:0 !important; } .opc .centinel { border:1px solid #bbb6a5; border-width:0 1px 1px; padding:10px 30px; } /* Generic Info Set */ .info-set { border:1px solid #bbb6a5; margin:0 0 25px; padding:20px; } .info-set h2 { font-size:13px; font-weight:bold; margin:0 0 10px; } .info-set h3, .info-set h4 { font-size:13px; font-weight:bold; color:#E26703; } .info-set h2 a, .info-set h3 a, .info-set h4 a { font-weight:normal; } .info-set h2.legend { margin:-20px -20px 15px; padding:5px 10px; background:#f9f3e3; border-bottom:1px solid #bbafa0; position:relative; } .info-set h3.legend { margin:0 0 10px; color:#0a263c; } .info-set .divider { margin:0 -20px; padding:25px 0; position:relative; } .info-set .box { margin:0 0 15px; } .info-set .box h2 { color:#e26703; } .info-set .data-table .product-name { font-size:1em !important; font-weight:bold !important; color:#1e7ec8 !important; } .info-set .data-table .product-name a { font-weight:bold !important; } .info-set .data-table .item-options { margin:5px 0 0; } /********** Common Checkout Styles > */ /* One Page Checkout */ .block-progress { border:0; margin:0; } .block-progress dt {margin:0 0 5px; padding:5px 0px; } .block-progress dd { padding:10px 0px; margin:0 0 10px; } .block-progress dt.complete { border-bottom: 1px solid #d9d9d9; } .block-progress dd.complete {} .block-progress p { margin:0; } .block-progress .cards-list dt { background:none; border:0 none; color:inherit; font-size:12px; margin:5px 0; padding:0; } .block-progress .cards-list dd { border:0 none; margin:0; padding:0; } .block-progress .cards-list .info-table th { font-weight:normal; } /* show/hide "change" link for progress step depend on complete status * should be placed in .css file */ #checkoutSteps{ margin-bottom:15px; margin-top: 10px;} .opc-block-progress dt.complete a, .opc-block-progress dt.complete .separator { display: inline; } .opc-block-progress dt.complete a{ background:url("https://www.zeleni-dotik.si/skin/frontend/templatemela/hemptouch/images/megnor/edit.png") no-repeat scroll 0 0; padding-left: 20px; font-size:12px;} .opc-block-progress dt a, .opc-block-progress dt .separator { display: none; } .opc .buttons-set { margin-top:0; padding-top:15px; border:none; } .opc .buttons-set p.required { margin:0; padding:0 0 10px; } .opc .buttons-set .back-link small { display:none; } .opc .buttons-set.disabled button.button { display:none; } .opc .buttons-set .please-wait { height:21px; line-height:21px; } .opc .ul { list-style:disc outside; padding-left:18px; } .opc { position:relative; } .opc li.section {border-bottom: 1px solid #DDDDDD;} .opc .step-title { border-width:0 1px; border-style:solid; border-color:#fff #d9d9d9 #d9d9d9; background:#FFF; padding:8px 8px; text-align: left; text-transform: uppercase; } .opc .step-title .number { float: left; border: 1px solid #d9d9d9; padding: 0 8px; margin: 0 10px 0 0; color: #333; } .opc .step-title h2 { float:left; margin:0; font-size: 15px; line-height:normal} .opc .step-title a { display:none; float:right; color:#fff; } .opc .allow .step-title { background: #333; border: 1px solid #333; border-bottom: 0; color: #fff; cursor: pointer;} .opc .allow .step-title .number { background: #333; border-color: #fff; color: #fff;} .opc .allow .step-title h2 { color:#FFFFFF; } .opc .allow .step-title a { display:block; color:#fff; } .opc .active .step-title { background:#333; border:1px solid #333; padding-bottom:5px; color:#fff; cursor:default; } .opc .active .step-title .number { background: #333; border-color: #fff; color: #fff; } .opc .active .step-title h2 { color:#fff; line-height: normal;} .opc .allow .step-title:hover{ background:#333;border-color:#333; } .opc .active .step-title a { display:none; } .opc .step { border:1px solid #DDDDDD; border-top:0; padding:15px 30px; position:relative; margin-bottom:-1px; } .opc .step .tool-tip { right:30px; } #opc-login .buttons-set { border-top:0; } #opc-login h3 { border-bottom:1px solid #e4e4e4; padding-bottom:10px; text-transform:capitalize; font-weight:normal; } #opc-login h4 { font-size:1em; font-weight:bold; margin:0; } #opc-shipping_method .buttons-set { border-top:0; } .opc .gift-messages-form { background: none repeat scroll 0 0 #FAFAFA; border: 1px solid #DDDDDD; margin: 0; padding: 0; } .opc .gift-messages-form .inner-box { padding:10px; height:260px; overflow:auto; } #opc-review .step { border:0; padding:0; } #opc-review .product-name { margin-top: 0; } #opc-review .item-options { margin:5px 0 0; } #opc-review .buttons-set { padding:20px 30px; border:1px solid #d9dde3; border-width:0 1px 1px; } #opc-review .buttons-set p { margin:0; line-height:40px; } #opc-review .buttons-set .please-wait { height:40px; line-height:40px; } #opc-review .authentication { margin:0 auto; width:570px; } #opc-review .warning-message { color:#222; font-weight:bold; text-align:center; padding:10px 10px 0; } /* Multiple Addresses Checkout */ .checkout-onepage-success h2{ border-bottom:none;} .checkout-progress { padding:0 90px; margin:10px 0 20px; } .checkout-progress li { float:left; width:19%; margin:0 3px 0 0; border-top:10px solid #d9d9d9; padding:5px 0 0; font-weight:normal; text-align:center; color:#666; } .checkout-progress li.active { border-top-color:#333; color:#333; } .multiple-checkout h3, .multiple-checkout h4 { font-weight:normal; margin-bottom:10px; } .multiple-checkout h2 a, .multiple-checkout h3 a, .multiple-checkout h4 a { font-weight:normal; font-size:13px; } .multiple-checkout .data-table .product-name { font-size:1em !important; font-weight:bold !important; color:#1e7ec8 !important; margin: 0;} .multiple-checkout .data-table .item-options { margin:5px 0 0; } .multiple-checkout .gift-messages { margin:15px 0 0; } .multiple-checkout .tool-tip { top:50%; margin-top:-120px; right:20px; } .multiple-checkout .col2-set, .multiple-checkout .col3-set { border:1px solid #d9d9d9; margin:0 0 25px; padding:20px; clear:both} .multiple-checkout .col2-set h2.legend { margin:-20px -20px 15px; padding:5px 10px; background:#F0F0F0;position:relative; } .multiple-checkout .col2-set h3.legend { margin:0 0 10px; color:#0a263c; } .multiple-checkout .col2-set .divider { margin:0 -20px; padding:25px 0; position:relative; } .multiple-checkout .box { margin:0 0 15px; } .multiple-checkout .box h2 { } .multiple-checkout .place-order .please-wait { float:right; padding:27px 7px 0 0; } .multiple-checkout .place-order .grand-total { float:right; font-size:1.5em; padding:0px; overflow:hidden; } .multiple-checkout .place-order .grand-total .inner { float:left; } .multiple-checkout .place-order .grand-total .inner div { display:inline; } .multiple-checkout .place-order .grand-total big { display:inline; margin-right:12px; } .multiple-checkout .place-order .grand-total .price { font-weight: 600; } .multiple-checkout .place-order .grand-total button.button span { font-size:16px; } .multiple-checkout .place-order .grand-total button.button span span { padding:0 45px 0 36px; } /* Step 1 */ #multiship-addresses-table td { padding:10px; } #multiship-addresses-table tfoot td { padding:5px 10px; } /* Step 2 */ .multiple-checkout .gift-messages-form .item .details .form-list { width:100%; } .multiple-checkout .gift-messages-form .item .details .form-list li { margin-right:-15px; } .multiple-checkout .gift-messages-form .item .details .form-list .field { width:230px; } .multiple-checkout .gift-messages-form .item .details .form-list .input-box { width:215px; } .multiple-checkout .gift-messages-form .item .details .form-list input.input-text { width:209px; } .multiple-checkout .gift-messages-form .item .details .form-list li.wide .input-box { width:450px; } .multiple-checkout .gift-messages-form .item .details .form-list li.wide textarea { width:98%; } .checkout-multishipping-shipping .box-sp-methods { border:1px solid #EDEDED; background:#FBFBFB; padding:13px; position:relative; } /* Step 3 */ .checkout-multishipping-billing .multiple-checkout { } /* ======================================================================================= */ /* Account Login/Create Pages ============================================================ */ .account-login .content { border-bottom:0; } .account-login .content h2 , .fieldset .legend , .box-account .box-head h2 , .addresses-list h2 , .multiple-checkout h2 ,.checkout-onepage-success h2 , .order-info-box h2 , .sales-order-print .col2-set h2{ border-bottom: 1px solid #d9d9d9; color: #333; font-size:18px; font-weight: normal; margin: 0 0 14px; padding: 0 0 10px; text-transform: capitalize;} .account-login .buttons-set { margin:0; } .account-create {} /* Captcha ================================================================================ */ .captcha-note { clear:left; padding-top:5px; } .captcha-image { float:left; display:inline; margin:0; position:relative; width:258px; } .captcha-image .captcha-img { border:1px solid #b6b6b6; vertical-align:bottom; width:100%; } .registered-users .captcha-image { margin:0;} .captcha-reload { cursor:pointer; position:absolute; top:2px; right:2px;} .captcha-reload.refreshing { animation:rotate 1.5s infinite linear; -webkit-animation:rotate 1.5s infinite linear; -moz-animation:rotate 1.5s infinite linear; } @-webkit-keyframes rotate { 0% { -webkit-transform:rotate(0); } 0% { -webkit-transform:rotate(-360deg); } } @-moz-keyframes rotate { 0% { -moz-transform:rotate(0); } 0% { -moz-transform:rotate(-360deg); } } @keyframes rotate { 0% { transform:rotate(0); } 0% { transform:rotate(-360deg); } } /* Remember Me Popup ===================================================================== */ .window-overlay { background:url(https://www.zeleni-dotik.si/skin/frontend/templatemela/hemptouch/images/window_overlay.png) repeat; background:rgba(0, 0, 0, 0.35); position:absolute; top:0; left:0; height:100%; width:100%; z-index:990; } .remember-me label { float:none; margin:0 6px; } .remember-me-popup { background:#fff; border:1px solid #ccc; left:50%; top:50%; position:absolute; margin:-85px 0 0 -200px; width:400px; text-align:left; -moz-box-shadow:0 0 6px #ccc; -webkit-box-shadow:0 0 6px #ccc; -box-shadow:0 0 6px #ccc; z-index:1000; } .remember-me-popup h3 { background:#d9e5ee; border-bottom:1px solid #ccc; font-size:14px; padding:5px 10px; } .remember-me-popup .remember-me-popup-head { position:relative; } .remember-me-popup .remember-me-popup-head .remember-me-popup-close { background:url(https://www.zeleni-dotik.si/skin/frontend/templatemela/hemptouch/images/btn_window_close.gif) no-repeat; display:block; position:absolute; top:7px; right:7px; height:15px; width:15px; text-indent:-9999em; } .remember-me-popup .remember-me-popup-body { padding:10px; } .remember-me-popup .remember-me-popup-body a { display:inline-block; height:19px; border:1px solid #de5400; background:#f18200; padding:0 8px; text-align:center; text-decoration:none; white-space:nowrap; color:#fff; } /* Remember Me Popup ===================================================================== */ /* My Account ============================================================================= */ .my-account .title-buttons .link-rss { float:none; margin:0; } /********** < Dashboard */ .dashboard .welcome-msg { margin:0 0 15px; } .dashboard .col2-set { margin:0 0 15px; } /* General Box */ .box-account { background:#fff; margin: 0 0 20px; } .box-account .col2-set .col-1{ border-right: 1px solid #EDEDED; float: left; padding-right: 10px; width: 48.5%; } .dashboard .box .box-title { border: 1px solid #d9d9d9; margin: 0 0 10px; padding: 5px 5px; text-align: right; } .dashboard .box .box-title h3, .dashboard .box .box-title h4 { float:left; font-size:13px; font-weight:normal; margin:0; line-height:normal} /* Block: Recent Orders */ /* Block: Account Information */ .dashboard .box-info h4 { font-weight: normal; text-transform: capitalize; } /* Block: Reviews */ .dashboard .box-reviews .box-head h2 {} .dashboard .box-reviews li.item { margin:0 0 7px; } .dashboard .box-reviews .ratings { margin:7px 0 0; } /* Block: Tags */ .dashboard .box-tags .number ,.dashboard .box-reviews .number{ float:left; font-weight:bold; line-height:1; color:#333; margin:0px; padding:5px 7px; background:#ccc; } .dashboard .box-tags .details , .dashboard .box-reviews .details{ margin-left:30px; } .dashboard .box-tags li.item , .dashboard .box-reviews li.item{ margin:10px 0 7px; } .dashboard .box-tags li.item.last , .dashboard .box-reviews li.item.last { margin-bottom:0; } .dashboard .box-tags .tags strong, .dashboard .box-tags .tags ul, .dashboard .box-tags .tags ul li { display:inline; } /********** Dashboard > */ /* Address Book */ .addresses-list h3 { font-weight:normal;} .addresses-list address { margin:0 0 3px; } .addresses-list p { margin:0; } .addresses-list .link-remove { color:#646464; } .addresses-list .separator { margin:0 3px; } .addresses-list li.item { background:#fff;padding:10px 0px; margin:0 0 10px; border-bottom: 1px solid #EDEDED; } .addresses-list li.empty { background:none; border:0; padding:0; } .addresses-list .addresses-additional li.item { background:none; border:0; padding:0; } /* Order View */ .order-info { padding: 5px 10px; margin: 0 0 20px; border: 1px solid #d9d9d9; clear:both; } .order-info dt, .order-info dd, .order-info ul, .order-info li { display:inline; } .order-info .current { font-weight:bold; } .order-info li { margin:0 3px; } .order-date { margin:10px 0; } .order-info-box , .sales-order-print .col2-set{ border:1px solid #EDEDED; padding:12px 15px; margin:0 0 15px; } .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%; overflow-x:auto; } .order-items h2, .order-items h3 { margin:0 0 5px; } .order-items .product-name { } .order-items .link-print { color:#1e7ec8; font-weight:normal; } .order-items .order-links { text-align:right; } .order-additional { margin:15px 0; } /* Order Gift Message */ .gift-message dt strong { color:#666; } .gift-message dd { font-size:13px; margin:5px 0 0; } /* Order Comments */ .order-about dt { font-weight:bold; } .order-about dd { font-size:13px; margin:0 0 7px; } .tracking-table { margin:0 0 15px; } .tracking-table th { font-weight:bold; white-space:nowrap; } .tracking-table-popup { width:100%; } .tracking-table-popup th { font-weight:bold; white-space:nowrap; } .tracking-table-popup th, .tracking-table-popup td { padding:1px 8px; } /* Order Print Pages */ .page-print .print-head { margin:0 0 15px; } .page-print .print-head .logo { float:left; } .page-print .print-head address { float:left; margin-left:15px; } .page-print h1 { font-size:16px; font-weight:bold; } .page-print h2.h2 { font-size:16px; font-weight:bold; } .page-print .order-date { padding:0 0 10px; margin:0 0 10px; } .page-print .col2-set { margin:0 0 10px; } /* Price Rewrites */ .page-print .gift-message-link { display:none; } .page-print .price-excl-tax, .page-print .price-incl-tax { display:block; white-space:nowrap; } .page-print .cart-price, .page-print .price-excl-tax .label, .page-print .price-incl-tax .label, .page-print .price-excl-tax .price, .page-print .price-incl-tax .price { display:inline; } /* My Wishlist */ .my-wishlist .data-table td { padding:10px; } .my-wishlist .product-image { display:block; width:113px; height:113px; margin:0 0 5px; } .my-wishlist textarea { display:block; width:97%; height:109px; margin-top:10px; } .my-wishlist .buttons-set { margin-top:2em; } .my-wishlist .buttons-set button.button { float:none; } .my-wishlist .buttons-set .btn-add span, .my-wishlist .buttons-set .btn-share span { } #wishlist-table .add-to-links { white-space:nowrap; } /* My Tags */ .my-tag-edit { float:left; margin:0 0 10px; } .my-tag-edit .btn-remove { float:right; margin:4px 0 0 5px; } #my-tags-table { clear:both; } my-tags-table h2.product-name {margin-top:0;} #my-tags-table td { padding:10px; } #my-tags-table .add-to-links { white-space:nowrap; text-align:center; margin-top: 10px;} #my-tags-table .add-to-links li a.link-wishlist{ font-weight:600; font-size:13px; color:#333; } #my-tags-table .add-to-links li a.link-wishlist:before{margin-right:10px;} #my-tags-table .add-to-links li a.link-wishlist:hover{ background: #333; color: #fff; } /* My Reviews */ #my-reviews-table td { padding:10px; } .product-review .product-img-box { float:left; width:140px; } .product-review .product-img-box .product-image { display:block; width:125px; height:125px; } .product-review .product-img-box .label { font-size:11px; margin:0 0 3px; } .product-review .product-img-box .ratings .rating-box { float:none; display:block; margin:0 0 3px; } .product-review .product-details { margin-left:150px; } .product-review h3 { font-size:12px; margin:0 0 3px; } .product-review .ratings-table { margin:0 0 10px; } .product-review dt { font-weight:bold; } .product-review dd { font-size:13px; margin:5px 0 0; } /* Billing Agreements */ .billing-agreements .info-box{ margin:15px 0; } .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; font-weight:bold; margin:10px 10px 0; padding:10px; text-align:right; text-transform:uppercase;} .map-cart-sidebar-total { color:red; display:block; font-size:10px; font-weight:bold; text-align:left; padding:2px 5px; text-shadow:0 1px 0 #fff; } .map-popup { background:#fff; border:1px solid #aaa; margin:12px 0 0; position:absolute; -moz-box-shadow:0 0 6px #ccc; -webkit-box-shadow:0 0 6px #ccc; box-shadow:0 0 6px #ccc; text-align:left; width:300px; z-index:100; } .map-popup-heading { background:#d9e5ee; border-bottom:1px solid #ccc; padding:5px 30px 5px 10px; width:260px; } .map-popup-heading h2 { font-size:16px; margin:0; text-shadow:0 1px 0 #f6f6f6; overflow:hidden; white-space:nowrap; word-wrap:break-word; text-align:left; text-overflow:ellipsis; } .map-popup-arrow { background:url(https://www.zeleni-dotik.si/skin/frontend/templatemela/hemptouch/images/map_popup_arrow.gif) no-repeat; position:absolute; left:50%; top:-10px; height:10px; width:19px; } .map-popup-close { background:url(https://www.zeleni-dotik.si/skin/frontend/templatemela/hemptouch/images/btn_window_close.gif) no-repeat; display:block; position:absolute; top:8px; right:10px; height:15px; width:15px; text-indent:-9999em; -moz-box-shadow:0 0 3px #999; -webkit-box-shadow:0 0 3px #999; box-shadow:0 0 3px #999; -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px; } .map-popup-content { border-top:1px solid #eee; padding:10px; overflow:hidden; text-align:left; width:280px; } .map-popup-checkout { display:inline; float:right; text-align:right; } .map-popup-checkout span { display:block; padding-right:30px; } .map-popup-checkout .paypal-logo { margin:0 0 5px; } .map-popup-price .price-box, .map-popup-price .price-box .special-price { margin:0; padding:0; } .map-popup-price { margin:5px 0 0; } .map-popup-text { clear:right; margin:0 10px; padding:10px 0; text-align:left; word-wrap:break-word; } .map-popup-only-text { border-top:1px solid #ddd; } /* ======================================================================================= */ /* Footer ================================================================================ */ .footer .store-switcher { display:inline; margin:0 5px 0 0;} .footer .store-switcher label { font-weight:bold; vertical-align:middle; } .footer .store-switcher select { padding:0; vertical-align:middle; } .footer a { text-decoration:none; color: #bfbfbf;} .footer a:hover { color:#fff; } .footer .bugs { margin:13px 0 0; color:#777; } .footer .bugs a { color:#777; text-decoration:underline; } .footer .bugs a:hover { text-decoration:none; } .footer address { margin: 0px; float: left; text-transform: capitalize; color: #ffffff; font-size: 12px; font-weight: normal; } .footer address a { color:#777; text-decoration:underline; } .footer address a:hover { text-decoration:none; } .footer ul { } .footer_bottom ul.links { float:left; } .footer li { padding:3px 0 3px 0; } .footer_bottom li{display:inline; padding:0; } .footer ul.links li.last { background:none; } .footer-container .bottom-container { margin:0 0 5px; } .ie7 .footer_top li { display:block; padding-bottom:7px; padding-left:0px; } .ie7 .footer_top ul{ display:block;} .ie7 .social_block ul li{ padding-bottom:0px;} .footer .mobile_togglemenu{ display:none; } .footer_top{ width:100%; padding: 10px 0; overflow:hidden;} .footer_bottom{ border-top: 1px solid #4d4d4d; clear: both; overflow: hidden; padding: 30px 0; } #footer .footer-area{float: left; margin-right: 30px; width: 270px;} #footer #block_4{ margin-right:0; } #footer h6 ,#footer .block .block-title strong{ font-size:16px; font-weight:600; margin-bottom:15px; color: #fff; text-shadow:none; text-transform: capitalize;} .social_block ul li{ float:left; height:35px; width:35px; margin:0 10px 10px 0; padding:0; cursor:pointer; } .social_block ul li.facebook{ background:url("https://www.zeleni-dotik.si/skin/frontend/templatemela/hemptouch/images/sprite.png") no-repeat scroll -5px -289px transparent; } .social_block ul li.twitter{ background:url("https://www.zeleni-dotik.si/skin/frontend/templatemela/hemptouch/images/sprite.png") no-repeat scroll -45px -289px transparent; } .social_block ul li.rss{ background:url("https://www.zeleni-dotik.si/skin/frontend/templatemela/hemptouch/images/sprite.png") no-repeat scroll -85px -289px transparent; } .social_block ul li.linkin{ background:url("https://www.zeleni-dotik.si/skin/frontend/templatemela/hemptouch/images/sprite.png") no-repeat scroll -125px -289px transparent; } .social_block ul li.facebook:hover{ background-position: -5px -326px } .social_block ul li.twitter:hover{ background-position: -45px -325px } .social_block ul li.rss:hover{ background-position: -85px -325px } .social_block ul li.linkin:hover{ background-position: -125px -325px } #footer .block { border:none; margin-bottom:10px; } #footer .block .block-title{ padding:0; line-height:20px; } #footer .block-subscribe .block-content{ background:none; border:none; padding:0;} #footer .block-subscribe input.input-text{width: 238px;} .footerleftcms{margin-top:30px;} #footer .mobile_togglemenu { background: url("https://www.zeleni-dotik.si/skin/frontend/templatemela/hemptouch/images/megnor/toggle-arrow.png") no-repeat scroll right 0px transparent; cursor: pointer; display: block; font-size: 15px; margin-right: 0; top: 10px; overflow: hidden; padding: 0 0 0px 0px; text-decoration: none; width: 95%; position: absolute; right: 15px; } .padder h5.mobile_togglemenu { background: url("https://www.zeleni-dotik.si/skin/frontend/templatemela/hemptouch/images/megnor/toggle-arrow.png") no-repeat scroll right 0px transparent; cursor: pointer; display: block; font-size: 15px; margin-right: 0; top: 10px; overflow: hidden; padding: 0 0 0px 0px; text-decoration: none; width: 100%; position:absolute; right:0; } #footer .active .mobile_togglemenu , .padder .active .mobile_togglemenu { background-position: right -52px; } .toggle .mobile_togglecolumn { background: url("https://www.zeleni-dotik.si/skin/frontend/templatemela/hemptouch/images/megnor/toggle-arrow.png") no-repeat scroll right 0px transparent; cursor: pointer; display: none; margin-top: 0px; overflow: hidden; padding: 0 0 4px; width: 100%; position:absolute; top:5px; } .active .mobile_togglecolumn,.selected .mobile_togglecolumn { background-position: right -52px; } .top_button{ font-size:0; height: 36px; width: 27px; background:url("https://www.zeleni-dotik.si/skin/frontend/templatemela/hemptouch/images/back_to_top.png") no-repeat scroll 0 0; z-index: 999; display: none; position: fixed; right: 35px; bottom: 35px; } /* ======================================================================================= */ /* Sample Data============================================================================ */ .home-callout { margin-bottom:12px; } .home-callout img { display:block } .home-spot { float:left; width:470px; margin-left:20px; } .best-selling h3 { margin:12px 0 6px 0; color:#e25203; font-size:1.2em; } .best-selling table { border-top:1px solid #ccc; } .best-selling tr.odd { background:#eee url(https://www.zeleni-dotik.si/skin/frontend/templatemela/hemptouch/images/best_selling_tr_odd_bg.gif) 0 100% repeat-x; } .best-selling tr.even { background:#fff url(https://www.zeleni-dotik.si/skin/frontend/templatemela/hemptouch/images/best_selling_tr_even_bg.gif) 0 100% repeat-x; } .best-selling td { width:50%; border-bottom:1px solid #ccc; padding:8px 10px 8px 8px; font-size:11px; } .best-selling .product-img { float:left; border:2px solid #dcdcdc; } .best-selling .product-description { margin-left:107px; line-height:1.3em; } .best-selling a.product-name, .home-spot .best-selling a.product-name:hover { color:#203548; } /* ======================================================================================= */ /* Clears ================================================================================ */ .clearer:after, .header-container:after, .header-container .top-container:after, .header:after, .header .quick-access:after, #nav:after, .main:after, .footer:after, .footer-container .bottom-container:after, .col-main:after, .col2-set:after, .col3-set:after, .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;} /* Default Width Start*/ .grid_default_width { width: 280px;} .featured_default_width { width: 280px;} .newproduct_default_width{ width: 280px;} .bestseller_default_width { width: 280px;} .special_default_width{ width: 280px;} .testimonial_default_width{width: 100%;} .additional_default_width{ width:75px; } .blog_default_width{width:100%;} .brand_default_width, .manufacture-product li.slider-item, .manufacture-product li.product-items {width: 210px; } .related_default_width, .related-products li.slider-item, .related-products li.product-items{ width: 280px;} .upsell_default_width, .box-up-sell li.slider-item, .box-up-sell li.product-items{ width: 280px;} .crosssell_default_width, .crosssell li.slider-item , .crosssell li.product-items{ width: 280px;} /* Default Width End*/ /* ============================================ * * 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; font-size: 14px; text-align: center; text-decoration: none; box-sizing: content-box; } .swatch-link { margin: 0 0 3px; } .swatch-link img { border-radius: 0px; -webkit-border-radius: 0px; -moz-border-radius: 0px; -khtml-border-radius: 0px; } .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.zeleni-dotik.si/skin/frontend/templatemela/hemptouch/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 #d9d9d9; margin: 0; white-space: nowrap; background: #fff; } .swatch-label:hover{ border-color:#333; } .configurable-swatch-list { margin:10px 0 5px 0px; clear: both; -webkit-transform: translateZ(0px); } .products-grid .configurable-swatch-list{opacity:0; -webkit-opacity:0; -moz-opacity:0; -khtml-opacity:0;} .products-grid .product-block:hover .configurable-swatch-list{opacity:1; -webkit-opacity:1; -moz-opacity:1; -khtml-opacity:1;} .configurable-swatch-list li { float: left; margin: 0 0 0 3px; } .products-grid .configurable-swatch-list li { display: inline-block; float: none; margin: 0; vertical-align: top; } .configurable-swatch-list .not-available .x { display: block; } .configurable-swatch-list .not-available .swatch-link { border-color: #ededed; position: relative; } .configurable-swatch-list .not-available .swatch-link.has-image img { opacity: 0.4; } .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 li { margin: 0 0 0 3px; width: 47%; } #narrow-by-list dd .swatch-link { border: none; line-height: 25px; margin-right: 2px; text-align: left; } #narrow-by-list dd .swatch-link.has-image { line-height: inherit; } #narrow-by-list dd .swatch-link:hover .swatch-label { border-color: #333; } #narrow-by-list dd .swatch-label { background: #fff; border: 1px solid #d9d9d9; display: block; float: left; margin: 0 5px 0 0; padding: 1px 5px; white-space: nowrap; } #narrow-by-list dd .swatch-label img { border: 1px solid #fff; box-sizing: content-box; -webkit-box-sizing: content-box; -moz-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: #cccccc; cursor: default; } /* Other Swatch States */ .configurable-swatch-list .hover .swatch-link, .configurable-swatch-list .selected .swatch-link, .swatch-link:hover { border-color: #3399cc; } .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; } .product-view .product-img-box .product-image img { max-width: 100%; max-height: 690px; margin: 0px auto; display:none; } .product-view .product-img-box .product-image-zoom { z-index: 0; } .product-view .product-image-thumbs img { width: 100%; height:auto; } .zoomWindow{display:block;} .zoomContainer{z-index:99;} .product-image-zoom.zoom-available .gallery-image { display: none; } .product-view .product-img-box .product-image .gallery-image.visible { display: block; } .product-image-thumbs.mycarousel.jcarousel-list.jcarousel-list-vertical{min-height:400px;} #image-color-name { bottom: 20px; font-size: 40px; left: 0; margin: 0 auto; position: absolute; right: 0; text-align: center; } .product-img-box .product-carousel .slider-item{text-align:center;} .thumb-link{display:inline-block; margin:0px 7px;} /* end configurable swtaches */ .info-wrapper .cart-price {padding-right: 7px;} /* Subbanner1 CMS */ .subbanner { width: 100%; position: relative; z-index: 9; margin: -130px auto 0; text-align: center; } .subbanner-inner1 > a,.subbanner-inner2 > a,.subbanner-inner3 > a { display: block; } .subbanner-outer { background: #fff; padding: 30px; margin-bottom: 45px; width: 1230px; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; display:inline-block; } .subbanner-inner1{ position: relative; width: 31.7%; overflow: hidden; float: left; } .subbanner-inner2{ position: relative; width: 31.7%; overflow: hidden; float: left; text-align: center; margin: 0 28px; } .subbanner-inner3{ position: relative; width: 31.7%; overflow: hidden; float: left; text-align: right; } .subbanner-outer .hover_content{ position: absolute; opacity: 1; -webkit-opacity: 1; -moz-opacity: 1; -khtml-opacity: 1; width: 100%; display: block; bottom: 0; top: 0; height: 100%; left: 0; right: 0; margin: 0 auto; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .subbanner-inner1 .hover_content:before, .subbanner-inner2 .hover_content:before, .subbanner-inner3 .hover_content:before{ background:#000; bottom: 10px; content: ""; left: 10px; opacity: 0; -webkit-opacity: 0; -moz-opacity: 0; -khtml-opacity: 0; position: absolute; right: 10px; top: 10px; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; -moz-transition: opacity 0.35s, transform 0.35s; -ms-transition: opacity 0.35s, transform 0.35s; -o-transition: opacity 0.35s, transform 0.35s; transform: scale3d(1.4,1.4,1); -webkit-transform: scale3d(1.4,1.4,1); -moz-transform: scale3d(1.4,1.4,1); -ms-transform: scale3d(1.4,1.4,1); -o-transform: scale3d(1.4,1.4,1); } .subbanner-inner1 .hover_content:hover:before, .subbanner-inner2 .hover_content:hover:before, .subbanner-inner3 .hover_content:hover:before{ opacity: 0.7; -webkit-opacity: 0.7; -moz-opacity: 0.7; -khtml-opacity: 0.7; transform: scale3d(1, 1, 1); -webkit-transform: scale3d(1, 1, 1); -moz-transform: scale3d(1, 1, 1); -ms-transform: scale3d(1, 1, 1); -o-transform: scale3d(1, 1, 1); } .subbanner-outer .hover_data{ display: block; width: 100%; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; position: absolute; top: 43%; } .hover_data .desc-text{ color: #4c4c4c; font-size: 25px; font-weight: normal; margin-bottom: 12px; text-transform: uppercase; } .subbanner-outer .hover_data .title, .subbanner-outer .hover_data .desc-text{ opacity: 0; -webkit-opacity: 0; -moz-opacity: 0; -khtml-opacity: 0; transform: scale(1.5); -webkit-transform: scale(1.5); -moz-transform: scale(1.5); -ms-transform: scale(1.5); -o-transform: scale(1.5); transition: opacity 0.35s ease 0s, transform 0.35s ease 0s; -webkit-transition: opacity 0.35s ease 0s, transform 0.35s ease 0s; -moz-transition: opacity 0.35s ease 0s, transform 0.35s ease 0s; -ms-transition: opacity 0.35s ease 0s, transform 0.35s ease 0s; -o-transition: opacity 0.35s ease 0s, transform 0.35s ease 0s; } .subbanner-inner1:hover .hover_data .title, .subbanner-inner2:hover .hover_data .title, .subbanner-inner3:hover .hover_data .title, .subbanner-inner1:hover .hover_data .desc-text, .subbanner-inner2:hover .hover_data .desc-text, .subbanner-inner3:hover .hover_data .desc-text{ opacity: 1; -webkit-opacity: 1; -moz-opacity: 1; -khtml-opacity: 1; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; -moz-transition: opacity 0.35s, transform 0.35s; -ms-transition: opacity 0.35s, transform 0.35s; -o-transition: opacity 0.35s, transform 0.35s; -webkit-transform: scale3d(1.1,1.1,1); transform: scale3d(1.1,1.1,1); -moz-transform: scale3d(1.1,1.1,1); -ms-transform: scale3d(1.1,1.1,1); -o-transform: scale3d(1.1,1.1,1); } .subbanner-outer .hover_data .desc-text a{ font-weight: bold; color: #FFFFFF; font-size: 46px; text-transform: capitalize; } .hover_data .title a{ color: #FFFFFF; font-size: 20px; font-weight: lighter; text-transform: uppercase; line-height: 28px; letter-spacing: 1.5px; } .subbanner img{max-width:100%;} /* End Subbanner1 CMS */ /* Welcome CMS */ .welcome_cms { width: 42%; float: left; } .cont_inner { float: left; position: relative; text-align: left; } .cont_inner .icon{ transition:all 0.3s ease; -webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease; -ms-transition:all 0.5s ease; -o-transition:all 0.5s ease; } .cont_inner:hover .icon{ } .welcome_cms .welcome_cms_title1 { background: none; color: #d9d9d9; font-family: "Alex Brush",Arial,Helvetica,sans-serif; font-size: 100px; font-weight: normal; margin: 0 0 0 -75px; padding: 0; text-transform: capitalize; line-height: 54px; text-align: left; } .welcome_cms .welcome_cms_title2 { font-size: 40px; color: #000000; padding-bottom: 62px; font-weight: 700; line-height: 40px; letter-spacing:-0.8px; } .welcome_cms .welcome_cms_title3 { color: #333333; font-size: 18px; font-weight: 600; margin: 0 0 15px; } .welcome_cms .welcome_cms_desc { line-height: 26px; letter-spacing: 1px; margin-bottom: 55px; } .welcome_cms .readmore a { padding: 6px 50px; border: 2px solid #333333; color: #000000; font-weight: 500; transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -webkit-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; } .welcome_cms .readmore a:hover{background:#000; color:#fff;} .service_cms { width: 55%; float: right; margin-top: 50px; } .service_4cms.cont_inner, .service_3cms.cont_inner, .service_2cms.cont_inner, .service_1cms.cont_inner{ width: 50%; float: left; display: inline-block; min-height: 190px; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; } .service_1cms.cont_inner{border-bottom:1px solid #dddddd;} .service_2cms.cont_inner { border-left: 1px solid #dddddd; border-bottom: 1px solid #dddddd; } .service_4cms.cont_inner { border-left: 1px solid #dddddd; } .service_content1, .service_content2, .service_content3, .service_content4{ padding: 30px 0px 47px; text-align: center; } .service_1cms.cont_inner .icon{ background: url("https://www.zeleni-dotik.si/skin/frontend/templatemela/hemptouch/images/megnor/service-icon.png") no-repeat scroll 0 24px transparent; margin: 0 auto; width: 46px; height: 60px; } .service_1cms.cont_inner:hover .icon{ background-position:0 0; } .service_2cms.cont_inner .icon { background: url("https://www.zeleni-dotik.si/skin/frontend/templatemela/hemptouch/images/megnor/service-icon.png") no-repeat scroll 0 -134px transparent; margin-left: auto; margin-right: auto; width: 46px; height: 60px; } .service_2cms.cont_inner:hover .icon { background-position:0 -148px; } .service_3cms.cont_inner .icon { background: url("https://www.zeleni-dotik.si/skin/frontend/templatemela/hemptouch/images/megnor/service-icon.png") no-repeat scroll 0 -284px transparent; margin-left: auto; margin-right: auto; width: 46px; height: 60px; } .service_3cms.cont_inner:hover .icon { background-position:0 -302px; } .service_4cms.cont_inner .icon { background: url("https://www.zeleni-dotik.si/skin/frontend/templatemela/hemptouch/images/megnor/service-icon.png") no-repeat scroll 0 -440px transparent; margin-left: auto; margin-right: auto; width: 46px; height: 60px; } .service_4cms.cont_inner:hover .icon { background-position:0 -453px; } .service_cms_text a { text-transform: capitalize; display: inline-block; line-height: 26px; color: #333333; font-size: 20px; font-weight: lighter; letter-spacing: 1px; margin-top: 25px; } .service_cms_text a:hover{color:#666;} .service_cms_text2 { color: #bfbfbf; text-transform: uppercase; letter-spacing: 1px; } .service_cms_text2:hover{ } /* End Welcome CMS */ /* Offer Banner CMS */ .offer-banner { background: #333333; text-align: center; padding: 60px 0; text-transform: capitalize; margin-top: 80px; margin-bottom: 60px; clear: both; float: left; width: 100%; } .offer-banner-inner .offer-banner-title { color: #ffffff; font-size: 40px; font-weight: bold; line-height: 40px; margin: 0 0 15px; } .offer-banner-inner .offer-banner-desc { color: #ffffff; font-size: 24px; font-weight: 600; display: inline-block; letter-spacing: 3px; } .offer-banner-inner .offer-link { border-bottom: 2px solid; margin-left: 10px; padding-bottom: 0px; display:inline-block } .offer-banner-inner .offer-link a { color: #ffffff; font-size: 24px; font-weight: 300; } .offer-banner-inner .offer-link a:hover{color:#a3a3a3;} .offer-banner-inner .offer-link:hover{border-color:#a3a3a3;} /* End Offer Banner CMS */ /* Footer Top CMS */ #footer_aboutus_block > h5{display:none;} #footer_aboutus_block > ul { list-style: outside none none; margin: 0; padding: 0; } #footer .tm-about-logo > a{background:none; padding:0;} .tm-about-logo{margin-bottom:24px; text-align:center; } #footer_aboutus_block .divs { margin:0; padding: 0; width: 33%; text-align:center; float:left; min-height:150px; } .footer-top-inner { padding-top: 101px; } .phoneno .icon { background: url("https://www.zeleni-dotik.si/skin/frontend/templatemela/hemptouch/images/megnor/footer-icon.png") no-repeat scroll center 0; display: block; height: 45px; margin: 0 auto 25px; width: 45px; } .address .icon { background: url("https://www.zeleni-dotik.si/skin/frontend/templatemela/hemptouch/images/megnor/footer-icon.png") no-repeat scroll center -79px; display: block; height: 45px; margin: 0 auto 25px; width: 45px; } .email .icon { background: url("https://www.zeleni-dotik.si/skin/frontend/templatemela/hemptouch/images/megnor/footer-icon.png") no-repeat scroll center -158px; display: block; height: 45px; margin: 0 auto 25px; width: 45px; } .email a {color:#c5c5c5;} .email a:hover {color:#fff;} .address { border-left:1px solid #4d4d4d; border-right:1px solid #4d4d4d; } .address_content { margin: 0 auto; overflow: hidden; width: 69%; } .social-link { float:left; width:100%; margin:20px 0 0; padding:0 0 20px; text-align:center; border-bottom:1px solid #4d4d4d; } li.social_block { cursor: pointer; display: inline-block; margin: 10px 0px ; padding: 0; } li.social_block a .fa { color: #7c7c7c; font-size: 22px; height: 35px; line-height: 35px; margin: 0; width: 42px; text-shadow: 2px 0px 2px rgba(0,0,0,0.1); } li.social_block a{color: #555555;} li.social_block a:hover{color:#fff;} .facebook a:hover i{color:#3b5998;} .twitter a:hover i{color:#4099FF;} .linkdin a:hover i{color:#007bb6;} .rss a:hover i{color:#FA9B39;} .you-tube a:hover i{color:#C4302B;} .pinit a:hover i{color:#910101;} .g-plus a:hover i{color:#C63D2D;} .skype a:hover i{color:#12A5F4;} .instagram a:hover i{color:#125688;} .whatsapp a:hover i{color:#4dc247;} #footer li { line-height:24px; } .footer-bottom { text-align:center; margin:35px 0 0; padding:15px 0 10px; border-top:1px solid #4d4d4d; display:inline-block; width:100%; } .content_footer_bottom { float: right; margin-top: 10px; } .footer_bottom li{display:inline-block;} .footer_bottom .payment_block { margin: 0; padding: 0; list-style:outside none none; float:right; } .footer_bottom .payment_block li{ display: inline-block; } .footer_bottom .payment_block li img{display:none} .footer_bottom .payment_block li.discover:before{content:"\f1f2"; font-family:"FontAwesome"; color:#808080; font-size:26px;} .footer_bottom .payment_block li.mastro:before{content:"\f1f1"; font-family:"FontAwesome"; color:#808080; font-size:26px;} .footer_bottom .payment_block li.paypal:before{content:"\f1f4"; font-family:"FontAwesome"; color:#808080; font-size:26px;} .footer_bottom .payment_block li.visa:before{content:"\f1f0"; font-family:"FontAwesome"; color:#808080; font-size:26px;} .footer_bottom .payment_block li.g-wall:before{content:"\f1ee"; font-family:"FontAwesome"; color:#333; font-size:16px; background-color:#808080; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; -khtml-border-radius:3px; padding: 3px 9px; vertical-align:3px;} .footer_bottom .payment_block li:last-child { margin-right:-3px; } .footer_bottom_inner.container{padding:0;} .footer_bottom h5 { display: none; } /* End Footer Top CMS */ /* Subbanner2 CMS */ .subbanner2{margin-bottom: 55px;} .cloth-banner-outer.container-outer{ clear: both; position: relative; margin-bottom: 30px; margin-top: 15px; display: inline-block; } .cloth-banner1, .cloth-banner2{ overflow: visible !important; position: relative; } .cloth-banner1{float:left; width:100%; margin-bottom:80px;} .cloth-banner2{float:left; width:100%; text-align: right;} .cloth-banner1-inner, .cloth-banner2-inner{position: relative; display:block;} .inner1, .inner2{position:relative;} .inner1{overflow:hidden;} .cloth-banner1-inner .inner1,.cloth-banner2-inner .inner2 {margin-bottom: 30px; min-height: 670px; padding-bottom: 20px;} .cloth-banner2-inner .inner2{width: 100%; float: left; min-height: 670px;} .hover_content{text-align:center;} .inner1 .hover_content{ position: relative; opacity: 1; -webkit-opacity: 1; -moz-opacity: 1; -khtml-opacity: 1; width: 50%; display: inline-block; height: 100%; float: left; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .cloth-banner1 .hover_content { position: absolute; opacity: 1; -webkit-opacity: 1; -moz-opacity: 1; -khtml-opacity: 1; width: 100%; display: inline-block; left: -1px; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .inner1 .image_block1{float: right; width: 50%;} .cloth-banner2-inner .inner2 .image_block1 { float: left; width: 50%; text-align: left; } .inner1 .hover_data{float:left;} .cloth-banner2-inner .inner2 .hover_data{ float: right; } .cloth-banner1 .hover_data { display: block; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .inner1 .image_block2 { bottom: 0; float: left; left: 27%; position: absolute; right: auto; width: auto; padding-bottom: 10px; } .cloth-banner2-inner .inner2 .image_block2{ bottom: 0; float: left; left: 42%; position: absolute; right: auto; width: auto; } .cloth-banner1-inner .inner1 .shop-now{ float: left; position: absolute; right: 28%; left: auto; width: auto; bottom: 55px; } .cloth-banner2-inner .inner2 .shop-now{ float: left; position: absolute; left: 28%; right: auto; width: auto; bottom: 55px; } .cloth-banner1-inner .inner1 .hover_data .title1{ color: #333333; font-size: 60px; font-weight: bold; line-height: 60px; margin: 3% 0 0 28%; text-align: left; text-transform: uppercase; } .cloth-banner2-inner .inner2 .hover_data .title1{ color: #333333; font-size: 60px; font-weight: bold; line-height: 60px; margin: 9% 0 0 -7%; text-align: left; text-transform: uppercase; } .cloth-banner1-inner .inner1 .hover_data .title2{ margin: -15px -3% 0 0; text-align: right; color: #a55f4e; font-family: "Alex Brush",Arial,Helvetica,sans-serif; font-size: 150px; font-weight: normal; line-height: 150px; letter-spacing: 0; text-transform:capitalize; } .cloth-banner2-inner .inner2 .hover_data .title2 { margin: -25px 16% 0 0%; text-align: right; color: #7691b4; font-family: "Alex Brush",Arial,Helvetica,sans-serif; font-size: 150px; font-weight: normal; line-height: 150px; letter-spacing: 0; text-transform: capitalize; } .hover_data .desc-text { color: #4c4c4c; font-size: 25px; font-weight: normal; margin-bottom: 12px; text-transform: uppercase; } .cloth-banner1-inner .inner1 .desc-text{ color: #333333; font-size: 28px; font-weight: 300; line-height: 28px; text-transform: capitalize; text-align: left; } .cloth-banner2-inner .inner2 .desc-text { color: #333333; font-size: 28px; font-weight: 300; line-height: 28px; text-transform: none; text-align: right; letter-spacing: 0; margin-top: 10px; } .cloth-banner1 img, .inner1 img, .inner2 img{ transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; max-width: 100%; } .cloth-banner1 .cloth-banner1-inner .inner1:hover .image_block1 img,.cloth-banner2 .cloth-banner2-inner .inner2:hover .image_block2 img{ box-shadow: 10px -10px 0 rgba(51, 51, 51, 0.2); -webkit-box-shadow: 10px -10px 0 rgba(51, 51, 51, 0.2); -moz-box-shadow: 10px -10px 0 rgba(51, 51, 51, 0.2); transform: translate(-10px, 10px); -webkit-transform: translate(-10px, 10px); -moz-transform: translate(-10px, 10px); -ms-transform: translate(-10px, 10px); -o-transform: translate(-10px, 10px); transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; } .cloth-banner1 .cloth-banner1-inner .inner1:hover .image_block2 img,.cloth-banner2 .cloth-banner2-inner .inner2:hover .image_block1 img{ box-shadow: -10px -10px 0 rgba(51, 51, 51, 0.2); -webkit-box-shadow: -10px -10px 0 rgba(51, 51, 51, 0.2); -moz-box-shadow: -10px -10px 0 rgba(51, 51, 51, 0.2); transform: translate(10px, 10px); -webkit-transform: translate(10px, 10px); -moz-transform: translate(10px, 10px); -ms-transform: translate(10px, 10px); -o-transform: translate(10px, 10px); transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; } .cloth-banner1-inner .inner1 .shop-now a, .cloth-banner2-inner .inner2 .shop-now a{ border: 2px solid #333333; color: #000000; font-weight: 500; padding: 6px 60px; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; text-transform: capitalize; } .cloth-banner1-inner .inner1 .shop-now a:hover, .cloth-banner2-inner .inner2 .shop-now a:hover{ background: #333333; color: #ffffff; } /* End Subbanner2 CMS */ /* Parallax CMS */ .parallax { background-color: #f2f2f2; background-image: url("https://www.zeleni-dotik.si/skin/frontend/templatemela/hemptouch/images/parallax.jpg"); background-position: 50% 0; background-repeat: repeat; height: 500px; margin: 0 0 65px; position: relative; width: 100%; background-size:cover; } .testimonial-cms{ float: left; text-align: center; width: 100%; padding: 79px 0; } .testimonials { float: left; padding: 0; width: 100%; } .testimonial_inner { margin: 0 auto; text-align: center; width: 80%; } .peoplesay-block { margin: 15px 0 0; } .testimonials .test-image { border: 2px solid #fff; transform: rotate(45deg); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); display: inline-block; width: 80px; height: 80px; position: relative; margin-top: 2px; } .testimonials .image-block { background: #FFFFFF; display: inline-block; margin-bottom: 22px; overflow: hidden; position: relative; transform: rotate(90deg); -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); border: 5px solid rgba(0,0,0,0.8); } .testimonials .test-image img { display: block; width: 100%; transform: rotate(-135deg); -webkit-transform: rotate(-135deg); -moz-transform: rotate(-135deg); -ms-transform: rotate(-135deg); -o-transform: rotate(-135deg); } .testimonials .cms-box-heading { color: #000; font-weight: bold; margin: 10px 0 25px; padding: 0; text-align: center; text-transform: uppercase; } .testimonials .test-desc { color: #b2b2b2; margin: 0 0 30px; line-height: 26px; position: relative; padding: 0 20px; } .testimonials .test-desc:before{ content: "\201C"; font-size: 130px; position: absolute; left:0; top: 35px; color: #555553; } .testimonials .cms-box-heading a { display: inline-block; width: 100%; color: #ffffff; font-size: 20px; font-weight: 500; text-transform: capitalize; margin: 0 0 6px; } .testimonials .cms-box-heading span { color: #d9d9d9; font-size: 14px; text-transform: uppercase; font-weight: normal; margin: 0 0 20px; } .testimonials .customNavigation{display:none;} /* End Parallax CMS */ /* Newsletter CMS */ .news-text{line-height:24px; padding:3px 0; color:#bfbfbf;} /* End Newsletter CMS */ /* Instagram CMS */ .instafeed-cms { border-top:1px solid #ddd; padding-top:30px; } .instafeed-heading { text-align: center; color: #333333; font-size: 30px; font-weight: 600; line-height: 40px; text-transform: capitalize; } .instafeed-heading:before { content: "\f16d"; font-family: "FontAwesome"; margin-right: 10px; font-size: 25px; } .insta-link {position:relative; display:block;} .insta-link:before{ background: rgba(51, 51, 51, 0.8); content: ""; height: 100%; left: 0; opacity: 0; -webkit-opacity: 0; -moz-opacity: 0; -khtml-opacity: 0; position: absolute; right: 0; transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; width: 100%; } .insta-link:after { bottom: 15%; color: #fff; content: "\2192"; font-size: 35px; left: 0px; opacity: 0; -webkit-opacity: 0; -moz-opacity: 0; -khtml-opacity: 0; position: absolute; right: 0px; transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; text-align: center; } .insta-link:hover:before,.insta-link:hover:after{ opacity: 1; -webkit-opacity: 1; -moz-opacity: 1; -khtml-opacity: 1; } #instafeed img{ max-width: 100%; width: 100%; } .insta-details{ left: 0; position: absolute; right: 0; top: 21%; width: 100%; opacity: 0; -webkit-opacity: 0; -moz-opacity: 0; -khtml-opacity: 0; color: #d9d9d9; text-align: center; } #instafeed .item:hover .insta-details { opacity: 1; -webkit-opacity: 1; -moz-opacity: 1; -khtml-opacity: 1; } .insta-userby{ display: block; font-family: "Alex Brush", Open Sans, sans-serif; font-size: 30px; margin: 0 0 20px; text-transform: capitalize; } .insta-user{ display: inline-block; font-weight: bold; margin: 0 5px 20px; color:#fff; } .insta-date{ display: inline-block; margin: 0 0 20px 0; color:#fff; } .insta-caption{ display: block; margin: 0 auto 20px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding: 0 20px; width: 50%; color:#fff; } .likes{ margin: 0 5px; display: none; } .comments { margin: 0 5px; display: none; } #instafeed .owl-controls .owl-buttons div{top:50%; transition:all 0.3s ease; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -ms-transition:all 0.3s ease; -o-transition:all 0.3s ease;} #instafeed.owl-carousel .owl-buttons .owl-prev {left:-60px;} #instafeed.owl-carousel .owl-buttons .owl-next {right:-60px;} #instafeed.owl-carousel .owl-buttons .owl-prev,#instafeed.owl-carousel .owl-buttons .owl-next{height:auto; width:auto; border:none} #instafeed.owl-carousel:hover .owl-buttons .owl-prev {left:25px;} #instafeed.owl-carousel:hover .owl-buttons .owl-next {right:25px;} #instafeed.owl-carousel .owl-buttons .owl-prev:before{ content: "\f177"; font-size:22px; } #instafeed.owl-carousel .owl-buttons .owl-next:before{ content: "\f178"; font-size:22px; } /* End Instagram CMS */ /* Blog CMS */ .megnorblog { text-align: center; position: relative; margin-bottom: 65px; margin-top: 60px; } .blog-heading{ text-align: center; background: url("https://www.zeleni-dotik.si/skin/frontend/templatemela/hemptouch/images/megnor/title-divider.png") no-repeat scroll center bottom; color: #333333; display: inline-block; font-size: 40px; font-weight: 700; line-height: 40px; margin: 0 0 40px; padding-bottom: 30px; text-transform: uppercase; } .megnorblog .bx-controls { opacity: 0; -webkit-opacity: 0; -moz-opacity: 0; -khtml-opacity: 0; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; display:none; } .megnorblog:hover .bx-controls { opacity: 1; -webkit-opacity: 1; -moz-opacity: 1; -khtml-opacity: 1; } .megnorblog .bx-controls-direction .bx-prev { background: #fff; border:2px solid rgba(0, 0, 0, 0.8); left: 0; padding: 3px 15px; position: absolute; right: 0; top: 87px; font-size:0; color: #333; cursor:pointer; transition: all 200ms ease 0s; -moz-transition: all 200ms ease 0s; -webkit-transition: all 200ms ease 0s; -ms-transition: all 200ms ease 0s; -o-transition: all 200ms ease 0s; letter-spacing:0; width:37px; height:33px; margin:0 auto; } .megnorblog .bx-controls-direction .bx-prev::before{ content: "\f0d8"; font-family: "FontAwesome"; font-size: 18px; line-height: 26px; margin: 0; position: absolute; text-align:center; left:0; right:0; vertical-align:middle; top: 0px; } .megnorblog .bx-controls-direction .bx-next::before{ content: "\f0d7"; font-family: "FontAwesome"; font-size: 18px; line-height: 26px; margin: 0; position: absolute; text-align:center; left:0; right:0; top: 1px; vertical-align:middle; } .megnorblog .bx-controls-direction .bx-next:hover, .megnorblog .bx-controls-direction .bx-prev:hover{ background: #fff none repeat scroll 0 0; color:#000; transition: all 200ms ease 0s; -moz-transition: all 200ms ease 0s; -webkit-transition: all 200ms ease 0s; -ms-transition: all 200ms ease 0s; -o-transition: all 200ms ease 0s; } .megnorblog .bx-controls-direction .bx-next.disabled, .megnorblog .bx-controls-direction .bx-prev.disabled{ background:none; border:2px solid rgba(0, 0, 0, 0.8); color:#333; cursor:auto; transition: all 200ms ease 0s; -moz-transition: all 200ms ease 0s; -webkit-transition: all 200ms ease 0s; -ms-transition: all 200ms ease 0s; -o-transition: all 200ms ease 0s; } .megnorblog .bx-controls-direction .bx-next { background: #fff; border:2px solid rgba(0, 0, 0, 0.8); left: 0; top:auto; padding: 3px 15px; position: absolute; right: 0; bottom: 96px; font-size:0; color: #333; cursor:pointer; transition: all 200ms ease 0s; -moz-transition: all 200ms ease 0s; -webkit-transition: all 200ms ease 0s; -ms-transition: all 200ms ease 0s; -o-transition: all 200ms ease 0s; letter-spacing:0; width:37px; height:33px; margin:0 auto; } #blog-carousel .product-block{ margin: 0 0 30px; background: #F8F8FA; clear: both; overflow: hidden; } .blog-left{overflow:hidden;} .megnorblog .blog-left { position: absolute; opacity: 0; -webkit-opacity: 0; -moz-opacity: 0; -khtml-opacity: 0; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; z-index: 1; } #blog-carousel .product-block:hover .blog-left{ opacity: 1; -webkit-opacity: 1; -moz-opacity: 1; -khtml-opacity: 1; } .megnorblog .blog-right { float: left; width: 100%; text-align: center; padding: 30px 0 20px; } .blog-right .date-time { color: #000000; display: inline-block; float: left; font-size: 13px; font-weight: lighter; margin: 0 auto 8px; text-align: center; width: 100%; text-transform:capitalize; } .blog-right h4 { margin-bottom: 10px; margin-top: 0px; clear:both; } .megnorblog h4 a { color: #666666; font-size: 24px; font-weight: 500; text-transform: capitalize; } .blog-right .blog-desc { display: none; } .megnorblog .blog-right .view-blog { display: inline-block; margin: 0 auto; } .like { float:left; position:relative; padding-right: 10px; margin-right: 10px; } .like:before { content:"\f08a"; font-family:"FontAwesome"; font-size:12px; color:#999999; margin-right: 10px; } .share { float:left; position:relative; padding-right: 10px; margin-right: 10px; } .share:before { content:"\f1e0"; font-family:"FontAwesome"; font-size:12px; color:#999999; margin-right: 10px; } .write-comment { float: left; padding-right: 10px; margin-right: 10px; position:relative; } .write-comment:before { content:"\f0e5"; font-family:"FontAwesome"; font-size:12px; color:#999999; margin-right: 10px; } .read-more { float: left; position:relative; } .read-more:before { content:"\f0c1"; font-family:"FontAwesome"; font-size:12px; color:#999999; margin-right: 10px; } .view-blog a { font-size: 12px; text-transform: uppercase; color: #999999; letter-spacing: 0; font-weight: lighter; } .read-more a { font-weight: lighter; text-transform: uppercase; font-size: 12px; color: #999999; } .blog-left .blog-image { width: 1170px; height: 155px; } .blog-left .blog-image .post_hover { bottom: 0; display: inline-block; height: 44px; left: 0; margin: auto; opacity: 0; -webkit-opacity: 0; -moz-opacity: 0; -khtml-opacity: 0; position: absolute; right: 0; text-align: center; top: 0; width: 150px; } .product-block .blog-left:hover .post_hover { opacity: 1; -webkit-opacity: 1; -moz-opacity: 1; -khtml-opacity: 1; transition: all 0.1s ease 0s; -moz-transition: all 0.1s ease 0s; -webkit-transition: all 0.1s ease 0s; -ms-transition: all 0.1s ease 0s; -o-transition: all 0.1s ease 0s; } .blog-left .post-image-hover { height: 100%; position: absolute; top: 0; bottom: 0; transition: all 0.3s ease-out 0s; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; width: 100%; left: 0; right: 0; margin: auto; } .blog-left:hover .post-image-hover { background: rgba(0, 0, 0, 0.2); transition: all 0.3s ease-out 0s; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; } .blog-left .blog-image img { border: none; padding: 0; position: relative; top: -50%; } .blog-left .blog-image .zoom { border: 2px solid #333; color: #fff; display: inline-block; margin-right: 10px; opacity: 0; -khtml-opacity: 0; -moz-opacity: 0; -webkit-opacity: 0; padding: 8px 18px; transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; -ms-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; z-index: 10; position: relative; background: #333333; } .blog-left .blog-image .zoom:hover{ background: #fff; border-color: #fff; } .blog-left .blog-image .zoom:before{ content:"\f002"; font-family:"FontAwesome"; font-size:17px; position:absolute; left:0; right:0; } .product-block .blog-left:hover .zoom{ opacity: 1; -webkit-opacity: 1; -moz-opacity: 1; -khtml-opacity: 1; transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; -ms-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; left: 0; } .blog-left .blog-image .zoom:hover:before{color:#333;} .blog-left .blog-image .readmore_link { border: 2px solid #333; background: #333; color: #fff; display: inline-block; opacity: 0; -khtml-opacity: 0; -moz-opacity: 0; -webkit-opacity: 0; padding: 8px 18px; transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; -ms-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; z-index: 10; position: relative; } .blog-left .blog-image .readmore_link:hover{ background:#fff; border-color:#fff; } .blog-left .blog-image .readmore_link:before{ content:"\f0c1"; font-family:"FontAwesome"; font-size:17px; position:absolute; left:0; right:0; } .blog-left .blog-image .readmore_link:hover:before{color:#333;} .product-block .blog-left:hover .readmore_link { opacity: 1; -webkit-opacity: 1; -moz-opacity: 1; -khtml-opacity: 1; transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; -ms-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; right: 0; } .moreblog { margin-top: 70px; display: inline-block; } .megnorblog .more-blog{ padding: 5px 70px; border:2px solid #333333; color:#333333; text-transform:capitalize; font-weight:600; } .megnorblog .more-blog:hover{ background:#333333; color:#fff; } .blog-item{width:100%;} /* End Blog CMS */ /* Product Page Tab CMS */ .producttab-cms { width:85%; position:relative; margin: 40px 0 30px; clear: both; float: left; display: block; } .producttab-cms .tabbernav_product_sub { background: #fff; overflow: hidden; width: 100%; padding: 0; margin:0; } .product-tabs{ margin: 0; padding: 0; border-bottom: 1px solid #d9d9d9; display: block; width: 100%; float: left; } .product-tabs li{ float:left; margin:0; } .product-tabs li a { color: #aaa; float: left; padding: 9px 20px 6px; text-transform: uppercase; margin-right: 2px; border: 1px solid transparent; margin-bottom: -1px; font-weight: 700; font-size: 13px; line-height: 20px; } .producttab-cms .tab_product { padding: 5px 0; margin-top: -1px; } .producttab-cms .tab_product span { margin: 10px 0; font-size: 13px; display: block; padding: 0 0 5px; } .product-tabs a.selected { background: #fff; border-left: 1px solid #d9d9d9; border-top: 1px solid #d9d9d9; border-right: 1px solid #d9d9d9; border-bottom: 1px solid #fff; color: #333; } .cms-tabs { clear: both; float: left; } /* End Product Page Tab CMS */ .manufacture .products-grid li.item,.manufacture .product-carousel li.slider-item{ width:230px; } .manufacture .products-grid li.product-items,.manufacture .product-carousel li.slider-item { border-right: 1px solid #e6e6e6; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; } .manufacture .products-grid li.product-items:last-child, .manufacture .product-carousel li.slider-item:last-child, .manufacture .product-carousel li.slider-item.last_item_tm{ border-right:none; } .manufacture .products-grid li .product-block,.manufacture .product-carousel li .product-block{ margin:0; border-bottom: 1px solid #e6e6e6; padding:25px 0; } .manufacture .products-grid li .product-block + .product-block,.manufacture .product-carousel li .product-block + .product-block {border-bottom:none;} .manufacture .products-grid li ul li.item {width:100%;} .manufacture .category-title{display:none;} .manufacture .product-block img {width:auto; } .manufacture_info { margin-bottom: 20px; } .manufacture_detail { margin-top: 20px; } .manufacturer-list .product-block img{width:auto;} .manufacture .customNavigation{display:none} .related-product-outer { margin-bottom: 60px; margin-left:-15px; margin-right:-15px; } .box-up-sell{margin-bottom:100px; margin-left:-15px; margin-right:-15px;} .crosssell_product{margin-bottom:50px; margin-left:-15px; margin-right:-15px;} /** * 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-2018 Magento, Inc. (http://www.magento.com) * @license http://opensource.org/licenses/afl-3.0.php Academic Free License (AFL 3.0) */ /* Widgets =============================================================================== */ .widget { display:inline; } .widget .widget-title { clear:both; padding:15px 0 0; margin:0 0 7px; } .widget .widget-title h2 { font-size:15px; font-weight:bold; color:#e25203; } .widget .mini-products-images-list .product-image { display:block; width:76px; height:76px; border:1px solid #a9a9a9; margin:0 auto; } .widget .mini-products-images-list li.item { float:left; width:77px; height:77px; } /* Widget: Catalog New Proructs List */ .widget-new-products { display:block; } .col-main .widget-new-products { margin:7px 0; } .widget-new-products .products-grid .product-image, .widget-new-products .products-list .product-image { width:85px; height:85px; } .widget-new-products .products-list .product-shop { margin-left:100px; } .sidebar .widget-new-products .block { font-size:11px; line-height:1.25; } .sidebar .widget-new-products .block-title strong { background:url(https://www.zeleni-dotik.si/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.zeleni-dotik.si/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.zeleni-dotik.si/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.zeleni-dotik.si/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.zeleni-dotik.si/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.zeleni-dotik.si/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.zeleni-dotik.si/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.zeleni-dotik.si/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.zeleni-dotik.si/skin/frontend/base/default/images/widgets/i_widget-link.gif) 100% 4px no-repeat; padding:0 15px 0 0; } /* ======================================================================================= */ .epay_formtext_image { font-weight: bold; } h2.epay_redirect, h3.epay_redirect { display: inline-block; text-align: center; width: 100%; } body.modal_opened, html.modal_opened { overflow: hidden; } .degriz_gdprnewsletter { margin: 0; } .degriz_gdprnewsletter > label > input { display: inline-block; vertical-align: middle; margin-right: 10px; } .degriz_gdprnewsletter a.gdprnewsletter_box_open label { text-decoration: underline; } .gdprpopup_class { opacity:0; filter:alpha(opacity=0); visibility: hidden; position: fixed; top: 0; right: 0; bottom: 0; left: 0; text-align: left; background: rgba(0,0,0, .9); -webkit-transition: opacity 0.3s ease; -moz-transition: opacity 0.3s ease; -ms-transition: opacity 0.3s ease; -o-transition: opacity 0.3s ease; transition: opacity 0.3s ease; z-index: 9999; } .gdprpopup_bg { position: absolute; top: 0; right: 0; bottom: 0; left: 0; } .gdprpopup-state { display: none !important; } .modal_opened .popup_opened.gdprpopup_class { opacity:1; filter:alpha(opacity=100); visibility: visible; } .modal_opened .popup_opened.gdprpopup_class .gdprpopup_inner { top: 50%; } .gdprpopup_inner { -webkit-transition: top 0.3s ease; -moz-transition: top 0.3s ease; -ms-transition: top 0.3s ease; -o-transition: top 0.3s ease; transition: top 0.3s ease; position: absolute; top: 20%; left: 50%; background: #fff; overflow: auto; width: 800px; max-width: 90%; height: auto; max-height: 90%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .gdprpopup_inner > div { margin: 3em; } .gdprpopup_close { position: absolute !important; right: 0.5em; top: 0.5em; width: 2.1em; height: 2.1em; cursor: pointer; } .gdprpopup_close:after, .gdprpopup_close:before { content: ''; position: absolute; left: 50%; top: 0; width: 2px; height: 2.5em; margin: -3px 0 0 -1px; background: #999; display: block; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } .gdprpopup_close:hover:after, .gdprpopup_close:hover:before { background: #000; } .gdprpopup_close:before { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); } .gdprlabel_text, .gdprlabel_button { cursor: pointer; } .gdprpopup_class a { padding: 0; } .gdprpopup_class a label { padding: 10px 15px; } .gdprpopup_box_inner { margin-bottom: 2em; } .gdprpopup_box_subscribe { text-align: center; } .gdprpopup_box_subscribe a { margin: 5px;display: inline-block;padding: 10px 20px;} .gdpr_line { margin-top: 0; color: #777; font-size: 12px; } .gdpr_line a { color: #777; } .gdpr_line a label { vertical-align: unset; } .quickshop .gdpr_line { margin: -10px 0 10px 0; } .quickshop-agreement-p label {margin: 0; } /* location specific css */ #newsletter-validate-detail .degriz_gdprnewsletter { position: absolute; font-size: 12px; margin-top: 25px; margin-bottom: 0; } #newsletter-validate-detail .degriz_gdprnewsletter label { color: rgba(255,255,255,0.7); } #newsletter-validate-detail .degriz_gdprnewsletter a.gdprnewsletter_box_open { color: rgba(255,255,255,0.9); } #newsletter-validate-detail .degriz_gdprnewsletter .button label { color: rgba(0,0,0,0.7); } #j2t-track1 {background-image:url(https://www.zeleni-dotik.si/skin/frontend/base/default/images/j2t-bg-fader.gif); background-repeat:no-repeat; width:209px; height:28px;} #j2t-handle1 {background-image:url(https://www.zeleni-dotik.si/skin/frontend/base/default/images/j2t-thumb-n.gif); background-repeat:no-repeat; width:17px; height:21px; cursor:move;} #j2t-track2 {background-image:url(https://www.zeleni-dotik.si/skin/frontend/base/default/images/j2t-bg-fader.gif); background-repeat:no-repeat; width:209px; height:28px;} #j2t-handle2 {background-image:url(https://www.zeleni-dotik.si/skin/frontend/base/default/images/j2t-thumb-orange.gif); background-repeat:no-repeat; width:17px; height:21px; cursor:pointer;} .j2t-loyalty-points {display:block; clear:both;} .rewards_point_cart em {color:#EB340A;} .form-list .field.j2t-rewardpoints-email {width: 280px;} .form-list .field.j2t-rewardpoints-email img {vertical-align: middle;} .order-items h2.front-rewardpoints-details-title, .page-print h2.front-rewardpoints-details-title {margin-top: 10px;} .j2t-loyalty-points img {display: inline; vertical-align: middle;} #rewardFormArea .login-area-reward-form { border: 1px solid #E2E2E2; padding: 5px; background-color: #F0F8FC; margin-top: 5px;} #rewardFormArea .innner-item-points {font-size: 11px;} .rewardpoints-msgs .success-msg {background-image: url(https://www.zeleni-dotik.si/skin/frontend/base/default/images/rewardpoints/rewardpoints.png);} ul.catalog-points-details {list-style: disc; margin-left: 30px; font-style: italic; color: #5E5E5E;} span.inline-catalog-points-details, span.catalog-points-details {display:list-item;} span.catalog-points-details {list-style: disc; margin-left: 30px; font-style: italic; color: #5E5E5E;} #my-rewardpoints-table {margin-bottom: 20px;} .block .j2t-content {margin: 0; padding: 5px 9px; clear:both;} .block .jiathis_style_32x32 {margin: 0; padding: 5px 9px;} .j2t-content input.input-text {width:98%;} #rewardFormArea p.onestepcheckout-numbers { margin-top:20px; } @media only screen and (max-width: 1200px) { .reward-data-table thead { display: none; } .data-table.reward-data-table td { display: block; width: 100%; border:none; padding: 0px; } .reward-data-table td[data-theme-label] { padding-left: 15px; margin-bottom: 6px; } .reward-data-table td[data-theme-label]:before { content: attr(data-theme-label) ":"; padding-right: 5px; font-weight: bold; } .form-list .field.j2t-rewardpoints-email, .form-list .field.j2t-rewardpoints-name { width: 100%; } } .meter { height: 20px; position: relative; background: #555; -moz-border-radius: 25px; -webkit-border-radius: 25px; border-radius: 3px; padding: 2px; box-shadow: inset 0 -1px 1px rgba(255,255,255,0.3); } .meter > span { display: block; height: 100%; border-radius: 3px; background-color: rgb(43,194,83); background-image: linear-gradient( center bottom, rgb(43,194,83) 37%, rgb(84,240,84) 69% ); box-shadow: inset 0 2px 9px rgba(255,255,255,0.3), inset 0 -2px 6px rgba(0,0,0,0.4); position: relative; overflow: hidden; } .form-date-range-points img.v-middle {display:inline;} @media print { .print-history .page-title h1 {font-size: 14px !important; text-align: center;} .print-history {padding: 0px; margin: 0px;} .print-history .data-table th, .print-history .data-table td { font-size: 10px !important; line-height: 10px !important; white-space: normal; padding: 5px; } } .tm-hide { opacity: 0; -webkit-opacity: 0; -moz-opacity: 0; -khtml-opacity: 0; filter:alpha(opacity=0); } .tm-checkbox { background: url('https://www.zeleni-dotik.si/skin/frontend/templatemela/default/images/sprite.png') -2px -41px no-repeat; display:inline-block; width:17px; height:17px;vertical-align: middle; } .tm-radio { background: url('https://www.zeleni-dotik.si/skin/frontend/templatemela/default/images/sprite.png') 0 -5px no-repeat; display: inline; padding:0px; height:17px; vertical-align: middle; } .tm-checked { background-position:-75px -42px ; } .tm-selected { background-position: -73px -5px; } .tm-checkbox-green { background: url('https://www.zeleni-dotik.si/skin/frontend/templatemela/default/images/megnor/sprite.png') 0 1px no-repeat; display:inline-block; } .tm-checked-green { background-position: 0 -18px; } .tm-checkbox, .tm-radio { /*zoom: 1;*/} .ie7 .tm-checkbox{ display:inline; } /* ------------- * Selects * ------------- */ /* Custom Select*/ .sbHolder{ position: relative; width: auto; padding: 5px 20px 5px 5px; text-align: left; border: 1px solid #d9d9d9; } .sbHolder:focus .sbSelector{ } .sbSelector{ outline: none; overflow: hidden; top: 0; display:block; font-size: 13px; line-height:normal; } .sbSelector:link, .sbSelector:visited, .sbSelector:hover{ outline: none; text-decoration: none; } .sbToggle{ background: url("https://www.zeleni-dotik.si/skin/frontend/templatemela/default/images/arrow-down1.png") no-repeat scroll center center; display: block; outline: none; position: absolute; right: 4px; top: 8px; height:15px; width:15px; } .sbToggleOpen{ background:url("https://www.zeleni-dotik.si/skin/frontend/templatemela/default/images/arrow-up1.png") no-repeat scroll center center; } .sbOptions{ border: none; list-style: none; left: -1px; margin: 0; padding: 5px; position: absolute; top: 32px !important; width: 100%; z-index: 999; overflow-y: auto; border: 1px solid #d9d9d9; background-color: #fff; } .sbOptions li{ padding: 0 5px; margin:0; } .sbOptions a{ outline: none; padding: 5px 0 5px 0px; text-decoration:none; font-size: 12px; text-transform: capitalize; } .sbOptions a:hover,.sbOptions a:focus{ color:#666; } /* display none until init */ .product-carousel{ display: none; position: relative; width: 100%; -ms-touch-action: pan-y; } #column-left .product-carousel, #column-right .product-carousel { display:block;} #column-left .customNavigation, #column-right .customNavigation { display:none;} .product-carousel .slider-wrapper{ display: none; position: relative; -webkit-transform: translate3d(0px, 0px, 0px); -webkit-perspective: 1000; } .product-carousel .slider-wrapper-outer{ overflow: hidden; position: relative; width: 100%; } .product-carousel .slider-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; } .product-carousel .slider-item{ float: left; } .slider-controls .slider-page, .slider-controls .slider-buttons div{ cursor: pointer; } .slider-controls { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } /* mouse grab icon */ .grabbing { cursor:url("https://www.zeleni-dotik.si/skin/frontend/templatemela/default/images/megnor/grabbing.png") 8 8, move; } /* fix */ .product-carousel .slider-wrapper, .product-carousel .slider-item{ -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; } .customNavigation { text-align: center; position:absolute;width:100%} .customNavigation a{ -webkit-tap-highlight-color: rgba(0, 0, 0, 0); display: block; float: right; height: 22px; position: absolute; top: -34px; width: 22px; } .customNavigation a.prev { background: url("https://www.zeleni-dotik.si/skin/frontend/templatemela/default/images/sprite.png") no-repeat scroll -234px 2px transparent; right: 85px; } .customNavigation a.prev:hover { background-position: -234px -27px; text-decoration:none;} .customNavigation a.next { background: url("https://www.zeleni-dotik.si/skin/frontend/templatemela/default/images/sprite.png") no-repeat scroll -204px 2px transparent; right:28px; } .customNavigation a.next:hover { background-position: -204px -27px; text-decoration:none;} /* Responsive menu Css Start */ .nav-responsive span { display:block; padding:8px 0; float: none; margin: 0;} .ie7 .nav-responsive span { display:inline;} .nav-responsive { cursor:pointer; display:none; } #nav-mobile ul li{ list-style:none; position:relative;} .nav-responsive .expandable{ background: url("https://www.zeleni-dotik.si/skin/frontend/templatemela/default/images/sprite.png") no-repeat scroll -124px -125px transparent; height: 17px; margin-right: 5px; margin-top: 15px; width: 27px; } .responsive-menu { padding:0; position:relative;} .responsive-menu #nav-mobile{ position:absolute; z-index:999; display:none; margin-top:0px; padding:2%; width:96%; list-style:none; top:72px; border:1px solid #d9d9d9; } .responsive-menu #nav-mobile ul{padding-left:20px;} .nav-responsive div, .responsive-menu .hitarea { background: none; height: 25px; width: 25px; float: right; cursor: pointer; margin-right:0px; margin-top: 0px; text-align: center; } .responsive-menu .expandable .collapsable-hitarea{ } .responsive-menu .expandable-hitarea { } .responsive-menu .collapsable-hitarea { } .responsive-menu .expandable .collapsable-hitarea:before{ content: "\02212"; font-family: "FontAwesome"; font-size: 13px; font-weight: 300; color: #000; vertical-align: sub; } .responsive-menu .expandable-hitarea:before{ content: "\0002B"; font-family: "FontAwesome"; font-size: 13px; font-weight: 300; color: #000; vertical-align: sub; } .responsive-menu .collapsable-hitarea:before{ content: "\02212"; font-family: "FontAwesome"; font-size: 13px; font-weight: 300; color: #000; vertical-align: sub; } /* Responsive menu Css End */ /*RESPONSIVE TABLE*/ .table-responsive { } .tm_responsive_container, .tm_responsive_container_footer{ width:auto; overflow:hidden;} .tm_responsive_group{ float:left; margin: 5px 0; padding: 3%; width: 92%; border:1px solid #ededed; color:#333; background:#FBFBFB } .tm_responsive_row label{ width: 100px; display:block; float:left; font-weight: bold; } .tm_responsive_row span{ width: 250px; display:block; float:left; } .tm_responsive_row{ overflow:hidden; border-bottom: 1px solid #EEEEEE; padding:10px 0; } .tm_responsive_row span .separator{ display:none; } /*RESPONSIVE TABLE*/ /* * jQuery FlexSlider v2.0 * http://www.woothemes.com/flexslider/ * * Copyright 2012 WooThemes * Free to use under the GPLv2 license. * http://www.gnu.org/licenses/gpl-2.0.html * * Contributing author: Tyler Smith (@mbmufffin) */ /* Browser Resets */ .flex-container a:active, .flexslider a:active, .flex-container a:focus, .flexslider a:focus {outline: none;} .slides, .flex-control-nav, .flex-direction-nav { list-style: none;} /* FlexSlider Necessary Styles *********************************/ .flexslider .slides{ padding:0; } .flexslider .slides > li {display: none; -webkit-backface-visibility: hidden; list-style:none !important;} /* Hide the slides before the JS is loaded. Avoids image jumping */ .flexslider .slides img {width: 100%; display: block;} /* Clearfix for the .slides element */ .slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} html[xmlns] .slides {display: block;} * html .slides {height: 1%;} /* No JavaScript Fallback */ /* If you are not using another script, such as Modernizr, make sure you * include js that eliminates this class on page load */ .no-js .slides > li:first-child {display: block;} /* FlexSlider Default Theme *********************************/ .flexslider {position: relative; clear:both; margin:0 0 10px 0; overflow:hidden; background-color: #000;} .flex-viewport {max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease;} .loading .flex-viewport {max-height: 300px;} .flexslider .slides { margin:0; } /* Direction Nav */ .flex-direction-nav {margin:0; z-index:999;} .flex-direction-nav li{ list-style:none;} .flexslider:hover .flex-direction-nav { display:block; margin:0; } .flex-direction-nav li a.flex-next { font-size: 0; position: absolute; right: -60px; top: 50%; padding:5px 15px; transition:all 0.3s ease; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -ms-transition:all 0.3s ease; -o-transition:all 0.3s ease; z-index:9; margin-top:-5px; } .flexslider:hover .flex-direction-nav li a.flex-next{right:25px;} .flex-direction-nav li a.flex-next:before{ content:"\f178"; font-family:"FontAwesome"; font-size:22px; color:#fff; vertical-align: bottom; } .flex-direction-nav li a.flex-prev { left: -60px; position: absolute; top: 50%; font-size:0; padding:5px 15px; transition:all 0.3s ease; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -ms-transition:all 0.3s ease; -o-transition:all 0.3s ease; z-index:9; margin-top:-5px; } .flexslider:hover .flex-direction-nav li a.flex-prev{left:25px;} .flex-direction-nav li a.flex-prev:before{ content:"\f177"; font-family:"FontAwesome"; font-size:22px; color:#fff; vertical-align: bottom; } .flex-direction-nav li a.flex-prev:hover {background:#000;} .flex-direction-nav li a.flex-next:hover {background:#000;} #spinner { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; z-index: 9; background: url("https://www.zeleni-dotik.si/skin/frontend/templatemela/default/images/megnor/ajax-loader.gif") 50% 50% no-repeat #f2f2f2; } /* Control Nav */ .flex-control-nav {position: absolute; bottom:10px; right:0px; margin:0; padding:0; z-index:999; display:none; left:0px; text-align:center;} .flex-control-nav li {margin: 0 4px;float: none; font-size: 0; display: inline-block; vertical-align: middle;} .flex-control-paging li a { cursor: pointer; display: block; height: 11px; text-indent: -9999px; width: 11px; font-size: 0; background: #333; border: 1px solid #333; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; } .flex-control-paging li a:hover ,.flex-control-paging li a.flex-active{ border:3px solid #333; background:#fff; } .flex-control-paging li a.flex-active{ cursor: default; } .flex-control-thumbs {margin: 5px 0 0; position: static; overflow: hidden;} .flex-control-thumbs li {width: 25%; float: left; margin: 0;} .flex-control-thumbs img {width: 100%; display: block; opacity: .7; cursor: pointer;} .flex-control-thumbs img:hover {opacity: 1;} .flex-control-thumbs .flex-active {opacity: 1; cursor: default;} /* display none until init */ .product-carousel{ display: none; opacity:1!important; position: relative; width: 100%; -ms-touch-action: pan-y; } #column-left .product-carousel, #column-right .product-carousel { display:block;} #column-left .customNavigation, #column-right .customNavigation { display:none;} #column-left .banners-slider-carousel .customNavigation, #column-right .banners-slider-carousel .customNavigation{ display:block;} .product-carousel .slider-wrapper{ display: none; position: relative; -webkit-transform: translate3d(0px, 0px, 0px); -webkit-perspective: 1000; } .product-carousel .slider-wrapper-outer{ overflow: hidden; position: relative; width: 100%; } .product-carousel .slider-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; } .product-carousel .slider-item{ float: left; } .slider-controls .slider-page, .slider-controls .slider-buttons div{ cursor: pointer; } .slider-controls { -webkit-tap-highlight-color: transparent; } /* mouse grab icon */ .grabbing { cursor:url("https://www.zeleni-dotik.si/skin/frontend/templatemela/default/images/megnor/grabbing.png") 8 8, move; } /* fix */ .product-carousel .slider-wrapper, .product-carousel .slider-item{ -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; list-style:none; } .customNavigation { text-align: center; position:relative;width:100%} .tabs .customNavigation {position:absolute; top:50%; } .related-products .customNavigation,.crosssell .customNavigation,.box-up-sell .customNavigation{ display: block; margin: 0px auto; text-align: center; width: 70px; } .customNavigation a{ -webkit-tap-highlight-color:transparent; display: block; float: right; height: 15px; position: absolute; top: -45px; width: 30px; text-indent: -9999px; cursor:pointer; z-index:999; } .related-products .customNavigation a,.crosssell .customNavigation a,.box-up-sell .customNavigation a{ transition: all 0.1s ease 0s; -webkit-transition: all 0.1s ease 0s; -moz-transition: all 0.1s ease 0s; -ms-transition: all 0.1s ease 0s; -o-transition: all 0.1s ease 0s; height: auto; width: 15px; font-weight: 600; top:auto } .customNavigation a.prev { background: url("https://www.zeleni-dotik.si/skin/frontend/templatemela/default/images/sprite.png") no-repeat scroll -206px 2px transparent; left:-30px; } .related-products .customNavigation a.prev,.crosssell .customNavigation a.prev,.box-up-sell .customNavigation a.prev{ border: 2px solid #d9d9d9; color: #333; cursor: pointer; font-size: 18px; padding: 1px 6px 1px 6px; z-index: 999; letter-spacing: 0; left: 0px; right: auto; background:#fff; text-indent: 0; } .related-products .customNavigation a.prev:before,.crosssell .customNavigation a.prev:before,.box-up-sell .customNavigation a.prev:before{ content:"\f104"; font-family:"FontAwesome"; } .customNavigation a.prev:hover { background-position: -206px -27px; text-decoration:none;} .related-products .customNavigation a.prev:hover,.crosssell .customNavigation a.prev:hover,.box-up-sell .customNavigation a.prev:hover{ border-color:#333; background:#333; color:#fff; } .customNavigation a.next { background: url("https://www.zeleni-dotik.si/skin/frontend/templatemela/default/images/sprite.png") no-repeat scroll -236px 2px transparent; right:-30px; } .related-products .customNavigation a.next,.crosssell .customNavigation a.next,.box-up-sell .customNavigation a.next{ border: 2px solid #d9d9d9; color: #333; cursor: pointer; font-size: 18px; padding: 1px 6px 1px 6px; z-index: 999; letter-spacing: 0; right: 0; left: auto; background:#fff; text-indent: 0; } .related-products .customNavigation a.next:before,.crosssell .customNavigation a.next:before,.box-up-sell .customNavigation a.next:before{ content:"\f105"; font-family:"FontAwesome"; } .customNavigation a.next:hover { background-position: -236px -27px; text-decoration:none;} .related-products .customNavigation a.next:hover,.crosssell .customNavigation a.next:hover,.box-up-sell .customNavigation a.next:hover{ border-color:#333; background:#333; color:#fff; } /**************** additional carousel start *******************/ .additional-carousel .product-carousel{ width:auto; margin:0 15px; } .additional-carousel .customNavigation a.prev { background:url("https://www.zeleni-dotik.si/skin/frontend/templatemela/default/images/sprite.png") no-repeat scroll -203px -265px transparent; left:-3px; top:33px; z-index:999; text-indent: -9999px; cursor:pointer; } .additional-carousel .customNavigation a.prev:hover { background-position: -203px -295px; text-decoration:none; z-index:999;} .additional-carousel .customNavigation a.next { background: url("https://www.zeleni-dotik.si/skin/frontend/templatemela/default/images/sprite.png") no-repeat scroll -233px -295px transparent; right:-7px; top:33px; cursor:pointer; z-index:999; text-indent: -9999px; } .additional-carousel .customNavigation a.next:hover { background-position: -233px -295px; text-decoration:none; z-index:999;} .additional-carousel .slider-item { float: left; width: 90px; } .additional-carousel .slider-item .product-block{ background: none repeat scroll 0 0 #FFFFFF; border: 1px solid #EEEEEE; border-radius: 3px; clear: both; margin: 4px 7px; overflow: hidden;} /**************** additional carousel End *******************/ .product-info .product-image .customNavigation { text-align: center; position:absolute; width:100%; z-index:9;} .product-info .product-image .customNavigation a{ -webkit-tap-highlight-color: transparent; display: block; float: right; height: 20px; position: absolute; top: -34px; width: 16px; } .product-info .product-image .customNavigation a.prev { background: url("https://www.zeleni-dotik.si/skin/frontend/templatemela/default/image/megnor/sprite.png") no-repeat scroll -11px -60px transparent; left:-3px; top:35px; } .product-info .product-image .customNavigation a.prev:hover { background-position: -11px -90px; text-decoration:none;} .product-info .product-image .customNavigation a.next { background: url("https://www.zeleni-dotik.si/skin/frontend/templatemela/default/image/megnor/sprite.png") no-repeat scroll -43px -60px transparent; right:-3px; top:35px; } .product-info .product-image .customNavigation a.next:hover { background-position: -43px -90px; text-decoration:none;} #additional-carousel { margin: 15px auto; display: inline-block; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; padding-left: 20px; padding-right: 20px; } .product-image-thumbs {text-align:center;} /* ========cloud-zoom============*/ /* This is the moving lens square underneath the mouse pointer. */ .cloud-zoom-lens { border: 4px solid #888; margin:-4px; /* Set this to minus the border thickness. */ background-color:#fff; cursor:move; } /* This is for the title text. */ .cloud-zoom-title { position:absolute !important; background-color:#000; color:#fff; padding:3px; width:100%; text-align:center; font-weight:bold; font-size:10px; top:0px; } /* This is the zoom window. */ .cloud-zoom-big { border:4px solid #ccc; overflow:hidden; } /* This is the loading message. */ .cloud-zoom-loading { color:white; background:#222; padding:3px; border:1px solid #000; } .product-image .mousetrap { z-index:999 !important; } /** * Lightbox */ /* ColorBox Core Style -------------------------------------------------------------- */ #colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;} #cboxOverlay{position:fixed; width:100%; height:100%;} #cboxMiddleLeft, #cboxBottomLeft{clear:left;} #cboxContent{position:relative;} #cboxLoadedContent{overflow:auto;} #cboxTitle{margin:0;} #cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;} #cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;} .cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none; } .cboxIframe{width:100%; height:100%; display:block; border:0;} #colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box;} /* ColorBox skin. The following styles are ordered & tabbed in a way that represents the nesting of the generated HTML. -------------------------------------------------------------- */ #cboxOverlay{background:url(https://www.zeleni-dotik.si/skin/frontend/templatemela/default/images/megnor/overlay.png) repeat 0 0;} #colorbox{} #cboxContent{background:#fff; overflow:hidden; border:none;/*10px solid #333*/ padding:10px; } .cboxIframe{background:#fff;} #cboxError{padding:50px; border:1px solid #ccc;} #cboxLoadedContent{margin-bottom:40px; /*10px above buttons*/ } #cboxTitle{position:absolute; bottom:17px;text-align:center; width:100%; color:#999999;} #cboxCurrent{position:absolute; bottom:17px; left:80px; color:#999999;} #cboxSlideshow{position:absolute; bottom:4px; right:30px; color:#0092ef;} #cboxPrevious, #cboxNext { position:absolute; background:url(https://www.zeleni-dotik.si/skin/frontend/templatemela/default/images/megnor/slider-arrows.png) no-repeat #ddd; width:30px; height:30px; text-indent:-9999px; } #cboxPrevious:hover, #cboxNext:hover { background-color:#333; } #cboxPrevious{bottom:10px; left:10px; background-position:-10px -10px;} #cboxPrevious:hover{background-position:-10px -60px;} #cboxNext{bottom:10px; left:40px; background-position:-60px -10px;} #cboxNext:hover{background-position:-60px -60px;} #cboxLoadingOverlay{background:url(https://www.zeleni-dotik.si/skin/frontend/templatemela/default/images/megnor/loading_background.png) no-repeat center center;} #cboxLoadingGraphic{background:url(https://www.zeleni-dotik.si/skin/frontend/templatemela/default/images/megnor/loading.gif) no-repeat center center;} #cboxClose{position:absolute; bottom:10px; right:10px; background:url(https://www.zeleni-dotik.si/skin/frontend/templatemela/default/images/megnor/close-button.png) -10px -10px no-repeat #ddd; width:30px; height:30px; text-indent:-9999px;} #cboxClose:hover{background-position:-10px -60px; background-color:#333;} #cboxNext, #cboxPrevious, #cboxClose { transition: background-color 300ms ease-in-out, background-position 300ms ease-in-out; -moz-transition: background-color 300ms ease-in-out, background-position 300ms ease-in-out; -webkit-transition: background-color 300ms ease-in-out, background-position 300ms ease-in-out; -o-transition: background-color 300ms ease-in-out, background-position 300ms ease-in-out; } .zoom-btn-small { background-color: rgba(255, 255, 255, 0.7); bottom: 0px; color: #333333; line-height: 2.6666em; padding: 0 1em; position: absolute; right: 0px; z-index: 100; } #advancedmenu { position:relative; margin:0 auto; z-index:9; } div.menu { padding-bottom: 30px; margin-bottom: -20px; float: none; display: inline-block; } div.menu.act { background:none; } div.menu.active { background:none; color:#5E5E5E ; } div.menu.active .parentMenu a:before,div.hidden_menu:hover .parentMenu a:before,div.menu .subparentMenu:hover > a:before,#nav li:hover > a:before{} div.megnor-advanced-menu-popup { background:#FFF; position:absolute; display: none; text-align: left; top: 74px; border: 1px solid #d9d9d9; } .megnor-advanced-menu-popup_inner{background:#FFF; padding: 10px 10px; display: inline-block;} div.menu a, div.megnor-advanced-menu-popup a { display:block; } div.megnor-advanced-menu-popup a { padding:5px 10px; text-transform:none; } div.megnor-advanced-menu-popup a:hover{} div.megnor-advanced-menu-popup a.actParent { color: #4D4D4D; } div.megnor-advanced-menu-popup a.act { color: #A52A2A; } div.column { float:left; width:180px; /* column width */ padding:5px; } div.itemSubMenu { } .clearBoth { clear:both; } div.megnor-advanced-menu-popup .block1 { } div.megnor-advanced-menu-popup .block2 { padding:0px;} #advancedmenu .megnor-advanced-menu-popup .itemMenu a { font-weight:normal; font-size: 13px; margin: 0; text-transform:capitalize;} #advancedmenu .level1 > a.itemMenuName { font-size: 13px; font-weight: 600; border: none; text-transform:capitalize; } .itemSubMenu .itemMenu { margin-left:10px; } .itemSubMenu .itemMenu a.itemMenuName { padding: 2px 0 2px 0px; } .itemSubMenu .itemMenu a:hover { color: #999999;} /* Custom Menu */ .custom_menu {position:relative; float:left;} .custom_menu > a{ color: #000; font-size: 14px; font-weight: 500; padding: 12px 0px 29px; text-decoration: none; text-transform: uppercase; display: block; } .custom_menu > a:hover{cursor:pointer;} .custom_menu:hover .customblock_inner {display: block;} .customblock_inner{ background: #fff; display: none; border:1px solid #d9d9d9; min-width:400px; overflow: visible; position: absolute; top: 74px !important; z-index: 9; padding:15px 15px; text-align:left;} .customblock_inner .custom_menu_inner{display: block;} .static-block1{ float:left; padding:5px;} .customblock_inner .custom_menu_inner .static-block1 > a { color: #333333; font-size: 14px; padding:0px 0 10px; text-transform: capitalize; display: block; padding-top: 0; border:none; margin: 0; } .customblock_inner .custom_menu_inner .custom-link a { color: #333; font-size: 13px; font-weight: normal; padding: 3px 0; text-transform: capitalize; display: block; border:none; margin: 0; } .customblock_inner .custom_menu_inner .custom-link a:hover{ color:#999999;} .custom_banner{float:right;} .menu .parentMenu a span { display: inline-block; padding:0px 0px; position: relative; } /* End Custom Menu */ /*Advance Menu More*/ .seeall:hover .subparentmenu-hover {display: block;} .subparentmenu-hover { background: #fff; border:1px solid #ddd; display: none; position: absolute; z-index:9; width:200px; top:74px; } .subparentmenu-hover div.menu a { color: #333333; font-size: 13px; font-weight: normal; padding: 5px 25px; text-align: left; text-transform: capitalize; margin: 0; border: none; } .subparentmenu-hover div.menu a:hover{ color:#999999 !important;} .super-sub { padding: 20px 0px; position: relative;} .subparentmenu-hover div.megnor-advanced-menu-popup { left: auto !important; padding: 0px 0; right: -202px !important; top: auto !important; width: 200px; margin-top:-20px; } .subparentmenu-hover div.megnor-advanced-menu-popup .megnor-advanced-menu-popup_inner{ padding:20px 5px; float:left;} .subparentmenu-hover div.megnor-advanced-menu-popup .megnor-advanced-menu-popup_inner div.itemSubMenu {padding:0 0 10px;} .subparentmenu-hover div.menu {background: transparent; float: none; padding: 0;} .subparentmenu-hover .menu {width: 100%;} #advancedmenu .subparentmenu-hover .level1 > a.itemMenuName {font-weight:normal} /*End Advance Menu More*/ /*! * Font Awesome 4.6.3 by @davegandy - http://fontawesome.io - @fontawesome * License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License) */@font-face{font-family:'FontAwesome';src:url('https://www.zeleni-dotik.si/skin/frontend/templatemela/default/fonts/fontawesome-webfont.eot?v=4.6.3');src:url('https://www.zeleni-dotik.si/skin/frontend/templatemela/default/fonts/fontawesome-webfont.eot?#iefix&v=4.6.3') format('embedded-opentype'),url('https://www.zeleni-dotik.si/skin/frontend/templatemela/default/fonts/fontawesome-webfont.woff2?v=4.6.3') format('woff2'),url('https://www.zeleni-dotik.si/skin/frontend/templatemela/default/fonts/fontawesome-webfont.woff?v=4.6.3') format('woff'),url('https://www.zeleni-dotik.si/skin/frontend/templatemela/default/fonts/fontawesome-webfont.ttf?v=4.6.3') format('truetype'),url('https://www.zeleni-dotik.si/skin/frontend/templatemela/default/fonts/fontawesome-webfont.svg?v=4.6.3#fontawesomeregular') format('svg');font-weight:normal;font-style:normal}.fa{display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.fa-lg{font-size:1.33333333em;line-height:.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:.14285714em;text-align:center}.fa-li.fa-lg{left:-1.85714286em}.fa-border{padding:.2em .25em .15em;border:solid .08em #eee;border-radius:.1em}.fa-pull-left{float:left}.fa-pull-right{float:right}.fa.fa-pull-left{margin-right:.3em}.fa.fa-pull-right{margin-left:.3em}.pull-right{float:right}.pull-left{float:left}.fa.pull-left{margin-right:.3em}.fa.pull-right{margin-left:.3em}.fa-spin{-webkit-animation:fa-spin 2s infinite linear;animation:fa-spin 2s infinite linear}.fa-pulse{-webkit-animation:fa-spin 1s infinite steps(8);animation:fa-spin 1s infinite steps(8)}@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.fa-rotate-90{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.fa-rotate-180{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.fa-rotate-270{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg)}.fa-flip-horizontal{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";-webkit-transform:scale(-1, 1);-ms-transform:scale(-1, 1);transform:scale(-1, 1)}.fa-flip-vertical{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";-webkit-transform:scale(1, -1);-ms-transform:scale(1, -1);transform:scale(1, -1)}:root .fa-rotate-90,:root .fa-rotate-180,:root .fa-rotate-270,:root .fa-flip-horizontal,:root .fa-flip-vertical{filter:none}.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:#fff}.fa-glass:before{content:"\f000"}.fa-music:before{content:"\f001"}.fa-search:before{content:"\f002"}.fa-envelope-o:before{content:"\f003"}.fa-heart: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{content:"\f00a"}.fa-th-list:before{content:"\f00b"}.fa-check:before{content:"\f00c"}.fa-remove:before,.fa-close:before,.fa-times: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{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-photo:before,.fa-image:before,.fa-picture-o:before{content:"\f03e"}.fa-pencil: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{content:"\f053"}.fa-chevron-right: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{content:"\f067"}.fa-minus: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,.fa-bar-chart: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-f:before,.fa-facebook:before{content:"\f09a"}.fa-github:before{content:"\f09b"}.fa-unlock:before{content:"\f09c"}.fa-credit-card:before{content:"\f09d"}.fa-feed:before,.fa-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-navicon:before,.fa-reorder:before,.fa-bars: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-desc:before{content:"\f0dd"}.fa-sort-up:before,.fa-sort-asc: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{content:"\f105"}.fa-angle-up:before{content:"\f106"}.fa-angle-down:before{content:"\f107"}.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-mail-reply-all:before,.fa-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,.fa-gratipay: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-pp: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-buoy: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-resistance: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-y-combinator-square:before,.fa-yc-square:before,.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"}.fa-soccer-ball-o:before,.fa-futbol-o:before{content:"\f1e3"}.fa-tty:before{content:"\f1e4"}.fa-binoculars:before{content:"\f1e5"}.fa-plug:before{content:"\f1e6"}.fa-slideshare:before{content:"\f1e7"}.fa-twitch:before{content:"\f1e8"}.fa-yelp:before{content:"\f1e9"}.fa-newspaper-o:before{content:"\f1ea"}.fa-wifi:before{content:"\f1eb"}.fa-calculator:before{content:"\f1ec"}.fa-paypal:before{content:"\f1ed"}.fa-google-wallet:before{content:"\f1ee"}.fa-cc-visa:before{content:"\f1f0"}.fa-cc-mastercard:before{content:"\f1f1"}.fa-cc-discover:before{content:"\f1f2"}.fa-cc-amex:before{content:"\f1f3"}.fa-cc-paypal:before{content:"\f1f4"}.fa-cc-stripe:before{content:"\f1f5"}.fa-bell-slash:before{content:"\f1f6"}.fa-bell-slash-o:before{content:"\f1f7"}.fa-trash:before{content:"\f1f8"}.fa-copyright:before{content:"\f1f9"}.fa-at:before{content:"\f1fa"}.fa-eyedropper:before{content:"\f1fb"}.fa-paint-brush:before{content:"\f1fc"}.fa-birthday-cake:before{content:"\f1fd"}.fa-area-chart:before{content:"\f1fe"}.fa-pie-chart:before{content:"\f200"}.fa-line-chart:before{content:"\f201"}.fa-lastfm:before{content:"\f202"}.fa-lastfm-square:before{content:"\f203"}.fa-toggle-off:before{content:"\f204"}.fa-toggle-on:before{content:"\f205"}.fa-bicycle:before{content:"\f206"}.fa-bus:before{content:"\f207"}.fa-ioxhost:before{content:"\f208"}.fa-angellist:before{content:"\f209"}.fa-cc:before{content:"\f20a"}.fa-shekel:before,.fa-sheqel:before,.fa-ils:before{content:"\f20b"}.fa-meanpath:before{content:"\f20c"}.fa-buysellads:before{content:"\f20d"}.fa-connectdevelop:before{content:"\f20e"}.fa-dashcube:before{content:"\f210"}.fa-forumbee:before{content:"\f211"}.fa-leanpub:before{content:"\f212"}.fa-sellsy:before{content:"\f213"}.fa-shirtsinbulk:before{content:"\f214"}.fa-simplybuilt:before{content:"\f215"}.fa-skyatlas:before{content:"\f216"}.fa-cart-plus:before{content:"\f217"}.fa-cart-arrow-down:before{content:"\f218"}.fa-diamond:before{content:"\f219"}.fa-ship:before{content:"\f21a"}.fa-user-secret:before{content:"\f21b"}.fa-motorcycle:before{content:"\f21c"}.fa-street-view:before{content:"\f21d"}.fa-heartbeat:before{content:"\f21e"}.fa-venus:before{content:"\f221"}.fa-mars:before{content:"\f222"}.fa-mercury:before{content:"\f223"}.fa-intersex:before,.fa-transgender:before{content:"\f224"}.fa-transgender-alt:before{content:"\f225"}.fa-venus-double:before{content:"\f226"}.fa-mars-double:before{content:"\f227"}.fa-venus-mars:before{content:"\f228"}.fa-mars-stroke:before{content:"\f229"}.fa-mars-stroke-v:before{content:"\f22a"}.fa-mars-stroke-h:before{content:"\f22b"}.fa-neuter:before{content:"\f22c"}.fa-genderless:before{content:"\f22d"}.fa-facebook-official:before{content:"\f230"}.fa-pinterest-p:before{content:"\f231"}.fa-whatsapp:before{content:"\f232"}.fa-server:before{content:"\f233"}.fa-user-plus:before{content:"\f234"}.fa-user-times:before{content:"\f235"}.fa-hotel:before,.fa-bed:before{content:"\f236"}.fa-viacoin:before{content:"\f237"}.fa-train:before{content:"\f238"}.fa-subway:before{content:"\f239"}.fa-medium:before{content:"\f23a"}.fa-yc:before,.fa-y-combinator:before{content:"\f23b"}.fa-optin-monster:before{content:"\f23c"}.fa-opencart:before{content:"\f23d"}.fa-expeditedssl:before{content:"\f23e"}.fa-battery-4:before,.fa-battery-full:before{content:"\f240"}.fa-battery-3:before,.fa-battery-three-quarters:before{content:"\f241"}.fa-battery-2:before,.fa-battery-half:before{content:"\f242"}.fa-battery-1:before,.fa-battery-quarter:before{content:"\f243"}.fa-battery-0:before,.fa-battery-empty:before{content:"\f244"}.fa-mouse-pointer:before{content:"\f245"}.fa-i-cursor:before{content:"\f246"}.fa-object-group:before{content:"\f247"}.fa-object-ungroup:before{content:"\f248"}.fa-sticky-note:before{content:"\f249"}.fa-sticky-note-o:before{content:"\f24a"}.fa-cc-jcb:before{content:"\f24b"}.fa-cc-diners-club:before{content:"\f24c"}.fa-clone:before{content:"\f24d"}.fa-balance-scale:before{content:"\f24e"}.fa-hourglass-o:before{content:"\f250"}.fa-hourglass-1:before,.fa-hourglass-start:before{content:"\f251"}.fa-hourglass-2:before,.fa-hourglass-half:before{content:"\f252"}.fa-hourglass-3:before,.fa-hourglass-end:before{content:"\f253"}.fa-hourglass:before{content:"\f254"}.fa-hand-grab-o:before,.fa-hand-rock-o:before{content:"\f255"}.fa-hand-stop-o:before,.fa-hand-paper-o:before{content:"\f256"}.fa-hand-scissors-o:before{content:"\f257"}.fa-hand-lizard-o:before{content:"\f258"}.fa-hand-spock-o:before{content:"\f259"}.fa-hand-pointer-o:before{content:"\f25a"}.fa-hand-peace-o:before{content:"\f25b"}.fa-trademark:before{content:"\f25c"}.fa-registered:before{content:"\f25d"}.fa-creative-commons:before{content:"\f25e"}.fa-gg:before{content:"\f260"}.fa-gg-circle:before{content:"\f261"}.fa-tripadvisor:before{content:"\f262"}.fa-odnoklassniki:before{content:"\f263"}.fa-odnoklassniki-square:before{content:"\f264"}.fa-get-pocket:before{content:"\f265"}.fa-wikipedia-w:before{content:"\f266"}.fa-safari:before{content:"\f267"}.fa-chrome:before{content:"\f268"}.fa-firefox:before{content:"\f269"}.fa-opera:before{content:"\f26a"}.fa-internet-explorer:before{content:"\f26b"}.fa-tv:before,.fa-television:before{content:"\f26c"}.fa-contao:before{content:"\f26d"}.fa-500px:before{content:"\f26e"}.fa-amazon:before{content:"\f270"}.fa-calendar-plus-o:before{content:"\f271"}.fa-calendar-minus-o:before{content:"\f272"}.fa-calendar-times-o:before{content:"\f273"}.fa-calendar-check-o:before{content:"\f274"}.fa-industry:before{content:"\f275"}.fa-map-pin:before{content:"\f276"}.fa-map-signs:before{content:"\f277"}.fa-map-o:before{content:"\f278"}.fa-map:before{content:"\f279"}.fa-commenting:before{content:"\f27a"}.fa-commenting-o:before{content:"\f27b"}.fa-houzz:before{content:"\f27c"}.fa-vimeo:before{content:"\f27d"}.fa-black-tie:before{content:"\f27e"}.fa-fonticons:before{content:"\f280"}.fa-reddit-alien:before{content:"\f281"}.fa-edge:before{content:"\f282"}.fa-credit-card-alt:before{content:"\f283"}.fa-codiepie:before{content:"\f284"}.fa-modx:before{content:"\f285"}.fa-fort-awesome:before{content:"\f286"}.fa-usb:before{content:"\f287"}.fa-product-hunt:before{content:"\f288"}.fa-mixcloud:before{content:"\f289"}.fa-scribd:before{content:"\f28a"}.fa-pause-circle:before{content:"\f28b"}.fa-pause-circle-o:before{content:"\f28c"}.fa-stop-circle:before{content:"\f28d"}.fa-stop-circle-o:before{content:"\f28e"}.fa-shopping-bag:before{content:"\f290"}.fa-shopping-basket:before{content:"\f291"}.fa-hashtag:before{content:"\f292"}.fa-bluetooth:before{content:"\f293"}.fa-bluetooth-b:before{content:"\f294"}.fa-percent:before{content:"\f295"}.fa-gitlab:before{content:"\f296"}.fa-wpbeginner:before{content:"\f297"}.fa-wpforms:before{content:"\f298"}.fa-envira:before{content:"\f299"}.fa-universal-access:before{content:"\f29a"}.fa-wheelchair-alt:before{content:"\f29b"}.fa-question-circle-o:before{content:"\f29c"}.fa-blind:before{content:"\f29d"}.fa-audio-description:before{content:"\f29e"}.fa-volume-control-phone:before{content:"\f2a0"}.fa-braille:before{content:"\f2a1"}.fa-assistive-listening-systems:before{content:"\f2a2"}.fa-asl-interpreting:before,.fa-american-sign-language-interpreting:before{content:"\f2a3"}.fa-deafness:before,.fa-hard-of-hearing:before,.fa-deaf:before{content:"\f2a4"}.fa-glide:before{content:"\f2a5"}.fa-glide-g:before{content:"\f2a6"}.fa-signing:before,.fa-sign-language:before{content:"\f2a7"}.fa-low-vision:before{content:"\f2a8"}.fa-viadeo:before{content:"\f2a9"}.fa-viadeo-square:before{content:"\f2aa"}.fa-snapchat:before{content:"\f2ab"}.fa-snapchat-ghost:before{content:"\f2ac"}.fa-snapchat-square:before{content:"\f2ad"}.fa-pied-piper:before{content:"\f2ae"}.fa-first-order:before{content:"\f2b0"}.fa-yoast:before{content:"\f2b1"}.fa-themeisle:before{content:"\f2b2"}.fa-google-plus-circle:before,.fa-google-plus-official:before{content:"\f2b3"}.fa-fa:before,.fa-font-awesome:before{content:"\f2b4"}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}.sr-only-focusable:active,.sr-only-focusable:focus{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto} @media only screen and (min-width: 1410px) and (max-width: 1650px) { #nav li.hidden_menu.menu .shown-sub ul.shown-sub, #nav li.hidden_menu.menu .shown-sub li div.shown-sub { right: 210px; left: auto; } .customblock_inner{right:0; left:auto;} } @media only screen and (min-width: 1350px) and (max-width: 1410px) { #nav li.hidden_menu.menu .shown-sub ul.shown-sub, #nav li.hidden_menu.menu .shown-sub li div.shown-sub { right: 210px; left: auto; } .customblock_inner{right:0; left:auto;} .subparentmenu-hover div.megnor-advanced-menu-popup { right: auto !important; left: -202px !important;} .header .form-search .sbHolder{width: 280px;} .header .form-search input.input-text{width:750px;} } @media only screen and (min-width: 1280px) and (max-width: 1350px) { #nav li.hidden_menu.menu .shown-sub ul.shown-sub, #nav li.hidden_menu.menu .shown-sub li div.shown-sub { right: 210px; left: auto; } .customblock_inner{right:0; left:auto;} .subparentmenu-hover div.megnor-advanced-menu-popup { right: auto !important; left: -202px !important;} .welcome_cms .welcome_cms_title1{margin:0 0 0 -60px;} .header .form-search .sbHolder{width: 260px;} .header .form-search input.input-text{width:720px;} .column-left-breadcrumbs{background-size:initial;} } @media only screen and (min-width: 1200px) and (max-width: 1280px) { .main,.col-main, .footer,.cms-index-index .messages,.container-width,.blog-left .blog-image{ width:1130px; } .col-main{width:844px;} .col-left{width:209px;} .col-right{width:209px;} #nav li.hidden_menu.menu .shown-sub ul.shown-sub, #nav li.hidden_menu.menu .shown-sub li div.shown-sub { right: 210px; left: auto; } .customblock_inner{right:0; left:auto;} .subparentmenu-hover div.megnor-advanced-menu-popup { right: auto !important; left: -202px !important;} .welcome_cms .welcome_cms_title1{margin:0 0 0 -25px;} .subbanner-outer {width:1170px; padding:20px;} .subbanner-inner2 {margin:0 27px;} .welcome_cms .welcome_cms_title2{font-size:39px;} #footer .footer-area {width: 260px} .product-view .product-img-box{margin-right:35px;} .product-view .product-img-box .product-image-zoom{width:509px; height:660px;} .cart .cart-collaterals .col1-set{width:450px;} .cart .cart-collaterals .col2-set{width:650px;} .megnorblog .bx-wrapper{max-width:100% !important} #footer .block-subscribe input.input-text{width:228px;} .header .form-search .sbHolder{width: 250px;} .header .form-search input.input-text{width:700px;} .col1-layout .product-view .product-shop{width:51%;} /*.customNavigation a.next{right:-20px} .customNavigation a.prev{left:-20px}*/ /* Remove these comments if you want to make it carousel */ .parallax{background-size:initial;} .column-left-breadcrumbs{background-size:initial;} } @media only screen and (min-width: 1024px) and (max-width: 1200px) { .main,.col-main, .footer,.cms-index-index .messages,.container-width,.blog-left .blog-image{ width:980px; } .col-main{width: 724px;} .col-left{width: 226px;} .col-right{width: 226px;} #nav li.hidden_menu.menu .shown-sub ul.shown-sub, #nav li.hidden_menu.menu .shown-sub li div.shown-sub { right: 210px; left: auto; } .customblock_inner{right:0; left:auto;} .subparentmenu-hover div.megnor-advanced-menu-popup { right: auto !important; left: -202px !important;} .service_4cms.cont_inner, .service_3cms.cont_inner, .service_2cms.cont_inner, .service_1cms.cont_inner {width:49.91%;} #footer .footer-area {width: 215px;} .subbanner-outer {width:1000px; padding:20px;} .subbanner-inner2 {margin:0 23px;} .welcome_cms .welcome_cms_title2{font-size:34px;} .welcome_cms .welcome_cms_title1{margin:0 0 0 -20px;} #nav a , .nav-responsive span , div.menu a, div.megnor-advanced-menu-popup a{padding:8px 7px;} .cloth-banner1-inner .inner1 .hover_data .title1{margin:3% 0 0 18%} .cloth-banner1-inner .inner1 .hover_data .title2{margin:-15px 7% 0 0;} .cloth-banner2-inner .inner2 .hover_data .title1 {margin:9% 0 0 3%;} .cloth-banner2-inner .inner2 .hover_data .title2{margin:-25px 6% 0 0%;} .cloth-banner1-inner .inner1 .desc-text{font-size:26px;} .cloth-banner2-inner .inner2 .desc-text{font-size:26px;} button.button span, .back-link a{padding:5px 20px;} .toolbar .pager .pager_right{float:left; clear:both;} .product-view .product-img-box{margin-right:35px;} .product-view .product-img-box .product-image-zoom{width:441px; height:571px;} .product-view .product-shop .add-to-links a.link-wishlist{margin-right:13px;} .cart .cart-collaterals .col1-set{width:310px;} .cart .cart-collaterals .col2-set{width:645px;} .googlemap { width: 49%; overflow: auto; } .products-grid .product-block:hover .actions .add-to-links li a.link-wishlist, .product-carousel .product-block:hover .actions .add-to-links li a.link-wishlist,.products-grid .add-to-links li a.link-wishlist, .product-carousel .add-to-links li a.link-wishlist,.products-grid .product-block:hover .actions .add-to-links li a.link-compare, .product-carousel .product-block:hover .actions .add-to-links li a.link-compare,.products-grid .add-to-links li a.link-compare, .product-carousel .add-to-links li a.link-compare{position:relative; left:auto; right:auto;} .megnorblog .bx-wrapper{max-width:100% !important} #footer .block-subscribe input.input-text{width:213px;} .header .form-search .sbHolder{width: 250px;} .header .form-search input.input-text{width:500px;} .col1-layout .product-view .product-shop{width:51.4%;} /*.customNavigation a.next{right:-5px} .customNavigation a.prev{left:-5px}*/ /* Remove these comments if you want to make it carousel */ .parallax{background-size:initial;} .column-left-breadcrumbs{background-size:initial;} } /* Media for 980px to 1023px */ /* 980px <= width < 1023px */ @media only screen and (min-width: 980px) and (max-width: 1023px) { .main,.col-main, .footer,.cms-index-index .messages,.container-width,.blog-left .blog-image{ width:940px; } .col-main { float:left; width:693px;} .col-left { float:left; width:217px;} .col-right { float:right; width:217px; } .col3-layout .col-main { width:520px; margin-left:10px; } .col3-layout .col-wrapper { float:left; width:720px; } .product-view .product-shop{ width:432px; } .col1-layout .product-view .product-shop{ } .block-banner img{ max-width:100%; } #footer .mobile_togglemenu{ display:none; } #footer .footer-area{ width:223px; } .col1-layout .product-view .product-shop{ } .cart .cart-collaterals .col1-set , .cart .cart-collaterals .col2-set , .cart .totals{ width:100%; } .product-view .product-img-box .product-image-zoom{width:423px; height:548px;} .product-view .product-img-box{margin-right:35px;} #nav li.hidden_menu.menu .shown-sub ul.shown-sub, #nav li.hidden_menu.menu .shown-sub li div.shown-sub { right: 210px; left: auto; } .customblock_inner{right:0; left:auto;} .subparentmenu-hover div.megnor-advanced-menu-popup { right: auto !important; left: -202px !important;} #nav a, .nav-responsive span, div.menu a, div.megnor-advanced-menu-popup a{padding: 8px 5px;} .cloth-banner1-inner .inner1 .hover_data .title1{margin:3% 0 0 18%} .cloth-banner1-inner .inner1 .hover_data .title2{margin:-15px 7% 0 0;} .cloth-banner2-inner .inner2 .hover_data .title1 {margin:9% 0 0 3%;} .cloth-banner2-inner .inner2 .hover_data .title2{margin:-25px 6% 0 0%;} .cloth-banner1-inner .inner1 .desc-text{font-size:26px;} .cloth-banner2-inner .inner2 .desc-text{font-size:26px;} #footer .footer-area {width: 202px} .subbanner-outer {width:950px; padding:20px;} .subbanner-inner2 {margin:0 22px;} .welcome_cms .welcome_cms_title2{font-size:34px;} .welcome_cms .welcome_cms_title1{margin:0 0 0 -20px;} .subbanner{margin:-90px auto 0;} .service_4cms.cont_inner, .service_3cms.cont_inner, .service_2cms.cont_inner, .service_1cms.cont_inner{width:49.9%;} .email-addto-box .email-friend{margin-right:6px;} .product-view .product-shop .add-to-links a.link-wishlist{margin-right:1px;} .googlemap { width: 49%; overflow: auto; } .megnorblog .bx-wrapper{max-width:100% !important} #footer .block-subscribe input.input-text{width:213px;} .header .form-search .sbHolder{width: 250px;} .header .form-search input.input-text{width:450px;} .col1-layout .product-view .product-shop{width:51.2%;} /*.customNavigation a.next{right:0px} .customNavigation a.prev{left:0px}*/ /* Remove these comments if you want to make it carousel */ .parallax{background-size:initial;} .column-left-breadcrumbs{background-size:initial;} } @media only screen and (max-width: 979px){ .main, .footer,.cms-index-index .messages,.container-width, .blog-left .blog-image{ width:724px; } .footer{ padding:0; } .col-main , .col3-layout .col-wrapper{ width:549px;} .col3-layout .col-main{ width:374px; } .col-left,.col-right { width:167px;} #advancedmenu{ display:none; } .advanced_nav{ display:block; } #zoom-btn , .mousetrap {display:none !important; } #zoom1 {cursor:default !important; } .header .quick-access{ } .footer .mobile_togglemenu{ display:block; } #footer ul{ display:none; margin-bottom:10px; } #footer .footer-area{ width:100%; margin-right:0; } .products-list li .list-center{ } .product-view .product-shop{ width: 100%; } .cart .cart-collaterals .col1-set, .cart .cart-collaterals .col2-set, .cart .totals{ width:100%; } .checkout-progress{ padding: 0 10px; } .form-list li.wide select , .form-list li.wide .input-box {width: 400px;} .gift-messages-form .item .details .form-list li.wide .input-box , .form-list li.wide input.input-text{ width:100%; } .col1-layout .product-view .product-shop{ width: 100%; margin-top: 20px;} .product-view .product-img-box{margin:0 auto; width:65%; float: none;} .product-view .product-img-box .product-image-zoom{width:471px; height:610px;} .padder h6 { display:block;} .product-view .tabs{ display:none !important; } .contacform{ width:100%; margin-bottom:10px; padding:0; margin-right:0; border:none; } .googlemap{ width:100%;margin-bottom:10px; } .block-banner img , .category-image img{ max-width:100%;} .toolbar .pager .pager_right{ float:left; margin-top:8px; clear:both; } .footer_bottom ul.links{display:block;text-align:center; float:none; margin-bottom:5px; } .footer address{ float:none;text-align:center; clear:both; } .product-collateral .padder{ padding-left:0; padding-right:0; } .padder ol{ display:none; margin-bottom: 15px;} .padder > div{ display:block !important; } #footer .block-subscribe input.input-text{ } .block-subscribe .block-title strong { display: inline;} .multiple-checkout .gift-messages-form .item .details .form-list li.wide .input-box{ width:90%; } .footer_bottom .payment_block{ text-align:center; float:none; margin-top: 15px;} .nav-container{text-align:left; display:block;} .header-center{width:60%;} .responsive-menu li a{padding:2px 0; text-transform:capitalize;} .subbanner-outer {width:740px; padding:20px;} .subbanner{margin:-90px auto 0;} .subbanner-inner2 {margin:0 17px;} .welcome_cms .welcome_cms_title1{margin:0 0 0 -15px; font-size:80px;} .welcome_cms .welcome_cms_title2{font-size:25px; padding-bottom:40px;} .service_cms{margin-top:80px;} .service_cms_text a {font-size:15px;} .service_cms_text2 {font-size: 12px;} .service_content1, .service_content2, .service_content3, .service_content4{padding:30px 0 30px;} .testimonials .test-desc{margin:0 0 15px;padding: 0 0px} .offer-banner-inner .offer-banner-desc,.offer-banner-inner .offer-link a{font-size:23px;} .footerlogo { margin: 30px auto; text-align: center; } #footer h6, #footer .block .block-title{ background-color:#fff; padding:10px 15px; color:#333; position: relative; } #footer .block .block-title{margin-bottom:15px;} #footer .block .block-title strong{ color:#333; } .cloth-banner1-inner .inner1,.cloth-banner2-inner .inner2 {min-height:570px;} .cloth-banner1-inner .inner1 .hover_data .title1{ margin:3% 0 0 20%; font-size: 50px; } .cloth-banner1-inner .inner1 .hover_data .title2{ margin: -15px -7% 0 0; font-size: 120px; } .cloth-banner1-inner .inner1 .desc-text{ font-size:18px; } .cloth-banner2-inner .inner2 .hover_data .title1{ margin:9% 0 0 -15%; font-size: 50px; } .cloth-banner2-inner .inner2 .hover_data .title2{ margin: -25px 0% 0 0%; font-size: 120px; } .cloth-banner2-inner .inner2 .desc-text{ font-size:18px; } .cloth-banner1-inner .inner1 .shop-now{ right:8%; } .subbanner-outer .hover_data{top:33%} .hover_data .desc-text{font-size:15px;} .subbanner-outer .hover_data .desc-text a{font-size:25px;} button.button span, .back-link a{padding:5px 20px;} .products-grid .product-block:hover .actions .add-to-links li a.link-compare, .product-carousel .product-block:hover .actions .add-to-links li a.link-compare{right:5px;} .products-grid .product-block:hover .actions .add-to-links li a.link-wishlist, .product-carousel .product-block:hover .actions .add-to-links li a.link-wishlist{left:5px;} .header-top .form-language,.header-top .tm_top_currency,.header-top-left{ } .header-top{text-align:center} .cart_mini_right{background-color:transparent;} .header-top .header-cart #panel{top:60px;} .header-top .tm_top_currency , .header-top .form-language{ } .header-top .tm_top_currency , .header-top .form-language {} .form-language .sbHolder, .tm_top_currency .sbHolder{ border:none; padding:0 0 0 0; background:none; float:none; } .form-language .sbHolder .sbSelector, .tm_top_currency .sbHolder .sbSelector{ color:#fff; padding:11px 15px; top:5px; } .form-language .sbHolder .sbOptions, .tm_top_currency .sbHolder .sbOptions{ left:0; top:46px !important; text-align:left; } .header-cart , .tm_headerlinkmenu { } .tm_headerlinkmenu{ } .header-top .form-language label , .header-top .tm_top_currency label { display:none !important; } .tm_headerlinks_inner{ } .cart_mini_right{ padding:12px 0px 11px 50px; color:#fff; margin:0 0 0 0px; border:none; float:none; text-align:left; background-position: 10px -283px;} .header-top .header-cart #panel{ top:46px; } .header-top .links{top:46px; left:0;} .cart_mini_right .price{display:none;} .header-top .welcome-msg{display:none;} .products-grid .availability, .product-carousel .availability{padding:4px 10px;} .form-language .sbToggle, .tm_top_currency .sbToggle{top:10px;} .col-left ,.col-right ,.col-main{ width:100%;} .col-main{ margin-bottom:50px; } .col-left .block-content ,.col-right .block-content{ display:none; } .col3-layout .col-wrapper , .col-main , .col3-layout .col-main{ width:100%;} .toggle .mobile_togglecolumn { display: block; } .block .block-title{padding:5px 0; font-size:16px;} .producttab-cms{width:100%;} table{overflow:auto; max-width:100%; width:100%;} .table-responsive { overflow: auto; width: 100%; margin-bottom:10px;} .checkout-cart-index .main-container form, .checkout-multishipping-addresses .main-container form , .wishlist-index-index .col-main form { display: inline-block; overflow: auto; width: 100%;} #checkout-review-load #checkout-review-table-wrapper{ overflow:auto;} #wishlist-table, #multiship-addresses-table{ margin-bottom:20px; } #super-product-table, #multiship-addresses-table, #review-order-form .data-table{ display:inline; } colgroup{ width:100%;} #my-orders-table { display: inline-block; overflow: auto;} .header-left { float:none; padding-right: 0; text-align: center; width: 100%;} .inner1 .image_block2{bottom:-10px; width:60%; left:0;} .megnorblog .bx-wrapper{max-width:100% !important} .header .form-search .sbHolder{width: 250px;} .header .form-search input.input-text{width:250px;} .block-banner{display:none;} .products-grid .product-block:hover .actions .add-to-links li a.link-wishlist, .product-carousel .product-block:hover .actions .add-to-links li a.link-wishlist,.products-grid .add-to-links li a.link-wishlist, .product-carousel .add-to-links li a.link-wishlist,.products-grid .product-block:hover .actions .add-to-links li a.link-compare, .product-carousel .product-block:hover .actions .add-to-links li a.link-compare,.products-grid .add-to-links li a.link-compare, .product-carousel .add-to-links li a.link-compare{position:relative; left:auto; right:auto;} /*.customNavigation a.next{right:0px} .customNavigation a.prev{left:0px}*/ /* Remove these comments if you want to make it carousel */ .parallax{background-size:initial;} .column-left-breadcrumbs{background-size:initial;} } /* Landscape phone to portrait tablet */ @media only screen and (max-width: 767px) { .main, .footer,.cms-index-index .messages,.container-width { width:auto; margin-left:15px; margin-right:15px;} .blog-left .blog-image{width:100%;} .block-banner{ display:none; } /********** Header Setting *************/ .header .logo{ margin: 0 auto; text-align: center; text-decoration: none !important; float:none;} .header .quick-access{ margin:10px 0; } .header .quick-access , .header .form-search { width:100%; padding-left:0; padding-right:0; margin-top: 7px !important; } .header_top{ height:80px; } .header .welcome-msg{ float:none; width:100%; text-align:center; } .header .links{ display:none; float:none; text-align:left; position:absolute; background:#EFEFEF; } .header .links { margin:0; top:38px; width:140px; right:0; } .header .links li{ display:block; float:none; background:none; padding:0px !important } .header .links li a{ text-decoration:none; padding: 5px; display:block;} .header .links li a:hover{ } /********** Header Setting *************/ .products-list li .list-center { padding-top:20px; width: 100%;} .col2-set .col-1 , .col2-set .col-2,.box-account .col2-set .col-1{ width:100%; overflow: auto;} .box-account .col2-set .col-1{ padding-right:0; border:none; margin-bottom:15px;} .order-info-box .col-1{ margin-bottom:15px; } .product-view .product-img-box { margin:0 auto 20px; float:none; width:410px} .product-view .product-img-box .product-image-zoom{width:410px; height:532px;} .product-shop{ width:100% !important;} #super-table{ clear:both; } #new-wishlist-table .add-to-cart-alt button.button span{ width:auto !important; } .form-list li.wide textarea{ width:100%; } .form-list li.fields .name-firstname{ margin-bottom:10px; } .form-list .field.name-lastname{clear:both;} .my-wishlist .buttons-set button.button{float:left;} .subbanner-outer{width:100%; padding: 10px 15px;} .subbanner-outer img{width:100%;} .subbanner-inner2{margin:0 2.45%;} .subbanner{margin:0px auto;} #instafeed.owl-carousel .owl-buttons .owl-prev{left:15px;} #instafeed.owl-carousel .owl-buttons .owl-next{right:15px;} .welcome_cms,.service_cms {width:100%;} .service_cms{float:left} .offer-banner-inner .offer-link{float:none; display:inline-block; margin-top: 10px;} .tabbernav_product_sub ul.tabbernav_product li a{padding:6px 10px; margin:0 5px;} .testimonial-cms{padding:45px 0;} .testimonials .cms-box-heading{margin:10px 0 10px;} .header-top .form-language, .header-top .tm_top_currency, .header-top-left{} .header-top .links{top:44px;} .header-center{width:100%; display: block; clear:both; margin-bottom: 5px;} .nav-container{padding-top:0; display:inline;} .header{padding:0 15px;} .header-left{ float: left; text-align: center; margin: 30px 0; width: 100%; } .header-right{ margin-top: -69px; } .header-left { margin-bottom: 0 !important; } .search-wrapper-outer{top:70%; top: 52px !important;} .header .form-search { width: auto; } .header .form-search .sbHolder{width:150px; display:none} .header .form-search input.input-text{width:300px;} .responsive-menu #nav-mobile{top:64px;} .nav-responsive{ } .cloth-banner-outer.container-outer{display:block; text-align:center} .cloth-banner1{float:none; display:inline-block; width:auto; margin-bottom:10px;} .cloth-banner1-inner .inner1{text-align:center; min-height:150px; } .cloth-banner1-inner .inner1 .shop-now{left:0; right:0; bottom: 10px;} .cloth-banner2-inner .inner2{min-height:150px; text-align:center} .cloth-banner1 .hover_content{position:relative; left:auto; margin-bottom:50px; width:auto} .inner1 .hover_data{float:none;} .inner1 .image_block1{ float: none; display:inline-block; width:60%; display:none; } .inner1 .image_block2{display:none} .cloth-banner1 .hover_data{display:inline-block;} .cloth-banner2-inner .inner2 .image_block1{display:inline-block; float:none; display:none;} .cloth-banner2-inner .inner2 .image_block2{display:none;} .footer-top-inner{padding-top:50px;} #footer_aboutus_block .divs{ width:100%; border:none; min-height:initial; margin: 10px auto; } .flexslider:hover .flex-direction-nav li a.flex-prev,.flexslider .flex-direction-nav li a.flex-prev {left:15px; z-index:9;} .flexslider:hover .flex-direction-nav li a.flex-next,.flexslider .flex-direction-nav li a.flex-next {right:15px; z-index:9;} .offer-banner-inner .offer-banner-title{font-size:30px} .offer-banner-inner .offer-banner-desc,.offer-banner-inner .offer-link a{font-size:20px;} .product-block .actions {opacity:1; -webkit-opacity:1; -moz-opacity:1; -khtml-opacity:1;} .products-grid .product-block:hover .actions .add-to-links li a.link-wishlist, .product-carousel .product-block:hover .actions .add-to-links li a.link-wishlist,.products-grid .add-to-links li a.link-wishlist, .product-carousel .add-to-links li a.link-wishlist,.products-grid .product-block:hover .actions .add-to-links li a.link-compare, .product-carousel .product-block:hover .actions .add-to-links li a.link-compare,.products-grid .add-to-links li a.link-compare, .product-carousel .add-to-links li a.link-compare{position:relative; left:auto; right:auto;} .flex-control-nav{display:block} .form-language .sbHolder .sbSelector, .tm_top_currency .sbHolder .sbSelector{padding:11px 8px;} .headertoggle_img{padding-left:20px;} .headertoggle_img:after{margin-left:4px;} .subbanner-outer .hover_data{top:25%;} .subbanner-outer .hover_data .desc-text a{font-size:20px;} .hover_data .title a{font-size:15px;} .megnorblog h4 a{font-size:20px;} .flex-direction-nav,.flexslider:hover .flex-direction-nav{display:none} .products-grid .description, .product-carousel .description{position:static;} .testimonial_inner{width: 100%;} .breadcrumbs{float:left; margin:80px 0 0;} .category-title h2, .category-title h2 a, .crosssell h2{font-size:20px;} .account-login .buttons-set{margin:0 0 15px;} .page-title h1, .page-title h2, .manufacturer-list h1{font-size:20px} button.button span, .back-link a{padding:5px 15px;} .cloth-banner2-inner .inner2 .hover_data{float: none; clear: both; display: inline-block;} .cloth-banner2-inner .inner2 .hover_data .title1{margin:9% 0 0 0%; text-align:center;} .cloth-banner2-inner .inner2 .hover_data .title2{text-align:center; } .cloth-banner2-inner .inner2 .image_block2{bottom:auto; left:0; right:0;} .cloth-banner2-inner .inner2 .shop-now{bottom:-10px; left:0; right:0;} .cloth-banner1-inner .inner1 .hover_data .title1{margin:3% auto 0 auto; text-align:center;} .cloth-banner1-inner .inner1 .hover_data .title2{margin:-15px 0% 0 0; text-align:center;} .cms-index-index .messages{top:220px; margin:0 15px !important;} .manufacturer-product-outer{clear:both;} .cloth-banner2{margin-bottom:50px} /*.customNavigation a.prev{left:5px;} .customNavigation a.next{right:5px;}*/ /* Remove these comments if you want to make it carousel */ .send-friend .form-list li.wide textarea{width:100%;} .product-block-inner .new-label,.products-list li .list-left .new-label {opacity:1; -webkit-opacity:1; -moz-opacity:1; -khtml-opacity:1;} } @media only screen and (max-width: 640px){ .pager .pager_right .sort-by{ float:left; clear:both; margin-top:10px;} .pager .limiter{margin-left:0px;} .sales-order-history .pager{padding:10px 0px;} .sales-order-history .pager .limiter {clear: both; float: left; margin-top: 10px; margin-right:10px;} .sales-order-history .pager .pages { float: left; margin: 10px 0 0;} .send-friend .form-list .field{float:none;} .send-friend .form-list{width:90%;} .send-friend .form-list li.wide .input-box{width:100%;} #add_recipient_button{float:left; clear:both; margin-top:0px;} .buttons-set button.button{float:left; clear:both; margin-top:10px; margin-left:0;} .pager .pages{float:left; margin:0px; padding-right:10px; padding-bottom: 10px;} .toolbar .pager .pager_right .limiter{float:left; margin-left:0px;} .multiple-checkout .place-order .grand-total{padding:0;} .page-title{float:left; width: 100%;} .breadcrumbs{float:left;} .page-popup .link-print{clear:both; float:left;} .product-view .product-shop .add-to-links a.link-wishlist{float:left; clear:both; margin-bottom:15px;} .product-view .product-shop .add-to-links a.link-compare{float:left; clear:both;} .product-view .product-shop .add-to-links{clear:both;} .email-addto-box .email-friend a{float:left; margin-bottom:15px;} .inner1 .image_block2{width:60%; top:70%; bottom:auto;} .cloth-banner2-inner .inner2 .shop-now{bottom:0px;} .cloth-banner2-inner .inner2 .image_block1{width:100%} .cloth-banner1-inner .inner1 .desc-text{text-align:center;} .cloth-banner2-inner .inner2 .desc-text{text-align:center;} .cart-table .btn-update, .cart-table .btn-empty{float:left; clear:both; margin:5px 0 0; } .products-grid .product-block:hover .description, .product-carousel .product-block:hover .description{opacity:1; -webkit-opacity:1; -moz-opacity:1; -khtml-opacity:1;} } /* Mobile Landscape Size to Tablet Portrait (devices and browsers) */ @media only screen and (min-width: 480px) and (max-width: 767px) { .form-list li.wide .input-box{width: 260px;} .form-list li.wide input.input-text{ width: 250px;} } /* Landscape phones and down */ @media only screen and (max-width: 479px) { .form-list .field , .form-list .input-box ,.form-list li.wide .input-box { width:100% !important; } .form-list input.input-text , .form-list li.wide textarea, .form-list select , .tm_responsive_row select , .product-view .box-tags .form-add input.input-text{width:90% !important; } .cart_mini_right{ display:none; } .cart-label{ background: url("https://www.zeleni-dotik.si/skin/frontend/templatemela/default/images/cart-respo.png") no-repeat scroll center center; height: 20px; margin: 0 auto; padding: 9px 0; text-align: center; cursor:pointer; } .checkout-progress{ padding:0 50px; } .checkout-progress li{width:100% ;margin:0 0px 5px 0;} .cart_mini_right .price{ display:none; } .tm_responsive_row label , .tm_responsive_row span{width:100% ;margin:0 0px 5px 0; } .tm_responsive_row span .separator{ display:none;} .gift-messages-form .item .details{ margin-left:0; margin-top:15px; } .product-view .product-img-box{ width:271px; } .product-view .product-img-box .product-image-zoom{ width:270px; height:350px;} .product-view .product-img-box .product-image img{ width:100%; } .email-addto-box .email-friend{ } .googlemap iframe{ width:100% !important; } .col3-set .col-1 , .col3-set .col-2 , .col3-set .col-3 { width:100%; margin-bottom:10px; } .my-wishlist textarea{ width:90%; } #my-tags-table td , #my-reviews-table td{ display:block; } .additional-carousel .slider-item .product-block img{ margin:0 auto; text-align:center; display:block; } .product-view .product-shop .availability{ float:none; text-align:left; } #product-review-table .nobr{ white-space: normal !important; } #product-review-table td , .data-table thead th{ padding: 5px 3px; } #product-review-table{ margin:10px 0; } .buttons-set .back-link{ margin-bottom:10px; margin-right:10px; } .buttons-set button.button{ float:left; margin-left:0; } .pager .limiter{ margin-bottom:10px; } .pager .pager_right .sort-by{ } .products-list li .list-right{ width:100%; } #my-tags-table .add-to-links{text-align:left;} .link-reorder{float: left; clear: both; } .link-print{float:left;} .page-title .separator{float:left;} .products-list li .list-left{margin-right:auto; margin-left:auto; float:none; display:inline-block;} #my-tags-table .add-to-links{text-align:left;} .offer-banner-inner .offer-banner-title{font-size:25px;} .offer-banner-inner .offer-banner-desc, .offer-banner-inner .offer-link a{font-size:15px;} .tabbernav_product_sub .tabbernav_product li{display:block;} .subbanner-inner1,.subbanner-inner2,.subbanner-inner3{width:100%; margin-left:auto; margin-right:auto; margin-bottom:20px;} .tabbernav_product_sub ul.tabbernav_product li a{margin:0 auto 10px;} .instafeed-heading{font-size:18px} .instafeed-heading:before { font-size:18px; } .blog-heading,.tab-main-title{font-size:30px;} .service_cms_text a{font-size:12px;} .service_cms_text2{font-size:10px;} .subbanner-outer .hover_data .desc-text a{font-size:35px;} .hover_data .title a{font-size:20px;} .subbanner-outer .hover_data{top:35%;} /*.footer_bottom .payment_block li{margin-right:1px;}*/ .header-top .form-language, .header-top .tm_top_currency{display:inline-block; width:auto; float:left; margin: 0; } .header-top-left{display:block; width:100%; margin: 0; } .form-language .sbHolder .sbSelector, .tm_top_currency .sbHolder .sbSelector {} .header-top { padding: 0 !important; } .tm_headerlinkmenu{ } .header-top .home-page-tabs { float: none; margin-left: 0; position: absolute; top: 46px; width: 100%; } .header-cart{position:relative; float: right; display:inline-block; vertical-align:top; width:50px} .header-top .header-cart #panel{top:45px; right:-75px;} .header-top .header-cart #panel{min-width:280px;} .megnorblog h4 a{font-size:15px;} .form-language .sbOptions, .header-top .tm_top_currency .sbOptions{min-width:100px;} .add-to-cart button.button{clear:both; margin:20px 0 0;} .product-view .product-shop .add-to-links{clear:both;} .product-view .product-shop .add-to-links a.link-wishlist{float:left; clear:both; margin-bottom:15px;} .product-view .product-shop .add-to-links a.link-compare{float:left; clear:both;} .email-addto-box .email-friend a{float:left;} .product-tabs li{width:100%;} .product-tabs li a{width:100%; margin:0 auto; padding-left:0; padding-right:0; text-align: center; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;} .product-tabs a.selected{border:1px solid #d9d9d9;} .producttab-cms .tab_product{padding:10px 0} .product-tabs{border:none} .products-grid button.button.btn-cart span,.product-carousel button.button.btn-cart span{font-size:0; display:inline-block; padding:5px 10px; line-height:normal} .products-grid .availability, .product-carousel .availability{padding:0;} .products-grid button.button.btn-cart > span:before,.product-carousel button.button.btn-cart > span:before{content:"\f217"; font-family:"FontAwesome"; display:block; font-size:13px; line-height:22px;} .products-grid .availability.out-of-stock > span,.product-carousel .availability.out-of-stock > span {font-size:0; background:#d83820; line-height:normal; display: block; padding: 9px 10px;} .products-grid .availability.out-of-stock > span::before,.product-carousel .availability.out-of-stock > span::before{content:"\f217"; font-family:"FontAwesome"; display:block; font-size:14px; color:rgba(255,255,255,0.5); background:#d83820;} .products-grid .add-to-links li,.product-carousel .add-to-links li{vertical-align:middle} .compare-table button.button.btn-cart span span{padding:0} .testimonial-cms{padding:15px 0;} .cms-index-index .messages{top:270px;} .header .form-search input.input-text{width:200px;} .like,.share,.write-comment{padding-right:5px; margin-right:5px;} .read-more:before,.write-comment:before,.share:before,.like:before{margin-right:3px;} .view-blog a{font-size:11px;} .blog-left .blog-image img{top:auto;} .products-list li.item{text-align:center;} .products-list li .ratings .rating-box{float:none;} .products-list .product-shop .add-to-links{float:none; display:inline-block;} } /* Mobile Landscape Size to Mobile Portrait (devices and browsers) */ @media only screen and (min-width: 320px) and (max-width: 479px) { } @media only screen and (max-width: 319px){ .header-cart .right_arrow{ padding:0; background:none; } .cart .discount .input-box { width:100% !important; } .form-list textarea , .cart .discount input.input-text{ width:95%;} .checkout-progress{ padding:0 10px; } .opc .step{ padding:15px 15px; } .product-view .product-img-box , .product-view .product-img-box .product-image img{ width:100%; } .product-view .product-shop .add-to-links li{ display:block;margin-bottom:8px; } .product-view .product-shop .availability{ float:none; text-align:left; } .my-wishlist .buttons-set button.button{ margin:5px 0; text-align:left;} #product-review-table thead{ display:none; } .form-language .sbHolder, .tm_top_currency .sbHolder{float:none; text-align:center; padding:0; } .form-language .sbHolder .sbToggle , .tm_top_currency .sbHolder .sbToggle { display:none; } } @media only screen and (max-width:240px) {} /* * Core Owl Carousel CSS File * v1.3.3 */ /* 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; overflow: hidden; z-index:1; } .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 .owl-buttons div { position: absolute; top:40%; } .owl-controls .owl-buttons .owl-prev { left: 10px; } .owl-controls .owl-buttons .owl-next { right: 10px; } .owl-controls { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } /* mouse grab icon */ .grabbing { cursor:url("https://www.zeleni-dotik.si/skin/frontend/templatemela/default/images/megnor/grabbing.png") 8 8, move; } /* fix */ .owl-carousel .owl-wrapper, .owl-carousel .owl-item { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); } /* OpenCart Code */ .owl-carousel { z-index: 1; } .owl-wrapper-outer { } .owl-carousel .owl-buttons div { height: 22px; width: 20px; border: 1px solid #d9d9d9; } .owl-carousel:hover .owl-buttons div { } .owl-carousel .owl-buttons div:hover{border-color:#333;} .owl-carousel .owl-buttons .owl-prev { left: 0px; } .owl-carousel .owl-buttons .owl-prev:before{ content: "\f0d9"; font-family:"FontAwesome"; color:#666; } .owl-carousel .owl-buttons .owl-prev:hover:before{ color:#333; } .owl-carousel .owl-buttons .owl-next { right: 0px; } .owl-carousel .owl-buttons .owl-next:before{ content: "\f0da"; font-family:"FontAwesome"; color:#666; } .owl-carousel .owl-buttons .owl-next:hover:before{ color:#333; } .owl-carousel .owl-buttons div i { font-size: 40px; margin: 0px 0 0; } .owl-pagination { text-align: center; position: relative; } .owl-controls .owl-page { display: inline-block; margin: 0px 7px; } .owl-controls .owl-page span { display: block; width: 6px; height: 6px; border: 2px solid #777777; transform: rotate(45deg); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); } .owl-controls .owl-page.active span { background-color: #fff; border-color:#fff; } /*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */ .fancybox-wrap, .fancybox-skin, .fancybox-outer, .fancybox-inner, .fancybox-image, .fancybox-wrap iframe, .fancybox-wrap object, .fancybox-nav, .fancybox-nav span, .fancybox-tmp { padding: 0; margin: 0; border: 0; outline: none; vertical-align: top; } .fancybox-wrap { position: absolute; top: 0; left: 0; z-index: 8020; } .fancybox-skin { position: relative; background: #f9f9f9; color: #444; text-shadow: none; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .fancybox-opened { z-index: 8030; } .fancybox-opened .fancybox-skin { -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); } .fancybox-outer, .fancybox-inner { position: relative; } .fancybox-inner { overflow: hidden; } .fancybox-type-iframe .fancybox-inner { -webkit-overflow-scrolling: touch; } .fancybox-error { color: #444; font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif; margin: 0; padding: 15px; white-space: nowrap; } .fancybox-image, .fancybox-iframe { display: block; width: 100%; height: 100%; } .fancybox-image { max-width: 100%; max-height: 100%; } #fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span { background-image: url('https://www.zeleni-dotik.si/skin/frontend/templatemela/default/images/megnor/fancybox_sprite.png'); } #fancybox-loading { position: fixed; top: 50%; left: 50%; margin-top: -22px; margin-left: -22px; background-position: 0 -108px; opacity: 0.8; cursor: pointer; z-index: 8060; } #fancybox-loading div { width: 44px; height: 44px; background: url('https://www.zeleni-dotik.si/skin/frontend/templatemela/default/images/megnor/fancybox_loading.gif') center center no-repeat; } .fancybox-close { position: absolute; top: -18px; right: -18px; width: 36px; height: 36px; cursor: pointer; z-index: 8040; } .fancybox-nav { position: absolute; top: 0; width: 40%; height: 100%; cursor: pointer; text-decoration: none; background: transparent url('https://www.zeleni-dotik.si/skin/frontend/templatemela/default/images/megnor/blank.gif'); /* helps IE */ -webkit-tap-highlight-color: rgba(0,0,0,0); z-index: 8040; } .fancybox-prev { left: 0; } .fancybox-next { right: 0; } .fancybox-nav span { position: absolute; top: 50%; width: 36px; height: 34px; margin-top: -18px; cursor: pointer; z-index: 8040; visibility: hidden; } .fancybox-prev span { left: 10px; background-position: 0 -36px; } .fancybox-next span { right: 10px; background-position: 0 -72px; } .fancybox-nav:hover span { visibility: visible; } .fancybox-tmp { position: absolute; top: -99999px; left: -99999px; visibility: hidden; max-width: 99999px; max-height: 99999px; overflow: visible !important; } /* Overlay helper */ .fancybox-lock { overflow: hidden !important; width: auto; } .fancybox-lock body { overflow: hidden !important; } .fancybox-lock-test { overflow-y: hidden !important; } .fancybox-overlay { position: absolute; top: 0; left: 0; overflow: hidden; display: none; z-index: 8010; background: url('https://www.zeleni-dotik.si/skin/frontend/templatemela/default/images/megnor/fancybox_overlay.png'); } .fancybox-overlay-fixed { position: fixed; bottom: 0; right: 0; } .fancybox-lock .fancybox-overlay { overflow: auto; overflow-y: scroll; } /* Title helper */ .fancybox-title { visibility: hidden; font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif; position: relative; text-shadow: none; z-index: 8050; } .fancybox-opened .fancybox-title { visibility: visible; } .fancybox-title-float-wrap { position: absolute; bottom: 0; right: 50%; margin-bottom: -35px; z-index: 8050; text-align: center; } .fancybox-title-float-wrap .child { display: inline-block; margin-right: -100%; padding: 2px 20px; background: transparent; /* Fallback for web browsers that doesn't support RGBa */ background: rgba(0, 0, 0, 0.8); -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; text-shadow: 0 1px 2px #222; color: #FFF; font-weight: bold; line-height: 24px; white-space: nowrap; } .fancybox-title-outside-wrap { position: relative; margin-top: 10px; color: #fff; } .fancybox-title-inside-wrap { padding-top: 10px; } .fancybox-title-over-wrap { position: absolute; bottom: 0; left: 0; color: #fff; padding: 10px; background: #000; background: rgba(0, 0, 0, .8); } /*Retina graphics!*/ @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5){ #fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span { background-image: url('https://www.zeleni-dotik.si/skin/frontend/templatemela/default/images/megnor/fancybox_sprite@2x.png'); background-size: 44px 152px; /*The size of the normal image, half the size of the hi-res image*/ } #fancybox-loading div { background-image: url('https://www.zeleni-dotik.si/skin/frontend/templatemela/default/images/megnor/fancybox_loading@2x.gif'); background-size: 24px 24px; /*The size of the normal image, half the size of the hi-res image*/ } } .cookiealert {background: #333; color: #fff; padding: 5px 0; font-size: 12px; position: fixed; left: 0; bottom: 0; width: 100%; z-index: 99999999; } .cookiealert .container { max-width: 960px; margin: 0 auto; box-sizing: border-box; padding: 5px 10px; } .cookiealert .message { text-align: left; overflow: hidden; padding-right: 15px; float: left; width: 80%; box-sizing: border-box; } .cookiealert .buttons-set { float: right; margin: 0; width: 20%; border:0; padding: 10px 0 0 0; box-sizing: border-box; clear: none; text-align: right; } .cookiealert .message span.cookie-title{display: block; color: #fff; font-size: 14px; font-weight: bold;} .cookiealert .message a{color: #f90; text-decoration: underline;} .cookiealert .message a:hover{text-decoration: none;} .cookiealert .message .close a{font-size: 16px; text-decoration: none; font-weight: bold;} .cookiealert .message .close a:hover{text-decoration: underline;} .cookiealert .buttons-set .decline { -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; filter: alpha(opacity=80); opacity: 0.8; } @media (max-width:960px) { .cookiealert .message, .cookiealert .buttons-set { float: none; width: 100%; text-align: left; } } /* @import url("https://use.typekit.net/wuu8uoi.css"); */ /* font */ @font-face{ font-family:"nimbus-sans"; font-weight:normal; src:url("https://www.zeleni-dotik.si/skin/frontend/templatemela/hemptouch/css/Fonts/1492063/aaa2c11e-e459-43b4-8ad2-8c7c1de5c4e3.eot?#iefix"); src:url("https://www.zeleni-dotik.si/skin/frontend/templatemela/hemptouch/css/Fonts/1492063/aaa2c11e-e459-43b4-8ad2-8c7c1de5c4e3.eot?#iefix") format("eot"),url("https://www.zeleni-dotik.si/skin/frontend/templatemela/hemptouch/css/Fonts/1492063/773f22a7-9bd8-48bf-8331-9f3b52306ac2.woff2") format("woff2"),url("https://www.zeleni-dotik.si/skin/frontend/templatemela/hemptouch/css/Fonts/1492063/60bebbcf-ba00-4ac4-ad6b-a350fd1903bf.woff") format("woff"),url("https://www.zeleni-dotik.si/skin/frontend/templatemela/hemptouch/css/Fonts/1492063/7e3bd97a-acff-4781-9d63-80f4111a637e.ttf") format("truetype"); } @font-face{ font-family:"nimbus-sans"; font-weight:bold; src:url("https://www.zeleni-dotik.si/skin/frontend/templatemela/hemptouch/css/Fonts/1492043/40d7aa1f-ca63-4fe3-9e10-41a87c7c1ee7.eot?#iefix"); src:url("https://www.zeleni-dotik.si/skin/frontend/templatemela/hemptouch/css/Fonts/1492043/40d7aa1f-ca63-4fe3-9e10-41a87c7c1ee7.eot?#iefix") format("eot"),url("https://www.zeleni-dotik.si/skin/frontend/templatemela/hemptouch/css/Fonts/1492043/c1189892-2117-4b4f-bdbc-c2483115c58d.woff2") format("woff2"),url("https://www.zeleni-dotik.si/skin/frontend/templatemela/hemptouch/css/Fonts/1492043/13fb76cf-cc84-4ee6-80e9-f472a123b2d3.woff") format("woff"),url("https://www.zeleni-dotik.si/skin/frontend/templatemela/hemptouch/css/Fonts/1492043/e2a6861c-46fe-436b-85fc-e36505d20561.ttf") format("truetype"); } @font-face{ font-family:"nimbus-sans"; font-weight:800; src:url("https://www.zeleni-dotik.si/skin/frontend/templatemela/hemptouch/css/Fonts/1492039/36d66f65-87cc-4432-9713-2a0927ef589d.eot?#iefix"); src:url("https://www.zeleni-dotik.si/skin/frontend/templatemela/hemptouch/css/Fonts/1492039/36d66f65-87cc-4432-9713-2a0927ef589d.eot?#iefix") format("eot"),url("https://www.zeleni-dotik.si/skin/frontend/templatemela/hemptouch/css/Fonts/1492039/6da4e1de-4859-433c-80b1-19f14a5938f7.woff2") format("woff2"),url("https://www.zeleni-dotik.si/skin/frontend/templatemela/hemptouch/css/Fonts/1492039/23e8438f-69da-4621-a6d8-fd2b66ad64d4.woff") format("woff"),url("https://www.zeleni-dotik.si/skin/frontend/templatemela/hemptouch/css/Fonts/1492039/bb269234-a4f5-4925-a2a7-ddec79f8ac8a.ttf") format("truetype"); } @font-face{ font-family:"nimbus-sans"; font-style:italic; font-weight:normal; src:url("https://www.zeleni-dotik.si/skin/frontend/templatemela/hemptouch/css/Fonts/1492584/d2d20958-b8af-4ead-9d20-40e7f73fed27.eot?#iefix"); src:url("https://www.zeleni-dotik.si/skin/frontend/templatemela/hemptouch/css/Fonts/1492584/d2d20958-b8af-4ead-9d20-40e7f73fed27.eot?#iefix") format("eot"),url("https://www.zeleni-dotik.si/skin/frontend/templatemela/hemptouch/css/Fonts/1492584/14edc779-3a2a-4f43-b759-691d28f4942c.woff2") format("woff2"),url("https://www.zeleni-dotik.si/skin/frontend/templatemela/hemptouch/css/Fonts/1492584/2b711ce0-e7a4-4569-9c98-3e1dbe54720d.woff") format("woff"),url("https://www.zeleni-dotik.si/skin/frontend/templatemela/hemptouch/css/Fonts/1492584/98595864-b5cc-46a4-b6cc-c9470802c8f5.ttf") format("truetype"); } @font-face{ font-family:"nimbus-sans"; font-style:italic; font-weight:bold; src:url("https://www.zeleni-dotik.si/skin/frontend/templatemela/hemptouch/css/Fonts/1492582/137eaef7-50a6-4ae5-b76a-8a9f8422cf81.eot?#iefix"); src:url("https://www.zeleni-dotik.si/skin/frontend/templatemela/hemptouch/css/Fonts/1492582/137eaef7-50a6-4ae5-b76a-8a9f8422cf81.eot?#iefix") format("eot"),url("https://www.zeleni-dotik.si/skin/frontend/templatemela/hemptouch/css/Fonts/1492582/21027b00-5c07-4539-b19a-01fb4e89ceb7.woff2") format("woff2"),url("https://www.zeleni-dotik.si/skin/frontend/templatemela/hemptouch/css/Fonts/1492582/71972427-23b5-43e4-b4ed-63763331e0b8.woff") format("woff"),url("https://www.zeleni-dotik.si/skin/frontend/templatemela/hemptouch/css/Fonts/1492582/188092ab-aa60-4d55-889e-5acf54f7db5c.ttf") format("truetype"); } /* default */ body { letter-spacing: 0.3px; font-family: 'nimbus-sans', Helvetica,sans-serif; } .header .form-search input.input-text, button.button span, .back-link a { font-family: 'nimbus-sans', Helvetica,sans-serif; } button.button span, button.button.btn-cart span { border: 1px solid #000; background: #000; color: #fff; font-size: 14px; font-weight: bold; letter-spacing: 2px; text-transform: uppercase; } button.button.btn-cart span { border-color: #009060; background-color: #009060; } button.button:hover span, button.button.btn-cart:hover span { border: 1px solid #009060; color: #009060; background: #fff; } button.button:hover span span, button.button.btn-cart:hover span span { border: 0; background: none; } .checkout-cart-index button.button span { background-color: #fff; border-color: #009060; color: #009060; } .checkout-cart-index button.button:hover span { background-color: #eff5ea; } .clear { clear: both; } .std ul { margin: 0 0 10px 25px; } .std h2 { font-weight: normal; text-transform: none; font-size: 48px; line-height: 58px; margin: 15px 0; color: #1D1D1B; } .std h3 { font-weight: normal; text-transform: none; font-size: 36px; line-height: 44px; margin: 15px 0; color: #1D1D1B; letter-spacing: 0.15px; } .std h4 { font-weight: normal; text-transform: none; font-size: 24px; line-height: 29px; margin: 15px 0; color: #1D1D1B; letter-spacing: 0.3px; } .std h5 { font-weight: normal; text-transform: none; font-size: 18px; line-height: 22px; margin: 15px 0; color: #1D1D1B; letter-spacing: 0.35px; } .post-entry.std, .std p, .std { color: #1D1D1B; font-size: 18px; letter-spacing: 0.35px; line-height: 24px; } .std .data-table { border: 0; border-top: 1px solid #ebebeb; border-left: 1px solid #ebebeb; } .std .data-table td, .std .data-table th { border: 0; border-bottom: 1px solid #ebebeb; border-right: 1px solid #ebebeb; } .std .data-table tbody tr:nth-child(odd) td, .std .data-table tbody tr:nth-child(odd) th { background-color: rgba(0,0,0,0.02); } .std img { max-width: 100%; } .std a, .cms-page-view .std a, .herbs li .content-wrapper .content a, .product-shop .std a, .post-entry.std a { color: #009060; text-decoration: underline; } .blog-heading { background: transparent; } .category-title h2, .category-title h2 a, .crosssell h2, .tab-main-title { background: transparent; padding-bottom: 0; } .hidden { display: none; } .exclvat { font-size: 11px; color: #999; } .item .exclvat.olds { display: none; } p.nestnote { font-size: 18px; } p.nestnote a { text-decoration: underline; color: #3c93ae; } /* HEADINGS */ h2 { margin: 30px 0 20px 0; } h3 { margin: 20px 0 15px 0; } .account-login .content h2, .fieldset .legend, .box-account .box-head h2, .addresses-list h2, .multiple-checkout h2, .checkout-onepage-success h2, .order-info-box h2, .sales-order-print .col2-set h2 { text-transform: none; } /* HEADER */ header { position: relative; } header:before { content:''; height:1px; width: 100%; position: absolute; bottom: 0; left: 0; right: 0; -webkit-box-shadow: 3px 0px 5px 0px rgba(0,0,0,0.3); -moz-box-shadow: 3px 0px 5px 0px rgba(0,0,0,0.3); box-shadow: 3px 0px 5px 0px rgba(0,0,0,0.3); z-index: 2; } .header { border-bottom: 0; } .header.fixed { position: fixed; left: 0; right: 0; top: 0; width: 100%; box-sizing: border-box; -webkit-box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.05); -moz-box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.05); box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.05); } .catalog-product-view .header.fixed { -webkit-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0); -moz-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0); box-shadow: 0px 0px 0px 0px rgba(0,0,0,0); } .header.fixed a.logo { margin: 15px 0; } .header.fixed .nav-container { padding: 0; } .header.fixed .form-search { margin-top: 18px; } .header-top { background: #fff; border-bottom: 1px solid #979797; padding: 0 10px; box-sizing: border-box; } .header-top .home-page-welcome { float: left; line-height: 10px; padding: 16px 0; color: #4A4A4A; font-size: 12px; letter-spacing: 1.8px; text-transform: uppercase; } .header-top .page-tab { float: left; } .header-top .page-tab a { display: block; padding: 16px 15px; color: #4A4A4A; cursor: pointer; font-size: 12px; height: 14px; font-weight: bold; letter-spacing: 1.8px; line-height: 10px; text-transform: uppercase; } .header-top .page-tab.active a { text-decoration: underline; } .header-top .page-tab.passive a { text-decoration: none; } .header-top .contact span { color: #FFF; float: left; margin-left: 15px; margin-top: 14px; padding-right: 20px; margin-right: 5px; } .header-top .contact .phone { border-right: 1px solid #FFF; height: 10px; line-height: 10px; margin-top: 22px; } .header-top .contact a { color: #FFF; } .header-top .contact a:hover { color: #666; } .cart_mini_right { color: #4A4A4A; font-size: 12px; letter-spacing: 1.8px; line-height: 10px; background: none transparent; padding: 16px 0 16px 15px; background: none transparent; } .header-top .header-cart #panel { right: 0px; top: 46px; } .header-top .header-cart #panel .block-subtitle { padding-top: 0; font-weight: bold; } .header-top .header-cart #panel .product-details { line-height: 1.4em; } .header-top .header-cart #panel p.shpinf { line-height: 1.3em; margin: 10px 0 5px 0; } .header-top .header-cart #panel .actions, .header-top .block .actions button.button { float: none; } .form-language .sbToggle, .tm_top_currency .sbToggle { top: 12px; margin-right: -2px; background: url(https://www.zeleni-dotik.si/skin/frontend/templatemela/hemptouch/images/arrow-down1.png) no-repeat scroll center center; } .tm_headerlinkmenu { margin-top: 0; padding-right: 0px; } .headertoggle_img {color: #4A4A4A; font-size: 12px; letter-spacing: 1.8px; line-height: 10px; background: none transparent; padding: 16px 15px; } .form-language .sbHolder, .tm_top_currency .sbHolder { padding: 0; } .header-top .form-language { margin-top: 0; padding-right: 0px; margin-left: 0px;} .header-top .links { background: #478671; top: 33px; } .headertoggle_img::after { display: none; } .form-language .sbOptions, .header-top .tm_top_currency .sbOptions { top: 34px !important; background-color: #478671; } .form-language .sbOptions li { display: block; } .header-top .tm_top_currency .sbSelector:link, .header-top .tm_top_currency .sbSelector:visited, .header-top .tm_top_currency .sbSelector:hover, .form-language .sbSelector:link, .form-language .sbSelector:visited, .form-language .sbSelector:hover {color: #4A4A4A; font-size: 12px; letter-spacing: 1.8px; line-height: 10px; padding: 16px 15px; } .searchtoggle { background: url("https://www.zeleni-dotik.si/skin/frontend/templatemela/hemptouch/images/search-icon.png") no-repeat scroll 2px -49px; } .searchtoggle.active { background: url("https://www.zeleni-dotik.si/skin/frontend/templatemela/hemptouch/images/close-icon.png") no-repeat scroll 0px 0px; } #advancedmenu .level1 > a.itemMenuName { text-transform: none; } .megnor-advanced-menu-popup { width: 800px; } #advancedmenu div.column { padding: 0; width: 260px; } .itemSubMenu .itemMenu { margin-left: 5px; } #nav a, div.menu a, div.megnor-advanced-menu-popup a { color: #1D1D1B; font-size: 16px; text-transform: none; } #advancedmenu .megnor-advanced-menu-popup .itemMenu a, #advancedmenu .level1 > a.itemMenuName { color: #1D1D1B; } .nav-responsive span { text-transform: uppercase; font-size: 18px; } .nav-responsive .expandable { margin-top: 12px; } #advancedmenu .megnor-advanced-menu-popup .itemMenu a { color: #000000; text-transform: none; font-size: 16px; letter-spacing: 0.6px; line-height: 19px; padding: 4px 0 4px 25px; } #advancedmenu .megnor-advanced-menu-popup a:hover { text-decoration: underline; } #advancedmenu .level1 > a.itemMenuName { color: #000000; font-size: 16px; letter-spacing: 0.6px; line-height: 19px; font-weight:normal; margin: 10px 0; padding: 0px 0 0 10px; font-weight: bold; } div.megnor-advanced-menu-popup a { padding-left: 7px; } .column-left-breadcrumbs { background: none transparent;} .column-left-breadcrumbs:before { display: none; content: ''; background: none transparent; position: absolute; height: 106px; width: 100%; left: 0; right: 0; bottom: -1px; } .breadcrumbs li a, .breadcrumbs li, .breadcrumbs li strong, .page-title h1, .page-title h2, .manufacturer-list h1 { color: #1D1D1B; font-weight: normal; } .breadcrumbs { margin: 10px 0 0; float: none; } .column-left-breadcrumbs { margin-bottom: 0; height: 80px; } .page-title h1, .page-title h2, .manufacturer-list h1 { top: -60px; } .header-center { float: right;} .header-logo { display: block; clear: both; overflow: hidden; } .header .logo { float: none; margin: 30px 0; overflow: hidden; display: block; max-width: 166px; } .header .logo img { max-width: 100%; } .nav-container { padding: 15px 0; } div.megnor-advanced-menu-popup { top: 42px; border: 0; -webkit-box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.05); -moz-box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.05); box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.05); } .header .form-search { margin-top: 33px; margin-left: 30px; } .search-wrapper-outer { top: 23px; background: #fff; } .menu .parentMenu a span { text-transform: lowercase; color: #1D1D1B; font-size: 26px; line-height: 31px; font-weight: normal; } #nav li.over a, #nav a:hover , div.menu a:hover , div.menu.active a { border-color: transparent; } #nav li.over a .parentMenu span, #nav a:hover .parentMenu span, div.menu a:hover .parentMenu span, div.menu.active a .parentMenu span { text-decoration: underline; border-bottom: 2px solid #1D1D1B; } div.menu { padding-bottom: 0px; margin-bottom: 5px; } #nav a, .nav-responsive span, div.menu a, div.megnor-advanced-menu-popup a { margin-left: 0; margin-right: 0; } .topaction { background: linear-gradient(135deg, #00C380 0%, #478671 100%); color: #fff; text-align: center; line-height:1.2em; font-size: 14px; } .topaction .container-width { padding: 8px 0; } .topaction a { color: #fff; text-decoration: none; } .topaction p { margin: 0; padding: 0; } .form-language .sbToggleOpen::before, .tm_top_currency .sbToggleOpen::before { content: "\f078"; } .breadcrumbs li a, .breadcrumbs li, .breadcrumbs li strong { text-transform: none; } #popup54.megnor-advanced-menu-popup, #popup40.megnor-advanced-menu-popup { width: 280px; } /* home */ .cms-cbd .main { min-height: initial; } .cms-cbd .main, .cms-home .main { margin: 0 auto !important; } .cms-home .main-container, .cms-cbd .main-container { margin-top: -6px; display: block; } #us.cms-home .main-container, #us.cms-cbd .main-container, #uk.cms-home .main-container, #uk.cms-cbd .main-container, #en.cms-home .main-container, #en.cms-cbd .main-container { /*margin-top: 0;*/ } .cms-home .column-left-breadcrumbs, .cms-cbd .column-left-breadcrumbs { display: none; } .subbanner .hover_data .title a { font-size: 18px; text-transform: none; letter-spacing: 0; } .subbanner-outer { margin-bottom: 0; } .subbanner .hover_data .desc-text a { font-size: 24px; line-height: 1.2em; text-transform: none; } .subbanner .hover_data .desc-text { margin-bottom: 4px; } .subbanner .subbanner-inner3 { text-align: center; } .blog-heading, .tab-main-title { font-size: 30px; font-weight: 500; line-height: 1.2em; margin-bottom: 50px; text-transform: none; } .tabbernav_product_sub { margin-bottom: 0;} .parallax-testimonial .parallax { height: 300px; background: none transparent; text-align: center; overflow: hidden; background-size: cover; position: relative; } .parallax-testimonial .parallax:before { content:''; height:1px; width: 100%; position: absolute; top: 0; left: 0; right: 0; -webkit-box-shadow: 3px 0px 5px 0px rgba(0,0,0,0.3); -moz-box-shadow: 3px 0px 5px 0px rgba(0,0,0,0.3); box-shadow: 3px 0px 5px 0px rgba(0,0,0,0.3); z-index: 2; } .parallax-testimonial .parallax h3 { font-size: 42px; color: #fff; margin-top: 100px; text-shadow: 1px 1px 1px rgba(0,0,0,0.3); } .parallax-testimonial .parallax a.btn { text-decoration: none; display: inline-block; border: 2px solid #fff; padding: 0 20px; line-height: 36px; color: #fff; background: rgba(0,0,0,0.2); } .parallax-testimonial .parallax a.btn:hover { background: rgba(0,0,0,0.5); } .reviews-cms .blog-heading { display: block; padding:0; margin: 0; } .reviews-cms .blog-heading span { display: inline-block; margin: 18px auto 27px auto; height: 56px; background: #fff; padding: 0 20px; color: #1D1D1B; font-size: 24px; letter-spacing: 1.33px; line-height: 56px; } .reviews-cms #testimonial-carousel { max-width: 1160px; box-sizing: border-box; padding: 15px; margin: 0 auto; background: #fff; } .reviews-cms .item { max-width: 640px; box-sizing: border-box; margin: 0 auto; } .reviews-cms .item .cms-box-heading a { color: #1D1D1B; font-size: 36px; letter-spacing: 2px; line-height: 43px; text-align: center; text-transform: none; } .reviews-cms .item .cms-box-heading span { color: #1D1D1B; font-size: 15px; letter-spacing: 0.38px;line-height: 20px; text-align: center; } .reviews-cms .item .test-desc { color: #1D1D1B; font-size: 15px; letter-spacing: 0.38px; line-height: 20px; text-align: center; } .reviews-cms .item .test-desc::before { content: ''; } .reviews-cms .owl-carousel .owl-buttons .owl-prev { left: 20px; text-align: center; border: 0; } .reviews-cms .owl-carousel .owl-buttons .owl-next { right: 20px; text-align: center; border: 0; } .testimonials { float: none; padding-bottom: 40px; background: url(https://www.zeleni-dotik.si/skin/frontend/templatemela/hemptouch/images/zigzag.jpg) repeat; background-attachment: fixed; } .testimonials .owl-controls .owl-page.active span { border-color: #333; } .service_cms { width: 100%; float: none; margin-top: 0; border-top: 1px dashed #dddddd; overflow: hidden; } .service_4cms.cont_inner, .service_3cms.cont_inner, .service_2cms.cont_inner, .service_1cms.cont_inner { width: 25%; border-left: 1px dashed #dddddd; border-bottom: 0; } .service_1cms.cont_inner { border-left: 0; } .offer-banner { padding: 60px 0; margin-bottom: 40px; text-transform: none; margin-top: 0; float: none; background: #fff; } .offer-banner .block .block-title { padding: 0; text-transform: none; color: #1D1D1B; font-weight: normal; text-align: left; font-size: 24px;letter-spacing: 0.3px; line-height: 29px; } .offer-banner .block, .offer-banner .block-subscribe .block-content { margin:0; padding: 0; } .offer-banner .block-subscribe input.input-text { background: #fff; border: 1px solid #000; color: #111; line-height: 48px; height: 48px; padding: 0 0 0 15px; color: #9B9B9B; font-size: 14px; letter-spacing: 0.4px; width: 240px; max-width: 100%; } .offer-banner .block-subscribe { border: none; } .offer-banner .block-subscribe .block-title, .offer-banner .block-subscribe ul { float: left; width: 50%; } .offer-banner .block-subscribe .block-content { background-color: transparent; } .offer-banner .block-subscribe .block-content .input-box > div { float: left; } .offer-banner .block-subscribe .actions button.button { background: #fff; border: 1px solid #000; margin-left: 15px; padding:0; text-transform: uppercase; } .offer-banner .block-subscribe .actions button.button span { margin: 0; padding: 0 20px; color: #000; font-size: 14px; font-weight: bold; letter-spacing: 2px; line-height: 44px; } .service_cms_text { font-size: 18px; font-weight: bold; color: #5a7700; } .service_cms_text2 { color: #666; text-transform: none; letter-spacing: 0.3px; } .service_1cms.cont_inner .icon { background: url('https://www.zeleni-dotik.si/skin/frontend/templatemela/hemptouch/images/megnor/service-icon.png') no-repeat scroll 0 24px transparent; height: 80px; } .service_2cms.cont_inner .icon { background: url(https://www.zeleni-dotik.si/skin/frontend/templatemela/hemptouch/images/services/medal-icon.svg) no-repeat scroll 0 14px transparent; height: 80px; background-size: auto 54px; } .service_2cms.cont_inner:hover .icon { background-position: 0 0; } .service_3cms.cont_inner .icon { background: url(https://www.zeleni-dotik.si/skin/frontend/templatemela/hemptouch/images/services/organic-icon.svg) no-repeat scroll 0 14px transparent; height: 80px; width: 65px; } .service_3cms.cont_inner:hover .icon { background-position: 0 0; } .service_4cms.cont_inner .icon { background: url(https://www.zeleni-dotik.si/skin/frontend/templatemela/hemptouch/images/services/quality-icon.svg) no-repeat scroll 0 14px transparent; height: 80px; } .service_4cms.cont_inner:hover .icon { background-position: 0 0; } #blog-carousel .blog-item { float: left; width: 25%; } #blog-carousel .product-block { background: none; } #blog-carousel .blog-left { padding: 0 20px 20px 20px; position: static; opacity: 1; -webkit-opacity: 1; -moz-opacity: 1; -khtml-opacity: 1; z-index: 1; } .megnorblog .blog-right { float: none; padding: 0; } .blog-right .date-time { color: #999; float: none; font-size: 12px; font-weight: normal; } .megnorblog h4 { margin: 0; } .megnorblog h4 a { color: #5a7700; font-size: 18px; font-weight: 600; text-transform: none; } .moreblog { margin-top: 20px; } .megnorblog .more-blog { text-transform: none; } .cms-home .tabberlive_outer_sub { padding-top: 20px; } .cms-home .tabberlive_outer_sub .tab-main-title {display: none; } .cms-cbd .tabberlive_outer_sub .tab-main-title, .cms-home .tabberlive_outer_sub .tab-main-title { display: block; padding: 0; margin: 50px 0; color: #1D1D1B; font-weight: normal; font-size: 24px; letter-spacing: 0.3px; line-height: 29px; } .natures-finest { overflow: hidden; padding: 60px 0; } .natures-finest h4 { width: 560px; max-width: 100%; color: #1D1D1B; font-size: 48px; line-height: 56px; font-weight: normal; } .natures-finest img { float: right; margin-right: 20%; } .advantages { margin: 60px 0 0 0; } .advantages .container-width { padding: 50px 0; border-bottom: 1px solid #4A4A4A; } .advantages li { width: 25%; box-sizing: border-box; float: left; padding: 20px; text-align: center; } .advantages li h3 { margin: 0 0 2px 0; color: #1D1D1B; font-size: 18px; letter-spacing: 0.64px; line-height: 21px; font-weight: normal; } .advantages li p { color: #4A4A4A; font-size: 15px; letter-spacing: 0.5px; line-height: 18px; margin: 0; } .advantages li:before { content: ''; height: 46px; width: 46px; background: url(https://www.zeleni-dotik.si/skin/frontend/templatemela/hemptouch/images/icons/free_SAMPLES.png) no-repeat center; display: block; margin: 0 auto; margin-bottom: 15px; } .advantages li:nth-child(1):before { } .advantages li:nth-child(2):before { background-image: url(https://www.zeleni-dotik.si/skin/frontend/templatemela/hemptouch/images/icons/free_shipping.png); } .advantages li:nth-child(3):before { background-image: url(https://www.zeleni-dotik.si/skin/frontend/templatemela/hemptouch/images/icons/members.png); } .advantages li:nth-child(4):before { background-image: url(https://www.zeleni-dotik.si/skin/frontend/templatemela/hemptouch/images/icons/fast_delivery.png); } .advantages.cbds .container-width { border-bottom: 0; } .advantages .due li p, .advantages .due li h3 { color: #fff; } .advantages .due { background: linear-gradient(135deg, #00C380 0%, #478671 100%); color: #fff; text-align: center; } .advantages .due li:nth-child(1):before { background-image: url(https://www.zeleni-dotik.si/skin/frontend/templatemela/hemptouch/images/icons/CO2_extraction_white.png); } .advantages .due li:nth-child(2):before { background-image: url(https://www.zeleni-dotik.si/skin/frontend/templatemela/hemptouch/images/icons/non_GMO_white.png); } .advantages .due li:nth-child(3):before { background-image: url(https://www.zeleni-dotik.si/skin/frontend/templatemela/hemptouch/images/icons/full_spectrum_white.png); } .advantages .due li:nth-child(4):before { background-image: url(https://www.zeleni-dotik.si/skin/frontend/templatemela/hemptouch/images/icons/3rd_party_tested_white.png); } .advantages .heading { background: url(https://www.zeleni-dotik.si/skin/frontend/templatemela/hemptouch/images/heading.gif) repeat-x center center; text-align: center; margin: 0px 0 30px 0;color: #1D1D1B; font-size: 24px; letter-spacing: 1.23px; line-height: 29px; } .advantages .heading span { padding: 0 15px; background: #fff; display: inline-block; } .advantages.mlch .container-width { border-bottom: 0; } .advantages.mlch li { width: 50%; } .advantages.mlch li:before { display: none !important; } .advantages.mlch li a:before { content: ''; height: 68px; width: 70px; display: block; pointer-events: none; margin: 0 auto; margin-bottom: 15px; background-repeat: no-repeat; } .advantages.mlch li:nth-child(1) a:before { background-image: url(https://www.zeleni-dotik.si/skin/frontend/templatemela/hemptouch/images/icons/SUBSCRIBE_BIG_WEB.png); } .advantages.mlch li:nth-child(2) a:before { background-image: url(https://www.zeleni-dotik.si/skin/frontend/templatemela/hemptouch/images/icons/loyalty_BIG_WEB.png); } .homeblock { margin-top: 30px; font-size: 16px; } .homeblock p, .homeblock { color: #1D1D1B; font-size: 18px; letter-spacing: 0.35px; line-height: 24px; } .homeblock a { text-decoration: none; } .homeblock li { width: 49%; float: left; margin-right: 2%; } .homeblock li:nth-child(2n) { margin-right: 0; } .homeblock li img { margin-bottom: 30px; max-width: 100%; clear: both; } .homeblock h3 { color: #1D1D1B; font-size: 24px; letter-spacing: 0.3px; line-height: 26px; font-weight: normal; margin: 0 0 30px 0; } /* blogec */ .blogec .heading { text-align: center; margin: 60px 0 80px 0; color: #1D1D1B; font-size: 24px; letter-spacing: 1.33px; line-height: 29px;} .blogec ul { width: 80%; margin: 0 auto; overflow: hidden; } .blogec ul li { overflow: hidden; margin-bottom: 100px; } .blogec .blog-image { position: relative; } .blogec .blog-image a { display: block; width: 75%; position: absolute; right: 0; z-index: -1; } .blogec .blog-image a img { max-width: 666px; } .blogec .blog-content { width: 50%; margin-top: 150px; background: #fff; box-sizing: border-box; padding: 50px 45px; } .blogec .blog-content h4 { margin: 0 0 20px 0; } .blogec .blog-content h4 a { color: #1D1D1B; font-size: 36px; line-height: 1.1em; font-weight: normal; } .blogec .blog-content .post { padding-left: 50px; color: #1D1D1B; font-size: 15px; letter-spacing: 0.38px; line-height: 20px; } .blogec .blog-content a.readmore { color: #1D1D1B; font-size: 24px; letter-spacing: 0.86px; line-height: 29px; float: right; margin: 15px 0 0 0; text-decoration: underline; } .blogec li:nth-child(2n) .blog-image a { right: unset; left; 0; } .blogec li:nth-child(2n) .blog-content { margin-left: 50%; } /* FOOTER */ .instafeed-heading { color: #1D1D1B; font-size: 24px; letter-spacing: 1.33px; line-height: 29px; font-weight: normal; } .instafeed-cms { border-top: 0; } .instafeed-cms .owl-wrapper { background: #009060; } #instafeed img { max-height: 317px; } .footertop-cms a { color: #bfbfbf; } .footertop-cms a:hover { color: #FFF; } .footer address, .footer address a { text-transform: none; color: #1D1D1B; font-weight: normal; font-size: 12px; letter-spacing: 0.43px; line-height: 14px; } .footer address { padding-top: 10px; } #footer h6, #footer .block .block-title strong { text-transform: none; } .footer-top-inner { padding: 0; } .footertop-cms { padding: 10px 0; } .social-link { width: 50%; margin: 0; padding: 0; text-align: left; border-bottom: 0; box-sizing: border-box; } .social-link .small-text { padding-right: 15px; font-size: 18px; } .social-link ul { display: inline; } .footertop-cms .footer-subscribe { width: 50%; float:left; margin: 0; padding: 9px 0; text-align: right; border: 0; box-sizing: border-box; } .footertop-cms .footer-subscribe .small-text { padding-right: 10px; font-size: 18px; } .footertop-cms .footer-subscribe input.input-text { border: 0; } .footer_bottom { padding: 18px 0; border:0; } #footer { margin-bottom: 40px; } .footer-container { background: #fff; } .footer-container, .footer a { text-decoration: none; color: #1D1D1B; font-size: 16px; letter-spacing: 0.57px; line-height: 19px; } .footer a:hover { text-decoration: underline; color: #1D1D1B; } #footer h6, #footer .block .block-title strong { text-transform: none; color: #1D1D1B; font-weight: normal; font-size: 24px; letter-spacing: 1.33px; line-height: 29px; margin-bottom: 30px; } .footer-container.bottom {border-top: 1px solid #4A4A4A; } .footer-container.bottom .footer { padding: 0; } .footer p, .footer li { padding: 7px 0 7px 30px; } .footer-top-outer img { max-width: 100%; } .footer_bottom .payment_block li.mastercard::before { content: "\f1f1"; font-family: "FontAwesome"; color: #808080; font-size: 26px; } .footer-bottom-bottom img { float: right; } /* EXTRA */ #cookie-law { background: #f7f7f7; } #cookie-law p { padding: 5px 0; margin: 0; text-align: center } .clear { clear: both; } .account-login .buttons-set button.button { float: left; margin-left:0; } .cms-page-view #mergeRow-gdpr p { color: #555; font-size: 12px; letter-spacing: 0; line-height: 1.5em; } .cms-page-view #mc_embed_signup .mc-field-group { padding-bottom: 15px; } .cms-page-view #mc_embed_signup .mc-field-group.gdprRequired { padding-bottom: 0; } /* CATALOG */ .product-name a, .product-review .product-name { text-transform: none; } .desc-asc { margin-top: 0; } .block .block-content li a { text-transform: none; } .product-block .sale-label, .product-block .new-label { opacity:1; -webkit-opacity:1; -moz-opacity:1; -khtml-opacity:1; } .cbd-label { position: absolute; z-index: 2; left: 0; right:0; width: 100%; top: 20px; text-align: center; color: #4A4A4A; font-size: 12px; letter-spacing: 1.8px; line-height: 1.3em; font-weight: normal; } .cbd-label b, .cbd-label strong { font-weight: 700; } .category-description { display: block; } .product-name a { text-transform: none; color: #1D1D1B; font-size: 18px; letter-spacing: 0.64px; line-height: 22px; text-align: center; } .products-grid li .product-block-inner, .product-carousel li .product-block-inner { text-align: left; } .price-box .price { color: #1D1D1B; font-size: 18px; letter-spacing: 0.64px; line-height: 22px; font-weight: normal; } .a-cart { color: #4A4A4A; font-size: 14px; line-height: 17px; text-decoration: underline; float: right; clear: both; text-transform: lowercase; margin: 5px 20px 0 0; } a.product-image { background-color: #F7F7F7; } a.product-image:hover { background: url(https://www.zeleni-dotik.si/skin/frontend/templatemela/hemptouch/images/zigzag.jpg) repeat; background-attachment: fixed; } .product-block-inner .sale-label { font-size: 13px; padding: 20px 25px 0px; left: -17px; } .product-block-inner .sale-label:before { top:0; border-top: 100px solid #000; border-right: 100px solid transparent; } .product-carousel .product-name strong , .products-grid .product-name strong { display: block; text-align: left; } .products-grid .volume { float: left; margin-right: 8px; margin-top: 6px; color: #4A4A4A; font-size: 12px; letter-spacing: 1.8px; line-height: 14px; } .saleses { height: 92px; width: 92px; display: block; background: url(https://www.zeleni-dotik.si/skin/frontend/templatemela/hemptouch/images/saleses.gif) no-repeat bottom right; position: absolute; top: 0; left: 0; color: #fff; z-index: 9; } .saleses span { text-transform: uppercase; -ms-writing-mode: tb-rl; transform: rotate(315deg); -webkit-transform: rotate(315deg); -moz-transform: rotate(315deg); -o-transform: rotate(315deg); writing-mode: lr-tb; display: block; width: 100%; height: 100%; text-align: center; box-sizing: border-box; padding: 15px; font-size: 18px; font-weight: 600; } .saleses.labl span { font-weight: normal; font-size: 16px; } .stamped-form-review-rating .tm-radio input { display: block; width: 24px; height: 24px; position: relative; cursor: pointer; } .stamped-form-review-rating .tm-radio:before { font-family: stamped-font,FontAwesome !important; content: '\f006'; cursor: pointer; font-size: 23px; pointer-events: none; color: #ffd200; position: absolute; width: 24px; height: 24px; } .stamped-form-review-rating .tm-radio.tm-selected:before { content: '\f005'; } .products-grid .price-box .special-price, .product-carousel .price-box .special-price { padding-top: 0; padding-bottom: 0; } /* PRODUCT VIEW */ .product-view .product-shop .oldname { margin: 5px 0; color: #1D1D1B; font-weight: bold; } .product-view .product-shop .short-description ul, .product-view .product-shop .short-description ol { margin-left: 15px; } .product-view .product-shop .product-name h1 { text-transform: none; margin-top: 10px; color: #1D1D1B; font-size: 24px; letter-spacing: 0.3px; line-height: 26px; font-weight: normal; } .zoomWindow { background-color: #fff; } .product-view .product-img-box .product-image-zoom { height: 526px; } .product-view .tabs { margin-top: 20px; } .catalog-product-view .related-products { margin-top: 40px; } .product-view .tabs { text-align: center; /*background: url(https://www.zeleni-dotik.si/skin/frontend/templatemela/hemptouch/images/tabs.jpg) repeat-x bottom; */ } .product-view .tabs li { float: none; display: inline-block; } /* .product-view .tabs a { font-weight: 500; font-size: 16px; padding: 10px 20px; text-transform: none; border: 1px solid #d9d9d9; border-bottom: 0; background-color: #d9d9d9; } .product-view .tabs li.active a, .product-view .tabs li.active a:hover { border: 1px solid #d9d9d9; border-bottom: 0; background-color: #fff; color: #333; } */ .product-view .tabs a { color: #1D1D1B; font-size: 24px; letter-spacing: 0.3px; line-height: 29px; font-weight: normal; text-transform: none; border: 0; padding: 4px 8px; margin: 0 8px; } .product-view .tabs li.active a, .product-view .tabs li.active a:hover, .product-view .tabs li a:hover { border-bottom: 2px solid #1D1D1B; background: none transparent; color: #1D1D1B; } .category-title h2, .category-title h2 a, .crosssell h2 { text-transform: none; } .product-view .product-img-box .product-image-zoom img { /* background-color: #F7F7F7; */ } .catalog-product-view .column-left-breadcrumbs { height: 40px; } .product-view .product-shop .product-name h1 { color: #1D1D1B; font-size: 32px; font-weight: normal; letter-spacing: 0.4px; line-height: 42px; } .product-view .product-essential .product-name h2 { display: block; margin: 0; color: #1D1D1B; font-size: 32px; font-weight: bold; letter-spacing: 0.4px; line-height: 42px; } .product-view .product-shop .add-to-box { float: right; clear: right; } .product-view .product-shop .left-info { float: left; } .product-view .product-shop .volume { float: none; margin-right: 5px; margin-top: 0px; color: #4A4A4A; font-size: 14px; letter-spacing: 2.1px; line-height: 17px;} .product-view .product-shop .price-box { margin-top: 5px; } .product-view .product-shop .price-box .price { font-size: 24px; } .product-view .product-shop .short-description, .product-view .product-shop .availability, .product-view .sku { color: #303030; font-size: 18px; letter-spacing: 0.22px; line-height: 26px; font-weight: normal; } .product-view .add-to-cart { margin: 10px 0 20px; background: none; padding: 0; } .product-view .add-to-cart .qty { margin: 0; line-height: 46px; height: 46px; padding-top: 0; padding-bottom: 0; border: 1px solid #009060; border-left: 0; border-right: 0; font-size: 16px; color: #000; } .product-view .add-to-cart .qty-decrease, .product-view .add-to-cart .qty-increase { height: 48px; width: 48px; line-height: 48px; border: 1px solid #009060; background: #fff; } .product-view .add-to-cart .qty-decrease { border-right: 0; background: url(https://www.zeleni-dotik.si/skin/frontend/templatemela/hemptouch/images/quantity2.png) no-repeat 4px 0px; } .product-view .add-to-cart .qty-increase { border-left: 0; background: url(https://www.zeleni-dotik.si/skin/frontend/templatemela/hemptouch/images/quantity2.png) no-repeat 4px -49px; } .product-view .add-to-cart button.button { margin-left:0; } .product-view .add-to-cart button.button.btn-cart span:hover, .product-view .add-to-cart button.button.btn-cart span { background: #009060; border-color: #009060; color: #fff; line-height: 46px; padding-top: 0; padding-bottom: 0; } .product-view .add-to-cart label { display: none; } .product-view .toolba.fixed { position: fixed; z-index: 9; top: 58px; background: url(https://www.zeleni-dotik.si/skin/frontend/templatemela/hemptouch/images/toolba.png) repeat-x bottom; width: 100%; left: 0; right: 0; } .product-view .toolba.fixed .stamped-product-reviews-badge, .product-view .toolba.fixed .volume, .product-view .product-shop .toolba.fixed .oldname, .product-view .toolba.fixed .clearer { display: none; } .product-view .toolba.fixed .add-to-box { float: right; clear: right; margin: 0; } .product-view .product-shop .toolba.fixed .product-name { margin: 0; } .product-view .product-shop .toolba.fixed .product-name h1, .product-view .product-shop .toolba.fixed .product-name h2 { float: left; margin: 10px 10px 0 0; line-height: 48px; } .product-view .product-shop .toolba.fixed .product-name h1 br { display: none; } .product-view .product-shop .toolba.fixed .product-name h1 b { margin-right: 7px; } .product-view .product-shop .toolba.fixed .price-box { float: left; margin: 26px 0 0 0; } .main-container.fixpad { margin-top: 336px; } .product-view .product-shop .short-description, .product-view .product-shop .main_ingredients { border-top: 1px solid #000; padding: 20px 0 0 0; margin: 0; } .product-view .product-shop .short-description .std, .product-view .product-shop .short-description .std p, .product-view .product-shop .main_ingredients .std, .product-view .product-shop .main_ingredients .std p { color: #1D1D1B; font-size: 24px; letter-spacing: 0.3px; line-height: 31px; } .product-collateral .padder .std { max-width: 666px; margin: 0 auto; color: #303030; font-size: 20px; letter-spacing: 0.25px; line-height: 26px; } .product-collateral .padder .std ul { /*display:table; margin:0 auto; */ margin-bottom: 15px; } .product-collateral .padder { border-bottom: 1px solid #000; } .product-view .product-shop .std ul { list-style: none; margin-left: 30px; } .product-view .product-shop .std ul li { list-style-type: none; position: relative; } .product-view .product-shop .std ul li::before { content: '\2022'; position: absolute; left: -20px; font-size: 0.8em; } .product-view .accordion { border-top: 1px solid #000; } .product-view .accordion .title { position: relative; cursor: pointer; padding: 10px 50px 10px 0px; text-transform: uppercase; color: #303030; font-size: 14px; letter-spacing: 1.56px; line-height: 26px; min-height: 26px; } .product-view .accordion .title:before { position: absolute; content: ''; height: 46px; width: 46px; top: 0; right: 0; background: url(https://www.zeleni-dotik.si/skin/frontend/templatemela/hemptouch/images/quantity2.png) no-repeat 4px -50px; } .product-view .accordion .title.open:before { background: url(https://www.zeleni-dotik.si/skin/frontend/templatemela/hemptouch/images/quantity2.png) no-repeat 4px 0px; } .product-view .accordion .std { display: none; padding: 10px 0 20px 0; } .product-view .accordion .std.open { display: block; } .product-view .accordion-line { border-top: 1px solid #000; margin-bottom: 20px; } .product-view .accordion.more { border-top: 0; } .product-view .accordion.more .title { text-transform: none; color: #1D1D1B; text-align: right; } .product-view .accordion.more .title.open span { display: none; } .product-view .accordion.more .std.open { padding-top: 0; } .category-title h2, .category-title h2 a, .crosssell h2 { color: #1D1D1B; font-size: 24px; letter-spacing: 0.3px; line-height: 29px; font-weight: normal; } .related-products .customNavigation, .crosssell .customNavigation, .box-up-sell .customNavigation { width: 100%; } .related-products .customNavigation a.prev, .crosssell .customNavigation a.prev, .box-up-sell .customNavigation a.prev, .related-products .customNavigation a.next, .crosssell .customNavigation a.next, .box-up-sell .customNavigation a.next { border: 0; top: 130px; } .stamped-badge-caption.off::after { display: none !important; } .product-view .out-of-stocks { float: right; margin-bottom: 10px; max-width: 100%; width: 200px; box-sizing: border-box; padding: 15px; color: #fff; font-weight:600; background: #1D1D1B; text-transform: uppercase; text-align: center; font-size: 15px; line-height: 1.3em; } .product-view .toolba.fixed .out-of-stocks { margin-top: 5px; margin-bottom: 15px; width: 160px; padding: 10px; font-size: 13px; } .box-related-posts { margin-top: 10px; } .box-related-posts .image, .box-related-posts .content { width: 50%; float: left; } .box-related-posts .image img { max-width: 100%; } .box-related-posts .content { padding: 0 0 0 20px; box-sizing: border-box; } .box-related-posts .content h4 { font-weight: 400; font-size: 19px; line-height: 1.3em; margin-bottom: 10px; } .box-related-posts .content span { display: block; text-align: right; position: relative; padding: 10px 50px 10px 0; font-size: 14px; letter-spacing: 1.56px; line-height: 26px; color: #1D1D1B; } .box-related-posts .content span::before { position: absolute; content: ''; height: 46px; width: 46px; top: 0; right: 0; background: url(https://www.zeleni-dotik.si/skin/frontend/templatemela/hemptouch/images/quantity2.png) no-repeat 4px -50px; } /* CHECKOUT */ .totals button.button.btn-checkout span { background-color: #009060; border-color: #009060; color: #fff; } .totals button.button.btn-checkout:hover span { background-color: #00774f; border-color: #00774f; color: #fff; } body #review-buttons-container button.btn-cart { height: auto; } #review-buttons-container button.btn-cart span span { border: 0; padding-top: 5px; padding-bottom: 5px; } .quickshop .onestep-section .clear { margin: 0; } button.button#apply_coupon { height: auto; line-height: auto; } button.button#apply_coupon span { padding: 3px 30px; } button.button#apply_coupon span span { padding: 0px } .quickshop .onestep-section .block-title span.number { background: #009060 !important; } .cart .cart-collaterals h2 { margin-top: 0; } .cart .totals tfoot th strong, .cart .totals tfoot td strong { font-size: unset; font-weight: normal; } .quickshop .sp-methods dt { margin: 0px; } .checkout-onestep-index .breadcrumbs, .checkout-onestep-index .footer-top-outer { display: none; } #sl .quickshop .province { display: none; } /* CONTACT FORM */ .contacts-index-index .std ul { list-style: none; } /* cookiealert */ .cookiealert { background: #444; position: fixed; left: 0; bottom: 0; width: 100%; z-index: 9999; -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.1); -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.1); box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.1); } .cookiealert .message { max-width: inherit; text-align: left; } .cookiealert .message a { color: #fff; } .cookiealert .message span.cookie-title { color: rgba(255,255,255,0.9); font-size: 15px; font-weight: 600; } .cookiealert .message p {color: rgba(255,255,255,0.8); line-height: 1.3em; font-size: 13px; } .cookiealert .buttons-set { float: right; margin: 0; } .cookiealert .buttons-set button.button.decline span { background-color: rgba(255,255,255,0.6); } .cookiealert .buttons-set button.button.decline span span { background: none transparent; } /* blog */ .blog-search { padding-left: 0; padding-right: 0; } .cms-page-view .contacform li { list-style: none; } .is-blog .amount { display: none; } .post-list-item { margin-bottom: 60px; } .post-list-item img { max-width: 100%; } .post-list-item .postTitle h2 { margin: 20px 0 0 0; padding: 0; } .post-list-item .postTitle h2 a { color: #1D1D1B; font-size: 24px; letter-spacing: 0.3px; line-height: 26px; } .post-list-item .post-date { color: #4A4A4A; font-size: 12px; letter-spacing: 1.8px; margin: 0 0 20px 0; padding: 0 0 10px 0; border-bottom: 1px solid #979797; } a.blog-read-more { display: inline-block; color: #000000; font-size: 14px; font-weight: bold; letter-spacing: 2px; line-height: 32px; text-align: center; padding: 0 20px; border: 1px solid #000; text-transform: uppercase; margin-top: 10px; } .post-list-item p { color: #1D1D1B; font-size: 18px; letter-spacing: 0.35px; line-height: 24px; } .wp-sidebar .blog-search { padding: 0; } .block.block-blog-categories .block-content li a { color: #1D1D1B; font-size: 18px; letter-spacing: 0.35px; line-height: 24px; } body .blog-search .input-text { margin-bottom: 0; height: 22px; } .wordpress-post-view .page-title h1 { line-height: 1.1em; position: relative; top: unset; margin-bottom: 20px; } .wordpress-post-view .column-left-breadcrumbs { height: auto; } .wordpress-post-view .breadcrumbs { margin-top: 0; } .related-blog-products .mini-products-list li .product-image { display: inline-block; float: left; margin-right: 20px; margin-bottom: 0; } .related-blog-products .mini-products-list li .product-image img { width: auto;} .related-blog-products .mini-products-list .product-details { margin-left: 0; } .related-blog-products .mini-products-list li .product-name { margin: 10px 0; } .related-blog-products .mini-products-list li .product-name a { font-weight: 500; color: #111; font-size: 18px; } .related-blog-products .mini-products-list li .price-label { display: none; } .related-blog-products .mini-products-list li { overflow: hidden; clear: both; border-top: 1px solid #ebebeb; padding: 10px; } .related-blog-products .mini-products-list li:nth-child(2n) { background: rgba(0,0,0,0.005); } .related-blog-products .mini-products-list { border-bottom: 1px solid #ebebeb; } .related-blog-products .mini-products-list .old-price .price { font-size: 18px; } .product-blog { overflow: hidden; clear: both; border-top: 1px solid #ebebeb; border-bottom: 1px solid #ebebeb; padding: 10px; } .product-blog .product-image { display: inline-block; float: left; margin-right: 20px; margin-bottom: 0; } .product-blog a.product-image:hover { background: none #F7F7F7; } .product-blog .product-image img { width: auto;} .product-blog .product-details { margin-left: 0; } .product-blog .product-name { margin: 10px 0; } .product-blog .product-name a { font-weight: 500; color: #111; font-size: 18px; text-decoration: none; } .product-blog .price-label { display: none; } .product-blog .old-price .price { font-size: 18px; } .product-blog p { color: #666; font-size: 14px; font-weight: 300; line-height: 1.3em; margin: 10px 0 0 0; } .product-blog a.product-addtocart { float: right; margin: 0 0 20px 20px; color: #333; font-size: 16px; } /* GDPR */ .offer-banner #newsletter-validate-detail .degriz_gdprnewsletter { margin-top: 56px; } .customer-account-create .degriz_gdprnewsletter .tm-checkbox, .checkout-onestep-index .degriz_gdprnewsletter .tm-checkbox, .offer-banner #newsletter-validate-detail .degriz_gdprnewsletter .tm-checkbox { display: none; } .offer-banner #newsletter-validate-detail .degriz_gdprnewsletter label .tm-checkbox { display: inline-block; margin-right 5px; } .offer-banner .validation-advice { position: absolute; margin-top: -20px; } #newsletter-validate-detail .degriz_gdprnewsletter label { color: #1D1D1B; } #newsletter-validate-detail .degriz_gdprnewsletter a.gdprnewsletter_box_open { color: #1D1D1B; } #newsletter-validate-detail .degriz_gdprnewsletter .button label { color: #1D1D1B; } #newsletter-validate-detail .degriz_gdprnewsletter .button label, .gdprpopup_box_subscribe_form .button label { font-size: 15px; color: #fff; background: #000; } .cookiealert button.button span { padding: 5px 15px; } .cookiealert button.button span span { padding: 0; } /* update */ .remember-me-popup-head h3 { margin-top: 0; } .couponotice { font-size: 12px; color: #999; font-style: italic; clear: both; } .slika_levo { float: left; margin-right: 20px; } .slika_desno { float: right; margin-left: 20px; } .stamped-main-badge .stamped-badge-caption[data-reviews="0"]::after { display: none; } .fa-star, .fa-star-checked, .fa-star-half-o, .fa-star-o, .stamped-fa-star, .stamped-fa-star-checked, .stamped-fa-star-half-o, .stamped-fa-star-o { /*color: #444 !important;*/ } .stamped-fa-star-o::before { /* content: '\f005' !important; */ } .sbHolder { padding: 6px 24px 7px 11px; } .toolbar .view-mode { display: none; } body .loyality-percent-tooltip { padding-top: 2px; } body .loyality-label { min-width: auto; height: auto; display: inline-block; line-height: 1.2em; padding: 5px; } .box-loyality .box-head h2 { padding-bottom: 3px; text-transform: none; font-weight: 500; letter-spacing: 0; } .fieldset b { font-weight: bold; } .cms-index-index .tab-main-title { background: none; } .offer-banner .tm-checkbox .validation-advice { margin-top: -8px; } .row-4 { width: 1170px; margin: 0 auto; overflow: hidden; max-width: 100%; } .row-4:after { content: ''; clear: both; } .row-4 .item { width: 25%; float: left; text-align: center; } .row-4 .item img { max-width: 100%; } #shopping-cart-table a.product-image { display: inline-block; } body .dashboard .box .box-title h3, body .dashboard .box .box-title h4 { font-weight: bold; line-height: 1.6em; padding-left: 5px; font-size: 16px; } body .dashboard .box-info h4 { font-weight: bold; text-transform: none; } .stamped-header .notices { font-size: 10px; color: #666; line-height:1.3em; margin-bottom: 15px; width: 580px; max-width: 100%; float: right; } #sl .stamped-badge-caption[data-reviews="1"]:after, #sl .stamped-badge-caption[data-reviews]:after {content:' mnenj' !important;} #de .stamped-badge-caption[data-reviews="1"]:after, #de .stamped-badge-caption[data-reviews]:after {content:' bewertungen' !important;} #it .stamped-badge-caption[data-reviews="1"]:after, #it .stamped-badge-caption[data-reviews]:after {content:' recensioni' !important;} .page-title button.button.btn-checkout span { } .noticer { font-size: 10px; color: #666; line-height:1.3em; margin: 0 15px; box-sizing: border-box; max-width: 100%; } .quickshop .onestep-section .block-title .button { margin-top: 5px; margin-right: 5px; } .quickshop .submit_order_button_notice { padding: 15px 5px; text-align: right; font-size: 13px; line-height: 1.4em; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: none; } .quickshop #review-buttons-container.nestpay_selected .submit_order_button_notice { display: block; } .quickshop .snotice { color: #888; } .quickshop .snotice a { color: #888; text-decoration: underline; } #review-buttons-container.nestpay_selected .submit_order_button_holder { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; } #review-buttons-container.nestpay_selected .text-right { /*display: none;*/ } body #review-buttons-container button.btn-cart { padding: 0; } .onestep-section .block-content #checkout-review-load .data-table td h3.product-name a { font-size: 14px; } .checkout-onestep-index #checkout-review-submit .validation-advice { min-width: 200px; margin-top: -4px; font-weight: bold; } .onestep-section#checkout-review .block-content .buttons-set { margin-top: 20px !important; } label.agreement u { cursor: pointer; } .quickshop .form-list select, .quickshop .form-list input.input-text { font-size: 15px; } @media (min-width: 1410px) { .search-wrapper-outer { top: 5px; } .header .form-search .search-wrapper-outer button.button { right: 23px; top: 27px; } } /* site specific */ .cinvoice, #sl .cart .shipping { display: none; } #sl .cinvoice { display: block; } #de .block.block-cart .actions button.button span { font-size: 13px; } .my-account .page-title h1 { position: relative; top: 0; } /* herbs and hemps */ .herbs { padding: 40px 40px 0px 40px; } .herbs.hemps { padding-top: 0px; } .herbs h2 { background: url(https://www.zeleni-dotik.si/skin/frontend/templatemela/hemptouch/images/herb.jpg) repeat-x top; margin: 0 auto; box-sizing: border-box; padding: 40px 20px 0 20px; margin-bottom: 80px; max-width: 620px; color: #1D1D1B; font-size: 36px; line-height: 52px; text-align: center;} .herbs li { margin-bottom: 100px; } .herbs li:last-child() { margin-bottom: 0; } .herbs li .content-wrapper { position: relative; box-sizing: border-box; width: 55%; float: left; padding: 0 40px 0 40px; } .herbs li .image { position: relative; box-sizing: border-box; width: 45%; float: right; text-align: center; } .herbs li .image img { max-width: 100%; } .herbs li:nth-child(2n) .content-wrapper { float: right; } .herbs li:nth-child(2n) .image { float: left; } .herbs li .content-wrapper .content-title h3 { color: #1D1D1B; font-size: 32px; line-height: 41px; font-weight: normal; margin-top: -8px; } .herbs li .content-wrapper .content, .herbs li .content-wrapper .content-more { margin-left: 40px; color: #1D1D1B; font-size: 18px; letter-spacing: 0.38px; line-height: 23px; } .herbs li .content-wrapper .content-more { display: none; } .herbs li .content-wrapper .readmore { margin-left: 40px; cursor: pointer; color: #1D1D1B; font-size: 24px; letter-spacing: 0.86px; line-height: 29px; text-decoration: underline; } /* pagination */ .pager .pages li:hover, .pager .pages li { display: inline;padding: 0; margin: 0; background: transparent; cursor: unset; border: 0; overflow: hidden; } .pager .pages .current, .pager .pages li a { height: 32px; width: 32px; margin: 0 2px 0 0; box-sizing: border-box; display: inline-block; margin: 0; padding: 2px 10px; background: #fff; cursor: pointer; border: 2px solid #d9d9d9; overflow: hidden; } .pager .pages .current, .pager .pages li a:hover { background: #000; border-color: #000; } /* cart increment */ .cart .qtys { width: 71px; } .cart input.input-text.qty { text-align: center; padding: 0; width: 35px !important; height: 35px; box-sizing: border-box; float: left; } .cart a.inc { float: right; } .cart a.dec { float: left; } .cart a.inc, .cart a.dec { display: block; height: 35px; width: 18px; background: #b6b6b6; color: #fff; text-align: center; text-decoration: none; font-weight: bold; font-size: 16px; line-height: 35px; } .cart a.inc:hover, .cart a.dec:hover { background: #ccc; } /* update */ .product-carousel .slider-wrapper, .product-carousel .slider-item { -webkit-backface-visibility: visible; -moz-backface-visibility: visible; -ms-backface-visibility: visible; } .stolpci2, .stolpci3 { display: flex; flex-wrap: wrap; justify-content: left; } .stolpci3 > .polje { flex-grow: 1; width: 33%; padding: 10px; box-sizing: border-box; } .stolpci2 > .polje { flex-grow: 1; width: 50%; padding: 10px; box-sizing: border-box; } .quickshop input#coupon_code { font-size: 15px; } .onestep-section .block-content .komentar textarea { padding: 5px !important; font-size: 15px; box-sizing: border-box;} /* video */ .video.gallery-image { display: none; } .video.gallery-image.visible { display: block; } .video iframe { max-width: 100%; max-height: 100%; } .thumb-link.video { position: relative; overflow: hidden; } .thumb-link.video:before { content: ''; display: block; z-index: 2; position: absolute; width: 48px; height: 48px; background: url(https://www.zeleni-dotik.si/skin/frontend/templatemela/hemptouch/images/play.png) no-repeat center; top: 50%; left: 50%; transform: translate(-50%,-50%); } .thumb-link.video img { opacity: 0.5; } /* relateca */ .relateca h3.title { margin: 20px 0; text-align: center; font-size: 19px; } .relateca ul { } .relateca ul li { float: left; width: 32%; margin-right: 2%; } .relateca ul li:nth-child(3n) { margin-right: 0; } .relateca ul li a.image { display: block; margin-bottom: 20px; } .relateca ul li img { max-width: 100%; } .relateca ul li a.title { display: block; padding: 0 10px; text-align: center; font-weight: bold; color: #333; line-height: 1.3em; font-size: 15px; } /* responsive */ @media (max-width: 979px) { .header h1.logo, .header .logo { margin-left: auto; margin-right: auto; } .header-center { float: none; margin-right: -45px; } .header .form-search { margin-top: 27px; } .responsive-menu #nav-mobile { top: 49px; border-top: 0; } .responsive-menu li a { text-transform: none; } .blogec ul { width: 100%; } .blogec .blog-image a { width: 100%; position: relative; } .blogec .blog-content { width: 100%; margin-top: 0; } .blogec li:nth-child(2n) .blog-content { margin-left: 0; } .blogec .blog-image a img { max-width: 100%; } .offer-banner { padding: 50px 0; margin-bottom: 10px; } .offer-banner .block-subscribe .block-title, .offer-banner .block-subscribe ul { float: none; width: 100%; } .offer-banner .block-subscribe .block-title { margin-bottom: 10px; } #footer h6, #footer .block .block-title { padding-left: 0; padding-right: 0; margin-bottom: 0; } .footer { padding-top: 50px; } .footer p, .footer li { padding-left: 0px; } .footer a.logo { margin-bottom: 20px; } .advantages .container-width { padding: 30px 0; } .advantages li::before { display: block; clear: both; float: none; margin-bottom:10px; } .header-top .home-page-welcome { position: absolute; top: 103px; float: none; left: 0; right: 0; } .header-top-left { float: none; } .cms-home .tabberlive_outer_sub .tab-main-title { padding-bottom: 20px; } .herbs { padding: 20px 0px 0px 4px; } .footer-bottom-bottom img { margin: 0 auto; float: none; margin-top: 10px; display: block; } } @media (max-width: 767px) { .header-logo { margin-top: 5px; } .search-wrapper-outer { top: 22px !important; } .searchoverlay { bottom: 45px; } .cms-cbd .col1-layout .col-main, .cms-index-index .col1-layout .col-main { margin-bottom: 0; } .herbs li .content-wrapper { width: 100%; float: none; text-align: center; } .herbs li .image { width: 100%; float: none; padding-top: 20px; } .herbs li .content-wrapper .content, .herbs li .content-wrapper .content-more { margin-left: 0; } .stolpci3 > .polje { width: 50%; } } @media (max-width: 650px) { .box-related-posts .image, .box-related-posts .content { width:100%; float: none; } .box-related-posts .image { margin-bottom: 15px; } .stolpci2 > .polje { width: 100%; } .relateca ul li { float: left; width: 49%; } .relateca ul li:nth-child(2n) { margin-right: 0; } .relateca ul li:nth-child(3n) { display: none; } } @media (max-width: 560px) { .natures-finest img { float: none; max-width: 100%; margin-right: 0; } .natures-finest h4 { font-size: 28px; line-height: 32px; } #sl .tm_headerlinkmenu, #de .tm_headerlinkmenu, .header-top .form-language { clear: left; } #sl .tm_headerlinkmenu .headertoggle_img, #de .tm_headerlinkmenu .headertoggle_img { padding-left: 10px; } .header-top .tm_top_currency .sbSelector:link, .header-top .tm_top_currency .sbSelector:visited, .header-top .tm_top_currency .sbSelector:hover, .form-language .sbSelector:link, .form-language .sbSelector:visited, .form-language .sbSelector:hover, .cart_mini_right { padding-top: 5px; } body .headertoggle_img { padding-top: 5px; vertical-align: top; } .form-language .sbSelector:link { padding-left: 10px; } .header-top .page-tab#cbd a, .header-top .page-tab#cosmetics a { padding-bottom: 5px; } .form-language .sbToggle, .tm_top_currency .sbToggle { top: 1px; } .form-language .sbHolder .sbOptions, .tm_top_currency .sbHolder .sbOptions { top: 31px !important; } .header .logo { margin-top: 15px; margin-bottom:15px; } .header-right { margin-top: -55px; margin-bottom: 0; } .search-wrapper-outer { top: 6px !important; } .footer-top-outer img { max-width: 100%; } .row-4 .item { width: 50%; } .headertoggle_img { padding-top: 16px; padding-bottom: 5px; } .header-top .page-tab a { padding-left: 10px; padding-right: 10px; } .cms-home .tabberlive_outer_sub .tab-main-title { margin: 30px 0; } } @media (max-width: 479px) { .header-top .home-page-welcome { top: 107px; } #header-cart { margin-top: -22px; } .product-view .product-img-box .product-image-zoom { height: 350px; } #cookiealert .buttons-set button.button { margin-top: 0; margin-bottom: 10px; } #cookiealert .cookiealert .buttons-set { padding-top: 0; } .offer-banner .block-subscribe input.input-text { width: 190px; } .offer-banner .block-subscribe .actions button.button { margin-left: 5px; } .offer-banner { padding-bottom: 0; } .advantages li { width: 50%; } .advantages li:nth-child(2n+1) { content: ''; clear: left; } body .offer-banner .block-subscribe .actions button.button { margin-left: 0px; } .offer-banner #newsletter-validate-detail .degriz_gdprnewsletter { margin-top: 5px; position: relative; text-align: left; } .offer-banner .block-subscribe input.input-text { width: 100%; box-sizing: border-box; } .offer-banner .block-subscribe .block-content .input-box > div { float: none; } .blogec .blog-content .post { padding-left: 0px; } .blogec .blog-content { padding-left: 0px; padding-right: 0px; } .herbs h2 { padding-left: 10px; padding-right: 10px; margin-bottom: 60px; font-size: 27px; line-height: 37px; } .herbs li .content-wrapper .content-title h3 { font-size: 26px; line-height: 34px; } .herbs li .content-wrapper { padding: 0 10px; } .form-language .sbOptions, .header-top .tm_top_currency .sbOptions { min-width: 140px; } .blogec .blog-content h4 a { font-size: 28px; } .homeblock li { width: 100%; float: none; margin-right: 0; } .homeblock li:first-child { margin-bottom: 40px; } #review-buttons-container.nestpay_selected .submit_order_button_holder { display: block; } .stolpci3 > .polje { width: 100%; } } @media (max-width: 350px) { .header h1.logo, .header .logo { margin-left: 0; margin-right: 0; } .product-view .product-shop .left-info, .product-view .out-of-stocks { float: none; clear: both; margin-bottom: 10px; } .header-top .home-page-welcome { display: none; } .header-top .page-tab#cosmetics a { padding-left: 0; } .form-language .sbSelector:link { padding-left: 0px; } } @media (max-width: 330px) { .headertoggle_img { padding-left: 10px; padding-right: 10px; } } /*----------------------------------------------------------------------------- - Revolution Slider 5.0 Default Style Settings - Screen Stylesheet version: 5.0.0 date: 29/10/15 author: themepunch email: info@themepunch.com website: http://www.themepunch.com -----------------------------------------------------------------------------*/ @font-face { font-family: 'revicons'; src: url('https://www.zeleni-dotik.si/skin/frontend/base/default/nwdthemes/revslider/public/assets/fonts/revicons/revicons.eot?5510888'); src: url('https://www.zeleni-dotik.si/skin/frontend/base/default/nwdthemes/revslider/public/assets/fonts/revicons/revicons.eot?5510888#iefix') format('embedded-opentype'), url('https://www.zeleni-dotik.si/skin/frontend/base/default/nwdthemes/revslider/public/assets/fonts/revicons/revicons.woff?5510888') format('woff'), url('https://www.zeleni-dotik.si/skin/frontend/base/default/nwdthemes/revslider/public/assets/fonts/revicons/revicons.ttf?5510888') format('truetype'), url('https://www.zeleni-dotik.si/skin/frontend/base/default/nwdthemes/revslider/public/assets/fonts/revicons/revicons.svg?5510888#revicons') format('svg'); font-weight: normal; font-style: normal; } [class^="revicon-"]:before, [class*=" revicon-"]:before { font-family: "revicons"; font-style: normal; font-weight: normal; speak: none; display: inline-block; text-decoration: inherit; width: 1em; margin-right: .2em; text-align: center; /* For safety - reset parent styles, that can break glyph codes*/ font-variant: normal; text-transform: none; /* fix buttons height, for twitter bootstrap */ line-height: 1em; /* Animation center compensation - margins should be symmetric */ /* remove if not needed */ margin-left: .2em; /* you can be more comfortable with increased icons size */ /* font-size: 120%; */ /* Uncomment for 3D effect */ /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */ } .revicon-search-1:before { content: '\e802'; } /* '' */ .revicon-pencil-1:before { content: '\e831'; } /* '' */ .revicon-picture-1:before { content: '\e803'; } /* '' */ .revicon-cancel:before { content: '\e80a'; } /* '' */ .revicon-info-circled:before { content: '\e80f'; } /* '' */ .revicon-trash:before { content: '\e801'; } /* '' */ .revicon-left-dir:before { content: '\e817'; } /* '' */ .revicon-right-dir:before { content: '\e818'; } /* '' */ .revicon-down-open:before { content: '\e83b'; } /* '' */ .revicon-left-open:before { content: '\e819'; } /* '' */ .revicon-right-open:before { content: '\e81a'; } /* '' */ .revicon-angle-left:before { content: '\e820'; } /* '' */ .revicon-angle-right:before { content: '\e81d'; } /* '' */ .revicon-left-big:before { content: '\e81f'; } /* '' */ .revicon-right-big:before { content: '\e81e'; } /* '' */ .revicon-magic:before { content: '\e807'; } /* '' */ .revicon-picture:before { content: '\e800'; } /* '' */ .revicon-export:before { content: '\e80b'; } /* '' */ .revicon-cog:before { content: '\e832'; } /* '' */ .revicon-login:before { content: '\e833'; } /* '' */ .revicon-logout:before { content: '\e834'; } /* '' */ .revicon-video:before { content: '\e805'; } /* '' */ .revicon-arrow-combo:before { content: '\e827'; } /* '' */ .revicon-left-open-1:before { content: '\e82a'; } /* '' */ .revicon-right-open-1:before { content: '\e82b'; } /* '' */ .revicon-left-open-mini:before { content: '\e822'; } /* '' */ .revicon-right-open-mini:before { content: '\e823'; } /* '' */ .revicon-left-open-big:before { content: '\e824'; } /* '' */ .revicon-right-open-big:before { content: '\e825'; } /* '' */ .revicon-left:before { content: '\e836'; } /* '' */ .revicon-right:before { content: '\e826'; } /* '' */ .revicon-ccw:before { content: '\e808'; } /* '' */ .revicon-arrows-ccw:before { content: '\e806'; } /* '' */ .revicon-palette:before { content: '\e829'; } /* '' */ .revicon-list-add:before { content: '\e80c'; } /* '' */ .revicon-doc:before { content: '\e809'; } /* '' */ .revicon-left-open-outline:before { content: '\e82e'; } /* '' */ .revicon-left-open-2:before { content: '\e82c'; } /* '' */ .revicon-right-open-outline:before { content: '\e82f'; } /* '' */ .revicon-right-open-2:before { content: '\e82d'; } /* '' */ .revicon-equalizer:before { content: '\e83a'; } /* '' */ .revicon-layers-alt:before { content: '\e804'; } /* '' */ .revicon-popup:before { content: '\e828'; } /* '' */ /****************************** - BASIC STYLES - ******************************/ .rev_slider_wrapper{ position:relative; z-index: 0; } .rev_slider{ position:relative; overflow:visible; } .tp-overflow-hidden { overflow:hidden;} .tp-simpleresponsive img, .rev_slider img{ max-width:none !important; -moz-transition: none; -webkit-transition: none; -o-transition: none; transition: none; margin:0px; padding:0px; border-width:0px; border:none; } .rev_slider .no-slides-text{ font-weight:bold; text-align:center; padding-top:80px; } .rev_slider >ul, .rev_slider_wrapper >ul, .tp-revslider-mainul >li, .rev_slider >ul >li, .rev_slider >ul >li:before, .tp-revslider-mainul >li:before, .tp-simpleresponsive >ul, .tp-simpleresponsive >ul >li, .tp-simpleresponsive >ul >li:before, .tp-revslider-mainul >li, .tp-simpleresponsive >ul >li{ list-style:none !important; position:absolute; margin:0px !important; padding:0px !important; overflow-x: visible; overflow-y: visible; list-style-type: none !important; background-image:none; background-position:0px 0px; text-indent: 0em; top:0px;left:0px; } .tp-revslider-mainul >li, .rev_slider >ul >li, .rev_slider >ul >li:before, .tp-revslider-mainul >li:before, .tp-simpleresponsive >ul >li, .tp-simpleresponsive >ul >li:before, .tp-revslider-mainul >li, .tp-simpleresponsive >ul >li { visibility:hidden; } .tp-revslider-slidesli, .tp-revslider-mainul { padding:0 !important; margin:0 !important; list-style:none !important; } .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 .tp-caption, .rev_slider .caption { position:relative; visibility:hidden; white-space: nowrap; display: block; } .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; } /* CAROUSEL FUNCTIONS */ .tp-carousel-wrapper { cursor:url(https://www.zeleni-dotik.si/skin/frontend/base/default/nwdthemes/revslider/public/assets/css/openhand.cur), move; } .tp-carousel-wrapper.dragged { cursor:url(https://www.zeleni-dotik.si/skin/frontend/base/default/nwdthemes/revslider/public/assets/css/closedhand.cur), move; } /* ADDED FOR SLIDELINK MANAGEMENT */ .tp-caption { z-index:1 } .tp_inner_padding { box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; max-height:none !important; } .tp-caption { -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; -o-user-select: none; position:absolute; -webkit-font-smoothing: antialiased !important; } .tp-caption.tp-layer-selectable { -moz-user-select: all; -khtml-user-select: all; -webkit-user-select: all; -o-user-select: all; } .tp-forcenotvisible, .tp-hide-revslider, .tp-caption.tp-hidden-caption { visibility:hidden !important; display:none !important } .rev_slider embed, .rev_slider iframe, .rev_slider object, .rev_slider video { max-width: none !important } /********************************************** - FULLSCREEN AND FULLWIDHT CONTAINERS - **********************************************/ .rev_slider_wrapper { width:100%;} .fullscreen-container { position:relative; padding:0; } .fullwidthbanner-container{ position:relative; padding:0; overflow:hidden; } .fullwidthbanner-container .fullwidthabanner{ width:100%; position:relative; } /********************************* - SPECIAL TP CAPTIONS - **********************************/ .tp-static-layers { position:absolute; z-index:101; top:0px;left:0px; /*pointer-events:none;*/ } .tp-caption .frontcorner { width: 0; height: 0; border-left: 40px solid transparent; border-right: 0px solid transparent; border-top: 40px solid #00A8FF; position: absolute;left:-40px;top:0px; } .tp-caption .backcorner { width: 0; height: 0; border-left: 0px solid transparent; border-right: 40px solid transparent; border-bottom: 40px solid #00A8FF; position: absolute;right:0px;top:0px; } .tp-caption .frontcornertop { width: 0; height: 0; border-left: 40px solid transparent; border-right: 0px solid transparent; border-bottom: 40px solid #00A8FF; position: absolute;left:-40px;top:0px; } .tp-caption .backcornertop { width: 0; height: 0; border-left: 0px solid transparent; border-right: 40px solid transparent; border-top: 40px solid #00A8FF; position: absolute;right:0px;top:0px; } .tp-layer-inner-rotation { position: relative !important; } /*********************************************** - SPECIAL ALTERNATIVE IMAGE SETTINGS - ***********************************************/ img.tp-slider-alternative-image { width:100%; height:auto; } /****************************** - IE8 HACKS - *******************************/ .noFilterClass { filter:none !important; } /******************************** - FULLSCREEN VIDEO - *********************************/ .rs-background-video-layer { position: absolute;top:0px;left:0px; width:100%;height:100%;visibility: hidden;z-index: 0;} .tp-caption.coverscreenvideo { width:100%;height:100%;top:0px;left:0px;position:absolute;} .caption.fullscreenvideo, .tp-caption.fullscreenvideo { left:0px; top:0px; position:absolute;width:100%;height:100%} .caption.fullscreenvideo iframe, .caption.fullscreenvideo video, .tp-caption.fullscreenvideo iframe, .tp-caption.fullscreenvideo iframe video { width:100% !important; height:100% !important; display: none} .fullcoveredvideo video, .fullscreenvideo video { background: #000} .fullcoveredvideo .tp-poster { background-position: center center;background-size: cover;width:100%;height:100%;top:0px;left:0px} .videoisplaying .html5vid .tp-poster { display: none} .tp-video-play-button { background:#000; background:rgba(0,0,0,0.3); border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px; position: absolute; top: 50%; left: 50%; color: #FFF; z-index: 3; margin-top: -25px; margin-left: -25px; line-height: 50px !important; text-align: center; cursor: pointer; width: 50px; height:50px; box-sizing: border-box; -moz-box-sizing: border-box; display: inline-block; vertical-align: top; z-index: 4; opacity: 0; -webkit-transition:opacity 300ms ease-out !important; -moz-transition:opacity 300ms ease-out !important; -o-transition:opacity 300ms ease-out !important; transition:opacity 300ms ease-out !important; } .tp-caption .html5vid { width:100% !important; height:100% !important;} .tp-video-play-button i { width:50px;height:50px; display:inline-block; text-align: center; vertical-align: top; line-height: 50px !important; font-size: 40px !important;} .tp-caption:hover .tp-video-play-button { opacity: 1;} .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;} .videoisplaying .revicon-right-dir { display:none} .videoisplaying .tp-revstop { display:inline-block} .videoisplaying .tp-video-play-button { display:none} .tp-caption:hover .tp-video-play-button { display:block} .fullcoveredvideo .tp-video-play-button { display:none !important} .fullscreenvideo .fullscreenvideo video { object-fit:contain !important;} .fullscreenvideo .fullcoveredvideo video { object-fit:cover !important;} .tp-video-controls { position: absolute; bottom: 0; left: 0; right: 0; padding: 5px; opacity: 0; -webkit-transition: opacity .3s; -moz-transition: opacity .3s; -o-transition: opacity .3s; -ms-transition: opacity .3s; transition: opacity .3s; background-image: linear-gradient(bottom, rgb(0,0,0) 13%, rgb(50,50,50) 100%); background-image: -o-linear-gradient(bottom, rgb(0,0,0) 13%, rgb(50,50,50) 100%); background-image: -moz-linear-gradient(bottom, rgb(0,0,0) 13%, rgb(50,50,50) 100%); background-image: -webkit-linear-gradient(bottom, rgb(0,0,0) 13%, rgb(50,50,50) 100%); background-image: -ms-linear-gradient(bottom, rgb(0,0,0) 13%, rgb(50,50,50) 100%); background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0.13, rgb(0,0,0)),color-stop(1, rgb(50,50,50))); display:table;max-width:100%; overflow:hidden;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box; } .tp-caption:hover .tp-video-controls { opacity: .9;} .tp-video-button { background: rgba(0,0,0,.5); border: 0; color: #EEE; -webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; cursor:pointer; line-height:12px; font-size:12px; color:#fff; padding:0px; margin:0px; outline: none; } .tp-video-button:hover { cursor: pointer;} .tp-video-button-wrap, .tp-video-seek-bar-wrap, .tp-video-vol-bar-wrap { padding:0px 5px;display:table-cell; } .tp-video-seek-bar-wrap { width:80%} .tp-video-vol-bar-wrap { width:20%} .tp-volume-bar, .tp-seek-bar { width:100%; cursor: pointer; outline:none; line-height:12px;margin:0; padding:0;} .rs-fullvideo-cover { width:100%;height:100%;top:0px;left:0px;position: absolute; background:transparent;z-index:5;} .rs-background-video-layer video::-webkit-media-controls { display:none !important;} /******************************** - DOTTED OVERLAYS - *********************************/ .tp-dottedoverlay { background-repeat:repeat;width:100%;height:100%;position:absolute;top:0px;left:0px;z-index:3} .tp-dottedoverlay.twoxtwo { background:url(https://www.zeleni-dotik.si/skin/frontend/base/default/nwdthemes/revslider/public/assets/assets/gridtile.png)} .tp-dottedoverlay.twoxtwowhite { background:url(https://www.zeleni-dotik.si/skin/frontend/base/default/nwdthemes/revslider/public/assets/assets/gridtile_white.png)} .tp-dottedoverlay.threexthree { background:url(https://www.zeleni-dotik.si/skin/frontend/base/default/nwdthemes/revslider/public/assets/assets/gridtile_3x3.png)} .tp-dottedoverlay.threexthreewhite { background:url(https://www.zeleni-dotik.si/skin/frontend/base/default/nwdthemes/revslider/public/assets/assets/gridtile_3x3_white.png)} /****************************** - SHADOWS - ******************************/ .tp-shadowcover { width:100%;height:100%;top:0px;left:0px;background: #fff;position: absolute; z-index: -1;} .tp-shadow1 { -webkit-box-shadow: 0 10px 6px -6px rgba(0,0,0,0.8); -moz-box-shadow: 0 10px 6px -6px rgba(0,0,0,0.8); box-shadow: 0 10px 6px -6px rgba(0,0,0,0.8); } .tp-shadow2:before, .tp-shadow2:after, .tp-shadow3:before, .tp-shadow4:after { z-index: -2; position: absolute; content: ""; bottom: 10px; left: 10px; width: 50%; top: 85%; max-width:300px; background: transparent; -webkit-box-shadow: 0 15px 10px rgba(0,0,0,0.8); -moz-box-shadow: 0 15px 10px rgba(0,0,0,0.8); box-shadow: 0 15px 10px rgba(0,0,0,0.8); -webkit-transform: rotate(-3deg); -moz-transform: rotate(-3deg); -o-transform: rotate(-3deg); -ms-transform: rotate(-3deg); transform: rotate(-3deg); } .tp-shadow2:after, .tp-shadow4:after { -webkit-transform: rotate(3deg); -moz-transform: rotate(3deg); -o-transform: rotate(3deg); -ms-transform: rotate(3deg); transform: rotate(3deg); right: 10px; left: auto; } .tp-shadow5 { position:relative; -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset; -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset; box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset; } .tp-shadow5:before, .tp-shadow5:after { content:""; position:absolute; z-index:-2; -webkit-box-shadow:0 0 25px 0px rgba(0,0,0,0.6); -moz-box-shadow:0 0 25px 0px rgba(0,0,0,0.6); box-shadow:0 0 25px 0px rgba(0,0,0,0.6); top:30%; bottom:0; left:20px; right:20px; -moz-border-radius:100px / 20px; border-radius:100px / 20px; } /****************************** - BUTTONS - *******************************/ .tp-button{ padding:6px 13px 5px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; height:30px; cursor:pointer; color:#fff !important; text-shadow:0px 1px 1px rgba(0, 0, 0, 0.6) !important; font-size:15px; line-height:45px !important; font-family: arial, sans-serif; font-weight: bold; letter-spacing: -1px; text-decoration:none; } .tp-button.big { color:#fff; text-shadow:0px 1px 1px rgba(0, 0, 0, 0.6); font-weight:bold; padding:9px 20px; font-size:19px; line-height:57px !important; } .purchase:hover, .tp-button:hover, .tp-button.big:hover { background-position:bottom, 15px 11px} /* BUTTON COLORS */ .tp-button.green, .tp-button:hover.green, .purchase.green, .purchase:hover.green { background-color:#21a117; -webkit-box-shadow: 0px 3px 0px 0px #104d0b; -moz-box-shadow: 0px 3px 0px 0px #104d0b; box-shadow: 0px 3px 0px 0px #104d0b; } .tp-button.blue, .tp-button:hover.blue, .purchase.blue, .purchase:hover.blue { background-color:#1d78cb; -webkit-box-shadow: 0px 3px 0px 0px #0f3e68; -moz-box-shadow: 0px 3px 0px 0px #0f3e68; box-shadow: 0px 3px 0px 0px #0f3e68} .tp-button.red, .tp-button:hover.red, .purchase.red, .purchase:hover.red { background-color:#cb1d1d; -webkit-box-shadow: 0px 3px 0px 0px #7c1212; -moz-box-shadow: 0px 3px 0px 0px #7c1212; box-shadow: 0px 3px 0px 0px #7c1212} .tp-button.orange, .tp-button:hover.orange, .purchase.orange, .purchase:hover.orange { background-color:#ff7700; -webkit-box-shadow: 0px 3px 0px 0px #a34c00; -moz-box-shadow: 0px 3px 0px 0px #a34c00; box-shadow: 0px 3px 0px 0px #a34c00} .tp-button.darkgrey,.tp-button.grey, .tp-button:hover.darkgrey,.tp-button:hover.grey, .purchase.darkgrey, .purchase:hover.darkgrey { background-color:#555; -webkit-box-shadow: 0px 3px 0px 0px #222; -moz-box-shadow: 0px 3px 0px 0px #222; box-shadow: 0px 3px 0px 0px #222} .tp-button.lightgrey, .tp-button:hover.lightgrey, .purchase.lightgrey, .purchase:hover.lightgrey { background-color:#888; -webkit-box-shadow: 0px 3px 0px 0px #555; -moz-box-shadow: 0px 3px 0px 0px #555; box-shadow: 0px 3px 0px 0px #555} /* TP BUTTONS DESKTOP SIZE */ .rev-btn, .rev-btn:visited { outline:none !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;-moz-box-sizing:border-box;-webkit-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-size: 15px; font-weight: normal; position: relative; top: 0px; -webkit-transition: all 0.2s ease-out !important; -moz-transition: all 0.2s ease-out !important; -o-transition: all 0.2s ease-out !important; -ms-transition: all 0.2s ease-out !important; margin-left:10px !important;} .rev-btn.rev-hiddenicon i { font-size: 15px; font-weight: normal; position: relative; top: 0px; -webkit-transition: all 0.2s ease-out !important; -moz-transition: all 0.2s ease-out !important; -o-transition: all 0.2s ease-out !important; -ms-transition: all 0.2s ease-out !important; opacity: 0; margin-left:0px !important; width:0px !important; } .rev-btn.rev-hiddenicon:hover i { opacity: 1 !important; margin-left:10px !important; width:auto !important;} /* REV BUTTONS MEDIUM */ .rev-btn.rev-medium, .rev-btn.rev-medium:visited { line-height: 36px; font-size: 14px; padding: 10px 30px; } .rev-btn.rev-medium.rev-withicon i { font-size: 14px; top: 0px; } .rev-btn.rev-medium.rev-hiddenicon i { font-size: 14px; top: 0px; } /* REV BUTTONS SMALL */ .rev-btn.rev-small, .rev-btn.rev-small:visited { line-height: 28px; font-size: 12px; padding: 7px 20px; } .rev-btn.rev-small.rev-withicon i { font-size: 12px; top: 0px; } .rev-btn.rev-small.rev-hiddenicon i { font-size: 12px; top: 0px; } /* ROUNDING OPTIONS */ .rev-maxround { -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; } .rev-minround { -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } /* BURGER BUTTON */ .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,0.25); 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 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); -webkit-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); -webkit-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); -webkit-transform: translateY(-6px) rotate(-135deg); } .rev-burger.revb-white { border: 2px solid rgba(255,255,255,0.2); } .rev-burger.revb-white span { background: #fff; } .rev-burger.revb-whitenoborder { border: 0; } .rev-burger.revb-whitenoborder span { background: #fff; } .rev-burger.revb-darknoborder { 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 { background:#fff; } /* SCROLL DOWN BUTTON */ @-webkit-keyframes rev-ani-mouse { 0% { opacity: 1;top: 29%;} 15% {opacity: 1;top: 50%;} 50% { opacity: 0;top: 50%;} 100% { opacity: 0;top: 29%;} } @-moz-keyframes rev-ani-mouse { 0% {opacity: 1;top: 29%;} 15% {opacity: 1;top: 50%;} 50% {opacity: 0;top: 50%;} 100% {opacity: 0;top: 29%;} } @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; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border: 3px solid white; border-radius: 23px; } .rev-scroll-btn > * { display: inline-block; line-height: 18px; font-size: 13px; font-weight: normal; color: #7f8c8d; color: #ffffff; font-family: "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif; letter-spacing: 2px; } .rev-scroll-btn > *:hover, .rev-scroll-btn > *:focus, .rev-scroll-btn > *.active { color: #ffffff; } .rev-scroll-btn > *:hover, .rev-scroll-btn > *:focus, .rev-scroll-btn > *:active, .rev-scroll-btn > *.active { filter: alpha(opacity=80); } .rev-scroll-btn.revs-fullwhite { background:#fff; } .rev-scroll-btn.revs-fullwhite span { background: #333; } .rev-scroll-btn.revs-fulldark { background:#333; border:none; } .rev-scroll-btn.revs-fulldark span { background: #fff; } .rev-scroll-btn span { position: absolute; display: block; top: 29%; left: 50%; width: 8px; height: 8px; margin: -4px 0 0 -4px; background: white; border-radius: 50%; -webkit-animation: rev-ani-mouse 2.5s linear infinite; -moz-animation: rev-ani-mouse 2.5s linear infinite; 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, 0.50); width:60px; height:60px; box-sizing: border-box; cursor: pointer; } .rev-cbutton-dark-sr { border-radius: 3px; } .rev-cbutton-light { color: #333; background-color: rgba(255,255,255, 0.75); } .rev-cbutton-light-sr { color: #333; border-radius: 3px; background-color: rgba(255,255,255, 0.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 BANNER TIMER - *************************************/ .tp-bannertimer { visibility: hidden; width:100%; height:5px; /*background:url(https://www.zeleni-dotik.si/skin/frontend/base/default/nwdthemes/revslider/public/assets/assets/timer.png);*/ background: #fff; background: rgba(0,0,0,0.15); position:absolute; z-index:200; top:0px} .tp-bannertimer.tp-bottom { top:auto; bottom:0px !important;height:5px} /********************************************* - BASIC SETTINGS FOR THE BANNER - ***********************************************/ .tp-simpleresponsive img { -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; -o-user-select: none; } .tp-caption img { background: transparent; -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)"; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF); zoom: 1; } /* CAPTION SLIDELINK **/ .caption.slidelink a div, .tp-caption.slidelink a div { width:3000px; height:1500px; background:url(https://www.zeleni-dotik.si/skin/frontend/base/default/nwdthemes/revslider/public/assets/assets/coloredbg.png) repeat} .tp-caption.slidelink a span{ background:url(https://www.zeleni-dotik.si/skin/frontend/base/default/nwdthemes/revslider/public/assets/assets/coloredbg.png) repeat} .tp-shape { width:100%;height:100%;} /********************************************* - WOOCOMMERCE STYLES - ***********************************************/ .tp-caption .rs-starring { display: inline-block} .tp-caption .rs-starring .star-rating { float: none;} .tp-caption .rs-starring .star-rating { color: #FFC321 !important; display: inline-block; vertical-align: top; } .tp-caption .rs-starring .star-rating, .tp-caption .rs-starring-page .star-rating { position: relative; height: 1em; width: 5.4em; font-family: star; } .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, .tp-caption .rs-starring .star-rating span:before { content: "\53\53\53\53\53"; top: 0; position: absolute; left: 0; } .tp-caption .rs-starring .star-rating { color: #FFC321 !important; } .tp-caption .rs-starring .star-rating, .tp-caption .rs-starring-page .star-rating { font-size: 1em !important; font-family: star; } /****************************** - LOADER FORMS - ********************************/ .tp-loader { top:50%; left:50%; z-index:10000; position:absolute; } .tp-loader.spinner0 { width: 40px; height: 40px; background-color: #fff; background:url(https://www.zeleni-dotik.si/skin/frontend/base/default/nwdthemes/revslider/public/assets/assets/loader.gif) no-repeat center center; box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15); -webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15); margin-top:-20px; margin-left:-20px; -webkit-animation: tp-rotateplane 1.2s infinite ease-in-out; animation: tp-rotateplane 1.2s infinite ease-in-out; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } .tp-loader.spinner1 { width: 40px; height: 40px; background-color: #fff; box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15); -webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15); margin-top:-20px; margin-left:-20px; -webkit-animation: tp-rotateplane 1.2s infinite ease-in-out; animation: tp-rotateplane 1.2s infinite ease-in-out; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } .tp-loader.spinner5 { background:url(https://www.zeleni-dotik.si/skin/frontend/base/default/nwdthemes/revslider/public/assets/assets/loader.gif) no-repeat 10px 10px; background-color:#fff; margin:-22px -22px; width:44px;height:44px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } @-webkit-keyframes tp-rotateplane { 0% { -webkit-transform: perspective(120px) } 50% { -webkit-transform: perspective(120px) rotateY(180deg) } 100% { -webkit-transform: perspective(120px) rotateY(180deg) rotateX(180deg) } } @keyframes tp-rotateplane { 0% { transform: perspective(120px) rotateX(0deg) rotateY(0deg);} 50% { transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);} 100% { transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);} } .tp-loader.spinner2 { width: 40px; height: 40px; margin-top:-20px;margin-left:-20px; background-color: #ff0000; box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15); -webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15); border-radius: 100%; -webkit-animation: tp-scaleout 1.0s infinite ease-in-out; animation: tp-scaleout 1.0s infinite ease-in-out; } @-webkit-keyframes tp-scaleout { 0% { -webkit-transform: scale(0.0) } 100% {-webkit-transform: scale(1.0); opacity: 0;} } @keyframes tp-scaleout { 0% {transform: scale(0.0);-webkit-transform: scale(0.0);} 100% {transform: scale(1.0);-webkit-transform: scale(1.0);opacity: 0;} } .tp-loader.spinner3 { margin: -9px 0px 0px -35px; width: 70px; text-align: center; } .tp-loader.spinner3 .bounce1, .tp-loader.spinner3 .bounce2, .tp-loader.spinner3 .bounce3 { width: 18px; height: 18px; background-color: #fff; box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15); -webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15); border-radius: 100%; display: inline-block; -webkit-animation: tp-bouncedelay 1.4s infinite ease-in-out; animation: tp-bouncedelay 1.4s infinite ease-in-out; /* Prevent first frame from flickering when animation starts */ -webkit-animation-fill-mode: both; animation-fill-mode: both; } .tp-loader.spinner3 .bounce1 { -webkit-animation-delay: -0.32s; animation-delay: -0.32s; } .tp-loader.spinner3 .bounce2 { -webkit-animation-delay: -0.16s; animation-delay: -0.16s; } @-webkit-keyframes tp-bouncedelay { 0%, 80%, 100% { -webkit-transform: scale(0.0) } 40% { -webkit-transform: scale(1.0) } } @keyframes tp-bouncedelay { 0%, 80%, 100% {transform: scale(0.0);} 40% {transform: scale(1.0);} } .tp-loader.spinner4 { margin: -20px 0px 0px -20px; width: 40px; height: 40px; text-align: center; -webkit-animation: tp-rotate 2.0s infinite linear; animation: tp-rotate 2.0s infinite linear; } .tp-loader.spinner4 .dot1, .tp-loader.spinner4 .dot2 { width: 60%; height: 60%; display: inline-block; position: absolute; top: 0; background-color: #fff; border-radius: 100%; -webkit-animation: tp-bounce 2.0s infinite ease-in-out; animation: tp-bounce 2.0s infinite ease-in-out; box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15); -webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15); } .tp-loader.spinner4 .dot2 { top: auto; bottom: 0px; -webkit-animation-delay: -1.0s; animation-delay: -1.0s; } @-webkit-keyframes tp-rotate { 100% { -webkit-transform: rotate(360deg) }} @keyframes tp-rotate { 100% { transform: rotate(360deg); -webkit-transform: rotate(360deg) }} @-webkit-keyframes tp-bounce { 0%, 100% { -webkit-transform: scale(0.0) } 50% { -webkit-transform: scale(1.0) } } @keyframes tp-bounce { 0%, 100% {transform: scale(0.0);} 50% { transform: scale(1.0);} } /*********************************************** - STANDARD NAVIGATION SETTINGS ***********************************************/ .tp-thumbs.navbar, .tp-bullets.navbar, .tp-tabs.navbar { border:none; min-height: 0; margin:0; border-radius: 0; -moz-border-radius:0; -webkit-border-radius:0;} .tp-tabs, .tp-thumbs, .tp-bullets { position:absolute; display:block; z-index:1000; top:0px; left:0px;} .tp-tab, .tp-thumb { cursor: pointer; position:absolute;opacity:0.5; box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;} .tp-arr-imgholder, .tp-videoposter, .tp-thumb-image, .tp-tab-image { background-position: center center; background-size:cover;width:100%;height:100%; display:block; position:absolute;top:0px;left:0px;} .tp-tab:hover, .tp-tab.selected, .tp-thumb:hover, .tp-thumb.selected { opacity:1;} .tp-tab-mask, .tp-thumb-mask { box-sizing:border-box !important; -webkit-box-sizing:border-box !important; -moz-box-sizing:border-box !important} .tp-tabs, .tp-thumbs { box-sizing:content-box !important; -webkit-box-sizing:content-box !important; -moz-box-sizing: content-box !important} .tp-bullet { width:15px;height:15px; position:absolute; background:#fff; background:rgba(255,255,255,0.3); cursor: pointer;} .tp-bullet.selected, .tp-bullet:hover { background:#fff;} .tp-bannertimer { background:#000; background:rgba(0,0,0,0.15); height:5px;} .tparrows { cursor:pointer; background:#000; background:rgba(0,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;} .tparrows.tp-leftarrow:before { content: '\e824'; } .tparrows.tp-rightarrow:before { content: '\e825'; } /*************************** - 3D SHADOW MODE - ***************************/ .dddwrappershadow { box-shadow:0 45px 100px rgba(0, 0, 0, 0.4);} /******************* - DEBUG MODE - *******************/ .hglayerinfo { position: fixed; bottom: 0px; left: 0px; color: #FFF; font-size: 12px; line-height: 20px; font-weight: 600; background: rgba(0, 0, 0, 0.75); padding: 5px 10px; z-index: 2000; white-space: normal;} .hginfo { position:absolute;top:-2px;left:-2px;color:#e74c3c;font-size:12px;font-weight:600; background:#000;padding:2px 5px;} .indebugmode .tp-caption:hover { border:1px dashed #c0392b !important;} .helpgrid { border:2px dashed #c0392b;position:absolute;top:0px;peft:0px;z-index:0 } #revsliderlogloglog { padding:15px;color:#fff;position:fixed; top:0px;left:0px;width:200px;height:150px;background:rgba(0,0,0,0.7); z-index:100000; font-size:10px; overflow:scroll;}