/*
Theme Name: WCS
Description: April 2015
Version: 0.9
Author: Daniel Gray
Author URI: http://www.danule.com/
*/

@font-face {
    font-family: 'Open Sans';
    src: url('font/files/OpenSans-Light.eot');
    src: url('font/files/OpenSans-Light.eot?#iefix') format('embedded-opentype'),
        url('font/files/OpenSans-Light.woff2') format('woff2'),
        url('font/files/OpenSans-Light.woff') format('woff'),
        url('font/files/OpenSans-Light.ttf') format('truetype'),
        url('font/files/OpenSans-Light.svg#OpenSans-Light') format('svg');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Open Sans';
    src: url('font/files/OpenSans.eot');
    src: url('font/files/OpenSans.eot?#iefix') format('embedded-opentype'),
        url('font/files/OpenSans.woff2') format('woff2'),
        url('font/files/OpenSans.woff') format('woff'),
        url('font/files/OpenSans.ttf') format('truetype'),
        url('font/files/OpenSans.svg#OpenSans') format('svg');
    font-weight: 400;
    font-style: normal;
}


@font-face {
    font-family: 'Montserrat';
    src: url('font/files/Montserrat-Regular.eot');
    src: url('font/files/Montserrat-Regular.eot?#iefix') format('embedded-opentype'),
        url('font/files/Montserrat-Regular.woff2') format('woff2'),
        url('font/files/Montserrat-Regular.woff') format('woff'),
        url('font/files/Montserrat-Regular.ttf') format('truetype'),
        url('font/files/Montserrat-Regular.svg#Montserrat-Regular') format('svg');
    font-weight: 400;
    font-style: normal;
}

* {
	outline:0;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	-moz-tap-highlight-color: rgba(0, 0, 0, 0);
}

img {text-decoration: none; border: 0px}

body, h1, h2, h3, p {
	margin: 0;
	padding: 0;
	font-weight: 300;
	font-family: 'Open Sans', sans-serif;
	/*-webkit-font-smoothing: subpixel-antialiased; Fixes safari 'font-weight too light' problem*/
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	text-rendering: optimizeLegibility;
}

body.home_body #page {
	background-color:white;
	padding-bottom:0;
}

h2 {
	font-family: 'Montserrat';
	font-weight:400;
	color: #C93846;
	font-size: 25pt;
	margin-bottom: 10px;
}

._c {
  line-height: 1;
  position:relative;
  top:50%;
  transform:translateY(-50%);
  -ms-transform:translateY(-50%);
  -webkit-transform:translateY(-50%);
}
.icc:before {
  font-family: 'FontAwesome';
  position:absolute;
  top:50%;
  left:50%;
  transform: translate(-50%,-50%) rotate(0deg);
  -ms-transform: translate(-50%,-50%) rotate(0deg);
  -webkit-transform: translate(-50%,-50%) rotate(0deg);
}

.video {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	height: 0;
}
.video iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

#feature {
	width:100%;
	height: 300px;
	overflow: hidden;
	margin-bottom: 20px;
	background-position: center center;
	background-image: url('img/feature.jpg');
	font-size: 40pt;
	font-family: 'Montserrat';
	font-weight:400;
	color:white;
}
	#feature span {
		text-align: center;
		display: table-cell;
		vertical-align: middle;
		height: inherit;
		padding: 0 40px;
		min-width: 300px;
		background-color: #A60203;
		background-color: rgba(166,2,3,0.6);
	}

#page, #page2 {
	float: left;
	display: block;
	clear: both;
	min-height: 400px;
	background-color: white;
	position: relative;
	width: 100%;
	z-index: 980;
	display: block;
	padding-top: 0px;
	padding-bottom: 20px;
	-webkit-transform: translate3d(0,0,0); /*fixes safari z-index bug*/
	transform: translate3d(0,0,0); /*fixes chrome z-index bug*/
}

#wrap, .wrap {
	width: 1100px;
	margin: 0 auto;
	clear: both;
	overflow: visible;
	position:relative;
}
#wrap_f {
	width: 1100px;
	margin: 0 auto;
}


/*---------- NAVIGATION ----------*/

	#top_offset {
		height: 116px; /*height+border*/
	}

#nav_c { /* container class */
	position: fixed;
	display: block;
	width: 100%;
	height: 110px;
	top: 0;
	background-color: #0D1233;
	border-bottom: solid 7px #A60203;
	z-index: 999;
}

#nav {
	padding: 0 50px;
}

#nav ul { /* container class first unordered list */
	font-family: 'Montserrat', sans-serif;
	font-weight:400;
	font-size: 18px;
	text-transform: uppercase;
	list-style:none;
	position:relative;
	float:left;
	margin: 42px 0 0 0;
	padding:0;
	width: 100%;
	color: #999999;
}
#nav ul a {
	display:block;
	color: inherit;
	text-decoration:none;
	line-height:32px;
	padding:0;
}
	/*FIRST LEVEL - MAIN*/
	#nav ul li {
		position:relative;
		float:left;
		padding:0;
		margin-right: 30px;
	}

	#nav ul li a:hover {
		color: #FFFFFF;
	}
	/*#nav ul li a:hover > i {
		color: #FFFFFF;
	}*/

	/*special*/
		.current_page_item, .current-cat, .current-menu-item {
			color: white;
		}
    .side-links {
      position:absolute;
      top:50%;
      right:40px;
      transform:translateY(-50%);
      -ms-transform:translateY(-50%);
      -webkit-transform:translateY(-50%);
    }
		.portal {
			padding: 0 10px;
      height:35px;
			border: solid 3px #999999;
			transition: all .20s ease-in-out;
			-moz-transition: all .20s ease-in-out;
			-webkit-transition: all .20s ease-in-out;

      font-family: 'Montserrat', sans-serif;
    	font-weight:400;
    	font-size: 18px;
    	text-transform: uppercase;
    	float:left;
    	color: #999999;

		}
    .portal div {margin-top:-1px;}
		.portal:hover{
			border: solid 3px #FFFFFF;
			background-color: #A60203;
			color: white;
		}
    .nav-fb {
      float:left;
      position:relative;
      height:41px;
      width:41px;
      background-color:#999999;
      margin-right:10px;

      transition: all .20s ease-in-out;
			-moz-transition: all .20s ease-in-out;
			-webkit-transition: all .20s ease-in-out;
    }
    .nav-fb:before {
      content:'\f082';
      color:#0F132D;
      font-size:25px;
      transition: all .20s ease-in-out;
      -moz-transition: all .20s ease-in-out;
      -webkit-transition: all .20s ease-in-out;
    }
    .nav-fb:hover {
        background-color:#A60203;
    }
    .nav-fb:hover::before {color:white;}
	/**/

	/*SECOND LEVEL*/
	#nav ul ul {
		width: auto;
		position:absolute;
		display:none;
		left:0;
		background-color: #0D1233;
		padding:15px 0;
		margin:0 0 0 -20px;
		font-size: 16px;
	}

	#nav ul ul li {
		display: block;
		float: none;
		width:auto;
		padding: 0;
		margin: 0;
		white-space: nowrap;
	}

	#nav ul ul a {
		padding: 0 20px;
	}

	/*THIRD LEVEL*/
	#nav ul ul ul {
		top:0;
		display:none;
		left:100%;
		margin: -15px 0 0 0;
	}

	/*#nav ul li:hover > ul {
		display:block;
	}
	#nav ul ul li:hover > ul {
		display:block;
	}*/

	#nav ul li a, #nav ul ul, #nav i, #footer li a{
		transition: color .20s ease-in-out;
		-moz-transition: color .20s ease-in-out;
		-webkit-transition: color .20s ease-in-out;
	}

/*--------MOBILE NAV---------*/

	#pull {
		display: none;
		width:40px;
		height:40px;
		background-image: url('img/menu.png');
		margin: 12.5px 0 0 12.5px;
		position:absolute;
		cursor: none;
	}

	#fs_menu {
		display: none;
		width: 100%;
		height: 100%;
		background-color: #0D1233;
		position: absolute;
		z-index: 9999;
		color: white;
		overflow-y: scroll;
	}
	#fs_menu_i {
		padding: 20px;
	}
	#fs_menu_i i {
		float: right;
		color: white;
		font-size: 25px;
	}
	#menu2, #menu2 ul {
		font-family: 'Montserrat', sans-serif;
		font-weight:400;
		font-size: 25px;
		text-transform: uppercase;
		list-style:none;
		position:relative;
		float:left;
		margin:0;
		padding:0;
		width: 100%;
	}
	#menu2 ul{ display: none; padding-bottom: 20px; }
	#menu2 a {
		text-decoration: none;
		color: white;
	}
	#menu2 ul li {
		margin-left: 10px;
	}
	#menu2 ul ul li {
		margin-left: 0;
	}

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

#footer {
	float: left;
	border-top: solid 7px #A60203;
	background-color: #191919;
	display: block;
	width: 100%;
	height: auto;
	position: relative;
	font-family: 'Montserrat';
	font-weight:400;
	color: #999999;
	overflow: hidden;
	-webkit-transform: translate3d(0,0,0); /*fixes safari z-index bug*/
}
#footer h3, #footer b {
	font-family: 'Montserrat';
	font-weight:400;
	color: white;
	font-size: 10pt;
	padding: 0;
	margin: 0;
}

#f_left, #f_center, #f_right {
	float: left;

	overflow: hidden;
}
#f_left {width: 35%; font-family: 'Open Sans';}
#f_left a, #f_left a:visited { color:inherit; text-decoration:none; }
#f_left_i {float: left; font-size: 10pt;}
#f_center {width: 30%; height: 100%;}
#f_right {width: 35%;}
#f_right_i {float: right; text-align: right;}
#f_right_i, #f_left_i, #f_center img {
padding: 25px 0px;
}
#f_center img {
	display: block;
	height: 100px;
	width: auto;
	padding-top: 40px;
	margin: 0 auto;
}

#footer ul {
	list-style: none;
	padding: 0;
	margin: 0;
	font-size: 13pt;
}
#footer li a {
	color: inherit;
	text-decoration: none;
}
#footer li a:hover {
	color: #FFFFFF;
}
#footer a, #footer a:visited, #footer img, #footer a img {
	border:0;
}


/*---------- SLIDER ----------*/

	.owl-outer {
	  position:relative;
		float:left;
		height:600px;
		width:100%;
		background-color:#e3e3e3;
	}

	.owl-carousel {
	  position:relative;
	}
	.owl-dots {
	  position:absolute;
	  bottom:0;
	  left:50%;
	  transform: translate(-50%,0);
	}

	.slide-item {
	  height: 600px;
	  background-position:center center;
	  background-size: cover;
	}

	#overlay {
		pointer-events: none;
		z-index: 99;
		position: absolute;
		width: 100%;
		/*height: 600px;*/
		height: 100%;
		text-align: center;
		background: -moz-linear-gradient(top,  rgba(255,255,255,0) 55%, rgba(0,0,0,0.6) 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(55%,rgba(255,255,255,0)), color-stop(100%,rgba(0,0,0,0.6))); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 55%,rgba(0,0,0,0.6) 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  rgba(255,255,255,0) 55%,rgba(0,0,0,0.6) 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  rgba(255,255,255,0) 55%,rgba(0,0,0,0.6) 100%); /* IE10+ */
		background: linear-gradient(to bottom,  rgba(255,255,255,0) 55%,rgba(0,0,0,0.6) 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#99000000',GradientType=0 ); /* IE6-9 */
		-webkit-transform: translate3d(0,0,0); /*fixes safari z-index bug*/
	}
/*---------things---------*/
	#banner_mid a{
		text-decoration: none;
	}
	#banner_mid {
		width: 320px;
		height: 265px;
		/*background-color: grey;*/
		position: absolute;
		left:0;
		top:0;
		right:0;
		bottom:0;
		margin: auto;
	}
	#banner_mid h3 {
		margin: 0;
		padding: 0;
		color: white;
		font-family: 'Montserrat';
		font-weight:400;
		font-size: 22pt;
		text-transform: uppercase;
	}
	#banner_mid .button {
		text-transform: uppercase;
		cursor: pointer;
		font-family: 'Montserrat';
		font-weight:400;
		color: white;
		font-size: 12pt;
		margin: 10px auto 0 auto;
		padding: 8px 0;
		width: 160px;
		border: solid 4px white;
		background-color: rgba(0,0,0,0.2);
		transition: all .20s ease-in-out;
		-moz-transition: all .20s ease-in-out;
		-webkit-transition: all .20s ease-in-out;
	}
	#banner_mid .button:hover {
		background-color: rgba(166,0,0,0.8);
	}
/*--------end things----------*/
	.slidetxt {
		/* display:none; */
		width:100%;
		box-sizing: border-box;
		padding:0 10px;
		margin-top:0 !important;

		position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
	}
	.slidetxt a{
		pointer-events:all;
		text-decoration: none;
	}
	#banner_mid {
		width: 320px;
		height: 265px;
		/*background-color: grey;*/
		position: absolute;
		left:0;
		top:0;
		right:0;
		bottom:0;
		margin: auto;
	}
	.slidetxt h3 {
		margin: 0;
		padding: 0;
		color: white;
		font-family: 'Montserrat';
		font-weight:400;
		font-size: 22pt;
		text-transform: uppercase;
		position: relative;
	}
	.slidetxt .button {
		text-transform: uppercase;
		cursor: pointer;
		font-family: 'Montserrat';
		font-weight:400;
		color: white;
		font-size: 12pt;
		margin: 10px auto 0 auto;
		padding: 8px 0;
		width: 160px;
		border: solid 4px white;
		background-color: rgba(0,0,0,0.2);
		transition: background-color .20s ease-in-out;
		-moz-transition: background-color .20s ease-in-out;
		-webkit-transition: background-color .20s ease-in-out;
		position: relative;
	}
	.slidetxt .button:hover {
		background-color: rgba(166,0,0,0.8);
	}
	.slidetxt img {
		position:relative;
	}

/*---------- CONTENT ----------*/

	#wrap.wrap_home {
		overflow-x: hidden;
	}

	.wrap_inner {
		width:calc(1100px + 40px);
	}

	#content {
    position:relative;
		box-sizing: border-box;
		width: 50%;
		float: left;
		padding-right:40px;
    overflow-y:hidden;
	}
  #content:after {
    content:'';
    height:100%;
    width:2px;
    background-color:#F4F3F4;
    position:absolute;
    top:15px;
    left:calc(100% - 30px);
  }

	.page_inner {
		box-sizing: border-box;
		margin-top:20px;
		width:100%;
		padding:20px;
		background-color:white;
	}

	div.c {
		width: 100%;
	}

	div.c>div:nth-child(2n-1) {
		width: 25%;
		float: left;
		/*background: blue;*/
	}

	div.c>div:nth-child(2n) {
		width: 75%;
		float: left;
		/*background: yellow;*/
	}

	#content .hideme {
		text-align: justify;
		padding: 0 15px;
	}

	.content_i {
		padding: 5px 0px 0 0;
	}
	.content_i2 {
		float: left;
		width: 100%;
		padding: 5px 0px 25px 0;
	}
	.content_i img {
		display: block;
		width: 100%;
		max-width: 100%;
	}
	#content .c {
		font-size: 16pt;
	}
	/*Home Page*/
	.homepage h1 {
		font-family: 'Montserrat';
		font-weight:400;
		text-align: left;
		color: #03077C;
		font-size: 34pt;
		line-height: 35pt;
		padding: 0;
		margin-bottom: 10px;
		font-weight:400;
	}
	.homepage ._30 {
		margin-top: -20px;
	}
	.homepage img {
		width:100%;
		height: auto;
	}
	.homepage td {
		vertical-align: top;
		padding:0 5px;
	}
	#single_content {
		width: 100%;
		float: left;
		padding-top: 10px;
		overflow: visible;
	}
	#single_content p {
		margin-top: 10px;
	}
	#main_col {
		width: 70%;
		float: left;
		/*background-color: #E6E6E6;*/
	}
	#side_col {
		width: 30%;
		float: left;
		/*background-color: #CDCDCD;*/
	}
	#side_col_i { padding-left: 15px; }
	#side_col .news_more_i{
		padding: 5px;
	}
	#side_col .news_more {
		height: auto;
		padding-bottom: 5px;
	}


/*---------- SIDEBAR, ARCHIVE ----------*/

	#sidebar {
		box-sizing: border-box;
		width: 50%;
		overflow:hidden;
		float: left;
		padding-right:40px;
	}
	.sImg {
		margin-top:20px;
		padding: 0 50px;
	}
	.sImg img {
		width: 100%;
		min-width: 100%;
	}
	#footer .social {
		display: none;
	}
	.social {
		padding-top: 20px;
		display: block;
		width: calc(100% + 10px);
		float: left;
	}

	/***/
	.socialButton a {color:inherit;}
	.socialButton {
		box-sizing: border-box;
		float:left;
		width:50%;
		padding-right:10px;
	}
	.socialButton div {
		cursor: pointer;
		color:black;
		width:100%;
		height:50px;
		background-color: #e0e0e0;
		float:left;
		position: relative;
		transition: all .2s ease-in-out;
		-moz-transition: all .2s ease-in-out;
		-webkit-transition: all .2s ease-in-out;
	}
	.socialButton div:hover {
		background-color:#A60203;
		color:#e0e0e0;
	}
	.socialButton div:before {
		display:block;
		font-family:'FontAwesome';
		font-size:25px;
		position:absolute;
		top:50%;
		left:50%;
		transform:translate(-50%,-50%);
		-ms-transform:translate(-50%,-50%);
		-webkit-transform:translate(-50%,-50%);
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
	}
	.socialButton.__subscribe div:before {content:"\f0e0";}
	.socialButton.__facebook div:before {content:"\f082";}


	.heading {
		display: block;
		float: left;
		height: 45px;
		width: 100%;
		overflow: hidden;
		margin-top: 3px;
		margin-bottom: 0px;
	}
	.heading .name, .heading .title {
		font-family: 'Montserrat';
		font-weight:400;
		color: #C93846;
		font-size: 20pt;
		padding-top: 5px;
		float: left;
		width: auto;
	}
	.heading .title {
		width: 100%;
		text-align: center;
	}
	.heading .arrow {
		width: 40px;
		height: 37px;
		padding: 4px 0;
		font-size: 30px;
		float: right;
		text-align: center;
		color: #C93846;
	}
	.heading .name, .heading .title, .heading .arrow {
		transition: all .20s ease-in-out;
		-moz-transition: all .20s ease-in-out;
		-webkit-transition: all .20s ease-in-out;
	}
	.heading:hover > .arrow, .heading:hover > .name {
		color: #2F2E2F;
		cursor: pointer;
	}
	#archives ul {
		list-style: none;
		font-family: 'Montserrat';
		font-weight:400;
		text-align: right;
		margin:0;
		padding: 0;
	}
	#archives a {
		text-decoration: none;
		color: inherit;
	}

	#twitter_box {
		display:none;
	}
	#twitter_box a {
		color: #C93846;
	}
	#twitter_data {
		display:none;
	}
	#twitter_box .event_name_t {
		display: table-cell;
		vertical-align: middle;
		width: 100%;
		height: 60px;
		margin: 0 0 0 70px;
		padding: 5px 5px 5px 0;
		font-size: 12pt;
		line-height: 13.5pt;
	}
	.event_name_t a {
		overflow:hidden;
	}


/*---------- EVENTS / NEWS ----------*/

	.event, .event_t, .news, .news_simple {
		float: left;
		display: table;
		overflow: hidden;
		width: 100%;
		height: 80px;
		margin-bottom: 2px;
		background-color: #D3D3D3;
		transition: all .20s ease-in-out;
		-moz-transition: all .20s ease-in-out;
		-webkit-transition: all .20s ease-in-out;
	}
	.event {height:80px;}
	.event_t {display:table; height:auto;}
	.event a {
		text-decoration: none;
		color: inherit;
	}
	.event:hover, .news:hover {
		cursor: pointer;
		background-color: #BFBFBF;
	}
	.event_r, .download {
		width: 40px;
		height: inherit;
		padding: 0;
		font-size: 30px;
		float: right;
		text-align: center;
		color: white;
		display: table;
		background-color: #2F2E2F;
	}
		.event_r span, .download span {
			vertical-align: middle;
			height: 100%;
			display: table-cell;
		}
	.download { /*event_r*/
		width: 50px;
		padding: 0px 10px 0 10px;
		font-size: 50px;
		line-height:0;
		float: right;
		text-align: center;
		color: white;
	}
	.event_l {
		position: relative;
		width: 60px;
		height: inherit;
		display: table;
		margin-right:20px;
		float: left;
		color: white;
		background-color: #2F2E2F;
	}
	.event .event_l, .event_t .event_l {margin-right:10px;}
		.date, .date_event {
			font-family: 'Open Sans';
			color: white;
			width: 100%;
			height: 40px;
			padding: 10px 0px;
			text-transform: uppercase;
			float: left;
			position: absolute;
			top: 50%;
			height: 100px;
			margin-top: -27px;
		}
		.date_event {
			padding-top:0;
		}
		.day, .month, .date_extra {
			text-align: center;
			display: block;
			font-size: 16px;
			line-height: 20px;
		}
		.day {font-size: 25px;}
		.date_extra {
			float: left;
			font-family: 'Montserrat';
			font-weight:400;
			font-size: 9pt;
			text-align:center;
			width: 100%;
			background-color: #880204;
			margin-top:5px;
			height: 40px;
		}
	.event_name, .event_news {
		margin: 0 40px 0 70px;
		padding: 10px 5px;
		font-family: 'Montserrat';
		font-weight:400;
		font-size: 28px;
		line-height: 24px;
		color: #2F2E2F;
	}
	.event_name { /*Removed arrows (home)*/
		display: table-cell;
		vertical-align: middle;
		width: inherit;
		height: 60px;
		margin: 0 0 0 70px;
		padding: 0 5px;
		font-size: 22px;
	}
	.news, .news_simple {
		margin:0;
	}
	.news_more {
		float: left;
		display: block;
		background-color: #8C8C8C;
		color: black;
		width: 100%;
		height: 50px;
		font-family: 'Montserrat';
		font-weight:400;
	}
	.news_more_i { padding: 12px 10px 0 10px; }
	.hlight {
		margin-right: 10px;
		background-color: #2F2E2F;
		color: white;
		padding: 0 4px;
		float: left;
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		border-radius: 4px;
	}
	.event_news {
		padding:0;
		margin:0;
		line-height: auto;
		height: inherit;
	}
	.event_news span {
		font-size: 30px;
		height:inherit;
		line-height: auto;
		display: table-cell;
		vertical-align: middle;
	}
	/*pagination*/
	.nav-previous, .nav-next {
		color: white;
		background-color: black;
		cursor: pointer;
		font-family: 'Montserrat';
		font-weight:400;
		text-align: center;
		padding: 20px;
		transition: all .20s ease-in-out;
		-moz-transition: all .20s ease-in-out;
		-webkit-transition: all .20s ease-in-out;
	}
	.nav-previous a, .nav-next a {
		color: inherit;
		text-decoration: none;
	}
	.nav-previous:hover, .nav-next:hover {
		background-color: #505050;
	}
/*##################################*/

.showhide {
	text-align: center;
	color: #B2B2B2;
	font-size: 40px;
	line-height: 0;
	width: 100%;
	padding-top: 20px;
	height: 40px;
	position: relative;
	z-index: 999;
	margin-top: -60px;
	/*background-color: green;*/
	overflow: hidden;
	display: none;
	background: -moz-linear-gradient(top,  rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(100%,rgba(255,255,255,1)));
	background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
	background: -o-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
	background: -ms-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
	background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 );
}
.showhide.expanded {
	padding:0;
	margin-top: 0px;
	background:none;
}

.a_showhide {
	width: 100%;
}
.hideme{
	clear: both;
}
.showhide_f {
background: -moz-linear-gradient(top,  rgba(255,255,255,0) 0%, rgba(25,25,25,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(100%,rgba(25,25,25,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(25,25,25,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(25,25,25,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(25,25,25,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(25,25,25,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#191919',GradientType=0 ); /* IE6-9 */
}

/*----- SUBSCRIBE FORM -----*/

#subscribe {
	width: auto;
	text-transform: uppercase;
	position: relative;
	clear: both;
	color: white;
	background-color: #2F2E2F;
	margin: 20px auto 0 auto;
	cursor: pointer;
	font-family: 'Montserrat';
	font-weight:400;
	text-align: center;
	font-size: 14pt;
	transition: all .20s ease-in-out;
	-moz-transition: all .20s ease-in-out;
	-webkit-transition: all .20s ease-in-out;

	margin-bottom:20px;
}
#subscribe {
	margin-top:0;
	background-color: #9A0203;
	padding:10px 20px;
}
#subscribe:hover{background-color:#840202;}
#formBox.mailListSub {
	position:fixed;
	width:350px;
	top:0;
	overflow-y: auto;
	max-height: calc(100% - 0%); /* wow heck, what a weird hack*/
	box-sizing: border-box;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
	-ms-transform:translate(-50%,-50%);
	-webkit-transform:translate(-50%,-50%);
}
#sub_submit {
	width:25%;
	height:100%;
	text-align:center;
	background-color:black;
	color:white;
	cursor: pointer;
	transition: all .5s ease-in-out;
	-moz-transition: all .5s ease-in-out;
	-webkit-transition: all .5s ease-in-out;
}
#sub_submit:hover{background-color:#444344;}
#subscribe_box tr, #subscribe_box td{
	border-collapse:collapse;
	border:0;
	padding:0;
	margin:0;
}
#subscribe_box input[type=email], #subscribe_box input[type=text]{
	padding: 0 5px;
	margin: 0 0 5px 0;
	display:block;
	width: 100%;
	height: 28px;
	font-family: 'montserrat';
	font-weight:400;
	font-size: 12pt;
	border: solid 2px white;
	float:left;
	width:100%;
	box-sizing: border-box;
}

.jcheck {
	float:left;
	width: 100%;
	margin-top: 5px;
	background-color:white;
	color: #2F2E2F;
	font-family: 'montserrat';
	font-weight:400;
	font-size: 12pt;
	cursor: pointer;
} .jchecklabel {
	margin-left: 6px;
	line-height: 30px;
}

.jcheckbox:before {
	content:  "\f00c";
	line-height: 26px;
	margin-left: 4.5px;
}

.jcheckbox {
	width:30px;
	height:30px;
	background-color:#B7B7B7;
	border: 2px solid white;
	float:left;
	box-sizing: border-box;
	color: #B7B7B7;
	font-family: FontAwesome;
}

.jcheckbox:hover {
	border: 2px solid #9A0203;
}

/*placeholder jquery script*/
input, textarea { color: #000; }
.placeholder { color: #aaa; }

/*----- -----*/

#sctalkB {
	float: left;
	width: 100%;
	height: 100px;
	background-color: #2F2E2F;
	overflow: hidden;
}
#sctalkL, #sctalkR {
	display: table;
	height: inherit;
	float: left;
	font-family: 'Montserrat';
	font-weight:400;
	font-size: 25pt;
	line-height: 22pt;
	text-transform: uppercase;
	color: white;
	transition: all .25s ease-in-out;
	-moz-transition: all .25s ease-in-out;
	-webkit-transition: all .25s ease-in-out;
	/*background-color: #2F2E2F;*/
}
#sctalkL {
	width: 70%;
}
#sctalkL img {
	height: 80px;
}
#sctalkR {
	float: right;
	width: 29%;
	color: white;
}
#divider {
	margin-top: 10px;
	height: 80px;
	width: 1%;
	float: left;
	background-color: #514F51;
	transition: all .25s ease-in-out;
	-moz-transition: all .25s ease-in-out;
	-webkit-transition: all .25s ease-in-out;
}
#sctalkB a, #sctalkB a:visited {
	display: table;
	height: inherit;
	width: 100%;
	color: inherit;
	text-decoration: none;
}
#sctalkL div, #sctalkR div {
    display: table-cell;
	vertical-align: middle;
	text-align: center;
	overflow:hidden;
}
#sctalkR:hover, #sctalkL:hover {
	cursor:pointer;
	background-color: #706D70;
}
#sctalkB:hover > #divider {
	height:inherit;
	margin:0;
}

#danule {
	width:75px;
	height:auto;
	margin-top:5px;
}

/*----- UPDATES 2017 -----*/

.img-wrap {
  position:relative;
}

.home_news_grid {
	margin-top:20px;
	box-sizing: border-box;
	padding: 40px 0;
	width:100%;
	float:left;
	background-color:#f5f5f5;
}
/* .home_news_grid .heading:hover > .name {
	cursor:default;
	color:#C93846;
} */
.home_news_grid .heading {
  width:225px;
}

/*grid - latest*/
.gridCont {
	background-color:#e0e0e0;
	width:100%;
	float:left;
	box-sizing: border-box;
	padding:10px;
	margin-bottom:20px;
	position:relative;
	margin-top:25px;
}
.grid.__latest {
	width: calc(100% + 10px);
}
.grid.__latest .item {
	padding-bottom:0;
	padding-right:10px;
}
.grid.__latest .item.__sctalk.miniIcon .inner {border:0;}

.grid.__latest .item.__news.miniIcon .inner:after {
	padding-bottom:100%;
}
.grid.__latest .item.__news.miniIcon .textCont {position:absolute; color:white;}
.grid.__latest .item.__news.miniIcon .dateText {color:white;}

/*---Label-*/
.gridLabel {
	box-sizing: border-box;
	position:absolute;
	bottom:calc(100% - 6px);
	left:0;
	width:auto;
	height:30px;
	padding:0 10px;
	text-align: center;
	background-color:inherit;
	color: black;
	font-family: 'Open Sans';
	font-size:14px;
}
.gridLabel div {
	position:relative;
	top:50%;
	transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
}

/*grid - onecol*/
.grid.__twoCol,
.grid.__threeCol {
	width:calc(100% + 10px);
}
.grid.__twoCol .item {
	padding-bottom:10px;
	padding-right:10px;
	width:50%;
}
.grid.__twoCol .item .textCont {
	padding: 6px 6px 15px 6px;
}
.grid.__twoCol .item.__sctalk.miniIcon .inner {border:solid 4px #e5e5e5;}

.grid.__threeCol .item {
	padding-bottom:10px;
	padding-right:10px;
	width:33.333333%;
}
.grid .item.__event .textCont .mainText,
.grid .item.__sctalk .textCont .mainText {
	/* font-weight:400; */
	/* text-shadow: 2px 2px 4px #000000; */
}


.gridFilter {
	position: relative;
	width:100%;
	background-color:#A60203;
	margin-bottom:10px;
	margin-top: 25px;
	padding:10px 0px 0px 10px;
	box-sizing: border-box;
	float:left;
}
.gridFilter .gridLabel {color:white;}

.gridFilter .gridButton,
.gridFilter .actionButton {
	cursor: pointer;
	background-color:white;
	padding:10px 50px 10px 10px;
	margin-bottom:10px;
	box-sizing: border-box;
	height:40px;
	width:auto;
	float:left;
	margin-right:10px;
	font-family: 'Montserrat';
	font-weight: 400;
	position:relative;
	transition: all .25s ease-in-out;
	-ms-transition: all .25s ease-in-out;
	-webkit-transition: all .25s ease-in-out;

	-webkit-user-select: none; /* Chrome/Safari */
	-moz-user-select: none; /* Firefox */
	-ms-user-select: none; /* IE10+ */
}
.gridFilter.standout {
	margin:0;
	padding:0;
	margin-bottom:0px;
	background-color:transparent;
	background-repeat: no-repeat;
	background-size: contain;
	height:100px;
	position:relative;
}
.gridFilter.standout img {
	float:right;
	margin-right:20px;
	width:auto;
	height:100%;
	max-height:100%;
}
.gridFilter .actionButton {
	float:right;
	padding: 25px 20px;
	margin:0;
	background-color: #e0e0e0;
	color:black;
	text-align: center;
	position:relative;

	transition: all .25s ease-in-out;
	-moz-transition: all .25s ease-in-out;
	-webkit-transition: all .25s ease-in-out;
}
.gridFilter .actionButton.__facebook {margin-left:10px;}
.gridFilter .actionButton.__facebook div:before {
	content:'\f082';
}
/*.gridFilter .actionButton:after {
	content:'';
	display: block;
	box-sizing: border-box;
	border:solid 3px white;
	width:100%;
	height:100%;
	top:0;
	left:0;
	position:absolute;
}*/
.gridFilter .actionButton:hover {
	background-color:#A60203;
	color:#e0e0e0;
}
.gridFilter .actionButton div:before {
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	position: relative;
	float:left;
	font-family:'FontAwesome';
	display:block;
	content:'\f0e0';
	font-size:20px;
	line-height:1;
	margin-right:5px;
	color:inherit;
}
.dynCol {
	float:right;
	position:relative;
	top:50%;
	transform: translate(0,-50%);
	-ms-transform: translate(0,-50%);
	-webkit-transform: translate(0,-50%);
}


.gridFilter .gridButton div,
.gridFilter .actionButton div {
	position:relative;
	/*top:50%;*/
	left:50%;
	transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
}
.gridFilter .gridButton div {top:50%;}
.gridFilter .gridButton:hover {
	background-color:#e0e0e0;
	color: black;
}
.gridFilter .gridButton:after {
	box-sizing: border-box;
	content:'';
	display:block;
	position: absolute;
	width:40px;
	height:100%;
	top:0;
	right:0;
	background-color:white;
	border-left: solid 1px #cecece;
	text-align: center;
	line-height: 2.1;
	font-size:20px;
	font-family: 'FontAwesome';
	color:white;
}
.gridFilter .gridButton.selected:after {
	content: '\f058';
	color:black;
	background-color:white;
}

.grid, .grid .cont {
	list-style-type: none;
	position: relative;

	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	flex-direction: row;

	float:left;
	width:calc(100% + 10px);
	padding:0;
	margin:0;
}
.grid .cont {width:100%;}
.grid a {
	width:100%;
	height:100%;
	margin:0;
	padding:0;
	border:0;
	text-decoration: none;
}
.grid_sizer {width:25%;}
.grid .item {
	box-sizing: border-box;
	width:25%;
	display: inline-block;
	padding:0;
	margin:0;
	padding: 0 10px 10px 0;
	position:relative;
}
.grid .item .inner {
	width:100%;
	/*height:100%;*/
	/*display: table;*/
	/**/
	background-color:#e5e5e5;
	position:relative;
	background-repeat: no-repeat;
	background-position:center center;
	background-size: cover;
	overflow:hidden;

	transform: scale(1);
	-ms-transform: scale(1);
	-webkit-transform: scale(1);

	transition: all .25s ease-in-out;
	-moz-transition: all .25s ease-in-out;
	-webkit-transition: all .25s ease-in-out;
}
.grid .item .inner img {
	width:100%;
	max-width:100%;
	height:auto;
	display:block;
	box-sizing: border-box;
	border:solid 4px #e5e5e5;
	border-bottom:0;
}
.grid.__latest .inner:after,
.grid .item.__sctalk .inner:after,
.grid .item.__news .inner:after,
.grid .item.__event .inner:after {
	content:"";
	display:none;
	padding-bottom:100%;
}
.grid .item.__news.miniIcon .inner:after {
	padding-bottom:0;
}
.grid.__latest .item .textCont,
.grid .item.__sctalk .textCont,
.grid .item.__news .textCont,
.grid .item.__event .textCont {
	/* position: absolute; */
}
.grid .item.__news.miniIcon .textCont {
	position:relative;
}
.grid .item .inner:before,
.grid .item .img-wrap:before {
	font-family:'FontAwesome';
	line-height: 1;
	font-size:20px;
	color:white;
	color:rgba(255,255,255,0.7);
	font-size:4em;
	display:block;
	position:absolute;
	margin-top:-10px;
	top:50%;
	right:50%;
	transform:translate(50%,-50%);
	-ms-transform:translate(50%,-50%);
	-webkit-transform:translate(50%,-50%);
}
.grid .item.__tweet .inner:before {content:'\f099';}
.grid .item.__facebook .inner:before {content:'\f09a';}
/*.grid .item.__sctalk .inner:before {content:'\f075';}*/
.grid .item.__news .img-wrap:before {content:'\f1ea';}
/*.grid .item.__event .inner:before {content:'\f133';}*/

.grid .item.__sctalk .inner {
	/* background-image:url('img/sctalk_logo.png'); */
	background-size: 60% auto;
	background-position: center 40%;
}
.grid .item.__sctalk.miniIcon .inner {
	background-size: cover;
	background-position:top center;
	/* border: solid 4px #e5e5e5; */
	box-sizing: border-box;
}

/*.grid .item.miniIcon .inner {padding-top:20px;}*/
.grid .item.miniIcon .inner:before,
.grid .item.__tweet .inner:before,
.grid .item.__facebook .inner:before {
	z-index:99;
	width:12px;
	font-size:12px;
	text-align: center;
	color:white;
	padding:8px;
	margin:0;
	top:4px;
	right:4px;
	transform:translate(0,0);
	-ms-transform:translate(0,0);
	-webkit-transform:translate(0,0);
}
.grid .item.miniIcon.__tweet .inner:before {background-color:#1DA1F3;}
.grid .item.miniIcon.__facebook .inner:before {background-color:#3B5998;}
.grid .item.miniIcon.__news .inner:before {background-color:#141C5C;}
.grid .item.miniIcon.__facebook .inner,
.grid .item.miniIcon.__tweet .inner {
	background-color:#e5e5e5;
}
.grid.__latest .item.__tweet .inner {background-color:#1DA1F3;}
.grid.__latest .item.__facebook .inner {background-color:#3B5998;}

.grid .item .inner:hover {
	transform: scale(1.03);
	-ms-transform: scale(1.03);
	-webkit-transform: scale(1.03);
}

.grid .item.__tweet .inner:before {background-color:#1DA1F3;}
.grid .item.__facebook .inner:before {background-color:#3B5998;}

.grid .item.__tweet .inner:before,
.grid .item.__facebook .inner:before {
	box-sizing: border-box;
	width:calc(100% - 8px);
}

.grid.__latest .item.noImage .inner:before {
	background-color: transparent;
	top:50%;
	right:50%;
	margin-top:-5%;
	font-size: 4em;
	z-index: 0;
	transform: translate(50%,-50%);
	-ms-transform: translate(50%,-50%);
	-webkit-transform: translate(50%,-50%);
}

.grid .item.miniIcon.__tweet .inner:before,
.grid .item.miniIcon.__facebook .inner:before {
	box-sizing: content-box;
	width:12px;
}

.grid .item.__news.miniIcon .inner {background-color:#E0E0E0;}
.grid .item.__news .img-wrap {background-color:#141C5C;}
.grid .item.__event .img-wrap {background-color:#9A0203; }
.grid .item.__news .img-wrap:after,
.grid .item.__event .img-wrap:after {
  content:'';
  display:block;
  padding-bottom:100%;
}
.grid .item.__news .img-wrap img,
.grid .item.__event .img-wrap img {
  position:absolute;
  object-fit:cover;
  height:100%;
}

.grid .item .textCont {
	width:100%;
	overflow: hidden;
	/*display:table-cell;
	vertical-align: bottom;*/
	position:relative;
	/*position:absolute;*/
	bottom:0;
	z-index: 99;
	box-sizing: border-box;
	padding:40px 10px 19px 10px;
	color:black;
	font-size:15px;
	line-height:1.2;
	font-family: 'Open Sans';
	font-weight:300;
}
.grid .item.__news.noImage .textCont {
  padding-top:10px;
}
.grid .item .textCont .mainText {
	padding-bottom:13px;
}
.grid .item.miniIcon .textCont {
	padding-top:10px;
}
.grid .item.miniIcon .textCont,
.grid .item.miniIcon .dateText {
	border-color: #cccccc;
	color:black;
}
.grid .item.__tweet .textCont,
.grid .item.__facebook .textCont { font-size:12px; }
.grid .item .dateText {
	position: absolute;
	bottom:0;
	box-sizing: border-box;
	padding: 5px 10px 5px 10px;
	z-index: 100;

	width:100%;
	margin-top:3px;
	border-top:solid 1px white;
	border-top:solid 1px #cccccc;
	color:black;
	font-size:10px;
}
.grid .item.__sctalk .dateText,
.grid .item.__news .dateText,
.grid .item.__event .dateText,
.grid .item.__sctalk .textCont,
.grid .item.__news .textCont,
.grid .item.__event .textCont {
	/* border-color: white; */
	/* border-color: rgba(255,255,255,0.6); */
	/* color:white; */
}
.grid .item.__news.miniIcon .dateText,
.grid .item.__news.miniIcon .textCont {
	border-top:solid 1px #cccccc;
	color:black;
}
.grid .item.__news.miniIcon .textCont {
	border-top:0;
}
.grid.__latest .item .textCont,
.grid.__latest .item .dateText {
	color:white;
}
/*.grid .item.__event .dateText { font-size:13px; }*/
.grid .item .eventDate {
	width:auto;
	border: solid 4px rgba(255,255,255,0.5);
	background-color:rgba(0,0,0,0.2);
	color:white;
	text-align: center;
	font-family: 'Montserrat';
	font-weight: 400;
	line-height: 1;

	position:absolute;
	/* margin-top:-10px; */
	top:50%;
	left:50%;
	transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
}
.eventDate .eYear,
.eventDate .eDay,
.eventDate .eMonth,
.eventDate .eTime {
	padding: 0 10px;
	box-sizing: border-box;
	color:rgba(255,255,255,0.7);
}

.eventDate .eYear {
	font-size:20px;
	width:100%;
	background-color:rgba(255,255,255,0.5);
	color: black;
	font-size:12px;
	padding: 4px 10px;
	color:rgba(0,0,0,1);
}
.eventDate .eDay {
	font-size: 28px;
}
.eventDate .eMonth {
	margin-top:-2px;
	font-size:20px;
	text-transform: uppercase;
}
.eventDate .eTime {
	font-size: 11px;
	padding: 4px 10px;
	padding-top:0;
}

.grid .item .grad {
	width:100%;
	height:100px;
	position:absolute;
	bottom:0;
	left:0;

	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,0.75+100 */
	background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.75) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.75) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.75) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#bf000000',GradientType=0 ); /* IE6-9 */
}
/*.grid .item.__facebook .grad {
	width:100%;
	height:100%;
	background: rgba(0,0,0,0.4);
}*/

.loader {
	box-sizing: border-box;
	width:100%;
	height:40px;
	float:left;
}
.loader div {
	position:relative;
	width:30px;
	height:30px;
	top:50%;
	left:50%;
	transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
}
.loader div:before {
	display:block;
	font-family:'FontAwesome';
	content:'\f021';
	color:#0D1233;
	position:absolute;
	font-size:30px;
}

._spin div:before {
	-webkit-animation-name: spin;
	-webkit-animation-duration: 2000ms;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-timing-function: linear;
	-moz-animation-name: spin;
	-moz-animation-duration: 2000ms;
	-moz-animation-iteration-count: infinite;
	-moz-animation-timing-function: linear;
	-ms-animation-name: spin;
	-ms-animation-duration: 2000ms;
	-ms-animation-iteration-count: infinite;
	-ms-animation-timing-function: linear;
	animation-name: spin;
	animation-duration: 2000ms;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
}

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

#newsTiles .button-cont {
  width:100%;
  text-align: center;
}
#newsTiles .button {
  /* display:none; */
  display:inline-block;
  position:relative;
  cursor:pointer;
  height:40px;
  padding:0 50px;
  background-color:black;
  color:white;
}
#newsTiles .button.active:after {
  position:absolute;
  content:'\f1ce';
  font-family: 'FontAwesome';
  animation: spin 2s linear infinite;
  -moz-animation: spin 2s linear infinite;
  -webkit-animation: spin 2s linear infinite;
  -ms-animation: spin 2s linear infinite;
  right:12px;
  top:13px;
  margin:-1px 0 0 -1px;

}