:root {--main-color: #ed1b24;--second-color: #29abe2;--bs-blue: #229ac8;--bs-indigo: #6610f2;--bs-purple: #6f42c1;--bs-pink: #d63384;--bs-red: #da4f49;--bs-orange: #fd7e14;--bs-yellow: #faa732;--bs-#f60: #198754;--bs-teal: #20c997;--bs-cyan: #0dcaf0;--bs-white: #fff;--bs-gray: #6c757d;--bs-gray-dark: #343a40;--bs-primary: #229ac8;--bs-secondary: #6c757d;--bs-success: #198754;--bs-info: #0dcaf0;--bs-warning: #faa732;--bs-danger: #da4f49;--bs-light: #e7e7e7;--bs-dark: #212529;--bs-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0))}
html {overflow:-moz-scrollbars-vertical;margin:0;padding:0}
.tab-content{background:#fff;line-height: 1.8;}
.list-support {
    background: url(https://khanhancctv.com.vn/catalog/view/theme/default/image/bg-support.jpg) no-repeat;
    background-size: cover;
    color: #ebebeb
}
b, strong {color: #191919}
.alert {color: #555}
.alert-warning {color: #555}
	.alert-danger {color: #555}
		.alert-success {color: #555}
			.alert-info {color: #555}
/* Override the bootstrap defaults */
h2{font-family: Roboto,arial,sans-serif;line-height: 26px; margin: 0 0 25px;font-size: 18px;line-height: 20px;font-weight: 400;text-rendering: optimizeSpeed;width: 100%}
h1, h3, h4, h5, h6{font-family: Roboto,arial,sans-serif;margin-top: 0;color: #191919;font-size: 100%;line-height: 20px;text-rendering: optimizeSpeed;width: 100%}
h1 {font-family: Roboto,arial,sans-serif;line-height: 1.8;
    color: #191919;
    font-size: 150%;
    font-weight: bold;
    padding-bottom: 10px;
    border-bottom: 1px solid #eee;}
.phone{color: #191919}
.hotline{font-weight: bold;color: #191919}
.kythuat,.tuvan{color: #191919}

/* default font size */
.fa{font-size:14px}
.project {text-align: center;margin: 10px 0px 15px 0px;font-family: "UTM_HelvetIns";font-size: 18px;color: #fff}
.project span {background: #0f66a0;padding: 5px 15px;border-radius: 15px;-webkit-box-shadow: 0px 0px 10px 0px rgb(50 50 50 / 75%);-moz-box-shadow: 0px 0px 10px 0px rgba(50, 50, 50, 0.75);box-shadow: 0px 0px 10px 0px rgb(50 50 50 / 75%)}

ul.list_icon_h {float: right;list-style: none;margin: 5px 0 0 0;padding: 0;color: #fff}
ul.list_icon_h li ~ li {margin-left: 20px}
ul.list_icon_h li {float: left}
ul.list_icon_h a {text-decoration: none}
.icon_h, .text_h {display: table-cell;vertical-align: middle}
.icon_h i{position: relative;height: 34px;width: 34px;background-color: rgba(0,0,0,.4);border-radius: 50%;text-align: center;color: #fff;font-size: 20px;line-height: 34px}
.icon_h i.fa.fa-shopping-cart {font-size: 17px}
span.text_h_big {font-size: 16px;font-weight: 700;color: #f30303}
span.text_h_small {opacity: .8;font-size: 12px;display: block}
.text_h {padding: 0 0 0 5px}

/*------------------------------------ Box Featured Item */
.post-featured-item{border-bottom: 1px dashed #d5d5d5;padding: 1.5rem 0px}
.post-featured-item:last-child{border-bottom: none;margin-bottom: 1rem}
.post-featured-item .block-images{width: 40%;float: left}
.post-featured-item .block-content{width: 60%;float: left}
.post-featured-item .block-images{/* border: 2px solid #858585; */
  overflow: hidden;margin-bottom: 0.5rem}
.post-featured-item .block-content{padding-left: 0.5rem;margin: 0rem 0px 0.25rem}
.post-featured-item .block-content h3{font-family: 'Roboto', sans-serif;font-weight: 700;font-size: 0.75rem;line-height: 1.4;margin-bottom: 0.25rem}
.post-featured-item .block-content h3 a{color: #ce0202;transition: all 0.5s ease}
.post-featured-item .block-content h3 a:hover{color: #b90c0f;text-decoration: none}
.post-featured-item .block-content p{color: #848484;font-size: 0.75rem;margin-bottom: 0px}
/*---------------------------------------- Box Title Product Post New */

/* product-info */
.product-info ul {padding-left: 0}
.product-info li {list-style: none;padding: 5px 0;margin-bottom: 0}
.product-info label {display: inline-block;width: 100px}
.product-info price {color: #e10000;font-size: 14px;font-weight: 700}
.product-info p {margin-bottom: 0;}
.product-info .price{font-size:130%;font-weight: 700;color: #f60}
.price-new{color: #f60;font-weight:600}
.price-old{color:#999;text-decoration:line-through;margin-left:10px}
.price-tax{color:#999;font-size:12px;display:block}
h2.price {margin: 0}
.product-thumb .price {color: #f60}
.product-thumb .price-new {font-weight: 600}
.product-thumb .price-old {color: #999;text-decoration: line-through;margin-left: 10px}
.product-thumb .price-tax {color: #999;font-size: 12px;display: block}
.product-thumb .button-group {border-top: 1px solid #ddd;background-color: #eee;overflow: auto}
.product-list .product-thumb .button-group {border-left: 1px solid #ddd}
/* .product-info .fa{background-color:rgb(3 168 78);border-radius:100%;color:#fff;font-size:7px;margin:3px 10px 0 0;padding:3px;text-align:center} */

/* Layout */
.transition{-webkit-transition:all 0.3s ease-out;-moz-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;transition:all 0.3s ease-out}
.thumbnails{overflow:auto;clear:both;list-style:none;padding:0;margin:0}
.thumbnails > li{margin-left:20px}
.thumbnails{margin-left:-20px}
.thumbnails > img{width:100%}
.image-additional a{border:1px solid #dadce0}
.image-additional{max-width:78px}
.thumbnails .image-additional{float:left;margin-left:10px}
.text-flash{-webkit-animation:color-change 1s infinite;-moz-animation:color-change 1s infinite;-o-animation:color-change 1s infinite;-ms-animation:color-change 1s infinite;animation:color-change 1s infinite}@-webkit-keyframes color-change{0%{color:#fff}50%{color:#ff0}100%{color:#fff}}@-moz-keyframes color-change{0%{color:#fff}50%{color:#ff0}100%{color:#fff}}@-ms-keyframes color-change{0%{color:#fff}50%{color:#ff0}100%{color:#fff}}@-o-keyframes color-change{0%{color:white}50%{color:yellow}100%{color:white}}@keyframes color-change{0%{color:#fff}50%{color:#ff0}100%{color:#fff}}
.text-flash-black{-webkit-animation:color-change-black 1s infinite;-moz-animation:color-change-black 1s infinite;-o-animation:color-change-black 1s infinite;-ms-animation:color-change-black 1s infinite;animation:color-change-black 1s infinite}@-webkit-keyframes color-change-black{0%{color:#ff0}50%{color:#f60}100%{color:#ff0}}@-moz-keyframes color-change-black{0%{color:#ff0}50%{color:#f60}100%{color:#ff0}}@-ms-keyframes color-change-black{0%{color:#ff0}50%{color:#f60}100%{color:#ff0}}@-o-keyframes color-change-black{0%{color:yellow}50%{color:#f60}100%{color:yellow}}@keyframes color-change-black{0%{color:#ff0}50%{color:#f60}100%{color:#ff0}}
.text-flash-black-bg{display:inline-block;color:#fff;background:#f60;padding:5px 10px;border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;margin:5px 0;text-shadow:1px 1px 1px rgba(0,0,0,.5);-webkit-animation:bg-change-black 1s infinite;-moz-animation:bg-change-black 1s infinite;-o-animation:bg-change-black 1s infinite;-ms-animation:bg-change-black 1s infinite;animation:bg-change-black 1s infinite}
.input-group .form-control[name^=quantity]{min-width:50px}
.input-group input, .input-group select, .input-group .dropdown-menu, .input-group .popover{font-size:12px}
.input-group .input-group-addon{font-size:12px; height:30px}
/* Fix some bootstrap issues */
select.form-control,textarea.form-control,input[type=text].form-control,input[type=password].form-control,input[type=datetime].form-control,input[type=datetime-local].form-control,input[type=date].form-control,input[type=month].form-control,input[type=time].form-control,input[type=week].form-control,input[type=number].form-control,input[type=email].form-control,input[type=url].form-control,input[type=search].form-control,input[type=tel].form-control,input[type=color].form-control{font-size:12px}
.input-group input,.input-group select,.input-group .dropdown-menu,.input-group .popover{font-size:12px}.input-group .input-group-addon{font-size:12px;height:30px}
span.hidden-xs,span.hidden-sm,span.hidden-md,span.hidden-lg{display:inline}
.nav-tabs {margin-bottom: 15px}
.nav-tabs a {color: #888888}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {color: #fff;background-color: #f60}
div.required .control-label:before{content:'* ';color:#F00;font-weight:bold}

.model{color: #f30303}
.stock {color: #77a464}

/* buttons */
.btn-primary {
    color: #fff;
    background-color: #00659f;
    border-color: none;
}
.buttons{margin:1em 0}
.btn{padding:7.5px 12px;font-size:12px;border:1px solid #dadce0;border-radius:4px;box-shadow:inset 0 1px 0 rgba(255,255,255,.2),0 1px 2px rgba(0,0,0,.05)}
.btn-xs{font-size:9px}
.btn-sm{font-size:10.2px}
.btn-lg{padding:10px 16px;font-size:15px}
.btn-group>.btn,.btn-group>.dropdown-menu,.btn-group>.popover{font-size:12px}
.btn-group>.btn-xs{font-size:9px}
.btn-group>.btn-sm{font-size:10.2px}
.btn-group>.btn-lg{font-size:15px}
.btn-default{color:#777;text-shadow:0 1px 0 rgba(255,255,255,.5);background-color:#e7e7e7;background-image:linear-gradient(to bottom,#eeeeee,#ddd);background-repeat:repeat-x;border-color:#ddd #ddd #b3b3b3 #b7b7b7}
.btn-inverse{color:#fff;text-shadow:0 -1px 0 rgba(0,0,0,.25);background-color:#363636;background-image:linear-gradient(to bottom,#444444,#222222);background-repeat:repeat-x;border-color:#555 #222 #555}
.btn-inverse:hover,.btn-inverse:active,.btn-inverse.active,.btn-inverse.disabled,.btn-inverse[disabled]{background-color:#555;background-image:linear-gradient(to bottom,#555,#111111)}
.btn-warning {color: #ffffff;background-color: #faa732;background-image: linear-gradient(to bottom, #fbb450, #f89406);background-repeat: repeat-x;border-color: #f89406 #f89406 #ad6704}
.btn-warning:hover, .btn-warning:active, .btn-warning.active, .btn-warning.disabled, .btn-warning[disabled] {box-shadow: inset 0 1000px 0 rgba(0, 0, 0, 0.1)}
.btn-danger {color: #ffffff;background-color: #da4f49;background-image: linear-gradient(to bottom, #ee5f5b, #bd362f);background-repeat: repeat-x;border-color: #bd362f #bd362f #802420}
.btn-danger:hover, .btn-danger:active, .btn-danger.active, .btn-danger.disabled, .btn-danger[disabled] {box-shadow: inset 0 1000px 0 rgba(0, 0, 0, 0.1)}
.btn-success {color: #ffffff;background-color: #5bb75b;background-image: linear-gradient(to bottom, #62c462, #51a351);background-repeat: repeat-x;border-color: #51a351 #51a351 #387038}
.btn-success:hover, .btn-success:active, .btn-success.active, .btn-success.disabled, .btn-success[disabled] {box-shadow: inset 0 1000px 0 rgba(0, 0, 0, 0.1)}
.btn-info {color: #ffffff;background-color: #df5c39;background-image: linear-gradient(to bottom, #e06342, #dc512c);background-repeat: repeat-x;border-color: #dc512c #dc512c #a2371a}
.btn-info:hover, .btn-info:active, .btn-info.active, .btn-info.disabled, .btn-info[disabled] {background-image: none;background-color: #df5c39}
.btn-link {border-color: rgba(0, 0, 0, 0);cursor: pointer;color: #00659f;border-radius: 0}
.btn-link, .btn-link:active, .btn-link[disabled] {background-color: rgba(0, 0, 0, 0);background-image: none;box-shadow: none}
.btn-inverse {color: #ffffff;background-color: #363636;background-image: linear-gradient(to bottom, #444444, #222222);background-repeat: repeat-x;border-color: #222222 #222222 #191919}
.btn-inverse:hover, .btn-inverse:active, .btn-inverse.active, .btn-inverse.disabled, .btn-inverse[disabled] {background-color: #222222;background-image: linear-gradient(to bottom, #555333, #111111)}

/* list group */
.list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover {font-weight: 700;background: #eeeeee;border: 1px solid #DDDDDD;color: #f30303}
.list-group-item {padding: 5px 10px}
.list-group a {border: 1px solid #DDDDDD;color: #888888;padding: 8px 12px}
.list-group a.active, .list-group a.active:hover, .list-group a:hover {color: #444444;background: #eeeeee;border: 1px solid #DDDDDD}/* carousel */
.carousel-caption{color:#fff;text-shadow:0 1px 0 #555}
.carousel-control .icon-prev:before{content:'\f053';font-family:FontAwesome}
.carousel-control .icon-next:before{content:'\f054';font-family:FontAwesome}

/* content */
.co-dinh-menu{width:100%;position:fixed;top:0px;left:0px;z-index:1000;box-shadow:2px 5px 5px rgb(0,0,0,0.35)}
.block-nav-categori{float: left;width:270px;position:relative}
.block-nav-categori .block-title{background-color:#f60;line-height:40px;color:#fff;font-weight:600;text-transform:uppercase;position:relative;padding:0 15px;letter-spacing:1px}
.block-nav-categori .block-title span{height:50px;font-size:15px;padding-left:4px}
.block-nav-categori .block-content{width:270px;-webkit-box-shadow: rgba(0,0,0,0.5) 0 2px 8px 0;box-shadow: rgba(0,0,0,0.5) 0 2px 8px 0;position:absolute;top:100%;z-index:300;background-color:#f5f5f5;left:0;-webkit-transition:.35s;-o-transition:.35s;transition:.35s}
.block-nav-categori .block-content .ui-categori{border:1px solid #dadce0;margin: 0;padding: 0}
.block-nav-categori:hover .block-content .ui-categori{display:block!important}
.block-nav-categori.has-open .block-content{opacity:1;visibility:visible;-webkit-transition:.35s;-o-transition:.35s;transition:.35s}
.block-nav-categori .ui-categori > li > a{padding-right:20px;color: #555;padding-left:17px;display:block;position:relative;text-transform:capitalize;line-height:28px}
.block-nav-categori .ui-categori > li ul a:hover,.block-nav-categori .ui-categori > li ul a:focus{color:#00659f!important}
.block-nav-categori .ui-categori .toggle-submenu{display:none}
.block-nav-categori .ui-categori > li{border-bottom: 1px solid #dadce0;display:block}
.block-nav-categori .ui-categori > li > a .icon{width:35px;text-align:left;display:inline-block;vertical-align:top}
.block-nav-categori .ui-categori > li > a:hover{color:#00659f}
.block-nav-categori .ui-categori > li.parent > a:after{line-height:36px;content:"\f107";font-family:'FontAwesome';position:absolute;line-height:50px;top:0;right:0;width:40px;text-align:left;font-size:16px}
.block-nav-categori .ui-categori > li.parent:hover > a{color:#00659f}

.block-nav-categori .ui-categori > li.parent:hover > .submenu{visibility:visible;opacity:1;margin-left:0}
.block-nav-categori .ui-categori .submenu{left:270px;min-height: 600px;width:870px;position:absolute;top:0;padding:10px 10px 20px;z-index:300;opacity:0;visibility:hidden;-webkit-box-shadow:rgba(0,0,0,0.5) 0 2px 8px 0;box-shadow:rgba(0,0,0,0.5) 0 2px 8px 0;background: #fff}
.block-nav-categori .ui-categori .submenu .categori-list{margin:0;padding-bottom:43px;padding-left: 0;list-style: none}
.block-nav-categori .ui-categori .submenu .categori-list:before,.block-nav-categori .ui-categori .submenu .categori-list:after{content:"";display:table}
.block-nav-categori .ui-categori .submenu .categori-list:after{clear:both}
.block-nav-categori .ui-categori .submenu .categori-list .title a{color:#555;font-weight: 400;font-size: 100%}
.block-nav-categori .ui-categori .submenu .categori-list > li{padding:5px 5px 0 0}
.block-nav-categori .ui-categori .submenu .categori-list > li > ul > li{padding:0}
.block-nav-categori .ui-categori .submenu .categori-list li a{font-size:90%;display:block;line-height:20px;padding: 0;text-transform:none}

@media (max-width: 991px){
.block-nav-categori{width:200px}
.block-nav-categori .block-title{cursor:pointer;z-index:1000}
.block-nav-categori .block-title.active:before{content:"";position:fixed;top:0;left:0;right:0;bottom:0;z-index:500}
.block-nav-categori.has-open .block-content{left:0;visibility:visible;opacity:1;-webkit-transition:.35s;-o-transition:.35s;transition:.35s}
.block-nav-categori .block-content{position:fixed;top:0;bottom:0;left:-110%;right:auto;width:280px;height:100%;-webkit-box-shadow:rgba(136,136,136,0.23) 0 0 3px 0;box-shadow:rgba(136,136,136,0.23) 0 0 3px 0;background-color:#f5f5f5!important;z-index:9999;-webkit-transition:.35s;-o-transition:.35s;transition:.35s;overflow-y:auto}
.block-nav-categori .ui-categori{padding-left:0;padding-top:20px;padding-bottom:20px}
.block-nav-categori .ui-categori > li{float:none;display:block}
.block-nav-categori .ui-categori li{position:relative}
.block-nav-categori .ui-categori li.parent > a:after{top:0;margin:0;width:20px;content:none}
.block-nav-categori .ui-categori li a{display:inline-block;position:relative;z-index:20}
.block-nav-categori .ui-categori .open-submenu > a{color:#EB1D23}
.block-nav-categori .ui-categori .open-submenu > .submenu{display:block}
.block-nav-categori .ui-categori .submenu{position:static;display:none;box-shadow:none;border:none;padding:0;margin:0;opacity:1;visibility:visible;padding-left:15px;padding-right:15px;width:100%}
.block-nav-categori .ui-categori .toggle-submenu{position:absolute;display:block;height:46px;top:0;left:0;right:0;cursor:pointer;text-align:right;padding-right:15px}
.block-nav-categori .ui-categori .toggle-submenu:before{content:"\f105";font-family:'FontAwesome';font-size:18px}
.block-nav-categori .ui-categori .categori-list li{display:block;float:none;width:100%}
}
/* call-mobile */
.success.is-underline:hover, .success.is-outline:hover, .success{background-color:#1E73BE;padding:10px;color:white !important}
.call-mobile a{color:#f60;font-weight:700}
.call-mobile{text-align:center; padding:9px 0 6px; background:#f5f5f5;position:fixed; bottom:0; left:0; right:0;border-top:1px solid #e4dfb9; z-index:99}
.call-mobile strong{color:#f60}

/* product list */
.product-grid{min-height:210px;float:left;position:relative;box-sizing:border-box;border-bottom:1px solid #eee;border-right:1px solid #eee}
.product-grid:hover,.product-grid:hover{-webkit-box-shadow:0 0 20px rgba(0,0,0,.1);box-shadow:0 0 20px rgba(0,0,0,.1);z-index:1}
.product-thumb {background-color: #fff;padding: 5px;margin-left: -13px;margin-right: -13px;margin-bottom: 5px;overflow: auto}
.product-thumb h4{font-size: 100%;font-weight:400;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2}
.product-thumb a{color: #555;text-decoration: none;z-index: 3;}
.product-thumb a:hover{color:#00659f}
.brand1{position: absolute;bottom: 30px;left: 20px;text-shadow: 1px 1px 0 #fff, -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 3px 3px 5px #555;}
/* product list */
.product-grid .product-thumb .image {float: none}

.product-thumb .image{float:none;text-align:center}
.product-thumb .image a{display:block}
.product-thumb .image a:hover{opacity:0.8}
.product-thumb .image img{margin-left:auto;margin-right:auto}
.brand {font-size: 85%;padding: 5px;color: #005baa;font-weight: 700;text-transform: uppercase;text-align: left}
.brand .hsx {color: #fb0000}
.product-thumb .model {color: #f30303}
.rating{padding-bottom:10px}
.rating .fa-stack{font-size:8px}
.rating .fa-star-o{color:#f60;font-size:15px}
.rating .fa-star{color:#f60;font-size:15px}
.rating .fa-star + .fa-star-o{color:#f60}


@media (max-width: 768px) {.product-list .product-thumb .button-group {	border-left: none;}
}
.product-thumb .button-group button {width: 60%;border: none;display: inline-block;float: left;background-color: #eee;color: #888;line-height: 38px;font-weight: bold;text-align: center;text-transform: uppercase}
.product-thumb .button-group button + button {width: 20%;border-left: 1px solid #ddd}
.product-thumb .button-group button:hover {color: #444;background-color: #ddd;text-decoration: none;cursor: pointer}
@media (max-width: 1200px) {.product-thumb .button-group button, .product-thumb .button-group button + button {	width: 33.33%;}
}
@media (max-width: 767px) {.product-thumb .button-group button, .product-thumb .button-group button + button {	width: 33.33%;}
}
.thumbnails {overflow: auto;clear: both;list-style: none;padding: 0;margin: 0}
.thumbnails > li {margin-left: 20px}
.thumbnails {margin-left: -20px}
.thumbnails > img {width: 100%}
.image-additional a {margin-bottom: 20px;padding: 5px;display: block;border: 1px solid #ddd}
.image-additional {max-width: 78px}
.thumbnails .image-additional {float: left;margin-left: 20px}

/* fixed colum left + content + right*/
/* Default Panel */
.panel{border-radius:0px}
.panel .panel-heading{position:relative}
.panel-heading i{font-size:16px;font-weight:500}
.panel-heading h3 i{margin-right:8px;	-webkit-tap-highlight-color:rgba(0,0,0,0)}
.panel-default{border:1px solid #e8e8e8;border-top:2px solid #337ab7}
.panel-default .panel-heading{color:#595959;border-color:#e8e8e8;background:#fcfcfc}
.panel-heading{color:#191919;clear:both;padding:10px 0 0 0}
.panel-heading a{color:#191919}
.panel-title{border-left: 5px solid #0090da;background-color:#f2f2f2;color:#191919;margin-top:0;padding:8px;margin-bottom:-1px}
.panel-title1{border-left: 5px solid #ff8030;background-color:#f2f2f2;color:#191919;margin-top:0;padding:8px;margin-bottom:-1px}
.panel-title2{border-bottom: 5px solid #03a84e;color: #191919;margin-top: 0;padding: 8px;font-size: 150%;text-align: center}
.panel-title3{clear:both;font-size: 130%;color: #191919;text-align: center;padding:20px}
.panel-title4 {color: #191919;font-size: 18px;font-weight: 500;position: relative;margin-bottom: 15px;display: block;padding-bottom: 10px}
.panel-title4:after {content: "";width: 100px;border-top: 2px solid #fc6757;height: 3px;position: absolute;top: 30px;left: 0px}
.title{clear:both;border-bottom: 2px solid #00659f}
.title-tabs{clear:both;font-size: 120%;color:#191919;border-left: 5px solid #f60 ;padding: 10px}
.contact-info{padding:5px;border:1px dashed #fb0000;margin-bottom:10px}
.box{margin-bottom: 15px;background-color: #fff;position: relative;padding: 10px 0;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;-webkit-box-shadow: 0 5px 15px rgba(0,0,0,.1) 3px 5px rgba(0,0,0,.5);-moz-box-shadow: 0 5px 15px rgba(0,0,0,.1) 3px 5px rgba(0,0,0,.5);box-shadow: 0 5px 15px rgba(0,0,0,.1) 3px 5px rgba(0,0,0,.5);}


/**tintuc **/
.wp-cat-name{text-align:center; text-transform:uppercase;position:absolute; bottom:0; display:inline-table; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; cursor:pointer;opacity:0.8; background:#3e3e3e}
.wp-cat-name a{display:block; color:#ff9400}
.post-inner .post-meta{border-bottom:1px solid #ebebeb;padding-bottom:5px;margin-bottom:10px}
.post-meta{color:#888;margin:7px 0;font-size:85%}
.post-meta span{display:inline-block;margin-right:10px}
.single .post-inner p.post-meta span i{margin-right:5px}
.post-meta a{color:#888}
.post-inner .post-meta{border-bottom:1px solid #ebebeb;padding-bottom:5px;margin-bottom:10px}

/* fixed product layouts used in left and right columns */
#column-left .product-layout,#column-right .product-layout{width:100%}
#column-left .product-thumb,#column-right .product-thumb{margin-left:0;margin-right:0}
#column-left .product-thumb .image,#column-right .product-thumb .image{min-height: 70px;float:left;width:30%}
#column-left .product-thumb .caption,#column-right .product-thumb .caption{float:left;width:70%;padding:5px}
#column-left .product-thumb,#column-right .product-thumb h4{margin-top:-2px}

/* fixed colum left + content + right*/
@media(max-width:767px){.product-thumb .image{min-height:170px}.product-grid .product-thumb .caption{min-height:0}
	.product-list .product-thumb .image{float:left;padding:0 15px}
	.product-thumb .button-group button,.product-thumb .button-group button+button{width:33.33%}
	.product-list .product-thumb .caption{min-height:0;margin-left:0;padding:0}
	}
@media(max-width:768px){.product-thumb .image{min-height:170px}.product-list .product-thumb .button-group{border-left:none}
	#column-left  .product-layout .col-md-3{width:100%}
	#column-left + #content .product-layout .col-md-3{width:50%}
	#column-left + #content + #column-right .product-layout .col-md-3{width:100%}
	#content + #column-right .product-layout .col-md-3{width:100%}
	}
@media(max-width:1200px){.product-grid .product-thumb .caption{min-height:110px;padding:5px}
	}

@media(min-width:992px) and (max-width:1199px){.product-thumb .image{min-height:170px}
		.product-grid .product-thumb .caption{min-height:110px;padding:5px}
	}
@media (min-width:1200px){.container{width:1280px}	.product-grid .product-thumb .caption{min-height:110px;padding:5px}}
/* custoom*/
.carousel {opacity: 0;visibility: hidden;transition: opacity .3s ease}
.carousel.carousel-loaded {opacity: 1;visibility: visible}
.owl-carousel,.owl-carousel .owl-item {-webkit-tap-highlight-color: transparent;position: relative}
.owl-carousel {display: none;width: 100%;z-index: 1}
.owl-carousel .owl-stage {position: relative;-ms-touch-action: pan-Y}
.owl-carousel .owl-stage:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0}
.owl-carousel .owl-stage-outer {position: relative;overflow: hidden;-webkit-transform: translate3d(0, 0, 0)}
.owl-carousel .owl-item {min-height: 1px;float: left;-webkit-backface-visibility: hidden;-webkit-touch-callout: none}
.owl-carousel .owl-item img {display: block;width: 100%;-webkit-transform-style: preserve-3d}
.owl-carousel .owl-dots.disabled,
.owl-carousel .owl-nav.disabled {display: none}
.owl-carousel .owl-dot,
.owl-carousel .owl-nav .owl-next,
.owl-carousel .owl-nav .owl-prev {cursor: pointer;cursor: hand;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none}
.owl-carousel.owl-loaded {display: block}
.owl-carousel.owl-loading {opacity: 0;display: block}
.owl-carousel.owl-hidden {opacity: 0}
.owl-carousel.owl-refresh .owl-item {display: none}
.owl-carousel.owl-drag .owl-item {-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none}
.owl-carousel.owl-grab {cursor: move;cursor: grab}
.owl-carousel.owl-rtl {direction: rtl}
.owl-carousel.owl-rtl .owl-item {float: right}
.no-js .owl-carousel {display: block}
.owl-carousel .animated {animation-duration: 1s;animation-fill-mode: both}
.owl-carousel .owl-animated-in {z-index: 0}
.owl-carousel .owl-animated-out {z-index: 1}
.owl-carousel .fadeOut {animation-name: fadeOut}
.owl-carousel .owl-dots,
.owl-carousel .owl-nav {text-align: center;-webkit-tap-highlight-color: transparent;line-height: 1}
.owl-carousel .owl-nav [class*=owl-] {width: 42px;height: 42px;line-height: 42px;margin: -23px 0 0;display: block;position: absolute;top: 50%;cursor: pointer;transition: all .2s ease 0s;color: #262626;background-color: #fff;text-align: center;z-index: 200;border: 2px solid #fff;box-sizing: initial;opacity: 0;border-radius: 50%}
.owl-carousel .owl-nav [class*=owl-] i {line-height: 42px;color: #262626;font-size: 22px}
.owl-carousel .owl-nav [class*=owl-]:hover i,
.owl-carousel.arrows-dark .owl-nav [class*=owl-] i,
.owl-carousel.arrows-dark .owl-nav [class*=owl-]:hover i {color: #fff}
.owl-carousel .owl-nav [class*=owl-]:hover {background-color: #1abc9c;border-color: #1abc9c}
.owl-carousel .owl-nav .owl-next .fa-angle-right {margin-right: -2px}
.owl-carousel .owl-nav .owl-prev {left: 0}
.owl-carousel .owl-nav .owl-prev .fa-angle-left {margin-left: -2px}
.owl-carousel:hover .owl-next {left: auto;right: 10px;opacity: 1}
.owl-carousel:hover .owl-prev {right: auto;left: 10px;opacity: 1}
.owl-carousel.arrows-visibile .owl-next {left: auto;right: 10px;opacity: 1}
.owl-carousel.arrows-visibile .owl-prev {right: auto;left: 10px;opacity: 1}

.icon {margin-bottom: 16px}
.icon-box {margin-bottom: 50px}
.icon-box .icon {height: 64px;position: absolute;width: 64px}
.icon-box .icon i {font-size: 28px;text-align: center;line-height: 66px;-webkit-transition: background-color .2s, color .2s;transition: background-color .2s, color .2s}
.icon-box h3,
.icon-box h5,
.icon-box p {font-family: Roboto, Helvetica, Arial, sans-serif;font-size: 16px}
.icon-box .icon a,
.icon-box .icon i {width: 100%;height: 100%;color: #555}
.icon-box h3,
.icon-box h5 {margin: 0 12px 10px 83px;letter-spacing: 0;line-height: 25px;font-weight: 700}
.icon-box p {margin: 0 0 20px 83px;line-height: 28px;font-weight: 400}
.icon-box-description>p {margin-bottom: 20px}
.icon-box.effect .icon i {z-index: 1}
.icon-box.effect .icon i:after {pointer-events: none;position: absolute;width: 100%;height: 100%;border-radius: 50%;content: '';box-sizing: content-box}
.icon-box .icon i:after {top: -4px;left: -4px;padding: 4px;box-shadow: 0 0 0 3px #555;-moz-transition: -moz-transform .2s, opacity .2s;-moz-transform: scale(.8);-webkit-transition: -webkit-transform .2s, opacity .2s;transition: transform .2s, opacity .2s;-webkit-transform: scale(.8);-ms-transform: scale(.8);transform: scale(.8);opacity: 0}
.icon-box.effect.dark .icon i:after {box-shadow: 0 0 0 3px #1ABC9C}
.icon-box.effect.dark .icon i:hover,
.icon-box.effect.dark:hover .icon i {background-color: #1ABC9C}
.icon-box.effect .icon i:hover:after,
.icon-box.effect:hover .icon i:after {-webkit-transform: scale(1);-ms-transform: scale(1);transform: scale(1);opacity: 1}
.icon-box.small .icon {height: 46px;width: 46px}
.icon-box.small .icon i {font-size: 20px;line-height: 47px}
.icon-box.small>h3,
.icon-box.small>h5 {font-size: 18px;margin: 0 12px 4px 60px}
.icon-box.small>p {margin: 0 0 20px 60px;line-height: 1.6;font-size: 14px}
.icon-box.medium>h3,
.icon-box.medium>h4,
.icon-box.medium>h5 {margin: 0 12px 10px 84px}
.icon-box.medium>p {margin: 0 0 20px 84px}
.icon-box.large .icon {height: 86px;width: 86px}
.icon-box.large .icon i {font-size: 38px;line-height: 87px}
.icon-box.large>h3,
.icon-box.large>h5 {margin: 0 12px 10px 110px;font-size: 24px}
.icon-box.large p {margin: 0 0 20px 110px}
.icon-box.icon-box-right {padding: 0;text-align: right}
.icon-box.icon-box-right>h3,
.icon-box.icon-box-right>h5 {margin: 0 84px 0 10px}
.icon-box.icon-box-right.medium>p {margin: 20px 84px 0 10px}
.icon-box.icon-box-right p {font-size: 14px;margin-top: 15px}
.icon-box.center,
.icon-box.text-center {padding: 0;text-align: center}
.icon-box.center h3,
.icon-box.center h5,
.icon-box.text-center h3,
.icon-box.text-center h5 {margin: 0 12px 10px 0}
.icon-box.center p,
.icon-box.text-center p {margin: 0 0 20px}
.icon-box.center .icon,
.icon-box.text-center .icon {margin: 0 auto 22px;position: relative}
.icon-box.center p,
.icon-box.text-center p {font-size: 16px;margin-top: 15px}
.icon-box.center.small .icon,
.icon-box.text-center.small .icon {clear: both!important;position: relative!important}
.icon-box.border .icon {border: 3px solid #555;text-align: center;border-radius: 50%;background-color: transparent}
.icon-box.border .icon i {line-height: 56px;background-color: transparent!important;color: #555}
.icon-box.border:hover>.icon i {line-height: 62px}
.icon-box.border:hover>.icon {border: 0}
.icon-box.border.small .icon {height: 46px;position: absolute;top: 5px;width: 46px}
.icon-box.border.small .icon i {font-size: 20px;line-height: 42px}
.icon-box.border.small:hover>.icon i {line-height: 49px}
.icon-box.border.large .icon i {line-height: 81px}
.icon-box.border.large:hover>.icon i,
.icon-box.square.large:hover>.icon i {line-height: 86px}
.icon-box.square .icon,
.icon-box.square .icon i,
.icon-box.square.effect .icon i:after {border-radius: 0}
.icon-box.square:hover>.icon i {line-height: 66px}
.icon-box.square.border .icon i {line-height: 59px}
.icon-box.square.border:hover>.icon i {line-height: 64px}
.icon-box.square.border.small .icon i {line-height: 41px}
.icon-box.square.border.small:hover>.icon i {line-height: 47px}
.icon-box.square.border.large .icon i {line-height: 78px}
.icon-box.square.border:large:hover>.icon i {line-height: 84px}
.icon-box.square.small:hover>.icon i {line-height: 64px}
.icon-box.light .icon i:after {box-shadow: 0 0 0 3px #e5e5e5}
.icon-box.effect.clean .icon i:after,
.icon-box.effect.fancy .icon i:after {box-shadow: 0 0 0 0 transparent}
.icon-box.light .icon i {background-color: #e5e5e5;color: grey}
.icon-box.light.border .icon {border: 3px solid #e5e5e5}
.icon-box.light.border.large .icon i {line-height: 87px}
.icon-box.light.border.large:hover>.icon i {line-height: 88px}
.icon-box.fancy .icon i {background-color: transparent;color: #222;font-size: 110px;opacity: .09;-webkit-transition: all ease .5s;transition: all ease .5s;border-radius: 0}
.icon-box.fancy.small>.icon i {font-size: 68px}
.icon-box.fancy.large .icon i {font-size: 120px}
.icon-box.fancy.center .icon,
.icon-box.fancy.text-center .icon {width: auto;margin-bottom: 30px}
.icon-box.effect.fancy:hover>.icon i {font-size: 110px}
.icon-box.effect.fancy.small:hover>.icon i {font-size: 76px}
.icon-box.clean .icon i {background-color: none;color: #555;font-size: 50px}
.icon-box.clean.small .icon i {font-size: 36px}
.icon-box.process {border: 1px solid #888;margin-top: 45px;padding: 0 30px 10px;border-radius: 4px}
.icon-box.process.effect .icon i:hover:after,
.icon-box.process.effect:hover .icon i::after {opacity: 0;border: 0}
.icon-box.process .icon,
.icon-box.process.small .icon {margin-top: 10px}
.icon-box.box-type {background: #fafafa;border: 1px solid #ececec;border-radius: 4px;padding: 20px}
.icon-box.box-type .icon {margin-top: 20px}

.item-video {height: 420px}
.counter {margin-bottom: 14px}
.counter span {font-size: 50px;line-height: 40px}
.counter.small>span {font-size: 32px!important}
.counter.medium>span {font-size: 50px!important}
.counter.large>span {font-size: 62px!important}
.icon-box.fancy>.counter span {margin: 0 12px 10px 56px}
.icon-box.fancy.medium>.counter span {margin: 0 12px 10px 80px}
.icon-box.effect:not(.center)>.counter span {margin: 0 12px 10px 82px}
.icon-box.effect.large:not(.center)>.counter span {margin: 0 12px 10px 107px}
.icon-box.effect.medium:not(.center)>.counter span {margin: 0 12px 10px 82px}
.icon-box.effect.small:not(.center)>.counter span {margin: 0 12px 10px 58px;font-size: 32px!important}
.line-ben-duoi{float:none;position:relative}
.line-ben-duoi:before{content:" ";width:50px;border-bottom: 3px var(--main-color) solid;position:absolute;left:50%;bottom:-12px;transform:translateX(-50%);}
.text-left.line-ben-duoi:before{  left: 0;  transform: none;
}
.text-light .line-ben-duoi:before,.line-ben-duoi.text-light:before{border-bottom:3px #fff solid}
.line-hai-ben{width:fit-content;float:none;margin:auto;position:relative}
.line-hai-ben:before{content:" ";width:50px;border-bottom:2px #ED3237 solid;position:absolute;left:-62px;top:50%}
.line-hai-ben:after{content:" ";width:50px;border-bottom:2px #ED3237 solid;position:absolute;right:-62px;top:50%}
.text-light .line-hai-ben:before,.line-hai-ben.text-light:before,.text-light .line-hai-ben:after,.line-hai-ben.text-light:after{border-bottom:2px #fff solid}

.doitac-section .carousel a{padding:10px;overflow:hidden;display:block;background:#fff}
.doitac-section .carousel a span{width:100%;height:130px;background-color:#fff;display:block;/* filter: grayscale(1); */transition: 0.2s;}
.doitac-section .carousel a:hover span{filter:none}
.doitac-section .carousel a p{text-align:center}
.widget.widget-newsletter .btn{background:var(--main-color)}
.form-control{border:1px solid #ddd;border-radius: 22px;}
select.form-control{background-image:url(./polo/images/dropdown-arrow.png);background-repeat:no-repeat;background-position:right center}
.counter{
	font-size: 24px;
	margin-bottom: 2px;
}
.counter span{
	margin-right: 7px;
	font-weight: 600;
	font-size: 33px;
	margin: 0px 12px
	10px
	90px !important;
}
.icon-box .icon a, .icon-box .icon i,.icon-box.clean .icon i{width:auto;height:auto;display:block;color: #fff!important;font-size: 29px;line-height: 1;}
.icon-box .icon a{
	border: 10px rgb(255 67 74) solid;
	width: 73px;
	height: 73px;
	display: block;
	text-align: center;
	padding-top: 12px;
	border-radius: 20em;
	background: var(--main-color);
	color: #fff;
	margin-top: 4px;
}
.icon-box.fancy .icon i{opacity:.29}
.icon-box.medium>p{line-height:1.3;margin:0 0 10px 75px;text-align:right;min-height:40px}
.icon-box{margin-bottom:0}
.icon-box.fancy.medium>.counter{font-size:32px;text-align:right;font-weight:600;letter-spacing:-2px!important}
.icon-box.fancy.medium>.counter span{margin:0 0 10px 55px;font-size:43px;line-height:40px;color:var(--main-color);font-weight:600}
.icon-box .icon a img{height:75px;width:auto;border:2px var(--main-color) solid;padding:8px;border-radius:20em;transition:.5s}
.icon-box .icon a:hover img{transform:rotate3d(0,1,1,360deg)}
.icon-box.center p,.icon-box.text-center p{font-size: 16px;line-height:1.5;}
.icon-box.center .icon,.icon-box.text-center .icon{margin-bottom:18px;height:auto;margin-top:19px;width:auto}
.icon-box.center h3,.icon-box.center h5,.icon-box.text-center h3,.icon-box.text-center h5{line-height:1.4;margin-right:0}

/* footer */
footer {margin-top: 30px;background-color: #303030;border-top: 1px solid #ddd;color: #e2e2e2}
footer hr {border-top: none;border-bottom: 1px solid #666}
footer a {color: #ccc}
footer a:hover {color: #fff}
footer h5 {font-family: 'Open Sans', sans-serif;font-size: 13px;font-weight: bold;color: #fff}

#footer {font-size: 13px;border-top:5px solid #b21a29;background-color:#1e2835;color:#fff}
#footer strong {color: #EB1D23;}
#footer .footer-banner {background: #eaeaea}
#footer ul {margin-bottom: 0}
#footer ul li {margin-bottom: 5px}
#footer ul li a {color:#fff;display: block;position: relative}
#footer ul li a:hover {color: #f26522}
#footer ul li a:hover:before {background: #f26522}
#footer .footer-col .footer-content ul li i {margin-right: 10px}
#footer .footer-col .footer-content .hr {display: inline-block;width: 60px;height: 2px;margin: 20px 0 10px;background: #7d7d7d}
#footer .footer-top {padding: 20px 0 0;background-image:url(https://khanhancctv.com.vn/catalog/view/theme/default/image/world-map.png); }
#footer .footer-center {padding: 0 0 20px}
#footer .footer-center.mobile {padding: 20px 0 0}
#footer .footer-center .row {position: relative}
#footer .footer-center .row {margin: 0 15px 0 0}
#footer .footer-center .row .col-lg .line-footer .logo-app {display: inline-block}
#footer .footer-center .row .col-lg .line-footer .logo-app:not(:last-child) {margin-right: 15px}
#footer .footer-center .row .col-lg .line-footer .logo-app svg {width: 135px}
#footer .footer-center .row .col-lg .footer-social .list-social {margin: 10px 0 20px;display: -webkit-flex;display: flex;-webkit-align-items: center;align-items: center}
#footer .footer-center .row .col-lg .footer-social .list-social .ico {height: 35px;width: 35px;border-radius: 50%;background: #a6a6a6;color: #fff;line-height: 35px;text-align: center}
#footer .footer-center .row .col-lg .footer-social .list-social .ico:not(:last-child) {margin-right: 10px}
#footer .footer-center .row .col-lg .footer-social .list-social .ico svg {width: 15px;height: 15px;vertical-align: -2px}
#footer .footer-center .row .col-lg .footer-social .list-social .ico svg path, 
#footer .footer-center .row .col-lg .footer-social .list-social .ico svg polygon {fill: #fff!important}
#footer .footer-center .row .col-lg .footer-social .list-social .ico.ic-faccbook:hover svg path {fill: #385C8E!important}
#footer .footer-center .row .col-lg .footer-social .list-social .ico.ic-instagram:hover svg path {fill: #191919!important}
#footer .footer-center .row .col-lg .footer-social .list-social .ico.ic-youtube:hover svg path {fill: #F61C0D!important}
#footer .footer-center .row .col-lg .footer-social .list-social .ico.ic-linked:hover svg path {fill: #191919!important}
#footer .footer-center .row .col-lg .content-newsletter p {font-size: 12px;margin: 0 auto 15px}
#footer .footer-center .row .col-lg .content-newsletter form .form-group {position: relative;margin-bottom: 0}
#footer .footer-center .row .col-lg .content-newsletter form .form-group input {
	width: 100%;height: 37px;line-height: 25px;color: #191919;font-size: 12px;padding: 0 15px;border-radius: 0;box-shadow: none;outline: none !important;transition: initial;border-radius: 5px;border: 1px solid #a6a6a6;
}
#footer .footer-center .row .col-lg .content-newsletter form .form-group button {
	background: transparent;color: #fff;font-weight: 500;text-align: center;text-transform: uppercase;position: absolute;z-index: 0;top: 0;right: 0;border-radius: 0;border: 1px solid #a6a6a6;height: 37px;width: 65px;padding: 10px;font-size: 12px;border-top-right-radius: 5px;border-bottom-right-radius: 5px;
}
#footer .footer-center .row .col-lg .content-newsletter form .form-group button:before {	background-color: #a6a6a6}
#footer .footer-center .row .col-lg .content-newsletter form .form-group button:hover {color: #191919}

#footer .footer-bottom {padding: 12px 0;background: #a6a6a6;color: #fff}
#footer .footer-bottom p {margin-bottom: 0}
#footer .footer-bottom .col-left p {padding: 7px 0}
#footer .footer-bottom a {color: #fff}
#footer .footer-bottom a:hover {color: #f26522}
#footer .footer-bottom .logo-cn img {height: 35px;margin-left: 10px}
#footer .footer-bottom .col-right {text-align: right}

#footer .powered {padding: 12px 0;background: #a6a6a6;color: #fff}
#footer .powered p {margin-bottom: 0}
#footer .powered .col-left p {padding: 7px 0}
#footer .powered a {color: #fff}
#footer .powered a:hover {color: #f26522}
#footer .powered .logo-cn img {height: 35px;margin-left: 10px}
#footer .powered .col-right {text-align: right}


#button-contact-vr{position:fixed;bottom:0;z-index:99999}
#button-contact-vr .button-contact{position:relative;margin-top:-5px}
#button-contact-vr .button-contact .phone-vr{position:relative;visibility:visible;background-color:transparent;width:90px;height:90px;cursor:pointer;z-index:11;-webkit-backface-visibility:hidden;-webkit-transform:translateZ(0);transition:visibility .5s;left:0;bottom:0;display:block}
.phone-vr-circle-fill{width:65px;height:65px;top:12px;left:12px;position:absolute;box-shadow:0 0 0 0 #c31d1d;background-color:rgba(230,8,8,.7);border-radius:50%;border:2px solid transparent;-webkit-animation:phone-vr-circle-fill 2.3s infinite ease-in-out;animation:phone-vr-circle-fill 2.3s infinite ease-in-out;transition:all .5s;-webkit-transform-origin:50% 50%;-ms-transform-origin:50% 50%;transform-origin:50% 50%;-webkit-animuiion:zoom 1.3s infinite;animation:zoom 1.3s infinite}
.phone-vr-img-circle{background-color:#e60808;width:40px;height:40px;line-height:40px;top:25px;left:25px;position:absolute;border-radius:50%;overflow:hidden;display:flex;justify-content:center;-webkit-animation:phonering-alo-circle-img-anim 1s infinite ease-in-out;animation:phone-vr-circle-fill 1s infinite ease-in-out}
.phone-vr-img-circle a{display:block;line-height:37px}
.phone-vr-img-circle img{max-height:25px;max-width:27px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%)}
#instagram-vr .phone-vr-circle-fill{background:rgb(17,143,253);background:linear-gradient(160deg,rgba(17,143,253,1) 20%,rgba(188,60,218,1) 50%,rgba(253,223,5,1) 80%);background-size:contain;box-shadow:0 0 0 0 #c840c9;background-color:rgb(79 103 254);border:0}
#instagram-vr .phone-vr-img-circle{background:transparent}
#telegram-vr .phone-vr-circle-fill{box-shadow:0 0 0 0 #2c9fd8;background-color:rgb(44 159 216 / 74%)}
#telegram-vr .phone-vr-img-circle{background:#2c9fd8}
@-webkit-keyframes phone-vr-circle-fill{0%{-webkit-transform:rotate(0) scale(1) skew(1deg)}10%{-webkit-transform:rotate(-25deg) scale(1) skew(1deg)}20%{-webkit-transform:rotate(25deg) scale(1) skew(1deg)}
30%{-webkit-transform:rotate(-25deg) scale(1) skew(1deg)}40%{-webkit-transform:rotate(25deg) scale(1) skew(1deg)}50%{-webkit-transform:rotate(0) scale(1) skew(1deg)}
100%{-webkit-transform:rotate(0) scale(1) skew(1deg)}}
@-webkit-keyframes zoom{0%{transform:scale(.9)}70%{transform:scale(1);box-shadow:0 0 0 15px transparent}100%{transform:scale(.9);box-shadow:0 0 0 0 transparent}}
@keyframes zoom{0%{transform:scale(.9)}70%{transform:scale(1);box-shadow:0 0 0 15px transparent}100%{transform:scale(.9);box-shadow:0 0 0 0 transparent}}
.phone-bar a{position:absolute;margin-top:-65px;left:30px;z-index:-1;color:#fff;font-size:16px;padding:7px 15px 7px 50px;border-radius:100px;white-space:nowrap}
.phone-bar a:hover{opacity:.8;color:#fff}
@media(max-width:736px){.phone-bar{display:none}}
#zalo-vr .phone-vr-circle-fill{box-shadow:0 0 0 0 #2196F3;background-color:rgba(33,150,243,.7)}
#zalo-vr .phone-vr-img-circle{background-color:#2196F3}
#viber-vr .phone-vr-circle-fill{box-shadow:0 0 0 0 #714497;background-color:rgba(113,68,151,.8)}
#viber-vr .phone-vr-img-circle{background-color:#714497}
#contact-vr .phone-vr-circle-fill{box-shadow:0 0 0 0 #2196F3;background-color:rgba(33,150,243,.7)}
#contact-vr .phone-vr-img-circle{background-color:#2196F3}
div#whatsapp-vr .phone-vr .phone-vr-circle-fill{box-shadow:0 0 0 0 #1fd744;background-color:rgb(35 217 72 / 70%)}
div#whatsapp-vr .phone-vr .phone-vr-img-circle{background:#1cd741}
div#whatsapp-vr .phone-vr .phone-vr-img-circle img{max-width:100%;max-height:100%;border-radius:50%}
#maps-vr img{max-width:35px;max-height:35px}
#maps-vr .phone-vr-img-circle{background-color:#1877f2}
#maps-vr .phone-vr-circle-fill{box-shadow:0 0 0 0 rgb(24 119 242 / 65%);background-color:rgb(24 119 242 / 70%)}

#fanpage-vr img{max-width:35px;max-height:35px}
#fanpage-vr .phone-vr-img-circle{background-color:#1877f2}
#fanpage-vr .phone-vr-circle-fill{box-shadow:0 0 0 0 rgb(24 119 242 / 65%);background-color:rgb(24 119 242 / 70%)}

#gom-all-in-one .button-contact{transition:1.6s all;-moz-transition:1.6s all;-webkit-transition:1.6s all}
#button-contact-vr.active #gom-all-in-one .button-contact{margin-left:-100%}
#all-in-one-vr .phone-bar{position:absolute;top:50%;transform:translateY(-50%);left:100%;color:#fff;padding:5px 15px 5px 48px;border-radius:50px;margin-left:-64px;width:max-content;cursor:pointer}
#popup-showroom-vr,div#popup-form-contact-vr{display:none}
#popup-showroom-vr.active,div#popup-form-contact-vr.active{display:block;position:fixed;width:100%;height:100vh;top:0;left:0;z-index:99999}
.bg-popup-vr{position:absolute;left:0;top:0;background:rgb(51 51 51 / 50%);width:100%;height:100vh}
.content-popup-vr{background:#fff;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:95%;border-radius:5px;box-shadow:0 0 14px 5px rgb(0 0 0 / 49%);max-width:600px;display:flex}
.content-popup-vr input,.content-popup-vr textarea{width:100%;max-height:100px;min-height:38px;border:1px solid #b1b1b1;margin-bottom:10px;padding:0 7px;background:#fff}
.content-popup-vr label{width:100%}
.content-popup-vr input.wpcf7-form-control.wpcf7-submit{max-width:fit-content;padding:5px 32px 2px;background:#2196f3;border:0;color:#fff;font-size:16px;border-radius:5px;margin:10px auto 0;display:block;box-shadow:0 0 5px 1px rgb(0 0 0 / 29%);font-weight:400;min-height:auto;line-height:30px}
.content-popup-vr input.wpcf7-form-control.wpcf7-submit:hover{opacity:.7}
.content-popup-vr .close-popup-vr{font-family:sans-serif;width:23px;height:23px;background:#191919;position:absolute;top:-10px;right:-10px;color:#fff;text-align:center;line-height:23px;font-size:17px;border-radius:50%;cursor:pointer}
.content-popup-vr .close-popup-vr:hover{background:#b50000}
.content-popup-vr .content-popup-div-vr{width:100%;padding:25px}
.content-popup-vr .content-popup-img-vr{width:100%;max-width:45%;border-radius:10px 0 0 10px;overflow:hidden}
#loco-top,#loco-bottom{display:block}
#loco-top .content-popup-img-vr,div#popup-form-contact-vr #loco-bottom .content-popup-img-vr{max-width:100%;text-align:center}
#contact-showroom.no-event a{pointer-events:none}
.content-popup-vr .content-popup-div-vr ul{color:#333;list-style:none;font-size:15px}
@media(max-width:673px){div#popup-form-contact-vr .content-popup-vr{display:block}
div#popup-form-contact-vr .content-popup-vr .content-popup-img-vr{max-width:100%;display:none}}
#ftiktok-vr .phone-vr-img-circle{background-color:#020202}
#tiktok-vr .phone-vr-circle-fill{box-shadow:0 0 0 0 rgb(2 2 2 / 55%);background-color:rgb(2 2 2 / 60%)}
#tiktok-vr .phone-vr-img-circle img{max-width:90%;max-height:90%}#tiktok-vr .phone-vr-img-circle{background:#020202}

.phone-bar a,#phone-vr .phone-vr-circle-fill,#phone-vr .phone-vr-img-circle,#phone-vr .phone-bar a {background-color: #dd3333;}
#phone-vr .phone-vr-circle-fill {opacity: 0.7;box-shadow: 0 0 0 0 #dd3333;}
.phone-bar2 a,#phone-vr2 .phone-vr-circle-fill,#phone-vr2 .phone-vr-img-circle,#phone-vr2 .phone-bar a {background-color: ;}
#phone-vr2 .phone-vr-circle-fill {opacity: 0.7;box-shadow: 0 0 0 0 ;}
.phone-bar3 a,#phone-vr3 .phone-vr-circle-fill,#phone-vr3 .phone-vr-img-circle,#phone-vr3 .phone-bar a {background-color: ;}
#phone-vr3 .phone-vr-circle-fill {opacity: 0.7;box-shadow: 0 0 0 0 ;}