/* Control Panel Settings */ .quickview .mfp-iframe-holder .mfp-content{height:530px} .quickview.product-page .heading-title{background-color: rgb(235, 88, 88);padding-left:5px;padding-right:5px} #more-details[data-hint]:after{color: rgb(255, 255, 255);background-color: rgb(55, 41, 30)} #more-details i:before{content: '\e62c';font-size: 30px;color: rgb(255, 255, 255);top: -1px;left: 2px} .quickview #content{background-color: rgb(228, 228, 228)} .quickview h1.heading-title{text-align:center} .label-latest{color: rgb(255, 255, 255);border-radius: 10px;background-color: rgb(105, 185, 207)} .label-sale{color: rgb(255, 255, 255);border-radius: 10px;background-color: rgb(252, 68, 30)} .label-outofstock{background-color:rgb(252, 68, 30)} header .links a, .links .no-link, .mm-header-link a{color: rgb(0, 0, 0)} .mega-menu div > h3{font-weight: bold;font-size: 13px;text-transform: uppercase;color: rgb(41, 72, 125);padding-left:5px;padding-top:5px;padding-right:5px;padding-bottom:5px} .mega-menu-categories .mega-menu-item ul li a{color: rgb(51, 55, 69);padding-left:10px} .mega-menu-categories .mega-menu-item ul li a:hover{color: rgb(252, 68, 30)} .mega-menu-brands div > h3{text-transform: uppercase;text-align:left;background-color: rgb(252, 68, 30);padding-top:10px;padding-bottom:10px;padding-left:5px;padding-right:5px} .mega-menu-html div > h3, .mega-menu-mixed .mega-menu-html > h3{text-transform: uppercase;text-align:left;padding-top:10px;padding-bottom:10px;padding-right:5px;padding-left:5px} .mega-menu-html .mega-menu-item .wrapper{color: rgb(51, 55, 69);padding-top:10px;padding-left:5px;padding-right:5px;padding-bottom:10px} .super-menu > li > a{font-size: 14px;color: rgb(255, 255, 255)} .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(244, 244, 244)} .mega-menu-categories .mega-menu div > h3{text-align:left} .mega-menu-categories .mega-menu-item > div{padding:10px} .mega-menu-brands .mega-menu-item div{padding:5px} .mega-menu-brands .mega-menu-item img{border-width: 2px;border-style: solid;border-color: rgb(244, 244, 244)} .mobile-trigger:before{content: '\e618';font-size: 20px} .drop-down .menu-plus:before{content: '\e60e';font-size: 11px;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: 14px} .mobile-trigger, .mobile-menu-on-tablet .mobile-trigger{font-size: 14px;color: rgb(255, 255, 255)} .journal-menu .mobile-menu > li .mobile-plus, .tablet.mobile-menu-on-tablet header .journal-menu .mobile-menu > li .mobile-plus, .mobile.mobile-menu-on-tablet header .journal-menu .mobile-menu > li .mobile-plus{background-color: rgb(41, 72, 125);color: rgb(255, 255, 255)} .journal-header-default .links a:hover{background-color: rgb(228, 228, 228)} .journal-header-default .journal-links{background-color: rgb(244, 244, 244)} .journal-header-default .links a, .journal-header-default .links .no-link{border-color: rgb(228, 228, 228)} header .links li:hover a, .mm-header-link li:hover a{color: rgb(252, 68, 30)} .super-menu{background-color: rgb(41, 72, 125);border-right-width: 1px;border-left-width: 1px;border-style: dotted;border-color: rgb(95, 104, 116)} .journal-menu-bg{background-color: rgb(41, 72, 125)} .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(252, 68, 30)} .super-menu > li, .super-menu > li:last-of-type, .journal-desktop .menu-floated .float-left, .journal-desktop .menu-floated .float-right{border-color: rgb(51, 55, 69)} .mega-menu, .html-menu{background-image: url('https://kythuatkhanhhoa.com/image/data/blackgroundDM/danhmuc.jpg');background-repeat: repeat;background-position: center top;background-size: auto;background-attachment: scroll} .mega-menu div > h3:hover > a{color: rgb(252, 68, 30)} .drop-down ul li:hover > a, .fly-drop-down ul li:hover > a{color: rgb(255, 255, 255)} .drop-down ul li, .fly-drop-down ul li{background-color: rgb(255, 255, 255)} .drop-down ul li:hover, .drop-down ul > li:hover > a, .fly-drop-down ul > li:hover > a{background-color:rgb(252, 68, 30);border-color:rgb(252, 68, 30);} .drop-down ul li:hover > a i:before{color: rgb(255, 255, 255)} .mega-menu .product-grid-item .price{display:inline-block} .mega-menu{padding:10px} .mega-menu-item > div, #header .mega-menu .product-wrapper{margin-right:15px} .mega-menu-categories .mega-menu-item ul li.view-more a{font-family: Helvetica, Arial, sans-serif;font-weight: bold;font-style: normal;font-size: 11px;text-transform: none;color: rgb(235, 88, 88)} .mega-menu-categories .mega-menu-item ul li.view-more a:hover{color: rgb(252, 68, 30)} .mega-menu-column.mega-menu-html .wrapper p, .mega-menu-column.mega-menu-html .wrapper p span, .mega-menu .mega-menu-column .menu-cms-block{color: rgb(51, 55, 69)} .mega-menu-column > div > h3, .mega-menu-column > h3{text-transform: uppercase;padding-top:10px;padding-right:5px;margin-bottom:10px;padding-bottom:10px;background-color: rgb(252, 68, 30);padding-left:5px} .mega-menu .product-wrapper{padding:5px} .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} .quote .button{color: rgb(255, 255, 255);border-radius: 2px;padding:0 5px} .product-info .left .image-additional a{padding:0 10px 10px 0} .product-info .image .label-latest{display: block} .product-info .image .label-sale{display: block} .product-info .image .label-outofstock{display: block} .product-options > div, .product-options > ul{background-color: rgb(244, 244, 244)} .product-options > div, .product-options > ul, .skin-11 .right .heading-title{margin-bottom:1px} .product-info .right .description .instock{font-weight: bold;color: rgb(63, 81, 181)} .product-info .right .description .outofstock{font-weight: bold;color: rgb(221, 0, 23)} .product-info .right .price .price-new, .product-info .right .price .product-price, .product-info .right .price li.price-new, .product-info .right .price li.product-price{font-family: Helvetica, Arial, sans-serif;font-size: 24px;color: rgb(252, 68, 30)} .product-info .right .price .price-old, .product-info .right .price li.price-old{font-size: 16px;color: rgb(255, 255, 255)} .product-info .right .price-old{background-color: rgb(51, 55, 69)} .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-style: normal;font-size: 14px;color: rgb(0, 0, 0)} .product-info .option > ul > li{color: rgb(255, 255, 255);background-color: rgb(69, 115, 143)} #button-cart, .product-info .right .cart div .button.enquiry-button{font-size: 16px;text-transform: uppercase;color: rgb(252, 68, 30)} #button-cart, .product-info .right .cart div .button.enquiry-button, .quickview #more-details{border-width: 1px;border-radius: 20px;border-style: solid;border-color: rgb(252, 68, 30);background-color: rgb(244, 244, 244)} .product-info .right .wishlist-compare .links a{font-size: 14px;color: rgb(0, 0, 0)} .product-info .right .wishlist-compare .links a:hover{color: rgb(252, 68, 30)} #tabs a, #tabs li a{font-size: 14px;text-transform: none;color: rgb(0, 0, 0);box-shadow:none} #tabs > li{border-top-width: 1px;border-right-width: 1px;border-left-width: 1px;border-style: solid;border-color: rgb(228, 228, 228)} .product-info .tab-content, .tab-content{border-width: 1px;border-bottom-right-radius: 20px;border-bottom-left-radius: 20px;border-style: solid;border-color: rgb(228, 228, 228);padding:5px} .product-info .left .journal-custom-tab h3{font-size: 15px } .product-info .left .journal-custom-tab{background-color: rgb(244, 244, 244);padding-right:5px;padding-bottom:10px;padding-left:5px;padding-top:10px} .product-info .right .journal-custom-tab h3{font-size: 15px} .product-info .right .journal-custom-tab{padding-bottom:10px;padding-top:10px;padding-right:5px;padding-left:5px} .product-info .gallery-text:before{content: '\e015';font-size: 16px} #product-gallery .swiper-button-prev::before{content: '\e62b';font-size: 18px;color: rgb(255, 255, 255);top: -1px;left: -1px} #product-gallery .swiper-button-next::before{content: '\e62c';font-size: 18px;color: rgb(255, 255, 255);top: -1px;left: 1px} #button-cart .button-cart-text:before, #button-cart .button-cart-text:after{content: '\e180';font-size: 20px;color: rgb(252, 68, 30);top: 2px} .product-info .right .wishlist-compare .links a:before{content: '\e662';font-size: 16px} .product-info .right .wishlist-compare .links a+a:before{content: '\e025';font-size: 16px} .product-info .right .options .option{border-color: rgb(189, 195, 199)} .product-info .option > ul > li.selected, .product-info .option > ul > li:hover{color: rgb(255, 255, 255);background-color: rgb(252, 68, 30)} .product-info .right .cart div .journal-stepper{color: rgb(51, 55, 69);background-color: rgb(244, 244, 244)} .product-info .right .cart div .journal-stepper:hover{color: rgb(51, 55, 69);background-color: rgb(244, 244, 244)} #button-cart:hover, .product-info .right .cart div .button.enquiry-button:hover, .quickview #more-details:hover{color: rgb(255, 255, 255);background-color: rgb(252, 68, 30)} #tabs a:hover, #tabs a.selected, #tabs li a:hover, #tabs li.active a{color: rgb(69, 115, 143);background-color: rgb(255, 255, 255)} .product-info .tab-content, .tab-content, .quickview .tab-content{background-color: rgb(255, 255, 255)} .tags a{background-color: rgb(191, 195, 182);color: rgb(42, 43, 46)} .tags a:hover{background-color: rgb(244, 67, 54);color: rgb(255, 255, 255)} .tags b{background-color: rgb(51, 55, 69);color: rgb(255, 255, 255)} .tags{text-align:left} .tags a, .tags b{border-radius: 15px} .product-info .right > div > div, .product-info .right > div > ul{padding-left:5px;padding-top:10px;padding-right:5px;padding-bottom:10px} #product-gallery .swiper-button-prev, #product-gallery .swiper-button-next{width:22px;height:22px; line-height:22px;background-color: rgb(252, 68, 30)} #product-gallery .swiper-button-prev:hover::before, #product-gallery .swiper-button-next:hover::before{color: rgb(255, 255, 255)} #product-gallery .swiper-button-prev:hover, #product-gallery .swiper-button-next:hover{background-color: rgb(66, 139, 202)} .product-info .right .options .option b, .product-info .right .options .option .control-label{font-weight: normal;font-style: normal;font-size: 13px} .attribute tbody td{text-align:left} .brand-logo a img{border-width: 1px;border-radius: 10px;border-style: solid;border-color: rgb(228, 228, 228)} .product-sold-count-text{font-size: 15px} .product-page .heading-title{text-align:left;padding-right:5px;padding-left:5px;background-color: rgb(243, 237, 199);font-weight: bold;font-style: normal;font-size: 18px;color: rgb(255, 0, 0)} .attribute tr td:first-child{text-align:left} .product-info .right .options .option label{font-weight: normal;font-style: normal;font-size: 13px;color: rgb(51, 55, 69)} .product-info .right .description{padding:5px;display:block} .product-info .right > div > .price{padding:5px;display:block} .product-info .product-options > .cart{padding:5px;display:block} .product-info .right > div > .options{padding:5px;display:block} body{font-weight: 400;font-family: "Roboto";font-size: 13px;color: rgb(51, 55, 69);background-color: rgb(255, 255, 255)} .home-page #container{margin-bottom:5px;margin-top:5px} .heading-title, .box-heading, #blogArticle .articleHeader h1, .oc-filter .panel-heading{text-align:left;border-radius: 10px;background-color: rgb(41, 72, 125)} .secondary-title, #content #review-title, #content legend, .checkout-content h2{text-align:left;font-family: Helvetica, Arial, sans-serif;font-weight: bold;font-style: normal;font-size: 14px;text-transform: none;color: rgb(255, 255, 255);border-radius: 10px;padding-top:10px; padding-bottom:10px;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: 17px;color: rgb(255, 255, 255)} .button, .side-column .box-content a.button, #quickcheckout .button, .modal-footer .btn{font-size: 15px;color: rgb(255, 255, 255)} .button, #quickcheckout .button, .modal-footer .btn{border-radius: 10px;padding:0 5px;line-height:35px;background-color: rgb(252, 68, 30)} .breadcrumb{font-family: Helvetica, Arial, sans-serif;font-weight: bold;font-size: 12px;background-color: rgb(244, 244, 244);border-radius: 10px;border-color: rgb(228, 228, 228);padding-left:5px; padding-right:5px;} .scroll-top:before{content: '\e021';font-size: 45px;color: rgb(63, 87, 101)} #container{background-color: rgb(255, 255, 255);margin-bottom:5px;margin-top:5px} .extended-layout .extended-container{background-color: rgb(255, 255, 255)} a{color: rgb(252, 68, 30)} a:hover{color: rgb(41, 72, 125)} .secondary-title, #content #review-title,#content legend, .checkout-content h2{background-color: rgb(74, 144, 226)} .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(51, 55, 69);border-color: rgb(252, 68, 30)} .breadcrumb a:hover{color: rgb(252, 68, 30)} .scroll-top:hover:before{color: rgb(252, 68, 30)} .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:5px} .heading-title, .box-heading, #blogArticle .articleHeader h1, .oc-filter .panel-heading, .journal-carousel .htabs.single-tab a{padding-right:5px} .extended-container:before{background-color: rgb(244, 244, 244)} #column-right{padding-left:5px !important;;width:300px;padding-bottom:5px !important;;padding-top:5px !important;;padding-right:5px !important;} .home-page.extended-layout .extended-container{background-color: rgb(255, 255, 255)} div#content{padding-bottom:5px !important;;padding-left:5px !important;;padding-top:5px !important;;padding-right:5px !important;} #column-left{width:300px;padding-right:5px !important;;padding-left:5px !important;;padding-top:5px !important;;padding-bottom:5px !important;} .box-sections ul li, .custom-sections .box-heading.box-sections{border-style:solid;border-color: rgb(255, 255, 255)} .custom-sections .box-heading{background-color: rgb(40, 138, 214)} .box-sections ul li a{font-size: 15px;text-transform: uppercase;color: rgb(255, 255, 255)} .box-sections ul li a:hover, .box-sections ul li a.selected{color: rgb(255, 255, 255);background-color: rgb(252, 68, 30)} .custom-sections.section-product .product-wrapper{padding: 5px} #footer{margin-top:20px;margin-bottom:0px;border-radius: 10px} footer .column > h3{border-bottom-style:dotted;text-align:left;font-weight: bold;font-size: 14px;text-transform: uppercase;color: rgb(68, 82, 104);border-color: rgb(95, 104, 116)} footer .column-menu-wrap > ul li{font-size: 14px;color: rgb(255, 255, 255)} footer .contacts{box-shadow:none;border-top-width: 1px;border-style: dotted;border-color: rgb(95, 104, 116)} footer .contacts [data-hint]:after{border-radius: 3px;color: rgb(255, 255, 255);background-color: rgb(252, 68, 30)} .bottom-footer{box-shadow:none;background-color: rgb(68, 82, 104)} .fullwidth-footer{background-color: rgb(68, 82, 104)} footer .column-menu-wrap > ul li:hover a{color: rgb(139, 24, 26)} footer .contacts > div > span > .contact-icon{background-color: rgb(69, 115, 143);border-radius: 50%} footer a .contacts-text:hover{color: rgb(252, 68, 30)} footer .contacts-text{font-size: 18px;color: rgb(68, 82, 104)} .bottom-footer .copyright a:hover{color: rgb(51, 55, 69)} .bottom-footer .copyright a{color: rgb(244, 244, 244)} .bottom-footer .copyright{color: rgb(255, 255, 255)} .column.products .product-grid-item{border-bottom-style:solid;border-color: rgb(95, 104, 116)} .column.products .product-grid-item .name a, .footer-post-title{color: rgb(68, 82, 104)} .column.products .product-grid-item .name a:hover{color: rgb(252, 68, 30)} .column.products .product-grid-item .price, .column.products .product-grid-item .price-new{color: rgb(252, 68, 30)} .column.products .product-grid-item .name a{white-space:normal} footer .column-text-wrap p{line-height:17px;padding-bottom:10px} .footer-post{padding:5px 0;border-bottom-style:dotted;border-color: rgb(95, 104, 116)} .footer-post-title{white-space:nowrap; line-height:1.1;} #cart .heading i{border-left-style:solid;background-color: rgb(41, 72, 125)} .mini-cart-info table tr{border-bottom-style:solid;border-bottom-color: rgb(244, 244, 244)} #cart .heading, .ie9 #cart button.heading{font-size: 14px;color: rgb(51, 55, 69)} .journal-header-center #cart{border-width: 1px;border-top-left-radius: 10px;border-bottom-left-radius: 10px;border-style: solid;border-color: rgb(51, 55, 69);background-color: rgb(255, 255, 255)} .mini-cart-info, #cart .empty{font-size: 14px} .mini-cart-info table tr td.image img{border-color: rgb(244, 244, 244)} .mini-cart-info{max-height:298px} .mini-cart-total{font-weight: bold;font-size: 14px;background-color: rgb(228, 228, 228)} .button-search, .journal-header-center .button-search{border-right-style:solid} #search input{font-size: 14px!important;background-color: rgb(255, 255, 255)} .journal-header-center #search input{border-width: 1px;border-radius: 10px;border-style: solid;border-color: rgb(51, 55, 69);background-color: rgb(255, 255, 255)} .autocomplete2-suggestion .p-name{font-size: 14px;color: rgb(63, 81, 181)} .autocomplete2-suggestion span.p-price{font-size: 14px;color: rgb(244, 67, 54);display:block} .journal-header-center .autocomplete2-suggestions{border-radius: 1px} .autocomplete2-suggestions > div{max-height:350px} .journal-header-center #language, .journal-header-center #currency{border-style:solid;border-color: rgb(204, 204, 204)} .journal-language .dropdown-menu, .journal-currency .dropdown-menu{border-radius: 3px;background-color: rgb(255, 255, 255);box-shadow:0 2px 2px rgba(0, 0, 0, 0.15)} .journal-currency form .currency-symbol{border-radius: 50%;background-color: rgb(255, 255, 255)} #cart .heading i:before{content: '\e180';font-size: 22px;color: rgb(255, 255, 255);top: -1px} .button-search i:before{content: '\e697';font-size: 20px;color: rgb(255, 255, 255)} .journal-top-header{background-color: rgb(255, 255, 255)} .header, .boxed-header.default-header .journal-login{background-color: rgb(255, 255, 255)} .journal-header-default #logo, .journal-header-compact #logo{background-color: rgb(255, 255, 255)} .journal-header-default #cart{background-color: rgb(234, 35, 73)} #cart .content .cart-wrapper, .oc2 #cart .checkout{background-color: rgb(255, 255, 255)} .mini-cart-info table tr td.remove i{color: rgb(252, 68, 30)} .mini-cart-info table tr td.remove i:hover, .firefox .mini-cart-info table tr td.remove button:hover i{color: rgb(41, 72, 125)} .autocomplete2-suggestion{border-bottom-style:solid;border-color: rgb(244, 244, 244)} .autocomplete2-suggestion:hover{background-color: rgb(245, 236, 221)} .button-search:hover i:before{color: rgb(255, 255, 255)} .button-search{background-color: rgb(41, 72, 125);border-color:rgb(51, 55, 69)} .button-search:hover{background-color: rgb(252, 68, 30)} .autocomplete2-suggestions{background-color: rgb(255, 255, 255);box-shadow: 0px 2px 15px -2px rgb(241, 196, 15)} .journal-language .dropdown-menu > li > a, header .journal-currency .dropdown-menu > li > a{color: rgb(51, 55, 69)} .journal-language .dropdown-menu > li > a:hover, header .journal-currency .dropdown-menu > li > a:hover{color: rgb(51, 55, 69)} .journal-language .dropdown-menu > li > a:hover, .journal-currency .dropdown-menu > li > a:hover{background-color: rgb(244, 244, 244)} .journal-header-center .journal-top-header, .journal-header-center .journal-secondary{border-bottom-style:solid; border-top-style:solid;;border-color: rgb(204, 204, 204)} .journal-language .dropdown-menu > li, .journal-currency .dropdown-menu > li{border-top-style:solid} .autocomplete2-suggestion .p-image{display:block} .is-sticky header .header{background-image: url('https://kythuatkhanhhoa.com/image/data/journal2/background/g-dark.jpg');background-position: center top;background-size: auto;background-attachment: scroll} .is-sticky .header{box-shadow: 0px 1px 20px rgba(0, 0, 0, 0.45)} #cart .cart-wrapper{box-shadow: 0px 2px 15px -2px rgba(0, 0, 0, 0.15)} #cart .heading i:hover, .firefox #cart .heading:hover i{background-color: rgb(252, 68, 30)} .product-wrapper{border-width: 2px;border-radius: 10px;border-style: solid;border-color: rgb(238, 238, 238);padding: 5px;background-color: rgb(255, 255, 255)} .product-wrapper:hover{border-color: rgb(228, 228, 228)} .product-grid-item .image > a{border-radius: 10px} .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-style: normal;font-size: 14px;color: rgb(41, 72, 125)} .product-grid-item .price{display:inline-block;;border-top-width: 1px;border-bottom-width: 1px;border-style: solid;border-color: rgb(228, 228, 228);padding-top:5px;padding-right:5px;padding-bottom:5px;padding-left:5px;background-color: rgb(255, 255, 255);display:inline-block} .product-details{padding-bottom: 5px} .product-details:before{font-size: 25px;color: rgb(255, 255, 255)} .product-grid-item .product-wrapper .cart .button{border-width: 1px;border-radius: 20px;border-style: solid;border-color: rgb(238, 238, 238);color: rgb(95, 104, 116);background-color: rgba(0, 0, 0, 0)} .product-grid-item .product-wrapper .cart .button:hover{color: rgb(252, 68, 30);background-color: rgba(0, 0, 0, 0);border-color: rgb(252, 68, 30)} .product-grid-item .cart .button{padding:0 5px} .product-grid-item .cart .button[data-hint]:after{background-color: rgb(252, 68, 30)} .product-grid-item .quickview-button {margin-left: -19px;margin-top: -20px} .product-grid-item .quickview-button .button{border-radius: 50%} .product-grid-item .quickview-button .button[data-hint]:after{color: rgb(255, 255, 255);background-color: rgb(51, 55, 69)} .product-grid-item.display-icon .wishlist > a, .product-grid-item.display-icon .compare > a{border-radius: 50%;width:25px;height:25px; padding:0;} .product-grid-item .wishlist [data-hint]:after, .product-grid-item .compare [data-hint]:after{color: rgb(255, 255, 255);background-color: rgb(252, 68, 30)} .product-grid-item .cart:not(.enquiry-button) i::before{content: '\e180';font-size: 18px;color: rgb(95, 104, 116)} .product-grid-item .quickview-button .button-left-icon:before, .product-grid-item .quickview-button .button-right-icon:before{content: '\e015';font-size: 22px;color: rgb(255, 255, 255);top: -1px} .product-grid-item .wishlist-icon:before{content: '\e662';font-size: 17px;color: rgb(51, 55, 69)} .product-grid-item .compare-icon:before{content: '\e025';font-size: 17px;color: rgb(51, 55, 69)} .product-grid-item .price, .product-grid-item .price-new{font-weight: bold;font-size: 15px;color: rgb(252, 68, 30)} .product-grid-item .price-old, .compare-info .price-old, .autocomplete2-suggestion span.p-price .price-old{color: rgb(153, 153, 153)} .product-grid-item .wishlist a, .product-grid-item .compare a{font-size: 11px;color: rgb(51, 55, 69)} .product-grid-item .name a:hover, .side-column .product-grid-item .name a:hover, .posts h2 a:hover{color: rgb(252, 68, 30)} .soft-shadow .product-wrapper{box-shadow:1px 1px 0 0 rgba(0,0,0,.05)} .product-grid-item .rating{top:-35px;margin-left:-47px;display:block} .product-grid-item .cart{margin-bottom:10px} .product-grid-item .description{display:none} .category-list ul li a, .refine-category-name{font-weight: normal;font-style: normal;font-size: 14px;color: rgb(41, 72, 125)} .category-list ul li:after{color: rgb(0, 0, 0)} .category-list{background-color: rgb(255, 255, 255)} .refine-image a{border-width: 2px;border-radius: 10px;border-style: solid;border-color: rgb(228, 228, 228);background-color: rgb(255, 255, 255);padding:5px} .product-filter, .product-compare a{font-weight: bold;font-family: Helvetica, Arial, sans-serif;font-style: normal;font-size: 13px;text-transform: none;color: rgb(51, 55, 69)} .pagination b, .pagination a:hover, .pagination .active{color: rgb(255, 255, 255)} .category-list ul li a:hover, .refine-image a:hover .refine-category-name{color: rgb(252, 68, 30)} .pagination{background-color: rgb(244, 244, 244);box-shadow:1px 1px 0px rgba(0,0,0,.04)} .product-filter .display a i:hover, .product-filter .display a.active i{color:rgb(252, 68, 30) !important} .product-filter{background-color: rgb(244, 244, 244)} .product-compare a:hover{color: rgb(252, 68, 30)} .pagination a, .pagination b, .pagination li{border-radius: 50%} .pagination a{background-color: rgb(255, 255, 255);color: rgb(51, 55, 69)} .pagination b, .pagination a:hover, .pagination li.active {background-color: rgb(252, 68, 30)} .pagination .results, .dataTables_info{font-weight: bold;font-family: Helvetica, Arial, sans-serif;font-style: normal;font-size: 13px;text-transform: none} .category-page .heading-title{text-align:left;border-radius: 10px;border-color: rgb(255, 0, 0);padding-left:5px;color: rgb(255, 255, 255);padding-right:5px;background-color: rgb(41, 72, 125)} .button.ias-trigger{border-radius: 10px;max-width:50%;} .category-info{padding-right:5px;padding-top:5px;padding-left:5px;padding-bottom:5px} .tp-bannertimer, .tp-bannertimer.tp-bottom{height:3px;background-color: rgb(252, 68, 30)} .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-width: 5px;border-radius: 3px;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: 60px;color: rgb(255, 255, 255)} .tp-rightarrow:before, .tp-rightarrow.default:before, .journal-simple-slider .owl-controls .owl-buttons .owl-next:before{content: '\e62c';font-size: 60px;color: rgb(255, 255, 255)} .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(235, 88, 88)} .tp-bullets.simplebullets.round .bullet, .journal-simple-slider .owl-controls .owl-page span{background-color: rgb(255, 255, 255);border-radius: 50%;margin-left:10px;width:8px;height:8px} .tp-leftarrow:hover:before, .tp-leftarrow.default:hover:before, .tp-rightarrow:hover:before, .tp-rightarrow.default:hover:before, .journal-simple-slider .owl-controls .owl-buttons .owl-prev:hover:before, .journal-simple-slider .owl-controls .owl-buttons .owl-next:hover:before{color: rgb(252, 68, 30)} .journal-carousel .htabs a, .side-column .journal-carousel .htabs a{border-right-style:solid;border-color: rgb(255, 255, 255)} .journal-carousel.arrows-top .swiper-button-prev::before{content: '\e60f';font-size: 15px;color: rgb(255, 255, 255);left: -1px} .journal-carousel.arrows-top .swiper-button-next::before{content: '\e60e';font-size: 15px;color: rgb(255, 255, 255);left: 1px} .swiper-pagination-bullet{background-color: rgb(51, 55, 69);border-radius: 50%;width:8px;height:8px} .journal-carousel.arrows-top .swiper-button-prev:hover::before, .journal-carousel.arrows-top .swiper-button-next:hover::before{color: rgb(252, 68, 30)} .swiper-pagination-bullet:hover, .swiper-pagination-bullet.swiper-pagination-bullet-active{background-color: rgb(252, 68, 30)} .journal-carousel .htabs{background-color: rgb(41, 72, 125)} .journal-carousel .htabs a:hover, .journal-carousel .htabs a.selected{color: rgb(255, 255, 255);background-color: rgb(252, 68, 30)} .journal-carousel.arrows-top .swiper-button-prev, .journal-carousel.arrows-top .swiper-button-next{border-radius: 50%} .journal-carousel:not(.arrows-top) .swiper-button-prev, .journal-carousel:not(.arrows-top) .swiper-button-next{background-color: rgb(51, 55, 69)} .journal-carousel:not(.arrows-top) .swiper-button-prev:hover, .journal-carousel:not(.arrows-top) .swiper-button-next:hover{background-color: rgb(252, 68, 30)} .journal-carousel.arrows-top .swiper-button-prev{right:10px} .journal-carousel:not(.arrows-top) .swiper-button-prev:hover::before, .journal-carousel:not(.arrows-top) .swiper-button-next:hover::before{color: rgb(255, 255, 255)} .journal-carousel.carousel-product .product-wrapper{padding: 2px} .journal-carousel.carousel-brand .product-wrapper{padding: 2px} .cart-info tbody td, .wishlist-info tbody td, .compare-info td, .journal-checkout .checkout-cart tbody td, .journal-checkout .checkout-cart tbody td:first-of-type{border-bottom-style:solid} .cart-info table, .wishlist-info table, .compare-info, table.list, .order-list{border-width: 1px;border-radius: 10px;border-style: solid;border-color: rgb(228, 228, 228)} .cart-info .image a img, .wishlist-info .image a img, .compare-info tbody tr:first-of-type + tr > td img{border-width: 1px;border-radius: 10px;border-style: solid} .login-content > div{border-radius: 10px;padding:5px} .action-area h3{color: rgb(0, 0, 0);background-color: rgb(255, 255, 255)} .action-area{border-radius: 10px} .checkout-page .checkout, .oc2 .checkout #accordion, .route-checkout-checkout #accordion{border-radius: 10px} .buttons{border-top-width: 1px;border-radius: 10px;border-style: solid;border-color: rgb(228, 228, 228);padding-top:5px; padding-bottom:5px;;padding-left:5px; padding-right:5px} .cart-info table, .wishlist-info table, .compare-info td, table.list tbody td, .order-list .order-content{background-color: rgb(250, 250, 250)} .cart-info tbody td, .wishlist-info tbody td, .compare-info td, table.list tbody td, .order-list .order-content{color: rgb(0, 0, 0)} .cart-info tbody td a, .wishlist-info tbody td a, .compare-info .name a{color: rgb(41, 72, 125)} .cart-info tbody td a:hover, .wishlist-info tbody td a:hover, .compare-info .name a:hover{color: rgb(252, 68, 30)} .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(0, 0, 0)} .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(228, 228, 228)} .login-content > div, .sitemap-info > div > ul{background-color: rgb(255, 255, 255)} .login-content hr{background-color: rgb(228, 228, 228)} #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(252, 68, 30)} table.radio .highlight td, .action-area .panel-heading{background-color: rgb(255, 255, 255)} table.radio .highlight:hover td, .action-area .panel-heading:hover{background-color: rgb(255, 255, 255)} #content.sc-page .content table.radio .highlight td{border-color: rgb(244, 244, 244)} .checkout-heading, .checkout .panel-heading, .route-checkout-checkout .panel-heading:hover{background-color: rgb(41, 72, 125)} .checkout-heading{border-color: rgb(95, 104, 116);border-bottom-style:dotted} .checkout-product thead td, .checkout-product tfoot td{color: rgb(51, 55, 69);background-color: rgb(244, 244, 244)} .checkout-product tbody td{border-color: rgb(244, 244, 244)} .checkout-content, .checkout-page .panel-body{background-color: rgb(250, 250, 250)} .checkout-content, .checkout-page .panel-body {padding:5px} .checkout-heading, .checkout .panel-title, .route-checkout-checkout .panel-title{color: rgb(255, 255, 255)} .sitemap-info > div > ul{border-radius: 10px;padding:5px} .information-page #content h1.heading-title{text-align:left;border-radius: 10px;padding-left:5px;padding-right:5px} table.radio .highlight td label, .action-area .panel-title{color: rgb(63, 87, 101)} .sc-page .pull-right .button, .sc-page .buttons .right .button{border-radius: 10px} .sc-page .pull-left .button, .sc-page .buttons .center .button{border-radius: 10px} .checkout #button-confirm{border-radius: 10px} .ui-pnotify {display: block !important;background-color: rgb(255, 255, 255)} .ui-pnotify-text img {display: block} .ui-pnotify-title {font-family: Helvetica, Arial, sans-serif;font-weight: bold;font-size: 14px;color: rgb(255, 255, 255);background-color: rgb(95, 104, 116)} .ui-pnotify-closer{color: rgb(255, 255, 255)} .journal-desktop .ui-pnotify-closer:hover{color: rgb(252, 68, 30)} .notification-buttons{display:block} .journal-sf ul label img{border-width: 2px;border-radius: 10px;border-style: solid;border-color: rgb(228, 228, 228)} .sf-icon .sf-reset-icon::after, .sf-reset .sf-reset-icon::after{content: '\e602';font-size: 20px;color: rgb(255, 255, 255)} .sf-price .ui-widget-header{background-color: rgb(51, 55, 69)} .sf-price .value{color: rgb(255, 255, 255);background-color: rgb(51, 55, 69);border-radius: 10px} .sf-price .ui-slider-handle:hover{background-color: rgb(252, 68, 30)} .sf-price .ui-slider-handle{background-color: rgb(51, 55, 69);border-radius: 10px;height:16px;top:-7px;width:16px} .journal-sf ul label.sf-checked img, .journal-sf ul label:hover img{border-color: rgb(69, 115, 143)} .side-column .journal-sf .box ul li label.sf-checked, .side-column .journal-sf .box ul li label:hover{color: rgb(252, 68, 30)} .sf-reset{color: rgb(255, 255, 255)} .sf-reset:hover{color: rgb(252, 68, 30)} .sf-icon:after{color: rgb(255, 255, 255);background-color: rgb(252, 68, 30);border-radius: 10px} .side-column .journal-sf .box ul li{border-color: rgb(228, 228, 228);padding-left:5px;padding-top:10px;padding-bottom:10px;border-bottom-style:solid;padding-right:5px} .sf-price .box-content{padding-bottom:40px;padding-left:25px;padding-right:25px;padding-top:20px} .side-column .journal-sf .box-heading{background-color: rgb(133, 131, 132)} .sf-price .ui-slider-horizontal{height:3px} .side-column .journal-sf .box-heading, .oc-filter a.list-group-item{border-radius: 10px} .journal-sf .sf-image .box-content ul li{padding-bottom:5px;padding-right:5px;width:16.666666%} .journal-sf .sf-image .box-content{padding-left:5px;padding-top:10px;padding-right:5px;padding-bottom:10px} .sf-price .ui-widget-content{background: rgb(252, 68, 30)} .journal-sf .box-content{max-height:300px} .journal-sf .sf-category.sf-image .box-content ul li{width:20%} .journal-sf .sf-manufacturer.sf-image .box-content ul li{width:25%} .block-content{padding:5px} .side-column .block-content{padding:5px} .side-column .box.cms-blocks .cms-block{margin-bottom:1px} .side-column .box.cms-blocks .block-content{background-color: rgb(244, 244, 244)} .side-column .block-content p{font-weight: normal;font-family: Helvetica, Arial, sans-serif;font-style: normal;font-size: 12px;text-transform: none;line-height:14px;padding-bottom: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:5px} .editor-content p, .side-block-content p{padding-bottom:5px;line-height:15px} .side-column .editor-content h1, .side-column .editor-content h2, .side-column .editor-content h3{padding-bottom:5px;font-size: 15px !important} .nav-numbers a{background-color: rgb(51, 55, 69);border-radius: 50%;width:8px;height:8px} .nav-numbers a:hover, .nav-numbers li.active a{background-color: rgb(252, 68, 30)} .gallery-thumb a:before{content: '\e015';font-size: 30px;color: rgb(255, 255, 255)} .gallery-thumb .item-hover{background-color: rgba(0, 0, 0, 0.5)} .lg-backdrop{background-color: rgba(0, 0, 0, 0.75)} .lg-toolbar, .lg-sub-html{background-color: rgb(69, 115, 143)} .lg-toolbar .lg-icon:hover, #lg-intense-zoom:hover{color: rgb(252, 68, 30)} .lg-sub-html{color: rgb(255, 255, 255)} .side-column .journal-gallery .box-content{padding:5px !important} .product-list-item{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: block} .product-list-item .name a{font-weight: bold;color: rgb(41, 72, 125)} .product-list-item .name a:hover{color: rgb(252, 68, 30)} .product-list-item .price, .product-list-item .price-new{font-weight: bold;color: rgb(252, 68, 30)} .product-list-item .price-old{color: rgb(119, 119, 119)} .product-list-item .description{display:block} .product-list-item .cart .button{border-radius: 20px;padding:0 5px} .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{color: rgb(255, 255, 255);background-color: rgb(105, 185, 207)} .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: '\e000';font-size: 23px;color: rgb(255, 255, 255)} .product-list-item .quickview-button .button-left-icon:before, .product-list-item .quickview-button .button-right-icon:before{content: '\e015';font-size: 20px;color: rgb(255, 255, 255)} .product-list-item .wishlist-icon:before{content: '\e662';font-size: 11px;color: rgb(51, 55, 69)} .product-list-item .compare-icon:before{content: '\e025';font-size: 11px;color: rgb(51, 55, 69)} .product-list-item .wishlist a:hover, .product-list-item .compare a:hover{color: rgb(252, 68, 30)} .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-width: 3px;border-style: solid;border-color: rgb(244, 244, 244)} .side-column .side-category-accordion i{background-color: rgb(252, 68, 30)} .side-column .side-category-accordion i:hover{color: rgb(255, 255, 255);background-color: rgb(41, 72, 125)} .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;top: -2px} .side-column .box-content li a, .side-column .store-picker, .side-column .box, .side-column .box-category li a, .flyout-menu .flyout > ul > li > a, .side-column .oc-module .product-grid-item, #column-right .recentComments li, #column-left .recentComments li, #column-right .recentArticles li, #column-right .popularArticles li, #column-left .recentArticles li, #column-left .popularArticles li, .side-column .oc-store{background-color: rgb(244, 244, 244)} .side-column, .side-column .oc-module .product-grid-item .price, .journal-sf ul li label, .side-post-title{color: rgb(51, 55, 69)} .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:rgb(228, 228, 228)} .side-column .heading-title, .side-column .box-heading, .side-column #blogArticle .articleHeader h1, .oc-filter .panel-heading{background-color: rgb(41, 72, 125);border-bottom-width: 0px;border-style: solid;padding-left:5px;padding-right:5px} .side-column .box-content li a, .side-column .box-category li a{padding-top:10px;padding-right:5px;padding-bottom:10px;padding-left:5px} .side-column .oc-module .product-grid-item{padding-top:10px;padding-right:5px;padding-bottom:10px;padding-left:5px} .side-column .side-category i{height:20px;margin-top:8px;margin-right:8px;font-family: Helvetica, Arial, sans-serif;font-size: 18px;color: rgb(255, 255, 255);width:20px} .side-column .heading-title, .side-column .box-heading, .side-column #blogArticle .articleHeader h1, .side-column .journal-carousel .htabs.single-tab a.selected, .oc-filter .panel-heading, .oc-filter a.list-group-item{font-size: 16px} .side-column .oc-module .product-grid-item .name a{white-space:nowrap} .side-column .box-content li a, .side-column .box-category li a, .flyout-menu .flyout > ul > li > a, #column-right .recentArticles li > a, #column-right .popularArticles li > a, #column-left .recentArticles li > a, #column-left .popularArticles li > a, .side-post-title{color: rgb(80, 80, 80)} #content .welcome h1, .side-column .welcome h1{text-align:left;border-color: rgb(228, 228, 228);font-size: 30px;color: rgb(51, 55, 69);border-bottom-style:solid} #content .welcome p, .side-column .welcome p{text-align:left} .product-grid-item .name{display:table} .product-info .right .wishlist-compare .links a:first-of-type{display:none;} .product-info .right .wishlist-compare .links a + a{display:none} .product-grid-item .compare, .product-filter .product-compare{display:none;} .product-grid-item .wishlist{display:none} .journal-carousel .product-grid-item .cart{display:block} .custom-sections .product-grid-item .price{display:inline-block} .product-list-item .name{display:table} .mega-menu .product-grid-item .wishlist{display:none} .mega-menu .product-grid-item .compare{display:none} .journal-carousel .product-grid-item .wishlist{display:none} .product-list-item .wishlist{display:none} .product-list-item .price{display:inline-block} .side-column .journal-carousel .product-grid-item .wishlist{display:none} .journal-carousel .product-grid-item .compare{display:none} .side-column .journal-carousel .product-grid-item .price{display:inline-block} .product-list-item .compare{display:none} .product-list-item .cart{display:block} .journal-carousel .product-grid-item .price{display:inline-block} .journal-carousel .product-grid-item .name{display:table} .mega-menu .product-grid-item .cart{display:block} .side-column .journal-carousel .product-grid-item .compare{display:none} .side-column .journal-carousel .product-grid-item .cart{display:block} .custom-sections .product-grid-item .wishlist{display:none} .custom-sections .product-grid-item .cart{display:block} .side-column .journal-carousel .product-grid-item .name{display:table} .custom-sections .product-grid-item .compare{display:none} .custom-sections .product-grid-item .name{display:table} .mega-menu .product-grid-item .name{display:table} .journal-language{visibility:visible} .journal-currency{visibility:visible} .countdown > span{border-style:solid} .product-info .right > div .countdown > span{border-style:dotted;font-weight: normal;font-size: 14px;color: rgb(51, 55, 69);border-color: rgb(51, 55, 69)} .product-info .right > div .countdown > span > div{font-weight: normal;font-size: 14px;color: rgb(51, 55, 69)} .expire-text{padding-left:5px;padding-top:5px;padding-right:5px;padding-bottom:5px;text-align:left;font-weight: normal;font-size: 14px;color: rgb(51, 55, 69)} .product-info .right > div .countdown-wrapper{border-radius: 10px;padding:5px;background-color: rgb(237, 242, 245)} .countdown{background-color: rgb(51, 55, 69)} .posts .post-wrapper h2 a{white-space:normal;font-size: 15px} .post-view-more.button:hover{color: rgb(252, 68, 30);background-color: rgb(255, 255, 255);border-color: rgb(252, 68, 30)} .post-item-details{padding-left:5px;padding-bottom:5px;padding-right:5px;padding-top:5px;text-align:left} .post-item-details .comment-date{border-width: 1px;border-style: solid;border-color: rgb(228, 228, 228);color: rgb(119, 119, 119);padding:5px} .blog-list-view .post-wrapper:hover{border-color: rgb(228, 228, 228)} .post-wrapper:hover{background-color: rgb(250, 250, 250);border-color: rgb(228, 228, 228)} .post-wrapper{background-color: rgb(255, 255, 255);border-width: 3px;border-radius: 10px;border-style: solid;border-color: rgb(238, 238, 238)} .post-view-more.button{background-color: rgba(235, 88, 88, 0);padding-left:5px;padding-bottom:5px;padding-top:5px;padding-right:5px;color: rgb(56, 56, 56);border-width: 1px;border-style: solid;border-color: rgb(228, 228, 228)} .post-button-left-icon:before, .post-button-right-icon:before{content: '\e62c';font-size: 17px;top: 1px} span.p-comment:before{content: '\e1af';font-size: 13px;color: rgb(235, 88, 88)} span.p-date:before{content: '\e6b3';font-size: 13px;color: rgb(235, 88, 88)} span.p-author:before{content: '\e1b8';font-size: 13px;color: rgb(235, 88, 88)} .blog-list-view .post-view-more.button{padding-left:5px;padding-bottom:5px;padding-top:5px;padding-right:5px} .blog-list-view .post-item-details .comment-date{padding:5px} .posts.blog-list-view .post-item-details h2 a{white-space:normal} .posts.blog-list-view .post-wrapper{padding:5px} .post-image img{border-radius: 10px} .posts.blog-list-view .post-image{width:30%} .posts.blog-list-view .post-item-details h2 a span{border-bottom-style:solid} .journal-blog-feed:before{content: '\e6b5';font-size: 16px;color: rgb(255, 255, 255);top: 2px} .journal-blog-feed{right:15px;color: rgb(255, 255, 255)} .journal-blog-feed:hover{color: rgb(51, 55, 69)} .side-blog .box-post{padding-bottom:10px;padding-left:5px;padding-right:5px;padding-top:10px} .side-blog .side-post + hr{border-bottom-style:solid;border-color: rgb(228, 228, 228)} .post-module .post-view-more.button{padding-right:5px;padding-bottom:5px;padding-left:5px;padding-top:5px;border-radius: 10px} .post-module .post-item-details .comment-date{padding:5px} .post-module .post-item-details{padding-left:5px;padding-bottom:10px;padding-right:5px;padding-top:10px} .post-module .post-wrapper .post-item-details h2 a{white-space:normal} .post-module .post-image img{border-radius: 10px} .post-module .post-wrapper{border-radius: 10px} .post-module .box-heading{text-align:left} .comments > .comment:nth-of-type(odd){background-color: rgb(238, 238, 238)} .comments .reply:nth-of-type(even){background-color: rgb(255, 255, 255)} .comments .reply:nth-of-type(odd){background-color: rgb(250, 250, 250)} .reply-form .comment-form form{background-color: rgb(255, 255, 255);padding:15px} .comment-form form{background-color: rgb(238, 238, 238);padding:15px} .comments > .comment:nth-of-type(even){background-color: rgb(238, 238, 238)} .post-details .tags a, .side-blog-tags .box-tag a{background-color: rgb(228, 228, 228);color: rgb(119, 119, 119)} .post-comment h3{background-color: rgb(74, 144, 226);text-align:left;font-size: 14px;color: rgb(255, 255, 255);padding-top:5px;padding-left:5px;margin-top:20px;padding-right:5px;padding-bottom:5px} .post-details .tags a:hover, .side-blog-tags .box-tag a:hover{background-color: rgb(41, 72, 125);color: rgb(255, 255, 255)} .comments > h3{background-color: rgb(74, 144, 226);margin-bottom:5px;margin-top:5px;padding-right:5px;padding-bottom:5px;padding-left:5px;padding-top:5px;text-align:left;font-size: 14px;color: rgb(255, 255, 255)} .reply-form h3{background-color: rgb(234, 35, 73);padding-right:5px;text-align:left;padding-top:5px;font-size: 14px;color: rgb(255, 255, 255);margin-top:20px;padding-bottom:5px;padding-left:5px} .blog-post .social{text-align:left;border-top-style:solid} .post-details{padding:5px} .blog-post .heading-title{text-align:center;padding-left:5px;padding-right:5px} .post-stats.comment-date{padding-right:5px;padding-bottom:10px;color: rgb(56, 56, 56);padding-top:10px;padding-left:5px;background-color: rgb(244, 244, 244)} .comments > .comment{padding:5px} .post-details .tags b, .post-details .tags a, .side-blog-tags .box-tag a{border-radius: 10px} blockquote{border-color: rgb(235, 88, 88);padding-left:5px;padding-bottom:5px;padding-top:5px;padding-right:5px} .post-details .tags{text-align:right} .post-details .tags b{color: rgb(255, 255, 255)} .comments .avatar{border-radius: 10px} .comments .user-name{font-size: 14px;color: rgb(221, 0, 23)} .comments .reply{padding:5px} .comments .reply .user-name{font-size: 18px} .comment-submit.button, .reply-submit.button, .comments .reply-btn{border-radius: 10px;padding-bottom:5px;padding-left:5px;padding-top:5px;padding-right:5px} .blog-post .post-stats .p-category:before{content: '\e6b2';font-size: 14px;color: rgb(235, 88, 88)} .blog-post .post-stats{margin-bottom:20px} .journal-checkout .confirm-button{font-size: 14px;text-transform: uppercase;padding-left:100px; padding-right:100px} .journal-checkout .confirm-order{text-align:center} .journal-checkout .checkout-product thead td{text-transform: uppercase} .journal-checkout .table-responsive{max-height:412px} .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(228, 228, 228)} .journal-checkout .secondary-title{padding-bottom:10px;;padding-left:5px;;padding-right:5px;;padding-top:10px;;text-align:left} .journal-checkout input[type='text'], .journal-checkout input[type='email'], .journal-checkout input[type='password'], .journal-checkout input[type='tel'], .journal-checkout textarea{border-radius: 10px} .journal-checkout .checkout-content{padding:5px} .journal-checkout, .journal-checkout label, .oc2 .required label{font-size: 14px} .journal-checkout .left .login-box .radio label, .journal-checkout .spw > div .radio label, .journal-checkout .confirm-order, .journal-checkout .checkout-login .form-group:last-of-type, .is-customer .journal-checkout .checkout-payment-form #payment-new, .is-customer .journal-checkout .checkout-shipping-form #shipping-new, .journal-checkout #payment-confirm-button fieldset legend, .journal-checkout .customer-group label.control-label, .journal-checkout .customer-group{border-style:solid;border-color: rgb(228, 228, 228)} .one-page-checkout h1.heading-title{padding-right:5px;padding-left:5px;text-align:left} #content.one-page-checkout div fieldset > div.fax-input{display:none !important} .form-group.address-2-input{display:none} .form-group.company-input{display:none !important} .journal-checkout .spw > div p{display:none} .journal-checkout .coupon-voucher .input-group-btn input.button{background-color: rgb(68, 67, 73)} .journal-checkout .coupon-voucher .input-group-btn input.button:hover{background-color: rgb(252, 68, 30)} .journal-checkout .checkout-product thead td, .journal-checkout .checkout-product tfoot td{background-color: rgb(255, 255, 255)} .flyout ul li:hover > a .menu-plus:before{color: rgb(252, 68, 30)} .flyout .mega-menu-categories .mega-menu-item ul li.view-more a{color: rgb(235, 88, 88)} .flyout .mega-menu-categories .mega-menu-item ul li.view-more a:hover{color: rgb(252, 68, 30)} .flyout .mega-menu-categories .mega-menu-item ul li a{color: rgb(51, 55, 69);padding-bottom:5px;padding-left:10px} .flyout .mega-menu-categories .mega-menu-item ul li a:hover{color: rgb(252, 68, 30)} .flyout .mega-menu-categories .mega-menu-item > div{padding:5px} .flyout-menu .flyout > ul > li > a, .fly-drop-down ul li a{font-weight: 400;font-family: "Roboto";font-style: normal;font-size: 14px;text-transform: none;color: rgb(0, 0, 0)} .flyout .fly-drop-down ul li .menu-plus:before{content: '\e6ae';font-size: 16px;color: rgb(51, 55, 69)} .fly-mega-menu{background-color: rgb(51, 55, 69);box-shadow:0 2px 8px -2px rgba(0, 0, 0, 0.4);padding:5px} .flyout .mega-menu-categories .mega-menu-item ul li a:before, html[dir='rtl'] .flyout .mega-menu-categories .mega-menu-item ul li a::after{content: '\e62c';font-size: 16px;color: rgb(51, 55, 69)} .flyout .mega-menu-brands .mega-menu-item div{padding:5px} .flyout .mega-menu-column > div > h3{text-align:left;background-color: rgb(166, 221, 236);padding-top:5px;padding-bottom:5px;padding-right:5px;padding-left:5px} .flyout .mega-menu-brands div > h3{text-align:left;padding-bottom:10px;padding-right:5px;padding-left:5px;padding-top:10px} .flyout-menu i.menu-plus:before{content: '\e62c';font-size: 16px} .flyout-menu .flyout > ul > li > a{border-bottom-style:solid;border-color: rgb(255, 255, 255);padding-left:5%} .flyout .mega-menu div > h3{text-align:left;padding-top:10px;padding-left:5px;padding-bottom:10px;padding-right:5px} .flyout-menu .flyout .fly-drop-down ul li{border-bottom-style:dashed;border-color: rgb(255, 255, 255)} .fly-drop-down ul{box-shadow:0 1px 8px -3px rgba(0, 0, 0, 0.5)} .flyout .mega-menu .product-wrapper{padding:5px} .side-column .flyout-menu .box-heading{font-size: 14px} .flyout .fly-drop-down ul li a, .fly-drop-down ul li{background-color: rgb(255, 255, 255)} .flyout .fly-drop-down ul > li:hover > a, .flyout .fly-drop-down ul > li:hover{background-color: rgb(255, 255, 255)} .flyout-menu i.menu-plus{top:12px} .flyout-menu .flyout > ul > li:hover > a{background-color: rgb(238, 238, 238)} .flyout-menu .flyout > ul > li{height:42px} .flyout .fly-drop-down ul > li:hover > a{color: rgb(252, 68, 30)} .flyout-menu .flyout .fly-drop-down ul > li:hover > a > .menu-plus:before {color: rgb(252, 68, 30)} .flyout .fly-drop-down ul li a{color: rgb(51, 55, 69)} .flyout .mega-menu-column.mega-menu-html .wrapper{padding-right:5px;background-color: rgb(244, 244, 244);padding-top:10px;padding-bottom:10px;padding-left:5px} .quickview #tab-description{padding-right:5px;padding-left:5px;padding-top:10px;padding-bottom:10px} .journal-checkout .check-newsletter {display:none} .quick-checkout-page #content{padding-top:10px;padding-bottom:10px;padding-right:5px;padding-left:5px} .posts.blog-list-view .post-item-details{padding-bottom:5px;padding-right:5px;padding-left:5px;padding-top:5px} .open-filter{margin-bottom:5px;background-color: rgb(119, 119, 119)} header .mega-menu-item h3 a{white-space:nowrap} .refine-images::before,#refine-images::before,.category-list::before{padding-top:5px;padding-left:5px;text-align:left;padding-right:5px;padding-bottom:5px} #header .top-menu .top-dropdown{border-radius:10px} ul.menu-centered > li > a, .journal-desktop .menu-floated > li > a{padding:0 10px} .mega-menu-categories .mega-menu-item ul li{padding-bottom:5px} .mega-menu-column.mega-menu-html .wrapper, .mega-menu .mega-menu-column .menu-cms-block{padding-top:10px;padding-right:5px;padding-left:5px;padding-bottom:10px} .flyout .mega-menu div > h3 > a{white-space:nowrap;;font-weight: bold;color: rgb(41, 72, 125)} a.view-more-link:hover{color: rgb(244, 67, 54)} .view-more-link{font-weight: bold;font-size: 14px;text-transform: uppercase;color: rgb(63, 81, 181)} .column.products .product-grid-item .price, .side-column .oc-module .product-grid-item .price{display:inline-block} .tablet #logo a img, .mobile #logo a img{max-width:200px} .ias-loader, .ias-noneleft{border-radius: 10px} .side-column .oc-module .product-grid-item .price-old{color: rgb(153, 153, 153)} .side-column .oc-module .product-grid-item .price, .side-column .oc-module .product-grid-item .price-new{color: rgb(252, 68, 30)} .side-column .box{margin-bottom:20px} .sf-reset, .filter-collapse .sf-reset{top:7px} .mobile .journal-header-center #search input, .journal-mobile .journal-header-center #search input{border-radius: 10px} #container.maintenance-message{padding-top:5px} footer .contacts > div > span .contact-icon i{color: rgb(244, 244, 244)} footer .column-text-wrap{color: rgb(244, 244, 244)} footer .column-text-wrap h1, footer .column-text-wrap h2, footer .column-text-wrap h3{padding-bottom:10px} .product-grid-item .cart .button:hover i::before{color:rgb(252, 68, 30)} .product-info .right > div .countdown{background-color: rgb(244, 244, 244)} .flyout .mega-menu div > h3:hover > a{color: rgb(252, 68, 30)} #tab-review .buttons{padding-right:5px;padding-left:5px;padding-top:10px;padding-bottom:10px} li.p-stock{display:block;} .refine-image a span{white-space:nowrap} .flyout-menu .flyout > ul > li:hover > a, .fly-drop-down ul > li:hover > a{color: rgb(252, 68, 30)} .journal-accordion .journal-accordion-heading{padding-top:10px;padding-right:5px;padding-bottom:10px;padding-left:5px;font-size: 14px} .journal-accordion .journal-accordion-content > div{padding-top:10px;padding-right:5px;padding-left:5px;padding-bottom:10px} .product-info .right .price-tax{display:none} .product-page #lg-counter{display:block} .qty input, .product-info .right .cart div input[name=quantity]{font-size: 16px} div.product-info .right .cart div .button.enquiry-button{border-radius: 20px} .product-grid-item .cart.enquiry-button .button, .product-list-item .cart.enquiry-button .button{padding-left:5px; padding-right:5px;;border-radius: 20px} div.product-info .right .cart div .button.enquiry-button i{display:inline-flex} /* 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'); } .quickview .product-info .heading-title{ display:none; } @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: 1920px; } .product-page div.lg-sub-html{ top:auto; bottom:0; padding: 13px 70px; background-color:; } .product-page .lg-toolbar{ background-color:; } .product-page .heading-title{ white-space:normal; height:auto; min-height:40px; line-height:1.2; padding-bottom:10px; padding-top:10px; } .category-page .heading-title{ white-space:normal; height:auto; min-height:40px; line-height:1.2; padding-bottom:10px; padding-top:10px; } .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:hover .ui-pnotify-closer{ opacity:1; } .breadcrumb{ text-align:left; } /* Product Grid Shadow */ .custom-sections .product-grid-item .product-wrapper{ box-shadow: none !important; } .product-grid-item .enquiry-button .button i{ color:rgb(95, 104, 116); } .product-list-item .enquiry-button .button i{ color:rgb(255, 255, 255); } footer .contacts > div > span .contact-icon:hover{ background-color:rgb(252, 68, 30); } .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; } .one-page-checkout h1.heading-title{ display:none; } .post-wrapper{ box-shadow: none; } .post-item .post-wrapper{ box-shadow: none !important; } .blog-list-view .post-wrapper{ box-shadow: none !important; } .product-details:before { display:none; } /* Product Grid Quickview*/ .product-grid-item:hover .quickview-button { opacity: 1; visibility: visible; } .product-grid-item .quickview-button .button-right-icon{ display:none; } .product-grid-item .quickview-button .button-left-icon:before{ 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(51, 55, 69); } .product-grid-item .quickview-button .hint--right:before{ border-right-color: rgb(51, 55, 69); } .product-grid-item .quickview-button .hint--left:before{ border-left-color: rgb(51, 55, 69); } /* 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(252, 68, 30); } .product-grid-item .wishlist .hint--right:before, .product-grid-item .compare .hint--right:before{ border-right-color: rgb(252, 68, 30); } .product-grid-item .wishlist .hint--left:before, .product-grid-item .compare .hint--left:before{ border-left-color: rgb(252, 68, 30); } .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:hover{ box-shadow: 0 0 15px rgba(0, 0, 0, 0.15); } .product-list-item .cart .button-left-icon:before, .product-list-item .enquiry-button i:before{ margin-right: 8px; } .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(105, 185, 207); } .product-list-item .quickview-button .hint--right:before{ border-right-color: rgb(105, 185, 207); } .product-list-item .quickview-button .hint--left:before{ border-left-color: rgb(105, 185, 207); } /* Product Page */ #product-gallery.image-additional-grid a{ width: 16.666666666667%; } .product-info .left .image-additional{ margin-right: -10px; } #button-cart .button-cart-text:after{ display:none; } .compare-info td{ border-right-style:solid; } table.list{ border-bottom-style:solid; border-left-style:solid; } table.list td{ border-right-style:solid; border-top-style:solid; } /* Product Labels*/ .label-latest + .label-sale{ top: px; } .label-outofstock{ visibility:hidden; opacity:0; } .product-wrapper:hover .label-outofstock, .product-list-item:hover .label-outofstock, .product-info .image:hover .label-outofstock{ visibility:visible; opacity:1; } span.label-outofstock { padding: .4em .55em .3em; transform: translate(5px, 5px) rotate(0deg); min-width:inherit; } html[dir="rtl"] span.label-outofstock { padding: .4em .55em .3em; transform: translate(-5px, 5px) rotate(0deg); min-width:inherit; } #more-details.hint--top:before{ border-top-color: rgb(55, 41, 30); } .boxed-header header{ max-width:1920px; } .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 (min-width: 760px){ .boxed-header .is-sticky header .header{ max-width:1920px; left: 50%; transform: translateX(-50%); } } .is-sticky .header { box-shadow: none; background: transparent; } .is-sticky .journal-menu-bg { background-color:transparent; background-image:none; } @media only screen and (max-width: 760px){ .journal-language .dropdown-toggle, .journal-currency .dropdown-toggle{ color:; } .journal-header-center #language, .journal-header-center #currency{ border-color:; } } .sticky-menu .is-sticky .journal-header-default .header{ background-color: rgb(41, 72, 125); } 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; } #search input{ box-shadow:none; } .autocomplete2-suggestions{ box-shadow:none; } @media only screen and (max-width: 760px) { ul.super-menu > li > a, ul.super-menu > li:hover > a{ color:rgb(255, 255, 255); } ul.super-menu > li, ul.super-menu > li:hover{ background-color:; } .boxed-header .journal-header-center .journal-search, .boxed-header .journal-header-center .journal-links{ padding-left: 0; } .boxed-header .journal-header-center .journal-cart, .boxed-header .journal-header-center .journal-secondary{ padding-right: 0; } .button-search{ background-color:; } .button-search i:before{ color: !important; } } @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(255, 255, 255); } .mobile-menu-on-tablet ul.super-menu > li, .mobile-menu-on-tablet ul.super-menu > li:hover{ background-color:; } } @media only screen and (min-width:760px) and (max-width:1935px) { .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: 1920px) { .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: 1935px) { .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; } } @media only screen and (min-width: 760px){ .journal-header-mega #logo a img{ left: 0; transform: translate(0, -50%); } } @media only screen and (min-width: 760px){ html[dir="rtl"] .journal-header-mega #logo a img{ left: auto; right:0; } } header .links a, header .links .no-link{ border-bottom-color:#e4e4e4; } .boxed-header.default-header .journal-top-header{ clip: rect(0px,1920px,45px,0px); } .journal-header-default .links .no-link{ border-color:rgb(228, 228, 228)} .journal-header-center #cart .content:before, .oc2 #cart .content .cart-wrapper:before{ color:rgb(255, 255, 255)} .journal-header-center .autocomplete2-suggestions:before{ color:rgb(255, 255, 255)} .journal-language .dropdown-menu:before, .journal-currency .dropdown-menu:before{ color:rgb(255, 255, 255)} #header .top-menu .top-dropdown li:first-of-type { border-top-left-radius: 10px; border-top-right-radius: 10px; } #header .top-menu .top-dropdown li:last-of-type { border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; } #header .top-menu .top-dropdown li:first-of-type::before{ color:} #search ::-webkit-input-placeholder { color:rgb(51, 55, 69); font-family: inherit; } #search :-moz-placeholder { color:rgb(51, 55, 69); font-family: inherit; } #search ::-moz-placeholder { color:rgb(51, 55, 69); font-family: inherit; } #search :-ms-input-placeholder { color:rgb(51, 55, 69); font-family: inherit; } .compare-info tbody td{ border-left-style:solid; } @media only screen and (max-width: 760px){ #search ::-webkit-input-placeholder { color:; font-family: inherit; } #search :-moz-placeholder { color:; font-family: inherit; } #search ::-moz-placeholder { color:; font-family: inherit; } #search :-ms-input-placeholder { color:; font-family: inherit; } } .button-search{ border-right-style:solid; border-right-color:rgb(51, 55, 69); } html[dir="rtl"] .button-search{ border-left-style:solid; border-left-color:rgb(51, 55, 69); } html[dir="rtl"].journal-desktop .menu-floated .float-left{ border-left-style: solid; } .button-search { right: 0; } html[dir="rtl"] .button-search { right: auto; left:0; } #search input { padding-left: 12px; padding-right: 50px; } .button-search{ border-right-width:0; border-left-width:1px; border-left-style:solid; border-left-color:rgb(51, 55, 69); } html[dir="rtl"] .button-search{ border-left-width:0; border-right-width:1px; border-right-style:solid; border-right-color:rgb(51, 55, 69); } header .journal-login{ border-bottom-color:rgb(51, 55, 69); } .super-menu > li:last-of-type{ border-right-color:rgb(51, 55, 69); 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(244, 244, 244); } .journal-menu .mobile-menu > li{ border-color:rgb(51, 55, 69); border-style:solid; } } .inline-button .product-details{ padding-bottom:0; } .product-grid-item .cart{ display:inline-block !important; } .product-info .right .options h3{ display:none; } .product-info .right .option-image:first-of-type{ margin-top:0; } .product-info .right .options.push-1 .option-image li.selected span img{ border-color:; } .mega-menu-categories .mega-menu-item, .mega-menu-brands .mega-menu-item, .mega-menu-html .mega-menu-item, #header .mega-menu .product-grid-item{ margin-bottom:15px; } html[dir="rtl"].journal-desktop .menu-floated .float-right:last-of-type{ border-right-style:solid; } html[dir="rtl"].journal-desktop .menu-floated .float-right:last-of-type{ border-color:rgb(51, 55, 69); } .mega-menu > div{ margin-bottom:-15px !important; margin-right:-15px; } html[dir="rtl"] .mega-menu-item > div, html[dir="rtl"] #header .mega-menu .product-wrapper{ margin-right:0; margin-left:15px; } .mega-menu .mega-menu-column:last-of-type > div{ margin-right:-15px; } html[dir="rtl"] .mega-menu .mega-menu-column.mega-menu-products > div{ margin-left:-15px; } .mega-menu-column > div > h3, .mega-menu .mega-menu-column .menu-cms-block{ margin-right:15px; } html[dir="rtl"] .mega-menu-column > div > h3, html[dir="rtl"] .mega-menu .mega-menu-column .menu-cms-block{ margin-right:0; margin-left:15px; } .mega-menu .mega-menu-column:last-of-type > h3, .mega-menu .mega-menu-column:last-of-type > div > h3, .mega-menu .mega-menu-column:last-of-type > .menu-cms-block, .mega-menu .mega-menu-column.mega-menu-html-block > div{ margin-right:0; } @media only screen and (max-width: 760px) { .super-menu{ border-width:0; } .mega-menu .mega-menu-column > div{ margin-right:-15px; } html[dir="rtl"] .mega-menu .mega-menu-column > div{ margin-left:-15px; margin-right:0; } } .journal-sf .sf-image .box-content ul{ margin-bottom:-5px; margin-right:-5px; } .journal-checkout .coupon-voucher .cvr div.checkout-coupon{ display:none; } .journal-checkout .coupon-voucher .cvr div.checkout-voucher{ padding-right: 12px; } .journal-checkout .coupon-voucher .cvr div.checkout-reward{ margin-top:0; padding-right:0; } html[dir="rtl"] .journal-checkout .coupon-voucher .cvr div.checkout-voucher{ padding-right:0; padding-left: 12px; } .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 div.checkout-voucher, .journal-checkout .coupon-voucher div.checkout-coupon{ display:none; } .journal-checkout .coupon-voucher .cvr div.checkout-reward { padding-right: 0; margin-top: 0; width:100%; } .journal-checkout .coupon-voucher .cvr div.checkout-reward, .journal-checkout .coupon-voucher .cvr div.checkout-coupon{ display:none; } .journal-checkout .coupon-voucher .cvr div.checkout-voucher { padding-right: 0; margin-top: 0; width:100%; } .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%; } .journal-checkout .coupon-voucher{ display:none; } .product-info .right .wishlist-compare{ display:none; } .has-cta .rotator-tex{ line-height:px; } footer .contacts .hint--top:before{ border-top-color: rgb(252, 68, 30); } .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(252, 68, 30); } .sf-icon:before{ border-top-color:rgb(252, 68, 30); } /* .journal-sf ul li label:hover img{ border-color:rgb(69, 115, 143); } */ .sf-price .value:after{ border-bottom-color:rgb(51, 55, 69); } .mobile-trigger{ background-color:rgb(41, 72, 125); } .journal-header-default .links > a{ border-bottom-color: transparent; } @media only screen and (max-width: 760px) { .super-menu{ background-color:; } .journal-header-default .links > a{ border-bottom-color: rgb(228, 228, 228); } } .nav-numbers a:hover, .nav-numbers li.active a{ -webkit-backface-visibility: hidden; -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); } .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.5); } .swiper-pagination-bullet:hover, .swiper-pagination-bullet-active{ transform: scale(1.2); } @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(255, 255, 255); } } .mega-menu{ max-width:1920px; } @media only screen and (max-width: 760px){ .bottom-menu-bar #header .top-menu > li{ border-color:rgb(228, 228, 228); } .bottom-menu-bar #header .journal-links{ background-color:rgb(244, 244, 244); } .bottom-menu-bar .journal-header-center .journal-secondary { border-top-width: 0; } .bottom-menu-bar #header .journal-links ul.top-menu > li{ border-color:rgb(250, 250, 250); } .bottom-menu-bar #header div.journal-links, .bottom-menu-bar #header .journal-links a:hover{ background-color:rgb(255, 255, 255); } .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:rgb(0, 0, 0); } } .boxed-header .is-sticky .header { max-width:1920px; 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:; } .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:; } } @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:100px !important; } } .center-header body.is-sticky .header-assets.top-bar{ background-color:rgb(255, 255, 255); } @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; } } @media only screen and (max-width: 760px){ .box-sections ul li { width: 100%; border-right-width: 0; } .box-sections ul li:nth-last-child(2):nth-child(odd) { border-bottom-width: 1px; } html[dir="rtl"] .box-sections ul li { border-right-width: 0 !important; } } #tabs{ top:1px; } .product-grid-item.display-icon .wishlist-icon:before, .product-grid-item.display-icon .compare-icon:before{ line-height:25px; } .journal-header-center #cart .heading i{ height:38px; } .journal-desktop .menu-floated .float-left{ border-right-style:solid; } .column.products > h3{ margin-bottom:12px; } .column.products{ padding-bottom:12px; } .side-column .journal-gallery .box-heading{ margin-bottom:5px; } .side-column .box-category > ul li ul li a{ padding-left: 12px; } .side-column .box-category > ul li ul li ul li a{ padding-left: 19px; } .side-column .box-category > ul li ul li ul li ul li a{ padding-left: 26px; } .side-column .box-category > ul li ul li ul li ul li ul li a{ padding-left: 33px; } .side-column .box-category > ul li ul li ul li ul li ul li ul li a{ padding-left: 40px; } @media only screen and (max-width: 1935px) { .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(51, 55, 69); border-style:solid; } .custom-sections .box-heading.box-sections{ border-left-style:solid; } .journal-carousel:not(.journal-gallery) .box-content .swiper-container{ padding: px; margin: -px; } .journal-carousel.arrows-top .swiper-button-prev, .journal-carousel.arrows-top .swiper-button-next{ margin-top:px; } .side-column .journal-carousel.arrows-top .swiper-button-prev, .side-column .journal-carousel.arrows-top .swiper-button-next, .related-products.journal-carousel.arrows-top .swiper-button-prev, .related-products.journal-carousel.arrows-top .swiper-button-next{ margin-top:0; } div#footer{ margin-top:20px; } .extended-container + .boxed-footer #footer{ margin-top:15px; } .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:px; } html[dir="rtl"] .journal-carousel:not(.arrows-top) .swiper-button-next{ right:auto; left:px; } html[dir="rtl"] .journal-carousel:not(.arrows-top) .swiper-button-prev{ left:auto; right:px; } html[dir="rtl"] footer .column-menu-wrap > ul li{ text-align:right; } html[dir="rtl"] footer .column>h3{ text-align:right; } .blog-post .heading-title{ white-space:normal; height:auto; line-height:1.2; padding:8px 0; } .post-module .box-heading{ white-space:normal; height:auto; line-height:1.2; padding-top:8px; padding-bottom:8px; } .posts.blog-list-view .post-item-details{ width: 70%; } .side-column .box.cms-blocks .box-heading{ margin-bottom:1px; } @media only screen and (min-width: 1935px) { .safari5 #footer, .safari5.boxed-header header{ width: 1920px; } .tp-banner{ height:100% !important; } } @media only screen and (max-width: 1935px) { .tp-banner-container{ height:auto !important; } .side-column .oc-module .product-details { max-width: 130px; } .checkout-page #content { padding-left: 20px; padding-right: 20px; } } @media only screen and (max-width: 760px){ .product-grid-item .has-countdown + .product-details .rating{ top:-50px; } .product-grid-item .image.has-countdown .wishlist, .product-grid-item .image.has-countdown .compare{ margin-bottom:42px; } } .option li.hint--top:before{ border-top-color:; } @media only screen and (max-width: 470px) { .phone-sticky-cart.menu-cart-off .journal-menu .mobile-trigger{ width:100%; } header .journal-menu .mobile-trigger { width: 50%; margin-top: -40px; z-index: 3; background-color:transparent; } .journal-cart{ z-index:2; background-color:rgb(234, 35, 73) } } .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(51, 55, 69); } div.mobile-trigger:before, .mobile-menu-on-tablet div.mobile-trigger:before{ color:rgb(51, 55, 69); } } .journal-header-center #header .menu-dropdown::before{ border-bottom-color:} .header-notice > div{ max-width:1920px; } @media only screen and (max-width:1935px){ .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:none; } /* Content Margin */ @media only screen and (min-width: 760px){ #column-left + #content { margin-left: 300px; } #column-right + #content { margin-right: 300px; } #column-left + #column-right + #content{ margin-left: 300px; margin-right: 300px; } } /* Tablet Column Width + Content Margin */ @media only screen and (min-width:760px) and (max-width:980px) { #column-left { width: 300px; } #column-right{ width: 300px; } #column-left + #content { margin-left: 300px; } #column-right + #content { margin-right: 300px; } #column-left + #column-right + #content{ margin-left: 300px; margin-right: 300px; } } /* Extended Layout Margins */ @media only screen and (min-width:760px) and (max-width: 1935px) { .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: 300px; margin-left: 0; } html[dir="rtl"].extended-layout #column-right + #content { margin-right: 0; } } .mega-menu .mega-menu-column .menu-cms-block{ margin-bottom:15px; } .fly-drop-down ul li{ min-height:42px; } @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: 300px; margin-left: 0; } html[dir="rtl"] #column-right + #content { margin-left: 300px; margin-right: 0; } html[dir="rtl"] #column-left + #column-right + #content{ margin-right: 300px; margin-left: 300px; } } @media only screen and (min-width : 760px) and (max-width: 980px) { html[dir="rtl"] #column-left + #content { margin-right: 300px; margin-left:0; } html[dir="rtl"] #column-right + #content { margin-left: 300px; margin-right:0; } html[dir="rtl"] #column-left + #column-right + #content{ margin-right: 300px; margin-left: 300px; } html[dir="rtl"].extended-layout #column-left + #content { margin-right: 300px; margin-left: 0; } } @media only screen and (min-width: 1935px) { 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:"Danh mục con"; margin-right:5px; } .refine-images::before, #refine-images::before, .category-list::before{ display:none; } .refine-image { padding-right: 5px; margin-bottom: 5px; } .refine-images { margin-right: -5px; margin-bottom: 10px;; } .product-grid-item { margin-bottom: 5px; } .product-wrapper, .ias-button, .ias-loader, .ias-noneleft{ margin-right: 5px; } .ias-button, .ias-loader, .ias-noneleft{ margin-top: 15px; } .product-grid, #content .box-product{ margin-right: -5px; } /* 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: 5px; } .product-grid-item:not(.swiper-slide) .product-wrapper, .ias-button, .ias-loader, .ias-noneleft{ margin-right: 5px; } .product-grid, #content .box-product{ margin-right: -5px; } } .button:active{ box-shadow:; } #column-left .oc-module .product-details{ max-width:225px; } #column-right .oc-module .product-details{ max-width:225px; } /* Custom CSS */ Css của kỹ thuật khánh hòa Mới /* ================================================== BASE TYPOGRAPHY – FAST + SEO FRIENDLY ================================================== */ body { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif; font-size: 15px; line-height: 1.7; color: #333; } /* ================================================== LAYOUT TRANG CHỦ – FULL WIDTH MODULE ================================================== */ #top-modules > div:not(.gutter), #bottom-modules > div:not(.gutter) { padding-left: 6px; padding-right: 6px; } /* ================================================== POST / ARTICLE CONTENT – SEO + UX ================================================== */ .post-content { column-gap: 40px; } @media (min-width: 1024px) { .post-content { column-count: 2; column-rule: 1px solid #eee; } } @media (max-width: 1023px) { .post-content { column-count: 1; } } .post-content p { margin: 0 0 12px; } /* ================================================== DROP CAP – STYLE BÁO CHÍ ================================================== */ .drop-cap { float: left; font-size: 56px; font-weight: 700; line-height: 1; margin-right: 6px; } /* ================================================== HEADING TAG (H6 DÙNG NHƯ LABEL) ================================================== */ h6 { font-size: 12px; text-transform: uppercase; padding: 6px 10px; margin-bottom: 10px; display: inline-block; border-radius: 10px; background: #f3f6fd; color: #333745; } /* ================================================== BLOCKQUOTE – ARTICLE / BLOG FRIENDLY ================================================== */ blockquote { background: #f3f6fd; padding: 12px 15px; margin: 15px 0; border-radius: 10px; font-size: 14px; font-style: italic; position: relative; } blockquote::before { content: "❝"; font-size: 28px; color: #f36d37; margin-right: 8px; line-height: 1; } /* ================================================== VIDEO RESPONSIVE – SAFE LCP ================================================== */ .video-frame { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; } .video-frame iframe { position: absolute; inset: 0; width: 100%; height: 100%; } /* ================================================== PRE / CODE – SEO KEYWORD BLOCK ================================================== */ pre { background: #f1f1f1; padding: 10px; margin: 12px 0; font-size: 13px; overflow-x: auto; border-radius: 6px; white-space: pre; } /* ================================================== TAB CONTENT – LIGHTWEIGHT ================================================== */ .tab { border /* CHỈNH FULL KHUNG LAYOUT TRANG CHỦ */ #top-modules > div:not(.gutter), #bottom-modules > div:not(.gutter) { padding-left: 5px; padding-right: 5px; } /* END CHỈNH FULL KHUNG LAYOUT TRANG CHỦ */ /* SEO TỪ KHÓA */ pre.wp-block-verse { white-space: nowrap; overflow: auto; } pre { display: block; font-family: monospace; white-space: pre; margin: 1em 0px; margin-bottom: 1.3em; background-color: #f1f1f1; width: 100%; overflow-x: auto; } /* END SEO TỪ KHÓA */ body { font-family: Helvetica Neue, Helvetica, Arial, sans-serif, Roboto, Tahoma, sans-serif !important; } .post-content { column-count: 2; column-gap: 50px; column-rule-color: rgba(238, 238, 238, 1); column-rule-width: 1px; column-rule-style: solid; } body .drop-cap { font-family: Helvetica Neue, Helvetica, Arial, sans-serif !important; font-weight: 700 !important; font-size: 60px !important; font-family: Helvetica Neue, Helvetica, Arial, sans-serif; font-weight: 700; font-size: 60px; margin-right: 5px; //color: #999999; } .drop-cap { position: relative; display: block; float: left; line-height: 1; } body h6 { font-size: 12px; //color: rgba(255, 255, 255, 1); color: rgb(51, 55, 69); text-transform: uppercase; //background: rgba(243, 109, 55, 1); //background: #00aba9c7; //background: rgb(243, 109, 55); padding: 6px; padding-right: 6px; padding-left: 6px; padding-right: 10px; padding-left: 10px; margin-bottom: 10px; display: inline-block; border-radius: 10px; } body .video-responsive { max-width: auto; margin-bottom: 15px; } .video-responsive { -webkit-column-break-inside: avoid; page-break-inside: avoid; break-inside: avoid; width: 100%; position: relative; } .video-frame { position: relative; padding-bottom: 56.25%; width: 100%; } body blockquote { font-family: Helvetica Neue, Helvetica, Arial, sans-serif; font-weight: 400; font-size: 13px; font-style: italic; background: rgba(237, 242, 254, 1); padding: 15px; padding-top: 10px; padding-bottom: 10px; padding-top: 10px; padding-bottom: 10px; margin-top: 15px; margin-bottom: 15px; border-radius: 10px; float: none; display: block; max-width: auto; } blockquote { border: none; padding: 0; margin: 0; margin-top: 0px; margin-bottom: 0px; border: none; font-size: Helvetica Neue, Helvetica, Arial, sans-serif; } body blockquote::before { margin-left: initial; margin-right: auto; float: left; content: '\e977' !important; font-family: icomoon !important; color: rgba(243, 109, 55, 1); margin-right: 10px; } blockquote::before { float: left; line-height: 1; font-size: 2.5em; font-style: normal; } ::before, ::after { position: relative; font-size: Helvetica Neue, Helvetica, Arial, sans-serif; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-weight: 400; } ::after, ::before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .video-frame > iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } body hr { // margin-top: 5px; // margin-bottom: 5px; overflow: hidden; } .post-content > p { margin-bottom: 10px; margin-left: 10px; } @media only screen and (max-width: 1023px) { .post-content { column-count: 1; } } @font-face { font-family: 'icomoon'; src: url('https://kythuatkhanhhoa.com/fonts/icomoon.eot?o2vbce'); src: url('https://kythuatkhanhhoa.com/fonts/icomoon.eot?o2vbce#iefix') format('embedded-opentype'), url('https://kythuatkhanhhoa.com/fonts/icomoon.ttf?o2vbce') format('truetype'), url('https://kythuatkhanhhoa.com/fonts/icomoon.woff?o2vbce') format('woff'), url('https://kythuatkhanhhoa.com/fonts/icomoon.svg?o2vbce#icomoon') format('svg'); font-weight: normal; font-style: normal; } [class^="icon-"], [class*=" icon-"] { /* use !important to prevent issues with browser extensions that change fonts */ font-family: 'icomoon' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .icon-quotes-left:before { content: "\e977"; } .icon-quotes-right:before { content: "\e978"; } /* Style the tab */ .tab { overflow: hidden; border: 1px solid #ccc; background-color: #f1f1f1; } /* tab Style the buttons that are used to open the tab content */ .tab button { background-color: inherit; float: left; border: none; outline: none; cursor: pointer; padding: 14px 16px; transition: 0.3s; } /* Change background color of buttons on hover */ .tab button:hover { background-color: #ddd; } /* Create an active/current tablink class */ .tab button.active { background-color: #ccc; } /* Style the tab content */ .tabcontent { display: none; padding: 6px 12px; border: 1px solid #ccc; border-top: none; } /* END tab Style the buttons that are used to open the tab content */