/*   

Theme Name: DEV Wordpress

Version:5.0

Author: Wordpress

*/
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,300;0,400;0,900;1,300;1,400;1,700&display=swap');
body{font-family: 'Roboto', sans-serif;}
#wpdcom .wpd-thread-list{padding: 10px 0;}
#wpd-post-rating{margin-bottom: 0;}
#comments{margin: 10px auto;}
.woocommerce div.product form.cart .variations td.label {
    padding-right: 1em;
    color: #000;
    display: inline-block;
    font-size: 13px;
    vertical-align: middle;}
.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;}
.user-meta{font-size: 13px;color: #888;letter-spacing: 2px;}
.screen-reader-text {
    display: none;}
.woocommerce table.shop_table {
    border: 0;}
    .woocommerce .col2-set .col-2, .woocommerce-page .col2-set .col-2{    padding: 15px 30px;
    border: 2px solid #0088cb;}
    #add_payment_method #payment, .woocommerce-cart #payment, .woocommerce-checkout #payment {
    background: none;
    border-radius: 0;}
    .payment_methods li+li {
    padding-top: 7px;
    border-top: 1px solid #ececec;}
    form.checkout .checkbox input{margin-left: 0}
    .woocommerce-form__label{font-size: 14px;}
    .woocommerce-form__label span{padding-left: 20px;}
#back-top {
    position: fixed;
    bottom: 30px;
    right: 20px;
    z-index: 9999;}
#back-top .fa {border: 1px solid #fff;
    width: 38px;
    height: 38px;border-radius: 4px;
    background: #0088cb;
    color: #fff;
    font-size: 20px;
    text-align: center;
    opacity: 0.8;
    line-height: 35px;}
.tagged_as{font-weight: 700;padding: 8px 0;border-top: 1px solid #ddd;border-bottom: 1px solid #ddd;margin: 10px 0}
.tagged_as a{    font-size: 13px;
    color: #666;
    background: #f1f1f1;
    margin: 5px;
    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: 0 0 46px 0 rgba(5,35,61,.07);
}
@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{ line-height: 35px;color: #fff;}
.breadcrumbs a{color: #fff;}
.breadcrumbs i.fa{margin: 0 5px;}
.breadcrumbs .home i.fa{margin: 0;font-size: 18px;}
a{transition: all 300ms ease-in-out;}
.container{padding: 0 10px;}
.row{margin: 0 -10px;}
.row5{margin: 0 -5px}
.row >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;}
.supports{    position: fixed;
    right: 10px;
    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: #0088cb;
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: 0;z-index: 2;
top: 0;
opacity: 1;width: 20px;height: 20px;outline: none;}
button.close  span{display: block;line-height: 20px;}
.pop_box input[type=submit] {
background-color: #0088cb;
color: #fff;margin-bottom: 0
margin-top: 15px;}
.modal-dialog{margin: 80px auto 0}
.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;}
input[type='button'] {
    position: relative;
    display: inline-block;
    background-color: transparent;
    text-transform: uppercase;
    -ms-touch-action: none;
    touch-action: none;
    cursor: pointer;
    font-weight: bolder;
    text-align: center;
    color: currentColor;
    text-decoration: none;
    border: 1px solid transparent;
    vertical-align: middle;
    border-radius: 0;
    margin-top: 0;
    margin-right: 1em;
    text-shadow: none;
    padding: 0 1.2em;
    max-width: 100%;
    transition: transform .3s,border .3s,background .3s,box-shadow .3s,opacity .3s,color .3s;
    text-rendering: optimizeLegibility;
    box-sizing: border-box;}
.buttons_added input {
    border: 1px solid #777;
    margin: 0;    height: 33px;    display: inline-block;
    vertical-align: middle;
    padding: 0 10px;}
    .devvn-popup-title{height: auto;padding: 10px;background: #0088cb;}
    .popup-customer-info-group .devvn-order-btn{background: #0088cb;}
    .woocommerce .quantity .qty {
    width: 50px;    display: inline-block;
    text-align: center;
  height: 33px;}
  .woocommerce #reviews #comments h2 {
    clear: none;
    text-align: left;
    font-weight: 700;
    padding: 10px 0;}
  .woocommerce div.product form.cart .button{float: none}
  a.devvn_buy_now_style{background: #0088cb;border-radius: 0;}
 .mfp-content .devvn-popup-quickbuy a.devvn_buy_now_style{display: none;}
  .woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt {
    background-color: #0088cb;
    color: #fff;
    -webkit-font-smoothing: antialiased;
    border-radius: 0;}
    a.devvn_buy_now_style{display: block;margin-top: 20px;}
    .woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea{    border: 1px solid #ddd;padding: 7px;}
.image-product{position: relative;}
.sale-flash {
    display: none;
    font-weight: 700;
    position: absolute;
    top: 5px;
    left: 5px;
    z-index: 9;
    color: #fff;
    height: 40px;
    width: 40px;
    font-size: 12px;
    text-align: center;
    border-radius: 50%;
    line-height: 35px;
    -webkit-box-shadow: 0 0 15px -3px rgba(0,0,0,0.5);
    -moz-box-shadow: 0 0 15px -3px rgba(0,0,0,0.5);
    box-shadow: 0 0 15px -3px rgba(0,0,0,0.5);
    background: #0088cb;
    background-size: cover;
    border: 2px solid #fff;}
.woocommerce a.remove {
    width: 30px;
    height: 22px;
    position: relative;
    transition: opacity 200ms;
    vertical-align: top;
    display: block;
    -webkit-appearance: none;
    background: none;
    border: none;
    cursor: pointer;
    outline: none;
    padding: 0;
    text-indent: -9999px;
}
.woocommerce a.remove:before, .woocommerce a.remove:after {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAQCAQAAACMnYaxAAAAXUlEQVR4XsWQQQrAQAgD84Pti/JSoaftN1MCdgXxXgYvGfUQyABE4DEIUJmeuKgVlJI5em0RGTesFXXZuLwCzvL2pYbHmfCTNSXxpyyajLGClFy7K1dgaaho7YYovIpO3rju6hYFAAAAAElFTkSuQmCC) 0 0 no-repeat;
    left: 8px;
    position: absolute;
    right: 8px;
    top: 2px;
    display: inline-block;
    content: '';
}
.woocommerce a.remove:before{
    height: 6px;
    transform-origin: -7% 100%;
    -moz-transform-origin: -7% 100%;
    -webkit-transform-origin: -7% 100%;
    transition: transform 150ms;
    -moz-transition: transform 150ms;
    -webkit-transition: transform 150ms;
    width: 14px;
}
.woocommerce a.remove:after{
    background-position: -1px -4px;
    height: 12px;
    margin-left: 1px;
    margin-right: 2px;
    margin-top: 4px;
    width: 11px;
}
.woocommerce a.remove:hover:before{
    transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    transition: transform 250ms;
    -moz-transition: transform 250ms;
    -webkit-transition: transform 250ms;
}
.woocommerce a.remove:hover {
    background: transparent;
}
.wp-pagenavi {
    text-align: center;
    padding: 20px 0;
}
.wp-pagenavi a, .wp-pagenavi span {
    width: 36px;
    height: 36px;
    border: 1px solid #0088cb;
    line-height: 34px;
    text-align: center;
    color: #0088cb;
    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: #0088cb;
    color: #fff;
    border-color: #0088cb;
}

*{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:#333}
img{max-width:100%;border:none;height:auto}
p.wp-caption-text{text-align:center}
.content-post img{display:block;margin:15px auto}
.content-post iframe{display: block;margin: 0 auto;}
.content-post hr{margin: 10px 0;}
.content-post p img{margin: 0 auto;}
.content-post p>.fa,.content-post li>.fa{width: 18px;text-align: center;}
.content-post ul,.content-post ol{margin-left: 25px;}
.content-post li{margin: 6px 0;}
.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: 24px;color: #133A72;margin-bottom: 15px;font-weight: bold;text-align: center;text-transform: uppercase;}
.content-post h2{font-size: 22px;color: #133A72;border-bottom: 2px solid #133A72;position: relative;margin-bottom: 15px;padding-bottom:3px;display: inline-block;}
.content-post h2:after{content: "";position: absolute;height: 2px;width: 50px;left: 0;bottom: -2px;background: #e20006;}
.content-post h3{font-size: 20px;color: #133A72;border-left: 3px solid #153C73;padding: 0 0 0 10px;margin-bottom: 15px;}
.content-post h4{font-size: 18px;}
.content-post h5,.content-post h6{font-size: 16px;}
.content-post blockquote{padding: 6px 20px;font-size: 14px;background: #f3f3f3;border-left: none;position: relative;}
.content-post blockquote:after{content: "";width: 3px;background: #e20006;position: absolute;left: 0;top: 15%;bottom: 15%;}
.content-post a{font-weight: 500;}

.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:15px;border-bottom:1px solid #e0e0e0;margin-bottom:1.5rem}
.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{outline: none;padding: 7px 10px;border-radius: 3px;  margin: 0;  box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);    border: 1px solid #ccc;line-height: 28px;}
.form-group .input.wpcf7-validates-as-required{    background-image: url(images/required.png);
    background-position: right center;
    background-repeat: no-repeat;}
.form-group .input:focus{border-color: #0389c5}
.form-button .button{width: 100%;text-align: center;text-transform: uppercase;font-weight: 600;color: #fff;background: #0389c5;border-radius: 3px;font-size: 18px;height: 50px;line-height: 44px;}
.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;}
.owl-carousel .owl-dots > *{display: inline-block;zoom: 1;}
.owl-carousel .owl-dots .owl-dot span { width: 10px; height: 10px; margin: 5px 7px; background: #D6D6D6; display: block; -webkit-backface-visibility: visible; transition: opacity .2s ease; border-radius: 30px;}
.owl-carousel .owl-dots .owl-dot.active span{background: #869791;}
.owl-carousel .owl-nav button{position: absolute;top: 50%;transform: translateY(-50%);outline: none;background: none;}
.owl-carousel .owl-nav button .fa{font-size: 40px;color: #676767;height: 40px;width: 40px;text-align: center;line-height: 40px;}
.owl-carousel .owl-nav button.owl-prev{left: 0;}
.owl-carousel .owl-nav button.owl-next{right: 0;}
.sidebar .widget:not(:last-child){margin-bottom: 30px;}


.button_home{color: #fff;border-radius: 3px; font-weight: 400; z-index: 1; box-shadow: 0 0 15px rgba(0,0,0,.1);text-transform: uppercase; display: inline-block; position: relative; overflow: hidden; font-size: 14px;padding: 0 25px;line-height: 36px; border: 1px solid #0088cb;
    background: 0 0; letter-spacing: 1px; transition: color .45s cubic-bezier(.785,.135,.15,.86),border .45s cubic-bezier(.785,.135,.15,.86);}
.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: #0088cb; transition: transform .45s cubic-bezier(.785,.135,.15,.86),-webkit-transform .45s cubic-bezier(.785,.135,.15,.86);}
.button_home:hover:before{transform: scale(0,1); transform-origin: right center;}
.button_home:hover{color: #0088cb}
.links_home{display: inline-block;letter-spacing: 1px; 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;text-decoration: none;}
.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%);}
.link_move{display: inline-block;line-height: 38px;padding: 0 15px;border: 1px solid #333;}
.link_move:hover{opacity: .8;text-decoration: none;}

.capt a,.title a{line-height: 1.3}
h1,h2,h3,h4,h5,h6{margin-top: 0;line-height: 1.3}
.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;transition: all .3s}
.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;}
.table_cell{display: table;    box-sizing: border-box;width: 100%;}
.table_cell>div{display: table-cell;    box-sizing: border-box;}

.header_main{height: 105px;}
.header_main .logo{padding: 10px 0;}
.header_main .logo img{max-height: 85px;}
.header_menu ul{list-style: none;margin: 0;}
.header_menu .menu{height: 105px;}
.header_menu .sub-menu{display: none;position: absolute;z-index: 99;background: #fff;min-width: 260px;padding: 10px;box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);}
.header_menu li{}
.header_menu .menu>li{display: inline-block;margin: 0 15px;position: relative;}
.header_menu .menu>li:first-child{margin-left: 0;}
.header_menu .menu>li:last-child{margin-right: 0;}
.header_menu .menu>li>a{display: block;line-height: 95px;border-top: 5px solid transparent;border-bottom: 5px solid transparent;font-weight: 600;text-transform: uppercase;font-size: 16px;color: #676767;}
.header_menu .menu>li:hover>a{border-bottom-color: rgb(255, 0, 0)}
.header_menu .menu>li>.sub-menu{top: 100%;left: 0;}
.header_menu .menu>li>.sub-menu .sub-menu{left: 100%;top: 0;}
.header_menu .menu li:hover>.sub-menu{display: block;}
.header_menu .sub-menu>li>a{display: block;padding: 5px 0;font-size: 15px;border-bottom: 1px dashed #dadada;}
.header_menu .sub-menu>li:hover>a{color: #0088cb}
.header_search .icon{width: 50px;height: 50px;line-height: 50px;text-align: center;cursor: pointer;color: #676767;border: 1px solid #dadada;font-weight: 300;float: right;}
.header_search{position: relative;}
form.woocommerce-product-search{width: 280px;}
.header_search form{position: absolute;right: 0;top: calc(100% + 25px);display: none;z-index: 9}
form.woocommerce-product-search .search-field{width: 100%;outline: none;border: 1px solid #a94442;    box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);margin: 0;height: 40px;padding: 8px 40px 8px 10px;}
form.woocommerce-product-search button{position: absolute;outline: none;background: none;border: none;font-size: 16px;height: 40px;width: 40px;top: 0;right: 0;color: #676767;}
.slider_home .item img{height: 500px;}
.slider_home .owl-nav button .fa{color: #fff;}
.slider_home .owl-nav button:hover .fa{color: #ed1c24;}
.slider_home .owl-nav button.owl-prev{left: 20px;}
.slider_home .owl-nav button.owl-next{right: 20px;}
.free_about{background: #0088cb;color: #fff;font-size: 16px;}
.free_about .item{padding: 10px;vertical-align: middle;}
.free_about .item .icon {width: 100px;float: left;}
.free_about .item .icon img{max-width: 100px;max-height: 74px;}
.free_about .item .text {float: left;overflow: hidden;}
.free_about .item .text strong{display: block;font-size: 28px;font-weight: 600;line-height: 1.3}
.about_home{padding: 40px 0;}
.title_home{text-transform: uppercase;color: #676767;margin-bottom: 20px;font-weight: 600;font-size: 30px;}
.title_home span{display: inline-block;padding-left: 28px;position: relative;border-bottom: 2px solid #0088cb;}
.title_home span:before{content: "";position: absolute;left: 0;bottom: 12px;    border-bottom: 20px solid red;    border-right: 20px solid transparent;}
.title_home.white{color: #fff;}
.title_home.white span{border-bottom-color: #fff;}
.procedure_home{padding: 70px 0;background-size: cover;}
.procedure_home .item .img{overflow: hidden;border: 5px solid #fff;transition: all .3s}
.procedure_home .item .img img{transition: all .8s;height: 255px;}
.procedure_home .item:hover .img img{transform: scale(1.1);}
.procedure_home .item:hover .img{border-color: #31b6f7}
.procedure_home .item .capt{font-size: 20px;margin: 0;padding: 10px;}
.procedure_home .item .capt a{color: #fff;}
.procedure_home .item:hover .capt a{color: #0088cb}
.procedure_home .owl-nav button{opacity: 0;visibility: hidden;transition: all .4s;top: 45%}
.procedure_home .owl-nav button .fa{background: #fff;}
.procedure_home .owl-carousel:hover .owl-nav button{opacity: 1;visibility: visible;}
.procedure_home .owl-nav button:hover .fa{background: #0088cb;color: #fff;}
.section5{background: #f5f5f5;position: relative;}
.section5 .bg{position: absolute;height: 100%;width: 100%;    clip-path: polygon(0 0, 50% 0, 50% 100%, 0 100%);}
.section5 .bg img{width: 100%;height: 100%;object-fit: cover;}
.section5 .inner{padding: 50px 0;position: relative;}
.section5 .bg:after {
    content: "";
    background: #00000080;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.form_home{width: 70%;display: block;margin: 0 auto;}
.benefit_home .item{display: flex;align-items: center;}
.benefit_home .item:not(:last-child){margin-bottom: 10px;}
.benefit_home .item .icon{width: 110px;text-align: center;}
.benefit_home .item .icon .fa{font-size: 60px;color: #0088cb;}
.benefit_home .item .text {width: calc(100% - 110px);}
.benefit_home .item .text h3{font-size: 16px;color: #0088cb;font-weight: 600;text-transform: uppercase;margin-bottom: 5px;}
.banner_home{padding: 30px 0;}
.banner_home img{max-height: 200px;}
.project_home{padding: 30px 0;}
.project_home .tab_name {list-style: none;border-bottom: 1px solid #ccc;margin-bottom: 30px;}
.project_home .tab_name li{display: inline-block;margin: 0 10px;}
.project_home .tab_name li a{display: block;line-height: 42px;text-transform: uppercase;font-size: 16px;color: #0088cb;position: relative;}
.project_home .tab_name li a:after{content: "";height: 3px;width: 100%;position: absolute;left: 0;bottom: -2px;}
.project_home .tab_name li.active a:after{background: #0088cb}
.project_home .tab-content .inner{display: flex;}
.project_home .tab-content .inner>div{width: 50%;min-height: 460px;}
.project_home .tab-content .inner .col_img{position: relative;}
.project_home .tab-content .inner .col_img .item{opacity: 0;visibility: hidden;position: absolute;top: 0;left: 0;width: 100%;height: 100%;transition: all .3s;}
.project_home .tab-content .inner .col_img .item .img{height: 100%;}
.project_home .tab-content .inner .col_img .item .img a{display: flex;align-items: center;text-align: center; z-index: 2;width: 100%;height: 100%;position: absolute;left: 0;top: 0;opacity: 0;visibility: hidden;background: rgba(0,0,0,.3);}
.project_home .tab-content .inner .col_img .item .img:hover a{opacity: 1;visibility: visible;}
.project_home .tab-content .inner .col_img .item .img img{width: 100%;height: 100%;z-index: -2;position: relative;}
.project_home .tab-content .inner .col_img .item .img a .button_home{margin: 0 auto;}
.project_home .tab-content .inner .col_img .item .img a .button_home:hover{background: #fff;}
.project_home .tab-content .inner .col_img .item.opened{opacity: 1;visibility: visible;}
.project_home .tab-content .inner .col_title .item{line-height: 45px;border-bottom: 1px solid #dadada;position: relative; margin-left: 30px;transition: all .3s;cursor: pointer;}
.project_home .tab-content .inner .col_title .item a{display: block;line-height: 45px;}
.project_home .tab-content .inner .col_title .item.opened,.project_home .tab-content .inner .col_title .item:hover{background: #0088cb;margin-left: 0;padding-left: 30px;}
.project_home .tab-content .inner .col_title .item.opened a,.project_home .tab-content .inner .col_title .item:hover a{color: #fff;}
.project_home .tab-content .inner .col_title .item:before {
    content: "";
    width: 32px;
    height: 32px;
    display: inline-block;
    position: absolute;
    left: 0;
    top: 7px;
    transform: rotate(45deg);
    background: #0088cb;
    opacity: 0;
    transition: all 0s;
    transition-delay: 0s;
    z-index: -1;
}
.project_home .tab-content .inner .col_title .item.opened:before,.project_home .tab-content .inner .col_title .item:hover:before {
    left: -16px;
    opacity: 1;
    transition: all 0.3s 0.1s;
    box-shadow: 0px 0px 10px 1px #00000094;
}
.jobs_home{padding-top: 20px;background: #0088cb;color: #fff;}
.jobs_home .img img{width: auto;min-height: 400px;}
.jobs_home .title_home{padding-top: 30px;}
.jobs_home .content{margin-bottom: 10px;}
.jobs_home .button_home{color: #676767;border-color: #fff;}
.jobs_home .button_home:before{background: #fff;}
.jobs_home .button_home:hover{color: #fff;}
.section8{padding: 30px 0;}
.slider_cmt{padding: 0 10px;}
.slider_cmt .item .content{background: #0088cb;padding: 15px;border-radius: 5px;font-style: italic;position: relative;color: #fff;}
.slider_cmt .item .content:before{content: "";width: 0;height: 0;border-top: 20px solid #0088cb;border-right: 20px solid transparent;position: absolute;bottom: -20px;left: 100px;}
.slider_cmt .item .info{padding-left: 130px;padding-top: 12px;}
.slider_cmt .item .info .img{float: left;width: 90px;}
.slider_cmt .item .info .img img{height: 90px;border-radius: 50%; }
.slider_cmt .item .info .name{float: left;width: calc(100% - 90px);padding-left: 20px;padding-top: 20px;color: #676767;font-size: 16px;}
.slider_cmt .owl-nav button{top: 60%;}
.slider_cmt .owl-nav button .fa{font-size: 24px;width: 24px;height: 30px;line-height: 30px;}
.slider_cmt .owl-nav button.owl-prev{left: auto;right: 28px;}
.slider_cmt .owl-nav button.owl-prev .fa{text-align: right;}
.slider_cmt .owl-nav button.owl-next .fa{text-align: left;}
.slider_cmt .owl-nav button .fa:hover{color: #f00}
.partner_home .item {border: 1px solid #dadada;border-radius: 4px;margin-bottom: 8px;display: flex;align-items: center;height: 80px;}
.partner_home .item img{max-height: 80px;max-width: 100%;margin: 0 auto;display: block;}
.news_home{padding: 40px 0;}
.news_home .content_home{padding: 30px 0;}
.news_home .item{position: relative;}
.news_home .item .img img{height: 190px;transition: all .3s;}
.news_home .item .img{overflow: hidden;margin-bottom: 15px;}
.news_home .item .img:hover img{transform: scale(1.1);}
.news_home .item .info .capt{font-size: 20px;}
.news_home .item .info .desc{color: #676767;}
.news_home .item .date_post{width: 65px;height: 65px;background: #0088cb;color: #fff;position: absolute;top: 0;left: 0;text-align: center;padding: 13px 0;}
.news_home .item .date_post >span{display: block;line-height: 1;}
.news_home .item .date_post .day{font-size: 26px;}
.news_home .item .date_post .month{font-size: 12px;}
#footer{color: #fff;background: #0088cb;}
#footer a{color: #fff;}
#footer a:hover{text-decoration: underline;}
.footer_top{padding: 20px 0 10px;border-bottom: 1px solid #31b6f7;}
.footer-title{font-weight: normal;text-transform: uppercase;font-size: 17px;margin-bottom: 10px;margin-top: 10px;}
#footer li{line-height: 1.8;list-style: none;}
#footer p>.fa,#footer li>.fa{width: 18px;text-align: center;}
.footer_bot{padding: 20px 0;}
.copyright{padding: 10px 0;text-align: center;}
.copyright >*{margin-bottom: 0;}
.footer_bot .f-widget .widget{width: 37%;}
.footer_bot .f-widget .widget:nth-child(3n){width: 26%}
.banner_pages{height: 200px;background-size: cover;background-repeat: no-repeat;background-position: center;padding-top: 60px;}
.entry_title{font-size: 30px;text-transform: uppercase;margin: 0;}
.banner_pages .entry_title{color: #fff;}
#content_pages{padding: 25px 0;}
.maps_ct{margin-top: 30px;}
.box_content{border: 1px solid #dadada;padding: 15px;border-radius: 10px;}
.single_title{font-size: 22px;position: relative;}
.single_title:after{content: "";height: 2px;width: 50px;display: block;margin: 5px 0 8px;background: #0088cb}
.entry_content{padding: 15px 0;}
.related-posts{margin-top: 20px;}
.related-posts .title{font-size: 18px;text-transform: uppercase;margin-bottom: 10px;font-weight: 600;}
.date_line{font-size: 13px;color: #888;letter-spacing: 2px;font-weight: normal;text-transform: none;display: inline-block;margin-left: 5px;}
.related-posts .date_line{font-size: 12px;}
.related-posts li{margin: 5px 0;}
.related-posts .item .img{float: left;width: 35%;}
.related-posts .item {margin-bottom: 15px;}
.related-posts .item .img img{height: 90px;}
.related-posts .item .info{float: left;width: 65%;padding-left: 10px;}
.related-posts .item .info .capt{font-size: 15px;font-weight: normal;margin-bottom: 5px;}
.related-posts .item .info .date_post{font-size: 12px;color: #666}
.sidebar .widget{background: linear-gradient(to bottom, rgba(247,247,247,1) 0%, rgba(236,236,236,1) 100%);;padding: 10px;border-radius: 5px;}
.sidebar .widget ul{list-style: none;margin: 0;}
.sidebar-title{font-size: 16px;font-weight: 600;text-transform: uppercase;color: #fff;background: #0088cb;margin:-10px -10px 0 -10px;line-height: 40px;border-radius: 5px 5px 0 0;padding: 0 10px;}
.widget_categories >ul >li,.product-categories>li{border-bottom: 1px dashed #dadada;padding: 8px 0;font-weight: 600;font-size: 15px;}
.widget_categories >ul >li:last-child,.product-categories>li:last-child{padding-bottom: 0;border-bottom: none;}
.widget_categories >ul li.current-cat>a,.widget_categories >ul li:hover>a,.product-categories li.current-cat>a,.product-categories li:hover>a{color: #ed1c24 }
.product-categories li >ul.children{display: none;padding-left: 10px;padding-top: 4px;font-weight: normal;}
.widget_categories >ul li>ul.children{padding-left: 10px;padding-top: 4px;font-weight: normal;font-size: 14px;}
.product-categories>li>ul.children ul.children{font-size: 14px;}
.product-categories li>i.fa{float: right;height: 22px;width: 22px;text-align: center;line-height: 22px;}

.list_news{padding: 20px 0;}
.item_news{margin-bottom: 20px;}
.item_news .img img{height: 190px;}
.item_news .info .capt{margin: 10px 0;font-size: 16px;}
.divider{width: 30px;display: block;height: 2px;background: #676767;margin: 5px 0}
.item_news .info .date_post{font-size: 12px;color: #666}
.item_news .info .desc{overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;}
.item_project{margin: 10px 0;}
.item_project .img{border: 5px solid #0088cb;overflow: hidden;}
.item_project .img img{height: ;transition: all .8s;}
.item_project:hover .img img{transform: scale(1.1);}
.item_project .capt{font-size: 20px;margin: 10px;height: 52px;overflow: hidden;}
.item_project .capt a{color: #676767;}
.item_project .capt a:hover{color: #0088cb;}
.list_jobs .title{font-weight: 600;color: #aaa;border-top: 1px solid #ddd;border-bottom: 1px solid #ddd;font-size: 16px;padding: 15px 0;}
.list_jobs .number{width: 100px;vertical-align: middle;padding-left: 10px;}
.list_jobs .date{width: 150px;text-align: right;vertical-align: middle;padding-right: 10px;}
.list_jobs .name{width: calc(100% - 100px - 150px);vertical-align: middle;}
.list_jobs .list .item{padding: 20px 0;border-bottom: 1px solid #ddd;position: relative;}
.list_jobs .list .item .name{font-size: 20px;font-weight: 600;text-transform: uppercase;}
.list_jobs .list {counter-reset: li;list-style: none;}
.list_jobs .list .item:before{content: counter(li);counter-increment: li;position: absolute;top: 50%;transform: translateY(-50%);left: 10px;font-size: 30px;font-weight: 600;color: #676767}
.image-product{padding-right: 50px;}
.iconic-woothumbs-all-images-wrap{float: none;}
.iconic-woothumbs-images-wrap{border: 1px solid #dadada;border-radius: 10px;padding: 15px;}
.iconic-woothumbs-images-wrap .slick-slide{height: 400px;display: flex !important;align-items: center;text-align: center;}
.iconic-woothumbs-images-wrap .slick-slide img{max-height: 400px;max-width: 100%;object-fit: contain;}
.iconic-woothumbs-thumbnails-wrap .slick-slide{padding: 15px;float: none !important;display: none !important}
.iconic-woothumbs-thumbnails-wrap .iconic-woothumbs-thumbnails__slide{display: inline-block !important}
.iconic-woothumbs-thumbnails-wrap .slick-slide img{width: 100%;height: 95px;object-fit: cover;}
.iconic-woothumbs-thumbnails__control--left, .iconic-woothumbs-thumbnails__control--right{width: 30px;height: 30px;display: block !important; top: 50%;transform: translateY(-50%);bottom: auto;opacity: 1;border-radius: 50%;box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);}
.iconic-woothumbs-thumbnails__control i{width: 30px;height: 30px;line-height: 30px;color: #000}
[class*=" iconic-woothumbs-icon-"]:before, [class^=iconic-woothumbs-icon-]:before{line-height: 30px;}
.iconic-woothumbs-thumbnails-wrap .slick-track{text-align: center;}

.product_title{font-size: 28px;}
.info-product .price {font-size: 24px;margin: 15px 0;color: #0088cb}
.info-product .price strong{color: #333;font-size: 18px;}
.info-product .price del{font-size: 18px;color: #666;margin-right: 10px;}
.info-product .price ins{text-decoration: none;color: #e20006;}
.woocommerce-product-details__short-description{font-size: 15px;}
.cart .quantity{display: none;}
.info-product .cart {padding: 15px 0;}
.info-product .cart .button_home{width: 100%;line-height: 44px;font-size: 16px;font-weight: 600;padding: 0}
.info-product .cart a.devvn_buy_now_style{margin-top: 0;margin-bottom: 0;position: relative;border-radius: 3px;z-index: 1; width: 100%;max-width: 100%;padding: 0 !important;line-height: 44px;border: 1px solid #0088cb;font-size: 16px;height: 46px;border-bottom: 1px solid #0088cb !important;background: #fff;}
.info-product .cart a.devvn_buy_now_style span{display: none;}
.info-product .cart a.devvn_buy_now_style: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: #0088cb; transition: transform .45s cubic-bezier(.785,.135,.15,.86),-webkit-transform .45s cubic-bezier(.785,.135,.15,.86);}
.info-product .cart a.devvn_buy_now_style:hover:before{transform: scale(0,1); transform-origin: right center;}
.info-product .cart a.devvn_buy_now_style:hover{color: #0088cb !important;}
.product-content{max-width: 90%;display: block;margin: 0 auto;}
.product-content .tab_name{list-style: none;margin: 0;}
.product-content .tab_name li{display: inline-block;margin-bottom: -1px;}
.product-content .tab_name li a{display: block;line-height: 40px;border: 1px solid transparent;border-radius: 6px 6px 0 0;padding: 0 15px;font-size: 16px;text-transform: uppercase;}
.product-content .tab_name li.active a{border-color: #dadada;border-bottom-color: #fff;color: #0088cb;font-weight: 600;}
.product-content .box_content{border-radius: 0 10px 10px 10px;}
.cat_product .entry_content{font-size: 15px;}
.woocommerce-ordering{display: none;}
.item_product .img img{height: 250px;}
.item_product .capt{margin-top: 20px;font-size: 18px;height: 46px;overflow: hidden;}
.item_product .price{width: 100%;border-radius: 0;font-size: 15px;}
.item_product .price del{font-size: 12px;margin-right: 10px;}
.item_product .price ins{text-decoration: none;}
.products_list{padding: 20px 0;}
.post-type-archive-product .cat_product .hidden-pro-tong{display: none;}
.related-products{padding-top: 30px;}
.about-1 {    height: 100vh;    background-size: cover;
    background-position: center bottom;
    backface-visibility: hidden;}
.p50 {padding: 50px 0}
.about-2-content h2 ,.about-title{font-weight: 300;color: red;}
blockquote {border:0px;position: relative;font-size: 20px;padding-left: 0}
blockquote:after{    content: '\201C';
    margin: 0;
    display: block;
    position: absolute;
    left: -35px;
    top: -15px;
    font-size: calc(100vw/16);
    line-height: 1;font-family: Arial;
    color: #eb1c23;}
    .about-2-content {font-size: 18px;padding-left: 40px;}
    .about-page-teamplate {font-weight: -300;}
    .text-milestone {
    height: auto;
    min-height: 70px;position: relative;
    background-color: #f0f0f0;
    padding: 10px 20px;
}.text-milestone>h3 {
    font-size: calc(100vw/35);
    line-height: 1;
    font-weight: 700;
    color: #fff;
    text-align: left;
    display: block;
    padding: 15px 20px;
    position: absolute;margin: 0px;
    left: 0;
    bottom: 100%;
}.text-milestone>h3::before {
    position: absolute;content: '';
    top: calc(100vw/35 + 25px);
    display: block;
    width: 0;width: 100%;
    height: 10px;
    transition: width .6s ease-in-out;
    overflow: hidden;
    background-color: #eb1c23;
}.text-milestone p {
    font-size: 16px;
    line-height: 1.6;
    font-weight: 400;
    display: block;
}
.about-4-right .list-item:nth-child(1) {
    left: 5.4%;
    top: -2.5%;
}
.about-4-right .list-item:first-child {
    width: calc(100vw/6.2);
    height: calc(100vw/6);
}
.about-4-right .list-item:nth-child(2) {
    right: 5.4%;
    top: -2.5%;
}
.about-4-right .list-item:nth-child(3) {
    left: 32.4%;
    bottom: -2.5%;
}
.about-4-right .list-item:nth-child(4) {
    right: 5.4%;
    bottom: -2.5%;
}
li{list-style: none;}
.about-6-content .sub-nav-content li{float: left;width: 25%;padding: 20px;}
.about-6-content .sub-nav-content li img{    filter: grayscale(100%);}
.about-6-content .sub-nav-content li img:hover { filter:none}
figcaption {font-style: italic;}
.about-4-right .list-item:nth-child(5) {
    left: 50%;
    top: 50%;
    margin-left: calc(0% - (100vw/12.4));
    margin-top: calc(0% - (100vw/12));
}
.align-center {
    -webkit-align-items: center !important;
    align-items: center !important;
}
.about-5 blockquote:after {color: #fff;}
.portrait img {
    width: calc(100vh/3.2);
    max-width: 320px;
    height: calc(100vh/3.2);
    max-height: 320px;
    display: block;
    position: relative;border-radius: 50%;color: #fff;
}.box-nav {
    font-weight: 100;
    line-height: 1;
    width: auto;
    height: auto;
    position: fixed;
    left: 0;
    top: calc(50% + 50px);
    padding: 0;
    transform: translate(0,-50%);
    transition: all .5s ease-in-out;
    z-index: 15;
}.box-nav li {
    height: 45px;
    background-color: rgba(0,0,0,.1);
}.box-nav li a {
    font-size: 18px;
    height: 100%;
    line-height: 50px;
    color: #fff;padding: 12px;font-size: 14px;
    font-weight: 300;
    transition: all .3s ease-in-out;position: relative;
}
.box-nav li a span{display: none;position: absolute;   
    position: absolute;
    width: 250px;
    left: 40px;
    top: 0px;

    padding: 10px;
    background: #00000010;}
.box-nav li a:hover {background: rgba(0,0,0,.3);color: #EB1C23}
.box-nav li a:hover span {display: block;}
.testimonial img{float: left;width: 300px !important;margin-right: 40px;}
.about-5 .about-title  ,.about-7 .about-title {color: #fff;}
.about-5  ,.about-7{background: #EB1C23;color: #fff}

.about-5 .leader-slide .portrait{display: flex;align-items: center;margin-bottom: 30px;}
.about-5 .leader-slide .portrait .quote{padding-left: 50px;}
.about-5 .leader-slide .portrait .quote blockquote{margin-bottom: 0;}

.about-5 .leader .portrait blockquote{font-size: 16px;margin-bottom: 0;}



.languages{width: 120px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: right;}
.languages a{display: inline-block;margin-right: 5px;}
.languages a img{width: 30px;}






.md-flex {
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
}
 .pic-value {min-height: 256px;}
.about-4-right .list-item {
    width: calc(100vw/6.2);
    height: calc(100vw/6);
    clip-path: polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);
    position: absolute;
}
.about-4-right .list-content {
    display: inline-block;
    vertical-align: middle;
    width: 45%;
    height: calc(100vw/6 * 2.07);
    margin: 0 -5px;
    text-align: center;
}.list-title {
    display: block;
    height: 150px;
    top: 50%;color: #fff;
    padding: 0 20px;
    transform: translateY(-50%);
}
.list-title, .pic-value {
    width: 100%;
    position: absolute;
    left: 0;
}.st-arrow {
    width: 40px;
    height: 40px;
    margin: auto;
    display: block;
    background: url(img/next2.svg) 50%/80% no-repeat;
    transform: rotate(-90deg);
}.list-title>h3 {
    display: block;
    font-size: calc(100vw/60);
    line-height: 1.4;
    font-weight: 700;
    margin: 0;
    padding: 0;
    text-transform: uppercase;
}
.p50all {padding: 50px;}
.about-4-left-text {color: #fff;font-size: 24px;}
.about-4-left-text strong{display: block;font-weight: 400;font-size: 50px;}
.text-milestone {padding: 10px 20px;height: 140px;}
.text-milestone p{margin-bottom: 5px;}
.text-milestone {background: #f0f0f0}
.pic-milestone {height: 250px;overflow: hidden;}
.about-4 {background: #999999}
@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:#0088cb;font-size:16px}
#sticker .lang{border-top:1px solid #0088cb;padding:12px 15px;text-transform:uppercase}
.bg-red{background-color:#0088cb}
.cl-red{color:#0088cb}
#sticker-wrapper{width:310px;max-width:100%;background:#0088cb;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:#0088cb;position:absolute;width:25px;height:3px;transition-timing-function:ease;transition-duration:.15s;transition-property:transform;border-radius:5px}
.container{width:100%;}
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:30%;white-space:nowrap}
.logo img{max-width:55%}
.text-hl{font-size:13px}
.num-hl{font-size:18px;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:20px;padding:12px 45px 12px 15px;display:block;text-align:left;font-weight:400;font-size:15px;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}
#touch-menu{width:25px;height:25px;z-index:99;margin-left: 10px;cursor: pointer;}
#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:-8px;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:-16px;transition:top .2s cubic-bezier(.33333,.66667,.66667,1) .2s,opacity .1s linear}
.flex,.flex_al{display: block;}
.links_home{font-size: 12px;line-height: 42px;min-width: 200px;}
.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;}
.supports{padding: 5px 0 8px;}
.supports ul li{width: 20%;float: left;}
.supports{width: 100%;bottom: 0;left: 0;border-radius: 0;background: #fff;}
#back-top{bottom: 80px;}
.supports ul li a .icon_call{width: 54px;height: 54px;background-color: #6cb917;border: 2px solid white;background-size: 27px;border-radius: 50%;margin-bottom: 4px;}
.supports ul li.icon_mb{position: relative;top: -23px;}
.flex_mb{display: flex;align-items: center;}
.header_search .icon{float: none;margin: 0 auto;height: 40px;width: 40px;line-height: 40px;}
.header_search form{top: calc(100% + 15px)}
.logo_mb img{max-height: 60px;}
.slider_home .item img{height: 200px;}
.title_home{font-size: 24px;}
.title_home span{padding-left: 20px;}
.title_home span:before{border-bottom: 16px solid red;border-right: 16px solid transparent;bottom: 10px;}
.about_home,.project_home,.section8,.news_home{padding: 20px 0;}
.about_home .video{margin-top: 20px;}
.about_home .video iframe{height: 250px;}
.procedure_home{padding: 30px 0;}
.banner_home{padding: 10px 0;}
.section5 .inner{padding: 0;}
.section5 .bg{clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);height: 60%;}
.form_home{width: 100%;padding: 25px 0;}
.form_home .title_home{text-align: center;}
.benefit_home{background: #f6f6f6;margin: 0 -10px;padding: 20px 0;}
.benefit_home .item .icon{width: 90px;}
.benefit_home .item .text{width: calc(100% - 90px);font-size: 13px;}
.benefit_home .item .text h3{font-size: 15px;}
.slider_project .owl-nav button{top: 45%;}
.slider_project .owl-nav button .fa{color: #fff;}
.item_project .capt{font-size: 16px;height: 42px;}
.project_home .tab_name li a{font-size: 14px;line-height: 36px;}
.project_home .tab_name{margin-bottom: 15px;}
.jobs_home .img img{height: auto;min-height: 0}
.jobs_home {text-align: center;padding: 20px 0;}
.jobs_home .title_home{padding-top: 20px;}
.slider_cmt{padding: 0}
.slider_cmt .item .content{padding: 10px;}
.slider_cmt .owl-nav button{top: 70%;}
.slider_cmt .item .info{padding-left: 80px;padding-right: 30px;}
.slider_cmt .item .content:before{left: 80px}
.slider_cmt .item .info .name{padding-left: 10px;}
.section8 .title_home{text-align: center;}
.comment_home{padding-bottom: 20px;}
.partner_home .item{height: 65px;}
.partner_home .item img{max-height: 63px;}
.news_home .columns-3{grid-template-columns: repeat(1,1fr);grid-row-gap: 20px;}
.news_home .item .info .capt{font-size: 18px;}
#footer{font-size: 13px;padding-bottom: 70px;}
.footer-title{font-size: 15px;}
.footer_bot .f-widget .widget{width: 100% !important}
.banner_pages{height: 160px;padding-top: 40px;}
.entry_title{font-size: 24px;}
.breadcrumbs{font-size: 13px;line-height: 21px;padding: 7px 0}
.form_ct{padding-top: 20px;}
.maps_ct{margin-top: 20px;}
.maps_ct iframe{height: 250px}
.sidebar{margin-bottom: 20px;}
.box_content{padding: 10px;}
.wp-pagenavi a, .wp-pagenavi span{width: 30px;height: 30px;line-height: 28px;}
.single_title{font-size: 18px;}
.user-meta{font-size: 12px;letter-spacing: 1px;}
.item_product .img img{height: 150px;}
.item_product .capt{margin: 10px 0 6px;font-size: 15px;height: 39px;}
.item_product .price{padding: 0;font-size: 14px;}
.item_product .price del{font-size: 11px;margin-right: 5px;}
.image-product{padding-right: 0;}
.iconic-woothumbs-images-wrap .slick-slide{height: 270px;}
.iconic-woothumbs-images-wrap .slick-slide img{max-height: 270px;}
.iconic-woothumbs-thumbnails-wrap .slick-slide{padding: 10px;}
.iconic-woothumbs-thumbnails-wrap .slick-slide img{height: 80px;}
.info-product .price{margin: 10px 0;}
.woocommerce-product-details__short-description{font-size: 14px;}
.info-product .cart a.devvn_buy_now_style,.info-product .cart .button_home{font-size: 15px;}
.product-content{max-width: 100%;}
.content-post iframe{max-height: 250px}
.content-post h1{font-size: 20px}
.content-post h2{font-size: 18px}
.content-post h3,.content-post h4{font-size: 16px}
.content-post h5,.content-post h6{font-size: 14px}
.list_jobs{counter-reset: li;}
.list_jobs .item{position: relative;padding: 10px 0 10px 30px;border-bottom: 1px solid #ddd;}
.list_jobs .item:before {
    content: counter(li);
    counter-increment: li;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    font-size: 30px;
    font-weight: 600;
    color: #676767;
}
.list_jobs .item .capt{font-size: 15px;font-weight: 600;}
.list_jobs .item .date_line{font-size: 12px;margin-left: 0;}
.list_jobs .item:last-child{border-bottom: none;}

}