#whitecontainer{
background-color:#ffffff;
}
#focus{
order:1;
margin-left:0px;
margin-right:10px;
margin-top:-15px;

}
.content{
order:2;
}

#socialbarcontainer, #basketbar{
background-color:#000000;
background-image:url(carbon_fibre.png);
/* Background pattern from Toptal Subtle Patterns */
}
#gallerygrid .enlarger{
padding-top:20%;
padding-bottom:20%;
}
#socialbar{
max-width:1230px;
margin-left:auto;
margin-right:auto;
text-align:right;
color:#ffffff;
font-weight:400;
font-size:0.8em;
padding:4px 0px 4px 0px;
}
#socialbar a{
color:#ffffff;
text-decoration:none;
}
#socialbar i{
font-size:1.2em;
font-weight:normal;
color:#D1D1D2;
margin-left:10px;
margin-right:5px;
}
#socialbar a i{
color:#D1D1D2;
}
#socialbar a:hover i{
color:#ffffff;
}
.singleicon{
margin-left:5px !important;
margin-right:0px !important;
}
#searchbarcontainer{
background-color:#EC1A2C;
display:none;
}
#searchbar{
max-width:1230px;
margin-left:auto;
margin-right:auto;
padding:15px 0px 15px 0px;
color:#ffffff;
}
#searchbar input{
background-color:rgba(0,0,0,0);
border:0px;
color:#ffffff;
font-size:1em;
font-family:'Roboto', Arial, sans-serif;
width:60%;
display:inline;
}
#searchbar input::placeholder{

color:rgba(255,255,255,0.7);

}
.close-search{
font-size:2em;
cursor:pointer;
float:right;
margin-top:-5px;
}
#searchbar button{
background-color:rgba(0,0,0,0);
border:0px;
color:#ffffff;
font-size:1.2em;
cursor:pointer;
}
.cdlogo{
display:none;
}
.pagebuttons, #lowerhr{
display:none;
}
#spectulise .footericons{
border-top:1px solid #ffffff;
font-size:1.4em;
padding:20px 0px 30px 0px;
}
#spectulise .footericons i{
margin-right:10px;
}
.iconlist{
font-size:0.9em;
}
.call, .mobile, .email, .map, .web{
list-style-type:none;
line-height:1.2em;
padding-bottom:10px;
}
 .call::before,.mobile::before, .email::before, .map::before, .web::before{
font-family: 'Font Awesome 5 Pro';
content: '\f879';
color: #ffffff !important;
float:left !important;
font-size:1.2em !important;
font-weight:300 !important;
}
 .call::before{
content: '\f879' !important;
margin:2px 10px 0 -35px !important;
}
.mobile::before{
content: '\f10b' !important;
margin:2px 15px 0 -30px !important;
}
 .map::before{
content: '\f3c5' !important;
margin:2px 15px 0 -35px !important;
}
 .email::before{
content: '\f0e0' !important;
margin:2px 15px 0 -35px !important;
}
.web::before{
content: '\f37e' !important;
margin:2px 15px 0 -35px !important;
}
#greyfootercontainer{
background-color:#595959;
}
#greyfooter{
max-width:1230px;
margin:auto;
clear:both;
font-size:0.8em;
padding-top:12px;
padding-bottom:12px;
line-height:1.2em;
color:#ffffff;
}
#greyfooter a{
color:#ffffff;
text-decoration:none;
}
#greyfooter a:hover{
text-decoration:underline;
}

#slidethumbs{
max-width:1230px;
margin-left:auto;
margin-right:auto;
position:relative;
top:-147px;
margin-bottom:-147px;

}
#slidethumbs .homesliderlink{
background-color:#393939;
width: 33.33%
}
#slidethumbs div h3{
font-size:1.9em;
text-transform:uppercase;
background-color:#595959;
color:#ffffff;
text-align:center;
padding:15px 10px 15px 10px;
}
#slidethumbs .homesliderlink.is-selected h3, #slidethumbs .homesliderlink:hover h3{
background-color:#EC1A2C;
}
#slidethumbs div a{
text-decoration:none;

}
#slidethumbs .homesliderpreview{
height:175px;
width:auto;
overflow:hidden;
border-bottom:5px solid #595959;
}
#slidethumbs .homesliderlink.is-selected div, #slidethumbs .homesliderlink:hover div{
border-bottom:5px solid #EC1A2C;
}
#slidethumbs div img{
display:block;
opacity:0.7;
filter: alpha(opacity=70);
   -webkit-transition: opacity 0.4s ease-in-out;
   -moz-transition: opacity 0.4s ease-in-out;
   -o-transition: opacity 0.4s ease-in-out;
   -ms-transition: opacity 0.4s ease-in-out;
   transition: opacity 0.4s ease-in-out;
}
#slidethumbs .homesliderlink.is-selected img, #slidethumbs .homesliderlink:hover img{
opacity:1;
filter: alpha(opacity=100);
}
.specbox .whitetext{
color:#ffffff;
}
.specbox .bluebg{
padding:10px 20px 5px 20px;
background-color:#EC1A2C;
color:#ffffff;

}
.specbox .bluebg:hover{
background-color:#595959;
}
.specbox .bluebg h3, .specbox .bluebg h3 a, .specbox .bluebg a{
color:#ffffff;text-decoration:none;
}
.butsize img{
   -webkit-transition: all 0.2s linear;
   -moz-transition: all 0.2s linear;
   -o-transition: all 0.2s linear;
   -ms-transition: all 0.2s linear;
   transition: all 0.2s linear;
}
.butsize:hover img{
   -webkit-transform: scale(1.1,1.1);
   -moz-transform: scale(1.1,1.1);
   -o-transform: scale(1.1,1.1);
   -ms-transform: scale(1.1,1.1);
   transform: scale(1.1,1.1);
}
.butsize:hover .bluebg{
background-color:#595959 !important;
}
.butsize>div img{

}
.butsize a{
display:block;
text-decoration:none;
}
.flexbut {
  display: flex;
  background-color: #EC1A2C !important;
  align-items: center;
}

.flexbut:hover{
background-color:#595959!important;
}
.flexbut img{
height:100px; width:auto; min-width:100px; 
}

.flexbut>div {
  width: 100px;
  flex-grow:0;
flex-shrink:0;

}
.flexbut .bluebg{
*/padding-right:0px !important;*/

}
.flexbut a{
width:100%;
}
.newssmall{
font-size:1em;
padding:5px 10px 5px 10px;
margin-bottom:20px;
}
.newssmall::after{
margin:0px 0px 0px 10px;
}
.newssmall:hover::after{
margin:0px 0px 0px 20px;
}
.eventdate{
font-style:italic;
}
.boatmenu ul{
margin:20px 0px 0px 0px;
padding:0px;
}
.boatmenu ul li{
margin:0px;

list-style-type:none;
background-color:#F2F3F4;
border-bottom:1px solid #D1D1D2;
}
.boatmenu ul li a{
display:block;padding:10px 10px 10px 20px;
text-decoration:none;
color:#393939;
}
.boatmenu ul li:hover, .boatmenu ul li .selected{
background-color:#393939;

}
.boatmenu ul li:hover a, .boatmenu ul li a.selected{
color:#ffffff;
padding-left:15px;border-left:5px solid #EC1A2C;
}
.hypertext{
text-align: center;
font-size:2.2em;
}


.floatright{
float:right;
margin-top:-35px;
}












.advertcontent{
display:flex;
}
#advertimage{
margin: 5px 20px 10px 0px;
flex: 0 1 100%;
}
.advertinfo{
flex: 0 1 100%;
}
.advertinfo p:first-of-type{
margin-top:0px;
padding-top:0px;
}
fieldset{
border:1px solid #D1D1D2;
}
.form-field input{
border-radius:0px;
}
.submitbutton{

border-radius:0px;
}
#basketsum .submitbutton:hover, #basketsum .submitbutton:focus{
color:#393939 !important;
}

#comments button, #blog button, .cog-button--submit{
border:0px;
}
#blog{
border:1px solid #D1D1D2;
padding:0px 15px 15px 15px;
}
#sharebox{
background-color:#F3F3F3;
padding:10px 10px 10px 20px;
margin:20px 0px 20px; 0px;
color:#393939;
font-size:1.2em;
}
.facebookcircle{
color:#4064AD;
}
.twittercircle{
color:#1A91DA;
}
.linkedincircle{
color:#1C86C8;
}
.social{
 opacity: 0.8;
 -o-transition-duration: .5s;
-moz-transition-duration: .5s;
-webkit-transition: -webkit-transform .5s;
max-width:32px;
}
.social:hover{
opacity: 1;
-o-transition-duration: .5s;
-moz-transition-duration: .5s;
-webkit-transition: -webkit-transform .5s;
}
.commentreply{
background-color:#F3F3F3;
border:1px solid #D1D1D2;
}
.newsthumb{
width:85px;
height:75px;
border:1px solid #595959;
overflow:hidden;float:left;
margin:0px 10px 0px 0px;
}

.widgetevent li a:hover .newsthumb, .widgetevent li a:focus .newsthumb{
border: 1px solid #EC1A2C;
}
#gallerygrid li{
background-size:100% auto;
background-repeat:no-repeat;
}
.el-input input, .cog-picker select, .el-textarea textarea{
border:1px solid #D1D1D2;
border-radius:2px;
padding:10px 12px 10px 12px;
margin:0px 0px 0px 0px;
font-family:'Roboto', Arial, sans-serif;
color:#393939;
font-size:1em;
background-color:#ffffff;
}
.cog-picker__native-placeholder{
padding:10px 12px 10px 12px;
margin:0px 0px 0px 0px;
font-family:'Roboto', Arial, sans-serif;
color:#393939;
font-size:1em;
}


@media only screen and ( max-width: 900px )
                {
                 .hypertext{
      text-align:left;
      padding-left:60px !important;
      padding:0px;
      margin:0px;
      }
               
               .hyperlogo{
               max-width:200px;
               float:right;
} 
                
               .fourcol .col1, .threecol .col1{
                width: 49% !important;
                }            
                }
@media only screen and ( max-width: 450px )
                {
                .hypertext{
text-align: center;
padding-left:0px !important;
}
.hyperlogo{
               max-width:100%;
               float:none;
} 
                
                 .fourcol .col1, .threecol .col1{
                width: 100% !important;
                }           
               
                }

@media only screen and ( max-width: 400px )
                {
                .flexbut h3{
                font-size:1.4em;
                }
                }

@media only screen and ( max-width: 1230px )
                {
#greyfooter>a{
padding-left:20px;
}
#searchbar{
padding:10px 2% 10px 2%;
}
}
@media only screen and ( max-width: 999px )
        {
        #socialbar{
    text-align:center;
    }
    #greyfooter>a{
    padding-left:0px;
    }
            #spectulise .footericons{
        padding:10px 0px 10px 0px;
        }
        }

@media only screen and ( min-width: 999px )
        {
        .menufixed .cdlogo{
display:block;
width:105px;float:left;
}
.menufixed .mainlogo{
opacity:0;
height:0;
}
.menufixed #socialbar{
display:none;
}

}
@media only screen and ( max-width: 900px ), ( max-height: 550px )
        {
        #slidethumbs{
        display:none;
        }
        .homeslide-content{
        margin-bottom:0px;
        }
        }
        @media only screen and ( max-width: 600px )
                {
                .advertcontent{
  flex-wrap: wrap;
}
#advertimage, .advertinfo{
width:100%;
}
#advertimage{
margin-right:0px;
}

                
                .floatright{
        margin-top:15px;
        float:none;
        }
                #searchbar{
padding:10px 5% 10px 5%;
}
#socialbar{
    display:none;
    }
                }
                
/* ### Responsive Tabs ### */ 

.story #etabs{
margin-top:15px;
margin-bottom:20px;
}

/* Tabs container */
.story .r-tabs {
	position: relative;
}
.story .r-tabs ul{

}
.story .r-tabs #etabs-1, .story .r-tabs #etabs-2, .story .r-tabs #etabs-3, .story .r-tabs #etabs-4, .story .r-tabs #etabs-5, .story .r-tabs #etabs-6, .story .r-tabs #etabs-7, .story .r-tabs #etabs-8, .story .r-tabs #etabs-9, .story .r-tabs div[id*="etabs"] {
margin:0px;

}

/* Tab element */
.story .r-tabs .r-tabs-nav .r-tabs-tab {
	position: relative;
    background-color: #f2f3f4;
    margin-left:4px;
}

/* Tab anchor */
.story .r-tabs .r-tabs-nav .r-tabs-anchor {
	display: inline-block;
	padding: 12px 20px;

	text-decoration:none;
	font-weight:400;
	color:#393939;
	margin-bottom:-1px;
    border-top:1px solid #D1D1D2;
    border-left:1px solid #D1D1D2;
    border-right:1px solid #D1D1D2;

}

/* Active state tab anchor */
.story .r-tabs .r-tabs-nav .r-tabs-state-active .r-tabs-anchor {
	color: #ffffff;
border-top:5px solid #EC1A2C;
	border-left:0px;
    border-right:0px;
	background-color: #393939;
}
.story  .r-tabs-anchor:hover, .story .r-tabs-anchor:focus{
background-color: #D1D1D2;

}

/* Accordion anchor */
.story .r-tabs .r-tabs-accordion-title .r-tabs-anchor {
	display: block;
	padding: 10px;

	background-color: #f2f3f4;
	
	color:#393939;
	text-decoration: none;

font-weight:400;
border-bottom:1px solid #D1D1D2;
}

/* Active accordion anchor */
.story .r-tabs .r-tabs-accordion-title.r-tabs-state-active .r-tabs-anchor {
	background-color: #393939;
	color: #ffffff;
	border-top:5px solid #EC1A2C;
}

.story .etabselect {
border-top:3px solid #595959;
border-bottom:3px solid #595959;
}
@media only screen and ( max-width: 768px )
        {
        .tabselect{ border-top:0px;
        }	
        }

.story .r-tabs .r-tabs-nav {
    margin: 0;
    padding: 0;
}

.story .r-tabs .r-tabs-tab {
    display: inline-block;
    margin: 0;
    list-style: none;
}

.story .r-tabs .r-tabs-panel {
    padding: 10px;
   /* display: none; */
   border: 1px solid #D1D1D2;
}

.story .r-tabs .r-tabs-accordion-title {
    display: none;
}

.story .r-tabs .r-tabs-panel.r-tabs-state-active {
    display: block;
    /* Added for Chrome Add Widget drop down */
    overflow:visible !important;
}
/* Spectulise mod to remove display:none during loading to ensure sticky elements are correctly positioning in page.  */
.story .r-tabs .r-tabs-panel:not(.r-tabs-state-active) {
    /* position: absolute !important;
   left: -9999px !important; */
    display:none;
}

/* Accordion responsive breakpoint */
@media only screen and (max-width: 768px) {
    .story .r-tabs .r-tabs-nav {
        display: none;
    }

    .story .r-tabs .r-tabs-accordion-title {
        display: block;
    }
}
/* ### END Responsive Tabs ### */ 



#countryselection{ background-color:#F2F3F4; border:1px solid #D1D1D2; padding:20px; margin-top:20px; border-radius:3px;}

 /* The Modal (background) */
.modal {
  display: block; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 9999; /* Sit on top */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.7); /* Black w/ opacity */
}

/* Modal Content/Box */
.modal-content {
  background-color: #393939;


  margin: 15% auto; /* 15% from the top and centered */
  padding: 0px 20px 20px 20px;
  width: 50%; /* Could be more or less, depending on screen size */
  color:#ffffff !important;
}
.modal-content h2, .modal-content p{
text-align:center; clear:both;
}
.modal-content a{
color:#ffffff;
}
.modal-content img{

max-width:200px;
margin-left:auto;
margin-right:auto;
display:block;
margin-bottom:20px;

}.close {

  color: #aaa;

position:relative;
margin-left:calc(100% - 30px);
  font-size: 28px;
  font-weight: bold;
background-color:#ffffff;
	padding:0px 10px 0px 10px;
	border-radius:20px;
	bottom:-30px;
 
}
@media only screen and ( max-width: 700px )
                {
					.modal-content {

  width: 70%;
  padding: 0px 30px 30px 30px;
  }

.close{


}
				}
.modal-content h1, .modal-content h3{
color:#ffffff !important;
}

/* The Close Button */


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

.cardgrid>div{
display:inline-block;
border:1px solid #ECECEC;
margin-right:10px;
padding:10px;
text-align:center;
cursor:pointer;
min-width:150px;
margin-bottom:10px;
}
.cardgrid i{
font-size:4em;
display:block;
--fa-primary-color: #595959;
--fa-secondary-color: #EC1A2C;

}
.cardgrid i:after{
opacity:0.8;
}
.cardgrid>div:hover, .optiongrid>div:focus-within{
border:1px solid #595959;
}
.cardgrid input{
margin:10px 0px 10px 0px;
}