@charset "utf-8";
/*-----------------------------MINE-------------------------*/
img, object, embed, video {
	max-width: 100%;
}
/* IE 6 does not support max-width so default to width 100% */
.ie6 img {
	width:100%;
}

/* FONTS----------------CENTURY GOTHIC------------------------START---------------*/

/*Regular*/
@font-face {
    font-family: 'CenturyGothicRegular';
    src:    local('CenturyGothicRegular');
	
	src:    url('../fonts/gothic.eot')format('eot'),
			url('../fonts/gothic.ttf') format('truetype'),
			url('../fonts/gothic.svg') format('svg'),
			url('../fonts/gothic.woff') format('woff');
	
	font-style: normal;	
	font-weight:normal;
}

/*Bold*/
@font-face {
    font-family: 'CenturyGothicBold';
    src:    local('CenturyGothicBold');
	
	src:	url('../fonts/gothicb.eot')format('eot'),
			url('../fonts/gothicb.ttf') format('truetype'),
			url('../fonts/gothicb.svg') format('svg'),
			url('../fonts/gothicb.woff') format('woff');
	
	font-style: bold;
	font-weight:bold;
}

/*Bold Italic*/
@font-face {
    font-family: 'CenturyGothicBoldItalic';
    src:    local('CenturyGothicBoldItalic');
	
	src:    url('../fonts/gothicbi.eot')format('eot'),
			url('../fonts/gothicbi.ttf') format('truetype'),
			url('../fonts/gothicbi.svg') format('svg'),
			url('../fonts/gothicbi.woff') format('woff');
	
	font-style: italic;	
	font-weight:bold;
}

/*Italic*/
@font-face {
    font-family: 'CenturyGothicItalic';
    src:    local('CenturyGothicItalic');
	
	src:    url('../fonts/gothici.eot')format('eot'),
			url('../fonts/gothici.ttf') format('truetype'),
			url('../fonts/gothici.svg') format('svg'),
			url('../fonts/gothici.woff') format('woff');
			
	font-weight: normal;
  	font-style: italic;
}
/* FONTS--------------CENTURY GOTHIC---------------------------------------------END-------------*/
/* FONTS----------------TRAJAN PRO-------------------------------------------START---------------*/

/*Regular*/
@font-face {
    font-family: 'trajan_proregular';
    src: 	local('trajan pro');
	
	src:	url('../fonts/trajanpro-regular-webfont.eot?#iefix')format('eot'),
			url('../fonts/trajanpro-regular-webfont.ttf') format('truetype'),
			url('../fonts/trajanpro-regular-webfont.svg#trajan_proregular') format('svg'),
			url('../fonts/trajanpro-regular-webfont.woff') format('woff');
			
	font-weight:normal;
}

/*Bold*/
@font-face {
    font-family: 'trajan_probold';
    src: 	local('trajan pro');
	
	src: 	url('../fonts/trajanpro-bold-webfont.eot?#iefix')format('eot'),
			url('../fonts/trajanpro-bold-webfont.ttf') format('truetype'),
			url('../fonts/trajanpro-bold-webfont.svg#trajan_probold') format('svg'),
			url('../fonts/trajanpro-bold-webfont.woff') format('woff');
			
	font-weight:bold;
}

/* FONTS--------------TRAJAN PRO---------------------------------------------------END----------*/
/* FONTS----------------FORSAKEN -----------------------------------------START---------------*/

/*Regular*/

@font-face {
  font-family: 'Forsaken';
  src: local('Forsaken Regular');

  src: 	url('../fonts/Forsaken-regular-webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ 
	   	url('../fonts/Forsaken-regular-webfont.woff') format('woff'),  /* Pretty Modern Browsers */
		url('../fonts/Forsaken-regular-webfont.ttf')  format('truetype'),  /* Safari, Android, iOS */
		url('../fonts/Forsaken-regular-webfont.svg#Forsaken') format('svg'); /* Legacy iOS */
  font-weight: normal;
  font-style: normal;
}
/* FONTS----------------FONTAWESOME -----------------------------------------START---------------*/

/*Regular*/

@font-face {
  font-family: 'FontAwesome_Regular';
  src: local('Font Awesome 5 Free-Regular-400');

  src: 	url('../fonts/fontawesome/fa-regular-400.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ 
	   	url('../fonts/fontawesome/fa-regular-400.woff') format('woff'),  /* Pretty Modern Browsers */
		url('../fonts/fontawesome/fa-regular-400.woff2') format('woff2'),
		url('../fonts/fontawesome/fa-regular-400.ttf')  format('truetype'),  /* Safari, Android, iOS */
		url('../fonts/fontawesome/fa-regular-400.svg') format('svg'); /* Legacy iOS */
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'FontAwesome_Solid';
  src: local('Font Awesome 5 Free-Solid-900');

  src: 	url('../fonts/fontawesome/fa-solid-900.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ 
	   	url('../fonts/fontawesome/fa-solid-900.woff') format('woff'),  /* Pretty Modern Browsers */
		url('../fonts/fontawesome/fa-solid-900.woff2') format('woff2'),
		url('../fonts/fontawesome/fa-solid-900.ttf')  format('truetype'),  /* Safari, Android, iOS */
		url('../fonts/fontawesome/fa-solid-900.svg') format('svg'); /* Legacy iOS */
  font-weight: 900;
  font-style: normal;
}
@font-face {
  font-family: 'FontAwesome_Brands';
  src: local('Font Awesome 5 Brands-Regular-400');

  src: 	url('../fonts/fontawesome/fa-brands-400.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ 
	   	url('../fonts/fontawesome/fa-brands-400.woff') format('woff'),  /* Pretty Modern Browsers */
		url('../fonts/fontawesome/fa-brands-400.woff2') format('woff2'),
		url('../fonts/fontawesome/fa-brands-400.ttf')  format('truetype'),  /* Safari, Android, iOS */
		url('../fonts/fontawesome/fa-brands-400.svg') format('svg'); /* Legacy iOS */
  font-weight: normal;
  font-style: normal;
}

 
/*Bold*/

/* FONTS--------------FORSAKEN ----------------------------------------------END---------------*/

/* TABLET Landscape START---------------------------------------------------------START---------------*/

@media screen and (min-aspect-ratio: 13/9){
		
}

/* TABLET Landscape END------------------------------------------END---------------*//* CSS Document */




/* TABLET PORTRAIT START-------------------------------------------------------START---------------*/

@media screen and (max-aspect-ratio: 13/9){
}
	
	
/*---GENERAL DIVS-------------------------------------START------------------------------------------*/	
* {
	margin: 0;
}
html, body {
	height: 100%;
	z-index: 10000;
}
.preload * {
  	-webkit-transition: none !important;
  	-moz-transition: none !important;
  	-ms-transition: none !important;
  	-o-transition: none !important;
}
.flex_wrapper {
	display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
  	display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
  	display: -ms-flexbox;      /* TWEENER - IE 10 */
  	display: -webkit-flex;     /* NEW - Chrome */
  	display: flex;   		   /* NEW, Spec - Opera 12.1, Firefox 20+ */	
	-webkit-box-direction: column;
  	-moz-box-direction: column;
   	-webkit-flex-direction: column;
  	-ms-flex-direction: column;
   	flex-direction: column;
	height: 100vh;
	overflow: hidden;
	margin: 0 auto;
	top: 0;
    left: 0;         
 }   
.sections_container {
	width:auto;
	height:100%;
	opacity:1;
	overflow:hidden;	
	overflow-y: scroll;	
	top: 0;
	z-index:10;
}
.page_wipe {
	z-index:101;
	position:fixed;
	width:0;
	height:100%;
	opacity:1;
	top: 0;
	left:0;
	background-color:#000000;
	
	transition: width 0.2s;
  	-webkit-transition: width 0.2s;
  	-moz-transition: width 0.2s;
 	-o-transition: width 0.2s;
  	-webkit-animation-timing-function: ease-in;
 	 animation-timing-function: ease-in;
}
.page_no_click {
    z-index: 101;
    display: none;
    position: fixed;
    width: 100%;
    height: 100%;
    opacity: 1;
    background-color: rgba(255,0,0,0);
}

/*---GENERAL DIVS----------------------------------END-----------------------------------------------------*/

/*/////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*---LOGO-------------------------------------START---------------------------------------------------*/
/*--Large--------*/
.logo_large{
	z-index: 100; 
	display:block;
	width: 25vw;
	position: absolute;
	float: right;
	opacity: 1;
	right: 0;
	top: 2vw;
	margin-top: 0;
	margin-right: 1vw;
	background-color: transparent;   
}
.sp_logo{
	margin-left:auto;
    margin-right:auto;
 	width: 22vw;
  	height: 19vh;
	background-image:url(../images/home/sp_logo_large.png);
	background-repeat:no-repeat;
	background-size:contain;
	background-position:center;
}
/*--Small--------*/
.logo_small{
	z-index: 100; 
	display:none;
	position: absolute;
	float:right;
	opacity: 1;
	right: 0;
	top: 2vw;
	margin-top: 0;
	margin-right: 2vw;
	background-color: transparent;   
}

/*---LOGO-----------------------------------END-----------------------------------------------------*/

/*---MAIN MENUS-------------------------------------START------------------------------------------*/
.menu_left_container {	
   	z-index:99;
 	width: 15vw;
	max-width: 380px;
	height: 100vh;           		 
	position:absolute;
	left:-360px;
	opacity:1;
	margin-bottom:6px;
	background-color:transparent;
/*	-webkit-transition: width 0.8s;
	-moz-transition: width 0.8s;
  	-o-transition: width 0.8s;
    transition: width 0.8s;*/
} 
.menu_left_back {	
 	width:100%;
	height: 100vh;            		 
	opacity:1;
	background-color:rgba(0,0,0,0.70);
	
} 
.menu_right_container {	
 	z-index:98;	
 	width: 420px;
	height:83.8vh;  
	position:absolute; 
    float:right;
    right:-420px;
	overflow:hidden;
	opacity:1;
	
	background-color:transparent;
	
	display: -webkit-box;
 	display: -moz-box;
 	display: -ms-flexbox;
   	display: -webkit-flex;
  	display: flex;	
	-webkit-box-direction: row;
  	-moz-box-direction: row;
   	-webkit-flex-direction: row;
  	-ms-flex-direction: row;
   	flex-direction: row;	
	-webkit-box-pack: flex-start;
    -moz-box-pack: flex-start;
	-ms-flex-pack: flex-start;
    box-pack: flex-start;
   	-webkit-justify-content: flex-start;
	justify-content: flex-start;
  	-webkit-box-align: flex-start;
  	-moz-box-align: flex-start;
  	-ms-flex-align: flex-start;
 	-webkit-align-items: flex-start;
 	align-items: flex-start;	

}
.menu_right_container_expand {	
	height:95vh;  	
}
/*------MAIN 3 LINE BUTTONS ------*/
/*/////////////////////////////////*/
.main_menu_btn_wrapper {
  	z-index: 99;
 	background-color:transparent;
  	position: fixed;
  	width: 42px;
  	height: 84vh;
  	border: none;
  	overflow:hidden;
	cursor:pointer;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
  	-o-transition: 0.3s;
    transition: 0.3s;
}
.main_menu_btn_wrapper:hover {
	background-color:rgba(255,255,255,0.30);
}
.main_menu_btn_wrapper:hover .main_menu_btn_box_L {
	margin-left: 8px;
}
.main_menu_btn_wrapper:hover .main_menu_btn_line {
	width: 3px;
}
.main_menu_btn_wrapper_expand {
  	height: 95vh;
}
.main_menu_btn_box_L {
	z-index:99;
  	width: 100%;
  	height: 60px;
  	margin-top:40vh;
	margin-left: 4px;
  	background-color:transparent;
  	position: relative;
  	border: none;
  	overflow:hidden;
	opacity:1;
}

/*-------------------------------*/
.main_menu_btn_box_R {
  	width: 100%;
  	height: 60px;
  	margin-top:40vh;
	margin-left: 10px;
  	background-color:transparent;
  	position: relative;
  	border: none;
  	overflow:hidden;
	cursor:pointer;
	-webkit-transition: 0.2s;
	-moz-transition: 0.2s;
  	-o-transition: 0.2s;
    transition: 0.2s;
}
.main_menu_btn_box_R:hover {
	margin-left: 4px;
}
.main_menu_btn_box_R:hover .main_menu_btn_line {
	width: 3px;
}
.main_menu_btn_line {
	z-index:100;
	display:inline-block;
	width: 2px;
	height: 100%;
	background-color:#FFFFFF; 	
  	margin-left: 2px;
	margin-right: 2px;
	-webkit-transition: 0.2s;
	-moz-transition: 0.2s;
  	-o-transition: 0.2s;
    transition: 0.2s;
}
/*/////////////////////////////////*/
/*-----MENU LEFT-------START-----------------*/
.main_menu_btn {
    display: flex;
    justify-content: left; /* align horizontal */
    align-items: center; /* align vertical */
    width: 94%;
    height: 5vh;
    background-color: rgba(59,79,135,0.50);
    margin-bottom: 0.2vh;
    padding-left: 6%;
    cursor: pointer;
    font-family: 'CenturyGothicRegular', sans-serif;
    font-size: 1.7vw;
    -webkit-font-size: 1.7vw;
    letter-spacing: 0.2vw;
    color: #FFFFFF;
    font-weight: 200;
    -webkit-transition: 0.2s;
    -moz-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s;
}
.main_menu_btn:hover {
	background-color:rgba(59,79,135,1.00);
}
.main_menu_dbl_btn {
    display: flex;
    justify-content: left; /* align horizontal */
    align-items: center; /* align vertical */
    width: 94%;
    height: 5vh;
    background-color: rgba(234,150,67,0.50);
    margin-bottom: 0.2vh;
    padding-left: 6%;
    cursor: pointer;
    font-family: 'CenturyGothicRegular', sans-serif;
    font-size: 1.7vw;
    -webkit-font-size: 1.7vw;
    letter-spacing: 0.2vw;
    color: #FFFFFF;
    font-weight: 200;
    -webkit-transition: 0.2s;
    -moz-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s;
}

.main_menu_dbl_btn:hover {
    background-color: rgba(234,150,67,1.00);
}
.main_menu_dbl_btn_active {
    background-color: rgba(234,150,67,1.00));
}
.main_menu_btn_freeze {
    background-color: rgba(59,79,135,1.00);
    font-size: 1.9vw;
    -webkit-font-size: 1.9vw;
    font-weight: 400;
    padding-left: 2.8vw;
}
.main_menu_btn_active {
    background-color: rgba(59,79,135,1.00);

}
#home:hover {
	font-size: 1.9vw;
	-webkit-font-size: 1.9vw;
	font-weight: 400;
	padding-left: 2.8vw;
}
#services:hover {
	font-size: 1.9vw;
	-webkit-font-size: 1.9vw;
	font-weight: 400;
	padding-left: 2.8vw;
}
#dbl:hover {
    font-size: 1.9vw;
    -webkit-font-size: 1.9vw;
    font-weight: 400;
    padding-left: 2.8vw;
}
#films:hover {
	font-size: 1.9vw;
	-webkit-font-size: 1.9vw;
	font-weight: 400;
	padding-left: 2.8vw;
}
#contact:hover {
	font-size: 1.9vw;
	-webkit-font-size: 1.9vw;
	font-weight: 400;
	padding-left: 2.8vw;
}
/*-----SUB LINKS----------------------------*/
.main_menu_sub_case {
    z-index: 98;
    display: none;
    float: left;
    position: fixed;
    width: 0vw;
    margin-left: 14.8vw;
    padding-left: 1.9vw;
    background-color: transparent;
    overflow: hidden;
    opacity: 0;
}
.main_menu_sub_oval {
    display: flex;
    justify-content: left; /* align horizontal */
    align-items: center; /* align vertical */
    float: left;
    width: 13vw;
    height: 4vh;
    cursor: pointer;
    font-family: 'CenturyGothicRegular', sans-serif;
    font-size: 1.15vw;
    -webkit-font-size: 1.15vw;
    vertical-align: central;
    letter-spacing: 0.1vw;
    color: #FFFFFF;
    font-weight: 550;
    background-color: rgba(255,255,255,0.45);
    border-radius: 40px;
    border: 2px solid #fff;
    margin-bottom: 1vh;
    padding-left: 6%;
    -webkit-transition: 0.2s ease-out;
    -moz-transition: 0.2s ease-out;
    -o-transition: 0.2s ease-out;
    transition: 0.2s ease-out;
}
.main_menu_sub_oval:hover {
    background-color: rgba(59,79,135,1.00);
    letter-spacing: 0.2vw;
}
.main_menu_sub_oval_active {
    background-color: rgba(59,79,135,1.00);
}
.main_menu_sub_oval_blue {
    background-color: rgba(59,79,135,0.45);
    border: 2px solid #3b4f87;
    -webkit-transition: 0.2s ease-out;
    -moz-transition: 0.2s ease-out;
    -o-transition: 0.2s ease-out;
    transition: 0.2s ease-out;
}
.main_menu_sub_oval_blue:hover {
    background-color: rgba(171,81,63,0.45);
    letter-spacing: 0.2vw;
}
.main_menu_sub_curve {
    display: block;
    position: relative;
    float: left;
    width: 30%;
    height: 68%;
    margin: 5% 0 0 0;
    background-color: transparent;
    background-size: 100% 100%;
    background-repeat: no-repeat;
}
/*-----MENU LEFT------END------------------*/
/*-----MENU RIGHT-------START----------------*/
.media_menu_R_btn_container {
    width: 42px;
    height: 100%;
    background-color: transparent;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
}
.square_back {
    
    width: 100%;
    height: 100%;
    background-color: transparent;
}
.square {
    position:relative;
    margin-left: 8px;

    width: 60%;
    height: 74%;
    background-color:#fff;
    -webkit-transition: 0.1s;
    -moz-transition: 0.1s;
    -o-transition: 0.1s;
    transition: 0.1s;
}
.square_back:hover .square {
    background-color:cornflowerblue;
    }
.media_menu_R_main_btn {
	width: 42px;
	background-color:rgba(255,255,255,0.45);
	cursor:pointer;
	margin: .25vh .5vw .25vh 0;
	-webkit-transition: 0.2s;
	-moz-transition: 0.2s;
  	-o-transition: 0.2s;
    transition: 0.2s;
}
.media_menu_R_main_btn:hover {
	background-color:rgba(255,255,255,1.00);
}
.media_menu_R_main_btn:hover .media_menu_r_main_btn_tex {
	color:#000000 !important;
}
.media_menu_r_news_tex {
    width: 42px;
    font-family: 'CenturyGothicBold', sans-serif;
    font-size: 1.9vh;
    -webkit-font-size: 1.9vh;
    position: relative;
    letter-spacing: 0.6vh;
    font-weight: 50;
    color: #000;
    top: 65%;
    transform: rotate(-90deg);
}
.media_menu_R_main_btn_select {
	background-color:rgba(255,255,255,1.00);
}
.media_menu_R_main_btn_on {
	display: none;
	background-color:rgba(235,54,57,1.00);
}
.tex_color {
	color:#fff;
}
.media_menu_r_main_btn_tex {
	width: 42px;
	font-family: 'CenturyGothicBold', sans-serif;
	font-size: 1.9vh;
	-webkit-font-size: 1.9vh;
 	position: relative;
	letter-spacing: 0.6vh;
	font-weight: 50;	
	color: #FFF;
	top:65%;
	
  	transform:rotate(-90deg);
}
/*-----NEWS------------------*/
.media_menu_R_news_container {
	display:block;	
	width: 378px;
	height:100%;
	background-color:#FFFFFF;
	overflow-x: hidden;
    overflow-y: auto;
}
.news_header_text_block {
	width: 90%;
	background-color:#DDDDDD;
	padding-top: 10px;
	padding-left: 16px;
	margin-left: 10px;
	margin-top:10px;
	font-family: 'CenturyGothicBold', sans-serif;
	font-size: 13pt;
	-webkit-font-size: 13pt;
	text-align: left;
	letter-spacing: .3px;
	color:#2076EB;
	font-weight: 300;
}
.news_text_block {
	width: 88%;
	background-color:#EFEFEF;
	padding-top: 10px;
	padding-left: 15px;
	padding-right: 8px;
	margin-top:10px;
	margin-left: 10px;
	border: 1px solid #CCCCCC;
	font-family: 'CenturyGothicRegular', sans-serif;
	font-size: 10pt;
	-webkit-font-size: 10pt;
	text-align: left;
	letter-spacing: .2px;
	color:#292929;
	font-weight: 200;
    line-height:18px;
}
.news_time_block {
	width: 90%;
	background-color:#DDDDDD;
	margin-left: 10px;
	padding-left: 10px;
	padding-right:6px;
	padding-top: 2px;
	padding-bottom: 1px;
	font-family: 'CenturyGothicRegular', sans-serif;
	font-size: 9pt;
	-webkit-font-size: 9pt;
	text-align: right;
	color:#A6A6A6;
	font-weight: 200;
}
.news_pic_block {
	width: 94.8%;
	margin-top: 10px;
	margin-left: 10px;
	background-repeat:no-repeat;
}
.news_link_text {
    display: inline-block;
	cursor:pointer;
	font-family: 'CenturyGothicRegular', sans-serif;
	font-size: 10pt;
	-webkit-font-size: 10pt;
	text-align: left;
	letter-spacing: 0.2px;
	color:#BF712C;
	font-weight: 200;
}
.news_link_text:hover {
	color:#2076EB;
}
/*-----FACEBOOK------------------*/
.media_menu_R_fb_container {
	width: 378px;
	height:100%;
	background-color:rgba(0,0,0,0.60);
	display:none;	
}
/*-----TWITTER------------------*/
.media_menu_R_tw_container {
	width: 378px;
	height:100%;
	background-color:rgba(0,0,0,0.60);
	display:none;	
}
/*-----INSTAGRAM------------------*/
.media_menu_R_in_container {
	width: 378px;
	height:100%;
	background-color:rgba(0,0,0,0.3);
	display:none;	
}
/*-----MENU RIGHT-------END------------------*/
.info_bubble_home,.info_bubble_about, .info_bubble_services, .info_bubble_news, .info_bubble_films, .info_bubble_projects  {
	position: absolute;
	z-index:99;
	display: none;
	opacity:0;
    border-radius: 25px;
    border: 1px solid #FFFFFF;
    padding: 20px; 
    width: 30vw;
    height: auto; 
	background-color:rgba(255,255,255,0.60);
	margin-top:20vh;
	margin-left:20vw;
	padding: 1vh;
	font-family: 'CenturyGothicRegular', sans-serif;
	font-size: 1vw;
	-webkit-font-size: 1vw;
	letter-spacing: 1px;
	text-wrap: normal;
	text-align: left;
	color: #000000;
	font-weight: 300;
	-webkit-transition: 0.2s;
	-moz-transition: 0.2s;
  	-o-transition: 0.2s;
    transition: 0.2s;
}
.info_bubble_about {
	margin-top:50vh;
	margin-left:40vw;
}
.info_bubble_services {
	margin-top:40vh;
	margin-left:30vw;
}
.info_bubble_news {
	margin-top:50vh;
	margin-left:60vw;
}
.info_bubble_films {
	margin-top:10vh;
	margin-left:45vw;
}
.info_bubble_projects {
	margin-top:40vh;
	margin-left:30vw;
}
/*------LOGIN & JOIN-------------------------*/
.login_container {
	display:block;
	position:absolute;
	bottom:0;
	width: 100%;
	height: 40%;
	opacity:1;
	background-color:transparent;
	padding-left:18px;
	padding-bottom:15%;
}
.login_join_tex {
	display:inline-block;
	position: relative;
	float:left;
	font-family: 'trajan_proregular', sans-serif;
	font-size: 1.3vw;
	-webkit-font-size: 1.3vw;
	text-align:left;
	letter-spacing: 0.2vw;
	color: #FFF;
	font-weight: 200;
	cursor: pointer;
	padding: 2% 4% 0 2%;
	-webkit-transition: 0.1s;
	-moz-transition: 0.1s;
  	-o-transition: 0.1s;
    transition: 0.1s;
}
.login_join_tex:hover {
	color: #eaad39;
}
.login_line {
	display:inline-block;
	position: relative;
	float:left;
	width: 1px;
	height: 8%;
	background-color:#FFF;
}
.login_sitemap_tex {
	display:inline-block;
	position: relative;
	float:left;
	font-family: 'trajan_proregular', sans-serif;
	font-size: 1.3vw;
	-webkit-font-size: 1.3vw;
	text-align:left;
	letter-spacing: 0.2vw;
	color: #696a69;
	font-weight: 300;
	cursor: pointer;
	padding: 2% 0 0 4%;
	-webkit-transition: 0.1s;
	-moz-transition: 0.1s;
  	-o-transition: 0.1s;
    transition: 0.1s;
}
.login_sitemap_tex:hover {
	color: #eaad39;
}

input[class=login_form_box] {
	display:inline-block;
	position: relative;
	float: left;
    width: 85%;
	height:7%;
    padding: 3px 3px 3px 6px;
	margin-top: 2vh;
    box-sizing: border-box;
    border: 1px solid white;
    background-color:rgba(78,84,96,1.00);
	font-family: 'CenturyGothicRegular', sans-serif;
	font-size: 2vh;
	-webkit-font-size: 2vh;
	letter-spacing: 0.1vw;
	text-align: left;
	color: #fff;
	font-weight: 400;
}
input[class=login_form_box]:focus {
    background-color: #fff;
	color: #222222;
}
.login_submit_btn {
	display:inline-block;
	position: relative;
	float: right;
	margin-right:13%;
	border:none;
	background-color:transparent;
	font-family: 'trajan_proregular', sans-serif;
	font-size: 1.5vw;
	-webkit-font-size: 1.5vw;
	letter-spacing: 0.2vw;
	color: #FFF;
	font-weight: 200;
	text-align: right;
	cursor: pointer;
	-webkit-transition: 0.1s;
	-moz-transition: 0.1s;
  	-o-transition: 0.1s;
    transition: 0.1s;
}
.login_submit_btn:hover {
	color: #eaad39;
}
/*---------------------*/
.join_container {
	z-index: 98;
	display:none;
	position:fixed;
	width: 48vw;
	height: 40.3vh;
	top: 20vh;
	left: 24vw;
	margin: auto;
	opacity:1;
	background-color:rgba(255,255,255,0.34);
	padding:2% 2.5% 2% 2.5%;
	-webkit-animation: regOpacity 0.7s ease-in;
	-webkit-animation-fill-mode: forwards;
	animation: regOpacity 0.7s ease-in;
	animation-fill-mode: forwards; 
}
@keyframes regOpacity {
  0%   { opacity: 0; }
  100% { opacity: 1; }
}
.join_container_fade {
	z-index: 98;
	display:none;
	position:fixed;
	width: 48vw;
	height: 40.3vh;
	top: 20vh;
	left: 24vw;
	margin: auto;
	opacity: 0;
	background-color:rgba(255,255,255,0.34);
	padding:2% 2.5% 2% 2.5%;
	-webkit-animation: regOpacityOff 0.3s ease-in;
	-webkit-animation-fill-mode: backwards;
	animation: regOpacityOff 0.3s ease-in;
	animation-fill-mode: backwards; 
}
@keyframes regOpacityOff {
  0%   { opacity: 1; }
  100% { opacity: 0; }
}
.join_left_case {
    display: inline-block;
    position: relative;
    float: left;
    width: 30%;
    height: 100%;
    background-color: transparent;
    -webkit-transition: 0.2s;
    -moz-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s;
}
input[class=join_form_box] {
    display: inline-block;
    position: relative;
    float: left;
    width: 100%;
    height: 7%;
    padding: 3px 3px 3px 6px;
    margin-top: 2.4vh;
    box-sizing: border-box;
    border: 1px solid white;
    background-color: rgba(78,84,96,1.00);
    font-family: 'CenturyGothicRegular', sans-serif;
    font-size: 1.8vh;
    -webkit-font-size: 1.8vh;
    letter-spacing: 0.1vw;
    text-align: left;
    color: #fff;
    font-weight: 400;
    -webkit-transition: 0.2s;
    -moz-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s;
}
input[class=join_form_box]:focus {
    background-color: #fff;
	color: #222222;
	-webkit-box-shadow: 7px 7px 14px -1px rgba(0,0,0,0.59);
	-moz-box-shadow: 7px 7px 14px -1px rgba(0,0,0,0.59);
	box-shadow: 7px 7px 14px -1px rgba(0,0,0,0.59);
}
.form_box_red {
    display: inline-block;
    position: relative;
    float: left;
    width: 100%;
    height: 7%;
    padding: 3px 3px 3px 6px;
    margin-top: 2.4vh;
    box-sizing: border-box;
    border: 1px solid white;
    background-color: #f77b7b;
    font-family: 'CenturyGothicRegular', sans-serif;
    font-size: 1.8vh;
    -webkit-font-size: 1.8vh;
    letter-spacing: 0.1vw;
    text-align: left;
    color: #fff;
    font-weight: 400;
    -webkit-box-shadow: 7px 7px 14px -1px rgba(0,0,0,0.59);
    -moz-box-shadow: 7px 7px 14px -1px rgba(0,0,0,0.59);
    box-shadow: 7px 7px 14px -1px rgba(0,0,0,0.59);
}
.join_submit_btn {
	display:inline-block;
	position: relative;
	float: right;
	border:none;
	background-color:transparent;
	font-family: 'CenturyGothicBold', sans-serif;
	font-size: 4vh;
	-webkit-font-size: 4vh;
	letter-spacing: 0.3vw;
	color: #FFF;
	font-weight: 50;
	text-align: right;
	cursor: pointer;
	margin-top: 5%;
	-webkit-transition: 0.1s;
	-moz-transition: 0.1s;
  	-o-transition: 0.1s;
    transition: 0.1s;
}
.join_submit_btn:hover {
	color: #eaad39 !important;
}
.join_right_case {
    display: inline-block;
    position: relative;
    float: left;
    width: 66%;
    height: 100%;
    padding-left: 4%;
    background-color: transparent;
    -webkit-transition: 0.2s;
    -moz-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s;
}
.join_confirm_case {
    display: none;
    position: relative;
    float: left;
    width: 100%;
    height: 100%;
    padding-left: 0;
    opacity: 0;
    background-color: transparent;
}
.join_oops_popup {
    z-index: 98;
    display: none;
    position: absolute;
    width: 45%;
    height: 36%;
    top: 26%;
    left: 35%;
    opacity: 1;
    background-color: transparent;
}
.oops_username {
    display: none;
    width: 100%;
    height: 100%;
    opacity: 0;
}
.oops_email {
    display: none;
    width: 100%;
    height: 100%;
    opacity: 0;
}
.login_oops_popup {
    z-index: 98;
    display: none;
    position: absolute;
    width: 25%;
    height: 15%;
    top: 50%;
    left: 15%;
    opacity: 1;
    background-color: transparent;
}
.oops_login_username {
    display: none;
    width: 100%;
    height: 100%;
    opacity: 0;
}
.oops_login_pwd {
    display: none;
    width: 100%;
    height: 100%;
    opacity: 0;
}
.oops_arrow {
    position: relative;
    float: left;
    opacity: 1;
    width: 0;
    height: 0;
    margin-top:7.2vh;
    border-top: 1.8vw solid transparent;
    border-bottom: 1.8vw solid transparent;
    border-right: 1.8vw solid white;
}
.oops_box {
    position: relative;
    float: left;
    width: 88%;
    height: 100%;
    padding: 5% 0 10% 3%;
    background-color: #fff;
    -webkit-box-shadow: 10px 10px 13px -4px rgba(0,0,0,0.75);
    -moz-box-shadow: 10px 10px 13px -4px rgba(0,0,0,0.75);
    box-shadow: 10px 10px 13px -4px rgba(0,0,0,0.75);
}
.join_oops_tex {
    display: inline-block;
    position: relative;
    float: left;
    width: 98%;
    font-family: 'CenturyGothicBold', sans-serif;
    font-size: 1.3vw;
    -webkit-font-size: 1.3vw;
    letter-spacing: 0.02vw;
    line-height: 2.6vh;
    color: #f77b7b;
    font-weight: 10;
    text-align: left;
    -webkit-transition: 0.1s;
    -moz-transition: 0.1s;
    -o-transition: 0.1s;
    transition: 0.1s;
}
#forgotAccountDiv {
    display: inline-block;
    position: relative;
    background-color: transparent;
    width: 83%;
    font-family: 'CenturyGothicRegular', sans-serif;
    font-size: .9vw;
    -webkit-font-size: .9vw;
    color: #525252;
    font-weight: 200;
    text-align: right;
    cursor: pointer;
    padding-top: 5px;
    -webkit-transition: 0.1s;
    -moz-transition: 0.1s;
    -o-transition: 0.1s;
    transition: 0.1s;
}
#forgotAccountDiv:hover {
    color: #b8b8b8;
}
input[class=forgot_form_box] {
    display: block;
    position: relative;
    left:0;
    right:0;
    width: 50%;
    height: 7%;
    margin: auto;
    padding: 3px 3px 3px 6px;
    box-sizing: border-box;
    border: 1px solid white;
    background-color: rgba(78,84,96,1.00);
    font-family: 'CenturyGothicRegular', sans-serif;
    font-size: 2vh;
    -webkit-font-size: 2vh;
    letter-spacing: 0.1vw;
    text-align: left;
    color: #fff;
    font-weight: 400;
}
input[class=forgot_form_box]:focus {
    background-color: #fff;
    color: #222222;
}
.forgot_submit_btn {
    display: block;
    position: relative;
    margin: auto;
    left: 0;
    right: 0;
    border: none;
    background-color: transparent;
    font-family: 'CenturyGothicBold', sans-serif;
    font-size: 2vw;
    -webkit-font-size: 2vw;
    letter-spacing: 0.2vw;
    color: #FFF;
    font-weight: 200;
    text-align: right;
    cursor: pointer;
    -webkit-transition: 0.1s;
    -moz-transition: 0.1s;
    -o-transition: 0.1s;
    transition: 0.1s;
}
.forgot_submit_btn:hover {
        color: #eaad39;
}
/*--I am using multiple font color classes (white & orange) 
    here so we have the option to dynamically change if needed for dif pages.  
    Some colors are not visable on certain pages---*/
.join_head_white_tex {
	display:inline-block;
	position: relative;
	float: left;
	width: 98%;
	font-family: 'CenturyGothicBold', sans-serif;
	font-size: 1.3vw;
	-webkit-font-size: 1.3vw;
	letter-spacing: 0.02vw;
	color: #FFF;
	font-weight: 10;
	text-align: left;
	-webkit-transition: 0.1s;
	-moz-transition: 0.1s;
  	-o-transition: 0.1s;
    transition: 0.1s;
}
.join_head_orange_tex {
	display:inline-block;
	position: relative;
	float: left;
	width: 98%;
	font-family: 'CenturyGothicBold', sans-serif;
	font-size: 1.3vw;
	-webkit-font-size: 1.3vw;
	letter-spacing: 0.02vw;
	color: #eaad39;
	font-weight: 10;
	text-align: left;
	-webkit-transition: 0.1s;
	-moz-transition: 0.1s;
  	-o-transition: 0.1s;
    transition: 0.1s;
}
.join_head_tex_ro {
	color: #FFF;
	cursor: pointer;
	-webkit-transition: 0.1s;
	-moz-transition: 0.1s;
  	-o-transition: 0.1s;
    transition: 0.1s;
}
.join_head_tex_ro:hover {
	color: #93e353 !important;
}
.join_body_tex {
	display:inline-block;
	position: relative;
	float: left;
	width: 98%;
	font-family: 'CenturyGothicRegular', sans-serif;
	font-size: 1vw;
	-webkit-font-size: 1vw;
	letter-spacing: 0.01vw;
	color: #FFF;
	font-weight: 450;
	text-align: left;
	line-height: 2.6vh;
	padding: 3% 0 3% 0;
	margin: 2% 0 2% 0;
	border-top: #FFFFFF solid 1px;
	border-bottom: #FFFFFF solid 1px;
	-webkit-transition: 0.1s;
	-moz-transition: 0.1s;
  	-o-transition: 0.1s;
    transition: 0.1s;
}
.join_con_head_tex {
    display: inline-block;
    position: relative;
    float: left;
    width: 100%;
    font-family: 'CenturyGothicBold', sans-serif;
    font-size: 1.5vw;
    -webkit-font-size: 1.5vw;
    letter-spacing: 0.06vw;
    color: #FFF;
    font-weight: 10;
    text-align: center;
    padding:0 0 2vh 0;
    border-bottom: #FFFFFF solid 1px;
    -webkit-transition: 0.1s;
    -moz-transition: 0.1s;
    -o-transition: 0.1s;
    transition: 0.1s;
}
.join_con_body_tex {
    display: inline-block;
    position: relative;
    float: left;
    width: 98%;
    font-family: 'CenturyGothicRegular', sans-serif;
    font-size: 1.2vw;
    -webkit-font-size: 1.2vw;
    letter-spacing: 0.01vw;
    color: #FFF;
    font-weight: 450;
    text-align: center;
    line-height: 2.8vh;
    padding: 3% 0 3% 0;
    margin: 2% 0 2% 0;
    -webkit-transition: 0.1s;
    -moz-transition: 0.1s;
    -o-transition: 0.1s;
    transition: 0.1s;
}
.join_terms_tex {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 94%;
	font-family: 'CenturyGothicRegular', sans-serif;
	font-size: 0.9vw;
	-webkit-font-size: 0.9vw;
	letter-spacing: 0.01vw;
	color: #FFF;
	font-weight: 450;
	text-align: left;
	padding: 3% 0 0 0;
	margin: 2% 0 0 6%;
	border-top: #FFFFFF solid 1px;
	-webkit-transition: 0.1s;
	-moz-transition: 0.1s;
  	-o-transition: 0.1s;
    transition: 0.1s;
}
.join_terms_ro {
	font-family: 'CenturyGothicBold', sans-serif;
	color: #93e353;
	cursor: pointer;
	-webkit-transition: 0.2s;
	-moz-transition: 0.2s;
  	-o-transition: 0.2s;
    transition: 0.2s;
}
.join_terms_ro:hover {
	color: #eaad39 !important;
}
.join_close_btn {
	position: absolute;
	float:left;
	left:0;
	top: -1%;
	width: 38px;
	height: 38px;
	background-color:transparent;
	cursor:pointer;
	-webkit-transition: 0.2s;
	-moz-transition: 0.2s;
  	-o-transition: 0.2s;
    transition: 0.2s;
}
.join_close_btn:hover {
    -ms-transform: rotate(90deg); /* IE 9 */
    -webkit-transform: rotate(90deg); /* Chrome, Safari, Opera */
    transform: rotate(90deg);
}
.join_close_btn:after {
    position:relative;
    content:"\d7";
    font-size:36px;
    color:white;
    font-weight:bold;
    top:-1px;
    left:8px
}
/*---ALERTS & MESSAGES-------*/
.message_case {
    display: inline-block;
    position: relative;
    float: left;
    width: 66%;
    height: 100%;
    padding-left: 4%;
    background-color: red;
    -webkit-transition: 0.2s;
    -moz-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s;
}
.message_head_tex {
    display: inline-block;
    position: relative;
    float: left;
    width: 100%;
    height: 5.5vh;
    font-family: 'CenturyGothicBold', sans-serif;
    font-size: 2.2vw;
    -webkit-font-size: 2.2w;
    letter-spacing: 0.02vw;
    color: #FFF;
    font-weight: 20;
    text-align: center;
    border-bottom:solid #fff 1px;
    margin-bottom: 1.2vh;
    background-color:transparent;
    -webkit-transition: 0.1s;
    -moz-transition: 0.1s;
    -o-transition: 0.1s;
    transition: 0.1s;
}
.message_body_tex {
    display: inline-block;
    position: relative;
    float: left;
    width: 100%;
    font-family: 'CenturyGothicRegular', sans-serif;
    font-size: 1.3vw;
    -webkit-font-size: 1.3vw;
    letter-spacing: 0.02vw;
    color: #FFF;
    font-weight: 350;
    text-align: center;
    background-color: transparent;
    margin-bottom: 2.2vh;
}
#msg_outer_div_id {
    z-index: 101;
    position: fixed;
    height: 90px;
    width: 575px;
    top: -115px;
    left:0;
    right:0;
    margin:auto;
    background-color: transparent;

    overflow: hidden;
}

#error_msg_icon {
    float: left;
    width: 66px;
    height: 60px;
}

#info_msg_icon {
    float: left;
    width: 57px;
    height: 58px;
}

.confirm_msg_icon
{
    float:left;
    width: 30px;
    height: 30px;
    background-image: url(/assets/images/alerts/warning.png);
}

#error_msg_contain_id, #information_msg_container_id {
    position: absolute;
    width: 565px;
    height: 100%;
    background-color: #ef8989;
    padding: 10px 10px 5px 10px;
}

#information_msg_container_id {
    color: forestgreen;
    background-color: #7ff49d;
}
#error_msg_contain_text_id, #info_msg_contain_text_id {
    position: relative;
    width: 480px;
    text-align: left;
    color: #fff;
    font-family: 'CenturyGothicBold', sans-serif;
    font-size: 22px;
    -webkit-font-size: 22px;
    background-color: transparent;
    padding: 0;
    left: 22px;
    line-height:23px;
}

#alert_msg_close_btn {
    display: inline-block;
    position: absolute;
    float: right;
    right: 0;
    top: -1%;
    width: 50px;
    height: 50px;
    background-color: transparent;
    cursor: pointer;
    -webkit-transition: 0.15s;
    -moz-transition: 0.15s;
    -o-transition: 0.15s;
    transition: 0.15s;
}
#alert_msg_close_btn:hover {
    -ms-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}
#alert_msg_close_btn:after {
    position: relative;
    content: "\d7";
    font-size: 50px;
    color: white;
    font-weight: bold;
    top: -1px;
    left: 8px
}

/*---MENU STATUS ----------*/
.menu_status_case {
	display: none;
	position: absolute;
	bottom: 18vh;
	width:100%;
	opacity: 0;
	background-color:transparent;
	margin: 0 0 0 6%;
}
.menu_status_box {
	display: inline-block;
	position: relative;
	float: left;
	width:100%;
	height: 8vh;
	background-color:transparent;
	margin: 3% 0 0 0;
}
.menu_status_tex01 {
	display: inline-block;
	position: relative;
	float: left;
	font-family: 'CenturyGothicRegular', sans-serif;
	font-size: 1vw;
	-webkit-font-size: 1vw;
	letter-spacing: 0.02vw;
	font-weight: 450;
	text-align: left;
	color: #e4a631;
	-webkit-transition: 0.1s;
	-moz-transition: 0.1s;
  	-o-transition: 0.1s;
    transition: 0.1s;
}
.menu_status_tex02 {
	display: inline-block;
	position: relative;
	float: left;
	font-family: 'CenturyGothicRegular', sans-serif;
	font-size: 1vw;
	-webkit-font-size: 1vw;
	letter-spacing: 0.02vw;
	font-weight: 450;
	text-align: left;
	color: #fff;
	-webkit-transition: 0.1s;
	-moz-transition: 0.1s;
  	-o-transition: 0.1s;
    transition: 0.1s;
}
.menu_status_tex01:hover, .menu_status_tex02:hover {
	color: #81aaf3;
}

/*---MAIN MENUS-------------------------------------END-----------------------------------------*/

/*---BODY-------------------------------START---------------------------------------------------*/
.body_flex_wrapper {		
	z-index:97;	
	width:100%;
	height: 100vh; 		
	-webkit-box-flex: 1 1 auto;  
  	-moz-box-flex: 1 1 auto;             		 
  	-webkit-flex: 1 1 auto;    
 	-ms-flex: 1 1 auto;              
  	flex: 1 1 auto;   
	display: -webkit-box;  
  	display: -moz-box;         
  	display: -ms-flexbox;    
  	display: -webkit-flex;     
  	display: flex; 	               
	-webkit-box-ordinal-group: 1;   
  	-moz-box-ordinal-group: 1;     
  	-ms-flex-order: 1;             
  	-webkit-order: 1;           
 	order: 1; 
	overflow-y: scroll;	               
	margin-left:0;
	background-color:black;
	overflow:hidden;	
}

/*---BODY-------------------------------------END---------------------------------------------------*/

/*---RIBBON-------------------------------------START---------------------------------------------------*/

.ribbon_flex_wrapper {
	z-index: 96;
	-webkit-box-flex: 0 0 10vh;
	-moz-box-flex: 0 0 10vh;
	width: 100%;
	-webkit-flex: 0 0 10vh;
	-ms-flex: 0 0 10vh;
	flex: 0 0 10vh;
	-webkit-box-ordinal-group: 2;
	-moz-box-ordinal-group: 2;
	-ms-flex-order: 2;
	-webkit-order: 2;
	order: 2;
	background-color: #000000;
	border-bottom: 0.25vh solid rgba(53,53,53,1.00);
	border-top: 0.25vh solid rgba(53,53,53,1.00);
	margin-top: 0.7vh;
	overflow: hidden;
	float: left;
	opacity: 1;
	display: block;
}
.ribbon_collapse {
	animation: flexShrink 0.2s ease;
	-webkit-animation-fill-mode: forwards;
	-moz-animation-fill-mode: forwards;
	-ms-animation-fill-mode: forwards;
	-o-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
}
.ribbon_expand {
    -webkit-animation: flexGrow 0.2s ease;
  	-o-animation: flexGrow 0.2s ease;
  	animation: flexGrow 0.2s ease;
	-webkit-animation-direction:reverse;
	-moz-animation-direction:reverse;
	-ms-animation-direction:reverse;
	-o-animation-direction:reverse;
	animation-direction:reverse;
}
@keyframes flexShrink {
  to {
    flex: 1;
    flex: .00001;
  }
}
@keyframes flexGrow {
  to {
    flex: 1;
  }
}

.ribbon_services_body {
	z-index:2;
	display:block;
	position: absolute;
	width: 100%;
	height: 10vh;
	background-color:transparent;
	opacity:1;

	/*-----animation-name: cf3FadeInOutxxxxxxx;
    animation-timing-function: ease-in-out;
    animation-iteration-count: infinite;
    animation-duration: 10s;
    animation-direction: alternate;
	animation:ribbon_fade_01 8s infinite;
    -webkit-animation:ribbon_fade_01 8s infinite;---*/
}
.ribbon_films_body {
	z-index:3;
	display:block;
	position: absolute;
	width: 100%;
	height: 10vh;
	background-color:transparent;
	opacity:1;
	

}
/*-------------------*/
.ribbon_services_box_text {
	position: relative;
	opacity:0;
	width:100%;
	height:10vh;
	font-family: 'trajan_proregular', sans-serif;
	font-size: 4vw;
	-webkit-font-size: 4vw;
	text-align:center;
	letter-spacing: 3px;
	color: #ba8621;
	font-weight: 200;
	padding-top:2vh;
	background-color:transparent;
	transition-duration: 2s;	
	-webkit-transition: all 400ms ease;
    -ms-transition: all 400ms ease;
    -moz-transition: all 400ms ease;
    transition: all 400ms ease;	
 }
.ribbon_services_box {
	position: relative;
	display:inline-block;
	background-position: 50%,50%;
	background-size:cover;
	width: 25%;
	height:100%;
	cursor:pointer;
	opacity:1;
	
	transition-duration: 2s;
	-webkit-transition: all 400ms ease-in-out;
    -ms-transition: all 400ms ease-in-out;
    -moz-transition: all 400ms ease-in-out;
    transition: all 400ms ease-in-out;
}
.ribbon_services_box:hover {
    background-color:#5E5E5E;
    background-blend-mode: luminosity;
	-webkit-filter: brightness(0.70);
    filter: brightness(0.70);
    box-shadow: inset 0 0 0 10px rgba(90,93,110,0.50);
}
.ribbon_services_box:hover .ribbon_services_box_text{
	opacity:1;
    letter-spacing: 5px;
    -webkit-filter: brightness(1.5);
    filter: brightness(1.5);
}
/*-------------------*/
.ribbon_films_box_text {
	position: absolute;
	opacity:0;
	width:100%;
	height:10vh;
	font-family: 'trajan_proregular', sans-serif;
	font-size: 4vw;
	-webkit-font-size: 4vw;
	text-align:center;
	letter-spacing: 3px;
	color: #ba8621;
	font-weight: 400;
	padding-top:2vh;
	background-color:transparent;
	transition-duration: 2s;	
	-webkit-transition: all 400ms ease;
    -ms-transition: all 400ms ease;
    -moz-transition: all 400ms ease;
    transition: all 400ms ease;	
 }
.ribbon_films_box {
	position: relative;
    display:inline-block;
	background-position: 50%,50%;
	background-size:cover;
	width: 25%;
	height:100%;
	cursor:pointer;
	
	transition-duration: 2s;
	-webkit-transition: all 400ms ease-in-out;
    -ms-transition: all 400ms ease-in-out;
    -moz-transition: all 400ms ease-in-out;
    transition: all 400ms ease-in-out;
}
.ribbon_films_box:hover {
    background-color: gray;
    background-blend-mode: luminosity;
	-webkit-filter: brightness(0.80);
    filter: brightness(0.80);
    box-shadow: inset 0 0 0 10px rgba(90,93,110,0.50);
}
.ribbon_films_box:hover .ribbon_films_box_text{
	opacity:1;
    letter-spacing: 5px;
    -webkit-filter: brightness(1.5);
    filter: brightness(1.5);
}

@keyframes ribbon_fade_01
{
  0% { opacity: 1 ; z-index: 2; }
  40% { opacity: 1; z-index: 1; }
  50% { opacity: 0; z-index: 1; }
  100% { opacity: 0; z-index: 2; }
}
@keyframes ribbon_fade_02
{
  0% { opacity: 0; z-index: 1; }
  40% { opacity: 1; z-index: 2; }
  50% { opacity: 1; z-index: 2; }
  100% { opacity: 0; z-index: 1; }
}

@keyframes cf3FadeInOut {
  0% { opacity:1; z-index: 3;}
  48% { opacity:1; z-index: 3;}
  54% { opacity:0; z-index: 1;}
  100% { opacity:0; z-index: 1;}
}

/*---RIBBON-------------------------------------END---------------------------------------------------*/

/*---FOOTER-------------------------------------START---------------------------------------------------*/
.footer_flex_wrapper {	
	z-index:99;
	-webkit-box-flex: 0 0 5vh;     
  	-moz-box-flex: 0 0 5vh;        
 	width: 100%;              		 
  	-webkit-flex: 0 0 5vh;       
 	-ms-flex: 0 0 5vh;        
  	flex: 0 0 5vh;               
	-webkit-box-ordinal-group: 2;   
  	-moz-box-ordinal-group: 2;     
  	-ms-flex-order: 2;             
  	-webkit-order: 2;           
 	order: 3; 	
	display: block;
	overflow:hidden;	
  	background:#000000;
  	opacity: 1;	
	text-align:center;
}
.footer_left_box {
	float:left;
	margin-left:auto;
    margin-right:auto;
 	width: 9%;
  	height: 5vh;
  	background:#000000;
	background-image:url(../images/home/footer_logo.png);
	background-repeat:no-repeat;
	background-size:contain;
	background-position:center;
}
.footer_tm_case {
    display: inline-block;
    float: left;
    height: 5vh;
    width: 30%;
    padding-top:1vh;
    background-color: transparent;
}
.footer_tm {
    display: block;
    float: left;
    width:100%;
    background: transparent;
    font-family: 'CenturyGothicBold', sans-serif;
    font-size: 0.6vw;
    -webkit-font-size: 0.6vw;
    letter-spacing: 0px;
    text-wrap: normal;
    text-align: left;
    color: #4c4b4b;
    font-weight: 100;
}
.footer_social_container {
    display: inline-block;
    float: left;
    height: 5vh;
    width:300px;
    background-color:black;
}
.footer_social_box {
	display: inline-block;
    float:left;
 	width: 30px;
  	height: 5vh;
  	background:#000000;
	cursor:pointer;
	background-size:cover;
	background-position:center;
	transition-duration: 1s;
	-webkit-transition: all 300ms ease-in-out;
    -ms-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
}
.footer_social_box:hover {
	-webkit-filter: brightness(2); 
	-ms-filter: brightness(2);  
	-moz-filter: brightness(2);
	-o-filter: brightness(2);
	filter: brightness(2);
}

.footer_tp_case {
	display: inline-block;
	position: relative;
	float:right;
  	width: 10%;
  	height: 100%;
	margin-right: 1%;
}
.footer_terms, .footer_privacy {
	display:inline-block;
	position: relative;
	float:right;
	font-family: 'CenturyGothicBold', sans-serif;
	font-size: 0.9vw;
	cursor:pointer;
	-webkit-font-size: 0.9vw;
	text-wrap: normal;
	text-align: center;
	color:#4c4b4b;
	font-weight: 50;
	padding: 1.4vh 5% 0 5%;
	transition-duration: 1s;
	-webkit-transition: all 300ms ease-in-out;
    -ms-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
}
.footer_terms:hover, .footer_privacy:hover {
	-webkit-filter: brightness(2); 
	-ms-filter: brightness(2);  
	-moz-filter: brightness(2);
	-o-filter: brightness(2);
	filter: brightness(2);
}
.footer_tp_line {
	float:right;
	display:inline-block;
	background-color:#4c4b4b;
	width:1px;
	height:70%;
	margin: 4% 0 0 0;
}
/*---FOOTER STATUS ----------*/
.footer_status_case {
	display: none;
	position: relative;
	float:right;
	width:20%;
	height:100%;
	opacity:0;
}
.footer_status_gear {
	display: inline-block;
	position: relative;
	float: left;
	width: 15%;
	height: 70%;
	margin: 0.8vh 0 0 0;
	cursor: pointer;
	background-image:url(../images/home/footer_gear.png);
	background-repeat:no-repeat;
	background-size:contain;
	background-position:center;
	-webkit-transition-property: -webkit-transform;
    -webkit-transition-duration: 1s;
    -moz-transition-property: -moz-transform;
    -moz-transition-duration: 1s;
    transition-property: transform;
    transition-duration: 1s;
}
.footer_status_tex01 {
	display: inline-block;
	position: relative;
	float: left;
	font-family: 'CenturyGothicRegular', sans-serif;
	font-size: 1.2vw;
	-webkit-font-size: 1.2vw;
	letter-spacing: 0.02vw;
	font-weight: 450;
	text-align: left;
	color: #fff;
	cursor: pointer;
	margin: 1.4vh 3% 0 0;
	-webkit-transition: 0.1s;
	-moz-transition: 0.1s;
  	-o-transition: 0.1s;
    transition: 0.1s;
}
.footer_status_tex02 {
	display: inline-block;
	position: relative;
	float: left;
	font-family: 'CenturyGothicRegular', sans-serif;
	font-size: 1.2vw;
	-webkit-font-size: 1.2vw;
	letter-spacing: 0.02vw;
	font-weight: 450;
	text-align: left;
	color: #719ae7;
	border-left: #FFFFFF solid 1px;
	cursor: pointer;
	margin:  1.4vh 0 0 3%;
	padding-left: 4%;
	-webkit-transition: 0.1s;
	-moz-transition: 0.1s;
  	-o-transition: 0.1s;
    transition: 0.1s;
}
.footer_status_tex01:hover {
	color: #81aaf3;
}

.footer_status_tex02:hover {
	color: #e4a631;
}
.footer_status_tex01:hover + .footer_status_gear {
    -webkit-animation-name: rotate;
    -webkit-animation-duration: 2s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    -moz-animation-name: rotate;
    -moz-animation-duration: 2s;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: linear;
    animation-name: rotate;
    animation-duration: 2s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}
.footer_status_gear:hover {
    -webkit-animation-name: rotate;
    -webkit-animation-duration: 2s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    -moz-animation-name: rotate;
    -moz-animation-duration: 2s;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: linear;
    animation-name: rotate;
    animation-duration: 2s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}
@-webkit-keyframes rotate {
    from {-webkit-transform: rotate(0deg);}
    to {-webkit-transform: rotate(360deg);}
}

@-moz-keyframes rotate {
    from {-moz-transform: rotate(0deg);}
    to {-moz-transform: rotate(360deg);}
}

@keyframes rotate {
    from {transform: rotate(0deg);}
    to {transform: rotate(360deg);}
}

/*---FOOTER-------------------------------------END----------------------------------------------*/
/*///////////////////////////////////////////////////////////////////////////////////////////////*/


/*---PAGES-------------------------------------START----------------------------------------------*/
/*///////////////////////////////////////////////////////////////////////////////////////////////*/
.page_opacity_off { 	
	opacity:0;
}
.bkg_blur { 
	display:none;
  	width: 100%;
	height: 100%;
	opacity:0;
	background-size:cover;		
	background-repeat:no-repeat;
	-webkit-filter: blur(12px);
  	-moz-filter: blur(12px);
  	-o-filter: blur(12px);
  	-ms-filter: blur(12px);
  	filter: blur(12px);
    -webkit-mask-box-image: -webkit-linear-gradient(black 72%, transparent 89%);
}
@keyframes bkg_blur_anim {
    0% { -webkit-filter: blur(0px);}
	25% { -webkit-filter: blur(2px);}
	50% { -webkit-filter: blur(3px);}
	75% { -webkit-filter: blur(4px);}
	100% { -webkit-filter: blur(5px);}
}
.page_black {
    z-index: 96;
    display: none;
    position: fixed;
    opacity: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.5);
}
/*//////////////////////////////////////////////////////////////////////////////////////////////*/
/*----PROFILE---------------------------------------------------------------------------------*/
.profile_container { 
	z-index:96;
	display:none;
  	width: 100vw; 
	background-color:#000000;
	background-size:cover;		
	background-image:url(../images/profile/profile_back.jpg);
	background-repeat:no-repeat;
	background-position: 100% 50%;	
}
/*------------------*/
.profile_off { 
	opacity: 0;
}
.profile_preview_case { 
	z-index:101;
    display: none;
	position:absolute;
  	width: 650px; 
	height: 550px;
	top:0;
    bottom:5%;
	left: 0;
	right: 0;
	margin: auto;
	background-color:rgba(255,255,255,0.35);
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
  	-o-transition: 0.5s;
    transition: 0.5s;
}
.profile_preview_top_case {
    display: inline-block;
    position: relative;
    height: 258px;
    width: 100%;
    background-color: transparent;
}
.profile_preview_pic {
    display: inline-block;
    position: relative;
    float: left;
    height: 258px;
    width: 305px;
    padding: 0 10px 10px 0;
    background-image: url(../images/profile/profile_temp_pic.jpg);
    background-repeat: no-repeat;
    background-clip:content-box;
    overflow: hidden;
}
.preview_close_btn {
	z-index:97;
	position: absolute;
	width: 50px;
	height:50px;
	right:0;
	padding-right:10px;
	background-color:transparent;
	cursor:pointer;
	opacity:0;
	-webkit-transition: 0.2s;
	-moz-transition: 0.2s;
  	-o-transition: 0.2s;
    transition: 0.2s;
	
	-webkit-animation: generalOpacity 0.2s ease-in;
	-webkit-animation-fill-mode: forwards;
	-webkit-animation-delay:0.2s;
	animation: generalOpacity 0.2s ease-in;
	animation-fill-mode: forwards; 
	animation-delay:0.2s;
}
.preview_close_btn:hover {
    -ms-transform: rotate(90deg); /* IE 9 */
    -webkit-transform: rotate(90deg); /* Chrome, Safari, Opera */
    transform: rotate(90deg);
}
.preview_close_btn:after {
    position:relative;
    content:"\d7";
    font-size:49px;
    color:#555555;
    font-weight:bold;
    top:-4px;
    left:14px
}
.profile_flag { 
	display: block;
	position: relative;
	float: left;
  	width: 72px; 
	height: 43px;
	margin-top: 10px;
	background-color:transparent;
	background-size:contain;		
	background-image:url(../images/profile/flags/usa.png);
	background-repeat:no-repeat;
}
.profile_preview_footer_case { 
	position: absolute;
	bottom:0;
	width:98%;
	height: 48px;
	padding: 0 1% 1% 1%;
}
.profile_pdf_icon { 
	display: inline-block;
	position: relative;
	float: left;
  	width: 7%; 
	height: 100%;
	background-color:transparent;
	background-size:contain;		
	background-image:url(../images/profile/pdf_icon.png);
	background-repeat:no-repeat;
}
.preview_download_tex {
	display: block;
	position: absolute;
	bottom: 1vh;
	left: 10%;
	font-size: 2vh;
	-webkit-font-size: 2vh;
	font-family: 'CenturyGothicBold', sans-serif;
	letter-spacing: 0.02vw;
	font-weight: 50;
	text-align: left;
	color:#fff;
	-webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    transition: all 300ms ease;
	cursor: pointer;
}
.preview_download_tex:hover{
	color:#597feb;
}
.preview_social_case {
	display: block;
	position: relative;
	float: right;
	width: 60%;
	height: 50%;
	-webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    transition: all 300ms ease;
}
.preview_social_icon { 
	display: none;
	position: relative;
	float: right;
  	width: 1.3vw;; 
	height: 100%;
	margin-right: .4vw;
	background-repeat:no-repeat;
	background-color:transparent;
	background-size:contain;
	cursor:pointer;

	transition-duration: 0.4s;
	-webkit-transition: all 200ms ease-in-out;
    -ms-transition: all 200ms ease-in-out;
    -moz-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out;
}
.preview_social_icon:hover { 
	-webkit-filter: brightness(600%);
  	filter: brightness(600%);
}
.preview_date_box {
    display: inline-block;
    position: relative;
    float: right;
    width: 80%;
    height: 20px;
    margin: 8px 0 0 0;
    background-color: transparent;
}
.preview_status_case {
    display: inline-block;
    position: absolute;
    float: left;
    height: 20px;
    width: 150px;
    bottom: 5px;
    margin_left: 10px;
    background-color: transparent;
}
/*------------------*/
.profile_case { 
	display: inline-block;
	position: relative;
	float: left;
	height:100%;
	transition-duration: 1.5s;	
	-webkit-transition: all 400ms ease;
    -ms-transition: all 400ms ease;
    -moz-transition: all 400ms ease;
    transition: all 400ms ease;	
}
.profile_page_block {
    z-index: 120;
    display: none;
    position: fixed;
    width: 100%;
    height: 100%;
    opacity: 0;
    background-color: rgba(0,0,0,0.50);
}
.image_container_div {
    display: inline-block;
    position: relative;
    padding-top: 68%;
    width: 100%;
    height: 0;
    background-color: transparent;
    background-size: contain;
    background-image: url(../images/profile/profile_temp_pic.jpg);
    background-repeat: no-repeat;
}
.profile_main_pic {
    display: inline-block;
    position: relative;
    float: left;
    width: 305px;
    height: 258px;
    /*
    display: inline-block;
    position: relative;
    float: left;
    width: 100%;
    height: 0;
    padding-top: 106%;
        */
    /*
    background-color: transparent;
    background-size: contain;
    background-image: url(../images/profile/profile_temp_pic.jpg);
    background-repeat: no-repeat; */
}
.profile_pic_upload_case {
    display: inline-block;
    position: absolute;
    bottom: 0;
    left: 10px;
    float: left;
    width: 24px;
    height: 18px;
    padding: 4px 4px 4px 4px;
    margin: 0 4px 4px 0;
    background-color: #e0e0e0;
    cursor: pointer;
    border: 1px solid #848484;
    border-radius: 2px;
    transition-duration: 0.4s;
    -webkit-transition: all 200ms ease-in-out;
    -ms-transition: all 200ms ease-in-out;
    -moz-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out;
}
.profile_pic_upload_case:hover {
    background-color: #fea97f;
}
.profile_camera_icon {
    display: block;
    position: relative;
    float: left;
    height: 18px;
    width: 25px;
    padding: 0 5px 0 10px;
    background-color: transparent;
    background-size: contain;
    background-image: url(../images/profile/camera_icon.png);
    background-repeat: no-repeat;
}
.profile_pic_upload_tex {
    display: inline-block;
    position: relative;
    float: left;
    font-family: 'CenturyGothicBold', sans-serif;
    font-size: 12px;
    -webkit-font-size: 12px;
    font-weight: 50;
    text-align: right;
    color: #000;
    padding: 0 0 0 0;
}
.profile_pic_upload_btn_case {
    display: inline-block;
    position: absolute;
    bottom: 8px;
    width: 100%;
    height: 28px;
    background-color:transparent;
    overflow: hidden;
}
.profile_pic_upload_btn {
    display: inline-block;
    position: relative;
    float: right;
    height: 18px;
    font-family: 'CenturyGothicBold', sans-serif;
    font-size: 15px;
    -webkit-font-size: 15px;
    font-weight: 50;
    text-align: center;
    color: #000;
    padding: 4px;
    margin: 0 8px 0 0;
    border: 1px solid #484848;
    border-radius: 2px;
    cursor: pointer;
    transition-duration: 0.4s;
    -webkit-transition: all 200ms ease-in-out;
    -ms-transition: all 200ms ease-in-out;
    -moz-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out;
}
.profile_pic_upload_btn:hover {
    background-color: rgba(0,0,0,0.20) !important;
}
.profile_pic_file_btn {
    display: inline-block;
    position: relative;
    float: right;
    height: 18px;
    font-family: 'CenturyGothicBold', sans-serif;
    font-size: 15px;
    -webkit-font-size: 15px;
    font-weight: 50;
    text-align: center;
    color: #000;
    padding: 4px;
    margin: 0 8px 0 0;
    border: 1px solid #484848;
    border-radius: 2px;
    cursor: pointer;
    transition-duration: 0.4s;
    -webkit-transition: all 200ms ease-in-out;
    -ms-transition: all 200ms ease-in-out;
    -moz-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out;
}

.profile_pic_file_btn:hover {
    background-color: rgba(0,0,0,0.20) !important;
}
.profile_popup {
    z-index: 121;
    display: none;
    position: fixed;
    bottom: 0;
    top: 0;
    right: 0;
    left: 0;
    width: 200px;
    height: 150px;
    margin: auto;
    background-color: #fff;
    opacity: 0;
    overflow: hidden;
    transition-duration: 0.4s;
    -webkit-transition: all 200ms ease-in-out;
    -ms-transition: all 200ms ease-in-out;
    -moz-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out;
}
.jconfirm-title {
    font-size:20px !important; 
	font-family: 'CenturyGothicBold', sans-serif !important;
}
.jconfirm-box {
	font-family: 'CenturyGothicBold', sans-serif !important;
}
.profile_pic_upload_popup {
    z-index: 121;
    display:none;
    position: fixed;
    bottom: 0;
    top: 0;
    right: 0;
    left: 0;
    width: 455px;
    height: 465px;
    margin: auto;
    background-color: #fff;
    opacity: 0;
    overflow: hidden;
    transition-duration: 0.4s;
    -webkit-transition: all 200ms ease-in-out;
    -ms-transition: all 200ms ease-in-out;
    -moz-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out;
}
.profile_pic_file_btn input[type="file"] {
    position:absolute;
    top:0;
    left:0;
    width: 100%;
    height:100%;
    opacity:0;
    cursor:pointer;
}
.profile_status_ball {
  	display: block;
	position: relative;
	float: left;
  	height: 100%;
  	width: 15px;
    margin-top: 3px;
	background-color:transparent;
	background-size:contain;		
	background-image:url(../images/profile/red_ball.png);
	background-repeat:no-repeat;
}
.profile_member_since_box { 
	display: inline-block;
	position: relative;
	float: left;
  	width: 35%; 
	height: 4%;
    margin-right: 50%;
	overflow: hidden;
}
.profile_social_icon_box { 
	display: none;
	position: relative;
	float: left;
  	width: 1vw;; 
	height: 100%;
	margin-right: .22vw;
	background-repeat:no-repeat;
	background-color:transparent;
	background-size:contain;
	cursor:pointer;
	border-radius: 2px;
    border: 2px solid transparent;
	transition-duration: 0.4s;
	-webkit-transition: all 200ms ease-in-out;
    -ms-transition: all 200ms ease-in-out;
    -moz-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out;
}
.profile_social_icon_box:hover { 
	border-radius: 2px;
    border: 2px solid #f82a2a;
}
.profile_tex_reg {
    display: inline-block;
    position: relative;
    float: left;
    font-family: 'CenturyGothicRegular', sans-serif;
    font-weight: 420;
    text-align: left;
    line-height: 15px;
}
.profile_tex_bold {
	display: inline-block;
	position: relative;
	float: left;
	font-family: 'CenturyGothicBold', sans-serif;
	font-weight: 50;
	text-align: left;
    line-height:15px;
}
.profile_tex_hov {
	display: inline-block;
	position: relative;
	float: left;
	font-family: 'CenturyGothicRegular', sans-serif;
	letter-spacing: 0.02vw;
	font-weight: 420;
	text-align: left;
	color:#597feb;
	-webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    transition: all 300ms ease;
	cursor: pointer;
}
.profile_tex_hov:hover{
	color:#fff;
}
.profile_tex_hov2 {
    display: inline-block;
    position: relative;
    float: left;
    font-family: 'CenturyGothicRegular', sans-serif;
    letter-spacing: 0.02vw;
    font-weight: 420;
    text-align: left;
    color: #d84840;
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    transition: all 300ms ease;
    cursor: pointer;
}

    .profile_tex_hov2:hover {
        color: #fff;
    }
.profile_misc_case { 
	display: inline-block;
	position: relative;
	float: left;
  	width: 100%; 
	height: 3%;
	margin: 2% 0 0 0;
}
.profile_plus_sign { 
	display: inline-block;
	position: relative;
	float: left;
  	width: 5%; 
	height:100%;
	
}
.profile_plus_sign:before {
	font-family: FontAwesome_Solid;
	content:"\f067";
	color:#597feb;
}
.profile_plus_sign:hover { 
	color:#fff;

}
.add_social_case, .new_email_case, .new_password_case { 
	display: none;
	position: relative;
	float: left;
  	width: 100%; 
	height: 7vh;
	margin: 2% 0 0 0;
}
input[class=profile_form_box] {
	display:inline-block;
	position: relative;
	float: left;
	height:5%;
    padding: 3px 3px 3px 6px;
    background-color:#fff;
	font-family: 'CenturyGothicRegular', sans-serif;
	font-size: 0.8vw;
	-webkit-font-size: 0.8vw;
	letter-spacing: 0.05vw;
	text-align: left;
	color: #000;
	font-weight: 400;
	-webkit-transition: 0.2s;
	-moz-transition: 0.2s;
  	-o-transition: 0.2s;
    transition: 0.2s;	
}
input[class=profile_form_box]:focus {
    background-color: #fff;
	color: #222222;
	-webkit-box-shadow: 7px 7px 14px -1px rgba(0,0,0,0.59);
	-moz-box-shadow: 7px 7px 14px -1px rgba(0,0,0,0.59);
	box-shadow: 7px 7px 14px -1px rgba(0,0,0,0.59);
}
select[class=profile_select_box] {
	display:inline-block;
	position: relative;
	float: left;
	height:5%;
    padding: 3px 3px 3px 6px;
    background-color:#fff;
	font-family: 'CenturyGothicRegular', sans-serif;
	font-size: 0.8vw;
	-webkit-font-size: 0.8vw;
	letter-spacing: 0.05vw;
	text-align: left;
	color: #000;
	font-weight: 400;
	-webkit-transition: 0.2s;
	-moz-transition: 0.2s;
  	-o-transition: 0.2s;
    transition: 0.2s;	
}
select[class=profile_select_box]:focus {
    background-color: #fff;
	color: #222222;
	-webkit-box-shadow: 7px 7px 14px -1px rgba(0,0,0,0.59);
	-moz-box-shadow: 7px 7px 14px -1px rgba(0,0,0,0.59);
	box-shadow: 7px 7px 14px -1px rgba(0,0,0,0.59);
}
textarea[class=profile_textarea_box] {
	display:inline-block;
	position: relative;
	float: left;
	width: 100%;
    padding: 3px 3px 3px 6px;
	margin-top: 1vh;
    background-color:#fff;
	font-family: 'CenturyGothicRegular', sans-serif;
	font-size: 0.8vw;
	-webkit-font-size: 0.8vw;
	letter-spacing: 0.05vw;
	text-align: left;
	color: #000;
	font-weight: 400;
	resize: none;
	-webkit-transition: 0.2s;
	-moz-transition: 0.2s;
  	-o-transition: 0.2s;
    transition: 0.2s;	
}
textarea[class=profile_textarea_box]:focus {
    background-color: #fff;
	color: #222222;
	-webkit-box-shadow: 7px 7px 14px -1px rgba(0,0,0,0.59);
	-moz-box-shadow: 7px 7px 14px -1px rgba(0,0,0,0.59);
	box-shadow: 7px 7px 14px -1px rgba(0,0,0,0.59);
}
button[class=profile_save_btn] {
	display:inline-block;
	position: relative;
	float: left;
	font-family: 'CenturyGothicBold', sans-serif;
	font-size: 1.2vw;
	-webkit-font-size: 1.2vw;
	letter-spacing: 0.05vw;
	font-weight: 50;
	text-align: left;
	color:#597feb;
	cursor: pointer;
	background-color: transparent;
	background:none;
    border:none;
    margin:0;
    padding:0;
	-webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    transition: all 300ms ease;
}
button[class=profile_save_btn]:hover {
	color:#fff;
}
button[class=profile_publish_btn] {
	display:inline-block;
	position: relative;
	float: left;
	font-family: 'CenturyGothicBold', sans-serif;
	font-size: 1.5vw;
	-webkit-font-size: 1.5vw;
	letter-spacing: 0.05vw;
	font-weight: 200;
	text-align: left;
	color:#597feb;
	cursor: pointer;
	background-color: transparent;
	background:none;
    border:none;
    margin: 1.3vh 0 0 0;
	padding: 0 0 0 0;
	border-bottom: #FFFFFF solid 2px;
	border-top: #FFFFFF solid 2px;
	-webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    transition: all 300ms ease;
}
button[class=profile_publish_btn]:hover {
	color:#fff;
}
.profile_checkbox {
  	display:inline;
  	position: relative;
  	float: left;
  	width: 2.2vh;
  	height: 2.2vh;
  	background: #fff;

  label {
    width: 20px;
    height: 20px;
    cursor: pointer;
    position: absolute;
    left: 4px;
    top: 4px;
    background-color: #fff;
    &:after {
      content: '';
      width: 9px;
      height: 5px;
      position: absolute;
      top: 4px;
      left: 4px;
      border: 3px solid #fcfff4;
      border-top: none;
      border-right: none;
      background: transparent;
      opacity: 0;
      transform: rotate(-45deg);
    }
    &:hover::after {
      opacity: 0.3;
    }
  }
  input[type=checkbox] {
    visibility: hidden;
    &:checked + label:after {
      opacity: 1;
    }    
  }
}
/*----HOME--------------------------------------------------------------------------------------*/
.home_container { 
	z-index:96;
	display:block;
  	width: 100vw; 
	background-color:#000000;
	background-size:cover;		
	background-image:url(../images/home/hb_enchanted_forest.jpg);
	background-repeat:no-repeat;
	background-position:bottom;	
}
.home_frog_case {
    z-index: 97;
    display: block;
    position: absolute;
    width: 30vw;
    height: 50vh;
    bottom: 14vh;
    margin: 0 0 0 5vw;
    opacity: 1;
    background-color: transparent;
}
.home_frog_base {
    z-index: 98;
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    bottom: 0;
    background-color: transparent;
    background-size: contain;
    background-image: url(../images/home/frog_base.png);
    background-repeat: no-repeat;
    background-position: bottom;
    cursor: pointer;
}
.home_frog_ro {
    z-index: 99;
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    bottom: 0;
    opacity: 0;
    background-color: transparent;
    background-size: contain;
    background-image: url(../images/home/frog_ro.png);
    background-repeat: no-repeat;
    background-position: bottom;
    cursor: pointer;
}
.home_clock_case { 
    position: absolute;
    left: 48%;
    margin-right: -50%;
    transform: translate(-50%, -0%);
	top:3vh;
}
.home_token_tex {
	width:100%;
	font-family: 'CenturyGothicRegular', sans-serif;
	font-size: 1.8vw;
	-webkit-font-size: 1.8vw;
	letter-spacing: 0.2vw;
	color:#fff;
	font-weight: 520;
	text-align: center;
	padding-bottom: 1.8vh;
	padding-left: 2vw;
	transition-duration: 2s;	
	-webkit-transition: all 400ms ease;
    -ms-transition: all 400ms ease;
    -moz-transition: all 400ms ease;
    transition: all 400ms ease;
	cursor: pointer;
}
.home_token_tex:hover {
	color:#6a8dff;
	letter-spacing: 0.3vw;
}
.arrow_case {
    background-color: transparent;
    position: fixed;
    width: 100%;
    height: 20vh;
    margin: 35vh 0 0 0;
    opacity: 0;
    animation-delay: 1s;
    -webkit-animation: arrowInOut 6s linear forwards;
    animation: arrowInOut 6s linear forwards;
}
@-webkit-keyframes arrowInOut {
    0%,100% { opacity: 0; }
    30%, 80% { opacity: 1; }
}

@keyframes arrowInOut {
    0%,100% { opacity: 0; }
    30%, 80% { opacity: 1; }
}
.sketch_arrow_L {
    display: block;
    position: absolute;
    left: 0;
    width: 20vw;
    max-width: 350px;
    height: 0;
    padding-top: 8%;
    margin: 0 0 0 70px;
    background-color: transparent;
    background-size: contain;
    background-image: url(../images/home/sketch_arrow.png);
    background-repeat: no-repeat;
    background-position: 100% 100%;

}
.sketch_arrow_R {
    display: block;
    position: absolute;
    right: 0;
    width: 20vw;
    max-width: 350px;
    height: 0;
    padding-top: 8%;
    margin: 0 70px 0 0;
    background-color: transparent;
    background-size: contain;
    background-image: url(../images/home/sketch_arrow.png);
    background-repeat: no-repeat;
    background-position: 100% 100%;
    -moz-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
}

/*----ABOUT US--------------------------------------------------------------------------------------*/
.about_off { 
	opacity:0;
}
.about_container { 
	z-index:96;
	display:none;
  	width: 100%; 
	height:100%;
	background-color:transparent;
	background-size:cover;		
	background-image:url(../images/about/about_back_02.jpg);
	background-repeat:no-repeat;	
}
.about_bio_block {
	display:inline-block; 
  	width: 31vw;
	height: 100%; 
	margin-left:1.1vw;
	background-color:transparent;
	transition-duration: 2s;	
	-webkit-transition: all 400ms ease;
    -ms-transition: all 400ms ease;
    -moz-transition: all 400ms ease;
    transition: all 400ms ease;
}
.about_bio_block_fade {
	opacity:.5;
}
.about_bio_pic { 
	display:inline-block;
  	width: 100%;
	height:20vw; 
	margin-top:4vh;
    background-repeat:no-repeat;
	background-size:contain;
}
.about_bio_name_tex { 
	padding-left:3%;

	font-family: 'CenturyGothicBold', sans-serif;
	font-size: 1.4vw;
	-webkit-font-size: 1.4vw;
	text-align:left;
	letter-spacing: .03vw;
	color: #000;
	font-weight: 400;
	transition-duration: 2s;	
	-webkit-transition: all 400ms ease;
    -ms-transition: all 400ms ease;
    -moz-transition: all 400ms ease;
    transition: all 400ms ease;	
}
.about_bio_name_tex_02 {
	font-family: 'CenturyGothicBold', sans-serif;
	font-size: 1.2vw;
	-webkit-font-size: 1.2vw;
	text-align:left;
	letter-spacing: .02vw;
	color:#fff;
	font-weight: 100;
	transition-duration: 2s;	
	-webkit-transition: all 400ms ease;
    -ms-transition: all 400ms ease;
    -moz-transition: all 400ms ease;
    transition: all 400ms ease;
}
.about_bio_name_block { 
	display:inline-block;
  	width: 100%;
	height: 3.2vh; 
	margin-top:0.2vh;
    background-image: url(../images/about/about_name_back.png);
}
.about_bio_tex{ 
	padding-top:1vh;
	padding-left:3%;
	padding-right:3%;
	
	font-family: 'CenturyGothicRegular', sans-serif;
	font-size: .9vw;
	-webkit-font-size: .9vw;
	text-align: left;
	letter-spacing: 0.5px;
	line-height:1.6vh;
	color: #fff;
	font-weight: 300;
	transition-duration: 2s;	
	-webkit-transition: all 400ms ease;
    -ms-transition: all 400ms ease;
    -moz-transition: all 400ms ease;
    transition: all 400ms ease;
}
.about_bio_tex_block { 
	display:inline-block;
    float:left;
  	width: 100%;
	height: 52%; 
    background-repeat:no-repeat;
	background-size:cover;
    background-image: url(../images/about/about_bio_text_back.png);
}
.about_left_tex_block { 
	display:inline-block;
	float:left;
  	width: 27vw;
	height: 100%; 
	margin-left:4.5vw;
	background-color:transparent;
	transition-duration: 2s;	
	-webkit-transition: all 400ms ease;
    -ms-transition: all 400ms ease;
    -moz-transition: all 400ms ease;
    transition: all 400ms ease;
}
.about_header_tex { 
	display:inline-block;
	float:left;
	width:100%;
	height: 4vh; 
	margin-top:2.5vh;
	margin-bottom:1.2vh;
	font-family: 'CenturyGothicBold', sans-serif;
	font-size: 1.8vw;
	-webkit-font-size: 1.8vw;
	text-align:left;
	letter-spacing: 1px;
	color:#fff;
	font-weight: 500;
	background-color:transparent;
}
.about_body_tex { 
	display:inline-block;
	float:left;
	width:100%;

	font-family: 'CenturyGothicRegular', sans-serif;
	font-size: .9vw;
	-webkit-font-size: .9vw;
	text-align: justify;
	letter-spacing: 1px;
	line-height:1.7vh;
	color: #fff;
	font-weight: 320;
	background-color:transparent;
}
.artist_link { 
	font-family: 'CenturyGothicBold', sans-serif;
	font-size: .9vw;
	-webkit-font-size: .9vw;
	letter-spacing: 1px;
	line-height:2vh;
	color:#C97C41;
	font-weight: 320;
	cursor:pointer;
	transition-duration: 2s;	
	-webkit-transition: all 400ms ease;
    -ms-transition: all 400ms ease;
    -moz-transition: all 400ms ease;
    transition: all 400ms ease;
}
.artist_link:hover { 
	color:#6A7EC9;
	
}
/*----ARTIST--------------------------------------------------------------------------------------*/
.artist_off { 
	opacity:0;
}
.artist_container { 
	z-index:95;
	display:none;
  	width: 100%; 
	height:100%;
	background-color:#000;	
}
.artist_pic_block {
	z-index:98;
	display:none;
	position:absolute;
	width:100%;
	height:100%;
	opacity:0;
	top: 0;
	left:0;
	cursor:pointer;
	background-position: center center;
	background-repeat:no-repeat;
	background-size:contain;
	background-color:#000000;
	
	font-family: 'CenturyGothicRegular', sans-serif;
	font-size: 1.6vw;
	-webkit-font-size: 1.6vw;
	letter-spacing: 1px;
	color:#BCBCBC;
	font-weight: 300;
	text-align:center;
	padding-top:20px;
}
.artist_thumb_box { 
	display:inline-block;
	float:left;
  	width: 20%; 
	height:50%;
	cursor:pointer;
	background-color:transparent;
	background-size:cover;		
	background-repeat:no-repeat;
	background-position:center;	
}
/*----TEXT--------------*/
.artist_thumb_artname_tex { 
	width:100%;
	padding-left:1.5vw;
	padding-top:1vh;
	font-family: 'CenturyGothicRegular', sans-serif;
	font-size: 1vw;
	-webkit-font-size: 1vw;
	text-align:left;
	letter-spacing: .03vw;
	font-weight: 450;
}
.artist_thumb_name_tex { 
	padding-left:1.5vw;
	font-family: 'CenturyGothicBold', sans-serif;
	font-size: 1vw;
	-webkit-font-size: 1vw;
	text-align:left;
	letter-spacing: .03vw;
	font-weight: 320;
	color:#fff;
}
.artist_thumb_tex { 
	font-family: 'CenturyGothicItalic', sans-serif;
	font-size: 1vw;
	-webkit-font-size: 1vw;
	text-align:left;
	letter-spacing: .03vw;
	font-weight: 320;
	color:#b7b1b1;
}
/*---------------------*/
.artist_thumb_ro { 
	display:block;
	position:relative;
	float:left;
  	width: 100%; 
	height:100%;
	cursor:pointer;
	background-color:transparent;
	background-size:cover;		
	background-repeat:no-repeat;
	background-position:center;	
	transition-duration: 2s;	
	-webkit-transition: all 400ms ease;
    -ms-transition: all 400ms ease;
    -moz-transition: all 400ms ease;
    transition: all 400ms ease;
}
.artist_thumb_ro:hover { 
	transform:translate(0px,-15px);
}
.artist_thumb_ro:hover .artist_thumb_ro_grade_01{ 
	top:-11%;
	opacity:1;
}
.artist_thumb_ro:hover .artist_thumb_ro_grade_02 { 
	top:10%;
	opacity:.88;
}
.artist_thumb_ro:hover .artist_thumb_ro_grade_03 { 
	top:28%;
	opacity:.79;
}
.artist_thumb_ro_grade_01, .artist_thumb_ro_grade_02, .artist_thumb_ro_grade_03 { 
	display:block;
	position:absolute;
	float:left;
  	width: 100%; 
	height:13.5%;
	opacity:0;
	top:90%;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	cursor:pointer;
	
	-webkit-box-shadow: 0px 6px 5px -2px rgba(0,0,0,0.61);
	-moz-box-shadow: 0px 6px 5px -2px rgba(0,0,0,0.61);
	box-shadow: 0px 6px 5px -2px rgba(0,0,0,0.61);
	
	background: #585b65; /* For browsers that do not support gradients */    
    background: -webkit-linear-gradient(left, #585b65, #2a3033); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(right, #585b65, #2a3033); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(right, #585b65, #2a3033); /* For Firefox 3.6 to 15 */
    background: linear-gradient(to right, #585b65, #2a3033); /* Standard syntax (must be last) */
	
	transition-duration: 2s;	
	-webkit-transition: all 400ms ease;
    -ms-transition: all 400ms ease;
    -moz-transition: all 400ms ease;
    transition: all 400ms ease;
}
/*----REWARDS--------------------------------------------------------------------------------------*/
.rewards_off {
    opacity: 0;
}

.rewards_container {
    z-index: 96;
    display: none;
    width: 100%;
    height: 100%;
    background-color: transparent;
    background-size: cover;
    background-position: 18% 10%;
    background-image: url(../images/rewards/rewards_back.jpg);
    background-repeat: no-repeat;
}

.rewards_bkg_blur {
    -webkit-filter: blur(5px);
    -moz-filter: blur(5px);
    -o-filter: blur(5px);
    -ms-filter: blur(5px);
    filter: blur(5px);
    -webkit-transform: scale(1.01);
    -moz-transform: scale(1.01);
    -ms-transform: scale(1.01);
    -o-transform: scale(1.01);
    transform: scale(1.01);
    animation: bkg_blur_anim .5s;
    animation-fill-mode: both;
}

.rewards_wrapper {
    display: block;
    width: 100%;
    height: 100%;
    background-color: transparent;
    transition-duration: 1s;
    -webkit-transition: all 200ms ease;
    -ms-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    transition: all 200ms ease;
}

.rewards_row {
    display: inline-block;
    position:relative;
    float: left;
    width: 100%;
    background-color: transparent;
}
.rewards_body_case {
    display: block;
    position: absolute;
    float: left;
    width: 50%;
    opacity: 1;
    background-color:transparent;
}
.rewards_head_txt {
    font-family: 'CenturyGothicRegular', sans-serif;
    font-size: 2.1vw;
    -webkit-font-size: 2.1vw;
    text-align: left;
    letter-spacing: 0.5vw;
    color: #fff;
    font-weight: 400;
}
.rewards_dot {
    display: inline-block;
    background: #fff;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    margin-right: 1vw;
}
.rewards_body_txt {
    font-family: 'CenturyGothicRegular', sans-serif;
    font-size: 1vw;
    -webkit-font-size: 1vw;
    text-align: left;
    letter-spacing: 0.07vw;
    line-height: 2.8vh;
    color: #fff;
    font-weight: 400;
    margin: 2vh 10px 0 0;
}
.rewards_body_txt_link {
    font-family: 'CenturyGothicBold', sans-serif;
    font-size: 1vw;
    -webkit-font-size: 1vw;
    text-align: left;
    letter-spacing: 0.07vw;
    font-weight: 20;
    color: #cf385e;
    cursor: pointer;
    transition-duration: 1s;
    -webkit-transition: all 200ms ease;
    -ms-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    transition: all 200ms ease;
}
.rewards_body_txt_link:hover {
        color: #f1b984;
    }
.rewards_main_btn {
    display: inline-block;
    position: relative;
    float: left;
    margin-right: 2vw;
    font-family: 'CenturyGothicBold', sans-serif;
    font-size: 1.2vw;
    -webkit-font-size: 1.2vw;
    text-align: left;
    letter-spacing: 0.1vw;
    color: #f1b984;
    font-weight: 20;
    cursor: pointer;
    transition-duration: 1s;
    -webkit-transition: all 200ms ease;
    -ms-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    transition: all 200ms ease;
}
.rewards_main_btn_active {
    color: #cf385e;
    border-bottom:1px solid #fff;
}
.rewards_main_btn:hover {
    color: #cf385e;
    border-bottom:1px solid #fff;
}
/*----DBL--------------------------------------------------------------------------------------*/
.dbl_off {
    opacity: 0;
}

.dbl_container {
    z-index: 96;
    display: none;
    width: 100%;
    height: 100%;
    background-color: transparent;
    background-size: cover;
    background-position: 18% 10%;
    background-image: url(../images/dbl/dbl_back.jpg);
    background-repeat: no-repeat;
}

.dbl_bkg_blur {
    -webkit-filter: blur(5px);
    -moz-filter: blur(5px);
    -o-filter: blur(5px);
    -ms-filter: blur(5px);
    filter: blur(5px);
    -webkit-transform: scale(1.01);
    -moz-transform: scale(1.01);
    -ms-transform: scale(1.01);
    -o-transform: scale(1.01);
    transform: scale(1.01);
    animation: bkg_blur_anim .5s;
    animation-fill-mode: both;
}

.dbl_wrapper {
    display: block;
    width: 100%;
    height: 100%;
    background-color: transparent;
    transition-duration: 1s;
    -webkit-transition: all 200ms ease;
    -ms-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    transition: all 200ms ease;
}
.dbl_logo {
    display: block;
    position: relative;
    width: 35%;
    height: 20%;
    background-color: transparent;
    background-size: contain;
    background-image: url(../images/dbl/dbl_logo.png);
    background-repeat: no-repeat;
    margin: 6vh 0 0 4vw;
}
.dbl_wall_pic_ro_container {
    display: block;
    width: 100%;
    height: 100%;
    background-color: transparent;
}
.dbl_wall_pic_ro {
    display: block;
    position: relative;
    width: 12%;
    height: 8%;
    background-color: transparent;
    cursor: pointer;
}
.dbl_viewer {
    z-index: 98;
    display: none;
    position: fixed;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    margin: auto;
    width: 20%;
    height: 10%;
    opacity: 0;
    background-color: #000;

    -webkit-animation: expand .8s forwards;
    -moz-animation: expand .8s infinite;
    -ms-animation: expand .8s infinite;
    -o-animation: expand .8s infinite;
    animation: expand .8s forwards;
}

@-webkit-keyframes expand {
    0% {
        width: 20%;
    }
    100% {
        width: 85%;
    }
    0% {
        height: 10%;
    }
    50% {
        height: 30%;
    }
    100% {
        height: 80%;
    }
}
.dbl_viewer_close {
    -webkit-animation: contract .2s forwards;
    -moz-animation: contract .2s infinite;
    -ms-animation: contract .2s infinite;
    -o-animation: contract .2s infinite;
    animation: contract .2s forwards;
}

@-webkit-keyframes contract {
    0% {
        width: 85%;
    }
    100% {
        width: 20%;
    }
    0% {
        height: 80%;
    }
    100% {
        height: 10%;
    }
}

.dbl_viewer_image {
    width: 100%;
    height: 100%;
    opacity: 0;
    background-color: transparent;
    background-size: contain;
    background-image: url();
    background-repeat: no-repeat;
    background-position: center;
}

.dbl_body_tex {
    display: block;
    position: fixed;
    right: 0;
    bottom: 0;
    width: 50vw;
    margin: 0 2vw 23vh 0;
    font-family: 'CenturyGothicBold', sans-serif;
    font-size: 1.1vw;
    -webkit-font-size: 1.1vw;
    text-align: left;
    letter-spacing: 0.02vw;
    line-height: 2vh;
    color: #fff;
    font-weight: 20;
}
.dbl_bottom_case {
    display: block;
    position: fixed;
    right: 0;
    bottom: 0;
    width: 52vw;
    height: 20vh;
    margin: 0 0 0 0;
    background-color: transparent;
}
.dbl_pdf_icon {
    display: inline-block;
    position: relative;
    float: left;
    width: 8%;
    height: 40%;
    margin: 1.6vh 0 0 0;
    background-color: transparent;
    background-size: contain;
    background-image: url(../images/dbl/dbl_pdf_icon.png);
    background-repeat: no-repeat;
    cursor: pointer;
    transition-duration: 1s;
    -webkit-transition: all 200ms ease;
    -ms-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    transition: all 200ms ease;
    -webkit-filter: brightness(100%); /* Safari */
    filter: brightness(100%);
}
.dbl_pdf_icon:hover {
    -webkit-filter: brightness(200%); /* Safari */
    filter: brightness(200%);
}
.dbl_pdf_tex {
    display: block;
    position: inline-block;
    position: relative;
    float: left;
    width: 34%;
    margin: 3vh 1vw 0 0.2vw;
    font-family: 'CenturyGothicBold', sans-serif;
    font-size: 1.1vw;
    -webkit-font-size: 1.1vw;
    text-align: left;
    letter-spacing: 0.1vw;
    color: #fff;
    font-weight: 20;
    cursor: pointer;
    transition-duration: 1s;
    -webkit-transition: all 200ms ease;
    -ms-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    transition: all 200ms ease;
}
.dbl_pdf_tex:hover {
    color: #fbd657;
}
.dbl_vid_thumb {
    display: inline-block;
    position: relative;
    float: left;
    width: 20%;
    height: 100%;
    margin: 0 1vw 0 1vw;
    background-color: transparent;
    background-size: contain;
    background-repeat: no-repeat;
    cursor: pointer;
    transition-duration: 1s;
    -webkit-transition: all 200ms ease;
    -ms-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    transition: all 200ms ease;
    -webkit-filter: brightness(100%); /* Safari */
    filter: brightness(100%);
}
.dbl_vid_thumb:hover {
    -webkit-filter: brightness(200%); /* Safari */
    filter: brightness(200%);
}
/*----PRESS--------------------------------------------------------------------------------------*/
.press_off {
    opacity: 0;
}
.press_container {
    z-index: 96;
    display: none;
    width: 100%;
    height: 100%;
    background-color: transparent;
    background-size: cover;
    background-position: 65% 0%;
    background-image: url(../images/press/press_back.jpg);
    background-repeat: no-repeat;
}
.press_bkg_blur {
    -webkit-filter: blur(5px);
    -moz-filter: blur(5px);
    -o-filter: blur(5px);
    -ms-filter: blur(5px);
    filter: blur(5px);
    -webkit-transform: scale(1.01);
    -moz-transform: scale(1.01);
    -ms-transform: scale(1.01);
    -o-transform: scale(1.01);
    transform: scale(1.01);
    animation: bkg_blur_anim .5s;
    animation-fill-mode: both
}
.press_wrapper {
    display: block;
    width: 100%;
    height: 100%;
    background-color: transparent;
    transition-duration: 1s;
    -webkit-transition: all 200ms ease;
    -ms-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    transition: all 200ms ease;
}
.press_column {
    display: inline-block;
    float:left;
    width: 25%;
    height: 100%;
    padding: 6vh 0 0 4vw;
    background-color:transparent;
}
.press_head_txt {
    font-family: 'CenturyGothicRegular', sans-serif;
    font-size: 1.7vw;
    -webkit-font-size: 1.7vw;
    text-align: left;
    letter-spacing: 0.8vw;
    color: #f5bb2c;
    font-weight: 200;
    padding-bottom:2vh;
}
.press_body_w1_txt {
    font-family: 'CenturyGothicRegular', sans-serif;
    font-size: 1vw;
    -webkit-font-size: 1vw;
    text-align: left;
    letter-spacing: 0;
    line-height:2.6vh;
    color: #fff;
    font-weight: 200;
    padding-bottom: 0.02vh;
    transition-duration: 1s;
    -webkit-transition: all 200ms ease;
    -ms-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    transition: all 200ms ease;
}
.press_body_w1_txt:hover {
    letter-spacing: 1px;
    color: #5e80ef;
}
.press_body_w2_txt {
    font-family: 'CenturyGothicRegular', sans-serif;
    font-size: 1vw;
    -webkit-font-size: 1vw;
    text-align: left;
    letter-spacing: 0;
    line-height: 2.6vh;
    color: #fff;
    font-weight: 200;
    padding-bottom: 0.02vh;
}

.press_body_o_txt {
    font-family: 'CenturyGothicBold', sans-serif;
    font-size: 1.5vw;
    -webkit-font-size: 1.5vw;
    text-align: left;
    letter-spacing: 0;
    line-height: 2.6vh;
    color: #f5bb2c;
    font-weight: 250;
    padding-bottom: 1.5vh;
}
/*---SERVICES---------------------------------------------------------------------------------------*/
.services_container {
	z-index:96;
	display:none;
  	width: 100vw; 
	margin-left:0px;
	background-color:#000000;
	
	transition-duration: 1s;	
	-webkit-transition: all 200ms;
    -ms-transition: all 200ms;
    -moz-transition: all 200ms;
    transition: all 200ms;
}
.services_bkg_blur  {		
	-webkit-filter: blur(5px);
  	-moz-filter: blur(5px);
  	-o-filter: blur(5px);
  	-ms-filter: blur(5px);
  	filter: blur(5px);
	
	-webkit-transform: scale(1.01);
    -moz-transform: scale(1.01);
    -ms-transform: scale(1.01);
    -o-transform: scale(1.01);
    transform: scale(1.01);
	
    animation: bkg_blur_anim .5s;
    animation-fill-mode: both
}
.services_sub_box { 
	z-index:95;
	position: relative;
  	width: 100vw; 
	height:33.33%;
	background-color:#000000;
	background-repeat:no-repeat;
	background-size:cover;
	cursor:pointer;
	-webkit-filter: brightness(1);
	transition-duration: 2s;
	-webkit-transition: all 400ms ease-in-out;
    -ms-transition: all 400ms ease-in-out;
    -moz-transition: all 400ms ease-in-out;
    transition: all 400ms ease-in-out;
	filter: brightness(1);  		
}
.services_sub_box:hover { 
	-webkit-filter: brightness(1.3);
	filter: brightness(1.3);
    box-shadow: inset 0 0 0 10px rgba(90,93,110,0.50);
}
.services_sub_box_fade { 
	opacity: 0.5;  
}
.services_header_text { 
	display:inline-block;
   	position: absolute;
	width: 100%;
    height: 50%;
    margin: auto;
    top: 0;
    bottom: 0;
	padding-left:5vw;
	font-family: 'CenturyGothicRegular', sans-serif;
	font-size: 7vw;
	-webkit-font-size: 7vw;
	text-align:left;
	letter-spacing: 3px;
	color: #000;
	font-weight: 200;
	transition-duration: 1s;	
	-webkit-transition: all 200ms ease;
    -ms-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    transition: all 200ms ease;
}
.services_header_text_off {
    opacity: 0;
}
.services_coming_text_off { 
	opacity:0;
}
.services_coming_text {
    display: inline-block;
    position: relative;
    margin-top: 4vh;
    padding-left: 6.5vw;
    font-family: 'CenturyGothicRegular', sans-serif;
    font-size: 3.1vw;
    -webkit-font-size: 3.1vw;
    text-align: left;
    letter-spacing: 1px;
    color: #000;
    font-weight: 200;
    transition-duration: 1s;
    -webkit-transition: all 200ms ease;
    -ms-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    transition: all 200ms ease;
}
.services_sub_box:hover .services_header_text { 
	letter-spacing: 6px;
}

.press_off {
    opacity: 0;
}
/*---CONCEPT------------------------------------------------------------------*/
/*-------------------------------------------------------------------------*/
.concept_container {
    z-index: 96;
    display: none;
    width: 100%;
    height: 100%;
    background-color: transparent;
    background-size: cover;
    background-position: 20% 15%;
    background-image: url(../images/concept/concept_main_bkg.jpg);
    background-repeat: no-repeat;
}

.concept_bkg_blur {
    -webkit-filter: blur(5px);
    -moz-filter: blur(5px);
    -o-filter: blur(5px);
    -ms-filter: blur(5px);
    filter: blur(5px);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    animation: bkg_blur_anim .5s;
    animation-fill-mode: both
}
.conecpt_wrapper {
    display: block;
    width: 100%;
    height: 100%;
}
.conecpt_wrapper_off {
    opacity: 0;
    transition-duration: 1s;
    -webkit-transition: all 200ms ease;
    -ms-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    transition: all 200ms ease;
}
.concept_viewer {
    z-index: 97;
    display: none;
    position: absolute;
    display: none;
    width: 100%;
    height: 100%;
    opacity: 0;
    background-color: rgba(56,62,73,0.95);
}
.concept_viewer_image {
    z-index: 98;
    position: absolute;
    display: block;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    margin: auto;
    opacity: 1;
    height: 50%;
    width: 85%;
    cursor: pointer;
}
.concept_viewer_image img{
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    margin: auto;
}
.concept_viewer_arrow_container {
    z-index: 99;
    position: absolute;
    display: block;
    width: 50px;
    height: 50px;
    background-color: transparent;
    top: 0;
    bottom: 0;
    margin: auto;
    padding-top: 20px;
    cursor: pointer;
    
}
.concept_viewer_arrow_r {
    border: solid white;
    border-width: 0 3px 3px 0;
    display: inline-block;
    padding: 10px;
    opacity: 0.5;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
    transition: all 0.2s ease-in-out;
}
.concept_viewer_arrow_l {
    border: solid white;
    border-width: 0 3px 3px 0;
    display: inline-block;
    padding: 10px;
    opacity: 0.5;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
    transition: all 0.2s ease-in-out;
}
.concept_viewer_arrow_container:hover .concept_viewer_arrow_r {
    margin: 0 15px;
    opacity: 1;
}
.concept_viewer_arrow_container:hover .concept_viewer_arrow_l {
    margin: 0 -15px;
    opacity: 1;
}
.concept_header_tex {
    display: inline-block;
    position: relative;
    margin-top: 4.3vh;
    padding-left: 4.6vw;
    width: 100%;
    font-family: 'CenturyGothicRegular', sans-serif;
    font-size: 2vw;
    -webkit-font-size: 2vw;
    text-align: left;
    letter-spacing: 0.02vw;
    color: #fff;
    font-weight: 200;
    cursor: pointer;
    transition-duration: 1s;
    -webkit-transition: all 200ms ease;
    -ms-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    transition: all 200ms ease;
}
.concept_header_tex:hover {
    letter-spacing: 0.03vw;
    color: #4985d7;
}
.concept_home_container {
    display: inline-block;
    position: absolute;
    width: 100%;
    height: 80vh;
    bottom: 0;
    margin: auto;
    background-color: transparent;
}
.concept_link_container {
    display: inline-block;
    position: absolute;
    width: 50%;
    height: 7vh;
    top: 0;
    left: 0;
    right: 0;
    bottom: 65vh;
    margin: auto;
    background-color: transparent;
}
.concept_link_box {
    position:relative;
    float: left;
    width: 20%;
    margin: 0 auto;
    background-color: transparent;
}
.concept_link_showcase_tex, .concept_link_services_tex, .concept_link_process_tex, .concept_link_hire_tex, .concept_link_login_tex {
    width: 100%;
    cursor: pointer;
    font-family: 'CenturyGothicRegular', sans-serif;
    font-size: 1.2vw;
    -webkit-font-size: 1.2vw;
    text-align: center;
    letter-spacing: 1px;
    color: #878ba5;
    font-weight: 200;
    transition-duration: 1s;
    -webkit-transition: all 200ms ease;
    -ms-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    transition: all 200ms ease;
}
.concept_link_showcase_tex:hover {
    font-size: 1.4vw;
    -webkit-font-size: 1.4vw;
    color: #fff;
    font-family: 'CenturyGothicBold', sans-serif;
}

.concept_link_services_tex:hover {
    font-size: 1.4vw;
    -webkit-font-size: 1.4vw;
    color: #fff;
    font-family: 'CenturyGothicBold', sans-serif;
}
.concept_link_process_tex:hover {
    font-size: 1.4vw;
    -webkit-font-size: 1.4vw;
    color: #fff;
    font-family: 'CenturyGothicBold', sans-serif;
}
.concept_link_hire_tex:hover {
    font-size: 1.4vw;
    -webkit-font-size: 1.4vw;
    color: #fff;
    font-family: 'CenturyGothicBold', sans-serif;
}
.concept_link_login_tex:hover {
    font-size: 1.4vw;
    -webkit-font-size: 1.4vw;
    color: #fff;
    font-family: 'CenturyGothicBold', sans-serif;
}
.concept_link_active {
    cursor: default;
    font-size: 1.4vw;
    -webkit-font-size: 1.4vw;
    color: #fff;
    font-family: 'CenturyGothicBold', sans-serif;
}
/*---Hire Us-----*/
.concept_hire_container {
    z-index: 95;
    display: none;
    position: absolute;
    width: 780px;
    height: 55vh;
    opacity: 0;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    background-color: transparent;
}
.concept_hire_tex {
    display: inline-block;
    position: relative;
    float: left;
    margin: 0 30px 0 0;
    width: 17vw;
    max-width: 260px;
    height: 400px;
    font-family: 'CenturyGothicRegular', sans-serif;
    font-size: 15px;
    -webkit-font-size: 15px;
    text-align: left;
    letter-spacing: 1px;
    line-height: 2.5vh;
    color: #fff;
    font-weight: 200;
    text-align: left;
    text-justify: inter-word;
}
.concept_hire_form_box {
    display: inline-block;
    position: relative;
    float: left;
    width: 460px;
    height: 45vh;
    min-height: 350px;
    max-height: 475px;
    padding: 15px;
    background-color: #363743;
}
select[class=hire_select_box] {
    display: inline-block;
    position: relative;
    float: left;
    height: 30px;
    width: 220px;
    padding: 3px 3px 3px 6px;
    background-color: #fff;
    font-family: 'CenturyGothicRegular', sans-serif;
    font-size: 15px;
    -webkit-font-size: 15px;
    letter-spacing: 1px;
    text-align: left;
    color: #656565;
    font-weight: 400;
    transition-duration: 1s;
    -webkit-transition: all 200ms ease;
    -ms-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    transition: all 200ms ease;
    -webkit-box-shadow: 7px 7px 10px -1px rgba(0,0,0,0.39);
    -moz-box-shadow: 7px 7px 10px -1px rgba(0,0,0,0.39);
    box-shadow: 7px 7px 10px -1px rgba(0,0,0,0.39);
}
select[class=hire_select_box]:focus {
    background-color: #c78f8c;
    color: #3a3a3a;
    -webkit-box-shadow: 7px 7px 14px -1px rgba(0,0,0,0.39);
    -moz-box-shadow: 7px 7px 14px -1px rgba(0,0,0,0.39);
    box-shadow: 7px 7px 14px -1px rgba(0,0,0,0.39);
}
textarea[class=hire_textarea_box] {
    display: inline-block;
    position: relative;
    float: left;
    width: 445px;
    height: 15vh;
    max-height: 200px;
    min-height: 150px;
    padding: 3px 3px 3px 6px;
    margin-top: 0;
    background-color: #fff;
    font-family: 'CenturyGothicRegular', sans-serif;
    font-size: 15px;
    -webkit-font-size: 15px;
    letter-spacing: 1px;
    text-align: left;
    color: #656565;
    font-weight: 400;
    resize: vertical;
    transition-duration: 1s;
    -webkit-transition: all 200ms ease;
    -ms-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    transition: all 200ms ease;
    -webkit-box-shadow: 7px 7px 10px -1px rgba(0,0,0,0.39);
    -moz-box-shadow: 7px 7px 10px -1px rgba(0,0,0,0.39);
    box-shadow: 7px 7px 10px -1px rgba(0,0,0,0.39);
}
textarea[class=hire_textarea_box]:focus {
    background-color: #c78f8c;
    color: #3a3a3a;
    -webkit-box-shadow: 7px 7px 14px -1px rgba(0,0,0,0.39);
    -moz-box-shadow: 7px 7px 14px -1px rgba(0,0,0,0.39);
     box-shadow: 7px 7px 14px -1px rgba(0,0,0,0.39);
}
input[class=hire_login_form_box] {
    display: inline-block;
    position: relative;
    float: left;
    width: 220px;
    height: 30px;
    padding: 3px 3px 3px 6px;
    margin-top: 2px;
    box-sizing: border-box;
    border: 1px solid white;
    background-color: #fff;
    font-family: 'CenturyGothicRegular', sans-serif;
    font-size: 15px;
    -webkit-font-size: 15px;
    letter-spacing: 1px;
    text-align: left;
    color: #656565;
    font-weight: 400;
    transition-duration: 1s;
    -webkit-transition: all 200ms ease;
    -ms-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    transition: all 200ms ease;
    -webkit-box-shadow: 7px 7px 10px -1px rgba(0,0,0,0.59);
    -moz-box-shadow: 7px 7px 10px -1px rgba(0,0,0,0.59);
    box-shadow: 7px 7px 10px -1px rgba(0,0,0,0.59);
}
input[class=hire_login_form_box]:focus {
    background-color: #c78f8c;
    color: #3a3a3a;
}
/*---Client Login---*/
.concept_client_container {
    z-index: 95;
    display: none;
    position: absolute;
    width: 100%;
    height: 80vh;
    bottom: 0;
    background-color: transparent;
}
.concept_client_row {
    display: inline-block;
    position: absolute;
    width: 440px;
    height: 100px;
    top: 22px;
    left: 0;
    right: 0;
    margin: auto;
    opacity: 0;
    background-color: transparent;
}
input[class=client_login_form_box] {
    display: inline-block;
    position: relative;
    float: left;
    width: 200px;
    height: 30px;
    padding: 3px 3px 3px 6px;
    margin-top: 2px;
    box-sizing: border-box;
    border: 1px solid white;
    background-color: #fff;
    font-family: 'CenturyGothicRegular', sans-serif;
    font-size: 15px;
    -webkit-font-size: 15px;
    letter-spacing: 1px;
    text-align: left;
    color: #656565;
    font-weight: 400;
    transition-duration: 1s;
    -webkit-transition: all 200ms ease;
    -ms-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    transition: all 200ms ease;
    -webkit-box-shadow: 7px 7px 10px -1px rgba(0,0,0,0.59);
    -moz-box-shadow: 7px 7px 10px -1px rgba(0,0,0,0.59);
    box-shadow: 7px 7px 10px -1px rgba(0,0,0,0.59);
}
input[class=client_login_form_box]:focus {
    background-color: #c78f8c;
    color: #3a3a3a;
}
.client_login_submit_btn {
    display: inline-block;
    position: relative;
    border: none;
    margin: 40px 0 0 170px;
    background-color: transparent;
    font-family: 'CenturyGothicBold', sans-serif;
    font-size: 20px;
    -webkit-font-size: 20px;
    letter-spacing: 1px;
    color: #688ef0;
    font-weight: 20;
    cursor: pointer;
    transition-duration: 1s;
    -webkit-transition: all 200ms ease;
    -ms-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    transition: all 200ms ease;
}
.client_login_submit_btn:hover {
    color: #fff;
}
/*--Services--*/
.concept_services_container {
    z-index: 95;
    display: none;
    position: absolute;
    width: 100%;
    height: 80vh;
    bottom: 0;
    background-color: transparent;
}
.concept_services_tex {
    display: none;
    position: relative;
    font-family: 'CenturyGothicRegular', sans-serif;
    font-size: 1vw;
    -webkit-font-size: 1vw;
    letter-spacing: 0.02vw;
    text-align: left;
    color: #fff;
    font-weight: 250;
    opacity: 0;
}
.concept_ro_tex {
    font-family: 'CenturyGothicBold', sans-serif;
    font-size: 1.3vw;
    -webkit-font-size: 1.3vw;
    letter-spacing: 0.02vw;
    color: rgba(59,79,135,1.00);
    font-weight: 25;
    cursor: pointer;
    transition-duration: 1s;
    -webkit-transition: all 200ms ease;
    -ms-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    transition: all 200ms ease;
}
.concept_ro_tex:hover {
    color: #e98a4b;
}
.concept_services_ribbon {
    z-index: 95;
    display: block;
    float: left;
    position: relative;
    width: 100%;
    height: 15vh;
    opacity: 1;
    background-color: transparent;
}
.concept_services_block {
    z-index: 96;
    display: inline-block;
    position: relative;
    float: left;
    width: 16.66%;
    height: 100%;
    overflow: hidden;
    cursor: pointer;
    opacity: 0;
    background-repeat: no-repeat;
    background-size: cover;
    background-color: transparent;
    transition-duration: 2s;
    -webkit-transition: all 400ms ease;
    -ms-transition: all 400ms ease;
    -moz-transition: all 400ms ease;
    transition: all 400ms ease;
    -webkit-filter: brightness(100%);
    filter: brightness(100%);

    -webkit-animation: cubeOpacity 0.8s ease-in;
    -webkit-animation-fill-mode: forwards;
    animation: cubeOpacity 0.8s ease-in;
    animation-fill-mode: forwards;
}
.concept_services_block:hover {
    -webkit-filter: brightness(150%);
    filter: brightness(150%);
    box-shadow: inset 0 0 0 10px rgba(90,93,110,0.50);
}
.concept_services_block:hover .concept_showcase_cube_hover {
    -webkit-animation: showcase_cube_anim .5s forwards;
    -moz-animation: showcase_cube_anim .5s infinite;
    -ms-animation: showcase_cube_anim .5s infinite;
    -o-animation: showcase_cube_anim .5s infinite;
    animation: showcase_cube_anim .5s forwards;
}
.concept_services_cube_tex {
    display: inline-block;
    position: absolute;
    width: 100%;
    height: 30%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    opacity: 0;
    font-family: 'CenturyGothicBold', sans-serif;
    font-size: 1.5vw;
    -webkit-font-size: 1.5vw;
    letter-spacing: 0.02vw;
    text-align: center;
    color: #fff;
    font-weight: 20;
    transition-duration: 2s;
    -webkit-transition: all 200ms ease;
    -ms-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    transition: all 200ms ease;
}
.concept_services_cube_bkg {
    display: inline-block;
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 0;
    background-color: rgba(66,111,111,0.85);
    transition-duration: 1.5s;
    -webkit-transition: all 200ms ease;
    -ms-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    transition: all 400ms ease;
}
.concept_services_block:hover .concept_services_cube_tex {
    opacity: 1;
    letter-spacing: 0.1vw;
}
.concept_services_block:hover .concept_services_cube_bkg {
    opacity: 1;
    box-shadow: inset 0 0 0 10px rgba(117,159,159,0.50);
}
.concept_services_links_case {
    display: none;
    position: relative;
    width: 98%;
    height: 6%;
    opacity: 0;
    margin: 0 0 0 2.9vw;
    background-color: transparent;
}
.concept_characters_link_tex, .concept_environments_link_tex, .concept_vehicles_link_tex, .concept_weapons_link_tex, .concept_storyboards_link_tex, .concept_illustrations_link_tex {
    display: inline-block;
    float: left;
    font-family: 'CenturyGothicRegular', sans-serif;
    font-size: 1.2vw;
    -webkit-font-size: 1.2vw;
    letter-spacing: 0.02vw;
    text-align: left;
    color: #7c8098;
    font-weight: 200;
    padding: 0 0 0 2vw;
    cursor: pointer;
    transition-duration: 2s;
    -webkit-transition: all 200ms ease;
    -ms-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    transition: all 200ms ease;
}
.concept_characters_link_tex:hover {
    font-size: 1.4vw;
    -webkit-font-size: 1.4vw;
    font-family: 'CenturyGothicBold', sans-serif;
    color: #fff;
}
.concept_environments_link_tex:hover {
    font-size: 1.4vw;
    -webkit-font-size: 1.4vw;
    font-family: 'CenturyGothicBold', sans-serif;
    color: #fff;
}
.concept_vehicles_link_tex:hover {
    font-size: 1.4vw;
    -webkit-font-size: 1.4vw;
    font-family: 'CenturyGothicBold', sans-serif;
    color: #fff;
}
.concept_weapons_link_tex:hover {
    font-size: 1.4vw;
    -webkit-font-size: 1.4vw;
    font-family: 'CenturyGothicBold', sans-serif;
    color: #fff;
}
.concept_storyboards_link_tex:hover {
    font-size: 1.4vw;
    -webkit-font-size: 1.4vw;
    font-family: 'CenturyGothicBold', sans-serif;
    color: #fff;
}
.concept_illustrations_link_tex:hover {
    font-size: 1.4vw;
    -webkit-font-size: 1.4vw;
    font-family: 'CenturyGothicBold', sans-serif;
    color: #fff;
}
.concept_services_link_tex_active {
    font-size: 1.4vw;
    -webkit-font-size: 1.4vw;
    font-family: 'CenturyGothicBold', sans-serif;
    color: #fff;
}
.concept_services_item_case {
    display: none;
    position: absolute;
    float: left;
    width: 90%;
    height: 63%;
    left: 0;
    right: 0;
    bottom: 5vh;
    margin: auto;
    background-color: #140f0d;
    cursor: pointer;
}
.concept_services_item {
    display: block;
    position: relative;
    float: left;
    width: 20%;
    height: 100%;
    opacity: 0;
    background-color: transparent;
    background-size: cover;
    background-repeat: no-repeat;
    overflow: hidden;

    -webkit-filter: brightness(100%);
    filter: brightness(100%);

    transition-duration: 2s;
    -webkit-transition: all 400ms ease;
    -ms-transition: all 400ms ease;
    -moz-transition: all 400ms ease;
    transition: all 400ms ease;

    -webkit-animation: cubeOpacity 0.8s ease-in;
    -webkit-animation-fill-mode: forwards;
    animation: cubeOpacity 0.8s ease-in;
    animation-fill-mode: forwards;
}
.concept_services_item:hover {
    -webkit-filter: brightness(150%);
    filter: brightness(150%);
    box-shadow: inset 0 0 0 10px rgba(90,93,110,0.50);
}
.concept_services_item:hover .concept_showcase_cube_hover {
    -webkit-animation: showcase_cube_anim .5s forwards;
    -moz-animation: showcase_cube_anim .5s infinite;
    -ms-animation: showcase_cube_anim .5s infinite;
    -o-animation: showcase_cube_anim .5s infinite;
    animation: showcase_cube_anim .5s forwards;
}
/*--Showcase--*/
.concept_showcase_container {
    z-index: 95;
    display: none;
    position: absolute;
    width: 100%;
    height: 80vh;
    bottom: 0;
    background-color: transparent;
}
.concept_showcase_row {
    display: inline-block;
    float: left;
    position: relative;
    opacity: 1;
    width: 100%;
    height: 25%;
    overflow: hidden;
    background-color: transparent;
}
.concept_showcase_cube {
    display: inline-block;
    position: relative;
    float: left;
    width: 10%;
    height: 100%;
    overflow: hidden;
    cursor: pointer;
    opacity: 0;
    background-color: transparent;
    background-repeat: no-repeat;
    background-size: cover;

    transition-duration: 2s;
    -webkit-transition: all 400ms ease;
    -ms-transition: all 400ms ease;
    -moz-transition: all 400ms ease;
    transition: all 400ms ease;

    -webkit-filter: brightness(100%);
    filter: brightness(100%);

    -webkit-animation: cubeOpacity 0.8s ease-in;
	-webkit-animation-fill-mode: forwards;
	animation: cubeOpacity 0.8s ease-in;
	animation-fill-mode: forwards; 
}
.concept_showcase_cube_hover {
    width: 100%;
    height: 100%;
    opacity: 0.3;
    top: 0;
    transform: translate(0px, -100%);
    background: linear-gradient(to bottom, rgba(30,87,153,0) 0%,
    rgba(255,255,255,1) 29%,rgba(255,255,255,1) 70%,
    rgba(125,185,232,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    background: -moz-linear-gradient(top, rgba(30,87,153,0) 0%, 
    rgba(255,255,255,1) 29%, rgba(255,255,255,1) 70%, 
    rgba(125,185,232,0) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(30,87,153,0) 0%,
    rgba(255,255,255,1) 29%,
    rgba(255,255,255,1) 70%,rgba(125,185,232,0) 100%); /* Chrome10-25,Safari5.1-6 */
}
.concept_showcase_cube:hover {
    -webkit-filter: brightness(150%);
    filter: brightness(150%);
    box-shadow: inset 0 0 0 10px rgba(90,93,110,0.50);
}
.concept_showcase_cube:hover .concept_showcase_cube_hover {
    -webkit-animation: showcase_cube_anim .5s forwards;
    -moz-animation: showcase_cube_anim .5s infinite;
    -ms-animation: showcase_cube_anim .5s infinite;
    -o-animation: showcase_cube_anim .5s infinite;
    animation: showcase_cube_anim .5s forwards;
}
@keyframes cubeOpacity {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes showcase_cube_anim {
    0% {
        transform: translate(0px, -100%);
    }
    25% {
        transform: translate(0px, 50%);
    }
    50% {
        transform: translate(0px, 100%);
    }
    75% {
        transform: translate(0px, 50%);
    }

    100% {
        transform: translate(0px, -100%);
    }
}
/*--Process--*/
.concept_process_container {
    z-index: 95;
    display: none;
    position: absolute;
    width: 100%;
    height: 80vh;
    bottom: 0;
    background-color: transparent;
}

.concept_process_tex {
    display: block;
    position: relative;
    width: 90%;
    height: 20%;
    padding: 2vw 0 2vh 5.2vw;
    font-family: 'CenturyGothicRegular', sans-serif;
    font-size: 1vw;
    -webkit-font-size: 1vw;
    letter-spacing: 0.02vw;
    text-align: left;
    color: #fff;
    font-weight: 250;
    opacity: 0;
    line-height: 2.4vh;
}
/*---SCHOOL------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------------*/

/*.error {
    border: 1px solid red;
    display:none;
}*/

/*#errorInvalid
{
    position:absolute;
    left:200px;
}*/
 

.school_container {
    z-index: 96;
    display: none;
    width: 100%;
    height: 100%;
    background-color: transparent;
    background-size: cover;
    background-position: 10% 15%;
    background-image: url(../images/school/school_bkg.jpg);
    background-repeat: no-repeat;
}
.school_off {
    opacity: 0;
}
.school_bkg_blur {
    -webkit-filter: blur(5px);
    -moz-filter: blur(5px);
    -o-filter: blur(5px);
    -ms-filter: blur(5px);
    filter: blur(5px);
    -webkit-transform: scale(1);
    -moz-transform: scale(1.01);
    -ms-transform: scale(1.01);
    -o-transform: scale(1.01);
    transform: scale(1);
    animation: bkg_blur_anim .5s;
    animation-fill-mode: both
}
.school_wrapper {
    display: block;
    width: 100%;
    height: 100%;
}
.school_wrapper_off {
    opacity: 0;
    transition-duration: 1s;
    -webkit-transition: all 200ms ease;
    -ms-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    transition: all 200ms ease;
}
.school_top_case {
    z-index: 97;
    display: inline-block;
    position: absolute;
    width: 100%;
    height: 10%;
    background-color: transparent;
    margin-top: 4vh;
}
.school_link_container {
    display: inline-block;
    float: right;
    width: 50%;
    height: 100%;
    background-color: transparent;
    margin: 2vh 4vw 0 0;
}
.school_link_box {
    display: inline-block;
    float: left;
    height: 100%;
    background-color: transparent;
}
.school_logo_case {
    display: inline-block;
    float: left;
    width: 22%;
    height: 100%;
    margin-left: 5vw;
    background-color: transparent;
}
.school_logo_tex {
    font-family: 'CenturyGothicRegular', sans-serif;
    font-weight: 200;
}
.school_link_home_tex, .school_link_workshops_tex, .school_link_facilities_tex, .school_link_faq_tex, .school_link_contact_tex, .school_link_cart_tex {
    width: 100%;
    cursor: pointer;
    font-family: 'CenturyGothicRegular', sans-serif;
    font-size: 1.3vw;
    -webkit-font-size: 1.3vw;
    text-align: center;
    letter-spacing: 1px;
    color: #fff;
    font-weight: 200;
    transition-duration: 1s;
    -webkit-transition: all 200ms ease;
    -ms-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    transition: all 200ms ease;
}
.school_link_home_tex:hover {
    color: #282828;
    font-family: 'CenturyGothicBold', sans-serif;
}
.school_link_workshops_tex:hover {
    color: #282828;
    font-family: 'CenturyGothicBold', sans-serif;
}
.school_link_facilities_tex:hover {
    color: #282828;
    font-family: 'CenturyGothicBold', sans-serif;
}
.school_link_faq_tex:hover {
    color: #282828;
    font-family: 'CenturyGothicBold', sans-serif;
}
.school_link_contact_tex:hover {
    color: #282828;
    font-family: 'CenturyGothicBold', sans-serif;
}
.school_link_cart_tex:hover {
    color: #282828;
    font-family: 'CenturyGothicBold', sans-serif;
}
.school_main_link_active {
    color: #282828;
    font-family: 'CenturyGothicBold', sans-serif;
}
.school_home_container {
    z-index: 96;
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    opacity: 1;
    background-color: transparent;
}
/*----Workshops---*/
.school_workshops_container {
    z-index: 96;
    position: fixed;
    display: block;
    width: 100%;
    height: 100%;
    opacity: 0;
    background-color: transparent;
}
.school_workshops_thumb_case {
    position: absolute;
    width: 90%;
    height: 69%;
    bottom: 8vh;
    left: 0;
    right: 0;
    margin: auto;
    background-color: black;
    transition-duration: 1s;
    -webkit-transition: all 200ms ease;
    -ms-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    transition: all 200ms ease;
}
.school_workshops_thumb {
    position: relative;
    display: inline-block;
    float: left;
    width: 16.6666%;
    height: 100%;
    opacity: 1;
    bottom: 0;
    cursor: pointer;
    background-color: transparent;
    background-size: cover;
    background-repeat: no-repeat;
    transition-duration: 1s;
    -webkit-transition: all 200ms ease;
    -ms-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    transition: all 200ms ease;
}
.school_workshops_thumb:hover {
    -webkit-filter: brightness(150%);
    filter: brightness(150%);
    box-shadow: inset 0 0 0 10px rgba(90,93,110,0.50);
}
.school_workshops_thumb:hover .workshops_thumb_tex {
    bottom: 38px;
}
.workshops_thumb_tex {
    position: absolute;
    bottom: 22px;
    left: 0;
    right: 0;
    margin: auto;
    width: 100%;
    font-family: 'CenturyGothicRegular', sans-serif;
    font-size: 1.7vw;
    -webkit-font-size: 1.7vw;
    text-align: center;
    letter-spacing: -0.02vw;
    color: #fff;
    font-weight: 300;
    -webkit-transition: 0.3s ease-out;
    -ms-transition: 0.3s ease-out;
    -moz-transition: 0.3s ease-out;
    transition: 0.3s ease-out;
}
.school_head_tex {
    display:inline-block;
    position: relative;
    float: left;
    font-family: 'CenturyGothicBold', sans-serif;
    font-size: 2.1vw;
    -webkit-font-size: 2.1vw;
    letter-spacing: 0.08vw;
    color: #000;
    font-weight: 30;
}
.school_workshops_class_case {
    z-index: 96;
    position: fixed;
    display: none;
    width: 100%;
    height: 100%;
    opacity: 0;
    background-color: transparent;
    background-size: cover;
    background-repeat: no-repeat;
}
.school_workshops_class_bkg {
    z-index: 90;
    position: absolute;
    display: block;
    bottom:0;
    width: 100%;
    height: 87%;
    opacity: 1;
    background-color: transparent;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50% 50%;
}
.school_workshop_link_container {
    z-index: 98;
    position: relative;
    display: inline-block;
    float: left;
    width: 52%;
    height: 3%;
    opacity: 1;
    background-color: transparent;
    margin: 16vh 0 0 5vw;
    border-bottom: solid #fff 2px;
    transition-duration: 1s;
    -webkit-transition: all 200ms ease;
    -ms-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    transition: all 200ms ease;
}
.school_workshop_link_box {
    position: relative;
    display: inline-block;
    height: 100%;
    
    background-color: transparent;
}

.school_workshop_link_tex {
    display: inline-block;
    position: relative;
    float: left;
    font-family: 'CenturyGothicRegular', sans-serif;
    font-size: 1.2vw;
    -webkit-font-size: 1.2vw;
    letter-spacing: 0.01vw;
    color: #fff;
    font-weight: 300;
    cursor: pointer;
    -webkit-transition: 0.3s ease-out;
    -ms-transition: 0.3s ease-out;
    -moz-transition: 0.3s ease-out;
    transition: 0.3s ease-out;
}
.school_workshop_link_tex:hover {
    font-family: 'CenturyGothicBold', sans-serif;
    color: #ff5b35;
    font-weight: 30;
}
.school_workshop_link_tex_active {
    font-family: 'CenturyGothicBold', sans-serif;
    color: #ff5b35;
    font-weight: 30;
    cursor: default;
}
.school_workshop_body_case {
    z-index: 98;
    position: relative;
    display: inline-block;
    float: left;
    height: 80%;
    width: 52%;
    margin: 0 0 0 5vw;
    opacity: 0;
    background-color: transparent;
    transition-duration: 1s;
    -webkit-transition: all 200ms ease;
    -ms-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    transition: all 200ms ease;
}
.school_workshop_title_tex {
    display: inline-block;
    position: relative;
    float: left;
    width: 100%;
    font-family: 'CenturyGothicBold', sans-serif;
    font-size: 1.8vw;
    -webkit-font-size: 1.8vw;
    letter-spacing: 0.01vw;
    color: #fff;
    font-weight: 30;
    margin: 2% 0 0 0;
    transition-duration: 1s;
    -webkit-transition: all 200ms ease;
    -ms-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    transition: all 200ms ease;
}
.school_workshop_header_tex {
    display: inline-block;
    position: relative;
    float: left;
    font-family: 'CenturyGothicBold', sans-serif;
    font-size: 1.1vw;
    -webkit-font-size: 1.1vw;
    letter-spacing: 0.01vw;
    color: #ff5b35;
    font-weight: 30;
    margin: 2% 0 0 0;
    line-height: 1.9vh;
    padding: 0 0 0.7vh 0;
    transition-duration: 1s;
    -webkit-transition: all 200ms ease;
    -ms-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    transition: all 200ms ease;
}
.school_workshop_body_tex {
    display: inline-block;
    position: relative;
    float: left;
    font-family: 'CenturyGothicRegular', sans-serif;
    font-size: 1vw;
    -webkit-font-size: 1vw;
    letter-spacing: 0.01vw;
    color: #fff;
    font-weight: 300;
    margin: 0 0 0 0;
    line-height: 1.9vh;
    transition-duration: 1s;
    -webkit-transition: all 200ms ease;
    -ms-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    transition: all 200ms ease;
}
.school_workshop_teacher_case {
    z-index: 98;
    position: absolute;
    display: inline-block;
    float: right;
    bottom: 0;
    right:0;
    height: 84%;
    width: 36%;
    margin: 0 0 0 0;
    padding: 2vh 2.8vw 1vh 1vw;
    
    background-color: rgba(255,255,255,1);
    transition-duration: 1s;
    -webkit-transition: all 200ms ease;
    -ms-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    transition: all 200ms ease;
}
.workshop_teacher_name {
    display: inline-block;
    position: relative;
    float: left;
    width: 100%;
    font-family: 'CenturyGothicBold', sans-serif;
    font-size: 1.4vw;
    -webkit-font-size: 1.4vw;
    letter-spacing: 0.04vw;
    color: #000;
    font-weight: 30;
    margin: 0 0 0 0;
    padding: 2px 0 4px 0;
    border-bottom: solid #fff 3px;
    border-top: solid #fff 3px;
    margin: 0 0 2vh 0;
}
.workshop_teacher_pic {
    display: inline-block;
    position: relative;
    float: left;
    width: 40%;
    height: 26%;
    opacity: 1;
    margin: 0 2vw 0 0;
    background-color: transparent;
    background-size: cover;
    background-position: 50% 50%;
    background-image: url(../images/school/IgorStaritsin_thumb.jpg);
    background-repeat: no-repeat;
    -webkit-box-shadow: 7px 7px 20px -2px rgba(0,0,0,0.46);
    -moz-box-shadow: 7px 7px 20px -2px rgba(0,0,0,0.46);
    box-shadow: 7px 7px 20px -2px rgba(0,0,0,0.46);
}
.workshop_teacher_sample {
    display: inline-block;
    position: relative;
    float: left;
    width: 53%;
    height: 26%;
    opacity: 1;
    padding: 0 0 0 0;
    background-color: transparent;
    background-size: cover;
    background-position: 50% 50%;
    background-image: url(../images/school/IgorStaritsin_sample.jpg);
    background-repeat: no-repeat;
    -webkit-box-shadow: 7px 7px 20px -2px rgba(0,0,0,0.46);
    -moz-box-shadow: 7px 7px 20px -2px rgba(0,0,0,0.46);
    box-shadow: 7px 7px 20px -2px rgba(0,0,0,0.46);
}
.workshop_teacher_title {
    display: inline-block;
    position: relative;
    float: left;
    width: 100%;
    font-family: 'CenturyGothicBold', sans-serif;
    font-size: 1.2vw;
    -webkit-font-size: 1.2vw;
    letter-spacing: 0.04vw;
    color: #000;
    font-weight: 30;
    margin: 0 0 0 0;
    padding: 2px 0 2px 0;
    border-bottom: solid #fff 3px;
    border-top: solid #fff 3px;
    margin: 2vh 0 2vh 0;
}
.workshop_teacher_bio_tex {
    display: inline-block;
    position: relative;
    float: left;
    width: 100%;
    font-family: 'CenturyGothicRegular', sans-serif;
    font-size: 0.8vw;
    -webkit-font-size: 0.8vw;
    letter-spacing: 0.008vw;
    line-height: 1.8vh;
    color: #000;
    font-weight: 250;
    margin: 0 0 2vh 0;
}
.workshop_teacher_link_case {
    position: absolute;
    height: 3%;
    width: 60%;

    right: 0;
    left: 0;
    bottom: 20vh;
    margin: auto;
    opacity: 1;
    background-color: transparent;
}
.workshop_teacher_link {
    display: inline-block;
    position: relative;
    float: left;
    font-family: 'CenturyGothicBold', sans-serif;
    font-size: 1vw;
    -webkit-font-size: 1vw;
    letter-spacing: 0.008vw;
    color: #ff5b35;
    font-weight: 30;
    margin: 0 2vw 2vh 0;
    cursor: pointer;
    -webkit-transition: 0.3s ease-out;
    -ms-transition: 0.3s ease-out;
    -moz-transition: 0.3s ease-out;
    transition: 0.3s ease-out;
}
.workshop_teacher_link:hover {
    color: #000;
}
.workshop_company_logo_case {
    position: absolute;
    height: 10%;
    width: 92%; 
    bottom: 7vh;
    opacity: 1;
    background-color: transparent;
}
.workshop_company_logo {
    display: inline-block;
    position: relative;
    float: left;
    height: 100%;
    background-color: transparent;
    background-size: contain;
    background-repeat: no-repeat;
}
/*----Facilities---*/
.school_facilities_container {
    z-index: 96;
    position: fixed;
    display: none;
    width: 100%;
    height: 100%;
    opacity: 0;
    background-color: transparent;
    background-size: cover;
    background-position: 10% 15%;
    background-image: url(../images/school/school_facilities_bkg.jpg);
    background-repeat: no-repeat;
}
.facilities_tex {
    display: inline-block;
    position: relative;
    float: left;
    width: 35%;
    font-family: 'CenturyGothicReg', sans-serif;
    font-size: 1.05vw;
    -webkit-font-size: 1.05vw;
    letter-spacing: 0.008vw;
    color: #000;
    font-weight: 300;
    margin: 16vh 0 0 5vw;
    line-height: 2vh;
    background-color: transparent;
    transition-duration: 1s;
    -webkit-transition: all 200ms ease;
    -ms-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    transition: all 200ms ease;
}
.facilities_contact_container {
    position: absolute;
    width: 38%;
    height: 15%;
    margin: 50vh 0 0 5vw;
    background-color: transparent;
    transition-duration: 1s;
    -webkit-transition: all 200ms ease;
    -ms-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    transition: all 200ms ease;
}
.facilities_contact_case {
    display: inline-block;
    position: relative;
    width: 47%;
    height: 100%;
    background-color: transparent;
}
.facilities_contact_tex {
    font-family: 'CenturyGothicBold', sans-serif;
    font-size: 1.1vw;
    -webkit-font-size: 1.1vw;
    letter-spacing: 0.008vw;
    color: #000;
    font-weight: 100;
    line-height: 2vh;
}
.facilities_logo_case {
    position: absolute;
    width: 35%;
    height: 17%;
    bottom: 8vh;
    margin: 0 0 0 5vw;
    background-color: transparent;
    transition-duration: 1s;
    -webkit-transition: all 200ms ease;
    -ms-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    transition: all 200ms ease;
}
.facilities_logo {
    display: inline-block;
    position: relative;
    float: left;
    width: 33%;
    height: 100%;
    background-color: transparent;
    background-size: contain;
    background-repeat: no-repeat;
}
.facilities_right_case {
    display: inline-block;
    position: relative;
    float: right;
    width: 50%;
    height: 100%;
    margin: 0 0 0 0;
    background-color: transparent;
    transition-duration: 1s;
    -webkit-transition: all 200ms ease;
    -ms-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    transition: all 200ms ease;
}
.facilities_studio_pic {
    display: inline-block;
    position: relative;
    float: right;
    width: 100%;
    height: 35%;
    background-color: transparent;
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    -webkit-box-shadow: 5px 7px 12px -3px #000000;
    -webkit-box-shadow: 5px 7px 12px -3px rgba(0,0,0,0.84);
    box-shadow: 5px 7px 12px -3px rgba(0,0,0,0.84);
}
/*----FAQ---*/
.school_faq_container {
    z-index: 96;
    position: fixed;
    display: none;
    width: 100%;
    height: 100%;
    opacity: 0;
    background-color: rgba(56,62,73,0.95);
}
.school_faq_case {
    display: inline-block;
    position: relative;
    float: left;
    width: 87%;
    height: 50%;
    margin: 15vh 0 0 5vw;
    padding: 4% 0 6% 0;
    overflow: hidden;
    opacity: 1;
    background-color: transparent;
    -webkit-animation: generalOpacity 0.8s ease-in;
    -webkit-animation-fill-mode: forwards;
    animation: generalOpacity 0.8s ease-in;
    animation-fill-mode: forwards;
}

.school_faq_scroll_box {
    z-index: 98;
    display: block;
    position: absolute;
    width: 97%;
    height: 100%;
    opacity: 1;
    overflow-y: scroll;
    padding: 3% 0 3% 3%;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    background-color: transparent;
}

#school_faq_scroll_box_id::-webkit-scrollbar-track {
    background-color: transparent;
}

#school_faq_scroll_box_id::-webkit-scrollbar {
    width: 12px;
    background-color: transparent;
}

#school_faq_scroll_box_id::-webkit-scrollbar-thumb {
    background-color: rgba(181,181,181,0.52);
}

.school_faq_case_back {
    z-index: 97;
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: #5d6678;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    opacity: .85;
}

.school_faq_head_tex {
    position: relative;
    float: left;
    font-family: 'CenturyGothicBold', sans-serif;
    font-weight: 300;
    color: #fff;
    font-size: 1.3vw;
    -webkit-font-size: 1.3vw;
    text-align: left;
    letter-spacing: 0.6vw;
    cursor: pointer;
    margin-bottom: 2%;
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    transition: all 300ms ease;
}

    .school_faq_head_tex:hover {
        color: #fd9875;
        letter-spacing: 0.8vw;
    }

.school_faq_sub_head_case {
    position: relative;
    float: left;
    width: 95.5%;
    opacity: 1;
    padding: 0 0 0 2.5%;
    overflow: hidden;
    height: auto;
    margin-bottom: .4%
}

.school_faq_sub_head_tex {
    display: inline-block;
    position: relative;
    float: left;
    width: 100%;
    font-family: 'CenturyGothicRegular', sans-serif;
    font-weight: 450;
    color: #fd9875;
    font-size: 1.2vw;
    -webkit-font-size: 1.2vw;
    text-align: left;
    letter-spacing: 0.2vw;
    cursor: pointer;
    padding-bottom: 0.4%;
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    transition: all 300ms ease;
}

    .school_faq_sub_head_tex:hover {
        color: #fff;
        letter-spacing: 0.3vw;
    }

.school_faq_desc_tex {
    display: inline-block;
    width: 100%;
    font-family: 'CenturyGothicRegular', sans-serif;
    font-weight: 450;
    color: #fff;
    font-size: 1vw;
    -webkit-font-size: 1vw;
    text-align: left;
    padding-bottom: 0.4%;
}
/*----CART---*/
.school_cart_container {
    z-index: 96;
    position: fixed;
    display: none;
    width: 100%;
    height: 100%;
    opacity: 0;
}

.school_cart_confirm {
    z-index: 96;
    position: fixed;
    display: none;
    width: 100%;
    height: 100%;
    opacity: 0;
}


.school_cart_case {
    width: 100%;
    height: 100%;

}
.school_cart_billing_case {
    display: inline-block;
    position: relative;
    float: left;
    width: 320px;
    height: 70vh;
    margin: 15vh 0 0 5vw;
    background-color: transparent;
}

.school_cart_confirm_case {
    display: inline-block;
    position: relative;
    float: left;
    width: 420px;
    height: 70vh;
    margin: 15vh 0 0 5vw;
    background-color: transparent;
    color:white;
    font-size:x-large;
    font-weight:bold;
}

.school_cart_summary_container {
    display: inline-block;
    position: relative;
    float: left;
    width: 480px;
    height: 70vh;
    margin: 15vh 0 0 5vw;
    padding: 15px 15px 2px 15px;
    background-color: #55616d;
}
.school_cart_class_container {
    display: inline-block;
    position: relative;
    float: left;
    width: 100%;
    min-height: 40px;
    max-height: 250px;
    background-color: transparent;
    margin: 0 0 0 0;
    overflow-y: scroll;
}
#school_cart_class_container_id::-webkit-scrollbar-track {
    background-color: rgba(179,179,179,0.20);
}
#school_cart_class_container_id::-webkit-scrollbar {
    width: 12px;
    background-color: transparent;
}
#school_cart_class_container_id::-webkit-scrollbar-thumb {
    background-color: rgba(181,181,181,0.52);
}
.school_cart_class_box {
    display: none;
    position: relative;
    float: left;
    width: 98%;
    height: 125px;
    background-color: transparent;
    margin: 0 0 8px 0;
    padding: 10px 0 0 0;
    border-top: solid 1px #fff;
}
.school_cart_class_thumb {
    display: inline-block;
    position: relative;
    float: left;
    width: 196px;
    height: 121px;
    background-image: url(../images/school/course_thumbs/igor_staritsin_matte_painting_101_cart_thumb.jpg);
}
/*--All Cart Text--*/
.school_cart_head_tex {
    display: inline-block;
    width: 100%;
    font-family: 'CenturyGothicBold', sans-serif;
    font-weight: 20;
    color: #fff;
    font-size: 20px;
    -webkit-font-size: 20px;
    text-align: left;
    
}
.school_cart_class_header_tex {
    display: inline-block;
    position: relative;
    float: left;
    width: 220px;
    font-family: 'CenturyGothicRegular', sans-serif;
    font-weight: 250;
    color: #fff;
    font-size: 18px;
    -webkit-font-size: 18px;
    text-align: left;
    margin: 0 0 0 12px;
}
.school_cart_class_with_tex {
    display: inline-block;
    position: relative;
    float: left;
    width: 220px;
    font-family: 'CenturyGothicItalic', sans-serif;
    font-weight: 250;
    color: #e98e57;
    font-size: 14px;
    -webkit-font-size: 14px;
    text-align: left;
    margin: 1px 0 4px 20px;
}
.school_cart_class_body_tex {
    display: inline-block;
    position: relative;
    float: left;
    width: 220px;
    font-family: 'CenturyGothicRegular', sans-serif;
    font-weight: 250;
    color: #b0b0b1;
    font-size: 15px;
    -webkit-font-size: 15px;
    text-align: left;
    margin: 1px 0 0 12px;
}
.school_cart_no_class_tex {
    font-family: 'CenturyGothicRegular', sans-serif;
    font-weight: 250;
    color: #fff;
    font-size: 18px;
    -webkit-font-size: 18px;
    text-align: left;
}
.school_cart_summary_tex {
    display: inline-block;
    position: relative;
    float: left;
    width: 100%;
    font-family: 'CenturyGothicRegular', sans-serif;
    font-weight: 250;
    color: #fff;
    font-size: 18px;
    -webkit-font-size: 18px;
    text-align: left;
    margin: 0.5vw 0 0 0;
}
.school_cart_summary_footer_tex {
    display: inline-block;
    width: 100%;
    font-family: 'CenturyGothicRegular', sans-serif;
    font-weight: 250;
    color: #fff;
    font-size: 15px;
    -webkit-font-size: 15px;
    text-align: left;
    margin: 0 0 0 2px;
}
/*----End text---*/
.school_cart_no_class_box {
    display: inline-block;
    position: relative;
    float: left;
    width: 98%;
    height: 20px;
    background-color: transparent;
    padding: 5px 0 0 0;
    border-top: solid 1px #fff;
}
.school_cart_summary_case {
    display: inline-block;
    position: relative;
    float: left;
    width: 100%;
    height: 130px;
    background-color: transparent;
    margin: 12px 0 12px 0;
}
.school_cart_summary_box {
    display: block;
    position: relative;
    float: left;
    width: 100%;
    height: 100%;
    padding: 12px 0 12px 0;
    background-color: transparent;
    border-top: solid 1px #fff;
    border-bottom: solid 1px #fff;
   
}
.school_cart_summary_footer {
    position: absolute;
    bottom: 0;
    width: 480px;
    height: 55px;
    background-color: transparent;
}
/*---Payment form--*/
.school_cart_cc_case {
    display: none;
    position: relative;
    float: left;
    width: 100%;
    height: 40%;
    margin-top: 15px;
    padding-top: 8px;
    background-color: transparent;
    border-top: solid 1px #fff;
    
}
input[class=school_cart_form_box_01] {
    display: inline-block;
    width: 100%;
    height: 3.7vh;
    max-height: 40px;
    float: left;
    padding-left: 6px;
    margin-bottom: 10px;
    margin-top: 1px;
    box-sizing: border-box;
    border: 1px solid white;
    background-color: #d2d4d5;
    font-family: 'CenturyGothicRegular', sans-serif;
    font-size: 18px;
    -webkit-font-size: 18px;
    letter-spacing: 1px;
    text-align: left;
    color: #545e6a;
    font-weight: 400;
}
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    -moz-appearance: textfield;
    margin: 0;
}

select[type=school_cart_select_box_01] {
    display: inline;
    float: left;
    width: 100%;
    height: 3.7vh;
    max-height: 40px;
    padding-left: 6px;
    margin-bottom: 1vh;
    margin-top: .1vh;
    box-sizing: border-box;
    border: 1px solid white;
    background-color: #d2d4d5;
    font-family: 'CenturyGothicRegular', sans-serif;
    font-size: 18px;
    -webkit-font-size: 18px;
    letter-spacing: 1px;
    text-align: left;
    color: #545e6a;
    font-weight: 400;
}
select[type=school_cart_select_box_02] {
    display: inline;
    float: left;
    width: 70%;
    height: 3.7vh;
    max-height: 40px;
    padding-left: 6px;
    margin-bottom: 1vh;
    margin-top: .1vh;
    box-sizing: border-box;
    border: 1px solid white;
    background-color: #d2d4d5;
    font-family: 'CenturyGothicRegular', sans-serif;
    font-size: 18px;
    -webkit-font-size: 18px;
    letter-spacing: 1px;
    text-align: left;
    color: #545e6a;
    font-weight: 400;
}
input[class=school_cart_form_box_01]:focus {
    background-color: white;
}
input[class=school_cart_form_box_02]:focus {
    background-color: white;
}
select[class=school_cart_select_box_01]:focus {
    background-color: white;
}
select[class=school_cart_select_box_02]:focus {
    background-color: white;
}
.school_cart_basic_btn {
    display: inline-block;
    position: relative;
    float: left;
    height: 32px;
    background-color: #e98e57;
    font-family: 'CenturyGothicBold', sans-serif;
    font-size: 18px;
    -webkit-font-size: 18px;
    letter-spacing: 1px;
    color: #545e6a;
    font-weight: 20;
    cursor: pointer;
    -webkit-transition: 0.1s;
    -moz-transition: 0.1s;
    -o-transition: 0.1s;
    transition: 0.1s;
}
.school_cart_basic_btn:hover {
    background-color: rgba(137,209,159,1.00);
}
.paypal_logo {
    background-image: url(/assets/images/school/paypal_logo.png);
    background-size: contain;
    width: 47%;
    height: 47%;
    background-repeat: no-repeat;
    display: inline-block;
    float: left;
    margin-top: 1.7vh;
}
.cart_cc_logo {
    display: inline;
    float: left;
    background-size: contain;
    background-image: url(/assets/images/school/cart_cc_logo.png);
    background-repeat: no-repeat;
    margin: 15px 0 10px 0;
    height: 28px;
    width: 206px;
}
.cart_logo {
    display: inline;
    float: left;
    background-size: contain;
    background-image: url(/assets/images/school/chart_icon_0.png);
    background-repeat: no-repeat;
    margin: 0 0 0 0;
    height: 2.2vw;
    width: 3vw;
    cursor: pointer;
    transition-duration: 2s;
    -webkit-transition: all 400ms ease;
    -ms-transition: all 400ms ease;
    -moz-transition: all 400ms ease;
    transition: all 400ms ease;
}
.cart_logo:hover {
    height: 2.5vw;
    width: 3.4vw;
}





.prod_txt_thank {
    display: none;
    font-family: 'CenturyGothicBold', sans-serif;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 3.3vh;
    font-weight: 600;
    color: #FFFFFF;
    text-align: left;
    width: 55vh;
    background-color: transparent;
    float: left;
}

.prod_txt_oops {
    display: none;
    font-family: 'CenturyGothicBold', sans-serif;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 3vh;
    font-weight: 600;
    color: #FFFFFF;
    text-align: left;
    width: 62vh;
    background-color: transparent;
    float: left;
}


.prod_txt_approved {
    font-family: 'CenturyGothicBold', sans-serif;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 3.2vh;
    font-weight: 300;
    color: #e98a4b;
    text-align: left;
    align-self: flex-end;
    background-color: transparent;
    width: 100%;
    display: block;
}

.prod_txt_declined {
    font-family: 'CenturyGothicBold', sans-serif;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 3.2vh;
    font-weight: 300;
    color: #e98a4b;
    text-align: left;
    align-self: flex-end;
    background-color: transparent;
    width: 100%;
    display: none;
}
.con_email {
    font-family: 'CenturyGothicRegular', sans-serif;
    letter-spacing: 1px;
    font-size: 2vh;
    color: #e98a4b;
    font-weight: 600;
    text-align: left;
    width: 100%;
    float: left;
    text-decoration: none !important;
}
.con_email:hover {
        color: #fff;
}

.prod_approved_case {
    display: none;
}

.prod_declined_case {
    display: none;
}



/*---POST-----------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------------*/
.post_container { 
	z-index:96;
	display:none;
  	width: 100vw; 
	background-color:#000000;
	transition-duration: 1s;	
	-webkit-transition: all 200ms;
    -ms-transition: all 200ms;
    -moz-transition: all 200ms;
    transition: all 200ms;
}
.post_bkg_blur { 
	-webkit-filter: blur(5px);
  	-moz-filter: blur(5px);
  	-o-filter: blur(5px);
  	-ms-filter: blur(5px);
  	filter: blur(5px);
	
	-webkit-transform: scale(1.01);
    -moz-transform: scale(1.01);
    -ms-transform: scale(1.01);
    -o-transform: scale(1.01);
    transform: scale(1.01);
	
	animation: bkg_blur_anim .5s;
    animation-fill-mode: both
}
.post_top_box { 
	z-index:8;
	position: relative;
  	width: 100vw; 
	height:33%;
	margin-bottom:2px;
	background-color:#000000;
	background-image:url(../images/post/post_top_banner.jpg);
	background-repeat:no-repeat;	
	background-size:cover;
	background-position:right;
}
.post_top_header_tex {
	width: 100%;
	padding-top: 4vh;
	padding-left: 3vw;
	font-family: 'trajan_probold', sans-serif;
	font-size: 3.5vw;
	-webkit-font-size: 3.5vw;
	text-align:left;
	letter-spacing: 3px;
	color: #FFFFFF;
	font-weight: 200;
	
	transition-duration: 2s;	
	-webkit-transition: all 400ms ease;
    -ms-transition: all 400ms ease;
    -moz-transition: all 400ms ease;
    transition: all 400ms ease;
}
.post_top_header_body_tex {
	width: 69vw;
	height: 10vh;
	padding-top: 2vh;
	padding-bottom: 2vh;
	padding-left: 3.1vw;
	font-family: 'CenturyGothicRegular', sans-serif;
	font-size: .9vw;
	-webkit-font-size: .9vw;
	text-align:left;
	letter-spacing: 1px;
	color: #fff;
	font-weight: 200;
	line-height:2vh;
	background-color:transparent;
	
	transition-duration: 2s;	
	-webkit-transition: all 400ms ease;
    -ms-transition: all 400ms ease;
    -moz-transition: all 400ms ease;
    transition: all 400ms ease;
}
.post_sub_box { 
	z-index:95;
	display:inline-box;
	float:left;
	position:relative;
  	width: 25%; 
	height:67%;
	margin-bottom:2px;
	background-color:#000000;
	background-repeat:no-repeat;
	background-size:cover;
	cursor:pointer;
	-webkit-filter: brightness(1);
	transition-duration: 2s;
	-webkit-transition: all 400ms ease-in-out;
    -ms-transition: all 400ms ease-in-out;
    -moz-transition: all 400ms ease-in-out;
    transition: all 400ms ease-in-out;
	filter: brightness(1);   
}
.post_sub_box:hover { 
	-webkit-filter: brightness(1.3);
	filter: brightness(1.3);
    box-shadow: inset 0 0 0 10px rgba(90,93,110,0.50);
}
.post_sub_tex { 	
	font-family: 'trajan_proregular', sans-serif;
	text-align:Center;
	letter-spacing: 3px;
	font-weight: 500;
	padding-top:6vh;
	transition-duration: 2s;	
	-webkit-transition: all 400ms ease;
    -ms-transition: all 400ms ease;
    -moz-transition: all 400ms ease;
    transition: all 400ms ease;
}
.post_sub_box:hover .post_sub_tex { 
	letter-spacing: 5px;
}
/*-----EDITORIAL PAGE-------*/
.edit_container { 
	z-index:96;
	display:none;
  	width: 100vw; 
	background-color:#000000;
	background-image:url(../images/post/post_edit_open_back_02.jpg);
	background-repeat:no-repeat;
	background-size:cover;
	background-position: bottom top;
}
.edit_header_tex {
	width: 100%;
	padding-top: 7vh;
	padding-left: 4vw;
	font-family: 'trajan_proregular', sans-serif;
	font-size: 4.5vw;
	-webkit-font-size: 4.5vw;
	text-align:left;
	letter-spacing: 3px;
	color: #FFFFFF;
	font-weight: 100;
}
.edit_sub_header_tex {
	width: 55vw;
	height: 5vh;
	padding-top: 3vh;
	padding-left: 4.1vw;
	font-family: 'CenturyGothicRegular', sans-serif;
	font-size: 2.5vw;
	-webkit-font-size: 2.5vw;
	text-align:left;
	letter-spacing: 1px;
	color: #fff;
	font-weight: 300;
	background-color:transparent;
	transition-duration: 2s;	
	-webkit-transition: all 400ms ease;
    -ms-transition: all 400ms ease;
    -moz-transition: all 400ms ease;
    transition: all 400ms ease;
}
.edit_sub_body_tex {
	width: 55vw;
	height: 10vh;
	padding-top: 2vh;
	padding-bottom: 2vh;
	padding-left: 4.1vw;
	font-family: 'CenturyGothicRegular', sans-serif;
	font-size: 1vw;
	-webkit-font-size: 1vw;
	text-align:left;
	letter-spacing: 1px;
	color: #fff;
	font-weight: 200;
	line-height:2vh;
	background-color:transparent;
	transition-duration: 2s;	
	-webkit-transition: all 400ms ease;
    -ms-transition: all 400ms ease;
    -moz-transition: all 400ms ease;
    transition: all 400ms ease;
}
.opacity_off { 	
	opacity:0;
}
/*-----VFX PAGE-------*/
.vfx_container { 
	z-index:96;
	position:relative;
	display:none;
  	width: 100vw; 
	background-color:#b9bbbd;
	background-image:url(../images/post/post_vfx_open_back.jpg);
	background-position: left top;
	background-repeat:no-repeat;
	background-size:cover;
}
.vfx_header_tex{
	z-index:99;
	display:inline-block;
	position:relative;
	width: 65%;
	padding-top: 7vh;
	padding-left: 29vw;
	font-family: 'trajan_probold', sans-serif;
	font-size: 4.5vw;
	-webkit-font-size: 4.5vw;
	text-align:left;
	letter-spacing: 3px;
	color: #000000;
	font-weight: 600;
	transition-duration: 2s;	
	-webkit-transition: all 400ms ease;
    -ms-transition: all 400ms ease;
    -moz-transition: all 400ms ease;
    transition: all 400ms ease;
}
.vfx_body_tex, .vfx_body_tex_02 {
	display:inline-block;
	z-index:99;
	position:relative;
	width: 56%;
	padding-top: 1.5vh;
	padding-left: 39%;
	font-family: 'CenturyGothicRegular', sans-serif;
	font-size: 1vw;
	-webkit-font-size: 1vw;
	text-align:left;
	letter-spacing: 1px;
	color: #000000;
	font-weight: 200;
	line-height:2vh;
	-webkit-justify-content: space-around;
    justify-content: space-around;
	transition-duration: 2s;	
	-webkit-transition: all 400ms ease;
    -ms-transition: all 400ms ease;
    -moz-transition: all 400ms ease;
    transition: all 400ms ease;
}
.vfx_red_robot_layer { 
	z-index:98;
	position:absolute;
	height:100vh;
  	width: 100vw; 
	left:0;
	background-color:transparent;
	background-image:url(../images/post/post_vfx_red_robot.png);
	background-position: 20% 0%;
	background-repeat:no-repeat;
	background-size:cover;
}
.vfx_robot_blur { 
	-webkit-filter: blur(5px);
  	-moz-filter: blur(5px);
  	-o-filter: blur(5px);
  	-ms-filter: blur(5px);
  	filter: blur(5px);
	
	animation: bkg_blur_anim .5s;
    animation-fill-mode: both
}
.vfx_pipeline_ro {
	z-index: 99;
	position: absolute;
	height: 22vh;
	width: 100vw;
	background-color:transparent;
	bottom:0;
	cursor:pointer;
	transition-duration: 2s;
	-webkit-transition: all 400ms ease;
	-ms-transition: all 400ms ease;
	-moz-transition: all 400ms ease;
	transition: all 400ms ease;
}
.vfx_pipeline_header {
	z-index: 97;
	position: absolute;
	height: 3vh;
	width: 100vw;
	padding-left: 37vw;
	padding-top: 0.8vh;
	padding-bottom: 0.5vh;
	margin-top: 2.5vh;
	background: #b9bbbd; /* For browsers that do not support gradients */
	background: -webkit-linear-gradient(left, #b9bbbd , #bdbdbd); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(right, #b9bbbd , #bdbdbd); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(right, #b9bbbd , #bdbdbd); /* For Firefox 3.6 to 15 */
	background: linear-gradient(to right, #b9bbbd , #bdbdbd); /* Standard syntax (must be last) */
	border-style: solid;
	border-color: #c4c5c5;
	border-top-width: 1px;
	border-bottom-width: 1px;
	font-family: 'trajan_probold', sans-serif;
	font-size: 1.8vw;
	-webkit-font-size: 1.8vw;
	text-align: left;
	letter-spacing: 3px;
	color:#000;
	font-weight: 200;
	transition-duration: 2s;
	-webkit-transition: all 400ms ease;
	-ms-transition: all 400ms ease;
	-moz-transition: all 400ms ease;
	transition: all 400ms ease;
}
.vfx_pipeline_ro:hover + .vfx_pipeline_header {
	letter-spacing: 5px;
	color:#c48248;
	box-shadow: inset 0 0 0 4px rgba(90,93,110,0.30);
}
.vfx_pipeline_container { 
	display:none;
	z-index:97;
	position:absolute;
	height:100vh;
  	width: 100vw; 
	bottom: 1.1vh;
	opacity: 0;
	background-color:transparent;
	background-image:url(../images/post/post_vfx_pipeline.png);
	background-position: 100% 100%;
	background-repeat:no-repeat;
	background-size:contain;
	transition-duration: 2s;	
	-webkit-transition: all 400ms ease;
    -ms-transition: all 400ms ease;
    -moz-transition: all 400ms ease;
    transition: all 400ms ease;
}

/*-----AUDIO PAGE-------*/
.audio_container { 
	z-index:96;
	display:none;
  	width: 100vw; 
	background-color:#000000;
	background-image:url(../images/post/post_audio_open_back.jpg);
	background-position: left top;
	background-repeat:no-repeat;
	background-size:cover;
}
.audio_header_tex {
	width: 100%;
	padding-top: 7vh;
	padding-left: 62vh;
	font-family: 'trajan_proregular', sans-serif;
	font-size: 4.5vw;
	-webkit-font-size: 4.5vw;
	text-align:left;
	letter-spacing: 3px;
	color: #000;
	font-weight: 400;
	transition-duration: 2s;	
	-webkit-transition: all 400ms ease;
    -ms-transition: all 400ms ease;
    -moz-transition: all 400ms ease;
    transition: all 400ms ease;
}
.audio_sub_header_tex {
	width: 55vw;
	height: 5vh;
	padding-top: 1vh;
	padding-left: 69vh;
	font-family: 'CenturyGothicRegular', sans-serif;
	font-size: 2.5vw;
	-webkit-font-size: 2.5vw;
	text-align:left;
	letter-spacing: 1px;
	color: #000;
	font-weight: 300;
	background-color:transparent;
	transition-duration: 2s;	
	-webkit-transition: all 400ms ease;
    -ms-transition: all 400ms ease;
    -moz-transition: all 400ms ease;
    transition: all 400ms ease;
}
.audio_sub_body_tex {
	width: 50em;
	height: 10vh;
	padding-top: 2vh;
	padding-bottom: 2vh;
	padding-left: 69vh;
	font-family: 'CenturyGothicRegular', sans-serif;
	font-size: 1vw;
	-webkit-font-size: 1vw;
	text-align:left;
	letter-spacing: 1px;
	color: #000;
	font-weight: 200;
	line-height:2vh;
	background-color:transparent;
	transition-duration: 2s;	
	-webkit-transition: all 400ms ease;
    -ms-transition: all 400ms ease;
    -moz-transition: all 400ms ease;
    transition: all 400ms ease;
}
.audio_text_off { 	
	opacity:0.10;
}
/*-----COLOR PAGE-------*/
.color_container { 
	z-index:96;
	display:none;
  	width: 100%; 
	height:100%;
	background-color:#000000;
	background-image:url(../images/post/post_color_open_back.jpg);
	background-position: 80% 0%;
	background-repeat:no-repeat;
	background-size:cover;
}
.color_bkg_blur { 
	-webkit-filter: blur(5px);
  	-moz-filter: blur(5px);
  	-o-filter: blur(5px);
  	-ms-filter: blur(5px);
  	filter: blur(5px);
	animation: bkg_blur_anim .5s;
    animation-fill-mode: both
}
.color_main_header_tex {
	display:inline-block;
	float:left;
	position:relative;
	padding-top: 6vh;
	padding-left: 9vh;
	font-family: 'trajan_probold', sans-serif;
	font-size: 3.2vw;
	-webkit-font-size: 3.2vw;
	text-align:left;
	letter-spacing: 3px;
	color: #fff;
	font-weight: 500;
	transition-duration: 2s;	
	-webkit-transition: all 400ms ease;
    -ms-transition: all 400ms ease;
    -moz-transition: all 400ms ease;
    transition: all 400ms ease;
}
.color_header_tex {
	display:inline-block;
	float:left;
	position:relative;
	padding-left: 4vw;
	font-family: 'CenturyGothicBold', sans-serif;
	font-size: 2.2vw;
	-webkit-font-size: 2.2vw;
	text-align:left;
	letter-spacing: 1px;
	color: #000;
	font-weight: 500;
	transition-duration: 2s;	
	-webkit-transition: all 400ms ease;
    -ms-transition: all 400ms ease;
    -moz-transition: all 400ms ease;
    transition: all 400ms ease;
}
.color_body_tex {
	display:inline-block;
	float:left;
	position:relative;
	font-family: 'CenturyGothicRegular', sans-serif;
	font-size: 1vw;
	-webkit-font-size: 1vw;
	text-align: justify;
	text-justify: inter-word;
	letter-spacing: 1px;
	line-height:2vh;
	color:#fff;
	font-weight: 275;
	transition-duration: 2s;	
	-webkit-transition: all 400ms ease;
    -ms-transition: all 400ms ease;
    -moz-transition: all 400ms ease;
    transition: all 400ms ease;
}
.color_bullet_block {
	display:inline-block;
	float:left;
	width:45%;
	height:20vh;
	position:relative;
	padding-left:4vw;
	padding-top:2vh;
	transition-duration: 2s;	
	-webkit-transition: all 400ms ease;
    -ms-transition: all 400ms ease;
    -moz-transition: all 400ms ease;
    transition: all 400ms ease;
}
.color_bullet_tex {
	display:list-item; 
	list-style-type: disc;
    list-style-position: inside;
	float:left;
	width: 100%;
	padding-left: 1vw;
	padding-top: 1vh;
	font-family: 'CenturyGothicBold', sans-serif;
	font-size: 1vw;
	-webkit-font-size: 1vw;
	text-align:left;
	letter-spacing: 1px;
	line-height:2vh;
	color:#fff;
	font-weight: 175;
}
.color_text_off { 	
	opacity:0.10;
}
/*---NEWS-----------------------------------------------------------------------------------*/
/*---NEWS------END--------------------------------------------------------------------------*/
/*---OUR-FILMS------------------------------------------------------------------------------*/
.our_films_off {
	opacity:0;
}
.our_films_container {
	z-index:96;
	display:none;
  	width: 100vw; 
	height: 100%;
	margin-left:0px;
	background-color:#000000;
}
.our_films_bkg_blur { 
	-webkit-filter: blur(5px);
  	-moz-filter: blur(5px);
  	-o-filter: blur(5px);
  	-ms-filter: blur(5px);
  	filter: blur(5px);
	
	animation: bkg_blur_anim .5s;
    animation-fill-mode: both
}
.bottom_page_wipe {
	z-index:97;
	display:none;
	position:absolute;
	width:100%;
	height:0;
	opacity:1;
	bottom: 0;
	left:0;
	background-color:#000000;
	
/*	transition: width 0.2s;
  	-webkit-transition: width 0.2s;
  	-moz-transition: width 0.2s;
 	-o-transition: width 0.2s;
  	-webkit-animation-timing-function: ease-in;
 	animation-timing-function: ease-in;*/
}
.film_pic_block {
    z-index: 98;
    display: none;
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 0;
    top: 0;
    left: 0;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    background-color: #000000;
    font-family: 'CenturyGothicRegular', sans-serif;
    font-size: 1.6vw;
    -webkit-font-size: 1.6vw;
    letter-spacing: 1px;
    color: #232323;
    font-weight: 300;
    text-align: center;
    padding-top: 20px;
    cursor: pointer;
}
.films_sel_container {
	display:none;
  	width: 100vw; 
	height: 100%;
	overflow:hidden;
	margin-left:0px;
	background-color:#000000;
	transition-duration: 2s;	
	-webkit-transition: all 400ms ease;
    -ms-transition: all 400ms ease;
    -moz-transition: all 400ms ease;
    transition: all 400ms ease;
}
.films_sel_container_fade {
	opacity:0.3;
}
.films_sel_box { 
	display:inline-box;
	float:left;
	position: relative;
  	width: 25%; 
	height:100%;
	margin-bottom:2px;
	background-color:#000000;
	background-repeat:no-repeat;
	background-size:cover;
	cursor:pointer;
	-webkit-filter: brightness(1);
	transition-duration: 2s;
	-webkit-transition: all 400ms ease-in-out;
    -ms-transition: all 400ms ease-in-out;
    -moz-transition: all 400ms ease-in-out;
    transition: all 400ms ease-in-out;
	filter: brightness(1);  
}
.films_sel_box:hover { 
	-webkit-filter: brightness(1.3);
	filter: brightness(1.3);
    box-shadow: inset 0 0 0 10px rgba(90,93,110,0.50);
}
.film_container { 
	z-index:95;	
  	width: 100%; 
	height:100%;
	margin-bottom:2px;
	background-color:transparent;
	display: -webkit-box;
 	display: -moz-box;
 	display: -ms-flexbox;
   	display: -webkit-flex;
  	display: flex;	
	-webkit-box-direction: column;
  	-moz-box-direction: column;
   	-webkit-flex-direction: column;
  	-ms-flex-direction: column;
   	flex-direction: column;
	flex-flow: column;
}
.film_body_back { 
	z-index:94;
 	width: 100%;
	height:100vh;
	background-position: center center;
	background-repeat:no-repeat;
	background-size:cover;
	background-color:#000;
}
.deor_ip_viewer {
	z-index:99;
	display:none;
	position:relative;
	width:100%;
	height:95%;
	opacity:0;
	top: 0;
	left:0;
	background-position: center center;
	background-repeat:no-repeat;
	background-size:contain;
	background-color:transparent;
}
.deor_ip_close_btn {
	z-index:101;
	position:absolute;
	width: 10%;
	background-color:transparent;
	cursor:pointer;
	
	font-family: 'CenturyGothicRegular', sans-serif;
	font-size: 1.6vw;
	-webkit-font-size: 1.6vw;
	letter-spacing: 1px;
	color: #FFFFFF;
	font-weight: 300;
	text-align:center;

	padding-bottom:2vh;
	bottom:0;
	left: 0;
	right: 0;
	margin: auto;
	
	transition-duration: 2s;	
	-webkit-transition: all 400ms ease;
    -ms-transition: all 400ms ease;
    -moz-transition: all 400ms ease;
    transition: all 400ms ease;
}
.deor_ip_close_btn:hover {
	letter-spacing: 3px;
	color: #b41818;
}
.deor_viewer_arrow_container {
	z-index:100;
	display:block;
	position:absolute;
 	width: 85vw; 
  	height: 10%;
	top:0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	background-color:transparent; 
}
.deor_viewer_arrow_r {
	z-index:100;
	display:block;
	position:relative;
	float:right;
 	width: 0; 
  	height: 0;
	opacity:.5; 
	cursor:pointer;
  	border-top: 4vh solid transparent;
  	border-bottom: 4vh solid transparent;
 	border-left: 4vh solid white;
	
	transition-duration: 1s;
	-webkit-transition: all 400ms ease-in-out;
    -ms-transition: all 200ms ease-in-out;
    -moz-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out;
}
.deor_viewer_arrow_r:hover {
 	border-left: 4vh solid #b41818;	
}
.deor_viewer_arrow_l {
	z-index:100;
	display:block;
	position:relative;
	float:left;
 	width: 0; 
  	height: 0;
	opacity:.5; 
	cursor:pointer;
  	border-top: 4vh solid transparent;
  	border-bottom: 4vh solid transparent;
 	border-right: 4vh solid white;
	
	transition-duration: 1s;
	-webkit-transition: all 400ms ease-in-out;
    -ms-transition: all 200ms ease-in-out;
    -moz-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out;
}
.deor_viewer_arrow_l:hover {
 	border-right: 4vh solid #b41818;	
}
.deor_ip_container {
	z-index:98;
	display:none;
	position:absolute;
	width:70%;
	height:70%;
	opacity:1;
	top:0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	background-color:transparent;
}
.deor_ip_thumb { 
	position:relative;
	display:inline-block;
	float:left;
	width: 33.33%;
	height:33.33%;
	opacity:0;
	background-position: center;
	background-repeat:no-repeat;
	background-size:cover;
	cursor:pointer;
	
	-webkit-filter: brightness(1);
	transition-duration: 1s;
	-webkit-transition: all 400ms ease-in-out;
    -ms-transition: all 200ms ease-in-out;
    -moz-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out;
	filter: brightness(1);  
}
.deor_ip_thumb:hover { 
 	-webkit-filter: brightness(1.3);
	filter: brightness(1.5);
    box-shadow: inset 0 0 0 10px rgba(90,93,110,0.50);
}
/*---USED TO PRE LOAD IMAGES-----*/
.xxx { background: url(../images/films/one_penny/op_banner_01.jpg) no-repeat; }
.xxx { background: url(../images/films/one_penny/op_banner_02.jpg) no-repeat; }

.film_left_column { 
	display:inline-block;
	float:left;
 	width: 33.33%;
	height:100%;
	opacity:1;
	background-color:transparent;	
	transition-duration: 2s;	
	-webkit-transition: all 400ms ease;
    -ms-transition: all 400ms ease;
    -moz-transition: all 400ms ease;
    transition: all 400ms ease;
}
.film_left_column_off { 
	opacity:0;	
}
.film_title_tex {
	z-index:95;
	display:inline-block;
	float:left;
	position: relative;
	width: 100%;
	height:6.5vh;
	padding-bottom: .4vh;
	margin-left:4vw;
	padding-top: 4vh;

	font-family: 'trajan_proregular', sans-serif;
	font-size: 3.5vw;
	-webkit-font-size: 3.5vw;
	letter-spacing: 1px;
	color: #FFFFFF;
	font-weight: 300;
	transition-duration: 2s;	
	-webkit-transition: all 400ms ease;
    -ms-transition: all 400ms ease;
    -moz-transition: all 400ms ease;
    transition: all 400ms ease;
}
.film_title_tex_off {
	opacity:0;	
}
.film_status_tex {
    z-index: 95;
    display: inline-block;
    float: left;
    position: relative;
    width: 100%;
    height: 5vh;
    padding-bottom: 9.3vh;
    margin-left: 4vw;
    font-family: 'CenturyGothicBold', sans-serif;
    font-size: 1.4vw;
    -webkit-font-size: 1.4vw;
    letter-spacing: 1px;
    color: #FFFFFF;
    font-weight: 100;
    transition-duration: 2s;
    -webkit-transition: all 400ms ease;
    -ms-transition: all 400ms ease;
    -moz-transition: all 400ms ease;
    transition: all 400ms ease;
}
.film_status_ro_tex {
    color: #fff;
    cursor:pointer;
    transition-duration: 2s;
    -webkit-transition: all 400ms ease;
    -ms-transition: all 400ms ease;
    -moz-transition: all 400ms ease;
    transition: all 400ms ease;
}
.film_status_ro_tex:hover {
        color: #3557d5;
}
.film_status_tex_off {
	opacity:0;	
}
.film_hollywood_column { 
	display:inline-block;
	position:relative;
	width: 61.4%;
	height: 6.2vh;
	opacity:1;
 	float:left;
	padding-left:3.1vw;
	padding-top:13vh;
	background-color:transparent;
}
.film_hollywood_text { 
	font-family: 'CenturyGothicRegular', sans-serif;
	font-size: 1.5vw;
	-webkit-font-size: 1.5vw;
	letter-spacing: 1px;
	color: #FFFFFF;
	font-weight: 200;
	transition-duration: 2s;	
	-webkit-transition: all 400ms ease;
    -ms-transition: all 400ms ease;
    -moz-transition: all 400ms ease;
    transition: all 400ms ease;
}
.film_hollywood_text_off { 
	opacity:0;
}
.film_middle_column { 
	display:inline-block;
	position:relative;
	width: 33.33%;
 	float:left;
	height:77.2vh;
	padding-top:3vh;
	opacity:1;
	background-color:transparent;
	transition-duration: 2s;	
	-webkit-transition: all 400ms ease;
    -ms-transition: all 400ms ease;
    -moz-transition: all 400ms ease;
    transition: all 400ms ease;
}
.film_middle_column_off { 
	opacity:.1;
}
.film_right_column { 
	display:inline-block;
	position:relative;
	float:left;
	width: 31.33%;
	height:67.2vh;
	padding-top:3vh;
	opacity:1;
	margin-right:2vw;
	background-color:transparent;
	transition-duration: 2s;	
	-webkit-transition: all 400ms ease;
    -ms-transition: all 400ms ease;
    -moz-transition: all 400ms ease;
    transition: all 400ms ease;	
}
.film_right_column_off { 
	opacity:0;
}
.film_right_case {
	position:relative; 
	height:65vh;
	background-color:transparent;
	transition-duration: 2s;	
	-webkit-transition: all 400ms ease;
    -ms-transition: all 400ms ease;
    -moz-transition: all 400ms ease;
    transition: all 400ms ease;		
}
.film_right_case_off {
	opacity:0;	
}
.film_right_subcase { 
	z-index:95;
  	display: -webkit-box;
  	display: -moz-box;
 	display: -ms-flexbox;
  	display: -moz-flex;
  	display: -webkit-flex;
  	display: flex;	
	
	-webkit-box-direction: row;
  	-moz-box-direction: row;
   	-webkit-flex-direction: row;
  	-ms-flex-direction: row;
   	flex-direction: row;
	
	-webkit-flex-wrap: nowrap;
  	flex-wrap: nowrap;	
    -ms-box-orient: horizontal;
	
	width: 90%;
	height:auto;
	margin-left:3vw;
	margin-top:2vh;
	margin-bottom: 2px;
	background-color:transparent;
}
.film_right_thumb { 
	position:relative;
	display:inline-block;
	float:left;
	width: 19%;
	height:9vh;
	margin: 0.3em;
	background-position: center;
	background-repeat:no-repeat;
	background-size:cover;
	cursor:pointer;
	
	-webkit-filter: brightness(1);
	border:#838383 solid 1px;
    -ms-transform: scale(1);
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
	transition-duration: 1s;
	-webkit-transition: all 400ms ease-in-out;
    -ms-transition: all 200ms ease-in-out;
    -moz-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out;
	filter: brightness(1);  
}
.nowrap  { 
  -webkit-flex-wrap: nowrap;
  flex-wrap: nowrap;
}
.film_right_thumb:hover { 
	-ms-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -webkit-transform: scale(1.05);
    -o-transform: scale(1.05);
    transform: scale(1.05);
 	-webkit-filter: brightness(1.3);
	filter: brightness(1.5);
    box-shadow: inset 0 0 0 10px rgba(90,93,110,0.50);
}
.film_footer_column { 
	z-index:95;
	display:inline-block;
	float:left;
	width: 33.33%;
	height:5vh;
	opacity:1;
	background-color:transparent;
	transition-duration: 2s;	
	-webkit-transition: all 400ms ease;
    -ms-transition: all 400ms ease;
    -moz-transition: all 400ms ease;
    transition: all 400ms ease;	
}
.film_footer_column_off { 
	opacity:.0;
}
.film_head_tex { 	
	font-family: 'CenturyGothicBold', sans-serif;
	font-size: 1.3vw;
	-webkit-font-size: 1.3vw;
	letter-spacing: 1px;
	color: #FFFFFF;
	font-weight: 500;
	text-align: left;	
	transition-duration: 2s;	
	-webkit-transition: all 400ms ease;
    -ms-transition: all 400ms ease;
    -moz-transition: all 400ms ease;
    transition: all 400ms ease;
}
.film_head_tex_off { 	
	opacity:0;	
}
.film_packet_box { 	
	display:inline-block;
	position:relative;
	float:left;
	width: 100%;
	height:3vh;
	margin-left:3vw;
	padding-top:1vh;
	margin-bottom:3vh;
	opacity:1;
	background-color:transparent;	
}
.film_packet_tex {
	display: inline-block;
	position: relative;
	float: left;
	width: 45%;
	height: 100%;
	cursor: pointer;
	padding-top:0.2vh;
	background-color:rgba(151,166,215,0.55);
	border: thin solid #707070;
	font-family: 'CenturyGothicBold', sans-serif;
	font-size: 1.3vw;
	-webkit-font-size: 1.3vw;
	letter-spacing: 1px;
	color:#C9D7FF;
	font-weight: 500;
	text-align: center;
	transition-duration: 2s;
	-webkit-transition: all 400ms ease;
	-ms-transition: all 400ms ease;
	-moz-transition: all 400ms ease;
	transition: all 400ms ease;
}

.film_packet_tex:hover { 
	color: #7D96D9;
	background-color:rgba(151,166,215,0.2);
}
.deor_terms_tex { 
	display:inline-block;	
	font-family: 'CenturyGothicBold', sans-serif;
	font-size: 0.8vw;
	-webkit-font-size: 0.8vw;
	letter-spacing: 1px;
	color:#efd91e;
	font-weight: 400;
	cursor:pointer;
	transition-duration: 2s;	
	-webkit-transition: all 400ms ease;
    -ms-transition: all 400ms ease;
    -moz-transition: all 400ms ease;
    transition: all 400ms ease;		
}
.deor_terms_tex:hover { 
	color:#fff;	
}
.film_head_double_case { 	
    display:inline-block;
	float:left;
	width: 89%;
	height:6vh;
	background-color:transparent;
	transition-duration: 2s;	
	-webkit-transition: all 400ms ease;
    -ms-transition: all 400ms ease;
    -moz-transition: all 400ms ease;
    transition: all 400ms ease;
}
.film_head_double_case_off { 	
    opacity:0;
}
/*--RIGHT HEADER TEXT AND HOVERS---*/
.deor_r_head_tex { 	
	font-family: 'CenturyGothicBold', sans-serif;
	font-size: 1.3vw;
	-webkit-font-size: 1.3vw;
	letter-spacing: 1px;
	color:#ffffff;
	font-weight: 500;
	text-align: left;
	
	-webkit-transition: 0.2s;
	-moz-transition: 0.2s;
  	-o-transition: 0.2s;
    transition: 0.2s;	
}
.deor_r_head_tex:hover { 	
	color:#b41818;
}
.deor_r_head_red_tex { 	
	font-family: 'CenturyGothicBold', sans-serif;
	font-size: 1.3vw;
	-webkit-font-size: 1.3vw;
	letter-spacing: 1px;
	color:#b41818;
	font-weight: 500;
	text-align: left;
	
	-webkit-transition: 0.2s;
	-moz-transition: 0.2s;
  	-o-transition: 0.2s;
    transition: 0.2s;	
}
.op_r_head_tex { 	
	font-family: 'CenturyGothicBold', sans-serif;
	font-size: 1.3vw;
	-webkit-font-size: 1.3vw;
	letter-spacing: 1px;
	color:#ffffff;
	font-weight: 500;
	text-align: left;
	
	-webkit-transition: 0.2s;
	-moz-transition: 0.2s;
  	-o-transition: 0.2s;
    transition: 0.2s;	
}
.op_r_head_tex:hover { 	
	color:orange;
}
.op_r_head_orange_tex { 	
	font-family: 'CenturyGothicBold', sans-serif;
	font-size: 1.3vw;
	-webkit-font-size: 1.3vw;
	letter-spacing: 1px;
	color:orange;
	font-weight: 500;
	text-align: left;
	
	-webkit-transition: 0.2s;
	-moz-transition: 0.2s;
  	-o-transition: 0.2s;
    transition: 0.2s;	
}
.mm_r_head_tex { 	
	font-family: 'CenturyGothicBold', sans-serif;
	font-size: 1.3vw;
	-webkit-font-size: 1.3vw;
	letter-spacing: 1px;
	color:#ffffff;
	font-weight: 500;
	text-align: left;
	
	-webkit-transition: 0.2s;
	-moz-transition: 0.2s;
  	-o-transition: 0.2s;
    transition: 0.2s;	
}
.mm_r_head_tex:hover { 	
	color:#2b5ccb;
}
.mm_r_head_blue_tex { 	
	font-family: 'CenturyGothicBold', sans-serif;
	font-size: 1.3vw;
	-webkit-font-size: 1.3vw;
	letter-spacing: 1px;
	color:#2b5ccb;
	font-weight: 500;
	text-align: left;
	
	-webkit-transition: 0.2s;
	-moz-transition: 0.2s;
  	-o-transition: 0.2s;
    transition: 0.2s;	
}
/*---------END-------*/
.film_body_tex { 
	padding-right: 10px;	
	font-family: 'CenturyGothicRegular', sans-serif;
	font-size: 0.9vw; 
	-webkit-font-size: 0
		9vw;
	letter-spacing: 1px;
	color: #FFFFFF;
	line-height:1.8vh;
	font-weight: 450;
	text-align: justify;
	transition-duration: 2s;	
	-webkit-transition: all 400ms ease;
    -ms-transition: all 400ms ease;
    -moz-transition: all 400ms ease;
    transition: all 400ms ease;	
}
.film_body_tex_off { 
	opacity:0;	
}
.film_footer_tex { 
	display:inline-block;
	float:right;
	padding-top: 1vh;
	padding-bottom: 1vh;	
	font-family: 'CenturyGothicRegular', sans-serif;
	font-size: 0.8vw;
	-webkit-font-size: 0.8vw;
	letter-spacing: 1px;
	color:#BFBFBF;
	font-weight: 250;
	text-align: right;
	cursor:pointer;

	-webkit-transition: 0.2s;
	-moz-transition: 0.2s;
  	-o-transition: 0.2s;
    transition: 0.2s;	
}
.film_footer_tex:hover { 
	color:#2b5ccb;
}
.text_hover_orange:hover { 
	color:orange;
}
.text_hover_red:hover { 
	color:#b41818;
}
/*----STOCK--------------------------------------------------------------------------------------*/
.stock_off {
    opacity: 0;
}

.stock_container {
    z-index: 96;
    display: none;
    width: 100%;
    height: 100%;
    background-color: transparent;
    background-size: cover;
    background-position: 60% 50%;
    background-image: url(../images/stock/stock_back.jpg);
    background-repeat: no-repeat;
}

.stock_bkg_blur {
    -webkit-filter: blur(5px);
    -moz-filter: blur(5px);
    -o-filter: blur(5px);
    -ms-filter: blur(5px);
    filter: blur(5px);
    -webkit-transform: scale(1.01);
    -moz-transform: scale(1.01);
    -ms-transform: scale(1.01);
    -o-transform: scale(1.01);
    transform: scale(1.01);
    animation: bkg_blur_anim .5s;
    animation-fill-mode: both;
}

.stock_wrapper {
    display: block;
    width: 100%;
    height: 100%;
    background-color: transparent;
    transition-duration: 1s;
    -webkit-transition: all 200ms ease;
    -ms-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    transition: all 200ms ease;
}
.stock_left_case {
    display: block;
    position: relative;
    float: left;
    width: 36%;
    height: 100%;
    background-color: transparent;
    margin: 3.8vh 0 0 3.5vw;
}
.stock_right_case {
    display: block;
    position: relative;
    float: right;
    width: 25%;
    height: 100%;
    background-color: transparent;
    margin: 10.9vh 3vw 0 0;
}
.stock_right_base_case {
    display: block;
    position: fixed;
    bottom: 17vh;
    width: 26%;
    height: 23%;
    background-color: transparent;
    margin: 0 3vw 0 0;
}
.stock_header_tex {
    display: inline-block;
    position: relative;
    float: left;
    width: 50vw;
    font-family: 'CenturyGothicRegular', sans-serif;
    font-size: 2vw;
    -webkit-font-size: 2vw;
    letter-spacing: .8vw;
    color: #000;
    font-weight: 250;
    text-align: left;
}
.stock_tex_01 {
    display: inline-block;
    position: relative;
    float: left;
    width: 100%;
    font-family: 'CenturyGothicBold', sans-serif;
    font-size: 1.5vw;
    -webkit-font-size: 1.5vw;
    letter-spacing: .02vw;
    color: #fff;
    font-weight: 20;
    text-align: left;
    text-shadow: 2px 2px 4px rgba(150, 150, 150, 1);
}
.stock_tex_02 {
    display: inline-block;
    position: relative;
    float: left;
    width: 100%;
    font-family: 'CenturyGothicBold', sans-serif;
    font-size: 1.6vw;
    -webkit-font-size: 1.6vw;
    letter-spacing: .1vw;
    color: #2b6396;
    font-weight: 20;
    text-align: left;
}
.stock_body_tex {
    display: inline-block;
    position: relative;
    float: left;
    width: 100%;
    font-family: 'CenturyGothicRegular', sans-serif;
    font-size: 1vw;
    -webkit-font-size: 1vw;
    letter-spacing: .01vw;
    color: #575757;
    font-weight: 250;
    text-align: left;
    line-height: 2.4vh;
}
.stock_link_tex {
    font-family: 'CenturyGothicBold', sans-serif;
    font-size: 1vw;
    -webkit-font-size: 1vw;
    letter-spacing: 1px;
    color: #e951e4;
    font-weight: 20;
    text-align: left;
    cursor: pointer;
    -webkit-transition: 0.2s;
    -moz-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s;
}
.stock_link_tex:hover {
    color: #fff;
}
.stock_prospectus_thumb {
    display: inline-block;
    position: relative;
    width: 50%;
    height: 30%;
    margin: 2vh 0 0 4vw;
    cursor: pointer;
    background-color: transparent;
    background-size: contain;
    background-image: url(../images/stock/prospectus_cover_thumb.png);
    background-repeat: no-repeat;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}
.stock_prospectus_thumb:hover {
    -webkit-filter: brightness(1.15);
    filter: brightness(1.15);
}
.stock_viewer {
    z-index: 98;
    display: none;
    position: fixed;
    top: 0;
    bottom: 16%;
    right: 0;
    left: 0;
    margin: auto;
    width: 20%;
    height: 10%;
    opacity: 0;
    background-color: transparent;
    -webkit-animation: stock_expand .8s forwards;
    -moz-animation: stock_expand .8s infinite;
    -ms-animation: stock_expand .8s infinite;
    -o-animation: stock_expand .8s infinite;
    animation: stock_expand .8s forwards;
}

@-webkit-keyframes stock_expand {
    0% {
        width: 20%;
    }

    100% {
        width: 85%;
    }

    0% {
        height: 10%;
    }

    50% {
        height: 30%;
    }

    100% {
        height: 83%;
    }
}

.stock_viewer_close {
    -webkit-animation: stock_contract .2s forwards;
    -moz-animation: stock_contract .2s infinite;
    -ms-animation: stock_contract .2s infinite;
    -o-animation: stock_contract .2s infinite;
    animation: stock_contract .2s forwards;
}

@-webkit-keyframes stock_contract {
    0% {
        width: 85%;
    }

    100% {
        width: 20%;
    }

    0% {
        height: 80%;
    }

    100% {
        height: 10%;
    }
}

.stock_viewer_image {
    width: 100%;
    height: 100%;
    opacity: 0;
    background-color: transparent;
    background-size: contain;
    background-image: url(../images/stock/prospectus_cover.jpg);
    background-repeat: no-repeat;
    background-position: center;
}

.stock_button {
    background: #4da5cd;
    width: 80%;
    height: 50px;
    overflow: hidden;
    transition: .2s;
    cursor: pointer;
    border-radius: 4px;
    box-shadow: 0px 1px 2px rgba(0,0,0,.2);
}

.stock_btn_two {
    position: relative;
    width: 200px;
    height: 80px;
    background: #e951e4;
    left: -250px;
    transition: .3s;
}

.stock_coming_tex {
    display:block;
    opacity:0;
    position: fixed;
    font-family: 'CenturyGothicBold', sans-serif;
    font-size: 25px;
    -webkit-font-size: 25px;
    letter-spacing: 2px;
    color: #fff;
    font-weight: 20;
    text-align: center;
    color: white;
    padding: 9px 0 0 20px;
    transition: .3s;
}
.stock_invest_tex {
    display: block;
    opacity: 1;
    position: fixed;
    font-family: 'CenturyGothicBold', sans-serif;
    font-size: 25px;
    -webkit-font-size: 25px;
    letter-spacing: 2px;
    color: #fff;
    font-weight: 20;
    text-align: center;
    color: white;
    padding: 9px 0 0 20px;
    transition: .3s;
}
.stock_button:hover .stock_btn_two { /*When hovering over .button change .btnTwo*/
    left: -170px;
}

.stock_button:hover .stock_coming_tex { /*When hovering over .button change .btnText*/
    margin-left: 2vw;
}
.stock_button:hover .stock_invest_tex { /*When hovering over .button change .btnText*/
    margin-left: 2vw;
}


.stock_button:active { /*Clicked and held*/
    box-shadow: 0px 5px 6px rgba(0,0,0,0.3);
}


/*---------------------------ICO--------------------------------------------------------------*/
.ico_off { 
	opacity:0;
}
.ico_container { 
	z-index:96;
	display:none;
  	width: 100%; 
	height:100%;
	background-color:transparent;
	background-position:100% 20%;	
	background-image:url(../images/ico/ico_back_01.jpg);
	background-repeat:no-repeat;
	background-position: 60% 90%;
	background-size:cover;

	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
  	-o-transition: 0.5s;
    transition: 0.5s;
}
.ico_container_blur { 	
	background-image:url(../images/ico/ico_back_01_blur.jpg);	
}
.ico_popup_close_btn {
	z-index:97;
	position: absolute;
	width: 50px;
	height:50px;
	padding-right:10px;
	background-color:transparent;
	cursor:pointer;
	opacity:0;
	-webkit-transition: 0.2s;
	-moz-transition: 0.2s;
  	-o-transition: 0.2s;
    transition: 0.2s;
	
	-webkit-animation: generalOpacity 0.8s ease-in;
	-webkit-animation-fill-mode: forwards;
	-webkit-animation-delay:0.8s;
	animation: generalOpacity 0.8s ease-in;
	animation-fill-mode: forwards; 
	animation-delay:0.8s;
}
.ico_popup_close_btn:hover {
    -ms-transform: rotate(90deg); /* IE 9 */
    -webkit-transform: rotate(90deg); /* Chrome, Safari, Opera */
    transform: rotate(90deg);
}
.ico_popup_close_btn:after {
    position:relative;
    content:"\d7";
    font-size:49px;
    color:white;
    font-weight:bold;
    top:-1px;
    left:12px
}
.ico_popup_container { 
	z-index:95;
    display: none;
	position:absolute;
  	width: 60%; 
	height:0%;
	top:0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	background-color:transparent;
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
  	-o-transition: 0.5s;
    transition: 0.5s;
}
.ico_popup_container_back { 
    display: block;
	position:absolute;
  	width: 100%; 
	height:100%;
	background-size:cover;
	background-size: 100% 100%;
	/*--background-image:url(../images/ico/ico_popup_metal_02.jpg);--*/
	background-repeat:no-repeat;
	background-color: rgba(255,255,255,1);
	top:0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	opacity:.5;	
}
.ico_page_block { 
	z-index:94;
	display:none;
	position:fixed;
  	width: 100%; 
	height:100%;
}
.ico_popup_terms { 
    display:block;
	width:100%; 
	height:100%;
	opacity:1;
	font-family:'CenturyGothicBold', sans-serif;
	font-weight:250;
	overflow:hidden;
}
.ico_popup_join, .ico_popup_address, .ico_popup_chart, .offset3 { 
    display: none;
  	width: 100%; 
	height:100%;
	opacity:1;
	overflow:hidden;
	line-height: 3vh;
}
.ico_reg_tex { 
	display:inline-block;
	position:relative;
	float:left;
	width:100%; 
	font-family: 'CenturyGothicRegular', sans-serif;
	font-weight:550;
	color:#000;
	opacity:0;
	-webkit-animation: generalOpacity 0.8s ease-in;
	-webkit-animation-fill-mode: forwards;
	animation: generalOpacity 0.8s ease-in;
	animation-fill-mode: forwards; 
}
.ico_popup_login_case { /*--Make visible if NOT loged in--*/
    display: block;
    position: relative;
    float: left;
    width: 80%;
    height: 12%;
    background-color: #f78263;
    margin-left: 12.5%;
    margin-bottom: 2.8vh;
    opacity: 0;
    -webkit-animation: generalOpacity 0.8s ease-in;
    -webkit-animation-fill-mode: forwards;
    animation: generalOpacity 0.8s ease-in;
    animation-fill-mode: forwards;
    -webkit-box-shadow: 5px 5px 18px -2px rgba(0,0,0,0.49);
    -moz-box-shadow: 5px 5px 18px -2px rgba(0,0,0,0.49);
    box-shadow: 5px 5px 18px -2px rgba(0,0,0,0.49);
}
.ico_popup_address_case { /*--Make visible if loged in--*/
    display: none;
    position: relative;
    float: left;
    width: 80%;
    height: 12%;
    background-color: #f78263;
    margin-left: 12.5%;
    margin-bottom: 2.8vh;
    opacity: 0;
    -webkit-animation: generalOpacity 0.8s ease-in;
    -webkit-animation-fill-mode: forwards;
    animation: generalOpacity 0.8s ease-in;
    animation-fill-mode: forwards;
    -webkit-box-shadow: 5px 5px 18px -2px rgba(0,0,0,0.49);
    -moz-box-shadow: 5px 5px 18px -2px rgba(0,0,0,0.49);
    box-shadow: 5px 5px 18px -2px rgba(0,0,0,0.49);
}
.ico_popup_address_temp_tex {
    display: block;
    font-family: 'CenturyGothicBold', sans-serif;
    font-weight: 20;
    color: #fff;
    font-size: 1.6vw;
    -webkit-font-size: 1.6vw;
    text-align: center;
    padding-top: 1vh;
    animation-delay: 0.5s;
    opacity: 0;
    -webkit-animation: generalOpacity 0.8s ease-in;
    -webkit-animation-fill-mode: forwards;
    animation: generalOpacity 0.8s ease-in;
    animation-fill-mode: forwards;
}
.ico_address_tex { 
	display: none;
	position:relative;
	float:left;
	width:100%; 
	font-family: 'CenturyGothicRegular', sans-serif;
	font-weight:550;
	color:#fff;
	opacity:0;
    margin-top:1.8vh;
	-webkit-transition: 0.2s;
	-moz-transition: 0.2s;
  	-o-transition: 0.2s;
    transition: 0.2s;
	-webkit-animation: generalOpacity 0.8s ease-in;
	-webkit-animation-fill-mode: forwards;
	animation: generalOpacity 0.8s ease-in;
	animation-fill-mode: forwards; 
}
.tooltiptext {
	z-index: 100;
	position: absolute;
    opacity:0;
    width: 180px;
	height: 45px;
    background-color:#323232;
	font-family: 'CenturyGothicRegular', sans-serif;
	font-weight:650;
	font-size: 15px; 
	-webkit-font-size: 15px;
	color:#e2c940;
    text-align: center;
    line-height:20px;
    border-radius: 6px;
    padding: 5px 0;
	top: -150%;
	bottom: 0;
	left: 20vw;
	right: 0;
	margin: auto;
	
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
  	-o-transition: 0.3s;
    transition: 0.3s;
}
.ico_address_tex:hover {
   	color:#000;
}
.ico_address_tex:hover + .tooltiptext {
    opacity: 1;
}
.ico_terms_box {
	display:block;
	width:90%;
	height:45%;
	opacity:0;
	font-family:'CenturyGothicRegular', sans-serif;
	font-weight:500;
	color:#fff;
	overflow-y:scroll;
	background-repeat:repeat;
	background-attachment: local;
	padding:2%;
	top:0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
    box-shadow: inset -2px -2px 2px rgba(255,255,255,0.2),  inset 2px 2px 2px rgba(0,0,0,0.5);
	-webkit-animation: generalOpacity 0.8s ease-in;
	-webkit-animation-fill-mode: forwards;
	animation: generalOpacity 0.8s ease-in;
	animation-fill-mode: forwards; 
}
.ico_popup_bottom_case {
	position:absolute;
	bottom:18px;
	width:94%;
	height:60px;
	opacity:0;
	font-family: 'CenturyGothicRegular', sans-serif;
	font-size: 1.2vw; 
	-webkit-font-size: 1.2vw;
	font-weight:500;
	color:#c2c2c2;
	padding-left:3%;
	padding-right:3%;
	-webkit-animation: generalOpacity 0.8s ease-in;
	-webkit-animation-fill-mode: forwards;
	animation: generalOpacity 0.8s ease-in;
	animation-fill-mode: forwards; 
}
.pdf_icon { 
	display:inline-block;
	position:relative;
	float:left; 
	width:47px;
	height:48px;
	background-image:url(../images/ico/pdf_icon.png);
	background-repeat:no-repeat;
}
.eth_icon { 
	display:inline-block;
	position:relative;
	float:left; 
	width:10%;
	height:100%;
	background-image:url(../images/ico/eth_icon.png);
	background-repeat:no-repeat;
	background-size:contain;
}
.eth_power_case {
	display:inline-block;
	position:relative;
	float:right;
	width: 53%;
	height:7vh;
	opacity:0;
	-webkit-animation: generalOpacity 0.8s ease-in;
	-webkit-animation-fill-mode: forwards;
	animation: generalOpacity 0.8s ease-in;
	animation-fill-mode: forwards; 
}
.ico_popup_btn_case {
	display:inline-block;
	position:relative;
	float:right; 
	width: 20%;
	height:100%;
}
.popup_video_container { 
	display:none;
	width:100%;
	height:100%;
	opacity: 0;
	background-color: transparent;
	-webkit-animation: generalOpacity 0.8s ease-in;
	-webkit-animation-fill-mode: forwards;
	animation: generalOpacity 0.8s ease-in;
	animation-fill-mode: forwards; 
}
.popup_video_container_bkg { 
	z-index: 96;
	display: block;
	position: absolute;
	width:100%;
	height:100%;
	opacity: 1;
	background-color: #000;
}
.popup_video_case { 
	z-index: 97;
	display: block;
	position: absolute;
	width:100%;
	height:100%;
	background-color:transparent;
}
.stone_icon { 
	z-index: 98;
	display: block;
	position: absolute;
	left:0;
	right:0;
	top:0;
	bottom:0;
	width:50%;
	margin: auto;
	opacity:0;
	background-position: center center;
	background-color:transparent;
	background-image:url(../images/ico/stone_icon.png);
	background-repeat:no-repeat;
	background-size: contain;
	
	-webkit-animation: generalOpacity 0.8s ease-in;
	-webkit-animation-fill-mode: forwards;
	animation: generalOpacity 0.8s ease-in;
	-webkit-animation: stoneScale 0.8s ease-in;
	-webkit-animation-fill-mode: forwards;
	animation: stoneScale 0.8s ease-in;
	animation-fill-mode: forwards; 	
}
@keyframes stoneScale {
    0% {
        transform: scale(0.75);
    }
    100% {
        transform: scale(1.0);
    }
}
.ico_popup_vid_tex {
	z-index: 99;
	display: none;
	position:relative;
	float:left;
	width: 92%;
	font-family: 'CenturyGothicBold', sans-serif;
	font-size: 4vh;
	-webkit-font-size: 4vh;
	letter-spacing: 0.2vw;
	font-weight: 50;
	text-align:center;
	color:#fff;
	padding: 6vh 4% 0 4%;
	-webkit-text-shadow: 2px 2px 4px rgba(0, 0, 0, .36);
	text-shadow: 2px 2px 4px rgba(0, 0, 0, .36);
	
	-webkit-animation: generalOpacity 0.8s ease-in;
	-webkit-animation-fill-mode: forwards;
	animation: generalOpacity 0.8s ease-in;
	animation-fill-mode: forwards; 
}
.ico_popup_btn {
	position:absolute;
	bottom:0;
	top:0;
	left: 0;
	right: 0;
	margin: auto;
	width: 90%;
	height:50%;
	font-family: 'CenturyGothicBold', sans-serif;
	font-size: 1.4em;
	-webkit-font-size: 1.4em;
	letter-spacing: 1px;
	font-weight: 500;
	cursor: pointer;
	text-align:center;
	color:#000;
	
	padding-left:0.5%;
	padding-right:0.5%;
	
	border-left:#EBC816 solid 2px;
	border-right:#EBC816 solid 2px;

	-webkit-transition: 0.2s;
	-moz-transition: 0.2s;
  	-o-transition: 0.2s;
    transition: 0.2s;
}
.ico_popup_btn:hover {
	color:#B9B9B9;
	padding-left:4%;
	padding-right:4%;	
	border-left:#fff solid 2px;
	border-right:#fff solid 2px;
}
.ico_tex_btn {
	font-family: 'CenturyGothicBold', sans-serif;
	font-weight: 500;
	cursor: pointer;
	color:#fff;
	-webkit-transition: 0.2s;
	-moz-transition: 0.2s;
  	-o-transition: 0.2s;
    transition: 0.2s;
}
.ico_tex_btn2 {
	font-family: 'CenturyGothicBold', sans-serif;
	font-weight: 500;
	cursor: pointer;
	color:#e2c940;
	-webkit-transition: 0.2s;
	-moz-transition: 0.2s;
  	-o-transition: 0.2s;
    transition: 0.2s;
}
.ico_tex_btn3 {
	font-family: 'CenturyGothicBold', sans-serif;
	font-weight: 500;
	cursor: pointer;
	color:#000;
	-webkit-transition: 0.2s;
	-moz-transition: 0.2s;
  	-o-transition: 0.2s;
    transition: 0.2s;
}
.ico_tex_btn:hover {
	color:#e2c940;
}
.ico_tex_btn2:hover {
	color:#fff;
}
.ico_tex_btn3:hover {
	color:#fff;
}
/*----------------------------*/
@keyframes generalOpacity {
  0%   { opacity: 0; }
  100% { opacity: 1; }
}
/*----------------------------*/
/*---------POPUP CHART---START----------------*/
.ico_chart_table {
	display:inline-block;
	position:relative;
	float:left;
	width:20%;
	height:80%;
}
.ico_chart_cell {
	display:inline-block;
	position:relative;
	float:left;
	width:95%;
	height:4.6%;
	opacity:0;
	font-family: 'CenturyGothicRegular', sans-serif;
	font-size: 1vw; 
	-webkit-font-size: 1vw;
	font-weight:300;
	color:#fff;
  	background: #404040;
	margin: 0 2% 2% 0;
	padding: 1.2% 0 0 8%;
	-webkit-animation: generalOpacity 0.8s ease-in;
	-webkit-animation-fill-mode: forwards;
	animation: generalOpacity 0.8s ease-in;
	animation-fill-mode: forwards; 
}
/*---------POPUP CHART---END----------------*/
.ico_top_row { 
  	width: 100%; 
	height:10%;
	position:relative;
	float:left;
	background-color:transparent;
}
.ico_top_cell { 
	display:inline-block;
	position:relative;
	float:left;
  	width: 33%; 
	height:100%;
}
.ico_top_cell_ele { 
  	width: 100%; 
	height:100%;
	font-family: 'CenturyGothicRegular', sans-serif;
	font-size: 1.4vw;
	-webkit-font-size: 1.4vw;
	letter-spacing: 1px;
	color:#fd9875;
	font-weight: 450;
	text-align: center;
	text-shadow: 2px 2px 4px #2f2f2f;
	opacity: 0;
}
.ico_home_container { 
	display:inline-block;
	position:relative;
	float:left;
	opacity:1;
  	width: 77%; 
	height:90%;
	background-color:transparent;
	transition-duration: 2s;	
	-webkit-transition: all 400ms ease;
    -ms-transition: all 400ms ease;
    -moz-transition: all 400ms ease;
    transition: all 400ms ease;
}
.ico_home_tex { 
	display:inline-block;
	position:relative;
	float:left;
  	width: 78%; 
	font-family: 'CenturyGothicRegular', sans-serif;
	font-size: 1.8vw;
	-webkit-font-size: 1.8vw;
	color:#fff;
	font-weight: 450;
	text-align: left;
	line-height: 2.9vh;
	padding-top: 3.3vh;
	margin-left: 1.5vw;
}
.ico_vid_thumb_case { 
	display:inline-block;
	position:relative;
	float:left;
  	width: 76%;
	height:30%;
	padding-top: 4.2%;
	margin-left: 1.5vw;
    background-color:transparent;
}
.ico_vid_thumb{ 
	display:inline-block;
	position:relative;
	float:left;
  	width: 30%;
	height:100%;
	background-size:contain;
	background-repeat:no-repeat;
    margin-right: 1vw;
}
/*---------ALL CONTAINERS-------------*/
.ico_crew_container, .ico_whitepaper_container, .ico_press_container, .ico_roadmap_container, .ico_guide_container, .ico_qa_container, .ico_new_container {
    display: none;
    position: relative;
    float: left;
    width: 77%;
    height: 90%;
    opacity: 0;
    background-color: transparent;
    -webkit-animation: generalOpacity 0.8s ease-in;
    -webkit-animation-fill-mode: forwards;
    animation: generalOpacity 0.8s ease-in;
    animation-fill-mode: forwards;
}
.ico_opacity_off { 
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
  	-o-transition: 0.3s;
    transition: 0.3s;
}
/*---------CREW----------------*/
.ico_crew_thumb_container { 
	display: inline-block;
	position:relative;
	float:left;
  	width: 70vw; 
	height: 20%;
	margin-left: 8vw;	
}
.ico_crew_thumb_case { 
	display: inline-block;
	position:relative;
	float:left;
  	width: 11.5%; 
	height: 100%;
	margin: 0 2% 0 0;
}
.ico_crew_thumb { 
	display: inline-block;
	position:relative;
	float:left;
  	width: 100%; 

	background-size:contain;
	background-repeat:no-repeat;
	padding-bottom: 12%;
	cursor: pointer;
	
	/*--This keeps div height contained with image--*/
	height: 0;
    padding-top: 98%;
	
	-webkit-filter: contrast(100%) brightness(100%);  /* Safari */
    filter: contrast(100%) brightness(100%);
	
	-webkit-transition: 0.2s;
	-moz-transition: 0.2s;
  	-o-transition: 0.2s;
    transition: 0.2s;
}
.ico_crew_thumb:hover { 
	-webkit-filter: contrast(110%) brightness(130%);  /* Safari */
    filter: contrast(110%) brightness(130%);
}
.ico_crew_text { 
	display:inline-block;
	position:relative;
	float:left;
  	width: 100%; 
	font-family: 'CenturyGothicBold', sans-serif;
	font-size: 0.8vw;
	-webkit-font-size: 0.8vw;
	color:#fff;
	font-weight: 250;
	text-align: left;
	margin: 0 0 0 0;
}
.ico_crew_ro_case {
    z-index: 99;
    display: none;
    position: absolute;
    width: 300px;
    height: 565px;
    opacity: 0;
    left: 0;
    bottom: 6.5vh;
    top: 0;
    margin: auto;
    border-radius: 24px;
    overflow: hidden;
    cursor: pointer;
}
.ico_crew_ro_pic {
    display: inline-block;
    position: relative;
    width: 100%;
    background-size: contain;
    background-repeat: no-repeat;
    background-image:;
    height: 320px;
}
.ico_crew_ro_tex {
    width: 100%;
    height: 100%;
    margin-top: ;
    font-family: 'CenturyGothicRegular', sans-serif;
    font-size: 9pt;
    -webkit-font-size: 9pt;
    color: #000;
    font-weight: 550;
    text-align: left;
    background-color: #fff;
}
.ico_crew_name, .ico_crew_desc, .ico_crew_title { 
	padding: 2% 4% 2% 4%;
	display: inline-block;
	position:relative;
	float:left;

}
.ico_crew_link1, .ico_crew_link2, .ico_crew_link3 {
    display: inline-block;
    position: relative;
    float: left;
    font-family: 'CenturyGothicBold', sans-serif;
    font-size: 10pt;
    -webkit-font-size: 10pt;
    color: #fd9875;
    font-weight: 250;
    text-align: left;
    margin: 5px 6px 0 20px;
}
.ico_crew_link1:hover {
    color: #b41818;
}

/*---------WHITEPAPER- & USER GUIDE ---------------*/
.ico_white_left_case { 
	display:inline-block;
	position:relative;
	float:left;
  	width: 32%; 
	height:85%;
	margin: 9% 3% 5% 8%;
	opacity:0;
	
	-webkit-animation: generalOpacity 0.8s ease-in;
	-webkit-animation-fill-mode: forwards;
	animation: generalOpacity 0.8s ease-in;
	animation-fill-mode: forwards; 
}
.ico_pdf_case {
    z-index: 98;
    position: fixed;
    width: 40%;
    height: 55%;
    opacity: 0;
    margin: 8% 0 0 33vw;
    cursor: pointer;

    background-color:transparent;
    background-image: url(../images/ico/whitepaper_thumb.jpg);
    background-repeat: no-repeat;
    background-size: contain;
    -webkit-animation: generalOpacity 0.8s ease-in;
    -webkit-animation-fill-mode: forwards;
    animation: generalOpacity 0.8s ease-in;
    animation-fill-mode: forwards;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}
.ico_pdf_case:hover {
    -webkit-filter: brightness(1.4) drop-shadow(0px 0px 10px rgba(0,0,0,0.46));
    filter: brightness(1.4) drop-shadow(0px 0px 10px rgba(0,0,0,0.46));
}
.ico_user_guide_case {
    z-index: 98;
    position: fixed;
    width: 40%;
    height: 65%;
    opacity: 0;
    margin: 7% 0 0 35vw;

    background-color: transparent;
    background-image: url(../images/ico/ico_user_guide_thumb.jpg);
    background-repeat: no-repeat;
    background-size: contain;
    -webkit-animation: generalOpacity 0.8s ease-in;
    -webkit-animation-fill-mode: forwards;
    animation: generalOpacity 0.8s ease-in;
    animation-fill-mode: forwards;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}
.ico_user_guide_case:hover {
    
}

/*---------PRESS----------------*/
.ico_press_case { 
	display:inline-block;
	position:relative;
	float:left;
	height:60vh;
	width: 100%;
	opacity:1;
	overflow: hidden;
	background-color:rgba(255,255,255,0.15);
	-webkit-animation: generalOpacity 0.8s ease-in;
	-webkit-animation-fill-mode: forwards;
	animation: generalOpacity 0.8s ease-in;
	animation-fill-mode: forwards; 
}
.ico_press_cell { 
	display:block;
	position:relative;
	float:left;
  	width: 45%; 
	overflow: hidden;
	cursor: pointer;
	background-size:contain;
	background-repeat:no-repeat;
}
.ico_press_top { 
	display:inline-block;
	position:relative;
	float:left;
	height:0;
	width: 100%;
	opacity:1;
	overflow: hidden;
	margin: 0 0 1% 0;
	background-color:rgba(255,255,255,0.30);
}
.ico_press_top_img { 
	height:100%;
	width: 100%;
	opacity:0;
	margin: 0 0 0 0;
	background-size:contain;
	background-repeat:no-repeat;
}
.ico_press_middle { 
	display:inline-block;
	position:relative;
	float:left;
	height: 100%;
	width: 100%;
	opacity:1;
	overflow: hidden;
	background-color:rgba(255,255,255,0.15);
}
.ico_press_mid_case { 
	display:block;
	height: 100%;
	width: 100%;
	opacity:1;
}
.ico_press_article { 
	display:none;
	height: 100%;
	width: 92.5%;
	font-family: 'CenturyGothicRegular', sans-serif;
	font-size: 1vw;
	-webkit-font-size: 1vw;
	color:#fff;
	font-weight: 250;
	text-align: left;
	letter-spacing: .01%;	
	line-height: 2.5vh;
	opacity:0;
	overflow: hidden;
	margin: 4% 5% 0 5%;
	overflow-y:scroll;
	padding-right: 3%;
}
#ico_press_article_id::-webkit-scrollbar-track
{
	background-color: transparent;
}
#ico_press_article_id::-webkit-scrollbar
{
	width: 12px;
	background-color: transparent;
}
#ico_press_article_id::-webkit-scrollbar-thumb
{
	background-color:rgba(181,181,181,0.52);
}
.ico_press_bottom { 
	display:inline-block;
	position:relative;
	float:left;
	height:0;
	width: 100%;
	opacity:1;
	overflow: hidden;
	margin: 1% 0 0 0;
	background-color:rgba(255,255,255,0.30);
}
.ico_press_bottom_tex { 
	display:inline-block;
	position:relative;
	float:left;
  	width: 30%; 
	height: 100%;
	margin: 2% 2% 2% 2%;
	font-family: 'CenturyGothicBold', sans-serif;
	font-size: 1.1vw;
	-webkit-font-size: 1.1vw;
	color:#fd9875;
	font-weight: 250;
	text-align: left;
	letter-spacing: .01%;
	cursor: pointer;
	-webkit-transition: 0.2s;
	-moz-transition: 0.2s;
  	-o-transition: 0.2s;
    transition: 0.2s;	
}
.ico_press_bottom_tex:hover { 
	color:#fff;
	letter-spacing: .06%;
}
.ico_press_middle_tex { 
	display:inline-block;
	position:relative;
	float:left;
  	width: 88%; 
	font-family: 'CenturyGothicRegular', sans-serif;
	font-size: 1.8vw;
	-webkit-font-size: 1.8vw;
	color:#fff;
	font-weight: 250;
	text-align: left;
	letter-spacing: .01%;	
	line-height: 3.5vh;
	margin: 0 6% 0 6%;
}
/*---------ROADMAP----------------*/

.ico_roadmap_menu_case { 
	z-index: 97;
	position: absolute;
  	width: 19%; 
	height:90%;
	opacity:1;
	bottom: 3vh;
	right: 4vw;	
}
.ico_rm_menu_link_case { 
	z-index: 98;
	display: block;
	position: relative;
	float: left;
  	width: 100%; 
	height:88%;
	opacity:0;
}
.ico_rm_menu_bottom_case { 
	display: block;
	position: relative;
	float: left;
  	width: 70%;
	margin-left: 30%;
	height:12%;
	opacity:1;
	cursor: pointer;
}
.ico_rm_menu_line { 
	display: block;
	position: relative;
	float: left;
  	width: 100%; 
	height: 2px;
	opacity:1;
	background-color: #fff;
	margin-top: 1.3%;
}
.ico_rm_menu_tex_open { 
	display: block;
	position: relative;
	float: left;
  	width: 100%; 
	height: 16%;
	opacity:1;
	font-family: 'CenturyGothicBold', sans-serif;
	font-size: 1.1vw;
	-webkit-font-size: 1.1vw;
	color:#fd9875;
	font-weight: 50;
	text-align: right;
	letter-spacing: 0.2vw;
	padding-bottom: 10%;
	transition-duration: 1.5s;	
	-webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    transition: all 300ms ease;	
}
.ico_rm_menu_tex_close { 
	display: none;
	position: relative;
	float: left;
  	width: 100%; 
	height: 16%;
	opacity:1;
	font-family: 'CenturyGothicBold', sans-serif;
	font-size: 1.1vw;
	-webkit-font-size: 1.1vw;
	color:#fd9875;
	font-weight: 50;
	text-align: left;
	letter-spacing: 0.2vw;
	padding-bottom: 10%;
	transition-duration: 1.5s;	
	-webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    transition: all 300ms ease;	
}
.ico_rm_menu_bottom_case:hover .ico_rm_menu_tex_open { 
	letter-spacing: 0.4vw;
	color:#fff;
}
.ico_rm_menu_bottom_case:hover > .ico_rm_menu_tex_close { 
	letter-spacing: 0.4vw;
	color:#fff;
}
/*---------------*/
.ico_roadmap_float_box { 
	position: absolute;
  	width: 30vw; 
	height:40vh;
	opacity:1;
}
.ico_roadmap_float_box:hover {
    position: absolute;
    width: 30vw;
    height: 40vh;
    opacity: 1;
}

.ico_rm_circle_case { 	
	display: inline-block;
	position: relative;
	float: left;
	padding: 0 0 0 46%;
  	width: 8%;
 	height:8%;
}
.ico_rm_circle { 	
  	border-radius: 50%;
  	width: 100%;
  	padding-bottom: 100%;
  	background: white;

}
.ico_rm_bottom_line_case { 	
	display: inline-block;
	position: relative;
	float: left;
    width: 100%;
    height: 15%;
}
.ico_rm_line_ver { 	
	position: absolute;
	bottom: 0;
	top: 0;
	margin: auto;
    background: #fff;
    width: 0.2vw;
    height: 100%;
}
.ico_rm_line_hor { 	
	display: inline-block;
	position: relative;
	float: left;
    background: #fff;
    width: 100%;
    height: 0.8%;
}
.ico_rm_desc_tex { 	
	display: inline-block;
	position: relative;
	float: left;
	width: 96%;
	font-family: 'CenturyGothicRegular', sans-serif;
	font-size: 1.2vw;
	-webkit-font-size: 1.2vw;
	color:#fff;
	font-weight: 250;
	text-align: left;
	letter-spacing: .01%;	
	line-height: 2.5vh;
	padding: 2% 2% 3% 2%;
	/*border-left: #FFFFFF 0.2vw solid;
	border-right: #FFFFFF 0.2vw solid;*/	
}
.ico_rm_desc_tex:before {
    content: "";
    position: absolute;
    left: 0;
    z-index: 100;
    bottom: 0;
    width: 0.2vw;
    height: 20%;  /* or 100px */
    background: #fff;
}
.ico_rm_desc_tex:after {
    content: "";
    position: absolute;
    right: 0;
    z-index: 100;
    bottom: 0;
    width: 0.2vw;
    height: 24%;  /* or 100px */
    background: #fff;
}
.ico_rm_tex_case { 	
	display: inline-block;
	position: relative;
	float: left;
	width: 100%;
    height: 14%;
}
.ico_rm_header_tex { 	
	position: absolute;
	bottom: 0;
	font-family: 'CenturyGothicBold', sans-serif;
	font-size: 2.8vw;
	-webkit-font-size: 2.8vw;
	color:#fff;
	font-weight: 250;
	text-align: left;
	letter-spacing: .02%;
	padding-left: 2.3%;
	
}
.ico_rm_date_tex { 	
	position: absolute;
	bottom: 0;
	font-family: 'CenturyGothicBold', sans-serif;
	font-size: 2.8vh;
	-webkit-font-size: 2.8vh;
	color:#fd9875;
	font-weight: 250;
	text-align: left;
	letter-spacing: .02%;	
	padding: 0 0 2% 20px;

}
/*---------------*/
.ico_rm_menu_cell { 
	display:inline-block;
	position:relative;
	float:left;
	visibility:visible;
  	width: 100%; 
	height:5%;
	cursor:pointer;
	overflow:hidden;
	margin-left:7vw;
	font-family: 'CenturyGothicBold', sans-serif;
	font-size: 1.9vw;
	-webkit-font-size: 1.9vw;
	color:#fff;
	font-weight: 250;
	text-align: left;
	transition-duration: 1.5s;	
	-webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    transition: all 300ms ease;	
	
}
.ico_rm_menu_cell_noICON { 
	display:inline-block;
	position:relative;
	float:left;
  	width: 100%; 
	height:5%;
	cursor:pointer;
	overflow:hidden;
	margin-left:7vw;
	font-family: 'CenturyGothicRegular', sans-serif;
	font-size: 1.7vw;
	-webkit-font-size: 1.7vw;
	color:#fff;
	font-weight: 450;
	text-align: left;
	transition-duration: 1.5s;	
	-webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    transition: all 300ms ease;	
}
.ico_rm_menu_cell_noICON:hover{ 
	color:#fd9875;
	font-weight: 650;
}
.ico_rm_menu_cell:hover{ 
	color:#fd9875;
	padding-left:2.5vw;
	font-weight: 650;
}
.ico_menu_permhov{ 
	color:#fd9875;
	padding-left:2.5vw;
	font-weight: 650;
}
.ico_rm_menu_cell:before {
	font-family: FontAwesome_Solid;
	content:"\f101";
	position: absolute;
	left: -50px;
	padding-right:1.2vw;
	transition: all 150ms ease;
}
.ico_rm_menu_cell:hover:before {
	left: 7px;
}
/*---------NEW TO TOKEN SALES--------------*/
.ico_new_case {
    display: inline-block;
    position: relative;
    float: left;
    width: 77%;
    height: 66%;
    margin: 10vh 0 0 10%;
    padding: 3% 5% 6% 5%;
    overflow: hidden;
    background-color: rgba(255, 255, 255, 0.30);
   
}
.ico_new_head_tex {
    position: relative;
    float: left;
    font-family: 'CenturyGothicBold', sans-serif;
    font-weight: 300;
    color: #fd9875;
    font-size: 1.1vw;
    -webkit-font-size: 1.1vw;
    text-align: left;
    letter-spacing: 0.02vw;
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    transition: all 300ms ease;
}
.ico_new_dark_tex {
    display: inline-block;
    position: relative;
    float: left;
    width: 100%;
    font-family: 'CenturyGothicBold', sans-serif;
    font-weight: 450;
    color: #040f34;
    font-size: 1.3vw;
    -webkit-font-size: 1.3vw;
    text-align: left;
    letter-spacing: 0.02vw;
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    transition: all 300ms ease;
}
.ico_new_body_tex {
    display: inline-block;
    position: relative;
    float: left;
    width: 100%;
    font-family: 'CenturyGothicRegular', sans-serif;
    font-weight: 450;
    color: #fff;
    font-size: 1vw;
    -webkit-font-size: 1vw;
    text-align: left;
    letter-spacing: 0.02vw;
    line-height: 2vh;
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    transition: all 300ms ease;
}
/*---------Q & A----------------*/
.ico_qa_off{
    opacity:0;
}
.ico_qa_case {
    display: inline-block;
    position: relative;
    float: left;
    width: 87%;
    height: 70%;
    margin: 0 0 2% 10%;
    padding: 4% 0 6% 0;
    overflow: hidden;
    opacity: 1;
    background-color: transparent;
    -webkit-animation: generalOpacity 0.8s ease-in;
    -webkit-animation-fill-mode: forwards;
    animation: generalOpacity 0.8s ease-in;
    animation-fill-mode: forwards;
}
.ico_qa_scroll_box {
	z-index:98;
	display:block;
	position:absolute;
	width:97%;
	height:100%;
	opacity:1;
	overflow-y:scroll;
	padding:3% 0 3% 3%;
	top:0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	background-color:transparent;
}
#qa_scroll_id::-webkit-scrollbar-track
{
	background-color: transparent;
}
#qa_scroll_id::-webkit-scrollbar
{
	width: 12px;
	background-color: transparent;
}
#qa_scroll_id::-webkit-scrollbar-thumb
{
	background-color:rgba(181,181,181,0.52);
}
.ico_qa_case_back { 
	z-index:97;
    display: block;
	position:absolute;
  	width: 100%; 
	height:100%;
	background-color: #fff;
	top:0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	opacity:.15;	
}
.ico_qa_head_tex {
	position:relative;
	float:left;
	font-family:'CenturyGothicBold', sans-serif;
	font-weight:300;
	color:#fff;
	font-size: 1.3vw;
	-webkit-font-size: 1.3vw;
	text-align: left;
	letter-spacing: 0.6vw;
	cursor: pointer;
	margin-bottom: 2%;
	-webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    transition: all 300ms ease;
}
.ico_qa_head_tex:hover {
	color:#fd9875;
	letter-spacing: 0.8vw;
}
.ico_qa_sub_head_case {
	position:relative;
	float:left;
	width:95.5%;
	opacity:1;
	padding:0 0 0 2.5%;
	overflow: hidden;
	height: auto;
	margin-bottom: .4%
}
.ico_qa_sub_head_tex {
	display: inline-block;
	position:relative;
	float:left;
	width:100%;
	font-family:'CenturyGothicRegular', sans-serif;
	font-weight:450;
	color:#fd9875;
	font-size: 1.2vw;
	-webkit-font-size: 1.2vw;
	text-align: left;
	letter-spacing: 0.2vw;
	cursor: pointer;
	padding-bottom: 0.4%;	
	-webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    transition: all 300ms ease;

}
.ico_qa_sub_head_tex:hover {
	color:#fff;
	letter-spacing: 0.3vw;
}
.ico_qa_desc_tex {
	display: inline-block;
	width:100%;
	font-family:'CenturyGothicRegular', sans-serif;
	font-weight:450;
	color:#fff;
	font-size: 1vw;
	-webkit-font-size: 1vw;
	text-align: left;
	padding-bottom: 0.4%;	
}
/*---------GUIDE----------------*/

/*---------MENU---------------*/
.ico_menu { 
	display:inline-block;
	position:relative;
	float:right;
  	width: 23%; 
	height:90%;
	transition-duration: 2s;	
	-webkit-transition: all 400ms ease;
    -ms-transition: all 400ms ease;
    -moz-transition: all 400ms ease;
    transition: all 400ms ease;
}
.ico_menu_cell { 
	display:inline-block;
	position:relative;
	float:left;
	visibility:visible;
  	width: 100%; 

	cursor:pointer;
	overflow:hidden;
	margin-left:7vw;
	font-family: 'CenturyGothicBold', sans-serif;
	font-size: 1.9vw;
	-webkit-font-size: 1.9vw;
	color:#fff;
	font-weight: 250;
	text-align: left;
	transition-duration: 1.5s;	
	-webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    transition: all 300ms ease;	
	
}
.ico_menu_cell_noICON { 
	display:inline-block;
	position:relative;
	float:left;
  	width: 100%; 
	height:5%;
	cursor:pointer;
	overflow:hidden;
	margin-left:7vw;
	font-family: 'CenturyGothicRegular', sans-serif;
	font-size: 1.7vw;
	-webkit-font-size: 1.7vw;
	color:#fff;
	font-weight: 450;
	text-align: left;
	transition-duration: 1.5s;	
	-webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    transition: all 300ms ease;	
}
.ico_menu_cell_noICON:hover{ 
	color:#fd9875;
	font-weight: 650;
}
.ico_menu_cell:hover{ 
	color:#fd9875;
	padding-left:2.5vw;
	font-weight: 650;
}
.ico_menu_permhov{ 
	color:#fd9875;
	padding-left:2.5vw;
	font-weight: 650;
}
.ico_menu_cell:before {
	font-family: FontAwesome_Solid;
	content:"\f101";
	position: absolute;
	left: -50px;
	padding-right:1.2vw;
	transition: all 150ms ease;
}
.ico_menu_cell:hover:before {
	left: 7px;
}
/*-----HOME / STATS BOX -------*/
.ico_home_cell { 
	display:inline-block;
	position:relative;
	float:left;
	transition-duration: 1s;	
	-webkit-transition: all 200ms;
    -ms-transition: all 200ms;
    -moz-transition: all 200ms;
    transition: all 200ms;
}
.ico_stats_box {
    display: inline-block;
    position: relative;
    float: left;
    width: 22vw;
    height: 16vh;
    min-width: 160px;
    max-width: 600px;
    min-height: 175px;
    max-height: 500px;
    overflow: hidden;
    margin-left: 5.3vw;
    background-color: rgba(255,255,255,0.5);
}
.ico_stats_tex { 
	display:inline-block;
	position:relative;
	float:left; 
	overflow:hidden;
	font-family: 'CenturyGothicBold', sans-serif;
	font-size: 0.9vw;
	font-weight:20;
	-webkit-font-size: 0.9vw;
	text-align: left;
	line-height: 1.6vh;
	letter-spacing: 0.1vw;
	transition-duration: 1.5s;	
	-webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    transition: all 300ms ease;	
}
.ico_contribute_btn_case { 
	display:inline-block;
	position:relative;
	
	width:100%;
	height: 40%;
	overflow:hidden;
}
.ico_contribute_btn {
	position:absolute;
	bottom:10%;
	top:0;
	left: 0;
	right: 0;
	margin: auto;
	width: 50%;
	height:60%;
	font-family: 'CenturyGothicBold', sans-serif;
	font-size: 1.4vw;
	-webkit-font-size: 1.4vw;
	letter-spacing: 1px;
	font-weight: 500;
	cursor: pointer;
	text-align:center;
	color:#000;
	
	padding-left:0.5%;
	padding-right:0.5%;
	
	border-left:#EBC816 solid 2px;
	border-right:#EBC816 solid 2px;

	-webkit-transition: 0.2s;
	-moz-transition: 0.2s;
  	-o-transition: 0.2s;
    transition: 0.2s;
}
.ico_contribute_btn:hover {
	color:#B9B9B9;
	padding-left:4%;
	padding-right:4%;	
	border-left:#fff solid 2px;
	border-right:#fff solid 2px;
}

 /*----------Token Distro Bar------------*/
.ico_token_dis_block { 
	display:inline-block;
	position:relative;
	width:100%;
	overflow:hidden;
}
.ico_token_dis_case { 
	display:inline-block;
	position:relative;
	opacity:0;
	-webkit-animation: barOpacity 1s ease-in;
	-webkit-animation-fill-mode: forwards;
	animation: barOpacity 1s ease-in;
	animation-fill-mode: forwards; 
}
.ico_token_dis_tex { 
	display:inline-block;
	position:relative;
	float:left; 
	overflow:hidden;
	font-family: 'CenturyGothicRegular', sans-serif;
	font-weight:500;
	text-align: left;
}
.ico_token_dis_bar { 
	display:inline-block;
	position:relative;
	float:left;
	height:100%;
	-webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
}
  /*----------Token Distro Bar ANIM------------*/
@-webkit-keyframes bar30 {
  0% {
    width: 0%;
  }
  100% {
    width: 30%;
  }
}
@-webkit-keyframes bar20 {
  0% {
    width: 0%;
  }
  100% {
    width: 20%;
  }
}
@-webkit-keyframes bar10 {
  0% {
    width: 0%;
  }
  100% {
    width: 10%;
  }
}
@-webkit-keyframes bar2 {
  0% {
    width: 0%;
  }
  100% {
    width: 2%;
  }
}
@keyframes bar30 {
  0% {
    width: 0%;
  }
  100% {
    width: 30%;
  }
}
@keyframes bar20 {
  0% {
    width: 0%;
  }
  100% {
    width: 20%;
  }
}
@keyframes bar10 {
  0% {
    width: 0%;
  }
  100% {
    width: 10%;
  }
}
@keyframes bar2 {
  0% {
    width: 0%;
  }
  100% {
    width: 2%;
  }
}
/*----------------------------*/
@keyframes barOpacity {
  0%   { opacity: 0; }
  100% { opacity: 1; }
}
/*----------Token Distro Bar ANIM END------------*/ 

/*-----------------------------------CONTACT---START-----------------------------------------------*/
.contact_container {
	z-index: 98;
	position: fixed;
	display: none;
	width: 825px;
	height: 350px;
    max-height: 
    opacity:0;
	margin:auto;
    left:0;
    right:0;
    bottom:13%;
    top:0;
	border: 1px solid #ffffff;
	background-color: rgba(59,79,135,0.85);
}
.contact_column {
    display: inline-block;
    opacity: 0;
    float: left;
    height: 84%;
    background-color: transparent;
    padding-top: 40px;
    padding-bottom: 0px;
    font-family: 'CenturyGothicRegular', sans-serif;
    font-size: 15px;
    -webkit-font-size: 15px;
    letter-spacing: 0px;
    text-align: justify;
    text-justify: inter-word;
    color: #FFFFFF;
    font-weight: 40;
    line-height: 18px;
}
.contact_text_head_01 {
	font-family: 'CenturyGothicRegular', sans-serif;
	font-size: 16px;
	-webkit-font-size: 16px;
	letter-spacing: 0px;
	color:#d1b82b;
	font-weight: 500;
}
.contact_text_head_02 {
	font-family: 'CenturyGothicRegular', sans-serif;
	font-size: 15px;
	-webkit-font-size: 15px;
	letter-spacing: 0px;
	color:#d1b82b;
	font-weight: 450;
}
.contact_text_head_03 {
    padding-top: 10px;
}
input[class=contact_single_line] {
    width: 95%;
	height:30px;
    padding-left: 0px;
	padding: 8px;
    margin-left: 8px;
	margin-bottom: 8px;
	margin-top: 8px;
    box-sizing: border-box;
    border: 1px solid white;
    background-color:rgba(78,84,96,1.00);
	font-family: 'CenturyGothicRegular', sans-serif;
	font-size: 15px;
	-webkit-font-size: 15px;
	letter-spacing: 1px;
	text-align: left;
	color: #000000;
	font-weight: 400;
}
textarea[type=contact_message] {
	height:85px;
    width: 95%;
	padding-left: 0px;
	padding: 8px;
    margin-left: 8px;
	margin-bottom: 8px;
	margin-top: 8px;
    box-sizing: border-box;
    border: 1px solid white;
    background-color:rgba(78,84,96,1.00);
	font-family: 'CenturyGothicRegular', sans-serif;
	font-size: 15px;
	-webkit-font-size: 15px;
	letter-spacing: 1px;
	text-align: left;
	vertical-align:top;
	color: #000000;
	font-weight: 400;
	resize: none;
}
input[type=contact_single_line]:focus {
    background-color: white;
}
textarea[type=contact_message]:focus {
    background-color: white;
}
#contact_submit_btn {
    display: inline-block;
    width: 90px;
    height: 30px;
    border: none;
    background-color: transparent;
    margin-top: 10px;
    font-family: 'CenturyGothicBold', sans-serif;
    font-size: 20px;
    -webkit-font-size: 20px;
    letter-spacing: 1px;
    color: #FFFFFF;
    font-weight: 200;
    cursor: pointer;
    -webkit-transition: 0.2s;
    -moz-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s;
}
#contact_submit_btn:hover {
	color:#d1b82b;
}
.contact_close_btn {
	position: fixed;
	float:left;
	width: 38px;
	height: 38px;
	background-color:transparent;
	cursor:pointer;
	-webkit-transition: 0.2s;
	-moz-transition: 0.2s;
  	-o-transition: 0.2s;
    transition: 0.2s;
}
.contact_close_btn:hover {
    -ms-transform: rotate(90deg); /* IE 9 */
    -webkit-transform: rotate(90deg); /* Chrome, Safari, Opera */
    transform: rotate(90deg);
}
.contact_close_btn:after {
    position:relative;
    content:"\d7";
    font-size:36px;
    color:white;
    font-weight:bold;
    top:-1px;
    left:8px
}
/*///////////////////////////////////////////////////////////////////*/
/*---PAGES------------------END---------------------------------------*/


/*---AUDIO BARS-------------------------------------START---------------------------------------------------*/	
/*Need to be down below .title CSS or .title wont read CSS tag*/

.bar:nth-child(1)  { left: 1px; animation-duration: 474ms; }
.bar:nth-child(2)  { left: 5px; animation-duration: 433ms; }
.bar:nth-child(3)  { left: 9px; animation-duration: 407ms; }
.bar:nth-child(4)  { left: 13px; animation-duration: 458ms; }
.bar:nth-child(5)  { left: 17px; animation-duration: 400ms; }
.bar:nth-child(6)  { left: 21px; animation-duration: 427ms; }
.bar:nth-child(7)  { left: 25px; animation-duration: 441ms; }
.bar:nth-child(8)  { left: 29px; animation-duration: 419ms; }
.bar:nth-child(9)  { left: 33px; animation-duration: 487ms; }
.bar:nth-child(10) { left: 37px; animation-duration: 442ms; }​

/*---AUDIO BARS----------------------------------END-----------------------------------------------------*/

/*---MODDAL----------------------------------START-----------------------------------------------------*/


/*---MODDAL----------------------------------END-----------------------------------------------------*/


/*--TABLET LAYOUT END--------------------------------------------------END--------------------------*/