a,abbr,acronym,address,applet,article,aside,audio,b,blockquote,big,body,center,
canvas,caption,cite,code,command,datalist,dd,del,details,dfn,dl,div,dt,em,embed,fieldset,figcaption,figure,font,
footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,keygen,label,legend,li,meter,nav,object,ol,output,p,pre,progress,q,s,
samp,section,small,span,source,strike,strong,sub,sup,table,tbody,tfoot,thead,th,tr,tdvideo,tt,u,ul,var
{
	background:transparent;
	border:0 none;	
	margin:0;
	padding:0;
	border:0;
	outline:0;
	vertical-align:middle;
	
}

ol, ul {
	list-style:none;
}

a {
    text-decoration: none;
    color:#6f6f6e;
}

body{	
	color:#3c3c3b;
	font-family: 'Montserrat', sans-serif;
	margin:0;	
	overflow-x: hidden;
}

body.scoll-hidden{
	overflow-y: hidden;	
}

#skrollr-body {
    float: left;
    width: 100%;
    height: 100%;
}

.container{
	max-width:1600px;
}

.container-medium{
	max-width:1400px;
}

.bg-blue{
	background-color: #04b5e9;
}

.bg-red{
	background-color: #e5221e;
}

.bg-white{
	background-color: #ffffff;	
}

.bg-grey{
	background-color: #a6a6a5;	
}

.bg-black{
	background-color: #000000;	
}


.color-white{
	color:#ffffff;
}

.color-blue{
	color:#04b5e9;
}

.color-black{
	color:#000000;
}

.color-grey{
	color:#808080;
}

header{
	position:fixed;
	left:0;
	right:0;
	top:50px;
	z-index: 999;
	// set animation 
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
    padding-top: 10px;
    padding-bottom: 10px;
    
   
}

#content-wrapper{
	min-height: calc(100vh - 280px);
}

.header-container{
	position: relative;
	padding:15px 30px;
	box-shadow: 0px 3px 10px 0 rgb(46 61 73 / 50%);
}


.logo-container{
	text-align:center;
}

.logowrapper {
    display: inline-block;
    z-index:6;
    position: relative; 
	 transition: all 0.4s ease;
}

.Navtools-container{
	position: absolute;
	right:0;
	top:50%;
	transform: translateY(-50%);
	z-index: 5;
}

.Navtools{
	font-size:0;
	position: relative;
	z-index: 2;
	font-size: 0;
	display: inline-block;
	text-align:right;
}

.Navtools .icon{
	font-size:30px;
}

.Navtools li {
    display: inline-block;
    text-align: center;
    position: relative;
    margin-right:15px;
}

.Navtools a{	
	color:#575756;
	display: block;
	padding: 5px;	
}
.nav-label{
	font-size:12px;
	font-weight:500;
}

.username {
  overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width:130px;
    position: relative;
}

.Navtools li.toolItem_exit{
	position: absolute;
	 top:50px;
	 right:0;
}

.badge {
    position: absolute;
    top: 0px;
    right:-10px;
    background-color:#cb0100;
    width: 18px;
    height: 18px;
    color: #ffffff;
    border-radius: 50%;
    text-align: center;
    font-size: 10px;
    line-height: 18px;
}



.position-relative {
    position: relative;
}

#search-container{
 	position: absolute;
 	top:50%;
 	transform:translateY(-50%);
 	right:200px;
 	width:200px;
 	z-index: 5;
 }  
.search {
  position: relative;
 
}
.search:before {
  position: absolute;
  top: 0;
  right: 0;
  width: 40px;
  height:35px;
  line-height:35px;
 font-family: 'icomoon' !important;
  content:'\e909';
  background: #fff;
  text-align: center;
  color: #494949;  
  -webkit-font-smoothing: subpixel-antialiased;
  font-size:1.250em;
  background: none;
 
}

.searchTerm {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  border: none;
  padding:0px 40px 0px 10px;
  height:35px; 
  outline: none;
  font-size:0.750rem;
  font-weight:300 !important;
  background: none;
  border:solid 1px #283639;
  color:#575756;
  border-radius:30px;
}

.searchButton {
  position: absolute;
  top: 0;
  right: 0;
  width: 40px;
  height:35px;
  opacity: 0;
  cursor: pointer;
}

.header-top-container{
	position: absolute;
	top:10px;
	right:0;
	left:0;
	z-index:99;
}

.header-top-container li,
.menu-lang li{
	display: inline-block;
}

.header-top-container li a,
.menu-lang li a{
	color:#ffffff;
	padding: 0px 10px;
	display: block;
	font-size:13px;
	box-sizing: border-box;
	line-height:40px;	
}

.header-top-container.inner li a{
	color:#000000;
}

.menu-lang{
	position:absolute;
	top:50%;
	transform: translateY(-50%); 
	width:100px;
	left:60px;
	z-index: 80;
}

.menu-lang li a{
	color:#000000;
}

.menu-lang a,
.toolItem-lang a{
	opacity: 0.5 ;
	color:#000000;
}
.menu-lang li.active a,
.toolitem-lang a.active,
.toolItem-lang a.active{
	opacity: 1;
}

.toolItem-lang a{
	display: inline-block !important;
    width: 20%  !important;
}

.m-0{
	margin-left: 0;
	margin-right: 0;
}

.p-0{
	padding-left: 0;
	padding-right: 0;
}


.menu-container {
    position: absolute;   
    left: 0;
    right:0;
    top: 50%;
    transform: translateY(-50%);
}


#right-col .btn{
	position: relative;
	z-index: 2;
	display: inline-block;
}

.slide-image {
    height:100vh;
}

/*.slide-image img{
	width:100%;
}*/

.slide-container{
	position: absolute;
	left:0;
	right:0;
	top:50%;
	transform:translateY(-50%);	
	text-align:left;	
}

.slide-text{
	display: inline-block;	
	box-sizing: border-box;
}

.slide-text span{
	display: block;	
}

.slide-description{
	margin-top:50px;
}

.slide-description span{
	display: block;
}

.btn-action{
	margin-top:40px;
}

.btn {
    padding: 15px 25px;  
    box-sizing:border-box;
    cursor: pointer;    
    min-width:200px;  
	 -webkit-transition: all .25s ease;
    -ms-transition: all .25s ease;
    transition: all .25s ease; 
	position:relative;
	display: inline-block;
	text-align: center;
	font-size:15px;	
	  /*display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
	text-align: center;*/
}

.btn:hover{
	background-color: #000000;
} 

.btn-wrap {
    display: inline-block;
}

.btn.w-full{
	display: block;
	width:100%;
}

.btn.border-btn{
	border:solid 1px #ffffff;
}

.btn.border-btn.black{
	border:solid 1px #000000;
	color:#000000;
}

input.btn{
	border:none;
	width:auto;
	height:auto;
}

.btn.border-btn:hover{
	background-color: #e5221e;
	border:solid 1px #e5221e;
	color:#ffffff;
}



.imgLiquidFill .btn{
	display: inline-block!important;
	width:auto !important;
}

.block-wrap{
	padding:20px 60px;
}

.row-no-pad{
	margin-left:0;
	margin-right:0;
}

.row-no-pad>[class*=" col-"],
.row-no-pad>[class^=col-] {
 padding-left:0;
 padding-right:0;
}

.full-width {
     width: 100vw;
    position: relative;
    left: 50%;
    right: 50%;
    margin-left: -50vw;
    margin-right: -50vw;
}


#list-items .item-image{
	height:50vh;
	position: relative;
	
}

.item-image:after{
	content:"";
	position: absolute;
	top:0;
	height:20px;
	left:0;
	right:0;
	background-color:#ffffff;
}

.item-image:before{
	content:"";
	position: absolute;
	bottom:0;
	height:20px;
	left:0;
	right:0;
	background-color:#ffffff;
}

#list-items .item:first-child .item-image{
	width: 50vw;
    left:100%;   
    margin-left: -50vw;
   
}
 
#list-items .item:nth-child(2) .item-image{
	width:50vw;
} 


.item-content{
	padding: 40px 20px;
	text-align:center;
}

#list-items .item:first-child .item-content:after {
    background-color:#04b5e9;
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    top: 0;
    z-index: -1;
    width:50%;
}


#list-items .item:nth-child(2) .item-content:after{
	  background-color:#f28e1e;
    content: "";
    position: absolute;
   right: 0;
    bottom: 0;
    top: 0;
    z-index: -1;
    width:50%;
}

.item-content .item-title{
	font-size:25px;
	color:#ffffff;
	font-weight:700;
	text-transform:uppercase;	
}

.old-price{
	text-decoration: line-through;
	color:#666665;	
}

.item-action{
	margin-top:30px;
}

.item-action .btn{
	font-size:20px;
}



.section{
	padding-top:30px;
	padding-bottom:30px;
}

.section-header{
	margin-bottom:60px;
}

#gallery-coursel .gallery-image{
	height:70vh;
}


#gallery-coursel .slick-slide {
    margin-left: 10px;
    margin-right: 10px;
}

.banner-image{
	height:50vh;
	position:relative;
	background-position: center left !important;
}

.banner-content{
	position: absolute;
	bottom:30px;
	left:auto;
	right:15%;
	max-width:500px;
}

.banner-content .content{
		text-align:right;
	font-size:30px;
	color:#ffffff;
}

.banner-content .btn{
	display: inline-block !important;
	width:auto !important;
}


input, textarea {
    width: 100%;
    height:45px;   
    color:#444444;
    border: none;
     font-size:0.813em;  
    background: none;
    padding:10px 10px;
    box-sizing: border-box;
   font-weight:500;  
   font-family: 'Montserrat', sans-serif !important; 
   border:solid 1px #1d1d1b; 
}
   

.input-btn input{
	line-height:0 !important;	
	border-radius:0;
	border:none;
	cursor: pointer;
	z-index: 20;
	position: relative;
	
}

.input-btn{
	padding: 0;
}
  
input.btn:focus{
  	outline:none;
  }
   
::placeholder {
  color: #b7b6b6;
  opacity: 1; /* Firefox */
 font-size:0.813em;
 
}
   
   :-ms-input-placeholder { /* Internet Explorer 10-11 */
 color:#b7b6b6;
  font-size:0.813em;
 
}

::-ms-input-placeholder { /* Microsoft Edge */
 color:#b7b6b6;
  font-size:0.813em;
}

.styled-input{
	position: relative;
}


.styled-input .required{
	text-transform:uppercase;	
	display: block;
	font-size:0.813em;
	font-weight:500;
	position: absolute;
	top:12px;
	left:10px;
	color:#6b6b6b;
	-webkit-transition: all 0.25s cubic-bezier(0.2, 0, 0.03, 1);
	transition: all 0.25s cubic-bezier(0.2, 0, 0.03, 1);
	pointer-events: none;
	
}

.required.autofill{
	 top:-20px;
}

.styled-input input:focus ~ label.required, 
.styled-input textarea:focus ~ label.required, 
.styled-input input:valid ~ label.required, 
.styled-input textarea:valid ~ label.required {
  font-size: 0.625em;
  top:-20px;
  -webkit-transition: all 0.125s cubic-bezier(0.2, 0, 0.03, 1);
  transition: all 0.125s cubic-bezier(0.2, 0, 0.03, 1);
}


.styled-input input ~ span.active-border, 
.styled-input textarea ~ span.active-border {
  display: block;
  width: 0;
  height: 2px;
  background: #000000;
  position: absolute;
  bottom: 0;
  left: 0;
  -webkit-transition: all 0.125s cubic-bezier(0.2, 0, 0.03, 1);
  transition: all 0.125s cubic-bezier(0.2, 0, 0.03, 1);
}
.styled-input input:focus, 
.styled-input textarea:focus {
  outline: 0;
}
.styled-input input:focus ~ span.active-border, 
.styled-input textarea:focus ~ span.active-border {
  width: 100%;
  -webkit-transition: all 0.125s cubic-bezier(0.2, 0, 0.03, 1);
  transition: all 0.125s cubic-bezier(0.2, 0, 0.03, 1);
}
 
 input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus, 
input:-webkit-autofill:active {
    -webkit-box-shadow: 0 0 0 30px #ffffff inset !important;  
   
}


.styled-input input:-webkit-autofill ~ label.required,
.styled-input input:-webkit-autofill:hover ~ label.required,
.styled-input input:-webkit-autofill:focus ~ label.required,
.styled-input input:-webkit-autofill:active ~ label.required{
	top:-20px;
	font-size:0.750em;
}

select:focus{
	outline: none;
}

select{	
    -webkit-appearance: none;
    position: relative; 
      font-family: 'Montserrat', sans-serif !important;
      font-weight:500;
   
}
.select-wrapper{
	position: relative;		
}
.select-wrapper:after{
	position: absolute;
	font-family: 'icomoon' !important;
	content: "\e90a";
	right:10px;
	top:16px;	
	pointer-events:none;
	font-size:0.750rem;
	color:#616161;
	
}


.select-wrapper select{
	 width: 100%;
    height:45px;
    box-sizing: border-box;
    padding-left:10px;
    padding-right:10px;
   color:#444444;
   font-size:0.813em;
    font-weight:500;
    border: none;   
    border:solid 1px  #1d1d1b;
    background: none;
    text-transform:uppercase;
    
}

 
   
.field{
	margin-bottom:35px;
	position: relative;
}

.check{
	position: relative;
	display:block;	
	margin-left: 30px;	
}

.check.disply--block{
	display: block;
}

.check label {
  cursor: pointer;  
  position:relative;
  text-align:left;
  font-size:0.813rem;
  color:#706f6f;  
 
}
.check label:before, .check label:after {
  content: '';
  position: absolute;
  top:0;
 
}
.check label:before {
  left:-30px;
  width: 16px;
  height: 16px;
  margin: -0px 0 0;
  /*background: #ccc;*/
 border: solid 1px #b7b7b7;
}
.check label:after {
  left:-29px;
  width: 16px;
  height: 16px;
  margin:1px 0px 0;
   /*font-family: 'icomoon';
  content:"\e91f";*/
  opacity:0;
  color:#000000;
  font-size:0.875rem;
  background:#e5221e;
  -webkit-transition: opacity 0.25s ease-in-out, -webkit-transform 0.25s ease-in-out;
  transition: opacity 0.25s ease-in-out, -webkit-transform 0.25s ease-in-out;
  transition: opacity 0.25s ease-in-out, transform 0.25s ease-in-out;
  transition: opacity 0.25s ease-in-out, transform 0.25s ease-in-out, -webkit-transform 0.25s ease-in-out;
}
.check input[type="radio"],
.check input[type="checkbox"] {
  position: absolute;
  top: 0;
  left: -9999px;
  visibility: hidden;
}
.check input[type="radio"]:checked + label:after,
.check input[type="radio"]:checked + label.error + label:after,
.check input[type="checkbox"]:checked + label:after,
.check input[type="checkbox"]:checked + label.error + label:after  {
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
  opacity: 1;
}

.check label.error:before, .check label.error:after{
	content: none;
}

.check label.error{
	position: absolute;
	width:200px;
	left:-30px;
	bottom:-15px;
}

.error-captcha.error,
.error.captcha {
	z-index: 2;
	position: relative;
	margin-bottom: 10px
}

.style-input--round label:before, .style-input--round label:after {
  border-radius:50%;
} 
.check label a{
	color:#616161;
	vertical-align:baseline;
} 


label.error {
    color: red;
    font-size: 0.625rem;   
    display: block;
    position: absolute;
    font-weight:600;
} 

.error-me{
	color: red;
	 font-size: 0.750rem; 
	 font-weight:600;
}

#captcha {
    width: 100%;
    height: 45px;
}

#featured-category{
	position: relative;
}

.thumb{
	position: relative;
}


.col-thumb:first-child{
	margin-top:-80px;
}

.col-thumb:nth-child(2){
	margin-top:-80px;
}

.col-thumb:nth-child(3){
	margin-top:-80px;
}


.col-thumb:nth-child(4){
	margin-top:-80px;
}

.hover-zoom{	
	    -webkit-transition: height .5s,margin .5s,background-position .5s ease;
    transition: height .5s,margin .5s,background-position .5s ease;
}


.thumb-image{
	height:500px;
	background-position: bottom center !important;
}

.col-thumb:nth-child(1):hover .thumb-image {
	margin-top:-80px;
}

.col-thumb:nth-child(1):hover .thumb-image{
	height:580px;
}


.col-thumb:nth-child(2):hover .thumb-image {
	margin-top:-160px;
}

.col-thumb:nth-child(2):hover .thumb-image{
	height:660px;
}

.col-thumb:nth-child(3):hover .thumb-image {
	margin-top:-140px;
}

.col-thumb:nth-child(3):hover .thumb-image{
	height:640px;
}

.col-thumb:nth-child(4):hover .thumb-image {
	margin-top:-120px;
}

.col-thumb:nth-child(4):hover .thumb-image{
	height:620px;
}


.thumb:after{
	content:"";
	position: absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	background:rgba(0, 0, 0, 0.4);
}

.thumb-title{
	position: absolute;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
	z-index: 2;	
	color:#ffffff;
	text-align:center;
}

.thumb-title:after{
	position:absolute;
	bottom:-30px;
	content: "";
	height:3px;
	width:80px;
	background-color:#dc042f;
	left:50%;
	transform: translateX(-50%);
}


.tile{
	margin-bottom: 20px;
}

.tile-container{
	position: relative;
}

.tile-title{
	position: absolute;
	left:20px;
	right:20px;
	bottom:20px;
	color:#ffffff;
	text-shadow: 0px 4px 3px rgba(0, 0, 0, 0.4), 0px 8px 13px rgba(0, 0, 0, 0.1), 0px 18px 23px rgba(0, 0, 0, 0.1);
	text-transform:uppercase;
}

.tile-image{
	overflow: hidden;
}

.tile-hover-zoom {
  transition: transform .5s ease;
}

.tile-image:hover .tile-hover-zoom {
  transform: scale(1.1); 
}

.product-item {
    padding: 16px;
    width:50%;
    box-sizing: border-box;
}

.item-container {
    height: 100%;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    width: 100%;
    position: relative; 
    /*border:solid 1px #b2b2b2;*/
    padding: 20px;  
    text-align:center;
    
        // set animation: ;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

.product-item:hover .item-container{
	box-shadow: 0px 3px 20px 0 rgb(46 61 73 / 50%);
	border:solid 1px #ffffff;
}

.item-picture {  
    margin-bottom:20px;
    text-align:center;
    height:350px;   
    position: relative;
}

.item-picture img{
	position: absolute;
	max-height:100%;
	top:50%;
	left:50%;
	transform: translate(-50%,-50%);
}

.item-picture:after{
	content: "";
	position: absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	background: rgba(0, 0, 0, 0.1);
}

/*.item-container .item-title {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}*/

.item-container .item-info{
-webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    display: flex;
    flex-direction: column

}

.item-container .item-price{
	 -ms-flex-pack: center;
  -webkit-box-pack: center;
  justify-content: center;
  text-align: center;
  margin-top: 10px;
}

.item-title {
    font-size:18px;
    color: #3c3c3b;
    font-weight:700;
    text-transform: uppercase;  
    margin-bottom:5px;
}

.item-desc{
	font-size:16px;
	 color: #3c3c3b;
	 font-weight:600;
}

.item-price{ 	
 	display: flex;
	flex-wrap: wrap;
	margin-left:-5px;
	margin-right:-5px;	
	
 } 
 
  
.item-price span {
    margin-left:5px;
    margin-right:5px;
}

.price{
	font-size:1.250rem;
	color:#666665;
	font-weight:500;
}

.old-price{
	text-decoration: line-through;
	color:#666665;	
}

.banner-conatiner{
	padding-top: 80px;
	padding-bottom: 80px;
}


.banner-container{
	max-width:500px;
	text-align:center;
	
}

.banner-title{
	font-size:35px;
	color:#ffffff;
}

.center-div{
	margin: 0 auto;
}

#t-animate{
	position: absolute;
	left:0;
	right:0;
}

.animate-text{	
	-webkit-text-stroke: 1px #e5e5e5;
   color: white;
   text-shadow:
       0px 0px 0 #e5e5e5;,
     -1px -1px 0 #e5e5e5;,  
      1px -1px 0 #e5e5e5;,
      -1px 1px 0 #e5e5e5;,
       1px 1px 0#e5e5e5;;    
       position: relative;
       z-index: -5;
}

.section-title{
	color:#646363;
	max-width:450px;
	margin: 0 auto;
	display: inline-block;
	position: relative;
}

.section-title:after{
	position: absolute;
    bottom: -20px;
    content: "";
    height: 3px;
    width: 80px;
    background-color: #dc042f;
    left: 50%;
    transform: translateX(-50%);
}

.align-middle {
    display: flex;
    align-items: center;
    height:100%;
}

.div-minheight {
   height:100%;
}

.top-banner-image{
	height:50vh;
}

.head-container{
	margin-bottom: 30px;
}

#list-header h1{
	font-size:40px;
	color:#1d1d1b;
	text-align:center;
	font-weight:500;
}

.wrapper-inner{
	padding-top:160px;
}

.slider-nav {
    margin-top: 20px;
}

.coursel {
    padding-left: 40px;
    padding-right: 40px;
}


.coursel{
	padding-left: 40px;
	padding-right: 40px;
}

.coursel .slick-next{
	right:0;
}

.coursel .slick-prev{
	left:0;
}

.coursel .slick-prev::before, 
.coursel .slick-next::before {
	font-size:25px;
}

.gallery-image img{
	margin:0 auto;
	max-height:450px;
}

.box-container{
	background-color: #f2f2f2;
	padding: 40px;
	box-sizing:border-box;
}

.item-modelcontainer{
	position: relative;
}

.item-modelcontainer.box-container{
	height: 100%;
}

h1.item-title {  
    font-size:30px;   
    margin-bottom:20px;  
    box-sizing: border-box;
    padding-right: 30px;
  
}

.item-modelcontainer .item-price {
    margin-top: 25px;
}

.item-modelcontainer .price {
    font-size:25px;
    
}

.color-menu li{
	margin-right:15px;
}

.colori-img-nail img{
	height:60px;
	width:60px;
	border-radius:50%;
}

.colori-img-nail.active img{
	border: 2px solid #FFF;
	box-shadow: 0 0 2px #000;
}

.item-select{
	margin-top:30px;
	position: relative;
	z-index: 10;
}

.item-select .title {
    font-size: 0.750em;
    margin-bottom: 10px;
    font-weight: 500;
}

.itemmodel-action{
	margin-top: 20px;
}
.row-pad-5{
	margin-left:-5px;
	margin-right:-5px;
}

.row-pad-5 >[class*=" col-"],
.row-pad-5 >[class^=col-] {
padding-left: 5px;
padding-right: 5px;
}

.inline-menu {
    display: flex;
    flex-wrap: wrap;
}

.style-01 .selectCF .titleCF{
	background: none !important;
}

.itemmodel-wishlist{
	position: absolute;
	top:10px;
	right:10px;
}

.itemmodel-wishlist .icon{
	font-size:1.563em;
}

.breadcrumbs{
	margin-bottom: 30px;
}

.breadcrumbs ul{
	display: flex;
	flex-wrap:wrap;
}
.breadcrumbs_item{
	display: inline-block;	
	position:relative;
	padding-right: 20px;
	box-sizing:border-box;
	
}

.breadcrumbs_item span{
	vertical-align:middle;
}

.breadcrumbs_item:after {
    content: "/";
    position: absolute;
    right: 8px;
    top: 5px;
    color: #6f6f6e;
    font-size: 12px;
}

.breadcrumbs_item:last-child
.breadcrumbs_line:after{
	content:none;	
}

.breadcrumbs_link{
	font-size:0.750em;
	color:#6f6f6e;
	text-transform:uppercase;
	vertical-align:middle;	
	padding-top: 5px;
	padding-bottom: 5px;
}
.breadcrumbs_link.active{
	font-weight:600;
	
}

.breadcrumbs_item:last-child:after{
	content: none;
}

.item-detailcontainer{
	margin-top:40px;
}

.item-detailcontainer h4 {
    font-size:30px;   
    padding-bottom: 30px;   
}
.item-detailcontainer .description {
    font-size:14px;
    line-height:25px;
    font-weight: 500;
}

.borderbox-container{
	border:solid 1px #cacaca;
	padding-bottom: 40px;	
	}

.item-detailcontainer ul#tabs{
	margin-top: -25px;
}

ul#tabs li{		
	width:33.33%;
	text-align:center;	
	box-sizing: border-box;
	cursor: pointer;	
	position: relative;
	font-size:14px;
	color:#ffffff;
	padding:10px;
	z-index: 2;
}



ul#tabs li:after {
	z-index: -1;
	content: '';
	display: block;
	position: absolute;
	top: 0;
	right:2px;
	bottom: 0;
	left: 2px;
	transform: skewX(-21deg);
	background:#706f6f;
	
}

ul#tabs li.active:after{
	background: #000000;
}

ul#tab{
	margin-top: 40px;
}

ul#tab > li {
    display: none;
}

ul#tab > li.active{
	display:block;
}

/*popup*/

.popup {
	position: relative;
	background:#FFFFFF;
	padding:30px;
	width: auto;
	max-width:750px;
	margin: 0 auto;
	box-sizing:border-box;
	z-index:99999;
	border:solid 1px #636363;
}

.popup.small{
	max-width:550px;
}

.popup.smallest{
	max-width:400px;
}

.popup.popup-home{
	max-width:800px;
}

.popup-action,
.popup-content{
	margin-top:30px;
}

.popup-title {
    font-size: 20px;
    font-weight:600;
    color:#e5221e;
    text-transform:uppercase;
}

.btn-group {
	margin: -5px;
}
.btn-col{
	padding: 5px;
	box-sizing: border-box;
}
/*popup*/

.list-table .col-01{
	width:180px;
	margin-right:20px;
}

.list-table .col-02{
	width:calc(100% - 200px);
}

.list-table li{
	font-size:13px;   
    margin-bottom:5px;  
    font-weight:500;
}


.tabel-cart {
    padding:10px 30px;
    border: solid 1px #3f3f3e;
}

.cart-row{
	border-bottom:solid 1px #626261;
	padding-bottom:10px;
	padding-top:10px;
}

.cart-row:first-child{
	padding-top: 0;
}

.cart-row:last-child{
	border-bottom:none;	
}

.cart-row .row{
	margin-left:-5px;
	margin-right:-5px;
}

.cart-row .row >[class*=" col-"],
.cart-row .row >[class^=col-] {
padding: 5px;
}

.cart-row:first-child .cart-item-quantity{
	z-index:8 !important;
	position: relative;
}

.cart-row:nth-child(2n) .cart-item-quantity{
	z-index:7 !important;
	position: relative;
	
}

.cart-row:nth-child(3n) .cart-item-quantity{
	z-index:6 !important;
	position: relative;
	
}

.cart-row:nth-child(4n) .cart-item-quantity{
	z-index:5!important;
	position: relative;
	
}

.cart-row:nth-child(5n) .cart-item-quantity{
	z-index:4!important;
	position: relative;
	
}

.cart-row:nth-child(6n) .cart-item-quantity{
	z-index:3!important;
	position: relative;
	
}

.cart-row:nth-child(7n) .cart-item-quantity{
	z-index:2!important;
	position: relative;
	
}

.cart-item-image{
	max-width:120px;
	margin-right: 20px;
}

.cart-item-option{
	margin-top: 20px;
}

.select-option{
	font-size:0.875em;
	font-weight:500;
	margin-bottom: 10px;
}

.select-option.row{
	margin-left: 0;
	margin-right: 0;
}
.select-option span.title{
	vertical-align: top;
	width:80px;
	display: inline-block;	
}

/*.select-option span.input{
	width:calc(100% - 80px);
}*/

.cart-item-price{
	margin-top: 10px;
}

.cart-item-price-all .price{
	font-weight:600;
}

.cart-item-action a{
	padding:10px;
}

.total-box .row{
	margin-bottom:20px;
}

.total-box .row:last-child{
	margin-bottom: 0;
}
.col-price{
	width:130px;
	text-align:right;
}

.col-label{
	width:calc(100% - 130px);
	font-size:0.813em;
	color:#585857;
	text-transform:uppercase;
	font-weight:500;
}

.col-label.total{
	font-weight:600;
	font-size:1em;
}

.col-price.total .price{
	font-weight:600;
	color:#282828;
}

.cart-action {
    margin-top:30px;
}

.msg-content {
    font-size:14px;
    line-height:20px;
    font-weight: 500;
}

.cart-item-title{
	font-weight:600;
	font-size:15px;
}
.cart-item-price .price,
.cart-item-price-all .price{
	font-size:16px;
}
.space-top {
    margin-top: 30px;
}

.center-box {
    max-width:600px;
    margin: 0 auto;  
}

.btn-txt { 
    display: block;   
    padding-top: 5px;
    padding-bottom: 5px;
    font-weight:500;
    color: #494849;
    font-size:14px;
}

.btn-txt.large-f{
	font-size:20px;
	font-weight:700;
}

.box-heading{
	font-size:18px;
	text-transform:uppercase;
	font-weight:500;
}

.block-inner{
	margin-bottom:30px;
}
/*mypage*/

#side-tabs li{
	display: block;
}

#side-tabs li a.btn{	
	margin-bottom: 10px;
	color:#000000;
	text-align:left;
	display: block;
	border:solid 1px #b2b2b2;
}



#side-tabs li.active .btn,
#side-tabs li a.btn:hover{
	background-color:#e5221e;
	color:#ffffff;
}

.block-preview{
	margin-bottom: 30px;
	position: relative;
}

.block-preview-title{
	font-size:1em;
	text-transform:uppercase;
	color:#e5221e;
	font-weight:500;
	border-bottom:solid 1px  #b2b2b2;
	padding-bottom:20px;
	margin-bottom:30px;
	padding-right:80px;
	box-sizing: border-box;
} 

.block-preview-title.no-pad-right{
	padding-right: 0;
}

.action-edit{
	font-size:0.750em;
	color:#000000;	
	padding-top:10px;
	padding-bottom:10px;
	text-transform:uppercase;
	font-weight:600;
	position: absolute;
	right:0;
	top:-10px;
	
}

.action-edit .icon{
	font-size:0.913rem;
}

.float-no{
	float:none;
}

.block-preview-info{	
	font-size:0.813em;
	font-weight:500;
	line-height:1.6rem;
}
.col-left-wrap{
	padding-left: 5%;
}

.block-preview-desc{
	color:#5f4631;
	font-size:0.750em;
	line-height:1.4rem;
	font-weight:500;
}


.input-btn-text{
	border:none;
	text-align:left;
	height:auto;
	color:#444444;
	font-size:0.750em;
	padding-left: 0;
	font-weight:600;
	text-transform:uppercase;
	cursor: pointer;
}

/*
 * jQuery Basic Table
 * Author: Jerry Low
 */

#table{
	width:100%;
}


#table td,
#table th{
	text-align:left;	
	padding:10px 5px;	
	font-weight:normal;
	font-size:0.875rem;
}

#table th{
	background-color:#ededed;
}

#table td{
	font-weight:500;
	color:#616161;
}
#table tr{
	position: relative;
}

#table tr:after{
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	height: 1px;
	/*background-color:#ededed;*/
}

table.bt thead,
table.bt tbody th {
  display: none;
}

table.bt tfoot th,
table.bt tfoot td,
table.bt tbody td {
  border: none;
  display: block;
  vertical-align: top;
  
}

table.bt tfoot th:before,
table.bt tfoot td:before,
table.bt tbody td:before {
  content: attr(data-th) ": ";
 
  width: 8.5em;
  display: inline-block;
}

table.bt tfoot th.bt-hide,
table.bt tfoot td.bt-hide,
table.bt tbody td.bt-hide {
	display: none;
}

table.bt tfoot th .bt-content,
table.bt tfoot td .bt-content,
table.bt tbody td .bt-content {
  vertical-align: top;
}
/*my-page*/


.block-title{
	font-size:25px;
	margin-bottom: 30px;
}

.block-description{
	font-size:14px;
	font-weight:500;
	line-height:22px;
}

.fw-social{	
	font-size:0;	
}
.fw-social li{
	display: inline-block;
}
.fw-social li a{
	color:#ffffff;
	padding:10px;
	display: block;
	font-size:1.5rem;
	width:auto !important;
}

.fw-menu li > a{
	padding-top:6px;
	padding-bottom:6px;
	display: block;
	font-size:12px;
	color:#ffffff;	
	font-weight:600;
	text-transform:uppercase;
}

.fw-menu > li > ul > li > a{
	font-size:11px;
	color:#DBDBDB;
	font-weight:500;
}

.footer-bottom-continer{
	color:#000000;
	font-size:11px;	
	padding-top: 10px ;
	background-color: #777776;	
	padding: 5px;
	box-sizing: border-box;
	
}

.footer-bottom-continer a{
	padding: 5px;
	color:#000000;
	font-weight:700;
}

.box-group .box:first-child{
	background-color: #000000;
}

.box-group .box:last-child{
background-color:#e5221e;
}

.box-wrap{
	padding: 20px;
	box-sizing: border-box;
}

#newsletter .check label{
	color:#ffffff;
}
#newsletter .check label:before{
	border:solid 1px #ffffff;
}

#newsletter .check label a{
	color:#ffffff;
}

#newsletter .check label.error{
	color:#e5221e;
	bottom:-30px;
}

#newsletter input{
	border:solid 1px #ffffff;
	color:#ffffff;
	
}

#newsletter ::placeholder {
  color: #ffffff;
  opacity: 1; /* Firefox */
 font-size:13px;
 
}
   
#newsletter :-ms-input-placeholder { /* Internet Explorer 10-11 */
 color:#ffffff;
  font-size:13px;
 
}

#newsletter ::-ms-input-placeholder { /* Microsoft Edge */
 color:#ffffff;
  font-size:13px;
}

.box-header{
	margin-bottom:20px;
}

.box .title{
	font-size:15px;
	font-weight:700;
}

.box  .box-description{
	font-size:14px;
	font-weight:500;
	margin-top:10px;
}
.box-icon{
	margin-bottom: 20px;
}

.fw .title{
	font-size:12px;
	color:#ffffff;
}


.sitemap {
	font-size:0;
} 

.sitemap li{	
	padding:0px 20px;	
	box-sizing: border-box; 
	vertical-align:top;
	display:inline-block;
	font-size:0.875rem;
	text-align:left;
	width:100%;
}

.sitemap li ul{
	display: flex;
flex-wrap: wrap;
}

.sitemap li ul li{
	display:inline-block;
	padding-left:5px;
	padding-right:5px;
	width:33.33%;
}

.sitemap li a{
	color:#000000;
	padding-top:10px;
	padding-bottom:10px;
	display: block;	
	border-bottom:solid 1px #ececec;
	font-weight:500;
	text-transform:uppercase;
	font-size:0.913rem;
}

.sitemap li ul li a{
	color:#666666;
}

#rc-imageselect, .g-recaptcha {
	transform:scale(0.77);
	-webkit-transform:scale(0.77);
	transform-origin:0 0;
	-webkit-transform-origin:0 0;
}

.toolItem-mobile{
	display:none !important;
} 
	
.skrollr-desktop{
	margin-right:0 !important;
}	

.contact-form{
	margin-top:80px;
}

.header-langauge {
	position: absolute;
	left:80px;
	top:50%;
	transform:translateY(-50%);
	
}

.header-langauge li a{
	font-size:14px;
}






.chat-toggle-btn {
    position: fixed;
    bottom: 20px;
    right: 20px;
    background: #007bff;
    color: white;
    border: none;
    border-radius: 50%;
    width: 60px;
    height: 60px;
    font-size: 24px;
    cursor: pointer;
    box-shadow: 0 0 10px rgba(0,0,0,0.2);
}
.chat-container {
    display: none;
    flex-direction: column;
    justify-content: space-between;
    position: fixed;
    bottom: 90px;
    right: 20px;
    background: white;
    padding: 1rem;
    border-radius: 10px;
    box-shadow: 0 0 15px rgba(0,0,0,0.1);
    width: 90%;
    max-width: 400px;
    height: 500px;
    z-index: 1000;
}
.chat-header {
    text-align: center;
    font-weight: bold;
    color: #333;
    margin-bottom: 0.5rem;
}
#chat {
    flex: 1;
    overflow-y: auto;
    border: 1px solid #ddd;
    padding: 1rem;
    margin-bottom: 1rem;
    background: #fafafa;
    border-radius: 8px;
}
.user, .bot {
    margin-bottom: 1rem;
}
.user b { color: #007bff; }
.bot b { color: #28a745; }
textarea {
    width: 100%;
    padding: 0.75rem;
    font-size: 1rem;
    border: 1px solid #ccc;
    border-radius: 8px;
    resize: none;
}
button.send-btn {
    background: #007bff;
    color: white;
    padding: 0.5rem 1rem;
    font-size: 1rem;
    border: none;
    border-radius: 8px;
    margin-top: 0.5rem;
    cursor: pointer;
    width: 100%;
}
button.send-btn:hover { background: #0056b3; }

