body{font-family:arial,sans-serif;}
a,a:hover{text-decoration:none;color:#222222}
.clear{clear:both}
.f-left{float:left}
.f-right{float:right}
.circle{width: 30px;
height: 30px;
background: #fff;
color: #024a7d;
border-radius: 50%;
text-align: center;
padding: 8px 0px 0px 0px;}
.date{font: italic 13px arial;
margin: 0px 5px 0px 0px;
letter-spacing: 1px;
background: #024a7d;
color: #fff;
padding: 3px 6px;
border-radius: 2px;}
.small{width:60px}
.title-aside{
width: 100%;
display: inline-block;
color: #fff!important;
background: #024a7d;
font: bold 16px/1.8em 'UTM Neo Sans Intel B',arial;
text-transform: uppercase;
padding: 5px 10px!important;
border-bottom: 2px solid rgba(0, 0, 0, 0.15);
text-align: center;
border-radius: 2px;
}
.fixed{}
blink{animation: blinker 2s linear infinite;color:#dc3545;}
@keyframes blinker {50% { opacity: 0; }}
#twitter i{background: #007bff;color: #fff;font-size: 15px;line-height: 17px;}
#facebook i{background: #146ac3;color: #fff;font-size: 15px;line-height: 17px;}
#youtube i{background: #d80000;color: #fff;font-size: 15px;line-height: 17px;}
#promotion{color:#dc3545}
#promotion i{border: 1px dashed;color: #dc3545; margin: 0px 0px 0px 5px;}
#item_col_3{width: 31%;}
#item_col_5{width: 18%;margin: 10px;}
#item_col_4{width: 31%;}
#item_col_12{width: 100%;}
header{padding:0px;}
#boxpagination{padding: 5px;
    background: #efefef;
    border: 1px solid #eaeaea;
    border-radius: 3px;
    text-align: center}
#boxpagination ul{margin:0}
header .top{
padding: 0px 0px 5px 0px;
border-bottom: 1px dotted #efefef}
.logores{display:none}
.logores img{height:36px;}
header .top .top-contact{display: inline-block;width:66%}
header .top .top-search,header .top .top-share{display: inline-block;width:33%;text-align: right;}
header .top .top-contact a{color: #37404a;font: normal 15px/1.7em arial;margin: 0px 5px;}
header .top .top-contact a i{padding:0px 2px 0px 0px}
header .top .top-share{margin-top: 6px;}
header .top .top-share a{display: inline-block;margin: 0px 1px;transition: all 0.5s ease-in-out 0s;}
header .top .top-share i{
border: 1px solid #efefef;
padding: 6px 0px 0px 0px;
width: 28px;
height: 28px;
text-align: center;
border-radius: 50%;}
.bottom{width:100%;padding:10px 5px;vertical-align: middle;background: #fff;display: inline-block;}
.bottom .logo
{
float: left;
width:34%
}
.bottom .logo a{}
.bottom .logo a img
{
max-width:90%
}
.bottom .support
{	display: inline-block;
	width:22%;
	font-family:'UTM Neo Sans Intel B',arial
}
.bottom .support a{color: #024a7d;display: inline-block;width:100%}
.bottom .support a.phone{font-size:20px;letter-spacing:1px}
.bottom .support a i
{
font-size: 22px;margin: 0px 10px 0px 0px;
}
.bottom .cart
{
float: right;
width:20%;
text-align: right;
margin-top: 15px;
}
.bottom .cart a
{
color: white;
text-decoration: none;
padding:10px 12px 12px 12px;
background: #024a7d;
font-size: 14px;
border-radius: 3px;
border: 1px solid rgba(0, 0, 0, 0.25);
}
#menu_mobi{display:none;z-index: 10;position: fixed;top: 0;background:transparent;}
.ma5menu__home{display: inline-block;width: 80%;float: left;margin-top: 15px;}
.ma5menu__home img{max-width:100%}
.menu{background:#024a7d;padding:0}
.menu ul{padding:0;margin:0;}
.menu ul li
{
display: inline-block;
}
.menu ul li a{
color: #fff;
text-decoration: none;
font: normal 15px/1.5em arial;
padding: 10px 18px;
display: inline-block;
border:1px solid #024a7d;
transition: all ease-in-out 0.4s;
}
#menu ul li a{padding:12px 40px;font-size:17px}
.menu ul li a:hover{
background:#fff;
color:#024a7d;
}
input[type=search] {
	-webkit-appearance: textfield;
	-webkit-box-sizing: content-box;
	font-family: inherit;
	font-size: 100%;
}
input::-webkit-search-decoration,
input::-webkit-search-cancel-button {
display: none; 
}

input[type=search] {
background: rgba(255, 255, 255, 0.75) url(../image/searchicon.png) no-repeat 9px center;
border: solid 1px #024a7d;
padding: 7px 3px 7px 24px;
width: 55px;
	
-webkit-border-radius: 10em;
-moz-border-radius: 10em;
border-radius: 10em;

-webkit-transition: all .5s;
-moz-transition: all .5s;
transition: all .5s;
}
input[type=search]:focus {
	width: 130px;
	background-color: #fff;
	
	
	-webkit-box-shadow: 0 0 5px rgba(109,207,246,.5);
	-moz-box-shadow: 0 0 5px rgba(109,207,246,.5);
	box-shadow: 0 0 5px rgba(109,207,246,.5);
}


input:-moz-placeholder {
	color: #999;
}
input::-webkit-input-placeholder {
	color: #999;
}
#boxsearch{position:absolute;top:3px;right:10px}
#boxsearch input[type=search] {
	width:27px;
	padding-left: 10px;
	color: transparent;
	cursor: pointer;
}
#boxsearch input[type=search]:hover {
	background-color: #fff;
}
#boxsearch input[type=search]:focus {
	width:300px;
	padding-left: 32px;
	color: #000;
	background-color: #fff;
	cursor: auto;
	z-index:99999
}
#boxsearch input:-moz-placeholder {
	color: transparent;
}
.dropdown-menu.show{margin:0}
#dropdown:hover .dropdown-menu.level-one{display:block;width:300px}
#dropdown .dropdown-menu{
background:rgba(2, 74, 125, 0.9);
padding: 0;
border-radius: 0;
border: 0;
} 
#dropdown .dropdown-menu li{
display: inline-block;
width: 100%;
}
#dropdown .dropdown-menu li a{
border: none;
line-height: 22px;
font-size: 14px;
padding: 8px 8px;
display: inline-block;
border-bottom: 1px dotted rgba(255, 255, 255, 0.15);
width: 100%;
}
.dropdown-menu .dropdown-toggle::after{float: right;margin-top: 8px;}
.category{width:24%;display:inline-block;vertical-align: top;}
.slider{width:100%;display:inline-block!important}
.brief .brief-image{text-align:center}
.brief-text h1{
font:900 30px arial;
text-shadow: 1px 1px 0px #ddd;
text-transform: uppercase;
color:#024a7d;
margin: 0;
}
.brief-text h2{
margin: 0px 0px 8px 0px;
    padding: 0px 0px 2px 0px;
    font-family: 'UTM Neo Sans Intel B';
    font-size: 22px;
    text-shadow: 1px 1px 1px #eeeeee;
    letter-spacing: 1px;
    text-align: left;
    line-height: 40px;
    color: #ff0000;
    border-bottom: 1px dotted #ddd;}
.brief-text h2 span{
	padding: 8px 4px 6px 4px;
    margin: 0px 0px 0px 0px;
    border-bottom: 3px solid #f00;}
.brief-text p{font:normal 17px/26px arial}
.brief a {
    display: inline-block;
    width: 45%;
    margin: 1.2% 1%;
    padding: 0%;
    position: relative;
}
.brief a img {
    width: 100%;
}
.brief a:hover .overly-top{height:100%;opacity:1}

.overly-top {
    position: absolute;
    background:rgba(2, 74, 125, 0.75);
    height:0%;
    top: 0px;
    width: 100%;padding:7% 5%;
    transition: all ease-in-out 0.4s;
    overflow: hidden;opacity:0
}
.overly-top .discript img {
    width: 125px!important;
}
.overly-top p {
    margin-top:0px;
    position: relative;
}


.overly-bottom {
    position: absolute;
    background:rgba(2, 74, 125, 0.75);
    height:30%;
    bottom: 0px;
    width: 100%;
    transition: all ease-in-out 0.4s;
    overflow: hidden;
}
.overly-bottom img {
width:22%!important;
height: 100%;
position: relative;
background:rgba(255, 255, 255, 1);
float: left;
}
.overly-top .discript span{width: 100%;}
.overly-top .discript span,.overly-bottom .discript span{
font-family: 'UTM Neo Sans Intel B';
text-transform:uppercase;
font-size:17px;
color:#fff;
font-weight:bold
}
.overly-bottom .discript span{
font-size: 16px;
padding: 10px 0px 10px 0px;
display: inline-block;
background: url(../image/line.png) no-repeat bottom left;
background-size: 100%;color: yellow;
}
.overly-top p{
font-size:15px;line-height:22px;
color:#fff;
}
.brief  a:hover .overly-bottom{height:0%;opacity:0}
.brief img{}
.product{background:#fff;width: 100%;}
#product-promotion{width:75.5%;display:inline-block}
.title{
width: 100%;
font-family:'UTM Neo Sans Intel B',arial;
padding:2% 0;
}
.title h2:before{
font-family:'Font Awesome 5 Pro';font-weight:700;content: "\f870";padding: 0px 10px 0px 0px;
}
.title h2{
font-size: 20px;
background: #024a7d;
margin: 0px;
text-align: left;
color: #fff;
padding: 10px;
}
.title h3,.title p,.tab-content h3.text-center{
font-size: 15px;
color: #222222;
line-height: 25px;
padding: 0px 0px 8px 0px;
width: 70%;
margin: 0 auto;
}
.title h3,.title img{display:none}
.title a{
color:#fff;
}
.nav-tabs a.nav-link{color: #024a7d;}
.cover-discount {
position: absolute;
top: -5px;
left: -1px;
text-align: center;
background: url(../image/discount.png);
color: #fff!important;
padding: 23px 24px 20px 7px!important;
background-repeat: no-repeat;
background-size: 100%;
font-size: 13px;
}
.list-item{width:100%}
.item{
width: 22.7%;
margin: 1%;
padding:0px;
display: inline-block;
background: #fff;
border: 1px solid #f8f8f8;
box-shadow: 1px 1px 5px 0px rgba(0, 0, 0, 0.05);
vertical-align:top;
position:relative;
text-align: center;
}
.item:hover{box-shadow:0px 0px 5px 0px #ccc}
.item .image{
display: inline-block;
}
.item .image img{
max-width: 100%;}
.product .item .image img{height: 270px;}
.item .name{
margin: 6px 0px;
text-align: center;
}
.item .name a{
text-decoration: none;
color: #000;
font: bold 17px/1.5em arial;	
}
.item .price{
margin: 6px 0px;
text-align: center;}
.item .price span{
font:bold 17px arial;
margin: 0px 6px;
}
.item .price span#discount{
letter-spacing:1px;
color:#024a7d;
}
.item .price span#current{
color:#ff0000;
text-decoration: line-through;
}
.item .rating{
text-align: center;
margin: 0px;
}
.item .rating span#rating{
color: yellow;
width: 48%;
display: inline-block;
}
.item .rating span i{font-size:13px}
.item .rating span#sell{
font: normal 13px arial;
width: 49%;
display: inline-block;
}
.item .button{
margin: 6px 0px;
text-align: center;
}
.item .button a{
color: #fff;
text-decoration: none;
font:bold 14px arial;
padding:10px 2px;
display: inline-block;
width: 47.5%;
border-radius:2px
}
.item .button a i{
padding:0px 5px 0px 0px;
font-size: 15px;

}
.item .button a#view{
background:#024a7d;
}
.item .button a#view i{}
.item .button a#buy{
background: #ff0000;
color: #ffffff;
}

.plan{}
.plan .name{margin:0!important;padding: 0!important;border:none!important;border-radius: 4px 4px 0px 0px;}
.plan .name a{ 
padding: 5px;
display: inline-block;
font: normal 16px/1.6em arial;
width: 100%;
border-radius: 5px 5px 0px 0px;
}
.plan .name a img{ 

max-width:100%;}
.plan .price{
padding: 8px 5px;
margin: 0px 0px 10px 0px;
border-top: none;}
.plan .cover-discount {
text-align: center;
background: rgb(255 0 0 / 85%);
font-weight: bold;
top:0%;padding:6px!important;
height: 40px;
width: 40px;
border:none!important;
border-radius: 50%;
left:0%;
color:white!important;
}
.plan ul{ padding: 0px 5px;margin: 0;list-style: none;}
.plan h6{font: normal 18px/1.8em 'UTM Neo Sans Intel B',arial;margin:0;padding: 6px 0px 3px 0px;}
.plan h6.server:before,.plan h2.server:before{
font-family:'Font Awesome 5 Pro';font-weight:700;content: "\f05a";padding: 0px 5px 0px 0px;
font-size: 20px;}
.information{display:none}
.information .server{text-align: left;padding:0px 5px;}
.plan h6.hosting:before{
font-family:'Font Awesome 5 Pro';font-weight:700;content: "\f1c0";padding: 0px 5px 0px 0px;
}
.plan h6.website:before{
font-family:'Font Awesome 5 Pro';font-weight:700;content: "\f37e";padding: 0px 5px 0px 0px;
}
.plan h6.seo:before{
font-family:'Font Awesome 5 Pro';font-weight:700;content: "\f37e";padding: 0px 5px 0px 0px;
}
.plan ul li:before{font-family:'Font Awesome 5 Pro';font-weight:700;content: "\f352";padding: 0px 5px 0px 0px;color:#dc3545}
.plan ul li{text-align:left;font: bold 16px/2.0em 'UTM Neo Sans Intel B',arial;}
.plan ul li span{font: normal 15px arial;}
.website{}
.website .website-cover{
	display:none;
	position: absolute;
	padding:45% 0px 0px;
    top: 0;
    background: rgba(0, 0, 0, 0.45);
    left: 0;
    width: 100%;
    height:68%;
    z-index: 3;
transition:all ease-in-out 0.4s
}
.website .website-cover .information{color: #fff;text-align: justify;padding: 0px 10px;max-height: 200px;
    overflow: hidden;}
.website:hover .website-cover{display:block}
.website .name a{width: 100%;display: inline-block;}
.website .rating span#rating{width:48.5%}
.website .button {
    margin: 6px 0px;
    text-align: center;
}
.website .button a#registier{
    margin: 6px 0px;
    text-align: center;
	width:100%;
	color:yellow;
	background:#024a7d
}
.box-price-website{}
.box-price-website .title{margin: 10px auto 0px auto;border: 0;}
.box-price-website .title a.active{border-color: #024a7d;font-size:16px;padding:5px 20px;border-radius:2px 2px 0px 0px!important;}
.box-price-website .title a:hover{}
.box-price-website.tab-content img{max-width:100%}

.box-new{}
.box-new .title ul{width:350px; margin: 0 auto;border: 0;}
.box-new .title a.active{border-color: #024a7d;font-size: 18px;padding:3px 20px 8px 20px;border-radius: 2px!important;}
.box-new .title a:hover{}
.box-new .tab-content img{max-width:100%}
.client{margin-bottom:2%}
.client .item{width:100%}
.client .item a{width:25%;float:left}
.client .item a img{max-width:100%;border: 1px solid #444;border-radius: 50%;}
.client .item .client-info{width:70%;float: right;}
.client .item .client-info h4{display: inline-block;margin: 0;}
.client .item .client-info h4 a{width:100%}
.client .item .client-info p{margin: 0;font-size: 15px;line-height: 20px;}


.reason-for-website{}
.reason-for-website h2{text-transform: uppercase;
    font-size: 27px;line-height: 45px;
    font-family: sans-serif;
    font-weight: bold;}
.reason-for-website h4{
	font: normal 20px/40px 'UTM Neo Sans Intel B',arial,sans-serif;
    letter-spacing: 1px;}
.reason-for-website h4 i{margin:0px 10px;color:yellow;}
.form-register-for-website{padding: 20px;border-radius: 5px;background: rgba(0, 0, 0, 0.25);}
@-webkit-keyframes blinker {
  from {opacity: 1.0;}
  to {opacity: 0.0;}
}
.blink{
	text-decoration: blink;
	-webkit-animation-name: blinker;
	-webkit-animation-duration: 2s;
	-webkit-animation-iteration-count:infinite;
	-webkit-animation-timing-function:ease-in-out;
	-webkit-animation-direction: alternate;
	-webkit-animation-delay:3s;
}

.contact{background: url(../image/contact.png);background-size: cover;}
.contact .blur{background:rgba(2, 74, 125, 0.2);padding:0% 0 2% 0;color:#fff;text-shadow:1px 1px 0px rgba(109, 109, 109, 0.25)}
.contact .blur .title p{color:#fff}
.contact .frmcontact{width: 50%;margin: 0% auto;background: transparent;}
.contact .frmcontact form{margin:0}
.contact .frmcontact form input,.contact .frmcontact form textarea
{background: rgba(255,255,255,.25);
border: 1px solid #024a7d;
border-radius: 2px;}
.sbmcontact{padding: 10px 12px;
color: #fff;
width: 100%;
display: inline-block;
background: #024a7d;
font: bold 15px/2.7em arial;
border: none;
border-radius:2px;}
footer{color: #ccc;}
footer a{color: #ccc;}
footer .foo-middle{background: #024a7d;padding: 1% 0;border-top: 1px solid 1px solid rgba(0, 0, 0, 0.15);}
footer .foo-bottom{padding: 10px 0px ;
    background: #012c4a;
    color: #eee;
    border-top: 1px solid rgba(0, 0, 0, 0.15);}
footer .foo-bottom p{margin:0;}
footer .foo-bottom p span{font:normal 16px/1.6em 'UTM Neo Sans Intel B',arial, sans-serif;}

footer .foo-midle .block{
vertical-align: top;
}
footer .block h2{
margin:0px 0px 10px 0px;
padding:10px 0px;
border-bottom: 1px dotted #aaa;
}
footer .block h2 a{
text-decoration: none;
padding: 0px 0px 10px 0px;
color: #eee;
font-size: 17px;
border-bottom:4px solid #ffffff;
font:normal 18px/1.6em 'UTM Neo Sans Intel B',arial, sans-serif;
}
#foo-category{}
#foo-category ul{
margin: 0;
padding: 0;
}
#foo-category ul li{
list-style: none;
}
#foo-category ul li a{
padding: 8px 0px;
width: 100%;
display: inline-block;
color:#ccc;
text-decoration: none;
font-size: 16px;
font-family: arial;
border-bottom:1px dotted rgba(0, 0, 0, 0.15);
}
#foo-category ul li a:before{content:"- "}
#foo-category ul li a:hover
{
}
#foo-news, .list-hot-new{}
.list-hot-new ul,#foo-news ul{
margin: 0;
padding: 0;
}
.list-hot-new ul li,#foo-news ul li{
list-style: none;
max-height:90px;
overflow: hidden;
text-align: justify;
}
.list-hot-new ul li a,#foo-news ul li a{
text-decoration: none;
line-height: 25px;
display: inline-block;
width: 100%;
padding: 2% 0%;
border-bottom: 1px dotted rgba(0, 0, 0, 0.15);
}
#foo-news ul li a img{
width: 20%;
float: left;
margin: 0px 5px 0px 0px;
border-radius: 2px;
border: 1px solid rgba(255, 255, 255, 0.5);
}
.list-hot-new ul li a img{
width: 25%;
float: left;
margin: 0px 5px 0px 0px;
border-radius: 2px;
border:1px solid rgba(0, 0, 0, 0.15);
}
.list-hot-new ul li a h4,#foo-news ul li a h4{
margin: 0;
color: #222;
font:bold 15px arial;
}
.list-hot-new ul li a p,#foo-news ul li a p{
margin: 0;
color: #000;
font:normal 14px/24px arial;
}
#foo-contact{}
#foo-contact p{
margin:8px 0px;
}
#foo-contact p label{
width: 100%;
display: inline-block;
padding: 5px 0px;
}
#foo-contact p input{
width: 100%;
padding: 6px 0px;
border-radius:3px;
border:1px solid #ddd
}
#foo-contact p textarea{
width: 100%;
padding: 6px 0px;
border-radius:3px;
border:1px solid #ddd
}
#foo-contact p button{
padding: 10px 15px;
border-radius: 2px;
background: #f79623;
border: 0;
margin: 5px;
}
#slider .owl-nav button.owl-prev,#slider .owl-nav button.owl-next{
color: #024a7d;
    padding: 0px 20px 10px 20px!important;
    background: rgba(2, 73, 125, 0.25);
    font-size: 40px;
    position: absolute;
    top: 45%;
}
#slider .owl-nav button.owl-next{right:0}
#carouselpromotion .owl-nav button.owl-prev,#carouselpromotion .owl-nav button.owl-next,#carouselpromotion_1 .owl-nav button.owl-prev,#carouselpromotion_1 .owl-nav button.owl-next,#carouselpromotion_2 .owl-nav button.owl-prev,#carouselpromotion_2 .owl-nav button.owl-next{
color: #024a7d;
    padding:0px 15px 5px 15px!important;
    background: rgba(2, 73, 125, 0.25);
    font-size:25px;
    position: absolute;
    top: 45%;
}
#carouselpromotion .owl-nav button.owl-next,#carouselpromotion_1 .owl-nav button.owl-next,#carouselpromotion_2 .owl-nav button.owl-next{right:0}

.product-brief{}
.product-brief .image{}
.product-brief .image img{max-width: 100%;max-height:600px}
.product-brief .info{}
.product-brief .info .name,.detail-new .name,.boxorder .title{
color:#024a7d;
font: bold 18px/1.8em 'UTM Neo Sans Intel B',arial;
text-transform: uppercase;
margin: 0px 0px 10px 0px;
padding:0px 0px 10px 0px;
border-bottom: 1px dotted #024a7d;
}
.detail-new img{max-width:100%;}
.product-brief .info .name span,.detail-new .name span,.boxorder .title span
{padding: 0px 0px 14px 0px;}
.product-brief .info .price{}
.product-brief .info .price span{
font: bold 20px/1.8em arial;
margin: 0px 10px 0px 0px;
}
.product-brief .info .price #discount{
color: #dc3545;
text-decoration: line-through;
}
.product-brief .info .description{
font: normal 15px/1.8em arial;
}
.btn-cart a{background: #024a7d;margin: 2px 0px;
border: 1px solid rgba(0, 0, 0, 0.15);
font: normal 16px/1.6em 'UTM Neo Sans Intel B',arial;
padding: 8px 5px;color: #fff;}
.quatity{min-width: 120px;}
.quatity button{background: #eee;
    border: 1px solid #ddd;
    padding: 5px 15px;}
.quatity span{
padding: 8px 14px 9px 14px;
border-top: 1px solid #ddd;
border-bottom: 1px solid #ddd;
}
.breadcrumb{background: transparent;margin-bottom: 5px;}
.breadcum .breadcrumb-item a{font-size: 14px;}
.nav-tabs .nav-link.active{background: #024a7d;color: #fff;}
.nav-tabs .nav-item {margin-bottom: -2px;}
.with-errors{color: #dc3545;font-size: 13px;font-style: italic;padding: 5px 0px 0px 0px;}
.ajs-input{width:100%;padding:5px;}
.alertify .ajs-dialog{padding-top:0}
.alertify .ajs-header,.alertify .ajs-commands{display:none}
.ajs-button{
border-radius:3px;
border: 1px solid #ddd;
font-weight: bold;}
.ajs-ok{ background: #024a7d;
color: #fff;}
.ajs-cancel{ background:#dc3545;
color: #fff;}
.table-borde#dc3545 td, .table-borde#dc3545 th {
  vertical-align: middle!important;
}
.fa-trash{padding:5px 0px}
.owl-thumb-item img {}

.owl-thumbs {
	bottom:5px;
	display:inline-flex;
	width: 100%;
	text-align: center;
	padding:0;
}

.owl-thumb-item {
	display: table-cell;
	border: 1px solid rgba(255, 255, 255, 0.42);
	background: none;
	padding: 0;
	opacity: .9;
}

.owl-thumb-item.active {
	opacity: 1;
}
/* overlay styles, all needed */
.overlay {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-color: rgba(0,0,0,0.5);
    z-index: 10;
}
.modaloverlay {
    width: 120px;
    height: 120px;
    line-height: 200px;
    position: fixed;
    top: 50%;
    left:150px;
	padding: 0px 45%;
    margin-top: -100px;
    margin-left: -150px;
    border-radius: 5px;
    text-align: center;
    z-index: 11; /* 1px higher than the overlay layer */
}
.loader {
  border: 16px solid #f3f3f3;
  border-radius: 50%;
  border-top: 16px solid blue;
  border-right: 16px solid green;
  border-bottom: 16px solid #dc3545;
  border-left: 16px solid pink;
  width: 120px;
  height: 120px;
  -webkit-animation: spin 2s linear infinite;
  animation: spin 2s linear infinite;
}

@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
.information p{margin:0;text-align:left;padding:5px}
.information p a:before {
    font-family: 'Font Awesome 5 Pro';
    font-weight: 700;
    content: "\f352";
    padding: 0px 5px 0px 0px;
    color: #dc3545;
}
.information h6 .btn-demo{color:#dc3545}
iframe{width:100%;height:100%;border:none}
.product-content{position:relative}
.wrapper {
    position:relative;
    margin:0 auto;
    overflow:hidden;
	padding:5px;
  	height:50px;
}

.list {
    position:absolute;
    left:0px;
    top:0px;
  	min-width:3000px;
  	margin-left:12px;
    margin-top:0px;
}

.list li{
	display:table-cell;
    position:relative;
    text-align:center;
    cursor: grab; cursor : -o-grab; cursor : -moz-grab; cursor : -webkit-grab;
    color:#efefef;
    vertical-align:middle;
}

.scroller {
  text-align:center;
  cursor:pointer;
  display:none;
  padding:7px;
  padding-top:11px;
  white-space:no-wrap;
  vertical-align:middle;
  background-color:#fff;
}

.scroller-right{
right: 0;
    color: white;
    position: absolute;
    font-size: 25px;
    padding:7px 12px 6px 12px;
    background:#024a7d;
    z-index: 999;
	border:1px solid rgba(0, 0, 0, 0.15)
}

.scroller-left {
left: 0;
    color: white;
    position: absolute;
    font-size: 25px;
    padding:7px 12px 6px 12px;
    background:#024a7d;
    z-index: 999;
	border:1px solid rgba(0, 0, 0, 0.15)
}
.thead-dark{color: #fff;
    text-align: center;
    background: #024a7d;}
.promotionmore{color: #dc3545;font-weight: bold;cursor: pointer;}
#promotionmore span{padding: 0px 2px;
    margin: 0px 0px 0px 21px;
    border-radius: 5px;
    color: #dc3545;
    width: 100%;
    display: inline-block;}
.task{display: inline-block;
    width: 100%;
    border-radius: 5px;
    background: rgba(0, 0, 0, 0.05);
    padding: 5px;
    margin: 2px;
    border: 1px solid rgba(0, 0, 0, 0.04);}
.task a.taskimg{display: inline-block;float: left;width: 24%;padding: 0px 10px 10px 0px;}
.task a.taskimg img{border: 1px solid rgba(0, 0, 0, 0.02);}
.task .taskname{font-weight:bold}
.task .taskdesciption{padding:0;margin:0;max-height: 70px;overflow: hidden;}
.boxfooterlist{
background: url(../image/bgfoo.jpg);background-size: cover;padding: 0; margin: 0;
}
.boxfooterlist .blur{background:rgba(0, 0, 0, 0.65);padding: 0px 15px;}
.boxfooterlist .blur .title h2:before{content:''}
.boxfooterlist .blur .title h2{background:none;;text-align:center}
.boxfooterlist .blur .title h2 a{color: yellow;font-size: 20px;}
.boxfooterlist .blur .title p{color:#eee}
.footerlist{display: inline-block;width: 98%;margin: 0 auto;}
.foocat{display: inline-block;
    width: 24.5%;
    margin: 0;
    padding:4px 8px;
    vertical-align: top;}
.foocat li{margin:0px 0px 0px 15px}
.foocat h4{border-bottom: 1px dotted #666;margin: 0;}
.foocat h4 a:before{font-family: 'Font Awesome 5 Pro';
    font-weight: 400;
    content: "\f0da";
    font-size: 17px;
    color: yellow;
    padding: 0px 5px 0px 0px;}
.foocat h4 a{color: #fff;
    font: normal 15px arial;
    display: inline-block;
    width: 100%;
    margin: 0px 10px 0px 0px;
    padding: 8px 0px;}
.foocat li a{padding:8px 0px;color:#fff;border-bottom: 1px dotted rgba(255, 255, 255, 0.25);}
.foocat li a:hover{color:yellow;background:none}
.tab-content #detailmultitask,.tab-content #samemultitask{padding:0}
.tab-content #detailmultitask .col-md-12{padding:0}
.tab-content #samemultitask .row .col-md-6{padding:0}
p{width: 100%;word-break: break-word;}
.taskinfo{float: right;
    width: 75%;}
.owl-carousel.highlighting .owl-nav .owl-prev{padding: 0px 20px!important;
    background: rgba(2, 74, 125, 0.75);
    color: #fff;
    font-size: 30px;
    position: absolute;
    top: 40%;}
.owl-carousel.highlighting .owl-nav .owl-next{padding: 0px 20px!important;
    background: rgba(2, 74, 125, 0.75);
    color: #fff;
    font-size: 30px;
    position: absolute;
	right:0;
    top: 40%;}
.infocustomer label{width:100%}
.labelcheck{background: none!important;
    color: #2a8637!important;
    float: right;
    position: absolute;
    display: none;
    margin-top: 40px;
    right: 20px;}
#detailproduct a img{max-width:100%!important}
#fix_group_cart_button{display: inline-block;position: fixed;bottom: 0;left: 0px;z-index:9;padding: 3px;width: 100%;}
.btn-viewcart-buy{text-align:right}
#fix_group_cart_button a.btn{padding: 3px 8px 8px 8px;margin:0px 1px;color: #fff;font-size: 14px;line-height: 25px;font-family: 'UTM Neo Sans Intel B';}
#fix_group_cart_button .helper{position:absolute;width:50px;bottom:25px;right:10px}
#fix_group_cart_button .helper a{display:inline-block;padding:5px}
#fix_group_cart_button .helper a img{}