/* Control Panel Settings */
.quickview .mfp-iframe-holder .mfp-content{height:563px}
#more-details[data-hint]:after{color: rgb(255, 255, 255);background-color: rgb(221, 0, 23)}
#more-details i:before{content: '\e62c';font-size: 28px;color: rgb(255, 255, 255);top: -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: 20%;width: 50px;height: 50px; line-height: 50px; padding-top:0; padding-bottom:0;background-color: rgb(88, 143, 39)}
.label-sale{color: rgb(255, 255, 255);border-radius: 20%;width: 50px;height: 50px; line-height: 50px; padding-top:0; padding-bottom:0;background-color: rgb(221, 0, 23)}
.label-outofstock{background-color:rgb(221, 0, 23);font-weight: bold;text-transform: uppercase;letter-spacing: 1px}
header .links a, .links .no-link, .mm-header-link a{font-size: 12px;color: rgb(204, 204, 204)}
.drop-down ul li a, .fly-drop-down ul li a{color: rgb(255, 255, 255)}
.mega-menu div > h3{font-weight: normal;color: rgb(255, 255, 255);border-bottom-width: 1px;border-style: solid;border-color: rgb(80, 80, 80);padding-bottom:5px}
.mega-menu-categories .mega-menu-item ul li a{font-size: 12px;color: rgb(255, 255, 255)}
.mega-menu-categories .mega-menu-item ul li a:hover{color: rgb(221, 0, 23)}
.mega-menu-brands div > h3{font-weight: normal;color: rgb(255, 255, 255);text-align:left}
.mega-menu-html div > h3, .mega-menu-mixed .mega-menu-html > h3{font-weight: normal;text-align:left}
.mega-menu-html .mega-menu-item .wrapper{color: rgb(68, 67, 73);padding-top:8px}
.super-menu > li > a{font-size: 14px;text-transform: uppercase;color: rgb(42, 43, 46)}
.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(80, 80, 80)}
.mega-menu-categories .mega-menu div > h3{text-align:left}
.mega-menu-brands .mega-menu-item div{border-radius: 2px}
.mega-menu-brands .mega-menu-item img{border-radius: 2%}
.mobile-trigger:before{content: '\e618';font-size: 20px;color: rgb(68, 67, 73);top: -1px}
.drop-down .menu-plus:before{content: '\e62c';font-size: 14px;color: rgb(255, 255, 255);top: -3px}
.mega-menu-categories .mega-menu-item ul li a:before, html[dir='rtl'] .mega-menu-categories .mega-menu-item ul li a::after{content: '\e62c';font-size: 10px;color: rgb(255, 255, 255)}
.mobile-trigger, .mobile-menu-on-tablet .mobile-trigger{font-weight: bold;font-size: 16px;text-transform: uppercase;color: rgb(56, 56, 56)}
.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(56, 56, 56);color: rgb(255, 255, 255)}
header .links li:hover a, .mm-header-link li:hover a{color: rgb(250, 250, 250)}
.super-menu{background-color: rgb(228, 228, 228);border-right-width: 1px;border-left-width: 1px;border-style: solid;border-color: rgb(217, 217, 217)}
.journal-menu-bg{background-color: rgb(228, 228, 228)}
.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(68, 67, 73)}
.super-menu > li, .super-menu > li:last-of-type, .journal-desktop .menu-floated .float-left, .journal-desktop .menu-floated .float-right{border-color: rgb(217, 217, 217)}
.mega-menu, .html-menu{background-color: rgb(68, 67, 73)}
header .journal-secondary a:hover, header .journal-secondary .links > a:hover, .mm-header-link a:hover{color: rgb(221, 0, 23)}
.mega-menu div > h3:hover > a{color: rgb(221, 0, 23)}
.drop-down ul li, .fly-drop-down ul li{background-color: rgb(68, 67, 73)}
.drop-down ul li:hover, .drop-down ul > li:hover > a, .fly-drop-down ul > li:hover > a{background-color:rgb(221, 0, 23);border-color:rgb(221, 0, 23);}
.journal-menu .mobile-trigger{background-color: rgb(228, 228, 228)}
.mega-menu .product-grid-item .price{display:inline-block}
.mega-menu{padding:20px}
.mega-menu-item > div, #header .mega-menu .product-wrapper{margin-right:10px}
.mega-menu .product-grid-item .price, .mega-menu .product-grid-item .price-new{color: rgb(42, 43, 46)}
.mega-menu-column > div > h3, .mega-menu-column > h3{padding-bottom:5px;font-weight: normal;font-size: 16px;color: rgb(255, 255, 255);margin-bottom:10px;border-bottom-width: 1px;border-style: solid;border-color: rgb(80, 80, 80)}
.mega-menu-column.mega-menu-html .wrapper h1, .mega-menu-column.mega-menu-html .wrapper h2, .mega-menu-column.mega-menu-html .wrapper h3{padding-bottom:5px}
.mega-menu-column.mega-menu-html .wrapper h1, .mega-menu-column.mega-menu-html .wrapper h2, .mega-menu-column.mega-menu-html .wrapper h3, .mega-menu .mega-menu-column .menu-cms-block h1, .mega-menu .mega-menu-column .menu-cms-block h2, .mega-menu .mega-menu-column .menu-cms-block h3{font-size: 16px;color: rgb(255, 255, 255)}
.mega-menu .product-wrapper{border-width: 0px;border-style: solid}
.mega-menu-categories .mega-menu-item ul li.view-more a{font-weight: bold;font-size: 11px}
.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-style:solid;border-color: rgb(80, 80, 80)}
.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{font-size: 12px}
.quote .button{font-size: 23px;color: rgb(255, 255, 255);padding:0 40px;line-height:54px;background-color: rgb(68, 67, 73);background-image: linear-gradient(to right, #107380, #6940fb)}
.quote .button:hover{background-color: rgb(221, 0, 23);background: linear-gradient(to left, #cb2d3e , #ef473a);box-shadow: 0px 0px 70px rgba(0, 0, 0, 0.5)}
.quote .button:active{box-shadow: inset 0px 2px 40px -5px rgba(0, 0, 0, 0.8)}
.product-info .left .image a img{border-width: 1px;border-radius: 3px;border-style: solid;border-color: rgb(238, 238, 238)}
.product-info .left .image-additional a img{border-radius: 3px}
.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:10px}
.product-info .right .description .instock{color: rgb(68, 67, 73)}
.product-info .right .description .outofstock{color: rgb(221, 0, 23)}
.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-family: Helvetica, Arial, sans-serif;font-weight: bold;font-size: 30px}
.product-info .right .price .price-old, .product-info .right .price li.price-old{font-family: Helvetica, Arial, sans-serif;font-size: 22px;color: rgb(0, 0, 0)}
.product-info .right .price-old{border-radius: 3px;background-color: rgb(255, 255, 255)}
.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{font-weight: normal;font-size: 14px;color: rgb(255, 255, 255);background-color: rgb(131, 161, 37)}
.product-info .option > ul > li{color: rgb(255, 255, 255);background-color: rgb(153, 153, 153);border-radius: 3px}
.product-info .right .cart div .qty{border-radius: 3px}
#button-cart, .product-info .right .cart div .button.enquiry-button{font-size: 16px;text-transform: uppercase;color: rgb(255, 255, 255)}
#button-cart, .product-info .right .cart div .button.enquiry-button, .quickview #more-details{border-width: 0px;border-style: solid;background-color: rgb(242, 101, 34)}
.product-info .right .wishlist-compare .links a{font-size: 14px;color: rgb(68, 67, 73)}
.product-info .right .wishlist-compare .links a:hover{color: rgb(242, 101, 34)}
#tabs a, #tabs li a{font-size: 15px;color: rgb(255, 255, 255);background-color: rgb(51, 55, 69);box-shadow:inset 0 -3px 6px -2px rgba(0, 0, 0, 0.5)}
.tab-content p, .tab-content p span, .tab-content p font, #tab-description, .product-info .tab-content, #review, #tab-review b, #tab-review span, .attribute td{font-weight: 400;font-family: "ABeeZee";font-size: 16px}
.product-info .tab-content, .tab-content{border-top-right-radius: 3px;border-bottom-right-radius: 3px;border-bottom-left-radius: 3px;padding:15px}
.product-info .left .journal-custom-tab h3{font-weight: bold ;font-size: 15px }
.product-info .left .journal-custom-tab, .product-info .left .journal-custom-tab p, .product-info .left .journal-custom-tab p span{font-size: 12px }
.product-info .left .journal-custom-tab{border-radius: 3px}
.product-info .right .journal-custom-tab h3{font-weight: bold;font-size: 15px}
.product-info .right .journal-custom-tab, .product-info .right .journal-custom-tab p, .product-info .right .journal-custom-tab p span{font-size: 12px}
.product-info .right .journal-custom-tab{border-radius: 3px}
.product-info .gallery-text:before{content: '\e015';font-size: 16px}
#product-gallery .swiper-button-prev::before{content: '\f053';font-size: 20px;color: rgb(68, 67, 73)}
#product-gallery .swiper-button-next::before{content: '\e60e';font-size: 20px;color: rgb(68, 67, 73)}
.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(68, 67, 73)}
.product-info .right .cart div .journal-stepper{color: rgb(255, 255, 255);background-color: rgb(51, 55, 69)}
.product-info .right .cart div .journal-stepper:hover{color: rgb(255, 255, 255);background-color: rgb(131, 161, 37)}
#button-cart:hover, .product-info .right .cart div .button.enquiry-button:hover, .quickview #more-details:hover{background-color: rgb(242, 101, 34)}
.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(131, 161, 37)}
.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: 3px}
.tags b{background-color: rgb(131, 161, 37);color: rgb(255, 255, 255)}
.tags a{background-color: rgb(244, 244, 244)}
.tags a:hover{color: rgb(255, 255, 255);background-color: rgb(242, 101, 34)}
#product-gallery .swiper-button-prev, #product-gallery .swiper-button-next{border-radius: 50%;height:30px; line-height:30px;width:30px}
.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 label:hover{color: rgb(242, 101, 34)}
#product-gallery .swiper-button-prev:hover::before, #product-gallery .swiper-button-next:hover::before{color: rgb(88, 143, 39)}
.product-info .right .options .option label{color: rgb(66, 139, 202)}
.attribute tbody td{text-align:left}
.product-sold-count-text{font-size: 15px;color: rgb(255, 255, 255)}
.product-info .right > div > .price{background-color: rgba(0, 0, 0, 0);padding:0px;display:block}
.product-page .heading-title{text-align:left;font-weight: 400;font-family: "ABeeZee";color: rgb(88, 143, 39)}
.attribute tr td:first-child{text-align:left}
.product-info .right > div > .options{display:block}
#tabs{border-top-left-radius: 3px;border-top-right-radius: 3px}
body{font-weight: 400;font-family: "Glegoo";font-size: 16px;color: rgb(42, 43, 46)}
.heading-title, .box-heading, #blogArticle .articleHeader h1, .oc-filter .panel-heading{text-align:left;border-bottom-width: 1px;border-style: solid;border-color: rgb(238, 238, 238);line-height:40px; min-height:40px;}
.secondary-title, #content #review-title, #content legend, .checkout-content h2{text-align:left;font-size: 14px;color: rgb(56, 56, 56);border-bottom-width: 1px;border-style: dotted;border-color: rgb(204, 204, 204);padding-top:8px; padding-bottom:8px;padding-left:10px; padding-right:10px}
.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-size: 22px}
.button, .side-column .box-content a.button, #quickcheckout .button, .modal-footer .btn{font-size: 14px;color: rgb(255, 255, 255)}
.button, #quickcheckout .button, .modal-footer .btn{border-radius: 6px;padding:0 45px;background-color: rgb(242, 101, 34);box-shadow: 2px 0px}
.breadcrumb{font-size: 12px;color: rgb(80, 80, 80);border-bottom-right-radius: 3px;border-bottom-left-radius: 3px}
.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(88, 143, 39)}
a:hover{color: rgb(242, 101, 34)}
.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(88, 143, 39);box-shadow: 2px 0px}
.breadcrumb a:hover{color: rgb(88, 143, 39)}
.scroll-top:hover:before{color: rgb(88, 143, 39)}
.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:10px}
.extended-container:before{background-color: rgb(244, 244, 244)}
.button:active, #quickcheckout .button:active, .modal-footer .btn:active{box-shadow: 2px 0px}
.box-sections ul li, .custom-sections .box-heading.box-sections{border-style:solid;border-color: rgb(204, 204, 204)}
.custom-sections .box-heading{background-color: rgb(228, 228, 228)}
.box-sections ul li a{font-size: 14px;text-transform: uppercase;color: rgb(56, 56, 56)}
.box-sections ul li a:hover, .box-sections ul li a.selected{background-color: rgb(255, 255, 255)}
#top-modules .journal2_custom_sections:before{background-color: rgb(228, 228, 228)}
.box-heading.box-sections, #top-modules .journal2_custom_sections::before, #bottom-modules .journal2_custom_sections::before{box-shadow: inset 0px -6px 17px -5px rgba(0, 0, 0, 0.15)}
#footer{margin-top:20px;margin-bottom:0px}
footer .column > h3{border-bottom-style:dotted;text-align:left;font-size: 15px;color: rgb(255, 255, 255);border-color: rgb(80, 80, 80)}
footer .column-menu-wrap > ul li{color: rgb(255, 255, 255)}
footer .contacts{box-shadow:none;border-top-width: 1px;border-bottom-width: 1px;border-style: dotted;border-color: rgb(80, 80, 80)}
footer .contacts [data-hint]:after{border-radius: 3px;color: rgb(255, 255, 255);background-color: rgb(242, 101, 34)}
.bottom-footer{box-shadow:0 0 9px rgba(0,0,0,.3);background-color: rgb(56, 56, 56)}
.fullwidth-footer{background-color: rgb(56, 56, 56)}
footer .column-menu-wrap > ul li:hover a{color: rgb(242, 101, 34)}
footer .contacts > div > span > .contact-icon{background-color: rgb(68, 67, 73)}
footer a .contacts-text:hover{color: rgb(242, 101, 34)}
footer .contacts-text{color: rgb(255, 255, 255)}
.bottom-footer .copyright{color: rgb(255, 255, 255)}
.column.products .product-grid-item{border-color: rgb(80, 80, 80);border-bottom-style:dotted;padding:5px 0}
.column.products .product-grid-item .price-old{font-size: 12px;color: rgb(168, 168, 168)}
.column.products .product-grid-item .name a:hover{color: rgb(242, 101, 34)}
.column.products .product-grid-item .price, .column.products .product-grid-item .price-new{color: rgb(255, 255, 255)}
.column.products .product-grid-item .name a, .footer-post-title{color: rgb(255, 255, 255)}
.column.products .product-grid-item .name a{white-space:normal}
footer .column-text-wrap h1, footer .column-text-wrap h2, footer .column-text-wrap h3{padding-bottom:2px;font-size: 14px;color: rgb(255, 255, 255)}
footer .column-text-wrap{color: rgb(255, 255, 255)}
.footer-post{border-bottom-style:dotted;border-color: rgb(80, 80, 80);padding:5px 0}
.footer-post .comment-date .p-date:before{color: rgb(244, 244, 244)}
.footer-post .comment-date .p-comment:before{color: rgb(244, 244, 244)}
#cart .heading i{border-left-style:none;background-color: rgb(242, 101, 34)}
.mini-cart-info table tr{border-bottom-style:solid;border-bottom-color: rgb(80, 80, 80)}
#cart .heading, .ie9 #cart button.heading{font-size: 14px;color: rgb(56, 56, 56)}
.journal-header-center #cart .content .cart-wrapper{border-radius: 4px;border-top-left-radius: 5px;border-top-right-radius: 5px}
.journal-header-center #cart .heading i{border-radius: 50%}
.mini-cart-info, #cart .empty{color: rgb(238, 238, 238)}
.mini-cart-info table tr td.image img{border-radius: 3px}
.mini-cart-info{max-height:355px}
.mini-cart-total{color: rgb(238, 238, 238);background-color: rgb(80, 80, 80)}
.button-search, .journal-header-center .button-search{border-right-style:solid}
#search input{font-size: 13px!important;background-color: rgb(42, 43, 46);box-shadow: 3px 3px 3px 3px rgba(0, 0, 0, 0.07)}
.journal-header-center #search input{background-color: rgb(255, 255, 255)}
.journal-header-center .button-search{border-top-left-radius: 5%}
.autocomplete2-suggestion .p-name{color: rgb(238, 238, 238)}
.autocomplete2-suggestion span.p-price{color: rgb(204, 204, 204);display:block}
.journal-header-center .autocomplete2-suggestions{border-radius: 3px}
.autocomplete2-suggestions > div{max-height:395px}
.journal-header-center #language, .journal-header-center #currency{border-style:solid;border-color: rgb(80, 80, 80)}
.journal-language .dropdown-menu, .journal-currency .dropdown-menu{border-radius: 2px;background-color: rgb(80, 80, 80);box-shadow:0 2px 2px rgba(0, 0, 0, 0.15)}
.journal-currency form .currency-symbol{border-radius: 2px;background-color: rgb(56, 56, 56)}
#cart .heading i:before{content: '\e69a';font-size: 24px;color: rgb(255, 255, 255);left: 1px}
.button-search i:before{content: '\e697';font-size: 22px;color: rgb(255, 255, 255);top: -1px;left: -1px}
.journal-top-header{background-color: rgb(56, 56, 56)}
.header, .boxed-header.default-header .journal-login{background-color: rgb(255, 255, 255)}
.journal-header-default #logo, .journal-header-compact #logo{background-color: rgb(42, 43, 46)}
#cart .content .cart-wrapper, .oc2 #cart .checkout{background-color: rgb(56, 56, 56)}
.mini-cart-info table tr td.remove i{color: rgb(88, 143, 39)}
.mini-cart-info table tr td.remove i:hover, .firefox .mini-cart-info table tr td.remove button:hover i{color: rgb(242, 101, 34)}
.autocomplete2-suggestion{border-bottom-style:solid;border-color: rgb(80, 80, 80)}
.autocomplete2-suggestion:hover{background-color: rgb(80, 80, 80)}
.button-search:hover i:before{color: rgb(255, 255, 255)}
.button-search{background-color: rgb(88, 143, 39)}
.button-search:hover{background-color: rgb(242, 101, 34)}
.autocomplete2-suggestions{background-color: rgb(56, 56, 56)}
.journal-language .dropdown-menu > li > a, header .journal-currency .dropdown-menu > li > a{color: rgb(238, 238, 238);font-family: Helvetica, Arial, sans-serif;font-size: 12px}
.journal-language .dropdown-menu > li > a:hover, .journal-currency .dropdown-menu > li > a:hover{background-color: rgb(153, 153, 153)}
#cart .checkout .button{background-color: rgb(242, 101, 34)}
#cart .checkout .button:hover{background-color: rgb(88, 143, 39)}
.journal-language .dropdown-menu > li, .journal-currency .dropdown-menu > li{border-top-style:solid;border-color: rgb(68, 67, 73)}
.journal-header-center .journal-top-header, .journal-header-center .journal-secondary{border-bottom-style:solid; border-top-style:solid;}
.autocomplete2-suggestion .p-image{display:block}
#cart .checkout .button + .button{background-color: rgb(88, 143, 39)}
#cart .checkout .button + .button:hover{background-color: rgb(242, 101, 34)}
.journal-header-center .no-results{color: rgb(238, 238, 238)}
.journal-currency form .currency-symbol, .journal-currency .dropdown-menu > li > a{color: rgb(255, 255, 255)}
.is-sticky header .header{background-color: rgb(51, 153, 101)}
#cart{box-shadow: inset 2px 2px 2px 2px rgba(0, 0, 0, 0.07)}
.journal-language .dropdown-toggle, .journal-currency .dropdown-toggle, .journal-language .dropdown-menu, .journal-currency .dropdown-menu{font-family: Helvetica, Arial, sans-serif;font-size: 12px;color: rgb(204, 204, 204)}
.is-sticky .header{box-shadow: 0px 1px 30px -5px rgba(0, 0, 0, 0.33)}
.is-sticky .super-menu, .is-sticky .journal-menu-bg{background-color: rgb(244, 244, 244)}
.view-more-link{color: rgb(238, 238, 238)}
a.view-more-link:hover{color: rgb(255, 255, 255)}
.product-wrapper{padding: 8px;background-color: rgb(255, 255, 255)}
.product-wrapper:hover{border-color: rgb(250, 250, 250)}
.product-grid-item .image > a{border-top-left-radius: 1px;border-top-right-radius: 1px}
.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:normal;font-size: 18px;color: rgb(88, 143, 39)}
.product-grid-item .price{display:inline-block;;display:inline-block}
.product-details{border-bottom-right-radius: 3px;border-bottom-left-radius: 3px}
.product-details:before{font-size: 23px;margin-left: -10px;top: -20px}
.product-grid-item .product-wrapper .cart .button{border-radius: 6%;font-weight: 400;font-family: "ABeeZee";font-size: 18px;text-transform: none}
.product-grid-item .cart .button{line-height:40px}
.product-grid-item .cart .button[data-hint]:after{color: rgb(255, 255, 255);background-color: rgb(88, 143, 39)}
.product-grid-item .quickview-button {margin-left: -20px;margin-top: -25px}
.product-grid-item .quickview-button .button{border-width: 1px;border-radius: 50%;border-style: solid;border-color: rgb(221, 0, 23);background-color: rgb(242, 101, 34)}
.product-grid-item .quickview-button .button:hover{border-color: rgb(68, 67, 73);background-color: rgb(68, 67, 73)}
.product-grid-item .quickview-button .button[data-hint]:after{border-radius: 2px;color: rgb(255, 255, 255);background-color: rgb(88, 143, 39)}
.product-grid-item.display-icon .wishlist > a, .product-grid-item.display-icon .compare > a{border-radius: 50%;width:35px;height:35px; padding:0;;background-color: rgb(88, 143, 39)}
.product-grid-item .wishlist [data-hint]:after, .product-grid-item .compare [data-hint]:after{border-radius: 2px;color: rgb(255, 255, 255);background-color: rgb(68, 67, 73)}
.product-grid-item .cart:not(.enquiry-button) i::before{content: '\e180';font-size: 18px;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);top: -1px}
.product-grid-item .wishlist-icon:before{content: '\e663';font-size: 17px;color: rgb(255, 255, 255)}
.product-grid-item .compare-icon:before{content: '\e025';font-size: 18px;color: rgb(255, 255, 255)}
.product-grid-item .price, .product-grid-item .price-new{font-family: Helvetica, Arial, sans-serif;font-weight: bold;font-size: 18px;color: rgb(88, 143, 39)}
.product-grid-item .price-old, .compare-info .price-old, .autocomplete2-suggestion span.p-price .price-old{font-size: 14px;color: rgb(43, 41, 43)}
.product-grid-item .wishlist a, .product-grid-item .compare a{font-size: 11px;color: rgb(42, 43, 46)}
.product-grid-item .name a:hover, .side-column .product-grid-item .name a:hover, .posts h2 a:hover{color: rgb(242, 101, 34)}
.product-grid-item.display-icon .wishlist > a:hover, .product-grid-item.display-icon .compare > a:hover{background-color: rgb(221, 0, 23)}
.soft-shadow .product-wrapper{box-shadow:none}
.product-grid-item .rating{margin-left:-42px;top:-15px}
.product-grid-item .compare a:hover .compare-icon:before, .product-grid-item .wishlist a:hover .wishlist-icon:before{color: rgb(255, 255, 255)}
.product-grid-item .cart .button:hover i::before{color:rgb(255, 255, 255)}
.category-list ul li a, .refine-category-name{color: rgb(51, 55, 69)}
.category-list ul li:after{color: rgb(228, 228, 228)}
.category-list{background-color: rgb(51, 55, 69)}
.refine-image a{border-width: 1px;border-style: dotted;border-color: rgb(228, 228, 228)}
.refine-image a:hover{background-color: rgb(250, 250, 250)}
.product-filter, .open-filter{border-radius: 2px}
.product-filter, .product-compare a{color: rgb(255, 255, 255)}
.pagination b, .pagination a:hover, .pagination .active{color: rgb(255, 255, 255)}
.pagination{border-radius: 2px;border-color: rgb(204, 204, 204);background-color: rgb(88, 143, 39);box-shadow:none}
.product-filter .display a i:hover, .product-filter .display a.active i{color:rgb(242, 101, 34) !important}
.product-filter{background-color: rgb(131, 161, 37)}
.product-compare a:hover{color: rgb(242, 101, 34)}
.pagination a, .pagination b, .pagination li{border-radius: 50%}
.pagination a{background-color: rgb(255, 255, 255);color: rgb(80, 80, 80)}
.pagination b, .pagination a:hover, .pagination li.active {background-color: rgb(221, 0, 23)}
.pagination .results, .dataTables_info{font-size: 13px;color: rgb(255, 255, 255)}
.category-page .heading-title{text-align:left}
.ias-loader, .ias-noneleft{border-radius: 3px}
.tp-bannertimer, .tp-bannertimer.tp-bottom{height:3px;background-color: rgb(221, 0, 23)}
.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(204, 204, 204)}
.tp-rightarrow:before, .tp-rightarrow.default:before, .journal-simple-slider .owl-controls .owl-buttons .owl-next:before{content: '\e62c';font-size: 65px;color: rgb(204, 204, 204)}
.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(221, 0, 23)}
.tp-bullets.simplebullets.round .bullet, .journal-simple-slider .owl-controls .owl-page span{background-color: rgb(255, 255, 255);border-radius: 50%;margin-left:7px;width:12px;height:12px}
.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(221, 0, 23)}
.journal-carousel .htabs a, .side-column .journal-carousel .htabs a{border-right-style:solid;border-color: rgb(255, 255, 255)}
.journal-carousel .htabs a, .journal-carousel .htabs.single-tab a:hover, .journal-carousel .htabs.single-tab a.selected{font-weight: 400;font-family: "ABeeZee";font-size: 18px}
.journal-carousel.arrows-top .swiper-button-prev::before{content: '\e61f';font-size: 16px;color: rgb(68, 67, 73)}
.journal-carousel.arrows-top .swiper-button-next::before{content: '\e620';font-size: 16px;color: rgb(68, 67, 73)}
.swiper-pagination-bullet{background-color: rgb(68, 67, 73);border-radius: 50%;width:10px;height:10px}
.journal-carousel.arrows-top .swiper-button-prev:hover::before, .journal-carousel.arrows-top .swiper-button-next:hover::before{color: rgb(221, 0, 23)}
.swiper-pagination-bullet:hover, .swiper-pagination-bullet.swiper-pagination-bullet-active{background-color: rgb(221, 0, 23)}
.journal-carousel .htabs{background-color: rgb(255, 214, 88)}
.journal-carousel .htabs a:hover, .journal-carousel .htabs a.selected{color: rgb(255, 255, 255);background-color: rgb(88, 143, 39)}
.journal-carousel.arrows-top .swiper-button-prev, .journal-carousel.arrows-top .swiper-button-next{top:-56px}
.journal-carousel:not(.arrows-top) .swiper-button-next::before{content: '\e620';font-size: 22px;color: rgb(68, 67, 73)}
.journal-carousel:not(.arrows-top) .swiper-button-prev, .journal-carousel:not(.arrows-top) .swiper-button-next{margin-top:-36px}
.journal-carousel:not(.arrows-top) .swiper-button-prev::before{content: '\e61f';font-size: 22px;color: rgb(68, 67, 73)}
.journal-carousel.arrows-top .swiper-button-prev{right:10px}
.journal-carousel.arrows-top .swiper-button-next{right:-10px}
.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(221, 0, 23)}
.journal-carousel:not(.arrows-top) .swiper-button-next{right:-5px}
.side-column .journal-carousel.arrows-top .swiper-button-prev, .side-column .journal-carousel.arrows-top .swiper-button-next{top:-60px}
.product-list-item{border-radius: 3px;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{padding:0 85px;line-height:45px}
.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(68, 67, 73)}
.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: '\e056';font-size: 20px;color: rgb(255, 255, 255)}
.product-list-item .wishlist a:hover, .product-list-item .compare a:hover{color: rgb(221, 0, 23)}
.product-list-item .rating{display:block}
.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 .box-category li a img, .side-column .oc-module .product-grid-item .image img{border-radius: 3%}
.side-column .side-category-accordion i{border-radius: 50%;color: rgb(0, 0, 0);background-color: rgb(68, 67, 73)}
.side-column .side-category-accordion i:hover{color: rgb(255, 255, 255);background-color: rgb(221, 0, 23)}
.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(80, 80, 80);top: -1px}
.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(221, 0, 23)}
.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 .heading-title, .side-column .box-heading, .side-column #blogArticle .articleHeader h1, .side-column .journal-carousel .htabs.single-tab a.selected, .oc-filter .panel-heading, .oc-filter a.list-group-item{font-size: 16px}
.side-column .box-content li a, .side-column .box-category li a{padding-left:0px;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:8px}
.side-column .side-category i{width:20px;height:20px;margin-top:7px;margin-right:0px;font-family: Helvetica, Arial, sans-serif;font-weight: normal;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{border-color: rgb(88, 143, 39);background-color: rgb(241, 196, 15)}
.side-column .oc-module .product-grid-item .name a{white-space:normal}
.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{font-size: 14px;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:dotted}
.cart-info table, .wishlist-info table, .compare-info, table.list, .order-list{border-radius: 3px}
.cart-info .image a img, .wishlist-info .image a img, .compare-info tbody tr:first-of-type + tr > td img{border-radius: 3px}
.login-content > div{border-radius: 3px;padding:0px}
.action-area h3{font-size: 15px;color: rgb(255, 255, 255)}
.checkout-page .checkout, .oc2 .checkout #accordion, .route-checkout-checkout #accordion{border-radius: 3px}
.buttons{border-width: 1px;border-radius: 2px;border-style: dotted;border-color: rgb(204, 204, 204);padding-top:15px; padding-bottom:15px;;padding-left:15px; padding-right:15px}
.cart-info table, .wishlist-info table, .compare-info td, table.list tbody td, .order-list .order-content{background-color: rgb(244, 244, 244)}
.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{color: rgb(255, 255, 255);background-color: rgb(135, 192, 83)}
.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(204, 204, 204)}
.login-content hr{background-color: rgb(204, 204, 204)}
#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(250, 250, 250)}
table.radio .highlight:hover td, .action-area .panel-heading:hover{background-color: rgb(88, 143, 39)}
#content.sc-page .content table.radio .highlight td{border-color: rgb(228, 228, 228)}
.checkout-heading, .checkout .panel-heading, .route-checkout-checkout .panel-heading:hover{background-color: rgb(69, 115, 143)}
.checkout-heading{border-color: rgb(91, 142, 174);border-bottom-style:solid}
.checkout-product thead td, .checkout-product tfoot td{color: rgb(88, 143, 39);background-color: rgb(255, 255, 255)}
.checkout-product tbody td{border-color: rgb(244, 244, 244)}
.checkout-content, .checkout-page .panel-body{background-color: rgb(244, 244, 244)}
.checkout-content, .checkout-page .panel-body {padding:10px}
.information-page #content h1.heading-title{text-align:left}
table.radio .highlight td label, .action-area .panel-title{color: rgb(68, 67, 73)}
.sc-page .pull-left .button, .sc-page .buttons .center .button{background-color: rgb(88, 143, 39)}
.sf-icon:after{background-color: rgb(221, 0, 23);color: rgb(255, 255, 255);border-radius: 3px}
.sf-reset:hover{color: rgb(221, 0, 23)}
.sf-price .ui-widget-header{background-color: rgb(68, 67, 73)}
.sf-price .value{color: rgb(255, 255, 255);background-color: rgb(221, 0, 23);border-radius: 3px}
.sf-reset{color: rgb(68, 67, 73)}
.sf-price .ui-slider-handle:hover{background-color: rgb(221, 0, 23)}
.sf-price .ui-slider-handle{background-color: rgb(68, 67, 73);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(68, 67, 73)}
.sf-icon .sf-reset-icon::after, .sf-reset .sf-reset-icon::after{content: '\e602';font-size: 16px;color: rgb(68, 67, 73)}
.side-column .journal-sf .box ul li label.sf-checked, .side-column .journal-sf .box ul li label:hover{color: rgb(221, 0, 23)}
.journal-sf ul label img{border-width: 2px;border-radius: 3%;border-style: solid;border-color: rgb(244, 244, 244)}
.side-column .journal-sf .box ul li{padding-top:1px;padding-bottom:1px;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:17px}
.side-column .journal-sf .box{margin-bottom:10px}
.sf-price .ui-widget-content{background: rgb(221, 0, 23)}
.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:182px}
.side-column .journal-sf .box ul{padding-top:3px}
.journal-sf .sf-manufacturer.sf-image .box-content ul li{width:25%}
.journal-sf .sf-category.sf-image .box-content ul li{width:12.5%}
.open-filter{background-color: rgb(80, 80, 80)}
.sf-reset, .filter-collapse .sf-reset{top:10px}
.open-filter::before{content: '\f1de';font-size: 16px}
.nav-numbers a{width:10px;height:10px;border-radius: 50%;background-color: rgb(51, 55, 69)}
.nav-numbers a:hover, .nav-numbers li.active a{background-color: rgb(221, 0, 23)}
.ui-pnotify {display: block !important;border-radius: 2px;background-color: rgb(255, 255, 255)}
.ui-pnotify-text img {display: block}
.ui-pnotify-title {color: rgb(255, 255, 255);background-color: rgb(68, 67, 73)}
.ui-pnotify-closer{color: rgb(255, 255, 255)}
.ui-pnotify-closer:hover{color: rgb(221, 0, 23)}
.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)}
.notification-buttons{display:block}
.side-column .block-content{border-radius: 3px;padding:5px}
.block-content{padding:10px;border-radius: 3px}
.block-content, .side-block-content, .block-content p, .side-block-content p, .block-content p span, .side-block-content p span{font-weight: 400 ;font-family: "ABeeZee" ;font-size: 16px }
.editor-content h1, .editor-content h2, .editor-content h3, .side-block-content h1, .side-block-content h3, .side-block-content h3{font-weight: 400 ;font-family: "Droid Serif" ;font-size: 20px ;color: rgb(88, 143, 39) ;padding-bottom:7px}
.editor-content p, .side-block-content p{padding-bottom:7px;line-height:15px}
.side-column .block-content p{line-height:14px;font-weight: 400;font-family: "ABeeZee";font-size: 16px}
.side-column .editor-content h1, .side-column .editor-content h2, .side-column .editor-content h3{font-weight: 400 !important;font-family: "Droid Serif" !important;font-size: 16px !important;color: rgb(88, 143, 39) !important;padding-bottom:3px}
.lg-outer .lg-image{border-radius: 3px}
.gallery-thumb a:before{content: '\e056';font-size: 30px;color: rgb(255, 255, 255)}
.gallery-thumb .item-hover{background-color: rgba(51, 55, 69, 0.6)}
.lg-backdrop{background-color: rgba(0, 0, 0, 0.85)}
.lg-toolbar .lg-icon:hover, #lg-intense-zoom:hover{color: rgb(221, 0, 23)}
.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-size: 25px;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:none;}
.product-grid-item .wishlist{display:none}
.product-info .product-options > .cart{display:block}
.product-info .right .description{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:none}
.journal-carousel .product-grid-item .compare{display:none}
.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:none}
.mega-menu .product-grid-item .compare{display:none}
.mega-menu .product-grid-item .name{display:table}
.product-list-item .cart{display:block}
.product-list-item .wishlist{display:none}
.product-list-item .compare{display:none}
.product-list-item .price{display:inline-block}
.product-list-item .name{display:table}
.column.products .product-grid-item .price, .side-column .oc-module .product-grid-item .price{display:inline-block}
.countdown > span{border-style:solid}
.product-info .right > div .countdown > span{border-style:dotted;color: rgb(68, 67, 73);border-color: rgb(153, 153, 153)}
.expire-text{background-color: rgb(221, 0, 23);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;padding-right:7px;padding-top:7px;padding-bottom:7px;padding-left:7px}
.product-info .right > div .countdown{background-color: rgb(244, 244, 244)}
.product-info .right > div .countdown-wrapper{padding:0px;background-color: rgba(0, 0, 0, 0)}
span.p-date:before{content: '\e6b3';font-size: 13px;color: rgb(68, 67, 73)}
span.p-author:before{content: '\e1b8';font-size: 13px;color: rgb(68, 67, 73)}
.post-button-left-icon:before, .post-button-right-icon:before{content: '\e036';font-size: 14px;color: rgb(68, 67, 73)}
.blog-list-view .post-button-left-icon:before, .blog-list-view .post-button-right-icon:before{content: '\e07c';font-size: 16px}
.blog-list-view .post-view-more.button{font-weight: 400;font-family: "ABeeZee";box-shadow: 2px 0px;background-color: rgb(88, 143, 39)}
.blog-list-view .post-view-more.button:hover{box-shadow: 2px 0px;color: rgb(88, 143, 39)}
span.p-comment:before{content: '\e1ae';font-size: 13px;color: rgb(68, 67, 73)}
.post-view-more.button{font-weight: 400;font-family: "ABeeZee";font-size: 18px;color: rgb(255, 255, 255);border-bottom-width: 1px;border-radius: 10px;border-style: dotted;border-color: rgb(119, 119, 119);padding-left:15px;padding-bottom:10px;padding-right:10px;padding-top:15px;background-color: rgb(88, 143, 39)}
.post-view-more.button:hover{color: rgb(255, 255, 255);background-color: rgba(250, 146, 4, 0.97);border-color: rgb(255, 214, 88)}
.blog-list-view .post-wrapper{background-color: rgb(249, 249, 249)}
.blog-list-view .post-wrapper:hover{background-color: rgba(255, 255, 255, 0)}
.post-item-details .comment-date{border-top-width: 1px;border-bottom-width: 1px;border-style: dotted;border-color: rgb(204, 204, 204)}
.posts.blog-list-view .post-item-details h2 a{font-size: 21px;white-space:normal}
.posts .post-wrapper h2 a{white-space:nowrap}
.post-wrapper{padding:10px 10px 0 10px;border-color: rgb(204, 204, 204);background-color: rgb(244, 244, 244)}
.post-wrapper:hover{background-color: rgb(255, 255, 255);border-color: rgba(88, 143, 39, 0.02)}
.post-image img{border-width: 1px;border-radius: 1px;border-style: solid}
.post-item-details{text-align:left;padding-top:0px;padding-right:15px;padding-left:5px;padding-bottom:0px}
.blog-list-view .post-item-details .post-text{font-size: 13px}
.post-view-more.button:hover .post-button-left-icon:before, .post-view-more.button:hover .post-button-right-icon:before{color: rgb(88, 143, 39)}
.posts.blog-list-view .post-image{width:25%}
.posts.blog-list-view .post-item-details h2 a span{border-bottom-style:dotted}
.blog-list-view .post-view-more.button:active{box-shadow: 2px 0px}
.post-module .post-wrapper{background-color: rgb(255, 255, 255)}
.post-module .post-wrapper:hover{background-color: rgb(255, 255, 255);border-color: rgb(255, 255, 255)}
.post-module .post-wrapper .post-item-details h2 a{white-space:nowrap}
.post-module .post-view-more.button{font-weight: 400;font-family: "ABeeZee";font-size: 18px;color: rgb(255, 255, 255);border-width: 0px;border-radius: 5px;border-style: solid;padding-top:10px;padding-left:15px;background-color: rgb(242, 101, 34)}
.side-blog .side-post + hr{border-bottom-style:dotted;border-color: rgb(255, 255, 255)}
.post-module .post-button-left-icon:before, .post-button-right-icon:before{content: '\e036';font-size: 18px;color: rgb(255, 255, 255)}
.post-module .box-heading{font-weight: 400;font-family: "ABeeZee";font-size: 18px;color: rgb(255, 255, 255);text-align:center;border-radius: 10px;background-color: rgb(255, 214, 88)}
.comments > .comment:nth-of-type(even){background-color: rgb(255, 255, 255)}
.comments .reply:nth-of-type(odd){background-color: rgb(244, 244, 244)}
.post-details .tags a:hover, .side-blog-tags .box-tag a:hover{background-color: rgb(221, 0, 23);color: rgb(255, 255, 255)}
.comments .reply:nth-of-type(even){background-color: rgb(244, 244, 244)}
.post-details .tags a, .side-blog-tags .box-tag a{background-color: rgb(68, 67, 73);color: rgb(255, 255, 255)}
.comments > h3{background-color: rgb(244, 244, 244);text-align:left;padding-right:15px;padding-left:15px;padding-bottom:15px;margin-top:10px;padding-top:15px;border-radius: 3px;margin-bottom:20px}
.post-details .tags b{background-color: rgb(221, 0, 23)}
.reply-form h3{margin-top:10px;margin-bottom:20px;padding-left:0px;font-size: 19px;text-align:left;padding-top:12px;padding-right:0px;padding-bottom:12px;border-bottom-width: 1px;border-style: dotted;border-color: rgb(204, 204, 204)}
.post-comment h3{margin-top:20px;padding-left:0px;text-align:left;font-size: 22px;color: rgb(68, 67, 73);padding-right:0px;padding-bottom:12px;padding-top:12px;margin-bottom:20px;border-bottom-width: 1px;border-style: dotted;border-color: rgb(204, 204, 204)}
.blog-post .heading-title{text-align:left}
.blog-post .social{border-top-style:dotted;text-align:left;border-color: rgb(153, 153, 153)}
.post-details{padding:1px;background-color: rgba(88, 143, 39, 0.01)}
.comment-form form{padding:0px;border-bottom-right-radius: 3px;border-bottom-left-radius: 3px}
.post-stats.comment-date{padding-bottom:10px;padding-right:10px}
.post-details, .post-details p, .post-details font, .post-details > span, .post-details p font, .post-details p span, .post-details strong{line-height:20px !important}
.blog-post .post-stats.comment-date{border-bottom-width: 1px;border-style: solid;border-color: rgb(228, 228, 228)}
blockquote, blockquote font{font-size: 16px!important}
.post-details h3{color: rgb(88, 143, 39)}
.post-details h2{color: rgb(88, 143, 39)}
blockquote{padding-bottom:15px;padding-right:15px;border-color: rgb(221, 0, 23);padding-left:15px;margin-right:10px;padding-top:15px;margin-left:0px;background-color: rgb(244, 244, 244)}
.post-details h1, .post-details h1 font{font-size: 26px;color: rgb(88, 143, 39)}
.post-details .tags{text-align:left}
.comments > .comment{border-width: 1px;border-radius: 3px;border-style: dotted;border-color: rgb(204, 204, 204)}
.comments .reply{border-radius: 3px}
.comments .avatar{border-radius: 5px}
.blog-post .post-stats .p-category:before{content: '\e6b2';font-size: 14px;color: rgb(68, 67, 73)}
.comments > .comment:nth-of-type(odd){background-color: rgb(255, 255, 255)}
.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-style:solid;border-color: rgb(0, 0, 0)}
.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:dotted;border-color: rgb(204, 204, 204)}
.one-page-checkout h1.heading-title{text-align:center;font-size: 30px;border-bottom-width: 0px;border-style: solid}
.journal-checkout .checkout-content{background-color: rgb(250, 250, 250);border-width: 1px;border-style: solid;border-color: rgb(228, 228, 228)}
.journal-checkout .table-responsive{max-height:382px}
.journal-checkout .checkout-cart td.name a{font-size: 14px}
.journal-checkout .checkout-product thead td{font-weight: bold;font-size: 14px;color: rgb(0, 0, 0)}
.journal-checkout .confirm-order{text-align:left}
.journal-checkout .secondary-title{padding-left:10px;;border-bottom-width: 0px;border-style: solid;text-align:left;background-color: rgb(88, 143, 39);color: rgb(255, 255, 255)}
#content.one-page-checkout div fieldset > div.fax-input{display:none !important}
.form-group.company-input{display:none !important}
.form-group.address-2-input{display:none}
.journal-checkout .spw > div p{display:none}
.flyout-menu .flyout > ul > li > a{padding-left:0%;border-bottom-style:dotted;border-color: rgb(228, 228, 228)}
.flyout .mega-menu-column > div > h3{text-align:left}
.flyout-menu .flyout .fly-drop-down ul li{border-bottom-style:solid}
.fly-drop-down ul{box-shadow:0 1px 8px -3px rgba(0, 0, 0, 0.5)}
.flyout .mega-menu-column.mega-menu-html .wrapper p, .flyout .mega-menu-column.mega-menu-html .wrapper p span{color: rgb(250, 250, 250)}
.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)}
.mobile .journal-popup .mfp-close,.tablet .journal-popup .mfp-close{color: rgb(0, 0, 0)}
.journal-popup .mfp-close:hover, .mfp-image-holder .mfp-close:hover, .mfp-iframe-holder .mfp-close:hover{color: rgb(221, 0, 23)}
.bottom-footer .copyright a{color: rgb(255, 255, 255)}
.bottom-footer .copyright a:hover{color: rgb(255, 255, 255)}
button.btn-upload:hover, button.btn-upload:hover i.fa, .option button.btn-default:hover{color: rgb(131, 161, 37)}
.product-page .lg-outer .lg-thumb-outer{background-color: rgb(88, 143, 39)}
.product-options .product-sold-count-text{background-color: rgb(131, 161, 37)}
.product-page .lg-outer .lg-toogle-thumb{color: rgb(88, 143, 39);background-color: rgb(88, 143, 39)}
button.btn-upload, button.btn-upload i.fa, .option button.btn-default{color: rgb(131, 161, 37)}
.product-sold-count-text span{color: rgb(255, 255, 255)}
.tab-content > h2, .tab-content > h2 font, .tab-content > h2 span{color: rgb(88, 143, 39)!important}
#review, #tab-review b, #tab-review span{font-weight: 400;font-family: "ABeeZee";font-size: 16px}
.product-info .right .price .discount, .product-info .right .price li{letter-spacing: 2px;color: rgb(242, 101, 34)}
.option li.hint--top:before, .option li.hint--top:after{display:block}
.journal-checkout .quantity .input-group-btn button:hover:last-of-type i.fa{color: rgb(255, 255, 255)}
.journal-checkout .quantity .input-group-btn button:last-of-type{background-color: rgb(242, 101, 34)}
.journal-checkout .quantity .input-group-btn button:first-of-type{background-color: rgb(88, 143, 39)}
.sc-page .pull-left .button:hover, .sc-page .buttons .center .button:hover{background-color: rgb(126, 192, 68)}
.wishlist-info .action .btn-primary:hover, .cart-info .quantity .input-group .btn-primary:hover{background-color: rgb(126, 192, 68)}
.wishlist-info .action a.btn-danger, .cart-info .quantity .input-group .btn-danger{background-color: rgb(245, 105, 5)}
.wishlist-info .action a.btn-danger:hover i.fa, .cart-info .quantity .input-group .btn-danger:hover i.fa{color: rgb(255, 255, 255)}
.wishlist-info .action .btn-primary, .cart-info .quantity .input-group .btn-primary{background-color: rgb(126, 192, 68)}
#total .right{color: rgb(88, 143, 39)}
.checkout .panel-heading:hover, .route-checkout-checkout .panel-heading{background-color: rgb(88, 143, 39)}
.information-page #content, .information-page #content p{font-weight: 400;font-family: "Abhaya Libre";font-size: 18px}
.wishlist-info .action .btn-primary:hover i.fa, .cart-info .quantity .input-group .btn-primary:hover i.fa{color: rgb(255, 255, 255)}
.wishlist-info .action a.btn-danger:hover, .cart-info .quantity .input-group .btn-danger:hover{background-color: rgb(245, 105, 5)}
.information-page #content h1{font-size: 18px;color: rgb(88, 143, 39)}
.blog-list-view .post-view-more.button:hover .post-button-left-icon:before, .blog-list-view .post-view-more.button:hover .post-button-right-icon:before{color: rgb(88, 143, 39)}
.post-button{text-align:center}
/* 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: 1524px;
}
.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:hover .product-wrapper{
box-shadow: 0px 1px 30px rgba(0, 0, 0, 0.25);
}
.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(242, 101, 34);
}
.product-grid-item .cart .button-left-icon::before,
.product-grid-item .enquiry-button i::before{
margin-right: 6px;
}
.product-grid-item .cart .button-right-icon{
display:none !important;
}
/* BLOG */
.post-button-left-icon{
display:none;
}
.post-button-right-icon{
display:inline;
}
.post-wrapper:hover{
box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
}
.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{
float:none;
}
.product-grid-item .quickview-button .button-right-icon:before{
margin-left:0;
}
.product-grid-item .quickview-button .button-cart-text{
display:none;
}
.product-grid-item .quickview-button [data-hint]:after,
.product-grid-item .quickview-button .hint--top:before{
display:block;
}
.product-grid-item .quickview-button .hint--top:before{
border-top-color: rgb(88, 143, 39);
}
.product-grid-item .quickview-button .hint--right:before{
border-right-color: rgb(88, 143, 39);
}
.product-grid-item .quickview-button .hint--left:before{
border-left-color: rgb(88, 143, 39);
}
/* 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(68, 67, 73);
}
.product-grid-item .wishlist .hint--right:before,
.product-grid-item .compare .hint--right:before{
border-right-color: rgb(68, 67, 73);
}
.product-grid-item .wishlist .hint--left:before,
.product-grid-item .compare .hint--left:before{
border-left-color: rgb(68, 67, 73);
}
.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-list-item .quickview-button .button{
width:40px;
height:40px;
line-height:40px;
padding:0;
}
.product-grid-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(68, 67, 73);
}
.product-list-item .quickview-button .hint--right:before{
border-right-color: rgb(68, 67, 73);
}
.product-list-item .quickview-button .hint--left:before{
border-left-color: rgb(68, 67, 73);
}
/* Product Page */
#product-gallery.image-additional-grid a{
width: 20%;
}
#button-cart .button-cart-text:after{
display:none;
}
.compare-info td{
border-right-style:dotted;
}
table.list{
border-bottom-style:dotted;
border-left-style:dotted;
}
table.list td{
border-right-style:dotted;
border-top-style:dotted;
}
/* Product Labels*/
.label-latest + .label-sale{
top: 50px;
}
#more-details.hint--top:before{
border-top-color: rgb(221, 0, 23);
}
.boxed-header header{
max-width:1524px;
}
.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:rgb(250, 250, 250);
}
.journal-header-center #language,
.journal-header-center #currency{
border-color:;
}
}
.sticky-menu .is-sticky .journal-header-default .header{
background-color: rgb(228, 228, 228);
}
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;
}
.journal-header-center .journal-center-bg{
top:40px;
}
#cart .cart-wrapper {
box-shadow: 0 3px 15px -3px rgba(0, 0, 0, 0.25);
}
.autocomplete2-suggestions{
box-shadow: 0 3px 15px -3px rgba(0, 0, 0, 0.25);
}
@media only screen and (max-width: 760px) {
ul.super-menu > li > a,
ul.super-menu > li:hover > a{
color:rgb(228, 228, 228);
}
ul.super-menu > li,
ul.super-menu > li:hover{
background-color:rgb(68, 67, 73);
}
.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:rgb(242, 101, 34);
}
.button-search i:before{
color:rgb(255, 255, 255) !important;
}
}
@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(228, 228, 228);
}
.mobile-menu-on-tablet ul.super-menu > li,
.mobile-menu-on-tablet ul.super-menu > li:hover{
background-color:rgb(68, 67, 73);
}
}
@media only screen and (min-width:760px) and (max-width:1539px) {
.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: 1524px) {
.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: 1539px) {
.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,1524px,45px,0px);
}
.journal-header-default .links .no-link{
border-color:}
.journal-header-center #cart .content:before,
.oc2 #cart .content .cart-wrapper:before{
color:rgb(56, 56, 56)}
.journal-header-center .autocomplete2-suggestions:before{
color:rgb(56, 56, 56)}
.journal-language .dropdown-menu:before,
.journal-currency .dropdown-menu:before{
color:rgb(80, 80, 80)}
#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(68, 67, 73);
font-family: inherit;
}
#search :-moz-placeholder {
color:rgb(68, 67, 73);
font-family: inherit;
}
#search ::-moz-placeholder {
color:rgb(68, 67, 73);
font-family: inherit;
}
#search :-ms-input-placeholder {
color:rgb(68, 67, 73);
font-family: inherit;
}
.compare-info tbody td{
border-left-style:dotted;
}
@media only screen and (max-width: 760px){
#search ::-webkit-input-placeholder {
color:rgb(0, 0, 0);
font-family: inherit;
}
#search :-moz-placeholder {
color:rgb(0, 0, 0);
font-family: inherit;
}
#search ::-moz-placeholder {
color:rgb(0, 0, 0);
font-family: inherit;
}
#search :-ms-input-placeholder {
color:rgb(0, 0, 0);
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(217, 217, 217);
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(244, 244, 244);
}
.center-header header #cart, .default-header header #cart{
background-color:rgb(255, 255, 255);
}
.journal-menu .mobile-menu > li{
border-color:rgb(217, 217, 217);
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:10px;
}
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(217, 217, 217);
}
.mega-menu > div{
margin-bottom:-10px !important;
margin-right:-10px;
}
html[dir="rtl"] .mega-menu-item > div,
html[dir="rtl"] #header .mega-menu .product-wrapper{
margin-right:0;
margin-left:10px;
}
.mega-menu .mega-menu-column:last-of-type > div{
margin-right:-10px;
}
html[dir="rtl"] .mega-menu .mega-menu-column.mega-menu-products > div{
margin-left:-10px;
}
.mega-menu-column > div > h3, .mega-menu .mega-menu-column .menu-cms-block{
margin-right:10px;
}
html[dir="rtl"] .mega-menu-column > div > h3, html[dir="rtl"] .mega-menu .mega-menu-column .menu-cms-block{
margin-right:0;
margin-left:10px;
}
.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:-10px;
}
html[dir="rtl"] .mega-menu .mega-menu-column > div{
margin-left:-10px;
margin-right:0;
}
}
.journal-sf .sf-image .box-content ul{
margin-bottom:-7px;
margin-right:-7px;
}
.drop-down ul{
box-shadow:none !important;
}
.has-cta .rotator-tex{
line-height:54px;
}
footer .contacts .hint--top:before{
border-top-color: rgb(242, 101, 34);
}
.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(221, 0, 23);
}
.sf-icon:before{
border-top-color:rgb(221, 0, 23);
}
/*
.journal-sf ul li label:hover img{
border-color:rgb(68, 67, 73);
} */
.sf-price .value:after{
border-bottom-color:rgb(221, 0, 23);
}
.mobile-trigger{
background-color:rgb(228, 228, 228);
}
.journal-header-default .links > a{
border-bottom-color: transparent;
}
@media only screen and (max-width: 760px) {
.super-menu{
background-color:rgb(68, 67, 73);
}
.journal-header-default .links > a{
border-bottom-color: ;
}
}
.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(56, 56, 56);
}
}
.mega-menu{
max-width:1524px;
}
@media only screen and (max-width: 760px){
.bottom-menu-bar #header .top-menu > li{
border-color:;
}
.bottom-menu-bar #header .journal-links{
background-color:;
}
.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:1524px;
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:solid;
border-color:rgb(80, 80, 80);
}
.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:solid;
border-color:rgb(80, 80, 80);
}
}
@media only screen and (min-width: 760px) {
.journal-header-mega #search {
max-width: 100%;
left: 0px;
}
.journal-header-center .j-100{
height:100px;
}
.journal-header-center .journal-menu-bg{
top:140px;
}
.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:0888 917 000px !important;
}
}
.center-header body.is-sticky .header-assets.top-bar{
background-color:rgb(56, 56, 56);
}
.header{
box-shadow:0 0 5px rgba(0, 0, 0, 0.4);
}
@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;
}
}
@media only screen and (max-width: 760px){
.mega-menu-categories .mega-menu-item ul,
.mega-menu-categories .mega-menu-item.menu-image-left ul{
width:100%;
}
.mega-menu-categories .mega-menu-item img {
display: none !important;
}
}
#tabs{
top:;
}
.product-grid-item.display-icon .wishlist-icon:before,
.product-grid-item.display-icon .compare-icon:before{
line-height:35px;
}
.journal-header-center #cart .heading i{
height:40px;
}
.journal-desktop .menu-floated .float-left{
border-right-style:solid;
}
.column.products > h3{
margin-bottom:7px;
}
.column.products{
padding-bottom:7px;
}
.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: 1539px) {
.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(217, 217, 217);
border-style:solid;
}
.custom-sections .box-heading.box-sections{
border-left-style:solid;
}
.journal-carousel:not(.journal-gallery) .box-content .swiper-container{
padding: 15px;
margin: -15px;
}
.journal-carousel.arrows-top .swiper-button-prev,
.journal-carousel.arrows-top .swiper-button-next{
margin-top:15px;
}
.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:10px;
}
html[dir="rtl"] .journal-carousel.arrows-top .swiper-button-prev{
right:auto;
left:-10px;
}
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"] .post-button{
text-align:center;
}
html[dir="rtl"] footer .column-menu-wrap > ul li{
text-align:right;
}
html[dir="rtl"] footer .column>h3{
text-align:right;
}
/* ===========================================
PREMIUM BLOG TYPOGRAPHY FOR JOURNAL2
=========================================== */
/* Основен текст в статиите */
.blog-post .post-details {
font-family: "Helvetica Neue", Arial, sans-serif;
font-size: 16px;
line-height: 1.75;
color: #222;
}
/* Заглавие на статията (h1) */
.blog-post .heading-title {
white-space: normal;
height: auto;
margin: 0 0 24px 0;
font-size: 30px;
line-height: 1.25;
font-weight: 700;
text-align: left;
color: #4a7d24 !important;
}
/* -------------------------------
Параграфи (с gradient hover)
-------------------------------- */
.blog-post .post-details p {
margin: 14px 0 !important;
line-height: 1.7;
padding: 8px 4px;
border-radius: 6px;
transition: background 0.25s ease, box-shadow 0.25s ease;
}
.blog-post .post-details p:hover {
background: linear-gradient(
90deg,
rgba(106, 151, 57, 0.08) 0%,
rgba(255, 255, 255, 0.7) 100%
);
box-shadow: 0 3px 10px rgba(0, 0, 0, 0.12);
}
/* -------------------------------
Заглавия в текста
-------------------------------- */
/* H2 */
.blog-post .post-details h2 {
margin: 32px 0 16px !important;
font-size: 26px !important;
line-height: 1.35;
font-weight: 700;
color: #e53935 !important
}
/* H3 */
.blog-post .post-details h3 {
margin: 28px 0 14px !important;
font-size: 22px !important;
line-height: 1.4;
font-weight: 600;
color: #5a8f2c !important;
}
/* H4 */
.blog-post .post-details h4 {
margin: 24px 0 12px !important;
font-size: 18px !important;
font-weight: 600;
color: #333 !important;
}
/* H5 */
.blog-post .post-details h5 {
margin: 22px 0 10px !important;
font-size: 16px !important;
font-weight: 700;
color: #6a9739 !important;
}
/* H6 */
.blog-post .post-details h6 {
margin: 20px 0 8px !important;
font-size: 14px !important;
font-weight: 600;
text-transform: uppercase;
letter-spacing: 0.03em;
color: #777 !important;
}
/* Премахване на голям margin при първите заглавия */
.blog-post .post-details h2:first-child,
.blog-post .post-details h3:first-child,
.blog-post .post-details h4:first-child,
.blog-post .post-details h5:first-child,
.blog-post .post-details h6:first-child {
margin-top: 0 !important;
}
/* -------------------------------
Премиум BLOCKQUOTE
-------------------------------- */
.blog-post .post-details blockquote {
margin: 28px 0 !important;
padding: 18px 22px !important;
font-style: italic;
background: #fdfdfb;
border-left: 5px solid #6a9739;
border-radius: 12px;
box-shadow: 0 4px 14px rgba(0, 0, 0, 0.08);
color: #222;
line-height: 1.75;
transition: all 0.25s ease;
}
.blog-post .post-details blockquote:hover {
background: #fcfff6;
box-shadow: 0 6px 18px rgba(0, 0, 0, 0.12);
transform: translateY(-2px);
}
/* Красива кавичка отпред */
.blog-post .post-details blockquote:before {
content: "“";
font-size: 48px;
line-height: 0;
color: rgba(106, 151, 57, 0.4);
position: relative;
top: 12px;
left: -4px;
font-family: Georgia, serif;
}
.blog-post .post-details blockquote p {
display: inline;
}
/* -------------------------------
Списъци
-------------------------------- */
.blog-post .post-details ul,
.blog-post .post-details ol {
margin: 14px 0 14px 26px !important;
}
/* -------------------------------
Картинки
-------------------------------- */
.blog-post .post-details img {
margin: 18px 0 !important;
max-width: 100%;
height: auto;
}
/* -------------------------------
Mobile optimization
-------------------------------- */
@media (max-width: 767px) {
.blog-post .heading-title {
font-size: 24px;
margin-bottom: 18px;
}
.blog-post .post-details {
font-size: 15px;
line-height: 1.8;
}
.blog-post .post-details h2 {
font-size: 22px !important;
}
.blog-post .post-details h3 {
font-size: 20px !important;
}
.blog-post .post-details h4 {
font-size: 17px !important;
}
}
.posts.blog-list-view .post-item-details{
width: 75%;
}
.side-column .box.cms-blocks .box-heading{
margin-bottom:px;
}
@media only screen and (min-width: 1539px) {
.safari5 #footer,
.safari5.boxed-header header{
width: 1524px;
}
.tp-banner{
height:100% !important;
}
}
@media only screen and (max-width: 1539px) {
.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;
}
}
.product-grid-item:hover .countdown,
.product-list-item:hover .countdown {
opacity: 1;
visibility: visible;
}
.product-grid-item:hover .has-countdown + .product-details .rating{
top:-70px;
}
.product-grid-item:hover .image.has-countdown .wishlist,
.product-grid-item:hover .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: }
}
.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:rgb(80, 80, 80);
}
div.mobile-trigger:before, .mobile-menu-on-tablet div.mobile-trigger:before{
color:rgb(80, 80, 80);
}
}
.journal-header-center #header .menu-dropdown::before{
border-bottom-color:}
.header-notice > div{
max-width:1524px;
}
@media only screen and (max-width:1539px){
.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;
}
}
footer{
box-shadow: none;
}
.journal-top-header{
box-shadow:0 0 5px rgba(0, 0, 0, 0.4);
}
.journal-header-default .links a, .journal-header-default .links .no-link {
border-bottom-width: 0;
}
/* 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: 1539px) {
.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:10px;
}
.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: 1539px) {
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: 10px;
}
.product-grid-item:not(.swiper-slide) .product-wrapper,
.ias-button,
.ias-loader,
.ias-noneleft{
margin-right: 10px;
}
.product-grid, #content .box-product{
margin-right: -10px;
}
}
.button:active{
box-shadow:2px 0px;
}
#column-left .oc-module .product-details{
max-width:145px;
}
#column-right .oc-module .product-details{
max-width:145px;
}
/* Custom CSS */
@media (max-width: 767px) {
/* Цялата таблица да може да се разширява */
.checkout-product table {
width: 100% !important;
table-layout: auto !important;
}
/* Клетките с цени */
.checkout-product table td.text-right,
.checkout-product table td.text-right.price,
.checkout-product table td.text-right.total {
white-space: nowrap !important;
word-break: normal !important;
text-align: right !important;
display: table-cell !important;
vertical-align: middle !important;
font-size: 12px !important;
line-height: 1.4em !important;
padding-right: 5px !important;
}
/* Махаме минимална ширина, ако има */
.checkout-product table td {
min-width: auto !important;
}
}
/* Контейнер за секцията с FAQ */
.home-section {
max-width: 980px;
margin: 0 auto;
padding: 0 12px; /* малко вътрешен падинг за мобилни/малки екрани */
}
/* Специално за home-faq блока (креатин / L-карнитин) */
.home-faq {
max-width: 980px;
margin: 0 auto 18px;
}
/* Елемент на акордеон (details) */
.faq {
border: 1px solid #eee;
border-radius: 14px;
background: #fff;
margin: 8px 0;
box-shadow: 0 20px 14px rgba(2, 2, 2, 0.18);
overflow: hidden;
}
.faq > summary {
cursor: pointer;
list-style: none;
padding: 12px 44px 12px 44px;
position: relative;
font-weight: 700;
}
.faq > summary::-webkit-details-marker {
display: none;
}
/* Иконка-стрелка вдясно */
.faq > summary::after {
content: "";
position: absolute;
right: 14px;
top: 50%;
width: 16px;
height: 16px;
transform: translateY(-50%) rotate(0deg);
background: #263238;
-webkit-mask: url('data:image/svg+xml;utf8,') no-repeat center/16px 16px;
mask: url('data:image/svg+xml;utf8,') no-repeat center/16px 16px;
transition: transform .2s ease;
}
/* Червен чек вляво (бранд) */
.faq > summary::before {
content: "";
position: absolute;
left: 14px;
top: 50%;
transform: translateY(-50%);
width: 22px;
height: 22px;
background: #e53935;
border-radius: 50%;
-webkit-mask: url('data:image/svg+xml;utf8,') no-repeat center/16px 16px;
mask: url('data:image/svg+xml;utf8,') no-repeat center/16px 16px;
box-shadow: 0 0 0 4px rgba(229,57,53,.12);
}
/* Отворен акордеон – завъртане на стрелката */
.faq[open] > summary::after {
transform: translateY(-50%) rotate(180deg);
}
/* Тяло на отговора */
.faq__a {
padding: 0 14px 14px 44px;
color: #455a64;
}
/* Заглавие над разширените въпроси */
.section-title {
text-align: center;
margin: 12px 0 14px;
}
/* ===================== */
/* Mobile адаптация */
/* ===================== */
@media (max-width: 600px) {
.home-section {
padding: 0 10px;
}
.faq {
border-radius: 12px;
margin: 6px 0;
box-shadow: 0 10px 12px rgba(0, 0, 0, 0.12);
}
.faq > summary {
padding: 10px 40px 10px 40px;
font-size: 14px;
}
.faq > summary::before {
width: 20px;
height: 20px;
left: 10px;
}
.faq > summary::after {
right: 10px;
width: 14px;
height: 14px;
}
.faq__a {
padding: 0 10px 12px 40px;
font-size: 14px;
}
.section-title {
font-size: 18px;
margin: 10px 0 12px;
}
}
.home-quote {
border-left: 4px solid #e53935;
padding: 10px 14px;
background: #fffafa;
border-radius: 10px;
}
blockquote {
padding-bottom: 20px;
padding-right: 20px;
border-left-width: 4px;
border-style: solid;
border-color: rgb(221, 0, 23);
padding-left: 15px;
padding-top: 15px;
margin-left: 35px;
background-color: rgb(244, 244, 244);
}
.lc-offer-section {
margin: 40px 0;
}
.lc-offer-title {
text-align: center;
margin-bottom: 20px;
}
.lc-offer-sub {
text-align: center;
max-width: 100%;
margin: 0 auto 30px;
font-size: 15px;
color: #555;
}
.lc-offer-grid {
display: flex;
flex-wrap: wrap;
gap: 20px;
}
.lc-offer-box {
flex: 1 1 280px;
background: #ffffff;
border-radius: 10px;
padding: 18px 20px;
box-shadow: 0 6px 18px rgba(0,0,0,0.06);
transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.lc-offer-box:hover {
transform: translateY(-4px);
box-shadow: 0 10px 24px rgba(0,0,0,0.12);
}
.lc-offer-box--pain {
border-left: 4px solid #e53935; /* червено */
}
.lc-offer-box--gain {
border-left: 4px solid #43a047; /* зелено */
}
.lc-offer-head {
font-weight: 700;
margin-bottom: 10px;
font-size: 16px;
}
.lc-offer-list {
list-style: none;
padding: 0;
margin: 0;
font-size: 14px;
}
.lc-offer-list li {
margin-bottom: 8px;
line-height: 1.5;
}
.lc-offer-list li span.icon {
font-weight: 700;
margin-right: 6px;
}
.lc-offer-list li span.icon--bad {
color: #e53935;
}
.lc-offer-list li span.icon--good {
color: #43a047;
}
.lc-offer-strip {
margin-top: 25px;
display: flex;
flex-wrap: wrap;
gap: 10px;
font-size: 13px;
}
.lc-offer-pill {
flex: 1 1 180px;
background: rgb(255 215 89);
border-radius: 999px;
padding: 8px 14px;
text-align: center;
font-weight: 600;
}
.lc-offer-cta {
margin-top: 25px;
text-align: center;
font-size: 15px;
font-weight: 600;
}
.lc-offer-cta span {
display: inline-block;
padding: 8px 14px;
border-radius: 999px;
background: #ff9800;
color: #fff;
}
@media (max-width: 768px) {
.lc-offer-grid {
flex-direction: column;
}
}
.lc-offer-section {
max-width: 1200px;
margin: 0 auto;
padding: 0 20px;
}
.lc-offer-grid {
display: flex;
justify-content: center;
align-items: flex-start;
gap: 20px;
}
.lc-offer-box {
flex: 1 1 50%;
}
/* Основна секция – глобално увеличение */
.lc-offer-section,
.lc-offer-section p,
.lc-offer-section li {
font-size: 17px !important;
line-height: 1.65;
}
/* Заглавието най-горе */
.lc-offer-title {
font-size: 30px !important;
line-height: 1.3;
margin-bottom: 20px;
}
/* Параграфът под заглавието */
.lc-offer-sub {
font-size: 18px !important;
line-height: 1.6;
}
/* Подзаглавия в двете кутии */
.lc-offer-head {
font-size: 19px !important;
font-weight: 700;
margin-bottom: 12px;
}
/* Текст списък в кутии */
.lc-offer-list li {
font-size: 17px !important;
line-height: 1.65;
}
/* Трите жълти Hormozi "пилета" */
.lc-offer-pill {
font-size: 16.5px !important;
padding: 12px 18px !important;
}
/* CTA (оранжева лента долу) */
.lc-offer-cta span {
font-size: 18px !important;
padding: 12px 20px !important;
}
/* По-добър мобилен вид */
@media (max-width: 768px) {
.lc-offer-title {
font-size: 24px !important;
}
.lc-offer-sub {
font-size: 16px !important;
}
.lc-offer-list li {
font-size: 16px !important;
}
.lc-offer-pill {
font-size: 15px !important;
}
}
/* Как работи формулата – секция */
.lc-mechanism {
max-width: 1200px;
margin: 40px auto;
padding: 0 20px;
box-sizing: border-box;
}
.lc-mechanism__title {
text-align: center;
font-size: 26px;
margin-bottom: 10px;
}
.lc-mechanism__subtitle {
text-align: center;
max-width: 100%;
margin: 0 auto 30px;
font-size: 16px;
line-height: 1.6;
color: #555;
}
.lc-mechanism__grid {
display: flex;
flex-wrap: wrap;
gap: 20px;
}
.lc-mechanism__item {
flex: 1 1 240px;
background: #ffffff;
border-radius: 12px;
padding: 18px 18px 20px;
box-shadow: 0 6px 18px rgba(0,0,0,0.06);
transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.lc-mechanism__item:hover {
transform: translateY(-3px);
box-shadow: 0 10px 24px rgba(0,0,0,0.12);
}
.lc-mechanism__icon {
width: 44px;
height: 44px;
border-radius: 50%;
display: inline-flex;
align-items: center;
justify-content: center;
margin-bottom: 10px;
font-size: 22px;
background: #ffecb3; /* леко оранжево */
}
.lc-mechanism__item--green .lc-mechanism__icon {
background: #c8e6c9; /* леко зелено */
}
.lc-mechanism__head {
font-size: 17px;
font-weight: 700;
margin-bottom: 6px;
}
.lc-mechanism__text {
font-size: 15px;
line-height: 1.6;
color: #444;
}
@media (max-width: 768px) {
.lc-mechanism__title {
font-size: 22px;
}
.lc-mechanism__grid {
flex-direction: column;
}
}
/* Първите 10 дни – секция */
.lc-days {
max-width: 1200px;
margin: 40px auto;
padding: 0 20px;
box-sizing: border-box;
}
.lc-days__title {
text-align: center;
font-size: 26px;
margin-bottom: 10px;
}
.lc-days__subtitle {
text-align: center;
max-width: 100%;
margin: 0 auto 30px;
font-size: 16px;
line-height: 1.6;
color: #555;
}
.lc-days__grid {
display: flex;
flex-wrap: wrap;
gap: 20px;
}
.lc-days__item {
flex: 1 1 260px;
background: #ffffff;
border-radius: 12px;
padding: 18px 18px 20px;
box-shadow: 0 6px 18px rgba(0,0,0,0.06);
position: relative;
overflow: hidden;
transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.lc-days__item:hover {
transform: translateY(-3px);
box-shadow: 0 10px 24px rgba(0,0,0,0.12);
}
.lc-days__badge {
position: absolute;
top: 0;
left: 0;
background: #ff9800;
color: #fff;
padding: 6px 14px;
font-size: 14px;
font-weight: 700;
border-bottom-right-radius: 12px;
}
.lc-days__head {
margin-top: 28px;
font-size: 17px;
font-weight: 700;
margin-bottom: 8px;
}
.lc-days__text {
font-size: 15px;
line-height: 1.6;
color: #444;
}
.lc-days__note {
margin-top: 18px;
font-size: 13px;
color: #777;
text-align: center;
}
@media (max-width: 768px) {
.lc-days__title {
font-size: 22px;
}
.lc-days__grid {
flex-direction: column;
}
}
/* Защо повечето продукти не работят — секция */
.lc-why {
max-width: 1200px;
margin: 40px auto;
padding: 0 20px;
box-sizing: border-box;
}
.lc-why__title {
text-align: center;
font-size: 26px;
margin-bottom: 10px;
}
.lc-why__subtitle {
text-align: center;
max-width: 100%;
margin: 0 auto 30px;
font-size: 16px;
line-height: 1.65;
color: #555;
}
.lc-why__grid {
display: flex;
flex-wrap: wrap;
gap: 20px;
}
.lc-why__item {
flex: 1 1 280px;
border-radius: 12px;
padding: 20px;
box-shadow: 0 6px 18px rgba(0,0,0,0.06);
background: #fff;
transition: 0.25s ease;
}
.lc-why__item:hover {
transform: translateY(-4px);
box-shadow: 0 10px 26px rgba(0,0,0,0.12);
}
/* Лявата колона – защо другите НЕ работят */
.lc-why--bad {
border-left: 4px solid #e53935;
}
/* Дясната колона – защо FHL работи */
.lc-why--good {
border-left: 4px solid #43a047;
}
.lc-why__head {
font-size: 18px;
font-weight: 700;
margin-bottom: 12px;
}
.lc-why__list {
list-style: none;
margin: 0;
padding: 0;
}
.lc-why__list li {
margin-bottom: 10px;
font-size: 15px;
line-height: 1.6;
}
.lc-why__list .bad {
font-weight: 700;
color: #e53935;
margin-right: 6px;
}
.lc-why__list .good {
font-weight: 700;
color: #43a047;
margin-right: 6px;
}
@media (max-width: 768px) {
.lc-why__title { font-size: 22px; }
.lc-why__grid { flex-direction: column; }
}
/* За кого е / Не е подходящ – секция */
.lc-who {
max-width: 1200px;
margin: 40px auto;
padding: 0 20px;
box-sizing: border-box;
}
.lc-who__title {
text-align: center;
font-size: 26px;
margin-bottom: 10px;
}
.lc-who__subtitle {
text-align: center;
max-width: 100%;
margin: 0 auto 30px;
font-size: 16px;
line-height: 1.65;
color: #555;
}
.lc-who__grid {
display: flex;
flex-wrap: wrap;
gap: 20px;
}
.lc-who__item {
flex: 1 1 280px;
border-radius: 12px;
padding: 20px;
box-shadow: 0 6px 18px rgba(0,0,0,0.06);
background: #fff;
transition: 0.25s ease;
}
.lc-who__item:hover {
transform: translateY(-4px);
box-shadow: 0 10px 26px rgba(0,0,0,0.12);
}
.lc-who--good {
border-left: 4px solid #43a047;
}
.lc-who--bad {
border-left: 4px solid #e53935;
}
.lc-who__head {
font-size: 18px;
font-weight: 700;
margin-bottom: 12px;
}
.lc-who__list {
list-style: none;
margin: 0;
padding: 0;
}
.lc-who__list li {
margin-bottom: 10px;
font-size: 15px;
line-height: 1.6;
}
.lc-who__list .good {
font-weight: 700;
color: #43a047;
margin-right: 6px;
}
.lc-who__list .bad {
font-weight: 700;
color: #e53935;
margin-right: 6px;
}
.lc-who__note {
margin-top: 18px;
font-size: 13px;
color: #777;
text-align: center;
}
@media (max-width: 768px) {
.lc-who__title { font-size: 22px; }
.lc-who__grid { flex-direction: column; }
}
/* По-нормална форма на жълтите таблетки на мобилни */
/* Мобилна оптимизация за жълтите блокове + оранжевия CTA */
@media (max-width: 480px) {
/* Подреждане на колонка и центриране */
.lc-offer-strip {
flex-direction: column;
align-items: center;
gap: 10px;
}
/* Жълти блокчета – по-малки, правоъгълни */
.lc-offer-pill {
border-radius: 12px; /* махаме „кръглото“ */
padding: 8px 10px;
font-size: 14px;
max-width: 320px;
width: 100%;
box-sizing: border-box;
line-height: 1.5;
}
/* Оранжевият блок най-долу – същия стил */
.lc-offer-cta span {
display: block;
border-radius: 12px; /* махаме 999px */
padding: 10px 12px;
font-size: 15px;
max-width: 340px;
margin: 0 auto;
line-height: 1.5;
}
}
.share-buttons {
display: flex;
gap: 12px;
flex-wrap: wrap;
}
.share-buttons a {
padding: 10px 18px;
border-radius: 30px;
color: #fff;
text-decoration: none;
font-weight: 600;
transition: 0.3s;
font-size: 15px;
}
/* BRAND COLORS */
.facebook { background: #1877F2; }
.messenger { background: #0084FF; }
.viber { background: #665CAC; }
.share-buttons a:hover {
opacity: 0.85;
transform: translateY(-2px);
}
/* 📱 MOBILE RESPONSIVE */
@media (max-width: 480px) {
.share-buttons a {
flex: 1 1 calc(50% - 10px);
text-align: center;
padding: 12px 0;
font-size: 14px;
}
}
@media (max-width: 360px) {
.share-buttons a {
flex: 1 1 100%;
}
}
.fb-like-custom {
background: #4267B2;
color: #fff;
padding: 10px 18px;
border-radius: 30px;
text-decoration: none;
font-weight: 600;
transition: 0.3s;
}
.fb-like-custom:hover {
transform: translateY(-2px);
opacity: 0.85;
}
@media (max-width: 767px){
.lc-days__grid{display:block;}
.lc-days__item{width:100%;margin:0 0 20px 0;}
.lc-days__item:last-child{margin-bottom:0;}
}
/* ==================================================
MG FUNNEL – CLEAN REBUILD
================================================== */
/* ---------- ROOT CONTAINER ---------- */
.mg-funnel{
width: 100%;
margin: 40px 0;
padding: 0 24px 32px;
box-sizing: border-box;
}
.mg-funnel-title{
text-align: center;
font-size: 28px;
font-weight: 800;
margin: 0 0 10px;
color: #222;
}
.mg-funnel-subtitle{
max-width: 100%;
margin: 0 auto 32px;
font-size: 16px;
line-height: 1.6;
text-align: center;
color: #555;
}
/* ---------- GRID (THE IMPORTANT PART) ---------- */
.mg-funnel-grid{
display: grid;
width: 100%;
gap: 24px;
grid-template-columns: 1fr; /* mobile */
}
/* tablet */
@media (min-width: 768px){
.mg-funnel-grid{
grid-template-columns: repeat(2, 1fr);
}
}
/* desktop – 3 FULL WIDTH */
@media (min-width: 1024px){
.mg-funnel-grid{
grid-template-columns: repeat(3, 1fr);
}
}
/* wide desktop – 4 FULL WIDTH */
@media (min-width: 1440px){
.mg-funnel-grid{
grid-template-columns: repeat(4, 1fr);
}
}
/* ---------- CARD BASE ---------- */
.mg-card{
position: relative;
display: flex;
flex-direction: column;
height: 100%;
background: linear-gradient(
135deg,
#f6f7f8 0%,
#ffffff 45%,
#eceef1 100%
);
border-radius: 18px;
padding: 20px;
border: 1px solid rgba(130,130,130,.22);
box-shadow:
0 10px 30px rgba(0,0,0,.06),
inset 0 1px 0 rgba(255,255,255,.9);
transition: transform .25s ease, box-shadow .25s ease;
}
.mg-card:hover{
transform: translateY(-6px);
box-shadow:
0 22px 60px rgba(0,0,0,.16),
inset 0 1px 0 rgba(255,255,255,.95);
}
/* ---------- TAG ---------- */
.mg-card-tag{
align-self: flex-start;
font-size: 11px;
font-weight: 700;
padding: 4px 10px;
border-radius: 999px;
background: rgba(0,0,0,.06);
border: 1px solid rgba(0,0,0,.1);
margin-bottom: 12px;
}
/* ---------- IMAGE ---------- */
.mg-card-image img{
width: 100%;
height: auto;
display: block;
border-radius: 14px;
margin-bottom: 12px;
}
/* ---------- CONTENT ---------- */
.mg-card-title{
font-size: 20px;
font-weight: 800;
margin: 0 0 10px;
color: #1f232a;
}
.mg-card-text{
font-size: 16px;
line-height: 1.55;
margin: 0 0 12px;
color: #4b4f57;
}
/* ---------- LIST ---------- */
.mg-card-list{
list-style: none;
margin: 0 0 16px;
padding: 0;
}
.mg-card-list li{
position: relative;
padding-left: 16px;
margin-bottom: 6px;
font-size: 15px;
color: #2b2f36;
}
.mg-card-list li::before{
content: "•";
position: absolute;
left: 0;
top: 0;
color: #9aa0a6;
font-size: 18px;
}
/* ---------- CTA ---------- */
.mg-card-cta{
margin-top: auto;
}
.mg-button{
display: block;
width: 100%;
text-align: center;
padding: 13px 0;
border-radius: 12px;
font-size: 16px;
font-weight: 700;
text-decoration: none;
color: #fff !important;
background: linear-gradient(135deg, #ff9c3a, #ff7a00);
box-shadow: 0 10px 22px rgba(255,122,0,.35);
transition: transform .18s ease, box-shadow .18s ease;
}
.mg-button:hover{
transform: translateY(-2px);
box-shadow: 0 16px 32px rgba(255,122,0,.45);
}
/* ---------- TRUST ---------- */
.mg-card-trust{
margin-top: 10px;
padding: 10px 12px;
font-size: 13px;
border-radius: 12px;
background: rgba(0,0,0,.04);
border: 1px solid rgba(0,0,0,.08);
color: #2b2f36;
}
/* ---------- MOBILE TWEAKS ---------- */
@media (max-width: 575px){
.mg-funnel{ padding: 0 16px 24px; }
.mg-funnel-title{ font-size: 24px; }
.mg-card-title{ font-size: 18px; }
.mg-card-text{ font-size: 15px; }
}
/* ==================================================
MG FUNNEL – FULL WIDTH + MORE “ALIVE”
(постави най-отдолу в CSS)
================================================== */
:root{
--mg-accent:#ff7a00;
--mg-accent2:#ffb100;
--mg-text:#1f232a;
--mg-muted:#5b6470;
--mg-card:#ffffff;
--mg-stroke:rgba(0,0,0,.08);
}
/* FULL WIDTH breakout (дори да е в container) */
.mg-funnel{
width: 100vw !important;
max-width: none !important;
margin-left: calc(50% - 50vw) !important;
margin-right: calc(50% - 50vw) !important;
padding: 26px 22px 34px !important;
box-sizing: border-box !important;
/* фон + леко “движение” */
background:
radial-gradient(1200px 500px at 20% -10%, rgba(255,122,0,.18), transparent 60%),
radial-gradient(900px 450px at 90% 0%, rgba(255,177,0,.14), transparent 55%),
linear-gradient(180deg, #fff 0%, #fafbfc 100%);
border-top: 1px solid rgba(0,0,0,.04);
border-bottom: 1px solid rgba(0,0,0,.04);
overflow: hidden;
}
/* Заглавие – градиент + лек “pop” */
.mg-funnel-title{
font-size: clamp(22px, 2.2vw, 34px) !important;
font-weight: 900 !important;
margin: 0 0 10px !important;
text-align: center;
background: linear-gradient(90deg, #e53935, var(--mg-accent), var(--mg-accent2));
-webkit-background-clip: text;
background-clip: text;
color: transparent !important;
letter-spacing: .2px;
animation: mgFadeUp .55s ease both;
}
.mg-funnel-subtitle{
max-width: 1600px !important;
margin: 0 auto 26px !important;
color: var(--mg-muted) !important;
font-size: 16px !important;
line-height: 1.65 !important;
text-align: center;
background: rgba(255,255,255,.65);
border: 1px solid rgba(0,0,0,.06);
border-radius: 14px;
padding: 12px 14px;
box-shadow: 0 10px 30px rgba(0,0,0,.06);
animation: mgFadeUp .65s ease .05s both;
}
/* GRID: 1 mobile / 2 tablet / 3 desktop / 4 wide */
.mg-funnel-grid{
display: grid !important;
gap: 22px !important;
width: 100% !important;
grid-template-columns: 1fr !important;
align-items: stretch;
}
@media (min-width: 768px){
.mg-funnel-grid{ grid-template-columns: repeat(2, 1fr) !important; }
}
@media (min-width: 1024px){
.mg-funnel-grid{ grid-template-columns: repeat(3, 1fr) !important; }
}
@media (min-width: 1440px){
.mg-funnel-grid{ grid-template-columns: repeat(4, 1fr) !important; }
}
/* CARDS: glass + border + hover */
.mg-card{
position: relative;
background: rgba(255,255,255,.86) !important;
border: 1px solid rgba(0,0,0,.08) !important;
border-radius: 20px !important;
box-shadow: 0 14px 36px rgba(0,0,0,.10) !important;
transform: translateY(0);
transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease;
animation: mgFadeUp .7s ease both;
}
/* sheen */
.mg-card::after{
content:"";
position:absolute;
inset:-40%;
background: linear-gradient(120deg, transparent 35%, rgba(255,255,255,.55) 50%, transparent 65%);
transform: translateX(-40%) rotate(12deg);
opacity: 0;
transition: opacity .25s ease, transform .45s ease;
pointer-events:none;
}
.mg-card:hover{
transform: translateY(-8px);
border-color: rgba(255,122,0,.35) !important;
box-shadow: 0 22px 60px rgba(0,0,0,.18) !important;
}
.mg-card:hover::after{
opacity: 1;
transform: translateX(40%) rotate(12deg);
}
/* TAG – по-„premium“ */
.mg-card-tag{
background: rgba(255,122,0,.10) !important;
border: 1px solid rgba(255,122,0,.25) !important;
color: #a13d00 !important;
font-weight: 800 !important;
}
/* IMAGE – по-приятно */
.mg-card-image img{
border-radius: 16px !important;
box-shadow: 0 12px 26px rgba(0,0,0,.14);
}
/* Title color */
.mg-card-title{ color: var(--mg-text) !important; }
.mg-card-text{ color: var(--mg-muted) !important; }
/* LIST bullets – мини чек */
.mg-card-list li::before{
content:"✓" !important;
color: var(--mg-accent) !important;
font-weight: 900 !important;
font-size: 14px !important;
top: 0.1em !important;
}
/* CTA – по-як бутон, леко pulse */
.mg-button{
border-radius: 14px !important;
background: linear-gradient(135deg, var(--mg-accent), var(--mg-accent2)) !important;
box-shadow: 0 14px 30px rgba(255,122,0,.34) !important;
letter-spacing: .2px;
transition: transform .18s ease, box-shadow .18s ease, filter .18s ease;
animation: mgPulse 1.8s ease-in-out infinite;
}
.mg-card:hover .mg-button{
transform: translateY(-2px);
box-shadow: 0 18px 42px rgba(255,122,0,.45) !important;
filter: brightness(1.02);
}
/* TRUST – badge-like */
.mg-card-trust{
background: rgba(255,255,255,.75) !important;
border: 1px solid rgba(0,0,0,.08) !important;
box-shadow: 0 10px 22px rgba(0,0,0,.08);
}
/* Animations */
@keyframes mgFadeUp{
from{ opacity:0; transform: translateY(12px); }
to{ opacity:1; transform: translateY(0); }
}
@keyframes mgPulse{
0%,100%{ box-shadow: 0 14px 30px rgba(255,122,0,.30); }
50%{ box-shadow: 0 18px 46px rgba(255,122,0,.44); }
}
/* Mobile padding */
@media (max-width: 575px){
.mg-funnel{ padding: 18px 14px 26px !important; }
.mg-funnel-subtitle{ padding: 10px 12px; }
.mg-button{ animation: none; } /* по-спокойно на мобилен */
}
/* =========================================================
Reusable Responsive Table Component
Use:
========================================================= */
.tbl{
width: 100%;
overflow-x: auto;
-webkit-overflow-scrolling: touch;
border-radius: 14px;
border: 1px solid rgba(0,0,0,.12);
background: #0e0e0e;
margin: 16px 0 22px;
}
.tbl__table{
width: 100%;
min-width: 680px; /* пази четимостта; на мобилно става скрол */
border-collapse: collapse;
font-size: 14px;
line-height: 1.45;
color: #e9e9e9;
}
.tbl__table caption{
caption-side: top;
padding: 14px 14px 10px;
text-align: left;
font-weight: 700;
color: #ffffff;
}
.tbl__table thead th{
position: sticky; /* приятно при скрол, не е задължително */
top: 0;
background: rgba(255,255,255,.06);
color: #ffffff;
font-weight: 700;
text-align: left;
border-bottom: 1px solid rgba(255,255,255,.14);
padding: 12px 12px;
white-space: nowrap;
}
.tbl__table td{
padding: 11px 12px;
border-bottom: 1px solid rgba(255,255,255,.10);
white-space: nowrap; /* не “разпада” клетките */
}
.tbl__table tbody tr:nth-child(odd){
background: rgba(255,255,255,.03);
}
.tbl__table tbody tr:hover{
background: rgba(255,179,71,.08);
}
.tbl__table .tbl__num{
text-align: right;
font-variant-numeric: tabular-nums;
}
.tbl__note{
padding: 10px 14px 14px;
font-size: 13px;
color: rgba(255,255,255,.75);
}
/* Mobile polish */
@media (max-width: 768px){
.tbl{
border-radius: 12px;
}
.tbl__table{
min-width: 640px;
}
}
/* HOME */
:root {
--lc-green: #88A61B;
--lc-green-dark: #6F8D14;
--lc-green-soft: #A9C43A;
--lc-green-pale: #EEF4E3;
--lc-bg-main: #F7F8F3;
--lc-bg-soft: #F4F7EE;
--lc-bg-soft-2: #EEF4E3;
--lc-card-bg: #FAFCF7;
--lc-card-bg-2: #F2F6E8;
--lc-text: #2F3A24;
--lc-text-soft: #5E6654;
--lc-text-muted: #727868;
--lc-border: #D9E2C7;
--lc-border-strong: #C5D6A7;
--lc-orange: #F36F21;
--lc-white: #FFFFFF;
--lc-shadow-sm: 0 8px 18px rgba(72, 92, 36, 0.06);
--lc-shadow-md: 0 14px 28px rgba(72, 92, 36, 0.10);
--lc-shadow-lg: 0 18px 36px rgba(72, 92, 36, 0.14);
}
.home-lcarnitine {
max-width: 1200px;
margin: 0 auto;
padding: 24px 15px 55px;
color: var(--lc-text);
font-size: 16px;
line-height: 1.7;
}
.home-lcarnitine img {
display: block;
max-width: 100%;
height: auto;
}
.home-lcarnitine a {
text-decoration: none;
transition: all 0.25s ease;
}
/* HERO */
.lc-hero {
background: linear-gradient(135deg, #f9fcf4 0%, #b8db50 100%);
border: 1px solid var(--lc-border);
border-radius: 28px;
padding: 42px 34px;
margin-bottom: 34px;
box-shadow: var(--lc-shadow-md);
overflow: hidden;
}
.lc-hero-inner {
display: flex;
align-items: center;
justify-content: space-between;
gap: 34px;
}
.lc-hero-text,
.lc-hero-image {
flex: 1 1 0;
min-width: 0;
}
.lc-kicker {
display: inline-block;
margin-bottom: 16px;
padding: 8px 14px;
border-radius: 999px;
border: 1px solid #cfddb3;
background: linear-gradient(180deg, #fcfdf8 0%, #f1f6e8 100%);
color: var(--lc-green-dark);
font-size: 13px;
font-weight: 700;
letter-spacing: 0.4px;
text-transform: uppercase;
}
.lc-hero h1 {
margin: 0 0 16px;
color: var(--lc-text);
font-size: 42px;
line-height: 1.15;
}
.lc-subtitle {
max-width: 640px;
margin: 0 0 24px;
color: var(--lc-text-soft);
font-size: 19px;
line-height: 1.55;
}
.lc-hero-buttons {
display: flex;
flex-wrap: wrap;
gap: 14px;
}
/* BUTTONS */
.lc-btn {
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 54px;
padding: 14px 24px;
border-radius: 14px;
font-size: 16px;
font-weight: 700;
line-height: 1.2;
border: 1px solid transparent;
cursor: pointer;
}
.lc-btn-primary {
color: var(--lc-white);
background: linear-gradient(180deg, #92b420 0%, #7f9e18 100%);
box-shadow: 0 12px 24px rgba(136, 166, 27, 0.24);
}
.lc-btn-primary:hover {
background: linear-gradient(180deg, #7f9e18 0%, #6f8d14 100%);
transform: translateY(-2px);
box-shadow: 0 16px 28px rgba(111, 141, 20, 0.26);
}
.lc-btn-secondary {
color: var(--lc-text);
border-color: var(--lc-border);
background: linear-gradient(180deg, #fbfcf8 0%, #eef4e3 100%);
box-shadow: 0 8px 18px rgba(72, 92, 36, 0.06);
}
.lc-btn-secondary:hover {
background: linear-gradient(180deg, #f5f9ec 0%, #e8f0d9 100%);
border-color: var(--lc-border-strong);
transform: translateY(-2px);
}
/* BRAND STRIP */
.lc-brand-strip {
display: flex;
align-items: center;
gap: 30px;
background: linear-gradient(135deg, #fcfdf9 0%, #f2f6e8 100%);
border: 1px solid var(--lc-border);
border-radius: 24px;
padding: 20px 26px;
margin-bottom: 42px;
box-shadow: var(--lc-shadow-sm);
}
.lc-brand-strip img {
width: 100%;
max-width: 380px;
height: auto;
flex: 0 0 380px;
}
.lc-brand-strip p {
margin: 0;
color: var(--lc-text-soft);
font-size: 17px;
line-height: 1.65;
flex: 1 1 auto;
min-width: 0;
}
/* TITLES */
.lc-section-title {
text-align: center;
margin-bottom: 26px;
}
.lc-section-title h2 {
margin: 0 0 10px;
color: var(--lc-text);
font-size: 31px;
line-height: 1.25;
}
.lc-section-title p {
margin: 0;
color: var(--lc-text-soft);
font-size: 17px;
}
/* GENERIC SECTIONS */
.lc-benefits,
.lc-types,
.lc-info-teaser {
margin-bottom: 44px;
}
.lc-grid {
display: grid;
gap: 20px;
}
.lc-grid-3 {
grid-template-columns: repeat(3, 1fr);
}
.lc-grid-4 {
grid-template-columns: repeat(4, 1fr);
}
/* BENEFIT CARDS */
.lc-card {
background: linear-gradient(135deg, #fcfdf9 0%, #b8db50 100%);
border: 1px solid var(--lc-border);
border-radius: 22px;
padding: 28px 24px;
box-shadow: var(--lc-shadow-sm);
transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease;
}
.lc-card:hover {
transform: translateY(-4px);
box-shadow: var(--lc-shadow-md);
border-color: var(--lc-border-strong);
}
.lc-card h3 {
margin: 0 0 12px;
color: var(--lc-text);
font-size: 21px;
line-height: 1.3;
}
.lc-card p {
margin: 0;
color: var(--lc-text-soft);
font-size: 16px;
line-height: 1.65;
}
/* TYPE CARDS */
.lc-type-card {
display: flex;
align-items: center;
justify-content: center;
min-height: 78px;
padding: 18px 20px;
text-align: center;
color: var(--lc-text);
font-size: 18px;
font-weight: 700;
border-radius: 20px;
border: 1px solid var(--lc-border);
background: linear-gradient(180deg, #fcfdf9 0%, #FFD658 100%);
box-shadow: var(--lc-shadow-sm);
transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease, background 0.25s ease, color 0.25s ease;
}
.lc-type-card:hover {
color: var(--lc-green-dark);
border-color: var(--lc-border-strong);
background: linear-gradient(180deg, #f8fbea 0%, #e7f0d6 100%);
transform: translateY(-3px);
box-shadow: var(--lc-shadow-md);
}
/* CONTENT BLOCK */
.lc-content-block {
display: flex;
align-items: center;
gap: 34px;
background: linear-gradient(135deg, #fcfdf9 0%, #b8db50 100%);
border: 1px solid var(--lc-border);
border-radius: 28px;
padding: 34px;
margin-bottom: 44px;
box-shadow: var(--lc-shadow-md);
}
.lc-content-media,
.lc-content-text {
flex: 1 1 0;
min-width: 0;
}
.lc-content-text h2 {
margin: 0 0 16px;
color: var(--lc-text);
font-size: 30px;
line-height: 1.28;
}
.lc-content-text p {
margin: 0 0 14px;
color: var(--lc-text-soft);
font-size: 17px;
line-height: 1.7;
}
.lc-text-link {
display: inline-block;
margin-top: 8px;
color: var(--lc-green-dark);
font-weight: 700;
position: relative;
}
.lc-text-link:hover {
color: var(--lc-orange);
}
/* CTA INFO BLOCK */
.lc-info-teaser {
text-align: center;
background: linear-gradient(135deg, #f9fcf4 0%, #b8db50 100%);
border: 1px solid var(--lc-border);
border-radius: 28px;
padding: 42px 26px;
box-shadow: var(--lc-shadow-md);
}
.lc-info-teaser .lc-section-title {
margin-bottom: 18px;
}
.lc-info-teaser p {
max-width: 860px;
margin: 0 auto 24px;
color: var(--lc-text-soft);
font-size: 17px;
line-height: 1.75;
}
/* OPTIONAL SMALL ACCENT UNDER TITLES */
.lc-section-title h2::after,
.lc-info-teaser .lc-section-title h2::after {
content: "";
display: block;
width: 72px;
height: 3px;
margin: 14px auto 0;
border-radius: 999px;
background: linear-gradient(90deg, var(--lc-green) 0%, var(--lc-orange) 100%);
opacity: 0.9;
}
/* RESPONSIVE */
@media (max-width: 1100px) {
.lc-hero h1 {
font-size: 36px;
}
.lc-content-text h2,
.lc-section-title h2 {
font-size: 28px;
}
.lc-brand-strip img {
max-width: 320px;
flex: 0 0 320px;
}
}
@media (max-width: 991px) {
.home-lcarnitine {
padding: 18px 12px 42px;
}
.lc-hero-inner,
.lc-content-block,
.lc-brand-strip {
flex-direction: column;
text-align: center;
}
.lc-brand-strip img {
max-width: 260px;
flex: 0 0 auto;
}
.lc-subtitle {
margin-left: auto;
margin-right: auto;
}
.lc-hero-buttons {
justify-content: center;
}
.lc-grid-3,
.lc-grid-4 {
grid-template-columns: repeat(2, 1fr);
}
.lc-hero h1 {
font-size: 34px;
}
.lc-content-text h2,
.lc-section-title h2 {
font-size: 26px;
}
}
@media (max-width: 640px) {
.home-lcarnitine {
padding: 16px 10px 34px;
}
.lc-hero,
.lc-content-block,
.lc-info-teaser,
.lc-brand-strip {
padding: 24px 18px;
border-radius: 20px;
}
.lc-card,
.lc-type-card {
border-radius: 18px;
}
.lc-grid-3,
.lc-grid-4 {
grid-template-columns: 1fr;
}
.lc-hero h1 {
font-size: 28px;
}
.lc-subtitle,
.lc-content-text p,
.lc-info-teaser p,
.lc-card p,
.lc-brand-strip p {
font-size: 16px;
}
.lc-section-title h2,
.lc-content-text h2 {
font-size: 23px;
}
.lc-btn {
width: 100%;
}
.lc-hero-buttons {
flex-direction: column;
}
.lc-type-card {
min-height: 68px;
font-size: 17px;
}
}
.lc-trust-section {
padding: 50px 15px;
}
.lc-trust-container {
max-width: 1240px;
margin: 0 auto;
background: linear-gradient(135deg, #f9fcf4 0%, #b8db50 100%);
border: 1px solid #d9e2c7;
border-radius: 28px;
padding: 38px 28px 42px;
box-shadow: 0 14px 30px rgba(72, 92, 36, 0.08);
}
.lc-trust-heading {
text-align: center;
max-width: 860px;
margin: 0 auto 36px;
}
.lc-trust-heading h2 {
margin: 0 0 14px;
color: #2f3a24;
font-size: 38px;
line-height: 1.2;
}
.lc-trust-heading p {
margin: 0;
color: #5e6654;
font-size: 17px;
line-height: 1.75;
}
.lc-trust-layout {
display: grid;
grid-template-columns: 1fr 420px 1fr;
gap: 30px;
align-items: center;
}
.lc-trust-col {
display: flex;
flex-direction: column;
gap: 22px;
}
.lc-trust-item {
display: flex;
align-items: flex-start;
gap: 16px;
padding: 18px 18px;
background: linear-gradient(180deg, #fcfdf9 0%, #f2f6e8 100%);
border: 1px solid #d9e2c7;
border-radius: 20px;
box-shadow: 0 8px 18px rgba(72, 92, 36, 0.05);
transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease;
}
.lc-trust-item:hover {
transform: translateY(-4px);
box-shadow: 0 14px 26px rgba(72, 92, 36, 0.10);
border-color: #c5d6a7;
}
.lc-trust-icon {
flex: 0 0 78px;
width: 78px;
height: 78px;
border-radius: 22px;
background: linear-gradient(180deg, #fdfef9 0%, #edf4e1 100%);
border: 1px solid #cfdcb7;
display: flex;
align-items: center;
justify-content: center;
}
.lc-trust-icon img {
max-width: 42px;
max-height: 42px;
width: auto;
height: auto;
}
.lc-trust-text {
min-width: 0;
}
.lc-trust-text h3 {
margin: 0 0 8px;
color: #2f3a24;
font-size: 23px;
line-height: 1.25;
}
.lc-trust-text p {
margin: 0;
color: #5e6654;
font-size: 16px;
line-height: 1.65;
}
.lc-trust-center {
text-align: center;
}
.lc-trust-center img {
width: 100%;
max-width: 420px;
height: auto;
margin: 0 auto;
display: block;
border-radius: 32px; /* това е ключовото */
box-shadow:
0 20px 40px rgba(72, 92, 36, 0.18),
0 6px 12px rgba(72, 92, 36, 0.08);
transition: transform 0.3s ease;
}
@media (max-width: 1100px) {
.lc-trust-layout {
grid-template-columns: 1fr;
gap: 26px;
}
.lc-trust-center {
order: -1;
}
.lc-trust-center img {
max-width: 340px;
}
.lc-trust-col {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 18px;
}
}
@media (max-width: 767px) {
.lc-trust-section {
padding: 36px 10px;
}
.lc-trust-container {
padding: 24px 16px 28px;
border-radius: 20px;
}
.lc-trust-heading h2 {
font-size: 28px;
}
.lc-trust-heading p {
font-size: 16px;
}
.lc-trust-col {
grid-template-columns: 1fr;
}
.lc-trust-item {
padding: 16px;
border-radius: 16px;
}
.lc-trust-icon {
flex: 0 0 56px;
width: 56px;
height: 56px;
border-radius: 16px;
}
.lc-trust-icon img {
max-width: 28px;
max-height: 28px;
}
.lc-trust-text h3 {
font-size: 20px;
}
.lc-trust-text p {
font-size: 15px;
}
}
.lc-about-strip {
padding: 10px 15px 40px;
}
.lc-about-strip__inner {
max-width: 1200px;
margin: 0 auto;
padding: 34px 30px;
border-radius: 26px;
border: 1px solid #d9e2c7;
background: linear-gradient(135deg, #fcfdf8 0%, #b8db50 100%);
box-shadow: 0 12px 26px rgba(72, 92, 36, 0.07);
text-align: center;
}
.lc-about-strip__badge {
display: inline-block;
margin-bottom: 16px;
padding: 8px 16px;
border-radius: 999px;
border: 1px solid #cfddb3;
background: linear-gradient(180deg, #fbfcf8 0%, #f1f6e8 100%);
color: #6f8d14;
font-size: 13px;
font-weight: 700;
letter-spacing: 0.4px;
text-transform: uppercase;
}
.lc-about-strip__inner h2 {
margin: 0 0 14px;
color: #2f3a24;
font-size: 34px;
line-height: 1.2;
}
.lc-about-strip__inner p {
max-width: 900px;
margin: 0 auto 14px;
color: #5e6654;
font-size: 17px;
line-height: 1.75;
}
.lc-about-strip__list {
list-style: none;
padding: 0;
margin: 22px auto 0;
max-width: 900px;
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 12px 18px;
}
.lc-about-strip__list li {
padding: 14px 16px;
border-radius: 16px;
background: linear-gradient(180deg, #fcfdf9 0%, #b8db50 100%);
border: 1px solid #d9e2c7;
color: #2f3a24;
font-weight: 600;
box-shadow: 0 6px 14px rgba(72, 92, 36, 0.04);
}
@media (max-width: 767px) {
.lc-about-strip {
padding: 8px 10px 28px;
}
.lc-about-strip__inner {
padding: 24px 18px;
border-radius: 20px;
}
.lc-about-strip__inner h2 {
font-size: 28px;
}
.lc-about-strip__inner p {
font-size: 16px;
}
.lc-about-strip__list {
grid-template-columns: 1fr;
}
}
/* Mission Block */
.lc-mission-block {
padding: 36px 15px 56px;
}
.lc-mission-grid {
max-width: 1200px;
margin: 0 auto;
display: grid;
grid-template-columns: 1.45fr 0.85fr;
border-radius: 34px;
overflow: hidden;
box-shadow: 0 24px 44px rgba(40, 40, 40, 0.10);
}
/* LEFT */
.lc-mission-left {
background: rgb(255, 214, 88);
position: relative;
}
.lc-mission-left::after {
content: "";
position: absolute;
right: -1px;
top: 50px;
bottom: 50px;
width: 1px;
background: rgba(0, 0, 0, 0.08);
}
.lc-mission-right {
background: #f7f7f4;
}
.lc-mission-inner {
padding: 54px 54px 50px;
}
.lc-mission-label {
display: inline-block;
margin-bottom: 30px;
font-family: Arial, Helvetica, sans-serif;
font-size: 28px;
font-weight: 800;
letter-spacing: 1.6px;
text-transform: uppercase;
}
.lc-mission-left .lc-mission-label {
color: rgba(255, 255, 255, 0.92);
}
.lc-mission-right .lc-mission-label {
color: #1e1e1e;
}
/* MAIN TITLES */
.lc-mission-title {
margin: 0 0 18px;
font-family: Impact, Haettenschweiler, "Arial Black", sans-serif;
font-size: 74px;
line-height: 0.92;
text-transform: uppercase;
letter-spacing: 0.5px;
}
.lc-mission-left .lc-mission-title {
color: #ffffff;
max-width: 620px;
}
.lc-mission-title--dark {
color: #111111;
font-size: 58px;
max-width: 360px;
}
/* DESCRIPTIONS */
.lc-mission-desc {
margin: 0 0 26px;
font-family: Arial, Helvetica, sans-serif;
font-size: 24px;
line-height: 1.2;
font-weight: 700;
}
.lc-mission-left .lc-mission-desc {
color: rgba(255, 255, 255, 0.96);
max-width: 620px;
}
.lc-mission-desc--dark {
color: #242424;
font-size: 20px;
line-height: 1.45;
font-weight: 600;
max-width: 390px;
}
/* QUOTE – подобрен стил */
.lc-mission-quote {
max-width: 620px;
/* spacing */
margin: 28px 0 !important;
padding: 18px 22px !important;
/* typography */
font-family: Georgia, "Times New Roman", serif;
font-size: 20px; /* 24px е твърде тежко визуално */
line-height: 1.75;
font-style: italic;
font-weight: 500;
/* визуален стил */
background: #fdfdfb;
color: #222;
border-left: 5px solid #6a9739;
border-radius: 12px;
/* ефекти */
box-shadow: 0 4px 14px rgba(0, 0, 0, 0.08);
transition: all 0.25s ease;
/* махаме старите проблемни ефекти */
backdrop-filter: none;
}
/* hover ефект (по желание, но стои добре) */
.lc-mission-quote:hover {
transform: translateY(-2px);
box-shadow: 0 8px 20px rgba(0, 0, 0, 0.12);
}
.lc-mission-quote::before {
content: "“";
display: block;
margin-bottom: 8px;
font-size: 48px;
line-height: 0.7;
color: rgb(106 151 57);
}
/* RIGHT SIDE EXTRA STRUCTURE */
.lc-mission-right .lc-mission-inner {
display: flex;
flex-direction: column;
justify-content: center;
min-height: 100%;
}
.lc-mission-points {
list-style: none;
padding: 0;
margin: 24px 0 0;
max-width: 390px;
display: grid;
gap: 12px;
}
.lc-mission-points li {
position: relative;
padding-left: 18px;
color: #333333;
font-size: 16px;
line-height: 1.5;
font-weight: 600;
}
.lc-mission-points li::before {
content: "";
position: absolute;
left: 0;
top: 10px;
width: 8px;
height: 8px;
border-radius: 50%;
background: #7d9916;
}
/* RESPONSIVE */
@media (max-width: 1100px) {
.lc-mission-grid {
grid-template-columns: 1.2fr 0.8fr;
}
.lc-mission-inner {
padding: 42px 36px;
}
.lc-mission-title {
font-size: 62px;
}
.lc-mission-title--dark {
font-size: 48px;
}
.lc-mission-desc {
font-size: 21px;
}
.lc-mission-desc--dark {
font-size: 18px;
}
.lc-mission-quote {
font-size: 21px;
}
}
@media (max-width: 767px) {
.lc-mission-block {
padding: 24px 10px 34px;
}
.lc-mission-grid {
grid-template-columns: 1fr;
border-radius: 24px;
}
.lc-mission-left::after {
display: none;
}
.lc-mission-inner {
padding: 30px 22px;
}
.lc-mission-title {
font-size: 46px;
line-height: 0.95;
}
.lc-mission-title--dark {
font-size: 40px;
max-width: none;
}
.lc-mission-desc {
font-size: 19px;
}
.lc-mission-desc--dark {
font-size: 17px;
max-width: none;
}
.lc-mission-quote {
font-size: 19px;
padding: 18px 18px;
}
.lc-mission-points {
max-width: none;
}
}
.lc-bridge {
background: linear-gradient(180deg, #fffdf8 0%, #f7fbf2 100%);
border: 1px solid #e7eddc;
border-radius: 18px;
padding: 28px 24px;
margin: 30px 0;
box-shadow: 0 8px 24px rgba(0,0,0,0.04);
}
.lc-bridge__title {
margin: 0 0 14px;
font-size: 28px;
line-height: 1.3;
color: #2f3a1f;
}
.lc-bridge__text {
margin: 0 0 14px;
font-size: 17px;
line-height: 1.8;
color: #2f2f2f;
}
.lc-bridge__note {
margin-top: 18px;
padding: 14px 16px;
background: #eef7e3;
border-left: 4px solid #7db241;
border-radius: 10px;
font-size: 15px;
line-height: 1.7;
color: #33421f;
}
.podcast-box {
background: linear-gradient(135deg, #0f0f0f, #1c1c1c);
border-radius: 16px;
padding: 20px;
text-align: center;
color: #fff;
box-shadow: 0 10px 30px rgba(0,0,0,0.4);
margin: 20px 0;
}
.podcast-content h3 {
margin-bottom: 10px;
font-size: 20px;
}
.podcast-content p {
font-size: 14px;
opacity: 0.8;
margin-bottom: 15px;
}
.podcast-btn {
background: linear-gradient(90deg, #00ff88, #00cc66);
color: #000;
font-weight: bold;
border: none;
padding: 12px 20px;
border-radius: 50px;
cursor: pointer;
font-size: 16px;
transition: all 0.3s ease;
}
.podcast-btn:hover {
transform: scale(1.05);
box-shadow: 0 0 20px rgba(0,255,136,0.6);
}
.podcast-icon-circle {
display: inline-flex;
align-items: center;
justify-content: center;
width: 34px;
height: 34px;
margin-right: 10px;
border-radius: 50%;
background: #00ff88;
color: #000;
font-size: 16px;
font-weight: bold;
vertical-align: middle;
}
.podcast-box .podcast-btn {
color: #000 !important;
}
/* =========================================================
JOURNAL2 - PREMIUM PRODUCT REVIEWS SECTION
========================================================= */
/* Скрива само таб бутона за ревюта */
a[href="#tab-review"] {
display: none !important;
}
/* Показва секцията постоянно */
#tab-review,
#tab-review.tab-pane,
#tab-review.fade {
display: block !important;
opacity: 1 !important;
visibility: visible !important;
height: auto !important;
overflow: visible !important;
}
/* Главна кутия */
#tab-review {
margin-top: 55px;
padding: 34px;
background: #ffffff;
border: 1px solid #e9edf2;
border-radius: 18px;
box-shadow: 0 12px 35px rgba(0,0,0,0.06);
}
/* Списък с ревюта */
#tab-review #review {
margin-bottom: 35px;
}
/* Всеки отзив */
#tab-review #review > div,
#tab-review .review-list {
background: #fafafa;
border: 1px solid #eeeeee;
border-radius: 14px;
padding: 22px 24px;
margin-bottom: 18px;
}
/* Автор + дата */
#tab-review .author {
display: inline-block;
font-size: 17px;
font-weight: 700;
color: #1f1f1f;
margin-right: 18px;
}
#tab-review .date-added {
display: inline-block;
font-size: 14px;
color: #888;
}
/* Текст на ревю */
#tab-review .text,
#tab-review p {
font-size: 16px;
line-height: 1.75;
color: #333;
margin-top: 12px;
}
/* Звезди */
#tab-review .rating,
#tab-review .stars {
margin-top: 12px;
color: #f5b400;
font-size: 18px;
}
.review-stars-under-name {
margin-top: 10px;
white-space: nowrap;
}
.review-stars-under-name .fa-stack {
display: inline-block !important;
width: 18px;
height: 18px;
line-height: 18px;
margin-right: 2px;
vertical-align: middle;
}
.review-stars-under-name .fa {
color: #f5b400;
}
/* =========================================================
REVIEW PAGINATION FIX
========================================================= */
#tab-review .pagination {
display: flex !important;
align-items: center !important;
gap: 7px !important;
background: #4d921f;
border-radius: 12px;
padding: 12px 14px;
margin: 25px 0 30px;
list-style: none !important;
}
#tab-review .pagination li {
display: flex !important;
align-items: center !important;
justify-content: center !important;
margin: 0 !important;
padding: 0 !important;
}
#tab-review .pagination li a,
#tab-review .pagination li span {
display: flex !important;
align-items: center !important;
justify-content: center !important;
width: 32px !important;
height: 32px !important;
margin: 0 !important;
padding: 0 !important;
border: none !important;
border-radius: 50% !important;
background: #fff !important;
color: #4d921f !important;
font-size: 15px !important;
font-weight: 800 !important;
line-height: 1 !important;
text-align: center !important;
}
#tab-review .pagination li.active span {
background: #ff5a00 !important;
color: #fff !important;
}
#tab-review .pagination li a:hover {
background: #f2f2f2 !important;
color: #ff5a00 !important;
}
#tab-review::before {
content: "⭐ Отзиви от клиенти";
display: block;
font-size: 32px;
font-weight: 800;
color: #1f1f1f;
margin-bottom: 35px;
padding-bottom: 18px;
border-bottom: 2px solid #f1f1f1;
}
/* Заглавие "Напишете отзив" */
#tab-review #review-title {
font-size: 26px;
font-weight: 800;
color: #1f1f1f;
margin: 35px 0 25px;
padding-bottom: 16px;
border-bottom: 2px solid #f0f0f0;
}
/* Форма */
#form-review {
background: #fbfbfb;
border: 1px solid #eeeeee;
border-radius: 16px;
padding: 28px;
}
/* Labels */
#form-review label {
font-size: 14px;
font-weight: 700;
color: #333;
margin-bottom: 8px;
}
/* Полета */
#form-review .form-control {
border: 1px solid #dfe3e8;
border-radius: 12px;
box-shadow: none;
min-height: 48px;
font-size: 15px;
padding: 10px 14px;
background: #fff;
}
#form-review textarea.form-control {
min-height: 150px;
}
/* Focus */
#form-review .form-control:focus {
border-color: #ff6600;
box-shadow: 0 0 0 4px rgba(255,102,0,0.10);
}
/* Забележка */
#form-review .help-block {
margin-top: 10px;
font-size: 13px;
color: #777;
}
/* Бутон */
#button-review {
background: linear-gradient(135deg, #ff7a00, #ff4d00) !important;
border: none !important;
border-radius: 12px !important;
padding: 14px 34px !important;
font-size: 16px;
font-weight: 800;
color: #fff !important;
box-shadow: 0 8px 18px rgba(255,90,0,0.25);
transition: all .2s ease;
}
#button-review:hover {
transform: translateY(-1px);
box-shadow: 0 12px 24px rgba(255,90,0,0.32);
}
/* Mobile */
@media (max-width: 768px) {
#tab-review {
margin-top: 35px;
padding: 20px;
border-radius: 14px;
}
#tab-review #review > div,
#tab-review .review-list {
padding: 18px;
}
#form-review {
padding: 20px;
}
#tab-review #review-title {
font-size: 22px;
}
#button-review {
width: 100%;
}
}
/* =========================================================
PREMIUM REVIEW HEADER
========================================================= */
/* Header на ревюто */
#review table.table {
background: #fff;
border: 1px solid #ececec !important;
border-radius: 16px !important;
overflow: hidden;
margin-bottom: 28px !important;
box-shadow: 0 4px 18px rgba(0,0,0,0.04);
}
/* Маха bootstrap border chaos */
#review table.table tr,
#review table.table td {
border: none !important;
}
/* Горна част */
#review table.table tbody:first-child tr:first-child td {
background: linear-gradient(to right, #fafafa, #ffffff);
padding: 20px 24px !important;
vertical-align: middle;
border-bottom: 1px solid #f0f0f0 !important;
}
/* Име */
#review table.table strong {
font-size: 20px;
font-weight: 800;
color: #1f1f1f;
letter-spacing: -0.2px;
}
/* Дата */
#review table.table .text-right {
font-size: 14px;
color: #888;
font-weight: 600;
}
/* Текст */
#review table.table tbody:last-child td {
padding: 24px !important;
font-size: 16px;
line-height: 1.8;
color: #333;
}
/* Звезди */
#review .rating {
margin-top: 10px !important;
margin-bottom: 18px !important;
padding-top: 14px !important;
border-top: 1px solid #f0f0f0 !important;
}
#review table.table tbody:last-child td p {
margin-bottom: 14px !important;
}
#review .rating img {
width: 20px;
height: 20px;
margin-right: 3px;
transition: transform .15s ease;
}
/* Hover effect */
#review .rating img:hover {
transform: scale(1.08);
}
/* Mobile */
@media (max-width: 768px) {
#review table.table tbody:first-child tr:first-child td {
display: block;
width: 100%;
text-align: left !important;
}
#review table.table .text-right {
margin-top: 8px;
}
#review table.table strong {
font-size: 18px;
}
}
/* =========================================================
MOBILE REVIEW SECTION OPTIMIZATION
========================================================= */
@media (max-width: 480px) {
#tab-review {
margin-top: 28px !important;
padding: 20px !important;
border-radius: 14px !important;
}
#tab-review::before {
content: "Отзиви от клиенти";
font-size: 25px !important;
line-height: 1.25 !important;
font-weight: 800 !important;
margin-bottom: 24px !important;
padding-bottom: 14px !important;
word-spacing: 2px;
}
#review table.table {
border-radius: 14px !important;
margin-bottom: 22px !important;
}
#review table.table tbody:first-child tr:first-child td {
display: block !important;
width: 100% !important;
padding: 16px 18px !important;
text-align: left !important;
}
#review table.table .text-right {
margin-top: 8px !important;
font-size: 13px !important;
color: #777 !important;
}
#review table.table strong {
font-size: 18px !important;
}
.review-stars-under-name {
margin-top: 8px !important;
}
.review-stars-under-name .fa-stack {
width: 17px !important;
height: 17px !important;
line-height: 17px !important;
margin-right: 1px !important;
}
#review table.table tbody:last-child td {
padding: 18px !important;
}
#review table.table tbody:last-child td p {
font-size: 15px !important;
line-height: 1.65 !important;
}
#tab-review .pagination {
justify-content: center !important;
padding: 10px !important;
border-radius: 10px !important;
}
#tab-review .pagination li a,
#tab-review .pagination li span {
width: 30px !important;
height: 30px !important;
font-size: 14px !important;
}
#form-review {
padding: 18px !important;
border-radius: 14px !important;
}
#tab-review #review-title {
font-size: 22px !important;
line-height: 1.3 !important;
}
#button-review {
width: 100% !important;
padding: 14px 20px !important;
font-size: 15px !important;
}
}