header {
height: 52px;
background-color: white;
overflow: visible;
}

header .row, footer .row {
position: relative;
max-width: 100%;
}

.footer-logo {
margin-left: 25px;
}

#interior {
background: #e2e2e2;
padding-top: 30px;
padding-bottom: 30px;
min-height: 600px;
}

#interior .row {
max-width: 860px;
}

#logo {
position: absolute;
left: 40px;
top: 10px;
z-index:5;
}

#main {
position: absolute;
width: 100%;
text-align: center;
    width: auto;
  margin-left: 250px;
}

#main ul {

}

#main ul li {
display: inline-block;
position: relative;
padding-left: 15px;
padding-right: 15px;
}

#main ul li a {
line-height: 52px;
color: black;
text-transform: uppercase;
font-size: 20px;
}

#main ul li a:hover {
color: #e51b24;
}

.facebook {
width: 20px;
height: 20px;
background-image: url(../images/fb.jpg);
background-size: 100% 100%;
display: inline-block;
top: 4px;
    margin-right:6px;
position: relative;
}

.facebook:hover {
-webkit-filter: brightness(1.4);
}

.youtube {
width: 20px;
height: 20px;
background-image: url(../images/yt.jpg);
background-size: 100% 100%;
display: inline-block;
top: 4px;
position: relative;
}

.youtube:hover {
-webkit-filter: brightness(1.4);
}


.search-icon {
width: 17px;
height: 18px;
background-image: url(../images/search-icon.jpg);
background-size: 100% 100%;
display: inline-block;
top: 5px;
position: relative;
}

.search-icon:after {
background-image: url(../images/search-icon-hover.jpg);
}

.search-icon:hover {
background-image: url(../images/search-icon-hover.jpg);
}

.dropdown {
display: none;
position: absolute;
text-align: center;
background-color: white;
z-index:2;
width: 140px;
margin-left: -70px;
left: 50%;
-webkit-border-radius: 0 0 7px 7px;
border-radius: 0 0 7px 7px;
padding: 0 15px;
}

#main ul li .dropdown li {
padding: 5px 0;
width: 100%;
border-bottom: 1px solid black;
}

#main ul li .dropdown li:last-child {
border-bottom: none;
}

#main ul li .dropdown li a {
font-size: 14px;
text-transform: none;
line-height: 26px;
}

#top {
position: absolute;
top: 0;
right: 10px;
text-align: right;
}

.zero-opacity {
opacity: 0;
width: 0;
visibility: hidden;
}

#secondary {
display: inline-block;
float: left;
-webkit-transition: all 100ms linear;
-moz-transition: all 100ms linear;
-ms-transition: all 100ms linear;
-o-transition: all 100ms linear;
transition: all 100ms linear;
}

#secondary ul {
list-style-type: none;
margin-left: 0;
}

#secondary ul li {
display: inline-block;
}

#secondary ul li a {
color: black;
line-height: 52px;
padding-right: 6px;
}

#secondary ul li a:hover {
color: #e51b24;
}

.social {
float: right;
display: inline-block;
line-height: 50px;
margin-left: 30px;
}

.click-search {
cursor: pointer;
}

.social input {
width: 0;
opacity: 0;
-webkit-transition: all 200ms linear;
-moz-transition: all 200ms linear;
-ms-transition: all 200ms linear;
-o-transition: all 200ms linear;
transition: all 200ms linear;
}

.social input.clicked {
width: 200px;
opacity: 1;
}

.safari .social {
width: 50px;
}

.safari .social.active {
width: auto;
}

#slider {
overflow: hidden;   
margin-bottom: 0;
    background-color: black;
    
}

.slick-list {
z-index:1;
}

.slick-dots {
bottom: 8px;
margin-bottom: 0;
    z-index: 5;
}

#message {
background-color: #1c1c1c;
color: white;
text-align: center;
padding: 40px 0;
}

#message h1 {
color: white;
}

#message p {
max-width: 900px;
margin: 0 auto 1.25rem;
}

.why-section {
text-align: center;
padding: 80px 0 90px;
}

.why-section h2 {
font-size: 50px;
text-transform: uppercase;
color: #000000;
margin-bottom: 25px;
}

.why-section .divide {
margin-bottom: 38px;
}

.why-section p {
width: 515px;
max-width: 90%;
margin: 0 auto 38px;
}

.button {
padding-left: 1rem;
padding-right: 1rem;
text-transform: uppercase;
font-size: 1.2rem;
border-radius: 7px!important;
-webkit-border-radius: 7px!important;
}

.button.secondary {
padding-left: 1.5rem;
padding-right: 1.5rem;
padding-top: .7rem;
padding-bottom: .7rem;
text-transform: uppercase;
font-size: 1.2rem;
border-radius: 7px;
-webkit-border-radius: 7px;
margin-top: 15px;
color: white;
background-color: black;
}

.button.secondary:hover {
background-color: #333;
color: white;
}

#why-host {
background-color: #e6e6e6;
}

#upcoming {
background-color: #e51b24;
color: white;
}

#upcoming-2 {
background-color: #000;
color: white;
}

#upcoming-3 {
background-color: #fff;
color: #000;
}

.upcoming-section {
text-align: center;
padding: 145px 0 115px;
}

.upcoming-section .button {
padding-left: 1.5rem;
padding-right: 1.5rem;
padding-top: .7rem;
padding-bottom: .7rem;
font-size: 1.2rem;
margin-top: 15px;
}

.upcoming-section .divide {
padding: 40px 0;
}

.upcoming-section p {
font-family: inherit;
font-size: 32px;
text-transform: uppercase;
line-height: 1.2;
}

#video {
position: relative;
}

.video-still {
width: 100%;
}

.play-button {
position: absolute;
left: 50%;
top: 50%;
margin-left: -49px;
margin-top: -49px;
width: 98px!important;
height: 98px!important;
display: inline!important;
}

.fancy-video .play-button {
position: absolute;
left: 50%;
top: 50%;
margin-left: -30px;
margin-top: -30px;
width: 60px!important;
height: 60px!important;
display: inline!important;
}

#testimonials {
background-color: black;
color: white;
padding: 55px 0 40px;    
    text-align: center;
}

#testimonials h3 {
font-size: 30px;
color: white;
text-transform: uppercase;
margin-bottom: 20px;
}

#testimonials .columns {
border-right: 1px solid white;
padding: 25px 0;
}

#testimonials .columns:last-of-type {
border-right: none;
}

#testimonials p {
font-size: 20px;
width: 400px;
max-width: 90%;
margin: 0 auto 1rem;
    text-align: left;
}

#testimonials .columns p:last-of-type {
font-size: 16px;
}

#testimonials p strong {
text-transform: uppercase;
}

#testimonials .button {
padding-left: 1.5rem;
padding-right: 1.5rem;
padding-top: .7rem;
padding-bottom: .7rem;
text-transform: uppercase;
font-size: 1.2rem;
}

.bottom {
text-align: right;
margin-top: 80px;
}

footer {
padding: 15px 0 22px;
margin-top: 40px;
display: block;
float: left;
width: 100%;
}

footer .small-6.columns {
padding: 0;
}

footer ul {
margin: 20px 0 0;   
  width: 100%;
}

#footer-1, #footer-3 {
float: left;
}

#footer-2, #footer-4 {
float: right;
}

footer li {
list-style-type: none;
line-height: 1.3;
}

footer li a {
color: black;   
}

footer li a:hover {
color: #e1040c;   
}

footer .medium-5 {
width: 29%;
}


footer .medium-1 {
width: 11%;
}

footer .strong li a {
font-weight: bold;
}


.copyright {
text-align: center;
position: relative;
margin-top: 15px;
}

/*
.copyright .bottom {
position: absolute;
bottom: 0;
right: 0;
}
*/

.copyright p {
font-size: 11px;
margin-bottom: .7rem;
}

.copyright p a {
color: #666666;
}

.copyright p a:hover {
color: #e1040c; 
}

#mobile, .show-nav {
display: none;
}

.hide-on-small {
display: inline;
}

.show-on-small {
display: none;
}

  
#bio-header {
background-color: black;
text-align: center;
padding: 95px 0 85px;
}
    
#bio-header h1 {
font-size: 6rem;
color: white;
text-transform: uppercase;
line-height: 1;
margin-bottom: 13px;
}

#bio-header p {
color: white;
text-align: center;
margin: 0 auto;
font-size: 24px;
text-transform: uppercase;
font-family: 'Geogrotesque', "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
margin-bottom: 15px;
}

#bio {
padding: 70px 0 40px;
background-color: #eeeeee;
}
    
#bio img {
width: 95%;
margin-bottom: 15px;
}
    
#bio li {
padding-bottom: 15px;
    font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
    font-size: 1.1rem;
}
    
#bio .row {
max-width: 76em;
}

#core-panel-header {
background-color: black;
text-align: center;
padding: 105px 0 120px;
}
    
#core-panel-header h1 {
color: white;
text-transform: uppercase;
}
    
#core-panel-header p {
color: white;
width: 800px;
max-width: 90%;
text-align: center;
margin: 0 auto;
}

.member .row {
max-width: 100%;
}
    
.member .columns {
padding: 0;
}
    
.member .box {
text-align: center;
}
    
.member-photo {
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
position: relative;
}
    
.member-info {
position: relative;
}
    
.triangle {
width: 0; 
height: 0; 
border-top: 34px solid transparent;
border-bottom: 34px solid transparent;
border-right: 35px solid white;
position: absolute;
right: 0;
top: 50%;
margin-top: -34px;
}
    
.medium-push-6 .triangle {
width: 0; 
height: 0; 
border-top: 34px solid transparent;
border-bottom: 34px solid transparent;
border-left: 35px solid white;
border-right: none;
position: absolute;
right: auto;
left: 0;
top: 50%;
margin-top: -34px;
}
    
.member h2 {
color: black;
font-size: 3.5rem;
line-height: 1;
margin-bottom: 5px;
}
    
.member p {
font-size: 1.75rem;
font-family: 'Geogrotesque', "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
max-width: 90%;
width: 375px;
margin: 0 auto 2.5rem;
line-height: 1.3;
}
    
.team-arrow {
display: none;
}

.anchor {
display: block;
font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif!important;
line-height: 2;
}
    
.anchor:last-of-type {
margin-bottom: 40px;
}

.faq p {
font-size: 1rem;
margin-bottom: 0;
margin-top: 1rem;
}

.faq ul {
font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif!important;
}
    
#video-header {
background-color: black;
text-align: center;
padding: 55px 0 20px;
}

#interior-header {
background-color: black;
text-align: center;
padding: 30px 0 40px;
}
    
#video-header h1 {
color: white;
text-transform: uppercase;
}

#interior-header h1 {
color: white;
text-transform: uppercase;
font-size: 3.5rem;
    line-height: 1.2;
}
    
#video-row {
text-align: center;
}

#video-row .row {
max-width: 100%;
}
    
ul.tabs {
display: inline-block;
margin: 0 auto -8px!important;
}

.tabs-content {
text-align: left;
}
    
.tabs-bg {
background-color: black;
}
    
.tabs dd > a, .tabs .tab-title > a {
background-color: transparent;
color: #e6e6e6;
padding: 10px 10px 4px;
text-transform: uppercase;
-webkit-border-radius: 8px 8px 0 0;
border-radius: 8px 8px 0 0;
}
    
.tabs dd > a:hover, .tabs .tab-title > a:hover {
background-color: transparent;
color: white;
}
    
.tabs dd.active a, .tabs .tab-title.active a {
background-color: #e6e6e6;
color: #000000;
}
    
#video-row {
background-color: #e6e6e6;
}
    
.tabs-content > .content {
padding: 1rem 0;
}
    
.video-list p {
color: black;
padding-top: 8px;
}

 .small-logo {
 display: none;
}

.large-logo {
display: inline;
}

#bio iframe {
margin-bottom: 10px;
max-width: 100%;
}

#mobile .click-search, #mobile input {
display: none;
}

.fancy-video {
position: relative;
}

#video-carousel .the-grid li {
width: 31%!important;
padding-bottom: 0;
}

#video-carousel .the-grid li a p {
color: white!important;
font-size: 1rem;
}

 .hide-slider {
      display: inline;
    }
    
    .show-slider {
    
        display: none;  
    }

#interior-header .small-12 {
padding-left: 210px;
    padding-right: 210px;
}

@media screen and (max-width: 1440px) {
    #main ul li {
    padding-left: 10px;
    padding-right: 10px;
    }
    
    #main ul li a {
    font-size: 16px;   
    }
    
    #secondary ul li a {
    font-size: 13px;
    }
    
    #interior-header h1 {
   color: white;
    text-transform: uppercase;
    font-size: 2.5rem;

    }
}

@media screen and (max-width: 1200px) {
    #main {
    width: auto;
    margin-left: 210px;
    }
    
    #logo img {
    max-width: 140px;
    }
    
    #main ul li {
    padding-left: 7px;
    padding-right: 7px;
    }
    
    #interior-header h1 {
   color: white;
    text-transform: uppercase;
    font-size: 2rem;

    }
}

@media screen and (max-width: 1024px) {
    .bottom {
  text-align: right;
  margin-top: 200px;
}
    
    #main ul li a {
    font-size: 14px;
    }
    
    .social {
    margin-left: 15px;
    }
    
    .member h2 {
    color: black;
    font-size: 2rem;
    line-height: 1;
    margin-bottom: 5px;
    }

    .member p {
    font-size: 1rem;
    font-family: 'Geogrotesque', "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
    max-width: 90%;
    width: 375px;
    margin: 0 auto 2.5rem;
    line-height: 1.3;
    }
    
    .slick-slide .play-button {
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -25px;
    margin-top: -55px!important;
    width: 50px!important;
    height: 50px!important;
    display: inline!important;
    }
    
    .slick-slide a p {
    font-size: 12px!important;
    }
    
    #interior-header h1 {
    color: white;
    text-transform: uppercase;
    font-size: 2rem;
    }

    #interior-header .small-12 {
padding-left: 190px;
padding-right: 190px;
}
    
}

@media screen and (max-width: 960px) {
    
    #interior-header .small-12 {
    padding-left: 15px;
    padding-right: 15px;
    }
    
    .small-logo {
    display: inline;
    }
    
    .large-logo {
    display: none;
    }
    
    header {
    padding-top: 70px;
    height: 125px;
    }
    
    #logo {
    top: -58px;
    }
    
    footer #logo {
    top: 10px;
    }
    
    #main, #secondary, .social {
    display: none;
    }
    
    #mobile .social {
    display: block;
    margin: 0;
    }
    
    .social input.clicked {
    width: 175px;
    }
    
    .show-nav {
    display: block;
    float: right;
    }
    
    #mobile {
    position: absolute;
    width: 250px;
    right:0;
    top: 54px;
    background-color: white;
    z-index: 6;
    padding: 15px;
    }
    
    #mobile ul {
    
    margin: 0;
    }
    
    #mobile .social {
    float: left;
    }
    
    #mobile ul li {
    list-style-type: none;
    display: block;
    }
    
    #mobile ul li a {
    color: black;
    font-size: 18px;
    line-height: 32px;
    }
    
    #mobile ul li.divider {
    height: 0;
    border-bottom: 1px solid black;
    margin: 10px 0;
    }
    
    #mobile ul li a.smaller {
    font-size: 14px;
    line-height: 18px;
    }
    
    #mobile ul li a:hover {
    color: #e51b24;
    }
    
    #mobile li .show-dropdown {
    display: none;
    }
    
    #mobile #search {
    text-align: left;
    }
    
    .show-dropdown a {
    font-size: 12px!important;
    font-weight: bold;
    line-height: 16px!important;
    }
    
    .show-nav {
    position: relative;
    padding-left: 1.25em;
    margin-right: .5em;
    margin-top: -1.25rem;
    height: 40px;
    width: 60px;
        
    }
    
    .show-nav img {
    width: 30px;
    }
    
    .why-section h2 {
    font-size: 1.4rem;
    margin-bottom: 10px;
    }
    
    .why-section .divide {
    margin-bottom: 15px;
    }
    
    .why-section p {
    margin: 0 auto 15px;
    }
    
    .member h2 {
    color: black;
    font-size: 2rem;
    line-height: 1;
    margin-bottom: 5px;
    }

    .member p {
    font-size: 1rem;
    font-family: 'Geogrotesque', "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
    max-width: 90%;
    width: 375px;
    margin: 0 auto 2.5rem;
    line-height: 1.3;
    }
}

@media screen and (max-width: 768px) {
    
    .hide-slider {
     display: none;   
    }
    
    .show-slider {
    display: inline;
    }
    
    footer #logo {
    display: none;
    }
    
    #bio li, #bio a {
    font-size: 1rem;
    }
    
    #bio iframe {
    margin-top: 20px;
    }
    
    #big-header h1 {
    font-size: 1.5rem!important;
    }
    
    #expert-panel h1 {
    font-size: 1.5rem!important;
    }
    
    #big-header p {
    font-size: 18px!important;
    }
    
    #interior-header h1 {
    font-size: 1.5rem;
    }
    
    footer .hide-for-small {
    display: none!important;
    }
    
    .bottom {
    text-align: center;
    margin-top: 0;
    }
    
    footer {
    text-align: center;
    }
    
    .video-list {
    text-align: center;
    }
    
    .box {
    margin-top: 0!important;
    }
    
    .hide-for-mobile {
    display: none;
    }
    
    p {
    font-size: .75rem;   
    }

    .button {
    font-size: .85rem;
    padding-top: .5rem;
        padding-bottom: .45rem;
    }
    
    .event .button {
    margin-top: 1rem;
    }
    
    .box {
    margin-bottom: 20px;
    }
    
    .why-section {
    padding: 40px 0 45px;
    }
    
    .upcoming-section {
    padding: 40px 0 30px;
    }
    
    .upcoming {
    width: 275px;
    max-width: 90%;
    }
   

    .upcoming-section .divide {
    padding: 20px 0;
    }
    
    .upcoming-section p {
    font-size: 18px;
    }
    
    .play-button {
    position: absolute;
    width: 60px!important;
    height: 60px!important;
    margin-left: -30px;
    margin-top: -30px;
    }
    
    #testimonials h3 {
    font-size: 22px;
    color: white;
    text-transform: uppercase;
    margin-bottom: 20px;
    }
    
    #testimonials .columns {
    border-bottom: 1px solid white;
    border-right: none;
    padding: 15px 0 0;
    width: 90%;
    margin-left: 5%;
    }
    
    #testimonials .columns:last-of-type {
    border-bottom: none;
    border-right: none;
    padding: 15px 0 0;
    }
    
    footer .small-12 {
    width: 100%;
    }
    
    footer li a {
    font-size: 12px;
    }
    
    .copyright .bottom {
    position: relative;
    margin-top: 25px;
    }
    
    footer {
    }
    
    #message p {
    max-width: 340px;
    }
    
    #bio-header {
    background-color: black;
    text-align: center;
    padding: 45px 0 50px;
    }

    #bio-header h1 { 
    font-size: 3rem;
    }

    #bio-header p {
    font-size: 1rem;
    }

    #bio img {
    margin: 15px auto 0;
    width: 100%;
    }

    #bio li {
    padding-bottom: 5px;
    }
    
    .team-arrow {
    display: inline;
    position: absolute;
    top: 50%;
    right: 15px;
    width: 25px;
    height: 37px;
    margin-top: -18.5px;
    }

    #bio-header {
    background-color: black;
    text-align: center;
    padding: 45px 0 50px;
    }

    .member-info .button {
    display: none;
    }

    .member-info {
    height: auto!important;
    padding: 25px 0!important;
    }

    .member p {
    margin-bottom: 0;
    }

    .triangle, .medium-push-6 .triangle {
    width: 0; 
    height: 0; 
    border-top: none;
    border-left:34px solid transparent;
    border-right:34px solid transparent;
    border-bottom: 35px solid white;
    position: absolute;
    right: auto;
    left: 50%;
    margin-left: -34px;
    top: auto;
    bottom: 0;
    margin-top: 0;
    }

    .member .box {
    margin-bottom: 0;
    margin-top: 0!important;
    }
}

@media screen and (max-width: 480px) {
    
    
    header {
    padding-top: 70px;
    height: 125px;
    }
    
    #logo {
    top: -58px;
    left: 10px;
    }
    
    #mobile {
    width: 100%;
    }
    
    footer ul {
    margin: 20px 0 0;   
    width: 50%;
    }
    
    footer ul {
    width: 100%;
    margin-top: 0;
        margin-bottom: 20px;
    }

    #footer-1, #footer-3 {
    float: left;
    }

    #footer-2, #footer-4 {
    float: left;
    }
    
    #bio-header h1 { 
    font-size: 2rem;
    }

    #bio-header p {
    font-size: .9rem;
    }
    
    .team-arrow {
    width: 18px;
    height: 26px;
    margin-top: -13px;
    }

    .triangle, .medium-push-6 .triangle {
    border-left:17px solid transparent;
    border-right:17px solid transparent;
    border-bottom: 18px solid white;
    margin-left: -17px;
    }  

    .member h2 {
    font-size: 1.5rem;
    }

    .member p {
    font-size: .9rem;
    max-width: 70%;
    }
    
    .tabs dd > a, .tabs .tab-title > a {
    padding: 6px 5px 3px;
    font-size: .75rem;
    }
}

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (-webkit-min-device-pixel-ratio: 2) { 
    
.member .box {
margin-top: 100px!important;
}
    
.team-arrow {
top: 73%;
}

}