/*Theme Name:Noi that Hai An Version:2.5 */ @import 'css/PoppinsVN.css'; *{ margin:0 auto; padding:0px; text-decoration:none!important; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; } ul {list-style-type:none; padding:0px;} html {background:#fff; color:#555; font-family:'PoppinsVN'; font-size:17px;} h1, h2, h3, h4, h5, h6, button {font-family:'PoppinsVN';} a {color:#333;} a:hover {color:#646464;} .like_box iframe {vertical-align:initial;} /* COMMON STYLE */ .d-table {display:table;} .d-row {display:table-row;} .d-cell {display:table-cell; vertical-align:top;} .d-cell.text {padding-left:10px;} .d-cell.text a{display:block;} .full-width {width:100%;} .width-99 {width:99%;} .transition {-o-transition:all .3s;-moz-transition:all .3s;-webkit-transition:all .3s;-ms-transition:all .3s;} .wrap_img {overflow:hidden;} span.req {color:#fe0000;} /* END COMMON STYLE */ .check_success {width:45px; height:45px; border:2px solid #000; border-radius:50%; position:relative;} .check_success:after {position:absolute; top:8px; left:15px; content:""; width:10px; height:20px; border-right:2px solid #000; border-bottom:2px solid #000; transform:rotate(45deg); -ms-transform:rotate(45deg); -webkit-transform:rotate(45deg); transform:rotate(45deg);} .uk-container {padding:0 10px; max-width:1300px;} .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;} .uk-pagination {text-align:left; margin: 0 0 20px;} .uk-pagination > li > a {background:#2e3643; border-color:transparent; color:#fff; font-weight:300; text-shadow:none;} .uk-pagination > .uk-active > span {background:#fcb92d; border-color:transparent; color:#333;} .uk-pagination > .uk-active > span, .uk-pagination > li > a {height:54px; width:54px; line-height: 58px; border-radius:50%; padding:0; font-weight:500; font-size:18px;} .uk-pagination > li:nth-child(n+2) {margin-left:10px;} #wrap_header {position:relative; z-index:2; /* overflow:hidden; */ background-size:cover; background-repeat:no-repeat;} #top_bar {border-bottom:1px solid #e2e2e2;} #top_bar .col_left {padding:15px 0 0; font-size: 16px;} #top_bar .col_left .icon {width:23px; height:30px; display:inline-block; vertical-align:top;} #top_bar .col_left .icon.map {background:url('img/map.png') no-repeat;} #top_bar .col_left .icon.clock {background:url('img/clock.png') no-repeat;} #top_bar .col_left span {margin-right:20px;} #top_bar .col_left span:last-child {margin-right:0px;} #header {padding:10px 0 0; position:relative; z-index:101;} #header .hotline {font-size:25px; font-weight:700; text-align:right;} .uk-navbar {background:inherit; border:none;} #header .logo {padding-top:10px;} #header .logo img {max-height:50px;} #header .logo h1,#header .logo h2 {margin:0;} #header .header_item.i2 {display:none;} #header_bottom {background:#fcb92d;} .header_right {padding:0px 0 10px 0; text-align:right;} .header_item {display:inline-block; vertical-align:top; text-align:left;} .header_item:first-child {margin-left:0;} .header_item .icon {border:3px solid #fcb92d; border-radius:50%; display:inline-block; vertical-align:middle; width:64px; height:64px;} .header_item .icon.phone {background:url('img/phone.png') 50% no-repeat;} .header_item .icon.mail {background:url('img/mail.png') 50% no-repeat;} .header_item .icon.cart {background:url('img/cart.png') 50% no-repeat;} .header_item .text {vertical-align: middle;} .header_item .txt1 {font-weight:700; color:#333; margin-bottom: 3px;} .header_item .txt2 {font-size:16px;} .lang-item {padding-left:9px; position:relative; width:38px; line-height: 50px; display:inline-block;} .lang-item:first-child {padding-left:0;} #f_search {width:100%; padding:6px 0px 0 50px; position:relative;} #f_search input {background:none; border:none; height:35px; color:#333; font-size:17px;} #searchsubmit {border:none; position:absolute; top:0; right:0; padding-right: 0; bottom: 0; color:#333; font-size:20px;} #f_search input::-webkit-input-placeholder { /* WebKit, Blink, Edge */ color:#37414d; font-style:italic; } #f_search input::-moz-placeholder { /* Mozilla Firefox 19+ */ color:#37414d; font-style:italic; opacity: 1; } #f_search input:-ms-input-placeholder { /* Internet Explorer 10-11 */ color:#37414d; font-style:italic; } #side_f_search {position:relative;} #side_keyword_search {width:100%; height:50px; padding:0 60px 0 20px; border: none;} #side_f_search input::-webkit-input-placeholder { /* WebKit, Blink, Edge */ color:#c6c6c6; font-style:italic; } #side_f_search input::-moz-placeholder { /* Mozilla Firefox 19+ */ color:#c6c6c6; font-style:italic; opacity: 1; } #side_f_search input:-ms-input-placeholder { /* Internet Explorer 10-11 */ color:#c6c6c6; font-style:italic; } #side_searchsubmit {border:none; position:absolute; height:50px; right:0; top:0; color:#929292; font-size:23px; padding:0 15px;} #cart_num_item_wrap {display:none; background:url('img/cart.png') no-repeat; position:relative; width:20px; height:20px; vertical-align:top; background-size:19px; margin-top:10px;} #cart_num_item {background:#e4b326; color:#fff; width:25px; height:25px; line-height:27px; font-size:14px; border-radius:50%; position:absolute; bottom:9px; right:-18px; text-align:center;} .navbar_toggle {line-height:41px; width:25px; display:inline-block; padding-top:10px;} .icon_bar {background:#333; height:3px; margin-bottom:5px; display:block;} #nav_sidebar {} #nav_sidebar li h2{margin:5px 0px;} #nav_sidebar li ul{padding-left:20px;} #nav_sidebar li a{font-size:16px; padding:5px 10px;} #banner_slider {} #banner_slider .cycloneslider-pager {z-index:101; top: auto; right:50%; bottom: 40px; transform: translateX(50%); text-align:center;} #banner_slider .cycloneslider-slide {background:inherit;} #banner_slider .cycloneslider-pager span {background:#ffffff; border:2px solid #ffffff; border-radius:50%; width:15px; height:15px;} #banner_slider .cycloneslider-pager span.cycle-pager-active {background:none;} #cat_nav {position:relative; z-index:1; height:100%; border:1px solid rgba(255,255,255,0.3); border-top:none; border-bottom:none; display:none;} #cat_nav #cat_list {color:#363f4e;} #cat_list .label {padding:0 20px 0 60px; height: 28px; font-size:16px; text-transform:uppercase; font-weight:700; line-height:1.3; border-radius:5px 5px 0 0; cursor:pointer; position:absolute; bottom: 0; z-index:1;} #cat_list .label .nav_icon {position:absolute; top:2px; left:25px; width:20px; height:30px;} #cat_list .label .nav_icon.hide {visibility:hidden; opacity:0;} #cat_list .label .nav_icon .icon_bar {background:#363f4e; height:2px; margin-bottom:4px; display:block;} #cat_list .label .close_icon {position:absolute; top:8px; left:25px; width:20px; height:30px;} #cat_list .label .close_icon:before {position:absolute; content:""; top:0; left:0; background:#363f4e; width:20px; height:2px;} #cat_list .label .close_icon:after {position:absolute; content:""; top:0; left:0; background:#363f4e; width:20px; height:2px;} #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:15px 0px 13px 25px; position:relative; color:#333; font-size:17px; 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; background:#fff; } #cat_list li:hover > ul{display:block;} #cat_list li:hover a {color:#666;} #cat_list ul.sub-menu li:hover > a {background:#00a9e0; color:#fff;} #cat_list ul.menu {position:absolute; top:100%; left:-1px; right:-3px; background:#fff; padding:10px 25px; display:none; margin: 0;} #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:0; top:13px; font-size:17px; color:#999;} #cat_list > ul > li.menu-item-has-children:hover:after {color:#00a9e0;} #cat_list ul.sub-menu li.menu-item-has-children:after {color:#00a9e0;} #cat_list ul.sub-menu li.menu-item-has-children:hover:after {color:#fff;} #header_cover {background:url('img/cover.jpg') repeat-x; background-size:cover; padding:45px 0 15px; text-align:center; color:#fff; position:relative; z-index:1;} #header_cover:after {position:absolute; content:""; left:0; right:0; top:0; bottom:0; background:rgba(0,0,0,0.5); } #header_cover .wrap {position:relative; z-index:1;} #header_cover .heading {color:#fff; font-size:30px; margin-bottom:0; line-height:1.3;} #breadcrumb_wrap {margin-top:0px; display:inline-block; color:#fff; width:100%; line-height:1.4;} .uk-breadcrumb {padding:8px 0;} .uk-breadcrumb > li {font-size:18px; font-weight:500; color: #fcb92d;} .uk-breadcrumb > li:nth-child(n+2):before{color:#fff;} .uk-breadcrumb a:not(.home) {color:#fff;} .uk-breadcrumb > li:not(.uk-active) > span {color:#feb914;} .uk-breadcrumb > li:nth-child(n+2):before {content:"\f105"; font-family:FontAwesome; font-size:18px; vertical-align: top; position: relative; top: -2px; margin: 0 25px;} .section {padding:30px 0;} .section .heading {background:#fcbd00; text-transform:uppercase; font-weight:500; color:#363f4e; margin-top:-1px; margin-left:-1px; padding:0 0 0 30px; position:relative;} .section .heading span {display:table-cell; vertical-align: middle; height: 60px;} .view_all {font-style:italic; font-size: 16px; font-weight:500; display:inline-block; text-transform:none; margin-top: 20px; margin-right: 30px;} #banner_home {} #banner_home .item {background-size: cover; height:215px; color:#fff; position:relative;} .fea_product {padding-top:20px; margin-top:10px; border-top:1px solid #e1e1e1;} .fea_product:first-child {padding-top:0; border-top:none;} .fea_product .text {padding-left:20px;} .fea_product .title {font-size: 15px; margin-bottom:5px;} .fea_product .wrap_img {border:1px solid #e7e7e7; width:100px; height:80px; text-align:center; margin-bottom: 10px;} .fea_product .wrap_img img {width:auto; height:80px;} .fea_product .wrap_price {margin-bottom:5px;} .fea_product .price {font-weight:500;} .fea_product .rating {color:#fbd546; font-size:15px; margin-bottom:5px;} .fea_product .rating .empty {color:#e0e0e0;} .section.news {padding:0 0 10px;} .news_posts .wrap_item {margin:5px 0 15px;} .news_posts .wrap_item:last-child {border-right:none;} .news_posts .item {background:#fff; margin:0 5px; text-align:center; height:100%; position:relative;} .news_posts .wrap_img {max-height:200px; position:relative;} .news_posts .wrap_img img {position:relative; left:50%; transform:translateX(-50%); width:150%; max-width:none; min-height:200px;} .news_posts .title {font-size:18px; font-weight: 500; line-height:1.2;} .news_posts .body {padding:15px 0 0; color:#555555;} .news_posts .excerpt {margin-bottom: 30px;} #main_content .news_posts .item {} #category_2 .item {background:#fff; border-bottom:1px solid #e1e1e1; padding-bottom:25px; margin-bottom:25px;} #category_2 .item .title {font-size:18px; line-height:1.3; margin-bottom:5px;} #category_2 .item .title a {color:#333333;} #category_2 .item .text {padding:15px 0 0;} #category_2 .item .excerpt {line-height:1.4; color:#888; margin-bottom:45px;} #category_2 .wrap_img {max-height:200px; margin:-1px; position:relative;} #category_2 .wrap_img img {position:relative; left:50%; transform:translateX(-50%); width:150%; max-width:none;} .readmore_bt {background:#e1e1e1; color:#363f4e; padding:16px 40px 13px; font-size:16px; font-weight: 700; text-transform:uppercase; position:relative;} #new_products {position:relative;} #new_products .products_wrap {border:1px solid #ececec; margin-bottom:30px;} #new_products .grid_products {border-top:1px solid #ececec;} #new_products .view_all {} #new_products .heading:after {position:absolute; content:""; top:0; left:100%; width: 0; height: 0; border-style: solid; border-width: 30px 0 30px 15px; border-color: transparent transparent transparent #fcbd00;} #new_products .cat_list {background:#f8f8f8 no-repeat; background-position: bottom 15px right 50%; border-right:1px solid #ececec;} #new_products .cat_list img {display:block;} #new_products .cat_list ul {padding:10px 20px 30px 30px;} #new_products .cat_list li{padding: 12px 0 10px 22px; border-bottom:1px solid #ececec; position:relative;} #new_products .cat_list li:after{position:absolute; top:11px; left:0; content:"\f054"; font-family:FontAwesome; color:#2e3643; font-size:9px;} #new_products .cat_list li:last-child{border-bottom:none;} #new_products .wrap_item > .wrap_img img {max-width:none;} #new_products .product {padding:15px 10px 10px; margin-top: 15px;} #new_products .wrap_item_2 .wrap_item:first-child .product {border-left:none;} #new_products .banner_img {overflow:hidden; max-height:180px;} #new_products .banner_img img {width:100%;} #products .section {padding:50px 0 10px; border-bottom:1px solid #ddd;} #products > div > .section:last-child {border-bottom:none;} .grid_products .wrap_item {border-left:1px solid #ececec; margin-bottom:25px; position:relative;} #cat_products .grid_products .wrap_item:after {position:absolute; content:""; left:-1px; right:0; bottom:-20px; border-bottom:1px solid #ececec; } .products {padding:0px 0px 30px; margin-top:0px; overflow:hidden;} .product {text-align:center; padding-right:10px; height:100%;} .product > i {position:absolute; top:0; left:10px; width:49px; height:49px; line-height:49px; font-size:14px; background:#24a1cf; color:#fff; border-radius:50%; opacity:0; visibility:hidden; z-index:1;} /* .product:hover > i {opacity:1; visibility:visible;} */ .product .wrap_img {position:relative;} .product .wrap_img img {display:inline; max-height:120px; width:auto;} .product .discount {position:absolute; top:-5px; right:-5px; background:#f36f20; color:#fff; padding:4px;} .product .title {font-size:16px; line-height:1.3; margin:20px 0 10px;} .product .title a{color:#333; display:block;} .product .title a:hover {color:#192533;} .product .price {font-size: 18px;} .product .meta {margin-bottom:15px;} .product .meta .rating {color:#fbd546; font-size:15px;} .product .meta .rating .empty {color:#e0e0e0;} .product .out_stock {background:#bbbbbb; color:#fff; text-transform:uppercase; } .product .add_to_cart_wrap {cursor:pointer; -o-transition:all .3s;-moz-transition:all .3s;-webkit-transition:all .3s;-ms-transition:all .3s; padding-right:40px; position:relative;} .product .add_to_cart_wrap:after {position:absolute; content:""; top:0; right:0; width:42px; height:42px; border-radius:50%; background:url('img/cart.png') 50% #ebebeb no-repeat;} .product .add_to_cart_wrap:hover {opacity:0.8;} .product .flat_bt {padding:12px 15px 10px; font-size:14px; color:#fff; text-transform:uppercase; display:inline-block; border-radius:30px;} .product .add_to_cart {background:#24a1cf;} .product .wrap_price {} .price {color:#00b7fb;} .old_price {color:#cfcfcf; text-decoration:line-through!important; display:inline-block; margin-bottom:5px;} .product .old_price {} .grid_products .add_to_cart_wrap {display:none;} /* .grid_products .product:hover .add_to_cart_wrap {display:block;} .grid_products .product:hover .wrap_price {display:none;} */ #single_product {color:#333;} #single_product .like_box {margin-top:15px;} #single_product .product_title {font-size:25px; line-height:1.3; color: #333; margin-bottom:5px; position:relative;} #single_product .old_price {font-size:22px;} #single_product .price {font-size:22px; font-weight:500; margin-bottom:20px;} #single_product .info {margin:20px 0 10px; padding-bottom: 10px; color: #666; font-size:17px; line-height:1.4; border-bottom:1px solid #e1e1e1;} #single_product .rating {color:#fbd546; font-size:15px; margin-bottom: 25px;} #single_product .rating .empty {color:#e0e0e0;} #single_product #qty_form { height:68px; margin-bottom:10px; margin-right:50px; display:inline-block;} #single_product #qty_form .qty_wrap {position:relative; display:inline-block;} #single_product #qty_form #qty {height:50px; text-align:center; font-size:18px; width:88px; border-radius:3px;} #single_product #qty_form .qty_modified {position:absolute; top:0; background:#fdb813; color:#fff; height:42px; width:42px; cursor:pointer; font-size:25px; text-align:center; line-height:30px; border-radius:50%;} #single_product #qty_form .qty_modified:hover {opacity:0.8;} #single_product #qty_form .increase {left:0; z-index:1; line-height:44px;} #single_product #qty_form .increase:after {content:"+";} #single_product #qty_form .decrease {right:0; line-height:25px;} #single_product #qty_form .decrease:after {content:"_";} #single_product .add_to_cart_wrap {padding:10px 0 10px; overflow:hidden;} #single_product .add_to_cart_bt {background:#fcb92d; display: inline-block; vertical-align: top; height:50px; line-height:50px; text-align:center; border-radius:30px; min-width: 50px;} #single_product .add_to_cart {color:#fff; padding:1px 40px 0; border-radius:30px; text-align:center; cursor:pointer; text-transform:uppercase;} #single_product .product_content {background:#fff; padding:20px 30px; margin-bottom:30px;} #single_product .product_content .heading {font-size:22px; font-weight:700; border-bottom:1px solid #ddd; padding-bottom:15px;} #single_product .tags a {color:#555;} #single_product .share {font-size:16px; margin-bottom:15px !important;} #single_product .share a {background:#ebebeb; color:#36404c; height:50px; line-height:55px; width:50px; text-align:center; font-size:18px; display:inline-block; border-radius:50%; margin-top:10px; margin-right:6px; -o-transition:all .3s;-moz-transition:all .3s;-webkit-transition:all .3s;-ms-transition:all .3s;} #single_product .product_details {border:1px solid #e1e1e1; border-left:none; border-right:none; padding: 10px 0 0; margin: 20px 0;} #main_content {padding:20px 0;} #main_content article{margin-bottom:20px;} .archive {background:#fff;} .archive-title {font-size:20px; text-transform:uppercase; font-weight:700;} .archive img{} .archive .meta, .archive .item-body {display:none;} .archive .meta {font-size:13px; margin:8px 0;} .archive .item-body {color:#666666;} .archive .heading {font-size:15px; font-weight:700; margin:0; line-height:18px;} .archive .heading a{color:#222;} .cat_desc_wrap {border-bottom:3px solid #222; margin-bottom:20px;} .cat_desc_wrap .label{color:#000; font-size:22px; line-height:30px; text-transform:uppercase;} .item-archive {margin-bottom:25px;} .item-archive .wrap_img {position:relative; max-height:180px;} .uk-article-title {font-size:25px; line-height:1.3; margin-bottom: 20px; padding-bottom: 15px; border-bottom: 1px solid #ddd;} article .meta_bar {margin-bottom:15px;} article .meta_bar > span {background:#333; padding:10px 15px 8px 15px; color:#fff; display:inline-block;} article .meta_bar .cat {background:#fcb92d; margin-right:5px;} article .meta_bottom {margin:25px 0 20px;} article .entry-body {padding-bottom:15px;} .entry-body {line-height:1.4; color:#555;} .tags {margin-bottom:10px;} .tags .label {color:#333; font-weight:500;} .tags .tag a {color:#444; margin:0 10px; display:inline-block;} #post_relate {margin-top:15px;} #post_relate li {padding-left:20px; position:relative;} #post_relate li:after {position:absolute; content:"\f054"; left:0; top:0px; font-family:FontAwesome; color:#333; font-size:9px;} #post_relate li .title {margin-bottom:10px; font-size:16px;} #post_relate li a {color:#333333; } #col_right {} .widget {border:1px solid #e1e1e1; margin-bottom:20px;} .widget-title{font-size:18px; line-height:1.3; font-weight:500; color:#333; padding:17px 15px 10px; margin-bottom:0; text-transform:uppercase; border-bottom:1px solid #e7e7e7;} .widget-title span {display:inline-block; text-transform:uppercase;} .block-title {font-size:19px; font-weight:700; margin:20px 0; color:#333; text-transform:uppercase; position:relative;} .widget-body {padding:20px 15px;} .widget-body .text {} .widget-body .meta {color:#999999; font-size:12px;} .widget-body ul {} .widget-body li {padding-left:22px; margin-bottom:15px; position:relative;} .widget-body li:last-child {border-bottom:none; padding-bottom:0;} .widget-body li.post .date {color:#aaa;} .widget-body li a {line-height:1.3;} .widget-body .menu {} .widget-body .menu li {padding:0; border:none; margin-bottom: 0; font-size:16px;} .widget-body .menu li:after {position:absolute; content:"\f054"; left:0; top:13px; font-family:FontAwesome; font-size:10px; color:#222;} .widget-body .menu li a {padding:15px 0px 11px 20px; display:block; color:#333; border-bottom:1px solid #e7e7e7; font-size:16px;} .widget-body .menu > li:last-child a {border-bottom:none; padding-bottom:0;} .widget-body .menu > li > a {color:#444;} .widget-body .menu .sub-menu {display:none; padding:0;} .widget-body .menu .sub-menu li a {padding-left:40px;} .widget-body .menu > li:first-child > .sub-menu {display:block;} .widget-body .menu .sub-menu li{border:none; margin-bottom: 0;} .widget-body .menu .menu-item-has-children > a {position:relative; padding-right:20px; font-weight:700;} .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:8px; width:12px; padding:5px 0 5px 30px; cursor:pointer; overflow:hidden;} .widget-body .menu .menu-item-has-children > a:before {position:absolute; content:"|"; right:-2px; top:9px; width:10px; padding:5px 0 5px 30px; cursor:pointer; height:8px; overflow:hidden; font-weight:400;} .widget-body .menu .menu-item-has-children.open > a:before {content:"";} .banner {margin-bottom:10px;} .banner_header {margin-bottom:10px; text-align:right; padding-top:20px;} .top-p {padding:10px;} .top-p .heading{font-weight:700; font-size:15px;} .top-p img{width:60px; height:60px; max-width:none; padding:2px; border:1px solid #ebebeb;} .upw-not-found {padding:10px;} .widget .list-post .wrap_img{width:90px; max-height:80px;} .widget .list-post img{width:90px; max-width:none; } .widget .list-post a {color:#444;} .widget .p-title {line-height:1.3; margin-bottom:5px; font-size:19px;} #cart_tbl th {text-align:center; color:#222222; font-weight:300;} #cart_tbl td {vertical-align:middle; color:#666666;} #cart_tbl td.price {display:table-cell; font-weight:400;} #cart_tbl img {max-height:60px!important; margin:0 auto!important; width:auto; display:block;} #cart_tbl .remove_item {color:#ff0000;} #cart_tbl tfoot {font-size:14px; font-style:normal;} #cart_tbl .tbl_bt {background:#fcb92d; border:1px solid #fcb92d; display:inline-block; color:#fff; padding:15px 30px 12px; cursor:pointer; text-transform:uppercase; font-size:16px;} #cart_tbl .tbl_bt:hover {background:#fff; color:#fcb92d; } #cart_right_bts {} #order_form #cart_tbl img {margin:0!important;} #checkout_bt_wrap {padding:20px 0; font-size:18px; color:#666;} #checkout_bt_wrap th {text-transform:uppercase; font-size:21px;} #checkout_bt_wrap td, #checkout_bt_wrap th {padding:15px 0 12px; color:#444;} #checkout_bt_wrap .checkout_bt {display:block; background:#192533; color:#fff; padding:17px 30px 13px; text-align:center; text-transform:uppercase; font-weight:300;} #checkout_bt_wrap #price-total {width:130px; display:inline-block; text-align:right;} #order_submit .checkout_bt {background:#fcb92d; color:#fff; text-transform:uppercase; border:none; padding:20px 18px 18px; width:100%; font-size:17px; font-weight:700; cursor:pointer;} #footer {background:#f6f6f6; border-top:1px solid #ddd; padding-top:20px; font-size:17px; position:relative;} #footer .heading {font-size:19px; font-weight:500; text-align:left; color:#363f50; line-height:1.3; margin-bottom:25px; text-transform:uppercase; position:relative;} #footer p{margin:25px 0px 0;} #footer a{color:#fff;} #footer .copyright {color:#999; font-size:14px; padding:20px 0; line-height:1.8; border-top:1px solid #ddd; margin-top:20px;} #footer .copyright a{color:#363f50;} #footer .copyright .text {padding:15px 0;} #footer .nav {padding-right:30px; margin-bottom: 30px;} #footer .nav li{padding-left:22px; margin-bottom:10px; position:relative;} #footer .nav li:after{position:absolute; top:-1px; left:0; content:"\f054"; font-family:FontAwesome; color:#2e3643; font-size:9px;} #footer .nav li:last-child{border-bottom:none;} #footer .nav .nav_label {font-size:16px; color:#363f50; line-height:1.3; margin-bottom:10px;} #footer .socials {text-align:center;} #footer .socials a {border:1px solid #fff; border-radius:50%; color:#fff; height:30px; line-height:30px; width:30px; text-align:center; font-size:12px; display:inline-block; margin-left:2px; -o-transition:all .3s;-moz-transition:all .3s;-webkit-transition:all .3s;-ms-transition:all .3s;} #footer .socials a:hover {} #footer .socials a.gplus:hover {color:#e64522;} #footer .socials a.fb:hover {color:#2b3990;} #footer .socials a.tt:hover {color:#1b95e0;} #footer .socials a.yt:hover {color:#e64522;} #footer .socials a.pin:hover {color:#be1e2d;} #footer .widget {border:none; margin-bottom:0;} #footer .footer_col {position:relative;} #footer .footer_col:after {position:absolute; content:""; top:15px; bottom:0; left:0; border-left:1px solid #ddd;} .footer_item .text {color:#363f50; line-height:1.4; margin-bottom: 30px;} .footer_item .txt1 {} .footer_item .txt2 {} #footer .footer_item_2 #fbHolder {display:inline-block; background:#fff; padding: 10px; margin-bottom:20px;} #mvcwid {font-size:16px; padding-top: 20px; display: inline-block;} #mvcwid .online {margin-right:50px;} .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; list-style-position:inside;} .page_content a,.post_content a {color:#005695;} .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;} .single_related {color:#df0606;} .single_related a{color:#666666; border-bottom:1px dashed #dddddd; padding-bottom:3px; margin-bottom:5px; display:inline-block;} /* NAV MOBILE TOGGLE */ .uk-mobile {display:inline-block; width:100%; border:1px solid #dddddd;} /*.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 */ .scrollToTop{background:#fcb92d; font-size:20px;} .table-bordered, .table-bordered th, .table-bordered td {border:1px solid #dddddd;} @media (min-width:480px) { #header .logo {padding-top:0;} #cat_nav {display:block;} #category_2 .item .media {width:300px;} #category_2 .item .text {padding:0 15px 10px;} .archive .meta, .archive .item-body {display:block;} .d-cell-medium {display:table-cell; vertical-align:top;} } @media (min-width:768px) { #header {} #header .logo {text-align:left;} #header .logo img {max-height:60px;} #header .header_right {padding:0px 25px 10px 0;} #header .header_item {margin-left: 40px;} #product_cat {border-top:1px solid #ececec; padding-top:30px; overflow:hidden;} #product_cat .slick-list {margin:0 0 0 -1px;} #product_cat .product_slick>li {float:left;} .product_tab_wrap {border:1px solid #ececec; margin-bottom: 30px;} .product_tab {border-bottom:none; position:relative; z-index:1;} .product_tab > li {float:none; display:inline-block; margin-bottom:0!important; position:relative;} .product_tab > li > a {color:#c0c0c0; border:0; padding:20px 20px 18px; font-weight:500; margin-bottom:0!important; margin-right:0!important; text-shadow:none; text-transform:uppercase; display:inline-block; border-radius:5px; position:relative; min-width:160px;} .product_tab > li:first-child a {} .product_tab > li:nth-last-child(2) a {} .product_tab > li > a:hover {background:none; color:#333; font-weight:500; padding:20px 20px 18px!important; margin-bottom:0;} .product_tab > li.uk-active > a {border-radius:5px; font-weight:500;} .news_posts {border:1px solid #ececec; } .news_posts .wrap_item {border-right:1px solid #ececec; margin:25px 0;} .news_posts .item {margin:0 25px;} .news_posts .body {padding:25px 0 0;} #category_2 .item .title {font-size:20px; margin-bottom:15px;} #category_2 .item .wrap_img {max-height:270px; width:350px;} #category_2 .item .wrap_img img {min-height:270px; } #footer {padding-top:40px;} #footer .widget {border:none; margin-bottom:0; text-align:center;} .footer_item .icon {width:40px; height:40px;} .right-md {text-align:right;} } @media (min-width:960px) { #header .header_right {padding: 40px 0 50px 0;} #header .logo {padding-top: 20px; text-align:left; position:relative; z-index:1;} #header .logo img{max-height:175px;} #top_bar .lang_switcher {text-align:right;} #top_bar .col_left {font-size: 17px;} #f_search_wrap {padding-left: 80px;} #searchsubmit {padding-top: 10px;} #cart_num_item_wrap {margin-top:16px;} #main-menu {text-align: center; border-right:1px solid rgba(255,255,255,0.3);} #main-menu .uk-icon-home {font-size:22px; color:#133d6f;} #main-menu li.active .uk-icon-home, #main-menu li a:hover .uk-icon-home {color:#0588c0;} #main-menu .nav_label {font-size:16px; font-weight:700; line-height:60px; margin:0; color:#363f4e; text-transform:uppercase; -o-transition:all .3s;-moz-transition:all .3s;-webkit-transition:all .3s;-ms-transition:all .3s;} #main-menu a{height:60px;} #main-menu li:hover > a {color:666666; } #main-menu li{z-index:5; position:relative; } #main-menu ul#navbar-mobile {position:relative; z-index:1; display:inline-block; float:none;} #main-menu ul#navbar-mobile > li{display:inline-block; margin-right:-4px; float:none;} #main-menu ul#navbar-mobile > li > a {} #main-menu ul#navbar-mobile > li > a:hover, #main-menu ul#navbar-mobile > li > a:focus, #main-menu ul#navbar-mobile > li.active > a {background:none !important; border-color:transparent;} #navbar-mobile > li.uk-open > a, #navbar-mobile > li:hover > a, #navbar-mobile > li > a:focus {background:#133f70;} #main-menu ul#navbar-mobile > li:hover > a > .nav_label, #main-menu ul#navbar-mobile > li.active > a > .nav_label {} #main-menu ul#navbar-mobile > li.active > a > .nav_label {font-weight:500;} #main-menu ul#navbar-mobile > li.active.menu-item-home > a {padding:0 14px;} #main-menu ul li.current_page_item a {} #main-menu ul li.current-menu-item a {} #main-menu li a{padding:0 10px; display:block; margin:0; text-shadow:none;} #main-menu li li a{display:block; color:#005695!important; } #main-menu > ul > li:first-child a{padding-left:0;} #main-menu > ul > li:last-child a{padding-right:0;} #main-menu li ul li{float:none; position:relative; padding:0 30px 0 30px;} #main-menu li ul{position:absolute; top:100%; left:-30px; opacity:0; visibility:hidden; background:#fff; list-style:none outside none; text-align:left; min-width:250px; -o-transition:all .4s;-moz-transition:all .4s;-webkit-transition:all .4s;-ms-transition:all .4s; transform:scale(0.8); padding:10px 0;} #main-menu .current-menu-item ul{} #main-menu li:hover > ul{opacity:1; visibility:visible; transform:scale(1);} /*disable for hover menu dropdown by javascript*/ #main-menu li ul li a{white-space:nowrap; font-weight:400; height:auto;} #main-menu li ul li a .nav_label{padding:10px 0px; font-size:17px; font-weight:400; color:#333; line-height:normal; text-transform:none; position:relative; border-bottom:1px solid #ddd;} #main-menu li ul li a .nav_label:before {position:absolute; content:"\f054"; left:-20px; top:13px; font-family:FontAwesome; font-size:10px;} #main-menu li ul li:last-child a .nav_label {border-bottom:none;} #main-menu li ul li ul{position:absolute; top:0; left:100%; display:none; background-color:#d7f1fa; width:auto;float:left;} #f_search {padding:12px 0px 0;} #cat_list .label {padding:0 20px 0 60px; height:38px;} #header_cover {padding:90px 0 70px;} #header_cover .heading {font-size:50px; font-weight: 500;} #banner_slider .cycloneslider-pager {bottom:70px;} .section {padding:20px 0;} #news {padding-bottom:40px;} .news_posts .title {min-height:45px; margin:0;} .news_posts .wrap_img:after {position:absolute; content:""; top:0; bottom:0; left:0; right:0; -o-transition:all .3s;-moz-transition:all .3s;-webkit-transition:all .3s;-ms-transition:all .3s; pointer-events:none;} .news_posts .wrap_img a {display:block; transform:scale(1);} .news_posts .item:hover .wrap_img a {transform:scale(1.03);} .news_posts .item:hover .wrap_img:after {background:rgba(0, 0, 0,0.5); } .img_mask {position:absolute; top:50%; left:50%; margin-top:-5px; margin-left:-22px; text-align:center; font-size:0; z-index:2; pointer-events:none;} .img_mask:before { transition-delay:.15s; animation-delay:.15s; -webkit-transition-delay:.15s; -webkit-animation-delay:.15s;} .img_mask:after { margin-right:0;} .img_mask span, .img_mask:after, .img_mask:before { height:10px; width:10px; display:inline-block; background-color:#fff; border-radius:50%; vertical-align:middle; margin-right:7px; opacity:0; -webkit-transition:opacity .2s ease; transition:opacity .2s ease; transition-delay:0s; -webkit-animation:wd-fadeOutRight .3s ease; animation:wd-fadeOutRight .3s ease; animation-delay:0s;} .img_mask:after, .img_mask:before { content:"";} .img_mask span { transition-delay:.1s; animation-delay:.1s; -webkit-transition-delay:.1s; -webkit-animation-delay:.1s;} .news_posts .item:hover .img_mask:before { -webkit-transition-delay:.2s; transition-delay:.2s; -webkit-animation-delay:.2s; animation-delay:.2s;} .news_posts .item:hover .img_mask span, .news_posts .item:hover .img_mask:after, .news_posts .item:hover .img_mask:before { opacity:1; -webkit-animation:wd-fadeInLeft .3s ease; animation:wd-fadeInLeft .3s ease; animation-delay:0s;} .news_posts .item:hover .img_mask span { -webkit-transition-delay:.1s; transition-delay:.1s; -webkit-animation-delay:.1s; animation-delay:.1s;} @-webkit-keyframes wd-fadeInLeft{from{-webkit-transform:translate3d(-50px,0,0);transform:translate3d(-50px,0,0)}to{-webkit-transform:none;transform:none}} @keyframes wd-fadeInLeft{from{-webkit-transform:translate3d(-50px,0,0);transform:translate3d(-50px,0,0)}to{-webkit-transform:none;transform:none}} @-webkit-keyframes wd-fadeOutRight{from{-webkit-transform:none;transform:none}to{-webkit-transform:translate3d(50px,0,0);transform:translate3d(50px,0,0)}} @keyframes wd-fadeOutRight{from{-webkit-transform:none;transform:none}to{-webkit-transform:translate3d(50px,0,0);transform:translate3d(50px,0,0)}} #banner_home {padding: 60px 0 40px;} #banner_home .item {height:206px;} #cat_products .wrap_item {margin-bottom:60px;} #cat_products .grid_products .wrap_item:after {bottom:-30px;} .product .add_to_cart_bt {padding:10px 30px 8px; opacity:0; visibility:hidden;} .product:hover .add_to_cart_bt {opacity:1; visibility:visible;} #new_products .products_wrap {margin-bottom: 50px;} #new_products .products_wrap:last-child {margin-bottom: 10px;} #main_content {padding:50px 0;} .archive .heading {line-height:26px; text-transform:uppercase;} .item-archive .d-cell.text {padding-left:20px;} #main_content article {} .uk-article-title {font-size:30px;} #single_product .title {font-size:28px;} #col_right {} #category_2 .item {padding-bottom:35px; margin-bottom:35px;} #category_2 .item .text {padding:0 40px 0 40px;} .relate .block2-title {padding:10px 20px;} .block-body {padding:10px 20px;} .widget {margin-bottom:30px;} .widget-title {padding:17px 30px 10px;} .widget-body {padding:10px 30px;} #footer .logo {padding-bottom:50px; margin-bottom:50px;} #footer:before {background-position:0;} #footer:after {background-position:100%;} .footer_item {margin-bottom:25px;} .footer_item .text {padding-right:20px; margin-bottom: 0;} #footer .footer_item_2 {display:inline-block; width:290px;} #footer .copyright {padding: 30px 0 30px; font-size:16px; margin-top: 40px;} .right-lg {text-align:right;} } @media (min-width:1220px) { #header .header_item.i2 {display:inline-block;} #main-menu li a{padding:0 25px;} #main-menu ul#navbar-mobile > li.active.menu-item-home > a {padding:0 22px;} #cat_list:hover > ul.menu {display:block;} .product .wrap_img {max-height:200px; line-height:200px; } .product .wrap_img img {max-height:200px;} #footer .footer_col_2 {padding-left:80px;} } @media (min-width:1600px) { .uk-container {max-width:1500px;} #main-menu li a{padding:0 35px;} .news_posts .wrap_img {max-height:250px;} .news_posts .wrap_img img {min-height:250px;} #category_2 .item .wrap_img {max-height:360px; width:450px;} #category_2 .item .wrap_img img {min-height:360px;} .widget-title {padding-bottom:20px; margin-bottom:30px;} }