@font-face {
font-family: 'UTM Neo Sans Intel B';
src: url('../fonts/UTMNeoSansIntelBold.eot');
src: url('../fonts/UTMNeoSansIntelBold.eot?#iefix') format('embedded-opentype'), 
url('../fonts/UTMNeoSansIntelBold.woff') format('woff'), 
url('../fonts/UTMNeoSansIntelBold.ttf') format('truetype'), 
url('../fonts/UTMNeoSansIntelBold.svg#UTMNeoSansIntelBold') format('svg');
font-weight: bold;
font-style: normal;
}
@font-face {
font-family: 'UTM Neo Sans Intel';
src: url(../fonts/UTMNeoSansIntel.ttf)
}
body{font-family:arial,sans-serif;}
main{background:#fafafa}
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:#f7941d;
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: #f79317;
color: #fff;
padding: 3px 6px;
border-radius: 2px;}
.title-aside{
width: 100%;
display: inline-block;
color: #fff!important;
background: #3a3a3c;
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:red;}
@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:red}
#promotion i{border: 1px dashed;color: red; margin: 0px 0px 0px 5px;}
#item_col_3{width: 31%;}
#item_col_12{width: 100%;}
header{padding:0px;}
header .top{
padding: 5px 0px 10px 0px;
border-bottom: 1px dotted #eee;
margin: 0px 0px 5px 0px;
}
.logores{display:none}
.logores img{height:35px;}
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 14px/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:50%
}
.bottom .support
{	display: inline-block;
width:22%;
font-family:'UTM Neo Sans Intel B',arial
}
.bottom .support a{color: #3a3a3c;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: #3a3a3c;
text-decoration: none;
padding: 10px 12px 12px 12px;
font-size: 15px;
}
header .bottom .cart a b{font-weight:normal}
#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:#3a3a3c;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 16px/1.6em arial;
padding: 10px 18px;
display: inline-block;
border:1px solid #3a3a3c;
transition: all ease-in-out 0.4s;
}
#menu ul li a{padding:12px 40px;font-size:17px}
#active,.menu ul li a:hover{
background:#f79723;
color:#fff;
}
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 #3a3a3c;
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}
#dropdown .dropdown-menu{
background:rgb(247 148 29 / 90%);
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 'UTM Neo Sans Intel B';
text-shadow: 1px 1px 0px #ddd;
text-transform: uppercase;
color:#3a3a3c;
margin: 0;
}
.brief-text h2{
margin: 0px 0px 10px 0px;
padding: 0px 0px 2px 0px;
font-family: arial;
font-size: 20px;
letter-spacing: 1px;
text-align: left;
line-height: 40px;
color:#f49634;
border-bottom:1px dotted #3a3a3c38;}
.brief-text h2 span{
padding: 8px 4px 10px 4px;
margin: 0px 0px 0px 0px;
border-bottom: 2px solid #f49634;}
.brief-text p{font:normal 17px/26px arial;text-align:justify}
.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:rgb(247 147 23 / 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:rgb(247 147 23 / 75%);
height:30%;
bottom: 0px;
width: 100%;
transition: all ease-in-out 0.4s;
overflow: hidden;text-align: left;
}
.overly-bottom img {
width:22%!important;
height: 100%;
position: relative;
background:rgba(255, 255, 255, 1);
float: left;border: 1px solid #f7941d;margin-right:5px
}
.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;
display: block;
}
.overly-bottom .discript span{
font-size: 15px;
padding: 10px 0px 10px 0px;
display: inline-block;
background: url(../image/line.png) no-repeat bottom left;
background-size: 100%;color:#fff;
}
.overly-top p{
font-size:15px;line-height:22px;
color:#fff;
}
.brief  a:hover .overly-bottom{height:0%;opacity:0}
.brief img{}
.product{background:#fafafa;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{
font-size:30px;
line-height: 40px;
color:#3a3a3c;
}
.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 a{
color:#f79317;
}
.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;
vertical-align:top;
position:relative;
text-align: center;
box-shadow: 0px 0px 5px 0px #eeeeee;
}
.item:hover{box-shadow:0px 0px 5px 0px #e0e0e0}
.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/1.5em arial;
margin: 0px 6px;
}
.item .price span#discount{
font:bold 16px/1.6em arial;
}
.item .price span#current{
color: red;
text-decoration: line-through;
}
.item .rating{
text-align: center;
margin: 0px 6px;
}
.item .rating span#rating{
color:#f79317;
width: 48%;
font: normal 11px arial;
display: inline-block;
}
.item .rating span i{font-size:13px}
.item .rating span#sell{
font: normal 13px arial;
width: 48%;
display: inline-block;
}
.item .button{
margin:10px 0px;
text-align: center;
}
.item .button a{
color:#444;
text-decoration: none;
font: normal 17px arial;
padding:10px 5px;
display: inline-block;
width: 47.5%;
border-radius:2px
}
.item .button a i{
padding:0px 10px 0px 0px;
font-size: 16px;

}
.item .button a#view{
}
.item .button a#view i{}
.item .button a#buy{
background:#f79317;
color:#fff;
}
.item .server, .item .hosting{display:none}
.plan{}
.plan .name{margin:0!important;padding: 0!important;border:none!important;border-radius: 4px 4px 0px 0px;background:#37404a;}
.plan .name a{ 
padding: 20px 5px;
display: inline-block;
background:rgba(0, 0, 0, 0.30);
font: normal 18px/1.8em arial;
color: #fff;border-radius: 4px 4px 0px 0px;
width: 100%;white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;}
.plan .price{
background: #fafafa;
padding:30px 6px 10px 6px;
margin: 0; }
.plan .cover-discount {
text-align: center;
background: #ff0000c9;
top: 10%;
padding: 3px 6px !important;
height: 40px;
width: 40px;
border-radius: 50%;
left: 45%;
}
.plan ul{ padding:10px;margin: 0;list-style: none;}
.plan h6{font: normal 16px/1.6em 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: "\f233";padding: 0px 5px 0px 0px;
font-size: 20px;}
.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{content: "- ";padding: 0px 3px 0px 0px}
.plan ul li{display:block;text-align:left;font:bold 14px /1.8em arial; white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.plan ul li:first-letter{font-size:16px}
.plan ul li span:before{content:": ";margin-left:-1px}
.plan ul li span{font: normal 14px arial;}
.owl-carousel .plan ul li{font-weight:normal!important}
.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:#f59735;
background:#3a3a3c
}
.box-price-website{}
.box-price-website .title{width:650px; margin: 0 auto;border: 0;}
.box-price-website .title a.active{font-size: 18px;padding:3px 20px 8px 20px;border-radius: 2px!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{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%;padding:5px;}
.client .item a{width:25%;float:left}
.client .item a img{max-width:100%;border: 1px solid #eee;}
.client .item .client-info{width:70%;float: right;text-align: justify;}
.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: 13px;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 arial,sans-serif;}
.reason-for-website h4 i{margin:0px 10px;}
.form-register-for-website{padding: 20px;border-radius: 5px;background: rgba(0, 0, 0, 0.1);}
@-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;margin: 3% 0%;}
.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 #3a3a3c;
border-radius: 2px;}
.sbmcontact{padding: 10px 12px;
color: #fff;
width: 100%;
display: inline-block;
background: #3a3a3c;
font: bold 15px/2.7em arial;
border: none;
border-radius:2px;}
footer{color: #ccc;}
footer a{color: #ccc;}
footer .foo-middle{background: #3a3a3c;padding: 1% 0;border-top:1px solid rgba(0, 0, 0, 0.15);}
footer .foo-bottom{padding: 10px 0px ;
background:#2e2e2e;
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 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;
}
footer .block p{text-align:justify}
#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: 15px;
font-family: arial;
border-bottom:1px dotted rgb(255 255 255 / 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: #3a3a3c;
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: #3a3a3c;
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:#3a3a3c;
font: bold 18px/1.8em 'UTM Neo Sans Intel B',arial;
text-transform: uppercase;
margin: 0px 0px 10px 0px;
padding:00px 0px 10px 0px;
border-bottom: 1px dotted #ddd;
}
.detail-new img{max-width:100%;}
.product-brief .info .name span,.detail-new .name span,.boxorder .title span
{padding: 0px 0px 10px 0px;border-bottom: 4px solid #3a3a3c;}
.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: red;
text-decoration: line-through;
}
.product-brief .info .description{
font: normal 15px/1.8em arial;
}
.btn-cart a{background: #3a3a3c;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{}
.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;
}
.nav-tabs .nav-link.active{background:#f79317;color: #fff;}
.with-errors{color: red;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: #3a3a3c;
color: #fff;}
.ajs-cancel{ background:red;
color: #fff;}
.table-bordered td, .table-bordered th {
vertical-align: middle!important;
}
.fa-trash{padding:5px 0px}
.owl-thumb-item img {
width:80px;
height:60px;
}

.owl-thumbs {
position: absolute;
z-index:99;
bottom:5px;
left: 0;
display: table;
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: .7;
}

.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 red;
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: red;
}
.information h6 .btn-demo{color:red}
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:#3a3a3c;
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:#3a3a3c;
z-index: 999;
border:1px solid rgba(0, 0, 0, 0.15)
}
.thead-dark{color: #fff;
text-align: center;
background: #3a3a3c;}
.promotionmore{color: red;font-weight: bold;cursor: pointer;}
#promotionmore span{padding: 0px 2px;
margin: 0px 0px 0px 21px;
border-radius: 5px;
color: red;
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 a{color: #f59735;}
.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: 10px;
vertical-align: top;}
.foocat li{margin:0px 0px 0px 15px;list-style: square;}
::marker{color:#fff}
.foocat h4{border-left: 5px solid #f59735;color: #f59735;}
.foocat h4 a{color: #fff;font: bold 18px arial;margin-left: 10px;}
.foocat li a{padding:8px 0px;color:#fff;border-bottom: 1px dotted rgba(255, 255, 255, 0.25);}
.foocat li a:hover{color:#f59735;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;}
.collapse.show p{white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;}
.taskinfo{float: right;width: 75%;}