/*-----------css reset---------------------*/
*{ margin:0; padding:0;}
html,body,div,span{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}

/* Font face*/
@font-face {
    font-family: RCB;
    src: url('fonts/RobotoCondensedBold.eot');
    src: url('fonts/RobotoCondensedBold.eot') format('embedded-opentype'),
         url('fonts/RobotoCondensedBold.woff2') format('woff2'),
         url('fonts/RobotoCondensedBold.woff') format('woff'),
         url('fonts/RobotoCondensedBold.ttf') format('truetype'),
         url('fonts/RobotoCondensedBold.svg#RobotoCondensedBold') format('svg');
}

@font-face {
    font-family: RCR;
    src: url('fonts/RobotoCondensedRegular.eot');
    src: url('fonts/RobotoCondensedRegular.eot') format('embedded-opentype'),
         url('fonts/RobotoCondensedRegular.woff2') format('woff2'),
         url('fonts/RobotoCondensedRegular.woff') format('woff'),
         url('fonts/RobotoCondensedRegular.ttf') format('truetype'),
         url('fonts/RobotoCondensedRegular.svg#RobotoCondensedRegular') format('svg');
}

@font-face {
    font-family: RM;
    src: url('fonts/RobotoMedium.eot');
    src: url('fonts/RobotoMedium.eot') format('embedded-opentype'),
         url('fonts/RobotoMedium.woff2') format('woff2'),
         url('fonts/RobotoMedium.woff') format('woff'),
         url('fonts/RobotoMedium.ttf') format('truetype'),
         url('fonts/RobotoMedium.svg#RobotoMedium') format('svg');
}

@font-face {
    font-family: RR;
    src: url('fonts/RobotoRegular.eot');
    src: url('fonts/RobotoRegular.eot') format('embedded-opentype'),
         url('fonts/RobotoRegular.woff2') format('woff2'),
         url('fonts/RobotoRegular.woff') format('woff'),
         url('fonts/RobotoRegular.ttf') format('truetype'),
         url('fonts/RobotoRegular.svg#RobotoRegular') format('svg');
}

@font-face {
    font-family: RB;
    src: url('fonts/RobotoBold.eot');
    src: url('fonts/RobotoBold.eot') format('embedded-opentype'),
         url('fonts/RobotoBold.woff2') format('woff2'),
         url('fonts/RobotoBold.woff') format('woff'),
         url('fonts/RobotoBold.ttf') format('truetype'),
         url('fonts/RobotoBold.svg#RobotoBold') format('svg');
}

@font-face {
    font-family: RL;
    src: url('fonts/RobotoLight.eot');
    src: url('fonts/RobotoLight.eot') format('embedded-opentype'),
         url('fonts/RobotoLight.woff2') format('woff2'),
         url('fonts/RobotoLight.woff') format('woff'),
         url('fonts/RobotoLight.ttf') format('truetype'),
         url('fonts/RobotoLight.svg#RobotoLight') format('svg');
}

@font-face {
    font-family: SFBC;
    src: url('fonts/SFUEurostileBoldCondensed.eot');
    src: url('fonts/SFUEurostileBoldCondensed.eot') format('embedded-opentype'),
         url('fonts/SFUEurostileBoldCondensed.woff2') format('woff2'),
         url('fonts/SFUEurostileBoldCondensed.woff') format('woff'),
         url('fonts/SFUEurostileBoldCondensed.ttf') format('truetype'),
         url('fonts/SFUEurostileBoldCondensed.svg#SFUEurostileBoldCondensed') format('svg');
}

@font-face {
    font-family: SFEC;
    src: url('fonts/SFUEurostileCondensed.eot');
    src: url('fonts/SFUEurostileCondensed.eot') format('embedded-opentype'),
         url('fonts/SFUEurostileCondensed.woff2') format('woff2'),
         url('fonts/SFUEurostileCondensed.woff') format('woff'),
         url('fonts/SFUEurostileCondensed.ttf') format('truetype'),
         url('fonts/SFUEurostileCondensed.svg#SFUEurostileCondensed') format('svg');
}

@font-face {
    font-family: UAS;
    src: url('fonts/UTMAmericanSans.eot');
    src: url('fonts/UTMAmericanSans.eot') format('embedded-opentype'),
         url('fonts/UTMAmericanSans.woff2') format('woff2'),
         url('fonts/UTMAmericanSans.woff') format('woff'),
         url('fonts/UTMAmericanSans.ttf') format('truetype'),
         url('fonts/UTMAmericanSans.svg#UTMAmericanSans') format('svg');
}

@font-face {
    font-family: UVTHB;
    src: url('fonts/UVNHepBold.eot');
    src: url('fonts/UVNHepBold.eot') format('embedded-opentype'),
         url('fonts/UVNHepBold.woff2') format('woff2'),
         url('fonts/UVNHepBold.woff') format('woff'),
         url('fonts/UVNHepBold.ttf') format('truetype'),
         url('fotns/UVNHepBold.svg#UVNHepBold') format('svg');
}

body{min-width: 1200px;}
/*----------basic----------------*/
html,body {font-family:Arial, Helvetica, sans-serif; font-size: 14px; line-height: 25px; text-rendering: optimizeLegibility;}
a { text-decoration:none; color:#1471CE; transition:all 0.5s; -webkit-transition:all 0.5s; -moz-transition:all 0.5s;}
a:hover { text-decoration:none !important; color:#F00; }
html {}/*Prevent Firefox Scrollbar Jump*/
img{border:none; max-width:100%; height:auto; vertical-align:middle;}
input , textarea { padding: 0; margin: 0; resize:none; outline:none}
select, .cp  { cursor:pointer; }
.clear { clear: both; }
:focus{outline:0;}
input:focus{ outline:1px solid #f97d17;}
textarea:focus{ outline:1px solid #f97d17;}
del{text-decoration:line-through}
table{border-collapse:collapse;border-spacing:0}
button{border:0;cursor:pointer;font-weight:bolb; outline:none}
ul,ol{ margin-left:15px; text-decoration: none !important;}

/*Phan trang*/
.phantrang{text-align:center;background:rgba(0,0,0,0);right:0px;top:-40px;padding:5px 0px;}
.phantrang div {display: inline-block;}
.phantrang a {background:#193d71;color: #FFF;cursor: pointer;font-size: 11px;margin: 10px 0 10px 4px;padding: 6px 10px;font-weight:bold;border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;}
.phantrang div.active {background: #f97d17; color: #FFF; cursor: pointer; font-size: 11px; margin: 10px 0 10px 4px; padding: 0px 10px; font-weight: bold; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px;}
.phantrang span{padding:3px 10px 5px;background:#f97d17;border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;color:#FFF;}
.phantrang a:hover {background: none repeat scroll 0 0 #f97d17; box-shadow: none;color: #FFFFFF;text-decoration: none;}
.phantrang .paginate_button_disabled, .phantrang .paginate_button_disabled:hover {background: linear-gradient(to bottom, #F8F8F8 0%, #EAEAEA 100%) repeat scroll 0 0 transparent;border: 1px solid #D2D2D2 !important;color: #ADADAD !important;cursor: default;opacity: 0.7;}
.phantrang .paginate_active, .phantrang .paginate_active:hover {background: none repeat scroll 0 0 #05bfdc;box-shadow: none;color: #FFF;font-weight:bold;}

/* My */
.vshd{ visibility:hidden; height:0px; width:0px; position:fixed; top:-10px;}
#back-top{cursor: pointer; display: none; width: 31px; height: 31px; position: fixed; background-color: #dd3030; bottom: 55px; right: 20px;}
#back-top:before{content: ""; position: Absolute; width: 0; height: 0; border: 11px solid transparent; border-bottom: 11px solid white; left: 5px; top: -8px;}
#back-top:after{content: ""; position: Absolute; width: 10px; height: 17px; background-color: white; left: 11px; top: 14px;}
.button{ padding: 2px 15px; background:#004ba1; color:#FFF; border:none; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px;}
.input{ box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; border: 1px solid #e1e1e1; border-radius: 3px;}
.center{ max-width:1200px; margin:0 auto; position:relative;}
.center1{ max-width:1300px; margin:0 auto; position:relative;}
.w-clear:after{ display:block; content:""; clear:both;}
.red{ color:#F00;}
.rb{ color:#F00; font-weight: bold; font-size: 18px;}
.addthis_native_toolbox{ margin-top:10px;}
.open-sans{ font-family: 'Open Sans', sans-serif;}
.mrb15{ margin-bottom:15px;}
.mrt15{ margin-top:15px;}
#load{ width:100%; height:100%; position:fixed; z-index:9999; background:url(../img/loading.gif) no-repeat center,#FFF; display:none; opacity:0.9; top: 0px; left: 0px;}
.ct-l.load{ background:url(../img/load.gif) no-repeat center; min-height: 200px;}
.del{text-decoration: line-through;}
.main-tit{margin-bottom: 20px; color: #009f3c; font-family: RCB; font-size: 25px; padding: 0;}
.main-tit h2{margin: 0;font-weight: normal; font-size: 25px; line-height: 25px;}
.box-tab-tit{font-family: RR;color: #353535; margin-top: 15px; border-bottom: 5px solid #a3a3a3;text-align: center;}
.box-tab-tit:after{display: block;content: "";clear: both;}
.box-tab-tit div{ padding: 5px 15px; cursor: pointer; border: 1px solid #a3a3a3;float: left; margin-right: -1px;}
.box-tab-tit div.active{ color: #FFF; background: #a3a3a3;}
.w-tab-con{ border: 1px solid #a3a3a3; margin-bottom: 20px;}
.box-tab-con{display: none; padding: 10px;}
.box-tab-con:first-child{display: block;}
.slick-img-thumb{width: calc(100% + 10px); margin-left: -5px; margin-top: 10px;}
.slick-img-thumb img.thumb{ box-shadow: none !important; border: 1px solid #CCC !important;}
.slick-dots{ margin: 0px !important;}
#smenu{display: none;background: #026ce6; color: #FFF; padding: 5px 10px;}
.i-menu{font-size: 22px; margin-right: 10px; cursor: pointer; transform: translateY(3px);}
#menus{display: none;}
.tbl{width: 100%;display: table; border-collapse: collapse;}
.tbl .tr{ display: table-row;}
.tbl .th{font-family: RB;}
.tbl .td,.tbl .th{ display: table-cell;}

/* RP Iframe*/
.video-container {position: relative;padding-bottom: 56.25%;padding-top: 30px; height: 0; overflow: hidden;}
.video-container iframe,.video-container object,.video-container embed {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}

::-webkit-input-placeholder{color: #212121;}
::-moz-placeholder{color: #212121;}
:-ms-input-placeholder{color: #212121;}
:-moz-placeholder{color: #212121;}

/* Banner */
#banner{background: #299c0a; padding: 5px 0; font-size: 13px; color: #fff;}
.banner-1{float: left; width: 595px;}
.banner-2{float: left; width: 250px;}
.banner-3{float: right; width: 300px;}
.banner-3 ul{margin: 0; padding: 0; list-style: none; text-align: right;}
.banner-3 ul li{display: inline-block; margin-left: 20px; text-transform: uppercase;}
.banner-3 ul li:first-child{margin-left: 0;}
.banner-3 ul li a{color: #fff; transition: all 0s;}
.banner-3 ul li a:hover{color: #ff0;}
/* Menu */
.logo{float: left;}
.logo img{max-height: 100px;}
#menu{background: rgba(255, 255, 255, 0.55); font-family: RCR; width: 100%; min-width: 1200px; z-index: 99;}
#main-menu{float: right; padding: 26px 0 25px;}
#menu.fix{position: fixed;top: 0; left: 0;width: 100%; z-index: 999; background: rgb(255, 255, 255);}
#menu.fix .logo{display: none;}
#menu.fix #main-menu{padding: 0;}

/* Slide */
#slide{position: relative; }

/* Footer */
#footer{background: url(../img/bg-ft.png) no-repeat center bottom #037a30; background-size: 100% auto; padding: 30px 0px 0px; font-size: 13px; color: #fff; border-top: 6px solid #09943e;}
#footer a{color: #FFF;}
#footer a:hover{color: #FF0;}
.ft-tit{font-family: 'Tahoma'; font-size: 16px; color: #fff; text-transform: uppercase; margin-bottom: 10px;}
.ft-1{width: 390px; float: left; margin-right: 40px;}
.ft-2{width: 370px; float: left; margin-right: 40px;}
.ft-2 .ft-tit{margin-bottom: 20px;}
.ft-2 .dknt{border: 1px dashed #66a67f; padding: 5px;}
.ft-2 form{background: #1c1b1b; padding: 5px 15px 10px;}
.ft-2 .w-clear{margin-top: 5px;}
.ft-2 .input{float: left; border-radius: 0px; outline: none; border: none; padding: 5px 15px; width: 242px; color: #212121; font-size: 13px; background: #b7b7b7;}
.ft-2 .button{float: left; text-transform: uppercase; background: #790000; border-radius: 0px; padding: 5px 0; margin-left: 5px; width: 80px; text-align: center;}


.ft-3{width: 270px; float: right; padding-top: 15px;}
.ft-b{background: rgba(28, 66, 39, 0.68); padding: 8px 0px 7px; margin-top: 20px; font-size: 13px; text-align: center;}
.ft-b .center{display: flex; justify-content: space-between;}
.ft-b div span{margin: 0px 5px;}
.mxh{margin-top: 20px;}
.mxh img{margin-right: 3px;}
/* Lien he */
.lh-l{width: 50%;float: left; padding-right: 20px;border-right: 1px solid #CCC;}
.lh-r{width: 50%;float: left;padding-left: 20px;border-left: 1px solid #CCC;margin-left: -1px;}
.lh-con-l{width: 30%;float: left;margin-bottom: 5px;}
.lh-con-l span{color: red;}
.lh-con-r{width: 70%;float: left;margin-bottom: 5px;}
.lh-con-r *{max-width: 100%;}
.lh-con-r .input{width: 100%;outline:none;padding:0 5px;}
.lh-con-r textarea{border: 1px solid #e1e1e1;border-radius: 5px;width: 100%;outline:none;padding:0 5px;}

/* San pham */
.box-sp{width: 374px; height: 376px; overflow: hidden; float: left; margin: 0px 39px 20px 0px; color: #424141; text-align: center; font-family: RR;}
.box-sp:hover{}
.box-sp-img{border: 1px solid #bebebe; padding: 3px; overflow: hidden;}
.box-sp-img img{width: 100%; transition:all 0.5s;}
.box-sp-img:hover img{ transform:scale(1.1); }
.box-sp h3{font-size: 18px; font-weight: normal; margin: 15px 0 8px; text-transform: uppercase;}
.box-sp a{ color: #393939;}
.box-sp a:hover{ color: #F00;}
.ct-l{width: 48%;float: left;margin-bottom: 20px;}
.ct-r{width: 48%;float: right;}
.ct-tit{font-family: RB; font-weight: normal; margin: 0px 0px 10px; color: #F00;}
.ct-tit h2{font-weight: normal; color: #F00; font-size: 24px; margin: 0px;font-family: RB;}
.ctsp-tit{font-family: RB; font-size: 18px; margin-bottom: 10px;}
.ct-sp p{margin-bottom: 0px !important;}
.ct-sp-l{width: 100px;float: left;}
.ct-sp-r{width: calc(100% - 110px);float: right;}
.ct-sp-r-1{width: 33.33%;float: left;}
.ct-sp-r-2{width: 33.33%;float: left;}
.ct-sp-r-3{width: 33.33%;float: left;}
.box-news-date{ color: #909090; font-size: 12px; margin-bottom: 2px;}
.thumb-color{width: 40px;height: 40px; padding: 2px; border: 1px solid #CCC; float: left; margin-right: 5px;}
.ct-sp-gia span{ color: #F00;font-weight: bold; font-size: 18px;}
.sc-tab-tit{font-family: RB; margin-top: 10px; font-weight: bold; background: #DEDCDC; padding: 5px 10px; color: #555; cursor: pointer;}
.mn-l{width: 60%;float: left;position: relative;margin-left: 5%;border: 1px solid #f2f2f2; padding: 10px; box-shadow: 0px 0px 5px #CCC}
.mn-l img,#phuongphapphoimau .col-2 img{position: absolute;top: 10px;left: 10px;z-index: 0;opacity: 0;}
.mn-l img.active,#phuongphapphoimau .col-2 img.active{position: static;z-index: 99; opacity: 1;}
.mn-r{width: 28%;float: right;margin-right: 5%;}
.mn-r img{ margin: 0px 10px 10px 0px;float: left; cursor: pointer;}
.mn-r img:nth-child(2n){margin-right: 0;}
.sm-r img{ margin: 0px 0px 10px 0px !important;}

/* Tin tuc */
.box-news{line-height: 20px; float: left; width: 49%; margin: 0px 2% 15px 0px; border-bottom: 1px solid #CCC; padding-bottom: 10px;}
.box-news-img{float: left; margin-right: 10px; border: 1px solid #CCC; padding: 2px;}
.box-news h3{margin: 0px 0px 5px;font-size: 18px; font-family:RR;}
.box-news h3 a{color: #333;}
.box-news h3 a:hover{color: #f00;}
.box-news-date{ color: #909090; font-size: 12px; margin-bottom: 2px;}
.box-news:nth-child(2n){margin-right: 0;}
.box-news:nth-child(2n+1){clear: both;}
h2.tincungloai{font-size: 16px;font-weight: bold;border-bottom: 1px solid #CCC; margin: 0px 0px 5px; padding-bottom: 5px; margin-top: 15px;}
ul.tincungloai{ list-style: none; margin: 0; font-size: 13px; font-family: RR; }
ul.tincungloai li{ background: url('../img/tinkhac.png') no-repeat left top 9px; padding-left: 15px; }
ul.tincungloai li a{ color: #424242; }
ul.tincungloai li a:hover{ color: #da2627; text-decoration: underline !important; }
/* Container */
#container{padding: 30px 0px;}
.content{ text-align:justify;}
.left{width: 260px;float: left;margin-right: 20px;}
.right{width: calc(100% - 280px);float: left;}

/* Index */
.left-box{background: #0867d4;padding: 5px;margin-top: 20px;}
.left-box:first-child{margin-top: 0;}
.left-info{border: 1px solid #89bbf4;}
.left-info a{ color: #FFF;display: block;}
.left-tit{font-family: RM; font-size: 18px;text-align: center; padding: 5px;text-transform: uppercase; background: url(../img/bg-left-tit.png); background-size: auto 100%;}
.left-tit a:hover{ color: #FF0;}
.left-info ul{margin: 0;list-style: none;}
.left-info ul li{border-top: 1px solid #89bbf4;padding: 5px 10px 5px 20px; background: url(../img/left-li.png) no-repeat center left 10px;}
.left-info ul li:hover{background: url(../img/left-li.png) no-repeat center left 10px,#0857b1;}
.i-tit{text-align: center; padding-bottom: 35px; background: url(../img/i-tit.png) no-repeat center bottom; margin-bottom: 30px;}
.i-tit div{display: inline-block; font-family: RCR; font-size: 30px; color: #fff; line-height: 50px; height: 50px; padding: 0px 15px; background: #009f3c; text-transform: uppercase; border: 2px solid #fff; position: relative;}
.i-tit div:after{position: absolute; content: ''; width: calc(100% + 6px); height: calc(100% + 6px); border: 1px solid #000; left: -3px; top: -3px;}
#doitac{clear: both;margin: 20px 0px;}
.slick-dt{width: calc(100% + 20px);margin-left: -10px;}
.box-dt{border: 1px solid #CCC; max-width: 200px;}
.box-dt img{display: block;margin: auto;}
.tt-l{width: calc(100% - 400px);float: left;}
.tt-r{width: 380px;float: right;}
.tt-tit{background: #026ce6; color: #FFF;font-family: RCR; font-size: 18px;text-transform: uppercase; padding: 5px 10px;margin-bottom: 10px;}
.box-newsi{width: 48%;float: left;margin: 0px 4% 20px 0px; font-size: 13px;line-height: 20px;padding-bottom: 10px;border-bottom: 1px dotted #c3c3c3;}
.box-newsi-img{width: 150px;float: left;margin-right: 10px;}
.box-newsi h3{font-size: 13px;font-weight: bold;margin: 0px 0px 5px;}
.box-newsi a{ color: #0055a8;}
.box-newsi a:hover{ color: #F00;}
.tt-r .box-newsi{width: 100%;float: none;margin: 0px 0px 20px;}

.box-sp:nth-child(3n){margin-right: 0;}
.box-sp:nth-child(3n+1){clear: both;}
.box-newsi:nth-child(2n){margin-right: 0;}
.box-newsi:nth-child(2n+1){clear: both;}

.flex{display: flex; justify-content: space-between;}
#tintuc{padding: 10px 0 20px; background: #ffffff;}
#tintuc .flex > div{width: 370px;}
.tintuc-tit{line-height: 45px; border-bottom: 1px solid #fff; font-family: RCR; font-size: 25px; color: #333; text-transform: uppercase; padding-left: 35px; margin-bottom: 15px;}
#tintuc .flex > div:nth-child(1) .tintuc-tit{background: url(../img/tintuc-tit1.png) no-repeat left 2px center;}
#tintuc .flex > div:nth-child(2) .tintuc-tit{background: url(../img/tintuc-tit2.png) no-repeat left 2px center;}
#tintuc .flex > div:nth-child(3) .tintuc-tit{background: url(../img/tintuc-tit3.png) no-repeat left 2px center;}

.box-tintuc .vert .simply-scroll-clip li{padding-bottom: 15px; border-bottom: 3px solid #fff; margin-bottom: 12px;}
.box-newsnb{ line-height: 20px; height: 100%; position: relative; font-size: 13px; color: #fff;}
.box-newsnb img{float: left; margin-right: 10px; width: 100px; height: 75px;}
.box-newsnb h3{margin: 0; font-weight: bold; font-size: 12px; margin-bottom: 3px;}
.box-newsnb p{margin: 0; text-align: justify;color: #333;}
.box-newsnb h3 a{color: #333;}
.box-newsnb h3 a:hover{color: #ff0;}

.box-lienhe{}
.box-lienhe input.ipct{width: 100%; border-radius: 0; outline: none; border: 1px solid #eee; margin-bottom: 9px; padding: 2px 12px 1px; font-family: RR; font-size: 15px; color: #000;}
.box-lienhe textarea{width: 100%; border-radius: 0; outline: none; border: 1px solid #eee; padding: 2px 12px 1px; font-family: RR; font-size: 15px; color: #000;}
.box-lienhe input.btnct{background: #f48818; font-size: 15px; color: #fff; padding: 5px 37px;}

#noithat{background: #eee; margin-bottom: 30px; padding: 40px 0;}
.box-noithat{width: 270px; margin: 0px auto;}
.box-noithat-img{border: 1px solid #cdcdcd; background: #fff; padding: 4px;}
.box-noithat-tit{text-align: center; font-family: RCR; font-size: 18px; color: #333; text-transform: uppercase; margin-top: 10px;}
.box-noithat-tit a{color: #333;}
.box-noithat-tit a:hover{color: #f00;}

#contrinh{}
.congtrinh-tit{text-align: center; padding: 40px 0; background: url(../img/congtrinh-tit.png) no-repeat center center; background-size: 100% 100%; color: #fff; font-family: RCR; font-size: 16px;}
.congtrinh-tit .i-tit{margin-bottom: 20px;}
.congtrinh-desc{padding-top: 40px;}

.box-dv{width: 382px; margin: 0px auto; padding: 7px; border: 1px solid #e6e6e6; font-family: RR; font-size: 14px; color: #2e2e2e;}
.box-dv h3{margin: 15px 0 10px; font-weight: normal; font-size: 20px; text-align: center;}
.box-dv h3 a{color: #000;}
.box-dv h3 a:hover{color: #f00;}
.box-dv p{line-height: 20px;}
.box-dv-more{float: right; background: #f00; color: #fff; padding: 3px 10px 5px;}
.box-dv-more:hover{color: #ff0;}

.box-dvu{float: left; margin: 0 27px 20px 0;}
.box-dvu:nth-child(3n){margin-right: 0;}
.box-dvu:nth-child(3n+1){clear: both;}

#phongthuy{padding: 30px 0; background: #d8d8d8;}
.index #phongthuy{margin-bottom: 30px;}
.phongthuy_flex{display: flex; justify-content: space-between;}
.phongthuy_flex > div{flex-basis: 50%; min-height: 600px;}
.phongthuyr{}
.phongthuyl{max-width: 425px; padding-top: 50px;}
.phongthuy-tit{background: #fff; line-height: 38px; text-transform: uppercase; font-size: 20px; color: #f80000; text-align: center; margin-bottom: 20px;}
.phongthuy-search{font-size: 14px; color: #797979; margin-bottom: 20px;}
.phongthuy-search p{margin-bottom: 5px;}
.phongthuy-search select{width: 100%; background: #fff;}
.btnphongthuy{background: #009f3c; border: 2px solid #fff; border-radius: 5px; font-family: 25px; font-weight: bold; color: #fff; text-transform: uppercase; padding: 5px 50px 3px; margin-top: 20px;}

/* Reponsive */
@media (min-width: 1200px) 
{
    .pnt{padding: 0px 20px;}
    .slick-noithat{width: calc(100% + 40px); margin-left: -20px;}
    .pdv{padding: 0px 14px;}
    .slick-dichvu{width: calc(100% + 28px); margin-left: -14px;}
}
	@media (min-width:768px){#section2 .list-index-portfolio>li>.img-holder{min-height:253px!important;}
#section2 .list-index-portfolio>li{height:253px!important;}
}
.hoancau-alo-phone{position:fixed;background-color:transparent;width:170px;height:170px;cursor:pointer;z-index:200 !important;-webkit-backface-visibility:hidden;-webkit-transform:translateZ(0);-webkit-transition:visibility .5s;-moz-transition:visibility .5s;-o-transition:visibility .5s;transition:visibility .5s;bottom:0px;left:-30px;}
.hoancau-alo-ph-circle{width:130px;height:130px;top:35px;left:35px;position:absolute;background-color:transparent;-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;border:2px solid rgba(30, 30, 30, 0.4);border:2px solid #bfebfc 9;opacity:.1;-webkit-animation:hoancau-alo-circle-anim 1.2s infinite ease-in-out;-moz-animation:hoancau-alo-circle-anim 1.2s infinite ease-in-out;-ms-animation:hoancau-alo-circle-anim 1.2s infinite ease-in-out;-o-animation:hoancau-alo-circle-anim 1.2s infinite ease-in-out;animation:hoancau-alo-circle-anim 1.2s infinite ease-in-out;-webkit-transition:all .5s;-moz-transition:all .5s;-o-transition:all .5s;transition:all .5s;-webkit-transform-origin:50% 50%;-moz-transform-origin:50% 50%;-ms-transform-origin:50% 50%;-o-transform-origin:50% 50%;transform-origin:50% 50%;border-color:#0013ff;opacity:.5;}
@-moz-keyframes hoancau-alo-circle-anim{0%{-moz-transform:rotate(0) scale(.5) skew(1deg);opacity:.1;-moz-opacity:.1;-webkit-opacity:.1;-o-opacity:.1}
30%{-moz-transform:rotate(0) scale(.7) skew(1deg);opacity:.5;-moz-opacity:.5;-webkit-opacity:.5;-o-opacity:.5}
100%{-moz-transform:rotate(0) scale(1) skew(1deg);opacity:.6;-moz-opacity:.6;-webkit-opacity:.6;-o-opacity:.1}
}
@-webkit-keyframes hoancau-alo-circle-anim{0%{-webkit-transform:rotate(0) scale(.5) skew(1deg);-webkit-opacity:.1}
30%{-webkit-transform:rotate(0) scale(.7) skew(1deg);-webkit-opacity:.5}
100%{-webkit-transform:rotate(0) scale(1) skew(1deg);-webkit-opacity:.1}
}
@-o-keyframes hoancau-alo-circle-anim{0%{-o-transform:rotate(0) kscale(.5) skew(1deg);-o-opacity:.1}
30%{-o-transform:rotate(0) scale(.7) skew(1deg);-o-opacity:.5}
100%{-o-transform:rotate(0) scale(1) skew(1deg);-o-opacity:.1}
}
.hoancau-alo-ph-circle-fill{width:100px;height:100px;top:50px;left:50px;position:absolute;background-color:#000;-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;border:2px solid transparent;opacity:.1;-webkit-animation:hoancau-alo-circle-fill-anim 2.3s infinite ease-in-out;-moz-animation:hoancau-alo-circle-fill-anim 2.3s infinite ease-in-out;-ms-animation:hoancau-alo-circle-fill-anim 2.3s infinite ease-in-out;-o-animation:hoancau-alo-circle-fill-anim 2.3s infinite ease-in-out;animation:hoancau-alo-circle-fill-anim 2.3s infinite ease-in-out;-webkit-transition:all .5s;-moz-transition:all .5s;-o-transition:all .5s;transition:all .5s;-webkit-transform-origin:50% 50%;-moz-transform-origin:50% 50%;-ms-transform-origin:50% 50%;-o-transform-origin:50% 50%;transform-origin:50% 50%;background-color:rgb(0 25 255 / 50%);opacity:.75 !important;}
@-moz-keyframes hoancau-alo-circle-fill-anim{0%{-moz-transform:rotate(0) scale(.7) skew(1deg);opacity:.2}
50%{-moz-transform:rotate(0) -moz-scale(1) skew(1deg);opacity:.2}
100%{-moz-transform:rotate(0) scale(.7) skew(1deg);opacity:.2}
}
@-webkit-keyframes hoancau-alo-circle-fill-anim{0%{-webkit-transform:rotate(0) scale(.7) skew(1deg);opacity:.2}
50%{-webkit-transform:rotate(0) scale(1) skew(1deg);opacity:.2}
100%{-webkit-transform:rotate(0) scale(.7) skew(1deg);opacity:.2}
}
@-o-keyframes hoancau-alo-circle-fill-anim{0%{-o-transform:rotate(0) scale(.7) skew(1deg);opacity:.2}
50%{-o-transform:rotate(0) scale(1) skew(1deg);opacity:.2}
100%{-o-transform:rotate(0) scale(.7) skew(1deg);opacity:.2}
}
.hoancau-alo-ph-img-circle{width:60px;height:60px;top:70px;left:70px;position:absolute;background:rgba(30, 30, 30, 0.1) url(../images/zalo-icon.png) no-repeat center center;-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;border:2px solid transparent;opacity:.7;-webkit-animation:hoancau-alo-circle-img-anim 1s infinite ease-in-out;-moz-animation:hoancau-alo-circle-img-anim 1s infinite ease-in-out;-ms-animation:hoancau-alo-circle-img-anim 1s infinite ease-in-out;-o-animation:hoancau-alo-circle-img-anim 1s infinite ease-in-out;animation:hoancau-alo-circle-img-anim 1s infinite ease-in-out;-webkit-transform-origin:50% 50%;-moz-transform-origin:50% 50%;-ms-transform-origin:50% 50%;-o-transform-origin:50% 50%;transform-origin:50% 50%;background-color:#ff0000;}
.hoancau-alo-phone:hover .hoancau-alo-ph-circle-fill{background-color:rgba(66, 168, 221, 0.5) !important;}
.hoancau-alo-phone:hover .hoancau-alo-ph-circle{border-color:#42a7dd}
.hoancau-alo-phone:hover .hoancau-alo-ph-img-circle{background-color:#42a7dd;}
@-moz-keyframes hoancau-alo-circle-img-anim{0%{transform:rotate(0) scale(1) skew(1deg)}
10%{-moz-transform:rotate(-25deg) scale(1) skew(1deg)}
20%{-moz-transform:rotate(25deg) scale(1) skew(1deg)}
30%{-moz-transform:rotate(-25deg) scale(1) skew(1deg)}
40%{-moz-transform:rotate(25deg) scale(1) skew(1deg)}
50%{-moz-transform:rotate(0) scale(1) skew(1deg)}
100%{-moz-transform:rotate(0) scale(1) skew(1deg)}
}
@-webkit-keyframes hoancau-alo-circle-img-anim{0%{-webkit-transform:rotate(0) scale(1) skew(1deg)}
10%{-webkit-transform:rotate(-25deg) scale(1) skew(1deg)}
20%{-webkit-transform:rotate(25deg) scale(1) skew(1deg)}
30%{-webkit-transform:rotate(-25deg) scale(1) skew(1deg)}
40%{-webkit-transform:rotate(25deg) scale(1) skew(1deg)}
50%{-webkit-transform:rotate(0) scale(1) skew(1deg)}
100%{-webkit-transform:rotate(0) scale(1) skew(1deg)}
}
@-o-keyframes hoancau-alo-circle-img-anim{0%{-o-transform:rotate(0) scale(1) skew(1deg)}
10%{-o-transform:rotate(-25deg) scale(1) skew(1deg)}
20%{-o-transform:rotate(25deg) scale(1) skew(1deg)}
30%{-o-transform:rotate(-25deg) scale(1) skew(1deg)}
40%{-o-transform:rotate(25deg) scale(1) skew(1deg)}
50%{-o-transform:rotate(0) scale(1) skew(1deg)}
100%{-o-transform:rotate(0) scale(1) skew(1deg)}
}
#hoancau-alo-wrapper{position:fixed;width:100%;bottom:0;top:0;left:0;z-index:2000000;overflow:visible;color:#383838;}
#hoancau-alo-wrapper .hoancau-alo-overlay{position:fixed;width:100%;height:100%;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABAQMAAAAl21bKAAAAA1BMVEUAAACnej3aAAAAAXRSTlOZyTXzhgAAAApJREFUCB1jYAAAAAIAAc/INeUAAAAASUVORK5CYII=);top:0;left:0;z-index:200000;}
#hoancau-alo-wrapper .hoancau-alo-table{display:table;width:100%;height:100%;position:absolute;left:0;top:0;right:0;bottom:0;z-index:999999;}
#hoancau-alo-wrapper .hoancau-alo-cell{display:table-cell;vertical-align:middle;text-align:center;}
#hoancau-alo-wrapper.night-mode .hoancau-alo-popup{background-color:#fff;}
#hoancau-alo-wrapper .hoancau-alo-popup{display:inline-block;position:relative;-webkit-transition:.6s ease-out;-moz-transition:.6s ease-out;-o-transition:.6s ease-out;transition:.6s ease-out;margin:0 auto;z-index:200001;text-align:center;padding:39px 67px;width:555px;background:url(../images/bgtuvan.jpg) no-repeat;max-height:437px;}
#hoancau-alo-wrapper.night-mode .hoancau-alo-popup-close{background-image:url(../images/closeseses.png);}
#hoancau-alo-wrapper .hoancau-alo-popup-close{-webkit-border-radius:2px !important;-moz-border-radius:2px !important;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;position:absolute !important;right:-15px !important;top:-15px !important;height:30px !important;width:30px !important;background-image:url(..images/closeseses.png);background-position:center center;background-repeat:no-repeat;cursor:pointer !important;-webkit-transition:.3s ease-out !important;-moz-transition:.3s ease-out !important;-o-transition:.3s ease-out !important;transition:.3s ease-out !important;}
#hoancau-alo-wrapper.night-mode .hoancau-alo-popup h4{margin-bottom:10px;text-transform:uppercase;max-width:535px;font-weight:bold;line-height:40px;color:#fff;}
#hoancau-alo-wrapper.night-mode h4{font-size:26px;}
#hoancau-alo-wrapper.night-mode .hoancau-alo-popup h4.info{margin:15px 0;font-weight:normal;text-transform:none;max-width:525px;color:#fff;font-size:20px;letter-spacing:0.8px;}
#hoancau-alo-wrapper.night-mode .hoancau-alo-popup h4{margin-bottom:10px;text-transform:uppercase;max-width:535px;font-weight:bold;line-height:40px;color:#fff;}
#hoancau-alo-wrapper.night-mode input[type="text"].hoancau-alo-number{border:#00bed5 solid 1px;background:#fff;text-align:center;padding:8px 60px;outline:5px solid #fff !important;font-size:25px;font-family:'Arial',sans-serif;transition:all 0.5s ease;}
form#contactform input[type="text"]{width:100%;border:1px solid #f5f5f5;min-height:40px;padding-left:20px;font-size:13px;padding-right:20px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
#hoancau-alo-wrapper .hoancau-alo-popup .hoancau-alo-message{height:25px;text-align:center;clear:both;font-size:14px;}
#hoancau-alo-wrapper.night-mode .hoancau-alo-message{padding-bottom:0;}
#hoancau-alo-wrapper .hoancau-alo-popup .hoancau-alo-submit{border:none;border-width:0;background:url(../images/nutsubmit.png) no-repeat;width:222px;height:73px;font-family:Arial,Helvetica,sans-serif;font-size:20px;color:#fff;cursor:pointer;outline:none !important;float:right;margin-right:110px;}