/* Control Panel Settings */ .quickview .mfp-iframe-holder .mfp-content{height:563px} #more-details[data-hint]:after{color: rgb(255, 255, 255);background-color: rgb(253, 139, 47)} #more-details i:before{content: '\e094';font-size: 20px;color: rgb(255, 255, 255);left: -2px} .quickview #content{background-color: rgb(255, 255, 255)} .quickview #tab-description{padding-right:10px;padding-left:10px;padding-top:10px;padding-bottom:10px} .quickview h1.heading-title{text-align:left} .label-latest{color: rgb(255, 255, 255);border-radius: 50%;width: 50px;height: 50px; line-height: 50px; padding-top:0; padding-bottom:0;background-color: rgb(253, 139, 47)} .label-sale{color: rgb(255, 255, 255);border-radius: 50%;width: 40px;height: 40px; line-height: 40px; padding-top:0; padding-bottom:0;background-color: rgb(253, 139, 47)} .label-outofstock{background-color:rgb(253, 139, 47)} header .links a, .links .no-link, .mm-header-link a{color: rgb(255, 255, 255)} header .links .no-link{color: rgb(255, 255, 255)} header .journal-secondary a, header .journal-secondary .links > a, .mm-header-link a{color: rgb(255, 255, 255)} header .journal-secondary .no-link{color: rgb(255, 255, 255)} .drop-down ul li a, .fly-drop-down ul li a{color: rgb(0, 0, 0)} .mega-menu div > h3{font-weight: 700;font-family: "Ubuntu";font-style: normal;font-size: 12px;text-transform: uppercase;letter-spacing: 1px;color: rgb(42, 43, 46);border-bottom-width: 1px;border-style: solid;border-color: rgb(228, 228, 228);padding-bottom:5px} .mega-menu-categories .mega-menu-item ul li a{padding-left:0px} .mega-menu-categories .mega-menu-item ul li a:hover{color: rgb(253, 139, 47)} .mega-menu-brands div > h3{color: rgb(255, 255, 255);text-align:left} .mega-menu-html div > h3, .mega-menu-mixed .mega-menu-html > h3{text-align:left;padding-bottom:5px;padding-left:10px;padding-top:5px} .mega-menu-html .mega-menu-item .wrapper{background-color: rgb(255, 255, 255)} .super-menu > li > a{font-weight: 700;font-family: "Ubuntu";font-style: normal;font-size: 13px;text-transform: uppercase;letter-spacing: 2px;color: rgb(255, 255, 255);line-height:38px} .super-menu > li, .super-menu > li:last-of-type, .journal-desktop .menu-floated .float-right{border-style:solid} .drop-down ul li, .mobile-menu .drop-down ul li, .flyout-menu .fly-drop-down ul li{border-bottom-style:solid;border-color: rgb(228, 228, 228)} .mega-menu-categories .mega-menu div > h3{text-align:left} .mega-menu-brands .mega-menu-item div{border-width: 1px;border-style: solid;border-color: rgb(228, 228, 228)} .mega-menu-brands .mega-menu-item img{border-radius: 50%} .mega-menu-html div > h3{background-color: rgb(255, 255, 255)} .mega-menu:not(.fly-mega-menu), .html-menu{border-right-width: 1px;border-bottom-width: 1px;border-left-width: 1px;border-style: solid;border-color: rgb(204, 204, 204)} .mobile-trigger:before{content: '\e618';font-size: 20px;color: rgb(250, 250, 250);top: -1px} .drop-down .menu-plus:before{content: '\e620';font-size: 10px;top: -3px} .mobile-trigger, .mobile-menu-on-tablet .mobile-trigger{font-weight: 500;font-family: "Ubuntu";font-style: normal;font-size: 16px;text-transform: uppercase;color: rgb(255, 255, 255)} .journal-menu .mobile-menu > li .mobile-plus, .tablet.mobile-menu-on-tablet header .journal-menu .mobile-menu > li .mobile-plus, .mobile.mobile-menu-on-tablet header .journal-menu .mobile-menu > li .mobile-plus{background-color: rgb(0, 0, 0);color: rgb(255, 255, 255)} .journal-header-default .links a:hover{background-color: rgb(253, 139, 47)} .journal-header-default .journal-links{background-color: rgb(0, 0, 0)} .journal-header-default .links a, .journal-header-default .links .no-link{border-color: rgb(42, 43, 46)} header .links li:hover a, .mm-header-link li:hover a{color: rgb(42, 43, 46)} .super-menu{background-color: rgb(253, 139, 47)} .journal-menu-bg{background-color: rgb(253, 139, 47)} .super-menu > li:hover > a{color: rgb(255, 255, 255)} .super-menu > li:hover, .journal-header-compact #header .journal-menu .super-menu > li:hover > a{background-color: rgb(0, 0, 0)} .super-menu > li, .super-menu > li:last-of-type, .journal-desktop .menu-floated .float-left, .journal-desktop .menu-floated .float-right{border-color: rgb(209, 93, 0)} .mega-menu, .html-menu{background-color: rgb(255, 255, 255)} header .journal-secondary a:hover, header .journal-secondary .links > a:hover, .mm-header-link a:hover{color: rgb(42, 43, 46)} .mega-menu div > h3:hover > a{color: rgb(253, 139, 47)} .drop-down ul li:hover > a, .fly-drop-down ul li:hover > a{color: rgb(255, 255, 255)} .drop-down ul li, .fly-drop-down ul li{background-color: rgb(255, 255, 255)} .drop-down ul li:hover, .drop-down ul > li:hover > a, .fly-drop-down ul > li:hover > a{background-color:rgb(253, 139, 47);border-color:rgb(253, 139, 47);} .journal-header-default .journal-secondary > ul > li{background-color: rgb(42, 43, 46)} .drop-down ul li:hover > a i:before{color: rgb(255, 255, 255)} .journal-menu .mobile-trigger{background-color: rgb(42, 43, 46)} .mega-menu .product-grid-item .price{display:inline-block} .mega-menu{padding:15px} .mega-menu-item > div, #header .mega-menu .product-wrapper{margin-right:15px} .mega-menu-categories .mega-menu-item ul li.view-more a{font-weight: 500;font-family: "Ubuntu";font-style: normal;font-size: 11px;text-transform: none} .mega-menu .product-grid-item .price, .mega-menu .product-grid-item .price-new{color: rgb(56, 56, 56)} .mega-menu-column.mega-menu-html .wrapper p, .mega-menu-column.mega-menu-html .wrapper p span, .mega-menu .mega-menu-column .menu-cms-block{color: rgb(56, 56, 56)} .mega-menu-column > div > h3, .mega-menu-column > h3{border-bottom-width: 1px;border-style: solid;border-color: rgb(228, 228, 228);margin-bottom:10px;padding-bottom:5px;font-weight: 700;font-family: "Ubuntu";font-style: normal;font-size: 12px;text-transform: uppercase;letter-spacing: 1px;color: rgb(56, 56, 56)} .mobile .journal-menu .mobile-menu > li, .tablet.mobile-menu-on-tablet header .journal-menu .mobile-menu > li, .mobile.mobile-menu-on-tablet header .journal-menu .mobile-menu > li, #header .journal-menu .mobile-menu > li .mobile-plus{border-color: rgb(204, 204, 204)} .quote .button{padding:0 16px;line-height:35px;background-color: rgb(0, 0, 0)} .quote .button:hover{background-color: rgb(255, 255, 255);color: rgb(0, 0, 0)} .product-info .left .image a img{border-width: 1px;border-style: solid;border-color: rgb(244, 244, 244)} .product-info .left .image-additional a{padding:0 15px 15px 0} .product-info .image .label-latest{display: block} .product-info .image .label-sale{display: block} .product-info .image .label-outofstock{display: block} .product-options > div, .product-options > ul{background-color: rgb(244, 244, 244)} .product-options > div, .product-options > ul, .skin-11 .right .heading-title{margin-bottom:15px} .product-info .right .description .instock{color: rgb(253, 139, 47)} .product-info .right .description .outofstock{color: rgb(253, 139, 47)} .product-info .right .price .price-new, .product-info .right .price .product-price, .product-info .right .price li.price-new, .product-info .right .price li.product-price{font-weight: 400;font-family: "Ubuntu";font-style: normal;font-size: 35px;text-transform: none;color: rgb(0, 0, 0)} .product-info .right .price .price-old, .product-info .right .price li.price-old{font-weight: 400;font-family: "Ubuntu";font-style: normal;font-size: 22px;text-transform: none;color: rgb(255, 255, 255)} .product-info .right .price-old{border-radius: 30px;background-color: rgb(253, 139, 47)} .product-info .option > ul > li:active, .product-info .option > ul > li.selected{box-shadow:inset 0 0 8px rgba(0, 0, 0, 0.7)} #content .product-info .options h3, .ms-sellerprofile.description h3{background-color: rgb(255, 255, 255)} .product-info .option > ul > li{color: rgb(255, 255, 255);background-color: rgb(0, 0, 0)} .product-info .right .cart div .qty{border-radius: 40px} #button-cart, .product-info .right .cart div .button.enquiry-button{font-weight: 700;font-family: "Ubuntu";font-style: normal;font-size: 14px;text-transform: uppercase;letter-spacing: 2px;color: rgb(255, 255, 255)} #button-cart, .product-info .right .cart div .button.enquiry-button, .quickview #more-details{background-color: rgb(0, 0, 0)} .product-info .right .wishlist-compare .links a{color: rgb(0, 0, 0)} .product-info .right .wishlist-compare .links a:hover{color: rgb(253, 139, 47)} #tabs a, #tabs li a{font-weight: 700;font-family: "Ubuntu";font-style: normal;font-size: 12px;text-transform: uppercase;letter-spacing: 2px;color: rgb(255, 255, 255);background-color: rgb(0, 0, 0);box-shadow:inset 0 -3px 6px -2px rgba(0, 0, 0, 0.5)} .product-info .tab-content, .tab-content{padding:15px} .product-info .right .journal-custom-tab{background-color: rgba(244, 244, 244, 0);padding-top:0px;padding-bottom:0px;padding-right:0px;padding-left:0px} .product-info .gallery-text:before{content: '\e015';font-size: 16px} #product-gallery .swiper-button-prev::before{content: '\e62b';font-size: 16px;color: rgb(255, 255, 255);top: -3px} #product-gallery .swiper-button-next::before{content: '\e62c';font-size: 16px;color: rgb(255, 255, 255);top: -3px;left: 1px} .product-info .right .wishlist-compare .links a:before{content: '\e662';font-size: 14px} .product-info .right .wishlist-compare .links a+a:before{content: '\e025';font-size: 14px} .product-info .right .options .option{border-color: rgb(255, 255, 255)} .product-info .option > ul > li.selected, .product-info .option > ul > li:hover{color: rgb(255, 255, 255);background-color: rgb(253, 139, 47)} .product-info .right .cart div .journal-stepper{color: rgb(255, 255, 255);background-color: rgb(0, 0, 0)} .product-info .right .cart div .journal-stepper:hover{color: rgb(255, 255, 255);background-color: rgb(253, 139, 47)} #button-cart:hover, .product-info .right .cart div .button.enquiry-button:hover, .quickview #more-details:hover{color: rgb(255, 255, 255);background-color: rgb(253, 139, 47)} .product-info .right .wishlist-compare{background-color: rgb(244, 244, 244)} #tabs a:hover, #tabs a.selected, #tabs li a:hover, #tabs li.active a{color: rgb(255, 255, 255);background-color: rgb(253, 139, 47)} .product-info .tab-content, .tab-content, .quickview .tab-content{background-color: rgb(244, 244, 244)} .tags{text-align:left} .tags a, .tags b{border-radius: 15px} .tags b{background-color: rgb(0, 0, 0);color: rgb(255, 255, 255)} .tags a{background-color: rgb(244, 244, 244)} .tags a:hover{color: rgb(255, 255, 255);background-color: rgb(253, 139, 47)} #product-gallery .swiper-button-prev, #product-gallery .swiper-button-next{border-radius: 50%;margin-top:-8px;height:25px; line-height:25px;background-color: rgb(51, 55, 69);width:25px} .product-info .right > div > div, .product-info .right > div > ul{padding-left:10px;padding-right:10px;padding-bottom:10px;padding-top:10px} .product-info .right .options .option b, .product-info .right .options .option .control-label{font-weight: 400;font-family: "Ubuntu";font-style: normal;font-size: 14px;text-transform: none} .product-info .right .options .option label:hover{color: rgb(253, 139, 47)} .social, .product-options .social, .blog-post .social{background-color: rgb(255, 255, 255)} .product-info .right .options .option label{color: rgb(66, 139, 202)} #product-gallery .swiper-button-prev:hover, #product-gallery .swiper-button-next:hover{background-color: rgb(253, 139, 47)} #tab-description{line-height:17px} .attribute tbody td{text-align:left} .product-page .heading-title{text-align:left} body{font-weight: 400;font-family: "Ubuntu";font-style: normal;font-size: 13px;text-transform: none;color: rgb(51, 55, 69);background-image: url('https://myautobg.com/image/data/journal2/pattern/pat2.jpg');background-repeat: repeat;background-position: center top;background-size: auto;background-attachment: scroll;background-color: rgb(228, 228, 228)} .heading-title, .box-heading, #blogArticle .articleHeader h1, .oc-filter .panel-heading{text-align:left;border-radius: 2px;line-height:40px; min-height:40px;;background-color: rgb(244, 244, 244)} .secondary-title, #content #review-title, #content legend, .checkout-content h2{text-align:left;font-weight: 400;font-family: "Ubuntu";font-style: normal;font-size: 16px;text-transform: none;color: rgb(42, 43, 46);border-bottom-width: 1px;border-style: solid;border-color: rgb(244, 244, 244);padding-top:8px; padding-bottom:8px} .heading-title, .box-heading, #blogArticle .articleHeader h1, #swipebox-caption, .journal-carousel .htabs.single-tab a:hover, .journal-carousel .htabs.single-tab a.selected, .oc-filter .panel-heading{font-weight: 700;font-family: "Ubuntu";font-style: normal;font-size: 14px;text-transform: uppercase;color: rgb(0, 0, 0)} .button, .side-column .box-content a.button, #quickcheckout .button, .modal-footer .btn{font-weight: 700;font-family: "Ubuntu";font-style: normal;font-size: 11px;text-transform: uppercase;color: rgb(255, 255, 255)} .button, #quickcheckout .button, .modal-footer .btn{border-radius: 30px;padding:0 14px;line-height:32px;background-color: rgb(42, 43, 46)} .breadcrumb{font-weight: bold;font-family: Helvetica, Arial, sans-serif;font-style: normal;font-size: 13px;text-transform: none;background-color: rgb(244, 244, 244);padding-left:0px; padding-right:0px;} .scroll-top:before{content: '\e021';font-size: 45px;color: rgb(63, 87, 101)} .extended-layout .extended-container{background-color: rgb(255, 255, 255)} a{color: rgb(69, 115, 143)} a:hover{color: rgb(253, 139, 47)} .button:hover, .side-column .box-content a.button:hover, #quickcheckout .button:hover, .modal-footer .btn:hover{color: rgb(255, 255, 255)} .button:hover, #quickcheckout .button:hover, .modal-footer .btn:hover{background-color: rgb(253, 139, 47)} .breadcrumb a:hover{color: rgb(253, 139, 47)} .scroll-top:hover:before{color: rgb(253, 139, 47)} .heading-title, .box-heading, #blogArticle .articleHeader h1, .journal-carousel .htabs.single-tab a, .oc-filter .panel-heading, .journal-carousel .htabs.single-tab a{padding-left:15px} .extended-container:before{background-color: rgb(244, 244, 244)} .box-sections ul li, .custom-sections .box-heading.box-sections{border-style:solid;border-color: rgb(80, 80, 80)} .custom-sections .box-heading{border-bottom-width: 0px;border-style: solid;background-color: rgb(42, 43, 46)} .box-sections ul li a{color: rgb(255, 255, 255)} .box-sections, .box-sections ul li a, #top-modules .journal2_custom_sections::before, #bottom-modules .journal2_custom_sections::before{line-height:38px; min-height:38px;} .box-sections ul li a:hover, .box-sections ul li a.selected{color: rgb(255, 255, 255);background-color: rgb(253, 139, 47)} #footer{margin-top:20px;margin-bottom:0px} footer .column > h3{border-bottom-style:solid;text-align:left;font-weight: 700;font-family: "Ubuntu";font-style: normal;font-size: 14px;text-transform: uppercase;letter-spacing: 1px;color: rgb(255, 255, 255);border-color: rgb(42, 43, 46)} footer .column-menu-wrap > ul li{color: rgb(255, 255, 255)} footer .contacts{box-shadow:none;border-radius: 60px} footer .contacts [data-hint]:after{border-radius: 3px;color: rgb(255, 255, 255);background-color: rgb(253, 139, 47)} .bottom-footer{box-shadow:none;background-color: rgb(255, 255, 255)} .fullwidth-footer{background-color: rgb(0, 0, 0)} footer .column-menu-wrap > ul li:hover a{color: rgb(253, 139, 47)} footer .contacts > div > span > .contact-icon{background-color: rgb(80, 80, 80)} footer a .contacts-text:hover{color: rgb(253, 139, 47)} footer .contacts-text{color: rgb(255, 255, 255)} .column.products .product-grid-item .name a{white-space:nowrap} .column.products .product-grid-item .name a:hover{color: rgb(253, 139, 47)} .column.products .product-grid-item{border-bottom-style:solid;border-color: rgb(42, 43, 46);padding:4px 0} footer .column-text-wrap p{line-height:15px} .column.products .product-grid-item .name a, .footer-post-title{color: rgb(255, 255, 255)} .column.products .product-grid-item .price-old{color: rgb(253, 139, 47)} .column.products .product-grid-item .price, .column.products .product-grid-item .price-new{color: rgb(255, 255, 255)} .footer-post{border-bottom-style:solid;border-color: rgb(42, 43, 46);padding:5px 0} #cart .heading i{border-left-style:solid;border-color: rgba(244, 244, 244, 0)} .mini-cart-info table tr{border-bottom-style:solid;border-bottom-color: rgb(228, 228, 228)} #cart .heading, .ie9 #cart button.heading{font-weight: 500;font-family: "Ubuntu";font-style: normal;font-size: 14px;text-transform: none;color: rgb(255, 255, 255)} .journal-header-center #cart{border-width: 1px;border-radius: 40px;border-style: solid;border-color: rgb(80, 80, 80)} .mini-cart-info, #cart .empty{color: rgb(0, 0, 0)} .mini-cart-info{max-height:350px} .mini-cart-total{color: rgb(255, 255, 255);background-color: rgb(0, 0, 0)} .button-search, .journal-header-center .button-search{border-right-style:solid} #search input{color: rgb(255, 255, 255)!important;background-color: rgb(42, 43, 46)} .journal-header-center #search input{border-width: 1px;border-radius: 40px;border-style: solid;border-color: rgb(80, 80, 80)} .autocomplete2-suggestion span.p-price{display:block} .autocomplete2-suggestions > div{max-height:350px} .journal-header-center #language, .journal-header-center #currency{border-style:solid;border-color: rgb(119, 119, 119)} .journal-language .dropdown-menu, .journal-currency .dropdown-menu{background-color: rgb(255, 255, 255);box-shadow:0 2px 2px rgba(0, 0, 0, 0.15)} .journal-currency form .currency-symbol{border-radius: 50%;background-color: rgb(255, 255, 255)} #cart .heading i:before{content: '\e000';font-size: 25px;color: rgb(253, 139, 47);top: -1px;left: -4px} .button-search i:before{content: '\e697';font-size: 22px;color: rgb(253, 139, 47);top: -1px;left: 2px} .journal-top-header{background-color: rgb(253, 139, 47)} .header, .boxed-header.default-header .journal-login{background-color: rgba(0, 0, 0, 0.85)} .journal-header-default #logo, .journal-header-compact #logo{background-color: rgb(42, 43, 46)} .journal-header-default #cart{background-color: rgb(42, 43, 46)} #cart .content .cart-wrapper, .oc2 #cart .checkout{background-color: rgb(255, 255, 255)} .mini-cart-info table tr td.remove i{color: rgb(0, 0, 0)} .mini-cart-info table tr td.remove i:hover, .firefox .mini-cart-info table tr td.remove button:hover i{color: rgb(253, 139, 47)} .autocomplete2-suggestion{border-bottom-style:solid;border-color: rgb(228, 228, 228)} .autocomplete2-suggestion:hover{background-color: rgb(244, 244, 244)} .autocomplete2-suggestions{background-color: rgb(255, 255, 255)} .journal-language .dropdown-menu > li > a, header .journal-currency .dropdown-menu > li > a{color: rgb(0, 0, 0)} .journal-language .dropdown-menu > li > a:hover, header .journal-currency .dropdown-menu > li > a:hover{color: rgb(0, 0, 0)} .journal-language .dropdown-menu > li > a:hover, .journal-currency .dropdown-menu > li > a:hover{background-color: rgb(244, 244, 244)} .journal-language .dropdown-menu > li, .journal-currency .dropdown-menu > li{border-top-style:solid} .autocomplete2-suggestion .p-image{display:block} .journal-header-center .journal-top-header, .journal-header-center .journal-secondary{border-bottom-style:solid; border-top-style:solid;} .product-wrapper{border-width: 1px;border-style: solid;border-color: rgb(228, 228, 228);padding: 5px;background-color: rgb(255, 255, 255)} .product-grid-item .image .label-latest{display: block} .product-grid-item .image .label-sale{display: block} .product-grid-item .image .label-outofstock{display: block} .product-grid-item .name a, .posts h2 a{white-space:nowrap;font-weight: 400;font-family: "Ubuntu";font-style: normal;font-size: 14px;text-transform: none;color: rgb(51, 55, 69)} .product-grid-item .price{display:inline-block;;display:inline-block} .product-details:before{font-size: 25px;margin-left: -14px;top: -21px;color: rgb(255, 255, 255)} .product-grid-item .cart .button[data-hint]:after{color: rgb(255, 255, 255);background-color: rgb(221, 0, 23)} .product-grid-item .quickview-button {margin-left: 0px;margin-top: -25px} .product-grid-item .quickview-button .button{border-radius: 30px} .product-grid-item .quickview-button .button[data-hint]:after{border-radius: 3px;color: rgb(255, 255, 255);background-color: rgb(52, 73, 94)} .product-grid-item.display-icon .wishlist > a, .product-grid-item.display-icon .compare > a{border-radius: 50%;width:30px;height:30px; padding:0;;background-color: rgb(0, 0, 0)} .product-grid-item .wishlist [data-hint]:after, .product-grid-item .compare [data-hint]:after{color: rgb(255, 255, 255);background-color: rgb(253, 139, 47)} .product-grid-item .cart:not(.enquiry-button) i::before{content: '\e001';font-size: 19px;color: rgb(255, 255, 255)} .product-grid-item .quickview-button .button-left-icon:before, .product-grid-item .quickview-button .button-right-icon:before{content: '\e660';font-size: 20px;color: rgb(255, 255, 255)} .product-grid-item .wishlist-icon:before{content: '\e663';font-size: 16px;color: rgb(255, 255, 255);top: 1px} .product-grid-item .compare-icon:before{content: '\e025';font-size: 16px;color: rgb(255, 255, 255)} .product-grid-item .price-old, .compare-info .price-old, .autocomplete2-suggestion span.p-price .price-old{color: rgb(253, 139, 47)} .product-grid-item .wishlist a, .product-grid-item .compare a{font-weight: normal;font-family: Helvetica, Arial, sans-serif;font-style: normal;font-size: 11px;text-transform: none;color: rgb(51, 55, 69)} .product-grid-item.display-icon .wishlist > a:hover, .product-grid-item.display-icon .compare > a:hover{background-color: rgb(253, 139, 47)} .soft-shadow .product-wrapper{box-shadow:none} .product-grid-item .rating{margin-left:-47px;top:-35px} .product-grid-item .quickview-button .button:hover, .side-column .box-content .quickview-button .button:hover{color: rgb(255, 255, 255)} .category-list ul li a, .refine-category-name{font-weight: 500;font-family: "Ubuntu";font-style: normal;font-size: 13px;text-transform: none;color: rgb(0, 0, 0)} .category-list ul li:after{color: rgb(228, 228, 228)} .category-list{background-color: rgb(51, 55, 69)} .refine-image a{background-color: rgb(244, 244, 244)} .refine-image a:hover{background-color: rgb(253, 139, 47)} .product-filter, .product-compare a{font-weight: bold;font-family: Helvetica, Arial, sans-serif;font-style: normal;font-size: 13px;text-transform: none;color: rgb(42, 43, 46)} .pagination b, .pagination a:hover, .pagination .active{color: rgb(255, 255, 255)} .category-list ul li a:hover, .refine-image a:hover .refine-category-name{color: rgb(255, 255, 255)} .pagination{background-color: rgb(244, 244, 244);box-shadow:none} .product-filter .display a i:hover, .product-filter .display a.active i{color:rgb(253, 139, 47) !important} .product-filter{background-color: rgb(244, 244, 244)} .product-compare a:hover{color: rgb(253, 139, 47)} .pagination a, .pagination b, .pagination li{border-radius: 50%} .pagination a{background-color: rgb(255, 255, 255);color: rgb(0, 0, 0)} .pagination b, .pagination a:hover, .pagination li.active {background-color: rgb(253, 139, 47)} .pagination .results, .dataTables_info{font-weight: 700;font-family: "Ubuntu";font-style: normal;font-size: 13px;text-transform: none} .tp-bannertimer, .tp-bannertimer.tp-bottom{height:3px;background-color: rgb(253, 139, 47)} .tp-bullets.tp-thumbs .bullet:before{opacity:.4} .tp-bullets.tp-thumbs .bullet.selected:before, .tp-bullets.tp-thumbs .bullet:hover:before{opacity:0} .tp-bullets.tp-thumbs{border-top-width: 7px;border-right-width: 7px;border-left-width: 7px;border-style: solid;border-color: rgb(255, 255, 255)} .tp-leftarrow:before, .tp-leftarrow.default:before, .journal-simple-slider .owl-controls .owl-buttons .owl-prev:before{content: '\e62b';font-size: 65px;color: rgb(255, 255, 255);top: -15px} .tp-rightarrow:before, .tp-rightarrow.default:before, .journal-simple-slider .owl-controls .owl-buttons .owl-next:before{content: '\e62c';font-size: 65px;color: rgb(255, 255, 255);top: -15px} .tp-bullets.simplebullets.round .bullet.selected, .tp-bullets.simplebullets.round .bullet:hover, .journal-simple-slider .owl-controls .owl-page.active span, .journal-simple-slider .owl-controls.clickable .owl-page:hover span{background-color: rgb(253, 139, 47)} .tp-bullets.simplebullets.round .bullet, .journal-simple-slider .owl-controls .owl-page span{background-color: rgb(255, 255, 255);border-radius: 8px;margin-left:10px;width:30px;height:8px} .tp-leftarrow:hover:before, .tp-leftarrow.default:hover:before, .tp-rightarrow:hover:before, .tp-rightarrow.default:hover:before, .journal-simple-slider .owl-controls .owl-buttons .owl-prev:hover:before, .journal-simple-slider .owl-controls .owl-buttons .owl-next:hover:before{color: rgb(253, 139, 47)} .journal-carousel .htabs a, .side-column .journal-carousel .htabs a{border-right-style:solid;border-color: rgb(255, 255, 255)} .journal-carousel.arrows-top .swiper-button-prev::before{content: '\e60f';font-size: 17px;color: rgb(42, 43, 46)} .journal-carousel.arrows-top .swiper-button-next::before{content: '\e60e';font-size: 17px;color: rgb(42, 43, 46)} .swiper-pagination-bullet{background-color: rgb(0, 0, 0);border-radius: 5px;width:20px;height:7px} .journal-carousel.arrows-top .swiper-button-prev:hover::before, .journal-carousel.arrows-top .swiper-button-next:hover::before{color: rgb(253, 139, 47)} .swiper-pagination-bullet:hover, .swiper-pagination-bullet.swiper-pagination-bullet-active{background-color: rgb(253, 139, 47)} .journal-carousel .htabs a:hover, .journal-carousel .htabs a.selected{color: rgb(255, 255, 255);background-color: rgb(253, 139, 47)} .journal-carousel.arrows-top .swiper-button-prev, .journal-carousel.arrows-top .swiper-button-next{top:-58px} .journal-carousel:not(.arrows-top) .swiper-button-next::before{content: '\e60e';font-size: 24px;color: rgb(0, 0, 0)} .journal-carousel:not(.arrows-top) .swiper-button-prev, .journal-carousel:not(.arrows-top) .swiper-button-next{margin-top:-60px} .journal-carousel:not(.arrows-top) .swiper-button-prev::before{content: '\e60f';font-size: 24px;color: rgb(0, 0, 0)} .journal-carousel.arrows-top .swiper-button-prev{right:15px} .journal-carousel.arrows-top .swiper-button-next{right:0px} .journal-carousel:not(.arrows-top) .swiper-button-next{right:5px} .journal-carousel:not(.arrows-top) .swiper-button-prev{left:5px} .journal-carousel:not(.arrows-top) .swiper-button-prev:hover::before, .journal-carousel:not(.arrows-top) .swiper-button-next:hover::before{color: rgb(253, 139, 47)} .product-list-item{background-color: rgb(255, 255, 255)} .product-list-item .image .label-latest{display: block} .product-list-item .image .label-sale{display: block} .product-list-item .image .label-outofstock{display: block} .product-list-item .description{display:block} .product-list-item .cart .button[data-hint]:after{border-radius: 3px;color: rgb(255, 255, 255);background-color: rgb(66, 139, 202)} .product-list-item .quickview-button {margin-left: -20px;margin-top: -20px} .product-list-item .quickview-button .button{border-radius: 50px} .product-list-item .quickview-button .button[data-hint]:after{border-radius: 3px;color: rgb(255, 255, 255);background-color: rgb(176, 158, 102)} .product-list-item .wishlist a, .product-list-item .compare a{color: rgb(51, 55, 69)} .product-list-item .cart:not(.enquiry-button) i:before{content: '\e001';font-size: 20px;color: rgb(255, 255, 255)} .product-list-item .quickview-button .button-left-icon:before, .product-list-item .quickview-button .button-right-icon:before{content: '\e661';font-size: 20px;color: rgb(255, 255, 255)} .product-list-item .wishlist-icon:before{content: '\e662';font-size: 11px;color: rgb(51, 55, 69);top: -2px} .product-list-item .compare-icon:before{content: '\e025';font-size: 11px;color: rgb(51, 55, 69);top: -2px} .product-list-item .wishlist a:hover, .product-list-item .compare a:hover{color: rgb(176, 158, 102)} .side-column .box-content li a, .side-column .box-category li a, .flyout-menu .flyout > ul > li > a, .journal-sf ul li, .side-column .oc-module .product-grid-item, #column-right .recentArticles li, #column-right .popularArticles li, #column-left .recentArticles li, #column-left .popularArticles li, .side-post + hr{border-bottom-style:solid} .side-column .side-category-accordion i{border-radius: 50%;color: rgb(0, 0, 0);background-color: rgb(0, 0, 0)} .side-column .side-category-accordion i:hover{color: rgb(255, 255, 255);background-color: rgb(253, 139, 47)} .side-column .box-category li a:before, .flyout-menu .flyout > ul > li > a:before, .side-column .box-content li a:before{content: '\e62c';font-size: 15px;color: rgb(169, 184, 192);top: -2px} .side-column, .side-column .oc-module .product-grid-item .price, .journal-sf ul li label, .side-post-title{color: rgb(0, 0, 0)} .side-column .box-content li a:hover, .side-column .box-category li a:hover, .flyout-menu .flyout > ul > li:hover > a, .flyout-menu .flyout > ul > li > a:active, .side-column .box-content li a.active, .side-column .box-category li a.active, .side-column .oc-module .product-grid-item .name a:hover, #column-right .recentArticles li > a:hover, #column-right .popularArticles li > a:hover, #column-left .recentArticles li > a:hover, #column-left .popularArticles li > a:hover{color: rgb(253, 139, 47)} .side-column .box-content li a:hover, .side-column .box-category li a:hover, .flyout-menu .flyout > ul > li:hover > a, .flyout-menu .flyout > ul > li > a:active, .side-column .box-content li a.active, .side-column .box-category li a.active{background-color: rgb(255, 255, 255)} .side-column .box-content li a, .side-column .box-category li a, .flyout-menu .flyout > ul > li > a, .journal-sf ul li, .side-column .oc-module .product-grid-item, #column-right .recentArticles li, #column-right .popularArticles li, #column-left .recentArticles li, #column-left .popularArticles li, .side-post + hr {border-color:rgba(255, 255, 255, 0)} .side-column .box-content li a, .side-column .box-category li a{padding-top:10px;padding-bottom:2px;padding-right:20px} .side-column .oc-module .product-grid-item{padding-left:0px;padding-right:0px;padding-bottom:0px;padding-top:7px} .side-column .side-category i{width:20px;height:20px;margin-top:7px;margin-right:0px;font-weight: normal;font-family: Helvetica, Arial, sans-serif;font-style: normal;font-size: 18px;text-transform: none;color: rgb(255, 255, 255)} .side-column .heading-title, .side-column .box-heading, .side-column #blogArticle .articleHeader h1, .oc-filter .panel-heading{padding-left:10px} .side-column .oc-module .product-grid-item .name a{white-space:nowrap} .side-column .box-content li a, .side-column .box-category li a, .flyout-menu .flyout > ul > li > a, #column-right .recentArticles li > a, #column-right .popularArticles li > a, #column-left .recentArticles li > a, #column-left .popularArticles li > a, .side-post-title{color: rgb(56, 56, 56)} .cart-info tbody td, .wishlist-info tbody td, .compare-info td, .journal-checkout .checkout-cart tbody td, .journal-checkout .checkout-cart tbody td:first-of-type{border-bottom-style:solid} .action-area h3{background-color: rgb(244, 244, 244)} .buttons{padding-top:15px; padding-bottom:15px;;padding-left:15px; padding-right:15px;background-color: rgb(244, 244, 244)} .cart-info table, .wishlist-info table, .compare-info td, table.list tbody td, .order-list .order-content{background-color: rgb(255, 255, 255)} .cart-info tbody td, .wishlist-info tbody td, .compare-info td, table.list tbody td, .order-list .order-content{color: rgb(51, 55, 69)} .cart-info thead td, .wishlist-info thead td, .compare-info thead td, .manufacturer-heading, table.list thead td, .order-list .order-id, .order-list .order-status{background-color: rgb(244, 244, 244)} .cart-info tbody td, .wishlist-info tbody td, .compare-info td, .journal-checkout .checkout-cart tbody td, .journal-checkout .checkout-cart tbody td:first-of-type, .account-page table.list td, .account-page table.list{border-color: rgb(244, 244, 244)} .login-content > div, .sitemap-info > div > ul{background-color: rgb(244, 244, 244)} .login-content hr{background-color: rgb(244, 244, 244)} #content.sc-page .content p, #content.sc-page .action-area p, .cart-total, table.list tfoot td{background-color: rgb(244, 244, 244)} table.radio .highlight:hover td label, .action-area .panel-title:hover a{color: rgb(255, 255, 255)} table.radio .highlight td, .action-area .panel-heading{background-color: rgb(255, 255, 255)} table.radio .highlight:hover td, .action-area .panel-heading:hover{background-color: rgb(253, 139, 47)} #content.sc-page .content table.radio .highlight td{border-color: rgb(244, 244, 244)} .checkout-heading, .checkout .panel-heading, .route-checkout-checkout .panel-heading:hover{background-color: rgb(68, 67, 73)} .checkout-heading{border-color: rgb(80, 80, 80);border-bottom-style:solid} .checkout-product thead td, .checkout-product tfoot td{color: rgb(51, 55, 69);background-color: rgb(244, 244, 244)} .checkout-product tbody td{border-color: rgb(244, 244, 244)} .checkout-content, .checkout-page .panel-body{background-color: rgb(255, 255, 255)} .checkout-heading, .checkout .panel-title, .route-checkout-checkout .panel-title{color: rgb(255, 255, 255)} .sf-icon:after{background-color: rgb(253, 139, 47);color: rgb(244, 244, 244)} .sf-reset:hover{color: rgb(253, 139, 47)} .sf-price .ui-widget-header{background-color: rgb(0, 0, 0)} .sf-price .value{color: rgb(255, 255, 255);background-color: rgb(0, 0, 0);border-radius: 10px} .sf-reset{color: rgb(42, 43, 46)} .sf-price .ui-slider-handle:hover{background-color: rgb(253, 139, 47)} .sf-price .ui-slider-handle{background-color: rgb(0, 0, 0);width:15px;height:15px;top:-6px;border-radius: 50%} .journal-sf ul label.sf-checked img, .journal-sf ul label:hover img{border-color: rgb(253, 139, 47)} .sf-icon .sf-reset-icon::after, .sf-reset .sf-reset-icon::after{content: '\e602';font-size: 16px} .side-column .journal-sf .box ul li label.sf-checked, .side-column .journal-sf .box ul li label:hover{color: rgb(253, 139, 47)} .journal-sf ul label img{border-width: 2px;border-style: solid;border-color: rgb(244, 244, 244)} .side-column .journal-sf .box ul li{padding-top:2px;padding-bottom:2px;border-bottom-style:solid;border-color: rgba(255, 255, 255, 0)} .sf-price .box-content{padding-left:17px;padding-bottom:35px;padding-top:20px;padding-right:20px} .side-column .journal-sf .box{margin-bottom:10px} .sf-price .ui-widget-content{background: rgb(253, 139, 47)} .journal-sf .sf-image .box-content ul li{padding-bottom:7px;padding-right:7px;width:16.666666%} .journal-sf .sf-image .box-content{padding-top:5px} .sf-price .ui-slider-horizontal{height:2px} .journal-sf .box-content{max-height:300px} .side-column .journal-sf .box ul{padding-top:5px} .journal-sf .sf-manufacturer.sf-image .box-content ul li{width:25%} .journal-sf .sf-category.sf-image .box-content ul li{width:20%} .nav-numbers a{width:20px;height:7px;border-radius: 5px;background-color: rgb(228, 228, 228)} .nav-numbers a:hover, .nav-numbers li.active a{background-color: rgb(253, 139, 47)} .ui-pnotify {display: block !important;background-color: rgb(255, 255, 255)} .ui-pnotify-text img {display: block} .ui-pnotify-title {font-weight: 700;font-family: "Ubuntu";font-style: normal;font-size: 12px;text-transform: uppercase;letter-spacing: 2px;color: rgb(255, 255, 255);background-color: rgb(0, 0, 0)} .ui-pnotify-closer{color: rgb(255, 255, 255)} .journal-desktop .ui-pnotify-closer:hover{color: rgb(253, 139, 47)} .ui-pnotify-text a{color: rgb(69, 115, 143)} .ui-pnotify-text a:hover{color: rgb(253, 139, 47)} .notification-buttons{display:block} .notification-buttons .notification-cart{color: rgb(255, 255, 255)} .notification-buttons .notification-cart:hover{color: rgb(255, 255, 255)} .notification-buttons .notification-checkout:hover{color: rgb(255, 255, 255)} .notification-buttons .notification-checkout{color: rgb(255, 255, 255)} .block-content{padding:3px;background-color: rgb(244, 244, 244)} .block-content, .side-block-content, .block-content p, .side-block-content p, .block-content p span, .side-block-content p span{font-style: ;font-size: ;text-transform: } .side-column .editor-content h1, .side-column .editor-content h2, .side-column .editor-content h3{padding-bottom:4px;font-weight: 500 !important;font-family: "Ubuntu" !important;font-style: normal !important;font-size: 15px !important;text-transform: none !important} .editor-content p, .side-block-content p{padding-bottom:5px} .side-column .box.cms-blocks .cms-block{margin-bottom:5px} .editor-content h1, .editor-content h2, .editor-content h3, .side-block-content h1, .side-block-content h3, .side-block-content h3{padding-bottom:5px;font-weight: 400 ;font-family: "Ubuntu" ;font-style: normal ;font-size: 18px ;text-transform: none } .side-column .block-content p{line-height:19px} .gallery-thumb a:before{content: '\e015';font-size: 30px;color: rgb(255, 255, 255)} .gallery-thumb .item-hover{background-color: rgba(51, 55, 69, 0.5)} .lg-backdrop{background-color: rgba(0, 0, 0, 0.75)} .lg-toolbar, .lg-sub-html{background-color: rgb(0, 0, 0)} .lg-toolbar .lg-icon:hover, #lg-intense-zoom:hover{color: rgb(253, 139, 47)} .lg-sub-html{color: rgb(255, 255, 255)} .side-column .journal-gallery .box-content{padding:0px !important} #content .welcome h1, .side-column .welcome h1{text-align:left;font-weight: 500;font-family: "Ubuntu";font-style: normal;font-size: 25px;text-transform: none;color: rgb(51, 55, 69);border-bottom-style:solid;border-color: rgb(228, 228, 228)} #content .welcome p, .side-column .welcome p{text-align:left} .welcome p{line-height:16px} .product-grid-item .compare, .product-filter .product-compare{display:inline-block;} .product-grid-item .wishlist{display:inline-block} .product-info .product-options > .cart{display:block} .product-info .right .description{display:block} .product-info .right > div > .price{display:block} .product-info .right > div > .options{display:block} .product-info .right .wishlist-compare .links a + a{display:inline-block} .product-info .right .wishlist-compare .links a:first-of-type{display:inline-block;} .product-grid-item .name{display:table} .journal-carousel .product-grid-item .cart{display:block} .journal-carousel .product-grid-item .wishlist{display:inline-block} .journal-carousel .product-grid-item .compare{display:inline-block} .journal-carousel .product-grid-item .price{display:inline-block} .journal-carousel .product-grid-item .name{display:table} .side-column .journal-carousel .product-grid-item .cart{display:block} .side-column .journal-carousel .product-grid-item .wishlist{display:inline-block} .side-column .journal-carousel .product-grid-item .compare{display:inline-block} .side-column .journal-carousel .product-grid-item .price{display:inline-block} .side-column .journal-carousel .product-grid-item .name{display:table} .custom-sections .product-grid-item .cart{display:block} .custom-sections .product-grid-item .wishlist{display:inline-block} .custom-sections .product-grid-item .compare{display:inline-block} .custom-sections .product-grid-item .price{display:inline-block} .custom-sections .product-grid-item .name{display:table} .mega-menu .product-grid-item .cart{display:block} .mega-menu .product-grid-item .wishlist{display:inline-block} .mega-menu .product-grid-item .compare{display:inline-block} .mega-menu .product-grid-item .name{display:table} .product-list-item .cart{display:block} .product-list-item .wishlist{display:inline-block} .product-list-item .compare{display:inline-block} .product-list-item .price{display:inline-block} .product-list-item .name{display:table} .product-info .right > div .countdown > span{border-style:solid} .countdown > span{border-style:solid} .expire-text{padding-top:5px;padding-right:5px;padding-bottom:5px;padding-left:5px;background-color: rgb(253, 139, 47);font-weight: bold;font-family: Helvetica, Arial, sans-serif;font-style: normal;font-size: 14px;text-transform: none;color: rgb(255, 255, 255);text-align:left} .post-wrapper{background-color: rgb(255, 255, 255);padding:5px 5px 0 5px;border-width: 1px;border-style: solid;border-color: rgb(228, 228, 228)} .posts.blog-list-view .post-item-details h2 a{white-space:nowrap} .post-item-details{text-align:center} .posts .post-wrapper h2 a{white-space:nowrap;font-weight: normal;font-family: Helvetica, Arial, sans-serif;font-style: normal;font-size: 16px;text-transform: none} .posts.blog-list-view .post-image{width:30%} .posts.blog-list-view .post-item-details h2 a span{border-bottom-style:solid} .post-details{background-color: rgb(244, 244, 244);padding:10px} .post-stats.comment-date{background-color: rgb(250, 250, 250);padding-left:10px;padding-bottom:10px;padding-top:10px;padding-right:10px} .post-comment h3{text-align:left} .reply-form h3{text-align:left} .comments > h3{text-align:left} .post-details .tags{text-align:left} .blog-post .social{text-align:left} .journal-checkout .checkout-cart tbody tr td, .journal-checkout .checkout-cart tbody td:first-of-type, .one-page-checkout .journal-checkout .checkout-product tbody td, .journal-checkout .checkout-cart thead td, .journal-checkout .checkout-cart thead td:first-of-type, .journal-checkout .checkout-cart thead td:last-of-type, .journal-checkout .checkout-cart tfoot tr:last-of-type td, .journal-checkout .checkout-cart tfoot td:first-of-type, .journal-checkout .checkout-cart tfoot td:last-of-type{border-color: rgb(204, 204, 204);border-style:solid} .journal-checkout .secondary-title{background-color: rgb(255, 255, 255);text-align:left;padding-left:10px;;font-weight: 500;font-family: "Ubuntu";font-style: normal;font-size: 14px;text-transform: none} .one-page-checkout h1.heading-title{text-align:left} .journal-checkout .left .login-box .radio label, .journal-checkout .spw > div .radio label, .journal-checkout .confirm-order, .journal-checkout .checkout-login .form-group:last-of-type, .is-customer .journal-checkout .checkout-payment-form #payment-new, .is-customer .journal-checkout .checkout-shipping-form #shipping-new, .journal-checkout #payment-confirm-button fieldset legend, .journal-checkout .customer-group label.control-label, .journal-checkout .customer-group{border-style:solid;border-color: rgb(204, 204, 204)} .journal-checkout .table-responsive{max-height:378px} .journal-checkout .confirm-order{text-align:left} .journal-checkout .confirm-button{border-radius: 0px} #content.one-page-checkout div fieldset > div.fax-input{display:none !important} .form-group.company-input{display:block !important} .form-group.address-2-input{display:block} .journal-checkout .spw > div p{display:none} .flyout .fly-drop-down ul > li:hover > a, .flyout .fly-drop-down ul > li:hover{background-color: rgb(253, 139, 47)} .flyout-menu .flyout > ul > li > a{border-color: rgb(238, 238, 238);padding-left:0%;border-bottom-style:solid} .fly-drop-down ul{box-shadow:0 1px 8px -3px rgba(0, 0, 0, 0.5)} .flyout .mega-menu-column > div > h3{text-align:left} .flyout-menu .flyout .fly-drop-down ul li{border-bottom-style:solid} .flyout .mega-menu-brands div > h3{text-align:left} .flyout .mega-menu div > h3{text-align:left} .fly-mega-menu{box-shadow:0 2px 8px -2px rgba(0, 0, 0, 0.4)} .attribute tr td:first-child{text-align:left} .information-page #content h1.heading-title{text-align:left} table.radio .highlight td label, .action-area .panel-title{color: rgb(63, 87, 101)} /* Swipebox Loader */ #swipebox-slider .slide { background-image: url('image/data/journal2/loader.gif'); } .mfp-iframe-scaler iframe{ background-image: url('image/data/journal2/loader.gif'); background-repeat: no-repeat; background-position: center; } .social{ background-image: url('image/data/journal2/loader.gif'); } @media only screen and (min-width: 760px){ .ui-pnotify{ width:350px !important; } } /* Site width */ #container, #header, #footer, .bottom-footer > div, .bottom-footer.boxed-bar { max-width: 1220px; } .product-page div.lg-sub-html{ top:auto; bottom:0; padding: 13px 70px; background-color:; } .product-page .lg-toolbar{ background-color:; } .category-info .image{ display:none; } /*Notification Position*/ .ui-pnotify{ right:20px; } html[dir="rtl"] .ui-pnotify{ left:20px; right:auto; } .ui-pnotify{ box-shadow:0px 1px 12px rgba(0, 0, 0, 0.2); } .ui-pnotify-closer{ opacity:1; } .breadcrumb{ text-align:left; } /* Product Grid Shadow */ .product-grid-item .cart .button-left-icon:before{ display:none; } .product-grid-item .enquiry-button .button i{ color:rgb(255, 255, 255); } .product-list-item .enquiry-button .button i{ color:rgb(255, 255, 255); } footer .contacts > div > span .contact-icon:hover{ background-color:rgb(253, 139, 47); } .product-grid-item .cart .button-right-icon{ display:none !important; } /* BLOG */ .post-wrapper{ box-shadow: none; } .post-item .post-wrapper{ box-shadow: none !important; } .blog-list-view .post-wrapper{ box-shadow: none !important; } .product-details:before { display:none; } /* Product Grid Quickview*/ .product-grid-item:hover .quickview-button { opacity: 1; visibility: visible; } .product-grid-item .quickview-button .button-right-icon{ display:none; } .product-grid-item .quickview-button .button-left-icon:before, .product-grid-item .quickview-button .button-right-icon:before{ display:none; } /* Product Grid Wishlist/Compare */ .product-grid-item .button-wishlist-text, .product-grid-item .button-compare-text{ display: none; } .product-grid-item .wishlist [data-hint]:after, .product-grid-item .wishlist .hint--top:before, .product-grid-item .compare [data-hint]:after, .product-grid-item .compare .hint--top:before{ display:block; } .product-grid-item .wishlist .hint--top:before, .product-grid-item .compare .hint--top:before{ border-top-color: rgb(253, 139, 47); } .product-grid-item .wishlist .hint--right:before, .product-grid-item .compare .hint--right:before{ border-right-color: rgb(253, 139, 47); } .product-grid-item .wishlist .hint--left:before, .product-grid-item .compare .hint--left:before{ border-left-color: rgb(253, 139, 47); } .product-grid-item .product-details .wishlist, .product-grid-item .product-details .compare, .product-list-item .image .wishlist, .product-list-item .image .compare, .product-grid-item .image .button-wishlist-text, .product-grid-item .image .button-compare-text{ display:none !important; } .product-grid-item .image .wishlist, .product-grid-item .image .compare{ visibility:hidden; opacity:0; } .product-grid-item:hover .image .wishlist, .product-grid-item:hover .image .compare{ visibility:visible; opacity:1; } .product-list-item .quickview-button .button{ width:40px; height:40px; line-height:40px; padding:0; } /* Product List */ .product-list-item{ box-shadow: none; } .product-list-item .cart .button-left-icon:before{ display:none; } .product-list-item .cart .button-right-icon{ display:none; } /* Product List Quickview*/ .product-list-item:hover .quickview-button { opacity: 1; visibility: visible; } .product-list-item .quickview-button .button-right-icon{ display:none; } .product-list-item .quickview-button .button-left-icon:before{ float:none; } .product-list-item .quickview-button .button-right-icon:before{ margin-left:0; } .product-list-item .quickview-button .button-cart-text{ display:none; } .product-list-item .quickview-button .button[data-hint]:after, .product-list-item .quickview-button .hint--top:before{ display:block; } .product-list-item .quickview-button .hint--top:before{ border-top-color: rgb(176, 158, 102); } .product-list-item .quickview-button .hint--right:before{ border-right-color: rgb(176, 158, 102); } .product-list-item .quickview-button .hint--left:before{ border-left-color: rgb(176, 158, 102); } /* Product Page */ #product-gallery.image-additional-grid a{ width: 25%; } #button-cart .button-cart-text:after{ display:none; } .compare-info td{ border-right-style:solid; } table.list{ border-bottom-style:solid; border-left-style:solid; } table.list td{ border-right-style:solid; border-top-style:solid; } /* Product Labels*/ .label-latest + .label-sale{ top: 50px; } #more-details.hint--top:before{ border-top-color: rgb(253, 139, 47); } .boxed-header header{ max-width:1220px; } .boxed-header .super-menu > li:first-of-type{ border-left-width:0; } .boxed-header .super-menu > li:last-of-type{ border-right-width:0; } @media only screen and (max-width: 760px){ .journal-language .dropdown-toggle, .journal-currency .dropdown-toggle{ color:; } .journal-header-center #language, .journal-header-center #currency{ border-color:; } } .sticky-menu .is-sticky .journal-header-default .header{ background-color: rgb(253, 139, 47); } html[dir="rtl"] .journal-carousel .htabs a:last-of-type{ border-left-color:rgb(255, 255, 255); } .boxed-header .journal-header-center .journal-links{ padding-left: 10px; } .boxed-header .journal-header-center .journal-search{ padding-left: 20px; } .boxed-header .journal-header-center .journal-secondary{ padding-right: 10px; } #cart{ box-shadow:none; } .journal-header-center .journal-center-bg{ top:40px; } #search input{ box-shadow:none; } .autocomplete2-suggestions{ box-shadow:none; } @media only screen and (max-width: 760px) { ul.super-menu > li > a, ul.super-menu > li:hover > a{ color:rgb(68, 67, 73); } ul.super-menu > li, ul.super-menu > li:hover{ background-color:; } .boxed-header .journal-header-center .journal-search, .boxed-header .journal-header-center .journal-links{ padding-left: 0; } .boxed-header .journal-header-center .journal-cart, .boxed-header .journal-header-center .journal-secondary{ padding-right: 0; } .button-search{ background-color:; } .button-search i:before{ color: !important; } } .product-filter .product-compare { display: flex; } @media only screen and (max-width: 980px) { .mobile-menu-on-tablet ul.super-menu > li > a, .mobile-menu-on-tablet ul.super-menu > li:hover > a{ color:rgb(68, 67, 73); } .mobile-menu-on-tablet ul.super-menu > li, .mobile-menu-on-tablet ul.super-menu > li:hover{ background-color:; } } @media only screen and (min-width:760px) and (max-width:1235px) { .journal-header-center .journal-search{ padding-left: 15px; } .journal-header-center .journal-cart{ padding-right: 15px; } .journal-header-center .journal-cart{ width:calc(25% - 20px); padding-right:0; } html[dir="rtl"] .journal-header-center .journal-search{ padding-right: 15px; } } @media only screen and (max-width:760px) { .journal-header-center .journal-search, html[dir="rtl"] .journal-header-center .journal-search{ padding-left: 0; padding-right: 0; } .journal-header-center .journal-cart, html[dir="rtl"] .journal-header-center .journal-cart{ padding-right: 0; padding-left: 0; } } @media only screen and (min-width: 760px){ .boxed-header .journal-header-center .journal-cart{ padding-right:15px; } html[dir="rtl"] .boxed-header .journal-header-center .journal-cart{ padding-right:0; padding-left:15px; } } @media only screen and (min-width: 1220px) { .sticky-menu:not(.boxed-header) .is-sticky .journal-header-compact #header .journal-menu .super-menu > li:first-of-type > a { margin-left: 0; } .skin-16 .journal-header-mega .journal-search { padding-right: 0; } } @media only screen and (max-width: 1235px) { .super-menu, .mega-menu, .html-menu{ border-radius:0; } .bottom-footer.fullwidth-bar .copyright{ padding-left: 15px; } .bottom-footer.fullwidth-bar .payments{ padding-right: 15px; } #top-modules > div:not(.gutter), #bottom-modules > div:not(.gutter){ padding-left: 20px; padding-right: 20px; } #top-modules .journal2_slider, #bottom-modules .journal2_slider, #top-modules .journal2_headline_rotator{ padding-left: 0 !important; padding-right: 0 !important; } .no-secondary .journal-header-center #currency{ border-right-width:0; } .no-secondary .journal-header-center #language{ border-left-width:0; } html[dir="rtl"].no-secondary .journal-header-center #currency{ border-left-width:0; border-right-width:1px; } html[dir="rtl"].no-secondary .journal-header-center #language{ border-right-width:0; border-left-width:1px; } .journal-header-compact #header .journal-search { padding-right:15px !important; } html[dir="rtl"] .journal-header-compact #header .journal-search { padding-right:0 !important; padding-left:15px !important; } .sticky-menu .is-sticky .journal-header-default .journal-menu .super-menu > li:first-of-type{ border-left-width:0; } .sticky-menu .is-sticky .journal-header-default .journal-menu .super-menu > li:last-of-type{ border-right-width:0; } .boxed-header body{ padding:0; } .fullwidth-footer .columns{ padding-left: 15px; } .copyright{ padding-left: 15px; } .journal-header-mega .journal-logo{ padding-left:15px; } html[dir="rtl"] .journal-header-mega .journal-logo{ padding-left:0; padding-right:15px; } } @media only screen and (max-width: 760px){ .journal-header-mega .journal-logo{ padding-left:0; } html[dir="rtl"] .journal-header-mega .journal-logo{ padding-left:0; padding-right:0; } } .boxed-header .journal-header-mega .journal-logo{ padding-left:15px; } html[dir="rtl"].boxed-header .journal-header-mega .journal-logo{ padding-left:0; padding-right:15px; } @media only screen and (min-width : 760px) { .side-blocks-active .journal-fullwidth-slider .tp-leftarrow, .side-blocks-active .journal-fullwidth-slider .tp-leftarrow.default { left: 60px !important; } .side-blocks-active .journal-fullwidth-slider .tp-rightarrow, .side-blocks-active .journal-fullwidth-slider .tp-rightarrow.default { right: 60px !important; } html[dir="rtl"].side-blocks-active .journal-fullwidth-slider .tp-leftarrow, html[dir="rtl"].side-blocks-active .journal-fullwidth-slider .tp-leftarrow.default { right: 60px !important; left: auto !important; } html[dir="rtl"].side-blocks-active .journal-fullwidth-slider .tp-rightarrow, html[dir="rtl"].side-blocks-active .journal-fullwidth-slider .tp-rightarrow.default { left: 60px !important; right: auto !important; } } header .links a, header .links .no-link{ border-bottom-color:#e4e4e4; } .boxed-header.default-header .journal-top-header{ clip: rect(0px,1220px,45px,0px); } .journal-header-default .links .no-link{ border-color:rgb(42, 43, 46)} .journal-header-center #cart .content:before, .oc2 #cart .content .cart-wrapper:before{ color:rgb(255, 255, 255)} .journal-header-center .autocomplete2-suggestions:before{ color:rgb(255, 255, 255)} .journal-language .dropdown-menu:before, .journal-currency .dropdown-menu:before{ color:rgb(255, 255, 255)} #header .top-menu .top-dropdown li:first-of-type { border-top-left-radius: px; border-top-right-radius: px; } #header .top-menu .top-dropdown li:last-of-type { border-bottom-left-radius: px; border-bottom-right-radius: px; } #header .top-menu .top-dropdown li:first-of-type::before{ color:} #search ::-webkit-input-placeholder { color:rgb(255, 255, 255); font-family: inherit; } #search :-moz-placeholder { color:rgb(255, 255, 255); font-family: inherit; } #search ::-moz-placeholder { color:rgb(255, 255, 255); font-family: inherit; } #search :-ms-input-placeholder { color:rgb(255, 255, 255); font-family: inherit; } .compare-info tbody td{ border-left-style:solid; } @media only screen and (max-width: 760px){ #search ::-webkit-input-placeholder { color:; font-family: inherit; } #search :-moz-placeholder { color:; font-family: inherit; } #search ::-moz-placeholder { color:; font-family: inherit; } #search :-ms-input-placeholder { color:; font-family: inherit; } } .button-search{ border-right-style:solid; border-right-color:; } html[dir="rtl"] .button-search{ border-left-style:solid; border-left-color:; } html[dir="rtl"].journal-desktop .menu-floated .float-left{ border-left-style: solid; } header .journal-login{ border-bottom-color:; } .super-menu > li:last-of-type{ border-right-color:rgb(209, 93, 0); border-right-style:solid; } @media only screen and (max-width: 760px) { .default-header .journal-login{ background-color: } .journal-header-center #search input, .journal-header-center .button-search{ border-radius:0; } .center-header #search input, .default-header #search input{ background-color:rgb(68, 67, 73); } .center-header header #cart, .default-header header #cart{ background-color:rgb(68, 67, 73); } .journal-menu .mobile-menu > li{ border-color:rgb(209, 93, 0); border-style:solid; } } .inline-button .product-details{ padding-bottom:0; } .product-info .right .options.push-1 .option-image li.selected span img{ border-color:; } .mega-menu-categories .mega-menu-item, .mega-menu-brands .mega-menu-item, .mega-menu-html .mega-menu-item, #header .mega-menu .product-grid-item{ margin-bottom:15px; } html[dir="rtl"].journal-desktop .menu-floated .float-right:last-of-type{ border-right-style:solid; } html[dir="rtl"].journal-desktop .menu-floated .float-right:last-of-type{ border-color:rgb(209, 93, 0); } .mega-menu > div{ margin-bottom:-15px !important; margin-right:-15px; } html[dir="rtl"] .mega-menu-item > div, html[dir="rtl"] #header .mega-menu .product-wrapper{ margin-right:0; margin-left:15px; } .mega-menu .mega-menu-column:last-of-type > div{ margin-right:-15px; } html[dir="rtl"] .mega-menu .mega-menu-column.mega-menu-products > div{ margin-left:-15px; } .mega-menu-column > div > h3, .mega-menu .mega-menu-column .menu-cms-block{ margin-right:15px; } html[dir="rtl"] .mega-menu-column > div > h3, html[dir="rtl"] .mega-menu .mega-menu-column .menu-cms-block{ margin-right:0; margin-left:15px; } .mega-menu .mega-menu-column:last-of-type > h3, .mega-menu .mega-menu-column:last-of-type > div > h3, .mega-menu .mega-menu-column:last-of-type > .menu-cms-block, .mega-menu .mega-menu-column.mega-menu-html-block > div{ margin-right:0; } @media only screen and (max-width: 760px) { .super-menu{ border-width:0; } .mega-menu .mega-menu-column > div{ margin-right:-15px; } html[dir="rtl"] .mega-menu .mega-menu-column > div{ margin-left:-15px; margin-right:0; } } .journal-sf .sf-image .box-content ul{ margin-bottom:-7px; margin-right:-7px; } footer .contacts{ text-align:center; } footer .contacts-left, html[dir="rtl"] footer .contacts-left{ float: none; } footer .contacts-right{ display: none; } .has-cta .rotator-tex{ line-height:35px; } footer .contacts .hint--top:before{ border-top-color: rgb(253, 139, 47); } .side-column .box-category, .side-column .box-content, .side-column .box-content > div, .side-column .box-content > ul > li:last-of-type, .side-column .oc-module .product-grid-item:last-of-type{ border-bottom-left-radius: inherit; border-bottom-right-radius: inherit; border-radius:inherit; } .journal-sf ul li label:hover{ color:rgb(253, 139, 47); } .sf-icon:before{ border-top-color:rgb(253, 139, 47); } /* .journal-sf ul li label:hover img{ border-color:rgb(253, 139, 47); } */ .sf-price .value:after{ border-bottom-color:rgb(0, 0, 0); } .mobile-trigger{ background-color:rgb(253, 139, 47); } .journal-header-default .links > a{ border-bottom-color: transparent; } @media only screen and (max-width: 760px) { .super-menu{ background-color:rgb(255, 255, 255); } .journal-header-default .links > a{ border-bottom-color: rgb(42, 43, 46); } } .nav-numbers a:hover, .nav-numbers li.active a{ -webkit-backface-visibility: hidden; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } .headline-mode .nav-numbers a:hover, .headline-mode .nav-numbers li.active a{ -webkit-backface-visibility: hidden; -webkit-transform: scale(); -moz-transform: scale(); -ms-transform: scale(); transform: scale(); } .tp-bullets.simplebullets.round .bullet.selected, .tp-bullets.simplebullets.round .bullet:hover, .journal-simple-slider .owl-controls .owl-page.active span, .journal-simple-slider .owl-controls.clickable .owl-page:hover span{ transform: scale(1); } .swiper-pagination-bullet:hover, .swiper-pagination-bullet-active{ transform: scale(1); } @media only screen and (max-width: 980px) { .journal-header-default .mega-menu{ width: 100%; } } @media only screen and (max-width: 760px) { .journal-header-center .journal-secondary{ background-color:rgb(253, 139, 47); } } .mega-menu{ max-width:1220px; } @media only screen and (max-width: 760px){ .bottom-menu-bar #header .top-menu > li{ border-color:rgb(42, 43, 46); } .bottom-menu-bar #header .journal-links{ background-color:rgb(0, 0, 0); } .bottom-menu-bar .journal-header-center .journal-secondary { border-top-width: 0; } .bottom-menu-bar #header .journal-links ul.top-menu > li{ border-color:; } .bottom-menu-bar #header div.journal-links, .bottom-menu-bar #header .journal-links a:hover{ background-color:; } .bottom-menu-bar #header .journal-links ul.top-menu > li > a, .bottom-menu-bar #header .journal-links ul.top-menu > li > a:hover, .bottom-menu-bar #header .journal-links ul.top-menu > li > .no-link{ color:; } } .boxed-header .is-sticky .header { max-width:1220px; left: 50%; transform: translateX(-50%); } .is-sticky .super-menu, .is-sticky .journal-menu-bg { box-shadow: none; } .bottom-menu-bar #header .journal-links .top-menu .top-dropdown li:last-of-type::after{ color:; } @media only screen and (min-width : 760px) and (max-width: 980px) { .mobile-menu-on-tablet .mobile-menu > li > ul, .mobile-menu-on-tablet .mobile-menu > li > .mega-menu{ border-style:; border-color:rgb(204, 204, 204); } .mobile-menu-on-tablet ul.menu-centered{ height:auto; } } @media only screen and (max-width: 760px){ .mobile-menu > li > ul, .mobile-menu > li > .mega-menu{ border-style:; border-color:rgb(204, 204, 204); } } @media only screen and (min-width: 760px) { .journal-header-mega #search { max-width: 100%; left: 0px; } .journal-header-center .j-100{ height:150px; } .journal-header-center .journal-menu-bg{ top:190px; } .journal-header-center .top-bar > .j-min, .journal-header-center .top-menu > li > .m-item, .journal-header-center .journal-top-header{ height:40px; } .journal-header-center .journal-menu, .journal-header-center .journal-menu-bg, .journal-header-center .mobile-trigger, ul.menu-centered{ height:40px; } .journal-header-center .mobile-trigger, .journal-header-center .super-menu > li > a{ line-height:40px; } .journal-header-center .journal-language form .dropdown-menu, .journal-header-center .journal-currency form .dropdown-menu{ top:40px; } .sticky-default.center-header .is-sticky .journal-header-center .j-100{ height:px; } .sticky-default.center-header .is-sticky .journal-menu-bg{ top:px; } .is-sticky .journal-header-center .journal-menu, .is-sticky .journal-header-center .journal-menu-bg, .is-sticky .journal-header-center .mobile-trigger{ height:40px; } .is-sticky .journal-header-center .mobile-trigger, .is-sticky .journal-header-center .super-menu > li > a{ line-height:40px; } } @media only screen and (max-width: 760px){ #header .journal-logo{ height:px !important; } } .center-header body.is-sticky .header-assets.top-bar{ background-color:rgb(253, 139, 47); } @media only screen and (min-width : 760px) and (max-width: 980px) { .mobile-menu-on-tablet .journal-header-center .journal-menu{ height:auto; } .mobile-menu-on-tablet .journal-header-center .super-menu > li > a{ line-height:40px; } } #tabs{ top:; } .product-grid-item.display-icon .wishlist-icon:before, .product-grid-item.display-icon .compare-icon:before{ line-height:30px; } .journal-header-center #cart .heading i{ height:38px; } .journal-desktop .menu-floated .float-left{ border-right-style:solid; } .column.products > h3{ margin-bottom:8px; } .column.products{ padding-bottom:8px; } .side-column .journal-gallery .box-heading{ margin-bottom:10px; } .side-column .box-category > ul li ul li a{ padding-left: 7px; } .side-column .box-category > ul li ul li ul li a{ padding-left: 14px; } .side-column .box-category > ul li ul li ul li ul li a{ padding-left: 21px; } .side-column .box-category > ul li ul li ul li ul li ul li a{ padding-left: 28px; } .side-column .box-category > ul li ul li ul li ul li ul li ul li a{ padding-left: 35px; } @media only screen and (max-width: 1235px) { .breadcrumb{ padding-left:10px; } .super-menu > li:first-of-type{ border-left-width:0; } .super-menu > li:last-of-type{ border-right-width:0; } html[dir="rtl"] .super-menu > li:first-of-type{ border-left-width:1px; border-right-width:0; } html[dir="rtl"] .super-menu > li:last-of-type{ border-left-width:0; } html[dir="rtl"] .super-menu.menu-floated > li:first-of-type border-right-width:0; } } .super-menu.menu-floated{ border-right-width:1px; border-left-width:1px; border-color:rgb(209, 93, 0); border-style:solid; } .custom-sections .box-heading.box-sections{ border-left-style:solid; } .journal-carousel:not(.journal-gallery) .box-content .swiper-container{ padding: px; margin: -px; } .journal-carousel.arrows-top .swiper-button-prev, .journal-carousel.arrows-top .swiper-button-next{ margin-top:px; } .side-column .journal-carousel.arrows-top .swiper-button-prev, .side-column .journal-carousel.arrows-top .swiper-button-next, .related-products.journal-carousel.arrows-top .swiper-button-prev, .related-products.journal-carousel.arrows-top .swiper-button-next{ margin-top:0; } div#footer{ margin-top:20px; } .extended-container + .boxed-footer #footer{ margin-top:0px; } .side-column .journal-carousel .box-content .swiper-container{ padding:0; margin:0; } html[dir="rtl"] .journal-carousel.arrows-top .swiper-button-next{ right:auto; left:15px; } html[dir="rtl"] .journal-carousel.arrows-top .swiper-button-prev{ right:auto; left:0px; } html[dir="rtl"] .journal-carousel:not(.arrows-top) .swiper-button-next{ right:auto; left:5px; } html[dir="rtl"] .journal-carousel:not(.arrows-top) .swiper-button-prev{ left:auto; right:5px; } html[dir="rtl"] footer .column-menu-wrap > ul li{ text-align:right; } html[dir="rtl"] footer .column>h3{ text-align:right; } .posts.blog-list-view .post-item-details{ width: 70%; } .side-column .box.cms-blocks .box-heading{ margin-bottom:5px; } @media only screen and (min-width: 1235px) { .safari5 #footer, .safari5.boxed-header header{ width: 1220px; } .tp-banner{ height:100% !important; } } @media only screen and (max-width: 1235px) { .tp-banner-container{ height:auto !important; } .side-column .oc-module .product-details { max-width: 130px; } .checkout-page #content { padding-left: 20px; padding-right: 20px; } } @media only screen and (max-width: 760px){ .product-grid-item .has-countdown + .product-details .rating{ top:-50px; } .product-grid-item .image.has-countdown .wishlist, .product-grid-item .image.has-countdown .compare{ margin-bottom:42px; } } .option li.hint--top:before{ border-top-color:; } @media only screen and (max-width: 470px) { .phone-sticky-cart.menu-cart-off .journal-menu .mobile-trigger{ width:100%; } header .journal-menu .mobile-trigger { width: 50%; margin-top: -40px; z-index: 3; background-color:transparent; } .journal-cart{ z-index:2; background-color:rgb(42, 43, 46) } } .phone-sticky-cart.phone-sticky-menu:not(.menu-cart-off) .journal-menu{ z-index:1; } @media only screen and (max-width: 470px){ div.mobile-trigger, .mobile-menu-on-tablet div.mobile-trigger{ color:; } div.mobile-trigger:before, .mobile-menu-on-tablet div.mobile-trigger:before{ color:; } } .journal-header-center #header .menu-dropdown::before{ border-bottom-color:} .header-notice > div{ max-width:1220px; } @media only screen and (max-width:1235px){ .header-notice > div{ padding-left:15px; padding-right: 15px; } .header-notice.floated-icon > div{ padding-bottom:10px; } button.close-notice { right: 8px; } html[dir="rtl"] button.close-notice { right: auto; left: 8px; } } .post-item-details .comment-date{ margin:0 auto; } .blog-grid-view .post-button{ align-self:center; } footer{ box-shadow: none; } .journal-top-header{ box-shadow:none; } /* Content Margin */ @media only screen and (min-width: 760px){ #column-left + #content { margin-left: 220px; } #column-right + #content { margin-right: 220px; } #column-left + #column-right + #content{ margin-left: 220px; margin-right: 220px; } } /* Tablet Column Width + Content Margin */ @media only screen and (min-width:760px) and (max-width:980px) { #column-left { width: 220px; } #column-right{ width: 220px; } #column-left + #content { margin-left: 220px; } #column-right + #content { margin-right: 220px; } #column-left + #column-right + #content{ margin-left: 220px; margin-right: 220px; } } /* Extended Layout Margins */ @media only screen and (min-width:760px) and (max-width: 1235px) { .skin-16 .journal-header-center .journal-search { padding-left: 30px; } .extended-layout #column-left{ padding-left:20px; } .extended-layout #column-right{ padding-right:20px; } .extended-layout #content, .extended-layout #column-left + #content, .extended-layout #column-right + #content{ padding-left:20px; padding-right:20px; } html[dir="rtl"].extended-layout #column-left{ padding-right:20px!important; } html[dir="rtl"].extended-layout #column-right{ padding-left:20px !important; } html[dir="rtl"].extended-layout #column-left + #content { margin-right: 220px; margin-left: 0; } html[dir="rtl"].extended-layout #column-right + #content { margin-right: 0; } } .mega-menu .mega-menu-column .menu-cms-block{ margin-bottom:15px; } .fly-drop-down ul li{ min-height:40px; } @media only screen and (max-width: 760px){ .product-grid-item .rating{ margin-left:px; } .product-grid-item .rating{ top:px; } } /* RTL Columns */ html[dir="rtl"] .flyout-left .fly-mega-menu, html[dir="rtl"] .flyout-left .fly-drop-down > ul { left: auto; right: 100%; } html[dir="rtl"] .flyout-right .fly-mega-menu, html[dir="rtl"] .flyout-right .fly-drop-down > ul { left: 100% !important; right: auto; } html[dir="rtl"] .flyout-menu .flyout > ul > li > a i.menu-plus { left: 5px; right: auto; transform: scale(-1); } html[dir="rtl"] #column-right .flyout-menu .flyout > ul > li > a i.menu-plus { left: auto; right: 8px; transform: scale(1); } html[dir="rtl"] .flyout-menu .flyout > ul > li > a { padding: 7px 12px 7px 25px; } html[dir="rtl"] #column-right .flyout-menu .flyout > ul > li > a { padding: 7px 25px 7px 12px; text-align:left; } html[dir="rtl"] #column-left { float: right; } html[dir="rtl"] #column-right { float: left; } @media only screen and (min-width: 760px){ html[dir="rtl"] #column-left { padding: 20px 20px 20px 0; } html[dir="rtl"] #column-right { padding: 20px 0 20px 20px; } html[dir="rtl"] #column-left + #content { margin-right: 220px; margin-left: 0; } html[dir="rtl"] #column-right + #content { margin-left: 220px; margin-right: 0; } html[dir="rtl"] #column-left + #column-right + #content{ margin-right: 220px; margin-left: 220px; } } @media only screen and (min-width : 760px) and (max-width: 980px) { html[dir="rtl"] #column-left + #content { margin-right: 220px; margin-left:0; } html[dir="rtl"] #column-right + #content { margin-left: 220px; margin-right:0; } html[dir="rtl"] #column-left + #column-right + #content{ margin-right: 220px; margin-left: 220px; } html[dir="rtl"].extended-layout #column-left + #content { margin-right: 220px; margin-left: 0; } } @media only screen and (min-width: 1235px) { html[dir="rtl"].extended-layout #column-left{ padding-right:0; } html[dir="rtl"].extended-layout #column-right{ padding-left:0; } html[dir="rtl"].extended-layout #column-right + #content { padding-left: 20px; padding-right: 0; } html[dir="rtl"].extended-layout #column-left + #content { padding-right: 20px; padding-left: 0; } } .refine-images::before, #refine-images::before, .category-list::before{ content:""; margin-right:px; } .refine-images::before, #refine-images::before, .category-list::before{ display:none; } .refine-image { padding-right: 15px; margin-bottom: 15px; } .refine-images { margin-right: -15px; margin-bottom: 0px;; } .product-grid-item { margin-bottom: 20px; } .product-wrapper, .ias-button, .ias-loader, .ias-noneleft{ margin-right: 20px; } .ias-button, .ias-loader, .ias-noneleft{ margin-top: 0px; } .product-grid, #content .box-product{ margin-right: -20px; } /* Mobile Product Spacing */ @media only screen and (max-width: 760px){ #cart .heading i::before{ color:; } #cart .heading i{ background-color:; } div#container, .home-page div#container { margin-top: 0; margin-bottom: 0; box-shadow:none; } .product-grid-item:not(.swiper-slide) { margin-bottom: 20px; } .product-grid-item:not(.swiper-slide) .product-wrapper, .ias-button, .ias-loader, .ias-noneleft{ margin-right: 20px; } .product-grid, #content .box-product{ margin-right: -20px; } } .button:active{ box-shadow:; } #column-left .oc-module .product-details{ max-width:145px; } #column-right .oc-module .product-details{ max-width:145px; } /* Custom CSS */ /* === MyAutoBG checkout — modern restyling (start) === */ body.myauto-checkout #content { background: #f4f4f4; padding: 20px 0 60px; } body.myauto-checkout h1.heading-title { font-size: 24px; color: #fff; text-transform: uppercase; font-weight: 700; margin: 0 0 22px; padding: 22px 24px; background: linear-gradient(135deg, #fd8b2f 0%, #e37920 100%); border-radius: 12px; text-align: center; letter-spacing: 0.5px; box-shadow: 0 4px 14px rgba(253, 139, 47, 0.25); } body.myauto-checkout .breadcrumb { background: transparent; padding-left: 4px; margin-bottom: 12px; } body.myauto-checkout .panel-body, body.myauto-checkout fieldset, body.myauto-checkout #payment-existing, body.myauto-checkout #payment-new { background: #fff !important; border-radius: 10px; box-shadow: 0 2px 8px rgba(0,0,0,0.06); padding: 20px 22px !important; margin-bottom: 16px; border: 1px solid #ececec; } body.myauto-checkout h2.secondary-title { font-size: 15px; font-weight: 700; color: #333745; text-transform: uppercase; letter-spacing: 0.4px; margin: 0 0 16px; padding-bottom: 12px; border-bottom: 2px solid #fd8b2f; } body.myauto-checkout .form-group { margin-bottom: 14px; } body.myauto-checkout .form-group .col-sm-2.control-label { text-align: left; padding-top: 7px; font-weight: 500; color: #555; font-size: 13px; } body.myauto-checkout .form-control { border-radius: 7px; border: 1px solid #d8d8d8; padding: 10px 14px; height: auto; font-size: 14px; transition: border-color .15s, box-shadow .15s; box-shadow: none; } body.myauto-checkout .form-control:focus { border-color: #fd8b2f; box-shadow: 0 0 0 3px rgba(253,139,47,.15); outline: none; } body.myauto-checkout .radio label, body.myauto-checkout .checkbox label { font-weight: 500; color: #333745; padding-left: 6px; cursor: pointer; } body.myauto-checkout input[type="radio"], body.myauto-checkout input[type="checkbox"] { accent-color: #fd8b2f; transform: scale(1.1); margin-right: 4px; } body.myauto-checkout .button, body.myauto-checkout .btn-primary, body.myauto-checkout #journal-checkout-confirm-button, body.myauto-checkout #button-coupon, body.myauto-checkout #button-voucher { background: linear-gradient(135deg, #fd8b2f 0%, #e37920 100%); color: #fff !important; border: none; padding: 13px 26px; border-radius: 8px; font-weight: 700; font-size: 14px; text-transform: uppercase; letter-spacing: 0.4px; transition: transform .15s, box-shadow .15s, filter .15s; cursor: pointer; display: inline-block; } body.myauto-checkout .button:hover, body.myauto-checkout #journal-checkout-confirm-button:hover, body.myauto-checkout #button-coupon:hover, body.myauto-checkout #button-voucher:hover { transform: translateY(-1px); box-shadow: 0 6px 16px rgba(253,139,47,.35); filter: brightness(1.05); } body.myauto-checkout #journal-checkout-confirm-button { width: 100%; padding: 16px; font-size: 16px; margin-top: 8px; } .myauto-econt-picker { background: #fff; border-radius: 10px; box-shadow: 0 2px 8px rgba(0,0,0,0.06); padding: 20px 22px; margin-bottom: 16px; border: 1px solid #ececec; } .myauto-econt-picker .secondary-title { font-size: 15px; font-weight: 700; color: #333745; text-transform: uppercase; letter-spacing: 0.4px; margin: 0 0 16px; padding-bottom: 12px; border-bottom: 2px solid #fd8b2f; } .myauto-delivery-toggle { display: flex; gap: 10px; margin-bottom: 18px; flex-wrap: wrap; } .myauto-pill { flex: 1; min-width: 140px; cursor: pointer; padding: 14px 16px; border: 2px solid #e0e0e0; border-radius: 10px; background: #fafafa; text-align: center; transition: all .15s; margin: 0; } .myauto-pill input { display: none; } .myauto-pill span { display: block; font-weight: 700; color: #333745; font-size: 14px; text-transform: none; } .myauto-pill em { display: block; font-style: normal; font-size: 13px; color: #777; margin-top: 4px; } .myauto-pill:hover { border-color: #fd8b2f; background: #fff8f0; } .myauto-pill.active { border-color: #fd8b2f; background: linear-gradient(135deg, rgba(253,139,47,.08), rgba(227,121,32,.06)); box-shadow: 0 2px 6px rgba(253,139,47,.18); } .myauto-pill.active span { color: #e37920; } .myauto-pill.active em { color: #e37920; } .myauto-econt-fields { display: grid; gap: 14px; } .myauto-field { display: flex; flex-direction: column; gap: 6px; } .myauto-field label { font-weight: 600; font-size: 13px; color: #555; } .myauto-field input, .myauto-field select { padding: 11px 14px; border: 1px solid #d8d8d8; border-radius: 7px; font-size: 14px; background: #fff; transition: border-color .15s, box-shadow .15s; } .myauto-field input:focus, .myauto-field select:focus { border-color: #fd8b2f; box-shadow: 0 0 0 3px rgba(253,139,47,.15); outline: none; } .myauto-field select:disabled { background: #f5f5f5; color: #999; cursor: not-allowed; } .myauto-office-info { padding: 14px 16px; background: rgba(253,139,47,.07); border-left: 4px solid #fd8b2f; border-radius: 4px; margin-top: 6px; font-size: 13px; line-height: 1.55; color: #333745; } .myauto-office-info strong { color: #e37920; font-size: 14px; } .myauto-status { margin-top: 10px; font-size: 12px; color: #888; font-style: italic; } .myauto-status.error { color: #d44; font-weight: 500; } .myauto-status.success { color: #2a9d4f; } body.myauto-mode-office .myauto-hide-in-office { display: none !important; } body.myauto-mode-address .myauto-econt-fields { display: none; } body.myauto-mode-address .myauto-status { display: none; } body.myauto-checkout .panel-body, body.myauto-checkout fieldset, body.myauto-checkout .myauto-econt-picker { animation: myautoFadeIn .35s ease-out; } @keyframes myautoFadeIn { from { opacity: 0; transform: translateY(8px); } to { opacity: 1; transform: translateY(0); } } body.myauto-checkout .table { background: #fff; border-radius: 8px; overflow: hidden; border: 1px solid #ececec; } body.myauto-checkout .table > thead > tr > td { background: #f8f8f8; font-weight: 700; color: #333745; border-bottom: 2px solid #fd8b2f; } body.myauto-checkout .buy-now-checkboxes, body.myauto-checkout .agree-checkbox { padding: 6px 0; } @media (max-width: 767px) { body.myauto-checkout h1.heading-title { font-size: 19px; padding: 16px; } body.myauto-checkout .panel-body, body.myauto-checkout fieldset, body.myauto-checkout .myauto-econt-picker { padding: 16px !important; } .myauto-pill { min-width: 100%; } } /* === MyAutoBG checkout — modern restyling (end) === */ /* === Refinements v2 (start) === */ /* Hide country/zone/city/company — always Bulgaria, replaced by Econt picker */ body.myauto-checkout .form-group:has(> label[for="input-payment-country"]), body.myauto-checkout .form-group:has(> label[for="input-payment-zone"]), body.myauto-checkout .form-group:has(> label[for="input-payment-city"]), body.myauto-checkout .form-group.company-input { display: none !important; } /* Address mode: re-show city dropdown + office hidden */ body.myauto-mode-address .myauto-econt-fields { display: grid !important; } body.myauto-mode-address .myauto-office-only, body.myauto-mode-address .myauto-office-info { display: none !important; } /* Address mode: show address-1 + postcode form-groups */ body.myauto-mode-address .form-group.myauto-hide-in-office:has(> label[for="input-payment-address-1"]), body.myauto-mode-address .form-group.myauto-hide-in-office:has(> label[for="input-payment-postcode"]) { display: block !important; } /* Subtitle hint under section heading */ .myauto-section-hint { font-size: 13px; color: #666; margin: -6px 0 16px; line-height: 1.5; } /* === Refinements v2 (end) === */ /* === Refinements v3 (start) === */ .myauto-pill em { display: none !important; } /* === Refinements v3 (end) === */ /* === Refinements v4 (start) === */ /* Show Град field in address mode */ body.myauto-mode-address .form-group:has(> label[for="input-payment-city"]) { display: block !important; } /* Quick-call banner under main heading */ .myauto-quick-call { display: flex; align-items: center; justify-content: center; gap: 10px; background: #fff; border: 2px solid #fd8b2f; border-radius: 10px; padding: 12px 18px; margin: -8px 0 18px; font-weight: 600; font-size: 15px; color: #333745; text-align: center; flex-wrap: wrap; box-shadow: 0 2px 8px rgba(253,139,47,.12); } .myauto-quick-call a { color: #fd8b2f; font-size: 18px; text-decoration: none; font-weight: 700; letter-spacing: 0.3px; } .myauto-quick-call a:hover { text-decoration: underline; } .myauto-phone-icon { display: inline-block; font-size: 20px; color: #fd8b2f; } @media (max-width: 600px) { .myauto-quick-call { font-size: 13px; padding: 10px; } .myauto-quick-call a { font-size: 16px; } } /* === Refinements v4 (end) === */ /* === Refinements v5 (start) === */ /* Hide empty "Вашият адрес" fieldset in office mode (all fields are hidden anyway) */ body.myauto-mode-office #address { display: none !important; } /* === Refinements v5 (end) === */ /* === Refinements v6 (start) === */ .myauto-combobox { position: relative; } .myauto-cb-input-wrap { position: relative; } .myauto-cb-input { width: 100%; padding: 11px 14px; border: 1px solid #d8d8d8; border-radius: 7px; font-size: 14px; background: #fff; transition: border-color .15s, box-shadow .15s; } .myauto-cb-input:focus { border-color: #fd8b2f; box-shadow: 0 0 0 3px rgba(253,139,47,.15); outline: none; } .myauto-cb-input:disabled { background: #f5f5f5; color: #999; cursor: not-allowed; } .myauto-cb-results { position: absolute; top: calc(100% + 4px); left: 0; right: 0; z-index: 50; background: #fff; border: 1px solid #d8d8d8; border-radius: 7px; padding: 4px 0; max-height: 280px; overflow-y: auto; list-style: none; margin: 0; box-shadow: 0 6px 18px rgba(0,0,0,.13); display: none; } .myauto-cb-results.open { display: block; } .myauto-cb-results li { padding: 9px 14px; cursor: pointer; line-height: 1.4; border-bottom: 1px solid #f2f2f2; font-size: 14px; } .myauto-cb-results li:last-child { border-bottom: none; } .myauto-cb-results li:hover, .myauto-cb-results li.active { background: rgba(253,139,47,.1); } .myauto-cb-results li em { font-style: normal; color: #888; font-size: 12px; margin-left: 6px; } .myauto-cb-results li strong { font-weight: 600; color: #333745; display: block; } .myauto-cb-results li .myauto-office-addr { color: #666; font-size: 12px; } .myauto-cb-results li.myauto-cb-empty { color: #aaa; font-style: italic; cursor: default; text-align: center; } .myauto-cb-results li.myauto-cb-empty:hover { background: transparent; } /* Hide v1 datalist artifact (no longer used) */ .myauto-econt-picker datalist { display: none; } /* === Refinements v6 (end) === */ /* === Refinements v7 (start) === */ .myauto-home-hero { background: #0a0a0a; color: #f0f0f0; overflow: hidden; padding: 5px 0; margin: 0; white-space: nowrap; border-top: 1px solid rgba(253,139,47,0.2); border-bottom: 1px solid rgba(253,139,47,0.2); position: relative; z-index: 100; } .myauto-marquee { overflow: hidden; } .myauto-marquee-track { display: inline-flex; align-items: center; gap: 18px; padding-left: 18px; animation: myauto-marquee 42s linear infinite; white-space: nowrap; } .myauto-marquee-track h1, .myauto-marquee-track span.item { display: inline; margin: 0; padding: 0; font-family: "Trebuchet MS", "Segoe UI", system-ui, sans-serif; font-size: 11px; font-weight: 500; letter-spacing: 1.4px; text-transform: uppercase; color: #f0f0f0; } .myauto-marquee-track .sep { color: #fd8b2f; font-size: 10px; opacity: 0.85; padding: 0 2px; } .myauto-marquee:hover .myauto-marquee-track { animation-play-state: paused; } @keyframes myauto-marquee { from { transform: translateX(0); } to { transform: translateX(-50%); } } @media (max-width: 600px) { .myauto-home-hero { padding: 4px 0; } .myauto-marquee-track h1, .myauto-marquee-track span.item { font-size: 10px; letter-spacing: 1px; } } /* === Refinements v7 (end) === */ /*v10s*/.myauto-reviews-section{max-width:1240px;margin:18px auto;padding:18px 16px}.myauto-reviews-title{text-align:center;font-size:20px;font-weight:700;color:#333745;margin:0 0 4px}.myauto-reviews-subtitle{text-align:center;color:#888;font-size:12px;margin:0 0 18px}.myauto-reviews-subtitle .stars{color:#fbb040;font-size:14px;letter-spacing:1px}.myauto-reviews-pages{position:relative;min-height:160px}.myauto-reviews-page{display:grid;gap:14px;grid-template-columns:repeat(3,1fr);position:absolute;inset:0;opacity:0;transform:translateY(8px);transition:opacity .7s,transform .7s;pointer-events:none}.myauto-reviews-page.active{opacity:1;transform:none;pointer-events:auto}.myauto-review{background:#fff;border-radius:10px;box-shadow:0 2px 10px rgba(0,0,0,.06);padding:14px 16px;border:1px solid #ececec;display:flex;gap:10px;align-items:flex-start;position:relative}.myauto-review:before{content:'\201C';position:absolute;top:-6px;right:12px;font-size:38px;line-height:1;color:#fd8b2f;opacity:.18;font-family:Georgia,serif}.myauto-review-avatar{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:14px;flex-shrink:0}.myauto-review-body{flex:1;min-width:0}.myauto-review-name{font-weight:700;color:#333745;font-size:13px;display:flex;align-items:center;gap:6px;flex-wrap:wrap}.myauto-review-verified{background:#e8f5e9;color:#2a9d4f;font-size:9px;font-weight:600;padding:1px 6px;border-radius:9px;text-transform:uppercase;letter-spacing:.3px}.myauto-review-stars{color:#fbb040;font-size:11px;letter-spacing:1px}.myauto-review-date{color:#999;font-size:10px}.myauto-review-meta{display:flex;gap:8px;align-items:center;margin:1px 0 6px}.myauto-review-text{color:#555;font-size:13px;line-height:1.5}.myauto-reviews-dots{display:flex;gap:6px;justify-content:center;margin-top:14px}.myauto-reviews-dot{width:7px;height:7px;border-radius:50%;background:#d0d0d0;cursor:pointer;transition:background .2s,width .2s}.myauto-reviews-dot.active{background:#fd8b2f;width:18px;border-radius:4px}@media(max-width:900px){.myauto-reviews-pages{min-height:auto;position:static}.myauto-reviews-page{position:static;opacity:1;transform:none;pointer-events:auto;display:none;grid-template-columns:1fr}.myauto-reviews-page.active{display:grid}} /*v10e*/ /*v14s*/.myauto-loader{position:fixed;inset:0;background:linear-gradient(135deg,#fff 0%,#f5f5f7 100%);z-index:999999;display:flex;flex-direction:column;justify-content:center;align-items:center;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;transition:opacity .4s ease}.myauto-loader.hidden{opacity:0;pointer-events:none}.myauto-loader-logo{font-size:36px;font-weight:800;color:#2A2A3E;margin-bottom:40px;letter-spacing:-1px}.myauto-loader-logo .o{color:#FD8B2F}.myauto-loader-track{width:280px;height:6px;background:rgba(0,0,0,.08);border-radius:3px;position:relative}.myauto-loader-track::after{content:'';position:absolute;top:0;left:0;height:100%;background:linear-gradient(90deg,#FD8B2F,#E37920);border-radius:3px;animation:myauto-fill 2.4s cubic-bezier(.4,0,.2,1) infinite;box-shadow:0 0 12px rgba(253,139,47,.5)}.myauto-loader-car{position:absolute;bottom:6px;animation:myauto-drive 2.4s cubic-bezier(.4,0,.2,1) infinite;filter:drop-shadow(0 4px 6px rgba(0,0,0,.15))}@keyframes myauto-drive{0%{left:-80px;opacity:0}10%{opacity:1}85%{opacity:1;transform:translateY(-2px)}100%{left:280px;opacity:0;transform:translateY(0)}}@keyframes myauto-fill{0%{width:0}85%{width:100%}100%{width:100%;opacity:0}}.myauto-loader-text{margin-top:30px;font-size:13px;color:#888;letter-spacing:1.5px;text-transform:uppercase;animation:myauto-pulse 1.5s ease-in-out infinite}@keyframes myauto-pulse{0%,100%{opacity:.5}50%{opacity:1}}/*v14e*/ /*v15s*/.myauto-trust{margin:18px 0 12px;display:grid;grid-template-columns:repeat(4,1fr);gap:8px;padding:14px;background:#f5f5f7;border-radius:10px;border:1px solid #e5e7eb}.myauto-trust-i{display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px}.myauto-trust-i .ic{width:38px;height:38px;display:flex;align-items:center;justify-content:center;background:#fff;border-radius:50%;font-size:20px;box-shadow:0 2px 4px rgba(0,0,0,.08)}.myauto-trust-i .lb{font-size:11px;color:#333745;font-weight:600;line-height:1.3}@media(max-width:600px){.myauto-trust{grid-template-columns:repeat(2,1fr)}}.list-unstyled.description li:last-child{color:#10B981!important;font-weight:600!important}.list-unstyled.description li:last-child::before{content:"✓ ";font-weight:bold}/*v15e*/ /*v16s*/ :root{--m-orange:#FD8B2F;--m-orange-d:#E37920;--m-accent:#0E7C7B;--m-dark:#333745} .product-thumb{position:relative;background:#fff!important;border:1px solid #ececec!important;border-radius:10px!important;overflow:hidden!important;transition:transform .28s cubic-bezier(.4,0,.2,1),box-shadow .28s ease,border-color .28s ease!important} .product-thumb:hover{transform:translateY(-6px);box-shadow:0 14px 32px rgba(51,55,69,.14)!important;border-color:var(--m-orange)!important;z-index:5} .product-thumb .image{overflow:hidden} .product-thumb .image img{transition:transform .45s cubic-bezier(.4,0,.2,1)} .product-thumb:hover .image img{transform:scale(1.05)} .product-thumb .price,.product-info .price,#product .price,#product ul.list-unstyled.price,#product ul.list-unstyled.price li,.price-new{color:var(--m-accent)!important;font-weight:700!important} .price-old{color:#9aa0a6!important;text-decoration:line-through!important;font-weight:400!important;font-size:.85em!important} #button-cart,button.button,.product-thumb .button-group .btn,.product-thumb button.button,.cart button,.btn-primary,input[type=submit].btn,a.btn.btn-primary{background:linear-gradient(135deg,#FF9A40 0%,#FD8B2F 100%)!important;color:#fff!important;border:none!important;border-radius:8px!important;font-weight:700!important;letter-spacing:.02em!important;text-transform:uppercase!important;padding:14px 28px!important;box-shadow:0 4px 14px rgba(253,139,47,.28)!important;transition:all .2s ease!important;cursor:pointer!important} #button-cart:hover,button.button:hover,.product-thumb .button-group .btn:hover,.cart button:hover,.btn-primary:hover{background:linear-gradient(135deg,#FD8B2F 0%,#E37920 100%)!important;transform:translateY(-2px);box-shadow:0 8px 22px rgba(253,139,47,.42)!important} .product-thumb .button-group button:not(.btn-primary){background:#fff!important;color:var(--m-dark)!important;border:1px solid #ddd!important;border-radius:6px!important} .product-thumb .button-group button:not(.btn-primary):hover{border-color:var(--m-orange)!important;color:var(--m-orange)!important} .product-thumb .label,.product-thumb [class*=bestseller]{background:var(--m-accent)!important;color:#fff!important;font-weight:600!important} a:focus-visible,button:focus-visible,input:focus-visible{outline:2px solid var(--m-orange)!important;outline-offset:2px!important} /*v16e*/ /*v17s*/ html{scroll-behavior:smooth} body,h1,h2,h3,h4,h5,h6,button,input,select,textarea,.product-thumb,.product-thumb *,.j-main-menu,.main-menu,.menu-container,.super-menu,.btn,a.btn,#header,#header *,#content,#content *,.breadcrumb,.breadcrumb *{font-family:'Manrope','Ubuntu',system-ui,-apple-system,'Segoe UI',sans-serif!important} h1,h2,h3,h4,h5,h6{font-weight:700!important;letter-spacing:-0.01em!important} body.is-sticky #header{position:fixed!important;top:0!important;left:0!important;right:0!important;z-index:9999!important;background:#fff!important;box-shadow:0 4px 16px rgba(0,0,0,.08)!important;animation:v17SlideDown .25s cubic-bezier(.4,0,.2,1)} @keyframes v17SlideDown{from{transform:translateY(-100%)}to{transform:translateY(0)}} body.is-sticky .myauto-marquee,body.is-sticky .journal-top-header,body.is-sticky .header-assets.top-bar{display:none!important} body.is-sticky #content,body.is-sticky #main-wrapper{padding-top:60px} /*v17e*/ /*v18s*/ .myauto-speedy-fields{display:grid;gap:14px} body:not(.myauto-courier-speedy) .myauto-speedy-fields{display:none} body:not(.myauto-courier-econt) .myauto-econt-fields{display:none} body.myauto-mode-address .myauto-speedy-fields,body.myauto-mode-address .myauto-econt-fields{display:none!important} .myauto-sp-office-info{padding:14px 16px;background:rgba(253,139,47,.07);border-left:4px solid #fd8b2f;border-radius:4px;margin-top:6px;font-size:13px;line-height:1.55;color:#333745} .myauto-sp-office-info strong{color:#e37920;font-size:14px} /*v18e*/ /*v19s*/ .myauto-pill:has(input[value="office"]) em{display:block!important;font-style:normal;font-size:11px;color:#10B981;margin-top:4px;font-weight:600;line-height:1.2} .myauto-pill:has(input[value="office"]).active em{color:#10B981} /*v19e*/ /*v20s*/ @keyframes myautoEcontPulse{0%{box-shadow:0 0 0 0 rgba(16,185,129,.55),0 2px 6px rgba(16,185,129,.2)}70%{box-shadow:0 0 0 12px rgba(16,185,129,0),0 2px 6px rgba(16,185,129,.05)}100%{box-shadow:0 0 0 0 rgba(16,185,129,0),0 2px 6px rgba(16,185,129,0)}} .myauto-pill:has(input[value="office"]):not(.active){animation:myautoEcontPulse 1.8s ease-out infinite;border-color:#10B981!important} .myauto-pill:has(input[value="office"]):not(.active):hover{animation-play-state:paused} /*v20e*/ /*v22s*/ @keyframes myautoPhoneWiggle{0%,65%,100%{transform:translateX(0) rotate(0)}68%{transform:translateX(-3px) rotate(-8deg)}73%{transform:translateX(3px) rotate(8deg)}78%{transform:translateX(-3px) rotate(-8deg)}83%{transform:translateX(3px) rotate(8deg)}88%{transform:translateX(-2px) rotate(-4deg)}93%{transform:translateX(2px) rotate(4deg)}} .myauto-phone-icon{display:inline-block!important;animation:myautoPhoneWiggle 2.2s ease-in-out infinite;transform-origin:center;will-change:transform} .myauto-quick-call:hover .myauto-phone-icon{animation-play-state:paused} /*v22e*/ /*v23s*/ul.super-menu li li a,ul.super-menu .drop-down ul a{font-weight:800!important;font-size:14px!important;letter-spacing:.01em!important;color:#1a1a1a!important}/*v23e*/ /*v24s*/.header-assets:not(.top-bar){background:#060606!important;box-shadow:0 0 0 100vmax #060606!important;clip-path:inset(0 -100vmax)!important}#logo{display:flex!important;align-items:center!important;justify-content:center!important;padding:8px 0!important}#logo img{max-width:92%!important;max-height:240px!important;width:auto!important;height:auto!important;display:block!important;object-fit:contain!important}@media (max-width:768px){#logo img{max-height:130px!important;max-width:90%!important}}@keyframes myautoArrowPulse{0%,100%{opacity:.15}50%{opacity:.6}}/*v24e*/ /*v26s*/ul.super-menu i.menu-plus,ul.super-menu i.menu-plus::before{color:#7BC142!important}/*v26e*/ /*v27s*/@media (max-width:760px){#cart.open .content,#cart.active .content{display:none!important}}/*v27e*/ /*v28s*/.myauto-pill-boxnow{border-color:#1AB76B!important;position:relative}.myauto-pill-boxnow:not(.active){background:#fff;color:#0F8A4F}.myauto-pill-boxnow.active{background:#1AB76B!important;border-color:#0F8A4F!important;color:#fff!important;box-shadow:0 4px 14px rgba(26,183,107,.28)}.myauto-pill-boxnow em{color:#1AB76B;font-style:normal;font-weight:600;font-size:11px;display:block;margin-top:4px}.myauto-pill-boxnow.active em{color:#fff;font-weight:700}body.myauto-courier-boxnow .myauto-econt-fields,body.myauto-courier-boxnow .myauto-speedy-fields,body.myauto-courier-boxnow #payment_address{display:none!important}body:not(.myauto-courier-boxnow) .myauto-boxnow-fields{display:none}.myauto-boxnow-fields{margin-top:16px}.myauto-bn-info{background:#F1FAF4;border-left:4px solid #1AB76B;border-radius:0 8px 8px 0;padding:14px 16px;margin-bottom:14px}.myauto-bn-info-head{font-size:14px;font-weight:700;color:#0F8A4F;margin-bottom:10px}.myauto-bn-promo{background:#1AB76B;color:#fff;padding:9px 14px;border-radius:6px;margin-bottom:12px;font-weight:700;font-size:13px;text-align:center;letter-spacing:.02em}.myauto-bn-list{list-style:none;margin:0;padding:0;font-size:12.5px;color:#333;line-height:1.65}.myauto-bn-list li{margin-bottom:4px}.myauto-bn-list li b{font-weight:700}.myauto-bn-list li.myauto-bn-warn{color:#A32D2D}.myauto-bn-list li.myauto-bn-warn b{color:#A32D2D}.myauto-bn-btn{display:block!important;width:100%;background:#1AB76B!important;color:#fff!important;border:0;padding:14px 20px;border-radius:8px;font-weight:700;font-size:14px;cursor:pointer;box-shadow:0 4px 14px rgba(26,183,107,.28);transition:.2s;text-transform:uppercase;letter-spacing:.02em;text-align:center}.myauto-bn-btn:hover{background:#0F8A4F!important;transform:translateY(-2px);box-shadow:0 8px 22px rgba(26,183,107,.4)}.myauto-bn-map{margin-top:12px}.myauto-bn-chosen{margin-top:14px}.myauto-bn-chosen-card{background:#F5F8F6;border:1px solid #1AB76B;border-radius:6px;padding:12px}.myauto-bn-chosen-head{color:#0F8A4F;font-weight:700;font-size:13px;margin-bottom:4px}.myauto-bn-chosen-name{font-size:13px;color:#333;font-weight:600}.myauto-bn-chosen-addr{font-size:12px;color:#666;margin-top:2px}.myauto-bn-change{display:inline-block;margin-top:6px;font-size:12px;color:#FD8B2F;text-decoration:underline}/*v28e*/ /*v28cs*/.boxnow-map-widget-modal,.boxnow-modal,[class*="bn-modal"],[id*="boxnow-modal"],div[class*="MapWidgetModal"],div[class*="map-widget-modal"],div[class*="BoxnowMap"],div[class*="boxnow-widget"]{z-index:2147483640!important}iframe[src*="boxnow"]{z-index:2147483640!important}.boxnow-map-widget-backdrop,[class*="boxnow-backdrop"],[class*="map-backdrop"],[class*="boxnow"][class*="overlay"],[class*="boxnow"][class*="dialog"]{z-index:2147483639!important;position:fixed!important;inset:0!important}#boxnowmap-myauto{position:static!important}body.bn-popup-open .myauto-marquee,body.boxnow-open .myauto-marquee{display:none!important}body:has([class*="boxnow"][class*="modal"]) #header,body:has(.boxnow-map-widget-modal) #header{z-index:1!important}/*v28ce*/ /*v30s*/.myauto-bn-promo-bar{position:relative;background:#1AB76B;color:#fff;text-align:center;padding:9px 40px 9px 16px;font-size:13px;font-weight:600;line-height:1.4;letter-spacing:.01em;font-family:Manrope,system-ui,sans-serif;z-index:101;box-shadow:0 2px 6px rgba(0,0,0,.08)}.myauto-bn-promo-bar strong{font-weight:800;background:rgba(255,255,255,.2);padding:1px 7px;border-radius:3px;margin:0 2px}.myauto-bn-promo-bar .myauto-bn-promo-close{position:absolute;right:10px;top:50%;transform:translateY(-50%);background:rgba(0,0,0,.22);border:0;color:#fff;width:22px;height:22px;border-radius:50%;cursor:pointer;font-size:14px;line-height:1;padding:0;font-family:inherit;transition:background .15s}.myauto-bn-promo-bar .myauto-bn-promo-close:hover{background:rgba(0,0,0,.4)}@media (max-width:600px){.myauto-bn-promo-bar{font-size:11.5px;padding:7px 34px 7px 12px}.myauto-bn-promo-bar strong{padding:1px 5px}}/*v30e*/ /*v31s*/@media (max-width:600px){.header-assets.top-bar>*:not(.myauto-mphone-bar){display:none!important}.header-assets.top-bar{justify-content:center!important;padding:0!important}.myauto-mphone-bar{display:flex!important;justify-content:center;align-items:center;width:100%;height:100%;padding:6px 0}.myauto-mphone-bar a{color:#fff!important;text-decoration:none!important;display:inline-flex;align-items:center;gap:8px;font-size:15px;font-weight:800;letter-spacing:.03em;line-height:1;padding:4px 8px}.myauto-mphone-ico{background:#fff;color:#FD8B2F;width:26px;height:26px;border-radius:50%;font-size:13px;display:inline-flex;align-items:center;justify-content:center;animation:myautoPhoneWiggle 2.2s infinite}}/*v31e*/ /*v32cs*//*v32ce*/