/*Theme Name:KangTech Version:2.5 */ @import 'css/MyriadPro.css'; *{ margin:0 auto; padding:0px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; } /*body > .uk-container, body #main-menu > .uk-container, body > #header > .uk-container {max-width:1100px;}*/ ul {list-style-type:none; padding:0px; margin:0;} html {background:#fff; color:#222222; font-family:'F5 Magistral Book' !important; font-size:17px; scroll-behavior: smooth;} h1, h2, h3, h4, h5, h6, button {font-family:'F5 Magistral Book' !important; font-weight: bold} a {color:#ff8e1e;text-decoration:none!important; } a:hover {color:#ff8e1e;} label.uk-form-danger{background:inherit!important;} em {color:#959595;} button {cursor:pointer;} .uppercase {text-transform:uppercase;} .req {} .like_box {text-align:right;} .like_box iframe {vertical-align:initial;} .uk-pagination {text-align:center; border-top:1px solid #ddd; padding-top:30px;} .uk-pagination > .uk-active > span {background:#fe8e1e; color:#fff;} .uk-pagination > li > a {background:#e1e1e1; } .uk-pagination > li > a, .uk-pagination > li > span {border:none; text-shadow:none; border-radius:50%; width:40px; height:40px; line-height:37px; padding:0; font-size:18px;} .uk-offcanvas-bar {background:#fff; box-shadow:0 0 15px rgba(0,0,0,.5); } .uk-offcanvas-bar:after {box-shadow:none; width:0;} .uk-nav-offcanvas {border-bottom:none;} .uk-nav-offcanvas>li>a {text-shadow:none; color:#666666; border-top:1px solid #eaeaea;} .uk-nav-offcanvas>li>a:hover {background:#f8f8f8!important;} .uk-offcanvas-bar .nav_label {font-size:18px; margin:0;} /* COMMON STYLE */ .d-table {display:table;} .d-row {display:table-row;} .d-cell {display:table-cell; vertical-align:top;} .d-cell.medium_768 {display:block;} .d-cell.medium_768.text {padding-left:0px; padding-top:10px;} .d-cell.text {padding-left:10px;} .d-cell.text a{color: #555} .full-width {width:100%; } .uppercase {text-transform:uppercase;} .wrap_img { overflow:hidden;} .transition {-o-transition:all .3s;-moz-transition:all .3s;-webkit-transition:all .3s;-ms-transition:all .3s;} /* END COMMON STYLE */ .check_success {width:45px; height:45px; border:2px solid #ff8e1e; border-radius:50%; position:relative;} .check_success:after {position:absolute; top:8px; left:15px; content:""; width:10px; height:20px; border-right:2px solid #ff8e1e; border-bottom:2px solid #ff8e1e; transform:rotate(45deg); -ms-transform:rotate(45deg); -webkit-transform:rotate(45deg); transform:rotate(45deg);} .uk-container {padding:0 10px;} #top_bar {background:#ebebeb; color:#333; border-top:5px solid #fe8e20;} #top_bar .col_left {padding:11px 0 5px;} #top_bar .item {display:inline-block; margin-right:20px;} #top_bar .item:last-child {margin-right:0;} #top_bar .item i {margin-right:7px; color:#858585;} #top_bar .socials a {color:#858585; height:44px; line-height:45px; text-align:center; font-size:18px; display:inline-block; margin-left:25px; -o-transition:all .3s;-moz-transition:all .3s;-webkit-transition:all .3s;-ms-transition:all .3s;} #top_bar .socials a.gplus:hover {color:#e64522;} #top_bar .socials a.fb:hover {color:#2b3990;} #top_bar .socials a.tt:hover {color:#1b95e0;} #top_bar .socials a.pin:hover {color:#be1e2d;} #header {background:#fff; height:auto; position:relative; z-index:2; padding-top:10px;} #header > div {position:relative; z-index:1;} .uk-navbar {background:transparent; border:none;} .navbar_toggle {line-height:41px; width:30px; display:inline-block; padding-top:10px; margin-left: 20px;} .icon_bar {background:#000; height:3px; margin-bottom:5px; display:block;} .header-right .item{float:left; padding-left:20px; color:#ff8e1e;} #header.header-fixed {position:fixed; background:rgba(0,0,0,0.2); height:60px!important; } .header_page {box-shadow:0 0 5px 2px rgba(0,0,0,.1); position:relative;} #header .logo img {} #f_search_wrap {margin-top:-25px;} #f_search {width:100%; padding:0px 55px 3px 15px; background:#fff; border-radius:30px; border:1px solid #ddd; margin-bottom: 10px; position:relative;} #f_search input {background:none; border:none; height:35px; color:#666;} #searchsubmit {border:none; position:absolute; right:-1px; top:-1px; bottom:-1px; background:#fe8e1e; color:#fff; border-radius: 0 30px 30px 0; padding: 0 15px;} #side_f_search {position:relative;} #side_keyword_search {width:100%; height:50px; padding:0 100px 0 20px;} #side_searchsubmit {background:#ff8e1e; border:none; position:absolute; height:50px; right:0; top:0; color:#fff; font-size:20px; padding:0 35px;} #cart_num_item_wrap {background:url('img/cart.png') no-repeat; position:relative; width:49px; height:47px; display:inline-block; vertical-align:top; background-size:39px; margin-right:0;} #cart_num_item {background:#fe8e1e; color:#fff; width:30px; height:30px; line-height:23px; border:2px solid #fff; border-radius:50%; position:absolute; bottom:0; right:-5px; text-align:center;} #banner_slider {} #banner_slider li {padding-left:25px; position:relative;} #banner_slider li:after {position:absolute; content:"\f178"; font-family:FontAwesome; top:7px; left:0; font-size:12px;} #banner_slider .wrap_img {padding-top:50px;} #banner_slider .buy_now {display:inline-block; background:#fff; color:#ff8e1e; padding:7px 40px 10px 70px; border-radius:30px; font-weight:700; text-transform:uppercase; position:relative; margin-top:20px;} #banner_slider .buy_now:after {position:absolute; content:"\f217"; top:8px; left:40px; font-family:FontAwesome; } #cat_nav {position:relative; z-index:1; height:100%;} #cat_nav #cat_list {position:absolute; left:0; bottom:0; color:#fff;} #cat_list .label {background:#fe8e1e; min-height:46px; padding:10px 20px 10px 60px; font-size:18px; text-transform:uppercase; font-weight:700; line-height:1.3; border-radius:5px 5px 0 0; cursor:pointer; position:relative; z-index:1;} #cat_list .label .nav_icon {position:absolute; top:18px; left:25px; width:20px; height:30px;} #cat_list .label .nav_icon.hide {visibility:hidden; opacity:0;} #cat_list .label .nav_icon .icon_bar {background:#fff; height:1px; margin-bottom:4px; display:block;} #cat_list .label .close_icon {position:absolute; top:23px; left:25px; width:20px; height:30px;} #cat_list .label .close_icon:before {position:absolute; content:""; top:0; left:0; background:#fff; width:20px; height:1px;} #cat_list .label .close_icon:after {position:absolute; content:""; top:0; left:0; background:#fff; width:20px; height:1px;} #cat_list .label .close_icon:before, #cat_list .label .close_icon:after {-o-transition:all .3s;-moz-transition:all .3s;-webkit-transition:all .3s;-ms-transition:all .3s;} #cat_list .label .close_icon.show:before { transform:rotate(45deg);} #cat_list .label .close_icon.show:after { transform:rotate(-45deg);} #cat_list li {position:relative; z-index:100;} #cat_list > ul li.menu-item-has-children:after {position:absolute; content:"\f0da"; right:10px; top:12px; font-family:FontAwesome; color:#fff; -o-transition:all .3s;-moz-transition:all .3s;-webkit-transition:all .3s;-ms-transition:all .3s; } #cat_list li a {padding:13px 10px 15px 60px; position:relative; color:#333; font-size:19px; display:block; -o-transition:all .3s;-moz-transition:all .3s;-webkit-transition:all .3s;-ms-transition:all .3s; z-index:1;} #cat_list li ul {position:absolute; top:0%; left:100%; display:none; padding:0; list-style:none outside none; box-shadow:0 6px 12px rgba(0, 0, 0, 0.175); min-width:300px;} #cat_list li:hover > ul{display:block;} #cat_list li:hover a {background:#fff; color:#666;} #cat_list ul.sub-menu li:hover > a {background:#fe8e1e; color:#fff;} #cat_list ul.menu {position:absolute; top:100%; left:0; right:0; background:#fff; display:none; box-shadow:0px 0px 15px 5px #ddd;} #cat_list ul.menu > li {border-top:1px solid #e8e8e8; position:relative;} #cat_list ul.menu > li:first-child {border-top:none;} #cat_list ul.menu > li:after {position:absolute; content:"\f105"; font-family:FontAwesome; left:30px; top:14px; font-size:20px; color:#222;} #cat_list > ul > li.menu-item-has-children:hover:after {color:#fe8e1e;} #cat_list ul.sub-menu li.menu-item-has-children:after {color:#fe8e1e;} #cat_list ul.sub-menu li.menu-item-has-children:hover:after {color:#fff;} #combo_products {padding:30px 0 0;} #combo_products .wrap_item {margin-bottom:20px; float:left;} #combo_products .wrap_heading {position:relative;} #combo_products .heading {background:#fff; font-size:22px; font-weight:700; text-transform:uppercase; position: relative; z-index: 1; display: inline-block; line-height:1.3; margin-bottom:40px;} #combo_products .heading span {display:block; font-size:18px; text-transform:none; font-weight: 400; color: #777;} #combo_products .bar {position:absolute; content:""; top:29px; left:0; right:120px; background:#ddd; height:1px;} .wrap_combo .product {background:#fff; text-align:left; border-color: #ff8e1e; position:relative;} .wrap_combo .product:after {position:absolute; content:""; left:20px; top:20px; background:url('img/deal.png') no-repeat; width:58px; height:58px;} .wrap_combo .product .wrap_img {text-align:center; line-height: 280px; max-height: 300px;} .wrap_combo .product .info {font-size:18px; padding-top:20px;} .wrap_combo .product .info p {margin:0 0 20px;} .wrap_combo .product .title {font-size:25px; text-transform:uppercase; font-weight:700; margin-bottom: 10px; min-height:30px;} .wrap_combo .product .flat_bt {border-radius:8px; margin-bottom:10px;} .wrap_combo .price {font-size:25px;} .wrap_combo .old_price {margin-left:10px; font-size:20px; display:inline-block;} .wrap_combo .excerpt {margin-bottom:20px;} .wrap_combo .wrap_countdown {text-align:center;} .wrap_combo .buy_num {font-style:italic; font-size: 19px; margin-bottom:15px;} #banner_home .wrap_item {margin-bottom: 20px;} #banner_home .item {border-radius:15px; height:310px; position:relative;} #banner_home .wrap_item:nth-child(1) .item {background:#c69c6c;} #banner_home .wrap_item:nth-child(2) .item {background:#736356;} #banner_home .wrap_item:nth-child(3) .item {background:#959595;} #banner_home .item img {position:absolute;} #banner_home .item .text {position:absolute; color:#fff; text-align:center; font-size:17px; line-height:1.5;} #banner_home .item .text .label {font-size:25px; font-weight:700; color:#fff; line-height:1.2; margin-bottom: 0; text-transform:uppercase;} #banner_home .item .text p {margin:5px 0;} #banner_home .wrap_item:nth-child(1) .item img {left:50%; bottom:25px; transform:translateX(-50%); -webkit-transform:translateX(-50%);} #banner_home .wrap_item:nth-child(1) .text {left:10px; right:10px; top:30px;} #banner_home .wrap_item:nth-child(2) .item img {right:20px; bottom:20px;} #banner_home .wrap_item:nth-child(2) .text {left:30px; top:65px; text-align:left;} #banner_home .wrap_item:nth-child(2) .text .label {font-size:35px;} #banner_home .wrap_item:nth-child(3) .item img {right:10px; bottom:10px;} #banner_home .wrap_item:nth-child(3) .text {left:10px; right:10px; top:30px; font-size:17px;} .banner_cpm {margin-bottom:25px;} #new_products {padding:0; position:relative;} .product_tab_wrap .heading {margin-bottom:0; border-bottom:3px solid #ff8e1e; display:inline-block; width:100%; border-bottom-left-radius:4px;} .product_tab_wrap .heading span {background:#ff8e1e; color:#fff; display:block; float:left; position:relative; padding:0 10px 0 60px; border-top-left-radius:4px; height:60px; line-height:65px; font-size: 23px} .product_tab_wrap .heading .nav_icon {position:absolute; top:25px; left:25px; width:15px;} .product_tab_wrap .heading .nav_icon .icon_bar {background:#fff; height:2px; margin-bottom:3px; display:block;} .grid_products .wrap_item {margin-bottom:25px;} .product {border:1px solid #ddd; border-radius:8px; margin-top:10px; text-align:center; padding:10px; height:100%; position:relative;} .product:hover {border-color:#ff8e1e;} .product .wrap_img {position:relative;} .product .wrap_img img {display:inline;} .product .discount {position:absolute; top:-5px; right:-5px; background:#f36f20; color:#fff; padding:4px;} .product .title {font-size:16px; line-height:1.3; margin:0;} .product .title a{color:#111; display:-webkit-box; font-size: 20px; line-height: 35px; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; transition: 0.5s} .product .title a:hover {color:#ff8e1e;} .product .info {} .product .meta {margin-bottom:15px;} .product .meta .rating {color:#a9a7a8; font-size:15px;} .product .out_stock {background:#bbbbbb; color:#fff; text-transform:uppercase; } .product .flat_bt {padding:13px 30px 12px; font-size:16px; font-weight:700; color:#fff; text-transform:uppercase; display:inline-block; border-radius:30px; -o-transition:all .3s;-moz-transition:all .3s;-webkit-transition:all .3s;-ms-transition:all .3s; cursor:pointer;} .product .flat_bt:hover {opacity:0.8;} .product .flat_bt[disabled="disabled"] {background:#999999!important; opacity:1!important; cursor:default;} .product .add_to_cart {background:url('img/cart_bt.png') 20px 10px no-repeat #000; padding-left:50px; } .product .wrap_price {min-height:42px;} .price {color:#ff8e1e; font-size:22px; font-weight:700; margin-bottom:10px; display:inline-block;} .old_price {color:#cfcfcf; font-size:18px; font-weight:700; text-decoration:line-through;} .grid_products .flat_bt {display:none;} .grid_products .product:hover .flat_bt {display:inline-block;} .grid_products .product:hover .wrap_price {display:none;} .product.col-3 {background:#fff; text-align:left; padding:20px 10px 0 20px;} .product.col-3:hover {border-color:#ddd; box-shadow:0px 0px 15px 3px #ddd;} .product.col-3 .wrap_img {line-height:normal;} .product.col-3 .wrap_img img {max-height:120px; width:auto;} .product.col-3 .old_price {margin-left:10px; display:inline-block;} .main_header {background:#fff; height:45px; line-height:45px;} .wrap_content {background:#fff; margin-bottom:10px; padding-top:20px; position:relative; z-index:1;} .wrap_content .label {height:45px; line-height:45px; font-size:18px; font-weight:700; padding-left:10px;} .wrap_content .left-label {background:#ddf0f4; color:#f04b63; padding-left:10px; border-bottom:1px solid #ddd;} .wrap_content .entry-body.post_content p, .wrap_content .entry-body.post_content ol li {line-height: 32px} .main_header .right-label {padding-left:0px; color:#ff8e1e;} .widget-body .menu {} .widget-body .menu li {padding:0; border:none; font-size:16px;} .widget-body .menu li a {padding:10px 0px 10px; display:block; color:#333; border-bottom:1px dashed #999; font-size:16px;} .widget-body .menu > li > a {color:#444; text-transform:uppercase; font-weight:700;} .widget-body .menu .sub-menu {display:none; padding:0;} .widget-body .menu .sub-menu li a {padding-left:20px; color:#666;} .widget-body .menu > li:first-child > .sub-menu {display:block;} .widget-body .menu .sub-menu li{border:none;} .widget-body .menu .menu-item-has-children > a {position:relative; padding-right:20px;} .widget-body .menu .menu-item-has-children > ul > li {} .widget-body .menu li > a {position:relative;} .widget-body .menu .sub-menu li > a:before {top:1px; left:22px;} .widget-body .menu .menu-item-has-children > a:after {position:absolute; content:"—"; right:0; top:2px; width:12px; padding:5px 0 5px 30px; cursor:pointer; overflow:hidden;} .widget-body .menu .menu-item-has-children > a:before {position:absolute; content:"|"; right:0; top:5px; width:10px; padding:5px 0 5px 30px; cursor:pointer; height:12px; overflow:hidden; font-weight:400;} .widget-body .menu .menu-item-has-children.open > a:before {content:"";} #header_cover {background:url('img/cover.jpg') repeat-x; background-size:cover; margin-bottom:30px; padding:20px 0; text-align:center; color:#fff; position:relative;} #header_cover:after {position:absolute; content:""; left:0; right:0; top:0; bottom:0; background:rgba(0,0,0,0.5); } #header_cover .heading {color:#fff; font-size:30px; font-weight:600; margin-bottom:10px; line-height:1.3; position:relative; z-index:1;} #breadcrumb_wrap {background:#dbdbdb; z-index:1;} #breadcrumb_wrap .uk-breadcrumb {padding:12px 0px 9px; margin:0;} #breadcrumb_wrap .uk-breadcrumb > li {font-size:18px; vertical-align:baseline;} #breadcrumb_wrap .uk-breadcrumb > li > a{color:#333;} #breadcrumb_wrap .uk-breadcrumb > li > span{color:#333!important;} .section {padding:30px 0;} .section .heading {font-size:26px; margin-bottom:20px;} .section .heading span {} .section .heading b {color:#cf2a38;} #archive_product .archive_heading {line-height:1.3; font-size:22px; color:#ff8e1e; padding:0; font-weight:700; text-transform:uppercase; margin-bottom:10px;} #archive_product .wrap_item {} .products {padding:0px 0px 10px; margin-top:0px;} #main_content {margin-bottom:10px!important;} #archive_news {margin-bottom:30px;} #archive_news .item {background:#fff; margin-bottom:10px; display:table; width:100%;} #archive_news .item .media {width:100px;} #archive_news .item .text {} #archive_news .item .wrap_border {border:1px solid #ddd; padding:4px;} #archive_news .item .wrap_img {max-height:150px; overflow:hidden; position:relative;} #archive_news .item .wrap_img img {width:100%; } #archive_news .item .heading {margin:15px 0 10px; font-size:18px; font-weight:700; line-height:1.3;} #archive_news .item .heading a {color:#333;} #archive_news .item .item-body {color:#444; font-size:18px; line-height:1.3;} #archive_news .meta {color:#888; margin-bottom:10px;} #archive_news .meta i {font-size:14px;} #archive_news .meta span {padding-right:10px; margin-right:10px; display:inline-block; position:relative;} #archive_news .meta span:after {position:absolute; content:""; right:0; top:4px; width:1px; height:15px; background:#999;} #archive_news .meta span:last-child:after {width:0;} #archive_news .excerpt {font-size:18px; color:#666; line-height:1.4;} #archive_news .readmore_bt {color:#333; position:relative; cursor:pointer; padding:8px 20px 10px 40px; border:1px solid #ddd; display:inline-block; font-size:16px;} #archive_news .readmore_bt:after {position:absolute; content:"→"; top:6px; left:15px; font-size:30px; width:15px; overflow:hidden; text-indent:-15px;} .item-list {margin-bottom:20px; padding-bottom:20px; border-bottom:1px solid #ddd;} .item-list .wrap_img { } .item-list .readmore {border:1px solid #ff8e1e; padding:7px 18px; display:inline-block;} .uk-article { padding-bottom:30px;} .uk-article-title {color:#444444; font-size:26px; font-weight:700; margin-top:-8px; line-height:1.3;} .uk-article-meta {font-size:16px;} .news_relate {margin-top:15px;} .news_relate li {padding-left:20px; position:relative;} .news_relate li:after {position:absolute; content:"\f054"; font-family:FontAwesome; left:0; top:4px; color:#333; font-size:10px;} .news_relate li .title {margin-bottom:5px; font-size:19px;} .news_relate li a {color:#333333; } #partners {border-top:1px solid #ddd; padding-bottom:50px;} .widget {margin-bottom:15px;} .widget a{color:#444444; display:block;} .widget-title {background:#fff; line-height:1.3; font-size:22px; color:#ff8e1e; padding:0; font-weight:700; text-transform:uppercase; margin-bottom:10px; position:relative;} .widget-title span {display:inline-block;} .widget-body {} .widget-body ul {margin:0px;} .widget-body li { padding:15px 0;} .widget-body .text {} .widget-body .meta {color:#bbbbbb;} .widget-text {padding:0; border:none;} #col_right .widget {margin-bottom:25px;} #col_left {padding-bottom:20px;} .side_product {border:1px solid #e6e6e6;} .side_product .meta {text-align:center;} .side_product .price {padding:10px 0;} .side_product .item {border-bottom:1px solid #e6e6e6;} .side_product .item img {max-height:100px; width:auto; margin-bottom:10px;} .side_product .item:nth-child(odd) {border-right:1px solid #e6e6e6;} .side_product .item .text a{font-size:13px; display:block; text-align:center;} .side_product_2 {} .side_product_2 .meta {} .side_product_2 .item .wrap_img {height:100px; line-height:100px; width:110px; border:1px solid #ddd; border-radius:10px; text-align:center;} .side_product_2 .item img {max-height:80px; width:auto;} .side_product_2 .item {border-bottom:1px dashed #999; padding:15px 0; } .side_product_2 .item:first-child {padding-top:15px;} .side_product_2 .item:last-child {padding-bottom:15px;} .side_product_2 .item .title {margin-bottom:5px;} .side_product_2 .item .rating {color:#a9a7a8; font-size:15px;} .side_product_2 .price {padding:5px 0 0; margin-right:10px; font-size:17px;} .side_product_2 .old_price {font-size:17px; font-weight:400; display:inline-block;} .side_product_2 .item .text a {font-size:17px; margin-top:-4px; display:-webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden} .side_product_2 .item .add_to_cart {margin-top:8px;} .side_product_2 .item .out_stock {margin-top:8px;} .relate_product {padding-top:15px; } .relate_product .meta {text-align:center;} .relate_product .price {padding:10px 0;} .relate_product .wrap_img {background:#fafafa; max-height:350px; margin-bottom:10px;} .relate_product .item img {width:auto; margin-bottom:10px;} .relate_product .item {} .relate_product .inner_item {} .relate_product .item .title {color:#222222; font-size:16px; display:block; text-align:center;} .top-p {padding:10px;} .top-p .heading{font-weight:700; font-size:15px;} .top-p img{width:60px; height:60px; max-width:none; border-radius:5px;} .widget .list-post .p-title {margin:-4px 0 5px; font-size:18px; line-height:1.3;} .widget .list-post .p-title a {font-weight:700;} .widget .list-post .date {color:#999;} .upw-not-found {padding:10px;} .widget .list-post li {border-bottom:1px dashed #999;} .widget .list-post .wrap_img {max-height:90px;} .widget .list-post .wrap_img img {max-width:none; width:110px; min-height:90px; border-radius:10px;} .widget .list-post .meta {font-size:12px;} .tags {color:#666666; margin-top:20px;} .tags .uk-badge {border-radius:0px; padding:5px; background:transparent; text-shadow:none; color:#888888; text-transform:uppercase; font-weight:400; font-size:13px;} .tags .uk-badge a {color:#888888!important;} .tags span {margin-bottom:5px; } .block{padding:10px 0px;} .block-title {font-size:22px; font-weight:700; text-transform:uppercase; padding:12px 0px; position:relative;} .block-title:after {position:absolute; content:""; height:1px; top:23px; left:0; right:0; background:#ddd;} .block-title span {position:relative; z-index:1; background:#fff; color:#fe8e1e; padding-right:25px;} #single_product {} #single_product .like_box {margin-top:15px;} #single_product .title {font-size:24px; line-height:1.3; font-weight:700; color:#ff8e1e; text-transform:uppercase;} #single_product .old_price {font-size:22px;} #single_product .price {font-size:30px; font-weight:700; margin-right:15px;} #single_product .info {margin-top:10px; font-size:19px; line-height:1.4;} #single_product .rating {color:#a9a7a8; font-size:15px; margin-bottom:20px;} #single_product #qty_form {text-transform:uppercase; margin-right:20px; } #single_product #qty_form .qty_wrap {position:relative; display:inline-block; width:90px;} #single_product #qty_form #qty {height:45px; border:1px solid #ddd; border-radius:5px 0 0 5px; font-size:18px; width:66px; text-align:center;} #single_product #qty_form .qty_modified {position:absolute; right:0; border:1px solid #ddd; color:#333; height:23px; width:25px; cursor:pointer; text-align:center; line-height:20px;} #single_product #qty_form .qty_modified:hover {opacity:0.8;} #single_product #qty_form .increase {top:0; z-index:1;} #single_product #qty_form .increase:after {content:"+";} #single_product #qty_form .decrease {bottom:0; border-top:none;} #single_product #qty_form .decrease:after {content:"─";} #single_product .add_to_cart_wrap {border-top:1px dashed #666; border-bottom:1px dashed #666; padding:20px 0; overflow:hidden;} #single_product .add_to_cart {background:url('img/cart_bt.png') 20px 12px no-repeat #000; color:#fff; height:45px; text-transform:uppercase; line-height:43px; text-align:center; cursor:pointer; border-radius:30px; padding:0 35px 0 55px;} #single_product .add_to_cart[disabled="disabled"] {background:#999999!important; opacity:1!important; cursor:default;} #single_product .product_content {padding-top:10px;} #single_product .product_content .heading {font-size:22px; font-weight:700; border-bottom:1px solid #ddd; padding-bottom:15px;} #single_product .product_content .entry-body.post_content li {line-height: 32px} #single_product .tags a {color:#555;} .relate {background:#fff; display:inline-block; width:100%; margin-top:10px;} .relate .block-title { } .block-body {padding:10px;} .block-body li{padding:10px 0px; border-bottom:1px dashed #eaeaea;} .checkout_form input, .checkout_form textarea {width:100%;} .entry-body {padding-top:10px; color:#666666; font-size:19px; line-height:1.4;} .entry-body em {color:#444444;} #article {} #article .meta_bar span {display:inline-block;} #article .uk-article-meta i {font-size:14px;} #article .uk-article-meta span {padding-right:10px; margin-right:10px; display:inline-block; position:relative;} #article .uk-article-meta span:after {position:absolute; content:""; right:0; top:4px; width:1px; height:15px; background:#999;} #article .uk-article-meta span:last-child:after {width:0;} #cart_tbl {margin-bottom:25px; padding:0 10px 10px;} #cart_tbl th {text-align:center; font-size:18px; font-weight:700; color:#555555; padding:15px 0;} #cart_tbl tr:last-child td {border-bottom:none;} #cart_tbl td {vertical-align:middle; padding:15px; font-size:19px;} #cart_tbl td.price, #cart_tbl td.total {display:table-cell; font-weight:400; color:#333; font-size:18px;} #cart_tbl .wrap_img {width:100px;} #cart_tbl img {max-width:60px!important; margin:0 auto!important; width:auto; display:block;} #cart_tbl .remove_item {color:#fe0002;} #cart_tbl tfoot {font-size:14px; font-style:normal;} #cart_tbl .tbl_bt {background:#ff8e1e; display:inline-block; font-size:18px; font-weight:700; color:#fff; padding:9px 25px 12px; cursor:pointer; text-transform:uppercase;} #update_cart_bt {background:#333;} #cart_right_bts {padding-top:6px;} #support_info {font-size:18px;} #support_info .heading {font-size:20px; font-weight:700; padding-top:12px;} #support_info .hotline {background:url('img/tel.png') no-repeat; padding-left:38px; font-size:22px; display:inline-block; height:30px; margin-right:20px;} #support_info .email {background:url('img/mail.png') 0 3px no-repeat; padding-left:40px; font-size:22px; display:inline-block; height:30px;} #checkout_bt_wrap {padding-left:30px; font-weight:700; font-size:18px; border-left:1px solid #ebebeb;} #checkout_bt_wrap .heading {font-size:20px;} #checkout_bt_wrap td {padding:12px 0; color:#555;} #checkout_bt_wrap .price-total {font-size:20px; font-weight:400;} #checkout_bt_wrap .checkout_bt {background:#333; display:block; color:#fff; padding:15px 0; font-size:21px; text-align:center;} #cart_form .flat_bt {display:inline-block; padding:5px 10px; color:#444444; cursor:pointer; border:1px solid #dddddd;} #cart_form .flat_bt:hover {background:#ff8e1e; border-color:#ff8e1e; color:#fff; opacity:0.8; -o-transition:all .3s;-moz-transition:all .3s;-webkit-transition:all .3s;-ms-transition:all .3s;} #order_submit {text-align:center; margin-bottom:20px;} #order_submit .checkout_bt {background:#ff8e1e; color:#fff; text-transform:uppercase; border:none; padding:16px 0; width:100%; font-size:20px; font-weight:700} #contact_form {padding-top:30px; margin-bottom: 20px;} #contact_form input {height:45px;} #contact_form input, #contact_form textarea {min-width:100%; font-size:17px; padding:10px 15px; border-radius:5px;} #contact_form textarea {min-height:85px;} #contact_form #captcha {width:normal; min-width:100px;} #contact_form #submit {background:#fe8e1e; color:#fff; border:none; height:40px; font-size:17px; padding:0 40px; cursor:pointer; border-radius:4px;} #contact_form label {font-weight:400;} #contact_form #submit[disabled="disabled"] {background:#999999!important; opacity:1!important; cursor:default;} section .button-nav { position: fixed; top: 60%; right: 30px; display: flex; flex-direction: column; padding: 0 8px; z-index: 20; } section .button-nav .button-nav-buy { display: none; } section .button-nav-item, section .back-top { width: 45px; height: 45px; background-color: #ff8e1e; display: flex; align-items: center; justify-content: center; border-radius: 50%; color: #fff; margin-bottom: 8px; } section .button-nav-item img {width: 100%; height: 100%; object-fit: cover; max-width: 25px; max-height: 25px} section .recommend-buy { position: fixed; top: 10%; right: 30px; width: 90px; height: 90px; background-color: #ff8e1e; border-radius: 50%; display: flex; align-items: center; justify-content: center; text-align: center; padding: 10px; z-index: 20; } section .recommend-buy:before { position: absolute; content: ''; background-color: transparent; width: inherit; height: inherit; border-radius: inherit; border: 2px solid #ff8e1e; z-index: -1; animation: sonarEffect ease 1s infinite; transition: 0.5s; } section .recommend-buy p {color: #fff; margin: 0} #footer {background:#f0f4f7; color:#676767; padding:15px 0 60px; font-size:16px; position:relative; overflow:hidden;} #footer > div {position:relative; z-index:1;} #footer .label {font-size:17px; padding-top:2px; font-weight:700; margin-bottom:15px; color:#333; text-transform:uppercase; position:relative;} #footer .header {color:#676767;} #footer p{margin:0px 0px 5px;} #footer a{} .footer_contact .icon {background:#ff8e1e; color:#fff; font-size:14px; width:15px; text-align:center; margin-top:3px; border-radius:3px; width:41px; height:37px; line-height:37px; margin-bottom: 10px;} .footer_contact .label {white-space:nowrap;} .footer_contact .text {} .footer_contact .text a{display:inline-block;} .footer_contact .row {margin-bottom:10px;} #footer .footer_contact p {margin:0; color: #676767} #footer img {margin-right:10px; margin-bottom:10px;} #email_subs {margin-bottom:10px;} #email_subs form {display:table; width:100%;} #email_subs .es_msg {padding:0;} #email_subs .uk-form-icon {display:block;} #email_subs .uk-form-icon i {left:10px; color:#c4c4c4;} #email_subs .es_input {width:99%;} #email_subs .es_button {width:1%; padding:0;} #email_subs #es_msg_pg {color:#f68121;} #email_subs #es_txt_email_pg {background:#fff; border:none; color:#909090; height:40px; padding:10px 20px; width:100%; border-radius:20px 0 0 20px;} #email_subs #es_txt_button_pg {background:#ff8e1e; height:40px; text-shadow:none; font-weight:700; color:#fff; font-size:16px; padding:0 15px; white-space:nowrap; border-radius:0 20px 20px 0;} #email_subs #es_txt_button_pg i {font-size:20px; margin-right:10px;} .footer_menu {} .footer_menu li .nav_label {font-size:16px; margin-bottom:10px; color:#676767; line-height:20px; position:relative;} .footer_information p {line-height: 26px} #footer_bottom {background:#726255; color:#fff; padding-bottom: 50px;} #footer_bottom .label {text-transform:uppercase; font-weight:700; display:inline-block; margin-bottom:25px;} #footer_bottom a {color:#fff; padding:0 10px;} #footer_bottom .wrap_item {margin-bottom:10px;} #footer_bottom .payment li {border:1px solid #e1e1e1; background:#fff; display:inline-block; margin:5px 5px 0 0;} #footer_bottom .commitment li {font-size:16px; margin-bottom:15px; padding-left:27px; position:relative;} #footer_bottom .commitment li:after {position:absolute; content:"\f00c"; font-family:FontAwesome; top:0px; left:0;} #copyright {padding:15px 0; background:#fff; color:#333; position:relative;} #copyright a{color:#333;} .logo_footer img {max-height:50px;} .products.icon .block-title{border-color:#04a2e4;} .products.icon .block-title span:after {position:absolute; content:""; left:0px; bottom:-21px; height:4px; width:100%; background:#ddd;} .products.icon .block-title span:before {position:absolute; content:""; left:50%; bottom:-35px; height:35px; width:45px; z-index:2; margin-left:-22px;} .products.icon .product .title a{} .page_content img,.post_content img{display:block;margin:20px auto;max-width:100%;height:auto;} .page_content ul,.post_content ul {list-style-type:disc; padding-left:20px;} .wp-caption {background:#f9f9f9; border:1px solid #e3e1e8; border-radius:2px; padding:5px; max-width:100%;} .wp-caption img {margin:0 auto;} .wp-caption-text {margin:5px 0px 0px; font-size:13px; text-align:center; font-style:italic;} .textwidget img{display:block;max-width:100%;height:auto;} /* NAV MOBILE TOGGLE */ .uk-mobile {display:inline-block; width:100%; border:1px solid #ddd;} /*.uk-navbar-toggle {float:right;}*/ @media (min-width:768px) { .uk-mobile {display:inline-block!important; visibility:visible !important; border:none;} .uk-mobile li {display:inline-block;} } /* END NAV MOBILE TOGGLE */ /* overwrite cyclone slider */ .cycloneslider-template-default {margin-bottom:10px;} .cycloneslider-template-default .cycloneslider-slide {background:inherit;} .cycloneslider-slides {z-index:0;} .cycloneslider-slide {width:100%;} .cycloneslider-template-default .cycloneslider-pager {bottom:35px; top:auto; z-index:2; right:50%; transform:translateX(50%); counter-reset:slide-counter; display: flex} .cycloneslider-template-default .cycloneslider-pager span {background:#ffd2a8; width:35px; height:35px; border-radius:50%; font-size:0; display: flex; align-items: center; justify-content: center} .cycloneslider-template-default .cycloneslider-pager span + span {margin-left: 8px} .cycloneslider-template-default .cycloneslider-pager span.cycle-pager-active {background:#fff;} .cycloneslider-template-default .cycloneslider-pager span:before {content:counter(slide-counter); counter-increment:slide-counter; font-size:16px; font-weight:700; line-height:32px; color:#fff;} .cycloneslider-template-default .cycloneslider-pager span.cycle-pager-active:before {color:#ff8e1e;} /*END*/ #footer .scrollToTop {position:absolute; bottom:-13px; right:50%; margin-right:-32px;} #footer .scrollToTop a {background:#e2e7ea; border-radius:50%; width:64px; height:64px; text-align:center; line-height:35px; color:#ff8e1e;} .table-bordered, .table-bordered th, .table-bordered td {border:1px solid #ddd;} @media (min-width:1220px) { .uk-container {max-width:1220px;} } @media (min-width:480px) { } @media (min-width:768px) { #header {} #header .logo img {max-width:217px;} .uk-navbar {margin-bottom:-5px;} #f_search_wrap {margin-top:0;} #f_search {margin-top:0; padding:6px 25px 11px;} #searchsubmit {padding:0 25px;} .navbar_toggle {margin-left:0; padding-top:70px; margin-bottom:10px;} #cart_num_item_wrap {margin-right: -30px;} #combo_products .heading {margin-bottom:20px;} #combo_products .heading span {display:inline-block; padding: 0 20px;} .product_tab_wrap .heading span {padding:0 30px 0 60px;} .product_tab_wrap .heading span:after {position:absolute; content:""; left:100%; bottom:0; width:0; height:0; border-style:solid; border-width:60px 0 0 60px; border-color:transparent transparent transparent #ff8e1e;} .product {} .product .wrap_img {background:#fff; max-height:200px; line-height:100px;} .product .wrap_img img {max-width:100%; max-height:220px; width:auto;} .product .title {min-height:40px; font-size:19px;} .side_product .item .text a{font-size:14px;} #main_content {} .news .wrap_img {max-height:150px;} .news .wrap_img img {min-height:150px;} .product_tab {margin-right:110px;} #email_subs #es_txt_button_pg {font-size:18px; padding:0 25px;} #cart_right_bts {padding-top:0px; text-align:right;} #contact_form input, #contact_form textarea {min-width:70%;} #footer #main-menu {background:transparent; box-shadow:none;} #footer #main-menu .nav_label {color:#333333;} #footer #main-menu ul li a:hover .nav_label { color:#ff8e1e;} #footer #main-menu ul > li.active > a {background:transparent;} #navbar-footer {text-align:right; width:100%;} #navbar-footer > li {float:none; display:inline-block;} #archive_news .item {margin-bottom:20px;} #archive_news .item .wrap_border {padding:8px;} #archive_news .item .wrap_img {max-height:260px; padding:0;} #archive_news .item .wrap_img img.wp-post-image {min-height:160px; } #archive_news .item .media {width:250px;} #archive_news .item .text {padding-left:25px;} #archive_news .item .heading {font-size:20px;} .d-cell.medium_768 {display:table-cell;} .d-cell.text.medium_768.text {padding-left:10px; padding-top:0px;} } @media (min-width:960px) { #header {padding-top:35px;} #header .logo {padding-bottom:40px;} #header .logo img {max-width:300px;} #header .hotline {font-size:16px;} #header .hotline .tel {margin-bottom:5px; position:relative; padding-left:20px;} #header .hotline .tel:after {position:absolute; content:"\f095"; left:0; top:0; font-family:FontAwesome; color:#ff8e1e;} #cart_num_item_wrap {background-size:49px; margin-right: 0;} #cart_num_item {bottom:-9px; right:-12px;} #breadcrumb_wrap {display:block;} #f_search_wrap {} #main-menu {position:relative; z-index:10; width:100%; padding:15px 0px 0 40px;} #main-menu .nav_label {line-height:normal; margin:0; font-size:16px; color:#333; -o-transition:all .3s;-moz-transition:all .3s;-webkit-transition:all .3s;-ms-transition:all .3s;} #main-menu .nav_label:hover {color:#fe8e1e;} #main-menu a{line-height:normal!important; -o-transition:all .3s;-moz-transition:all .3s;-webkit-transition:all .3s;-ms-transition:all .3s;} #main-menu li:hover a{background:transparent!important; opacity:1; /*-o-transition:all .3s;-moz-transition:all .3s;-webkit-transition:all .3s;-ms-transition:all .3s;*/} #main-menu li .sub-menu {background:#fff!important;} #main-menu li .sub-menu a:hover{background:#fafafa!important;} #main-menu li a:focus{background:transparent;} #main-menu li{ z-index:5; position:relative; } #main-menu #navbar-mobile > li {margin-right:35px;} #main-menu #navbar-mobile > li:last-child {margin-right:0;} #main-menu #navbar-mobile > li.menu-item-has-children {} #main-menu #navbar-mobile > li.menu-item-has-children:after {} #main-menu ul li.current_page_item a {} #main-menu ul li.current-menu-item a {} #main-menu .sub-menu .nav_label {color:#666666; font-weight:400;} #navbar-mobile > li > a > .nav_label {} #main-menu #navbar-mobile > li:hover > a > .nav_label, #main-menu #navbar-mobile > li.active > a > .nav_label {color:#fe8e1e;} #main-menu ul li .sub-menu a:hover .nav_label { color:#666666;} #main-menu li a{display:block; padding:2px 0 20px!important; margin-top:0px!important; text-shadow:none; border:none; height:auto;} #header #main-menu li a {} /*#main-menu > div > ul > li > a{border-right:1px solid #f5f5f5; }*/ #main-menu #navbar-mobile > li:last-child > a {border:none; padding-right:0!important;} #main-menu li li a{display:block; color:#ff8e1e!important; } #main-menu li ul li{float:none; position:relative; text-transform:none;} #main-menu li ul.sub-menu{position:absolute; top:100%; left:50%; transform:translateX(-50%); opacity:0; visibility:hidden; padding:5px 0; list-style:none outside none; border:1px solid #ebebeb; min-width:200px; -o-transition:all .3s;-moz-transition:all .3s;-webkit-transition:all .3s;-ms-transition:all .3s;} #main-menu li ul.sub-menu > li > a {position:relative; padding-left:20px;} #main-menu .current-menu-item ul{} #main-menu li:hover > ul{opacity:1; visibility:visible;} /*disable for hover menu dropdown by javascript*/ #main-menu li ul li a{padding:6px 20px!important; white-space:nowrap;font-size:13px; font-weight:400;} #main-menu li ul li ul{position:absolute; top:0; left:100%; display:none; background-color:#d7f1fa; width:auto;float:left;} .wrap_content {padding-top:40px;} .wrap_content .entry-body.page_content p { font-size: 18px; line-height: 32px; } #cat_nav #cat_list {right:0;} #cat_list .label {min-height:66px; padding:22px 20px 20px 60px;} #cat_list .label .nav_icon {top:28px;} #cat_list .label .close_icon {top:33px;} #combo_products {} #combo_products .heading {font-size:28px;} #combo_products .slick-list {margin:0 -20px;} #combo_products .wrap_item {margin-left: 25px; margin-right: 25px;} .banner_cpm {margin-bottom:35px;} .banner_cpm-1 {max-height:180px;} .banner_cpm-1 img {min-height:180px;} .banner_cpm-2 {max-height:190px;} .banner_cpm-2 img {min-height:190px;} #contact_form input, #contact_form textarea {min-width:60%;} #col_left {position:relative; z-index:12; padding-right:5px;} .section .heading {margin-bottom:25px;} .block-title {margin-bottom:10px;} #header_cover {padding:95px 0 90px; margin-bottom:60px;} #header_cover .heading {font-size:50px;} #home_email_subs {padding:60px 0 70px; margin-bottom:15px;} #home_email_subs .desc {font-size:24px;} #archive_news .item .heading {font-size:23px;} #archive_news .item .media {width:300px;} #archive_news .item .wrap_img {max-height:440px;} #archive_news .item .wrap_img img.wp-post-image {min-height:190px; } #archive_news .item .readmore_bt {} #archive_product .archive_heading {margin-bottom:25px;} #footer .label {margin-bottom:35px;} #copyright {padding:25px 0; text-align:left;} .right-lg {text-align:right;} .product_tab_wrap {padding-bottom:20px;} } @media (min-width:1220px) { #navbar-mobile > li > a > .nav_label {font-size:15px; text-transform:uppercase;} } @media (max-width: 1199px) { section .recommend-buy {top: 30%} #main-menu {overflow: scroll} #navbar-mobile {display: flex; overflow: hidden; max-width: 900px; width: 900px;} #main-menu::-webkit-scrollbar {display: none} #cat_list .label {padding: 22px 20px 20px 55px; font-size: 16px} } @media (max-width: 576px) { section .button-nav-item, section .back-top {width: 35px; height: 35px; font-size: 14px; padding: 8px; margin-bottom: 0} section .recommend-buy {display: none} section .button-nav {top: 90%; right: 50%; transform: translatex(50%); flex-direction: row} section .button-nav .button-nav-buy {display: block; padding: 8px 20px; width: max-content; background-color: #ff8e1e; border-radius: 30px; color: #fff; font-size: 16px} section .button-nav .button-nav-buy p {margin: 0} section .button-nav a + a { margin-left: 4px; } #copyright {padding: 15px 0 80px} #footer_bottom .payment li {margin: 5px 3px; width: 30%} } #google_afmc div {width:auto!important;} @keyframes sonarEffect { 0% { filter: alpha(opacity=30); opacity: 0.3; } 40% { filter: alpha(opacity=50); opacity: 0.7; box-shadow: 0 0 0 1px rgba(254, 142, 30, 0.5); -webkit-box-shadow: 0 0 0 1px var(--third-color); } 100% { box-shadow: 0 0 0 1px rgba(254, 142, 30, 0.5);    -webkit-box-shadow: 0 0 0 1px var(--third-color); -o-transform: scale(1.75); -webkit-transform: scale(1.75); -ms-transform: scale(1.75); transform: scale(1.75); filter: alpha(opacity=0); opacity: 0; } }