*{ padding: 0px; margin: 0px; border: none; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } .clearfix{ clear: both } .clearfix::before{ content: " "; display: table; } .clearfix::after{ content: " "; display: block; clear: both; } @font-face{ font-family: 'Prompt'; font-style: normal; font-weight: 400; src: local('Prompt'), local('Prompt-Regular'), url(https://fonts.gstatic.com/s/prompt/v1/VcBIOGXxp08iW8zks9yUFPesZW2xOQ-xsNqO47m55DA.woff2) format('woff2'); unicode-range: U+0E01-0E5B, U+200B-200D, U+25CC; } @font-face{ font-family: 'Prompt'; font-style: normal; font-weight: 400; src: local('Prompt'), local('Prompt-Regular'), url(https://fonts.gstatic.com/s/prompt/v1/IxmUoSq3Eq8xdl9we0o_QPesZW2xOQ-xsNqO47m55DA.woff2) format('woff2'); unicode-range: U+0102-0103, U+1EA0-1EF9, U+20AB; } @font-face{ font-family: 'Prompt'; font-style: normal; font-weight: 400; src: local('Prompt'), local('Prompt-Regular'), url(https://fonts.gstatic.com/s/prompt/v1/O_NrGbgzuFKyAg9JXutx2_esZW2xOQ-xsNqO47m55DA.woff2) format('woff2'); unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF; } @font-face{ font-family: 'Prompt'; font-style: normal; font-weight: 400; src: local('Prompt'), local('Prompt-Regular'), url(https://fonts.gstatic.com/s/prompt/v1/so624u2w562OaE2DHdX71g.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215; } @font-face{ font-family: 'Prompt'; font-style: normal; font-weight: 600; src: local('Prompt SemiBold'), local('Prompt-SemiBold'), url(https://fonts.gstatic.com/s/prompt/v1/9I_eThOAICmQTI9Bc8e-WBJtnKITppOI_IvcXXDNrsc.woff2) format('woff2'); unicode-range: U+0E01-0E5B, U+200B-200D, U+25CC; } @font-face{ font-family: 'Prompt'; font-style: normal; font-weight: 600; src: local('Prompt SemiBold'), local('Prompt-SemiBold'), url(https://fonts.gstatic.com/s/prompt/v1/jALb3sWwRVlL5MD4NtGh6RJtnKITppOI_IvcXXDNrsc.woff2) format('woff2'); unicode-range: U+0102-0103, U+1EA0-1EF9, U+20AB; } @font-face{ font-family: 'Prompt'; font-style: normal; font-weight: 600; src: local('Prompt SemiBold'), local('Prompt-SemiBold'), url(https://fonts.gstatic.com/s/prompt/v1/8wd8jx6qt7Lez4HhgqUP5RJtnKITppOI_IvcXXDNrsc.woff2) format('woff2'); unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF; } @font-face{ font-family: 'Prompt'; font-style: normal; font-weight: 600; src: local('Prompt SemiBold'), local('Prompt-SemiBold'), url(https://fonts.gstatic.com/s/prompt/v1/3_KC0-To5jGOKtudoVFJIFtXRa8TVwTICgirnJhmVJw.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215; } body{ line-height: normal; font-size: 14px; line-height: 1.42857143; color: #333; background-color: #fff; background-repeat: repeat-x; } html, body{ color: #333;  font-family: 'Arial',sans-serif; font-style: normal; height: 100%; } #full-container{ float: left; width: 100%; } a{ text-decoration: none; } .inner-container{ margin-right: auto; margin-left: auto; max-width: 1170px; } a:focus{ outline: 0 solid } img{ max-width: 100%; vertical-align: middle; } span, a{ display: inline-block; font-style: normal; } ul{ margin: 0px; padding: 0px; list-style: none; } li{ margin: 0px; padding: 0px; list-style: none; display: inline-block; } a, a:hover, a:focus{ text-decoration: none; transition: .4s; } input{ outline: none !important; } a, a:hover{ text-decoration: none; font-style: normal; } h1, h2, h3, h4, h5, h6{  font-style: normal;  font-weight: 700;  font-family: 'proxima_novasemibold'; } p{  font-style: normal; } input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus{  -webkit-box-shadow: 0 0 0px 1000px white inset !important; } .nav > li > a:focus, .nav > li > a:hover{  background-color: transparent;  text-decoration: none;  font-style: normal; } .ads-left-body, .ads-right-body{ display: none; } @media only screen and (max-width: 1280px){ .inner-container{  max-width: 970px; } } @media only screen and (max-width: 990px){ .inner-container{  max-width: 750px; } } @media only screen and (min-width: 800px){ } @media only screen and (min-width: 800px) and (max-width: 939px){ } @media only screen and (min-width: 768px) and (max-width: 799px){ } @media only screen and (max-width: 767px){ body{ padding: 0 10px; } } @media only screen and (min-width: 600px) and (max-width: 767px){ } @media only screen and (min-width:480px) and (max-width: 599px ){ } @media only screen and (min-width:320px) and (max-width: 479px){ } @media only screen and (max-width:320px){ }  .full-header{ width:100%; float:left; } .full-tieudetrang{  float: left;  width: 100%; } .wrapper-tieudetrang{  clear: both;  color: #fff;  font-style: normal;  padding: 15px 0;  background-repeat: no-repeat;  background-size: cover;  position: relative;  z-index: 1; } .full-tieudetrang .url-page .breadcrumb a:hover{  color: #f6bd41!important; } .full-tieudetrang .url-page .breadcrumb a{  color: #fff !important;  font-size: 16px;  margin: 0 5px; } .full-tieudetrang .url-page .breadcrumb .woocommerce-breadcrumb{  color: #fff;  font-size: 16px;  margin: 0; } #header{ border-bottom: 1px solid #e9e9e9; padding: 10px 0; display: flex; flex-wrap: wrap; } .header-left{  float: left;  width: calc(100%/3 );  color: #333; } .header-mid{  float: left;  width: calc(100%/3); } .header-mid li a{  color: #333333;  font-size: 13px;  font-weight: 300;  margin-right: 30px; } .header-right{  float: right;  padding-right: 80px;  position: relative;  float: left;  width: calc(100%/3);  box-sizing: border-box; } .socials{  float: right; } .header-right ul li{ display: inline-block;  font-style: normal;  font-weight: 700; } .header-right ul li a{  color: #333333;  font-size: 12px;  margin-right: 18px; } .header-right .cart-amount{ position: relative; } .header-right .cart-amount span{ background: #f6bd41 none repeat scroll 0 0;  border-radius: 50%;  color: #fff;  display: inline-block;  font-size: 10px;  height: 13px;  line-height: 13px;  position: absolute;  right: 11px;  text-align: center;  top: -6px;  width: 13px; } .socials li a{  -moz-transition: .3s;  -webkit-transition: .3s;  -o-transition: .3s;  -ms-transition: .3s;  transition: .3s; } .socials li a:hover{  color: #f6bd41; } .header-right .search-icon{  color: #333333;  display: inline-block;  height: 40px;  line-height: 48px;  position: absolute;  right: 15px;  text-align: center;  top: -15px;  width: 40px; } .header-right::after{  background: #a09e9e none repeat scroll 0 0;  content: "";  height: 100%;  position: absolute;  right: 65px;  width: 1px;  top: 0; } .search-icon button{  background: none;  cursor: pointer; } .modal{  display: none;  position: fixed;  z-index: 9;  padding-top: 25px;  left: 0;  top: 0;  width: 100%;  height: 100%;  overflow: auto;  background-color: rgb(0,0,0);  background-color: rgba(0,0,0,0.4); } .modal-content{  margin: auto;  padding: 20px;  width: 40%;  position: relative;  background-color: #fff;  -webkit-background-clip: padding-box;  background-clip: padding-box;  border: 1px solid #999;  border: 1px solid rgba(0,0,0,.2);  border-radius: 6px;  outline: 0;  -webkit-box-shadow: 0 3px 9px rgba(0,0,0,.5);  box-shadow: 0 3px 9px rgba(0,0,0,.5); } .close{  float: left;  position: absolute;  z-index: 9;  top: 35px;  left: 12px;  font-size: 28px;  font-weight: bold;  color: #fff;  text-decoration: none;  cursor: pointer;  width: 44px;  height: 44px;  text-align: center;  background: #000;  border-radius: 50%;  transition: .4s; } .close:hover, .close:focus{  text-decoration: none;  cursor: pointer;  opacity: 0.9; } .modal-body{  position: relative;  padding: 15px; } #myModal .modal-content input.form-control{  background-color: #ffffff;  background-image: none;  border: 1px solid #f6bd41;  border-radius: 4px;  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;  font-size: 18px;  font-style: normal;  height: 44px;  padding-left: 35px;  width: 100%; } #myModal .modal-content button.btn{  position: absolute;  padding: 13.5px;  right: 0px;  top: 15px;  font-style: normal;  font-weight: 600;  background: #f6bd41;  border: 1px solid #f6bd41;  color: #fff;  border-radius: 3px;  cursor: pointer; } .fade{  opacity: 0;  -webkit-transition: opacity .15s linear;  -o-transition: opacity .15s linear;  transition: opacity .15s linear; } .fade.in{  opacity: 1; } @media only screen and (max-width: 768px){  #header{ float: left; width: 100%; padding: 5px 0px; display: none;  }  .header-left, .header-right,.header-mid{ float: left; width: 100%; text-align: center; margin-bottom: 10px;  }  .header-left li a{ margin: 12px 5px;  }  .header-right::after{ background:none; width: 0;  }  .modal-content{ width: 80%;  } .wrapper-tieudetrang{  padding: 50px 15px; } } @media only screen and (max-width: 480px){  .wrapper-tieudetrang{  padding: 10px 10px; } } .full-menubar{ float: left; width: 100%; } .nav-collapse{ float: left; padding: 0px; } .logo-cty{ float: left; margin: 17px 0px; } .logo-area{ float: left; padding: 5px 0px; } .logo-area img{ max-height: 100px; } .menu-button{ float: right; } .red-btn{ background: #f6bd41 none repeat scroll 0 0; border-radius: 3px; color: #ffffff; display: inline-block; font-weight: 500; position: relative; text-align: center; top: 4px; padding: 12px; font-style: normal; text-transform: uppercase; float: left; } .red-btn:hover{ color: #ffffff; background: #000; } #menubar > ul{ float: left; width: 100%; } #menubar ul li{ float: left; display: inline-block; position: relative; } #menubar ul li:hover:after{ background: #f6bd41 none repeat scroll 0 0; bottom: 1px; content: ""; height: 3px; left: 0; position: absolute; transition: all 0.4s ease 0s; width: 100%; } #menubar ul li a{ display: block; color: #222; font-size: 13px; font-weight: bold; padding: 15px 8px; transition: all 0.3s ease 0s; font-style: normal; text-transform: uppercase; } #menubar ul li a:hover{ color: #f6bd41; } #menubar ul.nav li ul.sub-menu{ box-shadow: 0 6px 12px rgba(0, 0, 0, 0.357); left: 0; opacity: 0; padding: 0; transition: all 0.6s ease 0s; visibility: hidden; display: block; } #menubar ul.nav li ul.sub-menu{ position: absolute; top: 100%; left: 0; z-index: 1000; float: left; min-width: 200px; font-size: 14px; text-align: left; background-color: #fff; border: 1px solid #ccc; border-radius: 4px; -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175); box-shadow: 0 6px 12px rgba(0,0,0,.175); } #menubar ul.nav li:hover ul.sub-menu{ left: 0; opacity: 1; top: 83px; transition: all 0.6s ease 0s; visibility: visible; margin-top: 0; border-top-left-radius: 0; border-top-right-radius: 0; } #menubar ul.nav li:hover ul.sub-menu>li>a{ padding: 13px 12px; } #menubar ul.nav li ul.sub-menu>li{ float: left; width: 100%; } #menubar ul.nav li ul.sub-menu>li>a{ display: block; clear: both; font-weight: bold; line-height: 1.42857143; color: #333; white-space: nowrap; } #menubar ul li ul.sub-menu li:hover:after{ background: none; bottom: 0px; height: 0px; left: 0; } #menubar ul li ul.sub-menu li:hover a{ color: #f6bd41; background: #F5F5F5; } #menubar ul li ul.sub-menu li a::before{ } #menubar ul.nav li ul.sub-menu ul.sub-menu{ opacity: 0; visibility: hidden; display: block; top: -101px; -webkit-transform: translateY(100px); transform: translateY(100px); } #menubar ul.nav li ul.sub-menu li:hover ul.sub-menu{ left: 100%; opacity: 1; visibility: visible; } #menubar ul li a:not(:only-child):after{  content: "\f107";  font-family: FontAwesome;  padding-left: 5px;  font-size: 13px; }  .btn-navbar{display: none;} .menu-collapse{display: none;} .menu-collapse{ float: right; color: #f6bd41; text-transform: uppercase; cursor: pointer; font-weight: normal; font-size: 32px; margin-right: 20px; margin-top: -5px; } @media only screen and (max-width: 1280px) and (min-width: 990px){ #menubar ul li a{  padding: 17px 10px; } }  @media only screen and (min-width: 991px){ .container{ display: flex; display: -webkit-flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; justify-content: space-between; -webkit-justify-content: space-between; align-items: center; -webkit-align-items: center; } } @media only screen and (max-width: 990px) and (min-width: 768px){ #menubar ul li a{  font-size: 12px;  padding: 28px 5px; } .red-btn{  font-size: 11px;  padding: 11px 0;  right: 0;  top: 18px;  width: 100px; } } @media only screen and (max-width: 990px){ .nav-collapse{  padding: 0px 10px; } .full-menubar{  padding-bottom: 10px; } .red-btn{ font-size: 12px; font-weight: 500; padding: 10px 20px; position: inherit; margin-left: 0; width: auto; } .menu-button{  float: left; } .logo-area{  width: 100%;  text-align: center; } .menu-collapse{display: block;} .nav-collapse{  padding: 0 20px;  float: left;  width: 100%; } #menu-primary{  display: none; } .btn-navbar{  display: block; } #menubar ul li{  float: left;  text-align: left;  width: 100%;  cursor: pointer; } #menubar ul li:hover a{  color: #f6bd41; } #menubar ul li a{  padding: 11px 15px 11px 4px;  transition: all 0.3s ease 0s; } #menubar ul li:hover::after{  background: none;  bottom: 0px;  content: ""; } #menubar ul.nav li ul.sub-menu{  box-shadow: none;  border-radius: 0px;  display: none;  opacity: 1;  padding-left: 15px;  position: static;  transition: none 0s ease 0s !important;  visibility: visible;  width: 95%;  top: 0;  } #menubar ul.nav li a{  display: inline-block;  width: auto; } #menubar ul li a:not(:only-child)::after{ content: "\f107"; font-family: FontAwesome; padding-left: 5px; font-size: 13px; display: none; } .spin-menu::before{ content: "+"; display: block; position: absolute; right: 0; top: 0px; font-size: 32px; line-height: 32px; cursor: pointer; color: #333; } .spin-menu-click.spin-menu::before{ content: "-"; } #menubar ul.nav li ul.sub-menu{ border: none; padding: 0; display: none; visibility: visible; opacity: 1; } } #sibar-left .block-left{ background: none repeat scroll 0 0 #FFFFFF; border-radius: 5px 5px 0 0; padding: 0; float: left; width: 100%; } #sibar-left{ margin-right: 2.5%; } .sidebar{ float: left; width: 25%; margin-top: 30px; position: relative; box-sizing: border-box; padding-left: 20px; border-left: 1px solid #ccc; } #sibar-left.sidebar-right{ float: right; margin: 60px 0px 0px 0px; } .product-box .woocommerce-breadcrumb, .single-product .woocommerce-breadcrumb, .product-box .page-title, .product-box .woocommerce-ordering{ display: none; } #main-frame .widget{margin-top: 10px;} .block-left{margin-bottom: 15px; float: left;} .block-left .heading_box{ float: left; line-height: 28px; padding: 0; position: relative; width: 100%; z-index: 9; } #sibar-left>.block-left>.heading_box, #sibar-left>.group-sidebar-content>.block-left>.heading_box{ float: left; width: 100%; text-align: left; color: #000000; margin-bottom: 25px; margin-top: 30px; font-weight: bold; font-size: 24px; text-transform: uppercase; } .heading_box a{ color: #000000; text-decoration: none; } .category-wapper li a{ } .block-left li{ float: left; width: 100%; display: inline-block; } .block-left li a{ color: #222222; font-size: 15px; font-style: normal; font-weight: 500; padding: 12px 0; } .block-left ul li ul li a{ background: url("images/list_style1.gif") no-repeat scroll 0 center rgba(0, 0, 0, 0); padding: 0 0 0 8px; margin-left: 20px; } .block-left ul li ul li ul li a{ margin-left: 30px; } .block-left .block-content{ box-sizing: border-box; float: left; margin-top: -2px; padding: 0; position: relative; width: 100%; z-index: 0; } .block-left ul{ float: left; width: 100%; } .block-left ul li{ float: left; line-height: 26px; padding: 0; width: 100%; box-sizing: border-box; position: relative; } .danh-muc ul li{ border-bottom: 1px solid #dadada; } .danh-muc ul li:hover{ border-bottom: 1px solid #f6bd41; } .danh-muc ul li.current-cat a{ color: #f6bd41; } .danh-muc ul li.current-cat ul.children, .danh-muc ul li.current-cat-parent ul.children{ display: block; } .danh-muc ul ul.children{ display: none; } .danh-muc ul li.current-cat ul.children li a{ color: #000; } .danh-muc ul li.current-cat ul.children li{ border: none; } .danh-muc ul li.current-cat ul.children li:hover{ border: none; } .danh-muc ul li.current-cat ul.children li:hover a{ color: #f6bd41; } .block-left ul ul{ } .block-left ul ul ul{ } .block-left ul ul ul li{ } .block-left ul li a:hover, .block-left ul li.current-menu-item > a{  color: #f6bd41; } .block-left li a.remove{ padding: 0 !important; } .block-left li.mini_cart_item a img{ float: left !important; margin-right: 10px; width: 50px !important; padding: 0; } .block-left p.total{ float: left; clear: both; margin-bottom: 10px !important; width: 100%; } .family-wapper li.active a{text-decoration: underline;} .block-left ul li.current-menu-item>.sub-menu, .block-left ul li.current-menu-parent>.sub-menu{display: block;} .list-support .nick-name{ color: #DA0303; float: left; font-size: 11px; font-weight: bold; line-height: normal; width: 100%; } .list-support .nick-phone{ float: left; font-size: 12px; line-height: normal; width: 100%; } .list-support li{ margin-top: 10px; margin-bottom: 5px; } .list-support{ text-align: center; } .group-sidebar-content .block-content{ padding: 10px; } #full-container .ads-sidebar-content img{ width: 100%; margin-bottom: 10px; } .btn-search{ float: left; width: 100%; } .btn-search form input.form-control{ border: none; border-top: 1px solid #dadada; border-bottom: 1px solid #dadada; display: inline-block; height: 48px; outline: medium none; padding-left: 15px; width: 100%; font-size: 14px; } .btn-search form button.btn-s{  display: inline-block; height: 40px; line-height: 48px; position: absolute; right: 0; text-align: center; top: 0; width: 40px; background: none } .btn-search form button.btn-s i{ color: gray; cursor: pointer; font-size: 18px; } .cart-sidebar .cart-image{ float: left; margin-right: 1%; width: 30%; } .cart-sidebar .cart-title{ float: left; margin-top: 10px; width: 68%; } .cart-sidebar .cart-title span{ float: left; font-size: 11px !important; margin: 0 !important; width: 100%; } .cart-sidebar .cart-title span.item-price{ color: #2e2d29; font-weight: normal; } .sidebar_button_cart, .sidebar_button_checkout{ background: #ff9c00 none repeat scroll 0 0; color: #fff; float: left; font-size: 13px; font-weight: normal; padding: 10px; text-decoration: none; border: 2px solid #ff9c00; } .sidebar_button_cart:hover{ border: 2px solid #ff9c00; background: #fff; color: #ff9c00; } .sidebar_button_checkout{ background: #444343 none repeat scroll 0 0; border: 2px solid #444343; float: right; color: #fff; text-decoration: none; } .sidebar_button_checkout:hover{ border: 2px solid #444343; background: #fff; color: #444343; } .block-left.widget_recent_entries .block-content a{ background: url("images/last_news_node.png") no-repeat scroll 0 2px rgba(0, 0, 0, 0); float: left; font-size: 12px; line-height: normal; padding-left: 20px; margin-bottom: 8px; } .block-left #mc_signup_form{ background: none repeat scroll 0 0 rgba(0, 0, 0, 0); border: medium none; margin: 0; padding: 0; } .block-left #mc_signup_form .mc_var_label, .block-left #mc_signup_form #mc_display_rewards{ display: none; } .block-left #mc_signup_form .mc_merge_var{ float: left; width: 70%; } .block-left #mc_signup_form .mc_merge_var .mc_input{ width: 100%; box-sizing: border-box; border-radius: 0; } .block-left #mc_signup_form #mc_signup_submit{ background: none repeat scroll 0 0 #FF9C00; border: medium none; border-radius: 0; color: #FFFFFF; padding: 4px 0 5px; text-shadow: none; width: 100%; } .block-left #mc_signup_form .mc_signup_submit{ float: right; width: 26%; } .filter-wapper .block-content{ padding-left: 10px; padding-right: 10px; padding-top: 0; } .block-content .heading_box{ font-size: 13px;  margin-bottom: 5px; text-transform: uppercase; border-top: 1px solid #dadada; padding-top: 5px; margin-top: 10px; } .block-content .widget_price_filter .heading_box{ border-top: none; } #sibar-left > .block-left > .yith-wcan, #sibar-left > .block-left.widget_price_filter > form{ padding: 10px; } .block-left.widget_price_filter form{ float: left; margin-bottom: 0; width: 100%; } .price_slider_amount #min_price, .price_slider_amount #max_price{ float: left; margin-bottom: 10px; margin-right: 5%; width: 40%; } .block-left.widget_price_filter .price_slider_amount .button{ border: medium none; padding: 5px; background: none repeat scroll 0 0 #FF9C00; border: 1.5px solid #FF9C00; color: #FFFFFF; text-shadow: none; font-size: 12px !important; margin-right: 5px; border-radius: 0px; font-weight: bold; transition: .4s; } .block-left.widget_price_filter .price_slider_amount .button:hover{ border: 1.5px solid #555; background: #fff; color: #555; transition: .4s; } .block-left.widget_price_filter .price_slider_amount .price_label{ float: left; font-size: 11px; font-weight: bold; } .block-left.yith-woo-ajax-navigation:last-child{ border: none; } .yith-woo-ajax-navigation .yith-wcan-list li{ font-size: 13px; } .yith-woo-ajax-navigation .yith-wcan-list li.chosen a{ background: url("images/icon-selected.png") no-repeat scroll 0 5px rgba(0, 0, 0, 0) !important; } .yith-woo-ajax-navigation .yith-wcan-list li a{ background: url("images/icon-select.png") no-repeat scroll 0 5px rgba(0, 0, 0, 0) !important; border: medium none !important; color: #333333 !important; line-height: 26px; padding-left: 16px !important; } .yith-woo-ajax-navigation .yith-wcan-list li a:before, .yith-woo-ajax-navigation .yith-wcan-list li a:after{ display: none; } .yith-woo-ajax-navigation .yith-wcan-list li .count{ color: #333333 !important; float: left !important; font-weight: bold; text-decoration: underline; font-size: 12px !important; line-height: 25px; display: none; } .yith-woo-ajax-navigation .yith-wcan-color li{ float: left !important; width: auto; } .yith-woo-ajax-navigation .yith-wcan-reset-navigation.button{ background: none repeat scroll 0 0 rgba(0, 0, 0, 0); border: medium none; box-shadow: none; color: #333333; float: left; font-size: 12px; font-weight: bold; margin-top: 10px; padding: 0; text-shadow: none; } .yith-woo-ajax-navigation .yith-wcan-reset-navigation.button:hover{ background: none repeat scroll 0 0 rgba(0, 0, 0, 0); text-decoration: underline; } .block-left .item-post{ clear: both; float: left; width: 100%; margin-bottom: 10px; padding-bottom: 10px; display: flex; flex-wrap: wrap; border-bottom: 1px dashed #ccc; } .block-left .item-post a{ float: left; width: 100%; } .block-left .item-post a img{ float: left; width: 100%; object-fit: cover; object-position: center; height: 100%; } .item-post-detail{ float: left; width: 100%; padding-left: 0; margin-top: 10px; } .post-date{ float: left; font-size: 12px; } .block-left .item-post .title{ float: left; margin: 0; width: 100%; font-size: 13px; } .block-left .item-post .title a{ float: left; width: 100%; color: #222222; line-height: 25px; } .block-left .item-post .title a:hover{ color: #f6bd41; } .group-sidebar-content iframe{ width: 100%; height: auto; } .woocommerce .widget_price_filter .price_slider_wrapper .ui-widget-content{ background: #f6bd41 !important; } @media only screen and (min-width: 800px){ } @media only screen and (min-width: 768px) and (max-width: 939px){ .group-sidebar-content .block-left .block-content *{ max-width: 100%; } .block-left .item-post .title{ font-size:12px; font-weight:normal; } } @media only screen and (max-width: 767px){ #sibar-left,#sibar-left.sidebar-right{ margin: 0px; padding: 0; border: none; } .sidebar{ width: 100%; } .ads-sidebar-content{ display: none; } .group-sidebar-content .block-left .block-content *{ max-width: 100%; } } @media only screen and (min-width: 600px) and (max-width: 767px){ } @media only screen and (min-width:480px) and (max-width: 599px ){ } @media only screen and (min-width:320px) and (max-width: 479px){ } @media only screen and (max-width:320px){ }  .searchform{ background: none; float: left; margin: 5px 0 0; max-width: 460px; padding: 0; width: 100%; } .searchform .btntext{ border: medium none; float: left; height: 24px; padding: 0 0 0 1%; width: 80%; min-height: 20px; } .searchform #searchsubmit{ background: url("images/icon_search.png") no-repeat scroll center center rgba(0, 0, 0, 0); border: medium none; float: left; height: 24px; padding: 0; width: 19%; } .full-header .searchform{ display: none; } @media only screen and (max-width: 768px){ }h1, h2, h3, h4, h5, h6{  margin: 0 0 15px; } .h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6{  font-family: inherit;  font-weight: 500;  line-height: 1.1;  color: inherit } .h1 .small, .h1 small, .h2 .small, .h2 small, .h3 .small, .h3 small, .h4 .small, .h4 small, .h5 .small, .h5 small, .h6 .small, .h6 small, h1 .small, h1 small, h2 .small, h2 small, h3 .small, h3 small, h4 .small, h4 small, h5 .small, h5 small, h6 .small, h6 small{  font-weight: 400;  line-height: 1;  color: #777 } .h1, .h2, .h3, h1, h2, h3{  margin-top: 0px;  margin-bottom: 10px; } .h1 .small, .h1 small, .h2 .small, .h2 small, .h3 .small, .h3 small, h1 .small, h1 small, h2 .small, h2 small, h3 .small, h3 small{  font-size: 65% } .h4, .h5, .h6, h4, h5, h6{  margin-top: 10px;  margin-bottom: 10px } .h4 .small, .h4 small, .h5 .small, .h5 small, .h6 .small, .h6 small, h4 .small, h4 small, h5 .small, h5 small, h6 .small, h6 small{  font-size: 75% } .h1, h1{  font-size: 36px } .h2, h2{  font-size: 30px } .h3, h3{  font-size: 24px } .h4, h4{  font-size: 18px } .h5, h5{  font-size: 14px } .h6, h6{  font-size: 12px } p{  margin: 0 0 10px } input{  outline: none !important; } @media only screen and (max-width: 480px){  .h1, h1{ font-size: 18px  }  .h2, h2{ font-size: 17px  }  .h3, h3{ font-size: 16px  }  .h4, h4{ font-size: 15px  }  .h5, h5{ font-size: 14px  }  .h6, h6{ font-size: 12px  } } #primary, #content, .content-box, #row-new-product, #row-wrap-category{ float: left; width: 100%; color: #333; } #content-home, .content-home{ float: left; width: 100%; position: relative; } .content-box section{ float: left; width: 100%; } .ads-left-body{ display: none; } .ads-right-body{ display: none; } .padding-70{ padding:70px 0px; } .padding-50{ padding: 50px 0px; } .padding-30{ padding: 30px 0px; } .padding-20{ padding: 20px 0px; } .padding-15{ padding: 15px 0px; } .content-title{ float: left; width: 100%; } .content-title h3{ color: #000; margin-bottom: 10px; font-style: normal; text-transform: uppercase; } .content-title p{ font-size: 14.5px; margin-bottom: 20px; font-style: normal; } .service-content{ float: left; width: 100%; display: flex; display: -webkit-flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; } .box-service{ float: left; width: 23.125%; margin-right: 2.5%; } .box-service:nth-child(4n){ float: right; margin-right: 0px; } .img-service{ position: relative; } .img-service:hover .hover{ height: 100%; position: absolute; top: 0; width: 100%; cursor: url(../css/images/link.png), auto; background: #000; opacity: .5; border: 5px solid; left: 0; } .img-service img{ display: block; height: 100%; width: 100%; object-fit: cover; -o-object-fit: cover; } .content-service h4{ margin-top: 20px; } .content-service h4 a{ color: #222222; font-size: 15px; text-transform: uppercase; font-weight: bold; } .content-service h4 a:hover{ color: #f6bd41; } .content-service p{ font-weight: normal; } .content-service a.rm-btn{ background: #f6bd41 none repeat scroll 0 0; color: #fff; display: inline-block; font-size: 13px; padding: 15px 30px; margin-top: 15px; font-style: normal; text-transform: uppercase; } a.rm-btn:hover{ background: #000; color: #fff; transition: .5s; } .about-area{ margin-bottom: 30px; } .about-area{ position: relative; background-image: url(../css/images/home/about-bg.jpg); background-size: cover; background-repeat: no-repeat; z-index: 1; } .about-area::before{ background: rgba(0, 0, 0, 0) url(../css/images/home/about-img.jpg); background-size: cover; background-repeat: no-repeat; background-position: center center; content: ""; height: 100%; left: 0; top: 0; position: absolute; width: 44%; } .about-area::after{ background: #000 none repeat scroll 0 0; content: ""; height: 100%; left: 0; opacity: 0.55; position: absolute; top: 0; width: 100%; z-index: -1; } .about-wrapper{ float: left; width: 100%; position: relative; } .about-left{ float: left; width: 49.5%; margin-right: 2.5%; } .about-left .content-title{ width: 30%; } .about-left .content-title h3{ color: #fff; } .about-left .content-title{ background: rgba(246, 189, 65, 0.9) none repeat scroll 0 0; color: #fff; margin-top: 70px; padding: 50px 40px 0px; position: absolute; left: 160px; text-align: left; top: 0; z-index: 1; } .about-left .content-title:after{ border-color: rgba(246, 189, 65, 0.9) rgba(246, 189, 65, 0.9) transparent transparent; border-style: solid; border-width: 60px 47px 11px 304px; bottom: -71px; content: ""; height: 0; left: 0; position: absolute; width: 0; z-index: -1; } .about-right{ float: right; margin-right: 0px; width: 57%; position: relative; padding-left: 20px; } .about-right .tab-home{ margin: 100px 0px; font-style: normal; padding-left: 30px; } .tab-content h3{ color: #fff; margin-bottom: 30px; font-style: normal; text-transform: uppercase; } .tab-content p{ color: #d4d4d4; font-size: 15px; font-style: normal; text-align: justify; } .tab-link{ position: absolute; border: 1px solid #666; border-bottom: transparent; border-radius: 3px; bottom: 0; } .tab-link li{ float: left; background: rgba(0, 0, 0, 0) none repeat scroll 0 0; color: #ffffff; font-size: 14px; font-style: normal; padding: 30px 45px; text-transform: uppercase; border-left: 1px solid #666; } .tab-link li:hover{ cursor: pointer; } .tab-link li.active{ border: 1px solid #f7c039; border-bottom: transparent; border-radius: 0; } .project-area{ padding-bottom: 40px; } #project-slide{ float: left; width: 100%; } .single-project{ font-size: 16px; position: relative; overflow: hidden; transition: .6s; } .img-project a{ float: left; width: 100%; display: inline-block; } .single-project img{ transition: all .2s ease-in-out; height: 100%; width: 100%; object-fit: cover; -o-object-fit: cover; float: left; } .single-project .overly{ background: rgba(15, 14, 14, 0.83) none repeat scroll 0 0; border-radius: 0; color: #ffffff; display: flex; flex-direction: column; font-style: normal; height: 100%; justify-content: center; left: 0; opacity: 0; padding: 30px; position: absolute; text-align: center; top: 100%; transform: rotateZ(300deg); transition: all 0.6s ease 0s; vertical-align: middle; width: 100%; color: #fff; } .single-project .overly a{ color: #fff; } .single-project:hover .overly{ opacity: 1; border: 5px solid transparent; transform: rotateZ(0deg); top: 0; } .single-project .overly a .fa{ bottom: 0; color: #fff; padding: 35px; position: absolute; right: 0; font-size: 20px; } .client-box .inner-container{ display: flex; flex-wrap: wrap; align-items: center; } #client-slide{ float: left; width: 100%; } .client-area{ overflow: hidden; padding-bottom: 30px; } .client-area .owl-nav i{ color: #f6bd41; } .client-area .owl-carousel .owl-nav.disabled{ display: block; } .client-area .owl-nav .owl-prev{ display: inline-block; font-size: 20px; left: -60px; right: auto; position: absolute; top: 40%; border: 0px; } .client-area .owl-nav .owl-next{ display: inline-block; font-size: 20px; position: absolute; right: -60px; top: 40%; border: 0px; } .single-client img{ left: 30px; position: absolute; top: -40px; width: 70px !important; z-index: 111; } .single-client{ border: 2px solid transparent; margin-bottom: 40px; margin-top: 40px; opacity: 0.5; padding: 50px 20px; position: relative; } .owl-item.center .single-client img{ visibility: visible; display: block; } .single-client > img{ visibility: hidden; display: none; } .owl-item.center .single-client > p{ margin-top: 13px; } .owl-item.center .single-client{ border: 2px solid #f6bd41; border-bottom: none; } .single-client > h4{ font-size: 15px; font-weight: normal; margin: 0; color: #000; } .single-client p{ font-size: 15px; } .owl-item.center .single-client{ opacity: 1; } .owl-item.active.center .single-client::before{ background: #f6bd41 none repeat scroll 0 0; bottom: -16px; content: ""; height: 2px; left: -2px; position: absolute; transform: rotate(5deg); width: 101%; } .owl-item.active.center .single-client::after{ background: #f6bd41 none repeat scroll 0 0; bottom: -32px; content: ""; height: 35px; position: absolute; right: -2px; width: 2px; } .f-contact-left{ float: left; width: 57%; margin-right: 2.5%; text-align: center; } .f-contact-right{ float: right; width: 40.5%; margin-right:0px; } #inner-button-uu-dai-db p{ color: #fff; font-family: "Arial",sans-serif; font-size: 14px; font-weight: bold; padding: 10px 0px; text-align: center; text-transform: uppercase; margin: 0; } #inner-button-uu-dai-db{ background: #161616; float: left; margin-top: 29px; width: 100%; margin-right: 20px; cursor: pointer; } #uu-dai-xanh{ color: #22205F; font-family: "Arial",sans-serif; font-size: 22px; font-weight: 600; line-height: 1.5; padding: 25px 15px; text-transform: uppercase; margin: 0px; text-align: center; } #text-uu-dai-db h4{ color: #222; font-family: "Arial",sans-serif; font-size: 22px; font-weight: 600; line-height: 1.5; padding: 25px 15px; text-transform: uppercase; margin: 0px; text-align: center; } #text-uu-dai-db{ float: left; width: 85%; } #button-uu-dai-db{ float: right; width: auto; } #uu-dai-db{ float: left; width: 100%; display: flex; justify-content: center; } #inner-button-uu-dai-db a{ color: #fff; } .fast-contact .content-title{ width: 100%; margin: 0px; } .fast-contact{ background: url(../css/images/home/getquate-bg.jpg); background-repeat: no-repeat; background-size: cover; background-position: center; position: relative; z-index: 1; float: left; width: 100%; } .fast-contact:after{ left: 0; background: #f6bd41; position: absolute; width: 100%; height: 100%; content: ""; top: 0; z-index: -1; opacity: .9; } .fast-contact .content-title > h3{ color: #ffffff; margin-bottom: 10px; } .btn-contact:hover{ border: 1px solid #eab547; color: #eab547; } .fast-contact .content-title h4{ color: #fff; } .fast-contact .content-title h4{ color: #fff; font-style: normal; font-weight: 500; } .partner-area .content-title{ width: 25%; text-align: center; } #partner{ float: right; width: 75%; margin-right: 0px; } #partner img{ width: auto; } #partner .item{ } #partner .owl-stage-outer .owl-item{ } .project-blog .blog-slide #blog .owl-nav .owl-prev{ background: url(../css/images/logos-left-arrow.jpg) no-repeat scroll 0 0; left: auto; right: 40px; } .project-blog .blog-slide #blog .owl-nav .owl-next{ background: url(../css/images/logos-right-arrow.jpg) no-repeat scroll 0 0; right: 10px; } .testimonials-us #tes .owl-nav .owl-prev{ background: url(../css/images/logos-left-arrow.jpg) no-repeat scroll 0 0; left: auto; right: 80px; } .testimonials-us #tes .owl-nav .owl-next{ background: url(../css/images/logos-right-arrow.jpg) no-repeat scroll 0 0; right: 40px; } .partners-us #part .owl-nav .owl-prev{ background: url(../css/images/logos-left-arrow.jpg) no-repeat scroll 0 0; left: -40px; } .partners-us #part .owl-nav .owl-next{ background: url(../css/images/logos-right-arrow.jpg) no-repeat scroll 0 0; right: -40px; } .project-blog .blog-slide #blog .owl-nav div, .testimonials-us #tes .owl-nav div, .partners-us #part .owl-nav div{ width: 20px; height: 21px; border-radius: 0; opacity: 1; font-size: 0; margin: 0; padding: 0; position: absolute; bottom: 10px; } .testimonials-us #tes .owl-nav div, .partners-us #part .owl-nav div{ bottom: 50px; } .full-slider #owl-slide .owl-nav div:hover, .project-blog .blog-slide #blog .owl-nav div:hover, .testimonials-us #tes .owl-nav div:hover, .partners-us #part .owl-nav div:hover{ opacity: 0.5; } .partners-us #part .owl-nav{ display: block; } .partners-us #part .item{ margin: 0 15px; } .partners-us #part .item img:hover{ border: solid 1px #ffd034; } .partners-us #part .item img{ width: 100%; height: auto; border: solid 1px #d7d7d7; border-radius: 5px; max-height: 150px; } @media only screen and (max-width: 1280px){ .content-title{  width: 65%; } .about-left .content-title{  width: 31.3%;  left: 120px; } .about-left .content-title:after{  border-width: 60px 47px 11px 257px; } } @media only screen and (max-width: 990px){ .partner-area .content-title{  width: 100%;  margin: 0; } #partner{  float: right;  width: 61.785%;  margin: auto 19.1075%; }  } @media only screen and (max-width: 860px){ } @media only screen and (max-width: 768px){ .box-service{  width: calc(50% - 2.5%);  margin-bottom: 2.5%; } .box-service:nth-child(even){  float: right;  margin-right: 0px; } .about-left .content-title{  left: 0px;  text-align: left;  width: 40.5%; } .about-right .tab-home{  margin: 80px 0px; } .tab-link li{  padding: 13px; }  } @media only screen and (max-width: 480px){ .padding-30{ padding: 10px 0px; } .content-title p{ margin-bottom: 10px; } .content-service h4{ margin: 5px 0; } .content-service a.rm-btn{ margin-top: 0; } .content-title{  width: 80%;  margin: auto 10%;  text-align: center; } .f-contact-left .content-title{  padding: 0px 10px; } .box-service{  width: 100%;  margin-right: 0px;  margin-bottom: 5%;  text-align: center; } .img-service img{  max-height: 390px;  min-height: inherit; } .content-service{  width: 50%;  margin: auto 25%; } .about-left{  width: 100%;  margin-right: 0px; } .about-left .content-title{  width: 95%;  left: 0px;  position: inherit;  margin: auto;  margin-top: 10px;  float: none;  padding:20px; } .about-left .content-title:after{  display: none; } .about-right{  float: left;  width: 97.5%;  margin-right: 2.5%;  position: inherit; } .about-right .tab-home{  padding-left: 0px;  margin-top: 10px;  margin-bottom: 0px; } .tab-content h3{ margin-bottom: 10px; } .tab-content{  margin-bottom: 10px; } .tab-content p{  color: #fff; } .tab-link{  position: inherit;  float: right;  width: 100%; } .tab-link li{  padding: 5px 40px;  display: block;  text-align: center;  border-radius: 0px;  float: initial;  border: none; } .tab-link li.active{  border: none;  color: #f7c039; }  .f-contact-left, .f-contact-right{  float: left;  width: 100%;  margin: 0px;  text-align: center; } .about-area{ margin-bottom: 20px; } .project-area{ padding-bottom: 20px; } .fast-contact .btn-contact{ float: initial; margin: 0; width: initial; } .about-area::before,.single-about .about-area::before{ background: none !important; } .padding-70{ padding: 0px; } } @media only screen and (max-width: 530px){  .content-title{  width: 100%;  margin: auto 0%;  text-align: center; }  .content-service{  width: 80%;  margin: auto 10%; } }