/*
	FIB LANDING CSS - VERSION 1.28.09.2015TW
*/

/* ========== PLATTS OSCINE WEB FONTS ========= */

* {padding:0; margin:0; font-family:Platts Oscine, Platts Oscine Backup, Arial !important;
	text-decoration:none;}

/* ========== GENERAL STYLES========= */

body {
	background-color:#f2f2f2;
	font-weight:400;
	font-size:15px;
	line-height:20px;
	color:#666666;
}

img {
	border:0px;
}

a:link, a:visited {
	color:#494947;
	text-decoration:none;
	font-weight:bold;
	opacity:1;
	transition:opacity .25s ease-in-out;
	-moz-transition:opacity .25s ease-in-out;
	-webkit-transition:opacity .25s ease-in-out;
}

a:hover {
	color:#C8102E;
	text-decoration:none;
	opacity:.7;
}

h1 {
	font-weight:700;
	font-size:44px;
	line-height:44px;
	color:#C8102E;
	text-transform:uppercase;
}

h2 {
	font-weight:700;
	font-size:20px;
	line-height:26px;
	color:#C8102E;
	margin-bottom:25px;
}

h3 {
	font-weight:700;
	font-size:18px;
	line-height:26px;
	color:#666666;
	margin-bottom:25px;
}

h4 {
	font-size:18px;
	color:#C8102E;
	margin-bottom:5px;
}

p {
	margin:10px 0px 25px 0px;
}

/* COLOUR FOR ALTERNATIVE HEADING COPY */

.platts_grey {
	color:#494947;
}

/* ========== STRUCTURE ========= */

.wrapper {
	width:100%;
	margin:0 auto;
	text-align:center;
}

.shell {
	width:990px;
	margin:0 auto;
	padding-top:20px;
	padding-bottom:30px;
	text-align:left;
}

.container {
	background:#ffffff;
	-moz-box-shadow:0px 0px 13px rgba(0,0,0,.3);
	-webkit-box-shadow:0px 0px 13px rgba(0,0,0,.3);
	-o-box-shadow:0px 0px 13px rgba(0,0,0,.3);
	box-shadow:0px 0px 13px rgba(0,0,0,.3);
	padding:0px;
}

/* ========== HEADER ========= */

.header_container {
	padding:30px 30px 0px 30px;
}

.header_logo, #mkto_gen_headerimg1 {
	float:left;
}
.header_symbol, #mkto_gen_headerimg2 {
	float:right;
}
.header {
	margin-bottom:30px;
}
.title_column {
	width:65%;
	float:left;
}

.title_column h1{
	margin-bottom:30px;
}

/* CALL TO ACTION BUTTON (HIDDEN ON LARGER SCREENS, SHOWS ON MOBILE) */

.CTA_header_column {

	margin-top:10px;
	width:30%;
	float:right;
	text-align:right;
}

/* ========== EVENT DETAILS AREA ========= */

.event_details {
	width:70%;
	float:left;
	font-size:18px;
	margin-top:0px;
}

.event_details p{
	font-size:18px;
	margin-top:0px;
}

.title_img {
	width:3%;
	float:left;
}
.title_when {
	float:left;
	width:30%;
	padding-left:10px;
}
.title_where {
	float:left;
	width:40%;
	padding-left:10px;
}
.title_fee {
	float:left;
	width:15%;
	padding-left:10px;
}

.clearfix:after {
	content:"";
	display:table;
	clear:both;
}
.divider {border-bottom:1px solid #D6D6D6; content:" "; padding-top:15px; margin-bottom:20px; }


/* ========== CONTENT AREA ========= */

.body_content {

	padding:30px;
}

/* LEFT COLUMN CONTAINER */

.col_1 {
	width:58%;
	float:left;
	padding-right:2%;
}

/* RIGHT COLUMN CONTAINER*/
.col_2 {
	width:36%;
	float:right;
}
[class*=col_] {
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}

/* RIGHT COLUMN NEEDS INDIVIDUAL CONTAINERS FOR GREY BACKGROUND BLOCKS*/

.col2_content {
	background:#f2f2f2;
	padding:15px 15px 10px;
	margin-bottom:15px;
}

/* ========== OTHER ========= */

/* TESTIMONIAL STYLES */

.testimonials {
	padding:0px 20px 20px 20px;
	font-size:22px;
	line-height:22px;
	color:#999999;
	height:130px;
	overflow:hidden;
}

.testimonials_content {
	display:table-cell;
	vertical-align:middle;
	height:130px;
}


.testimonials em {
	font-size:18px;
}

.attendee_name {
	text-align:right;
	font-size:15px;
}

/* ========== AGENDA AREA ========== */

/* EACH ROW GETS EMBEDED IN A CONTAINER (CSS TABLE) */

.lsubcol_container {
	width:100%;
}

/* DIFFERENT CELL WIDTHS */

.lsubcol1-4 {
	width:25%;
	float:left;
}

.lsubcol1-3 {
	width:33%;
	float:left;
}

.lsubcol2-3 {
	width:66%;
	float:left;
}




.dynamic-table	 p						{ margin-bottom:15px; }

.dynamic-table table					{ margin:0 0 40px 0; width:100%; overflow:hidden; font-size:13px; line-height:17px; border:none; border-collapse:collapse; border-spacing:0; padding:0; }

.dynamic-table tr						{ background-color:#FFF; transition:all .1s linear 0s; -moz-transition:all .1s linear 0s; -webkit-transition:all .1s linear 0s; -o-transition:all .1s linear 0s; }
.dynamic-table tr:hover					{ background-color:#F1F1F1; transition:all .1s linear 0s; -moz-transition:all .1s linear 0s; -webkit-transition:all .1s linear 0s; -o-transition:all .1s linear 0s; }

.dynamic-table th						{ padding:8px; background-color:#F1F1F1; color:#222; font-weight:bold; border:none; border-bottom:3px solid #D6D6D6; text-align:left; white-space:nowrap; }

.dynamic-table td						{ padding:10px 8px 10px 10px; min-width:100px; background-color:transparent; color:#666; border:none; border-bottom:1px solid #D6D6D6; font-size:1.1em; line-height:1.2; }
.dynamic-table td.highlight				{ padding:11px 8px; color:#EEE; font-weight:bold; display:block; font-size:inherit; border:none; background-color:#333; }

.dynamic-table ul						{ list-style-type:disc; list-style-position:outside; margin-left:35px; }




/* HORIZONTAL RULES AT BOTTOM OF CELLS */

hr {
	margin-bottom:25px;
}




/* ADD A SPACER AFTER EACH CELL */

.spacer {
	border-bottom:1px solid #d9d9d9;
	padding:5px 0px 5px 0px;
}



/* ========== CTA Flat Button ========== */

.flat-button {
	position:relative;
	vertical-align:top;
	width:100%;
	height:60px;
	padding:10px 20px;
	font-size:16px;
	color:white;
	text-align:center;
	background:#C8102E;
	border:0;
	cursor:pointer;
	text-transform:uppercase;
}

.flat-button:active {
	top:1px;
	outline:none;
	text-decoration:none;
	-webkit-box-shadow:none;
	box-shadow:none;
}


.fade {
	opacity:1;
	transition:opacity .25s ease-in-out;
	-moz-transition:opacity .25s ease-in-out;
	-webkit-transition:opacity .25s ease-in-out;
}

.fade:hover {
	opacity:.7;
}

.img_rollover {
	filter:grayscale(100%);
	transition:.25s ease-in-out;
	-webkit-filter:grayscale(100%);
	-webkit-transition:.25s ease-in-out;
	-moz-filter:grayscale(100%);
	-moz-transition:.25s ease-in-out;
	-o-filter:grayscale(100%);
	-o-transition:.25s ease-in-out;
}

.img_rollover:hover {
	filter:grayscale(0%);
	transition:.25s ease-in-out;
	-webkit-filter:grayscale(0%);
	-webkit-transition:.25s ease-in-out;
	-moz-filter:grayscale(0%);
	-moz-transition:.25s ease-in-out;
	-o-filter:grayscale(0%);
	-o-transition:.25s ease-in-out;
}



.noEscape:after {
	clear:both;
	content:".";
	display:block;
	height:0;
	visibility:hidden;
}

/* Form styles */

.form-row span#ziplookup_span {
	font-size:50%;
	display:none;
}

	.form-row {
		width:90%;
	}

.form_heading {
	text-align:left;
	margin-left:16px;
	line-height:1.25em;
	font-weight:bold;
	color:#C8102E;
	margin-bottom:5px;
}
.form_heading input {
	width:20%;
}

form p {
	text-align:left;
	margin-left:16px;
	line-height:1.25em;
	margin-bottom:20px;
}

form table tr td p {
	padding:0px;
	margin:0px 15px 15px 20px;
}

input {
	width:90%;
	height:17px;
	margin-left:10px;
	margin-bottom:10px;
	padding:3px;
	border:0px;

}

select {
	width:92%;
	height:26px;
	margin-bottom:10px;
	margin-left:11px;
	padding:5px;
	border:0px;
}

.label {
	display:block;
	float:left;
	width:100%;
	margin-right:20px;
	margin-left:18px;
	text-align:left;
	height:19px;
	font-size:14px;
}

label.error {
	font-size:13px;
	display:block;
	color:red;
	width:150px;
	margin-left:20px;
	margin-top:-10px;
}

td.sessionError label.error {
	margin-left:0 !important;
}

.hide
{
	display:none;
}

.submit {
	width:60%;
	height:25px;
	font-size:15px;
	padding:10px;

}

input, select, textarea {width:100%;
	border:#ccc 1px solid;
-ms-box-sizing:content-box;
-moz-box-sizing:content-box;
-webkit-box-sizing:content-box;
box-sizing:content-box;
padding:3px 0px 0px 2px;
height:25px;
font-size:14px;
}



input[type="radio"] {
	border:none;
	height:14px;
	width:25px;
}
input[type="checkbox"] {
	border:none;
	height:14px;
	width:25px;
}

.social {
	text-align:center;
}

.submit_btn {
	padding-left:20%;
}


/*=========================================================*/


.countdown {
	width:100%;
}

#CountdownTimer table{
	margin:0 auto;
}

#CountdownTimer table tr td p{
	color:#666666;
	font-size:15px;
	font-weight:400;
}

#CountdownTimer table tr td{
	text-align:center;
	padding:5px 5px 0px 5px;
}

.CountdownTimerStyle {
color:#C8102E;
font-size:44px;
font-weight:700;
}

/* Social */

.social-list {float:right;}
.social-list ul {list-style-type:none; margin-right:15px;}
.social-list ul li {width:20px; height:20px; display:inline;}
.social-list ul li a {width:20px; height:20px; display:inline-block;}

.social-twitter, .social-facebook, .social-linkedin, .social-youtube, .social-rss {
	background-image:url('/rs/325-KYL-599/images/Image_Social-icon-sprites.png');
	background-repeat:no-repeat;
}

.social-twitter {
	height:20px;
	background-position:0px 0px;
}
.social-linkedin{
	height:20px;
	margin-left:5px;
	background-position:0px -20px;
}
.social-facebook{
	height:20px;
	background-position:0px -40px;
}
.social-youtube{
	height:20px;
	background-position:0px -60px;
}
.social-rss{
	height:20px;
	margin-left:5px;
	background-position:0px -80px;
}


/* Footer */

#footer {
	background-color:#555;
}

.footer-bottom {
	/*height:38px;*/
	padding:15px;

}
.footer-bottom .footer-nav { text-align:left; float:left;}
.footer-bottom .footer-nav ul { list-style:none; list-style-position:outside; }
.footer-bottom .footer-nav ul li { display:inline; font-weight:400; font-size:14px; border-left:1px solid #666; padding:0 11px; }
.footer-bottom .footer-nav ul li.first { padding-left:0; border:0;	}
.footer-bottom .footer-nav ul li a { color:#FFFFFF; }
.footer-bottom .footer-nav ul li a:hover,
.footer-bottom .footer-nav ul li.active a { color:#EEEEEE; }

/* Copyright */

#copyright p{
	text-align:center;
	font-size:13px;
}


/*MEDIA QUERIES
==============================*/


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

	.shell {
			max-width:90%;
	}

	img {
			max-width:100%;
			height:100%;
	}

	.title_column {
			width:70%;
		}

	.event_details {
			width:100%;
			float:left;
		}

	.title_img {
			width:3%;
			float:left;
			padding-top:5px;
		}

		.title_when {
			float:left;
			width:30%;
			padding-left:10px;
		}

		.title_where {
			float:left;
			width:40%;
			padding-left:10px;
		}

		.title_fee {
			float:left;
			width:15%;
			padding-left:10px;
		}

		.submit {
			width:60%;
			font-size:13px;
			padding:10px;
		}

		.lsubcol1-4 {
		width:33%;
		text-align:center;
		}

}

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

	.body_content {padding:15px;}

	 .col_1 {
		display:block;
		width:100%;
	 }

	.col_2 {
		display:block;
		width:100%;
		margin-top:20px;
	 }

	.col_2 h2 {
		text-align:center;
	 }

	.CTA_header_column {
		display:block;
		margin-top:0px;
		width:100%;
		float:left;
		text-align:center;
		margin:10px 0px 40px 0px;
	 }

	.title_column {
		width:100%;
		float:left;
		text-align:center;
	 }

	.event_details {
		width:100%;
	 }

	 .event_details p{
		margin:5px;
	 }

	.title_img {
		width:5%;
	 }

	 .title_when {
		width:90%;
	 }

	 .title_where {
		width:90%;
	 }

	 .title_fee {
		width:90%;
	 }


	 .header_img {
		display:block;
		width:100%;
	 }

	 .form_area {
		margin:0 auto;
	 }


	.submit {
		font-size:15px;
		padding:10px;
	}

	.testimonials {
		font-size:18px;
		line-height:18px;
	}

	.lsubcol1-4 {
		width:30%;
		text-align:center;
	}

	.social {
		text-align:center;
	}

	.footer-bottom .footer-nav{
	float:none;
	width:100%;
	text-align:center;
	}

	.footer-bottom .footer-nav{
	float:none;
	width:100%;
	text-align:center;
	}

	.footer-bottom .footer-nav ul li {
		display:block;
		border-left:none;
		padding:15px;
	}

	.social-list{
	float:none;
	display:block;
	text-align:center;
	margin-top:15px;
	}


}

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

	.lsubcol1-4 {
		width:50%;
		text-align:center;
	}
}

@media screen and (max-width:400px) {
	.header_logo, .header_symbol {
		max-width:100%;
		display:block;
		text-align:center;
		float:none;
		padding:10px 0px 10px 0px;
	}
	.dynamic-table td {
		min-width:50px;
	}
	.submit {
		text-align:center;
		width:80%;
		margin-left:-20px;
	}
	.social a img{
		padding:5px !important;
	}
	#footer2 {
		padding-left:10px;
		padding-right:10px;
	}

}
form.mktoForm {
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}
.mktoForm *:active, .mktoForm *:focus {
	outline:0 none !important;
}
.mktoForm .mktoFormRow .mktoOffset, .mktoForm .mktoFormRow .mktoFieldWrap .mktoGutter{
	display:none !important;
}
.mktoForm .mktoFormRow > .mktoFormCol, .mktoForm .mktoFormRow > .mktoFormCol > .mktoFieldWrap {
	float:none !important;
}
.mktoForm .mktoFormRow .mktoFieldWrap > .mktoLabel {
	display:inline-block !important;
	float:none !important;
	width:auto !important;
	padding-top:0 !important;
	padding-left:10px !important;
	white-space:normal !important;
}
.mktoForm .mktoFormRow .mktoFieldWrap > .mktoField {
	clear:both;
	width:100% !important;
}
.mktoForm:not([class*=col]), .mktoForm .mktoButtonRow {
	width:100% !important;
}
.mktoForm .mktoButtonRow .mktoButton {
	line-height:normal !important;
	text-shadow:none !important;
	-webkit-box-sizing:content-box;
	-moz-box-sizing:content-box;
	box-sizing:content-box;
}
#footer .social-list ul + br:not(.clear-all) {
	display:none !important;
}
#footer2 p, .text-center {
	text-align:center;
}
.mktoForm .mktoFormRow .submit-button, .mktoForm .mktoButtonRow .mktoButton, .mktoForm .button {
	opacity:1;
	transition:opacity .25s ease-in-out;
	-moz-transition:opacity .25s ease-in-out;
	-webkit-transition:opacity .25s ease-in-out;
}
.mktoForm .mktoFormRow .submit-button:hover, .mktoForm .mktoButtonRow .mktoButton:hover, .mktoForm .button:hover {
	opacity:.7 !important;
}


/** xxv v mmxviii ***  **/

.mktoForm .mktoFormRow  .mktoHtmlText.mktoHasWidth {
	width:100% !important;
}
.mktoForm .checkline .mktoFieldWrap .mktoCheckboxList {
	position:absolute;
	left:0;
	top:1px;
	margin:0 !important;
	width:22px !important;
}
.mktoForm .checkline .mktoFieldWrap .mktoCheckboxList label {
	margin-left:0;
}
.mktoForm .checkline .mktoFieldWrap > .mktoLabel {
	float:none !important;
}
/*
.mktoForm .mktoFormRow:not(.checkline) .mktoFieldDescriptor .mktoFieldWrap > label.mktoLabel {
	display:none !important;
}
*/
.mktoForm .checkline .mktoFieldWrap {
	padding-left:20px;
	position:relative;
}
.mktoForm .checkline .mktoFieldWrap > .mktoLabel {
	line-height:22px;
	display:block;
	width:100% !important;
}
.mktoForm .checkline .mktoFieldWrap .mktoCheckboxList {
	position:absolute;
	left:0;
	top:1px;
	margin:0 !important;
	width:22px !important;
}
.mktoForm .checkline .mktoFieldWrap .mktoCheckboxList label {
	margin-left:0;
}
.mktoForm .checkline label {
	height:auto !important;
}
.mktoForm .checkline .mktoFieldWrap > label {
	padding-top:0;
	padding-left:5px;
	padding-bottom:5px;
	cursor:pointer;
}
.mktoForm .mktoCheckboxList {
	padding-top:.3em !important;
}

@media screen and (max-width:480px) {
	.checkgroup .mktoCheckboxList [type=checkbox] + label, .checkgroup .mktoCheckboxList [type=radio] + label {
		width:calc(100% - 30px) !important;
	}
}