html {
  height: 100vh;
}
body{
  	min-height: 100%;
  	margin:0px;
  	padding:0px;
  	outline:none;
  	color: #000;
  	font-size: 46px;
  	font-weight:400;
  	font-family:'Open Sans', Arial, Helvetica, sans-serif!important;
  	text-decoration:none;
  	background-color: #dbecff;
  	background-color: #ffffff;
  	-webkit-text-size-adjust: none;
  	/* background-image: url(https://www.clickmystic.com/s/sc021073cmdev18/asset_sc021073cmdev18/fleece_72.jpg); */
  	background-size: cover;
  	background-position: center top;
  	/* min-height: 90vh; */
}
.unselectable {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.italic{
	font-style: italic;
}
.auto_wrap{
	width: 100%;
	height: 100%;
	min-width: 100vw;
	min-height: 100vh;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	background-color: rgba(0, 0, 0, 0.85);
	z-index: -10000;
	-webkit-transition: opacity 0.8s;
	-moz-transition: opacity 0.8s;
	-o-transition: opacity 0.8s;
	transition: opacity 0.8s;
}
.auto{
	width: 1020px;
	height: 430px;
	min-width: 30vw;
	min-height: 430px;
	position: absolute;
	left: calc(50% - 510px);
	top: 25%;
	/* background-color: #fff; */
	/* border: 1px solid #ccc; */
}
.auto_text_wrap{
	width: auto;
	height: auto;
	position: absolute;
	left: 334px;
	top: 100px;
	font-size: 35px;
	/* margin-left: auto; */
	/* margin-right: auto; */
	/* margin-top: 80px; */
}
.auto_text{
	width: auto;
	height: auto;
	/* position: absolute; */
	/* left: 310px; */
	/* top: 100px; */
	font-size: 35px;
	/* margin-left: auto; */
	/* margin-right: auto; */
	/* margin-top: 100px; */
	float: left;
	color: #89bf46;
	/* color: #fff; */
}
.auto_count{
	width: auto;
	height: auto;
	/* position: absolute; */
	/* left: 295px; */
	/* top: 0px; */
	/* background-color: #eaeaea; */
	font-size: 35px;
	/* float: right; */
	margin-left: 6px;
	float: left;
	color: #537d20;
	color: #fff;
}
.auto_continue{
	width: 200px;
	height: 60px;
	padding: 10px;
	position: absolute;
	left: calc(50% - 100px);
	top: calc(50% - 30px);
	border: 1px solid #000;
	font-size: 25px;
	box-sizing: border-box;
	cursor: pointer;
	text-align: center;
	border: 1px solid #fff;
	font-family: "Open Sans", Arial, Helvetica, sans-serif;
	color: #fff;
	text-decoration: none;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 8px;
	cursor:pointer;
	/* background-color:#fff; */
	-webkit-transition: all 0.8s;
	-moz-transition: all 0.8s;
	-o-transition: all 0.8s;
	transition: all 0.8s;
	-webkit-transition-property: background-color, border;
	-moz-transition-property: background-color, border;
	-o-transition-property: background-color, border;
	transition-property: background-color, border;
}
.auto_continue:hover{
	background-color:#537d20;
	border: 1px solid #ffffff;
	color:#fff;
	}
#login-button{
	width:20px;
	height:20px;
	background-color: #ccc;
	position:absolute;
	top: 0px;
	left:0px;
	z-index: 10000;
}
#login-button:hover{
	background-color: #666;
}
.vis_front{
	 z-index:10000;
}
.vis_on{
	opacity:1!important;
	filter:alpha(opacity=100)!important;
	-moz-opacity: 1!important;
    -khtml-opacity: 1!important;

}
.vis_off{
	opacity: 0;
	filter:alpha(opacity=0);
	-moz-opacity: 0;
	-khtml-opacity: 0;
}
.body_fix{
	width:100%;
	height:100%;
	overflow: hidden;
	position: fixed;
	max-height: 100vh;
}
#back_img{
	position: fixed;
	left:0px;
	right:0px;
	top:0px;
	bottom:0px;
	background-position: top center;
	background-repeat: no-repeat;
	background-attachment: fixed;
	z-index: 0;
	background-size: 1000px;;
}
#articles_wrap{
	width: 100%;
	height:auto;
	opacity:0;
	filter:alpha(opacity=0);
	-moz-opacity: 0;
	-khtml-opacity: 0;
	min-height: 90vh;
	margin-top: 0px;
	/* float: left; */
	/* transform: translateZ(0); */
}
article {
    display: block;
}
.article-col{
	/* width: 100vw; */
	height:auto;
	display: grid;
	/* grid-template-columns: [pageleft] auto [col_left] 1000px [col_right] auto [pageright]; */
	/* grid-template-rows: [arttop] 50px [top] auto [bottom] 50px [artbot]; */
	grid-template-columns: [LL] auto [L] 1000px [L] auto [LL];
	grid-template-rows: [TT] 50px [T] auto [B] 50px [BB];
	grid-template-areas: "TL TC TR" "CL CC CR" "BL BC BR";
	margin-left: auto;
	margin-right: auto;
}
/*.article-col{
	width: 1000px;
	height:auto;
	margin-left:auto;
	margin-right:auto;
	display: flex;
	flex-direction: column;
	justify-content: center;
}*/
.article-background{
	position: absolute;
	min-width: 100%;
	min-height: calc(100vh - 90px);
	z-index: -10;
	background-size: cover;
	background-position: center center;
}
#l{
	width:1px;
	height:1px;
	position: absolute;
	bottom: -10px;
	left: -10px;
	opacity: 0;
}
input:focus,
select:focus,
textarea:focus,
button:focus {
    outline: none;
}
/* END PAGE */

/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

/* HEADERS */

#header_wrap{
	width:100%;
	float: left;
	position: relative;
	z-index: 10000;
	height: 90px;
	padding-bottom:0px;
	border-bottom: 1px solid #0100341c;
	}
#header{
	height: 90px;
	margin-left:auto;
	margin-right:auto;
	position:relative;
	}
#mini_header{
		width:1000px;
	}
	#header{
		width:1000px;
	}
	#container{
		width:1000px;
	}
	#footer{
		width:1000px;
	}
	#footer_left{
		color:#999;
		padding-right:10px;
	}
	#footer_centre{
		color:#000;
		border-right:1px solid #333;
		padding-left:10px;
		border-left:1px solid #333;;
	}
	#footer_right{
		color:#999;
		font-size:11px;
		padding-left:10px;
	}
#mini_header_wrap{
	width:100%;
	height:30px;
	position:fixed;
	z-index:999;
	display:none;
	padding-bottom:15px;
	padding-top: 0px;
	/* border-bottom:1px solid #ececec; */
	-moz-box-shadow:  	0px 5px 10px rgba(0, 0, 0, 0.1);
	-webkit-box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.1);
	box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.1);
	-webkit-transition: all 0.8s;
	-moz-transition: all 0.8s;
	-o-transition: all 0.8s;
	transition: all 0.8s;
	}
.mini_header_wrap{
	-webkit-transition: all 0.8s;
	-moz-transition: all 0.8s;
	-o-transition: all 0.8s;
	transition: all 0.8s;
	background-color: #dcecff;
}
#mini_header{
	height:45px;
	margin-left:auto;
	margin-right:auto;
	position:relative;
	}
.logo{
	height: 60px;
	width: 60px;
	background-attachment:scroll;
	background-position:center center;
	background-repeat: no-repeat;
	background-size: contain;
	float: left;
	position: absolute;
	top: 16px;
	left: -18px;
	z-index: -1;
}
.title-2{
	display:none;
}
.title-1{
	font-family: 'Montserrat', Arial, Helvetica, sans-serif;
	font-size: 20px;
	color: #010034;
	height:auto;
	margin-top: 36px;
	text-align: center;
	/* margin-bottom: 20px; */
	width: auto;
	letter-spacing: normal;
	font-weight: 700;
	display: block;
	float: left;
	margin-left: 39px;
}


/* END HEADERS */

/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

/* MENUS */

#menu_wrap{
	height: 44px;
	width:100%;
	float: left;
	position: relative;
	z-index: 100;
	height: auto;
	padding-bottom: 0px;
	/* background-color: #c00; */
	-moz-box-shadow:0px 5px 20px 0px #eaeaea;
	display: block;
	/* background-color: hsl(0, 0%, 100%); */
	border-bottom: 0px solid #ffffff;
	-moz-box-shadow:  	0px 5px 10px rgba(0, 0, 0, 0.1);
	-webkit-box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.1);
	box-shadow:        	0px 10px 10px rgba(0, 0, 0, 0.1);
	/* background-image: url(https://www.clickmystic.com/s/sc021073cmdev18/asset_sc021073cmdev18/buttercup.jpg); */
	background-position: -102px 1314px;
	background-size: 120%;
}
.menu_timer_wrap{
	width: 100%;
	height: 2px;
	position: absolute;
	top: 44px;
	left: 0px;
	overflow: hidden;
}
.menu_timer{
	width: 0%;
	height:10px;
	position: absolute;
	top: 0px;
	left: 0%;
	background-color: #010034;
}
#menu_shell{
	width:1000px;
	margin-left:auto;
	margin-right:auto;
	position:relative;
	height: 44px;
}
.menu{
	width:1000px;
	height:auto;
	z-index:1000;
	font-family: 'Open Sans',Arial,Helvetica,sans-serif;
	font-size: 16px;
	font-weight: 900;
	position: absolute;
	text-align: justify;
	text-decoration: none;
	top: 10px;
	left:0px;
	justify-content: space-between;
	display: flex;
	/*	-webkit-transition: width 0.4s;
	-moz-transition: width 0.4s;
	-o-transition: width 0.4s;
	transition: width 0.4s;*/
}
.menu_item{
	width:auto;
	height:32px;
	cursor:pointer;

}
.menu a{
	color: #010034;
	-webkit-transition: color 0.4s;
	-moz-transition: color 0.4s;
	-o-transition: color 0.4s;
	transition: color 0.4s;
	text-decoration:none;
	width:auto;
	height:auto;
	display:block;
	}
.menu a:hover{
	color: #000;
}
.menu_item_cat{
	width:auto;
	height:30px;
	cursor:pointer;
	color:#777;
	-webkit-transition: color 0.4s;
	-moz-transition: color 0.4s;
	-o-transition: color 0.4s;
	transition: color 0.4s;
	display: inline-block;
}
.menu_item_cat:hover{
	color: #ccc;
}
.grey{
	background-color: #eaeaea;
}
.menu_current{
	background-image:url("../images/menu_current.png");
	background-attachment:scroll;
	background-position:center 21px;
	background-repeat:no-repeat;
	color:#000;
}
#menu_open{
	display:none;
}
#menu_breadcrumb{
  display:none;
}
/* END MENUS */

/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

/* SUB MENU */

.sub_menu_wrap{

	width:0%;
	height:0%;
	position:absolute;
	top:0px;
	left: 0px;
	z-index: 90;
	overflow:hidden;
	filter:alpha(opacity=0);
	-moz-opacity: 0;
    -khtml-opacity: 0;
    cursor: pointer;
    /*background-image: url("../images/black_trans_70.png");*/

}
.sub_menu_shell{
	width:1000px;
	height:auto;
	margin-right:auto;
	margin-left:auto;
	margin-top:0px;
	cursor:default;
	padding-right:2px;
	position:relative;
}
.sub_menu_inner{
	width:97%;
	cursor:default;
	-moz-box-shadow:    0px 10px 20px 0px rgba(0, 0, 0, 0.8);
	-webkit-box-shadow:0px 10px 20px 0px rgba(0, 0, 0, 0.8);
	box-shadow:0px 10px 20px 0px rgba(0, 0, 0, 0.8);
	height:53px;
	padding-bottom:5px;
	background-color:#fff;
	overflow:hidden;
	padding-left:2%;
}
.sub_menu{
	width:100%;
	height:auto;
	cursor:default;
	min-height:53px;
}
.sub_menu_title{
	font-size: 13px;
	color:#000;
	font-weight:400;
	height: auto;
    padding-top: 20px;
    padding-bottom: 20px;
    float: left;
}
.sub_menu_spacer{
	width:98%;
	height:1px;
	border-bottom:1px solid #ccc;
	float:left;
	margin-bottom:20px;
}
.sub_menu_close{
	width:21px;
	height:21px;
	position:absolute;
	top:18px;
	right: 3%;
	z-index: 90;
    cursor: pointer;
    background-image: url("../images/close.png");
    opacity:0.3;
	filter:alpha(opacity=30);
	-moz-opacity: 0.3;
    -khtml-opacity: 0.3;
    background-color: #000;
}
.sub_menu_close:hover{
    opacity:1;
	filter:alpha(opacity=100);
	-moz-opacity: 1;
    -khtml-opacity: 1;
}
.sub_menu_item_cat{
	float:right;
	font-size: 13px;
	color:#000;
	height: auto;
    width: 96%;
    padding-left: 0px;
    -webkit-transition: border-color 0.4s;
	-moz-transition: border-color 0.4s;
	-o-transition: border-color 0.4s;
	transition: border-color 0.4s;
	/*border: 1px solid #ccc;*/
	font-weight: 400;
	margin-left: 0%;
	margin-right: 2%;
	margin-bottom: 20px;
}
.sub_menu_item_cat:hover{
    /*border: 1px solid #000;*/
}
.sub_menu_item_subcat{
	float:right;
	font-size: 13px;
	color:#000;
	height: auto;
    width: 98%;
	-moz-transition: border-color 0.4s;
	-o-transition: border-color 0.4s;
	transition: border-color 0.4s;
	font-weight: 400;
	-moz-box-shadow:    0px 10px 20px 0px rgba(0, 0, 0, 0.1);
	padding-left:0px;
	margin-right:2%;
	-webkit-transition:border-color 0.4s;
	-webkit-box-shadow:0px 10px 20px 0px rgba(0, 0, 0, 0.1);
	box-shadow:0px 10px 20px 0px rgba(0, 0, 0, 0.1);
	margin-bottom:20px;
	/*border:1px solid #ccc;*/
	position: relative;

}
.has_sub{
	width:50px;
	height:20px;
	position:absolute;
	left:0px;
	background-image:url("../images/has_sub.png");
	background-attachment:scroll;
	background-repeat:no-repeat;
	bottom:-20px;
	background-size:contain;
}
.indent{
	width:2%;
	height:70px;
	background-image:url("../images/sub.png");
	background-attachment:scroll;
	background-repeat:no-repeat;
	float:left;
	background-position:left center;
	margin-top:20px;
	margin-right:1%;
}
.sub_menu_item_cat_info{
		float:left;
		width:90%;
		height:auto;
	}
.sub_menu_item_cat_image{
	float:left;
	width:10%;
	height:80px;
	background-attachment:scroll;
	background-position:top left;
	background-repeat:no-repeat;
	background-color:#ccc;
	background-size: cover;
}
.sub_menu_item_cat_title{
	float: left;
	height: auto;
	width:auto;
	padding-left: 10px;
	margin-top: 25px;
	font-size: 15px;
	font-weight: 200;
}
.sub_menu_item_cat_qty{
	float: right;
	height: auto;
	width:auto;
	margin-top: 26px;
	padding-right: 10px;
}

/* END SUB MENUS */

/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

/* CONTAINER */

#container_wrap{
    min-height: 90vh;
    height: auto;
    width: 100%;
    float: left;
    /* padding-bottom: 20px; */
    width:100%;
    position:relative;
    z-index:5;
 }
#container{
	margin-right:auto;
	margin-left:auto;
	padding-top:35px;
	height:auto;
	padding-right:0px;
	position:relative;
	}
#container a{
	color:inherit;
	text-decoration: underline;
}
#container a:hover{
	color:#c00;
	text-decoration: underline;
}

/* END CONTAINER */

/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

/* FOOTER */

#footer_wrap{
	width:100%;
	position:relative;
	height:auto;
	float:left;
	border-top:1px solid #333;
	display:none;
	}
#footer{
	margin-left:auto;
	margin-right:auto;
	background-attachment:scroll;
	background-position:551px -16px;
	background-repeat:no-repeat;
	height:auto;
	overflow:hidden;
	background-size: 44%;
	}
#footer a{
	color:#999;
	-webkit-transition: color 0.4s;
	-moz-transition: color 0.4s;
	-o-transition: color 0.4s;
	transition: color 0.4s;
	text-decoration:none;
	}
#footer a:hover{
	color:#000;
	}
#footer_left, #footer_centre, #footer_right{
	width:320px;
	height:120px;
	float:left;
	background:none;
	margin-top:20px;
}
#footer_right{
	font-size:11px;
}
#footer_shadow{
	width:100%;
	height:10px;
	position: absolute;
	-webkit-box-shadow: 0px 10px 10px 0px rgba(50, 50, 50, 0.2);
	-moz-box-shadow:    0px 10px 10px 0px rgba(50, 50, 50, 0.2);
	box-shadow:         0px 10px 10px 0px rgba(50, 50, 50, 0.2);
	top:         -11px;
	z-index:         100;
}

/* END FOOTER */

/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

/* LOGIN & FORGOT */

.login-wrap{
	width:100%;
	height:auto;
	/* min-height:90vh; */
	/* background-color: #f4f8ff; */
	position: relative;
	margin-top: 0px;
	/* grid-column-start: 2; */
	grid-area: TC;
}
.login-button-handheld{
	display:none;
}
.login-dialogue{
	width: 290px;
	height:auto;
	min-height: 370px;
	background-color: #fff;
	position: absolute;
	right:0px;
	top: 0px;
	overflow: hidden;
}
.login-slide-shell{
	width: 580px;
	height: 370px;
	position: absolute;
	top: 0px;
	left: 0px;
}
.login-text-title{
	width: 666px;
	height:auto;
	/* min-height: 0; */
	/* background-color: #999; */
	float: left;
	min-height: 0;
	font-size: 115px;
	color: #ffffff;
	margin-top: 0px;
	margin-left: -8px;
}
.login-text{
	width: 666px;
	height:auto;
	min-height: 430px;
	/* background-color: #b35656; */
	float: left;
	min-height: 0;
	font-size: 35px;
	color: #c7d3e8;
	margin-top: 0px;
	/* margin-left: -1px; */
/*  */
}
#login_wrap{
	float: left;
	width: 310px;
	height: 360px;
	position: relative;
	background-color: rgba(255, 255, 255, 0.97);
}
.login{
	/* float: left; */
	width: 100%;
	/* margin-top: 20px; */
	height: 100%;
	position:relative;
	/* margin-left: 20px; */
	background-size: cover;
	background-position: center bottom;
	min-width: 100%;
	min-height: 100%;
	overflow: hidden;
}
.login_form{
	float: left;
	width: 270px;
	margin-top: 20px;
	height: 100%;
	position:relative;
	margin-left: 20px;
}
.login_title_light{
	font-family: 'Montserrat', Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: 400;
	color: #010034;
	position: absolute;
	top: 5px;
}
.textfield{
	width: 244px;
	height: 29px;
	position:absolute;
	border: 1px solid #010034;
	font-family: "Open Sans", Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #010034;
	text-decoration: none;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	padding-left: 5px;
	background-color: transparent;
	-webkit-appearance: none;
	display: block;
	box-sizing: border-box;
	}
.textfield:-webkit-autofill,
.textfield:-webkit-autofill:hover,
.textfield:-webkit-autofill:focus,
.textfield:-webkit-autofill:active {
    -webkit-transition-delay: 99999s;
}
input[type="text"]{
	-webkit-appearance: none;
	border-radius:0;
}
#email_input_1, #email_input_2{
	top:55px;
	left:0;
	width: 251px;
	}
#password, #email_input_3{
	top:115px;
	left:0;
	width: 192px;
}
#email_input_3{
	width: 195px;
}

/*#password:-webkit-autofill,
#password:-webkit-autofill:hover,
#password:-webkit-autofill:focus,
#password:-webkit-autofill:active {
    -webkit-transition-delay: 99999s;
}*/

.login_label{
	width: auto;
	height: 25px;
	position:absolute;
	font-family: "Open Sans", Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #010034;
	}
#email_label_1, #email_label_2{
	top:35px;
	left:0;
	}
#password_label, #email_label_3{
	top:95px;
	left:0;
	}
.pword_reveal-wrap{
	width:20px;
	height:20px;
	background-color: #fff;
	position: absolute;
	top: 121px;
	right: 83px;
	cursor:pointer;
	opacity: 0.8;
	-webkit-transition: all 0.4s;
	-moz-transition: all 0.4s;
	-o-transition: all 0.4s;
	transition: all 0.4s;
}
.pword_reveal-wrap:hover{
	opacity: 1;
}
.pword_reveal-mask{
	width:20px;
	height: 13px;
	/* background-color: #c00; */
	position: absolute;
	top: 0px;
	right: 0px;
	overflow: hidden;
}
.pword_c1{
	width: 20px;
	height: 20px;
	background-color: #010034;
	position: absolute;
	top: 2px;
	left: 0px;
	border-radius: 50px 50px 50px 50px;
	-moz-border-radius: 50px 50px 50px 50px;
	-webkit-border-radius: 50px 50px 50px 50px;
	border: 0px solid #000000;
}
.pword_c2{
	width: 14px;
	height: 14px;
	background-color: #fff;
	position: absolute;
	top: 5px;
	left: 3px;
	border-radius: 50px 50px 50px 50px;
	-moz-border-radius: 50px 50px 50px 50px;
	-webkit-border-radius: 50px 50px 50px 50px;
	border: 0px solid #000000;
}
.pword_c3{
	width: 8px;
	height: 8px;
	background-color: #010034;
	position: absolute;
	top: 7px;
	left: 6px;
	border-radius: 50px 50px 50px 50px;
	-moz-border-radius: 50px 50px 50px 50px;
	-webkit-border-radius: 50px 50px 50px 50px;
	border: 0px solid #000000;
}
.send{
	width: auto;
	height: 23px;
	position:absolute;
	top:115px;
	left: 200px;
	border: 1px solid #010034;
	font-family: "Open Sans", Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #010034;
	text-decoration: none;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 4px;
	cursor:pointer;
	background-color:#fff;
	-webkit-transition: all 0.8s;
	-moz-transition: all 0.8s;
	-o-transition: all 0.8s;
	transition: all 0.8s;
	-webkit-transition-property: background-color, border;
	-moz-transition-property: background-color, border;
	-o-transition-property: background-color, border;
	transition-property: background-color, border;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
.send:hover{
	background-color: #010034;
	border: 1px solid #010034;
	color:#fff;
	}
#forgot-send{
	left: 210px;
}
#login_result{
	width: 250px;
	height: 25px;
	position:absolute;
	font-family: "Open Sans", Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #c00;
	left:0px;
	top: 150px;
	}
.forgot-link{
	width: 253px;
	height: 25px;
	position:absolute;
	font-family: "Open Sans", Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #010034;
	left:0px;
	top:307px;
	cursor:pointer;
	border-top: 1px solid #010034;
	padding-top: 3px;
	-webkit-transition: color 0.4s;
	-moz-transition: color 0.4s;
	-o-transition: color 0.4s;
	transition: color 0.4s;
}
.forgot-link:hover{
	color: #587506;
	}
	
/*FORGOT*/

.forgot{
	float: left;
	width: 270px;
	margin-top: 20px;
	height: 350px;
	position:relative;
	margin-left: 20px;
}	
.login-link{
	width: 253px;
	height: 25px;
	position:absolute;
	font-family: "Open Sans", Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #010034;
	left:0px;
	top:307px;
	cursor:pointer;
	border-top: 1px solid #010034;
	padding-top: 3px;
	-webkit-transition: color 0.4s;
	-moz-transition: color 0.4s;
	-o-transition: color 0.4s;
	transition: color 0.4s;
}
.login-link:hover{
	color: #587506;
	}
#forgot_result{
	width: 250px;
	height: 25px;
	position:absolute;
	font-family: "Open Sans", Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #c00;
	left:0px;
	top:160px;
}
/*RESET PASSWORD*/


#email_input_2{
	top:55px;
	left:0;
	}
#email_input_3{
	top:115px;
	left:0;
	width: 185px;
}
#password1{
	top:115px;
	left:0;
	width: 250px;
}
#password2{
	top: 175px;
	left:0;
	width: 250px;
}
#email_input_3{
	width: 195px;
}
#reset-send{
	top: 225px;
	left: 210px;
}
#password_1_label{
	top: 95px;
	left: 0px;
}
#password_2_label{
	top: 155px;
	left: 0px;
}
#reveal_1{
	top: 121px;
	left: 225px;
}
#reveal_2{
	top: 180px;
	left: 225px;
}
#reset_result{
	width: 250px;
	height: 25px;
	position:absolute;
	font-family: "Open Sans", Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #c00;
	left:0px;
	top: 266px;
}

/*SETTINGS TRAY & LOGOUT*/
#settings_link{
	width:17px;
	height: 20px;
	float: right;
	margin-top: 2px;
	cursor: pointer;
	/* padding:6px; */
	margin-right: 0px;
}
.settings_line{
	width:100%;
	height:2px;
	float: left;
	margin-top: 4px;
	background-color: #010034;
	-webkit-transition: all 0.8s;
	-moz-transition: all 0.8s;
	-o-transition: all 0.8s;
	transition: all 0.8s;
	-webkit-transition-property: background-color, border;
	-moz-transition-property: background-color, border;
	-o-transition-property: background-color, border;
	transition-property: background-color, border;
	cursor: pointer;
}
#client_name{
	-webkit-transition: color 0.4s;
	-moz-transition: color 0.4s;
	-o-transition: color 0.4s;
	transition: color 0.4s;
}
#settings_wrap{
	width:100%;
	min-height: 0px;
	min-width:320px;
	overflow:hidden;
	height:0px;
	background-color: #fff;
	/*-moz-box-shadow:  	0px 5px 10px rgba(0, 0, 0, 0.1);
  	-webkit-box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.1);
  	box-shadow:        	0px 10px 10px rgba(0, 0, 0, 0.1);*/
	}
#settings_shell{
	width: 1000px;
	margin-left:auto;
	margin-right:auto;
	height:auto;
}
#settings{
	max-width: 1000px;
	height:auto;
	position:relative;
	width:100%;
	/* border:1px solid #ccc; */
	background-color: #ffffff;
	z-index:90;
	float:left;
	padding-bottom:10px;
	-webkit-border-bottom-right-radius: 3px;
	-webkit-border-bottom-left-radius: 3px;
	-moz-border-radius-bottomright: 3px;
	-moz-border-radius-bottomleft: 3px;
	border-bottom-right-radius: 3px;
	border-bottom-left-radius: 3px;
	}
.logged_message{
	width:auto;
	height:25px;
	right:50px;
	font-family: 'Open Sans', Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: 400;
	color: #010034;
	text-align: right;
	float:right;
	margin-top: 38px;
	margin-right: 0px;
	/* display: none; */
	}

.logout{
	width: auto;
	height: 23px;
	border: 1px solid #010034;
	font-family: "Open Sans", Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #537d20;
	text-decoration: none;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 5px;
	cursor:pointer;
	background-color:#fff;
	-webkit-transition: all 0.8s;
	-moz-transition: all 0.8s;
	-o-transition: all 0.8s;
	transition: all 0.8s;
	-webkit-transition-property: background-color, border;
	-moz-transition-property: background-color, border;
	-o-transition-property: background-color, border;
	transition-property: background-color, border;
	float: right;
	margin-right: 0px;
	margin-top: 20px;
	-webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.logout:hover{
	background-color:#537d20;
	border: 1px solid #537d20;
	color:#fff;
	}
#logout_cat{
	display:none;
}
.white-back{
	background-color:#ffffff;
}
.dark-green-back{
	background-color:#010034!important;
}
.black-back{
	background-color:#000!important;
}

/*timer*/
	
#m_timer_wrap{
	overflow: hidden;
	position: absolute;
	top: 0;
	width: 1002px;
	height:668px;		
	z-index: 0;
	background-color: #0E0C07;
	}
#m_timer{
	position:absolute;
	top:118px;
	left:257px;
	font-size:3px;
	width:8em;
	height:8em;
	z-index:20;
	opacity:0;
	filter:alpha(opacity=0);
	-moz-opacity: 0;  
    -khtml-opacity: 0;
	
}
#m_timer_ref{
	position:absolute;
	width:0px;
	height:0px;
	top:4em;
	left:4em;
	}
.m_clock_pos{
	position:absolute;
	top:0em;
	left:0em;
	width:1.8em;
	height:1.8em;
	background-color:#82bc3e;
	z-index:60;
	-moz-border-radius:1em;
	-webkit-border-radius:1em;
	border-radius:1em;
	}	


/*end timer*/



/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

/* MEDIA VIEWER */

#view_wrap{
	width:100%;
	height:100%;
	position:fixed;
	top:0;
	bottom: 0;
	left: 0;
	right: 0;
	opacity:0;
	z-index: -1000;
	background-color:#ececec;
	align-items: center;
  	justify-content: center;
	display: flex;
}
#view_shell{
	width:90%;
	height:auto;
	margin-top:-2%;
	position: relative;
	align-items:center;
	-webkit-box-shadow: 12px 18px 35px -9px rgba(0,0,0,1);
	-moz-box-shadow: 12px 18px 35px -9px rgba(0,0,0,1);
	box-shadow: 12px 18px 35px -9px rgba(0, 0, 0, 0.45);
	background-color:#fff;
}
#view{
	height:80vh;
	width:75%;
	opacity:0;
	z-index:4000;
	position:relative;
	color:#999;
	font-size:15px;
	font-weight:400;
	align-items:center;
	justify-content:center;
	display:flex;
	float:left;
	background-color:#fff;
}
#view_timer{
	height:80vh;
	width:75%;
	opacity:1;
	z-index:3000;
	position:absolute;
	align-items:center;
	justify-content:center;
	display:flex;
}
#view_info_wrap{
	width:25%;
	height:80vh;
	float:left;
	position:relative;
	background-color:hsl(0, 0%, 93%);

}
#view_info_shell{
	width:90%;
	height:auto;
	float:left;
	position:relative;
	margin-left:5%;
}
#view_asset_title{
	font-weight:300;
	font-size:25px;
	font-family:'Open Sans', sans-serif;
	margin-top:30px;
	color:#696969;
	width:100%;
	border-bottom:solid 1px #505050;
	padding-bottom:5%;
	margin-right:5%;
	float:left;
}
#view_asset_medium{
	font-weight:300;
	font-size:18px;
	font-family:'Open Sans', sans-serif;
	color:#808080;
	width:100%;
	margin-top:10px;
	float:left;
}
#view_asset_dimensions{
	font-weight:300;
	font-size:16px;
	font-family:'Open Sans', sans-serif;
	color:#808080;
	width:100%;
	float:left;
	margin-top:5px;
}
#view_asset_description{
	font-weight:300;
	font-size:15px;
	font-family:'Open Sans', sans-serif;
	margin-top:30px;
	color:#696969;
	width:100%;
	height:auto;
	text-align:justify;
	float:left;
}
#view_info{
	width:21px;
	height:21px;
	position: absolute;
	bottom:-40px;
	left:50%;
	background-image: url("https://www.clickmystic.com/images/info.png");
	background-repeat: no-repeat;
	cursor:pointer;
	transition: opacity 1s;
	opacity:0.5;
	background-size:contain;
	border: 1px solid #ccc;
	display: none;
}
#view_info:hover{
	opacity:1;
}
#slow{
	width:100%;
	height:21px;
	position: absolute;
	left:0px;
	text-align:center;
	font-size:16px;
	top:60%;
	font-weight:300;
	color:#999;
	opacity:0;
}
.unavailable{
	width:50%;
	height:50%;
	display:flex;
	justify-content:center;
	align-items:center;
}
.prevnext{
	width:21px;
	height:21px;
	position: absolute;
	bottom:10px;
	cursor:pointer;
	transition: opacity 1s;
	opacity:0.5;
	border:1px solid #000;
	z-index:5000;
	background-repeat: no-repeat;
	background-size: contain;
}
.prevnext:hover{
	opacity:1;
}
#view_prev{
	left: 10px;
	background-image: url("https://www.clickmystic.com/images/prev-black.png");
}
#view_next{
	right: 10px;
	background-image: url("https://www.clickmystic.com/images/next-black.png");
}
#view_close{
	top: -10px;
	right: -20px;
	background-image: url("https://www.clickmystic.com/images/view_close-black.png");
	background-position: center center;
}
#asset-img{
	cursor:pointer;
	object-fit:contain;
	height:100%;
	max-width:100%;
}
.fullscreen{
	width:21px;
	height:21px;
	position: absolute;
	left: 70%;
	top: 10px;

	margin-left:10px;


	background-image: url(../images/fullscreen.png);
	background-attachment: scroll;
	background-position: center center;

	opacity:0.5;
	filter:alpha(opacity=50);
	-moz-opacity: 0.5;
    -khtml-opacity: 0.5;

	-webkit-transition: opacity 0.4s;
	-moz-transition: opacity 0.4s;
	-o-transition: opacity 0.4s;
	transition: opacity 0.4s;

	cursor:pointer;
	z-index:500;

	background-color: #000;
	opacity: 0.5;
	border: 1px solid #fff;

}
.fullscreen:hover{
	opacity:1;
	filter:alpha(opacity=100);
	-moz-opacity: 1;
    -khtml-opacity: 1;
}

/* END MEDIA VIEWER */

/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

/* ARTICLE TILE_G_T */

.tile_g{
	width:100%;
	height:auto;
  	display: flex;
	justify-content:space-between;
	flex-flow:row wrap;
  	margin-bottom: 80px;

}
.tile_g_t, .tile_g_t_pad{
	position:relative;
	float:left;
	/*margin:0.1vw;*/
}
.tile_g_t{
	cursor: pointer;
	opacity:0.8;
	transition: opacity 1s;
	background-size:cover;
	background-repeat:no-repeat;
	-moz-box-shadow:    0px 10px 10px 0px rgba(50, 50, 50, 0.2);
	-webkit-box-shadow:0px 10px 10px 0px rgba(50, 50, 50, 0.2);
	border: 1px solid #cccccc;
}
.tile_g_t:hover{
	opacity:1;
}
.tile_g_t_pad{
	background-color:rgba(0,0,0,0);
	/*opacity:0.8;*/
}
.tile_2{
	width: 47%;
	margin-bottom: 38px;
	/*flex: 1 1 40%;*/
}

.tile_3{
	width: 31%;
	margin-bottom: 32px;
	/*flex: 1 1 30%;*/
}

.tile_4{
	width: 23%;
	margin-bottom: 23px;
	/*flex: 1 1 23%;*/
}

.tile_5{
	width: 15%;
	margin-bottom: 23px;
	/*flex: 1 1 18%;*/
}

.tile_6{
	width: 15%;
	margin-bottom: 23px;
	/*flex: 1 1 15%;*/
}

.tile_7{
	width: 12%;
	margin-bottom: 23px;
	/*flex: 1 1 12%;*/
}

.tile_8{
	width: 11%;
	margin-bottom: 23px;
	/*flex: 1 1 11%;*/
}

.tile_9{
	width: 10%;
	margin-bottom: 23px;
	/*flex: 1 1 10%;*/
}

.tile_10{
	width: 9%;
	margin-bottom: 23px;
	/*flex: 1 1 9%;*/
}

/* END ARTICLE TILE_G_T */

/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

/* ARTICLE IMGTXT */
.imgtxt-col{
	width:1000px;
	height:auto;
	margin-left:auto;
	margin-right:auto;
}
.imgtxt{
	width:100%;
	height:auto;
	margin-bottom: 120px;
	position:relative;
	float: left;
	background-size: cover;
	background-position: center bottom;
}
.imgtxt-background{
	position: absolute;
	right: 0;
	bottom: 0;
	min-width: 100%;
	min-height: 100%;
	background-color: #e2e7f1;
	z-index: -10;
}
.imgtxt_title{
	width:980px;
	height:auto;
	font-size:19px;
	font-weight:200;
	margin-bottom:0px;
	text-align:left;
	background-color:hsla(0, 0%, 100%, 0.51);
	color:#000;
	-moz-box-shadow:    0px 10px 10px 0px rgba(50, 50, 50, 0.2);
	-webkit-box-shadow:0px 10px 10px 0px rgba(50, 50, 50, 0.2);
	padding:10px;
	z-index:10;
	padding-top:30px;
	padding-bottom:30px;
	position:relative;
}
.imgtxt_bodytext{
	width:auto;
	height:auto;
	font-size:15px;
	color: #ffffff;
	text-align:justify;
	line-height:23px;
	padding-bottom:20px!important;
	padding-top:5px;
	/* margin-top:20px; */
	/* float: left; */
	/* clear: both; */
	text-align: center;
}
.imgtxt_bodytext_pad{
	padding:10px;
}
.imgtxt_asset{
	width:100%;
	height:auto;
	position: relative;
	top: 0px;
	left:0px;
	z-index:0;
	text-align:center;
}
.imgtxt_asset img{
	width:100%;
}
.asset-p{
	width:70%!important;
}
.imgtxt_info{
	width:100%;
	height:auto;
	position:relative;
	font-size:13px;
	margin-top:40px;
	padding-bottom:10px;
	border-top:1px solid #ccc;
}
.imgtxt_info_title{
  font-size: 13px;
  color: #000;
  padding-top: 10px;

}
.imgtxt_info_desc{

}
.imgtxt_info_med{

}
.imgtxt_info_asset_flag_1a{
	width: 12px;
	height: 12px;
	position: absolute;
	right: 0px;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px;
	top: 11px;
	border: 1px solid #999;
}
.imgtxt_info_asset_flag_1b{
	width: 12px;
	height: 12px;
	position: absolute;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px;
	background-color: rgb(214, 0, 0);
	bottom: 13px;
	top: 13px;
	right: 0px;
}
/* MAIN IMGTXT */
.main_title_wrap{
	color: #c7e1ff;
	/* margin-bottom: 40px; */
	text-align: justify;
	/* background-color: antiquewhite; */
	/* width: 1000px; */
}
.main_title{
	/* width:100%; */
	/* word-break: keep-all; */
	font-size: calc(16px + 4vmax);
	text-align: center;
	color: rgba(255, 255, 255, 0.3);
	color: #fff;
	margin-bottom: calc(1vmax);
	/*-webkit-text-stroke-width: 1px;*/
	/*-webkit-text-stroke-color: black;*/
	/* font-size: 22vw; */
	/* grid-column-start: 1; */
	/* grid-column-end: 6; */
	/* background-color: aquamarine; */
	line-height: 110%;
	/* font-family: 'Montserrat'; */
	font-weight: 600;
}
.main_strap{
	width:100%;
	/* font-size: calc(12px + 1.5vw); */
	text-align: center;
	margin-bottom: 20px;
	color: #ffffff;
	text-align: center;
}
.main_bodytext{
	/* width:100%; */
	font-size: calc(16px + 1vmin);
	text-align: justify;
	color: #fff;
}
.main_bodytext_col{
	-webkit-columns: 2 200px;
	-moz-columns: 2 200px;
	columns: 2 200px;
	-webkit-column-gap: 2em;
	-moz-column-gap: 2em;
	column-gap: 2em;
	}
/* END ARTICLE IMGTXT */

/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/



/* ARTICLE CM_LINKED */
.cm_linked-col{
	width:1000px;
	height:auto;
	margin-left:auto;
	margin-right:auto;
}
.cm_linked{
	width:100%;
	height:auto;
	margin-bottom: 120px;
	position:relative;
	float: left;
	background-size: cover;
	background-position: center bottom;
}
.cm_linked-background{
	position: absolute;
	right: 0;
	bottom: 0;
	min-width: 100%;
	min-height: 100%;
	background-color: #e2e7f1;
	z-index: -10;
}
.cm_linked_title{
	width:980px;
	height:auto;
	font-size:19px;
	font-weight:200;
	margin-bottom:0px;
	text-align:left;
	background-color:hsla(0, 0%, 100%, 0.51);
	color:#000;
	-moz-box-shadow:    0px 10px 10px 0px rgba(50, 50, 50, 0.2);
	-webkit-box-shadow:0px 10px 10px 0px rgba(50, 50, 50, 0.2);
	padding:10px;
	z-index:10;
	padding-top:30px;
	padding-bottom:30px;
	position:relative;
}
.cm_linked_bodytext{
	width:auto;
	height:auto;
	font-size:15px;
	color: #ffffff;
	text-align:justify;
	line-height:23px;
	padding-bottom:20px!important;
	padding-top:5px;
	/* margin-top:20px; */
	/* float: left; */
	/* clear: both; */
	text-align: center;
}

/* MAIN cm_linked */

.cm_linked_main_title_wrap{
	color: #c7e1ff;
	/* margin-bottom: 40px; */
	text-align: justify;
	/* background-color: antiquewhite; */
	/* width: 1000px; */
}
.cm_linked_main_title{
	/* width:100%; */
	/* word-break: keep-all; */
	font-size: calc(16px + 4vmax);
	text-align: center;
	color: rgba(255, 255, 255, 0.3);
	color: #fff;
	margin-bottom: calc(1vmax);
	/*-webkit-text-stroke-width: 1px;*/
	/*-webkit-text-stroke-color: black;*/
	/* font-size: 22vw; */
	/* grid-column-start: 1; */
	/* grid-column-end: 6; */
	/* background-color: aquamarine; */
	line-height: 110%;
	/* font-family: 'Montserrat'; */
	font-weight: 600;
}
.cm_linked_main_strap{
	width:100%;
	/* font-size: calc(12px + 1.5vw); */
	text-align: center;
	margin-bottom: 20px;
	color: #ffffff;
	text-align: center;
}
.cm_linked_main_bodytext{
	/* width:100%; */
	font-size: calc(16px + 1vmin);
	text-align: justify;
	color: #fff;
}
.cm_linked_main_bodytext_col{
	-webkit-columns: 2 200px;
	-moz-columns: 2 200px;
	columns: 2 200px;
	-webkit-column-gap: 2em;
	-moz-column-gap: 2em;
	column-gap: 2em;
}

/* END ARTICLE CM_LINKED */

/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/



/* TIMELINE */

.timeline{
	width:100%;
	height:auto;
	margin-bottom: 60px;
	position:relative;
	float: left;
	background-size: cover;
	background-position: center bottom;
	/* min-height: 500vh; */
}
.timeline-col{
	width: 1000px;
	height:auto;
	position:relative;
	margin-left: auto;
	margin-right: auto;
	/* padding-top: 30px; */
}
.timescale{
	width: 72px;
	height:auto;
	min-height: 1000px;
	position:relative;
	margin-left: auto;
	margin-right: auto;
	/* background-color: #ccc; */
}
.year_wrap{
	position: relative;
}
.time_item{
	width: 30vw;
	height: 15vw;
	position: absolute;
	min-height: 60px;
	max-height: 400px;
	/* max-width: 45vw; */
	background-size: cover;
	background-position: center center;
	/* z-index: 10000; */
	/* overflow: hidden; */
	background-color: #fff;
	box-sizing: border-box;
	border: 3px solid #fff;
	box-shadow: -10px 10px 10px rgba(0, 0, 0, 0.1);
	-webkit-transition: width 0.4s height 0.4s;
	-moz-transition: width 0.4s height 0.4s;
	-o-transition: width 0.4s height 0.4s;
	transition: width 0.4s height 0.4s;
	-webkit-transition: box-shadow 0.6s;
	-moz-transition: box-shadow 0.6s;
	-o-transition: box-shadow 0.6s;
	transition: box-shadow 0.6s;
}
/*.time_item::after{
	box-shadow: 0 5px 15px rgba(0,0,0,0.3);
  	opacity: 0;
  	transition: opacity 0.3s;
}*/
.time_item_mask{
	display:none;
}
.time_item_shell{
	width:100%;
	height:100%;
	overflow:hidden;
}
.time_item_title_shell{
	width:100%;
	height:50px;
	overflow:hidden;
}
.point_left{
	position: absolute;
	right: -33px;
	top: calc(50% - 25px);
	clip-path: polygon(0 0, calc(100% - 30px) 0, 100% 50%, calc(100% - 30px) 100%, 0 100%);
	background-color: #ccc;
	width: 30px;
	height: 50px;
	/* border: 4px solid #fff; */
}
.point_right{
	position: absolute;
	left: -33px;
	top: calc(50% - 25px);
	width: 30px;
	height: 50px;
	clip-path: polygon(100% 0%, 100% 100%, 30px 100%, 0% 50%, 30px 0%);
	background-color: #ccc;
}
.tm_left{
	right: calc(50% + 66px);
	border-radius: 10px 0px 10px 10px;
	-moz-border-radius: 10px 0px 10px 10px;
	-webkit-border-radius: 10px 10px 10px 10px;
	box-shadow: -10px 10px 10px rgba(0, 0, 0, 0.1);
	/* -webkit-clip-path: polygon(0 0, calc(100% - 70px) 0, 100% 50%, calc(100% - 70px) 100%, 0 100%); */
	/* clip-path: polygon(0 0, calc(100% - 70px) 0, 100% 50%, calc(100% - 70px) 100%, 0 100%); */
}
.tm_right{
	left: calc(50% + 66px);
	border-radius: 10px 10px 10px 10px;
	-moz-border-radius: 0px 10px 10px 10px;
	-webkit-border-radius: 10px 10px 10px 10px;
	box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.1);
	/*-webkit-clip-path: polygon(100% 0%, 100% 100%, 72px 100%, 0% 50%, 70px 0%);
	clip-path: polygon(100% 0%, 100% 100%, 72px 100%, 0% 50%, 70px 0%);*/
}
.left{
	float:left;
}
.right{
	float:right;
	padding-left: 60px!important;
}
.time_m{
	width: 100%;
	height: 16px;
	box-sizing: border-box;
	margin-bottom:2px;
	text-align: center;
	font-size: 10px;
	color: #97ad81;
	/* padding-top: 5px; */
	border: 1px solid #97ad81;
	-webkit-transition: all 0.8s;
	-moz-transition: all 0.8s;
	-o-transition: all 0.8s;
	transition: all 0.8s;
}
.time_y{
	background-color:#97ad81;
	color:#fff;
	padding-top:1px;
	font-size: 16px;
	box-sizing: border-box;
	min-height: 25px;
	position: relative;
}
.time_year_label{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	font-weight: 700;
	}
.time_item_vid_wrap{
	width:100%;
	height:100%;
	position: absolute;
	top: 0px;
	left: 0px;
	overflow: hidden;
	border-radius: 10px 10px 10px 10px;
}   
.time_item_vid{
	width:100%;
	height:100%;
	position: absolute;
	top: 0px;
	left: 0px;
	background-size: cover;
	min-width: 100%;
	object-fit: cover;
	object-position: top;
}        
.time_item_title{
	width: 100%;
	height: 50px;
	padding: 5px;
	padding-right: 10px;
	padding-left: 10px;
	box-sizing: border-box;
	font-size: 30px;
	float: left;
	position: relative;
	font-weight: 700;
	border-radius: 10px 10px 0px 0px;
	word-break: keep-all;
	word-wrap: initial;
}
.title_left{
	float: left;
}
.title_right{
	/* padding-left: 70px; */
	float: right;
}               
.time_item_body_left{
	width: 100%;
	min-width: 100%;
	height: auto;
	min-height: calc(100% - 50px);
	max-height: calc(100% - 50px);
	background-size: cover;
	background-position: center bottom;
	/* max-width: 450px; */
	float: left;
	position: relative;
	padding: 10px;
	/* padding-left: 10px; */
	box-sizing: border-box;
	overflow: hidden;
} 
.time_item_body_right{
	width: 100%;
	height:auto;
	min-height: calc(100% - 50px);
	background-size: cover;
	background-position: center center;
	/* max-width: 470px; */
	float: right;
	position: relative;
	padding: 10px;
	/* padding-left: 13px; */
	box-sizing: border-box;
	border-radius: 0px 0px 10px 10px;
} 
.time_item_body_vid_wrap{
	width:100%;
	height: 100%;
	position: absolute;
	top: 0px;
	left: 0px;
	overflow: hidden;
	border-radius: 0px 0px 10px 10px;
} 
.time_item_body_vid{
	width:100%;
	height:100%;
	position: absolute;
	top: 0px;
	left: 0px;
	object-fit: cover;
	object-position: top;
}         
.time_item_bodytext_left{
	width: calc(100% - 70px);
	height: calc(100% - 50px);
	min-height: calc(100% - 50px);
	float: left;
	/* float: right; */
	min-height:50px;
	/* margin-left: 60px; */
	font-size: 18px;
	/* padding: 10px; */
	/* padding-top: 10px; */
	padding-bottom: 10px;
	box-sizing: border-box;
	/* word-wrap: break-word; */
}
.time_item_bodytext_right{
	width: 100%;
	height:auto;
	float: left;
	/* float: right; */
	min-height:50px;
	/* margin-left: 60px; */
	font-size: 18px;
	/* padding: 10px; */
	/* padding-top: 10px; */
	padding-bottom: 10px;
	box-sizing: border-box;
	overflow: hidden;
}
.timeline-zoom-wrap{
	width: 27px;
	height: auto;
	position: absolute;
	left: calc(50% + 530px);
	top: 30px;
	/* background-color:#ccc; */
	box-sizing: border-box;
	z-index: 1000000;
	-webkit-transition: all 0.1s;
	-moz-transition: all 0.1s;
	-o-transition: all 0.1s;
	transition: all 0.1s;
}
.timeline-zoom{
	/* z-index: 20; */
	width: auto;
	height: auto;
	/* position: absolute; */
	/* left: 0px; */
	/* top: 0px; */
	/* background-color: #000000; */
	box-sizing: border-box;
}
.tz{
	width: 27px;
	height: 27px;
	box-sizing: border-box;
	float: left;
	border: 1px solid #000;
	cursor: pointer;
	background-position: center center;
	background: #fff;
	z-index: 10000;
	-webkit-transition: all 0.8s;
	-moz-transition: all 0.8s;
	-o-transition: all 0.8s;
	transition: all 0.8s;
	position: relative;
}
.tz_in{

}
.tz_out{
	margin-top: 2px;
	
}
.tzb{
	width: 17px;
	height: 3px;
	position: absolute;
	left: 4px;
	top: 11px;
	/* background-color: #8eb0d7; */
	box-sizing: border-box;
}
.tzb_vert{
	transform: rotate(90deg);
}

/* END ARTICLE TIMELINE */

/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

/* TIMER */

.timer{
	left:50%;
	height:4em;
	z-index:500000;
	top:0px;
	position:absolute;
	width:4em;
	font-size:16px;
	opacity: 0;
	filter:alpha(opacity=0);
	-moz-opacity: 0;
   	 -khtml-opacity: 0;

}
.timer_ref{
	position:absolute;
	width:0;
	height:0;
	top:2em;
	left:0em;

}
.clock_pos{
	position:absolute;
	width:1px;
	height:1px;
	z-index:60;
	margin-bottom:0px;
	left:0px;


}
.clock_h{
	position:absolute;
	width:2px;
	height:15px;
	top:0px;
	background-color:#666;
	z-index:60;
	left:0px;
	-webkit-transition: all 1s;
    transition: all 1s;
}

/* END TIMER */

/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

/* LOADING ASSETS */

.category-more-wrap{
	width:100%;
	height:auto;
	float:left;
}
.category-more{
	width:190px;
	height:20px;
	padding:10px;
	padding-top: 10px;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	border: 1px solid #666;
	font-size:13px;
	margin-bottom:30px;
	-moz-border-radius: 20px;
	position: relative;
	color: #999;
}
.category-more-arrow{
	background-image: url(https://www.clickmystic.com/images/cat-more-2.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	width:21px;
	height:21px;
	position: absolute;
	left: 95px;
	top: 31px;
}
.load-more-wrap{
	width:100%;
	height:auto;
	float:left;
	position:relative;
}
.load-more{
	width:80px;
	height:20px;
	padding:10px;
	padding-top: 10px;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	border: 1px solid #333;
	font-size:13px;
	margin-bottom:30px;
	-moz-border-radius: 20px;
	position: relative;
	cursor:pointer;
	color:#999;
	-webkit-transition: border-color 0.7s, color 0.7s;
	-moz-transition: border-color 0.7s, color 0.7s;
	-o-transition: border-color 0.7s, color 0.7s;
	transition: border-color 0.7s, color 0.7s;

	-webkit-box-shadow: 0px 10px 10px 0px rgba(30, 30, 30, 0.1);
	-moz-box-shadow:    0px 10px 10px 0px rgba(30, 30, 30, 0.1);
	box-shadow:         0px 10px 10px 0px rgba(30, 30, 30, 0.1);
	z-index:         50;
}
.load-more:hover{
	border: 1px solid #ccc;
	color:#000;
}
.pulse{
	border: 1px solid #999;
}
.black{
	color: #000000;
	font-weight: 700;
}

/* END LOADING ASSETS */

/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

/* MAILFORM */

#mailform_wrap{
	font-family: 'Open Sans', Helvetica, sans-serif;
	color: #000099;
	font-size: 14px;
	font-weight:400;
	text-align: left;
	clear: none;
	height: auto;
	width: 100%;
	position: relative;
	margin-top:0px;
	float:left;
	overflow:hidden;
}
#mailform_wrap .textfield{
	width:100%;
	height: 25px;
	background-color: transparent;
	font-family: 'Open Sans', Helvetica, sans-serif;
	color: #3C2C1E;
	font-weight:400;
	font-size: 13px;
	text-align: left;
	float: left;
	margin-bottom:10px;
	padding-left: 10px;

	background: url("../images/black_trans_10.png");
	background-repeat: no-repeat;
	background-position:left top;
	background-attachment:scroll;
  	-webkit-background-size: cover;
  	-moz-background-size: cover;
  	-o-background-size: cover;
  	background-size: cover;
	max-width: 995px;
	border: 0px solid #000;

	-webkit-border-top-left-radius: 0px;
	-webkit-border-top-right-radius: 0px;
	-webkit-border-bottom-right-radius: 0px;
	-webkit-border-bottom-left-radius: 0px;
	-moz-border-radius-top-left: 0px;
	-moz-border-radius-topr-ight: 0px;
	-moz-border-radius-bottom-right: 0px;
	-moz-border-radius-bottom-left: 0px;
	border-top-left-radius: 0px;
	border-top-right-radius: 0px;
	border-bottom-right-radius: 0px;
	border-bottom-left-radius: 0px;
}
#mailform_wrap .textarea{
	width:993px;
	resize: none;
	height: 200px;
	background-color: transparent;
	font-family: 'Open Sans', Helvetica, sans-serif;
	color: #3C2C1E;
	font-weight:400;
	font-size: 13px;
	text-align: left;
	margin-bottom:15px;
	padding-top: 5px;
	padding-left: 10px;
	border:0px solid #000;
	background: url("../images/black_trans_10.png");
	background-repeat: no-repeat;
	background-position:left top;
	background-attachment:scroll;
  	-webkit-background-size: cover;
  	-moz-background-size: cover;
  	-o-background-size: cover;
  	background-size: cover;

	overflow: auto;
	float: left;

	-webkit-transition: all 0.4s;
	-moz-transition: all 0.4s;
	-o-transition: all 0.4s;
	transition: all 0.4s;
	padding-bottom: 10px;

	-webkit-border-top-left-radius: 0px;
	-webkit-border-top-right-radius: 0px;
	-webkit-border-bottom-right-radius: 0px;
	-webkit-border-bottom-left-radius: 0px;
	-moz-border-radius-topleft: 0px;
	-moz-border-radius-topright: 0px;
	-moz-border-radius-bottomright: 0px;
	-moz-border-radius-bottomleft: 0px;
	border-top-left-radius: 0px;
	border-top-right-radius: 0px;
	border-bottom-right-radius: 0px;
	border-bottom-left-radius: 0px;
}
#message_send{
	width:70px;
	height: 22px;
	font-weight:400;
	color: #000;
	font-size: 13px;
	text-align: center;
	padding-top:3px;
	cursor:pointer;
	font-weight: normal;

	background: url("../images/black_trans_20.png");
	background-repeat: no-repeat;
	background-position:left top;
	background-attachment:scroll;
  	-webkit-background-size: cover;
  	-moz-background-size: cover;
  	-o-background-size: cover;
  	background-size: cover;

	opacity:0.7;
	filter:alpha(opacity=70);
	-moz-opacity: 0.7;
    -khtml-opacity: 0.7;
	-webkit-transition: opacity 0.4s;
	-moz-transition: opacity 0.4s;
	-o-transition: opacity 0.4s;
	transition: opacity 0.4s;
	margin-top: 0;
	float: right;
	margin-bottom: 15px;
}
#message_send:active, #message_send:hover{
	opacity:1;
	filter:alpha(opacity=100);
	-moz-opacity: 1;
    -khtml-opacity: 1;
}
#message_reset{
	width:70px;
	height: 22px;
	font-weight:400;
	color: #000;
	font-size: 13px;
	text-align: center;
	padding-top:3px;
	cursor:pointer;
	font-weight: normal;

	background: url("../images/black_trans_20.png");
	background-repeat: no-repeat;
	background-position:left top;
	background-attachment:scroll;
  	-webkit-background-size: cover;
  	-moz-background-size: cover;
  	-o-background-size: cover;
  	background-size: cover;

	opacity:0.7;
	filter:alpha(opacity=70);
	-moz-opacity: 0.7;
    -khtml-opacity: 0.7;
	-webkit-transition: opacity 0.4s;
	-moz-transition: opacity 0.4s;
	-o-transition: opacity 0.4s;
	transition: opacity 0.4s;
	float: right;
	margin-bottom: 15px;
}
#message_reset:active, #message_reset:hover{
	opacity:1;
	filter:alpha(opacity=100);
	-moz-opacity: 1;
    -khtml-opacity: 1;
}
#message_result{
 	color: #C00;
    font-family: 'Open Sans', Helvetica, sans-serif;
	font-weight:400;
    font-size: 12px;
	text-align: right;
	width: auto;
	height: 20px;
	margin-top: 4px;
	margin-right: 10px;
	float: right;
}

/* END MAILFORM */

/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

/* MISC */

.bold{
	font-weight: 600;
}
.clear_fix{
	clear: both;
}
.clear_fix::after {
   content: " ";
   display: block;
   height: 0;
   clear: both;
}

/* END MISC */

/* }END MEDIA QUERY MIN-1024 */



/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
















@media only screen and (max-width : 1069px){

/* PAGE */

html, body{
	-webkit-transition: background-color 0.6s;
	-moz-transition: background-color 0.6s;
	-ms-transition: background-color 0.6s;
	-o-transition: background-color 0.6s;
	transition: background-color 0.6s;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	overflow: scroll;
	-webkit-overflow-scrolling: touch;
	margin: 0px;
	padding: 0px;
	background-color: #ffffff;
	overflow-x: hidden;
	max-width: 100vw;
	background-image: none;
	background-size: cover;
	background-position: center center;
}
.body_fix{
	overflow: hidden;
}
#back_img{
	background-position: center center;
	background-repeat: no-repeat;
	z-index: 0;
	background-size: 200%;
	background-attachment: inherit;
	opacity: 0.8;
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
}
.auto_wrap{
	width: 100%;
	height: 100%;
	min-width: 100vw;
	min-height: 100vh;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	background-color: rgba(0, 0, 0, 0.6);
	z-index: -10000;
	-webkit-transition: opacity 0.8s;
	-moz-transition: opacity 0.8s;
	-o-transition: opacity 0.8s;
	transition: opacity 0.8s;
}
.auto{
	width: 100%;
	height: auto;
	min-width: 90%;
	min-height: calc(100vh - 90px);
	position: absolute;
	left: 0%;
	top: 90px;
	background-color: #fff;
	border: 1px solid #ccc;
}
.auto_text_wrap{
	width: 100%;
	height: auto;
	position: relative;
	left: auto;
	top: auto;
	font-size: 35px;
	float: left;
	margin-top: 6%;
}
.auto_text{
	width: 100%;
	height: 40px;
	position: relative;
	left: auto;
	top: auto;
	font-size: 25px;
	margin-left: auto;
	margin-right: auto;
	float: none;
	color: #537d20;
	text-align: center;
}
.auto_count{
	width: 100%;
	height: auto;
	position: relative;
	left: auto;
	top: auto;
	font-size: 35px;
	margin-left: 0%;
	float: none;
	color: #537d20;
	text-align: center;
	margin-top: 0px;
	margin-left: auto;
	margin-right: auto;
}
.auto_continue{
	width: 200px;
	height: 60px;
	position: relative;
	margin-left: calc(50% - 100px);
	margin-top: 10px;
	left: auto;
	top: auto;
	float: left;
	border: 1px solid #000;
	font-size: 25px;
	box-sizing: border-box;
	cursor: pointer;
	text-align: center;
	border: 1px solid #010034;
	font-family: "Open Sans", Arial, Helvetica, sans-serif;
	color: #537d20;
	text-decoration: none;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 8px;
	cursor:pointer;
	background-color:#fff;
	-webkit-transition: all 0.8s;
	-moz-transition: all 0.8s;
	-o-transition: all 0.8s;
	transition: all 0.8s;
	-webkit-transition-property: background-color, border;
	-moz-transition-property: background-color, border;
	-o-transition-property: background-color, border;
	transition-property: background-color, border;
}
.auto_continue:hover{
	background-color:#537d20;
	border: 1px solid #537d20;
	color:#fff;
	}
#articles_wrap{
	float:left;
	width:100%;
	height:auto;
	opacity:0;
	min-height: 0;
	text-align:center;
	font-size:11px;
}
.article-col{
	width: 100%;
	height:auto;
	min-height: 0;
	background: transparent;
	font-size: 14vw;
	color: #c7d3e8;
	text-align: center;
	/* margin-left: auto; */
	/* margin-right: auto; */
	position: relative;
	display: grid;
	grid-template-columns: [LL] auto [L] 90% [L] auto [LL];
	background-size: cover;
	background-repeat: repeat-y;
}
/*.article-col{
	width: 90%;
	height:auto;
	min-height: 0;
	background: transparent;
	font-size: 14vw;
	color: #c7d3e8;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	position: relative;
}*/
.article-background{
	position: absolute;
	height: calc(100vh - 90px);
	top:0;
	left:0;
	min-width: 100%;
	min-height: 100%;
	/* background-color: #e2e7f1; */
	z-index: -10;
}
.ui-loader{
	display:none;
}
.vis_front{
	 z-index:10000;
}
.vis_on{
	opacity:1!important;
	filter:alpha(opacity=100)!important;
	-moz-opacity: 1!important;
    -khtml-opacity: 1!important;

}
.vis_off{
	opacity:0;
	filter:alpha(opacity=0);
	-moz-opacity: 0;
	-khtml-opacity: 0;
}
/* END PAGE */

/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

/* HEADERS */
#header_wrap{
	height: auto;
	min-height: 90px;
	height: 90px;
	padding-bottom: 0px;
	border: none;
	z-index: 1;
	border-bottom: 1px solid #ccc;
}
#header{

	width:100%;
	background-position:center 0px;
	background-size: contain;
	height: auto;
	min-height: 110px;
}
#mini_header_wrap, #mini_header{
	width:100%;
	height:100px;
	padding:0px;
	overflow:hidden;
	position:absolute;
	background-color:#ccc;
	z-index:1000;
	display: none;
}
.logo{
	height: 60px;
	width: 60px;
	background-attachment:scroll;
	background-position:center center;
	background-repeat: no-repeat;
	background-size: contain;
	float: left;
	/* margin-top: -2px; */
	margin-left: calc(50% - 30px);
	left: 0px;
}
.title-1{
	display:none;
}
.title-2{
	font-family: 'Montserrat', Arial, Helvetica, sans-serif;
	font-size: 20px;
	color: #010034;
	height:auto;
	margin-top: 46px;
	text-align: center;
	margin-bottom: 20px;
	width: auto;
	letter-spacing: normal;
	font-weight: 700;
	display: block;
	float: left;
	margin-left: calc(3% + 33px);
	display: none;
}


/* END HEADERS */

/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

/* MENUS */

#menu_wrap{
	width:100%;
	-moz-box-shadow:    0px 10px 10px 0px rgba(50, 50, 50, 0.2);
	-webkit-box-shadow:0px 10px 10px 0px rgba(50, 50, 50, 0.2);
	/* box-shadow: 0px 10px 10px 0px rgba(50, 50, 50, 0.2); */
	padding-bottom:0px;
	overflow:hidden;
	position:relative;
	height: 39px;
	/* background-color: #c77070; */
	z-index: 400;
	/* border-top: 1px solid #ccc; */
	border-bottom: none;
	background: transparent;
	/* display: none; */
	float: left;
	z-index: 10;
}
.menu_timer_wrap{
	width: 100%;
	height: 2px;
	position: absolute;
	top: 0px;
	left: 0px;
	overflow: hidden;
}
.menu_timer{
	width: 0%;
	height:10px;
	position: absolute;
	top: 0px;
	left: 0%;
	background-color: #010034;
}
#menu_shell{
	width:94%;
	height:auto;
	position:absolute;
	opacity:0;
	left:3%;
	top:40px;
}
#menu{
	width:100%;
	height:auto;
	display:block;
	position:relative;
	top:0px;
}
#menu a{
	color:#ccc;
	text-decoration: none;
	width: 100%;
}
.menu_link{

}
.menu_item{
	width:100%;
	height:29px;
	color: #010034;
	-webkit-transition: color 0.5s;
	-moz-transition: color 0.5s;
	-o-transition: color 0.5s;
	transition: color 0.5s;
	font-size: 15px;
	margin-top: 0px;
	text-align: center;
	padding-top: 10px;
	border-bottom: 1px solid #ccc;
}
.menu_item:hover{
	color: #000;
}
.menu_item_cat{
	width:100%;
	height:29px;
	color: #010034;
	-webkit-transition: color 0.5s;
	-moz-transition: color 0.5s;
	-o-transition: color 0.5s;
	transition: color 0.5s;
	font-size: 15px;
	margin-top: 0px;
	text-align: center;
	padding-top: 10px;
	border-bottom: 1px solid #666;
}
.menu_item_cat:hover{color: #000;}
#menu:after {
	content: "";
	display: none;
	width: 100%;
}
.menu_current{
	background-image: none;
	color: #000;
	background-color: #E7E7E7;
}
#menu_breadcrumb{
	display:block;
	width: 90%;
	height: auto;
	color: #666;
	font-size: 13px;
	position: absolute;
	top: 11px;
	left: 5%;
	text-align: left;
	background-color: transparent;
}
#menu_open{
	width:100%;
	height:35px;
	position: absolute;
	top: 0px;
	left:0px;
	padding-top: 5px;
	z-index:5000;
	background-color: transparent;
}
.menu_open_bar{
	width:20px;
	height:2px;
	background-color: #ccc;
	margin-top:6px;
	margin-right:5%;
	float:right;
	clear:both;
}
#menu_close{
	width:21px;
	height:21px;
	position: absolute;
	top: 10px;
	right:3%;
	z-index:5000;
	background-color: #ccc;
	display:none;
}



/* END MENUS */

/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

/* SUB MENU */

.sub_menu_wrap{

	width:0%;
	height:0%;
	position:absolute;
	left: 0px;
	z-index: 100;
	overflow:hidden;
	filter:alpha(opacity=0);
	-moz-opacity: 0;
    -khtml-opacity: 0;
    cursor: pointer;
    /*background-image: url("../images/black_trans_70.png");*/
    top: 0px!important;

}
.sub_menu_shell{
	width:100%;
	height:auto;
	margin-right:auto;
	min-height: 400px;
	cursor:default;
	position:relative;
	margin-top:0px;
	margin-left:auto;
	padding-right:2px;
}
.sub_menu_inner{
	width:100%;
	cursor:default;
	-moz-box-shadow:    0px 10px 20px 0px rgba(0, 0, 0, 0.8);
	-webkit-box-shadow:0px 10px 20px 0px rgba(0, 0, 0, 0.8);
	box-shadow:0px 10px 20px 0px rgba(0, 0, 0, 0.8);
	height:53px;
	padding-bottom:15px;
	background-color:#fff;
	overflow:hidden;
	padding-left:3%;
}
.sub_menu{
	width:93%;
	height:auto;
	cursor:default;
	min-height:54px;
}
.sub_menu_logo{
	height:50px;
	width:100px;
	background-image:url(../images/logo.jpg);
	background-attachment:scroll;
	background-position:center center;
	background-repeat: no-repeat;
	background-size: contain;
	margin-top: 7px;
	float: left;
	margin-left: 5%;
}
.sub_menu_title{
	float:left;
	font-size: 15px;
	color:#000;
	height: auto;
    padding-top: 20px;
    padding-bottom: 20px;
    font-weight: 200;
}
.sub_menu_spacer{
	width:100%;
	height:1px;
	border-bottom:1px solid #ccc;
	float:right;
}
.sub_menu_close{
	width:21px;
	height:21px;
	position:absolute;
	top:20px;
	right: 4%;
	z-index: 90;
    cursor: pointer;
    background-image: url("../images/close.png");
    opacity:0.2;
	filter:alpha(opacity=50);
	-moz-opacity: 0.5;
    -khtml-opacity: 0.5;
    background-color: #000;
}
.sub_menu_close:hover{
    opacity:1;
	filter:alpha(opacity=100);
	-moz-opacity: 1;
    -khtml-opacity: 1;
}
.sub_menu_item_cat{
	float:right;
	font-size: 11px;
	color:#000;
	height: auto;
    width: 90%;
    padding-left: 0px;
    -webkit-transition: border-color 0.4s;
	-moz-transition: border-color 0.4s;
	-o-transition: border-color 0.4s;
	transition: border-color 0.4s;
	font-weight: 400;
	padding-right: 0%;
}
.sub_menu_item_cat:hover{
    background-color: #eaeaea;
}
.sub_menu_item_cat_info{
	float:left;
	width:auto;
	height:auto;
}
.sub_menu_item_cat_image{
	float:left;
	width:100px;
	height:70px;
	background-attachment:scroll;
	background-position:top left;
	background-repeat:no-repeat;
	background-color:#ccc;
	background-size: cover;
}
.sub_menu_item_cat_title{
	float: left;
	height: auto;
	width:auto;
	padding-left: 10px;
	margin-top: 7px;
	font-size: 13px;
}
.sub_menu_item_cat_qty{
	float: left;
	height: auto;
	width:auto;
	margin-top: 8px;
	clear: left;
	padding-left: 10px;
}
.sub_menu_item_subcat{
    font-size: 11px;
}
.has_sub{
width:17px;
height:20px;
position:absolute;
left:0px;
background-image:url("../images/has_sub.png");
background-attachment:scroll;
background-repeat:no-repeat;
bottom:-20px;
background-size:contain;
}

/* END SUB MENUS */

/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

/* CONTAINER */

#container_wrap{
	min-height: 200px;
	padding-bottom: 20px;
	float: left;
	height: auto;
	width: 100%;
	position: relative;
}
#container{
	width:90%;
	float:left;
	margin-top:5%;
	margin-left:5%;
	padding:0px;
}

/* END CONTAINER */

/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

/* FOOTER */

#footer{
	width:100%;
	height:300px;
}
#footer_shadow{
	position: relative;
	z-index: 100;
	top: -1px;
}

#footer{
	background-image:url(../images/footer-logo.jpg);
	background-position:3px -11px;
	background-repeat:no-repeat;
	height:90px;
	background-attachment: scroll;
	background-size: 40%;
	float: left;
	position: relative;
	overflow: visible;
}
#footer_left{
	color:#999;
	width:50%;
	height:auto;
	margin:5%;
	float:left;
	padding:0px;
	position:static;
}
#footer_centre{
	color:#999;
	border-right:1px solid #ccc;
	width:50%;
	height:50px;
	background-color:#c00;
	margin:0px;
	float:left;
	padding:0px;
	position:static;
	display:none;
}
#footer_right{
	color:#999;
	width:49%;
	height:auto;
	margin:0px;
	float:left;
	padding:0px;
	position:static;
}

/* END FOOTER */

/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

/* LOGIN & FORGOT */

.login-wrap{
	width: 100%;
	height:auto;
	min-height: 80vh;
	background-color: #dbedff;
	background: transparent;
	/* overflow: auto; */
	overflow: auto;
	/* float: left; */
	grid-area: CC;
}
.login-button-handheld{
	width: 110px;
	height: auto;
	padding-top: 7px;
	padding-bottom: 9px;
	margin-left:auto;
	margin-right: auto;
	margin-top: 20px;
	display: inline-block;
	font-weight: 700;
	color: #010034;
	border: 2px solid #010034;
	border-radius: 8px;
	cursor: pointer;
	background: rgb(255, 255, 255);
	z-index: 10000;
	position: relative;
	overflow: auto;
	font-size: 15px;
	-webkit-transition: all 0.8s;
	-moz-transition: all 0.8s;
	-o-transition: all 0.8s;
	transition: all 0.8s;
}
.login-button-handheld:hover{
	background-color: #010034;
	color:#fff;
}
.login-dialogue{
	width: 290px;
	height:auto;
	min-height: 370px;
	background-color: #ffffff;
	position: absolute;
	right: calc(50% - 145px);
	top: 65px;
	overflow: hidden;
	left: calc(50% - 145px);
	opacity: 0;
	display: none;
}
.login-slide-shell{
	width: 580px;
	height: 370px;
	position: absolute;
	top: 0px;
	left: 0px;
}
.login-text-title{
	width: 100%;
	height:auto;
	min-height: 0;
	font-size: 14vw;
	color: hsla(241, 100%, 20%, 1);
	margin-left: 0px;
	text-align: center;
	margin-top: 0px;
	float: left;
}
.login-text{
	width: 100%;
	height:auto;
	min-height: 0;
	font-size: 14vw;
	color: #c7d3e8;
	margin-top: 0px;
	margin-left: 0px;
	text-align: center;
	display: none;
	float: left;
}
#login_wrap{
	float: left;
	width: 310px;
	height: 360px;
	position: relative;
	background-color: rgba(255, 255, 255, 0.97);
}
.login{
	float: left;
	width: 100%;
	height: auto;
	position:relative;
	background-image: none!important;
}
.login_form{
	float: left;
	width: 270px;
	margin-top: 20px;
	height: 350px;
	position:relative;
	margin-left: 20px;
}
.login_title_light{
	font-family: 'Montserrat', Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: 400;
	color: #010034;
	position: absolute;
	top: 5px;
}
.textfield{
	width: 252px;
	height: 29px;
	position:absolute;
	border: 1px solid #010034;
	font-family: "Open Sans", Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #010034;
	text-decoration: none;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	padding-left: 5px;
	background-color: transparent;
	box-sizing: border-box;
	vertical-align: middle;
	}
input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 1000px white inset;
  -webkit-text-fill-color: #010034;
}
input:-webkit-autofill:focus {
  -webkit-box-shadow: 0 0 0 1000px #010034 inset;
  -webkit-text-fill-color: #010034;
}
input[type="text"]{
	-webkit-appearance: none;
	border-radius:0;
}
/*
.textfield:-webkit-autofill,
.textfield:-webkit-autofill:hover,
.textfield:-webkit-autofill:focus,
.textfield:-webkit-autofill:active {
    -webkit-transition-delay: 99999s;
}*/
#email_input_1, #email_input_2{
	top:55px;
	left:0;
	}
#password, #email_input_3{
	top:115px;
	left:0;
	width: 190px;
}
#email_input_3{
	width: 195px;
}

/*#password:-webkit-autofill,
#password:-webkit-autofill:hover,
#password:-webkit-autofill:focus,
#password:-webkit-autofill:active {
    -webkit-transition-delay: 99999s;
}*/

.login_label{
	width: auto;
	height: 25px;
	position:absolute;
	font-family: "Open Sans", Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #010034;
	}
#email_label_1, #email_label_2{
	top:35px;
	left:0;
	}
#password_label, #email_label_3{
	top:95px;
	left:0;
	}
.pword_reveal-wrap{
	width:20px;
	height:20px;
	background-color: #fff;
	position: absolute;
	top: 121px;
	right: 87px;
	cursor:pointer;
	opacity: 0.8;
	-webkit-transition: all 0.4s;
	-moz-transition: all 0.4s;
	-o-transition: all 0.4s;
	transition: all 0.4s;
}
.pword_reveal-wrap:hover{
	opacity: 1;
}
.pword_reveal-mask{
	width:20px;
	height: 13px;
	/* background-color: #c00; */
	position: absolute;
	top: 0px;
	right: 0px;
	overflow: hidden;
}
.pword_c1{
	width: 20px;
	height: 20px;
	background-color: #010034;
	position: absolute;
	top: 2px;
	left: 0px;
	border-radius: 50px 50px 50px 50px;
	-moz-border-radius: 50px 50px 50px 50px;
	-webkit-border-radius: 50px 50px 50px 50px;
	border: 0px solid #000000;
}
.pword_c2{
	width: 14px;
	height: 14px;
	background-color: #fff;
	position: absolute;
	top: 5px;
	left: 3px;
	border-radius: 50px 50px 50px 50px;
	-moz-border-radius: 50px 50px 50px 50px;
	-webkit-border-radius: 50px 50px 50px 50px;
	border: 0px solid #000000;
}
.pword_c3{
	width: 8px;
	height: 8px;
	background-color: #010034;
	position: absolute;
	top: 7px;
	left: 6px;
	border-radius: 50px 50px 50px 50px;
	-moz-border-radius: 50px 50px 50px 50px;
	-webkit-border-radius: 50px 50px 50px 50px;
	border: 0px solid #000000;
}
.send{
	width: auto;
	height: 23px;
	position:absolute;
	top:115px;
	left: 200px;
	border: 1px solid #010034;
	font-family: "Open Sans", Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #010034;
	text-decoration: none;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 4px;
	cursor:pointer;
	background-color:#fff;
	-webkit-transition: all 0.8s;
	-moz-transition: all 0.8s;
	-o-transition: all 0.8s;
	transition: all 0.8s;
	-webkit-transition-property: background-color, border;
	-moz-transition-property: background-color, border;
	-o-transition-property: background-color, border;
	transition-property: background-color, border;
}
.send:hover{
	background-color: #010034;
	border: 1px solid #010034;
	color:#fff;
	}
#forgot-send{
	left: 210px;
}
#login_result{
	width: 250px;
	height: 25px;
	position:absolute;
	font-family: "Open Sans", Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #c00;
	left:0px;
	top: 150px;
	text-align: left;
	}
.forgot-link{
	width: 253px;
	height: 25px;
	position:absolute;
	font-family: "Open Sans", Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #010034;
	left:0px;
	top:307px;
	cursor:pointer;
	border-top: 1px solid #010034;
	padding-top: 3px;
	-webkit-transition: color 0.4s;
	-moz-transition: color 0.4s;
	-o-transition: color 0.4s;
	transition: color 0.4s;
	text-align: left;
}
.forgot-link:hover{
	color: #587506;
	}
	
/*FORGOT*/

.forgot{
	float: left;
	width: 270px;
	margin-top: 20px;
	height: 350px;
	position:relative;
	margin-left: 20px;
}	
.login-link{
	width: 253px;
	height: 25px;
	position:absolute;
	font-family: "Open Sans", Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #010034;
	left:0px;
	top:307px;
	cursor:pointer;
	border-top: 1px solid #010034;
	padding-top: 3px;
	-webkit-transition: color 0.4s;
	-moz-transition: color 0.4s;
	-o-transition: color 0.4s;
	transition: color 0.4s;
	text-align: left;
}
.login-link:hover{
	color: #587506;
	}
#forgot_result{
	width: 250px;
	height: 25px;
	position:absolute;
	font-family: "Open Sans", Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #c00;
	left:0px;
	top:160px;
	text-align: left;
}
/*RESET PASSWORD*/


#email_input_2{
	top:55px;
	left:0;
	}
#email_input_3{
	top:115px;
	left:0;
	width: 185px;
}
#password1{
	top:115px;
	left:0;
	width: 245px;
}
#password2{
	top: 175px;
	left:0;
	width: 245px;
}
#email_input_3{
	width: 195px;
}
#reset-send{
	top: 225px;
	left: 210px;
}
#password_1_label{
	top: 95px;
	left: 0px;
}
#password_2_label{
	top: 155px;
	left: 0px;
}
#reveal_1{
	top: 121px;
	left: 225px;
}
#reveal_2{
	top: 180px;
	left: 225px;
}
#reset_result{
	width: 250px;
	height: 25px;
	position:absolute;
	font-family: "Open Sans", Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #c00;
	left:0px;
	top: 266px;
}

/*SETTINGS TRAY & LOGOUT*/
#settings_link{
	display: none;
}
.settings_line{
	width:100%;
	height:2px;
	float: left;
	margin-top: 4px;
	background-color: #010034;
	-webkit-transition: all 0.8s;
	-moz-transition: all 0.8s;
	-o-transition: all 0.8s;
	transition: all 0.8s;
	-webkit-transition-property: background-color, border;
	-moz-transition-property: background-color, border;
	-o-transition-property: background-color, border;
	transition-property: background-color, border;
	cursor: pointer;
}
#client_name{
	-webkit-transition: color 0.4s;
	-moz-transition: color 0.4s;
	-o-transition: color 0.4s;
	transition: color 0.4s;
}
#settings_wrap{
	display: none;
	}
#settings_shell{
	width: 1000px;
	margin-left:auto;
	margin-right:auto;
	height:auto;
}
#settings{
	max-width: 1000px;
	height:auto;
	position:relative;
	width:100%;
	/* border:1px solid #ccc; */
	background-color: #ffffff;
	z-index:90;
	float:left;
	padding-bottom:10px;
	-webkit-border-bottom-right-radius: 3px;
	-webkit-border-bottom-left-radius: 3px;
	-moz-border-radius-bottomright: 3px;
	-moz-border-radius-bottomleft: 3px;
	border-bottom-right-radius: 3px;
	border-bottom-left-radius: 3px;
	}
.logged_message{
	width:auto;
	height:25px;
	right: 0px;
	font-family: 'Open Sans', Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: 400;
	color: #010034;
	text-align: right;
	float:right;
	margin-top: 50px;
	margin-right: 5%;
	display: none;
	}

.logout{
	width: auto;
	height: 23px;
	border: 1px solid #010034;
	font-family: "Open Sans", Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #537d20;
	text-decoration: none;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 5px;
	cursor:pointer;
	background-color:#fff;
	-webkit-transition: all 0.8s;
	-moz-transition: all 0.8s;
	-o-transition: all 0.8s;
	transition: all 0.8s;
	-webkit-transition-property: background-color, border;
	-moz-transition-property: background-color, border;
	-o-transition-property: background-color, border;
	transition-property: background-color, border;
	float: right;
	margin-right: 0px;
	margin-top: 20px;
}
.logout:hover{
	background-color:#537d20;
	border: 1px solid #537d20;
	color:#fff;
	}
#logout_cat{
	display:block;
}
.white-back{
	background-color:#ffffff!important;
}
.dark-green-back{
	background-color:#010034!important;
}
.black-back{
	background-color:#000!important;
}


/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

/* TIMELINE */

.timeline{
	width:100%;
	height:auto;
	margin-bottom: 60px;
	position:relative;
	float: left;
	background-size: cover;
	background-position: center bottom;
	/* min-height: 500vh; */
}
.timeline-col{
	width: 100%;
	height:auto;
	position:relative;
	margin-left: auto;
	margin-right: auto;
	/* padding-top: 30px; */
}
.timescale{
	width: 5%;
	min-width: 50px;
	height:auto;
	min-height: 1000px;
	position:relative;
	/* margin-left: auto; */
	/* margin-right: auto; */
	/* background-color: #ccc; */
	float: left;
	padding-top: 0px;
}
.year_wrap{
	position: relative;
}
.time_item{
	width: 84vw;
	height: 42vw;
	position: absolute;
	/* min-height: 60px; */
	/* max-height: 400px; */
	/* max-width: 45vw; */
	background-size: cover;
	background-position: center center;
	/* z-index: 10000; */
	/* overflow: hidden; */
	background-color: #fff;
	box-sizing: border-box;
	border: 3px solid #fff;
	box-shadow: -10px 10px 10px rgba(0, 0, 0, 0.1);
	-webkit-transition: width 0.4s height 0.4s;
	-moz-transition: width 0.4s height 0.4s;
	-o-transition: width 0.4s height 0.4s;
	transition: width 0.4s height 0.4s;
	text-align: left;
}
/*.time_item::after{
	box-shadow: 0 5px 15px rgba(0,0,0,0.3);
  	opacity: 0;
  	transition: opacity 0.3s;
}*/
.time_item_mask{
	position:absolute;
	left: 0px;
	top: 0px;
	min-width: 100%;
	min-height: 100%;
	background-color: #fff;
	opacity: 0.5;
	display: block;
	z-index: 10;
	-webkit-transition: opacity 0.4s;
	-moz-transition: opacity 0.4s;
	-o-transition: opacity 0.4s;
	transition: opacity 0.4s;
	}
.time_item_shell{
	width:100%;
	height:100%;
	overflow:hidden;
	/* opacity: 0.5; */
}
.time_item_title_shell{
	width:100%;
	height:50px;
	overflow:hidden;
}
.point{
	-webkit-transition: opacity 0.4s;
	-moz-transition: opacity 0.4s;
	-o-transition: opacity 0.4s;
	transition: opacity 0.4s;

}
.point_left{
	position: absolute;
	left: -24px;
	top: calc(50% - 25px);
	width: 20px;
	height: 50px;
	clip-path: polygon(100% 0%, 100% 100%, 30px 100%, 0% 50%, 30px 0%);
	-webkit-clip-path: polygon(100% 0%, 100% 100%, 30px 100%, 0% 50%, 30px 0%);
	background-color: #ccc;
}
.point_right{
	position: absolute;
	left: -24px;
	top: calc(50% - 25px);
	width: 20px;
	height: 50px;
	clip-path: polygon(100% 0%, 100% 100%, 30px 100%, 0% 50%, 30px 0%);
	-webkit-clip-path: polygon(100% 0%, 100% 100%, 30px 100%, 0% 50%, 30px 0%);
	background-color: #ccc;
}
.tm_left{
	right: 0;
	left: calc(50% + 45px);
	border-radius: 10px 0px 10px 10px;
	-moz-border-radius: 10px 0px 10px 10px;
	-webkit-border-radius: 10px 10px 10px 10px;
	box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.2);
	/* -webkit-clip-path: polygon(0 0, calc(100% - 70px) 0, 100% 50%, calc(100% - 70px) 100%, 0 100%); */
	/* clip-path: polygon(0 0, calc(100% - 70px) 0, 100% 50%, calc(100% - 70px) 100%, 0 100%); */
}
.tm_right{
	left: calc(50% + 45px);
	border-radius: 10px 10px 10px 10px;
	-moz-border-radius: 0px 10px 10px 10px;
	-webkit-border-radius: 10px 10px 10px 10px;
	box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.2);
	/*-webkit-clip-path: polygon(100% 0%, 100% 100%, 72px 100%, 0% 50%, 70px 0%);
	clip-path: polygon(100% 0%, 100% 100%, 72px 100%, 0% 50%, 70px 0%);*/
}
.left{
	float:left;
}
.right{
	float:right;
	padding-left: 60px!important;
}
.time_m{
	width: 100%;
	height: 16px;
	box-sizing: border-box;
	margin-bottom:2px;
	text-align: center;
	font-size: 10px;
	color: #97ad81;
	/* padding-top: 5px; */
	border: 1px solid #97ad81;
	-webkit-transition: all 0.8s;
	-moz-transition: all 0.8s;
	-o-transition: all 0.8s;
	transition: all 0.8s;
}
.time_y{
	background-color:#97ad81;
	color:#fff;
	padding-top:1px;
	font-size: 16px;
	box-sizing: border-box;
	min-height: 25px;
	position: relative;
}
.time_year_label{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	font-weight: 700;
	/* text-align: right; */
	}
.time_item_vid_wrap{
	width:100%;
	height:100%;
	position: absolute;
	top: 0px;
	left: 0px;
	overflow: hidden;
	border-radius: 10px 10px 10px 10px;
}   
.time_item_vid{
	width:100%;
	height:100%;
	position: absolute;
	top: 0px;
	left: 0px;
	background-size: cover;
	min-width: 100%;
	object-fit: cover;
	object-position: top;
}        
.time_item_title{
	width: 100%;
	height: 50px;
	padding: 5px;
	padding-right: 10px;
	padding-left: 10px;
	box-sizing: border-box;
	font-size: 30px;
	float: left;
	position: relative;
	font-weight: 700;
	border-radius: 10px 10px 0px 0px;
	word-break: keep-all;
	word-wrap: initial;
}
.title_left{
	float: left;
}
.title_right{
	/* padding-left: 70px; */
	float: right;
}               
.time_item_body_left{
	width: 100%;
	min-width: 100%;
	height: auto;
	min-height: calc(100% - 50px);
	max-height: calc(100% - 50px);
	background-size: cover;
	background-position: center bottom;
	/* max-width: 450px; */
	float: left;
	position: relative;
	padding: 10px;
	/* padding-left: 10px; */
	box-sizing: border-box;
	overflow: hidden;
} 
.time_item_body_right{
	width: 100%;
	height:auto;
	min-height: calc(100% - 50px);
	background-size: cover;
	background-position: center center;
	/* max-width: 470px; */
	float: right;
	position: relative;
	padding: 10px;
	/* padding-left: 13px; */
	box-sizing: border-box;
	border-radius: 0px 0px 10px 10px;
} 
.time_item_body_vid_wrap{
	width:100%;
	height: 100%;
	position: absolute;
	top: 0px;
	left: 0px;
	overflow: hidden;
	border-radius: 0px 0px 10px 10px;
} 
.time_item_body_vid{
	width:100%;
	height:100%;
	position: absolute;
	top: 0px;
	left: 0px;
	object-fit: cover;
	object-position: top;
}         
.time_item_bodytext_left{
	width: calc(100% - 70px);
	height: calc(100% - 50px);
	min-height: calc(100% - 50px);
	float: left;
	/* float: right; */
	min-height:50px;
	/* margin-left: 60px; */
	font-size: calc(12px + 0.2vw);
	/* padding: 10px; */
	/* padding-top: 10px; */
	padding-bottom: 10px;
	box-sizing: border-box;
	/* word-wrap: break-word; */
}
.time_item_bodytext_right{
	width: 100%;
	height:auto;
	float: left;
	/* float: right; */
	min-height:50px;
	/* margin-left: 60px; */
	font-size: calc(12px + 0.2vw);
	/* padding: 10px; */
	/* padding-top: 10px; */
	padding-bottom: 10px;
	box-sizing: border-box;
	overflow: hidden;
}
.timeline-zoom-wrap{
	width: 27px;
	height: auto;
	position: absolute;
	/* right: 5%; */
	left: calc(95% - 9px);
	/* right: 0; */
	top: 30px;
	/* background-color:#ccc; */
	box-sizing: border-box;
	z-index: 1000000;
	-webkit-transition: all 0.1s;
	-moz-transition: all 0.1s;
	-o-transition: all 0.1s;
	transition: all 0.1s;
}
.timeline-zoom{
	/* z-index: 20; */
	width: auto;
	height: auto;
	/* position: absolute; */
	/* left: 0px; */
	/* top: 0px; */
	/* background-color: #000000; */
	box-sizing: border-box;
}
.tz{
	width: 27px;
	height: 27px;
	box-sizing: border-box;
	float: left;
	border: 1px solid #000;
	cursor: pointer;
	background-position: center center;
	background: #fff;
	z-index: 10000;
	-webkit-transition: all 0.8s;
	-moz-transition: all 0.8s;
	-o-transition: all 0.8s;
	transition: all 0.8s;
	position: relative;
}
.tz_in{

}
.tz_out{
	margin-top: 2px;
	
}
.tzb{
	width: 17px;
	height: 3px;
	position: absolute;
	left: 4px;
	top: 11px;
	/* background-color: #8eb0d7; */
	box-sizing: border-box;
}
.tzb_vert{
	transform: rotate(90deg);
}

/* END ARTICLE TIMELINE */

/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/


/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/



/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/


/* MEDIA VIEWER */

#view_wrap{
	width:100%;
	height:100%;
	position:fixed;
	top:0;
	bottom: 0;
	left: 0;
	right: 0;
	opacity:0;
	z-index: -1000;
	background-color:#101213;
	align-items: center;
  	justify-content: center;
	display: flex;
}
#view_shell{
	width:100%;
	height:auto;
	margin-top:0%;
	position: relative;
	align-items:center;
	-moz-box-shadow: none;
	box-shadow: none;
}
#view{
	height:100vh;
	width:100%;
	opacity:0;
	z-index:4000;
	position:relative;
	color:#999;
	font-size:15px;
	font-weight:400;
	align-items:center;
	justify-content:center;
	display:flex;
	float:left;
}
#view_timer{
	height:80vh;
	width:75%;
	opacity:1;
	z-index:3000;
	position:absolute;
	align-items:center;
	justify-content:center;
	display:flex;
}
#view_info_wrap{
	width:100%;
	height:100vh;
	background-color:rgba(0, 0, 0, 0.8);
	position:absolute;
	overflow:hidden;
	z-index:0;
	top:0px;

}
#view_info_shell{
	width:90vw;
	height:100vh;
	position:absolute;
	margin-left:0px;
	float:none;
	left:5%;
	z-index:5000;
	top:0px;
	opacity:0;
}
#view_asset_title{
	font-weight:300;
	font-size:25px;
	font-family:'Open Sans', sans-serif;
	color:hsla(0, 0%, 60%, 1);
	width:100%;
	border-bottom:solid 1px #505050;
	padding-bottom:5%;
	margin-right:5%;
	float:left;
	padding-top:15%;
	margin-top:0px;
}
#view_asset_medium{
	font-weight:300;
	font-size:18px;
	font-family:'Open Sans', sans-serif;
	color:#808080;
	width:100%;
	margin-top:10px;
	float:left;
}
#view_asset_dimensions{
	font-weight:300;
	font-size:16px;
	font-family:'Open Sans', sans-serif;
	color:#808080;
	width:100%;
	float:left;
	margin-top:5px;
}
#view_asset_description{
	font-weight:300;
	font-size:15px;
	font-family:'Open Sans', sans-serif;
	margin-top:30px;
	color:hsla(0, 0%, 60%, 1);
	width:100%;
	height:auto;
	text-align:justify;
	float:left;
}
#view_info{
	width:41px;
	height:41px;
	position: absolute;
	background-image: url("https://www.clickmystic.com/images/info.png");
	background-repeat: no-repeat;
	transition: opacity 0s;
	border: 1px solid #ccc;
	z-index: 10000;
	bottom: 40px;
	background-size: 80%;
	border-radius: 50px;
	right: 10px;
	left: 50%;
	background-position: center 4px;
	margin-left: -19px;
	display: block;
	opacity: 0;
}
#slow{
	width:100%;
	height:21px;
	position: absolute;
	left:0px;
	text-align:center;
	font-size:16px;
	top:50%;
	font-weight:300;
	color:#999;
	opacity:0;
}
.unavailable{
	width:50%;
	height:50%;
	display:flex;
	justify-content:center;
	align-items:center;
}
.prevnext{
	width:21px;
	height:21px;
	position: absolute;
	bottom:10px;
	cursor:pointer;
	transition: opacity 1s;
	border:1px solid #ccc;
	z-index:5000;
	background-repeat: no-repeat;
	background-size: contain;
	background-color: #000;
}
#view_prev{
	left: 10px;
	background-image: url("https://www.clickmystic.com/images/prev.png");
	display: none;
}
#view_next{
	right: 10px;
	background-image: url("https://www.clickmystic.com/images/next.png");
	display: none;
}
#view_close{
	width:41px;
	height:41px;
	position: absolute;
	background-image: url("https://www.clickmystic.com/images/view_close.png");
	background-repeat: no-repeat;
	transition: opacity 0s;
	opacity: 1;
	border: 1px solid #ccc;
	z-index: 10000;
	bottom: 40px;
	background-size: 80%;
	border-radius: 50px;
	right: 10px;
	left: 50%;
	margin-left: -19px;
	background-position: center center;
	top: inherit;
}
#view_close:hover{
	opacity: 1;

}
#asset-img{
	cursor:pointer;
	object-fit:contain;
	height:100%;
	max-width:100%;
}
.fullscreen{
	width:21px;
	height:21px;
	position: absolute;
	left: 70%;
	top: 10px;

	margin-left:10px;


	background-image: url(../images/fullscreen.png);
	background-attachment: scroll;
	background-position: center center;

	opacity:0.5;
	filter:alpha(opacity=50);
	-moz-opacity: 0.5;
    -khtml-opacity: 0.5;

	-webkit-transition: opacity 0.4s;
	-moz-transition: opacity 0.4s;
	-o-transition: opacity 0.4s;
	transition: opacity 0.4s;

	cursor:pointer;
	z-index:500;

	background-color: #000;
	opacity: 0.5;
	border: 1px solid #fff;

}
.fullscreen:hover{
	opacity:1;
	filter:alpha(opacity=100);
	-moz-opacity: 1;
    -khtml-opacity: 1;
}

/* END MEDIA VIEWER */

/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

/* ARTICLE TILE_G_T */

.tile_g{
	width:100%;
	height:auto;
  	display: flex;
	justify-content:space-between;
	flex-flow:row wrap;
  	margin-bottom: 40px;

}
.tile_g_t, .tile_g_t_pad{
	float:left;
	position:relative;
	margin-bottom:10px;
}
.tile_g_t{
	background-size:contain;
	background-repeat:no-repeat;
}
.tile_g_t:hover{
	opacity:1;
}
.tile_g_t_pad{
	background-color:rgba(0,0,0,0);
	/*opacity:0.8;*/
}
.tile_2{
	/*flex: 1 1 40%;*/
	width: 47%;
	margin-bottom: 33px;
}

.tile_3{
	/*flex: 1 1 30%;*/
	width: 28%;
	margin-bottom: 18px;
}

.tile_4{
	/*flex: 1 1 23%;*/
	width: 22%;
	margin-bottom: 16px;
}

.tile_5{
	/*flex: 1 1 18%;*/
	width: 18%;
	margin-bottom: 22px;
}

.tile_6{
	/*flex: 1 1 15%;*/
	width: 14%;
	margin-bottom: 21px;
}

.tile_7{
	/*flex: 1 1 12%;*/
	width: 12%;
	margin-bottom: 18px;
}

.tile_8{
	/*flex: 1 1 11%;*/
	width: 10%;
	margin-bottom: 20px;
}

.tile_9{
	/*flex: 1 1 10%;*/
	width: 10%;
	margin-bottom: 18px;
}

.tile_10{
	/*flex: 1 1 9%;*/
	width: 9%;
	margin-bottom: 17px;
}

/* END ARTICLE TILE_G_T */

/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

/* ARTICLE IMGTXT */

.imgtxt{
	width:100%;
	height:auto;
	margin-bottom: 60px;
	position:relative;
	/* float: left; */
}
.imgtxt_title{
	width:auto;
	height:auto;
	font-size:19px;
	font-weight:200;
	background-color:rgba(255, 255, 255, 0.8);
	padding:10px;
	color:#000;
	padding-top:30px;
	padding-bottom:30px;
}
.imgtxt_bodytext{
	width:100%;
	font-size:15px;
	color:#000000;
	text-align:justify;
	line-height:23px;
	padding-bottom:20px!important;
	margin-top:15px;
}
.imgtxt_bodytext_pad{
	background-color:rgba(255, 255, 255, 0.8);
	padding:0px;
}
.imgtxt_asset{
	width:100%;
	height:auto;
	top: 0px;
	left:0px;
	z-index:-1;
	position:relative;
}
.imgtxt_asset img{
	width:100%;
	z-index:100000;
	position:relative;
}
.asset-p{
	width:100%!important;
}
.imgtxt_info{
	width:100%;
	height:auto;
	position:relative;
	font-size:13px;
	margin-top:20px;
	text-align:left;
}
.imgtxt_info_title{
  font-size: 13px;
  color: #000;
  border-top: 1px solid #ccc;
  padding-top: 10px;

}
.imgtxt_info_desc{

}
.imgtxt_info_med{

}
.imgtxt_info_asset_flag_1a{
	width: 12px;
	height: 12px;
	position: absolute;
	right: 0px;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px;
	top: 11px;
	border: 1px solid #999;
}
.imgtxt_info_asset_flag_1b{
	width: 12px;
	height: 12px;
	position: absolute;
	right: 0px;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px;
	top: 11px;
	background-color: rgb(214, 0, 0);
}
/* MAIN IMGTXT */
.main_title_wrap{
	width:100%;
	color: #c7e1ff;
	float: left;
}
.main_title{
	width:100%;
	font-size: calc(16px + 12vw);
	text-align: center;
	color: #c7e1ff;
	color: #fff;
	margin-bottom: calc(3vh);
	/*-webkit-text-stroke-width: 1px;*/
	/*-webkit-text-stroke-color: black;*/
}
.main_strap{
	width:100%;
	font-size: calc(16px + 2.5vw);
	text-align: center;
	margin-bottom: 20px;
}
.main_bodytext{
	width:100%;
	font-size: calc(16px + 1vmin);
	text-align: justify;
	color: #fff;
}
.main_bodytext_col{
	-webkit-columns: 2 200px;
     -moz-columns: 2 200px;
          columns: 2 200px;
  -webkit-column-gap: 2em;
     -moz-column-gap: 2em;
          column-gap: 2em;
      }
/* END ARTICLE IMGTXT */

/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

/* TIMELINE */

.timeline{
	width:100%;
	height:auto;
	margin-bottom: 10px;
	position:relative;
	/* border-bottom: 1px solid #000; */
}





/* END ARTICLE TIMELINE */

/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/


/* TIMER */

.timer{
	left:50%;
	height:4em;
	z-index:500000;
	top:0px;
	position:absolute;
	width:4em;
	font-size:16px;
	opacity: 0;
	filter:alpha(opacity=0);
	-moz-opacity: 0;
   	 -khtml-opacity: 0;

}
.timer_ref{
	position:absolute;
	width:0;
	height:0;
	top:2em;
	left:0em;

}
.clock_pos{
	position:absolute;
	width:1px;
	height:1px;
	z-index:60;
	margin-bottom:0px;
	left:0px;


}
.clock_h{
	position:absolute;
	width:2px;
	height:15px;
	top:0px;
	background-color:#ccc;
	z-index:60;
	left:0px;
	-webkit-transition: all 1s;
    transition: all 1s;
}

/* END TIMER */

/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

/* LOADING ASSETS */

.category-more-wrap{
	width:100%;
	height:auto;
	float:left;
}
.category-more{
	width:190px;
	height:20px;
	padding:10px;
	padding-top: 10px;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	border: 1px solid #666;
	font-size:13px;
	margin-bottom:30px;
	-moz-border-radius: 20px;
	position: relative;
	color: #999;
}
.category-more-arrow{
	background-image: url(https://www.clickmystic.com/images/cat-more-2.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	width:21px;
	height:21px;
	position: absolute;
	left: 95px;
	top: 31px;
}
.load-more-wrap{
	width:100%;
	height:auto;
	float:left;
	position:relative;
}
.load-more{
	width:80px;
	height:20px;
	padding:10px;
	padding-top: 10px;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	border: 1px solid #666;
	font-size:13px;
	margin-bottom:30px;
	-moz-border-radius: 20px;
	position: relative;
	cursor:pointer;
	color:#999;
	-webkit-transition: border-color 0.7s, color 0.7s;
	-moz-transition: border-color 0.7s, color 0.7s;
	-o-transition: border-color 0.7s, color 0.7s;
	transition: border-color 0.7s, color 0.7s;

	-webkit-box-shadow: 0px 10px 10px 0px rgba(30, 30, 30, 0.1);
	-moz-box-shadow:    0px 10px 10px 0px rgba(30, 30, 30, 0.1);
	box-shadow:         0px 10px 10px 0px rgba(30, 30, 30, 0.1);
	z-index:         50;
}
.load-more:hover{
	border: 1px solid #ccc;
	color:#fff;
}
.pulse{
	border: 1px solid #999;
}
.black{
	/* border: 1px solid #ccc; */
	color: #000;
}

/* END LOADING ASSETS */

/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

/* MAILFORM */

#mailform_wrap{
	font-family: 'Open Sans', Helvetica, sans-serif;
	color: #000099;
	font-size: 14px;
	font-weight:400;
	text-align: left;
	clear: none;
	height: auto;
	width: 100%;
	position: relative;
	margin-top:0px;
	float:left;
	overflow:hidden;
}
#mailform_wrap .textfield{
	width:100%;
	height: 25px;
	background-color: transparent;
	font-family: 'Open Sans', Helvetica, sans-serif;
	color: #3C2C1E;
	font-weight:400;
	font-size: 13px;
	text-align: left;
	float: left;
	margin-bottom:10px;
	padding-left: 10px;

	background: url("../images/black_trans_10.png");
	background-repeat: no-repeat;
	background-position:left top;
	background-attachment:scroll;
  	-webkit-background-size: cover;
  	-moz-background-size: cover;
  	-o-background-size: cover;
  	background-size: cover;
	max-width: 995px;
	border: 0px solid #000;

	-webkit-border-top-left-radius: 0px;
	-webkit-border-top-right-radius: 0px;
	-webkit-border-bottom-right-radius: 0px;
	-webkit-border-bottom-left-radius: 0px;
	-moz-border-radius-top-left: 0px;
	-moz-border-radius-topr-ight: 0px;
	-moz-border-radius-bottom-right: 0px;
	-moz-border-radius-bottom-left: 0px;
	border-top-left-radius: 0px;
	border-top-right-radius: 0px;
	border-bottom-right-radius: 0px;
	border-bottom-left-radius: 0px;
}
#mailform_wrap .textarea{
	width:993px;
	resize: none;
	height: 200px;
	background-color: transparent;
	font-family: 'Open Sans', Helvetica, sans-serif;
	color: #3C2C1E;
	font-weight:400;
	font-size: 13px;
	text-align: left;
	margin-bottom:15px;
	padding-top: 5px;
	padding-left: 10px;
	border:0px solid #000;
	background: url("../images/black_trans_10.png");
	background-repeat: no-repeat;
	background-position:left top;
	background-attachment:scroll;
  	-webkit-background-size: cover;
  	-moz-background-size: cover;
  	-o-background-size: cover;
  	background-size: cover;

	overflow: auto;
	float: left;

	-webkit-transition: all 0.4s;
	-moz-transition: all 0.4s;
	-o-transition: all 0.4s;
	transition: all 0.4s;
	padding-bottom: 10px;

	-webkit-border-top-left-radius: 0px;
	-webkit-border-top-right-radius: 0px;
	-webkit-border-bottom-right-radius: 0px;
	-webkit-border-bottom-left-radius: 0px;
	-moz-border-radius-topleft: 0px;
	-moz-border-radius-topright: 0px;
	-moz-border-radius-bottomright: 0px;
	-moz-border-radius-bottomleft: 0px;
	border-top-left-radius: 0px;
	border-top-right-radius: 0px;
	border-bottom-right-radius: 0px;
	border-bottom-left-radius: 0px;
}
#message_send{
	width:70px;
	height: 22px;
	font-weight:400;
	color: #000;
	font-size: 13px;
	text-align: center;
	padding-top:3px;
	cursor:pointer;
	font-weight: normal;

	background: url("../images/black_trans_20.png");
	background-repeat: no-repeat;
	background-position:left top;
	background-attachment:scroll;
  	-webkit-background-size: cover;
  	-moz-background-size: cover;
  	-o-background-size: cover;
  	background-size: cover;

	opacity:0.7;
	filter:alpha(opacity=70);
	-moz-opacity: 0.7;
    -khtml-opacity: 0.7;
	-webkit-transition: opacity 0.4s;
	-moz-transition: opacity 0.4s;
	-o-transition: opacity 0.4s;
	transition: opacity 0.4s;
	margin-top: 0;
	float: right;
	margin-bottom: 15px;
}
#message_send:active, #message_send:hover{
	opacity:1;
	filter:alpha(opacity=100);
	-moz-opacity: 1;
    -khtml-opacity: 1;
}
#message_reset{
	width:70px;
	height: 22px;
	font-weight:400;
	color: #000;
	font-size: 13px;
	text-align: center;
	padding-top:3px;
	cursor:pointer;
	font-weight: normal;

	background: url("../images/black_trans_20.png");
	background-repeat: no-repeat;
	background-position:left top;
	background-attachment:scroll;
  	-webkit-background-size: cover;
  	-moz-background-size: cover;
  	-o-background-size: cover;
  	background-size: cover;

	opacity:0.7;
	filter:alpha(opacity=70);
	-moz-opacity: 0.7;
    -khtml-opacity: 0.7;
	-webkit-transition: opacity 0.4s;
	-moz-transition: opacity 0.4s;
	-o-transition: opacity 0.4s;
	transition: opacity 0.4s;
	float: right;
	margin-bottom: 15px;
}
#message_reset:active, #message_reset:hover{
	opacity:1;
	filter:alpha(opacity=100);
	-moz-opacity: 1;
    -khtml-opacity: 1;
}
#message_result{
 	color: #C00;
    font-family: 'Open Sans', Helvetica, sans-serif;
	font-weight:400;
    font-size: 12px;
	text-align: right;
	width: auto;
	height: 20px;
	margin-top: 4px;
	margin-right: 10px;
	float: right;
}

/* END MAILFORM */

/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

/* MISC */

/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

.bold{
	font-weight: 600;
}
.clear_fix{
}

/* END MISC */


.timer{
  left: 50%;
  height: 4em;
  z-index: 500;
  top: 0px;
  position: absolute;
  width: 4em;
  font-size: 16px;
  opacity: 0;
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  -khtml-opacity: 0;
}
/* END MISC */

/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

}

/* }END MEDIA QUERY MIN-1024 */



/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*///////////////////////////////////////////////////////////////////////////////////