/* Control Panel Settings */
.quickview .mfp-iframe-holder .mfp-content{height:563px}
.quickview .heading-title{text-align:center}
#more-details[data-hint]:after{color: rgb(255, 255, 255);background-color: rgb(221, 0, 23)}
#more-details i:before{content: '\e62c';font-size: 28px;color: rgb(255, 255, 255);top: -2px}
.quickview #content{background-color: rgb(255, 255, 255)}
.quickview #tab-description{padding-right:10px;padding-left:10px;padding-top:10px;padding-bottom:10px}
.label-latest{color: rgb(255, 255, 255);border-radius: 50%;width: 40px;height: 40px; line-height: 40px; padding-top:0; padding-bottom:0;background-color: rgb(68, 67, 73)}
.label-sale{color: rgb(255, 255, 255);border-radius: 50%;width: 40px;height: 40px; line-height: 40px; padding-top:0; padding-bottom:0;background-color: rgb(221, 0, 23)}
header .links > a{font-weight: 400;font-family: "Source Sans Pro";font-style: normal;font-size: 12px;text-transform: none;color: rgb(68, 67, 73)}
header .links > a:hover{color: rgb(221, 0, 23)}
.links .no-link{font-weight: 400;font-family: "Source Sans Pro";font-style: normal;font-size: 12px;text-transform: none}
.journal-login .journal-secondary a, .journal-secondary .links > a{font-weight: normal;font-family: Helvetica, Arial, sans-serif;font-style: normal;font-size: 12px;text-transform: none;color: rgb(68, 67, 73)}
.journal-secondary .no-link{font-weight: normal;font-family: Helvetica, Arial, sans-serif;font-style: normal;font-size: 12px;text-transform: none;color: rgb(68, 67, 73)}
.drop-down ul li a{color: rgba(255, 255, 255, 0.5)}
.mega-menu-item h3{font-weight: 400;font-family: "Droid Serif";font-style: normal;font-size: 16px;text-transform: none;color: rgb(255, 255, 255);border-bottom-width: 1px;border-style: dotted;border-color: rgb(119, 119, 119);padding-bottom:5px}
.mega-menu-item h3:hover{color: rgb(221, 0, 23)}
.mega-menu-categories .mega-menu-item ul li a{font-weight: normal;font-family: Helvetica, Arial, sans-serif;font-style: normal;font-size: 12px;text-transform: none;color: rgb(0, 0, 0);padding-left:8px}
.mega-menu-categories .mega-menu-item ul li a:hover{color: rgb(221, 0, 23)}
.mega-menu-brands .mega-menu-item h3{color: rgb(255, 255, 255);text-align:left}
.mega-menu-html .mega-menu-item h3{text-align:left}
.mega-menu-html .mega-menu-item .wrapper{font-weight: 400;font-family: "Source Sans Pro";font-style: normal;font-size: 13px;text-transform: none;color: rgb(68, 67, 73);padding-top:8px}
.super-menu > li > a{color: rgba(255, 255, 255, 0.65)}
.super-menu > li, .super-menu > li:last-of-type, .journal-menu .mobile-menu > li .mobile-plus, .journal-desktop .menu-floated .float-right{border-left-style:dotted}
.drop-down ul li, .mobile-menu .drop-down ul li{border-bottom-style:solid;border-color: rgb(30, 30, 30)}
.mega-menu-categories .mega-menu-item h3{text-align:left}
.mega-menu-brands .mega-menu-item div{border-radius: 2px}
.mega-menu-brands .mega-menu-item img{border-radius: 2%}
.mega-menu, .html-menu{background-color: rgb(250, 250, 250)}
.mobile-trigger:before{content: '\e633';font-size: 16px;color: rgb(255, 255, 255);top: -1px}
.mega-menu-categories .mega-menu-item ul li a:before{content: '\e62c';font-size: 10px;color: rgb(255, 255, 255)}
.mobile-trigger{font-weight: 700;font-family: "Open Sans";font-style: normal;font-size: 14px;text-transform: uppercase;color: rgb(255, 255, 255)}
.journal-menu .mobile-menu > li .mobile-plus{background-color: rgb(250, 250, 250);color: rgb(255, 255, 255)}
.super-menu > li:hover > a{color: rgb(255, 255, 255)}
.journal-login .journal-secondary a:hover, .journal-secondary .links > a:hover{color: rgb(221, 0, 23)}
.drop-down ul li:hover > a{color: rgb(255, 255, 255)}
.drop-down ul li{background-color: rgb(30, 30, 30)}
.drop-down ul li:hover{background-color: rgb(30, 30, 30)}
.drop-down ul li:hover > a i:before{color: rgb(0, 0, 0)}
.journal-menu .mobile-trigger{background-color: rgb(228, 228, 228)}
.mega-menu .product-grid-item .price{display:none}
.mega-menu{padding:20px;box-shadow:none}
.mega-menu-item > div, #header .mega-menu .product-wrapper{margin-right:15px}
.drop-down ul{box-shadow:none}
.mega-menu .product-grid-item .price, .mega-menu .product-grid-item .price-new{color: rgb(42, 43, 46)}
.mega-menu-column > div > h3, .mega-menu-column > h3{padding-bottom:5px;font-weight: 400;font-family: "Droid Serif";font-style: normal;font-size: 16px;text-transform: none;color: rgb(255, 255, 255);margin-bottom:10px;border-bottom-width: 1px;border-style: dotted;border-color: rgb(119, 119, 119)}
.mega-menu-column.mega-menu-html .wrapper h1, .mega-menu-column.mega-menu-html .wrapper h2, .mega-menu-column.mega-menu-html .wrapper h3{padding-bottom:5px;font-weight: 400 !important;font-family: "Droid Serif" !important;font-style: normal !important;font-size: 16px !important;text-transform: none !important;color: rgb(255, 255, 255) !important}
.mega-menu .product-wrapper{border-width: 0px;border-style: solid}
.mega-menu-categories .mega-menu-item ul li.view-more a{font-weight: bold;font-family: Helvetica, Arial, sans-serif;font-style: normal;font-size: 11px;text-transform: none}
.quote .button:active{box-shadow:inset 0 1px 10px rgba(0, 0, 0, 0.8)}
.quote .button{font-weight: 400;font-family: "Droid Serif";font-style: italic;font-size: 18px;text-transform: uppercase;color: rgb(255, 255, 255);padding:0 20px;line-height:45px;background-color: rgb(68, 67, 73)}
.quote .button:hover{background-color: rgb(221, 0, 23)}
.product-info .left .image a img{border-width: 1px;border-radius: 3px;border-style: dotted;border-color: rgb(204, 204, 204)}
.product-info .left .image-additional a img{border-width: 1px;border-radius: 3px;border-style: dotted;border-color: rgb(204, 204, 204)}
.product-info .left .image-additional a{padding:15px 15px 0 0}
.product-info .image .label-latest{display: block}
.product-info .image .label-sale{display: block}
.product-info .image .outofstock{display: block}
.product-options > div, .product-options > ul{margin-bottom:15px}
.product-info .product-options > div, .product-info .product-options > ul, #content .product-info .options h3{border-radius: 3px}
.product-info .right .description .instock{color: rgb(68, 67, 73)}
.product-info .right .description .outofstock{color: rgb(221, 0, 23)}
.product-info .right .price-new, .product-info .right .product-price{font-weight: 400;font-family: "Roboto Slab";font-style: normal;font-size: 34px;text-transform: none}
.product-info .right .price-old{font-weight: 400;font-family: "Droid Serif";font-style: normal;font-size: 22px;text-transform: none;color: rgb(255, 255, 255);border-radius: 3px;background-color: rgb(221, 0, 23)}
.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{font-weight: 400;font-family: "Droid Serif";font-style: normal;font-size: 14px;text-transform: none;color: rgb(255, 255, 255);background-color: rgb(169, 184, 192)}
.product-info .option > ul > li{color: rgb(255, 255, 255);background-color: rgb(68, 67, 73);border-radius: 3px}
.product-info .right .cart div .qty{border-radius: 3px}
#button-cart:active{box-shadow:inset 0 1px 10px rgba(0, 0, 0, 0.8)}
#button-cart{font-weight: 400;font-family: "Droid Serif";font-style: normal;font-size: 16px;text-transform: uppercase;color: rgb(255, 255, 255)}
#button-cart, .quickview #more-details{border-width: 0px;border-style: solid;background-color: rgb(68, 67, 73)}
.product-info .right .wishlist-compare .links a{font-weight: normal;font-family: Helvetica, Arial, sans-serif;font-style: normal;font-size: 14px;text-transform: none;color: rgb(68, 67, 73)}
.product-info .right .wishlist-compare .links a:hover{color: rgb(221, 0, 23)}
#tabs a, #tabs li a{font-weight: 400;font-family: "Droid Serif";font-style: normal;font-size: 15px;text-transform: none;color: rgb(255, 255, 255);background-color: rgb(68, 67, 73);box-shadow:none}
#tabs{border-top-left-radius: 3px;border-top-right-radius: 3px}
.tab-content p, .tab-content p span, .tab-content p font, #tab-description, .product-info .tab-content, #review, #tab-review b, #tab-review span, .attribute td{font-weight: normal !important;font-family: Helvetica, Arial, sans-serif !important;font-style: normal !important;font-size: 15px !important;text-transform: none !important}
.tab-content h1, .tab-content h2, .tab-content h3, .tab-content h4, .tab-content h5{font-weight: 400 !important;font-family: "Roboto Condensed" !important;font-style: normal !important;font-size: 17px !important;text-transform: none !important}
.tab-content{border-top-right-radius: 3px;border-bottom-right-radius: 3px;border-bottom-left-radius: 3px;padding:15px;background-color: rgb(250, 250, 250)}
.product-info .left .journal-custom-tab h3{font-weight: bold !important;font-family: Helvetica, Arial, sans-serif !important;font-style: normal !important;font-size: 15px !important;text-transform: none !important}
.product-info .left .journal-custom-tab, .product-info .left .journal-custom-tab p, .product-info .left .journal-custom-tab p span{font-weight: normal !important;font-family: Helvetica, Arial, sans-serif !important;font-style: normal !important;font-size: 12px !important;text-transform: none !important}
.product-info .left .journal-custom-tab{border-radius: 3px}
.product-info .right .journal-custom-tab h3{font-weight: bold !important;font-family: Helvetica, Arial, sans-serif !important;font-style: normal !important;font-size: 15px !important;text-transform: none !important}
.product-info .right .journal-custom-tab, .product-info .right .journal-custom-tab p, .product-info .right .journal-custom-tab p span{font-weight: normal !important;font-family: Helvetica, Arial, sans-serif !important;font-style: normal !important;font-size: 12px !important;text-transform: none !important}
.product-info .right .journal-custom-tab{border-radius: 3px}
#product-gallery .owl-prev:before{content: '\e61f';font-size: 20px;color: rgb(68, 67, 73)}
#product-gallery .owl-next:before{content: '\e620';font-size: 20px;color: rgb(68, 67, 73)}
.product-info .right .wishlist-compare .links a:before{content: '\e662';font-size: 14px}
.product-info .right .wishlist-compare .links a+a:before{content: '\e025';font-size: 14px}
.product-options > div, .product-options > ul, .quickview .tab-content{background-color: rgb(247, 247, 247)}
.product-info .right .options .option{border-color: rgb(255, 255, 255)}
.product-info .option > ul > li.selected, .product-info .option > ul > li:hover{color: rgb(255, 255, 255);background-color: rgb(221, 0, 23)}
.product-info .right .cart div .journal-stepper{color: rgb(255, 255, 255);background-color: rgb(68, 67, 73)}
.product-info .right .cart div .journal-stepper:hover{color: rgb(255, 255, 255);background-color: rgb(221, 0, 23)}
#button-cart:hover, .quickview #more-details:hover{background-color: rgb(221, 0, 23)}
.product-info .right .wishlist-compare{background-color: rgb(247, 247, 247)}
#tabs a:hover, #tabs a.selected, #tabs li a:hover, #tabs li.active a{color: rgb(255, 255, 255);background-color: rgb(221, 0, 23)}
.tags{text-align:left}
.tags a, .tags b{border-radius: 15px}
.tags b{background-color: rgb(68, 67, 73);color: rgb(255, 255, 255)}
.tags a{background-color: rgb(244, 244, 244)}
.tags a:hover{color: rgb(255, 255, 255);background-color: rgb(221, 0, 23)}
#product-gallery .owl-buttons.side-buttons div{border-radius: 50%;margin-top:-3px;height:25px; line-height:25px;width:25px}
.product-info .right > div > div, .product-info .right > div > ul{padding-left:10px;padding-right:10px;padding-bottom:10px;padding-top:10px}
.product-info .right .options .option label:hover{color: rgb(221, 0, 23)}
#product-gallery .owl-next:hover:before, #product-gallery .owl-prev:hover:before{color: rgb(221, 0, 23)}
.product-info .right .options .option label{color: rgb(66, 139, 202)}
#tab-description{line-height:26px}
.attribute tbody td{text-align:left}
.product-sold-count-text{font-weight: bold;font-family: Helvetica, Arial, sans-serif;font-style: normal;font-size: 15px;text-transform: none}
.product-info .right > div > .price{background-color: rgba(0, 0, 0, 0);padding:0px;display:none}
.product-page .heading-title{text-align:left}
body{font-weight: 400;font-family: "Open Sans";font-style: normal;font-size: 14px;text-transform: none;color: rgb(51, 55, 69);background-repeat: repeat;background-position: center top;background-attachment: scroll;background-color: rgb(255, 255, 255)}
.heading-title, .box-heading, #blogArticle .articleHeader h1{text-align:left;border-bottom-width: 1px;border-style: dotted;border-color: rgb(204, 204, 204);line-height:40px}
.secondary-title, #content #review-title{text-align:left;font-weight: 400;font-family: "Open Sans";font-style: normal;font-size: 18px;text-transform: none;color: rgb(68, 67, 73);border-bottom-width: 1px;border-style: dotted;border-color: rgb(204, 204, 204);padding-top:7px; padding-bottom:7px}
.heading-title, .box-heading, #blogArticle .articleHeader h1, #swipebox-caption, .journal-carousel .htabs.single-tab a:hover, .journal-carousel .htabs.single-tab a.selected{font-weight: 400;font-family: "Open Sans";font-style: normal;font-size: 24px;text-transform: none;color: rgb(42, 43, 46)}
.button:active{box-shadow:none}
.button, .side-column .box-content a.button{font-weight: 400;font-family: "Open Sans";font-style: normal;font-size: 14px;text-transform: uppercase;color: rgb(255, 255, 255)}
.button{border-radius: 2px;padding:0 15px;line-height:35px;background-color: rgb(68, 67, 73)}
.button:hover{background-color: rgb(221, 0, 23);border-color: rgb(221, 0, 23)}
.breadcrumb{font-weight: 400;font-family: "Source Sans Pro";font-style: normal;font-size: 13px;text-transform: none;color: rgb(68, 67, 73);border-bottom-right-radius: 3px;border-bottom-left-radius: 3px;display:none}
.scroll-top:before{content: '\e6ac';font-size: 44px;color: rgb(96, 96, 96);top: -20px;left: -80px}
#container{background-repeat: repeat;background-position: center top;background-attachment: scroll}
.extended-layout .extended-container{background-repeat: repeat;background-position: center top;background-attachment: scroll;background-color: rgb(255, 255, 255)}
a{color: rgb(66, 139, 202)}
a:hover{color: rgb(47, 136, 186)}
.button:hover, .side-column .box-content a.button:hover{color: rgb(255, 255, 255)}
.breadcrumb a:hover{color: rgb(221, 0, 23)}
.scroll-top:hover:before{color: rgb(255, 88, 56)}
.heading-title, .box-heading, #blogArticle .articleHeader h1, .journal-carousel .htabs.single-tab a{padding-left:7px}
.extended-container:before{background-color: rgb(244, 244, 244)}
.box-sections ul li, .custom-sections .box-heading.box-sections{border-right-style:dotted;border-color: rgb(119, 119, 119)}
.custom-sections .box-heading{background-color: rgb(68, 67, 73)}
.box-sections ul li a{font-weight: 400;font-family: "Droid Serif";font-style: normal;font-size: 14px;text-transform: uppercase;color: rgb(255, 255, 255);line-height:38px}
.box-sections ul li a:hover, .box-sections ul li a.selected{color: rgb(255, 255, 255);background-color: rgb(221, 0, 23)}
#top-modules .journal2_custom_sections:before{background-color: rgb(68, 67, 73)}
#footer{margin-top:20px;margin-bottom:0px}
footer .column > h3{border-bottom-style:dotted;text-align:left;font-weight: 700;font-family: "Open Sans";font-style: normal;font-size: 14px;text-transform: uppercase;color: rgb(0, 0, 0);border-color: rgb(255, 255, 255)}
footer .column-menu-wrap > ul li{color: rgba(0, 0, 0, 0.65)}
footer .contacts{box-shadow:none;border-top-width: 1px;border-bottom-width: 1px;border-style: dotted;border-color: rgb(80, 80, 80)}
footer .contacts [data-hint]:after{border-radius: 3px;color: rgb(255, 255, 255);background-color: rgb(105, 185, 207)}
.bottom-footer{box-shadow:none;background-color: rgb(244, 244, 244)}
footer, .boxed-footer #footer{background-color: rgb(255, 255, 255)}
footer .column-menu-wrap > ul li:hover a{color: rgb(207, 63, 63)}
footer .column-text-wrap{color: rgb(255, 255, 255);color: rgb(255, 255, 255)}
footer .contacts i{background-color: rgb(68, 67, 73)}
footer .contacts > div > span:hover a i{background-color: rgb(105, 185, 207)}
footer a .contacts-text:hover{color: rgb(105, 185, 207)}
footer .contacts-text{color: rgb(255, 255, 255)}
.fullwidth-footer, .boxed-footer #footer{background-repeat: repeat;background-position: center top;background-attachment: scroll}
.column.products .product-grid-item{border-color: rgb(80, 80, 80);border-bottom-style:dotted;padding:5px 0}
.column.products .product-grid-item .price-old{font-weight: normal;font-family: Helvetica, Arial, sans-serif;font-style: normal;font-size: 12px;text-transform: none;color: rgb(168, 168, 168)}
.column.products .product-grid-item .name a:hover{color: rgb(221, 0, 23)}
.column.products .product-grid-item .price, .column.products .product-grid-item .price-new{color: rgb(255, 255, 255)}
.column.products .product-grid-item .name a, .footer-post-title{color: rgb(255, 255, 255)}
.column.products .product-grid-item .name a{white-space:normal}
{: 30;: 30;: rgb(68, 67, 73);: rgb(250, 250, 250);background-color: rgb(250, 250, 250);: 50;: 50}
footer .column-text-wrap p{line-height:15px}
footer .column-text-wrap h1, footer .column-text-wrap h2, footer .column-text-wrap h3{padding-bottom:2px;font-weight: 400;font-family: "Droid Serif";font-style: normal;font-size: 14px;text-transform: none;color: rgb(255, 255, 255)}
.footer-post{border-bottom-style:dotted;border-color: rgb(80, 80, 80);padding:5px 0}
.footer-post .comment-date .p-date:before{color: rgb(244, 244, 244)}
.footer-post .comment-date .p-comment:before{color: rgb(244, 244, 244)}
.journal-top-header{box-shadow:none}
#cart .heading i{border-left-style:solid;background-color: rgb(51, 55, 69);border-color: rgba(244, 244, 244, 0)}
.mini-cart-info table tr{border-bottom-style:solid;border-bottom-color: rgb(228, 228, 228)}
#cart .content .cart-wrapper{box-shadow:0 2px 5px rgba(0, 0, 0, 0.10)}
#cart .heading{font-weight: normal;font-family: Helvetica, Arial, sans-serif;font-style: normal;font-size: 15px;text-transform: none;color: rgb(68, 67, 73)}
.journal-header-center #cart{border-width: 1px;border-style: solid;border-color: rgb(255, 255, 255)}
.journal-header-center #cart .content .cart-wrapper{border-radius: 4px}
.journal-header-center #cart .heading i{border-radius: 50%}
.mini-cart-info, #cart .empty{color: rgb(0, 0, 0)}
.mini-cart-info table tr td.image img{border-radius: 3px}
.mini-cart-info{max-height:355px}
.mini-cart-total{background-color: rgb(244, 244, 244)}
.button-search, .journal-header-center .button-search{border-right-style:solid}
#search input{font-weight: normal;font-family: Helvetica, Arial, sans-serif;font-style: normal;font-size: 15px;text-transform: none;background-color: rgb(42, 43, 46)}
.journal-header-center #search input{border-width: 1px;border-radius: 40px;border-style: solid;border-color: rgb(168, 167, 167)}
.journal-header-center .button-search{border-radius: 50%}
.autocomplete2-suggestions{box-shadow:none;background-color: rgb(250, 250, 250)}
.autocomplete2-suggestion span.p-price{display:block}
.journal-header-center .autocomplete2-suggestions{border-radius: 4px}
.autocomplete2-suggestions > div{max-height:395px}
.journal-language .dropdown-menu > li, .journal-currency .dropdown-menu > li{border-top-style:solid;border-top-style:solid}
.journal-language .dropdown-menu, .journal-currency .dropdown-menu{background-color: rgb(250, 250, 250);box-shadow:0 2px 2px rgba(0, 0, 0, 0.15)}
.journal-currency form .currency-symbol{border-radius: 50%;color: rgb(255, 255, 255);background-color: rgb(68, 67, 73)}
#cart .heading i:before{content: '\e69a';font-size: 24px;color: rgb(255, 255, 255);left: 1px}
.button-search i:before{content: '\e697';font-size: 22px;color: rgb(255, 255, 255)}
header, .journal-header-center .journal-center-bg{background-repeat: repeat;background-position: center top;background-attachment: scroll}
.journal-cart{background-color: rgb(42, 43, 46)}
#cart .content .cart-wrapper, .oc2 #cart .checkout{background-color: rgb(250, 250, 250)}
.mini-cart-info table tr td.remove i{color: rgb(191, 195, 182)}
.mini-cart-info table tr td.remove i:hover{color: rgb(235, 88, 88)}
.autocomplete2-suggestion{border-bottom-style:solid;border-color: rgb(228, 228, 228)}
.autocomplete2-suggestion:hover{background-color: rgb(244, 244, 244)}
.button-search:hover i:before{color: rgb(255, 255, 255)}
.button-search{background-color: rgb(51, 55, 69)}
.button-search:hover{background-color: rgb(112, 111, 111)}
.journal-language .dropdown-menu > li > a, .journal-currency .dropdown-menu > li > a{color: rgb(0, 0, 0)}
.journal-language .dropdown-menu > li > a:hover, .journal-currency .dropdown-menu > li > a:hover{color: rgb(0, 0, 0);background-color: rgb(244, 244, 244)}
header{box-shadow:none}
#cart{box-shadow:none}
.journal-header-center .journal-top-header, .journal-header-center .journal-secondary{border-bottom-style:solid; border-top-style:solid;}
.journal-header-mega #logo a{text-align:left}
.autocomplete2-suggestion .p-image{display:block}
.product-wrapper{border-color: rgb(204, 204, 204);padding: 7px;background-color: rgb(255, 255, 255);box-shadow:none}
.product-wrapper:hover{border-color: rgb(255, 255, 255)}
.product-grid-item .image > a{border-top-left-radius: 3px;border-top-right-radius: 3px}
.product-grid-item .image .label-latest{display: block}
.product-grid-item .image .label-sale{display: block}
.product-grid-item .image .outofstock{display: block}
.product-grid-item .name a, .posts h2 a{white-space:nowrap;font-weight: 400;font-family: "Droid Serif";font-style: normal;font-size: 14px;text-transform: none;color: rgb(51, 55, 69)}
.product-grid-item .price{display:inline-block;;display:none}
.product-details{border-bottom-right-radius: 3px;border-bottom-left-radius: 3px}
.product-details:before{font-size: 23px;margin-left: -10px;top: -20px}
.product-grid-item .cart .button:active{box-shadow:inset 0 1px 10px rgba(0, 0, 0, 0.8)}
.product-grid-item .cart .button{border-radius: 50%}
.product-grid-item .cart .button[data-hint]:after{border-radius: 2px;color: rgb(255, 255, 255);background-color: rgb(68, 67, 73)}
.product-grid-item .quickview-button .button:active{box-shadow:inset 0 1px 10px rgba(0, 0, 0, 0.8)}
.product-grid-item .quickview-button {margin-left: -20px;margin-top: -25px}
.product-grid-item .quickview-button .button{border-width: 1px;border-radius: 50%;border-style: solid;border-color: rgb(221, 0, 23);background-color: rgb(221, 0, 23)}
.product-grid-item .quickview-button .button:hover{border-color: rgb(68, 67, 73);background-color: rgb(68, 67, 73)}
.product-grid-item .quickview-button .button[data-hint]:after{border-radius: 2px;color: rgb(255, 255, 255);background-color: rgb(68, 67, 73)}
.product-grid-item.display-icon .wishlist-icon, .product-grid-item.display-icon .compare-icon{border-radius: 50%;width:35px;height:35px; padding:0;;background-color: rgb(68, 67, 73)}
.product-grid-item .wishlist [data-hint]:after, .product-grid-item .compare [data-hint]:after{border-radius: 2px;color: rgb(255, 255, 255);background-color: rgb(68, 67, 73)}
.product-grid-item .cart .button-left-icon:before, .product-grid-item .cart .button-right-icon:before{content: '\e69a';font-size: 20px;color: rgb(255, 255, 255)}
.product-grid-item .quickview-button .button-left-icon:before, .product-grid-item .quickview-button .button-right-icon:before{content: '\e660';font-size: 20px;color: rgb(255, 255, 255);top: -1px}
.product-grid-item .wishlist-icon:before{content: '\e663';font-size: 17px;color: rgb(255, 255, 255)}
.product-grid-item .compare-icon:before{content: '\e025';font-size: 18px;color: rgb(255, 255, 255)}
.product-grid-item .price, .product-grid-item .price-new{font-weight: 400;font-family: "Droid Serif";font-style: normal;font-size: 14px;text-transform: none}
.product-grid-item .price-old{font-weight: 400;font-family: "Droid Serif";font-style: normal;font-size: 13px;text-transform: none;color: rgb(221, 0, 23)}
.product-grid-item .wishlist a, .product-grid-item .compare a{font-weight: normal;font-family: Helvetica, Arial, sans-serif;font-style: normal;font-size: 11px;text-transform: none;color: rgb(51, 55, 69)}
.product-grid-item .name a:hover, .side-column .product-grid-item .name a:hover, .posts h2 a:hover{color: rgb(221, 0, 23)}
.product-grid-item.display-icon .wishlist a:hover i, .product-grid-item.display-icon .compare a:hover i{background-color: rgb(221, 0, 23)}
.product-grid-item .rating{margin-left:-47px;top:-50px;display:block}
.product-grid-item .compare a:hover .compare-icon:before, .product-grid-item .wishlist a:hover .wishlist-icon:before{color: rgb(255, 255, 255)}
.product-grid-item .cart .button:hover .button-left-icon:before, .product-grid-item .cart .button:hover .button-right-icon:before{color: rgb(255, 255, 255)}
.category-list ul li a, .refine-category-name{color: rgb(51, 55, 69)}
.category-list ul li:after{color: rgb(228, 228, 228)}
.category-list{background-color: rgb(51, 55, 69)}
.refine-image a{border-width: 1px;border-style: dotted;border-color: rgb(228, 228, 228)}
.refine-image a:hover{background-color: rgb(250, 250, 250)}
.product-filter{border-radius: 2px;background-color: rgb(244, 244, 244)}
.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(0, 0, 0)}
.pagination b, .pagination a:hover{color: rgb(255, 255, 255)}
.pagination{border-radius: 2px;border-color: rgb(204, 204, 204);background-color: rgb(244, 244, 244);box-shadow:none}
.product-filter .display a i:hover, .product-filter .display a.active i{color:rgb(221, 0, 23) !important}
.product-compare a:hover{color: rgb(221, 0, 23)}
#infscr-loading div{color: rgb(255, 255, 255)}
.pagination a, .pagination b, .pagination li{border-radius: 50%}
.pagination a{background-color: rgb(255, 255, 255);color: rgb(80, 80, 80)}
.pagination b, .pagination a:hover, .pagination li.active {background-color: rgb(221, 0, 23)}
.pagination .results{font-weight: 700;font-family: "Ubuntu";font-style: normal;font-size: 13px;text-transform: none;color: rgb(0, 0, 0)}
.tp-bannertimer, .tp-bannertimer.tp-bottom{height:2px;background-color: rgb(221, 0, 23)}
.tp-bullets.tp-thumbs .bullet:before{opacity:.4}
.tp-bullets.tp-thumbs .bullet.selected:before, .tp-bullets.tp-thumbs .bullet:hover:before{opacity:0}
.tp-bullets.tp-thumbs{border-top-width: 7px;border-right-width: 7px;border-left-width: 7px;border-style: solid;border-color: rgb(255, 255, 255)}
.tp-leftarrow:before, .tp-leftarrow.default:before, .journal-simple-slider .owl-controls .owl-buttons .owl-prev:before{content: '\e62b';font-size: 65px;color: rgb(255, 255, 255)}
.tp-rightarrow:before, .tp-rightarrow.default:before, .journal-simple-slider .owl-controls .owl-buttons .owl-next:before{content: '\e62c';font-size: 65px;color: rgb(255, 255, 255)}
.tp-bullets.simplebullets.round .bullet.selected, .tp-bullets.simplebullets.round .bullet:hover, .journal-simple-slider .owl-controls .owl-page.active span, .journal-simple-slider .owl-controls.clickable .owl-page:hover span{background-color: rgb(221, 0, 23)}
.tp-bullets.simplebullets.round .bullet, .journal-simple-slider .owl-controls .owl-page span{background-color: rgb(255, 255, 255);border-radius: 50%;margin-left:7px;width:12px;height:12px}
.tp-leftarrow:hover:before, .tp-leftarrow.default:hover:before, .tp-rightarrow:hover:before, .tp-rightarrow.default:hover:before, .journal-simple-slider .owl-controls .owl-buttons .owl-prev:hover:before, .journal-simple-slider .owl-controls .owl-buttons .owl-next:hover:before{color: rgb(255, 88, 56)}
.journal-carousel .htabs a, .side-column .journal-carousel .htabs a{border-right-style:solid;border-color: rgb(255, 255, 255)}
.journal-carousel .htabs a, .journal-carousel .htabs.single-tab a:hover, .journal-carousel .htabs.single-tab a.selected{font-weight: 400;font-family: "Droid Serif";font-style: normal;font-size: 19px;text-transform: none}
.journal-carousel .htabs a{line-height:37px}
.journal-carousel .owl-prev:before{content: '\e61f';font-size: 16px;color: rgb(68, 67, 73)}
.journal-carousel .owl-next:before{content: '\e620';font-size: 16px;color: rgb(68, 67, 73)}
.owl-controls .owl-page span{background-color: rgb(68, 67, 73);border-radius: 50%;width:10px;height:10px}
.journal-carousel .owl-prev:hover:before, .journal-carousel .owl-next:hover:before{color: rgb(221, 0, 23)}
.owl-controls .owl-page.active span, .owl-controls.clickable .owl-page:hover span{background-color: rgb(221, 0, 23)}
.journal-carousel .htabs a:hover, .journal-carousel .htabs a.selected{color: rgb(255, 255, 255);background-color: rgb(68, 67, 73)}
.journal-carousel .owl-buttons div{top:-56px}
.journal-carousel .side-buttons .owl-next:before{content: '\e620';font-size: 22px;color: rgb(68, 67, 73)}
.journal-carousel .owl-buttons.side-buttons div{margin-top:-36px}
.journal-carousel .side-buttons .owl-prev:before{content: '\e61f';font-size: 22px;color: rgb(68, 67, 73)}
.journal-carousel .owl-buttons .owl-prev{right:10px}
.journal-carousel .owl-buttons .owl-next{right:-10px}
.journal-carousel .owl-buttons.side-buttons .owl-prev{left:2px}
.journal-carousel.carousel-brand .owl-buttons.side-buttons div, .journal-carousel.journal-gallery .owl-buttons.side-buttons div {margin-top:-17px}
.journal-carousel .side-buttons .owl-prev:hover:before, .journal-carousel .side-buttons .owl-next:hover:before{color: rgb(221, 0, 23)}
.journal-carousel .owl-buttons.side-buttons .owl-next{right:5px}
.journal-carousel.carousel-brand .product-wrapper{box-shadow:none}
.journal-carousel.carousel-product .product-wrapper{box-shadow:none}
.product-list-item{border-radius: 3px;background-color: rgb(244, 244, 244)}
.product-list-item .image .label-latest{display: block}
.product-list-item .image .label-sale{display: block}
.product-list-item .image .outofstock{display: block}
.product-list-item .description{display:block}
.product-list-item .cart .button:active{box-shadow:inset 0 1px 10px rgba(0, 0, 0, 0.8)}
.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 .button:active{box-shadow:inset 0 1px 10px rgba(0, 0, 0, 0.8)}
.product-list-item .quickview-button {margin-left: -20px;margin-top: -20px}
.product-list-item .quickview-button .button{border-radius: 50px}
.product-list-item .quickview-button .button[data-hint]:after{border-radius: 3px;color: rgb(255, 255, 255);background-color: rgb(68, 67, 73)}
.product-list-item .wishlist a, .product-list-item .compare a{color: rgb(51, 55, 69)}
.product-list-item .cart .button-left-icon:before, .product-list-item .cart .button-right-icon:before{content: '\e001';font-size: 20px;color: rgb(255, 255, 255)}
.product-list-item .quickview-button .button-left-icon:before, .product-list-item .quickview-button .button-right-icon:before{content: '\e056';font-size: 20px;color: rgb(255, 255, 255)}
.product-list-item .wishlist-icon:before{content: '\e662';font-size: 11px}
.product-list-item .compare-icon:before{content: '\e025';font-size: 11px}
.product-list-item .wishlist a:hover, .product-list-item .compare a:hover{color: rgb(241, 196, 15)}
.side-column .box-content li a, .side-column .box-category li a, .journal-sf ul li, .side-column .oc-module .product-grid-item, #column-right .recentArticles li, #column-right .popularArticles li, #column-left .recentArticles li, #column-left .popularArticles li, .side-post + hr{border-bottom-style:solid}
.side-column .box-category li a img, .side-column .oc-module .product-grid-item .image img{border-radius: 3%}
.side-column .side-category-accordion i{border-radius: 50%;color: rgb(0, 0, 0);background-color: rgb(68, 67, 73)}
.side-column .side-category-accordion i:hover{color: rgb(255, 255, 255);background-color: rgb(221, 0, 23)}
.side-column .box-category li a:before, .side-column .box-content li a:before{content: '\e62c';font-size: 15px;color: rgb(80, 80, 80);top: -1px}
.side-column, .side-column .oc-module .product-grid-item .price, .journal-sf ul li label, .side-post-title{color: rgb(0, 0, 0)}
.side-column .box-content li a:hover, .side-column .box-category li a:hover, .side-column .box-content a:hover, .side-column .box-content li a.active, .side-column .box-category li a.active, .side-column .oc-module .product-grid-item .name a:hover, #column-right .recentArticles li > a:hover, #column-right .popularArticles li > a:hover, #column-left .recentArticles li > a:hover, #column-left .popularArticles li > a:hover{color: rgb(221, 0, 23)}
.side-column .box-content li a:hover, .side-column .box-category li a:hover, .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,.journal-sf ul li, .side-column .oc-module .product-grid-item, #column-right .recentArticles li, #column-right .popularArticles li, #column-left .recentArticles li, #column-left .popularArticles li, .side-post + hr {border-color:rgba(255, 255, 255, 0)}
.side-column .heading-title, .side-column .box-heading, .side-column #blogArticle .articleHeader h1, .side-column .journal-carousel .htabs.single-tab a.selected{font-weight: 400;font-family: "Open Sans";font-style: normal;font-size: 16px;text-transform: none}
.side-column .box-content li a, .side-column .box-category li a{padding-left:0px;padding-top:10px;padding-bottom:2px;padding-right:20px}
.side-column .oc-module .product-grid-item{padding-left:0px;padding-right:0px;padding-bottom:0px;padding-top:8px}
.side-column .side-category i{width:20px;height:20px;top:7px;right:0px;font-weight: normal;font-family: Helvetica, Arial, sans-serif;font-style: normal;font-size: 18px;text-transform: none;color: rgb(255, 255, 255)}
.side-column .heading-title, .side-column .box-heading, .side-column #blogArticle .articleHeader h1{padding-left:0px;padding-right:0px}
.side-column .oc-module .product-grid-item .name a{white-space:normal}
.side-column .box-content li a, .side-column .box-category li a, .side-column .box-content a, #column-right .recentArticles li > a, #column-right .popularArticles li > a, #column-left .recentArticles li > a, #column-left .popularArticles li > a, .side-post-title{font-weight: 400;font-family: "Open Sans";font-style: normal;font-size: 14px;text-transform: none;color: rgb(56, 56, 56)}
.cart-info tbody td, .wishlist-info tbody td, .compare-info td{border-bottom-style:dotted;border-color: rgb(204, 204, 204)}
.cart-info table, .wishlist-info table, .compare-info, table.list, .order-list{border-radius: 3px}
.cart-info .image a img, .wishlist-info .image a img, .compare-info tbody tr:first-of-type + tr > td img{border-radius: 3px}
.login-content > div{border-radius: 3px;padding:0px}
.action-area h3{font-weight: 400;font-family: "Roboto Condensed";font-style: normal;font-size: 15px;text-transform: uppercase;color: rgb(255, 255, 255);background-color: rgb(95, 104, 116)}
.checkout-page .checkout, .oc2 .checkout #accordion{border-radius: 3px}
.buttons{border-width: 1px;border-radius: 2px;border-style: dotted;border-color: rgb(204, 204, 204);padding-top:15px; padding-bottom:15px;;padding-left:15px; padding-right:15px}
.cart-info table, .wishlist-info table, .compare-info td, table.list tbody td, .order-list .order-content{background-color: rgb(244, 244, 244)}
.cart-info tbody td, .wishlist-info tbody td, .compare-info td, table.list tbody td, .order-list .order-content{color: rgb(51, 55, 69)}
.cart-info thead td, .wishlist-info thead td, .compare-info thead td, .manufacturer-heading, table.list thead td, table.list, table.list td, .order-list .order-id, .order-list .order-status{color: rgb(255, 255, 255)}
.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(95, 104, 116)}
.login-content hr{background-color: rgb(204, 204, 204)}
#content.sc-page .content p, #content.sc-page .action-area p, .cart-total, table.list tfoot td{color: rgb(51, 55, 69);background-color: rgb(244, 244, 244)}
table.radio .highlight:hover td label, .action-area .panel-title:hover a{color: rgb(255, 255, 255)}
table.radio .highlight td, .action-area .panel-heading{background-color: rgb(250, 250, 250)}
table.radio .highlight:hover td, .action-area .panel-heading:hover{background-color: rgb(221, 0, 23)}
#content.sc-page .content table.radio .highlight td{border-color: rgb(228, 228, 228)}
.checkout-heading, .checkout .panel-heading{background-color: rgb(69, 115, 143)}
.checkout-heading{border-color: rgb(91, 142, 174);border-bottom-style:solid}
.checkout-product thead td, .checkout-product tfoot td{color: rgb(51, 55, 69);background-color: rgb(255, 255, 255)}
.checkout-product tbody td{border-color: rgb(244, 244, 244)}
.checkout-content, .checkout-page .panel-body{background-color: rgb(244, 244, 244)}
.checkout-content, .checkout-page .panel-body {padding:10px}
.checkout-heading, .checkout .panel-title{font-weight: bold;font-family: Helvetica, Arial, sans-serif;font-style: normal;font-size: 13px;text-transform: none;color: rgb(255, 255, 255)}
.sf-icon:after{background-color: rgb(221, 0, 23);color: rgb(255, 255, 255);border-radius: 3px}
.sf-reset:hover{color: rgb(221, 0, 23)}
.sf-price .ui-widget-header{background-color: rgb(68, 67, 73)}
.sf-price .value{color: rgb(255, 255, 255);background-color: rgb(221, 0, 23);border-radius: 3px}
.sf-reset{color: rgb(68, 67, 73)}
.sf-price .ui-slider-handle:hover{background-color: rgb(221, 0, 23)}
.sf-price .ui-slider-handle{background-color: rgb(68, 67, 73);width:15px;height:15px;top:-6px;border-radius: 50%}
.journal-sf ul label.sf-checked img{border-color: rgb(68, 67, 73)}
.sf-reset-icon:after{content: '\e602';font-size: 16px;color: rgb(68, 67, 73)}
.journal-sf ul li label.sf-checked{color: rgb(221, 0, 23)}
.journal-sf ul label img{border-width: 2px;border-radius: 3%;border-style: solid;border-color: rgb(244, 244, 244)}
.journal-sf .box ul li{padding-top:1px;padding-bottom:1px;border-bottom-style:solid;border-color: rgba(255, 255, 255, 0)}
.sf-price .box-content{padding-left:17px;padding-bottom:35px;padding-top:20px;padding-right:17px}
.side-column .journal-sf .box{margin-bottom:10px}
.sf-price .ui-widget-content{background: rgb(221, 0, 23)}
.journal-sf .sf-image .box-content ul li{padding-bottom:7px;padding-right:7px;width:16.666666%}
.journal-sf .sf-image .box-content{padding-top:5px}
.sf-price .ui-slider-horizontal{height:2px}
.journal-sf .box-content{max-height:182px}
.journal-sf .box ul{padding-top:3px}
.journal-sf .sf-manufacturer.sf-image .box-content ul li{width:25%}
.journal-sf .sf-category.sf-image .box-content ul li{width:12.5%}
.nav-numbers a{width:10px;height:10px;border-radius: 50%;background-color: rgb(51, 55, 69)}
.nav-numbers a:hover, .nav-numbers li.active a{background-color: rgb(221, 0, 23)}
.ui-pnotify {display: block !important;border-radius: 2px;background-color: rgb(255, 255, 255)}
.ui-pnotify-text img {display: block}
.ui-pnotify-title {font-weight: 400;font-family: "Roboto Condensed";font-style: normal;font-size: 17px;text-transform: none;color: rgb(255, 255, 255);background-color: rgb(68, 67, 73)}
.ui-pnotify-closer{color: rgb(255, 255, 255)}
.ui-pnotify-closer:hover{color: rgb(221, 0, 23)}
.ui-pnotify-text a{color: rgb(168, 168, 168)}
.ui-pnotify-text a:hover{color: rgb(221, 0, 23)}
.side-column .block-content{border-radius: 3px}
.block-content{border-radius: 3px}
.side-column .block-content p{font-weight: 400;font-family: "Open Sans";font-style: normal;font-size: 14px;text-transform: none}
.side-column .editor-content h1, .side-column .editor-content h2, .side-column .editor-content h3{font-weight: 400 !important;font-family: "Open Sans" !important;font-style: normal !important;font-size: 14px !important;text-transform: none !important}
#swipebox-slider .slide img{border-radius: 3px}
.gallery-thumb a:before{content: '\e056';font-size: 30px;color: rgb(255, 255, 255)}
#swipebox-prev:before{content: '\e61f';font-size: 28px;color: rgb(255, 255, 255)}
#swipebox-next:before{content: '\e620';font-size: 28px;color: rgb(255, 255, 255)}
#swipebox-close:before{content: '\e601';font-size: 30px;color: rgb(255, 255, 255)}
.gallery-thumb .item-hover{background-color: rgba(51, 55, 69, 0.5)}
#swipebox-overlay{background-color: rgba(0, 0, 0, 0.75)}
#swipebox-action, #swipebox-caption{background-color: rgb(95, 104, 116);font-weight: 400;font-family: "Droid Serif";font-style: normal;font-size: 19px;text-transform: none;color: rgb(255, 255, 255)}
#swipebox-close:hover:before{color: rgb(221, 0, 23)}
#swipebox-prev:hover:before, #swipebox-next:hover:before{color: rgb(221, 0, 23)}
.side-column .journal-gallery .box-content{padding:0px !important}
#content .welcome h1, .side-column .welcome h1{text-align:left;font-weight: 400;font-family: "Droid Serif";font-style: normal;font-size: 25px;text-transform: none;color: rgb(51, 55, 69);border-bottom-style:solid;border-color: rgb(228, 228, 228)}
#content .welcome p, .side-column .welcome p{text-align:left}
.welcome p{line-height:16px}
.product-grid-item .compare, .product-filter .product-compare{display:none}
.product-grid-item .wishlist{display:none}
.journal-header-center .journal-cart{display:none}
.journal-header-center #search{display:none}
.product-info .product-options > .cart{display:block}
.product-info .right .description{display:none}
.product-info .right > div > .options{display:none}
.journal-language{display:table-cell !important}
.product-info .right .wishlist-compare .links a + a{display:none}
.product-info .right .wishlist-compare .links a:first-of-type{display:none;}
.journal-currency{display:none !important}
.product-grid-item .name{display:table}
.journal-carousel .product-grid-item .cart{display:block}
.journal-carousel .product-grid-item .wishlist{display:none}
.journal-carousel .product-grid-item .compare{display:none}
.journal-carousel .product-grid-item .price{display:none}
.journal-carousel .product-grid-item .name{display:table}
.side-column .journal-carousel .product-grid-item .cart{display:block}
.side-column .journal-carousel .product-grid-item .wishlist{display:none}
.side-column .journal-carousel .product-grid-item .compare{display:none}
.side-column .journal-carousel .product-grid-item .price{display:none}
.side-column .journal-carousel .product-grid-item .name{display:table}
.custom-sections .product-grid-item .cart{display:block}
.custom-sections .product-grid-item .wishlist{display:none}
.custom-sections .product-grid-item .compare{display:none}
.custom-sections .product-grid-item .price{display:none}
.custom-sections .product-grid-item .name{display:table}
.mega-menu .product-grid-item .cart{display:block}
.mega-menu .product-grid-item .wishlist{display:none}
.mega-menu .product-grid-item .compare{display:none}
.mega-menu .product-grid-item .name{display:table}
.product-list-item .cart{display:block}
.product-list-item .wishlist{display:none}
.product-list-item .compare{display:none}
.product-list-item .price{display:none}
.product-list-item .name{display:table}
.column.products .product-grid-item .price, .side-column .oc-module .product-grid-item .price{display:none}
.countdown > span{border-right-style:solid}
.product-info .right > div .countdown > span{border-right-style:dotted;color: rgb(68, 67, 73);border-color: rgb(153, 153, 153)}
.expire-text{background-color: rgb(221, 0, 23);font-weight: bold;font-family: Helvetica, Arial, sans-serif;font-style: normal;font-size: 14px;text-transform: none;color: rgb(255, 255, 255);text-align:left;padding-right:7px;padding-top:7px;padding-bottom:7px;padding-left:7px}
.product-info .right > div .countdown{background-color: rgb(244, 244, 244)}
.product-info .right > div .countdown-wrapper{padding:0px;background-color: rgba(0, 0, 0, 0)}
span.p-date:before{content: '\e6b3';font-size: 13px;color: rgb(68, 67, 73)}
span.p-author:before{content: '\e1b8';font-size: 13px;color: rgb(68, 67, 73)}
.post-button-left-icon:before, .post-button-right-icon:before{content: '\e6ae';font-size: 14px;color: rgb(68, 67, 73)}
span.p-comment:before{content: '\e1ae';font-size: 13px;color: rgb(68, 67, 73)}
.post-view-more.button{color: rgb(80, 80, 80);border-bottom-width: 1px;border-radius: 0px;border-style: dotted;border-color: rgb(119, 119, 119);padding-left:0px;padding-bottom:5px;padding-right:0px;padding-top:0px;background-color: rgba(68, 67, 73, 0)}
.post-view-more.button:hover{color: rgb(47, 136, 186);background-color: rgba(221, 0, 23, 0)}
.blog-list-view .post-wrapper{background-color: rgb(249, 249, 249)}
.blog-list-view .post-wrapper:hover{background-color: rgb(255, 255, 255)}
.post-item-details .comment-date{border-top-width: 1px;border-bottom-width: 1px;border-style: dotted;border-color: rgb(204, 204, 204)}
.posts.blog-list-view .post-item-details h2 a{font-weight: 400;font-family: "Droid Serif";font-style: normal;font-size: 21px;text-transform: none;white-space:normal}
.posts .post-wrapper h2 a{white-space:nowrap}
.post-wrapper{padding:10px 10px 0 10px;border-color: rgb(204, 204, 204);background-color: rgb(255, 255, 255)}
.post-wrapper:hover{border-color: rgb(255, 255, 255)}
.post-item-details{text-align:left;padding-top:0px;padding-right:15px;padding-left:5px;padding-bottom:0px}
.blog-list-view .post-item-details .post-text{font-weight: 400;font-family: "Droid Serif";font-style: normal;font-size: 13px;text-transform: none}
.post-view-more.button:hover .post-button-left-icon:before, .post-view-more.button:hover .post-button-right-icon:before{color: rgb(47, 136, 186)}
.posts.blog-list-view .post-image{width:25%}
.posts.blog-list-view .post-item-details h2 a span{border-bottom-style:dotted}
.post-module .post-wrapper .post-item-details h2 a{white-space:normal;font-weight: 400;font-family: "Open Sans";font-style: normal;font-size: 16px;text-transform: none}
.side-blog .side-post + hr{border-bottom-style:dotted;border-color: rgb(204, 204, 204)}
.post-module .box-heading{font-weight: 600;font-family: "Open Sans";font-style: normal;font-size: 32px;text-transform: none;letter-spacing: 1px;color: rgb(42, 43, 46);text-align:left}
.comments > .comment:nth-of-type(even){background-color: rgb(255, 255, 255)}
.comments .reply:nth-of-type(odd){background-color: rgb(244, 244, 244)}
.post-details .tags a:hover, .side-blog-tags .box-tag a:hover{background-color: rgb(221, 0, 23);color: rgb(255, 255, 255)}
.comments .reply:nth-of-type(even){background-color: rgb(244, 244, 244)}
.post-details .tags a, .side-blog-tags .box-tag a{background-color: rgb(68, 67, 73);color: rgb(255, 255, 255)}
.comments > h3{background-color: rgb(244, 244, 244);text-align:left;padding-right:15px;font-weight: 400;font-family: "Droid Serif";font-style: normal;font-size: 22px;text-transform: none;padding-left:15px;padding-bottom:15px;margin-top:10px;padding-top:15px;border-radius: 3px;margin-bottom:20px}
.post-details .tags b{background-color: rgb(221, 0, 23)}
.reply-form h3{margin-top:10px;margin-bottom:20px;padding-left:0px;font-weight: 400;font-family: "Droid Serif";font-style: normal;font-size: 19px;text-transform: none;text-align:left;padding-top:12px;padding-right:0px;padding-bottom:12px;border-bottom-width: 1px;border-style: dotted;border-color: rgb(204, 204, 204)}
.post-comment h3{margin-top:20px;padding-left:0px;text-align:left;font-weight: 400;font-family: "Droid Serif";font-style: normal;font-size: 22px;text-transform: none;color: rgb(68, 67, 73);padding-right:0px;padding-bottom:12px;padding-top:12px;margin-bottom:20px;border-bottom-width: 1px;border-style: dotted;border-color: rgb(204, 204, 204)}
.blog-post .heading-title{text-align:left;line-height:24px}
.blog-post .social{border-top-style:dotted;text-align:left;border-color: rgb(204, 204, 204)}
.comment-form form{padding:0px;border-bottom-right-radius: 3px;border-bottom-left-radius: 3px}
.post-stats.comment-date{padding-bottom:10px}
.post-details, .post-details p, .post-details font, .post-details span, .post-details p font, .post-details p span, .post-details strong{line-height:28px !important}
.blog-post .post-stats.comment-date{border-bottom-width: 1px;border-style: dotted;border-color: rgb(204, 204, 204)}
.post-details blockquote{font-weight: 400!important;font-family: "Droid Serif"!important;font-style: italic!important;font-size: 16px!important;text-transform: none!important;padding-bottom:15px;padding-right:15px;border-color: rgb(221, 0, 23);padding-left:15px;margin-right:0px;padding-top:15px;margin-left:0px;background-color: rgb(244, 244, 244)}
.post-details h1{font-weight: 400!important;font-family: "Droid Serif"!important;font-style: normal!important;font-size: 26px!important;text-transform: none!important}
.post-details, .post-details p, .post-details font, .post-details span, .post-details p font, .post-details p span{font-weight: 400!important;font-family: "Droid Serif"!important;font-style: normal!important;font-size: 14px!important;text-transform: none!important}
.post-details .tags{text-align:left}
.comments > .comment{border-width: 1px;border-radius: 3px;border-style: dotted;border-color: rgb(204, 204, 204)}
.comments .reply{border-radius: 3px}
.comments .avatar{border-radius: 5px}
.blog-post .post-stats .p-category:before{content: '\e6b2';font-size: 14px;color: rgb(68, 67, 73)}
.comments > .comment:nth-of-type(odd){background-color: rgb(255, 255, 255)}
.category-page .heading-title{text-align:left}
.checkout-heading a{color: rgb(255, 255, 255)}
.information-page #content p{line-height:26px}
.information-page #content, .information-page #content p{font-weight: normal;font-family: Helvetica, Arial, sans-serif;font-style: normal;font-size: 15px;text-transform: none;color: rgb(0, 0, 0)}
.information-page #content h1.heading-title{text-align:left}
.product-grid-item .description{display:none}
table.radio .highlight td label, .action-area .panel-title{color: rgb(68, 67, 73)}

/* 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');
}
#container{
	max-width:100% !important;
}
.block-content {
	padding:0 !important;
}



/* Site width */
 #header, #footer, .bottom-footer > div, .bottom-footer.boxed-bar {
   max-width: 1260px;
}

.extended-container:before{
  display:none;
}



@media only screen and (max-width:1280px) {
 .journal-header-center .journal-search, .journal-header-center .journal-links{
    padding-left: 15px;
  }
 .journal-header-center .journal-cart, .journal-header-center .journal-secondary{
    padding-right: 15px;
  }
}
@media only screen and (max-width:760px) {
 .journal-header-center .journal-search, .journal-header-center .journal-links{
    padding-left: 0;
  }
 .journal-header-center .journal-cart, .journal-header-center .journal-secondary{
    padding-right: 0;
  }
}





.category-info .image{
display:none;
}

/*Notification Position*/
.ui-pnotify{
right:20px;
}
.ui-pnotify{
        box-shadow:0px 1px 12px rgba(0, 0, 0, 0.2);
}



.ui-pnotify-closer{
opacity:1;
}



.breadcrumb{
        text-align:center
}



/* Product Grid */

.product-wrapper:hover{
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.20);
}




.custom-sections.section-product .product-wrapper:hover{
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.20);
}





.journal-carousel.carousel-product .product-wrapper:hover{
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.20);
}





.journal-carousel.carousel-brand .product-wrapper:hover{
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.20);
}







.product-grid-item .name a{
 //padding-bottom:8px;
}



.enquiry-button .button i:before{
  color:rgb(255, 255, 255);
}

.product-grid-item .cart .button-left-icon:before{
 float:none;
}
.product-grid-item .cart .button-right-icon:before{
 margin-left:0;
}
.product-grid-item .cart .button-cart-text{
  display:none;
}
.product-grid-item .cart .button[data-hint]:after,
.product-grid-item .cart .hint--top:before{
  display:block;
}
.product-grid-item .cart .hint--top:before{
  border-top-color: rgb(68, 67, 73);
}
.product-grid-item .cart .hint--right:before{
  border-right-color: rgb(68, 67, 73);
}
.product-grid-item .cart .hint--left:before{
  border-left-color: rgb(68, 67, 73);
}


.product-grid-item .cart .button-right-icon{
display:none;
}




/* BLOG */

.post-button-left-icon{
 display:none;
}
.post-button-right-icon{
 display:inline;
}




.post-module .post-wrapper{
  box-shadow: none !important;
}





.post-wrapper{
  box-shadow: none !important;
}



.post-module .post-wrapper{
  box-shadow: none !important;
}



.blog-list-view .post-wrapper:hover{
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.20) !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(68, 67, 73);
}
.product-grid-item .quickview-button .hint--right:before{
  border-right-color: rgb(68, 67, 73);
}
.product-grid-item .quickview-button .hint--left:before{
  border-left-color: rgb(68, 67, 73);
}





/* Product Grid Wishlist/Compare */


.product-grid-item .button-wishlist-text,
.product-grid-item .button-compare-text{
   display: none;
}
.product-grid-item .wishlist [data-hint]:after,
.product-grid-item .wishlist .hint--top:before,
.product-grid-item .compare [data-hint]:after,
.product-grid-item .compare .hint--top:before{
  display:block;
}

.product-grid-item .wishlist .hint--top:before,
.product-grid-item .compare .hint--top:before{
  border-top-color: rgb(68, 67, 73);
}
.product-grid-item .wishlist .hint--right:before,
.product-grid-item .compare .hint--right:before{
  border-right-color: rgb(68, 67, 73);
}
.product-grid-item .wishlist .hint--left:before,
.product-grid-item .compare .hint--left:before{
  border-left-color: rgb(68, 67, 73);
}









.product-list-item .quickview-button .button{
  width:40px;
  height:40px;
  line-height:40px;
  padding:0;
}



.product-grid-item .cart .button{
  width:35px;
  height:35px;
  line-height:35px;
  padding:0;
}
.product-grid-item .cart{
  height:35px;
}

.product-grid-item .quickview-button .button{
  width:40px;
  height:40px;
  line-height:40px;
  padding:0;
}


/* Product List */



.product-list-item{
  box-shadow: none;
}



.product-list-item .cart .button-left-icon:before{
display:none;
}



.product-list-item .cart .button-right-icon{
display:none;
}





/* Product List Quickview*/
.product-list-item:hover .quickview-button {
    opacity: 1;
    visibility: visible;
}



.product-list-item .quickview-button .button-right-icon{
display:none;
}



.product-list-item .quickview-button .button-left-icon:before{
 float:none;
}
.product-list-item .quickview-button .button-right-icon:before{
 margin-left:0;
}
.product-list-item .quickview-button .button-cart-text{
  display:none;
}
.product-list-item .quickview-button .button[data-hint]:after,
.product-list-item .quickview-button .hint--top:before{
  display:block;
}
.product-list-item .quickview-button .hint--top:before{
  border-top-color: rgb(68, 67, 73);
}
.product-list-item .quickview-button .hint--right:before{
  border-right-color: rgb(68, 67, 73);
}
.product-list-item .quickview-button .hint--left:before{
  border-left-color: rgb(68, 67, 73);
}



/* Product Page */

.product-info .left .image-additional-grid a{
  width: 25%;
}

.product-info .left .image-additional{
  margin-right: -19px;
}

.product-info .gallery-text{
  padding-top: 11px;
}

#button-cart .button-cart-text:after{
display:none;
}




.checkout-content .buttons{
  border-radius:0;
}

.compare-info td{
  border-right-style:dotted;
}
table.list{
  border-bottom-style:dotted;
  border-left-style:dotted;
}
table.list td{
  border-right-style:dotted;
  border-top-style:dotted;
}



/* Product Labels*/

.label-latest + .label-sale{
  top: 40px;
}

  .label-latest{
  display:none !important;
  }

img.outofstock{
  display:none !important;
}


#more-details.hint--top:before{
  border-top-color: rgb(221, 0, 23);
}



.boxed-header header{
  max-width:1260px;
}
.boxed-header .super-menu > li:first-of-type{
  border-left:0;
}
.boxed-header .super-menu > li:last-of-type{
  border-right:0;
}

.boxed-header .is-sticky header{
  left:50%;
  margin-left:-630px;
}

.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;
}
.boxed-header .journal-header-center .journal-cart{
  padding-right: 20px;
}
@media only screen and (max-width: 760px) {
  .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;
  }
}

@media only screen and (max-width: 1275px) {
.boxed-header .is-sticky header{
  left:0;
  margin-left:0;
}
.boxed-header body{
  padding:0;
}
.fullwidth-footer .columns{
    padding-left: 15px;
  }
  .copyright{
    padding-left: 15px;
  }
    .journal-header-mega #logo a, .breadcrumb{
      padding-left:15px;
  }
}


header .links > a{
  border-bottom-color:#e4e4e4;
}

.journal-header-default .links .no-link,
.journal-header-menu .links .no-link{
    border-color:}

.journal-header-center #cart .content:before,
.oc2 #cart .content .cart-wrapper:before{
  color:rgb(250, 250, 250)}

.journal-header-center .autocomplete2-suggestions:before{
  color:rgb(250, 250, 250)}


.journal-language .dropdown-menu:before,
.journal-currency .dropdown-menu:before{
  color:rgb(250, 250, 250)}

.journal-header-center .journal-language form > div,
.journal-header-center .journal-currency form > div{
  border-left-style:solid;
  border-right-style:solid;
}


#search ::-webkit-input-placeholder {
  color:rgb(68, 67, 73);
}
#search :-moz-placeholder {
  color:rgb(68, 67, 73);
}
#search ::-moz-placeholder {
  color:rgb(68, 67, 73);
}
#search :-ms-input-placeholder {
  color:rgb(68, 67, 73);
}

.button-search{
    border-right-style:solid;
}
.button-search{
    border-right-color:;
}
header .journal-login{
    border-bottom-color:;
}


.super-menu > li:last-of-type{
    border-right-color:;
    border-right-style:dotted;
}

@media only screen and (max-width: 760px) {
  .journal-header-center #search input,
  .journal-header-center .button-search{
      border-radius:0;
  }
  .journal-header-center #search input{
      background-color:rgb(250, 250, 250);
  }
  .journal-header-center #cart{
      background-color:rgb(250, 250, 250);
  }

  header .journal-login{
      border-bottom-style:solid;
  }

  .journal-menu .mobile-menu > li{
    border-bottom-color:;
    border-bottom-style:dotted;
  }
}

.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;
}
.mega-menu > div{
  margin-bottom:-15px;
  margin-right:-15px;
}

.mega-menu .mega-menu-column:last-of-type > div{
   margin-right:-15px;
}

.mega-menu-column > div > h3, .mega-menu .mega-menu-column .menu-cms-block{
  margin-right: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) {
  .mega-menu .mega-menu-column > div{
   margin-right:-15px;
  }
}

.journal-sf .sf-image .box-content ul{
  margin-bottom:-7px;
  margin-right:-7px;
}




.product-info .right .wishlist-compare{
  display:none;
}











.has-cta .rotator-tex{
  line-height:45px;
}

footer .contacts .hint--top:before{
  border-top-color: rgb(105, 185, 207);
}


.side-column .box-category,
.side-column .box-content,
.side-column .box-content > div,
.side-column .box-content > ul > li:last-of-type,
.side-column .oc-module .product-grid-item:last-of-type{
  border-bottom-left-radius: inherit;
  border-bottom-right-radius: inherit;
  border-radius:inherit;
}


.journal-sf ul li label:hover{
  color:rgb(221, 0, 23);
}
.sf-icon:before{
  border-top-color:rgb(221, 0, 23);
}

/*
.journal-sf ul li label:hover img{
  border-color:rgb(68, 67, 73);
} */

.sf-price .value:after{
  border-bottom-color:rgb(221, 0, 23);
}

.mobile-trigger{
background-color:;
}


.journal-header-default .links > a,
.journal-header-menu .links > a{
  border-bottom-color: transparent;
}

@media only screen and (max-width: 760px) {
.journal-header-default .links > a,
.journal-header-menu .links > a{
  border-bottom-color: ;
}
}
.nav-numbers a:hover,
.nav-numbers li.active a{
  -webkit-backface-visibility: hidden;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}
.headline-mode .nav-numbers a:hover,
.headline-mode .nav-numbers li.active a{
  -webkit-backface-visibility: hidden;
  -webkit-transform: scale();
  -moz-transform: scale();
  -ms-transform: scale();
  transform: scale();
}
.tp-bullets.simplebullets.round .bullet.selected,
.tp-bullets.simplebullets.round .bullet:hover,
.journal-simple-slider .owl-controls .owl-page.active span,
.journal-simple-slider .owl-controls.clickable .owl-page:hover span{
  -webkit-backface-visibility: hidden;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}

.owl-controls .owl-page.active span,
.owl-controls.clickable .owl-page:hover span{
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}

@media only screen and (max-width: 1275px) {

.bottom-footer.fullwidth-bar .copyright{
  padding-left: 15px;
}
.bottom-footer.fullwidth-bar .payments{
  padding-right: 15px;
}
.extended-layout #column-left{
  padding:20px 0 0 20px;
}
.extended-layout #column-right{
  padding:20px 20px 0 0;
}
.extended-layout #content,
.extended-layout #column-left + #content,
.extended-layout #column-right + #content,
.extended-layout #column-left + #column-right + #content{
  padding:20px 20px 0 20px;
}
.journal-simple-slider{
  height: auto !important;
}
.extended-layout #column-left{
  width:240px;
}

.extended-layout #column-right{
  width:240px;
}
.extended-layout #column-left + #content{
  margin-left:240px;
}
.extended-layout #column-right + #content{
  margin-right:240px;
}
.extended-layout #column-left + #column-right + #content{
margin-left:240px;
margin-right:240px;
}
}

@media only screen and (max-width: 980px) {
.journal-header-default .mega-menu,
.journal-header-menu .mega-menu{
    width: 100%;
  }
}

@media only screen and (max-width: 760px) {
  .extended-layout #column-left + #content,
  .extended-layout #column-right + #content,
  .extended-layout #column-left + #column-right + #content{
    margin-left:0;
    margin-right:0;
  }
   .journal-header-center .journal-secondary{
  background-color:;
}

}

.mega-menu{
  max-width:1260px;
  /* margin-top:0px; */
}

/*
.mega-menu > div > div:first-child .wishlist .hint--top:after{
  left:53px;
}
*/




.journal-header-center .j-100, .journal-header-center #logo a{
height:130px;
}
.journal-header-center #logo a img{
max-height:130px;
}
.journal-header-center .journal-search,
.journal-header-center .journal-cart{
top:45px;
}
.journal-header-center .journal-menu-bg{
top:170px;
}
.journal-desktop.header-center .sticky-wrapper{
max-height:210px;
}
@media only screen and (max-width: 760px) {
.journal-header-center .j-100, .journal-header-center #logo a{
height:100px;
}
.journal-header-center .journal-search,
.journal-header-center .journal-cart{
top:0;
}
.journal-header-center .journal-menu-bg{
top:220px;
}
.journal-header-center #logo a img{
max-height:100px;
}
}




.extended-container #container{
  background-color:transparent;
}




.product-grid-item.display-icon .wishlist-icon:before,
.product-grid-item.display-icon .compare-icon:before{
  line-height:35px;
}

.journal-header-center #cart .heading i{
  height:39px;
}

.journal-desktop .menu-floated .float-left{
  border-right-style:dotted;
}

.column.products > h3{
  margin-bottom:7px;
}
.column.products{
  padding-bottom:7px;
}

.side-column .journal-gallery .box-heading{
  margin-bottom:10px;
}

.side-column .box-category > ul li ul li a{
  padding-left: 7px;
}
.side-column .box-category > ul li ul li ul li a{
  padding-left: 14px;
}
.side-column .box-category > ul li ul li ul li ul li a{
  padding-left: 21px;
}
.side-column .box-category > ul li ul li ul li ul li ul li a{
  padding-left: 28px;
}
.side-column .box-category > ul li ul li ul li ul li ul li ul li a{
  padding-left: 35px;
}

@media only screen and (max-width: 1275px) {
  .breadcrumb{
    padding-left:10px;
  }
}

.custom-sections .box-heading.box-sections{
    border-left-width:1px;
    border-right-width:1px;
}

.custom-sections .box-heading.box-sections{
    border-left-style:dotted;
}

#top-modules .carousel-product > div,
#bottom-modules .carousel-product > div,
.side-column .carousel-product > div,
#top-modules .carousel-category > div,
#bottom-modules .carousel-category > div,
.side-column .carousel-category > div,
#top-modules .journal-carousel.post-module > div,
#bottom-modules .journal-carousel.post-module > div{
    margin-left:-11px;
    margin-right:-11px;
    padding:0 11px;
}
#top-modules .carousel-brand > div,
#bottom-modules .carousel-brand > div,
.side-column .carousel-brand > div{
    margin-left:-10px;
    margin-right:-10px;
    padding:0 10px;
  }




.posts.blog-list-view .post-item-details{
    width: 75%;
}


.side-column .box.cms-blocks .box-heading{
  margin-bottom:px;
}

@media only screen and (min-width: 1275px) {
  .safari5 #footer,
  .safari5.boxed-header header{
     width: 1260px;
  }
}

@media only screen and (max-width: 1275px) {
  .tp-banner-container{
    height:auto !important;
  }
}

@media only screen and (max-width: 1275px) {
#top-modules>div, #bottom-modules>div{
  padding-left:20px;
  padding-right:20px;
}
}


.product-grid-item:hover .countdown,
.product-list-item:hover .countdown {
    opacity: 1;
    visibility: visible;
}



.zm-viewer{
  display:none;
  border-left:1px solid white;
}


/* Custom CSS */
/*@import url('https://fonts.googleapis.com/css?family=Open+Sans');
body{
        font-family:"Open Sans", STXihei, "华文细黑", Microsoft YaHei, "微软雅黑", sans-serif !important;
}*/
.super-menu > li > a{
        font-size:14px;
}


.drop-down ul{
        top:32px;
        background-color:#1e1e1e;
        padding:12px 16px;
}
.drop-down {
        padding:0 0 24px 0;
}
.drop-down ul li a{
        padding:0;
        margin:6px 0;
}
.super-menu{
        display:block;
}
.journal-language{
         cursor:pointer;
}
.dropdown-toggle{
         padding:0 0 24px 0 !important;
}
.journal-language .dropdown-menu{
        background-color:#1e1e1e;
}
.dropdown-menu{
        position:relative;
        top:26px !important;
}
.qian{
        padding:12px 0;
}
.qian li{
        width:100%;
        display:block;
        margin:4px 0;
}
.journal-language .dropdown-menu{
        width:96px;
}
.qian li a{
        text-align:center;
        font-size:14px;
}
.journal-language .dropdown-menu:before{
        content:'';
}
.fullwidth-footer{
         border-top:1px solid rgba(42,43,46,0.15);
}
.drop-down ul li a{
         text-transform:capitalize;
         font-size:14px;
}
.extended-layout #column-left{
         margin:20px 0 0 0;
}
.dropdown-toggle svg{
         margin:0 4px 0 0;
}
.lan-text{
         position:relative;
         top:-8px;
         color:#fff;
}
.about_us_page ol li{ line-height:30px;}
.new_page ol li{ line-height:30px;}
/*----------------- about us ------------------*/
.chatbot-banner{
        background:url("../image/data/banner/banner11.png");
        min-height:300px;
        background-repeat:no-repeat;
}

/*----------------- about us ------------------*/
.aboutus-banner{
        background:url("../image/data/banner/macbook-923975_1920.jpg");
        min-height:550px;
        background-repeat:no-repeat;
}
/*----------------- web banner ------------------*/
.web-banner{
        background:url("../image/data/banner/working-on-website-layout-picjumbo-com.jpg");
        min-height:550px;
        background-repeat:no-repeat;
}
/*----------------- Consultancy services banner ------------------*/
.consultancy-services-banner{
        background:url("..//image/data/website/banner/consultancy-services-01.jpg");
        min-height:550px;
        background-repeat:no-repeat;
}
/*----------------- new banner ------------------*/
.new-banner{
        background:url("../image/data/banner/StockSnap-banner.jpg");
        min-height:550px;
        background-repeat:no-repeat;
        background-position:center;
}
/*----------------- contact banner ------------------*/
.contact-banner{
        background:url("../image/data/banner/contact-banner.jpg");
        min-height:550px;
        background-repeat:no-repeat;
        background-position:center;
}

/*----------------- project banner ------------------*/
.pro-banner{
        background:url("../image/data/banner/Web-Showcase-Project-Presentation-1920.jpg");
        min-height:800px;
        background-repeat:no-repeat;
        background-position:center;
        background-size:cover;
        overflow:hidden;
        text-align:center;
}
.pro-banner .project-title{
        margin:142px auto 8px;
        text-align:center;
        font-size:40px !important;
        color:#fff;
        letter-spacing:1px;
}
.pro-banner .project-title-en{
        margin:150px auto 8px;
        text-align:center;
        font-size:40px !important;
        color:#fff;
}
.pro-btn{
        margin:32px auto 0 !important;
}

/*----------------- mylive chat ------------------*/
.mylivechat_collapsed_text{
        color:#cf3f3f !important;
}
.mylivechat_collapsed_text:before{
        content:'';
        display:block;
        position:absolute;
        background-image:url("../image/data/icon/email@2x.png") !important;
        background-position:center !important;
        background-size:cover;
        width:34px !important;
        height:24px !important;
        left:15px !important;
        margin:20px auto 0;
}
.mylivechat_collapsed{
        background-color:#cf3f3f !important;
        border:4px solid #fff !important;
        box-shadow: 0 1px 3px rgba(0,0,0,.2) !important;
}
.mylivechat_collapsed div:nth-child(2){
        display:none;


}
.mylivechat_inline{
        right:16px !important;
        bottom:0px !important;
        height:400px !important;
}
.mylivechat_offline_text{
        padding:0 14px 12px !important;
        line-height:1.4em !important;

}
.mylivechat_container{
        bottom:0px !important;
}
.mylivechat_expanded{
        height:40px !important;
        border-radius:0px !important;
        background-color:#cf3f3f !important;
}
.mylivechat_expanded_text{
        padding-left:14px !important;
        font-size:14px !important;
        width:auto !important;
        height:40px !important;
        background-color:#cf3f3f !important;
}
.mylivechat_collapsed{
        top:auto !important;
        left:auto !important;
        right:16px !important;
        bottom:24px !important;
        width:72px !important;
        height:72px !important;
        border-radius:50% !important;
}
.mylivechat_offline_logo_img{
        display:none;
}
.mylivechat_poweredby{
        display:none;
}
 .mylivechat_container, .mylivechat_main, .mylivechat_offline{
        height:360px !important;

}
.mylivechat_container{
         top:40px !important;
         border:none !important;
}
.mylivechat_prechat_submit_button, .mylivechat_offline_submit_button, .mylivechat_prechat_survey_button{
         background-color:rgba(207,63,63,1) !important;
}
.mylivechat_prechat_submit_button:hover, .mylivechat_offline_submit_button:hover, .mylivechat_prechat_survey_button:hover{
        background-color:rgba(207,63,63,0.75) !important;
}
.mylivechat_expanded{
         border:none !important;
}
.mylivechat_offline div div:last-child{
        display:none;
}



/*------------------header----------------------*/
/*#main-scrollbar {
	position: fixed;
	top: 0;
        right: 0;
	bottom: 0;
	left: 0;
}*/
.journal-header-default{
      position:fixed;
      z-index:9999;
}
.new-btn{
      border:1px solid #fff;
      background:transparent !important;
      margin:32px 24px 0 0 !important;
}
.new-btn:hover{
      background:#cf3f3f !important;
      border:1px solid #cf3f3f;
}
.journal-top-header{
      height:0px;
      background-color:#1e1e1e;
       transition:all 0.35s ease-in-out;
	-webkit-transition:all 0.35s ease-in-out;
	-moz-transition:all 0.35s ease-in-out;
	-ms-transition:all 0.35s ease-in-out;
	-o-transition:all 0.35s ease-in-out;
}
.journal-logo{
         position:relative;
         top:20px;
         height:auto;
}
#logo a img{
       position:relative;
       transition:all 0.25s ease-in-out;
	-webkit-transition:all 0.25s ease-in-out;
	-moz-transition:all 0.25s ease-in-out;
	-ms-transition:all 0.25s ease-in-out;
	-o-transition:all 0.25s ease-in-out;
}
.logo-new{
         top:-10px !important;
         width:180px !important;
         height:60px !important;
}
.top-header-new{
      height:80px;
}
.super-menu-new{
      top:-20px !important; 
}
.tp-caption{
    width:100%;
    left:0px !important;
    text-align:center;
}
.banner-text-en{
      position:relative;
      top:256px;
      letter-spacing:0px;
      line-height:1.2em;
      font-size:48px !important;
      text-transform: uppercase;
}
.banner-text-cn{
      position:relative;
      font-size:48px !important;
      top:256px;
      letter-spacing:4px;
      line-height:1.2em;
}
.banner-text-hk{
      position:relative;
      font-size:48px !important;
      top:256px;
      letter-spacing:2px;
      line-height:1.2em;
}
.read{
      position:relative;
      top:480px;
      display:block;
      width:148px;
      height:44px;
      margin:0 auto;
      border-radius:30px;
      background-color:#cf3f3f;
      color:#fff;
      font-size:14px;
      letter-spacing:1px;
      line-height:3em;
      box-shadow:none;
       transition:all 0.35s ease-in-out;
	-webkit-transition:all 0.35s ease-in-out;
	-moz-transition:all 0.35s ease-in-out;
	-ms-transition:all 0.35s ease-in-out;
	-o-transition:all 0.35s ease-in-out;
}
.read:hover{
	box-shadow: 0px 8px 20px -6px #cf3f3f;
}
.read-en{
      position:relative;
      top:480px;
      display:block;
      width:148px;
      height:44px;
      margin:0 auto;
      border-radius:30px;
      background-color:#cf3f3f;
      color:#fff;
      font-size:12px;
      letter-spacing:1px;
      line-height:3.6em;
      box-shadow:none;
       transition:all 0.35s ease-in-out;
	-webkit-transition:all 0.35s ease-in-out;
	-moz-transition:all 0.35s ease-in-out;
	-ms-transition:all 0.35s ease-in-out;
	-o-transition:all 0.35s ease-in-out;
}
.read-en:hover{
	box-shadow: 0px 8px 20px -6px #cf3f3f;
}
#logo a img{
      width:180px;
      height:60px;
      top:0;
}
header{
      background-color:transparent;
}
.super-menu > li{
       border-left:none;
}
.super-menu > li, .super-menu > li:last-of-type{
       border:none;
}
.journal-header-default .links .no-link{
       border:none;
}
#header{
       max-width:100% !important;
       padding:0 24px;
}
.journal-links{
       height:0px;
}
.journal-header-default .journal-language{
       width:auto;
       margin:0 48px 0 0;
       padding:0 8px 0 0;
}
.journal-language{
       position:absolute !important;
       right:0px;
       top:40px;
       transition:all 0.25s ease-in-out;
	-webkit-transition:all 0.25s ease-in-out;
	-moz-transition:all 0.25s ease-in-out;
	-ms-transition:all 0.25s ease-in-out;
	-o-transition:all 0.25s ease-in-out;
}
.language-new{
         top:29px !important;
}
.journal-logo{
         width:24%;
}
.super-menu{
        position:relative;
        left:-96px;
        top:-8px;
        /*max-width:720px;*/
       transition:all 0.25s ease-in-out;
	-webkit-transition:all 0.25s ease-in-out;
	-moz-transition:all 0.25s ease-in-out;
	-ms-transition:all 0.25s ease-in-out;
	-o-transition:all 0.25s ease-in-out;
}
.lan{
       position:relative;
       top:2px;
}
.super-menu > li{
       display:inline-block;
       margin:0 24px;
}
.super-menu > li a{
       text-transform:uppercase;
}
.tp-bgimg{
       background-size:cover;
}
.journal-login .journal-secondary{
       padding-right:4px;
}
.journal-secondary{
       position:relative;
       top:30px;
       width:24px;
       transition:all 0.25s ease-in-out;
	-webkit-transition:all 0.25s ease-in-out;
	-moz-transition:all 0.25s ease-in-out;
	-ms-transition:all 0.25s ease-in-out;
	-o-transition:all 0.25s ease-in-out;
}
.secondary-new{
        top:20px !important;
}
.lan a{
       color:rgba(255,255,255,0.5);
}
.lan a:after{
       content:"";
       margin:2px auto 0;
       display:block;
       /*width:0;*/
       /*height:1px;*/
       background-color:#fff;
       transition:all 0.35s ease-in-out;
	-webkit-transition:all 0.35s ease-in-out;
	-moz-transition:all 0.35s ease-in-out;
	-ms-transition:all 0.35s ease-in-out;
	-o-transition:all 0.35s ease-in-out;
}
/*.lan a:hover:after{
         width:100%;
}*/
.lan a:hover{
        color:rgba(255,255,255,1);
}
.lan{
       margin:0 4px;
}
.icon-only img{
       width:24px;
       height:24px;
}
.top-menu-link{
       display:none;
}
.journal-menu-newbg{
        height:80px;
}
.logo-style{
        width:220px;
        height:60px;
}

/*---------------------- footer ------------------------*/
.bottom-footer{
         background-color:#fff !important;
}
#footer{
         max-width:1140px !important;
         margin:0 auto;
         padding:64px 0;
}
.row .column:nth-child(2){
         padding: 0 25px 0 0px !important;
}

.row .column:nth-child(3){
         padding: 0 25px 0 16px !important;
}
.row .column:nth-child(4){
         padding: 0 25px 0 32px !important;
}



/*---------------------- homepage -------------------------*/
.cms-block{
        margin-bottom:0px;
}
.cms-blocks{
        padding:0px !important;
}
.copyright{
         max-width:1140px !important;
         margin:0 auto;
         padding:16px 0;
         border-top:1px solid rgba(42,43,46,0.15);
         font-size:12px;
}



/*------------------- blog ------------------*/
.home-page .post-view-more{
        display:none;
}
.home-page .post-text{
        display:none;
}
.home-page .box-heading{
        border:none;
}
.post-module .box-heading{
        display:none;
}
.blog-title-layout{
        max-width:1140px;
        margin:96px auto 0;
        padding:0 0 24px 0;
        overflow:hidden;
}
.post-module{
        max-width:1140px !important;
        margin:48px auto 0;
}
.blog-left{
        float:left;
        width:50%;
}
.blog-right{
        float:right;
        width:50%;
        text-align:right;
}
.blog-title-layout .blog-title{
        line-height:normal !important;
        font-size:32px !important;
        letter-spacing:1px;
}
.blog-btn-en{
        font-size:12px !important;
        line-height: 3.8em !important;
        letter-spacing:1px !important;
}
.blog-btn{
      border-radius:30px;
      border:1px solid #2a2b2e;
      background-color:transparent;
      text-align:center;
      float:right;
    display: block;
    width: 148px;
    height: 44px;
    color:#2a2b2e;
    font-size: 14px;
    letter-spacing: 1px;
    line-height: 3.2em;    
    box-shadow:none;
    transition: all 0.35s ease-in-out;
	-webkit-transition: all 0.35s ease-in-out;
	-moz-transition: all 0.35s ease-in-out;
	-ms-transition: all 0.35s ease-in-out;
	-o-transition: all 0.35s ease-in-out;
}
.blog-btn:hover{
        background-color:#cf3f3f;
        border:1px solid #cf3f3f;
        color:#fff;
	box-shadow: 0px 8px 20px -6px #cf3f3f;  
}
.cms-block .editor-content{
        line-height:normal !important;
}
.home-page .posts h2 a{
        display:block;
        color:rgba(0,0,0,0.65);
}
.home-page .posts h2 a:hover{
        display:block;
        color:rgba(207,63,63,1);
}
.home-page .post-wrapper{
        padding:0px !important;
}
.post-module .post-wrapper .post-item-details h2 a{
        font-family:inherit;
        line-height:1.4em;
}
.post-image{
        display:block;
        overflow:hidden;
}
.post-image .lazyOwl{
        transition: all 0.35s ease-in-out;
	-webkit-transition: all 0.35s ease-in-out;
	-moz-transition: all 0.35s ease-in-out;
	-ms-transition: all 0.35s ease-in-out;
	-o-transition: all 0.35s ease-in-out;
}
.post-image .lazyOwl:hover{
        transform:scale(1.1,1.1);
        -webkit-transform:scale(1.1,1.1);
        -moz-transform:scale(1.1,1.1);
        -o-transform:scale(1.1,1.1);
        -ms-transform:scale(1.1,1.1);
}
.owlhover{
        transform:scale(1.1,1.1);
        -webkit-transform:scale(1.1,1.1);
        -moz-transform:scale(1.1,1.1);
        -o-transform:scale(1.1,1.1);
        -ms-transform:scale(1.1,1.1);
}
/*---------------------  _cms_bottom-contact -------------*/
.bottom-bg{
	background:url(../image/data/banner/bottom-bg.jpg);
	background-repeat:no-repeat;
        background-size:cover;
	min-height:340px;
}
.bottom-layout{
	max-width:1140px;
	margin:0 auto;
        overflow:hidden;
}
.bottom-left{
	float:left;
	width:40%;
	color:#fff;
        padding:16px 0 0 0;
}
.bottom-left-en{
	float:left;
	width:40%;
	color:#fff;
        padding:16px 0 0 32px;
}
.bottom-right{
	position:relative;
	float:right;
	width:60%;
	min-height:340px;
}
.bottom-layout .bottom-title{
        margin:72px auto 16px;
	text-transform:uppercase;
	font-size:32px !important;
}
.bottom-layout .bottom-des{
	font-size:14px;
        line-height:1.6em !important;
        color:rgba(255,255,255,0.65);
        letter-spacing:1px;
}
.bottom-layout .bottom-des-en{
	font-size:14px;
        line-height:1.6em !important;
        color:rgba(255,255,255,0.65);
}
.bottom-right img{
	position:absolute;
	bottom:0px;
	right:24px;
	max-width:92% !important;
	height:auto;
}
/*---------------------  _cms_project -----------------------*/
.project01{
	position:relative;
	max-width:1140px;
	height:600px;
	margin:0 auto;
        overflow-y:hidden;
}
.project02{
	position:relative;
	max-width:1140px;
	height:600px;
	margin:32px auto 96px;
	overflow-y:hidden;
}
.project-link{
        display:block;
	width:100%;
	height:100%;
}
.pro-bg01{
        display:block;
	position:absolute;
	bottom:0;
	background-color:#cf3f3f;
	width:100%;
	border-radius:5px 5px 0 0;
	height:480px;
}
.pro-bg02{
        display:block;
	position:absolute;
	bottom:0;
	background-color:#2a2b2e;
	width:100%;
	border-radius:5px 5px 0 0;
	height:480px;
}
.pro-bg01 .website-img{
	position:absolute;
	bottom:-136px;
	right:64px;
	max-width:50% !important; 
	height:auto;
   transition: all 0.25s ease-in-out;
	-webkit-transition: bottom 0.25s ease-in-out;
	-moz-transition: bottom 0.25s ease-in-out;
	-ms-transition: bottom 0.25s ease-in-out;
	-o-transition: bottom 0.25s ease-in-out;
}
.pro-bg02 .website-img02{
	position:absolute;
	bottom:-136px;
	left:64px;
	max-width:50% !important; 
	height:auto;
   transition: bottom 0.25s ease-in-out;
	-webkit-transition: bottom 0.25s ease-in-out;
	-moz-transition: bottom 0.25s ease-in-out;
	-ms-transition: bottom 0.25s ease-in-out;
	-o-transition: bottom 0.25s ease-in-out;
}
.pro-text{
        display:block;
	width:30%;
	color:#fff;
	margin:0 0 0 72px;
}
.pro-text02{
        display:block;
        float:right;
	width:30%;
	color:#fff;
	margin:0 72px 0 0;
}
.pro-text .pro-title{
        display:block;
	margin:108px 0 0 0;
	font-size:40px !important;
	font-weight:bold !important;
        letter-spacing:1px;
}
.pro-text .pro-des{	
        display:block;
        margin:4px 0 0 0;
	font-size:14px !important;
	color:rgba(255,255,255,0.5);
}
.pro-text02 .pro-title{
        display:block;
	margin:108px 0 0 0;
	font-size:40px !important;
	font-weight:bold !important;
        letter-spacing:1px;
}
.pro-text02 .pro-des{	
        display:block;
        margin:4px 0 0 0;
	font-size:14px !important;
	color:rgba(255,255,255,0.5);
}
.pro-text-des{
        display:block;
	margin:24px 0 0 0;
	line-height:1.8em;
}
.view-btn{
    display: block;
    width: 148px;
    height: 44px;
    color: rgb(255, 255, 255);
    font-size: 14px;
    letter-spacing: 1px;
    line-height: 3.6em;
    font-weight:bold;
    margin: 64px 0 48px;
    border-color: rgb(255, 255, 255);
    transition: all 0.35s ease-in-out;
	-webkit-transition: all 0.35s ease-in-out;
	-moz-transition: all 0.35s ease-in-out;
	-ms-transition: all 0.35s ease-in-out;
	-o-transition: all 0.35s ease-in-out;
}

.hoverpro{
         bottom:-116px !important;
}
.svg-right{
         position:relative;
         top:3px;
         left:6px;
}
.svg-style{
animation:rightgo 1s ease-in-out infinite alternate;
/* Firefox: */
-moz-animation:rightgo 1s ease-in-out infinite alternate;
/* Safari and Chrome: */
-webkit-animation:rightgo 1s ease-in-out infinite alternate;
/* Opera: */
-o-animation:rightgo 1s ease-in-out infinite alternate;
}

@keyframes rightgo
{
0%   {left:6px;}
50%  {left:24px;}
100% {left:6px;}}

@-moz-keyframes rightgo /* Firefox */
{
0%   {left:6px;}
50%  {left:24px;}
100% {left:6px;}
}

@-webkit-keyframes rightgo /* Safari and Chrome */
{
0%   {left:6px;}
50%  {left:24px;}
100% {left:6px;}
}

@-o-keyframes rightgo /* Opera */
{
0%   {left:6px;}
50%  {left:24px;}
100% {left:6px;}
}

.pro-banner .project-des{
       width:41%;
       margin:0 auto;
       text-align:center;
       line-height:1.6em;
       color:#fff;
       font-size:14px !important;
}
.pro-banner .project-des-en{
       width:48%;
       margin:0px auto;
       text-align:center;
       line-height:1.6em;
       color:#fff;
       font-size:14px !important;
}
.project-layout .project-des{
       width:41%;
       margin:-16px auto 0;
       text-align:center;
       line-height:1.6em;
       font-size:14px !important;
}
.project-layout .project-des-en{
       width:48%;
       margin:-24px auto 0;
       text-align:center;
       line-height:1.6em;
       font-size:16px !important;
}
.red-btn{
      display:inline-block;
      margin:32px auto 0;
      width:148px;
      height:44px;
      border-radius:30px;
      background-color:#cf3f3f;
      color:#fff;
      font-size:14px;
      letter-spacing:1px;
      line-height:3.2em;
      box-shadow:none;
      text-align:center;
       transition:all 0.35s ease-in-out;
	-webkit-transition:all 0.35s ease-in-out;
	-moz-transition:all 0.35s ease-in-out;
	-ms-transition:all 0.35s ease-in-out;
	-o-transition:all 0.35s ease-in-out;
}
.red-btn:hover{
        color:#fff;
	box-shadow: 0px 8px 20px -6px #cf3f3f; 
}
.red-btn-en{
         font-size:12px;
         line-height:3.8em;
}
.white-btn:before{
        content:"";
        display:inline-block;
        position:relative;
        top:7px;
        margin:0 24px 0 0;
        background:rgba(0,0,0,0.2);
        width:1px;
        height:24px;
}
.white-btn{
      display:inline-block;
      margin:24px 24px 0 0;
      color:rgba(0,0,0,0.5);
      font-size:14px;
      letter-spacing:1px;
      line-height:3.2em;
      text-align:center;
       transition:all 0.35s ease-in-out;
	-webkit-transition:all 0.35s ease-in-out;
	-moz-transition:all 0.35s ease-in-out;
	-ms-transition:all 0.35s ease-in-out;
	-o-transition:all 0.35s ease-in-out;
}
.white-btn:hover{
        color:#cf3f3f;
}

.btn-layout{
        max-width:50%;
        margin:0 auto;
        text-align:center;
}
.white-btn-en{
        font-size:12px;
}




/*---------------------- _cms_service ------------------------*/
.ser-layout{
	background-color:#2a2b2e;
	color:#fff;
	overflow:hidden;
}
.infor-layout{
	float:left;
	width:33.3%;
	text-align:center;
}
.bg-layout{
        position:relative;
        margin:48px auto 0px;
}
.pro-layout{
        margin:64px auto 16px;
}
.bg-layout .bg-title{
        font-size:64px !important;
        text-align:center;
        font-weight:bolder !important;
        color:rgba(255,255,255,0.1);
        letter-spacing:2px;
}
.project-layout .bg-title{
        font-size:64px !important;
        text-align:center;
        font-weight:bolder !important;
        color:rgba(0,0,0,0.1);
        letter-spacing:2px;
}
.layout-link .simg{
	max-width:104px !important;
	height:auto !important;
}
.ser-layout .ser-title{
        position:relative;
        top:-60px;
        z-index:99;
	font-size:24px !important;
	text-align:center;
	letter-spacing:1px;
}
.ser-layout .ser-title-en{
        position:relative;
        top:-60px;
        z-index:99;
	font-size:24px !important;
	text-align:center;
	letter-spacing:0px;
        text-transform:uppercase
}

.project-layout .ser-title{
        position:relative;
        top:-58px;
        z-index:99;
	font-size:24px !important;
	text-align:center;
	letter-spacing:1px;
}
.project-layout .ser-title-en{
        position:relative;
        top:-58px;
        z-index:99;
	font-size:24px !important;
	text-align:center;
	letter-spacing:0px;
        text-transform:uppercase
}
.infor-blayout{	
	max-width:1260px;
	margin:0 auto;
}
.name-title{
	display:block;
	margin:32px 0 16px 0;
	font-size:16px;
	font-weight:bold;
	letter-spacing:2px;
}
.name-text{
	display:block;
	font-size:12px;
	line-height:1.8em;
	letter-spacing:1px;
        color:rgba(255,255,255,0.5);
}
.name-title-en{
	display:block;
	margin:32px 0 16px 0;
	font-size:16px;
	font-weight:bold;
	letter-spacing:0px;
}
.name-text-en{
	display:block;
	font-size:13px;
	line-height:1.6em;
	letter-spacing:0px;
        color:rgba(255,255,255,0.5);
}
.clear{
	clear:both;
	height:0;
}
.more-ser{
	  display:block;
      width:148px;
      height:44px;
	  margin:48px auto 64px;
      border-radius:30px;
	  border:1px solid rgb(255,255,255);
      background-color:rgba(255,255,255,0);
      color:#fff;
      font-size:14px;
      letter-spacing:1px;
      line-height:3em;
	  text-align:center;
	  text-decoration:none;
      box-shadow:none;
       transition:all 0.35s ease-in-out;
	-webkit-transition:all 0.35s ease-in-out;
	-moz-transition:all 0.35s ease-in-out;
	-ms-transition:all 0.35s ease-in-out;
	-o-transition:all 0.35s ease-in-out;
}
.more-ser:hover{
         color:#fff;
	border:1px solid rgb(207,63,63);
	background-color:rgba(207,63,63,1);
	box-shadow: 0px 8px 20px -6px #cf3f3f;
}

.more-ser-en{
	  display:block;
      width:200px;
      height:44px;
	  margin:48px auto 64px;
      border-radius:30px;
	  border:1px solid rgb(255,255,255);
      background-color:rgba(255,255,255,0);
      color:#fff;
      font-size:12px;
      letter-spacing:0px;
      line-height:3.6em;
	  text-align:center;
	  text-decoration:none;
letter-spacing: 1px;
      box-shadow:none;
       transition:all 0.35s ease-in-out;
	-webkit-transition:all 0.35s ease-in-out;
	-moz-transition:all 0.35s ease-in-out;
	-ms-transition:all 0.35s ease-in-out;
	-o-transition:all 0.35s ease-in-out;
}
.more-ser-en:hover{
         color:#fff;
	border:1px solid rgb(207,63,63);
	background-color:rgba(207,63,63,1);
	box-shadow: 0px 8px 20px -6px #cf3f3f;
}
.layout-link{
	display:block;
	width:100%;
	height:100%;
	color:#fff;
	text-decoration:none;
	padding:0 42px;
}
.layout-link:hover{
         color:#fff;
}
.layout-link-en{
         padding:0 46px;
}








.img {
width: 100%;
height: auto;
}
#container {
max-width: 1024px!important;
}
/*.block-content {
padding: 20px !important;
}*/

/*  GRID OF FOUR  */
.span_4_of_4 {
	width: 100%;
}
.span_3_of_4 {
	width: 74.6%;
}
.span_2_of_4 {
	width: 49.2%;
}
.span_1_of_4 {
	width: 23.8%;
}

@media screen and (min-width: 1600px) {
       .journal2_slider, .revslider-initialised, .journal-fullwidth-slider{
                height:860px !important;
                max-height:860px !important;
        }
        .pro-banner{
                min-height:1080px;
        }
        .pro-banner .project-des{
                width:24%;
        }
        .pro-banner .project-title{
                margin:180px auto 0;
        }
        .pro-banner .project-des-en{
                width:32%;
        }
        .super-menu{
                left:-100px;
        }
}
@media screen and (max-width: 1220px) {
.super-menu > li {
    margin: 0 14px;
}

}
@media screen and (max-width: 1200px) {
.super-menu {
    left: 30px;
}

}

@media screen and (max-width: 1024px) {
       .super-menu > li > a{
                  font-size:13px;
       }
       .drop-down ul li a{
                  font-size:13px;
       }
       #bottom-modules > div{
                  padding-left:0;
                  padding-right:0;
       }
       .journal-logo{
                  width:25%;
       }
       .blog-title-layout{
                  max-width:940px;
                  margin:48px auto 0;
       }
       .pro-bg01 .website-img, .pro-bg02 .website-img02{
                  bottom:-40px;
       }
       .hoverpro{
                  bottom:-16px !important;
       }
       .project01{
                  max-width:940px;
                  margin:0 auto;
       }
       .project02{
                  max-width:940px;
                  margin:0 auto 80px;
       }
       .bottom-layout .bottom-title{
                  font-size:24px !important;
        }
       .bg-layout .bg-title, .project-layout .bg-title{
                  font-size:56px !important;
       }
       .ser-layout .ser-title-en, .project-layout .ser-title-en{
                  top:-54px;
       }
       .row .column:nth-child(2){
                  left:-24px;
       }
       .fullwidth-footer #footer{
                   max-width:940px !important;
                   margin:0 auto;
       }
       .bottom-right img{
                   max-width:100% !important;
                   right:0px;
       }
       .bottom-layout .bottom-des-en{
                  font-size:12px;
       }
       .blog-title-layout .blog-title{
                  font-size:24px !important;
                  line-height:2em;
       }
       .post-module .post-wrapper .post-item-details h2 a{
                  font-size:14px;
       }
       .project-layout .project-des-en{
                  font-size:14px !important;
                  width:46%;
       }
       .bottom-layout{
                  max-width:880px;
        }
       #bottom-modules .journal2_blog_posts{
                  max-width:940px;
                  margin:0 auto;
                  padding-bottom:48px !important;
       }
       .banner-text-en, .banner-text-cn, .banner-text-hk{
                  top:220px;
       }
       .read-en, .read{
                  top:420px;
       }
       #top-modules>div{
                 padding:0;
       }
       .super-menu{
                 max-width:640px;
                 left:-26px;
       }
       .super-menu > li{
                 margin:0 12px;
       }
       .journal-logo{
                  top:8px;
       }
       .super-menu{
                  top:-10px;
       }
       .journal-language{
                  top:38px;
       }
       .journal-secondary{
                  top:28px;
       }
       .logo-new{
                  top:-8px;
       }
}
@media screen and (max-width: 768px) {

          footer .column > h3{
                     font-size:13px;
          }
          footer .column-menu-wrap > ul a{
                     font-size:13px;
         }
          #footer{
                     padding:48px 32px;
          }
          .name-text{
                     line-height:1.6em;
          }
          .project-layout .project-des{
                     width:68%;
          }
          .bg-layout .bg-title, .project-layout .bg-title{
                     font-size:40px !important;
          }
          .ser-layout .ser-title, .pro-layout .ser-title{
                     top:-40px;
          }
          .ser-layout .ser-title-en, .project-layout .ser-title-en{
                     top:-40px;
          }
          .ser-layout .ser-title, .pro-layout .ser-title{
                     font-size:20px !important;
          }
          .ser-layout .ser-title-en, .project-layout .ser-title-en{
                     font-size:18px !important;
          }
          .bottom-left, .bottom-left-en, .bottom-right{
                     float:none;
                     width:100%;
                     text-align:center;
          }
          .new-btn{
                     margin:24px auto 0 !important;
          }
          .bottom-layout .bottom-title{
                     margin:48px auto 16px;
          }
          .bottom-layout .bottom-des-en{
                      width:54%;
                      margin:0 auto;
          }
          .bottom-left-en{
                     padding:0;
          }
         .bottom-right{
                     position:relative;
                     left:16px;
                     margin:24px auto 0;
                     min-height:240px;
                     height:240px;
         }
          .bottom-right img{
                     position:relative;
                     text-align:center;
                     max-width:64% !important;
          }
          .pro-bg02 .website-img02{
                     left:36px;
          }
          .project01, .project02{
                     position:relative;
                     padding:0 32px;
                     overflow:hidden;
                     height:480px;
           }
           .pro-bg01 .website-img, .pro-bg02 .website-img02{
                     bottom:-10px;
                     right:36px;
           }
           .pro-text, .pro-text02{
                     width:36%;
            }
            .pro-text{
                     margin:0 0 0 32px;
            }
            .pro-text02{
                     margin:0 32px 0 0;
            }
           .project01{
                     margin:64px 0 0 0;
           }
          .pro-bg01, .pro-bg02{
                    position:relative;
                    overflow:hidden;
                    border-radius:0;
          }
          .layout-link-en{
                   padding:0 32px;
          }
         .dropdown-menu{
                   top:44px !important;
         }
         .banner-text-en, .banner-text-cn, .banner-text-hk{
                   top:128px;
                   font-size:32px !important;
                   line-height:1.4em !important;
         }
         .read-en, .read{
                   top:300px;
         }
         .mobile-menu-on-tablet .mobile-menu .drop-down ul li{
                   border-bottom:1px solid rgba(132,133,135,0.1);
         }
         .drop-down ul li a{
                   text-align:center;
                   margin:12px 0;
         }
         .mylivechat_inline{
                   z-index:990 !important;
         }
         .mobile-plus:before{
                   position:absolute;
                   top:4px;
                   content:"";
                   display:block;
                   width:16px;
                   height:16px;
                   background-image:url("../image/data/icon/down.svg");
                   background-repeat:no-repeat;
         }
         
         .mobile-menu-on-tablet .journal-menu .mobile-menu > li .mobile-plus{
                   margin:18px 8px 18px 0;
                   background-color:transparent;
                   border-left:0px;
                   color:#1e1e1e;
                   width:20px;
                   height:20px;
                   transition:all 0.35s ease-in-out;
	           -webkit-transition:all 0.35s ease-in-out;
	           -moz-transition:all 0.35s ease-in-out;
	           -ms-transition:all 0.35s ease-in-out;
	           -o-transition:all 0.35s ease-in-out;
          }
         .dowm-slide{
                   transform:rotate(180deg);
                   -ms-transform:rotate(180deg); 	/* IE 9 */
                   -moz-transform:rotate(180deg); 	/* Firefox */
                   -webkit-transform:rotate(180deg); /* Safari 和 Chrome */
                   -o-transform:rotate(180deg); 
          }
         .drop-down{
                   padding:0;
         }
        .drop-down ul{
                   top:0;
        }
         .super-menu{
                   max-width:100%;
                   top:14px;
                   left:0;
                   background-color:#1e1e1e;
          }
         .mobile-menu-on-tablet .journal-menu .mobile-menu > li{
                    border-bottom:1px solid rgba(132,133,135,0.15);
          }
          .mobile-menu-on-tablet .journal-menu .mobile-menu > li > a{
                   padding-left:0;
                   text-align:center;
          }
         .super-menu > li{
                   margin:0 24px;
                   padding:8px 0;
          }
         .top-header-new{
                  height:0;
         }
         .mobile-menu-on-tablet .mobile-trigger:before{
                  font-size:18px;
         }
         .mobile-menu-on-tablet .mobile-trigger{
                  padding-left:24px;
                  font-size:14px;
         }
         #header{
                  padding:8px 0;
                  border-bottom:1px solid rgba(132,133,135,0.2);
         }
         .journal-logo{
                  z-index:999;
         }
         #logo a{
                  text-align:center;
         }
         #logo a img{
                  margin:0 auto;
                  text-align:center;
                  max-width:148px;
                  height:auto !important;
         }
        .journal-menu{
                  position:absolute;
                  top:12px; left:0;
        }
        .language-new{
                  top:3px !important;
         }
         .secondary-new,
        .logo-new{
                  top:0 !important;
        }
        .journal-menu .mobile-trigger{
                  width:25%;
                  background-color:transparent;
        }
        .journal-login{
                  position:absolute;
                  top:18px;
                  right:24px;
         }
        .journal-login > div{
                 float:right;
                 display:block;
        }
        .journal-secondary{
                top:0;
                padding:0 20px 0 0;
        }
        .journal-language{
                top:3px;
                padding:0 20px 0 0;
        }
        .journal-logo{
                width:180px;
                margin:0 auto;
                float:none;
        }
        #logo a{
               margin:0;
        }
        header{
               background-color:#1e1e1e;
        }
        .journal-login{
               width:25%;
               float:right;
       }
      .journal-menu{
              width:100%;
       }
       .journal-logo{
               top:0;
       }
       .blog-title-layout{
               padding:0 32px 24px 32px;
       }
       #bottom-modules .journal2_blog_posts{
               padding:0 32px;
               padding-bottom:
       }
          .pro-banner .project-title-en{
                     margin:56px auto 8px;
           }
       .pro-banner{
                     min-height:640px;
        }
}

@media screen and (max-width: 480px) {
           .pro-banner .project-title-en{
                     margin:48px auto 8px;
           }
            .pro-btn{
                     margin:24px auto 0 !important;
            }
           .pro-banner .project-title-en{
                     font-size:24px !important;
           }
           .pro-banner .project-des-en{
                     width:80%;
                     font-size:12px !important;
           }
           .pro-banner{
                     min-height:480px;
           }
           .pro-bg01, .pro-bg02{
                    text-align:center;
          }
         .journal-menu .mobile-trigger{
                 width:48px;
                 overflow:hidden;
          }
          header .journal-login{
                 border-bottom:none;
          }
          .lan-text{
                  display:none;
          }
          .dropdown-toggle{
                  padding:0 !important
          }
          .lang-new{
                  margin-top:0;
          }
          .journal-header-default .journal-language{
                  margin:0 32px 0 0;
          }
          .dropdown-menu{
                  top:45px !important;
          }
          .mylivechat_inline{
                  right:0 !important;
          }
          .super-menu > li{
                  margin:0;
          }
          .mobile-menu-on-tablet .journal-menu .mobile-menu > li .mobile-plus{
                   margin:18px 24px 18px 0;
          }
          .banner-text-en, .banner-text-cn, .banner-text-hk{
                   top:32px;
                   font-size:24px !important;
          }
         .pro-text .pro-title, .pro-text02 .pro-title{
                   margin:64px 0 0 0;
         }
         .project01, .project02{
                   padding:0 20px;
          }
          .pro-text, .pro-text02{
                   width:auto;
                   text-align:center;
          }
          .pro-text-des{
                   line-height:1.6em;
          }
          .pro-text, .pro-text02{
                   margin:0 24px;
           }
          .read-en, .read{
                   top:160px;
          }
          .project-layout .project-des-en{
                    width:72%;
                    margin:0 auto;
          }
          .layout-link-en{
                   padding:0 16px;
          }
          .bg-layout .bg-title, .project-layout .bg-title{
                   font-size:32px !important;
          }
          .ser-layout .ser-title-en, .project-layout .ser-title-en{
                   top:-32px;
                   font-size:16px !important;
          }
          .infor-layout{
                    float:none;
                    width:78%;
                    margin:16px auto 48px;
          }
          .layout-link .simg{
                    max-width:96px !important;
          }
          .more-ser-en{
                    margin:0 auto 64px;
          }
          .view-btn{
                    margin:8px auto;
           }
           .project01, .project02, .pro-bg01, .pro-bg02{
                    height:520px;
           }
           .blog-left{
                     position:relative; 
                     top:8px;
           }
           .bottom-right{
                     left:8px;
                     min-height:164px;
                     height:164px;
           }
           .bottom-right img{
                     max-width:80% !important;
           }
           .blog-title-layout .blog-title{
                     font-size:18px !important;
           }
           .pro-bg01 .website-img, .pro-bg02 .website-img02{
                    position:static;
                    margin:16px auto 0;
                    text-align:center;
                    max-width:80% !important;
           }
          .fullwidth-footer .columns{
                    padding-left:0;
           }
           footer .column{
                    padding:0;
           }
           .row .column:nth-child(2){
                    left:0;
                    padding:0 !important;
           }
          .row .column:nth-child(3){
                    padding:0 !important;
           }
          .row .column:nth-child(4){
                    padding:0 !important;
           }
           footer .column > h3{
                     margin-top:24px;
                     padding-bottom:0;
           }
           #footer{
                     padding:32px 24px;
                     text-align:center;
           }
           footer .column > h3{
                     text-align:center;
           }
           .bottom-footer .no-payments .copyright{
                     padding-left:32px;
                     padding-right:32px;
           }
           footer .bottom-footer .copyright{
                     height:auto;
                     line-height:1.6em;
          }
          .drop-down ul{
                     padding:12px 24px;
          }
          .copyright{
                     padding:16px 32px !important;
          }
}





/*  GO FULL WIDTH BELOW 480 PIXELS */
@media only screen and (max-width: 480px) {
	.col {  margin: 1% 0 1% 0%; }
	.span_1_of_4, .span_2_of_4, .span_3_of_4, .span_4_of_4 { width: 100%; }
}

@media only screen and (max-width:520px){
   .aboutus-banner,.web-banner,.consultancy-services-banner,.pro-banner,.contact-banner{
    min-height: 200px;
    visibility: visible;
    background-position: left top;
    background-size: cover;
}
.new-banner{
 min-height: 200px;
background-position: center top;
 background-size: cover;
}

.pro-banner .project-title{
    margin: 20px auto 8px;
  font-size: 22px !important;
    margin: 20px auto 8px;
}
.pro-banner .project-des{
    width: 80%;
}
.red-btn{
    width: 120px;
    height: 30px;
line-height: 2.1em;
}
}
@media only screen and (max-width:410px){
     .aboutus-banner,.web-banner,.consultancy-services-banner{
    min-height: 160px;
}
}

@media screen and (max-width: 375px) {
         .bottom-layout .bottom-des-en{
                  width:64%;
         }
         .bottom-right{
                  height:150px;
                  min-height:150px;
         }
}


@media screen and (max-width: 320px) {
         .journal-header-default .journal-language{
                    margin:0 16px 0 0;
         }
}
.logo-12{
    position: fixed;
    z-index: 10000;
    width: 200px;
    top: 100px;
    left: 20px;
    display:none;
}
.logo-12 img{
width: 200px;
}
@media only screen and (max-width: 760px) {
.logo-12 {
    width: 120px;
    top: 80px;
     left:0;
}
.logo-12 img {
    width: 100px;
}
}

/*******************/
.side-box {
  position: fixed;
  right: 0;
  top: 50%;
  z-index: 99;
  width: 60px;
}
.side-box a {
  display: block;
  border-radius: 10px 0 0 10px;
  color: #fff;
  font-size: 16px;
  margin-bottom: 20px;

}
.side-box a img {
  padding: 5px 10px 5px 0;
}
.side-box a span {
  white-space: nowrap;
  color: #fff;
}


.side-box.faq {
  top: 58%;
  z-index: 99;
}
.side-box.facebook {
  top: 66%;
}
 .journal2_cms_blocks {
  padding-left: 0 !important;
  padding-right: 0 !important;
}
  /**side box end*/
