@charset "utf-8";
/* CSS Document */
html { font-family: var(--font); line-height: 1.5em; }
body {margin: 0;font-size: 14px;line-height: 1.5em;color: #333;font-family: Roboto;background: #fff;margin: 0px auto;}
table { width: 100%; border-collapse: collapse; line-height: 27px; }
table td { padding: 1px; vertical-align: middle; padding-left: 5px; padding-right: 5px; vertical-align: middle; }
a { text-decoration: none !important; transition: all 0.5s }
a:hover { color: red; transition: all 0.5s }
img { border: 0; max-width: 100%; }
ul { margin: 0; padding: 0; }
.clearb { clear: both; }
p { margin: 0; padding: 0; }
.menusite  ul {list-style: none;}
.pad0 { padding: 0; }
.pal0 { padding-left: 0; }
.par0 { padding-right: 0; }
.pat0 { padding-top: 0; }
.pab0 { padding-bottom: 0; }
.clearb { clear: both; }
.clear { clear: both; }
.hidden { display: none }
.mar-15 { margin-left: -15px; margin-right: -15px; }
.pad15 { padding-left: 15px; padding-right: 15px }
.max1366 { max-width: 1366px; margin: 0 auto; }
/* ::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); background-color: #F5F5F5; }
::-webkit-scrollbar { width: 10px; background-color: #F5F5F5; }
::-webkit-scrollbar-thumb { background-color: var(--color) } */
.zimges { -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; }
.zimges:hover { -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; transform: scale(1.1); }
.hv_light1 { position: relative; overflow: hidden; }
.hv_light1:before { position: absolute; top: 0; left: -85%; z-index: 10; display: block; content: ''; width: 50%; height: 100%; background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%); background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%); -webkit-transform: skewX(-25deg); transform: skewX(-25deg); }
.hv_light1:hover:before { transition: 1s; left: 100%; }
.hv_light2 { overflow: hidden; position: relative; }
.hv_light2:before { position: absolute; content: ''; width: 100%; height: 100%; top: 0; left: 0; z-index: 1; -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; }
.hv_light2:after { position: absolute; content: ''; width: 100%; height: 100%; top: 0; left: 0; -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; }
.hv_light2:hover:before { right: 50%; left: 50%; width: 0; background: rgba(255, 255, 255, 0.5); }
.hv_light2:hover:after { height: 0; top: 50%; bottom: 50%; background: rgba(255, 255, 255, 0.5); }
.itemhover { position: relative }
.itemhover  .i_trai { position: absolute; height: 0px; width: 1px; left: 0px; top: 0px; background: -webkit-linear-gradient(bottom, red, orange, yellow, green, blue, indigo, violet); background: -o-linear-gradient(bottom, red, orange, yellow, green, blue, indigo, violet); background: -moz-linear-gradient(bottom, red, orange, yellow, green, blue, indigo, violet); background: linear-gradient(to top, red, orange, yellow, green, blue, indigo, violet); transition: all 0.5s ease; }
.itemhover  .i_tren { position: absolute; height: 1px; width: 0px; right: 0px; top: 0px; background: -webkit-linear-gradient(left, red, orange, yellow, green, blue, indigo, violet); background: -o-linear-gradient(left, red, orange, yellow, green, blue, indigo, violet); background: -moz-linear-gradient(left, red, orange, yellow, green, blue, indigo, violet); background: linear-gradient(to right, red, orange, yellow, green, blue, indigo, violet); transition: all 0.5s ease; }
.itemhover  .i_phai { position: absolute; height: 0px; width: 1px; right: 0px; bottom: 0px; background: -webkit-linear-gradient(top, red, orange, yellow, green, blue, indigo, violet); background: -o-linear-gradient(top, red, orange, yellow, green, blue, indigo, violet); background: -moz-linear-gradient(top, red, orange, yellow, green, blue, indigo, violet); background: linear-gradient(to bottom, red, orange, yellow, green, blue, indigo, violet); transition: all 0.5s ease; }
.itemhover  .i_duoi { position: absolute; height: 1px; width: 0px; left: 0px; bottom: 0px; background: -webkit-linear-gradient(right, red, orange, yellow, green, blue, indigo, violet); background: -o-linear-gradient(right, red, orange, yellow, green, blue, indigo, violet); background: -moz-linear-gradient(right, red, orange, yellow, green, blue, indigo, violet); background: linear-gradient(to left, red, orange, yellow, green, blue, indigo, violet); transition: all 0.5s ease; }
.itemhover:hover .i_trai { height: 100%; bottom: 0px; top: inherit; }
.itemhover:hover .i_tren { width: 100%; left: 0px; }
.itemhover:hover .i_phai { height: 100%; top: 0px; bottom: inherit; }
.itemhover:hover .i_duoi { width: 100%; right: 0px; left: inherit; }
/*<i class="i_trai"></i> <i class="i_phai"></i> <i class="i_tren"></i> <i class="i_duoi"></i>*/
.fullscreen { width: 100% !important; }
.no-reponsive { min-width: 1200px; }
.no-reponsive .container { width: 1200px !important; max-width: 1200px !important; position: relative; }
@keyframes balloon {
	0%, 100% { transform: translateY(0) rotate(-6deg) }
	50% { transform: translateY(-1px) rotate(8deg) }
}
.bringing { animation: balloon 1s ease-in-out infinite; }
/*No Script*/
.noscript { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 999999; background: rgba(0, 0, 0, 0.85); display: flex; align-items: center; justify-content: center; }
.noscript .masnoscript { display: inline-block; text-align: center; padding: 15px; background: rgba(255, 255, 255, 0.65); border-radius: 15px; pointer-events: auto; }
.noscript .content { font-size: 16px; color: red; margin: 0.5em 1em; font-weight: bold; }
/*PAGE LOADING*/
.page_loadding { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.8); z-index: 99999999999; pointer-events: none; text-align: center; }
.page_loadding .loading { width: 150px; height: 150px; position: absolute; top: 50%; left: 50%; margin-top: -75px; margin-left: -75px; }
.loading .blockimg { display: none; }
.page_loadding .loading .blockimg { display: block; }
.page_loadding .loading .blockimg img { }
.page_loadding .loading .block { width: 40px; height: 40px; position: absolute; }
.page_loadding .loading .block:nth-child(1) { -webkit-animation: top-left 3s infinite; animation: top-left 3s infinite; background-color: #00aacf; }
.page_loadding .loading .block:nth-child(2) { -webkit-animation: top-right 3s infinite; animation: top-right 3s infinite; background-color: #f6c574; }
.page_loadding .loading .block:nth-child(3) { -webkit-animation: bottom-left 3s infinite; animation: bottom-left 3s infinite; background-color: #fc5652; }
.page_loadding .loading .block:nth-child(4) { -webkit-animation: bottom-right 3s infinite; animation: bottom-right 3s infinite; background-color: #00b3a0; }
@-webkit-keyframes top-left {
	0% { left: 25px; top: 25px; }
	25% { left: 75px; top: 25px; -webkit-transform: rotate(90deg); transform: rotate(90deg); }
	50% { left: 75px; top: 75px; -webkit-transform: rotate(180deg); transform: rotate(180deg); }
	75% { left: 25px; top: 75px; -webkit-transform: rotate(270deg); transform: rotate(270deg); }
	100% { left: 25px; top: 25px; -webkit-transform: rotate(360deg); transform: rotate(360deg); }
}
@-webkit-keyframes top-right {
	0% { left: 75px; top: 25px; }
	25% { left: 75px; top: 75px; }
	50% { left: 25px; top: 75px; }
	75% { left: 25px; top: 25px; }
	100% { left: 75px; top: 25px; }
}
@-webkit-keyframes bottom-left {
	0% { left: 75px; top: 75px; }
	25% { left: 25px; top: 75px; -webkit-transform: rotate(90deg); transform: rotate(90deg); }
	50% { left: 25px; top: 25px; -webkit-transform: rotate(180deg); transform: rotate(180deg); }
	75% { left: 75px; top: 25px; -webkit-transform: rotate(270deg); transform: rotate(270deg); }
	100% { left: 75px; top: 75px; -webkit-transform: rotate(360deg); transform: rotate(360deg); }
}
@-webkit-keyframes bottom-right {
	0% { left: 25px; top: 75px; }
	25% { left: 25px; top: 25px; }
	50% { left: 75px; top: 25px; }
	75% { left: 75px; top: 75px; }
	100% { left: 25px; top: 75px; }
}
/*PAGE LOADING*/
#style-3::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); background-color: #F5F5F5; }
#style-3::-webkit-scrollbar { width: 6px; background-color: #F5F5F5; }
#style-3::-webkit-scrollbar-thumb { background-color: #000000; }
.w50f { width: 50%; float: left; }
.tags { list-style: none; margin: 0; overflow: hidden; padding: 0; }
.tags li { float: left; }
.tag { background: #eee; border-radius: 3px 0 0 3px; color: #999; display: inline-block; height: 26px; line-height: 26px; padding: 0 20px 0 23px; position: relative; margin: 0 10px 10px 0; text-decoration: none; -webkit-transition: color 0.2s; transition: all 0s !important; }
.tag::before { background: #fff; border-radius: 10px; box-shadow: inset 0 1px rgba(0, 0, 0, 0.25); content: ''; height: 6px; left: 10px; position: absolute; width: 6px; top: 10px; }
.tag::after { background: #fff; border-bottom: 13px solid transparent; border-left: 10px solid #eee; border-top: 13px solid transparent; content: ''; position: absolute; right: 0; top: 0; transition: all 0s; }
.tag:hover { background-color: #d56b1f; color: white; }
.tag:hover::after { border-left-color: #d56b1f; }
#initAnimation { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; background: rgba(255, 255, 255, 0.35); pointer-events: none; }
.cbx {margin: auto; -webkit-user-select: none; user-select: none; cursor: pointer; } .cbx span {display: inline-block; vertical-align: middle; transform: translate3d(0, 0, 0); } .cbx span:first-child {position: relative; width: 18px; height: 18px; border-radius: 3px; transform: scale(1); vertical-align: middle; border: 1px solid #9098A9; transition: all 0.2s ease; } .cbx span:first-child svg {position: absolute; top: 3px; left: 2px; fill: none; stroke: #FFFFFF; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; stroke-dasharray: 16px; stroke-dashoffset: 16px; transition: all 0.3s ease; transition-delay: 0.1s; transform: translate3d(0, 0, 0); } .cbx span:first-child:before {content: ""; width: 100%; height: 100%; background: #506EEC; display: block; transform: scale(0); opacity: 1; border-radius: 50%; } .cbx span:last-child {padding-left: 8px; } .cbx:hover span:first-child {border-color: #506EEC; } .inp-cbx{display:none;} .inp-cbx:checked + .cbx span:first-child {background: #02a552;border-color: #02a552;animation: wave 0.4s ease;z-index: 9;} .inp-cbx:checked + .cbx span:first-child svg {stroke-dashoffset: 0; } .inp-cbx:checked + .cbx span:first-child:before {transform: scale(3.5); opacity: 0; transition: all 0.6s ease; }
@keyframes wave {50% {transform: scale(0.9); } }
.resp-iframe{width: 100%; height: 350px; position: relative;}
.resp-iframe iframe{width: 100% !important;height: 100% !important;display: block;}
.padding0{padding: 0}
.slick-doi-tac{
	margin-left: -10px;
	margin-right: -10px;
}
.item-doi-tac{
	padding-left: 10px;
	padding-right: 10px;
}
.img-full{
	width: 100%;
	height: auto;
}
.container-doi-tac{
	padding: 0 0;
}