/* CSS Document */
html, body, div, span, h1, h2, h3, h4, h5 strong, ol, ul, li { margin: 0; border: 0; padding: 0; outline: 0; vertical-align: baseline }
article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video { display: block; }
ol, ol li ol { padding: 0px; margin: 0; line-height: 24px; margin-left:5px; }
ol li { list-style-position: inside; text-indent: -1.5em; margin-left: 15px }
ul, ul li ul { padding:0px;margin-left:0px;  list-style-position: inside; }
ul li ul { list-style-position: inside; margin-left: 15px  }
.clear { clear: both }
img { border: none; overflow: hidden; max-width: 100% }
a { text-decoration: none; color:#019805;}
a:hover { text-decoration:none!important; color: #000; -webkit-transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; -ms-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s; }
p { margin:0px; line-height: 25px;font-family:arial,sans-serif }
.content-detail p,.content-detail ul li{font-size:15px; line-height: 25px}
.content-detail ul{
list-style-type:square;
}
h4,h3,h5,h6{line-height:30px!important}
h2{line-height:35px!important}
input, textarea,select  {
	font-size: 15px;
    font-family: Arial, Helvetica, sans-serif;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    padding: 8px;width:calc(100% - 20px);
    border: 1px solid #ddd;
    border-radius: 2px;
    margin: 10px 0px;}
.line-throught 
{text-decoration:line-through}
.red{color:#ff0000}
.width-60per{width:60%;display:inline-block;}
.width-40per{width:38%!important;display:inline-block;padding:0px 1% 1% 0px}
.width-100per{width:100%!important;margin:0;display:inline-block;}
/* ===== FONT FACE =====  */
@font-face{
font-family: 'UTM_Swiss_Condensed';
src: url('../fonts/UTM_Swiss_Condensed.eot');
src: url('../fonts/UTM_Swiss_Condensed.eot?#iefix') format('embedded-opentype'), url('../fonts/UTM_Swiss_Condensed.woff') format('woff'), url('../fonts/UTM_Swiss_Condensed.woff') format('woff'), url('../fonts/UTM_Swiss_Condensed.ttf') format('truetype'), url('../fonts/UTM_Swiss_Condensed.svg#UTM_Swiss_Condensed') format('svg');
url('fonts/animals-webfont.svg#AnimalsNormal') format('svg');
font-family: 'brandon_textregular';
src: url('../fonts/brandontext/BrandonText-Regular.eot');
src: url('../fonts/brandontext/BrandonText-Regular.eot?#iefix') format('embedded-opentype'), 
url('../fonts/brandontext/BrandonText-Regular.woff2') format('woff2'), 
url('../fonts/brandontext/BrandonText-Regular.woff') format('woff'), 
url('../fonts/brandontext/BrandonText-Regular.ttf') format('truetype'), 
url('../fonts/brandontext/BrandonText-Regular.svg#BrandonText-Regular') format('svg');
font-family: 'helveticaneue';
src: url('../fonts/helveticaneue/HelveticaNeue.eot');
src: url('../fonts/helveticaneue/HelveticaNeue.eot?#iefix') format('embedded-opentype'), 
url('../fonts/helveticaneue/HelveticaNeue.woff2') format('woff2'), 
url('../fonts/helveticaneue/HelveticaNeue.woff') format('woff'), 
url('../fonts/helveticaneue/HelveticaNeue.ttf') format('truetype'), 
url('../fonts/helveticaneue/HelveticaNeue.svg#HelveticaNeue') format('svg');
font-weight: normal;font-style: normal;
}
body{font-family: Arial,sans-serif,'UTM_Swiss_Condensed'; 
font-size: 14px;
color: #fff;
margin:0 auto;
padding:0;
width:100%
}
header{
margin: auto;
padding:5px 0px 0px 0px;
border-top:5px solid #222;
}
header .up{
padding:0px;text-align: center;
}
header .up span{
color: #222;
    width:32.3%;
    text-align: left;
    font-size: 16px;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: normal;
    line-height: 25px;
    vertical-align: top;
    display: inline-block;
    margin-right:6px;
}
header .up span a i#top-social
{
border-radius:50%;
border:1px solid #222;
}
header .up span a{ 
color: #222;position: relative;    margin: 0px 25px 0px 0px;

}
header .up span a i{ 
    padding: 12px 12px 12px 12px;
    width: 46px;
    font-size: 20px;
    text-align: center;
    border-radius: 50%;
    border: 1px solid #222;
	transition: all ease 0.4s;
}
header .up #social a i:before {
    pointer-events: none;
    position: absolute;
    z-index: 10;
    content: '';
    top: 100%;
    left: 5%;
    height: 15px;
    width: 100%;
    opacity:1;
    background: -webkit-radial-gradient(center,ellipse,rgba(0,0,0,0.15) 0%,transparent 80%);
    background: radial-gradient(ellipse at center,rgba(0,0,0,0.15) 0%,transparent 80%);
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform,opacity;
    transition-property: transform,opacity;
}

header .up #social a i:hover {
    transform: translateY(-5px);
}

header .up span a b{font-size: 15px;}
.left{float:left}
.right{float:right}
.main-color{color:#f00}
.main-bgcolor{background:#f00;}
.youtube{background:#f00;color:#fff;border:none!important}
.youtube:after{content: "\f167";}
.facebook{background:#0066ff;color:#fff;border:none!important}
.facebook:after{ content: "\f09a";}
.google-plus{background:#dd4f43;color:#fff;border:none!important}
.google-plus:after{content: "\f0d5";}
.top{width:auto;padding:0 2%}
.top div{}
.top .logo{
display: inline-block;
width:25%;vertical-align: middle;	
}
.top .logo a{}
.top .logo a img{max-width:100%}
.top .banner{
    display: inline-block;
    width: 74%;
    vertical-align: middle;
    padding: 10px 0px 0px 1%;
}
header .down{
padding:0%;
margin:10px auto 0px auto;
display: block;
vertical-align: bottom;
}
#course,#login{
background:#ff0000;
width: 23%;
padding: 5px;
border-radius: 2px;
}
#course a,#login a{
line-height: 42px;
}
#course a i,#login a i{
padding:11px
}
.nav-item a#social{
display: inline-block;
    padding: 5px 5px;
    width:38px;
    margin: 5px 5px;
    text-align: center;
    border: 1px solid #000;
    border-radius: 50%;
}
/* nav */
.nav-wr{
display:block;
margin:-3px auto 0px auto;
background: #7c5c21;
}
.nav { position: relative; display:inline-block;; width: auto; margin:0 auto -3px auto;  }
.nav-list { text-align: left; list-style: none; padding: 0; margin: 0; }
.nav-item {float: left;position: relative; margin:0px;padding:0px;}
.nav-item:hover .nav-submenu {display: block}
.nav-submenu .nav-item{width: 100%;}
.nav-submenu .nav-item a{idth: 100%;display: block; text-transform:uppercase;padding:10px;border-bottom:1px dotted rgba(0, 0, 0, 0.1)}
.nav-item a { 
display:block;
color: #222; 
font-family: arial;
font-size: 17px;
font-weight: normal;
padding:12px 20px;
transition: all 0.5s ease-in-out 0s;
}
.nav-item a.active {
color: #ffffff;
text-decoration: none;
background:#ff0000;
border-radius: 2px;
font-family: HelveticaNeue,BrandonText-Regular,'UTM_Swiss_Condensed', Arial, sans-serif;
moz-box-shadow: inset 0 0 0px rgb(124, 92, 33);
-webkit-box-shadow: inset 0 0 0px rgb(124, 92, 33);
box-shadow: inset 0 0 0px rgb(124, 92, 33);
}
.nav-item > a:hover{
color: #ffffff!important;
text-decoration: none;
background:#ff0000;
border-radius: 2px;
font-family: HelveticaNeue,BrandonText-Regular,'UTM_Swiss_Condensed', Arial, sans-serif;
moz-box-shadow: inset 0 0 0px rgb(124, 92, 33);
-webkit-box-shadow: inset 0 0 0px rgb(124, 92, 33);
box-shadow: inset 0 0 0px rgb(124, 92, 33);
}

.nav-item:hover a {color: eee; text-decoration: none;}
.nav-item a.last{}

/* Navigation submenu */
.nav-submenu { 
display: none;
    position: absolute;
    left: 0px;
    width:300px;
    list-style: none;
    padding: 0;
    margin: 0;
    z-index: 9999;
    background: #ff0000;}
.nav-submenu-item { position: relative }
.nav-submenu-item a {
border-bottom: 1px solid rgba(0,0,0,0.1) !important;
display: block;
padding:13px 12px !important;
text-align: left; text-transform: none ;}
.nav-submenu-item a:hover { background:rgba(255,255,255,0.9)!important; text-decoration: none; color: #000!important }
.nav-submenu2 { display: none; position: absolute; left: 100%; top: 0; width: 100%; list-style: none; padding: 0; margin: 0 }
.nav-submenu-item:hover .nav-submenu2 { display: block }
.nav-submenu-item2 a { background:#019805!important; border-bottom: 1px solid #ffcccc; display: block; padding: 15px; text-align: left; }
.nav-submenu-item2 a:hover { background:rgba(255,255,255,0.9)!important; text-decoration: none; color: #000 !important; }

.nav-mobile { 
display: none;
cursor: pointer;
position: absolute;
border: 1px solid rgba(0, 0, 0, 0.2);
top: 5px;
right:0px;
background: #ff0000 url(../images/nav.png) no-repeat right center;
background-size: 32px;
width: 40px;
height: 40px;
}
.nav-click { position: absolute; top: 1px; right: 0; display: none;  height: 50px; width: 50px; cursor: pointer;  }
.name { display: none; position: absolute; top: 0; left: 10px; color: #FFF; text-shadow: 0 0 1px #888888;
font-size: 18px;padding-top: 15px;text-transform: uppercase;}
.nav-click i { display: block; height: 46px;width: 100%; background:  url(../images/drop.png) no-repeat center center; background-size: 20px; }
.nav-click:hover { text-decoration: none ;}
.nav-rotate { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); }

.search{padding: 0;float: right;
    margin:3px 1px 0px 0px;}
.search input
{
	padding:10px 10px;
    min-width:250px;
	border:none;
    border-bottom: 1px solid #f00;
    background: rgba(255, 255, 255, 1);
	border-radius:0px
}
.search button
{
margin-left: -6px;
    padding: 10px 25px;
    border:1px solid rgba(0, 0, 0, 0.15);
    border-left: none;
    background: #ff0000;
    color: #fff;
    border-radius: 0px 3px 3px 0px;
}	

/* ======== Banner  ======== */
.boxslier{width:100%;margin: 0px auto 0 auto;; padding: 0;display:block}
.main-ct{
width:auto;
display: block;
margin:10px auto;
}
.main-ct .container{
width:100%;
display: inline-block;
margin: 0 auto;
}
.main-ct h3{
background:#ff0000;
margin:1px 0px 0px 0px;
padding: 8px 10px;
font-family: helveticaneue, Arial, sans-serif;
font-size: 15px;
color:#fff;
font-weight: normal;
text-transform: uppercase;
border-radius:2px;
border-left: 5px solid rgb(21, 21, 21);
}
.main-ct .box-shadow{width: 100%; text-align: center;}

.main-ct .left{width: 23%;float:left;margin: 1% 1% 1% 0%;}
.main-ct .left .cat{width: 100%; margin-bottom: 10px;}
.main-ct .left ul.list-cat{background: rgba(255,255,255,0.4); margin: 0; padding: 10px 0 20px 0; list-style: none;}
.main-ct .left ul.list-cat li{
}
.main-ct .left ul.list-cat li a{
position: relative;
margin: 0 3px 3px 3px;
padding: 10px 1px;
box-shadow: 1px 1px 1px rgba(221, 221, 221, 0.65);
font-size: 14px;
display: inline-block;
color: #222222;
width: 100%;
}
.main-ct .left ul.list-cat li a:hover{color:#ff0000; text-decoration: none;}
.left ul.list-cat li a img{width:25%;float:left;margin:0px 8px 8px 0px;max-height:75px}
.left ul.list-cat li a h4{
	margin-top: 0px;
    line-height: 24px!important;
	font-size: 16px;}
.left ul.list-cat li a h4 span,.bg-red{
color:#fff;
background:#f00;
padding:2px 4px;
margin-right:5px;
font-weight: normal;
font-size: 13px;
font-family: arial;}
.left ul.list-cat li a h4 i{margin-right:5px;font-weight: normal;}
.read-more{display: inline-block;
    position: absolute;
    bottom: 2px;
    right: 3px;
    color: rgba(0, 0, 0, 0.5);}
.main-ct .support-wr{width: 100%; margin-bottom: 10px;}
.main-ct .left .support{width: 100%;background: rgba(255,255,255,0.4); padding:0;}
.main-ct .left .support h4{background:#ff0000;
margin: 0;
padding: 8px 10px;
font-family: helveticaneue, Arial, sans-serif;
font-size: 15px;
color: #fff;
font-weight: normal;
text-transform: uppercase;
border-radius: 2px;
}
.main-ct .left .support  .content{width: 90%; margin: 20px auto 0 auto;}
.main-ct .left .support  .content .call{float: left;}
.main-ct .left .support  .content .info{float: right; text-align: center; width: 68%;}
.main-ct .left .support  .content .hotcall{
border-top: 1px dotted rgba(0, 0, 0, .1);
padding: 10px 0;
margin:0px;}
.main-ct .left .support  .content .hotcall img{float: left; }
.main-ct .left .support  .content .hotcall span{font-family: arial;
    font-size: 18px;
    color: #ff0000;
    font-weight: bold;
    line-height: 29px;
    margin-left: 10px;}

.statistic-wr{width: 100%;}
.statistic{width: 100%;background:none; padding:0;}
.statistic  h4{
margin: 0;
font-family: helveticaneue, Arial, sans-serif;
font-weight: normal;
border-radius:2px;
}
.statistic ul{width: 96%;margin: 5px auto 0px auto; padding: 0;}
.statistic ul li{
display: block;
border-bottom:1px solid rgba(0,0,0,0.1) !important;
padding: 10px 8px 10px 30px;
background-position: left center!important;
color: #fff;
}
.statistic ul li.icon1{ background: url(../images/icon-online.png) no-repeat scroll 0 4px;}
.statistic ul li.icon2{ background: url(../images/icon-today.png) no-repeat scroll 0 4px;}
.statistic ul li.icon3{ background: url(../images/icon-week.png) no-repeat scroll 0 4px;}
.statistic ul li.icon4{ background: url(../images/icon-hit.png) no-repeat scroll 0 2px;}
.category ul li{padding-left:0px}
.main-ct .middle{
	width: 75%;
    margin: 2% 1% 2% 0%;
    float: left;}
.title{
width: 99.5%;
    border-bottom: 1px solid #ddd;
    margin:1px 0px 0px 0px;
    background: rgba(0, 0, 0, 0);
    text-transform: uppercase;
    border-radius: 2px 0px 0px 2px;
    border-left: 5px solid rgb(21, 21, 21);
}
.title  h4,.title  h1,.title  h2{
display:inline-block;
color:#fff;
background:#ff0000;
font-weight: normal;
font-size: 15px;
padding: 8px 10px;margin: 0;
border-radius: 0px 2px 0px 0px;
}
.title  h4 a,.title  h1 a,.title  h2 a{color:#fff;}
.main-ct .middle .product{width: 98%; margin: 0 auto;}
.main-ct .middle .product .list-pro { list-style:none; width:100%; margin:0; padding: 15px 0 0px 0; display:inline-block; }
.main-ct .middle .product .list-pro  .item {
width: 96%;
margin: 10px 0px;
padding: 2%;
float: left;
border-radius: 3px;
box-shadow:0px 0px 3px rgba(0, 0, 0, 0.1);
color: #222222;
}
.main-ct .product .list-pro  .item:nth-child(3n){ margin-right:0px}
.main-ct .product .list-pro  .item  img{width: 100%; display: block;}
.main-ct  .product .list-pro  .item  img:hover{opacity: 0.5; -moz-transition:all 0.3s ease-in-out 0s;  -webkit-transition: all 0.3s ease-in-out 0s; -o-transition:  all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s; }
.main-ct  .product .list-pro  .item  a.more{
color: #222;
font-size: 16px;
padding: 7px 0 7px 0;
display: block;
margin: 0;
text-align: center;}
.main-ct .product .list-pro  .item  a.more:hover{color:#ef7306; text-decoration: none;}
.main-ct .product .list-pro span{color:#222222; text-transform:capitalize; text-align: center; padding:0; display: block;}
.main-ct .product .list-pro  .item  a.more h2
{
text-transform: uppercase;
    line-height: 40px;
    font-size: 20px;
    text-align: left;
}
.main-ct .right{width: 18%; float: right; margin: 10px 0 0 0;}
.main-ct .right .sale-off,.main-ct .left .sale-of{width: 100%; margin-bottom: 10px;}
.main-ct .right .sale-off ul.sale-ct,.main-ct .left .sale-off ul.sale-ct{list-style: none;}
.main-ct .right .sale-off ul.sale-ct li,.main-ct .left .sale-off ul.sale-ct li{margin: 0 0 10px 0;}
.main-ct .right .sale-off ul.sale-ct li img,.main-ct .left .sale-off ul.sale-ct li img{width: 100%; display: block;}
.main-ct .right .sale-off ul.sale-ct li img:hover,.main-ct .left .sale-off ul.sale-ct li img:hover{opacity: 0.5; -moz-transition:all 0.3s ease-in-out 0s;  -webkit-transition: all 0.3s ease-in-out 0s; -o-transition:  all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s; }
.main-ct .right .sale-off ul.sale-ct li a.more,.main-ct .left .sale-off ul.sale-ct li a.more{color: #363636; font-size: 14px;  padding: 7px 0 7px 0; display: block; margin: 0; text-transform: uppercase; text-align: center;}
.main-ct .right .sale-off ul.sale-ct li a.more:hover,.main-ct .left .sale-off ul.sale-ct li a.more:hover{color#ef7350; text-decoration: none;}
.main-ct .right .sale-off ul.sale-ct span,.main-ct .left .sale-off ul.sale-ct span{color:#ef7350;text-transform: uppercase; text-align: center; padding: 7px 0; display: block;}


.partner{
width:auto;
margin: 0px auto 0px auto;
padding: 20px 3% 20px 3%;
background: url(../images/bg-foo.jpg);
}
.news{
display: inherit;
width:94%;
padding: 10px 0%;
margin:0px auto;	
}
.news a{
color: #222;	
}
.news a img{
max-height:200px;
}
.news a h6{
font-size: 16px;
font-weight: normal;
line-height: 22px;
padding: 5px 0px;
text-align:justify;
margin: 5px 0px;
}
.cover{
display:none;
position: absolute;
top: 0;
left: 0;
background: rgba(0,0,0,.6);
padding-top: 40%;
height: 100%;
width: 100%;
color: #fff;
text-align: center;
transition: all 0.5s ease-in-out 0s;
}
.cover span{
background:#482f00;
margin: 0;
padding: 8px 10px;
font-size:13px;
color: #fff;
font-weight: normal;
}
.cat ul li a .cover{padding-top:10%;}
a:hover .cover,.cat a:hover .cover{
display:block;
transition: all 0.5s ease-in-out 0s;
}
footer{
width:auto;
padding: 20px 1%;
display: inline-block;
background:#ff0000;
border-top: 2px solid #222;}
footer h4{
margin: 0;
border-bottom: 1px solid #fff;
font-weight: normal;
font-size: 18px;
text-align: left;
}
footer h4 span{
padding-bottom: 8px;
display: inline-block;
border-bottom: 3px solid #fff;
color: #fff;
}
footer .company-info{    width: 33%;float: left;text-align: center;}
footer .company-info ul{list-style: none; margin: 0px 0 0 0; padding: 0;}
footer .company-info ul li{display: inline-block; font-size: 16px; color: #fff; padding:0px; line-height:27px; margin: 0 0 5px 0; min-height: 22px;}
footer .company-info ul li.icon-add{background: url(../images/icon-co-name.png) no-repeat scroll 0 0;}
footer .company-info ul li.icon-phone{background: url(../images/icon-phone1.png) no-repeat scroll 0 0;}
footer .company-info ul li.icon-mail{background: url(../images/icon-mail.png) no-repeat scroll 0 0;}
footer .company-info ul li.icon-web{background: url(../images/icon-web.png) no-repeat scroll 0 0;}

footer .social{width: 25%;padding: 0 5px;float: left; }
footer .social ul.list-social{width: 160px; margin: 0 auto; padding: 30px 0 0 0; list-style: none;}
footer .social ul.list-social li{display: inline-block;}
footer .social a{color: #fff; }
footer .social a:hover{color: #fff; text-decoration: none;}

footer .map{width: 28%; float: right;}
footer .map img{width: 100%;}


/*---- Product detail ---*/
.main-ct .middle  .pro-detail{width:98%; margin:10px 2% 10px 0; padding:0%; }
.main-ct .middle  .pro-detail .content{width:100%; float: right;margin:0px;}
.main-ct .middle  .pro-detail .content h1{
    line-height: 28px;margin-top: 0;
    font-size: 18px;	
}
.main-ct .middle  .pro-detail .content h3,.main-ct .middle  .pro-detail .content h2,.info_related .info-detail-related,.main-ct .middle  .pro-detail .content h6{
padding: 0;margin:0;
    text-transform: none;
    font-weight: normal;
    background: none;
    color: #000;
    line-height: 28px;
    font-size:14px;
    border: none;
	font-family:arial
	}
.main-ct .middle  .pro-detail .content h4{font-family: Arial, Helvetica, sans-serif; font-size: 16px; color: #000; margin: 0 0 0 0; padding: 0; text-transform: uppercase; font-weight: normal;}
.main-ct .middle  .pro-detail .content p{margin: 0 0 10px 0; line-height: 18px;}
.main-ct .middle  .pro-detail .content span{color: #ff0000; font-size: 18px; font-weight: bold; font-style: italic;}
.main-ct .middle  .pro-detail .content  .price{padding: 8px 0px 8px 0px; text-transform: uppercase; margin: 0 0 15px 0 ;font-weight: bold;}
.main-ct .middle  .pro-detail .other-pro{width: 100%; margin: 20px 0 0 0; padding: 0;}
.main-ct .middle  .pro-detail .other-pro ul.list-ot{margin: 10px 0 0 0; padding: 0; list-style: none !important;}
.main-ct .middle  .pro-detail .other-pro ul.list-ot li{display: block; margin-bottom: 10px;}
.main-ct .middle  .pro-detail .other-pro ul.list-ot li a{color: #363636;}
.main-ct .middle  .pro-detail .other-pro ul.list-ot li a:hover{color: #ff0000;}
.flex-caption {
width: 96%;
padding: 2%;
left: 0;
bottom: 0;
background: rgba(0,0,0,.5);
color: #fff;
text-shadow: 0 -1px 0 rgba(0,0,0,.3);
font-size: 14px;
line-height: 18px;
}
.flex-control-thumbs img {width: 96%!important; padding: 2%;}
footer .social ul{}
footer .social ul li p{margin:6px 0px 0px 0px;font-size: 16px;color: #fff;}
footer .social ul .nav-submenu-item{list-style:none}
footer .social ul .nav-submenu-item a{background:none!important;color:#fff!important;padding:8px 10px!important;line-height: 25px;}
.partner{}
.partner ul{}
.partner ul li{
list-style: none;
display: inline-block;
position: relative;
width: 23%;
margin: 0px 10px 10px 0px;
vertical-align: top;
padding: 5px;
background: #ffffff80;
}
.partner ul li a{
	overflow: hidden;
display: inline-block;
    width: 100%;
    color: #444;
    line-height: 23px;
    font-style: italic;
    text-align: justify;}
.partner ul li a img{
float: left;
margin: 0px 10px 10px 0px;
width: 80px;
height: 80px;
border-radius: 50%;
}
.partner ul li a .partner-info{
	
}
.partner ul li a  h6
{
text-align: left;
    margin: 0;
    padding: 0;
    font: bold 14px/1.5em arial;
    color: #222;
}
.getintouch .sbmt{
padding: 10px 20px;
background: #ffffff;
color: #222222;
border: none;
border-radius: 1px;
}
.getintouch li{list-style:none}
.getintouch li input[type='text']{
width:100%;
background-color:#0c49a9;
color: #000;
border-radius: 0;
margin-bottom:1px;
padding:10px 5%;
border: none;
}
.getintouch li textarea{
background-color: #0c49a9;
color: #000;
width: 100%;
border-radius: 0;
border: none;
padding: 10px 5%;
margin-bottom: 5px;
}
#flex_thumb
{
margin:5px 0px	
}
#flex_thumb img
{
width:100px
}
#adj_item
{
width: 32%;
    margin: 10px 5px;
    padding: 1%;
}
.info_related .info-detail-related b:before, .info-detail-related b:before
{
	content:"- "
}
.item-button{text-align: center;width:100%;    margin-top: 15px;}
.item-button a{
background: #ff0000;
    margin: 0;
    padding: 8px 0px;
    font-family: helveticaneue, Arial, sans-serif;
    color: #fff;
    font-weight: normal;
    display: inline-block;
    width: 48%;
    border-radius: 1px;
    text-align: center;
    border: 1px solid #ff0000;
}
.item-button a.item-phone{
background: #fff;color: #f00;
}
.item-image
{
position:relative;	
}
.item-image .cover
{
position: absolute;
top: 0px;
left: 0px;
text-align: center;
background: rgba(0, 0, 0, 0.4);
color: #fff!important;
padding: 8px 14px!important;
}
.item
{
position:relative;	
}
.item .cover-discount
{
position: absolute;
    top: 6px;
    left: 6px;
    min-width: 34px;
    text-align: center;
    background: rgba(255, 0, 0, 0.8);
    color: #fff!important;
    padding: 8px 8px!important;
}
.item .cover-discount:before{content:"Giảm "}
.owl-next
{
padding: 10px 20px!important;
background: rgba(0, 0, 0, 0.5)!important;
position: absolute;
top: 40%;
right:-5px;
font-size: 20px!important;	
border: 1px solid rgba(0, 0, 0, 0.2);
}
.owl-prev
{
padding: 10px 20px!important;
background: rgba(0, 0, 0, 0.5)!important;
position: absolute;
top: 40%;
left:-5px;
font-size: 20px!important;	
border: 1px solid rgba(0, 0, 0, 0.2);
}
.tag {
margin: 20px 0px;
    padding: 0px;
}
.tag b {
padding: 4px 4px 5px 7px;
    background: #444444;
    color: #E2E2E2;
    margin: 0px 0px 5px 0px;
    display: inline-block;
    border-radius: 1px;
    font: normal 14px arial;
}
.tag a {
margin: 1px 0px;
    padding: 0px 15px 0px 0px;
    display: inline-block;
    font-size: 15px;
    border-radius: 1px;
    line-height: 30px;
}
.share{
margin: -5px 0 0px 0;
line-height: 18px;
display: inline-block;
float: right;
}
.share a{
border: 1px solid #222222;
padding: 8px 5px;
border-radius: 50%;
background: #ffffff;
text-align: center;
color: #222222;
width: 36px;
display: inline-block;
margin: 3px;
font-size: 15px;
}
.content-detail ul li p
{display: inline-block;
    width: 96%;}
.intro{display: inline-block;
    background: rgba(255, 255, 255, 0.5);}
.intro-left{float:left}
.intro-right{float:right}
.intro-left,.intro-right{display:inline-block;padding:0px;vertical-align:top;}
.intro-left{
    width: 25%;
    padding-top: 20px;
    margin: 0 2% 0 0%;
    text-align: center;
    line-height: 28px;}
.intro-left img{
max-width: 100%;
    border-radius: 50%;
    border: 1px solid rgba(0, 0, 0, 0.15);
}
.intro-left .avatar{
    padding:10px;
}
.intro-left .fullname {
    font-size: 24px;
    color: #ff0000;
}
.intro-left .grade {
    color: #868686;font-size: 15px;
}
.intro-left .icon-star {
    font-size: 24px;
    color: #ff0000;
    margin:8px auto;
}
.intro-left .skill {
    color: #000;
    font-size: 16px;
}
.intro-right{
	width:68%;
    padding: 0;
    margin:1% 2%;}
.intro-right h1{
margin: 8px 0px 10px 0px;
    font-size: 25px;
    text-transform: uppercase;
    text-align: left;
    line-height: 40px;
     color: #ff0000;
    border-bottom: 1px solid #ff0000;
}


.intro-right h2 {
font-size: 18px;
font-style: italic;
font-weight: normal;
text-transform: uppercase;
color:#222;
}
.intro-right h3 {
font-size: 18px;
font-style: normal;
font-weight: normal;
text-transform: uppercase;
color:#222;
}
.intro-right h5{
margin: 8px 0px 0px 0px;
    font-size: 25px;
    text-transform: uppercase;
    text-align: left;
    line-height: 40px;
    color: #ff0000;
    border-bottom: 1px solid #ff0000;
}
.intro-left p
{
font-size:16px;line-height:30px;text-align:justify
}
.intro-right p
{    font-size: 17px;}
.intro-right ol
{padding:5px 0px}
.intro-right ol li
{ padding:5px 0px}
.intro-right .box-sale{width:50%;}
.intro-right .box-sale .percent{font-size:25px;margin:10px 0px;}
.intro-right .box-sale .percent span{font-size: 40px;
    color: red;}
.intro-right .box-sale .percent s{font-size: 20px;
    color: #444;
    border: 1px solid;
    margin: 0px -7px 0px 0px;
    border: 1px solid #f00;
    padding:18px 10px 11px 10px;}
.intro-right .box-sale .percent b,.intro-right .box-sale .percent strong{
	font-size:20px;
    color: #fff;
    border: 1px solid #f00;
    background: #f00;
       padding:17px 10px 11px 10px;}
.intro-right .btn-xemthem {
    color: #fff;
    width: 100%;
    text-align: center;
    display: inline-block;
    margin:0px 0px 0px 10px;
    background:#f00;
    padding: 15px 25px;
    width: auto;
    font-size: 17px;
}
.highlight-course h2{font-size: 20px!important;
    color: #222;
    padding: 0;
    margin: 0;
    text-shadow: none;}
.box-register{float: right;}
.course h2 a{
	line-height: 35px;
    font-size: 25px;
    text-transform: uppercase;
    color: #ff0000;
	width: 100%;
    display: inline-block;
    font-weight: bold;
    text-align: left;
    padding: 0px 0px 15px 0px;
    border-bottom: 1px solid #ebebeb;}
.header-content {
    padding: 30px;
    background-image: url(../images/bg-foo.jpg);
    background-size:100%;
    background-position: center;
    background-repeat: no-repeat;
    color: #fff;
    text-align: center;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.4);
}
.header-content div{
    color: #f00;
    font-size:35px;
    line-height: 1.3em;
	margin-top: 10px;
}
.foobox .block {
    margin: 1%;
    vertical-align: top;
	display: inline-block;
}
.foobox h2{text-align:center}
.gird-3 {
    width: 31%;
}
.brand-strength{width: 100%;display:inline-block;padding:0px;text-align: center;}

.brand-strength img{height:100px;padding: 0px 8px 8px 0px;}

.brand-strength h4
{
font-size: 14px;
font-weight:700;
line-height: 25px;
padding-bottom: 6px;
}

.brand-strength div p
{line-height: 28px;
font-size: 15px;
font-weight: normal;
}

.grayscale
{
	filter: grayscale(1);
	-webkit-filter: grayscale(1);
	-moz-filter: grayscale(1);
	-o-filter: grayscale(1);
	-ms-filter: grayscale(1);
}

.grayscale:hover
{
	filter: grayscale(0);
	-webkit-filter: grayscale(0);
	-moz-filter: grayscale(0);
	-o-filter: grayscale(0);
	-ms-filter: grayscale(0);
}
.box-right-news,.box-left-news{
display:inline-block;
width:49.5%;
vertical-align:top
}
.box-left-news{
margin:15px 0px
}
.box-right-news>ul>li>a>span
{
margin-top: 0px!important;
padding-top: 3px!important;
overflow: hidden;
word-wrap: break-word;
text-overflow: ellipsis;
max-height: 42px;
}
.box-right-news>ul>li>a>h6{

}
.box-right-news>ul>li>a>img
{
margin-right: 10px!important;
    max-height: 80px!important;
}
.highlight-course,.whychooseus{display:inline-block}
.no-float{float:none!important}
.content_left>ol>li {
    list-style: none;
    display: inline-block;
    position: relative;
    font-size: 14px;
    margin: 5px 0px;
    padding: 0px;
    color: #444;
    width: 100%;
    border-bottom: 1px solid #e2e2e2;
}
.nav>li>a{padding:15px 30px!important;color:#222!important;font-size:17px}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover
{
    background-color:#ff0000!important;
    color: #fff!important;	
}
th,td{padding:5px!important}
.form-group i{
width: 24px;
    padding: 5px 5px 5px 5px;
    border-radius: 50%;
    background: #7c5c21;
    text-align: center;
    margin-left: 10px;
    color: #fff;
}
.cpthue_wrapper,.tn_wrapper
{
	width:80%;
	margin:0 auto
}
.cpthue_wrapper input, .tn_wrapper input{margin:5px 0px}
#phan_mem_bds h3:hover{cursor:pointer}