/*    HEAD MENU   */

.head_menu_container{
	opacity:.85; width:90%; margin: 0 auto;
	display: flex; justify-content: center; align-items: center;
	padding-top: 30px;
	animation:fade_in .5s linear .15s; animation-fill-mode: forwards;
}
.head_menu{
	opacity: 0; transform: translateY(-20px);
	position: relative;display: flex; justify-content: flex-end;
	width:100%; color:white;
	animation: menu_in .7s ease-out .45s; animation-fill-mode: forwards;
}
@keyframes menu_in{
	100% {opacity:1; transform: translateY(0px);}
}
.head_menu_active{opacity:.5; cursor: default}

.head_menu a, .head_menu > div{ margin-right: 40px;}

.head_menu a:last-child, .head_menu div:last-child{
	margin-right: 0;
}

.head_menu_container > a{
	display: flex; height: 23px; padding: 10px 32px; 
	color:#fff; border: 1px solid #fff; margin-left: 40px;
}

@media(max-width: 980px){

}
@media(max-width: 540px){
	.head_menu_container{
		flex-direction: column;
		padding: 4.4vw 0 0 0;
	}
	.head_menu{justify-content: center; text-shadow: .5px .5px 1px rgba(0,0,0,.5);}
	.head_menu a, .head_menu > div{margin-right: 4.2vw; }
	
	.head_menu_active{text-shadow: none;}
	

	.head_menu_container > a{
		height: 5.4vw; padding: 2.8vw 9vw; margin-top: 6vw;
		color:#fff; border: 1px solid #fff;  margin-left:0;
	}
}


/*   NEW   */

.strains_main{
	display: flex; align-items: center; flex-flow: column wrap;
	width: 100%; padding: 30px 0; background-color: var(--c-colorbox-lite)
}
.strain_anim{
	opacity: 0; transform: translateY(40px);
	animation: .5s strain; animation-fill-mode: forwards;
}
.strain_hide{
	display: none!important;
}
@keyframes strain{
	100%{opacity: 1; transform: translateY(0);}
}
.strains_menu{
	color: #414141; padding: 15px 0 58px 0; align-items: center;
}
.strains_link{
	color:var(--c-black); font-weight: 400; cursor: pointer;
}
.menu_act{
	background-color: var(--c-black); border-radius: 5px; padding: 2px 6px; color:#fff;
}
.strains_conte{
	display: flex; flex-flow: row wrap; max-width:  90%;  justify-content: space-between; padding-bottom: 40px;
}
.strain_module{
	display: flex; justify-content: space-between; padding: 18px; width: calc(33% - 10px);
}
.strain_data{
	display: flex; flex-flow: column wrap; width: calc(100% - 172px);
}
.strain_img_cont{
	display: flex; width:150px; height: 150px; border: 5px solid white; border-radius: 16px;
	background-size: 101%; background-position: center center;
}
.strains_tit{
	display: flex; align-items: center;
	font-weight: 500; font-size: 22px; line-height: 30px;
	margin: 9px 0 10px 0; color: #282832;
}
.strains_text{
	font-size: 15px; line-height: 24px;
}
.strains_type{
	display: flex; justify-content: center; align-items: center; height: 18px; padding: 0 6px 1px 6px;
	font-size: 11px; line-height: 11px; margin-left: 10px; font-weight: 500;
	background-color: #f78400; /*color:#382400;*/ color:#fff; border-radius: 30px; text-align: center;
}
.indica{
	background-color: #63a61c; /*color: #30451b;*/
}
.sativa{
	background-color: #ff2851;/* color: #ffdbdf;*/
}
@media(max-width: 1600px){
	.strain_module{width: calc(50% - 10px);}
}

@media(max-width: 980px){
	.strains_conte{
		flex-flow: column wrap;
	}
	.strain_module{
		padding: 20px; width: calc(100% - 40px);
	}
}
@media(max-width: 540px){
	.strains_main{
		padding: 0 0 9vw 0; background-color: #eee;
	}
	.strains_menu_cont{
		background-color: #eee;
	}
	.strains_menu{
		padding: 12.5vw 0 6vw 0;  color: black; text-shadow: none;
	}
	.strains_link{
		margin-right: 6vw;
	}
	.strains_conte{
		padding-bottom: 5vw;
	}
	.strain_module{
		flex-flow: column wrap; align-items: center;
		padding: 9vw 2vw; width: 100%; 
	}
	.strain_module:nth-child(even){
		/*background-color: #fff;*/
	}
	.strain_data{
		width: 92%; text-align: center;
	}
	.strain_img_cont{
		width:55vw; height: 55vw; border: 1vw solid white; border-radius: 2vw;
	}
	.strains_tit{
		justify-content: center;
		font-size: 5.2vw; line-height: 7.1vw; margin: 6.5vw 0 4.5vw 0;
	}
	.strains_text{
		font-size: 4vw; line-height: 6.7vw; text-align: justify;
	}
	.strains_type{
		letter-spacing: .5px; padding: .2vw 1.8vw; margin-left: 3vw;
	}
	.head_menu_last{
		margin: 0;
	}
}