body { font-family: 'Raleway', sans-serif;}
body::after, .page-wrapper::after {height: 0px;}
.page-header .header-top .navbrand a img {max-height: 114px;transition: ease all 0.3s;}
.navbar-collapse .navbar-nav .nav-item {transition:  all ease-in-out .4s;}
.page-header .fixed-top.header-top .navbrand a img { max-height: 45px; }
.page-header .header-top{ padding: 0px !important;}

.page-header .header-top,
.page-header .header-top nav.navbar{
  -webkit-transition: all .4s ease;
  -o-transition: all .4s ease;
   transition: all .4s ease;
 }
.page-header .header-top.fixed-top { padding-top:0px; padding-bottom: 0px; animation: slideInDown 1s;}
.page-header .header-top.fixed-top nav.navbar {padding-top:5px; padding-bottom:5px;}
.page-header .header-top:after { height: 0px;}
.navbar-collapse .navbar-nav { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; width: 100%; }
.navbar-collapse .navbar-nav {justify-content: center;width: 100%;align-items: center;}


.navbar-collapse .navbar-nav .nav-item .dropdown-wrap .nav-link { padding: 0px; width: 100%; display: block;}



.dropdown-wrap { display: flex; align-items: center; }
.dropdown-wrap  { color: #fff; font-size: 22px;}
.page-header .container, .page-footer .container{ margin: 0px auto; max-width: 1460px !important; padding: 0 20px;}
#footer #copyright{ margin-top: 30px;}
.page-header{ background-color: rgb(223, 227, 225)}










@media(min-width:992px){
  .nav-item.dropdown .dropdown-menu { display: none !important; }
  /*.nav-item.dropdown:hover .dropdown-menu { display: block !important; }*/
}


.navbar-collapse .navbar-nav .nav-item {padding-bottom: 0;}
.navbar-collapse {align-self: flex-end;}
.page-header .header-top .navbar > .navbrand { display: none; }
.navbar-collapse { margin-left: 0; }
.page-header .header-top .navbrand {max-width: 190px;width: 100%;text-align: center;margin: -30px auto;}
.page-header .header-top.fixed-top .navbrand { margin: auto; }
.color-white { color: #ffffff;}


.mini-cart button.dropdown-toggle .cart-counter { font-weight: 700;}
.checkout-box input.btn.place-order-btn { font-size: 25px; letter-spacing: 3px; }
.form-group .custom-select, .form-group .custom-select, .form-group .form-control {
  border-color: #dadada;
}

.checkout-porduct .parsley-errors-list li { font-size: 14px;}
.checkout-box .cartTeam .cart-title { font-size: 14px;}

.form-group label {font-size: 17px; letter-spacing: 0.5px; color: #424242;}

.page-body .page-title-bar { background-color: #aaa8a8 !important; background-size: cover; background-position: top center; color: #000;  margin-top:0px; }
.page-body .page-title-bar .page-bar-title b { font-weight: normal;}

.block-title h1 { color: #CE0000; }
.modal-content { box-shadow: 0px 4px 8px -5px rgba(54, 69, 79, 0.5);}
.block .title,
.panel .panel-heading,
.team-list .title,
.block-title h2,
.form-content .title,
.card.flat-card .card-header { font-family: 'Lato',sans-serif; font-weight: 500; }

.checkout-porduct .custom-select {font-size: 80%;}
.checkout-box .title { font-size: 24px; font-family: 'Lato',sans-serif; font-weight: 800;}
.page-tab-content {margin-top:0px;}
.header-top-bar { background-color: #393939; padding: 10px 0;}
.header-top-bar .social-icons li a { font-size: 15px; color: #fff; }
.mini-cart button.dropdown-toggle {
    font-size: 17px;
    width: 45px;
    height: 45px; border: none;background: rgba(20,22,25,0.6); color: #fff !important; box-shadow: none !important;
}
.mini-cart button.dropdown-toggle:hover{ background: #e1261c;} 
.mini-cart button.dropdown-toggle .cart-counter{ top: -4px;
left: 26px;}
.page-footer { background-color: #fff; float: left; width: 100%; text-align: center;}
.mini-cart button.dropdown-toggle{ margin-left: 0px !important;}



.page-body .page-title-bar .page-bar-title::after{ left:25px !important;}

.page-body .page-title-bar .page-bar-title::after{ display: none;}
.page-body .page-title-bar .page-bar-title b{ position: relative;}
.page-body .page-title-bar .page-bar-title b:after{
    content: '';
    display: block;
    border-width: 0 15px 15px 15px;
    border-color: transparent transparent #fff;
    border-style: solid;
    width: 0;
    height: 0;
    position: absolute;
    bottom: -22px;
    left: 50%;-ms-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
}
.add-to-cart{ color: #fff !important; padding: 10px 21px 10px !important; background: #ed251b;}
.add-to-cart:hover{ background: #c20a00;}











@media(max-width:1249px) and (min-width:1200px) {
  .navbar-collapse .navbar-nav .nav-item .nav-link { font-size: 20px; }
}

@media(max-width:1199px) and (min-width:992px) {
  .page-header .header-top .navbrand { max-width: 80px;}
  .navbar-collapse .navbar-nav .nav-item .dropdown-wrap { font-size: 17px;}
  .page-header { min-height: 87px;}
}

@media screen and (max-width:991px){
  .page-header .header-top .navbar > .navbrand { display: block; margin: 0 auto;}
  .dropdown-toggle::after { margin-left: auto; }
  .page-header .header-top .navbrand {width: auto;}
  .navbar-toggler { margin-left: 0; margin-right:15px;}
  .page-header .header-top .navbrand a img { max-height: 45px; }
  .navbar-collapse {  overflow: auto; background-color: #898580;
    position: fixed; top: 109px; bottom: 0; }
  .navbar-nav li.nav-item { border-bottom: 1px solid rgba(0,0,0,.03); }
  .navbar-collapse .navbar-nav .nav-item .nav-link{ font-weight: 600; margin: 0px;}
  .navbar-collapse .navbar-nav .nav-item .dropdown-wrap {  padding: 15px; background-color: rgba(255,255,255,0.1);}
  .nav-item.dropdown .dropdown-menu { background-color: transparent !important;}
  .nav-item.dropdown .dropdown-menu .dropdown-item { color: #fff; text-align: left;     padding: 11px 35px 7px;}
  .navbar-collapse .navbar-nav .nav-item { padding-bottom: 0px !important;}
  .navbar-collapse .navbar-nav .nav-item.show .dropdown-menu {display: block;}
  .page-header { min-height: 92px;}
  .page-header .header-top nav.navbar { padding-top: 5px; padding-bottom: 5px; }
  .page-header .header-top .navbar-collapse .navbrand { display: none; }
  .navbar-collapse .navbar-nav { justify-content: normal; width: 100%; align-items: normal; padding: 0px; }

  span.dropdown-toggle { position: absolute; right: 0; top: 0; width: 52px; height: 52px; text-align: center; line-height: 55px; z-index: 11; background-color: rgba(0,0,0,0.3); color: #fff; font-size: 25px; }

}

@media screen and (max-width:767px){
ul.bottom-nav { text-align: center; padding-bottom: 5px; }
.bottom-nav li { margin-bottom: 8px; }
ul.social-icons { width: 100%; order: 0 !important; margin-bottom: 10px; }
.header-top-bar ul.social-icons { margin-bottom: 0px; }

html.checkout { padding-bottom: 61px;}
.page-header .header-top .container {
  padding: 0 18px;
}
}






/*new css*/


a{ text-decoration: none !important;}

#logo img{ max-width: 100%;}
.land-bg {
    position: relative;
    padding-top: 102px;
}
.fildbanner{ min-height: 600px;}
body{ margin: 0px; padding: 0px;}
#footer .signup{ height: auto !important;}
#footer{ min-height: auto;}


.carticon{ font-size: 20px; color: #fff !important; line-height: 20px; position: relative;}
.carticon sup{ background: #000; border-radius: 50px; width: 20px; height: 20px;position: absolute; top: 0px; right: -3px; color: #fff; font-size:9px; text-align: center; line-height: 21px;}


.list-details-left .btn{ line-height: 17px; margin-top: 10px;}



.page-header {
    height: auto !important;min-height: 126px;
}
#footer{ text-align: center;}







@media (min-width: 992px) and (max-width: 9000px) {


}

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






}
@media only screen and (max-width: 991px) {




}
@media only screen and (max-width: 760px) {
#header .social li > a{ line-height: 19px;}
.carticon {
    font-size: 15px;}


}

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

#header .social li > a {
    line-height: 13px;
}
#header .social li > a {
    width: 12px;
    height: 13px;
    padding: 7px;
}
.carticon sup{top: -9px;
right: -9px;
font-size: 9px;
line-height: 16px;width: 17px;
height: 17px;}



}



#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;
}






/* --- Layout ---*/
#wrapper{overflow: hidden;}
#header{padding: 15px 0; z-index: 10; position: relative; top:0; left: 0; width: 100%;}
#header #logo{max-width: 210px; max-height: 150px; float: left;}
#header .head-right{height: 76px; border-bottom: 2px solid #000; margin-left: 260px;}

#header.small{ padding: 0; position: fixed; background: #020c22; background: rgba(2,12,34,0.5); height: 80px; top:-82px;}
#header.small #logo{max-height: 70px; max-width: 88px; margin: 5px 0;}
#header.small .head-right{border-bottom-color: transparent;}
#header.small .social li{margin-top: 18px;}

#navigation{z-index: 999; float: left;}
#navigation .mobile-menu{display: none; width: 34px; margin-left: 30px; cursor: pointer;}
#navigation .mobile-menu .mline{background: #FFF; display: block; height: 5px; margin-bottom: 6px; box-shadow: 0 0 3px #000;}
#navigation ul{padding: 0; margin: 0; list-style: none;}
#navigation ul li.level_1{display: block; float: left; margin-right: 20px;}
#navigation ul li.level_1:last-child{margin-right: 0;}
#navigation ul li.level_1 a{font: normal 16px/76px 'Montserrat', sans-serif; white-space: nowrap; color: #000; display: block; height: 78px; text-transform: uppercase;}
#navigation ul li.level_1 a:hover{ border-bottom: 6px solid #e1261c;}
#navigation ul li.level_1:hover .subnav{display:block;}
#navigation ul li.level_1 .subnav{display:none; position: absolute; top: 79px; 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: "Lato", 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;}

#marketing{margin:0; position: relative; top: 0; left: 0; width: 100%; height: 100%; z-index: 1;}
#marketing .marketing { height: 100vh; text-align: center;}
#marketing .panel-image{position: fixed !important; top: 0; left: 0; width: 100%; height: 100%;}
#marketing .panel-image .overlay{position: fixed !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 .panel-image .overlay img{ display: block; margin-bottom: 30px; width: auto; }
#marketing .panel-image .overlay h1 {
    font: bold 60px/1em "Play", sans-serif;
    text-transform: uppercase;
    color: #FFF;
    text-shadow: 2px 2px 8px #000000;
    position: relative;
    top: 90px;
}
#marketing .flexslider{height: 100%;}
#marketing .panel-image .overlay a { position: relative; top: 100px;}
#marketing h2{ text-transform: uppercase; color: #FFF; text-shadow: 1px 1px 4px #000000;}
#marketing .custom-controls-container, #marketing .scroll-down  { z-index:10; position: absolute; left: 0; right: 0; margin: auto; }
#marketing .custom-controls-container { top: 100%; margin-top: -140px;}
#marketing .custom-controls-container .flex-control-paging li a { width: 18px; height: 18px;}
#marketing .scroll-down { top: 100%; margin-top: -80px; font-size: 65px; color: #FFF; text-shadow: 1px 1px 4px #000000; cursor: pointer; }
#marketing .scroll-down:hover{color: #ccc;}
#marketing .scroll-down .icon-li-chevron-down-circle { padding-left: 5px;}
#marketing .overlay .home-logo.hide-logo { visibility: hidden; display: none;}


#leader{position: relative;}
#lead{text-align: center; height: 320px; 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 */
}
#leader .top-title{position: absolute; bottom: 20px; left: 0; width: 100%; color: #FFF; text-align: center; font: bold 72px/1.2em "Play", sans-serif; text-transform: uppercase; text-shadow: 2px 2px 8px #000000;}

#content .content-hold{padding: 20px 0;}
#content .content-wide{width: 100%;}
#content .content-right{width: 28%; float: right;}
#content .content-left{width: 68%; float: left;}

#content{position: relative; z-index: 3;}
#content.home .prop{ visibility: hidden;}
#content.home .view-height{ position: relative; overflow: hidden;}
.content-hold-home{position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; height: 520px; text-align: center;}
.content-hold-home h1{font: bold 60px/1em "Play", sans-serif; text-transform: uppercase; color: #FFF; text-shadow: 2px 2px 8px #000000;}
.content-hold-home .home-logo{width: 400px; max-width: 70%; margin: 0 auto 30px;}

#content .home-ctas{background: #FFF; padding-top: 20px;}
.home-ctas .home-full-cta{margin-bottom: 20px;}
.home-ctas .home-full-cta .hfc-left{padding: 60px 30px; max-width: 400px; background: #FFF; background: rgba(255,255,255,0.75);}
.home-ctas .home-full-cta .hfc-left .btn{float: left; margin-top: 20px;}

.mid-cta{display: block; width: 100%; margin-bottom: 20px; height: 360px; position: relative; cursor: pointer;}
.mid-cta .mid-hold{max-width: 80%; position: absolute; margin:auto; right:0; bottom:15%; left:0; text-align: center;
    transition:bottom 180ms linear;
    -webkit-transition:bottom 180ms linear;
    -moz-transition:bottom 180ms linear;}
.mid-cta .mid-bg{position: absolute; width: 100%; height: 100%; top:0; left: 0;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);}
.mid-cta .mid-over{position: absolute; width: 100%; height: 100%; top:0; left: 0; background:rgba(0,47,135,0.6); opacity: 1;
    transition:opacity 180ms linear;
    -webkit-transition:opacity 180ms linear;
    -moz-transition:opacity 180ms linear;}
.mid-cta .mid-hold h3{text-transform: uppercase; color: #FFF; font-size: 21px; line-height: 1.4em;}
.mid-cta .mid-hold .mid-icon{width: 100px; padding: 5px; margin: 0 auto 20px; border: 3px solid #FFF; border-radius: 150px;
    transition:width 180ms linear;
    -webkit-transition:width 180ms linear;
    -moz-transition:width 180ms linear;}
.mid-cta:hover .mid-bg{-webkit-filter: none; filter: none;}
.mid-cta:hover .mid-over{opacity: 0.25;}
.mid-cta:hover .mid-hold{bottom: 10%;}
.mid-cta:hover .mid-hold .mid-icon{width: 160px;  border-radius: 180px;}

#top-ctas{padding:20px 0 0;}
.top-cta{display: block; width: 32%; margin:0 1%; height: 360px; position: relative; box-shadow: 2px 2px 5px #bbb; float: left;}
.top-cta:nth-child(3) { margin-right: 0px;}
#top-ctas.items_4 {padding: 20px 0; display: flex; display: -webkit-flex; display: -ms-flexbox; flex-wrap: wrap; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; justify-content: center; -webkit-justify-content: center; -ms-flex-pack: center; }
#top-ctas.items_4 .top-cta { width: 23.5%; margin-bottom: 15px; }
.top-cta:first-child{margin-left: 0;}
.top-cta .top-hold{max-width: 80%; position: absolute; margin:auto; right:0; bottom:15%; left:0; text-align: center;
    transition:bottom 180ms linear;
    -webkit-transition:bottom 180ms linear;
    -moz-transition:bottom 180ms linear;}
.top-cta .top-bg{position: absolute; width: 100%; height: 100%; top:0; left: 0;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);}
.top-cta .top-over{position: absolute; width: 100%; height: 100%; top:0; left: 0; background:rgba(0,47,135,0.6); opacity: 1;
    transition:opacity 180ms linear;
    -webkit-transition:opacity 180ms linear;
    -moz-transition:opacity 180ms linear;}
.top-cta .top-hold h3{text-transform: uppercase; color: #FFF; font-size: 21px; line-height: 1.4em;}
.top-cta .top-hold .top-icon{width: 100px; height: 100px; padding: 5px; margin: 0 auto 20px; border: 3px solid #FFF; border-radius: 150px; font-size: 70px; text-align: center; line-height: 110px;
    color:#FFF; font-weight: normal;
    transition:width 180ms linear, height 180ms linear, font-size 180ms linear, line-height 180ms linear;
    -webkit-transition:width 180ms linear, height 180ms linear, font-size 180ms linear, line-height 180ms linear;
    -moz-transition:width 180ms linear, height 180ms linear, font-size 180ms linear, line-height 180ms linear;}
.top-cta:hover .top-bg{-webkit-filter: none; filter: none;}
.top-cta:hover .top-over{opacity: 0.25;}
.top-cta:hover .top-hold{bottom: 10%;}
.top-cta:hover .top-hold .top-icon{width: 160px; height: 160px; font-size: 100px; line-height: 170px;  border-radius: 180px;}

.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;}

    /*-- 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: 45px; height: 45px; display: block; padding: 0px; border-radius: 48px; background: #141619; background: rgba(20,22,25,0.6);line-height: 42px; text-align: center;}
.social li a img {
    width: 19px;
}
.social li > a:hover{background: #e1261c;}

/* ----Footer Section ----*/
#footer{ background: #333; padding: 30px 0; color:#b8b8b8; position: relative; z-index: 4;}
#footer #copyright{font-size: 11px; clear: both;}
#footer #copyright a{color: #b8b8b8;}
#footer #copyright a:hover{color: #FFF;}
#footer .social{padding: 30px 0 0;display: inline-block;}
#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 'Montserrat', sans-serif; color:#FFF; text-transform: uppercase;}
#footer .foot-links li a:hover{color: #e1261c;}
#footer .footer-left{padding-right: 0 !important;}
#footer .signup{position: absolute; top:-30px; right:0; width: 320px; height: 100%; background: #555; padding: 30px;}
#footer .signup h5{color:#FFF; text-transform: uppercase; padding-bottom: 15px;}
#footer .signup .email{margin-bottom: 20px;}
#footer .signup .email + .mce_inline_error { margin-top: -20px;}
#mce-responses {margin: 0 0 10px 0;}
#mce-responses .response {font-size: 12px; line-height: 1.2;}

/*--- 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-block; }
.pagination li a, .pagination li span{padding: 0 6px; border-left: 1px solid #CCC;}
.pagination li.disabled{display: none;}
.pagination li.active{font-weight: bold;}


/* ----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 ---*/

.ft-sponsors{padding: 40px 0; text-align: center;}
.ft-sponsors h3{text-transform: uppercase; padding-bottom: 20px;}
.ft-sponsors .featured-item{padding: 0 10px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.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;}

.connect{ background: rgba(0,47,135,1); padding: 40px 0; text-align: center;}
.connect h3{text-transform: uppercase; padding-bottom: 5px; color:#fff;}
.connect a.inst{display: block; margin-bottom: 20px;}
.connect .social ul{ float: none; text-align: center; }
.connect .social li{ float: none; display: inline-block; margin: 0 5px 20px; }
.connect .social li a{ border-radius: 0; width: 12px; height: 12px; }

/*--- News List Section ---*/
.news-listing{padding: 20px 0;}
.nl-hold{box-shadow: 2px 2px 5px #bbb; margin-bottom: 20px;}
.nl-img-date{height: 280px; position: relative; display: block; color: #333 !important;}
.nl-img-date .nl-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;}
.nl-img-date .nl-date .icon{font-weight: bold;}
.nl-info{padding: 30px; background: #FFF;}
.nl-info .nl-summary{padding: 20px 0;}
.nl-info h3{ min-height: 50px; line-height: 25px; border-bottom: 1px solid #ccc;}
.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;}

/* ---- 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 .col2{width: 50%; 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 .col2:first-child{border-left: none;}
.tl-info .col2 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 #btn_1{width: 48%; float: left;}
.tl-buttons #btn_2{width: 48%; float: right;}
.tl-buttons #btn_3{width: 48%; float: left; clear: both; margin-top: 15px;}
.partner-trn{height:595px; width: 100%; display: block;}
#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 'Montserrat', 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;}

.team-listing .tl-item{margin-bottom: 15px;}
.team-listing .tl-title{padding: 10px 15px; color: #FFF; background: rgb(0,47,135);}
.team-listing .tl-title h4{padding-bottom: 0; color: #FFF;}
.team-listing .tl-info{padding: 15px; border: 1px solid #ddd;}
.team-listing .tl-roster{display: none; clear: both; padding-top: 15px;}
.team-listing .tl-player{margin: 0 5px; padding: 5px; background: #EEE;}

/*-- 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 (max-width: 1460px) {
    .content-hold-home{height: 380px;}
    #marketing .panel-image .overlay .home-logo,.content-hold-home .home-logo{width: 280px; max-width: 70%; margin: 0 auto 20px;}
    #marketing .panel-image .overlay h1,.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;}
    #navigation ul li.level_1{margin-right: 12px;}
    .head-right .social li{margin-left: 5px;}
    .tl-info .col2{width: 100%; border-left: none; min-height: 0;}
}

@media (max-width: 1400px) {
    #header #logo {
    max-width: 210px;
    max-height: 150px;
    float: left;
}
    #header .head-right{margin-left: 260px;}
}
@media (max-width: 1300px) {
#header #logo {
    max-width: 167px;
    max-height: 144px;
    float: left;
}
#header .head-right {
    margin-left: 202px;
}


}
@media (max-width: 1265px) {
    #navigation ul li.level_1{margin-right: 12px;}
    #navigation ul li.level_1 a{font-size: 14px;}
    #header .social li{margin-top: 24px !important;}
    
}
@media (max-width: 1199px) {
#header #logo {
    max-width: 130px;
    max-height: 121px;
}
#header .head-right {
    margin-left: 153px;
}


}
@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;}
    #navigation ul li.level_1{margin-right: 10px;}
    #navigation ul li.level_1 a{font-size: 13px;}

    #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; }

    #marketing .panel-image .overlay{ padding-bottom: 0; }
}





@media (max-width: 1070px) {
    #navigation{float: right; margin-top: 16px;}
    #header.small #navigation{ margin-top: 26px;}
    #header.small #navigation #nav-menu{ top: 80px;}
    #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:'- ';}
    #header .social li{margin-top: 8px !important;}
    #header.small .social li{margin-top: 18px !important;}
}

@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%;}
    .top-cta{width: 49%;}
    .top-cta{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;}
}

@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;}
}

@media (max-width: 760px) {
    #header{ padding: 0; position: fixed; background: #020c22; background: rgba(2,12,34,0.5); height: 80px; top:0 !important;}
    #header #logo{max-height: 70px; max-width: 98px; margin: 5px 0;}
    #header .head-right{border-bottom-color: transparent; margin-left: 90px;}
    #header .social li,#header.small .social li{margin-top: 24px !important;}
    #header .social li > a, .mini-cart button.dropdown-toggle{width: 35px; height: 35px; padding: 0px; line-height: 35px;}
    .social li a img {
    width: 14px;
}
    #header #navigation{ margin-top: 26px;}
    #header #navigation #nav-menu{ top: 80px;}
    #footer .foot-links{text-align: center;}
    #footer .foot-links li{ padding: 10px 0;}
    #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;}
    .land-bg{padding-top: 80px;}
}

@media (max-width: 610px) {
    .row .col{margin-left:0 !important; clear:both !important; width: 100% !important;}
    #top-ctas.items_4 .top-cta, .top-cta{width: 100%; margin-left: 0; margin-bottom: 20px;}
    .top-cta:first-child { margin-bottom: 0px;}
    #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-hold-home h1{font-size: 42px; padding: 0 20px 20px; line-height: 1.2em;}
    .content-hold-home h2{font-size: 28px; padding: 0 20px; line-height: 1.2em;}
    .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 "Lato", sans-serif;}
    h1 { font: bold 28px/1.6em 'Montserrat', sans-serif; color:#333333;}
    h2 { font: bold 24px/1.6em 'Montserrat', sans-serif; color:#333333; }
    h3 { font: bold 18px/1.6em 'Montserrat', sans-serif; color:#333333; }
    h4 { font: bold 16px/1.6em 'Montserrat', sans-serif; color:#333333; }
    h5 { font: bold 14px/1.6em 'Montserrat', sans-serif; color:#333333; }
    h6 { font: bold 14px/1.6em 'Montserrat', 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,#marketing .panel-image .overlay h1 {font-size: 30px; padding: 0 20px; text-align: center;}
    .content-hold-home h2 {font-size: 22px;}
}

@media (max-width: 520px) {
    .tld-info .col4{width: 100%; border-left: 0; min-height: 0; padding-bottom: 10px;}
    #footer .foot-links li{display: block;}
}

@media(max-width: 480px) {
    .custom-controls-container, .scroll-down { display: none;}
    .btn.learn-more { font-size: 14px;}
}

/* Landscape */
/*min iphone 4 and max iphone5s*/
@media only screen
and (min-device-width: 320px)
and (max-device-width: 736px)
and (-webkit-min-device-pixel-ratio: 2)
and (orientation: landscape) {
    #marketing .panel-image .overlay .home-logo, .content-hold-home .home-logo {  width: 170px; margin-top: 80px; margin-bottom: 10px;}
    .content-hold-home h1, #marketing .panel-image .overlay h1 { font-size: 25px;}
    .custom-controls-container, .scroll-down { display: none;}
    #top-ctas.items_4 { padding-bottom: 40px;}
}

@media (max-width: 330px) {
    #header .social{display: none;}
    #marketing .panel-image .overlay .home-logo, .content-hold-home .home-logo { margin: 40px auto 20px;}
}

@media(max-width: 400px) {

#header #logo {
    max-height: 66px;
    max-width: 75px;
    margin: 8px 0px;
}

#header .social li > a, .mini-cart button.dropdown-toggle {
    width: 30px;
    height: 30px;
    padding: 0px;
    line-height: 28px;
}
.mini-cart button.dropdown-toggle .cart-counter {
    top: -4px;
    left: 16px;
}



}