/*
	Theme Name: The Boileroom 2018
	Theme URI: 
	Description: HTML5 Theme
	Version: 1
	Author: See Tickets
	Tags: Blank, HTML5, CSS3

	License: MIT
	License URI: http://opensource.org/licenses/mit-license.php
*/




/*------------------------------------*\
    MAIN
\*------------------------------------*/

.pastel-green {
	background: #4ccdbb;
	color: #fff;
}
.pastel-pink {
	background: #ff82da;
	color: #fff;
}
.pastel-blue {
	background: #00b1e0;
	color: #fff;
}
.pastel-purple {
	background: #9d87de;
	color: #fff;
}
.pastel-yellow {
	background: #fbc219;
	color: #fff;
}
.pastel-orange {
	background: #ff8767;
	color: #fff;
}

/* global box-sizing */
*,
*:after,
*:before {
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	-webkit-font-smoothing:antialiased;
	font-smoothing:antialiased;
	text-rendering:optimizeLegibility;
}
/* html element 62.5% font-size for REM use */
html {
	font-size:100%;
	height: 100%;
}
body {
	font-family: "Roboto", Arial, sans-serif;
	font-size: 15px;
	line-height: auto;
	color:#000;
	background: #fff;
	height: 100%;
}
/* clear */
.clear:before,
.clear:after {
    content:' ';
    display:table;
}

.clear:after {
    clear:both;
}
.clear {
    *zoom:1;
}
img {
	max-width:100%;
	vertical-align:bottom;
	height: auto;
}
a {
	color:#000;
	text-decoration:none;
}
a:hover {
	color:#ba1616;
}
a:focus {
	outline:0;
}
a:hover,
a:active {
	outline:0;
}
input:focus {
	outline:0;
	border:1px solid #ba1616;
}
h1 {
	font-size: 2.8em;
	font-weight: 400;
}
h2 {
	font-size: 2em;
}
h3 {
	font-size: 1.5em;
}
iframe {
    max-width: 100%;
}
* {
-webkit-transition: all 1s;
transition: all 1s;
}

.highlight {
    color: #ba1616;
}
.inv-recaptcha-holder {
    display: none;
}


/*------------------------------------*\
    STRUCTURE
\*------------------------------------*/

.wrapper {
	padding-left: 1em;
	padding-right: 1em;
}

/* wrapper */
.wrapper {
    max-width: 1140px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
}

/* logo */
.logo {
    height: 40px;
    width: 230px;
    display: block;
    position: relative;
    margin-top: 20px;
    float: left;
	position: relative;
	z-index: 3;
}
.logo-img {
    height: 100%;
    width: auto;
}
.logo-img svg:not(:root) {
    overflow: hidden;
    height: 40px;
}
.logo-img:hover .st0 {
    fill: #888;
}
.nav {
    display: block;
    padding-top: 10px;
    padding-bottom: 10px;
}
#togglenav {
    display: none;
    margin-left: auto;
    margin-right: auto;

}
.mobnavopen {
	display: block !important;
}
/* nav */
.navwrap {
    height: 50px;
    width: auto;
    display: block;
    position: relative;
    margin-top: 12.5px;
    float: right;
	text-align: right;
	position: relative;
	right: 35px;
	z-index: 3;
}
nav ul{
	padding: 0px;
	margin-top: 15px;
}
nav li {
    display: inline-block;
    font-size: 1.2em;
    margin-left: 10px;
}
nav li a {
	color: #000;
	font-weight: 400;
}
/* Sub menu */
.sub-menu {
    position: absolute;
    top: 40px;
    display: none;
    padding-top: 27px;
	z-index: 2;
}
.sub-menu li {
	display: block;
    margin: 0;
    padding-left: 7px;
    padding-right: 7px;
    padding-bottom: 3px;
    padding-top: 3px;
	background-image: url(img/semi-transparent.png);
}
.sub-menu li a {
    font-size: 0.8em;
    width: 100%;
    display: block;
    text-align: left;
}
nav li:hover .sub-menu {
    display: block;
}

/* Social Media menu items */
nav .fontawesome a {
	font-family: FontAwesome;
}
/* content */
.main-content {
    height: 78vh;
}
.content-inner-wrap {
    text-align: left;
    width: 70%;
    display: inline-block;
}

article {
    text-align: left;
}
html .page-template-homepage-php main {
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center top;
	background-color: transparent;
	padding-top: 120px;
	padding-bottom: 40px;
	position: relative;
	z-index: 1;
	flex: 1;
}
main {
	flex: 1;
}


/* sidebar */
.sidebar {

}
/* subscribe */
.sml_subscribe label {
    display: none;
}
.sml_name {
    display: inline-block;
	margin-right: 0px;
	border-right: 1px solid #ccc;
}
.sml_email {
    display: inline-block;
	border-right: 1px solid #ccc;
}
.sml_submit {
    display: inline-block;
    padding: 0px;
}
.sml_subscribe input {
    padding: 10px;
    font-size: 1.25em;
    border: 0px solid transparent;
}
.btn.sml_submitbtn {
    background: #ba1616;
    color: #fff;
    width: 100px;
}
.mint-subscribe {
	height: 50px;
}
/* footer */
.footer {
    background: #000;
    position: relative;
	z-index: 1;
}
.footerarea {
    padding-bottom: 40px;
    border-top: 1px solid #000 !important;
    padding-top: 10px;
}
.footerleft {
    display: inline-block;
    position: relative;
    margin-top: 0px;
}
.footermiddle {
    height: 85px;
    width: 9%;
    display: inline-block;
    position: relative;
    margin-top: 0px;
    vertical-align: bottom;
}
.footerright {
    display: inline-block;
    position: relative;
    margin-top: 0px;
	text-align: right;
	float: right;
}
.footerbottom {
    width: 100%;
    height: 50px;
    margin-top: 0px;
	border-top: 1px solid #999;
	color: #fff;
}
.footerright p {
    padding: 0;
    margin: 0;
}
.footer h3 {
    font-weight: 300;
    font-size: 1.3em;
    padding-bottom: 0px;
    margin-bottom: 0px;
}
.footer h4 {
    margin: 0;
}
.address {
    display: inline-block;
}
.outline-button.directions {
	background: #000;
    float: right;
    padding: 15px;
    margin-top: 57px;
	margin-left: 7px;
}

/* footer nav */
#menu-footer-menu {
    padding: 0;
    margin: 0;
	display: inline-block;
}
#menu-footer-menu li {
    display: inline-block;
}
#menu-footer-menu li a {
	color: #fff;
}
.copyright {
    display: inline-block;
    margin-right: 5px;
}

/* buttons */
.outline-button {
    padding: 10px;
    border: 1px solid #fff;
    display: inline-block;
    margin-top: 10px;
	color: #fff;
}
.outline-button:hover {
    border: 1px solid #ba1616;
}

/* gallery */

.page-id-668 .content-inner-wrap {
    width: 100%;
}
#post-668 a {
    display: inline-block;
    height: auto;
    padding: 10px;
    vertical-align: middle;
    margin: 20px;
	max-width: 200px;
}
#post-668 a img {
    height: auto;
    vertical-align: middle;
    width: auto;
}
.sidebararea {
    width: 30%;
    display: inline-block;
    vertical-align: top;
	margin-left: -4px;
	padding-left: 30px;
}

/*------------------------------------*\
    CREATE SEND
\*------------------------------------*/

.membership-footer-form .js-cm-submit-button {
    background: #ba1616;
    border-color: #ba1616;
    vertical-align: top;
    display: block;
    height: 40px;
    border-radius: 0;
    border: 0px solid #fff;
    text-transform: uppercase;
    color: #fff;
    display: inline-block;
}
.membership-footer-form input {
    text-indent: 5px;
    height: 40px;
	width: 33%;
    display: inline-block;
    margin-right: -4px;
    border: 1px solid #999;
}


/*------------------------------------*\
    MAILCHIMP
\*------------------------------------*/

.membership-footer-form  {
	margin-top: 10px;
}

.membership-footer-form #mc_embed_signup {
    background: transparent;
    clear: left;
    font: inherit;
}
.membership-footer-form #mc_embed_signup h2 {
	display: none;
}
.membership-footer-form #mc_embed_signup form {
    padding: 0;
}
.membership-footer-form #mc_embed_signup .mc-field-group {
    width: 25%;
    display: inline-block;
    margin-right: -5px;
	padding: 0;
}
.membership-footer-form #mc_embed_signup .clear {
    clear: none;
    display: inline-block;
}
.membership-footer-form #mc_embed_signup .button {
	background: #ba1616;
	border-color: #ba1616;
    vertical-align: top;
    display: block;
    height: 40px;
    border-radius: 0;
}
.membership-footer-form #mc_embed_signup .button:hover {
	background: #ABB0B2;
	border-color: #ABB0B2;
}
.membership-footer-form #mc_embed_signup input {
    border: 1px solid #ABB0B2;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}
.membership-footer-form #mc_embed_signup #mc-embedded-subscribe-form div.mce_inline_error{
    display: block;
    position: absolute;
    background: transparent;
    padding: 0;
    font-size: 13px;
	width: 200%;
}
.membership-footer-form #mc_embed_signup .mc-field-group input {
    text-indent: 5px;
	height: 40px;
}
.membership-footer-form #mce-responses {
	margin: 0;
	padding: 0;
}
.membership-footer-form #mc_embed_signup div.response {
    margin: 0;
    padding: 0;
    font-weight: normal;
    float: none;
    top: 0;
    z-index: 1;
    width: 100%;
}
.membership-footer-form #mc_embed_signup div#mce-responses {
    float: left;
    top: 0;
    padding: 0;
    overflow: visible;
    width: 150%;
    margin: 0%;
    clear: both;
	font-size: 13px;
}
.membership-footer-form #mc_embed_signup #mce-success-response {
    color: #ba1616;
    margin-top: -8px;
    position: relative;
}

/*------------------------------------*\
    EVENTS API
\*------------------------------------*/

.search h2 {
    text-align: left;
}

.events-wrap {
    text-align: center;
    margin-top: 30px;
    min-height: 400px;
    width: 70%;
    display: inline-block;
}
.events-wrap #response {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
	-webkit-box-pack: flex-start;
	    -ms-flex-pack: flex-start;
	        justify-content: flex-start;
    max-width: 1320px;
    margin-left: auto;
    margin-right: auto;
	margin-bottom: 30px;
	margin-left: -15px;
	width: 100%;
}
.events {
	font-family: 'Roboto Condensed';
    background: #fff;
	color: #000;
    width: 46%;
    border: 1px solid #999;
    display: inline-block;
    margin: 15px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
}
.events * {
	width: 100%;
}
.events .buttons {
    -webkit-box-align: end;
        -ms-flex-align: end;
                -ms-grid-row-align: flex-end;
            align-items: flex-end;
}

.event-image {
    display: block;
    clear: both;
    height: 300px;
    width: 100%;
	background-image: url('img/post-default-thumb.jpg');
    background-clip: border-box;
    background-origin: padding-box;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
	background-color: #eaeaea;
    position: relative;
}
.event-image img {
    position: absolute;
    bottom: 0px;
    right: 0;
	width: 100px;
}
.events .show-name {
    font-size: 1.35em;
    height: 60px;
    overflow: hidden;
    font-weight: 600;
    text-transform: uppercase;
}
.events .date, .events .venue {
    font-size: 1em;
}
.events .preview {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 300px;
}
.events .soldout a {
	background: #ba1616 !important;
}
.buy-tickets a {
	background: #000;
    color: #fff;
	font-size: 1.25em;
	text-transform: uppercase;
	font-weight: 400;
	width: 100%;
	padding: 10px;
	display: block;
	text-align: center;
}
.buy-tickets a:hover {
	background: #ba1616;
}
.show-wrap {
    padding: 10px;
    text-align: left;
	-webkit-box-flex: 1;
	    -ms-flex-positive: 1;
	        flex-grow: 1;
}
.filterevents .venue-selection label  {
	font-size: 1.4em;
    display: inline-block;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 5px;
    margin-bottom: 5px;
	border: 0px solid #fff !important;
}
.date-selection {
    margin-top: 20px;
}

.whats-on .content-inner-wrap {
    width: 100%;
}
.venue-selection {
    display: none;
}
.fa.fa-headphones {
    background: black;
    padding: 5px;
    width: 50px;
    border-radius: 28px;
    color: white;
}
.fa.fa-headphones:hover {
    color: #ba1616;
}

/*------------------------------------*\
    GALLERY
\*------------------------------------*/

.maingallery {
	text-align: left;
	display: block;
	margin-bottom: 6px;
}
.maingallery li {
    display: inline-block;
    width: 25.3%;
    border: 6px solid #fff;
    margin-right: -6px;
    margin-bottom: -9px;
    position: relative;
    padding-top: 17%;
    background-size: cover;
	background-repeat: no-repeat;
}
.maingallery li img {
    display: block;
	width: 100%;
    height: auto;
}

.maingallery .row > .column {
  padding: 0 8px;
}

.maingallery .row:after {
  content: "";
  display: table;
  clear: both;
}

/* The Modal (background) */
.maingallery .modal {
  display: none;
  position: fixed;
  z-index: 5;
  padding-top: 40px;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: black;
}

/* Modal Content */
.maingallery .modal-content {
  position: relative;
  background-color: #fefefe;
  margin: auto;
  padding: 0;
  width: 100%;
  max-width: 1200px;
}

/* The Close Button */
.maingallery .close {
    color: white;
    position: absolute;
    top: 15px;
    right: 15px;
    font-size: 55px;
	text-align: center;
	width: 50px;
	height: 50px;
	line-height: 50px;
	background: #ba1616;
	z-index: 8;
}

.maingallery .close:hover,
.maingallery .close:focus {
  text-decoration: none;
  cursor: pointer;
}

/* Hide the slides by default */
.maingallery .mySlides {
  display: none;
}

/* Next & previous buttons */
.maingallery .prev, .maingallery .next {
  cursor: pointer;
  position: absolute;
  top: 50%;
  width: auto;
  padding: 16px;
  margin-top: -50px;
  color: white;
  font-weight: bold;
  font-size: 20px;
  transition: 0.6s ease;
  border-radius: 0 3px 3px 0;
  user-select: none;
  -webkit-user-select: none;
  background-color: #ba1616;
}

/* Position the "next button" to the right */
.maingallery .next {
  right: 0;
}

/* Number text (1/3 etc) */
.maingallery .numbertext {
  color: #f2f2f2;
  font-size: 12px;
  padding: 8px 12px;
  position: absolute;
  top: 0;
}

/* Caption text */
.maingallery .caption-container {
  text-align: center;
  background-color: black;
  padding: 2px 16px;
  color: white;
}

.maingallery img.demo {
  opacity: 0.6;
}

.maingallery .active,
.maingallery .demo:hover {
  opacity: 1;
}

.maingallery img.hover-shadow {
  transition: 0.3s
}

.maingallery .hover-shadow:hover {
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19)
}

.mySlides img {
    width: 100%;
	display: block;
	height: auto;
}

.maingallery li .fadebox {
    display: block;
    position: absolute;
    background: rgba(0,0,0,0);
    top: 0;
    bottom: 0;
    width: 100%;
    z-index: 1;
}
.maingallery li:hover .fadebox {
	background: rgba(255,128,0,0.3);
}

.gallery-icon img:hover {
	max-width: auto;
	width: 110%;
}



/*------------------------------------*\
    NAV Mobile
\*------------------------------------*/

.mobilenav {
    position: relative;
    background-image: none;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center top;
	background-color: rgba(0,0,0,0.7);
    top: 0;
    left: 0;
    right: 0;
    border: 0;
    bottom: 0;
    height: 100%;
    width: 100%;
	padding-top: 50px;
	text-align: center;
	z-index: 2;
}
.mobilenav .nav {
    width: 300px;
	text-transform: uppercase;
    float: right;
    margin: 20px;
}
.mobilenav nav li {
    display: block;
    width: 100%;
    font-size: 1em;
    margin-left: 0;
}
.mobilenav nav li a {
    font-size: 1.25em;
    margin-right: 0;
    text-align: center;
    list-style: none;
    display: block;
    padding: 5px;
        padding-top: 5px;
        padding-bottom: 5px;
    padding-top: 10px;
    padding-bottom: 10px;
    margin-bottom: 7px;
}
.mobilenav nav li a:hover {
    color: #fff;
}

.mobilenav nav .fontawesome {
    display: inline-block;
    width: 40px;
	margin-top: 20px;
}
.touchmenu {
    font-size: 2em !important;
    position: fixed;
    z-index: 4;
    color: #fff;
    top: 25px;
    right: 20px;
}
#togglenavon {
    position: fixed;
    width: 35px;
    right: 20px;
    top: 30px;
    z-index: 5;
}
.touchmenuclose {
    font-size: 2.5em !important;
    position: fixed;
    z-index: 4;
    color: #fff;
    top: 20px;
    right: 20px;
}

.desktopnav {
	display: block;
}

/*------------------------------------*\
    SLIDER
\*------------------------------------*/

.nivo-caption {
    position: relative !important;
    top: 0 !important;
    background: transparent !important;
    margin-top: -50% !important;
    float: left !important;
	opacity: 1 !important;
}
.slideoverlay {
    display: block;
    margin-top: 250px;
    margin-left: 100px;
}
.slideoverlay .slide-title {
    display: block;
    position: relative;
    font-size: 3em;
	margin-bottom: 20px;
	text-shadow: 0px 0px 5px #000;
}
.slideoverlay a {
    background: #ba1616;
    display: inline-block;
    position: relative;
    font-size: 1.7em;
	text-transform: uppercase;
	padding-right: 15px;
	padding-left: 15px;
	padding-top: 10px;
	padding-bottom: 10px;
}

/*------------------------------------*\
    Gallery Wordpress
\*------------------------------------*/

.content-inner-wrap .gallery {
    margin: auto;
    display: flex;
    flex-wrap: wrap;
	margin-left: -5px;
}
.content-inner-wrap .wp-caption .wp-caption-text, .gallery-caption {
    background: rgba(0,0,0,0.7);
    color: #fff;
    font-family: 'Roboto Condensed';
    font-size: 1.3em !important;
    text-transform: uppercase;
    height: 40px;
    margin-top: 0px !important;
    position: relative;
    width: auto;
    display: inline-block !important;
    float: left;
    margin-top: -40px !important;
    letter-spacing: 0.2em;
	padding-left: 10px !important;
	padding-right: 10px !important;
	line-height: 40px !important;
	text-align: left;
	
}
.gallery-item:hover .gallery-caption {
	background: #ba1616;
}
.content-inner-wrap .gallery-item img {
    border: 0px solid !important;
	height: auto;
	width: 100%;
}

.content-inner-wrap .gallery br {
	display: none;
}
.content-inner-wrap .gallery-item {
    float: none !important;
    margin-top: 10px;
	margin-left: 5px;	
	margin-right: 5px;
	margin-bottom: 5px;
    text-align: center;
    width: 48% !important;
    display: inline-block;
	overflow: hidden;
}
/*------------------------------------*\
    HOMEPAGE
\*------------------------------------*/

/*-- Banner --*/
.full-back-poster {
    width: 100%;
    height: 100vh;
    background: #000;
        background-image: none;
        background-repeat: repeat;
        background-size: auto auto;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 0;
    background-size: cover;
    background-repeat: no-repeat;
	overflow: hidden;
}
.full-back-poster * {
    width: auto;
    height: auto;
    max-width: none;
    position: fixed;
    bottom: 0;
    right: 0;
    min-height: 100%;
    min-width: 100%;
}
.home-banner {
    display: block;
    position: relative;
    margin-bottom: 0px;
    height: 100%;
    overflow: hidden;
}

.home-banner .homepageBannerSlider {
    height: 100%;
    width: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center top;
}
.home-banner .display-right {
    position: absolute;
	color: #fff;
	background-color: #000;
    top: 50%;
    right: 0%;
    transform: translate(0%,-50%);
    -ms-transform: translate(0%,-50%);
	border: none;
	display: inline-block;
	padding: 8px 16px;
	vertical-align: middle;
	overflow: hidden;
	text-decoration: none;
	text-align: center;
	cursor: pointer;
	white-space: nowrap;
}
.home-banner .display-left {
    position: absolute;
	color: #fff;
	background-color: #000;
    top: 50%;
    left: 0%;
    transform: translate(0%,-50%);
    -ms-transform: translate(-0%,-50%);
	border: none;
	display: inline-block;
	padding: 8px 16px;
	vertical-align: middle;
	overflow: hidden;
	text-decoration: none;
	text-align: center;
	cursor: pointer;
	white-space: nowrap;
}

.homepageBannerSlider {
    opacity:1;
    -webkit-transition: opacity 1s;
    -o-transition: opacity 1s;
    transition: opacity 1s; 
}

.homepageBannerSlider.fadeOut {
    opacity:0;
}

.home-banner .galleryzoom {
	-webkit-animation: galleryzoom 4s linear infinite;
	animation: galleryzoom 4s linear infinite;
}
@-webkit-keyframes galleryzoom {
	0%   { background-size: 110% auto; }
	100% { background-size: 117% auto; }
}
@keyframes galleryzoom {
	0%   { background-size: 110% auto; }
	25%   { background-size: 112% auto; }
	50%   { background-size: 114% auto; }
	75%   { background-size: 116% auto; }
	100% { background-size: 118% auto; }
}

.awards {
    width: 400px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 20px;
}
.awards-header img {
    width: 100%;
	max-width: 500px;
}
.home .awards-header {
    width: 100%;
    display: block;
    position: relative;
    left: 0;
    margin-left: auto;
    margin-top: 10px;
    margin-right: auto;
}

.home .awards-header img {
	width: 100%;
}

/*------------------------------------*\
    NEWS
\*------------------------------------*/


.news-list-latest {
	display:flex;
	flex-wrap:wrap;
	justify-content: flex-start;
	margin-left: 0;
	margin-right: 0;
	margin-top:1.5rem;
	width:100%;
	text-align: left;
}
.news-list-small {
    background: transparent none repeat scroll 0 0;
    border: 1px solid #888;
    color: inherit;
    display: inline-block;
    margin-bottom: 20px;
    padding-right: 0rem;
    position: relative;
    text-decoration: none;
    width: 31.333%;
	max-width: 420px;
    margin-left: 1%;
    margin-right: 1%;
}
.news-list-small a {
    color: #fff;
    text-decoration: none;
	width: 100%;
}
.post h1 {
    text-align: left;
    margin-top: 0;
}
.post h1 a {
    color: #fff;
    text-align: left;
}
.featured-media-small {
    background-position: center center;
    background-size: cover;
    border-bottom: 6px solid #ba1616;
    padding: 50%;
    padding-right: 0rem;
    width: 100%;
}
.featured-content-small {
    display: block;
    padding: 0 1rem 1rem;
    width: 100%;
}
.g-feature-content-date {
    margin: 0 0 .625em;
        margin-top: 1em;
    font-size: 1em;
    line-height: 1.25em;
    color: #fff;
    font-weight: 300;
    display: block;
}
.g-feature-content-title {
    line-height: inherit;
    margin: 0;
}
.featured-summary {
    font-size: 1em;
    line-height: 1.2em;
}
.card-box-bottom {
    align-self: flex-end;
    display: block;
    padding: 0 1em 1em;
    width: 100%;
}
.social-share-button {
    margin-bottom: 0;
    transition: all .5s ease 0s;
}
.social-share-button svg {
    display: inline-block;
    height: 1.3em;
}
.g-icon {
    display: inline-block;
    fill: currentcolor;
    height: 1em;
    line-height: inherit;
    vertical-align: text-bottom;
}
.social-share-button span {
    display: inline-block;
}
.social-share {
    display: inline-block;
    margin-left: 0px;
    margin-right: 0px;
    position: relative;
}
.crunchify-link:first-child {
    border-left: 0px solid #ccc;
	margin-left: -10px;
}
.crunchify-link {
    border-left: 0px solid #ccc;
    display: inline;
    padding: 0 10px;
    color: #fff;
	font-size: 1.3em;
}
.fa {
    display: inline-block;
    font: 14px/1 FontAwesome;
        font-size: 14px;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.social-share a:hover .fa {
    color: #ba1616;
}
.g-inner-post {
    background: #000;
    overflow: hidden;
    padding: 1em;
    border: 1px solid #888;
    text-align: left;
    display: block;
    position: relative;
    margin-top: 0;
}
.page-numbers {

    padding: 10px;
    display: inline-block;
    border: 1px solid;

}
.no-content-found {
	width: 100%;
	text-align: center;
}
.no-content-found .searchbox {
    float: left;
}
.searchhead {
    width: 100%;
    display: block;
    position: relative;
    height: 100px;
}

/*------------------------------------*\
    WIDGET AREA	
\*------------------------------------*/
.soc {
    display: block;
    position: relative;
}
.widget-item span {
    background: rgba(0,0,0,0.7);
    color: #fff;
    font-family: 'Roboto Condensed';
    font-size: 1.2em !important;
    text-transform: uppercase;
    margin-top: 0px !important;
    position: absolute;
    width: auto;
    display: inline-block !important;
    float: left;
    margin-top: -40px !important;
    letter-spacing: 0.2em;
    padding: 10px !important;
    text-align: left;
	left: 0;
	bottom: 0;
}
.widget-item img {
    height: auto;
	width: 100%;
}
.widget-item {
    margin-bottom: 30px;
}

/*------------------------------------*\
    SEARCH
\*------------------------------------*/


.searchbox {
    display: inline-block;
    position: relative;
    float: left;
    margin-left: auto;
    margin-right: auto;
    width: 255px;
}

.searchbox .search-input {
    padding: 8.5px;
    border: 1px solid #333;
	border-radius: 4px;
}
.searchbox .search-submit {
    background-color: #000;
    color: #fff;
    padding: 9.5px;
        padding-right: 9.5px;
        padding-left: 9.5px;
    padding-right: 10px;
    padding-left: 10px;
    display: inline-block;
    border: 0;
    padding-left: 15px;
    padding-right: 15px;
    border-radius: 4px;
        border-top-left-radius: 4px;
        border-bottom-left-radius: 4px;
    margin-left: -6px;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
}
#filter {
    margin-top: -65px;
    text-align: left;
}

/*------------------------------------*\
    CONTACT / FORM
\*------------------------------------*/


.wpcf7-form {
	width:100%;
}
.jobsform-body>p {
	width:95%;
}
.form-title {
	font-size:16px;
	font-weight:bold;
}


.sml_submitbtn{
	width:100px;
}

.wpcf7-form .wpcf7-submit{
	width:100%;
	border:0px;
	display:block;
}
.sml_name, .sml_email, .sml_submit {
	display:inline-block;
	vertical-align:middle;
}

.wpcf7-form input, .wpcf7-form textarea, .wpcf7-form .your-subject select{
	padding:10px;
	border:1px solid #ccc;
	margin-top: 0.5em;
	width: 100%;
}


.wpcf7-form textarea, .wpcf7-form .message, .wpcf7-form input, .wpcf7-form, .wpcf7-form .submit{
	width:100%;
}

.wpcf7-form .email, .wpcf7-form .name{
	width:488px;
}

.wpcf7-form p {
    padding: 0px;
    margin: 0px;
    margin-bottom: 0px;
    margin-bottom: 11px;
}

.wpcf7-form {
	width:100%;
	display:block;
	margin:auto;
}
.wpcf7-submit {
    background-color: #ba1616;
    color: #fff;
    text-align: center;
    padding: 10px;
    display: block;
    margin: 10px 0px;
    text-transform: uppercase;
    font-weight: bold;
    border-radius: 0px;
}
.date-selection {
    width: 200px;
    height: 37px;
    overflow: hidden;
    float: left;
    margin-top: 0;
    z-index: 3;
    position: relative;
}
.date-selection:hover {
    overflow: visible;
}
.filterevents .vis-hidden {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}
.filterevents label {
    margin: 0;
	background: #fff;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
    border: 1px solid #555;
        border-top-color: rgb(85, 85, 85);
        border-right-color: rgb(85, 85, 85);
        border-bottom-color: rgb(85, 85, 85);
        border-left-color: rgb(85, 85, 85);
    width: 100%;
    height: 37px;
    line-height: 25px;
}


.filterevents label {
    display: inline-block;
}

/*------------------------------------*\
    SOCIAL ICONS
\*------------------------------------*/

.social-list {
    margin-bottom: 16px;
}
.social-list .soc {
    height: 30px;
    display: inline-block;
    width: auto;
    text-align: center;
    margin-right: 15px;
}
.social-list .soc img {
    display: inline;
    width: auto;
    height: 100%;
}

/*------------------------------------*\
    SIDEBAR
\*------------------------------------*/

.sidebararea {
	margin-bottom: 20px;
}

.sidebararea h3 {
    padding: 0;
        padding-top: 0px;
        padding-bottom: 0px;
    margin: 0;
        margin-bottom: 0px;
    padding-top: 5px;
    padding-bottom: 5px;
    display: block;
    width: 100%;
    border-bottom: 1px solid #000;
    text-transform: uppercase;
    font-size: 1.1em;
    margin-bottom: 10px;
}


/*------------------------------------*\
    PAGES
\*------------------------------------*/

.page-header {
    position: relative;
    z-index: 1;
}
.page-header img {
    width: 100%;
    height: 100%;
}
.page .pagebanner, .search .pagebanner {
    width: 100%;
    height: 60vh;
    display: block;
    background-image: url(img/back.jpg);
    background-size: cover;
    background-position: top;
    overflow: hidden;
}
.pagebanner.nofeaturedimage {
    height: 30vh;
}
.page main, .search main {
    background-image: none;
    background-color: #fff;
    color: #000;
    margin-top: -25px;
    position: relative;
    z-index: 0;
    padding-top: 50px;
}
.page-template-homepage-php main {
    color: #000;
}
.page-divider {
    height: 8px;
	background: #555;
}
.page-title {
	position: relative;
    text-align: center;
    display: block;
    width: 100%;
    margin-top: -25px;
}
.page-title h1 {
	background: #555;
    display: inline-block;
    margin-top: 0;
    margin-bottom: 0;
    margin-right: auto;
    margin-left: auto;
    width: auto;
    font-size: 1.6em;
	padding: 5px;
	text-transform: uppercase;
	min-width: 260px;
	padding-left: 12px;
	padding-right: 12px;
	border-radius: 5px;
}



/*------------------------------------*\
    JOBS FORM
\*------------------------------------*/

.jobsform span {
    width: 50%;
    display: inline-block;
}
.jobsform .wpcf7-form-control-wrap.textarea-aboutyourself {
    width: 100%;
}
.jobsform .wpcf7-form-control-wrap.text-halls {
    width: 100%;
}


/*------------------------------------*\
    HOMEPAGE CUSTOM
\*------------------------------------*/

.header.clear.wrapblock {
	width: 100%;
	text-align: center;
}

.header.clear.wrapblock .boileroom-full-logo {
    width: 100%;
	height: 100px;
	position: relative;
    display: inline-block;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
	margin-top: 50px;
}
.header.clear.wrapblock .tagline {
    text-align: center;
    font-size: 1.6em;
    width: 100%;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -ms-flex-pack: distribute;
        justify-content: space-around;
    margin-left: auto;
    margin-right: auto;
    padding-right: 5px;
    padding-left: 2px;
}
.header.clear.wrapblock .tagline .sep {
	font-family: 'Roboto';
    width: 15px;
    display: inline-block;
	color: inherit;
}
.header.clear.wrapblock .tagline img.wp-smiley, .header.clear.wrapblock .tagline img.emoji {
	font-family: 'Roboto';
}
.homenav {
    text-align: center;
    display: block;
    width: 100%;
    margin-top: 40px;
    margin-bottom: 40px;
	border-top: 3px solid #000;
	border-bottom: 3px solid #000;
}
::-moz-selection {
    background: #04A4CC;
    color: #FFF;
    text-shadow: none;
}
.homenav nav li {
    display: inline-block;
    font-size: 1.4em;
    margin: 3px;
        margin-bottom: 3px;
    text-transform: uppercase;
    border-radius: 0;
    width: auto;
    border-top: 0px solid #000;
    margin-bottom: 0px;
}
.homenav li a {
    padding: 5px;
        padding-right: 5px;
        padding-left: 5px;
    padding-right: 5px;
    padding-left: 5px;
    display: inline-block;
    padding-left: 10px;
    padding-right: 10px;
    text-align: center;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 800;
    letter-spacing: 0.05em;
    font-size: 1em;
}
.homenav ul {
    text-align: center;
    padding-top: 0px;
    padding-bottom: 0px;
    margin-top: 0px;
    margin-bottom: 0px;
}

.header.clear.wrapblock .latestevent {
	font-family: 'Roboto Condensed', sans-serif;
    width: 33.3%;
    height: 80px;
    text-align: left;
    padding: 10px;
        padding-left: 10px;
    padding-left: 20px;
	font-size: 16px;
	overflow: hidden;
}
.header.clear.wrapblock .homeevents {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 80%;
    margin-left: auto;
    margin-right: auto;
}
.header.clear.wrapblock .homeevents .title {
    font-size: 1.2em;
	font-weight: 600;
	text-transform: uppercase;
	color: inherit;
}
.header.clear.wrapblock .homeevents .date {
    display: inline-block;
    width: 100%;
}

.header.clear.wrapblock .homeevents .interactive {
    width: 30px;
    height: 30px;
    float: right;
	margin-left: 10px;
	margin-top: -7px;
	font-size: 30px;
	color: inherit;
}
.events .interactive {
    width: 35px;
	font-size: 40px;
    height: 35px;
    float: left;
	margin-left: 10px;
	margin-top: 5px;
	color: #fff;
	position: relative;
}

.interactive {
	cursor:pointer;
}
.interactive i {
    position: relative;
    z-index: 2;
}


/*--change order of boxes--*/
.header.clear.wrapblock .homeevents .latestevent:nth-child(1) { 
	-webkit-box-ordinal-group: 2; 
	-ms-flex-order: 1; 
	order: 1; 
	border-right: 2px solid #fff;
}
.header.clear.wrapblock .homeevents .latestevent:nth-child(2) { 
	-webkit-box-ordinal-group: 5; 
	-ms-flex-order: 4; 
	order: 4; 
	border-right: 2px solid #fff;
}
.header.clear.wrapblock .homeevents .latestevent:nth-child(3) { 
	-webkit-box-ordinal-group: 8; 
	-ms-flex-order: 7; 
	order: 7; 
	border-right: 2px solid #fff;
}
.header.clear.wrapblock .homeevents .latestevent:nth-child(4) { 
	-webkit-box-ordinal-group: 3; 
	-ms-flex-order: 2; 
	order: 2; 
	border-right: 2px solid #fff;
}
.header.clear.wrapblock .homeevents .latestevent:nth-child(5) { 
	-webkit-box-ordinal-group: 6; 
	-ms-flex-order: 5; 
	order: 5; 
	border-right: 2px solid #fff;
}
.header.clear.wrapblock .homeevents .latestevent:nth-child(6) { 
	-webkit-box-ordinal-group: 9; 
	-ms-flex-order: 8; 
	order: 8; 
	border-right: 2px solid #fff;
}
.header.clear.wrapblock .homeevents .latestevent:nth-child(7) { 
	-webkit-box-ordinal-group: 4; 
	-ms-flex-order: 3; 
	order: 3; 
}
.header.clear.wrapblock .homeevents .latestevent:nth-child(8) { 
	-webkit-box-ordinal-group: 7; 
	-ms-flex-order: 6; 
	order: 6; 
}
.header.clear.wrapblock .homeevents .latestevent:nth-child(9) { 
	-webkit-box-ordinal-group: 10; 
	-ms-flex-order: 9; 
	order: 9; 
}
.fulllogo {
	fill: #000;
}
.fulllogo:hover {
	fill: #333;
}

/*--tagline animation--*/

.tagline1{
  animation: tagline linear 0.4s;
  animation-iteration-count: 1;
  transform-origin: 50% 50%;
  animation-fill-mode:forwards; /*when the spec is finished*/
  -webkit-animation: tagline linear 0.4s;
  -webkit-animation-iteration-count: 1;
  -webkit-transform-origin: 50% 50%;
  -webkit-animation-fill-mode:forwards; /*Chrome 16+, Safari 4+*/ 
  -moz-animation: tagline linear 0.4s;
  -moz-animation-iteration-count: 1;
  -moz-transform-origin: 50% 50%;
  -moz-animation-fill-mode:forwards; /*FF 5+*/
  -o-animation: tagline linear 0.4s;
  -o-animation-iteration-count: 1;
  -o-transform-origin: 50% 50%;
  -o-animation-fill-mode:forwards; /*Not implemented yet*/
  -ms-animation: tagline linear 0.4s;
  -ms-animation-iteration-count: 1;
  -ms-transform-origin: 50% 50%;
  -ms-animation-fill-mode:forwards; /*IE 10+*/
}
.tagline2{
  animation: tagline linear 0.8s;
  animation-iteration-count: 1;
  transform-origin: 50% 50%;
  animation-fill-mode:forwards; /*when the spec is finished*/
  -webkit-animation: tagline linear 0.8s;
  -webkit-animation-iteration-count: 1;
  -webkit-transform-origin: 50% 50%;
  -webkit-animation-fill-mode:forwards; /*Chrome 16+, Safari 4+*/ 
  -moz-animation: tagline linear 0.8s;
  -moz-animation-iteration-count: 1;
  -moz-transform-origin: 50% 50%;
  -moz-animation-fill-mode:forwards; /*FF 5+*/
  -o-animation: tagline linear 0.8s;
  -o-animation-iteration-count: 1;
  -o-transform-origin: 50% 50%;
  -o-animation-fill-mode:forwards; /*Not implemented yet*/
  -ms-animation: tagline linear 0.8s;
  -ms-animation-iteration-count: 1;
  -ms-transform-origin: 50% 50%;
  -ms-animation-fill-mode:forwards; /*IE 10+*/
}
.tagline3{
  animation: tagline linear 1.2s;
  animation-iteration-count: 1;
  transform-origin: 50% 50%;
  animation-fill-mode:forwards; /*when the spec is finished*/
  -webkit-animation: tagline linear 1.2s;
  -webkit-animation-iteration-count: 1;
  -webkit-transform-origin: 50% 50%;
  -webkit-animation-fill-mode:forwards; /*Chrome 16+, Safari 4+*/ 
  -moz-animation: tagline linear 1.2s;
  -moz-animation-iteration-count: 1;
  -moz-transform-origin: 50% 50%;
  -moz-animation-fill-mode:forwards; /*FF 5+*/
  -o-animation: tagline linear 1.2s;
  -o-animation-iteration-count: 1;
  -o-transform-origin: 50% 50%;
  -o-animation-fill-mode:forwards; /*Not implemented yet*/
  -ms-animation: tagline linear 1.2s;
  -ms-animation-iteration-count: 1;
  -ms-transform-origin: 50% 50%;
  -ms-animation-fill-mode:forwards; /*IE 10+*/
}
.tagline4{
  animation: tagline linear 1.6s;
  animation-iteration-count: 1;
  transform-origin: 50% 50%;
  animation-fill-mode:forwards; /*when the spec is finished*/
  -webkit-animation: tagline linear 1.6s;
  -webkit-animation-iteration-count: 1;
  -webkit-transform-origin: 50% 50%;
  -webkit-animation-fill-mode:forwards; /*Chrome 16+, Safari 4+*/ 
  -moz-animation: tagline linear 1.6s;
  -moz-animation-iteration-count: 1;
  -moz-transform-origin: 50% 50%;
  -moz-animation-fill-mode:forwards; /*FF 5+*/
  -o-animation: tagline linear 1.6s;
  -o-animation-iteration-count: 1;
  -o-transform-origin: 50% 50%;
  -o-animation-fill-mode:forwards; /*Not implemented yet*/
  -ms-animation: tagline linear 1.6s;
  -ms-animation-iteration-count: 1;
  -ms-transform-origin: 50% 50%;
  -ms-animation-fill-mode:forwards; /*IE 10+*/
}
.tagline5{
  animation: tagline linear 2s;
  animation-iteration-count: 1;
  transform-origin: 50% 50%;
  animation-fill-mode:forwards; /*when the spec is finished*/
  -webkit-animation: tagline linear 2s;
  -webkit-animation-iteration-count: 1;
  -webkit-transform-origin: 50% 50%;
  -webkit-animation-fill-mode:forwards; /*Chrome 16+, Safari 4+*/ 
  -moz-animation: tagline linear 2s;
  -moz-animation-iteration-count: 1;
  -moz-transform-origin: 50% 50%;
  -moz-animation-fill-mode:forwards; /*FF 5+*/
  -o-animation: tagline linear 2s;
  -o-animation-iteration-count: 1;
  -o-transform-origin: 50% 50%;
  -o-animation-fill-mode:forwards; /*Not implemented yet*/
  -ms-animation: tagline linear 2s;
  -ms-animation-iteration-count: 1;
  -ms-transform-origin: 50% 50%;
  -ms-animation-fill-mode:forwards; /*IE 10+*/
}
.tagline6{
  animation: tagline linear 2.4s;
  animation-iteration-count: 1;
  transform-origin: 50% 50%;
  animation-fill-mode:forwards; /*when the spec is finished*/
  -webkit-animation: tagline linear 2.4s;
  -webkit-animation-iteration-count: 1;
  -webkit-transform-origin: 50% 50%;
  -webkit-animation-fill-mode:forwards; /*Chrome 16+, Safari 4+*/ 
  -moz-animation: tagline linear 2.4s;
  -moz-animation-iteration-count: 1;
  -moz-transform-origin: 50% 50%;
  -moz-animation-fill-mode:forwards; /*FF 5+*/
  -o-animation: tagline linear 2.4s;
  -o-animation-iteration-count: 1;
  -o-transform-origin: 50% 50%;
  -o-animation-fill-mode:forwards; /*Not implemented yet*/
  -ms-animation: tagline linear 2.4s;
  -ms-animation-iteration-count: 1;
  -ms-transform-origin: 50% 50%;
  -ms-animation-fill-mode:forwards; /*IE 10+*/
}

@keyframes tagline{
  0% {
    opacity:0;
  }
  70% {
    opacity:1;
  }
  100% {
    opacity:1;
  }
}

@-moz-keyframes tagline{
  0% {
    opacity:0;
  }
  70% {
    opacity:1;
  }
  100% {
    opacity:1;
  }
}

@-webkit-keyframes tagline {
  0% {
    opacity:0;
  }
  70% {
    opacity:1;
  }
  100% {
    opacity:1;
  }
}

@-o-keyframes tagline {
  0% {
    opacity:0;
  }
  70% {
    opacity:1;
  }
  100% {
    opacity:1;
  }
}



/*--home animation--*/
.fulllogo1 {
  animation: fulllogo ease-out 0.5s;
  animation-iteration-count: 1;
  transform-origin: 50% 50%;
  animation-fill-mode:forwards; /*when the spec is finished*/
  -webkit-animation: fulllogo ease-out 0.5s;
  -webkit-animation-iteration-count: 1;
  -webkit-transform-origin: 50% 50%;
  -webkit-animation-fill-mode:forwards; /*Chrome 16+, Safari 4+*/ 
  -moz-animation: fulllogo ease-out 0.5s;
  -moz-animation-iteration-count: 1;
  -moz-transform-origin: 50% 50%;
  -moz-animation-fill-mode:forwards; /*FF 5+*/
  -o-animation: fulllogo ease-out 0.5s;
  -o-animation-iteration-count: 1;
  -o-transform-origin: 50% 50%;
  -o-animation-fill-mode:forwards; /*Not implemented yet*/
  -ms-animation: fulllogo ease-out 0.5s;
  -ms-animation-iteration-count: 1;
  -ms-transform-origin: 50% 50%;
  -ms-animation-fill-mode:forwards; /*IE 10+*/
}
.fulllogo4 {
  animation: fulllogo ease-out 0.7s;
  animation-iteration-count: 1;
  transform-origin: 50% 50%;
  animation-fill-mode:forwards; /*when the spec is finished*/
  -webkit-animation: fulllogo ease-out 0.7s;
  -webkit-animation-iteration-count: 1;
  -webkit-transform-origin: 50% 50%;
  -webkit-animation-fill-mode:forwards; /*Chrome 16+, Safari 4+*/ 
  -moz-animation: fulllogo ease-out 0.7s;
  -moz-animation-iteration-count: 1;
  -moz-transform-origin: 50% 50%;
  -moz-animation-fill-mode:forwards; /*FF 5+*/
  -o-animation: fulllogo ease-out 0.7s;
  -o-animation-iteration-count: 1;
  -o-transform-origin: 50% 50%;
  -o-animation-fill-mode:forwards; /*Not implemented yet*/
  -ms-animation: fulllogo ease-out 0.7s;
  -ms-animation-iteration-count: 1;
  -ms-transform-origin: 50% 50%;
  -ms-animation-fill-mode:forwards; /*IE 10+*/
}
.fulllogo6 {
  animation: fulllogo ease-out 0.9s;
  animation-iteration-count: 1;
  transform-origin: 50% 50%;
  animation-fill-mode:forwards; /*when the spec is finished*/
  -webkit-animation: fulllogo ease-out 0.9s;
  -webkit-animation-iteration-count: 1;
  -webkit-transform-origin: 50% 50%;
  -webkit-animation-fill-mode:forwards; /*Chrome 16+, Safari 4+*/ 
  -moz-animation: fulllogo ease-out 0.9s;
  -moz-animation-iteration-count: 1;
  -moz-transform-origin: 50% 50%;
  -moz-animation-fill-mode:forwards; /*FF 5+*/
  -o-animation: fulllogo ease-out 0.9s;
  -o-animation-iteration-count: 1;
  -o-transform-origin: 50% 50%;
  -o-animation-fill-mode:forwards; /*Not implemented yet*/
  -ms-animation: fulllogo ease-out 0.9s;
  -ms-animation-iteration-count: 1;
  -ms-transform-origin: 50% 50%;
  -ms-animation-fill-mode:forwards; /*IE 10+*/
}
.fulllogo9 {
  animation: fulllogo ease-out 1.1s;
  animation-iteration-count: 1;
  transform-origin: 50% 50%;
  animation-fill-mode:forwards; /*when the spec is finished*/
  -webkit-animation: fulllogo ease-out 1.1s;
  -webkit-animation-iteration-count: 1;
  -webkit-transform-origin: 50% 50%;
  -webkit-animation-fill-mode:forwards; /*Chrome 16+, Safari 4+*/ 
  -moz-animation: fulllogo ease-out 1.1s;
  -moz-animation-iteration-count: 1;
  -moz-transform-origin: 50% 50%;
  -moz-animation-fill-mode:forwards; /*FF 5+*/
  -o-animation: fulllogo ease-out 1.1s;
  -o-animation-iteration-count: 1;
  -o-transform-origin: 50% 50%;
  -o-animation-fill-mode:forwards; /*Not implemented yet*/
  -ms-animation: fulllogo ease-out 1.1s;
  -ms-animation-iteration-count: 1;
  -ms-transform-origin: 50% 50%;
  -ms-animation-fill-mode:forwards; /*IE 10+*/
}
.fulllogo7 {
  animation: fulllogo ease-out 1.3s;
  animation-iteration-count: 1;
  transform-origin: 50% 50%;
  animation-fill-mode:forwards; /*when the spec is finished*/
  -webkit-animation: fulllogo ease-out 1.3s;
  -webkit-animation-iteration-count: 1;
  -webkit-transform-origin: 50% 50%;
  -webkit-animation-fill-mode:forwards; /*Chrome 16+, Safari 4+*/ 
  -moz-animation: fulllogo ease-out 1.3s;
  -moz-animation-iteration-count: 1;
  -moz-transform-origin: 50% 50%;
  -moz-animation-fill-mode:forwards; /*FF 5+*/
  -o-animation: fulllogo ease-out 1.1s;
  -o-animation-iteration-count: 1;
  -o-transform-origin: 50% 50%;
  -o-animation-fill-mode:forwards; /*Not implemented yet*/
  -ms-animation: fulllogo ease-out 1.3s;
  -ms-animation-iteration-count: 1;
  -ms-transform-origin: 50% 50%;
  -ms-animation-fill-mode:forwards; /*IE 10+*/
}
.fulllogo2 {
  animation: fulllogo ease-out 1.5s;
  animation-iteration-count: 1;
  transform-origin: 50% 50%;
  animation-fill-mode:forwards; /*when the spec is finished*/
  -webkit-animation: fulllogo ease-out 1.5s;
  -webkit-animation-iteration-count: 1;
  -webkit-transform-origin: 50% 50%;
  -webkit-animation-fill-mode:forwards; /*Chrome 16+, Safari 4+*/ 
  -moz-animation: fulllogo ease-out 1.5s;
  -moz-animation-iteration-count: 1;
  -moz-transform-origin: 50% 50%;
  -moz-animation-fill-mode:forwards; /*FF 5+*/
  -o-animation: fulllogo ease-out 1.5s;
  -o-animation-iteration-count: 1;
  -o-transform-origin: 50% 50%;
  -o-animation-fill-mode:forwards; /*Not implemented yet*/
  -ms-animation: fulllogo ease-out 1.5s;
  -ms-animation-iteration-count: 1;
  -ms-transform-origin: 50% 50%;
  -ms-animation-fill-mode:forwards; /*IE 10+*/
}
.fulllogo8 {
  animation: fulllogo ease-out 1.7s;
  animation-iteration-count: 1;
  transform-origin: 50% 50%;
  animation-fill-mode:forwards; /*when the spec is finished*/
  -webkit-animation: fulllogo ease-out 1.7s;
  -webkit-animation-iteration-count: 1;
  -webkit-transform-origin: 50% 50%;
  -webkit-animation-fill-mode:forwards; /*Chrome 16+, Safari 4+*/ 
  -moz-animation: fulllogo ease-out 1.7s;
  -moz-animation-iteration-count: 1;
  -moz-transform-origin: 50% 50%;
  -moz-animation-fill-mode:forwards; /*FF 5+*/
  -o-animation: fulllogo ease-out 1.7s;
  -o-animation-iteration-count: 1;
  -o-transform-origin: 50% 50%;
  -o-animation-fill-mode:forwards; /*Not implemented yet*/
  -ms-animation: fulllogo ease-out 1.7s;
  -ms-animation-iteration-count: 1;
  -ms-transform-origin: 50% 50%;
  -ms-animation-fill-mode:forwards; /*IE 10+*/
}
.fulllogo3 {
  animation: fulllogo ease-out 1.9s;
  animation-iteration-count: 1;
  transform-origin: 50% 50%;
  animation-fill-mode:forwards; /*when the spec is finished*/
  -webkit-animation: fulllogo ease-out 1.9s;
  -webkit-animation-iteration-count: 1;
  -webkit-transform-origin: 50% 50%;
  -webkit-animation-fill-mode:forwards; /*Chrome 16+, Safari 4+*/ 
  -moz-animation: fulllogo ease-out 1.9s;
  -moz-animation-iteration-count: 1;
  -moz-transform-origin: 50% 50%;
  -moz-animation-fill-mode:forwards; /*FF 5+*/
  -o-animation: fulllogo ease-out 1.9s;
  -o-animation-iteration-count: 1;
  -o-transform-origin: 50% 50%;
  -o-animation-fill-mode:forwards; /*Not implemented yet*/
  -ms-animation: fulllogo ease-out 1.9s;
  -ms-animation-iteration-count: 1;
  -ms-transform-origin: 50% 50%;
  -ms-animation-fill-mode:forwards; /*IE 10+*/
}
.fulllogo5 {
  animation: fulllogo ease-out 2.1s;
  animation-iteration-count: 1;
  transform-origin: 50% 50%;
  animation-fill-mode:forwards; /*when the spec is finished*/
  -webkit-animation: fulllogo ease-out 2.1s;
  -webkit-animation-iteration-count: 1;
  -webkit-transform-origin: 50% 50%;
  -webkit-animation-fill-mode:forwards; /*Chrome 16+, Safari 4+*/ 
  -moz-animation: fulllogo ease-out 2.1s;
  -moz-animation-iteration-count: 1;
  -moz-transform-origin: 50% 50%;
  -moz-animation-fill-mode:forwards; /*FF 5+*/
  -o-animation: fulllogo ease-out 2.1s;
  -o-animation-iteration-count: 1;
  -o-transform-origin: 50% 50%;
  -o-animation-fill-mode:forwards; /*Not implemented yet*/
  -ms-animation: fulllogo ease-out 2.1s;
  -ms-animation-iteration-count: 1;
  -ms-transform-origin: 50% 50%;
  -ms-animation-fill-mode:forwards; /*IE 10+*/
}

@keyframes fulllogo{
  0% {
    transform:  translate(0px,-30px)  ;
  }
  100% {
    transform:  translate(0px,0px)  ;
  }
}

@-moz-keyframes fulllogo{
  0% {
    -moz-transform:  translate(0px,-30px)  ;
  }
  100% {
    -moz-transform:  translate(0px,0px)  ;
  }
}

@-webkit-keyframes fulllogo {
  0% {
    -webkit-transform:  translate(0px,-30px)  ;
  }
  100% {
    -webkit-transform:  translate(0px,0px)  ;
  }
}

@-o-keyframes fulllogo {
  0% {
    -o-transform:  translate(0px,-30px)  ;
  }
  100% {
    -o-transform:  translate(0px,0px)  ;
  }
}



/*------------------------------------*\
    MEMBERSHIP FORM
\*------------------------------------*/

.membership-footer-form p {
    width: auto;
    display: inline-block;
}
.membership-footer-form .your-name {
    width: 28%;
	display: inline-block;
}
.membership-footer-form .dob {
    width: 28%;
	display: inline-block;
}
.membership-footer-form .your-email {
    width: 28%;
	display: inline-block;
}
.membership-footer-form .wpcf7-form .wpcf7-submit {
    width: 16%;
    display: inline-block;
    margin: 0;
    border: 1px solid #ba1616;
}
.membership-footer-form .wpcf7-validation-errors {
    display: none !important;
}
.membership-footer-form .wpcf7-display-none {
    position: absolute;
    margin-top: -25px;
    margin-left: 0px;
    border: 0;
    padding: 0;
    color: #ba1616;
}
.membership-footer-form span.wpcf7-not-valid-tip {
    color: #ba1616;
    font-size: 0.9em;
    font-weight: normal;
    display: block;
    position: absolute;
    margin-top: 5px;
}
.membership-img {
    max-width: 100px;
    display: inline-block;
    vertical-align: top;
    margin-top: 20px;
	margin-right: 5px;
	float: left;
}
.footerleft h3 {
	font-family: 'Roboto Condensed';
	text-transform: uppercase;
	font-weight: 600;
    display: inline-block;
    width: calc(100% - 120px);
	margin-top: 15px;
}
.membership-footer-form {
    display: inline-block;
    width: calc(100% - 120px);
	max-width: 600px;
}
.membership-footer-form .wpcf7-form input, .wpcf7-form textarea {
    padding: 10px;
    padding-top: 12px;
    padding-bottom: 8px;
	
}
input[type="date"]::-webkit-calendar-picker-indicator{ 
	padding: 0px;	
	padding-left: 20px;
	background: transparent;
	opacity: 1;
}
input[type="date"]::-webkit-inner-spin-button { 
	display: none !important; 
}
input[type="date"]::-webkit-datetime-edit-fields-wrapper { 
	padding: 0px;	
	color: #666; 
	opacity: 1;
}


/*------------------------------------*\
    404
\*------------------------------------*/

.error404 main {
	width: 100%;
}
.error404 .content-inner-wrap {
    text-align: left;
    width: 100%;
    display: inline-block;
}
.error404 .no-content-found .searchbox {
    float: none;
    margin-bottom: 2em;
}
.error404 .no-content-found {
    width: 100%;
    text-align: left;
    margin-bottom: 2em;
    margin-left: 1em;
}
.error404 h1 {
    font-weight: 400;
    font-family: "Roboto Condensed";
    text-transform: uppercase;
}

/*------------------------------------*\
    CLUB BRANDS
\*------------------------------------*/


.club-brands .content-inner-wrap {
    width: 100%;
}

.club-brands-list {
    text-align: center;
    margin-top: 20px;
}

.brand {
    display: inline-block;
    height: 105px;
    padding: 10px;
    vertical-align: middle;
    margin: 5px;
    max-width: 100%;
    width: auto;
}

.brand img:hover {
    height: 100%;
}

.brand img {
    height: 85%;
    width: auto;
}

/*------------------------------------*\
    ANIMATIONS
\*------------------------------------*/

.nivoSlider img {
	-webkit-animation-name: mintgrow;
	        animation-name: mintgrow;
    -webkit-animation-duration: 120s;
            animation-duration: 120s;
	-webkit-animation-iteration-count: infinite;
	        animation-iteration-count: infinite;
}

@-webkit-keyframes mintgrow {
	0% {
		-webkit-transform: scale(1);
		transform: scale(1);
	}
	50% {
		-webkit-transform: scale(1.4);
		transform: scale(1.4);
	}
	100% {
		-webkit-transform: scale(1);
		transform: scale(1);
	}
}

@keyframes mintgrow {
	0% {
		-webkit-transform: scale(1);
		transform: scale(1);
	}
	50% {
		-webkit-transform: scale(1.4);
		transform: scale(1.4);
	}
	100% {
		-webkit-transform: scale(1);
		transform: scale(1);
	}
}


/*------------------------------------*\
    RESPONSIVE
\*------------------------------------*/

@media only screen and (min-width:871px) and (max-width:1040px) {
	

	.footermiddle {
		width: 100px;
		margin-top: 20px;
		float: right;
	}
	.footerright {
		height: 100px;
		width: 100%;
		display: inline-block;
		position: relative;
		text-align: right;
		float: right;
	}
	.header.clear.wrapblock .homeevents {
		width: 100%;
	}
	
}


@media only screen and (min-width:0px) and (max-width:972px) {
	
	
	.mint-subscribe {
		height: 140px;
	}
	main {
		background-size: cover;
	}
	.events-wrap {
		width: 100%;
	}
	.date-selection {
		width: 100%;
	}
	.homenav nav li {
		display: inline-block;
		font-size: 1.4em;
		margin: 3px;
			margin-bottom: 3px;
		text-transform: uppercase;
		border-radius: 0;
		width: 100%;
		border-top: 1px solid #000;
		margin-bottom: 0px;
	}

	.mobilenav .menu-item-84, .mobilenav .menu-item-85, .mobilenav .menu-item-86 {
		display: inline-block;
		margin-top: 20px;
	}
	.mobilenav .nav {
		width: auto;
		text-transform: uppercase;
		float: none;
		margin: 25px;
	}
	.nav {
		display: none;
		padding-top: 0px;
		padding-bottom: 0px;
	}
	#togglenav {
		display: block;
	}
	.touchmenuclose {
		font-size: 2.5em !important;
		top: 10px;
	}
	.desktopnav {
		display: block;
		margin-top: 0;
	}
	#togglenavon {
		top: 18px;
	}
	.events {
		width: 100%;
		margin: 10px;
		min-width: 0px;
	}
	.content-inner-wrap {
		text-align: center;
		width: 100%;
		margin-left: auto;
		margin-right: auto;
	}
	.jobsform-body {
		width: 100%;
	}
	.job-submit {
		float: none;
		width: 100%;
	}
	.wpcf7-form .email, .wpcf7-form .name, .wpcf7-form{
		width:100%;
		display:block;
		clear:both;
	}
	.footerleft {
		width: 100%;
		display: inline-block;
		position: relative;
		margin-top: 0;
	}

	.sml_name {
		width: 100%;
		margin-top: 10px;
		margin-bottom: 5px;
	}
	.sml_email {
		width: 100%;
		margin-top: 5px;
		margin-bottom: 5px;
	}
	.sml_subscribe input {
		width: 100%;
	}
	.sml_submit {
		display: inline-block;
		padding: 0px;
		width: 100%;
	}
	.btn.sml_submitbtn {
		width: 100%;
	}
	.jobsform-body > p {
		width: 100%;
	}
	.footerright {
		height: auto;
		width: 100%;
		display: inline-block;
		position: relative;
		margin-top: 12.5px;
		margin-bottom: 12.5px;
		text-align: left;
		float: none;
	}
	.nivo-caption {
		margin-top: -40% !important;
	}
	.slideoverlay {
		margin-top: 30px;
		margin-left: 20px;
	}
	.slideoverlay .slide-title {
		font-size: 1.7em;
	}
	.slideoverlay a {
		font-size: 1.3em;
	}
	.logo {
		width: 45px;
		margin-top: 15px;
		height: auto;
	}
	.logo-img svg:not(:root) {
		overflow: hidden;
		height: 25px;
	}
	.touchmenu {
		top: 12px;
	}
	.mintslider {
		margin-top: 60px !important;
	}
	.searchbox {
		width: 100%;
		margin-bottom: 1em;
		margin-left: 1em;
		margin-right: 1em;
	}
	.events-wrap #response {
		margin-left: 0px;
	}

	/*gallery*/
	.maingallery li {
		display: inline-block;
		width: 50.4%;
		position: relative;
		padding-top: 45%;
	}
	.maingallery li:hover {
		background-size: cover;
	}
	.maingallery .modal {
		padding-top: 80px;
	}
	.maingallery .prev, .maingallery .next {
		top: 130%;
	}
	
	.mobilenav nav .fontawesome {
		display: inline-block;
		width: 40px;
		margin-top: 20px;
	}
	.whats-on .content-inner-wrap {
		width: 100%;
	}
	.brand {
		height: 80px;
	}
	.contact .content-inner-wrap {
		width: 100%;
	}
	.sub-menu {
		position: relative;
		top: 0;
		display: block;
		padding-top: 0;
		z-index: 2;
	}
	.sub-menu li{
		background-image: none;
	}
	.sub-menu li a {
		font-size: 0.5em;
		width: 100%;
		display: block;
		text-align: center;
	}
	
	.membership-footer-form input {
		width: 30%;
	}
	.membership-footer-form .js-cm-submit-button {
		width: auto;
	}
	.address {
		display: inline-block;
		margin-right: 0px;
		margin-top: 20px;
	}
	.outline-button.directions {
		margin-top: 30px;
		margin-left: 0;
		margin-right: 7px;
	}
	.page .pagebanner {
		height: 45vh;
	}
	.content-inner-wrap .gallery-item {
		width: 100% !important;
		float: none;
		display: inline-block;
	}
	.content-inner-wrap .wp-caption .wp-caption-text, .gallery-caption {
		margin-left: 0px !important;
		margin-right: 0px !important;
		font-size: 1em !important;
	}
	.header.clear.wrapblock .homeevents {
		width: 100%;
	}
	.sidebararea {
		width: 100%;
		display: inline-block;
		vertical-align: top;
		margin-left: 0;
		padding-left: 0;
		margin-bottom: 30px;
	}
	img {
		max-width: 100%;
		vertical-align: bottom;
	}
	

}

@media only screen and (min-width:347px) and (max-width:760px) {
	.news-list-small {
		width: 48%;
	}
	.featured-media-small {
		height: 200px;
	}
	.home-banner {
		height: 50vh;
	}
}

@media only screen and (min-width:0px) and (max-width:670px) {
	.membership-footer-form {
		width: 100%;
	}

	.membership-footer-form .your-name {
		width: 100%;
	}
	.membership-footer-form .dob {
		width: 100%;
	}
	.membership-footer-form .your-email {
		width: 100%;
	}
	.membership-footer-form .wpcf7-form .wpcf7-submit {
		width: 100%;
		margin-top: 7px;
	}
	.venue-selection {
		display: none;
	}
	.home-banner .galleryzoom {
		-webkit-animation: none;
		animation: none;
	}
	.main-content {
		height: 55vh;
	}
	/* mailchimp */
	.membership-footer-form #mc_embed_signup .mc-field-group {
		width: 100%;
	}
	.membership-footer-form #mc_embed_signup #mc-embedded-subscribe-form div.mce_inline_error {
		display: block;
		position: relative;
	}
	.membership-footer-form #mc_embed_signup .clear {
		width: 100%;
	}
	.membership-footer-form #mc_embed_signup .button {
		width: 100%;
	}
	.membership-footer-form #mc_embed_signup div#mce-responses {
		width: 100%;
		font-size: 15px;
	}
	.address {
		display: inline-block;
		margin-right: 0px;
		margin-top: 20px;
		width: 100%;
	}
	.membership-footer-form input {
		margin-right: 0px;
	}
	.outline-button.directions {
		float: none;
		margin-top: 10px;
		margin-left: 0;
		margin-right: 7px;
	}
	.load-wrap-spinner .load-container {
		display: block;
		left: 45% !important;
		top: 35% !important;
		width: auto;
		-ms-transform: scale(0.7); /* IE 9 */
		-webkit-transform: scale(0.7); /* Safari */
		transform: scale(0.7);
	}
	.header.clear.wrapblock .tagline {
		display: block;
		font-size: 1em;
	}
	.header.clear.wrapblock .homeevents {
		width: 100%;
		display: block;
	}
	.header.clear.wrapblock .latestevent {
		width: 100%;
		height: auto;
		text-align: left;
		padding: 10px;
			padding-left: 10px;
		padding-left: 0px;
		padding-right: 0px;
		font-size: 16px;
		overflow: visible;
		border-right: 0px solid #000;
	}
	.header.clear.wrapblock .homeevents .latestevent {
		border-right: 0px solid #000 !important;
	}

	.membership-footer-form input {
		width: 100%;
	}
	.membership-footer-form .js-cm-submit-button {
		width: 100%;
	}


}

@media only screen and (min-width:0px) and (max-width:346px) {
	.address {
		width: 100%;
	}
	.outline-button.directions {
		float: none;
		display: block;
		padding: 15px;
		margin-top: 5px;
		margin-bottom: 0px;
		display: inline-block;
	}
	.news-list-small {
		width: 100%;
	}
	.featured-media-small {
		height: 250px;
	}
	.searchbox .search-input {
		width: 100px;
	}
	.home-banner {
		margin-bottom: 70px;
		height: 45vh;
		top: 60px;
	}
	.home-banner .display-right, .home-banner .display-left {
		display: none;
	}
	.footerleft h3 {
		width: 100%;
	}
	.membership-img {
		float: none;
		max-width: 60%;
		margin-right: 0;
	}

	.membership-footer-form input {
		width: 100%;
	}
	.membership-footer-form .js-cm-submit-button {
		width: 100%;
	}
	
}


/*------------------------------------*\
    MISC
\*------------------------------------*/

::selection {
	background:#04A4CC;
	color:#FFF;
	text-shadow:none;
}
::-webkit-selection {
	background:#04A4CC;
	color:#FFF;
	text-shadow:none;
}
::-moz-selection {
	background:#04A4CC;
	color:#FFF;
	text-shadow:none;
}

/*------------------------------------*\
    WORDPRESS CORE
\*------------------------------------*/

.alignnone {
	margin:5px 20px 20px 0;
}
.aligncenter,
div.aligncenter {
	display:block;
	margin:5px auto 5px auto;
}
.alignright {
	float:right;
	margin:5px 0 20px 20px;
}
.alignleft {
	float:left;
	margin:5px 20px 20px 0;
}
a img.alignright {
	float:right;
	margin:5px 0 20px 20px;
}
a img.alignnone {
	margin:5px 20px 20px 0;
}
a img.alignleft {
	float:left;
	margin:5px 20px 20px 0;
}
a img.aligncenter {
	display:block;
	margin-left:auto;
	margin-right:auto;
}
.wp-caption {
	background:#FFF;
	border:1px solid #F0F0F0;
	max-width:96%;
	padding:5px 3px 10px;
	text-align:center;
}
.wp-caption.alignnone {
	margin:5px 20px 20px 0;
}
.wp-caption.alignleft {
	margin:5px 20px 20px 0;
}
.wp-caption.alignright {
	margin:5px 0 20px 20px;
}
.wp-caption img {
	border:0 none;
	height:auto;
	margin:0;
	max-width:98.5%;
	padding:0;
	width:auto;
}
.wp-caption .wp-caption-text,
.gallery-caption {
	font-size:11px;
	line-height:17px;
	margin:0;
	padding:0 4px 5px;
}
.sticky {

}
.bypostauthor {

}

/*------------------------------------*\
    PRINT
\*------------------------------------*/

@media print {
	* {
		background:transparent !important;
		color:#000 !important;
		box-shadow:none !important;
		text-shadow:none !important;
	}
	a,
	a:visited {
		text-decoration:underline;
	}
	a[href]:after {
		content:" (" attr(href) ")";
	}
	abbr[title]:after {
		content:" (" attr(title) ")";
	}
	.ir a:after,
	a[href^="javascript:"]:after,
	a[href^="#"]:after {
		content:"";
	}
	pre,blockquote {
		border:1px solid #999;
		page-break-inside:avoid;
	}
	thead {
		display:table-header-group;
	}
	tr,img {
		page-break-inside:avoid;
	}
	img {
		max-width:100% !important;
	}
	@page {
		margin:0.5cm;
	}
	p,
	h2,
	h3 {
		orphans:3;
		widows:3;
	}
	h2,
	h3 {
		page-break-after:avoid;
	}
}




/*------------------------------------*\
    LOADING ICON - SPINNER
\*------------------------------------*/

.load-wrap-spinner {
	animation: load-fade linear 3s;
	animation-iteration-count: 1;
	transform-origin: 50% 50%;
	animation-fill-mode:forwards; /*when the spec is finished*/
	-webkit-animation: load-fade linear 3s;
	-webkit-animation-iteration-count: 1;
	-webkit-transform-origin: 50% 50%;
	-webkit-animation-fill-mode:forwards; /*Chrome 16+, Safari 4+*/ 
	-moz-animation: load-fade linear 3s;
	-moz-animation-iteration-count: 1;
	-moz-transform-origin: 50% 50%;
	-moz-animation-fill-mode:forwards; /*FF 5+*/
	-o-animation: load-fade linear 3s;
	-o-animation-iteration-count: 1;
	-o-transform-origin: 50% 50%;
	-o-animation-fill-mode:forwards; /*Not implemented yet*/
	-ms-animation: load-fade linear 3s;
	-ms-animation-iteration-count: 1;
	-ms-transform-origin: 50% 50%;

}

@keyframes load-fade{
	0% {
		opacity:1;
		display: block;
	}
	80% {
		opacity:1;
	}
	100% {
		opacity:0;
		display: none;
		visibility: hidden;
	}
}

@-moz-keyframes load-fade{
	0% {
		display: block;
		opacity:1;
	}
	80% {
		opacity:1;
	}
	100% {
		opacity:0;
		display: none;
		visibility: hidden;
	}
}

@-webkit-keyframes load-fade {
	0% {
		display: block;
		opacity:1;
	}
	80% {
		opacity:1;
	}
	100% {
		opacity:0;
		display: none;
		visibility: hidden;
	}
}

@-o-keyframes load-fade {
	0% {
		display: block;
		opacity:1;
	}
	80% {
		opacity:1;
	}
	100% {
		opacity:0;
		display: none;
		visibility: hidden;
	}
}



.loading-text {
    color: #fff;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 1.3em;
    font-weight: 400;
    margin-top: 300px;
    text-transform: uppercase;
    position: absolute;
    width: 100%;
    left: 0px;
}

.load-wrap-spinner {
    background-image: url(../images/test.jpg);
    background-size: cover;
    background-repeat: no-repeat;
}

.load-wrap-spinner {
	background: rgb(51,51,51); /* Old browsers */ /* FF3.6-15 */ 
	background: -webkit-radial-gradient(center, ellipse cover,  rgba(51,51,51,1) 0%,rgba(0,0,0,1) 27%,rgba(0,0,0,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: -webkit-radial-gradient(center ellipse,  rgba(51,51,51,1) 0%,rgba(0,0,0,1) 27%,rgba(0,0,0,1) 100%);
	background: radial-gradient(ellipse at center,  rgba(51,51,51,1) 0%,rgba(0,0,0,1) 27%,rgba(0,0,0,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333333', endColorstr='#555000',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
	z-index: 99;
}


.load-wrap-spinner .load-container {
    display: block;
    left: 48%;
    margin-left: -90px;
    margin-right: auto;
    margin-top: -90px;
    position: fixed;
    text-align: center;
    top: 47%;
    width: auto;
}

.load-wrap-spinner .logo {
    background: transparent none repeat scroll 0 0;
    display: inline-block;
    height: 220px;
    padding: 20px;
    vertical-align: middle;
    width: 220px;
}

.load-wrap-spinner .logosvg {
    background: #111 none repeat scroll 0 0;
    border-radius: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    position: relative;
    vertical-align: middle;
    width: 100%;
    z-index: 9;
}

.load-wrap-spinner .logosvg svg {
    margin-left: auto;
    margin-right: auto;
    margin-top: 0;
    padding: 0;
    position: relative;
    text-align: center;
    width: 100%;
}
.load-wrap-spinner .logosvg svg g {
    text-align: center;
    width: 100%;
    margin-right: -15px;
    margin-top: -15px;
}

.logoline {
    height: 10px;
    left: 50%;
    margin-left: -5px;
    margin-top: -5px;
    position: absolute;
    top: 50%;
    width: 10px;
}
.logoline::before {
    background: #555 none repeat scroll 0 0;
    content: "";
    display: block;
    height: 150px;
    width: 10px;
	-webkit-transition:height 0.2s linear;
	transition: height 0.2s linear;
}
.logoline:hover::before {
	background: #5842d5 none repeat scroll 0 0;
	height: 200px !important;
}

.logoline.r00 {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
}
.logoline.r00::before {
	-webkit-animation: 2.7s linear 0s normal none infinite running load-130;
	        animation: 2.7s linear 0s normal none infinite running load-130;
	-webkit-animation-delay: 0s;
	        animation-delay: 0s;
}
.logoline.r10 {
    -webkit-transform: rotate(10deg);
            transform: rotate(10deg);
}
.logoline.r10::before {
	-webkit-animation: 2.7s linear 0s normal none infinite running load-170;
	        animation: 2.7s linear 0s normal none infinite running load-170;
	-webkit-animation-delay: 0.075s;
	        animation-delay: 0.075s;
}
.logoline.r20 {
    -webkit-transform: rotate(20deg);
            transform: rotate(20deg);
}
.logoline.r20::before {
	-webkit-animation: 2.7s linear 0s normal none infinite running load-130;
	        animation: 2.7s linear 0s normal none infinite running load-130;
	-webkit-animation-delay: 0.15s;
	        animation-delay: 0.15s;
}

.logoline.r30 {
    -webkit-transform: rotate(30deg);
            transform: rotate(30deg);
}
.logoline.r30::before {
	-webkit-animation: 2.7s linear 0s normal none infinite running load-140;
	        animation: 2.7s linear 0s normal none infinite running load-140;
	-webkit-animation-delay: 0.225s;
	        animation-delay: 0.225s;
}

.logoline.r40 {
    -webkit-transform: rotate(40deg);
            transform: rotate(40deg);
}
.logoline.r40::before {
	-webkit-animation: 2.7s linear 0s normal none infinite running load-150;
	        animation: 2.7s linear 0s normal none infinite running load-150;
	-webkit-animation-delay: 0.3s;
	        animation-delay: 0.3s;
}


.logoline.r50 {
    -webkit-transform: rotate(50deg);
            transform: rotate(50deg);
}
.logoline.r50::before {
	-webkit-animation: 2.7s linear 0s normal none infinite running load-170;
	        animation: 2.7s linear 0s normal none infinite running load-170;
	-webkit-animation-delay: 0.375s;
	        animation-delay: 0.375s;
}

.logoline.r60 {
    -webkit-transform: rotate(60deg);
            transform: rotate(60deg);
}
.logoline.r60::before {
	-webkit-animation: 2.7s linear 0s normal none infinite running load-130;
	        animation: 2.7s linear 0s normal none infinite running load-130;
	-webkit-animation-delay: 0.45s;
	        animation-delay: 0.45s;
}

.logoline.r70 {
    -webkit-transform: rotate(70deg);
            transform: rotate(70deg);
}
.logoline.r70::before {
	-webkit-animation: 2.7s linear 0s normal none infinite running load-150;
	        animation: 2.7s linear 0s normal none infinite running load-150;
	-webkit-animation-delay: 0.525s;
	        animation-delay: 0.525s;
}

.logoline.r80 {
    -webkit-transform: rotate(80deg);
            transform: rotate(80deg);
}
.logoline.r80::before {
	-webkit-animation: 2.7s linear 0s normal none infinite running load-140;
	        animation: 2.7s linear 0s normal none infinite running load-140;
	-webkit-animation-delay: 0.6s;
	        animation-delay: 0.6s;
}

.logoline.r90 {
    -webkit-transform: rotate(90deg);
            transform: rotate(90deg);
}
.logoline.r90::before {
	-webkit-animation: 2.7s linear 0s normal none infinite running load-150;
	        animation: 2.7s linear 0s normal none infinite running load-150;
	-webkit-animation-delay: 0.675s;
	        animation-delay: 0.675s;
}

.logoline.r100 {
    -webkit-transform: rotate(100deg);
            transform: rotate(100deg);
}
.logoline.r100::before {
	-webkit-animation: 2.7s linear 0s normal none infinite running load-170;
	        animation: 2.7s linear 0s normal none infinite running load-170;
	-webkit-animation-delay: 0.75s;
	        animation-delay: 0.75s;
}

.logoline.r110 {
    -webkit-transform: rotate(110deg);
            transform: rotate(110deg);
}
.logoline.r110::before {
	-webkit-animation: 2.7s linear 0s normal none infinite running load-150;
	        animation: 2.7s linear 0s normal none infinite running load-150;
	-webkit-animation-delay: 0.825s;
	        animation-delay: 0.825s;
}

.logoline.r120 {
    -webkit-transform: rotate(120deg);
            transform: rotate(120deg);
}
.logoline.r120::before {
	-webkit-animation: 2.7s linear 0s normal none infinite running load-130;
	        animation: 2.7s linear 0s normal none infinite running load-130;
	-webkit-animation-delay: 0.9s;
	        animation-delay: 0.9s;
}

.logoline.r130 {
    -webkit-transform: rotate(130deg);
            transform: rotate(130deg);
}
.logoline.r130::before {
	-webkit-animation: 2.7s linear 0s normal none infinite running load-170;
	        animation: 2.7s linear 0s normal none infinite running load-170;
	-webkit-animation-delay: 0.975s;
	        animation-delay: 0.975s;
}

.logoline.r140 {
    -webkit-transform: rotate(140deg);
            transform: rotate(140deg);
}
.logoline.r140::before {
	-webkit-animation: 2.7s linear 0s normal none infinite running load-150;
	        animation: 2.7s linear 0s normal none infinite running load-150;
	-webkit-animation-delay: 1.05s;
	        animation-delay: 1.05s;
}

.logoline.r150 {
    -webkit-transform: rotate(150deg);
            transform: rotate(150deg);
}
.logoline.r150::before {
	-webkit-animation: 2.7s linear 0s normal none infinite running load-130;
	        animation: 2.7s linear 0s normal none infinite running load-130;
	-webkit-animation-delay: 1.125s;
	        animation-delay: 1.125s;
}

.logoline.r160 {
    -webkit-transform: rotate(160deg);
            transform: rotate(160deg);
}
.logoline.r160::before {
	-webkit-animation: 2.7s linear 0s normal none infinite running load-150;
	        animation: 2.7s linear 0s normal none infinite running load-150;
	-webkit-animation-delay: 1.2s;
	        animation-delay: 1.2s;
}

.logoline.r170 {
    -webkit-transform: rotate(170deg);
            transform: rotate(170deg);
}
.logoline.r170::before {
	-webkit-animation: 2.7s linear 0s normal none infinite running load-170;
	        animation: 2.7s linear 0s normal none infinite running load-170;
	-webkit-animation-delay: 1.275s;
	        animation-delay: 1.275s;
}

.logoline.r180 {
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
}
.logoline.r180::before {
	-webkit-animation: 2.7s linear 0s normal none infinite running load-150;
	        animation: 2.7s linear 0s normal none infinite running load-150;
	-webkit-animation-delay: 1.35s;
	        animation-delay: 1.35s;
}


.logoline.r190 {
    -webkit-transform: rotate(190deg);
            transform: rotate(190deg);
}
.logoline.r190::before {
	-webkit-animation: 2.7s linear 0s normal none infinite running load-140;
	        animation: 2.7s linear 0s normal none infinite running load-140;
	-webkit-animation-delay: 1.425s;
	        animation-delay: 1.425s;
}


.logoline.r200 {
    -webkit-transform: rotate(200deg);
            transform: rotate(200deg);
}
.logoline.r200::before {
	-webkit-animation: 2.7s linear 0s normal none infinite running load-150;
	        animation: 2.7s linear 0s normal none infinite running load-150;
	-webkit-animation-delay: 1.5s;
	        animation-delay: 1.5s;
}

.logoline.r210 {
    -webkit-transform: rotate(210deg);
            transform: rotate(210deg);
}
.logoline.r210::before {
	-webkit-animation: 2.7s linear 0s normal none infinite running load-150;
	        animation: 2.7s linear 0s normal none infinite running load-150;
	-webkit-animation-delay: 1.575s;
	        animation-delay: 1.575s;
}

.logoline.r220 {
    -webkit-transform: rotate(220deg);
            transform: rotate(220deg);
}
.logoline.r220::before {
	-webkit-animation: 2.7s linear 0s normal none infinite running load-130;
	        animation: 2.7s linear 0s normal none infinite running load-130;
	-webkit-animation-delay: 1.65s;
	        animation-delay: 1.65s;
}

.logoline.r230 {
    -webkit-transform: rotate(230deg);
            transform: rotate(230deg);
}
.logoline.r230::before {
	-webkit-animation: 2.7s linear 0s normal none infinite running load-150;
	        animation: 2.7s linear 0s normal none infinite running load-150;
	-webkit-animation-delay: 1.725s;
	        animation-delay: 1.725s;
}

.logoline.r240 {
    -webkit-transform: rotate(240deg);
            transform: rotate(240deg);
}
.logoline.r240::before {
	-webkit-animation: 2.7s linear 0s normal none infinite running load-170;
	        animation: 2.7s linear 0s normal none infinite running load-170;
	-webkit-animation-delay: 1.8s;
	        animation-delay: 1.8s;
}

.logoline.r250 {
    -webkit-transform: rotate(250deg);
            transform: rotate(250deg);
}
.logoline.r250::before {
	-webkit-animation: 2.7s linear 0s normal none infinite running load-130;
	        animation: 2.7s linear 0s normal none infinite running load-130;
	-webkit-animation-delay: 1.875s;
	        animation-delay: 1.875s;
}

.logoline.r260 {
    -webkit-transform: rotate(260deg);
            transform: rotate(260deg);
}
.logoline.r260::before {
	-webkit-animation: 2.7s linear 0s normal none infinite running load-140;
	        animation: 2.7s linear 0s normal none infinite running load-140;
	-webkit-animation-delay: 1.95s;
	        animation-delay: 1.95s;
}

.logoline.r270 {
    -webkit-transform: rotate(270deg);
            transform: rotate(270deg);
}
.logoline.r270::before {
	-webkit-animation: 2.7s linear 0s normal none infinite running load-150;
	        animation: 2.7s linear 0s normal none infinite running load-150;
	-webkit-animation-delay: 2.025s;
	        animation-delay: 2.025s;
}

.logoline.r280 {
    -webkit-transform: rotate(280deg);
            transform: rotate(280deg);
}
.logoline.r280::before {
	-webkit-animation: 2.7s linear 0s normal none infinite running load-150;
	        animation: 2.7s linear 0s normal none infinite running load-150;
	-webkit-animation-delay: 2.125s;
	        animation-delay: 2.125s;
}

.logoline.r290 {
    -webkit-transform: rotate(290deg);
            transform: rotate(290deg);
}
.logoline.r290::before {
	-webkit-animation: 2.7s linear 0s normal none infinite running load-170;
	        animation: 2.7s linear 0s normal none infinite running load-170;
	-webkit-animation-delay: 2.2s;
	        animation-delay: 2.2s;
}

.logoline.r300 {
    -webkit-transform: rotate(300deg);
            transform: rotate(300deg);
}
.logoline.r300::before {
	-webkit-animation: 2.7s linear 0s normal none infinite running load-150;
	        animation: 2.7s linear 0s normal none infinite running load-150;
	-webkit-animation-delay: 2.275s;
	        animation-delay: 2.275s;
}

.logoline.r310 {
    -webkit-transform: rotate(310deg);
            transform: rotate(310deg);
}
.logoline.r310::before {
	-webkit-animation: 2.7s linear 0s normal none infinite running load-150;
	        animation: 2.7s linear 0s normal none infinite running load-150;
	-webkit-animation-delay: 2.35s;
	        animation-delay: 2.35s;
}

.logoline.r320 {
    -webkit-transform: rotate(320deg);
            transform: rotate(320deg);
}
.logoline.r320::before {
	-webkit-animation: 2.7s linear 0s normal none infinite running load-140;
	        animation: 2.7s linear 0s normal none infinite running load-140;
	-webkit-animation-delay: 2.425s;
	        animation-delay: 2.425s;
}

.logoline.r330 {
    -webkit-transform: rotate(330deg);
            transform: rotate(330deg);
}
.logoline.r330::before {
	-webkit-animation: 2.7s linear 0s normal none infinite running load-130;
	        animation: 2.7s linear 0s normal none infinite running load-130;
	-webkit-animation-delay: 2.5s;
	        animation-delay: 2.5s;
}

.logoline.r340 {
    -webkit-transform: rotate(340deg);
            transform: rotate(340deg);
}
.logoline.r340::before {
	-webkit-animation: 2.7s linear 0s normal none infinite running load-170;
	        animation: 2.7s linear 0s normal none infinite running load-170;
	-webkit-animation-delay: 2.575s;
	        animation-delay: 2.575s;
}

.logoline.r350 {
    -webkit-transform: rotate(350deg);
            transform: rotate(350deg);
}
.logoline.r350::before {
	-webkit-animation: 2.7s linear 0s normal none infinite running load-150;
	        animation: 2.7s linear 0s normal none infinite running load-150;
	-webkit-animation-delay: 2.65s;
	        animation-delay: 2.65s;
}



.length170::before {
	height: 170px;
}
.length150::before {
	height: 150px;
}
.length140::before {
	height: 140px;
}
.length130::before {
	height: 130px;
}





@-webkit-keyframes load-170 {
	0% {
		height: 170px;
		background: #555 none repeat scroll 0 0;
	}
	5% {
		height: 200px;
		background: #5842d5 none repeat scroll 0 0;
	}
	10% {
		height: 170px;
		background: #555 none repeat scroll 0 0;
	}
	100% {
		height: 170px;
	}
}

@keyframes load-170 {
	0% {
		height: 170px;
		background: #555 none repeat scroll 0 0;
	}
	5% {
		background: #fbc219 none repeat scroll 0 0;
	}
	7% {
		background: #9d87de none repeat scroll 0 0;
	}
	9% {
		background: #ba1616 none repeat scroll 0 0;
	}
	11% {
		height: 170px;
		background: #555 none repeat scroll 0 0;
	}
	100% {
		height: 170px;
	}
}
@-webkit-keyframes load-150 {
	0% {
		height: 150px;
		background: #555 none repeat scroll 0 0;
	}
	5% {
		background: #fbc219 none repeat scroll 0 0;
	}
	7% {
		background: #9d87de none repeat scroll 0 0;
	}
	9% {
		background: #ba1616 none repeat scroll 0 0;
	}
	11% {
		height: 150px;
		background: #555 none repeat scroll 0 0;
	}
	100% {
		height: 150px;
	}
}
@keyframes load-150 {
	0% {
		height: 150px;
		background: #555 none repeat scroll 0 0;
	}
	5% {
		background: #fbc219 none repeat scroll 0 0;
	}
	7% {
		background: #9d87de none repeat scroll 0 0;
	}
	9% {
		background: #ba1616 none repeat scroll 0 0;
	}
	11% {
		height: 150px;
		background: #555 none repeat scroll 0 0;
	}
	100% {
		height: 150px;
	}
}
@-webkit-keyframes load-140 {
	0% {
		height: 140px;
		background: #555 none repeat scroll 0 0;
	}
	5% {
		background: #fbc219 none repeat scroll 0 0;
	}
	7% {
		background: #9d87de none repeat scroll 0 0;
	}
	9% {
		background: #ba1616 none repeat scroll 0 0;
	}
	11% {
		height: 140px;
		background: #555 none repeat scroll 0 0;
	}
	100% {
		height: 140px;
	}
	
}
@keyframes load-140 {
	0% {
		height: 140px;
		background: #555 none repeat scroll 0 0;
	}
	5% {
		background: #fbc219 none repeat scroll 0 0;
	}
	7% {
		background: #9d87de none repeat scroll 0 0;
	}
	9% {
		background: #ba1616 none repeat scroll 0 0;
	}
	11% {
		height: 140px;
		background: #555 none repeat scroll 0 0;
	}
	100% {
		height: 140px;
	}
	
}
@-webkit-keyframes load-130 {
	0% {
		height: 130px;
		background: #555 none repeat scroll 0 0;
	}
	5% {
		background: #fbc219 none repeat scroll 0 0;
	}
	7% {
		background: #9d87de none repeat scroll 0 0;
	}
	9% {
		background: #ba1616 none repeat scroll 0 0;
	}
	11% {
		height: 130px;
		background: #555 none repeat scroll 0 0;
	}
	100% {
		height: 130px;
	}
}
@keyframes load-130 {
	0% {
		height: 130px;
		background: #555 none repeat scroll 0 0;
	}
	5% {
		height: 150px;
		background: #fbc219 none repeat scroll 0 0;
	}
	7% {
		background: #9d87de none repeat scroll 0 0;
	}
	9% {
		background: #ba1616 none repeat scroll 0 0;
	}
	11% {
		height: 130px;
		background: #555 none repeat scroll 0 0;
	}
	100% {
		height: 130px;
	}
}





.homeevents .active .fa, .events-wrap .active .fa {
  animation: headphones linear 1s;
  animation-iteration-count: 30;
  transform-origin: 50% 50%;
  animation-fill-mode:forwards; /*when the spec is finished*/
  -webkit-animation: headphones linear 1s;
  -webkit-animation-iteration-count: 30;
  -webkit-transform-origin: 50% 50%;
  -webkit-animation-fill-mode:forwards; /*when the spec is finished*/
  -moz-animation: headphones linear 1s;
  -moz-animation-iteration-count: 30;
  -moz-transform-origin: 50% 50%;
  -moz-animation-fill-mode:forwards; /*when the spec is finished*/
  -o-animation: headphones linear 1s;
  -o-animation-iteration-count: 30;
  -o-transform-origin: 50% 50%;
  -o-animation-fill-mode:forwards; /*when the spec is finished*/
  -ms-animation: headphones linear 1s;
  -ms-animation-iteration-count: 30;
  -ms-transform-origin: 50% 50%;
  -ms-animation-fill-mode:forwards; /*when the spec is finished*/

}

@keyframes headphones{
  0% {
	color: #ba1616;
    transform:  scaleX(1.00) scaleY(1.00) ;
  }
  47% {
    transform:  scaleX(1.15) scaleY(1.15) ;
  }
  99.9% {
    transform:  scaleX(1.00) scaleY(1.00) ;
	color: #ba1616;
  }
  100% {
    color: #fff;
  }
}

@-moz-keyframes headphones{
  0% {
	color: #ba1616;
    -moz-transform:  scaleX(1.00) scaleY(1.00) ;
  }
  47% {
    -moz-transform:  scaleX(1.15) scaleY(1.15) ;
  }
  99.9% {
    -moz-transform:  scaleX(1.00) scaleY(1.00) ;
	color: #ba1616;
  }
  100% {
    color: #fff;
  }
}

@-webkit-keyframes headphones {
  0% {
	color: #ba1616;
    -webkit-transform:  scaleX(1.00) scaleY(1.00) ;
  }
  47% {
    -webkit-transform:  scaleX(1.15) scaleY(1.15) ;
  }
  99.9% {
    -webkit-transform:  scaleX(1.00) scaleY(1.00) ;
	color: #ba1616;
  }
  100% {
    color: #fff;
  }
}

@-o-keyframes headphones {
  0% {
	color: #ba1616;
    -o-transform:  scaleX(1.00) scaleY(1.00) ;
  }
  47% {
    -o-transform:  scaleX(1.15) scaleY(1.15) ;
  }
  99.9% {
    -o-transform:  scaleX(1.00) scaleY(1.00) ;
	color: #ba1616;
  }
  100% {
    color: #fff;
  }
}






.content-inner-wrap #post-503 .gallery-item {
    width: 32% !important;
}

/* 03-02-21 FD#97832 */
.nav {
	position: relative;	
}

.nav .sub-menu {
	background: #fff;
	/* padding-left: 10px; */
	min-width: 160px;
}

.nav .sub-menu li {
	/* border: 1px solid #000; */
	/* border-top: none; */
	background: #fff;	
}

.nav .sub-menu li a {
	font-size: 0.8em !important;
}

@media only screen and (min-width: 972px) {
	.nav li.menu-item-has-children:after {
		content: "\25bc";
		cursor: pointer;
		margin-left: -15px;
	}
}

@media only screen and (min-width: 0px) and (max-width: 972px) {
	.nav .sub-menu li {
		border-top: none;
	}
}
/* ** */