@charset "utf-8";
/* Base CSS for Frontend */


@import "reset.css";
@import "global.css";
@import "../../../admin/css/linearicons.css";

body{ font: normal 16px/1.8em "Open Sans", sans-serif; color: #212121; letter-spacing: 1px;}
a{color: #e1261c;
    transition:color 180ms linear, background 180ms linear, opacity 180ms linear;
    -webkit-transition:color 180ms linear, background 180ms linear, opacity 180ms linear;
    -moz-transition:color 180ms linear, background 180ms linear, opacity 180ms linear;
}
a:hover{text-decoration:none; color: #c20a00;}

/* ---Standard headers ---*/
h1 { font: 800 36px/1.4em 'Open Sans', sans-serif; color:#212121; text-transform: uppercase; }
h2 { font: 800 30px/1.4em 'Open Sans', sans-serif; color:#212121; text-transform: uppercase; }
h3 { font: bold 24px/1.4em 'Open Sans', sans-serif; color:#212121; text-transform: uppercase; }
h4 { font: bold 18px/1.4em 'Open Sans', sans-serif; color:#212121; text-transform: uppercase; }
h5 { font: bold 16px/1.4em 'Open Sans', sans-serif; color:#212121; text-transform: uppercase; }
h6 { font: bold 16px/1.4em 'Open Sans', sans-serif; color:#212121; text-transform: uppercase; }

/* --- General Layout Settings---*/
.container { max-width : 1460px; position : relative; margin : 0 auto; padding: 0 20px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.container-wide { max-width : 1940px; position : relative; margin : 0 auto; padding: 0 20px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
#header, #content, #footer, #marketing {position : relative; display: block; clear: both;}

.alert{background: #D70505; color:#FFF; font: normal 14px arial, sans-serif; padding: 8px 12px;; margin: 10px 0; border-radius: 3px; clear: both;}
.alert-success{background:#3e8f3e; color:#FFF; font: normal 14px arial, sans-serif; padding: 8px 12px; margin: 10px 0; border-radius: 3px}

button, input.btn{border: none;
    transition:background 180ms linear;
    -webkit-transition:background 180ms linear;
    -moz-transition: background 180ms linear;
}
.btn{font: bold 16px/1.6em 'Open Sans', sans-serif; color:#FFF; cursor:pointer; text-decoration:none; display:block; padding:10px 20px 11px; background:#3daf2c; text-transform: uppercase;}
.btn:hover{color: #FFF; background: #149b00;}

.btn.grey{background: #aeaeae;}
.btn.grey:hover{color: #FFF; background: #3daf2c;}

.btn.centered{width: 160px; margin: 0 auto; text-align: center;}

.btn.load-more{width: 160px; margin: 0 auto; color: #939393; background: #e2e2e2; text-align: center;}

/*-- Responsiveness Base Structure -- */
.row{clear:both;}
.row .col{margin-left:2%; float:left;}
.row .col:first-child{margin-left:0;}
.row .col.split_int{margin-left:0; clear: both;}
.row .full{width:100%;}
.row .half{width:49%;}
.row .third{width:32%;}
.row .third_2{width:66%;}
.row .fourth{width:23.5%;}
.row .fourth_2{width:49%;}
.row .fourth_3{width:74.5%;}
.row .fifth{width:18.4%;}
.row .fifth_2{width:38.8%;}
.row .fifth_3{width:59.2%;}
.row .fifth_4{width:79.6%;}

.bg-grey{background: #f1f1f1;}

/* --- Layout ---*/
#wrapper{overflow: hidden;}
#header{padding: 10px 0 0; z-index: 10; position: fixed; top:0; left: 0; width: 100%; background: #FFF; background: rgba(255,255,255,0.8);}
#header #logo{max-width: 340px; max-height: 168px; position: absolute; top: 0; left: 0; cursor: pointer;
    transition:max-width 180ms linear;
    -webkit-transition:max-width 180ms linear;
    -moz-transition: max-width 180ms linear;}
#header .head-right{height: 90px; margin-left: 360px;}
#header.small #logo{max-width: 246px;}
#header .head-social{display: none;}

#navigation{z-index: 999; float: right;}
#navigation .mobile-menu{display: none; width: 34px; margin-left: 30px; cursor: pointer;}
#navigation .mobile-menu .mline{background: #e1261c; display: block; height: 5px; margin-bottom: 6px;}
#navigation ul{padding: 0; margin: 0; list-style: none;}
#navigation ul li.level_1{display: block; float: left; margin-right: 40px;}
#navigation ul li.level_1:last-child{margin-right: 0;}
#navigation ul li.level_1 a{font: 800 16px/80px 'Open Sans', sans-serif; white-space: nowrap; color: #333333; cursor: pointer; display: block; height: 90px; text-transform: uppercase;}
#navigation ul li.level_1 a:hover{ border-bottom: 6px solid #3daf2c; height: 84px;}
#navigation ul li.level_1:hover .subnav{display:block;}
#navigation ul li.level_1 .subnav{display:none; position: absolute; top: 90px; background: #FFF; color: #000; border: 1px solid #ededed; min-width: 180px;}
#navigation ul li.level_1 .subnav li a{display: block; float: none; color: #333; font-size: 16px; font-weight: normal; line-height: 16px; height: auto; padding: 8px 25px; text-shadow: none; text-transform: none; font-family: "Open Sans", sans-serif;}
#navigation ul li.level_1 .subnav li a:hover{background: #eee; border-bottom: none; height: auto;}
#navigation ul li.level_1 .subnav li.level_3 a{font-size: 11px;}

.screen{margin:0; position: relative; width: 100%; height: 800px !important; height: 100vh !important; z-index: 1; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; overflow: hidden; }
.screen.bullseye{position: absolute; top:0; right:0; bottom: 0; left:0; margin: auto;}
#footer.screen{height: auto !important;}

.scroll-btns{position: absolute; right: 10px; bottom: 20px; text-align: center;}
.scroll-btns a{display: inline-block; margin: 0; color: #FFF; font-size: 52px; font-weight: bold; text-shadow: 1px 1px 4px #000000; cursor: pointer;}
.scroll-btns a:hover{color: #ccc;}

#marketing{margin:0; position: relative; width: 100%; height: 800px; height: 100vh; z-index: 1; background: url("../images/structure/clouds.jpg") center center no-repeat; background-size: cover;}
#marketing .home-logo{width: 660px; position: absolute; top: 50%; left: 50%; margin-left: -330px; margin-top: -183px;}
#marketing .scroll-down{font-size: 80px; color: #FFF; text-shadow: 1px 1px 4px #000000; cursor: pointer; position: absolute; bottom: 40px; left: 50%; margin-left: -38px;}
#marketing .scroll-down:hover{color: #ccc;}
#marketing h2{position: absolute; left:0;top:50%; width: 100%; margin-top: 123px; text-align: center; color: #FFF; font-size: 56px; text-shadow: 2px 2px 4px #000000;}
#marketing .overlay{position: absolute !important; padding-bottom: 150px; box-sizing: border-box; top: 0; left: 0; width: 100%; height: 100%; display: flex; display: -ms-flex; display: -webkit-flex; justify-content: center; -ms-justify-content: center; -webkit-justify-content: center; align-items: center; -ms-align-items: center; -webkit-align-items: center; flex-direction: column; -ms-flex-direction: column; -webkit-flex-direction: column;
    background: -moz-linear-gradient(top,  rgba(34,34,34,0.3) 0%, rgba(34,34,34,0) 40%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  rgba(34,34,34,0.3) 0%,rgba(34,34,34,0) 40%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  rgba(34,34,34,0.3) 0%,rgba(34,34,34,0) 40%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4d222222', endColorstr='#00222222',GradientType=0 ); /* IE6-9 */
}
#marketing .overlay h1 {
    text-align: center;
    font-size: 60px;
    line-height: 1em;
    text-transform: uppercase;
    color: #FFF;
    text-shadow: 2px 2px 8px #000000;
    position: relative;
    top: 90px;
}
#marketing #cloud-bg {
    display:none;
    position: absolute;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    z-index: -100;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
}
#marketing .home-logo.hide-logo { visibility: hidden; display: none;}

#leader{position: relative;}
#lead{text-align: center; height: 280px; width:100%; position: relative;}
#lead .overlay{position: absolute !important; top: 0; left: 0; width: 100%; height: 100%;
    background: -moz-linear-gradient(top,  rgba(34,34,34,0.3) 0%, rgba(34,34,34,0) 40%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  rgba(34,34,34,0.3) 0%,rgba(34,34,34,0) 40%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  rgba(34,34,34,0.3) 0%,rgba(34,34,34,0) 40%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4d222222', endColorstr='#00222222',GradientType=0 ); /* IE6-9 */
}
#content .content-hold{padding: 20px 0;}
#content .content-wide{width: 100%;}
#content .content-right{width: 28%; float: right; margin-top: 10px;}
#content .content-left{width: 68%; float: left;}

#content .content-hold-home{ position: relative; height: 100%; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; padding-top: 200px; background: url("../images/structure/field.jpg") center bottom no-repeat; background-size: cover; text-align: center; color: #FFF;}
#content .content-hold-home h1{color: #FFF; font-size: 72px; text-shadow: 2px 2px 4px #000000;}
#content .content-hold-home .hparks .hp-half{width: 50%; float: left;}

#content{position: relative; z-index: 3;}
#content.home h2{font-size: 72px;}

.home-contact{background: url('../images/structure/contact-bg.jpg') center center no-repeat; background-size: cover; color: #FFF; padding:130px 20px 30px 20px;}
.home-contact .container{max-width: 720px;}
.home-contact h1{color: #FFF; text-align: center;}
.home-contact h3{color: #FFF;}


.home .home-full-cta {position: relative; height: 100%;}
.home .home-full-cta .hfc-hold{position: relative; text-align: center; padding: 100px 0 0; height: 100%; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.home .home-full-cta .hfc-hold.repeat-x{position: relative; height: 100%; text-align: center;}
.home .home-full-cta .hfc-hold h2{font-size: 72px; font-weight: 800; letter-spacing: -2px;}
.home .home-full-cta .hfc-hold h3{font-size: 48px; font-weight: normal; text-transform: none; line-height: 1.4em; padding-bottom: 20px; letter-spacing: -2px;}
.home .home-full-cta .hfc-hold h3 .fat-green{text-transform: uppercase; font-weight: 800; color:#3daf2c; font-size: 72px;}
.home .home-full-cta .hfc-hold p{font-size: 22px; padding: 0 15px 10px; line-height: 1.8em;}
.home .home-full-cta .hfc-hold .center-hold{position: relative; height: 100%;}
.home .home-full-cta .hfc-hold .center{top: 50%; width: 100%;
    display: table-cell;
    vertical-align: middle;
    position: absolute;
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%)}
.home .home-full-cta .hfc-hold .container{max-width: 760px;}
.home .home-full-cta .hfc-hold.white, .home .home-full-cta .hfc-hold.white h2, .home .home-full-cta .hfc-hold.white h3{color: #FFF !important;}

.home .home-full-cta .hfc-hold .center .box-full{background: #FFF; background: rgba(255,255,255,0.7); padding: 15px 0 25px;}
.home .home-full-cta .hfc-hold .center .box-small .container{background: #FFF; background: rgba(255,255,255,0.7); padding: 15px 0 25px 25px; max-width: 810px;}

.home .home-full-cta .hfc-hold.full-width .container{max-width : 1460px;}
.home .home-full-cta .hfc-hold.full-width .row .col{margin-bottom: 20px;}

.right-side-cta{margin-bottom: 20px; clear: both;}
.right-side-cta .btn{margin-bottom: 20px; position: relative; font-size: 20px;  padding:15px 35px 16px 20px;}
.right-side-cta .btn .arrow{ position: absolute; right: 10px; top:20px;}

.hn-hold{padding: 100px 0 0;}

    /*-- Social Icons --*/
.social ul{float: right; margin: 0; padding: 0;}
.social li{list-style: none; display:block; float: left; margin: 8px 0 5px 10px;}
.social li a{width: 20px; height: 20px; display: block; padding: 12px; border-radius: 48px; background: #141619; background: rgba(20,22,25,0.6);}
.social li a img{width: 100%;}
.social li a:hover{background: #e1261c;}

/* ----Footer Section ----*/
#footer{ position: relative; background: #333; padding: 30px 0; color:#b8b8b8; z-index: 4;}
#footer #copyright{font-size: 11px; clear: both;}
#footer #copyright a{color: #b8b8b8;}
#footer #copyright a:hover{color: #FFF;}
#footer .social ul{float: none;}
#footer .social li{margin:0 10px 0 0;}
#footer .foot-links ul{margin: 0; padding: 0;}
#footer .foot-links li{display: inline-block; list-style: none; padding-right: 20px;}
#footer .foot-links li a{font: bold 14px/1.6em 'Open Sans', sans-serif; color:#FFF; text-transform: uppercase;}
#footer .foot-links li a:hover{color: #cedf00;}
#footer .footer-left{float: left;}
#footer .footer-right{float: right;}

/*--- Search Result Page ----*/
.search-list{border-bottom: 1px dashed #ccc; margin-top: 15px; color:#656565;}
.search-list a{font-size: 16px; font-weight: bold; color: #0072BC;}
.search-list a:hover{color:#00b3ee;}

/*-- Pagination --*/
.pagination{ list-style: none; padding: 0; display: inline; }
.pagination li{display: inline; }
.pagination li a, .pagination li span{padding: 0 6px; border-left: 1px solid #CCC;}
.pagination li:first-child a{border-left:none;}
.pagination li.disabled{display: none;}
.pagination li.active{font-weight: bold;}

.scroll-pagination {
    position: fixed;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 1.4em;
    z-index: 10;
}
.scroll-pagination li{list-style: none;}
.scroll-pagination a {
    display: block;
    height:10px;
    width: 10px;
    margin: 10px 0;
    color: white;
    border: 2px solid #FFF;
    border-radius: 20px;
    position: relative;
    box-shadow: 1px 1px 2px #999;
    cursor: pointer;
}
.scroll-pagination a.active{background: #FFF;}


/* ----Form Inputs ----*/
.page-form .row{margin-bottom:20px;}
fieldset{padding: 10px;}
input[type=text], input[type=email], input[type=password], select{width:100%; height:40px; padding:0 5px; color:#666; font-size:14px; border:1px solid #aaa; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
input[type=file]{padding:6px; border: 1px solid #aaa; width:100%; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
select{padding-right:0;}
textarea{width:100%; height:80px; padding:8px 5px; color:#666; font-size:14px; border:1px solid #aaa; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
label{padding-bottom:5px; font-size:15px; line-height: 24px;}
label.required:after{content: '*'; color: #e1261c;}
.helper{padding:5px 0 0 5px; font-size:11px; color:#999;}


/*--- New Template Additions ---*/
#sponsor-partners{background: #f1f1f1;}
.ft-sponsors{ text-align: center;
    top: 50%; width: 100%;
    display: table-cell;
    vertical-align: middle;
    position: absolute;
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%)}
.ft-sponsors h3{text-transform: uppercase; padding-bottom: 20px;}
.ft-sponsors .featured-item{padding: 0 10px;}
.ft-sponsors .featured-item .featured-image{position: relative; min-height: 236px;}
.ft-sponsors .featured-item .featured-image img{position: absolute; margin: auto; top:0; right: 0; left: 0; bottom: 0;}
.ft-sponsors .so-block{position: relative; color: #FFF; background: #225d39; padding: 20px 0;}
.ft-sponsors .so-block .so-hold .btn{margin-top: 15px;}
.ft-sponsors .so-block .so-hold{max-width: 760px; margin: 0 auto; position: relative; padding: 40px 0;}
.ft-sponsors .so-block .so-hold h3, .ft-sponsors .so-block .so-hold p{color: #FFF; position: relative;}
.ft-sponsors .so-block .so-hold img{position: absolute!important; top:0; left: 0; right: 0; bottom: 0; height: 100%; margin: auto;}

#msa-sponsor.screen{display: block !important; position: relative; color: #FFF; background: #225d39;}
#msa-sponsor.screen .so-hold{max-width: 800px; margin: 0 auto; position: relative; padding: 40px 20px; text-align: center;}
#msa-sponsor.screen .so-hold h3, #msa-sponsor.screen .so-hold p{color: #FFF; position: relative;}
#msa-sponsor.screen .so-hold img{position: absolute!important; top:0; left: 0; right: 0; bottom: 0; height: 100%; margin: auto;}
#msa-sponsor.screen .center-hold{position: relative; height: 100%;}
#msa-sponsor.screen .center{top: 50%; width: 100%;
    display: table-cell;
    vertical-align: middle;
    position: absolute;
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%)}

/*--- News List Section ---*/
.home-news h2{text-align: center; padding-top: 30px;}
.news-listing{padding: 20px 30px;}
.nl-hold{box-shadow: 2px 2px 5px #bbb; margin-bottom: 20px; background: #f1f1f1;}
.nl-img{height: 220px; position: relative; display: block; color: #333 !important;}
.nl-info{padding: 30px;}
.nl-info .nl-date{font-weight: bold;}
.nl-info .nl-summary{padding: 10px 0 0; line-height: 1.5em;}
.nl-info h3{ display: inline; font-size: 20px; color: #225d39;}
.nl-info h3:hover{color: #149b00;}
.nl-buttons  .btn{ box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; position: relative; width: 220px; float: right;}
.nl-buttons  .btn span{ position: absolute; right: 10px; top:14px;}
.featured-news-slider .featured-item{margin-right: 40px; width: 420px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}


.team-listing .team-hold{text-align: center;}
.team-listing .team-hold img{display: block; margin: 0 auto 15px;}
.team-listing .team-hold{margin-bottom: 20px;}

/* ---- Tournament Listing ----*/
.trn-filter{ background: #002E87;}
.trn-filter select{font-weight: bold; font-size: 16px; color: #111; line-height: 1em;}
.trn-filter .filter-hold{padding-left: 230px; position: relative;}
.trn-filter .filter-hold label{position: absolute; top:30px; left: 0; text-transform: uppercase; font-weight: bold; color: #FFF;}
.trn-listing{padding: 20px 0;}
.trn-filter .filter-hold .row{margin: 0; padding: 20px 0;}
.tl-hold{box-shadow: 2px 2px 5px #bbb; margin-bottom: 20px;}
.tl-img-date{height: 280px; position: relative; display: block; color: #333 !important;}
.tl-img-date .tl-date{position: absolute; left: 0; bottom: 0; width: 100%; padding: 10px; font: bold 20px/1.6em 'Montserrat', sans-serif; background: #FFF; background: rgba(255,255,255,0.75); text-transform: uppercase; text-align: center; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.tl-img-date .tl-date .icon{font-weight: bold;}
.tl-info{padding: 30px; background: #FFF;}
.tl-info .col3{width: 33.33%; float: left; border-left: 1px solid #ccc; padding: 15px 8px 0; min-height: 120px; font-size: 14px; line-height: 1.4em; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.tl-info .col3:first-child{border-left: none;}
.tl-info .col3 h5{text-transform: uppercase; font-size: 14px;}
.tl-info h3{ min-height: 50px; line-height: 25px; border-bottom: 1px solid #ccc;}
.tl-buttons  .btn{ box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; position: relative;}
.tl-buttons  .btn span{ position: absolute; right: 10px; top:14px;}
.tl-buttons .learn{width: 48%; float: left;}
.tl-buttons .register{width: 48%; float: right;}

#load-results{clear: both;}

.right-buttons .btn{margin-bottom: 20px; position: relative; font-size: 20px;  padding:15px 20px 16px;}
.right-buttons .btn .arrow{ position: absolute; right: 10px; top:20px;}

.tld-info h1{padding-top: 18px;}
.tld-info .sponsors{padding: 20px 0 30px; border-top: 1px solid #ededed; margin-top: 20px; text-align: center;}
.tld-info .sponsors h4{text-transform: uppercase;}
.tld-info .sponsors img{display: inline-block; margin: 10px;}
.tld-date{ padding:30px; font: bold 20px/1.6em 'Open Sans', sans-serif; float: right; margin-left: 20px; background: #ededed; text-transform: uppercase; text-align: center; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.tld-date .icon{font-weight: bold;}

.tld-info .col4{width: 25%; float: left;  border-top: 1px solid #ededed; border-left: 1px solid #ededed; padding: 15px 10px 0; min-height: 120px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.tld-info .col4:first-child{border-left: none;}
.tld-info .col4 h5{text-transform: uppercase;}

.gallery{margin: 20px 0 30px;}
.gallery h4{text-transform: uppercase;}
.gallery .gal-item{display: block; float: left; margin: 0 20px 20px 0; width: 172px; position: relative;}
.gallery .gal-item .vid-play{color: #FFF; font-size: 48px; position: absolute; top: 24px; left: 64px;}

.side-blue{background: #f1f1f1; border-top: 4px solid #002f87; padding: 20px; margin-bottom: 20px;}
.side-blue h4{text-transform: uppercase;}
.side-blue a{color: #002f87; display: block; padding: 8px 0; border-top: 1px solid #ddd; font-size: 18px; line-height: 1.4em;}
.side-blue a:hover{color: #424242;}


/*-- Masonry Layout --*/
#masonry{padding: 20px 0;}
.gutter-sizer { width: 2%; }
.grid-sizer { width: 32%; }
.brick{width:32%; margin-bottom: 20px; background: #FFF; box-shadow: 2px 2px 5px #bbb; cursor: pointer; }
.brick.w3{width:100%; cursor: default;}
.brick img{width: 100%;}
.brick .brick-info{display: none; width:50%; float: right; padding: 25px 25px 15px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.brick .brick-info .close{float: right; font-size: 24px; line-height: 24px; margin: -15px -15px 10px 10px; display: block; cursor: pointer;}
.brick .brick-info .close:hover{color:#e1261c;}
.brick .brick-img{position: relative;}
.brick .brick-img .overlay{display:none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; padding:10px; background: rgba(255,255,255,0.85); color:#e1261c; text-align: center; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.brick .brick-img .overlay .o-title{position: absolute; top: 50%; left: 0; width: 100%; margin-top: -32px;}
.brick .brick-img .overlay .expand{font-size: 24px;}
.brick .brick-img .overlay h3{text-transform: uppercase; color:#e1261c;}
.brick .brick-img:hover .overlay{display: block;}
.brick.w3 .brick-img{width:50%; float: left;}
.brick.w3 .brick-img .overlay{display: none !important;}
.brick.w3 .brick-info{display: block;}

/* -- Responsive YouTube Embed -- */
.video-container {position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; margin-bottom: 20px;}
.video-container iframe, .video-container object, .video-container embed {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}

/*-- Responsiveness Media Queries -- */

@media (min-width: 780px) {
    #marketing #cloud-bg {
        display:block;
    }
}

@media (max-width: 1500px) {
    .content-hold-home{height: 380px;}
    .content-hold-home .home-logo{width: 280px; max-width: 70%; margin: 0 auto 20px;}
    .content-hold-home h1{font-size: 48px; padding: 0 20px;}
    .content-hold-home h2{font-size: 26px; padding: 0 20px;}
    .content-hold-home .scroll-down{font-size: 52px;}
    .tl-info .col3{width: 100%; border-left: none; min-height: 0;}
    #header #logo{left: 20px;}
    .featured-slider{margin-left: 0 !important;}
}

@media (max-width: 1360px) {
    #header #logo, #header.small #logo{max-width: 188px;}
    #header .head-right{margin-left: 118px;}
    #marketing .overlay h1{font-size: 48px; padding: 0 20px;}

}
@media (max-width: 1200px) {
    #header .social li a{width: 16px; height: 16px; padding: 8px;}
    #sa-partners h2{ padding-bottom: 0;}
    .ft-sponsors .so-block{padding: 10px 0;}
    .ft-sponsors .so-block h3, .ft-sponsors .so-block p{padding-bottom: 5px;}
    .ft-sponsors .so-block .so-hold{padding: 20px 0;}
    #navigation ul li.level_1{margin-right: 20px;}
    #navigation ul li.level_1 a{font-size: 14px;}
}
@media (max-width: 1100px) {
    #content .content-right{width: 34%; float: right;}
    #content .content-left{width: 64%; float: left;}
    .tld-info .col4{width: 50%;}
    .tld-date{float: none; margin-left: 0;}
    #top-ctas.items_4 {padding-bottom: 0;}
    #top-ctas.items_4 .top-cta { width: 49%; margin-bottom: 2%;}
    #top-ctas.items_4 .top-cta:nth-child(3n) { margin-left: 0; }
    #footer .footer-right{float: none; clear: both; padding-top: 20px;}
}
@media (max-width: 980px) {
    .row .col{margin-bottom: 20px;}
    .row .col.split {margin-left:0; clear:both !important;}
    .row .col.split_int{margin-left: 2%;  clear: none;}
    .row .half,  .row .third_2, .row .fourth_2, .row .fourth_3, .row .fifth_3, .row .fifth_4{width:100%; margin-left:0;}
    .row .fourth, .row .third, .row .third{width:49%;}
    .row .fifth{width:32%;}
    .row .fifth_2{width:66%;}
    .home .home-full-cta .hfc-hold.full-width .row .col.half{margin-bottom: 20px; width:49%; margin-left: 2%;  clear: none;}
    .home .home-full-cta .hfc-hold.full-width .row .col.half:first-child{margin-left:0;}
    .top-cta{width: 49%;}
    .top-cta:last-child{width: 100% !important; margin-left: 0; margin-top: 20px;}
    #top-ctas.items_4 .top-cta:last-child { width: 49% !important; margin-left: 2%; margin-top: 0;}
    .grid-sizer { width: 49%; }
    .brick{width:49%;}
    .trn-filter .filter-hold{padding-left:0;}
    .trn-filter .filter-hold label{ top: auto; position: static; padding: 10px 0; display: block;}
    .trn-filter .filter-hold .row{padding: 0;}
    .nl-hold, .tl-hold, .mid-cta{margin-bottom: 0;}
    .page-form .row{margin-bottom:0;}
    #footer .signup{position:static; width: 100%; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
    #footer .footer-left{padding:30px 0 0;}
    #leader .top-title{font-size: 46px; line-height: 46px;}
    .tl-buttons .btn, .nl-buttons .btn{width: 100% !important; float: none!important;}
    .tl-buttons .register{margin-top: 15px;}
    .tl-info{padding: 15px;}
    .tl-cols{min-height: 226px;}
    .tld-date{padding: 15px;}
    .container, .container-wide{padding: 0 15px;}
    #header .social li a{width: 20px; height: 20px; padding: 12px;}
    #marketing .home-logo{width: 460px; position: absolute; top: 50%; left: 50%; margin-left: -230px; margin-top: -99px;}
    #marketing h2{font-size: 38px;}
    #sa-sponsor{display: none;}
    #sa-partners{height: 100%; padding-top: 0;}
    #sa-partners .center-hold{position: relative; height: 100%;}
    #sa-partners .center{top: 50%; width: 100%;
        display: table-cell;
        vertical-align: middle;
        position: absolute;
        -ms-transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%)}
    #header .head-social{display: block; position: absolute; top:10px; right:70px;}
    #header #navigation{float: right; margin-top: 26px;}
    #header #navigation #nav-menu{ top: 100px;}
    #navigation .mobile-menu{display: block;}
    #navigation ul li.level_1{float: none; margin-right: 0;}
    #navigation ul li.level_1 .subnav{display: block; position: relative; border: none; top: 0;}
    #navigation #nav-menu{position: fixed; top: 100px; right: -322px; max-width: 320px; background: #FFF; overflow: auto;  box-shadow: 1px 1px 5px #888888; max-height: 350px; max-height: 75vh;
        transition:right 320ms linear;
        -webkit-transition:right 320ms linear;
        -moz-transition:right 320ms linear;
    }
    #navigation #nav-menu.open{right: 0;}
    #navigation ul li.level_1 a{display: block; float: none; color: #333; font-size: 16px; font-weight: normal; line-height: 16px; height: auto; padding: 12px 30px; text-shadow: none;}
    #navigation ul li.level_1 a:hover{background: #eee; border-bottom: none; height: auto;}
    #navigation ul li.level_1 .subnav li a{font-size: 14px; padding-left: 40px;}
    #navigation ul li.level_1 .subnav li a:before{content:'- ';}
}

@media (max-width: 850px) {
    #content .content-right{width: 100%; float: none;}
    #content .content-left{width: 100%; float: none;}
    .home-ctas .home-full-cta .hfc-left{max-width: 100%; width: 100%; padding:30px 15px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
    #content .content-hold-home{padding-top: 130px;}
    #content .content-hold-home .hparks .hp-half{width: 100%; float: none;}
    #content .content-hold-home .hparks .hp-half img{max-width: 450px;}
    .home .home-full-cta .hfc-hold{padding-top: 130px;}
    .scroll-btns{display: none;}
}

@media (max-width: 760px) {
    #footer .foot-links{text-align: center;}
    #footer .foot-links li{ padding: 10px 5px;}
    #footer #copyright{text-align: center;}
    #footer #copyright span{display: block; text-align: center;}
    #footer #copyright a{margin-left: 0 !important;}
    #footer .social{text-align: center;}
    #footer .social li{margin: 0 5px; float: none; display: inline-block;}
    #lead{height: 180px;}
    .scroll-pagination { right: 4px;}
    .scroll-pagination a { height:4px; margin: 20px 0; width: 4px; border: 1px solid #FFF; }
    .home .home-full-cta .hfc-hold p{padding: 0 10px 10px; font-size: 18px; line-height: 1.8em;}
}

@media (max-width: 610px) {
    .row .col{margin-left:0 !important; clear:both !important; width: 100% !important;}
    .home .home-full-cta .hfc-hold.full-width .row .col.half{margin-bottom: 20px; width:49% !important; margin-left: 2% !important;  clear: none !important;}
    .home .home-full-cta .hfc-hold.full-width .row .col.half:first-child{margin-left:0 !important;}
    #top-ctas.items_4 .top-cta, .top-cta{width: 100%; margin-left: 0; margin-bottom: 20px;}
    #top-ctas.items_4 .top-cta:last-child, .top-cta:last-child{width: 100% !important; margin-left: 0; margin-top: 0; margin-bottom: 0;}
    .brick.w3 .brick-img{float: none; width: 100%;}
    .brick.w3 .brick-info{float: none; width: 100%;}
    #content .content-hold-home h1{font-size: 42px; padding: 0 20px; line-height: 1.2em;}
    #content .content-hold-home h2{font-size: 28px; padding: 0 20px; line-height: 1.2em;}
    #content.home h2{font-size: 42px; line-height: 1.2em;}
    #content .content-hold-home .scroll-down{font-size: 42px;}
    .flex-control-paging li a{width: 14px!important; height: 14px!important;}
    .flex-control-nav{padding: 20px 0 !important;}
    body{ font: normal 14px/1.8em "Open Sans", sans-serif;}
    h1 { font: bold 28px/1.6em 'Open Sans', sans-serif; color:#333333; }
    h2 { font: bold 24px/1.6em 'Open Sans', sans-serif; color:#333333; }
    h3 { font: bold 18px/1.6em 'Open Sans', sans-serif; color:#333333; }
    h4 { font: bold 16px/1.6em 'Open Sans', sans-serif; color:#333333; }
    h5 { font: bold 14px/1.6em 'Open Sans', sans-serif; color:#333333; }
    h6 { font: bold 14px/1.6em 'Open Sans', sans-serif; color:#333333; }
    #leader .top-title{font-size: 32px; line-height: 32px;}
    .grid-sizer { width: 100%; }
    .brick{width:100%;}
    .gallery .gal-item, .tld-info .sponsors img{width: 120px;}
    .gallery .gal-item .vid-play{font-size: 30px; top:18px; left: 44px;}
    .content-hold-home{height: 250px;}
    .content-hold-home h1 {font-size: 30px; padding: 0 20px;}
    .content-hold-home h2 {font-size: 22px;}
    #marketing .home-logo{width: 240px; position: absolute; top: 50%; left: 50%; margin-left: -120px; margin-top: -82px;}
    #marketing .scroll-down{font-size: 40px; margin-left: -20px;}
    #marketing h2{font-size: 24px; margin-top: 80px;}
    #content .content-hold-home .hparks .hp-half img{max-width: 280px;}
    .home .home-full-cta .hfc-hold{padding-top: 160px;}
    #content .content-hold-home{padding-top: 160px;}
    .home .home-full-cta .hfc-hold h2{font-size: 42px; line-height: 1.2em;}
    .home .home-full-cta .hfc-hold h3{font-size: 28px;}
    .home .home-full-cta .hfc-hold h3 .fat-green{font-size: 42px;}
    .nl-img{height: 120px;}
    .nl-info h3{font-size: 14px; line-height: 1em;}
    .nl-info .nl-summary{font-size: 12px; line-height: 1.2em; display: none;}
    .nl-info{padding: 15px;}
    #marketing .overlay h1 {font-size: 30px; padding: 0 20px; text-align: center;}
}

@media (max-width: 520px) {
    .tld-info .col4{width: 100%; border-left: 0; min-height: 0; padding-bottom: 10px;}
    #footer .foot-links li{display: block; padding: 5px;}
    #header{ height: 60px;}
    #header #logo, #header.small #logo{max-height: 70px; max-width: 120px;}
    #header .head-right{border-bottom-color: transparent; margin-left: 90px;}
    #header .social li a{width: 16px; height: 16px; padding: 8px;}
    #header #navigation{ margin-top: 12px;}
    #header #navigation #nav-menu{ top: 70px;}
    #content .content-hold-home{padding-top: 90px;}
    .home .home-full-cta .hfc-hold{padding-top: 70px;}
    .home .home-full-cta .hfc-hold h2{font-size: 32px; line-height: 1.2em; padding-bottom: 10px;}
    .home .home-full-cta .hfc-hold h3{font-size: 20px; padding-bottom: 10px;}
    .home .home-full-cta .hfc-hold h3 .fat-green{font-size: 32px;}
    #content .content-hold-home h1{font-size: 32px; padding: 0 20px; line-height: 1.2em;}
    #content .content-hold-home h2{font-size: 20px; padding: 0 20px; line-height: 1.2em;}
    #content.home h2{font-size: 32px; line-height: 1.2em;}
    .ft-sponsors{padding: 90px 0 0;}
    .ft-sponsors .so-block .so-hold h3{padding-bottom: 5px;}
    .ft-sponsors .featured-item .featured-image{min-height: 140px;}
    .ft-sponsors .so-block .so-hold{padding: 10px 0;}
    .ft-sponsors .so-block .so-hold p{line-height: 1.3em;}
    .so-hold .cms-block{padding: 0 15px;}
    .hn-hold{padding: 70px 0 0;}
    .home-news h2{padding-top: 20px;}
    #content .content-hold-home .hparks .hp-half img{max-width: 210px;}
    .home .home-full-cta .hfc-hold p{font-size: 16px; line-height: 1.8em; padding-bottom: 0;}
    #header .head-social{top:3px;}
}

@media (max-width: 340px) {
    #header .social{display: none;}
    #marketing h2{margin-top: 50px;}
    .news-listing{padding-top: 5px;}
    .home .home-full-cta .hfc-hold p{font-size: 14px; line-height: 1.6em;}
    #header .head-social{display: none;}
    #marketing .overlay h1 { font-size: 25px;}
}