/* COMMON */
*{margin:0; padding:0; list-style-type:none; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; font-family:Arial, Helvetica, sans-serif;font-size: 1em; }
html {-webkit-text-size-adjust:100%;}
body{width:100%; background:url(bg.jpg) center top no-repeat #130707; text-align:center;}
p a {color:#922028; font-weight:bold;}
p a:hover {color:#630F17;}
em {font-weight:bold;}
#wrapper{width:980px;  margin:0 auto; margin:15px auto 0;}
#header {overflow:hidden; position:relative; }
#header #logo {float:left;}
#header #headerContent {float:left; padding:15px 0; text-align:center;}
#header #nav {float:left; clear:both; width:100%; border-top:2px solid #ffffff; border-bottom:2px solid #ffffff; margin:0 0 11px; text-align:left;}
#header #nav ul { float:left;}
#header #nav ul li { float: left;}
#header #nav ul li:hover {background: #922028;}
#header #nav ul li:hover a {color:#ffffff;}
#header #nav ul li:last-child { float: left;}
#header #nav ul li a {display: block; font-size: 13px; text-decoration:none; font-weight:bold; color:#ffffff; padding: 18px 14px; font-family: 'Ruda', sans-serif;}
#header #nav ul li br { display:none;}
#header #feefo { float: right; position: absolute; right: 0; padding:15px;}
#header #burger {display:none; visibility:hidden;}
#cols {background:#f7f9fa; padding:30px; overflow:hidden;}
#cols .leftSide {width:67%; float:left; text-align:left;}
#cols .rightSide {width:33%; float:right; padding:0 0 0 15px; text-align:center;} 
#cols .rightSide  img {width:90%;}
#cols .fullWidth {width:100%; text-align:left;}
#footer {background:#e2e2e2; overflow:hidden; padding:15px 0 0 0;}
#footer #nav {float:left; padding:0 15px; clear:both; width:100%; text-align:left;}
#footer #nav ul { float:left;}
#footer #nav ul li {float:left;}
#footer #nav ul li a {display: block;font-size: 11px; margin: 9px 9px 0; color:#757474; font-family: 'Ruda', sans-serif;}
#footer #nav ul li a:hover {color:#922028;}
#footer #socialNav {float:left; padding:0 15px; clear:both; width:100%; text-align:left;}
#footer #socialNav ul { float:left;}
#footer #socialNav ul li {float:left; width:50px;}
#footer #socialNav ul li a {display: block; font-size: 11px; margin: 18px 9px; color:#8E1B2A; display:block; text-transform:uppercase; font-family: 'Ruda', sans-serif;}
#footer #socialNav ul li.escape {width:auto; padding: 10px 0 0;}
#footer #socialNav ul li img {width:100%;}
#cols h1 {margin:0 0 6px 0; font-size: 34px; color:#922028; font-family: 'Ruda', sans-serif; font-weight:900;}
#cols h2 {border-bottom: 1px solid #000000;border-top: 1px solid #000000;color: #081118; display: inline-block; font-family: 'Ruda',sans-serif; font-size: 25px;  font-weight: 700; margin: 10px 0 20px; padding: 6px 10px 6px 0;}
#cols p {font-size: 1em; line-height: 23px;}
.cta { background: none repeat scroll 0 0 #207683; border-radius: 7px; display: inline-block; font-size: 20px; font-weight: bold; margin: 25px 0; padding: 12px 15px 10px 15px; text-decoration: none; color:#ffffff; font-family: 'Ruda', sans-serif; font-weight:700;}
.cta.tint { background: none repeat scroll 0 0 #338f9d; border-radius: 7px; display: inline-block; font-size: 20px; font-weight: bold; margin: 25px 0; padding: 12px 15px 10px 15px; text-decoration: none; color:#ffffff; font-family: 'Ruda', sans-serif; font-weight:700;}
.fold {display:none; visibility:hidden;}
.feefoButton {cursor:pointer; float:right;} /* YOU SHOULD DELETE THIS BORDER PROPERTY WHEN THE FEEFO BADGE PULLS THROUGH */
.feefoButton img {width:100%;}
#page {display:none;}
.imageThumb {display:inline-block; margin: 14px; border: 1px solid #093A46; cursor:pointer;   margin: 14px;  width: 14%;}
.imageThumb img {display:block;}
.imageThumbHolder table {float:left;}
.see-inside-frame {}
#benefits {padding:10px 0;}
#benefits li {padding:10px 0 0 40px; background:url(../images/bullet.png) no-repeat 10px 10px;}
.nothanks {visibility:none; display:none;}
/* MATRIX */

#matrix { margin:30px auto; }
#matrixCol1, #matrixCol2, #matrixCol3 { text-align:center; float:left; padding:15px;}
#matrixCol1 { order:1; }
#matrixCol2 { order:2; }
#matrixCol3 { order:3; }
#matrixCol1, #matrixCol3 { width:33%; background:#F1F1F1; }
#matrixCol1 h3, #matrixCol2 h3, #matrixCol3 h3 { width:100%; text-align:center; color:#000000; padding:20px 0; font-size:21px;  font-family: 'Ruda', sans-serif; font-weight:700; text-transform:uppercase;}
#matrixCol2 { width:33%; background:#ffffff;}
#matrix img { margin:0 auto; max-width: 100%;}
.matrixSmall {font-size: 13px !important; line-height: 15px !important; padding: 15px 0;}

/* SEE INSIDE */
.see-inside-container{ margin:30px auto 0; }
/* BLOG */
.blog-post-image { float:right; margin:0 0 20px 25px;-webkit-box-shadow: 0 0 4px 4px rgba(0,0,0,0.05);  box-shadow: 0 0 4px 4px rgba(0,0,0,0.05);}
.blog-post-title {  font-size:1.2em; font-weight:700;}
.blog-post-datestamp { font-size:0.8em;  color:#999999;}
.blog-home p {  margin-top:10px;}
.articleListing-container div.imgholder {float:right;margin: 0 0 15px 15px;width:244px; text-align:center;}
.articleListing-container img { border: 6px solid #FFF; -webkit-box-shadow: 0 0 4px 4px rgba(0,0,0,0.08);box-shadow: 0 0 4px 4px rgba(0,0,0,0.08);}
.articleListing-dateTimeAuthor {color:#777;font-size:0.75em;text-transform: uppercase;}
.articleListing-firstParagraph {font-size: 0.92em;line-height: 1.4em;letter-spacing: 0.01em;margin-bottom:0.75em; text-align:left;}
.articleListing-container h2 a {text-decoration:none;color: #081118; display: inline-block; font-family: 'Ruda',sans-serif; font-size: 25px;  font-weight: 700; }
.articleListing-container { border-bottom: 1px solid #081018;  margin-bottom: 3em;  padding-bottom: 2em;  overflow: hidden; text-align:left;}
.article-headline { font-size:32px; letter-spacing:-0.02em;line-height: 1em; font-weight:700; color:#1a222f; padding:0.5em 0 1em 0;  text-transform:uppercase;
text-align:left;}
.article-dateTimeAuthor {color:#777;font-size:0.75em; text-transform: uppercase;margin-top: 1em; text-align:left;}
.article-main-image {float:right;margin-bottom: 40px;  margin-left: 50px;  margin-top: 28px;border: 8px solid #FFF;-webkit-box-shadow: 0 0 6px 6px rgba(0,0,0,0.08);box-shadow: 0 0 6px 6px rgba(0,0,0,0.08);}
.article-paragraph {letter-spacing: 0.01em;padding: 8px 0!important; font-size: 0.9em !important; text-align:left;}
.article-paragraph span{font-size: 0.8em;letter-spacing: 0.01em;color:#207683;font-weight:bold; position:relative;top:-2px;}
.article-paragraph-intro {padding: 25px 0;font-size: 1.2em;font-style: italic;letter-spacing: 0.01em; text-align:left;}
.article-paragraph-intro em {font-weight:700;}
.article-paragraph-subs { letter-spacing: 0.01em;font-weight: 700;display:block;width:500px;  margin-top:2.5em;padding-top:1.5em; border-top:2px solid #C2CFD3}
 #cols .leftSidewide {width:100%; text-align:center;}
  #cols .leftSidewide h1 {text-align:left;}
 .readmore {color:#207683; font-weight:bold;}
 .blogback a { float: right;  padding: 0 7px 0 0;}
  .blogback a {  color:#207683; font-weight: bold; text-decoration: underline;}



 /* -------------------------------------------------- */
/*  Cookie notification
/* -------------------------------------------------- */
 
#cookie-bar, #cookie-bar-small {display:none;-webkit-font-smoothing: antialiased;background: #444; background-color:#333333; position:relative; line-height:1.3em; color:#eeeeee; text-align:left;  }
#cookie-bar { padding:5px 0.5em 8px 0.5em; overflow:hidden} 
#cookie-bar-small { padding:0px 0.5em 0px 0.5em;}
#cookie-bar.fixed, #cookie-bar-small.fixed {position:fixed; bottom:0; left:0; width:100%;}
#cookie-bar.fixed.bottom, #cookie-bar-small.fixed.bottom {bottom:0; top:auto;}
#cookie-bar p, #cookie-bar-small p  {margin:0 auto; color:#eeeeee; font-size:11px; line-height:13px; font-family:Verdana, sans-serif!important; width:95%; max-width:800px; left:-4em;}
#cookie-bar p {padding:1.25em 3em 1em 0;}
#cookie-bar-small p {padding:5px 0 5px 0;}
#cookie-bar a, #cookie-bar-small a {color:#dd0000; display:inline-block; text-decoration:none; }
#cookie-bar a.cb-enable {padding:0 6px; margin-left:8px; color:#ffffff; border-radius: 2px; line-height:1.8em; text-decoration:none; font-weight:normal}
#cookie-bar #cookie-ok {cursor:pointer;position:absolute; top:8px; right:25px;display:block; width:38px; height:38px; background-image:url('../images/buttons/cookie.png');}
#cookie-bar #cookie-ok:hover {background-position:38px 0px}
#cookie-bar .cb-disable {background:#990000;}
#cookie-bar .cb-disable:hover {background:#bb0000;}
#cookie-bar .cb-policy {background:#0033bb;}
#cookie-bar .cb-policy:hover {background:#0055dd;}
#cookie-bar .cookie-cog {margin-right:10px; float:left; margin-top:-8px;}



#viewPolicy {cursor:pointer; display:block!important;color:#eeeeee!important;font-size:12px!important;margin:0 auto!important; text-align:center!important;}



 @media (max-width: 990px) {/*TABLET*/
#header #nav ul li { float: left;}
 #wrapper{width:100%;}
 #cols .rightSide img {width:80%; max-width:260px;}
   #cols .rightSide {width:50%;}
 #cols .leftSide {width:50%;}
.feefoButton {width:150px;}
#matrix .cta { font-size: 16px; }
#header #nav ul li br { display:none;}
#header #logo {
  float: left;
  padding: 0 0 0 13px!important;
}
.articleListing-headline {float: left!important;}
.articleListing-firstParagraph {  float: left!important; }
.readmore {float: left!important;}
.blogback {text-align:left;
    padding: 20px 0;
}
.blogback a{
  float:none;
}
 
   @media (max-width: 905px) {/*TABLET NAV*/
#header #nav ul li:last-child a {padding: 18px 11%; float:left;}
#header #nav ul li br { display:block;}
#header #nav ul { float: left; width: 100%;}
.imageThumb {  margin: 14px;  width: 14%;}
#header #nav ul li a { padding: 0px 0; font-size:11px;}
#header #nav ul li { float: left; padding: 8px 2%;}
#header #nav ul li:last-child a {float: left; padding: 0px;}
#header #nav ul .boost {padding:16px 1.5% 16px 1.7%;}

 }
 
  @media (max-width: 830px) {/*TABLET*/

.imageThumb {  margin: 14px;  width: 14%;}
 }



 @media (max-width: 550px) {/*MOBILE*/

 h1, h2 {text-align:center;}
 #wrapper{width:100%;}
 #header #logo {float:left; padding:7px; width:150px;}
  #header #navmask {height: 0; overflow: hidden; clear: both; float: left; width:100%;}
 #header #nav { background: none repeat scroll 0 0 #231F20;   overflow: hidden; padding: 0 15px;  text-align: left; width: 100%;}
 /* append to line above in js ---> margin: 0 0 20px; */
 #header #nav ul { float: none;}
#header #nav ul li { float: none; text-align: center; border:0; }
#header #nav ul li a {padding: 0;  font-size: 17px;}
#header #nav ul li:last-child a { float:none;}
#header #nav ul li br { display:none !important; }
#header #nav ul li:last-child { float:none;}
#header #nav ul .boost { padding: 8px 2%;}
 #header #feefo { float: right; padding: 15px; right: 0; position:static;}
 #header #burger { clear: right; float: right; overflow: hidden;  width: 40px; height:40px; background:#231F20; display:inline-block; visibility:visible; margin:0 7px 7px;}
 #header #burger a { display: block; height: 40px; width: 40px; padding:6px 0 0 0; }
#header #burger a span { border-bottom: 4px solid #ffffff; clear: both; display: block; margin: 0 0 0 4px; padding: 2px; width: 80%;}
 #header #feefo {clear: both; float: right; padding: 0 7px; position: static; right: 0;}
 .fold {display:inline-block; visibility:visible;}
 .centre {width:100%; text-align:center;}
 #cols { overflow: hidden; padding: 10px;}
 #cols h1 { margin: 0 0 11px;}
 #cols h2 {width: 100%;}
#cols .leftSide {width:100%; float:none; text-align:left;}
#cols .rightSide {width:100%; float:none; padding:0 15px; text-align:center;} 
#cols .rightSide img {margin: 0 0 20px;width: 60%; max-width:160px;}
#footer { padding: 15px 0;}
#footer #nav {clear: both; float: left; padding: 0 15px; text-align: left; width: 60%;}
#footer #nav ul { float: none;}
#footer #nav ul li { float: left; width: 100%;}
#footer #nav ul li a { display: block; font-size: 9px; margin: 5px 9px;}
#footer #socialNav {clear: none; float: right; padding: 0; text-align: left; width: 40%;}
#footer #socialNav ul li a { display: block; font-size: 9px; margin: 3px 9px;}
.cta {margin:15px auto 20px;}
#matrix {display: -webkit-box;display: -moz-box; display: -webkit-flexbox; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-orient: vertical !important; -moz-box-orient: vertical; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column;}
#matrixCol1, #matrixCol2, #matrixCol3 {float:none!important;width:100%;border:0;text-align:center;  margin: 10px 0;}
 #matrixCol1 {-webkit-box-ordinal-group: 2; -moz-box-ordinal-group: 2; -ms-flex-order: 2; -webkit-order: 2; order: 2;}
#matrixCol2 {-webkit-box-ordinal-group: 1; -moz-box-ordinal-group: 1; -ms-flex-order: 1; -webkit-order: 1; order: 1;}
#matrixCol3 {-webkit-box-ordinal-group: 3; -moz-box-ordinal-group: 3; -ms-flex-order: 3; -webkit-order: 3; order: 3;}
#matrix .cta {width:80%;}
.imageThumb { margin: 4px; width: 28%;}
.articleListing-container div.imgholder {
  float: right;
  text-align: center;
  width: 100%;
}.articleListing-container {
    border:0;
 }
 .article-main-image {
  float: none;
  margin: 0  auto;
  width: 80%;
}
#header #feefo {
   float: left;
  margin: -6px 0 5px;
 }
 body{width:100%; background:url(bgmobile_b.jpg) right top no-repeat #130707;}

 }