/*
Theme Name: DEV Wordpress
Version:5.0
Author: Wordpress
*/
@font-face{font-family:'Roboto';src:url(fonts/Roboto-Light.woff2);font-weight:300;font-display:block;font-style:normal}
@font-face{font-family:'Roboto';src:url(fonts/Roboto-Regular.woff2);font-weight:400;font-display:block;font-style:normal}
@font-face{font-family:'Roboto';src:url(fonts/Roboto-Medium.woff2);font-weight:500;font-display:block;font-style:normal}
@font-face{font-family:'Roboto';src:url(fonts/Roboto-Bold.woff2);font-weight:700;font-display:block;font-style:normal}
@font-face{font-family:'Roboto';src:url(fonts/Roboto-Black.woff2);font-weight:900;font-display:block;font-style:normal}
body{font-family: 'Roboto', sans-serif;}
.n2:nth-child(2n+1){clear: left;}
.n3:nth-child(3n+1){clear: left;}
.n4:nth-child(4n+1){clear: left;}
.n5:nth-child(5n+1){clear: left;}
.n6:nth-child(6n+1){clear: left;}
#comments{margin: 20px auto;}
.header_logo{    background: #fff;
    border-radius: 15px;
    padding: 0 15px;}
#wpd-post-rating{margin-bottom: 20px;}
#wpdcom .wpd-thread-list{padding: 20px 0;}
#back-top {
    position: fixed;
    bottom: 30px;
    right: 30px;
    z-index: 9999;}
#back-top .fa {border-radius: 3px;
    width: 30px;
    height: 30px;
    background: #000;
    color: #fff;
    font-size: 14px;
    text-align: center;
    opacity: 0.4;
    line-height: 30px;}
   #back-top .fa:hover{opacity: 1;background: #003057}
.tagged_as{font-weight: 700;padding: 6px 0;border-top: 1px solid #ddd;border-bottom: 1px solid #ddd;margin: 10px 0}
.tagged_as a{    font-size: 12px;
    color: #666;
    background: #f1f1f1;
    margin: 3px;
    display: inline-block;
    float: none;font-weight: 500;
    padding: 3px 7px;
    border-radius: 3px;}
.head.navbar-fixed-top {
    animation: stuckMoveDown .6s;    background: #fff;
   box-shadow: 1px 1px 10px rgba(0,0,0,0.15);
}
@keyframes stuckMoveDown {
0%{transform:translateY(-100%)}
100%{transform:translateY(0)}
}
@keyframes stuckMoveUp {
0%{transform:translateY(100%)}
100%{transform:translateY(0)}
}
@keyframes stuckFadeIn {
0%{opacity:0}
100%{opacity:1}
}
.breadcrumbs{    padding: 10px 0;background: #f5f5f5;}
.breadcrumbs .slash{margin: 0 7px;}
.breadcrumbs .home .fa{font-size: 18px;}
a{transition: all 300ms ease-in-out;}
.container{width: 1140px;max-width: 100%;}
.row10{margin: 0 -10px;}
.row5{margin: 0 -5px}
.row10 >div{padding: 0 10px;}
.row5 >div{padding: 0 5px}
.center{text-align: center;}
.left{text-align: left;}
.right{text-align: right;}
.bold{font-weight: bold;}
.uppe{text-transform: uppercase;}
.flex{display: flex;align-items: center;flex-wrap: wrap;}
/* 'row-reverse' Dùng cho trường hợp đảo trái phải phần tử con */
.row-reverse{flex-direction: row-reverse;}
.table_cell{display: table;}
.table_cell>div{display: table-cell;}
.supports{    position: fixed;
    right: 0;
    background: #fffe;
    border-radius: 5px;
    width: auto;
    z-index: 150;
    bottom: 20%;
    padding: 10px 0;
    border: 1px solid #f2f2f2;}
.supports ul{list-style: none;margin: 0;}
.supports ul li a{    border: none;
    padding: 3px;
    display: block;
    border-radius: 5px;
    text-align: center;
    font-size: 10px;
    line-height: 15px;
    color: #515151;
    font-weight: 700;
    max-width: 72.19px;
    max-height: 54px;
    text-decoration: none;}
.supports ul li a .icon{width: 36px;height: 36px;display: block;background-repeat: no-repeat;background-size: contain;margin: 0 auto;background-position: center center}
.supports ul li a .icon_local{background-image: url(images/widget_icon_map.svg);}
.supports ul li a .icon_zalo{background-image: url(images/widget_icon_zalo.svg);}
.supports ul li a .icon_call{background-image: url(images/widget_icon_click_to_call.svg);}
.supports ul li a .icon_mess{background-image: url(images/Messenger.svg);}
.supports ul li a .icon_sms{background-image: url(images/widget_icon_contact_form.svg);}
.modal-content {
border: none;
box-shadow: none;
border-radius: .5rem;
position: relative;
background-color: #fff;
background-clip: padding-box;
outline: 0;}
.modal-header {
background-color: #0d7b59;
color: #fff;
padding: 15px;
border-bottom: 1px solid #e5e5e5;
min-height: 16.42857143px;}
.modal-header .modal-title {text-transform: uppercase;
position: relative;
min-height: 44px;
font-weight: 400;
font-size: 18px;
line-height: normal;
margin: 0;
line-height: 44px;
color: #fff;}
button.close {
position: absolute;
right: 15px;
top: 10px;z-index: 2;outline: none;
color: #fff;
opacity: 1;}
.btn, input[type="submit"] {
display: inline-block;
height: 40px;
line-height: 39px;
padding: 0 20px;
text-align: center;
white-space: nowrap;
outline: none!important;
cursor: pointer;
border: none;
font-weight: 400;
border-radius: 0;
letter-spacing: 0;
-webkit-transition: background-color .1s ease-in;
-moz-transition: background-color .1s ease-in;
-ms-transition: background-color .1s ease-in;
-o-transition: background-color .1s ease-in;
transition: background-color .1s ease-in;
-webkit-border-radius: 0;
border-radius: 0;}
input[type="text"], input[type="search"], input[type="password"], input[type="email"], input[type="file"], input[type="number"], input[type="tel"], textarea, select {
border: 1px solid #e1e1e1;
padding: 7px 10px;
width: 100%;margin-bottom: 10px;
max-width: 100%;
display: block;}
.pop_box input[type=submit] {
background-color: #0d7b59;
color: #fff;margin-bottom: 0
margin-top: 15px;}
.modal-dialog{margin: 80px auto 0}
.wp-pagenavi {
    text-align: right;
    padding: 20px 0;
}
.wp-pagenavi a, .wp-pagenavi span {
    width: 36px;
    height: 36px;
    border: 1px solid #0d7b59;
    line-height: 34px;
    text-align: center;
    color: #666;
    display: inline-block;
    padding: 0 10px;
}
.wp-pagenavi span.pages, .wp-pagenavi a.last, .wp-pagenavi a.first {
    width: auto;
}
.wp-pagenavi span.current, .wp-pagenavi a:hover {
    background: #0d7b59;
    color: #fff;
    border-color: #0d7b59;
}.paginate_links{overflow:hidden;text-align:center;display:table;margin:30px auto}
.paginate_links .page-numbers{width:32px;height:32px;display:inline-block;float:left;margin:0 5px;padding-top:7px;color:#c8102e;border:1px solid #c8102e;margin-bottom:5px}
.paginate_links .page-numbers:hover{background:#c8102e;color:#fff}
.paginate_links .page-numbers.prev,.paginate_links .page-numbers.next{background:transparent;width:auto;border:none}
.paginate_links .page-numbers.prev:hover,.paginate_links .page-numbers.next:hover{text-decoration:underline;color:#007BB6}
.paginate_links .page-numbers.current{background:#c8102e;color:#fff}
*{margin:0;padding:0;line-height:1.7}
a:hover,a:focus,a:visited{text-decoration:none;outline:none}
a{text-decoration:none;cursor:pointer;color:#333}
a:hover{color: #0d7b59}
img{max-width:100%;border:none;height:auto}
p.wp-caption-text{text-align:center}
.img_single img{width: 100%;height: auto;}
.user-meta{color: #000;letter-spacing: 1px;font-size: 12px;text-transform: uppercase;padding-bottom: 20px;}
.user-meta a{font-weight: 500;}
.content-post img{display:block;margin:15px auto}
.content-post hr{margin: 10px 0;}
.content-post p img{margin: 0 auto;}
.content-post ul,.content-post ol{margin-left: 24px;}
.content-post table{margin-bottom: 10px;}
.content-post h1,.content-post h2,.content-post h3,.content-post h4,.content-post h5,.content-post h6{}
.content-post h1{font-size: 30px;}
.content-post h2{font-size: 25px;}
.content-post h3{font-size: 22px;}
.content-post h4{font-size: 18px;}
.content-post h5,.content-post h6{font-size: 16px;}
.content-post blockquote{    background-color: #E4F0FB;
    padding: 10px 20px;
    border: 3px solid #C2DFF9;
    border-radius: 4px;
    margin: 10px 0 15px;
    text-align: justify;font-size: 15px;font-weight: 600;}
.content-post blockquote:before{content: "";
    background-image: url(images/before.png);
    display: block;
    width: 32px;
    height: 26px;
    float: left;
    margin-right: 20px;}
.content-post blockquote:after{    content: "";
    background-image: url(images/after.png);
    display: block;
    width: 32px;
    height: 26px;
    float: right;}
.content-post blockquote *{display: inline;}
.content-post a{font-weight: 500;}
.content-post>*{margin-bottom: 15px;}
.wp-caption.aligncenter{max-width:100%!important}
.alignnone{margin:5px 20px 20px 0}
.aligncenter,div.aligncenter{display:block;margin:5px auto}
.alignright{float:right;margin:5px 0 20px 20px}
.alignleft{float:left;margin:5px 20px 20px 0}
.aligncenter{display:block;margin:5px auto}
a img.alignright{float:right;margin:5px 0 20px 20px}
a img.alignnone{margin:5px 20px 20px 0}
a img.alignleft{float:left;margin:5px 20px 20px 0}
a img.aligncenter{display:block;margin-left:auto;margin-right:auto}
.wp-caption{background:#fff;border:1px solid #f0f0f0;max-width:96%;padding:5px 3px 10px;text-align:center}
.wp-caption.alignnone{margin:5px 20px 20px 0}
.wp-caption.alignleft{margin:5px 20px 20px 0}
.wp-caption.alignright{margin:5px 0 20px 20px}
.wp-caption img{border:0 none;height:auto;margin:0;max-width:98.5%;padding:0;width:auto}
.wp-caption p.wp-caption-text{font-size:11px;line-height:17px;text-align:center;margin:0;padding:0 4px 5px}
div.wpcf7 .ajax-loader{position:absolute}
.widget-tabs{padding:7px;margin-bottom:0;border:0;list-style:none;margin-left:0;margin-right:0;background-color:#33b5e5;margin-bottom:1.7rem;word-wrap:break-word}
.tabs-2 li{width:50%}
.nav-tabs .nav-link,.nav-tabs>li.active>a,.nav-tabs>li.active>a:focus,.nav-tabs>li.active>a:hover{border:0;color:#fff}
.nav-tabs .nav-item.active .nav-link,.nav>li>a:focus,.nav>li>a:hover,.nav-tabs>li.active>a,.nav-tabs>li.active>a:focus,.nav-tabs>li.active>a:hover{background-color:rgba(255,255,255,0.2);color:#fff;-webkit-transition:all 1s;-moz-transition:all 1s;-o-transition:all 1s;-ms-transition:all 1s;transition:all 1s;-webkit-border-radius:2px;-moz-border-radius:2px;-ms-border-radius:2px;-o-border-radius:2px;border-radius:2px}
.widget-content .single-post:last-of-type{border-bottom:none}
.widget-tabs-content .img img{box-shadow:0 8px 17px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);width:100%}
#back-top{display:none}
.widget-content .single-post {
    padding-bottom: 12px;
    border-bottom: 1px #efefef dotted;
    padding-top: 12px;
}
.widget-content .single-post h3.title {
    font-size: 14px;
    margin-bottom: 2px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.widget-tabs-content h3.title{font-weight:400;text-overflow:ellipsis;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;color:#424242;font-size:16px}
.widget-tabs-content h3.title a{color:#424242}
.text-muted{color:#636c72;display:block;margin-top:10px;font-size:14px;font-weight:400}
.widget-content .single-post .text-muted {
    font-size: 12px;
    color: #666;
    margin-top: 0;
    font-weight: 300;
}
.form-group{margin-bottom:18px;position:relative}
.form-group .input{}
.form-group label{font-weight: normal;font-size: 15px;}
.form-group input[type='email'],.form-group  input[type='date'],.form-group  input[type='search'], .form-group input[type='number'], .form-group input[type='text'], .form-group input[type='tel'], .form-group input[type='url'], .form-group input[type='password'], .form-group textarea,.form-group  select{margin: 0;outline: none;padding: 8px 12px;border: 1px solid #0d7b59;box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);color: #333;transition: color .3s, border .3s, background .3s, opacity .3s;height: 41px;}
.form-group input[type='email']:focus,.form-group  input[type='date']:focus,.form-group  input[type='search']:focus, .form-group input[type='number']:focus, .form-group input[type='text']:focus, .form-group input[type='tel']:focus, .form-group input[type='url']:focus, .form-group input[type='password']:focus, .form-group textarea:focus,.form-group  select:focus{box-shadow: 0 0 5px #ccc;}
.form-group textarea{height: auto;}
.form-button input[type="submit"] {color: #fff;text-transform: uppercase;font-size: 16px;background: #0d7b59;transition: transform .3s, border .3s, background .3s, box-shadow .3s, opacity .3s, color .3s;}
.form-button input[type="submit"]:hover{box-shadow: inset 0 0 0 100px rgba(0,0,0,0.2);}

.wpcf7-form-control-wrap{position:initial}
.wpcf7 .wpcf7-not-valid-tip{position:relative;padding:5px 10px!important;line-height:1.2em;left:auto!important;border-radius:3px;background-color:#f1f1f1!important;border:0!important;color:#000;position:absolute;right:0;top:40px;z-index:99;font-size:12px;margin-bottom:5px}
.wpcf7 .wpcf7-not-valid-tip:after{bottom:100%;left:30px;border:solid transparent;content:" ";height:0;width:0;position:absolute;pointer-events:none;border-color:rgba(136,183,213,0);border-bottom-color:#f1f1f1;border-width:5px;margin-left:-10px}
.wpcf7 .wpcf7-validation-errors{display:none!important}
.owl-carousel .owl-dots{text-align: center;margin-top: 10px;}
.owl-carousel .owl-dots > *{display: inline-block;zoom: 1;}
.owl-carousel .owl-dots .owl-dot{outline: none;background: none;}
.owl-carousel .owl-dots .owl-dot span {width: 11px;height: 11px;border: 1px solid #869791;border-radius: 50%;margin: 0 5px;display: block;}
.owl-carousel .owl-dots .owl-dot.active span{background: #fff;border-color: #fff;}
.owl-carousel .owl-nav button{position: absolute;top: 50%;transform: translateY(-50%);outline: none;background: none;}
.owl-carousel .owl-nav button .fa{width: 36px;height: 36px;border: 1px solid #869791;border-radius: 50%;line-height: 34px;text-align: center;}
.owl-carousel .owl-nav button span{display: block;height: 50px;line-height: 40px;font-size: 45px;width: 50px;color: #fff;text-align: center;  border-radius: 50%;  font-family: -webkit-body;}
.owl-carousel .owl-nav button.owl-prev span{ background-image: linear-gradient(to right,rgba(0,0,0,.5)0,rgba(0,0,0,.0001)100%);}
.owl-carousel .owl-nav button.owl-next span{background-image: linear-gradient(to left,rgba(0,0,0,.5)0,rgba(0,0,0,.0001)100%);}
.owl-carousel .owl-nav button.owl-prev{left: 0;}
.owl-carousel .owl-nav button.owl-next{right: 0;}
.slider_home .owl-dots{position: absolute;bottom: 10px;left: 50%;transform: translateX(-50%);}
.sidebar .widget:not(:last-child){margin-bottom: 20px;}
#layout_line{width: 100%;height: 100%;position: fixed;top: 0;right: 0;z-index: 9998;background: rgba(0,0,0,.6);opacity: 0;visibility: hidden;}
#layout_search{width: 0px;position: fixed;height: 100%;top: 0;right: 0;background: #fff;z-index: 9999;opacity: 0;visibility: hidden; transition: all .3s}
#layout_search.active,#layout_line.active{opacity: 1;visibility: visible;}
#layout_search.active{width: 430px;}
#layout_search .nav_icon{padding: 20px 40px;text-align: right;}
#layout_search .nav_icon i.fa{width: 34px;height: 34px;line-height: 34px;text-align: center;display: inline-block;background: #f4f4f4;border-radius: 50%;cursor: pointer;font-weight: 300;font-size: 16px;}
#layout_search .nav_search{padding: 50px 40px 40px;}
#layout_search .nav_search form{border-bottom: 1px solid hsla(0,0%,59.2%,.2);position: relative;display: flex;align-items: center;justify-content: center;}
#layout_search .nav_search form svg{width: 30px;}
#layout_search .nav_search form .search-input{width: calc(100% - 30px - 25px);border: none;padding: 6px;line-height: 44px;margin: 0;outline: none;font-size: 28px;font-family: 'Lora', serif;}
#layout_search .nav_search form button{outline: none;background: none;border: none;text-align: center;width: 25px;line-height: 56px;}
#layout_search .nav_recomment{margin: 10px 40px 30px;border-bottom: 1px solid hsla(0,0%,59.2%,.2);padding-bottom: 30px;}
#layout_search .nav_recomment .capt{font-size: 12px;text-transform: uppercase;margin-bottom: 10px;}
#layout_search .nav_recomment .list a{display: inline-block;margin: 10px 10px 10px 0;padding: 6px 15px 5px;border: 1px solid #979797;border-radius: 30px;font-size: 12px;color: #979797;}
#layout_search .nav_recomment .list a:hover{background: #979797;color: #fff;}



.button_home{color: #fff;background: #fff; font-weight: 400; z-index: 1; box-shadow: 0 0 15px rgba(0,0,0,.1); display: inline-block; position: relative; overflow: hidden; font-size: 16px;padding: 0 25px;line-height: 48px; border: 1px solid #0d7b59;
 letter-spacing: 1px; transition: color .45s cubic-bezier(.785,.135,.15,.86),border .45s cubic-bezier(.785,.135,.15,.86);}
.button_home.white{color: #333;background: 0 0;border-color: #fff;}
.button_home:before{position: absolute; content: ""; display: block; left: -2px; top: 0; right: -2px; bottom: 0; transform: scale(1,1);
    transform-origin: left center; z-index: -1; background: #0d7b59; transition: transform .45s cubic-bezier(.785,.135,.15,.86),-webkit-transform .45s cubic-bezier(.785,.135,.15,.86);}
.button_home.white:before{background: #fff;}
.button_home:hover:before{transform: scale(0,1); transform-origin: right center;}
.button_home:hover{color: #0d7b59}
.button_home.white:hover{color: #fff;}
.links_home{display: inline-block;line-height: 52px;padding: 0 15px;min-width: 260px;font-size: 15px;color: #fff;text-align: center;background-color: rgba(34,34,34,0.7);    border-right: 1px solid #f21d54;    border-left: 1px solid #40bde6;transition: all .2s;position: relative;}
.links_home:before{top: 0;background: -webkit-linear-gradient(left, #40bde6 0%, #354aff 60%, #f21d54 100%);   }
.links_home:after{bottom: 0;    background: -webkit-linear-gradient(left, #40bde6 0%, #354aff 40%, #f21d54 100%);}
.links_home:after,.links_home:before{content: "";display: block;width: 100%;height: 1px;position: absolute;left: 0; transition: all .2s;}
.links_home:hover{color: #fff;background-color: rgba(255, 255, 255, .2);border-right: 1px solid #40bde6;    border-left: 1px solid #f21d54;}
.links_home:hover:before{    background: -webkit-linear-gradient(left, #f21d54 0%, #354aff 60%, #40bde6 100%);}
.links_home:hover:after{    background: -webkit-linear-gradient(left, #f21d54 0%, #354aff 40%, #40bde6 100%);}

h1,h2,h3,h4,h5,h6{margin-top: 0;line-height: 1.3;font-family: 'Lora', serif;}
.h10{height: 10px;display: block;}
.h20{height: 20px;display: block;}
.h30{height: 30px;display: block;}
.h40{height: 40px;display: block;}
.h50{height: 50px;display: block;}
.h60{height: 60px;display: block;}
.img img{width: 100%;height: auto;object-fit: cover;}
.columns-2{grid-template-columns: repeat(2,1fr);display: grid;grid-column-gap: 30px;grid-row-gap: 30px;}
.columns-3{grid-template-columns: repeat(3,1fr);display: grid;grid-column-gap: 30px;grid-row-gap: 30px;}
.columns-4{grid-template-columns: repeat(4,1fr);display: grid;grid-column-gap: 30px;grid-row-gap: 30px;}
.columns-5{grid-template-columns: repeat(5,1fr);display: grid;grid-column-gap: 30px;grid-row-gap: 30px;}
.columns-6{grid-template-columns: repeat(6,1fr);display: grid;grid-column-gap: 30px;grid-row-gap: 30px;}
.box_hidden{height: 300px;overflow-y: scroll;padding-right: 10px;}
.box_hidden::-webkit-scrollbar{    width: 8px;background-color: #F5F5F5;}
.box_hidden::-webkit-scrollbar-thumb{border-radius: 10px; -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); background-color: #154589;}
.box_hidden::-webkit-scrollbar-track{    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); border-radius: 10px; background-color: #F5F5F5;}
.header_menu{display: flex;justify-content: flex-end;align-items: center;}
.icon_search{background: hsla(0,0%,100%,.2);margin-left: 15px;width: 34px;height: 34px;border-radius: 50%;display: flex;align-items: center;justify-content: center;cursor: pointer;transition: all .3s}
.icon_search:hover{background: hsla(0,0%,100%,.4);}
.header_menu ul{list-style: none;margin: 0;}
.header_menu .menu>li{display: inline-block;margin: 0 10px;}
.header_menu .menu li{position: relative;}
.header_menu .menu .sub-menu{opacity: 0;visibility: hidden;position: absolute;z-index: 99;background: #fff;border-top: 3px solid #0d7b59;width: 250px;    box-shadow: 0 3px 5px rgba(0,0,0,0.3);padding: 15px 0;transition: all .3s;}
.header_menu .menu>li>a{display: block;line-height: 129px;font-size: 13px;color: #fff;padding: 0 5px;}
.header_menu .menu>li:hover>a,.header_menu .menu>li.current-menu-item>a{font-weight: 600;}
.header_menu .menu>li.menu-item-has-children>a:after{content: "\f0d7";font-family: FontAwesome;font-size: 12px;position: absolute;top: 50%;transform: translateY(-50%);right: 0;}
.header_menu .menu>li.menu-item-has-children>a{padding-right: 18px;}
.header_menu .menu>li>.sub-menu{top: 100%;left: 0;font-size: 13px;transform: scaleY(0); transform-origin: 0 0;}
.header_menu .menu>li>.sub-menu li>.sub-menu{top: 0;left: 100%;transform: scaleX(0); transform-origin: 0 0;}
.header_menu .menu>li>.sub-menu li>a{color: #6a6a6a;display: block;padding: 8px 20px;}
.header_menu .menu>li>.sub-menu li.menu-item-has-children>a:after{content: "\f0da";font-family: FontAwesome;font-size: 12px;float: right;}
.header_menu .menu>li>.sub-menu li:hover>a{color: #0d7b59;}
.header_menu .menu li:hover>.sub-menu{opacity: 1;visibility: visible;}
.header_menu .menu>li:hover>.sub-menu{ transform: scaleY(1);}
.header_menu .menu>li>.sub-menu li:hover>.sub-menu{transform: scaleX(1);}
.header_menu .menu>li.menu_3>.sub-menu{width: 660px;padding-left: 10px;padding-right: 10px;}
.header_menu .menu>li.menu_3>.sub-menu>li{width: calc(100% / 3);float: left;margin: 5px 0;}
.header_menu .menu>li.menu_3>.sub-menu>li>a{text-transform: uppercase;}
.header_menu .menu>li.menu_3>.sub-menu>li>a:after{display: none;}
.header_menu .menu>li.menu_3>.sub-menu>li .sub-menu{position: initial;visibility: visible;opacity: 1;box-shadow: none;padding: 0;border: none;transform: scaleX(1);}

.item_news{border: 1px solid #d2d2d2;}
.item_news .img{overflow: hidden;}
.item_news .img img{height: 230px;transition: all .3s;}
.item_news:hover .img img{transform: scale(1.1);}
.item_news .info{padding: 26px 20px 20px;}
.item_news .info .date{font-size: 10px;margin-bottom: 8px;color: #828282;letter-spacing: 1px;}
.item_news .info .capt{font-size: 20px;margin-bottom: 8px;}
.item_news .info .desc{color: #828282;margin-bottom: 15px;}
.item_news .info .link{display: block;font-weight: 600;color: #0d7b59;}

.rm_button{text-align: center;margin: 30px auto 20px;position: relative;}
.rm_button:before {
    content: '';
    position: absolute;
    height: 60px;
    left: 0;
    right: 0;
    background: linear-gradient(transparent, #fff);
    bottom: 57px;
}
.rm_button span{display: inline-block;padding: 8px 20px;border-radius: 5px;color: #fff;font-size: 15px;text-transform: uppercase;cursor: pointer;background: #e5007f}

.header_top {background: #0d7b59;border-top: 1px solid rgba(255,255,255,.3);height: 45px;}
.header_top .nav_top{display: flex;align-items: center;justify-content: flex-end;}
.header_top .nav_top .item{border-right: 1px solid rgba(255,255,255,.3);padding: 0 25px;display: flex;height: 44px;align-items: center;justify-content: center;color: #fff;}
.header_top .nav_top .item a{color: #fff;font-size: 12px;font-weight: 500;display: flex;align-items: center;}
.header_top .nav_top .item a:hover{color: hsla(0,0%,100%,.5)}
.header_top .nav_top .item a img{margin-right: 10px;max-height: 25px;max-width: 25px;}
.header_top .nav_top .item i{font-size: 20px;margin-right: 15px;}
#header{position: absolute;top: 0;left: 0;width: 100%;z-index: 999;}
#banner_home{position: relative;overflow: hidden;width: 100%;}
#banner_home .block_desktop{height: 100vh;display: flex;justify-content: flex-end;}
#banner_home .block_desktop .item {width: 100%;height: 100vh;transition: all .65s;min-height: 600px;position: relative;background-size: cover;background-repeat: no-repeat;background-position: center;}

#banner_home .block_desktop .item .drop_fill{position: absolute;display: block;width: 100%;height: 100%;top: 0;left: 0;transition: all .4s;backdrop-filter: blur(10px);}
#banner_home .block_desktop .item .title_show{position: absolute;top: 0;left: 0;color: #fff; width: 100%;height: 100vh;min-height: 600px;opacity: 1; z-index: 1;display: block;margin: 0;overflow: hidden;cursor: pointer;transition: all .4s; text-align: center;}
#banner_home .block_desktop .item.active .title_show{opacity: 0;display: none;}
#banner_home .block_desktop .item.active .drop_fill{backdrop-filter: blur(0);background: rgba(0, 0, 0, 0.6);}
#banner_home .block_desktop .item .title_show:before{content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(0,0,0,.4);transition: all .4s;}
#banner_home .block_desktop .item .title_show .multi_title{position: absolute;width: 100%;left: 0;bottom: 16%;transition: all .3s;font-size: 30px;font-weight: normal;}
#banner_home .block_desktop .item .title_show .multi_title .icon{opacity: .6;transition: all .3s}
#banner_home .block_desktop .item .title_show:hover .multi_title{bottom: 21%;}
#banner_home .block_desktop .item .title_show:hover .multi_title .icon{opacity: 1;}
#banner_home .block_desktop .item .title_show:hover:before{background-color: rgba(0,0,0,.2);}
#banner_home .block_desktop .item .inner{padding: 0 10%;display: flex;justify-content: flex-end;transition: all .5s;margin-top: -13%;flex-direction: column;max-width: 90%;position: relative;height: 100%;color: #fff;opacity: 0;}
#banner_home .block_desktop .item.active .inner{opacity: 1;}
#banner_home .block_desktop .item .inner .sub{text-transform: uppercase;color: #d2d2d2;font-size: 12px;margin-bottom: 5px;font-weight: normal;letter-spacing: 1px}
#banner_home .block_desktop .item .inner .title{font-size: 50px;margin-bottom: 50px;font-weight: normal;}
#banner_home .block_desktop .item .inner .content{font-size: 16px;color: #d1d1d1;max-width: 620px;}
#banner_home .block_desktop .item .inner .link{margin-top: 45px;color: #d2d2d2;text-transform: uppercase;display: block;}
#banner_home .block_desktop .item .inner .link img{margin-left: 10px;transition: all .3s}
#banner_home .block_desktop .item .inner .link:hover{color: #fff;}
#banner_home .block_desktop .item .inner .link:hover img{margin-left: 18px;}
#banner_home .block_scrol{background-image: url(images/scroll-down-bg.webp);width: 90px;height: 44px;background-position: 50%;background-size: contain;cursor: pointer;background-repeat: no-repeat;display: block;position: absolute;left: 50%;transform: translateX(-50%);bottom: 0;z-index: 4;}
#banner_home .block_scrol:after{display: block;content: "";width: 14px;height: 16px;background-image: url(images/scroll-down-arrow.svg);background-size: contain;background-position: 50%;background-repeat: no-repeat;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);cursor: pointer;}
.price_list{position: absolute;width: 330px;top: 50%;transform: translateY(-50%); right: 8%;background: #0d7b59;border-radius: 8px;overflow: hidden;}
.price_list .capt{text-transform: uppercase;background: #988975;padding: 8px 15px;font-size: 16px;font-weight: 600;color: #fff;line-height: 24px;}
.price_list .content{height: 400px;overflow-y: scroll;padding: 20px 10px;font-size: 12px;position: relative;}
.price_list .content:after{content: "";height: 18px;width: calc(100% - 8px);position: fixed;bottom: -1px;left:0;background: #0d7b59}
.price_list .content:before{content: "";height: 18px;width: calc(100% - 8px);position: fixed;top: 40px;left:0;background: #0d7b59}
.price_list .content::-webkit-scrollbar{width:8px;background-color:#F5F5F5}
.price_list .content::-webkit-scrollbar-thumb{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.3);background-color:#988975}
.price_list .content::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.3);background-color:#F5F5F5}
.price_list table{margin-bottom: 0;border: none !important;border-radius: 5px;overflow: hidden;}
.price_list table tr td{border: none !important;background: #fafafa;text-align: right;vertical-align: middle !important;}
.price_list table tr td:first-child{text-align: left;}
.price_list table tr:nth-child(even) td{background: #fff2cc}
.price_list table tr:first-child td{background: #ffc000;font-weight: 600;font-size: 14px;}



#about_home{padding: 50px 0;}
.titlehome{font-size: 50px;margin-bottom: 30px;}
.titlehome a{line-height: normal;}
.contenthome{font-size: 16px;color: #565656;max-width: 750px;margin-bottom: 30px;}
.contenthome.center{margin: 0 auto 30px;}
#about_home .video{margin-top: 50px;}
#product_home{padding: 0 0 50px 0;}
#product_home .item .img img{height: 260px;}
#product_home .item .capt{margin-top: 15px;}
#product_home .item .capt a{display: block;text-transform: uppercase;font-weight: bold;font-size: 16px;border: 2px solid #333;padding: 0 6px;line-height: 38px;height: 42px;overflow: hidden;}
#product_home .item .capt a:hover{border-color: transparent;}
#commitment_home {position: relative;margin-bottom: 80px;}
#commitment_home .block_bg{width: 100%;height: 650px;display: flex;flex-wrap: wrap;}
#commitment_home .block_bg .line{width: 40%;background: #988975;}
#commitment_home .block_bg .background{background-size: cover;background-repeat: no-repeat;background-position: 50%;width: 60%;position: relative;}
#commitment_home .block_bg .background:after{content: "";    background: linear-gradient(270deg,transparent 0,rgba(0,0,0,.7));width: 100%;height: 100%;position: absolute;top: 0;left: 0;display: block;}
#commitment_home .block_inner{position: absolute;top: 0;left: 0;width: 100%;}
#commitment_home .block_inner .titlehome{margin-top: 150px;font-size: 30px;color: #fff;margin-bottom: 20px;}
#commitment_home .block_inner .text{font-size: 16px;color: #fff;opacity: .75;}
#commitment_home .block_inner .button_home{margin-top: 70px;}
#commitment_home .block_inner .inner_top{height: 520px;}
#commitment_home .block_inner .inner_bot .item{max-width: 360px;margin: 0 auto;position: relative;display: block;overflow: hidden;}
#commitment_home .block_inner .inner_bot .item .img img{height: 205px;transition: all .3s}
#commitment_home .block_inner .inner_bot .item:hover .img img{transform: scale(1.1);}
#commitment_home .block_inner .inner_bot .item:after{content: "";height: 100%;width: 100%;position: absolute;top: 0;left: 0;background: linear-gradient(rgba(20,20,20, 0.4), rgba(20,20,20, 0.4));display: block;}
#commitment_home .block_inner .inner_bot .item .info{position: absolute;padding: 5px;width: 100%;top: 50%;transform: translateY(-50%);text-align: center;z-index: 2}
#commitment_home .block_inner .inner_bot .item .info .capt{font-size: 24px;color: #fff;font-weight: normal;margin-bottom: 16px;}
#news_home{padding: 50px 0;}
#news_home .titlehome{font-size: 40px;margin-bottom: 15px;padding-left: 10px;}
#news_home .news_left .item{padding: 5px;margin-bottom: 10px;border-bottom: 1px solid rgba(0,0,0,0.1);}
#news_home .news_left .item .img img{height: 160px;}
#news_home .news_left .item .capt{margin: 10px 0 5px;font-size: 15px;height: 38px;overflow: hidden;}
#news_home .news_right .item{padding: 8px 0 6px;border-bottom: 1px solid rgba(0,0,0,0.1);}
#news_home .news_right .item .capt{font-size: 14px;margin: 2px 0 4px;overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;}
#news_home .news_right .item .date{font-size: 12px;color: #bdbdbd;}
#news_home .item:last-child{border-bottom: none;}
#brand_home{background: #f5f5f5;padding: 70px 0;}
#brand_home .item a{display: block;width: 100%;border: 1px solid #ececec;display: flex;align-items: center;justify-content: center;height: 80px;}
#brand_home .item img{max-height: 50px;max-width: 130px;}
.footer_top{background: #161616;color: #848484;padding: 30px 0;font-size: 16px;font-weight: 300;}
.footer_top a{color: #848484;}
.footer_top a:hover{color: #0d7b59;}
.footer_top li{list-style: none;margin-bottom: 12px;}
.footer-title{font-size: 20px;padding: 20px 0 15px;color: #fff;margin-bottom: 20px;position: relative;text-transform: capitalize;font-family: 'Lora', serif;}
.footer-title:after{content: "";height: 1px;width: 70px;position: absolute;left: 0;bottom: 0;border-bottom: 1px dashed rgba(255,255,255,0.15);}
.social-info{margin-top: 15px;}
.social-info li{display: inline-block;margin-right: 10px;}
.footer_top .links li{padding-left: 20px;position: relative;}
.footer_top .links li:before{content: "\f105";position: absolute;left: 2px;top: 3px;color: #0d7b59;font-family: FontAwesome;line-height: 1;font-size: 14px;}
.footer_top .infos li i.fa{width: 25px;color: #0d7b59;font-size: 18px;}
.copyright{padding: 25px 0;background: #1d1d1d;color: #848484;}
.copyright a{color: #0d7b59;}
.copyright *{margin-bottom: 0;}
#banner_pages{background-size: cover;background-repeat: no-repeat;background-position: center;position: relative;height: 740px;}
#banner_pages:before{content: "";display: block;position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,.4)}
#banner_pages .overlay{position: absolute;top: 0;left: 0;width: 100%;height: 70%;display: block;opacity: .83;transform: scaleY(-1);background-image: linear-gradient(180deg,transparent 27%,#141414 88%);}
#banner_pages .inner{margin-top: 40%;position: relative;}
.pages_title{font-size: 70px;}
#banner_pages .pages_title{color: #fff;margin: 30px 0 10px;}
.about_sec1{padding: 80px 0 60px;}
.about_sec1 .titlehome{font-size: 30px;max-width: 420px;}
.about_sec2{padding: 30px 0 60px;}
.about_sec2 .item .img img{height: 300px;}
.about_sec2 .item .info .capt{padding: 20px 0;font-size: 26px;margin-bottom: 0;}
.about_sec2 .item .info .text{font-size: 16px;color: #565656;margin-bottom: 15px;}
.about_sec2 .item .info .link{display: block;color: #0d7b59;font-weight: 600;font-size: 16px;margin-bottom: 10px;}
.about_sec3{background-size: cover;background-position: center;background-repeat: no-repeat;position: relative;height: 600px;padding: 0 50px;}
.about_sec3:after{content: "";display: block;width: 100%;height: 100%;position: absolute;top: 0;left: 0;background: rgba(0, 0, 0, 0.4)}
.about_sec3 .inner{width: 600px;max-width: 100%;position: absolute;top: 50%;transform: translateY(-50%);z-index: 2;}
.about_sec3 .inner .titlehome{color: #fff;}
.about_sec3 .inner .contenthome{color: #fff;opacity: .8;}
.about_sec4 {padding: 80px 0;}
.box_title{margin-bottom: 30px;}
.box_title .titlehome{font-size: 30px;margin-bottom: 20px;}
.box_title .titlehome:after{content: "";height: 1px;width: 50px;background: #0d7b59;display: block;margin: 10px auto;}
.box_title .sub_titlehome{font-size: 40px;}
.about_sec5 {padding-bottom: 50px;}
.about_sec5 .item{display: flex;}
.about_sec5 .item .icon{width: 50px;}
.about_sec5 .item .icon img{width: 50px;height: 60px;padding-bottom: 10px;border-bottom: 3px solid #0d7b59}
.about_sec5 .item .info{width: calc(100% - 50px);padding-left: 15px;}
.about_sec5 .item .info .capt{line-height: 50px;overflow: hidden;padding-bottom: 10px;height: 60px;border-bottom: 2px dotted #0d7b59;color: #0d7b59;font-size: 18px;}
.pages_product{display: flex;}
.pages_product .sidebar_pro{background: #f6f6f6;padding-top: 80px;width: 25%;}
.pages_product .sidebar_pro .menu{list-style: none;margin-bottom: 0;}
.pages_product .sidebar_pro .menu>li{margin: 5px 0;position: relative;display: block;}
.pages_product .sidebar_pro .menu>li>a{display: block;padding: 18px 15%;line-height: 18px;font-size: 16px;}
.pages_product .sidebar_pro .menu>li:hover,.pages_product .sidebar_pro .menu>li.current-menu-item,.pages_product .sidebar_pro .menu>li.current-menu-ancestor{background: #eeeeef}
.pages_product .sidebar_pro .menu>li>ul{padding-left: 15%;list-style: none;margin-bottom: 0;display: none;}
.pages_product .sidebar_pro .menu>li>ul>li>a{display: block;padding: 10px 20px;color: #7c7c7c;}
.pages_product .sidebar_pro .menu>li>ul>li>a:hover{color: #333;}
.pages_product .sidebar_pro .menu>li.menu-item-has-children>i.fa{display: block;width: 50px;height: 50px;top:2px;right: 0;text-align: center;line-height: 50px;font-size: 16px;position: absolute;cursor: pointer;}
.pages_product .sidebar_pro .menu>li.current-menu-ancestor>ul,.pages_product .sidebar_pro .menu>li.current-menu-item>ul{display: block;}
.pages_product .sidebar_pro .menu>li.current-menu-ancestor>a,.pages_product .sidebar_pro .menu>li.current-menu-item>a{font-weight: 600;}
.pages_product .content_pro{padding: 80px 120px;width: 75%;}
.short_desc_cat_product{font-size: 32px;margin-bottom: 40px;font-weight: normal;}
.content-post{font-size: 16px;color: #565656;}
.list_pro .item{padding: 35px 0;border-bottom: 1px solid rgba(0,0,0,.1);}
.list_pro .item .img{border: 1px solid rgba(0,0,0,.1);}
.list_pro .item .img img{min-height: 160px;}
.list_pro .item .capt{font-size: 30px;}
.list_pro .item .desc{color: #828282;}
.title >a,.capt>a,.name>a{line-height: normal;}
.content-pro{padding-top: 50px;padding-bottom: 30px;}
.tab-title{list-style: none;margin-bottom: 30px;border-bottom: 2px solid #0d7b59}
.tab-title li{display: inline-block;height: 50px;line-height: 50px;padding: 0 30px;border-radius: 5px 5px 0 0;font-size: 18px;}
.tab-title li.active{background: #0d7b59;}
.tab-title li.active a,.tab-title li.active span{color: #fff;}
.product_title{font-size: 30px;margin-bottom: 20px;}
.img-pro{border: 1px solid rgba(0,0,0,.1);}
.desc_pro{margin-bottom: 10px;}
.related-pro .list_pro .item{padding-top: 0;border-bottom: none;}
.related-pro .list_pro .item .img img{min-height: 140px}
.related-pro .list_pro .item .capt{font-size: 24px;}
.pages_news{padding: 80px 0;}
.title_single{font-size: 40px;}
.related_post{display: flex;justify-content: space-between;margin-top: 30px;}
.related_post .item{width: 50%;position: relative;border-color: #e0e0e0;border-style: solid;font-size: 16px;padding: 10px;}
.related_post .item span{text-transform: uppercase;font-weight: 500;}
.related_post .item span,.related_post .item a{display: block;}
.related_post .item a{position: relative;}
.related_post .item_after{text-align: right;border-width: 2px 2px 2px 1px;}
.related_post .item_before{border-width: 2px 1px 2px 2px;}
.related_post .item_before span{padding-left: 30px;}
.related_post .item_after span{padding-right: 30px;}
.related_post .item_before a{padding-left: 40px;}
.related_post .item_after a{padding-right: 40px;}
.related_post .item a:after{content: "";font-family: FontAwesome;transition: all .3s; position: absolute;width: 34px;height: 34px;line-height: 34px;text-align: center;border: 1px solid #e0e0e0;border-radius: 50%;display: block;top: -4px;}
.related_post .item_after a:after{content: "\f178";right: 2px;}
.related_post .item_before a:after{content: "\f177";left: 2px;}
.related_post .item a:hover:after{border-color: #0d7b59}
.pages_contact{padding: 80px 0;}
.pages_contact .infos li{list-style: none;margin-bottom: 16px;font-size: 16px;color: #565656;}
.pages_contact .infos li i.fa{font-size: 20px;width: 25px;color: #0d7b59}
.pages_contact .title{font-size: 30px;padding-bottom: 10px;margin-bottom: 12px;font-family: 'Lora', serif;position: relative;}
.pages_contact .title:after{content: "";position: absolute;bottom: 0;left: 0;width: 70px;height: 1px;border-bottom: 1px dashed rgba(56,56,56,0.15)}

@media(max-width:768px) {
.n3:nth-child(2n+1){clear: left;}
.n3:nth-child(3n+1){clear: none;}
.n5:nth-child(2n+1){clear: none;}
.n5:nth-child(2n+1){clear: left;}
#sticker .hotline .text b{color:#0d7b59;font-size:16px}
#sticker .lang{border-top:1px solid #0d7b59;padding:12px 15px;text-transform:uppercase}
.bg-red{background-color:#999999}
.cl-red{color:#0d7b59}
#sticker-wrapper{width:310px;max-width:100%;background:rgba(255,255,255,.9);height:100%;border:none;z-index:1;left:-100%;display:block;position:relative;padding:0 0 50px;-webkit-transition:all 300ms ease-out;-moz-transition:all 300ms ease-out;-ms-transition:all 300ms ease-out;-o-transition:all 300ms ease-out;transition:all 300ms ease-out;margin:0}
#touch-menu .touch-menu-inner,#touch-menu .touch-menu-inner:before,#touch-menu .touch-menu-inner:after{background-color:#888;position:absolute;width:24px;height:2px;transition-timing-function:ease;transition-duration:.15s;transition-property:transform;border-radius:5px}
.container{width:100%;padding:0 10px;overflow:hidden}
.row{margin: 0 -10px}
.row>div{padding: 0 10px;}
iframe{width: 100%}
.menu-main{display:none}
.header-top{height:3px}
.content-header{padding: 5px 0;}
.content-header.head.navbar-fixed-top{border-bottom: 1px solid #000}
.fixed{position:fixed!important;z-index:1000000;width:100%;background:#fff;top:0;-webkit-box-shadow:0 2px 3px 0 rgba(0,0,0,.3);-moz-box-shadow:0 2px 7px 0 rgba(0,0,0,.1);box-shadow:0 2px 7px 0 rgba(0,0,0,.1)}

#sticker{width:100%;height:100%;left:0;top:0;z-index:999;visibility:hidden;opacity:0;position:fixed}
#sticker.opened{visibility:visible;opacity:1;transition:ease-in-out .3s}
#sticker .container{padding:0}
#sticker-overlay{opacity:0;visibility:hidden;background:rgba(0,0,0,0.5);position:absolute;top:0;left:0;width:100%;height:100%;z-index:0;-webkit-transition:all 300ms ease-out;-moz-transition:all 300ms ease-out;-ms-transition:all 300ms ease-out;-o-transition:all 300ms ease-out;transition:all 300ms ease-out}
#sticker.opened #sticker-wrapper{left:0}
#sticker.opened #sticker-overlay{opacity:1;visibility:visible}
#sticker .tbl,#sticker .tbl-cell{display:block;width:100%}
#sticker .sticker-header{width:100%;}
#sticker .sticker-header .title{font-size:20px;line-height:75px;text-transform:uppercase;color:#fff;padding:0 50px 0 20px;background: #333;}
#sticker .sticker-header .close-menu{width:40px;height:40px;line-height:40px;position:absolute;right:5px;top:17px;cursor:pointer;text-transform:uppercase}
#sticker .sticker-header .close-menu:before,#sticker .sticker-header .close-menu:after{width:18px;height:2px;position:absolute;left:50%;top:50%;margin:-1px 0 0 -9px;content:"";background:#fff}
#sticker .sticker-header .close-menu:before{transform:rotate(45deg);-moz-transform:rotate(45deg);-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg)}
#sticker .sticker-header .close-menu:after{transform:rotate(-45deg);-moz-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg)}
#sticker .sticker-body{max-height:calc(100% - 136px);overflow:auto;padding: 10px;}
#sticker .search{padding: 10px;background: #333;border-top: 1px solid #aaa;}
#sticker .search form{position:relative}
#sticker .search form input{width:100%;height:40px;line-height:40px;padding:0 30px 0 15px;background-color:#fff;border:none;outline:none!important;margin-left:0;margin-bottom: 0;}
#sticker .search form button{position:absolute;top:3px;right:10px;background:none!important;color:#666;outline:none!important;border:none;font-size:20px;padding:0}
#sticker ul.main-menu{display:block;float:none!important;padding:0;margin:0}
#sticker .main-menu > li{display:block;border-bottom:1px solid #aaa;padding:0;position:relative;width:100%}
#sticker .main-menu > li > a{line-height:14px;padding:11px 45px 11px 5px;display:block;text-align:left;font-weight:400;font-size:14px;text-transform:capitalize}
#sticker #sticker-wrapper .main-menu > li > .fa{position:absolute;right:0;top:0;line-height:39px;width:39px;text-align:center;cursor:pointer;margin:0;font-size:12px;display:block;}
#sticker ul.main-menu > li ul{position:static;transform:none;width:100%;padding-left:10px;margin-left:0;background-color:transparent;display:none;margin-bottom:10px}
#sticker ul.main-menu > li ul:after{display:none}
#sticker ul.main-menu > li ul > li{border-bottom:none;list-style:none;margin-bottom:5px}
#sticker ul.main-menu > li ul > li > a{border-bottom:none;padding:7px 10px 7px 20px;}
#sticker .sticker-footer{position:absolute;bottom:0;left:0;width:100%;background-color:#333;color:#fff}
.sticker-footer .hotline{color:#2d2d2d;text-transform:uppercase;background-color:rgba(0,0,0,0);border:1px solid#fff;padding:7px;text-align:center;border-radius:20px;margin:5px 20px;background-color:#fff}
.sticker-footer .hotline a{color:#2d2d2d;font-size:18px;font-weight:700}
#sticker .hotline .text{min-height:34px;line-height:34px;background:url(../img/hotline-icon.png) 3px 4px no-repeat;white-space:nowrap;padding:0 10px 0 40px;background-color:#fff!important;border-radius:34px}
#sticker .hotline .text span,#sticker .main-menu > li.hotline .text b{display:inline-block;font-weight:600}
#sticker .hotline .text span{color:#5d5d5d;text-transform:uppercase;font-size:16px;font-weight:700;margin-bottom:0;padding-right:5px}
#touch-menu,.cart_mb{width:30px;height:30px;cursor: pointer;line-height: 30px;text-align: center;border-radius: 4px;background: #fff;color: #0d7b59;display: inline-block !important;}

.flex,.flex_al{display: block;}
.columns-3,.columns-4,.columns-5,.columns-6{grid-template-columns: repeat(2,1fr);grid-column-gap: 10px;grid-row-gap: 10px;}
.columns-2{grid-template-columns: repeat(1,1fr);grid-column-gap: 10px;grid-row-gap: 10px;}

.header-mobile{background: #0d7b59;}
.logo_mb a{display: inline-block;padding: 0 20px;border-radius: 4px;background: #fff;}
.logo_mb img{max-height: 50px;}
.content-header .container>.row{display: flex;align-items: center;}
.content-post{font-size: 14px;}
.content-post h1{font-size: 24px;}
.content-post h2{font-size: 21px;}
.content-post h3,.content-post h4{font-size: 18px;}
.content-post h5,.content-post h6{font-size: 15px;}
#banner_home .block_desktop{display: block;height: auto;}
#banner_home .block_desktop .item{width: 100% !important;height: 95px;min-height: 0;}
#banner_home .block_desktop .item.active{height: auto;}
#banner_home .block_desktop .item .title_show{min-height: 0;height: 100%;}
#banner_home .block_desktop .item .inner{margin-top: 0;padding:40px 15px 20px;max-width: 100%;}
#banner_home .block_desktop .item .inner .title{font-size: 30px;margin-bottom: 20px;}
#banner_home .block_desktop .item .inner .content{font-size: 13px;}
#banner_home .block_desktop .item .inner .link{margin-top: 20px;}
#banner_home .block_desktop .item .title_show .multi_title{display: flex;align-items: center;justify-content: center;font-size: 24px;}
#banner_home .block_desktop .item .title_show .multi_title .icon{width: 26px;margin-left: 15px;}
#about_home{padding: 30px 0;}
#product_home{padding: 0 0 30px}
.titlehome{font-size: 30px;margin-bottom: 20px;}
.contenthome{margin-bottom: 20px;font-size: 14px;}
.button_home{font-size: 14px;padding: 0 20px;line-height: 38px;}
#about_home .video{margin-top: 20px;}
#about_home .video iframe{height: 250px;}
#product_home .listhome{padding: 0;}
#product_home .item .img img{height: 140px;}
#product_home .item .capt a{font-size: 14px;border: 1px solid #333;line-height: 32px;height: 34px;}
#commitment_home{margin-bottom: 0;}
#commitment_home .block_bg .background{width: 100%;}
#commitment_home .block_bg .line{width: 0;}
#commitment_home .block_bg{height: 400px;}
#commitment_home .block_inner{position: inherit;margin-top: -300px;}
#commitment_home .block_inner .titlehome{margin-top: 0;font-size: 24px;margin-bottom: 12px;}
#commitment_home .block_inner .text{font-size: 14px;}
#commitment_home .block_inner .button_home{margin-top: 15px;}
#commitment_home .block_inner .inner_top{height: auto;padding: 30px 20px;background: #988975;margin-bottom: 90px;}
#commitment_home .block_inner .inner_bot .item .info .capt{font-size: 18px;}
#commitment_home .block_inner .inner_bot .item .info img{width: 26px;}
#commitment_home .block_inner .inner_bot .item .img img{height: 160px;}
#commitment_home .block_inner .inner_bot .item{margin-bottom: 2px;}
#news_home,#brand_home,.pages_contact,.pages_news{padding: 30px 0;}
#news_home .news_left .item a{display: flex;}
#news_home .news_left .item .img{width: 150px;}
#news_home .titlehome{font-size: 30px;}
#news_home .news_left .item .img img{height: 120px;}
#news_home .news_left .item .capt{width: calc(100% - 150px);padding-left: 10px;}
.footer_top{font-size: 14px;}
.footer-title{font-size: 18px;padding: 10px 0 8px;}
.copyright{font-size: 12px;padding: 12px 0;text-align: center;}
.pages_title{font-size: 34px;}
#banner_pages{height: 250px;}
#banner_pages .inner{margin-top: 25%;}
.about_sec1 .titlehome{font-size: 30px;}
.about_sec1{padding: 30px 0 0}
.about_sec2 .item .img img{height: 200px;}
.about_sec2 .item .info .capt{padding: 10px 0;font-size: 24px;}
.about_sec2 .item .info .text{font-size: 14px;margin-bottom: 10px;}
.about_sec2{padding: 30px 0;}
.about_sec3{height: 300px;padding:30px 20px;}
.about_sec3 .inner{position: relative;transform: translateY(0);top: auto;}
.about_sec3 .inner .titlehome{margin-bottom: 15px;}
.about_sec4{padding: 30px 0;}
.box_title .sub_titlehome{font-size: 30px;}
.box_title .titlehome{font-size: 24px;}
.box_title{margin-bottom: 20px;}
.contenthome.center{margin: 0 auto 20px;}
.about_sec5 .inner .columns-4,.list_news .columns-3{grid-template-columns: repeat(1,1fr);}
.maps_contact iframe{height: 250px;}
.item_news .info{padding: 10px;}
.item_news .info .desc{font-size: 13px;margin-bottom: 10px;}
.item_news .info .capt{font-size: 18px;}
.item_news .info .date{margin-bottom: 3px;}
.title_single{font-size: 24px;}
.related_post .item{width: 100%;border-width: 1px !important;font-size: 14px;}
.related_post{display: block;margin-top: 20px;}
.pages_product{flex-wrap: wrap;}
.pages_product .sidebar_pro{width: 100%;padding-top: 0;}
.pages_product .sidebar_pro .menu > li > a{padding: 12px 10%;font-size: 14px;}
.pages_product .sidebar_pro .menu > li.menu-item-has-children > i.fa{width: 38px;height: 38px;line-height: 38px;}
.pages_product .sidebar_pro .menu > li > ul{padding-left: 10%;}
.pages_product .content_pro{padding: 30px 10px;width: 100%;}
.list_pro .item .img img{height: 220px;}
.list_pro .item{padding: 16px 0;}
.list_pro .item .capt{margin-top: 8px;font-size: 24px;}
.product_title{font-size: 24px;margin-top: 10px;margin-bottom: 15px;}
.content-pro{padding-top: 30px;}
.tab-title li{height: 42px;line-height: 42px;padding: 0 20px;font-size: 16px;}
.price_list{position: initial;display: block;width: 100%;right: auto;transform: translateY(0);display: block;margin-top: 10px;}
}