/* 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-color:#f6f6f6; text-align:center;}
#wrapper{width:980px; background:#ffffff; margin:0 auto; }
#header {overflow:hidden; position:relative; background-color:#f1f1f1;}
h1, h2, h3, h4, h5, h6 {margin:0; padding:0;}
.h_tag_1 {color: #424242;font-family: "Rajdhani",Helvetica,Arial,sans-serif;font-size: 2.4em;letter-spacing: -0.01em;line-height: 0.9em;margin: 15px 0px 0px;padding: 0px 0px 10px;font-weight: bold;}
.h_tag_2 {font-size: 1.4em;color: #888;line-height: 1.2em;font-weight: normal;font-family: "Rajdhani",Helvetica,Arial,sans-serif; text-align:left; padding-top:10px;}
.h_tag_3 {font-size: 1.6em;color: #999; text-align:left; line-height: 1.2em;font-weight: bold;font-family: "Rajdhani",Helvetica,Arial,sans-serif; color:#E2001A; padding:20px 0px 10px 15px;}

#header #logo {float:left; padding:15px;}
#header #headerContent {float:left; padding:15px 0; text-align:center;}
#header #nav {float:left; padding:0 15px; clear:both; width:100%; background-color: #E2001A; color:#ffffff; font-family: "Rajdhani",Helvetica,Arial,sans-serif; text-align:left;}
#header #nav ul { width: 980px;margin: 0px auto; list-style:none !important;}
#header #nav ul li { float: left; padding: 18px 14px; border-right:1px solid #ffffff; list-style:none !important; border-bottom:none;}
#header #nav ul li:last-child { float: left; padding: 18px 14px; border-right:0px solid #ffffff;}
.highlight {display: block; font-size: 1.13em; font-family: "Rajdhani",Helvetica,Arial,sans-serif; color:#ffffff; text-decoration:none; font-weight:bold;}
.highlight:hover {display: block; font-size: 1.13em; font-family: "Rajdhani",Helvetica,Arial,sans-serif; color:#FFDA00; text-decoration:none; font-weight:bold;}

.highlightA{display: block; font-size: 1.13em; font-family: "Rajdhani",Helvetica,Arial,sans-serif; color:#FFDA00; text-decoration:none; font-weight:bold;}


#header #nav ul li br { display:none;}
#header #feefo { right: 0; padding:0px 15px 15px 15px;}
#header #burger {display:none; visibility:hidden;}
#content {background:#ffffff; padding:20px 30px 0px 30px; overflow:hidden;}
#content .leftSide {width:70%; float:left; text-align:left;}
#content .rightSide {width:30%; float:right; padding:0 0 0 15px; text-align:center;} 
#content .rightSide  img {width:80%;}
#content .fullWidth {width:100%; text-align:left; clear:both;}
#footer {background:#888; overflow:hidden; padding:15px 0 0 0;}
#footer #footercontain {width:980px; margin:0px auto; float:none;}
#footer #nav {float:left; padding:0 15px; clear:both; width:100%; text-align:left;}
#footer #nav ul { float:left; list-style:none;}
#footer #nav ul li {float:left; list-style:none; font-size:1em; margin: 9px 9px 0; display: block;}

#footer #socialNav {float:left; padding:20px 15px; clear:both; width:100%; text-align:left;}
#footer #socialNav ul { float:left; list-style:none;}
#footer #socialNav ul li {float:left; width:50px; list-style:none;}
#footer #socialNav ul li a {display: block; font-size: 9px; margin: 18px 9px;}
#footer #socialNav ul li img {width:100%;}
#content p {float: left;font-family: "Quattrocento Sans",Arial,Helvetica,sans-serif;font-size: 0.9em; line-height:1.3em; padding:20px 15px 0px 0px;}
.cta { background: none repeat scroll 0 0 #509D04; color:#FFFFFF; font-family: "Rajdhani",Helvetica,Arial,sans-serif; border-radius: 7px; display: inline-block; font-size: 20px; font-weight: bold; margin: 25px 0; padding: 12px 25px 10px 25px; text-decoration: none;}
.fold {display:none; visibility:hidden;}
.feefoButton {cursor:pointer; border:none; padding:17px 0px 0px 0px; } /* YOU SHOULD DELETE THIS BORDER PROPERTY WHEN THE FEEFO BADGE PULLS THROUGH */
.feefoButton img { border:none;}
#page {display:none;}
.logosz {width:200px;}
.clear {clear:both;}
.space {padding-top:20px;}
#mag-hp {width:15%; float:left; padding-top:25px;}
.see-text-hp {width:85%; float:left; padding-top:25px;}
.fa {padding-top:35px !important; color:#888888;}


.onecol {width:100;}
.col_inner_60 {width:60%; float:left; padding:0; margin:0;}
.col_inner_40 {width:39%; float:left; padding:0; margin:0;}
.bgG {background-color:#dadada;}
.contain_col_inner {width:85%; margin:0 auto; padding-left: 10px; font-size:14px !important; margin-bottom:20px;}
.product_img_size {width:220px;}
a {color:#E2001A; font-weight:bold; text-decoration:none;}
ul {text-align:left;}
.home_bullets {width:90%; padding-left:20px;}
.home_bulletsR {width:90%; padding-left:0px;}
li { text-align:left;font-size: 1em;line-height: 1.3em;padding: 0.4em 0px 0.4em 0.2em;border-bottom: 1px dotted #AAA; list-style-image: url("/assets/images/insideTick.png"); list-style-position:outside;}
.homebullets{ text-align:left;font-size: 1em;line-height: 1.3em;padding: 0.4em 0px 0.4em 0.2em;border-bottom: 1px dotted #AAA; list-style-image: url("/assets/images/insideTick.png"); list-style-position:outside;}
.home_gift_image {width:300px; padding:10px 0px 0px 0px;}
.leftalign {float:left;}
.tophead_contain {width:980px; margin:0 auto;}

.footersmltxt {color:#FFF; font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif; font-size:12px; text-decoration:none;}
.footersmltxt:hover {color:#333333 !important; font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif; font-size:12px; text-decoration:none;}
.footersmltxtA {color:#333333 !important; font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif; font-size:12px; text-decoration:none;}

.spacesides {padding:0px 5px;}
.spacesidesx15 {padding:0px 15px;}
.textC {text-align:center;}
.round-center {width:90%; margin:0 auto !important; text-align: center;}
/* FEEFO */
#feefo { width:80px; float:left;}
.feefoButton { cursor:pointer; }
#page html { font-size:62.5%; height:100%; }
#page body { font:1.2em Arial, Helvetica, sans-serif; background:#d0d4d7; color:#000; height:100%; }
#page img { border:none; }
#page form, #page object, #page embed { padding:0; margin:0; }
#page .f-right { float:right !important; }
#page a { text-decoration:none; color:#6d6e70; }
#page a:hover { text-decoration:underline; }
#page .header:after, #page .service-title:after, #page .latest-cnt:after, #page .latest:after, #page .charts:after, #page .thought-cnt:after { content:" "; display:block; width:100%; overflow:hidden; height:0; clear:both; }
/*page*/
#page { background: url("http://www.feefo.com/feefo/resources/images/background.png") repeat scroll left top rgba(0, 0, 0, 0); margin: 0 auto; overflow: hidden; position: fixed; top: -1px; left:0; width: 100%; z-index: 13000; color:#5F6062; height:100%; display:none; }
/* thought page */

/* 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:#e0e0e0; min-height:700px; }
#matrixCol1 h3, #matrixCol2 h3, #matrixCol3 h3 { width:100%; text-align:center; color:#000000; padding:20px 0; font-size:21px; }
#matrixCol2 { width:33%; background:#ffffff;}
#matrix img { margin:0 auto;}

/* SEE INSIDE */
.see-inside-container{ margin:30px auto; }
.imageThumb {display:inline-block; margin: 14px; border: 1px solid #093A46; cursor:pointer;}
.imageThumb img {display:block;}
.imageThumbHolder table {float:left;}
.see-inside-frame { border: 1px solid #093A46;}
.socialtop {padding:5px 0px;}


/*********CATFISH - NEW YEAR 2016 ******************/

#jansale16-catfish {
	display:block;
	height:420px;
	width:315px;
	position:fixed;
	z-index:3000;
	bottom:0;
	right:3%;
	box-shadow:  0px 0px 8px 0px rgba(0, 0, 0, 0.3);
	background-image:url('../promos/16/jansale/jansale16-catfish-desktop.jpg');
	background-color:#cc0000;
}

#jansale16-catfish-main {
	width:100%;
	height:100%;
	display:block;

}

#jansale16-catfish-close {
	height:30px;
	width:30px;
	z-index:4000;
	position:absolute;
	display:block;
	top:5px;
	right:5px;
}


/***************************/



 @media (max-width: 990px) {/*TABLET*/
#header #nav ul li { float: left; padding: 18px 14px;}
 #wrapper{width:100%;}
 #content .rightSide img {width:80%; max-width:260px;}
   #content .rightSide {width:50%;}
 #content .leftSide {width:50%;}
.feefoButton {width:150px;}
#matrix .cta { font-size: 16px; }
#header #nav ul li br { display:none;}
.tophead_contain {width:100%;}
.h_tag_1 {font-size: 1.4em; line-height:1.2em;}
.h_tag_2 {font-size: 1.2em;}
#footer #footercontain {width: 100%;}
.feefoButton img {}
#feefo {padding:0px !important;}
#header #nav ul li a {display: block; font-size: 1em; font-family: "Rajdhani",Helvetica,Arial,sans-serif; color:#ffffff; text-decoration:none; font-weight:bold;}
}
 
  @media (max-width: 875px) {/*TABLET*/
#header #nav ul li { float: left; padding:18px 0.5em;}
#header #nav ul li:last-child {padding: 18px 0px 18px 0.5em; float:left;}
#header #nav ul li br { display:block;}
#header #nav ul { float: left; width: 100%;}
.imageThumb {  margin: 14px;  width: 14%;}
.product_img_size {width:80%;}
.leftSide {width:100%; float:left;}
.rightSide {width:100%; float:left;}
.col_inner_60 {width:100%; float:left;}
.col_inner_40 {width:100%; float:left;}
#feefo {float:left; }
.feefoButton {width:100%; float:left;}

 }


 @media (max-width: 550px) {/*MOBILE*/
 #matrixCol1 {background-color:#ffffff !important;}
#matrixCol2 {background-color:#e0e0e0 !important;}
 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 #F1F1F1; color:#333333 !important;   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; color:#333333;}
#header #nav ul li { float: none; text-align: center; border:0; color:#333333;}
#header #nav ul li br { display:none !important; }
#header #nav ul li:last-child { float:none;}
#header #nav ul li a { color:#333333; text-decoration:none;}
 #header #feefo { float: right; padding: 15px; right: 0; position:static;}
 #header #burger { clear: right; float: right; overflow: hidden;  width: 40px; height:40px; background:#f1f1f1; display:inline-block; visibility:visible; margin:7px;}
 #header #burger a { display: block; height: 40px; width: 40px; padding:6px 0 0 0; color:#333333; }
#header #burger a span { border-bottom: 4px solid #666666; clear: both; display: block; margin: 0 0 0 4px; padding: 2px; width: 80%;}

 .fold {display:inline-block; visibility:visible;}
 .centre {text-align:center; margin:0 auto;}
 #content {background: none repeat scroll 0 0 #FFFFFF; border-top: 7px solid #000000; margin: 5px 0; overflow: hidden; padding: 10px;}
 #content h1 { margin: 0 0 2px;}
  #content h2 { margin: 0px;}
#content .leftSide {width:100%; float:none; text-align:left;}
#content .rightSide {width:100%; float:none; padding:0 15px; text-align:center;} 
#content .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%; font-size:0.9em;}
#footer #nav ul li a { display: block; font-size: 0.9em; 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%;}
.product_img_size {width:180px;}
.col_inner_60 {width:100%; float:left;}
.col_inner_40 {width:100%; float:left;}
.imageThumb { margin: 4px; width: 28%;}
.onecol {width:100%; min-height:400px;}
.home_bullets {width: 80%;margin: 0 auto;}
.h_tag_1 {font-size: 1.8em;}
.h_tag_2 {text-align:center;}
.home_gift_image {width:80%;}
#logo {width:47%; float:left;}
#feefo {width:53%; float:left !important; margin-top:20px;}
.feefowrapper {float:left;}
.socialtop {width:55%; float:left; padding-right:3px;}
.feefoButton { float:left;}
.feefoButton img { width:80%;border: medium none;margin-top: -20px; padding-left:50px;}
.home_bullets { padding-bottom:20px !important;}
.spacesides {width: 30%;}


 }
 
  @media (max-width: 420px) {
	  #feefo {width:80%; float:left !important; margin-top:20px;}
	  .feefoButton { float:left; padding:0px !important;}
	  .feefoButton img { width:90%;border: medium none;margin-top: -20px; padding-left:0px !important;}
	  .h_tag_1 {font-size:1.2em; text-align:left; margin:0; padding:0px 0px 0px 10px;}
	  .h_tag_2 {text-align:left; padding-left:10px;}
	  .coverspace {padding-top:20px;}
	  #matrixCol1 {padding-bottom:20px !important;}
	  #content p {padding:10px 15px 15px 10px;}
	 
	  .spacesides {
    padding: 0px 15px;
    width: 50%;
}
.round-center {
    margin: 0px auto !important;
    text-align: center;
    width: 100%;
}
#matrixCol1 {background-color:#ffffff !important;}
#matrixCol2 {background-color:#e0e0e0 !important;}

/*********CATFISH - NEW YEAR 2016 ******************/

#jansale16-catfish {

	height:185px;
	width:200px;
	padding-bottom:33px;
	background-image:url('../promos/16/jansale/jansale16-catfish-mobile.jpg');
	background-repeat:no-repeat;
	background-color:#000;
}

/***************************/

	  
	  }
 

/* -------------------------------------------------- */
/*  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;font-family:Verdana, sans-serif!important;}