/* Control Panel Settings */ .tp-bullets.simplebullets.round .bullet, .journal-simple-slider .owl-controls .owl-page span{border-radius: 25px;width:10px;background-color: rgb(255, 255, 255);height:10px} .side-column .journal-sf .box ul{padding-top:3px;padding-bottom:10px} .autocomplete2-suggestions{background-color: rgb(255, 255, 255)} #cart .checkout .button{color: rgb(255, 255, 255);background-color: rgb(186, 147, 62)} #cart .checkout .button:hover{background-color: rgb(0, 0, 0);color: rgb(255, 255, 255)} .tablet #logo a img, .mobile #logo a img{max-width:200px} .product-grid-item .compare, .product-filter .product-compare{display:none;} .journal-language .dropdown-menu > li > a, header .journal-currency .dropdown-menu > li > a{font-size: 10px;text-transform: uppercase;color: rgb(255, 255, 255);color: rgb(255, 255, 255)} .mega-menu-item > div, #header .mega-menu .product-wrapper{margin-right:10px} .drop-down ul{box-shadow: 2px 2px 8px -2px rgba(0, 0, 0, 0.35)} .mega-menu div > h3:hover > a{color: rgb(119, 119, 119)} .mobile .journal-menu .mobile-menu > li, .tablet.mobile-menu-on-tablet header .journal-menu .mobile-menu > li, .mobile.mobile-menu-on-tablet header .journal-menu .mobile-menu > li, #header .journal-menu .mobile-menu > li .mobile-plus{border-color: rgba(238, 238, 238, 0);border-style:dashed} .mega-menu-html div > h3, .mega-menu-mixed .mega-menu-html > h3{padding-right:15px;padding-top:30px;padding-bottom:0px;font-weight: 700;font-family: "Montserrat";font-style: normal;font-size: 15px;text-transform: uppercase;color: rgb(34, 34, 34);padding-left:15px} .mega-menu-column.mega-menu-html .wrapper, .mega-menu .mega-menu-column .menu-cms-block{padding-left:15px;padding-right:15px;padding-top:40px;padding-bottom:20px} .mega-menu-categories .mega-menu-item > div{padding:8px} .mega-menu-categories .mega-menu-item ul li a{color: rgb(0, 0, 0);padding-left:0px} .mega-menu-categories .mega-menu-item ul li a:hover{color: rgb(119, 119, 119)} .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{color: rgb(42, 43, 46);background-color: rgb(250, 250, 250)} .journal-menu .mobile-trigger{background-color: rgb(36, 36, 36)} .super-menu > li:hover > a{color: rgb(255, 255, 255)} .mega-menu-html .mega-menu-item .wrapper{font-weight: 400;font-family: "Muli";font-style: normal;font-size: 13px;text-transform: none;letter-spacing: 0.8px;color: rgb(119, 119, 119);padding-top:40px;padding-bottom:20px;padding-left:15px;padding-right:15px} .mega-menu{padding:20px} .mega-menu, .html-menu{background-color: rgb(255, 255, 255)} .mega-menu, .drop-down ul{box-shadow: 2px 2px 8px -2px rgba(0, 0, 0, 0.35)} .drop-down ul li, .mobile-menu .drop-down ul li, .flyout-menu .fly-drop-down ul li{border-color: rgba(255, 255, 255, 0)} header .links a, .links .no-link, .mm-header-link a{font-weight: 400;font-family: "Merriweather Sans";font-size: 10px;text-transform: uppercase;letter-spacing: 1px;color: rgb(153, 153, 153)} .product-grid-item .description{display:none} .ias-loader, .ias-noneleft{background-color: rgb(244, 244, 244);font-size: 13px;color: rgb(0, 0, 0)} .refine-image a{padding:0px} .button.ias-trigger{max-width:35%;;background-color: rgb(244, 244, 244);border-radius: 0px;color: rgb(0, 0, 0)} .button.ias-trigger:hover{color: rgb(0, 0, 0);background-color: rgb(238, 238, 238)} .pagination a, .pagination b, .pagination li{border-radius: 1px} .pagination{box-shadow:none;border-width: 0px;border-style: solid} .pagination a{background-color: rgb(238, 238, 238);color: rgb(0, 0, 0)} .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(0, 0, 0)} .side-column .side-category i{font-weight: 700;font-family: "Merriweather Sans";font-size: 14px;color: rgb(0, 0, 0);height:15px;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: 14px} .side-column .box-content li a, .side-column .box-category li a{padding-top:5px;padding-bottom:5px} .side-column .oc-module .product-grid-item{padding-bottom:15px} .side-column .box-content li a, .side-column .box-category li a, .flyout-menu .flyout > ul > li > a, .journal-sf ul li, .side-column .oc-module .product-grid-item, #column-right .recentArticles li, #column-right .popularArticles li, #column-left .recentArticles li, #column-left .popularArticles li, .side-post + hr {border-color:rgba(255, 255, 255, 0)} .category-list ul li a:hover, .refine-image a:hover .refine-category-name{color: rgb(186, 147, 62)} .label-sale{width: 42px;height: 22px; line-height: 22px; padding-top:0; padding-bottom:0;font-size: 11px;color: rgb(255, 255, 255);background-color: rgb(0, 0, 0)} .label-latest{height: 20px; line-height: 20px; padding-top:0; padding-bottom:0;width: 42px;color: rgb(255, 255, 255);background-color: rgb(0, 0, 0)} .product-grid-item .wishlist{display:inline-block} .product-details{margin-top: 10px} #cart .checkout .button + .button:hover{background-color: rgb(186, 147, 62);color: rgb(255, 255, 255)} .journal-language .dropdown-toggle, .journal-currency .dropdown-toggle, .journal-language .dropdown-menu, .journal-currency .dropdown-menu{font-size: 10px;text-transform: uppercase;letter-spacing: 1px;color: rgb(168, 168, 168)} .product-filter, .open-filter{border-bottom-width: 2px;border-style: dashed;border-color: rgb(228, 228, 228)} .product-grid-item .rating{display:block} .oc2 .rating .fa-star, .oc2 .rating .fa-star + .fa-star-o, .oc2 #tab-review form table td .fa-star, .oc2 #tab-review form table td .fa-star + .fa-star-o{color: rgb(241, 196, 15)} .product-grid-item .price{display:block;} .product-grid-item .cart .button{padding:0 0px} .soft-shadow .product-wrapper{box-shadow:none} .product-grid-item .product-wrapper .cart .button{background-color: rgb(255, 255, 255);font-size: 12px;text-transform: uppercase;color: rgb(0, 0, 0);border-width: 0px;border-style: solid;border-color: rgb(228, 228, 228)} .product-grid-item .product-wrapper .cart .button:hover{background-color: rgb(255, 255, 255)} .quickview #tab-description{padding-right:0px;padding-left:0px} .quickview.product-page .heading-title{padding-left:0px} .countdown > span{font-size: 12px;border-color: rgba(255, 255, 255, 0)} .product-info .right .price-tax{display:none} .custom-sections.section-product .product-wrapper{border-color: rgb(0, 0, 0)} .product-info .right > div .countdown > span > div{color: rgb(70, 113, 31)} .expire-text{padding-bottom:10px;font-size: 14px;color: rgb(70, 113, 31);padding-top:0px;text-align:center} .product-info .right > div .countdown-wrapper{background-color: rgb(247, 255, 241);padding:15px;border-width: 1px;border-style: dashed;border-color: rgb(192, 234, 154)} .product-info .right > div .countdown > span{font-size: 16px;color: rgb(70, 113, 31);border-color: rgba(255, 255, 255, 0)} .countdown > span > div{font-size: 10px} .product-list-item .quickview-button .button:hover{color: rgb(255, 255, 255);background-color: rgb(221, 0, 23)} .product-list-item .name a:hover{color: rgb(0, 0, 0)} .product-list-item .name a{border-color: rgba(255, 255, 255, 0);font-weight: bold;color: rgb(0, 0, 0)} .product-list-item .price, .product-list-item .price-new{font-weight: bold;font-size: 13px;letter-spacing: -0.4px;color: rgb(0, 0, 0)} .product-list-item .wishlist a, .product-list-item .compare a{font-size: 12px;letter-spacing: 0.5px;color: rgb(0, 0, 0)} .product-list-item .quickview-button .button{font-size: 11px;color: rgba(255, 255, 255, 0.9);background-color: rgb(221, 0, 23)} .product-list-item .cart .button{font-weight: bold;font-size: 11px;text-transform: uppercase;color: rgb(0, 0, 0);padding:0 0px;line-height:25px;border-bottom-width: 1px;border-style: solid;border-color: rgb(168, 168, 168);background-color: rgb(255, 255, 255)} .product-list-item .cart .button:hover{color: rgb(186, 147, 62);background-color: rgb(255, 255, 255)} .category-info{padding-bottom:20px} .category-info p, .category-info p span{line-height:22px !important} .open-filter{background-color: rgb(42, 43, 46)} .sf-icon:after{color: rgb(255, 255, 255);background-color: rgb(186, 147, 62)} .side-column .journal-sf .box{margin-bottom:40px} .sf-icon .sf-reset-icon::after, .sf-reset .sf-reset-icon::after{content: '\e602';font-size: 12px;color: rgb(0, 0, 0);left: -4px} .sf-price .value{background-color: rgb(186, 147, 62);color: rgb(255, 255, 255)} .sf-price .ui-widget-header{background-color: rgb(228, 228, 228)} .journal-sf .sf-image .box-content ul li{width:16.666666%;padding-right:7px;padding-bottom:7px} .sf-price .ui-slider-handle{background-color: rgb(0, 0, 0);height:9px;width:9px;top:-3px} .sf-price .ui-slider-handle:hover{background-color: rgb(186, 147, 62)} .journal-sf ul label.sf-checked img, .journal-sf ul label:hover img{border-color: rgb(186, 147, 62)} .sf-price .ui-widget-content{background: rgb(153, 153, 153)} .sf-price .box-content{padding-top:15px;padding-bottom:30px;padding-right:15px;padding-left:12px} .journal-sf .sf-manufacturer.sf-image .box-content ul li{width:25%} .journal-sf ul label img{border-width: 1px;border-style: dashed;border-color: rgb(238, 238, 238)} .side-column .side-category-accordion i:hover{color: rgb(186, 147, 62)} .lg-toolbar, .lg-sub-html{background-color: rgba(255, 255, 255, 0)} .lg-toolbar .lg-icon:hover, #lg-intense-zoom:hover{color: rgb(255, 255, 255)} #content .product-info .options h3, .ms-sellerprofile.description h3{background-color: rgba(255, 255, 255, 0);font-weight: bold;font-size: 14px;color: rgb(0, 0, 0)} #product-gallery .swiper-button-prev:hover, #product-gallery .swiper-button-next:hover{background-color: rgb(0, 0, 0)} .tags a:hover{color: rgb(255, 255, 255);background-color: rgb(186, 147, 62)} li.p-stock{display:block;} #tabs a, #tabs li a{background-color: rgb(169, 184, 192);box-shadow:inset 0 -3px 6px -2px rgba(0, 0, 0, 0.5);font-weight: 400;font-family: "ABeeZee";font-size: 15px;text-transform: uppercase;letter-spacing: Normalpx;color: rgb(0, 0, 0)} .product-info .option > ul > li{background-color: rgb(228, 228, 228);font-weight: 400;font-family: "Merriweather Sans";color: rgb(0, 0, 0)} #tabs a:hover, #tabs a.selected, #tabs li a:hover, #tabs li.active a{color: rgb(0, 0, 0);background-color: rgb(66, 139, 202)} .option li.hint--top:after{color: rgb(255, 255, 255);background-color: rgb(0, 0, 0)} .product-info .right .cart div .journal-stepper:hover{color: rgb(0, 0, 0)} #product-gallery .swiper-button-prev, #product-gallery .swiper-button-next{background-color: rgba(255, 255, 255, 0.95);border-width: 0px;border-style: solid;border-color: rgb(238, 238, 238)} #tab-review .text-danger{color: rgb(255, 255, 255);background-color: rgb(186, 147, 62)} .product-info .right .cart div .journal-stepper{background-color: rgb(255, 255, 255);color: rgb(0, 0, 0);font-size:20px} button.btn-upload:hover, .option button.btn-default:hover{background-color: rgb(238, 238, 238)} .product-options > div a:hover, .product-options > ul a:hover{color: rgb(0, 0, 0)} .product-page .heading-title{text-align:left;font-weight: 700;font-family: "Merriweather Sans";font-size: 25px;text-transform: uppercase;color: rgb(0, 0, 0)} .tags b{font-weight: 400;font-family: "Montserrat";font-style: normal;font-size: 13px;text-transform: none;color: rgb(255, 255, 255);background-color: rgb(0, 0, 0)} .product-info .right .options.push-1 .option-image li span img:hover, .product-info .right .options.push-image .option-image li span img:hover, .product-info .right .options.push-select .option-image li.selected span img, .product-info .right .options.push-image .option-image li.selected span img, .product-info .right .options.push-checkbox .option-image li.selected span img, .product-info .right .options.push-radio .option-image li.selected span img{border-color: rgb(0, 0, 0)} .product-options > div, .product-options > ul{font-family: ;color: rgb(0, 0, 0)} .product-info .option > ul > li.selected, .product-info .option > ul > li:hover{color: rgb(255, 255, 255);background-color: rgb(0, 0, 0)} .product-info .gallery-text:before{content: '\e697';font-size: 12px;color: rgb(0, 0, 0)} button.btn-upload, .option button.btn-default{background-color: rgb(228, 228, 228);border-radius: 2px} .product-info .right .price-old{background-color: rgb(0, 0, 0)} #button-cart, .product-info .right .cart div .button.enquiry-button, .quickview #more-details{background-color: rgb(0, 0, 0);border-width: 0px;border-style: solid} #form-review input[type='text'], #form-review textarea{background-color: rgb(255, 255, 255);color: rgb(34, 34, 34)} li.p-brand{display:block;} #button-cart:hover, .product-info .right .cart div .button.enquiry-button:hover, .quickview #more-details:hover{background-color: rgb(17, 17, 17);color: rgb(255, 255, 255)} .tags a{background-color: rgb(238, 238, 238);font-weight: 400;font-family: "Montserrat";font-style: normal;font-size: 13px;text-transform: none} .product-info .tab-content, .tab-content, .quickview .tab-content{background-color: rgb(255, 255, 255)} .tags{text-align:left} .product-info .right .wishlist-compare .links a:hover{color: rgb(34, 34, 34)} .product-info .right .price .price-old, .product-info .right .price li.price-old{font-weight: 700;font-family: "Merriweather Sans";font-size: 14px;color: rgb(164, 23, 30)} .attribute tr td:first-child{text-align:left} .product-options > div, .product-options > ul, .skin-11 .right .heading-title{margin-bottom:20px} .product-info .left .image-additional a{padding:0 12px 12px 0} .option li.hint--top:before, .option li.hint--top:after{display:block} .product-info .right .price .price-new, .product-info .right .price .product-price, .product-info .right .price li.price-new, .product-info .right .price li.product-price{font-weight: 700;font-family: "Merriweather Sans";font-size: 18px;color: rgb(0, 0, 0)} .journal-checkout .checkout-cart td.name a{font-size: 12px;color: rgb(0, 0, 0)} .journal-checkout .checkout-product tfoot td{font-weight: 700;font-family: "Merriweather Sans";font-size: 13px} .journal-checkout .checkout-product thead td{font-weight: bold} .journal-checkout .checkout-content{padding:20px;border-radius: 5px;background-color: rgb(244, 244, 244)} .bottom-footer{box-shadow:none} #footer{margin-top:20px;margin-bottom:20px} footer .contacts > div > span .contact-icon i{color: rgb(119, 119, 119)} .route-account-order-info #content table .text-right .btn-primary:hover{background-color: rgb(157, 122, 45)} .route-account-order-info #content table .text-right .btn-danger i{color: rgb(255, 255, 255)} .route-account-order #content table .text-right .btn-primary:hover i{color: rgb(255, 255, 255)} .route-account-order-info #content table .text-right .btn-danger{background-color: rgb(193, 18, 53)} .route-account-order-info #content table .text-right .btn-danger:hover{background-color: rgb(164, 23, 51)} .checkout-product thead td, .checkout-product tfoot td{color: rgb(34, 34, 34);background-color: rgb(253, 253, 253)} .cart-info tbody td a, .wishlist-info tbody td a, .compare-info .name a{color: rgb(0, 0, 0)} .route-account-order #content table .text-right .btn-primary i{color: rgb(255, 255, 255)} .route-account-order #content table .text-right .btn-primary{background-color: rgb(186, 147, 62)} .route-account-order #content table .text-right .btn-primary:hover{background-color: rgb(157, 122, 45)} .sc-page .pull-left .button, .sc-page .buttons .center .button{background-color: rgb(0, 0, 0);color: rgb(255, 255, 255)} .warning, .attention{color: rgb(164, 23, 51);background-color: rgb(255, 235, 239)} .sc-page .pull-right .button, .sc-page .buttons .right .button{background-color: rgb(186, 147, 62)} .checkout-heading, .checkout .panel-heading, .route-checkout-checkout .panel-heading:hover{background-color: rgb(244, 244, 244)} .checkout-content, .checkout-page .panel-body{background-color: rgb(255, 255, 255)} .action-area h3{font-weight: 700;font-family: "Merriweather Sans";font-size: 18px;text-transform: uppercase;letter-spacing: 1px} .account-page #content .content > ul > li > a{font-size: 13px} .login-content hr{background-color: rgba(255, 255, 255, 0)} .sf-price .ui-slider-horizontal{height:3px} ul.breadcrumb li::before{content:'\f105';;top:1px} .home-page #container{margin-top:0px;margin-bottom:0px} .button, #quickcheckout .button, .modal-footer .btn{line-height:36px;background-color: rgb(0, 0, 0);border-width: 0px;border-radius: 2px;border-style: solid;padding:0 20px} .breadcrumb{padding-left:0px; padding-right:0px;;color: rgb(153, 153, 153)} .button:hover, #quickcheckout .button:hover, .modal-footer .btn:hover{background-color: rgb(186, 147, 62)} table.radio .highlight td, .action-area .panel-heading{background-color: rgb(254, 254, 254)} span.error, .text-danger{font-size: 13px;color: rgb(212, 13, 53);background-color: rgb(255, 235, 239)} .route-account-register .form-group label, .route-checkout-checkout .form-group label, .oc1.route-account-register table.form td, .oc1.route-checkout-checkout table.form td{font-size: 13px} .checkout #button-confirm{color: rgb(255, 255, 255);background-color: rgb(186, 147, 62)} .checkout #button-confirm:hover{background-color: rgb(0, 0, 0);color: rgb(255, 255, 255)} .success a,.information a,.attention a{color: rgb(88, 143, 39)} .checkout .panel-heading:hover .panel-title a, .route-checkout-checkout .panel-title:hover a{color: rgb(186, 147, 62)} .checkout-product tbody td{border-color: rgb(204, 204, 204)} .sc-page .pull-right .button:hover, .sc-page .buttons .right .button:hover{background-color: rgb(169, 132, 52);color: rgb(255, 255, 255)} #container.maintenance-message{padding-top:150px;min-height:300px} .cart-info thead td, .wishlist-info thead td, .compare-info thead td, .manufacturer-heading, table.list thead td, .order-list .order-id, .order-list .order-status{background-color: rgb(244, 244, 244);color: rgb(34, 34, 34)} .maintenance-message h1{font-weight: 700;font-family: "Montserrat";font-style: normal;font-size: 22px;text-transform: none;color: rgb(0, 0, 0);line-height:30px} .success a:hover,.information a:hover,.attention a:hover{color: rgb(88, 143, 39)} table.radio .highlight:hover td label, .action-area .panel-title:hover a{color: rgb(186, 147, 62)} .success{background-color: rgb(239, 255, 224);color: rgb(88, 143, 39)} .warning a{color: rgb(164, 23, 51)} .warning a:hover{color: rgb(164, 23, 51)} .cart-info table, .wishlist-info table, .compare-info td, table.list tbody td, .order-list .order-content{background-color: rgb(255, 255, 255)} .cart-info tbody td, .wishlist-info tbody td, .compare-info td, .journal-checkout .checkout-cart tbody td, .journal-checkout .checkout-cart tbody td:first-of-type, .account-page table.list td, .account-page table.list{border-color: rgb(204, 204, 204)} footer .column-menu-wrap > ul li{color: rgb(119, 119, 119);text-align:left} footer .contacts [data-hint]:after{border-radius: 2px;color: rgb(255, 255, 255);background-color: rgb(186, 147, 62)} footer .column > h3{font-size: 13px;text-transform: uppercase;letter-spacing: 1px;border-color: rgba(255, 255, 255, 0)} .bottom-footer .copyright a{color: rgb(186, 147, 62)} footer .contacts > div > span .contact-icon:hover i{transition: all 0.05s ease-out; color:rgb(186, 147, 62) !important} .bottom-footer .copyright{color: rgb(119, 119, 119)} .fullwidth-footer{background-image: url('https://jayafone.net/image/data/oceanesia/bg.jpg');background-position: center top;background-size: auto;background-attachment: scroll;background-color: rgb(0, 0, 0)} footer .column-menu-wrap > ul li:hover a{color: rgb(186, 147, 62)} .pagination b, .pagination a:hover, .pagination .active{color: rgb(255, 255, 255)} .pagination b, .pagination a:hover, .pagination li.active {background-color: rgb(0, 0, 0)} .journal-desktop .ui-pnotify-closer:hover{color: rgb(64, 104, 27)} .ui-pnotify-text{color: rgb(88, 143, 39)} .ui-pnotify-closer{color: rgb(88, 143, 39)} .ui-pnotify-text img {display: none} .notification-buttons{display:none} .ui-pnotify {background-color: rgb(244, 255, 233);display: block !important;border-width: 1px;border-style: dashed;border-color: rgb(170, 207, 137)} .ui-pnotify-title {background-color: rgba(255, 255, 255, 0);color: rgb(68, 111, 30)} .ui-pnotify-text a{color: rgb(88, 143, 39)} .ui-pnotify-text a:hover{color: rgb(53, 87, 22)} .side-column .box-content li a:hover, .side-column .box-category li a:hover, .flyout-menu .flyout > ul > li:hover > a, .flyout-menu .flyout > ul > li > a:active, .side-column .box-content li a.active, .side-column .box-category li a.active, .side-column .oc-module .product-grid-item .name a:hover, #column-right .recentArticles li > a:hover, #column-right .popularArticles li > a:hover, #column-left .recentArticles li > a:hover, #column-left .popularArticles li > a:hover{color: rgb(186, 147, 62)} .side-column .oc-module .product-grid-item .name a{white-space:normal;font-weight: 400;font-family: "Montserrat";font-style: normal;font-size: 14px;text-transform: none} .super-menu > li > a{font-weight: 400;font-family: "Merriweather Sans";font-size: 11px;letter-spacing: 1px;color: rgb(255, 255, 255)} .drop-down ul li:hover > a, .fly-drop-down ul li:hover > a{color: rgb(186, 147, 62)} .drop-down ul li a:before{font-size: 16px} .mega-menu-column > div > h3, .mega-menu-column > h3{padding-top:30px;font-weight: 700;font-family: "Montserrat";font-style: normal;font-size: 15px;text-transform: uppercase;color: rgb(34, 34, 34);padding-right:15px;padding-bottom:0px;padding-left:15px} .mega-menu div > h3{font-size: 13px;text-transform: uppercase;letter-spacing: 1px;color: rgb(0, 0, 0);padding-bottom:10px} .mega-menu-column.mega-menu-html .wrapper h1, .mega-menu-column.mega-menu-html .wrapper h2, .mega-menu-column.mega-menu-html .wrapper h3, .mega-menu .mega-menu-column .menu-cms-block h1, .mega-menu .mega-menu-column .menu-cms-block h2, .mega-menu .mega-menu-column .menu-cms-block h3{font-weight: 400;font-family: "Montserrat";font-style: normal;font-size: 16px;text-transform: none;color: rgb(51, 51, 51)} .post-module .post-item-details .comment-date{font-weight: 400;font-family: "Work Sans";font-style: normal;font-size: 12px;text-transform: uppercase;color: rgb(119, 119, 119)} .comments .reply:nth-of-type(odd){background-color: rgb(255, 255, 255)} .comments > .comment:nth-of-type(odd){background-color: rgb(255, 255, 255)} .comments > .comment:nth-of-type(even){background-color: rgb(255, 255, 255)} .comments .reply:nth-of-type(even){background-color: rgb(255, 255, 255)} .post-details, .post-details p, .post-details font, .post-details > span, .post-details p font, .post-details p span{font-size: 13px} blockquote{padding-right:10px;padding-top:10px;border-color: rgb(186, 147, 62);padding-bottom:10px;padding-left:12px;background-color: rgb(253, 253, 253)} .post-details, .post-details p, .post-details font, .post-details > span, .post-details p font, .post-details p span, .post-details strong{line-height:22px !important} .post-details .tags b{font-weight: 400;font-family: "Montserrat";font-style: normal;font-size: 12px;text-transform: none;color: rgb(255, 255, 255);background-color: rgb(34, 34, 34)} .comments .reply{border-bottom-width: 1px;border-style: dashed;border-color: rgb(228, 228, 228)} .comments > .comment{border-bottom-width: 1px;border-style: dashed;border-color: rgb(228, 228, 228)} .reply-form h3{font-weight: 700;font-family: "Montserrat";font-style: normal;font-size: 18px;text-transform: none;color: rgb(34, 34, 34)} .comments .user-site a{color: rgb(186, 147, 62)} .comments .user-name{font-size: 13px;color: rgb(0, 0, 0)} .post-details .tags a, .side-blog-tags .box-tag a{font-weight: 400;font-family: "Montserrat";font-style: normal;font-size: 12px;text-transform: none;color: rgb(34, 34, 34);background-color: rgb(238, 238, 238)} .comments .avatar{border-radius: 4px} .comment p{font-size: 13px;color: rgb(80, 80, 80)} .side-post-title:hover{color: rgb(186, 147, 62)} .post-module .box-heading{text-align:left} .post-module .p-comment:before{content: '\e1af';font-size: 12px;top: -1px} .post-module .p-date:before{content: '\e6b2';font-size: 12px;top: -1px} .post-module .p-author:before{content: '\e1b4';font-size: 12px;top: -1px} .post-module .post-item-details{padding-top:12px} .post-module .post-wrapper .post-item-details h2 a{font-weight: 700;font-family: "Amaranth";font-style: normal;font-size: 15px;text-transform: uppercase;color: rgb(34, 34, 34)} .posts .post-wrapper h2 a{font-weight: 700;font-family: "Merriweather Sans";font-size: 14px;text-transform: uppercase} .posts .post-wrapper h2 a:hover{color: rgb(186, 147, 62)} .post-item-details .comment-date{border-width: 0px;border-style: solid} .post-item-details{text-align:left} #more-details[data-hint]:after{background-color: rgb(186, 147, 62);color: rgb(255, 255, 255);border-radius: 2px} .tp-bannertimer, .tp-bannertimer.tp-bottom{height:5px;background-color: rgba(80, 80, 80, 0.1)} .tp-leftarrow:before, .tp-leftarrow.default:before, .journal-simple-slider .owl-controls .owl-buttons .owl-prev:before{content: '\e62b';font-size: 32px} .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(186, 147, 62)} #tab-description{line-height:22px} .post-module .post-wrapper{padding:0px 0px 0 0px} .journal-carousel.carousel-brand .product-wrapper{background-color: rgb(244, 244, 244)} .journal-carousel.arrows-top .swiper-button-next::before{content: '\f054';font-size: 16px;color: rgb(0, 0, 0)} .journal-carousel:not(.arrows-top) .swiper-button-prev, .journal-carousel:not(.arrows-top) .swiper-button-next{width:40px;background-color: rgb(255, 255, 255);height:40px;;border-radius: 50%} .journal-carousel.arrows-top .swiper-button-prev, .journal-carousel.arrows-top .swiper-button-next{width:40px;height:40px;;border-radius: 50%} .journal-carousel:not(.arrows-top) .swiper-button-next{right:-25px} .journal-carousel .htabs a:hover, .journal-carousel .htabs a.selected{color: rgb(186, 147, 62)} .journal-carousel.arrows-top .swiper-button-prev{right:40px} .journal-carousel .htabs a, .side-column .journal-carousel .htabs a{border-right-style:solid;border-color: rgba(255, 255, 255, 0)} .journal-carousel:not(.arrows-top) .swiper-button-prev:hover::before, .journal-carousel:not(.arrows-top) .swiper-button-next:hover::before{color: rgb(0, 0, 0)} .nav-numbers a{height:9px;width:9px;background-color: rgba(255, 255, 255, 0.69);border-radius: 50%} .nav-numbers a:hover, .nav-numbers li.active a{background-color: rgb(186, 147, 62)} .tp-rightarrow:before, .tp-rightarrow.default:before, .journal-simple-slider .owl-controls .owl-buttons .owl-next:before{content: '\e62c';font-size: 32px} .product-info .right .price .reward{font-size: 13px} .autocomplete2-suggestion .p-image{display:block} .journal-language .dropdown-menu, .journal-currency .dropdown-menu{box-shadow:none;border-radius: 2px;background-color: rgb(186, 147, 62)} .mini-cart-info table tr{border-bottom-style:dashed;border-bottom-color: rgb(238, 238, 238)} .mini-cart-info table tr td.remove i:hover, .firefox .mini-cart-info table tr td.remove button:hover i{color: rgb(0, 0, 0)} .mini-cart-total{background-color: rgb(255, 255, 255);color: rgb(0, 0, 0)} .lg-backdrop{background-color: rgba(0, 0, 0, 0.62)} .lg-sub-html{font-weight: 700;font-family: "Montserrat";font-style: normal;font-size: 18px;text-transform: none;color: rgb(255, 255, 255)} .label-outofstock{font-size: 13px;background-color:rgb(168, 168, 168);padding-bottom:7px} .journal-carousel:not(.arrows-top) .swiper-button-prev{left:-25px} .product-grid-item .quickview-button .button{border-radius: 0px;background-color: rgba(186, 147, 62, 0.89)} .product-grid-item .quickview-button .button:hover{background-color: rgb(186, 147, 62)} .product-grid-item .price, .product-grid-item .price-new{font-weight: 700;font-family: "Merriweather Sans";font-size: 13px;letter-spacing: -0.2px;color: rgb(0, 0, 0)} .product-grid-item .wishlist [data-hint]:after, .product-grid-item .compare [data-hint]:after{color: rgb(255, 255, 255);background-color: rgb(0, 0, 0);border-radius: 2px} .checkout-heading, .checkout .panel-title, .route-checkout-checkout .panel-title{font-size: 14px;color: rgb(0, 0, 0)} .wishlist-info .action .btn-primary i.fa, .cart-info .quantity .input-group .btn-primary i.fa{color: rgb(255, 255, 255)} .action-area{margin-top:50px} .login-content > div{padding:0px} .wishlist-info .action .btn-primary:hover, .cart-info .quantity .input-group .btn-primary:hover{background-color: rgb(168, 130, 49)} .product-list-item .price-old{font-weight: bold;font-size: 13px;letter-spacing: -0.4px;color: rgb(164, 23, 51)} .countdown{background-color: rgb(0, 0, 0)} .product-grid-item .price-old, .compare-info .price-old, .autocomplete2-suggestion span.p-price .price-old{font-weight: 700;font-family: "Merriweather Sans";font-size: 12px;letter-spacing: -0.4px;color: rgb(164, 23, 51)} .product-grid-item .name a, .posts h2 a{font-weight: 400;font-family: "Merriweather Sans";font-size: 13px;letter-spacing: 1px;color: rgb(0, 0, 0);white-space:normal} .button, .side-column .box-content a.button, #quickcheckout .button, .modal-footer .btn{font-weight: 400;font-family: "Merriweather Sans";font-size: 13px;text-transform: uppercase;letter-spacing: 1px;color: rgb(255, 255, 255)} .breadcrumb a:hover{color: rgb(0, 0, 0)} .oc2 ul.breadcrumb li:last-of-type a:hover, .oc1 .breadcrumb a:hover:last-of-type{color: rgb(186, 147, 62)} #container{margin-top:50px;margin-bottom:200px} .heading-title, .box-heading, #blogArticle .articleHeader h1, #swipebox-caption, .journal-carousel .htabs.single-tab a:hover, .journal-carousel .htabs.single-tab a.selected, .oc-filter .panel-heading{font-weight: 700;font-family: "Merriweather Sans";font-size: 18px;text-transform: uppercase;letter-spacing: 1px} a{color: rgb(238, 241, 234)} a:hover{color: rgb(43, 7, 141)} .secondary-title, #content #review-title, #content legend, .checkout-content h2{font-weight: 700;font-family: "Merriweather Sans";font-size: 13px;text-transform: uppercase;letter-spacing: 1px;color: rgb(0, 0, 0)} body{font-weight: 400;font-family: "Merriweather Sans";font-size: 13px;letter-spacing: 0.5px;color: rgb(0, 0, 0)} .pagination .results, .dataTables_info{color: rgb(119, 119, 119)} .scroll-top:before{content: '\f077';font-size: 32px;color: rgba(56, 56, 56, 0.75)} .product-info .right .description .instock{color: rgb(0, 0, 0)} .product-info .tab-content, .tab-content{padding:3px} #button-cart, .product-info .right .cart div .button.enquiry-button{font-size: 14px;text-transform: uppercase;color: rgb(255, 255, 255)} #product-gallery .swiper-button-prev::before{content: '\e62b';font-size: 20px;color: rgb(51, 51, 51)} #product-gallery .swiper-button-next::before{content: '\e62c';font-size: 20px;color: rgb(51, 51, 51)} .autocomplete2-suggestion{border-bottom-style:dashed;border-color: rgb(238, 238, 238)} .mini-cart-info table tr td.remove i{color: rgb(153, 153, 153)} .header, .boxed-header.default-header .journal-login{background-image: url('https://jayafone.net/image/data/oceanesia/bg.jpg');background-position: center top;background-size: auto;background-attachment: scroll;background-color: rgb(10, 10, 10)} #cart .checkout .button + .button{color: rgb(255, 255, 255);background-color: rgb(0, 0, 0)} #search input{font-size: 11px!important;letter-spacing: 1px!important;color: rgb(255, 255, 255)!important;background-color: rgba(255, 255, 255, 0)} a.view-more-link:hover{color: rgb(186, 147, 62)} #cart .heading i{border-left-style:solid} .mega-menu-categories .mega-menu-item ul li{padding-bottom:10px} .drop-down .menu-plus:before{content: '\e620';font-size: 10px} #total .right{font-weight: 700;font-family: "Merriweather Sans";font-size: 16px;color: rgb(0, 0, 0)} .wishlist-info .action .btn-primary:hover i.fa, .cart-info .quantity .input-group .btn-primary:hover i.fa{color: rgb(255, 255, 255)} .wishlist-info .action .btn-primary, .cart-info .quantity .input-group .btn-primary{background-color: rgb(186, 147, 62)} .wishlist-info .action a.btn-danger:hover i.fa, .cart-info .quantity .input-group .btn-danger:hover i.fa{color: rgb(255, 255, 255)} .checkout-content, .checkout-page .panel-body {padding:20px} .journal-carousel .htabs a, .journal-carousel .htabs.single-tab a:hover, .journal-carousel .htabs.single-tab a.selected{font-weight: 700;font-family: "Montserrat";font-style: normal;font-size: 16px;text-transform: uppercase;color: rgb(34, 34, 34)} .journal-carousel.arrows-top .swiper-button-prev::before{content: '\f053';font-size: 16px;color: rgb(0, 0, 0)} .mega-menu .product-wrapper{padding:18px} .button:hover, .side-column .box-content a.button:hover, #quickcheckout .button:hover, .modal-footer .btn:hover{color: rgb(255, 255, 255)} #column-left{width:250px;padding-right:20px !important;} #column-right{width:250px;padding-left:20px !important;} .journal-checkout .check-newsletter {display:none} .journal-checkout .checkout-product thead td, .journal-checkout .checkout-product tfoot td{background-color: rgb(255, 255, 255)} .cart-info .name a, .wishlist-info tbody .name a{color: rgb(0, 0, 0)} .journal-checkout .quantity .input-group-btn button:hover:last-of-type{background-color: rgb(164, 23, 51)} .journal-checkout .checkout-cart tbody tr td, .journal-checkout .checkout-cart tbody td:first-of-type, .one-page-checkout .journal-checkout .checkout-product tbody td, .journal-checkout .checkout-cart thead td, .journal-checkout .checkout-cart thead td:first-of-type, .journal-checkout .checkout-cart thead td:last-of-type, .journal-checkout .checkout-cart tfoot tr:last-of-type td, .journal-checkout .checkout-cart tfoot td:first-of-type, .journal-checkout .checkout-cart tfoot td:last-of-type{border-color: rgb(255, 255, 255)} .wishlist-info .action a.btn-danger, .cart-info .quantity .input-group .btn-danger{background-color: rgb(197, 13, 49)} .cart-info table, .wishlist-info table, .compare-info, table.list, .order-list{border-width: 0px;border-style: solid} .route-account-order-info #content table .text-right .btn-danger:hover i{color: rgb(255, 255, 255)} .wishlist-info .action a.btn-danger:hover, .cart-info .quantity .input-group .btn-danger:hover{background-color: rgb(164, 23, 51)} .product-grid-item .quickview-button .button:hover, .side-column .box-content .quickview-button .button:hover{color: rgb(255, 255, 255)} #more-details i:before{content: '\e6ae';font-size: 20px;color: rgb(255, 255, 255);left: -4px} .product-list-item .description{color: rgb(0, 0, 0)} .product-list-item{background-color: rgb(255, 255, 255)} .product-list-item .rating{display:block} .product-info .right .description .outofstock{color: rgb(221, 0, 23)} .brand-logo a img{border-width: 0px;border-style: solid} .qty input, .product-info .right .cart div input[name=quantity]{font-weight: 700;font-family: "Merriweather Sans";font-size: 16px;color: rgb(0, 0, 0)} .side-column .oc-module .product-grid-item .price-old{color: rgb(153, 153, 153)} .journal-sf .sf-image .box-content{padding-bottom:12px;padding-top:12px;padding-right:10px} .side-column .journal-sf .box ul li{padding-bottom:12px;padding-top:12px;padding-right:10px} .journal-header-center .no-results{font-weight: 400;font-family: "Montserrat";font-style: normal;font-size: 14px;text-transform: none;color: rgb(34, 34, 34)} #cart .heading i:before{content: '\f290';font-size: 18px;color: rgb(255, 255, 255);top: -2px} .mega-menu-column.mega-menu-html .wrapper p, .mega-menu .mega-menu-column .menu-cms-block{line-height:21px} .mega-menu-column.mega-menu-html .wrapper p, .mega-menu-column.mega-menu-html .wrapper p span, .mega-menu .mega-menu-column .menu-cms-block{font-weight: 400;font-family: "Muli";font-style: normal;font-size: 13px;text-transform: none;letter-spacing: 0.8px;color: rgb(119, 119, 119)} .journal-header-default .links a, .journal-header-default .links .no-link{border-color: rgba(255, 255, 255, 0)} .super-menu > li, .super-menu > li:last-of-type, .journal-desktop .menu-floated .float-left, .journal-desktop .menu-floated .float-right{border-color: rgba(255, 255, 255, 0)} #header .top-menu .top-dropdown a, #header .top-menu .top-dropdown .no-link{color: rgb(255, 255, 255)} #cart .heading, .ie9 #cart button.heading{font-size: 12px;color: rgb(153, 153, 153)} .mega-menu .product-grid-item .wishlist{display:none} .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(186, 147, 62)} .mega-menu .product-grid-item .cart{display:none} .blog-post .post-stats .p-date:before{top: -1px} .blog-post .post-stats .p-author:before{top: -1px} .blog-post .post-stats .p-comment:before{top: -1px} .blog-post .post-stats .p-category:before{top: -1px} .p-category a{color: rgb(186, 147, 62)} .post-details .tags a:hover, .side-blog-tags .box-tag a:hover{color: rgb(255, 255, 255);background-color: rgb(186, 147, 62)} .post-item-details .post-text{font-size: 13px} .journal-carousel:not(.arrows-top) .swiper-button-next::before{content: '\f054';font-size: 16px;color: rgb(0, 0, 0)} .journal-carousel:not(.arrows-top) .swiper-button-prev::before{content: '\f053';font-size: 16px;color: rgb(0, 0, 0)} .journal-carousel.arrows-top .swiper-button-prev:hover::before, .journal-carousel.arrows-top .swiper-button-next:hover::before{color: rgb(0, 0, 0)} .product-options > div a, .product-options > ul a{color: rgb(0, 0, 0)} .box-sections ul li a:hover, .box-sections ul li a.selected{background-color: rgb(74, 144, 226);color: rgb(255, 255, 255)} .product-filter .display a i:hover, .product-filter .display a.active i{color:rgb(0, 0, 0) !important} .category-list ul li a, .refine-category-name{color: rgb(0, 0, 0)} #header .top-menu .top-dropdown li{border-color: rgb(186, 147, 62);background-color: rgb(186, 147, 62)} #header .top-menu .top-dropdown li:hover{background-color: rgb(186, 147, 62)} #header .top-menu .top-dropdown li:hover a{color: rgb(255, 255, 255)} .journal-checkout .quantity .input-group-btn button:hover:first-of-type i.fa{color: rgb(255, 255, 255)} .journal-checkout .quantity .input-group-btn button:hover:first-of-type{background-color: rgb(164, 128, 48)} .journal-checkout .quantity .input-group-btn button:last-of-type i.fa{color: rgb(255, 255, 255)} .journal-checkout .quantity .input-group-btn button:first-of-type i.fa{color: rgb(255, 255, 255)} .journal-checkout .quantity .input-group-btn button:first-of-type{background-color: rgb(186, 147, 62)} .journal-checkout .quantity .input-group-btn button:hover:last-of-type i.fa{color: rgb(255, 255, 255)} .journal-checkout .quantity .input-group-btn button:last-of-type{background-color: rgb(197, 13, 49)} .product-info .right > div .countdown{background-color: rgba(244, 255, 233, 0)} .attribute tbody td{text-align:left} .product-info .option > ul > li:active, .product-info .option > ul > li.selected{box-shadow:none} #product-gallery .swiper-button-prev:hover::before, #product-gallery .swiper-button-next:hover::before{color: rgb(255, 255, 255)} button.btn-upload, button.btn-upload i.fa, .option button.btn-default{color: rgb(0, 0, 0)} .product-info .right .price .discount, .product-info .right .price li{font-size: 13px} #tabs > li{border-top-width: 0px;border-right-width: 0px;border-bottom-width: 0px;border-left-width: 0px;border-radius: 0%;border-style: dashed;border-color: rgb(0, 0, 0)} .product-info .right .options.push-1 .option-image li span img, .product-info .right .options.push-image .option-image li span img{border-width: 3px;border-style: solid;border-color: rgb(255, 255, 255)} .tags a, .tags b{border-width: 0px;border-style: solid} .route-account-order-info #content table .text-right .btn-primary i{color: rgb(255, 255, 255)} .route-account-order-info #content table .text-right .btn-primary:hover i{color: rgb(255, 255, 255)} table.radio .highlight td label, .action-area .panel-title{font-size: 13px;color: rgb(0, 0, 0)} .login-content > div, .login-content .right p:first-child, .login-content .left p:nth-child(2), .login-content .left p:first-child{font-size: 13px} .sc-page .pull-right .button, .sc-page .buttons .right .button{color: rgb(255, 255, 255)} .sc-page .pull-left .button:hover, .sc-page .buttons .center .button:hover{background-color: rgb(38, 38, 38);color: rgb(255, 255, 255)} .wishlist-info .action a.btn-danger i.fa, .cart-info .quantity .input-group .btn-danger i.fa{color: rgb(255, 255, 255)} .route-account-order-info #content table .text-right .btn-primary{background-color: rgb(186, 147, 62)} .autocomplete2-suggestion .p-name{font-weight: 400;font-family: "Montserrat";font-style: normal;font-size: 14px;text-transform: none;color: rgb(34, 34, 34)} .journal-language .dropdown-menu > li, .journal-currency .dropdown-menu > li{border-color: rgba(0, 0, 0, 0)} .journal-currency form .currency-symbol{background-color: rgba(0, 0, 0, 0)} .journal-currency form .currency-symbol, .journal-currency .dropdown-menu > li > a{font-weight: 700;font-family: "Merriweather Sans";font-size: 12px;text-transform: none;color: rgb(168, 168, 168)} .view-more-link{font-weight: 400;font-family: "Montserrat";font-style: normal;font-size: 14px;text-transform: none;color: rgb(34, 34, 34)} .button-search i:before{content: '\e697';font-size: 18px;color: rgb(255, 255, 255);left: 2px} #cart .cart-wrapper{box-shadow: 2px 2px 8px -2px rgba(0, 0, 0, 0.35)} .scroll-top:hover:before{color: rgb(186, 147, 62)} .mega-menu .product-grid-item .compare{display:none} .journal-currency{visibility:visible} .journal-cart{visibility:visible} .journal-blog-feed:before{content: '\e6b4';font-size: 16px;color: rgb(51, 51, 51)} .product-grid-item .name a:hover, .side-column .product-grid-item .name a:hover, .posts h2 a:hover{color: rgb(42, 43, 46)} .oc2 .rating .fa-star-o, .oc2 #tab-review .fa-star-o{color: rgba(204, 204, 204, 0.78)} .box-sections ul li, .custom-sections .box-heading.box-sections{border-color: rgba(255, 255, 255, 0)} .box-sections ul li a{font-size: 20px;color: rgb(0, 0, 0)} .custom-sections .box-heading{border-color: rgb(0, 0, 0)} .product-sold-count-text{color: rgb(0, 0, 0)} .product-info .right .price li.price-tax{font-size: 13px} .product-info .right .wishlist-compare .links a{font-size: 13px;color: rgb(0, 0, 0)} #tab-review .review-list .author b, .oc2 #tab-review form table td:first-of-type > strong{font-size: 13px} .product-info .gallery-text{color: rgb(0, 0, 0)} #tab-review form #review-title{font-size: 16px} button.btn-upload:hover, button.btn-upload:hover i.fa, .option button.btn-default:hover{color: rgb(0, 0, 0)} .tab-content p, .tab-content p span, .tab-content p font, #tab-description, .product-info .tab-content, #review, #tab-review b, #tab-review span, .attribute td{color: rgb(51, 51, 51)} /* Swipebox Loader */ .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: 1140px; } .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-info .image{ display:none; } /*Notification Position*/ .ui-pnotify{ right:20px; } html[dir="rtl"] .ui-pnotify{ left:20px; right:auto; } .ui-pnotify-closer{ opacity:1; } .breadcrumb{ text-align:left; } /* Product Grid Shadow */ .product-grid-item .enquiry-button .button i{ color:; } .product-list-item .enquiry-button .button i{ color:; } footer .contacts > div > span .contact-icon:hover{ background-color:; } .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-wrapper{ box-shadow: none; } .post-item .post-wrapper{ box-shadow: none !important; } .blog-list-view .post-wrapper{ box-shadow: none !important; } .product-details:before { display:none; } /* Product Grid Quickview*/ .product-grid-item:hover .quickview-button { opacity: 1; visibility: visible; } .product-grid-item .quickview-button .button-right-icon{ display:none; } .product-grid-item .quickview-button .button-left-icon:before, .product-grid-item .quickview-button .button-right-icon:before{ display:none; } /* Product Grid Wishlist/Compare */ .product-grid-item .button-wishlist-text, .product-grid-item .button-compare-text{ display: none; } .product-grid-item .wishlist [data-hint]:after, .product-grid-item .wishlist .hint--top:before, .product-grid-item .compare [data-hint]:after, .product-grid-item .compare .hint--top:before{ display:block; } .product-grid-item .wishlist .hint--top:before, .product-grid-item .compare .hint--top:before{ border-top-color: rgb(0, 0, 0); } .product-grid-item .wishlist .hint--right:before, .product-grid-item .compare .hint--right:before{ border-right-color: rgb(0, 0, 0); } .product-grid-item .wishlist .hint--left:before, .product-grid-item .compare .hint--left:before{ border-left-color: rgb(0, 0, 0); } /* Product List */ .product-list-item{ box-shadow: none; } .product-list-item .cart .button-left-icon:before{ display:none; } .product-list-item .cart .button-right-icon{ display:none; } /* Product List Quickview*/ .product-list-item:hover .quickview-button { opacity: 1; visibility: visible; } .product-list-item .quickview-button .button-right-icon{ display:none; } .product-list-item .quickview-button .button-left-icon:before{ display:none; } /* Product Page */ #product-gallery.image-additional-grid a{ width: 25%; } #button-cart .button-cart-text:after{ display:none; } .product-info .left .image-additional .swiper-button-prev, .product-info .left .image-additional .swiper-button-next{ display:none; } .product-info .left .image-additional:hover .swiper-button-prev, .product-info .left .image-additional:hover .swiper-button-next{ display:block; } .compare-info td{ border-right-style:; } table.list{ border-bottom-style:; border-left-style:; } table.list td{ border-right-style:; border-top-style:; } /* Product Labels*/ .label-latest + .label-sale{ top: 20px; } .label-latest{ display:none !important; } #more-details.hint--top:before{ border-top-color: rgb(186, 147, 62); } .boxed-header header{ max-width:1140px; } .boxed-header .super-menu > li:first-of-type{ border-left-width:0; } .boxed-header .super-menu > li:last-of-type{ border-right-width:0; } @media only screen and (max-width: 760px){ .journal-language .dropdown-toggle, .journal-currency .dropdown-toggle{ color:; } .journal-header-center #language, .journal-header-center #currency{ border-color:; } } .sticky-menu .is-sticky .journal-header-default .header{ background-color: ; } html[dir="rtl"] .journal-carousel .htabs a:last-of-type{ border-left-color:rgba(255, 255, 255, 0); } .boxed-header .journal-header-center .journal-links{ padding-left: 10px; } .boxed-header .journal-header-center .journal-search{ padding-left: 20px; } .boxed-header .journal-header-center .journal-secondary{ padding-right: 10px; } #cart{ box-shadow:none; } .journal-header-center .journal-center-bg{ top:40px; } #search input{ box-shadow:none; } .autocomplete2-suggestions{ box-shadow:none; } @media only screen and (max-width: 760px) { ul.super-menu > li > a, ul.super-menu > li:hover > a{ color:rgb(42, 43, 46); } ul.super-menu > li, ul.super-menu > li:hover{ background-color:rgb(255, 255, 255); } .boxed-header .journal-header-center .journal-search, .boxed-header .journal-header-center .journal-links{ padding-left: 0; } .boxed-header .journal-header-center .journal-cart, .boxed-header .journal-header-center .journal-secondary{ padding-right: 0; } .button-search{ background-color:; } .button-search i:before{ color: !important; } } .product-filter .product-compare{ display:none; } @media only screen and (max-width: 980px) { .mobile-menu-on-tablet ul.super-menu > li > a, .mobile-menu-on-tablet ul.super-menu > li:hover > a{ color:rgb(42, 43, 46); } .mobile-menu-on-tablet ul.super-menu > li, .mobile-menu-on-tablet ul.super-menu > li:hover{ background-color:rgb(255, 255, 255); } } @media only screen and (min-width:760px) and (max-width:1155px) { .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: 1140px) { .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: 1155px) { .super-menu, .mega-menu, .html-menu{ border-radius:0; } .bottom-footer.fullwidth-bar .copyright{ padding-left: 15px; } .bottom-footer.fullwidth-bar .payments{ padding-right: 15px; } #top-modules > div:not(.gutter), #bottom-modules > div:not(.gutter){ padding-left: 20px; padding-right: 20px; } #top-modules .journal2_slider, #bottom-modules .journal2_slider, #top-modules .journal2_headline_rotator{ padding-left: 0 !important; padding-right: 0 !important; } .no-secondary .journal-header-center #currency{ border-right-width:0; } .no-secondary .journal-header-center #language{ border-left-width:0; } html[dir="rtl"].no-secondary .journal-header-center #currency{ border-left-width:0; border-right-width:1px; } html[dir="rtl"].no-secondary .journal-header-center #language{ border-right-width:0; border-left-width:1px; } .journal-header-compact #header .journal-search { padding-right:15px !important; } html[dir="rtl"] .journal-header-compact #header .journal-search { padding-right:0 !important; padding-left:15px !important; } .sticky-menu .is-sticky .journal-header-default .journal-menu .super-menu > li:first-of-type{ border-left-width:0; } .sticky-menu .is-sticky .journal-header-default .journal-menu .super-menu > li:last-of-type{ border-right-width:0; } .boxed-header body{ padding:0; } .fullwidth-footer .columns{ padding-left: 15px; } .copyright{ padding-left: 15px; } .journal-header-mega .journal-logo{ padding-left:15px; } html[dir="rtl"] .journal-header-mega .journal-logo{ padding-left:0; padding-right:15px; } } @media only screen and (max-width: 760px){ .journal-header-mega .journal-logo{ padding-left:0; } html[dir="rtl"] .journal-header-mega .journal-logo{ padding-left:0; padding-right:0; } } .boxed-header .journal-header-mega .journal-logo{ padding-left:15px; } html[dir="rtl"].boxed-header .journal-header-mega .journal-logo{ padding-left:0; padding-right:15px; } @media only screen and (min-width : 760px) { .side-blocks-active .journal-fullwidth-slider .tp-leftarrow, .side-blocks-active .journal-fullwidth-slider .tp-leftarrow.default { left: 60px !important; } .side-blocks-active .journal-fullwidth-slider .tp-rightarrow, .side-blocks-active .journal-fullwidth-slider .tp-rightarrow.default { right: 60px !important; } html[dir="rtl"].side-blocks-active .journal-fullwidth-slider .tp-leftarrow, html[dir="rtl"].side-blocks-active .journal-fullwidth-slider .tp-leftarrow.default { right: 60px !important; left: auto !important; } html[dir="rtl"].side-blocks-active .journal-fullwidth-slider .tp-rightarrow, html[dir="rtl"].side-blocks-active .journal-fullwidth-slider .tp-rightarrow.default { left: 60px !important; right: auto !important; } } header .links a, header .links .no-link{ border-bottom-color:#e4e4e4; } .boxed-header.default-header .journal-top-header{ clip: rect(0px,1140px,45px,0px); } .journal-header-default .links .no-link{ border-color:rgba(255, 255, 255, 0)} .journal-header-center #cart .content:before, .oc2 #cart .content .cart-wrapper:before{ color:} .journal-header-center .autocomplete2-suggestions:before{ color:rgb(255, 255, 255)} .journal-language .dropdown-menu:before, .journal-currency .dropdown-menu:before{ color:rgb(186, 147, 62)} #header .top-menu .top-dropdown li:first-of-type { border-top-left-radius: px; border-top-right-radius: px; } #header .top-menu .top-dropdown li:last-of-type { border-bottom-left-radius: px; border-bottom-right-radius: px; } #header .top-menu .top-dropdown li:first-of-type::before{ color:rgb(186, 147, 62)} #search ::-webkit-input-placeholder { color:rgb(153, 153, 153); font-family: inherit; } #search :-moz-placeholder { color:rgb(153, 153, 153); font-family: inherit; } #search ::-moz-placeholder { color:rgb(153, 153, 153); font-family: inherit; } #search :-ms-input-placeholder { color:rgb(153, 153, 153); font-family: inherit; } .compare-info tbody td{ border-left-style:; } @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:; border-right-color:; } html[dir="rtl"] .button-search{ border-left-style:; border-left-color:; } html[dir="rtl"].journal-desktop .menu-floated .float-left{ border-left-style: ; } @media only screen and (max-width: 760px){ .center-header #search, .default-header #search{ border-top-width:1px; border-top-style:; border-top-color:; } } .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:; border-left-color:; } html[dir="rtl"] .button-search{ border-left-width:0; border-right-width:1px; border-right-style:; border-right-color:; } header .journal-login{ border-bottom-color:; } .super-menu > li:last-of-type{ border-right-color:rgba(255, 255, 255, 0); border-right-style:; } @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:; } .center-header header #cart, .default-header header #cart{ background-color:rgb(5, 5, 5); } .journal-menu .mobile-menu > li{ border-color:rgba(255, 255, 255, 0); border-style:; } } .inline-button .product-details{ padding-bottom:0; } .mega-menu .product-grid-item .cart{ display:none !important; } .product-grid-item .cart{ display:none !important; } .product-info .right .options.push-1 .option-image li.selected span img{ border-color:rgb(0, 0, 0); } .mega-menu-categories .mega-menu-item, .mega-menu-brands .mega-menu-item, .mega-menu-html .mega-menu-item, #header .mega-menu .product-grid-item{ margin-bottom:10px; } html[dir="rtl"].journal-desktop .menu-floated .float-right:last-of-type{ border-right-style:; } html[dir="rtl"].journal-desktop .menu-floated .float-right:last-of-type{ border-color:rgba(255, 255, 255, 0); } .mega-menu > div{ margin-bottom:-10px !important; margin-right:-10px; } html[dir="rtl"] .mega-menu-item > div, html[dir="rtl"] #header .mega-menu .product-wrapper{ margin-right:0; margin-left:10px; } .mega-menu .mega-menu-column:last-of-type > div{ margin-right:-10px; } html[dir="rtl"] .mega-menu .mega-menu-column.mega-menu-products > div{ margin-left:-10px; } .mega-menu-column > div > h3, .mega-menu .mega-menu-column .menu-cms-block{ margin-right:10px; } html[dir="rtl"] .mega-menu-column > div > h3, html[dir="rtl"] .mega-menu .mega-menu-column .menu-cms-block{ margin-right:0; margin-left:10px; } .mega-menu .mega-menu-column:last-of-type > h3, .mega-menu .mega-menu-column:last-of-type > div > h3, .mega-menu .mega-menu-column:last-of-type > .menu-cms-block, .mega-menu .mega-menu-column.mega-menu-html-block > div{ margin-right:0; } @media only screen and (max-width: 760px) { .super-menu{ border-width:0; } .mega-menu .mega-menu-column > div{ margin-right:-10px; } html[dir="rtl"] .mega-menu .mega-menu-column > div{ margin-left:-10px; margin-right:0; } } .journal-sf .sf-image .box-content ul{ margin-bottom:-7px; margin-right:-7px; } .p-author, .p-posted{ display:none !important; } .product-grid-item .price + hr, .product-grid-item .price + .rating + hr{ display:block; } footer .contacts{ text-align:center; } footer .contacts-left, html[dir="rtl"] footer .contacts-left{ float: none; } footer .contacts-right{ display: none; } .has-cta .rotator-tex{ line-height:px; } footer .contacts .hint--top:before{ border-top-color: rgb(186, 147, 62); } .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:; } .sf-icon:before{ border-top-color:rgb(186, 147, 62); } /* .journal-sf ul li label:hover img{ border-color:rgb(186, 147, 62); } */ .sf-price .value:after{ border-bottom-color:rgb(186, 147, 62); } .mobile-trigger{ background-color:; } .journal-header-default .links > a{ border-bottom-color: transparent; } @media only screen and (max-width: 760px) { .super-menu{ background-color:rgb(255, 255, 255); } .journal-header-default .links > a{ border-bottom-color: rgba(255, 255, 255, 0); } } .nav-numbers a:hover, .nav-numbers li.active a{ -webkit-backface-visibility: hidden; -webkit-transform: scale(); -moz-transform: scale(); -ms-transform: scale(); transform: scale(); } .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.2); } .swiper-pagination-bullet:hover, .swiper-pagination-bullet-active{ transform: scale(); } @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:; } } .mega-menu{ max-width:1140px; } @media only screen and (max-width: 760px){ .bottom-menu-bar #header .top-menu > li{ border-color:rgba(255, 255, 255, 0); } .bottom-menu-bar #header .journal-links{ background-color:; } .bottom-menu-bar .journal-header-center .journal-secondary { border-top-width: 0; } .bottom-menu-bar #header .journal-links ul.top-menu > li{ border-color:rgb(5, 5, 5); } .bottom-menu-bar #header div.journal-links, .bottom-menu-bar #header .journal-links a:hover{ background-color:rgb(5, 5, 5); } .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(255, 255, 255); } } .boxed-header .is-sticky .header { max-width:1140px; left: 50%; transform: translateX(-50%); } .bottom-menu-bar #header .journal-links .top-menu .top-dropdown li:last-of-type::after{ color:rgb(186, 147, 62); } @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:dashed; border-color:rgba(238, 238, 238, 0); } .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:dashed; border-color:rgba(238, 238, 238, 0); } } @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:; } @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; } } .product-grid-item .price{ width:100%; } #tabs{ top:; } .product-grid-item.display-icon .wishlist-icon:before, .product-grid-item.display-icon .compare-icon:before{ line-height:px; } .journal-header-center #cart .heading i{ height:40px; } .journal-desktop .menu-floated .float-left{ border-right-style:; } .column.products > h3{ margin-bottom:12px; } .column.products{ padding-bottom:12px; } .side-column .journal-gallery .box-heading{ margin-bottom:10px; } .side-column .box-category > ul li ul li a{ padding-left: 10px; } .side-column .box-category > ul li ul li ul li a{ padding-left: 20px; } .side-column .box-category > ul li ul li ul li ul li a{ padding-left: 30px; } .side-column .box-category > ul li ul li ul li ul li ul li a{ padding-left: 40px; } .side-column .box-category > ul li ul li ul li ul li ul li ul li a{ padding-left: 50px; } @media only screen and (max-width: 1155px) { .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:rgba(255, 255, 255, 0); border-style:solid; } .custom-sections .box-heading.box-sections{ border-left-style:; } .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:50px; } div#footer{ margin-bottom:20px; } .extended-container + .boxed-footer #footer{ margin-top:-150px; } .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:40px; } 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:-25px; } html[dir="rtl"] .journal-carousel:not(.arrows-top) .swiper-button-prev{ left:auto; right:-25px; } html[dir="rtl"] footer .column-menu-wrap > ul li{ text-align:right; } html[dir="rtl"] footer .column>h3{ text-align:right; } .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: 66.666667%; } .side-column .box.cms-blocks .box-heading{ margin-bottom:px; } @media only screen and (min-width: 1155px) { .safari5 #footer, .safari5.boxed-header header{ width: 1140px; } .tp-banner{ height:100% !important; } } @media only screen and (max-width: 1155px) { .tp-banner-container{ height:auto !important; } .side-column .oc-module .product-details { max-width: 130px; } .checkout-page #content { padding-left: 20px; padding-right: 20px; } } @media only screen and (max-width: 760px){ .product-grid-item .has-countdown + .product-details .rating{ top:-50px; } .product-grid-item .image.has-countdown .wishlist, .product-grid-item .image.has-countdown .compare{ margin-bottom:42px; } } .product-grid-item:hover .countdown, .product-list-item:hover .countdown { opacity: 1; visibility: visible; } .product-grid-item:hover .has-countdown + .product-details .rating{ top:-70px; } .product-grid-item:hover .image.has-countdown .wishlist, .product-grid-item:hover .image.has-countdown .compare{ margin-bottom:42px; } .zm-viewer{ display:none; border-left:1px solid white; } .option li.hint--top:before{ border-top-color:rgb(0, 0, 0); } @media only screen and (max-width: 470px) { .phone-sticky-cart.menu-cart-off .journal-menu .mobile-trigger{ width:100%; } header .journal-menu .mobile-trigger { width: 50%; margin-top: -40px; z-index: 3; background-color:transparent; } .journal-cart{ z-index:2; background-color: } } .phone-sticky-cart.phone-sticky-menu:not(.menu-cart-off) .journal-menu{ z-index:1; } .journal-header-center #header .menu-dropdown::before{ border-bottom-color:rgb(186, 147, 62)} .header-notice > div{ max-width:1140px; } @media only screen and (max-width:1155px){ .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: 250px; } #column-right + #content { margin-right: 250px; } #column-left + #column-right + #content{ margin-left: 250px; margin-right: 250px; } } /* Tablet Column Width + Content Margin */ @media only screen and (min-width:760px) and (max-width:980px) { #column-left { width: 220px; } #column-right{ width: 220px; } #column-left + #content { margin-left: 220px; } #column-right + #content { margin-right: 220px; } #column-left + #column-right + #content{ margin-left: 220px; margin-right: 220px; } } /* Extended Layout Margins */ @media only screen and (min-width:760px) and (max-width: 1155px) { .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: 250px; margin-left: 0; } html[dir="rtl"].extended-layout #column-right + #content { margin-right: 0; } } .mega-menu .mega-menu-column .menu-cms-block{ margin-bottom:10px; } .fly-drop-down ul li{ min-height:40px; } @media only screen and (max-width: 760px){ .product-grid-item .rating{ margin-left:px; } .product-grid-item .rating{ top:px; } } /* RTL Columns */ html[dir="rtl"] .flyout-left .fly-mega-menu, html[dir="rtl"] .flyout-left .fly-drop-down > ul { left: auto; right: 100%; } html[dir="rtl"] .flyout-right .fly-mega-menu, html[dir="rtl"] .flyout-right .fly-drop-down > ul { left: 100% !important; right: auto; } html[dir="rtl"] .flyout-menu .flyout > ul > li > a i.menu-plus { left: 5px; right: auto; transform: scale(-1); } html[dir="rtl"] #column-right .flyout-menu .flyout > ul > li > a i.menu-plus { left: auto; right: 8px; transform: scale(1); } html[dir="rtl"] .flyout-menu .flyout > ul > li > a { padding: 7px 12px 7px 25px; } html[dir="rtl"] #column-right .flyout-menu .flyout > ul > li > a { padding: 7px 25px 7px 12px; text-align:left; } html[dir="rtl"] #column-left { float: right; } html[dir="rtl"] #column-right { float: left; } @media only screen and (min-width: 760px){ html[dir="rtl"] #column-left { padding: 20px 20px 20px 0; } html[dir="rtl"] #column-right { padding: 20px 0 20px 20px; } html[dir="rtl"] #column-left + #content { margin-right: 250px; margin-left: 0; } html[dir="rtl"] #column-right + #content { margin-left: 250px; margin-right: 0; } html[dir="rtl"] #column-left + #column-right + #content{ margin-right: 250px; margin-left: 250px; } } @media only screen and (min-width : 760px) and (max-width: 980px) { html[dir="rtl"] #column-left + #content { margin-right: 220px; margin-left:0; } html[dir="rtl"] #column-right + #content { margin-left: 220px; margin-right:0; } html[dir="rtl"] #column-left + #column-right + #content{ margin-right: 220px; margin-left: 220px; } html[dir="rtl"].extended-layout #column-left + #content { margin-right: 220px; margin-left: 0; } } @media only screen and (min-width: 1155px) { html[dir="rtl"].extended-layout #column-left{ padding-right:0; } html[dir="rtl"].extended-layout #column-right{ padding-left:0; } html[dir="rtl"].extended-layout #column-right + #content { padding-left: 20px; padding-right: 0; } html[dir="rtl"].extended-layout #column-left + #content { padding-right: 20px; padding-left: 0; } } .refine-images::before, #refine-images::before, .category-list::before{ content:""; margin-right:px; } .refine-images::before, #refine-images::before, .category-list::before{ display:none; } .refine-image { padding-right: 15px; margin-bottom: 15px; } .refine-images { margin-right: -15px; margin-bottom: 0px;; } .product-grid-item { margin-bottom: 30px; } .product-wrapper, .ias-button, .ias-loader, .ias-noneleft{ margin-right: 30px; } .ias-button, .ias-loader, .ias-noneleft{ margin-top: -10px; } .product-grid, #content .box-product{ margin-right: -30px; } /* Mobile Product Spacing */ @media only screen and (max-width: 760px){ #cart .heading i::before{ color:; } #cart .heading i{ background-color:; } div#container, .home-page div#container { margin-top: 0; margin-bottom: 0; box-shadow:none; } .product-grid-item:not(.swiper-slide) { margin-bottom: 20px; } .product-grid-item:not(.swiper-slide) .product-wrapper, .ias-button, .ias-loader, .ias-noneleft{ margin-right: 20px; } .product-grid, #content .box-product{ margin-right: -20px; } } .button:active{ box-shadow:; } #column-left .oc-module .product-details{ max-width:175px; } #column-right .oc-module .product-details{ max-width:175px; } /* Custom CSS */ /*GENERAL*/ /*notifaction*/ .ui-pnotify-title { padding-left:0px; } .ui-pnotify-closer:before { font-size:12px; } /*header*/ #logo a img.logo-1x { max-height:120px; } .journal-header-center #search input { min-height: 30px; max-height: 34px; margin-top: 3px; } #search input { border-bottom:1px solid rgba(255, 255, 255, 0.2) } /*mobile*/ .mobile-menu-on-tablet .mobile-trigger:before { font-size: 16px; } /*cart*/ .mini-cart-info table tr td.remove i:before { font-size:12px; } /*banner*/ .static-banners > div { margin-right:-30px; } .static-banner { padding-right:30px; } /*blog*/ .comments .avatar { width:32px; height:32px; } .comments > .comment p { font-size:13px; } .post-module .post-item-details .comment-date{ display:none; } .post-content-aligncenter .post-button { display:none; } /*caraousel*/ .journal-carousel:not(.arrows-top) .swiper-button-prev, .journal-carousel:not(.arrows-top) .swiper-button-next { -webkit-box-shadow: 0px 3px 6px -1px rgba(0,0,0,0.25); -moz-box-shadow: 0px 3px 6px -1px rgba(0,0,0,0.25); box-shadow: 0px 3px 6px -1px rgba(0,0,0,0.25); } .journal-carousel.arrows-top .swiper-button-prev, .journal-carousel.arrows-top .swiper-button-next { -webkit-box-shadow: 0px 3px 6px -1px rgba(0,0,0,0.25); -moz-box-shadow: 0px 3px 6px -1px rgba(0,0,0,0.25); box-shadow: 0px 3px 6px -1px rgba(0,0,0,0.25); } /*footer*/ .bottom-footer { height:70px; } .bottom-footer .copyright { line-height:70px; } .bottom-footer .payments img { max-height:32px; margin-top:20px; } /*PAGE*/ /*account*/ .oc2 .form-horizontal .form-group { margin-bottom:12px; } /*checkout*/ .panel { margin-bottom:10px; } /*quick*/ .journal-checkout .coupon-voucher .input-group-btn .button, .journal-checkout .coupon-voucher input .button { padding:0; } .table-responsive.checkout-product tbody { background-color:white; } .journal-checkout .checkout-cart tbody td { border-width:0px !important; } /*INPUT*/ select { padding:6px; background: #fff; border-width:0px; border-radius:4px 0 0 0; -webkit-box-shadow: inset 2px 2px 3px -1px rgba(0,0,0,0.20); -moz-box-shadow: inset 2px 2px 3px -1px rgba(0,0,0,0.20); box-shadow: inset 2px 2px 3px -1px rgba(0,0,0,0.20); } input[type='text'], input[type='email'], input[type='password'], input[type='tel'], textarea { border-width:0px; border-radius:6px 0 0 0; -webkit-box-shadow: inset 2px 2px 3px -1px rgba(0,0,0,0.20); -moz-box-shadow: inset 2px 2px 3px -1px rgba(0,0,0,0.20); box-shadow: inset 2px 2px 3px -1px rgba(0,0,0,0.20); } .journal-checkout input[type='text'], .journal-checkout input[type='email'], .journal-checkout input[type='password'], .journal-checkout input[type='tel'], .journal-checkout textarea { border-width:0px; border-radius:6px 0 0 0; -webkit-box-shadow: inset 2px 2px 3px -1px rgba(0,0,0,0.25); -moz-box-shadow: inset 2px 2px 3px -1px rgba(0,0,0,0.25); box-shadow: inset 2px 2px 3px -1px rgba(0,0,0,0.25); } /*Chrome*/ input::-webkit-input-placeholder { color: #999; } input:focus::-webkit-input-placeholder { color: #ccc; } /* Firefox < 19 */ input:-moz-placeholder { color: #999; } input:focus:-moz-placeholder { color: #ccc; } /* Firefox > 19 */ input::-moz-placeholder { color: #999; } input:focus::-moz-placeholder { color: #ccc; } /* Internet Explorer 10 */ input:-ms-input-placeholder { color: #999; } input:focus:-ms-input-placeholder { color: #ccc; } /*CATEGORY*/ /*page*/ .product-filter { margin-bottom:12px; } .product-grid-item { margin-bottom:40px; } /*grid*/ .product-grid-item .name a { text-transform:capitalize; } /*list*/ .product-list-item .name a { text-transform:capitalize; } /*PRODUK-PAGE*/ /*produk-info*/ .product-info { margin-bottom:50px; } @media only screen and (min-width: 760px) { .product-info .right { padding-left:50px; } } .product-info .gallery-text { padding:15px 0; } .product-info .right .options h3 { padding-left:0; } .product-info .right .options.push-image .option-image li span img { box-shadow:1px 1px 2px 0px rgba(0,0,0,0.2); } button.btn-upload { font-size:12px; } .fa-upload:before { font-size:12px; top:-1px; left:-2px; } /*tabs*/ #tabs a, #tabs li a { padding:0 40px 0 0; } .tab-content { padding-top:10px; } #tab-review form #review-title { margin-top:20px; } .oc2 #tab-review form table td:first-of-type { width:200px !important; } #review > table { margin-bottom:20px; } /*RATING*/ .oc2 .product-info .rating .fa { font-size:12px; } .oc2 .product-info .rating .fa-stack { padding:0 7px; } .oc2 #tab-review .fa { font-size:12px; } .oc2 #tab-review .fa-stack { padding:0 5px; } .oc2 .product-grid-item .rating .fa-stack { padding:0 7px; } .oc2 .product-grid-item .rating .fa { font-size:11px; } .oc2 .product-list-item .rating .fa { font-size:12px; } /*BORDER*/ .headline-mode .rotator-text { position:relative; } .headline-mode .rotator-text::after { content: ""; height: 6px; width: 100%; background-image:url('image/data/oceanesia/border2.png'); position: absolute; left: 0; bottom: 0; } .fullwidth-footer { position:relative; } .fullwidth-footer::before { content: ""; height: 6px; width: 100%; background-image:url('image/data/oceanesia/border.png'); position: absolute; left: 0; top: 0; } .fullwidth-footer .bottom-footer { position:relative; } .fullwidth-footer .bottom-footer::before { content: ""; height: 6px; width: 100%; background-image:url('image/data/oceanesia/border.png'); position: absolute; left: 0; top: 0; } /* CUSTOM SECTION */ @media only screen and (min-width: 769px) { .custom-sections .box-heading { text-align:center; } .box-sections ul { display:inline; } .box-sections ul li a { padding:0 20px; } } /*END*/