/** * 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 ================================================================================= */ @import url(//fonts.googleapis.com/css?family=Raleway:400,100,200,300,500,700,800,900,600); @import url(//fonts.googleapis.com/css?family=Montserrat:400,700); /* body{background-color:#ffffff;margin:0;padding:0;font:12px/1.55 Arial,Helvetica,sans-serif;color:#757575;text-align:left} */ html, body{height:auto !important;} img{border:0;vertical-align:top} a{color:#aaa;outline:medium none !important;} a:hover{text-decoration:none} :focus{outline:0} /* Headings */ h1,h2,h3,h4,h5,h6{margin:0 0 5px;line-height:1.35;color:#0a263c} h1{font-size:20px;font-weight:normal} h2{font-size:18px;font-weight:normal} 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:middle;text-align:left;} /* Content */ strong{font-weight:bold} address{font-style:normal;line-height:1.35;color:#333;} 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;padding: 0;} /* 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;font-size:12px} .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} .clear_b{} /* ======================================================================================= */ /* Layout ================================================================================ */ .page-wrapper{overflow:hidden;} .page{} .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} .main{margin:0;padding: 0px;text-align: left;} .col-left .currency-switcher{display:none} /* Base Columns */ .col-main{font-size: 0;} .col-right{margin-top: 60px;} .catalog-product-view .col-left{margin-top: 0px;} .page-layout-2columns-left .sidebar-main, .page-layout-2columns-left .sidebar-additional, .page-layout-2columns-right .sidebar-main, .page-layout-2columns-right .sidebar-additional{width:25% !important;padding-right: 15px;padding-left: 15px;} .sidebar.sidebar-additional{padding-top: 30px;} /* 1 Column Layout */ .col1-layout .col-main{float:none;width:auto;font-size: 0;} /* 2 Columns Layout */ .page-layout-2columns-left .alocolumns,.page-layout-2columns-right .alocolumns{margin: 0 -15px;} .col2-left-layout .col-main{margin-top: 20px;} .col2-right-layout .col-main{margin-top: 30px;} .page-layout-2columns-left .column.main, .page-layout-2columns-right .column.main{width:75% !important;padding: 0 15px;} /* 3 Columns Layout */ .col3-layout .col-main{width:475px;margin-left:17px} .col3-layout .col-wrapper{float:left;width:687px} .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-3{float:right;width:48.5%} .col2-set .col-narrow{width:32%} .col2-set .col-wide{width:65%} .col3-set .col-1{float:left;width:32%} .col3-set .col-2{float:left;width:32%;margin-left:2%} .col3-set .col-3{float:right;width:32%} .col4-set .col-1{float:left;width:23.5%} .col4-set .col-2{float:left;width:23.5%;margin:0 2%} .col4-set .col-3{float:left;width:23.5%} .col4-set .col-4{float:right;width:23.5%} /* ======================================================================================= */ /* Global Styles ========================================================================= */ /* Form Elements */ input,select,textarea,button{font:12px/15px Arial,Helvetica,sans-serif;vertical-align:middle;color:#666} input.input-text,select,textarea{background:#f5f5f5;border:1px solid #ececec} input.input-text,textarea{padding:0 8px;height: 35px;font-size: 13px;} select{padding:8px;/*-moz-appearance: none;*/} select option{padding-right:10px} select.multiselect option{border-bottom:1px solid #b6b6b6;padding:2px 5px} select.multiselect option:last-child{border-bottom:0} textarea{overflow:auto;height: auto;} .review-field-text textarea{padding: 5px 8px;} input.radio{margin-right:3px;display:inline-block;margin-top:0;min-height:18px} input.checkbox{margin-right:3px} input.qty{width:2.5em!important} input[type="text"], input[type="password"], input[type="url"], input[type="tel"], input[type="search"], input[type="number"], input[type="datetime"], input[type="email"]{border-color: #eee;} input[type="text"]::-moz-placeholder, input[type="password"]::-moz-placeholder, input[type="url"]::-moz-placeholder, input[type="tel"]::-moz-placeholder, input[type="search"]::-moz-placeholder, input[type="number"]::-moz-placeholder, input[type="datetime"]::-moz-placeholder, input[type="email"]::-moz-placeholder{color: #999;} button.button::-moz-focus-inner{padding:0;border:0} /* FF Fix */ button.button{-webkit-border-fit:lines} /* <- Safari & Google Chrome Fix */ button.button,button,.cart .continue, .actions-toolbar .primary a.action{display: inline-block;vertical-align: top;overflow:visible;width:auto;border-style: solid;border-width: 1px;padding:0;margin:0;cursor:pointer;height:40px;line-height:40px;padding:0 20px;} button.button span,button span,.review-form .action.submit.primary,.cart .continue span, .actions-toolbar .primary a.action span{display:inline-block;font-size:14px;text-align:center;white-space:nowrap;} button.button span span,.blog-postbox .button-set button.button span span{padding:0} .cart-container .checkout-methods-items .action.primary{background-color: #ff3535;height: 45px;line-height: 45px;} button.disabled span{/* border-color:#bbb!important;background:#bbb!important */padding-left: 0;} button.btn-checkout.no-checkout span{background-position:0 100%;color:#b8baba} button.btn-checkout.no-checkout span span{background-position:100% 100%} p.control input.checkbox,p.control input.radio{margin-right:6px} #add_recipient_button{margin:0px;overflow: hidden;padding-left: 10px;} /* Form Highlight */ input.input-text:focus,select:focus,textarea:focus,._keyfocus *:focus, input:focus:not([disabled]), textarea:focus:not([disabled]), select:focus:not([disabled]){background-color:#fff;box-shadow: none;} a:hover, a:focus{outline:none !important;text-decoration: none;} /*.highlight{background:#efefef} */ /* Form lists */ /* Grouped fields */ /*.form-list{width:535px;margin:0 auto;overflow:hidden} */ .form-list li{margin:0 0 8px} .form-list label,.fieldset label{display: inline-block;color:#666;font-weight:400;font-size:13px;padding: 0;margin: 0;line-height: normal;} .fieldset .newsletter label{float: none;display: inline-block;} .form-list label.required{} .form-list label.required em{float:right;font-style:normal;color:#eb340a;position:absolute;top:0;right:-8px} .form-list li.control label{float:none;margin:0} .form-list li.control input.radio,.form-list li.control input.checkbox{margin-right:6px;margin-top:0;display:inline-block;vertical-align:top} .form-list li.control .input-box{clear:none;display:inline;width:auto} .radio, .checkbox{display: inline-block;margin-top: 0 !important;} /*.form-list li.fields{margin-right:-15px} */ .form-list .input-box{display:block;clear:both;width:100%;padding-bottom:5px} .form-list .field{/* float:left;width:275px;*/} .form-list input.input-text{width:100%} .form-list textarea{/*width:254px;*/width:100%;height:10em} .form-list select{width:100%} .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} .contact-content .field textarea{height:172px;} .map-conttact{margin-bottom: 20px;} .map-conttact iframe{width: 100%;} .contact-content{margin-bottom: 20px;margin-top: 20px;} .contact-content .field{margin-bottom: 10px;} .contact-content .field .label{margin-bottom: 5px;} /* 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-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} .buttons-set{clear:both;margin:2em 0;padding:0 0 0;text-align:right} .buttons-set.buttons-set-contact{padding: 0 15px;} .box-review_form .form-add .buttons-set{padding:15px 0;margin:0} .buttons-set p.required{margin:0 0 10px;float: right;line-height: 30px;} .buttons-set .back-link{float:right;margin:0} .buttons-set button.button{float:left} .buttons-set-order{margin:10px 0 0} .buttons-set-order .please-wait{padding:12px 7px 0 0} .fieldset{background:#fff;padding:22px 25px 12px 33px;margin:28px 0} .fieldset .legend{font-weight:normal;font-size:14px;border:0;color:#252525;margin:0px;padding:0px;display: block;} .fieldset .legend span{font-size: 16px;text-transform: uppercase;color: #333;font-weight: 500;} .form.create.account > .fieldset {float: left;padding: 0 25px; width: 50%;margin: 20px 0 25px;} .form.create.account .actions-toolbar {clear: both; padding: 0 25px;} .customer-account-forgotpassword .fieldset{padding: 0;margin: 0 0 25px;} .account .fieldset{margin: 0;padding: 0;} .account .actions-toolbar{padding: 20px 0 0;} .abs-discount-block-desktop .block:nth-child(2) + *, .login-container .block:nth-child(2) + *, .account .column.main .block:not(.widget) .block-content .box:nth-child(2) + *, .block-addresses-list .items.addresses > .item:nth-child(2) + *, .form-edit-account .fieldset:nth-child(2) + *, .form-address-edit .fieldset:nth-child(2) + *, .storecredit .block:nth-child(2) + *, .paypal-review-discount .block:nth-child(2) + *, .cart-discount .block:nth-child(2) + * { clear: both; } .magepow-gdpr-checkbox > .label[for="accept_gdpr"] { white-space: unset; } .multishipping-checkout-address-newshipping .fieldset,.contact-index-index .fieldset{margin: 0;padding: 0;} /* Form Validation */ .validation-advice{clear:both;min-height:13px;margin:3px 0 0;padding-left:17px;font-size:11px;font-weight:bold;line-height:13px;background:url(../../../../../frontend/Alothemes/default/en_US/Magento_Theme/images/validation_advice_bg.gif) 2px 0 no-repeat;color:#eb340a;width: 270px;} .validation-failed{border:1px dashed #eb340a!important;background:#faebe7!important} .validation-passed{} p.required{font-size:11px;text-align:right;color:#EB340A} .action.edit span,.action.back span,.action.remind span,.login-container .fieldset::after{color: #ff0000;} .action.edit span:hover,.action.back span:hover,.action.remind span:hover{text-decoration: underline;} .action.back.customization:hover span{color: #fff;} /* 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 */ .message.success{z-index: 3;} .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} .messages li{margin:0 0 10px!important} .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;font-size:11px!important;font-weight:bold!important} .error-msg{border-color:#f16048;background-color:#faebe7;background-image:url(../images/i_msg-error.gif);color:#df280a} .success-msg{border-color:#446423;background-color:#eff5ea;background-image:url(../images/i_msg-success.gif);color:#3d6611} .note-msg,.notice-msg{border-color:#fcd344;background-color:#fafaec;background-image:url(../images/i_msg-note.gif);color:#3d6611} #popupNewsletterMessages.messages { padding: 40px 9px 10px 10px !important;} /* BreadCrumbs */ .breadcrumbs{font-size:13px;line-height:1.25;margin:0px;padding:17px 0;} .breadcrumbs li{display:inline-block;background-color:transparent;text-transform: capitalize;background-image:url("../images/bg-breadcrumbs.png");background-position:0 50%;background-repeat:no-repeat;padding:0 10px 0 22px} .breadcrumbs li.home{background:none;padding-left:0} .breadcrumbs li a{outline:medium none;color: #666;} .breadcrumbs li a,.breadcrumbs li strong{font-size: 13px;} .breadcrumbs li strong{font-weight:400;color:#333;} .breadcrumbs ul{margin:0; padding: 0;} /* Page Heading */ .page-title{width:100%;margin:25px 0;} .page-title h1,.page-title h2,.page-title-wrapper h1,.page-title-wrapper h2{font-size:20px;color:#222;text-transform:uppercase;} .page-title h1 span,.page-title h2 span,.page-title-wrapper h1 span,.page-title-wrapper h2 span{font-size: 20px;} .page-title .separator{margin:0 3px} .page-title .link-rss{float:right;margin:7px 0 0} .title-buttons{text-align:right} .title-buttons h1,.title-buttons h2,.title-buttons h3,.title-buttons h4,.title-buttons h5,.title-buttons h6{float:left} .subtitle,.sub-title{color: #333;font-size: 17px;padding: 5px 0 0;text-transform: uppercase;} .page-products .page-title-wrapper h1{ border-bottom: 1px solid #eaeaea;font-size: 24px;height: 40px;line-height: 40px; position: relative;} .page-products .page-title-wrapper h1 span{border-bottom: 3px solid #4a4949;bottom: 0;padding: 0 12px;position: absolute;} /* Pager */ .pager{margin: 0;padding: 0;border-top:0;text-align:center} .pager .amount{float:left;margin:0} .pager .amount strong{font-weight:normal} .pager .limiter{float:right} .pager .limiter label{vertical-align:middle;font-weight:300;margin:0;vertical-align:middle} .pager .limiter select{padding:0;margin:0 0 1px;vertical-align:middle} .pager .pages strong{display: none;color: #2a2a2a;float: left;font-size: 14px;font-weight: 400;line-height: 45px;padding-right: 10px;} .pager .pages ol{display:inline} .pages .pages-items{display: inline-block; border-style: solid;border-width: 1px 1px 1px 0;border-color: #dddddd;} .pages li{display:inline-block;margin:0;height: 30px;float:left;line-height: 29px;border-style: solid;border-width: 0 0 0 1px;border-color: #dddddd;} .pages li a{border: 0;border-radius:0;display:block;padding:0 12px;text-decoration:none;height: 28px;line-height: 28px;color: #444444;} .pages li.current,.pages li:hover,.pages li a:hover{ background-color: #0088cc;border-color: #0088cc;color: #ffffff;} .pages li.current .page{color: #ffffff;font-weight: normal;} .pages li a .fa{padding-left:5px} .pages-items li.current {padding: 0 12px;} .pages > .label {border: 0 none;clip: rect(0px, 0px, 0px, 0px); height: 1px; margin: -1px;overflow: hidden;padding: 0;position: absolute;width: 1px;} .pages .item .label {border: 0 none;clip: rect(0px, 0px, 0px, 0px);height: 1px;margin: -1px; overflow: hidden;padding: 0; position: absolute; width: 1px;} /* .pages .action.next > span,.pages .action.previous > span {border: 0 none;clip: rect(0px, 0px, 0px, 0px);height: 1px;margin: -1px;overflow: hidden;padding: 0;position: absolute;width: 1px;} */ .pages .action.next span:after {content: "\f101";display: inline-block;font-family: FontAwesome; font-size: 13px;font-weight: normal;line-height: inherit;margin: 0px;padding-left: 6px;overflow: hidden;text-align: center;vertical-align: top;} .pages .action.previous span:before{ content: "\f100";display: inline-block;font-family: FontAwesome; font-size: 13px;font-weight: normal;line-height: inherit;margin: 0px;padding-right: 6px;overflow: hidden;text-align: center;vertical-align: top;} /* Sorter */ .sorter-label,.limiter .label{font-size:14px;font-weight:400;color:#2a2a2a;float:left;padding:0 15px 0 0;margin:0;line-height: 30px;} .sorter .limiter{margin:0;padding: 0 0 0 15px;} .pager {float: right; margin:0;display: none;} .limiter,.sorter{float: left;} .limiter-options{padding: 0 8px;height: 30px;} .toolbar .limiter,.toolbar .sorter{padding-top: 0;} .sorter{padding-right: 15px;} .modes {display: inline-block;float: right;} .modes-mode.mode-grid{margin-right: 10px;} .modes-mode{border-style: solid;border-width: 1px;cursor:pointer;float:left;outline:medium none;padding: 0px;text-align: center;width: 30px;line-height: 27px;height: 30px;} .modes-mode:before {content: "\f00a";display: inline-block;font-family: FontAwesome;font-size: 14px;font-weight: normal;line-height: inherit;overflow: hidden;text-align: center;vertical-align: middle;} .modes-mode > span {border: 0 none;clip: rect(0px, 0px, 0px, 0px);height: 1px;margin: -1px;overflow: hidden; padding: 0;position: absolute; width: 1px;} .mode-list::before {content: "\f00b";} .abs-visually-hidden-desktop-s, .modes-label {border: 0 none;clip: rect(0px, 0px, 0px, 0px);height: 1px; margin: -1px;overflow: hidden;padding: 0;position: absolute;width: 1px;} .toolbar-amount,.products.wrapper ~ .toolbar .modes{display: none;} .products.wrapper ~ .toolbar .pages{text-align: right;} /* Toolbar */ .toolbar{border-bottom: 1px solid #eaeaea;margin: 0 0 20px;padding: 0 0 10px;text-align: center;} .products.wrapper ~ .toolbar{border: 0;} /* Data Table */ .data-table{width:100%;border:1px solid #eeeeee;} .data-table .odd{background:#ffffff} .data-table .even{background:#ffffff} /*.data-table tr.odd:hover,.data-table tr.even:hover{background:#ebf1f6} */ .cart.table-wrapper .product-item-name a,.data-table tbody tr td .cart-price .price{color:#444;text-decoration:none;font-size:16px;text-transform: uppercase;} .data.table tbody tr td.a-subtotal .cart-price .price,.data.table tbody tr td .cart-price .price{color:#4a4949;font-size: 16px;} .data.table tbody tr td input.qty{color:#4a4949;text-align:center;width:35px!important;float: left;height: 35px;border: 0;background-color: transparent;} .data-table tfoot{border-bottom:1px solid #eeeeee} .data-table tfoot tr{background-color:#fff!important} .data-table tfoot td{padding-top:1px;padding-bottom:1px;border-bottom:0;} .data-table tfoot strong{font-size:16px} .data-table tbody th,.data-table tbody td{border-bottom:1px solid #eeeeee;border-right:1px solid #eeeeee} .data.table .custom-qty{width: 110px;margin: 0 auto;background-color: #f5f5f5;border: 1px solid #ebebeb;} .data.table .custom-qty .alo_qty{width: 35px;float: left;height: 35px;line-height: 35px;text-align: center;outline: medium none;} .cart.table-wrapper .col {vertical-align: middle;} .cart.table-wrapper .item .col.item {padding: 30px 0 0;} .cart.table-wrapper .item-actions td {padding: 0 10px 10px;} .cart-summary .block .fieldset .methods .field > .label{float: none;} .cart.table-wrapper .product-image-container{display: inline-block;} .checkout-cart-index .cart.table-wrapper .product-image-container{display: inline;} .checkout-index-index .minicart-wrapper {margin-right: 0;margin-top: 0;padding: 0;} .opc-estimated-wrapper .estimated-block .estimated-label,.opc-estimated-wrapper .estimated-block .estimated-price{font-size: 18px;font-weight: 600;} .checkout-container .modal-custom .action-close{right: 35px;} .opc-block-shipping-information{padding: 0 30px;} .opc-progress-bar{margin-top: 30px;} /* Bundle products tables */ .data-table tbody.odd tr{background:#f8f7f5!important} .data-table tbody.even tr{background:#f6f6f6!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 #eeeeee} .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{background:#fff url(../images/bkg_block-title.gif) 0 0 repeat-x;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(../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(../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 */ .std .subtitle{padding:0;} .std ol.ol{list-style:decimal outside;padding-left:1.5em;} .std ul.disc{list-style:disc outside;padding-left:18px;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 1em;padding:0;} .std ul{list-style:disc outside;padding-left:1.5em;} .std ol{list-style:decimal outside;padding-left:1.5em;} .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 em{font-style:italic;} /* Misc */ .links li{display:inline} .links li.last{} .link-cart{color:#d22753;font-weight:bold} .link-wishlist{color:#d22753;font-weight:normal} .link-reorder{font-weight:normal;color:#ea5648!important} .link-compare{font-weight:bold} .link-print{font-weight:bold;color:#d22753} .link-rss{background:url(../images/i_rss.gif) 0 2px no-repeat;padding-left:18px;line-height:14px;white-space:nowrap} .btn-previous{display:block;width:11px;height:11px;font-size:0;line-height:0;background:url(../images/btn_previous.gif) 0 0 no-repeat;text-indent:-999em;overflow:hidden} .btn-edit{display:block;padding:9px;font-size:12;line-height:0;} .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} #product-attribute-specs-table th {color: #666666; border-radius: 0;display: block;font-size: 100%;text-align: left;} /* 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;color:#2f2f2f} .global-site-notice .notice-inner{width:860px;margin:0 auto;padding:12px 0 12px 80px;background:url(../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{position:fixed;z-index:9999;width:100%;bottom:0;left:0;margin:0!important;opacity:0.95;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=95)";/* IE8 */} /* 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} /* Demo 404 */ .cms-404-not-found .page-title-wrapper{display: none;} .cms-404-not-found .page-not-found {text-align: center;} .cms-404-not-found .page-not-found .page-title h1,.cms-404-not-found .page-not-found .page-title h1 span{line-height: 130px;text-indent: -999em;padding-top: 120px;} .cms-404-not-found .page-not-found .page-title h1{background-image: url(../images/alothemes/404.png);background-position: 50% 50%;background-repeat: no-repeat;} .cms-404-not-found .page-not-found .page-title h1 span{color: #242628;font-weight: bold;} .page-not-found h2{ color: #333;font-size: 28px;margin-bottom: 20px;letter-spacing: 5px;text-transform: uppercase;} .page-not-found h3{font-size: 16px;color: #666666;font-weight: normal;} .page-not-found .block-newletter label{display: none;} .page-not-found .form-search{ margin: 0 auto; position: relative;width: 500px;} .page-not-found .form-search .button{position: absolute;top: 2px;right: 2px;border: 0 none;height: 41px;line-height: 41px;} .page-not-found .form-search .button span{height: 43px;line-height: 45px;background-color: transparent;} .page-not-found .form-search .button span .fa{font-size: 17px;} .page-not-found .previus-page{letter-spacing: 3px;color: #333;height: 40px;line-height: 40px;padding:0 29px;font-size: 13px;text-transform: uppercase;margin:60px 0 100px;display: inline-block;border: 1px solid #aaaaaa;} .page-not-found .previus-page:hover{background-color: #4a4949;color: #fff;border: 1px solid #4a4949;} .page-not-found .form-search #search{width: 500px;border: 2px solid #242628;height: 45px;line-height: 45px;padding: 0 60px 0 9px;} /* ======================================================================================= */ /* Header ================================================================================ */ .page-header{margin:0;padding: 0;border: 0;} .header_full{position:relative;} .border-bottom{position: relative;} .header-container-fixed {animation-duration: 450ms; animation-fill-mode: both; animation-name: fadeInDown; box-shadow: 0 0 3px #666666;-moz-box-shadow: 0 0 3px #666666; -webkit-box-shadow: 0 0 3px #666666; -o-box-shadow: 0 0 3px #666666;-ms-box-shadow: 0 0 3px #666666;position: fixed; width: 100%; z-index: 10000;top:0;} @keyframes fadeInDown { 0% { opacity: 0; transform: translate3d(0px, -100%, 0px); } 100% { opacity: 1; transform: none; } } .catalog-product-view .header-container-fixed{z-index: 99999;} .header-container-fixed .mini-maincart .mini-contentCart {top: 56px;} .header-container-fixed .header .top-form-language .lang-switcher:hover .dropdown-switcher, .header-container-fixed .header .currency_top .currency-switcher:hover .dropdown-switcher, .header-container-fixed .header .header-setting .settting-switcher:hover .dropdown-switcher, .header-container-fixed .header .header-search .search-switcher:hover .dropdown-switcher {top: 56px;} .header-container-fixed .magicmenu .nav-desktop .level0.ext .level-top::before{bottom: 16px;} .container { padding-left: 0;padding-right: 0;} .header .logo{margin:0;padding: 20px 0 30px;text-decoration:none!important;outline:none;display: block;max-width: 300px;float: none;} .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{padding: 0;} .content-seach {padding-left: 0px;padding-right: 0px;} .header-search .block-search .nested{display:none;} .header .welcome-msg{padding:15px 0;margin:0;display: block;font-size: 12px;text-transform: uppercase;} .block-search .block{margin: 0;position: relative;} .header .form-search{margin: 37px 0 0;display: block;border-color: #eaeaea;border-style: solid;border-width: 1px;height: 41px;} .header .form-search label,.block-search .block .block-title{text-align:left;text-transform: uppercase;padding: 10px 0 0;margin: 0;font-weight: 500;display: none;} .block-search .block .block-title strong{font-weight: 500;font-size: 13px;} .form-search .search{display: inline-block;padding: 0;vertical-align: middle;} .form-search .field.search{width: calc(100% - 39px);} .header .form-search input.input-text{border-style: solid;border-color: #e2e2e2;border-width: 0px;background-color:#fff;font-size:100%;margin:0;height: 39px;line-height:39px;padding:0px 10px;} .header .form-search button.button{border: 0 none;background-color: #000; position: absolute;right: 0px;top: 0px;width: 41px;line-height: 40px;height: 41px;color: #fff;opacity: 1;border-radius: 0 5px 5px 0;} .header .form-search .dd-container{position: absolute;right: 40px;width: 130px !important;border-left: 1px solid #d9dadc} .header .form-search .catalogsearch {position: relative;} .header .form-search .catalogsearch input.input-text { width: 75%;float: left;border-color: #ccc;border-width: 0px;margin: 0;padding: 0 20px 0 20px;height: 39px;} .header .form-search .catalogsearch-box {background-color: #eee;border: 0px solid #fff;border-left: 0;border-left: 1px solid #ddd;font-size: 14px;float: right;height: 39px;padding: 0 20px 0 15px;width: 25%;position: absolute;right: 0px;display: block;color: #555555;text-overflow: ellipsis;white-space: nowrap;} .header .form-search .catalogsearch-box span{display: block;height: 38px;line-height: 38px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-size: 14px;} .header .form-search .catalogsearch-box span:after {content: "\f0d7";display: block;font-size: 10px;font-family: 'FontAwesome';color: #555555;position: absolute;right: 15px;top: 0px;} .header .form-search .dd-container{background-color: #fff;position: absolute;z-index: 99;left: 0;width: 230px !important;height: 250px;overflow: auto;border: 1px solid #e6e6e6;} .header .form-search .dd-container li{border: 0;color: #666;padding: 5px 25px 5px 25px;margin: 0;;text-align: left;} .header .form-search .dd-container li:hover,.header .form-search .dd-container li.selected{color: #000;background: #f0f2f5;} .header .form-search .dd-options{height: 250px;box-shadow:0 0 10px 0 rgba(0,0,0,0.15); -moz-box-shadow: 0 0 10px 0 rgba(0,0,0,0.15);-webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,0.15);-o-box-shadow: 0 0 10px 0 rgba(0,0,0,0.15);-ms-box-shadow: 0 0 10px 0 rgba(0,0,0,0.15);border: 0;} .header .form-search .dd-container .dd-select{border-radius: 0;border: 0;border-right: 1px solid #dddddd;background-color: transparent !important;margin-bottom: 0px;} .header .form-search .dd-option-text{font-size: 12px;margin: 0;font-weight: 500;cursor: pointer;} .header .form-search .dd-options .dd-option{border: 0;color: #666;padding: 5px 0 5px 18px;text-align: left;} .dd-container .dd-selected{padding: 13px 17px;margin: 0;} .dd-pointer-down,.dd-pointer-up{border-color:rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #c2c2c2 !important} .dd-pointer{right: 14px !important;margin-top: -6px !important;} .dd-container .dd-selected .dd-selected-text{margin: 0;text-transform: uppercase;color: #2a2a2a;font-weight: normal;} .header .form-search .dd-options .dd-option:before {color: #bbbbbb;content: "";font-family: FontAwesome;font-size: 13px;margin-right: 10px;text-align: left;width: 32px;} .header .form-search .dd-options .dd-option:hover{color: #ffa800;} .header .form-search button.button span{width:41px;height: 40px;line-height: 40px;padding:0;border:none} .header .form-search button.button span span{padding:0;height:0} .form-search button.button span span .fs1{font-style: normal;font-size: 16px;} .header .form-search .search-autocomplete{margin: 0;} .header .form-search .search-autocomplete ul{border:1px solid #5c7989;} .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{right: 2px; top: 2px;font-weight: bold;} .header .form-search .search-autocomplete li.odd{background-color:#fffefb} .header .form-search .search-autocomplete li.selected{background-color:#f7e8dd} .header .form-language{clear:both;padding:10px 0;text-align:left;float:left} .header .form-language label{font-weight:bold;padding-right:5px;color:#a7c6dd;vertical-align:middle;float:left;margin:0} .header .form-language select{padding:0} .header .form-language select.flags option{background-position:4px 50%;background-repeat:no-repeat;padding-left:25px} .header .header-setting{float: right;} .header .header-setting .settting-switcher{position:relative;} .settting-switcher,.top-links{float: left;} .top-links li,.top-links .or{float: left;margin: 0;} .nav-top-links, .support-link,.header-setting{float: left;line-height: 34px;} .text-setting, .top-links li a {display: inline;} .top-right .header-setting{float: right;} .nav-top-links a,.text-setting,.support-link a{/*border-right: 1px solid #e0e0e0;*/ margin-left: 10px;padding-right: 10px;font-size: 14px;} .nav-top-links .fa{margin-top: -3px;font-size: 15px;margin-right: 5px;vertical-align: middle;color: #999999;} .main-header-top-link{margin: 0;padding: 0;} .main-header-top-link li { display: inline;float: left;margin: 0;} .main-header-top-link li > a {border-right: 1px solid #e4e4e4;padding: 0 5px;font-size: 14px;} .main-header-top-link li:first-child > a { padding-left: 0;} .main-header-top-link li:last-child > a {border-right: medium none;padding-right: 0;} .header-text {font-size: 13px; text-align: right;} .header-text .fa {color: #f9d717;font-size: 14px;line-height: inherit;margin-top: -1px;font-family: FontAwesome;vertical-align: middle;padding-right: 3px;} .top-links li,.top-links .or{float: left;margin: 0;} .btn-fb-login{ position: relative;background: rgba(0, 0, 0, 0) url("../images/alothemes/fb.jpg") no-repeat scroll 10px 0;display: inline-block;font-size: 0; height: 22px;margin-top: 5px;vertical-align: top;padding: 0 40px;} .btn-fb-login:before{border-left: 1px solid #e0e0e0;content: "";height: 16px;left: 0;position: absolute;top: 5px;} .header .header-setting .icon-setting{cursor:pointer;} .header .top-form-language .dropdown-toggle .dropdown-icon,.header .top-form-language .dropdown-toggle .value,.header .top-form-language .dropdown-toggle .caret,.header .currency_top .dropdown-toggle .dropdown-icon,.header .currency_top .dropdown-toggle .value,.header .currency_top .dropdown-toggle .caret{display:inline-block;cursor:pointer} .header .top-form-language .dropdown-toggle .dropdown-icon{background-position:0 3px;background-repeat:no-repeat;font-size:100%} .header .top-form-language .dropdown-toggle .value,.header .currency_top .dropdown-toggle .label,.header .currency_top .dropdown-toggle .value{font-size:13px;color:#fff;padding-right:15px;padding-left:2px} .header .currency_top .dropdown-toggle .label{display:none}.header .header-setting .toggle-content{border-width: 2px 0 0;border-style: solid;border-color: #4a4949;box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176);-moz-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176);-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176); -o-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176);-ms-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176);background-color:#fff;padding:8px 12px 30px;left:0px;position:absolute;top:37px;min-width: 200px;z-index:35;display: none;}.header .header-setting .toggle-content.visible{display: block;} .top-form-language .language .dropdown span,.page-header .top-form-language .switcher .options ul.dropdown a{ background-repeat: no-repeat;background-position: left center;padding: 0 0 0 20px;line-height: normal;} .page-header .top-form-language .switcher .options ul.dropdown a{margin-bottom:5px;margin-top:5px;} .page-header .top-form-language .switcher .options ul.dropdown{padding:5px 10px;} .header .top-form-language .current .label,.header .top-form-language li:hover .label{ border-bottom: 2px solid #d22753;} .header .top-form-language .dropdown-switcher li a,.header .currency_top .dropdown-switcher li a{font-size:13px;font-weight:300;color:#666;text-decoration:none;display:block} .header .top-form-language .dropdown-switcher li .dropdown-icon{background-position:0 3px;background-repeat:no-repeat;font-size:100%;padding:0px} .dropdown.options.switcher-options{position: static;} .currency_top .dropdown.options.switcher-options{position: relative;padding-right: 10px;padding-left: 10px;} .currency_top .dropdown.options.switcher-options:after{ border-right: 1px solid #e0e0e0;content: "";height: 16px;right: 0;position: absolute;top: 10px;} .page-header .switcher .options .action.toggle:after, .page-footer .switcher .options .action.toggle:after {color: inherit;content: "\f107";display: inline-block;font-family: "FontAwesome";font-size: 17px;font-weight: bold;line-height: 34px;margin: 0 0 0 5px;overflow: hidden;text-align: center;vertical-align: top;} .page-header .switcher .options .action.toggle.active:after, .page-footer .switcher .options .action.toggle.active:after {content: "\f106";} .page-header .switcher .options ul.dropdown, .page-footer .switcher .options ul.dropdown {background: #ffffff none repeat scroll 0 0;border-width: 2px 0 0;border-style: solid;border-color: #4a4949;box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176);-moz-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176);-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176); -o-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176);-ms-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176);display: none;margin:2px 0 0;padding: 0 0 5px;position: absolute;top: auto;z-index: 100;} .page-header .switcher .options ul.dropdown a, .page-footer .switcher .options ul.dropdown a { padding: 5px 8px 0;} .page-header .switcher .options ul.dropdown:before, .page-footer .switcher .options ul.dropdown::before, .page-header .switcher .options ul.dropdown::after, .page-footer .switcher .options ul.dropdown::after {border-bottom-style: solid;content: "";display: block;height: 0;position: absolute;width: 0;} .page-header .switcher .options ul.dropdown::after, .page-footer .switcher .options ul.dropdown::after {-moz-border-bottom-colors: none; -moz-border-left-colors: none;-moz-border-right-colors: none;-moz-border-top-colors: none;border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #bbbbbb;border-image: none;border-style: solid;border-width: 7px;z-index: 98;} .page-header .switcher .options ul.dropdown::after, .page-footer .switcher .options ul.dropdown::after {left: 9px;top: -14px;} .page-header .switcher .options ul.dropdown::before, .page-footer .switcher .options ul.dropdown::before, .page-header .switcher .options ul.dropdown::after, .page-footer .switcher .options ul.dropdown::after {border-bottom-style: solid;content: "";display: none;height: 0; position: absolute; width: 0;} .page-header .switcher .options ul.dropdown::before, .page-footer .switcher .options ul.dropdown::before {-moz-border-bottom-colors: none;-moz-border-left-colors: none;-moz-border-right-colors: none;-moz-border-top-colors: none;border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #ffffff;border-image: none;border-style: solid;border-width: 6px;z-index: 99;} .page-header .switcher .options ul.dropdown::before, .page-footer .switcher .options ul.dropdown::before {left: 10px;top: -12px;} .header .header-search{margin: 0px;background-image:none; cursor: pointer;} .currency_top,.top-form-language {font-weight: normal;line-height: 34px;float: left;} .page-header .switcher .options ul.dropdown li:hover, .page-footer .switcher .options ul.dropdown li:hover{background-color: transparent;} .top-links{padding-left: 18px;margin: 0;} .top-links .or{padding:15px 10px;} .header.links li{display: block;margin: 0;} .header .header-top .label-title:after,.text-setting:after{color: #aaaaaa;content: "\f107";font-family: FontAwesome;font-size: 17px;margin-left: 10px;text-align: left;font-weight: bold;} .header .header-top .label-title:hover,.text-setting:hover,.text-setting:hover:after,.header .header-top .label-title:hover:after,.icon-search:hover,.header .header-top-link li:hover,.header .currency_top li:hover{color: #ff3535;} .header .links{margin:0px;padding:0px} .header .links li a,.currency_top li a,.currency_top li.current{padding: 0px;display: block;position: relative;font-size: 14px;line-height: 25px;} .header .links li.last{padding-right: 0;} .header .header-top-link li a{color: #262626;padding: 0 10px;} .header .header-top-link li a:hover,.header .header-top-link li a:focus{ background-color: #f5f5f5;} .switcher-options strong span{font-size: 14px;} .header-container .top-container{clear:both;padding:5px 10px 0 12px;text-align:right} .header-container .top-container a{font-size:11px;color:#ebbc58} .minict_wrapper{border-radius:3px;background:#f3f3f3!important;border:1px solid #ededed;width:130px} .minict_wrapper input{color:#666} .minict_wrapper.bubble:after{border:0;box-shadow:none} .form-language label{display:none} .icon-search .fa{text-align: center;vertical-align: middle;padding:0 5px 0 0;color: #aaa;} .cms-index-index .alo-breadcrumbs {display: none;} .content-cart {margin-top: 37px;} .tool-header {position: relative;text-align: left;z-index: 30;} .main-top-links,.main-top-links li{margin: 0;padding:0;} .minicart-wrapper .showcart, .content-cart .btn-heart, .top-links {line-height: 14px;} .content-cart .btn-heart, .content-cart .btn-compare {background-repeat: no-repeat;background-position: center center;height: 39px;margin-right: 16px;position: relative;width: 39px;display: inline-block;vertical-align: middle;font-size: 0;text-indent: -999px;} .content-cart .btn-heart {background-image: url("../images/alothemes/icon-heart-round.png");} .content-cart .btn-compare {background-image: url("../images/alothemes/icon-compare-round.png");margin: 0;} .minicart-wrapper .showcart{display: block;height: 39px;padding: 0px;position: relative;width: 39px;} .minicart-wrapper .showcart:after{background-image: url("../images/alothemes/cart.png");background-color: #000;background-repeat: no-repeat;background-position: center; content: "";cursor: pointer;height: 39px;position: absolute;right: -1px;top: -1px;width: 39px;border-radius: 50px;} .miniCartWrap .icons{font-size:25px;padding: 10px;display: block;} .miniCartWrap .mini-contentCart .icons{font-size: 14px;} .minicart-wrapper{ margin: 0 0 0 12px !important;position: relative;display: inline-block;vertical-align: middle;} .minicart-wrapper .action.showcart .amount .price{color: #555;} .minicart-wrapper .action.showcart .counter.qty{/*background-image: url("../images/alothemes/notify.png");*/background-position: 0 0;background-repeat: no-repeat;position: absolute;right: -12px;top: -12px;padding: 0;margin: 0;height: 24px;width: 24px;z-index: 2;background-color: #d1a940 !important;border-radius: 50px;} .minicart-wrapper .block-minicart{display: none;z-index: 4;position: absolute;top: 100%;border-width: 2px 0 0;border-style: solid;padding: 20px 20px 0px;width: 400px;box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176);-moz-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176);-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176); -o-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176);-ms-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176);} .minicart-wrapper .block-minicart:before, .minicart-wrapper .block-minicart:after {border-bottom-style: solid;content: "";display: none;height: 0;position: absolute;width: 0;} .minicart-wrapper .block-minicart:after {-moz-border-bottom-colors: none;-moz-border-left-colors: none;-moz-border-right-colors: none; -moz-border-top-colors: none;border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #ddd;border-image: none;border-style: solid;border-width: 7px; z-index: 98;} .minicart-wrapper .block-minicart:before { -moz-border-bottom-colors: none;-moz-border-left-colors: none;-moz-border-right-colors: none;-moz-border-top-colors: none;border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #ffffff;border-image: none;border-style: solid;border-width: 6px; z-index: 99;} .minicart-wrapper .block-minicart:after {left: auto;right: 25px;top: -14px;} .minicart-wrapper .block-minicart:before {left: auto;right: 26px;top: -12px;} .minicart-wrapper .action.showcart .cart-header .counter.qty, .tool-header .minicart-wrapper .showcart .counter-label{position: static; background: none; width: auto;color: #555555;} .tool-header .minicart-wrapper .showcart .text{position: static;font-weight: bold;line-height: 35px; margin: 0;text-transform: uppercase;vertical-align: top;display: none;} .tool-header .cart-header{display: none;} .header-container-fixed .minicart-wrapper{position: absolute;right: 0;top: 0;} .header-container-fixed .minicart-wrapper .showcart{height: 50px;width: 50px;border: 0;} .header-container-fixed .minicart-wrapper .showcart:after{height: 51px;width: 50px;right: 0px;top: 0px;} .header-container-fixed .minicart-wrapper .action.showcart .counter.qty{top:0;} .header-container-fixed .magicmenu .nav-desktop .cart-header{dislay: none;} .block-minicart .subtitle.empty{font-weight: normal;text-transform: inherit;} .block-minicart .subtitle.empty span{font-size: 12px;} .minicart-wrapper .block-minicart .block-title{display: none;} .block-minicart .items-total,.block-minicart .subtotal{margin: 0;display: inline-block;float: none;} .block-minicart .subtotal .amount.price-container{display: inline-block;} .block-minicart .subtotal .label{color: #666;font-weight: normal;padding: 0;} .block-minicart .amount .price-wrapper:first-child .price {font-size: 16px;font-weight: normal;} .block-minicart .block-content > .actions{padding: 0;} .block-minicart .block-content > .actions .secondary .viewcart{border-width: 1px;border-style: solid;display: block;line-height: 40px;text-align: center;float: none;color: #666;} .block-minicart .block-content > .actions > .primary{margin: 0 0 15px;} .block-minicart .block-content > .actions > .primary .action.primary {border-width: 1px;border-style: solid;color: #ffffff;display: block;font-size: 14px;line-height: 35px;margin-bottom: 15px;padding: 0 20px; width: 100%;} .minicart-items-wrapper{margin: 0;padding: 15px 0;border: 0;overflow-x: auto;} .minicart-items-wrapper .product-item-photo {border: 1px solid #eee;display: block;overflow: hidden;position: relative;} .minicart-items .product-item-details{text-align: left;padding-left: 110px;} .minicart-items .product-item-name{margin: 0 0 5px;font-size: 100%;/*height: 20px;*/ line-height: 20px;/*overflow: hidden;text-overflow: ellipsis;white-space: nowrap;*/} .minicart-items .product-item-name a{font-size: 12px;font-weight: 500;text-transform: uppercase;} .minicart-items .product .toggle::after{content: "";font-family: "FontAwesome";color: inherit;display: inline-block;font-size: 15px;padding-left: 5px;font-weight: normal;line-height: 16px;overflow: hidden;text-align: center;vertical-align: middle;} .minicart-items .product.active > .toggle::after{content: "";} .minicart-items .product-item-details .price{color: #4a4949;font-size: 15px;} .label{color: #666666;font-size: 13px;margin: 0;padding: 10px 0;text-align: left;} .minicart-items .action.edit::before, .minicart-items .action.delete::before,.cart.table-wrapper .actions-toolbar > .action-delete::before,.cart.table-wrapper .actions-toolbar > .action-edit::before {color: #999999; content: "\f040";display: inline-block;font-family: "FontAwesome"; font-size: 15px;font-weight: normal;line-height: 15px; overflow: hidden;text-align: center;vertical-align: middle;} .minicart-items .action.delete::before,.cart.table-wrapper .actions-toolbar > .action-delete::before {content: "\f00d";font-size: 18px;line-height: 18px;} .minicart-wrapper .product .actions > .primary,.cart.table-wrapper .actions-toolbar > .action-edit{margin-right: 10px;} .cart.table-wrapper .actions-toolbar > .action-towishlist{margin-right: 10px;vertical-align: middle;} .minicart-items .action.edit > span, .minicart-items .action.delete > span, .cart.table-wrapper .actions-toolbar > .action-delete > span, .cart.table-wrapper .actions-toolbar > .action-edit > span {border: 0 none;clip: rect(0px, 0px, 0px, 0px);height: 1px;margin: -1px;overflow: hidden;padding: 0;position: absolute;width: 1px;} .minicart-wrapper .action.close {border: 0 none;box-shadow: none;box-sizing: content-box;display: inline-block;font-weight: 400;height: 20px;line-height: inherit; margin: 0;padding: 0;position: absolute; right: 0;text-decoration: none;text-shadow: none;top: 0;width: 20px;color: #000000;opacity: 0.2;} .minicart-wrapper .action.close::before {color: inherit;content: "\f00d";display: inline-block;font-family: "FontAwesome";font-size: 15px;font-weight: normal;line-height:20px;margin: 0;overflow: hidden;text-align: center;vertical-align: top;} .minicart-wrapper .action.close > span {border: 0 none;clip: rect(0px, 0px, 0px, 0px);height: 1px; margin: -1px;overflow: hidden;padding: 0;position: absolute;width: 1px;} .minicart-wrapper .action.close:hover{opacity: 1;background-color: transparent;} .minicart-items .product-item{margin: 0;} .modal-custom .action-close, .modal-popup .action-close, .modal-slide .action-close {background: rgba(0, 0, 0, 0) none repeat scroll 0 0;border: 0 none;box-shadow: none;box-sizing: content-box;display: inline-block;font-weight: 400;line-height: inherit; margin: 0;padding: 0; position: absolute;right: 0;text-decoration: none;text-shadow: none;top: 0;} .modal-custom .action-close::before, .modal-popup .action-close::before, .modal-slide .action-close::before {color: #999;content: "\f00d";display: inline-block;font-family: "FontAwesome";font-size: 19px;font-weight: normal;line-height: 19px;margin: 0;overflow: hidden;text-align: center;vertical-align: top;} .modal-custom .action-close > span, .modal-popup .action-close > span, .modal-slide .action-close > span { border: 0 none;clip: rect(0px, 0px, 0px, 0px);height: 1px;margin: -1px;overflow: hidden; padding: 0;position: absolute;width: 1px;} .modal-popup .action-close{padding: 0 10px;} /* ======================================================================================= */ .block-related .block-title strong,.block.filter .filter-title strong,.box-up-sell .block-title strong,.crosssell strong,.sidebar .block .block-title strong{color: #333;font-size: 16px;margin: 0; position: relative;text-transform: uppercase;line-height: 16px;font-weight: bold;} .support .box-services .media-body p,.account-login .content p{color:#555} /* Style Slide =============================================================================== */ .slide-showcase{background-color: #ccc;} .homeslider .slick-slider{margin-bottom: 0;} .home-slider .slick-slide .figcaption .caption1, .home-slider .slick-slide .figcaption .caption2, .home-slider .slick-slide .figcaption .caption3 {display:none;} /* .home-slider .slick-slide.slick-active .text-slide{ position: absolute;top: 0; } */ .home-slider .text-slide {text-align: center;position: absolute;left: 100px;bottom: 40px;} .slick-initialized .slick-slide{position: relative;} .home-slider >.item:nth-child(n+2), .home-slider >.item .figcaption{display: none;} .home-slider >.item.slick-slide, .home-slider >.item.slick-slide .figcaption{display: block;} .home-slider .slick-slide.slick-active .figcaption .caption1 {font-size: 28px;font-weight: bold;line-height: 28px;margin: 0px 0 5px;text-transform: uppercase;letter-spacing: 9px;color: #f96d10;display: block;} .home-slider .slick-slide.slick-active .figcaption .caption1{ -moz-animation: fadeInRight 0.8s ease-in 1.3s backwards; -webkit-animation: fadeInRight 0.8s ease-in 1s backwards; animation: fadeInRight 0.8s ease-in 1s backwards; } .home-slider .slick-slide.slick-active .figcaption .caption2 {font-size: 47px;font-weight: bold;line-height: 47px;margin: 0;text-transform: uppercase;color: #f96d10;display: block;} .home-slider .slick-slide.slick-active .figcaption .caption2{ -moz-animation: fadeInLeft 0.8s ease-in 1.5s backwards; -webkit-animation: fadeInLeft 0.8s ease-in 1.5s backwards; animation: fadeInLeft 0.8s ease-in 1.5s backwards; } .home-slider .slick-slide.slick-active .figcaption .caption3 {font-size: 20px;font-weight: normal;line-height: 20px;margin: 0;text-transform: capitalize;letter-spacing: 10px;color: #333;display: block;} .caption3 strong {font-size: 100px;font-weight: 100;line-height: 100px;} .home-slider .slick-slide.slick-active .figcaption .caption3{ -moz-animation: fadeInUp 0.8s ease-in 1.7s backwards; -webkit-animation: fadeInUp 0.8s ease-in 1.7s backwards; animation: fadeInUp 0.8s ease-in 1.7s backwards; } .home-slider .slick-arrow{border: 0 none;width: 40px;height: 40px;line-height: 40px;background-color: #f0f0f0;color: #000;font-weight: 600;top: 45%;border-radius: 50px;} .home-slider .slick-arrow:before{line-height: 40px;font-weight: 600;font-size: 32px;color: #000;} .home-slider .slick-arrow:hover{background-color: #d1a940;color: #fff;} .homeslider .home-slider .slick-dots{bottom: 10px;padding-right: 20px;text-align: right;} /*For Effec caption slick slider*/ @-webkit-keyframes fadeInLeft { 0% { opacity: 0; -webkit-transform: translateX(-50px); transform: translateX(-50px); } 100% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes fadeInLeft { 0% { opacity: 0; -webkit-transform: translateX(-50px); -ms-transform: translateX(-50px); transform: translateX(-50px); } 100% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } } .fadeInLeft { -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; } @-webkit-keyframes fadeInRight { 0% { opacity: 0; -webkit-transform: translateX(50px); transform: translateX(50px); } 100% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes fadeInRight { 0% { opacity: 0; -webkit-transform: translateX(50px); -ms-transform: translateX(50px); transform: translateX(50px); } 100% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } } .fadeInRight { -webkit-animation-name: fadeInRight; animation-name: fadeInRight; } @-webkit-keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translateY(50px); transform: translateY(50px); } 100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translateY(50px); -ms-transform: translateY(50px); transform: translateY(50px); } 100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } } .fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; } /* slick dots*/ .sidebar .slick-dots li button,.home-slider .slick-dots li button{background-color: #adadad;width: 14px;height: 14px;line-height: 14px;border-radius: 90%;-moz-border-radius: 90%;-webkit-border-radius: 90%;-ms-border-radius: 90%;-o-border-radius: 90%;} .sidebar .slick-dots li button:hover,.sidebar .slick-dots li.slick-active button{background-color: #0088cc;} .homeslider .home-slider .slick-dots li button{width: 20px;height: 20px;line-height: 19px;font-size: 12px;border: 1px solid #999999;background-color: transparent;color: #666;} .homeslider .home-slider .slick-dots li.slick-active button,.homeslider .home-slider .slick-dots li button:hover{background-color: #4a4949;border-color: #4a4949;color: #fff;} .header-top-right { /*margin-left: -15px;*/padding: 0;margin-bottom: 10px;position: relative;} .cms-index-index .vmagicmenu .block-vmagicmenu-content {opacity: 0;visibility: hidden;} .vmagicmenu.vertical-menu .block-vmagicmenu-content .all-cat span{border-left: 0;} /* Static Block =============================================================================== */ .magiccart-column{padding-bottom:20px;padding-top:20px} .alo-blog .slick-slider .slick-arrow { opacity: 1; visibility: visible; } .alo-blog .slick-slider .slick-prev { right: 45px; left: auto; } .alo-blog .slick-slider .slick-next { right: 15px; } .latest-deals-product .content-products .products .slick-arrow { opacity: 1; visibility: visible; } /* Sidebar =============================================================================== */ .block,.sidebar .mean-bar{margin:0 0 30px;} .sidebar .block .block-content,.sidebar .block .empty{padding: 15px 20px;} .sidebar .block,.sidebar .mean-bar{border: 1px solid #eaeaea;} .block-reorder .actions a {clear: both; display: block;padding-top: 10px;padding-right: 10px;} .sidebar .block.block-progress { padding: 0;} .sidebar .block .block-title{border-bottom: 1px solid #eaeaea;line-height: normal;margin: 0;padding: 15px 0 15px 28px;text-align: left;} .sidebar .block .block-title strong{font-size: 16px; font-weight: bold;line-height: normal;} .block .block-title a{text-decoration:none!important} .block .block-subtitle{margin:0;padding:5px 0;font-size:1em;color:#555} .block .btn-remove,.block .btn-edit{float:right;margin:1px 0 2px 5px} .block .actions{padding:6px 0px;text-align:left} .block .actions a{float:left;color:#f12b63;text-decoration:none} .block .actions a:hover{color:#333} .block .empty{margin:0;padding:0px;color:#666666;font-size:14px;} .col-left .magicproduct.mage-custom .item .title:before,.col-left .magicproduct.mage-custom .item .title:after{display: none;} .col-left .magicproduct.mage-custom .magictabs{margin:0 !important;border: 0;} .col-left .magicproduct.mage-custom .content-products .item .images-container{padding-right: 0;padding-left: 0;} /* 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-repeat:no-repeat} /* Block:Account */ .block.account-nav .content{padding: 15px 0;background-color: #f5f5f5;} .block.account-nav .title{display: none;} .block.account-nav .item {margin: 3px 0 0;} .block.account-nav .item a, .block.account-nav .item > strong {color: #575757;display: block;padding: 5px 18px 5px 15px;} .block.account-nav .item.current a, .block.account-nav .item.current > strong {color: #000;font-weight: 600;} .block.account-nav .item a:hover{background-color: #e8e8e8;} .block-account{border-color:#bbb} .block-account .block-title{padding:0} .block-account .block-content{padding:0} .block-account .block-content li a{display:block;line-height:30px;padding:0px;text-decoration:none!important} .block-account .block-content li.last a{border-bottom:0} .block-account .block-content li.current{padding:0px;line-height:30px;color:#ff3535} .block-account .block-content li.current.last{border-bottom:0} .customer-account-index .block .block-title strong {color: #333;} .box .box-title {background-color: #f5f5f5;border: 1px solid #dddddd;margin: 0;padding: 10px 15px;display: block;} .box .box-content {border: 1px solid #dddddd;border-top: 0;font-size: 13px;min-height: 135px;padding: 20px 15px;} .box .box-actions {background-color: #f5f5f5;border: 1px solid #dddddd;border-top: 0;margin: 0;padding: 10px 15px;} .customer-account-index .box .box-title, .customer-account-index .box .box-title span{color: #333;} .block-collapsible-nav .item a:hover{background-color: transparent;} .abs-blocks-2columns, .abs-discount-block-desktop .block, .login-container .block, .account .column.main .block:not(.widget) .block-content .box, .block-addresses-list .items.addresses > .item, .form-edit-account .fieldset, .form-address-edit .fieldset, .storecredit .block, .paypal-review-discount .block, .cart-discount .block { width: 48%; } .abs-discount-block-desktop .block:nth-child(1), .login-container .block:nth-child(1), .account .column.main .block:not(.widget) .block-content .box:nth-child(1), .block-addresses-list .items.addresses > .item:nth-child(1), .form-edit-account .fieldset:nth-child(1), .form-address-edit .fieldset:nth-child(1), .storecredit .block:nth-child(1), .paypal-review-discount .block:nth-child(1), .cart-discount .block:nth-child(1) { clear: left; float: left; } .abs-discount-block-desktop .block:nth-child(2), .login-container .block:nth-child(2), .account .column.main .block:not(.widget) .block-content .box:nth-child(2), .block-addresses-list .items.addresses > .item:nth-child(2), .form-edit-account .fieldset:nth-child(2), .form-address-edit .fieldset:nth-child(2), .storecredit .block:nth-child(2), .paypal-review-discount .block:nth-child(2), .cart-discount .block:nth-child(2) { float: right; } .block-collapsible-nav .item a::before, .block-collapsible-nav .item > strong::before {content: "";font-family: FontAwesome;left: 0;position: absolute;} .sidebar .block.block-collapsible-nav{border: 0;margin-top: 30px;} /* Block:Currency Switcher */ .block-currency{border:0;margin:0 0 0 10px;padding:10px 0} .block-currency .block-title{background:none;border:0;padding:0;margin:0 0 5px} .block-currency .block-title strong{font:bold 13px/21px Arial,Helvetica,sans-serif;background:url(../images/i_block-currency.gif) 0 50% no-repeat;padding:0 0 0 21px;text-transform:none;color:#fff} .block-currency .block-content{background:none;padding:0} .block-currency .block-content select{width:100%;padding:0} /* Block:Layered Navigation */ .block.filter{clear: both;} .filter-options .filter-options-content .item{color: #a4a4a4;line-height: 25px; padding: 0 0 0 25px;float: left;width: 100%;background: url("../images/alothemes/checkbox.png") no-repeat 0 50%;} .filter-options .filter-options-content .item:last-child{border: 0;} .filter-options .filter-options-content .item a{ font-size: 14px; text-decoration: none; text-transform: capitalize;color: #444;} .filter-options .filter-options-content .item a span{font-size: 14px;color: #444;} .filter-options .filter-options-content .item span.count{font-size: 12px; color: #888;float: right;} .filter-options .filter-options-content .item a:hover,.filter-options .filter-options-content .item a span:hover{color:#4a4949;} .filter-options .filter-options-title{ clear: both;padding:0px;position:relative;line-height: normal;margin: 0px;display: block;text-align: left;text-transform: uppercase;font-weight:500;font-size:16px;} .block-layered-nav dt span{font-weight:bold;padding:0 10px 0 0;height:26px;line-height:26px;color:#757575;font-size:14px;text-transform:capitalize;} .filter-options .filter-options-content{ border-bottom: 1px solid #eaeaea;margin-bottom: 15px;padding-bottom: 15px;padding-top: 15px;} .filter-options .narrow-by:last-child .filter-options-content{padding:0px;} .filter-options .filter-options-content .swatch-attribute{padding-top: 10px;} .block .filter-content .block-subtitle{font-size: 16px;color: #555;font-weight: 500;} .filter-label::after { content: ": ";} .filter-current .item {position: relative;z-index: 1;line-height: 40px;border-bottom: 1px solid #f4f4f4;color: #444444;} .filter-current .action.remove {position: absolute;right: 0px;top: 0px;} .filter-content .filter-current .item .action.remove:before{color: #ccc;content: "\f00d";display: inline-block;font-family: "FontAwesome";font-size: 15px;font-weight: normal;line-height: 15px;overflow: hidden;text-align: center;vertical-align: middle;} .filter-content .filter-current .item .action.remove:hover:before{color: #333;} .filter-content .filter-current .item .action.remove > span {border: 0 none;clip: rect(0px, 0px, 0px, 0px);height: 1px;margin: -1px;overflow: hidden;padding: 0;position: absolute;width: 1px;} .filter-content .filter-actions{padding-top: 15px;padding-bottom: 30px;text-align: right;} .filter-content .toggle-content{ display: none;} .filter-content .toggle-content.visible{ display: block;} .filter-content .toggle-tab.mobile{color: #ccc;font-size: 17px;cursor: pointer;} .filter-content .toggle-tab.mobile:hover{color: #4a4949;} .filter-content .toggle-tab:before{content:"\f107";font-family: FontAwesome;} .filter-content .toggle-visible .toggle-tab:before{content: "\f106";} .filter-content .toggle-tab.mobile{font-weight: bold;position: absolute;right: 0px;top: 0;display: block !important;line-height: 30px;width: 19px;text-align: center;margin: 0; } .narrow-by{position: relative;padding: 5px 0;outline:medium none !important;margin: 0;} /* Block:Cart */ .block-cart .summary{background:#fff;padding:2px 8px 8px;margin:-1px 0 0;position:relative;z-index:1} .block-cart .amount{margin:0} .block-cart .amount a{font-weight:bold} .block-cart .subtotal{margin:5px 0 0;padding:5px 0;background:#f4f4f4;text-align:center} .block-cart .subtotal .label{color:#666} .block-cart .subtotal .price{font-weight:normal;color:#666} .block-cart .actions{border-bottom:1px solid #f4f4f4} .block-cart .mini-products-list .product-image{width:30%;float:left} .block-cart .mini-products-list .product-details{width:70%;float:left} .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 .actions{text-align:right} .block-wishlist .actions a{float:none} /* Block:Related */ .block-related .block-title strong{padding: 0;} .block.block-related .block-content .padding-none{padding: 0;} .block.block-related .block-subtitle{padding: 0px;margin: 0 0 20px;} .block.block-related .block-subtitle .action.select{border: 0;line-height: normal;height: auto;padding: 0;background-color: transparent;color: #000;} .block.block-related .block-subtitle .action.select:hover{text-decoration: underline;} .block.block-related .block-subtitle .action.select span{text-transform: lowercase;} .block-related input.checkbox{display: block;margin:0 auto;clear: both;} .block-related .product-details .product-name{ font-size: 100%;line-height: normal;margin: 0 0 5px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;} .block-related .product-details .ratings .amount{display: none;} .block-related .product-details .price-box{display: inline-block;} .block-related .product-details .regular-price .price{font-size: 16px;} .block.crosssell{margin-bottom: 40px;} .block.box-up-sell .block-title, .crosssell .block-title{margin-bottom: 20px;} .block-related .slick-arrow,.block.crosssell .slick-arrow{top: -50px;} .block-related .slick-slider .slick-arrow,.block.crosssell .slick-slider .slick-arrow,.box-up-sell .slick-slider .slick-arrow{border: 0;opacity: 1;visibility: visible;} .box-up-sell .slick-arrow{top: -30px;} .block-related .slick-slider .slick-next,.box-up-sell .slick-slider .slick-next,.block.crosssell .slick-slider .slick-next{right: 8px;} .block-related .slick-slider .slick-prev,.box-up-sell .slick-slider .slick-prev,.block.crosssell .slick-slider .slick-prev{right: 38px;left: auto;} /* Block:Compare Products */ .cms-index-index .block-compare{display:none} .sidebar .product-items .product-item{float: none;width: 100%;} .catalog-product-compare-index .page-title{margin-top: 25px;} .block-compare button.button{ margin-left: 10px;} .block.block-compare .actions a{line-height: 35px;} .catalog-product-compare-index .compare-table .product-image img {width: auto;margin: 0 auto;} .catalog-product-compare-index .compare-table .button.btn-cart,.catalog-product-compare-index .compare-table .link-wishlist{display: inline-block !important;} .page-popup .link-print{background:url(../images/i_print.gif) 0 2px no-repeat;padding:2px 0 2px 25px;font-weight:bold;color:#1e7ec8} .compare-table{border:0} .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(../images/btn_remove2.gif);width:72px;height:15px} .compare-table tbody th{background:#d9e5ee url(../images/bkg_th-v.gif) 100% 0 repeat-y} .compare-table tbody th,.compare-table tbody td{padding:10px;border:0;border-top:1px solid #ccc;border-left:1px solid #ccc;vertical-align: top;} .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{background:#fffada;text-align:center} .compare-table tr.first td{text-align:center} .compare-table tr.first td .product-name{font-size:13px;font-weight:bold;margin:0 0 5px;color:#203548} .compare-table tr.first td .product-name a{color:#203548} .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-compare .action.delete{left: 0;} .table-comparison .cell { display: table-cell;width: 180px;} .table-comparison .cell.label, .table-comparison td:last-child {border-right: 1px solid #d1d1d1 !important;border-left: 1px solid #d1d1d1 !important;} .table-comparison .cell.remove {border-bottom: 0 none !important;} .abs-remove-button-for-blocks::before, .sidebar .action.delete::before, .table-comparison .cell.remove .action.delete::before, .block-compare .action.delete::before, .filtered .item .action.remove::before{color: #cccccc;content: "";display: inline-block;font-family: "FontAwesome";font-size: 15px;font-weight: normal;line-height: 15px;overflow: hidden;text-align: center;vertical-align: middle;} .abs-remove-button-for-blocks:hover:before, .sidebar .action.delete:hover:before, .table-comparison .cell.remove .action.delete:hover:before, .block-compare .action.delete:hover:before, .filtered .item .action.remove:hover:before{color: #333;} /* Block:Recently Viewed */ /* Block:Recently Compared */ /* Block:Poll */ .block-poll .block-subtitle{font-size:12px} .block-poll label{color:#777;font-weight:normal;margin:0} .block-poll input.radio{float:left;margin:1px -18px 0 0} .block-poll .label{display:block;margin-left:18px;text-align:left;line-height:normal} .block-poll li{padding:3px 9px} .block-poll .actions{margin:5px 0 0} .block-poll .answer{font-weight:bold} .block-poll .votes{float:left;margin-left:10px} /* Block:Orders and Returns */ .block-gr-search li{padding:3px 9px} .block-gr-search button.button span{border-color:#406a83;background:#618499} /* Block:Tags */ .block-tags .block-content .tags-list{background:none;border:0;font-size:12px;padding: 3px 0 0;} .block-tags .block-content .tags-list li{margin:0} .block-tags .block-content a{display:inline-block;margin:0 12px 12px 0;padding:10px 12px;text-decoration:none;} .block-tags .actions{text-align:right;padding:0;display: none;} /* Block:Subscribe */ .block-subscribe .block-content{ padding: 0px;position: relative;} .block-subscribe label{font-size:13px;margin:0 0 25px 0} .block-subscribe .input-box{text-align: left;margin: 0;position: relative;} .block-subscribe input.input-text{display:block;height:30px;line-height:30px;margin:0;padding: 0 50px 0 10px;width:100% ;border-width: 0px;border-style: solid;font-size: 13px;} .block-subscribe .actions{padding:0;margin:0px;position: absolute;top: 0;right: 0;} .block-subscribe .actions button.button{border-style: solid;border-width: 0px;border-radius: 0;padding: 0 12px;font-size: 14px;line-height: 30px;height: 30px;} .block-subscribe .actions button.button:before{content: "\f1d9";;font-family: FontAwesome;} .block-subscribe .actions button.button span {height: 30px;line-height: 30px;display: none;} .block-subscribe .actions button.button span span{padding:0px;} .block-newletter div.mage-error[generated]{margin-top: 0;} /* Block:popup-newsletter */ .fancybox-close{height:20px !important;width:20px !important;top:10px !important;right:10px !important} #popup-newsletter .form-subscribe-header label{color: #333; font-size: 18px;line-height: normal; margin: 0 0 40px; letter-spacing: 1px;padding:0px;text-transform: uppercase;font-weight: 500;} #popup-newsletter .form-subscribe-header{position:relative} #popup-newsletter .block-content .promotions1{letter-spacing: 13px;} #popup-newsletter .block-content .promotions{font-size: 100px;font-weight: bold;line-height: 78px;color: #999999;text-transform: uppercase;margin: 0 0 0 -148px;text-align: left;} #popup-newsletter .block-content .promotions2{color: #cc3366;line-height: 83px;font-size: 120px;letter-spacing: -5px;} #popup-newsletter .block-content .promotions2 span{font-size: 80px;line-height: 80px;margin-left: 15px;} #popup-newsletter .block-content h3{font-size: 16px;text-transform: uppercase;color: #333;text-align: left;font-weight: 500;} #popup-newsletter .subscribe-bottom{display:block;margin:65px 0px 0;padding:0px;color:#333333;font-size:13px;text-align: left;} #popup-newsletter .subscribe-bottom input{margin:0 5px 1px 0} #popup-newsletter .block-content .input-box{width: 273px;float: left;} #popup-newsletter .block-content input.input-text{border: 1px solid #cfcfcf; color: #666666;height: 44px; line-height: 44px; margin-left: 0; margin-top: 20px;padding: 10px 20px; width: 100%;float: left;font-size: 14px;} #popup-newsletter .block-content .actions{margin:20px 0 0 0px;float: left;vertical-align: top;} #popup-newsletter .block-content button.button span{padding:0px;height:44px;line-height:44px;color: #fff;margin-bottom: 0;font-size: 13px;} #popup-newsletter .block-content button.button {border: 1px solid #cfcfcf;border-left: 0;background-color: #fff;width: 46px;height: 44px;background-image:url(../images/alothemes/icon-popup.png);background-repeat: no-repeat;background-position: center center;text-indent: -999em;} #popup-newsletter .block-content button.button span span{padding:0;} #popup-newsletter .block-content button.button:hover{background-color: #fff; color: #ffffff;} #popup-newsletter .block-content{ margin: 0;padding: 40px 40px 0px;text-align: center;width: 50%;float: right;} .promotions,#popup-newsletter .form-subscribe-header label,#popup-newsletter .block-content h3{font-family: "Montserrat",sans-serif;} /* Block:Reorder */ .block-reorder .block-title strong{} .block-reorder input.checkbox{float:left;margin:0;min-height:10px} .block-reorder .product-name{margin-left:20px} .block-reorder .validation-advice{margin:3px 9px 7px} .block-reorder .product-name a{color:#666;text-decoration:none} /* Block:Login */ .block-login .block-title strong{background-image:url(../images/i_ma-info.gif)} .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} .login-container,.form.password.reset, .form.send.confirmation, .form.password.forget, .form.create.account, .form.form-edit-account, .form-address-edit, .form-newsletter-manage{border: 1px solid #e8e8e8;margin-bottom: 40px;padding: 30px 20px;display: block;} .login-container .actions-toolbar{margin-top: 35px;} .form.create.account {padding: 0 0 30px;} .login-container .block{margin:0;} .login-container .block-title strong {font-size: 18px;font-weight: normal;line-height: normal;margin: 0;padding: 0 0 15px;} .login-container button.action span,.block-new-customer .action span { padding: 0 0 0 5px;} .login-container button.action span span {padding: 0;} .login-container button.action:before,.block-new-customer .action:before {display: inline-block;font-family: FontAwesome;font-size: 14px;line-height: 40px;} .login-container .block-new-customer .action.create:before { content: "";} .login-container button.action.login:before {content: "";} /* Paypal */ .sidebar .paypal-logo{display:none;margin:10px 0;text-align:center} .sidebar .paypal-logo a{float:none} /* ======================================================================================= */ /* Block:New and Sale */ .sticker{position:absolute;top:15px;z-index:20} .sticker.top-right{right: 15px;} .sticker.top-left{left:15px;} .labelnew,.labelsale{display:block;height:36px;line-height:36px;width: 36px;padding:0px;text-align:center;text-transform:uppercase;font-size:11px;font-weight: bold;border-radius: 50%;-moz-border-radius: 50%;-webkit-border-radius: 50%;-ms-border-radius: 50%;-o-border-radius: 50%;} /* Block:testimonials */ .testimonial .testimonial-inner{padding: 15px 20px;} .testimonial .block-title span {text-transform: uppercase;font-size: 16px;font-weight: bold;line-height: normal;color: #333;} .testimonial .rating-box{clear:both} .testimonial .customer{padding: 10px 0;} .testimonial img{ border: 3px solid #eaeaea;border-radius: 50%; -moz-border-radius: 50%;-webkit-border-radius: 50%;-ms-border-radius: 50%;-o-border-radius: 50%;height: 110px; margin: 0 auto;width: 110px;} .testimonial .title-name{ color: #666666;font-size: 14px;text-transform: uppercase;margin: 0;padding: 0;font-weight: 600;} .testimonial_text .sub-text{display: block;font-size: 14px;color: #666666;} .testimonial_text a{color:#4a4949;text-decoration:underline} .testimonial_text a span{color:#ccc} .testimonial_text a:hover span{color:#b2d36e} .submit-testimonial{margin:10px 0 0} .testimonial .slick-dots{bottom: -25px;} .bg-parallax {background-attachment: fixed;background-position: center center !important;background-repeat: no-repeat;} /* Block:backtotop */ .product-view .product-collateral .box-collateral{display:none} .product-view .product-collateral .box-collateral.active{display:block} #backtotop{bottom:5px;display:block;height:34px;width:34px;line-height:34px;overflow:hidden;position:fixed;right:5px;text-align:center;text-decoration:none;z-index:9999;} #backtotop .fa{font-size:14px;line-height:34px;width: 34px;height:34px;} #backtotop:hover{background:none repeat scroll 0 0 #444;color:#fff} #backtotop .back-to-top{display:none} /*-------------------- [ Services] */ .services2{margin-top: 30px;margin-bottom: 60px;border-top: 1px solid #eaeaea;border-right: 1px solid #eaeaea;overflow: hidden;} .services2 .services2-item{padding: 0;border-left: 1px solid #eaeaea;border-bottom: 1px solid #eaeaea;padding-bottom: 15px;margin: 0;min-height: 130px;} .services2 .services2-item .image{text-align: center;color: #333333;padding-left: 30px;font-size: 14px;text-transform: uppercase;font-weight: normal;} .services2 .services2-item .image h3{font-size: 14px;color: #333333;font-weight: 600;margin: 10px 0 0;} .services2 .services2-item .text{padding-top: 15px;color: #919191;padding-left: 0;padding-right: 30px;} .services2 h3.title a{font-size: 14px;color: #666;} .services2 .hot-service-img{max-width: 100%;height: auto;} .service .service-item:last-child{border-right: none;} .policy{position: relative;margin-top: 60px;margin: 0;} .support-footer-inner{padding: 0px 0 60px;position: relative;} .cms-index-index .support-footer-inner{padding: 68px 0 60px;margin-top: 50px;position: relative;} .cms-index-index .support-footer-inner:before{background-color: #ddd;text-align: center;position: absolute;content: "";top: 0;left: 0;right: 0; height: 1px;width: 485px;margin: 0 auto;} .support-footer-inner .row-normal{border: 1px solid #ddd;text-align: center;position: relative; height: 75px;line-height: 75px;} .support-footer-inner .row-normal:before{border: 1px solid #ddd;position: absolute;content: "";top: 0;left: 0;height: 75px;width: 100.5%;left: 4px;top: 4px;} .support-policy .support-footer-inner .col-icon, .support-policy .support-footer-inner .col-text{display: inline-block;vertical-align: middle;position: relative;} .support-footer-inner .support-icon .icons,.support-footer-inner .support-icon .fa{font-size: 30px;color: #4a4949;vertical-align: middle;} .support-footer-inner .support-info .info-title {font-size: 15px; font-family: "Montserrat"; text-transform: uppercase;color:#2a2a2a;padding: 0px 0 0px 20px;} .support-footer-inner .support-info .info-details { line-height: 20px;font-size: 15px;font-weight: 300;} .catblocks li {float: left !important;margin-bottom: 100px;margin-right:1px;padding: 0px;position: relative;width: 33% !important;} .policy{position: relative;margin-top: 60px;margin: 0;} .support-footer-inner{padding: 40px 0 60px;position: relative;} .cms-index-index .support-footer-inner{padding: 0px 0 60px;} .catalog-product-view .support-footer-inner{padding: 60px 0 60px;} .cms-index-index .support-footer-inner{padding: 68px 0 60px;margin-top: 50px;position: relative;} .cms-index-index .support-footer-inner:before{background-color: #ddd;text-align: center;position: absolute;content: "";top: 0;left: 0;right: 0; height: 1px;width: 485px;margin: 0 auto;} .support-footer-inner .row-normal{border-width: 1px;border-style: solid;text-align: center;position: relative; height: 75px;line-height: 75px;} .support-footer-inner .row-normal:before{border-width: 1px;border-style: solid;position: absolute;content: "";top: 0;left: 0;height: 75px;width: 100.5%;left: 4px;top: 4px;} .support-policy .support-footer-inner .col-icon, .support-policy .support-footer-inner .col-text{display: inline-block;vertical-align: middle;position: relative;} .support-footer-inner .support-icon .icons,.support-footer-inner .support-icon .fa{font-size: 30px;vertical-align: middle;} .support-footer-inner .support-info .info-title {font-size: 15px; text-transform: uppercase;padding: 0px 0 0px 20px;} .support-footer-inner .support-info .info-details { line-height: 20px;font-size: 15px;font-weight: 300;} .block-banner{margin-bottom: 30px;} .block-banner .container{padding: 0;} .block-banner .block-banner-left, .block-banner .block-banner-right {float: left;width: 50%;} .block-banner .block-banner-right {padding-left: 5px;} .banner-inner-content{position: relative;} .banner-inner-content a:hover img {transform: scale(1.05);-moz-transition: scale(1.05);-webkit-transition: scale(1.05);-o-transition: scale(1.05);} .banner-inner-content a img {border: medium none;transition: all 0.3s cubic-bezier(0.3, 0.1, 0.58, 1) 0s;-moz-transition: all 0.3s cubic-bezier(0.3, 0.1, 0.58, 1) 0s;-webkit-transition: all 0.3s cubic-bezier(0.3, 0.1, 0.58, 1) 0s;-o-transition: all 0.3s cubic-bezier(0.3, 0.1, 0.58, 1) 0s;} .banner-opacity {position: relative;} .banner-opacity a:before {background: rgba(0, 0, 0, 0.1) none repeat scroll 0 0;content: "";display: block;height: 0;left: 0; opacity: 0;position: absolute;top: 50%;transition: all 0.1s ease-in 0.1s;width: 100%;} .banner-opacity a:hover:before {height: 100%;left: 0;opacity: 1;top: 0;transition: all 0.2s ease-in 0.1s;} .banner-opacity a img{width: 100%;} .header-top-right .header-banner img {height: auto; width: 100%;} /* About Us ========================================================================= */ .title-heading-left{font-size:14px;color:#000;} .alo-content{font-size:13px;color:#666;font-weight: 300;} .alo-column{margin:20px 0 0;background-color: transparent;} .alo-column.block .block-title{margin:0 15px;} .alo-column.block .block-title strong span{color: #444;font-size: 16px;text-transform: capitalize;} .alo-team{padding:15px 0 0;} .alo-person-author{padding:13px 0 0;} .alo-person-author .person-name{color:#444;font-size:15px;line-height: 15px;width:100%;display:block;font-weight:300;} .alo-person-author .person-title{font-size:13px;color:#888;font-weight: 300;line-height: 13px;} .alo-social-networks{padding: 10px 0 13px;overflow: hidden;} .alo-social-networks a{color:#fff;width:18px;height:18px;line-height: 18px;border-radius:3px; -moz-border-radius: 3px;-webkit-border-radius: 3px;-ms-border-radius: 3px;-o-border-radius: 3px;margin:0 13px 0 0;text-align:center;float: left;} .alo-social-networks a:hover{color:#fff;} .alo-social-networks .display-none{display:none;} .alo-social-networks a.facebook .fa{color:#5795bd; font-size: 19px;} .alo-social-networks a.twitter{background-color:#44d2d7;} .alo-social-networks a.tumblr .fa{color:#4bb984; font-size: 19px;} .alo-social-networks a.dribbble .fa{color:#d85690;font-size:19px;} .alo-content.fusion-clearfix{clear:both;} .bottomborder{display: none !important;} /* Home Products Page ========================================================================= */ .trending .magicproduct .block-title-tabs{display: none;} .ajax_loading{background-image: url("../images/alothemes/loading.gif");background-color:#fff;background-position: center center;background-repeat: no-repeat;margin-left:47%;padding:0;position:absolute;z-index:1;animation:1.2s ease-in-out 0s normal none infinite tp-rotateplane;-webkit-animation:tp-rotateplane 1.2s infinite ease-in-out;animation:tp-rotateplane 1.2s infinite ease-in-out;box-shadow: 0 0 5px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);-o-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);-ms-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);padding:0px;width: 50px;height: 50px;} .magictabs .item{ border-style: solid; border-width: 0 0 3px;border-color: #cccccc;display: inline-block;line-height: 40px;list-style: outside none none;margin:0 2px 0 0;position: relative;} .magictabs .item.activated, .magictabs .item:hover {border-color: #4a4949;} .magictabs .item:first-child:before {content: "";} .magictabs .item:first-child{padding-left: 0;} .magictabs{position: relative;text-align: left;margin: 20px 0px !important;border-width: 0 0 1px 0;border-style: solid;border-color: #eaeaea;} .magictabs .item span{cursor:pointer;} .magictabs .item .title{padding: 0 15px;display: inline-block;font-family: "Arial",sans-serif;font-size: 16px;font-weight: bold;line-height: 16px;position: relative;text-transform: uppercase;color: #333;} ul.magictabs{padding:0} .content-products{clear:both; margin: 0 0 30px;} .content-products .products .slick-arrow,.shopbrand-box .slick-arrow{top: -46px;border: 0;background-color: #aaa;font-weight: bold;color: #fff;} .shopbrand-box .slick-arrow{top: -20px;} .content-products .products .slick-prev{left: auto;right: 42px;} .content-products .products .slick-next{right: 15px;} .shopbrand-box .slick-prev{left: auto;right: 29px;} .shopbrand-box .slick-next{right: 1px;} .trending .content-products .products .slick-arrow{top: 49%;} .home-slider .slick-arrow,.box-products .content-products .products .slick-arrow,.trending .content-products .products .slick-arrow{ -moz-transition: all 0.45s ease;-webkit-transition: all 0.45s ease;-o-transition: all 0.45s ease;-ms-transition: all 0.45s ease;transition: all 0.45s ease;opacity: 0;visibility: hidden;} .home-slider:hover .slick-prev,.box-products .content-products:hover .products .slick-prev,.trending .content-products:hover .products .slick-prev{left: 0;opacity: 1;visibility: inherit;} .home-slider:hover .slick-next,.box-products .content-products:hover .products .slick-next,.trending .content-products:hover .products .slick-next{ right: 0;opacity: 1;visibility: inherit;} .content-products ul{padding:0;margin:0} .featured-product-tab .magictabs .item.activated .title,.featured-product-tab .magictabs .item:hover .title{color: #333333;} .alo-brands .item span,.blogtabs .item span{padding:0;} .alo-brands .footer li{padding: 0} .catalog-product-view .alo-brands .item{margin-top: 0 !important;} .shopbrand >.item:nth-child(n+2),.alo-blog .block-content >.item:nth-child(n+2),.testimonial >.item:nth-child(n+2){display: none;} .shopbrand >.item.slick-slide,.alo-blog .block-content >.item.slick-slide,.testimonial >.item.slick-slide{display: block;} .cms-index-index .page-alo-sectionbottom .alo-blog {margin: 30px 0;} .cms-index-index .page-alo-sectionbottom .alo-blog .block{margin: 0;} .cms-index-index .page-alo-sectionbottom .alo-blog .slick-slider{margin-bottom: 10px;} .title-divider{width: 100%;height: 1px;border-bottom:1px solid #efefef;} .title-divider span{height: 1px;width: 50px;display: block;background-color: #ffa800;} @-webkit-keyframes tp-rotateplane { 0% { -webkit-transform: perspective(120px) } 50% { -webkit-transform: perspective(120px) rotateY(180deg) } 100% { -webkit-transform: perspective(120px) rotateY(180deg) rotateX(180deg) } } @keyframes tp-rotateplane { 0% { transform: perspective(120px) rotateX(0deg) rotateY(0deg); -webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg) } 50% { transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg); -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg) } 100% { transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg); -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg); } } /* brand */ .the-brands{margin-top: 30px;} .the-brands .magicproduct.autoplay{margin:0 !important;} .the-brands .title span{color: #333333;font-size: 16px;font-weight: bold;line-height: 40px;text-transform: uppercase;} .the-brands .magictabs{margin: 0 !important;border-top: 3px solid #4a4949;border-bottom: 0;} .the-brands .magictabs .item{line-height: normal;background: #eaeaea none repeat scroll 0 0;cursor: pointer;} .the-brands .magictabs .item:hover,.the-brands .magictabs .item.activated {background-color: #fff;} .the-brands .magictabs .item{border: 0;margin: 0 1px 0 0;} .the-brands .shopbrand-box{ border-bottom: 1px solid #eaeaea;border-left: 1px solid #eaeaea;border-right: 1px solid #eaeaea;padding-bottom: 10px;} .shopbrand .slick-slide img{max-width: 145px;max-height: 45px;} .the-brands .content-products{margin:0;} .the-brands .trademark-product .item {margin-top: 30px !important;margin-bottom: 0;} .the-brands .trademark-product .per-product{border: 0;padding: 0;} .the-brands .product-item .product-reviews-summary{display: block;text-align: left;float: none;padding-bottom: 8px;} .trademark-info { padding-left: 45px !important;} .trademark-desc { line-height: 18px;margin: 20px 0;} .trademark-logo, .trademark-desc {border-bottom: 1px dotted #999999;padding-bottom: 20px;} .trademark-info .trademark-logo {margin-top: 30px;} .trademark-info .trademark-link { border: 1px solid #999999;display: inline-block;line-height: 30px;padding: 0 10px 0 15px;text-transform: uppercase;} .trademark-info .trademark-link:after {content: "";font: 14px/1 FontAwesome;padding-left: 12px;} .trademark-product{padding-left: 0;} .the-brands .grid .product-item-info{border: 0;} .the-brands .item .images-container{float: left;width: 40%;padding: 0;} .the-brands .item .images-container .product-img-back{left: 0;top: 0;right: 0;} .the-brands .item .products-textlink{float: right;margin: 0;line-height: 35px;padding-right: 0px; padding-top: 20px;width: 60%;} .the-brands .products-grid .price-box{font-weight: bold;} .the-brands button.button{background-color: transparent;color: #666;height: 30px;line-height: 30px;padding: 0 15px;} .the-brands button.button span span{padding: 0;} .brand-image{background-color: #eaeaea;display: inline-block;} /* magic category */ .box-products .magicproduct.magiccategory{margin: 0 !important;} .magiccategory .slick-list{margin-right: -5px;margin-left: -5px;} .magic-category .block-title-tabs{border-bottom: 1px solid #eaeaea;} .magic-category .block-title-tabs h3{border-bottom: 3px solid #ff3300;color: #333333;font-size: 18px;padding-bottom: 5px;padding-left: 10px;padding-right: 5px;text-transform: uppercase;font-weight: normal;display: inline;} .box-products.new-arrivals .block-title-tabs h3.title {border-bottom: 3px solid #ff3300;} .box-products.top-sellers .block-title-tabs h3.title {border-bottom: 3px solid #ffcc00;} .box-products.special-products .block-title-tabs h3.title {border-bottom: 3px solid #009966;} .box-products.recommendation .block-title-tabs h3.title {border-bottom: 3px solid #ff66cc;} .magiccategory .magic-category .magictabs:before{display: none;} .magiccategory .magic-category .magictabs{margin: 0 0 0px !important;float: right;} .magiccategory .magic-category .magictabs .item .title{font-size: 14px;font-weight: 300;text-transform: uppercase;} .magiccategory .mage-magictabs .products-textlink .price-box .old-price .price{font-size: 15px;} .title-page{text-align: left;} .magiccategory .magictabs .item .title{ color: #666;position: relative;padding: 0 10px;display: block;line-height: normal; background: url("../images/alothemes/kak3.png") no-repeat center right; float: left;line-height: 30px;} .magiccategory .magictabs .item:last-child .title{background: none;padding-right: 0;} .magiccategory .magictabs .item .title:after{content: "\f0d8";font-family: 'FontAwesome';font-size: 13px;color: #0088cc;position: absolute;bottom: -12px;left: 50%;-ms-transform: translateX(-50%);-webkit-transform: translateX(-50%);transform: translateX(-50%);display: none;} .magiccategory .magictabs .item .title:before{ content: '';height: 1px;background: #0088cc; position: absolute; bottom: 0; left: 10px;right: 10px;transform: scale(0, 1);} .magiccategory .magictabs .item .title:hover:before, .magiccategory .magictabs .item.activated .title:before{transform: scale(1);-webkit-transition: all 0.3s ease-out 0s;-moz-transition: all 0.3s ease-out 0s;-o-transition: all 0.3s ease-out 0s;transition: all 0.3s ease-out 0s;} .magiccategory .magictabs .item .title:hover:after, .magiccategory .magictabs .item.activated .title:after{display: block;} .magiccategory .magictabs .item.activated .title{color: #333;} .box-products{margin-bottom: 30px;} .box-products.new-arrivals .magiccategory .magictabs .item .title:before{background: #ff3300;} .box-products.new-arrivals .magiccategory .magictabs .item .title:after{color: #ff3300;} .box-products.top-sellers .magiccategory .magictabs .item .title:before{background: #ffcc00;} .box-products.top-sellers .magiccategory .magictabs .item .title:after{color: #ffcc00;} .box-products.special-products .magiccategory .magictabs .item .title:before{background: #009966;} .box-products.special-products .magiccategory .magictabs .item .title:after{color: #009966;} .box-products.recommendation .magiccategory .magictabs .item .title:before{background: #ff66cc;} .box-products.recommendation .magiccategory .magictabs .item .title:after{color: #ff66cc;} .box-product-content .box-product-adv {float: left;margin-right: -100%;position: relative; width: 227px;} .box-product-content .box-product {float: right;width: 100%;} .box-product-content .content-products { margin-left: 236px;margin-bottom: 0;} .box-product-content{margin-top: 20px;} .box-product-content .products-textlink{margin-top: 30px;} .trending .trending-title{height: 33px;line-height: 33px;background: #0088cc;color: #fff;text-transform: uppercase;text-align: center;font-size: 14px;margin: 0;} .trending .slick-slider{margin: 0;} .trending .sticker{display: none;} .trending .grid .product-item-info{border:0;padding-bottom: 5px;} .trending .content-products,.trending .special-price .price{margin: 0;} .trending .images-container{padding: 10px 36px 0;} .trending .special-price{padding: 0;} .trending .products-textlink{text-align: center;padding: 0 5px;margin-top: 10px;} .trending .content-products .slick-slide .item{height: 224px;} .trending .content-products .slick-slide > div:last-child .item{height: 223px;} .trending .content-products .slick-slide > div .item .product-item-info {border-bottom: 1px solid #eaeaea;} .trending .content-products .slick-slide > div:last-child .item .product-item-info{border: 0;} .trending .content-products .button.btn-cart{border: 0;width: 32px;line-height: 32px;height: 32px;border-radius: 50%;padding: 0;} .trending .content-products .button.btn-cart:before{content: ""; display: block;font-size: 14px;width: 32px;font-family: FontAwesome;} .trending .content-products .button.btn-cart span{display: none;} .block-custom-product .magictabs{margin: 0 !important;border: 0;} .sidebar .product-items .product-item{padding-top: 20px;} .sidebar .home-slider .slick-dots {bottom: 5px;} .block-custom-product .magicproduct .products .item .images-container,.block-custom-product .magicproduct .products .item .products-textlink{float: left;} .block-custom-product .grid .product-item-info{border: 0;padding: 0;} .block-custom-product .magicproduct .products .item .images-container{width: 35%;padding: 0;overflow: visible;} .block-custom-product .magicproduct .products .item .products-textlink{width: 60%;padding: 0 0 0 5%;margin: 0;} .block-custom-product .content-products{margin: 0;} .block-custom-product .block-title-tabs .item,.block-custom-product .magictabs .item.activated {display: block;border-bottom: 1px solid #eaeaea;margin-right: 0;padding: 0;} .block-custom-product .magictabs .item .title {margin: 0;padding: 15px 0 15px 28px;display: block;color: #333;text-transform: uppercase;font-weight: bold;font-size: 16px;cursor: text;} .block-custom-product .hover-box > a.detail_links,.block-custom-product .sticker{display: none;} .sidebar .block-custom-product .product-items .product-item-info .product-item-photo{float: none;margin: 0;padding: 0;position: static;} .product-view-left-custom-block{text-align: center;background-color: #f6f6f6;padding:14px 28px 20px;} .product-view-left-custom-block .banner-opacity img{display: inline-block;margin-bottom: 10px;width: auto;} .product-view-left-custom-block .banner-opacity h2{color: #4a4949;font-size: 16px;text-transform: uppercase;} .product-view-left-custom-block .banner-opacity p{color: #666666;font-size: 14px;margin: 15px 0 10px;} .product-view-left-custom-block .banner-opacity a{font-size: 14px;line-height: 30px;background-color: #fafafa;border: 1px solid #e7e8e8;padding: 0 5px 0 10px;display: inline-block;color: #333333;} .product-view-left-custom-block .banner-opacity a:hover{color: #4a4949;} .product-view-left-custom-block .banner-opacity a:before{display: none;} .product-view-left-custom-block .banner-opacity a .fa{vertical-align: middle;} /* Category Page ========================================================================= */ .category-title{margin:0 0 20px} .category-image{text-align:center;display: none;} .category-image img{max-width:100%;height:auto} .category-description{margin:20px 0 0} .catalog-product-view .category-image{display: none;} .catalog-category-view .category-image{display: block;} /* Latest deals ========================================================================= */ .countdown{margin: 0 auto;text-align: center;display: inline-block;} .timer-box{border: 1px solid #f96d10;height: 30px;line-height: 30px;display: inline-block;padding: 0 10px;margin-top: 4px;margin-right: 4px;margin-left: 4px;} .timer-box span{color: #f96d10;font-size: 14px;padding: 0 3px;} .timer-box span b {font-weight: normal;font-size: 14px;line-height: 15px;} .timer-box span.title{text-transform: capitalize;} .latest-deals-product .count-down-time {position: absolute;right: 80px;top: 0px;} .count-down-time {line-height: 40px; text-transform: uppercase;color: #333;} .count-down-time .icon-clock {background: rgba(0, 0, 0, 0) url("../images/alothemes/icon-clock.png") no-repeat scroll center center; display: inline-block;height: 26px;margin-top: 5px;width: 23px; text-indent: -999em;vertical-align: top;} .latest-deals-product{position: relative;} .latest-deals-product .magictabs .item .title{cursor: text;} .lastest-content .block-title-tabs{display: none;} .latest-deals-product .content-products .slick-slider{margin-bottom: 0;} .product-featured .content-products .slick-next, .latest-deal-content .content-products .slick-next, .shopbrand-box .content-products .slick-next {right: -50px;} .product-featured .content-products .slick-prev, .latest-deal-content .content-products .slick-prev, .shopbrand-box .content-products .slick-prev {left: -50px;} .product-featured .content-products .slick-arrow, .latest-deal-content .content-products .slick-arrow, .shopbrand-box .content-products .slick-arrow{top: 50%;} .product-featured .content-products .slick-prev, .product-featured .content-products .slick-next, .latest-deal-content .content-products .slick-next, .latest-deal-content .content-products .slick-prev, .shopbrand-box .content-products .slick-next, .shopbrand-box .content-products .slick-prev{-moz-transition: all 0.45s ease;-webkit-transition: all 0.45s ease;-o-transition: all 0.45s ease;-ms-transition: all 0.45s ease; transition: all 0.45s ease;opacity: 0;visibility: hidden;} .product-featured .content-products:hover .slick-prev, .latest-deal-content .content-products:hover .slick-prev, .shopbrand-box .content-products:hover .slick-prev{left: 15px;opacity: 1;visibility: inherit;} .product-featured .content-products:hover .slick-prev, .shopbrand-box .content-products:hover .slick-prev{left: 0px;} .product-featured .content-products:hover .slick-next, .latest-deal-content .content-products:hover .slick-next, .shopbrand-box .content-products:hover .slick-next{right: 15px;opacity: 1;visibility: inherit;} .product-featured .content-products:hover .slick-next, .shopbrand-box .content-products:hover .slick-next{right: 0;} .page-alo-sectioncontent{background-color: #eaeaea;padding-bottom: 30px;} .product-box{background-color: #ffffff;clear: both;} .product-box .product-featured .per-product{border:0;border-top: 1px solid #eaeaea;border-right: 1px solid #eaeaea;min-height: 186px;} .category-featured, .banner-bottom{margin-top: 30px;} .vmagicmenu .block-vmagicmenu-content .nav-desktop { padding: 0 0 0; } .product-featured .banner-featured {float: left;position: relative; width: 39.9%;} .product-featured .content-products {clear: inherit;float: left;margin-bottom: 0;width: 60.1%;} .content_heading_digital .product-box .banner-featured {width: 19.9%;} .content_heading_digital .product-box .content-products {width: 80.1%;} .content_heading_digital .promotion {border-left: 1px solid #eaeaea;border-right: 1px solid #eaeaea;padding-bottom: 4px;} .megashop .block-title-tabs{width: 100%;background-color: #ffffff;position: relative;} .megashop .magictabs{border-width: 0 0 2px 0;border-style: solid;border-color: #4a4949;margin: 0px !important;} .megashop .magictabs .item{border: 0;margin: 0;} .megashop .magictabs .item .title{font-size: 14px; font-weight: normal; padding: 17px 15px;text-transform: capitalize;color: #666;} .megashop .magictabs li:last-child .title{background: none;} .megashop .magictabs .item:hover .title, .megashop .magictabs .item.activated .title{background-color: #4a4949;color: #fff;} .megashop .magictabs .item .title:after{bottom: -40px; color: #ffffff;content: "\f0d8"; font: 14px/1 FontAwesome;left: 50%;opacity: 0; position: absolute;-ms-transform: translateX(-50%);-webkit-transform: translateX(-50%);transform: translateX(-50%);-webkit-transition: all 0.3s ease-out 0s;-moz-transition: all 0.3s ease-out 0s;-o-transition: all 0.3s ease-out 0s;transition: all 0.3s ease-out 0s;visibility: hidden;} .megashop .magictabs .item:hover .title:after,.megashop .magictabs .item.activated .title:after {bottom: -4px;color: #4a4949;opacity: 1;visibility: inherit;} .content_heading_sports .megashop .magictabs .item .title:after{color: #00a360;} .content_heading_electronics .megashop .magictabs .item .title:after{color: #0090c9;} .content_heading_digital .megashop .magictabs .item .title:after{color: #3f5eca;} .content_heading_furniture .megashop .magictabs .item .title:after{color: #669900;} .content_heading_jewelry .megashop .magictabs .item .title:after{color: #6d6855;} .megashop .magictabs .item .title:before{background: #4a4949 none repeat scroll 0 0;content: "";height: 1px; left: 0; position: absolute;right: 0;top: 0;transform: scale(0, 1);-moz-transform: scale(0, 1);-webkit-transform: scale(0, 1);-o-transform: scale(0, 1);width: 100%;} .megashop .magictabs .item:hover .title:before,.megashop .magictabs .item.activated .title:before{transform: scale(1);-moz-transform: scale(1);-webkit-transform: scale(1);-o-transform: scale(1);-webkit-transition: all 0.3s ease-out 0s;-moz-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s;} .floor-elevator{width: 70px;height: 50px;position: absolute;top: 0;right: 0px;background: url("../images/alothemes/floor-elevator.png") no-repeat left center; padding-left: 38px;padding-right: 22px;padding-top: 7px;font-size: 20px;font-weight: bold;line-height: normal;color: #999;} .floor-elevator .fa{font-weight: bold;} .floor-elevator .down {margin-top: -6px;} .floor-elevator .btn-elevator{cursor: pointer;vertical-align: top;} .floor-elevator .btn-elevator:hover, .floor-elevator .disabled{color: #ccc;} .megashop-banner{clear: both;} .promotion .item{position: relative;} .promotion .scale:before{content: "";position: absolute;top: 15px;left: 15px;bottom: 15px;right: 15px;z-index: 9;border-top: 1px solid rgba(255, 255, 255, 0.8); border-bottom: 1px solid rgba(255, 255, 255, 0.8);transform: scale(0, 1);} .promotion .scale:after{content: "";position: absolute;top: 15px;left: 15px;bottom: 15px;right: 15px;z-index: 9;border-left: 1px solid rgba(255, 255, 255, 0.8);border-right: 1px solid rgba(255, 255, 255, 0.8);transform: scale(1, 0);} .promotion .scale:hover:before,.promotion .scale:hover:after{ transform: scale(1);-webkit-transition: all 0.3s ease-out 0s;-moz-transition: all 0.3s ease-out 0s;-o-transition: all 0.3s ease-out 0s;transition: all 0.3s ease-out 0s;} .megashop-banner{overflow: hidden; clear: both;} .megashop-banner .banner {overflow: hidden;padding: 0;} .banner a{width: 100%;overflow: hidden; height: auto;display: block;position: relative;} .banner a:before{ position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgba(255,255,255,0.5); content: '';-webkit-transition: -webkit-transform 0.6s;transition: transform 0.6s; -webkit-transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,300%,0);transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,135deg) translate3d(0,300%,0);} .banner a:hover:before{-webkit-transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-300%,0);transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,135deg) translate3d(0,-300%,0);} /*.content_heading_fashion .megashop h3{background-image: url('../images/alothemes/fashion.png');} .content_heading_sports .megashop h3{background-image: url('../images/alothemes/sports.png');} .content_heading_electronics .megashop h3{background-image: url('../images/alothemes/electronic.png');} .content_heading_digital .megashop h3{background-image: url('../images/alothemes/digital.png');} .content_heading_furniture .megashop h3{background-image: url('../images/alothemes/furniture.png');} .content_heading_jewelry .megashop h3{background-image: url('../images/alothemes/jewelry.png');}*/ /* SDL code - Home page category widgets BEGIN */ /* top links*/ .header-top .top-left .nav-top-links .top-link-item {display: inline-block;} .header-top .top-left .nav-top-links .top-link-item.header-soc-links p {margin: 0px;padding: 0px;} .header-top .top-left .nav-top-links .top-link-item.header-soc-links a {padding-right: 0;border-right: 0;display: inline-block;} .header-top .top-left .nav-top-links .top-link-item.header-soc-links a img {padding: 2px;vertical-align: middle;} .page-alo-sectioncontent {background-color: #fafafa !important;} /* menu */ .level0.submenu.design-gallery-block .block-category-link.widget {margin-bottom: 0px !important;} .category-featured {box-shadow: 0px 1px 8px 0px #333;/*border: 1px solid transparent;border-radius: 5px;*/} .home-category-slider-container {} .home-category-slider-container .home-category-title {padding-right: 0px;} .home-category-slider-container .home-category-title h3.title {width: 100%; text-align: left; padding-left: 10px; font-size: 17px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;color: #fff !important;height: 50px;padding-right: 10px;} .home-category-slider-container .cat-description {padding-left: 0px;} .home-category-slider-container .cat-description .custom-category-description {width:auto; height: 50px;position: relative;} .home-category-slider-container .cat-description .custom-category-description > span {position: absolute; left: 0; top: 0; padding: 2px 4px; font-size: 14px; line-height: 18px; height: 40px; overflow: hidden;border: 2px solid transparent; min-height: 40px; width: 100%;} .home-category-slider-container .cat-description .custom-category-description > span:hover {height: auto; background: #fff; z-index: 99;} .home-category-slider-container .home-category-title-border {border-width: 0 0 2px 0;border-style: solid; margin-left: 15px;margin-right: 15px;height: 50px;background-color: #ffffff;} /*#1. Luxury Railings*/ .category-luxury-widget h3.title {background-color:#333333 !important;} .category-luxury-widget .megashop .magictabs {border-color: #333333 !important;} .category-luxury-widget .megashop .magictabs .item:hover .title, .category-luxury-widget .megashop .magictabs .item.activated .title {color: #333333 !important;} .category-luxury-widget .home-category-title-border {border-color: #333333 !important;} .category-luxury-widget .category-view-more-button .home-category-view-more {background-color: #333333 !important;} .category-luxury-widget .home-category-slider-pro .banner-featured .promotion .home-category-img-hover {background-color: #333333 !important;} .category-luxury-widget .home-category-slider-container .cat-description .custom-category-description > span:hover {border-color: #333333;} /*#2. Iron & Steel Railings*/ .category-iron-widget h3.title {background-color: #b39c74 !important;} .category-iron-widget .megashop .magictabs {border-color: #b39c74 !important;} .category-iron-widget .megashop .magictabs .item:hover .title, .category-iron-widget .megashop .magictabs .item.activated .title {color: #b39c74 !important;} .category-iron-widget .home-category-title-border {border-color: #b39c74 !important;} .category-iron-widget .category-view-more-button .home-category-view-more {background-color: #b39c74 !important;} .category-iron-widget .home-category-slider-pro .banner-featured .promotion .home-category-img-hover {background-color: #b39c74 !important;} .category-iron-widget .home-category-slider-container .cat-description .custom-category-description > span:hover {border-color: #b39c74;} /*#3. Ornamental Metals*/ .category-metal-widget h3.title {background-color: #267375 !important;} .category-metal-widget .megashop .magictabs {border-color: #267375 !important;} .category-metal-widget .megashop .magictabs .item:hover .title, .category-metal-widget .megashop .magictabs .item.activated .title {color: #267375 !important;} .category-metal-widget .home-category-title-border {border-color: #267375 !important;} .category-metal-widget .category-view-more-button .home-category-view-more {background-color: #267375 !important;} .category-metal-widget .home-category-slider-pro .banner-featured .promotion .home-category-img-hover {background-color: #267375 !important;} .category-metal-widget .home-category-slider-container .cat-description .custom-category-description > span:hover {border-color: #267375;} /*#4. Aluminum Railings*/ .category-aluminum-widget h3.title {background-color: #a83530 !important;} .category-aluminum-widget .megashop .magictabs {border-color: #a83530 !important;} .category-aluminum-widget .megashop .magictabs .item:hover .title, .category-aluminum-widget .megashop .magictabs .item.activated .title {color: #a83530 !important;} .category-aluminum-widget .home-category-title-border {border-color: #a83530 !important;} .category-aluminum-widget .category-view-more-button .home-category-view-more {background-color: #a83530 !important;} .category-aluminum-widget .home-category-slider-pro .banner-featured .promotion .home-category-img-hover {background-color: #a83530 !important;} .category-aluminum-widget .home-category-slider-container .cat-description .custom-category-description > span:hover {border-color: #a83530;} /*#5. Stainless, Cable & Glass Railing*/ .category-steel-widget h3.title {background-color: #50586c !important;} .category-steel-widget .megashop .magictabs {border-color: #50586c !important;} .category-steel-widget .megashop .magictabs .item:hover .title, .category-aluminum-widget .megashop .magictabs .item.activated .title {color: #50586c !important;} .category-steel-widget .home-category-title-border {border-color: #50586c !important;} .category-steel-widget .category-view-more-button .home-category-view-more {background-color: #50586c !important;} .category-steel-widget .home-category-slider-pro .banner-featured .promotion .home-category-img-hover {background-color: #50586c !important;} .category-steel-widget .home-category-slider-container .cat-description .custom-category-description > span:hover {border-color: #50586c;} /*#6. Brass Railings*/ .category-brass-widget h3.title {background-color: #db8228 !important;} .category-brass-widget .megashop .magictabs {border-color: #db8228 !important;} .category-brass-widget .megashop .magictabs .item:hover .title, .category-brass-widget .megashop .magictabs .item.activated .title {color: #db8228 !important;} .category-brass-widget .home-category-title-border {border-color: #db8228 !important;} .category-brass-widget .category-view-more-button .home-category-view-more {background-color: #db8228 !important;} .category-brass-widget .home-category-slider-pro .banner-featured .promotion .home-category-img-hover {background-color: #db8228 !important;} .category-brass-widget .home-category-slider-container .cat-description .custom-category-description > span:hover {border-color: #db8228;} /*#7. Paints and Patinas*/ .category-paint-widget h3.title {background-color: #756f2a !important;} .category-paint-widget .megashop .magictabs {border-color: #756f2a !important;} .category-paint-widget .megashop .magictabs .item:hover .title, .category-paint-widget .megashop .magictabs .item.activated .title {color: #756f2a !important;} .category-paint-widget .home-category-title-border {border-color: #756f2a !important;} .category-paint-widget .category-view-more-button .home-category-view-more {background-color: #756f2a !important;} .category-paint-widget .home-category-slider-pro .banner-featured .promotion .home-category-img-hover {background-color: #756f2a !important;} .category-paint-widget .home-category-slider-container .cat-description .custom-category-description > span:hover {border-color: #756f2a;} /*#8. Gate Hardware*/ .category-gate-hardware h3.title {background-color: #26436e !important;} .category-gate-hardware .megashop .magictabs {border-color: #26436e !important;} .category-gate-hardware .megashop .magictabs .item:hover .title, .category-gate-hardware .megashop .magictabs .item.activated .title {color: #26436e !important;} .category-gate-hardware .home-category-title-border {border-color: #26436e !important;} .category-gate-hardware .category-view-more-button .home-category-view-more {background-color: #26436e !important;} .category-gate-hardware .home-category-slider-pro .banner-featured .promotion .home-category-img-hover {background-color: #26436e !important;} .category-gate-hardware .home-category-slider-container .cat-description .custom-category-description > span:hover {border-color: #26436e;} /*#9. Sliding Gate Systems*/ .category-sliding-gate h3.title {background-color: #9b0f1c !important;} .category-sliding-gate .megashop .magictabs {border-color: #9b0f1c !important;} .category-sliding-gate .megashop .magictabs .item:hover .title, .category-sliding-gate .megashop .magictabs .item.activated .title {color: #9b0f1c !important;} .category-sliding-gate .home-category-title-border {border-color: #9b0f1c !important;} .category-sliding-gate .category-view-more-button .home-category-view-more {background-color: #9b0f1c !important;} .category-sliding-gate .home-category-slider-pro .banner-featured .promotion .home-category-img-hover {background-color: #9b0f1c !important;} .category-sliding-gate .home-category-slider-container .cat-description .custom-category-description > span:hover {border-color: #9b0f1c;} /*#10. Gate Automation*/ .category-gate-automation h3.title {background-color: #7b797a !important;} .category-gate-automation .megashop .magictabs {border-color: #7b797a !important;} .category-gate-automation .megashop .magictabs .item:hover .title, .category-gate-automation .megashop .magictabs .item.activated .title {color: #7b797a !important;} .category-gate-automation .home-category-title-border {border-color: #7b797a !important;} .category-gate-automation .category-view-more-button .home-category-view-more {background-color: #7b797a !important;} .category-gate-automation .home-category-slider-pro .banner-featured .promotion .home-category-img-hover {background-color: #7b797a !important;} .category-gate-automation .home-category-slider-container .cat-description .custom-category-description > span:hover {border-color: #7b797a;} .cat-description .custom-category-description div { /*margin-left: -7px;*/ height: 3.8em; display: block; overflow: hidden; /* text-overflow: ellipsis; white-space: nowrap; position: relative;*/ padding: 5px 8px; font-size: 12px; color: #333; background-color: #fff; } /*.cat-description .custom-category-description div:hover { overflow: visible; white-space: normal; width: auto; height: auto; position: absolute; background-color: #FFF; z-index: 999; border-bottom: 1px solid #333; padding-bottom: 15px; -webkit-transition: all 1s; -moz-transition: all 1s; -o-transition: all 1s; transition: all 1s; }*/ .home-category-slider-pro {padding-left: 0px !important;} .category-featured .product-box .sub-category-list {padding-left: 20px !important;min-height: 372px;} .category-featured .category-view-more-button {text-align: center; position: absolute; bottom: 14px; left: 30%;} .category-featured .category-view-more-button .home-category-view-more { display: block; padding: 5px 20px; color: #fff; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); position: relative; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; } .category-featured .category-view-more-button .home-category-view-more::before { content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; background: #333; -webkit-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: 0 50%; transform-origin: 0 50%; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .category-featured .sub-category-wapper .magictabs .item span {width: 100%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;} .category-featured .seeopt-btn-wrap {position: absolute;bottom: 0;left: 0;display: none;width: 100%;} .category-featured .product-block-wrapper li:hover .seeopt-btn-wrap {/*display: block;*/} .category-featured .seeopt-btn-content {padding: 4px;background: #333;color: #fff !important;display: block;text-align: center;} .category-featured .seeopt-btn-content:hover {background: #bf202e;} .home-category-slider-pro .banner-featured .promotion .scale img.loaded {width: 100%;} .home-category-slider-pro .banner-featured .promotion .home-category-img-hover { position: absolute; bottom: 0px; width: 100%; text-align: center; overflow: hidden; transition-duration: 1s; min-height: 100px; color: #fff; opacity: 0.7; padding: 14px; z-index: 10; } .home-category-slider-pro .banner-featured .promotion .home-category-img-hover h2 {color: #ffffff !important; font-size:17px;} .home-category-slider-pro .banner-featured .promotion .home-category-img-hover span {color: #ffffff !important; font-size:14px;padding: 4px 8px;border: 1px solid #fff;display: block;width: 50%;margin: 0 auto;} .home-category-slider-pro .content-products .product-box .product-featured .per-product {min-height: 186px !important;} /* gate automation important notice*/ .category-gate-automation .cat-description .custom-category-description div:nth-child(2) {display: none;visibility: hidden;} /*footer*/ .page-footer .block-footer-top a, .page-footer .block-footer-top p, .page-footer .block-footer-bottom a, .page-footer .block-footer-bottom p, .page-footer .main-wrap-copyright a, .page-footer .main-wrap-copyright p {color: #fff !important;} .page-footer .block-footer-top h2 { color: #fff; font-size: 18px; letter-spacing: 1px; padding-bottom: 3px; border-bottom: 4px solid #bf202e; width: 90%; } /* SDL code - Home page category widgets END */ /* SDL code - AIDI NewHome page/category/widgets BEGIN */ .p-0 {padding: 0 !important;} .content-catemenu, .content-seach, .content-cart {padding-right: 0px;margin-top: 12px;} .menu-block {margin-top: 12px;} .header .header-top {margin-bottom: 15px;padding-top: 15px;} .header .top-left {/*padding-left: 90px;*/} .header .form-search {margin: 0px;} .header .form-search button.button:hover{background-color: #d1a940;} .header .logo {padding: 15px 0;} .header .logo img {margin: 0 auto;} .header .top-link-catalog {font-weight: 600;color: #bf202e !important;text-transform: uppercase;} .top-right .header-setting .support-link .fa {line-height: 18px;vertical-align: middle;margin-right: 4px;} .header .menu-block-wrapper .search-form {padding-top: 15px;} /*.vmagicmenu .block-vmagicmenu-content .nav-desktop {display: none;} /*Hide the category menu by default*/ .cms-index-index .vmagicmenu:hover .block-vmagicmenu-content {opacity: 1;visibility: visible;} /*.vmagicmenu .block-title {line-height: 0px;border-radius: 4px;}*/ .vmagicmenu .block-title:hover {background-color: #d1a940;} .vmagicmenu .block-title span {font-size: 14px;} .header-setting .text-setting > span {margin-right: 5px;} .header-setting .text-setting:hover {color: #d1a940;cursor: pointer;} .header-setting .text-setting:hover::after {color: #d1a940 !important;} .minicart-wrapper .showcart:hover::after {background-color: #d1a940;} .minicart-wrapper .showcart:hover .counter.qty {background-color: #000 !important;} /*.header-bottom.header-sticker {display: none;visibility: hidden;}*/ .header-container-fixed {display: block !important;visibility: visible !important;} .magicmenu {background: #eee;} .magicmenu .nav-desktop .level0 > a:hover {background: #000;} .magicmenu .nav-desktop .level0.dropdown .level1 a {border-top: 1px solid #e9ecef;} .magicmenu .nav-desktop .level0.dropdown .level1 a:hover {color: #d1a940;background: #000;} .page-layout-1column .alo-page-main, .page-layout-2columns-left .alo-page-main {margin: 0 auto;max-width: 1210px;} .cms-index-index .alo-page-main {max-width: unset !important; padding: 0px !important;} .home-slider:hover .slick-next {right: 50px;} .home-slider:hover .slick-prev {left: 50px;} .banner-caption-wrapper {display: block;position: absolute;bottom: 0%;left: 1%;background: #333;padding: 30px;opacity: 0.7;width: 100%;} .banner-caption-wrapper .banner-caption-text {color: #fff;font-size: 20px;font-weight: 800;line-height: 20px;} .banner-caption-wrapper .banner-caption-button-wrapper {position: relative;} .banner-caption-wrapper .banner-caption-button-wrapper .banner-caption-button {color: #fff !important;background: #bf202e;padding: 8px;display: block;float: left;margin: 12px 0;} .banner-caption-wrapper .banner-caption-button-wrapper .banner-caption-button:hover {background: #d1a940;} .card { position: relative; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; min-width: 0; word-wrap: break-word; background-color: #fff; background-clip: border-box; border: 1px solid rgba(0,0,0,.125); border-radius: .25rem; } .card-body { -ms-flex: 1 1 auto; flex: 1 1 auto; min-height: 1px; padding: 1.25rem; } .category-featured .product-box .product-featured {padding: 10px;} .category-featured .product-block-wrapper ul {margin: 0;padding: 0;} .category-featured .product-block-wrapper li {width: 8.33%;float: left;list-style: none;/*height: 170px;*/} .category-featured .product-block-wrapper li:nth-child(12n+1) {clear: left;} /* 5n+1 => 5 items/row; 12n+1 => 12 items/row;*/ .category-featured .product-block-wrapper li .card {border: none;border-radius: 0;padding: 4px;min-height: 170px;margin: 2px 4px 4px 0;display: flex;justify-content: center;text-align: center;} .category-featured .product-block-wrapper li .card.product-block:hover {box-shadow: 0px 1px 8px 0px #333;} .category-featured .product-block-wrapper li .card .product-image {/*border: solid 2px #d6d6d7;padding: 4px;*/height: 103px; position: relative;} .category-featured .product-block-wrapper li .card .product-image a {height: inherit;display: block;position: relative;} .category-featured .product-block-wrapper li .card .product-image a > img {height: inherit;} .category-featured .product-block-wrapper li .card .card-body {padding: 0;} .category-featured .product-block-wrapper li .card .card-body .card-title {font-size: 12px;line-height: 16px;font-weight: 400;padding: 4px 0 0 0;margin: 0;} .category-featured .product-block-wrapper li .card .card-body .card-title a {color: #000;text-decoration: none;} .category-featured .product-block-wrapper li .card .card-body .price_start_from {font-size: 12px;font-weight: 700;padding-top: 8px;color: #000;} .category-featured .product-block-wrapper li .card .card-body .price_start_from > span:before {content: "$";} .shop-more-wrapper {background: #eaeaea;padding:0px;margin-top: 50px} .shop-more-wrapper .panel {box-shadow: 0 1px 8px 0px #333;border-radius: 5px;margin-bottom: 50px;background: #fff;} .shop-more-wrapper .panel-heading {padding: 0;border-bottom: 2px solid #000;} .shop-more-wrapper .panel .panel-heading h2 {margin: 0;padding: 10px 0;font-size: 20px;color: #000;font-weight: 700;} .shop-more-wrapper .btn-wrapper ul {padding: 0;margin: 0;} .shop-more-wrapper .btn-wrapper li {display: inline-block;vertical-align: middle;margin:0;} .shop-more-wrapper .btn-wrapper li a.btn-dark {padding: 2px 30px;font-size: 14px;color: #fff;margin: 5px 0 0 0;background: #000;text-transform: uppercase;} .shop-more-wrapper .btn-wrapper li a.btn-dark:hover {opacity: 0.7;} .shop-more-wrapper .panel .panel-body {padding: 10px;} .shop-more-wrapper .product-block-wrapper ul {margin: 0;padding: 0;} .shop-more-wrapper .product-block-wrapper li {width: 10%;float: left;list-style: none;} .shop-more-wrapper .product-block-wrapper li .card {border: none;border-radius: 0;padding: 3px;min-height: 100px;position: relative;} .shop-more-wrapper .product-block-wrapper li .card .product-image {/*border: solid 2px #d6d6d7;*/padding: 5px;} .shop-more-wrapper .product-block-wrapper li .card .card-body {position: absolute;left: 0;top: 0;background: #00000c;width: 100%;height: 100%;display: none;} .shop-more-wrapper .product-block-wrapper li .card:hover .card-body {display: block;opacity: 0.7;} .shop-more-wrapper .product-block-wrapper li .card .explore-btn {width: 85px;height: 30px;color: #000;text-align: center;line-height: 30px;display: block;background: #fff;font-size: 14px;border-radius: 5px;margin: 0 auto;text-decoration: none;margin-top: 50%;} .shop-more-wrapper .product-block-wrapper li .card .explore-btn:hover {background: #d1a940;color: #fff;} .shop-more-wrapper.no-margin-top { margin-top:0px !important; } .shop-more-wrapper.no-padding-bottom { padding-bottom:0px !important; } .page-footer .block-footer-top h3 {font-size: 20px;color: #fff;font-weight: 500;border-bottom: 2px solid #3f3f3f;padding: 0 0 10px 0;margin: 0 0 25px 0;position: relative;} .page-footer .block-footer-top h3::after {display: block;background: #fff;width: 50px;height: 2px;content: '';position: absolute;bottom: -2px;left: 0;} .page-footer .block-footer-top ul {margin: 0;padding: 0;} .page-footer .block-footer-top li {margin: 0;padding: 0;line-height: 30px;font-size: 14px;color: #fff;} .page-footer .block-footer-top .footer-store-link-block li::before {width: 5px;height: 9px;content: "\f105";font-family: "FontAwesome";color:#fff;margin: 0 10px 0 0;font-size: 16px;font-weight: 700;} .page-footer .block-footer-top li a:hover {color: #d1a940 !important;} .page-footer .footer-store-address-wrapper h3, .page-footer .footer-store-link-wrapper h3 {display: none; visibility: hidden; opacity: 0;} .page-footer .footer-getintouch-wrapper h3, .page-footer .footer-store-member-wrapper h3 {font-size: 14px;} .page-footer .footer-store-member-block li {display: inline-block;width: 32%;height: 100px;} .page-footer .footer-store-member-block li a {display: block;height: inherit;position: relative;width: 100%;padding: 4px;opacity: 0.7;} .page-footer .footer-store-member-block li a:hover {opacity: 1;} .font-weight-bold {font-weight: 700 !important;} /* SDL code - AIDI NewHome page/category/widgets END */ /* SDL code - AIDI Product Detail BEGIN */ .respl-item .big-image {box-shadow: 0 0 5px #dedede;z-index: 999;position: absolute;top: -250px;right: -598px;background: white;display: none;margin-left: 150px;} .custom-grouped-qty .product-qty-container {border: 1px solid #d1d1d1;} .custom-grouped-qty .product-qty-container .qty-text {text-align: right;width: 50%;float: left;margin-top: 8px;} .custom-grouped-price p {display: inline;} .grouped-container p {color: #000;font-weight: 400;} .page-product-grouped.catalog-product-view .product-info-main .price-box .price-wrapper .price {font-weight: 500;font-size: 18px;color: #000;} .grouped-container .custom-grouped-sku .sku-data {color: #000;font-weight: 600;white-space: nowrap!important;} .catalog-product-view.page-layout-1column .alo-page-main {max-width: 1420px;} .catalog-product-view.page-layout-1column .product-essential {position: relative;} .catalog-product-view.page-layout-1column .product.media.col-md-4, .catalog-product-view.page-layout-1column .product-info-main.col-md-4 {width: 33.33333333333333%;} .catalog-product-view.page-layout-1column .product.media.col-md-3, .catalog-product-view.page-layout-1column .product-info-main.col-md-3 {width: 25%;} .catalog-product-view.page-layout-1column .product-info-main.col-md-6 {width: 50%;} .catalog-product-view.page-layout-1column .product.media, .catalog-product-view.page-layout-1column .product-detail-right {position: sticky;right: 0;top: 100px;} .catalog-product-view.page-layout-1column .product-detail-summary {border: 2px solid #eee;min-height: 200px;/*padding: 8px;*/} .fotorama__stage {border-width: 2px !important;} .catalog-product-view.page-layout-1column .product-view .product-qty .custom-qty .btn-plus {display: none; visibility: hidden;} .product-detail-summary .summary_loading {position: absolute;width: 10%;height: 10%;left: 45%; top: 45%;} .product-detail-summary h3.product-summary-title, .product-detail-summary .product-summary-items-wrapper .product-summary-nodata {padding: 8px 15px;} .product-detail-summary .product-summary-items-wrapper .product-summary-content {min-height: 100px;} .product-detail-summary .product-item-details {border-top: 1px solid #eaeaea;padding: 8px 16px;} .product-detail-summary .product-item-each {margin-bottom: 6px;} .product-detail-summary .product-item-each.item-sku > span, .product-detail-summary .product-item-each.item-price > span, .product-detail-summary .product-item-each.item-total > span {display: block;/*font-weight: 600;*/font-size: 14px;} .product-detail-summary .lbl-item-qty, .product-detail-summary .lbl-item-total, .product-detail-summary .product-item-each.item-qty {text-align: center;} .product-detail-summary .product-item-each.item-total {text-align: right;} .product-detail-summary .product-item-each.item-price > span:before, .product-detail-summary .product-item-each.item-total > span:before, .product-detail-summary .product-summary-subtotal-data:before {content: "$";} .product-detail-summary .product-summary-subtotal-data {font-size: 16px;font-weight: 600;text-align: right;} .product-detail-summary .product-summary-subtotal-wrapper, .product-detail-summary .product-summary-actions-wrapper {height: 50px;line-height: 50px;margin-bottom: 1rem;} .product-detail-summary .product-summary-subtotal-wrapper {background: #eaeaea;} .product-detail-summary .buy-now button.button {color: #bf202e;background-color: #fff;border: 1px solid #bf202e;width: 100%;} .product-detail-summary .buy-now button.button:hover {background-color: #bf202e;color: #fff;} /* SDL code - AIDI Product Detail END */ /* SDL code - AIDI Product List BEGIN*/ .products-grid .price-box .price {font-size: 14px;} .content-quickview .product-view .product-shop .page-title-wrapper .page-title span {font-size: 18px;} .content-quickview .col-md-2.custom-grouped-qty {width: 33.33%;clear: left;margin-left: 16%;} .content-quickview .grouped-container .custom-grouped-sku .sku-data {display: block;font-size: 16px;} .content-quickview .product-info-main .price-box .price-wrapper .price {font-weight: 600;font-size: 16px;} .content-quickview .product-view .product-shop .price-box {display: unset;} .content-quickview .alert.alert-danger.note-prod-view {margin-top: 15px;} .alert.alert-danger.note-prod-view {padding: 6px 12px;font-size: 12px;} /* SDL Block:Layered Navigation */ .filter-content {font-family: 'Open Sans', sans-serif;padding: 4px !important;} .filter-options .filter-options-title {text-transform: none;font-size: 14px !important;padding: 10px 40px 0 10px;word-break: break-all;cursor: pointer;font-weight: 600 !important;} .filter-content .toggle-tab.mobile {color: inherit;top: 10px;} .filter-current {padding: 10px 20px 0 10px;word-break: break-all;} .filter-current .item {font-size: 1.4rem !important;line-height: 1.5em;font-weight: 400;padding: 5px 0px;} .filter-current .action.remove {right: -15px !important;} .filter-options .filter-options-content, .filter-options .narrow-by:last-child .filter-options-content {padding: 10px !important;} .filter-options .filter-options-content .item a, .filter-options .filter-options-content .item span.count {font-size: 1.4rem !important;line-height: 1.5em;font-weight: 400;} /* SDL code - AIDI Product List END*/ /* SDL code - AIDI Search Result BEGIN*/ .catalogsearch-result-index .alo-page-main > .page-title-wrapper {display: none;visibility: hidden;opacity: 0;} .catalogsearch-result-index .search.results dd.item {display: inline-block;padding: 0;margin: 0;} .catalogsearch-result-index .search.results dd.item a {background: #eaeaea;color: #333;padding: 4px;display: block;border: 1px solid #c3c3c3;border-radius: 5px;} .catalogsearch-result-index .search.results dd.item a:hover {background: #333;color: #fff;border-color: #333;} .catalogsearch-result-index .search.results .products-list .images-container {background: #eaeaea;} .catalogsearch-result-index .search.results .products-list .item .right-block {float: left!important;width: 100%;} .catalogsearch-result-index .search.results .products-list .product-item-inner .actions-secondary {text-align: left;} .catalogsearch-result-index .search.results .products-list .item .action.tocart {background-color: #bf202e;} .catalogsearch-result-index .search.results .products-list .item .action.tocart:hover {background-color: #333;} .catalogsearch-result-index .block.filter .filter-options .filter-options-title {font-size: 14px;} /* SDL code - AIDI Search Result END*/ /* SDL code - AIDI One Step Checkout BEGIN*/ .onestepcheckout-index-index .page-wrapper, .catalog-product-view.page-layout-1column .page-wrapper {overflow: visible !important;} .checkout-title-text {text-transform: uppercase;text-align: center;margin: 0;display: none;} .onestepcheckout-index-index .header .header-setting .settting-switcher {display:none;visibility:hidden;} .onestepcheckout-index-index .checkout-title-text {display: block;} /** Do not Refresh page warning **/ .do-not-refresh-page-warn-msg {position: absolute;left: 0;top: 0;margin: auto;width: 100%;text-align: center;height: 100%;padding: 16rem;background-color: #e3e3e3;} .do-not-refresh-page-warn-msg > p {color: #333;font-weight: 800;font-size: 20px;line-height: 3rem;} /** Aheadworks One Step Checkout BEGIN **/ .onestepcheckout-index-index {} .onestepcheckout-index-index .kuteshop2-awosc a.logo { padding: 10px !important; /*width: 200px; height: 85px;*/ } .onestepcheckout-index-index .kuteshop2-awosc .text-checkout-wrap { padding: 10px 0 10px; } .onestepcheckout-index-index .kuteshop2-awosc .page-title-wrapper.text-checkout-wrap h1 span { font-size: 32px; font-weight: 700; } .onestepcheckout-index-index .page-main .checkout-container .aw-onestep-main { max-width: 100% !important; margin-bottom: 60px; } .onestepcheckout-index-index .page-main .checkout-container .aw-onestep-sidebar { max-width: 400px !important; margin-bottom: 60px; } .onestepcheckout-index-index .page-main .checkout-container .aw-onestep-main span, .onestepcheckout-index-index .page-main .checkout-container .aw-onestep-sidebar span, .onestepcheckout-index-index .page-main .checkout-container .aw-onestep-main button, .onestepcheckout-index-index .page-main .checkout-container .aw-onestep-sidebar button, .onestepcheckout-index-index .page-main .checkout-container .aw-onestep-main div, .onestepcheckout-index-index .page-main .checkout-container .aw-onestep-sidebar div, .onestepcheckout-index-index .page-main .checkout-container .aw-onestep-main th, .onestepcheckout-index-index .page-main .checkout-container .aw-onestep-sidebar th, .onestepcheckout-index-index .page-main .checkout-container .aw-onestep-main td, .onestepcheckout-index-index .page-main .checkout-container .aw-onestep-sidebar td, .onestepcheckout-index-index .page-main .checkout-container .aw-onestep-main p, .onestepcheckout-index-index .page-main .checkout-container .aw-onestep-sidebar p, .onestepcheckout-index-index .page-main .checkout-container .aw-onestep-main input, .onestepcheckout-index-index .page-main .checkout-container .aw-onestep-sidebar input, .onestepcheckout-index-index .page-main .checkout-container .aw-onestep-main select, .onestepcheckout-index-index .page-main .checkout-container .aw-onestep-sidebar select, .onestepcheckout-index-index .page-main .checkout-container .aw-onestep-main li, .onestepcheckout-index-index .page-main .checkout-container .aw-onestep-sidebar li, .onestepcheckout-index-index .page-main .checkout-container .aw-onestep-main label, .onestepcheckout-index-index .page-main .checkout-container .aw-onestep-sidebar label, .onestepcheckout-index-index .page-main .checkout-container .aw-onestep-main strong, .onestepcheckout-index-index .page-main .checkout-container .aw-onestep-sidebar strong { font-size: 12px !important; } /** MAIN **/ .onestepcheckout-index-index .page-main .checkout-container .aw-onestep-main form > .osc-fluid { margin-top: 10px; } .onestepcheckout-index-index .page-main .aw-onestep-main .payment-method-content { } /** SIDEBAR **/ .onestepcheckout-index-index .page-main .checkout-container .aw-onestep-sidebar-content .aw-onestep-sidebar-block { margin-top: 10px; margin-bottom: 10px; } .onestepcheckout-index-index .page-main .checkout-container .aw-onestep-sidebar-content .aw-onestep-sidebar-block.aw-sidebar-before-place-order button.action { /*height: 10px;*/ margin-top: -14px; } .onestepcheckout-index-index .page-main .checkout-container .aw-onestep-sidebar-content .aw-onestep-sidebar-block.aw-sidebar-before-place-order button.action > span { white-space: normal; text-align: justify; } .onestepcheckout-index-index .page-main .checkout-container .aw-onestep-sidebar div.minicart-items-wrapper { padding: 10px 0px; } .onestepcheckout-index-index .page-main .checkout-container .aw-onestep-sidebar-content .aw-onestep-sidebar-block.aw-sidebar-product-list .aw-onestep-sidebar-block_content .aw-sidebar-product-card { padding: 10px; } .onestepcheckout-index-index .page-main .checkout-container .aw-onestep-sidebar-content .aw-onestep-sidebar-block.aw-sidebar-product-list .aw-onestep-sidebar-block_content .aw-sidebar-product-description { margin-bottom: 0px; } .onestepcheckout-index-index .page-main .aw-onestep-main .aw-onestep-groups .aw-onestep-groups_item:not(:first-of-type) { margin-top: 20px; } .onestepcheckout-index-index .page-main .checkout-container .aw-onestep-sidebar-content .actions-toolbar button.action.checkout { padding: 7px 15px; line-height: normal; } .onestepcheckout-index-index .page-main .checkout-container .aw-onestep-sidebar-content .actions-toolbar button.action.checkout > span { font-size: 18px !important; display: unset !important; } /* # Avalara tax cert upload */ .onestepcheckout-index-index .totals-tax.certificate-links a { padding: 8px 10px; margin: 12px 0px 0px; color: #fff; background: #027fad; border-radius: 5px; box-shadow: 0 2px 5px 0 rgba(0,0,0,.26); } .onestepcheckout-index-index .totals-tax.certificate-links a:hover { background: #333; } /* # Card details placeholder */ .onestepcheckout-index-index .page-main .checkout-container .payment-methods-inner .fl-label-state .label { transform: translateY(-36px); } /** AWOSC END **/ /* #Sdl-Custom-beign */ .onestepcheckout-index-index .page-main .checkout-container .page-title-wrapper .page-title { display:none; } /* Shipping address */ .onestepcheckout-index-index .group-title { background-color: #f5f5f5; border-bottom: 1px solid #dddddd; padding: 8px; border-radius: 6px 6px 0px 0px; } .onestepcheckout-index-index .page-main .aw-onestep-main .aw-onestep-groups .aw-onestep-groups_item .group-title h2 span:nth-child(2) { font-weight: 800; } .onestepcheckout-index-index .page-main .aw-onestep-main .shipping-address-items ol .shipping-address-item.selected-item::after { display: none; } .onestepcheckout-index-index .page-main .aw-onestep-main .shipping-address-items ol .shipping-address-item.not-selected-item::after { display: none; } .onestepcheckout-index-index .page-main .aw-onestep-main .shipping-address-items ol .shipping-address-item .action-select-shipping-item::before { content: ""; position: absolute; top: 22px; left: 16px; width: 14px; height: 14px; border-radius: 50%; border: 2px solid #c4c4c4; background: #fff; } .onestepcheckout-index-index .page-main .aw-onestep-main .shipping-address-items ol .shipping-address-item.not-selected-item:hover .action-select-shipping-item::before { border-color: #ff5501; } .onestepcheckout-index-index .page-main .aw-onestep-main .shipping-address-items ol .shipping-address-item.selected-item::before { content: '\e909'; display: inline-block; color: #ff5501; font-family: 'aw-osc_icons-font'; line-height: 1; font-weight: normal; font-size: 17px; pointer-events: none; position: absolute; top: 22px; left: 12px; height: 17px; width: 17px; } .onestepcheckout-index-index .page-main .aw-onestep-main .shipping-address-items ol .shipping-address-item, .onestepcheckout-index-index .page-main .aw-onestep-main .shipping-address-items ol .shipping-address-item.selected-item { padding: 20px 40px 40px !important; } .onestepcheckout-index-index .page-main .aw-onestep-main .shipping-address-items ol .shipping-address-item .action-select-shipping-item { text-indent: 40px; } .onestepcheckout-index-index .page-main .aw-onestep-main .shipping-address-items ol .shipping-address-item .edit-address-link { text-indent: 40px; } .onestepcheckout-index-index .page-main .aw-onestep-main .shipping-address-items ol .shipping-address-item { width: 100%; border-radius: 2px; margin: 4px 0px 0px 0px; border: 0px; } /* Shipping Add address form */ .onestep-shipping-address { position: relative; } .onestepcheckout-index-index .page-main .checkout-container .field.addresses { width: 100%; } .onestepcheckout-index-index .page-main .aw-onestep-main .shipping-address-items ol .shipping-address-item:first-child { margin-top: 12px; /* border-top: 1px solid #d8d8d8;*/ } .onestepcheckout-index-index .page-main .aw-onestep-main .onestep-shipping-address .new-shipping-address-form [data-role="title"] { position: absolute; right: 0px; top: -46px; } .onestepcheckout-index-index .page-main .checkout-container .fl-label-state .label span { color : #0f1111; font-weight: normal; } .onestepcheckout-index-index .page-main .checkout-container fieldset.field .fl-label-state .label { padding: 0px; } .onestepcheckout-index-index .page-main .checkout-container .input-text, .onestepcheckout-index-index .page-main .checkout-container .select { border-color: #c3c3c3 !important; color: #0f1111; } .onestepcheckout-index-index .page-main .checkout-container .osc-fluid .field + .field, .onestepcheckout-index-index .page-main .checkout-container .osc-fluid .field[style="display: none;"] + .field { margin-left: 10px !important; } /* Shipping method */ .onestepcheckout-index-index .page-main .shipping-method .onestep-shipping-method { margin-top: 10px; } .onestepcheckout-index-index .page-main .shipping-method .onestep-shipping-method .onestep-shipping-method-list .shipping-method-card { background-color: #f8f8f8; margin: 4px 0px 0px 0px !important; } .onestepcheckout-index-index .page-main .shipping-method .onestep-shipping-method .onestep-shipping-method-list .shipping-method-card + .shipping-method-card { margin-top: 0px; /* background: #f8f8f8;*/ } .onestepcheckout-index-index .page-main .shipping-method .onestep-shipping-method .onestep-shipping-method-list .shipping-method-card--wrapper > .label { /* border-width: 1px !important;*/ border: 0px; } .onestepcheckout-index-index .page-main .shipping-method .onestep-shipping-method .onestep-shipping-method-list .shipping-method-card--wrapper > .label:first-child { /* border-top: 1px solid #d8d8d8;*/ } .onestepcheckout-index-index .page-main .shipping-method .onestep-shipping-method .onestep-shipping-method-list .shipping-method-card .radio + .label::before { right: unset; left: 22px !important; top: 18px !important; } .onestepcheckout-index-index .page-main .shipping-method .onestep-shipping-method .onestep-shipping-method-list .shipping-method-card--wrapper { justify-content: space-around !important; flex-direction: row-reverse !important; padding-right: 0px; gap: 20px; } .onestepcheckout-index-index .page-main .shipping-method .onestep-shipping-method .onestep-shipping-method-list .shipping-method-card .radio:checked + .label::before, .onestepcheckout-index-index .page-main .shipping-method .onestep-shipping-method .onestep-shipping-method-list .shipping-method-card .radio + .label:hover::before { color: #ff5501 !important; } .onestepcheckout-index-index .page-main .shipping-method .onestep-shipping-method .onestep-shipping-method-list .shipping-method-card--wrapper .shipping-method-card-inner { width: 70%; display: flex; gap: 20px; justify-content: flex-start; align-content: center; } .onestepcheckout-index-index .page-main .shipping-method .onestep-shipping-method .onestep-shipping-method-list .shipping-method-card--wrapper .shipping-method-price { width: 20%; justify-content: start !important; padding-left: 40px; } .onestepcheckout-index-index .page-main .shipping-method .onestep-shipping-method .onestep-shipping-method-list .shipping-method-card .shipping-method-title, .onestepcheckout-index-index .page-main .shipping-method .onestep-shipping-method .onestep-shipping-method-list .shipping-method-card .shipping-method-subtitle { width: 50%; } .onestep-shipping-method-list .shipping-method-card.field.choice:hover { background-color: #ffffff !important; box-shadow: 0 0 5px 0 #333333; } /* Payment method */ .onestepcheckout-index-index .page-main .checkout-container .payment-methods .onestep-billing-address { position: relative; } .onestepcheckout-index-index .page-main .checkout-container input[type='radio'] + img + label:before { content: '\e90a'; font-family: 'aw-osc_icons-font'; font-size: 17px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; color: #ff5501; } .onestepcheckout-index-index .page-main .checkout-container input[type='radio']:checked + img + label:before { content: '\e909'; font-family: 'aw-osc_icons-font'; font-size: 17px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; color: #ff5501; } .onestepcheckout-index-index .page-main .checkout-container .payment-methods .payment-methods-inner .payment-method .payment-method-title .radio:hover + img + .label::before { color: #ff5501; } .onestepcheckout-index-index .page-main .checkout-container .payment-methods .payment-methods-inner .payment-method .payment-method-title .radio:checked + img + .label::before { color: #ff5501; } .onestepcheckout-index-index .page-main .checkout-container .payment-methods .onestep-billing-address .aw-button-simple { background: #d1a940; color: #fff; border-radius: 5px; font-weight: 500; font-family: "Roboto", sans-serif; margin-left: 5px; } .onestepcheckout-index-index .page-main .checkout-container .payment-methods .onestep-billing-address [data-role="title"] { position: absolute; right: 0px; top: 0px; } .onestepcheckout-index-index .page-main .checkout-container .payment-methods .payment-methods-inner .payment-method .payment-method-title .label::before { right: unset; left: 0px; } .onestepcheckout-index-index .page-main .aw-onestep-main .payment-method-title { padding-left: 40px; } .onestepcheckout-index-index .page-main .aw-onestep-main .payment-method { border: 0px !important; border-top: 0px !important; padding-top: 12px; } .onestepcheckout-index-index .page-main .aw-onestep-main .payment-method:first-child { /* border-top: 1px solid #d8d8d8;*/ } /* Payment method legends (e.g. Credit Card Payment, Stored Card Payment) */ .onestepcheckout-index-index .page-main .aw-onestep-main .payment-method .payment-method-legend { font-size: 13px; text-transform: uppercase; letter-spacing: .04em; color: #9b614b; /* AIDI accent */ margin-bottom: 8px; } /* Group heading: Payment Information */ .onestepcheckout-index-index .page-main .checkout-container .aw-onestep-groups .aw-onestep-groups_item { border: 1px solid #dddddd; border-radius: 6px; } .onestepcheckout-index-index .page-main .checkout-container .aw-onestep-groups .aw-onestep-groups_item:first-child .group-content, .onestepcheckout-index-index .page-main .checkout-container .shipping-method .group-content, .onestepcheckout-index-index .page-main .checkout-container .payment-methods .group-content { padding-left: 12px; padding-right: 12px; padding-bottom: 20px; } .onestepcheckout-index-index .page-main .checkout-container .payment-methods .payment-methods-inner .payment-methods-heading { /* margin-bottom: 20px;*/ margin-top: 20px; border-bottom: 1px solid #c3c3c3; padding-bottom: 10px; } .onestepcheckout-index-index .page-main .checkout-container .payment-methods .payment-methods-inner .payment-methods-heading span { font-size: 16px !important; font-weight: 800; text-transform: uppercase; margin-bottom: 12px; } .onestepcheckout-index-index .page-main .aw-onestep-main .payment-method { border-top: 1px solid #d8d8d8; } .onestepcheckout-index-index .page-main .checkout-container .payment-methods .group-content form hr, .onestepcheckout-index-index .page-main .aw-onestep-main .payment-method.payment-method-paya._active .payment-method-content br, .onestepcheckout-index-index .page-main .aw-onestep-main .payment-method.payment-method-paya .payment-method-content .field.choice { display: none; } .onestepcheckout-index-index .page-main .aw-onestep-main .onestep-shipping-address .action-toolbar .action, .onestepcheckout-index-index .page-main .aw-onestep-main .onestep-billing-address .action-toolbar .action { border: 0px; border-radius: 5px; } .onestepcheckout-index-index .page-main .aw-onestep-main .onestep-shipping-address .action-toolbar .action.primary, .onestepcheckout-index-index .page-main .aw-onestep-main .onestep-billing-address .action-toolbar .action.primary { background-color: #bf202e; } /* Credit Card Payment Form #co-transparent-form */ .onestepcheckout-index-index .page-main .checkout-container .payment-method-paya .payment-method-content { margin-left: 12px !important; } .onestepcheckout-index-index .page-main .checkout-container .payment-method-paya .payment-method-content .fieldset .legend { display: none; } .onestepcheckout-index-index .page-main .aw-onestep-main .credit-card-types { margin: 0px; } .onestepcheckout-index-index .page-main .aw-onestep-main .payment-method-content .control .fields.group-2 .field .control { /*padding-top: 0px;*/ } .onestepcheckout-index-index .page-main .checkout-container .payment-method-paya .payment-method-content .fieldset.ccard .field.type .control:first-child { margin: 0 !important; padding: 0 !important; } .onestepcheckout-index-index .page-main .checkout-container .payment-method-paya .payment-method-content .fieldset.ccard .field .label { height: 20px !important; bottom: unset !important; top: 33px; left: 0px; } .onestepcheckout-index-index .page-main .checkout-container .payment-method-paya .payment-method-content .fieldset.ccard .field.fl-label-state .label { padding-left: 0px !important; } .onestepcheckout-index-index .page-main .checkout-container .payment-method-paya .payment-method-content .fieldset.ccard .field.date .control:first-child { padding-top: 0px !important; } .onestepcheckout-index-index .page-main .aw-onestep-main .credit-card-types { justify-content: flex-end; position: absolute; top: -44px; width: 100%; } /* success */ .checkout-onepage-success.page-layout-1column .alo-page-main { max-width: 50% !important; } .checkout-onepage-success.page-layout-1column .alo-page-main .page-title-wrapper { position: relative; } .checkout-onepage-success.page-layout-1column .alo-page-main .page-title-wrapper .action.print { position: relative; margin: 0 auto; text-decoration: underline; float: none; display: flex; background: #f5f5f5; padding: 4px; justify-content: center; border-right: 1px solid #dddddd; border-left: 1px solid #dddddd; } .checkout-onepage-success.page-layout-1column .alo-page-main .page-title-wrapper h1.page-title { position: relative; padding: 10px 20px; line-height: 1.2em; font-size: 1.3rem; background: #e5efe5; color: #006400; padding-left: 40px; position: relative; margin-bottom: 0; border: 1px solid #dddddd; } .checkout-onepage-success.page-layout-1column .alo-page-main .page-title-wrapper h1.page-title::before { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 28px; line-height: 28px; color: #006400; content: '\e610'; font-family: 'icons-blank-theme'; margin: -14px 0 0; vertical-align: middle; display: inline-block; font-weight: normal; overflow: hidden; speak: none; left: 0; top: 18px; width: 40px; position: absolute; text-align: center; } .checkout-onepage-success.page-layout-1column .alo-page-main .page-title-wrapper h1.page-title span { font-size: 16px !important; font-weight: 800; } .checkout-onepage-success.page-layout-1column .column.main .checkout-success { padding: 10px 20px; background: #f5f5f5; border: 1px solid #dddddd; /* border-top: 0px;*/ display: flex; flex-direction: column; justify-content: center; align-items: center; margin-top: 20px; } .checkout-onepage-success.page-layout-1column .column.main .checkout-success .checkout-success-title { display: flex; flex-direction: column; justify-content: center; align-items: center; font-size: 3rem; margin: 20px; } .checkout-onepage-success.page-layout-1column .column.main .checkout-success .checkout-success-title h2 { font-size: 3rem; } .checkout-onepage-success.page-layout-1column .column.main .checkout-success .actions-toolbar { display: flex; gap: 20px; margin: 20px; } .checkout-onepage-success.page-layout-1column .column.main .checkout-success .actions-toolbar .primary { border-radius: 5px; } .checkout-onepage-success.page-layout-1column .column.main .checkout-success .actions-toolbar .primary:nth-child(2) a { background-color: #bf202e !important; } /* print page */ .sales-order-print .page-main { max-width: 100% !important; } .sales-order-print .footer-copyrights { display: none !important; } /* device */ @media only screen and (max-width: 639px) { .onestepcheckout-index-index .page-main .shipping-method .onestep-shipping-method .onestep-shipping-method-list .shipping-method-card--wrapper .shipping-method-card-inner { flex-direction: column; width: 50%; } .onestepcheckout-index-index .page-main .shipping-method .onestep-shipping-method .onestep-shipping-method-list .shipping-method-card--wrapper .shipping-method-card-inner div { width: 100% !important; } .onestepcheckout-index-index .page-main .shipping-method .onestep-shipping-method .onestep-shipping-method-list .shipping-method-card .radio + .label::before { top: calc(50% - 10px) !important; } .do-not-refresh-page-warn-msg { padding: 12px !important; } } /* #Sdl-Custom-End */ /* SDL code - AIDI One Step Checkout END*/ /* SDL code - Configurator + Ranger + Albatros BEGIN */ .configurator-customer-index {} .configurator-customer-index .btn.btn-border.color-default {background: #bf202e;color: #fff;border-radius: 4px;} .configurator-customer-index .btn.btn-border.color-default:hover {background-color: #444444;} .configurator-index-list {} .configurator-index-list .configurator_container {position: relative;width: 100%;background-color: #fff;} .configurator-index-list .configurator_container .btn_view_myconfigurators { position: absolute; top: 0; right: 0; background-color: #bf202e; color: #fff; padding: 8px; margin-top: -4%; transition: all 0.3s linear; -ms-transition: all 0.3s linear; -webkit-transition: all 0.3s linear; -o-transition: all 0.3s linear; } .configurator-index-list .configurator_container .btn_view_myconfigurators:hover {background-color: #444444;} .configurator-index-list .homev21-block-container.block_content {position: relative;width: 100%;} .configurator-index-list .homev21-block-container.block_content::before { content: ""; position: absolute; left: 0; bottom: 0; width: 100%; height: 0%; background-color: #444444; -webkit-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; } .configurator-index-list .homev21-block-container.block_content:hover::before { height: 60%; opacity: 0.4; } .configurator-index-list .homev21-block-container .homev21-block-image-box.configurator_image {min-height: 220px;height: 220px;} .configurator-index-list .homev21-block-container .homev21-block-image-box img {width: 100%;height: 220px;} .configurator-index-list .homev21-block-container .homev21-block-content-wrap { position: absolute; top: 0; left: 0; padding-left: 30px; margin-top: 16%; width: inherit; } .configurator-index-list .homev21-block-container .homev21-block-content-wrap .homev21-block-title {color: #fff;} .configurator-index-list .homev21-block-container .homev21-block-content-wrap .homev21-block-description > p { color: #fff; font-size: 14px; } .configurator-index-list .homev21-block-container .homev21-block-button-link { position: absolute; left: 0; bottom: 0; padding-left: 30px; margin-bottom: 20px; opacity: 0; filter: alpha(opacity=0); -webkit-transition: 0.35s; -o-transition: 0.35s; transition: 0.35s; } .configurator-index-list .homev21-block-container .homev21-block-button-link a { position: relative; color: #fff; background-color: #bf202e; font-size: 12px; text-align: center; text-transform: uppercase; padding: 10px; /* anchor transition affect */ transition: all 0.3s linear; -ms-transition: all 0.3s linear; -webkit-transition: all 0.3s linear; -o-transition: all 0.3s linear; border-radius: 4px; } .configurator-index-list .homev21-block-container .homev21-block-button-link a:hover {background-color: #444444;} .configurator-index-list .homev21-block-container:hover .homev21-block-button-link {opacity: 1;filter: alpha(opacity=100);} .configurator-index-view {} /* Ranger Telescopic Gate System */ .configurator-index-view h1.page-title {display: none;visibility: hidden;} .configurator-index-view .configurator-content-wrapper i.fa {font-size: 14px;padding-right: 10px;} .configurator-index-view .configurator-content-wrapper .btn, .configurator-index-view .configurator-content-wrapper .action.primary, .configurator-index-view .configurator-content-wrapper button.action { background: #bf202e; color: #fff; font-size: 12px; text-transform: uppercase; position: relative; transition: all 0.2s linear; -ms-transition: all 0.2s linear; -webkit-transition: all 0.2s linear; -o-transition: all 0.2s linear; outline: 0 !important; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-style: none; border-radius: 4px; } .configurator-index-view .configurator-content-wrapper .btn:hover, .configurator-index-view .configurator-content-wrapper .action.primary:hover, .configurator-index-view .configurator-content-wrapper button.action:hover {background: #444444;} .configurator-index-view .configurator-content-wrapper .design-banner {margin: 25px 0 0;} .configurator-index-view .configurator-content-wrapper .configurator-title h1 {font-size: 20px;margin: 25px 0;text-transform: uppercase;} .configurator-index-view .configurator-content-wrapper .collapsibleContainer {border: 1px solid #ddd;} .configurator-index-view .configurator-content-wrapper .collapsibleTab { border-bottom: 1px solid #ddd; background: #eee; padding: 1rem; cursor: pointer; font-weight: bold; line-height: 30px; } .configurator-index-view .configurator-content-wrapper .trigger-tag-name {display: inline-block;} .configurator-index-view .configurator-content-wrapper .collapsibleContent {padding: 1rem 2rem;} .configurator-index-view .configurator-content-wrapper .collapsibleContent fieldset { padding: 0 !important; margin: 0 !important; border: 0; min-width: 0; } .configurator-index-view .configurator-content-wrapper .collapsibleContent legend { display: block !important; margin-bottom: 10px !important; text-transform: uppercase; } .configurator-index-view .configurator-content-wrapper .collapsibleContent .actions-toolbar {clear: both;margin: 12px 0;} .configurator-index-view .configurator-content-wrapper .collapsibleContent .actions-toolbar button span {font-size: 12px !important;} .configurator-index-view .configurator-content-wrapper .collapsibleContent.summary .download-pdf {margin: 12px 0;} .configurator-index-view .configurator-content-wrapper .collapsibleContent.summary .download-pdf .save-action-toolbar button#saveProduct span {font-size: 12px !important;} .configurator-index-view .configurator-content-wrapper .collapsibleContent.measurements input[type="text"] {width: 42.566%;} .configurator-index-view .configurator-content-wrapper .collapsibleContent.measurements button#measurementsconfig span {font-size: 12px !important;} .configuration-table {border: 1px solid #343a40;margin:12px 0;border-radius: 4px;} .configuration-table .Table { display: table; width: 100%; } .configuration-table .Table .Heading { display: table-row; font-weight: bold; text-align: center; } .configuration-table .Table .Row { display: table-row; } .configuration-table .Table .Cell { display: table-cell; padding-left: 5px; padding-right: 5px; padding: 0.5em; border-top: 1px solid #dee2e6; } .configuration-table .Table .Heading .Cell { background-color: #343a40; border-color: #343a40; color: #fff; } .configuration-table .Table .Cell.firstCell {border-top: 0px;} .configuration-table .Table .Heading .Cell p {color: #fff;margin: 4px 0;text-align: left;} .configuration-table .Table .Cell p {color: #3c3c3c; margin: 0; font-size: 12px;text-align: left;} /*sections 1 to 8*/ .configurator-index-view .configurator-content-wrapper .collapsibleContent .section-title {margin: 12px 0;padding-left: 14px;position: relative;} .configurator-index-view .configurator-content-wrapper .collapsibleContent .section-title::before { content: ""; position: absolute; left: 14px; bottom: 0px; border-bottom: 1px solid #f04923; height: 1px; width: 50px; } .configurator-index-view .configurator-content-wrapper .collapsibleContent .product-listing {display: flex !important;position: relative;padding: 8px 0;} .configurator-index-view .configurator-content-wrapper .collapsibleContent .product-listing .product-image a {display: block; text-align: center;} .configurator-index-view .configurator-content-wrapper .collapsibleContent .product-listing .product-image a > img {width: 100px;height: 100px; margin: auto;} .configurator-index-view .configurator-content-wrapper .collapsibleContent .product-listing .product-image .big-image { box-shadow: 0 0 5px #dedede; z-index: 999; position: absolute; top: -140px; right: -440px; background: white; display: none; margin-left: 210px; } .configurator-index-view .configurator-content-wrapper .collapsibleContent .product-listing .product-name {font-size:1.2em;font-weight: 500;} .configurator-index-view .configurator-content-wrapper .collapsibleContent .product-listing .custom-sku {padding: 8px 0;} .configurator-index-view .configurator-content-wrapper .collapsibleContent .product-listing .custom-sku .product-sku-span, .configurator-index-view .configurator-content-wrapper .collapsibleContent .product-listing .custom-sku .product-weight-span {font-style: italic; font-weight: 600;} .configurator-index-view .configurator-content-wrapper .collapsibleContent .product-listing .custom-sku .product-weight-span {margin-left: 30%;} .configurator-index-view .configurator-content-wrapper .collapsibleContent .product-listing .custom-price-qty .price-header div {display: inline-block;text-align: left;width: 49%;font-weight: 600;} .configurator-index-view .configurator-content-wrapper .collapsibleContent .product-listing .custom-price-qty .price-content div {display: inline-block;text-align: left;width: 49%;} .configurator-index-view .configurator-content-wrapper .collapsibleContent .product-listing .custom-price-qty .value.qty {display: inline-block;text-align: left;width: 49%;font-size:1.2em;font-weight: 500;} .configurator-index-view .configurator-content-wrapper .collapsibleContent .product-listing .custom-price-qty .value.price {display: inline-block;text-align: left;width: 49%;font-size:1.2em;font-weight: 500;} .configurator-index-view .configurator-content-wrapper .collapsibleContent .track-tool-rg10, .configurator-index-view .configurator-content-wrapper .collapsibleContent .track-tool-rg20, .configurator-index-view .configurator-content-wrapper .collapsibleContent .track-tool-rg254 {padding-left: 14px;padding-top: 10px;} .configurator-index-view .configurator-content-wrapper .collapsibleContent hr {margin-top: 0px;margin-bottom: 0;} .configurator-index-view .configurator-content-wrapper .collapsibleContent .section-7 .radio-opt-lbl {padding-left: 14px;} .configurator-index-view .configurator-content-wrapper .collapsibleContent input[type="radio"] {margin-top: 0px;} .configurator-index-view .configurator-content-wrapper .collapsibleContent .underline {border-bottom: 1px solid #e8e8e8;font-size: 17px;line-height: 25px;text-align: left;text-decoration: none;} .configurator-index-view .configurator-content-wrapper .collapsibleContent .lbl-sel-opt {padding-left: 14px;} /* summary */ .configurator-index-view .configurator-content-wrapper .collapsibleContent.summary .summary-customer-details {margin:12px 0;} .configurator-index-view .configurator-content-wrapper .collapsibleContent.summary .summary-project-details, .configurator-index-view .configurator-content-wrapper .collapsibleContent.summary .summary-measurement-details {margin-top: 12px;} .configurator-index-view .configurator-content-wrapper .collapsibleContent.summary .summary-measurement-details label {width: 46%;} .configurator-index-view .configurator-content-wrapper .collapsibleContent.summary .summary-measurement-details .control {display: inline-block;padding-left: 12px;} .configurator-index-view .configurator-content-wrapper .collapsibleContent.summary .summary-content-wrap {border: 1px solid #eaeaea;margin: 12px 0;border-radius: 4px;} .configurator-index-view .configurator-content-wrapper .collapsibleContent.summary .sheader div {background-color: #eaeaea;padding-top: 4px;padding-bottom: 4px;} .configurator-index-view .configurator-content-wrapper .collapsibleContent.summary .sprod-content div {padding-top: 4px;padding-bottom: 4px;border-top: 1px solid #eaeaea;} /* Albatros / Ranger landing page */ .category-bi-folding-gate-system .alba-range-item, .category-telescoping-gate-system .alba-range-item {margin: 12px 0px 24px;box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.5);position: relative;top: 0;transition: 0.5s;} .category-bi-folding-gate-system .alba-range-item:hover, .category-telescoping-gate-system .alba-range-item:hover {top: -10px;} .category-bi-folding-gate-system .alba-range-item a, .category-telescoping-gate-system .alba-range-item a {color: #fff !important;text-align: center;display: block;padding: 15px 12px;} .category-bi-folding-gate-system .alba-range-item:hover a, .category-telescoping-gate-system .alba-range-item:hover a {color: #000 !important;} .category-bi-folding-gate-system .alba-range-item a i, .category-telescoping-gate-system .alba-range-item a i {margin-right: 12px;} .category-bi-folding-gate-system .alba-range-item {background: linear-gradient(180deg, #1e4872, #1e48726e);} /* Albatros*/ .category-telescoping-gate-system .alba-range-item {background: linear-gradient(180deg, #9d0917, #9d09175c);} /* Ranger*/ /* SDL code - Configurator + Ranger + Albatros END */ /** SDL code - Customer Projects BEGIN **/ .customerprojects-index-details {} .customerprojects-index-details .pager {display: block!important;width: 100%;} .customerprojects-index-details .pager .pages {float: right;padding: 4px 0 0;} .customerprojects-index-details .pager .limiter {float: left!important;} .customerprojects-index-details .pager .pages li.current {padding: 0px;} .customerprojects-index-details .pager .pages li.current strong.page {display: block!important;line-height: 28px;padding: 0 12px;} .customerprojects-index-details .customer-project-item .cust-projects-cat-desc p {overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 6;-webkit-box-orient: vertical;} .customerprojects-index-details .customer-project-item a.cust-projects-read-more {background-color: #000;border-radius: 5px;font-weight: 500;font-size: 13px;font-family: "Roboto", sans-serif;height: 35px;line-height: 35px;padding: 0 10px;display: inline-block;color: #fff !important;border: none;margin: 12px 0px;} .customerprojects-index-details .customer-project-item a.cust-projects-read-more:hover {background-color: #d1a940 !important;border-color: #d1a940;} .customerprojects-index-details .customer-project-item:nth-child(4n+1) {clear: left;} /* 4 items per row */ /** SDL code - Customer Projects END **/ /** SDL code - Resource center BEGIN **/ .category-resource-center {} .category-resource-center .category-title-desc .product-item-details.products-textlink {display: none;} .category-resource-center .category-title-desc .design-gallery-grid-discover {margin-top: 12px;text-align: left;margin-bottom: 12px;} .category-resource-center .resource-category-title {margin-top: 12px;margin-bottom: 12px;} .category-resource-center .resource-category-title .resource-title h2 {text-align: left;} .category-resource-center .design-category-card-resourcecenter .product-item-info {margin: 10px 0;padding: 10px;border: solid 2px #eaeaea;} .nosale-cate-list .panel-default > .panel-heading {background-color: #eaeaea !important;} .nosale-cate-list .panel-heading .accordion-toggle span {display: none;visibility: hidden;} .nosale-cate-list .panel-title {position: relative;} .nosale-cate-list .panel-title .accordion-toggle {position: absolute;top: 0;right: -10px;} .nosale-cate-list .panel-heading .accordion-toggle:after {font-family: 'Glyphicons Halflings';content: "\e114";float: right;color: grey;} .nosale-cate-list .panel-heading .accordion-toggle.collapsed:after {content: "\e080";} .nosale-cate-list .cust-selected {color: #bf202e !important;} /** SDL code - Resource center END **/ /** SDL code - Metalwork from around the World BEGIN **/ .category-metal-works-from-around-the-world {} .category-metal-works-from-around-the-world .cust-categories {position: relative;min-height: 350px;min-width: 240px;} .category-metal-works-from-around-the-world .cust-categories #outer-wrap-cate-metal-works-list {position: absolute;height: 300px;overflow: auto;left: 0px;width: 100%;top: 30px;padding: 0px;} /*.category-metal-works-from-around-the-world .photo-gallery.pagetype-catalog_category_view {border: 2px solid #eaeaea;padding-left: 12px;padding-right: 12px;margin-bottom: 12px;}*/ .category-metal-works-from-around-the-world .photo-gallery-wrap-flex {display: flex; flex-wrap: wrap; margin-top: 0; margin-left: -12px; margin-right: -12px; } .category-metal-works-from-around-the-world .photo-gallery-wrap-flex > div {z-index: 1;} .category-metal-works-from-around-the-world .photo-gallery-wrap-flex > div:hover {z-index: 2;} .category-metal-works-from-around-the-world .photo-gallery-wrap-flex > .col-lg-4 { flex : 0 0 auto;} .category-metal-works-from-around-the-world .photo-gallery.pagetype-catalog_category_view .decima-gallery-title h2 {margin-top: 12px;} .category-metal-works-from-around-the-world .photo-gallery.pagetype-catalog_category_view .decima-gallery-title {font-size: 12px!important;font-weight: normal!important;} .category-metal-works-from-around-the-world .photo-gallery-row:nth-child(3n+1) {/*clear: left;*/} /* 3 items per row */ .category-metal-works-from-around-the-world .photo-gallery-grid {display: block!important;} @media (min-width: 1400px) { .category-metal-works-from-around-the-world .photo-gallery-main-container .container { max-width: 1320px; } } .category-metal-works-from-around-the-world .photo-gallery.pagetype-catalog_category_view {padding: 0px;} .category-metal-works-from-around-the-world .photo-gallery-card.animate { opacity: 1; transform: translateY(0); } .category-metal-works-from-around-the-world .photo-gallery-card { background: white; overflow: hidden; box-shadow: 0 20px 60px -10px rgba(101, 67, 33, 0.2); transition: all 0.4s cubic-bezier(0.34, 1.56, 0.64, 1); margin-bottom: 2rem; opacity: 0; transform: translateY(30px);} .category-metal-works-from-around-the-world .grid-item.photo-gallery-image { position: relative; aspect-ratio: 4 / 3; overflow: hidden;} .category-metal-works-from-around-the-world .grid-item.photo-gallery-image img { width: 100%; height: 100%; object-fit: cover; transition: transform 0.4s ease;} .category-metal-works-from-around-the-world .grid-item.photo-gallery-image .photo-gallery-overlay {position: absolute; inset: 0; background: linear-gradient(to top, rgba(101, 67, 33, 0.6), transparent); opacity: 0; transition: opacity 0.3s ease;} .category-metal-works-from-around-the-world .decima-gallery-title.photo-gallery-p4 { padding: 1.5rem; padding-bottom: 0px;} .category-metal-works-from-around-the-world h3.photo-gallery-title { font-size: 2rem; font-weight: 600; margin-bottom: 12px; transition: color 0.3s ease;} .category-metal-works-from-around-the-world .photo-gallery-text-muted { font-size: 1.6rem; font-weight: 400; color: rgba(33, 37, 41, 0.75); line-height: 2.6rem; position: absolute; left: 0; top: 0; height: 90px; overflow: hidden; background: #fff; padding: 15px; z-index: 3;} .category-metal-works-from-around-the-world .photo-gallery-card.animate:hover { cursor: pointer;transform: translateY(-4px); box-shadow: 0 8px 32px rgba(184, 115, 51, 0.3); overflow: visible;} .category-metal-works-from-around-the-world .photo-gallery-card.animate:hover .photo-gallery-overlay {opacity: 1;} .category-metal-works-from-around-the-world .photo-gallery-card.animate:hover h3.photo-gallery-title { color: #8B4513;} .category-metal-works-from-around-the-world .photo-gallery-card.animate .photo-gallery-text-wrap { position: relative; min-height: 100px; margin-left: -15px; margin-right: -15px; } .category-metal-works-from-around-the-world .photo-gallery-card.animate:hover .photo-gallery-text-muted {height: auto; overflow: visible;} /* fotorma -popup navigation arrow : background-color */ .gallery-popup .fotorama__arr .fotorama__arr__arr {background-color: #1a1a1a;} /** SDL code - Metalwork from around the World END **/ /** SDL code - Technical/Edu/Cad Info BEGIN **/ .resource-center-technical-page-container .cate-tech-info-card, .resource-center-educational-page-container .cate-edu-card, .resource-center-cad-page-container .cate-cad-card {border: 2px solid #eaeaea;padding: 15px 12px;margin-bottom: 15px} .resource-center-technical-page-container .cate-tech-info-card .resource-level3-btn, .resource-center-educational-page-container .cate-edu-card .resource-level3-btn, .resource-center-cad-page-container .cate-cad-card .resource-level3-btn {text-align: left;} .resource-center-technical-page-container .cate-tech-info-card .resource-level3-btn a, .resource-center-educational-page-container .cate-edu-card .resource-level3-btn a, .resource-center-cad-page-container .cate-cad-card .resource-level3-btn a, .resource-center-industry-page-container .cate-industry-row .resource-level3-btn a {padding: 4px 6px 0px 0px;} .resource-center-technical-page-container .cate-tech-info-card .resource-level3-btn a i, .resource-center-educational-page-container .cate-edu-card .resource-level3-btn a i, .resource-center-cad-page-container .cate-cad-card .resource-level3-btn a i, .resource-center-industry-page-container .cate-industry-card .resource-level3-btn a i {margin-right: 4px;} .resource-center-technical-page-container .cate-tech-info-card .resource-level3-btn a.link-pdf, .resource-center-educational-page-container .cate-edu-card .resource-level3-btn a.link-pdf, .resource-center-cad-page-container .cate-cad-card .resource-level3-btn a.link-pdf, .resource-center-industry-page-container .cate-industry-card .resource-level3-btn a.link-pdf {color: #f15642;} .resource-center-technical-page-container .cate-tech-info-card .resource-level3-btn a.link-doc, .resource-center-educational-page-container .cate-edu-card .resource-level3-btn a.link-doc, .resource-center-cad-page-container .cate-cad-card .resource-level3-btn a.link-doc, .resource-center-industry-page-container .cate-industry-card .resource-level3-btn a.link-doc, .resource-center-industry-page-container .cate-industry-card .resource-level3-btn a.link-web {color: #285192;} .resource-center-technical-page-container .cate-tech-info-card .resource-level3-btn a.link-cad, .resource-center-educational-page-container .cate-edu-card .resource-level3-btn a.link-cad, .resource-center-cad-page-container .cate-cad-card .resource-level3-btn a.link-cad, .resource-center-industry-page-container .cate-industry-card .resource-level3-btn a.link-cad {color: #a52121;} .resource-center-technical-page-container .cate-tech-info-row:nth-child(3n+1), .resource-center-educational-page-container .cate-edu-row:nth-child(3n+1), .resource-center-cad-page-container .cate-cad-row:nth-child(3n+1) {clear: left;} /* 3 items per row */ /** SDL code - Technical Info END **/ /** SDL code - Industry|Supplier Links BEGIN **/ .resource-center-industry-page-container .cate-industry-row .cate-industry-card {margin-bottom: 15px;padding-bottom: 12px} .resource-center-industry-page-container .cate-industry-row:nth-child(3n+1) {clear: left;} /* 3 items per row */ /** SDL code - Industry|Supplier Links END **/ /** SDL code - Category View Page BEGIN **/ .page-layout-2columns-left.catalog-category-view .alocolumns {margin-top: 20px;} /** SDL code - Category View Page END **/ /** SDL code - Duragates Ads Page BEGIN **/ .category-cantilever-sliding-gate-hardware {} .category-cantilever-sliding-gate-hardware .ads-dg-web {background: #eaeaea;padding: 15px;text-align: center;box-shadow: 0px 4px 10px rgb(0,0,0,0.5);margin-bottom: 24px;margin-top: 12px;} .category-cantilever-sliding-gate-hardware .ads-dg-web-title {font-size: 40px;font-weight: 700;text-transform: capitalize;line-height: 1.2em;margin-bottom: 15px;} .category-cantilever-sliding-gate-hardware .ads-dg-web-title span {color: #cd1e26;} .category-cantilever-sliding-gate-hardware .ads-dg-web-content {margin: 0 0 15px;} .category-cantilever-sliding-gate-hardware .ads-dg-web-content p {line-height: 1.8;font-size: 18px;} .category-cantilever-sliding-gate-hardware .ads-dg-web-btn {margin: 0 0 15px;} .category-cantilever-sliding-gate-hardware .ads-dg-web-btn a {padding: 12px 30px 12px 30px;font-size: 16px;font-weight: 600;text-transform: uppercase;color: #fff !important;background: #cd1e26;transition: all .4s;border-radius: 10px;display: inline-block;position: relative;top: 0;} .category-cantilever-sliding-gate-hardware .ads-dg-web-link:hover {background: #000;box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.5);top: -4px;} .category-cantilever-sliding-gate-hardware .ads-dg-web-btn a i {margin-left: 12px;} /** SDL code - Duragates Ads Page END **/ /* SDL code - Cart Edit BEGIN*/ .checkout-cart-index.page-layout-1column .cart.table-wrapper .col.qty .input-text {width: 47px !important;} /* SDL code - Cart Edit END*/ /* SDL code - AIDI Product Detail : Related Products Block: BEGIN */ .catalog-product-view .block-related.related .slick-prev::before, .catalog-product-view .block-related.related .slick-next::before {font-size: 26px !important;font-weight: 700;color: #333;} .catalog-product-view .block-related.related .slick-prev:hover::before, .catalog-product-view .block-related.related .slick-next:hover::before {color: #fff !important;} /* SDL code - AIDI Product Detail : Related Products Block: END */ /* SDL code - Menu offers BEGIN */ li.level0.category-item.level-top.ext.dropdown.menu-offers > a > span { color: #E60000; } /* SDL code - Menu offers END */ /* SDL code - AIDI Microsite BEGIN #microsite */ /* sidebar| sidebar-main | sidebar-additional*/ .page-layout-comunello-microsite-layout.cms-page-view .sidebar {display: none;visibility: hidden;} .page-layout-comunello-microsite-layout.catalog-category-category-list-view {} .page-layout-comunello-microsite-layout.catalog-category-view .page-main {padding-left: 20px;padding-right: 20px;} .page-layout-comunello-microsite-layout.has-sidebar-filters-toggle {} .page-layout-comunello-microsite-layout.has-sidebar-filters-toggle .column.main {float: right;clear: right;width: 80%;padding: 0 15px;} .page-layout-comunello-microsite-layout.has-sidebar-filters-toggle .sidebar {float: left;clear: left;width: 20%;padding: 0px 15px 20px 15px;} .page-layout-comunello-microsite-layout.has-sidebar-filters-toggle .toolbar .sidebar-filters-toggle {display: none;visibility: hidden;} /* container */ .page-layout-comunello-microsite-layout .header .header-content .container { max-width: 100%; padding-left: 10px; padding-right: 10px; } /* header [header.links & minicart]*/ .page-layout-comunello-microsite-layout .header .header-top .col-md-9 { width:100% !important; } .page-layout-comunello-microsite-layout .header .header-top .col-md-9 .content-cart { position: absolute; right: 0; top: -54px; width: auto; } .page-layout-comunello-microsite-layout .header .menu-block-wrapper .search-form {padding-top: 0px !important;} .page-layout-comunello-microsite-layout .header .header-top {padding-top: 0px !important;} .page-layout-comunello-microsite-layout .header .logo {max-width: 100%;} .page-layout-comunello-microsite-layout .header .logo img {height: 120px;} /* header [.microsite-header]*/ .page-layout-comunello-microsite-layout .microsite-header {/*padding-right: 200px;*/} .page-layout-comunello-microsite-layout .microsite-header .header-logo-wrap {display: inline-block;float: left;width: 22%;} .page-layout-comunello-microsite-layout .microsite-header .header-contact-wrap {display: inline-block;float: left;width: 78%; border-bottom: 1px solid #eaeaea; padding: 10px 100px; height: 80px; } .page-layout-comunello-microsite-layout .microsite-header .header-topnav-wrap {display: inline-block;float: left;width: 70%; background: #fff; padding: 10px 100px; height: 70px; } .page-layout-comunello-microsite-layout .microsite-header .header-contact-wrap > div[data-content-type='html'] { display: flex; position: relative; flex-wrap: wrap; flex-direction: row; } .page-layout-comunello-microsite-layout .microsite-header .header-contact-wrap > div[data-content-type='html'] .top-link-item { display: flex; justify-content: center; align-items: center; width: 25%; /* flex-wrap: wrap;*/ padding: 0 10px; } .page-layout-comunello-microsite-layout .microsite-header .header-contact-wrap > div[data-content-type='html'] .top-link-item.contact-links, .page-layout-comunello-microsite-layout .microsite-header .header-contact-wrap > div[data-content-type='html'] .top-link-item.arch-corner-links { flex-direction: column; } .page-layout-comunello-microsite-layout .microsite-header .header-contact-wrap > div[data-content-type='html'] .top-link-item.arch-corner-links .arch-corner-links-wrap { flex-direction: row; } .page-layout-comunello-microsite-layout .microsite-header .header-contact-wrap > div[data-content-type='html'] .top-link-item.arch-corner-links label { width: 100%; text-align: center; font-family: 'Open Sans'; text-transform: uppercase; } .page-layout-comunello-microsite-layout .microsite-header .header-contact-wrap > div[data-content-type='html'] .top-link-item.contact-links a, .page-layout-comunello-microsite-layout .microsite-header .header-contact-wrap > div[data-content-type='html'] .top-link-item.social-links a, .page-layout-comunello-microsite-layout .microsite-header .header-contact-wrap > div[data-content-type='html'] .top-link-item.download-links a, .page-layout-comunello-microsite-layout .microsite-header .header-contact-wrap > div[data-content-type='html'] .top-link-item.arch-corner-links a {padding: 0px 4px;font-family: 'Open Sans';} .page-layout-comunello-microsite-layout .microsite-header .header-contact-wrap > div[data-content-type='html'] .top-link-item.download-links a { display: block; padding: 10px 20px; background: #666; color: #fff; border-radius: 5px; font-family: 'Open Sans'; font-weight: 800; cursor: pointer; transition: .3s; } .page-layout-comunello-microsite-layout .microsite-header .header-contact-wrap > div[data-content-type='html'] .top-link-item.contact-links a:hover { color: #cd1919; } .page-layout-comunello-microsite-layout .microsite-header .header-contact-wrap > div[data-content-type='html'] .top-link-item.download-links a:hover { background: #9D2A1E; } .page-layout-comunello-microsite-layout .microsite-header .header-contact-wrap > div[data-content-type='html'] .top-link-item.contact-links a .fa, .page-layout-comunello-microsite-layout .microsite-header .header-contact-wrap > div[data-content-type='html'] .top-link-item.download-links a .fa {padding-right: 8px;} /* header [.magicmenu]*/ .page-layout-comunello-microsite-layout .magicmenu {background: #fff;} .page-layout-comunello-microsite-layout .magicmenu .nav-desktop .level0 .level-top {font-family: "Open Sans";} .page-layout-comunello-microsite-layout .magicmenu .nav-desktop .level0 > a:hover {background: #cd1919 !important;} .page-layout-comunello-microsite-layout .magicmenu .nav-desktop .level0 a.level-top:hover {color: #fff !important;} .page-layout-comunello-microsite-layout .magicmenu .nav-desktop .level0.dropdown .level1 a:hover {color: #fff !important; background: #cd1919 !important;} .page-layout-comunello-microsite-layout .magicmenu .nav-desktop .level0.dropdown .level1 a {text-transform: uppercase;font-family: "Open Sans";padding: 4px 8px;} .page-layout-comunello-microsite-layout .magicmenu .nav-desktop .level0:hover > a.level-top {background: #cd1919 !important;color: #fff !important;} .page-layout-comunello-microsite-layout .microsite-mobile-menu {display: none;} /* main page */ .page-layout-comunello-microsite-layout .alo-page-main {max-width: 100%;padding: 0;margin: 0;} /* page title */ .page-layout-comunello-microsite-layout.cms-page-view .page-title-wrapper { position: relative; width: auto; background: #eaeaea; } .page-layout-comunello-microsite-layout.cms-page-view h1.page-title { font-size: 22px; color: #4c4c4c; line-height: 50px; font-family: 'Open Sans'; letter-spacing: 2px; display: block !important; width: auto; margin: 0 auto; text-align: center; } .page-layout-comunello-microsite-layout.cms-page-view h1.page-title > span { color: #C41919; font-size: 4rem; line-height: 8rem; } /* below banner */ .microsite-banner-wrap, .microsite-below-banner-content-wrap { background-color: #eaeaea; margin: 0; padding: 0; } .microsite-below-banner-content-wrap .pagebuilder-column.container > div { padding: 24px 0 220px; } .microsite-below-banner-content-wrap .pagebuilder-column.container > div h1 { color: #000; width: 71%; margin: 44px auto 0; text-align: center; position: relative; font-weight: 500; } /*.microsite-below-banner-content-wrap .pagebuilder-column.container > div h1::after { display: block; content: ""; position: absolute; width: 52px; height: 4px; left: 0; border: 4px solid transparent; border-bottom: 0; border-top-color: #cd1919; top: auto; right: 0; margin: auto; }*/ .microsite-below-banner-content-wrap .pagebuilder-column.container > div h2 { color: #666; width: 70%; margin: 24px auto 0; } /* content widget */ .microsite-widget-content-wrap { background: #fff; margin: 0; padding: 0; position: relative; } .microsite-widget-no-content {visibility:hidden !important;} .microsite-widget-background-overlay .pagebuilder-column-line, .microsite-widget-content-wrap .pagebuilder-column-line { max-width: 1170px; margin: auto; position: relative; } /* content fullwidth */ .microsite-fullwidth.microsite-widget-content-wrap > .pagebuilder-column-line { max-width: none !important; } /* 1 item */ .microsite-widget-content-wrap.microsite-col-itm1 .pagebuilder-column-line { max-width: 389px; } /* 2 items */ .microsite-widget-content-wrap.microsite-col-itm2 .pagebuilder-column-line { max-width: 820px; } /* each widget */ .microsite-widget-content-wrap .pagebuilder-column-line > .pagebuilder-column { margin-top: -150px; background: #fff; margin-right: 10px; margin-left: 10px; margin-bottom: 200px; padding: 20px; border-radius: 10px; border: 1px solid #eee; box-shadow: 0 0.625rem 0.625rem rgba(240, 232, 229, 0.84); position: relative; } .microsite-widget-content-wrap .pagebuilder-column-line > .pagebuilder-column h3 { font-family: "Open Sans"; display: block; width: auto; background: transparent; color: #000; padding: 8px; margin: 0 auto 8px; border-bottom: 2px solid #cd1919; transition: .3s; } .microsite-widget-content-wrap .pagebuilder-column-line > .pagebuilder-column h3:hover { color: #cd1919 !important; border-color: #000 !important; } .microsite-widget-content-wrap .pagebuilder-column-line > .pagebuilder-column div[data-content-type='text'] { background: #fff; } /* image */ .microsite-widget-content-wrap .pagebuilder-column-line > .pagebuilder-column img { padding: 10px; margin: 0 auto; display: flex; width: 100%; } /* image wrap */ .microsite-widget-content-wrap .pagebuilder-column-line > .pagebuilder-column p.microsite-img-wrap { position: relative; width: 100%; } .microsite-widget-content-wrap .pagebuilder-column-line > .pagebuilder-column p.microsite-img-wrap::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; background-color: rgba(0, 0, 0, .25); -webkit-transition: opacity .2s ease-out; -moz-transition: opacity .2s ease-out; -o-transition: opacity .2s ease-out; transition: opacity .2s ease-out; } .microsite-widget-content-wrap .pagebuilder-column-line > .pagebuilder-column p.microsite-img-wrap:hover::before { opacity: 0.3; } /* below banner #buttons #util */ .microsite-below-banner-button-util-wrap { display: flex; flex-flow: column wrap; align-items: end; position: absolute; right: 4%; } .microsite-below-banner-button-util-wrap .btn-util > .pagebuilder-button-primary { background: #cd1926 !important; border: 0; cursor: pointer; font-size: 14px; padding: 8px; } /* configure link wrap */ .microsite-widget-content-wrap .pagebuilder-column-line > .pagebuilder-column p.microsite-configure-link-wrap { position: relative; width: 100%; } .microsite-widget-content-wrap .pagebuilder-column-line > .pagebuilder-column p.microsite-configure-link-wrap a.configure-link { position: absolute; top: -100px; right: 0; display: flex; background: #fff; color: #9D2A1E; width: 50px; height: 50px; font-size: 0px; justify-content: center; text-align: center; } .microsite-widget-content-wrap .pagebuilder-column-line > .pagebuilder-column p.microsite-configure-link-wrap a.configure-link span.fa-gear::before { font-size: 5rem; } .microsite-widget-content-wrap .pagebuilder-column-line > .pagebuilder-column div[data-content-type='text'] p > span { font-weight: 500 !important; line-height: 2.5rem !important; } /* row2 */ .microsite-widget-row2.microsite-widget-content-wrap, .microsite-widget-row4.microsite-widget-content-wrap { background: #eaeaea; } /* row3 */ .microsite-widget-row3 { height: 500px; } /* row4 [microsite-widget-row4 microsite-widget-content-wrap microsite-widget-background-overlay] */ .microsite-widget-background-overlay { position:relative; margin-bottom: -15px; } .microsite-widget-background-overlay .pagebuilder-column-line { position: relative; z-index: 2; background: transparent; height: 200px; } .microsite-widget-background-overlay .pagebuilder-column-line > .pagebuilder-column { padding: 50px 0 0; } .microsite-widget-background-overlay .pagebuilder-column-line > .pagebuilder-column div[data-content-type='text'] h5, .microsite-widget-background-overlay .pagebuilder-column-line > .pagebuilder-column div[data-content-type='text'] h3, .microsite-widget-background-overlay .pagebuilder-column-line > .pagebuilder-column div[data-content-type='text'] table > tbody > tr > td, .microsite-widget-background-overlay .pagebuilder-column-line > .pagebuilder-column div[data-content-type='text'] table > tbody > tr > td p, .microsite-widget-background-overlay .pagebuilder-column-line > .pagebuilder-column div[data-content-type='text'] table > tbody > tr > td p > a, .microsite-widget-background-overlay .pagebuilder-column-line > .pagebuilder-column div[data-content-type='text'] p > span { font-family: "Open Sans"; color: #fff; } .microsite-widget-background-overlay .pagebuilder-column-line > .pagebuilder-column div[data-content-type='text'] h5 { font-size: 16px; text-transform: uppercase; font-weight: 600; margin-bottom: 15px; letter-spacing: 1px; margin: 0 0 5px; } .microsite-widget-background-overlay .pagebuilder-column-line > .pagebuilder-column div[data-content-type='text'] h3 { font-size: 30px; margin-bottom: 0px; text-transform: capitalize; margin-top: 0; line-height: 1.2; font-weight: 700; width: 80%; } .microsite-widget-background-overlay .pagebuilder-column-line > .pagebuilder-column div[data-content-type='text'] table > tbody > tr > td { font-size: 18px; } .microsite-widget-background-overlay .pagebuilder-column-line > .pagebuilder-column div[data-content-type='text'] table > tbody > tr > td p > a { background: #9D2A1E; color: #fff; padding: 10px 20px; display: inline-block; font-size: 14px; font-weight: 700; transition: .3s; } .microsite-widget-background-overlay .pagebuilder-column-line > .pagebuilder-column div[data-content-type='text'] table > tbody > tr > td p > a:hover { background: #000 !important; } /* overlay */ .microsite-widget-background-overlay::before { left: 0; top: 0; width: 100%; height: 200px; content: ''; position: absolute; background-color: transparent; background-image: linear-gradient(360deg, #c3c3c399 0%, #666 100%); opacity: 0.75; transition: background 0.3s, border-radius 0.3s, opacity 0.3s; z-index: 1; } /* button */ .microsite-button { width: 48%; position: relative; } .microsite-button.btn-configure {margin-left: 4%;} .microsite-button.btn-learnmore::before, .microsite-button.btn-configure::before { display: block; height: 30px; position: absolute; z-index: 2; top: 0; bottom: 0; margin: auto; left: 16px; font-family: 'FontAwesome'; font-size: 2.66rem; line-height: 30px; transition: .3s; } .microsite-button.btn-learnmore::before {content: "\f05a";} .microsite-button.btn-configure::before {content: "\f013";} .microsite-button > .pagebuilder-button-primary { background: #eaeaea !important; color: #202020 !important; width: 100%; text-align: left !important; font-size: 14px !important; position: relative; z-index: 1; display: block !important; border: 0px !important; margin: 0px !important; overflow: hidden; cursor: pointer; transition: .3s; padding-left: 48px; } .microsite-button > .pagebuilder-button-primary_01NA::after { content: ''; position: absolute; top: 0; right: -20px; width: 40%; height: 100%; z-index: -1; transform: skew(-29deg); padding-left: 20px; background: #9D2A1E; transition: .3s; } .microsite-button > .pagebuilder-button-primary_01NA::before { content: ''; width: 0; height: 0; border-width: 5px 0 5px 7px; border-style: solid; display: block; right: 13px; border-color: transparent transparent transparent #f5f5f5; position: absolute; top: 50%; transform: translateY(-50%); } .microsite-button_01NA::after { content: ""; position: absolute; right: 20px; background: #fff; width: 35px; height: 2px; top: 50%; z-index: 1; transform: translateY(-50%); } /* button:hover */ .microsite-button:hover::before, .microsite-button:hover > .pagebuilder-button-primary { background: #9D2A1E !important; color: #fff !important; } .microsite-button:hover > .pagebuilder-button-primary::after { background: #000; } /* content font */ .microsite-below-banner-content-wrap .pagebuilder-column-line > .pagebuilder-column div[data-content-type='text'] h2 > span, .microsite-widget-content-wrap .pagebuilder-column-line > .pagebuilder-column div[data-content-type='text'] h5 > span, .microsite-widget-content-wrap .pagebuilder-column-line > .pagebuilder-column div[data-content-type='text'] h3 > span, .microsite-widget-content-wrap .pagebuilder-column-line > .pagebuilder-column div[data-content-type='text'] h2 > span, .microsite-widget-content-wrap .pagebuilder-column-line > .pagebuilder-column div[data-content-type='text'] ul > li > span, .microsite-widget-content-wrap .pagebuilder-column-line > .pagebuilder-column div[data-content-type='text'] p > span { font-family: "Open Sans" !important; } .microsite-widget-content-wrap .pagebuilder-column-line > .pagebuilder-column div[data-content-type='text'] h5 > span { letter-spacing: 1.5px; } /* #cad #spec*/ p.microsite-img-wrap.img-h200 { border: 1px solid #c3c3c3; height: 200px; display: flex; max-width: 200px; } p.microsite-img-wrap.img-h300 { height: 300px; } p.microsite-img-wrap.img-h300 img { height: inherit !important; width: auto !important; } p.microsite-link-wrap { display: flex; justify-content: space-between; gap: 5px; } p.microsite-link-wrap a { background: #cd1919; padding: 4px 8px; color: white; text-decoration: none; font-size: 12px; text-transform: uppercase; font-weight: bold; } p.microsite-link-wrap a:hover { text-decoration: underline; color: #fff !important; } p.microsite-link-wrap a.link-spec-sheet::before { content: "\f0c1"; display: inline-block; padding-right: 8px; font: normal normal normal 14px / 1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; } /* #drawing #figure #h500 */ .figure-img-h500-wrap { display: flex; height: 500px; width: auto; max-width: 100%; position: relative; } .figure-img-h500-wrap img { max-width: 100% !important; height: inherit !important; width: auto !important; margin: 0 auto !important; } /* #drawing #figure #h300 */ .figure-img-h300-wrap { display: flex; height: 300px; width: auto; max-width: 100%; position: relative; } .figure-img-h300-wrap img { max-width: 100% !important; height: inherit !important; width: auto !important; margin: 0 auto !important; } /* #util #common*/ /* microsite floating #list items #head (#element_h3) #body (#element_text) */ .microsite-lt-ft-itm-head, .microsite-lt-ft-itm-body { position: absolute; left: 0; padding: 10px; } .microsite-lt-ft-itm-head { top:0px; } .microsite-lt-ft-itm-body { top:30px; } .microsite-lt-ft-itm-body ul { list-style: disc; margin-left: 20px; } /* microsite features #list items */ .microsite-features-itm-body { position: relative; } .microsite-features-itm-body ul { list-style: disc; padding-left: 10px; display: flex; flex-flow: row wrap; margin-left: 10px; } .microsite-features-itm-body ul > li { flex: 0 0 33.33333%; padding: 10px 10px 10px; } ul.microsite-ol-wrap { list-style: disc; padding-left: 10px; margin-left: 10px; } /* #page#configurator_index_list BEGIN */ .configurator-albatros-view .page-title-wrapper, .configurator-index-list .page-title-wrapper {display: none;} .pagewrap-config-index-list {} .pagewrap-config-index-list section {} .pagewrap-config-index-list .section-container { padding-top: 10px; padding-bottom: 90px; } .pagewrap-config-index-list .section-wrapper { position: relative; max-width: 1350px; padding-left: 40px; padding-right: 40px; margin-left: auto; margin-right: auto; } .pagewrap-config-index-list .section-title-wrap { max-width: 730px; text-align: center; margin-bottom: 70px; margin-left: auto; margin-right: auto; } .pagewrap-config-index-list .section-title-wrap.wide { max-width: 900px; } .pagewrap-config-index-list .section-title-text { line-height: 60px; margin-top: 0; margin-bottom: 0; font-size: 44px; font-weight: 900; } .pagewrap-config-index-list .section-paragraph-wrap { max-width: 90%; margin-top: 30px; margin-left: auto; margin-right: auto; } .pagewrap-config-index-list .section-title-paragraph { font-size: 20px; line-height: 24px; } .pagewrap-config-index-list .section-title-paragraph.less-wide { max-width: 530px; margin-left: auto; margin-right: auto; } .pagewrap-config-index-list .image-wrapper { background-color: #f1f2f7; width: 100%; margin-left: 0px; padding-top: 60px; padding-bottom: 60px; padding-right: 0; overflow: hidden; position: relative; } .pagewrap-config-index-list .image-content-wrap { position: relative; min-height: 300px; } .pagewrap-config-index-list img { max-width: 100%; display: inline-block; max-height: 350px; } .pagewrap-config-index-list .image-content { border-radius: 10px 0; margin-bottom: -60px; margin-left: 60px; box-shadow: 0 4px 54px #00000026; } .pagewrap-config-index-list .image-label { position: absolute; top: 4%; left: 4%; bottom: inherit; } .pagewrap-config-index-list .image-title-text { line-height: 30px; margin-top: 0; margin-bottom: 0; font-size: 16px; font-weight: 900; background: #cd1916; color: #fff; padding: 5px 16px; } .pagewrap-config-index-list .intro-wrapper { margin-left: auto; margin-right: auto; } .pagewrap-config-index-list .intro-wrapper.left-aligned { text-align: left; margin-left: 0; margin-bottom: 0; position: relative; padding-top: 25px; padding-bottom: 35px; background-color: #f1f2f7; border-style: solid; border-width: 0px 0px 2px 0px; border-color: #cd1919; } .pagewrap-config-index-list .intro-wrapper.left-aligned.right-side { /*max-width: 560px;*/ padding-left: 5%; } .pagewrap-config-index-list .intro-wrapper .intro-title-text { /*color: #272727;*/ display: inline-block; text-transform: capitalize; margin-bottom: 10px; font-size: 16px; line-height: 31px; background: #cd1916; color: #fff; padding: 4px 8px; font-weight: 900; } .pagewrap-config-index-list .intro-wrapper .intro-title-3-text.smaller-text { font-size: 35px; line-height: 40px; margin-top: 0; margin-bottom: 0; font-weight: 900; } .pagewrap-config-index-list .intro-wrapper .intro-sub-title-text { font-size: 16px; line-height: 24px; padding-top: 15px; min-height: 160px; } .pagewrap-config-index-list .intro-wrapper .intro-paragraph-wrap { max-width: 100%; margin-left: 0; margin-right: 0; margin-top: 30px; } .pagewrap-config-index-list .w-row::before { content: " "; display: table; } .pagewrap-config-index-list .w-row::after { content: " "; display: table; clear: both; } .pagewrap-config-index-list .intro-icon-bullet { padding-top: 5px; padding-bottom: 5px; display: block; } .pagewrap-config-index-list .intro-icon-bullet-icon-wrapper { height: 40px; padding-top: 8px; padding-left: 0; padding-right: 0; float: left; width: 8%; font-size: 20px; color: #cd1916; } .pagewrap-config-index-list .intro-icon-bullet-text-wrapper { padding-top: 10px; font-size: 16px; padding-left: 10px; padding-right: 10px; float: left; width: 92%; } .pagewrap-config-index-list .intro-cta-wrap { justify-content: flex-start; display: flex; margin-top: 20px; } .pagewrap-config-index-list .w-button { display: inline-block; color: #fff; line-height: inherit; cursor: pointer; padding: 10px 20px; font-size: 16px; font-weight: 600; border-radius: 4px; border: 0 solid #000; transition: all .3s; } .pagewrap-config-index-list .intro-cta-configure-button { background-color: #cd1919; } .pagewrap-config-index-list .intro-cta-demo-button { margin-left: 10px; color: #000; background-color: #0000; box-shadow: inset 0 0 0 2px #000; } .pagewrap-config-index-list .intro-cta-configure-button:hover { background: #fff; color: #cd1919; box-shadow: inset 0 0 0 2px #cd1919; } .pagewrap-config-index-list .intro-cta-demo-button:hover { background-color: #000; color: #fff; } .pagewrap-config-index-list .faq-question-tab { color: #191a1b; min-width: 100%; padding-top: 35px; padding-bottom: 35px; font-size: 20px; font-weight: 600; line-height: 30px; background: transparent; } .pagewrap-config-index-list .faq-question-tab .faq-question-title-text { position: relative; font-size: 20px; } .pagewrap-config-index-list .faq-question-tab .accordion-toggle { position: absolute; top: 5%; right: 5%; bottom: inherit; } .pagewrap-config-index-list .panel-heading .accordion-toggle::after { font-family: 'Glyphicons Halflings'; content: "\e113"; float: right; color: grey; } .pagewrap-config-index-list .panel-heading .accordion-toggle.collapsed::after { content: "\e114"; } .pagewrap-config-index-list .faq-answer { color: #191a1b; font-size: 16px; line-height: 24px; } .pagewrap-config-index-list .panel-group .panel { border: none; } .pagewrap-config-index-list .panel-heading .accordion-toggle span { display: none; visibility: hidden; } /* #page#configurator_index_list END */ /* Footer Address #Albatros #Ranger*/ .configurator-index-list .page-footer .block-footer-top {} .configurator-albatros-view .page-footer .block-footer-top .footer-address-block, .configurator-index-list .page-footer .block-footer-top .footer-address-block, .configurator-index-view .page-footer .block-footer-top .footer-address-block { display: flex; flex-direction: column; justify-content: center; align-items: center; } .configurator-albatros-view .albatros-form-template .configurator-title, .configurator-index-view .albatros-form-template .configurator-title, .configurator-albatros-view .albatros-form-template .configurator-desc, .configurator-index-view .albatros-form-template .configurator-desc, .configurator-albatros-view .albatros-form-template .configurator-section, .configurator-index-view .albatros-form-template .configurator-section { max-width: 80%; margin: auto; } /* @media (min-width: 1266px) and (max-width: 1551px) @media only screen and (max-width: 1265px) @media (min-width: 1025px) and (max-width: 1264px) */ @media only screen and (min-width: 1025px) and (max-width: 1551px) { .page-layout-comunello-microsite-layout .microsite-header .header-contact-wrap { padding-left: 10px; padding-right: 10px; width: 78%; } .page-layout-comunello-microsite-layout .microsite-header .header-topnav-wrap { padding-left: 10px; padding-right: 10px; } .page-layout-comunello-microsite-layout .microsite-header .header-contact-wrap > div[data-content-type='html'] .top-link-item { padding: 0px; } .page-layout-comunello-microsite-layout .microsite-header .header-topnav-wrap .magicmenu {float: left;} .page-layout-comunello-microsite-layout .microsite-header .header-topnav-wrap .magicmenu .nav-desktop { display:flex; } .page-layout-comunello-microsite-layout .header .header-content .container {padding: 0px;} .page-layout-comunello-microsite-layout .magicmenu .nav-desktop .level0 .level-top {padding: 16px 10px;} } @media only screen and (max-width: 1024px) { .page-layout-comunello-microsite-layout .microsite-header { width: 100%; } .page-layout-comunello-microsite-layout .microsite-header .header-logo-wrap { width: 100%; } .page-layout-comunello-microsite-layout .microsite-header .header-contact-wrap { width: 100%; padding-left: 0px; padding-right: 0px; } .page-layout-comunello-microsite-layout .microsite-header .header-topnav-wrap { width: 80%; padding-left: 0px; padding-right: 0px; height: 58px; } .page-layout-comunello-microsite-layout .header .header-content .container { padding-left: 0px; padding-right: 0px; } .page-layout-comunello-microsite-layout .header .header-top .container { padding-left: 0px; padding-right: 0px; } .page-layout-comunello-microsite-layout .magicmenu .nav-desktop .level0 .level-top { padding: 10px; } .page-layout-comunello-microsite-layout .header .header-top .col-md-9 .content-cart { top: -60px; } .page-layout-comunello-microsite-layout .content-cart .tool-header .header-setting { margin: 10px auto; } .microsite-button { width: 100%; } .microsite-button.btn-configure {margin-left: 0px;margin-top: 2%;} } @media (min-width: 768px) and (max-width: 991px) { } @media only screen and (max-width: 980px) { .page-layout-comunello-microsite-layout .header-content.microsite-header { display: block; } .page-layout-comunello-microsite-layout .microsite-header .header-contact-wrap { height: auto; } .page-layout-comunello-microsite-layout .microsite-header .header-contact-wrap > div[data-content-type='html'] .top-link-item { width: 50%; margin-bottom: 2%; } .page-layout-comunello-microsite-layout .microsite-header .header-topnav-wrap { width: 50%; } .page-layout-comunello-microsite-layout .header .header-top .col-md-9 .content-cart { top: -85px; } .page-layout-comunello-microsite-layout .header .header-top .col-md-9 .content-cart .tool-header .header-setting { width: auto; } .page-layout-comunello-microsite-layout .magicmenu {display: none;} .page-layout-comunello-microsite-layout .microsite-mobile-menu {display: block;} /* mobile menu [ .nav-open .nav-sections ]*/ .nav-open .page-layout-comunello-microsite-layout .header-topnav-wrap .nav-sections {z-index: 100;} .nav-open .page-layout-comunello-microsite-layout .header-topnav-wrap .nav-sections .navigation-mobile ul li a:hover { background: #cd1919; color: #fff; } .nav-open .page-layout-comunello-microsite-layout .header-topnav-wrap .nav-sections .navigation-mobile ul li a span { text-transform: uppercase; font-family: 'Open Sans'; } } @media (max-width: 767px) { .page-layout-comunello-microsite-layout .microsite-header .header-contact-wrap > div[data-content-type='html'] .top-link-item { width: 100%; padding: 2%; } .page-layout-comunello-microsite-layout .microsite-header .header-topnav-wrap { width: 25%; } .page-layout-comunello-microsite-layout .header .header-top .col-md-9 .content-cart { top: -70px; } .page-layout-comunello-microsite-layout .breadcrumbs { margin-bottom: 0px; } } /* SDL code - AIDI Microsite Detail END */ /* =================================== */ /* SDL code - RESPONSIVE BEGIN */ @media only screen and (max-width:980px){ .product-block-wrapper li{width:20% !important;} .shop-more-wrapper .btn-wrapper ul{text-align: left;padding: 0 0 20px 0;} } @media only screen and (max-width:640px){ .product-block-wrapper li{width:25% !important;} .product-block-wrapper li .card{min-height: 230px;} } @media only screen and (max-width:480px){ .product-block-wrapper li{width:33.33% !important;} } @media only screen and (max-width:360px){ .product-block-wrapper li{width:50% !important;} } /* SDL code - RESPONSIVE END */ .megashop h3{display: block;min-width: 200px;background-repeat: no-repeat;background-position: 10px 50%; margin-left: 0!important;margin-bottom: 0;text-transform: uppercase;padding: 0 60px 0 34px;height: 50px;line-height: 50px;font-size: 20px;font-weight: normal;float: left;color: #fff; position: relative;z-index: 1;} /*.megashop h3:before{background: rgba(0, 0, 0, 0) url("../images/alothemes/icon-angle-right.png") no-repeat scroll right center; color: #ffffff;content: "";font-weight: normal;height: 20px; position: absolute;right: 5px; top: 50%;-ms-transform: translateY(-50%);-webkit-transform: translateY(-50%); transform: translateY(-50%);width: 12px;}*/ .product-featured .content-products .slick-slider{margin-bottom: 0;} .product-box .sub-category-wapper{padding-right: 0;} .product-box .sub-category-list {line-height: 30px;padding: 20px 15px 20px 30px;} .megashop .sub-category-list.magictabs{border: 0;} .sub-category-list.magictabs .item{display: block;line-height: 30px;} .megashop .sub-category-list.magictabs .item .title{padding: 0;background-color: transparent;} .megashop .sub-category-list.magictabs .item .title:before,.megashop .sub-category-list.magictabs .item .title:after{display: none;} /* View Type:Grid */ .category-products.grid .products{margin-right: -15px;margin-left: -15px;} .grid.products-grid .item{text-align:center;float: left;} .column.main .products-grid .product-items {margin-bottom:0;position: relative;width: 100%;} .column.main .products-grid .product-items::after {clear: both;content: '';display: table;} .category-products .item img,.product-image img{display: block; height: auto; max-width: 100%;} .category-products.grid .item .product-image-wrapper {display: block;height: 0;overflow: hidden;position: relative;z-index: 1;} .category-products.grid .item .product-image-photo{bottom: 0;display: block;height: auto;left: 0;margin: auto;max-width: 100%;position: absolute;right: 0;top: 0;} .category-products .products-grid .category-products-grid{margin:0 0 30px} .product-image-photo,.slick-slide img{margin: 0 auto;} .grid .product-item-info{padding-bottom: 3px;border: 1px solid #eee;} .category-products.grid .product-item-info{margin-bottom: 30px;} .products-grid{position:relative;z-index: 0;} .products-grid.last{border-bottom:0} .products-grid .product-name{margin:0 0 5px;font-size:100%;/*text-overflow:ellipsis;white-space:nowrap;overflow:hidden;*/line-height: normal;} .products-grid .product-name a{font-size:14px;line-height: normal;outline:0 none;text-decoration:none;} .product-item-name, .product.name a{font-weight: 500;} .products-grid .price-box{line-height: 20px;display: inline-block;margin: 0;} .products-grid .availability{line-height:21px} .item .add-to-links{margin:0; padding: 0;} .block-custom.block-custom2 .images-container .actions-no .button.btn-cart {width: 100%;} .item .add-to-links a{color:#777;display:block !important;font-size:15px;line-height:30px;font-weight:normal;padding:0;} .item .add-to-links a:hover{color:#ea5648;} .per-product,.images-container{position: relative;} .images-container{padding: 10px 12px 0;padding: 10px 15px 0;overflow: hidden;} .hover-box > a.detail_links {bottom: 0;left: 0;position: absolute;right: 0;top: 0;} .item .actions-no .add-to-links a,.item .actions-no .add-to-links .quickview{margin-left: 200px;} .item .actions-no .add-to-links a.towishlist{ -webkit-transition: margin-left 0.4s ease 0.4s; -moz-transition: margin-left 0.4s ease 0.4s; -ms-transition: margin-left 0.4s ease 0.4s; -o-transition: margin-left 0.4s ease 0.4s; transition: margin-left 0.4s ease 0.4s; } .item .actions-no .add-to-links a.tocompare{ -webkit-transition: margin-left 0.3s ease 0.3s; -moz-transition: margin-left 0.3s ease 0.3s; -ms-transition: margin-left 0.3s ease 0.3s; -o-transition: margin-left 03s ease 0.3s; transition: margin-left 0.3s ease 0.3s; } .item .actions-no .add-to-links .quickview{ -webkit-transition: margin-left 0.2s ease 0.2s; -moz-transition: margin-left 0.2s ease 0.2s; -ms-transition: margin-left 0.2s ease 0.2s; -o-transition: margin-left 0.2s ease 0.2s; transition: margin-left 0.2s ease 0.2s; } .item .actions-no .add-to-links .quickview span{display: block;} .item:hover .actions-no .add-to-links a ,.item:hover .actions-no .add-to-links .quickview{margin-left: 0;} .actions-no .actions {overflow: hidden;position: absolute;right: 20px;top: 10%;width: 32px;z-index: 3;-webkit-perspective: 800px;perspective: 800px;} .actions-cart{z-index: 3;width: 100%;position: absolute;left: 0;right: 0; bottom: -50px; width: 100%;text-align: center;-moz-transition: all 0.45s ease;-webkit-transition: all 0.45s ease; -o-transition: all 0.45s ease; -ms-transition: all 0.45s ease; transition: all 0.45s ease;-webkit-perspective: 800px;perspective: 800px;} .item .actions-cart .button.btn-cart{ background-color: rgba(0,0,0,0.4);color: #fff;opacity: 0.7;width: 100%;padding:0px;display: inline-block;vertical-align: middle; border:0;height: auto;line-height: 40px;} .item .actions-cart .button.btn-cart span{background: url("../images/alothemes/add-cart.png") no-repeat left center;height: 32px;line-height: 32px;padding-left: 40px;} .item:hover .actions-cart {bottom: 0;} .item .actions-cart .button.btn-cart:hover{opacity: 1;} .item .actions-no .add-to-links a,.item .actions-no .add-to-links .quickview{width:32px;height:32px;line-height:32px;overflow:hidden;padding:0;margin-bottom: 5px;font-size:18px;text-align: center;border-radius: 50%;border: 0;} .item .actions-no .add-to-links a .icons,.item .actions-no .add-to-links .quickview .icons{width:100%;font-size: 14px;display: block;height: 32px;line-height: 32px;} .item .actions-no .add-to-links li,.item .actions-no .button.btn-cart span .icons{border: 0;} .item .actions-no .button.btn-cart span .icons{font-size: 19px;} .item .actions-no .button.btn-cart span span{background:none} .stock.unavailable{background-image: url(../images/alothemes/outofstock_icon.png);background-position: 0 0;background-repeat: no-repeat;height: 35px;width: 35px;margin-bottom: 8px;} .stock.unavailable span{font-size: 0;} /* View Type:List */ .products-list .products.list{padding-top: 15px;} .products-list li.item{margin-top: -1px;padding: 0px 0 10px;height: auto; border-bottom: 1px solid #eaeaea;border-left: 1px solid transparent;border-top: 1px solid transparent;border-right: 1px solid transparent;height: auto;float: none;width: 100%;} .products-list li.item:last-child{margin-bottom: 10px;} .products-list li.item:hover{border: 1px solid #eaeaea;} .products-list li.item.last{border-bottom:0} .products-list .item .left-block{float: left;} .products-list .item .right-block{float: right;} .products-list .images-container{float: left; width: 33.3333%;} .products-list .item .product-item-inner{text-align: left;width: 66.6667%;float: left;} .products-list li.item.last{border-bottom:0} .products-list .product-name{margin:0 0 12px;font-size:100%;line-height: normal;} .products-list .product-name a{font-size:18px;text-decoration:none;} .products-list .product-item .product-reviews-summary .reviews-actions{display: inline-block;margin: 0;line-height: normal;} .products-list .product-reviews-summary .reviews-actions .action {font-size: 13px;margin: 0;padding: 0 15px 0 10px;} .products-list .item .action.tocart {float: left;background-image: url("../images/alothemes/cart-list.png"); background-repeat: no-repeat; background-position: 15px 50%;background-color: #958457;border:0;margin-bottom: 10px; padding-left: 30px;} .products-list .item .action.tocart:hover{background-color: #958457; opacity: .8;} .products-list .item .action.tocart span{padding: 0 0 0 15px;} .products-list .product-item-inner .actions-secondary{ clear: both;text-align: center;} .products-list .availability{float:left;margin:3px 0 0} .products-list .desc{clear:both;padding:0;margin:0px;text-align:left;color: #666666;font-size: 14px;} .products-list .desc p{color:#2a2a2a;font-size:14px;margin:0;font-weight: 300;} .products-list .desc .link-learn{font-size:11px} .products-list .item .product-item-inner .actions-no .add-to-links{margin-left: 8px;} .products-list .item .product-item-inner .actions-no .add-to-links li{margin: 0px 8px;} .products-list .add-to-links .separator{display:inline;margin:0 2px} .products-textlink{margin-top: 15px;padding:0px 15px;text-align:left;} .products-textlink p{margin:0;} .product-image{outline:0!important} .page-products .products.wrapper.products-list{margin: 0;} .actions-list .actions {border: 0 none;display: block;} .products-list .item .actions-list .button.btn-cart .icons{border-right: 1px solid #d4d4d4;display: inline-block;} .products-list .item .product-item-inner .add-to-links .link-view,.products-list .item .product-item-inner .add-to-links .action{display: inline-block;vertical-align: middle;} .products-list .item .product-item-inner .add-to-links .action,.products-list .item .product-item-inner .add-to-links .quickview {border-width: 1px ;border-style: solid;height: 32px;width: 32px;background-color: #fff;display: inline-block !important;text-align: center;overflow: hidden;border-radius: 50%;padding: 0;} .products-list .product-item-inner .add-to-links a{margin:0 4px;} .products-list .item .product-item-inner .add-to-links .action .icons,.products-list .item .product-item-inner .add-to-links .quickview .icons {display: block;font-size: 14px;height: 32px;line-height: 32px;width: 100%;} .products-list .item .product-item-inner .add-to-links .quickview span{display: block;} .product-item-description{clear: both;float: left;} .product-item-description .action.more{color: #333;display: block;padding: 10px 0 0;} .product-item-description .action.more:hover{text-decoration: underline;} /* Product Hover ========================================================================== */ .product-img-back{left:0;opacity:0;position:absolute;top:0;transition:all 0.2s ease-in-out 0s;visibility:hidden;width:100%;} .item:hover .product-img-back{opacity:1;visibility:visible;transition:all 0.2s ease 0s} .magicmenu .nav-desktop .level0 .product-img-back{transition-property:none;} /* ======================================================================================= */ /* Product View ========================================================================== */ /* Rating */ .ratings-table th,.ratings-table td{font-size:11px;line-height:1.15;padding:3px 0} .ratings-table th{font-weight:normal;padding-right:8px} /* Availability */ .availability{margin:0} .availability span{font-weight:bold} .availability.in-stock span{} .availability.out-of-stock span{color:#d83820} .availability-only{margin:10px 0 7px;line-height:16px;background:url(../images/i_availability_only.gif) 0 50% no-repeat;padding-left:15px} .availability-only span,.availability-only a{border-bottom:1px dashed #751d02;color:#000} .availability-only a{background:url(../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} /* Email to a Friend */ .product-view .product-shop .email-friend,.product-view .product-shop .print{float: left;} .product-view .product-shop .print{font-size: 14px;color: #666;margin-right: 15px;margin-bottom: 0;} .form-share .fa {font-size: 18px;} .form-share{ border-top: 1px solid #eaeaea;padding: 10px 0;} /* Alerts */ .alert-price{margin:0;font-size:11px} .alert-stock{margin:0;font-size:11px} /********** < Product Prices */ .price{white-space:nowrap!important} .price-box{margin:5px 0} .price-box .price{font-size:18px;color: #4a4949;} /* Regular price */ .regular-price{color:#c76200} .regular-price .price{ color: #4a4949;} /* Old price */ .old-price{margin:0;display: inline-block;} .old-price .price-label{white-space:nowrap;color:#999;display:none} .price-box .old-price .price{font-weight:normal;color:#666;text-decoration:line-through;font-size: 15px; padding-right: 5px;} /* Special price */ .special-price{margin:0;padding:0 3px 0 0;display: inline-block;line-height: 20px;} .special-price .price-label{font-size:14px;font-weight:normal;white-space:nowrap;color:#cd5033;display:none} .special-price .price{color:#4a4949;margin:0 5px 0 0;} .product-item .special-price .price, .product-item .minimal-price .price {font-size: 14px;font-weight: normal;} .product-view .product-shop .special-price .price{font-size: 25px;display: inline-block;margin: 0;} .product-view .product-shop .special-price{line-height: 25px;margin: 0;} /* Minimal price (as low as) */ .minimal-price{margin:0} .minimal-price .price-label{font-weight:bold;white-space:nowrap;display:none} .minimal-price-link{display:block} .minimal-price-link .label{color:#1e7ec8} .minimal-price-link .price{font-weight:normal;color:#1e7ec8} /* 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} /* 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;color:#2f2f2f} /* Price as configured */ .price-as-configured{margin:0} .price-as-configured .price-label{font-weight:300;white-space:nowrap} .price-box-bundle{padding:0 0 10px 0} .price-box-bundle .price-box{margin:0!important;padding:0!important} .price-box-bundle .price{color:#000} /********** Product Prices > */ /* Tier Prices */ .product-pricing,.tier-prices{margin:10px 0;padding:10px;background-color:#f4f7f7;border:1px solid #dadddd;color:#424242} .tier-prices li{line-height:1.4;background:url(../images/i_tier.gif) no-repeat 0 3px;padding:2px 0 2px 10px} .tier-prices .benefit{font-style:italic;font-weight:bold;color:#2f2f2f} .tier-prices .price{font-weight:bold;color:#2f2f2f} .tier-prices-grouped li{padding:2px 0;color:#e26703} .tier-prices-grouped li .price{font-weight:bold} /* Add to Links */ .add-to-links{font-size:11px;margin:5px 0 0} .add-to-links .separator{display:none} /* Add to Cart */ .add-to-cart label{float:left;margin-right:5px;font-weight:normal;color:#666;line-height:40px} .add-to-cart .qty{float:left;margin-right:5px;height:40px} .add-to-cart button.button{float:left} .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} .add-to-box .add-to-links{border-bottom:1px solid #f3f3f3;clear:both;margin:0 0 15px;padding:0 0 25px;text-align:left} .add-to-box .add-to-cart{float:left} .add-to-box .or{float:left;font-weight:bold;margin:0 7px;color:#666} .add-to-box .add-to-links{float:left;font-size:12px!important;line-height:1.25!important;text-align:left!important} .add-to-box .add-to-links li .separator{display:none!important} /* Tab detail */ .product.info.detailed{margin: 60px 0 50px;} .product.info.detailed .product.data.items .description p{font-size: 14px;color: #333;line-height: 25px;} .review-product-list .pager{float: none;padding:0;} .product.data.items {position: relative;z-index: 1;text-align: center;} .product.data.items > .item.content {float: right;margin-left: -100%;margin-top: 50px;padding:20px;text-align: left; width: 100%;border: 1px solid #e2e2e2;position: relative;z-index: 1;} .product.data.items > .item.title > .switch {position: relative; z-index: 2; color: #fff;display: block;float: left;font-weight: bold;height: 50px;padding: 0 26px;} .product.data.items > .item.title > .switch .counter{font-size: 15px;} .product.data.items > .item.title.active > .switch,.product.data.items > .item.title:hover > .switch{background-color: #ffffff;color: #333333;} .product.data.items::before, .product.data.items::after {content: "";display: table;} .product.data.items:after {clear: both;} .product-view .toggle-tabs .item,.product.data.items > .item.title{background: #333 none repeat scroll 0 0;border: 1px solid #e2e2e2;display: inline; float: left;height: 50px; line-height: 50px;margin-right: 8px;text-align: center;text-transform: uppercase;} .product-view .toggle-tabs .item:first-child,.product.data.items > .item.title:first-child{background-image: none;} .product-view .toggle-tabs .item.active,.product-view .toggle-tabs .item:hover{color:#333333;} .fieldset > .field > .label {border-color: #c9c9c9;color: #666666;font-weight: normal;line-height: normal;text-align: left;margin: 0;padding: 20px 0 10px;} .review-add .block-content .fieldset{padding: 0;margin: 0;} .fieldset > .field > .label {border-color: #c9c9c9;color: #666666;font-weight: normal;line-height: normal;text-align: left;margin: 0;padding: 20px 0 10px;} .fieldset.review-fieldset > .field > .label{border: 0;} .product-collateral h2{display:none} .product-collateral h3,.product-collateral h4{color:#666666;font-size:20px;} .product-collateral .box-collateral.box-review_form{color:#000} .product-collateral .box-description{font-size:13px;color:#666666; line-height: 24px;} .product-collateral h2{font-weight:bold;font-size:15px;color:#e26703;border-bottom:2px solid #e5dcc3;padding:0 0 1px;margin:0 0 15px} /* Product Images */ .product-view .product-img-box .product-image{position:relative;z-index:0;} .product-view .product-img-box .product-image-zoom{position: relative;z-index: 0;} .zoomContainer, .zoomWindowContainer{ z-index :10000;} .product-view .product-img-box .more-views{width: 360px;margin: 20px auto;} .fotorama__nav .fotorama__thumb-border {border-color: #4a4949;border-width: 1px;} .fotorama__nav-wrap{margin-top: 20px;} .fotorama__nav--thumbs{text-align: center;} .fotorama__stage.fotorama__shadows--right:after, .fotorama__nav.fotorama__shadows--right:after, .fotorama__stage.fotorama__shadows--left:before, .fotorama__nav.fotorama__shadows--left:before{background: none !important;} .product-view .product-img-box .more-views h2{ display: none; font-size: 11px;margin: 10px 0; text-transform: uppercase;} .product-view .product-img-box .more-views li img{margin: 0;border: 0px solid #fff;} .product-view .product-img-box .more-views li img:hover{opacity: 0.5;} .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;color:#2f2f2f} .fotorama__stage{border: 1px solid #eee;transform: none !important;-moz-transform: none !important;-webkit-transform: none !important;-o-transform: none !important;} .fotorama--fullscreen .zoomImg {display: none !important;} .cms-index-index .fancybox-wrap .page-wrapper{background-color: #fff;} .page-layout-2columns-left .fancybox-wrap .alocolumns, .page-layout-2columns-right .fancybox-wrap .alocolumns{margin: 0 !important;} .page-layout-2columns-left .fancybox-wrap .column.main, .page-layout-2columns-right .fancybox-wrap .column.main{width: 100% !important;float: none;margin: 0 !important;padding: 0 !important;} .fancybox-wrap .container{max-width: 100%;} .fancybox-skin{border-radius: 4px;} .product-view.product-quickview{margin: 0;} .product-view.product-quickview .product-essential{padding: 15px 0;} .product-view.product-quickview .product-media.product.media{float: left;width: 41.6667%;padding-left: 15px;} .product-view.product-quickview .product-info-main.product-shop{float: left;width: 58.3333%;padding: 0 15px;} .fancybox-wrap iframe{vertical-align: inherit !important;} .page-products.catalog-category-view .fancybox-wrap .page-title-wrapper{position: static;text-align: left;transform: none; -moz-transform: none;-webkit-transform: none;-o-transform: none; -ms-transform: none;} .page-products.catalog-category-view .fancybox-wrap .page-title-wrapper .page-title{border: 0;} .page-products.catalog-category-view .fancybox-wrap .page-title-wrapper .page-title span{border: 0;padding: 0;position: static;} .product-view.product-quickview .product-shop .shop-content-left,.product-view.product-quickview .product-shop .shop-content-right{float: none;width: 100%;} .product-view.product-quickview .product-shop .shop-content-right{padding: 0;border: 0;text-align: left;} .product-view.product-quickview .product-qty{margin: 0;} /* move style alothemes */ .alothemes{display: block;} .item .quickview.configurable{display: none !important;} /* Product Shop */ .product-view .product-shop{text-align:left;} .product-view .product-shop .page-title-wrapper .page-title{margin: 0;} .product-view .product-shop .product-name h1, .product-view .product-shop .page-title-wrapper .page-title span{display: block;color: #333;font-size: 24px;line-height: 25px;margin: 0px; text-transform: capitalize;font-weight: normal;} .product-info-stock-sku{margin: 10px 0;} .product-info-main .stock.available, .product-info-main .stock.unavailable{vertical-align: middle;font-weight: normal;text-transform: capitalize; display: none;} .product-info-main .product.attibute.sku .type{color: #767676;font-size: 14px;font-weight: normal;} .product-info-main .product.attibute.sku .type::after {content: "#:";} .product-info-main .product.attibute.overview{border-top: 1px solid #eaeaea;border-bottom: 1px solid #eaeaea;margin:0;padding:10px 0px;color: #333;font-size: 14px;} .product-info-main .product.attibute.overview p{margin: 0;font-size: 15px;font-weight: 300;} .product-view .product-shop .short-description h2{color:#2a2a2a;font-size: 16px;text-transform: uppercase;display: none;} .product-view .product-shop .price-box{clear:both;margin:0;padding:0;display: inline-block;} .product-view .product-shop .product-social-links ,.product-add-form .product-social-links{clear: inherit; margin: 0px;padding: 5px 0; border: 0 none;} .product-view .product-shop .add-to-links,.product-add-form .add-to-links{width: 100%;margin: 0 0 10px;} .product-view .product-shop .product-social-links a,.product-add-form .product-social-links a{margin-right: 30px;} .product-view .product-shop .product-social-links a .icons,.product-add-form .product-social-links a .icons{background-color: #999;border-radius: 50%;color: #fff;text-align: center; display: inline-block !important; font-size: 16px;height: 30px; line-height: 30px;width: 30px;margin: 0; padding: 0px; text-decoration: none;} .product-view .product-shop .product-social-links a.mailto,.product-add-form .product-social-links a.mailto{margin: 0;} .product-view .product-shop .product-social-links a span,.product-add-form .product-social-links a span{padding: 0 0 0 5px;} .product-reviews-summary .rating-summary{display: inline-block;position: relative;text-align: left;vertical-align: middle;} .product-item .product-reviews-summary .rating-summary {display: block;line-height: normal;margin: 0;vertical-align: top;} .product-view .product-shop .ratings, .product-view .product-shop .product-reviews-summary{margin-top: 0;margin-bottom:10px;display: block;/* border-top:1px solid #ecedee;border-bottom:1px solid #ecedee; */} .product-item .product-reviews-summary .reviews-actions{display: none;} .product-item .product-reviews-summary{display: inline-block;margin: 0;float: right;} .product-reviews-summary.empty{border: 0;margin: 0;} .product-reviews-summary .reviews-actions a:not(:last-child) { border-right: 1px solid #aaa;} .product-info-main .product-reviews-summary.empty .reviews-actions{margin: 5px 0 10px;} .product-info-main .product-reviews-summary .reviews-actions{margin: 15px 0px;display: inline-block;line-height: 11px;} .product-info-main .product-reviews-summary .reviews-actions .action{font-size: 15px;margin: 0;padding: 0 15px 0 10px;} .product-info-main .product-reviews-summary.empty .reviews-actions .action{padding: 0;} .data.item.content .review-list .block-title{border-bottom: 1px solid #c9c9c9;padding-bottom: 10px;margin-bottom: 0;} .review-list .block-title strong{font-size: 20px;} .review-toolbar{border-top: 1px solid #c9c9c9;margin: 0 0 10px !important;} .block .block-content li.item.review-item {padding: 30px 0;} .review-ratings .label{ color: #666666;display: inline-block;font-size: 13px;font-weight: normal; line-height: normal;margin: 0; padding: 6px 10px 10px 0;} .block.review-add .actions-toolbar{margin: 30px 0 0 !important;} .rating-summary .rating-result{width: 74px; position: relative;vertical-align: middle;display: inline-block;} .rating-summary .rating-result > span:before{content: "" "" "" "" "";color: #fec42d;position: relative;z-index: 2;} .rating-summary .rating-result:before{content: "" "" "" "" "";position: absolute;top: 0;left: 0;color: #aaaaaa;width: 100%;z-index: 1;} .rating-summary .rating-result > span:before, .rating-summary .rating-result:before{font-family: FontAwesome;font-style: normal;font-weight: normal;display: block;letter-spacing: 3px;font-size: 13px;height: 13px;line-height: 13px;} .rating-summary .rating-result > span span {border: 0 none;clip: rect(0px, 0px, 0px, 0px);height: 1px; margin: -1px; overflow: hidden;padding: 0;position: absolute;width: 1px;} .rating-summary .rating-result > span {display: block;overflow: hidden;} .review-field-ratings .review-field-rating .control {padding-top: 2px;} .review-field-ratings .review-field-rating .label, .review-field-ratings .review-field-rating .control {display: table-cell;padding-bottom: 10px;vertical-align: top;} .review-field-rating .control {margin-bottom: 48px; margin-top: 10px;} .review-control-vote {overflow: hidden;} .review-control-vote::before { color: #aaa;content: "" "" "" "" "";display: block;font-family: FontAwesome;font-size: 25px;font-style: normal;font-weight: normal;height: 25px;letter-spacing: 10px; line-height: 25px; position: absolute;vertical-align: top;z-index: 1;} .review-control-vote label:before {color: #fec42d;font-family: FontAwesome;font-size: 25px;font-style: normal;font-weight: normal;height: 25px;letter-spacing: 10px;line-height: 25px;opacity: 0;vertical-align: top;} .review-control-vote input[type="radio"] {border: 0 none;clip: rect(0px, 0px, 0px, 0px); height: 1px;margin: -1px;overflow: hidden; padding: 0;position: absolute;width: 1px;} .review-control-vote label span {border: 0 none;clip: rect(0px, 0px, 0px, 0px);height: 1px;margin: -1px;overflow: hidden;padding: 0;position: absolute; width: 1px;} .review-control-vote label {cursor: pointer;display: block;position: absolute;} .review-control-vote .rating-1 {z-index: 6;} .review-control-vote .rating-2 {z-index: 5;} .review-control-vote .rating-3 {z-index: 4;} .review-control-vote .rating-4 {z-index: 3;} .review-control-vote .rating-5 {z-index: 2;} .review-control-vote .rating-1::before {content:"";} .review-control-vote .rating-2::before { content: "" "";} .review-control-vote .rating-3::before {content: "" "" "";} .review-control-vote .rating-4:before {content: "" "" "" "";} .review-control-vote .rating-5:before {content: "" "" "" "" "";} .review-control-vote label:hover:before {opacity: 1;} .review-control-vote input[type="radio"]:focus + label::before, .review-control-vote input[type="radio"]:checked + label::before {opacity: 1;} .product-add-form .fieldset{padding: 0; margin: 0;} .product-view .product-shop .short-description .std p{font-size:13px;color:#252525;margin: 0;line-height: 24px;} .product-view .product-shop .addit .so-social-share{float: left;margin-right: 10px;} .so-twitter.so-social-share{width: 80px;} .so-plusone.so-social-share{width: 65px;} .product-view .add-to-box .add-to-cart {float: left;} .product-info-main .price-box .price-wrapper .price, .product-options-bottom .price-box .price-wrapper .price {font-weight: 400;font-size: 25px;} .product-info-main .price-box .old-price .price-wrapper .price{font-size: 15px;} .product-info-main .special-price{display: inline-block;} .product-info-main .price-box .price-including-tax + .price-excluding-tax, .product-options-bottom .price-box .price-including-tax + .price-excluding-tax, .product-info-main .price-box .weee + .price-excluding-tax, .product-options-bottom .price-box .weee + .price-excluding-tax, .product-info-main .price-box .weee, .product-options-bottom .price-box .weee{line-height: normal;margin: 0;} .product-view .product-qty , .product-info-main .box-tocart .field.qty, .product-options-bottom .box-tocart .field.qty {float: left;clear: both;} .product-view .product-qty label,.product-view .product-qty label span, .block-bundle-summary .product-details .product-qty .label span{font-size: 13px;font-weight: normal;margin: 0 5px 0 0;padding: 0;line-height: 30px;} .product-view .product-qty label, .product-view .product-qty .custom-qty,.block-bundle-summary .product-details .product-qty .label, .block-bundle-summary .product-details .product-qty .custom-qty{float: left;} .product-view .product-qty .custom-qty,.block-bundle-summary .product-details .product-qty .custom-qty{background-color: #fafafa;border: 1px solid #eaeaea;margin: 0;overflow: hidden;width: 60px;} .product-view .add-to-cart button.button {background-image: url("../images/alothemes/cart-list.png");background-position: 15px 50%;background-repeat: no-repeat;float: left;display: block !important; border: 0px solid #dadada;background-color: #4a4949;color: #ffffff;padding-left: 40px;} .product-view .add-to-cart button.button:hover{opacity: 0.8;} .product-view .add-to-cart button.button span {padding:0;height: 35px;line-height: 35px;color:#fff;} .product-view .product-shop .add-to-cart .items ,.box-tocart .items,.product-shop .add-to-box .items{background-color: #fafafa;border: 0 solid #dddee0;color: #666666;cursor: pointer;margin: 0;padding: 0;float: left;height: 10px;line-height: normal;text-align: center;width: 18px;} .product-view .product-shop .add-to-cart .items:hover,.product-options-bottom .items:hover,.product-shop .add-to-box .items:hover{color: #4a4949;} .product-view .product-qty .custom-qty .btn-plus {display: inline-block;float: left;height: 29px;width: 18px;} .product-view .product-shop input.qty,.block-bundle-summary .product-details input.qty{background-color: #fafafa;border: 0 solid #dddee0;color: #333333;float: left;font-size: 13px;height: 29px;text-align: center;width: 40px !important;padding: 0;} .product-static img{background-color:#fff;padding:10px;} .container-quickview{padding-bottom:15px;padding-top:15px;} /* Product Options */ .product-options{margin:0;padding:0px;position:relative;border-bottom: 1px solid #e8e8e8;} .product-options dl{margin:0;overflow:hidden;} .product-options dt{padding:40px 0 0;font-weight:normal} .product-options dt label{font-weight:normal;color:#444444;font-family: "Montserrat",sans-serif;} .product-options dt label.required em{color:#eb340a;margin-right:5px} .product-options dd .qty-holder{display:block;padding:10px 0 0} .product-options dd .qty-holder label{vertical-align:middle;font-weight:300} .product-options dt .qty-disabled{background:none;border:0;padding:3px;color:#2f2f2f} .product-options dd{padding:0px;margin:0} .product-options dl.last dd.last{border-bottom:0;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:99%} .product-options dd .multiselect option{border-bottom:1px dotted #d9e5ee;padding:2px 4px} .product-options ul.options-list{margin-right:5px} .product-options ul.options-list li{line-height:1.5;padding:2px 0} .product-options ul.options-list input.radio{float:left;margin-top:3px} .product-options ul.options-list input.checkbox{float:left;margin-top:3px} .product-options ul.options-list .label{display:block;margin-left:18px} .product-options ul.options-list label{font-weight:normal} .product-options ul.validation-failed{padding:0 7px} .product-options p.note{margin:0;font-size:11px} .product-options p.required{text-align:left;clear: both;margin: 10px 0 40px;} .box-tocart{padding:10px 0;} .product-options-bottom .fieldset{padding: 0;margin: 0;} .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{margin:0;padding:0} .product-options-bottom .add-to-links{clear:both;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} .product-options-bottom .add-to-cart, .product-info-main .box-tocart .actions, .product-options-bottom .box-tocart .actions{padding: 10px 0 0;width: 100%;clear: both;} .product-shop .product-options-bottom .price-box{float:left;margin:0;padding:0 0 10px;display: none;} .product-shop .product-options-bottom .price-label{float:none;padding-right:0} .product-shop .product-options-bottom .price-tax{float:none} .product-shop .product-options-bottom .add-to-cart-box,.product-options-bottom{width: 100%;} .product-add-form{} .product-options-wrapper{border-bottom: 1px solid #eaeaea;margin-bottom: 5px;} .bundle-options-container .product-options-wrapper{padding: 0;border: 0 none;} .bundle-options-container .product-options-wrapper .control .nested.options-list .choice{margin-bottom: 10px;} .block-bundle-summary .product-details .product.name{display: block;font-weight: 500;padding-top: 10px;} .block-bundle-summary .box-tocart {float: none;padding: 0;} .product-add-form .block-bundle-summary .product-details .add-to-links{float: none;} .bundle-actions {float: left; margin: 0;padding: 45px 0;} .bundle-options-container .block-bundle-summary {background: #e8e8e8 none repeat scroll 0 0;padding: 0 20px;} .bundle-options-container .block-bundle-summary .bundle-info .product-image-container .product-image-wrapper{padding-bottom: 0 !important;} .bundle-options-container .product-add-form .block-bundle-summary .fieldset{background-color: transparent;} .bundle-options-container .block-bundle-summary .product-addto-links > .action{background-color: #f5f5f5;border: 1px solid #cdcdcd;line-height: 30px;padding: 0 10px;display: inline-block;} .bundle-options-container .block-bundle-summary .product-addto-links > .action:hover{background-color: #4a4949;color: #fff;border: 1px solid #4a4949;} .bundle-options-container .block-bundle-summary .product-addto-links > .action span{padding-left: 5px;} .bundle-options-container .block-bundle-summary .product-addto-links > .action.towishlist{margin-right: 10px;} .bundle-options-container p.required{text-align: left;padding: 10px 0 0;} .page-product-downloadable .product-options-wrapper{border:0;} .page-product-downloadable .product-options-bottom{padding-top: 30px;} .fieldset > .field > .label, .fieldset > .fields > .field > .label {font-weight: 600;} .field.downloads .field.choice { border-bottom: 1px solid #ebebeb; box-sizing: border-box;margin-bottom: 10px;padding-bottom: 10px;} /* 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{margin-bottom:0px;} .product-view .box-up-sell .block-title h3 span {padding: 0;} .product-view .box-up-sell .title-divider{margin-bottom: 30px;} .product-view .box-up-sell .products-grid{width:100%;padding:0;} .product-view .box-up-sell .products-grid td{width:25%;background:#f6f2e7;border-right:1px solid #e5dcc3;border-bottom:1px solid #e5dcc3;padding:15px 10px 12px;line-height:1.6em} .product-view .box-up-sell .products-grid tr.last td{border-bottom:0} .product-view .box-up-sell .products-grid td.last{border-right:0} .product-view .box-up-sell .products-grid td img{border:1px solid #e5dcc3} .product-view .box-up-sell .products-grid .product-image{text-align:center} .product-view .box-up-sell .products-grid td.empty{border-right:0;background:#f1ecdb} .product-view .box-up-sell .products-grid .ratings .rating-links{padding:0} .product-view .sale-content .block-title-tabs { display: none;} .product-view .box-up-sell .bx-controls .bx-default-pager{display: none;} /* Block:Tags */ .product-view .box-tags{margin:0} .product-view .box-tags h3{font-size:13px} .product-view .box-tags .product-tags{display:block;margin:0 0 15px} .product-view .box-tags .product-tags li{display:inline;background:url(../images/bkg_pipe3.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;font-size:13px;font-weight:normal;margin:0 0 5px;color:#000000} .product-view .box-tags .form-add .input-box{float:left;width:305px;margin:0 5px 0 0;padding:0} .product-view .box-tags .form-add input.input-text{width:299px;height:38px;} .product-view .box-tags .note{margin:5px 0 0;padding:0;font-size:11px;color:#666} /* Block:Reviews */ .product-view .box-reviews dl{margin:0} .product-view .box-reviews dt{padding:0 0 5px} .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 .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} .product-view .box-collateral .data-table th{font-weight:normal} .product-view .box-collateral .data-table{margin-bottom:10px} /* Send a Friend */ .send-friend .form-list{width:615px;overflow:hidden} .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:0;font-size:1em;font-weight:normal} /* Product Tags */ .tags-list{display:block;font-size:13px;border:1px solid #c1c4bc;background:#f8f7f5;padding:10px 0 10px 0} .tags-list li{display:inline!important;margin:0 4px 0 0} .tags-list li a{color:#e8e9ee} /* 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(../images/i_search_criteria.gif) 0 3px no-repeat} .advanced-search-summary p{clear:both;font-weight:bold;margin:0} /* Sitemap */ .page-sitemap .links{text-align:right;margin:0 8px -22px 0} .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{color:#1b2d3b} .page-sitemap .sitemap li{margin:3px 0} .page-sitemap .sitemap li.level-0{margin:10px 0 0;font-weight:bold} .page-sitemap .sitemap li.level-0 a{color:#1e7ec8} /* RSS */ .rss-title h1{background:url(../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.table-wrapper .product-item-photo{width:auto !important;display:inline-block !important;} .cart .page-title{border-bottom:0;margin: 50px 0 0;} .cart .page-title h1{margin:10px 0 20px;color:#2a2a2a;text-transform:uppercase;font-size:30px;font-weight: 400;} .cart .data-table .btn-remove2{} .cart .data-table .btn-remove2 .icons{font-size: 15px;} .crosssell .products-textlink{border: 0 none !important;} .cart-empty{text-align: center;} .checkout-cart-index .page-title-wrapper{padding: 20px 0;text-align: center;} .checkout-cart-index .page-title-wrapper .page-title span{font-size: 20px;} /* Checkout Types */ .cart .page-title .checkout-types li{margin:0 0 5px} .cart .title-buttons .checkout-types{float:right;display: none;} .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:25px 20px;border:1px solid #eeeeee;} .cart-table .product-name{margin:0 0 5px;color:#333;} .cart-table .item-msg{margin:5px 0;font-size:11px;font-weight:bold;color:#df280a} .cart-table tfoot td{padding:15px;} .cart-table .btn-continue{float:left} .cart-table .btn-update,.cart-table .btn-empty{float:right} .cart-table .btn-update{margin-left:10px} .table thead > tr > th, .table thead > tr > th, .table tbody > tr > th, .table tfoot > tr > th, .table thead > tr > td, .table tbody > tr > td, .table tfoot > tr > td, .table tbody + tbody{border: 0;} /* Shopping Cart Collateral boxes */ .cart .cart-collaterals{padding:25px 0 0} .cart .cart-collaterals .col2-set{} .cart .cart-collaterals .col2-set .col-1,.cart .cart-collaterals .col2-set .col-2,.cart .cart-collaterals .col2-set .col-3{width:33.3333%;float:left} .cart .crosssell{padding:0 0 50px} .cart .crosssell .block-title h3 span{padding: 0;} .cart .crosssell .title-divider{margin-bottom: 10px;} .cart .crosssell .product-name{font-size: 100%; margin: 0 0 9px;overflow: hidden; text-overflow: ellipsis; white-space: nowrap;} .cart .crosssell .product-name a{font-size: 14px;outline: 0 none;text-decoration: none;text-transform: uppercase;letter-spacing: 1px;font-weight: 500;} .cart .crosssell li.item{margin:12px 0} .cart .crosssell .link-compare{font-weight:normal} .cart .bx-has-controls-direction .bx-default-pager{display: none;} /* Discount Codes & Estimate Shipping and Tax Boxes */ .cart .shipping p,.cart .discount label{font-size:13px;color:#2a2a2a;font-weight:300} .cart .discount,.cart .shipping{padding:15px 0;margin:0 0 18px;} .cart .discount h2,.cart .shipping h2{margin:0 0 20px;padding:0 10px 0 0;color:#333;text-transform:uppercase;font-size:19px;font-family: "Montserrat",sans-serif;letter-spacing: 1px;} .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} .cart .discount .input-box{margin:8px 0 0} .cart .discount input.input-text{width:100%} .cart .shipping .sp-methods{margin:10px 0 0;padding:5px 0 0;} /* Shopping Cart Totals */ .cart .totals{padding: 15px 0px 15px 0;margin:0;} .cart .totals table{width:100%;margin:7px 0} .cart .totals td{padding:1px 0 1px 30px} .cart-totals .mark, .opc-block-summary .table-totals .mark,.cart-totals .mark .label{color: #333;font-size: 13px;} .cart .totals td.a-right .price{font-weight: 600;} .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 .mark strong, .opc-block-summary .table-totals .mark strong{font-weight: normal;font-size: 15px;color: #333;text-transform: uppercase;} .cart-totals .grand.totals .price {font-size: 15px;color: #4a4949;} .cart .totals .checkout-types{font-size:13px;padding:0;text-align:right} .cart .totals .checkout-types li a{color:#666666;text-decoration:none;} .cart .totals .checkout-types li a:hover{color:#4a4949;} .cart .totals .checkout-types li{clear:both;margin:10px 0} /* Options Tool Tip */ .item-options dt{font-weight:bold;color: #666;} .item-options dd{padding-left:10px;margin:0 0 6px} .truncated{cursor:help} .truncated a.dots{cursor:help} .truncated a.details{cursor:help} .truncated .truncated_full_value{position:relative;z-index:999} .truncated .truncated_full_value .item-options{position:absolute;top:-99999em;left:-99999em;z-index:999;width:250px;padding:8px;border:1px solid #ddd;background-color:#f6f6f6} .truncated .truncated_full_value .item-options > p{font-weight:bold;text-transform:uppercase} .truncated .show .item-options{top:-20px;left:50%} .col-left .truncated .show .item-options{left:15px;top:7px} .col-right .truncated .show .item-options{left:-240px;top:7px} /* ======================================================================================= */ /* Checkout ============================================================================== */ /********** < Common Checkout Styles */ /* Shipping and Payment methods */ .sp-methods{margin:0 0 8px} .sp-methods dt{margin:13px 0 5px;font-weight:300} .sp-methods dd{} .sp-methods dd li{margin:5px 0} .sp-methods label{font-weight:300;color:#666;line-height:16px} .sp-methods .price{font-weight:300} .sp-methods .form-list{padding-left:20px} .sp-methods .form-list li{margin:0 0 8px} .sp-methods select.month{width:154px;margin-right:10px} .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} .checkout-payment-method .fieldset{margin: 0;padding: 0;} .fieldset > .legend + br{clear: both;display: block;height: 0;overflow: hidden;visibility: hidden;} .opc-block-shipping-information .shipping-information-title .action-edit {display: inline-block;margin: 0;position: absolute;right: 0;text-decoration: none;top: 2px;border: 0;padding: 0;background-color: transparent;} .opc-block-shipping-information .shipping-information-title .action-edit::before {color: #4a4949; content: "";display: inline-block;font-family: "FontAwesome";font-size: 15px;font-weight: normal;line-height: 15px;overflow: hidden;text-align: center;vertical-align: middle;} .opc-block-shipping-information .shipping-information-title .action-edit > span {border: 0 none;clip: rect(0px, 0px, 0px, 0px);height: 1px;margin: -1px;overflow: hidden;padding: 0;position: absolute;width: 1px;} /* 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(../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-size:12px;font-weight:bold;color:#e87403} .gift-messages p.control{color:#8e8d8b} .gift-messages-form{position:relative} .gift-messages-form label{float:none!important;position:static!important} .gift-messages-form h4{font-size:12px;font-weight:bold;color:#e87403} .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;font-weight:bold;text-align:center;color:#8a8987} .gift-messages-form .item .details{margin-left:90px} .gift-messages-form .item .details .product-name{font-size:13px;font-weight:bold;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:494px} .gift-message-link{font-size:11px;background:url(../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(../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{background:#fbfaf6;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 .block-title{background:none;border:0;padding:0;margin:0 0 5px} .block-progress .block-title strong{font-size:13px;color:#0a263c} .block-progress .block-content{padding:30px 20px} .block-progress dl{margin:0} .block-progress dt{background-color:transparent;background-image:url("../images/icon-Progress.png");background-position:0 8px;background-repeat:no-repeat;color:#888;font-size:13px;font-weight:400;line-height:25px;margin:0 0 6px;padding:0 0 0 20px} .block-progress dd{padding:8px 13px;margin:0 0 6px} .block-progress dt.complete{margin:0} .block-progress dd.complete{color:#666;font-weight:300} .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 */ .checkout-onepage-success .col-right{padding-top: 25px;} .checkout-onepage-index .main-container { padding-top: 30px;} .opc-block-progress dt.complete a,.opc-block-progress dt.complete .separator{display:inline} .opc-block-progress dt a,.opc-block-progress dt .separator{display:none} .opc .buttons-set{margin-top:0;padding-top:1em;padding-bottom:1em;margin: 0;} .opc .buttons-set p.required{margin:0;padding:0 0 10px;margin:0!important} .opc .buttons-set a.f-left{float:right!important;color:#ff0000;text-decoration:none} .opc .buttons-set a.f-left:hover{color:#f2bc4d} .opc .buttons-set .back-link small{display:none} .opc .buttons-set .back-link a{background:url(../images/i_arrow-top.gif) 0 50% no-repeat;padding-left:16px} .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;margin-bottom: 30px;} .opc li.section{margin-top: 10px;} .opc .step-title{text-align:left;line-height:40px;} .opc .step-title .number{background:#dddddd;padding:0;margin:0 10px 0 0;color:#fff;font-size:14px;width:40px;height:40px;text-align:center;} .opc .step-title h2{margin:0;color:#333;font-size:14px;text-transform:uppercase;line-height:40px;font-family: "Montserrat",sans-serif;} .opc .step-title a{display:none;float:right;font-size:11px;line-height:16px} .opc .allow .step-title{color:#a4b3b9;cursor:pointer} .opc .allow .step-title .number{margin-right: 10px;background:#dddddd;color:#fff} .opc-wrapper .form-login .fieldset, .opc-wrapper .form-shipping-address .fieldset{padding: 0;margin: 0;} .fieldset > .field .note, .fieldset > .fields > .field .note{display: inline-block;} .fieldset > .field .additional, .fieldset > .fields > .field .additional {margin-top: 9px;} .table-checkout-shipping-method thead th { font-weight: 600;} .opc .active .step-title{padding:0;color:#f18200;cursor:default;border:0 none;text-align:left;line-height:40px} .opc .active .step-title .number{background:#333;margin-right: 10px;color:#fff} .opc .step{background:#fff;padding: 15px;position:relative;border: 1px solid #f5f5f6;} .opc .step .tool-tip{right:30px} #opc-login .buttons-set{border-top:0} #opc-login h3{font-size:15px;padding-bottom:2px;text-transform:capitalize;color:#000;font-weight:300} #opc-login p{font-size:13px;color:#ff0000;margin:0 0 5px} #opc-login h4{font-size:13px;font-weight:300;margin:0;color:#000000;margin:0 0 10px;} #opc-login .step .ul li{color:#888888;font-size:13px;font-weight:300} #opc-shipping_method .buttons-set{border-top:0} .opc .gift-messages-form{margin:0 -30px;background:#f6f1eb;border:1px solid #e9e4de;border-width:1px 0;padding:22px 24px 22px 30px} .opc .gift-messages-form .inner-box{padding:5px;height:260px;overflow:auto} .modal-header,.authentication-wrapper{display: none;} .modal-inner-wrap .modal-header{display: block;border: 0 none;} .modal-inner-wrap .modal-content{box-shadow: none;-moz-box-shadow: none;-webkit-box-shadow: none;-o-box-shadow: none;-ms-box-shadow: none;border: 0;border-radius: 0;-moz-border-radius: 0;-webkit-border-radius: 0;-ms-border-radius: 0;-o-border-radius: 0;} #opc-review .step{border:0;padding:0} #opc-review .product-name{font-weight:300;color:#000} #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} #checkout-review-submit .buttons-set button.button{float:right} /* Multiple Addresses Checkout */ .checkout-progress{padding:0 90px;margin:50px 0;} .checkout-progress li{float:left;width:19%;margin:0 3px 0 0;border-top:10px solid #444;padding:2px 0 0;font-weight:bold;text-align:center;color:#444;font-weight: 300;} .checkout-progress li.active{border-top-color:#965554;color:#965554;font-weight: 400;} .multiple-checkout h2{font-size:13px;font-weight:400;margin:0 0 10px;color: #444;} .multiple-checkout h3,.multiple-checkout h4{font-size:13px;font-weight:bold;color:#965554} .multiple-checkout h2 a,.multiple-checkout h3 a,.multiple-checkout h4 a{font-weight:normal} .multiple-checkout .data-table .product-name{font-size:1em!important;font-weight:bold!important;color:#1e7ec8!important} .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{background:#fbfaf6;border:1px solid #d7d7d7;margin:0 0 25px;padding:20px} .multiple-checkout .col2-set h2.legend{margin:-20px -20px 15px;padding:5px 10px;border-bottom:1px solid #d7d7d7;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{color:#965554} .multiple-checkout .place-order .please-wait{float:right;padding:27px 7px 0 0} .multiple-checkout .place-order .grand-total{float:right;height:71px;font-size:1.5em;padding:0 0 0 21px;overflow:hidden} .multiple-checkout .place-order .grand-total .inner{float:left;height:71px;padding:14px 0px 0 0;} .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{color:#d22753} .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 */ .multiple-checkout .title-buttons button.button span{} #multiship-addresses-table td{padding:10px} #multiship-addresses-table tfoot td{padding:5px 10px} #multiship-addresses-table tfoot button.button span{} /* Step 2 */ .multiple-checkout .gift-messages-form .item .details .form-list{width:100%;overflow:hidden} .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:445px} .multiple-checkout .gift-messages-form .item .details .form-list li.wide textarea{width:439px} .checkout-multishipping-shipping .box-sp-methods{border:1px solid #d9d2be;background:#f9f3e3;padding:13px;position:relative} .checkout-multishipping-shipping .box-sp-methods .pointer{position:absolute;top:-20px;right:-40px;width:178px;height:41px;background:url(../images/bkg_sp-methods.gif) 0 0 no-repeat;overflow:hidden} /* Step 3 */ .checkout-multishipping-billing .multiple-checkout{position:relative} /* ======================================================================================= */ /* Account Login/Create Pages ============================================================ */ .account-login .content{ background-color: #fff; min-height: 270px;padding: 0;} .account-login .content p{font-size:13px;font-weight:300} .account-login .content p.required{color:#ee001c} .account-login .content h2{padding: 0 10px 10px 0;} .account-login .new-users h2{} .account-login .registered-users h2{} .account-login .buttons-set{margin:0 0 20px;padding:8px 0;border:none} .account-login .buttons-set .f-left{float:right!important;line-height:34px;text-decoration:none;color:#ee001c} /* Captcha ================================================================================ */ .captcha-note{clear:left;padding-top:5px} .captcha-image{margin:0;} .captcha-image .captcha-img{border:1px solid #b6b6b6;vertical-align:bottom;} .registered-users .captcha-image{margin:0} .captcha-reload{cursor:pointer;} .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: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(../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;font:bold 12px/19px Arial,Helvetica,sans-serif;text-align:center;text-decoration:none;white-space:nowrap;color:#fff} /* Remember Me Popup ===================================================================== */ /* My Account ============================================================================= */ .customer-account-index .main-container {margin-top: 30px;} .my-account .title-buttons .link-rss{float:none;margin:0} /********** < Dashboard */ .dashboard .welcome-msg{margin:0 8em 1.5em 0} .dashboard .welcome-msg p{margin:0} .dashboard .col2-set{margin:0 0 15px} /* General Box */ .box-account{background:#fff;border:1px solid #eee;padding:15px;margin:0 0 20px} .box-account .box-head{margin:0 0 20px;text-align:right} .box-account .box-head h2{float:left;margin:0;font-size:14px;font-weight:normal;text-transform:uppercase;background-position:0 0;background-repeat:no-repeat;padding-left:21px;color:#444} .dashboard .box .box-title{padding:0 0 5px;margin:0 0 10px;text-align:right;border-bottom: 1px solid #eeeeee;} .dashboard .box .box-title h3,.dashboard .box .box-title h4{float:left;font-size:13px;font-weight:normal;margin:0;color:#333;text-transform: uppercase;} /* Block:Recent Orders */ .dashboard .box-recent .box-head h2{background-image:url(../images/i_folder-table.gif)} /* Block:Account Information */ .dashboard .box-info .box-head h2{background-image:url(../images/i_ma-info.gif)} .dashboard .box-info h4{font-size:11px;font-weight:normal;text-transform:uppercase} /* Block:Reviews */ .dashboard .box-reviews .box-head h2{background-image:url(../images/i_ma-reviews.gif)} .dashboard .box-reviews .number{float:left;font-size:10px;font-weight:bold;line-height:1;color:#fff;margin:3px -20px 0 0;padding:2px 3px;background:#0a263c} .dashboard .box-reviews .details{margin-left:20px} .dashboard .box-reviews li.item{margin:0 0 7px} .dashboard .box-reviews li.item.last{margin:0} .dashboard .box-reviews .ratings{margin:7px 0 0} /* Block:Tags */ .dashboard .box-tags .box-head h2{background-image:url(../images/i_ma-tags.gif)} .dashboard .box-tags .number{float:left;font-size:10px;font-weight:bold;line-height:1;color:#fff;margin:3px -20px 0 0;padding:2px 3px;background:#0a263c} .dashboard .box-tags .details{margin-left:20px} .dashboard .box-tags li.item{margin:0 0 7px} .dashboard .box-tags li.item.last{margin:0} .dashboard .box-tags .tags strong,.dashboard .box-tags .tags ul,.dashboard .box-tags .tags ul li{display:inline} /********** Dashboard > */ /* Address Book */ .my-account .pager {margin: 15px 0;} .addresses-list h2{font-size:13px;color:#333;text-transform:uppercase;margin-bottom: 15px;} .addresses-list h3{font-weight:bold;font-size:13px} .addresses-list address{margin:0 0 3px} .addresses-list p{margin:0} .addresses-list a{font-weight:bold} .addresses-list .link-remove{color:#646464} .addresses-list .separator{margin:0 3px} .addresses-list li.item{border:1px solid #eee;padding:10px 13px;margin:0 0 10px;} .addresses-list li.empty{background:none;border:0;padding:0} .addresses-list li.empty p{font-weight:bold} .addresses-list .addresses-additional li.item{background:none;border:0;padding:0} /* Order View */ .order-info{background:#dee5e8;border:1px solid #d0cbc1;padding:4px 8px;margin:0 0 8px} .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{background:#fff;border:1px solid #d0cbc1;padding:12px 15px;margin:0 0 15px} .order-info-box h2{font-weight:bold;font-size:13px} .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{clear:none;font-weight:bold;font-size:13px;padding:0;margin:0 0 5px;color:#0a263c} .order-items .product-name{font-size:1em!important;font-weight:bold!important} .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,.page-print h3{font-size:13px;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} .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-wishlist .cart-cell .old-price,.my-wishlist .cart-cell .special-price{float: none;} .my-wishlist .cart-cell .add-to-cart-alt input.qty{margin-bottom: 10px;} .products-grid.wishlist .product-item-inner .box-tocart {float: none;padding: 0;} .products-grid.wishlist .product-item .fieldset .field.qty, .products-grid.wishlist .product-item .fieldset .product-item-actions { display: table-cell; vertical-align: bottom; } .products-grid.wishlist .product-item .fieldset .field.qty .label{padding-top: 0;} .block.block-wishlist .actions-toolbar{padding: 0;} .block.block-wishlist .actions-toolbar .primary a.action{border: 0;padding: 0;background-color: transparent;color: #666666;} .block.block-wishlist .actions-toolbar .primary a.action:hover{color: #4a4949;} /* 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 td{padding:10px} #my-tags-table .add-to-links{white-space:nowrap} /* 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 .product-name{font-size:16px;font-weight:bold;margin:0 0 10px} .product-review h3{font-size:12px;margin:0 0 3px;color:#2f2f2f} .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(../images/map_popup_arrow.gif) no-repeat;position:absolute;left:50%;top:-10px;height:10px;width:19px} .map-popup-close{background:url(../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} /* ======================================================================================= */ /*------------------ [12. Hot categories] */ #hot-categories{margin-top: 30px} .group-title-box { margin-bottom: 20px;} .group-title {font-size: 16px;border-bottom: 1px solid #e1e1e1;font-weight: bold;padding-bottom: 7px;} .group-title span {border-bottom: 3px solid #4a4949;text-transform: uppercase;padding: 5px 10px;color: #333;font-size: 16px;} .cate-box{padding-bottom: 20px;} .cate-box .cate-tit {background: #f4f4f4; height: 110px;overflow: hidden;} .cate-box .cate-tit .div-1{width: 46%;float: left;padding-left: 25px;padding-right: 15px;} .cate-name-wrap {display: table; margin-bottom: 18px;} .cate-box .cate-name {font-size: 16px;font-weight: bold;height: 55px;display:table-cell;vertical-align: bottom;color: #333;} .cate-box .cate-link {padding: 3px 4px 4px 7px;background: #999999; text-decoration: none; color: #fff;} .cate-box .cate-link:hover {background: #4a4949!important;} .cate-link span {padding-right: 12px;background: url('../images/alothemes/cate-readmore-arrow.png') right 2px top 50% no-repeat;text-transform: uppercase;font-size: 10px;line-height: 20px;} .cate-content{padding-top:10px;padding-bottom: 10px;} .cate-content ul{list-style: none;} .cate-content ul li{margin: 0;} .cate-content ul li a:before{ display: inline-block; font-family: FontAwesome;content: "\f105";padding: 0 10px; font-weight: bold;} .cate-box .div-2 {width: 54%; float: left;padding-top: 10px;overflow: hidden;} .hover-zoom{-webkit-transition: 0.7s all ease-in-out;transition: 0.7s all ease-in-out; -webkit-backface-visibility: hidden;-webkit-perspective: 1000;overflow: hidden;} .hover-zoom:hover img{-webkit-transform: scale(1.1); -ms-transform: scale(1.1);transform: scale(1.1);opacity: 0.7;} .banner-boder-zoom{ position: relative;overflow: hidden;} .banner-boder-zoom a:before{position: absolute;top: 0;left: 0;right: 0; bottom: 0;content: "";display: block;z-index: 10;background-color: rgba(0, 0, 0, 0.2); background: rgba(0, 0, 0, 0.2);color: rgba(0, 0, 0, 0.2);opacity: 0;-webkit-transition: all 1s ease;-moz-transition: all 1s ease;-ms-transition: all 1s ease; -o-transition: all 1s ease;transition: all 1s ease;} .banner-boder-zoom a:after{position: absolute;top: 10px;left: 10px;right:10px;bottom:10px;content: "";display: block;z-index: 10;border: 1px solid #fff;opacity: 0;} .banner-boder-zoom a img{-webkit-transition: all 1s ease;-moz-transition: all 1s ease;-ms-transition: all 1s ease;-o-transition: all 1s ease; transition: all 1s ease;} .banner-boder-zoom:hover a img{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-ms-transform: scale(1.1);-o-transform: scale(1.1);transform: scale(1.1);} .banner-boder-zoom:hover a:before{opacity: 1;} .banner-boder-zoom:hover a:after{opacity: 0;} .paypal{float: right;} .trademark-list-top {list-style: outside none none; border-top: 1px solid #E1E1E1;border-bottom: 1px solid #E1E1E1;margin-bottom: 30px; display: table;width: 100%;margin-top: 30px;} .trademark-list-top li{ display: inline-block;padding: 10px 11px;margin: 0;} .trademark-list-top li:last-child{padding-right: 0;} .trademark-list-top #payment-methods{display: table-cell;vertical-align: middle;text-transform: uppercase;font-weight: bold;padding-left: 0px;} .trademark-text-tit {text-transform: uppercase;font-size: 13px;font-weight: bold;} .trademark-list{list-style: none; margin-bottom: 10px;} .trademark-list li{display: inline;margin: 0;padding: 0 7px 0 5px; border-right: 1px solid #666666;} .trademark-list li a{font-size: 13px;color: #666666;} .trademark-list li:first-child{border-right: none;padding-right: 0;padding-left: 0;} .trademark-list li:last-child{border-right: 0;padding-right: 0;} .footer-menu-box {border-top: 1px solid #E1E1E1;margin-top: 10px;padding-top: 20px;margin-bottom: 5px;} .footer-menu-list{list-style: none; text-align: center;margin-bottom: 5px;} .footer-menu-list li{display: inline;padding: 0 7px 0 5px;border-right: 1px solid #0066cc;} .footer-menu-list li:last-child{border-right: none;} .footer-menu-list li a:hover{ text-decoration: underline;} /* Footer ================================================================================ */ .page-footer{margin-top: 30px;} .cms-index-index .page-footer{margin-top: 0px;} .page-footer .main-wrap-copyright{padding: 0;} .page-footer .footer-copyright .main{text-align: center;} .page-footer .footer-center{text-align: center;background-color: rgba(0, 0, 0, 0.6);background: rgba(0, 0, 0, 0.6);} .footer-center h3{font-size: 18px;text-transform: uppercase;padding-bottom: 20px;color: #fff;font-weight: normal;margin: 0;} .footer-center p{color: #999;padding-bottom: 20px;margin: 0;} .page-footer .block-footer-top{padding: 40px 0 0;} .page-footer .footer-menu{margin-top: 25px;} .page-footer .footer-menu li{display: inline;float: left;padding: 0 10px;} .block-footer-top .logo1,.block-footer-top .logo3,.block-footer-top .logo4,.block-footer-top .logo5,.block-footer-top .logo6{display: none;} .address-list {margin-top: 18px;} .address-list .tit-name{float: left;font-weight: bold;padding-right: 5px;width: 70px;} .address-list .tit-contain {display: flex;} .block-static1{position:relative;} .advertisement{position: absolute; text-align: center;top: 45%;width: 100%;} .block.block-subscribe{margin: 0 0 20px;} .block-subscribe .block-title{display: none;} .block-subscribe label{color:#e8e9ee;font-size:13px;font-weight:400;} .footer-social{margin-top: 18px;} .footer-social .list-inline{text-align: right;margin: 0;} .footer-social .list-inline li{margin: 0;padding: 0;} .footer-social .social-link{color: #fff;} .social-link{display:block;height:30px;line-height:34px;text-align:center;width:30px;float:left;margin-right:5px;font-size: 15px;color: #fff;} .collapsible .social-link{color: #fff;} .social-link.facebook{background-color: #415a99;} .social-link.pinterest-p{background-color: #cb222a;} .social-link.vk{background-color: #5b7fa6;} .social-link.twitter{background-color: #00caff;} .social-link.google-plus{background-color: #da4735; margin: 0} .social-link:hover {opacity: 0.8;color: #fff;} .block-footer-top li {padding: 0;text-align: left;} .block-footer-top ul.bullet{list-style: inherit;padding-left: 16px;} .block-footer-top ul.links{margin: 0;display:block} .block-content-statick li{margin: 0;} .block-content-statick li a{color: #444444;font-size: 13px;line-height: 20px;padding:2px 0px;display: block;font-weight: 300;} .block-footer-bottom ul.bullet a:before {content: "";font-family: "FontAwesome";font-size: 14px;margin-right: 15px;} .footer .block1.block-content-statick li p span{font-weight: bold;text-transform: uppercase;padding-right: 5px;} .block-footer-top .footer .block-static2 h3{margin-bottom:17px;} .block-footer-top .footer h3 span{display:block;font-size:14px;padding:0 10px 0 0;text-transform:uppercase;} .block-footer-top .footer ul{margin: 8px 0 0;} .footer .block{margin:0;padding: 0;background:none;} .block-footer-copyright .main{background-color:transparent;text-align:center;} .page-footer .block-title {font-size: 16px; text-align: left;font-weight: bold;margin: 0 0 8px;text-transform: uppercase;line-height: normal;} .page-footer .form-subscribe-header{display: none;} .page-footer .collapsible .form-subscribe-header p{margin: 0;line-height: 35px;} .page-footer .collapsible .form-subscribe-header p{font-size: 18px;text-transform: uppercase;} .page-footer .collapsible .form-subscribe-header p span,.footer .collapsible .form-subscribe-header p strong{padding-left: 5px;} .page-footer .block.block-tags .block-title{display: none;} .page-footer .block.block-tags .block-content{padding-top: 15px;} .page-footer li.feature-icon {clear: both;padding:0 0 0 25px;} .page-footer li.feature-icon span, .page-footer li.feature-icon a.tit-contain {margin-left: -25px;} .collapsible .bullet{margin: 0;} .collapsible .address-list .tit-contain:before{font-family: "FontAwesome";font-size: 14px;margin-right: 15px;} .collapsible .address-list .location .tit-contain:before{content: "";} .collapsible .address-list .phone .tit-contain:before{content: "";} .collapsible .address-list .email .tit-contain:before{content: "";} .collapsible .address-list .mobile .tit-contain:before{content: "";} .page-footer .block-content-statick .list-inline li{float: left;} .page-footer .block-content-statick .list-inline{clear: both;} .page-footer .block-content-statick li a.social-link {display: inline-block;margin-right: 10px;padding:0;color: #fff;} .page-footer .block-content-statick li a.social-link:before{display: none;} .page-footer .block-content-statick li a.social-link i {font-size: 16px;line-height: 16px;} .page-footer .collapsible p{font-size: 13px;margin: 0;} .main-wrap-copyright .container-main{padding: 0px 0 20px;} .footer-payment-logo{float: right;} .block-content-paypal li{float: left;} .footer .block-subscribe .block-title{display: none;} .paypal{float: right;} /* 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} /* ============================================ * * Configurable Swatches * ============================================ */ /* Clears */ .clearfix:after, .configurable-swatch-list:after, .product-view .product-options .swatch-attr:after { content: ''; display: table; clear: both; } /* slick additional */ .slick-prev, .slick-next { border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-style: solid; border-width: 1px; border-color: #ddd; font-size: 0; line-height: 24px; position: absolute; top: 50%; display: block; width: 24px; height: 24px; padding: 0; margin-top: -10px\9; -webkit-transform: translate(0,-50%); -ms-transform: translate(0,-50%); transform: translate(0,-50%); cursor: pointer; color: #727272; outline: none; background: 0 0; z-index: 1; } .slick-prev { left: -50px; } .slick-next { right: -50px; } .slick-prev:before, .slick-next:before { font-family: FontAwesome; font-size: 14px; line-height: 24px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; color: #cccccc; } .slick-prev:hover:before, .slick-next:hover:before { color: #ffffff; } .slick-prev:before { content: "\f104"; } .slick-next:before { content: "\f105"; } .slick-dots li button { font-size: 0; line-height: 0; display: block; cursor: pointer; border: 0; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; background: 0 0; background: 0 0; background: #fff none repeat scroll 0 0; display: inline-block; height: 11px; line-height: 11px; margin: 0; padding: 0; outline: 0 none; width: 11px; } /* cookies */ .message.global.cookie.magepow-gdpr-cookie-notice { -webkit-box-shadow: -1px 2px 6px rgba(30, 32, 40, 0.3); -moz-box-shadow: -1px 2px 6px rgba(30, 32, 40, 0.3); box-shadow: -1px 2px 6px rgba(30, 32, 40, 0.3); background-color: #000; color: #ffffff; z-index: 100 !important; } .magepow-gdpr-cookie-notice.message.global h3 { display: none; } .magepow-gdpr-cookie-notice.message.global .content { display: flex; align-items: center; } .message.global.cookie .actions .btn-cookie { height: 30px; line-height: 28px; padding: 0 10px; } .message.global.cookie .actions .btn-cookie span { font-size: 12px; } .magepow-gdpr-cookie-notice.message.global .content > div { display: inline-block; } .message.global.cookie .actions { margin-top: 0; margin-left: 30px; } .message.global.cookie.magepow-gdpr-cookie-notice #privacyLink { display: inline-block; margin-left: 5px; text-decoration: none; border-bottom: 1px solid #ffffff; color: #ffffff; line-height: 1.6; } .message.global.cookie.magepow-gdpr-cookie-notice #privacyLink:hover { border-bottom-style: dashed; } /* social detail new */ .product-info-main .form-share { display: none; } .alo-social-links .icon-share { display: inline-block; } .product-info-main .socials { padding-top: 20px; border-top: 1px solid #eaeaea; } .product-info-main .socials .icon-share:before { display: none; } .alo-social-links .title-social { display: inline-block; vertical-align: top; line-height: normal; font-weight: 400; } .alo-social-links .icon-share li { display: inline-block; font-size: 18px; padding: 0; } .product-info-main .social-link { width: auto; height: auto; line-height: normal; } .product-info-main .social-link.twitter, .product-info-main .social-link.facebook { background-color: transparent; } .product-view .product-shop .product-social-links a, .product-add-form .product-social-links a { margin-right: 0; font-size: 14px; } .product-view .product-shop .product-social-links a.towishlist { margin-right: 30px; } .alo-social-links .icon-share li:not(:last-child) { margin-right: 10px; } .product-info-main .social-link:hover { color: #958457; } .product-view .product-shop .product-social-links a em, .product-add-form .product-social-links a em { font-size: 18px; } /* brand additional */ .product-info-main .page-title-wrapper > .brand { margin-bottom: 15px; } .product-info-main .page-title-wrapper .brand a { display: flex; align-items: center; } .product-info-main .page-title-wrapper .brand a span { text-transform: capitalize; margin-right: 10px; } .product-info-main .page-title-wrapper .brand a span:after { content: ":"; } .product-info-main .page-title-wrapper .brand a img { border: 1px solid #eaeaea; } .product-view .product-shop .page-title-wrapper .page-title { margin-bottom: 15px; } /* brand showcase additonal */ .shopbrand-box .slick-prev { left: auto; right: 29px; } /* layered nav filter */ /* #SDL Commented .block.filter .filter-options-title:after { content: "\f107"; font-family: "FontAwesome"; font-size: 12px; color: #7f7f7f; position: absolute; right: 0; bottom: 3px; } .block.filter .active>.filter-options-title:after { content: "\f106"; }*/ .filter-options .filter-options-content .item { float: unset; } .filter-options .filter-options-content .item a input[type="checkbox"] { display: none; } .filter-options-item { padding: 5px 0; } /* Filter by price */ .ui-slider-horizontal { height: 5px; margin-left: 7px; margin-right: 7px; background-color: #999; } .ui-slider .ui-slider-range { height: 5px; background-color: #4a4949; -webkit-border-radius: 10px; border-radius: 10px; position: absolute; } .ui-slider .ui-slider-handle { position: absolute; z-index: 2; cursor: default; } .ui-slider-horizontal .ui-slider-handle { margin-left: -7px; } .ui-slider-handle { width: 14px; height: 14px; top: -5px; background-color: #4a4949; } #layered_ajax_price_attribute { margin-left: -25px; } .slick-dots li button:before { display: none; } .filter-options .filter-options-content { display: none; } .magepow-gdpr-checkbox label[for="accept_gdpr"] { padding-left: 15px !important; } .magepow-gdpr-checkbox { position: relative; } .magepow-gdpr-checkbox #accept_gdpr { position: absolute; top: 17px; } /* Ajax cart */ .modal-popup.modal-slide .modal-inner-wrap { position: absolute !important; } .modal-popup.modal-slide.modals-ajaxcart .modal-inner-wrap[class] { padding-top: 20px; padding-bottom: 20px; max-width: 320px; top: 50%; transform: translateY(-50%); margin-top: auto; margin-bottom: auto; width: auto; position: absolute; } .modal-popup.modal-slide.modals-ajaxcart .modal-content { margin-bottom: 0; padding-left: 20px; padding-right: 20px; padding-bottom: 0; } .modal-popup.modal-slide.modals-ajaxcart .action button { width: 100%; } .modal-popup.modal-slide.modals-ajaxcart .action a { display: block; height: 40px; line-height: 34px; text-decoration: none; } .modal-popup.modal-slide.modals-ajaxcart .modal-inner-wrap .content-ajaxcart .popup>.action .btn-viewcart { margin-bottom: 15px; } .modal-popup.modal-slide.modals-ajaxcart .cart-info, .modal-popup.modal-slide.modals-ajaxcart .header { display: none; } .modal-popup.modal-slide.modals-ajaxcart .modal-header { padding: 0; } .modal-popup.modal-slide.modals-ajaxcart .modal-inner-wrap .content-ajaxcart .message { margin-top: 0; padding: 5px; background-color: #e5efe5; font-size: 1.3rem; margin-bottom: 20px; color: #006400; position: relative; line-height: 25px; font-family: 'lato',sans-serif; } .modal-popup.modal-slide.modals-ajaxcart .product-image img { display: block; margin: 0 auto; text-align: center; max-height: 100px; } .modal-popup.modal-slide.modals-ajaxcart .action-close:before { background-size: 10px 10px; } .page-layout-2columns-left .modal-popup.modals-quickview .product.media, .page-layout-2columns-right .modal-popup.modals-quickview .product.media, .page-layout-3columns .modal-popup.modals-quickview .product.media { width: 41.6667%; } .page-layout-2columns-left .modal-popup.modals-quickview .product-info-main, .page-layout-2columns-right .modal-popup.modals-quickview .product-info-main, .page-layout-3columns .modal-popup.modals-quickview .product-info-main { width: 58.3333%; } .page-layout-2columns-left .modal-popup.modals-quickview .column.main, .page-layout-2columns-right .modal-popup.modals-quickview .column.main, .page-layout-3columns .modal-popup.modals-quickview .column.main { width: 100% !important; } .modal-popup.modals-quickview .modal-inner-wrap { width: auto; max-width: 900px; border-radius: 4px; } .modal-popup.modals-quickview .page-main-pal { margin: 0; padding: 0; } .modal-popup.modals-quickview .modal-inner-wrap .modal-content { padding-left: 0; padding-right: 0; padding-bottom: 0; padding-top: 0; } .modal-popup.modals-quickview .modal-header { padding-top: 0; padding-bottom: 0; min-height: unset; } .modal-popup.modals-quickview .product-info-main { overflow-y: auto; } .page-products .modal-popup.modals-quickview .page-title-wrapper h1 { border-bottom: 0; margin-bottom: 0; } .page-products .modal-popup.modals-quickview .page-title-wrapper h1 span { padding: 0; border-bottom: 0; position: static; } .product.attribute.sku .type:after { content: ":"; } .product.attribute.sku .value { display: inline-block; } .modal-custom .action-close, .modal-popup .action-close, .modal-slide .action-close { z-index: 9; } .modal-custom .action-close:before, .modal-popup .action-close:before, .modal-slide .action-close:before { height: 20px !important; width: 20px !important; background-image: url(../images/close-button.png); background-position: 0 0; background-repeat: no-repeat; font-size: 0; } .category-products .swatch-attribute.size { display: none; } .category-products .swatch-attribute-options { margin-bottom: 0; } #cart-page { display: none; } .banner-sidebar-category > .item-banner + .item-banner { display: none; } /* recent order */ .notify-slider-wrapper { position: fixed; bottom: 20px; left: 15px; background-color: #fff; z-index: 90; width: 320px; -webkit-box-shadow: -1px 2px 6px rgba(30,32,40,.3); -moz-box-shadow: -1px 2px 6px rgba(30,32,40,.3); box-shadow: -1px 2px 6px rgba(30,32,40,.3); } .cookie-message .notify-slider-wrapper { bottom: 75px; } .recentorder .notify-slider-wrapper .notify-slider .slider>.item { position: relative; display: block; float: left; margin: 0; padding: 0; width: 300px; height: 120px !important; background: #fff !important; text-align: center; line-height: 1.5 !important; } .notify-slider-wrapper .images-container { padding: 0 10px 0 0; width: 85px; } .notify-slider-wrapper .product-item-details { width: calc(100% - 85px); padding-left: 0; padding-right: 0; margin-top: 10px; } .notify-slider-wrapper .sticker.top-left { display: none; } .notify-slider-wrapper .actions-no .actions, .notify-slider-wrapper .hover-box > a.detail_links { display: none; } .notify-slider-wrapper .grid .product-item-info { display: flex; padding-bottom: 0; border-width: 0; } .notify-slider-wrapper .product-item .product-reviews-summary, .notify-slider-wrapper .products-grid .price-box { display: none; } .notify-slider-wrapper .someone-purchased { font-size: 13px; margin-bottom: 7px; } .notify-slider-wrapper .products-grid .product-name { margin-bottom: 10px; } .notify-slider-wrapper .products-grid .product-name a { font-size: 13px; font-weight: 700; text-transform: uppercase; } .notify-slider-wrapper .time-purchased, .notify-slider-wrapper .address-purchased { font-size: 11px; } .notify-slider-wrapper .address-purchased { display: block; margin-top: 5px; } .notify-slider { position: relative; overflow: hidden; margin: 20px auto 0 auto; border-radius: 4px; } .notify-slider .slider { position: relative; margin: 0; padding: 0; height: 120px !important; list-style: none; overflow: hidden; transition: all .3s ease; } .recentorder.suggest-slider.close { opacity: 1; float: unset; line-height: unset; font-weight: normal; font-size: 13px; display: none; } .recentorder.suggest-slider .x-close { float: unset; position: absolute; font-size: 0; right: 0; top: -8px; z-index: 9; } .recentorder.suggest-slider .content-products { margin-bottom: 0; } .recentorder.suggest-slider .notify-slider { margin-top: 0; } .recentorder.suggest-slider .x-close:before { content: "\e680"; font-size: 30px; font-family: Pe-icon-7-stroke; } .wishlist-index-index .recentorder.suggest-slider { display: none; } .wishlist-index-index .product-item-info { width: auto !important; } .wishlist-index-index .products-grid .product-item { float: left; padding-right: 15px !important; } .products-grid.wishlist .product-item .fieldset .field.qty { padding-right: 10px; } .field-tooltip .label { position: absolute; background: #000; display: inline-block; color: #fff; padding: 5px 10px; top: -25px; left: 50%; transform: translate(-50%,0); opacity: 0; border-radius: 25px; -moz-border-radius: 25px; -webkit-border-radius: 25px; } .field-tooltip:hover .label { opacity: 1; } .field-tooltip .label:after { content: ""; position: absolute; border-top: solid 5px #000; border-left: solid 5px transparent; border-right: solid 5px transparent; top: 100%; left: 50%; transform: translate(-50%,0); display: block; } .slick-slider { margin-bottom: 30px; } .vmagicmenu .level-top ul li a, .vmagicmenu .level-top .active a { color: #666 !important; } .vmagicmenu .level-top ul li a:hover { color: #958457 !important; } .searchsuite-autocomplete { max-height: 400px; overflow-y: auto; } .searchsuite-autocomplete ul li .qs-option-info .qs-option-reviews { display: none !important; } .searchsuite-autocomplete ul li .qs-option-info .qs-option-description { display: none; } .searchsuite-autocomplete { width: 100% !important; left: 0 !important; } .searchsuite-autocomplete { top: 37px; } .nav-sections [id="store.settings"] { display: none !important; } /* newsletter popup new */ .modal-popup.popup-newsletter .modal-header { padding-top: 0; padding-bottom: 0; min-height: 0; } .modal-popup.popup-newsletter .modal-inner-wrap .modal-content { padding: 0; } .modal-popup.popup-newsletter .form.subscribe:before, .modal-popup.popup-newsletter .form.subscribe:after { content: ""; display: table; } .modal-popup.popup-newsletter .form.subscribe:after { clear: both; } #popup-newsletter { height: 500px; } @media only screen and (max-width: 770px) { #narrow-by-list dd .configurable-swatch-list li:nth-child(odd) { clear: none; } } @media print {a[href]:after {content: none !important;}} .alothemes{display: block;} .fotorama--fullscreen .zoomImg {display: none !important;} .minicart-wrapper .counter.qty.empty .counter-number:empty:before { content: "0"; } .catalog-product-view.cookie-message .magepow-gdpr-cookie-notice.message.global { display: none !important; } .catalog-product-view.show-add-cart-bottom.cookie-message .notify-slider-wrapper { bottom: 95px; } /* timer detail */ .product-info-main .additional-timer-block .slogan-countdown { font-size: 1.8rem; color: #000; margin-bottom: 12px; } .product-info-main .additional-timer-block .countdown .timer-box b { font-size: 40px; font-weight: 800; color: #000; display: block; margin-bottom: 10px; } .product-info-main .additional-timer-block .countdown .timer-box .title { display: inline-block; font-size: 14px; font-weight: 700; color: #000; text-transform: uppercase; } .product-info-main .additional-timer-block .countdown .timer-box { background-color: #ffffff; text-align: center; border: 0; height: auto; } .product-info-main .additional-timer-block .deal-stock-label { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-wrap: wrap; justify-content: space-between; padding-bottom: 5px; } .product-info-main .additional-timer-block .deal-progress { height: 12px; background-color: #d2d2d2; border-radius: 20px; } .product-info-main .additional-timer-block .deal-progress span { height: 100%; border-radius: 20px; display: block; text-align: center; line-height: 12px; font-size: 0; -webkit-animation: 2s linear 0s normal none infinite running progress-bar-stripes; animation: 2s linear 0s normal none infinite running progress-bar-stripes; background-image: -webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent); background-image: linear-gradient(45deg,rgba(255,255,255,.15) 25%,rgba(0,0,0,0) 25%,rgba(0,0,0,0) 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,rgba(0,0,0,0) 75%,rgba(0,0,0,0)); background-size: 40px 40px; background-color: #4a4949 !important; transition: .9s linear; transition-property: width,background-color; } .product-info-main .additional-timer-block { margin-top: 30px; margin-bottom: 10px; } .product-add-form .alo-social-links .custom-html { display: flex; flex-wrap: wrap; align-items: center; } .product-add-form .alo-social-links .custom-html .title-social { margin-bottom: 0; } .product-info-main .additional-timer-block .countdown { margin-bottom: 0; display: flex; flex-wrap: wrap; justify-content: space-around; margin-top: 0; } /* sticky add to cart */ .stickyCart, .stickyCart .stickyChild, .stickyCart .stickyChild #parentQtySticky { height: auto; } .stickyCart { padding: 10px; background-color: rgba(0, 0, 0, .8); } .stickyCart .stickyChild #timerSticky { max-width: 300px; } .stickyCart .stickyChild .clSticky { padding-top: 0; padding-bottom: 0; } .stickyCart .countdown .timer-box { background-color: transparent; text-align: center; border: 0; height: auto; margin: 0; } .stickyCart .countdown .timer-box b { font-size: 20px; font-weight: 400; color: #ffffff; } .stickyCart .product-qty > .label { display: none; } .stickyCart .product-qty input.qty { background-color: #fafafa; border: 0 solid #dddee0; color: #333333; float: left; font-size: 13px; height: 29px; text-align: center; width: 40px !important; padding: 0; } .stickyCart .stickyChild .clSticky #btnSticky { height: 40px; } .stickyCart .stickyChild .clSticky #btnSticky:hover { background-color: #4a4949; border-color: #4a4949; } .stickyCart .product-qty .custom-qty .btn-plus { background-color: #fafafa; display: inline-block; float: left; height: 29px; width: 18px; } .stickyCart .product-qty .custom-qty .btn-plus .items { background-color: #fafafa; border: 0 solid #dddee0; color: #666666; cursor: pointer; margin: 0; padding: 0; float: left; height: 10px; line-height: normal; text-align: center; width: 18px; } .stickyCart .product-qty .custom-qty .btn-plus .items.increase { margin-top: 2px; } .stickyCart .countdown .timer-box .title { display: inline-block; font-size: 11px; font-weight: 400; color: #ffffff; text-transform: uppercase; line-height: 1; margin-bottom: 0; padding-bottom: 0; } .stickyCart .alo-count-down .countdown { display: flex; } ._has-modal .header-container-fixed { z-index: 99; } /* quick view new */ .modal-popup.modals-quickview .modal-content { background-color: #ffffff; } .modal-popup.modals-quickview .gallery-placeholder { padding-left: 15px; padding-top: 15px; } .modal-popup.modals-quickview.modal-slide .modal-inner-wrap { max-height: 90%; scrollbar-width: thin; } .modal-popup.modals-quickview.modal-slide .modal-inner-wrap::-webkit-scrollbar { width: 5px; } .modal-popup.modals-quickview.modal-slide .modal-inner-wrap::-webkit-scrollbar-track { background: #f1f1f1; } .modal-popup.modals-quickview.modal-slide .modal-inner-wrap::-webkit-scrollbar-thumb { background: #cecece; background: #4a4949 !important; } .modal-popup.modals-quickview.modal-slide .modal-inner-wrap::-webkit-scrollbar-thumb:hover { background: #788188; } .modal-popup.modals-quickview.modal-slide .page-wrapper { background-color: #ffffff; } .modal-popup.modals-quickview .product-info-main { scrollbar-width: thin; height: auto !important; } .modal-popup.modals-quickview .product-info-main::-webkit-scrollbar { width: 5px; } .modal-popup.modals-quickview .product-info-main::-webkit-scrollbar-track { background: #f1f1f1; } .modal-popup.modals-quickview .product-info-main::-webkit-scrollbar-thumb { background: #cecece; background: #4a4949; } .modal-popup.modals-quickview .product-info-main::-webkit-scrollbar-thumb:hover { background: #788188; } .modal-popup.modals-quickview .modal-content { overflow-y: auto; scrollbar-width: thin; max-height: none; } .modal-popup.modals-quickview .modal-content::-webkit-scrollbar { width: 5px; } .modal-popup.modals-quickview .modal-content::-webkit-scrollbar-track { background: #f1f1f1; } .modal-popup.modals-quickview .modal-content::-webkit-scrollbar-thumb { background: #cecece; background: #ff8400; } .modal-popup.modals-quickview .modal-content::-webkit-scrollbar-thumb:hover { background: #788188; } .modal-popup.modals-quickview .page-title-wrapper { padding-top: 20px; } .nav-open .message.global.cookie.magepow-gdpr-cookie-notice { z-index: 0 !important; } .show-add-cart-bottom .notify-slider-wrapper { bottom: 95px; } .notify-slider-wrapper .products.wrapper.grid .product-item .product-item-info .product-item-details .someone-purchased { padding-top: 13px; } .product-image-container { display: inline-block; max-width: 100%; } .product-image-wrapper { display: block; height: 0; overflow: hidden; position: relative; z-index: 1; } .product-image-photo { bottom: 0; display: block; height: auto; left: 0; margin: auto; max-width: 100%; position: absolute; right: 0; top: 0; z-index: 1; } .header .form-search .dd-container, .minisearch .searchsuite-autocomplete { scrollbar-width: thin; } .header .form-search .dd-container::-webkit-scrollbar, .minisearch .searchsuite-autocomplete::-webkit-scrollbar, .product-view.product-quickview .product-info-main.product-shop::-webkit-scrollbar, .minicart-items-wrapper::-webkit-scrollbar { width: 6px; background-color: #dedede; } .header .form-search .dd-container::-webkit-scrollbar-track, .minisearch .searchsuite-autocomplete::-webkit-scrollbar-track, .product-view.product-quickview .product-info-main.product-shop::-webkit-scrollbar-track, .minicart-items-wrapper::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1); background-color: #f8f8f8; border-radius: 10px; } .header .form-search .dd-container::-webkit-scrollbar-thumb, .minisearch .searchsuite-autocomplete::-webkit-scrollbar-thumb, .product-view.product-quickview .product-info-main.product-shop::-webkit-scrollbar-thumb, .minicart-items-wrapper::-webkit-scrollbar-thumb { border-radius: 10px; -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1); background-color: #dedede; } .header .form-search .dd-container::-webkit-scrollbar-thumb:hover, .minisearch .searchsuite-autocomplete::-webkit-scrollbar-thumb:hover, .product-view.product-quickview .product-info-main.product-shop::-webkit-scrollbar-thumb:hover, .minicart-items-wrapper::-webkit-scrollbar-thumb:hover { background: #888; } .product-view.product-quickview .product-info-main.product-shop, .minicart-items-wrapper { overflow-y: auto; scrollbar-width: thin; } #minicart-content-wrapper .update-cart-item { height: 32px; line-height: 30px; font-size: 1.3rem; } #minicart-content-wrapper .update-cart-item span { display: none; } #minicart-content-wrapper .update-cart-item:before { content: '\f021'; font-family: "FontAwesome"; } /*.block.filter .toggle-visible .filter-options-title:after { content: "\f106"; }*/ .cms-index-index .page.messages { display: none; } .modal-popup.modals-quickview .product-info-main { padding-right: 30px; } .modal-popup.modals-quickview .container { max-width: none; } .magicslider .slick-prev:before { content: "\f104"; font-family: "FontAwesome"; } .magicslider .slick-next:before { content: "\f105"; font-family: "FontAwesome"; } .modal-popup.modal-slide.modals-ajaxcart .modal-inner-wrap[class] { max-width: 450px; overflow: visible; } .modal-popup.modal-slide.modals-ajaxcart .modal-header { min-height: unset; } .modal-popup.modals-ajaxcart .modal-inner-wrap .content-ajaxcart .product-image>img { border-radius: 0; } .modal-popup.modals-ajaxcart .actions .checkout-link a { height: 40px; line-height: 38px; padding: 0 20px; font-size: 14px; text-transform: uppercase; background-color: #666666; color: #fff; } .modal-popup.modals-ajaxcart .actions .checkout-link a:hover { background-color: #4a4949; } .modal-popup.modals-ajaxcart .actions .btn-viewcart { margin-right: 0; } .modal-popup.modals-ajaxcart .action-close { top: 0; } .ajaxcart-wrapper-main .full-width { width: auto !important; } .ajaxcart-wrapper-main .product-image img{ width: 85px; height: 85px; object-fit: cover; border-radius: 50%; } .modals-ajaxcart .modal-content .subtotal{ font-weight: 600; } .modals-ajaxcart .modal-content .actions .action{ border-width: 1px; display: inline-block; line-height: 35px; height: 35px; padding:0 20px; border-radius: 25px; width:100%; text-transform: uppercase; border-style: solid; border-color: #fed700; background: #fed700; color:#fff; } .modal-popup.modals-ajaxcart .modal-inner-wrap .content-ajaxcart .message a { color: #666; } .modals-ajaxcart .modal-content .actions .action:hover{ color:#333; background: transparent; } .swatch-option.text { height: 30px; line-height: 28px; padding: 0 15px; } .stickyCart .btn-plus { position: unset; width: auto; } .stickyCart .btn-plus { position: static; } .stickyCart .btn-plus .items .fa { font-family: 'FontAwesome'; font-size: inherit; } .stickyCart .stickyChild .clSticky .quantity { border: none; } .stickyCart .stickyChild .clSticky .quantity .qty { height: 29px; font-weight: 400; } .post-list-wrapper .post-list { padding-left: 0; } .post-list .post-description .post-ftimg-hld { margin-bottom: 20px; width: 35%; float: left; padding-right: 30px; } .post-list-wrapper .post-title-holder:before, .post-list-wrapper .post-title-holder:after { content: ""; display: table; } .post-list-wrapper .post-title-holder:after { clear: both; } .widget.block-recent-posts .post-image { float: left; width: 90px; padding-right: 15px; } .widget.block-recent-posts .post-item-link img { width: 75px; height: 75px; object-fit: cover; } .widget.block-recent-posts .post-info-main { width: calc(100% - 90px); float: left; } .sidebar .widget.block-recent-posts .item .post-info-main a { margin-bottom: 8px; } .widget.block-recent-posts .post-item-date { font-size: 1.2rem; letter-spacing: -.14px; line-height: 12px; } .sidebar .widget.block-recent-posts .item, .sidebar .widget.block-recent-posts .item a { line-height: 23px; border-bottom: 0; } .blog-page .sidebar .block-recent-posts .post-item-link { display: block; } .sidebar .widget.block-recent-posts .item { padding-bottom: 20px; } .sidebar .widget.block-recent-posts .item:first-child { margin-top: 15px; } .sidebar .widget.block-recent-posts .item:not(:last-child) { margin-bottom: 20px; }