@charset "utf-8";
/* CSS Document*/

:root{
	--color-main:#da805e;
	--color-main_2:#ffd251;
	--color-main_3:#915427;
	--color-main_trans:#93ca4b;
	--color-red:#F00;
	--color-hover:#90542a;
}
body{
	font:300 14px/26px 'Roboto', serif;	color:#000; 
	overflow-x:hidden; background:#FFF;
	background-repeat:no-repeat;
	background-position: center top; background-size:cover;
	
    transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease;
}
.page-home{
	background:#f6f6f6;
}
input[type=number]::-webkit-inner-spin-button {
    opacity: 1; -moz-opacity: 1; -webkit-opacity: 1;
	-o-opacity: 1; -ms-opacity: 1;
}
/*
input[type=number]::-webkit-outer-spin-button, 
input[type=number]::-webkit-inner-spin-button {
	background-color:transparent;
	padding-left:7px; padding-right:7px;
	border-left: 1px solid #DDD;
	opacity: 1;
	position: absolute;
	top: 0;    right: 0;    bottom: 0;
}
input[type=number]::-webkit-inner-spin-button:hover,
input[type=number]::-webkit-inner-spin-button:active{
    box-shadow: 0 0 2px #0CF;
    opacity: 1;
}
*/
/************/
.container{
	width:90%; max-width:1450px;	
}
#left-container,
.plugin-container{
	width:22%;
}
#right-container,
.main-container{
	width:78%;
}
.plugin-container{
	position:static;
}
.text-red{
	color:var( --color-red);	
}
.btn-success{
	background-color:var( --color-main); border-color:var( --color-main);	
}
.no-color *{
	color:#000 !important;
	font-weight:normal;	
}
.alert p:last-child{
	margin-bottom:0 !important;	
}
a{
	cursor:pointer;	
}
.b500{
	 font-weight:500;	
}
.label{
	padding-top:0.3em;	
}
.alert-warning{
	color:#000;	
}
.alert-warning p{
	margin-bottom:10px !important;
}
.fb_iframe_widget_fluid_desktop iframe{
	width:100% !important; min-width:100% !important;
}
/*********/
.overlay{
	position:fixed; left:0; top:0; z-index:999;
	width:100%; height:100%; overflow:hidden;
	background:url(../img/loader.gif) no-repeat center center rgba(0, 0, 0, 0.3);	
}
.f-title{
	
}
.text-cap{
	text-transform:capitalize;	
}
.text-upp{
	text-transform:uppercase; 		
}
.img-full{
	display:block; width:100%;	
}
.transition{
	transition:all 0.3s ease-in 0s;	
	-moz-transition:all 0.3s ease-in 0s;	
	-webkit-transition:all 0.3s ease-in 0s;	
}
.trans_dis{
	transition:none; -moz-transition:none; -webkit-transition:none;
}
.img-hover-zoom{
	overflow:hidden;	
}
.img-hover-zoom .img-zoom{
	transition:all 0.7s ease-in-out 0s; -webkit-transition:all 0.7s ease-in-out 0s; -moz-transition:all 0.7s ease-in-out 0s;
}
.img-hover-zoom:hover .img-zoom{
	transform:scale(1.1); -moz-transform:scale(1.1); -webkit-transform:scale(1.1);
}
.text_hide{
    text-overflow: ellipsis;    white-space: nowrap;	overflow:hidden;
}
.tooltip {
	text-transform:capitalize	
}
.bold{
	font-weight:bold;	
}
/***********/
.btn{
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.btn:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: var( --color-red);
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 0 50%;
  transform-origin: 0 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.btn:hover, 
.btn:focus, 
.btn:active {
  color: white;
  border-color:var( --color-red);
}
.btn:hover:before, 
.btn:focus:before, 
.btn:active:before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}
/***********/
#call_mobile{
	position:fixed; right:0px; bottom:0px; z-index:9900;
	width:100%;	min-height:40px; overflow:hidden; cursor:pointer;
	text-decoration:none;

	padding:5px 10px 5px 10px; margin:0; border:none;
	font-size:15px; font-weight:bold; line-height:30px; text-transform:uppercase;
	
	background:var( --color-main); color:#FFF; display:none;
	text-align:center;
	border-top:3px double #FFF;

}
#call_mobile span{
	display:inline-block; position:relative;
	padding-left:40px;	
}
#call_mobile span::before{
	position:absolute; left:0%; top:50%; margin-top:-20px;
	width:50px; height:40px;
	text-align:center;
	
	content: "\f10b";
	display: inline-block;
	font: normal normal normal 27px/40px FontAwesome;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

#call_mobile:hover{
	background:#00324a;
}
/************/
.btn_mobile{
	float:left;
	border:none; background:var( --color-main); color:#FFF;
	height:34px; width:50px; line-height:32px; text-align:center;
	padding:0 10px; display:none;
	overflow:hidden;
}
.btn_mobile .fa{
	font-size:19px; line-height:34px;
}
.btn_mobile:hover{
	color:#FFF;
}
/************/
#pagination{
	text-align:center; margin-top:20px; margin-bottom:30px;
}
#pagination *{
	margin:0 5px;
	position:relative;
}
#pagination *:last-child::after{
	display:none;
}
#pagination b{
	color:#FFF; font-weight:bold;
}
#pagination a:hover{
	color:#000;
}
/*************/
/*************/
/*************/
#button-share{
	margin:15px 0 30px; padding:10px;
	text-align:right;
	background:#f5f5f5;
}
#button-share .share-item{
	color:#FFF; font-size:10px; font-weight:bold; position:relative; margin-left:10px;
	display:inline-block; padding-right:10px; background:#de4501;
	line-height:23px;
}
#button-share a:last-child .share-item{
	margin-right:0;
}
#button-share .share-item b{
	font-weight:bold;
}
#button-share .share-item i{
	background:#FFF; display:inline-block; padding:7px 10px 7px 7px; 
	margin:0 10px 0 0; color:#373c43;
	text-align:center; color:#5d72a4; width:28px; font-size:12px;
}
#button-share .share-item i:after{
    border: medium solid transparent;    content: " ";     pointer-events: none;
	height: 0;       position: absolute;    left: 28px;    top: 50%;    width: 0;
    border-color: rgba(229, 229, 229, 0) rgba(229, 229, 229, 0) rgba(229, 229, 229, 0) #FFF;
    border-width: 5px;    margin-top: -5px;
}
#btn-scrolltop{
	position:fixed; right:115px; bottom:25px; z-index:9999;
	width:36px; height:36px; overflow:hidden; cursor:pointer;
	padding:0; margin:0; border:none; background:none; display:none;	
}
#button-share .share-item:hover i{
	background:#000; color:#FFF
}
#button-share .share-item:hover i:after{
    border-color: rgba(229, 229, 229, 0) rgba(229, 229, 229, 0) rgba(229, 229, 229, 0) #000;
}
/********/
#button-share .share-sheet{
	background:#ec1e25;
}
#button-share .share-sheet i{
	background:#000; color:#FFF;
}
#button-share .share-sheet i::after{
	border-color:rgba(229, 229, 229, 0) rgba(229, 229, 229, 0) rgba(229, 229, 229, 0) #000;
}
#button-share .share-fb,
.bg-fb{
	background:#5d72a4; 
}
#button-share .share-fb i{
	color:#5d72a4; 
}
#button-share .share-google,
.bg-google{
	background:#db5c4b; 
}
#button-share .share-google i{
	color:#db5c4b; 
}
#button-share .share-twitter,
.bg-twitter{
	background:#00baff; 
}
#button-share .share-twitter i{
	color:#00baff; 
}
#button-share .share-pinterest{
	background:#f20000; 
}
#button-share .share-pinterest i{
	color:#f20000; 
}
#button-share .share-link{
	background:#2f70b0; 
}
#button-share .share-link i{
	color:#2f70b0; 
}
#button-share .share-youtube,
.bg-youtube{
	background:#f00; 
}
#button-share .share-youtube i{
	color:#FFF; 
}

/********/
/***********/
#bg-main{
	display:block; width:100%; position:relative;	
	margin-bottom:30px;
}
#bg-main .bg{
	display:block; width:100%; position:relative;	
	background-position:center top; background-size:cover;
	background-repeat:no-repeat;
	background-color:#EEE;
}
#bg-main .bg::before{
	display:none;
	position:absolute; left:0; top:0; z-index:1;
	width:100%; height:100%; content:"";
	background:rgba(0, 0, 0, 0.2);
}
#bg-main .bg .container .dis_table,
#bg-main .bg .container-ori .dis_table{
	position:relative; z-index:2;
	display:table; width:100%; height:320px;
	vertical-align:middle; text-align:center;
	
}
#bg-main .bg .container .dis_table .dis_tablecell,
#bg-main .bg .container-ori .dis_table .dis_tablecell{
	display:table-cell; vertical-align:middle;
}
#bg-main .bg .container .dis_table .title,
#bg-main .bg .container-ori .dis_table .title{
	margin:0 0 20px; padding:0 0 20px;
	color:#FFF; position:relative;
	font-size:33px; text-transform:capitalize; line-height:32px;
	font-weight:500;
	background:url(../img/diviter.png) no-repeat center bottom;
}
#bg-main .bg .container .dis_table .title::before,
#bg-main .bg .container-ori .dis_table .title::before{
	display:none;
	position:absolute; left:50%; bottom:0;
	content:""; width:70px; height:3px;
	margin-left:-35px;	background:#FFF;
}
/********/
.breadgroup {
    background: none repeat scroll 0 0 #fcfcfc;
    border-bottom: 1px solid #eee;    margin-bottom:0px;
	font-size:13px;
    text-overflow: ellipsis;    text-transform: capitalize;    white-space: nowrap;
	overflow:hidden;
	position:relative; overflow:visible;
	padding-left:0; padding-right:0;
	text-align:left;
}
.breadgroup .breadcrumb {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    color: #000;    margin: 0;    padding:5px 0;
    text-transform: capitalize;
}
.breadcrumb > li:first-child{
	font-weight:bold;
}
.breadcrumb > li + li::before,
.breadgroup .breadcrumb li:last-child{
	color:#333;	
}
.breadgroup .breadcrumb a{
    color:#333;
}
.breadgroup .breadcrumb a:hover{
    color:#bc1318; text-decoration:none;
}
/*************/
.ads{
	display:block; margin-top:30px;
}
body .ads + .ads{
	margin-top:15px;
}

.ads a{
	display:block;
	border:3px solid var( --color-main);
}
.ads a img{
	display:block; width:100%;
}
/*******************/
#header-sticky-wrapper{
	height:auto !important;	
}
.is-sticky #header .header-top{
	display:none;
}
.is-sticky #header .header-nav{
	display:block; border-top:none;
}
.is-sticky #header .navigation{
	float:left;
}
.sticky-wrapper{
	 height:auto !important;	
}
.is-sticky #header .logosearch{
	padding-bottom:3px; padding-top:3px;
}
.is-sticky #header .logo img{
	max-height:45px;	
}
.is-sticky #header .logosearch form > div .SumoSelect,
.is-sticky #header .logosearch form > div input{
	height:36px; line-height:36px;
}
.is-sticky #header .navigation li > a{
	padding-top:7px; padding-bottom:5px;
}
/*********
************
**********/
#header{
	position:relative; left:0; top:0; width:100%;	z-index:1000;
	background:#FFF; width:100%; height:auto !important;
	font-size:13px; vertical-align:text-top;
	padding:0px 0px 0px;
	transition:all 0.3s ease-in 0s;	
	-moz-transition:all 0.3s ease-in 0s;	
	-webkit-transition:all 0.3s ease-in 0s;	
}
#header .header-top{
	padding:6px 0 6px;
	background:var( --color-main_3); color:#FFF;	
	line-height:22px;
	transition:all 0.3s ease-in 0s;	
	-moz-transition:all 0.3s ease-in 0s;	
	-webkit-transition:all 0.3s ease-in 0s;	
}
#header .header-top .text-left span{
	position:relative;
	display:inline-block;
	padding-right:15px; margin-right:15px;
}
#header .header-top .text-left span::after{

}
#header .header-top .text-left span:last-child{
	padding-right:0px;
	border-right:none; margin-right:0px;
}
#header .header-top .text-left span b{
	font-weight:500;
}
#header .header-top a{
	color:inherit;
}
#header .header-top a:hover{
	color:var( --color-hover); text-decoration:none;
}
/**************/
#header .header-top .text-right .user_link .dropdown > button{
	display:none;
}
#header .header-top .text-right a.modal_login{
	background:var( --color-main); color:#FFF;
	border-color:var( --color-main);
}
#header .header-top .text-right a,
#header .header-top .text-right button{
	display:inline-block; float:right;	
	padding:2px 15px 3px;
	border:1px solid #FFF; background:#FFF;
	border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;
	margin-left:10px; color:#000;
	text-transform:capitalize; font-weight:500;
	line-height:16px; font-size:10px; text-decoration:none;
}
#header .header-top .text-right a:hover{
	background:var( --color-red); color:#FFF;
	border-color:var( --color-red);
}

#header .header-top .text-right > ul{
	float:right;
	margin:0; padding:0; list-style-type:none;
	display:inline-block;
}
#header .header-top .text-right > ul > li{
	float:left;
	margin:0; padding:0 10px; list-style-type:none;
	display:inline-block;
	position:relative;
}
#header .header-top .text-left span::after,
#header .header-top .text-right > ul > li::after{
	position:absolute; right:0; top:50%; margin-top:-6px;
	display:block; content:"";
	width:1px; height:12px;
	background:#fff;
}
#header .header-top .text-right > ul > li:last-child{
	padding-right:0;
}
#header .header-top .text-right > ul > li:first-child{
	padding-left:0;
}
#header .header-top .text-left span:last-child::after,
#header .header-top .text-right > ul > li:last-child::after{
	display:none;
}
#header .header-top .text-right a{
	margin-left:0;
}
/****************/
#header .header-top .text-right > ul > li.user_control .dropdown-menu{
	left:auto; right:0;
}
#header .header-top .text-right > ul > li.user_control .dropdown-menu a{
	background:none; border:none; color:#000;
	display:block; width:100%;
	padding-top:5px; padding-bottom:6px;
	text-align:right;
	border-radius:0; -moz-border-radius:0; -webkit-border-radius:0;
}
#header .header-top .text-right > ul > li.user_control .dropdown-menu li:hover a{
	background:#EEE;
}
#header .header-top .text-right > ul > li.user_control .dropdown-menu .divider{
	float:left;
	width:100%; margin-top:5px; margin-bottom:5px;
}
/****************/
#header .header-top .text-right > ul > li .dropdown{
	display:block; width:100%; float:left;
}
#header .header-top .text-right > ul > li.user_link .dropdown-menu{
	position:static; left:auto; right:0;	
	display:block; background:none; border:none;
	box-shadow:none; -moz-box-shadow:none; -webkit-box-shadow:none;
	padding:0; margin:0;
	min-width:0;
}
#header .header-top .text-right > ul > li.user_link .dropdown-menu li{
	position:relative;
	display:inline-block; float:left;
	margin-right:15px; padding-right:15px;
}
#header .header-top .text-right > ul > li.user_link .dropdown-menu li::after{
	position:absolute; right:0; top:50%;
	content:""; display:block;
	width:1px; height:12px; 
	margin-top:-6px;
	background:#000;
}
#header .header-top .text-right > ul > li.user_link .dropdown-menu li:last-child{
	margin-right:0; padding-right:0;
}
#header .header-top .text-right > ul > li.user_link .dropdown-menu li:last-child::after{
	display:none;
}
#header .header-top .text-right > ul > li.user_link .dropdown-menu li a{
	display:block; width:100%;
}
#header .header-top .text-right > ul > li.user_link .dropdown-menu li a:hover{
	background:var( --color-red);
	border-color:var( --color-red);
}
/***************
***************/
#header .container{
	width:1170px;	
}
#header .logosearch{
	padding-top:10px; padding-bottom:10px;	
    transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease;
}
#header .logosearch .row-main{
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-right: -15px;
	margin-left: -15px;
	-ms-flex-align: center !important;
	align-items: center !important;	
}
#header .logosearch .logo,
#header .logosearch .box-search,
#header .logosearch .box-cart{
	position:relative; padding-left:15px; padding-right:15px;
	width:100%; min-height:1px;
	-ms-flex-preferred-size: 0;
	flex-basis: 0;
	-ms-flex-positive: 1;
	flex-grow: 1;
	max-width: 100%;
}
#header .logosearch .logo{
	max-width:190px
}
#header .logosearch .box-cart{
	width:auto; padding-left:20px;
	max-width:190px;
	text-align:right;
}
/***************
***************/
#header .logo{
	margin:0;
}
#header .logo img{
	display:inline-block;
	max-height:60px; width:auto;
}
/******/
#header .logo .logo-img{
	display:block;
}
#header .logo .box-mobile{
	position:absolute; right:0; top:0; z-index:2;
	height:100%; padding:13px 15px 0 0;
	display:none;
}
#header .logo .box-mobile .cart-xs{
	position:relative; top:-1px; float:left;
	background:url(../img/icon-cart.png) no-repeat 7px center #FFF;
	background-size:16px auto;
	border:1px solid var( --color-main); 
	position:relative; display:inline-block;	
	padding:0px 15px 0 32px; text-align:left; margin-right:10px;
	height:36px; line-height:36px; font-size:19px;
	text-decoration:none;
	border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;
	color:var( --color-main);
}
#header .logo .box-mobile .cart-xs .cart_total{
	font-weight:bold
}
#header .logo .box-mobile .cart-xs:hover{
	border-color:var( --color-red); color:var( --color-red);
}
/********/
#header .logosearch .search{
	margin-top:26px;	
}
/*****/
#header .logosearch form{
	margin-top:0px;	
}
#header .logosearch form > div{
	position:relative;
	border:1px solid #CCC; background-color:#FFF;
	border-radius:30px; -moz-border-radius:30px; -webkit-border-radius:30px;
	padding-left:18px; padding-right:18px;
}
#header .logosearch form > div input{
	border:none; background:#FFF;
	width:100%; height:40px; line-height:40px;
	padding:5px 70px 5px 0px; text-align:left;
	font-size:13px;
}
#header .logosearch form > div button{
	position:absolute; right:0px; top:0; bottom:0;
	height:100%; width:80px; text-align:center;
	padding-right:20px;
	background:#FFF; border:none; border-left:1px solid #CCC;
	color:#000; overflow:hidden;
	text-transform:uppercase; 
	border-radius:0 30px 30px 0; -moz-border-radius:0 30px 30px 0; -webkit-border-radius:0 30px 30px 0;
}
#header .logosearch form > div button .fa{
	font-size:19px;
}
#header .logosearch form > div button:hover{
	color:var( --color-main);
}
/***********/
#header .logosearch .box-cart .a_cart{
	position:relative; display:inline-block;	
	padding-left:35px; color:inherit; text-align:left;
	height:32px; line-height:32px; 
	text-decoration:none;
	color:var( --color-main);
}
#header .logosearch .box-cart .a_cart::before{
	position:absolute; left:0; top:0;
	content:""; display:block;
	width:30px; height:100%;
	background:url(../img/icon-cart.png) no-repeat top center;	
}
#header .logosearch .box-cart .a_cart h6{
	margin:0; padding:0; font-weight:bold; text-transform:uppercase;
	display:block;
	font-size:14px; line-height:32px;
}
/************/
#header .header-nav{
	background:var( --color-main); color:#FFF;
	font-size:13px; text-align:center;
	margin:auto;
}
#header .navigation{
	margin:0; padding:0; list-style-type:none;
	display:block; float:left; text-align:center;
	position:relative;
	width: 100%;
}
#header .navigation li{
	margin:0px 0 0 0; padding:0; list-style-type:none;
	display:inline-block; float:left;
	text-transform:uppercase; position:relative;
	text-align:left;
}
#header .navigation li:last-child, #header .box-search li:last-child{
	margin-right:0;
}
#header .navigation li > a{
	display:block; padding:11px 40px 9px;
	font-weight:bold;	font-size:12px;
	text-transform:uppercase; line-height:26px;
	color:inherit; text-decoration:none;
	position:relative;	
}
#header .navigation > li:hover{
	background:var( --color-main_3);
}
#header .navigation li.selected > a{
	background:var( --color-main_3); color:#FFF;
	position:relative;
}
#header .navigation li.selected > a{
	color:#FFF;
}
/***************/
#header .navigation li.product{
	position: static;
}
#header .navigation li.product .navsub{
	width: 100%;
}
#header .navigation li.product .navsub li{
	width: 25%; clear: none;
	padding-bottom: 11px; padding-top: 10px;
}
#header .navigation li.product .navsub li a{
	position: relative; padding-left: 15px;
}
#header .navigation li.product .navsub li a::before{
	position: absolute; left: 0; top: 8px;
	display: inline-block;
	font: normal normal normal 7px/1 FontAwesome;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	content: "\f111";
}
#header .navigation li.product .navsub li:nth-child( 4n + 1){
	clear: both;
}
/***************/
#header .navigation li .navsub{
	display:none;
	position:absolute; left:0px; top:100%;
	background:var( --color-main_3); padding:0px 0 0;
	width:280px;
	font-size:13px;
}
#header .navigation li:hover .navsub{
	display:block;
}
#header .navigation li .navsub li{
	margin:0; display:block; clear:both;
	padding:8px 10px 8px 15px;
	width:100%; position:relative;
	border-bottom:1px solid #fff3cf;
}
#header .navigation li .navsub li:last-child{
	border-bottom:none;
}
#header .navigation li .navsub li a{
	line-height:22px; font-size:12px; display:block;
	padding:0; text-transform:capitalize; font-weight:500;
	width:100%; text-align:left;
	color:#FFF;
}
#header .navigation li .navsub li:hover,
#header .navigation li .navsub li:hover a{
	background:none;
}
#header .navigation li .navsub li a:hover{
	color:var( --color-red);
}
/*******/

/****************
**************
****************/
.page-home #footer{
	margin-top:0;	
}
#footer{
	background:#EEE; margin-top:30px; padding-top:30px;
	font-size:13px; line-height:20px;
	position:relative;
}
#footer .footer-nav .title{
	margin:0 0 20px; padding:0;
	font-size:17px; text-transform:uppercase; line-height:20px;
	font-weight:500; color:#000;
}
#footer .footer-nav ul{
	margin:0; padding:0; list-style-type:none;	
}
#footer .footer-nav  ul li{
	margin:0 0 6px; padding:0; list-style-type:none;	
	position:relative; 
}
#footer .footer-nav ul li a{
	color:#000; text-decoration:none;
}
#footer  ul li a:hover{
	text-decoration:none;
	color:var( --color-red);
}
#footer .footer-nav .listthread img{
	float:left; width:70px;
	margin-right:10px; margin-bottom:5px;
}
#footer .footer-nav .listthread li{
	float:left; width:100%;
	margin-bottom:10px; padding-bottom:10px;
	border-bottom:1px solid var( --color-main);
	font-size:14px; line-height:21px;
}
#footer .footer-nav .listthread li:last-child{
	margin-bottom:0; padding-bottom:0; border-bottom:none;
}
/***/
#footer .footer-info{
	font-size:13px; line-height:22px;	
}
#footer .footer-info p,	
#footer .footer-info address{
	margin-bottom:10px;
}
#footer .footer-info b{
	font-weight:500;
}
#footer .footer-info [class^=icon]{
	display:block; margin-bottom:0px; padding-left:50px;
	position:relative; min-height:40px;
	line-height:36px; vertical-align:middle;
}
#footer .footer-info [class^=icon] b,
#footer .footer-info [class^=icon] a{
	display:inline-block; clear:both;
	font-weight:500; line-height:20px;
}
#footer .footer-info [class^=icon]::before{
	position:absolute; left:0; top:0;
	display:block; height:36px; width:36px;
	background:#FFF ; text-align:center;
	border:1px solid var( --color-main);
	border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%;
	
	content:""; color:var( --color-main);
	display: inline-block;
	font: normal normal normal 17px/34px FontAwesome;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
#footer .footer-info .icon-address::before{
	content: "\f041";
}
#footer .footer-info .icon-phone::before{
	content: "\f095";
}
#footer .footer-info .icon-email::before{
	content: "\f0e0";
}
.social{
	margin-top:15px; text-align:left;	
}
.social a{
	display:inline-block; margin-right:10px;
}
.social a:last-child{
	margin-right:0;
}
.social .fa{
	display:inline-block; height:32px; width:32px; line-height:32px;
	text-align:center; font-size:15px;
	border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;
	color:#FFF;
	transition:all 0.3s ease-in 0s;	
	-moz-transition:all 0.3s ease-in 0s;	
	-webkit-transition:all 0.3s ease-in 0s;	
}
#footer .footer-info .dcontent{
	font-size:13px; line-height:24px;
	text-align:center;
}
#footer .footer-info .dcontent p{
	margin-bottom:0px;
}
#footer .social img{
	display:inline-block; height:32px;
	width:auto;
}
/***/
#footer .author{
	background:var( --color-main); color:#FFF; padding:10px 0 8px; margin-top:15px;
	font-size:12px; line-height:20px; text-align:center;
	text-transform:capitalize;
}
#footer a{
	color:inherit;
}
/*********
**************
*********/
#products-container{
	margin-left:-8px; margin-right:-8px;
}
#products-container .box{
	margin-bottom:15px;	
	padding-left:8px; padding-right:8px;
}
#products-container .box .item{
	display:block;	border:1px solid #DDD;
	color:#111; background:#FFF;
	text-align:center; text-decoration:none;
	font-size:13px; line-height:22px;
}
#products-container .box .item .pro-img{
	position:relative;	display:block;
	padding:0px;	overflow:hidden; margin-bottom:10px;
	background:#FFF;
}
#products-container .box .item .pro-img .percent{
	position:absolute; left:0; top:5px; z-index:1;
	display:inline-block;	padding:5px 10px;
	background:var( --color-main); color:#FFF;
	font-weight:bold; font-size:13px; line-height:1;
}
#products-container .box .item .pro-img .pro-status{
	position:absolute; right:0; top:5px; z-index:1;
	display:inline-block;	padding:5px 7px;
	background:#F00; color:#FFF;
	font-weight:500; font-size:12px; line-height:1;
}
#products-container .box .item .pro-img .status-in{
	background:#0C0
}
/********/
#products-container .box .item .img img.proimg{
    width:100%; display:block;
}
#products-container .box .item .des{
	padding:0px 15px;
}
#products-container .box .item .des .pro-title{
	margin:0 0 15px; padding:0;
	height:40px; overflow:hidden;
	font-size:13px; font-weight:500; text-transform:capitalize;
	line-height:19px; color:#000;
}
#products-container .box .item .des .pro-price{
	display:block; font-size:14px;
	font-weight:bold; color:#F00;
	text-transform:uppercase;
}
#products-container .box .item .des .pro-price s{
	font-weight:500; color:#555;
	margin-right:5px;
	font-size:90%;
}
#products-container .box .addtocart{
	text-align:center; display:block;
	padding:0px 15px 30px;
	margin-top:15px;
}
#products-container .box .addtocart button{
	border-radius:25px; overflow:hidden;
	border:1px solid var( --color-main); color:var( --color-main);
	background:#FFF;
	font-size:12px; line-height:22px; font-weight:500;
	text-transform:uppercase;
	padding:5px 25px;
}
#products-container .box .addtocart button::before{
	background-color:var( --color-main);
}
#products-container .box .addtocart button .fa{
	margin-right:10px;
}
#products-container .box .addtocart button:hover{
	color:#FFF;
}
#products-container .box .item:hover{
	box-shadow:0 0 15px #C1C1C1;
	-moz-box-shadow:0 0 15px #C1C1C1;
	-webkit-box-shadow:0 0 15px #C1C1C1;
}
#products-container .box .item:hover .des .pro-title{
	color:var( --color-main)
}
#products-container .box .item a{
	 text-decoration:none;
}
/**************/
#products-container.col_5 .box{
	width:20%;
}
#products-container.col_5 .box:nth-child( 5n + 1){
	clear:both;
}
#products-container.col_4 .box:nth-child( 4n + 1){
	clear:both;
}
#products-container.col_3 .box:nth-child( 3n + 1){
	clear:both;
}
.page-home #products-container.col_4 .box:nth-child( 9){
	display:none;
}
/*********
**************
*********/
.title-page,
.about-title{
	position:relative;
	display:block; margin:0 0 15px; padding:0 0 0;
	font-size:19px; line-height:26px; font-weight:400;
	text-transform:uppercase;
	color:#000
}
.title-page a{
	color:inherit; text-decoration:none;
}
.title-page a:hover{
	color:var( --color-main);
}
.title-page.red,
.title-page.red span.text-red{
	color:var( --color-red);
}
.title-page.red span{
	color:var( --color-main);
}
.title-page.red::before{
	background:var( --color-red);
}
.title-page .link-right{
	float:right;
	text-transform:capitalize; font-weight:500;
	background:#333; color:#FFF;
	border-color:#333;
}
.title-page .link-right:hover{
	background:var( --color-red); color:#FFF;
	border-color:var( --color-red);
}
.about-title{
	border-bottom:none; padding-bottom:0;
	margin-bottom:15px;
	font-size:25px; line-height:34px;
	
}
.pronav-img{
	display:block; margin-bottom:30px;	
}
.pro-title-page{
	display:block; margin:0 0 15px; 
	border:none; height:auto; min-height:0;
	border-left:5px solid var( --color-main);
	
	border-radius:0; -moz-border-radius:0; -webkit-border-radius:0;
}
.pro-title-page .navbar-brand{
	margin:0; text-transform:uppercase;
	color:	var( --color-main);
	font-size:15px;
	height:auto; min-height:0;
}
.pro-title-page .navbar-brand,
.pro-title-page .navbar-nav > li > a{
	padding-bottom:10px; padding-top:13px;
}
.pro-title-page .navbar-brand a{
	color:inherit; line-height:1;
}
.pro-title-page .navbar-nav li a{
	color:#000; font-size:13px;
	text-transform:capitalize;
}
.pro-title-page .navbar-nav li ul a{
	padding:6px 10px; display:block;
	font-weight:300; 
}
.pro-title-page .divider{
	margin-bottom:5px; margin-top:5px;	
}
/***********/
.pro-title-page .navbar-nav .focus a{
	color:var( --color-red);	
}
/**********/
.quote-page{
	margin:0 0 15px; padding:0;
	font-size:15px; line-height:26px; font-weight:500;	
}
.dcontent{
	font-size:15px;
	line-height:26px;	
}
.dcontent a{
	text-decoration:underline;	
}
.dcontent *{
	max-width:100%; height:auto;
}
.dcontent p{
	margin-bottom:15px;
}
.dcontent img{
	display:inline-block; height:auto;
}
.dcontent table{
	width:100%; max-width:100%;
	border-collapse:collapse;
	margin-bottom:15px;
}
.dcontent table th, .dcontent table td{
	padding:5px 8px;
}
.dcontent h1,
.dcontent h2,
.dcontent h3,
.dcontent h4,
.dcontent h5,
.dcontent h6{
	line-height:120%;	
}
.dcontent h1{
	font-size:150%;	
}
.dcontent h2{
	font-size:130%;	
}
.dcontent h3{
	font-size:120%;	
}
.dcontent h4{
	font-size:110%;	
}
.dcontent h5{
	font-size:19px;	
}
.dcontent h6{
	font-size:90%;	
}

/*********
*******
************/
.main-container{
	padding-left:20px;	
}
.other{
	margin-top:15px;	
}
.other .other-title{
	background:#045195;
}
.other .other-title .title-page-box .title,
.other .other-title .title-page-box .sub{
	color:#FFF;
}
.other .other-title .title-page-box .sub::before{
	background-color:#FFF;
}
/*******/
/*********************/
/*********
**************
************/
/*************/
.detail-nav-list button{
	border-radius:0; -moz-border-radius:0; -webkit-border-radius:0;
	margin-bottom:15px;	
}
.detail-nav-list button,
.detail-nav-list .dropdown-menu{
	width:100%;
	text-align:left;
}
.detail-nav-list button:hover{
	background:#045195; border-color:#045195; 
	color:#FFF;
}
.detail-nav-list .dropdown-menu a{
	padding-bottom:5px; padding-top:5px;
}
/**********/
#deller_google_maps{
	display:block; width:100%; height:88vh; min-height:450px;	
}
.map-item-address-des{
	float:right; width:320px;
	color:#000;
}
.map-item-address-img{
	float:left; margin:0 15px 5px 0;
	width:120px; display:inline-block;
	border:1px solid #DDD; padding:3px; background:#FFF;
}
/******************
****************/
.left-nav.navproduct .nav-title{
	margin-bottom:10px;
}
#productnav{
	padding:0 15px; margin-bottom:5px;
}
#productnav .group-panel{
	border:none;
	border-radius:0; -moz-border-radius:0; -webkit-border-radius:0;
	box-shadow:none; -moz-box-shadow:none; -webkit-box-shadow:none;
	border-bottom:1px dashed #DDD;
}
#productnav .group-panel:last-child{
	border-bottom:none;
}
#productnav .group-panel + .group-panel{
	margin-top:0;
}
#productnav .group-panel .panel-heading{
	padding:0; margin-bottom:0;
	border-radius:0; -moz-border-radius:0; -webkit-border-radius:0;
	border:none;
}
#productnav .group-panel > .panel-heading{
	background:none; padding:0;
}
#productnav .group-panel .group-content{
	padding:0px;
}
#productnav .panel-itemgroup{
	cursor:pointer; padding:0px; line-height:20px;
	font-size:13px; text-transform:uppercase; font-weight:500;
	position:relative; color:var( --color-main);
}
#productnav .panel-itemgroup a::before{
	position:absolute; left:0px; top:19px;
	display:block; height:15px; width:15px;
	font-weight:normal; color:var( --color-main);
	content: "\f111";
	display: inline-block;
	font: normal normal normal 7px/1 FontAwesome;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
#productnav .panel-itemgroup a::after{
	position:absolute; right:0px; top:19px;
	display:block; height:15px; width:15px;
	font-weight:normal; color:#999;
	content: "\f067";
	display: inline-block;
	font: normal normal normal 13px/1 FontAwesome;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
#productnav .panel-itemgroup a{
	position:relative;
	display:block; padding:13px 20px 13px 15px;
	color:#000;
}

/***********/
#productnav .focus .panel-itemgroup a{
	color:var( --color-main);
}
#productnav .panel-itemgroup.focus,
#productnav .panel-itemgroup.focus a{
	color:#FFF;
}
#productnav .focus .panel-itemgroup a::after{
	content: "\f068";
}
/*#productnav .panel-itemgroup a{
	color:#045195;
}*/
#productnav a{
	text-decoration:none; color:#000;
}
#productnav .panel-itemgroup:hover::before,
#productnav a:hover{
	color:#ec1e25;
}
/************/
#productnav .mainlist{
	margin:0; padding:0 0 0 15px; list-style-type:none;
	font-size:13px; line-height:20px;
}
#productnav .mainlist li{
	position:relative;
	margin-bottom:6px; color:#000;
	padding:0 0 0 15px;
	line-height:20px;
}
#productnav .mainlist li a{
	display:block; 
	padding:8px 0px;
}
#productnav .mainlist li::before{
	position:absolute; left:0px; top:13px;
	display:block; height:100%; width:15px;
	font-weight:normal; color:var( --color-main);
	content: "\f111";
	display: inline-block;
	font: normal normal normal 7px/1 FontAwesome;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
#productnav .mainlist > li{
	position:relative;
}
#productnav .mainlist li.focus a,
#productnav .mainlist li.focus::before{
	color:var( --color-red);
}
/***************/
.modal-title{
	color:#FFF; text-transform:uppercase;
	font-size:14px;	
}
#mymodal{
	line-height:22px; font-size:14px;	
}
#mymodal .modal-body{
	font-size:14px; line-height:24px;
}
#mymodal .modal-body p{
	margin-bottom:10px;
}
.modal-cart-info b{
	color:var( --color-red); 
}
.modal-cart-info .btn{
	font-weight:500; text-transform:capitalize;
}
/***************
****************
*******************/
#cart_content .cart .form-group{
	margin-bottom:7px;	
}
#cart_content .cart .input-group-addon{
	padding:0; position:relative;
}
#cart_content .cart .input-group-addon button{
	padding:6px 12px; display:inline-block;
	border:none; background:none; height:32px;
}
#cart_content .cart .input-group-addon button{
	text-align:center;
}
#cart_content .cart .input-group-addon button:hover{
	color:#002db0;
}
/**********/
select{
	font-size:13px; line-height:18px;
	text-transform:capitalize;
}
select option{
	padding-top:3px; padding-bottom:3px;
}
#cart_content .cart .form-group{
	margin-bottom:0;	
}
/****************
***********
********************/
#cart_content{
	display:table; width:100%; margin-bottom:0px;
	border-top:1px solid #DDD; border-left:1px solid #DDD;
}
#cart_content .item{
	display:table-row;	
}
#cart_content .item > div{
	display:table-cell; vertical-align:top;
	padding:10px 10px;
	border-bottom:1px solid #DDD; border-right:1px solid #DDD;
}
#cart_content .header{
	font-weight:bold; text-transform:capitalize;
	background-color:#EEE; font-size:13px; line-height:24px;
}
#cart_content .footer{
	font-weight:bold; text-transform:uppercase;
	background-color:var( --color-main); font-size:14px; line-height:28px;
	color:#FFF;
}
#cart_content .footer > div{
	border-right-color:var( --color-main);
}
#cart_content .footer > .qty{
	border-right-color:var( --color-main);
}
#cart_content .footer.voucher{
	background:#DDD; color:var( --color-red);
}
#cart_content .footer.voucher > div{
	border-right-color:#DDD;
}
/*******/
#cart_content.no-table .item{
	padding:10px 10px;
	display:block; text-align:right;
}

/*******/
#cart_content .info{
	font-weight:bold; text-transform:capitalize;
	background-color:#FFF; font-size:13px; line-height:24px;
	background:#fcf8e3;
}
#cart_content .info .stt,
#cart_content .info .product,
#cart_content .info .qty{
	border-right-color:#fcf8e3;
}

/*******/
#cart_content .stt{
	width:50px;
}
#cart_content .product{
	position:relative;	
}
#cart_content .qty{
	width:160px
}
#cart_content .price{
	width:150px; text-align:right;
}
#cart_content .price > *{
	clear:both; display:block;
}
#cart_content .price  .price{
	font-weight:500; color:var( --color-red);
}
#cart_content .amount{
	width:140px; text-align:right;
}
#cart_content .button{
	width:60px; text-align:center;
}
#cart_content .qty_price{
	width:280px; text-align:right;
	display:table-cell;
}
/*********/
#cart_content.finish .product{
	text-align:right;	
	border-right-color:#DDD;
}
/*********/
#cart_content .product .photo{
	float:left; width:12%; padding:2px;
	border:1px solid #DDD; background:#FFF;
	border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;
	position:relative;
}
#cart_content .product .des{
	float:left; width:88%; padding-left:15px;
	font-size:13px; line-height:22px;
}
#cart_content .product .des h5{
	font-size:14px; line-height:20px; font-weight:bold;
	text-transform:capitalize; color:var( --color-main)
}
#cart_content .product .des h6{
	font-weight:500;
}
#cart_content .product .des .des-price{
	color:var( --color-red);
}
#cart_content .product .des .des-price .price{
	font-weight:bold; 
}
#cart_content .product .des .des-price strong{
	color:#000;
}
#cart_content .product .des .des-price s{
	margin-left:10px; color:#333;
}
#cart_content .button button{
	background:#EEE; color:#555; border-color:#DDD;
}
#cart_content .button button:hover{
	background:#000; color:#FFF; border-color:#000;
}
#cart_content .product .des .btn_cart_removeitem{
	display:none;
	font-size:13px; padding:4px 10px;
}
#cart_content .product h5,
#cart_content .product h6,
#cart_content .product p{
	margin:0 0 5px; padding:0;
	font-size:13px; line-height:20px; 
}
/******/
.cart-btn-group .btn{
	margin-left:5px; margin-right:5px;	
}
/****************
****************
***********/
.cart-billding #cart_content.billding{
	background-color:#f6f6f6;
}
.cart-billding #cart_content.billding .product h5, 
.cart-billding #cart_content.billding .product h6, #cart_content .product p{
	font-size:12px; margin-bottom:3px;
}
.cart-billding #cart_content.billding strong{
	font-weight:400;
}
.cart-billding #cart_content.billding,
.cart-billding #cart_content.billding .item > div{
	border-color:#FFF;
}
.cart-billding #cart_content.billding .item > div{
	padding-top:15px; padding-bottom:15px;
}
.cart-billding #cart_content.billding .item > .stt{
	
}
.cart-billding #cart_content.billding .footer{
}
.cart-billding #cart_content.billding .footer > .product{
	font-size:14px; font-weight:500;
}
.cart-billding #cart_content.billding .footer > div{
	border-color:var( --color-main);
}
.cart-billding #cart_content.billding .footer.voucher > div{
	border-color:#DDD;
}
/***************/
.fcart-billding .title-page{
	margin-left:16.66666667%;
}
.fcart-billding .form-group{
	margin-bottom:30px;	
}
.fcart-billding .control-label{
	padding-top:3px; padding-right:0;
	font-size:13px; font-weight:500;	
	text-transform:capitalize;
}
.fcart-billding .form-control{
	font-size:13px;
}
.fcart-billding select{
	font-size:13px; line-height:18px;
	text-transform:capitalize;
}
.fcart-billding select option{
	padding-top:3px; padding-bottom:3px;
}
.fcart-billding-btn{
	padding-left:25px;	
}
/***********/
#cart-complete{
	font-weight:300;	
}
#cart-complete b{
	font-weight:500;
	font-size:13px; text-transform:capitalize;
}
#cart-complete p{
	margin-bottom:10px;	
}
#cart-complete #cart_content .qty{
	width:160px; text-align:center;	
}
#cart-complete #cart_content .footer .qty{
	text-align:right;
}
#cart-complete #cart_content .footer .qty small{
	clear:both; display:block;
	line-height:1;
	font-size:11px; color:#000; font-weight:500;
}
/**************
***************
******************/
.page-en #header .navigation li > a{
	padding-left:30px; padding-right:30px;
}
/**************
***************
******************/
body.menu-open{
	overflow:hidden;
}
#btn_menu_close{
	position:fixed; left:78%; top:0; display:none;
	padding:0 20px; height:53px;
	border:none; background:#FFF; color:#000;
	border-radius:0 2px 2px 0; -moz-border-radius:0 2px 2px 0; -webkit-border-radius:0 2px 2px 0;
	box-shadow:0 0 10px #000;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease;
	
}
#btn_menu_close .fa{
	color:#000; font-size:30px;
}
#btn_menu_close:hover, #btn_menu_close:focus, #btn_menu_close:active{
	background-color:#ec1e25;
}
#btn_menu_close:hover .fa, 
#btn_menu_close:focus .fa, 
#btn_menu_close:active .fa{
	color:#FFF;
}
/******/
#menu_mobile{
	position:fixed; left:-100%; top:0; z-index:9999;
	width:100%; height:100vh; overflow-x:hidden; overflow-y:scroll;
	background:rgba(0, 0, 0, 0.9); color:#000;
	
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
#menu_mobile.open{
	left:0;
}
#menu_mobile.open #btn_menu_close{
	display:block;
}
#menu_mobile .menu-container{
	display:block; width:80%; min-height:100vh; padding-bottom:150px;
	float:left; background:#EEE; 
	position:relative;
	line-height:22px; font-size:14px;
}
#menu_accordion{
	margin-bottom:0; padding-bottom:150px;
}
/**********/
#menu_accordion > .panel.logo .coll-main-title{
	background:var( --color-main); color:#FFF; padding-right:15px;
}
#menu_accordion > .panel.logo img{
	height:35px; display:inline-block;
}
#menu_accordion > .panel.lang .coll-main-title{
	background:#DDD;
}
#menu_accordion > .panel.lang a{
	line-height:26px;
}
#menu_accordion > .panel.lang img{
	height:20px; margin-right:5px;
	border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;
}
#menu_accordion > .panel.lang a{
	color:#000; font-weight:bold; text-transform:uppercase;
	font-size:13px;
}
#menu_accordion > .panel.lang a:first-child{
	border-right:none;
}
/**********/
#menu_accordion > .panel{
	background:none; border:none; border-bottom:1px solid #DDD;
	border-radius:0; -moz-border-radius:0; -webkit-border-radius:0;
	box-shadow:none; -moz-box-shadow:none; -webkit-box-shadow:none;
}
#menu_accordion > .panel + .panel{
	margin-top:0;	
}
#menu_accordion .panel-body{
	padding:5px 10px 5px;	
}
#menu_accordion .coll-main-title{
	margin:0; padding:9px 30px 9px 10px; position:relative;
	font-size:14px; line-height:26px; font-weight:normal;
	text-transform:capitalize; 
}
#menu_accordion .panel-title a{
	display:block;
}
#menu_accordion .coll-main-title,
#menu_accordion .coll-main-title a{
	color:#000;
}
#menu_accordion > .panel > .panel-heading{
	margin:0; padding:0;
}
#menu_accordion .menu-nav{
	padding-left:15px; color:#000; margin-bottom:0;
}
#menu_accordion .menu-nav li{
	margin-bottom:5px;
}
#menu_accordion .menu-nav li a{
	color:#000;
}
#menu_accordion .menu-nav li a:hover{
	color:#e72c3f;
}
/********/
#menu_accordion #menu_pro_group,
#menu_accordion #menu_pro_main,
#menu_accordion #menu_pro_ctl{
	margin-bottom:0;	
}
#menu_accordion #menu_pro_group > .panel,
#menu_accordion #menu_pro_main > .panel,
#menu_accordion #menu_pro_ctl > .panel{
	border:none; border-bottom:1px solid #DDD;
	border-radius:0; -moz-border-radius:0; -webkit-border-radius:0;
	box-shadow:none; -moz-box-shadow:none; -webkit-box-shadow:none;
}
#menu_accordion #menu_pro_group > .panel + .panel,
#menu_accordion #menu_pro_main > .panel + .panel,
#menu_accordion #menu_pro_ctl > .panel + .panel{
	margin-top:3px;	
}
#menu_accordion #menu_pro_group > .panel > .panel-heading,
#menu_accordion #menu_pro_main > .panel > .panel-heading,
#menu_accordion #menu_pro_ctl > .panel > .panel-heading{
	padding:7px 15px 7px 30px; position:relative;
	background-color:#f9f9f9;
}
#menu_accordion #menu_pro_group > .panel > .panel-heading .panel-title,
#menu_accordion #menu_pro_main > .panel > .panel-heading .panel-title,
#menu_accordion #menu_pro_ctl > .panel > .panel-heading .panel-title{
	margin:0; padding:0;
	font-size:14px; line-height:20px; font-weight:normal;
	text-transform:capitalize; 
}
#menu_accordion #menu_pro_group .panel-body,
#menu_accordion #menu_pro_main .panel-body,
#menu_accordion #menu_pro_ctl .panel-body{
	
}
#menu_accordion #menu_pro_main .panel-body{
	background:#f7f7f7	
}
#menu_accordion #menu_pro_ctl .panel-body{
	background:#FFF	
}
#menu_accordion #menu_pro_ctl > .panel > .panel-heading{
	background:#FFF;
}
#menu_accordion #menu_pro_ctl .menu-nav.navone{
	background:none;	
}
/********/
#menu_accordion #menu_pro_nav{
	margin-bottom:5px;	
}
#menu_accordion #menu_pro_nav > .panel{
	background:none; border:none;
	border-radius:0; -moz-border-radius:0; -webkit-border-radius:0;
	box-shadow:none; -moz-box-shadow:none; -webkit-box-shadow:none;
}
#menu_accordion #menu_pro_nav > .panel + .panel{
	margin-top:0px;	
}
#menu_accordion #menu_pro_nav > .panel > .panel-heading{
	background:none; padding:5px 15px 5px 20px;
	position:relative;
}
#menu_accordion #menu_pro_nav > .panel > .panel-heading::before{
	position:absolute; left:0; top:5px;
	width:25px; height:100%;
	
	content: "\f0da"; color:#000;
	display: inline-block; text-align:center;
	font: normal normal normal 13px/20px FontAwesome;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

#menu_accordion #menu_pro_nav > .panel > .panel-heading .panel-title{
	margin:0; padding:0; 
	font-size:14px; line-height:20px; font-weight:normal;
	text-transform:capitalize; 
}
#menu_accordion #menu_pro_nav .panel-body{
	padding-left:20px; padding-top:5px; padding-right:20px;
	border:none;
}
/************/
#menu_accordion .menu-nav{
	padding:0px; margin:0; list-style-type:none;
	background-color:#EEE;
}
#menu_accordion .menu-nav li{
	position:relative; margin-bottom:0;
	padding:6px 15px 6px 20px;
}
#menu_accordion .menu-nav li::before{
	position:absolute; left:0px; top:5px;
	width:15px; height:100%;
	
	content: "\f111"; color:#000;
	display: inline-block; text-align:center;
	font: normal normal normal 7px/20px FontAwesome;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
#menu_accordion .menu-nav li:last-child{
	margin-bottom:0;
	border-bottom:none;
}
/**********/
#menu_accordion .menu-nav.navone{
	padding:0px; margin:0; list-style-type:none;
	background-color:#EEE;
}
#menu_accordion .menu-nav.navone li{
	position:relative; margin-bottom:0;
	padding:5px 0 5px 20px;
	border-bottom:none;
}
#menu_accordion .menu-nav.navone li::before{
	position:absolute; left:0px; top:5px;
	width:15px; height:100%;
	
	content: "\f111"; color:#000;
	display: inline-block; text-align:center;
	font: normal normal normal 7px/20px FontAwesome;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
#menu_accordion .menu-nav.navone li:last-child{
	margin-bottom:0;
	border-bottom:none;
}


/*********/
#menu_accordion .coll-main .coll-main-title:after,
#menu_accordion #menu_pro_group > .panel > .panel-heading::after,
#menu_accordion #menu_pro_main > .panel > .panel-heading::after,
#menu_accordion #menu_pro_ctl > .panel > .panel-heading::after{
	position:absolute; right:0; top:8px;
	width:30px; height:100%;
	
	content: "\f196"; color:#000;
	display: inline-block; text-align:center;
	font: normal normal normal 15px/20px FontAwesome;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
#menu_accordion .coll-main > .panel-heading.focus .coll-main-title:after,
#menu_accordion #menu_pro_group > .panel > .panel-heading.focus:after,
#menu_accordion #menu_pro_main > .panel > .panel-heading.focus:after,
#menu_accordion #menu_pro_ctl > .panel > .panel-heading.focus:after{
	content: "\f147";
}

#menu_accordion #menu_pro_group > .panel > .panel-heading::after,
#menu_accordion #menu_pro_main > .panel > .panel-heading::after,
#menu_accordion #menu_pro_ctl > .panel > .panel-heading::after{
	top:7px; left:0; right:auto;
}
#menu_accordion #menu_pro_nav > .panel > .panel-heading.focus::before:
	content: "\f0d7";
}
/****************/
/*****/
#menu_mobile .form_search{
	margin-top:0; padding-top:5px; padding-bottom:5px;	
}
#menu_mobile .form_search > div{
	position:relative;
	border:1px solid #CCC;
}
#menu_mobile .form_search > div input{
	border:none; background:#FFF;
	width:100%; height:38px; line-height:38px;
	padding:5px 95px 5px 10px; color:#000;
	font-size:13px;
}
#menu_mobile .form_search > div button{
	position:absolute; right:0; top:0; bottom:0;
	height:100%; width:80px; text-align:center;
	background:var( --color-main); border:1px solid #FFF;
	color:#FFF;
	text-transform:uppercase; font-size:21px;
}
#menu_mobile .form_search > div button:hover{
	background-color:#ec1f24	
}
/***********/
.product-order .dropdown{
	margin-top:8px;
}
.product-order .dropdown *{
	font-size:13px; text-transform:capitalize;
}
/*******************
*******************
*******************/
.widget-contact{
    margin-bottom:0px;    position: relative;
}
.widget-contact .agent-widget {
	border:1px solid #DDD;
    color: #707070;
    margin:0px;
    transition: all 0.25s ease 0s;
}
.widget-contact .agent-title {
    display: block;    margin-bottom: 30px;    position: relative;
}
.widget-contact .agent-title .agent-photo {
    display: block;    float: left;
}
.widget-contact .agent-title .agent-photo img {
    border-radius: 50%;
    width:70px; padding:8px; background:#FFF;
	border:1px solid #DDD;
}
.widget-contact .agent-details {
    display: block;    margin-left: 82px;
    position: absolute;    top: 50%;
    transform: translateY(-50%);
}
.widget-contact .agent-widget h4 {
    color:var( --color-main);    margin: 0 0 6px;
	font-size:19px; text-transform:uppercase;
	font-weight:bold;
}
.widget-contact .agent-details span {
    color: #F00; font-weight:bold;
	font-size:16px;
}
.widget-contact .agent-details span a{
	color:inherit;
}
.widget-contact .agent-details span i {
    font-size: 23px;    margin-right: 5px;
    position: relative;    top:1px;
}
.widget-contact  button,
.widget-contact .btn_tel{
    background-color: #FFF;
    border:1px solid #DDD;
    margin-right:0; padding: 10px 10px;
    display: block; width:100%; overflow: hidden;
    font-size: 15px;    font-weight: normal;
    color:#000;    cursor: pointer;
	text-transform:capitalize;
    border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px;
}
.widget-contact button:hover,
.widget-contact .btn_tel:hover{
    background-color:#27a12f; border-color:#27a12f;
	color:#FFF;
}
.widget-contact .dcontent{
	font-size:13px; color:#000; line-height:23px;
	font-weight:500;
}
.widget-contact .dcontent p{
	margin-bottom:3px;
}
/*******************
*******************/
#modal_pdetail_support{
	z-index:9999;	
}
#modal_pdetail_support .modal-dialog{
	width:56%; min-width:900px;
	overflow:hidden;
}
#modal_pdetail_support.in .modal-dialog{
	margin-top:5%;
}
#modal_pdetail_support .modal-body{
	padding:30px 30px 15px;
}
#modal_pdetail_support .modal-content{
	overflow:hidden;	
	border:none;
}
#modal_pdetail_support .modal-dialog .close{
	position:absolute; right:-1px; top:-1px; z-index:9;
	width:57px; height:57px; line-height:57px;
	opacity:1; -moz-opacity:1; -webkit-opacity:1;
	text-align:center; color:#FFF;
	transition:all 0.3s ease-in 0s;	
	-moz-transition:all 0.3s ease-in 0s;	
	-webkit-transition:all 0.3s ease-in 0s;	
	background:url(../img/modal-close.png) no-repeat left top;
	background-size:contain;
}
#modal_pdetail_support .modal-title{
	color:#f16623; font-weight:500;
}
#modal_pdetail_support .form-group{
	margin-bottom:10px;
}
#modal_pdetail_support label{
	display:block;
	font-size:13px; font-weight:500;
	margin-bottom:7px;
}
#modal_pdetail_support .form-control{
	font-size:13px;
}
#modal_pdetail_support .modal_res{
	background-color:#27a12f; border-color:var( --color-main);
	line-height:28px; margin-top:10px;
	font-size:13px; font-weight:700; text-transform:uppercase;
}
#modal_pdetail_support .modal_res:hover{
	background-color:var( --color-red); border-color:var( --color-red);
}
#modal_pdetail_support .error{
	display:block; margin-top:3px; line-height:20px;
	font-size:13px; color:#BF0404
}
#modal_pdetail_support .modal_close,
#modal_pdetail_support .reponse_mess,
#modal_pdetail_support.res_success .form-group,
#modal_pdetail_support.res_success .modal-footer{
	display:none;
}
#modal_pdetail_support.res_success .modal-body{
}
#modal_pdetail_support.res_success .reponse_mess{
	display:block; margin-top:30px;
}
#modal_pdetail_support.res_success .reponse_mess p{
	margin-bottom:5px;
}
#modal_pdetail_support .model-form{
	padding-left:5px;
}
#modal_pdetail_support .model-bg{
	position:absolute; right:0; top:0;
	display:block; height:100%;
	background-position:center center; background-size:cover;
	background-repeat:no-repeat;
}
#modal_pdetail_support .model-bg img{
	display:none;
}
#modal_pdetail_support .widget-contact{
	margin-bottom:10px;	
}
#modal_pdetail_support .widget-contact .agent-widget{
	box-shadow:none; -moz-box-shadow:none; -webkit-box-shadow:none; 
	margin-bottom:0;
	border:none; padding:0;
}
#modal_pdetail_support .widget-contact .agent-title{
	margin-bottom:0;
}
#modal_pdetail_support .widget-contact .agent-title .agent-photo {
	float:none;
}
/***************
***************
***************/
.modal-header{
	background:var( --color-main); color:#FFF;
	padding-bottom:8px; padding-top:10px;	
}
#myModal_signin .modal-title{
	font-size:15px; text-transform:uppercase;
	color:#FFF;
}
#myModal_signin a{
	color:inherit;
}
#myModal_signin a:hover{
	color:#ec1e25;
}
#myModal_signin label,
#myModal_signin .btn{
	font-size:13px;	
}
#myModal_signin .boxsign-mess{
	padding:10px; display:none;	
}
/*******************/
.fb-comment .fb-main{
	background:#EEE;
	padding:10px 15px; margin-bottom:30px;	
	box-shadow:5px 5px 0 #DDD;
}


#message-autocart{
	position:fixed; left:20px; bottom:120px; z-index:999;
	background:#FFF; border:1px solid var( --color-main);
	padding:0px;	width:380px;
	border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;
	box-shadow:0 0 10px 0 rgba(0,0,0,.4); -moz-box-shadow:0 0 10px 0 rgba(0,0,0,.4); -webkit-box-shadow:0 0 10px 0 rgba(0,0,0,.4);
    transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease;
	display:none;
}
#message-autocart a{
	color:inherit;
}
#message-autocart .img{
	float:left; padding:5px;
	background:#FFF;
	width:25%;
}
#message-autocart .img img{
	display:inline-block; width:100%;
}
#message-autocart .des{
	float:left; width:75%;
	padding:10px 10px 10px 15px;
	font-size:14px; line-height:22px;
}
#message-autocart .des .site{
	color:var( --color-main);
}
#message-autocart .des .name{
	color:var( --color-red);
}
#message-autocart .des time{
	margin-top:5px;
	display:block; clear:both;
	font-size:13px; font-style:italic; line-height:1;
	color:#3241e4;
}
#message-autocart.fadeout {
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-name: nFadeOut;
    opacity: 1;
	display:block;
}
#message-autocart.fadein {
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-name: nFadeIn;
    opacity: 0;
	display:block;
}
@keyframes nFadeIn{
	0%{
		opacity:0;transform:translate3d(0px,100%,0px)
		}
	100%{opacity:1;transform:none}
}
@keyframes nFadeOut{
	0%{
		opacity:1
	}
	100%{
		opacity:0;
	}
}