/* center full body image */
.sfimageWrp.center img {margin-left:auto; margin-right:auto; display:block;}

.LL-Wrpr {}
.LL-Wrpr ul {margin: 0; padding: 0;}
.LL-Wrpr ul li {list-style: none; display: block; border-top: 1px solid #e8e8e8; padding: 10px; width: 100%}
.LL-Wrpr ul li:nth-child(even) {background: #f8f8f8;}
.LL-logoWrpr {display: block;text-align: center; width: auto;}
.LL-logoWrpr img {max-width: 250px;}
.LL-DescriptionWrpr {display: block;text-align: center; font-size: 0.875em; padding: 10px;width: auto;}
.LL-btnWrpr {display: block; text-align: center; width: auto;}

.BCardOverlay {
	display: none;
	background: rgba(1,1,1,0.25);
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
	z-index: 10000;
}
.BCard {
	background: url(/images/default-source/Partners/partner-logos/metlife_stadium-1.jpg?Status=Master&sfvrsn=2) no-repeat #ffffff;
	font-family: Oswald,sans-serif; 
	display: none;
	width: 280px; 
	height: 140px; 
	border: 1px solid #999;
	padding: 10px;
	position: fixed; 
	left: 50%;
	top:70px;
	z-index: 10001;
	margin-left: -150px;
	font-size: 0.913em;
	-webkit-box-shadow: 0 0 2px 1px rgba(1,1,1,0.3);
		box-shadow: 0 0 2px 1px rgba(1,1,1,0.3);
}
.BCard .BCard-BtnSave,
.BCard .BCard-BtnPrint {
	color: #e8e8e8; 
	background: #333;
	position: absolute; 
	width: 50px; 
	text-align: center; 
	top: -100px;
	-webkit-border-radius: 4px 4px 0 0;
	border-radius: 4px 4px 0 0;
	padding: 2px 0;
	top:-22px;
	cursor: pointer;
}

.BCard .BCard-BtnSave:hover,
.BCard .BCard-BtnPrint:hover {
	background: #000000; 
	color: #ffffff;
} 

.BCard .BCard-BtnSave {left: 0;}
.BCard .BCard-BtnPrint {left: 52px;}

.BCard .BCard-BtnClose {
	cursor: pointer;
    background: #999;
    border: 2px solid #fff;
    border-radius: 10px;
    color: #ffffff;
    font-family: verdana;
    font-weight: bolder;
    height: 20px;
    line-height: 1.1em;
    position: absolute;
    right: -10px;
    text-align: center;
    top: -10px;
    width: 20px;
}
.BCard .BCard-logo { float: right; height: auto; width: 40%;}
.BCard .BCard-name {font-weight: 400; font-size: 1.125em;}
.BCard .BCard-position {padding-bottom: 5px; font-weight: 300;}

.BCard .BCard-lowerRight {
    bottom: 12px;
    position: absolute;
    right: 20px;
    text-align: right;
} 
.BCard .BCard-phone,
.BCard .BCard-email, 
.BCard .BCard-social {font-weight: 300;text-align: right; }
.BCard .BCard-email a,
.BCard .BCard-email a:link,
.BCard .BCard-email a:visited {display: inline-block;}
.BCard .BCard-social {padding-top: 2px;} 
.BCard .BCard-social a,
.BCard .BCard-social a:link,
.BCard .BCard-social a:visited {text-decoration: none;}
.BCard .BCard-social .icon-twitter{ color:#3f9ed3;}
.BCard .BCard-social .twitter-handle { display: inline-block; font-family: Oswald,sans-serif; font-weight: 300; padding-left: 3px;color: #000000;}

/* METLIFE CENTRAL */

.MC-intro {margin-bottom: 20px;}
.MC-intro h1 {}
.MC-intro .MC-intro-image {}
.MC-intro .MC-intro-image img {width: 100%;}
.MC-wrapper {}
.MC-wrapper .MC-intro {margin: -20px -20px 0;}
.MC-wrapper .MC-bucket {
	background: rgb(147,159,169); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(147,159,169,1) 0%, rgba(110,120,128,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(147,159,169,1)), color-stop(100%,rgba(110,120,128,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(147,159,169,1) 0%,rgba(110,120,128,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(147,159,169,1) 0%,rgba(110,120,128,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(147,159,169,1) 0%,rgba(110,120,128,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(147,159,169,1) 0%,rgba(110,120,128,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#939fa9', endColorstr='#6e7880',GradientType=0 ); /* IE6-9 */
	text-align: center;
	color: #ffffff;
	padding: 40px 0 0;
	margin-bottom: 20px;
}
.MC-wrapper .MC-bucket-content {}
.MC-wrapper .MC-bucket-content h3 {margin: 0 0 3px; color: #ffffff; font-family: Oswald,sans-serif; font-weight: 400;}
.MC-wrapper .MC-bucket-content h2 {font-size: 3.5em; line-height: 1.125em; color: #ffffff; word-wrap: normal;}
.MC-wrapper .MC-bucket-one {}
.MC-wrapper .MC-bucket-two {border-left: 1px solid #ffffff; border-right: 1px solid #ffffff;}
.MC-wrapper .MC-bucket-three {}
.MC-wrapper .MC-blueStrip {background: #3f9ed3; padding: 5px;}
.MC-wrapper .MC-blueStrip a,
.MC-wrapper .MC-blueStrip a:link, 
.MC-wrapper .MC-blueStrip a:visited {background: url("../Images/layout/MC-arrow-yellow.png") no-repeat right center; color: #ffffff; text-decoration: none;  font-family: Oswald,sans-serif; font-weight: 400; padding-right: 15px;}

.MC-wrapper .MC-main {}
.MC-wrapper h2.MC-hdng {color: #6a747c; font-size: 2.75em; margin-bottom: 10px;}
.MC-wrapper .MC-main p,
.MC-wrapper .MC-main ul {}
.MC-wrapper .MC-main a,
.MC-wrapper .MC-main a:link, 
.MC-wrapper .MC-main a:visited,
.MC-wrapper .MC-interior-content a,
.MC-wrapper .MC-interior-content a:link, 
.MC-wrapper .MC-interior-content a:visited,
.MC-countdown-form a,
.MC-countdown-form a:link,
.MC-countdown-form a:visited {color: #3f9ed3; text-decoration: none;}
.MC-interior-content {padding: 20px 0 0;}

.MC-BlueGutter {background: url("../Images/layout/MC-nav-header.png") no-repeat center top / 100% auto #3f9ed3; position: relative; height: 800px}
.MC-BlueGutter .nav-rail {background: #3f9ed3; padding: 0 0 15px;}
.MC-BlueGutter .nav-rail .mod-head .title {
    margin: 30% 0 0;
	text-indent: -999em;
	height: 1px;
}
.MC-BlueGutter .nav-rail .nav-rail-list ul a {color: #ffffff;}
.MC-BlueGutter .nav-rail .nav-rail-list ul a:hover, .nav-rail .nav-rail-list ul a:focus {background: #6a747c; color: #ffffff;}
.MC-BlueGutter .mod {margin-bottom: 0;}
.MC-BlueGutter img {width: 100%;}

.MC-BlueGutter img.MC-snoopy {width: auto; position: absolute; bottom: 20px; right: 20px;}
 
 
.MC-countdown-form {
	border: 1px solid #e3e5e7;
	background: rgba(0,0,0,0.05);
	padding: 20px; 
	-webkit-border-radius: 4px 4px 4px 4px;
	  border-radius: 4px 4px 4px 4px;
}
.MC-countdown-form .sfTxtLbl {font-weight: 700;}
.MC-countdown-form input.sfTxt {
	border: 1px solid #dddddd;
    color: #646d74;
    float: left;
    font-family: arial,sans-serif;
    height: 30px;
    line-height: 30px;
    margin: 0 0 10px;
	padding: 0 5px;
    -webkit-border-radius: 4px 4px 4px 4px;
		border-radius: 4px 4px 4px 4px;
	-moz-box-sizing: border-box; 
		-webkit-box-sizing: border-box; 
			box-sizing: border-box;
	-webkit-box-shadow:inset 0 1px 2px 1px rgba(0,0,0,0.05);
		box-shadow:inset 0 1px 2px 1px rgba(0,0,0,0.05);
	width: 100%;
}
.MC-countdown-form .sfFormInstructions { color: #666; font-size: 0.813em; margin: 0 0 12px;}
.MC-countdown-form .sfFormCheckboxlist,
.MC-countdown-form .sfFormRadiolist {padding: 0 0 12px;}
.MC-countdown-form .sfCheckListBox input,
.MC-countdown-form .sfRadioList input {margin: 5px 10px 0 0;}
.MC-countdown-form .sfCheckListBox label,
.MC-countdown-form .sfRadioList label {font-weight: 700; font-size: 0.913em;} 


.sf_3cols_2_34 .sf_3cols_2in_34, .sf_3cols_3_33 .sf_3cols_3in_33{
	margin-left: 0px !important;
}


/*.sf_colsOut.sf_3cols_2_34{
	padding: 0 6px;
}*/
 
 
 
 /* TABS */
.MC-SP-tabs {}
.MC-SP-tabs .tab-nav {font-family: Oswald,sans-serif; font-size: 1.25em;}
.MC-SP-tabs .tab-nav a,
.MC-SP-tabs .tab-nav a:link,
.MC-SP-tabs .tab-nav a:visited {border: 1px solid #ffffff;}
.MC-SP-tabs .tab-nav a:hover {background: #333333; color: #999999;}
.MC-SP-tabs .tab-nav a.active,
.MC-SP-tabs .tab-nav a.active:link,
.MC-SP-tabs .tab-nav a.active:visited {background: #3f9ed3; color: #ffffff;}
.MC-SP-tabs .tab-nav a.active:hover {background: #666; color: #ffffff;}
.MC-SP-tabs .tab-section {border: 0 none; padding: 20px}
.MC-SP-tabs h1 {text-transform: uppercase; font-size: 1.250em; margin: 0 0 10px; color: #3f9ed3;}
.MC-SP-tabs h2 {
    color: #000;
    font-family: Arial,sans-serif;
    font-size: 1.125em;
    font-weight: 700;
}
.MC-SP-tabs h3 {
    background: #ffffff;
    border-top: 1px solid #3f9ed3;
    color: #666;
    font-size: 0.875em;
    font-weight: normal;
    margin-top: 10px;
    padding: 10px;
}

.OP-disclaimer { color: #666666; font-size: 0.75em; padding: 5px 0 15px;}
.OP-disclaimer a,
.OP-disclaimer a:link,
.OP-disclaimer a:visited{color:#3f9ed3}

.OP-form {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.05);
    border: 1px solid #c7c7c7;
    border-radius: 4px;
    padding: 20px;
	display: table;
	width: 100%;
	-moz-box-sizing: border-box; 
		-webkit-box-sizing: border-box; 
			box-sizing: border-box;
}

.OP-form .OP-label label {font-weight: bold; font-size: 0.875em;}
.OP-form .OP-input {
	border: 1px solid #c7c7c7;
    color: #646d74;
    float: left;
    font-family: arial,sans-serif;
    height: 30px;
    line-height: 30px;
    margin: 0 0 10px;
	padding: 0 5px;
    -webkit-border-radius: 4px 4px 4px 4px;
		border-radius: 4px 4px 4px 4px;
	-moz-box-sizing: border-box; 
		-webkit-box-sizing: border-box; 
			box-sizing: border-box;
	-webkit-box-shadow:inset 0 1px 2px 1px rgba(0,0,0,0.05);
		box-shadow:inset 0 1px 2px 1px rgba(0,0,0,0.05);
	width: 100%;
}

.OP-form .OP-submit {
    background: none repeat scroll 0 0 #bec6cc;
    border: 0 none;
    color: #6a747c;
    cursor: pointer;
    display: inline-block;
    font-family: Oswald,sans-serif;
    font-weight: 700;
    line-height: 1.2em;
    padding: 0.4em 1.5em;
    text-decoration: none;
    text-transform: uppercase;
    transition: all 0.2s ease-out 0s;
}
 
 .OP-form .OP-submitWrpr {display: block; width: 100%;}
 
 
 
.error-message,
.find-card-message,
.success-message {padding: 10px 0;}

.error-message p,
.success-message p,
.find-card-message p
 {
	font-family: Oswald,sans-serif;
	font-weight: 700;
	line-height: 1.250em;
 }
 
.error-message span,
.error-content,
.success-content {
	background: #ffcccc;
	display: block;
	padding: 5px 8px; 
	width: 100%; 
	-moz-box-sizing: border-box; 
	  -webkit-box-sizing: border-box; 
		box-sizing: border-box;
	color: #cc0000;
	font-weight: bold;
}

.success-content {background: #ccffcc ; color: #006600}

.error-message .more,
.find-card-message .more,
.success-message .more
 {
    background: none repeat scroll 0 0 #bec6cc;
    border: 0 none;
    color: #6a747c;
    cursor: pointer;
    display: inline-block;
    font-family: Oswald,sans-serif;
    font-weight: 700;
    line-height: 1.2em;
    padding: 0.4em 1.5em;
    text-decoration: none;
    text-transform: uppercase;
    transition: all 0.2s ease-out 0s;
}



/* HOLIDAY CARD VIDEO */
#videoHolder{
	width: 940px;
	height: 720px;
	background: url('../Images/holidaycard/Metlife_2014.15_Video_A.jpg') no-repeat;
	background-size: 100% 100%;
	position: relative;
	margin:0 auto 30px;
}
#videoHolder:before {
	background: url('../Images/holidaycard/Metlife_2014.15_Video_B.jpg') no-repeat;
	background-size: 100% 100%;
	z-index:1;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	content:'';
	opacity:0;
	position: absolute;
	-webkit-transition: opacity 1s ease-in-out;
	-moz-transition: opacity 1s ease-in-out;
	-ms-transition: opacity 1s ease-in-out;
	-o-transition: opacity 1s ease-in-out;
	transition: opacity 1s ease-in-out;
}

#videoHolder.playing{

}
#videoHolder.playing:before {opacity:1;}

#videoWrapper {
	width: 640px;
	position: relative;
	left: 150px;
	top: 175px;
}

#videoWrapper:after {
	padding-top: 56.25%;
	display: block;
	content: '';
}

#videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	z-index:2;
	width: 100%;
	height: 100%;
}

@media screen and (max-width: 940px){
	div.body{
		width: 100%;
	}

	#videoHolder{
		width: 100%;
		height: auto;
		padding: 0;
		padding-bottom: 76.5%;
	}

	#videoWrapper {
		position: absolute;
		left:0;
	    right:0;
	    margin-left:auto;
	    margin-right:auto;
	}
}

@media screen and (max-width: 875px){
	#videoWrapper {
		width: 70%;
	}
}

@media screen and (max-width: 760px){
	#videoWrapper {
		top: 24%;
	}
}

@media screen and (max-width: 660px){
	#videoWrapper {
		top: 24%;
	}

	#videoWrapper {
		width: 100%;
		bottom: 0;
	}
}



@media screen and (min-width: 320px) and (max-width: 479px) { 
    .sf_colsOut.sf_3cols_2_34{
		padding: 0 2px;
	}
}

@media screen and (min-width: 480px) and (max-width: 660px) { 
    .sf_colsOut.sf_3cols_2_34{
		padding: 0 2px;
	}
}

@media screen and (min-width: 660px) and (max-width: 767px) { 
    .sf_colsOut.sf_3cols_2_34{
		padding: 0 3px;
	}
}

@media screen and (min-width: 768px) and (max-width: 1040px) { 
	.sf_colsOut.sf_3cols_2_34{
		padding: 0 3px;
	}
	
}

@media screen and (min-width: 1041px) { 
	.sf_colsOut.sf_3cols_2_34{
		padding: 0 5px;
	}
	
}



/* SOCIAL SLIDER STYLES */

.social-slider-wrapper .owl-item-inner {text-align: center;}


 /* OWL CAROUSEL STYLES */
 
 /* 
 * 	Core Owl Carousel CSS File
 *	v1.3.3
 */

/* clearfix */
.owl-carousel .owl-wrapper:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
/* display none until init */
.owl-carousel{
	display: none;
	position: relative;
	width: 100%;
	-ms-touch-action: pan-y;
}
.owl-carousel .owl-wrapper{
	display: none;
	position: relative;
	-webkit-transform: translate3d(0px, 0px, 0px);
}
.owl-carousel .owl-wrapper-outer{
	overflow: hidden;
	position: relative;
	width: 100%;
}
.owl-carousel .owl-wrapper-outer.autoHeight{
	-webkit-transition: height 500ms ease-in-out;
	-moz-transition: height 500ms ease-in-out;
	-ms-transition: height 500ms ease-in-out;
	-o-transition: height 500ms ease-in-out;
	transition: height 500ms ease-in-out;
}
	
.owl-carousel .owl-item{
	float: left;
}
.owl-controls .owl-page,
.owl-controls .owl-buttons div{
	cursor: pointer;
}
.owl-controls {
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

/* mouse grab icon */
.grabbing { 
    cursor:url(grabbing.png) 8 8, move;
}

/* fix */
.owl-carousel  .owl-wrapper,
.owl-carousel  .owl-item{
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility:    hidden;
	-ms-backface-visibility:     hidden;
  -webkit-transform: translate3d(0,0,0);
  -moz-transform: translate3d(0,0,0);
  -ms-transform: translate3d(0,0,0);
}

/* THEME 
------------------------------------------------------------ */
 
 /*
* 	Owl Carousel Owl Demo Theme 
*	v1.3.3
*/

.owl-theme .owl-controls{
	margin-top: 10px;
	text-align: center;
}

/* Styling Next and Prev buttons */

.owl-theme .owl-controls .owl-buttons div{
	color: #FFF;
	display: inline-block;
	zoom: 1;
	*display: inline;/*IE7 life-saver */
	margin: 5px;
	padding: 3px 10px;
	font-size: 12px;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
	background: #869791;
	filter: Alpha(Opacity=50);/*IE7 fix*/
	opacity: 0.5;
}
/* Clickable class fix problem with hover on touch devices */
/* Use it for non-touch hover action */
.owl-theme .owl-controls.clickable .owl-buttons div:hover{
	filter: Alpha(Opacity=100);/*IE7 fix*/
	opacity: 1;
	text-decoration: none;
}

/* Styling Pagination*/

.owl-theme .owl-controls .owl-page{
	display: inline-block;
	zoom: 1;
	*display: inline;/*IE7 life-saver */
}
.owl-theme .owl-controls .owl-page span{
	display: block;
	width: 12px;
	height: 12px;
	margin: 5px 7px;
	filter: Alpha(Opacity=50);/*IE7 fix*/
	opacity: 0.5;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	background: #869791;
}

.owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls.clickable .owl-page:hover span{
	filter: Alpha(Opacity=100);/*IE7 fix*/
	opacity: 1;
}

/* If PaginationNumbers is true */

.owl-theme .owl-controls .owl-page span.owl-numbers{
	height: auto;
	width: auto;
	color: #FFF;
	padding: 2px 10px;
	font-size: 12px;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
}

/* preloading images */
.owl-item.loading{
	min-height: 150px;
	background: url(AjaxLoader.gif) no-repeat center center
}

/*
	TRANSITIONS 
	--------------------------------------------------- */
	
	/* 
 *  Owl Carousel CSS3 Transitions 
 *  v1.3.2
 */

.owl-origin {
	-webkit-perspective: 1200px;
	-webkit-perspective-origin-x : 50%;
	-webkit-perspective-origin-y : 50%;
	-moz-perspective : 1200px;
	-moz-perspective-origin-x : 50%;
	-moz-perspective-origin-y : 50%;
	perspective : 1200px;
}
/* fade */
.owl-fade-out {
  z-index: 10;
  -webkit-animation: fadeOut .7s both ease;
  -moz-animation: fadeOut .7s both ease;
  animation: fadeOut .7s both ease;
}
.owl-fade-in {
  -webkit-animation: fadeIn .7s both ease;
  -moz-animation: fadeIn .7s both ease;
  animation: fadeIn .7s both ease;
}
/* backSlide */
.owl-backSlide-out {
  -webkit-animation: backSlideOut 1s both ease;
  -moz-animation: backSlideOut 1s both ease;
  animation: backSlideOut 1s both ease;
}
.owl-backSlide-in {
  -webkit-animation: backSlideIn 1s both ease;
  -moz-animation: backSlideIn 1s both ease;
  animation: backSlideIn 1s both ease;
}
/* goDown */
.owl-goDown-out {
  -webkit-animation: scaleToFade .7s ease both;
  -moz-animation: scaleToFade .7s ease both;
  animation: scaleToFade .7s ease both;
}
.owl-goDown-in {
  -webkit-animation: goDown .6s ease both;
  -moz-animation: goDown .6s ease both;
  animation: goDown .6s ease both;
}
/* scaleUp */
.owl-fadeUp-in {
  -webkit-animation: scaleUpFrom .5s ease both;
  -moz-animation: scaleUpFrom .5s ease both;
  animation: scaleUpFrom .5s ease both;
}

.owl-fadeUp-out {
  -webkit-animation: scaleUpTo .5s ease both;
  -moz-animation: scaleUpTo .5s ease both;
  animation: scaleUpTo .5s ease both;
}
/* Keyframes */
/*empty*/
@-webkit-keyframes empty {
  0% {opacity: 1}
}
@-moz-keyframes empty {
  0% {opacity: 1}
}
@keyframes empty {
  0% {opacity: 1}
}
@-webkit-keyframes fadeIn {
  0% { opacity:0; }
  100% { opacity:1; }
}
@-moz-keyframes fadeIn {
  0% { opacity:0; }
  100% { opacity:1; }
}
@keyframes fadeIn {
  0% { opacity:0; }
  100% { opacity:1; }
}
@-webkit-keyframes fadeOut {
  0% { opacity:1; }
  100% { opacity:0; }
}
@-moz-keyframes fadeOut {
  0% { opacity:1; }
  100% { opacity:0; }
}
@keyframes fadeOut {
  0% { opacity:1; }
  100% { opacity:0; }
}
@-webkit-keyframes backSlideOut {
  25% { opacity: .5; -webkit-transform: translateZ(-500px); }
  75% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(-200%); }
  100% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(-200%); }
}
@-moz-keyframes backSlideOut {
  25% { opacity: .5; -moz-transform: translateZ(-500px); }
  75% { opacity: .5; -moz-transform: translateZ(-500px) translateX(-200%); }
  100% { opacity: .5; -moz-transform: translateZ(-500px) translateX(-200%); }
}
@keyframes backSlideOut {
  25% { opacity: .5; transform: translateZ(-500px); }
  75% { opacity: .5; transform: translateZ(-500px) translateX(-200%); }
  100% { opacity: .5; transform: translateZ(-500px) translateX(-200%); }
}
@-webkit-keyframes backSlideIn {
  0%, 25% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(200%); }
  75% { opacity: .5; -webkit-transform: translateZ(-500px); }
  100% { opacity: 1; -webkit-transform: translateZ(0) translateX(0); }
}
@-moz-keyframes backSlideIn {
  0%, 25% { opacity: .5; -moz-transform: translateZ(-500px) translateX(200%); }
  75% { opacity: .5; -moz-transform: translateZ(-500px); }
  100% { opacity: 1; -moz-transform: translateZ(0) translateX(0); }
}
@keyframes backSlideIn {
  0%, 25% { opacity: .5; transform: translateZ(-500px) translateX(200%); }
  75% { opacity: .5; transform: translateZ(-500px); }
  100% { opacity: 1; transform: translateZ(0) translateX(0); }
}
@-webkit-keyframes scaleToFade {
  to { opacity: 0; -webkit-transform: scale(.8); }
}
@-moz-keyframes scaleToFade {
  to { opacity: 0; -moz-transform: scale(.8); }
}
@keyframes scaleToFade {
  to { opacity: 0; transform: scale(.8); }
}
@-webkit-keyframes goDown {
  from { -webkit-transform: translateY(-100%); }
}
@-moz-keyframes goDown {
  from { -moz-transform: translateY(-100%); }
}
@keyframes goDown {
  from { transform: translateY(-100%); }
}

@-webkit-keyframes scaleUpFrom {
  from { opacity: 0; -webkit-transform: scale(1.5); }
}
@-moz-keyframes scaleUpFrom {
  from { opacity: 0; -moz-transform: scale(1.5); }
}
@keyframes scaleUpFrom {
  from { opacity: 0; transform: scale(1.5); }
}

@-webkit-keyframes scaleUpTo {
  to { opacity: 0; -webkit-transform: scale(1.5); }
}
@-moz-keyframes scaleUpTo {
  to { opacity: 0; -moz-transform: scale(1.5); }
}
@keyframes scaleUpTo {
  to { opacity: 0; transform: scale(1.5); }
}
















 /* MEDIA QUERIES
 ======================================================== */
 
 
 
/*1024*/
@media only screen and (min-width: 53.750em) and (max-width: 64.000em) {
	.MC-wrapper .MC-bucket-content h2 {font-size: 2.5em; padding: 0 12px;}
	.MC-wrapper .MC-bucket {padding: 30px 0 0}
}
/*869*/
@media only screen and (min-width: 48.000em) and (max-width: 53.750em) {
	.MC-wrapper .MC-bucket-content h2 {font-size: 1.75em; padding: 0 12px;}
	.MC-wrapper .MC-bucket {padding: 20px 0 0}
}

@media only screen and (min-width: 49em) {
	.LL-Wrpr {}
	.LL-Wrpr ul {margin: 0; padding: 0;}
	.LL-Wrpr ul li {list-style: none; display: table; border-top: 1px solid #e8e8e8; padding: 20px 10px; width: 100%}
	.LL-Wrpr ul li:nth-child(even) {background: #f8f8f8;}
	.LL-logoWrpr {display: table-cell; vertical-align: middle;text-align: left; width: 25%;}
	.LL-DescriptionWrpr {display: table-cell; vertical-align: middle;text-align: left; font-size: 0.875em; padding: 10px;width: 60%;}
	.LL-btnWrpr {display: table-cell; vertical-align: middle; text-align: right; width: 15%;}
}

@media only screen and (min-width: 32.500em) {
	.BCard {width: 300px; padding: 20px; height: 150px; top:75px; margin-left: -170px;}
.OP-form .OP-submitWrpr {display: table-cell; vertical-align: middle; width:15%;}
	.OP-form .OP-label {display: table-cell; vertical-align: middle; width: 15%;}
	.OP-form .OP-inputWrpr {display: table-cell; vertical-align: middle; width: 70%; padding-top: 10px}

}



/* #280096 Re-Styling Emergency Alerts  */
.alert-list li.alert { margin:0 auto 5px;}
.alert.alert-Information {padding:12px 20px; width:100%; background-color:yellow;}
.alert.alert-Emergency { width:87%;}



/* #279040 Snow Registration Form  */

.sfDdlLarge {width:100%;}
.sfDdlMedium {width:45%;}
.sfTxtBoxLarge {width:100%;}
.sfTxtBoxMedium {width:45%;}
.sfTxtBoxSmall {width:25%;}
.sfDropdownList select {padding:2px; width:100%;}
.sfFormDropdown .sfTxtLbl {margin-top:0.2em; padding-top:0px; display:block;}
.sfFormDropdown {padding-top:1px;}

@media screen and (max-width: 37.500em) {
.grid_6 {width:100%;}
.sf_2cols_2_50 .sf_2cols_2in_50 {margin-left: 0px;}
.sfFormDropdown .sfTxtLbl {padding-top:0px;}
}


/* #292811  	Rotating Banners  */
.media-random .media {display:block;}
.media-random .media.active {display:block;}


/* #294122 Copa America landing page and 3 event pages  */

.matchingBannerWrpr .sf_colsOut {width:33%; margin:0;}
.matchingBannerWrpr .sf_colsOut.midCol {margin:0;}
.matchingBannerWrpr .sf_colsOut .sf_3cols_3_33 {float:right;}


/* #279147 Social Media Tiles */

#mediaWall .isotope-item .contentItem {height:300px; overflow:hidden;}
#mediaWall .height_4 {height:320px;}
#mediaWall .contentBox.formatSocial .content {height:300px; overflow:hidden;}
#mediaWall .contentItem .content .description {height:220px; overflow:hidden;}
#mediaWall .contentBox.formatSocial .photo {}
#mediaWall .contentBox.formatSocial .media {height:300px; overflow:hidden;}
#mediaWall .contentBox.formatSocial .media img {width:100%;height:100%;  }
#mediaWall .contentBox .media > a {display:inline;}
#mediaWall .contentBox .media img { height:100%; max-height:100%; max-width:auto; }
#mediaWall  .media-random {height:300px;}
.contentBox.formatSocial .description.Facebook.link {padding-top:1em;}



/*ticket #*/

.sfFormBoxsfTxtBoxLarge {display: block;}


/*ticket #300747 - New Gallery and Page Layout */

.hostEvent {}
.hostEvent .sf_colsIn.grid-12 {padding:0;}
.hostEvent .sf_colsIn.grid-12 .sf_cols.bodyContent {background:#fff;}
.hostEvent .sf_colsIn.grid-12 .sf_cols.bodyContent .eventLinks {background:#3187B8; }
.hostEvent .sf_colsIn.grid-12 .sf_cols.bodyContent .eventText {padding:55px 35px; }
.hostEvent .sf_colsIn.grid-12 .sf_cols.bodyContent .eventText .sf_colsOut.sf_2cols_1_67 {padding:0px 70px;}
.hostEvent .sf_colsIn.grid-12 .sf_cols.bodyContent .eventLinks .sf_2cols_2_50 .sf_colsOut {width:33.333%; float:right;}
.hostEvent .sf_colsIn.grid-12 .sf_cols.bodyContent .eventLinks .sf_2cols_2_50 .sf_colsOut.sf_3cols_2_34 {padding:0px 1px; width:33.333%; }


.hostEvent .eventText h2 { text-transform:uppercase;}
.hostEvent h2.blue-bg {color:#fff; background:#5CABD6; text-align:left; padding:60px 100px; font-size:3rem; text-transform:uppercase; line-height:1.2em; margin:0;}
.hostEvent .event-btnWrpr {display:table; width:100%;}
.hostEvent .event-btnWrpr .btn {/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#929fa8+0,6b757e+100 */
background: rgb(146,159,168); /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzkyOWZhOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM2Yjc1N2UiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  rgba(146,159,168,1) 0%, rgba(107,117,126,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(146,159,168,1) 0%,rgba(107,117,126,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(146,159,168,1) 0%,rgba(107,117,126,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#929fa8', endColorstr='#6b757e',GradientType=0 ); /* IE6-8 */
width:100%;
height:100px;
display:table-cell;
vertical-align:middle;
}



.hostEvent .event-btnWrpr .btn a {color:#fff; font-size:1.8rem; text-decoration:none; font-weight:normal;  display:block; }
.hostEvent .event-btnWrpr .btn a .icon-mail {width:58px; height:45px; margin-right:35px; display:block; float:left; font-size:1.4em;}
.hostEvent .event-btnWrpr .btn a .icon-phone {width:58px; height:45px; margin-right:35px; display:block; float:left; font-size:1.4em; margin-top:18px; padding-left:10px;}
.hostEvent .event-btnWrpr .btn a .icon-calendar2 {width:58px; height:45px; margin-right:35px; display:block; float:left; font-size:1.4em; padding-left:10px;}
.hostEvent .event-btnWrpr .btn a .icon-camera3 {width:58px; height:45px; margin-right:35px; display:block; float:left; font-size:1.4em; margin-top:18px; }
.hostEvent .event-btnWrpr .btn a .btnText {float:left;} 
.hostEvent .book-eventWrpr .titleWrpr { text-align:center; background:#095B8B;padding:12px 0px;}
.hostEvent .book-eventWrpr .titleWrpr:hover {background:#5CABD6;}
.hostEvent .book-eventWrpr .titleWrpr h2 { margin:0;}
.hostEvent .book-eventWrpr .titleWrpr h2 a { text-decoration:none; color:#fff; text-transform:uppercase; }
.icon-phone:before {
    content: "\e900";
}
.icon-mail:before {
    content: "\e901";
}
.icon-camera3:before {
    content: "\e902";
}
.icon-calendar2:before {
    content: "\e903";
}

.hostEvent .bodyContent .contentWrpr {padding:50px;}
.hostEvent .bodyContent .contentWrpr .clubs2 { text-align:center; }

.hostEvent .bodyContent .contentWrpr .clubs2 .sf_4cols_1_25,
.hostEvent .bodyContent .contentWrpr .clubs2 .sf_4cols_4_25 {width:17% !important;}

.hostEvent .bodyContent .contentWrpr .clubs2 .sf_4cols_2_25,
.hostEvent .bodyContent .contentWrpr .clubs2 .sf_4cols_3_25 {width:33% !important;}

.hostEvent .bodyContent .contentWrpr .clubs2 .sf_4cols_1_25 .sfContentBlock,
.hostEvent .bodyContent .contentWrpr .clubs2 .sf_4cols_4_25 .sfContentBlock,
.hostEvent .bodyContent .contentWrpr .clubTitleWrpr .sfContentBlock {background:none;}


.hostEvent .bodyContent .contentWrpr .sfContentBlockX {/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#93a0a9+0,6b747b+100 */
background: rgb(147,160,169); /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzkzYTBhOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM2Yjc0N2IiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  rgba(147,160,169,1) 0%, rgba(107,116,123,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(147,160,169,1) 0%,rgba(107,116,123,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(147,160,169,1) 0%,rgba(107,116,123,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#93a0a9', endColorstr='#6b747b',GradientType=0 ); /* IE6-8 */}

.hostEvent .bodyContent .contentWrpr h2 { text-transform:uppercase; font-size:3rem;}
.hostEvent .bodyContent .contentWrpr h2.clubTitle { text-transform:uppercase; font-size:2rem; margin:0; color:#fff; display:table-cell; width:350px; height:200px; vertical-align:middle; text-shadow: 0px 2px 2px rgba(150, 150, 150, 1);}
.hostEvent .bodyContent .contentWrpr h2.clubTitle a {color:#fff; text-decoration:none;}
.hostEvent .bodyContent .contentWrpr h2.clubTitle.commish {background: url('../Images/layout/commisionersClub.png') no-repeat top center; background-size: 350px 200px; }
.hostEvent .bodyContent .contentWrpr h2.clubTitle.toyota {background: url('../Images/layout/toyotaClub2017.png') no-repeat top center; background-size: 350px 200px; }
.hostEvent .bodyContent .contentWrpr h2.clubTitle.chase {background: url('../Images/layout/chaseClub2017.png') no-repeat top center; background-size: 350px 200px; }
.hostEvent .bodyContent .contentWrpr h2.clubTitle.coaches {background: url('../Images/layout/coachesClub.png') no-repeat top center; background-size: 350px 200px; }
.hostEvent .bodyContent .contentWrpr h2.clubTitle.met50 {background: url('../Images/layout/metlife50Club.png') no-repeat top center; background-size: 350px 200px; }
.hostEvent .bodyContent .contentWrpr h2.clubTitle.fields {background: url('../Images/layout/stadiumField.png') no-repeat top center; background-size: 350px 200px; }
.hostEvent .bodyContent .contentWrpr h2.clubTitle.westwall {background: url('../Images/layout/greatWestHall.png') no-repeat top center; background-size: 350px 200px; }
.hostEvent .bodyContent .contentWrpr h2.clubTitle.plaza {background: url('../Images/layout/BL-Plaza.png') no-repeat top center; background-size: 350px 200px; }
.hostEvent .bodyContent .contentWrpr h2.clubTitle.lot {background: url('../Images/layout/parkinglot.png') no-repeat top center; background-size: 350px 200px; }
.hostEvent .bodyContent .contentWrpr h2.clubTitle.locker {background: url('../Images/layout/lockerRoom.png') no-repeat top center; background-size: 350px 200px; }
.hostEvent .bodyContent .contentWrpr h2.clubTitle.vip {background: url('../Images/layout/vipMeetingRoom.png') no-repeat top center; background-size: 350px 200px; }
.hostEvent .bodyContent .contentWrpr h2.clubTitle.press {background: url('../Images/layout/Press-Box.png') no-repeat top center; background-size: 350px 200px; }
.hostEvent .bodyContent .contentWrpr h2.clubTitle.westside {background: url('../Images/layout/EastWestPub.png') no-repeat top center; background-size: 350px 200px; }





.hostEvent .bodyContent .contentWrpr .clubs2,
.hostEvent .bodyContent .contentWrpr .clubs3,
.hostEvent .bodyContent .contentWrpr .clubs4 {display:table;}


.hostEvent .bodyContent .contentWrpr .clubs2 .sf_colsOut,
.hostEvent .bodyContent .contentWrpr .clubs3 .sf_colsOut,
.hostEvent .bodyContent .contentWrpr .clubs4 .sf_colsOut { text-align:center; padding:15px;}

.hostEvent .bodyContent .contentWrpr .sf_4cols_2_25 .sf_4cols_2in_25, 
.hostEvent .bodyContent .contentWrpr .sf_4cols_3_25 .sf_4cols_3in_25, 
.hostEvent .bodyContent .contentWrpr .sf_4cols_4_25 .sf_4cols_4in_25 {margin-left: 0px;}

.hostEvent .eventProposal {}
.hostEvent .eventProposal .sfContentBlock table {border:none;}
.hostEvent .eventProposal .sfContentBlock table td.proposal {width:20%; text-align:center; padding:3px; font-family: Oswald,sans-serif;background:#57AAD6; border:none;}
.hostEvent .eventProposal .sfContentBlock table td.proposal .signWrpr { border:solid 2px #000; text-transform:uppercase; background:#fff; width:150px; margin:0px auto;}
.hostEvent .eventProposal .sfContentBlock table td.proposal .signWrpr .thin {font-size:1.5em; font-weight:normal;}
.hostEvent .eventProposal .sfContentBlock table td.proposal .signWrpr .bold {font-size:2.2em;}
.hostEvent .eventProposal .sfContentBlock table td.proposal .signWrpr .boldBig {font-size:4em; font-weight:normal; line-height:1em;}

.hostEvent .pageContent .sf_2cols_1_25 {text-align:left; font-family: Oswald,sans-serif;background:#57AAD6; border:none;}
.hostEvent .pageContent .sfContentBlock .proposal {padding:3px; }
.hostEvent .pageContent .sfContentBlock .proposal .signWrpr { border:solid 2px #000; text-transform:uppercase;  width:150px; margin:50px auto;background:#fff; text-align:center;}
.hostEvent .pageContent .sfContentBlock .proposal .signWrpr .thin {font-size:1.5em; font-weight:normal;}
.hostEvent .pageContent .sfContentBlock .proposal .signWrpr .bold {font-size:2.2em;}
.hostEvent .pageContent .sfContentBlock .proposal .signWrpr .boldBig {font-size:4em; font-weight:normal; line-height:1em;}

.hostEvent .eventProposal .sfContentBlock table {background:none; margin:0; padding:0;}
.hostEvent .eventProposal .sfContentBlock table td.info {padding:50px 70px; color:#fff;background:#3D8CB7; border:none;}
.hostEvent .eventProposal .sfContentBlock table td.info h2.blue-box {color:#fff; font-size:3rem; text-transform:uppercase;}

.hostEvent .pageContent {background:#fff;}
.hostEvent .pageContent .sf_2cols_2_75 .sfContentBlock {padding:50px 75px;}
.hostEvent .pageContent .sf_2cols_2_75 .sfContentBlock h2 {font-size:3rem; text-transform:uppercase;}
.hostEvent .tourContent {padding:50px 75px; background:#fff;}
.hostEvent .tourContent h2 {font-size:3rem; text-transform:uppercase;}


.hostEvent .slideShowWrpr .slideWrpr h3.sfitemTitle {display:none;}

.hostEvent .slideShowWrpr .slideWrpr .imgWrpr {width:1244; height:auto; overflow:hidden;}
.hostEvent .slideShowWrpr .slideWrpr .imgWrpr img {width:100%; height:auto;}

.hostEvent .slideShowWrpr .slideWrpr .sfimageWrp {width:1244; height:auto; overflow:hidden;}
.hostEvent .slideShowWrpr .slideWrpr .sfimageWrp img {width:100%; height:auto;}

@media only screen and (max-width: 1280px) {
    .hostEvent h2.blue-bg { padding: 50px 50px;}
    .hostEvent .bodyContent .contentWrpr h2.clubTitle {font-size:1.8rem;}
}

@media only screen and (max-width: 1024px) {
    .hostEvent h2.blue-bg {font-size:2.4em; padding: 51px;}
    .hostEvent .book-eventWrpr .titleWrpr h2 a { font-size:1rem;}
    .hostEvent .event-btnWrpr .btn a {font-size:1.3rem; }
    .hostEvent .event-btnWrpr .btn a .icon-mail, 
    .hostEvent .event-btnWrpr .btn a .icon-phone, 
    .hostEvent .event-btnWrpr .btn a .icon-calendar2, 
    .hostEvent .event-btnWrpr .btn a .icon-camera3 {margin-right:10px; font-size:1.4em; width:48px; height:auto;}
    .hostEvent .eventProposal .sfContentBlock table td.proposal {width:30%;}
}

@media only screen and (max-width: 980px) 
{
    h1 {font-size:3.2em;}
    .hostEvent h2.blue-bg { font-size:2em; padding: 55px;}
    .hostEvent .book-eventWrpr .titleWrpr h2 a { font-size:1.1rem;}
    .hostEvent .event-btnWrpr .btn a {font-size:1.3rem; }
    .hostEvent .event-btnWrpr .btn a .icon-mail, 
    .hostEvent .event-btnWrpr .btn a .icon-phone, 
    .hostEvent .event-btnWrpr .btn a .icon-calendar2, 
    .hostEvent .event-btnWrpr .btn a .icon-camera3 {margin-right:10px; font-size:1.4em; width:48px; height:auto;}
  
}

@media only screen and (max-width: 800px) 
{
    h1 {font-size:3.2em;}
    .hostEvent h2.blue-bg { font-size:2em; padding: 43px;}
    .hostEvent .book-eventWrpr .titleWrpr h2 a { font-size:.9rem;}
    .hostEvent .event-btnWrpr .btn { padding:5px 10px; height:70px;}
    .hostEvent .event-btnWrpr .btn a {font-size:1.2rem; }
    .hostEvent .event-btnWrpr .btn a .icon-mail, 
    .hostEvent .event-btnWrpr .btn a .icon-phone, 
    .hostEvent .event-btnWrpr .btn a .icon-calendar2, 
    .hostEvent .event-btnWrpr .btn a .icon-camera3 {margin-right:10px; font-size:1.1em; width:38px; }
    .hostEvent .bodyContent .contentWrpr h2.clubTitle {font-size:1.4rem; width:538px;}
    .hostEvent .bodyContent .contentWrpr .clubs3 .sf_3cols_1_33,
    .hostEvent .bodyContent .contentWrpr .clubs3 .sf_3cols_2_34,
    .hostEvent .bodyContent .contentWrpr .clubs3 .sf_3cols_3_33 {width:100% !important;}
    
    .hostEvent .bodyContent .contentWrpr .clubs2 .sf_4cols_2_25,
    .hostEvent .bodyContent .contentWrpr .clubs2 .sf_4cols_3_25 {width:100% !important;}
    
    .hostEvent .bodyContent .contentWrpr .clubs2 .sf_4cols_1_25,
    .hostEvent .bodyContent .contentWrpr .clubs2 .sf_4cols_4_25 {display:none;}
    
    .hostEvent .bodyContent .contentWrpr .clubs4 .sf_4cols_1_25,
    .hostEvent .bodyContent .contentWrpr .clubs4 .sf_4cols_2_25,
    .hostEvent .bodyContent .contentWrpr .clubs4 .sf_4cols_3_25,
    .hostEvent .bodyContent .contentWrpr .clubs4 .sf_4cols_4_25 {width:100% !important;}  
  
}

@media only screen and (max-width: 768px) 
{
    h1 {font-size:3em;}
    .hostEvent h2.blue-bg { font-size:2em; padding: 32px;}
    .hostEvent .book-eventWrpr .titleWrpr h2 a { font-size:.8rem; margin:0; padding:0; line-height:1em;}
    .hostEvent .event-btnWrpr .btn { padding:5px 10px; height:58px;}
    .hostEvent .event-btnWrpr .btn a {font-size:1rem; }
    .hostEvent .event-btnWrpr .btn a .icon-mail, 
    .hostEvent .event-btnWrpr .btn a .icon-phone, 
    .hostEvent .event-btnWrpr .btn a .icon-calendar2, 
    .hostEvent .event-btnWrpr .btn a .icon-camera3 {margin-right:7px; font-size:1em; width:38px; }
    .hostEvent .book-eventWrpr .titleWrpr { padding:0px 0px 6px;}  
    
    .hostEvent .pageContent .sf_2cols_1_25,
    .hostEvent .pageContent .sf_2cols_2_75 {width:100%;}
    
  
    
  
}

@media only screen and (max-width: 640px) 
{
    h1 {font-size:2.8em;}
    .hostEvent h2.blue-bg { font-size:2em; padding: 30px;}
    .hostEvent .book-eventWrpr .titleWrpr h2 a { font-size:.8rem; margin:0; padding:0; line-height:1em;}
    .hostEvent .event-btnWrpr .btn { padding:5px 10px; height:58px;}
    .hostEvent .event-btnWrpr .btn a {font-size:1rem; }
    .hostEvent .event-btnWrpr .btn a .icon-mail, 
    .hostEvent .event-btnWrpr .btn a .icon-phone, 
    .hostEvent .event-btnWrpr .btn a .icon-calendar2, 
    .hostEvent .event-btnWrpr .btn a .icon-camera3 {margin-right:7px; font-size:1em; width:38px; }
    .hostEvent .book-eventWrpr .titleWrpr { padding:0px 0px 6px;}
    
    
    
    .hostEvent .bodyContent .contentWrpr .sfContentBlock { text-align:center; }
    .hostEvent .bodyContent .contentWrpr h2.clubTitle {width:100%; }
    .hostEvent .eventProposal .sfContentBlock table td.info {padding:30px;}
    .hostEvent .bodyContent .contentWrpr h2.clubTitle {font-size:1.4rem; display:block;}
    .hostEvent .pageContent .sf_2cols_2_75 .sfContentBlock {padding:30px;}
  
}

@media only screen and (max-width: 360px) 
{
    h1 {font-size:1.7em;}
    
    .hostEvent .eventLinks .sf_2cols_1_50,
    .hostEvent .eventLinks .sf_2cols_2_50 {width:100%;}
    
    .hostEvent .eventText .sf_cols .sf_2cols_1_67,
    .hostEvent .eventText .sf_cols .sf_2cols_2_33 {width:100%;}
    .hostEvent .sf_colsIn.grid-12 .sf_cols.bodyContent .eventText {padding:20px; }
    .hostEvent .sf_colsIn.grid-12 .sf_cols.bodyContent .eventText .sf_colsOut.sf_2cols_1_67 {padding:0px;}
    
    .hostEvent h2.blue-bg { font-size:2em; padding: 30px;}
    .hostEvent .book-eventWrpr .titleWrpr h2 a { font-size:.8rem; margin:0; padding:0; line-height:1em;}
    .hostEvent .event-btnWrpr .btn { padding:5px 20px; height:68px;}
    .hostEvent .event-btnWrpr .btn a {font-size:1.5rem; }
    .hostEvent .event-btnWrpr .btn a .icon-mail, 
    .hostEvent .event-btnWrpr .btn a .icon-phone, 
    .hostEvent .event-btnWrpr .btn a .icon-calendar2, 
    .hostEvent .event-btnWrpr .btn a .icon-camera3 {margin-right:7px; font-size:1.2em; width:55px; }
    .hostEvent .book-eventWrpr .titleWrpr { padding:0px 0px 6px;}  
  
    .hostEvent .eventProposal .sfContentBlock table td.proposal {width:100% !important; float:left; padding:30px 0px;}
    .hostEvent .eventProposal .sfContentBlock table td.info {width:100% !important; float:left; padding:20px;}
    .hostEvent .tourContent {padding:30px; background:#fff;}
    
    .hostEvent .pageContent .sf_2cols_2_75 .sfContentBlock {padding:20px;}
  
  
}


/* Ticket #319429 - Dark Site Template  */

body.darksite #main {background:#AEAEAE; background-image:none;}
body.darksite .banner-top {background:#C30000;}
body.darksite .banner-top h1, 
body.darksite .banner-top h2 {color:#fff; margin-top:0.3em;}


body.darksite #main .grid-8 {padding:10px; background: #fff; margin:20px 1%; width:64.666%;}
body.darksite #main .grid-4 {padding:10px; background: #6B747D; margin:20px 1%; width:31.333%; color:#BDC5CC;}
body.darksite #main .grid-4 h1 { color:#fff; font-size:1.7em; margin-top:10px;}


body.darksite .footer {background:#4F5359; background-image:none; padding-top:0;}
body.darksite .footer p { text-align:right; }
body.darksite .footer a { text-align:right; padding:40px 10px 20px; color:#fff; font-size:1.75em;}


@media only screen and (max-width: 767px) {
    
    body.darksite .banner-top {padding:10px;}
    
}

@media only screen and (max-width: 640px) {
    
    body.darksite #main .grid-8 {width:100%; margin:0;}
    body.darksite #main .grid-4 { width:100%; margin:0;}
   
}