/* cyrillic-ext */
@font-face {
  font-family: 'Lora';
  font-style: normal;
  font-weight: 400;
  src: local('Lora Regular'), local('Lora-Regular'), url(https://fonts.gstatic.com/s/lora/v13/0QIvMX1D_JOuMwf7I-NP.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Lora';
  font-style: normal;
  font-weight: 400;
  src: local('Lora Regular'), local('Lora-Regular'), url(https://fonts.gstatic.com/s/lora/v13/0QIvMX1D_JOuMw77I-NP.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* vietnamese */
@font-face {
  font-family: 'Lora';
  font-style: normal;
  font-weight: 400;
  src: local('Lora Regular'), local('Lora-Regular'), url(https://fonts.gstatic.com/s/lora/v13/0QIvMX1D_JOuMwX7I-NP.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Lora';
  font-style: normal;
  font-weight: 400;
  src: local('Lora Regular'), local('Lora-Regular'), url(https://fonts.gstatic.com/s/lora/v13/0QIvMX1D_JOuMwT7I-NP.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Lora';
  font-style: normal;
  font-weight: 400;
  src: local('Lora Regular'), local('Lora-Regular'), url(https://fonts.gstatic.com/s/lora/v13/0QIvMX1D_JOuMwr7Iw.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Lora';
  font-style: normal;
  font-weight: 700;
  src: local('Lora Bold'), local('Lora-Bold'), url(https://fonts.gstatic.com/s/lora/v13/0QIgMX1D_JOuO7HeNtFumsmv.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Lora';
  font-style: normal;
  font-weight: 700;
  src: local('Lora Bold'), local('Lora-Bold'), url(https://fonts.gstatic.com/s/lora/v13/0QIgMX1D_JOuO7HeNthumsmv.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* vietnamese */
@font-face {
  font-family: 'Lora';
  font-style: normal;
  font-weight: 700;
  src: local('Lora Bold'), local('Lora-Bold'), url(https://fonts.gstatic.com/s/lora/v13/0QIgMX1D_JOuO7HeNtNumsmv.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Lora';
  font-style: normal;
  font-weight: 700;
  src: local('Lora Bold'), local('Lora-Bold'), url(https://fonts.gstatic.com/s/lora/v13/0QIgMX1D_JOuO7HeNtJumsmv.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Lora';
  font-style: normal;
  font-weight: 700;
  src: local('Lora Bold'), local('Lora-Bold'), url(https://fonts.gstatic.com/s/lora/v13/0QIgMX1D_JOuO7HeNtxumg.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face{ font-family:SFUHelveticaLight; src: url('/font/SFUHelveticaLight.TTF');}
@font-face{ font-family:SFUHelveticaBold; src: url('/font/SFUHelveticaBold.TTF');}
@font-face{ font-family:SFUHelvetica; src: url('/font/SFUHelveticaRegular.TTF');}
@font-face{ font-family:osfon; src: url('/font/OpenSans-Regular.ttf');}
@font-face{ font-family:osfonl; src: url('/font/OpenSans-Light.ttf');}
@font-face{ font-family:osfonb; src: url('/font/OpenSans-Semibold.ttf');}
@font-face{ font-family:UTMarg; src: url('/font/UTM Androgyne.ttf');}

@font-face{ font-family:arial; src: url('/font/ARIAL.TTF');}
@font-face{ font-family:arialb; src: url('/font/ARIALBD.TTF');}
@font-face{ font-family:robotom; src: url('/font/roboto/roboto-medium-webfont.ttf');}
@font-face{ font-family:robotob; src: url('/font/roboto/roboto-bold-webfont.ttf');}
@font-face{ font-family:roboto; src: url('/font/roboto/roboto-regular-webfont.ttf');}
@font-face{ font-family:robotol; src: url('/font/roboto/Roboto-Light.ttf');}


body {font-size: 13px;font-family: robotol;
}

body,div,h1,h2,h3,h4,h5,h6,ul,li,a,img,span,label,hr { margin:0 ;padding:0 ;	}
h1, h2, h3, h4, h5, h6 {
    font-family: Lora, serif;
    font-weight: 400;
    line-height: normal;
    margin: 0 0 20px;
    word-wrap: break-word;
    text-rendering: optimizeLegibility;
    color: #616161;
    text-transform: uppercase;
}

ul,li{list-style-type:none;	}
label{font-weight:normal;}
a{color: black;text-decoration: none;}
a>h2:hover, a:hover {color: #fff !important;text-decoration: none;z-index: 1;}
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {margin: 0;padding: 0;}
.wrap{min-width:100%;}
.border_0{border:0 !important;}
.width_100{width:100%;}
.height_100{    height: 100%;}

.color_white {color: #fff !important;}
.color_blue {color: #237ebf !important;}
.hover_yg:hover{background:#c1a363;transition: all .5s;}
.hover_color_land:hover {color:#CE8740 !important;}
.hover_color_blue:hover { color: #237ebf !important;}
.hover_color_white:hover {color: #fff !important;}
.hover_color_black:hover {color: #000 !important;}
.hover_color_bg_blue:hover {background: #00afef !important;color: #fff !important;}

.font_size_20 { font-size: 20px !important;}
.font_size_18 { font-size: 18px !important;}
.font_weight_bold { font-weight: bold !important;}
.hover_font_weight_bold:hover { font-weight: bold !important;}

.pointer-events-none {pointer-events:none}

img, table, iframe{max-width:100%; height:auto;}

.a_img_ratio_85 { position: relative; padding-top: 85%; overflow:hidden;}
.a_img_ratio_39 {position: relative;    padding-top: 39%;    overflow: hidden; display:block;}
.a_img_ratio_39  img, .a_img_ratio_85  img {      max-height: 100%;
    max-width: 100%;
    width: auto;
    height: auto;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;  width: 100%;    height: 100%;    display: block;    object-fit: cover;}

.position-relative{ position:relative;}
.position-absolute{ position:absolute;}

span.emailDangKi[style*="inline"] { display: inline-block !important;     position: absolute;    left: 0;    z-index: 0;    bottom: -73px;}

div {   font-size: 14px;font-family: robotol; display:block;}

.top-header {  background: #f9f9f9; color: #616161;}
.icon-fill {height: 30px;
    line-height: 30px;
    background: #f1f1f1;
    padding-top: 5px;
    border: 1px solid #ddd;
    border-right: 0;}
.div-fill { height: 30px; line-height: 30px;}

/*top*/	
.top_2a{background:#fff;}
.top_2c1 {position:relative;float:left;min-height:1px; width: 234px;}
.top_2c2 {position:relative;float:left;min-height:1px; width: calc(100% - 234px);}
.logo{    background: #fff;}
.logo img{    height: 83px;}
.logo:before {  }
/*==============menu===============*/
.menu_a{background:#d77300;}
.menu{margin:0;margin-top: 0;display: inline-block;}
.menu>ul{ float: left;width:100%;}
.menu ul li{position:relative;display:inline-block;}
.menu ul li a{     border: 0;}
.menu>ul>li:first-child{}
.menu>ul>li:first-child a{}
.menu>ul>li:first-child a:hover{}
.menu>ul>li.ac:first-child>a{}
.menu>ul>li:nth-child(2) {}
.menu>ul>li:nth-child(2)>a {}
.menu>ul>li{ float: left; padding:10px 0 10px;background-size: 100% 100%;margin: 0;text-align:center;}
.menu>ul>li:last-child { }
.menu>ul>li:last-child a, .menu>ul>li:last-child:hover a{}
.menu > ul > li>div {height:22px;}
.menu>ul>li>a{ text-align: left;font-size: 15px;text-decoration: none;font-family: Lora, serif; display: block;color: #616161;    padding: 10px 14px !important;text-transform: uppercase;}
.menu>ul>li:hover{ }
.menu>ul>li>a:hover{color:#237ebf !important;}

.menu>ul>li.ac{   }
.menu>ul>li.ac>a{color:#237ebf !important;}
.menu ul li ul{ margin-left: 0;margin-top: 25px; position:absolute; box-shadow: 0 0 20px rgba(0,0,0,.1);}
.menu ul li:hover ul{ position:absolute; display:block; z-index:99; text-align: left; color:#333;}
.menu>ul>li:first-child ul {margin-left: -25px;}
.menu ul li ul li{position:relative;width: 100%; background: #fff;}
.menu>ul>li:first-child ul li a{width: 100%;font: 13px Lora, serif;    text-transform: uppercase;padding: 15px 20px !important;}
.menu ul li ul li a:before {}
.menu ul li ul li a{ color:#616161; text-align: left;font-size: 13px;text-decoration: none;font-family: Lora, serif;display: block;width: 240px;padding: 8px; border:none;text-transform:uppercase;}
.menu>ul>li>ul>li:hover>a{ color: #237ebf !important;}    
.menu ul li ul li ul{position:absolute;    margin-left: 100% !important;margin-top: -35px;width: 241px;}   
.menu ul li ul li ul li{display:none;}
.menu>ul>li>ul>li:hover>ul li{ display:inline-block;}
.menu>ul>li>ul>li>ul>li:hover a{color:White !important;background:rgba(221, 89, 46,0.7);}
.menu ul li ul li ul li{}
.menu ul li ul>li>ul>li{border-right: 1px solid #E1E1E1;border-left: 1px solid #E1E1E1;border-top: 1px solid white;}
.menu ul li ul>li>ul>li:first-child{border-top: 1px solid #E1E1E1;}
.menu ul li ul>li>ul>li:last-child{border-bottom: 1px solid #E1E1E1;}
.menu ul li ul li ul li a{}

.menu ul li ul {
  visibility:hidden;
  opacity: 0;
  transition: visibility 0s, opacity 0.25s linear;

 transform: translateY(1);
 transition: transform 0.25s ease;
}
.menu ul li:hover ul {
     visibility:visible;
  opacity: 1;
  transform: translateY(-15px);}

/*==============btk===============*/
.tk{ z-index: 5; right: 0;top: 0px; border-radius: 18px;padding: 0; }
.tk .txt{background: none;width: 87px;height: 17px;float: left;padding-left: 0;outline: none;line-height: 17px;border:0px solid #E8E8E8;font: 14px osfon; transition: all 1s;}
.tk .btn {margin-top: 0; height: 16px;width: 34px;background: url('/images/icon/seach_2.png') no-repeat center;margin-left: -1px; cursor: pointer; float: left;}  
.tk .btn:hover{ }
.seach { }

.mgt1s { margin-top: -1px;}
.mgt2 { margin-top: 2px;}
/*==============giohang===============*/
.giohang{float:left;background: url('/images/icon/giohang.png') no-repeat left;padding-left: 47px;color: #fff; font-size: 13px;display: inline-block;font-family: roboto;line-height: 20px;background-position-x: 10px; border-radius: 20px;    padding-right: 10px;}

/*==============sliderBanner===============*/
#owl-SlideBanner{background:#0F0802;}

#owl-SlideBanner .owl-nav{display: none;}
#owl-SlideBanner:hover .owl-nav .owl-prev, #owl-SlideBanner:hover .owl-nav .owl-next{display: inline-block;}
#owl-SlideBanner .owl-nav .owl-prev, #owl-SlideBanner .owl-nav .owl-next{display: none;margin-top: -225px;z-index: 3;position: relative;overflow:hidden;}
#owl-SlideBanner .owl-nav .owl-prev{    background:url('/images/icon/arrowSlideBanner.png') no-repeat 100% 100%;width: 45px;height: 45px;text-indent: -9999px;margin-left: 90px;border-radius:50%;float:left;}
#owl-SlideBanner .owl-nav .owl-next{background: url('/images/icon/arrowSlideBanner.png') no-repeat 100% 100%;width: 45px;height: 45px;text-indent: -9999px;margin-right: 90px;transform: rotate(180deg);margin-left: 0;border-radius:50%;float:right;}
#owl-SlideBanner .owl-nav .owl-prev:hover, #owl-SlideBanner .owl-nav .owl-next:hover {background-color:rgba(1,1,1,0.4);}
#owl-SlideBanner .owl-dots{width: 100%;margin: 0 auto;margin-top: -30px;position: relative;text-align: center;}
#owl-SlideBanner .owl-dot{width: 14px;height: 14px;background:transparent ;display: inline-block;margin: 7px 4px;border-radius: 50%;}
#owl-SlideBanner .owl-dot span {background: #fff;    width: 6px;    height: 6px;    display: block;    margin: 2px;    border-radius: 50%;}
#owl-SlideBanner .owl-dot.active {border:2px solid #fff;}

.slider-banner-title {display: table;    position: absolute;    left: 0;    right: 0;    top: 0;    bottom: 0;    margin: auto;    color: #fff;    text-transform: uppercase;    font-size: 36px;     width: 100%;    text-align: center;}
.slider-banner-title p {       font-family: Lora, serif;    font-weight: 400;    line-height: normal;    margin: 0 0 20px;    word-wrap: break-word;    text-rendering: optimizeLegibility;    color: #fff;    text-transform: uppercase;     text-shadow: 2px 2px 2px #cc0000;}
.button-link {    display: inline-block;    font-weight: normal;    margin: 0;    line-height: normal;    border: 0;    box-shadow: none;    text-align: center;    vertical-align: middle;    cursor: pointer;    white-space: nowrap;    -webkit-transition: .18s background-color ease, .18s color ease, .18s border-color ease;    transition: .18s background-color ease, .18s color ease, .18s border-color ease;    -webkit-user-select: none;    -moz-user-select: none;    -ms-user-select: none;    user-select: none;    border-radius: 0;    width: auto;    height: auto;    background-image: none;    text-transform: uppercase;    color: #fff;    background-color: #237ebf;    border: 0;    font-family: Lora, serif;    font-weight: 700;    padding: 13px 26px;    font-size: 14px; transition: all 0.5s;}
.button-link:hover { background: #ff0000; transition: all 0.5s;}


/*==============about_a===============*/
.about_a{ position:relative; }
.about_b{}
.about_c1{overflow: hidden;text-align:center;}
.about_c1 h2.title{}
.about_c1 hr{    width: 120px;border-top: 2px solid #DDA500;margin: 15px 0;}
.about_c1 div.title{ text-align: center;    margin-bottom: 25px;    line-height: 34px;    font-size: 18px;     color: #2f2f2f;
    font-weight: 100;}
.about_c1 div.title div{ }
.about_c1 div.title span{}
.about_c1 a.title{    position: relative;    display: inline-block;    margin: 30px 0;    padding:7px 38px;    font-size: 15px;    font-family: robotob;    color: #074577;     border: 1px solid #074577;    border-radius: 5px;    transition: all .2s ease-in-out;}
.about_c1 a.title:hover {    transition: all .2s ease-in-out; color:#fff !important; background:#074577;}
.about_c1 a.title::after{}
.about_c2{}
.about_c2 a{}
.about_c2 a img{width:100%;}

.titleMyService{ overflow:hidden;}
.titleMyService h2{     margin: 0;    letter-spacing: .25em;    font-size: 24px;}
.titleMyService p{     margin: 0 0 3px;    font-family: Lora, serif;    color: #237ebf ;    text-transform: uppercase;    font-size: 14px;    letter-spacing: .15em;}

/*==============about_a===============*/
.all-room-a{ position:relative; }
.all-room-b{}

.all-roomH {   box-shadow: 0 0 20px rgba(0,0,0,.1);    border-left: 0;     background: #f9f9f9;}
.all-roomH a.img{   display: block;     overflow: hidden;}
.all-roomH a.name{ font-size: 18px;    letter-spacing: .15em;    margin-bottom: 0;    color: #616161;    text-transform: uppercase;    font-family: Lora, serif; display: block;}
.all-roomH a.name span{   font-weight: bold;  font-size: 18px;  }
.all-roomH .contentN {    font-size: 12px;    letter-spacing: .15em;    margin-bottom: 0;    color: #237ebf;    text-transform: uppercase;    font-family: Lora, serif;}

/*==============service_a===============*/
.service-a{ position:relative; }
.service-b{}

.serviceH {   box-shadow: 0 0 20px rgba(0,0,0,.1);    border-left: 0;     background: #f9f9f9;}
.serviceH a.img{   display: block;     overflow: hidden;}
.serviceH a.name{ font-size: 18px;    letter-spacing: .15em;    margin-bottom: 0;    color: #616161;    text-transform: uppercase;    font-family: Lora, serif; display: block;}
.serviceH a.name span{   font-weight: bold;  font-size: 18px;  }

/*==============proHH_b1===============*/
.proHH_b1{    text-align: center;}
.proHH_b1 h2{font: 24px robotob;text-transform: uppercase;margin-bottom: 5px; line-height: 38px;overflow:hidden; display: inline-block;    border-bottom: 2px solid #c1a363;}

.hr_1{      height: 1px;    background: #237ebf;    border: 0;    width: 30px;    margin: 0 auto 20px;}
hr.hr_2 {     height: 1px;    background: #237ebf;    border: 0;    width: 30px;    margin-bottom: 30px;}
hr.hr_3{border:0; border-bottom: 2px solid #c1a363; width:96px;}
.h2_1{font-size:18px !important;}
.h2_2{    font: 20px robotob;    text-transform: uppercase;    margin-bottom: 5px;    line-height: 38px;    overflow: hidden;    display: inline-block;    border-bottom: 2px solid #c1a363;}
.h2_3{    color: #fff;    text-align: left;    font-size: 16px;    text-decoration: none;    font-family: robotob;    display: block;    width: 100%;    padding: 10px 10px;    background: #c1a363;    text-transform: uppercase;}

.h3_1 {     font-size: 16px;    margin-bottom: 5px;    text-transform: none;}

/*==============slidernewsH===============*/
#owl-carousel-2{    width: 100%;margin: 0 auto;}
#owl-carousel-2 .owl-dots{}
#owl-carousel-2 .owl-nav{}
#owl-carousel-2:hover .owl-nav .owl-prev, #owl-carousel-2:hover .owl-nav .owl-next{display: inline-block;}
#owl-carousel-2 .owl-nav .owl-prev, #owl-carousel-2 .owl-nav .owl-next{display: inline-block;margin-top: -250px;z-index: 3;position: relative;overflow:hidden;}
#owl-carousel-2 .owl-nav .owl-prev{    background: url('/images/icon/arrowProHH.png') no-repeat 100% 100%;width: 42px;height: 42px;text-indent: -9999px;margin-left: 0;float:left;}
#owl-carousel-2 .owl-nav .owl-next{background: url('/images/icon/arrowProHH.png') no-repeat 100% 100%;width: 42px;height: 42px;text-indent: -9999px;margin-right: 0;transform: rotate(180deg);margin-left: 5px;float:right;}
#owl-carousel-2 .owl-dot{}

.menuH_2{}
.menuH_2 hr{width:0;transition:width 1s;}
.menuH_2:hover hr{width:100%;transition:width 1s;}
.menuH_2 a.name{    font-size: 18px;font-family: robotob;font-weight: bold;height: 29px;overflow: hidden;margin: 0 0 10px;padding-top:10px; display: block;text-transform:uppercase;text-align:left;color:#c1a363;}
.menuH_2 a.name:hover{color:#000 !important;}
.menuH_2 a.img{    width: 100%; padding-top:57%;display: block;position: relative;background: #F3F3F3;overflow:hidden;}
.menuH_2 a.img img{    max-height: 100%;max-width: 100%;width: auto;height: auto;position: absolute;top: 0;bottom: 0;left: 0;right: 0;margin: auto;}
.menuH_2 .content{    font: 14px roboto;line-height: 24px;height: 93px;overflow:hidden;text-align:justify;}
.menuH_2 .name-content{}
.menuH_2 .name-content .xemthem{color:#c1a363;border:1px solid #c1a363; padding:5px 10px;display: inline-block;}

/*==============slidernewsH===============*/
#owl-carousel-3{    width: 100%;margin: 0 auto;}
#owl-carousel-3 .owl-dots{}
#owl-carousel-3 .owl-nav{}
#owl-carousel-3:hover .owl-nav .owl-prev, #owl-carousel-3:hover .owl-nav .owl-next{display: inline-block;}
#owl-carousel-3 .owl-nav .owl-prev, #owl-carousel-3 .owl-nav .owl-next{display: inline-block;margin-top: -250px;z-index: 3;position: relative;overflow:hidden;}
#owl-carousel-3 .owl-nav .owl-prev{    background: url('/images/icon/arrowProHH.png') no-repeat 100% 100%;width: 42px;height: 42px;text-indent: -9999px;margin-left: 0;float:left;}
#owl-carousel-3 .owl-nav .owl-next{background: url('/images/icon/arrowProHH.png') no-repeat 100% 100%;width: 42px;height: 42px;text-indent: -9999px;margin-right: 0;transform: rotate(180deg);margin-left: 5px;float:right;}
#owl-carousel-3 .owl-dot{}

.menuH_3{position:relative;}
.menuH_3 hr{width:96px;transition:width 1s;}
.menuH_3:hover hr{width:100%;transition:width 1s;}
.menuH_3 a.name{    font-size: 16px;font-family: robotob;font-weight: bold;height: 29px;overflow: hidden;margin: 0 0 10px;padding-top:10px; display: block;text-transform:uppercase;text-align:left;color:#000;}
.menuH_3 a.name:hover{color:#000 !important;}
.menuH_3 a.img{    width: 100%; padding-top:100%;display: block;position: relative;background: #F3F3F3;overflow:hidden;}
.menuH_3 a.img img{    max-height: 100%;max-width: 100%;width: auto;height: auto;position: absolute;top: 0;bottom: 0;left: 0;right: 0;margin: auto;}
.menuH_3s{ position:absolute;bottom:0;left:0;right:0; padding:10px;background:rgba(255,255,255,0.8); z-index: 1;}
.menuH_3s .name-content{    width: calc(100% - 39px);    float: left;}
.menuH_3s .anh{    width: 39px;    display: inline-block;}

/*==============TinNoiBat===============*/
.tinNoiBat{}
.tinNoiBat .partTinNoiBat{}
.tinNoiBat .partTinNoiBat:nth-child(1){ }
.tinNoiBat .partTinNoiBat:nth-child(2){ }
.tinNoiBat .partTinNoiBat:nth-child(3){ }
.tinNoiBat .partTinNoiBat a.img {    width: 100%;    padding-top: 56%;    display: block;    position: relative;    background: #F3F3F3;    overflow: hidden;}
.tinNoiBat .partTinNoiBat a.img img{    max-height: 100%;    max-width: 100%;    width: auto;    height: auto;    position: absolute;    top: 0;    bottom: 0;    left: 0;    right: 0;    margin: auto;     width: 100%;    height: 100%;    display: block;    object-fit: cover;}
.tinNoiBat .partTinNoiBat .contentN{ font-family: robotol;  overflow: hidden;    margin-bottom: 25px;    line-height: 34px;    font-size: 18px;}
.tinNoiBat_s {}

.tinNoiBat_s .dateAndName{ padding: 10px 0;}
.tinNoiBat_s .dateAndName .ngayThang{     display: inline-block;float: left;margin-right: 10px;}
.tinNoiBat_s .dateAndName .ngayThang .ngay{ color:#0093DD; padding: 3px 10px;background: white;}
.tinNoiBat_s .dateAndName .ngayThang .thang{ background: #0093DD;color: white;     padding: 3px 10px;}
.tinNoiBat .partTinNoiBat a img{     background: white; height:188px; width:100%;}
.tinNoiBat_s .dateAndName a{}
.tinNoiBat_s .dateAndName a h2{ }
.tinNoiBat_s .dateAndName a:hover h2 {   }

.TimeN{font:13px roboto;}

.tinNoiBat .partTinNoiBat:hover>.tinNoiBat_s { color:#237ebf; transition: all 0.5s;}    
.partTinNoiBat:hover>.tinNoiBat_s .TimeN{}
.partTinNoiBat:hover>.tinNoiBat_s .dateAndName a h2{color:#237ebf !important;}

/*==============Kettle_same===============*/
#owl-Gallery .owl-dots{display:none;position: absolute;bottom: 30px;}
#owl-Gallery .owl-nav{display:block;    float: right;}
#owl-Gallery:hover .owl-nav .owl-prev, #owl-Gallery:hover .owl-nav .owl-next{display: inline-block;}
#owl-Gallery .owl-nav .owl-prev, #owl-Gallery .owl-nav .owl-next{ display:inline-block; z-index: 3;position: absolute;overflow:hidden;top: -55px;    right: 0;}
#owl-Gallery .owl-nav .owl-prev{    background: url('/images/icon/arrowSlideBanner_2.png') no-repeat 100% 100%;width: 25px;height: 45px;text-indent: -9999px;margin-right: 25px;float:left;}
#owl-Gallery .owl-nav .owl-next{background: url('/images/icon/arrowSlideBanner_2.png') no-repeat 100% 100%;width: 25px;height: 45px;text-indent: -9999px;margin-right: 0;transform: rotate(180deg);margin-left: 0;float:right;}
#owl-Gallery .owl-nav .owl-prev:hover, #owl-Gallery .owl-nav .owl-next:hover {border: 1px solid #c1a363;}
#owl-Gallery .owl-dot{width: 12px;height: 12px;border: 1px solid white;border-radius: 50%;display: inline-block;margin: 7px 4px;background:#DDDDDD;}
#owl-Gallery .owl-dot.active{background:white;border-color:#17B7F3;}
#owl-Gallery.owl-carousel.owl-drag .owl-item{height:auto;}
#owl-Gallery.owl-carousel .owl-item img{}
/*#owl-Gallery.owl-carousel .owl-stage-outer{width: 1179px;margin: 0 auto;}*/

/*==============galleryH_d===============*/
.galleryH_c {z-index: 0;}
.galleryH_c:hover {z-index: 1;}

.galleryH_d{text-align: center;background: #fff;}
.galleryH_d:hover{box-shadow: 0 0 20px rgba(0,0,0,.1);}
.galleryH_d div.name{display: block;font: 15px osfon;color: #333;padding: 20px 10px;}
.galleryH_d div.img{    display: block;width: 100%;position: relative;padding: 10px;padding-top: 83%;background:#fff;  }
.galleryH_d div.img img{      max-height: 100%;
    max-width: 100%;
    width: auto;
    height: auto;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;  width: 100%;    height: 100%;    display: block;    object-fit: cover;}
.galleryH_d .price{font: 15px osfonb;padding: 10px 20px;color: #de592e;}

/*==============sliderBanner===============*/
/*#owl-SlideMenu{background:#deebf7;     z-index: 0;     margin-top: -68px;}*/
#owl-SlideMenu{background:#deebf7;     z-index: 0; }

#owl-SlideMenu .owl-nav{}
#owl-SlideMenu:hover .owl-nav .owl-prev, #owl-SlideMenu:hover .owl-nav .owl-next{display: inline-block;}
#owl-SlideMenu .owl-nav .owl-prev, #owl-SlideMenu .owl-nav .owl-next{display: none;z-index: 3;top:50%; position: absolute;overflow:hidden;} /*margin-top: -225px;*/
#owl-SlideMenu .owl-nav .owl-prev{    background:url('/images/icon/arrowSlideBanner.png') no-repeat 100% 100%;width: 40px;height: 40px;text-indent: -9999px;margin-left: 90px;border-radius:50%;float:left;}
#owl-SlideMenu .owl-nav .owl-next{background: url('/images/icon/arrowSlideBanner.png') no-repeat 100% 100%;width: 40px;height: 40px;text-indent: -9999px;margin-right: 90px;transform: rotate(180deg);margin-left: 0;border-radius:50%;float:right;right:0;}
#owl-SlideMenu .owl-nav .owl-prev:hover, #owl-SlideMenu .owl-nav .owl-next:hover {background-color:rgba(1,1,1,0.4);}
#owl-SlideMenu .owl-dots{display:none;width: 1173px;margin: 0 auto;margin-top: -30px;position: relative;text-align: center;}
#owl-SlideMenu .owl-dot{width: 10px;height: 10px;background:transparent ;display: inline-block;margin: 7px 4px;border-radius: 50%;border:2px solid #fff;}
#owl-SlideMenu .owl-dot.active {border:2px solid #ff0000;}

/*==============main_a===============*/    
.main_a{}
.main_b{margin-top: 0;}
.main_c1{padding-right: 23px;}
.mainRight{}

/*==============dlink===============*/    
.dlink{ display: inline-block; line-height: 42px;float: left;padding-left:0;width:100%;}
.dlink_a .title{text-align:center;}
.dlink_a .title h2{    font: 13px osfonl;text-transform: uppercase;display: inline-block;margin-top: 45px;}
.dlink a.cmaTite{ font-size: 15px;font-family: osfonl;}
.dlink a.cmaTite:first-child{ }
.dlink i{     padding: 0 5px;font: 13px; color:#3a2313;}    
/*==============intro===============*/    
.intro{}
.intro .titleIntro, .titleIntro{    font: 20px osfonb;text-transform: uppercase;color: #3a2313;}
.intro .descM{}
.intro .descM div{}
/*==============news===============*/  
.news{    padding-left: 0px;}
.news_b .boxNH1 { width:60%; float:left; padding-left:10PX;}
.news_b .boxNH1 .titH3{text-align:left;    margin-top: 0;height: 35px;font-size: 18px;}
.news_b .PicN { display:block; overflow:hidden;    padding: 5px;border: 1px solid #ddd;}
.PicN img { width:100%;}
.H2N { margin:0 0 5px; font-size:18px; font-weight:bold;}
.NDN { max-height:80px; overflow:hidden; font-size:14px;}
.time { font-size:13px; font-style:italic; margin-bottom:5px; color:#ccc;}
.lNDN {     height: 71px;overflow: hidden;font: 15px roboto;}
.ctn a {     display: inline-block;background: white;font-size: 13px;padding: 2px 10px;border-radius: 8px;-moz-border-radius: 8px;-webkit-border-radius: 8px;border: 1px solid #00b050;}
.mtn { padding:20px 20px 15px;}

.boder {border-bottom: 1px dotted #e0e0e0;margin: 15px 0;    float: left;width: 100%;}
/*==============newsDetail===============*/ 
.newsDetail{    padding-left: 0;}
.newsDetail .titleNewsDetail{    font-size: 20px;font-family: robotob;    padding-bottom: 10px;}
.newsDetail .descN{}

ul.other{}
ul.other li.tit{font-size: 15px;font-family: roboto;text-transform: uppercase;padding-bottom: 5px;border-bottom: 1px silver solid; padding-top: 10px;}
ul.other li.d{ font-size: 13px;font-family: osfonb;}
ul.other li.d a{ display: block; color: Black;margin: 5px 0;}
ul.other li.d a:before {     content:' ';width: 4px;height: 4px;display: inline-block;margin: 3px;background:#3a2313;}

/*==============pro_same_d===============*/ 
.pro_same_d {box-shadow: 0 0 20px rgba(0,0,0,.1);}
.pro_same_d a.img {    width: 100%;    padding-top: 57%;    display: block;    position: relative;    background: #F3F3F3;    overflow: hidden;}
.pro_same_d a.img img{    max-height: 100%;    max-width: 100%;    width: auto;    height: auto;    position: absolute;    top: 0;    bottom: 0;    left: 0;    right: 0;    margin: auto;}
.pro_same_d a.name{    font: 15px osfon;margin: 15px 0 10px;display: block;color:#333;    height: 40px;overflow: hidden;}
.pro_same_d .price_cr{}
.pro_same_d .price{    margin: 0 0 10px;;display: inline-block;}
.pro_same_d .price .price_new{font: 15px osfonb;color: #ff0000;    display: inline-block;}
.pro_same_d .price .price_old{    text-decoration: line-through;color: #666666;font: 15px osfon;    display: inline-block;}

/*==============proDetail===============*/ 
.proDetail{    padding-left: 0px;}
.proDetail .top{ all:unset; padding: 0px;width: 100%;    float: left;}
.proDetail .top .l{float: left;}

.proDetail .top .r{padding-left: 20px}
.proDetail .top .r h2{     font: 20px robotob;text-transform: uppercase;margin-bottom: 15px;}
.proDetail .top .r .codeP{    font: 15px robotob;color: #666666;margin-bottom: 20px;}
.proDetail .top .r .contentP label{font: 14px robotob;text-transform: uppercase;width: 100%;padding: 5px 0;border-bottom: 1px solid #eaeaea;margin-bottom:20px;}
.proDetail .top .r .contentP{    padding-bottom: 15px;height: auto;overflow: hidden;font: 14px osfonl; line-height: 20px;}
.proDetail .top .r .contentP ul{}    
.proDetail .top .r .contentP ul li {}       
.proDetail .top .r .contentP ul li:before {content: ' ';width: 4px;height: 4px;background: black;border-radius: 50%;margin: 4px;display: inline-block;  }    

.proDetail .top .r .tuVan{     padding: 10px 5px;border-radius: 3px;font-family:osfonb; font-size:16px; border:1px solid #754d25 ;     color:#754d25;}
.proDetail .top .r .tuVan span{}
.proDetail .top .r .tuVan span:nth-child(1){     background-image: url('/images/icon/hotlineTuVan.png');background-repeat: no-repeat;background-size: 25px 19px;padding-left: 25px;display: inline-block;    font: 13px osfonl;}
.proDetail .top .r .tuVan span:nth-child(2){font-weight: bold;font-size: 16px;}

.proDetail .top .r .price{font-size: 16px;font-family: osfonb;color: #ED1A21;margin-bottom: 0;}
.proDetail .top .r .price_old{    text-decoration: line-through;color: #666666;font: 13px roboto;display: inline;}
.proDetail .top .r .price_old label{     font: 14px osfonl;text-decoration: line-through;}
.callNow{ background-position-x: 10px; background-position-y: 5px;padding: 5px 0 5px 10px;background-color: #F0F0F0;border-radius: 5px;margin-bottom: 15px;}
.callNow_1{    font-size: 13px;font-family: osfonl;}
.callNow_2{    font-size: 17px;font-family: osfonb;color: red;}

a.cr{      font: 16px roboto;    display: inline-block;    background: #fff;    color: #3a2313;    padding: 10px 41px;    text-transform: uppercase;    border: 1px solid #3a2313;transition:all 0.5s;}
a.cr:hover {background:#3a2313 !important;color:#fff !important; transition:all 0.5s;}
.taiKhoanNganHang{    font: 16px osfonl;display: inline-block;background: #ff0000;color: white;padding:10px 0; cursor:pointer; text-align:center;text-transform: uppercase;width:100%;}
.taiKhoanNganHang:hover {background:#09c665 !important;color:#fff !important;}

.center{}
.center .idTabs{margin: 30px 0 0;}
.center .idTabs a.selected {}
.center .idTabs a{    font: 20px robotob;    text-transform: uppercase; line-height: 38px;    overflow: hidden;    display: inline-block;    border-bottom: 2px solid #c1a363; pointer-events: none;}
#tab15{    padding: 10px;    border: 1px solid #ddd;}
#tab15 div{}
#tab15 img{max-width: 100% !important;margin: 0 auto !important;}
#tab15 iframe{display:block; margin:0 auto;}
#tab16{font: 13px osfon;padding: 20px 0 !important;}
#tab16 img{max-width: 100% !important;margin: 0 auto !important;}
#tab16 iframe{display:block; margin:0 auto;}
#tab16 div{font: 13px osfon;}
#tab17{}
#tab17 img{max-width: 100% !important;margin: 0 auto !important;}

.giamGia{position: absolute;right: 0;    color: #fff;font-size: 12px;font-weight: bold;height: 30px;left: 15px;top: 15px;line-height: 30px;position: absolute;width: 70px;z-index: 3;background: #14ac48;text-align: center;padding-left: 0;font-weight: bold;}

.ortherPro{ }
.ortherPro .titleOrtherPro{ font-size: 20px;font-family: osfon;text-transform: uppercase;padding-bottom: 25px;padding-top: 20px;margin-left: 0px;background-repeat: repeat-x;background-position-y: 27px;}
.ortherPro .titleOrtherPro h2{ display: inline-block;background: white;font-family: osfonb;font-size: 15px;} 

.chi_tiet_f{float: left;width: 100%;font: 14px osfonl;margin-top: 5px;}
.chi_tiet_g{ font: 13px osfon;padding-left: 20px;background: url(/images/icon/check-ser.png) no-repeat left 3px;margin: 5px 0;}
/*==============ctl===============*/ 
.ctl{    padding-left: 0;}
.ctl .inner{}
.ctl .inner .tit{}
.ctl .inner table.tbl{ border-spacing: 5px;border-collapse: separate;font-size: 15px;}
.ctl .inner table.tbl tr{}
.ctl .inner table.tbl tr td{}
.ctl .inner table.tbl tr td:nth-child(1) {width: 20%; vertical-align: top;}
.ctl .inner table.tbl tr td input { width: 100%;}
.ctl .inner table.tbl tr td textarea { width: 100%;}

/*==============page===============*/
#contact{margin-bottom:5px;margin-top:10px}
    #contact h4{margin:0;padding:12px 0px;   font: 15px robotob;text-transform: uppercase;margin-bottom:15px;color:#3a2313;     text-align: justify;    min-height: 61px;}
    h4.contact{ }
    div.contact-form input[type="text"],div.contact-form textarea{width:100%;padding:5px 10px;border:1px solid #e4e4e4;margin-bottom:20px;outline:none;transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;color:#999;font-size:13px;-webkit-border-radius:1px;-moz-border-radius:1px;-o-border-radius:1px;border-radius:1px}
    div.contact-form input[type="text"]:focus,div.contact-form textarea:focus{border:1px solid #e4e4e4}
    div.contact-form textarea{height:70px}
    div.contact-form input[type="submit"]{padding:5px 20px;width:100%;outline:none;color:#237ebf;font-size:13px;transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;margin-bottom:20px;background:#fff;border:1px solid #237ebf;text-align:center;text-transform:uppercase;}
    div.contact-form input[type="submit"]:hover {background:#237ebf; color:#fff; }
    div.contact-form .submit-area{display:inline-block;float:left;}
    div.contact-form span{padding:0;margin:0 0 5px;position:relative;font-size:10px!important}
    div.contact-form label {font-weight:400;margin-right:5px}


/*==============page===============*/
.page{ float: left;padding: 15px 0;}
.page #lblPagePro{display: block;text-align: center;padding-top: 10px;}
.page .apage{COLOR: #ddd;FONT-FAMILY: roboto;FONT-SIZE: 16px;text-decoration: none;border: 0;padding: 10px 20px;vertical-align: middle;    background: #fff;border: 1px solid #ddd;}
.page .cpage{COLOR: #006c32 !important;FONT-FAMILY: roboto;FONT-SIZE: 16px;text-decoration: none;border: 0;padding: 10px 20px;vertical-align: middle;background-color: #fff;border: 1px solid #ddd;}
.page .apage:hover {COLOR: #006c32 !important;   }

/*==============sliderpartner===============*/
#owl-partner{    width: 100%;margin: 0 auto;}
#owl-partner .owl-dots{}
#owl-partner .owl-nav{display: block;}
#owl-partner:hover .owl-nav .owl-prev, #owl-partner:hover .owl-nav .owl-next{display: block;}
#owl-partner .owl-nav .owl-prev, #owl-partner .owl-nav .owl-next{display: inline-block;margin-top: -73px;z-index: 3;position: relative;overflow:hidden;}
#owl-partner .owl-nav .owl-prev{    background: url('/images/icon/arrowPartner.png') no-repeat 100% 100%;width: 14px;height: 41px;text-indent: -9999px;margin-left: -10px;    float: left;}
#owl-partner .owl-nav .owl-next{background: url('/images/icon/arrowPartner.png') no-repeat 100% 100%;width: 14px;height: 41px;text-indent: -9999px;margin-right: -10px;transform: rotate(180deg);float:right;}
#owl-partner .owl-dot{}

.partner_a{}
.partner_b{}
.partner_b1{}
.partner_b2{ padding: 0 20px;}
.partner_c{display: block;position: relative;background: white;padding-top:50%;}
.partner_c img{width:auto !important;}

/*==============info_a===============*/
.info_a{  }
.info_b{}
.Info_1 {}
.Info_1 a {    text-align: center;    display: block;    position: relative;     padding-top: 141%;}
.Info_1 a p {      margin-top: -73%;
    position: relative;
    z-index: 1;}
.Info_1 a img {max-height: 100%;
    max-width: 100%;
    width: auto;
    height: auto;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;}
.Info_4 iframe { height: 393px;}

/*hotline*/

.phone_2 {    position: fixed;
    bottom: 79px;
    right: 20px;
    z-index: 3;}
.phone{    position: fixed;
    bottom: 26px;
    right: 73px;
    z-index: 3;
    }
.phone_1{    display: inline-block;
    border-radius: 25px;
    background: #ff0000;

}
.phone_1 img {vertical-align: top;
    width: auto;
    height: auto;
    margin: 0;
    border-radius: 50px;
    -webkit-animation: right .5s infinite ease-in-out;
    -moz-animation: right .5s infinite ease-in-out;
    animation: right .5s infinite ease-in-out; 
    background: #237ebf;
    padding: 5px;
}
.phone_1 a{color: #fff;
    font: 15px osfonb;
    margin: 10px 10px 10px 0;
    display: inline-block;}
.phone_1:hover { background: #003578;}   
.phone_1 a:hover { color: #fff !important;}

/* ring hotline */
@-webkit-keyframes right {
    0%{-webkit-transform:rotate(10deg)}
    50%{-webkit-transform:rotate(-10deg)}
    100%{-webkit-transform:rotate(10deg)}
}
@-webkit-keyframes left {
    0%{-webkit-transform:translate(15px)}
    50%{-webkit-transform:translate(-15px)}
    100%{-webkit-transform:translate(15px)}
}
@-moz-keyframes right {
    0%{-moz-transform:rotate(10deg)}
    50%{-moz-transform:rotate(-10deg)}
    100%{-moz-transform:rotate(10deg)}
}
@-moz-keyframes left {
    0%{-moz-transform:translate(15px)}
    50%{-moz-transform:translate(-15px)}
    100%{-moz-transform:translate(15px)}
}
@keyframes right {
    0%{transform:rotate(10deg)}
    50%{transform:rotate(-10deg)}
    100%{transform:rotate(10deg)}
}
@keyframes left {
    0%{transform:translate(15px)}
    50%{transform:translate(-15px)}
    100%{transform:translate(15px)}
}

/*==============footer_a===============*/
.footer_a{ background: #f9f9f9;color:#fff;}
.footer_b{padding: 15px 0;}
.footer_b .l{font: 13px osfon; }
.social{display: inline-block; }
.social a{margin-left: 0;}
.social a img{width:25px;}
.footer_b .r{font: 13px roboto;  color: #2f2f2f;     text-transform: uppercase;} 

/*popup*/
.close-popup{ float :right ; margin-right :-15px; margin-top :-15px; background :#fff; z-index :100; cursor :pointer ;border-radius: 100px; -webkit-border-radius: 100px; -moz-border-radius: 100px; webkit-transition: .3s ease-out !important;-moz-transition: .3s ease-out !important;-o-transition: .3s ease-out !important;transition: .3s ease-out !important;}
.close-popup:hover{background :rgba(255,255,255,0.9); }
.web_dialog_overlay{position: fixed;top: 0;right: 0;bottom: 0;left: 0;height: 100%;width: 100%;margin: 0;padding: 0;background: #000000;opacity: .65;filter: alpha(opacity=65);-moz-opacity: .65;z-index: 99;      display: none;   }
.web_dialog{			display: none;position: fixed;            padding: 0px;z-index: 102;left: 43%;top: 39%; }
.web_dialog .lang{text-align: center;}
.name_6{font:24px arialb;color:#FFFF00;display: inline-block;}
.name_7{font:15px arialb;color:#fff;}
.name_8{font:13px arial;color:#fff;}
.content_bottom{    position: fixed;bottom: 0;left: 0;    text-align: center;width: 100%;}

.imgScale img{-webkit-transform: scale(1);-moz-transform: scale(1);-o-transform: scale(1);-webkit-transition-duration: 0.5s;-moz-transition-duration: 0.5s;-o-transition-duration: 0.5s;}
.imgScale:hover img {-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-o-transform: scale(1.1);-webkit-transition-duration: 0.5s;-moz-transition-duration: 0.5s;-o-transition-duration: 0.5s;}
.hoverBorderSharpdow:hover{box-shadow: 0 0 20px rgba(0,0,0,.1);}

.gotoTop{position:fixed;bottom:125px;right:15px;display:none;    width: 50px;    height: 50px;    background: rgba(0,0,0,0.3);    border-radius: 50%;    text-align: center;    padding-top: 10px;z-index:2;}

/*#slider {height:400px;overflow:hidden;}*/
/*#slider .slides li {height:400px;overflow:hidden;position:relative;}*/
/*#slider li img {position:absolute;top:0;left:0; bottom:0;right:0;margin:auto;max-height:100%;max-width:100%;width:auto !important;}*/
/*#carousel .slides li {height:90px;overflow:hidden;}*/
#carousel .slides li.flex-active-slide {border-bottom:3px solid #f00;}

.advertFR{position:fixed;top:250px;right: 0;    z-index: 3; transition: all 0.5s; transform: translate(0,0);}
.advertFR i {    font-family: FontAwesome;    border-radius: 50%;    padding: 13px;    margin-right: 25px;}

.bg_giohang{display:none; position: fixed;    top: 0;    right: 0;    bottom: 0;    left: 0;    z-index: 1050;    overflow: hidden;    -webkit-overflow-scrolling: touch;    outline: 0;    background: rgba(0,0,0,0.5);}
.content_giohang{    background: #fff;    max-width: 568px;    height: auto;    border-radius: 20px;    margin: auto;    margin-top: 100px;text-align: center;    padding-top: 25px;padding-bottom:20px;}
.content_giohang .title{    font: 20px osfonb;    text-decoration: underline;    font-style: italic;}

@media screen and (max-width: 479.5px) {
    .width_xs_100 { width: 100% !important;}
    .width_xs_50 { width: 50% !important;}
    .font-size-xs-15{ font-size: 15px !important;}
    /*top*/
    .div-fill {    width: calc(100% - 24px) !important;}
    .icon-fill {        clear: both;    }
    .top_1a {
        margin-top: 1px;
        padding: 5px;
        background: #fff;
    }

    .top_1a .logo { max-width: 79px;}

    .top_1b {}
    .top_1b h3 {}
    .top_1b h4 {}

    /*==============top_4a===============*/
    .top_4a{ border-bottom: 1px solid #ddd;background:#fff;}
    .top_4b{text-align:center;}
    .hotline{font: 13px osfonb;}

    .seach{clear:both;float:right; margin-top: 10px;margin-left: 0;}
    .tk{    display: inline-block;background: white;    margin: 0 0 1px 0px;padding:0;}
    .tk .txtKeyMobile{width:100%;background-color: none;border: none;margin-right: 0px;margin-left: 0;margin-top: 0px;font-size: 13px;text-align: left;height: 28px;float: left;padding-left: 10px; outline:none;border: 1px  solid #ddd;}
    .tk .btnSeachMobile{vertical-align: middle; height: 28px;  width: 34px;   color: white;  background: none;margin-left: 0; text-transform: uppercase; border: 0 solid #ddd;background: url('/images/icon/seachMobile.png') no-repeat center;border-radius:0;    border-top-right-radius: 3px;  border-bottom-right-radius: 3px;}
    .tk .btnSeachMobile:hover{ color:#FFC90C;} 

    .menuMobile{display:inline-block; margin-top:-5px;    margin-right:0px;margin-left: 0px;border: 0px;border-radius:4px;}
    .menuMobile img{    margin-top: 10px;    margin-left: 5px;    height: 28px;    border: 1px solid #237ebf;    border-radius: 3px;}

    /*==============menu===============*/
    .topMenuMobile{position: fixed;top: 0;bottom: 0;left: -100%;right: 0;transition: left 1s;background:rgba(1,1,1,0.5);    width: 305px;z-index:4;overflow-y: scroll;}
    .topMenuMobile_b{background:#fff;}

    .topMenuMobile_b .menu{margin-top: 0px;display:block;}
    .topMenuMobile_b .menu>ul{     height: 100%;overflow-y: scroll;}
    .topMenuMobile_b .menu ul li{position:relative;display:inline;width:100%;padding:0;}
    .topMenuMobile_b .menu ul li a{ border-bottom: 1px solid #fff;}
    .topMenuMobile_b .menu>ul>li:first-child{margin-left: 0px;}

    .topMenuMobile_b .menu>ul>li:last-child { }
    .topMenuMobile_b .menu>ul>li:last-child a{ }
    .topMenuMobile_b .menu>ul>li:nth-child(3)>a:after {content: '';display: inline;   margin-left: 3px;}
    .topMenuMobile_b .menu>ul>li:nth-child(3):hover>a:after {   transform: rotate(90deg);}
    .topMenuMobile_b .menu>ul>li:last-child a img{ }
    .topMenuMobile_b .menu>ul>li>a{     background: #fff;text-align: left;font-size: 14px;text-decoration: none;font-family: roboto; display: block;text-transform: uppercase;color: #000;padding: 8px 22.5px 8px !important;}
    .topMenuMobile_b .menu>ul>li>.glyphicon{     text-align: left;font-size: 14px;text-decoration: none;display: block;text-transform: uppercase;color: white;padding: 13px 10px 18px  !important;}


    .topMenuMobile_b .menu>ul>li.ac>a{ color:#237ebf !important; background: #fff; border-bottom: 1px solid white;}
    .topMenuMobile_b .menu ul li ul{ display:none; margin-top: 0px;margin-left: 0px;    visibility: visible;    opacity: 1;    transition: unset;     transform: unset;position:relative;}
    .topMenuMobile_b .menu ul li ul li{position:relative;}
    .topMenuMobile_b .menu ul li ul li a{ text-align: left;font-size: 13px;text-decoration: none;font-family: robotom;display: block;text-transform: uppercase;background: #fff;color: #000; padding: 10px 5px 10px 40px;width:100%;}
    .topMenuMobile_b .menu>ul>li>ul>li.ac>a{ color:white !important; background:#3a2313; border-bottom: 1px solid white;}
    .topMenuMobile_b .menu ul li ul li ul{display:none; position:relative;margin-left:0; margin-top: 0;}   
    .topMenuMobile_b .menu ul li ul li ul li{display:block;}
    .topMenuMobile_b .menu ul li ul li ul li{}
    .topMenuMobile_b .menu ul li ul li ul li a{padding-left:60px;}

    .topMenuMobile_b .menu>ul>li>img{display:none;}    
    .topMenuMobile_b .menu>ul>li.totalM>img.img1 {display:block;float: right;margin-top: -35px;padding: 10px;margin-left: 90%;position: relative;}
    .topMenuMobile_b .menu>ul>li.totalM>img.img2 {float: right;margin-top: -35px;padding: 10px;margin-left: 90%;position: relative;}

    .topMenuMobile_b .menu>ul>li>ul>li>img{display:none;border-radius: 50%;}    
    .topMenuMobile_b .menu>ul>li>ul>li.total2M>img.img1 {display:block;float: right;margin-top: -35px;padding: 10px;margin-left: 90%;position: relative;}
    .topMenuMobile_b .menu>ul>li>ul>li.total2M>img.img2 {float: right;margin-top: -35px;padding: 10px;margin-left: 90%;position: relative;}
    
    .advertFR i { margin-right: 5px;}

    .cssDrlLang{font-size: 14px;}
    .giohang{color:#000;background: url(/images/icon/giohangM.png) no-repeat left;}
    .owl-nav{display:none !important;}
    .footer_b .r, .footer_b .l{    width: 100%;    text-align: center;}
    .social{float: none;}
}
@media screen and (max-width: 767.5px) and (min-width: 479.5px)
{
    .font-size-xs-15{ font-size: 15px !important;}
    .width_xs_100 { width: 100% !important;}
    .width_xs_50 { width: 50% !important;}
    /*top*/	
    .div-fill {    width: calc(100% - 24px) !important;}
    .icon-fill {        clear: both;    }
    .top_1a {
        margin-top: 1px;
        padding: 5px;
        background: #fff;
    }
    .top_1a {
        margin-top: 1px;
        padding: 5px;
        background: #fff;
    }

    .top_1a .logo { max-width: 79px;}

    .top_1b {}
    .top_1b h3 {}
    .top_1b h4 {}

    /*==============top_4a===============*/
    .top_4a{ border-bottom: 1px solid #ddd;background:#fff;}
    .top_4b{text-align:center;}
    .hotline{font: 13px osfonb;}

    .seach{clear:both;float:right; margin-top: 10px;margin-left: 0;}
    .tk{    display: inline-block;background: white;    margin: 0 0 1px 0px;padding:0;}
    .tk .txtKeyMobile{width:100%;background-color: none;border: none;margin-right: 0px;margin-left: 0;margin-top: 0px;font-size: 13px;text-align: left;height: 28px;float: left;padding-left: 10px; outline:none;border: 1px solid #ddd;}
    .tk .btnSeachMobile{vertical-align: middle; height: 28px;  width: 34px;   color: white;  background: none;margin-left: 0; text-transform: uppercase; border: 0 solid #ddd;background: url('/images/icon/seachMobile.png') no-repeat center;border-radius:0;    border-top-right-radius: 3px;  border-bottom-right-radius: 3px;}
    .tk .btnSeachMobile:hover{ color:#FFC90C;} 

    .menuMobile{display:inline-block; margin-top:-5px;    margin-right:0px;margin-left: 0px;border: 0px;border-radius:4px;}
    .menuMobile img{    margin-top: 10px;    margin-left: 5px;    height: 28px;    border: 1px solid #237ebf;    border-radius: 3px;}

    /*==============menu===============*/
    .topMenuMobile{position: fixed;top: 0;bottom: 0;left: -100%;right: 0;transition: left 1s;background:rgba(1,1,1,0.5);    width: 305px;z-index:4;overflow-y: scroll;}
    .topMenuMobile_b{background:#fff;}

    .topMenuMobile_b .menu{margin-top: 0px;display:block;}
    .topMenuMobile_b .menu>ul{     height: 100%;overflow-y: scroll;}
    .topMenuMobile_b .menu ul li{position:relative;display:inline;width:100%;padding:0;}
    .topMenuMobile_b .menu ul li a{ border-bottom: 1px solid #fff;}
    .topMenuMobile_b .menu>ul>li:first-child{margin-left: 0px;}

    .topMenuMobile_b .menu>ul>li:last-child { }
    .topMenuMobile_b .menu>ul>li:last-child a{ }
    .topMenuMobile_b .menu>ul>li:nth-child(3)>a:after {content: '';display: inline;   margin-left: 3px;}
    .topMenuMobile_b .menu>ul>li:nth-child(3):hover>a:after {   transform: rotate(90deg);}
    .topMenuMobile_b .menu>ul>li:last-child a img{ }
    .topMenuMobile_b .menu>ul>li>a{     background: #fff;text-align: left;font-size: 14px;text-decoration: none;font-family: roboto; display: block;text-transform: uppercase;color: #000;padding: 8px 22.5px 8px !important;}
    .topMenuMobile_b .menu>ul>li>.glyphicon{     text-align: left;font-size: 14px;text-decoration: none;display: block;text-transform: uppercase;color: white;padding: 13px 10px 18px  !important;}


    .topMenuMobile_b .menu>ul>li.ac>a{ color:#237ebf !important; background: #fff; border-bottom: 1px solid white;}
    .topMenuMobile_b .menu ul li ul{ display:none; margin-top: 0px;margin-left: 0px;    visibility: visible;    opacity: 1;    transition: unset;     transform: unset;position:relative;}
    .topMenuMobile_b .menu ul li ul li{position:relative;}
    .topMenuMobile_b .menu ul li ul li a{ text-align: left;font-size: 13px;text-decoration: none;font-family: roboto;display: block;text-transform: uppercase;background: #fff;color: #000; padding: 10px 5px 10px 40px;width:100%;}
    .topMenuMobile_b .menu>ul>li>ul>li.ac>a{ color:white !important; background:#3a2313; border-bottom: 1px solid white;}
    .topMenuMobile_b .menu ul li ul li ul{display:none; position:relative;margin-left:0; margin-top: 0;}   
    .topMenuMobile_b .menu ul li ul li ul li{display:block;}
    .topMenuMobile_b .menu ul li ul li ul li{}
    .topMenuMobile_b .menu ul li ul li ul li a{padding-left:60px;}

    .topMenuMobile_b .menu>ul>li>img{display:none;}    
    .topMenuMobile_b .menu>ul>li.totalM>img.img1 {display:block;float: right;margin-top: -35px;padding: 10px;margin-left: 90%;position: relative;}
    .topMenuMobile_b .menu>ul>li.totalM>img.img2 {float: right;margin-top: -35px;padding: 10px;margin-left: 90%;position: relative;}

    .topMenuMobile_b .menu>ul>li>ul>li>img{display:none;border-radius: 50%;}    
    .topMenuMobile_b .menu>ul>li>ul>li.total2M>img.img1 {display:block;float: right;margin-top: -35px;padding: 10px;margin-left: 90%;position: relative;}
    .topMenuMobile_b .menu>ul>li>ul>li.total2M>img.img2 {float: right;margin-top: -35px;padding: 10px;margin-left: 90%;position: relative;}
    

    .advertFR i { margin-right: 5px;}
    .cssDrlLang{font-size: 14px;}
    .giohang{color:#000;background: url(/images/icon/giohangM.png) no-repeat left;}
    .owl-nav{display:none !important;}
    .footer_b .r, .footer_b .l{    width: 100%;    text-align: center;}
    .social{float: none;}

}



@media screen and (max-width: 1100px) and (min-width: 767.5px)
{
   .width_sm_50 {width: 50%;}
   .col-10 {width: 10%;}
    .col-23 {width: 23%;}
}
@media screen and (min-width: 1100px)
{	
    .container{ width:1180px !important;}    
    .width_sm_50 {width: 50%;}
    .col-10 {width: 10%;}
    .col-23 {width: 23%;}
}