@import url('https://fonts.googleapis.com/css?family=Roboto+Condensed:300,400,700&display=swap&subset=latin-ext,vietnamese');
@import url('https://fonts.googleapis.com/css?family=Oswald:400,500&display=swap&subset=vietnamese');

/*** Reset CSS ***/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,table,tr,th,td { margin: 0; padding: 0; }
table { border-collapse: collapse; border-spacing: 0; border: none; }
fieldset,img { border: 0; }
address,caption,cite,code,dfn,em,strong,th,var,optgroup { font-style: normal; font-weight: bold; }
del,ins { text-decoration: none; }
li { list-style: none; }
caption,th { text-align: left; }
h1,h2,h3,h4,h5,h6 {font-size: 100%; font-weight: normal; line-height: 1.0; }
input,button,textarea,select,optgroup,option { font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; }
/*@purpose To enable resizing for IE */
/*@branch For IE6-Win, IE7-Win */
input,button,textarea,select { *font-size: 100%; }
/*** End Reset CSS ***/

*{box-sizing: border-box;outline: none;}
body
{
    color: #435061;
    font: 400 17px 'Roboto Condensed' , sans-serif;
    width: 100%;
    margin: 0;
    padding: 0;
}
html {background: none;}
a{text-decoration: none;color: #00aff0;}
a:hover,
a:active,
a:focus{outline: 0;}
img {vertical-align: middle;max-width:100%;}
input::-moz-focus-inner {border: 0;}
ul{list-style: none;}
table {width: 100%}
p
{
    margin: 0 0 0em 0;
}
section > p:last-child,
div > p:last-child{margin-bottom: 0}
/*** Clearfix ***/
.clearfix{display: block;}
.clearfix::after{content: ".";display: block;height: 0;clear: both;visibility: hidden;font-size: 0;}

#wrapper{min-width:1260px;overflow: hidden;margin-top: 220px}
p,
dd,
dt,
li,
th,
td{line-height: 1.6em;}

.container{width: 1200px;margin: 0px auto;}

/* ================= HEADER ================= */
header{}
header .head_top{background: #00aff0;padding: 5px 0;}
header .head_top .container{display: flex;justify-content: space-between;}
header .head_info{}
header .head_info p{color: #fff;}

header .head_fct{display: flex;}
header .head_fct p{margin: 0 15px 0 0}
header .head_fct p a{color: #fff;}
header .head_fct p a img{vertical-align: middle;margin:0 5px 2px 0;}

header .head_ct{background: #fff;position: relative;z-index: 9999;height: 85px;display: flex;align-items: center;}
header .head_ct.fixed{position: fixed;top: -100px;left: 0;width: 100%;opacity: 0;transition: all ease 0.3s;height: 65px;}
header .head_ct.fixed #logo{width: 200px}
header .head_ct.fixed #logo a { height:80px;}
header .head_ct.active{top: 0;opacity: 1;box-shadow: 0 0 25px 0px rgba(0,0,0,0.1);}
header .head_ct .container{display: flex;justify-content: space-between;align-items: center;}
header .head_ct #logo{width: 250px;}
header .head_ct #logo a{display: block;line-height: 0}

header .head_ct nav{width: calc(100% - 300px);display: flex;align-items: center;justify-content: flex-end}
header .head_ct nav ul{display: flex;justify-content: flex-end}
header .head_ct nav ul li{position: relative;padding: 20px 20px 20px 0;margin-left: 40px;}
header .head_ct nav ul li a{text-transform: uppercase;cursor: pointer;font-size: 16px;color: #db9807}
header .head_ct nav ul li.sub{position: relative;}
header .head_ct nav ul li.sub ul.nav_sub{justify-content: center;flex-direction: column;position: absolute;top: 120%;left: 0;opacity: 0;visibility: hidden;transition: all ease 0.3s;width: 200px;background: rgba(251,170,57,0.9);border-radius: 0 0 5px 5px;}
header .head_ct nav ul li.sub ul.nav_sub li{width: 100%;border:none;border-bottom: 1px dashed #fff;margin-left: 0;padding: 0;}
header .head_ct nav ul li.sub ul.nav_sub li::before{display: none;}
header .head_ct nav ul li.sub ul.nav_sub li:last-child{border-bottom: none;}
header .head_ct nav ul li.sub ul.nav_sub li a{padding: 16px 15px;display: block;color: #fff;}
header .head_ct nav ul li.sub_lv2 ul.nav_sub_lv2{justify-content: center;flex-direction: column;position: absolute;top: 120%;left: 100%;opacity: 0;visibility: hidden;transition: all ease 0.3s;width: 200px;background: rgba(251,170,57,0.9);border-radius: 0 0 5px 0;border-left: 1px solid #fff}
header .head_ct nav ul li.sub_lv2 ul.nav_sub_lv2 li{width: 100%;border:none;border-bottom: 1px dashed #fff;margin-left: 0;padding: 0;}
header .head_ct nav ul li.sub_lv2 ul.nav_sub_lv2 li::before{display: none;}
header .head_ct nav ul li.sub_lv2 ul.nav_sub_lv2 li:last-child{border-bottom: none;}
header .head_ct nav ul li.sub_lv2 ul.nav_sub_lv2 li a{padding: 16px 15px;display: block;color: #fff;}
header .head_ct nav ul li.sub span{position: absolute;top: 50%;right: 0;z-index: 1}
header .head_ct nav ul li.sub span::before{width: 0;height:0;border-style: solid;border-width: 5px 0 5px 10px;border-color: transparent transparent transparent #000;position: absolute;top: calc(50% - 5px);right: calc(50% - 5px);content: '';transform: rotate(90deg);transition: all ease 0.3s;}
header .head_ct nav ul li.sub ul.nav_sub li{position: relative;}
header .head_ct nav ul li.sub ul.nav_sub li span{right: 15px;}
header .head_ct nav ul li.sub_lv2 span::before{border-color: transparent transparent transparent #fff;}

header .head_ct .search_btn{width: 20px;height: 20px;line-height: 1em;margin:0 0 0 30px;background: url('../images/ic_search.png') center no-repeat;background-size: cover;transition: all ease 0.3s;cursor: pointer;}


.nav_2{background: #00aff0;position: relative;z-index: 5}
.nav_2 ul{display: flex;justify-content: center;align-items: center;height: 50px}
.nav_2 ul li{margin: 0 20px;padding: 12px 15px}
.nav_2 ul li a{color: #fff;text-transform: uppercase;font-size: 16px;}
.nav_2 ul li.sub{position: relative;}
.nav_2 ul li.sub ul.nav_sub{justify-content: center;flex-direction: column;position: absolute;top: 120%;left: 0;opacity: 0;visibility: hidden;transition: all ease 0.3s;width: 200px;background: rgba(251,170,57,0.9);border-radius: 0 0 5px 5px;height: auto;}
.nav_2 ul li.sub ul.nav_sub li{width: 100%;border:none;border-bottom: 1px dashed #fff;margin: 0;padding: 0;}
.nav_2 ul li.sub ul.nav_sub li::before{display: none;}
.nav_2 ul li.sub ul.nav_sub li:last-child{border-bottom: none;}
.nav_2 ul li.sub ul.nav_sub li a{padding: 16px 15px;display: block;color: #fff;}
.nav_2 ul li.sub_lv2 ul.nav_sub_lv2{justify-content: center;flex-direction: column;position: absolute;top: 120%;left: 100%;opacity: 0;visibility: hidden;transition: all ease 0.3s;width: 200px;background: rgba(251,170,57,0.9);border-radius: 0 0 5px 0;border-left: 1px solid #fff;height: auto;}
.nav_2 ul li.sub_lv2 ul.nav_sub_lv2 li{width: 100%;border:none;border-bottom: 1px dashed #fff;margin-left: 0;padding: 0;}
.nav_2 ul li.sub_lv2 ul.nav_sub_lv2 li::before{display: none;}
.nav_2 ul li.sub_lv2 ul.nav_sub_lv2 li:last-child{border-bottom: none;}
.nav_2 ul li.sub_lv2 ul.nav_sub_lv2 li a{padding: 16px 15px;display: block;color: #fff;}

.nav_2 ul li.sub span{position: absolute;top: 50%;right: 0;z-index: 1}
.nav_2 ul li.sub span::before{width: 0;height:0;border-style: solid;border-width: 5px 0 5px 10px;border-color: transparent transparent transparent #fff;position: absolute;top: calc(50% - 5px);right: calc(50% - 5px);content: '';transform: rotate(90deg);transition: all ease 0.3s;}
.nav_2 ul li.sub ul.nav_sub li{position: relative;}
.nav_2 ul li.sub ul.nav_sub li span{right: 15px;}
/* ================= CONTAINER ================= */
/* FONT PAGE */
h3.title,
.os{font-family: 'Oswald', sans-serif;}

/* BUTTON SITE */
.btn{}
.btn a{width: 200px;height: 50px;border:1px solid #00aff0;color: #00aff0;display: flex;align-items: center;justify-content: center;text-align: center;margin: 0 auto;position: relative;transition: all ease 0.3s;text-transform: uppercase;letter-spacing: 0.1em}
.btn a::before,
.btn a::after{width: 22px;height: 1px;background: #fff;content: '';position: absolute;top: 50%;left: -11px;transition: all ease 0.3s}
.btn a::after{left: inherit;right: -11px;}

/* BACK TO TOP */

.btn_top{position:fixed;right: 10px;bottom: 125px;z-index: 9;cursor: pointer;margin-bottom: 0;display: flex;background: #00aff0;align-items: center;justify-content: center;border-radius: 5px;width: 50px;height: 50px;}


.btn_top:hover{opacity: 0.7;}

@keyframes to_top{
	0%{bottom: 70px}
	50%{bottom: 70px}
	100%{bottom: 70px}
}

/* BUTTON OPEN NAV */
.btn_open{width: 50px;height:50px;margin: 0;position: absolute;top: 15px;right: 15px;display: none;background: #f8b15c}
.btn_side{display:block;cursor:pointer;width:100%;height:100%;text-align:center;z-index:9999;position:relative;margin:0 auto;position:absolute;border-radius:0}
.btn_side span{display:block;position:absolute;height: 2px;width:15px;background:#fff;opacity:1;transform:rotate(0deg);transition:.3s ease-in-out}
.btn_side span:nth-child(even){left:calc(50% + 1px);}
.btn_side span:nth-child(odd){left:calc(50% - 14px);}
.btn_side span:nth-child(1),.btn_side span:nth-child(2){top:16px}
.btn_side span:nth-child(3),.btn_side span:nth-child(4){top:25px}
.btn_side span:nth-child(5),.btn_side span:nth-child(6){top:34px}

.btn_side.open span:nth-child(1),.btn_side.open span:nth-child(6){transform:rotate(45deg)}
.btn_side.open span:nth-child(2),.btn_side.open span:nth-child(5){transform:rotate(-45deg)}
.btn_side.open span:nth-child(1){left:calc(50% - 12px);top:21px}
.btn_side.open span:nth-child(2){left:calc(50% - 2px);top:21px}
.btn_side.open span:nth-child(3){left:-50%;opacity:0}
.btn_side.open span:nth-child(4){left:100%;opacity:0}
.btn_side.open span:nth-child(5){left:calc(50% - 12px);top:31px}
.btn_side.open span:nth-child(6){left:calc(50% - 2px);top:31px}

/* SLICK ARROW */
.slick-arrow{width: 24px;height: 48px;position: absolute;top: calc(50% - 24px);left: 15px;z-index: 5;background: none;border: none;}
.slick-arrow::before{width: 100%;height: 100%;background:url('../images/ic_prev.png') center /cover no-repeat;z-index: 1;content: '';display: block;}
.slick-next::before{background: url('../images/ic_next.png') center /cover no-repeat;}
.slick-next{left: inherit;right: 15px}

/* BANNER */
#banner .slide{position: relative;}
#banner .slide .slide_txt{display: flex;align-items: center;justify-content: center;flex-direction: column;position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 2}
#banner .slide .slide_txt .des{color: #00aff0;font-weight: 300;letter-spacing: 0.1em;text-transform: capitalize;font-size: 18px;margin-bottom: 15px}
#banner .slide .slide_txt .title{color: #00aff0;text-transform: capitalize;font-size: 40px;font-weight: bold;letter-spacing: 0.05em;margin-bottom: 50px;}

#banner .slide ul{}
#banner .slide ul li{height: 650px;background-size: cover;background-position: center}

/* ================= CONTENT ================= */
/* TITLE ALL */
.box01 .box01_txt .title h3,
.box06 .box06_ct .title h3,
footer .foot_top .title h3,
footer .foot_mid_txt .big{font-size: 48px;text-transform: uppercase; font-weight:500;}

.box01{background: #fff;padding: 100px 0}
.box01 .box01_ct{display: flex;justify-content: space-between;position: relative;}
.box01 .box01_txt{width: 48%}
.box01 .box01_txt .txt{margin-top: 7px; font-size:16px;}
.box01 .box01_txt .btn{}
.box01 .box01_txt .btn a{background: #00aff0;color: #fff;border-color: #000;margin:0;}
.box01 .box01_txt .btn a::before,
.box01 .box01_txt .btn a::after{background: #000;}
.box01 .box01_txt .title{text-transform: uppercase;}
.box01 .box01_txt .title h3
{
    font-weight: bold;
    line-height: 1.25em;
    color: #000;
    text-decoration: underline;
}
.box01 .box01_txt .title h3 span{color: #00aff0}
.box01 .box01_txt .title p{font-size: 36px;font-weight: 300;margin-bottom: 0}

.box01 .box01_img{width: 48%;}
.box01 .box01_img p
{
    display: block;
    text-align: justify;
    }

.box01 .box01_year{padding-right: 15px;border-right: 10px solid #00aff0;padding: 0;display: flex;justify-content: center;align-items: flex-end;flex-direction: column;margin-top: 50px;padding-right: 20px;}
.box01 .box01_year p{margin-bottom: 10px;line-height: 1em;text-transform: uppercase;font-size: 24px;}
.box01 .box01_year .big{font-size: 80px;font-weight: bold;color: #00aff0;margin-bottom: 20px;letter-spacing: 0.05em}

.box02{}
.box02 ul{display: flex;}
.box02 ul li{position: relative;width: 25%;}
.box02 ul li .box02_img{position: relative;z-index: 0;}
.box02 ul li .box02_txt{position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 2;padding: 30px;}
.box02 ul li .box02_txt p{transition: all linear 0.3s;}
.box02 ul li .box02_txt .link a{background: rgba(251,170,57,0.7);position: absolute;top: 0;left: 0;z-index: 3;content: '';width: 100%;height: 100%;opacity: 0;visibility: hidden;display: flex;align-items: center;justify-content: center;}
.box02 ul li .box02_txt p{text-transform: uppercase;color: #fff;letter-spacing: 0.05em;font-weight: 400;margin-bottom: 0}
.box02 ul li .box02_txt .name{font-size: 18px;}
.box02 ul li .box02_txt .name span{display: block;}
.box02 ul li .box02_txt .serv{letter-spacing: 0.5em;position: absolute;bottom: 30px;left: 30px;transform: rotate(180deg);font-size: 12px;
-webkit-writing-mode: vertical-lr;
-moz-writing-mode: vertical-lr;
-ms-writing-mode: tb-lr;
writing-mode: vertical-lr;
-webkit-text-orientation: mixed;
-moz-text-orientation: mixed;
-ms-text-orientation: mixed;
text-orientation: mixed;}





.vnxk_box01{margin-bottom: 40px;}
.vnxk_box01_ct{display: flex; padding-bottom:5px;}
.vnxk_box01_ct .vnxk_box01_l{}
.vnxk_box01_ct .vnxk_box01_l ul{display: flex;flex-wrap: wrap;width: 100%;}
.vnxk_box01_ct .vnxk_box01_l ul li
{
    padding: 12px;
    box-shadow: 0 0 35px 0px rgba(0,0,0,0.2);
    width: 380px;
    height: 380px;
    position: relative;
    margin-bottom: 25px;
    margin-right: 20px;
    margin-top:25px;
}

.vnxk_title {text-align: center;}
.vnxk_title h3{font-size: 28px;text-transform: uppercase; color:#000000;}
.vnxk_title p{font-size: 18px;margin-top: 15px;padding-top: 15px;position: relative;display: inline-block;}
.vnxk_title p::before{width: 80%;height: 2px;position: absolute;top: 0;left: 10%;content: '';background: #00aff0;}



 /*
.vnxk_box01_ct .vnxk_box01_l ul li:nth-child(6n + 6){margin-right: 0}
.vnxk_box01_ct .vnxk_box01_l ul li:nth-last-child(2),
.vnxk_box01_ct .vnxk_box01_l ul li:last-child{margin-bottom: 0}
*/
.vnxk_box01_ct .vnxk_box01_l ul li a{display: flex;width: 100%;height: 100%;align-items: center;justify-content: center;text-align: center;}
.vnxk_box01_ct .vnxk_box01_l ul li img{}
.vnxk_box01_ct .vnxk_box01_l ul li h4
{
    padding: 27px 0px 0px 0px;
    font-size: 14px;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: #000000;
     text-align: center;

}














.box03
{
    padding: 40px 0 50px 0;
    background: #eee;
}


.box03_title{position: relative;padding: 0 15px ;}
.box03_title img { margin-bottom:10px; margin-top:10px; min-width :40%; max-width:85%;}
.box03_title p
{
    text-transform: none;
    color: #666666;
    font-size: 18px; 
    line-height:30px;
}
.box03_title p strong
{
   color: #000;
     font-weight:bold;
}


.box03_title p u strong
{
 
    color: #000;
     font-weight:bold;

}



.box03_title table
{
    text-transform: none;
    color: #666666;
    font-size: 18px; 
    line-height:30px;
}


.box03_title .big
{
    font-size: 24px;
    color: #333;
    margin-bottom: 0;
    text-align: center;
    text-transform: uppercase;
}
/*.box03_title ul{position: relative;top: inherit;right: 0;display: flex;justify-content: flex-end;align-items: center;}
.box03_title ul li{margin-left:    7px; min-width:7%; width:auto; }  */


.box03_title ul{position: relative;top: inherit;right: 0;display:inline-block;justify-content: flex-end;align-items: center;}
.box03_title ul li{margin-left:    7px; min-width:7%; width:auto; float:left; }

.box03_title ul li a{overflow:hidden;display:inline-block;height: 35px;color: #333;text-align: center;padding: 0 20px;border-radius: 0px;background: #fff;border:1px solid #00aff0; padding-top:4px;}
.box03_title ul li.active a{background: #00aff0;color: #fff;}
.box03_title ul li a:hover{background: #fff;color: #00aff0;border-color: #00aff0;}

.box03 .box03_list{}
.box03 .box03_list ul{display: flex;flex-wrap: wrap}
.box03 .box03_list ul li
{
    width: 380px;
    margin: 0 10px 20px 10px;
    background: #fff;
    position: relative;
    border-radius: 5px;
    overflow: hidden;
    padding-bottom: 30px;
}
.box03 .box03_list ul li .sale{position: absolute;top: 15px;left: 15px;width: 40px;height: 40px;z-index: 3;background: #333;color: #fff;display: flex;align-items: center;justify-content: center;text-align: center;border-radius: 50%;font-size: 16px;}
.box03 .box03_list ul li .box03_img{position: relative;height: 380px;width: 100%;}
.box03 .box03_list ul li .box03_img p a{width: 380px;height: 380px;display: flex;align-items: center;justify-content: center;text-align: center;position: absolute;top: calc(50% - 190px);left: calc(50% - 190px)}
.box03 .box03_list ul li .box03_img p img{max-height: 100%;max-width: 100%;width: auto;height: auto}
.box03 .box03_list ul li .box03_txt{margin-top: 30px;height: 82px}
.box03 .box03_list ul li .box03_txt p{text-align: center;}
.box03 .box03_list ul li .box03_txt .name{margin-bottom: 10px;}
.box03 .box03_list ul li .box03_txt .name a
{

    display: block;
    width: 100%;
    text-transform: uppercase;
    font-size: 16px;
    color: #000000;
    padding: 0 10px;
    font-weight: bold;
    margin-top: 10px;
}
.box03 .box03_list ul li .box03_txt span{display: block;}
.box03 .box03_list ul li .box03_txt .price{color: #00aff0;font-weight: bold;font-size: 18px;}
.box03 .box03_list ul li .box03_txt .ask{color: #00aff0;font-size: 16px;}
.box03 .box03_list ul li .box03_txt .low{color: #ccc;font-size: 12px;text-decoration: line-through}

.box03 .box03_list .slick-arrow{width: 50px;height: 50px;top: calc(50% - 25px);left: -50px}
.box03 .box03_list .slick-arrow::before{background:url('../images/btn_prev.png') center /cover no-repeat;}
.box03 .box03_list .slick-next{left: inherit;right: -50px;}
.box03 .box03_list .slick-next::before{background: url('../images/btn_next.png') center /cover no-repeat;}



.view_left{text-align: left;padding: 0;margin-bottom: 10px; padding-top:0px;}
.box03_title.view_center{text-align: center;padding: 0;margin-bottom: 50px; padding-top:30px;}
.box03_title.view_center ul{position: relative;top: inherit;right: inherit;justify-content: center;}
.box03_title.view_center .big
{
    font-size: 32px;
    line-height: 1.5em;
    font-weight: bold;
    text-transform: uppercase;
     text-align: center;
}

.box03.view_list
{
    padding: 0 0 50px 0;
}
.box03.view_list .box03_list ul{flex-wrap: wrap;justify-content: flex-start}
.box03.view_list .box03_list ul li{margin:0 30px 30px 0}
.box03.view_list .box03_list ul li:nth-child(3n + 3){margin-right: 0}
.box03_title h1, h2
{
    text-transform: uppercase;
    font-size: 25px;
    padding-top: 7px;
    padding-bottom: 7px;
    font-weight: bold;
    color: #000000;
    line-height:35px;
    clear: both;
    text-align: justify;
    
}


.box03_title  h4, h5, h6 , .box01_ct h4, h5, h6
{
    text-transform: uppercase;
    font-size: 17px;
    padding-top: 15px;
    padding-bottom: 5px;
    font-weight: bold;
    
     color:#000;
}

.box03_title h3,.box01_ct h3
{
    text-transform: uppercase;
    font-size: 21px;
    padding-top: 15px;
    padding-bottom: 5px;
    font-weight: bold;
     line-height:35PX;
     color:#000000;
}




.box_banner{padding: 15px;display: flex;justify-content: space-between;width: 100%;}
.box_banner p{width: calc(50% - 5px);margin-bottom: 0}

.box04{padding: 100px 0;}
.box04 .box04_ct{display: flex;justify-content: space-between;}
.box04 .box04_txt{width: 48%;}
.box04 .box04_txt dl{}
.box04 .box04_txt dl h3
{
    text-transform: uppercase;
    font-size: 19px;
    font-weight:500;
    padding-top:15px;
    padding-bottom:5px;
}
.box04 .box04_txt dt{font-size: 36px;font-weight: 400;text-transform: uppercase;line-height: 1em;display: flex;align-items: center;cursor: pointer;}
.box04 .box04_txt dt span{color: #00aff0}
.box04 .box04_txt dt .num{font-size: 36px;width: 50px;height: 50px;background: #00aff0;color: #fff;display: flex;justify-content: center;align-items: center;border-radius: 50%;margin-right: 15px;flex-shrink: 0}
.box04 .box04_txt dd{margin-bottom: 30px;height: 0;opacity: 0;transition: all ease 0.3s;visibility: hidden;border:1px solid #00aff0;}
.box04 .box04_txt dd.active{height: auto;opacity: 1;visibility: visible;margin: 30px 0;padding: 30px }
.box04 .box04_txt dd p{font-size: 16px}
.box04 .box04_txt dd p:last-child{margin-bottom: 0}
.box04 .box04_img{width: 48%;height: 100%;position: relative;}
.box04 .box04_img ul{position: relative;width: 100%;height: 100%;display: block;}
.box04 .box04_img ul li{position: absolute;top: 0;left: 0;z-index: 0;transition: all ease 0.3s;opacity: 0;}
.box04 .box04_img ul li.active{opacity: 1;position: relative;}

.box05{background: url('../images/box05_bg.jpg') center fixed no-repeat;padding: 100px 0}
.box05 .title{color: #fff;font-size: 48px;text-align: center;font-weight: 300;text-transform: uppercase;}
.box05 .box05_list{margin-top: 50px}
.box05 .box05_list ul{display: flex;justify-content: space-between;}
.box05 .box05_list ul li{width: 48%}
.box05 .box05_txt{position: relative;color: #fff;margin-bottom: 30px;padding: 0 30px}
.box05 .box05_txt::before{background: url('../images/ic_quote.png') center /cover no-repeat;width: 25px;height: 19px;position: absolute;top: 0;left: 0;content: '';}
.box05 .box05_user{padding: 0 30px;}
.box05 .box05_user dl{display: flex;align-items: center;}
.box05 .box05_user dt{width: 120px;height: auto;margin-right: 30px;border: 3px solid #fff;}
.box05 .box05_user dd{}
.box05 .box05_user dd p{margin-bottom: 0;color: #fff;}
.box05 .box05_user dd .name{text-transform: uppercase;font-weight: 300;font-size: 18px;line-height: 1.25em}
.box05 .box05_user dd .staff{text-transform: capitalize;font-size: 16px;letter-spacing: 0.05em}

.box05 .slick-prev{left: -30px}
.box05 .slick-next{right: -30px}

.box06
{
    padding: 40px 0 100px 0;
    background: #eee;
}
.box06 .box06_ct{}
.box06 .box06_ct .title{max-width: 700px;margin: 0 auto;text-align: center;}
.box06 .box06_ct .title h3{margin-bottom: 15px; color:#000;}
.box06 .box06_ct .title p{}
.box06 .box06_list{margin-top: 50px;display: flex;flex-wrap: wrap;}
.box06 .box06_list dl{background: #fff;width: 380px;margin:0 30px 50px 0}
.box06 .box06_list dl:nth-child(3n + 3){margin-right: 0}
.box06 .box06_list dt{position: relative;height: 380px;width: 100%;}
.box06 .box06_list dt a{width: 380px;height: 380px;display: flex;align-items: center;justify-content: center;text-align: center;position: absolute;left: calc(50% - 190px)}
.box06 .box06_list dt a img{max-height: 100%;max-width: 100%;width: auto;height: auto}
.box06 .box06_list dd{padding: 30px}
.box06 .box06_list dd p{margin-bottom: 0}
.box06 .box06_list dd .date{font-size: 12px;color: #00aff0;text-transform: uppercase;}
.box06 .box06_list dd .ttl{margin: 5px 0}
.box06 .box06_list dd .ttl a{font-size: 18px;text-transform: capitalize;display: inline-block;max-width: 100%;overflow: hidden;color: #000; font-weight:bold;}
.box06 .box06_list dd .txt{text-overflow:ellipsis;overflow:hidden;max-height:200px;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;margin-bottom: 20px}
.box06 .box06_list dd .link{ text-align:right;}
.box06 .box06_list dd .link a{color: #999;text-transform: uppercase;font-size: 12px;letter-spacing: 0.1em}

/* ================= FOOTER ================= */
footer{ }
footer .foot_top
{
    background: #2e2e2e;
    padding: 190px 0 160px 0;
    position: relative;
    background: url(../images/bg_footer.jpg) repeat 100%;
}
/*footer .foot_top::before,
footer .foot_top::after{width: 50%;height: 528px;position: absolute;top: calc(50% - 264px);left: 0;content: '';background: url('../images/foot_top_l.jpg') center /cover no-repeat;z-index: 0;}
footer .foot_top::after{width: 50%;height: 528px;left: inherit;right: 0;background: url('../images/foot_top_r.jpg') center /cover no-repeat;} */
footer .foot_top .container{position: relative;z-index: 2;}
footer .foot_top .foot_partner{background: #fff;box-shadow: 0 -5px 8px rgba(0,0,0,0.15);position: absolute;top: -300px;left: 0;width: 100%}
footer .foot_top .foot_partner ul{padding: 50px 0}
footer .foot_top .foot_partner ul li{}

footer .foot_top .title{text-align: center;max-width: 85%;margin: 0 auto;color: #00aff0;}
footer .foot_top .title h3{margin-bottom: 15px;color: #00aff0;}
footer .foot_top .title p{color: #aaa;font-size: 19px;}

footer .foot_mid
{
    background: #00aff0;
    padding: 0 0 50px 0;
}
footer .foot_mid_box{position: relative;top: -120px;}
footer .foot_mid_box ul{background: #fff;display: flex;}
footer .foot_mid_box ul li{width: calc(100% / 3);height: 400px;display: flex;align-items: center;justify-content: center;text-align: center;flex-direction: column;border-right: 1px solid #ededed;padding: 0 30px}
footer .foot_mid_box ul li:last-child{border-right: none;}
footer .foot_mid_box ul li p{margin-bottom: 0}
footer .foot_mid_box ul li .txt{position: relative;padding-bottom: 20px; font-size:18px;}
footer .foot_mid_box ul li .txt::before{width: 80px;height:2px;background: #00aff0;content: '';position: absolute;bottom: 0;left: calc(50% - 40px);}
footer .foot_mid_box ul li .icon{}
footer .foot_mid_box ul li .name{margin: 15px 0;font-size: 20px; font-weight:bold; color:#000;}

footer .foot_mid_txt{}
footer .foot_mid_txt p{margin-bottom: 0;color: #fff;text-align: center;font-size: 18px;}
footer .foot_mid_txt .big{color: #fff;text-align: center;text-transform: none;line-height: 1.25em;margin-bottom: 30px}
footer .foot_mid_txt .btn{margin-top: 30px}

/*footer .foot_bot{background: url('../images/foot_bot_bg.jpg') center /cover no-repeat;padding: 100px 0} */

footer .foot_bot
{
    border-top: thin solid #FFFF00;
    padding: 50px 0 100px 0;
    background-color: #00aff0;
    border-bottom: thin solid #FFFF00;
}

footer .foot_bot{}
footer .foot_bot a { color:#e0ad04;}
footer .foot_bot .container{display: flex;}
footer .foot_bot_it{}
footer .foot_bot_it.desc{color: #fff;width: 39%;padding-right: 50px}
footer .foot_bot_it.desc ul{display: flex;}
footer .foot_bot_it.desc ul li{margin-right: 10px;}
footer .foot_bot_it.info{width: 24%;padding-right: 50px}
footer .foot_bot_it.info p{color: #fff;margin-bottom: 15px;}
footer .foot_bot_it.info .big{color: #fff;font-size: 20px;}
footer .foot_bot_it.link{width: 15%;padding: 0}
footer .foot_bot_it.link p{font-size: 20px;color: #fff;margin-bottom: 15px;}
footer .foot_bot_it.link ul{}
footer .foot_bot_it.link ul li{margin-bottom: 15px}
footer .foot_bot_it.link ul li a{color: #fff;font-size: 16px;}
footer .foot_bot_it.social{width: 32%;padding: 0}
footer .copyright
{
    height: 60px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
   color: #fff;
    font-size: 15px;
    background: #00aff0;
   
}
footer .foot_bot_it .big{ font-weight:bold;}

/* ================= SUB PAGE  ================= */
.sub_page main{margin-bottom: 160px;}

 .sub_page .box02 ul{flex-wrap: wrap}
 .sub_page .box02 ul li{width: 25%}
/* SUB HEADER */
.sub_head{background: url('../images/sub_head_bg.jpg') center fixed no-repeat;background-size: cover;}
.sub_head .title{font-size: 60px;color: #fff;display: flex;align-items: center;justify-content: center;text-align: center;height: 300px;letter-spacing: 0.1em;text-transform: uppercase;font-weight: 300}

.main_content{margin-bottom: 150px;}

/* BREADCRUMB */
.breadcrumbs{padding: 15px 0;margin-bottom: 30px;display: flex;flex-wrap: wrap}
.breadcrumbs li{text-transform: capitalize;}
.breadcrumbs li a{color: #00aff0;}

/* PAGINATION */
.pagination{display:block;width:100%;}
.pagination ul{display:block;width:100%;text-align:center}
.pagination ul li{display:inline-block;}
.pagination ul li.current { color: #000000;}
.pagination ul li.current a{color:#fff;background:#fbaf17;border-color:#fbaf17;}
.pagination ul li a{padding: 0px;width: 40px;height: 40px;line-height: 40px;display: inline-block;border-radius: 4px;background: #FFF;border: 1px solid #fbaf17;color: #191919;margin: 0 5px 15px;transition: all ease 0.3s;}
.pagination ul li b ,.pagination ul li.current{padding: 0px;width: 40px;height: 40px;line-height: 40px;display: inline-block;border-radius: 4px;background: #fbaf17;margin: 0 5px 15px;transition: all ease 0.3s;font-weight: bold;}
.pagination ul li span.viet{}
.pagination ul li a:hover{background:#fbaf17;color:#fff;}
/* PAGE TIN TỨC  */

.news_pages .box06{padding-bottom: 50px}
.news_list{}
.news_list .box06{}
.news_list .box06 .box06_list dd{}
.news_pages .box06 .box06_list dd .link{text-align: right;font-weight: bold;}
.news_pages .box06 .box06_list dd .link a{color: #000}

/* PAGE CHI TIẾT TIN TỨC*/
.news_detail .news_share{display:block;padding-top: 30px;border-top:dotted 1px #d3d3d3; text-align:right;}
.news_detail .news_share ul{display:block;margin-bottom:15px}
.news_detail .news_share ul li{display:inline-block;margin:0 10px 15px 0;}
.news_detail .news_share ul li button{background: none;border-radius:0px;border: none;display: flex;align-items: center;}
.news_detail .news_share ul li button img{max-width: 28px}
.news_detail .news_share p{}
.news_detail .news_share p strong,
.news_detail .news_share p b{color:#00aff0;}

#news_detail main{margin-bottom: 0;}
.main_news_2{display: flex;justify-content: space-between;margin-bottom: 50px}
.main_news_2 .news_detail{width: 900px;padding-right: 30px}
.main_news_2 .news_detail .ttl
{
    font-size: 26px;
    text-align: left;
    text-transform: uppercase;
    line-height: 1.5em;
    margin-bottom: 10px;
    color: #000;
    font-weight: bold;
}
.main_news_2 .news_detail p{margin-bottom: 10px; font-size:17px;}
.main_news_2 .news_detail .motangan{ color:#000; font-weight:bold; margin-bottom:7px; float:left; width:99%;}
.main_news_2 .news_detail .date{margin-bottom: 0;color: #00aff0;}
.main_news_2 .news_detail .center{margin: 0 auto 30px;text-align: center;}
.main_news_2 .news_detail img
{
    max-width: 100%;
    min-width: 70%;
    height: auto;
    padding: 0 5px 0 0;
    display: block;
    margin: 10px auto 10px auto;
   
    
    }

.news_recent{width: 300px;padding-left: 30px;border-left: 1px solid #ccc;}
.news_recent .ttl{font-size: 24px;text-align: center;margin: 0 auto;margin-bottom: 30px;text-transform: uppercase}
.news_recent ul{margin-bottom: 30px;}
.news_recent ul li{position: relative;padding-left: 20px;margin-bottom: 10px;}
.news_recent ul li::before{width: 0;height: 0;border-style: solid;border-width: 5px 0 5px 10px;border-color: transparent transparent transparent #00aff0;content: '';position: absolute;top: 6px;left: 0;}
.news_recent ul li a{color: #000;font-size: 16px;}

.news_recent .profile{margin-bottom: 50px;}
.news_recent .profile p{}
.news_recent .profile p a{font-weight: bold;text-transform: uppercase;font-size: 24px;color: #fff;font-weight: 400;flex-direction: column;display: flex;align-items: center;justify-content: center;text-align: center;width: 100%;height: 100%;padding: 20px 0;border:1px solid #00aff0;border-radius: 5px;background: #00aff0}
.news_recent .profile p span{background: #fff;width: 120px;height: 40px;display: flex;align-items: center;justify-content: center;color: #00aff0;border-radius: 5px;line-height: 1em;font-size: 18px;margin-top: 20px;}

.news_recent_item{margin-bottom: 25px;padding-bottom: 25px;border-bottom: 1px dashed #ccc;}
.news_recent_item:last-child{margin-bottom: 0;padding-bottom: 0;border: none;}
.news_recent_item .date{color: #00aff0;margin-bottom: 0}
.news_recent_item .img{margin-bottom: 5px;text-align: center;}
.news_recent_item .big a{font-size: 16px;color: #000}

/* NEWS RELATED */
.main_news_2 .news_related .ttl{font-size:24px;text-align:left;text-transform:uppercase;line-height: 1.5em;margin-bottom: 20px;}
.main_news_2 .news_related ul{margin-bottom: 30px;}
.main_news_2 .news_related ul li{position: relative;padding-left: 20px;margin-bottom: 10px;}
.main_news_2 .news_related ul li::before{width: 0;height: 0;border-style: solid;border-width: 5px 0 5px 10px;border-color: transparent transparent transparent #00aff0;content: '';position: absolute;top: 6px;left: 0;}
.main_news_2 .news_related ul li a{color: #000;font-size: 16px;}

/* NEWS TAG */
.main_news_2 .news_tags{margin: 30px 0;padding: 30px 0 15px;border-bottom: 1px dashed #ccc;border-top: 1px dashed #ccc}
.main_news_2 .news_tags ul{display: flex;flex-wrap: wrap}
.main_news_2 .news_tags ul li{height: 40px;margin: 0 15px 15px 0;}
.main_news_2 .news_tags ul li a{width: 100%;height: 100%;padding: 0 30px;border-radius: 30px;background: #00aff0;color: #fff;display: flex;align-items: center;justify-content: center;text-align: center;border:1px solid #00aff0;}

/* PAGE CHI TIẾT TIN TỨC 2 */
.main_news{display: flex;margin-bottom: 50px;}
.main_news .news_detail{}
.main_news .news_detail .container{display: flex;justify-content: space-between;}
.main_news .news_detail .news_detail_ct{margin-bottom: 30px}
.main_news .news_detail .news_detail_ct .ttl
{
    font-size: 32px;
    text-align: left;
    text-transform: uppercase;
    line-height: 1.5em;
    margin-bottom: 0px;
    font-weight: bold;
    color: #000000;
}
.main_news .news_detail .news_detail_ct .date{font-size: 14px;color: #00aff0;text-transform: uppercase;margin-bottom: 0}
.main_news .news_detail .news_detail_ct p{font-size:18px; line-height:30px;}
.main_news .news_detail .news_detail_ct img{display: block;margin: 0 auto}

.main_news .news_recent{width: 280px; clear:both;}
.main_news .news_recent h3{margin-bottom:15px;font-size:24px;text-transform:uppercase;font-weight: 300;text-align:center;text-transform: uppercase}
.main_news .news_recent_item{display:block;margin-bottom:15px;padding-bottom:15px;border-bottom:1px dashed #ededed;text-align:center}
.main_news .news_recent_item .big{text-transform: capitalize;font-size:18px;text-align:left;margin:10px 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:0;border:none;color:#323232;display:block;}
.main_news .news_recent_item .date{font-size: 14px;color: #999;padding-left: 20px;background: url('../images/ic_cal.png') left center no-repeat;background-size: 15px 15px;text-align: left}
.main_news .news_recent_item .link{display: flex;justify-content: flex-start;margin-bottom: 0}
.main_news .news_recent_item .link a{width: 100px;height: 40px;background: #00aff0;border:1px solid #00aff0;color: #fff;border-radius: 3px;display: flex;align-items: center;justify-content: center;text-align: center;transition: all ease 0.3s}

/* PAGE SẢN PHẨM */
hr
{
    border: 1px solid #00aff0;
    width: 50%;
    margin: 0 auto;
    margin-bottom: 10px;
}
/* PAGE CHI TIẾT SẢN PHẨM*/
.main_prd_detail{display: flex;justify-content: space-between;margin-bottom: 50px;}

.sub_head_img{background: none; width:100%; display:block; clear:both; }
.sub_head_img img{max-width:100%; height:auto; margin-left:auto; margin-right:auto;}
.sub_head_img p{margin-bottom: 0}
.sub_head_img .title{height: 100%;position: absolute;top: 0;left: 0;width: 100%;}



.prd_detail_img{width: 580px;}
.prd_detail_img .slide_big{margin-bottom: 20px;}
.prd_detail_img .slide_big li{width: 100%;height: auto;display: flex;align-items: center;justify-content: center;text-align: center; position:relative;}
.prd_detail_img .slide_big li img{max-height: 500px;}

.prd_detail_img .slide_thumb{}
.prd_detail_img .slide_thumb li{border:1px solid rgba(0, 0, 0, .0);margin: 0 5px}
.prd_detail_img .slide_thumb li.slick-current{border-color:#00aff0;}
.prd_detail_img .slide_thumb .slick-next{right: 0}
.prd_detail_img .slide_thumb .slick-prev{left: 0}
.prd_detail_img .slide_thumb .slick-arrow{width: 30px;height: 30px;top: calc(50% - 15px)}
.prd_detail_img .slide_thumb .slick-prev::before{background: url('../images/btn_prev.png') center /cover no-repeat;left: 0}
.prd_detail_img .slide_thumb .slick-next::before{background: url('../images/btn_next.png') center /cover no-repeat;right: 0}

.prd_detail_txt{width: 580px;}
.prd_detail_txt .ttl
{
    font-size: 32px;
    margin-bottom: 15px;
    padding-bottom: 15px;
    border-bottom: 1px dashed #ccc;
    line-height: 1.5em;
    font-weight: bold;
    color: #000000;
    text-transform: uppercase;
}
.prd_detail_txt p{font-size: 16px; font-weight:bold; margin-bottom:10px;}
.prd_detail_txt .price{}
.prd_detail_txt .price span{display: block;text-align: left;}
.prd_detail_txt .price span.ask{color: #00aff0;font-size: 18px;font-weight: bold;}
.prd_detail_txt .price span.real{font-weight: bold}
.prd_detail_txt .price span.low{color: #ccc;text-decoration: line-through;font-size: 14px;}

.prd_detail_txt .bold{font-weight: bold;border-top: 1px dashed #ccc;padding-top: 25px; margin-bottom:25px;}
.prd_detail_txt .form_ct{ color:#fff;}
.prd_detail_txt .form_ct p{position: relative;height: 40px;width: 100%;font-size: 14px;color:#fff; margin-bottom:20px;}
.prd_detail_txt .form_ct p span
{
  
    border: 1px solid #00aff0;
    border-radius: 20px;
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #00aff0;
    background: #fff;
}


.prd_detail_txt .form_ct p input
{
    background: none;
    border: none;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    padding: 10px 20px;
    z-index: 2;
    color: #00aff0;
}
.prd_detail_txt .form_ct textarea
{
    border: 1px solid #00aff0;
    padding: 20px;
    min-width: 100%;
    width: 100%;
    max-width: 100%;
    min-height: 100px;
    max-height: 100px;
    height: 150px;
    border-radius: 15px;
    color: #00aff0;
    background: #fff;
}


@-webkit-keyframes my {
	 0% { color: #F8CD0A; } 
	 50% { color: #000;  } 
	 100% { color: #F8CD0A;  } 
 }
 @-moz-keyframes my { 
	 0% { color: #F8CD0A;  } 
	 50% { color: #000;  }
	 100% { color: #F8CD0A;  } 
 }
 @-o-keyframes my { 
	 0% { color: #F8CD0A; } 
	 50% { color: #000; } 
	 100% { color: #F8CD0A;  } 
 }
 @keyframes my { 
	 0% { color: #F8CD0A;  } 
	 50% { color: #000;  }
	 100% { color: #F8CD0A;  } 
 } 


.prd_detail_txt .form_ct .note{color: #F9C923; font-size:19px; font-weight:bold;-webkit-animation: my 1200ms infinite;
    -moz-animation: my 1200ms infinite;
    -o-animation: my 1200ms infinite;
    animation: my 1200ms infinite;
    text-decoration: underline;
    clear: both;
    display:inline-block;
}
.prd_detail_txt .form_ct .submit{width: 120px;clear: both;  margin-left: auto; margin-right:auto; margin-top:20px;}
.prd_detail_txt .form_ct .submit span{background: #00aff0;border-color: #00aff0;}
.prd_detail_txt .form_ct .submit input{color: #fff;}

.prd_detail_txt .prd_share{margin-top: 30px;}
.prd_detail_txt .prd_share p{display: flex;align-items: center;}
.prd_detail_txt .prd_share p a{margin:0 10px;}
.prd_detail_txt .prd_share p a:hover{opacity: 0.7;}

.product_des{position: relative;}
.product_des .ttl{border-bottom: 1px solid #000;font-size: 24px;font-weight: 300;width: 100%;display: block;margin-bottom: 30px;color: #2b2b2b;padding-bottom: 15px;text-transform: uppercase;}
.product_des .profile{position: absolute;top: 0;right: 0}
.product_des .profile a{width: auto;height: 40px;background: #00aff0;border-radius: 30px;color: #fff;border:1px solid #00aff0;display: flex;align-items: center;justify-content: center;text-align: center;padding: 0 20px;font-weight: normal;text-transform: uppercase;font-size: 14px;}
.product_des p,.product_des div{font-size: 18px; line-height:30px;}
.product_des img 
{    max-width: 85%;
    min-width: 70%;
    height: auto;
    display: block;
    margin: 15px auto 15px auto;
   box-shadow: 0 0 35px 0 rgba(0,0,0,0.2); 
 }

.product_tags{margin: 30px 0;padding: 30px 0 15px;border-bottom: 1px dashed #ccc;border-top: 1px dashed #ccc}
.product_tags ul{display: flex;flex-wrap: wrap}
.product_tags ul li{height: 40px;margin: 0 15px 15px 0;}
.product_tags ul li a{width: 100%;height: 100%;padding: 0 30px;border-radius: 30px;background: #00aff0;color: #fff;display: flex;align-items: center;justify-content: center;text-align: center;}

.product_recent{}
.product_recent .ttl{font-size: 32px;width: 100%;display: block;margin-bottom: 30px;text-transform: uppercase;text-align: center;font-weight: 300}

/* SẢN PHẨM CĂ™NG LOẠI */
.prd_related{margin-bottom: 100px}
.prd_related:last-child{margin-bottom: 0}
.prd_related h3{font-size: 32px;font-weight: 300;text-transform: uppercase;margin-bottom: 15px;}
.prd_related_list ul{}
.prd_related_list ul li{margin: 0 15px;padding: 10px;border:1px solid #999;position: relative;}
.prd_related_list li .img{width: 100%;}
.prd_related_list li .img a{display: flex;width: 250px;height: 250px;justify-content: center;align-items: center;background: #fff;margin-bottom: 20px;border:3px solid #fff;transition: all linear 0.3s}
.prd_related_list li .link{}

.prd_related_list li .link a{display: block;text-align: center;border-bottom: 1px solid #e4e4e4;text-transform: capitalize;letter-spacing: 1px;font-size: 20px;width: 100%;margin: 0px 0 15px;padding: 0 0 15px;transition: all ease 0.3s;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.prd_related_list li .price{min-height: 50px;}
.prd_related_list li .price span{display: block;font-weight: 700;text-align: center;}
.prd_related_list li .price .real{font-size: 24px;}
.prd_related_list li .price .saleoff{color: #999;text-decoration: line-through;font-size: 16px;font-weight: 300}
.prd_related_list li .label_prd p{width: 60px;height: 35px;}

/* PAGE LIÊN HỆ */
.main_contact{}
.main_contact .title{font-size: 32px;line-height: 1.3em;text-align: center;text-transform: uppercase;}
.main_contact .contact_info{padding: 30px;background: #f8f8f8;border:1px solid #ccc;width: 80%;margin: 30px auto 100px;text-align: center;}
.main_contact .contact_info p
{
    font-size: 16px;
    color: #000000;
}
.main_contact .contact_info .big
{
    font-size: 22px;
    color: #00aff0;
    margin-bottom: 30px;
    line-height: 1.5em;
    font-weight: bold;
}
.contact_map{width: 100%;height: 400px;margin-bottom: 50px}
.contact_map iframe{width: 100%;height: 100%;border:none;}

.contact_form{margin: 50px auto 0;width: 700px;display: flex;justify-content: space-between;flex-wrap: wrap;}
.contact_form .title{font-size: 24px;}
.contact_form p{width: 340px;}
.contact_form p input,
.contact_form p select,
.contact_form textarea{background: #fff;border: 1px solid #ececec;border-radius: 0px;display: inline-block;height: 54px;width: 100%;padding: 10px 20px;}
.contact_form p select{padding: 10px 20px;}
.contact_form p input:focus,
.contact_form .contact_area textarea:focus{border-color: #fed518;box-shadow: none;}
.contact_form .contact_area{width: 100%;font-size: 100%;margin-bottom: 39px;}
.contact_form .contact_area textarea{font-size: 14px;width: 100%;max-width: 100%;max-height: 120px;height: 120px;}
.contact_form .contact_file{display: flex;justify-content: center;align-items: center;width: 100%;}
.contact_form .contact_file p{width: 40%;margin-bottom: 0}
.contact_form .contact_file p input{border:none;background: none;padding: 0;height: 100%;}
.contact_form .contact_file .btn a{background: #000;color: #fff;border-color: #000;margin:0 auto;}
.contact_form .contact_file .btn a::before,
.contact_form .contact_file .btn a::after{background: #000;}
.contact_form .contact_file .btn a input{color: #fff;}

/* PAGE TAGLINK */
.taglink_page{display: flex;}
.taglink_outer{width: 900px;padding-right: 30px;}
.taglink_ct{margin-bottom: 50px}
.taglink_ct .title{font-size: 32px;line-height: 1.3em;text-align: center;text-transform: uppercase;}
.taglink_ct dl{margin-top: 50px;border:1px solid #ccc;background: #f1f3f5;padding: 15px;display: flex}
.taglink_ct dt{width: 400px}
.taglink_ct dd{width: calc(100% - 400px);padding-left: 15px}
.taglink_ct dd .big{}
.taglink_ct dd .big a{font-size: 18px;color: #000}
.taglink_ct dd ul{display: flex;flex-wrap: wrap}
.taglink_ct dd ul li{height: 40px;margin: 0 15px 15px 0;}
.taglink_ct dd ul li a{width: 100%;height: 100%;padding: 0 30px;border-radius: 30px;background: #00aff0;color: #fff;display: flex;align-items: center;justify-content: center;text-align: center;border:1px solid #00aff0;}


/* BOX PRICE */
.modal_price img{max-width: 100%;}
.modal_price{transform: scaleX(0);opacity: 0;visibility: hidden;transition: all ease 0.4s;background: rgba(0,0,0,0.4);}
.modal_price .ic_close{position: absolute;top:10px;right: 10px;}
.modal_price .ic_close:hover{opacity: 0.8;cursor: pointer;}

.modal_price.open{position: fixed;top:0;left: 0;width: 100%;height: 100%;z-index: 9999999999;opacity: 1;visibility: visible;transform: scaleX(1);transition: all ease-in-out 0.4s;}
.modal_close{position: absolute;top:0;left: 0;width: 100%;height: 100%;z-index: 1}
.modal_price_ct{background: #fff;z-index: 2;width: 80%;height: 90%;left: 10%;top:5%;position: absolute;display: flex;justify-content: center;box-shadow: 0 16px 28px 0 rgba(0, 0, 0, 0.22), 0 25px 55px 0 rgba(0, 0, 0, 0.21);border-radius: 5px;overflow: auto;}
.modal_price_ct .modal_l{width: 30%;background: #f1f3f5;padding: 30px;}
.modal_price_ct .modal_l .logo_modal{margin-bottom: 15px;}
.modal_price_ct .modal_l .big{font-size: 24px;text-align: center;font-weight: bold;line-height: 1.5em; color:#000000;}
.modal_price_ct .modal_l .big span{color:#00aff0;}
.modal_price_ct .modal_l .call{position: relative;background: #00aff0;color: #fff;text-align: center;padding: 10px;font-size: 18px;margin:20px auto 30px;}
.modal_price_ct .modal_l .call::before{width: 0;height: 0;border-style: solid;border-width: 20px 15px 0 15px;border-color: #00aff0 transparent transparent transparent;position: absolute;bottom: -20px;left: calc(50% - 15px);content: '';}
.modal_price_ct .modal_l .call a{font-weight: bold;color:#fff;}
.modal_price_ct .modal_l ul{}
.modal_price_ct .modal_l ul li{position: relative;padding-left: 30px;margin-bottom: 20px}
.modal_price_ct .modal_l ul li:last-child{margin-bottom: 0}
.modal_price_ct .modal_l ul li::before{background: url('../images/ic_check.png') center no-repeat;background-size: cover;width: 20px;height: 20px;content: '';position: absolute;top:0;left: 0;}
.modal_price_ct .modal_l ul li span{color:#00aff0;}

.modal_price_ct .modal_r{width: 70%;background: #fff;box-sizing: border-box;padding: 15px 30px;}
.modal_price_ct .modal_r p{color:#666;font-size: 15px;line-height: 1.6em;}
.modal_price_ct .modal_r p a{color: #00aff0;text-decoration: none;}
.modal_price_ct .modal_r p a:hover{text-decoration: underline;}
.modal_price_ct .modal_r .big
{
    font-size: 28px;
    font-weight: bold;
     color: #000000;
    text-decoration: underline;
    padding-bottom: 10px;
}

.modal_price_ct .modal_r .modal_r_list{width: 100%;display: flex;justify-content: space-between;margin-top: 15px;}
.modal_price_ct .modal_r .modal_item{width: 48%}
.modal_price_ct .modal_r .modal_item .ttl{background: #f0f0f0;border-radius: 30px 0 0 30px;height: 40px;display: flex;align-items: center;box-sizing: border-box;padding-left: 5px;}
.modal_price_ct .modal_r .modal_item .ttl img{margin-right: 10px;}
.modal_price_ct .modal_r .modal_item ul{margin-top: 10px}
.modal_price_ct .modal_r .modal_item ul li{position: relative;box-sizing: border-box;height: 50px;display: flex;align-items: center;margin-bottom: 5px;}
.modal_price_ct .modal_r .modal_item ul li span{position: absolute;top:0;left: 0;width: 100%;height: 100%;z-index: 0;background: #fff;border: 1px solid #f0f0f0;background: #f0f0f0}
.modal_price_ct .modal_r .modal_item ul li:focus span,
.modal_price_ct .modal_r .modal_item ul li:hover span{border-color: #00aff0}

.modal_price_ct .modal_r .modal_item ul li select,
.modal_price_ct .modal_r .modal_item ul li input {border:none;outline: none;box-shadow: none;width: calc(100% - 30px);display: block;position: relative;z-index: 1;margin: 0 auto;background: none;}

.ddllaykhach {border:none;outline: none;box-shadow: none;width: 100%;display: block;position: relative;z-index: 1;font-size: 15px; margin-bottom:15px; float:left;}

.modal_price_ct .modal_r .modal_item ul li input::placeholder{color:#ccc;}
.modal_price_ct .modal_confirm{display: flex;justify-content: space-between;width: 100%;align-items: center;    }
.modal_price_ct .modal_confirm p{width: 48%;}
.modal_price_ct .modal_confirm p img{max-width: 100%;}
.modal_price_ct .modal_confirm p a {background: #00aff0;width: 100%;height: 40px;display: flex;justify-content: center;align-items: center;color: #fff;text-align: center;}
.modal_price_ct .modal_confirm p a:hover,
.btn-guilaykhach:hover{opacity: 0.8;text-decoration: none;}
.btn-guilaykhach {background: #00aff0;width: 50%;height: 40px;display: flex;justify-content: center;align-items: center;color: #fff;text-align: center;}

/* FORM SEARCH */
.search_form{position: fixed;top: 0;left: 0;width: 100%;height: 100%;z-index: 15;background: rgba(0, 0, 0, 0.8);display: flex;justify-content: center;align-items: center;text-align: center;transform: scaleY(0);transition: all ease-in-out 0.5s;opacity: 0;}
.search_form.active{transform: scaleY(1);opacity: 1;}
.search_form .close_search{margin-bottom: 0;line-height: 0;position: absolute;top: 15px;right: 15px;width: 24px;height: 24px;transition: all ease 0.4s}
.search_form .close_search:hover{transform: rotate(180deg);cursor: pointer;opacity: 0.7;}
.search_form_ct{display: flex;}
.search_form_ct input{background: none;border:none;border-bottom:1px solid #fff;width: 50%;color: #fff;padding: 15px;font-style: italic;font-size: 18px}
.search_form_ct input:focus{border-bottom-color: #f8b15c}
.search_form_ct input:[placeholder]{color: #999;}
.search_form_ct button{background: url('../images/ic_search_w.png') left center no-repeat;background-size: 20px 20px;transition: all ease 0.3s;color: #fff;border:none;padding-left: 25px;height: 20px;cursor: pointer;font-size: 18px;}
.search_form_ct button:hover{color: #f8b15c;background: url('../images/ic_search_org.png') left center no-repeat;background-size: 20px 20px;}

/* FUNCTION ASIDE */
.function_aside{position: fixed;bottom: 200px;right: 10px;z-index: 99;}
.function_aside ul{}
.function_aside ul li{margin-bottom: 15px}
.function_aside ul li a{display: flex;width: 50px;height: 50px;align-items: center;justify-content: center;text-align: center;border-radius: 5px;}
.function_aside ul li:last-child{margin-bottom: 0}
.function_aside ul li.money a
{
    border: 1px solid #000000;
    position: relative;
    height: 180px;
    text-transform: uppercase;
    background: #00aff0;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 15px 0;
    border-radius: 50px;
    font-size: 14px;
}
.function_aside ul li.money a span{animation: led 1s forwards ease infinite}
.function_aside ul li.money a img{margin-top: 10px}
@keyframes led{
    0%{color: #fff}
    50%{color: #000}
    100%{color: #fff}
}



  
  .btn-buy
{
    background: #000000;
    padding: 5px 10px 5px 10px;
    border: 0;
    font-weight: bold;
    color: #FFF;
    cursor: pointer; margin-left:80px;
	margin-top: 5px;
	
}

.phonemes
{
position: fixed; bottom: 10px; right: 5px;z-index: 9999;
}
.phonemes span
{
    clear:both;
    display:inline-block;
    float:left;
}

.phonemes span img
{
      width:220px;
 }


/* PRODUCT DETAIL */
.product
{
    padding: 0px 0px 0px 0px;
    background: #f1f1f1;
}
.product .product-img{}
.product .product-img h3{font-size:18px;text-transform:uppercase; text-align:center;}
.product .product-img .product-img-list
{
    display: block;
    text-align: center;
  
    
}
.product .product-img .product-img-list a{display:inline-block;width:31%;margin:15px 1%;padding:10px;background:#fff;position:relative; height:300px; overflow:hidden;}
.product .product-img .product-img-list a:after{position:absolute;top:0;left:0;width:100%;height:100%;content:"\f139";background:rgba(0,0,0,0.5);transition:all ease 0.5s;transform:scale(0);opacity:0;font-family: "Flaticon";font-size:32px;padding-top:25%;color:#fff;}
.product .product-img .product-img-list a:hover:after{opacity:1;transform:scale(1)}
.product .product-img .product-img-list a img{ height:100%; width:auto; overflow:hidden;}
.r-2
{
    color: #000000;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    padding: 15px 0 5px 0;
}
.r-2-2
{
    background: #F1F1F1;
    border: 1px solid #CFCFCF;
    width: 75px;
    height: 20px;
    font-weight: bold;
    line-height: 20px;
}


.foootlogo
{ max-width:320px;
  height: auto; 
  margin-bottom:15px; 
  clear:both;
   display:inline-block;
}



/*MENU MEGA */
/*MENU MEGA */
#ddmenu
{
    display:block;
    text-align:center; /*Specify the alignment of the whole UL if UL is not width:100%;*/
    letter-spacing:normal;
	 clear: both;
	 background-color:#00aff0;
	

}

#ddmenu ul
{ 	
		text-align:center; /* Alignment of each top-level menu items within the UL */
		width:100%;
		display:inline-block;
		list-style:none;
		position:relative;
		z-index:998;
		background-color:#00aff0;	
		text-transform:uppercase;
		
}

#ddmenu li
{
	
	font-size:13px;
	display:inline-block;
    *display:inline;
	zoom:1; /*for IE6-7*/
	position:relative;
	color:#fff;
	line-height:44px; /*This determines the height of the menu*/
	vertical-align:middle;
	transition:background-color 0.2s;
	outline:none;
  border-right: 1px solid #d0d0d0; 
    margin-top:-1PX;
    font-weight:bold;
    text-transform:uppercase;

}


#ddmenu .full-width 
{
    position:static;	
}

#ddmenu .over
{
	color:#000;
	/*
color:#FFFFFF;
/* background-color:#b71540;  */
}


#ddmenu .top-heading   /*kich thuot khoan cách the a con cua san pham*/
{
	color:inherit;
	text-decoration:none;
	display:inline-block;
	outline:0;
	cursor:pointer;
	text-transform: uppercase;
	margin-top: 0;
	margin-right: 10px;
	margin-bottom: 0;
	margin-left: 10px;
	font-family: "Oswald", sans-serif;
		font-weight: 300;
		text-transform:uppercase;
		font-size:17px;
			margin-top:3px;
     margin-bottom:3px;
	
	
}

/* links of top-heading */
#ddmenu a, #ddmenu a:link, #ddmenu a:hover 
{
     color:#FFFFFF;
}

#ddmenu ul li a:hover 
{
     color:#ffffff;
}

#ddmenu a:focus
{
    outline:1px dotted #09F;
}

/* caret(arrow icon) */
#ddmenu .caret
{
    color:inherit;
    left:-18px;
    width: 0;
    height: 0;
    overflow:hidden;/*for IE6*/
    vertical-align:middle;
    margin-bottom:2px;
    border-top: 4px solid;/*caret size is 4px now*/
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
    display: inline-block;
    position:relative;
	margin-left:12px;

	
}  
        
/* sub-menu layout
----------------------------*/

#ddmenu .dropdown
{
    width:auto;    
    left:0px;
    color:#333333;   
    padding:0;margin:0;display:none;position:absolute;overflow:hidden;
    top:100%;    
	border-radius:0 0 3px 3px;
	box-shadow: 0px 6px 6px rgba(0,0,0,0.175);
	background-color:#FFF;

 
}

#ddmenu .full-width .dropdown  {
    width:100%;
    padding:0;
    margin:0;
		
}

#ddmenu .offset300 {
    left:-300px;right:auto;
}

#ddmenu .right-aligned {
    left:auto;
    right:0px;
}

#ddmenu .over .dropdown
{
    display:block;
}
 
#ddmenu .dd-inner  {
	text-align:center;
	margin:0px;
	white-space:nowrap;
	font-size:13px;
	width:100%;
	float:left;
	background-color:#ffffff;
	padding-top: 15px;
	padding-right: 15px;
	padding-bottom: 9px;
	padding-left: 15px;	
}

#ddmenu ul ul
{ 
    margin:0;padding:0;text-align:left;width:auto;background:none;border:none;display:block;position:static;z-index:0;border-radius:0; overflow:hidden; 
  
}

#ddmenu ul ul li
{
	font-size:12px; /*It determines the line height*/
	color:inherit;
	line-height:1;
	margin:0;
	display:block;
	position:static;
	background:none;
	border:none;
	transition:none;
	border-radius:0;
	padding-top: 4px;
	padding-right: 0;
	padding-bottom: 7px;
    padding-left  : 7px;
	width:57%;
	float:left;

}
  
/* links in sub menu
----------------------------*/

#ddmenu .dropdown a
{
    color:#000;
    line-height:1;
    text-decoration:none;
    transition:color 0.4s;
}


#ddmenu .dropdown a:hover, #ddmenu .dropdown a:focus
{
    color: #db9807;
}

/* blocks within the sub-menu
-----------------------------*/
#ddmenu .column
{
	text-align:left;
	white-space:normal;
	width:auto;
	width:260px;
	float:left;
	height:170px;
	margin-top:0px;
	padding-top: 0;
	padding-right: 5px;
	padding-bottom: 0;
	padding-left: 10px;
	margin-right:3px;
	margin-bottom:7px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #CCC;
	
	
}

.vietproimg
{
	width:180px;
	height:180px;
    margin-left:10px;

	}


#ddmenu .dd-inner ul:last-child
{
    border-right:none;
}

#ddmenu h3, #ddmenu .strong2 
{
    font-weight: bold;
    margin-bottom: 2px;
    font-size: 13px;
    padding-bottom: 2px;
    color: #00aff0;
    text-decoration: underline;
     margin-top:-14px;
}

#ddmenuLink {display:none;}

/*######## add additional styles for mobile-friendly responsive menu ########*/

#ddmenu .menu-icon   
{
    display:none; /* hide menu icon initially */
}


.hinhanh {
    float: left;
    width: 40%;
    height: 200px;

}

.hinhanh img {
    width: 95px;
    height: 95px;
}


#ddmenu ul li:first-child a {
  
    width: 40px;
    height: 45px;
    display: block;padding: 0 !important;position: relative;
    margin-left:3px;

}

.viet111
{
	 margin-left:5px;
}



#ddmenu .moduletable_menu ul li a .home-hv{
    display: none;
    position: absolute;
    top: 5px;
    left: 0px;
}

.active .home-hv{
    display: block;
}

#ddmenu .moduletable_menu ul li a > .home-hv{display: block;}
#ddmenu .moduletable_menu ul li a:hover > .home{display: none;}

.vietactive
{
	 background-color:#022843;
}


#side-menu{margin:0 0 0 -4px;padding:0 0 0 4px;text-align:center;width:50px;position:fixed;left:0px;bottom:2em;z-index:9999;margin-left:-4px;top:140px}
#side-menu ul{list-style:none;margin:0;padding:0}
#side-menu ul li{display:block;text-align:center;padding:0;width:50px}

.product_des h1
{
    font-size: 32px;
    margin-bottom: 15px;
    margin-top: 15px;
     line-height: 1.0em;
    border-bottom: 1px dashed #ccc;
    line-height: 1.5em;
    font-weight: bold;
    color: #000000;
    text-transform: uppercase;
}


.product_des h2
{
    font-size: 28px;
     margin-bottom: 10px;
    margin-top: 10px;
     line-height: 1.0em;
      text-transform: uppercase;
      font-weight: bold;
  
}


.product_des h3
{
    font-size: 24px;
    margin-bottom: 10px;
    margin-top: 10px;
     line-height: 1.0em;
      text-transform: uppercase;
      font-weight: bold;
}



.product_des h4
{
    font-size: 23px;
   margin-bottom: 10px;
    margin-top: 10px;
     line-height: 1.0em;
}


.product_des h5
{
    font-size: 20px;
      margin-bottom: 10px;
    margin-top: 10px;
     line-height: 1.0em;
    
}

.product_des ul
{
    list-style-type: square;
    list-style-position: inside;
    padding-top: 3px;
    padding-bottom: 3px;
    padding-left: 20px;
}

.product_des ul li
{
    background: none;
    margin-left: 15px;
    list-style-type: disc;
}


.product_des table, th, td{
    border:1px solid black;
    padding:5px;
}
.product_des table{
    border-collapse:collapse;
     margin-bottom:7px;
     margin-top:7px;
}