/* Minification failed. Returning unminified contents.
(511,45): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')'
 */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video {
margin:0;
padding:0;
border:0;
font-size:100%;
font:inherit;
vertical-align:baseline
}

article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {
display:block
}

body {
color:#000;
font-family: 'Poppins', sans-serif;
line-height:1.4em
}

ol,ul {
list-style:none
}

table {
border-collapse:collapse;
border-spacing:0
}

html,body,form {
height:100%
}

#wrap {
min-height:100%
}
#main {
overflow:auto;
padding-bottom:390px
}

footer {
position:relative;
margin-top:-390px;
height:390px;
clear:both
}


.clearfix:before,.clearfix:after {
content:"";
display:table
}

.clearfix:after {
clear:both
}
/* links */
a,
a:visited {
color: #000000;
text-decoration: underline;
}

a:active {
color: #000000;
text-decoration: underline;
    }
a:hover {
color: #EC1C24;
text-decoration: none;
    }



header {
background-color:#EC1C24;
height:130px;

width:100%;
}



.fix {

position:fixed;
top:0;
left:0;
right:0;
margin:0;
z-index:9999;
  background-color: #231f20;
  border-bottom:1px solid #EC1C24;
}


.fix .main-site-logo {
display:none;
}


.fix nav-wrapper {position:absolute; right:10px; top:10px; z-index:99999;}
.main-site-logo {
height:auto;
width:150px;
display:block;
position:absolute; left:5px; top:8px;
transition: all 0.4s ease;
z-index:999;
}
.main-site-logo:hover {opacity:0.8;}


header .venue-phone {position:absolute; right:5px; top:20px;}
header .venue-tickets {position:absolute; right:340px; top:27px;}
header .venue-phone p {font-size:0.6em;line-height:7px; margin:0; padding:0}
header .venue-phone tel {font-size:3em; font-weight:700;  }
header .venue-phone tel a {text-decoration:none;color:#000;}


.header-wrapper {
    max-width: 1300px;
    margin: 0 auto;
    position: relative;
    height:80px;
}

.nav-wrapper {
  background-color: #231f20;
 
}



/*Main Navigation Core*/

.toggle,
[id^=drop] {
	display: none;
}


nav { 
	
	padding: 0;
    position:relative;
margin: 0 auto;
   max-width: 1300px;
    text-transform:uppercase;
    z-index:99;
}
nav a {
	display:block;
	padding:15px 20px 15px 20px;	
 font-weight:700;
	color:#FFF;
	font-size:1em;
	text-decoration:none;
   background-color: #231f20;
}
 nav li {line-height:20px;}
  nav a:visited
    {color:#FFF;
    }

nav:after {
	content:"";
	display:table;
	clear:both;
}



nav ul {
	 display: inline-flex;
     
	padding:0;

	list-style-type:none;
	position: relative;
	}
	

nav ul li {
	margin: 0;
   border-left:solid 1px #333031
	
	}


nav .vanish-desktop {
display:none !important;
}

  
.nav-on { 
box-shadow: 0px 5px 0px 0px #EC1C24; color:#EC1C24 !important; text-shadow:none;  background-color:#000;   z-index:9999999; }

nav ul li a:hover {color:#EC1C24 !important;}

#slider {z-index:0;}



/* Hide Dropdowns by Default
 * and giving it a position of absolute */
nav ul ul {
	display: none;
	position: absolute; 

	top:50px; 
}
	
/* 


/* Display Dropdowns on Hover */
nav ul li:hover > ul {
	display:inherit;
}
	
/* First Tier Dropdown */
nav ul ul li {
	width:230px;
	float:none;
	display:list-item;
	position: relative;
font-size:0.9em;
z-index:999999;

}
    nav ul ul li a
    {padding:13px 15px;	 background-color:#000; border-bottom:solid 1px #333031
    }

    nav ul ul li a:hover {color:#EC1C24}
	

nav ul li:hover > ul {
	display:inherit;
}
	

li > a:after { content:  ' '; }
li > a:only-child:after { content: ''; }


nav input {position:absolute; right:5px; top:6px; width:120px; height:37px; font-weight:700; padding:0 4px 0 10px; margin:0; text-align:left; border-radius:0.2em; border:1px solid #EC1C24; text-transform:uppercase;font-family: 'Poppins', sans-serif;}

nav button {background-color:#000; color:#fff; border:none; position:absolute; right:6px; height:35px; top:7px; cursor:pointer; font-size:1.55em; width:40px; padding:0; }
nav button:hover {background-color:#EC1C24}
nav button:hover i {color:#000;}

nav input:focus {width:170px;}


/* Core sectionals*/
.sectional-x-large
{padding:130px 0 130px 0;
}

.sectional-large
{padding:70px 0 70px 0;
}

.sectional-medium
{padding:50px 0 50px 0;
}

.sectional-small
{padding:30px 0 30px 0;
}


.sectional-base
{padding:0px 0 70px 0;
}

hr {
-moz-box-sizing:content-box;
box-sizing:content-box;
height:0;
border-bottom:dashed 1px #ddd;
border-top:none;
border-left:none;
border-right:none;
margin-top:35px;
margin-bottom:25px;
clear:both
}

em {
font-style:italic
}

h1,h2,h3,h4,h5 {
line-height:1em;
font-family:'Barlow Semi Condensed', sans-serif;
padding:0; font-weight:300; text-transform:uppercase;
}

h1 {
font-size:2.8em; margin:0 0 13px;
}

h2 {
font-size:2.2em; margin:0 0 13px;
}


h3 {
font-size:1.6em; margin:0 0 5px;
}


b,strong {
font-weight:700
}

dl,menu,ol,ul {
margin:1em 0
}

dd {
margin:0 0 0 40px
}

menu,ol,ul {
padding:0 0 0 40px
}

nav ul,nav ol {
list-style:none;
list-style-image:none;
padding:0;
margin:0
}

#call-to-action2 a:hover, #call-to-action a:hover {cursor:pointer}
    .map-responsive {
        overflow: hidden;
        padding-bottom: 56.25%;
        position: relative;
        height: 0;
    } .map-responsive iframe{ left:0; top:0; height:100%; width:100%; position:absolute; }


p {
margin:0 0 1.1em
}

ol li {
padding-bottom:10px
}

p,li {
font-size:.9em;
font-weight:300
}

.vanish-desktop {
display:none
}


* {
box-sizing:border-box;
-moz-box-sizing:border-box
}

.box-shadow {
-webkit-box-shadow:0 0 2px 0 rgba(0,0,0,0.5);
-moz-box-shadow:0 0 2px 0 rgba(0,0,0,0.5);
box-shadow:0 0 2px 0 rgba(0,0,0,0.5)
}

.shadow-me-white {
text-shadow:1px 1px 0 rgba(255,255,255,0.8)
}

.shadow-me-black {
text-shadow:1px 1px 0 rgba(0,0,0,0.5)
}

img {
width:100%;
height:auto
}





.wrapper {
max-width:1300px;
padding:0 20px;
margin:0 auto;
position:relative
}



.wrapper-inner {
max-width:1300px;
padding:40px 20px 60px;
margin:0 auto;
position:relative
}

.wrapper-inner li {list-style:circle;}

.wrapper-inner li, p {line-height:25px;}


.back-padd
    {margin:80px 0px 0px 0px;
    }

.view-right-padd {padding:0px 10px 10px 10px;}


.view-right-padd h3 {font-size:1.2em;}


button, .btn-core, a, footer .socials i, .list-cont img, .opacity, .footer-centre .venue-tickets i, .footer-centre .venue-tickets img, .banners-home img, .banners-event img, .event img, .guide img {


    transition: all .4s ease;

}

.banner-hp {background-color:#000; padding:35px 20px 30px 20px;}

.btn-core{
	display:inline-block;
	text-transform:uppercase;
    border-radius:0.2em;
    font-family:'Barlow Semi Condensed', sans-serif;
	text-align:center;
	text-decoration:none;
font-weight:400;
}

.btn-core-input{
	display:inline-block;
    font-family: 'Roboto', sans-serif;
	border:1px solid #fff;
    	text-transform:uppercase;
	text-align:center;
    text-decoration:none;
cursor:pointer;

}


.btn-fw
{width:100%;
}

.btn-x-large{
font-size:1.3em; padding:21px 40px 21px 40px; font-weight:700; }


.btn-large{
font-size:1.3em; padding:19px 40px 19px 40px; font-weight:700; }




.btn-large-b{
font-size:1.05em; padding:21px 20px 21px 20px; font-weight:700; }


.btn-medium{
font-size:0.9em; padding:14px 20px 14px 20px;
}

.btn-medium-event {
    font-size: 0.8em;
    padding: 14px 20px 14px 20px;
    margin-bottom: 3px;
    font-weight: 700;
}

.btn-slider{
font-size:1.2em; padding:21px 40px 21px 40px; font-weight:700; }


.btn-small{
font-size:0.85em; padding:10px 15px 10px 15px;
}

.btn-call
{background-color:#a6cd00; color:#fff !important; text-shadow:1px 1px 0 rgba(0,0,0,0.5);  font-size:1.1em;  padding:21px 20px 21px 20px; margin:20px 0px 20px 0px;
}
.btn-newsletter {
  font-size: 1em;
  padding: 16px 40px 16px 40px;
  font-weight: 700;
  cursor:pointer;
  border:0;
}

.btn-cta-main
{background-color:#EC1C24; color:#fff !important;}
.btn-cta-main:visited {color:#000;}
.btn-cta-main:hover
{background-color:#000; color:#fff; text-shadow:none;}

.btn-cta-secondary
{background:#e6e6e6; color:#333 !important; )
}
.btn-cta-secondary:hover
{background:#333; color:#fff !important; text-shadow:none;
}

.btn-cta-black
{background:#000; color:#fff !important; 
}
.btn-cta-black:hover
{background:#1a1a1a; color:#fff !important; text-shadow:none;
}

.btn-cta-black i, .btn-cta-black span {color:#EC1C24}

.btn-blog-srnd
{margin:90px 0px 20px 0px;
}
.btn-cta-light-grey {background:#f3f3f3; color:#000 !important; text-shadow:1px 1px 0 rgba(255,255,255,0.8)}
.btn-cta-light-grey:hover{background:#333; color:#fff !important; text-shadow:none;}



.btn-cta-grey {background:#282828; color:#fff !important; text-shadow:1px 1px 0 rgba(0,0,0,0.8)}
.btn-cta-grey:hover{background:#333; color:#fff !important; text-shadow:none;}

.align-right {text-align:right;}
.align-centre {text-align:center;}


.breadcrumb { white-space: nowrap; padding:10px 10px 10px 0px; text-align:left; z-index:0;}
.breadcrumb li {
    display: inline-block;
    line-height: 22px;
    margin: 0 9px 0 -10px;
    padding: 0 20px;
    position: relative;
font-size:1em !important;
text-transform:uppercase;
}

.breadcrumb li:first-child
    {padding-left:10px;
    }
.breadcrumb li::before,
.breadcrumb li::after {
    border-right: 1px solid #979797;
    content: '';
    display: block;
    height: 50%;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    z-index: -1;
    transform: skewX(45deg);   
}
.breadcrumb li::after {
    bottom: 0;
    top: auto;
    transform: skewX(-45deg);
}

.breadcrumb li:last-of-type::before, 
.breadcrumb li:last-of-type::after { 
    display: none; 
}

.breadcrumb li a { 
  font-size:0.9em; font-weight:400;  
   letter-spacing: -1px; 
   text-decoration: none;
}
    .breadcrumb li a:hover
    {opacity:0.6;
    }
.breadcrumb li:nth-of-type(1) a { color: hsl(0, 0%, 70%); } 
.breadcrumb li:nth-of-type(2) a { color: hsl(0, 0%, 65%); } 
.breadcrumb li:nth-of-type(3) a { color: hsl(0, 0%, 50%); } 
.breadcrumb li:nth-of-type(4) a { color: hsl(0, 0%, 45%); }




.announce {background-color:#ed1313; font-size:0.9em; text-align:center; color:#fff; font-weight:400; padding:0.5% 1% 0.5% 1%;}
.announce a, .announce a:visited {color:#fff;}





.ribbon {
  position: absolute;
  right: -3px; top:10px;
  z-index: 1;
  overflow: hidden;
  padding:0 10px 0 10px;
  background: #79A70A;
  background: linear-gradient(#F70505 0%, #8F0808 100%);
  color:#fff; text-transform:uppercase; font-size:0.7em; font-weight:700;
}


.dark-bg {background-color:#231f20; position:relative; }
.dark-bg h1 {color:#fff; margin:0 0 4% 1%; font-size:2.2em;}
.yellow-border-top {border-top:solid 3px #EC1C24;}

.dark-bg hr {position:absolute; top:0; left:0; width:40%; margin:0; border-bottom:solid 3px #EC1C24}

.slider-link {width:100%; height:100%; background-color:transparent;}


.jump-menu {background-color:#f5f5f5; padding:20px; margin-bottom:30px;}

.jump-menu ul {margin:0; padding:0}

.jump-menu li {display:inline-block; padding:0 5px 0 5px;}

.anchor{
  display: block;
  height:79px; /*same height as header*/
  margin-top: -79px; /*same height as header*/
  visibility: hidden;
}


.jump-menu li:before {
    font-family: 'Font Awesome 6 Pro';
    content: '\f063';
    text-rendering: auto;
    padding-right: 4px;
    color: #000;
}

.jump-menu li:first-child:before { content: '';}
.jump-menu li:first-child {font-weight:bold;}



.conferences-right {background-color:#f5f5f5; padding:30px;}




.event {float:left; width:31.33%; display:block; text-decoration:none; margin:0 1% 2% 1%; position:relative; }

.event:hover img, .guide:hover img, .banners-home img:hover, .banners-event img:hover {  opacity:0.7}
.event i, .guide i {font-weight:700; color:#EC1C24}
.event p, .guide p {margin:2% 0 0 0; line-height:14px; font-weight:700;}

.event-name {height:60px;}

.date, .location {font-size:0.8em; opacity:0.5; margin-left:10px;}
.event:hover p, .guide:hover p {color:#EC1C24}

.event, .guide  {color: #000 !important; position:relative;}

.guide {float:left; width:31.33%; display:block; text-decoration:none; margin:0 1% 2% 1%; position:relative; }

    .event p:before, .guide p:before {
        font-family: 'Font Awesome 6 Pro';
        content: '\f105';
        text-rendering: auto;
        color: #EC1C24;
    }



.video-container, .embed-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
    margin-bottom:20px;
}

.embed-container iframe {  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;}

.sash {position:absolute; bottom:15%; right:0px; width:45px;}


.event-book p {line-height:18px; margin-bottom:3px;}

.event-view img {display:block;}
.event-view {
    position: relative;
    margin-bottom: 20px;
}

.event-view i {color:#EC1C24; font-size:2em; background-color:#000; padding:10px; position:absolute; right:0; bottom:0;}

.cta-light {
    background-color: #282828 !important;
}

.cta {background-color:#1D1D1D;}
.cta p {color:#fff; font-size:2em; margin:0;}

.cta p span {color:#EC1C24; font-size:0.5em; margin:0;}

.event-book ul {padding:0; margin:0 0 10px 0;}
.event-book li {list-style-type:none; padding:10px; border-bottom:solid 1px rgba(0,0,0,0.23); position:relative;}

.event-book  li:first-child
    {font-size:1.1em; padding:21px 16px 21px 16px; color:#fff;  margin-left:0; font-weight:700; background-color:#231f20; text-transform:uppercase;
    }

.event-book  li:first-child::after{

top: 100%;
	left: 90%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(0, 0, 0, 0);
	border-top-color: #000000;
	border-width: 10px;
	margin-left: -10px;
}

.event-book li:last-child {  border-bottom:none;}


.event-book-extra ul {margin-top:30px;}
.event-book-extra li:last-child {font-size:0.9em; line-height:initial; }

#map-search .dark-bg {color:#fff; padding:20px;}


.event-book-extra li:first-child {
    font-size: 0.9em;
    padding: 14px;

    font-weight: 400;
 
}


.event-book .btn-large {text-align:left; white-space:nowrap; padding: 21px 20px 21px 20px; margin-top:15px;}
.event-book .btn-large i {position:absolute; right:35px;}
.event-book select {padding:12px; margin-bottom:5px;}

.directions-bg  {text-align:center;   height:400px; position:relative; border-top:solid 1px #fff;
	background-position: center center;
	background-repeat: no-repeat;



  background-size: cover;
   background-image: url(/content/images/connexin-crowd.jpg);
 
}


.find-hull-venue { background-color:rgba(0,0,0,0.8); display:inline-block; padding:20px 20px 0 0; position:absolute; right:0; top:37%; width:390px; height:90px;}
.find-hull-venue-inner {position:relative;}
.directions-bg  p {color:#fff; font-size:1.8em; margin:0; text-transform:uppercase; font-weight:400; position:absolute; right:80px; top:0; line-height:20px;}

.directions-bg  p span {color:#EC1C24; font-size:0.5em; margin:0;}

.find-hull-venue i {font-size:2em;}

.find-hull-venue a {position:absolute; right:0; top:0; padding:10px 22px 10px 22px;}



.banners-home {background-color:#f7f7f7;}

.banners-home img, .banners-event img, .banners-global img {border-radius:0.2em; border:solid 1px rgba(0,0,0,0.3)}

.banners-event {margin:2% 1% 3% 1%; }

.category select {margin:0; padding:11px; width:97%; margin-right:3%;}






.hull-guide-landing {display:block; position:relative; text-decoration:none; color:#fff;}
.hull-guide-landing:hover {color:#fff; opacity:0.9;}
.hull-guide-landing li {list-style-type:none; font-weight:400; padding:0 15px 0 15px; line-height:17px;}
.hull-guide-landing h3 { color:#fff; font-weight:400; font-size:2em;}
.hull-guide-landing li:first-child {font-weight:700; font-size:1.7em; text-transform:uppercase; margin-bottom:4px; line-height:24px;}

.hull-guide-landing ul {position:absolute; top:27%; left:4%; padding:0; margin:3%;}

.hull-guide-landing:visited {color:#fff;}
.hull-guide-landing li .btn-medium {padding:8px 15px 10px 15px; font-size:1em; margin-top:10px;}

.hull-guide-list .header {text-transform:uppercase; font-size:1.3em; margin:0; font-weight:400;}
.hull-guide-list .span_3_of_12 {margin-left:0;}


.hull-guide-list .group {border-bottom:1px dotted rgba(0,0,0,0.23); margin-bottom:30px;}

.hull-guide-list .btn-small {padding:8px 25px 8px 25px;}


.gallery-view img {display:block;}
.gallery-view {float:right; width:350px; margin:0 0 2% 2%; position:relative; }
.gallery-view i {color:#EC1C24; font-size:1.5em; background-color:#000; padding:10px; position:absolute; right:0; bottom:0;}

.gallery-view p {color:#EC1C24; font-size:1em; background-color:#000; padding:10px; position:absolute; left:0; top:40%; font-weight:700; color:#fff; text-transform:uppercase;}

.gallery-view:hover p {color:#EC1C24}

/* news list area */
.list-cont {padding:20px; -webkit-box-shadow: 0px 0px 41px -12px rgba(0,0,0,0.23);
-moz-box-shadow: 0px 0px 41px -12px rgba(0,0,0,0.23);
box-shadow: 0px 0px 41px -12px rgba(0,0,0,0.23); margin:30px 0px 30px 0px; float:left; width:48%; margin:1% 1% 1% 1%;}
.list-cont a {text-decoration:none;}
.list-cont-header::after {
    background: #745e68 none repeat scroll 0 0;
    content: "";
    display: block;
    height: 3px;
     margin: 0.9375rem auto 1.175rem;
    width: 100px;
}
.list-cont img {float:left; width:50%; height:auto;}

.list-cont img:hover {opacity:0.7;}
.list-cont-right {float:right; width:50%; text-align:center;}
.list-cont-right-padd {padding:20px;}
.list-cont-right h3 {font-size:1.4em; font-weight:400; line-height:25px;}
.list-cont-right p {margin-bottom:0; font-size:0.8em; line-height:20px;}
.list-cont-right h4 {font-size:0.8em; font-weight:300; color:#999; text-transform: uppercase;}

.btn-blog-srnd {
    padding: 20px;
    margin: 30px 0px 30px 0px;
}




.cms-row-images-small img, .cms-single-image-medium img, .cms-row-images-large img {
  -webkit-opacity: 1.0;
    -moz-opacity: 1.0;
    -ms-opacity: 1.0;
    -o-opacity: 1.0;
    opacity: 1.0;

    -webkit-transition: opacity 1000ms ease 500ms;
    -moz-transition: opacity 1000ms ease 500ms;
    -ms-transition: opacity 1000ms ease 500ms;
    -o-transition: opacity 1000ms ease 500ms;
    transition: opacity 1000ms ease 500ms;
   }

.cms-row-images-small img:hover, .cms-row-images-medium img:hover, .cms-row-images-large img:hover {
      opacity: 0.7;
      }

.cms-single-image-full {
width:100%;
height:auto
}

.cms-single-image-medium {
width:50%;
height:auto
}

.cms-single-image-small {
width:17%;
height:auto
}

.cms-row-images-small img {
float:left;
margin:.6% 0 .6% 1.3%;
width:23.3%
}

.cms-row-images-medium {
float:left;
margin:.6% 0 .6% 1.3%;
width:31.85%
}

.cms-row-images-large {
float:left;
margin:.6% 0 .6% 1.3%;
width:48.5%
}


.cms-single-image-noresize {
   
    margin: 0 2% 2% 0;
}


.cms-wrapping-left {
float:left;
margin:0 2% 2% 0
}

.cms-wrapping-right {
float:right;
margin:0 0 2% 2%
}

.cms-image-border {
border:solid #CCC 1px
}

.news-tease-img {
border-radius:50%
}

.blog-posted-on {
font-size:.7em!important;
color:#666;
text-align:center;
line-height:12px!important
}

.col {
display:block;
float:left;
margin:1% 0 1% 1.6%
}

.col:first-child {
margin-left:0
}

.group:before,.group:after {
content:"";
display:table
}

.group:after {
clear:both
}



.span_12_of_12 {
width:100%
}

.span_11_of_12 {
width:91.53%
}

.span_10_of_12 {
width:83.06%
}

.span_9_of_12 {
width:74.6%
}

.span_8_of_12 {
width:66.13%
}

.span_7_of_12 {
width:57.66%
}

.span_6_of_12 {
width:49.2%
}

.span_5_of_12 {
width:40.73%
}

.span_4_of_12 {
width:32.26%
}

.span_3_of_12 {
width:23.8%
}

.span_2_of_12 {
width:15.33%
}

.span_1_of_12 {
width:6.866%
}


.finance-col-search {
    width: 23.8%;
    float: left;
    clear: both;
    content: "";
    display: table
}



address .org {
font-size:1.4em;
font-weight:400
}

.vcard {
line-height:26px;
color:#FFF;
font-weight:300;
}




footer {
background-color:#181818;text-transform:uppercase;
}
footer a {text-decoration:none;}
.footer-list li:before {
    font-family: 'Font Awesome 6 Pro';
    content: '\f105';
    text-rendering: auto;
    padding-right: 4px;
    color: #EC1C24;
}

.footer-list li a {color:#fff; text-transform:uppercase;  }
.footer-list li a:hover {color:#EC1C24; }
.footer-list li {margin:9px 0 9px 10px;font-size:0.8em; line-height:17px;}
.footer-list ul {padding:0;}

.footer-list-left li:first-child
    {font-size:1.1em; padding:5px 0px 5px 0px; color:#fff;  margin-left:0; font-weight:700
    }

.footer-list-left li:first-child:before
    {content: '\f107';
    }

.footer-list-right li:first-child
    {margin-top:49px;
    }

.footer-list-address {color:#fff;}
.footer-list-address li {line-height:17px; font-size:0.8em;}
.footer-list-address li:first-child
    {margin-top:23px; font-weight:700; font-size:1.1em;  padding:5px 0px 14px 0px;
    }

    .footer-list-address li:first-child:before {
        font-family: 'Font Awesome 6 Pro';
        content: '\f3c5';
        text-rendering: auto;
        color: #EC1C24;
        padding-right: 4px;
    }
.footer-list-address .btn-cta-main {border-radius:0.2em; margin-bottom:20px; padding:5px 17px 5px 17px; font-size:0.9em;}



.footer-centre {background-color:#000; padding:10px 0 10px 0;}


.footer-centre .venue-phone tel a {color:#fff; text-decoration:none; font-size:3.1em;}
.footer-centre .venue-phone p {font-size:0.6em;line-height:7px; margin:0 0 0 53px; padding:0; color:#6e6e6e;}
.footer-centre .venue-phone i {font-size:3.1em;margin:0; padding:0; color:#EC1C24}

    .footer-centre .venue-tickets .tm {
        width: 156px;
        margin: 0 5px 4px 0;
        opacity: 0.8
    }

    .footer-centre .venue-tickets .asm {
        width: 61px;
        margin: 0 5px 4px 0;
    }
.footer-centre .venue-tickets i {font-size:2em;margin:20px 7px 0 7px; padding:0; color:#EC1C24}
.footer-centre .venue-tickets i:hover { color:#fff}
.footer-centre .venue-tickets img:hover { opacity:0.4}

.footer-list-address a {color:#cccccc; text-decoration:none;}
.footer-base p {font-size:0.6em; color:#ccc; margin:0; }

.footer-base a {color:#EC1C24}

.yellow {color:#EC1C24}

label {
font-size:1em;
font-weight:400
}

.footer-logos img {width:110px;}


input, textarea, select {
font-family: 'Roboto', sans-serif;
    display: block;
    position: relative;
font-size: 0.9em;
 margin-bottom:20px;

    padding: 15px;
width: 100%;
 outline: none;

    border-radius: 0.1em;

	transition: all .3s ease;
	text-decoration:none;
    border: 1px solid #CCC;
}



input:focus, textarea:focus{


   border: 1px solid #EC1C24;


}


select {

font-family: 'Poppins', sans-serif;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;   
background-color:#fff;
background-repeat: no-repeat;
background-position: right;
background-image:url(/content/images/dropdown-arrow.jpg);
}

.error {
color:#C00;
font-size:.8em;
margin-bottom:8px
}


span.formerror[style*="inline"] {
display:block!important;
background-color:#c02e2e;
border-radius:.1em;
color:#FFF;
font-size:.9em;
text-shadow:1px 1px 0 rgba(0,0,0,0.8);
clear:both;
margin-bottom:10px;
margin-top:-5px;
padding:7px 7px 7px 12px
}

::-webkit-input-placeholder {
color:#333;
opacity:1
}

:-moz-placeholder {
color:#333;
opacity:1
}

::-moz-placeholder {
color:#333;
opacity:1
}

:-ms-input-placeholder {
color:#333;
opacity:1
}




.top-nav-on {
background-color:#596f11;
}


	.toggle-full {
		display:block;
		background-color: #000;
		padding:13px 20px 13px 20px;	
		color:#FFF;
		font-size:0.9em; 
		text-decoration:none;
		border:none; 
        text-transform:uppercase;
	}



.sub-menu a
    {border-bottom:1px solid #e9e8e8;
     border-top:none;
     border-left:none;
     border-right:none;
    padding:15px 13px;
    font-size:0.9em; 
    text-decoration:none; color:#000;
    text-transform:uppercase;
    line-height:initial;
    }


.sub-menu a:hover, .sub-menu-on{ background-color:#f9f9f9; font-weight:700;}
.sub-menu a:hover i, .sub-menu-on i { color:#EC1C24;}
.sub-menu ul li {
width: 100%;padding:0; list-style-type:none;}


.sub-menu ul li a {
display: block;}







.sub-menu ul {padding:0; margin:0;}

#map {
    height: 500px;
margin-bottom:30px;
}

@media only screen and (min-width: 1200px) {

nav a {padding:15px 32px 15px 32px;	}
}


@media only screen and (max-width: 1199px){
.list-cont img {width:40%;}
.list-cont-right {width: 60%;}
.list-cont-right h3{font-size: 1em; margin-bottom:4px;}
.list-cont-right-padd {padding: 0px 10px 10px 10px;}

}



@media only screen and (max-width: 1155px){
.list-cont{box-shadow:none;}
.list-cont-header::after {margin: 0.9375rem auto 0.8rem;}

}




@media only screen and (max-width: 1055px) {

nav a {padding:15px 13px 15px 13px;	}
}




@media only screen and (max-width: 1000px) {

.hull-guide-landing ul {top:15%; left:4%; }
}



@media only screen and (max-width: 950px) {






    header, .header-wrapper {height:0;}
.main-site-logo { width:70px; top:5px; z-index:99999;}
   
nav, .nav-wrapper {
		margin: 0; border-bottom:none; background-color:transparent;
	}
nav ul {
	float: none;

	}



nav {
		margin: 0; border-bottom:none;
	}
nav ul {
	float: none;

	}
	
	/* Hide the navigation menu by default */
	/* Also hide the  */
	.toggle + a,
	.menu {
		display: none; 
	}
    .toggle-align
    {text-align:right; color:#fff !important; font-weight:700;
    }

	/* Styling the toggle lable */
	.toggle {
		display: block;
		background-color: #EC1C24;
		padding:17px 20px;	
		color:#fff;
	
		text-decoration:none;
		border:none;
    font-weight:700;
	}

	.toggle:hover {
		 cursor:pointer;
	}

	/* Display Dropdown when clicked on Parent Lable */
	[id^=drop]:checked + ul {
		display: block;
	}
   nav a
    {
        padding: 17px 20px ; 
    }

   nav ul ul li a {
 padding: 13px 23px;

}


	/* Change menu item's width to 100% */
	nav ul li {
		display: block;
		width: 100%;
        border-left:none;
        font-size:0.9em; 
		}


    nav ul li a, nav ul li .toggle
    {background-color: #1f1f1f; border-bottom:solid 1px #565656
    }



	nav ul ul .toggle,
	nav ul ul a {
		padding: 0 40px;
	}

	nav ul ul ul a {
		padding: 0 80px;
	}
    nav a
    {
        background-color: #333;
    }
	nav a:hover {
		background-color: #fff; color:#000 !important
	}
  
	nav ul li ul li .toggle,
	nav ul ul a,
  nav ul ul ul a{
		padding:14px 20px;	
		color:#FFF;
		font-size:0.9em; 
	}
  
  
	nav ul li ul li .toggle,
	nav ul ul a {
		background-color: #212121; 
	}

	/* Hide Dropdowns by Default */
	nav ul ul {
		float: none;
		position:static;
		color: #ffffff;
		/* has to be the same number as the "line-height" of "nav a" */
	}
		
	/* Hide menus on hover */
	nav ul ul li:hover > ul,
	nav ul li:hover > ul {
		display: none;
	}
		
	/* Fisrt Tier Dropdown */
	nav ul ul li {
		display: block;
		width: 100%; font-size:1em;
	}

	nav ul ul ul li {
		position: static;
		/* has to be the same number as the "width" of "nav ul ul li" */ 

	}
/*SUB MENU MOBILE*/

.sub-menu {
		margin: 0 0 10px 0; border-bottom:none;   text-align:left; width:100%;
	}


	.toggle-full + a,
	.menu-sub {
		display: none; 
	}


.sub-menu li {padding:0; }
	.toggle-full {
		display: block;
	

	}
 	.toggle-full:hover {
		 cursor:pointer;
	}


	[id^=drop-full1]:checked + ul, [id^=drop-full2]:checked + ul, [id^=drop-full3]:checked + ul, [id^=drop-full4]:checked + ul {display: block;}



.sub-menu a
    {border-bottom:1px solid #e9e8e8;
     border-top:none;
     border-left:none;
     border-right:none;
    padding:15px 13px;
    font-size:0.9em;  
    }


.sub-menu ul li {
display: block;width: 100%;}



.sub-menu ul ul .toggle-left,
.sub-menu ul ul a {padding: 0 40px;}

.sub-menu ul ul ul a {
padding: 0 80px;}

  
.sub-menu ul li ul li .toggle-full,
.sub-menu ul ul a,
.sub-menu ul ul ul a{
		padding:14px 20px;
		color:#FFF;
		font-size:0.9em; 
	}

.sub-menu ul li a:hover {color:#fff;}


.sub-menu ul {padding:0;}

.sub-menu i {opacity:1;}  
  
.sub-menu ul li ul li .toggle-full,
.sub-menu ul ul a {background-color: #212121; }
.toggle-full .vanish-desktop {display:inline !important;}

nav input {position:absolute; left:125px; top:8px; width:136px; height:37px; padding:0 4px 0 12px; margin:0; text-align:left; border-radius:0.2em; border:1px solid #EC1C24;}

nav button {background-color:#000; color:#fff; border:none; position:absolute; left:220px; height:35px; top:9px; cursor:pointer; font-size:1.55em; width:40px; padding:0; }
nav input:focus {width:136px;}
}

@media only screen and (max-width: 900px) {
	


.footer-list-left li:first-child, .footer-list-address li:first-child {
    font-size: 1em;}


.event { width:46%;  margin:0 2% 1% 2%;}
.guide { width:46%;  margin:0 2% 1% 2%;}

}

@media only screen and (max-width: 850px) {
.list-cont, .list-cont img, .list-cont-right {float:none; width:100%; margin:0;}
.list-cont img {max-height:300px; width:auto;   display: block; margin: 0 auto;}
.list-cont-right h3 {font-size: 1.4em;margin-top: 9px;}


}

@media only screen and (max-width: 840px) {
	}


@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1) {

}


@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1) {

}



@media only screen and (max-width: 800px) {

}




@media only screen and (max-width : 758px) {


h1 {font-size:2.2em}
h2 {font-size:2em}

.wrapper,.wrapper-inner {
padding:20px;
margin:0 auto;
position:relative
}

.vanish {
display:none!important
}

.vanish-desktop {
display:block!important
}



.span_1_of_12,.span_2_of_12,.span_3_of_12,.span_4_of_12,.span_5_of_12,.span_6_of_12,.span_7_of_12,.span_8_of_12,.span_9_of_12,.span_10_of_12,.span_11_of_12,.span_12_of_12 {
width:100%}


.col {margin:1% 0}
.fix {display:none}

.mobile-centre {text-align:center;}

/* cms */
.cms-row-images-small {
float:none;
margin:.6% 0 .6% 1.3%;
width:96.3%}

.cms-row-images-medium {
float:none;
margin:.6% 0 .6% 1.3%;
width:96.3%}

.cms-row-images-small img,.cms-row-images-medium img {
width:100%;
height:auto}

.list-cont-large-left, .list-cont-large-right {float:none; text-align:center; padding:90px 20px 0px 20px; width:auto;}




.footer-list-left ul, .footer-list-address ul {padding:0; margin:0 0 10px 0;}

.footer-list-address li, .footer-list-left li {display:inline-block;}

footer {

    margin-top: -495px;
    height: 495px;

}
#main {

padding-bottom:495px
}
.footer-list-address li:first-child {
    margin-top:0;
    font-weight: 700;
    font-size: 1.1em;
    padding:0
}
.footer-list li {
    margin-left: 0;

    line-height: 15px;
}
.footer-list-address li:first-child {font-size:0.8em;}
.footer-list-left li:first-child::before {
    content:none;
}


.footer-list-address li:first-child::before {
    content:none;

}
.footer-base .col {margin:0;}

.footer-list-address .btn-core {width:300px;}

.footer-centre .venue-phone tel a {

    font-size: 2.1em;
}
.footer-centre .venue-phone i {
    font-size: 2.1em;

}
.footer-centre .venue-phone p {
  
        margin-left: 0px;

}

.footer-list-address li:before {
  font-family: 'Font Awesome 6 Pro'; content: '\f105'; text-rendering: auto; padding-right:4px; color:#EC1C24;
}

.footer-list-address .btn-cta-grey {

    margin: 5px 0 5px 0;
}



.footer-list-address p {margin:0; color:#fff; font-weight:700; font-size:1.2em;}

.footer-centre, .footer-base .wrapper {padding:0 10px 0 10px;}

.footer-base {padding-top:20px;}
.footer-base p {line-height:13px;}
.event { width:80%; float:none; margin:2% 0 6% 10%; text-align:center;}

.guide { width:80%; float:none; margin:2% 0 6% 10%; text-align:center;}


.contact-panel {background-color:#000; padding:30px;}

.contact-panel p {color:#fff;}


.find-hull-venue { background-color:rgba(0,0,0,0.8); display:inline-block; padding:30px 15px 20px 15px; position:static; margin-top:12%; width:100%; height:auto;}
.directions-bg p {position:static;}


.find-hull-venue a {
position: static;
padding: 10px 22px 10px 22px;
margin-top:14px;
}

.directions-bg {


    height: 300px;

    background-image: url(/content/images/connexin-crowd-mob.jpg);

}

/* Core sectionals*/
.sectional-x-large, .sectional-large, .sectional-medium, .sectional-small
{padding:40px 0 40px 0;
}

.btn-fw-mob {width:100%;}


.category select {margin:0; padding:11px; width:100%; margin-right:0;}
.announce {
 
    padding:3%;
}


.hull-guide-list img {width:70%; margin-left:15%;}

.hull-guide-landing ul { left:0; right:0; margin:auto;}

.hull-guide-landing img {height:220px;}

.anchor{

  height:0px; /*same height as header*/
  margin-top: -0px; /*same height as header*/

}


}

@media only screen and (max-width : 580px) {
#map {
    height: 500px;
    border-top: 1px solid #ccc;
}

#map-popup {
    width: 210px;
}

    #map-popup img {
        width: 210px;
        height: auto;
    }

    #map-popup p {
        margin: 0;
    }
}


.osano-cm-widget {
    display: none;
}


