@charset "UTF-8";

/* Eden Park CSS */

@import url('https://fonts.googleapis.com/css?family=Montserrat:300,700');

#instafeed, #instafeed2 {display: block; position: relative; margin-top: 20px; overflow: hidden;  display: flex; align-items: stretch; justify-content: space-between; flex-wrap:wrap; padding: 0 20px;}
#instafeed a, #instafeed2 a {display: block; margin: 0; background: #fff; width: 12%; height:200px; margin-bottom: 1rem; overflow:hidden;}
#instafeed a img, #instafeed2 a img {width: 100%; min-height:100%;}
#instafeed a:hover img, #instafeed2 a:hover img {}

.awards-top {position: absolute; left: 250px; top: 20px; max-width: 380px;}
.fb-post {max-height: none !important}

.video-headings {background: #222; color: #fff; text-align: center; display: flex;}
.video-headings > div {width: 50%; padding: 20px 0; font-family:"Avenir LT W01_95 Black1475556"; font-size: 24px;}

.flex-row > div.event-bx {background: #000; width: 35%; color: #fff; overflow: visible; max-height: none}
.venues .event-bx h2 {font-family:"Avenir LT W01_95 Black1475556"; font-size: 40px; line-height: 45px; color: #fff;}
.venues .event-bx h2 strong {color: #d3232a; font-family:"Avenir LT W01_95 Black1475556";}
.venues .event-bx article {padding: 30px;}
.flex-row > div.event-side-bx {width:55%; overflow: visible; max-height: none}

#search-btn {position: relative;  top: -10px; right: 0; padding: 0px; border-radius: 2px; color: #222; width: 32px; height: 32px;}
#search-btn img {width: 100%}
#search-btn:hover {color: rgba(0,0,0,0.5);  cursor: pointer;}
#search-overlay {display:none;}
.block { position: fixed; top: 0;  right: 0;  bottom:0 ; left: 0; overflow: auto; text-align: center;  background: #fff; border: none;  margin: 0; z-index: 9999999}
.block:before {  content: '';  display: inline-block;  height: 100%;  vertical-align: middle;  margin-right: 0;}
.centered { display: inline-block; vertical-align: middle; width: 90%; padding: 10px 15px; color: #FFF; border: none; background: transparent;}
#search-box { position: relative; width: 100%; margin: 0;}
#search-button {position: absolute; right: 0; top: 35%; background: none; border:0; font-size: 40px;}
#search-box input[type="text"] { background-color: #fff; border-bottom: 2px solid #eee !important; border:0; border-radius: 0px; color: #49485C; font-size: 18px; font-weight: 300; height: 3.5rem; line-height: 16px; outline: 0; padding:30px 0; transition: border .3s; width: 100%; -webkit-appearance: none; -moz-appearance: none; font-family:"Avenir LT W01_35 Light1475496"; font-size: 4em; outline: none; }
#search-box input:focus {border-bottom-color: #184179 !important;}
.search-logo {max-width: 180px; margin:0 auto; position: absolute; top: 40px; left: 40px}
#close-btn{position: fixed;top: 1.5em;right: 2em; color: #222}
#close-btn:hover{color: #777;cursor: pointer;}

.advertising-banner {position: relative;}
.advertising-banner .close-btn {position: absolute; right: 20px; top: 20px; width: 32px; height: 32px; opacity: 1; text-indent:-999em; border:0; background:none; cursor:pointer; outline:none}
.advertising-banner .close-btn:hover {opacity: 0.5;}
.advertising-banner .close-btn:before, .close-btn:after { position: absolute; left: 15px; content: ' '; height: 33px; width: 2px; background-color: #fff;}
.advertising-banner .close-btn:before {transform: rotate(45deg);}
.advertising-banner .close-btn:after {transform: rotate(-45deg);}

.thehood-bg {background: #56c0b2}
.thehood-bg .intro-content {background: none; margin:0;}
.thehood-bg .intro-content h1 {font-family: 'franchiseregular'; font-size: 120px; line-height: 90px; margin-bottom: 30px; text-align: center; color: #fff; font-weight: normal;}
.thehood-bg .intro-content h2 {text-align: center;}
.thehood-bg .intro-content h2 strong {font-family:"Avenir LT W01_95 Black1475556";}

.form.thehood-form {max-width: 700px; margin:0 auto;}
.form.thehood-form label {font-size: 19px !important; font-family:"Avenir LT W01_95 Black1475556"; color: #fff; width: 100%}
.form.thehood-form input {border-radius: 3px !important; border:0; background: #e35739; padding: 20px 0; color: #777 !important;}
.form.thehood-form select {border-radius: 3px !important; border:0; background: #e35739; padding: 21px 0; color: #777 !important;}
.form.thehood-form textarea  {border-radius: 3px !important; border:0; background: #e35739; padding: 20px 0; color: #fff !important;}

.form.thehood-form input.button {width: 100% !important; font-family:"Avenir LT W01_95 Black1475556"; margin-top: 10px; font-size: 30px; color: #fff !important}
.form.thehood-form input.button.upload_button {font-size: 18px !important; text-indent: -20px; padding-left: 60px}
.form.thehood-form .check input {display: inline-block; margin-right: 10px; margin-left: 2px;}
.form.thehood-form .check label {display: inline-block; text-align: left; font-family:"Avenir LT W01_35 Light1475496";}
.form.thehood-form p {font-family:"Avenir LT W01_95 Black1475556"; font-size: 24px !important; margin-top: 20px; }

.hood-content {text-align: center; padding-bottom: 100px;}
.hood-content p, .hood-content li {font-size: 16px; color: #fff; line-height: 28px; font-family:"Avenir LT W01_35 Light1475496";}
.hood-content ul {list-style: none; max-width: 800px;margin:40px auto;}
.hood-content li {padding: 10px 0; border-top: 2px dotted #43ab9d;}
.hood-content h2 {font-family:"Avenir LT W01_95 Black1475556"; font-size: 40px; color: #fff; letter-spacing: -2px;}
.hood-content h3 {font-size: 24px; color: #fff}
.hood-content .link {background:#3b5998; color: #fff; display: inline-block; padding: 10px 20px; text-decoration: none; margin-top: 30px; font-family:"Avenir LT W01_95 Black1475556";  border-radius: 4px}

#registerForm {padding: 20px; color: #fff}
#registerForm .button {margin-top: 20px; background: #fece00; color: #000 !important; font-family: 'Gotham Medium'; font-size: 15px; padding: 10px 15px;}
#registerForm h2 {font-size: 24px; font-family:"Avenir LT W01_35 Light1475496";  margin-top: -40px}
#systemMessage {font-size: 24px; font-family:"Avenir LT W01_35 Light1475496";  color: #222; text-align: center;}
.register-button {position: absolute; right: 40px; top: 12%; display: inline-block; z-index: 900}
.register-button a.button {padding: 10px 15px; line-height: 15px; color: #000 !important; background: #fece00 !important; text-decoration: none; font-family:"Avenir LT W01_35 Light1475496";  text-transform: uppercase; display: block; font-size: 15px; background: fece00 }
.venues h1 { color: #222; font-size: 30px; -webkit-font-smoothing: subpixel-antialiased; font-family:"Avenir LT W01_35 Light1475496";  text-align: center; margin-bottom: 10px;}
.venues h2 {color: #222;font-family:"Avenir LT W01_35 Light1475496";  font-weight: normal; font-size: 18px; }
.venues .intro-content p {text-align: center; font-size: 16px; font-weight: 300}
.venues table {width: 100%}


.game-plan {background: #000}
.game-content article {padding:5rem;}
.game-content article h1 {text-transform: uppercase; font-family: 'franchiseregular';  color: #fff; font-size: 100px; line-height: 80px; margin-bottom:20px;}
.game-content article h1 strong {font-family: 'franchiseregular'; font-weight: normal; color: #ed1d24}
.game-content article p {font-size: 18px; color: #fff; margin-bottom: 2rem; line-height: 26px;}

.game-plan .flex {display: flex;}
.game-plan .flex .left {width: 45%}
.game-plan .flex .right {width: 55%}
.game-text {max-width: 550px;}

.call {font-size: 24px; display: block; margin-top: 20px; }
.intro-events {max-width: 1024px; margin:0 auto; padding: 4rem 0}
.intro-left {}
.flex-row .intro-right {width: 70%}
.intro-left h2 {text-transform: uppercase; font-family: 'franchiseregular'; color: #000; font-size: 70px; line-height: 55px; margin-bottom: 5px;}
.intro-left p {font-size: 17px; margin-top: 10px;}

.feature-dark {background: #222223 url(/img/people-bg.gif) 55% 100% no-repeat;
    text-align: center;
    padding: 4rem 0 10rem;}

.feature-dark article {max-width: 1024px; margin:0 auto;}
.feature-dark article h3 {color: #fff; font-size:36px; max-width: 800px; margin: 0 auto 20px; font-family: "Avenir LT W01_35 Light1475496",sans-serif;}
.feature-dark article p {color: #fff; font-size:17px; max-width: 750px; margin: 0 auto; line-height: 26px;}

.venue-buttons {display: block; text-align: center; margin:20px auto;}
.venue-buttons a {border: 1px solid #fff; color: #fff !important; font-size: 13px; display: inline-block; padding: 10px 20px; outline: none; text-decoration: none; margin:0 5px; text-transform: uppercase;}
.venue-buttons a:hover {color: #727272 !important; border-color: #727272}

.venue-options-2.venue-buttons {margin: 20px auto 4rem;}
.venue-options-2.venue-buttons a {color:#222223 !important; border-color: #222223}

.flex-row.venue-options {max-width: 1100px; margin:0 auto 4rem;}
.flex-row.venue-options > div {width: 24%; max-height: 550px;}
.venue-options article {background: #fff; padding: 30px; height: 220px;}
.venue-options h4 {text-transform: uppercase; font-family: 'franchiseregular'; color: #000; font-size: 40px; line-height: 35px; margin-bottom: 5px;}

.venue.grid-content {padding: 5.5rem 0 4rem;}

.flex-row.wrap {
    align-items: flex-start !important;
}

.flex-row.form > div {width: 49%}
.flex-row.form > div input[type="text"], .flex-row.form > div textarea, .flex-row.form > div select {background-color: #fff; border-color: #ccc; border-radius: 0px; width: 99%}
.flex-row.form > div.submit {width: 100%}

.flex-row {display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; -webkit-justify-content: center; justify-content: space-between; -webkit-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-flex-flow: row wrap; flex-flow: row wrap; -webkit-align-content: flex-end; align-content: flex-end;}
.flex-row > div {width: 25%; position: relative; max-height: 450px; overflow: hidden;}  
.flex-row > div.half {width: 50%}
.flex-row.thehood-form > div {width: 49%}

.flex-row.media-releases > div {width: 20%; background: #000 url(/uploads/images/Banner-Full-fireworks.jpg); background-size: cover; height: 40vh}


.flex-row.media-releases > div:after {width: 0; content: ''; height: 0; border-style: solid; border-width: 0 0 50px 50px; border-color: transparent transparent #313132 transparent; position: absolute; right: 0; bottom: 0}

.grid-wrapper.media-releases h2 {font-size: 24px; line-height: 30px;  font-family:"Avenir LT W01_95 Black1475556";  letter-spacing: 0px; }
.grid-wrapper.media-releases .date {display: block; font-size: 18px; opacity: .5; font-family:"Avenir LT W01_35 Light1475496";}


.banner-inside h2 {position: absolute; width: 100%; z-index: 10; text-align: center; top: 43%; color: #fff; font-size: 50px; -webkit-font-smoothing: subpixel-antialiased; font-family:'Gotham Medium';}
.banner-inside.alt {position: relative;}
.banner-inside.alt:after {position: absolute; display: block; content: ''; width: 100%; height: 100%; top: 0; left: 0; z-index: 3; background: linear-gradient(to right, rgba(0,0,0,0.65) 0%, transparent 75%, transparent 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=1 ); opacity: 0.8;}
.grid-wrapper h2 {font-size: 38px; z-index: 10; color: #fff; line-height: 38px; max-width: 75%; left:40px; top: 40px; position: absolute; letter-spacing: -1px; -webkit-font-smoothing: subpixel-antialiased; font-family:'Gotham Medium';}
.grid-wrapper a {text-decoration: none; color: inherit; outline: none}
.grid-wrapper a:hover:before {opacity: 1}
.grid-wrapper a:before { background: linear-gradient(to right, rgba(0,0,0,0.65) 0%, transparent 75%, transparent 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=1 ); opacity: 0.8; }
.grid-wrapper {padding:30px;}
.grid-wrapper img {z-index: 2; height: 100%; width: auto;}
.grid-wrapper a:hover img { -moz-transform: scale(1.1); -webkit-transform: scale(1.1);  transform: scale(1.1);}
.grid-wrapper img { -moz-transition: all 0.3s;  -webkit-transition: all 0.3s; transition: all 0.3s;}
.grid-wrapper a:before, .grid-wrapper a:after {position: absolute; display: block; content: ''; width: 100%; height: 100%; top: 0; left: 0; z-index: 3;}
.grid-wrapper a:after {background: url(/img/light-mesh.png); opacity: 0.5}
.grid-content { padding: 7rem 0; max-width: 800px; margin: 0 auto; }
.grid-content h3 {color: #222; font-size: 21px; letter-spacing: -1px;}
.grid-content p {-webkit-font-smoothing: subpixel-antialiased; font-size: 18px;}
.enquiry-band.membership {text-align: center; padding:5rem 0 0 0;}
.enquiry-band.membership img {width: 100%; max-width: 821px; margin:0 auto;}
.enquiry-band {background: #000; text-align: center; padding: 12rem 0;}
.enquiry-band a {color: #fff; font-family: 'franchiseregular'; text-transform:uppercase; font-size: 100px; text-decoration: none; letter-spacing: 1px; line-height: 20px;}
.enquiry-band small {display: block; font-size: 34px; margin-bottom: 0; letter-spacing: 20px;}

.feature-buttons-membership {display: flex; font-family:"Avenir LT W01_95 Black1475556"; text-align: center}
.feature-buttons-membership > div {width: 50%}
.feature-buttons-membership a {display: block; padding: 40px; text-align: center; text-decoration: none; color: inherit; font-size: 21px}
.feature-buttons-membership .red-bg {background:#cf2630; color: #fff;}
.feature-buttons-membership .green-bg {background:#222; color: #fff;}

.membership-list ul {list-style: none; margin:15px 0;}
.membership-list ul li {border-bottom: 1px solid #eee !important; padding: 12px 0}
.membership-list h5 {color: #cf2630; font-size: 40px; margin-top: 20px; margin-bottom: -10px; font-family:"Avenir LT W01_35 Light1475496";}

.intro-content h3 {text-transform: uppercase; margin-bottom: 10px; font-size: 18px; color: #cf2630}

.horizontal-nav {background: #222; text-align: center;}
.horizontal-nav li {display: inline-block;}
.horizontal-nav li a {color: #fff; text-decoration: none; display: block; padding: 15px 10px; font-size: 18px;}

.g9 .wrapper-lg {height:auto; width: 100% !important; font-family:"Avenir LT W01_35 Light1475496"; overflow: hidden;}
.g9 .wrapper-lg > img {position: absolute; height: auto; width: 100%}
#section5.g9 .wrapper-lg > img {height: auto; width: 100%}

.g-wrapper {max-width: 40%; width: 90%; float: right; z-index: 999; position: relative; margin-right: 8%}
.g-wrapper article {padding:7rem 0; color: #fff; font-size: 16px;}
.g-wrapper article h2 {font-size: 63px; line-height: 60px; text-transform: uppercase; letter-spacing: -1px; font-weight: 700; margin-bottom: 10px; font-family:"Avenir LT W01_95 Black1475556";}
.g-wrapper article p {line-height: 25px; margin-bottom: 10px;}
.g-wrapper table {width: 100%; line-height: 25px;}
.g-wrapper ul {margin:0px 20px 25px; line-height: 25px;}
.g-wrapper ol {margin:0px 20px 25px; line-height: 25px;}

.wrapper-lg.logos-asb {height: 500px;}

.thecourse {position: absolute; left: 0; top: 50px; width: 45%}
.thecourse img {width: 100%}
.yellow-band {background: #f9d200; text-align: center; padding: 40px 0; color: #222; text-transform: uppercase;}
.yellow-band p {font-family:"Avenir LT W01_95 Black1475556"; font-size: 45px;}

#section2.g9 .g-wrapper {float:none; margin:0 auto; max-width: 60%; text-align: center;}
#section2.g9 .g-wrapper h2 {color: #3dad3a}
#section2.g9 .g-wrapper p {color: #444}
#section2.g9 .g-wrapper img {}

#section11.g9 .g-wrapper {float:none; margin:0 auto; max-width: 60%; text-align: center;}
#section11.g9 .g-wrapper h2 {color: #fff}
#section11.g9 .g-wrapper p {color: #fff; font-size: 24px; line-height: 34px;}
#section11.g9 .g-wrapper img {}

#section12.g9 .g-wrapper {float:none; margin:0 auto; max-width: 60%; text-align: center;}
#section12.g9 .g-wrapper h2 {color: #3dad3a}
#section12.g9 .g-wrapper p {color: #444; font-size: 24px; line-height: 34px;}
#section12.g9 .g-wrapper img {}

#section3.g9 .g-wrapper article {color: #222; padding: 15% 0}
#section3.g9 .g-wrapper article table {margin-bottom: 10px;}

#section5.g9 .g-wrapper {max-width:600px}
#section5.g9 .g-wrapper article {font-size: 16px;}
#section5.g9 .g-wrapper p strong {color: #3dad3a}
#section5.g9 .wrapper-lg {height: auto; background: #000;}

#section6.g9 .g-wrapper article ul {list-style:none; margin-top: 40px;}
#section6.g9 .g-wrapper article ul li {display: inline-block;}
#section6.g9 .g-wrapper article ul li a {border: 2px solid #b4d241; font-size: 12px; display: block; color: #b4d241; padding: 15px 25px; text-transform: uppercase; font-weight: 700; letter-spacing: 1px; text-decoration: none; margin: 0 3px;}
#section6.g9 .g-wrapper article ul li a:hover {border-color: #fff; color: #fff}
#section6.g9 .g-wrapper article {padding: 8% 0; text-align: center;}

#section6.g9 .wrapper-lg {height: auto; border-bottom: 1px solid #333}
#section6.g9 .g-wrapper { max-width: 1280px; width: 100%;  float: none; z-index: 999; position: relative; margin:0 auto; }

#section1.mate .wrapper-lg {margin-top:106px; text-align:center;}
#section1.mate h1 {font-family:''; font-size:100px; background: -webkit-linear-gradient(right, #dabf76, #c1983a); background: linear-gradient(right, #dabf76, #c1983a); -webkit-background-clip: text; -webkit-text-fill-color: transparent;}
#section1.mate h2 {font-family:'franchiseregular'; font-size:60px; font-weight:400; line-height:1; color:#fff; text-transform:uppercase; text-align:center; letter-spacing:0px; margin-bottom:0px;}

#section2.mate .wrapper-lg {background:url('/img/mates-2.jpg') no-repeat left top; background-size:100%;}
#section2.mate .text {position:absolute; bottom:0px; left:0px; width:100%;}
#section2.mate .text h2 {font-family:'Gotham Medium'; font-size:32px; color:#dabf76; line-height:42px; letter-spacing:1px;}
#section2.mate .text h2 span {display:block; color:#fff}

#section3.mate {}
#section3.mate .wrapper-lg {background:url('/img/mates-3.jpg') left top; background-size:100%; padding:20px 0px 40px;}
#section3.mate .wrapper {width:1100px;}

#section4.mate .wrapper-lg {background:#000; padding:50px 0px;}
#section4.mate .wrapper {width: 1100px;}

.mate h2 {font-family:'franchiseregular'; font-size:60px; line-height:1; letter-spacing:10px; color:#fff; text-align:center; margin-bottom:10px;}
.mate h3 {font-family:'franchiseregular'; font-size:45px; line-height:1; letter-spacing:5px; color:#bf9538; text-align:center; margin-bottom:20px; background: -webkit-linear-gradient(right, #dabf76, #c1983a); background: linear-gradient(right, #dabf76, #c1983a); -webkit-background-clip: text; -webkit-text-fill-color: transparent;}
.mate p {font-family:'Gotham Medium'; font-weight:400; font-size:18px; line-height:32px; color:#fff;}
.mate p span {color:#c1983a;}
.mate hr {width:90%; margin:30px auto; background:#c1983a; display:block; height:3px; border:none;}

.partner-logo {overflow: hidden; margin-left: -1%}
.partner-logo a {height:100px; width: 16%; position: relative; margin: 1% 0 0% 1%; display: inline-block; background: #fff; border:1px solid #eee; border-radius: 4px; padding: 10px 10px 20px; text-align: center; white-space: nowrap; text-decoration:none; color:#222;}
.partner-logo a.large {width:35%; height:300px}
.partner-logo a.large img {max-width:340px; max-height:200px;}
.partner-logo a.med {width:22%; height:200px}
.partner-logo a.med img {max-width:240px; max-height:100px;}
.partner-logo img {max-width: 140px; margin: 10px auto; border-radius: 5px; mix-blend-mode: multiply; max-height: 80px;  vertical-align: middle; width: auto; position:absolute; top:0; bottom:0; margin:auto; left: 0; right: 0 }
.partner-logo span {position:absolute; bottom:10px; left:50%; transform:translate(-50%, 0%);}
.helper { display: inline-block; height: 100%; vertical-align: middle; }

.reviews ul {list-style: none; margin:0; padding: 0;}
.reviews li {background: #eee; padding: 30px; margin: 10px; width: 90%}
.reviews-right h3 {color: #fff; font-size: 40px; font-family: 'franchiseregular'; line-height: 40px; text-transform: uppercase;}

.supporters {margin-top: 2rem}
.supporters h4 {color: #222; font-weight: 700; font-size:17px;}

.today {padding:5% 0;}
.today h1 {font-size: 75px; line-height: 55px; color: #222; font-weight: 700; letter-spacing: -3px; margin-top: 2rem}
.today h1 strong {color:#af2024; font-weight: 700}
.today h1:after {content: '_'; display: inline-block; font-weight: normal; font-family: arial; position: relative; bottom: 16px; margin-left: 7px}

.n-logo {position: relative; left:0; float: right; margin-right: 10%; top: 0; max-width: 378px}

.today h2 {font-size: 40px; line-height: 35px; color: #222; letter-spacing: -1px; margin: 5rem 0 3rem; font-weight: 700}
.today h2 em {font-style: normal; color:#af2024;}
.today h2:after {content: '_'; display: inline-block; font-weight: normal; font-family: arial; position: relative; bottom: 8px; margin-left: 4px}
.today p {font-size: 16px; color: #222; margin-bottom: 15px; line-height: 22px; max-width: 70%}
.today h3 {color:#af2024; font-weight: 700; font-size: 17px; margin-top: 30px}
.today p a {color: #222; text-decoration: none; border-bottom: 1px solid #222; display: inline-block; margin-right: 10px; font-size: 16px;}

.gallery-section {margin-left: -15px;}
.gallery-section .gallery img {opacity: 1; border:none; width: 100%;}
.gallery-section .gallery .img { margin: 0px !important; max-width: none; width: 25%}
.gallery-section .gallery .img a {margin: 10px; overflow:hidden;}
.gallery-section h2 {display: none !important}

.feature-gallery {margin-left: 0px; padding-bottom: 5rem; margin-top: 4rem; overflow:hidden; }
.feature-gallery img {width:98%; max-height: 430px}
.feature-gallery h2 {color:#af2024; font-size: 21px; margin: 0; line-height: 24px; padding: 40px 0; max-width: 90%; }
.feature-gallery h2:after {content: ''}


.gold-ticket {background: url(/img/gold-ticket.png) no-repeat; overflow:hidden; max-width: 391px; min-height: 391px; margin-top: 4rem}
.gold-ticket article {padding: 70px 0px 0 50px; margin-left: 40px; }
.gold-ticket h4 {font-size: 22px; color: #000; font-weight: 700; letter-spacing: -1px; max-width: 70%; margin-top: 40px}
.gold-ticket p {color: #000; font-size: 15px; max-width: 80%}
.gold-ticket strong {color:#af2024; font-size: 15px}

.today-right h3 {font-size: 40px; line-height: 35px; color: #af2024; letter-spacing: -1px; margin: 5rem 0 3rem; font-weight: 700; margin-top: 7rem}
.today-right h3 em {font-style: normal; color:#af2024;}
.today-right h3:after {content: '_'; display: inline-block; font-weight: normal; font-family: arial; position: relative; bottom: 8px; margin-left: 4px}
.today-right h4 {color: #000; font-weight: 700; font-size: 30px; margin-bottom: 30px; line-height: 27px; letter-spacing: -1px}

.wrapper-sml {max-width: 1280px; margin:0 auto;}

.page-header {background:#000; color:#fff; font-family: 'franchiseregular';  font-style: normal; font-size:22px; padding:20px 0; overflow:hidden; width:100%}
.page-header span {font-size: 50px; display:block; text-align:right}
.page-header h1 {display: block; padding:0; text-transform:uppercase; font-size:45px; font-family: 'franchiseregular'; text-align:center}

.grey-bg {background:#eee; padding-bottom: 10px;}
.intro-content {padding: 40px; background:#fff; margin:20px 0 0 0}
.intro-content h2, .inside-account h2 {color:#222; font-size:50px; letter-spacing:-2px; line-height:50px; font-family:"Avenir LT W01_95 Black1475556";}
.intro-content h2 a {color:#222}
.intro-content .button {margin: 20px 0 0 0}

.page-content {background:#eee; margin: 0; border-top:2px solid #eee; min-height:400px;}
.page-content {padding: 40px; background:#fff}
.page-content h3 {font-size: 24px; color:#222; letter-spacing:-1px; margin:0 0 15px 0}
.page-content p {font-size: 16px; margin:7px 0; padding:7px 0; line-height:23px; border: 0 !important;}
.page-content li {font-size: 16px; line-height:23px; border: 0 !important;}
.page-content p a, .page-content li a {color:#000; text-decoration:none; border-bottom:1px solid #000}
.page-content a:hover {color:#999; border-color:#999}
.page-content h4 {color:#222; font-size:19px; letter-spacing:0px; margin:25px 0 10px 0;}
.page-content .button {position: relative; transition: 0.08s ease-in; overflow: hidden; z-index: 1; -o-transition:      0.08s ease-in; -ms-transition:     0.08s ease-in; -moz-transition:    0.08s ease-in; -webkit-transition: 0.08s ease-in; display: inline-block; border:0; font-size:14px; letter-spacing:0; color:#fff !important; font-family:"Avenir LT W01_95 Black1475556"; text-decoration:none; padding:10px 20px 10px !important; background:#222; line-height:16px;}
.page-content .button:hover {color: whitesmoke;}
.page-content .button:before { content: ""; position: absolute; background: #bc292a; bottom: 0; left: 0; right: 0; top: 100%; z-index: -1; -webkit-transition: top 0.09s ease-in; }
.page-content .button:hover:before { top: 0; }

.banner-inside {background:#222; height:auto;}

.sidenav aside {background:#222; margin:20px 0; padding:50px 40px;}
.sidenav aside.aside-grey { background:#C6C6C6; }
.sidenav aside.aside-grey h2 { font-size: 22px; margin-bottom: 5px; }
.sidenav aside.aside-grey p { margin-bottom: 10px; line-height: 1.4; }
.content-plan .seating-plan  { margin:0 0 0 -7%; } 
.page-content.content-plan { overflow: hidden; } 

.sidenav li a {color:#fff; font-weight:900; text-decoration: none; letter-spacing:0px; font-size:16px; padding:2px 0; display:block}
.side-ad {display: block; margin:20px}
.btm-ad {display: block; margin:20px 0}

body {font-family:"Avenir LT W01_35 Light1475496"; font-style: normal; font-size:14px; color:#444; -webkit-text-size-adjust: none; background:#fff;}
header {background:#fff; height:106px; position: relative; z-index: 999; overflow: hidden;}

.overlay ul ul {display:none}

.logo {width:200px; height:62px; float:left; margin:15px 0}
.logo img {}
#page {background:#fff;}

.signup h2 {text-align:right; padding:20px 0 0 0 }
.sports label {display: inline-block; width:auto; margin-right: 10px; font-weight:300 !important}

.join-newsletter label {font-weight: 700}
.join-newsletter span {display: block; margin-bottom:10px;}

.captcha img {width:auto; margin: 10px 0}
.captcha {font-size: 13px;}
.captcha input {margin-top: 10px;}
.content {color:#8e8e8e;}

/* NEW Eden Park CSS */

.banner-main {max-height:690px; background:#000 url(../img/lions-banner.jpg) no-repeat}
.banner-main article {position: absolute; width:auto; right:5%; bottom:15%; height:auto; z-index:999}
.banner-main h1 {color:#fff; font-family: 'franchiseregular';  font-style: normal; font-size:132px; line-height:110px; text-transform: uppercase;}
.banner-main h1 span {font-size: 145px;}
.banner-main h1 b {font-size: 28px; display:block; font-weight:normal; line-height:24px}

.fwrapper {max-width:90%; margin:0 auto}
.features a {background:#222; margin:10px; display:block; text-decoration:none; color:#fff; position:relative;}
.features a:hover {background:#000}
.features a:hover img {opacity:0}
.features img {opacity:0.5}
.features h3 {position: absolute; z-index:900; color:#fff; opacity:1; left:40px; top:40px; font-family: 'franchiseregular';  font-style: normal; text-transform: uppercase; font-size:50px; line-height:45px; max-width: 80%}

.counter {background:#000; color:#fff; font-family: 'franchiseregular';  font-style: normal; font-size:22px; padding:20px 0; overflow:hidden; width:100%}
.counter span {font-size: 50px; display:block; text-align:right}
.counter p {display: block; padding:5px 0 0 0; text-transform:uppercase; font-size:45px;}

.arrow-link {position: absolute; right:5%; top:75px; display:inline-block; color:#c2c4b5; font-size:28px; font-weight:300; background:url(../img/arw-right.jpg) right 6px no-repeat; padding:0 30px 0 0; text-decoration:none}

.whatson, .news-home, .features {display: block; overflow:hidden; background:#fff; padding-bottom:0px; position:relative}
.whatson h2, .news-home h2, .features h2 {font-family:"Avenir LT W01_95 Black1475556"; font-style: normal; font-size:60px; color:#000; display:block; text-align:center; padding:40px 0; letter-spacing: -3px;}
.whatson ul {list-style:none; padding:0; display:block; overflow:hidden; max-width:90%; margin:0 auto}
.whatson.wide ul {list-style:none; padding:0; display:block; overflow:hidden; max-width:95%; margin:60px auto}
.whatson li {position: relative; display:block; height:450px; overflow:hidden}
.whatson li.month {background:#000; color:#fff;}
.whatson li.month h3 {text-align: center; padding: 25px 0; font-family: 'franchiseregular'; font-size: 3rem; width: 100px; line-height: 50px; margin: 70px auto; border: 3px solid #fff; height: 50px; border-radius: 50%;}
.whatson li.month figure {display:none}
.whatson li.month:hover .event-hover, li.month .event-text:hover .event-hover, li.month figure:hover .event-hover {display:none !important}

.whatson figure {position: absolute; width:100%; background:#000;}
.whatson figure img { opacity:0.8}

.whatson-wrapper article {padding: 50px 0 0 0;}
.whatson-wrapper article h3 {color:#222; font-size:45px; text-align:center; letter-spacing:-1px;}
.whatson-wrapper article p {font-size: 18px; display:block; text-align:center}

.default-news li {background: #222}
.default-news li.General {background: #000}
.default-news li.MediaRelease {background: #000}
.default-news li.TheHood {background: #444}
.default-news li.Video {background: #222}
.default-news li.Stadium {background: #999}
.default-news li.Cricket {background: #057d40}
.default-news li.Carpark {background: #444}
.default-news li.Rugby {background: #1b96e2}
.default-news li.Awards {background: #ef1424}

.default-news li:before, .default-news li:after {position: absolute; display: block; content: ''; width: 100%; height: 100%; top: 0; left: 0; z-index: 3;}
.default-news li:after {background: url(/img/light-mesh.png); opacity: 0.5}
.default-news .event-button-black {width: 100%}

.default-news .event-text span {font-size: 2em;}
.default-news .event-text h3 {font-family:"Avenir LT W01_35 Light1475496"; font-size: 35px; letter-spacing: -1px; line-height:40px ;}

.icon-category {display: block; width: 80px; height: 80px; border:2px solid #fff; border-radius: 50%; margin-bottom: 10px; text-align: center;}
.icon-category.Cricket img {width: 50px; height: 50px; margin:12px auto;}
.icon-category.Stadium img {width: 53px; height: 53px; margin:12px auto;}
.icon-category.Rugby img {width: 45px; height: 45px; margin:15px auto;}
.icon-category.General img {width: 45px; height: 45px; margin:15px auto;}
.icon-category.Awards img {width: 45px; height: 45px; margin:17px auto;}
.icon-category.MediaRelease img {width: 45px; height: 45px; margin:17px auto;}
.icon-category.Video img {width: 45px; height: 45px; margin:17px auto;}
.icon-category.TheHood img {width: 45px; height: 45px; margin:17px auto;}

.event-text {position: relative; z-index:900; background: rgba(0,0,0,0.2); height:100%; color:#fff; padding:7% 10%;}
.event-text span {font-size: 70px; line-height:50px; text-align:center;}
.event-text b {font-family: "Avenir LT W01_35 Light1475496", sans-serif; font-size:36px; text-transform: uppercase; margin-left:6px;}
.event-text p {font-size: 20px; margin:40px 0 10px 0;  font-family: "Avenir LT W01_35 Light1475496", sans-serif; font-style: normal;}
.event-text h3 {font-size: 36px; font-weight:200; line-height:35px; font-family: "Avenir LT W01_35 Light1475496", sans-serif; font-style: normal;}

.whatson .event-hover {position: absolute; z-index:999; bottom:0; width:100%; height:100%; display:none; background: rgba(0,0,0,0.6);}
.whatson li:hover .event-hover, .event-text:hover .event-hover, figure:hover .event-hover {display: block !important; visibility:visible !important}

.event-button-green, .event-button-black {width:50%; text-align:center; display:block; float:left; background:#222; color:#fff; padding:25px 0; font-weight:900; text-transform:uppercase; font-size:24px; letter-spacing:2px; text-decoration:none; position:absolute; bottom:0; font-family: 'franchiseregular';}
.event-button-green { background: rgba(116,143,36,0.8); left:0}
.event-button-green:hover {background: rgba(116,143,36,1);}
.event-button-black { background: rgba(0,0,0,0.8); right:0}

.news-wrapper {display:block; overflow:hidden; max-width:90%; margin:20px auto 0}
.twitter {display: block; overflow:hidden; margin:0 0 0 5px; padding:0; float:left; width:33%; max-height:280px; }
.twitter a {text-decoration:none; color:#949393;}
.twitter .blue {color:#1b96e2}
.twitter li {float:left; display:block; position:relative}
.twitter > li > div {background:#eee; margin-right: 10px; padding:35px; color:#949393; min-height:280px; }
.tdate {font-size:18px;}
.tdate i {width:22px; display:inline-block; margin-right:10px;}
.tpost {font-size:17px; color:#5c5b5b; font-weight:300; margin:30px 0; line-height:22px}

.tname {font-size:12px; display:block; text-align:right; color:#bebebe; font-weight:600; position: absolute; bottom:90px; right:35px;}

.signup-home {display: block; overflow:hidden; padding:70px 0}
.signup-home h3 {font-family:"Avenir LT W01_95 Black1475556"; font-style: normal; font-size:29px; color:#000; display:block; text-align:center; padding:0 0 40px 0;}
.signup-form {max-width:1080px; margin:0 auto; position:relative}
.signup-form input[type="email"] {border-bottom: 3px solid #000 !important; background:#fff; border:0; font-family: "Avenir LT W01_35 Light1475496",sans-serif; font-style: normal; font-size:19px; font-weight: 300; color:#666; outline:none; width:100%; padding:15px 0}
.signup-form .btnm {text-transform: uppercase; color:#bababa; font-size:14px; position:absolute; right:0; bottom:15px; padding:0 60px 0 0; font-family:"Avenir LT W01_95 Black1475556"; border:0; outline:none; -webkit-font-smoothing: antialiased; letter-spacing:1px; background:url(../img/arrow.gif) right no-repeat}

.home-slider article {position: absolute; display:block; width:90%; height:100%; padding:5% 5% 0 5%; z-index:999; color:#fff}
.home-slider article h3 {font-family: 'franchiseregular'; font-size:120px; line-height:100px; text-transform:uppercase; margin-top:0px;}
.home-slider article h4 {font-weight:400; letter-spacing:-1px; font-size:30px; color:#5c5b5b; font-family: "Avenir LT W01_35 Light1475496", sans-serif; font-style: normal;}
.home-slider article p {text-align:right; color:#fff; font-size:30px; font-weight:300; margin:50px 0}

.sm-bar {background:#222223 url(/img/people-bg.gif) right bottom no-repeat; text-align:center; padding:50px 0}
.sm-bar ul {display: inline-block; margin:0; padding:0;}
.sm-bar li {display: inline-block; margin:0 3px;}

.black-bg {background: #000; height: 70vh;}
.neighbour { padding: 0 0; }
.neighbour.nfeat { padding: 5% 0 0 0; }
.neighbour article { padding: 10% 5% 0 5%; }
.neighbour.nfeat article { padding: 0 5% 0 5%; }
.neighbour article h2 {font-family: 'franchiseregular'; text-transform: uppercase; color:#fff; font-size:45px; line-height: 44px; -webkit-font-smoothing:antialiased; margin-bottom:10px;}
.neighbour article h3 {font-family: 'franchiseregular'; text-transform: uppercase; color:#fff; font-size:25px; line-height: 44px; -webkit-font-smoothing:antialiased; margin-bottom:10px;}
.neighbour.nfeat article h3 {font-family: 'franchiseregular'; text-transform: uppercase; color:#fff; font-size:25px; line-height: 44px; -webkit-font-smoothing:antialiased; margin:10px 0;}
.neighbour article p {font-size:18px; color:#fff; line-height:30px;}
.neighbour figure { padding: 10% 5% 10% 5%; }
.neighbour.nfeat figure { padding: 0 5% 10% 5%; }


/* NEW Eden Park CSS */

.icon {display: block; float:left; margin:0 30px 0 0}
.icon span {font-family: "nimbus-sans",sans-serif; font-style: normal; font-weight: 900; text-transform:uppercase; font-size:10px; line-height:11px; color:#a9a9ab; display:block; margin: 10px 0 0 0; float:left; text-decoration:none; }
.icon img {width: auto; display:block; margin:0px 10px 0 0; float:left; }
.banner #memberlink { position: absolute; top: 10%; right: 5%; z-index: 1001; max-width: 440px; }
.banner #memberlink img { margin: 0px; }
.membership-popup { min-height: 20px; transform: scale(0.8); padding: 8px; margin-bottom: 20px; background-color: #000; border-radius: 3px; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.05); box-shadow: inset 0 1px 1px rgba(0,0,0,.05); max-width: 700px; position: relative; }
.well { min-height: 20px; transform: scale(0.8); padding: 19px; margin-bottom: 20px; background-color: #313132; background: url(../img/red-bg.jpg) no-repeat center top; background-size: cover; border: 1px solid #000; border-radius: 4px; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.05); box-shadow: inset 0 1px 1px rgba(0,0,0,.05); max-width: 600px; position: relative; }
.popup_visible .well { transform: scale(1); }
.well.video-bg {background:#222; overflow:hidden; display:block; padding:0; box-shadow:none !important; border:0; margin:0 auto; max-width:1000px; position:relative; height:600px;}
.share {display: block; padding:0 0 30px 0; text-align:center; margin-top:-4px; color:#fff; text-decoration:none; text-transform:uppercase; font-family: "nimbus-sans",sans-serif; font-weight:700; letter-spacing:2px; font-size:15px; -webkit-font-smoothing: antialiased;}
.close { position: absolute; right: 20px; top: 10px; width: 32px; height: 32px; opacity: 1; text-indent:-999em; border:0; background:none; cursor:pointer; outline:none }
.close:hover { opacity: 0.5; }
.close:before, .close:after { position: absolute; left: 15px; content: ' '; height: 33px; width: 2px; background-color: #fff; }
.close:before { transform: rotate(45deg); }
.close:after { transform: rotate(-45deg); }
.well h2 { font-family: "nimbus-sans",sans-serif; font-style: normal; font-weight: 900; color: #fff; text-transform: uppercase; font-size: 32px; line-height: 40px; margin-bottom: 20px; text-align: center; }
.well h3 { font-family: "nimbus-sans",sans-serif; font-style: normal; font-weight: 900; color: #fff; text-transform: uppercase; font-size: 25px; line-height: 30px; margin: 10px 0 0 0; text-align: center; }
.well h3 a { color: #fff; text-decoration: none; }
.well p { font-family: "Avenir LT W01_35 Light1475496",sans-serif; font-style: normal; color: #fff; font-size: 14px; line-height: 17px; margin-bottom: 10px; text-align: center; }
.well .btn-default { color: #333; background-color: #fff; border-color: #ccc; }
.well .btn { display: inline-block; padding: 8px 12px; margin: 0 auto; font-size: 15px; font-weight: 400; line-height: 1.42857143; text-align: center; white-space: nowrap; vertical-align: middle; -ms-touch-action: manipulation; touch-action: manipulation; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-image: none; border: 1px solid transparent; border-radius: 4px; position: absolute; bottom: 15px; right: 15px; font-family: "nimbus-sans",sans-serif; font-style: normal; font-weight: 900; }
.btn-default:hover{color:#333;background-color:#e6e6e6;border-color:#adadad}
.well .btn2 { font-family: "nimbus-sans",sans-serif; font-style: normal; font-weight: 900; text-transform: uppercase; font-size: 25px; display: block; width: 50%; padding: 6px 12px; margin: 0 auto 10px auto; line-height: 1.42857143; text-align: center; white-space: nowrap; vertical-align: middle; -ms-touch-action: manipulation; touch-action: manipulation; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-image: none; color: #fff; background-color: #474846; border-color: #ccc; border: 1px solid transparent; border-radius: 4px; text-decoration: none; }
.btn2:hover{color:#333;background-color:#e6e6e6;border-color:#adadad}


/* Header Menus */
#trigger-overlay {display: block; position: absolute; overflow: hidden; margin: 0; padding: 0; width: 55px; height: 45px; font-size: 0; text-indent: -9999px; appearance: none; box-shadow: none; border-radius: none; border: none; cursor: pointer; transition: background 0.3s; top: 30px; right: 15px;}
#trigger-overlay:focus { outline: none; }
#trigger-overlay span { display: block; position: absolute; top: 20px; left: 7px; right: 7px; height: 3px; background: #000; }
#trigger-overlay span::before, .menu-o span::after { position: absolute; display: block; left: 0; width: 100%; height: 3px; background-color: #000; content: ""; }
#trigger-overlay span::before { top: -15px; }
#trigger-overlay span::after { bottom: -15px; }
.menu-o { background-color: transparent; }
.menu-o span { transition: background 0s 0.3s; }
.menu-o span::before, .mm-opened .c-hamburger--htx span::after { transition-duration: 0.3s, 0.3s; transition-delay: 0.3s, 0s; }
.menu-o span::before { transition-property: top, transform; }
.menu-o span::after { transition-property: bottom, transform; }

header nav {margin: 0}
header nav ul {float:right; display:block; margin-right:100px}
header nav li {float:left; display: block; padding:45px 15px;}
header nav li a {display:block; font-family:"Avenir LT W01_65 Medium1475532"; color:#000; text-decoration:none; font-size:14px;}
header nav li a.red {color:#cf181f; font-size: 12px !important;}
header nav li a:hover {color:#777;}
header nav .connect {float:right; display:block}
header nav .connect span {font-weight:800; text-transform:uppercase; color:#7c7c7e; display: block; float:left; padding:10px 20px; font-size:12px;}
header nav .connect a.facebook, header nav .connect a.insta, header nav .connect a.twit {width: 32px; height:32px; display:block; float:left; margin-left:7px; padding:0;}
header nav .connect a.facebook {background: url(../img/facebook.png) no-repeat;}
header nav .connect a.insta {background: url(../img/instagram.png) no-repeat;}
header nav .connect a.twit {background: url(../img/twitter.png) no-repeat;}

.menu {background:#313132; position: relative; display: block; z-index: 9999;}
.menu > nav > ul > li {display:block; float:left; margin:0}
.menu > nav > ul > li > a {padding: 30px 20px; color:#fff; font-family: "nimbus-sans",sans-serif; font-style: normal; font-weight: 900; text-transform:uppercase; font-size:16px; display:block; text-decoration:none; -webkit-font-smoothing:antialiased;}
.menu > nav > ul > li > a:hover, .menuactive a {}

.nav > li > div {position: absolute; z-index:9999; left: auto; top: 79px; display: none; background: #cf181f; padding: 0px; box-shadow: 0 2px 3px rgba(0,0,0,0.1); overflow: hidden;  -webkit-border-bottom-right-radius: 4px; -webkit-border-bottom-left-radius: 4px; -moz-border-radius-bottomright: 4px; -moz-border-radius-bottomleft: 4px; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; }
.nav > li > div p { color: #666;}
.nav > li > div.right { right: 0; left: auto }
.container-1, .container-2, .container-3, .container-4 { font-size: 80%; }
.nav > li:hover > a {background: #cf181f}
.nav > li:hover > div { display: block; }

a.menu-icon {width: 36px; height:29px; background:url(../img/menu-lines.png); position:absolute; right:30px; top:45px; display:none; text-decoration:none}
a.menu-icon span {margin-top: 32px; display: block; text-transform: uppercase; font-family: "nimbus-sans",sans-serif; font-style: normal; font-weight: 900; color: #222; font-size:12px;}

/* Menu Columns */

.container-drop ul { margin: 0; padding: 0;}
.container-drop ul li {width: 100%; display: block}
.container-drop ul li a {font-size: 17px; display:block; padding:10px 0; color:#fff; text-decoration:none; font-family: "nimbus-sans",sans-serif; font-style: normal; font-weight: 900; text-transform:uppercase; border-bottom: 1px solid #e32c33; margin:0 10px;}
.container-drop ul li a:hover {color:#313132; border-radius:4px}

/* Drop Column */

.container-drop { width: 350px; position:relative; z-index:9999}
.inner {padding: 20px 30px 30px 30px; display:block; overflow:hidden}
.container-drop h4 {margin:20px 0 -40px 0; text-transform:uppercase; font-size:20px; }
.account-nav h4 {margin: 0 !important;}
.account-nav ul {margin: 10px 0 !important}

/* Content Area */

.content {display: block;}
.main-content {width: 65%; float:left; display:block}
.event-content {width: 100%; display:block}
.event-content .copy h2 {margin:0 !important}
.content p {color:#333; font-size:15px; line-height:23px; margin:7px 0; padding:7px 0}
.content ul {margin: 15px 10px 15px 20px; }
.content li {color:#333; font-size:14px; line-height:23px;}

.content h2 {font-size: 23px; color:#313132; font-family: "Avenir LT W01_35 Light1475496",sans-serif; font-style: normal; line-height:30px; margin:0px 0 20px 0;}
.content h6 {display: block; background:#444; color:#fff; font-weight:700; padding:3px 10px; text-align:center; margin:10px 0 20px 0; border-radius:3px; font-size:15px;}

strong {font-family:"Avenir LT W01_85 Heavy1475544"; font-weight: normal}
.copy h3 {font-size: 18px; text-transform:uppercase; color:#222; -webkit-font-smoothing:antialiased; margin:10px 0}
.copy h4 {font-size: 16px; font-family: "Avenir LT W01_35 Light1475496",sans-serif; color:#444; display:inline-block;}
.red.content .copy h3 {color:#c0171d; border-bottom: 3px solid #c0171d; display:inline-block}
.green.content .copy h3 {color:#839828; border-bottom: 3px solid #839828; display:inline-block}
.dark.content .copy h3 {color:#444; border-bottom: 3px solid #444; display:inline-block}

.ics-link {background: #222; color:#fff !important; display:inline-block; font-weight:800; line-height:11px; font-size:11px; padding:6px 15px; text-decoration:none; text-transform:uppercase; }
.ics-link i {margin-right: 5px;}
.content a {color:#444;}

.trust-profiles {display: block; margin-bottom:30px}
.trust-profiles td {border-bottom: 1px solid #eee; padding: 25px 0; }
.profile-pic img {width: 140px; margin-right:30px; margin-top:0px;}

h1, h2, h3, h4, h5, h6 {font-family:"Avenir LT W01_95 Black1475556"; font-style: normal;}

a.button, span.button, input.button, .cms_submit {border:0; font-family:"Avenir LT W01_85 Heavy1475544"; line-height:12px; font-size:13px; letter-spacing: 0px; color:#fff !important; background:#c0171d; display:inline-block; padding:12px 20px; text-decoration:none; text-transform:uppercase; margin:0}

.cms_submit {display: block; margin:20px 0}

p.button a {border:0; font-weight:800; line-height:11px; font-size:11px; color:#fff !important; background:#c0171d; display:inline-block; padding:6px 15px; text-decoration:none; text-transform:uppercase;}
a.button:hover, span.button:hover, input.button:hover {background:#bc292a}

.sidebar {position: relative; float:left; display:block; margin:-8% 0 0 0; z-index:999; overflow:hidden; width:35%;}
.sidebar article {padding: 50px 60px;}
.sidebar article h1 {text-transform: uppercase; color:#fff; font-size:51px; line-height: 44px; -webkit-font-smoothing:antialiased; letter-spacing:-1px; margin-bottom:10px;}
.sidebar article p {font-size:27px; color:#fff; line-height:30px;}
.sidebar .button {color:#fff !important}
.sidebar a {color:#fff;}
.sidebar .button a {background:#222;}

.bg-red {background: #c0171d}
.bg-green {background: #839828}
.bg-dark {background: #222}

article.copy {padding: 5% 5% 5% 8%}

.event-content article.copy {padding: 50px}
.content-sidebar {display: block; background:#eee; padding:30px;}
.content-sidebar h2, .content-sidebar h1 {border-top: 3px solid #444; font-size:26px; padding:10px 0 0px 0; margin:0; text-transform:uppercase; font-family: "nimbus-sans",sans-serif; font-style: normal; font-weight: 900; color:#444}
.content-sidebar h3 {color:#444; font-size:16px; text-transform:uppercase;}
.copy hr {display: block; height:1px; background:#eee; border:0; margin:25px 0}
.content-sidebar a {color:#444;}
.copy .events-list li {border-bottom: 1px solid #eee;}
.newsletter label {display:none}


/* Banner */

.banner {position: relative; display:block; height:900px; z-index:900; background:#fff; overflow:hidden}
.banner img {margin-top: -8%}
.dudes img {margin-top: -13%;}
.banner-overlay-top {background: url(../img/banner-overlay.png) no-repeat; top:0; left:0; height:38px; z-index:900; width:100%; position:absolute}
.banner-overlay-bottom {background: url(../img/banner-overlay-bottom.png) no-repeat; bottom:0; height:160px; z-index:900; width:100%; position:absolute}
.banner-text {font-size: 82px; color:#fff; line-height:65px; width:700px; position:absolute; font-family: "nimbus-sans",sans-serif; font-style: normal; font-weight: 900; text-transform:uppercase; left:0; top:100px; text-align:right; -webkit-font-smoothing:antialiased; z-index:999; width:100%}
.banner-overlay-btm {background: url(../img/banner-angle-pres.png) no-repeat; bottom:0; height:100px; z-index:900; width:100%; position:absolute}
.banner-pres {position: relative; display:block; z-index:500; background:#fff; max-height: 400px; overflow: hidden;}
.banner-pres-rich {position: relative; display:block; z-index:500; background:#fff; max-height: auto; overflow: hidden;}
.banner-pres a {position: absolute; width:100%; height:100%; display:block}

.ad-version .banner-text {left:50px; top:290px; text-align:left; width:auto;}

.news-scroller {position: absolute; width:539px; height:126px; background:url(../img/whats-on-bg.png) no-repeat; left:0; top:100px; z-index:999}
.news-scroller article {padding: 40px 40px 40px 50px;}
.news-scroller h2 {text-transform: uppercase; font-family: "nimbus-sans",sans-serif; font-style: normal; font-size: 20px; color:#fff;}
.news-scroller p {color:#fff; font-size:15px; text-transform:uppercase; font-weight:700}
.news-scroller a {background:url(../img/banner-btn-bg.png) no-repeat; width:151px; padding: 10px 0 10px 20px; color:#fff; text-decoration:none; display:block; text-transform:uppercase; font-size:14px; font-weight:900; margin-top:-10px; text-align:left; font-family: "nimbus-sans",sans-serif; font-style: normal; -webkit-font-smoothing:antialiased;}
.news-scroller .flex-direction-nav {display:none !important}

.ad-block {width: 25%;  position:absolute; z-index:999; right:100px; top:100px; display:block}
.ad-block-btm {width: 500px; background:#222; height:400px; position:absolute; z-index:999; right:0px; top:100px; display:none}

/* Sliders Below Banner */

.block-main {z-index:999; width:100%; height:405px; background: url(../img/banner-overlay-bottom.png) no-repeat center top; margin-top:0px; position:absolute; bottom:0}
.block-main-container {background:url(../img/main-block-bg.png) center top no-repeat; height:405px; position:relative; margin-top: 15px;}
.block-main .left-slider {overflow:hidden; height:405px;}
.block-main .right-events {overflow:hidden; height:405px;}

article.slide {padding: 140px 50px 50px 90px;}
article.slide h2 {font-size:49px; color:#fff; text-transform:uppercase; margin-top:25px; max-width:400px; line-height:46px; letter-spacing:-1px}
.slide-title p {color:#7a7a7b; font-size:21px; margin:10px 0; }
.slide-desc {padding: 25px 0 0 20px;}
.slide-desc p {font-size: 25px; color:#fff; line-height:28px;}
.slide-desc p a {font-size: 12px; font-family: "nimbus-sans",sans-serif; font-style: normal; font-weight: 700; color:#fff; text-decoration:none; text-transform:uppercase;  display:inline-block; background:#b41c20; padding:4px 10px; line-height:14px; margin-top:20px; }

/* Events Area Below Banner */

.right-events h2 {color:#fff; font-size:25px; margin:80px 0 10px 0; text-transform:uppercase; -webkit-font-smoothing:antialiased; letter-spacing:-1px}
.events-list {margin:0 45px 0 0; padding:0; list-style:none}
.events-list li {border-bottom:1px solid #3c3c3d; padding:10px 0; display:block; overflow:hidden; position:relative}
.events-list li.last {border-bottom:none}
.events-list li p {font-size: 12px; font-family: "nimbus-sans",sans-serif; font-style: normal; font-weight: 700; color:#000; text-transform:uppercase; margin:0; padding:0; line-height:11px;}
.events-list li small {color:#839828; font-weight:700; text-transform:upppercase; font-size:11px; text-transform:uppercase; line-height:11px;}
.events-list li a {background:#839828; display:inline-block; position: absolute; right: 0; top: 14px; color:#fff; text-decoration:none; font-family: "nimbus-sans",sans-serif; font-style: normal; font-weight: 800; text-transform:uppercase; padding:4px 10px; font-size:11px; cursor: pointer;}
.events-list li a:hover {background:#000}

.copy .events-list {margin:0 !important}
.copy .events-list li p {color:#73726D}
.copy .events-list li a {background:#c0171d}
.copy .events-list li small {color:#c0171d}


/* Grid Feature */

.grid-buttons {margin-left:-40px; margin-bottom:40px; display:block; overflow:hidden}
.grid-buttons.pres {margin-left:-20px;}
.grid-buttons > div a {background:#fafafa; display:block; margin-left:40px; margin-top:40px; padding:50px; min-height:130px; position:relative; overflow:hidden; text-decoration:none}
.grid-buttons.pres > div a {margin-left:20px; margin-top:20px; padding:30px; min-height:120px;}
.grid-buttons > div > a figure {position: absolute; z-index:600; left:0; top:0; height:100%}
.grid-buttons > div > a figure img { -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); filter: gray; filter: grayscale(100%); filter: url(desaturate.svg#greyscale); opacity:.1; height:100%; width:auto}
.grid-buttons > div > a:hover figure img {-webkit-filter: none; -moz-filter: none; filter: none; filter: none; filter: none; opacity:1; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; cursor:pointer; }
.grid-buttons > div > a:hover h3 {color:#fff;}
.grid-buttons > div > a h3 {font-size:26px; color:#29292a; line-height:22px; text-transform:uppercase; margin-bottom:10px; position:relative; z-index:800; max-width: 100%;}
.grid-buttons > div > a .button {position:relative; z-index:800;}
.grid-buttons > div > a .button:hover {background:#222}
.grid-buttons .news {background:#383838; display:block; margin-left:40px; margin-top:40px; padding:50px; min-height:130px; position:relative; overflow:hidden; text-decoration:none}
.grid-buttons .news h3 {font-size:23px; color:#fff; line-height:22px; text-transform:uppercase; margin-bottom:10px; position:relative; z-index:800;}

/* Ticket Area */

.ticket-logos {display: block; overflow:hidden; margin-bottom:35px;}
.ticket-logos img {width:auto; float:right;}

/* Red Feature Area */

.feature-area {background: url(../img/red-bg.jpg) no-repeat center top; min-height:712px; display:block;}
.feature-area aside {padding: 9.6% 0 0 0}
.feature-area aside h4 {color:#fff; text-transform:uppercase; font-size: 52px; line-height:46px; margin-bottom:40px;}
.feature-area aside p {color:#fff; font-size:33px; -webkit-font-smoothing:antialiased; letter-spacing:-1px}
.feature-area aside p a {border:0; font-family: "nimbus-sans",sans-serif; font-style: normal; font-weight: 900; line-height:14px; font-size:16px; color:#fff; background:#313132; display:inline-block; padding:15px 45px; text-decoration:none; text-transform:uppercase; margin:55px 0}


/* Forms */

.directions-form {display: block;}
.directions-form input[type="text"] {padding: 15px; border: 1px solid #ddd; font-family: "Avenir LT W01_35 Light1475496",sans-serif; font-style: normal; font-size:16px; font-weight:700; outline:none; border-radius:4px; width: 70%; margin-right:10px;}
.directions-form input.button {border-radius:4px; padding: 20px; font-size: 17px; outline:none}

/* Seating Plan */

.seating-plan {background: url(../img/seating_plan.png) center top no-repeat; position:relative; width:1000px; height:944px; margin: 0 0 0 -15%; font-family:Helvetica Neue;}
.seating-plan area {outline:none; }
.modal {width:320px; background:#fff; position:absolute; left:332px; top:335px; display:none; padding:3px;}
/*.modal:before { content: ""; position: absolute; bottom: -5px;  right: auto; border:6px solid transparent; border-top-color: #fff;  display: block; width: 0; bottom: -12px; right: 40px; }*/
.modal a {padding:0px; margin:0; font:bold 13px/18px arial, sans-serif; color:#09c; text-decoration:none;}
.modal img {display:block; float:right; padding:0; width:100%;}

.key td {padding: 5px 0}
div.level-6 {height: 20px; width:50px; background:#6c6d70; display:block}
div.level-5 {height: 20px; width:50px; background:#939598; display:block}
div.level-4 {height: 20px; width:50px; background:#a8a9ad; display:block}
div.level-3 {height: 20px; width:50px; background:#d1d2d4; display:block}
div.level-2 {height: 20px; width:50px; background:#e6e7e9; display:block}
span.level-6, span.level-5, span.level-4, span.level-3, span.level-2 {text-transform: uppercase; font-size:13px; margin-left:5px; display:block; font-weight:700; color: #777;}

/* Footer Area */

.footer-container {background: #313132; display:block; padding:40px 0 0 0}
.footer-menu {display:block; overflow:hidden; margin:20px 0 50px 0 }
.footer-menu > div {float:left; width:auto; margin-right:10%;}
.footer-menu > div h5 {color:#fff; font-family:"Avenir LT W01_95 Black1475556"; font-size:18px; margin:10px 0;}
.footer-menu > div ul {list-style:none; margin:0; padding:0;}
.footer-menu > div ul li a {color:#727272; text-decoration:none; font-family: "Avenir LT W01_35 Light1475496",sans-serif; font-style: normal; font-size:14px; font-weight: 300;  line-height:24px;}
.footer-menu > div ul li a:hover {color:#8e8e8e;}

/* Footer Area with Signup Form */

.signup {margin-top: -50px; width: 310px; float:right;}
.signup h5 {color:#fff; text-transform:uppercase; font-size:12px; text-align:right;  margin-right:5px;}
.details h6 {color:#fff; font-size:18px; text-align:right;  margin-bottom:10px; margin-top:15px; font-family:"Avenir LT W01_95 Black1475556";}
.details p {color:#727272; text-align:right; line-height:20px;}
.signup form {display: block; margin:15px 0; position:relative;}
.signup input[type="text"], .signup input[type="email"] {border:0; background:#222223; padding:15px 0; text-indent:20px; margin-right:1px; font-family: "Avenir LT W01_35 Light1475496",sans-serif; font-style: normal; font-size:13px; font-weight: 300; outline:none; color:#fff;}

.signup input.validation, .join-newsletter input.validation, .join-newsletter select.validation{outline:1px solid red;}
.signup #flash, .error{color:red;}
.details {margin-top: 30px;}
.details p {font-size: 14px; line-height:22px;}
.details a {color:#727272; text-align:right;}
.name input {-webkit-border-top-left-radius: 4px; -webkit-border-bottom-left-radius: 4px; -moz-border-radius-topleft: 4px; -moz-border-radius-bottomleft: 4px; border-top-left-radius: 4px; border-bottom-left-radius: 4px;}
.namelast input {-webkit-border-top-right-radius: 4px; -webkit-border-bottom-right-radius: 4px; -moz-border-radius-topright: 4px; -moz-border-radius-bottomright: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px;}

.signup form div {display:block; overflow:hidden}
.signup form .name, .signup form .namelast {width:48%; float:left; display:block}
.signup .email input {width: 99%; border-radius:4px; margin:5px 0}
.signup .cms_submit {background: url(../img/send.png) no-repeat; display:block; width:20px; height:16px; position:absolute; border:0; right:20px; top:47px; text-indent:-9999em; outline:none}

.signup-top {display: block; overflow:hidden; position:absolute; right:-20px; top:50px; width: 330px; text-align:right}
.signup-top .field {float:left; display:block;}
.signup-top .field input {border: 1px solid #eee; color:#666; padding:5px 10px; font-family: "Avenir LT W01_35 Light1475496",sans-serif; font-style: normal; font-size:12px; font-weight: 500; outline:none}
.signup-top .cms_submit {padding: 8px 15px;}
.signup-top h2 {margin: 20px 20px 0 0;}

.signup-top ::-webkit-input-placeholder { color: #acabab;}
.signup-top :-moz-placeholder { color: #acabab; }
.signup-top ::-moz-placeholder { color: #acabab; }
.signup-top :-ms-input-placeholder {color: #acabab;}

::-webkit-input-placeholder { color: #acabab;}
:-moz-placeholder { color: #acabab; }
::-moz-placeholder { color: #acabab; }
:-ms-input-placeholder {color: #acabab;}

/* Copyright Area & Links */

.copyright {border-top: 1px solid #3c3c3c; padding:20px 0; font-size:11px; text-align:right; font-family: "Avenir LT W01_35 Light1475496",sans-serif; font-style: normal; font-size:11px; font-weight: 300; position:relative; color:#6d6d6d; }
.copyright > a {color:#6d6d6d; text-decoration:none}
.copyright ul {margin:0; padding:0; position:absolute; width:auto; left:0; top:20px; list-style:none}
.copyright ul li {float:left; display:block;}
.copyright ul li a {display: block; padding:0 20px 0 0; font-family:"Avenir LT W01_95 Black1475556"; color:#fff; font-size:9px; text-transform:uppercase; text-decoration:none; letter-spacing: 1px;}
.copyright ul li a:hover {color: #494949;}

.membership-day{display:none;}

/* Search */
.search .search-icn { border:0; border-top-right-radius: 4px; border-bottom-right-radius: 4px; background-color:#fff; padding:11px 13px 14px 13px; color:#666666; display:inline-block; margin-left:-5px; }
.search .cms_form {display:inline;float:left;margin:20px 0px 0px;}
.search input { padding:14px 10px 14px 20px; text-transform:uppercase; border-top-left-radius:4px; border-bottom-left-radius:4px; border:0; color:#ababab; font-family:"nimbus-sans"; font-size:10px; width:130px; display:inline-block; margin-right:0px; margin-left:30px; }
.search ::-webkit-input-placeholder { color: #ababab; }
.search :-moz-placeholder { color: #ababab; }
.search ::-moz-placeholder { color: #ababab; }
.search :-ms-input-placeholder { color: #ababab; }


/* New Membership */

.intro-content.intro-content-bg { background: none; box-sizing: border-box;}
.list-boxes { padding-bottom: 50px;} 
.list-boxes li { list-style: none; padding: 0 15px 30px; box-sizing: border-box;  min-height:420px; }
.list-boxes li .inside-box { background: #fff;}
.list-boxes li .inside-box figure { height: 165px; overflow: hidden; background-size: cover; background-position: center;  }
.list-boxes li .inside-box .box-text { padding: 30px; } 
.list-boxes li .inside-box h2 { font-size: 1.5rem; line-height: 1.1; text-transform: uppercase; margin-bottom: 5px; letter-spacing: -0.03em; color:#000; }
.list-boxes li .inside-box h6 { font-size: 17px; line-height: 1.1; text-transform: uppercase; margin:20px 0 0px; letter-spacing: -0.04em; color:#7ba017; }
.list-boxes li .inside-box p {  margin-bottom: 0; line-height: 21px; font-size: 15px; }
.list-boxes li .inside-box hr { border-top: 1px solid #e8e8e8; } 
.list-boxes .button { margin: 20px 0 5px; text-align: center; box-sizing: border-box; width: 48%; display: inline-block; border: 2px solid #222; font-size: 15px; letter-spacing: 0; color: #222 !important; text-decoration: none; padding: 10px 10px 10px !important; background: #fff; line-height: 15px; }
.list-boxes .button.black { background: #000; color:#fff !important; margin-left: 8px;}
.list-boxes .button:hover { background: #000; color:#fff !important; transition:all 0.6s ease; } 
.list-boxes .button.black:hover { background: none; color:#000 !important; transition:all 0.6s ease; } 
.list-boxes .box-content { min-height: 135px; }

#trigger-overlay { z-index:99999;  }
#trigger-overlay span { transition:background 0.8s ease; }
#trigger-overlay.active span, #trigger-overlay.active span:before, #trigger-overlay.active span:after { transition:all 0.5s ease; }
#trigger-overlay.active span { background: #000;}
#trigger-overlay span:after {transition:all 0.5s ease;  }
#trigger-overlay.active span:after { background: #fff; transform: rotate(-45deg); margin-top: 0px; transform-origin: bottom left; top: 14px; left: 1px; }
#trigger-overlay span:before { opacity: 1; top: -15px; transform: rotate(0deg);transform-origin: bottom left;  }
#trigger-overlay.active span:before { background: #fff; transform: rotate(45deg);  margin-top: 0px; transform-origin: bottom left; top: -15px; }
#trigger-overlay span::before { top: -15px; }
.overlay { background: url(/img/people-bg-black.gif) no-repeat right bottom rgba(0,0,0,1)!important; }
.overlay-contentscale.active {}
.overlay-contentscale { visibility: visible; z-index: -1;  transform: translateY(0%); opacity: 0 ;}
.overlay-contentscale.active { visibility: visible; transform: translateY(0%); opacity: 1 ; z-index: 999; transition: opacity 0.5s ease-in-out;}
.overlay-close { display: none; }
#trigger-overlay.menu-o.active { position: fixed !important; right: 10%;}
.wrapper, header, .wrapper-lg { z-index: inherit; }

.overlay nav li.menuparent { margin-left: 100px; }
.overlay nav li.menuparent:hover a { color: #777; transition:all 0.4s ease;}
.overlay nav li.menuparent.active { margin-left: -90%; width: 70%; } 
.overlay nav li.menuparent.active:hover a { color: #fff; }
.overlay nav li.menuparent ul li.childmenu:hover a { color: #777; transition:all 0.4s ease;}
.overlay nav li.parent ul.active { display: block; }
.overlay nav li.parent.hidemenu { margin-left: -20%;  } 
.overlay nav li.parent ul.movemenu {    width: 70%;  visibility: hidden; display:block !important; left: 50% !important; position: relative; transition:left 0.7s ease; opacity: 0; position: absolute; top: 80px;}
.overlay nav li.parent ul.movemenu.active { visibility: visible; left:0% !important; opacity: 1; }
#arrow-left-menu { width: 50px; height: 50px; position: absolute; top: 6%; left: 7%; visibility: hidden; opacity: 0; z-index: 999999;}
#arrow-left-menu.active { opacity: 1; visibility: visible; }

.overlay nav li.menuparent.hidemenu.active  { color: #444; margin: 0 0 0 8%; position: absolute; top: 30px; }
.overlay nav li.menuparent.hidemenu.active > a { color: #444; font-size: 75px; }


/* New Testimonial */

.testimonial-band { background: #000; text-align: center; padding: 7rem 0 9rem; color:#fff; } 
.testimonial-band h3 {  margin-bottom: 50px !important; }
.testimonial-band strong { display: block; widows: 100%; text-align: center; clear: both; margin-top: 5px;}
.testimonial-band .flex-control-nav { text-align: center; right: 0; }
.testimonial-band .flex-control-paging li a { width: 6px; height: 6px; border:2px solid #fff; } 
.flex-control-paging li a.flex-active { background: none; color: #fff; cursor: default; }
.flex-control-nav li { margin: 23px 5px; } 

#rooms .flex-row.venue-options > div { box-shadow: 0 1px 4px rgba(0,0,0,.1); margin-bottom: 30px; width: 32%;  } 
#rooms .venue-options-2.venue-buttons a { font-size: 11px; margin: 0; font-weight: 800; padding: 10px 19px; }
#rooms .venue-options-2.venue-buttons a:nth-child(2) { float: right; }
#rooms .venue-options-2.venue-buttons { text-align: left; margin: 20px auto 0; } 
#rooms .venue-options article { height: initial; }
#rooms .content-boxfeature { min-height: 150px; } 

#header-select.venue.grid-content { max-width: 1200px; padding: 5.5rem 0 1rem; } 
.boxes-rooms { padding: 0 4rem; box-sizing: border-box; }
.boxes-rooms .cd-gallery li { box-shadow: 0 1px 4px rgba(0,0,0,.1); margin-bottom: 30px; width: 31%; margin: 0 10px 20px; vertical-align: top; } 
.boxes-rooms .cd-gallery li article { padding: 30px; } 
.boxes-rooms .cd-gallery li h4 { text-transform: uppercase; font-family: 'franchiseregular'; color: #000; font-size: 40px; line-height: 35px; margin-bottom: 5px; text-align: left; } 
.boxes-rooms .cd-gallery li p { color: #333; font-size: 15px; line-height: 23px; margin: 7px 0; padding: 7px 0; text-align: left; }
.boxes-rooms .cd-gallery li .venue-buttons a { font-size: 11px; margin: 0; font-weight: 800; padding: 10px 19px; width: 33%; text-align: center; }
.boxes-rooms .cd-gallery li .venue-buttons a:nth-child(2) { float: right; }
.boxes-rooms .cd-gallery li .venue-buttons { text-align: left; margin: 20px auto 0; } 
.boxes-rooms .cd-gallery li .image-box { width: 100%; height: 245px; background-position: center; background-size: cover; background-repeat: no-repeat; } 

.boxes-rooms .cd-tab-filter h2 {text-transform: uppercase; font-family: 'franchiseregular' !important; color: #000; font-size: 50px; line-height: 45px;}
.boxes-rooms  h2 { font-size: 23px; color: #313132; font-family: "Avenir LT W01_35 Light1475496",sans-serif; font-style: normal; line-height: 30px; margin: 0px 0 20px 0; }

ul.cd-filters { margin:10px 0 50px; }
ul.cd-filters li { width: 19.5%; text-align: center; position: relative; }
ul.cd-filters li label {font-family:"Avenir LT W01_95 Black1475556"; display: block; opacity: 0.5; cursor: pointer; padding: 73px 0px 0px; text-align: center; margin-bottom: 10px; }
ul.cd-filters li .image { opacity: 0.6; width: 60px; height: 60px; margin: 0 auto !important; background-size: cover; background-position: center; position: absolute;z-index: -1; top: 0; left: 0; right: 0; }
ul.cd-filters li a.selected, ul.cd-filters li:hover a, ul.cd-filters li:hover .image { opacity: 1; transition: opacity 0.5s ease-in-out; } 
.cd-tab-filter { margin: 5rem 0 5rem; }
.cd-tab-filter h4 { font-size: 23px; color: #313132; font-family: "Avenir LT W01_35 Light1475496",sans-serif; font-style: normal; line-height: 30px; }  
.cd-tab-filter .col-5 h4 { padding-left:70px; }
ul.cd-filters li label { background-position: top; background-repeat: no-repeat; background-size: 70px 60px; } 
ul.cd-filters li.list-one label { background-image: url(/img/icon-cocktail.jpg); }
ul.cd-filters li.list-two label { background-image: url(/img/icon-boardroom.jpg); }
ul.cd-filters li.list-three label { background-image: url(/img/icon-banquet.jpg); }
ul.cd-filters li.list-four label { background-image: url(/img/icon-theatre.jpg); } 
ul.cd-filters li input[type=checkbox] { position: absolute; left: 0; top: 0; margin: 0; padding: 0; opacity: 0; z-index: 2; } 
ul.cd-filters li input[type=radio]:checked+label, ul.cd-filters li input[type=checkbox]:checked+label { opacity: 1; transition: opacity 0.5s ease-in-out; }
.cd-gallery { padding: 75px 2%; }

#snap { margin: 50px 0 0; }
#currentvalue { margin-top: 10px; padding: 0; color: #fff; } 
.noUi-target { background: #eee; border: 0; border-radius: 0; height: 7px; box-shadow: none; }
.noUi-connect { background:#222223; } 
.noUi-tooltip {padding: 0px 12px; font-family: 'franchiseregular'; font-size: 28px; border:0; } 
.content-boxfeature { min-height: 285px; }
.no-data  { text-transform: uppercase; font-family: 'franchiseregular'; color: #000; font-size: 60px; line-height: 55px; margin-bottom: 5px; padding-top: 40px; width: 100%; text-align: center; opacity: 0.2; }

#what-we-offer .venue-options article { height: 296px; margin-bottom: 60px; }
#what-we-offer .swiper-pagination-bullet-active { background: #000; }
.container-offers { margin-bottom: 20px !important; }
.fancybox-bg { width: 100% !important; height: 100% !important; }
.venue-modal { display: none; max-width:500px !important; padding:0 !important; overflow: visible !important; }
.venue-modal .content { padding: 30px; }
.venue-modal .video > iframe, .venue-modal .video > video { max-height: 281px; width: 100%; }
.venue-modal h2 { text-transform: uppercase; font-family: 'franchiseregular'; color: #000; font-size: 40px; line-height: 35px; margin-bottom: 5px; text-align: left; }
.venue-modal p { color: #333; font-size: 15px; line-height: 23px; margin: 7px 0; padding: 7px 0; text-align: left; }
.venue-modal .button-close { cursor: pointer; outline: none; background: #000; width: 40px; height: 40px; border-radius: 50px; position: absolute; right: -17px; top: -18px; border: 0; color: #fff;}
.venue-modal .button {  cursor: pointer; outline: none; color: #222223 !important; border:1px solid #222223; background:none !important; text-transform: uppercase; font-size: 11px; margin: 0; font-weight: 800; padding: 15px 19px; width: 33%; text-align: center; }
.venue-modal .image-popup { height: 340px; width: 100%; background-size: cover; background-position: center; background-repeat: no-repeat; }


.popup-flexslider.flexslider { margin-bottom: 20px; }
.popup-flexslider.flexslider .slides > li { height: 300px !important; width: 100% !important; max-width: 500px !important; }
/* .popup-flexslider .flex-control-nav { left:0; right: 0; text-align: center; bottom: -40px;}
.popup-flexslider .flex-control-paging li a { width: 10px; height: 10px; }*/ 
.flex-control-paging li a.flex-active { background: #000; } 


/* Accordion */

#accordion h2, #accordion-dates h2 {cursor: pointer; margin:0; border-bottom: 1px solid #eee; font-family: "Avenir LT W01_95 Black1475556"; display:block; padding: 25px 50px 25px 0; line-height:24px; cursor:pointer; position: relative}
#accordion h2:after, #accordion-dates h2:after { content: ' '; background: url(/img/right-arrow-accordion.svg) no-repeat; position: absolute; right:0; top:35%; width: 30px; height: 30px;  -webkit-transition: -webkit-transform .2s ease-in-out; transition: transform .2s ease-in-out;}
#accordion h2:hover:after, #accordion-dates h2:hover:after {-webkit-transform: rotate(90deg); transform: rotate(90deg); }
#accordion > div {padding: 30px 0}
#accordion-dates > div {padding: 30px 0 0;}
.banner-inside.no-bg-banner h2, .banner-inside.no-bg-banner:after { display: none; }
.grey-bg.padd { padding-top: 20px; }
.padd-center { margin:0 auto; float:initial; }  


/* Sky Tv Promos */

#promo-list { text-align: center; }
#promo-list ul { margin: 80px auto; text-align: left; display: inline-block; width: 88%; }
#promo-list ul li { list-style: none; display: inline-block; width: 31%; margin:0 10px 20px; vertical-align: top; }
#promo-list ul li a { text-decoration: none !important; } 
#promo-list ul li .content-bottom {border:1px solid #ccc; border-top: 0}
#promo-list ul li .image-promo { height: 250px; background-size: contain; background-repeat: no-repeat; background-position: center; border:1px solid #ccc; border-bottom: 0;}  
#promo-list ul li .content { min-height: 165px; text-align: left; padding:20px; }
#promo-list ul li .content p { margin:0; padding-top: 0; } 
#promo-list ul li .content h4 { font-family: 'franchiseregular'; font-style: normal; text-transform: uppercase; font-size: 45px; color:#000; line-height: 40px; margin-bottom: 0; }
#promo-list ul li .button { background:#000; width: 90%; padding: 20px 0; text-align: center; margin: 0 auto; display: block; margin-bottom: 20px; font-family: 'franchiseregular'; font-size: 25px; letter-spacing: 0.04em; }

/* CART INTEGRATION */

.priceProduct { font-family: "Avenir LT W01_95 Black1475556"; color: #000; width: 100%; padding: 0 17px; box-sizing: border-box; text-align: left; font-size: 24px; margin-bottom: 7px; }
.priceProduct span { float: right; } 

.inside-account { padding:5% ; }
.inside-account table { margin: 40px 0; width: 100%; }
.inside-account table thead tr td:first-child { padding-left:10px; }
.inside-account table thead tr td { color: #222; font-size: 15px; letter-spacing:0.02em; font-family: "Avenir LT W01_95 Black1475556"; background:#F5F5F5; border:0; padding: 14px 0; }
.inside-account table tr td { width: 16%; text-align: left; }
.inside-account table tr td:nth-child(2) { width: 25%; }
.inside-account table tr td:nth-child(6) { width: 10%; text-align: center; }
.inside-account table tr td a { text-decoration: none;  }
.inside-account table tbody tr td { border-bottom:1px solid #eee; }
.inside-account table tbody tr td { padding: 10px 0; font-family: "Avenir LT W01_95 Black1475556"; font-size: 15px; color: #222; } 
.inside-account table tbody tr td img { width: 150px; }
.inside-account table h3 { font-size: 40px; font-family: 'franchiseregular'; text-transform: lowercase; line-height: 0.9; width: 70%; box-sizing: border-box; color: #222; padding-top: 20px; }
.inside-account table .qtyFields { padding: 10px; text-align: center; margin-top: 30px; outline: none; }
.inside-account table .price { margin-top: 40px; text-align: left; font-size: 17px; }
.inside-account table .trash { outline: none; margin: 35px auto 0; border:0;-webkit-appearance: none;  -moz-appearance: none;  appearance: none; background-color: #222; color:#fff; text-align: center; width: 40px; height: 40px; border-radius: 50%;  }

table.total-price { width: 100%; float: right; margin:20px 0; }
table.total-price tr td:first-child { text-align: left; }
table.total-price tr td { border:0; text-align: left; padding: 10px !important; }
table.total-price tr:nth-child(odd) td { right; background:#F8F9F9; }
table.total-price tbody tr td { border-bottom:none; font-size: 18px;}

.inside-account .button { margin: 0; text-align: center; box-sizing: border-box; display: inline-block; border: 2px solid #222; font-size: 15px; letter-spacing: 0; color: #222 !important; text-decoration: none; padding:15px 10px !important; background: #fff; line-height: 15px; width: 49%; display: inline-block; float: left; }
.inside-account .button.black { background: #222; color:#fff !important;}
.inside-account .button:hover { background: #222; color:#fff !important; }

.checkout-form h3 { font-size: 20px; margin: 20px 0 10px; }
.checkout-form .group .combined:nth-child(odd) { box-sizing: border-box; padding-right:15px; }
.checkout-form input[type="text"], .checkout-form select, .options select { background: none !important; border:1px solid #CCD1D1 !important; border-radius: 0 !important; color:#333 !important; font-family: "Avenir LT W01_95 Black1475556" !important; font-size: 14px !important; }
.checkout-form input::-webkit-input-placeholder {  color: #999; font-family: "Avenir LT W01_35 Light1475496"; }
.checkout-form input::-moz-placeholder { color: #999; font-family: "Avenir LT W01_35 Light1475496"; }
.checkout-form input:-ms-input-placeholder { color: #999; font-family: "Avenir LT W01_35 Light1475496"; }
.checkout-form input:-moz-placeholder { color: #999; font-family: "Avenir LT W01_35 Light1475496"; }
.checkout-form select, .options select { background-image: url('/img/select.png') !important; background-position: center right 20px !important; background-repeat: no-repeat !important; }

.checkout-form table h3 { font-size: 27px; width: 90%; padding-top: 0px; min-height: 48px; }
.inside-account table .qtyFields { margin-top: 21px; max-width: 100px; background:none; border:1px solid #CCD1D1; border-radius: 0;}
.inside-account table .price { margin-top: 29px; }
.inside-account table .trash { margin: 18px auto 0; }

.options {padding-top:20px; display:flex; justify-content:space-between;}
.options select {max-width:48%;}

form .check { position:relative;margin:20px 0px; font-size: 12px;}
form .check input[type=checkbox]:checked ~ label:before{-webkit-transform:rotate(-45deg) scale(1, 1);-moz-transform:rotate(-45deg) scale(1, 1);-ms-transform:rotate(-45deg) scale(1, 1);-o-transform:rotate(-45deg) scale(1, 1);transform:rotate(-45deg) scale(1, 1);}
form .check label{float:left;padding:10px 0px 10px 38px;}
form .check label:before{content:"";font-family:'FontAwesome';display:block;left:5px;position:absolute;top:11px;-webkit-transform:rotate(-45deg) scale(0, 0);-moz-transform:rotate(-45deg) scale(0, 0);-ms-transform:rotate(-45deg) scale(0, 0);-o-transform:rotate(-45deg) scale(0, 0);transform:rotate(-45deg) scale(0, 0);border:2px solid #222;border-top-style:none;border-right-style:none;width:1rem;height:0.4rem;overflow:visible;}
form .check label:after{content:"";font-family:'FontAwesome';overflow:visible;border:1px solid #c9c9c9;height:24px;left:0;position:absolute;top:4px;width:24px;border-radius:0px !important;overflow:visible;border-radius:3px;}
form .check input[type=checkbox]:checked ~ label:before{-webkit-transform:rotate(-45deg) scale(1, 1);-moz-transform:rotate(-45deg) scale(1, 1);-ms-transform:rotate(-45deg) scale(1, 1);-o-transform:rotate(-45deg) scale(1, 1);transform:rotate(-45deg) scale(1, 1);}
form .check input[type=checkbox], .form .check input[type=radio]{float:left;margin:3px 10px 0px 0px;position:relative;top:-0.375rem;margin:0 1rem 0 0;cursor:pointer;display:inline-block;padding:0 !important;margin-right:30px;border:0;border-radius:10px;vertical-align:top;appearance:none;-webkit-appearance:none;}
form .check a { font-family: "Avenir LT W01_95 Black1475556"; color:#222; }

#systemMessage {background:#ed313f; font-size:12px; font-weight:700; line-height:1; color:#fff; text-transform:uppercase; text-align:center; letter-spacing:0.05em; border-radius:4px; clear:both;}
#systemMessage.error_message {padding: 20px 0; margin-top: 10px;}
.systemMessage {font-size: 24px; font-family:"Avenir LT W01_35 Light1475496";  color: #222; text-align: center;background:#ed313f; font-size:12px; font-weight:700; line-height:1; color:#fff; text-transform:uppercase; text-align:center; letter-spacing:0.05em; border-radius:4px; clear:both;}
.systemMessage.error_message {padding: 20px 0; margin-top: 10px; color: white !important}


.checkout-form input[type="text"].highlight-form-field, .checkout-form select.highlight-form-field { border: 1px solid #ed313f !important; color: #ed313f !important; }
.checkout-form input[type="text"].highlight-form-field::-webkit-input-placeholder, .checkout-form select.highlight-form-field::-webkit-input-placeholder { color: #ed313f !important; }
.checkout-form input[type="text"].highlight-form-field::-moz-placeholder, .checkout-form select.highlight-form-field::-moz-placeholder {color: #ed313f !important; }
.checkout-form input[type="text"].highlight-form-field:-ms-input-placeholder, .checkout-form select.highlight-form-field:-ms-input-placeholder {color: #ed313f !important; }
.checkout-form input[type="text"].highlight-form-field:-moz-placeholder, .checkout-form select.highlight-form-field:-moz-placeholder {color: #ed313f !important; }

.checkout-success { text-align: center; margin:0 auto; max-width: 60%; }
.checkout-success h2 { margin-bottom: 60px; }
.checkout-success p { color: #222; font-size: 40px; letter-spacing: -2px; line-height: 1.2; font-family: "Avenir LT W01_95 Black1475556"; margin-bottom: 10px; }
.checkout-success p span { color:#d31f22; }
.checkout-success a.button { margin-top: 60px; }

.col-5.shipping select { height: 45px; width: 100%; margin-bottom: 40px; -webkit-appearance: none;  -moz-appearance: none;  appearance: none; padding: 10px; outline: none; }
.col-5.shipping p { font-family: "Avenir LT W01_95 Black1475556"; font-size: 18px; color:#000; padding: 10px 0 10px 0px; }

#mycart-bag { width: 39px; vertical-align: top; margin-top: -14px; position: relative; } 
#mycart-bag .bubble { background: #E74C3C; width: 20px; height: 20px; text-align: center; color:#fff; padding-top: 3px; position: absolute;top:-3px; right: -3px; border-radius: 50px; box-sizing: border-box; font-size: 12px; font-family: "Avenir LT W01_95 Black1475556"; }

form .check label.highlight-form-label:after { border:1px solid #ed313f !important; }
form .check label.highlight-form-label, form .check label.highlight-form-label a { color:#ed313f !important; }

#empty_cart, #empty_cart h2 { text-align: center !important; }
#empty_cart h2 { text-align: center !important; margin-bottom:20px; }
#empty_cart h3 { margin-bottom: 20px; }
#empty_cart .button { max-width: 250px; margin:0 auto; float: initial; }
#empty_cart img { max-width: 400px; margin: 0 auto 20px;  }


.our-spaces-feature h2 { text-transform: uppercase; font-family: 'franchiseregular'; color: #fff; font-size: 70px; line-height: 55px; margin-bottom: 30px; } 
.our-spaces-feature h2 a { color:#fff; text-decoration: none; }
#call-title { display: inline-block; font-size: 39px; text-transform: uppercase; font-family: 'franchiseregular'; color: #222223; padding: 5px 15px;  box-sizing: border-box; margin-bottom: 20px; border: 3px solid  #222223; text-decoration: none; cursor: pointer; }


/* Tour Page */
#accordion h2:last-child { border-bottom:0; }
.bounce {
  -moz-animation: bounce 2s infinite;
  -webkit-animation: bounce 2s infinite;
  animation: bounce 2s infinite;
}

@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    transform: translateY(0);
  }
  40% {
    transform: translateY(-30px);
  }
  60% {
    transform: translateY(-15px);
  }
}

/* Tour Page */
#video-banner-tour { position: relative; height: 875px; overflow: hidden;}
#video-banner-tour video { display: block; position: relative; width: 100%; z-index: 9999; top: -11%; }
#video-banner-tour a.bounce { width: 65px; position: absolute; bottom: 6%; left: 0; right: 0; margin: 0 auto; z-index: 99999999; }
#video-banner-tour a.bounce img { width: 100%; display: block; transform: rotate(180deg); }
.main.tours-page h2 { font-size: 40px; margin: 20px 0 0; }
.main.tours-page #accordion h2 { font-size: 21px; }
.main.tours-page #accordion h2:last-child { border-bottom: 0 !important; }

.no-dates { margin: 0px 0 80px; float: left; width: 100%; }
.no-dates h2.ui-accordion-header { font-size: 21px; }
.no-dates .sub-title { margin: 0; padding: 0; }
.no-dates ul { width: 100%; display: inline-block; vertical-align: top; margin: 0; margin: 0 0 40px; column-count: 3;}
.no-dates ul li { list-style: none; line-height: 1.7; }
.no-dates .title { text-transform: uppercase; font-size: 14px; letter-spacing: 0.06em; font-family: "Avenir LT W01_95 Black1475556"; margin-bottom: 8px; line-height: 1; } 
.no-dates span.open-tours { width: 100%; display: block; margin:5px 0 10px; } 

ul.tour-price-boxes { margin:10px 0 30px; float: left; }
ul.tour-price-boxes li { display: inline-block; list-style: none; width: 24%; float: left; margin-right: 10px; text-align: center; background: #222; min-height: 260px; margin-bottom: 10px; color: #fff; padding:0 20px 20px; box-sizing: border-box; }
ul.tour-price-boxes li:last-child { margin-right: 0; }
ul.tour-price-boxes li p { height: 50px; margin-bottom: 0; padding-bottom: 0; }
ul.tour-price-boxes li span { font-family: "Avenir LT W01_95 Black1475556"; font-size: 25px; height: initial; margin-top: 5px; } 

ul.special-tours-online { margin:0; float: left; }
ul.special-tours-online li { position: relative; display: inline-block; list-style: none; width: 49.4%; float: left; text-align: left; background: #222; min-height: 200px; margin-bottom: 10px; color: #fff; padding:0; box-sizing: border-box; }
ul.special-tours-online li:nth-child(2) { float: right; margin-right: 0; }
ul.special-tours-online li:hover a { text-decoration: none !important; border-bottom: 0 !important; opacity: 1; }
ul.special-tours-online li a { color:#fff; text-align: left; text-decoration: none;  border-bottom: 0 !important; padding:50px 180px 0 30px; display: block; }
ul.special-tours-online li a span { font-family: "Avenir LT W01_95 Black1475556"; font-size: 20px; height: initial; display: block; clear: both; margin:10px 0 0; } 
ul.special-tours-online li img { position: absolute; width: 146px; float: right; right: 30px; top: 16px; }
ul.special-tours-online li p { font-size: 11px; margin: -2px 0 0 26px; padding: 0; color: #999; } 
.page-content ul.special-tours-online li a:hover { color:#fff !important; opacity: 0.8; transition: opacity 0.5s ease; }

p.reviews-feature-box { background: #222223 url(/img/people-bg.gif) right bottom no-repeat; box-sizing: border-box; font-family: 'franchiseregular'; font-size: 45px; text-transform: lowercase; position: relative; display: block; height: 160px;}
p.book-online-feature a { text-decoration: none; border-bottom: 0; line-height: 0.8; color:#fff; }
p.reviews-feature-box a { text-decoration: none; border-bottom: 0; line-height: 0.8; color: #fff; padding: 35px 40px; display: block; z-index: 10; position: relative; }
p.reviews-feature-box .button, p.book-online-feature .button { float: right; margin-top: -22px; padding: 14px 30px !important; color:#000 !important; background: #fff; cursor: pointer; }
p.reviews-feature-box .button:hover, p.book-online-feature .button:hover { color:#fff !important; }
#accordion h2#ui-id-11 { border-bottom: 0 !important; }

p.reviews-feature-box .button { position: absolute; right: 50px; top: 73px; z-index: 1;}
p.reviews-feature-box a:hover, p.reviews-feature-box a { color:#fff !important; }

p.book-online-feature { background:#eee; padding: 35px 40px; box-sizing: border-box; font-family: 'franchiseregular'; font-size: 45px; text-transform: lowercase; margin-bottom: 40px; display: block; float: left; width: 100%; }
p.book-online-feature a { color:#000 !important; font-size: 58px;}
p.book-online-feature .button { color:#fff !important; background:#000 !important; margin: 0; }

.booktouronline { width: 100%; }
.booktouronline label { width: 100%; font-family: 'franchiseregular'; font-size: 36px; display: block; text-transform: lowercase;}
.booktouronline input[type="text"], .booktouronline textarea { background: #f9f9f9; padding: 15px 20px; box-sizing: border-box; border: 0; width: 100%; font-size: 16px; }
.booktouronline textarea { height: 300px; }
.booktouronline input[type="text"]:focus, .booktouronline textarea:focus { outline: none; }
.booktouronline div:first-child, .booktouronline div:nth-child(2) { width: 49%; display: inline-block; vertical-align: top; }
.booktouronline div:nth-child(2) { float: right; } 
.booktouronline div { margin-bottom: 10px; }
.booktouronline div.submit input { cursor: pointer; margin: 0; padding: 20px 40px; font-size: 25px; font-family: 'franchiseregular'; letter-spacing: 0.04em; background:#222 !important;  }



/* Work Suire */
.work-suite-page { 
	background-image: url('/uploads/images/work-suite-header-inside.jpg');
	background-size: contain;
	background-repeat: no-repeat;
	padding-top: 220px; 
	padding-bottom: 0;
}
.intro-content.work-suite-page h2 {
  font-weight: 100;
  color: #d2232a;
  font-family: "Avenir LT W01_35 Light1475496";
  max-width: 73%;
  font-size: 40px;
}
#work-suite .page-content { 
	border-top: 0;
	padding-top: 30px;
	border-bottom: 10px solid #000;
}

.venue-modal .content { padding: 0; }
.venue-modal { display: none; max-width: 900px !important; padding: 0 !important; overflow: visible !important; width: 100%; background: none !important; }
.venue-modal .video > iframe, .venue-modal .video > video { max-height: 500px; width: 100%; } 





/* ==========================================================================
    Media Queries
   ========================================================================== */

@media screen and (min-width: 200px) and (max-width: 800px) {
	.flex-row > div.event-bx, .flex-row > div.event-side-bx {width: 100%}
  .game-content article {padding: 30px 20px; }
  .game-plan .flex {display: block;}
  .game-plan .flex .left {width: 100%;}
  .game-plan .flex .right {width: 100%}
  .game-text {max-width: 600px;}
  .default-news li {height: 350px;}
  #section1.g9 {margin-top: 100px;}
  .g9 .wrapper-lg {  width: 100% }
  a { color: inherit;}
  #section5.g9 .g-wrapper {}
  #section2.g9 .g-wrapper {max-width: none}
  #section5.g9 .wrapper-lg {height:auto;}
  #section3.g9 .g-wrapper article {color: #fff}
  .g9 .wrapper-lg > img {position: absolute; height: auto; width: 100%}
  #section6.g9 .g-wrapper article ul li {display: block; margin-bottom: 10px;} 
  #section1.g9 .wrapper-lg {padding-top: 50px !important}
  .g-wrapper article {padding:10% 0; font-size: 15px;}
  .g-wrapper article h2 {font-size: 35px; line-height: 35px;}
  .g9 .wrapper-lg > img {position: relative;}
  .g-wrapper { max-width: 500px; width: 90%; float: none; z-index: 999; position: relative; margin: 0 auto; }
  #section6.g9 .g-wrapper {width: 90%; margin: 0 auto;}
  .black-bg {background: #000; height: auto;}
  .neighbour { padding: 0 0; }
  .neighbour article { padding: 0 10% 0 10%; }
  .neighbour article h2 {text-transform: uppercase; color:#fff; font-size:30px; line-height: 35px; margin-bottom:10px;}
  .neighbour article h3 {text-transform: uppercase; color:#fff; font-size:23px; line-height: 25px; margin-bottom:10px;}
  .neighbour article p {font-size:15px; color:#fff; line-height:18px;}
  #section1 .neighbour article { padding: 120px 10% 0 10%; }
  .neighbour.nfeat {padding: 150px 0 0 0;}
  .neighbour figure { padding: 5% 10% 0 10% }
  .neighbour.nfeat figure { padding: 5% 10% 0 10% }
  .today {padding: 10%;}
  .today p {max-width:100%;}
  .today-right h3 {margin-top: 2rem}
  .gold-ticket {background-size: contain;}
  .gold-ticket article { padding: 40px 0 70px 30px; margin-left: 40px; }
  .gold-ticket p { color: #000; font-size: 13px; max-width: 80%; line-height: 15px; }
  .n-logo {margin:30px auto; float: none; max-width: 90%}
  .gold-ticket h4 {max-width: 80%; font-size:22px; line-height: 24px; margin-bottom: 10px;}
  .feature-gallery {margin-top: 0; margin-bottom: 0}
  .feature-gallery h2 {max-width: 100%}
  .gallery-section {}
  .gallery-section .gallery .img {width: 105%;}
  .flex-control-nav {display:none !important}
  .main {overflow:hidden}
  .whatson li {height:auto; min-height: 350px}
  .event-text {min-height: 270px;}
  .event-text h3 {font-size: 24px; line-height:24px;}
  #trigger-overlay {top: 42px; right: 15px;}
  .enquiry-band.membership { padding: 2rem 0 0 0; overflow: hidden; }
  .default-news .event-text h3 {padding-bottom: 50px;}
  .enquiry-band.membership img {max-width: 90%; margin:0 auto;}
  .overlay nav {display: block !important;}
  .overlay ul li a {font-size: 30px !important; line-height:30px !important;}
  .twitter > li > div {min-height:180px;}
  .tname {bottom:40px;}
  .signup-form .btnm {position: relative; margin-top:30px;}
  .banner-main h1 {font-size:32px; line-height:28px; text-align: right; margin-right: 20px; }
  .whatson li.month {height:200px}
  .whatson li.month .event-text {padding:0}
  .whatson li.month h3 {text-align: center; padding: 25px 0 25px 30px; font-family: 'franchiseregular'; font-size: 2rem; width: 70px; line-height: 50px; margin: -30px auto 0; border: 3px solid #fff; height: 50px; border-radius: 50%; text-align:left}
  .whatson li.month .event-hover {display:none}
  .insta-feed iframe {width:100% !important; height:auto;}
  .banner-main h1 span {font-size:32px; line-height:28px;}
  .banner-main h1 b {font-size: 18px; line-height:18px; margin-right: 11.5%}
  .wrapper-lg {width:95%; margin:0 auto}  
  .banner-main article {width:95%; text-align:left; right:0}
  .home-slider article {display:none}
  .counter {text-align:center}
  .counter p, .counter span {font-size:28px; text-align:center} 
  .arrow-link { display: block; position: relative; right: auto; top: 0; text-align: center; padding: 25px 0 0 0; font-size: 24px; background: none; text-decoration: underline; }
  .whatson h2, .news-home h2, .features h2 {font-size: 30px; padding:15px 0; letter-spacing: normal;}
  .twitter {width:100%; max-height: none; margin:0}
  .twitter > li > div {margin-right:0; margin-bottom:10px;}
  .signup-form {max-width:80%}
  .signup-form input[type="text"] {font-size: 12px;}
  .logo {margin: 35px 0 7px 10px; max-width: 145px;} 
  .well { width: 80%; }
  .well h3 { font-size: 15px; }
  .well .btn2 { width: 80%; }
  #memberlink { display: none; }
  .ad-block {width: 100%; position: relative; left:0; top:0; display:block} 
  #page {display: block; background:#fff}
  .wrapper, .wrapper-mini {width:95%}
  figure.logo {float:none; margin: 20px; width: 200px;}
  figure.logo a {display: block; padding: 20px 0 0 0;}
  .banner {height:auto;}
  .block-main {position: relative; height: auto}
  .block-main .left-slider {background:#222;}
  article.slide {padding: 20px 30px;}
  .block-main .left-slider {height: auto; padding-bottom:50px;}
  .block-main-container {margin-top:0; height:auto}
  .block-main-container.wrapper {width:100% !important}
  .block-main .right-events {background:#333; height:auto; padding-bottom: 40px;}
  .block-main .right-events ul {width: 90%; margin:0 auto}
  .right-events h2 {width: 90%; margin:50px auto 10px}
  .events-list li a {float:none; margin:4px 0 0 0; display:block; max-width:90px; position:relative; top:0;} 
  article.slide h2 {font-size: 25px; line-height:23px;}
  .slide-desc {padding: 15px 0 0 0px;}
  .slide-desc p {font-size: 17px; line-height:20px;}
  .footer-menu {margin: 0px;}
  .footer-menu > div {margin-right:0; float:none; display:block}
  .signup {margin:40px auto 0; float:none; width:290px;}
  .signup h5, .details h6, .details p {text-align:left;}
  .details {padding-bottom: 30px;}
  .banner-text {font-size: 26px; line-height: 25px; top: 35px;}
  .grid-buttons > div a {margin-top: 20px;}
  input {-webkit-appearance: none; border-radius: 0;}
  .signup .send {width:17px; -webkit-appearance: none; border-radius: 0;}
  .details p {font-size:13px; line-height:18px;}
  .details p a {color:#fff}
  .copyright {padding-top: 20px; text-align:center; font-size:11px;}
  .copyright ul {position: relative; top:0; left:0; margin-bottom:20px;}
  .copyright ul li {float:none}
  .copyright ul li a {padding: 3px 0}
  header a.menu-icon {display:block;}
  nav:not(.mm-menu) {display: none;}
  .sidebar {width: 100%; float:none; margin: -10% 0 0 0;}
  .grid-buttons.pres {display:none;}
  .main-content { width: 100%; float: none;}
  article.copy {padding: 50px 0;}
  .content-sidebar {margin: 30px 0 0 0}
  .sidebar article {padding: 30px 20px 20px 20px;}
  .sidebar article h1 {font-size: 20px; line-height: 20px; letter-spacing: -1px; margin-bottom: 0px;}
  .sidebar article p {font-size: 22px;color: #fff;line-height: 25px;}
  header {height:170px; margin-top: -20px;}
  a.menu-icon {top: 30px;}
  .news-scroller {position: relative; width: 100%; height: 126px; top: 0;}
  .news-scroller article {padding: 20px;}
  .news-scroller p {font-size:11px;}
  .news-scroller h2 {font-size:17px; line-height: 18px;}
  .news-scroller a {margin:0;}
  .banner .flexslider .slides {height: 110px; overflow: hidden; }
  .feature-area aside {padding: 40px 0; width: 80%; margin: 0px auto;}
  .feature-area aside h4 {font-size: 40px; margin-bottom: 20px;}
  .feature-area aside p {font-size: 25px;}
  .feature-area aside p a {margin: 35px 0}
  .feature-area {background: url(../img/red-bg.jpg) no-repeat center bottom; min-height: 512px; display: block;}
  .footer-container .angle { background: url(../img/footer-bg-pres.gif) bottom left no-repeat; height: 30px;}
  .signup-top {display:none}
  .item-mobile {}
  .grid-buttons {margin-left: -10px;}
  .item-mobile {width: 50%; float: left;}
  .grid-buttons > div > a h3 {font-size: 14px; line-height: 15px;}
  .grid-buttons > div > a .button {display:none}
  .grid-buttons > div a {min-height:60px; margin-left: 10px; padding:20px;}
  .grid-buttons > div > a figure img {opacity: .3; height: auto; width: 100%;}
  .search .cms_form {margin-bottom:20px;}
  .whatson figure img { opacity: 0.8; height: 100%; width: 100%; }
  .features h3 {font-size: 38px; line-height:38px; width:100%}
  .whatson .event-hover {display: block;background: transparent;}
  .event-button-green, .event-button-black {padding: 10px 0; font-size:18px;  text-indent: 30px; text-align:left;}
  .page-header h1 {text-align:left; padding:0 0 0 20px; font-size:35px;}
  .banner-inside {height:auto}
  .intro-content h2 {font-size: 40px;line-height: 40px;}
  .sidenav {display:none}
  #video-banner-tour { height: initial; } 
}


@media screen and (min-width: 801px) and (max-width: 999px) {
  .wrapper, .wrapper-mini {width:95%}
  figure.logo {float: none; margin: 20px 0 0 20px;}
  .banner {height:auto;}
  .block-main {position: relative; height: auto}
  .block-main .left-slider {background:#222; width:45%; height: 370px;}
  article.slide {padding: 35px 50px;}
  .block-main-container {margin-top:0; height:auto}
  .block-main-container.wrapper {width:100% !important; height: 350px; overflow: hidden;}
  .block-main .right-events {background:#333; height:auto; padding-bottom: 40px; width: 55%; height: 344px;}
  .events-list li p {font-size:10px;}
  .block-main .right-events ul {width: 90%; margin:0 auto}
  .right-events h2 {width: 90%; margin:50px auto 10px}
  .events-list li a { top:13px; }
  .slide-desc p {font-size: 17px; line-height: 20px;}
  .event-content figure {margin: 30px 0; display:block}
  article.slide h2 {font-size: 30px; line-height:30px;}
  .slide-desc, .slide-title {float:none; width:100%}
  .slide-desc {padding:0;}
  .banner-text {font-size:52px; line-height:45px;}
  .grid-buttons .col-3 {width:50% !important; float:left !important;}
  .footer-menu {margin:0;}
  .footer-menu > div {margin-right:8%;}
  .signup {margin:40px auto 0; float:none}
  .signup h5, .details h6, .details p {text-align:center;}
  .details {padding-bottom: 30px;}
  header a.menu-icon {display:block;}
  nav:not(.mm-menu) {display: none;}
  #menu {display:block;}
  .banner-text {display:none;}
  .copyright ul {margin: 0; padding: 0; position: relative; top: 0px;}
  .sidebar {width: 100%; float:none; margin: -10% 0 0 0;}
  .grid-buttons.pres {display:none;}
  .main-content { width: 100%; float: none;}
  article.copy {padding: 50px 0;}
  .content-sidebar {margin: 30px 0 0 0}
  .signup-top {display:none}
  #page {background:#fff; margin-top: -20px;}
  .search .cms_form {margin-bottom:20px;}
  .whatson figure img { opacity: 0.8; height: 100%; width: auto; }
  .twitter {width:100%; margin:0}
  .news-wrapper .col-8 {width:100%; margin:10px 0 0 0}
  .home-slider article h3 { font-size: 70px; line-height: 55px; }
  .black-bg {background: #000; height: 70vh;}
  .neighbour { padding: 0 0; }
  .neighbour article { padding: 0 0 0 15%; }
  .neighbour article h2 {text-transform: uppercase; color:#fff; font-size:25px; line-height: 25px; margin-bottom:10px;}
  .neighbour article h3 {text-transform: uppercase; color:#fff; font-size:18px; line-height: 23px; margin-bottom:10px;}
  .neighbour article p {font-size:16px; color:#fff; line-height:30px;}
  .neighbour figure { padding: 0 15% 0 5%; }
}


@media screen and (min-width:1000px) and (max-width: 1040px) {
  #section5.g9 .wrapper-lg > img { height: auto; width: 100%; position: relative; }
  .g-wrapper article {font-size: 14px; padding: 10% 0}
  .g-wrapper article p {line-height: 21px;}
  .wrapper, .wrapper-mini, .wrapper-lg { width: 95%;}
  .block-main-container.wrapper {width:100% !important;}
  .menu > nav > ul > li > a {font-size: 15px;}
  .menu > nav > ul > li {margin: 0 0px 0 30px;}
  .banner {height:700px;}
  article.slide h2 {font-size: 30px; line-height: 30px;}
  .slide-desc {padding: 25px 0 0 30px;}
  .slide-desc p {font-size: 17px; line-height:21px;}
  .banner-text {font-size: 52px; line-height:44px;}
  article.slide {padding: 100px 80px 50px 60px;}
  .block-main-container {background: url(../img/main-block-bg.png) 95% top no-repeat;}
  .events-list {margin: 0 17px 0 55px;}
  header a.menu-icon {display:block;}
  nav:not(.mm-menu) {display: none;}
  .overlay nav {display: block !important;}
  #menu {display:block;}
  .left-slider.col-8 {width: 45% !important;}
  .right-events.col-4 {width: 50% !important;}
  .right-events h2 {font-size: 18px; margin: 80px 0 10px 55px;}
  .events-list li p {font-size:11px;}
  .flex-control-nav {bottom:-60px;}
  .grid-container.wrapper {width:95% !important}
  .grid-buttons > div a, .grid-buttons .news {padding:30px;}
  .grid-buttons > div > a h3 {font-size: 20px; line-height: 18px;}
  .footer-menu > div h5 {font-size: 13px;}
  .footer-menu > div {margin-right: 5%;}
  .nav > li > div {top:68px;}
  header nav .connect span {display:none;}
  header nav {margin: 20px 0; width:55% !important}
  header nav .connect {margin-left: 15px;}
  .slide-desc, .slide-title {padding: 0; width: 100%; display: block; float:none;}
  .sidebar, .main-content {width: 50%;}
  .signup-top {display:none}
  .search .cms_form {margin-bottom:20px;}
  .whatson figure img { opacity: 0.8; height: 100%; width: auto; }
  .twitter {width:100%; margin:0}
  .news-wrapper .col-8 {width:100%; margin:10px 0 0 0}
  .home-slider article h3 { font-size: 70px; line-height: 55px; }
  .black-bg {background: #000; height: 70vh;}
  .neighbour { padding: 0 0; }
  .neighbour article { padding: 0 0 0 15%; }
  .neighbour article h2 {text-transform: uppercase; color:#fff; font-size:25px; line-height: 25px; margin-bottom:10px;}
  .neighbour article h3 {text-transform: uppercase; color:#fff; font-size:18px; line-height: 23px; margin-bottom:10px;}
  .neighbour article p {font-size:16px; color:#fff; line-height:30px;}
  .neighbour figure { padding: 0 15% 0 5%; }
   #video-banner-tour { height: initial; } 
}

@media screen and (min-width: 1041px) and (max-width: 1300px) {
  .ad-block {top: 40px;}
  .news-scroller {top: 60px}
  .ad-version .banner-text {top: 250px;}
  .wrapper, .wrapper-mini, .wrapper-lg { width: 95%;}
  .block-main-container.wrapper {width:100% !important;}
  .menu > nav > ul > li > a {font-size: 15px; padding: 25px 9px;}
  .menu > nav > ul > li {margin: 0 0px 0 10px; position: relative;}
  .nav > li > div {right:0px;}
  .banner {height:700px;}
  article.slide h2 {font-size: 30px; line-height: 38px;}
  .slide-desc p {font-size: 19px; line-height:24px;}
  .banner-text {font-size: 52px; line-height:44px;}
  article.slide {padding: 140px 50px 50px 60px;}
  .block-main-container {background: url(../img/main-block-bg.png) 75% top no-repeat;}
  .footer-menu > div {margin-right: 7%;}
  .nav > li > div {top:68px;}
  header nav .connect span {display:none;}
  header nav {display:none}
  header nav .connect {margin-left: 15px;}
  .left-slider {width:63% !important}
  .events-list {margin:0}
  .events-list li p {font-size:11px;}
  .nav > li > div {top:67px !important;}
  .whatson figure img { opacity: 0.8; height: auto; width: 150%; }
  .twitter {width:100%; margin:0}
  .news-wrapper .col-8 {width:100%; margin:10px 0 0 0}
  .home-slider article h3 { font-size: 70px; line-height: 55px; }
  .black-bg {background: #000; height: 70vh;}
  .neighbour { padding: 0 0; }
  .neighbour article { padding: 10% 0 0 15%; }
  .neighbour article h2 {text-transform: uppercase; color:#fff; font-size:25px; line-height: 25px; margin-bottom:10px;}
  .neighbour article h3 {text-transform: uppercase; color:#fff; font-size:18px; line-height: 23px; margin-bottom:10px;}
  .neighbour article p {font-size:16px; color:#fff; line-height:30px;}
  .neighbour figure { padding: 0 15% 0 5%; } 
  .list-boxes { padding: 0 20px 0 0; }
  .checkout-success p { font-size: 30px; }
}

@media screen and (min-width: 1280px) and (max-width: 1680px) { 
  .game-plan .flex .left {width: 40%}
  .whatson figure {width:150%}
  .tpost { font-size: 14px; line-height: 16px; margin:10px 0}
  .twitter > li > div {min-height:150px; padding:25px;}
  .twitter {width:32%}
  .home-slider article h3 {font-size:90px; line-height:70px;}
  .home-slider article p {margin: 20px 0}
  .tname {bottom:15px;}
  .black-bg {background: #000; height: 70vh;}
  .neighbour { padding: 0 0; }
  .neighbour article { padding: 10% 0 0 15%; }
  .neighbour article h2 {text-transform: uppercase; color:#fff; font-size:25px; line-height: 25px; margin-bottom:10px;}
  .neighbour article h3 {text-transform: uppercase; color:#fff; font-size:18px; line-height: 23px; margin-bottom:10px;}
  .neighbour article p {font-size:16px; color:#fff; line-height:30px;}
  .neighbour figure { padding: 0 15% 0 5%; }
}

@media screen and (min-width: 1301px) and (max-width: 1690px) {
  .ad-block {top: 40px;}
  .news-scroller {top: 60px}
  .ad-version .banner-text {top: 250px;}
  .wrapper, .wrapper-mini, .wrapper-lg { width: 95%; }
  .block-main-container {background: url(../img/main-block-bg.png) 75% top no-repeat; margin-top:20px;}
  .block-main .left-slider {width: 63% !important}
  .flex-control-nav {bottom: 50px;}
  .slide-desc {padding: 25px 0 0 40px;}
  article.slide h2 {font-size: 40px; line-height: 44px;}
  .slide-desc p {font-size: 22px;}
  .events-list {margin: 0 0px 0 10px;}
  .right-events h2 {color:#fff; font-size:25px; margin:80px 0 10px 10px;}
  .banner {height:700px; overflow: hidden;}
  .banner img {margin-top: -5%;}
  .block-main {bottom: -2px;}
  .grid-buttons > div > a h3 {width: 100%; font-size: 20px; line-height: 20px;}
  .banner-text {font-size: 72px; color: #fff; line-height: 55px;}
  .sidebar article h1 {font-size:45px;}
  .events-list li p {font-size:11px;}
  .feature-area {background: url(../img/red-bg.jpg) no-repeat center bottom; min-height: 600px; display: block;}
  .dudes img {margin-top: -14%;}
  .menu > nav > ul > li > a { padding: 30px 25px;}
}

@media screen and (max-width:1550px) {
  .menu > nav > ul > li > a { padding:30px 20px; }
  .wrapper-sml.today {max-width: 90% }
	#video-banner-tour {height: 620px;}
}

@media screen and (max-width:1044px) {
  .features h3 {font-size:40px;}
   .our-spaces-feature h2 { font-size: 60px; }
}

@media screen and (max-width:1330px) and (min-width:1040px) {
  .search input { width:80px; padding:10px; }
  .search .search-icn {padding:7px 10px 10px 10px;}
  .menu > nav > ul > li > a {padding:25px 15px;}
  .wrapper-sml.today {max-width: 90% }
  .our-spaces-feature h2 { font-size: 60px; }
}

@media screen and (min-width: 1700px) and (max-width: 2000px) {
  .banner {overflow:hidden}
  .whatson figure {width:130%}
}


/* Overlay style */
.overlay { position: fixed; width: 100%; height: 100%; top: 0; left: 0; background: rgba(0,0,0,0.9); }

/* Overlay closing cross */
.overlay .overlay-close { width: 80px; height: 80px; position: absolute; right: 20px; top: 20px; overflow: hidden; border: none; background: url(../img/cross.png) no-repeat center center; text-indent: 200%; color: transparent; outline: none; z-index: 100; }

/* Menu style */
.overlay nav { position: relative; top: 40%; height: 60%; -webkit-transform: translateY(-50%); transform: translateY(-50%); }
.overlay ul {list-style: none;padding: 0;margin: 0 auto;display: block;height: 100%;max-width:90%;position: relative;}
.overlay ul li { display: block; }
.overlay ul li a { font-size: 50px; line-height:50px; font-weight: normal; text-decoration:none;  display: inline-block; color: #fff; text-align:left; -webkit-transition: color 0.2s; transition: color 0.2s; font-family:"Avenir LT W01_95 Black1475556"; text-transform:uppercase; letter-spacing:0px; padding:7px 0 }
.overlay ul li a:hover, .overlay ul li a:focus { color: #f0f0f0; }
.main { background: #fff; -webkit-transition: -webkit-transform 0.5s; transition: transform 0.5s; overflow:hidden }
.main.overlay-open { -webkit-transform: scale(0.8); transform: scale(0.8); }
.overlay-contentscale { visibility: hidden; -webkit-transform: translateY(100%); transform: translateY(100%); -webkit-transition: -webkit-transform 0.5s, visibility 0s 0.5s; transition: transform 0.5s, visibility 0s 0.5s; }
.overlay-contentscale.open { visibility: visible; -webkit-transform: translateY(0%); transform: translateY(0%); -webkit-transition: -webkit-transform 0.5s; transition: transform 0.5s; }

@media screen and (max-height: 30.5em) {
  .overlay nav { height: 70%; font-size: 20px; }
  .overlay ul li {min-height: 34px; height: calc(100% / 9); }
}

.hide { display: none; }
.error_message { color: #ff0000; }
.success_message { color: #000; font-weight: 700; font-size: 17px; }
.highlight-form-label { color: #ff0000; }
.highlight-form-field { border: 1px solid #ff0000 !important; }
.registrationForm {width: 70%;  margin: 0 auto;  float: inherit;  }


@media screen and (max-width:1300px) and (min-width:800px) {
  #section3.mate .wrapper-lg {background-size:cover;}
  #section3.mate .wrapper, #section4.mate .wrapper {width:90%;}
  #section2.mate .text h2 {font-size:22px;} 
  .list-boxes .button { width: 47%; }
	.inside-account table tbody tr td img { width: 130px; }
	.inside-account table h3 { font-size: 33px; width: 70%; padding-top: 8px; } 
	.inside-account table .qtyFields { margin-top: 21px; border: 1px solid #999; width: 55px; } 
	.inside-account .col-5.right { width: 60%; }
	.checkout-success p { font-size: 29px; }
}


@media screen and (max-width:900px) {
	#promo-list ul li .image-promo { height: 170px; }
  #promo-list ul li .content h4 { font-size: 27px; }
  #promo-list ul li .content p { font-size: 14px; line-height: 1.2; }
  #promo-list ul li .button { font-size: 21px; margin-bottom: 13px; }
  #promo-list ul li .content { min-height: 100px; } 
}

@media screen and (max-width:800px) {
  #section2.mate .text {position:relative; background:#000;}
  #section2.mate .text h2 {font-size:28px; line-height:35px; margin-bottom:0px; padding:40px 5%;}
  #section1.mate .wrapper-lg, #section2.mate .wrapper-lg, #section5.mate .wrapper-lg {width:100%;}
  #section3.mate .wrapper-lg, #section4.mate .wrapper-lg {background-size:cover; width:100%; box-sizing:border-box; padding:50px 5%;}
  #section3.mate .wrapper, #section4.mate .wrapper {width:100% !important;} 
  #section4.mate h3 {margin-top:20px;}
  .mate h2, .mate h3 {text-align:left;}
  .mate h2 {font-size:40px;}
  .flex-row > div, .flex-row > div.half {width: 100%}
  .grid-wrapper img { z-index: 2; height: auto; width: 100%; }
  .enquiry-band a {font-size: 40px;}
  .grid-wrapper h2 {font-size: 24px; line-height: 24px;}
  .grid-content {padding:40px;}
  .banner-inside h2 { position: relative; font-size: 20px; background: #222; padding: 20px 0; }
  .list-boxes li { width: 48%; display: inline-block; vertical-align: top; }
  .list-boxes li .inside-box p { max-width: 100%; }
  .list-boxes .button { width: 47%; }
  .overlay nav li.menuparent.hidemenu.active > a { color: #444; font-size: 60px !important; }
  .overlay ul li a { font-size: 40px !important; line-height: 48px !important; }
  #arrow-left-menu { top: 4%; left: 3%; }
  .overlay nav li.menuparent.active { margin-left: -75%; } 
  .thehood-bg .intro-content h1 {font-size: 40px; line-height: 40px; margin-bottom: 10px}
  .thehood-bg .intro-content h2 {font-size: 24px; line-height: 30px;}
  .hood-content {max-width: 90%; margin: 0 auto}
  .form.thehood-form label {font-size: 12px !important}
  .hood-content h2 {margin-bottom: 20px; font-size: 30px;}
  .awards-top { position: relative; left: 0; top: 0; width: 95%; margin: 0 auto; border-top: 1px solid #eee; /* height: auto; */ overflow: hidden; padding-top: 7px; }
  #instafeed a, #instafeed2 a {width: 48%; height: auto}
  .event-text span { font-size: 50px; line-height: 40px;}
  .event-text p {margin: 20px 0 10px 0;}
  .awards-top img {max-width: 350px; margin: 0 auto}
  .feature-buttons-membership {display: block;}
  .feature-buttons-membership > div {width: 100%}
  .overlay {background-size: contain !important;}
  .boxes-rooms .cd-gallery { padding: 5px 0%; }
  .boxes-rooms .cd-gallery li { width: 46.5%; }
  .cd-gallery ul { margin:0; }
  .cd-tab-filter .col-4 { float: left; margin-bottom: 40px; }
  .cd-tab-filter .col-5 { float: left; } 
  .cd-tab-filter .col-5 h4 { padding-left: 0;}
  .boxes-rooms .cd-gallery li .venue-buttons a { padding: 10px 5px; }
  .inside-account table tbody tr td img { width: 90px; }
  .inside-account table h3 { font-size: 29px; width: 80%; padding-top: 0px; } 
  .inside-account table .qtyFields { width: 45px; border:1px solid #999;} 
  table.total-price, .inside-account .button.black, .inside-account .col-5.right .check { width: 60% !important; float: right; }
  .checkout-form .group .combined:nth-child(odd) { padding-right: 0; }  
  .checkout-success p { font-size: 34px; }
  .checkout-success a.button { width: 38% !important; }
  #promo-list ul { width: 75%; }
  #promo-list ul li { width: 46%; }
  .venue-modal .image-popup { height: 225px; }
  .our-spaces-feature h2 { font-size: 43px; margin-bottom: 20px; }
  .thecourse {position: relative; top: 30px; width: 100%}
  .wrapper-lg.logos-asb {height: auto}
   #video-banner-tour { height: initial; } 
   ul.tour-price-boxes li { width: 23.9%; }
   .venue-modal { max-width: 500px !important; }
   .venue-modal .video > iframe, .venue-modal .video > video { max-height: 300px; } 
}

@media screen and (max-width:750px) {
  .overlay nav { height: 80%; font-size: 20px; overflow: scroll; top: 50%; }
  .overlay nav li.menuparent.hidemenu.active > a { color: #444; font-size: 26px !important; }
  .overlay nav li.parent ul.movemenu { top: 48px; }
  .overlay ul li a { font-size: 18px !important; }
  #arrow-left-menu { top: 13%; left: 4%; width: 40px; } 
  .overlay nav li.menuparent { margin-left: 50px; }
  .inside-account table tbody tr td img { width: 85px; }
  .inside-account table h3 { font-size: 23px; width: 85%; line-height: 1; }
  .inside-account h2 { font-size: 34px; }
  .inside-account table { margin: 20px 0; }
  .inside-account table thead tr td { font-size: 11px; }
  .inside-account table .price { font-size: 15px; }
  .inside-account table .trash { width: 35px; height: 35px; }
  .inside-account .button { font-size: 13px; }
  .checkout-success { max-width: 80%; }
  .checkout-success p { font-size: 25px; }
  .checkout-success h2 { margin-bottom: 5px; }
  .checkout-success a.button { margin-top: 20px; }
  #promo-list ul { width: 85%; } 
  .boxes-rooms .cd-gallery li { width: 45.5%; }
  .cd-tab-filter li { display: inline-block; }
  .cd-tab-filter ul { position: relative; }
	.cd-tab-filter { width: 100%; }
	.boxes-rooms .cd-gallery li .venue-buttons a { width: 43%; }
	.boxes-rooms .cd-gallery li article { padding: 20px; } 
	.intro-events .intro-left { width: 100%; text-align: left; padding: 0 3em; }
	.intro-events .flex-row .intro-right { width: 87%; margin: 30px auto 0; }
	.boxes-rooms .cd-gallery li .image-box { height: 165px; } 
	ul.tour-price-boxes li { width: 23.8%; }
	ul.tour-price-boxes li span { font-size: 22px; }
	ul.tour-price-boxes li p { height: 70px; margin-bottom: 5px; }
	p.book-online-feature a { font-size: 50px; }
	.awards-top { top: 39px; border:0; }  
}   
@media screen and (max-width:600px) {
 .list-boxes li { padding: 0 0px 30px 18px; }
 .list-boxes li .inside-box .box-text { padding: 20px; } 
 .list-boxes .button { width: 100%; margin: 10px 0 0; }
 .list-boxes .button.black { margin-left: 0; }
 .list-boxes { margin: 0; }
 .register-button { position: relative; right: 0; top: 0 !important; display: inline-block; z-index: 900; width: 100%; text-align: center; }
 .intro-events {max-width: 90%; }
 .cd-tab-filter { margin: 3rem 0 0rem; width: 100%; }
 .boxes-rooms .cd-gallery li { width: 94.5%; }
 .boxes-rooms .cd-gallery li .venue-buttons a { width: 44%; }
 #promo-list ul { width: 100%; text-align: center; }
 #promo-list ul li { width: 43%; }
 .priceProduct { font-size: 17px; }
 .awards-top { top: -6px; }
 #video-banner-tour a.bounce { width: 50px; }
 p.reviews-feature-box .button { right: initial; top: 0px; position: relative; margin-bottom: 15px; left: 41px; float: left; } 
 p.reviews-feature-box { height: initial; padding-bottom: 50px; }
 ul.tour-price-boxes li { width: 100%; }
 ul.tour-price-boxes li img { width: 70%; margin:0 auto; }
 ul.tour-price-boxes li p { height: initial; }
 ul.special-tours-online li { width: 100%; }
 p.book-online-feature .button { float: left; margin-top: 12px; }
 ul.special-tours-online li { text-align: center; }
 ul.special-tours-online li a { padding: 50px 30px; text-align: center; }
 ul.special-tours-online li img { position: relative; width: 146px; float: right; right: 0; top: 0; left: 0; margin: 0 auto; display: block; }
}

@media screen and (max-width:450px) {
  .partner-logo a, .partner-logo a.med {width:48%; margin:1%; box-sizing:border-box; float:left;}
  .partner-logo img, .partner-logo a.med img {max-width:90%; margin:auto;}
  .partner-logo a.med {height:160px;}
  .partner-logo a.large {width:100%; margin:0px; float:none;}
  .partner-logo a.large img {max-width:200px;}
  .intro-content.intro-content-bg { padding: 20px; box-sizing: border-box; }
  .intro-content h2 { font-size: 32px; line-height: 38px; }
  .list-boxes { padding: 0 20px 50px; margin: 0; }
  .list-boxes li { padding: 0 0 20px; width: 100%; }
  .list-boxes li .inside-box .box-text { padding: 30px; }
  .list-boxes .button { width: 47%; margin: 20px 0 5px; }
  .list-boxes .button.black { margin-left: 8px; }
  .overlay ul li a { line-height: 22px !important;letter-spacing: 1px; }
  #arrow-left-menu { top: 6%; left: 3%; width: 40px; }
  .overlay nav li.menuparent.hidemenu.active { margin: 0 0 0 12%; }
  .boxes-rooms .cd-gallery li { width: 100%; }
  .cd-tab-filter { margin: 20px 0; width: 100%; }
  .cd-tab-filter li { display: inline-block; margin: 0 17px; }
  .cd-tab-filter ul { position: relative; }
  .boxes-rooms .cd-gallery li article { padding: 24px; }
  #promo-list ul li { width: 85%; margin-bottom:25px; }
  #promo-list ul li .image-promo { height: 240px; } 
  #promo-list ul li .content h4 { font-size: 35px; padding-right: 25px; }
	#promo-list ul li .content p { font-size: 15px; line-height: 1.5; margin-top: 5px; } 
	.inside-account table tbody tr td img { width: 40px; }
	.inside-account table h3 { font-size: 20px; width: 95%; min-height: 65px;}
	.inside-account table .qtyFields { width: 20px; }
	.inside-account table .price { font-size: 13px; }
	.inside-account table .trash { width: 30px; height: 30px; } 
	table.total-price, .inside-account .button.black, .inside-account .col-5.right .check { width: 100% !important; }
	.checkout-success p { font-size: 22px; }
	.inside-account h2 { font-size: 31px; line-height: 1.1; margin-bottom: 20px; }
	.checkout-success a.button { width: 100% !important; }
	.checkout-success a.button { margin-top: 10px; } 
	.intro-events { max-width: 90%; }
	.feature-dark { background: #222223 url(/img/people-bg.gif) 4% 100% no-repeat; text-align: center; padding: 4rem 30px 10rem; }
	.venue-buttons a { margin-bottom: 10px; width: 50%; }
	.boxes-rooms .cd-gallery li .venue-buttons a { width: 44%; }
	.wrapper-sml { max-width: 90%; }
	.boxes-rooms { padding: 0 1rem; }
	.venue-modal { max-width: 89% !important; }
	.venue-modal .button { width: 50%; }
	.boxes-rooms .cd-gallery li { margin:0 0 20px; }
	ul.cd-filters li { width: 13.5%; }
	ul.cd-filters li label { background-size: 43px 43px; }
	ul.cd-filters li label { padding: 47px 0px 0px; }
	.intro-events .flex-row .intro-right { width: 100%; margin: 25px 0 0; }
	#promo-list ul li { width: 100%; margin-bottom: 25px; margin: 0 0 15px; }
	#promo-list ul { width: 92%; text-align: left; }
	.priceProduct { font-size: 20px; } 
	.venue-modal .video > iframe, .venue-modal .video > video { max-height: 202px; } 
	.venue-modal .image-popup { height: 200px; } 
	.boxes-rooms .cd-gallery li .image-box { height: 215px; } 
	.intro-events .intro-left { padding: 0 0em; }
}

@media screen and (max-width:380px)  {
	ul.cd-filters li { width: 12.5%; }
	.venue-modal .video > iframe, .venue-modal .video > video { max-height: 182px; }
	.venue-modal .button { width: 100%; } 
	#call-title { font-size: 31px; } 
}

@media screen and (max-width:320px)  {
  .intro-content h2 { font-size: 29px; line-height: 1; }
  .list-boxes li .inside-box .box-text { padding: 20px; }
  .list-boxes .button { font-size: 12px; }
  .overlay ul li a { font-size: 21px !important; }
  .overlay nav li.menuparent { margin-left: 32px; }
  .overlay nav li.menuparent.hidemenu.active > a { color: #444; font-size: 28px !important; }
  .overlay nav li.parent ul.movemenu { top: 32px; }
  #arrow-left-menu { top: 11%; left: 3%; width: 30px; }
  .inside-account table thead tr td { font-size: 8px; }
  .inside-account table h3 { font-size: 17px; }
  .inside-account table .qtyFields { margin-top: 8px; }
  .inside-account table .price { font-size: 10px; margin-top: 21px; }
  .inside-account table .trash { width: 25px; height: 25px; font-size: 12px; } 
  table.total-price tbody tr td { font-size: 13px; }
  .inside-account h2 { font-size: 28px; }
  .venue-buttons a { width: 65%; }
  .cd-filters li:first-child { margin-left: 0; }
  .cd-filters li:last-child { margin-right: 0; }
  .boxes-rooms { padding: 0; }
  #snap { width: 90%; margin: 50px auto 0; }
  ul.cd-filters li label { font-size: 13px; }
  #promo-list ul li .image-promo { height: 210px; } 
  .venue-modal .video > iframe, .venue-modal .video > video { max-height: 154px; }
  .venue-modal .content { padding: 20px; }
  .our-spaces-feature h2 { font-size: 34px; margin-bottom: 10px; } 
}

@media only screen  and (min-device-width : 768px)  and (max-device-width : 1024px) {
  .overlay nav li.parent ul.movemenu { top: 60px; }
  .overlay nav li.menuparent.hidemenu.active > a {font-size: 52px !important; }
  #arrow-left-menu { width: 40px; height: 40px; position: absolute; top: 5%; left: 5%; }
}

@media only screen  and (min-device-width : 768px)  and (max-device-width : 1024px)  and (orientation : landscape) {
  .list-boxes .box-content { min-height: 175px; }
  .overlay ul li a { font-size: 35px; line-height: 33px; }
  #arrow-left-menu { top: 7%; left: 7%; }
	#promo-list ul li { width: 30%; }
	#promo-list ul li .content h4 { font-size: 32px; }
	.priceProduct { font-size: 18px; }
	#promo-list ul li .content { min-height: 155px; } 
	#promo-list ul li .image-promo { height: 211px; }
  #video-banner-tour { height: initial; } 
  ul.tour-price-boxes li {  width: 23.8%; padding-left: 0; padding-right: 0; }
	
} 

@media only screen  and (min-device-width : 1024px)  and (max-device-width : 1366px) {
  .list-boxes .box-content { min-height: 170px; }
  .overlay nav li.menuparent.active { margin-left: -60%; }
} 

.page-content p img { width: auto; height: auto; margin-left: 0 !important; }
.page-content li { list-style-position: inside; }

.buynow { cursor: pointer; }