/* 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: 50%;width: 60px;height: 60px; line-height: 60px; padding-top:0; padding-bottom:0;background-color: rgb(88, 143, 39)}
.label-sale{color: rgb(255, 255, 255);border-radius: 50%;width: 60px;height: 60px; line-height: 60px; padding-top:0; padding-bottom:0;background-color: rgb(221, 0, 23)}
.label-outofstock{background-color:rgb(242, 101, 34);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(244, 67, 54)}
.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)}
.journal-header-default .links a, .journal-header-default .links .no-link{border-color: rgb(0, 0, 0)}
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(42, 43, 46)}
.mega-menu div > h3:hover > a{color: rgb(244, 67, 54)}
.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(0, 0, 0);border-color:rgb(0, 0, 0);}
.journal-menu .mobile-trigger{background-color: rgb(228, 228, 228)}
.mega-menu .product-grid-item .price{display:inline-block}
.mega-menu .product-grid-item .cart .button{background-color: rgb(244, 67, 54)}
.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: 3px;border-top-width: 1px;border-radius: 3px;border-top-left-radius: 1px;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{font-family: Helvetica, Arial, sans-serif;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(88, 143, 39)}
.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-weight: bold;font-size: 30px;color: rgb(88, 143, 39)}
.product-info .right .price .price-old, .product-info .right .price li.price-old{font-size: 18px;color: rgb(43, 41, 43)}
.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(51, 55, 69)}
.product-info .option > ul > li{color: rgb(255, 255, 255);background-color: rgb(120, 107, 93);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(244, 67, 54)}
.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(244, 67, 54)}
#tabs a, #tabs li a{font-weight: 400;font-family: "Droid Serif";font-size: 15px;color: rgb(255, 255, 255);background-color: rgb(80, 80, 80);box-shadow:inset 0 -3px 6px -2px rgba(0, 0, 0, 0.5)}
.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(88, 143, 39)}
.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(244, 67, 54)}
#button-cart:hover, .product-info .right .cart div .button.enquiry-button:hover, .quickview #more-details:hover{background-color: rgb(244, 67, 54)}
.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(51, 55, 69)}
.product-info .tab-content, .tab-content, .quickview .tab-content{background-color: rgb(255, 255, 255)}
.tags{text-align:left}
.tags a, .tags b{border-radius: 3px}
.tags b{background-color: rgb(80, 80, 80);color: rgb(255, 255, 255)}
.tags a{background-color: rgb(244, 244, 244)}
.tags a:hover{color: rgb(255, 255, 255);background-color: rgb(244, 67, 54)}
#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(244, 67, 54)}
#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-info .right .options.push-1 .option-image li span img, .product-info .right .options.push-image .option-image li span img{border-width: 1px;border-style: solid}
.product-sold-count-text{font-size: 16px;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}
.attribute tr td:first-child{text-align:left}
.product-info .right > div > .options{background-color: rgba(131, 161, 37, 0.03);display:block}
#tabs{border-top-left-radius: 3px;border-top-right-radius: 3px}
body{font-weight: 400;font-family: "Glegoo";font-size: 18px;color: rgb(42, 43, 46)}
.heading-title, .box-heading, #blogArticle .articleHeader h1, .oc-filter .panel-heading{text-align:left;border-top-width: 1px;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-weight: 400;font-family: "ABeeZee";font-size: 20px;color: rgb(56, 56, 56);border-top-width: 2px;border-bottom-width: 2px;border-style: solid;border-color: rgb(119, 119, 119);padding-top:5px; padding-bottom:5px;padding-left:5px; padding-right:5px}
.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;color: rgb(88, 143, 39)}
.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: 2px;padding:0 35px;line-height:50px;background-color: rgb(244, 67, 54);box-shadow: inset 1px 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(244, 67, 54)}
.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);border-color: rgba(221, 0, 23, 0.01);box-shadow: 1px 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: 1px 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(42, 43, 46)}
.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{font-weight: 400;font-family: "ABeeZee";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(244, 67, 54)}
.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-weight: 400!important;font-family: "ABeeZee"!important;font-size: 13px!important;background-color: rgb(42, 43, 46);box-shadow: inset 3px 3px 3px 3px rgba(0, 0, 0, 0.07)}
.journal-header-center #search input{background-color: rgb(250, 250, 250)}
.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(42, 43, 46)}
#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(42, 43, 46)}
.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(43, 41, 43)}
.mini-cart-info table tr td.remove i{color: rgb(153, 153, 153)}
.mini-cart-info table tr td.remove i:hover, .firefox .mini-cart-info table tr td.remove button:hover i{color: rgb(244, 67, 54)}
.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(250, 250, 250)}
.button-search{background-color: rgb(244, 67, 54)}
.button-search:hover{background-color: rgb(51, 55, 69)}
.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{font-weight: bold;font-size: 12px;color: rgb(255, 255, 255)}
.is-sticky header .header{background-color: rgb(51, 153, 101)}
#cart{box-shadow: 5px 5px 5px 5px rgba(0, 0, 0, 0.02)}
.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(153, 153, 153)}
.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(250, 250, 250)}
.product-wrapper:hover{border-color: rgb(250, 250, 250)}
.product-grid-item .image > a{border-top-left-radius: 3px;border-top-right-radius: 3px}
.product-grid-item .image .label-latest{display: block}
.product-grid-item .image .label-sale{display: block}
.product-grid-item .image .label-outofstock{display: block}
.product-grid-item .name a, .posts h2 a{white-space:nowrap;font-size: 14px;color: rgb(42, 43, 46)}
.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: 10%;border-top-left-radius: 5%}
.product-grid-item .cart .button{line-height:40px}
.product-grid-item .cart .button[data-hint]:after{border-radius: 2px;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(88, 143, 39)}
.product-grid-item .cart:not(.enquiry-button) i::before{content: '\e180';font-size: 20px;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-size: 20px;color: rgb(88, 143, 39)}
.product-grid-item .price-old, .compare-info .price-old, .autocomplete2-suggestion span.p-price .price-old{font-size: 16px;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(242, 101, 34)}
.soft-shadow .product-wrapper{box-shadow:none}
.product-grid-item .rating{margin-left:-45px;top:-10px}
.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{font-size: 18px;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-size: 20px;color: rgb(255, 255, 255)}
.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(74, 144, 226)}
.swiper-pagination-bullet:hover, .swiper-pagination-bullet.swiper-pagination-bullet-active{background-color: rgb(242, 101, 34)}
.journal-carousel .htabs{background-color: rgb(68, 67, 73)}
.journal-carousel .htabs a:hover, .journal-carousel .htabs a.selected{color: rgb(255, 255, 255);background-color: rgb(255, 255, 255)}
.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(88, 143, 39)}
.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(244, 244, 244)}
.product-list-item .image .label-latest{display: block}
.product-list-item .image .label-sale{display: block}
.product-list-item .image .label-outofstock{display: none}
.product-list-item .description{display:block}
.product-list-item .cart .button[data-hint]:after{border-radius: 3px;color: rgb(255, 255, 255);background-color: rgb(66, 139, 202)}
.product-list-item .quickview-button {margin-left: -20px;margin-top: -20px}
.product-list-item .quickview-button .button{border-radius: 50px}
.product-list-item .quickview-button .button[data-hint]:after{border-radius: 3px;color: rgb(255, 255, 255);background-color: rgb(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-icon:before{content: '\e662';font-size: 11px}
.product-list-item .compare-icon:before{content: '\e025';font-size: 11px}
.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;color: rgb(255, 255, 255)}
.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(51, 55, 69)}
.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;border-color: rgb(223, 229, 232);padding:0px}
.action-area h3{font-size: 15px;color: rgb(88, 143, 39);background-color: rgb(88, 143, 39)}
.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(88, 143, 39)}
.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(95, 104, 116)}
.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)}
#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(221, 99, 0)}
#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:dashed}
.checkout-product thead td, .checkout-product tfoot td{color: rgb(51, 55, 69);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:center}
table.radio .highlight td label, .action-area .panel-title{color: rgb(88, 143, 39)}
.sc-page .pull-right .button, .sc-page .buttons .right .button{border-color: rgb(221, 0, 23)}
.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)}
.journal-desktop .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-family: Helvetica, Arial, sans-serif ;font-size: 16px ;letter-spacing: 0.5px }
.editor-content h1, .editor-content h2, .editor-content h3, .side-block-content h1, .side-block-content h3, .side-block-content h3{font-size: 18px ;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-family: Helvetica, Arial, sans-serif;font-size: 16px;text-transform: lowercase;letter-spacing: 0.5px}
.side-column .editor-content h1, .side-column .editor-content h2, .side-column .editor-content h3{font-size: 16px !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;background-color: rgba(88, 143, 39, 0.01)}
.product-info .right .wishlist-compare .links a + a{display:none}
.product-info .right .wishlist-compare .links a:first-of-type{display:none;}
.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:inline-block}
.product-list-item .compare{display:inline-block}
.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: '\e07c';font-size: 14px;color: rgb(255, 255, 255)}
span.p-comment:before{content: '\e1ae';font-size: 13px;color: rgb(68, 67, 73)}
.post-view-more.button{font-weight: 400;font-family: "ABeeZee";border-bottom-width: 1px;border-radius: 2px;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);box-shadow: 2px 0px}
.post-view-more.button:hover{color: rgb(255, 255, 255);background-color: rgb(241, 196, 15);box-shadow: 2px 0px;border-color: rgb(241, 196, 15)}
.blog-list-view .post-wrapper{background-color: rgb(249, 249, 249)}
.blog-list-view .post-wrapper:hover{background-color: rgb(255, 255, 255)}
.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(255, 255, 255)}
.post-wrapper:hover{border-color: rgb(255, 255, 255)}
.post-image img{border-radius: 2px}
.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}
.post-view-more.button:active{box-shadow: 2px 0px}
.post-module .post-wrapper{background-color: rgb(255, 255, 255)}
.post-module .post-wrapper:hover{border-color: rgb(255, 255, 255);background-color: rgb(255, 255, 255)}
.post-module .post-wrapper .post-item-details h2 a{white-space:nowrap;color: rgb(88, 143, 39)}
.post-module .post-view-more.button{font-weight: 400;font-family: "ABeeZee";font-size: 18px;color: rgb(255, 255, 255);border-radius: 5px;padding-top:10px;padding-left:15px;background-color: rgb(244, 67, 54)}
.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: 16px}
.post-module .box-heading{font-weight: 400;font-family: "ABeeZee";font-size: 18px;color: rgb(255, 255, 255);text-align:left;background-color: rgb(51, 55, 69)}
.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(204, 204, 204)}
.post-details{padding:20px}
.comment-form form{padding:0px;border-bottom-right-radius: 3px;border-bottom-left-radius: 3px}
.post-stats.comment-date{padding-bottom: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-weight: 300!important;font-family: "Open Sans"!important;font-size: 16px!important;text-transform: none!important;letter-spacing: 0,5px!important}
.post-details h3{font-size: 18px;letter-spacing: 0.5px;color: rgb(244, 67, 54)}
.post-details h2{color: rgb(88, 143, 39)}
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)}
.post-details h1, .post-details h1 font{font-size: 26px;color: rgb(88, 143, 39)}
.post-details, .post-details p, .post-details font, .post-details > span, .post-details p font, .post-details p span{font-family: Helvetica, Arial, sans-serif;font-weight: normal;font-size: 16px;text-transform: none;letter-spacing: 0.5px;color: rgb(0, 0, 0)}
.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-weight: 400;font-family: "ABeeZee";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, .journal-checkout label, .oc2 .required label{font-weight: bold;font-size: 12px}
.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 .confirm-button{box-shadow: 1px 0px}
.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:hover{color: rgb(255, 255, 255)}
button.btn-upload:hover, button.btn-upload:hover i.fa, .option button.btn-default:hover{color: rgb(51, 55, 69)}
.mobile .journal-header-center #search input, .journal-mobile .journal-header-center #search input{border-width: 1px;border-radius: 1px;border-style: solid}
.is-sticky .super-menu{border-width: 2px;border-radius: 2px;border-style: solid}
#header .top-menu .top-dropdown li:hover a{color: rgb(246, 241, 236)}
.product-page .lg-outer .lg-thumb-outer{background-color: rgb(88, 143, 39)}
.product-page .lg-sub-html{font-weight: 400;font-family: "ABeeZee"}
.qty input{background-color: rgb(255, 255, 255)}
.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(51, 55, 69)}
.product-page #lg-counter{font-weight: 400;font-family: "ABeeZee"}
.product-options .product-sold-count-text{background-color: rgb(51, 55, 69)}
.journal-checkout .quantity .input-group-btn button:first-of-type i.fa{color: rgb(255, 255, 255)}
.journal-checkout .quantity .input-group-btn button:first-of-type{background-color: rgb(88, 143, 39)}
.journal-checkout .quantity .input-group-btn button:hover:first-of-type i.fa{color: rgb(0, 0, 0)}
.journal-checkout .quantity .input-group-btn button:hover:first-of-type{background-color: rgb(88, 143, 39)}
.journal-checkout .quantity .input-group-btn button:last-of-type i.fa{color: rgb(255, 255, 255)}
.journal-checkout .quantity .input-group-btn button:last-of-type{background-color: rgb(244, 67, 54)}
.journal-checkout .quantity .input-group-btn button:hover:last-of-type i.fa{color: rgb(0, 0, 0)}
.bottom-footer .copyright a{color: rgb(255, 255, 255)}
.route-account-register .form-group label, .route-checkout-checkout .form-group label, .oc1.route-account-register table.form td, .oc1.route-checkout-checkout table.form td{color: rgb(153, 153, 153)}
.sc-page .pull-right .button, .sc-page .buttons .right .button{color: rgb(255, 255, 255)}
.wishlist-info .action .btn-primary:hover i.fa, .cart-info .quantity .input-group .btn-primary:hover i.fa{color: rgb(252, 120, 13)}
.wishlist-info .action a.btn-danger i.fa, .cart-info .quantity .input-group .btn-danger i.fa{color: rgb(255, 255, 255)}
.wishlist-info .action .btn-primary, .cart-info .quantity .input-group .btn-primary{background-color: rgb(88, 143, 39)}
.wishlist-info .action .btn-primary i.fa, .cart-info .quantity .input-group .btn-primary i.fa{color: rgb(255, 255, 255)}
.wishlist-info .action .btn-primary:hover, .cart-info .quantity .input-group .btn-primary:hover{background-color: rgb(88, 143, 39)}
.information-page #content h1{color: rgb(105, 185, 207)}
.information-page #content, .information-page #content p{font-family: Helvetica, Arial, sans-serif}
.sc-page .pull-left .button:hover, .sc-page .buttons .center .button:hover{background-color: rgb(126, 192, 68)}
.wishlist-info .action a.btn-danger, .cart-info .quantity .input-group .btn-danger{background-color: rgb(252, 120, 13)}
.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: 1516px;
}
.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: 2px 0px;
}
.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(88, 143, 39);
}
.product-grid-item .wishlist .hint--right:before,
.product-grid-item .compare .hint--right:before{
border-right-color: rgb(88, 143, 39);
}
.product-grid-item .wishlist .hint--left:before,
.product-grid-item .compare .hint--left:before{
border-left-color: rgb(88, 143, 39);
}
.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: 60px;
}
#more-details.hint--top:before{
border-top-color: rgb(221, 0, 23);
}
.boxed-header header{
max-width:1516px;
}
.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(204, 204, 204);
}
.journal-header-center #language,
.journal-header-center #currency{
border-color:;
}
}
.sticky-menu .is-sticky .journal-header-default .header{
background-color: rgb(228, 228, 228);
}
.phone-input label::before{
display:none;
}
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(244, 67, 54);
}
.button-search i:before{
color:rgb(255, 255, 255) !important;
}
}
.product-filter .product-compare{
display:none;
}
@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:1531px) {
.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: 1516px) {
.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: 1531px) {
.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,1516px,45px,0px);
}
.journal-header-default .links .no-link{
border-color:rgb(0, 0, 0)}
.journal-header-center #cart .content:before,
.oc2 #cart .content .cart-wrapper:before{
color:rgb(43, 41, 43)}
.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;
}
.p-comment{
display:none !important;
}
.journal-checkout .coupon-voucher .cvr .checkout-voucher{
display:none;
}
.journal-checkout .coupon-voucher .cvr div.checkout-reward{
margin-top:0;
padding-right:0;
}
html[dir="rtl"] .journal-checkout .coupon-voucher .cvr div.checkout-coupon{
padding-right:0;
padding-left: 12px;
}
.journal-checkout .coupon-voucher .cvr .checkout-reward{
display:none;
}
.journal-checkout .coupon-voucher .cvr div.checkout-voucher,
.journal-checkout .coupon-voucher .cvr div.checkout-reward{
display:none;
}
.journal-checkout .coupon-voucher .cvr div.checkout-coupon {
padding-right: 0;
margin-top: 0;
width:100%;
}
.drop-down ul{
box-shadow:none !important;
}
.product-info .right .wishlist-compare{
display:none;
}
.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: rgb(0, 0, 0);
}
}
.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(42, 43, 46);
}
}
.mega-menu{
max-width:1516px;
}
@media only screen and (max-width: 760px){
.bottom-menu-bar #header .top-menu > li{
border-color:rgb(0, 0, 0);
}
.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:1516px;
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(42, 43, 46);
}
.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: 1531px) {
.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;
}
/* =============== БАЗА ЗА БЛОГА =============== */
/* Основен текст в статиите */
.blog-post .post-details {
font-family: "Helvetica Neue", Arial, sans-serif;
font-size: 16px;
line-height: 1.75;
color: #222;
}
/* Заглавие на статията (h1 .heading-title) */
.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;
}
/* Параграфи */
.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;
}
/* Gradient Hover Effect */
.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);
}
/* Списъци */
.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;
}
/* Линкове в текста */
.blog-post .post-details a {
text-decoration: none;
border-bottom: 1px solid rgba(0,0,0,0.1);
}
.blog-post .post-details a:hover {
border-bottom-color: rgba(0,0,0,0.35);
}
/* =============== PREMIUM BLOCKQUOTE =============== */
.blog-post .post-details blockquote {
margin: 28px 0 !important;
padding: 18px 22px !important;
font-style: italic;
background: #fdfdfb; /* топъл почти-бял фон */
border-left: 5px solid #6a9739; /* премиум зелен (brand) */
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;
}
/* Лека анимация при hover */
.blog-post .post-details blockquote:hover {
background: #fcfff6; /* лек зелен нюанс */
box-shadow: 0 6px 18px rgba(0, 0, 0, 0.12);
transform: translateY(-2px);
}
/* Кавички тип “Editor’s pick” (минималистични) */
.blog-post .post-details blockquote:before {
content: "“";
font-size: 68px;
line-height: 0;
color: rgba(106, 151, 57, 0.4); /* brand green, soft */
position: relative;
top: 12px;
left: -4px;
font-family: Georgia, serif;
}
/* Подравняване на текста след кавичките */
.blog-post .post-details blockquote p {
display: inline;
}
/* За мобилно – по-малко shadow и padding */
@media (max-width: 767px) {
.blog-post .post-details blockquote {
padding: 14px 18px !important;
box-shadow: 0 3px 10px rgba(0, 0, 0, 0.07);
}
}
/* =============== ЗАГЛАВИЯ В ТЕКСТА =============== */
/* 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;
line-height: 1.4;
font-weight: 600;
color: #333 !important; /* неутрален */
}
/* H5 – акцентни подзаглавия (вече да се виждат добре) */
.blog-post .post-details h5 {
margin: 22px 0 10px !important;
font-size: 16px !important;
line-height: 1.4;
font-weight: 600;
color: #6a9739 !important; /* твоя brand цветът */
}
/* H6 – най-малко ниво, но четимо */
.blog-post .post-details h6 {
margin: 20px 0 8px !important;
font-size: 14px !important;
line-height: 1.4;
font-weight: 600;
text-transform: uppercase;
letter-spacing: 0.04em;
color: #777 !important;
}
/* Първото заглавие в текста да няма голямо разстояние отгоре */
.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;
}
/* =============== МОБИЛНИ КОРЕКЦИИ =============== */
@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;
}
}
/* ===========================================
PREMIUM INFO / WARNING / TIP BLOCKS
=========================================== */
.blog-post .post-details p.info,
.blog-post .post-details p.warning,
.blog-post .post-details p.tip {
padding: 14px 18px;
margin: 18px 0 !important;
border-radius: 10px;
font-weight: 500;
border-left: 5px solid;
box-shadow: 0 3px 12px rgba(0,0,0,0.07);
transition: all 0.25s ease;
}
/* Info – синкаво, като Google Docs */
.blog-post .post-details p.info {
background: #eef7ff;
border-left-color: #2196f3;
color: #0d3c61;
}
.blog-post .post-details p.info:before {
content: "ℹ️ ";
font-size: 18px;
}
/* Warning – жълто, като Apple Docs */
.blog-post .post-details p.warning {
background: #fff8e1;
border-left-color: #f7c600;
color: #704c00;
}
.blog-post .post-details p.warning:before {
content: "⚠️ ";
font-size: 18px;
}
/* Tip – зелено, близко до твоя brand */
.blog-post .post-details p.tip {
background: #f4faef;
border-left-color: #6a9739;
color: #3d5e1c;
}
.blog-post .post-details p.tip:before {
content: "💡 ";
font-size: 18px;
}
/* Hover ефект за всички */
.blog-post .post-details p.info:hover,
.blog-post .post-details p.warning:hover,
.blog-post .post-details p.tip:hover {
transform: translateY(-2px);
box-shadow: 0 5px 16px rgba(0,0,0,0.12);
}
/* ===========================================
PREMIUM TABLE STYLE
=========================================== */
.blog-post .post-details table {
width: 100%;
border-collapse: collapse;
margin: 24px 0;
font-size: 15px;
background: #fff;
border-radius: 12px;
overflow: hidden;
box-shadow: 0 3px 14px rgba(0,0,0,0.08);
}
/* Header */
.blog-post .post-details table thead tr {
background: #f5f5f5;
}
.blog-post .post-details table thead th {
padding: 12px 14px;
font-weight: 600;
text-align: left;
border-bottom: 1px solid #e5e5e5;
color: #333;
}
/* Rows */
.blog-post .post-details table tbody tr:nth-child(even) {
background: #fafafa;
}
.blog-post .post-details table tbody tr:nth-child(odd) {
background: #ffffff;
}
.blog-post .post-details table tbody td {
padding: 12px 14px;
border-bottom: 1px solid #ececec;
}
/* Hover row */
.blog-post .post-details table tbody tr:hover {
background: #fcfff6;
}
/* Remove last border */
.blog-post .post-details table tbody tr:last-child td {
border-bottom: none;
}
/* Универсален стил за таблиците в блог постовете */
.blog-post .post-details table {
width: 100%;
border-collapse: collapse;
margin: 1.5rem 0;
font-size: 15px;
background: #fff;
border-radius: 12px;
overflow: hidden;
box-shadow: 0 3px 14px rgba(0, 0, 0, 0.08);
}
.blog-post .post-details table thead tr {
background: #f5f5f5;
}
.blog-post .post-details table thead th {
padding: 12px 14px;
font-weight: 600;
text-align: left;
border-bottom: 1px solid #e5e5e5;
color: #333;
}
.blog-post .post-details table tbody tr:nth-child(even) {
background: #fafafa;
}
.blog-post .post-details table tbody tr:nth-child(odd) {
background: #ffffff;
}
.blog-post .post-details table tbody td {
padding: 12px 14px;
border-bottom: 1px solid #ececec;
}
/* Адаптивен изглед за всички таблици (до 768px) */
@media (max-width: 768px) {
/* Скриваме заглавията */
.blog-post .post-details table thead {
display: none;
}
/* Всеки ред става отделна карта */
.blog-post .post-details table tbody tr {
display: block;
margin-bottom: 1.5rem;
border: 1px solid #e5e5e5;
border-radius: 8px;
background: #fff;
box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);
padding: 0.75rem;
}
/* Подредба на клетките: етикет (data-label) + стойност */
.blog-post .post-details table tbody td {
display: flex;
justify-content: space-between;
padding: 0.5rem 0;
border-bottom: 1px solid #f0f0f0;
font-size: 14px;
line-height: 1.4;
}
/* Етикетът се появява от data-label */
.blog-post .post-details table tbody td::before {
content: attr(data-label);
font-weight: 600;
color: #333;
padding-right: 0.5rem;
}
/* Премахнете долната граница на последната клетка */
.blog-post .post-details table tbody td:last-child {
border-bottom: none;
}
}
.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: 1531px) {
.safari5 #footer,
.safari5.boxed-header header{
width: 1516px;
}
.tp-banner{
height:100% !important;
}
}
@media only screen and (max-width: 1531px) {
.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:1516px;
}
@media only screen and (max-width:1531px){
.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: 1531px) {
.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: 1531px) {
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:1px 0px;
}
#column-left .oc-module .product-details{
max-width:145px;
}
#column-right .oc-module .product-details{
max-width:145px;
}
/* Custom CSS */
/* Лид над продуктите */
.cat-lead{margin:10px 0 18px;}
.cat-lead__text{margin:0 0 6px;}
.cat-lead__more{padding:0;}
.cat-lead{margin:10px 0 18px;}
.cat-lead__text{margin:0 0 6px;}
.cat-lead__more{margin-left:0;}
.category-description--bottom{margin-top:24px;}
/* Пълният текст под продуктите */
.category-description--bottom{margin-top:24px;}
/* Ако ползваш вариант с разгъване на място */
.cat-intro.is-collapsed{max-height:96px; overflow:hidden; position:relative;}
.cat-intro.is-collapsed:after{content:""; position:absolute; left:0; right:0; bottom:0; height:28px; background:linear-gradient(transparent,#fff);}
#cat-intro-btn{padding:0; margin-top:6px;}
/* Стилен бутон за "Покажи още" */
.cat-lead__more.button{
display:inline-flex;
align-items:center;
gap:.5em;
padding:8px 14px;
border-radius:999px;
font-weight:600;
font-size:14px;
line-height:1.2;
text-transform:none;
background:#e53935; /* основен цвят */
color:#fff !important;
border:1px solid transparent;
box-shadow:0 2px 6px rgba(229,57,53,.25);
transition:all .2s ease;
}
.cat-lead__more.button::after{
content:"›";
font-size:16px;
transform:translateX(0);
transition:transform .2s ease;
}
.cat-lead__more.button:hover{
background:#d32f2f; /* hover по-тъмен */
box-shadow:0 6px 16px rgba(229,57,53,.35);
transform:translateY(-1px);
}
.cat-lead__more.button:hover::after{ transform:translateX(3px); }
.cat-lead__more.button:active{
transform:translateY(0);
box-shadow:0 2px 8px rgba(0,0,0,.2);
}
/* Малък spacing около лийда */
.cat-lead{margin:10px 0 18px;}
.cat-lead__text{margin:0 0 6px;}
.home-title { text-align:center; margin:10px 0 16px; }
.home-intro { margin:10px 0 18px; }
.home-intro__lead { margin:0 0 10px; font-size:16px; line-height:1.6; }
.home-desc { margin-top:28px; }
/* бутон (същият стил, който вече ползваш) */
.home-intro__more.button{
display: inline-flex;
align-items: center;
gap: .5em;
padding: 10px 16px;
border-radius: 8px; /* намален радиус */
font-weight: 600;
font-size: 14px;
background: #e53935;
color: #fff !important;
border: 1px solid transparent;
box-shadow: 0 2px 6px rgba(229,57,53,.25);
transition: all .2s ease;
text-align: center; /* центриране на текста и иконата */
}
/* иконата след текста */
.home-intro__more.button::after{
content: "›";
font-size: 16px;
transition: transform .2s ease;
}
/* hover ефекти */
.home-intro__more.button:hover{
background: #d32f2f;
box-shadow: 0 6px 16px rgba(229,57,53,.35);
transform: translateY(-1px);
}
.home-intro__more.button:hover::after{
transform: translateX(3px);
}
/* стилове за мобилни устройства */
@media (max-width: 768px) {
/* контейнерът за бутоните да подрежда елементите вертикално */
.home-intro__buttons {
display: flex;
flex-direction: column;
gap: 0.5rem;
}
/* бутоните заемат цялата ширина и имат еднакъв размер */
.home-intro__more.button {
display: flex;
width: 100%;
justify-content: center; /* изравнява иконата и текста */
padding: 12px 16px; /* позволява повече място за текст */
border-radius: 6px; /* още по‑малък радиус на мобилни */
margin-bottom: 12px; /* ← добави това */
}
}
/* скрит по подразбиране */
.home-desc.is-collapsed{
max-height:0;
overflow:hidden;
opacity:0;
margin-top:0; /* да не оставя празно място, докато е скрит */
transition:max-height .35s ease, opacity .25s ease;
}
/* показан след клик */
.home-desc.is-open{
max-height:9999px; /* голяма стойност, за да побере съдържанието */
opacity:1;
margin-top:28px;
}
/* ===== Spec таблица (creatine.bg) ===== */
.table-spec{max-width:720px;margin:14px auto;border-radius:16px;overflow:hidden;
box-shadow:0 8px 26px rgba(0,0,0,.06);background:#fff;}
.table-spec .table{margin:0;border:0;background:#fff;border-collapse:separate;border-spacing:0;}
.table-spec .table tbody tr{transition:background .2s ease;}
.table-spec .table tbody tr:hover th[scope="row"],
.table-spec .table tbody tr:hover td{background:#fff7f7;} /* лек червеникав hover */
/* Лява „етикет“ колона */
.table-spec .table th[scope="row"]{
width:42%;
font-weight:600;
color:#37474f;
background:#fafafa;
border-right:0;
position:relative;
padding:12px 16px 12px 18px;
}
.table-spec .table th[scope="row"]::before{
content:"";
position:absolute;left:0;top:0;bottom:0;width:4px;
background:#e53935; /* бранд акцент */
opacity:.65;border-radius:0 4px 4px 0;
}
/* Дясна „стойност“ колона */
.table-spec .table td{
font-weight:500;color:#111;padding:12px 16px;background:#fff;border-left:0;
}
/* Плавни разделители */
.table-spec .table tbody tr + tr th[scope="row"]{border-top:1px solid #eee;}
.table-spec .table tbody tr + tr td{border-top:1px solid #eee;}
/* Закръгляне на краищата */
.table-spec{border:1px solid #eee;}
.table-spec .table tbody tr:first-child th[scope="row"]{border-top-left-radius:16px;}
.table-spec .table tbody tr:first-child td{border-top-right-radius:16px;}
.table-spec .table tbody tr:last-child th[scope="row"]{border-bottom-left-radius:16px;}
.table-spec .table tbody tr:last-child td{border-bottom-right-radius:16px;}
/* Малък бейдж стил за стойности с по-специално значение (ако решиш) */
.table-spec .table td em,
.table-spec .table td strong{
background:#fff0f0;border:1px solid #ffd6d6;padding:2px 8px;border-radius:999px;
}
/* ===== Мобилен изглед ===== */
@media (max-width: 640px){
.table-spec{border-radius:14px;}
.table-spec .table,
.table-spec .table tbody,
.table-spec .table tr{display:block;}
.table-spec .table tr{padding:12px 14px;border-bottom:1px solid #eee;}
.table-spec .table tr:last-child{border-bottom:0;}
.table-spec .table th[scope="row"],
.table-spec .table td{display:block;width:100%;border:0;padding:0;}
.table-spec .table th[scope="row"]{
background:transparent;color:#607d8b;padding-bottom:4px;
}
.table-spec .table th[scope="row"]::before{display:none;}
.table-spec .table td{font-size:1.05rem;line-height:1.5;}
}
/* Контейнер за домашните секции */
.home-section{max-width:980px;margin:0 auto;}
.home-section h3{margin:20px 0 12px;}
/* Универсален „картов“ списък с чек-иконки */
.feature-list,
.benefits-list{list-style:none;margin:0;padding:0;
display:grid;grid-template-columns:1fr;gap:10px;}
@media (min-width:768px){
.feature-list, .benefits-list{grid-template-columns:1fr 1fr;}
}
.feature-list li,
.benefits-list li{
background:#fff;border:1px solid #eee;border-radius:14px;
padding:12px 14px;position:relative;
box-shadow:0 6px 18px rgba(0,0,0,.05);
}
.feature-list li::before,
.benefits-list li::before{
content:""; position:absolute; left:12px; top:14px; width:18px; height:18px;
border-radius:50%; background:#e53935;
box-shadow:0 0 0 4px rgba(229,57,53,.12);
}
.feature-list li > strong,
.benefits-list li > strong{display:block; padding-left:28px; margin-bottom:4px; color:#111;}
.feature-list li, .benefits-list li{padding-left:44px;}
/* Списъкът с продуктови категории – „пил“ линкове + описание */
.category-list{list-style:none;margin:0;padding:0;display:grid;gap:10px;}
@media (min-width:640px){
.category-list{grid-template-columns:1fr 1fr;}
}
.category-list li{
background:#fff;border:1px solid #eee;border-radius:14px;padding:12px 14px;
box-shadow:0 6px 18px rgba(0,0,0,.05);
}
.category-list li a{
display:inline-block; font-weight:700; text-decoration:none;
background:#fff0f0; border:1px solid #ffd6d6; color:#b71c1c;
padding:4px 10px; border-radius:999px; margin:0 6px 0 0;
}
.category-list li a:hover{background:#ffe6e6;}
/* Цитат/blockquote */
.home-quote{border-left:4px solid #e53935; padding:10px 14px; background:#fffafa; border-radius:10px;}
.home-quote p{margin:0;}
/* Центриран CTA бутон */
.home-cta{text-align:center; margin:14px 0;}
.home-cta .button{
display:inline-flex; align-items:center; gap:.5em;
padding:10px 16px; border-radius:999px; font-weight:600;
background:#e53935; color:#fff !important; border:1px solid transparent;
box-shadow:0 2px 6px rgba(229,57,53,.25); transition:all .2s ease;
}
.home-cta .button::after{content:"›"; font-size:16px; transition:transform .2s ease;}
.home-cta .button:hover{background:#d32f2f; box-shadow:0 6px 16px rgba(229,57,53,.35); transform:translateY(-1px);}
.home-cta .button:hover::after{transform:translateX(3px);}
/* тъмен панел-обвивка */
.category-panel{
background:#1f2329; /* тъмният фон */
border-radius:18px; /* радиус */
padding:14px; /* отстояние вътре */
margin:10px 0 22px; /* отстояние навън */
box-shadow:0 10px 30px rgba(0,0,0,.08);
overflow:hidden; /* чисти ъгли при вътрешни елементи */
}
/* самият списък – запазваме нашата решетка и gap */
.category-panel .category-list{
display:grid; gap:14px; margin:0; padding:0; list-style:none;
}
@media (min-width:768px){
.category-panel .category-list{ grid-template-columns:1fr 1fr; gap:16px; }
}
/* картите вътре (ако вече имаш стилове – остави ги) */
.category-panel .category-list li{
background:#fff; border:1px solid #eee; border-radius:14px; padding:12px 14px;
box-shadow:0 6px 18px rgba(0,0,0,.05);
}
.category-panel .category-list li a{
display:inline-block; font-weight:700; text-decoration:none;
background:#fff0f0; border:1px solid #ffd6d6; color:#b71c1c;
padding:4px 10px; border-radius:999px; margin:0 6px 0 0;
}
.category-panel .category-list li a:hover{ background:#ffe6e6; }
:root{ --brand:#e53935; }
/* Базов стил за картите (остави си твоите; тук сменяме само „точките“) */
.benefits-list li{ position:relative; }
/* Иконка в цветен кръг вместо червена точка */
.benefits-list li::before{
content:"\f00c"; /* временно — ще се презапише по-долу */
font-family:"FontAwesome";
font-weight:normal;
position:absolute; left:12px; top:14px;
width:26px; height:26px; line-height:26px; text-align:center;
font-size:14px; color:#fff;
background:var(--brand);
border-radius:50%;
box-shadow:0 0 0 4px rgba(229,57,53,.12);
}
/* Конкретни икони по ред: качеството, цената, доставката, консултациите */
.benefits-list li:nth-child(1)::before{ content:"\f0a3"; } /* certificate (качество) */
.benefits-list li:nth-child(2)::before{ content:"\f02b"; } /* tag (цена) */
.benefits-list li:nth-child(3)::before{ content:"\f0d1"; } /* truck (доставка) */
.benefits-list li:nth-child(4)::before{ content:"\f1cd"; } /* life-ring (подкрепа/консултации) */
/* Малък туик за мобилни — малко по-голям кръг и четимост */
@media (max-width: 480px){
.benefits-list li::before{
width:28px; height:28px; line-height:28px; font-size:15px;
left:12px; top:14px;
}
}
/* един и същ чек за всички */
.feature-list li::before,
.benefits-list li::before{
content:"\f00c"; /* fa-check */
font-family:"FontAwesome";
color:#fff; background:#e53935;
width:22px; height:22px; line-height:22px; text-align:center;
border-radius:50%; box-shadow:0 0 0 4px rgba(229,57,53,.12);
}
/* различни икони по ред (по желание) */
.feature-list li:nth-child(1)::before{ content:"\f201"; } /* fa-line-chart */
.feature-list li:nth-child(2)::before{ content:"\f0e7"; } /* fa-bolt */
.feature-list li:nth-child(3)::before{ content:"\f021"; } /* fa-refresh */
.hero{max-width:980px;margin:12px auto 8px;text-align:center}
.hero .sublead{margin:.4rem 0 1rem;font-size:16px}
.hero-cta .button{margin:0 .3rem}
.button.button--ghost{background:#fff;color:#e53935!important;border:1px solid #e53935}
.trust-bar{max-width:980px;margin:10px auto 18px;display:grid;grid-template-columns:repeat(4,1fr);gap:10px;list-style:none;padding:0}
.trust-bar li{background:#fff;border:1px solid #eee;border-radius:14px;padding:10px;box-shadow:0 10px 10px rgba(0,0,0,.10);font-weight:600}
.trust-bar i{margin-right:8px;color:#e53935}
@media (max-width:768px){ .trust-bar{grid-template-columns:1fr 1fr} }
:root{ --brand:#e53935; }
.section-title{ text-align:center; margin:12px 0 14px; }
/* Grid с плочки */
.category-tiles{ list-style:none; margin:0 auto 8px; padding:0;
display:grid; grid-template-columns:1fr; gap:14px; max-width:980px; }
@media (min-width:768px){ .category-tiles{ grid-template-columns:1fr 1fr; }}
/* Карта */
.tile{ background:#fff; border:1px solid #eee; border-radius:18px;
box-shadow:0 8px 26px rgba(0,0,0,.06); overflow:hidden; }
.tile__link{ display:block; text-decoration:none; color:inherit; }
.tile__img{ display:block; width:100%; height:auto; aspect-ratio:3/2; object-fit:cover; }
.tile__body{ padding:12px 14px 14px; }
.tile__title{ margin:0 0 6px; font-size:18px; }
.tile__text{ margin:0 0 10px; color:#455a64; }
.tile__btn.button{ display:inline-flex; align-items:center; gap:.5em;
padding:8px 14px; border-radius:999px; font-weight:600; background:var(--brand);
color:#fff !important; border:1px solid transparent; transition:transform .2s ease, box-shadow .2s ease;
box-shadow:0 2px 6px rgba(229,57,53,.25); }
.tile:hover .tile__btn{ transform:translateY(-1px); box-shadow:0 6px 16px rgba(229,57,53,.35);}
/* Контейнер */
.home-faq{ max-width:980px; margin:0 auto 18px; }
/* Елемент на акордеон */
.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%;
box-shadow: 0 20px 14px rgba(2, 2, 2, 0.18);
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; }
:root{ --brand:#e53935; }
/* Grid както преди */
.category-tiles{ list-style:none; margin:0 auto 8px; padding:0;
display:grid; grid-template-columns:1fr; gap:14px; max-width:980px; }
@media (min-width:768px){ .category-tiles{ grid-template-columns:1fr 1fr; }}
/* Карта без изображение */
.tile{ background:#fff; border:1px solid #eee; border-radius:18px;
box-shadow:0 8px 26px rgba(0,0,0,.06); overflow:hidden; }
.tile--icon .tile__link{ display:flex; align-items:center; gap:14px; padding:12px 14px; }
.tile--icon .tile__body{ padding:0; } /* няма вътрешна рамка при иконовия вариант */
/* Кръгла иконка */
.tile__icon{
width:72px; height:72px; min-width:72px;
border-radius:50%; background:var(--brand); color:#fff;
display:inline-flex; align-items:center; justify-content:center;
box-shadow:0 4px 14px rgba(229,57,53,.35);
}
.tile__icon i{ font-size:30px; line-height:1; }
/* Текст и бутон */
.tile__title{ margin:0 0 4px; font-size:18px; }
.tile__text{ margin:0 0 8px; color:#455a64; }
.tile__btn.button{
display:inline-flex; align-items:center; gap:.5em; padding:8px 14px;
border-radius:999px; font-weight:600; background:var(--brand); color:#fff!important;
border:1px solid transparent; box-shadow:0 2px 6px rgba(229,57,53,.25);
transition:transform .2s ease, box-shadow .2s ease;
}
.tile:hover .tile__btn{ transform:translateY(-1px); box-shadow:0 6px 16px rgba(229,57,53,.35); }
/* Мобилен туик */
@media (max-width:480px){
.tile--icon .tile__link{ align-items:flex-start; }
.tile__icon{ width:64px; height:64px; min-width:64px; }
}
:root{ --brand:#e53935; }
.category-tiles{ list-style:none; margin:0 auto 8px; padding:0;
display:grid; grid-template-columns:1fr; gap:14px; max-width:980px; }
@media (min-width:768px){ .category-tiles{ grid-template-columns:1fr 1fr; }}
/* карта с икона */
.tile{ background:#fff; border:1px solid #eee; border-radius:18px;
box-shadow:0 8px 26px rgba(0,0,0,.06); overflow:hidden; }
.tile--icon .tile__link{ display:flex; align-items:center; gap:14px; padding:12px 14px; text-decoration:none; color:inherit; }
.tile--icon .tile__body{ padding:0; }
.tile__title{ margin:0 0 4px; font-size:18px; }
.tile__text{ margin:0 0 8px; color:#455a64; }
/* кръг с SVG икона */
.tile__icon{
width:72px; height:72px; min-width:72px; border-radius:50%;
background:var(--brand); display:inline-flex; align-items:center; justify-content:center;
box-shadow:0 4px 14px rgba(229,57,53,.35);
}
.tile__icon svg{ display:block; width:30px; height:30px; color:#fff; }
/* бутон */
.tile__btn.button{
display:inline-flex; align-items:center; gap:.5em; padding:8px 14px; border-radius:999px;
font-weight:600; background:var(--brand); color:#fff!important; border:1px solid transparent;
box-shadow:0 2px 6px rgba(229,57,53,.25); transition:transform .2s ease, box-shadow .2s ease;
}
.tile:hover .tile__btn{ transform:translateY(-1px); box-shadow:0 6px 16px rgba(229,57,53,.35); }
@media (max-width:480px){
.tile--icon .tile__link{ align-items:flex-start; }
.tile__icon{ width:64px; height:64px; min-width:64px; }
}
:root{ --brand:#e53935; }
/* ---------- HERO: mobile-first, без хоризонтален скрол ---------- */
.hero{
width:100%;
max-width:980px;
margin:10px auto 8px;
padding:12px 16px;
box-sizing:border-box; /* падингът влиза в ширината */
text-align:center;
overflow-wrap:anywhere; /* „дълги“ думи да се пренасят */
}
.hero h3{
margin:0 0 8px;
font-size:clamp(20px, 5vw, 28px);
line-height:1.25;
}
.hero .sublead{
margin:0 0 12px;
font-size:15px;
line-height:1.6;
color:#455a64;
}
/* Бутони – без GAP (по-широка съвместимост) */
.hero-cta{
display:flex;
flex-wrap:wrap;
justify-content:center;
margin:-6px; /* вместо gap */
}
.hero-cta .button{
padding:10px 16px;
border-radius:10px;
font-weight:600;
margin:6px; /* вместо gap */
box-sizing:border-box;
white-space:nowrap; /* да не „чупи“ текста вътре */
}
.hero-cta .button.button--ghost{
background:#fff;
color:var(--brand)!important;
border:1px solid var(--brand);
}
/* На малки екрани – по един бутон на ред */
@media (max-width:480px){
.hero-cta .button{
flex:1 1 100%;
max-width:100%;
}
}
/* ---------- TRUST BAR: винаги в колонки без преливане ---------- */
.trust-bar{
list-style:none; padding:0;
width:100%; max-width:980px; margin:10px auto 18px;
box-sizing:border-box;
display:grid; grid-template-columns:1fr; gap:10px;
}
@media (min-width:560px){
.trust-bar{ grid-template-columns:repeat(2, minmax(0,1fr)); }
}
@media (min-width:980px){
.trust-bar{ grid-template-columns:repeat(4, minmax(0,1fr)); }
}
.trust-bar li{
min-width:0; /* предотвратява „избутване“ вдясно */
display:flex; align-items:flex-start; gap:8px;
background:#fff; border:1px solid #eee; border-radius:14px;
padding:10px 12px; line-height:1.45; font-weight:600;
box-shadow:0 6px 18px rgba(0,0,0,.05);
box-sizing:border-box;
}
.trust-bar i{
flex:0 0 auto;
font-size:28px; margin-top:2px; color:var(--brand);
}
/* Safety net – ако нещо все пак прелее вътре, нека се пренася */
.hero *, .trust-bar *{
max-width:100%;
box-sizing:border-box;
overflow-wrap:anywhere;
}
:root{ --brand:#e53935; }
/* меко движение само при hover устройства */
@media (hover:hover) and (pointer:fine){
/* картите в трите блока */
.feature-list li,
.benefits-list li,
.category-list li,
.trust-bar li{
transition:
transform .20s cubic-bezier(.2,.7,.2,1),
box-shadow .20s ease,
border-color .20s ease,
background-color .20s ease;
will-change: transform, box-shadow;
}
/* ефект при минаване с мишка */
.feature-list li:hover,
.benefits-list li:hover,
.category-list li:hover,
.trust-bar li:hover{
transform: translateY(-4px);
box-shadow: 0 12px 28px rgba(0,0,0,.12);
background:#fff;
border-color:#ffd6d6; /* лек акцент по контура */
}
/* „червеното кръгче/икона“ – лек zoom и halo */
.feature-list li::before,
.benefits-list li::before{ transition: transform .22s ease, box-shadow .22s ease; }
.feature-list li:hover::before,
.benefits-list li:hover::before{
transform: scale(1.12);
box-shadow: 0 0 0 6px rgba(229,57,53,.18);
}
/* иконите в trust bar-а */
.trust-bar i{ transition: transform .18s ease, color .18s ease; }
.trust-bar li:hover i{ transform: scale(1.15); color: var(--brand); }
/* заглавията в картите – лек акцент на цвят */
.feature-list li:hover > strong,
.benefits-list li:hover > strong{ color:#111; text-shadow:0 0 1px rgba(0,0,0,.06); }
}
/* предпочитание за намалено движение */
@media (prefers-reduced-motion: reduce){
.feature-list li, .benefits-list li, .category-list li, .trust-bar li,
.feature-list li::before, .benefits-list li::before, .trust-bar i{ transition:none !important; }
}
/* ====== Creatine Funel ====== */
/* ===== Creatine.bg Funnel — full CSS (namespace: crf-) ===== */
/* Палитра – лесно сменяема */
#crf-funnel-home[data-crf-root]{
--accent: #df1c17; /* розово-червено (brand-ish) */
--accent-hi: #f43f5e; /* по-светъл акцент */
--bg: #0b1022; /* тъмен фон */
--text: #e5e7eb; /* основен текст */
--muted: #a3a9b9; /* вторичен текст */
--card1: #121832; /* карта горе */
--card2: #717276; /* карта долу */
--stroke: rgba(255,255,255,.08);
}
#crf-funnel-home{
isolation:isolate; position:relative;
background:var(--bg); color:var(--text);
font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,"Helvetica Neue",Arial,sans-serif;
border-radius:18px; padding:26px 20px; margin:22px auto; max-width:1600px;
box-shadow:0 12px 32px rgba(0,0,0,.35);
}
/* Reset само вътре */
#crf-funnel-home *{ box-sizing:border-box; all:unset; display:revert; }
/* ===== Типография ===== */
#crf-funnel-home .crf-title{
all:revert; text-align:center; color:#fff;
font-weight:900; line-height:1.2;
font-size:clamp(24px, 3.1vw, 36px); margin:0 0 10px;
}
#crf-funnel-home .crf-subtitle{
all:revert; text-align:center; color:var(--muted);
font-weight:500; font-size:clamp(14px,1.7vw,18px); margin:0 0 18px;
}
/* ===== Progress (тънък, с градиент и среден маркер) ===== */
#crf-funnel-home .crf-progress{ display:flex; align-items:center; gap:12px; margin:8px 0 20px; }
#crf-funnel-home .crf-progress-track{
position:relative; flex:1; height:6px; border-radius:999px; overflow:hidden;
background:linear-gradient(90deg, rgba(255,255,255,.06), rgba(255,255,255,.06));
box-shadow:inset 0 0 0 1px rgba(255,255,255,.04);
}
#crf-funnel-home .crf-progress-bar{
display:block; height:100%; width:50%;
background:linear-gradient(90deg, var(--accent), var(--accent-hi));
box-shadow:0 0 10px rgba(241, 70, 104, .35);
}
#crf-funnel-home .crf-progress-track::after{
content:""; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);
width:6px; height:6px; border-radius:50%;
background:rgba(255,255,255,.35);
}
#crf-funnel-home .crf-progress-steps{ white-space:nowrap; color:var(--muted); font-size:14px; }
/* ===== Grid ===== */
#crf-funnel-home .crf-grid{ display:grid; gap:14px; grid-template-columns:repeat(3,minmax(0,1fr)); }
@media (max-width: 1024px){ #crf-funnel-home .crf-grid{ grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media (max-width: 560px){ #crf-funnel-home .crf-grid{ grid-template-columns:1fr; } }
/* ===== Cards ===== */
#crf-funnel-home .crf-card{
background:linear-gradient(180deg, var(--card1), var(--card2));
border:1px solid var(--stroke);
border-radius:16px; padding:16px; min-height:130px; cursor:pointer;
transition:transform .2s, box-shadow .2s, border-color .2s, background .2s;
}
#crf-funnel-home .crf-card:hover{
transform:translateY(-2px);
box-shadow:0 10px 20px rgba(0,0,0,.25);
}
#crf-funnel-home .crf-card[aria-pressed="true"]{
border-color:var(--accent);
box-shadow:0 0 0 2px rgba(225,17,72,.25) inset, 0 6px 22px rgba(225,17,72,.25);
}
#crf-funnel-home .crf-emoji{ font-size:28px; margin-bottom:8px; }
#crf-funnel-home .crf-card-title{
all:revert; color:#fff; margin:0 0 6px;
font-weight:850; font-size:18px;
}
#crf-funnel-home .crf-card-desc{
all:revert; color:var(--muted); margin:0;
font-weight:500; font-size:14px;
}
/* ===== Actions / Buttons ===== */
#crf-funnel-home .crf-actions{ display:flex; justify-content:center; align-items:center; gap:12px; margin:22px 0 10px; flex-wrap:wrap; }
#crf-funnel-home .crf-btn{
display:inline-block; border-radius:999px; padding:12px 20px; font-weight:750; font-size:15px;
border:1px solid transparent; text-decoration:none; cursor:pointer;
}
#crf-funnel-home .crf-btn-primary{
background:linear-gradient(90deg, var(--accent), var(--accent-hi)); color:#fff;
box-shadow:0 6px 18px rgba(225,17,72,.35);
}
#crf-funnel-home .crf-btn-primary:hover{ filter:brightness(.97); }
#crf-funnel-home .crf-btn-ghost {
background:transparent;
color:var(--text);
border:1px solid #25305c;
transition:all .2s ease;
cursor:pointer;
}
#crf-funnel-home .crf-btn-ghost:hover {
border-color: var(--accent); /* червен акцент */
color: var(--accent); /* червен текст */
background: rgba(244,67,54,.08); /* лек червен фон */
}
#crf-funnel-home .crf-disabled{ opacity:.5; pointer-events:none; }
/* Пулс за CTA (както предишните фунии) */
#crf-funnel-home .crf-attn{ animation:crf-pulse 1.6s infinite; }
@keyframes crf-pulse{
0%{ box-shadow:0 0 0 0 rgba(225,17,72,.5); }
70%{ box-shadow:0 0 0 16px rgba(225,17,72,0); }
100%{ box-shadow:0 0 0 0 rgba(225,17,72,0); }
}
/* ===== Step 2: Recommendations ===== */
#crf-funnel-home .crf-step2{ margin-top:12px; }
#crf-funnel-home .crf-reco-title{
all:revert; color:#fff; text-align:center;
font-weight:900; font-size:clamp(20px,2.4vw,26px); margin:10px 0 16px;
}
#crf-funnel-home .crf-reco{ display:grid; gap:12px; }
#crf-funnel-home .crf-reco .crf-box{
background:linear-gradient(180deg, var(--card1), var(--card2));
border-radius:14px; border:1px solid var(--stroke); padding:14px;
}
#crf-funnel-home .crf-reco h4{
all:revert; color:#fff; margin:0 0 6px; font-size:17px; font-weight:800;
}
#crf-funnel-home .crf-reco p{
all:revert; color:var(--muted); margin:0 0 8px; font-weight:500;
}
#crf-funnel-home .crf-link{
display:inline-block; margin:0 10px 6px 0; padding:10px 18px; border-radius:999px;
background:#0f173a; border:2px solid #f5f5f7; color:#ffd7df; font-weight:750; font-size:13px; text-decoration:none;cursor:pointer;
}
#crf-funnel-home .crf-link:hover{ border-color:var(--accent); }
/* ===== Fluid (по желание) ===== */
#crf-funnel-home.crf-fluid{
max-width:none; width:92vw; margin-left:50%; transform:translateX(-50%); border-radius:14px;
}
@media (max-width:560px){
#crf-funnel-home.crf-fluid{ width:100vw; padding-left:16px; padding-right:16px; border-radius:0; }
#crf-funnel-home .crf-actions{ text-align:center; }
#crf-funnel-home .crf-btn{ display:inline-flex; align-items:center; justify-content:center; margin:0 auto; }
}
/* === Заглавия === */
#crf-funnel-home .crf-title{
all:revert;
font-size:clamp(24px,3vw,34px);
line-height:1.2;
margin:0 0 8px;
font-weight:900;
text-align:center;
color:#fff; /* Бяло и bold */
}
#crf-funnel-home .crf-subtitle{
all:revert;
font-size:clamp(14px,1.8vw,18px);
line-height:1.4;
font-weight:500;
text-align:center;
color:var(--muted);
margin:0 0 18px;
}
/* === Progress с чисто червено #F44336 === */
#crf-funnel-home .crf-progress-bar{
display:block;
height:100%;
background:linear-gradient(90deg, #F44336, #e53935);
box-shadow:0 0 10px rgba(244,67,54,.45);
}
#crf-funnel-home .crf-card[aria-pressed="true"]{
border-color:#F44336;
box-shadow:0 0 0 2px rgba(244,67,54,.3) inset, 0 6px 20px rgba(244,67,54,.3);
}
#crf-funnel-home .crf-attn{
animation:crf-pulse 1.6s infinite;
}
@keyframes crf-pulse{
0% { box-shadow:0 0 0 0 rgba(244,67,54,.55); }
70% { box-shadow:0 0 0 16px rgba(244,67,54,0); }
100% { box-shadow:0 0 0 0 rgba(244,67,54,0); }
}
/* Уникален CSS за статията в creatine.bg: стилове са изолирани чрез wrapper ID */
.whey-protein-article {
/* цветови променливи и основни настройки за статията */
--primary-color: #007bff;
--secondary-color: #28a745;
--accent-color: #f2f6ff;
--text-color: #333;
--heading-color: #1a202c;
--border-color: #e2e8f0;
--hover-primary: #0056b3;
--hover-secondary: #1e7e34;
--faq-summary-bg: #edf2f7;
--faq-summary-open-bg: #e2e8f0;
--table-row-alt: #f9fafb;
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
line-height: 1.6;
background: var(--accent-color);
color: var(--text-color);
padding: 20px;
border-radius: 8px;
}
.whey-protein-article h1,
.whey-protein-article h2,
.whey-protein-article h3 {
color: var(--heading-color);
margin-top: 0;
}
.whey-protein-article .hero {
background: linear-gradient(135deg, #e0f7fa, #fff);
text-align: center;
padding: 40px 20px;
border-radius: 8px;
box-shadow: 0 2px 6px rgba(0,0,0,0.07);
}
.whey-protein-article .hero h1 {
font-size: 2.2rem;
margin-bottom: 10px;
}
.whey-protein-article .hero p {
font-size: 1.1rem;
margin-bottom: 20px;
}
.whey-protein-article .cta-btn {
display: inline-block;
padding: 12px 28px;
background: var(--primary-color);
color: #fff;
text-decoration: none;
border-radius: 4px;
font-weight: 600;
transition: background 0.3s ease;
margin-top: 10px;
}
.whey-protein-article .cta-btn:hover {
background: var(--hover-primary);
}
.whey-protein-article table {
width: 100%;
border-collapse: collapse;
margin: 20px 0;
font-size: 0.95rem;
}
.whey-protein-article th, .whey-protein-article td {
border: 1px solid var(--border-color);
padding: 12px;
text-align: left;
}
.whey-protein-article th {
background: #f6f9fc;
color: var(--heading-color);
font-weight: 600;
}
.whey-protein-article tr:nth-child(even) {
background: var(--table-row-alt);
}
.whey-protein-article ul {
list-style-type: disc;
padding-left: 20px;
margin: 10px 0 20px;
}
.whey-protein-article li {
margin-bottom: 8px;
}
.whey-protein-article .faq-item {
margin-bottom: 10px;
border: 1px solid var(--border-color);
border-radius: 4px;
overflow: hidden;
}
.whey-protein-article .faq-item summary {
cursor: pointer;
background: var(--faq-summary-bg);
padding: 12px;
font-weight: 600;
border-bottom: 1px solid var(--border-color);
position: relative;
}
.whey-protein-article .faq-item summary::before {
content: "\002B"; /* плюс знак */
color: var(--primary-color);
font-weight: bold;
margin-right: 10px;
}
.whey-protein-article .faq-item[open] summary::before {
content: "\2212"; /* минус знак */
color: var(--primary-color);
}
.whey-protein-article .faq-item[open] summary {
background: var(--faq-summary-open-bg);
}
.whey-protein-article .faq-item p {
padding: 12px;
margin: 0;
background: #ffffff;
}
.whey-protein-article .cta-links {
text-align: center;
margin-top: 30px;
}
.whey-protein-article .cta-links a {
display: inline-block;
margin: 10px;
padding: 12px 30px;
background: var(--secondary-color);
color: #fff;
text-decoration: none;
border-radius: 4px;
font-weight: 600;
transition: background 0.3s ease;
}
.whey-protein-article .cta-links a:hover {
background: var(--hover-secondary);
}
/* ✅ Подреждане на цените една под друга на мобилни устройства */
@media (max-width: 767px) {
.checkout-product table td.text-right,
.checkout-product table td.text-right.price,
.checkout-product table td.text-right.total {
white-space: normal !important;
word-break: break-word !important;
text-align: right !important;
display: table-cell !important;
vertical-align: middle !important;
}
}
/* =========================================================
Creatine.bg — Trust Bar (Hero only) • FINAL
Изолиран стил + анти-„сечене“ на думи на всички екрани
========================================================= */
section.hero > ul.new-trust-bar{
/* Бранд променливи */
--accent: #22c55e;
--text: #111827;
--card-bg: #fff;
--ring: rgba(34,197,94,.18);
--shadow: 0 8px 24px rgba(0,0,0,.06);
/* Основна решетка (mobile-first) */
list-style: none;
margin: 12px auto 0;
padding: 0;
display: grid;
grid-template-columns: 1fr; /* мобилни: 1 колона */
gap: 12px;
width: 100%;
max-width: 560px; /* центрира колона на мобилни */
color: var(--text);
}
/* Карта */
section.hero > ul.new-trust-bar li{
position: relative;
display: flex;
align-items: center;
gap: 12px;
padding: 12px 14px;
border-radius: 14px;
background: linear-gradient(180deg, rgba(255,255,255,.7), rgba(255,255,255,.95)), var(--card-bg);
border: 1px solid rgba(0,0,0,.06);
box-shadow: var(--shadow);
transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
overflow: hidden;
}
/* декоративна извивка вместо права линия */
/* декоративна извивка – навън отляво */
section.hero > ul.new-trust-bar li {
position: relative;
display: flex;
align-items: center;
gap: 12px;
padding: 12px 14px;
border-left: 4px solid #22c55e; /* зелена линия като .home-quote */
background: #ffffff;
border-radius: 10px;
box-shadow: 0 20px 14px rgba(2, 2, 2, 0.18);
transition: transform 0.18s ease, box-shadow 0.18s ease;
}
section.hero > ul.new-trust-bar li:hover {
transform: translateY(-2px);
box-shadow: 0 20px 14px rgba(2, 2, 2, 0.18);
}
/* махаме стария ::before, за да не дублира линията */
section.hero > ul.new-trust-bar li::before {
content: none !important;
}
section.hero > ul.new-trust-bar li:hover{
transform: translateY(-2px);
box-shadow: 0 20px 14px rgba(2, 2, 2, 0.18);
border-color: var(--ring);
}
/* Икона */
section.hero > ul.new-trust-bar i{
flex: 0 0 40px;
display: grid; place-items: center;
width: 40px; height: 40px;
border-radius: 12px;
background: rgba(34,197,94,.10);
outline: 2px solid var(--ring);
font-size: 18px;
flex-shrink: 0; /* да не се свива */
}
/* Текст – АНТИ-СЕЧЕНЕ (важи за всички екрани) */
section.hero > ul.new-trust-bar li span{
display: block;
flex: 1 1 auto;
min-width: 0;
font-weight: 700;
font-size: 14px;
line-height: 1.35;
/* забраняваме глобални правила от темата */
white-space: normal !important;
word-break: keep-all !important; /* чупи само между думи */
overflow-wrap: normal !important; /* без anywhere/ break-word */
hyphens: manual !important;
letter-spacing: normal;
text-align: left;
}
/* Мобилни дребни подобрения */
@media (max-width: 399px){
section.hero > ul.new-trust-bar{ gap: 10px; }
section.hero > ul.new-trust-bar li{ padding: 10px 12px; border-radius: 12px; }
section.hero > ul.new-trust-bar i{ width: 36px; height: 36px; font-size: 16px; border-radius: 10px; }
section.hero > ul.new-trust-bar li span{ font-size: 13.5px; }
}
/* Таблет: 2 колони */
@media (min-width: 640px){
section.hero > ul.new-trust-bar{
max-width: 720px;
grid-template-columns: repeat(2, minmax(0,1fr));
}
}
/* Десктоп: точно 4 на ред + достатъчна ширина на картите */
@media (min-width: 992px){
section.hero > ul.new-trust-bar{
max-width: none;
grid-template-columns: repeat(4, minmax(240px, 1fr)); /* мин. ширина за текст */
gap: 14px;
}
section.hero > ul.new-trust-bar li span{
font-size: 15px;
line-height: 1.35;
}
}
/* Dark mode (по избор) */
@media (prefers-color-scheme: dark){
section.hero > ul.new-trust-bar li{
background: linear-gradient(180deg, rgba(17,19,24,.8), rgba(17,19,24,.95));
border-color: rgba(255,255,255,.06);
}
section.hero > ul.new-trust-bar i{ background: rgba(34,197,94,.16); }
}
/* === FIX: зануляване на глобалния margin за нашата лента === */
section.hero > ul.new-trust-bar > li{
margin-left: 0 !important;
list-style: none !important; /* за всеки случай */
}
/* ако темата слага допълнителни отстъпи и на UL */
section.hero > ul.new-trust-bar{
padding-left: 0 !important;
margin-left: auto !important;
margin-right: auto !important;
}
/* по желание – спира и всяко „преливане“ от overflow:auto на LI */
section.hero > ul.new-trust-bar > li{
overflow: visible !important;
}
.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;margin:0 auto 42px;font-size:19px;line-height:1.75;color:#2b2b2b;position:relative;opacity:0;transform:translateY(20px);animation:goldSub .9s cubic-bezier(.25,.1,.25,1) forwards}.lc-mechanism__subtitle:after{content:"";position:absolute;left:50%;bottom:-10px;width:110px;height:3px;background:linear-gradient(90deg,#d4af37,#f7e27d,#d4af37);background-size:200% 100%;border-radius:3px;transform:translateX(-50%);opacity:0;animation:goldLine 1.4s ease-out forwards .35s}.lc-mechanism__subtitle:before{content:"";position:absolute;left:50%;bottom:-10px;width:110px;height:3px;background:linear-gradient(90deg,rgba(255,255,255,0) 0%,rgba(255,255,255,.9) 50%,rgba(255,255,255,0) 100%);border-radius:3px;transform:translateX(-50%) translateY(-1px);opacity:0;filter:blur(2px);animation:goldShine 1.8s ease-out forwards .55s}@keyframes goldSub{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes goldLine{from{opacity:0;background-position:200% 0}to{opacity:1;background-position:-200% 0}}@keyframes goldShine{from{opacity:0;transform:translateX(-50%) translateY(-1px) scaleX(.5)}to{opacity:.9;transform:translateX(-50%) translateY(-1px) scaleX(1)}}
.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; } }
@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;}
}
.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;
}
/* Контейнер на фунията */
/* ------------------ КОНТЕЙНЕР НА ФУНИЯТА ------------------ */
.mg-funnel {
max-width: 1200px;
margin: 40px auto;
padding: 24px 16px 32px;
}
.mg-funnel-title {
font-size: 26px;
font-weight: 800;
text-align: center;
margin: 0 0 10px;
color: #222222;
}
.mg-funnel-subtitle {
max-width: 780px;
margin: 0 auto 26px;
font-size: 16px;
line-height: 1.6;
color: #555555;
text-align: center;
}
/* ================== GRID ================== */
.mg-funnel-grid {
display: grid;
gap: 24px;
}
/* 2 колони */
.mg-funnel-grid--2 {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
/* 3 колони */
.mg-funnel-grid--3 {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
/* Tablet */
@media (max-width: 992px) {
.mg-funnel-grid--2,
.mg-funnel-grid--3 {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
/* Mobile */
@media (max-width: 768px) {
.mg-funnel-grid--2,
.mg-funnel-grid--3 {
grid-template-columns: 1fr;
}
}
/* ================== КАРТИ (Premium Silver Base) ================== */
.mg-card {
position: relative;
display: flex;
flex-direction: column;
/* Premium silver base (неутрално, луксозно) */
background: linear-gradient(
135deg,
#f6f7f8 0%,
#ffffff 40%,
#eceef1 100%
);
border-radius: 18px;
padding: 18px 18px 20px;
border: 1px solid rgba(130, 130, 130, 0.22);
box-shadow:
0 10px 35px rgba(0, 0, 0, 0.06),
inset 0 1px 0 rgba(255, 255, 255, 0.9);
overflow: hidden;
transform: translateY(0);
transition:
transform 0.25s ease,
box-shadow 0.25s ease,
border-color 0.25s ease,
background 0.25s ease;
}
/* ако ползваш .mg-card-inner */
.mg-card-inner {
flex: 1 1 auto;
}
/* Металик glow рамка (премиум, не оранжева) */
.mg-card::before {
content: "";
position: absolute;
inset: -1px;
border-radius: inherit;
background: conic-gradient(
from 150deg,
rgba(255, 255, 255, 0.0),
rgba(220, 224, 230, 0.75),
rgba(255, 255, 255, 0.0),
rgba(190, 195, 203, 0.65),
rgba(255, 255, 255, 0.0)
);
opacity: 0;
z-index: 0;
transition: opacity 0.3s ease;
}
/* Shine слой – винаги под съдържанието */
.mg-card::after {
content: "";
position: absolute;
inset: 0;
background: linear-gradient(
120deg,
transparent 28%,
rgba(255, 255, 255, 0.40) 45%,
transparent 62%
);
opacity: 0;
z-index: 0;
pointer-events: none;
transition: opacity 0.25s ease;
}
/* съдържанието да е над ефектите */
.mg-card > * {
position: relative;
z-index: 1;
}
/* Hover */
.mg-card:hover {
transform: translateY(-6px);
box-shadow:
0 22px 60px rgba(0, 0, 0, 0.16),
inset 0 1px 0 rgba(255, 255, 255, 0.95);
border-color: rgba(120, 120, 120, 0.45);
background: radial-gradient(circle at top, #ffffff 0%, #eef0f3 60%, #e7eaee 100%);
}
.mg-card:hover::before {
opacity: 0.6;
}
.mg-card:hover::after {
opacity: 1;
}
/* ================== ЕЛЕМЕНТИ В КАРТАТА ================== */
/* Малък таг (по подразбиране: сребрист) */
.mg-card-tag {
display: inline-block;
padding: 4px 10px;
font-size: 11px;
font-weight: 700;
letter-spacing: 0.03em;
text-transform: uppercase;
color: #2b2f36;
background: rgba(0, 0, 0, 0.05);
border: 1px solid rgba(0, 0, 0, 0.08);
border-radius: 999px;
margin-bottom: 10px;
}
/* Икона / кръгче */
.mg-card-icon {
width: 46px;
height: 46px;
border-radius: 50%;
background: radial-gradient(
circle at 30% 20%,
#ffffff 0%,
#eef0f3 55%,
#dfe3e8 100%
);
border: 1px solid rgba(120, 120, 120, 0.18);
display: flex;
align-items: center;
justify-content: center;
font-size: 24px;
margin-bottom: 10px;
}
/* Снимка */
.mg-card-image {
margin-bottom: 10px;
}
.mg-card-image img {
display: block;
width: 100%;
height: auto;
border-radius: 14px;
}
/* Заглавие */
.mg-card-title {
margin: 0 0 8px;
font-size: 20px;
color: #1f232a;
font-weight: 800;
}
/* Описание */
.mg-card-text {
margin: 0 0 10px;
font-size: 16px;
line-height: 1.55;
color: #4b4f57;
}
/* Списък */
.mg-card-list {
margin: 0 0 12px;
padding-left: 0;
list-style: none;
}
.mg-card-list li {
position: relative;
margin-bottom: 6px;
padding-left: 16px;
font-size: 15px;
color: #2b2f36;
}
.mg-card-list li::before {
content: "•";
position: absolute;
left: 0;
top: 0.05em;
color: #9aa0a6; /* сребрист bullet */
font-weight: 800;
font-size: 18px;
line-height: 1;
}
/* Trust зона – премиум (без оранжево) */
.mg-card-trust {
margin-top: 8px;
padding: 9px 10px;
border-radius: 12px;
background: rgba(0, 0, 0, 0.035);
border: 1px solid rgba(0, 0, 0, 0.08);
font-size: 13px;
color: #2b2f36;
}
/* ================== НЮАНСИ ПО КАРТИ (по избор) ================== */
/* леко различни silver тонове вместо оранжеви */
.mg-card--brand {
background: linear-gradient(135deg, #f7f8f9 0%, #ffffff 45%, #eef1f4 100%);
}
.mg-card--value {
background: linear-gradient(135deg, #f6f7f8 0%, #ffffff 45%, #e9edf2 100%);
}
.mg-card--why {
background: linear-gradient(135deg, #f7f9fb 0%, #ffffff 45%, #eef3f8 100%);
}
.mg-card--must {
background: linear-gradient(135deg, #f8f8f8 0%, #ffffff 45%, #eef0f1 100%);
}
/* Ако искаш “highlight” карта да е още по-металик */
.mg-card--cramps {
background: linear-gradient(
135deg,
#f5f6f7 0%,
#e6e7e9 25%,
#ffffff 50%,
#dfe1e4 75%,
#f7f8f9 100%
) !important;
border-color: rgba(120, 120, 120, 0.28);
}
/* ================== БУТОН ================== */
.mg-card-cta {
margin-top: auto;
margin-bottom: 8px;
}
/* Silver premium бутон */
.mg-button { display: inline-block; width: 100%; text-align: center; background: linear-gradient(135deg, #ff9c3a, #ff7a00); color: #ffffff !important; padding: 12px 0; border-radius: 10px; font-size: 16px; font-weight: 700; text-decoration: none; border: none; cursor: pointer; box-shadow: 0 8px 18px rgba(255, 122, 0, 0.35); transition: transform 0.18s ease, box-shadow 0.18s ease, background 0.18s ease; } .mg-button:hover { transform: translateY(-1px); box-shadow: 0 12px 24px rgba(255, 122, 0, 0.45); } .mg-button:active { transform: translateY(0); box-shadow: 0 5px 12px rgba(255, 122, 0, 0.35); }
/* ================== MOBILE ОПТИМИЗАЦИИ ================== */
@media (max-width: 576px) {
.mg-funnel {
margin: 24px 8px 32px;
padding: 18px 12px 24px;
}
.mg-card {
padding: 16px 14px 18px;
}
.mg-card-title {
font-size: 18px;
}
.mg-card-text {
font-size: 15px;
}
}
/* GRID */
.lc-days__grid{
display: grid;
gap: 24px;
grid-template-columns: repeat(4, minmax(0, 1fr));
margin-top: 28px;
}
@media (max-width: 992px){
.lc-days__grid{ grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 640px){
.lc-days__grid{ grid-template-columns: 1fr; }
}
/* CARD – като в снимката */
.lc-days__item{
position: relative;
background: #fff;
border-radius: 12px;
padding: 54px 24px 26px; /* място за таба */
box-shadow: 0 10px 26px rgba(0,0,0,0.08);
}
/* ORANGE PILL – залепен горе вляво, като примера */
.lc-days__pill{
position: absolute;
top: 14px;
left: 16px;
background: #ff9800;
color: #fff;
font-weight: 800;
font-size: 13px;
line-height: 1;
padding: 10px 14px;
border-radius: 10px;
white-space: nowrap;
}
/* Title + text – чисто и четимо */
.lc-days__item h3{
margin: 0 0 10px;
font-size: 18px;
line-height: 1.35;
font-weight: 800;
color: #111;
}
.lc-days__item p{
margin: 0;
font-size: 15px;
line-height: 1.65;
color: #555;
}
@media (max-width: 768px) {
/* контейнерът */
.blog-post section p {
display: flex;
flex-direction: column;
align-items: center;
gap: 10px;
}
/* общ стил за двата бутона */
a.button.home-intro_more {
width: auto !important;
min-width: 220px;
padding: 12px 20px !important;
border-radius: 8px;
font-size: 15px;
}
/* вторият бутон – secondary */
a.button.home-intro_more:last-child {
background: #fff !important;
color: #e53935 !important;
border: 2px solid #e53935;
}
}
/* ===== Creatine.bg HERO — same look as funnel, separate root ===== */
#crf-hero-home[data-crf-hero]{
--accent: #df1c17;
--accent-hi: #f43f5e;
--bg: #0b1022;
--text: #e5e7eb;
--muted: #a3a9b9;
--stroke: rgba(255,255,255,.08);
}
#crf-hero-home{
isolation:isolate;
position:relative;
background:var(--bg);
color:var(--text);
font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,"Helvetica Neue",Arial,sans-serif;
border-radius:18px;
padding:26px 20px;
margin:22px auto;
max-width:1600px;
box-shadow:0 12px 32px rgba(0,0,0,.35);
}
/* reset само вътре в hero блока */
#crf-hero-home *{
box-sizing:border-box;
all:unset;
display:revert;
}
/* типография */
#crf-hero-home .crf-title{
all:revert;
text-align:center;
color:#fff;
font-weight:900;
line-height:1.2;
font-size:clamp(24px, 3.1vw, 36px);
margin:0 0 10px;
}
#crf-hero-home .crf-subtitle{
all:revert;
text-align:center;
color:var(--muted);
font-weight:500;
font-size:clamp(14px,1.7vw,18px);
line-height:1.55;
margin:0;
max-width:1100px;
margin-left:auto;
margin-right:auto;
}
.youtube-responsive {
position: relative;
width: 100%;
max-width: 100%;
padding-bottom: 56.25%; /* 16:9 */
height: 0;
overflow: hidden;
}
.youtube-responsive iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: 0;
}
.lc-sources {
margin-top: 40px;
}
.lc-sources__title {
font-size: 28px;
margin-bottom: 10px;
}
.lc-sources__subtitle {
color: #666;
margin-bottom: 15px;
}
.lc-sources__list li {
margin-bottom: 8px;
}
.lc-sources__list a {
color: #588f27;
text-decoration: none;
}
.lc-sources__list a:hover {
text-decoration: underline;
}
/* ===== CREATIVE ARTICLE STYLE (SCOPED) ===== */
.creatine-article {
max-width: 900px;
margin: 0 auto;
}
/* SECTION SPACING */
.creatine-article .section {
margin-bottom: 40px;
}
/* HEADINGS */
.creatine-article .section h2 {
font-family: Arial, Helvetica, sans-serif;
font-size: 34px;
line-height: 1.3;
font-weight: 700;
color: #1a1a1a !important;
margin-bottom: 18px;
text-decoration: none !important;
}
/* маха theme линкове върху h2 */
.creatine-article .section h2 a {
color: #1a1a1a !important;
text-decoration: none !important;
}
/* PARAGRAPH */
.creatine-article .section p {
font-family: Arial, Helvetica, sans-serif;
font-size: 18px;
line-height: 1.8;
color: #222;
margin-bottom: 18px;
}
/* LISTS */
.creatine-article .section ul {
margin: 0 0 20px 22px;
}
.creatine-article .section li {
font-size: 18px;
line-height: 1.8;
margin-bottom: 10px;
color: #222;
}
/* BOLD */
.creatine-article strong {
font-weight: 700;
color: #111;
}
/* SUP REFERENCES */
.creatine-article sup {
font-size: 11px;
vertical-align: super;
}
.creatine-article sup a {
color: #2f6fb3;
font-weight: 700;
text-decoration: none;
}
.creatine-article sup a:hover {
text-decoration: underline;
}
/* TOC */
.creatine-article .toc {
background: #f7f7f7;
padding: 20px;
border-radius: 8px;
margin-bottom: 35px;
}
.creatine-article .toc h2 {
font-size: 20px;
margin-bottom: 10px;
}
.creatine-article .toc a {
color: #2f6fb3;
text-decoration: none;
}
.creatine-article .toc a:hover {
text-decoration: underline;
}
/* SOURCES */
.creatine-article .sources {
margin-top: 50px;
padding-top: 25px;
border-top: 1px solid #e5e5e5;
}
.creatine-article .sources h2 {
font-size: 26px;
margin-bottom: 15px;
}
.creatine-article .sources li {
font-size: 16px;
line-height: 1.7;
margin-bottom: 12px;
}
.creatine-article .sources a {
color: #2f6fb3;
text-decoration: none;
}
.creatine-article .sources a:hover {
text-decoration: underline;
}
/* FOOTNOTE */
.creatine-article .footnote {
font-size: 15px;
color: #555;
margin-top: 25px;
}
/* MOBILE */
@media (max-width: 767px) {
.creatine-article {
padding: 0 2px;
}
.creatine-article .section h2 {
font-size: 24px;
}
.creatine-article .section p,
.creatine-article .section li {
font-size: 16px;
line-height: 1.75;
}
}
/* 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;
}
}
/* =========================================================
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;
}
}