/* **********  RESET browser settings  *********** */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dd, dl, dt, li, ol, ul, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;

}
a img, :link img, :visited img {border: 0;}
table {border-collapse: collapse;border-spacing: 0;}
ol, ul {list-style: none;}
q:before, q:after, blockquote:before, blockquote:after {content: "";}
/* **********  END RESET browser settings  *********** */

body, html {width:100%; height:100%;}

/* basic styling and commonly used classes */
body {
    font-family: sans-serif;
    font-size: 13px;
    color:#000;
    font-family: "Open Sans", sans-serif;
    background:#fff;
}


p {margin-bottom: 15px;}

strong {font-family: 'museo_sans700';}
em {font-style:italic;}

.align-center {text-align:center;}

a, a:hover, a:focus {cursor:pointer;outline:none; text-decoration:none;}

a {text-decoration: none;}
a:hover {opacity: 0.5;}

ul {list-style-type:disc; margin:0 0 0 17px; padding:0px;}

img{border:none;}
.clear {clear:both;display:block;font-size:0;line-height:0;}

.no-pad {padding:0; margin:0;}
.no-pad-left {padding:0 15px 0 0;}
.no-pad-right {padding:0 0 0 15px;}
/* ********************************************** */
.container {max-width:1024px; margin:0 auto;}
.container-fluid  {padding:0;}
.container-fluid .row {margin:0;}

#header {width:100%; z-index: 10000; height:95px; background-color:#341943;}

#header .logo1 {padding-top:40px;}
#header .logo2 {text-align:center; padding-top:22px;}

#header .stories a{font-family: 'museo_sans500'; font-size:12px; line-height: 20px; color:#fff; text-transform: uppercase; background:url(../images/hamburger.png) left center no-repeat; padding-left:28px;}
#header .stories a:hover {opacity: 0.7;}

@media (max-width: 992px) {
	}
@media (max-width: 480px) {
	}
	
	
#stories-slider {z-index:10000; background:rgba(0,0,0,0.8); position:absolute; right:-100%; top:55px; width:100%;}
#stories-slider a.closebtn {position:absolute; top:0px; left:0px; text-indent:-9999px; width:25px; height:120px; background:url(../images/btn_stories_close.png) no-repeat;}
#stories-slider ul {list-style-type:none; overflow:hidden; margin-left:40px;}
#stories-slider ul li {float: left; width: 120px; height: 100px; text-align: center; color: #fff; padding: 10px; font-size: 11px; line-height: 13px;}
#stories-slider ul li a {color:#fff; font-weight:400; text-align:center;}
#stories-slider ul li img {margin-bottom:5px;}


#pagenav {position: fixed;
	z-index:100000;
    bottom: 15px;
    right: 30px;
    background: rgba(0,0,0,0.5);
    width: 38px;
    height: 150px;
    z-index:100; 
    padding:5px 0;
	border-radius: 10px 10px 10px 10px;
	-moz-border-radius: 10px 10px 10px 10px;
	-webkit-border-radius: 10px 10px 10px 10px;
	}
	
#pagenav .pagenav-link {position: relative; display: block;}
#pagenav .pagenav-link a {}
#pagenav .pagenav-link .linktext{ display:none;
	position: absolute;
    right: 120%;
    top: 7px;
    color: #fff;
    font-size: 12px;}

/********  COVER PAGE ********/
#cover #row1{ 
	margin:0px 5%;
	height:100%;
  background:url(../images/cover_mainphoto.jpg) no-repeat center center; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  position:relative;
  margin-bottom:20px;
  overflow:hidden;
}

#cover #row1 .fade1 {display:none; background:url(../images/cover_circle.png) no-repeat center center; z-index:1;}
#cover #row1 .fade2 {display:none; background:url(../images/cover_lines.png) no-repeat center center; z-index:2;}
#cover #row1 .fade3 {display:none; z-index:3;}
#cover #row1 .fade3 .copy1 {width:23%;font-family: 'museo_sans500', "Open Sans", sans-serif; font-size:15px; line-height:17px; color:#fff; position:absolute; top:21%; left:70%; text-shadow: 2px 2px 3px rgba(150, 150, 150, 1); border:1px solid rgba(255,255,255,0.3); padding:6px;background-color:rgba(0,0,0,0.2);}
#cover #row1 .fade3 .copy2 {width:23%; font-family: 'museo_sans500', "Open Sans", sans-serif; font-size:15px; line-height:17px; color:#fff; position:absolute; top:51%; left:70%; text-shadow: 2px 2px 3px rgba(150, 150, 150, 1); border:1px solid rgba(255,255,255,0.3); padding:6px; background-color:rgba(0,0,0,0.2);}

#cover #row1 .fadeitem {
	position:absolute; 
	top:0px; left:0px;	
	height:100%;
	width:100%;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  overflow:hidden;
}

@media only screen and (max-width: 1024px) {
	#cover #row1 .fade2 {visibility:hidden;}
	#cover #row1 .fade3 .copy1 {width: 23%; position: absolute; top: auto; bottom: 0px; left: 10%;}
	#cover #row1 .fade3 .copy2 {width: 23%; position: absolute; top: auto; bottom: 0px; left: 40%;}
}
@media only screen and (max-width: 992px) {
	#cover #row1{margin:0px 0px;}
	#header { height:auto;}

}
@media only screen and (max-width: 768px) {
	#cover #row1 .fade3 .copy1 {width: 40%; position: absolute; top: auto; bottom: 2%; left: 0%;}
	#cover #row1 .fade3 .copy2 {width: 40%; position: absolute; top: auto; bottom: 2%; right: 10%; left:auto;}
	#header .logo1 {padding-top:15px; text-align:center;}
	#header .logo2 {text-align:center; padding-bottom:15px; padding-top:5px;}
	#header .logo1 img { width:50%; height:auto;}
	#header .logo2 img { width:30%; height:auto;}
}

#cover #row2 {color:#d7d7d7; font-family: 'museo_sans300'; font-size:18px; line-height:22px; margin-bottom:20px; text-align:center;}
#cover #row2 h1 {font-size:68px; line-height:68px; font-family: 'museo_sans700'; margin:30px 0 0 0;}

#cover #pinContainer {
	width: 100%;
	height: 576px;
	overflow: hidden;
}
#cover .panel {
	height: 576px;
	width: 100%;
	position: absolute;
	background:transparent;
}

#cover #pinContainer {background:url(../images/cover_row3_farm.jpg) no-repeat right top; background-size:cover;}

#cover #pinContainer .panel div {width:40%; height:576px; padding:25px 205px 0 25px; background-color:rgba(0,0,0,0.5); position:absolute; left:0px; color:#fff; font-size:22px; line-height: 30px; font-family: 'museo_sans300';}
#cover #pinContainer .copy1 h2, #cover #pinContainer .copy2 h2, #cover #pinContainer .copy3 h2 {font-family: 'heuristicaregular'; font-size:72px; margin-bottom:10px; }

#cover #pinContainer .photo2 {background:url(../images/cover_row3_city.jpg) no-repeat right top; background-size:cover;}
#cover #pinContainer .photo3 {background:url(../images/cover_row3_doctors.jpg) no-repeat right center; background-size:cover;}

@media only screen and (max-width: 1200px) {
	#cover #row2 h1 {font-size:48px; line-height:58px;}
	#cover #pinContainer .panel div { height:450px; padding:25px 100px 0 25px; font-size:16px; line-height: 20px;}
	#cover #pinContainer .copy1 h2, #cover #pinContainer .copy2 h2, #cover #pinContainer .copy3 h2 {font-size:56px;}
	#cover #pinContainer {height: 450px;}
	#cover .panel {height: 450px;}
}

/********  /COVER PAGE ********/

/********  HISTORY PAGE ********/
#history #header {position:relative;}

/********  /HISTORY PAGE ********/



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

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

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

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

}


@media only screen and (max-width: 992px) and (min-width: 769px) {

}


/* ********************************************** */
@font-face {
    font-family: 'museo_sans100';
    src: url('/css/fonts/MuseoSans_100-webfont.eot');
    src: url('/css/fonts/MuseoSans_100-webfont.eot?#iefix') format('embedded-opentype'),
         url('/css/fonts/MuseoSans_100-webfont.woff2') format('woff2'),
         url('/css/fonts/MuseoSans_100-webfont.woff') format('woff'),
         url('/css/fonts/MuseoSans_100-webfont.ttf') format('truetype'),
         url('/css/fonts/MuseoSans_100-webfont.svg#museo_sans100') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'museo_sans300';
    src: url('/css/fonts/MuseoSans_300-webfont.eot');
    src: url('/css/fonts/MuseoSans_300-webfont.eot?#iefix') format('embedded-opentype'),
         url('/css/fonts/MuseoSans_300-webfont.woff2') format('woff2'),
         url('/css/fonts/MuseoSans_300-webfont.woff') format('woff'),
         url('/css/fonts/MuseoSans_300-webfont.ttf') format('truetype'),
         url('/css/fonts/MuseoSans_300-webfont.svg#museo_sans300') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'museo_sans500';
    src: url('/css/fonts/MuseoSans_500-webfont.eot');
    src: url('/css/fonts/MuseoSans_500-webfont.eot?#iefix') format('embedded-opentype'),
         url('/css/fonts/MuseoSans_500-webfont.woff2') format('woff2'),
         url('/css/fonts/MuseoSans_500-webfont.woff') format('woff'),
         url('/css/fonts/MuseoSans_500-webfont.ttf') format('truetype'),
         url('/css/fonts/MuseoSans_500-webfont.svg#museo_sans500') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'museo_sans700';
    src: url('/css/fonts/MuseoSans_700-webfont.eot');
    src: url('/css/fonts/MuseoSans_700-webfont.eot?#iefix') format('embedded-opentype'),
         url('/css/fonts/MuseoSans_700-webfont.woff2') format('woff2'),
         url('/css/fonts/MuseoSans_700-webfont.woff') format('woff'),
         url('/css/fonts/MuseoSans_700-webfont.ttf') format('truetype'),
         url('/css/fonts/MuseoSans_700-webfont.svg#museo_sans700') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'museo_sans900';
    src: url('/css/fonts/MuseoSans_900-webfont.eot');
    src: url('/css/fonts/MuseoSans_900-webfont.eot?#iefix') format('embedded-opentype'),
         url('/css/fonts/MuseoSans_900-webfont.woff2') format('woff2'),
         url('/css/fonts/MuseoSans_900-webfont.woff') format('woff'),
         url('/css/fonts/MuseoSans_900-webfont.ttf') format('truetype'),
         url('/css/fonts/MuseoSans_900-webfont.svg#museo_sans900') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'heuristicabold';
    src: url('/css/fonts/heuristica-bold-webfont.eot');
    src: url('/css/fonts/heuristica-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('/css/fonts/heuristica-bold-webfont.woff2') format('woff2'),
         url('/css/fonts/heuristica-bold-webfont.woff') format('woff'),
         url('/css/fonts/heuristica-bold-webfont.ttf') format('truetype'),
         url('/css/fonts/heuristica-bold-webfont.svg#heuristicabold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'heuristicaregular';
    src: url('/css/fonts/heuristica-regular-webfont.eot');
    src: url('/css/fonts/heuristica-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('/css/fonts/heuristica-regular-webfont.woff2') format('woff2'),
         url('/css/fonts/heuristica-regular-webfont.woff') format('woff'),
         url('/css/fonts/heuristica-regular-webfont.ttf') format('truetype'),
         url('/css/fonts/heuristica-regular-webfont.svg#heuristicaregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'museo_slab500';
    src: url('/css/fonts/Museo_Slab_500_2-webfont.eot');
    src: url('/css/fonts/Museo_Slab_500_2-webfont.eot?#iefix') format('embedded-opentype'),
         url('/css/fonts/Museo_Slab_500_2-webfont.woff2') format('woff2'),
         url('/css/fonts/Museo_Slab_500_2-webfont.woff') format('woff'),
         url('/css/fonts/Museo_Slab_500_2-webfont.ttf') format('truetype'),
         url('/css/fonts/Museo_Slab_500_2-webfont.svg#museo_slab500') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'museo_slab300_italic';
    src: url('/css/fonts/Museo_Slab_300italic-webfont.eot');
    src: url('/css/fonts/Museo_Slab_300italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('/css/fonts/Museo_Slab_300italic-webfont.woff2') format('woff2'),
         url('/css/fonts/Museo_Slab_300italic-webfont.woff') format('woff'),
         url('/css/fonts/Museo_Slab_300italic-webfont.ttf') format('truetype'),
         url('/css/fonts/Museo_Slab_300italic-webfont.svg#museo_slab300_italic') format('svg');
    font-weight: normal;
    font-style: normal;

}