body { background: #e7e6e1; margin: 0px; padding: 0px; font-family: fira-sans, sans-serif; font-weight: 300; font-size: 12pt; background-image: url("/images/topo_bkgd.png"); }
.font2, .container .font2 { font-family: futura-pt, sans-serif; }
.inner { width: 1157px; margin: 0px auto; }
.center { text-align: center; margin: 0px auto; }
.header { background: #ffffff; position: fixed; width: 100%; z-index: 13000 }
.header .inner { position: relative; margin-top: 0px; margin-bottom: 0px; height: 74px; text-align: center; }
.header .logo img { height: 50px; float: left; margin-top: 12px }
.header .logo-wl img { height: 64px; float: left; margin-top: 5px }
.countrylinks { float: right; padding: 13px 12px; border-left: 1px solid #ccc; }
.countrylinks img.canada { opacity: 0.2 }
.countrylinks a:hover img.canada { opacity: 1 }
.header .login .actions { position: absolute; right: 0px; text-transform: uppercase; }
.header .login .actions a { display: block; float: left; margin-top: 6px; font-size: 10.5px; font-weight: 700; text-decoration: none; color: #95979a; }
.header .login .actions a:hover { text-decoration: underline }
.header .login .actions a.loginbutton { font-size: 9.5px; font-weight: 700; padding: 2px 6px; margin-top: 4px; margin-left: 10px; color: #ffffff; background: #444444; text-decoration: none; position: relative;  }
.header .login .actions a.loginbutton:hover { background: #666666 }
.header .contact { position: absolute; right: 0px; width: 320px; bottom: 8px; }
.header .contact p { font-size: 19px; float: left; text-transform: uppercase; font-weight: 500 }
.header .contact p.phonenumber { float: right; font-weight: 900; margin-top: 0px }

.header .menuheading ul { list-style: none; float: right; display:table;}
.header .menuheading li { height: 74px; display: table-cell; vertical-align: middle; line-height: 16px; }
.header .menuheading li.loggedin { overflow: hidden; text-overflow: ellipsis; border: 0px; padding-left: 10px }
.header .menuheading li.selected { background: #017584; color: white; }
.header .menuheading li a { color: #294144; text-decoration: none; font-weight: 300; padding-right: 20px; }
.header .menuheading li.selected a { color: white; }
.header .menuheading li a.menubutton { padding-right: 20px;}
.header .menuheading li a.menubutton:after { content: ""; position: absolute; display: inline-block; margin: 6px 0px 0px 5px; background-image: url('/images/icons/menu.svg'); width: 15px; height: 15px; background-repeat: no-repeat;  }
.header .menuheading li.selected a.menubutton:after { content: "X"; background: none; margin: 0px 0px 0px 8px; }
.header.whitelabel .menuheading { margin-top: 15px }
.header.whitelabel .menuheading  li { border: none; }

.header .logo-wl .regno { float: left; margin: 10px; text-align: left;}
.header.whitelabel .hidewl { display: none !important; }
.header.whitelabel .regno { float: left; margin: 25px 20px; }
.header.whitelabel .regno:before { content: "Registered number: "; }

.header .menuheading { display: inline-block; }
.header .rightside { display: inline-block; float: right; }
.header .rightside .loginpanel { display: inline-block; float: right; }
.header .rightside .registerlink { border-left: 1px solid #294144; padding: 0 18px 0 20px; }
.header .rightside .contactlink { border-right: 1px solid #294144; padding: 0 14px 20px 0; }
.header .rightside .mobilemenu { float: right; }

.slicknav_menu { background: none; padding: 0; position: absolute; top: -48px; right: 0; z-index: 13001; }
.slicknav_menu .slicknav_btn { margin: 0; background: 0; text-shadow: none; }
.slicknav_menu .slicknav_btn .slicknav_menutxt { color: #294144; text-shadow: none; font-family: fira-sans; font-size: 16px; font-weight: 300; }
.slicknav_menu .slicknav_btn .slicknav_menutxt:after { content: ""; position: absolute; display: inline-block; margin: 4px 0px 0px 5px; background-image: url('/images/icons/menu.svg'); width: 15px; height: 15px; background-repeat: no-repeat;  }
.slicknav_menu .slicknav_btn .slicknav_icon { display: none; }
.slicknav_nav { position: absolute; background: #fff; z-index: 13001; top: 38px; right: -26px; width: 260px; }
.slicknav_nav a { color: #294144; }
.slicknav_nav a:hover, .slicknav_nav .slicknav_row:hover { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; font-weight: 600; background: none; color: #294144; }
.slicknav_nav .slicknav_arrow { display: none; }
.slicknav_nav li { border-bottom: 1px solid #ccc; }
.slicknav_nav .slicknav_parent .sub li:last-child { border-bottom: none; }

.nav { width: 100%; height: 74px; }
.nav .inner { display: inline-block; width: auto; }
.nav .logo { width: 174px; padding: 0 20px; float: left; }
.nav .rightside { width: 235px; float: right; }
.nav a { color: #294144; text-decoration: none; font-size: 16px; font-weight: 400; display: block; }
.nav ul { list-style: none; position: relative; text-align: center; }
.nav li { display: inline-block; }

/* clear'n floats */
.nav ul:after { clear: both; }
.nav ul:before, nav ul:after { content: " "; display: table; }
.nav { background: #ffffff; text-align: center; z-index: 13000; }

/* prime */
.nav ul.primary li a { display: block; padding: 25px 20px; }
.nav ul.primary li:last-child a { border-right: none; }
.nav ul.primary li a:hover { color: #000; }

/* subs */
.nav ul.sub { position: absolute; z-index: 13000; width: 20%; text-align: left; display:none; margin-top: -16px; }
.nav ul.sub li { float: none; display: block; padding: 0 20px; margin: 0; }
.nav ul.sub li a { border-bottom: 1px solid #ccc; border-right: none; color: #000; padding: 10px 0; font-size: 14px; }
.nav ul.sub li:last-child a { border-bottom: none; }
.nav ul.sub li a:hover { color: #000; background: #eeeeee; }

/* sub display*/
.nav ul.primary li:hover ul { display: block; background: #fff; }
.nav ul.primary li:hover a { background: #fff; color: #666; text-shadow: none; }
.nav ul.primary li:hover > a{ color: #000; }

.nav .navigationmenu { display: none; }
.nav .navigationmenu li { display: none; }

.anchor { position: relative; top: -70px; height: 0px; }

.headerspacer { height: 72px; width: 100%; }
.headerspacer.whitelabel { height: 74px }

.container { margin-top: 5px; margin-bottom: 40px; color: #2f4449; font-size: 0px; overflow: hidden; } /* Zero font size to counteract inline-block spacing */

.container h1 { font-size: 2rem; color: #333; text-transform: uppercase; margin-bottom: 20px; font-weight: 900; }
.container h2 { font-size: 1.5rem; text-transform: uppercase; margin-bottom: 5px; margin-top: 5px; font-family: futura-pt; font-weight: 700 }
.container h3, .container h4 { font-size: 1.2rem; text-transform: uppercase; margin-bottom: 10px; margin-top: 20px }
.container h4 { font-size: 1.1rem; margin-top: 10px }
.container p, .container ul, .container ol, label, .container th, .container td { font-size: 1.0rem; font-family: fira-sans; font-weight: 300 }
.container p { margin-bottom: 4px; }
.container p a { font-size: 1.0rem !important; font: inherit; }
.container ul li, .container ol li { margin-left: 15px }
.container ul, .container ol { margin-bottom: 5px; }
.container + .inner { padding-top: 15px; }
.container .inner img { height: auto !important; }

.orangelink { color: #e6570c; } 

.mt-0 { margin-top: 0; }
.mt-20 { margin-top: 20px; }
.mt-50 { margin-top: 50px; }
.mb-0 { margin-bottom: 0; }

.col-1, .col-2, .col-3, .col-4, .col-6, .col-triple { margin: 0px 9px 0px 9px; display: inline-block; vertical-align: top; max-width: 100%; max-width: calc(100% - 18px); font-size: 12pt }
.col-1 { width: 1134px; }
.col-2 { width: 558px; }
.col-3 { width: 366px; }
.col-4 { width: 270px; }
.col-6 { width: 174px; }
.col-triple { width: 846px; }
.containeronly-2 { width: 576px; display: inline-block; font-size: 0px }
img { max-width: 100%; }

.sectionmarker { width: 250px; padding: 10px; border-radius: 5px; position: absolute; left: 370px; top: 8px; color: white; font-weight: 400 }
.sectionmarker a { color: inherit; }

.ui-messages .ui-messages-error, .ui-messages .ui-messages-warn, .ui-messages .ui-messages-info { padding: 5px 10px; position: relative; }
.ui-messages-error-icon, .ui-messages-warn-icon, .ui-messages-info-icon { margin-right: 10px; margin-top: 3px }
.ui-messages ul { margin-top: 1px; position: relative; left: 0px;  }
.ui-messages ul li span { margin-left: 0px; font-weight: normal; font-size: 12pt }

.label { float:left; clear: left; padding: 5px 10px 5px 0px; margin-top: 5px;  }
.input, .output { float: left; padding: 5px 0px; }

.inputRegion { margin: 5px 0px }
.input { float: none; display: block;  }

.ui-tooltip { max-width: 300px; font-size: 1rem; padding: 10px 10px 20px 10px }

.input .error { padding: 3px 5px 0px 0px; text-transform: none; font-size: 12px; display: inline-block; }
.input .error li { list-style: none; margin: 0px}
.fullwidth .input { margin-left: -5px; width: 100%; } 
.fullwidth .input * { width: 100% }

.textleft { text-align: left; }
.textBold { font-weight: 700; }

#social { position: fixed; right: 0px; top: 60%; width: 54px; z-index: 2000;}
#social img { vertical-align: top; width: 54px; height: 54px; }

.smallunderline { position: relative; padding-bottom: 1rem;}
.smallunderline:after { content: ""; position: absolute; left: 0px; bottom: 0.3rem; border-bottom: 1px solid #ffffff; width: 15px; }

.midunderline { padding-bottom: 0.7rem; display: block; position: relative; }
.midunderline:after { content: ""; display: block; position: absolute; left: calc(50% - 7.5px); bottom: 0.3rem; border-bottom-color: inherit; border-bottom: 1px solid; width: 15px; }

/* Default buttons to orange */
body .ui-button, body .ui-selectonebutton > .ui-button.ui-state-active { color: white; background: #e6560d; border-color: #e6560d }
body .ui-button:hover, body .container .ui-selectonebutton > .ui-button.ui-state-active:hover { background-color: #c7470c; border-color: #c7470c }

body .orangeback, .ui-dialog .orangeback { background: #e6560d; color: white }
body .orangeback:hover { background-color: #c7470c; }
body .greyback, .ui-dialog .greyback { background: #cccccc; color: white }
body .greyback:hover { background-color: #85b2cb }
body .blueback { background: #007583; }
body a.blueback:hover { background: #02626b; }
body .darkgreyback { background: #294144 }
body .orangetext { color: #E6560D }

body .flatbutton, .ui-dialog .flatbutton { background-image: none; margin: 5px; border: none; color: white; text-shadow: none; box-shadow: none; border-radius: 0px; text-transform: uppercase; font-family: futura-pt; font-weight: 700; font-size: 11pt; padding: 12px}
body .flatbutton.ui-button .ui-button-text { padding: 0.3em 1em }
body .flatbutton.ui-button.ui-state-focus { box-shadow: none; }
body a.flatbutton { text-decoration: none }

.ui-selectonemenu.flatbutton { width: auto; padding: 0; }
.ui-selectonemenu.flatbutton.hasdownchevron:after { top: 19px; }
.ui-selectonemenu.flatbutton .ui-selectonemenu-label { border: none; border-radius: 0; text-shadow: none; box-shadow: none; text-transform: uppercase; font-family: futura-pt; font-weight: 700; font-size: 11pt; padding: 15px; }
.ui-selectonemenu.orangeback .ui-selectonemenu-label { color: white; background: #e6560d; }
.ui-selectonemenu.orangeback:hover .ui-selectonemenu-label { background-color: #c7470c; }
.ui-selectonemenu.hasdownchevron .ui-selectonemenu-trigger { box-shadow: none; }

body .ui-commandlink { color: rgb(0, 102, 204); text-decoration: underline }

@media screen and (max-width: 600px) {
    .flatbutton { width: auto !important; min-width: 0 !important; margin: 0 5px 5px !important; padding: 8px; font-size: 10pt; }
    .flatbutton.hasdownchevron:after, .flatbutton.hasrightchevron:after { top: 9px; }
    .ui-selectonemenu.flatbutton .ui-selectonemenu-label { padding: 10px 10px 11px; font-size: 10pt; }
    .ui-selectonemenu.flatbutton.hasdownchevron:after { top: 12px; }
}

.flatbutton.smallbutton { padding: 5px; font-size: 10pt; }

.orangebackinverted { background: #fff; color: #e6560d; }
.orangebackinverted:hover { background: #ccc; }

body .redbutton { min-width: 147px; background: #d93136; border: none; color: white; text-shadow: none; box-shadow: none; border-radius: 0px; text-transform: uppercase; font-weight: normal; font-size: 10pt; }
body .redbutton .ui-button-icon-right { background-image: url("/jakarta.faces.resource/images/ui-icons_ffffff_256x240.png.html?ln=primefaces-aristo")}
body .redbutton:hover { background: #b6161b }

body .redbutton.green { background: #92a24d }

.offer { position: relative; }
.offer:before { content: ""; width: 0px; height: 0px; position: absolute; left: 0px; top: 0px; color: white; border-style: solid; border-width: 35px 35px 0 0; border-color: #e6560d transparent transparent transparent}
.offer:after { content: "offer"; font-style: italic; font-size: 10px;  width: 0px; height: 0px; position: absolute; left: 0px; top: 16px; color: white;  -ms-transform: rotate(-45deg); /* IE 9 */ -webkit-transform: rotate(-45deg); /* Chrome, Safari, Opera */ transform: rotate(-45deg);}

.challengetile { background: #ffffff; position: relative; margin: 0 0 18px 14px; cursor: pointer }
.challengetile .highlightimage { width: 100%; height: 212px; background: #cccccc; overflow: hidden; }
.challengetile .highlightimage .challengeimage { width: 100%; }
.challengetile .summary { padding: 10px; height: 470px; overflow: hidden; }
.challengetile.withdates .summary { padding: 20px; height: 440px; overflow: hidden; }
.challengetile .summary h2 { font-size: 1.3rem; margin-top: 0px }
.challengetile .summary h2 a { text-decoration: none; color: inherit; }
.challengetile .summary h2.smallunderline:after { border-color: #2F4449}
.challengetile .summary .desc {  height: 340px; overflow: hidden; margin-bottom: 40px; }
.challengetile .summary .desc .show5lines { overflow: hidden; text-overflow: ellipsis; display: -webkit-box !important; line-height: 24px; /* fallback */ max-height: 120px; /* fallback */ -webkit-line-clamp: 5; /* number of lines to show */ -webkit-box-orient: vertical; }
.challengetile .activityicons { position: absolute; top: 20px; background: #007583; width: 54px; text-align: center }
.challengetile .activityicons img  { width: 40px; padding: 10px 0px; }
.challengetile .logistics { position: absolute; background: white; bottom: 0px; padding: 15px 0px 10px 0px; width: 90%; width: calc(100% - 20px); }
.challengetile .logistics p { display: inline-block; font-style: italic }
.challengetile .dates { font-weight: bold; margin-bottom: 0px }
.challengetile .inaidof { font-style: italic; color: #aaa}

.challengetile.offer:before, .challengetile.offer:after { right: 0px; left:auto; }
.challengetile.offer:before { -ms-transform: rotate(-270deg); /* IE 9 */ -webkit-transform: rotate(-270deg); /* Chrome, Safari, Opera */ transform: rotate(-270deg); }
.challengetile.offer:after { -ms-transform: rotate(45deg); /* IE 9 */ -webkit-transform: rotate(45deg); /* Chrome, Safari, Opera */ transform: rotate(45deg); top: 0px; right: 16px; }

#megamenu, .actionmenupanel { display: none; position: absolute; background: #017584; width: 100%; padding: 30px 0px 30px 0px; z-index: 13000 }
#megamenu .inner { position: relative; height: auto }
#megamenu .column { display: inline-block; vertical-align: top; width: 220px; list-style: none; margin-bottom: 50px;  }
#megamenu .column .linkheader { text-transform: uppercase; font-weight: bold; color: white; text-decoration: none }
#megamenu .column a { color: white; text-decoration: none; }
#megamenu .column ul li { margin: 5px 0px; list-style: none}
#megamenu .column ul li a { text-transform: none; font-weight: normal; color: white; text-decoration: none; font-size: 0.9rem; }
#megamenu .column  ul li a:hover { color: #294246;   }
#megamenu .close { position: absolute; bottom: -20px; right: 10px; color: white; font-size: 9pt; }
.actionmenupanel { height: auto; }
.actionmenupanel .inner { text-align: right; padding-right: 5px; height: auto }
.actionmenupanel .inner p.linkheader { text-transform: uppercase; color: white; font-weight: 700; }
.actionmenupanel .inner p.smallunderline:after { left: initial; right: 0px; }
.actionmenupanel .inner p a { color: white; font-size: 0.7rem; font-style: italic; }
.actionmenupanel .inner .button { width: 180px; margin: 20px 0px 40px 0px; }
.actionmenupanel .inner .input { padding-right: 0px; }

.banner { width: 100%; position: relative; height: calc(100vw/2.874251497); overflow: hidden; } /* Based on aspect ratio of BANNER image type */
.banner .banner-slide { height: inherit }
.banner.homepagebanner { height: calc(100vw/2.133333333); } /* Based on aspect ratio of HOMEPAGE image type */
.banner.narrow { height: 126px; background: #007583; display: table; }
.banner img { width: 100%; height: inherit; }
.banneroverlaytext { position: absolute; text-align: center; z-index: 2000; width: 100%; top: 50%; -ms-transform: translateY(-50%); /* IE 9 */ -webkit-transform: translateY(-50%); /* Chrome, Safari, Opera */ transform: translateY(-50%);  }
.banneroverlaytext h1 { font-family: futura-pt; text-transform: uppercase; color: white; font-size: 2rem; }
.banneroverlaytext img { width: auto; max-width: 50%; }
.overlayheader { text-align: center; color:#FFFFFF; font-family: futura-pt, sans-serif; font-size: 48px; }
@media screen and (max-width: 1024px) {
    .slick-list .slick-slide img { height: 0; }
    .slick-list .slick-slide.slick-active img { height: auto; }
}
@media screen and (max-width: 500px) {
    .banner.narrow { height: 80px; }
    .banneroverlaytext h1 { font-size: 23px; }
}

.container .banner-slide { margin-bottom: 0px; }
.banner-slide .slick-prev { left: 5px; z-index: 100000; }
.banner-slide .slick-next { right: 15px; z-index: 100000; }
.banner-slide .slick-dots { height: 0px; bottom: 0px; }
.banner-slide .slick-dots li { margin: 0px; }
.banner-slide .slick-dots li button:before { font-size: 12px; }

.subnavheading { width: 100%; text-align: center}
.subnavheading p { display: inline-block; padding: 0px 20px 10px 20px; font-family: fira-sans;}
.subnavheading p a { font-weight: 400; color: #929290; padding: 5px;  }
.subnavheading p a.selected { color: #294144; border-bottom: 2px solid #294144 }

.subnavheading.shortcuts { margin: 30px 0px;}
.subnavheading.shortcuts p a { color: #294144 }
.subnavheading.shortcuts p a:hover { border-bottom: 1px solid #cccccc}
.subnavheading p a.selected { border-bottom: 2px solid #007583 }

@media screen and (max-width: 860px) {
    .subnavheading p { padding: 0 10px;}
    .subnavheading p a { font-size: 0.8rem !important; }
    .subnavheading.shortcuts { margin-bottom: 0; }
}

.stepbystep .stepmarker { background: #007583; margin: 30px 0px 20px 0px; font-size: 16px; font-weight: 700; width: 35px; height: 35px; vertical-align: middle; text-align: center; line-height: 35px; color: white; border-radius: 50% }
.stepbystep p.heading { color: #007583; font-size: 18px;  }

.contactform .flatbutton { margin: 15px 0 40px 0 !important; width: 170px }

.captcha-wrapper iframe { transform: scale(0.77); }
.captcha-wrapper div div { display: inline-block; }

.contentsection p, .contentsection ul, .contentsection ol { text-align: left; }
.contentsection > p { max-width: 80%; margin: 0px auto 6px auto;  text-align: justify;}
.contentsection h2 { margin: 30px 0px 20px 0px }
.contentsection h2.midunderline:after { border-bottom: 2px solid #929290; }
.contentsection .horizontalsubsection { border-bottom:  2px solid #939290; padding: 40px 0px 40px 0px; }
.contentsection .horizontalsubsection:last-child { border-bottom: none; }
.contentsection p + .horizontalsubsection { margin-top: 40px; }
.contentsection .horizontalsubsection .subsectiontitle, .contentsection .horizontalsubsection .subsectioncontent  { font-size: 1.0rem; display: table-cell; }
.contentsection .horizontalsubsection .subsectiontitle { width: 20%; padding-right: 20px; min-width: 100px;  }
.contentsection .horizontalsubsection .subsectiontitle, .contentsection .heading { font-weight: 700; text-transform: uppercase; text-align: left;}
.contentsection .horizontalsubsection .subsectioncontent { min-width:  250px; }
.contentsection .horizontalsubsection .subsectioncontent p { max-width: 100%; }
.contentsection img { max-width: 100%; }
.contentsection .col-1 + p, .contentsection img + p { margin-top: 30px }

.lhheadingscol { float: left; width: 250px; margin-right: 30px; }
.lhheadingscol h2 { margin: 0px; text-align: left; font-weight: 300; font-family: fira-sans; color: #294144; text-transform: none; font-size: 15px; margin: 0px 0px 5px 0px; padding: 5px 20px 5px 15px; cursor: pointer }
.lhheadingscol h2.selected { background: #007583; color: white; position: relative } 
.lhheadingscol h2.hasrightchevron:after { border-color: white;}
.rhitems { float: left; width: calc(100% - 290px); }
.expandablelist .item { display: none; }
.expandablelist .faqitem h2 { text-align: left; margin: -8px 0px 15px 0px; font-family: fira-sans; font-weight: normal; color: #294144; font-size: 1.1rem; border-bottom: 1px solid #929290; padding-left: 0px; text-transform: none; }
.expandablelist .faqitem h2.hasupchevron { color: #007583; font-weight: bold; }
.expandablelist .faqitem .expandedblock { padding-left: 40px; padding-bottom: 30px}
.faqactionbuttons { float: right; }
.faqactionbuttons .button { display: inline-block; margin: 15px 10px 20px 10px; }

@media screen and (max-width: 850px) {
    .faqactionbuttons .button { margin: 0 5px !important; }
}

.expandableheader { cursor: pointer; padding: 2px 20px; width: 100%; } 
.expandedblock { display: none; border: 1px solid transparent }

.itinerarydays { margin: 40px auto; width: 1157px; }
.itinerarydays .day { border: 2px solid #007583; width: 477px; padding: 15px 20px 20px 20px; position: relative; margin-bottom: 40px;}
.itinerarydays .day .daymarker { position: absolute; top: 30px; right: -124px; background: #007583; margin-bottom: 10px; font-size: 24px; font-weight: 700; width: 40px; height: 40px; vertical-align: middle; text-align: center; line-height: 40px; color: white; border-radius: 50% }
.itinerarydays .day .daymarker:before { content: " "; display: block; background-image: url('/images/icons/itinerary-chevrons-left.png'); background-repeat: no-repeat; position: absolute; width: 76px; height: 18px; left: -90px; top: 10px;color: #007583 }
.itinerarydays .day h2, .additionalitineraryinformation h2 { font-size: 18px; margin-top: 5px; }
.itinerarydays .day h2.smallunderline:after { border-bottom: 2px solid #294144;}
.itinerarydays .day h2.dayname { color: #007583}
.itinerarydays .day { font-size: 0.9rem; }
.itinerarydays .day.odd { clear: both;  }
.itinerarydays .day.even { float: right; margin-top: -60px;  margin-bottom: -20px; }
.itinerarydays .day.even .daymarker { left: -124px;  }
.itinerarydays .day.even .daymarker:before { background-image: url('/images/icons/itinerary-chevrons-right.png'); left: 54px;  }
.additionalitineraryinformation p { font-size: 14px; }

.fedialog { background: #E7E7E0; font-size: 0.9rem; padding: 10px; }
.fedialog h2 { font-size: 1.0rem; font-weight: 700 }
.fedialog p { margin-top: 10px; margin-bottom: 5px}
.fedialog .ui-dialog-titlebar { display: none; }
.fedialog .flatbutton { display: block; color: white; width: 84px; text-align: center; margin: 10px auto 0px auto }

.backtotop { text-align: center; margin: 10px 0px; }
.backtotop p { text-transform: uppercase; }
.backtotop p a:before { content: "";  }

.backtotop p a { position: relative; padding-left: 30px !important;}
.backtotop p a:before, .backtotop p a:after { content: ""; position: absolute; top: 7px; left: 10px; display: block; border-style: solid; border-width: 2px 2px 0 0; transform: rotate(45deg); height: 8px; width: 8px; }
.backtotop p a:before { transform: rotate(315deg); top: 14px;}
.backtotop p a:after { transform: rotate(315deg); }
.backtotop p a:hover { color: #E6560D; }

/******************/
/*                */
/* Footer section */ 
/*                */
/******************/

.strapline { background: #e6560d; width: 100%; color: white; text-align: center; font-family: futura-pt, sans-serif; font-size: 39.9px; font-weight: 700; text-transform: uppercase; padding: 12px 0px 12px 0px; margin: 0px; }
@media screen and (max-width: 860px) {.strapline { font-size: 28px; }}
@media screen and (max-width: 500px) {.strapline { font-size: 23px; }}
@media screen and (max-width: 320px) {.strapline { font-size: 21px; }}
.footer { background: #31322c; color: white; padding: 10px 0px 30px 0px ; }
.footer .column { display: inline-block; vertical-align: top; width: 220px; }
@media screen and (max-width: 500px) {.footer .column { width: 45%; margin: 0 2%; }}
.footer .column p { font-size: 14px; margin-bottom: 3px; }
.footer .column p a { text-decoration: none; color: inherit }
.footer .column p a:hover { text-decoration: underline }
.footer .column .linkheader { font-size: 16px; font-weight: 700; margin-top: 20px; margin-bottom: 8px; text-transform: uppercase}
.footer .column p a:hover { text-decoration: underline }
.footer .copyright { font-size: 9.5px; font-weight: 400; }

.footer .sociallinks img { width: 30px; float: left; }

.subfooter { border-top: 3px solid #262721; background: #31322c; padding-top: 40px; color: #979893 }
.subfooter img { opacity: 0.4 }
.subfooter a { color: #e6560d }
.subfooter .atol { font-size: 10px; font-weight: 400; width: 500px; width: calc(100% - 450px); margin-top: 0px; margin-right: 30px; float: right; }
.subfooter .atol img { float:left; padding: 0px 20px 100px 0px }
.subfooter .ipplogo { float: right; width: 165px; }

.credits { height: 50px; background: #1d1d1b }
.credits p { padding: 0px; margin: 12px 2px 0px 0px; color: #70706e; font-size: 0.8rem; text-decoration: none; }
.credits p a { text-decoration: none; color: inherit}
.credits p a:hover { color: white; }
.credits p.copyright { float: left; }
.credits p.credits { float: right; height: auto }

/* For Accordion appearing on front end. Added in cc-1871 */
.smalltabtext {font-size: 12px;}
.container h3.smalltabtext {font-size: 12px;}

.contactformht { display: none !important }
.contactformpostcode { display: block; height: calc(100vw - 100vw); overflow:hidden; }