@charset "UTF-8";

@import url("https://fast.fonts.net/cssapi/4f4ff142-581b-46fa-bd6f-79c1825339f6.css");

@font-face {
    font-family: 'geared_slabextrabold';
    src: url('fonts/gearedslab-extrabold-webfont.eot');
    src: url('fonts/gearedslab-extrabold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/gearedslab-extrabold-webfont.woff2') format('woff2'),
         url('fonts/gearedslab-extrabold-webfont.woff') format('woff'),
         url('fonts/gearedslab-extrabold-webfont.ttf') format('truetype'),
         url('fonts/gearedslab-extrabold-webfont.svg#geared_slabextrabold') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'geared_slabregular';
    src: url('fonts/gearedslab-webfont.eot');
    src: url('fonts/gearedslab-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/gearedslab-webfont.woff2') format('woff2'),
         url('fonts/gearedslab-webfont.woff') format('woff'),
         url('fonts/gearedslab-webfont.ttf') format('truetype'),
         url('fonts/gearedslab-webfont.svg#geared_slabregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'geared_slabbold';
    src: url('fonts/gearedslab-bold-webfont.eot');
    src: url('fonts/gearedslab-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/gearedslab-bold-webfont.woff2') format('woff2'),
         url('fonts/gearedslab-bold-webfont.woff') format('woff'),
         url('fonts/gearedslab-bold-webfont.ttf') format('truetype'),
         url('fonts/gearedslab-bold-webfont.svg#geared_slabbold') format('svg');
    font-weight: normal;
    font-style: normal;

}

/* Reset (DON'T CHANGE)
----------------------------------------------------------------------------------------------------------------*/
*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
*{white-space-collapsing:discard}
.aspNetHidden{display:none}
html{font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}
body{line-height:1}
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,input,select,textarea,textfield,button{margin:0;padding:0;border:0;vertical-align:baseline}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,fieldset,img,summary{display:block}
table{border-collapse:collapse;border-spacing:0;font-size:1em}
ol,ul,li{list-style-type:none;list-style-image:none;list-style-position:outside}
blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}
.imageWrapper a{display:block}
a img{border:none}
img{border:none;-ms-interpolation-mode:bicubic}
img.lazy{display:none}
img,embed,object,video{height:auto;max-width:100%}
iframe{max-width:100%}
svg:not(:root){overflow:hidden}
button,input{line-height:normal}
button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer;overflow:visible}
button[disabled],input[disabled]{cursor:default}
input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0;height:13px;width:13px}
input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}
input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}
button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}
textarea{overflow:auto;vertical-align:top}
iframe[src^="//assets.pinterest"]{display:none}
iframe[class*='PIN_'],iframe[class^='PIN_']{display:none!important}
.breadcrumb span.noBreadcrumb{position:absolute;left:0;top:-999em;width:1px;height:1px;overflow:hidden}
.home .breadcrumb{display:none}
.y36ul5{display:none;height:1px}
acronym,abbr{border-bottom:1px dotted;cursor:help}
/* hide extra shop button */
.dynamicNav li.shopAnchor{display:none}
/* hide mobile navigation */
div.collapseNav a.navCollapse{display:none}
/* fixes */
.offscreen{position:absolute!important;left:0!important;top:-999em!important;width:1px!important;height:1px!important;overflow:hidden!important}
.hide{display:none}
.clear{clear:both}
.clearfix:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}
html[xmlns] .clearfix{display:block} 
* html .clearfix{height:1%}
.analyticRemarket iframe{height:0}
/* strip formatting from truncated content (news include, events include, blog include, case study list) */
div.snippet{margin-bottom:20px}
.contentWrapper .snippet h2,.contentWrapper .snippet h3,.contentWrapper .snippet h4,.contentWrapper .snippet h5,.contentWrapper .snippet p,.contentWrapper .snippet ul,.contentWrapper .snippet ol,.contentWrapper .snippet ul li,.contentWrapper .snippet ol li{font-size:1em!important;background:none!important;border:none!important;text-transform:none!important;padding:0 3px 0 0!important;margin:0!important;font-weight:normal!important;display:inline!important;float:none!important}
.contentWrapper .snippet h2,.contentWrapper .snippet h3,.contentWrapper .snippet h4,.contentWrapper .snippet h5{margin-right:2px}
.contentWrapper .snippet ul li,.contentWrapper .snippet ol li{padding:0 7px 0 0;font-style:oblique}
/* hide WYSIWYG images*/
.snippet img,.teamModule ul.teamQuestions img{display:none}
/* wrap long emails */
.contactEmail,.xprosModule .contentWrapper p,div.introduction p{white-space:pre;/* CSS 2.0 */white-space:pre-wrap;/* CSS 2.1 */white-space:pre-line;/* CSS 3.0 */white-space:-pre-wrap;/* Opera 4-6 */white-space:-o-pre-wrap;/* Opera 7 */white-space:-moz-pre-wrap;/* Mozilla */white-space:-hp-pre-wrap;/* HP Printers */word-wrap:break-word;/* IE 5+ */}
div.introduction p{white-space:pre;/* CSS 2.0 */white-space:pre-wrap;/* CSS 2.1 */white-space:pre-line;/* CSS 3.0 */white-space:-pre-wrap;/* Opera 4-6 */white-space:-o-pre-wrap;/* Opera 7 */white-space:-moz-pre-wrap;/* Mozilla */white-space:-hp-pre-wrap;/* HP Printers */word-wrap:break-word;/* IE 5+ */}
/* end reset ----------------------------------------------------------------------------------------------------------------*/

/* display none */
.shopNav,.shopAnchor,.basketInclude,.FeaturedProductView,.accountNavMain{/*display:none*/}
.shopAnchor,.basketInclude,.shopNav, .FeaturedProductView, .newsInclude, .staticNav,.vacanciesInclude,.home .twitterHolder,.accountNavMain,.customStyleSelectBox,.home .socialButtons,.teamInclude,.testimonialsInclude,.searchBar,.socialButtons,.breadcrumb{display:none !important}

#AdminFramework .page-management #pageContent {width: 1600px;}


/* skin css */

/* CORE font families */

/*
font-family: 'geared_slabextrabold'
font-family: 'geared_slabregular'
font-family: 'geared_slabbold'

font-family:'NeuzeitOfficeW01-Regula';
font-family:'NeuzeitOfficeW01-Italic';
font-family:'Neuzeit Office W01 Bold';

font-family:'NeuzeitOfficeW01-Regula';
font-family:'Neuzeit Office W01 Bold';
font-family:'NeuzeitOfficeW01-Italic';

*/

html{font-size:17px; width:100%}

/* Body + reset truncated content
----------------------------------------------------------------------------------------------------------------*/
body,.contentWrapper .snippet h2,.contentWrapper .snippet h3,.contentWrapper .snippet h4,.contentWrapper .snippet h5,.contentWrapper .snippet p,.contentWrapper .snippet ul,.contentWrapper .snippet ol,.contentWrapper .snippet ul li,.contentWrapper .snippet ol li,input,textarea{font-family:'NeuzeitOfficeW01-Regula',"Helvetica Neue",Helvetica,Arial,sans-serif;font-style:normal;font-variant:normal;font-weight:normal;font-size:1em}

/* Headers (sitewide)
----------------------------------------------------------------------------------------------------------------*/
h1,h2,h3,h4,h5{font-family: 'geared_slabregular',"Helvetica Neue",Helvetica,Arial,sans-serif;font-style:normal;font-variant:normal;font-weight:bold;line-height:1.1; text-transform:uppercase;}
.pageHeader h1,.pageHeader .pseudoH1{font-family: 'geared_slabbold',"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:3.4em/*;margin-bottom:18px*/}
.contentHeader h2{font-size:2.8em/*;margin:10px 0 0*/}
.contentHeader h3{font-size:1.8em/*;margin-bottom:0*/}

/* WYSIWYG header styles (sitewide)
----------------------------------------------------------------------------------------------------------------*/
.contentWrapper h1{font-size:3.8em}
.contentWrapper h2,.blogsList .contentWrapper h3{font-size:2.8em}
.contentWrapper h3,.blogsList .contentWrapper h4{font-size:1.8em}
.contentWrapper h4,.blogsList .contentWrapper h5{font-size:1.5em}
.contentWrapper h5{font-size:1em}
.pageHeader h1,.pageHeader .pseudoH1,.contentHeader h1,.contentHeader h2,.contentHeader h3,.contentWrapper h1,.contentWrapper h2,.blogsList .contentWrapper h3,.contentWrapper h3,.blogsList .contentWrapper h4,.contentWrapper h4,.blogsList .contentWrapper h5,.contentWrapper h5{margin-bottom:7px}

/* Form elements
----------------------------------------------------------------------------------------------------------------*/
input,textarea,select,.variations span,.searchBar span.customStyleSelectBox{}

/* Bold
----------------------------------------------------------------------------------------------------------------*/
strong,b,.contactAction span,.teamQuestions ul li span.itemDetail,.testimonialsModule .contentFooter cite,.testimonialsInclude .contentFooter cite,span.blogAuthor,.commentSubmitted span,span.now,p.productCode span,.basketContainer li.productDetails span.productCode span,.basketTotals table td,.basketTotals table .total,.deliveryInformation p.freeMessage,.contentWrapper .snippet h2,.contentWrapper .snippet h3,.contentWrapper .snippet h4,.contentWrapper .snippet h5{font-weight:bold}

/* Italic 
----------------------------------------------------------------------------------------------------------------*/
em,i,.contentWrapper .snippet ul li,.contentWrapper .snippet ol li{font-style:italic}

/* Bold italic 
----------------------------------------------------------------------------------------------------------------*/
strong em,b em,strong i,b i,em strong,em b,i strong,i b{font-weight:bold;font-style:italic}

/* Paragraph spacing (sitewide)
----------------------------------------------------------------------------------------------------------------*/
.contentWrapper p,.registrationModule .formContainer p,.contentHeader p{margin-bottom:15px}
.contentWrapper p:last-of-type{margin-bottom:0}
.xprosModule .contentWrapper p{margin-bottom:7px}

/* Everything else
----------------------------------------------------------------------------------------------------------------*/
.endContainer .endHeader h1,.wrap.para.testimonial .wrapWrapper p{font-family: 'geared_slabbold',"Helvetica Neue",Helvetica,Arial,sans-serif;font-weight:normal}
.blogsInclude .includeContainer .contentHeader h2,.eventsMenu .menuContainer .menuWrapper .menu .menuItem,.archiveMenu .menuWrapper .menu .menuItem span .year,.blogsList ul li .outerBox .contentWrapper .snippet p,.wrap.slidingDiv .contentheaderWrapper .contentheader span,.wrap.para.special .wrapWrapper .column.third p,.blogMenu .ffWrapper .ffContent span,.wrap.para.cta .wrapWrapper .column.full,.blogsList ul li .outerBox .continue a,blockquote{font-family: 'geared_slabregular',"Helvetica Neue",Helvetica,Arial,sans-serif;font-weight:normal}
.blogsInclude .includeContainer .outerBox,.xprosModule .style1 .contentHeader h3,.eventsInclude li .contentHeader h3,.wrap.product-link.one .wrapWrapper figcaption h3{font-family:'NeuzeitOfficeW01-Regula',"Helvetica Neue",Helvetica,Arial,sans-serif;font-weight:normal}
.dynamicNav li a.activePage, .blogsInclude .includeContainer .outerBox .contentHeader h3,.enquiriesModule input, .enquiriesModule textarea,.enquiriesModule .contactText{font-family:'Neuzeit Office W01 Bold',"Helvetica Neue",Helvetica,Arial,sans-serif;font-weight:normal}


::-webkit-input-placeholder{font-family:'Neuzeit Office W01 Bold',"Helvetica Neue",Helvetica,Arial,sans-serif;font-weight:normal;opacity: 0.8}
:-moz-placeholder{font-family:'Neuzeit Office W01 Bold',"Helvetica Neue",Helvetica,Arial,sans-serif;font-weight:normal;opacity: 0.8}
::-moz-placeholder{font-family:'Neuzeit Office W01 Bold',"Helvetica Neue",Helvetica,Arial,sans-serif;font-weight:normal;opacity: 0.8}
:-ms-input-placeholder{font-family:'Neuzeit Office W01 Bold',"Helvetica Neue",Helvetica,Arial,sans-serif;font-weight:normal;opacity: 0.8}

/* placeholder text */
/*::-webkit-input-placeholder{text-transform:uppercase;font-size:1em;color:#888}
:-moz-placeholder{text-transform:uppercase;font-size:1em;color:#888}
::-moz-placeholder{text-transform:uppercase;font-size:1em;color:#888}
:-ms-input-placeholder{text-transform:uppercase;font-size:1em;color:#888}*/
:focus::-webkit-input-placeholder{opacity:0.2}
:focus:-moz-placeholder{opacity:0.2}
:focus::-moz-placeholder{opacity:0.2}
:focus:-ms-input-placeholder{opacity:0.2}

@media only screen and (max-width:480px){
.pageHeader h1,.pageHeader .pseudoH1{font-size:2.8em/*;margin-bottom:18px*/}
	
}
/*---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- 
     STRUCTURE
------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------/*
/* Site Structure
----------------------------------------------------------------------------------------------------------------*/
body {position:relative;font-size:100%;line-height:1.3; color:#1d1d1b}
.outerWrapper{position:relative;width:100%;overflow:hidden;background:#f5f5f5}
.siteContainer{width:100%;min-width:300px;max-width:1600px; margin:0 auto; box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.1)}
.home .outerWrapper{background:none !important}
.contentMain{}
.contentMainSecond{width:100%;padding-top:75px}
.contentLeft{display:none}
.contentMiddle{width:100%;display:block;position:relative;z-index:1;background:#fff}
.contentRight{width:100%;display:block}
.commonFooter{width:100%; display:block;clear:both}

/* default template
-----------------------------------------------------*/
.defaultTemplate {max-width:none} /*contentMainSecond */
.defaultTemplate .contentLeft{display:none}
.defaultTemplate .contentMiddle{width:100%;display:block}
.defaultTemplate .contentRight{width:100%;display:block}

/* right column only template
-----------------------------------------------------*/
.rightColTemplate {max-width:none} /*contentMainSecond */
.rightColTemplate .contentLeft{float:left;display:none}
.rightColTemplate .contentMiddle{float:left;width:75%;display:block;max-width:none}
.rightColTemplate .contentRight{float:right;width:25%;display:block;max-width:none}

/* full width template
-----------------------------------------------------*/
.fullWidthTemplate {max-width:none} /*contentMainSecond */
.fullWidthTemplate .contentLeft{float:none;display:none}
.fullWidthTemplate .contentMiddle{float:none;width:100%;display:block;max-width:none;margin:0 auto}
.fullWidthTemplate .contentRight{float:none;width:100%;display:block;max-width:none}

/* tergeted structure template  
-----------------------------------------------------*/
/* home page */
.home .contentLeft{display:none}
/*.home .contentMiddle{width:100%;display:block;margin-top:100vh;margin-top:calc(100vh - 74px);background:none}*/
.home .contentMiddle{width:100%;display:block;background:none}
.home .contentRight{width:100%;display:block}


.terms-conditions .contentMiddle,.privacy-policy .contentMiddle,.cookie-policy .contentMiddle,.terms-of-use .contentMiddle,.manageAccount .contentMiddle{float:none;width:100%}
.terms-conditions .contentRight,.privacy-policy .contentRight,.cookie-policy .contentRight,.terms-of-use .contentRight,.manageAccount .contentRight{display:none}

/* Content structure
----------------------------------------------------------------------------------------------------------------*/
.homeAnnouncementBlock{width:100%;background:#E00E39;color:#fff;font-size:24px;text-align:center;font-family: 'geared_slabregular',"Helvetica Neue",Helvetica,Arial,sans-serif;font-style:normal;font-variant:normal;font-weight:bold;line-height:1.1; text-transform:uppercase;letter-spacing:0.05em;padding:0;margin:0}
.homeAnnouncementBlock a{color:#fff!important;display:block;width:100%;padding:14px 24px 11px}
.homeAnnouncementBlock a:hover,.homeAnnouncementBlock a:focus,.homeAnnouncementBlock a:active{text-decoration:underline}

.pageHeader{width:80%;max-width:1280px;margin:0 auto;padding-top:5%; text-align:center}

.pagecontentContainer .pageHeader{position:absolute;left:0;top:-999em;width:1px;height:1px;overflow:hidden}
.accessibility .pageHeader,.cookie-policy .pageHeader,.privacy-policy .pageHeader,.terms-of-use .pageHeader{position:static;left:auto;top:auto;width:auto;height:auto;overflow:visible; margin-bottom:-5%}

.accessibility .contentWrapper,.cookie-policy .contentWrapper,.privacy-policy .contentWrapper,.terms-of-use .contentWrapper{width:90%; margin:0 auto; max-width:1280px}

.contactEmail,.xprosModule .contentWrapper p{white-space:pre;/* CSS 2.0 */white-space:pre-wrap;/* CSS 2.1 */white-space:pre-line;/* CSS 3.0 */white-space:-pre-wrap;/* Opera 4-6 */white-space:-o-pre-wrap;/* Opera 7 */white-space:-moz-pre-wrap;/* Mozilla */white-space:-hp-pre-wrap;/* HP Printers */word-wrap:break-word;/* IE 5+ */}/* wrap emails */

/* Page intro
----------------------------------------------------------------------------------------------------------------*/
div.introduction{padding:0 0 5%;margin:15px auto 15px;clear:right;width:80%;max-width:1280px; text-align:center}
div.introduction p{white-space:pre;/* CSS 2.0 */white-space:pre-wrap;/* CSS 2.1 */white-space:pre-line;/* CSS 3.0 */white-space:-pre-wrap;/* Opera 4-6 */white-space:-o-pre-wrap;/* Opera 7 */white-space:-moz-pre-wrap;/* Mozilla */white-space:-hp-pre-wrap;/* HP Printers */word-wrap:break-word;/* IE 5+ */}
p.mailingUnsubscribe,p.forgottenEmail{margin:15px 0 20px;font-size:0.9em}

/* NEW CONTENT BUILDER STRUCTURE
--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/* Grid
----------------------------------------------------*/
#contentarea.container {margin: 0 auto;position:relative;font-size:100%;line-height:1.3}
div{background:none;padding:0;margin-top:auto;}

.wrapWrapper{font-size:0}
.wrap.slidingDiv .wrapWrapper{font-size:1em;font-size:17px;font-size:1rem}

 .column {-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box; display:inline-block; font-size:1em; font-size:17px; font-size:1rem; vertical-align:middle}
 .column.full { width: 100%; }
 .column.two-thirds { width: 66.7%; }
 .column.two-fourth { width: 75%; }
 .column.two-fifth { width: 80%; }
 .column.two-sixth { width: 83.4%; }
 .column.half { width: 50%; }
 .column.third { width: 33.3%; }
 .column.fourth { width: 25%; }
 .column.fifth { width: 20%; }
 .column.sixth { width: 16.6%; }
 .column.flow-opposite { float:none}  


/* Element styles
----------------------------------------------------*/
.center {text-align:center}
.right {text-align:right}
.left {text-align:left}
.wrap img{margin:0 auto; width:100%}
img.circle {border-radius:500px;margin-top:0;}
img.bordered {border: #ccc 1px solid;}
.embed-responsive {position: relative;display:block;height:0;padding:0;overflow:hidden;} 
.embed-responsive.embed-responsive-16by9 {padding-bottom: 56.25%;}
.embed-responsive.embed-responsive-4by3 {padding-bottom: 75%;}
.embed-responsive iframe {position: absolute;top:0;bottom:0;left:0;width:100%;height:100%;border:0;}
/*.column > img, .column > figure, .column > .embed-responsive {margin-top: 1em;margin-bottom: 1em;}*/
.list {position:relative;margin:1.5em 0;}
.list > i {position:absolute;left:-3px;top:-3px;font-size:2em;}
.list > h2, .list > h3 {margin: 0 0 0 50px}
.list > p {margin: 0 0 0 50px}
.quote {position:relative;margin:1.5em 0;}
.quote > i {position: absolute;top: -10px; left: -7px;font-size: 2em;color:rgba(51,51,51,0.44);}
.quote > small {margin-left:50px;opacity: 0.7;font-size: 1em;}
.quote > p {margin-left:50px;font-size: 1.5em;}
.btn {padding: 10px 30px;font-size: 1.3em;line-height: 2em;border-radius: 6px;display: inline-block;margin-bottom: 0;font-weight: normal;text-align: center;text-decoration: none;vertical-align: middle;cursor: pointer;background-image: none;border: 1px solid transparent;white-space: nowrap;-webkit-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
.btn.btn-primary {color: #ffffff;background-color: #08c9b9;}
.btn.btn-primary:hover {color: #ffffff;background-color: #07b0a2;border-color: #07b0a2;}
.btn.btn-default {color: #333333;background-color: #d3d3d3;}
.btn.btn-default:hover {color: #111;background-color: #ccc;border-color: #ccc;}
.social a > i {text-decoration:none;color:#333;font-size:1.5em;margin:0 5px 0 0;-webkit-transition: all 0.1s ease-in-out;transition: all 0.1s ease-in-out;}
.social a:hover > i {color:#08c9b9;}

/* Content structure
----------------------------------------------------------------------------------------------------------------
.contentWrapper,.commentWrapper{padding:10px 0 0}
.teamInclude .contentWrapper{padding:7px 0 0} */
/* contact details (team include, team module, offers, vacancies) 
.contactAction{padding-bottom:3px}*/


/*---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- 
     SITEWIDE
------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------/*

/*NAVIGATION
-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

.header{position:fixed !important;position:absolute;top:0;left:0;right:0;height:75px;background:#1d1d1b;z-index:9999;width:100%; box-shadow: 0px 0px 10px 5px rgba(0,0,0,0.2)}/* can be used for top or sidenav format */
.headerWrapper{max-width:1440px; margin:0 auto}

/* Branding
----------------------------------------------------------------------------------------------------------------*/
/*.header{width:100%;height:100px;position:relative;background:#ddd} height controls positioning of nav */
.logo{width:100px;height:75px}
.logo{float:left;top:0px;left:50px;position:relative;z-index:11}
.logo a{height:75px;display:block;text-indent:-999em;background:url(../images/images-custom/logo.png);background-position:50% 50%!important;background-repeat:no-repeat!important}
.headerElements{}


/* Dynamic navigation (drop down)
-----------------------------------------------------*/
.mainNav{width:90%; max-width:1280px; margin:0 auto}

/* structure */
.dynamicNav{position:relative;z-index:10;float:right;width:90%;width:calc(100% - 100px)}
.dynamicNav .navWrapper{width:96%;margin:0 0 0 auto}/* control width and alignment */
.dynamicNav ul{/* all lists*/ position:relative;height:1%;width:100%}
.dynamicNav li{/* all list items*/ position:relative;float:left;width:16.6%}/* division of space if fixed */
.dynamicNav li.last{}
.dynamicNav li.home{display:none}
.dynamicNav li a{text-decoration:none;position:relative;display:block;text-align:center;height:auto;text-transform:uppercase;font-size:0.75em; letter-spacing:0.15em}
.dynamicNav li a:hover{background:#444}
.dynamicNav li a span{display:block;position:relative;margin-top:17px;left:0;width:100%;padding:10px 5px;border-right:1px solid #ddd}/* allows control over vertical alignment */
.dynamicNav li a span:after{content:"";position:absolute;border-top: 5px solid transparent;border-right: 2px solid #ddd;border-left: 5px solid transparent;border-bottom: 2px solid #ddd;-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);right:-4px;bottom:0}
.dynamicNav li:nth-of-type(2) a span{border-left:1px solid #ddd}
.dynamicNav li:nth-of-type(2) a span:before{content:"";position:absolute;border-top: 5px solid transparent;border-right: 2px solid #ddd;border-left: 5px solid transparent;border-bottom: 2px solid #ddd;-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);left:-4px;bottom:0}
.dynamicNav li a.activePage{text-decoration:none}
.dynamicNav li a:hover,.dynamicNav li a:active,.dynamicNav li a:focus{}
.dynamicNav li ul{/* second-level lists */position:absolute;top:1em;width:100%;left:-999em!important}/* remove "left" if left nav is required */
.dynamicNav li ul li{width:100%}
.dynamicNav li ul li.last{border:none}
.dynamicNav li ul li a{display:block;height:auto;padding:7px 9px;border:none;text-transform:none}
.dynamicNav li ul li a span{/* counteract top level span */display:block;position:relative;bottom:auto;left:auto;width:auto;padding:0;margin:0;border:none}
.dynamicNav li ul li a span{border:none !important}
.dynamicNav li ul li a span:before,.dynamicNav li ul li a span:after,.dynamicNav li:nth-of-type(2) ul li a span:before{display:none}
.dynamicNav li ul li a:hover,.dynamicNav li ul li a:active,.dynamicNav li ul li a:focus{}
.dynamicNav li ul li a.activePage{}
.dynamicNav li>ul,.dynamicNav li.over ul{/* to override top and left in browsers other than IE */top:auto;left:auto;margin:0;padding:0 0 7px;height:auto}
.dynamicNav li:hover ul,.dynamicNav li.over ul{/* lists nested under hovered list items */left:0!important}
/* color */
.dynamicNav{background:#1d1d1b}
.dynamicNav .navWrapper{}
.dynamicNav li.last{}
.dynamicNav li a{color:#fff}
.dynamicNav li a.activePage{color:#fff}
.dynamicNav li a:hover,.dynamicNav li a:active,.dynamicNav li a:focus{color:#fff}
.dynamicNav li ul{background:#222}
.dynamicNav li ul li a:hover,.dynamicNav li ul li a:active,.dynamicNav li ul li a:focus{color:#fff;background:#444}
.dynamicNav li ul li a.activePage{background:#777;color:#fff}
/* hide level 3 drop down nav */
 .dynamicNav li ul li ul{display:none!important}/*remove "important" if left nav level 3 is required */
/* hide extra shop button */
.dynamicNav li.shopAnchor{display:none}

/*NAVIGATION
-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

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

/*---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- 
     SNIPPET STYLING
------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

.wrap.heading.single + .wrap.para.single{padding:0% 0 5%}
.wrap.heading.single + .wrap.para.special{padding:0% 0 5%}

/*heading
------------------------------------------------------------------------------------*/
.wrap.heading.single{width:80%;max-width:1024px;margin:0 auto;padding-top:5%; text-align:center}
.wrap.heading.single .wrapWrapper h2{font-size:2.8em}

.wrap.para h1{}
.wrap.para p + p{padding-top:0 !important; margin-top:0 !important}

/*text plain
------------------------------------------------------------------------------------*/
.wrap.para.single{padding:7% 0 8%;margin:15px auto 15px;clear:right;width:80%;max-width:1024px; text-align:center}
.wrap.para.single .wrapWrapper{}
.wrap.para.single .wrapWrapper p{}

.legalWrapper{max-width:1280px;margin:0 auto; text-align:left}
.wrap.para .legalWrapper{text-align:left !important}
.wrap.para .legalWrapper .column h1{font-size:3em; margin-bottom:18px; line-height:1em; text-transform:uppercase} 
.wrap.para .legalWrapper .column h2{font-size:2em; margin-bottom:12px; line-height:1.1em; text-transform:uppercase} 
.wrap.para .legalWrapper .column h3{font-size:1.4em; margin-bottom:8px; line-height:1.2em; text-transform:uppercase}
.wrap.para .legalWrapper .column h4{font-size:1.2em; margin-bottom:0px; line-height:1em; text-transform:capitalize}
.wrap.para .legalWrapper .column p{font-size:1em; margin-bottom:20px}
.wrap.para .legalWrapper .column ul{margin-bottom:20px}
.wrap.para .legalWrapper .column ol{margin-bottom:20px}
.wrap.para .legalWrapper .column ul li{font-size:1em; list-style: disc; list-style-position:inside}
.wrap.para .legalWrapper .column ol li{font-size:1em; list-style: decimal; list-style-position:inside}



/*text testimonial
------------------------------------------------------------------------------------*/
.wrap.para.testimonial{padding:7% 0 8%;margin:15px auto 15px;clear:right;width:80%;max-width:1024px; text-align:center}
.wrap.para.testimonial .wrapWrapper{}
.wrap.para.testimonial .wrapWrapper p{font-size:2.4em}

/*text + splash
------------------------------------------------------------------------------------*/
.wrap.para.special{clear:right;background:#fff; color:#1d1d1b}
.home .wrap.para.special{background:#1d1d1b; color:#fff}
.wrap.para.special .wrapWrapper{padding:3% 0 3%;margin:0 auto;width:80%;max-width:1024px; text-align:center}
.wrap.para.special .wrapWrapper .column{vertical-align:middle;display:inline-block;float:none}
.wrap.para.special .wrapWrapper .column.third{width:33%;padding-right:2%}
.wrap.para.special .wrapWrapper .column.two-thirds{width:66%;padding-left:2%}
.wrap.para.special .wrapWrapper .column.third p,.wrap.para.special .wrapWrapper .column.third h2,.wrap.para.special .wrapWrapper .column.third h3,.wrap.para.special .wrapWrapper .column.third h1{padding:20px;margin:12px 0;border-top:5px solid #1d1d1b;border-bottom:5px solid #1d1d1b; display:block}
.home .wrap.para.special .wrapWrapper .column.third p,.home .wrap.para.special .wrapWrapper .column.third h2,.home .wrap.para.special .wrapWrapper .column.third h3,.home .wrap.para.special .wrapWrapper .column.third h1{border-top:5px solid #fff;border-bottom:5px solid #fff}
.wrap.para.special .wrapWrapper .column.third p{font-size:1.8em; line-height:1.2}
.wrap.para.special .wrapWrapper .column.third h2{font-size:2.4em}
.wrap.para.special .wrapWrapper .column.third h3{font-size:1.8em}
.wrap.para.special .wrapWrapper .column.third h1{font-size:0.5em}
.wrap.para.special .wrapWrapper .column.two-thirds p{padding:20px 35px;margin:12px 0;display:block}
.wrap.para.special .wrapWrapper .column.two-thirds a{background: url(../images/images-custom/more-black.png);background-repeat: no-repeat !important;background-position: left center !important;color: #1d1d1b;padding: 20px 0 20px 60px;display: inline-block;}
.home .wrap.para.special .wrapWrapper .column.two-thirds a{background: url(../images/images-custom/more-white.png);background-repeat: no-repeat !important;background-position: left center !important;color: #fff;padding: 20px 0 20px 60px;display: inline-block;}

@media only screen and (max-width:480px){
.wrap.para.special .wrapWrapper .column.third p{font-size:1.4em; line-height:1}
.wrap.para.special .wrapWrapper .column.third h2{font-size:2em; line-height:1}
.wrap.para.special .wrapWrapper .column.third h3{font-size:1.6em; line-height:1}
.wrap.para.special .wrapWrapper .column.third h1{font-size:0.5em}
}


/*text + cta
------------------------------------------------------------------------------------*/
.wrap.para.cta{clear:right;background:#1d1d1b; color:#fff}
.wrap.para.cta .wrapWrapper{padding:7% 0 8%;margin:0 auto;width:80%;max-width:1024px; text-align:center}
.wrap.para.cta .wrapWrapper .column.full{border-top:3px solid #fff; border-bottom:3px solid #fff; padding:5%; text-transform:uppercase}
.wrap.para.cta .wrapWrapper .column.full h1{font-size:3.2em}
.wrap.para.cta .wrapWrapper .column.full h2{font-size:2.8em}
.wrap.para.cta .wrapWrapper .column.full h3{font-size:2.2em}
.wrap.para.cta .wrapWrapper .column.full h4{font-size:1.8em}
.wrap.para.cta .wrapWrapper .column.full p{font-size:1.8em}
.wrap.para.cta .wrapWrapper .column.full a{font-size:2.2em; text-transform:uppercase; margin-top:30px; display:inline-block; color:#fff; background: url(../images/images-custom/more-white.png);background-repeat: no-repeat !important;background-position: center right !important;padding:5px 65px 0 0; line-height:50px}

@media only screen and (max-width:480px){
	.wrap.para.cta .wrapWrapper .column.full h1{font-size:3em}
.wrap.para.cta .wrapWrapper .column.full h2{font-size:2.4em;line-height:1}
.wrap.para.cta .wrapWrapper .column.full h3{font-size:2em;line-height:1}
.wrap.para.cta .wrapWrapper .column.full h4{font-size:1.6em;line-height:1}
.wrap.para.cta .wrapWrapper .column.full p{font-size:1.6em;line-height:1}
	.wrap.para.cta .wrapWrapper .column.full a{font-size:1.6em}
	.wrap.para.cta .wrapWrapper .column.full p{line-height:1}
}
@media only screen and (max-width:400px){
    .wrap.para.cta .wrapWrapper .column.full a{background-position: bottom center !important;padding: 5px 0px 60px 0;line-height: 1;}
}

/*image 1
------------------------------------------------------------------------------------*/
.wrap.image.single{width:100%; height:auto; display:block; background:#1d1d1b}
.wrap.image.single .wrapWrapper{width:100%;  margin:0 auto;}
.wrap.image.single .wrapWrapper .column figure{Margin:0}
.wrap.image.single .wrapWrapper .column .imageWrapper{margin:0; width:100%; height:auto;overflow:hidden;position:relative;max-height:768px}
.wrap.image.single .wrapWrapper .column .imageWrapper img{max-width:none !important;width:100%;height:auto;z-index:5; position:relative}

/*image 2
------------------------------------------------------------------------------------*/
.wrap.image.double{width:100%; height:auto; display:block; background:#1d1d1b}
.wrap.image.double .wrapWrapper{width:100%;  margin:0 auto;}
.wrap.image.double .wrapWrapper .column figure{Margin:0}
.wrap.image.double .wrapWrapper .column .imageWrapper{margin:0; width:100%; height:auto;overflow:hidden;position:relative;max-height:768px}
.wrap.image.double .wrapWrapper .column .imageWrapper img{max-width:none !important;width:100%;height:auto;z-index:5; position:relative}

/*image 3
------------------------------------------------------------------------------------*/
.wrap.image.triple{width:100%; height:auto; display:block; background:#1d1d1b}
.wrap.image.triple .wrapWrapper{width:100%;  margin:0 auto}
.wrap.image.triple .wrapWrapper .column figure{Margin:0}
.wrap.image.triple .wrapWrapper .column .imageWrapper{margin:0; overflow:hidden;position:relative}
.wrap.image.triple .wrapWrapper .column .imageWrapper img{width:100%; height:auto}

/*image left/right
------------------------------------------------------------------------------------*/
.wrap.image.left{width:100%; height:auto; display:block; background:#fff}
.wrap.image.left .wrapWrapper{width:100%;  margin:0 auto}
.wrap.image.left .wrapWrapper .column figure{Margin:0}
.wrap.image.left .wrapWrapper .column .imageWrapper{margin:0; overflow:hidden;position:relative}
.wrap.image.left .wrapWrapper .column .imageWrapper img{width:100%; height:auto}
.wrap.image.left .wrapWrapper .column p{padding:7% 10% 8%;margin:15px auto 15px; text-align:center}

.wrap.image.right{width:100%; height:auto; display:block; background:#fff}
.wrap.image.right .wrapWrapper{width:100%; margin:0 auto}
.wrap.image.right .wrapWrapper .column figure{Margin:0}
.wrap.image.right .wrapWrapper .column .imageWrapper{margin:0; overflow:hidden;position:relative}
.wrap.image.right .wrapWrapper .column .imageWrapper img{width:100%; height:auto}
.wrap.image.right .wrapWrapper .column p{padding:7% 10% 8%; text-align:center}

/*product link
------------------------------------------------------------------------------------*/
.wrap.product-link.one{width:33.333%; padding-top:33.333%; float:left; overflow:hidden; height:0; position:relative}
.wrap.product-link.one .wrapWrapper{margin:-100% 0 0 0; height:100%; width:100%}
.wrap.product-link.one .wrapWrapper .imageWrapper{margin:0; width:100%; height:100%; position:relative}
.wrap.product-link.one .wrapWrapper .imageWrapper img{width:101%; height:auto; max-width:none;position:relative;left:50%;-webkit-transform: translateX(-50%);-ms-transform: translateX(-50%);transform: translateX(-50%);-webkit-transition:all 1s ease-in-out 0s;-moz-transition:all 1s ease-in-out 0s;-o-transition:all 1s ease-in-out 0s;transition:all 1s ease-in-out 0s}
.wrap.product-link.one .wrapWrapper .imageWrapper:before{width:100%; height:100%; background:#1d1d1b; opacity:0; content:""; position:absolute; top:0; left:0; z-index:1;-webkit-transition:all 0.5s linear 0s;-moz-transition:all 0.5s linear 0s;-o-transition:all 0.5s linear 0s;transition:all 0.5s linear 0s}
.wrap.product-link.one .wrapWrapper figcaption{position:absolute; bottom:50px; left:0; width:100%; text-align:center; color:#fff;padding-bottom:60px;background:url(../images/images-custom/more-white.png);background-position:bottom center; background-repeat:no-repeat; z-index:2}
.wrap.product-link.one .wrapWrapper figcaption h3{font-size:3em; letter-spacing:0.2em; margin-bottom:6px}
.wrap.product-link.one .wrapWrapper figcaption p{width:70%; margin:0 auto; margin-bottom: 8px}

.wrap.product-link.one .wrapWrapper a:hover .imageWrapper img{width:103%}
.wrap.product-link.one .wrapWrapper a:hover .imageWrapper:before{opacity:0.5}

@media only screen and (max-width:1024px){
		.wrap.product-link.one .wrapWrapper a .imageWrapper:before{opacity:0.5}

}
@media only screen and (max-width:480px){
	.wrap.product-link.one .wrapWrapper figcaption h3{font-size:2.4em}
	.wrap.product-link.one .wrapWrapper a .imageWrapper:before{opacity:0.5}

}

/*rotators
------------------------------------------------------------------------------------*/
.wrap.slidingDiv{width:100%;height:90vh;overflow:hidden;position:relative; max-height:800px}
.wrap.slidingDiv.one .slider{background:#fff}
.wrap.slidingDiv.two .slider{background:#1d1d1b}
.wrap.slidingDiv .wrapWrapper{display:block;width:100%;height:100%;position:relative}
/*.wrap.slidingDiv .wrapWrapper .slider{display:block;width:100%;height:100%;position:absolute;top:0}
.wrap.slidingDiv .wrapWrapper .slider.on{z-index:1;left:0}
.wrap.slidingDiv .wrapWrapper .slider.off{z-index:0;left:100%}*/

.wrap.slidingDiv .imageWrapper{position:relative;width:100%;height:100%;-webkit-transition: all 0.5s ease 3s;-moz-transition: all 0.5s ease 3s;transition: all 0.5s ease 3s;margin:0}
.wrap.slidingDiv .imageWrapper .image{position:relative;width:100%;height:100%;-webkit-transition: all 0.5s ease 3s;-moz-transition: all 0.5s ease 3s;transition: all 0.5s ease 3s;margin:0}
.wrap.slidingDiv .imageWrapper .backbg{background-image:url(../blank.gif);background-position:center center; background-repeat:no-repeat; background-size:cover; width:100%; height:100%}
.wrap.slidingDiv .imageWrapper img{max-width:1680px !important;width:auto;position:absolute;top:50%;left:50%;min-width:100%;min-height:100%;z-index:5;-webkit-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);transform: translate(-50%,-50%)}
#AdminFramework .wrap.slidingDiv .imageWrapper img:hover + .imageTextWrapper{z-index:-1}
#AdminFramework .wrap.slidingDiv .imageWrapper img:hover{z-index:999}

.wrap.slidingDiv .imageWrapper .logoHolder{position:absolute; display:block; width:50%; height:100%; top:0; left:5%; z-index:6}
.wrap.slidingDiv .imageWrapper .logoHolder.heaven{background:url(../images/images-custom/more-heaven.png); background-repeat:no-repeat; background-size:contain; background-position:center center}
.wrap.slidingDiv .imageWrapper .logoHolder.hell{background:url(../images/images-custom/more-hell.png); background-repeat:no-repeat; background-size:contain; background-position:center center}
.wrap.slidingDiv .imageWrapper .logoHolder.val{background:url(../images/images-custom/more-val.png); background-repeat:no-repeat; background-size:contain; background-position:center center}
@media only screen and (max-width:768px){
	.wrap.slidingDiv .imageWrapper .logoHolder{position:absolute; display:block; width:65%; height:90%; top:0; left:0%; z-index:4}
}
.wrap.slidingDiv .imageTextWrapper{}
.wrap.slidingDiv .imageTextWrapper .imageContent{position:absolute; width:80%;height:100%; top:0;left:10%;z-index:5;margin:0 auto}
.wrap.slidingDiv .imageTextWrapper .imageContent .imageHeader{width:90%;margin:0 auto;display:block;text-transform:uppercase;text-align:center;height:100%}
.wrap.slidingDiv .imageTextWrapper .imageContent .imageHeader h2{padding:30px;font-size:5em;letter-spacing:0.2em;line-height:1.4em;margin:12px 0;display:block;position:relative;top:50%;color:#fff;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%)}
.wrap.slidingDiv .slider.two .imageTextWrapper .imageContent .imageHeader h2{top:45%;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%)}
.wrap.slidingDiv .imageTextWrapper .imageContent a{margin:12px 0;display:block;position:relative;bottom:20%;float:right;color:#fff;background:url(../images/images-custom/more-white.png);background-repeat: no-repeat !important; background-position:left center !important;padding:20px 10% 20px 60px}
.wrap.slidingDiv.three .slider.two .imageTextWrapper .imageContent .imageHeader{text-align:right}
@media only screen and (max-width:1024px){
.wrap.slidingDiv .imageTextWrapper .imageContent .imageHeader h2{font-size:3.8em; padding:0}
}

@media only screen and (max-width:668px){
.wrap.slidingDiv .imageTextWrapper .imageContent .imageHeader h2{font-size:2.8em; padding:0}
.wrap.slidingDiv .imageTextWrapper .imageContent a{bottom: 25%;}
.wrap.slidingDiv .contentheaderWrapper .contentheader span{padding:20px; font-size:1.4em}

.wrap.slidingDiv .imageTextWrapper .imageContent .imageHeader h2{font-size:2.4em; padding:0; letter-spacing:0.1em}
.wrap.slidingDiv .contentContainer{display:none !important}

}

.wrap.slidingDiv .textWrapper{width:80%;margin:0 auto;height:100%}
.wrap.slidingDiv .contentheaderWrapper{width:50%;height:auto;float:left;position:relative;display:block;top:50%;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%)}
.wrap.slidingDiv .contentheaderWrapper .contentheader{text-transform:uppercase;text-align:center;padding:10px 30px 10px 0;}
.wrap.slidingDiv .contentheaderWrapper .contentheader h2{font-size:5em}
.wrap.slidingDiv .contentheaderWrapper .contentheader span{padding:30px;font-size:2em;margin:12px 0;border-top:5px solid #1d1d1b;border-bottom:5px solid #1d1d1b; display:block}
.wrap.slidingDiv .contentheaderWrapper .contentheader span h2{margin:0}
.wrap.slidingDiv.two .contentheaderWrapper .contentheader span{border-top:5px solid #fff;border-bottom:5px solid #fff; color:#fff}
.wrap.slidingDiv .contentheaderWrapper .contentheader span p{margin:0}
.wrap.slidingDiv .contentheaderWrapper .contentheader span p:first-of-type{margin-bottom:20px}
.wrap.slidingDiv .contentheaderWrapper .contentheader span p:last-of-type{margin-bottom:0px}


.wrap.slidingDiv .contentContainer{width:50%;float:right;display:block;padding:10px 0 10px 30px;height:auto;position:relative;top:50%;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%)}
.wrap.slidingDiv .contentContainer .contentWrapper{display:block}
.wrap.slidingDiv .contentContainer .contentWrapper p{margin-bottom:20px}
.wrap.slidingDiv.two .contentContainer .contentWrapper p{color:#fff}
.wrap.slidingDiv .contentContainer .contentWrapper .contentLink{margin:10px 0}
.wrap.slidingDiv .contentContainer .contentWrapper .contentLink a{background:url(../images/images-custom/more-black.png);background-repeat: no-repeat !important; background-position:left center !important;color:#1d1d1b;padding:20px 0 20px 60px; display:inline-block}
.wrap.slidingDiv.two .contentContainer .contentWrapper .contentLink a{background:url(../images/images-custom/more-white.png);background-repeat: no-repeat !important; background-position:left center !important;color:#fff}

.wrap.slidingDiv .slider-nav{display:block;margin:0 auto; position:absolute;bottom:10px;z-index:5;width:100%;text-align:center}
.wrap.slidingDiv .slider-nav .sliderButton{background:#eee;width:15px; height:15px; border-radius:15px; cursor:pointer; margin-right:5px; display:inline-block;border:1px solid #999}
.wrap.slidingDiv .slider-nav .sliderButton.active{background:#fff;border:1px solid #888}
.wrap.slidingDiv.two .slider-nav .sliderButton{}
.wrap.slidingDiv .slider-nav .sliderButton.one{}
.wrap.slidingDiv .slider-nav .sliderButton.two{}

.wrap.slidingDiv .slider-next{display:block;position:absolute; top:50%; right:20px;z-index:5}
.wrap.slidingDiv .slider.two .slider-next{right:auto;left:20px;-webkit-transform: rotate(180deg);-ms-transform: rotate(180deg);transform: rotate(180deg)}
.wrap.slidingDiv .slider-next .sliderButton{overflow:visible;display:block;width:50px; height:50px; cursor:pointer;background:url(../images/images-custom/more-white.png) #fff;background-position:center center; background-repeat:no-repeat;text-transform:uppercase; color:#fff; border-radius:50px;-webkit-animation: pulse 2s linear 2s infinite;animation:pulse 2s linear 2s infinite}
.wrap.slidingDiv.one .slider.two .slider-next .sliderButton{background:url(../images/images-custom/more-black.png) #000;background-position:center center; background-repeat:no-repeat;}
@media only screen and (max-width:600px){
.wrap.slidingDiv .slider-next{top:auto; bottom:5%}
.wrap.slidingDiv .contentheaderWrapper .contentheader span{padding:20px; font-size:1.4em}
.wrap.slidingDiv .contentheaderWrapper .contentheader span p{line-height:1}

	
}
@-webkit-keyframes pulse {
	0% {width:50px; height:50px; margin:0}
	50% {width:70px; height:70px; margin:-10px;background-color:transparent}
	100% {width:70px; height:70px; margin:-10px;background-color:transparent}
}
@keyframes pulse {
	0% {width:50px; height:50px; margin:0}
	50% {width:70px; height:70px; margin:-10px;background-color:transparent}
	100% {width:70px; height:70px; margin:-10px;background-color:transparent}
}

.wrap.slidingDiv .wrapWrapper{position: relative;width: 100%;height: 100%;-webkit-perspective: 2000px;-moz-perspective: 2000px;perspective: 2000px;}
.wrap.slidingDiv .wrapWrapper .slider {width: 100%;height: 100%;position: absolute;top: 0;left: 0;overflow: hidden;-webkit-backface-visibility: hidden;-moz-backface-visibility: hidden;backface-visibility: hidden;-webkit-transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);-webkit-transform-style: preserve-3d;-moz-transform-style: preserve-3d;transform-style: preserve-3d;}
.wrap.slidingDiv .wrapWrapper .slider.on{z-index: 1;}
.wrap.slidingDiv .wrapWrapper .slider.off{z-index: 0;-webkit-transition:z-index 0s linear 0.5s;-moz-transition:z-index 0s linear 0.5s;-o-transition:z-index 0s linear 0.5s;transition:z-index 0s linear 0.5s}

/* flip */
.wrap.slidingDiv .wrapWrapper .slider.off{-webkit-transform-origin: 50% 50%;transform-origin: 50% 50%;-webkit-animation: flipOutRight .5s both ease-in;animation: flipOutRight .5s both ease-in;}
.wrap.slidingDiv .wrapWrapper .slider.on{-webkit-transform-origin: 50% 50%;transform-origin: 50% 50%;-webkit-animation: flipInLeft .5s both ease-out;animation: flipInLeft .5s both ease-out;}
.wrap.slidingDiv .wrapWrapper .slider.on{-webkit-animation-delay: .5s;animation-delay: .5s;}

/* flip */
@-webkit-keyframes flipOutRight {
	from { }
	to { -webkit-transform: translateZ(-1000px) rotateY(90deg);transform: translateZ(-1000px) rotateY(90deg); opxacity: 0.2; }
}
@keyframes flipOutRight {
	from { }
	to { -webkit-transform: translateZ(-1000px) rotateY(90deg); transform: translateZ(-1000px) rotateY(90deg); opaxcity: 0.2; }
}

@-webkit-keyframes flipInLeft {
	from { -webkit-transform: translateZ(-1000px) rotateY(-90deg);transform: translateZ(-1000px) rotateY(-90deg); opxacity: 0.2; }
}
@keyframes flipInLeft {
	from { -webkit-transform: translateZ(-1000px) rotateY(-90deg); transform: translateZ(-1000px) rotateY(-90deg); opacxity: 0.2; }
}

/*social
------------------------------------------------------------------------------------*/
.Social{width:100%;background:#1d1d1b; height:80px;position:relative;display:inline-block}
.SocialWrapper{height:40px; width:90%; max-width:1280px; position:relative; top:25%; margin:0 auto}
.Social span{color:#fff;font-size:1.2em;letter-spacing:0.2em;line-height:1.8em}
.Social .socialItem{margin:0 8px 7px 0;width:35px;height:35px;float:right;display:block}
.Social .socialItem a{display:block;width:35px;height:35px;text-indent:-999em;text-decoration:none!Important;background-position:0 0!important;background-repeat:no-repeat!important}
.Social .facebookFollow a{background:url(../images/images-icons/facebook.png)}
.Social .twitterFollow a{background:url(../images/images-icons/twitter.png)}
.Social .googleplusFollow a{background:url(../images/images-icons/google.png)}
.Social .youtubeFollow a{background:url(../images/images-icons/youtube.png)}
.Social .tripadvisorFollow a{background:url(../images/images-icons/trip.png)}
.Social .flickrFollow a{background:url(../images/images-icons/flickr.png)}
@media only screen and (max-width:960px){
	.Social{height:auto; text-align:center; padding: 30px 0}
	.SocialWrapper{height:auto; top:0}
	.Social span{display:block; margin-bottom:10px}
	.Social .socialItem{display:inline-block; float:none}
}



/*---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- 
     /SNIPPET STYLING
------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

/*---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- 
     SITEWIDE
------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------/*

/* Specialist spacing 
----------------------------------------------------------------------------------------------------------------*/
.moduleContainer,.galleryContainer,.accordianContainer,.formContainer{margin-bottom:15px;position:relative;text-align:center}/* content area backgrounds (sitewide) */
.relatedProductView{padding:15px}
.moduleContainer ul,.accordianContainer ul,.galleryContainer ul,.basketContainer .basketWrapper,.contentMiddle .form,.categoryView,.productView,.subpagesInclude{}
.vacanciesModule .vacancyInfo{margin-bottom:15px}/* salary section */
.vacanciesModule .vacancyApply{margin-bottom:10px}/* files section */
div.snippet{margin-bottom:10px}/* truncated content */
.fieldContainer label{margin-bottom:10px;line-height:1.2em;max-width:660px;font-size:0.95em}/* delivery instructions */
.mailingList label{max-width:none}
.accordianContainer .outerBox ul,.accordianContainer ul li ul.accordianList{margin-top:0}

/* Links
----------------------------------------------------------------------------------------------------------------*/
a,input.nogo,a.nogo{text-decoration:none;color:#2ba6cb;-webkit-transition:color 0.2s linear 0s;-moz-transition:color 0.2s linear 0s;-o-transition:color 0.2s linear 0s;transition:color 0.2s linear 0s;outline:none}
a:hover,a:active,a:focus,input.nogo:hover,input.nogo:focus,input.nogo:active,a.nogo:hover,a.nogo:active,a.nogo:focus{color:#137795;text-decoration:underline}
a:focus,.a:active,a.nogo:active,a.nogo:focus{outline-color:transparent;outline-style:none;outline-width:0}/* hide dotted line on focus */
div.continue{}/* read on (testimonials include, news include, blog include, events include, case studies landing) */
div.more{padding-top:58px;text-align:center;margin:10px 0 15px}
div.more a{padding-top:58px;background:url(../images/images-custom/more-white.png);background-position:top center; background-repeat:no-repeat;text-transform:uppercase; color:#fff}
div.pageLinkButton{margin-top:10px}/* directory module */
.blogsModule div.blogNavContainer{}
.blogsModule div.olderPosts{margin-right:4px;float:left}
.blogsModule div.newerPosts{margin-left:4px;float:right}
input.nogo,a.nogo{border:none;background:none!important;width:auto;padding:3px 1px;margin-left:3px;height:auto;cursor:pointer}
input.nogo:hover,input.nogo:focus,input.nogo:active,a.nogo:hover,a.nogo:focus,a.nogo:active{border-bottom:none!important}

/* Menus (blog categories, case studies, forthcoming events, blog archive, news archive)
----------------------------------------------------------------------------------------------------------------*/
.menuContainer{padding:12px 0 0;margin-bottom:15px;background:#e0e0e0;position:relative}
/* standard menu */
.menuContainer .menuWrapper ul.menu{}
.menuContainer .menuWrapper li.menuItem{padding:0}
.menuContainer .menuWrapper li.menuItem span{display:block}
.menuContainer .menuWrapper li.menuItem span.itemDetail{font-size:1.1em;line-height:1.2em}
.menuContainer .menuWrapper li.menuItem span.supplementaryInfo{line-height:1.2em;padding-top:2px}
.menuContainer .menuWrapper li.menuItem a{display:block;padding:8px 12px}
.menuContainer .menuWrapper li.menuItem a:hover,.menuContainer .menuWrapper li.menuItem a:active,.menuContainer .menuWrapper li.menuItem a:focus{background:#f0f0f0;text-decoration:none}
.menuContainer .menuWrapper li.menuItem{}




/*BANNER
-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/* Banner
----------------------------------------------------------------------------------------------------------------*/

/* multi-image changer */
.bannerWrapper{}
.bannerWrapper ul.rotator{width:100%;height:100vh;height:calc(100vh - 74px)}
.bannerWrapper ul.rotator li{z-index:5}
.bannerWrapper ul.rotator li.show{z-index:6}
.bannerWrapper .banner .imageWrapper{margin-bottom:0;position:fixed;z-index:0;width:100%;height:100vh;height:calc(100vh - 74px);overflow:hidden;margin:0;left:0;top:74px}
.bannerWrapper .banner .imageWrapper .backbg{background-image:url(../imagegoeshere.png);background-position:center center; background-repeat:no-repeat; background-size:cover; width:100%;position:relative; height:100% ;top:50%;left:50%;-webkit-transform: translate(-50%,-50%) scale(1, 1);-ms-transform: translate(-50%,-50%) scale(1, 1);transform: translate(-50%,-50%) scale(1, 1);-webkit-animation: bannerBg 20s linear 2s infinite alternate; animation: bannerBg 20s linear 2s infinite alternate}
.bannerWrapper .banner .imageWrapper img{max-width:none !important;width:100%;position:absolute;top:50%;left:50%;z-index:5;-webkit-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);transform: translate(-50%,-50%);-webkit-animation: banner 25s linear 2s infinite alternate; animation: banner 25s linear 2s infinite alternate}
.bannerWrapper .banner .bannerText{position:absolute;top:350px; left:0;z-index:7;color:#fff;width:100%; text-align:center; padding: 0 8%}
.bannerWrapper .banner .bannerText h2{font-size:3.8em;margin:0 0 5px;text-transform:uppercase;position:relative}
.bannerWrapper .banner .bannerText:before{content:"";position:absolute;width:100%;height:260px;background:url(../images/images-custom/logo-large.png);background-position:center center;background-repeat:no-repeat !important;bottom:100%;left:0}
.bannerWrapper .banner .bannerText p{padding:6px 0 0}
.home .banner .photoCaption{position:absolute;top:10px;left:0;padding:5px 10px;background:#000;color:#fff}

/* non-JS converts to single image */
.bannerWrapper ul.noJs{height:auto}
.bannerWrapper ul.noJs li{position:relative;top:auto;left:auto}

/* Chrome, Safari, Opera */
@-webkit-keyframes banner {
    from {width:100%}
    to {width:110%}
}

/* Standard syntax */
@keyframes banner {
    from {width:100%}
    to {width:110%}
} 

/* Chrome, Safari, Opera */
@-webkit-keyframes bannerBg {
    from { }
    to {-webkit-transform: translate(-50%,-50%) scale(1.1, 1.1);-ms-transform: translate(-50%,-50%) scale(1.1, 1.1);transform: translate(-50%,-50%) scale(1.1, 1.1)}
}

/* Standard syntax */
@keyframes bannerBg {
    from { }
    to {-webkit-transform: translate(-50%,-50%) scale(1.1, 1.1);-ms-transform: translate(-50%,-50%) scale(1.1, 1.1);transform: translate(-50%,-50%) scale(1.1, 1.1)}
} 

/*BANNER
-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

/*HOME
-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

.scrollmoreContainer{width:100%; height:18vh;margin-top:-18vh;text-align:center;position:relative}
.scrollmoreContainer .scrollmoreWrapper{width:100%; position:absolute;-webkit-animation: scrollmore 0.8s ease-in-out 5s infinite alternate; animation: scrollmore 0.8s ease-in-out 5s infinite alternate}
.scrollmoreContainer .scrollmoreWrapper span{position:relative; display:inline-block; padding:10px 12px;text-transform:uppercase; vertical-align:top; font-size:0.6em}
.scrollmoreContainer .scrollmoreWrapper span.left{-webkit-transform: rotate(20deg);-ms-transform: rotate(20deg);transform: rotate(20deg);margin-right:-5px; margin-top:1px}
.scrollmoreContainer .scrollmoreWrapper span.left:after{content:"";background:#fff;width:155px; height:100%; display:block;position:absolute;top:0;right:0; z-index:-1;-webkit-transform: skew(20deg);-ms-transform: skew(20deg);transform: skew(20deg)}
.scrollmoreContainer .scrollmoreWrapper span.right{-webkit-transform: rotate(-20deg);-ms-transform: rotate(-20deg);transform: rotate(-20deg);margin-left:-5px}
.scrollmoreContainer .scrollmoreWrapper span.right:after{content:"";background:#fff;width:155px; height:100%; display:block;position:absolute;top:0;left:0; z-index:-1;-webkit-transform: skew(-20deg);-ms-transform: skew(-20deg);transform: skew(-20deg)}

.scrollmoreContainer .scrollmoreWrapper span:hover{}

/* Chrome, Safari, Opera */
@-webkit-keyframes scrollmore {
    from {top:0px}
    to {top:10px}
}

/* Standard syntax */
@keyframes scrollmore {
    from {top:0px}
    to {top:10px}
}

/*events
------------------------------------------------------------------------------------*/
.eventsInclude{width:100%; display:block; background:#5d5d5b; position:relative; text-align:center}
.eventsInclude .contentHeader{background:#E00E39; width:100%; display:inline-block; vertical-align:middle;}
.eventsInclude .contentHeader h2{color:#fff; text-transform:uppercase; padding:18px 24px 14px; font-size:2.2em; letter-spacing:0.2em;margin:0}
.eventsInclude ul{padding:20px}
.eventsInclude li .contentHeader{background:none; width:100%; padding:0 20px}
.eventsInclude li .contentHeader h3 a{color:#fff}
.eventsInclude li .contentHeader h3, .eventsInclude li .contentHeader p{display:inline-block; letter-spacing:0.1; text-transform:uppercase; font-size:1.4rem; color:#fff; margin:0}
.eventsInclude li .continue{display:none}
.eventsInclude .more{margin:0 auto; padding: 0 20px 20px}
.eventsInclude .more a{display:block}
.eventsInclude p.noItems{color:#fff;}
@media only screen and (min-width:768px){
	.eventsInclude{text-align:left}
.eventsInclude .contentHeader{background:#E00E39; width:24%; display:inline-block; vertical-align:middle}
.eventsInclude .contentHeader h2{color:#fff; text-transform:uppercase; float:right; padding:18px 24px 14px; font-size:2.2em; letter-spacing:0.2em;margin:0}
.eventsInclude p.noItems{width:74%; display:inline-block; vertical-align:middle;padding:14px 24px 14px}

.eventsInclude .contentImages{display:none}

.eventsInclude ul{width:75%; display:inline-block; vertical-align:middle; padding:0 200px 0 0}
.eventsInclude li .contentHeader{background:none; width:100%; padding:0 20px}
.eventsInclude li .contentHeader p{position:absolute; width:1px; height:1px; overflow:hidden; top:-999em; left:0;}
.eventsInclude li .contentWrapper{position:absolute;left:0;top:-999em;width:1px;height:1px;overflow:hidden}

.eventsInclude .more{width: 200px;position: absolute;right:0; padding:0;margin:0;top:50%;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%)}
.eventsInclude .more a{background:url(../images/images-custom/more-red.png);background-repeat: no-repeat !important; background-position:left center !important;color:#fff;padding:20px 0 20px 60px; display:inline-block}
}
@media only screen and (max-width:600px){}


/*announcement
------------------------------------------------------------------------------------*/
.announcementInclude{text-align:center; padding:30px; width:100%;background:#ededed;display:inline-block}
.announcementInclude .contentHeader h2{font-size:1.8em}

@media only screen and (min-width:1025px){
.announcementInclude{float:left; width:50%;background:#ededed;height:250px;display:inline-block; text-align:left; padding:0}
.announcementInclude .outerBox{float:right; display:inline-block; padding:30px 40px}
.announcementInclude .contentHeader{float:left; width:37%;margin-right:3%}
.announcementInclude .contentHeader h2{line-height:1.2em;letter-spacing:0.1em; font-size:2em}
.announcementInclude p{float:left;width:60%;line-height:1.5em; font-size:1.05em}
.announcementInclude p a{color:#1d1d1b}
}

.home .pagecontentContainer{margin:0;width:100%;height:auto;display:block}

/*home mailinglist
------------------------------------------------------------------------------------*/
.home .contentMiddle .mailingListSubscribe{background:#1d1d1b}

/*Cafe
------------------------------------------------------------------------------------*/
.blogContainer{width:45%;height:521px;overflow:hidden;display:inline-block;position:relative; background:#1d1d1b}
.blogContainer .contentHeader{float:left; width:40%;margin-right:20px}
.blogContainer h2{color:#fff;  font-size: 4.5em;margin: 10% 10%; text-align: center;letter-spacing: 0.2em;}
.blogContainer .contentContainer .contentWrapper .contentLink {margin: 120px 0 0 0;  text-align: center;height: 60px;display: block;}
.blogContainer .contentLink a {background: url(../images/images-custom/more-white.png);background-repeat: no-repeat !important;background-position: center center !important;color: #fff; height:50px;display:block;text-indent:-999px;}

.cafeContainer{width:100%;height:520px;overflow:hidden;display:inline-block;float:right;position:relative; background:#fff}
@media only screen and (min-width:1025px){
	.cafeContainer{width:55%}
}
.cafeWrapper{width:100%;height:100%; position:relative}
.cafeimageWrapper{position:relative;width:100%;height:80%;overflow:hidden}
.cafeimageWrapper img{max-width:100%;width:auto;position:absolute;top:0;left:0;min-width:100%;min-height:100%;z-index:5/*;-webkit-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);transform: translate(-50%,-50%)*/;-webkit-transition: all 40s;-moz-transition: all 40s;transition: all 40s}
.cafeContainer .cafeContent{width:100%;padding:0 0 0 20px;position:absolute;height:80px; left:0; bottom:0}
.cafeContainer .cafeContent .cafeHeader, .cafeContainer .cafeContent span, .cafeContainer .cafeContent .more{display:block;width:100%;}
.cafeContainer .cafeContent .cafeHeader h2{font-size:2.2em;letter-spacing:0.2em;margin:0;line-height:1.2em}
.cafeContainer .cafeContent span{ text-transform: uppercase;font-size:1em;}
.cafeContainer .cafeContent span br{display:none}
.cafeContainer .cafeContent .more{padding:35px 0;right:0;width:200px; position:absolute;bottom:0; height:80px}
.cafeContainer .cafeContent .more a{background:url(../images/images-custom/more-black.png);background-repeat: no-repeat !important; background-position:left center !important;color:#1d1d1b;padding:20px 0 20px 60px}

@media only screen and (max-width:600px){
	.cafeContainer{float:none; height:auto; display:block}
	.cafeWrapper{width:100%; height:auto}
	.cafeimageWrapper{width:100%;height:auto;overflow:visible; display:block}
	.cafeimageWrapper img{width:100%;position:relative;top:0;left:0;height:auto;z-index:2; max-width:none; min-height:0; min-width:0}
	.cafeContainer .cafeContent{position:relative; height:auto; padding:20px; z-index:3; text-align:center}
	.cafeContainer .cafeContent .more{position:relative; margin:0 auto}
}

/*Product slide
------------------------------------------------------------------------------------*/
.productContainer{display:none}
@media only screen and (min-width:1025px){
.productHeader{position:absolute;left:0;top:-999em;width:1px;height:1px;overflow:hidden}
.productContainer{display:inline-block;float:left}
.productContent{}
.productContent .productWrapper{width:100%;height:auto;position:relative}
.productContent .productWrapper img{max-width:none !important;width:100%;height:auto}
.productContent .productWrapper h2{position:absolute; top:5%; right:25%;width:50%; text-align:center; color:#fff; font-size:2.4em;letter-spacing: 0.2em;}
.productContent .productWrapper li a{position:absolute;text-indent:-999em;width:50px;height:50px/*;border:1px solid red*/; z-index:2}

.productContent .productWrapper li a:before{position:absolute; z-index:-2}

.productContent .productWrapper li.one a{border-radius:42% 38% 51% 26%;height:43%;left:19.5%;top:16%;width:12%}
.productContent .productWrapper li.one a:before{content:"";background:url(../images/images-custom/bread-one.png);background-repeat:no-repeat;background-size:contain;width:140%;height:90%;position:absolute;bottom:8%;left:-130%;opacity:0;-webkit-transition: all 0.5s;-moz-transition: all 0.5s;transition: all 0.5s}
.productContent .productWrapper li.one a:hover:before{opacity:1}
.productContent .productWrapper li.two a{border-radius: 50%;height: 40%;left: 51%;top: 24%;width: 23%}
.productContent .productWrapper li.two a:before{content:"";background:url(../images/images-custom/bread-two.png);background-repeat:no-repeat;background-size:contain;width:93%;height:70%;position:absolute;top:40%;right:-95%;opacity:0;-webkit-transition: all 0.5s;-moz-transition: all 0.5s;transition: all 0.5s}
.productContent .productWrapper li.two a:hover:before{opacity:1}
.productContent .productWrapper li.three a{border-radius: 8% 34% 6% 12%;height: 29%;left: 75.5%;top: 50%;width: 8.5%}
.productContent .productWrapper li.three a:before{display:none;content:"";background:url(../images/images-custom/bread-three.png);background-repeat:no-repeat;background-size:contain;width:285%;height:75%;position:absolute;bottom:-65%;right:15%;opacity:0;-webkit-transition: all 0.5s;-moz-transition: all 0.5s;transition: all 0.5s}
.productContent .productWrapper li.three a:hover:before{display:block;opacity:1}
.productContent .productWrapper li.four a{border-radius: 41% 33% 36% 29%;height: 25%;left: 73.5%;top: 13%;width: 9.5%;}
.productContent .productWrapper li.four a:before{content:"";background:url(../images/images-custom/bread-four.png);background-repeat:no-repeat;background-size:contain;width:180%;height:122%;position:absolute;top:-55%;right:-150%;opacity:0;-webkit-transition: all 0.5s;-moz-transition: all 0.5s;transition: all 0.5s}
.productContent .productWrapper li.four a:hover:before{opacity:1}
.productContent .productWrapper li.five a{border-radius: 38% 41% 40% 32%;height: 16%;left: 17%;top: 66%;width: 18.5%}
.productContent .productWrapper li.five a:before{content:"";background:url(../images/images-custom/bread-five.png);background-repeat:no-repeat;background-size:contain;width:150%;height:194%;position:absolute;top:10%;right:23%;opacity:0;-webkit-transition: all 0.5s;-moz-transition: all 0.5s;transition: all 0.5s}
.productContent .productWrapper li.five a:hover:before{opacity:1}
.productContent .productWrapper li.six a{    border-radius: 10% 11% 10% 12%;height: 21%;left: 37.5%;top: 62%;width: 8%;}
.productContent .productWrapper li.six a:before{content:"";background:url(../images/images-custom/bread-six.png);background-repeat:no-repeat;background-size:contain;width:340%;height:80%;position:absolute;top:90%;right:-160%;opacity:0;-webkit-transition: all 0.5s;-moz-transition: all 0.5s;transition: all 0.5s}
.productContent .productWrapper li.six a:hover:before{opacity:1}

/*.productContent .productWrapper li a:before{border:1px solid red}*/

.productContent .productWrapper .more{position:absolute; bottom:5%; right:5%}
.productContent .productWrapper .more a{background-position: right center !important;padding: 20px 60px 20px 0px;}
}
/*blogs include
------------------------------------------------------------------------------------*/
.blogsInclude{width:100%;height:521px;background:#1d1d1b;display:inline-block;float:left; color:#fff; padding:4%;}



@media only screen and (min-width:1025px){
	.blogsInclude{width:45%}
}
.blogsInclude .contentHeader{}
.blogsInclude .contentHeader h2{text-align:center;color:#fff;font-size:3.2em;text-transform:uppercase;letter-spacing:0.2em; margin-bottom:30px;padding:20px}
.blogsInclude .contentHeader h3{text-align:center;color:#fff;font-size:1.2em;text-transform:uppercase;letter-spacing:0.2em; margin-bottom:10px;padding:0; font-family: 'NeuzeitOfficeW01-Regula',"Helvetica Neue",Helvetica,Arial,sans-serif; font-style: normal; font-variant: normal;font-weight: normal;}
.blogsInclude .contentHeader h3 a{color:#fff}
.blogsInclude .includeContainer li{display:none}
.blogsInclude .includeContainer li:first-of-type{display:block}
.blogsInclude .includeContainer li ul li{display:block}

.blogsInclude .includeContainer{float:right; width:100%; padding:20px 10%; height:100%;position:relative}
.blogsInclude .includeContainer .contentHeader h2{text-align:center;color:#fff;font-size:2.2em;text-transform:uppercase;letter-spacing:0.2em; margin-bottom:30px;padding:20px;border-bottom:1px solid #fff;}

.blogsInclude .includeContainer .outerBox{text-align:center; color:#fff; margin:0}
.blogsInclude .includeContainer .outerBox .contentImages{display:none}
.blogsInclude .includeContainer .outerBox .contentHeader p,.blogsInclude .includeContainer .outerBox .contentHeader .blogAuthor, .blogsInclude .includeContainer .outerBox .contentHeader .blogDate,.blogsInclude .includeContainer .outerBox .contentHeader .commentCount{display:none}
.blogsInclude .includeContainer .outerBox .contentHeader h3{font-size:1.4em; color:#fff; margin-bottom:10px; text-transform:capitalize}
.blogsInclude .includeContainer .outerBox .contentHeader h3 a{color:#fff}
.blogsInclude .includeContainer .outerBox .contentWrapper{width:100%;padding:0}
.blogsInclude .includeContainer .outerBox .contentWrapper p{}
.blogsInclude .includeContainer .outerBox .contentWrapper .continue a{color:#fff; text-transform:uppercase}
.blogsInclude .includeContainer .outerBox .contentWrapper .continue a:after{content:"..."}
.blogsInclude .includeContainer .more{position:absolute; bottom:20px; width:100%; left:0px}

@media only screen and (max-width:668px){
	.blogsInclude{height:auto}
	.blogsInclude .includeContainer .more{position:relative; display:block; bottom:0}
}

/*HOME
-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

.subpagesInclude{position:absolute;left:0;top:-999em;width:1px;height:1px;overflow:hidden}

/*BLOG
-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*Structure
------------------------------------------------------------------------------------*/
.blogsModule{padding:0 5%}
.blogsList{width:100%; padding:0}
.blogMenu{width:100%;border-left: 1px solid #fff;}


/* Blog specific
----------------------------------------------------------------------------------------------------------------*/
.blogsList .contentHeader p{padding-top:0;margin-top:0;margin-bottom:15px;border-top:none} no top border on date
.blogsList li .contentFooter{margin-bottom:5px}
span.blogAuthor{font-size:0.9em;margin-right:4px}
span.blogDate{font-size:0.9em;margin-right:8px}
span.commentCount{font-size:0.9em}
.blogsModule .blogComment{margin:15px 0 25px}
.blogComment .commentHeader{padding-bottom:5px;border-bottom:1px dotted #777}
.blogComment .commentHeader h3,.blogComment .commentHeader p{font-size:1.1em;display:inline;border:none;padding:0;margin-right:6px}
.blogComment .commentHeader p{font-size:1em}
.blogComment .commentWrapper p{font-size:0.9em;margin-bottom:5px}
.singleBlogPost{margin:30px 0; text-align:left}
.commentSubmitted{margin:30px auto 18px;text-align:center;width:90%}
.commentSubmitted span{}
.commentSubmitted p{font-size:0.95em;padding-top:10px}

.blogNavContainerTop,.singleBlogPost .contentFooter{display:none}

.blogsModule .form legend{position:absolute;left:0;top:-999em;width:1px;height:1px;overflow:hidden}
.blogsModule .moduleContainer{margin:0}

.blogsModule .form .contentHeader h2{font-size:1.8em}

.blogNavContainer{margin:15px 0}
.blogNavContainer .newerPosts a,.blogNavContainer .olderPosts a{padding:9px 12px;text-transform:uppercase; color:#bbb; font-size:0.85em; background:#f5f5f5}

.blogsModule .singleBlogPost .contentHeader{text-align:center; margin-bottom:30px}
.blogsModule .singleBlogPost .contentImages{float:left; margin:0 20px 20px 0; max-width:400px}

@media only screen and (max-width:1024px){
	.blogsModule .singleBlogPost .contentImages{float:none; margin:0 0 20px 0;width:100%; max-width:none}
	.blogsModule .singleBlogPost .contentImages img{width:100%; max-width:none !important}
}

/* blogCategoriesMenu */

.blogCategoriesMenu {border-bottom:1px solid #fff}
.blogCategoriesMenu .menuContainer{background:#1d1d1b; color:#fff; padding:30px; margin-bottom:0}
.blogCategoriesMenu .menuContainer .contentHeader{padding:0 0 0 30px; font-size:1.6em}
.blogCategoriesMenu .menuWrapper .menu{border-top:1px solid #cdcdcb;border-bottom:1px solid #cdcdcb;padding:6px 0}

.blogCategoriesMenu .menuWrapper .menu .menuItem a{color:#cdcdcb; text-transform:uppercase; padding:10px 10px; position:relative; margin-left:40px}
.blogCategoriesMenu .menuWrapper .menu .menuItem a:hover,.blogCategoriesMenu .menuWrapper .menu .menuItem a:focus,.blogCategoriesMenu .menuWrapper .menu .menuItem a:active{background:none;color:#fff}
.blogCategoriesMenu .menuWrapper .menu .menuItem a:hover:before,.blogCategoriesMenu .menuWrapper .menu .menuItem a:focus:before,.blogCategoriesMenu .menuWrapper .menu .menuItem a:active:before{border-left:10px solid #fff;right:99%}
.blogCategoriesMenu .menuWrapper .menu .menuItem a:before{position:absolute; content:""; border-left:10px solid #cdcdcb; border-top:5px solid rgba(0,0,0,0); border-bottom:5px solid rgba(0,0,0,0);right:100%; top:15px}

.mailingListInclude .options label{width:95%}

/* archive menu */
.archiveMenu .menuWrapper li a.year{}
.archiveMenu .menuWrapper li a.month{}

.archiveMenu .menuContainer{background:#1d1d1b; color:#fff; padding:30px; margin-bottom:0}
.archiveMenu .menuContainer .contentHeader{padding:0 0 0 30px;}

.archiveMenu .menuWrapper{}
.archiveMenu .menuWrapper .menu{border-top:1px solid #cdcdcb;}
.archiveMenu .menuWrapper .menu .menuItem{}
.archiveMenu .menuWrapper .menu .menuItem span{}
.archiveMenu .menuWrapper .menu .menuItem span .year{color:#adadab; font-size:2em; border-bottom:1px solid #cdcdcb;  padding:10px 14px 6px 42px; letter-spacing:0.1em}
.archiveMenu .menuWrapper .menu .menuItem span .year:hover,.archiveMenu .menuWrapper .menu .menuItem span .year:active,.archiveMenu .menuWrapper .menu .menuItem span .year:focus{background:none; color:#fff}
.archiveMenu .menuWrapper .menu .menuItem span.open .year{color:#fff}
.archiveMenu .menuWrapper .menu .menuItem .listopen{padding:10px 10px 10px 55px; border-bottom:1px solid #cdcdcb}
.archiveMenu .menuWrapper .menu .menuItem .listopen .menuItem{}
.archiveMenu .menuWrapper .menu .menuItem .listopen .menuItem a{color:#cdcdcb; text-transform:uppercase; padding:6px 10px; position:relative}
.archiveMenu .menuWrapper .menu .menuItem .listopen .menuItem a:hover,.archiveMenu .menuWrapper .menu .menuItem .listopen .menuItem a:focus,.archiveMenu .menuWrapper .menu .menuItem .listopen .menuItem a:active{background:none;color:#fff}
.archiveMenu .menuWrapper .menu .menuItem .listopen .menuItem a:hover:before,.archiveMenu .menuWrapper .menu .menuItem .listopen .menuItem a:focus:before,.archiveMenu .menuWrapper .menu .menuItem .listopen .menuItem a:active:before{border-left:10px solid #fff;right:99%}
.archiveMenu .menuWrapper .menu .menuItem .listopen .menuItem a:before{position:absolute; content:""; border-left:10px solid #cdcdcb; border-top:5px solid rgba(0,0,0,0); border-bottom:5px solid rgba(0,0,0,0);right:100%; top:11px}

.blogMenu .backWrapper{background:#1d1d1b; padding:35px 0 35px 30px; border-top: 1px solid #fff}
.blogMenu .backWrapper a{padding-left:40px; color:#fff; text-transform:uppercase; position:relative}
.blogMenu .backWrapper a:before,.blogMenu .backWrapper a:after{width:2px; height:20px; position:absolute; content:""; left:16px; top:0px; background:#fff;-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);-webkit-transition: all 0.4s;-moz-transition: all 0.4s;transition: all 0.4s}
.blogMenu .backWrapper a:after{-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-ms-transform: rotate(-45deg);transform: rotate(-45deg)}
.blogMenu .backWrapper a:hover,.blogMenu .backWrapper a:focus,.blogMenu .backWrapper a:active{text-decoration:none}
.blogMenu .backWrapper a:hover:before,.blogMenu .backWrapper a:focus:before,.blogMenu .backWrapper a:active:before,.blogMenu .backWrapper a:hover:after,.blogMenu .backWrapper a:focus:after,.blogMenu .backWrapper a:active:after{height:26px;width:1px; top:-4px}

.blogMenu .rssFeed{background:#1d1d1b; padding:0 0 35px 40px}
.blogMenu .rssFeed a{padding:4px 0px 4px 30px; color:#fff; text-transform:uppercase; position:relative; background:url(../images/images-custom/rss.png); background-repeat:no-repeat; background-position:center left;}
.blogMenu .rssFeed a:hover,.blogMenu .rssFeed a:focus,.blogMenu .rssFeed a:active{text-decoration:none}
 
.blogMenu .ffWrapper{padding:50px 40px 30px; background:#1d1d1b; border-top: 1px solid #fff}
.blogMenu .ffWrapper .ffLogo{width:75%;margin:0 auto 40px; max-width:160px}
.blogMenu .ffWrapper .ffLogo img{width:100%; height:auto;}
.blogMenu .ffWrapper .ffContent{color:#fff; text-align:center}
.blogMenu .ffWrapper .ffContent span{display:block; margin-bottom:20px; font-size:1.4em} 
.blogMenu .ffWrapper .ffContent a{display:block;padding-top:58px;background:url(../images/images-custom/more-white.png);background-position:top center; background-repeat:no-repeat;text-transform:uppercase; color:#fff; font-size:0.9em} 

.blogMenu .twitterHolder{padding:30px; background:#fff}

/* List items
--------------------------------------------------------------------------------------*/

/* 2 columns */
.blogsList ul{/* Masonry container */-moz-column-count:3;-webkit-column-count:3;column-count:3;-moz-column-gap:0;-webkit-column-gap:0;column-gap:0}
.blogsList li{margin-bottom:0}
.blogsList li .outerBox{/* Masonry bricks or child elements */padding:0;background:none;display:inline-block;margin:0 0 1em;width:100%}
/* nested list fix 
.blogsInclude .contentWrapper ul{-moz-column-count:1;-webkit-column-count:1;column-count:1;-moz-column-gap:none;-webkit-column-gap:none;column-gap:none}
.blogsInclude .contentWrapper li{margin-bottom:0}
.blogsInclude .contentWrapper li .outerBox{padding:0;background:none;display:inline-block;margin:0 0 0;width:100%}
.includeContainer .contentWrapper ul:first-child{margin:0}*/

.blogsList ul{}
.blogsList li{width:100%;background:#1d1d1b}
.blogsList li:nth-of-type(4){background:#ededed}
.blogsList li:nth-of-type(5){background:#5d5d5b}
.blogsList li:nth-of-type(2){background:#fff}
.blogsList li:nth-of-type(6){background:#ededed}


.blogsList ul li .outerBox{position:relative}
.blogsList ul li .outerBox .contentImages{width:100%; height:auto;overflow:hidden;z-index:999;max-width:none;margin:0}
.blogsList ul li .outerBox .contentImages .imageWrapper,.blogsList ul li .outerBox .contentImages .imageWrapper a{width:100%; height:100%; margin:0}
.blogsList ul li .outerBox .contentImages img{height:auto; width:100%; max-width:none}
.blogsList ul li .outerBox .contentWrapper{position:relative;top:0;left:0;width:100%;overflow:hidden;padding:30px 50px}
.blogsList ul li .outerBox .contentWrapper .snippet{font-size:1.2em; color:#fff}
.blogsList ul li .outerBox .contentWrapper .snippet p{}
.blogsList ul li:nth-of-type(2n) .outerBox .contentWrapper .snippet{color:#1d1d1b}
.blogsList ul li .outerBox .contentWrapper .snippet h2,.blogsList ul li .outerBox .contentWrapper .snippet h3,.blogsList ul li .outerBox .contentWrapper .snippet h4{position:absolute;left:0;top:-999em;width:1px;height:1px;overflow:hidden}
.blogsList ul li .outerBox .contentHeader{display:inline-block; margin-bottom:15px}
.blogsList ul li .outerBox .contentHeader p{display:none}
.blogsList ul li .outerBox .contentHeader h2{padding:20px 20px 0px; font-size:2em;margin:0}
.blogsList ul li .outerBox .contentHeader h2 a{color:#fff; padding:20px 0}
.blogsList ul li:nth-of-type(2n) .outerBox .contentHeader h2 a{color:#1d1d1b}
.blogsList ul li .outerBox .continue a{text-transform:uppercase;color:#fff; text-decoration:underline; font-size:1.2em}
.blogsList ul li .outerBox .continue a:after{content:"..."}
.blogsList ul li:nth-of-type(2n) .outerBox .continue a{color:#1d1d1b}
.blogsList ul li .outerBox .contentFooter .commentCount{position:absolute;left:0;top:-999em;width:1px;height:1px;overflow:hidden}
.blogsList ul li .outerBox .contentFooter{position:absolute;left:0;top:-999em;width:1px;height:1px;overflow:hidden}
.blogsList ul li:nth-of-type(2n) .outerBox .contentFooter{color:#1d1d1b}

/*BLOG
-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

/*EVENTS
-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
.eventsModule .moduleContainer, .eventsModule .pageHeader, .eventsModule .introduction{margin:0 auto; width:80%; max-width:1280px; text-align:center; position:relative}
.eventsMenu .menuContainer{margin:0 auto; width:100%; max-width:1280px; }

.eventsModule .moduleContainer .skiptoEvent{position:absolute; top:-150px}
.eventsModule .moduleContainer{padding:5%}

.eventsModule .moduleContainer .contentHeader p{font-size:1.4em; text-transform:uppercase}

.eventsMenu{background:#1d1d1b; padding:20px}
.eventsMenu .menuContainer{background:#1d1d1b; padding:0}
.eventsMenu .menuContainer h2{text-align:center; color:#fff}
.eventsMenu .menuContainer .menuWrapper{}
.eventsMenu .menuContainer .menuWrapper .menu{}
.eventsMenu .menuContainer .menuWrapper .menu .menuItem{padding:14px 14px;background:#1d1d1b;width:33.33%; float:left}
.eventsMenu .menuContainer .menuWrapper .menu .menuItem a{position:relative; padding:12px 10px; color:#fff; border-bottom:2px solid #fff; border-top:2px solid #fff;-webkit-transition: all 0.8s;-moz-transition: all 0.8s;transition: all 0.8s}
.eventsMenu .menuContainer .menuWrapper .menu .menuItem .supplementaryInfo{width:65px; font-size:1.5em; text-align:center; height:85px; overflow:hidden; text-transform:uppercase;-webkit-transition: all 0.8s;-moz-transition: all 0.8s;transition: all 0.8s}
.eventsMenu .menuContainer .menuWrapper .menu .menuItem .supplementaryInfo::first-line{font-size:2.25em; line-height:0.95}
.eventsMenu .menuContainer .menuWrapper .menu .menuItem .itemDetail{position:absolute; width:calc(100% - 100px); right:0; top:50%; text-transform:uppercase; font-size:1.4em;-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);-webkit-transition: all 0.5s;-moz-transition: all 0.5s;transition: all 0.5s}

.eventsMenu .menuContainer .menuWrapper li.menuItem a:hover .supplementaryInfo,.eventsMenu .menuContainer .menuWrapper li.menuItem a:active .supplementaryInfo,.eventsMenu .menuContainer .menuWrapper li.menuItem a:focus .supplementaryInfo{color:#5d5d5b}
.eventsMenu .menuContainer .menuWrapper li.menuItem a:hover .itemDetail,.eventsMenu .menuContainer .menuWrapper li.menuItem a:active .itemDetail,.eventsMenu .menuContainer .menuWrapper li.menuItem a:focus .itemDetail{width:calc(100% - 95px); font-size:1.45em; margin:-2px}

.eventsMenu .menuContainer .menuWrapper li.menuItem a:hover,.eventsMenu .menuContainer .menuWrapper li.menuItem a:active,.eventsMenu .menuContainer .menuWrapper li.menuItem a:focus{color:#fff; background:#1d1d1b; border-bottom:2px solid #5d5d5b; border-top:2px solid #5d5d5b}

@media only screen and (max-width:1280px){
.eventsMenu .menuContainer .menuWrapper .menu .menuItem{padding:14px 14px;background:#1d1d1b;width:50%; float:left}	
}
@media only screen and (max-width:1024px){
.eventsMenu .menuContainer .menuWrapper .menu .menuItem{padding:14px 14px;background:#1d1d1b;width:100%; float:left}	
}
@media only screen and (max-width:480px){
.eventsMenu .menuContainer .menuWrapper .menu .menuItem .itemDetail{font-size:1.2em}
.eventsMenu .menuContainer .menuWrapper li.menuItem a:hover .itemDetail,.eventsMenu .menuContainer .menuWrapper li.menuItem a:active .itemDetail,.eventsMenu .menuContainer .menuWrapper li.menuItem a:focus .itemDetail{width:calc(100% - 95px); font-size:1.3em; margin:-2px}

}
/*EVENTS
-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/


/* TESTIMONIALS
-----------------------------------------------------------------------------------------*/
.testimonialsModule .moduleContentWrapper{padding:5%; max-width:1280px; margin:0 auto}
.testimonialsModule .contentHeader{position:absolute;left:0;top:-999em;width:1px;height:1px;overflow:hidden}
.testimonialsModule ul li{margin-bottom:80px; background:#fff; position:relative}
.testimonialsModule ul li .outerBox{padding:3% ; border-bottom:5px solid #1d1d1b; border-top: 5px solid #1d1d1b}
.testimonialsModule ul li .backgroundInfo{color:#959595; margin-bottom:12px}
.testimonialsModule ul li .speechBubble{position: absolute; top:100%; right:50%; margin-right:-25px; width:50px; border-top:30px solid #1d1d1b; border-left:25px solid transparent; border-right:25px solid transparent}
.testimonialsModule ul li .contentWrapper{font-size:1.8em; margin-bottom:10px}


.testimonialsInclude{text-align:center}
.testimonialsInclude .contentHeader{position:absolute;left:0;top:-999em;width:1px;height:1px;overflow:hidden}
.testimonialsInclude ul li{margin-bottom:50px; padding:5%; background:#f5f5f5; border-radius:20px; position:relative}
.testimonialsInclude ul li .speechBubble{position: absolute; top:100%; right:5%; width:50px; border-top:30px solid #f5f5f5; border-left:25px solid transparent; border-right:25px solid transparent}
.testimonialsInclude ul li:nth-of-type(2n) .speechBubble{left:5%; right:auto}

@media only screen and (max-width:480px){
	.testimonialsModule ul li .outerBox{padding:30px}
	.testimonialsModule ul li .contentWrapper{font-size:1.6em; margin-bottom:10px; line-height:1.1}

}

/* DOWNLOADS/VACANCIES
-----------------------------------------------------------------------------------------*/

.vacanciesModule .contentWrapper h2{font-size:1.4em; text-transform:capitalize}
.vacanciesModule .contentWrapper h3{font-size:1.2em}
.vacanciesModule .contentWrapper h4{font-size:1em}
.vacanciesModule .contentWrapper p + h2,.vacanciesModule .contentWrapper p + h3,.vacanciesModule .contentWrapper p + h4,.vacanciesModule .contentWrapper p + h5{margin:20px 0 10px !important}
.vacanciesModule .vacancyInfo{margin-bottom:15px; background:#ebebeb; padding:5px 10px}
.vacanciesModule .vacancyApply{margin-bottom:15px}
.vacanciesModule .contactAction{margin:6px 0 4px}
/* Accordian headers (documents page, weblinks page, team page, vacancies page)
----------------------------------------------------------------------------------------------------------------*/
.accordianContainer .pageHeader,.accordianContainer .introduction{position:static; left:auto; top:auto; width:auto; height:auto; overflow:visible;text-align:center}
.accordianContainer .introduction{padding:30px}
.accordianContainer .contentHeader{position:relative}
.accordianContainer .contentHeader h2{position:relative;padding:0px 50px 0 0px;background:#f5f5f5;color:#2c3e4e;font-size:1.4em; text-transform:uppercase; margin:0}/* allow space for arrow */
.accordianContainer h2:hover{cursor:pointer}
/*.accordianContainer h2 span.categoryArrows{position:absolute;top:7px;right:7px;background:url(../images/images-icons/accarwdown.png);background-position:0 0!important;background-repeat:no-repeat!important;height:18px;width:22px}*/
.accordianContainer h2 span.categoryArrows:after{content: '';border-right: 2px solid #2c3e4e;border-bottom: 2px solid #2c3e4e;width: 10px;height: 10px;-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-o-transform: rotate(-45deg);transform: rotate(-45deg);margin: 0 0 4px 2px;display: inline-block;vertical-align: middle;position: absolute;right: 10px;top: 25%;}
.accordianContainer h2 span.accordionOpen{background:url(../images/images-icons/accarwup.png);background-position:0 0!important;background-repeat:no-repeat!important}
.accordianContainer h2 span.accordionOpen:after{-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg)}

.accordianContainer .accordianList li{margin-bottom:15px; background:#f5f5f5; padding:14px 20px}
@media only screen and (max-width:768px){
	.accordianContainer .accordianList li{padding:10px 20px}
}
.accordianContainer .outerBox{ /*border-top:1px solid #2c3e4e;padding:12px 0px;*/ margin:10px 0 0px;}
.accordianContainer  .accordianList{padding:5%; text-align:left; max-width:1280px; margin:0 auto}
/* Inner lists (documents, related pages, weblinks, vacancies page, team questions) - use pixels
----------------------------------------------------------------------------------------------------------------*/
.documentsInclude li,.relatedpagesInclude li,.subpagesInclude li,.weblinksInclude li,.documentsModule .outerBox li,.weblinksModule .outerBox li,.vacancyFile{list-style-type:none;list-style-image:none;list-style-position:inside;position:relative;padding:5px 8px 5px 28px;background:#e0e0e0;margin-bottom:3px}
.documentsInclude li:hover,.documentsModule .outerBox li:hover,.vacancyFile:hover{background:#d0d0d0}
/* without icon */
.relatedpagesInclude li,.subpagesInclude li,.weblinksInclude li,.weblinksModule .outerBox li{padding:5px 8px}
/* team questions */
.accordianContainer .outerBox .teamQuestions ul{margin:10px 0 25px}
.accordianContainer .outerBox .teamQuestions ul li{list-style-type:none;list-style-image:none;list-style-position:inside;margin-bottom:10px;padding:0}
.accordianContainer .outerBox .teamQuestions ul li span.itemDetail{font-size:1em}

/* Downloads (documents, vacancies page)
----------------------------------------------------------------------------------------------------------------*/
.documentsInclude{padding:5%; max-width:1200px; margin:0 auto}
span.fileSize{font-size:0.8em;font-weight:normal;position: absolute;top: 8px;right: 10px;}
.documentsInclude img,.documentsModule img,.vacancyFile img{position:absolute;top:0;left:5px}
.adobeReader{font-size:0.85em;padding:0 0 15px}
.documentsInclude .adobeReader{padding:10px 0 0}
/*.documentsInclude .contentHeader{position:absolute;left:0;top:-999em;width:1px;height:1px;overflow:hidden}*/
.documentsInclude .contentHeader h2{font-size:1.4em}
.documentsInclude ul{}
.documentsInclude li,.documentsModule .outerBox li,.vacancyFile{padding:0}
.documentsInclude li a,.documentsModule .outerBox li a,.vacancyFile a{display:block;width:100%; padding:5px 68px 5px 28px; text-decoration:none}
.documentsInclude li a:hover,.documentsModule .outerBox li a:hover,.vacancyFile a:hover{color:#2c3e4e}


/*CONTACT
-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

/* Forms
----------------------------------------------------------------------------------------------------------------*/

.form p.formInfo{font-size:0.8em;margin:-5px 0 15px;color:#9d9d9b; width:100%; float:left; text-align:left}/* required fields message */

fieldset,.fieldContainer{position:relative;width:100%;display:block;padding:0/* 0 keeps legend at top */;border:none}
legend{width:100%;color:#fff/* colorforIE6 *//*;display:inline-block*/;position:absolute;top:0;left:0;font-size:1em;line-height:1.1em;margin:0;padding:9px 12px;background:#000/* don't alter these - style the span below */}
legend span span{display:inline;font-weight:normal;font-size:0.8em;margin:0 0 0 5px;padding:0;background:none}
.legendMargin{background:none;border:none;margin:0;padding:0 0 48px}/* adjusts space under legend */
label{display:block;margin:0 0 3px;line-height:1em}
label span,fieldset h3 span{font-size:0.85em}

input,textarea,select,.variations span{display:block;padding:10px 20px 12px;margin-bottom:15px;font-size:1em;width:100%;text-transform:uppercase; background:rgba(0,0,0,0.1); color:#1d1d1b}

textarea{overflow:auto;font-size:1em; height:181px}
select{padding:3px}
select.country{width:90%}
select.shortSelect{width:auto}
input.shortField{width:80px}

/* checkbox or radio group */
input[type=checkbox],input[type=radio]{width:14px!important;height:14px!important;-webkit-border-radius:2px!important;-moz-border-radius:2px!important;border-radius:2px!important;border:1px solid #bbb!important;background:#fff!important;padding:0!important}
input[type=radio]{-webkit-border-radius:7px!important;-moz-border-radius:7px!important;border-radius:7px!important;padding:0!important}
.options{display:block; text-align:left}
.options input,.options input:hover,.options input:active,.options input:focus{display:inline-block;vertical-align:top;margin:2px 6px 0 0!important;padding:0!important}
.options label{display:inline-block;text-transform:uppercase;font-size:0.95em;margin-bottom:8px;line-height:1.2em;max-width:100%;vertical-align:top}
span.manualEnter{font-size:0.8em}
/* capture address */
.pcalogo,.pcafooter{display:none!important}

/* Enquiries
----------------------------------------------------------------------------------------------------------------*/

.enquiriesModule .formWrapper{width:100%; float:left; padding:50px 0 }
.enquiriesModule .form{width:90%; max-width:768px; margin:0 auto}
.enquiriesModule .form h2{font-size:2.4em;margin-bottom:30px; text-transform:uppercase}
.enquiriesModule .form legend, .enquiriesModule .form label{position:absolute;left:0;top:-999em;width:1px;height:1px;overflow:hidden}
.enquiriesModule .form .mailingList .options label{position:relative;left:auto;top:auto;height:auto;overflow:visible; width:93%;color:#3d3d3b}

.enquiriesModule .form .yourDetails, .enquiriesModule .form .yourEnquiry{}
.enquiriesModule .form .yourDetails div{margin-bottom:20px}
.enquiriesModule .form .yourEnquiry{margin-bottom:20px}

.enquiriesModule .addressContainer{width:50%; float:left; background:#1d1d1b; height:450px}
.enquiriesModule .addressWrapper{width:90%; max-width:640px;float:right;text-align:left; padding:40px 80px 40px 0; position:relative; display:block; top:50%;-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%)}
.enquiriesModule .addressWrapper span{text-transform:uppercase; color:#fff; display:block; font-size:1.2em; letter-spacing:0.2em; padding:20px 0; border-bottom: 1px solid #fff}
.enquiriesModule .addressWrapper span.address{border:none}

.enquiriesModule .mapContainer{position:relative;width:50%;height:450px;overflow:hidden; float:left}
.enquiriesModule .mapWrapper{position:absolute;top:50%;left:50%;-webkit-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);transform: translate(-50%,-50%)}

.enquiriesModule input, .enquiriesModule textarea, .enquiriesModule select{border:none;width:100%; margin-bottom:0;text-align:center;background:#ededed; padding:6px; min-height:40px; }
.enquiriesModule select{-webkit-appearance: none}
.enquiriesModule .contactText{margin-bottom:6px;font-size:1.4em;width:100%;text-transform:none; background:none; color:#1d1d1b; display:block}
.enquiriesModule .reasonEnquiry{margin-bottom:15px}
.enquiriesModule .legendMargin{display:none}

/* Form validation
----------------------------------------------------------------------------------------------------------------*/
.alertContainer{position:absolute; top:0 ; left:0; width:100%}
.alertContainer div{-moz-border-radius:6px;-webkit-border-radius:6px;border-radius:6px;padding:12px 25px 13px;font-size:1em;line-height:1.1em;margin:0 0 10px 0;text-align:center;position:relative;z-index:15}/* alert */
.alertContainer div a.closeMessage{position:absolute;top:4px;left:4px;width:15px;height:15px;text-indent:-999em}
.alertContainer div.warningMessage a.closeMessage{background:url(../images/images-icons/close-error.gif) 0 0 no-repeat}
.alertContainer div.successMessage a.closeMessage{background:url(../images/images-icons/close-success.gif) 0 0 no-repeat}
.alertContainer div.warningMessage{background:#F6E9E9;border:1px solid #EAD2D3;color:#CC0000}/* error */
.alertContainer div.successMessage{background:#EBF6D2;border:1px solid #E2EAD2;color:#527800}/* success */
.alertContainer div.warningMessage a{color:#970000;text-decoration:underline}
.alertContainer div.warningMessage a:hover,.alertContainer div.warningMessage a:focus,.alertContainer div.warningMessage a:active{color:#710000;text-decoration:none}
.alertContainer div span{font-weight:normal;line-height:1em}/* details */
.shopping-bag .alertContainer div span{text-transform:none}
div.error input,div.error select,div.error textarea{background:#fffeba}/* highlight input */
div.error span.requiredFieldInfo{line-height:1.1em;font-size:0.85em;display:block;margin:-4px 2px 12px;color:#ae0101}/* field message */
div.agreeTerms.error span.requiredFieldInfo{margin:10px 0}


/*CONTACT
-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

/*EMAIL UPDATES
-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
.mailingModule{width:90%; max-width:1280px; margin:0 auto; padding-top:50px}
.mailingModule .pageHeader{padding:200px 0px 0px;background: url(../images/images-custom/fandf-black.png); background-repeat: no-repeat; background-position:top center}
.mailingModule .form{border:1px solid white;padding:16px 0px;margin:0 auto;text-align:center}

.mailingModule .form legend, .mailingModule .form label{position:absolute;left:0;top:-999em;width:1px;height:1px;overflow:hidden}
.mailingModule .form .legendMargin{display:none}
.mailingModule .form p.formInfo{text-align:center}
.mailingModule div.contentHeader,.mailingModule fieldset.yourDetails{width:auto;padding:0;border:none;background:none;margin:0}

.mailingModule fieldset.yourDetails{text-align:center;position:relative; margin-bottom:16px}
.mailingModule .yourDetails input{display:inline;height:38px;vertical-align:top;margin:0 0 8px 0;width:49%;float:left;padding:8px 12px;background:#dddddb;border:0}
.mailingModule.unsubscribe .yourDetails input{float:none; width:100%}
.mailingModule .yourDetails .name input{margin-right:12px}
.mailingModule div.nameDiv,.mailingListSubscribeBox div.emailDiv,.mailingListSubscribeBox div.buttonContainer,.mailingListSubscribeBox div.error{display:inline}
.mailingModule div.buttonContainer input.go{background:url(../images/images-custom/more-black.png);background-repeat: no-repeat !important; background-position:top center !important;width:auto;padding:58px 0 0 0;height:75px; border:none; color:#1d1d1b; text-align:center}
.mailingModule div.buttonContainer input.go:hover{background:url(../images/images-custom/more-black.png);background-repeat: no-repeat !important; background-position:top center !important; border:none; color:#1d1d1b}
.mailingModule div.error span.requiredFieldInfo{position:absolute;left:0;top:-999em;width:1px;height:1px;overflow:hidden}
.mailingModule .mailingUnsubscribe{margin-bottom:45px; color:#9d9d9b}
.mailingModule.unsubscribe div.buttonContainer input.go{display:block; margin:0 auto 10px}
 
@media only screen and (max-width:668px){
	.mailingModule .yourDetails input{width:100%}
}

/*EMAIL UPDATES
-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

/*FOOTER
-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

/* Mailing subscribe box specific
----------------------------------------------------------------------------------------------------------------*/

.mailingListSubscribe{width:100%;background:#5d5d5b; padding:30px; text-align:center; position:relative}
.mailingListSubscribeBox .contentHeader h2{color:#fff;margin:0 0 16px;padding:0;display:inline-block;vertical-align:top;line-height:1.2;font-size:1.6em; text-align:center;font-weight:200}
.mailingListSubscribeBox .outerBox{padding:180px 0 0 0;margin:0 auto;text-align:center;background: url(../images/images-custom/fandf.png); background-repeat: no-repeat; background-position:top center; background-size:150px auto ;width:100%;height:auto}

.mailingListSubscribeBox legend{position:absolute;left:0;top:-999em;width:1px;height:1px;overflow:hidden}
.mailingListSubscribeBox div.contentHeader,.mailingListSubscribeBox fieldset.yourDetails{display:inline;width:auto;padding:0;border:none;background:none;margin:0}
.mailingListSubscribeBox fieldset.yourDetails{text-align:center;position:relative; width:100%}
.mailingListSubscribeBox .nameDiv label,.mailingListSubscribeBox .emailDiv label{display:none}
.mailingListSubscribeBox input,.mailingListSubscribeBox div.buttonContainer input.go{display:inline-block;height:38px;vertical-align:top;margin:0 0 8px 0;width:49%;padding:8px 12px;background:rgba(255,255,255,0.1);border:0;color:#fff}
.mailingListSubscribeBox div.nameDiv,.mailingListSubscribeBox div.emailDiv,.mailingListSubscribeBox div.buttonContainer,.mailingListSubscribeBox div.error{display:inline}
.mailingListSubscribeBox div.buttonContainer input.go{background:url(../images/images-custom/more-white.png);background-repeat: no-repeat !important; background-position:top center !important;width:auto;padding-top:55px;height:75px; display:block; margin:15px auto 0;}
.mailingListSubscribeBox div.buttonContainer input.go:hover{background:url(../images/images-custom/more-white.png);background-repeat: no-repeat !important; background-position:top center !important}
p.signUpConfirm{padding:20px; color:#fff}

@media only screen and (min-width:1025px){
.mailingListSubscribe{float:left;width:50%;height:250px; background:#5d5d5b; padding:0}
.mailingListSubscribeBox{float:left;width:90%}
.mailingListSubscribeBox .outerBox{padding:40px 0 40px 40%;margin:0 auto;text-align:center;background: url(../images/images-custom/fandf.png); background-repeat: no-repeat; background-position:10% 50%; background-size:25% ;width:100%;height:250px}
.mailingListSubscribeBox .contentHeader h2{color:#fff;margin:0 0 16px;padding:0;display:inline-block;vertical-align:top;line-height:1.2;font-size:1.2em; text-align:left;font-weight:200}
.mailingListSubscribeBox legend{position:absolute;left:0;top:-999em;width:1px;height:1px;overflow:hidden}
.mailingListSubscribeBox div.contentHeader,.mailingListSubscribeBox fieldset.yourDetails{display:inline;width:auto;padding:0;border:none;background:none;margin:0}
.mailingListSubscribeBox fieldset.yourDetails{text-align:left;position:relative; width:100%}
.mailingListSubscribeBox .nameDiv label,.mailingListSubscribeBox .emailDiv label{display:none}
.mailingListSubscribeBox input,.mailingListSubscribeBox div.buttonContainer input.go{display:inline;height:38px;vertical-align:top;margin:0 0 8px 0;width:75%;padding:8px 12px;background:rgba(255,255,255,0.1);border:0;color:#fff}
.mailingListSubscribeBox div.nameDiv,.mailingListSubscribeBox div.emailDiv,.mailingListSubscribeBox div.buttonContainer,.mailingListSubscribeBox div.error{display:inline}
.mailingListSubscribeBox div.buttonContainer{position:absolute;top:8%;left:75%;margin:0}
.mailingListSubscribeBox div.buttonContainer input.go{background:url(../images/images-custom/more-white.png);background-repeat: no-repeat !important; background-position:top center !important;width:auto;padding-top:55px;height:75px}
.mailingListSubscribeBox div.buttonContainer input.go:hover{background:url(../images/images-custom/more-white.png);background-repeat: no-repeat !important; background-position:top center !important}
.mailingListSubscribeBox div.error span.requiredFieldInfo{position:absolute;left:0;top:-999em;width:1px;height:1px;overflow:hidden}
.mailingListSubscribeBox div.error input{}
.shopping-bag .mailingListSubscribeBox,.checkout .mailingListSubscribeBox{display:none}

}

@media only screen and (max-width:600px){
	.mailingListSubscribeBox input{width:100%}
	.mailingListSubscribeBox .contentHeader h2{font-size:1.4em}
}


/* Footer
----------------------------------------------------------------------------------------------------------------*/
.footer{background:#fff;font-size:0.85em;position:relative;z-index:2}
.footerWrapper{position:relative;padding:50px 0;width:90%;max-width:1280px;margin:0 auto}
.footer h2{margin-bottom:10px}

/* Base nav */
.footer .navWrapper{width:25%;float:left}
.baseNav{float:left;padding-bottom:15px}
.baseNav ul{}
.baseNav li{padding:3px 0}
.baseNav li.last{}
.baseNav li a{color:#1d1d1b;text-transform:uppercase;letter-spacing:2px}
.baseNav li a:hover,.baseNav li a:active,.baseNav li a:focus{text-decoration:underline}
.baseNav h2{display:none}
.firstNav{width:100% ;border-right:1px solid #1d1d1b;padding:12px 10% 12px 0;height:160px}
/*.secondNav{width:55%;border-right:1px solid #908e83;padding:12px 10% 12px;height:160px}
.thirdNav{width:37%}*/



/* Contact */
.contactDetails{width:75%;float:right;color:#1d1d1b;text-transform:uppercase;letter-spacing:2px}
.contactDetails .addressWrapper{float:left;width:55%;padding:12px 10% 12px;height:160px}
.contactDetails .addressWrapper{border-right:1px solid #1d1d1b}
.contactDetails .phoneWrapper{float:left;width:45%;padding:12px 0% 12px 10%;height:160px}
.contactDetails span.org{}
.contactDetails .contactPhone{display:block}
.contactDetails .contactPhone.first{padding-bottom:12px;border-bottom:1px solid #908e83}
.contactDetails .contactPhone.last{padding-top:12px}
.contactDetails .contactEmail{display:block}
.contactDetails a{color:#1d1d1b}
.contactDetails .contactAddress{line-height:1.5em}
.contactDetails h2{display:none}

@media only screen and (max-width:768px){
	.footer .navWrapper{width:100%;float:none;text-align:center}
	.baseNav{float:none;padding-bottom:15px; border:none; padding:0 0 15px 0 ; height:auto}
	.contactDetails{width:100%;float:none;}
	.contactDetails .addressWrapper{width:50%; padding:12px 10% 12px 0}
	.contactDetails .phoneWrapper{width:50%}
	.baseNav li a{color:#1d1d1b}
}
@media only screen and (max-width:480px){
.contactDetails .addressWrapper,.contactDetails .phoneWrapper{width:100%; padding:12px 10%; text-align:center; border:none; height:auto}
}
/* Legal
-----------------------------------------------------*/
.smallprintWrapper{position:relative;padding:25px 0;background:#fff;z-index:2; text-align:center}
.smallprintWrapper div{width:90%; max-width:1280px; margin:0 auto}
.smallPrint{font-size:0.85em; margin:0 auto 8px !important}
.smallPrint ul{}
.smallPrint li{display:inline;padding:0 12px 0 0}
.smallPrint li.last{border-right:none}

.siteInfo{font-size:0.75em;margin-top:15px}
.legalDetails{font-size:0.75em}
.siteAuthor{font-size:0.7em}

/* Social buttons (likes and shares)
----------------------------------------------------------------------------------------------------------------*/
.socialItem{display:inline-block;vertical-align:top}
.socialButtons{margin-bottom:15px;text-align:center}
.socialButtons .socialItem{margin:0 0 6px 0}
.socialButtons .googlePlus1 a,.socialButtons .linkedIn a,.socialButtons .pinterestLike a,.socialButtons .twitterShare a{display:block;text-indent:-999em;overflow:hidden;width:25px;height:20px;background-position:0 0;background-repeat:no-repeat;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;text-decoration:none!Important}
.socialButtons .googlePlus1 a{background-image:url(../images/images-icons/share_google.png)}
.socialButtons .linkedIn a{background-image:url(../images/images-icons/share_linked_in.png)}
.socialButtons .pinterestLike a{background-image:url(../images/images-icons/share_pinterest.png)}
.socialButtons .twitterShare a{background-image:url(../images/images-icons/share_twitter.png)}
.socialButtons .googlePlus1 a:hover{background-position:-25px 0}
.socialButtons .linkedIn a:hover{background-position:-25px 0}
.socialButtons .pinterestLike a:hover{background-position:-25px 0}
.socialButtons .twitterShare a:hover{background-position:-25px 0}

/* footer icons */
.footerSocial{padding-top:12px;width:90%}
.footerSocial .socialItem{margin:0 3px 7px 0;width:35px;height:35px}
.footerSocial .socialItem a{display:block;width:100%;height:100%;text-indent:-999em;text-decoration:none!Important;background-position:0 0!important;background-repeat:no-repeat!important}
.footerSocial .facebookFollow a{background:url(../images/images-icons/facebook.png)}
.footerSocial .twitterFollow a{background:url(../images/images-icons/twitter.png)}
.footerSocial .googleplusFollow a{background:url(../images/images-icons/google.png)}
.footerSocial .youtubeFollow a{background:url(../images/images-icons/youtube.png)}
.footerSocial .tripadvisorFollow a{background:url(../images/images-icons/trip.png)}
.footerSocial .flickrFollow a{background:url(../images/images-icons/flickr.png)}

/*FOOTER
-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

/* DEV TOOL REMOVE BEFORE LIVE */
.windowSize{position:fixed;right:0;bottom:0; background:#fff; padding:10px; border:2px solid orange;z-index:9999999}


/* Cookie policy
----------------------------------------------------------------------------------------------------------------*/
.ckContainer{position:relative;background:#fff000;padding:20px;font-size:0.75em;-moz-box-shadow:0 0 15px 0 #000;-webkit-box-shadow:0 0 15px 0 #000;box-shadow:0 0 15px 0 #000;line-height:1.2em;min-height:39px}
.ckContainer .contentWrapper{padding:0}
.ckContainer .contentWrapper p{margin:0}
.ckContainer a.closeMessage,.ckContainer input.closeMessage{position:absolute;top:0;right:0;width:36px;height:36px;text-indent:-999em;background:url(../images/images-icons/close-cookie.gif) 0 0 no-repeat;border:none;margin:0;max-width:none;padding:0;text-transform:capitalize}
.ckContainer a{text-decoration:underline;color:inherit}
.ckMessageOuter{position:fixed;bottom:0;left:0;width:100%;z-index:9999}

/* Buttons
----------------------------------------------------------------------------------------------------------------*/
.buttonContainer{clear:both}
/* buttons and pseudo button links */
input.go,a.go,div.error input.go{background:url(../images/images-custom/more-black.png);background-repeat: no-repeat !important; background-position:left center !important;color:#1d1d1b;padding:20px 0 20px 60px; display:inline-block;width:auto;cursor:pointer;font-weight:normal;vertical-align:baseline;font-size:1em;/* unstyle iPhone buttons */-webkit-appearance:none; border:none !important}

/*input.go:hover,a.go:hover,div.error input.go:hover{border:1px solid #8b004b;background:#790042;color:#fff;text-decoration:none}
input.go:focus,input.go:active,a.go:focus,a.go:active,div.error input.go:focus,div.error input.go:active{border:1px solid #8b004b;background:#790042;color:#fff;text-decoration:none}
*/
/* exceptions */
.offersModule .buttonContainer{padding-top:10px}
.basketTotals .buttonContainer input.go,.checkoutInnerContainer .buttonContainer input.go,.myAccountModule .buttonContainer input.go,.myAccountModule .buttonContainer a.go,.registrationModule .buttonContainer input.go,.registrationModule .buttonContainer a.go{width:auto;float:right;font-size:1.1em}
.checkoutInnerContainer .buttonContainer input.go,.myAccountModule .buttonContainer input.go,.myAccountModule .buttonContainer a.go,.registrationModule .buttonContainer input.go,.registrationModule .buttonContainer a.go{margin-top:10px}
.checkoutInnerContainer .notLogin .buttonContainer input.go{float:none}
fieldset input.go,fieldset div.error input.go{margin-bottom:15px}
.postCodeLookup{width:auto;display:inline}
input.shortField{display:inline}

/* secondary buttons 
.mailingListSubscribeBox div.buttonContainer input.go,.blogNavContainer .more a.go,.couponCodeEntry input.go,fieldset input.go{background:#777;border-color:#666}
.mailingListSubscribeBox div.buttonContainer input.go:hover,.mailingListSubscribeBox div.buttonContainer input.go:active,.mailingListSubscribeBox div.buttonContainer input.go:focus,.blogNavContainer .more a.go:hover,.blogNavContainer .more a.go:active,.blogNavContainer .more a.go:focus,.couponCodeEntry input.go:hover,.couponCodeEntry input.go:active,.couponCodeEntry input.go:focus,fieldset input.go:hover,fieldset input.go:active,fieldset input.go:focus{background:#555;border-color:#444}
*/



/*---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- 
     START OF MEDIA
------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------/*
/* responsive CORE styles */

@media only screen and (max-width: 1440px) {

/* right column only template
-----------------------------------------------------*/
.rightColTemplate {max-width:none} /*contentMainSecond */
.rightColTemplate .contentLeft{float:left;display:none}
.rightColTemplate .contentMiddle{float:left;width:66.6%;display:block;max-width:none}
.rightColTemplate .contentRight{float:right;width:33.3%;display:block;max-width:none}

/* right column only template
-----------------------------------------------------*/
.blog {max-width:none} /*contentMainSecond */
.blog .contentLeft{float:left;display:none}
.blog .contentMiddle{float:left;width:66.6%;display:block;max-width:none}
.blog .contentRight{float:right;width:33.3%;display:block;max-width:none}

/*blog
------------------------------------------------------------------------------------*/
.blogsList ul{/* Masonry container */-moz-column-count:2;-webkit-column-count:2;column-count:2;-moz-column-gap:0;-webkit-column-gap:0;column-gap:0}


.wrap.product-link.one{width:50%; padding-top:33.333%}
.wrap.product-link.one .wrapWrapper{margin:-100% 0 0}


}

@media only screen and (max-width: 1024px) {

/* right column only template
-----------------------------------------------------*/
.rightColTemplate {max-width:none} /*contentMainSecond */
.rightColTemplate .contentLeft{float:left;display:none}
.rightColTemplate .contentMiddle{float:left;width:60%;display:block;max-width:none}
.rightColTemplate .contentRight{float:right;width:40%;display:block;max-width:none}

/* right column only template
-----------------------------------------------------*/
.blog {max-width:none} /*contentMainSecond */
.blog .contentLeft{float:left;display:none}
.blog .contentMiddle{float:left;width:60%;display:block;max-width:none}
.blog .contentRight{float:right;width:40%;display:block;max-width:none}

/*blog
------------------------------------------------------------------------------------*/
.blogsList ul{/* Masonry container */-moz-column-count:1;-webkit-column-count:1;column-count:1;-moz-column-gap:0;-webkit-column-gap:0;column-gap:0}

}
@media only screen and (max-width: 600px) {

/* right column only template
-----------------------------------------------------*/
.rightColTemplate {max-width:none} /*contentMainSecond */
.rightColTemplate .contentLeft{float:none;display:none}
.rightColTemplate .contentMiddle{float:none;width:100%;display:block;max-width:none}
.rightColTemplate .contentRight{float:none;width:100%;display:block;max-width:none}

/* right column only template
-----------------------------------------------------*/
.blog {max-width:none} /*contentMainSecond */
.blog .contentLeft{float:none;display:none}
.blog .contentMiddle{float:none;width:100%;display:block;max-width:none}
.blog .contentRight{float:none;width:100%;display:block;max-width:none}

/*blog
------------------------------------------------------------------------------------*/
.blogsList ul{/* Masonry container */-moz-column-count:1;-webkit-column-count:1;column-count:1;-moz-column-gap:0;-webkit-column-gap:0;column-gap:0}

}

@media only screen and (min-width: 768px) and (max-width: 1023px) {

/*menu
------------------------------------------------------------------------------------
.dynamicNav li{ position:relative;float:left;width:19%}

.dynamicNav li.product{width:18%}
.dynamicNav li.process{width:18%}
.dynamicNav li.people{width:18%}
.dynamicNav li.bakery-cafe{width:21%}
.dynamicNav li.contact{width:18%}


.dynamicNav li.last{width:4%;margin-left:2%}
.dynamicNav li.last a span{border:none;text-indent:-999em;background:url(../images/images-custom/more-white.png);background-repeat: no-repeat !important; background-position:center center !important; background-size:contain }
.dynamicNav li.last a span:after{display:none}
.dynamicNav li.last ul li a span{border:none;text-indent:0;background:none}*/
}

@media only screen and (max-width: 1023px) {
/*blog
------------------------------------------------------------------------------------*/


.wrap.para.special .wrapWrapper .column.third{width:100%}
.wrap.para.special .wrapWrapper .column.third p{line-height:1}
.wrap.para.special .wrapWrapper .column.two-thirds{width:100%}
.wrap.para.special .wrapWrapper .column.two-thirds p{padding:0; text-align:center !important}

.wrap.product-link.one{width:50%; padding-top:50%}
.wrap.product-link.one .wrapWrapper{margin:-100% 0 0}



.wrap.slidingDiv .textWrapper{width:75%;margin:0 auto;height:auto;position:relative;top:50%;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%)}
.wrap.slidingDiv .contentheaderWrapper{width:100%;height:auto;float:none;position:relative;display:block;top:auto;-webkit-transform: translateY(0);-ms-transform: translateY(0);transform: translateY(0)}
.wrap.slidingDiv .contentheaderWrapper .contentheader{padding:10px 0}
.wrap.slidingDiv .contentContainer{width:100%;height:auto;float:none;position:relative;display:block;top:auto;-webkit-transform: translateY(0);-ms-transform: translateY(0);transform: translateY(0);text-align:center;padding:10px 0}

}
@media only screen and (max-width: 768px) {
.wrap.slidingDiv .contentheaderWrapper .contentheader h2{font-size:4em}
.wrap.slidingDiv .contentheaderWrapper .contentheader span{font-size:1.6em}
.wrap.slidingDiv .textWrapper{width:80%}

.wrap.product-link.one{width:100%}
.wrap.product-link.one .wrapWrapper{margin:-75% 0 0}

.enquiriesModule .addressContainer{width:100%; float:none; background:#1d1d1b; height:450px}
.enquiriesModule .mapContainer{width:100%;height:450px;overflow:hidden; float:none}

}


/* PHONE NAVIGATION SYSTEM if breakpoint changes - mobile side nav will need updating + various elements below */
@media only screen and (max-width: 1024px) {
/*.siteContainer{position:relative}*/

.home .header,.header{height:60px}
.home .contentMainSecond,.contentMainSecond{padding-top:60px}
.bannerWrapper .banner .imageWrapper{top:59px}

.header .logo{display:block !important;width:100px;height:50px;float:left;top:5px;left:2%;position:fixed}
.header .logo a{height:50px;display:block;text-indent:-999em;background:url(../images/images-custom/logo_sml.png);background-position:50% 50%!important;background-repeat:no-repeat!important; background-size:contain}

div.collapseNav a.navCollapse{position:relative;display:block;cursor:pointer;z-index:9998;top:5px;text-align:center;color:#fff; margin:0 auto; width:30px; height:30px; padding:19px 0}

.burger-btn{position:relative;width:36px;height:3px;top:4px;left:0px;background:#fff;border-radius:2px;z-index:99; text-indent:-999em}
.burger-btn:before{content:"";position:absolute;width:36px;height:3px;top:-12px;left:0px;background:#fff;border-radius:2px}
.burger-btn:after{content:"";position:absolute;width:36px;height:3px;bottom:-12px;left:0px;background:#fff;border-radius:2px}

div.collapseNav a.navCollapse:hover .burger-btn:before{top:-15px}
div.collapseNav a.navCollapse:hover .burger-btn:after{bottom:-15px}

div.collapseNav a.navCollapse:hover .burger-btn.on:before{top:0px;-webkit-transform:rotate(45deg) scale(1.2);-moz-transform:rotate(45deg) scale(1.2);-ms-transform:rotate(45deg) scale(1.2);transform:rotate(45deg) scale(1.2)}
div.collapseNav a.navCollapse:hover .burger-btn.on:after{bottom:0px;-webkit-transform:rotate(-45deg) scale(1.2);-moz-transform:rotate(-45deg) scale(1.2);-ms-transform:rotate(-45deg) scale(1.2);transform:rotate(-45deg) scale(1.2)}

.burger-btn{position:relative;width:30px;height:2px;top:4px;left:0px;background:#fff;border-radius:2px;z-index:99; text-indent:-999em; display:block}
.burger-btn:before{content:"";position:absolute;width:30px;height:2px;top:-10px;left:0px;background:#fff;border-radius:2px}
.burger-btn:after{content:"";position:absolute;width:30px;height:2px;bottom:-10px;left:0px;background:#fff;border-radius:2px}
div.collapseNav a.navCollapse:hover .burger-btn:before{top:-12px}
div.collapseNav a.navCollapse:hover .burger-btn:after{bottom:-12px}
div.collapseNav a.navCollapse:hover .burger-btn.on:before{top:0px;-webkit-transform:rotate(45deg) scale(1.2);-moz-transform:rotate(45deg) scale(1.2);-ms-transform:rotate(45deg) scale(1.2);transform:rotate(45deg) scale(1.2)}
div.collapseNav a.navCollapse:hover .burger-btn.on:after{bottom:0px;-webkit-transform:rotate(-45deg) scale(1.2);-moz-transform:rotate(-45deg) scale(1.2);-ms-transform:rotate(-45deg) scale(1.2);transform:rotate(-45deg) scale(1.2)}
.burger-btn,.burger-btn:before,.burger-btn:after{-webkit-transition:top 0.2s linear 0.2s, bottom 0.2s linear 0.2s, transform 0.2s linear 0s, background 0s linear 0.2s;-moz-transition:top 0.2s linear 0.2s, bottom 0.2s linear 0.2s, transform 0.2s linear 0s, background 0s linear 0.2s;-o-transition:top 0.2s linear 0.2s, bottom 0.2s linear 0.2s, transform 0.2s linear 0s, background 0s linear 0.2s;transition:top 0.2s linear 0.2s, bottom 0.2s linear 0.2s, transform 0.2s linear 0s, background 0s linear 0.2s}
.burger-btn.on,.burger-btn.on:before,.burger-btn.on:after{-webkit-transition:top 0.2s linear 0s, bottom 0.2s linear 0s, transform 0.2s linear 0.2s, background 0s linear 0.2s;-moz-transition:top 0.2s linear 0s, bottom 0.2s linear 0s, transform 0.2s linear 0.2s, background 0s linear 0.2s;-o-transition:top 0.2s linear 0s, bottom 0.2s linear 0s, transform 0.2s linear 0.2s, background 0s linear 0.2s;transition:top 0.2s linear 0s, bottom 0.2s linear 0s, transform 0.2s linear 0.2s, background 0s linear 0.2s}
.burger-btn.on{background:none}
.burger-btn.on:before{top:0px;-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg)}
.burger-btn.on:after{bottom:0px;-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-ms-transform: rotate(-45deg);transform: rotate(-45deg)}

.mainNav{position:fixed; top:60px;left:0;width:100vw;height:100vh;height:calc(100vh - 60px);z-index:9989; background:#1d1d1b;opacity:0; vertical-align:middle}
.mainNav, .showNav, .hideNav{-webkit-transition:all 0.5s linear 0s;-moz-transition:all 0.5s linear 0s;-o-transition:all 0.5s linear 0s;transition:all 0.5s linear 0s}
.showNav{opacity:1}
.hideNav{opacity:0;top:60px; height:0; display:block; overflow:hidden}

.dynamicNav{background:none;position:relative;height:auto;display:inline-block;left:auto;margin:0;padding:0;border:none;font-size:1em;float:none;width:100%;clear:both;right:auto;text-align:center}
.dynamicNav .navWrapper{}
.dynamicNav .navWrapper{padding:0;border:none;width:100%}
.dynamicNav li.home{display:block}
.dynamicNav ul,.dynamicNav li,.dynamicNav li a,.dynamicNav li a.activePage{display:block;float:none;width:100%;height:auto}
.dynamicNav li,.dynamicNav li.last{padding:0;margin:0;font-size:1em;line-height:1.1em;background:none!important;width:100%!important;height:auto}
.dynamicNav li a,.dynamicNav li a.activePage,.dynamicNav li.last a,.dynamicNav li.last a.activePage{height:48px;line-height:48px; font-size:1.1em;-webkit-transition:all 0.2s linear 0s;-moz-transition:all 0.2s linear 0s;-o-transition:all 0.2s linear 0s;transition:all 0.2s linear 0s}
.dynamicNav li a:hover,.dynamicNav li a:focus,.dynamicNav li a:active,.dynamicNav li a.activePage:hover,.dynamicNav li a.activePage:focus,.dynamicNav li a.activePage:active{text-decoration:none;background:none; font-size:1.4em}
.dynamicNav li a span{position:relative;top:0;bottom:auto;padding:0;left:0;max-width:none;width:100%;height:auto;background:none;border:none; margin:0; text-align:center}
.dynamicNav li:nth-of-type(2) a span{border:none}
.dynamicNav li a span:before,.dynamicNav li a span:after,.dynamicNav li:nth-of-type(2) a span:before{display:none !important}
.dynamicNav li ul.phoneNav{display:none}
.dynamicNav li a:hover,.dynamicNav li a:focus,.dynamicNav li a:active,.dynamicNav li a.activePage:hover,.dynamicNav li a.activePage:focus,.dynamicNav li a.activePage:active{color:#fff}

.cookieContainer{padding:5px 45px 7px 8px}
.searchBar{position:relative;top:auto;left:auto;right:auto;float:none;width:100%;margin-left:auto;margin-right:auto;padding:15px 0;min-height:60px}
.searchBar .searchWrapper{display:block}
.searchBar input.searchTerms{width:90px}
.searchBar span.customStyleSelectBox{width:98px}



}

@media only screen and (max-width:560px){
.wrap.product-link.one{width:100%; padding-top:100%}
.wrap.product-link.one .wrapWrapper{margin:-100% 0 0}
}


/* image replacement for retina display e.g. background URL png + background-size:(width)px (height)px */
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
.basketWrapper li.itemDelete input{background:url(../images/images-icons/remove@x2.png) 0 0 no-repeat;background-size:13px 15px}
.socialButtons .googlePlus1 a{background-image:url(../images/images-icons/share_google@x2.png);background-size:50px 20px}
.socialButtons .linkedIn a{background-image:url(../images/images-icons/share_linked_in@x2.png);background-size:50px 20px}
.socialButtons .pinterestLike a{background-image:url(../images/images-icons/share_pinterest@x2.png);background-size:50px 20px}
.socialButtons .twitterShare a{background-image:url(../images/images-icons/share_twitter@x2.png);background-size:50px 20px}
}

/* INSTA FEED UPDATE NOV 2016 .instafeed
-------------------------------------------------------------------------------------------------------------------------*/
.instaFeedWrap{display:block; width:100%; position:relative; font-size:0;overflow:hidden; height:0; padding-top:100%}
#instafeed{display:block; width:100%; position:absolute;top:0; left:0}
#instafeed img{display:inline-block; width:50%}
@media (min-width:480px){
	.instaFeedWrap{padding-top:66.666666%}
	#instafeed img{width:33.333333%}
}
@media (min-width:600px){
	.instaFeedWrap{padding-top:50%}
	#instafeed img{width:25%}
}
@media (min-width:768px){
	.instaFeedWrap{padding-top:40%}
	#instafeed img{width:20%}
}
@media (min-width:1024px){
	.instaFeedWrap{padding-top:33.333333%}
	#instafeed img{width:16.666666%}
}
@media (min-width:1280px){
	.instaFeedWrap{padding-top:25%}
	#instafeed img{width:12.5%}
}


.halfWidth{width:100%;display:block;padding:24px 0}
.halfWidth+.halfWidth{padding-top:0}
.halfWidth.textContainer{padding:0 10% 10%;text-align:center}
.halfWidth.textContainer h3{font-size:28px;padding-bottom:8px}
.halfWidth.textContainer a{display:inline-block;margin-top:16px;padding:12px 16px;background:#137795;color:#fff;border-radius:8px}
.halfWidth.textContainer a:hover,.halfWidth.textContainer a:focus,.halfWidth.textContainer a:active{text-decoration:none}
.halfWidth.imageContainer{padding-top:0!important}
.halfWidth.imageContainer img{display:block;max-width:350px;margin:0 auto}
@media (min-width:768px){
.halfWidth{width:49%;display:inline-block;vertical-align:top}
    .halfWidth.imageContainer,.halfWidth.textContainer{width:100%;display:block}
    .halfWidth.imageContainer{padding-top:24px!important}
    
}
@media (min-width:1024px){
.halfWidth,.halfWidth.imageContainer,.halfWidth.textContainer{width:49%;display:inline-block;vertical-align:middle}
    .halfWidth.textContainer{padding:10%;text-align:left}
    .halfWidth.imageContainer img{max-width:100%}
    
}