/* ::-webkit-scrollbar { width: 10px; }
::-webkit-scrollbar-track { background-color: rgba(0, 0, 0, 0.1); }
::-webkit-scrollbar-thumb { background-color: #7b1d00;  }
::-webkit-scrollbar-button { background-color: rgba(0, 0, 0, 0.3);}
::-webkit-scrollbar-corner { background-color: white; } */

@font-face {
    font-family: 'bocklinregular';
    src: url('../fonts/bocklin-regular/bocklin-webfont.woff2') format('woff2'),
         url('../fonts/bocklin-regular/bocklin-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'Cataneo';
    src: url('../fonts/cataneo/cataneo.woff2') format('woff2'),
         url('../fonts/cataneo/cataneo.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Cataneo Bold';
    src: url('../fonts/cataneo-bold/cataneo-bold.woff2') format('woff2'),
         url('../fonts/cataneo-bold/cataneo-bold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Utm Avo';
    src: url('../fonts/utm-avo/utm-avo.woff2') format('woff2'),
         url('../fonts/utm-avo/utm-avo.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

body {
	background: url('../images/background.jpg') repeat-y center top #f4f4f4;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-style: normal;
	color: #222;
}

body img{max-width: 100% !important; height: auto !important; display: inline-block !important;}
body table{max-width: 100% !important;}

.transition, #menuFixed, #menuFixed li a, #menuMain a, .frm input, .frm button, #slider .owl-nav [class*=owl-], .products .item .title a, .products .item .title a:before, .btn-style-red, footer .news-list a{
	-moz-transition: all 300ms ease-out 0s;
	-ms-transition: all 300ms ease-out 0s;
	-o-transition: all 300ms ease-out 0s;
	-webkit-transition: all 300ms ease-out 0s;
	transition: all 300ms ease-out 0s; 
}
.transition:hover{
	transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
	-webkit-transform: scale(1.1); 
}
a{color: #055699;}
a:hover, a:focus, a:active {
	outline: medium none;
	color: #d50000;
}
h1{font-size: 22px;}
h2{font-size: 20px;}
h3{font-size: 18px;}
h4{font-size: 16px;}
h5, h6{font-size: 14px;}

.fancybox{ cursor: zoom-in; cursor: -webkit-zoom-in;}
.btn-style-red{
	padding: 7px 30px; background: #e24a4a; color: #fff; font-size: 18px; font-weight: bold; border-radius: 4px; display: inline-block;
}
.btn-style-red:hover{
	background: #ec6363; border-color: #ec6363; color: #fff; text-decoration: none;
    -webkit-box-shadow: 0px 0px 10px rgba(236,99,99, 0.30);
    -moz-box-shadow: 0px 0px 10px rgba(236,99,99, 0.30);
    box-shadow: 0px 0px 10px rgba(236,99,99, 0.30);
}

header:after, #banner:after, .products:after, .news:after, .news .item:after, footer .col-sm-4 li:after, 
footer #hotline:after, #content:after, 
.memberHighlight .item:after, #menuFooter ul:after, footer:after, .infomation .buy-group:after, .products .item .price:after
{content: ''; display: table; clear: both;}

.container{
	position: relative; padding-left: 10px; padding-right: 10px; background: #fff;
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=7, Direction=0, Color=#000000)";/*IE 8*/
	-moz-box-shadow: 0 0 7px 2px rgba(0,0,0,0.3);/*FF 3.5+*/
	-webkit-box-shadow: 0 0 7px 2px rgba(0,0,0,0.3);/*Saf3-4, Chrome, iOS 4.0.2-4.2, Android 2.3+*/
	box-shadow: 0 0 7px 2px rgba(0,0,0,0.3);/* FF3.5+, Opera 9+, Saf1+, Chrome, IE10 */
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=7, Direction=135, Color=#000000); /*IE 5.5-7*/
}
#page > .container{border-left: 3px solid #ddd; border-right: 3px solid #ddd;}
.container .row{margin-left: -10px; margin-right: -10px;}
.container [class*=col-]{padding-left: 10px; padding-right: 10px;}

header{padding-top: 10px;}

.logo{display: inline-block;}
#logo{max-width: 220px;display: inline-block;}

#header{background: #d50000; color: #fff;}
#contact{padding: 10px 0px;}
#contact .social{float: right; margin-top: -5px;}
.social{margin: 0px; padding: 0px; list-style: none;}
.social li{display: inline-block; position: relative;}
.social li span{position: absolute; left: 13px; top: 0; color: #f3f3f3; display: inline-block; text-align: center; width: 20px; font-weight: bold;}
.social li a{background: #000; border-radius: 100%; display: block;}
.social li .fa{color: rgba(255, 255, 255, 0.7); padding: 8px 0px 7px; display: block; width: 30px; text-align: center; font-size: 15px;}
.social li .has-cart{
	border-width: 2px;
	animation-duration: 1200ms;
	animation-name: blink;
	animation-iteration-count: infinite;
	animation-direction: alternate;
	-webkit-animation:blink 1200ms infinite; /* Safari and Chrome */
}
.social li a:hover{text-decoration: none;}
.social li a:hover .fa{color: #fff;}
#contact > a{font-family: 'Roboto'; color: #fff; display: inline-block; padding-left: 20px;}
#contact > a:first-child{padding-left: 0px;}
#contact > a:hover{color: #f3f3f3;}

#slogan{margin-left: 300px; margin-right: 300px; text-align: center; font-family: 'Cataneo Bold'; font-size: 18px; padding: 2px 0px; display: none; margin-bottom: -20px;}

#search{width: 240px; float: right; padding-top: 3px; display: none}
.frm{position: relative;}
.frm input{width: 100%; padding: 5px 20px; padding-left: 10px; padding-right: 35px; background: #f7f7f7; border-radius: 3px; border: 1px solid #333;}
.frm button{
	position: absolute; top: 4px; right: 4px; background: none; outline: none; border: 0px; font-size: 18px; opacity: 0.8
}

#menuDesktop{background: #00ad5f; display: none;}
#menuDesktop ul{margin: 0px; padding: 0px; list-style: none;}
#menuDesktop li{display: inline-block; position: relative;}
#menuDesktop li a{display: block; padding: 5px 10px; font-size: 12px; color: #fff; font-family: 'Arial'; text-transform: uppercase;}
#menuDesktop li a:hover{text-decoration: none;}
#menuDesktop li li{float: none; display: block; margin: 0px;}
#menuDesktop li ul{display: none; position: absolute; z-index: 10; top: 100%; min-width: 250px;}
#menuDesktop li.current > a, #menuDesktop li:hover > a{background-color: #087946;}
#menuDesktop li:hover > ul{display: block; background: #087946; margin-top: -5px;}
#menuDesktop li ul a{
	text-transform: none; border-top: 1px solid rgba(255, 255, 255, 0.7); color: #fff; font-weight: normal; padding: 5px 20px;
    -moz-transition: padding-left .3s ease-in;
    -o-transition: padding-left  .3s ease-in;
    -webkit-transition: padding-left  .3s ease-in;
    transition: padding-left  .3s ease-in;
}
#menuDesktop li ul li:first-child a{border: none;}
#menuDesktop li ul a:hover{color: rgba(255, 255, 255, 0.7); padding-left: 30px;}
#menuDesktop li ul li.current > a, #menuDesktop li ul li:hover > a{color: rgba(255, 255, 255, 0.7); background: transparent; box-shadow: none;}
#menuDesktop li ul li ul{top: 0px; left: 100%;}
#menuDesktop li.dropdown:after{content: ''; display: block; width: 9px; height: 6px; background: url('../images/caret_down_white.png') no-repeat center center; position: absolute; top: 50%; margin-top: -4px; right: 10px;}
#menuDesktop li.dropdown > a{padding-right: 30px;}
#iconmenu{/* float: right; padding-top: 5px; padding-left: 10px; */}
#hamburger {
  display: block; /* width: 33px;  */height: 33px; z-index: 93; position: relative;
  font-size: 20px; color: #41ACD3; text-align: center; margin: 0px; background: #00ad5f;
}
#hamburger:hover, #hamburger:focus{text-decoration: none;}
#hamburger:before, #hamburger:after, #hamburger span {
  background: #fff;
  content: '';
  display: block;
  width: 23px;
  height: 3px;
  position: absolute;
  left: 5px;
  -webkit-transition: none 0.5s ease 0.5s;
  transition: none 0.5s ease 0.5s;
  -webkit-transition-property: transform, top, bottom, left, opacity;
  transition-property: transform, top, bottom, left, opacity;
}
#hamburger:before {
  top: 8px;
}
#hamburger span {
  top: 15px;
}
#hamburger:after {
  top: 22px;
}
html.mm-opening #hamburger:before, html.mm-opening #hamburger:after {
  top: 15px;
}
html.mm-opening #hamburger:before {
  transform: rotate(45deg);
}
html.mm-opening #hamburger span {
  opacity: 0;
}
html.mm-opening #hamburger:after {
  transform: rotate(-45deg);
}
.mm-menu{
    background: rgba(97, 97, 97, 0.95); color: #fff; border-color: #fff;
}
#mm-logo{padding: 2px 0px;}
.mm-menu .mm-navbar > *, .mm-menu .mm-navbar a{color: #fff; text-transform: uppercase;}
.mm-menu .mm-listview{border-bottom: 1px solid #fff;}
.mm-listview > li:not(.mm-divider):after{border-color: #fff; left: 0px;}
.mm-listview > li, .mm-listview > li:after, .mm-listview > li .mm-next, .mm-listview > li .mm-next:before{border-color: #fff;}
.mm-listview > li:last-child:after{border-color: transparent;}
.mm-menu .mm-listview > li .mm-next:after, .mm-menu .mm-listview > li .mm-arrow:after{border-color: #fff;}
.mm-menu .mm-navbar .mm-btn:before, .mm-menu .mm-navbar .mm-btn:after{border-color: #fff;}
.mm-menu .mm-listview > li.mm-selected > a:not(.mm-next), .mm-menu .mm-listview > li.mm-selected > span{margin-top: -1px; border-top: 1px solid #fff; margin-bottom: -1px; border-bottom: 1px solid #fff;}
.mm-menu .mm-listview > li:first-child.mm-selected > a:not(.mm-next), .mm-menu .mm-listview > li:first-child.mm-selected > span{margin-bottom: -1px; border-bottom: 1px solid #fff;}
.mm-menu .mm-listview > li:last-child.mm-selected > a:not(.mm-next), .mm-menu .mm-listview > li:last-child.mm-selected > span{margin-top: -1px; border-top: 1px solid #fff;}

.mm-navbar-top-1{height: auto;}
.mm-navbar-top-2{top: 90px;}
.mm-hasnavbar-top-2 .mm-panel{top: 100px;}
.mm-menu > .mm-panel > .mm-listview:first-child, .mm-menu > .mm-panel > .mm-navbar + .mm-listview{margin-top: 20px; border-color: #fff; border-top: 1px solid;}
#mm-blocker{background-color: rgba(5, 5, 5, 0.5)}
.mm-menu > .mm-navbar-bottom, .mm-menu > .mm-navbar-top-1{background-color: rgba(0, 0, 0, 0.4)}
.mm-subopened .mm-subblocker {
  opacity: 0.6;
  position: absolute;
  top: 0;
  right: 0;
  bottom: -100000px;
  left: 0;
  z-index: 3;
}
.mm-subopened .mm-subblocker {
  opacity: 1;
}
.mm-subopened .mm-subblocker:before {
  content: "x";
  color: #fff;
  display: inline-block;
  padding: 5px 15px;
}

#role{padding: 10px 0px; text-align: center;}
#role .item{color: #484848; display: inline-block; margin-left: 10px;}
#role .item img{margin-right: 5px; width: 30px;}
#role .item a{color: #ef0e08; font-weight: bold;}

#content{padding: 0px 0px 30px;}

.title-main{font-size: 36px; min-height: 90px;}
.title-main	.date{float: left; margin-right: 15px; margin-bottom: 20px;}
.title-main	.date em {
    background: #f5f5f5;
    padding: 5px 13px;
    margin-bottom: 5px;
    border-radius: 6px;
    border-bottom: 3px solid #e8e8e9;
    font-style: normal;
    display: block;
}
.title-main	.date span {
    font-size: 16px;
    text-transform: uppercase;
    display: block;
    text-align: center;
}
.title-main .title{margin-bottom: 20px;}
.title-main .title h1{font-size: 30px; color: #5b5b5b;}
.title-main .title .meta, .title-main .title .meta a{font-size: 14px; color: #92a5a1;}

.detail{clear: both;}

#slider{position: relative; background: url('../images/box-shadow.png') no-repeat center bottom; padding-bottom: 30px;}
#slider .owl-carousel{position: absolute; left: 0px; top: 0px; z-index: 1; width: 100%;}
#slider .owl-controls{margin: 0px;}
#slider .owl-nav [class*=owl-]{position: absolute; top: 50%; margin: 0px; margin-top: -15px; background: none; border: none; border-radius: 0px; width: 40px; height: 42px;}
#slider .owl-nav .owl-prev{background: url('../images/shop-prev.png') no-repeat center center; left: 2%; background-size: 100%;}
#slider .owl-nav .owl-prev:hover{background-image: url('../images/shop-prev-green.png');}
#slider .owl-nav .owl-next{background: url('../images/shop-next.png') no-repeat center center; right: 2%; background-size: 100%;}
#slider .owl-nav .owl-next:hover{background-image: url('../images/shop-next-green.png');}
#slider .owl-dots{width: 100%; position: absolute; left: 0px; bottom: 0px;}
#slider .owl-theme .owl-dots .owl-dot.active span, #slider .owl-theme .owl-dots .owl-dot:hover span{background: #007503}
#slider .owl-theme .owl-dots .owl-dot span{margin: 5px; width: 15px; height: 15px;}

#about .thumb{float: left; margin-right: 15px; margin-top: 10px; width: 230px; border: 1px solid #ddd; display: none;}

.col-main, .col-sidebar{margin-bottom: 15px;}

.col-main .box{margin-bottom: 30px;}
.boxTitle{
	border-bottom: 3px solid #087946; position: relative;
	background: -moz-linear-gradient(180deg, #FFFFFF 0, #e2e2e2 100%);/* FF3.6+ */
	background: -webkit-gradient(linear, 180deg, color-stop(0, FFFFFF), color-stop(100%, e2e2e2));/* Chrome,Safari4+ */
	background: -webkit-linear-gradient(180deg, #FFFFFF 0, #e2e2e2 100%);/* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(180deg, #FFFFFF 0, #e2e2e2 100%);/* Opera 11.10+ */
	background: -ms-linear-gradient(180deg, #FFFFFF 0, #e2e2e2 100%);/* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1301FE', endColorstr='#F4F60C', GradientType='1'); /* for IE */
	background: linear-gradient(180deg, #FFFFFF 0, #e2e2e2 100%);/* W3C */
}
.boxTitle h1, .boxTitle h2, .boxTitle h3{
	padding: 10px; margin: 0px; font-size: 16px; font-family: 'Arial', sans-serif; color: #333333; text-transform: uppercase; font-weight: bold;
}
.boxTitle a{position: absolute; right: 15px; bottom: 5px; color: #333;}
.boxTitle img{float: left; background: url('../images/bg-icon-header.png') no-repeat left bottom; padding: 5px 40px 5px 8px}
.boxDetail .boxTitle h1{font-size: 25px; font-weight: bold; padding: 10px;}
.boxDetail .boxBody{padding-top: 15px;}

.showdetail	a{color: #222;}

.title .meta{color: #9a9a9a; margin: -15px 0px 15px; }
.title .meta .fa{margin-right: 5px;}
.title .meta span{display: inline-block; margin-right: 20px;}

.button a{
	display: inline-block; padding: 5px 10px; color: #010101; background: #d7d7d7;
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=0, Direction=135, Color=#C4C4C4)";/*IE 8*/
	-moz-box-shadow: 2px 2px 0 rgba(196,196,196,0.4);/*FF 3.5+*/
	-webkit-box-shadow: 2px 2px 0 rgba(196,196,196,0.4);/*Saf3-4, Chrome, iOS 4.0.2-4.2, Android 2.3+*/
	box-shadow: 2px 2px 0 rgba(196,196,196,0.4);/* FF3.5+, Opera 9+, Saf1+, Chrome, IE10 */
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=0, Direction=135, Color=#C4C4C4); /*IE 5.5-7*/
}
.button a:hover{
	color: #000; background: #cecece;
}

.alert{margin-top: 15px;}

.col-sidebar .box{margin-bottom: 20px;}
.col-sidebar .boxTitle{background: #087946; margin-left: -3px; position: relative; border: 0px;}
.col-sidebar .boxTitle:before, .col-sidebar .boxTitle:after{
    content: ""; position: absolute; z-index: 1; width: 0; height: 0; bottom: -2px; left: 2px; border: 2px solid transparent; border-bottom: 2px solid #033a21;
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
.col-sidebar .boxTitle h3{font-family: 'Arial'; font-size: 15px; font-weight: bold; color: #fff; text-transform: uppercase; background: none; padding: 12px 20px;}
.col-sidebar .boxBody{ border: 1px solid #cccccc; border-top: 0px; padding: 10px 0px; background: #f6f6f6;}
.col-sidebar .categorys, .col-sidebar .productHot{margin: 0px; padding: 0px; list-style: none;}
.col-sidebar .categorys a{font-family: 'Roboto'; font-size: 16px; color: #333333; display: block; padding: 7px 10px 7px 30px; border-top: 1px solid #dddddd; background: url('../images/neo.png') no-repeat 10px center;}
.col-sidebar .categorys a:hover{color: #087946; text-decoration: none;}
.col-sidebar .categorys li:first-child a{border: none;}

.col-sidebar .boxFacebook .boxBody{padding: 0px; margin: 0px -1px -1px}

.col-sidebar .supports{background: url('../images/bg-support.jpg') no-repeat center top; background-size: 100%; margin: -10px 0px 0px; padding: 160px 10px 10px; list-style: none; text-align: center;}
.col-sidebar .supports li{margin-bottom: 10px;}
.col-sidebar .supports li:last-child{margin-bottom: 0px;}
.col-sidebar .supports .title{color: #131313; font-size: 15px;}
.col-sidebar .supports a:hover{text-decoration: none;}
.col-sidebar .supports .hotline{color: #fc0505; font-size: 22px; font-weight: bold; display: block; padding: 0px;}
.col-sidebar .supports .skype, .col-sidebar .supports .zalo{display: inline-block; width: 75px; height: 28px; background: no-repeat center center;}
.col-sidebar .supports .skype{background-image: url('../images/icon-skype.png');}
.col-sidebar .supports .zalo{background-image: url('../images/icon-zalo.png');}

.col-sidebar .newsSidebar{margin: 0px; padding: 0px; list-style: none;}
.col-sidebar .newsSidebar li{padding: 5px 10px; border-top: 1px solid #cccccc;}
.col-sidebar .newsSidebar li:first-child{border: none;}
.col-sidebar .newsSidebar a{display: block; clear: both; min-height: 55px; color: #333333; text-align: justify; font-size: 13px; line-height: 1.5}
.col-sidebar .newsSidebar img{float: left; margin-right: 10px;}
.col-sidebar .newsSidebar p{margin: 0px;}

.fixed-bottom{position: absolute; bottom: 0px; width: 260px;}
.fixed-top{width: 260px; top: 20px; z-index: 1000; position: fixed;}

#news{padding: 50px 0px;}

#support{color: #313131; text-align: center; font-size: 15px; font-family: 'Roboto'; font-weight: bold;}
#support p{margin-top: 10px; margin-bottom: 0px;}
#support a{color: #313131; display: block; margin-top: 5px;}

.title-list{
	background: #f7f7f7; padding: 15px 0px; margin-bottom: 25px;
    -moz-box-shadow: inset 0 8px 4px -8px rgba(0,0,0,0.25), inset 0 -0px 0px -0px #696868;
    -webkit-box-shadow: inset 0 8px 4px -8px rgba(0,0,0,0.25), inset 0 -0px 0px -0px #696868;
    box-shadow: inset 0 8px 4px -8px rgba(0,0,0,0.25), inset 0 -0px 0px -0px #696868;
}
.title-list h1{margin: 0px; font-size: 25px;}

.products{margin-left: -8px; margin-right: -8px;}
.products .item{float: left; width: 100%; padding: 16px 8px 0px; text-align: center;}
.products .item{clear: both;}
.products .item .itemBorder{position: relative; border: 1px solid #cccccc; display: block; padding: 5px;}
.products .item .itemBorder:hover{border-color: #000;}
.products .item .img{position: relative; z-index: 1; top: 0px; right: 0px; display: block; text-align: center; margin-bottom: 10px;}
.products .item .info{text-align: left; padding: 10px 0px 0px;}
.products .item .discount{display: block; position: absolute; right: -5px; top: 5px; background: #f9703e; color: #fff; padding: 5px 10px;}
.products .item .price{position: relative;}
.products .item .price *{font-family: 'Roboto'; font-size: 13px;}
.products .item .price span{display: block;}
.products .item .price .sale{color: #D4232B; font-size: 20px; text-transform: uppercase;}
.products .item .price .reg{text-decoration: line-through;}
.products .item .price a{color: #4c4849}
.products .item .title{position: relative; display: block; color: #333333; font-size: 14px; font-family: Arial; font-weight: bold; margin-bottom: 10px;}
.products .item .title:hover{color: #f9703e; text-decoration: none;}
.products .item .title span{position: relative; text-transform: capitalize;}
.products .item .cart{margin-bottom: 10px; opacity: 0; background: #f37022; color: #fff; font-size: 17px; border: 1px solid transparent; padding: 7px; text-align: center; text-transform: uppercase; display: block; }
.products .item:hover .cart{opacity: 1;}
.products .item .cart:hover{text-decoration: none; background: transparent; border-color: #f37022; color: #f37022;}
.products .item .btn-price{display: inline-block; padding: 2px 15px; background: #087946; border-radius: 10px; color: #fff; font-weight: bold; font-size: 14px; margin-bottom: 15px; cursor: pointer}
.products .item .btn-price:hover{background: #f9703e; text-decoration: none;}

.productSmall .item{width: 25%;}
.productSmall .item:nth-child(5n+1){clear: none;}
.productSmall .item:nth-child(4n+1){clear: both;}

.oneProduct .item{float: none; width: 100%;}

.productDetail{margin-bottom: 15px;}
.productDetail .infomation h1{margin-top: 0px; font-weight: bold;}
.productDetail hr{margin: 10px 0px;}
.productDetail .photo .border{border: 1px solid #ddd; overflow: hidden; margin-bottom: 15px; text-align: center;}
.productDetail .photo img{padding: 60px 0px;}
.productDetail .infoPhotos p{margin: 0px;}
.productDetail .infoPhotos ul{margin: 0px; padding: 0px; list-style: none;}
.productDetail .infoPhotos li{display: inline-block; cursor: pointer; margin: 3px 3px 0px 0px; border: 1px solid #ddd;}
.productDetail .infoPhotos .active{border-color: #f37022;}

.productDetail .infoList ul{padding: 0px; list-style: none;}
.productDetail .infoList li{display: block; margin-bottom: 3px;}
.productDetail .infoList > p{padding: 15px; border: 1px solid #ddd;}
.productDetail .infoList .price{font-size: 25px;}
.productDetail .infoList .price-original{text-decoration: line-through;}
.productDetail .infoList .price span{font-weight: bold; color: #05ca71;}

.productDetail .infomation .buy-group{position: relative; display: inline-block; margin-top: 15px;}
.productDetail .infomation .buy-group input{width: 50px; height: 35.5px; padding: 5px 0px 5px 5px;} 
.productDetail .infomation .buy-group > *{display: inline-block; vertical-align: middle;}
.productDetail .infomation .buy-group .buy-detail{background: #00ad5f; border: 1px solid transparent; font-size: 17px; color: #fff; padding: 5px 30px; margin-left: -5px; text-transform: uppercase;}
.productDetail .infomation .buy-group .buy-detail:hover{background: #05ca71}

.actionDetail{margin: 10px 0px;}

/*.pagination>li>a, .pagination>li>span{color: #00b208}
.pagination>li>a:focus, .pagination>li>a:hover, .pagination>li>span:focus, .pagination>li>span:hover{color: #007503;}
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover{background-color: #00b208; border-color: #007503}*/

.news .row{margin: 0px; background: #f6f6f6;}
.news .item{float: left; width: 50%; padding: 0px; position: relative;}
.news .item:nth-child(2n+1){clear: both;}
.news .item:nth-child(1) .thumb, .news .item:nth-child(2) .thumb, .news .item:nth-child(3) .info, .news .item:nth-child(4) .info, .news .item:nth-child(5) .thumb, .news .item:nth-child(6) .thumb, .news .item:nth-child(7) .info, .news .item:nth-child(8) .info{float: left; width: 50%;}
.news .item:nth-child(1) .info, .news .item:nth-child(2) .info, .news .item:nth-child(3) .thumb, .news .item:nth-child(4) .thumb, .news .item:nth-child(5) .info, .news .item:nth-child(6) .info, .news .item:nth-child(7) .thumb, .news .item:nth-child(8) .thumb{float: right; width: 50%;}
.news .item:nth-child(3) .group-btn-share, .news .item:nth-child(4) .group-btn-share, .news .item:nth-child(7) .group-btn-share, .news .item:nth-child(8) .group-btn-share{left: 0px; width: 50%;}
.news .item .info{padding: 25px 20px;}
.news .title{font-size: 18px; font-family: 'Roboto'; margin-bottom: 10px; color: #181a1f; font-weight: bold; text-transform: uppercase; display: inline-block;}
.news .title:hover{color: #000; text-decoration: none;}
.news .date{color: #7d7d7d; font-size: 13px; font-style: italic; font-family: 'Roboto'; display: block; margin-bottom: 10px;}
.news .des{font-family: 'Roboto';}
.news .group-btn-share{position: absolute; z-index: 89; left: 50%; bottom: 0px; width: 50%; background: #f6f6f6; padding: 10px 20px;}
.news .group-btn-share .fa{font-size: 20px; color: #dddddd; border: 2px solid #ddd; border-radius: 100%; width: 38px; height: 38px; text-align: center; padding: 8px 0px;}
.news .group-btn-share .fa-google-plus{font-size: 18px;}
.news .group-btn-share a:hover, .news .group-btn-share a:focus, .news .group-btn-share a:active{text-decoration: none; color: transparent;}
.news .item:hover .group-btn-share a .fa{color: #8a8a8a; border-color: #8a8a8a;}
.news .item:hover .group-btn-share a:hover .fa-facebook{color: #4267b2; border-color: #4267b2;}
.news .item:hover .group-btn-share a:hover .fa-twitter{color: #28aae1; border-color: #28aae1;}
.news .item:hover .group-btn-share a:hover .fa-google-plus{color: #d44132; border-color: #d44132;}

#guide{text-align: center; color: #007503;}
#guide h3{font-family: 'Times New Roman'; font-size: 24px; font-weight: bold; text-transform: uppercase;}
.guides .item{display: inline-block; padding: 0px 40px 0px 80px; background: url('../images/icon-next.png') no-repeat left center;}
.guides .item:first-child{background: none;}
.guides .item p{margin: 0px; font-family: 'Times New Roman'; font-size: 16px;}

.support, .news-top-view{margin-bottom: 20px;}
.support{text-align: center;}
.news-top-view{padding: 15px; background: #f7f7f7;}
.news-top-view .top-view-item{margin-bottom: 10px;}
.news-top-view .thumb{float: left; margin-right: 10px; width: 85px;}
.news-top-view h4{margin: 0px;}
.news-top-view .title a{color: #6a6a6a; font-size: 14px;}
.news-top-view .date{color: #92a5a1; display: block; margin-top: 7px;}
.news-top-view .top-view > h4{padding-bottom: 15px; font-size: 18px; color: #5b5b5b;}

.support-item{font-size: 20px; color: #333; margin-bottom: 15px;}
.support-item h4{font-size: 20px; color: #333333; margin-bottom: 0px;}
.support-item p{margin: 0px;}
.support-item p a{color: #333; }
.support-item p img{max-width: 30px !important;}

.captcha img{width: 70px; margin-right: 5px; border: 1px solid #ddd;}
.captcha .fa{cursor: pointer; font-size: 15px; vertical-align: middle;}

.has-error .checkbox, .has-error .checkbox-inline, .has-error .control-label, .has-error .help-block, .has-error .radio, .has-error .radio-inline, .has-error.checkbox label, .has-error.checkbox-inline label, .has-error.radio label, .has-error.radio-inline label{font-weight: normal;}
.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th{vertical-align: middle;}
.input-sm{height: 25px; padding: 3px 7px;}
.checkbox, .radio{margin-top: 0px;}
.checkbox label + label, .radio label + label{margin-left: 20px;}
.alert-danger a{color: #a94442;}
.alert-warning a{color: #8a6d3b;}
.alert-info a{color: #31708f;}
.alert-success a{color: #3c763d;}
button.close{margin-top: -15px; margin-right: -10px;}

.frmcontact label.control-label{font-weight: normal;}

#frmOrder .col-sm-3{text-align: right; padding-top: 5px;}

#company_map{height: 400px;}

footer{padding: 20px; border-top: 5px solid #ddd; clear: both; background-color: #f1f1f1; margin-left: -10px; margin-right: -10px;}
footer .col-sm-4 ul{margin: 0px; padding: 0px; list-style: none;}
footer .col-sm-4 ul h4{margin-top: 0px; margin-bottom: 10px; padding-top: 5px; font-size: 14px; color: #121212; line-height: 20px;}
footer .col-sm-4 .thumb{float: left; margin-right: 10px;}
footer .col-sm-4 .title{margin-top: 0px; font-family: 'Roboto'; font-size: 16px; font-weight: bold; color: #121212; padding-bottom: 5px; border-bottom: 2px solid #121212; text-transform: uppercase;}
footer #company{text-align: center; font-family: 'Roboto'; font-size: 16px; font-weight: bold; color: #313131; padding-bottom: 30px; padding-top: 20px;}
footer a{color: #121212;}
footer a:hover, footer a:active, footer a:focus{text-decoration: none;}

#bottom{margin-bottom: 20px;}
#bottom .item{float: left; width: 33.3333333%; padding: 0px 15px;}
#bottom .item a{background: #6F371C; padding: 10px 10px 10px 80px;color: #fff; position: relative; display: block;}
#bottom .item a:hover{text-decoration: none;}
#bottom .item h4{margin: 0px; font-size: 20px; text-transform: uppercase; font-weight: bold; line-height: 2;}
#bottom .item p{font-size: 14px; color: #fff; margin: 0px;}
#bottom .item .icons{position: absolute; top: 18px; z-index: 100; left: 15px; font-size: 42px;}

footer #hotline{font-family: 'Roboto'; font-size: 16px; color: #666666; padding: 0px 0px;}
footer #hotline .fa{display: inline-block; float: left; font-size: 30px; margin-right: 10px; color: #ff0000; border: 2px solid #ff0000; border-radius: 100%; width: 50px; padding: 8px 0px; text-align: center;}
footer #hotline span{display: block;}
footer #hotline span:last-child{font-size: 24px; font-weight: bold; color: #ff0000;}

#menuFooter{border-top: 2px solid #f1f1f1; padding: 20px 0px;}
#menuFooter ul{padding: 0px; margin: 0px; text-align: center; list-style: none;}
#menuFooter li{display: inline-block;}
#menuFooter a{display: block; padding: 5px 20px; color: #666666; font-size: 14px; text-transform: capitalize;}

#footer [class*=col-]:last-child{text-align: right}
#footer [class*=col-] > h4{font-weight: bold;}

#statics{margin: 0px; padding: 0px; list-style: none;}

footer .newsletter li{margin-bottom: 15px; position: relative;}
footer .newsletter input{width: 100%; padding: 8px 15px; padding-right: 80px; border: 1px solid #ddd; border-radius: 4px; background: #252626; border: 1px solid #252626; border-bottom: 1px solid #474b4c;}
footer .newsletter button{position: absolute; top: 3px; right: 5px; padding: 6px 7px 5px; background: #e24a4a; border-radius: 4px; border: 0px; font-weight: bold;}
footer .newsletter button:hover{background: #ec6363;}
footer .container [class*=col-]{margin-bottom: 20px;}

/*==================================================================================================*/
#back2top {
	width: 30px; height: 30px; position: fixed; z-index: 89; bottom: 50px; right: 15px; display: none; cursor: pointer; border: 1px solid #a90503;
	background: url(../images/backtotop.png) no-repeat center center #a12826; background-size: 100%;
	-moz-transition: background-color 0.2s ease-in-out;
	-ms-transition: background-color 0.2s ease-in-out;
	-o-transition: background-color 0.2s ease-in-out;
	-webkit-transition: background-color 0.2s ease-in-out;
	transition: background-color 0.2s ease-in-out;
}
#back2top:hover, #audio:hover{opacity: 0.9}

#title_map{font-size: 16px; text-transform: capitalize; color: #0164b1; font-weight: bold;}
.js-video {
	height: 0;
	padding-top: 25px;
	padding-bottom: 67.5%;
	margin-bottom: 10px;
	position: relative;
	overflow: hidden;
}
.js-video.vimeo {
	padding-top: 0;
}
.js-video.widescreen {
	padding-bottom: 49%;
}
.js-video embeb, .js-video iframe, .js-video object, .js-video video {
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	position: absolute;
}

.fb-comments {
	width: 100% !important;
}
.fb-comments iframe[style] {
	width: 100% !important;
}
.fb-like-box {
	width: 100% !important;
}
.fb-like-box iframe[style] {
	width: 100% !important;
}
.fb-comments span {
	width: 100% !important;
}
.fb-comments iframe span[style] {
	width: 100% !important;
}
.fb-like-box span {
	width: 100% !important;
}
.fb-like-box iframe span[style] {
	width: 100% !important;
}
@keyframes blink {
    from {
        color: #fff; border-color: #fff;
    }
    to {
        color: #000; border-color: #000;
    }
}
@-webkit-keyframes blink {
    from {
        color: #fff; border-color: #fff;
    }
    to {
        color: #000; border-color: #000;
    }
}

@media screen and (min-width: 480px){
	.products .item{width: 50%; clear: none;}
	.products .item:nth-child(2n+1){clear: both;}
}

@media screen and (min-width: 640px){
	.col-main, .col-sidebar{float: right; margin-bottom: 25px;}
	.col-sidebar{width: 230px;}
	#content .col-main{width: calc(100% - 230px);}
}

@media screen and (min-width: 768px){
	#iconmenu{display: none;}
	#menuDesktop{display: block;}
	.products .item{width: 33.33333%;}
	.products .item:nth-child(2n+1){clear: none;}
	.products .item:nth-child(3n+1){clear: both;}
}

@media screen and (min-width: 992px){
	#menuDesktop > ul > li{padding: 5px;}
	#menuDesktop li a{padding: 5px 10px; font-weight: bold; font-size: 15px;}
	#role .item{text-transform: uppercase; margin-left: 20px;}
	#role .item img{width: auto;}
	.products .item{width: 25%;}
	.products .item:nth-child(3n+1){clear: none;}
	.products .item:nth-child(4n+1){clear: both;}

	.col-sidebar{width: 250px;}
	#content .col-main{width: calc(100% - 250px)}
}

@media screen and (min-width: 1200px){
	#menuDesktop li a{padding: 5px 15px;}
	.container{width: 1026px;}
}