#slideshow { position:relative; width:100%;min-height:745px; }
#slideshow div { position:absolute; width:100%; height:100%; background-size:cover; -webkit-transition:opacity 3s; transition:opacity 3s }
.js #slideshow div { opacity:0 } /* only hide images if js enabled */
.js #slideshow .show, #slideshow .show { opacity:1 }
#slideshow :nth-child(1) { background-image:url(../images/home6.jpg);background-position: top center; background-size: cover; background-repeat: no-repeat;}
#slideshow :nth-child(2) { background-image:url(../images/home7.jpg);background-position: top right;  background-size: cover; background-repeat: no-repeat;}
#slideshow :nth-child(3) { background-image:url(../images/home8.jpg);background-position: bottom right;  background-size: cover; background-repeat: no-repeat;}
#slideshow :nth-child(4) { background-image:url(../images/home9.jpg);background-position: top left;  background-size: cover; background-repeat: no-repeat;}
#slideshow :nth-child(5) { background-image:url(../images/home10.jpg);background-position: bottom left;  background-size: cover; background-repeat: no-repeat;}
.topCurve{
    background-image: url(../images/curve1.png);
    background-position: top left;
    background-repeat: no-repeat;
    z-index:999;
    min-height:80px;
    position:absolute;
    top:0px;
    width:100%;
}
#bg, #page{
  position:absolute;
  //overflow:auto; /* ADDED! */
  //top:0;
  //bottom:0;
  //left:0;
  //right:0;
  width:100%;
  margin:0px auto;
  height:100%;
  min-height:745px;

}
/*FORM*/
label.join{
	display: block;
	text-transform:uppercase;
	padding-top:5px;
	padding-bottom:5px;
}
#totalPrice{
	font-size:18px;
	font-weight:bold;
}
input.join-input{
	height:38px;
	text-indent:5px;
	width:99%;
	font-size:16px;
	padding: 5px 5px 5px 15px;

}
select.join-input{
	height:38px;
	text-indent:5px;
	width:100%;
	font-size:16px;
	padding: 5px 5px 5px 15px;

}
textarea.join-input{
	text-indent:5px;
	height:200px;
	width:99%;
	font-size:16px;
	padding: 5px 5px 5px 15px;

}
.inlinelabel{
	font-size:16px;
	display:inline;
}
.crunchify-top:hover {
color: #fff !important;
background-color: #00367c;
text-decoration: none;
}
 
.crunchify-top {
display: none;
position: fixed;
bottom: 1rem;
right: 1rem;
width: 3.2rem;
height: 3.2rem;
line-height: 3.2rem;
font-size: 2.4rem;
color: #fff;
background-color: rgba(0,0,0,0.3);
text-decoration: none;
border-radius: 3.2rem;
text-align: center;
cursor: pointer;
-ms-transform: rotate(270deg); /* IE 9 */
    -webkit-transform: rotate(270deg); /* Chrome, Safari, Opera */
    transform: rotate(270deg);
}

/*END FORM*/
/*GENERAL*/
img.img750{
	width:100%;
	max-width:750px;
}
.block2{
	border:1px solid #444444;
	padding:20px;
	margin:20px 0px;
	border-radius: 2px 2px 15px 2px;
}
.block2:hover {
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
#reportContainer img{
	width:100%;
	max-width:600px;
	height:auto !important;
	border-radius:15px;
	box-shadow: 10px 10px 23px 0px rgba(0,0,0,0.55);
	-webkit-box-shadow: 10px 10px 23px 0px rgba(0,0,0,0.55);
	-moz-box-shadow: 10px 10px 23px 0px rgba(0,0,0,0.55);
	border:10px solid #ffffff;
}
.navSelectedItem{
	font-weight:bold;
	border-bottom:2px solid #003366;
	color:#003366;
}
.Social{
	margin:0px 20px;
}
.heroBlock{
	margin:0px auto;
	display:inline-block;
	position: absolute;
    top: 50%; left: 50%;
	width:100%;
    transform: translate(-50%,-50%);
}
.blueOverlay{
	width:100%;
	background-color:rgba(30,69,108,0.9);
	color:#ffffff;
	padding:20px;
	margin:0px auto;
}
.circleTop{
	position:absolute;
	top:-240px !important;
}
.circleTopSecondary{
	position:absolute;
	top:80px !important;
}
.Bottom{
	position: absolute;
	top: 380px;
}
.circle {
  height: 120px;
  width: 120px;
  background-color:rgba(30,69,108,1);
  background-color:#003366;
  border-radius: 50%;
  border:2px solid #ffffff;
  display: inline-block;
  position:absolute;
  top:-60px;
  right:0px;
  z-index:9999;
  box-shadow: 10px 10px 23px 0px rgba(0,0,0,0.75);
  -webkit-box-shadow: 10px 10px 23px 0px rgba(0,0,0,0.75);
  -moz-box-shadow: 10px 10px 23px 0px rgba(0,0,0,0.75);
}
.blackButton{
	background-color:#000000;
	font-size:70%;
	color:#ffffff;
	padding:10px 20px;
	display:inline-block;
	text-decoration:none;
	border:0px;
}
/*TYPE*/
a {
  color:#003366;
}
.Uppercase{
	text-transform:uppercase;
}
H1{
	font-size:24px;
}
H2{
	font-size:20px;
}
.ReportHeading{
	font-weight:400;
	font-size:30px;
	line-height:30px;
	text-transform:uppercase;
}
.ReportTitle{
	font-weight:400;
	font-size:18px;
	line-height:20px;
	position: absolute;
	adisplay:inline-block;
    top: 40%; left: 50%;
	width:100%;
    transform: translate(-50%,-50%);
 }
/*COLOURS*/
.primary{
	color:#003366;
}
.secondary{
}
.teriary{
}
.White{
	color:#ffffff;
}
/*LAYOUT*/
.section1{
	min-height:100vh;
	margin-top:100vh;
}
.swap {
	display: flex;
	flex-flow: column-reverse; 
	text-align:left;
}
.Aligner {
  display: flex;
  align-items: center;
}
.TopBottom50{
	padding:50px 0px;
}
/*DIV APPEARANCE & FORMATTING*/
.transparent{
	background-color:transparent !important;
}
.content1{
	background-color:#ffffff;
}
.left{
	text-align:left;
}
.right{
	text-align:right;
}
.centre{
	text-align:center;
}
.contentText{
	width:100%;
	padding:50px;
}
.small{
	font-size:90%;
}
/*BACKGROUNDS*/
curve{
	background-image: url(../images/curve.png);
	background-repeat:no-repeat;
	background-position: top center;
}
.home1{
    background-image: url(../images/curve1.png), url(../images/home1.jpg);
	background-position: top left, center center;
	background-repeat: no-repeat no-repeat;
	min-height:745px;
	position: relative;
}
.home2{
    background-image: url(../images/curve1.png), url(../images/home2.jpg);
	background-position: top left, center center;
	background-repeat: no-repeat no-repeat;
	min-height:745px;
	position: relative;
}
.home3{
    background-image: url(../images/curve1.png), url(../images/home3.jpg);
	background-position: top left, center center;
	background-repeat: no-repeat no-repeat;
	min-height:745px;
	position: relative;
}
.home4{
    background-image: url(../images/curve1.png), url(../images/home4.jpg);
	background-position: top left, center center;
	background-repeat: no-repeat no-repeat;
	min-height:745px;
	position: relative;
}
.home5{
    background-image: url(../images/curve1.png), url(../images/home5.jpg);
	background-position: top left, center center;
	background-repeat: no-repeat no-repeat;
	min-height:745px;
	position: relative;
}
.reports1{
    background-image: url(../images/curve.png), url(../images/bgReports.jpg);
	background-position: top left, center center;
	background-repeat: no-repeat no-repeat;
	min-height:520px;
	position: relative;
}
.pageHeader{
	background-position: top left, center center;
	background-repeat: no-repeat no-repeat;
	min-height:520px;
	position: relative;
}
#about{
    background-image: url(../images/curve.png), url(../images/about.jpg);
}
#cape-nature{
    background-image: url(../images/curve.png), url(../images/cape-nature.jpg);
}
#chairmansReports{
    background-image: url(../images/curve.png), url(../images/chairmansReports.jpg);
}
#constitution{
    background-image: url(../images/curve.png), url(../images/constitution.jpg);
}
#contributors{
    background-image: url(../images/curve.png), url(../images/contributors.jpg);
}
#discounts{
    background-image: url(../images/curve.png), url(../images/discounts.jpg);
}
#courts{
    background-image: url(../images/curve.png), url(../images/courts.jpg);
}
#environmental{
    background-image: url(../images/curve.png), url(../images/environmental.jpg);
	background-position: top left, center right !important;
}
#exco{
    background-image: url(../images/curve.png), url(../images/exco.jpg);
}
#media{
    background-image: url(../images/curve.png), url(../images/media.jpg);
}
#exemplaryServiceAwards{
    background-image: url(../images/curve.png), url(../images/exemplaryServiceAwards.jpg);
}
#flyfishingGuiding{
    background-image: url(../images/curve.png), url(../images/flyfishingGuiding.jpg);
}
#history{
    background-image: url(../images/curve.png), url(../images/history.jpg);
}
#GuideTigerfish{
    background-image: url(../images/curve.png), url(../images/GuideTigers.jpg);
}
#GuideBass{
    background-image: url(../images/curve.png), url(../images/GuideBass.jpg);
}
#GuideTrout{
    background-image: url(../images/curve.png), url(../images/GuideTrout.jpg);
}
#GuideYellowfish{
    background-image: url(../images/curve.png), url(../images/Yellow_1.jpg);
}
#GuideOffshore{
    background-image: url(../images/curve.png), url(../images/GuideOffshore.jpg);
}
#publications{
    background-image: url(../images/curve.png), url(../images/publications.jpg);
}
#policies{
    background-image: url(../images/curve.png), url(../images/policies.jpg);
}
#patrons{
    background-image: url(../images/curve.png), url(../images/patrons.jpg);
}
#ngo{
    background-image: url(../images/curve.png), url(../images/ngo.jpg);
	background-position: top left, center left !important;
}
#milestones{
    background-image: url(../images/curve.png), url(../images/milestones.jpg);
}
#links{
    background-image: url(../images/curve.png), url(../images/links.jpg);
}
#legislation{
    background-image: url(../images/curve.png), url(../images/legislation.jpg);
}
#ywg{
    background-image: url(../images/curve.png), url(../images/ywg.jpg);
}
#ywgArchives{
    background-image: url(../images/curve.png), url(../images/ywgArchives.jpg);
}
#ywgNewsletters{
    background-image: url(../images/curve.png), url(../images/ywgNewsletters.jpg);
}
#vision{
    background-image: url(../images/curve.png), url(../images/vision.jpg);
}
#troutPositionPaper{
    background-image: url(../images/curve.png), url(../images/troutPositionPaper.jpg);
}
.footer{
    background-image: url(../images/curveFooter.png);
	background-position:bottom center;
	background-repeat: no-repeat;
	min-height:283px;
	margin-top:-40px;
	position:relative;
	padding-top:100px;
}
.bg{
	background-repeat:no-repeat;
	background-position: center center;
	background-size: cover;
	min-height:538px;
}
.bg1{
	background-image: url(../images/bg1.jpg);
}
.bg2{
	background-image: url(../images/bg2.jpg);
	background-position: -380px 0px;
}
.bg3{
	background-image: url(../images/bg3.jpg);
}
.bg4{
	background-image: url(../images/bg4.jpg);
	background-position: -380px 0px;
}
.bg5{
	background-image: url(../images/bg5.jpg);
}
/*NAV*/
#NavSmall{
	display:block !important;
}
#NavBig{
	display:none !important;
}
#navBar{
	position:relative;
	top:25px;
	text-transform:uppercase;
	height:45px;
	z-index:9999;
}
#primary_nav_wrap
{
	position:relative;
	top:0px;
	margin-top:0px;
	padding-top:0px;
	padding-left:0px;
}

#primary_nav_wrap ul
{
	list-style:none;
	position:relative;
	float:left;
	margin:0;
	padding:0
}

#primary_nav_wrap ul a
{
	display:block;
	color:#747466;
	text-decoration:none;
	font-size:14px;
	line-height:16px;
	padding:10px 20px 10px 20px;
}
#primary_nav_wrap ul a:hover
{
	display:block;
	color:#003366;
	top:-1px;
	aborder-bottom:2px solid #253d55;
}

#primary_nav_wrap ul li
{
	position:relative;
	float:left;
	margin:0;
	padding:0;
}

#primary_nav_wrap ul li.current-menu-item{
	
}
.navcurrent{
	padding-bottom:8px;
	border-bottom:4px solid #000;
}

#primary_nav_wrap ul li:hover
{
	abackground:#866b31;
	'height:55px;
}

#primary_nav_wrap ul ul
{
	display:none;
	position:absolute;
	top:100%;
	left:0;
	background:#cedcea;
	background-color:rgba(206, 220, 234, 1);
	padding:0;
	z-index:9999;
}

#primary_nav_wrap ul ul li
{
	float:none;
	width:240px
}
#primary_nav_wrap ul ul li.ngo
{
	float:none;
	width:280px
}

#primary_nav_wrap ul ul a {
	afont-size:12px;
	color:#000000;
	line-height:inherit;
}
#primary_nav_wrap ul ul a:hover {
	background-color:#abcae8;
	color:#003468;
	font-weight:bold;
	border-bottom:2px solid #253d55;
}

#primary_nav_wrap ul ul ul
{
	top:0;
	left:100%
}

#primary_nav_wrap ul li:hover > ul
{
	display:block
}
/*MOBILE NAV*/
#primary_nav_wrapMobile
{
	position:relative;
	top:0px;
	margin-top:0px;
	padding-top:0px;
	padding-left:0px;
}

#primary_nav_wrapMobile ul
{
	list-style:none;
	position:relative;
	float:left;
	margin:0;
	padding:0
}

#primary_nav_wrapMobile ul a
{
	display:block;
	color:#747466;
	text-decoration:none;
	font-size:14px;
	line-height:16px;
	padding:10px 20px 10px 20px;
}
#primary_nav_wrapMobile ul a:hover
{
	display:block;
	color:#003366;
	top:-1px;
}

#primary_nav_wrapMobile ul li
{
	position:relative;
	float:left;
	margin:0;
	padding:0;
}

#primary_nav_wrapMobile ul li.current-menu-item{
	
}
.navcurrent{
	padding-bottom:8px;
	border-bottom:4px solid #000;
}

#primary_nav_wrapMobile ul li:hover
{

}

#primary_nav_wrapMobile ul ul
{
	display:none;
	position:absolute;
	top:100%;
	left:0;
	background:#cedcea;
	background-color:rgba(206, 220, 234, 0.9);
	padding:0;
	z-index:9999;
}

#primary_nav_wrapMobile ul ul li
{
	float:none;
	width:180px
}
#primary_nav_wrapMobile ul ul li.ngo
{
	float:none;
	width:280px
}

#primary_nav_wrapMobile ul ul a {
	color:#000000;
	line-height:inherit;
}
#primary_nav_wrapMobile ul ul a:hover {
	background-color:#abcae8;
	color:#003468;
	font-weight:bold;
	border-bottom:2px solid #253d55;
}

#primary_nav_wrapMobile ul ul ul
{
	top:0;
	left:100%
}

#primary_nav_wrapMobile ul li:hover > ul
{
	display:block
}
/*END MOBIEL STYLES*/
/*THE STYLES BELOW ARE ONLY FOR TABLET AND LARGER*/
@media (min-width: 600px) {
/*BACKGROUNDS*/
.bg2{
	background-position: 0px 0px;
}
.bg4{
	background-position: 0px 0px;
}
/*DIV APPEARANCE & FORMATTING*/
.content1{
	min-height:538px;
}
/*LAYOUT*/
.swap {
	display: block;
	text-align:right;
}
.floatRight{
	float:right;
}
/*DIV APPEARANCE & FORMATTING*/
.contentText{
	width:50%;
	padding:30px;
}
.circle {
  height: 120px;
  width: 120px;
  background-color:rgba(30,69,108,1);
  background-color:#003366;
  border-radius: 50%;
  border:2px solid #ffffff;
  display: inline-block;
  position:absolute;
  top:-60px;
  right:-60px;
  z-index:9999;
  box-shadow: 10px 10px 23px 0px rgba(0,0,0,0.75);
  -webkit-box-shadow: 10px 10px 23px 0px rgba(0,0,0,0.75);
  -moz-box-shadow: 10px 10px 23px 0px rgba(0,0,0,0.75);
}
#primary_nav_wrap ul ul
{
	background-color:rgba(206, 220, 234, .9);
}
#NavSmall{
	display:none !important;
}
#NavBig{
	display:block !important;
}
}

/*HOVER*/
.hvr-underline-from-center{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);position:relative;overflow:hidden}.hvr-underline-from-center:before{content:"";position:absolute;z-index:-1;left:51%;right:51%;bottom:0;background:#003366;height:4px;-webkit-transition-property:left,right;transition-property:left,right;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-underline-from-center:active:before,.hvr-underline-from-center:focus:before,.hvr-underline-from-center:hover:before{left:0;right:0}