﻿body
{
	background:url(./img/main_bg.jpg) top center fixed no-repeat;
	background-size:cover;
}
/*-- -------------------------------------------------------------------------------------------------------------------------------------------------------------------------- --*/
.desktop_logo_full, .desktop_logo_small
{
	position:relative;
	display:block;
	cursor:pointer;
	background:rgba(255,255,255,.5);
}
.desktop_logo_full
{
	width:16vw;
}
.desktop_logo_small
{
	width:10vw;
	transition:width .5s .1s ease-in-out;
}
.desktop_logo_hide
{
	display:none;
}

.mobile_logo_show
{
	position:relative;
	display:block;
	margin:auto;
	width:30vh;
}
.mobile_logo_hide
{
	display:none;
}
/*-- -------------------------------------------------------------------------------------------------------------------------------------------------------------------------- --*/
.controls_relative_div
{
	position:relative;
	overflow:hidden;
    background:linear-gradient(to bottom, #b36b00, #cb7d09, #825410);
	z-index:1;
}
.controls_fixed_div
{
	position:fixed;
	left:0;
	top:0;
	width:100%;
	overflow:hidden;
    background:linear-gradient(to bottom, #b36b00, #cb7d09, #825410);
	box-shadow:0vw .4vw 2vw #444;
	z-index:1;

	transform:translateY(-100%);
	animation:kfm_controls_fixed_div ease-in-out 0.8s forwards;
}
@keyframes kfm_controls_fixed_div
{
	100%
	{
		transform:translateY(0);
	}
}
/*--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
.m_m_item, .m_m_selected
{
	position:relative;
	display:inline-block;
	margin:0 1vw;
	cursor:pointer;
	text-align:center;
	letter-spacing:.5vw;
	text-transform:uppercase;

	white-space:nowrap;
	font-family:inherit;
	font-size:70%;
	color:#FFF;

	transition:background 1s cubic-bezier(.5,2,.5,1);

	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.m_m_item  > div, .m_m_selected > div
{
	//border:1px solid red;
	position:relative;
	padding:.5vw .6vw .5vw 1vw;
	height:100%;
	text-align:center;
}

.m_m_selected
{
	background:rgba(255,255,255,.4);
}
/*-- -------------------------------------------------------------------------------------------------------------------------------------------------------------------------- --*/
.b_m_div
{
	border:0px solid gold;
	position:relative;
	text-align:center;
	font-size:80%;
}
.b_m_div > div
{
	display:inline-block;
	color:#342323;
	padding:0 .5em;
	cursor:pointer;
}
.b_m_div > div:nth-child(1), .b_m_div > div:nth-child(2), .b_m_div > div:nth-child(3), .b_m_div > div:nth-child(4)
{
	border-right:.1em solid #342323;
}
/*-- -------------------------------------------------------------------------------------------------------------------------------------------------------------------------- --*/
#main_div
{
	border:0px solid gold;
	position:relative;
	font-size:70%;
}
#foot_div
{
	position:relative;
	display:flex;
	align-items:center;
	padding:1%;
	text-align:center;
	letter-spacing:.2vw;
	font-size:45%;
	background:rgba(255,255,255,.9);
}
#foot_div[mobile=true]
{
	flex-direction:column-reverse;
	letter-spacing:0;
	font-size:180%;
}
#foot_div > div:nth-of-type(1)
{
	flex-basis:90%;
}
/*-- -------------------------------------------------------------------------------------------------------------------------------------------------------------------------- --*/
.social_div
{
	border:0px solid red;
	position:relative;
	text-align:center;

	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
.social_div > div
{
	border-bottom:3px solid #342323;
	position:relative;
	display:inline-block;
	padding:0 3%;
}
.social_div > div > a
{
	position:relative;
	box-sizing:border-box;
	display:inline-block;
	margin:0 .5em;
	cursor:pointer;
	text-decoration:none;
	font-family:E_Awesome;
	font-size:150%;
	color:#342323;

	transition:transform .2s cubic-bezier(.5,2.97,.53,1.32);
}
.social_div > div > a:hover
{
	transform:scale(.93, .93);
}
/*-- -------------------------------------------------------------------------------------------------------------------------------------------------------------------------- --*/
.back_slide_div
{
	position:relative;
	//float:left;
	height:100%;
	width:100%;
	//min-height:365px;
	min-height:30vw;
	background-attachment:fixed;
	background-color:#000;
	background-position:center center;
	background-repeat:no-repeat;
	background-size:cover;
}
.backs_s01_01
{
	background-image:url(./img/session/01/01.jpg);
}
.backs_s01_02
{
	background-image:url(./img/session/01/02.jpg);
}
/*-- -------------------------------------------------------------------------------------------------------------------------------------------------------------------------- --*/
.session_picture
{
	border:0px solid red;
	position:relative;
	display:inline-block;
	margin:auto;
	cursor:pointer;
	background-position:center center;
	background-repeat:no-repeat;
	background-size:cover;

	transition:transform .2s cubic-bezier(.5,2.97,.53,1.32);
}
.session_picture:hover
{
	transform:scale(.98, .98);
}
/*-- -------------------------------------------------------------------------------------------------------------------------------------------------------------------------- --*/
.desktop_width_div, .mobile_width_div
{
	border:0px solid red;
	position:relative;
	background:rgba(255,255,255,.6);
}
.desktop_width_div
{
	margin:0 10%;
}
.mobile_width_div
{
	margin:0 0;
}
/*-- -------------------------------------------------------------------------------------------------------------------------------------------------------------------------- --*/
.slide_left_to_right
{
	transform:translateX(-100%);
	transition:transform 1s ease-in-out;
	//animation:kfm_slide_left_to_right cubic-bezier(.3,2.5,.2,.5) 1s .5s forwards;
	animation:kfm_slide_left_to_right ease-in-out .5s .5s forwards;
}
@keyframes kfm_slide_left_to_right
{
	100%
	{
		transform:translateX(0%);
	}
}
/*-- -------------------------------------------------------------------------------------------------------------------------------------------------------------------------- --*/
.text_uncheck, .text_check
{
	padding:1em 0;
	cursor:pointer;

	-webkit-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	-o-user-select:none;
	user-select:none;
}
.text_uncheck:before, .text_check:before
{
	vertical-align:bottom;
	font-family:E_Awesome;
	font-size:180%;
}
.text_uncheck:before
{
	content:'\f10c';
}
.text_check:before
{
	content:'\f13a';
}

.chk_unchecked, .chk_checked
{
	border:0px solid cyan;
	text-align:left;

	cursor:pointer;
	-webkit-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none;
}
.chk_unchecked:before
{
	content:'\f0c8';

	margin:.2em;
	line-height:140%;
	font-family:E_Awesome;
	font-size:inherit;
	color:#ABB;
}
.chk_checked:before
{
	content:'\f14a';

	margin:.2em;
	line-height:140%;
	font-family:E_Awesome;
	font-size:inherit;
	color:#0A0;
}
/*-- -------------------------------------------------------------------------------------------------------------------------------------------------------------------------- --*/
.justify
{
	text-align:justify;
	text-justify:distribute;
}
.justify:after
{
	content: "";
	display:inline-block;
	width:100%;
}
/*-- -------------------------------------------------------------------------------------------------------------------------------------------------------------------------- --*/
.blank_link
{
	cursor:pointer;
	text-decoration:none;
	color:inherit;
}
.color_link
{
	font-weight:bold;
	text-decoration:underline;
	color:#03376b;
}
/*--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/