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{	
	font-family: 'Montserrat', sans-serif;
	color:#6f6f6e;	
}

h1,h2,h3,h4,h5{
	font-weight:normal;
	
}


.btn-wrap {
    display: inline-block;
    position: relative;
}

.btn {
    padding: 10px 20px;  
    box-sizing: border-box;
    cursor: pointer;    
    min-width:200px;
    min-height:45px;   
	 -webkit-transition: all .25s ease;
    -ms-transition: all .25s ease;
    transition: all .25s ease;
     display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
	text-align: center;
	text-transform:uppercase;
	font-weight:500;
	position:relative;
	/*overflow: hidden;*/
}

.btn.border{
	border:solid 1px #b2b2b2;
}

.btn.border.rounded{
	border-radius: 10px;
}


.hover-border-3::before,
.hover-border-3::after {
  width: 0%; 
  height: 0%;
  opacity: 0;
  transition: width 0.2s 0.15s linear,
		height 0.15s linear,
    opacity 0s 0.35s;
  position: absolute;
  content: "";
}
.hover-border-3::before {
  top:-6px; 
  right:6px;
  border-top: 1px solid rgb(28, 31, 30);
  border-left: 1px solid rgb(28, 31, 30);
  position: absolute;
  content: "";
}
.hover-border-3::after {
  bottom:-6px; 
  left: 6px;
  border-bottom: 1px solid rgb(28, 31, 30);
  border-right: 1px solid rgb(28, 31, 30);
  position: absolute;
  content: "";
}
.hover-border-3:hover::before,
.hover-border-3:hover::after {
  width: 100%; 
  height: 99%;
  opacity: 1;
  transition: width 0.2s linear, height 0.15s 0.2s linear, opacity 0s;   
}

.hover-border-3.border-white::before{
	border-top: 1px solid rgb(255, 255, 255);
 	 border-left: 1px solid rgb(255, 255, 255);
}

.hover-border-3.border-white::after{
border-bottom: 1px solid rgb(255, 255, 255);
  border-right: 1px solid rgb(255, 255, 255);
}



.btn-action{
	margin-top: 40px;
}

.color-black{
	color:#000000;
}

.color-white{
	color:#ffffff;
}

.color-green{
	color:#636f03;
}

.color-grey{
	color:#404040;
}
.bg-green,
.under-line span:after,
.thumb-caption .slide-item-btn{
	background-color: #636f03;
}

.bg-black{
	background-color: #000000;
}

.container{
	max-width:1500px;
}

.menu-container,
.footer-container,
.container-medium{
	max-width:1400px;
}

header{
	position: fixed;
	top:0;
	left:0;
	right:0;	
	z-index:90;
	padding-top: 20px;
	padding-bottom: 20px;
	z-index:999;
	// set animation 
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

 header.sticky, 
 header.inner {
    background-color: #000000 !important;
    /*box-shadow: 0px 3px 10px 0 rgba(46, 61, 73, 0.5);*/
}

header.inner + #content-wrapper {
    padding-top: 120px;
}

#content-wrapper{
	/*padding-top:70px;*/
	min-height: calc(100vh - 280px);
}

.position-relative{
	position:relative;
}

.logo-container{
	position: absolute;
	left:0;

}

.logowrapper {
    display: inline-block;
    z-index:20;
    position: relative; 
     transition: all 0.4s ease;
     width:160px;   
}


.Navtools-container{
	position: absolute;
	right:0;
	top:50%;
	transform: translateY(-50%);
}

.Navtools{
	font-size:0;
	position: relative;
	z-index: 2;
	font-size: 0;
	display: inline-block;
	text-align:right;
}

.Navtools .icon{
	font-size:1.375rem;
}

.Navtools li {
    display: inline-block;
    text-align: center;
    position: relative;
    margin-right:15px;
}



.Navtools a{	
	color:#ffffff;
	display: block;
	padding: 5px;	
}
.nav-label{
	font-size:0.688rem;
}

.username {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 150px;
    position: absolute;
    top:50px;
    right:40px;
    text-align: right;
    padding-top: 5px;
    padding-bottom: 5px;
}

.Navtools li.toolItem_exit{
	position:absolute;
	right:0;
	top:50px;
}

.toolItem-mobile{
	display: none !important;
}

.badge {
    position: absolute;
    top: -9px;
    right:-5px;
    background-color:#cb0100;
    width: 18px;
    height: 18px;
    color: #ffffff;
    border-radius: 50%;
    text-align: center;
    font-size: 10px;
    line-height: 18px;
   }

.tool-btn  {
	border:solid 1px #ffffff;
	min-width:100px;
	padding-top:10px;
	padding-bottom:10px;
	display:block;	
	font-size:0.750rem;
	font-weight:600;
} 
   
#home-slider .slick-dots,
#page-slider .slick-dots{
	position: absolute;
	bottom:20px;
	margin-top: 0;	
	max-width:200px;
	left:50%;
	transform: translateX(-50%);
}

.slide-container{
	position: absolute;
	left:0;
	right:0;
	top:150px;
	text-align:right;	
}

.slide-container .title{
	width:35vw;
	margin: 0 0 0 auto;
}

.slide-container .title span{
	padding-right:10vw;
}
.title{
	color:#ffffff;
	font-size:3vw;
	line-height:3vw;
	font-family:'Conv_Futura Light font',Sans-Serif;
}

.under-line span{
	position: relative;
	display: block;
	z-index:90;	
	box-sizing: border-box;
	
}
.under-line span:after{
	content: "";
	position: absolute;
	height:1.8vw;	
	left:0;
	right:0;	
	bottom:0;
	z-index: -1;
}

.imgLiquidFill{
	height:100%;
}
.slide{
	height:100vh;
}


.slide-item-content{
	position: absolute;
	top:50%;
	transform:translateY(-50%);
	left:0;
	right:0;
	text-align:center;
	
}

.slide-item-title{
	padding-right:6vw;
	padding-left:6vw;
	box-sizing: border-box;
}

.slide-item-picture img{
	height:16vw;
	margin: 0 auto;
}

.slide-item-content .f-size{
	font-size:1vw;
	font-weight:500;
}

.slide-item-btn{
	background-color:#262626;
	font-size:0.8vw;
	text-transform:uppercase;
	font-weight:600;
	color:#ffffff;
	padding:10px;
	box-sizing: border-box;	
	display: inline-block;
	margin-top: 5px;
}

.section{
	padding-top: 40px;
	padding-bottom: 40px;
}

#slider .slide {
	position: relative;
}

#slider .slide .slide-item-container {
  height:28vw;
	width:28vw;
	border-radius:50%;
	background-color:#ffffff;
	bottom:-2vw;
	right:-6vw;
	position: absolute;
	z-index: 999999;
	
	
}

@-webkit-keyframes fadeInUpSD {
  0% {
    opacity: 0;
    -webkit-transform: translateX(200px);
    transform: translateX(200px);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInUpSD {
  0% {
    opacity: 0;
    -webkit-transform: translateX(200px);
    transform: translateX(200px);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInUpSD {
  -webkit-animation-name: fadeInUpSD;
  animation-name: fadeInUpSD;
}

.slick-active .slide-content {
  animation-name: fadeInUpSD;
  animation-duration: 1s;
  opacity: 1;
  width: 100%; 
  z-index: 10;
}

.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;
}

.product-coursel .slick-prev::before, 
.product-coursel .slick-next::before,
#similor-items .slick-prev::before,
#similor-items .slick-next::before {
	color:#000000;
}


#thumb-coursel .slick-slide {
    margin-left: 15px;
    margin-right: 15px;
}
.thumb{
	position: relative;
}

.thumb-image img{
	width:100%;
}

.thumb-image.imgLiquidFill{
	height:40vw;
}


.thumb-caption{
position: absolute;
bottom:20px;
left:4vw;
right:4vw;
box-sizing: border-box;
z-index: 2;
text-align:center;

}

.section-header{
	margin-bottom: 40px;
}

.section-header.border-bottom{
	border-bottom: solid 1px #e0e0e0;
	padding-bottom: 20px;
}


#tabs{
	text-align:center;
}

ul#tabs li {
	display: inline-block;
	font-size:1.250em;
	color:#b2b2b2;
	font-weight:500;
	padding:5px 10px;
	cursor: pointer;
}


ul#tabs li.active {
	color:#636f03;
	font-weight:700;
}

ul#tabs li.active a{
		color:#636f03;
	font-weight:700;
}

/*ul#tab {
 	height:600px;
   }
   */
 ul#tab >li{
 	position:relative;
 }  
   
ul#tab >li .tab-wrap {  
  background-color: transparent;
  position: absolute;
  width: 100%;
  z-index: -1;
  opacity: 0;
  left: 0;
  -webkit-transform: translateY(-3px);
  -ms-transform: translateY(-3px);
  transform: translateY(-3px);
  border-radius: 6px;
}
	
ul#tab li.active .tab-wrap {
	opacity: 1;
-webkit-transition: 0.5s opacity ease-in, 0.8s -webkit-transform ease;
transition: 0.5s opacity ease-in, 0.8s transform ease;
position:relative;
top: 0;
z-index: 100;
-webkit-transform: translateY(0px);
-ms-transform: translateY(0px);
transform: translateY(0px);
text-shadow: 0 0 0
 }

.product-item {
    padding: 16px;
    width:33.33%;
    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;  
}

.item-picture {  
    margin-bottom:20px;
    text-align:center
}

.item-container .item-title {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.item-title {
    font-size: 0.938em;
    color: #262626;
    font-weight:500;
    text-transform: uppercase;
    margin-bottom: 10px;
}

.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;	
}
.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;
}

.row-pad-large{
	margin-left:-30px;
	margin-right:-30px;
}

.row-pad-large>[class*=" col-"],
.row-pad-large>[class^=col-] {
 padding-left:30px;
 padding-right:30px;
}

.thumb-contentwrap{
	padding: 20px;	
	box-sizing: border-box;
}

.thumb-container-wrap, 
.thumb-container-wrap .row{
	height:100%;
}

.block-header{
	margin-bottom: 30px;
}
.p-0{
	padding-left: 0;
	padding-right: 0;
}

.m-0{
	margin-left: 0;
	margin-right: 0;
}

#slider2 .slide{
	height:30vw;
}

/*.symbole{
	max-width:100px;
}*/
/*detail*/
.slider-for .gallery-image{
	
	box-sizing: border-box;
	position: relative;
}
.slider-for .gallery-image:after{
	content: "";
	position: absolute;
	top:1px;
	left:1px;
	right:1px;
	bottom:1px;
	border:solid 1px #b2b2b2;
	
}

.slider-for .gallery-image img{
	max-height:500px;
	box-sizing: border-box;
	margin: 0 auto;
}

.slider-nav{
	margin-top:20px;
}
.slider-nav.coursel .slick-next{
	right:-20px;
}
.slider-nav.coursel .slick-prev{
	left:-20px;
}
h1.item-title {  
    font-size:1.5em;   
    margin-bottom:20px;  
    box-sizing: border-box;
    color:#636f03;
}
.item-modelcontainer{
	position: relative;
}

.item-modelcontainer .item-price{
	margin-top: 25px;
}
.item-modelcontainer .price{
	font-size:2em;
	font-weight:600;
	color:#262626;
}

.inline-menu {
    display: flex;
    flex-wrap: wrap;
}

.item-select {
    margin-top: 30px;
    position: relative;
    z-index: 10;
}

.item-select .option-title{
    font-size: 0.750em;
    margin-bottom: 10px;
    font-weight: 500;
    color:#b2b2b2;
}

.item-select .inline-menu li a{
	padding:10px;
	font-weight:500;
	color:#b2b2b2;
	font-size:1em;
}

.item-select .inline-menu li.active a{
	color:#636f03;
	font-weight:700;
}

.item-select .inline-menu li a:first-child{
	padding-left: 0;
}

.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;
}

.quantita{
	display: flex;
}

.quantita input{
	text-align:center;
	border: none;
	width:45px;
	height:32px;
	border:solid 1px #E0E0E0;
	border-radius: 0;
}

.quantita a{
	height:32px;
	width:32px;
	background-color: #636f03;
	color:#ffffff;
	text-align:center;
	display: flex;
flex-direction: row;
align-items: center;
-ms-flex-pack: center;
  -webkit-box-pack: center;
  justify-content: center;
  text-align: center;
  font-size:0.750em;
}

.itemmodel-action{
	margin-top:40px;
}

.itemmodel-wishlist{
	position: absolute;
	top:0;
	left:-10%;
}
.itemmodel-wishlist .icon{
	font-size:1.563em;
	color:#636f03;
}
.item-detailcontainer{
	margin-top:30px;
}

.item-detailcontainer h4 {
    font-size:1.250em; 
   
}
/*detail*/


/*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-action,
.popup-content{
	margin-top:30px;
}
.btn-group {
	margin: -5px;
}
.btn-col{
	padding: 5px;
	box-sizing: border-box;
}
/*popup*/


/*cart*/

.tabel-cart {
    padding:0;
    border: solid 1px #b2b2b2;
    overflow: hidden;
}

.cart-row{
	border-bottom:solid 1px #b2b2b2;
	overflow: hidden;
	/*padding-bottom:10px;
	padding-top:10px;*/
}

.cart-row:first-child{
	padding-top: 0 !important;
}

.cart-row:last-child{
	border-bottom:none !important;	
}

.cart-row .row{
	margin-left:-5px;
	margin-right:-5px;
	height:100%;
}

.cart-row .row >[class*=" col-"],
.cart-row .row >[class^=col-] {
padding:20px 5px;
position:relative;
}

.cart-row .row >[class*=" col-"]:after,
.cart-row .row >[class^=col-]:after{
	content:"";
	position:absolute;
	right:0;
	width: 1px;
	top:-20px;
	bottom:-20px;
	background-color: #b2b2b2;
	
}

.cart-item-price-all .item-price{
	padding-right: 20px;
}

#cart-total{
	max-width:400px;
	margin: 40px 8.33% 0 auto;
}

.cart-item-image{
	max-width:150px;
	margin-right: 20px;
}

.cart-item-option{
	margin-top: 20px;
}

.select-option{
	font-size:0.875em;
	font-weight:500;
	margin-bottom: 10px;
}
.select-option span.title{
	vertical-align: top;
	width:80px;
	display: inline-block;	
}

.cart-item-price-all .price{
	font-weight:600;
}

.cart-item-action a{
	padding:10px;
}

.box-container{
	padding:0;
	box-sizing: border-box;
}


.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;
}

/*cart*/

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 #e0e0e0; 
   border-radius: 10px; 
}
   

.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.750em;
  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  #e0e0e0;
    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:#b7b7b7;
  -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;
}

.w-auto {
    width:auto !important;
    max-width:100% !important;
}

.btn-txt { 
    display: block;   
    padding-top: 5px;
    padding-bottom: 5px;
    /*text-align:left;*/
}

.title-02{		
	font-family: 'Conv_Futura Light font',Sans-Serif;
}

.space-top{
	margin-top: 40px;
}


/* Search Style */ 
#search {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.7);
    -webkit-transition: all 0.5s ease-in-out;
       -moz-transition: all 0.5s ease-in-out;
        -ms-transition: all 0.5s ease-in-out;
	       -o-transition: all 0.5s ease-in-out;
            transition: all 0.5s ease-in-out;
    -webkit-transform: translate(0px, -100%) scale(0, 0);
	     -moz-transform: translate(0px, -100%) scale(0, 0);
	      -ms-transform: translate(0px, -100%) scale(0, 0);
         -o-transform: translate(0px, -100%) scale(0, 0);
		transform: translate(0px, -100%) scale(0, 0);    
    opacity: 0;
    display: none;
}

#search.open {
    -webkit-transform: translate(0px, 0px) scale(1, 1);
       -moz-transform: translate(0px, 0px) scale(1, 1);
	  -ms-transform: translate(0px, 0px) scale(1, 1);
	   -o-transform: translate(0px, 0px) scale(1, 1);
	       transform: translate(0px, 0px) scale(1, 1); 
    opacity: 1;
    z-index:99999999;
    display: block;
   
}

#search input[type="search"] {
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -51px;
    width: 60%;
    margin-left: 20%;
    color: rgb(255, 255, 255);
  	background: transparent;  
  	border:none;	
  	border-bottom: 2px solid #ffffff;  	
    font-size:30px;  	
    text-align: center;
    outline: none;
  	padding:10px;
  	border-radius:0;
}
  
#search .close {
    position: fixed;
    top: 15px;
    right: 15px;
	  opacity: 1;
	  font-size: 27px;
  	color: #fff;
  	z-index:999999999;
}

#search .close:hover{
  color: #FC2121;
  cursor: pointer;
}


.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;
}

.reverse-block .row:nth-child(even) {
	-ms-flex-direction: row-reverse;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  flex-direction: row-reverse;
  }


.block-inner{
	margin-bottom:40px;
}

.block-inner:last-child{
	margin-bottom:0;
}

.block-title{
	margin-bottom: 30px;
	position: relative;
}

.block-title.border-bottom{
	margin-bottom:60px;
	position: relative;
}

.block-title.border-bottom:after{
	position: absolute;
	content:"";
	left:0;
	right:0;
	background-color:#636f03;
	height: 4px;
	max-width:100px;
	bottom:-30px;	
}

.top-slide{
	height:70vh;
}


#page-slider .slide{
	height:80vh;
}

.category-tabs{
	margin-left: -15px;
	margin-right: -15px;
	margin-bottom: 20px;
}

.category-tabs li{
	padding-left: 15px;
	padding-right: 15px;
}

.category-tabs a{
	padding:10px 0px;
	display: block;
	color:#b2b2b2 ;
	font-size:1.250em;	
	 -webkit-transition: all .25s ease;
    -ms-transition: all .25s ease;
    transition: all .25s ease;
    font-weight:500;
    position:relative;
}

.category-tabs li.active a,
.category-tabs a:hover{	
	color:#636f03 ;
}

.category-tabs a:after{
	content:"";
	position: absolute;
	left:0px;
	right:0px;
	height:3px;
	background-color:#636f03;
	bottom:0;
	opacity: 0;
	
}

.category-tabs a:hover:after,
.category-tabs li.active a:after{
	opacity: 1;
}

.side-container{
	position:relative;	
  	width:220px;  
  	z-index: 20;
}
.main-container{
	flex: 1 1 0%;
	padding-left:25px;
	max-width: 100%;
}

.filter-title{
	color:#000000;
	text-transform:uppercase;
	position: relative;
	font-size:0.938em;
	font-weight:600;
	padding-bottom: 10px;
	margin-bottom: 10px;
}

.filter-voice li{
	margin-bottom:10px;
}

.filter-voice .check label{
	font-weight:500;
	color:#262626;
}

.filter-voice .check label:after {
	background-color: #636f03;
}

.filter-item{
	padding-bottom:20px;
	padding-top:20px;
	border-bottom:solid 1px #b2b2b2;
} 

.filter-item:first-child{
	padding-top: 0;
}

.filter-item:last-child{
	padding-bottom:20px;
	border:none;
}


.head-container{
	width: 100%;	
	margin-bottom:20px; 
	position: relative;
	z-index:25;	
}
.head-container .selectCF{
	width:200px;
	margin: 0 0 0 auto;
	border:none;
	background-color: #262626;
}

.head-container .selectCF .titleCF{
	background-color: #262626 !important;
	color:#ffffff !important;
}

.show-mobile{
	display: none;
}

.center-box {
    max-width:600px;
    margin: 0 auto;
}

.box-title{
	margin-bottom: 40px;
}

/*cart-oridine*/


.select-option span.option-title{
	vertical-align: top;
width: 80px;
display: inline-block;
}

#cart-total.align-left{
	margin-right:0px;
	margin-top:0;
	border-top:solid 1px #b2b2b2;
	max-width:100%;
	padding-top: 20px;
	padding-bottom: 20px;
}

#cart-oridine .cart-item-image {
    max-width:80px;
    margin-right: 5px;
}

#cart-oridine .cart-item-price-all .item-price{
	padding-right:0;
}

#cart-oridine .price{
	font-size:1em;
}

#cart-oridine .cart-row .row > [class*=" col-"]:after, 
#cart-oridine .cart-row .row > [class^="col-"]:after {
	content:none;	
}

#cart-oridine .cart-row .row > [class*=" col-"], 
#cart-oridine .cart-row .row > [class^="col-"]{
	padding: 5px;
}

#cart-oridine .cart-row{
	padding-top: 10px;
	padding-bottom: 10px;
}

.middle-border:after{
	position: absolute;
	top:0;
	bottom:0;
	left:50%;
	transform: translateX(-50%);
	content: "";
	width:1px;
	background-color:#b2b2b2;
	margin-left: 4.16%;
}

/*cart-oridine*/

/*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{
	background-color:#636f03;
	color:#ffffff;
}

.block-preview{
	margin-bottom: 30px;
	position: relative;
}

.block-preview-title{
	font-size:1em;
	text-transform:uppercase;
	color:#636f03;
	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*/


.contact-block{
    font-size:1.250rem;
    line-height:1.5rem;
    color:#636f03;
    font-weight:500;
    padding-left: 10px;
    padding-right: 10px;
}
.contact-block a{
	color:#636f03;
}

.contact-block .icon {
    max-width:50px;
}

iframe{
	width:100%;
}

.button-dropdown{
	position: relative;
}

.dropdown-menu {
    display: none;
    position: absolute;
    left: 0;
    padding: 0;
    margin: 0;  
    z-index: 30;
    background-color:#e2e2e2;
    width:100%;
  
}

.dropdown-toggle:after{
	position:absolute;
	right:20px;
	top:50%;
	transform:translateY(-50%);
	font-family: 'icomoon' !important;
	content:"\e90a";
	font-size:0.625rem;
	color:#c9c9c9;
}

.dropdown-toggle.active:after{
	content:"\e90b";
}

.nav li .dropdown-menu.active {
    display: block;
}

.accoridon-row{
	padding-bottom:20px;
	padding-top:20px;
	border-bottom: solid 1px #afafaf;
}

.accordion .accordion-body {
	display: none;
	margin-top: 20px;
}

.accordion .accordion-head {
	position: relative;
	cursor: pointer;
	padding-top: 5px;
	padding-bottom: 5px;
}

.arrow{
	position: absolute;
	top:5px;
	right:0;
}

.arrow:after {
    color: #000000;
    float: right;
    font-size:20px;
    content: "\e90a";
	 font-family: 'icomoon' !important;
	 font-size:12px;
}

.accordion-head.open{
	border:none;
}

.accordion-head.open .arrow:after{
	content: "\e90b";
}


.footer-tile .tile:after{
	background-color:#ffffff;
	content:"";
	position: absolute;
	left:0;	
	bottom:0;
	top:0;
	z-index: -1;
	width:50%;
}
.footer-tile .tile:nth-child(2):after{
	background-color:#636f03;
	content:"";
	position: absolute;
	right:0;
	bottom:0;
	top:0;
	z-index:-2;
	width:100%;
	background-image: url("../images/bg-footer.png");
	background-size:cover;
	background-position: center;
}

.footer-tile .tile{
	padding-top:40px;
	padding-bottom:40px;
}
.footer-tile .tile:nth-child(odd){
	padding-right:60px;
}
.footer-tile .tile:nth-child(even){
	padding-left:60px;
	padding-bottom: 0;
}

.fw-menu{	
	-webkit-column-count: 3;
	  -moz-column-count: 3;
	  column-count: 3;
	  margin-bottom: 30px;
}

.fw-menu li{	
 	box-sizing: border-box;
 	-webkit-column-break-inside: avoid;
  -moz-column-break-inside: avoid;
  -o-column-break-inside: avoid;
  -ms-column-break-inside: avoid;
  column-break-inside: avoid;
}

.fw-menu li:nth-child(2){
	display: none;
}

.fw-menu li a{
	padding-top:4px;
	padding-bottom:4px;
	display: block;
	font-size:0.913em;
	color:#3b3b3b;	
	font-weight:500;
	text-transform:uppercase;
}


#newsletter input{
	background-color: #ffffff;
	border:none;
}

#newsletter .check label,
#newsletter .check label a,
#newsletter label.error{
	color:#ffffff;
}

/*#newsletter label.error{
	bottom:-20px;
}*/

.contct-item{
	font-size:0.913em;
	color:#262626;
	margin-bottom: 10px;
	font-weight:500;
	line-height: 1.5em;
}

.contct-item a{
	color:#262626;
}

.fw-contact-block{
	margin-bottom: 30px;
}

.fw-social{	
	font-size:0;
	text-align:center;
}
.fw-social li{
	display: inline-block;
}
.fw-social li a{
	color:#262626;
	padding:10px;
	display: block;
	font-size:1.5rem;
	width:auto !important;
}
.Rtable {
    display: flex;
    flex-wrap: wrap;
}

.Rtable span{
	padding:5px;
}

.footer-bottom-continer{		
	font-size:0.913em;
	color:#262626;	
}

.footer-bottom-continer a{
	color:#262626;	
	padding: 5px; 
}

.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;
}

#testo{
	margin-bottom: 20px;
}

.align-right{
	text-align:right;
	
}

.align-right span{
	padding-right:4vw;
	box-sizing: border-box;
	
}

input[type=button]{
	cursor: pointer;
}

.submitDisabled{
	background-color: grey !important;
    cursor: default !important;
}

.christmas-bg{
	position:fixed;
	bottom:0;
	left:0;
	z-index: 9999;
}

 #snowflakeContainer {
    position: absolute;
    left: 0px;
    top: 0px;
    display: none;
  }

  .snowflake {
    position: fixed;
    background-color: #fff;
    user-select: none;
    z-index: 1000;
    pointer-events: none;
    border-radius: 50%;
    width: 10px;
    height: 10px;
  }

