@charset "utf-8";
/* CSS Document */
html { font-family: sans-serif; -webkit-text-size-adjust: 100%;  -ms-text-size-adjust: 100%; width:100%; height:100%; -webkit-font-smoothing: antialiased; }
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin:0; padding:0; }
body { overflow: auto; }
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; }
audio, canvas, progress, video { display: inline-block; vertical-align: baseline; }
audio:not([controls]) { display: none; height: 0; }
b, strong { font-weight: bold; }
small { font-size: 100%; }
sub, sup { position: relative; font-size: 75%; line-height: 0; vertical-align: baseline; }
sup { top: -.5em; }
sub { bottom: -.25em; }
img { border: 0; }
svg:not(:root) { overflow: hidden; }
figure { margin: 1em 40px; }
hr { height: 0; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; }
pre { overflow: auto; }
code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em; }
button, input, optgroup, select, textarea { margin: 0; font: inherit; color: inherit; }
button { overflow: visible; }
button, select { text-transform: none; }
button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; }
button[disabled], html input[disabled] { cursor: default; }
button::-moz-focus-inner, input::-moz-focus-inner { padding: 0; border: 0; }
input { line-height: normal; }
input[type="checkbox"], input[type="radio"] { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0; }
input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto; }
input[type="search"] { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; -webkit-appearance: textfield; }
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {  -webkit-appearance: none; }
fieldset { padding:0;  margin: 0;  border: none; }
legend { padding: 0; border: 0; }
textarea { overflow: auto; }
optgroup { font-weight: bold; }
div, span, input { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;  }
table { border-spacing: 0; border-collapse: collapse; }
td, th { padding: 0; }
.clr { width: 100%; clear: both; height: 0; }
.clrr { width: 100%; clear: right; height: 0; }
.wrapper a { text-decoration:none; color:#494949; }
.flt { float:left; }
.frt { float:right; }
  
@font-face {
    font-family: 'robotoblack';
    src: url('/webfonts/roboto-black-webfont.eot');
    src: url('/webfonts/roboto-black-webfont.eot?#iefix') format('embedded-opentype'),
         url('/webfonts/roboto-black-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
	font-display: swap;
}

@font-face {
    font-family: 'roboto_condensedbold';
    src: url('/webfonts/robotocondensed-bold-webfont.eot');
    src: url('/webfonts/robotocondensed-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('/webfonts/robotocondensed-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
	font-display: swap;
}

@font-face {
    font-family: 'roboto_condensedlight';
    src: url('/webfonts/robotocondensed-light-webfont.eot');
    src: url('/webfonts/robotocondensed-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('/webfonts/robotocondensed-light-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
	font-display: swap;
}
@font-face {
    font-family: 'robotolight';
    src: url('/webfonts/Roboto-Light-webfont.eot?#iefix') format('embedded-opentype'),
         url('/webfonts/Roboto-Light-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
	font-display: swap;
}
@font-face {
    font-family: 'robotoregular';
    src: url('/webfonts/Roboto-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('/webfonts/Roboto-Regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
	font-display: swap;
}
 
body { font-family: 'robotoregular', Arial, Helvetica, sans-serif; color: #1c1c1a; font-size: 16px; line-height: 1.5em; background:#fff; width: 100%; }
.clr { clear:left; height:0px; overflow:hidden; }
h1, h2, h3, h4, h5, h6 { font-weight:normal; font-family: 'roboto_condensedbold', Arial, Helvetica, sans-serif; margin: 0px; padding: 0px; color: #153155; }
h1 { font-size: 2em; line-height: 1em;}
h2 { font-size: 1.8em; line-height: 1em;}
h3 { font-size: 1.6em; line-height: 1em;}
h4 { font-size: 1.4em; line-height: 1em;}
.col2 { width:50%; }
.col3 { width:33%; }
.col4 { width:25%; }
.col6 { width:66%; }
.col8 { width:75%; }
.whitetxt H1, .whitetxt { color:#fff; }
.bluetxt { color:#153155; }
.ytxt { color:#fff200; }
.lightfont { font-family: 'roboto_condensedlight'; }
 .row-full{
 width: 100vw;
 position: relative;
 margin-left: -50vw!important;
 left: 50%;
}

/* hr and anything with the class of accessibility is hidden with CSS from visual browsers */
.accessibility, hr { position: absolute; top: -9999em; left: -9999em; background: none; clear: both; display: none; float: none; font-size: 0; margin: 0; padding: 0; overflow: hidden; visibility: hidden; width: 0; height: 0; border: none;   }

.findlink { right: -90px; top: 30%; position: fixed; width: 230px; height: 50px; padding: 0 15px; background: #00688b; color: #fff; -moz-border-radius: 10px 10px 0px 0px; -webkit-border-radius: 10px 10px 0px 0px; border-radius: 10px 10px 0px 0px; line-height: 50px; font-size: 24px; font-family: 'roboto_condensedbold'; text-transform: uppercase; -ms-transform: rotate(270deg);  -webkit-transform: rotate(270deg); transform: rotate(270deg); z-index: 99999999999; }
.findlink a { color: #fff; text-decoration: none; }
.findlink:hover { background: #153155; }

/* header */
.finds-bar { width: 100%; height: 42px; background: #00688b; color: #fff; margin: 42px 0 0 0; }
.finds-bar a {color: #fff;}
.finds { background: #15938a; line-height: 42px; padding: 0 15px; font-size: 18px; font-family: 'roboto_condensedlight'; }
.findsno { font-family: 'robotoblack'; }
.yfindsbar { background: #15938a; line-height: 42px; padding: 0 15px; font-size: 18px; font-family: 'robotoblack'; display: none;}
.nlanguage { line-height: 42px; font-size: 18px; }
.nlanguage a.flag img { opacity: 1.0; } .nlanguage a.flag:hover img { opacity: 0.8; }
.wrapper, .row-full .sppb-container-inner { padding:0; margin: 0 auto; width:1200px;  }
#content { margin: 20px auto; width:1000px; }
.wrapper .sppb-row-container { width: 100%!important; padding-left: 0; padding-right: 0; }
#fidra { float:right; }
#title, #ttile, #lnavc, #lnav, #hcontent, #quote, #emailsigup, #endso, .endimg, .endtxt, #partners, #footer, #pwmessage, #ptext2, #nurticon, #zhgm-wrapper { float:left; }

/* social */
#social { width: 130px; height: 42px; }
#social div { float: right; }
#social a { text-decoration:none; text-indent: -2000px; }
#fb { background:url(../images/social.png) no-repeat; background-position: -30px 0; width: 28px; height:42px; }
#twt { background:url(../images/social.png) no-repeat; background-position: -59px 0; width: 28px; height:42px; }
#insta { background:url(../images/social.png) no-repeat; background-position: -2px 0; width: 28px; height:42px; }
#youtube { background:url(../images/social.png) no-repeat; background-position: -87px 0; width: 28px; height:42px; }

.homebk { width: 100%; height: 965px; background-size: cover; overflow:hidden; }
.home .wrapper #sp-page-builder { overflow:hidden; }
#title { margin: 20px 0; width:650px; height:60px; color: #153155; clear: left; }
.ttilebld { font-family: 'roboto_condensedbold'; line-height: 32px; font-size: 38px;  }
.ttag { padding:0; margin: 0; }
.ttiletxt { line-height: 32px; font-size: 38px; font-family: 'roboto_condensedlight'; }
.ttag { font-size: 22px; line-height: 22px; font-family: 'roboto_condensedlight'; }
.newsletter .rsform-block-intro { font-size: 14px; line-height: 14px; }

#fidra, #fidra img { width:99px; height:92px; }


/* Content */
#message { margin: 60px 0 0 0; width:410px; font-size:33px; line-height: 33px; color:#FFF; float: right; text-align: right; clear: right; font-family: 'roboto_condensedbold';  }
#quote { width: auto; font-size:18px; line-height: 16px; color:#fff200; border-top: #fff200 solid 4px; padding: 10px 0 0 0; margin: 20px 0 0 0; }
#hunt { margin: 45px 0 0 0; width:270px; float: right; }
#hunt img { width:270px; height: auto; }
.secttitle { text-transform: uppercase; text-align: center; font-family: 'roboto_condensedbold'; font-size:22px; color: #153155; }
.findtitle { margin: -20px auto 0 auto;  width:195px; background: #fff; padding: 10px 20px; line-height: 22px; }
.line { border-bottom: 1px solid #d9e5ed; line-height:0.1em; }
.line span { background:#fff; padding:0 10px; }
.falp {  display: inline-block; font-family: FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.yfinds { margin: 10px 0 30px 0; }
.workingtitle { margin: 0 0 20px 0;}
.yfindsno { font-family: 'robotoblack'; font-size: 120px; line-height: 120px; text-align: center; width: 100%; }

.subheading-category, .page-header { font-size:1.8em; margin: 0 0 15px 0; }
.category-desc { margin: 0 0 15px 0;}
.items-leading, .items-row .span6 { margin: 0 0 30px 0; }
.article-info-term { display: none; }
.published {font-size:1.1em; font-family: "roboto_condensedlight"; }
.blog .item-image { margin: 0 15px 15px 0; }
.item-page { margin: 0 0 60px 0; }
.item-page .item-image { width: 100%; margin: 0 0 15px 0; }
.item-page .item-image img { max-width: 100%; height: auto; }
.pagenav { list-style: none;  }
.previous { float: left; }
.next { float: right;}
.content-links { clear: both; margin: 15px 0 0 0; width: 100%; }
.content-links ul { margin: 0 0 0 30px; }
#content ul, #content ol { margin: 10px 0 0 30px; }
#content ul.sppb-instagram-images { margin: 0; }

.endimg { width:80px; }
.endtxt { width:190px; margin: 0 0 0 10px; }
.flexslider li { margin: 0 20px 0 0; }
.nurbutton { width:140px; height:75px; top:420px; left:620px; display:block; }
#ptext { width:760px; margin: 55px 0 40px 40px; }
#ptext img { max-width:760px; }
#pmaps { width:780px; margin: 0 0 20px 40px; }
#ptext2 { width:760px; margin: 20px 0 0 0; min-height: 50px; }
#ptextl { width:360px; margin: 0 40px 0 0; }
#ptextr { width:360px; margin: 0 0 0 0; }
.caption { width: auto; margin: 0 0 0 10px; font-size:11px; }
#nurticon { margin: -310px 0 0 380px; }
#nurticon img { width:200px; }
#ptext2 img { max-width:740px; height:auto; }

/* Left NAV */
#lnavc { width:300px; }
#lnav { font-family: 'roboto_condensedbold'; position:relative; line-height: 24px; font-size:24px; }
#lnav {padding:0; margin:0; list-style:none;width:300px;  }
#lnav li a {display:block; color:#fff; text-decoration:none; text-transform: uppercase; height:150px; width:150px; padding: 15px; position:relative; }
#lnav li {position:relative; margin: 0 0 20px 0; height:150px; width:300px;  }
#lnav li a.nosub:hover {color:#fff200;}
#lnav li.clicked > a {color:#fff200;}
.lnavtext { position: absolute; bottom: 20px; }
.tpart { background: #153155; }
.problem { background: #5c8eb3; }
.solution { background: #00688b; }
.lnltext { font-family: "roboto_condensedlight"; }


.newstuff { background: #fff; width: 100%; }
/* twitter */
.twtbar { width: 100%; background: #fff; }
.twtbar .wpb_content_element { margin-bottom: 0; }
.twttitle { font-size: 20px; padding: 0 10px 0 0; line-height: 40px; font-family: "roboto_condensedbold"; height: 40px; color: #153155; display: table; vertical-align: middle;}
.twttitle .twticon { display: inline-table; vertical-align: middle;  }
#twitter-feed { width: 990px; height:40px; color:#153155; font-size:14px; font-family: "roboto_condensedlight", Arial, Helvetica, sans-serif; margin: 0 10px 0 0; float: left; }
#twitter-feed .list { height:40px; width: 940px; }
.twitter-actions { line-height: 40px; }
.twtbuttons { background: #00688b; width: 64px; height: 42px; float: right; padding: 0 8px; }
.up, .down { margin: 8px 0 0 0; width:22px; height:22px; background:url(../images/twt-arrows.png) no-repeat 0px 0px; cursor:pointer; float: left; }
.down { background:url(../images/twt-arrows.png) no-repeat -24px 0px; }
.intent { float:right; font-size:14px; }
.intent a { color:#153155; }
.tweet-time { font-weight:bold; font-size:16px; margin: 0 10px 0 0; }
.twitter-text { line-height: 40px; }
.wrapper .twtfollow { line-height: 40px; color: #153155; background: #3e0d22; height: 40px; float: left; display: block; padding: 0 20px; }
.wrapper .twtfollow:hover { background: #f7b919; }

.newsbar { width: 100%; background: #3f4b58; min-height: 220px; padding: 20px; color: #fff; }
.newtitle { font-family: "roboto_condensedbold"; width: 120px; font-size: 24px; }
.newsitems { width: 670px; height: 220px; overflow: auto; font-family: "roboto_condensedlight"; font-size: 16px; line-height: 18px; padding: 0 15px 0 0; margin: 0 34px 0 0; }
.newsitems a { color: #fff; }
.newsflash-item { margin: 0 0 10px 0; }
.newsflash-title { font-family: "roboto_condensedbold"; font-size: 16px; line-height: 18px; font-weight: normal; }

.newsletter { width: 285px; margin: 0 0 0 34px; }
.newsletter h3 { font-family: "roboto_condensedbold";  font-size: 24px; text-transform: uppercase; color: #fff; }
.sinewsletter h3 { font-family: "roboto_condensedbold"; font-size: 24px; text-transform: uppercase; color: #fff; }
.formResponsive { margin: 0; }
.formResponsive input[type="text"] { min-width: 220px }
.rsform-block-intro { margin: 0 0 5px 0; }
.formResponsive input[type="submit"], .formResponsive button[type="submit"] { background-color: #00688b; font-family: "roboto_condensedbold"; font-size: 16px; line-height: 18px; font-weight: normal; text-transform: uppercase; background-image: none; border-color: #00688b; filter: none; color: #ffffff; text-shadow: none; border: none; box-shadow: none; }
.formResponsive input[type="reset"] { background-color: #153155; font-family: "roboto_condensedbold"; font-size: 16px; line-height: 18px; font-weight: normal; text-transform: uppercase; background-image: none; border-color: #153155; filter: none; color: #ffffff; text-shadow: none; border: none; box-shadow: none;}
/* Content */

#messcontent li { display:none; }
#message ul { list-style:none; }
#content p { margin: 8px 0px; padding: 0px; }
#content #ptext ul, #content #ptext ol, #content #ptext2 ul, #content #ptext2 ol { margin: 8px 5px 8px 20px; padding: 0px; }
/* #hunt img:hover { opacity:0.6; filter:alpha(opacity=60); } */
#emailsigup { text-align:right; color:#163155; }
#emailsigup input[type="text"] { font-size: 11px; padding: 2px 3px; line-height: 18px; color: #848484; height: 18px; background-color: #ffffff; border: 1px solid #cccccc; -webkit-border-top-left-radius: 3px; -webkit-border-bottom-left-radius: 3px; -moz-border-radius-topleft: 3px; -moz-border-radius-bottomleft: 3px; border-top-left-radius: 5px; border-bottom-left-radius: 5px; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -webkit-transition: border linear 0.2s, box-shadow linear 0.2s; -moz-transition: border linear 0.2s, box-shadow linear 0.2s; -ms-transition: border linear 0.2s, box-shadow linear 0.2s; -o-transition: border linear 0.2s, box-shadow linear 0.2s; transition: border linear 0.2s, box-shadow linear 0.2s; }

#emailsigup input[type="submit"] { width: 55px; font-size: 11px; font-weight: bold; padding: 2px 3px; line-height: 18px; color: #848484; height: 24px; background-color: #ffffff; border-top: 1px solid #cccccc; border-right: 1px solid #cccccc; border-bottom: 1px solid #cccccc; border-left: none;
-webkit-border-top-right-radius: 3px; -webkit-border-bottom-right-radius: 3px; -moz-border-radius-topright: 3px; -moz-border-radius-bottomright: 3px;
border-top-right-radius: 5px; border-bottom-right-radius: 5px; background: #ffffff; background: -moz-linear-gradient(top, #ffffff 0%, #ededf4 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#ededf4));
background: -webkit-linear-gradient(top, #ffffff 0%,#ededf4 100%); background: -o-linear-gradient(top, #ffffff 0%,#ededf4 100%); background: -ms-linear-gradient(top, #ffffff 0%,#ededf4 100%); background: linear-gradient(to bottom, #ffffff 0%,#ededf4 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededf4',GradientType=0 );
}
#ptext h2, #ptext h3, #ptext h4, #ptext h5, #ptext h6, #ptext2 h2, #ptext2 h3, #ptext2 h4, #ptext2 h5, #ptext2 h6 { color:#153155; }
#ptextr .rimg img { border-right: #fff200 solid 4px; float:left; }
.nuremail { color:#153155; font-family: 'roboto_condensedbold', Arial, Helvetica, sans-serif; font-size:14px; text-decoration:none; margin: 10px 0 0 0; }
#ptext a, #ptext2 a { text-decoration:none; color:#153155; font-weight:bold; }
.well, fieldset { border:none; }
.slidingDiv { height: auto; padding:0; margin-top:10px; border-top:2px solid #5c8eb3; display:none; }
.show_hide { display:none; color:#153155; font-family: 'roboto_condensedlight', Arial, Helvetica, sans-serif; font-size:16px; }
.slidingDiv img { -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
.slidingDiv tr:nth-child(odd) {background: #f5f5f5; }
.slidingDiv tr { margin: 5px 0; }
.slidingDiv td { padding: 5px 10px; vertical-align: top; }
.zhgm-credit { font-size:10px; }
#userFormsign .formBody label { height:auto; }

/* News */
.pull-left.item-image { max-width: 250px; float: left; }
.pull-left.item-image img { max-width: 250px; height: auto; }
.items-row.clearfix, .items-more { clear: both; }
#content .pagination { text-align: center; }
#content .pagination ul { margin: 15px auto; clear: both; display: block; max-width: 320px; list-style: none;}
.pagination li { float: left; list-style: none; padding: 2px 5px; }

/* Diagrams */
.dias { position:relative; z-index:0; }
.nurbutton, .hotspot { text-align: center; color: #FFFFFF; cursor: pointer; position: absolute; display: block;  }

/* Support logos */
#blogos, #suplogos, #managedby { float:left; }

/* forms */
#Where.rsform-input-box, #Location.rsform-input-box { visibility: hidden!important; }

/* groups map */
.zhgm-group-manage { background-color: #f3f3f3; }
.wrapper #GMapsMenu-simple { background-color: #f3f3f3; width: 100%; }
.wrapper .zhgm-markergroup-group-li-simple {
    padding: 4px 5px !important;
    line-height: normal !important;
    font-size: 12px!important; width: 25%; float: left; 
}
.wrapper li.zhgm-markergroup-group-li-simple:hover {
    background: #F5FCFE!important;
    border-width: 0px!important;
    border-style: solid!important;
    border-color: #c1c1c1!important;
}


/*footer */
#footer { width: 100%; background: #153155; padding: 20px 0 60px 0; color: #fff; margin: 40px 0 0 0; }
#footer a { color:#fff; text-decoration:none; }
#footer a:hover { color:#00688b; }

#gf { float: right; width: 180px; text-align: right; margin: 10px 10px 10px 10px; }



.nav-bar-bk { width: 100%; background: #153155; height: 42px; position: fixed; top:0; z-index: 999999999999; }
.nav-bar-bk .wrapper {  }
.main-nav { width: 970px; }
/* Mobile first layout SmartMenus Core CSS (it's not recommended editing these rules)
   You need this once per page no matter how many menu trees or different themes you use.
-------------------------------------------------------------------------------------------*/

.sm{box-sizing:border-box;position:relative;z-index:9999999999;-webkit-tap-highlight-color:rgba(0,0,0,0);}
.sm,.sm ul,.sm li{display:block;list-style:none;margin:0;padding:0;line-height:normal;direction:ltr;text-align:left;}
.sm-rtl,.sm-rtl ul,.sm-rtl li{direction:rtl;text-align:right;}
.sm>li>h1,.sm>li>h2,.sm>li>h3,.sm>li>h4,.sm>li>h5,.sm>li>h6{margin:0;padding:0;}
.sm ul{display:none;}
.sm li,.sm a{position:relative;}
.sm a{display:block;}
.sm a.disabled{cursor:default;}
.sm::after{content:"";display:block;height:0;font:0px/0 serif;clear:both;overflow:hidden;}
.sm *,.sm *::before,.sm *::after{box-sizing:inherit;}

.sm-clean {
  background: #153155;
}
.sm-clean a, .sm-clean a:hover, .sm-clean a:focus, .sm-clean a:active {
  padding: 13px 20px;
  /* make room for the toggle button (sub indicator) */
  padding-right: 58px;
  color: #fff; text-transform: uppercase;
  font-family: 'roboto_condensedbold', Arial, sans-serif;
  font-size: 18px;
  font-weight: normal;
  line-height: 17px;
  text-decoration: none;
}
.sm-clean a.current {
  color: #D23600;
}
.sm-clean a.disabled {
  color: #bbbbbb;
}
.sm-clean a .sub-arrow {
  position: absolute;
  top: 50%;
  margin-top: -17px;
  left: auto;
  right: 4px;
  width: 34px;
  height: 34px;
  overflow: hidden;
  font: bold 16px/34px monospace !important;
  text-align: center;
  text-shadow: none;
  background: rgba(255, 255, 255, 0.8);
}
.sm-clean a .sub-arrow::before {
  content: '+';
}
.sm-clean a.highlighted .sub-arrow::before {
  content: '-';
}
.sm-clean > li:first-child > a, .sm-clean > li:first-child > :not(ul) a {
  border-radius: 5px 5px 0 0;
}
.sm-clean > li:last-child > a, .sm-clean > li:last-child > *:not(ul) a, .sm-clean > li:last-child > ul, .sm-clean > li:last-child > ul > li:last-child > a, .sm-clean > li:last-child > ul > li:last-child > *:not(ul) a, .sm-clean > li:last-child > ul > li:last-child > ul, .sm-clean > li:last-child > ul > li:last-child > ul > li:last-child > a, .sm-clean > li:last-child > ul > li:last-child > ul > li:last-child > *:not(ul) a, .sm-clean > li:last-child > ul > li:last-child > ul > li:last-child > ul, .sm-clean > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > a, .sm-clean > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > *:not(ul) a, .sm-clean > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > ul, .sm-clean > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > a, .sm-clean > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > *:not(ul) a, .sm-clean > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > ul {
  border-radius: 0 0 5px 5px;
}
.sm-clean > li:last-child > a.highlighted, .sm-clean > li:last-child > *:not(ul) a.highlighted, .sm-clean > li:last-child > ul > li:last-child > a.highlighted, .sm-clean > li:last-child > ul > li:last-child > *:not(ul) a.highlighted, .sm-clean > li:last-child > ul > li:last-child > ul > li:last-child > a.highlighted, .sm-clean > li:last-child > ul > li:last-child > ul > li:last-child > *:not(ul) a.highlighted, .sm-clean > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > a.highlighted, .sm-clean > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > *:not(ul) a.highlighted, .sm-clean > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > a.highlighted, .sm-clean > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > *:not(ul) a.highlighted {
  border-radius: 0;
}
.sm-clean li { border-top: 1px solid rgba(0, 0, 0, 0.05); }
.sm-clean > li:first-child {border-top: 0; }
.sm-clean ul {background: rgba(162, 162, 162, 0.1);}
.sm-clean ul a, .sm-clean ul a:hover, .sm-clean ul a:focus, .sm-clean ul a:active {font-size: 16px;border-left: 8px solid transparent;}
.sm-clean ul ul a,.sm-clean ul ul a:hover,.sm-clean ul ul a:focus,.sm-clean ul ul a:active {  border-left: 16px solid transparent;}
.sm-clean ul ul ul a,.sm-clean ul ul ul a:hover,.sm-clean ul ul ul a:focus,.sm-clean ul ul ul a:active {  border-left: 24px solid transparent;}
.sm-clean ul ul ul ul a,.sm-clean ul ul ul ul a:hover,.sm-clean ul ul ul ul a:focus,.sm-clean ul ul ul ul a:active {  border-left: 32px solid transparent;}
.sm-clean ul ul ul ul ul a,.sm-clean ul ul ul ul ul a:hover,.sm-clean ul ul ul ul ul a:focus,.sm-clean ul ul ul ul ul a:active {  border-left: 40px solid transparent;}

@media (min-width: 970px) {
  /* Switch to desktop layout
  -----------------------------------------------
     These transform the menu tree from
     collapsible to desktop (navbar + dropdowns)
  -----------------------------------------------*/
  /* start... (it's not recommended editing these rules) */
  .sm-clean ul { position: absolute; width: 12em; }
  .sm-clean li { float: left; }
  .sm-clean.sm-rtl li { float: right; }
  .sm-clean ul li, .sm-clean.sm-rtl ul li, .sm-clean.sm-vertical li { float: none; }
  .sm-clean a { white-space: nowrap; }
  .sm-clean ul a, .sm-clean.sm-vertical a { white-space: normal; }
  .sm-clean .sm-nowrap > li > a, .sm-clean .sm-nowrap > li > :not(ul) a { white-space: nowrap;  }
  /* ...end */
  .sm-clean { padding: 0; background: #153155; }
  .sm-clean a, .sm-clean a:hover, .sm-clean a:focus, .sm-clean a:active, .sm-clean a.highlighted { padding: 12px 15px 12px 0; color: #fff; border-radius: 0 !important; }
  .sm-clean a:hover, .sm-clean a:focus, .sm-clean a:active, .sm-clean a.highlighted { color: #15938a; }
  .sm-clean a.current { color: #15938a; }
  .sm-clean a.disabled { color: #bbbbbb;  }
  .sm-clean a.has-submenu { padding-right: 24px; }
  .sm-clean a .sub-arrow { top: 50%; margin-top: -2px; right: 12px; width: 0; height: 0; border-width: 4px; border-style: solid dashed dashed dashed; border-color: #fff transparent transparent transparent; background: transparent; border-radius: 0; }
  .sm-clean a .sub-arrow::before { display: none; }
  .sm-clean li { border-top: 0; }
  .sm-clean > li > ul::before,
  .sm-clean > li > ul::after { content: '';position: absolute;top: -18px;left: 30px;width: 0;height: 0;overflow: hidden;border-width: 9px;border-style: dashed dashed solid dashed;border-color: transparent transparent #bbbbbb transparent;  }
  .sm-clean > li > ul::after { top: -16px;left: 31px;border-width: 8px;border-color: transparent transparent #fff transparent;}
  .sm-clean ul {border: 1px solid #bbbbbb;padding: 5px 0;background: #fff;border-radius: 5px !important;box-shadow: 0 5px 9px rgba(0, 0, 0, 0.2);  }
  .sm-clean ul a, .sm-clean ul a:hover, .sm-clean ul a:focus, .sm-clean ul a:active, .sm-clean ul a.highlighted {border: 0 !important;padding: 10px 20px;color: #555555;}
  .sm-clean ul a:hover, .sm-clean ul a:focus, .sm-clean ul a:active, .sm-clean ul a.highlighted {background: #eeeeee;color: #D23600; }
  .sm-clean ul a.current { color: #D23600; }
  .sm-clean ul a.disabled { background: #fff; color: #cccccc;}
  .sm-clean ul a.has-submenu {padding-right: 20px; }
  .sm-clean ul a .sub-arrow {right: 8px;top: 50%;margin-top: -5px;border-width: 5px;border-style: dashed dashed dashed solid;border-color: transparent transparent transparent #555555; }
  .sm-clean .scroll-up,
  .sm-clean .scroll-down {position: absolute;display: none;visibility: hidden;overflow: hidden;background: #fff;height: 20px;  }
  .sm-clean .scroll-up:hover,
  .sm-clean .scroll-down:hover {background: #eeeeee;  }
  .sm-clean .scroll-up:hover .scroll-up-arrow {border-color: transparent transparent #D23600 transparent; }
  .sm-clean .scroll-down:hover .scroll-down-arrow {border-color: #D23600 transparent transparent transparent; }
  .sm-clean .scroll-up-arrow,
  .sm-clean .scroll-down-arrow {
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -6px;
    width: 0;
    height: 0;
    overflow: hidden;
    border-width: 6px;
    border-style: dashed dashed solid dashed;
    border-color: transparent transparent #555555 transparent;
  }
  .sm-clean .scroll-down-arrow {
    top: 8px;
    border-style: solid dashed dashed dashed;
    border-color: #555555 transparent transparent transparent;
  }
  .sm-clean.sm-rtl a.has-submenu {
    padding-right: 12px;
    padding-left: 24px;
  }
  .sm-clean.sm-rtl a .sub-arrow {
    right: auto;
    left: 12px;
  }
  .sm-clean.sm-rtl.sm-vertical a.has-submenu {
    padding: 10px 20px;
  }
  .sm-clean.sm-rtl.sm-vertical a .sub-arrow {
    right: auto;
    left: 8px;
    border-style: dashed solid dashed dashed;
    border-color: transparent #555555 transparent transparent;
  }
  .sm-clean.sm-rtl > li > ul::before {
    left: auto;
    right: 30px;
  }
  .sm-clean.sm-rtl > li > ul::after {
    left: auto;
    right: 31px;
  }
  .sm-clean.sm-rtl ul a.has-submenu {
    padding: 10px 20px !important;
  }
  .sm-clean.sm-rtl ul a .sub-arrow {
    right: auto;
    left: 8px;
    border-style: dashed solid dashed dashed;
    border-color: transparent #555555 transparent transparent;
  }
  .sm-clean.sm-vertical {padding: 10px 0;border-radius: 5px;  }
  .sm-clean.sm-vertical a {
    padding: 10px 20px;
  }
  .sm-clean.sm-vertical a:hover, .sm-clean.sm-vertical a:focus, .sm-clean.sm-vertical a:active, .sm-clean.sm-vertical a.highlighted {
    background: #fff;
  }
  .sm-clean.sm-vertical a.disabled {
    background: #eeeeee;
  }
  .sm-clean.sm-vertical a .sub-arrow {
    right: 8px;
    top: 50%;
    margin-top: -5px;
    border-width: 5px;
    border-style: dashed dashed dashed solid;
    border-color: transparent transparent transparent #555555;
  }
  .sm-clean.sm-vertical > li > ul::before,
  .sm-clean.sm-vertical > li > ul::after {
    display: none;
  }
  .sm-clean.sm-vertical ul a {
    padding: 10px 20px;
  }
  .sm-clean.sm-vertical ul a:hover, .sm-clean.sm-vertical ul a:focus, .sm-clean.sm-vertical ul a:active, .sm-clean.sm-vertical ul a.highlighted {
    background: #eeeeee;
  }
  .sm-clean.sm-vertical ul a.disabled {
    background: #fff;
  }
}

/* Mobile menu toggle button */

.main-menu-btn {
  margin: 6px 10px;
  position: relative;
  display: inline-block;
  width: 29px;
  height: 29px;
  text-indent: 29px;
  white-space: nowrap;
  overflow: hidden;
  cursor: pointer;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}


/* hamburger icon */

.main-menu-btn-icon,
.main-menu-btn-icon:before,
.main-menu-btn-icon:after { position: absolute;top: 50%;left: 2px;height: 2px;width: 24px;background: #fff;-webkit-transition: all 0.25s;transition: all 0.25s;}
.main-menu-btn-icon:before { content: ''; top: -7px; left: 0;}
.main-menu-btn-icon:after {  content: '';  top: 7px;  left: 0;}
/* x icon */

#main-menu-state:checked ~ .main-menu-btn .main-menu-btn-icon {  height: 0;  background: transparent;}
#main-menu-state:checked ~ .main-menu-btn .main-menu-btn-icon:before {  top: 0;  -webkit-transform: rotate(-45deg);  transform: rotate(-45deg);}
#main-menu-state:checked ~ .main-menu-btn .main-menu-btn-icon:after {  top: 0;  -webkit-transform: rotate(45deg);  transform: rotate(45deg);}
/* hide menu state checkbox (keep it visible to screen readers) */
#main-menu-state {  position: absolute;  width: 1px;  height: 1px;  margin: -1px;  border: 0;  padding: 0;  overflow: hidden;  clip: rect(1px, 1px, 1px, 1px);}

/* hide the menu in mobile view */
#main-menu-state:not(:checked) ~ #main-menu { display: none;}
#main-menu-state:checked ~ #main-menu {  display: block;}

@media (min-width: 970px) {
  /* hide the button in desktop view */
  .main-menu-btn {  position: absolute;  top: -99999px; }
  /* always show the menu in desktop view */
  #main-menu-state:not(:checked) ~ #main-menu {    display: block;  }
}

/* Email to a friend */
.contentpane { padding: 20px 10px; background:#eae8e9; color: #153155; }
.contentpane div { margin: 5px 0; }

/* K2 override */
#k2Container {padding:0 0 5px 0;}
div.itemView {padding:8px 0 24px 0;margin:0 0 0 0; border-bottom: none; } /* this is the item container for this view */
div.itemToolbar {padding:2px 0;margin:0px 0 0 0; border-top: none; border-bottom: none; background: #fff; }
div.itemBackToTop a { text-decoration:none; color:#32B7E2; font-size:11px; }
div.itemTwitterButton { float: left; margin: 10px 0 0 0; width: 90px; overflow:hidden; }
div.itemFacebookButton { float: left; margin: 10px 5px 0 0; width: 225px; height: 30px; overflow:hidden; }
div.itemGooglePlusOneButton { float: left; margin: 10px 0 0 0; width: 40px; }
div.itemToolbar ul li a { text-decoration:none; color: #898989; }
div.catItemHeader h3.catItemTitle {font-family: "roboto_condensedbold", Arial, Helvetica, sans-serif;font-weight:normal;line-height:100%;padding:10px 0 4px 0;margin:0;}
div.itemBackToTop { display:none; }
div.catItemReadMore { margin: 0 0 20px 0; }
div.catItemHeader { margin: 0 0 10px 0; }

/* forms override */
.formResponsive .formHorizontal .rsform-block { margin-bottom: 5px; }
#content .formDescription p, #content .formControls p { margin: 0px; }
#content .formResponsive select, #content .formResponsive textarea, #content .formResponsive input[type="text"], #content .formResponsive input[type="password"] { margin-bottom: 2px; font-size: 13px; line-height: 13px; }


#back-top-wrapper { position: fixed; right: 20px; bottom: 20px; overflow: hidden; z-index: 999; display: none; width: 50px; height: 50px; }
#back-top-wrapper span { display: block;  color: #00a0e0; text-align: center; text-decoration: none; text-transform: uppercase; font: 11px/100% Arial, Helvetica, sans-serif; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; margin-bottom: 7px; width: 50px; height: 50px; background: #fff url(/templates/nurdles_home/images/up-arrow.svg) no-repeat center center; background-size: 30px 30px; -webkit-transition: 0.2s; -moz-transition: 0.2s; -o-transition: 0.2s; transition: 0.2s; border: #C9C9C9 solid 1px; }
#back-top-wrapper span:hover { background: #CCC url(/templates/nurdles_home/images/up-arrow.svg) no-repeat center center; background-size: 35px 35px; -webkit-transition: 0.2s; -moz-transition: 0.2s; -o-transition: 0.2s; transition: 0.2s; }

/*!
 * jQuery Cookiebar Plugin
 * https://github.com/carlwoodhouse/jquery.cookieBar
 *
 * Copyright 2012, Carl Woodhouse
 */
.cookie-message {position:fixed;bottom:0;left:0;right:0;padding:0 85px 0 20px;background:#fff;border-bottom:1px solid #464646;box-shadow:0 0 3px #ccc;z-index:99}
.cookie-message a.cookiebar-close {position:absolute;bottom:0;*bottom:-2px;right:20px;cursor:pointer}
.cookie-message p,.cookie-message a {color:#333;font:700 11px/18px Arial;margin:.6em 0}
.blue{border-bottom:1px solid #464646;background-color:#fff;}
.blue p,.blue a{color:#606060}

/* diagrames */
.dias { width: 740px; margin: 0 auto; }
.jquerybubblepopup {max-width:450px;}
.jquerybubblepopup ul { padding: 10px 15px; font-size:12px; line-height: 14px;  } .jquerybubblepopup p { padding: 5px 0; font-size:12px; line-height: 14px; margin:0px; }
.efulmar { width:107px; height:109px; top:105px; left:240px; }
.godwit { width:106px; height:57px; top:89px; left:618px; }
.btern { width:76px; height:78px; top:20px; left:370px; }
.cgull { width:72px; height:112px; top:14px; left:471px; }
.ctern { width:57px; height:78px; top:80px; left:82px; }
.cshearwater { width:81px; height:33px; top:224px; left:82px; }
.gannet { width:95px; height:96px; top:117px; left:141px; }
.bbgull { width:37px; height:42px; top:104px; left:556px; }
.gshearwater { width:36px; height:50px; top:30px; left:636px; }
.guillemot { width:73px; height:55px; top:140px; left:349px; }
.kittiwake { width:78px; height:84px; top:140px; left:429px; }
.lspetrel { width:56px; height:47px; top:159px; left:20px; }
.lauk { width:51px; height:27px; top:230px; left:378px; }
.mshearwater { width:45px; height:60px; top:20px; left:556px; }
.puffin { width:77px; height:40px; top:218px; left:261px; }
.sshearwater { width:28px; height:60px; top:80px; left:20px; }
.spetrel { width:57px; height:66px; top:36px; left:297px; }
.abarnacle { width:23px; height:25px; top:272px; left:169px; }
.acod { width:115px; height:38px; top:357px; left:593px; }
.bwhiting   { width:147px; height:40px; top:259px; left:370px; }
.asscallop { width:42px; height:38px; top:311px; left:436px; }
.bmussel { width:64px; height:37px; top:266px; left:214px; }
.ahmackerel { width:74px; height:20px; top:349px; left:370px; }
.cdreagonet { width:83px; height:46px; top:312px; left:184px; }
.ggurnard { width:75px; height:38px; top:372px; left:429px; }
.jdory { width:72px; height:61px; top:334px; left:14px; }
.langoustine { width:53px; height:150px; top:266px; left:301px; }
.lugworms { width:107px; height:35px; top:444px; left:462px; }
.scucumber { width:90px; height:41px; top:438px; left:616px; }
.pcod { width:105px; height:31px; top:266px; left:34px; }
.rband { width:122px; height:22px; top:407px; left:522px; }
.rgurnard { width:75px; height:32px; top:349px; left:505px; }
.shopper { width:47px; height:30px; top:311px; left:92px; }
.scrab { width:89px; height:64px; top:277px; left:629px; }
.whiting { width:109px; height:34px; top:365px; left:100px; }
.ysole { width:92px; height:46px; top:288px; left:517px; }
.uv { width: 103px; height: 89px; top: 282px; left: 218px; }
.plankton { width: 135px; height: 96px; top: 285px; left: 401px; }
.micros { width: 108px; height: 109px; top: 278px; left: 598px; }
.ddt { width: 174px; height: 173px; top: 326px; left: 6px; }
.pcb { width: 173px; height: 161px; top: 338px; left: 193px; }
.hch { width: 176px; height: 162px; top: 338px;	left: 376px; }
.npe { width: 177px; height: 181px; top: 318px; left: 560px; }
.oil {width: 129px;height: 144px;top: 3px;left: 332px;}
.making {width: 211px;height: 135px;top: 176px;left: 67px;}
.melded {width: 216px;height: 97px;top: 461px;left: 211px;}
.recycle {width: 150px;height: 163px;top: 415px;left: 38px;}
.fspill {width: 198px;height: 144px;top: 314px;left: 191px;}
.tspill1 {width: 240px;height: 140px;top: 159px;left: 439px;}
.sspill {width: 146px;height: 131px;top: 662px;left: 16px;}
.lsea {width: 250px;height: 73px;top: 798px;left: 14px;}
.tspill2 {width: 240px;height: 140px;	top: 403px;	left: 458px;}
.tspill3 {width: 240px;height: 177px;top: 636px;left: 429px;}
.shippedw {width: 216px;height: 125px;top: 668px;left: 168px;}
.ind1 {width: 67px;height: 27px;top: 274px;left: 24px;}
.ind2 {width: 97px;	height: 53px;top: 177px;left: 146px;}
.wild1 {width: 61px;height: 28px;top: 275px;left: 100px;}
.wild2 {width: 69px;height: 52px;top: 196px;left: 394px;}
.wild3 {width: 58px;height: 45px;top: 97px;left: 376px;}
.wild4 {width: 61px;height: 72px;top: 19px;left: 468px;}
.wild5 {width: 47px;height: 52px;top: 29px;left: 627px;}
.wild6 {width: 96px;height: 40px;top: 106px;left: 539px;}
.beach1 {width: 61px;height: 30px;top: 275px;left: 170px;}
.beach2 {width: 36px;height: 42px;top: 52px;left: 426px;}
.beach3 {width: 39px;height: 40px;top: 154px;left: 494px;}
.beach4 {width: 37px;height: 38px;top: 147px;left: 567px;}
.fish1 {width: 52px;height: 29px;top: 276px;left: 240px;}
.fish2 {width: 56px;height: 41px;top: 167px;left: 328px;}
.fish3 {width: 57px;height: 45px;top: 106px;left: 453px;}
.fish4 {width: 56px;height: 41px;top: 61px;left: 559px;}
/*

	jQuery Bubble Popup v.3.0
	http://www.maxvergelli.com/jquery-bubble-popup/
	
	Copyright (c) 2012 Max Vergelli
	
	Permission is hereby granted, free of charge, to any person obtaining a copy
	of this software and associated documentation files (the "Software"), to deal
	in the Software without restriction, including without limitation the rights
	to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
	copies of the Software, and to permit persons to whom the Software is
	furnished to do so, subject to the following conditions:
	
	The above copyright notice and this permission notice shall be included in
	all copies or substantial portions of the Software.
	
	THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
	IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
	FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
	AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
	LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
	OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
	THE SOFTWARE.
*/
	/* Layout Settings */
	.jquerybubblepopup{width:auto;height:auto;margin:0px;padding:0px;position:absolute;border:0px;text-align:center;background-color:transparent;z-index: 1100;}
	.jquerybubblepopup-ie{filter:progid:DXImageTransform.Microsoft.Shadow(color="#666666", Direction=135, Strength=3);} /* the plugin adds this class only if browser is IE; if IE9, it's added to main <DIV> else to <TABLE> */
	.jquerybubblepopup table{width:auto;height:auto;margin:0px;padding:0px;display:table;border-collapse:collapse;border-spacing:0px;border:0px;empty-cells:show;background-color:transparent;}
	.jquerybubblepopup tbody{display:table-row-group;vertical-align:middle;border:0px;background-color:transparent;}
	.jquerybubblepopup td{margin:0px;padding:0px;background-color:transparent;}
	.jquerybubblepopup-top-left,    .jquerybubblepopup-top-right,
	.jquerybubblepopup-bottom-left, .jquerybubblepopup-bottom-right{width:21px;height:21px;overflow:hidden;background-repeat:no-repeat;}
	.jquerybubblepopup-top-middle,  .jquerybubblepopup-bottom-middle{overflow:hidden;background-repeat:repeat-x; font-size:0px;}
	.jquerybubblepopup-middle-left, .jquerybubblepopup-middle-right{overflow:hidden;background-repeat:repeat-y;}
	.jquerybubblepopup-tail{border:0px;margin:0px;padding:0px;display:inline;}

	.jquerybubblepopup-innerHtml a { text-decoration:none; color:#fff; }
	.jquerybubblepopup-innerHtml H3 { font-size:18px; font-weight:normal; padding:0; margin:0; line-height:18px; }
	.jquerybubblepopup-innerHtml H4 { font-size:14px; font-weight:normal; padding:0; margin:0; line-height:14px; }
	.jquerybubblepopup-innerHtml img { float: left; margin: 0 10px 5px 0; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; padding:0; }
	.jquerybubblepopup-innerHtml ul, .jquerybubblepopup-innerHtml h4, .jquerybubblepopup-innerHtml p { float: left; }
	.jquerybubblepopup-innerHtml em { font-size:14px; font-weight:normal; font-family:Arial, Helvetica, sans-serif; }
	.jquerybubblepopup-innerHtml p em { font-size:11px; font-weight:normal; font-family:Arial, Helvetica, sans-serif; }
/*  
	Themes:

	The plugin adds the class of the theme (for example ".jquerybubblepopup-azure") 
	to the main <DIV> container, then you can edit the style of any element inside the 
	Bubble Popup markup for each theme.
	
	The following code defines fonts and backgrounds of the "innerHtml" for each theme:
*/
 
	.jquerybubblepopup-all-yellow .jquerybubblepopup-innerHtml
	{
		font-family:'Trebuchet MS',Arial;
		font-size:11px;
		font-weight:normal;
		color:#FFFFFF;
	}
	.jquerybubblepopup-all-yellow .jquerybubblepopup-innerHtml{background-color:#fff200;}
	
/* Small Desktop */

@media (max-width: 1200px) {

body { font-size: 12px; }
/* header */
.wrapper, .row-full .sppb-container-inner { width:1000px; }
#content { width: 100%}
#title {  }

.main-nav { width: 800px; }
#social { width: 130px; }
	
.homebk { height: 905px; }
/* Left NAV */
#lnavc { width:280px; }
#lnav { line-height: 20px; font-size:20px; }
#lnav { width:280px;  }
.lnav img { height:140px; width:140px; }
#lnav li a { height:140px; width:140px; padding: 10px;  }
#lnav li { margin: 0 0 14px 0; height:140px; width:280px;  }
.lnavtext { position: absolute; bottom: 15px; }

.sm-clean { padding: 0; }
	
#ttile { clear:left; margin: 8px 0 0 0; width:650px; }
.ttiletxt {  }
.ttag { font-size: 18px; line-height: 16px; word-spacing: 3px; }
#message {  margin: 30px 0 0 0; font-size: 28px; line-height: 28px; }	
	
#twitter-feed { width: 790px; }
.newtitle { width: 80px; font-size: 24px;}	
.newsitems { width: 560px; height: 220px;font-size: 14px;line-height: 16px;padding: 0 10px 0 0;margin: 0 15px 0 0;}
.newsletter { width: 285px; margin: 0 0 0 14px; }	
.subheading-category, .page-header { font-size: 1.4em; }
	
#fidra, #fidra img { width:99px; height:92px; }

}
	
@media (max-width: 970px) {
	
body { font-size: 12px; }
/* header */
.wrapper, .row-full .sppb-container-inner { width:720px; }
#title { width:520px; }
#fidra, #fidra img { width:99px; height:92px; }

.main-nav { width: 570px; }
.homebk { height: 850px; width:100%; }	
/* social */
#social { }
#ttile { margin: 8px 0 0 0; width:450px; }
.ttiletxt {  }
.ttag { font-size: 18px; line-height: 18px; }
#message { margin: 80px 0 0 0; width:280px; font-size:26px; line-height: 24px; color:#FFF; }
#hunt { margin: 25px 0 0 0; width:160px; }
#hunt img { width:160px; }
	
/* Left NAV */
#lnavc { width:200px; }
#lnav { line-height: 16px; font-size:16px; }
#lnav { width:200px;  }
.lnav img { height:100px; width:100px; }
#lnav li a { height:100px; width:100px; padding: 10px;  }
#lnav li { margin: 0 0 14px 0; height:100px; width:200px;  }
.lnavtext { position: absolute; bottom: 10px; }

.twttitle { display: none; }
#twitter-feed { width: 630px; margin: 0 10px; }
.newtitle { display: none; }
.newsitems { width: 425px; height: 280px;font-size: 14px;line-height: 16px;padding: 0 10px 0 0;margin: 0 10px 0 0;}
.newsbar { padding: 10px; }
.newsletter { width: 250px; margin: 0 0 0 9px; }
	
/* Content */
#content {  min-height:640px;position:relative; }
#content img { max-width: 100%; height: auto; }
	
#emailsigup { margin: 8px 0; width:640px; font-size:12px; }
#emailsigup input[type="text"] { width: 135px; }
#endso { margin: 0 10px; width:620px; height: 150px; font-size:12px; }
.endimg { width:80px; }
.endtxt { width:190px; margin: 0 0 0 10px; }
.nurbutton{ width:85px; height:40px; top:261px; left:406px; display:block; }
#ptext { width:500px; margin: 40px 0 20px 20px; }
#ptext img { max-width:500px; }
#pmaps { width:500px; margin: 0 0 20px 20px; }
#ptext2 { width:500px; margin: 20px 0 20px 0; min-height: 50px; }
#ptextl { width:460px; margin: 0 40px 0 0; }
#ptextr { width:460px; margin: 20px 0 0 0; }
.caption { width: auto; margin: 0 0 0 10px; font-size:11px; }
#nurticon { margin: -200px 0 0 200px; }
#nurticon img { width:160px; }
#ptext2 img { max-width:500px; height:auto; }
	
.wrapper .zhgm-markergroup-group-li-simple {
    padding: 3px 3px !important;
    font-size: 11px!important; width: 25%; 
}
	
.formResponsive input[type="text"] { min-width: 160px; width: auto; }
.formResponsive input { min-width: auto; width: auto; }

/* diagrames */
.dias { width: 500px; }
.jquerybubblepopup{max-width:400px;}
.jquerybubblepopup ul { padding: 10px 20px; font-size:11px; } .jquerybubblepopup p { padding: 5px 0; font-size:11px; }
.efulmar { width:72px; height:74px; top:70px; left:162px; }
.godwit { width:71px; height:39px; top:60px; left:418px; }
.btern { width:51px; height:52px; top:14px; left:250px; }
.cgull { width:49px; height:76px; top:9px; left:318px; }
.ctern { width:38px; height:53px; top:54px; left:55px; }
.cshearwater { width:55px; height:23px; top:151px; left:55px; }
.gannet { width:64px; height:65px; top:79px; left:94px; }
.bbgull { width:25px; height:29px; top:70px; left:376px; }
.gshearwater { width:24px; height:34px; top:20px; left:429px; }
.guillemot { width:50px; height:37px; top:95px; left:234px; }
.kittiwake { width:53px; height:56px; top:95px; left:290px; }
.lspetrel { width:34px; height:32px; top:107px; left:14px; }
.lauk { width:35px; height:19px; top:155px; left:255px; }
.mshearwater { width:30px; height:40px; top:14px; left:376px; }
.puffin { width:50px; height:30px; top:144px; left:176px; }
.sshearwater { width:18px; height:41px; top:54px; left:14px; }
.spetrel { width:38px; height:46px; top:24px; left:201px; }
.abarnacle { width:16px; height:17px; top:184px; left:114px; }
.acod { width: 77px; height: 31px; top: 240px; left: 403px; }
.bwhiting  { width: 96px; height: 20px; top: 180px; left: 251px; }
.asscallop { width:28px; height:26px; top:210px; left:295px; }
.bmussel { width:43px; height:25px; top:180px; left:145px; }
.ahmackerel { width:50px; height:13px; top:236px; left:250px; }
.cdreagonet { width:54px; height:31px; top:210px; left:126px; }
.ggurnard { width:51px; height:26px; top:249px; left:290px; }
.jdory { width:49px; height:44px; top:226px; left:9px; }
.langoustine { width:36px; height:101px; top:180px; left:203px; }
.lugworms { width:72px; height:24px; top:300px; left:312px; }
.scucumber { width:60px; height:28px; top:296px; left:418px; }
.pcod { width: 77px; height: 26px; top: 177px; left: 22px; }
.rband { width:82px; height:15px; top:275px; left:353px; }
.rgurnard { width:50px; height:22px; top:236px; left:341px; }
.shopper { width:32px; height:21px; top:210px; left:62px; }
.scrab { width:60px; height:44px; top:187px; left:425px; }
.whiting { width: 71px; height: 21px; top: 245px; left: 70px; }
.ysole { width:62px; height:31px; top:195px; left:349px; }
.uv { width: 69px; height: 61px; top: 189px; left: 148px; }
.plankton { width: 99px; height: 73px; top: 188px; left: 270px; }
.micros { width: 80px; height: 75px; top: 188px; left: 408px; }
.ddt {width: 119px;height: 120px;top: 217px;left: 3px;}
.pcb {width: 117px;height: 108px;top: 229px;left: 129px;}
.hch {width: 116px;height: 107px;top: 229px;left: 255px;}
.npe {width: 118px;height: 120px;top: 217px;left: 379px;}
.oil {width: 90px;height: 96px;top: 2px;left: 223px;}
.making {width: 144px;height: 88px;top: 113px;left: 49px;}
.melded {width: 163px;height: 75px;top: 312px;left: 124px;}
.recycle {width: 84px;height: 111px;top: 260px;left: 35px;}
.fspill {width: 142px;height: 104px;top: 205px;	left: 124px;}
.tspill1 {width: 157px;height: 99px;top: 109px;	left: 297px;}
.sspill {width: 91px;height: 92px;top: 445px;left: 15px;}
.lsea {width: 165px;height: 43px;top: 542px;left: 16px;}
.tspill2 {
	width: 164px;
	height: 99px;
	top: 271px;
	left: 313px;
}
.tspill3 {
	width: 185px;
	height: 124px;
	top: 430px;
	left: 289px;
}
.shippedw {
	width: 156px;
	height: 104px;
	top: 434px;
	left: 115px;
}

.ind1 {
	width: 47px;
	height: 18px;
	top: 196px;
	left: 16px;
}
.ind2 {
	width: 68px;
	height: 42px;
	top: 122px;
	left: 104px;
}
.wild1 {
	width: 43px;
	height: 18px;
	top: 196px;
	left: 71px;
}
.wild2 {
	width: 49px;
	height: 36px;
	top: 140px;
	left: 280px;
}
.wild3 {
	width: 43px;
	height: 30px;
	top: 69px;
	left: 269px;
}
.wild4 {width: 50px;height: 55px;top: 12px;left: 331px;}
.wild5 {width: 30px;height: 39px;top: 19px;left: 449px;}
.wild6 {width: 75px;height: 29px;top: 75px;left: 381px;}
.beach1 {width: 43px;height: 19px;top: 196px;left: 121px;}
.beach2 {width: 25px;height: 31px;top: 33px;left: 303px;}
.beach3 {width: 30px;height: 28px;top: 110px;left: 350px;}
.beach4 {
	width: 28px;
	height: 28px;
	top: 105px;
	left: 402px;
}
.fish1 {
	width: 40px;
	height: 19px;
	top: 196px;
	left: 170px;
}
.fish2 {
	width: 41px;
	height: 32px;
	top: 119px;
	left: 232px;
}
.fish3 {
	width: 43px;
	height: 35px;
	top: 73px;
	left: 319px;
}
.fish4 {width: 40px;height: 31px;top: 40px;	left: 396px;}
	
}

@media (max-width: 600px) {
	
body { font-size: 12px; }
.col2, .col3, .col4, .col6, .col8 { width:100%; }

/* header */
.wrapper, .row-full .sppb-container-inner { width:100%; padding: 0 10px!important; }
#title { width:100%; height: auto; }
#fidra, #fidra img { width:50px; height:46px; }
.findlink { display: none; }
.yfindsbar { display: block;}
.nav-bar-bk { position: relative; z-index: 1;height:44px; }
.finds-bar { height: 84px; margin: 0;}
.nlanguage { width:100%; }
.main-nav { width: 100%; }
.homebk { height: 1000px;}	
	
/* social */
#social { height: 25px; margin: 5px 0 0 0; }
#ttile { clear:left; margin: 10px 0 0 0; width:100%; }

#fmap { width:100%; height:100%; float:left; }
	
.twttitle { display: none; }
#twitter-feed { width: 100%; margin: 0 10px; }
#twitter-feed .list { height: 40px; width: 100%; }
.newtitle, .twtbuttons, #twitter-actions { display: none; }
.newsitems { width: 100%; height: 240px;font-size: 14px;line-height: 16px;padding: 0 10px 0 0;margin: 0 10px 0 0;}
.newsbar { padding: 10px; }
.newsletter { width: 100%; margin: 10px 0 0 0; }
.formResponsive input[type="text"] { width: 95%!important;; }


/* Content */
#content {  width:100%; min-height:404px;  }
#message { margin: 120px 0 0 0; width:190px; font-size:20px; line-height: 18px; }
#quote { width: auto; font-size:12px; line-height: 12px; color:#fff200; border-top: #fff200 solid 2px; padding: 10px 0 0 0; margin: 20px 0 0 0; }
#hunt { display: none;}
#emailsigup { margin: 8px 0; width:100%; font-size:11px; }
#emailsigup input[type="text"] { width: 80px; }
#endso { margin: 0 10px; width:100%; height: 150px;  font-size:11px; }
.endimg { width:80px; }
.endtxt { width:150px; margin: 0 0 0 10px; }
.flexslider li { margin: 0 20px 0 0; }
.nurbutton{  display: none; }
#ptext, #ptext2, #pmaps { width:100%; margin: 0 0 20px 0; }
#ptext img { max-width:300px; }
#ptextl { width:96%; margin: 0 5px; }
#ptextr { width:96%; margin: 20px 5px 0 5px; }
.caption { width:100%; margin: 10px 0 0 0; font-size:11px; }
#nurticon { margin: -360px 0 0 150px; }
#nurticon img { width:120px; }
#ptext2 img { max-width:100%; height:auto; }
.slidingDiv img { min-width:50px; }
	
.wrapper .zhgm-markergroup-group-li-simple {
    font-size: 11px!important; width: 50%; 
}

/* diagrames */
.dias { width: 320px; }
.jquerybubblepopup{ max-width:250px;}
.jquerybubblepopup ul { padding: 10px 20px; font-size:10px; } .jquerybubblepopup p { padding: 5px 0; font-size:10px; }
.efulmar { width: 44px;	height: 49px; top: 44px; left: 100px; }
.godwit { width: 39px;	height: 19px; top: 45px; left: 273px; }
.btern { width: 29px; height: 31px; top: 12px; left: 163px; }
.cgull { width: 27px; height: 43px; top: 9px; left: 206px; }
.ctern { width: 21px; height: 32px; top: 36px; left: 36px; }
.cshearwater { width: 33px; height: 13px; top: 99px; left: 38px; }
.gannet { width: 42px; height: 39px; top: 56px; left: 57px; }
.bbgull { width: 17px; height: 18px; top: 47px; left: 243px; }
.gshearwater { width: 17px; height: 21px; top: 15px; left: 276px; }
.guillemot { width: 31px; height: 21px; top: 64px; left: 153px; }
.kittiwake { width: 33px; height: 36px; top: 61px; left: 190px; }
.lspetrel { width: 26px; height: 19px; top: 69px; left: 10px; }
.lauk { width: 23px; height: 13px; top: 98px; left: 163px; }
.mshearwater { width: 17px; height: 26px; top: 12px; left: 245px; }
.puffin { width: 37px; height: 2px; top: 96px; left: 111px; }
.sshearwater { width: 12px; height: 27px; top: 33px; left: 10px; }
.spetrel {width: 22px;height: 25px;top: 18px;left: 130px;}
.abarnacle {width: 16px;height: 13px;top: 119px;left: 72px;}
.acod {width: 47px;height: 16px;top: 155px;left: 259px;}
.bwhiting  {width: 64px;height: 15px;top: 115px;left: 161px;}
.asscallop {width: 18px;height: 21px;top: 134px;left: 189px;}
.bmussel {
	width: 31px;
	height: 16px;
	top: 116px;
	left: 94px;
}
.ahmackerel {
	width: 29px;
	height: 11px;
	top: 149px;
	left: 161px;
}
.cdreagonet {
	width: 40px;
	height: 18px;
	top: 137px;
	left: 79px;
}
.ggurnard {
	width: 37px;
	height: 14px;
	top: 162px;
	left: 186px;
}
.jdory {
	width: 30px;
	height: 26px;
	top: 147px;
	left: 8px;
}
.langoustine {
	width: 25px;
	height: 64px;
	top: 117px;
	left: 131px;
}
.lugworms {
	width: 50px;
	height: 17px;
	top: 193px;
	left: 197px;
}
.scucumber {
	width: 39px;
	height: 16px;
	top: 191px;
	left: 269px;
}
.pcod {
	width: 51px;
	height: 14px;
	top: 117px;
	left: 13px;
}
.rband {
	width: 56px;
	height: 13px;
	top: 176px;
	left: 226px;
}
.rgurnard {
	width: 29px;
	height: 13px;
	top: 152px;
	left: 226px;
}
.shopper {
	width: 22px;
	height: 15px;
	top: 134px;
	left: 40px;
}
.scrab {
	width: 39px;
	height: 31px;
	top: 118px;
	left: 273px;
}
.whiting {
	width: 47px;
	height: 16px;
	top: 157px;
	left: 45px;
}
.ysole {
	width: 37px;
	height: 20px;
	top: 127px;
	left: 227px;
}

.uv {
	width: 45px;
	height: 37px;
	top: 123px;
	left: 95px;
}
.plankton {
	width: 63px;
	height: 48px;
	top: 119px;
	left: 171px;
}
.micros {
	width: 51px;
	height: 48px;
	top: 121px;
	left: 261px;
}

.ddt {
	width: 76px;
	height: 76px;
	top: 139px;
	left: 2px;
}
.pcb {
	width: 75px;
	height: 69px;
	top: 147px;
	left: 83px;
}
.hch {
	width: 75px;
	height: 69px;
	top: 147px;
	left: 163px;
}
.npe {width: 76px;height: 76px;top: 139px;left: 243px;}
.oil {width: 59px;height: 61px;top: 3px;left: 144px;}
.making {width: 92px;height: 56px;top: 72px;left: 30px;}
.melded {width: 105px;height: 39px;top: 202px;left: 80px;}
.recycle {width: 56px;height: 74px;top: 165px;left: 20px;}
.fspill {width: 93px;height: 69px;top: 130px;left: 78px;}
.tspill1 {width: 101px;height: 62px;top: 69px;left: 190px;}
.sspill {width: 61px;height: 58px;top: 284px;left: 9px;}
.lsea {width: 106px;height: 30px;top: 347px;left: 10px;}
.tspill2 {width: 104px;height: 64px;top: 174px;left: 201px;}
.tspill3 {width: 98px;height: 82px;top: 273px;left: 206px;}
.shippedw {width: 98px;height: 54px;top: 275px;left: 72px;}
.ind1 {width: 30px;height: 13px;top: 125px;left: 11px;}
.ind2 {width: 47px;height: 28px;top: 77px;left: 66px;}
.wild1 {width: 30px;height: 14px;top: 125px;left: 45px;}
.wild2 {width: 30px;height: 25px;top: 89px;left: 181px;}
.wild3 {width: 26px;height: 23px;top: 44px;left: 173px;}
.wild4 {width: 30px;height: 35px;top: 8px;left: 214px;}
.wild5 {width: 22px;height: 27px;top: 11px;left: 285px;}
.wild6 {width: 45px;height: 18px;top: 48px;left: 244px;}
.beach1 {width: 27px;height: 13px;top: 125px;left: 77px;}
.beach2 {width: 19px;height: 21px;top: 19px;left: 191px;}
.beach3 {width: 19px;height: 19px;top: 70px;left: 224px;}
.beach4 {width: 19px;height: 17px;top: 68px;left: 254px;}
.fish1 {width: 24px;height: 14px;top: 125px;left: 110px;}
.fish2 {width: 29px;height: 18px;top: 76px;left: 147px;}
.fish3 {width: 27px;height: 18px;top: 49px;left: 205px;}
.fish4 {width: 27px;height: 18px;top: 25px;left: 254px;}
	
}

@media (max-width: 420px) {
	.homebk { height: 1050px;}	
	#message { display: none; }
}

@media print {
*, *:before, *:after { background: transparent !important;
color: #000 !important; /* Black prints faster:
 http://www.sanbeiji.com/archives/953 */
box-shadow: none !important;
text-shadow: none !important; }
a, a:visited { text-decoration: underline; }

/*a[href]:after { content: " (" attr(href) ")"; }
abbr[title]:after { content: " (" attr(title) ")"; }
* Don't show links that are fragment identifiers,
* or use the `javascript:` pseudo protocol
*/
a[href^="#"]:after, a[href^="javascript:"]:after { content: ""; }
pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
/*
* Printing Tables:
* http://css-discuss.incutio.com/wiki/Printing_Tables
*/
thead { display: table-header-group; }
tr, img { page-break-inside: avoid; }
img { max-width: 100% !important; }
p, h2, h3 { orphans: 3; widows: 3; }
h2, h3 { page-break-after: avoid; }
#right, #nav, .supporters, #breadcrumbs, .vdesk, .vmob  { display:none; }
}