/* ***** Reset Type Selectors ***** */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
    background: transparent;
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
* {
    box-sizing: border-box;
}















/* ***** Body ***** */

html, html a {
    -webkit-font-smoothing: antialiased;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.004);
}

body {
	color: #000000;
	font-size: 17px;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	margin-left: auto;
	margin-right: auto;
}
body {
   background-color: #1A1A1A;
}

.top-background {
   background-color: #FFFFFF;
   }

.onpage {
   background-color: #FFFFFF;
   padding-left: 20px;
   padding-right: 20px;
}

.container {
   max-width: 1200px;
   margin: auto;
}

@media only screen and (max-width: 1400px) {
.container {
   max-width: 980px;
}
}















/* ***** General type and class selectors ***** */

h1 {
   font-size: 30px;
   color: #0b6c99;
   border-bottom: 1px solid #C0C0C0;
   padding: 10px 0 5px 0;
   margin-bottom: 15px;
   line-height: 36px;
   text-align: center;
}
@media only screen and (min-width: 761px) { h1 { text-align: left; } }

h2 {
   color: #d17918;
   font-size: 26px;
   padding: 5px 0 10px 0;
   line-height: 32px;
}

h3 {
   color: #0b6c99;
   font-size: 20px;
   font-weight: bold;
   padding: 5px 0 10px 0;
   line-height: 26px;
}

h4 {
   color: #d17918;
   font-size: 18px;
   font-weight: bold;
   margin: 5px 0 10px 0;
   line-height: 22px;
}

p {
   color: #000000;
   font-size: 17px;
   line-height: 23px;
   padding-bottom: 10px;

}

table {
   margin-top: 15px;
   margin-right: auto;
   margin-bottom: 15px;
   margin-left: auto;
}

td, th {
   color: #000000;
   font-size: 17px;
   line-height: 23px;
   padding-bottom: 5px;
   padding-top: 5px;
   border: 0;
   text-align: left;
   vertical-align: top;
}

th {
   font-weight: bold;
}

.table-border {
   border: 1px solid #CDCDCD;
}

b, strong, .bold {
   font-weight: bold;
}

i, em, .italics {
   font-style: italic;
}

a:link {
   color: #0b6c99;
   text-decoration: none;
}

a:visited {
   color: #0b6c99;
   text-decoration: none;
}

a:hover, a:focus {
   color: #808080;
   text-decoration: underline;
}

a:active {
   color: #D70000;
   text-decoration: none;
}

hr {
	display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #C0C0C0;
    margin: 1em 0;
    padding: 0; 
	color: #C0C0C0;
	background-color: #C0C0C0;
}

blockquote {
   color: #000000;
   border: 2px solid #D3D3D3;
   border-left: 5px solid #D3D3D3;
   border-right: 5px solid #D3D3D3;
   background-color: #FFFFFF;
   font-size: 17px;
   line-height: 23px;
   font-style: italic;
   padding: 10px;
   margin: 5px auto;
   border-radius: 10px;
   max-width: 100%;
   text-align: center;
   quotes: '\201c' '\201d';
}

blockquote:before {
   content: open-quote;
   font: italic 150%/1 Georgia, "Times New Roman", serif;
   color: #808080;
}

blockquote:after {
   content: close-quote;
   font: italic 150%/1 Georgia, "Times New Roman", serif;
   color: #808080;
}

blockquote span {
    margin-top: 5px; 
    display: block;
}

q { font-style: italic; quotes: '\201c' '\201d'; }
q:before { content: open-quote; }
q:after  { content: close-quote; }

.reviewby, .quoteby {
	text-align: center;
	padding: 0;
	margin: 5px 0 0 0;
	font-size: 14px;
}

.bullets li {
   list-style-position: outside;
   list-style-type: disc;
   margin-left: 20px;
   font-size: 17px;
   line-height: 23px;
   padding-bottom: 5px;
   padding-top: 5px;
}

ul.bullets {
   padding: 0 10px 10px 25px;
}

.circles li {
   list-style-type: circle;
   margin-left: 70px;
}

.indent50 {
   /* This works with bullets and numbered lists to indent second line text  */
   margin-left: 150px;
   margin-right: 50px;
   text-indent: -100px;
}

.num-list li {
   font-size: 17px;
   line-height: 23px;
   padding-bottom: 5px;
   padding-top: 5px;
   list-style-position: outside;
   list-style-type: decimal;
   margin-left: 20px;
   line-height: 21px;
}

ol.num-list {
   margin: 5px 10px;
}

/* make numbers bold */
ol.bold-num {
   counter-reset: item;
}

ol.bold-num li {
   display: block
}

ol.bold-num li:before {
    content: counter(item) ". ";
    counter-increment: item;
    font-weight: bold;
}

.floatleft {
   float: left;
}

.floatright {
   float: right;
}

.textleft {
   text-align: left;
}
.textcenter, .center {
   text-align: center;
}
.textright {
   text-align: right;
}

.textshadow, .text-shadow { /* to make text stand out on an image */
	text-shadow: 0.1em 0.1em 0.2em #000;
}

.red {
   color: #D70000;
}
.blue {
   color: #3D76F5;
}
.white {
   color: #FFF;
}
.whitebg {
	background-color: #FFF;	
}
.green {
   color: #009900;
}
.black {
   color: #000;
}
.maincolor {
   color: #0b6c99;
}
.contrastcolor {
   color: #d17918;
}

.co-name {
   color: #0b6c99;
   font-weight: bold;
}

a.phonepage {
   text-decoration: none;
   color: #D70000;
   font-weight: bold;
}

.bgcolor { /* to test backround areas */
   background-color: #FFFF66;
}

.clear {
   clear: both;
}

sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}
sup {
    top: -0.5em;
}
sub {
    bottom: -0.25em;
}

.thinborder {
	border-top: 1px solid #C0C0C0;
}

.raquo, .raquo:hover, .raquo:focus { text-decoration: none;}.raquo:after { content: "\00a0\00BB"; }

button, button:link {color: #FFF;background-color: #d17918;border: 1px solid #d17918;text-align: center;font-size: 18px;padding: 10px 20px;border-radius: 4px;cursor:pointer;}button:hover, button:focus, button:active, button:visited {color: #FFF;background-color: #0b6c99;border: 1px solid #0b6c99;}button a:link, button a:hover, button a:visited, button a:active {text-decoration: none;}










/* ***** Mobile Menu Icon - with word "MENU" ***** */

.mobicon {
   display: inline-block;
   visibility: visible;
   height: 32px;
   color: #FFFFFF;
   border: 1px solid transparent;
   background-color: #042b64;
   border-radius: 4px;
   float: right;
   margin-top: 5px;
   padding: 7px 9px;
   font-size: 16px;
   line-height: 18px;
}
a.mobicon:link, a.mobicon:visited{
   color: #FFFFFF;
   text-decoration: none;
}
a.mobicon:hover, a.mobicon:focus, a.mobicon:active {
   color: #FFFFFF;
   background-color: #042b64;
   text-decoration: none;
}
.mobileft { /* for footer */
   float: left;
}
/* Mobile Menu Icon - desktop */
@media only screen and (min-width: 761px) {
.mobicon { display: none; visibility: hidden; }
} /* Close media query for desktop */















/* ***** Navigation - Footer Links ***** */

.foot-nav {
   line-height: 30px;
   font-size: 18px;
   text-align: center;
   background-color: #FFFFFF;
}

ul.foot-nav li {
   display: inline;
   padding: 3px 8px;
   border-right: 1px solid #C0C0C0;
}

ul.foot-nav li:last-child {
  /* Remove the last pipe from foot-nav */
   border: 0;
}

ul.foot-nav li a {
   color: #0b6c99;
}

ul.foot-nav li a:hover {
   color: #808080;
   text-decoration: none;
}

ul.foot-nav li a:active {
   color: #D70000;
}






.toplogo {
   height: 38px;
   width: 38px;
   margin-top: 2px;
   z-index: 99999 !important;
}

.navdeskhide {
	display: inline;
}
/* Media query for top logo */
@media only screen and (min-width: 761px) and (max-width: 890px) {
.navdeskhide {
   display: none;
}
} /* Close media query */




/* ***** Mobile view - phone; or email links and like/share (for margin) ***** */

.nav-mob-item {
   color: #FFFFFF;
   font-size: 18px;
   line-height: 20px;
   font-weight: normal;
   text-decoration: none;
   text-align: right;
   margin-top:10px;
}
a.nav-mob-item, 
a.nav-mob-item:link, 
a.nav-mob-item:visited, 
a.nav-mob-item:hover, 
a.nav-mob-item:focus, 
a.nav-mob-item:active {
   color: #FFFFFF;
   text-decoration: none;
}

/* Media query for phone or email links */
@media only screen and (min-width: 761px) {
.navfloatright {
   float: right;
}
} /* Close media query */







/* ***** Standalone Top Nav Button ***** */

.navfloatleft, .navfloatright {   /* both float left in mobile view */
   float: left;
}

ul.nav-button {
   float: right;
   color: #FFFFFF;
   background-color: transparent;
   line-height: 20px;
   font-size: 18px;
   margin: 10px;
}

ul.nav-button li a {
   color:  #FFFFFF;
   background-color: transparent;
}

ul.nav-button li a:hover {
   color:  #D3D3D3;
   background-color: transparent;
   text-decoration: none;
}

ul.nav-button li a:active {
   color:  #d17918;
   background-color: transparent;
}

/* Media query for navbar stand-alone item */
@media only screen and (min-width: 761px) {
.navfloatright { float: right; }
} /* Close media query */

/* Media query for navbar stand-alone item */
@media only screen and (min-width: 1020px) {
.hide-nav2 { display: block; }
} /* Close media query */







/* ***** Navigation - Top - default ***** */

/* Note: mobile icon class .mob-icon has a separate include */

.hide-nav {
   display: none;
}

.hide-nav2 { /* for navbar stand-alone item */
   display: none;
}

.mob-top {
   border-top: 2px solid #042b64;
   background-color: #042b64;
   border-bottom: 2px solid #042b64;
   height: 46px;
   width: 100%;
   margin: auto;
   padding-left: 10px;
   padding-right: 10px;
      z-index: 99999 !important;
}

/* Media query for desktop drop-down menu */

@media only screen and (min-width: 761px) {

.nav-desk-hide {
   display: none;
}

.hide-nav {
   display: block;
}

.navbar {
   margin-top: 0px;
   background-color: transparent;
}

ul.navbar {
   display: block;
   /*float:left;    this float places the navbar to the right or left of screen */
}

ul.navbar a {
   line-height: 18px;
   font-size: 17px;
}

ul.navbar li {
   float: left;   /* this float orders items correctly  */
   padding: 0px 6px;
   margin-top: 10px;
   /*border-right: 1px solid #FFFFFF;*/
   line-height: 22px;
}

ul.navbar li:last-child {
  /* Remove the last pipe from the navbar */
   border: 0;
} 

ul.navbar li:first-child {
  /* To line navbar up with heading and page text */
   padding-left: 1px;
} 

ul.navbar li a {
   display: inline-block;
   text-indent: 0%;
   padding: 0;
   margin: 0;
   background-color: transparent;
   color: #FFFFFF;
}

ul.navbar li a:hover {
   background-color: transparent;
   color: #D3D3D3;
   text-decoration: none;
}

ul.navbar li a:active {
   color: #d17918;
   background-color: transparent;
}


/* Sub menus */

ul.subnavbar {
   display: none;
   background-color: #042b64;
   text-align: left;
   padding-bottom: 5px;
}

ul.subnavbar li {
   float: none;
   border-right: 0;
}

ul.subnavbar li a {
   font-size: 16px;
   color: #FFFFFF;
}

ul.subnavbar li:hover {
   background-color: #0b6c99;
}

ul.subnavbar li a:hover {
   color: #FFFFFF;
   text-decoration: none;
}

ul.navbar li:hover ul.subnavbar {
   display: block;
   position: absolute;
   margin-top: 0px;
   z-index: 1000 !important;
}

ul.navbar li:hover ul.subnavbar li a {
   min-width: 120px;
   text-align: left;
   margin: 0 0 0 5px;
   float: none;
}

ul.navbar li:hover ul.subnavbar li a:before { 
   content: " >> ";
}
} /* Close media query */


















/* ***** Header ***** */

.header-top-layer {
   background-color: #0b6c99;
   height: 100px;
}

.header-mid-layer {
   background-color: #FFFFFF;
   height: 103px;
}

header {
   /* header bottom layer */
      background-color: #d17918;
   height: 106px;
}

.headerbg {
   background: #0b6c99 url("../images/bg-header.jpg") repeat-x center top;
   height: 103px;
}

.headerbanner {
   background: #0b6c99 url("../images/logos/logo.png") no-repeat left top;
   height: 100px;
}

.headername {
   color: #FFFFFF;
   font-size: 28px;
   font-weight: normal;
   line-height: 32px;
   padding-right: 5px;
font-weight: bold; font-size: 24px;
}

.strapline1 {
	color: #d17918;
   font-size: 18px;
   line-height: 22px;
display: none; font-weight: bold;
}

.strapline2 {
   color: #d17918;
   font-size: 18px;
   line-height: 22px;
   text-align: right;
display: block; font-weight: bold;
}

.h-phone {
   color: #FFFFFF;
   font-size: 20px;
   line-height: 24px;
   font-weight: normal;
   text-decoration: none;
   text-align: right;
}

a.h-phone {
   text-decoration: none;
}

.h-email {
   color: #FFFFFF;
   font-size: 20px;
   line-height: 24px;
   font-weight: normal;
   text-decoration: none;
   text-align: right;
}

a.h-email:link, 
a.h-email:visited, 
a.h-email:hover, 
a.h-email:focus, 
a.h-email:active {
   color: #FFFFFF;
   text-decoration: none;
}

.h-word {
	display: none;
   color: #FFFFFF;
   font-size: 18px;
   font-style: normal;
   font-weight: normal;
}

.h-social {
   height: 48px;
   width: 48px;
   float: right;
   margin-left: 5px;
}

.h-logo { text-align: left; }

.h-left-block { float:left; width: 100%; padding-top: 15px; background-color: transparent; text-align: center; }

.h-center-block { float:left; width: 0%; padding: 0 5px; background-color: transparent; }

.h-right-block { float: right; width: 0%; padding-top: 0px; background-color: transparent; }


/* Media query for desktop */
@media only screen and (min-width: 761px) {
.headerbanner {
   background: #0b6c99 url("../images/logos/logo.png") no-repeat left top;
}
.h-logo { text-align:center; }

.h-left-block { width: 100%; padding-top: 20px; background-color: transparent; }

.h-center-block { width: 0%; padding-top: 0px; background-color: transparent; }

.h-right-block { width: 0%; padding-top: 0px; background-color: transparent; }

.h-word {
	display: inline;
}
.strapline1 {
display: block;
}

.strapline2 {
display: block;
}

}  /* Close media query */
















/* ***** Social Media ***** */

.social-media-band {
   background-color: #0b6c99;
   text-align: center;
   min-height: 20px;
}

.social-image {
   margin: 10px 5px 7px 5px;
}

.social-image-center {
   margin-left: auto;
   margin-right: auto;
}

.social-text {
   color: #FFFFFF;
   padding-left: 10px;
   line-height: 80px;
   padding: 0 0 0 10px;
}

/* Media query for desktop */

@media only screen and (min-width: 761px) {

.social-image-center {
   margin-left: 10px;
   margin-right: 10px;
}

} /* Close media query */


















/* ***** Footer CSS ***** */

footer {
   width: 100%;
}

/* Footer color 1 */
.footer-upper {
   background-color: #202020;
   padding-bottom: 10px;
}

/* Footer color 2 */
.footer-lower {
   background-color: #1A1A1A;
}

.footer-co {
   color: #D3D3D3;
   font-size: 16px;
   font-weight: bold;
   /*border-bottom: 1px solid dimgray;*/
   /*text-align:center;*/
}

.footer-text, .footer-tel, a.footer-tel:link {
   color: #D3D3D3;
   font-size: 15px;
}

.footer-logos {
   max-height: 40px;
   margin: 5px 10px;
}

/* Link colors for Web By */

a.webby:link {
   color: #D3D3D3;
   text-decoration: none;
}

a.webby:visited {
   color: #D3D3D3;
   text-decoration: none;
}

a.webby:hover, a.webby:focus {
   color: dimgray;
   text-decoration: none;
}

a.webby:active {
   color: #0b6c99;
   text-decoration: none;
}













/* ***** Article Box ***** */

.articlebox {
   background: #E8E8E8 url("../images/bg.jpg");
   margin: 10px 0;
   max-width: 100%;
   overflow: hidden;
   padding: 0 10px 10px 10px;
   border: 1px solid #D3D3D3;
   border-radius: 10px;
}













/* ***** On Page Buttons ***** */

.click-button-width {
   max-width: 220px;
   margin: auto;
}

.click-button, .click-button:link {
   max-width: 220px;
   margin: auto; /* centers button; */
   color: #FFFFFF;
   background-color: #d17918;
   border: 1px solid #d17918;    
   text-align: center;
   font-size: 18px;
   padding: 10px 20px;
   margin-top: 20px;
   border-radius: 6px;
   -webkit-box-shadow: 0px 0px 4px 1px rgba(130, 130, 130, .60);
   -moz-box-shadow: 0px 0px 4px 1px rgba(130, 130, 130, .60);
   box-shadow: 0px 0px 4px 1px rgba(130, 130, 130, .60);
}

.click-button:hover, .click-button:focus, .click-button:active, .click-button:visited {
   color: #FFFFFF;
   background-color: #0b6c99;
   border: 1px solid #0b6c99;
}

.click-button-width a:hover, .click-button-width a:visited, .click-button-width a:link, .click-button-width a:active {
   text-decoration: none;
}


/* ***** Media query for mobile buttons ***** */

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

ul.button {
   display: block;
   margin-top: 0px;
}

ul.button a {
   font-size: 18px;
   font-weight: normal;
   text-decoration: none;
   min-height: 48px;
}

ul.button, ul.button li {
   list-style-type: none;
}

ul.button li {
   float: none;
}

ul.button li a {
   margin: 0px 5px 0px 5px;
   background-color: #d17918;
   color: #FFFFFF;
   border: 1px solid #d17918;
   border-radius: 6px;
   -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.12), 0 1px 3px rgba(0,0,0,0.24);
   -moz-box-shadow: 0 1px 2px rgba(0,0,0,0.12), 0 1px 3px rgba(0,0,0,0.24);
   box-shadow: 0 1px 2px rgba(0,0,0,0.12), 0 1px 3px rgba(0,0,0,0.24);
   text-align: left;
   line-height: 29px;
   padding: 12px 7px 7px 40px;
   text-indent: -20px;
   display: block;
   max-width: 95%;
   /*min-width: 300px;*/
   overflow: hidden;
}

ul.button li a:hover {
   background-color: #0b6c99;
   color: #FFFFFF;
   border: 1px solid #0b6c99;
}

ul.button li a:active {
   color: dimgray;
   background-color: #0b6c99;
}

} /* Close media query */















/* ***** Display or Hide ***** */

.mob-hide, .mobhide {
   display: none;
}

/* Media query for desktop */

@media only screen and (min-width: 761px) {

.mob-hide, .mobhide {
   display: inline;
}

.desk-hide, .deskhide {
   display: none;
}

} /* Close media query */














/* ***** Home-slider with side-box ***** */

.homeslide {
   height: 300px;
   max-width: 800px;
   overflow: hidden;
   background-color: #d17918   position: relative;
}

.homeslide-content {
   max-width: 450px;
   padding: 20px 20px 10px 40px;
   overflow: hidden;
   background-color: #FFFFFF; opacity:0.7;
   border-radius: 0 0 10px 0;
   position: absolute; left: 0px; top: 0px; z-index: 100;
}

p.homeslide-text {
   font-size: 17px;
   line-height: 21px;
}

.homeslide-content2 {
   position: absolute; right: 0px; top: 0px; z-index: 0;
}


/* ***** Map CSS for contact page image-display ***** */

.map {
   position:relative;
}
.map iframe {
   width:100%;
   height:400px;
}


/* ***** Images CSS ***** */

.mainimagebg { /* colors the container to the sides of the main slider images */
   background-color: #FFFFFF;
      }

.top-minis {
   background: url('../images/top-minis.jpg') repeat-x center;
   height: 190px;
}

.bottom-minis {
   background: url('../images/bottom-minis.jpg') repeat-x center;
   height: 250px;
}

.under-shadow {
/* shadow below slider images - horizontal (left), vertical (depth), blur distance, spread (size or right) */
	-webkit-box-shadow: 5px 35px 30px -25px #808080;
	-moz-box-shadow: 5px 35px 30px -25px #808080;
	box-shadow: 5px 35px 25px -25px #808080;
}

.photo {
   border: 1px solid dimgray;
   border-radius: 6px;
   max-height: 280px;
   max-width: 210px;
}

.photo1 {
   border: 1px solid dimgray;
   border-radius: 6px;
   max-height: 100%;
   max-width: 100%;
}

.photo2 {
   border: 1px solid dimgray;
   border-radius: 6px;
   max-height: 165px;
   max-width: 221px;
}

.photo400 {
   border: 1px solid dimgray;
   border-radius: 6px;
   max-height: 300px;
   max-width: 400px;
}

.peoplephoto {
   border: 1px solid dimgray;
   border-radius: 6px;
   max-height: 200px;
   max-width: 150px;
}

.polaroid {
   border: 1px solid #C0C0C0;
   border-radius: 3px;
   max-height: 100%;
   max-width: 100%;
   background-color: #fff;
   padding: 8px;
   /* shadow below slider images - horizontal (left), vertical (depth), blur distance, spread (size or right) */
	-webkit-box-shadow: 5px 5px 5px 5px #808080;
	-moz-box-shadow: 5px 5px 5px 15px #808080;
	box-shadow: 1px 1px 1px 1px lightgray;
}

.randimg, .static-img, .max-img, .maximg, .max {
   max-width: 100%;
}

.client-logos {
   height: 60px;
   margin: 0 5px;
}

.slider-size {
   max-width: 100%;
   max-height: 100%;
}

.pdf-icon {
   margin: 0 5px 5px 0;
}


/* Wrap text around images */

.textwrapleft {
   float: left;
   margin: 5px 20px 10px 0 ;  
}

.textwrapright {
	float: right;
	margin: 5px 0 10px 20px;  
}

/* Text under images */

.underimage {
   font-size: 14px;
   line-height: 16px;
   text-align: center;
}

/* Ways to pay icons */

.payicon {
   border: 1px solid dimgray;
   border-radius: 3px;
   margin-right: 5px;
}
















/* ***** Columns ***** */

/* One column for mobile */

.row:after {
   content: "";
   clear: both;
   display: block;
}
[class*="col-"] {
   width: 100%;
}

/* Desktop media query for columns */

@media only screen and (min-width: 761px) {

[class*="col-"] {
   /* Ensure that each row adds up to 24 */
   float: left;
   padding-right: 20px;
}
.col-1 {width: 4.17%;}
.col-2 {width: 8.33%;}
.col-3 {width: 12.5%;}
.col-4 {width: 16.66%;}
.col-5 {width: 20.83%;}
.col-6 {width: 25%;}
.col-7 {width: 29.17%;}
.col-8 {width: 33.33%;}
.col-9 {width: 37.5%;}
.col-10 {width: 41.66%;}
.col-11 {width: 45.83%;}
.col-12 {width: 50%;}
.col-13 {width: 54.17%;}
.col-14 {width: 58.33%;}
.col-15 {width: 62.5%;}
.col-16 {width: 66.66%;}
.col-17 {width: 70.83%;}
.col-18 {width: 75%;}
.col-19 {width: 79.17%;}
.col-20 {width: 83.33%;}
.col-21 {width: 87.5%;}
.col-22 {width: 91.66%;}
.col-23 {width: 95.83%;}
.col-24 {width: 100%;}

} /* Close media query */
















/* ***** Spacing ***** */

.pad0{ padding: 0; }
.margin0 { margin: 0; }

.pad-10-t{ padding-top: -10px; }
.margin-10-t { margin-top: -10px; }

.pad5 { padding: 5px; }
.pad5-t { padding-top: 5px; }
.pad5-b { padding-bottom: 5px; }
.pad5-l { padding-left: 5px; }
.pad5-r { padding-right: 5px; }
.pad5-tb { padding-top:5px; padding-bottom: 5px; }
.pad5-lr { padding-left: 5px; padding-right: 5px; }

.margin5 { margin: 5px; }
.margin5-t { margin-top: 5px; }
.margin5-b { margin-bottom: 5px; }
.margin5-l { margin-left: 5px; }
.margin5-r { margin-right: 5px; }
.margin5-tb { margin-top:5px; margin-bottom: 5px; }
.margin5-lr { margin-left: 5px; margin-right: 5px; }

.pad10 { padding: 10px; }
.pad10-t { padding-top: 10px; }
.pad10-b { padding-bottom: 10px; }
.pad10-l { padding-left: 10px; }
.pad10-r { padding-right: 10px; }
.pad10-tb { padding-top:10px; padding-bottom: 10px; }
.pad10-lr { padding-left: 10px; padding-right: 10px; }

.margin10 { margin: 10px; }
.margin10-t { margin-top: 10px; }
.margin10-b { margin-bottom: 10px; }
.margin10-l { margin-left: 10px; }
.margin10-r { margin-right: 10px; }
.margin10-tb { margin-top:10px; margin-bottom: 10px; }
.margin10-lr { margin-left: 10px; margin-right: 10px; }

.pad15 { padding: 15px; }
.pad15-t { padding-top: 15px; }
.pad15-b { padding-bottom: 15px; }
.pad15-l { padding-left: 15px; }
.pad15-r { padding-right: 15px; }
.pad15-tb { padding-top:15px; padding-bottom: 15px; }
.pad15-lr { padding-left: 15px; padding-right: 15px; }

.margin15 { margin: 15px; }
.margin15-t { margin-top: 15px; }
.margin15-b { margin-bottom: 15px; }
.margin15-l { margin-left: 15px; }
.margin15-r { margin-right: 15px; }
.margin15-tb { margin-top:15px; margin-bottom: 15px; }
.margin15-lr { margin-left: 15px; margin-right: 15px; }

.pad20 { padding: 20px; }
.pad20-t { padding-top: 20px; }
.pad20-b { padding-bottom: 20px; }
.pad20-l { padding-left: 20px; }
.pad20-r { padding-right: 20px; }
.pad20-tb { padding-top:20px; padding-bottom: 20px; }
.pad20-lr { padding-left: 20px; padding-right: 20px; }

.margin20 { margin: 20px; }
.margin20-t { margin-top: 20px; }
.margin20-b { margin-bottom: 20px; }
.margin20-l { margin-left: 20px; }
.margin20-r { margin-right: 20px; }
.margin20-tb { margin-top:20px; margin-bottom: 20px; }
.margin20-lr { margin-left: 20px; margin-right: 20px; }












/* ***** Site Specific CSS ***** */






/* ***** Cookie Consent Styles ***** */

#cookie-bar {
    background-color: rgba(0, 0, 0, 0.8); 
       /* Cookie bar background colour in RGB, 0.8 references transparency, 0.1 for very transparent */
    height: auto;
    font-family: Arial, sans-serif;		/* Text font family */
    font-size:15.0px;					/* Font size */
    min-height: 24px;
    line-height: 24px;
    color: #ffffff;						/* Description text colour */
    text-align: center;
    padding: 14px 0;					/* Increase pixel dimension to make bar taller */
}
.cb-white {
   color: #ffffff;
}
#cookie-bar.fixed {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
}
#cookie-bar.fixed.bottom {
    bottom: 0;
    top: auto;
}
#cookie-bar p {
    margin: 0;
    padding: 0;
}
#cookie-bar a {
    color: #ffffff;						/* Button text colour */
    display: inline-block;
    border-radius: 1px;					/* Border radius, 10px for rounded buttons */
    text-decoration: none;
    padding: 0 8px;
    margin-left: 10px;
}
#cookie-bar .cb-enable {
    background: #CC0033;				/* Accept cookies button colour */
}
#cookie-bar .cb-enable:hover {
    background: #DB0036;				/* Accept cookies button hover colour */
}
#cookie-bar .cb-disable {
    background: #990000;
}
#cookie-bar .cb-disable:hover {
    background: #BB0000;
}
#cookie-bar .cb-policy {
    background: #1CA5AF;				/* Privacy policy button colour */
}
#cookie-bar .cb-policy:hover {
    background: #1FB6C0;				/* Privacy policy button hover colour */
}



/* To the top arrow */

#backtop {
position: fixed;
	left:auto;right: 20px;top:auto;bottom: 60px;
outline: none;
	overflow:hidden;
	color: white;
	text-align:center;
	background-color: dimgray; /* original was: rgba(49,79,96,0.84) but left a trace in Firefox*/
	height:40px;
	width:40px;
	line-height:40px;
	font-size:14px;
	border-radius:2px;
	cursor:pointer;
	transition:all 0.3s linear;
	z-index:999999;
	opacity:1;
	display:none;
}
#backtop:hover {
	background-color: #27CFC3; /* original was #27CFC3 */
}
#backtop.mcOut {
	opacity:0;
}