@font-face {
    font-family: 'Pacifico-Regular';
    src: url('../fonts/Pacifico-Regular/Pacifico-Regular.eot');
    src: url('../fonts/Pacifico-Regular/Pacifico-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Pacifico-Regular/Pacifico-Regular.woff2') format('woff2'),
        url('../fonts/Pacifico-Regular/Pacifico-Regular.woff') format('woff'),
        url('../fonts/Pacifico-Regular/Pacifico-Regular.ttf') format('truetype'),
        url('../fonts/Pacifico-Regular/Pacifico-Regular.svg#Pacifico-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@keyframes spin { to { -webkit-transform: rotate(360deg); transform: rotate(360deg); } }

@-webkit-keyframes spin { to { -webkit-transform: rotate(360deg); transform: rotate(360deg); } }

@keyframes blink { 0% { opacity: 1; }
  50% { opacity: 0; }
  100% { opacity: 1; } }

@-webkit-keyframes blink { 0% { opacity: 1; }
  50% { opacity: 0; }
  100% { opacity: 1; } }

@keyframes shake-anim { 0% { -webkit-transform: rotate(0) scale(1) skew(1deg); transform: rotate(0) scale(1) skew(1deg); }
  10%, 30% { -moz-transform: rotate(-25deg) scale(1) skew(1deg); }
  20%, 40% { -moz-transform: rotate(25deg) scale(1) skew(1deg); }
  100%, 50% { -moz-transform: rotate(0) scale(1) skew(1deg); } }

@-webkit-keyframes shake-anim { 0%, 100%, 50% { -webkit-transform: rotate(0) scale(1) skew(1deg); }
  10%, 30% { -webkit-transform: rotate(-25deg) scale(1) skew(1deg); }
  20%, 40% { -webkit-transform: rotate(25deg) scale(1) skew(1deg); } }

/* Main */
body { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; font-size: 14px; }

img { max-width: 100%; height: auto; vertical-align: top; }

a, input, textarea { outline: none; padding: 0px; }

input[type="number"]::-webkit-outer-spin-button, input[type="number"]::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }

.w-clear:after { display: block; content: ""; clear: both; }

.hidden { display: none; }

.clear { clear: both; }

.none { display: none; }

.hidden-seoh { visibility: hidden; height: 0px; margin: 0px; overflow: hidden; }

.wrap-main, .wrap-content { max-width: 1230px; margin: 15px auto; padding: 0px 15px; }

.wrap-home { max-width: 100%; padding: 0px; margin-bottom:0;}

.wrap-content { margin: auto; }

.modal-backdrop{position:initial !important;}
#popup .modal-header{background:none !important;;border:none !important;}
#popup .modal-content{background:none !important;border:none !important;}

#popup .modal-body img {
    border-radius: 30px;
}

#popup .modal-body {
	padding: 0px;
}
.modal-content{border-radius: 30px;}
#popup .modal-body img{border-radius:30px;}
#popup .modal-dialog {
    max-width: 620px;
}

#popup-notify .modal-dialog{top:30%;}
#popup-notify .modal-header{display:none !important;}
.modal-body{text-align:center;}
#popup .modal-dialog{max-width:620px;}
#popup .modal-header{
	position: absolute;
    z-index: 1111;
    width: 100%;
    left: 0;
    right: 0;
	display: block;
	border:none;
}
/* General */
.title-main { margin-bottom: 1.5rem; text-align: center; }

.title-main span { text-transform: uppercase; color: rgba(227,148,24,1); font-weight: 800; font-size: 18px; }

.time-main { margin-bottom: 0.75rem; color: #999999; }

.time-main i { vertical-align: top; margin: 3px 7px 0px 0px; }

.time-main span { vertical-align: top; display: inline-block; }

.share { padding: 17px 15px 10px 15px; line-height: normal; background: rgba(128, 128, 128, 0.15); margin-top: 15px; border-radius: 5px; }

.share b { display: block; margin-bottom: 5px; }

.control-owl { position: absolute; width: 100%; z-index: 2; left: 0px; top: calc(50% - 45px / 2); }

.control-owl button { opacity: 0.5; top: 0px; position: absolute; outline: none; border: 0px; padding: 0px; margin: 0px; display: block; cursor: pointer; color: #ffffff; width: 45px; height: 45px; text-align: center; font-size: 25px; margin: 0px; background-color: #000000; border-radius: 3px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }

.control-owl button:hover { opacity: 1; }

.control-owl button.owl-prev { left: 20px; }

.control-owl button.owl-next { right: 20px; }

.form-control, .form-control-plaintext:not(textarea), .custom-select { height: calc(1em + 1.25rem + 8px); }

.custom-form-row { margin-right: -10px; margin-left: -10px; }

.custom-form-row > .col, .custom-form-row > [class*="col-"] { padding-right: 10px; padding-left: 10px; }

.text-sm { font-size: 0.875rem !important; }


.title-main-page {margin-bottom:30px;text-align:center;}
.title-main-page span{text-transform:uppercase;color:#244147;font-weight:500;font-size:30px;display: inline-block;padding: 0px 8px;
position: relative;
-webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background: linear-gradient(to right, #070a2b 0%, #eaab4a 50%, #de712c 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
#page_video {
    width: 100%;
    padding-top: 60px;
    padding-bottom: 40px;
    background: #f6fafd;
}
#videomobile{
	display: none;
}
#video_slideslick1{
	padding-top: 20px;
}
.slick-prev {
    top: 41% !important;
    width: 17px !important;
    height: 58px !important;
    z-index: 12 !important;
    background: url(../images/slick_left_07.png) no-repeat left top !important;
    left: -32px !important;
}
.slick-next {
	top: 41% !important;
    right: -36px !important;
    width: 17px !important;
    height: 58px !important;
    z-index: 12 !important;
    background: url(../images/slick_right_07.png) no-repeat left top !important;
}
.slick-prev:before, .slick-next:before{ display: none; }



.container-feedback {
    width: 100%;
    max-width: 100%;
    margin: 0 auto;
	position:relative;
}
.tabs-FeedBack{list-style:none;padding:0px;text-align:center;margin:20px 0px 20px 0px;display:none !important;}
.tabs-FeedBack li{font-size:14px; background:#e5e7eb;   font-weight: bold;padding:9px 25px 6px 25px;margin:0px 5px 5px 0px;border-radius:3px;text-transform:uppercase;cursor:pointer;color:#000;	display:inline-block;vertical-align:top;border: 1px solid #9c9c9c9c; border-radius: 99px;}
.tabs-FeedBack li.active,.tabs-FeedBack li:hover{color:#111;background: url(../images/background_xemthem.png) no-repeat; background-size: cover;}

.container-feedback .prev-carousel {
    left: 0px;
}
.container-feedback .next-carousel {
   right: 0px;
}
.container-feedback .control-carousel{
   top: 32%;
   background-color:initial;
   border:none;
}

.container-feedback .control-carousel i{
	font-size:30px;
}
.container-feedback .control-carousel:hover i{

	-webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background: linear-gradient(to right, #ebd858 0%, #ffffc3 50%, #e6d257 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.control-carousel {
	position: absolute;
	top: calc(50% - 30px/2);
	margin-bottom: 0px;
	width: 30px;
	height: 30px;
	text-align: center;
	line-height: 30px;
	border: 1px solid #eee;
	z-index: 2;
	background-color: #fff;
	color: #ccc;
	cursor: pointer;
}

.control-carousel:hover {
	background-color: var(--color-main);
	border-color: var(--color-main);
	color: #fff;
}


.imgkv{
	width: 201px;
}
.infokv{
	width: calc(100% - 201px);
	padding: 27px 22px;
	box-sizing: border-box;
}
.name_kv{
	height: 26px;
}
.name_kv a{
	font-size: 18px;
	font-family: Muli_b;
	color: #000000;
	text-transform: uppercase;
}
.description_kv{
	font-size: 14px;
	color: #000000;
	font-family: Mili;
}
.backgroundnau{
	background: #e4e4e4;
}

.box_partner1{
	position: relative;
	padding: 1px;
	margin-top: 100px;
	margin-bottom:50px;
}
.slick-current .box_partner1in{
    position: absolute;
    width: 550px;
    z-index: 12;
    left: calc(50% - 275px);
    top: -90px;
}
.namevideoslide{
	font-size: 12px;
	text-transform: uppercase;
	padding: 8px 17px;
	background:#070a2b;
	text-align: center;
	box-sizing: border-box;
	width: 	100%;
	color: #fff;
	background: linear-gradient(180deg, rgba(219,148,24,1) 0%, rgba(245,220,61,1) 50%, rgba(219,147,24,1) 100%);
}
.namevideoslide span{
	color: #000;
	font-size: 13px;
	text-transform: uppercase;
	font-weight: bold;
}
.box_partner1in{
	background: url(../images/bongnho_11.png) no-repeat center bottom;
	padding-bottom: 34px;
}
.slick-current .namevideoslide span{
	font-size: 18px !important;
}
.slick-current .namevideoslide{
	padding: 25px 50px !important;
}
.slick-current .box_partner1in{
	background: url(../images/bonglon_31.png) no-repeat center bottom !important;
	padding-bottom: 50px;
}
.deswwm{
	padding: 22px 30px;
	color: #262627;
	font-size: 16px;
	text-align: justify;
	font-family:Arial, Helvetica, sans-serif;
	position: relative;
	border: 1px solid #e39217;
	border-radius: 30px;
	max-width: 800px;
	margin: 0 auto;
	margin-bottom: 30px;
}
.deswwm:after {
    content: '';
    position: absolute;
    width: 8px;
    top: 30px;
    left: -4px;
    z-index: 12;
    background: #e39217;
    height: 127px;
}
.imgvideo{
	position: relative;
}
.imgvideo p{
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: 1;
	background: url(../images/playvideo_03.png) no-repeat center center;
}
#index2_top{
	max-width: 920px;
	margin: 0 auto;
}
.name_doctor{
	background: #090e3e;
	padding: 17px;
	text-align: center;
	border-bottom-left-radius: 20px;
	border-bottom-right-radius: 20px;
	height: 95px;
}
.name_doctor p:nth-child(1){
	display: block;
	color: #fff;
	font-family:Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	font-weight: bold;
}
.name_doctor p:nth-child(2){
	display: block;
	font-size: 13px;
	color: #fff;
	font-family:Arial, Helvetica, sans-serif;
	text-transform: capitalize;
}
.fixedthumbfeedback1{
	box-shadow: 8px 8px 8px #04061a;
	border-radius: 20px;
}
.fixedthumbfeedback1 img{
	border-top-left-radius: 20px;
	border-top-right-radius: 20px;
}



/* Intro */
.wrap-intro {
	margin-bottom: 50px;
}
.row-blogs{margin:35px auto;}
.left-intro {
padding: 0 9.8px 19.6px;
    margin-bottom: 0;
    float: left;
    width: 50%;
}
.row-blogs .col-inner{
    background: #fff;
	border:1px solid #ddd;
    padding: 15px 15px 0;
    border-radius: 10px;
    box-shadow: 0 0 15px 1px rgb(158 158 158 / 12%);
}
.title-intro a{
	color: #fff;
    display: block;
    padding-left: 15px;
    font-size: 15px;
    font-weight: 400;
    margin-left: auto;	
	text-decoration:none;
}
.title-intro a i {
    margin-right: 0;
    margin-left: 10px;
}
.title-intro {
position: relative;
    -js-display: flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
	background: url(../images/background_xemthem.png) no-repeat;
    background-size: cover;
    padding: 5px 10px;
}

.title-intro span {
	display: inline-block;
	font-weight: 700;
	text-transform: uppercase;
	position: relative;
	font-size: 18px;
	text-align: center;
	color:#000;
}


.left-intro .col__1 {
	width: 50%;
	display: flex;
	align-items: stretch;
	justify-content: space-between;
	flex-wrap: wrap;
	padding: 0 9.8px 19.6px;
    margin-bottom: 0;
	max-width: 50%;
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
}


.left-intro .col__1 .newshome-best .info {
	z-index: 95;
	background: rgba(255, 255, 255, 0.7);
	    padding-top: 0.7em;
    padding-bottom: 1.4em;
    position: relative;
    width: 100%;
    font-size: .9em;
}

.button-view{
	text-decoration:none;
	text-transform:uppercase;
    color: #666;	
}

.pic-newshome-best img {
	width: 100%;
	border-radius: 10px;
}

.name-newshome {
	color: #333333;
	font-weight: 700;
	font-size: 14px;
	line-height: 18px;
	margin-bottom: 0.25rem;
	text-transform: capitalize;
}

.name-newshome.text-split {
	-webkit-line-clamp: 2;
}

.desc-newshome {
	color:#212529;
	margin-bottom: 0px;
	-webkit-line-clamp: 2 !important;
	font-size: 13px;
}


/* Bài viết */
.news {
	max-width: 33.3333333333%;
    -ms-flex-preferred-size: 33.3333333333%;
    flex-basis: 33.3333333333%;
	float: left;
	margin-bottom: 25px;
	display: block;
	
    padding: 0 9.8px 19.6px;
    margin-bottom: 0;

}

.news:nth-child(3n) {
	float: right;
}

.news:nth-child(3n+1) {
	clear: both;
}

.pic-news {
	width: 100%;
}

.pic-news img {
	width: 100%;
	border-radius:8px;
}

.info-news {
padding-top: 0.7em;
    padding-bottom: 1.4em;
    position: relative;
    width: 100%;
}

.name-news {
	color: #444;

	font-size: 16px;
	display: block;
	line-height: normal;
	margin-bottom: 5px;
}

.name-news:hover {
	color: #ebd858;
}

.time-news {
	color:#6c757d;
	margin-bottom: 0.25rem;
}

.desc-news {
	color: #333333;
	margin-top: 5px;
	line-height: 22px;
}


.services_news {
    float: left;
    width: 33.3333333333%;

    margin: 0 2% 2% 0;
}
.de-team-news .info-news h3 {
    color: #000;
    font-style: normal;
    font-weight: bold;
    -webkit-line-clamp: 2;
    font-size: 14px;
}
.text-split {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    -webkit-line-clamp: 3;
}

/* Lazyload */
img.lazy { opacity: 0; }

img:not(.initial) { -webkit-transition: opacity 1s; transition: opacity 1s; }

img.initial, img.loaded, img.error { opacity: 1; }

img:not([src]) { visibility: hidden; }

/* User */
.wrap-user { width: 100%; max-width: 550px; margin: auto; border: 1px solid #bce8f1; border-radius: 5px; }

.title-user { background-color: #d9edf7; padding: 12px 15px; border-radius: 5px 5px 0px 0px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }

.title-user span { color: #31708f; }

.title-user a { color: #0056b3; font-size: 12px; }

.form-user { padding: 20px 15px; }

.input-user { margin-bottom: 0.75rem; }

.input-user input { font-size: 14px; }

.button-user { margin-bottom: 1rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }

.button-user input { font-size: 14px; }

.checkbox-user, .radio-user { cursor: pointer; }

.checkbox-user input { top: calc(50% - 1.25rem / 2); height: auto; }

.checkbox-user label { font-size: 14px; cursor: pointer; }

.checkbox-user label::before, .checkbox-user label::after { top: calc(50% - 1rem / 2); }

.radio-user { margin-right: 1rem; }

.radio-user:last-child { margin-right: 0px; }

.radio-user label::before, .radio-user label::after { top: calc(50% - 1rem / 2); }

.note-user { font-size: 14px; border-top: 1px solid #ddd; padding-top: 0.5rem; }

/* Cart */
#popup-cart .modal-title { text-transform: uppercase; }

#popup-cart .modal-body .wrap-cart { padding: 0px; -webkit-box-shadow: none; box-shadow: none; border: 0px; }

#popup-cart .modal-footer { padding: 0.75rem 0 0 0; border-top: 0px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }

.buymore-cart { color: #ec2d3f; cursor: pointer; margin: 0px; }

.buymore-cart i { margin-right: 2px; margin-top: 5px; vertical-align: top; font-size: 12px; }

.wrap-cart { padding: 20px 15px; background: #ffffff; border: 1px solid #d8d8d8; -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.15); box-shadow: 0 0 20px rgba(0, 0, 0, 0.15); }

.top-cart { border-right: 1px solid #eee; }

@media only screen and (max-width: 991px) { .top-cart { margin-bottom: 2rem; } }

.procart { padding: 20px 10px; border: 1px solid #eee; border-top: 0px; }

.pic-procart { text-align: center; }

.pic-procart img { max-height: 100px; height: inherit; }

.pic-procart .del-procart { color: #999; font-size: 12px; display: block; margin-top: 5px; cursor: pointer; }

.pic-procart .del-procart:hover { color: red; }

.name-procart a { font-size: 14px; color: #000; display: block; }

@media only screen and (max-width: 575px) { .name-procart a { font-size: 13px; } }

.name-procart a:hover { color: #ec2d3f; }

.properties-procart { display: block; }

.properties-procart p { display: inline-block; margin-bottom: 0px; }

.properties-procart p:first-child { margin-right: 10px; }

.properties-procart p strong { font-weight: 600; }

@media only screen and (max-width: 767px) { .quantity-procart { text-align: right; } }

.quantity-procart p { margin-bottom: 0px; }

.quantity-counter-procart { border: 1px solid #dfdfdf; width: 100%; height: 30px; line-height: normal; text-align: center; border-radius: 3px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }

.counter-procart { background-color: transparent; border: 0px; width: 30%; color: #333; outline: none; cursor: pointer; font-size: 23px; }

.counter-procart:hover, .counter-procart:focus { color: #ec2d3f; }

.counter-procart:disabled { color: #ccc; cursor: not-allowed; }

.counter-procart:disabled:hover { color: #ccc; cursor: not-allowed; }

.counter-procart-minus { line-height: 26px; }

.counter-procart-plus { line-height: 24px; }

.quantity-counter-procart .quantity-procart { width: 40%; -webkit-box-sizing: border-box; box-sizing: border-box; border: 0px; border-right: 1px solid #dfdfdf; border-left: 1px solid #dfdfdf; outline: none; -webkit-box-shadow: none; box-shadow: none; padding: 0px; color: #333; text-align: center; }

.price-procart { width: 20%; text-align: right; }

@media only screen and (max-width: 767px) { .price-procart { display: none; } }

.price-procart-rp { display: none; width: 100%; margin-bottom: 10px; font-size: 13.5px; }

@media only screen and (max-width: 767px) { .price-procart-rp { display: block; } }

.price-new-cart { color: #ec2d3f; margin-bottom: 0px; }

.price-old-cart { color: #999; text-decoration: line-through; }

.procart-label { border: 0px; background: #eee; padding: 10px; margin: 0px; text-transform: capitalize; }

@media only screen and (max-width: 575px) { .procart-label { font-size: 13px; } }

@media only screen and (min-width: 768px) { .procart-label .quantity-procart p:first-child { display: block; } }

@media only screen and (max-width: 767px) { .procart-label .quantity-procart p:first-child { display: none; } }

@media only screen and (min-width: 768px) { .procart-label .quantity-procart p:last-child { display: none; } }

@media only screen and (max-width: 767px) { .procart-label .quantity-procart p:last-child { display: block; } }

.money-procart { margin-top: 15px; }

.total-procart { background: #eee; padding: 7px 10px; border: 1px solid #dddfe2; margin-bottom: -1px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }

.total-procart p { margin-bottom: 0px; font-size: 15px; }

.total-procart p:last-child { color: #ec2d3f; }

.section-cart { position: -webkit-sticky; position: sticky; top: 15px; }

.title-cart { font-size: 15px; text-transform: uppercase; color: #ec2d3f; border-bottom: 1px solid #eee; padding-bottom: 5px; margin-bottom: 15px; }

.information-cart { margin-bottom: 1.5rem; }

.input-cart { margin-bottom: 0.5rem; position: relative; }

.input-cart textarea { resize: none; height: 100px; }

.input-cart select { cursor: pointer; }

.payments-cart { text-align: left; margin-bottom: 5px; min-height: auto; }

.payments-cart:last-child { margin-bottom: 0px; }

.payments-cart input { top: calc(50% - 1.25rem / 2); }

.payments-label { cursor: pointer; background: #eee; display: block; padding: 10px 15px; border-radius: 3px; margin-bottom: 0px; color: #313131 !important; }

.payments-label::before, .payments-label::after { top: calc(50% - 1rem / 2); }

.payments-label.active { background: #ec2d3f; color: #ffffff !important; }

.payments-info { opacity: 0; visibility: hidden; height: 0px; overflow: hidden; background: #f5efef; border-radius: 5px; }

.payments-info p { margin-bottom: 1em; }

.payments-info.active { padding: 10px 15px; margin-top: 5px; opacity: 1; visibility: visible; height: auto; }

.btn-cart { text-transform: capitalize; }

.empty-cart { padding: 25px 30px; display: block; text-align: center; color: #23527c !important; width: 100%; }

.empty-cart i { color: red; font-size: 70px; }

.empty-cart p { margin: 15px 0px; color: #333; font-size: 18px; }

/* Comment */
.comment-title { font-size: 18px; }

.comment-show { display: block !important; }

.comment-point { font-size: 47px; color: #fe302e; }

.comment-star { font-size: 0; position: relative; display: inline-block; vertical-align: top; margin-bottom: 0.5rem; }

.comment-star span { display: block; position: absolute; top: 0; left: 0px; bottom: 0; z-index: 1; overflow: hidden; text-align: left; white-space: nowrap; }

.comment-star i { display: inline-block; margin: 0.1rem; color: #b8b8b8; text-rendering: auto; font-size: 20px; }

.comment-star i:nth-child(1) { margin-left: 0; }

.comment-star span i { color: #ffc120; }

.comment-progress { width: 100%; margin-bottom: 0.375rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }

.comment-progress:last-child { margin-bottom: 0px; }

.comment-progress .progress { height: 12px; margin-right: 10px; margin-left: 5px; width: calc(100% - 90px); border-radius: 10px; }

.comment-progress .progress-bar#has-rate { background-color: #23b445; }

.comment-progress .progress-num { font-size: 15px; width: 25px; text-align: center; color: #787878; }

.comment-progress .progress-total { font-weight: 600; text-align: left; color: #787878; width: 50px; }

.comment-write { display: none; }

.review-rating-star { font-size: 0; }

.review-rating-star-icon .fa { font-weight: 400; font-style: normal; display: inline-block; margin: 0.1rem; font-size: 21px; cursor: pointer; color: #f0c808; }

.review-rating-star-icon .fa.star-empty { color: #dedddc; }

.review-rating-star-icon .fa.star-not-empty { color: #f0c808; }

.review-rating-star-icon .fa:nth-child(1) { margin-left: 0; }

.review-fileuploader { padding: 20px 15px; text-align: center; background-color: #ffffff; cursor: pointer; border: 2px dashed #c2cdda; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }

.review-fileuploader .review-fileuploader-text { color: #90a0bc; }

.review-file-uploader .fileuploader { padding: 0px; margin: 0px; background: transparent; }

.review-file-uploader .fileuploader-items .fileuploader-items-list { margin: 1rem -5px 0 -5px; }

.review-file-uploader .fileuploader-items .fileuploader-items-list:after { display: block; content: ""; clear: both; }

.review-file-uploader .fileuploader-items .fileuploader-items-list .fileuploader-item { padding: 0px; width: calc(100% / 7 - 10px); float: left; margin: 0 5px 5px 5px; border-bottom: 0px; }

.review-file-uploader .fileuploader-items .fileuploader-items-list .fileuploader-item .columns { display: block; }

.review-file-uploader .fileuploader-items .fileuploader-items-list .fileuploader-item .column-thumbnail { width: auto; height: auto; }

.review-file-uploader .fileuploader-items .fileuploader-items-list .fileuploader-item .column-thumbnail .fileuploader-item-image { height: auto; padding: 50% 0; }

.review-file-uploader .fileuploader-items .fileuploader-items-list .fileuploader-item .column-thumbnail .fileuploader-item-image img { position: absolute; top: 0px; left: 0px; max-width: 100%; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -webkit-transform: none; transform: none; }

.review-file-uploader .fileuploader-items .fileuploader-items-list .fileuploader-item .column-title { padding: 0px; margin-top: 0.5rem; text-align: center; display: none; }

.review-file-uploader .fileuploader-items .fileuploader-items-list .fileuploader-item .column-actions { margin: 0px; position: absolute; top: 0px; right: -5px; }

.review-file-uploader .fileuploader-items .fileuploader-items-list .fileuploader-item .column-infos input { border: 1px solid #dddddd; border-radius: 0.25rem; }

.review-poster-video-avatar { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; }

.review-poster-video-avatar .avatar-detail { width: 95px; height: 95px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }

.review-poster-video-avatar .avatar-detail img { max-width: 95px; max-height: 95px; }

#review-content { height: 350px; }

.carousel-comment-media .carousel-control a { opacity: 1; width: 45px; height: 45px; top: calc(50% - 45px / 2); bottom: inherit; }

.carousel-comment-media .carousel-control a span { display: block; cursor: pointer; color: #222222; width: 45px; height: 45px; padding: 5px; text-align: center; background-color: #ffffff; -webkit-box-shadow: 0 1px 12px 0 rgba(0, 0, 0, 0.12); box-shadow: 0 1px 12px 0 rgba(0, 0, 0, 0.12); border-radius: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }

.carousel-comment-media .carousel-control a.carousel-control-prev { left: 20px; }

.carousel-comment-media .carousel-control a.carousel-control-prev span { padding-right: 9px; }

.carousel-comment-media .carousel-control a.carousel-control-next { right: 20px; }

.carousel-comment-media .carousel-control a.carousel-control-next span { padding-left: 8px; }

.carousel-comment-media .carousel-indicators { position: static; margin: 0px 0px 0.75rem 0px; text-align: left; display: block; }

.carousel-comment-media .carousel-indicators li { width: auto; max-width: 60px; height: auto; text-indent: inherit; -webkit-box-flex: 0; -ms-flex: none; flex: none; margin: 0px 0px 3px 0px; border: 2px solid transparent; opacity: 1; cursor: -webkit-zoom-in; cursor: zoom-in; }

.carousel-comment-media .carousel-indicators li.active { border-color: #ffc120; cursor: -webkit-zoom-out; cursor: zoom-out; -webkit-transform: scale(1.05); transform: scale(1.05); }

.carousel-comment-media .carousel-inner { max-width: 550px; -webkit-box-shadow: 0 1px 12px 0 rgba(0, 0, 0, 0.12); box-shadow: 0 1px 12px 0 rgba(0, 0, 0, 0.12); }

.carousel-comment-media .carousel-inner .carousel-lists .carousel-comment-media-item-video #file-video { max-width: 100%; width: 100%; height: 500px; vertical-align: top; display: inline-block; background-color: #000000; }

#form-reply { display: none; }

.comment-item { margin-bottom: 3rem; }

@media only screen and (min-width: 992px) { .comment-item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } }

.comment-item-poster { width: 200px; margin-right: 30px; text-align: center; }

@media only screen and (max-width: 991px) { .comment-item-poster { width: auto; margin-right: 0px; margin-bottom: 0.5rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } }

.comment-item-letter { border-radius: 50%; background-color: #d3d2d3; color: #919090; width: 65px; height: 65px; text-transform: uppercase; display: inline-block; vertical-align: top; line-height: 67px; font-size: 18px; font-weight: 700; margin-bottom: 0.5rem; }

@media only screen and (max-width: 991px) { .comment-item-letter { width: 40px; height: 40px; line-height: 40px; font-size: 13px; margin-bottom: 0; } }

.comment-item-name { margin-bottom: 0.25rem; text-transform: capitalize; }

@media only screen and (max-width: 991px) { .comment-item-name { margin-bottom: 0px; margin-left: 10px; margin-right: 10px; } }

.comment-item-posttime { font-size: 12px; color: #999999; }

.comment-item-information { width: calc(100% - 230px); }

@media only screen and (max-width: 991px) { .comment-item-information { width: 100%; } }

.comment-item-star { float: left; margin-right: 10px; }

.comment-item-star i { font-size: 17px; }

.comment-item-title { font-size: 15px; font-weight: 500; }

.comment-replies { position: relative; background: #f8f9fa; border: 1px solid #dfdfdf; padding: 1.75rem 1.5rem; }

.comment-replies:after { content: ""; position: absolute; }

.comment-replies:before { content: ""; position: absolute; z-index: 1; top: -13px; left: 10px; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 13px solid #f8f9fa; }

.comment-replies:after { top: -14px; left: 9px; border-left: 11px solid transparent; border-right: 11px solid transparent; border-bottom: 14px solid #dfdfdf; }

.comment-replies-item { margin-bottom: 1.5rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; }

.comment-replies-item:last-child { margin-bottom: 0px; }

.comment-replies-letter { width: 45px; height: 45px; margin-right: 10px; line-height: 45px; padding-left: 1px; font-size: 14px; border-radius: 50%; background-color: #e5e3e5; color: #919090; text-transform: uppercase; display: inline-block; vertical-align: top; font-weight: 500; text-align: center; margin-top: 0.125rem; }

.comment-replies-letter.admin { position: relative; background-color: #189eff; text-indent: 9999px; overflow: hidden; }

.comment-replies-letter.admin:before { content: "QTV"; text-indent: 0px; color: #ffffff; font-weight: 500; text-transform: uppercase; font-size: 13px; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

.comment-replies-info { width: calc(100% - 55px); }

.comment-replies-name { font-weight: 500; margin-bottom: 0.125rem; }

.comment-replies [class*="btn-load-more-"] { border: 0px; outline: none; padding: 0px; background: transparent; }

.comment-media-play { z-index: 1; position: absolute; top: 50%; left: 50%; -webkit-transform: translateY(-50%) translateX(-50%); transform: translateY(-50%) translateX(-50%); }

.comment-media-play svg { -webkit-box-shadow: 1px 1px 15px rgba(0, 0, 0, 0.3); box-shadow: 1px 1px 15px rgba(0, 0, 0, 0.3); border-radius: 50%; background-color: rgba(255, 255, 255, 0.15); }

.comment-media-play svg .comment-media-play-stroke-dotted { opacity: 0; stroke-dasharray: 4, 5; stroke-width: 1px; -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-animation: spin 4s infinite linear; animation: spin 4s infinite linear; -webkit-transition: opacity 1s ease, stroke-width 1s ease; transition: opacity 1s ease, stroke-width 1s ease; }

.comment-media-play svg .comment-media-play-stroke-solid { stroke-dashoffset: 0; stroke-dasharray: 300; stroke-width: 4px; -webkit-transition: stroke-dashoffset 1s ease, opacity 1s ease; transition: stroke-dashoffset 1s ease, opacity 1s ease; }

.comment-media-play svg .comment-media-play-icon { -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transition: -webkit-transform 200ms ease-out; transition: -webkit-transform 200ms ease-out; transition: transform 200ms ease-out; transition: transform 200ms ease-out, -webkit-transform 200ms ease-out; }

.comment-media-play:hover svg .comment-media-play-stroke-dotted { stroke-width: 4px; opacity: 1; }

.comment-media-play:hover svg .comment-media-play-stroke-solid { opacity: 0; stroke-dashoffset: 300; }

.comment-media-play:hover svg .comment-media-play-icon { -webkit-transform: scale(1.05); transform: scale(1.05); }


.screen11{background-size:cover !important;}

/* Header */
.header { background-color: #ffffff;    border-bottom: 1px solid #eee; }

.header .header-top { color: #ffffff; background-color: #ec2d3f; }

.header .header-top .wrap-content { padding: 6px 15px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }

.header .header-top .wrap-content .info-header { margin-bottom: 0px; }

.header .header-top .wrap-content .info-header i { vertical-align: top; margin: 3px 5px 0px 0px; font-size: 16px; }

.header .header-bottom .wrap-content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }

.social-header li { width: 30px; }

.header-bottom .wrap-content { padding: 10px 15px; }

.hotline-header { display: inline-block; padding-left: 25px; background-image: url(../images/hotline.png); background-repeat: no-repeat; background-position: 0px 1px; }

.hotline-header p { font-weight: bold; margin-bottom: -2px; text-transform: capitalize; }

.hotline-header span { font-weight: bold; color: #ec2d3f; font-size: 20px; display: block; }

.user-header a { color: #ffffff; padding-right: 9px; margin-right: 7px; position: relative; display: inline-block; vertical-align: top; text-decoration: none; }

.user-header a:after { content: ""; position: absolute; width: 1px; height: 8px; background-color: #ffffff; top: calc(50% - 7px / 2); right: 0px; opacity: 0.7; }

.user-header a:last-child { padding-right: 0px; margin-right: 0px; }

.user-header a:last-child:after { display: none; }

.header_1_1_0__phone {
  display: flex;
  background: #e5e7eb;
  font-size: 15px;
  cursor: pointer;
  margin-left: 10px;
}
.header_1_1_0__phone, .header_1_1_0__regist {
  border-radius: 25px;
  color: #fff;
  padding: 10px 20px 10px 10px;
  font-size: 14px;
  font-weight: 600;
  text-transform: uppercase;
  transition: all .2s linear;
}
.menu ul li .header_1_1_0__phone a {
  color: #194081;
  padding:0;
}

.header_1_1_0__regist {
  cursor: pointer;
  background: #ef4444;
  margin-left: 10px;
  display: flex;
}
.header_1_1_0__phone, .header_1_1_0__regist {
  border-radius: 25px;
  color: #fff;
  padding: 10px 20px 10px 10px;
  font-size: 14px;
  font-weight: 600;
  text-transform: uppercase;
  transition: all .2s linear;
}
.menu ul li .header_1_1_0__regist a {
  color: #fff;
  padding:0;
}
.header_1_1_0__phone img{height: 22px;}
 .header_1_1_0__regist img {
height: 18px;
}
.header_1_1_0__phone:hover img, .header_1_1_0__regist:hover img {
  animation: shake 1.5s;
}
.header-right-menu{margin-left: 10px !important;}
/* Menu */
.menu { background-color: #fff; position: relative; z-index: 1; }

@media only screen and (max-width: 991px) { .menu { display: none; } }

.menu ul { width: 100%; padding: 0px; margin: auto; list-style: none; }

.menu ul.menu-main { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }

.menu ul li { position: relative; z-index: 1; }

.menu ul li.menu-line { width: 1px; height: 15px; background-color: rgba(0, 0, 0, 0.1); }

.menu ul li a { display: block; position: relative; font-size: 14px; color: #103867; padding: 12px 12px 11px 12px; font-weight: 600; text-transform: uppercase; text-decoration: none; }

.menu ul li a.has-child { padding-right: 16px; margin-right: 8px; }

.menu ul li a.has-child:after { content: ""; position: absolute; bottom: calc(50% - 4px / 2); right: 5px; width: 5px; height: 5px; border: 1px solid #fafafa; border-top: 0px; border-left: 0px; -webkit-transform: rotate(45deg); transform: rotate(45deg); }

.menu ul li ul { position: absolute; min-width: 250px; margin-top: -5px; padding-top: 0.75rem; padding-bottom: 0.75rem; background-color: #fafafa; border-radius: 0.25rem; -webkit-box-shadow: 1px 1px 15px rgba(0, 0, 0, 0.15); box-shadow: 1px 1px 15px rgba(0, 0, 0, 0.15); -webkit-transform: perspective(600px) rotateX(-90deg); transform: perspective(600px) rotateX(-90deg); -webkit-transform-origin: 0 0 0; transform-origin: 0 0 0; opacity: 0; visibility: hidden; }

.menu ul li:hover > ul { -webkit-transform: perspective(600px) rotateX(0); transform: perspective(600px) rotateX(0); transform-origin: 0 0 0; -webkit-transform-origin: 0 0 0; opacity: 1; visibility: visible; }

.menu ul li ul li { padding-left: 0.75rem; padding-right: 0.75rem; }

.menu ul li ul li a { font-size: 14px; color: #313131; border-bottom: 1px solid #ececec; padding: 10px 0px 9px 0px; text-transform: capitalize; }

.menu ul li ul li a.has-child { margin-right: 0px; }

.menu ul li ul li a.has-child:after { border-color: #313131; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }

.menu ul li ul li a.active { color: #ec2d3f; }

.menu ul li ul li a.active.has-child:after { border-color: #ec2d3f; }

.menu ul li ul li:last-child > a { border-bottom: 0px; }

.menu ul li ul li:hover > a { color: #ec2d3f; }

.menu ul li ul li:hover > a.has-child:after { border-color: #ec2d3f; }

.menu ul li ul li ul { top: -0.75rem; left: 100%; margin-top: 0px; }

/* Search */
.search { width: 230px; background: #ffffff; }

.search p { float: left; width: 35px; height: 35px; line-height: 35px; cursor: pointer; text-align: center; margin: 0px; color: #6c757d; font-size: 16px; }

.search input { width: calc(100% - 35px); height: 35px; float: left; outline: none; padding: 0px; border: 0px; background: transparent; text-indent: 10px; font-size: 12px; }

.search input::-webkit-input-placeholder { color: #313131; }

.search input:-moz-placeholder { color: #313131; }

.search input::-moz-placeholder { color: #313131; }

.search input:-ms-input-placeholder { color: #313131; }

/* Mmenu */
.menu-res { min-height: 55px; z-index: 100; background: #fff; position: relative; display: none; border-radius: 10px;margin: 0 auto;border: 1px solid #ff6816;}

@media only screen and (max-width: 991px) { .menu-res { display: block; } }

.menu-bar-res { height: 55px; padding: 0px 15px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }

#menu { display: none; }

#hamburger { display: block; width: 45px; height: 23px; position: relative; }

#hamburger:before, #hamburger:after, #hamburger span { background: #ffffff; content: ""; display: block; width: 100%; height: 3px; position: absolute; left: 0px; }

#hamburger:before { top: 0px; }

#hamburger span { top: 10px; }

#hamburger:after { top: 20px; }

#hamburger:before, #hamburger:after, #hamburger span { -webkit-transition: none 0.5s ease 0.5s; transition: none 0.5s ease 0.5s; -webkit-transition-property: transform, top, bottom, left, opacity; -webkit-transition-property: top, bottom, left, opacity, -webkit-transform; transition-property: top, bottom, left, opacity, -webkit-transform; transition-property: transform, top, bottom, left, opacity; transition-property: transform, top, bottom, left, opacity, -webkit-transform; }

.mm-wrapper_opening #hamburger:before, .mm-wrapper_opening #hamburger:after { top: 10px; }

.mm-wrapper_opening #hamburger span { left: -50px; opacity: 0; }

.mm-wrapper_opening #hamburger:before { -webkit-transform: rotate(45deg); transform: rotate(45deg); }

.mm-wrapper_opening #hamburger:after { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }

.mm-menu_opened { display: block !important; }

.mm-slideout { z-index: unset; }

/* Search Responsive */
.search-res { position: relative; }

.search-res .icon-search { width: 40px; height: 40px; cursor: pointer; text-align: center; line-height: 42px; color: #ffffff; font-size: 17px; margin: 0px; }

.search-res .icon-search.active { color: #ec2d3f; background: #ffffff; border-radius: 100%; }

.search-res .search-grid { position: absolute; top: 50px; right: 0px; width: 0px; height: 40px; overflow: hidden; background: #ffffff; border: 1px solid #ec2d3f; z-index: 2; opacity: 0; border-radius: 25px; line-height: normal; }

.search-res .search-grid p { float: left; width: 35px; height: 38px; cursor: pointer; outline: none; border: none; margin: 0px; font-size: 17px; display: block; color: #ec2d3f; line-height: 40px; text-align: center; }

.search-res .search-grid input { width: calc(100% - 35px); float: right; line-height: 38px; outline: none; border: none; color: #ec2d3f; }

.search-res .search-grid input::-webkit-input-placeholder { color: #313131; }

.search-res .search-grid input:-moz-placeholder { color: #313131; }

.search-res .search-grid input::-moz-placeholder { color: #313131; }

.search-res .search-grid input:-ms-input-placeholder { color: #313131; }

/* Slideshow */
.slideshow { position: relative; }

.slideshow-item { display: block; cursor: pointer; }

.slideshow:hover .control-slideshow { opacity: 1; }

.control-slideshow { opacity: 0; }

/* Partner */
.wrap-photo-album { padding: 0px 15px; }

.wrap-photo-album .wrap-content { position: relative; }

.photo-album { display: block;  max-width: 1140px; margin: 0px auto; }

/* Breadcrumb */
.breadCrumbs { background-color: #eee; }

.breadCrumbs .wrap-content { padding: 0.75rem 15px; }

.breadCrumbs .wrap-content .breadcrumb { padding: 0; margin-bottom: 0; background-color: transparent; border-radius: 0; }

.breadCrumbs .wrap-content .breadcrumb-item a { color: #212529; }

.breadCrumbs .wrap-content .breadcrumb-item.active a { color: #6c757d; }




.container-services{	
position:relative;
	margin:0 auto;
	margin: 20px auto 0;
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    width: 100%;
    justify-content: center;
}

.services{
	    width: 25%;
    display: block;
    cursor: pointer;
    position: relative;
}
.btpadd {
    padding: 0;
	background: #142255;
}
.btpadd:hover {
	background: linear-gradient(180deg, rgba(92, 175, 253, 0.1) 0%, rgba(34, 147, 253, 0.6) 60.73%, 100%);
mix-blend-mode: multiply;	
}
.container-services .btpadd{background:none;}
.team-pic{margin:0 auto;text-align:center;	padding:0;}
.team-pic img{margin:0 auto;text-align:center;max-width:100%;width:100%;
background: linear-gradient(180deg, rgba(227,148,24,1) 0%, rgba(253,230,111,1) 50%, rgba(227,148,24,1) 100%);
border-radius: 5%;
padding: 5px;
box-sizing: border-box;
}
.col-md-3 {
    margin-right: -1px;
}
.btcontainer-4 .de-team-list {
    position: relative !important;
	cursor:pointer;

}
.img-responsive {
    display: inline-block;
}
.img-responsive {
    display: block;
    max-width: 100%;
    height: auto;
}
.de-team-list .team-desc {
    padding: 25px;
    padding-bottom: 0;
    position: absolute;
    display: block;
    z-index: 100;
    bottom: 0px;
    color: #ccc;
	 box-sizing: border-box;
display:none;

}
.team-desc p{display:none;}
.de-team-list:hover .team-desc{
    -webkit-animation: fadeInUp 0.5s ease-out;
    -moz-animation: fadeInUp 0.5s ease-out;
    display: block;	
	 bottom:0%;
	height:60%;
	border-radius: 5%;
	background: linear-gradient( 90deg, rgb(235 216 88), rgba(179, 137, 76, 0.5));
}
.info-ourvalues
{
position: absolute;
bottom: 0%;
left: 0;    
right: 0;
margin:0 auto;   
max-width:100%;
padding: 10px 10px 10px 10px;
background: linear-gradient( 90deg, rgb(235 216 88), rgba(179, 137, 76, 0.5));
}
.de-team-list:hover .info-ourvalues {
	background:none;
}
.de-team-list:hover .team-desc p{     
-webkit-line-clamp: 4;
font-style: normal;
font-weight: normal; 
display: -webkit-box;
color: #000;
font-size:14px;

}
.de-team-list .team-desc h3 {
    color: #000;
	font-style: normal;
    font-weight: bold;

	font-size:18px;
}
.de-team-list p.lead {
    font-size: 14px;
}
p.lead, p.intro {
    font-size: 16px;
    font-weight: 500;
    line-height: 1.7em;
}
.lead {
    margin-bottom: 20px;
}
.small-border {
    height: 1px;
    width: 120px;
    background: #ccc;
    display: block;
    margin: 0 auto;
    margin-top: 20px;
    margin-bottom: 30px;
}
.de-team-list .social a {
    display: inline-block;
    padding: 0 5px 0 5px;
}
.small-border{    background-color: #0C87F9;}
.de-team-list .small-border {
    float: none;
    margin: 15px 0 15px 0;
    width: 50px;
}
.social a i{color:#fff;}
.de-team-list:hover .hover_info {
    min-height: 100%;
	color:#fff;
}
.topbottomflex {
    -webkit-box-align: center;
    -webkit-flex-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}
.centerflex {
    justify-content: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
}
.services_discount {
    margin-top: 20px;
    text-align: center;
}
.services-btn {
    background: url(../images/background_xemthem.png) no-repeat;
    background-size: cover;
    border: 2px solid #fff;
    border-radius: 56px;
    color: #000;
    cursor: pointer;
    display: inline-block;
    font-size: 16px;
    font-weight: 600;
    outline: 0;
    padding: 10px 45px;
    position: relative;
    text-align: center;
    text-decoration: none;
    transition: all .3s;
    -moz-user-select: none;
    user-select: none;
    -webkit-user-select: none;
    touch-action: manipulation;
	text-transform:uppercase;
}
.services-btn:hover {
    box-shadow: rgba(255,255,255,.2) 0 3px 15px inset, rgba(0,0,0,.1) 0 3px 5px, rgba(0,0,0,.1) 0 10px 13px;
    transform: scale(1.05);
}
.wrap-services {
    padding: 20px 0 30px 0;
}
/* Intro */
.wrap-intro { background-color: #eeeadd; }

.news-intro:before { content: ""; position: absolute; width: 1px; height: calc(100% - 50px); top: 10px; left: 90px; background-color: #cacaca; }

.news-scroll:before, .news-scroll:after { content: ""; position: absolute; width: 10px; height: 10px; left: 85px; border-radius: 100%; background-color: #cacaca; }

.news-scroll:before { top: 10px; }

.news-scroll:after { bottom: 40px; }

.news-control { left: 85px; font-size: 13px; opacity: 0.5; z-index: 1; cursor: pointer; }

.news-control:hover { opacity: 1; color: #ec2d3f; }

.news-control#up { top: -10px; }

.news-control#down { bottom: 20px; }

.news-shadow { padding-bottom: 30px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; }

.news-shadow .news-shadow-time { font-size: 13px; width: 75px; margin-right: 45px; }

.news-shadow .news-shadow-time:after { content: ""; position: absolute; width: 20px; height: 20px; top: calc(50% - 20px / 2); right: -26px; background-repeat: no-repeat; background-position: center; background-image: url(../images/pattern-news.png); }

.news-shadow .news-shadow-article { width: calc(100% - 120px); padding: 14px 15px; border-radius: 10px; background-color: #ffffff; border: 1px solid #cecabb; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; }

.news-shadow .news-shadow-article:before { content: ""; position: absolute; top: calc(50% - 26px / 2); left: -13px; z-index: 0; border-top: 13px solid transparent; border-right: 13px solid #cecabb; border-bottom: 13px solid transparent; }

.news-shadow .news-shadow-article:after { content: ""; position: absolute; top: calc(50% - 24px / 2); left: -11px; z-index: 1; border-top: 12px solid transparent; border-right: 11px solid #ffffff; border-bottom: 12px solid transparent; }

.news-shadow .news-shadow-article .news-shadow-image { margin-right: 10px; width: 90px; }

.news-shadow .news-shadow-article .news-shadow-info { width: calc(100% - 100px); }

.news-shadow .news-shadow-article .news-shadow-info .news-shadow-name { height: 36px; font-size: 15px; font-weight: 700; }

.news-shadow .news-shadow-article .news-shadow-info .news-shadow-name a { color: #222222; }

.news-shadow .news-shadow-article .news-shadow-info .news-shadow-name a:hover { color: #ec2d3f; }

.news-shadow .news-shadow-article .news-shadow-info .news-shadow-name a .text-split { -webkit-line-clamp: 2; }

.news-shadow .news-shadow-article .news-shadow-info .news-shadow-desc { height: 38px; font-size: 13px; }

.news-shadow .news-shadow-article .news-shadow-info .news-shadow-desc.text-split { -webkit-line-clamp: 2; }

/* Video */
.video { cursor: pointer; margin-bottom: 1rem; }

.video .video-image { position: relative; margin-bottom: 0.75rem; }

.video .video-image:before { content: ""; position: absolute; width: 50px; height: 35px; top: calc(50% - 50px / 2); left: calc(50% - 35px / 2); z-index: 1; background-repeat: no-repeat; background-image: url(../images/play.png); }

.video .video-name { text-align: center; font-size: 16px; color: #212529; margin-bottom: 0px; }

/* Album */
.album { cursor: pointer; }

.album .album-image { margin-bottom: 0.75rem; }

.album .album-name { margin-bottom: 0px; text-align: center; }

.album .album-name a { display: block; font-size: 16px; color: #212529; margin-bottom: 0px; }

/* Brand */
.wrap-brand { margin-bottom: 50px; padding: 0px 15px; }

.wrap-brand .wrap-content { position: relative; }

.brand { display: block; border: 1px solid #eee; max-width: 160px; margin: 0px auto; }

/* Product */
.wrap-product { margin-bottom: 50px; }

.product { float: left; width: 23.5%; margin: 0 2% 2% 0; }

.product:nth-child(4n + 1) { clear: both; }

.product:nth-child(4n) { margin-right: 0px; }

.box-product { position: relative; display: block; margin-bottom: 1rem; }

.pic-product { background: #ffffff; border-radius: 5px; padding: 5px; border: 1px solid #eee; }

.pic-product img { width: 100%; border-radius: 3px; }

.name-product { font-size: 16px; color: #212529; }

.name-product.text-split { -webkit-line-clamp: 1; }

.price-product { margin-bottom: 0px; }

.price-product span { font-weight: 700; }

.price-new { font-size: 15px; font-weight: 500; color: #ec2d3f; }

.price-old { padding-left: 10px; font-size: 12px; color: #6c757d; }

.price-per { position: absolute; top: 15px; right: 15px; color: #ffffff; background: #ec2d3f; font-size: 11px; border-radius: 2px; width: 45px; height: 25px; text-align: center; line-height: 25px; }

.cart-product { margin-bottom: 0px; }

.cart-product span { cursor: pointer; color: #ffffff; text-transform: capitalize; text-align: center; }

/* Product Detail */
.grid-pro-detail { margin-bottom: 3rem; }

.left-pro-detail { position: relative; text-align: center; }

.left-pro-detail .MagicZoom { border: 1px solid #eee; padding: 7px; border-radius: 5px; background-color: #ffffff; }

.gallery-thumb-pro { position: relative; margin-top: 10px; }

.owl-pro-detail { padding: 0px 30px; }

.control-pro-detail button { background-color: transparent; color: #222222; opacity: 1; width: 25px; font-size: 23px; }

.control-pro-detail button:hover { opacity: 0.7; }

.control-pro-detail button.owl-prev { left: 0px; }

.control-pro-detail button.owl-next { right: 0px; }

.thumb-pro-detail { display: block !important; border: 1px solid #eee; padding: 5px; border-radius: 3px; cursor: pointer; background-color: #ffffff; }

.thumb-pro-detail.mz-thumb.mz-thumb-selected { border-color: #cecfd2; }

.thumb-pro-detail img { -webkit-box-shadow: none !important; box-shadow: none !important; -webkit-filter: brightness(100%) !important; filter: brightness(100%) !important; border-bottom: 0px !important; padding-bottom: 0px !important; }

.title-pro-detail { text-transform: capitalize; font-size: 20px; display: block; font-weight: 700; }

.comment-pro-detail { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; }

.social-plugin-pro-detail { margin-bottom: 1rem; margin-top: 0px !important; }

.desc-pro-detail { margin-bottom: 1rem; }

.attr-pro-detail { list-style: none; padding: 0px; }

.attr-pro-detail li { margin-bottom: 0.5rem; }

.attr-label-pro-detail { margin: 0px 5px 0px 0px; }

.attr-label-pro-detail.d-block { display: block; margin: 0px 0px 5px 0px; }

.attr-content-pro-detail { display: inline-block; margin-bottom: 0px; }

.price-new-pro-detail { font-weight: 700; font-size: 20px; color: #ec2d3f; }

.price-old-pro-detail { font-weight: 500; color: #6c757d; text-decoration: line-through; padding-left: 10px; }

.color-pro-detail { cursor: pointer; display: inline-block; vertical-align: top; position: relative; width: 35px; height: 30px; margin: 0px 0px 3px 0px; border: 1px solid transparent; background-repeat: no-repeat; background-size: contain; background-position: center center; }

.size-pro-detail { cursor: pointer; border: 1px solid #ccc; padding: 3px 10px 4px 10px; display: inline-block; position: relative; }

.size-pro-detail.active { border-color: #e5101d; color: #e5101d; }

.color-pro-detail.active { border-color: #e5101d; color: #e5101d; }

.size-pro-detail.active:after { content: ""; position: absolute; bottom: 0px; right: 0px; width: 13px; height: 13px; background-repeat: no-repeat; background-image: url(../images/check-cart.png); }

.color-pro-detail.active:after { content: ""; position: absolute; bottom: 0px; right: 0px; width: 13px; height: 13px; background-repeat: no-repeat; background-image: url(../images/check-cart.png); }

.color-pro-detail input[type="radio"] { display: none; }

.size-pro-detail input[type="radio"] { display: none; }

.quantity-pro-detail { width: 100%; max-width: 110px; line-height: normal; text-align: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }

.quantity-pro-detail span { line-height: 25px; padding: 0px; width: 30px; height: 30px; color: #5f5f5f; cursor: pointer; font-size: 22px; border: 1px solid #cccccc; }

.quantity-pro-detail span.quantity-plus-pro-detail { border-left: 0px; }

.quantity-pro-detail span.quantity-minus-pro-detail { border-right: 0px; }

.quantity-pro-detail input { height: 30px; border: 1px solid #cccccc; width: calc(100% - 60px); text-align: center; font-size: 14px; padding: 5px; }

.cart-pro-detail { margin-bottom: 1rem; }

.cart-pro-detail a { font-size: 14px; color: #ffffff !important; text-transform: uppercase; }

@media only screen and (max-width: 767px) { .cart-pro-detail a { width: 100%; }
  .cart-pro-detail a:first-child { margin-right: 0px; margin-bottom: 0.5rem; }
  .cart-pro-detail a i { display: none; } }

.tags-pro-detail a { float: left; font-size: 13px; padding-bottom: 0.375rem; margin: 0px 5px 5px 0px; }

.tags-pro-detail a i { font-size: 11px; margin: 5px 5px 0px 0px; }

.tabs-pro-detail { margin-top: 2rem; }

.tabs-pro-detail .nav-tabs .nav-link { border-top-width: 3px; font-size: 13px; }

.tabs-pro-detail .nav-tabs .nav-link.active { border-top-color: #555555; }

.tabs-pro-detail .nav-tabs .nav-item.show .nav-link { border-top-color: #555555; }

/* News */
.news { margin-bottom: 2rem; }

@media only screen and (max-width: 575px) { .news .news-image { margin-bottom: 1rem; } }

.news .news-name { margin-bottom: 0.5rem; }

.news .news-name a { color: #333; font-size: 16px; }

.news .news-name a.text-split { -webkit-line-clamp: 2; }

.news .news-name a:hover { color: #ec2d3f; }

.news .news-time { color: #84878a; margin-bottom: 0.25rem; }

.news .news-desc { color: #333333; margin-top: 5px; line-height: 22px; }

.othernews b { margin-bottom: 10px; }

.list-news-other { padding-left: 17px; list-style: square; }

.list-news-other li { margin-bottom: 2px; }

.list-news-other li a { text-transform: none; color: #333333; }

.list-news-other li a:hover { color: #ec2d3f; }

/* Contact */
.contact-article { margin-bottom: 3rem; }

.contact-input { position: relative; margin-bottom: 15px; }

.contact-input textarea { resize: none; height: 150px; }

.contact-input .custom-file-label::after { content: attr(title); }

.contact-map { position: relative; height: 500px; }

.contact-map iframe { position: absolute; top: 0px; left: 0px; width: 100% !important; height: 100% !important; }

/* Newsletter */
.newsletter-slogan { margin-bottom: 0.5rem; color: #6c757d; }

.newsletter-input { position: relative; }

.newsletter-button {  }

.newsletter-button input[type="submit"] { text-transform: uppercase; font-weight: 500; }

/* Footer */
.footer-article {
	background-color: #ebebeb;
}
.col-apps{display:inline-block;}
.col-apps h4{color: #333333;font-size:15px;text-transform:uppercase; }
.footer-phone {
    padding: 10px 10px;
    border-radius: 10px;
    color: #000;
	background: url(../images/background_xemthem.png) no-repeat;
	background-size: cover;
}
.footer-phone a{color:#000;font-weight:bold;text-decoration:none;}	
.list-info-footer{list-style:none;padding:0;margin-top:15px;    margin-bottom: 0;}
.list-info-footer i{background:#fff;width:30px;height:30px;border-radius:50%;line-height: 30px;text-align: center;margin-right:4px;}
.list-info-footer li{margin:8px auto;}
.col-apps ul{list-style:none;padding:0;float: right;}
.col-apps ul li{display:block;margin-right:5px;}
.col-apps img{max-height:90px;}
.col-apps li img{max-height:35px;}
.col-apps li a	{
	display: block;
    margin-top: 10px;
    height: 30px;
    padding-left: 10px;	
	}
.footer-news-top .info-footer {

}

.footer-news-top .info-footer p {
	margin-bottom: 2px;
}

.footer-article .wrap-content {
	padding: 35px 10px;
}

.title-footer {
	text-transform: uppercase;
	font-size: 15px;
	margin-bottom: 0.75rem;
	font-weight: 700;
}
.title-footer-main {
	text-transform: uppercase;
	font-size: 20px;
	margin-bottom: 0.75rem;
	font-weight: bold;
}

.footer-news-top .col-6:first-child {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
}

.footer-ul {
	list-style: none;
	padding: 0px;
	margin: 0px;
}

.footer-ul li {
	margin-bottom: 5px;
}

.footer-ul li:last-child {
	margin-bottom: 0px;
}

.footer-ul li a, .chinhsach li a {
	color: var(--color-black);
	font-size: 14px;
}

.chinhsach ul {
	padding-left: 0;
	list-style: none;
}

.chinhsach li {
	margin-right: 10px;
}

.chinhsach li a {
	text-transform: uppercase;
}

.modal-map iframe {
	width: 100%;
}

.hethong li a {
	background: url(../images/icon-adress.png) no-repeat left center;
	padding-left: 18px;
}

.footer .newsletter-input {
	position: relative;
	    width: 65%;
}

.footer .newsletter-input input {
	padding: 0px;
	font-size: 14px;
	text-indent: 10px;
	border-radius: 0px;
	height: 35px;
	border: none;
}

.footer .newsletter-button input[type=submit] {
	border: 0px;
	background: linear-gradient(90deg, rgb(235 216 88), rgba(179, 137, 76, 1.0));
	color: #fff;
	display: inline-block;
	padding: 5px 16px;
	text-transform: uppercase;
	font-weight: 500;
	cursor: pointer;
	width: 90px;
	height: 35px;
}

.footer-powered {
	color: #fff;
}

.footer-powered .wrap-content {
	padding: 5px 10px;
}

.copyright {
	margin-bottom: 0px;
	font-weight: bold;
	color: #333;
}

.statistic {
	margin-bottom: 0px;
}

.statistic img {
	vertical-align: middle;
}

/* Like Share */
.social-plugin {
	display: flex;
	justify-content: flex-start;
	margin-top: 10px;
}

.social-plugin .at-share-btn {
	margin-bottom: 0px !important;
}

.social-plugin .zalo-share-button {
	margin-left: 3px;
}

/* Like Share */
.social-plugin { margin-top: 10px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; }

.social-plugin .at-share-btn { margin-bottom: 0px !important; }

.social-plugin .zalo-share-button { margin-left: 3px; }

/* Paging */
.pagination-home .pagination .page-item .page-link { color: #555555; font-size: 0.875rem; }

.pagination-home .pagination .page-item.active .page-link { color: #ffffff; background-color: #555555; border-color: #555555; }

/* Paging Ajax */
.pagination-ajax { text-align: center; }

.pagination-ajax a { display: inline-block; vertical-align: top; margin: 0px 3px 3px 3px; width: 35px; height: 35px; line-height: 33px; color: #666 !important; border: 1px solid #e6e6e6; font-size: 13px; cursor: pointer; text-decoration: none !important; background-color: #ffffff; }

.pagination-ajax a.current, .pagination-ajax a:hover { color: #ffffff !important; border-color: #ec2d3f; background-color: #ec2d3f; }

.pagination-ajax a.first, .pagination-ajax a.last, .pagination-ajax a.prev, .pagination-ajax a.next { text-indent: -9999px; position: relative; background-color: #ffffff !important; }

.pagination-ajax a.first:before, .pagination-ajax a.last:before, .pagination-ajax a.prev:before, .pagination-ajax a.next:before { content: ""; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; z-index: 2; background-color: transparent; background-repeat: no-repeat; background-position: center; }

.pagination-ajax a.first:before { background-image: url(../images/page-first.png); }

.pagination-ajax a.last:before { background-image: url(../images/page-last.png); }

.pagination-ajax a.prev:before { background-image: url(../images/page-prev.png); }

.pagination-ajax a.next:before { background-image: url(../images/page-next.png); }

/* Popup */
#popup .modal-body { padding: 0px;background:none; }
#popup .modal-title{    text-align: center;font-size: 22px; font-weight: bold;font-family: 'Merriweather';}
#popup .modal-header .close {
    position: absolute;
    right: 15px;
    top: 15px;
    color: #ff008b;
    opacity: 1;
    text-shadow: 3px 0 0 #fff, -3px 0 0 #fff, 0 3px 0 #fff, 0 -3px 0 #fff, 2px 2px 0 #fff, -2px -2px 0 #fff, 2px -2px 0 #fff, -2px 2px 0 #fff, 2px 2px 3px #fff;
}
/* Hidden Google Captcha */
.grecaptcha-badge { display: none !important; width: 0px !important; height: 0px !important; visibility: hidden !important; overflow: hidden; }

/* Hidden Check Grammar Coccoc */
coccocgrammar { display: none; }

/* Scroll Top */
.scrollToTop { width: 41px; height: 41px; text-align: center; font-weight: bold; color: #444; text-decoration: none; position: fixed; bottom: 65px; right: 25px; display: none; z-index: 10; cursor: pointer; }

/* Text Hide */
.text-split { overflow: hidden; text-overflow: ellipsis; white-space: normal; -webkit-box-orient: vertical; display: -webkit-box; -webkit-line-clamp: 3; }

/* Transition All */
.transition, .control-owl button, .carousel-comment-media .carousel-control a span, .menu ul li a.has-child:after, .menu ul li ul, .menu ul li:hover > ul, .scale-img img, .scale-img:hover > img, .btn-frame .kenit-alo-circle-fill, .support-online .kenit-alo-circle-fill { -webkit-transition: 0.3s all; transition: 0.3s all; }

/* Scale IMG */
.scale-img { overflow: hidden; display: block; }

.scale-img img { -webkit-transform: scale(1, 1); transform: scale(1, 1); }

.scale-img:hover > img { -webkit-transform: scale(1.1, 1.1); transform: scale(1.1, 1.1); }

/* Blink */
.blink { -webkit-animation-name: blink; -webkit-animation-duration: 1s; -webkit-animation-timing-function: linear; -webkit-animation-iteration-count: infinite; -moz-animation-name: blink; -moz-animation-duration: 1s; -moz-animation-timing-function: linear; -moz-animation-iteration-count: infinite; animation-name: blink; animation-duration: 1s; animation-timing-function: linear; animation-iteration-count: infinite; }

/* Button Frame */
.btn-frame { display: block; width: 50px; height: 50px; position: fixed; right: 20px; z-index: 10; cursor: pointer; }

.btn-frame i { width: 50px; height: 50px; border-radius: 50%; background: #1182fc; position: relative; z-index: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }

.btn-frame i img { vertical-align: middle; width: 70%; }

.btn-frame .animated.infinite { -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; }

.btn-frame .kenit-alo-circle { width: 60px; height: 60px; top: -5px; right: -5px; position: absolute; background-color: transparent; border-radius: 100%; border: 2px solid rgba(7, 41, 103, 0.8); opacity: 0.1; border-color: #1182fc; opacity: 0.5; }

.btn-frame .zoomIn { -webkit-animation-name: zoomIn; animation-name: zoomIn; }

.btn-frame .animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; }

.btn-frame .kenit-alo-circle-fill { width: 70px; height: 70px; top: -10px; right: -10px; position: absolute; border-radius: 100%; border: 2px solid transparent; background-color: rgba(7, 41, 103, 0.35); opacity: 0.4; }

.btn-frame .pulse { -webkit-animation-name: pulse; animation-name: pulse; }

/* Zalo */
.btn-zalo { bottom: 315px; }

/* Phone */
.btn-phone { bottom: 230px; }

/* Messenger */
.js-facebook-messenger-container.closed { display: none !important; }

.js-facebook-messenger-tooltip { bottom: 97px; right: 97px; color: #404040; background: #fff; }

.js-facebook-messenger-tooltip.closed { display: none !important; }

.js-facebook-messenger-box, .js-facebook-messenger-button { z-index: 999; }

.js-facebook-messenger-tooltip { z-index: 999; display: none; position: fixed; text-align: center; border-radius: 10px; overflow: hidden; font-size: 12px; line-height: 1; padding: 10px; border: 1px solid rgba(0, 0, 0, 0.1); -webkit-box-shadow: rgba(0, 0, 0, 0.15) 0 2pt 10pt; box-shadow: rgba(0, 0, 0, 0.15) 0 2pt 10pt; z-index: 1000000000000000019884624838656; }

.js-facebook-messenger-close-tooltip { width: 10px; height: 10px; display: inline-block; cursor: pointer; margin-left: 10px; }

.js-facebook-messenger-box { z-index: 999; }

.js-facebook-messenger-box.rubberBand { -webkit-animation-name: rubberBand; animation-name: rubberBand; }

.js-facebook-messenger-box.animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; }

.js-facebook-messenger-button, .js-facebook-messenger-tooltip { z-index: 999; }

.js-facebook-messenger-box { display: block; position: fixed; cursor: pointer; bottom: 150px; right: 17px; width: 56px; height: 56px; text-align: center; background: #1182fc; border-radius: 100%; overflow: hidden; z-index: 99; -webkit-box-shadow: 1px 1px 4px 0 rgba(0, 0, 0, 0.3); box-shadow: 1px 1px 4px 0 rgba(0, 0, 0, 0.3); }

.js-facebook-messenger-box.rotate svg#fb-msng-icon { -webkit-transform: rotate(0deg); transform: rotate(0deg); }

.js-facebook-messenger-box svg#fb-msng-icon { width: 32px; height: 33px; position: absolute; top: 13px; left: 12px; opacity: 1; overflow: hidden; -webkit-transition: opacity 160ms ease-in-out, transform 160ms ease-in-out; -webkit-transition: opacity 160ms ease-in-out, -webkit-transform 160ms ease-in-out; transition: opacity 160ms ease-in-out, -webkit-transform 160ms ease-in-out; transition: opacity 160ms ease-in-out, transform 160ms ease-in-out; transition: opacity 160ms ease-in-out, transform 160ms ease-in-out, -webkit-transform 160ms ease-in-out; }

.js-facebook-messenger-box.rotate svg#close-icon { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }

.js-facebook-messenger-box svg#close-icon { opacity: 0; width: 19px; height: 20px; position: absolute; top: 19px; left: 19px; -webkit-transition: opacity 160ms ease-in-out, transform 160ms ease-in-out; -webkit-transition: opacity 160ms ease-in-out, -webkit-transform 160ms ease-in-out; transition: opacity 160ms ease-in-out, -webkit-transform 160ms ease-in-out; transition: opacity 160ms ease-in-out, transform 160ms ease-in-out; transition: opacity 160ms ease-in-out, transform 160ms ease-in-out, -webkit-transform 160ms ease-in-out; }

.js-facebook-messenger-container, .js-facebook-messenger-container-button { z-index: 1000; }

.js-facebook-messenger-container { position: fixed; opacity: 0; -webkit-transform: translateY(50px); transform: translateY(50px); bottom: 110px; right: 90px; border-radius: 10px; pointer-events: none; -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.06), 0 2px 32px rgba(0, 0, 0, 0.16); box-shadow: 0 1px 6px rgba(0, 0, 0, 0.06), 0 2px 32px rgba(0, 0, 0, 0.16); -webkit-transition: transform 160ms ease-in-out, opacity 160ms ease-in-out; -webkit-transition: opacity 160ms ease-in-out, -webkit-transform 160ms ease-in-out; transition: opacity 160ms ease-in-out, -webkit-transform 160ms ease-in-out; transition: transform 160ms ease-in-out, opacity 160ms ease-in-out; transition: transform 160ms ease-in-out, opacity 160ms ease-in-out, -webkit-transform 160ms ease-in-out; }

.js-facebook-messenger-top-header { width: 220px; color: #ffffff; background: #1182fc; display: block; position: relative; width: 220px; background: #1182fc; color: #ffffff; text-align: center; line-height: 1; padding: 10px; font-size: 14px; border-top-left-radius: 10px; border-top-right-radius: 10px; }

.js-facebook-messenger-container iframe, .js-facebook-messenger-container-button iframe { border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; }

.js-facebook-messenger-box, .js-facebook-messenger-button, .js-facebook-messenger-tooltip { z-index: 999; }

.js-facebook-messenger-container, .js-facebook-messenger-container-button { z-index: 1000; }

.js-facebook-messenger-top-header { color: #ffffff; background: #1182fc; width: 220px; }

.js-facebook-messenger-tooltip { color: #404040; background: #fff; }

.js-facebook-messenger-container.open { -webkit-transform: translateY(0px); transform: translateY(0px); opacity: 1; pointer-events: all; }

.js-facebook-messenger-tooltip { bottom: 97px; right: 97px; }

.js-facebook-messenger-box.open svg#fb-msng-icon { opacity: 0; }

.js-facebook-messenger-box.rotate.open svg#close-icon { -webkit-transform: rotate(0deg); transform: rotate(0deg); }

.js-facebook-messenger-box.open svg#close-icon { opacity: 1; }

/* Cart Fix */
.cart-fixed { position: fixed; right: 20px; bottom: 390px; z-index: 10; background: #4b4f56; width: 50px; height: 50px; text-align: center; color: #fff !important; border-radius: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }

.cart-fixed i { font-size: 20px; }

.cart-fixed span { position: absolute; top: 0px; right: -5px; color: #ffffff; width: 25px; height: 25px; background: #ec2d3f; text-align: center; line-height: 25px; font-size: 11px; border-radius: 100%; }

/* Toolbar */
.toolbar { background: #ec2d3f; width: 100%; padding: 3vw; bottom: 0px; position: fixed; z-index: 500; height: auto; left: 0px; }

.toolbar ul { list-style: none; padding: 0px; margin: 0px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }

.toolbar ul li { text-align: center; width: 25%; }

.toolbar ul li a { display: block; width: 100%; cursor: pointer; }

.toolbar ul li a img { height: 6vw; width: auto; }

.toolbar ul li a span { font-weight: 400; color: #ffffff; font-size: 3.5vw; display: none; }

/* Fixbar */
.fixbar { bottom: 0; display: block; background: #f0eff4; border-top: 1px solid #ddd; width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; position: fixed; margin: 0; z-index: 500; -webkit-backface-visibility: hidden; backface-visibility: hidden; height: 50px; }

.fixbar ul { margin: 0px; padding: 0px; list-style: none; }

.fixbar ul li { margin: 0 auto 10px; text-align: center; width: 25%; float: left; }

.fixbar .icon-cart-mobile, .fixbar .icon-cart-new, .fixbar .icon-home-new, .fixbar .icon-hotdeal-new { width: 20px; height: 20px; display: block; margin: 8px auto 0; }

.fixbar .icon-cart-mobile { background: url(../images/cart-mobile.png) no-repeat; }

.cart-total-header-mobile { font-size: 10px; position: absolute; background: red; color: #fff !important; border-radius: 50%; height: 15px; width: 15px; line-height: 15px; top: 5px; margin-left: 5px; }

.fixbar ul li a { font-size: 11px; text-decoration: none; color: #333; }

.fixbar ul li a i { font-size: 20px; }

/* Plugbar */
.plugbar { position: fixed; bottom: 0; left: 0; border-top: 1px solid #eae6e6; width: 100%; right: 0; max-width: 767px; margin: 0 auto; background: #ffffff; padding: 9px 10px 10px 7px; z-index: 10; }

.plugbar ul { list-style: none; padding: 0; margin: 0px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }

.plugbar ul li { width: 20%; float: left; }

.plugbar ul li a { display: block; color: #696969; font-size: 12px; text-align: center; position: relative; }

.plugbar ul li a i { font-size: 20px; color: #696969; }

.plugbar ul li a span { position: absolute; width: 50px; height: 50px; top: -40px; left: calc(50% - 50px / 2); font-size: 14px; display: block; border: 1px solid rgba(234, 230, 230, 0.5); border-radius: 100%; }

/* Combo Phone */
.support-online { position: fixed; z-index: 999; left: 10px; bottom: 0px; }

.support-online a { position: relative; margin: 20px 10px; text-align: left; width: 40px; height: 40px; }

.support-online i { width: 40px; height: 40px; background: #43a1f3; color: #ffffff; border-radius: 100%; font-size: 20px; text-align: center; line-height: 1.9; position: relative; z-index: 999; }

.support-online a { display: block; }

.support-online a span { border-radius: 2px; text-align: center; background: #67b634; padding: 9px; display: none; width: 180px; margin-left: 10px; position: absolute; color: #ffffff; z-index: 999; top: 0px; left: 40px; -webkit-transition: all 0.2s ease-in-out 0s; transition: all 0.2s ease-in-out 0s; -webkit-animation: headerAnimation 0.7s 1; animation: headerAnimation 0.7s 1; }

.support-online a:hover span { display: block; }

.support-online a span:before { content: ""; width: 0; height: 0; border-style: solid; border-width: 10px 10px 10px 0; border-color: transparent #67b634 transparent transparent; position: absolute; left: -10px; top: 10px; }

.support-online .kenit-alo-circle-fill { width: 60px; height: 60px; top: -10px; position: absolute; border-radius: 100%; border: 2px solid transparent; background-color: rgba(0, 175, 242, 0.5); opacity: 0.75; right: -10px; }

.support-online .kenit-alo-circle { width: 50px; height: 50px; top: -5px; right: -5px; position: absolute; background-color: transparent; border-radius: 100%; border: 2px solid rgba(30, 30, 30, 0.4); opacity: 0.1; border-color: #0089b9; opacity: 0.5; }

.support-online .support-online .btn-support { cursor: pointer; }

.support-online .mes i { background: orange; }

.support-online .sms i { background: red; }

.support-online .call-now i { background: green; }

/* Phone Switch */
.widget-mobile { position: fixed; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); bottom: 10px; z-index: 9999999; }

#my-phone-circle { position: relative; width: 50px !important; height: 50px !important; }

.wcircle-open .wcircle-icon i:before { content: "\f00d"; }

.wcircle-icon { background: #1282fc; border-radius: 50%; position: relative !important; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }

.wcircle-icon:before { position: absolute; content: ""; width: 60px; height: 60px; background: rgba(18, 130, 252, 0.5); border: 1px solid #ffffff; border-radius: 50%; left: -5px; top: -5px; -webkit-animation: pulse 1s infinite ease-in-out; animation: pulse 1s infinite ease-in-out; }

.wcircle-icon:after { position: absolute; content: ""; width: 80px; height: 80px; background: rgba(18, 130, 252, 0.5); border-radius: 50%; left: -15px; top: -15px; -webkit-animation: zoomIn 2s infinite ease-in-out; animation: zoomIn 2s infinite ease-in-out; }

.wcircle-menu { position: absolute !important; left: 0; top: 0; display: none; }

.wcircle-menu-item { width: 50px; height: 50px; background: #1282fc; border-radius: 50%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }

.wcircle-menu-item img { width: 50px; height: 50px; display: block; border-radius: 50%; }

.wcircle-menu-item i { font-size: 25px; color: #ffffff; position: relative; z-index: 9999; }

.wcircle-icon i { font-size: 25px; color: #ffffff; position: relative; z-index: 9999; }

.shake-anim { -webkit-animation: shake-anim 1s infinite ease-in-out; animation: shake-anim 1s infinite ease-in-out; -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; }


.infoModal .modal#all a {
  display:block;
  background:#f26649;
  border-radius:10px;
  color:#fff;
  padding:10px 20px;
  margin-bottom:10px;
  text-transform:uppercase;
  font-weight:600;
}

.infoModal .modal-header {
  background:none;
  padding:0;
  border:none;
}

.infoModal .modal-close {
  font-size:40px;
  opacity:1;
  font-weight:500;
  line-height:normal;
  color:#fff;
  margin:0 10px;
  position: absolute;
    z-index: 1;
    right: 0;
}

.infoModal .modal-box {
  width:90%;
  max-width:480px;
}

.infoModal .modal-body {
  background:linear-gradient(to right,#fff,#d7dffe);
  color:#0e2d70;
  padding:0 !important;
  border-radius:10px;
}

.infoModal .modal-body .title {
  width:100%;
  margin:0 auto;
    background: url(../images/background_xemthem.png) no-repeat;
    background-size: cover;
  padding:20px;
  border-radius:10px 10px 0 0;
}

.infoModal .modal-body .title p {
  text-align:center;
  font-size:26px;
  color:#fff;
  margin-bottom:0;
}

.infoModal .modal-body .main {
  padding:20px;
  margin:10px 0;
}

.infoModal .modal-body .main .line {
  color:red;
}

.infoModal .modal-body .main p {
  margin:0;
}

@media(max-width:414px) {
  .infoModal .modal-body .main p {
    font-size:14px;
  }
}

.infoModal .modal-body .regist {
  margin-top:10px;
  padding-bottom:15px;
  padding-left:0;
  text-align:center;
}

@media(max-width:414px) {
  .infoModal .modal-body .regist {
    margin-top:10px;
  }
}

.infoModal .modal-body .regist a {
  background:linear-gradient(to right,#f69679,#d2322f);
  color:#fff;
  padding:8px 20px;
  font-size:18px;
  cursor:pointer;
  border-radius:25px;
}

.infoModal .modalmake {
  display:none;
  position:fixed;
  width:100%;
  height:100%;
  left:0;
  top:0;
  background:rgba(0,0,0,.7);
  overflow:auto;
  animation:opac .3s;
}

.modal,
.modal-box {
  z-index:900;
}

.modal {
  display:none;
  position:fixed;
  width:100%;
  height:100%;
  left:0;
  top:0;
  background:rgba(0,0,0,.7);
  overflow:auto;
  animation:opac .3s;
}

.modal-video {
  position:relative;
  width:100%;
  overflow:hidden;
  padding-top:56.25%;
}

.modal-video iframe {
  position:absolute;
  top:0;
  left:0;
  bottom:0;
  right:0;
  width:100%;
  height:100%;
  border:none;
}

.modal-close {
  font-size:1.5rem;
  font-weight:700;
  line-height:1;
  color:#000;
  text-shadow:0 1px 0 #fff;
  opacity:.5;
  float:right;
  cursor:pointer;
}

.modal-closePic {
  font-family:Verdana,sans-serif;
  color:#ddd;
  text-shadow:none;
  opacity:1;
  background:rgba(0,0,0,.9);
  transition:.3s;
  width:44px;
  height:44px;
  font-size:24px;
  display:flex;
  justify-content:center;
  align-items:center;
  position:absolute;
  top:0;
  right:0;
  cursor:pointer;
  z-index:901;
}

@media(max-width:414px) {
  .modal-closePic {
    background:rgba(0,0,0,.5);
    width:35px;
    height:35px;
    font-size:18px;
  }
}

.modal-closePic:hover {
  color:#fff;
}

.modal-bg {
  content:"";
  display:block;
  position:fixed;
  width:100%;
  height:100%;
  top:0;
  left:0;
  transition:.6s;
}

.modal-box {
  position:relative;
  width:50%;
  max-width:560px;
  margin:100px auto;
}

@media(max-width:414px) {
  .modal-box {
    margin:20px auto 0;
    width:90%;
  }
}

.modal-box-video {
  width:65%;
  max-width:65%;
}

@media(max-width:414px) {
  .modal-box-video {
    max-width:100%;
    width:100%;
    margin:0;
    padding:43px 10px;
  }
}

.modal-box-img {
  max-width:90%;
}

@media(max-width:414px) {
  .modal-box-img {
    max-width:100%;
    width:100%;
    margin:0;
  }
}

.modal-box-live {
  max-width:90%;
  width:267px;
}

@media(max-width:414px) {
  .modal-box-live {
    margin:50px auto 0;
  }
}

.modal-header {
  padding:10px 20px;
  color:#333;
  background:#fff;
  border-radius:4px 4px 0 0;
  border-bottom:1px solid #e9ecef;
}

@media(max-width:414px) {
  .modal-header {
    padding:10px 20px;
  }
}

.modal-title {
  font-size:20px;
}

.modal-body {
  background:#fff;
  padding:15px 20px;
  line-height:26px;
  border-radius:0 0 4px 4px;
}

.modal-btn img {
  opacity:1;
}

.modal-btn img:hover {
  opacity:.8;
  transition:opacity .15s linear;
}



.screen11__detail {
  margin-left:auto;
  width:28%;
  margin-right:100px;
}

.screen11__item {
  margin-bottom:10px;
    background: url(../images/background_xemthem.png) no-repeat;
    background-size: cover;
  border-radius:50px;
  border:1px solid #8cc2ff;
  color:#fff;
  display:flex;
  justify-content:space-between;
  padding:5px;
}

.screen11__text {
  font-size:28px;
  text-transform:uppercase;
  text-align:center;
  font-weight:bold;
  width:70%;
  line-height:33px;
  transition:all .2s linear;
}

.screen11__text p {
  font-size:18px;
  font-weight:600;
  margin:0;
}

.screen11__text:hover {
  color:#04368d;
}

.screen11__des {
  width:23%;
  font-size:14px;
  height:auto;
    background: linear-gradient(to bottom,#ff770f 0%,#ff770f 25%,#ff770f 51%,#ff770f 100%);
  border-radius:50px;
  text-align:center;
  display:flex;
  justify-content:center;
  align-items:center;
  font-weight:600;
  text-transform:uppercase;
  border:1px solid rgba(0,0,0,0);
  transition:all .2s linear;
}

.screen11__des:hover {
  color:#000;
  border:1px solid #fff;
}

.screen11__hot {
  position:absolute;
  left:-50px;
  top:35px;
}

.screen11__hot img {
  width:100%;
  height:auto;
}

.screen11__item2 {
  position:relative;
}

@media(max-width:1180px) {
  .screen11 {
    background-size:1410px;
    min-height:445px;
  }
  .screen11__text {
    font-size:24px;
    line-height:28px;
  }
  .screen11__text p {
    font-size:15px;
  }
  .screen11__item {
    padding:5px;
  }
  .screen11__hot {
    left:-37px;
    top:27px;
  }
  .screen11__hot img {
    width:50px;
    height:auto;
  }
}

@media(max-width:820px) {
  .screen11 {
    background-size:1215px;
    min-height:400px;
  }
  .screen11__detail {
    width:30%;
    margin-right:65px;
  }
  .screen11__text {
    font-size:20px;
    line-height:23px;
  }
  .screen11__text p {
    font-weight:500;
    font-size:14px;
  }
  .screen11__item {
    padding:5px;
  }
  .screen11__hot {
    left:-37px;
    top:27px;
  }
  .screen11__hot img {
    width:50px;
    height:auto;
  }
}

@keyframes openModalAnimation {
  0% {
    opacity:0;
    transform:translateY(-20%);
  }
  80% {
    opacity:1;
    transform:translateY(10%);
  }
  100% {
    opacity:1;
    transform:translateY(0);
  }
}

.screen10 {
    padding: 20px 0 30px 0;
}
.screen10__box {
    display: flex;
    justify-content: center;
    gap: 30px;
    align-items: center;
}

.screen10__left {
    width: 50%;
    display: flex;
    gap: 10px;
}
.screen10__left img {
    width: 50%;
    border-radius: 20px;
    height: auto;
}
.screen10__right {
    width: 40%;
}
.screen10__item {
    display: flex;
    align-items: center;
    margin-top: 10px;
}
.modal-btn img {
    opacity: 1;
}
.screen10__card {
    display: flex;
    justify-content: space-between;
    flex: 1;
    align-items: center;
    background-color: #004a80;
    color: #fff;
    margin-left: -15px;
    position: relative;
    z-index: -1;
    height: 45px;
    padding-right: 10px;
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
}
.screen10__card p {
    width: 45%;
    margin: 0;
    padding-left: 26px;
    font-weight: bold;
}
.screen10__card b {
    width: 20%;
    font-size: 24px;
}
.screen10__card a {
    width: 35%;
    background-color: #c11518;
    border-radius: 20px;
    padding: 3px;
    text-align: center;
    color: #fff;
}
.screen7.loaded {
    background-size: 1440px;
    min-height: 412px;
}


.screen5 {
  padding:40px 0;
  background:url(../images/background_xemthem.png) center 0 no-repeat;
  background-size:cover;
}

.screen5__title {
  text-transform:uppercase;
  color:#fff;
  font-size:28px;
  text-align:center;
}

.screen5__title.loaded {
  animation:fadeInLeft 1.5s;
}

.screen5__box {
  margin:0 auto;
  display:flex;
  justify-content:space-between;
}

.screen5__box.loaded {
  animation:fadeInRight 1.5s;
}

.screen5__left {
  width:34.1%;
}

.screen5__right {
  width:53.3%;
}

.screen5__mb {
  display:none;
}

.screen5__item {
  position:relative;
  overflow:hidden;
}

.screen5__item img {
  width:100%;
  display:block;
  height:auto;
  transition:.6s;
}

.screen5__item img:hover {
  transform:scale(1.05);
}

.screen5__item p {
  animation:fadeOutDown 1s;
  visibility:hidden;
  opacity:0;
  position:absolute;
  bottom:0;
  width:100%;
  padding:5px 0;
  color:#fff;
  font-size:22px;
  text-align:center;
  background-color:rgba(26,87,135,.8);
  margin:0;
  transition:1s;
}

@media(max-width:480px) {
  .screen5__item p {
    font-size:13px;
  }
}

.screen5__item p br {
  display:none;
}

.screen5__item:hover p {
  visibility:visible;
  opacity:1;
  animation:fadeInUp 1s;
}

.screen5__discount {
  text-align:center;
  margin-top:20px;
}

@media(max-width:912px) {
  .screen5__title {
    font-size:24px;
  }
}

@media(max-width:768px) {
  .screen5__item p {
    font-size:12px;
  }
}

.screen6 {
  position:relative;
}

.screen6__pic img {
  width:100%;
  display:block;
  height:auto;
}

.screen6 .tns-controls {
  display:none;
}

.screen6 .tns-nav>.tns-nav-active {
  background:#2058b7;
}

.screen6 .tns-nav>[aria-controls] {
  width:12px;
  height:12px;
}

.screen7.loaded {
   min-height:550px;
}

@media(max-width:1440px) {
  .screen7.loaded {
    background-size:1440px;
    min-height:458px;
  }
}

@media(max-width:1024px) {
  .screen7.loaded {
    background-size:1180px;
    min-height:337px;
  }
}

@media(max-width:820px) {
  .screen7.loaded {
    background-size:1024px;
    min-height:auto;
  }
}

.screen8.loaded {
  background:url(../images/background_product.jpg) center 0 no-repeat;
  min-height:550px;
  display:flex;
  align-items:center;
  background-size:1920px;
}

.screen8__detail {
  width:45%;
}

.screen8__form {
  width:90%;
  background:rgba(255,255,255,0);
  padding:20px;
  border-radius:20px;
  margin:0 auto;
  border:2px solid #ff6816;
  text-align:center;
}

.screen8__form p {
  text-align:center;
  color:#fff;
  font-size:20px;
}

.screen8__contact {
  width:38%;
}

.screen8__item {
  margin:20px 0;
  border:1px solid #ccc;
  border-radius:10px;
  text-align:center;
}

.screen8__item hr {
  margin:0;
  border-top: 1px solid #ccc;
}

.screen8__content {
  display:flex;
  align-items:center;
  gap:20px;
  padding:10px 30px 5px;
}

.screen8__icon {
  width:30%;
}

.screen8__icon img {
  width:60px;
  height:auto;
}

.screen8__des {
  padding:10px 30px 5px;
}

.screen8__title {
  width:60%;
  margin:0 auto;
}

.screen8__title img {
  width:100%;
  height:auto;
}

.screen8__box {
  display:flex;
  justify-content:center;
  align-items:center;
  gap:50px;
  color:#fff;
}

.screen8__box.loaded {
  animation:fadeInDown 1.5s;
}

.screen8__text {
  text-align:center;
  font-weight:500;
}

.screen8__text b {
  font-size:26px;
  color:#ff6816;
}

.screen8__input {
  margin-bottom:10px;
}

.screen8__input input {
  width:100%;
  margin:0 0 13px;
  padding:12px 12px;
  border-radius:10px;
  background:#fff;
  border:none;
  color:#000;
  transition:.6s;
}
.screen8__input .button-71 {
	    width: initial;
  background: url(../images/background_xemthem.png) no-repeat;
  background-size: cover;
  border:2px solid #fff;
  border-radius:56px;
  color:#fff;
  cursor:pointer;
  display:inline-block;
  font-size:16px;
  font-weight:600;
  outline:0;
  padding:10px 45px;
  position:relative;
  text-align:center;
  text-decoration:none;
  transition:all .3s;
  -moz-user-select:none;
  user-select:none;
  -webkit-user-select:none;
  touch-action:manipulation;
}

.screen8__input .time {
  margin-top:10px;
  color:#fff;
  font-weight:bold;
  font-size:17px;
  text-align:center;
}

.screen8__input p {
  color:#000;
  font-weight:bold;
}

.screen8__submit {
  text-align:center;
  margin-top:15px;
}

@media(max-width:1440px) {
  .screen8__form {
    padding:25px 20px;
  }
  .screen8__submit {
    margin-top:10px;
  }
  .screen8__box {
    gap:40px;
  }
}

@media(max-width:820px) {
  .screen8.loaded {
    min-height:450px;
  }
  .screen8__form {
    width:100%;
  }
  .screen8__form p {
    font-size:18px;
  }
  .screen8__box {
    gap:20px;
  }
  .screen8__detail {
    width:48%;
  }
  .screen8__contact {
    width:48%;
  }
  .screen8__content {
    padding:10px 15px 5px;
  }
  .screen8__input input {
    padding:10px 12px;
  }
  .screen8__input .time {
    font-size:15px;
  }
  .screen8__text b {
    font-size:22px;
  }
}

.banner-services{margin:0 auto;display:block;text-align:center;}

img {
  border-style:none;
}

.button-71 {
  background: url(../images/background_xemthem.png) no-repeat;
  background-size: cover;
  border:2px solid #fff;
  border-radius:56px;
  color:#fff;
  cursor:pointer;
  display:inline-block;
  font-size:16px;
  font-weight:600;
  outline:0;
  padding:10px 45px;
  position:relative;
  text-align:center;
  text-decoration:none;
  transition:all .3s;
  -moz-user-select:none;
  user-select:none;
  -webkit-user-select:none;
  touch-action:manipulation;
}

@media(max-width:820px) {
  .button-71 {
    padding:8px 35px;
  }
}

.button-71:hover {
  box-shadow:rgba(255,255,255,.2) 0 3px 15px inset,rgba(0,0,0,.1) 0 3px 5px,rgba(0,0,0,.1) 0 10px 13px;
  transform:scale(1.05);
}

.button-1 {
  background:none;
  border:none;
  cursor:pointer;
}

.button-1 img {
  width:205px;
  height:auto;
  display:block;
  transition:all .2s linear;
  cursor:pointer;
}

@media(max-width:1180px) {
  .button-1 img {
    width:175px;
  }
}

@media(max-width:820px) {
  .button-1 img {
    width:155px;
  }
}

.button-1 img:hover {
  transform:scale(1.02);
  background:none;
  border:none;
}

.loaded {
  animation:opac .8s;
}

html {
  scroll-behavior:smooth;
}

section[id] {
  scroll-margin-top:80px;
}

.regft {
  display:none;
  justify-content:space-between;
  width:100%;
  position:fixed;
  background:rgba(0,0,0,.5);
  left:0;
  bottom:0;
  z-index:4;
}

.regft a {
  display:flex;
  align-items:center;
  width:50%;
  padding:5px 10px;
  color:#fff;
  border-radius:4px;
  font-size:15px;
  font-weight:normal;
  text-transform:uppercase;
}

.regft a:hover,
.regft a:focus {
  text-decoration:none;
}

.regft a img {
  width:20px;
  height:20px;
  margin-right:5px;
}

@media(max-width:375px) {
  .regft a img {
    margin-right:5px;
  }
}

.regft a:nth-child(1) {
  background:#004689;
  margin:10px 5px 10px 10px;
  box-shadow:0 3px 0 0 #10384a;
}

.regft a:nth-child(2) {
  margin:10px 10px 10px 5px;
  background:#e23d3a;
  margin-right:10px;
  box-shadow:0 2px 0 0 #8f2725;
}

@media(max-width:768px) {
  .regft {
    display:flex;
  }
}

@media(max-width:320px) {
  .regft a {
    font-size:12px;
  }
}

.infoModal .modal#all a {
  display:block;
  background:#f26649;
  border-radius:10px;
  color:#fff;
  padding:10px 20px;
  margin-bottom:10px;
  text-transform:uppercase;
  font-weight:600;
}


@keyframes openModalAnimation {
  0% {
    opacity:0;
    transform:translateY(-20%);
  }
  80% {
    opacity:1;
    transform:translateY(10%);
  }
  100% {
    opacity:1;
    transform:translateY(0);
  }
}

.pop_callkn_1_2_0 {
  position:fixed;
  top:0;
  bottom:0;
  left:0;
  width:100%;
  display:flex;
  justify-content:center;
  background:rgba(0,0,0,.7);
  z-index:11;
  animation:opac .4s;
}

.pop_callkn_1_2_0__box {
  position:relative;
  margin-top:10vh;
  background:#fff;
  max-width:350px;
  width:100%;
  height:-moz-fit-content;
  height:fit-content;
  padding:0 10px 20px;
  border-radius:5px;
  animation:openModalAnimation .4s;
}

.pop_callkn_1_2_0__close {
  position:absolute;
  top:5px;
  right:5px;
  font-size:24px;
  line-height:.9;
  font-weight:600;
  cursor:pointer;
}

.pop_callkn_1_2_0__logo {
  margin:15px 0;
}

.pop_callkn_1_2_0__logo img {
  display:block;
  width:150px;
  height:auto;
  margin:0 auto;
}

.pop_callkn_1_2_0 .mb {
  margin-bottom:10px;
}

.pop_callkn_1_2_0__form {
  padding:0 5px;
}

.pop_callkn_1_2_0__call {
  display:none;
}

.pop_callkn_1_2_0__desc {
  text-align:center;
  margin-bottom:10px;
}

.pop_callkn_1_2_0__click input {
  width:65%;
  background:#fd4810;
  background:linear-gradient(90deg,rgb(253,72,16) 0%,rgb(254,104,30) 75%,rgb(255,114,0) 100%);
  color:#fff;
  border:none !important;
  cursor:pointer;
  font-size:14px !important;
  margin:0 auto 10px;
  display:flex;
  justify-content:center;
  border-radius:25px !important;
  font-weight:bold;
}

@media(max-width:767px) {
.wrap-main{
margin: 10px auto;
}	
.slideshow{
	    position: relative;
   margin-top:10px;
    border: 2px solid #de712c;
    text-align: center;
	    border-radius: 10px;
}	
.slideshow .owl-carousel .owl-item img{
    border-radius: 10px;	
}
.banner-services{
	  margin: 0px auto;
    border: 2px solid #de712c;
    text-align: center;
	  border-radius: 10px;	
}
.banner-services img{
	 border-radius: 10px;	
}
.container-services{
    margin: 10px auto;
    border: 2px solid #de712c;
    text-align: center;
    border-radius: 10px;
    padding: 10px 0;
}
.title-main-page{
	  margin: 10px auto;
    border: 2px solid #de712c;
    text-align: center;
    border-radius: 10px;	
}
.paging-FeedBack-category{
	  border: 2px solid #de712c;
    text-align: center;
    border-radius: 10px;
}
.paging-FeedBack-category .owl-carousel .owl-item img{
   border-radius: 10px;	
}
.imgvideo{
 border: 2px solid #de712c;
    text-align: center;
    border-radius: 10px;	
}
.title-intro{
	 border: 2px solid #de712c;
    border-radius: 10px;
}
#video_slideslick .slick-slide img{
	   border-radius: 10px 10px 0px 0px;
}
#page_video {
    width: 100%;
    padding-top: 15px;
	padding-bottom: 0;
}	
  .pop_callkn_1_2_0__click input {
    width:100%;
    border-radius:6px !important;
  }
}

.pop_callkn_1_2_0__inputGroup {
  display:flex;
  flex-direction:column;
}

.pop_callkn_1_2_0__inputGroup input {
  margin-bottom:12px;
  font-size:13px;
  padding:12px;
  border:2px solid #a6bcdb;
  border-radius:6px;
}

.pop_callkn_1_2_0__des {
  padding:0 20px 10px;
  color:#777;
  font-weight:600;
  font-size:14px;
}

@media(max-width:767px) {
  .pop_callkn_1_2_0__des {
    padding:0;
  }
}

.pop_callkn_1_2_0__phone p {
  display:flex;
  align-items:center;
  font-size:16px;
  color:#153d75;
  justify-content:center;
}

.pop_callkn_1_2_0__phone span {
  font-size:20px;
  margin-left:5px;
  -webkit-text-decoration:revert;
  text-decoration:revert;
  -webkit-text-decoration:underli;
  text-decoration:underli;
}

.pop_callkn_1_2_0__phone span a {
  color:#fd4810;
}

.pop_callkn_1_2_0__phone img {
  width:5%;
  margin-right:5px;
  margin-left:0 !important;
}

.pop_callkn_1_2_0__or {
  margin:0;
  text-align:center;
  font-size:16px;
  color:#5678a8;
  font-weight:500;
}

.pop_callkn_1_2_0__more {
  width:100%;
  background:#0f93db;
  color:#fff;
  cursor:pointer;
  font-size:16px;
  margin:0 auto 20px;
  display:flex;
  justify-content:center;
  border-radius:6px;
  padding:8px 12px;
  align-items:center;
}

.pop_callkn_1_2_0__more img {
  margin:0 10px !important;
  width:8%;
}

@media(max-width:1920px)and (min-width:768px) {
  .pop_callkn_1_2_0 .mb {
    display:none !important;
  }
}

@media(max-width:767px) {
  .pop_callkn_1_2_0 .pc {
    display:none;
  }
}

@media(max-width:1180px) {
  .pop_callkn_1_2_0__call {
    display:block;
    font-style:italic;
    margin-bottom:10px;
    padding:0 5px;
  }
  .pop_callkn_1_2_0__call span {
    display:block;
    margin-bottom:10px;
    color:#666;
    text-align:center;
  }
  .pop_callkn_1_2_0__call a {
    background:#ea3b41;
    color:#fff;
    display:flex;
    justify-content:center;
    align-items:center;
    gap:5px;
    padding:10px 0;
    border-radius:4px;
    text-transform:uppercase;
    text-decoration:none;
    margin:0 auto;
    font-weight:600;
  }
}

@media(max-width:767px) {
  .pop_callkn_1_2_0__box {
    width:90%;
    margin:10vh auto 0;
  }
}

.pop_regkn_1_3_0 {
  position:fixed;
  top:0;
  bottom:0;
  left:0;
  width:100%;
  display:flex;
  justify-content:center;
  background:rgba(0,0,0,.7);
  z-index:11;
  animation:opac .4s;
}

.pop_regkn_1_3_0__box {
  position:relative;
  margin-top:10vh;
  background:#fff;
  max-width:350px;
  width:100%;
  height:-moz-fit-content;
  height:fit-content;
  border-radius:5px;
  animation:openModalAnimation .4s;
}

.pop_regkn_1_3_0__close {
  position:absolute;
  top:5px;
  right:5px;
  font-size:24px;
  line-height:.9;
  font-weight:600;
  cursor:pointer;
}

.pop_regkn_1_3_0__logo {
  margin:15px 0 0;
}

.pop_regkn_1_3_0__logo img {
  display:block;
  width:100px;
  height:auto;
  margin:0 auto;
}
.pop_regkn_1_3_0 .time{margin-bottom:15px;}

.pop_regkn_1_3_0__inputGroup {
  padding:15px 26px 20px;
  display:flex;
  flex-direction:column;
  gap:10px;
}

.pop_regkn_1_3_0__inputGroup input {
  width:100%;
  font-size:13px;
  padding:10px 12px;
  border:2px solid #a6bcdb;
  border-radius:6px;
}

.pop_regkn_1_3_0__clicknow input {
  width:60%;
  background:#fd4810;
  background:linear-gradient(90deg,#fd4810 0%,#fe681e 75%,#ff7200 100%);
  color:#fff;
  border:none;
  cursor:pointer;
  font-size:14px;
  margin:0 auto 15px;
  display:flex;
  justify-content:center;
  border-radius:20px;
  font-weight:bold;
  padding:10px;
}

.pop_regkn_1_3_0__contact {
  text-align:center;
  color:dimgray;
  font-size:13px;
  font-style:italic;
}

.pop_regkn_1_3_0__contact a {
  color:#cc431d;
}

.pop_regkn_1_3_0 .time {
  font-weight:600;
  text-align:center;
}

.pop_regkn_1_3_0__des {
  padding:12px 25px;
  font-size:17px;
  font-weight:500;
  color:#153d75;
  text-align:center;
}

@media(max-width:320px) {
  .pop_regkn_1_3_0__des {
    font-size:14px;
  }
}

.pop_regkn_1_3_0__des p {
  margin:0;
}

@media(max-width:767px) {
  .pop_regkn_1_3_0__box {
    width:90%;
    margin:10vh auto 0;
  }
}

@media(max-width:320px) {
  .pop_regkn_1_3_0__inputGroup {
    padding:15px 10px;
  }
}

.uudai_li_mb .header_1_1_0__regist {
    cursor: pointer;
    background: #ef4444;
    margin-left: 10px;
    display: flex;
	    margin: 0 10px;
    padding: 10px;
    justify-content: center;
	border-radius: 25px;
    color: #fff;
	font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
    transition: all .2s linear;
}
.phone_mb_menu .header_1_1_0__phone{
	display: flex;
    background: #e5e7eb;
    font-size: 15px;
    cursor: pointer;
	border-radius: 25px;
color: #194081;
	    font-weight: 600;
    text-transform: uppercase;
    transition: all .2s linear;
    justify-content: center;
}
.phone_mb_menu{
	margin: 10px 10px;
	 margin-bottom: 5px;
	margin-left: 5px !important;
    justify-content: center;
}
#formService{max-width:100px;}
.pop_regkn_1_3_0__inputGroup .contact-input{    padding: 0;}

/* Responsive */
@media(max-width:1001px){
	.menu,.header{display:none;}
	.menu-res{display:block;}
}
@media screen and (max-width: 960px){
	.nav-menu{    display: none !important;}
}
@media(max-width:850px){
	

	
}
@media(max-width:769px){
	
.left-intro {
    padding: 0 0px 19.6px;
    margin-bottom: 0;
    float: left;
    width: 100%;
}	
.row-blogs {
    margin: 15px auto;
    padding: 0;
}
	
.de-team-news .team-desc h3 {
    -webkit-line-clamp: 2;
    font-size: 12px;
}
.services_news {
    float: left;
    width: 48%;
    margin: 0 2% 2% 0;
}
.services_news:nth-child(2n+1) {
    clear: both;
}
.btpadd {
    padding: 0;
    background: #142255;
}
.de-team-list:hover .team-desc{
    -webkit-animation: initial !important;
    -moz-animation: initial !important;
    display: block;	
	 bottom:initial;
	height:auto;
	background: none;
}	
.slick-current .namevideoslide span {
    font-size: 12px !important;
}
.slick-current .namevideoslide {
    padding: 10px 10px !important;
}
.box_partner1in ,.slick-current .box_partner1in{
    background:none;
    padding-bottom: 0;
}
.imgvideo p {
margin: 0 auto;
    position: absolute;
    top: 35%;
    left: 0;
    right: 0;
    max-width: 50px;
    max-height: 50px;
    width: 100%;
    height: 100%;
    z-index: 1;
    background: url(../images/playvideo_03.png) no-repeat;
    background-size: 95%;
}

.slick-current .box_partner1in {
    position: relative;
    width: 100%;
	max-width:500px;
    z-index: 12;
    left: 0;
    top: 0;
}
.box_partner1 {
    position: relative;
    padding: 1px;
    margin-top: 15px;
    margin-bottom: 15px;
}


.wrap-services {
    padding: 0px 0 15px 0;
}
.screen10__box {
    display: block;
    justify-content: center;
    gap: 30px;
    align-items: center;
}

.screen10__left {
    width: 100%;
    display: flex;
    gap: 10px;
}
.footer-article .wrap-content{display:block !important;}
.footer-article .wrap-content .col-8,.footer-article .wrap-content .col-4{
	    -ms-flex: 100%;
    flex: 100%;
    max-width: 100%;
}
.col-apps{margin-top:10px;}

.screen10__right {
    width: 100%;
}
.screen8__box {
    display: block;
	margin: 10px auto;
}
.screen8__detail {
    width: 100%;
}
.screen8__contact {
    width: 100%;
}
	.services {
    width: 45%;
    display: block;
    cursor: pointer;
    position: relative;
}
.screen11 {
   background: url(../images/page11-bg.jpg) center 0 no-repeat;
    min-height: 765px;
    display: flex;
    flex-direction: column-reverse;
    background-color: #d3dce3;
    max-width: 428px;
    margin: 0 auto;
	    margin-bottom: 0 !important;
}

.screen11__detail {
    padding: 10px 15px;
	width: 100%;
    margin-right: 0px;
}

.screen10__card b {
    width: 20%;
    font-size: 15px;
}
.screen5__column1 {
    width: 100%;
}
.screen5__list {
    display: flex;
}
.screen5__column1 {
    width: 100%;
}
.wrap-photo-album .wrap-content{padding:0 0px;}


}



@media(max-width:678px){


}
@media(max-width:620px){
	
}
@media(max-width:440px){

}
@media(max-width:390px){

}
@media(max-width:375px){

}
@media(max-width:375px){
	
}
