:root{
--charcoal:#0e0f13;
--gotham:'GothamBook',sans-serif;
--sitefont:GothamBook,sans-serif;
--white:#fff;
--lightgray:#f1f1f1;
--gold:#b8860b;
--radius:0px;
}

#nav_header_container{
    padding-bottom:0px !important;
}
.serve {
    background-color:var(--charcoal);
    color:var(--white);
    padding:100px 0px;
    margin-top:-25px;
    

}

.serve h2{
    color:var(--white);
    font-weight:bold;
}

.serve h3{
    color:var(--gold);
}

.serve .ce-button{
   border:3px solid #b8860b;
   color:var(--gold);
    background-color: transparent;
   padding:10px 20px;
   border-radius:0px;
    font-size:14px;

}
.static-bar{
    background-color:var(--white);
    font-family:var(--gotham);
    text-transform:uppercase !important;
    
}

 ul.horizontal.site-menu, .site-menu, #menu_container{
    background-color: #000;
    border-top:0px !important;
    border-bottom:0px;
   
   
}


ul.horizontal.site-menu {
text-align:center;
margin-bottom:10px;
}
ul.horizontal.site-menu ul.sub-menu li {
text-align:left;
}
ul.horizontal.site-menu li {
float:none;
display:inline-block;
vertical-align:top;
}

.horizontal.control-panel-link, .static-bar .add-me-link, .static-bar #non_member_panel .login-link, #full_name, #favorites_hover{
   color:var(--charcoal);
}

ul.horizontal.site-menu li span a, ul.horizontal.site-menu li span span {
     font-family:var(--gotham);
     font-weight:normal !important;
    color:var(--white);
    font-size:16px !important;
text-transform:uppercase;
}

ul.horizontal.site-menu li span a:hover, ul.horizontal.site-menu li span span:hover{
   color:var(--gold);
   transition:.5s;
 
}


ul.horizontal.site-menu ul.sub-menu li {
background-color:var(--gold) !important;
border-bottom:none !Important;

}
ul.horizontal.site-menu ul.sub-menu li span a {
color:var(--charcoal) !Important;
text-transform:none !Important;
}
ul.horizontal.site-menu li:hover span span {
color:var(--gold) !important;
}
ul.horizontal.site-menu ul.sub-menu li span a:hover {
color:#FFF !Important;
}
ul.horizontal.site-menu ul.sub-menu li:hover {
background-color:var(--charcoal) !important;
}


header{
     background-color:#000;
}


.boxes{
    background-color:var(--white);
   padding:100px 0px;
}

.boxes .build-column.fifth{
   
     padding: 0px !important;
    margin:0px !important;
}

.boxes .build-column.fifth.last-fifth{
    border:0px !important;
}

.boxes .build-column.fifth:hover{
   opacity:.5;
   transition:ease-in .5s;
}

.boxes .build-column.fifth .caption{

    padding-top:15px;

}

.boxes a{
   text-decoration:none !important;
   color:var(--charcoal);
   margin-top:30px;
   font-weight:bold;
   text-transform: uppercase;
   font-family:var(--gotham);
    font-size:22px;
    letter-spacing:2.5px;
   
}


.boxes .build-column.fifth {
   border-right:5px solid #ededed;


}


.top-wrapper, .bottom-wrapper{
     background-image:url(//s3.amazonaws.com/ClubExpressClubFiles/347947/graphics/footer_1152599927.jpg);
  background-size:cover;
   background-position:center;
}

.feeds{
   background-image:url(//s3.amazonaws.com/ClubExpressClubFiles/347947/graphics/clock_1797835839.png);
  background-position:center center;
  background-size:cover;
  padding:100px 20px;
  box-sizing:border-box;

}

.feeds .build-column.third {
  background-color:var(--white);
  margin:3.5%;
  box-sizing:border-box;
  width:26%;
  padding:20px;
}

.feeds .ce-button{
  background-color:var(--white);
  color:var(--charcoal);
  border:4px solid #000;
  font-size:12px;
  text-transform:uppercase;
  border-radius:0px;
  padding:10px 40px;
  margin: 0 auto !important;
}

.feeds .build-column .rn-title,.feeds .build-column .ue-title{
     font-family:var(--gotham);
     padding-top:0px !important;
     text-transform:none !important;
}
a.ce-button,
#mobile_content_column a.ce-button,
.inner-column a.ce-button,
.search-panel a.ce-button {
font-family:var(--sitefont) !important;
font-weight:bold;
padding:8px 15px;
background-color:var(--gold);
color:#FFF !important;
border-radius:var(--radius);
background-image:none !important;
border:none;
text-transform:none;
font-size:16px;
transition:all .5s ease;
white-space:normal;
}

a.ce-button:hover,
#mobile_content_column a.ce-button:hover,
.inner-column a.ce-button:hover,
.search-panel a.ce-button:hover {
border:none;
background-color:var(--charcoal);
color:#FFF !important;
background-image:none !important;
}
.admin-page-wrapper a.ce-button,
.popup-wrapper a.ce-button {
font-size:13px !important;
padding:5px 10px !important;
}

.login-buttons a {
color:#000 !important;
background-color:var(--gold) !important;
font-size:15px !important;
padding:5px 10px !important;
}
.login-buttons span {
padding-right:0px;
background-image:none !important;
}
.login-buttons a:hover {
background-color:var(--charcoal) !important;
color:var(--gold) !important;
}

.admin-table th,
.manager-table th {
background-color:#000 !important;
}

@media (min-width : 320px) and (max-width :767px){
/* Styles */
.home-page .item .overlay {
top:initial;
left:initial;
margin-top:0px;
width:100%;
}
.home-page .item .layout-wrapper {
margin-top:250px;
}
.home-page .looper .looper-inner {
background-color:#000;
}
.column.fifth {
width:100%;
}
#fkftr .footer-column,
#fkftr .footer-column1 {
width:100%;
text-align:center;
}
#fkftr .footer-column1 img {
display:block;
margin-left:auto;
margin-right:auto;
}
#triback a.ce-button {
width:auto;
}
#fkftr {
background-color:#000;
}
}

@media (min-width : 768px) and (max-width : 1024px) {
/* Styles */
.home-page #triback .column.third {
width:100%;
max-width:550px;
margin-left:auto;
margin-right:auto;
float:none;
}
.home-page .cincwrap a {
font-size:18px;
}
.home-page .cincwrap img {
max-width:80%;
}
#fkftr {
background-color:#000;
}
#fkftr .footer-column1 {
width:30%;
}
#fkftr .footer-column {
width:23%;
}
#fkftr .footer-column span {font-size:12px !important; }

}

.add-me-link { display:none; }
.static-bar .add-me-link { display:block; }
.cp-holder {
margin-top:3px;
}
ul.horizontal.site-menu li,
ul.horizontal.site-menu li:hover span span {
background-color:transparent !important;
}
ul.horizontal.site-menu li.selected-menu-item span a {
color:var(--gold) !Important;
}