/* ::-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: 'FiraSans-Light';
    src: url('../fonts/fira-sans/FiraSans-Light.ttf') format('ttf');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'FiraSans-Medium';
    src: url('../fonts/fira-sans/FiraSans-Medium.ttf') format('ttf');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'FiraSans-Regular';
    src: url('../fonts/fira-sans/FiraSans-Regular.ttf') format('ttf');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'FiraSans-Book';
    src: url('../fonts/fira-sans/FiraSans-Book.ttf') format('ttf');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'FiraSans-Bold';
    src: url('../fonts/fira-sans/FiraSans-Bold.ttf') format('ttf');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'FiraSans-SemiBold';
    src: url('../fonts/fira-sans/FiraSans-SemiBold.ttf') format('ttf');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'FiraSans-Heavy';
    src: url('../fonts/fira-sans/FiraSans-Heavy.ttf') format('ttf');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'FiraSans-HeavyItalic';
    src: url('../fonts/fira-sans/FiraSans-HeavyItalic.ttf') format('ttf');
    font-weight: normal;
    font-style: normal;
}

body {
	background: #f4f4f4;
	font-family: 'FiraSans-Regular', 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, #megaMenu .scrollbar-content, .brand-cate-shadows, #megaMenu li.dropdown > ul, .area-search .search,
.type-li a, .btn .close, #menuFixed, #menuFixed li a, #menuMain a, .frm input, .frm button, #about-support .item .desc, 
 #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: #d2ab5f;
}
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;}
.fancybox-inner{overflow: hidden!important}
.fancybox-serial-popup .title{background: #000; color: #fff; position: relative; padding: 7px 15px; font-family: 'FiraSans-Light'; font-size: 14px;}
.fancybox-serial-popup .body{padding: 15px; font-size: 'FiraSans-Light'; font-size: 14px;}
.fancybox-serial-popup .fancybox-close{right: 0px; top: 0px;}
.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);
}
#page{overflow-x: hidden}
#page .btn{
    background: #f6f6f6; color: #454545; border: 1px solid #dfdfdf; position: relative;
    font-family: 'FiraSans-Medium'; font-size: 12px; text-shadow: 0px 0px 0px;
    -moz-transition: all 200ms ease-out 0s;
    -ms-transition: all 200ms ease-out 0s;
    -o-transition: all 200ms ease-out 0s;
    -webkit-transition: all 200ms ease-out 0s;
    transition: all 200ms ease-out 0s; 
}
#page .input-group-btn .btn-active{border-color: #000;}
#page .btn:hover, #page .btn-active, #page li.active > .btn{background-color: #000!important; color: #d2ab5f;}
#page .btn:active, #page .btn:focus{ outline: none;}
#page .btn-active:hover{color: #fff;}
#page .btn.btn-uppercase{text-transform: uppercase;}
#page .btn-noborder-nobackground{border-color: transparent; background-color: transparent; }
#page .btn .icon-chosse{position: absolute; right: -5px; top: -5px; background: #dff0d8; color: #3c763d; border-radius: 100%; cursor: pointer; font-size: 11px; padding: 3px 0px; width: 17px; text-align: center; opacity: 0; visibility: hidden;}
#page .btn-selected .icon-chosse{opacity: 1; visibility: visible;}

.SelectClass, .SumoUnder{visibility: hidden;}

header:after, #banner:after, .products:after, .news:after, .news .item:after, footer .col-sm-4 li:after, .form-group-search:after, 
footer #hotline:after, #content:after, #megaMenu > ul:after, .brand-cate-shadows:after, #megaMenu .cate-ul:after, #news .item: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;
}
#page > .container{border-left: 3px solid #ddd; border-right: 3px solid #ddd;}
/* .container .row{margin-left: -15px; margin-right: -15px;}
.container [class*=col-]{padding-left: 15px; padding-right: 15px;} */

#page .form-control, #page .btn{border-radius: 0px;}

header{background: #252525; height: 44px;}

.logo{display: inline-block;}
#logo{float: left; margin-right: 10px; position: relative; z-index: 1989;}

#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{display: block;}
.social li a:active, .social li a:focus{text-decoration: none;}
.social li .fa{background: #000; border-radius: 100%; 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;}

.social-color li .fa{border-radius: 3px;}
.social-color li .fa-skype{background: #01aef2;}
.social-color li .fa-facebook{background: #3b5998;}
.social-color li .fa-twitter{background: #2ca7e0;}
.social-color li .fa-google-plus{background: #c13222;}
.social-color li .fa-youtube{background: #d82423;}

#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{float: left;}
#menuDesktop ul{margin: 0px; padding: 0px; list-style: none;}
#menuDesktop > ul > li{padding: 13px 15px;}
#menuDesktop li{display: inline-block;}
#menuDesktop li a{display: block; padding: 0px; font-size: 13px; color: #fff; font-family: 'FiraSans-Light';}
#menuDesktop li a:hover{text-decoration: none;}
#menuDesktop li.dropdown{position: static;}
#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; */}
#menuDesktop li li{float: none; display: block; margin: 0px;}
#menuDesktop li ul{
	display: none; position: absolute; z-index: 10; top: 0px; left: 15px; right: 15px; background: url('../images/bg-sub-menu.png') no-repeat right bottom #fff;
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=10, Direction=0, Color=#000000)";/*IE 8*/
	-moz-box-shadow: 0 3px 10px 1px rgba(0,0,0,0.2);/*FF 3.5+*/
	-webkit-box-shadow: 0 3px 10px 1px rgba(0,0,0,0.2);/*Saf3-4, Chrome, iOS 4.0.2-4.2, Android 2.3+*/
	box-shadow: 0 3px 10px 1px rgba(0,0,0,0.2);/* FF3.5+, Opera 9+, Saf1+, Chrome, IE10 */
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=10, Direction=135, Color=#000000); /*IE 5.5-7*/
}
#menuDesktop li ul:before{content: ''; display: block; width: 170px; background: #f1f1f1; position: absolute; left: 0px; top: 0px; bottom: 0px;}
#menuDesktop li ul:after{content: ''; display: table; clear: both;}
#menuDesktop li.dropdown > ul:after{}
#menuDesktop li.dropdown.hover .level-1{display: block;}
#menuDesktop li li ul:before{background: none; width: 0px; height: 0px;}
#menuDesktop li.current > a, #menuDesktop li.hover > a{color: #af8f52;}
#menuDesktop li.hover > ul{display: block;}
#menuDesktop li ul a{
	text-transform: none; border-top: 1px solid #e1e1e1; color: #333; font-weight: normal; padding: 2px 20px;
	width: 170px; text-transform: uppercase; font-size: 14px; font-family: 'FiraSans-Book'; position: relative;
    -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 li:first-child a{border: none; padding-top: 53px;}
#menuDesktop li li a:hover{/* color: #af8f52; padding-left: 30px; */}
#menuDesktop li li.current > a, #menuDesktop li ul li.hover > a{color: #af8f52; box-shadow: none;}
#menuDesktop li li ul{top: 0px; left: 170px; right: 0px; bottom: 0px; background: none; box-shadow: none;}
#menuDesktop li li:first-child ul{/* display: block; */}
#menuDesktop li li ul{top: 40px; padding: 20px 10px; min-height: auto;}
#menuDesktop li li:first-child li a, #menuDesktop li li li:first-child a{padding: 0px;}
#menuDesktop li li li{float: left; position: relative; width: 33.33333%; padding: 0px 15px;}
#menuDesktop li li li:nth-child(3n+1){clear: both;}
#menuDesktop li li li a{width: 100%; padding-left: 5px; position: relative; border: none; font-family: 'FiraSans-Light';}
#menuDesktop li li li a:before{content: ''; display: block; width: 10px; height: 10px; background: #af8f52; border-radius: 100%; position: absolute; left: -14px; top: 4px;}
#menuDesktop li li li ul{left: 0px; display: block; padding: 5px 10px 15px 10px; position: static;}
#menuDesktop li li li li{float: none; width: 100%; padding: 0px;}
#menuDesktop li li li li:first-child a, #menuDesktop li li li li a{text-transform: none; padding: 2px 0px; font-size: 12px;}
#menuDesktop li li li li a:before{background: none; content: '>'; font-size: 9px; top: 4px; left: -10px;}
.level-1 p{margin: 0px; font-weight: bold; text-transform: uppercase; color: #af8f52; position: absolute; top: 20px; left: 180px; display: none; font-family: 'FiraSans-SemiBold'; font-size: 19px;}
.level-1 li.hover p{display: block;}

.dropdown .slimScrollBar, .dropdown .slimScrollRail{display: none!important; left: 175px!important}
.dropdown.hover .slimScrollBar{display: block!important;}
.dropdown.hover .slimScrollRail:hover{display: block!important;}

.title-radius{position: relative; padding-left: 15px!important;}
.title-radius:before{content: ''; display: block; width: 10px; height: 10px; background: #d2ab5f; border-radius: 100%; position: absolute; left: 0px; top: 5px;}

.scrollbar-path-vertical{top: 0px!important; height: 100%!important; box-shadow: none; background: none; width: 7px;}
.scrollbar-handle{background: #d2ab5f;}

#megaMenu{float: left; display: none;}
#megaMenu ul{margin: 0px; padding: 0px; list-style: none;}
#megaMenu > ul > li.dropdown{position: relative;}
#megaMenu li.dropdown > ul{opacity: 0; visibility: hidden; position: absolute; z-index: 100; top: 50px; left: 0px; background: #fdfdfd; min-width: 200px; padding: 10px 0px;}
#megaMenu li.dropdown:hover > ul{opacity: 1; visibility: visible; top: 44px;}
#megaMenu > ul > li.dropdown ul a{padding: 5px 15px; color: #000;}
#megaMenu > ul > li.dropdown ul a:hover{color: #af8f52}

#megaMenu .brand-cate-shadows{opacity: 0; visibility: hidden; position: absolute; top: 50px; left: 15px; right: 15px; z-index: 1100; background: #f1f1f1; min-height: 370px}
#megaMenu > ul > li{float: left;}
#megaMenu a{font-family: 'FiraSans-Light'; font-size: 16px; color: #f2f2f2; display: block; padding: 12px 15px; font-weight: bold;}
#megaMenu .current > a, #megaMenu li:hover > a, #megaMenu a:hover, #megaMenu li.open > a{color: #d2ab5f; text-decoration: none;}
#megaMenu .brand-cate.open .brand-cate-shadows{
    opacity: 1; visibility: visible; top: 44px; border-radius: 0px 0px 3px 3px;
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=0, Color=#000000)";/*IE 8*/
    -moz-box-shadow: 0 2px 5px 1px rgba(0, 0, 0, 0.3);/*FF 3.5+*/
    -webkit-box-shadow: 0 2px 5px 1px rgba(0, 0, 0, 0.3);/*Saf3-4, Chrome, iOS 4.0.2-4.2, Android 2.3+*/
    box-shadow: 0 2px 5px 1px rgba(0, 0, 0, 0.3);/* FF3.5+, Opera 9+, Saf1+, Chrome, IE10 */
    filter: progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=135, Color=#000000); /*IE 5.5-7*/
}
.index #megaMenu .brand-cate.open .brand-cate-shadows{
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=0, Color=#FFFFFF)";/*IE 8*/
    -moz-box-shadow: 0 2px 5px 1px rgba(255, 255, 255, 0.3);/*FF 3.5+*/
    -webkit-box-shadow: 0 2px 5px 1px rgba(255, 255, 255, 0.3);/*Saf3-4, Chrome, iOS 4.0.2-4.2, Android 2.3+*/
    box-shadow: 0 2px 5px 1px rgba(255, 255, 255, 0.3);/* FF3.5+, Opera 9+, Saf1+, Chrome, IE10 */
    filter: progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=135, Color=#FFFFFF); /*IE 5.5-7*/
}
#megaMenu .brand{float: left; width: 170px; padding-top: 50px; min-height: 370px; border-radius: 0px 0px 0px 3px}
#megaMenu .category{float: left; width: calc(100% - 170px); background: url('../images/bg-sub-menu.png') no-repeat right bottom #fff; padding: 20px; min-height: 370px; border-radius: 0px 0px 3px 0px;}
#megaMenu .scrollbar{height: 220px; overflow-y: auto;}
#megaMenu .scrollbar:focus:before, #megaMenu .scrollbar:hover:before{
    content: "";
    position: absolute;
    z-index: -1;
    -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.2);
    box-shadow: 0 0 10px rgba(0,0,0,0.2);
    top: -10px;
    width: 80%;
    height: 10px;
    -moz-border-radius: 100%;
    border-radius: 100%;
    left: 10%;
    right: 10%;
}
#megaMenu .scrollbar:focus:after, #megaMenu .scrollbar:hover:after{
    content: "";
    position: absolute;
    z-index: -1;
    -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.2);
    box-shadow: 0 0 10px rgba(0,0,0,0.2);
    bottom: -10px;
    width: 80%;
    height: 10px;
    -moz-border-radius: 100%;
    border-radius: 100%;
    left: 10%;
    right: 10%;
}
#megaMenu .scrollbar-content{padding: 0px!important; float: none!important;}
#megaMenu .brand p{margin: 0px;}
#megaMenu .brand a{font-family: 'FiraSans-Book'; font-size: 15px; text-transform: uppercase; color: #333333; padding: 5px 20px; border-top: 1px solid #e1e1e1;}
#megaMenu .brand .open a, #megaMenu .brand-li.selected a, #megaMenu .brand a:hover{color: #d2ab5f;}
#megaMenu .brand p:first-child a{border: none;}
#megaMenu .category-li{display: none;}
#megaMenu .category-li.selected{display: block;}
#megaMenu .category-li > p{font-family: 'FiraSans-SemiBold'; font-size: 18px; font-weight: bold; text-transform: uppercase; color: #d2ab5f; margin: 0px;}
#megaMenu .cate-ul{margin-left: -10px; margin-right: -10px; padding: 15px 0px 10px;}
#megaMenu .cate-ul > li{float: left; width: 33.33333%; padding: 0px 10px 10px;}
#megaMenu .cate-ul > li:nth-child(3n+1){clear: both;}
#megaMenu .cate-li > a{font-size: 14px; color: #333333; text-transform: uppercase; padding: 0px;}
#megaMenu .type-ul{padding: 5px 0px 10px 10px;}
#megaMenu .type-ul a{padding: 3px 0px; font-size: 13px; color: #636363}
#megaMenu .type-ul a:hover{padding-left: 10px;}

#iconmenu{float: right; padding-top: 5px; padding-left: 10px;}
#hamburger {
  display: block; width: 33px; height: 35px; z-index: 93; float: right; position: relative;
  font-size: 20px; color: #41ACD3; text-align: center; margin: 0px;
}
#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;
}

.area-search, .icon-cart{float: right; padding: 15px 10px; font-size: 14px; color: #fff;}
.icon-cart:hover{color: #ddd;}
.area-search{margin: 0px; cursor: pointer;}
.area-search .search{position: absolute; z-index: 100; right: 15px; top: 50px; width: 200px; display: table; opacity: 0; visibility: hidden;}
.area-search:hover .search{opacity: 1; visibility: visible; top: 44px;}
.area-search .search .btn{background: #333;}
.area-search .search .fa{padding: 3px 0px;}

.tooltip-inner{white-space: nowrap;}

#content{padding: 0px;}

#checkSerial{padding: 25px 0px 50px; border-bottom: 1px solid #dfdfdf; background: #fff; margin-top: -10px;}
#checkSerial .form-horizontal{text-align: right;}
#checkSerial .control-label{padding: 0px 10px 0px 0px; vertical-align: middle; display: none}
#checkSerial .control-group, .form-group-search{width: 250px; display: inline-block; vertical-align: middle;} 
#btnCheckSerial{border-left: 0px; text-transform: uppercase; }

#checkSerial .form-horizontal.form-search{position: absolute; right: 15px; top: 40px; }
.form-group-search .search{float: left; width: calc(100% - 45px)}
.form-group-search .div-button-search{width: 36px; margin-right: 0px; float: right;}
.form-group-search .SumoSelect{width: 100%;}
.form-search .btn-more{
    z-index: 1; font-size: 15px; padding: 8px 12px; background: #fff!important;
}
.form-search .btn-more .fa{
    -moz-transition: transform .1s ease-in;
    -o-transition: transform .1s ease-in;
    -webkit-transition: transform .1s ease-in;
    transition: transform .1s ease-in;
}
.form-search .btn-more.btn-active .fa{
    -moz-transform: rotate(43deg);
    -webkit-transform: rotate(43deg);
    -o-transform: rotate(43deg);
    -ms-transform: rotate(43deg);
    transform: rotate(43deg);
}
.form-search .table{margin: 0px; background: #fff;}
.form-search .table td{position: relative; padding-bottom: 0px;}
.form-search .table td:first-child{font-weight: bold; padding: 8px;}
.form-search .table .btn{font-family: 'FiraSans-Regular'; color: #454545; margin-right: 10px; margin-bottom: 8px; min-width: 35px; min-height: 24px;}
.form-search .table .btn-plus{position: absolute!important; margin: 0px; right: 5px; top: 10px;}
.form-search .table-search{
    position: absolute; left: 15px; right: 15px; top: 50px; opacity: 0; visibility: hidden; z-index: 1000;
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=0, Color=#000000)";/*IE 8*/
    -moz-box-shadow: 0 2px 5px 1px rgba(0,0,0,0.3);/*FF 3.5+*/
    -webkit-box-shadow: 0 2px 5px 1px rgba(0,0,0,0.3);/*Saf3-4, Chrome, iOS 4.0.2-4.2, Android 2.3+*/
    box-shadow: 0 2px 5px 1px rgba(0,0,0,0.3);/* FF3.5+, Opera 9+, Saf1+, Chrome, IE10 */
    filter: progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=135, Color=#000000); /*IE 5.5-7*/
    -moz-transition: top .3s ease-in;
    -o-transition: top  .3s ease-in;
    -webkit-transition: top  .3s ease-in;
    transition: top  .3s ease-in;
}
.form-search .table-active{top: 80px; opacity: 1;visibility: visible;}

.box-title{padding: 15px 0px;}
.product-home .box-title h3{font-family: 'FiraSans-Light'; font-size: 18px; color: #333333; text-transform: uppercase; position: relative; margin: 0px;}
.product-home .form-group-search{top: 5px; right: 85px;}

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

.category .title-radius{margin: 0px; text-transform: uppercase; color: #333; font-family: 'FiraSans-Light'; font-size: 18px;}
.category .title-radius > a{color: #333; font-family: 'FiraSans-Light'; font-size: 18px;}
.category{padding: 30px 0px;}
.category:nth-child(odd){background: #fff; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc;}
.category:first-child{border-top: 0px;}

#about{padding: 50px 0px; background: #fff;}
#about .col-xs-0{display: none;}
#about .thumb{text-align: right; position: relative;}
#about .thumb:after{content: ''; display: block; position: absolute; left: 22; right: 22px; bottom: 22px; top: 22px; border: 3px solid #d2ab5f;}
#about p{margin-bottom: 20px;}
#about h2 a{display: inline-block; font-family: 'FiraSans-Light'; font-size: 19px; text-transform: uppercase; color: #333333;}
#about .container:last-child:before{width: 700px; position: absolute; left: -470px; top: -50px; bottom: 0px; background: url('../images/bg-about.png') no-repeat right top #252525;}

#about.about-detail{padding: 30px 0px;}
#about.about-detail h1{margin: 0px 0px 30px; font-family: 'FiraSans-Light'; font-size: 18px; color: #333; text-transform: uppercase;}
#about.about-detail .container:last-child:before{top: -30px; bottom: -30px; background-image: none; display: none;}
#about.about-detail .thumb:after{left: calc(100% - 80px); right: calc(-100% - 30px);}
#about.about-detail .boxSeoTitle{top: -25px; right: 15px; font-family: 'FiraSans-Heavy'; font-size: 35px; color: #f3f3f3; text-transform: uppercase;}
#about.about-detail .showdetail{margin-top: 15px;}


#breadcrumb{position: relative; padding: 60px 0px 20px; margin-bottom: 10px;}
#breadcrumb:before{content: ''; position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; display: block; background: url('../images/bg-breadcrumb.jpg') no-repeat center center; opacity: 0.73;}
#breadcrumb .breadcrumb{margin: 0px; padding: 0px; background: none; border-radius: 0px; border: none; box-shadow: none; text-transform: uppercase; font-size: 11px;}
#breadcrumb .breadcrumb a{color: #fff;}
#breadcrumb .breadcrumb>li+li:before{color: #fff;}
#breadcrumb .breadcrumb .active{color: #d2ab5f;}

.about-detail .scrollbar-path-vertical{right: 15px; box-shadow: none;}

#about-support{padding: 40px 0px; position: relative}
#about-support:before{content: ''; position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; display: block; background: url('../images/bg-supports.jpg') no-repeat center center #ebebeb; opacity: 0.05;}
#about-support .title-radius{text-transform: uppercase; font-family: 'FiraSans-Light'; margin-top: 0px; margin-bottom: 20px; color: #333;}
#about-support .item{position: relative; color: #d2ab5f; font-family: 'FiraSans-Regular'; font-weight: bold;}
#about-support .item a{color: #d2ab5f}
#about-support .item .desc{position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px; border: 5px solid #d2ab5f; background: rgba(0, 0, 0, 0.8); opacity: 0; text-align: center;}
#about-support .item:hover .desc{opacity: 1;}
#about-support .item .name{padding-top: 30%; font-size: 18px; text-transform: uppercase;}
#about-support .item .social{margin-top: 15px;}
#about-support .owl-theme .owl-dots .owl-dot span{border-radius: 0px;}
#about-support .owl-theme .owl-dots .owl-dot.active span, #about-support .owl-theme .owl-dots .owl-dot:hover span{background: #d2ab5f}

#about-brands{padding: 20px 0px; background: #fff;}
#about-brands .title-radius{text-transform: uppercase; font-family: 'FiraSans-Light'; color: #333; margin-bottom: 20px;}
#about-brands .item{float: left; width: 16.6666667%; padding: 0px 15px 30px; text-align: center; display: block;}
#about-brands .item:nth-child(6+1){clear: both;}

#counter{text-align: center; color: #d2ab5f; text-transform: uppercase; font-family: 'FiraSans-Bold'; padding: 30px 0px; margin: 50px -15px 0px; position: relative; background: #252525;}
#counter:before{content: ''; position: absolute; display: block; top: 0px; bottom: 0px; right: -500px; width: 700px; background: url('../images/bg-counter.png') no-repeat left center #252525;}
#counter .number{font-size: 48px; font-weight: bold;}
#counter .name{font-size: 25px; font-family: 'FiraSans-Light'; margin: 0px; font-weight: normal;}

#news{padding: 0px 0px 30px; background: #fff;}
#news .title h4{margin-top: 0px; margin-bottom: 20px;}
#news .title a{font-family: 'FiraSans-Light'; font-size: 18px; color: #333333; text-transform: uppercase;}
#news .item{border-bottom: 4px solid transparent; background: #fff;}
#news .item:hover{border-color: #d2ab5f;}
#news .item .thumb{position: relative; display: block; min-height: 100px; min-width: 100px; border: 1px solid #eee;}
#news .item:hover .thumb:after{content: ''; display: block; top: 0; right: 0; bottom: 0; left: 0; position: absolute; background: #d2ab5f; opacity: 0.6;}
#news .icon{float: left; width: 28%; text-align: center; padding: 25px 0px;}
#news .icon .fa{font-size: 36px; color: #d2ab5f;}
#news .info{float: left; width: 72%; padding: 15px; background: #fff; margin-top: -50px; position: relative;}
#news .info h3{margin-top: 0px;}
#news .info a{font-family: 'FiraSans-SemiBold'; font-size: 14px; font-weight: bold; text-transform: uppercase; color: #333333; line-height: 1.3}
#news .info a:hover{color: #d2ab5f; text-decoration: none;}
#news .info .desc{font-family: 'FiraSans-Light'; font-size: 13px; color: #636363;}

.news h1{text-transform: uppercase;}
.news .item{width: 100%; padding: 0px 15px; margin-bottom: 30px; float: left;}

#brands .owl-carousel{padding: 0px 50px;}
#brands .owl-theme .owl-controls{margin: 0px;}
#brands .owl-theme .owl-controls .owl-nav [class*=owl-]{margin: 0px; padding: 0px; position: absolute; top: 50%; margin-top: -15px; background: transparent;}
#brands .owl-theme .owl-controls .owl-prev{left: 20px;}
#brands .owl-theme .owl-controls .owl-next{right: 20px;}
#brands .owl-theme .owl-controls .fa{font-size: 30px; color: #4b4b4b;}

.detail{clear: both;}

#slider{position: relative; background: url('../images/bg-slider.png') no-repeat center top;}
#slider .container > img{opacity: 0}
#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; opacity: 0;}
#slider:hover .owl-nav [class*=owl-]{opacity: 1}
#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;}

.col-main .box{margin-bottom: 30px;}

.boxDetail .boxBody{padding-top: 15px;}

.showdetail	a{color: #222;}

.title .meta{color: #9a9a9a; margin: -5px 0px 15px 10px; }
.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;}
.alert-result-search{margin-top: 0px;}
.alert-result-search > span{font-weight: bold;}

.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;}

.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: 20%; margin: 5px 0px;}
.products .item:nth-child(5n+1){clear: both;}
.products .item .bg{padding: 20px 15px; background: #fff;}
.products .item .bg:hover{
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=0, Color=#000000)";/*IE 8*/
    -moz-box-shadow: 0 0px 5px 1px rgba(0,0,0,0.3);/*FF 3.5+*/
    -webkit-box-shadow: 0 0px 5px 1px rgba(0,0,0,0.3);/*Saf3-4, Chrome, iOS 4.0.2-4.2, Android 2.3+*/
    box-shadow: 0 0px 5px 1px rgba(0,0,0,0.3);/* FF3.5+, Opera 9+, Saf1+, Chrome, IE10 */
    filter: progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=135, Color=#000000); /*IE 5.5-7*/
}
.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{font-family: 'FiraSans-Light'; font-size: 14px; color: #636363;}
.products .item .discount{display: block; position: absolute; right: -5px; top: 5px; background: #d2ab5f; color: #fff; padding: 5px 10px;}
.products .item .btn-price{font-weight: bold; font-size: 16px; margin-bottom: 5px;}
.products .item .btn-price:hover{text-decoration: none;}
.products .item .price{position: relative;}
.products .item .price *{font-family: 'FiraSans-Book'; font-size: 16px; color: #333333;}
.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 .price a:hover{color: #d2ab5f}
.products .item .title a{position: relative; display: block; color: #333333; font-size: 15px; font-weight: bold; font-family: 'FiraSans-Book'; margin-bottom: 10px;}
.products .item .title a:hover{color: #d2ab5f; 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 .more{background: #fff; height: 0px; overflow: hidden}
.products .item:hover .more{height: auto; overflow: visible;}
.products .item .more ul{margin: 0px; padding-left: 10px;}

.products.owl-carousel{margin: 0px; padding: 15px 0px;}
.products.owl-carousel .owl-stage-outer{overflow-x: hidden; margin-left: -5px; margin-right: -5px; padding-left: 5px; padding-right: 5px;}
.products.owl-carousel .owl-controls{position: absolute; right: 0px; top: -45px; margin: 0px;}
.products.owl-carousel .owl-controls .owl-nav [class*=owl-]{background: none; border: none; margin: 0px; padding: 0px;}
.products.owl-carousel .owl-controls .owl-nav .fa{background: #fff; border: 1px solid #ddd; border-radius: 100%; margin: 3px; padding: 5px 10px; color: #000;}
.products.owl-carousel .item{float: none; width: auto;}

.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%;}

.products.no-owl-carousel{margin: 0px -15px;}
.no-owl-carousel .item{background: transparent; padding: 0px 15px 30px;}
.no-owl-carousel .item .bg{background: #fff;}

.col-xs-3-6{width: 33%; float: left; padding: 0px 15px;}
.col-xs-5-6{width: 47%; float: left; padding: 0px 15px;}
.col-xs-2-6{width: 20%; float: left; padding: 0px 15px;}
#productDetail{background: #fff; padding: 30px 0px; margin: 0px;}
.productDetail{margin-bottom: 15px;}
.productDetail h2.title-radius{text-transform: uppercase; font-size: 18px; color: #333333; font-family: 'FiraSans-Light'}
.productDetail .infomation h1{margin-top: 0px; font-weight: bold; font-family: 'FiraSans-Bold'; color: #333333; font-size: 30px;}
.productDetail hr{margin: 10px 0px;}
.productDetail .photo .border{border: 1px solid #ddd; overflow: hidden; margin-bottom: 15px; text-align: center; background: #fff;}
.productDetail .photo img{padding: 0px;}
.productDetail .infoPhotos{padding: 10px 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; font-family: 'FiraSans-Light'; font-size: 30px; color: #333333; margin-bottom: 20px;}
.productDetail .infoList .price .price-original{text-decoration: line-through; font-size: 18px; color: #d2ab5f;}
.productDetail .infoList .price span{display: block;}
.productDetail .infoList .desc{margin-bottom: 15px; font-family: 'FiraSans-Light'; color: #636363; font-size: 14px;}

.productDetail .infoList .buy-group{width: 250px; margin-bottom: 30px;}
.productDetail .infoList .list{font-family: 'FiraSans-Regular'; font-size: 15px; color: #333333;}
.productDetail .list > span:first-child{text-transform: uppercase; font-weight: bold; font-size: 13px; display: inline-block; width: 110px;}
.productDetail .color-area .color{display: inline-block;}
.productDetail .color-area .color .radio-color{display: none;}
.productDetail .color-area .color label{display: inline-block; width: 20px; height: 20px; margin: 0px 3px -3px; border: 1px solid #ddd; cursor: pointer; position: relative;}
.productDetail .color-area .color label .fa{position: absolute; top: 1px; left: 2px; background: #ececec; color: #333; border-radius: 100%; font-size: 10px; padding: 3px 0px; width: 15px; text-align: center; display: none;}
.productDetail .color-area .color .radio-color:checked + label .fa{display: block;}

.productDetail .fotorama__wrap{margin: auto;}

.detailHotline .item{padding: 10px; background: #fff; text-align: right}
.detailHotline .share{margin-bottom: 20px;}
.detailHotline .share ul{display: inline-block; margin-left: 5px;}

#productDetail .nav-tabs{background: #f6f6f6; border: none;}
#page #productDetail .btn{border: none;}

#productDetail .tab-content{padding: 15px; background: #fff; border: 1px solid #f6f6f6; border-top: none;}

#cart{background: #fff; padding: 30px 0px;}
#cart h1{margin-top: 0px;}
#cart .alert-message{width: calc(100% - 260px)}
#cart .row{position: relative;}
#formCart, #formMember{float: left; width: calc(100% - 260px); padding: 0px 15px;}
#tableCart{float: left; width: 260px; padding: 0px 15px;}
#tableCart.absolute{position: absolute; right: 0; float: none; z-index: 1989;}
#tableCart.absolute .table{background: #f7f7f7; border: 1px solid #ddd;}
#tableCart .total_price{border: none;}
#cart .product-no{width: 45px;}
#cart .product-image{width: 90px;}
#cart .product-info a{font-weight: bold; display: block; font-family: 'FiraSans-Light'; font-size: 15px; color: #333;}
#cart .product-info .color{display: inline-block; padding:0px 10px; border: 1px solid #ddd; color: #6b6b6b;}
#cart .product-qty-group{width: 110px;}
#cart .product-qty-group input{text-align: center;}
#cart .product-delete{width: 50px;}
#cart .product-delete a{font-size: 20px; color: #333;}
#cart .product-delete a:hover{color: red;}

#form h2{margin-top: 0px; text-transform: uppercase;}

.actionDetail{margin: 10px 0px;}

.pagination>li>a, .pagination>li>span{color: #252525}
.pagination>li.open{position: relative;}
.pagination>li.open>a, .pagination>li>a:focus, .pagination>li>a:hover, .pagination>li>span:focus, .pagination>li>span:hover{color: #d2ab5f; background: #252525; border-color: #252525;}
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover{background-color: #252525; color: #d2ab5f; border: 3px solid #252525; margin-top: -2px;}
.pagination>.disabled>a, .pagination>.disabled>a:focus, .pagination>.disabled>a:hover, .pagination>.disabled>span, .pagination>.disabled>span:focus, .pagination>.disabled>span:hover{opacity: 0.2}

#service{background: #fff;}
#service .item{position: relative; margin-bottom: 10px;}
#service .item:before{content: ''; display: none; width: 1000px; position: absolute; top: 0px; bottom: 0px; background: #252525;}
#service .thumb{display: none;}
#service .thumb:before{content: ''; display: block; position: absolute; border: 3px solid #d2ab5f; top: 20px; bottom: 20px;}
#service .desc{top: 35px; bottom: 45px; overflow: hidden; padding: 20px 0;}
#service.service-detail .desc{padding: 10px 0px;}
#service .boxTitle{margin-top: 0px; font-family: 'FiraSans-Regular'; font-size: 18px; text-transform: uppercase; font-weight: bold;}
#service .boxTitle a{color: #333;}
#service .showdetail{overflow-y: auto; padding-right: 10px;}
/* #service .item:nth-child(even):before{left: 85%;}
#service .item:nth-child(even) .thumb{margin-left: 50%;}
#service .item:nth-child(even) .thumb:before{left: -100%; right: 85%;}
#service .item:nth-child(odd):before{right: 85%;}
#service .item:nth-child(odd) .desc{left: 50%;}
#service .item:nth-child(odd) .thumb{text-align: right}
#service .item:nth-child(odd) .thumb:before{right: -100%; left: 85%;}
#service .scrollbar-content{padding-right: 50px;} */

#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;}

#contact{background: #fff;}
.frmcontact label.control-label{font-weight: normal;}
.captcha img{width: 62px; border: 1px solid #ccc;}
.captcha .fa{cursor: pointer; font-size: 15px; vertical-align: middle;}
.captcha .input-group-addon{padding: 0px; width: 62px; vertical-align: top; background: none; border: none;}
.captcha .input-group-btn{width: 30px; text-align: center; vertical-align: top; background: none; border: none;}
#frmcontact .input-group-sm>.form-control{height: auto;}

.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;}

#bottom{padding: 13px 0px; background: #dcdcdc;}
#bottom .social-color{text-align: right; margin-bottom: 10px;}
#bottom .newsletter{text-align: right;}
#bottom .newsletter .input-group{float: right; margin-left: 10px; width: 250px;}
#bottom .newsletter .control-label{float: right; margin: 8px 0px 0px; text-transform: uppercase; font-family: 'FiraSans-Regular'; color: #4b4b4b; font-size: 12px;}

footer{padding: 40px 0px 20px; clear: both; background-color: #252525; color: #fff; font-family: 'FiraSans-Book';}
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: #fff;}
footer a:hover, footer a:active, footer a:focus{text-decoration: none;}
footer [class*=col-]{margin-bottom: 15px;}
footer .col-md-3 .footer-title{margin-top: 0px;}
footer .footer-title a{text-transform: uppercase; font-size: 14px; font-weight: bold;}
footer .footer-title a:hover{color: #fff; text-decoration: underline;}

/*==================================================================================================*/
#back2top {
	width: 30px; height: 30px; position: fixed; bottom: 50px; right: 15px; display: none; cursor: pointer; border: 1px solid #252525;
	background: url(../images/backtotop.png) no-repeat center center #000; 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}

#company_map, .map-canvas{height: 400px;}
.gm-style img { max-width: none!important; }

#title_map{font-size: 16px; text-transform: capitalize; color: #252525; 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;
    }
}

.scrollbar::-webkit-scrollbar-track
{
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    border-radius: 10px;
}
.scrollbar::-webkit-scrollbar
{
    width: 7px;
}
.scrollbar::-webkit-scrollbar-thumb
{
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
    background-color: #d2ab5f;
}

@media screen and (min-width: 320px){
    #about .thumb:after{left: 0px;}
}

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

@media screen and (min-width: 525px){
    #checkSerial .control-label{display: inline-block;}
    #about.about-detail .boxSeoTitle{position: absolute;}
    #about.about-detail .showdetail{margin-top: 25px;}
}

@media screen and (min-width: 640px){
}

@media screen and (min-width: 768px){
    footer .col-md-2{float: right;}
    #checkSerial{padding: 25px 0px 25px;}
    #checkSerial .form-horizontal{text-align: left;}
    #checkSerial .form-horizontal.form-search{top: 0px;}
    #checkSerial .control-group, .form-group-search{width: 230px;}
    .form-search .table-active{top: 45px;}
    #about .col-xs-12{padding-left: 250px;}
    #counter .col-xs-12{padding-left: 15px;}
    #about .container:last-child:before{display: block;}
    #bottom .social-color{text-align: left; margin-bottom: 0px;}
    #bottom .newsletter{text-align: right;}
    #about.about-detail .col-xs-12{padding-left: 15px;}
    #about.about-detail h1{margin-bottom: 60px;}
    #about.about-detail .boxSeoTitle{font-size: 52px; top: -50px;}
    #about.about-detail .showdetail{margin-top: 40px;}
    #service .boxBody, #service .showdetail{height: calc(100% - 15px);}
    #service.service-detail .boxBody, #service.service-detail .showdetail{height: 100%; padding-top: 0px;}
    #service .thumb{width: 50%; display: block; padding: 0px 15px; position: relative; margin: 0px;}
    #service .item:nth-child(even):before {left: 85%; background: #252525; display: block; position: absolute;}
    #service .item:nth-child(even) .thumb{margin-left: 50%;}
    #service .item:nth-child(even) .thumb:before {left: -100%; right: 85%;}
    #service .desc{width: 50%; position: absolute; padding: 0px 0px 0px 30px;}
    #service.service-detail .desc{padding: 0px 0px 0px 30px;}
    #service .item:nth-child(odd):before {right: 85%; background: #252525; display: block; position: absolute;}
    #service .item:nth-child(odd) .thumb {text-align: right;}
    #service .item:nth-child(odd) .desc {left: 50%;}
    #service .item:nth-child(odd) .thumb:before {right: -100%; left: 85%;}
    .news .item{width: 33.333333%;}
    .news .item:nth-child(2n+1){clear: none;}
    .news .item:nth-child(3n+1){clear: both;}
}

@media screen and (min-width: 992px){
    #iconmenu{display: none;}
    #megaMenu{display: block;}
    #checkSerial .control-group{width: 300px}
    .form-group-search{width: 300px;}
    #about .desc{height: 300px;}
    #about .col-xs-0{display: block;}
    #about .col-xs-12{padding-left: 15px;}
    #counter{margin-top: 100px;}
    #about.about-detail .showdetail{height: 305px; padding-right: 5%; margin-right: 5%; overflow-y: auto;}
    #about.about-detail .container:last-child:before{display: block}
    #service .boxBody, #service .showdetail{height: calc(100% - 20px); padding-top: 5px;}
}

@media screen and (min-width: 1200px){
    #about .desc{height: 320px;}
}