@import url('https://fonts.googleapis.com/css?family=Roboto+Slab:400,700|Roboto:300,400,500,700|Josefin+Sans:300,400,600,700');

html, body { margin:0; padding: 0; position: relative;height: 100%;}

/** global attributes **/
.row { margin: 0; padding: 0 }
.BlackBack {background-color: #000;}

.CenterText {text-align: center !important;}
.RightText {text-align: right;}

.marginTop20 {margin-top: 20px}
.marginTop50 {margin-top: 50px !important;}
.marginTop80 {margin-top: 80px}
.marginTop100 {margin-top: 100px}

.marginBottom50 {margin-bottom: 50px;}

.marginRight0 {margin-right:0px !important;}

.padding-0 {padding:0px;}

.height100 {height: 100%;}
.InternalHeader {margin: 0 0 20px 0 !important;}
.lh24 {line-height: 24px;}
.lh30 {line-height: 30px;}
.font-14{font-size: 14px !important;}

.sticky { position:fixed !important; top:0 !important; height: 50px;}
.PhotoBox {padding: 5px; margin: 0 auto; box-shadow: 1px 1px 5px 0 rgba(0,0,0,.25); width: 410px; }
.inTextPhoto {width: 260px; margin: 7px 14px 5px 0;}
.overflow-hidden {overflow: hidden;}

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

.bottomBorder { border-bottom: 1px solid #da1f27; padding-bottom: 15px; margin-bottom:15px;}
.topBorder { border-top: 1px solid #da1f27; padding-top: 15px; margin-top:15px;}


/** font color **/
.fontBlack {color:#000;}
.fontWhite {color:#fff;}
.fontRed {color: #da1f27 !important;}

/** font style ***/
.boldit {font-weight: bold;}

/** Coming soon Page **/
.bodyH {position: relative; padding:0px 0 0; font-family: 'Josefin Sans', sans-serif; font-weight:300;}
.body-backimg {background: transparent url("../img/grass-back.jpg") no-repeat top; background-size: cover; position: relative;}

.MainContent {position: relative;margin: 0; padding: 100px 0; width: 100%;}
.MainContent .container {width: 100% !important; padding:0; margin: 0; z-index: 0; position: relative;}
.MainContent .container .img-scale {max-width: 200%;height: 100%;position: absolute;top: 0;left: 0;}
.shadowTop {position: absolute; top:0; left:25%;z-index: 10;}
.comingsoon-text {width:60%; margin: 0 auto; background-color: rgba(255, 255, 255, .94); padding:30px 30px 70px; box-shadow: 0px 0px 35px black; margin-bottom: 40px; position: relative;}
.comingsoon-text .logo-c {text-align: left;}
.comingsoon-text .content-c {width:93%; margin: 0 auto 40px;}
.comingsoon-text h1 {font-size: 22px; text-align: left;line-height: 26px; margin-bottom: 14px; font-weight: 100;}
.comingsoon-text .option-c {position: relative; width:96%;margin: 0 auto; padding:0;}
.comingsoon-text .option-c .option-3 {width: 32%; position: relative;float: left;  color:#fff; padding:15px 10px; background-color: rgba(48, 77, 35, .8); font-size: 12px; margin-right:10px; height:215px;}

.option-head {text-transform: uppercase; font-weight: bold; display: block;}

.option-3 a {text-decoration: none; font-weight: normal;}
.option-3 a:hover {text-decoration: underline; font-weight: normal; color: #fff;}
.option-3 a:visited {color: #fff;}


.ua-mobile .comingsoon-text {width: 90%; margin-bottom:40px;}
.ua-mobile .comingsoon-text .option-c .option-3 { width: 96%; float: none: margin-right0px; height: 195px; margin-bottom: 20px;}


/** mobile fixes for splash page 
 .ua-mobile .marginTop100 { margin-top: 50px !important;}

 .ua-mobile .ComingSoon h2 { font-size:26px !important; margin: 40px 0 0 0;}
 .ua-mobile .SplashPage-Footer { position: relative; bottom: 0px; text-align: center; margin-top: 14px;}

 .ua-mobile .MainHeader {height:308px;}

 /** mobile fixes for website 
 .ua-mobile .videoSlider {width: 365px; left: -365px;}

 .ua-mobile .TopAdmin {font-size: 10px !important;}
 .ua-mobile .sticky {height: 82px !important;}
 .ua-mobile .MainNavigation ul li {font-size: 11px;padding: 14px 6px;}
 .ua-mobile .TopInfo { padding-bottom: 20px; position: relative;}
 .ua-mobile .TopInfo span { display:block; text-align:center; width:94%; margin:0 auto;}
 .ua-mobile .FourBoxes .InfoBox {margin: 0 auto 25px;}

 .ua-mobile .MainRotatingImages {overflow: hidden;}
 .ua-mobile .img-responsive {max-width: none !important; height: 240px !important; left: -60%;}

 .ua-mobile .NewsletterSection {margin-bottom: 40px;}

 .ua-mobile .FooterLogo, .ua-mobile .ContactInfo {text-align: center;margin-bottom: 30px;}
 .ua-mobile .FooterSection .FooterNavigation ul li {text-align: center;}
 .ua-mobile .CopyrightInfo {text-align: center;}
 .ua-mobile .MainSection .CalendarEvents ul li .EventInfo h5 {margin-top: 8px !important;}

@media only screen 
and (min-device-width : 375px) and (max-device-width : 667px) and (orientation : landscape) { 

	.ua-mobile .SplashPage {height: 600px; background-size: 140% auto !important;}
	.ua-mobile .ComingSoon {height:600px;}
	.ua-mobile .ComingSoon p { width: 95% !important; margin: 15px auto 15px;}
	.ua-mobile .img-responsive {max-width: none !important; height: 255px !important; left: 0%;}

}

@media only screen 
and (min-device-width : 375px) 
and (max-device-width : 667px) 
and (orientation : portrait) { 

	.ua-mobile .SplashPage {height: 100%; background-size: cover !important;}
	.ua-mobile .ComingSoon {height:100%;}
	.ua-mobile .ComingSoon p { width: 95% !important; margin: 15px auto 18px;}
	.ua-mobile .MainNavigation ul li {font-size: 12px; padding: 4px 6px; border-right: 1px solid #363939; margin-bottom: 7px;}
 }

/** end mobile fixes **/