/*
Theme Name: DEV Wordpress
Version:5.0
Author: Wordpress
*/
.about_home h1{font-size:25px;}
#back-top {
    position: fixed;
    bottom: 30px;
    right: 30px;
    z-index: 9999;}
#back-top .fa {
    width: 38px;
    height: 45px;
    background: #1e72ef;
    color: #fff;border-radius: 30px 30px 4px 4px;
    font-size: 20px;
    text-align: center;
    opacity: 0.8;
    line-height: 44px;}
.tagged_as{font-weight: 700;padding: 10px 0;border-top: 1px solid #ddd;border-bottom: 1px solid #ddd;margin: 10px 0}
.tagged_as a{    font-size: 15px;
    color: #666;
    background: #f1f1f1;
    margin-right: 10px;
    display: inline-block;
    float: none;font-weight: 500;
    padding: 5px 7px;
    border-radius: 3px;}
.head.navbar-fixed-top {
    animation: stuckMoveDown .6s;
}
@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}
}
.breadcrums{    padding:0 0 5px;color: #f16022;
    margin-bottom: 20px;font-size: 18px;
    border-bottom: 2px solid #093a82;}
.breadcrums .slash{padding: 0 8px;color: #000}
.phone_backtotop{position:fixed;bottom:40px!important;z-index:999999;top:auto!important;width:60px;height:60px;line-height:60px;font-size:14px;font-weight:400;text-align:center;
    display:inline-block;color:#fff;border-radius:50%;background:#f62d3e;text-decoration:none;transition:opacity .2s ease-out;opacity:1;
    -webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;backface-visibility:hidden;animation:play 1.5s ease infinite;
    -webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;backface-visibility:hidden}
.phone_backtotop .fa{font-size:18px;color:#fff}
.phone_fix{position: fixed;background: #f62d3e;display: inline-block;padding: 8px 20px 8px 30px;border-radius: 0 20px 20px 0;left: 90px;bottom: 50px;color: #fff;z-index:999999}
@keyframes play {
0%{transform:rotate(0deg) scale(1) skew(1deg)}
10%{transform:rotate(-25deg) scale(1) skew(1deg)}
20%{transform:rotate(25deg) scale(1) skew(1deg);box-shadow:0 0 0 5px rgba(232,77,89,0.33),0 0 0 10px rgba(232,77,89,0.33)}
30%{transform:rotate(-25deg) scale(1) skew(1deg)}
40%{transform:rotate(25deg) scale(1) skew(1deg)}
50%{transform:rotate(0deg) scale(1) skew(1deg);box-shadow:0 0 0 5px rgba(232,77,89,0.33),0 0 0 10px rgba(232,77,89,0.33),0 0 0 15px rgba(232,77,89,0.33)}
100%{transform:rotate(0deg) scale(1) skew(1deg)}
}
@media (min-width: 1441px) {
.backtop{right:15px;bottom:20px}
.phone_backtotop{bottom:40px!important;left:50px}
}
@media (min-width: 1200px) and (max-width: 1440px) {
.backtop{right:15px;bottom:30px}
.phone_backtotop{left:50px}
}
@media (min-width: 768px) and (max-width: 1199px) {
.backtop{right:25px;bottom:40px}
.phone_backtotop{bottom:40px!important;left:50px}
}
@media (max-width: 767px) {
.backtop{right:6%;bottom:75px}
.phone_backtotop{bottom:20px!important;left:20px}
.phone_fix{left: 70px;bottom: 30px;}
	.header_menu,.widget_nav_menu,.h30 {display:none;}
}
body{font-family: 'Open Sans', sans-serif;}
a{transition: all 300ms ease-in-out;}
a:hover{color: #f16022;}
.container{}
.row10{margin: 0 -10px;}
.row5{margin: 0 -5px}
.row7{margin: 0 -7px}
.row10 >div{padding: 0 10px;}
.row5 >div{padding: 0 5px}
.row7 >div{padding: 0 7px}
.center{text-align: center;}
.left{text-align: left;}
.right{text-align: right;}
.bold{font-weight: bold;}
.uppe{text-transform: uppercase;}
.flex_al{display: flex;align-items: center;}
.flex{display: flex;}
.support-fix{position: fixed;right: 20px;bottom: 150px;z-index: 9999;}
.support-fix ul li{display: block;}
.support-fix ul li a{width: 44px;
height: 44px;
line-height: 44px;
display: inline-block;
border: none;
font-size: 18px;
color: #fff;
text-align: center;
position: relative;
border-radius: 50%;
cursor: pointer;
box-shadow: 0 2px 5px 0 rgba(0,0,0,.11);background-size: auto;
background-repeat: no-repeat;
background-position: center;
background-color: #f7a400;}
.support-fix ul li.x1 a{background-image: url(../images/widget_icon_contact_form.svg)!important;}
.support-fix ul li.x2 a{background-image: url(../images/widget_icon_click_to_call.svg)!important}
.support-fix ul li.x3 a{    background-image: url(../images/widget_icon_messenger.svg)!important;}
.support-fix ul li.x4 a{background-image: url(../images/widget_icon_zalo.svg)!important;}
.support-fix ul li.x5 a{background-image: url(../images/widget_icon_map.svg)!important;}
.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: #045d2d;
color: #fff;
padding: 15px;
border-bottom: 1px solid #e5e5e5;
min-height: 16.42857143px;}
.modal-header .modal-title {
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: 30px;
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: #045d2d;
color: #fff;margin-bottom: 0
margin-top: 15px;}

.modal-dialog{margin: 80px auto 0}
.wp-pagenavi {text-align: center;padding: 20px 0;}
.wp-pagenavi a,.wp-pagenavi span.current{border: 1px solid #f16022;border-radius: 50%;width: 30px;height: 30px;line-height: 24px;text-align: center;font-weight: 500; font-size: 13px;color: #0b5d12;display: inline-block;margin-right: 5px;}
.wp-pagenavi span.pages{border: none;font-size: 13px;}
.wp-pagenavi a:hover,.wp-pagenavi span.current{border-color: #0b5d12;background: #0b5d12;color: #fff;}

.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.5}
a:hover,a:focus,a:visited{text-decoration:none;outline:none}
a{text-decoration:none;cursor:pointer;color:#000}
img{max-width:100%;}
p.wp-caption-text{text-align:center}
.content-post img{display:block;margin:8px auto}
.content-post p{padding: 5px 0;margin: 0}
.content-post a{color: #f16022;font-weight: 500;}
.content-post ul, .content-post ol{margin-left: 25px;padding: 5px 0;margin-bottom: 0}
.content-post h1{font-size: 26px;font-weight: 600;padding: 5px 0;margin: 0}
.content-post h2{font-size: 24px;font-weight: 500;padding: 5px 0;margin: 0}
.content-post h3{font-size: 22px;font-weight: 500;padding: 5px 0;margin: 0}
.content-post h4{font-size: 20px;font-weight: 500;padding: 5px 0;margin: 0}
.content-post h5{font-size: 18px;font-weight: 500;padding: 5px 0;margin: 0}
.content-post h6{font-size: 16px;font-weight: 500;padding: 5px 0;margin: 0}
.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;max-width:96%;padding:5px 3px 10px;text-align:center}
.wp-caption.alignnone{margin:5px auto 10px auto}
.wp-caption.alignleft{margin:5px 20px 10px 0}
.wp-caption.alignright{margin:5px 0 10px 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:13px;border-bottom:1px solid #e0e0e0;padding-top: 13px;margin-left: 5px;margin-right: 5px;}
.widget-content .single-post h3.title{font-weight: 500;font-size: 15px;}
.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}
.form-group{margin-bottom:15px;position:relative}
.form-group .input{margin: 0;outline: none;border-color: #959595;border-radius: 4px;}
.form-button .button{color: #fff;background: #1e72ef;border-radius: 4px;font-size: 16px;}
.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: 20px;}
.owl-carousel .owl-dots > *{display: inline-block;zoom: 1;}
.owl-carousel .owl-dots .owl-dot{background: none;}
.owl-carousel .owl-dots .owl-dot span { width: 16px; height: 16px; margin: 5px 7px; display: block; -webkit-backface-visibility: visible; transition: opacity .2s ease; border-radius: 50%;border: 2px solid #000;}
.owl-carousel .owl-dots .owl-dot.active span{background: #f16022;border-color: #f16022;}

.owl-carousel .owl-nav .owl-prev { position: absolute; left: 0; margin: 0; line-height: 50px; border-radius: 0 5px 5px 0; background: #fff; width: 34px; position: absolute; top: 50%; transform: translate(0%,-50%); height: 50px; text-align: center; font-size: 35px; color: #999; font-family: -webkit-body; box-shadow: 0 0 4px 2px rgba(0,0,0,.15);}
.owl-carousel .owl-nav .owl-next { position: absolute; right: 0; margin: 0; border-radius: 5px 0 0 5px; background: #fff; width: 34px; height: 50px; line-height: 50px; text-align: center; font-size: 35px; position: absolute; top: 50%; transform: translate(0%,-50%); color: #999; font-family: -webkit-body; box-shadow: 0 0 4px 2px rgba(0,0,0,.15);}


h1,h2,h3,h4,h5,h6{margin-top: 0}
.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;}
body{font-family: 'Roboto', sans-serif;font-size: 15px;color: #000}
.top_content{font-size: 16px;font-weight: 500;}
.top_content p,.top_content ul,.top_content ol,.top_content table,.top_content h1,.top_content h2,.top_content h3,.top_content h4,.top_content h5,.top_content h6{margin-bottom: 0;}
.top_content h2{font-size: 20px;}
.header_top{padding-top: 10px;padding-bottom: 5px;}
.header_menu{background: #034f80}
.header_menu .menu{list-style: none;margin: 0;}
.header_menu .menu>li{float: left;position: relative;}
.header_menu .menu>li:after{content: "";height: 30px;width: 1px;background: #fff;position: absolute;right: 0;top: 10px;}
.header_menu .menu>li:last-child:after{opacity: 0}
.header_menu .menu>li>a{display: block;line-height: 50px;padding: 0 20px;font-weight: 600;font-size: 18px;color: #fff;}
.header_menu .menu>li.menu-item-has-children>a{padding-right: 38px}
.header_menu .menu>li.menu-item-has-children>a:after{content: "";border-top: 8px dashed;
border-left: 6px solid transparent;border-right: 6px solid transparent;
color: #fff;position: absolute;top: 50%;transform: translateY(-50%);right: 20px;}
.header_menu .menu>li:hover>a,.header_menu .menu>li.current-menu-item>a{background: #f16022;}
.header_menu .menu .sub-menu{list-style: none;opacity: 0;visibility: hidden;z-index: 99;}
.header_menu .menu>li>ul.sub-menu{position: absolute;top: calc(100% - 20px);left: 0;background: #fff; box-shadow: 0 2px 5px 0 rgba(0,0,0,.11);transition: all .5s;min-width: 220px;}
.header_menu .menu>li>ul.sub-menu>li{position: relative;}
.header_menu .menu>li>ul.sub-menu>li>ul.sub-menu{position: absolute;top: calc(100% - 20px);top:0;
	left: 100%;background: #fff; box-shadow: 0 2px 5px 0 rgba(0,0,0,.11);transition: all .5s;min-width: 280px;}
.header_menu .menu>li>ul.sub-menu>li.menu-item-has-children>a{padding-right: 38px}
.header_menu .menu>li>ul.sub-menu>li.menu-item-has-children>a:after{    content: "";
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
    border-left: 8px dashed;
    color: #333;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 20px;}
.header_menu .menu>li>ul.sub-menu>li.menu-item-has-children>a:hover:after{color: #fff;}
.header_menu .menu>li>ul.sub-menu>li>ul.sub-menu>li>a{display: block;
    line-height: 35px;
    padding: 0 20px;
    font-weight: 600;
    font-size: 16px;
    color: #333;
    border-bottom: 1px solid #999;}
.header_menu .menu>li>ul.sub-menu>li>ul.sub-menu>li:hover>a{color: #fff;background: #f16022;}

.header_menu .menu>li:hover>ul.sub-menu{opacity: 1;visibility: visible;top: 100%;}
.header_menu .menu>li>ul.sub-menu>li:hover >ul.sub-menu{opacity: 1;visibility: visible;}



.header_menu .menu>li>ul.sub-menu>li>a{display: block;padding: 6px 15px;font-size: 16px;}
.header_menu .menu>li>ul.sub-menu>li:hover>a{color: #fff;background: #f16022;}


.sec_title{position: relative;background-color: #034f80;padding-left: 20px;height: 50px;background-image: url(../images/bg_title.jpg);background-position: right -30% bottom;
    background-repeat: no-repeat; border: 1px solid #034f80;overflow: hidden;margin-bottom: 10px;}
.sec_title .title{font-size: 22px;margin: 0;color: #f9f7f7;line-height: 48px;font-weight: 500;}
.sec_title .title a{color: #f9f7f7}
.sec_title .seemore{position: absolute;bottom: 8px;right: 10px;color: #f16022;font-size: 16px;}
.about_home .sec_content{ }
.item_product{padding: 10px;border:1px solid #f16022;}
.item_product .img img{height: auto;width: 280px;border: 1px solid #000;min-height:110px;}
.item_product .capt{font-size: 16px;font-weight: 500;padding-top: 5px;margin-bottom: 5px;overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;height: 53px;}
.list_product .col-item{padding: 10px}
.list_product .col-item:nth-child(3n+1){clear: left;}
.list_product.block{margin-bottom: 10px;}
.slogan_home{padding: 15px 0 10px 0;background: #034f80;}
.slogan_home .slogan{font-size: 30px;color: #fff;margin-bottom: 0;line-height: 44px;}
.box_call span{display: block;font-weight: 500;line-height: 22px;}
.box_call{border-radius: 3px;background: #ffcc34;}
.box_call a{display: block;padding: 0 10px 0 40px;position: relative;height: 44px;}
.box_call a:before{content: "";height: 8px;width: 20px;background-image: url(../images/arrow-right.png);background-repeat: no-repeat;background-size: contain; position: absolute;top: 50%;transform: translateY(-50%);left: 20px;}
.box_sec{padding: 30px 0 20px;}
.project_home .title {margin-bottom: 25px;}
.project_home .title .parent_title{font-weight: 500;font-size: 24px;display: inline-block;border-bottom: 2px solid #f16022;margin-bottom: 20px;}
.project_home .title .child_title{list-style: none;margin-bottom: 0;}
.project_home .title .child_title li{display: inline-block;padding: 0 20px;}
.project_home .title .child_title li a{display: block;padding: 5px 0 2px;border-bottom: 2px solid transparent;text-transform: uppercase;font-weight: 500;}
.project_home .title .child_title li.active a{border-bottom-color: #f16022;color: #f16022}
.project_home .col-item{padding: 7px;}
.project_home .item{position: relative;}
.project_home .img img{height: 210px;}
.project_home .item .capt{width: 100%;height: 100%;position: absolute;top: 0;left: 0;background: rgba(0,0,0,.7);text-align: center;margin-bottom: 0;color: #fff;display: block;font-size: 18px;opacity: 0;visibility: hidden;}
.project_home .item:hover .capt{opacity: 1;visibility: visible;}
.project_home .item .capt span{display: block;width: 100%;top: 50%;transform: translateY(-50%);text-align: center;position: absolute;padding: 10px;}
.box_title{margin-bottom: 30px;position: relative;}
.box_title .title{font-weight: 500;font-size: 24px;display: inline-block;position: relative;}
.box_title .title span{display: block;position: relative;}
.box_title .title:before,.box_title .title:after{content: "";background: #f16022;position: absolute;bottom: 10px;height: 2px;width: 50px;}
.box_title .title span:before,.box_title .title span:after{content: "";background: #f16022;position: absolute;height: 1px;width: 35px;bottom: 16px;}
.box_title .title:before{left: -55px;}
.box_title .title span:before{left: -40px;}
.box_title .title:after{right: -55px;}
.box_title .title span:after{right: -40px;}
.comment_home .item {padding: 0 20px;}
.comment_home .item img{display: block;margin: 0 auto 13px;width: 100px;height: 100px;object-fit: cover;border-radius: 50%;border: 1px solid #ac884f;}
.comment_home .item .name{font-weight: 500;font-size: 16px;margin-bottom: 20px;}
.why_home .item img{display: block;height: 123px;width: auto;margin: 0 auto 40px;}
.why_home .item .capt{font-size: 20px;padding-bottom: 10px;margin-bottom: 13px;position: relative;display: inline-block;}
.why_home .item .capt:before{height: 1px;width: calc(100% - 20px);position: absolute;left: 10px;bottom: 0;background: #ddd;content: ""}
.why_home .col-item{padding-bottom: 20px;}
.why_home .col-item:nth-child(4n+1){clear: left;}
.bottom_content{background: #eaebeb;padding: 20px 0 10px;}
.footer_top{padding: 30px 0;background: #cbcccc;font-size: 16px;}
.footer-title{font-weight: 500;font-size: 24px;text-transform: uppercase;margin-bottom: 10px;}
.socials {list-style: none;}
.socials li{display: inline-block;margin-right: 15px;}
.socials li .fa{font-size: 40px;color: #888;}
.socials li .fa-youtube-play{color: #bf292b}
.socials li .fa-facebook-square{color: #3b5f9d}
.socials li .fa-twitter-square{color: #5398cb}
.copyright{background: #093a82;padding: 8px 0;color: #fff;font-size: 16px;}
.copyright p{margin: 0}
.box_content{border-radius: 8px;border: 1px solid #959595;padding: 10px;}
.box_form{border:  1px solid #959595;border-radius: 8px;padding: 15px 100px;}
 .box_form h4{text-align: center;font-weight: 500;}
 .box_form p{text-align: center;font-weight: 500;}
#content_pages{padding: 20px 0;}
.block_content .col-left{width: 28%}
.block_content .col-right{width: 72%}
.pages_title{font-size: 26px;margin-bottom: 10px;font-weight: 500;}
.entry_meta{font-size: 13px;color: #666666;margin-bottom: 15px;}
.entry_meta span{margin-right: 10px;}
.entry_meta a{color: #666666}
.entry_meta a:hover{color: #0b5d12}
.contact_content .box_form{padding: 15px 30px;}
.list_news .item{margin-bottom: 25px;}
.list_news .item .info .capt{font-weight: 600;font-size: 24px;margin-bottom: 13px;}
.list_news .item .info .desc{margin-bottom: 10px;}
.list_news .item .info .readmore{color: #f16022;}
.product_title{font-size: 16px;font-weight: 500;}
.top_detail .info .divider{height: 1px;width: 200px;border-top: 2px dashed #000;margin: 15px 0 13px;}
.box_link{display: inline-block;color: #fff;font-size: 18px;font-weight: 500;background: #f16022;border-radius: 6px;padding: 4px 20px;margin-top: 10px;}
.sidebar{background: #f0f5f0;}
.sidebar-title{text-align: center;color: #f9f7f7;font-weight: 500;text-transform: uppercase;background: #034f80;line-height: 40px;font-size: 18px}
.sidebar ul{list-style: none;}
.sidebar .menu{padding: 8px;}
.sidebar .menu li a{display: block;padding: 4px 8px;}
.sidebar .menu li a:before{content: "\f00c";margin-right: 10px;color: #1e72ef;font-weight: 300;font-family: FontAwesome;}
.sidebar .menu li.current-menu-item a,.sidebar .menu li:hover a{background: #f16022;color: #fff;}
.sidebar .menu li.current-menu-item a:before,.sidebar .menu li:hover a:before{color: #fff;}
.sidebar .gallery-item{margin-top: 5px;margin-bottom: 5px;}

.contact-sidebar {padding: 10px 0;}
.contact-sidebar .item{display: block;padding: 5px 5px 5px 40px;background-size: 28px;background-position: left center;background-repeat: no-repeat;margin-left: 5px;}
.contact-sidebar .item span{display: block;font-weight: 500;font-size: 16px;}
.contact-sidebar .item.phone{background-image: url(../images/icon-call.png);}
.contact-sidebar .item.zalo{background-image: url(../images/icon-zalo.png);}
.box-author .img img{width: 180px;height: 180px;border-radius: 50%;border: 5px solid #0b5d12;}
.box-author .info {padding: 10px}
.box-author .info .name{font-size: 20px;font-weight: 500;text-transform: capitalize;}
.single-san-pham .breadcrums >span:nth-child(2),.single-san-pham .breadcrums >span:nth-child(3){display: none;}
.title_search{font-size: 20px;font-weight: 500;}
@media(max-width:768px) {
body{font-size: 14px;}
.header-mobile{padding: 4px 0}
#sticker .hotline .text b{color:#045d2d;font-size:16px}
#sticker .lang{border-top:1px solid #045d2d;padding:12px 15px;text-transform:uppercase}
.bg-red{background-color:#045d2d}
.cl-red{color:#E41013}
#sticker-wrapper{width:310px;max-width:100%;background:#045d2d;height:100%;border:none;z-index:1;left:-100%;display:block;position:relative;padding:116px 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:#045d2d;position:absolute;width:25px;height:3px;transition-timing-function:ease;transition-duration:.15s;transition-property:transform;border-radius:5px}
.container{width:100%;padding:0 10px;overflow:hidden}
iframe{width: 100%}
.menu-main{display:none}
.header-top{height:8px}
.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)}
.content-header .tbl{padding:5px 0;width:100%}
.tbl > .tbl-cell{display:table-cell}
.header-mobile{padding: 5px 0}
.content-header .tbl .tbl-cell{width:40%;white-space:nowrap}
.logo img{max-width:90%}
.text-hl{font-size:13px}

.num-hl{font-size:16px;font-weight:700}
#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{position:absolute;top:0;left:0;width:100%}
#sticker .sticker-header .title{font-size:20px;line-height:75px;text-transform:uppercase;color:#fff;padding:0 50px 0 20px}
#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:100%;overflow:auto}
#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}
#sticker .search form button{position:absolute;top:7px;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 #fff;padding:0;position:relative;width:100%}
#sticker .main-menu > li > a{color:#fff;line-height:14px;padding:11px 45px 11px 15px;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;color:#fff}
#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;color:#fff}
#sticker .sticker-footer{position:absolute;bottom:0;left:0;width:100%;background-color:#2d2d2d;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}
#sticker .lang .current{color:#ddd;font-weight:700}
#sticker .socials{display:inline-block;width:auto;color:#fff;margin-bottom:0;padding:0}
#sticker .socials:after{content:"";display:table;clear:both}
#sticker .socials > li{width:16.666666666667%;border:none;float:left;list-style:none}
#sticker .socials > li > a{padding:0;display:block;height:50px;line-height:50px;border:1px solid #bbb8b8;text-align:center;border-left:none;font-size:18px;color:#fff}
#sticker .socials > li > a .fa{border-radius:0;font-size:20px;color:#fff}
#sticker .socials > li:last-child > a .fa{border-right:none}
#touch-menu{width:25px;height:25px;float:right;position:absolute;margin-top:1px;right:10px;top:19px;z-index:99}
#touch-menu .touch-menu-inner{display:block;margin-top:-2px;top:auto;bottom:0;transition-delay:.13s;transition-timing-function:cubic-bezier(.55,.055,.675,.19);transition-duration:.13s}
#touch-menu.opened .touch-menu-inner{transition-delay:.22s;transition-timing-function:cubic-bezier(.215,.61,.355,1);transform:translate3d(0,-10px,0) rotate(-45deg)}
#touch-menu.opened .touch-menu-inner:before{top:0;transition:top .1s cubic-bezier(.33333,0,.66667,.33333) .16s,transform .13s cubic-bezier(.215,.61,.355,1) .25s;transform:rotate(-90deg)}
#touch-menu.opened .touch-menu-inner:after{top:0;transition:top .2s cubic-bezier(.33333,0,.66667,.33333),opacity .1s linear .22s;opacity:0}
#touch-menu .touch-menu-inner:before,#touch-menu .touch-menu-inner:after{display:block;content:""}
#touch-menu .touch-menu-inner:before{top:-10px;transition:top .12s cubic-bezier(.33333,.66667,.66667,1) .2s,transform .13s cubic-bezier(.55,.055,.675,.19)}
#touch-menu .touch-menu-inner:after{top:-20px;transition:top .2s cubic-bezier(.33333,.66667,.66667,1) .2s,opacity .1s linear}
.flex,.flex_al{display: block;}
.owl-carousel .owl-dots{margin-top: 10px;}
.owl-carousel .owl-dots .owl-dot span{width: 14px;height: 14px;}
.block_content .col-left,.block_content .col-right{width: 100%;}
.sec_title{background-image: none;height: 40px;}
.sec_title .title{font-size: 16px;line-height: 38px;}
.sec_title .seemore{color: #fff;font-size: 12px;right: 5px;}
.sidebar{margin-bottom: 10px;}
.list_product .col-item:nth-child(3n+1){clear: none;}
.list_product .col-item:nth-child(2n+1){clear: left;}
.slogan_home .slogan{font-size: 20px;line-height: 30px;text-align: center;margin-bottom: 5px;}
.box_call{width: 50%;display: block;margin: 0 auto;}
.item_product{padding: 5px;}
.item_product .capt{font-size: 14px;}
.project_home .title .child_title li{margin-bottom: 5px;}
.project_home .title .parent_title{font-size: 20px;}
.box_title .title{font-size: 18px;}
.why_home .item img{margin-bottom: 20px;height: 80px;}
.why_home .item .capt{font-size: 16px;}
.top_content{font-size: 15px;}
.footer_top,.copyright{font-size: 14px;}
.footer-title{font-size: 18px;margin-top: 10px;}
.footer_top{padding: 20px 0;}
.project_home .title{margin-bottom: 10px;}
.sidebar-title{font-size: 16px;}
.list_news .item .info .capt{font-size: 20px;margin-top: 10px;}
.breadcrums{font-size: 15px;}
.pages_title{font-size: 20px;}
.box_form{padding: 15px !important;}
.top_detail .img{margin-bottom: 10px;}

.project_home .img img{height: 110px;}
.content-post h1{font-size: 22px;}
.content-post h2{font-size: 18px;}
.content-post h3{font-size: 16px;}
.content-post h4{font-size: 16px;}
.content-post h5{font-size: 14px;}
.content-post h6{font-size: 14px;}
.tax-danh-muc-san-pham .breadcrums >span:nth-child(2),.tax-danh-muc-san-pham .breadcrums >span:nth-child(3){display: none;}
.support-fix{bottom: 90px;}
}