/* ---------------------------------------------------------
   1. General reset
   2. Common site styles
   3. Styles for responsive breakpoints
   4. Retina styles
   ---------------------------------------------------------*/

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

@font-face {
	font-family: 'Sentinel-MediumItalic';
	src: url('../fonts/Sentinel-MediumItalic.eot');
	src: url('../fonts/Sentinel-MediumItalic.woff') format('woff'), 
         url('../fonts/Sentinel-MediumItalic.ttf') format('truetype'), 
         url('../fonts/Sentinel-MediumItalic.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
*/
/* ---------------------------------------------------------
   1. General reset
   ---------------------------------------------------------*/
* {max-height: 100000px;}
html {
	box-sizing: border-box;
	height:100%;
}
*, *:before, *:after {
	box-sizing: inherit;
}
/* remove default margin and padding for all tags */
* { 
	margin:0; 
	padding:0;
}
/* set margins for common tags */
ul, ol, dl, p, h1, h2, h3, h4, h5, h6, address, form, table, blockquote, applet, embed, object, iframe, frameset, mejs-container{margin:0 0 14px;}
html, body, div, span, applet, embed, object, iframe, frameset,
p, q, blockquote, sub, sup, a, abbr, acronym, font, img, small, center,
h1, h2, h3, h4, h5, h6, b, strong, big, u, ins,
i, cite, em, var, dfn, address, s, strike, del,
dl, dt, dd, ol, ul, li, pre, code, kbd, samp, tt,
fieldset, legend, form, label, table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, footer, header,
hgroup, menu, nav, section, summary, time, mark, audio,video{
	border:0;
	background:none;
}
/*
 * set default text color
 * set default font size, line height and font family
 * set default background
 */
body {
	height:100%;
	color:#000;
	font:14px/18px 'Open Sans', Arial, Helvetica, sans-serif;
	background:#fff;
	overflow-y: scroll;
	-webkit-text-size-adjust:100%;
	-ms-text-size-adjust:none;
	min-width:320px;
}
article, aside, details, figcaption, figure, footer, header, main, nav, section, summary {
	display: block;
}
input[type=text], input[type=password], input[type=email], input[type=file], input[type=submit], textarea{-webkit-appearance:none;border-radius:0;}
/* set styles for default page links */
a {
	text-decoration:underline;
	color:#00324d;
	outline:none;
}
a:hover {text-decoration:none;}
/* set default styles in all browsers */
img{
	vertical-align:top;
	border-style:none;
}
video, iframe, object, embed{max-width: 100%;}
/* set typography styles for common tags */
input, textarea, select {
	font:100% Arial, Helvetica, sans-serif;
	vertical-align:middle;
	color:#000;
}
textarea {
	overflow: auto;
	resize: vertical;
	vertical-align: top;
}
input[type="text"],
input[type="tel"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
textarea{
	background:#fff;
	margin: 0;
	-webkit-appearance:none;
	border:1px solid #ccc;
	padding:3px 4px;
}
label{vertical-align:middle;}
button::-moz-focus-inner,
input::-moz-focus-inner {
	padding:0;
	border:0;
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
	-webkit-appearance: button;
	cursor: pointer;
	*overflow: visible;
}
input[type="search"] {-webkit-appearance: none;}
input[type="search"]::-webkit-search-cancel-button {-webkit-appearance: none;}
input[type="search"]::-webkit-search-decoration {display:none;}
h1, h2, h3, h4, h5, h6, b, strong, th{font-weight:bold;}
h1{font-size:200%;}
h2{font-size:150%;}
h3{font-size:120%;}
h4{font-size:110%;}
h5{font-size:100%;}
h6{font-size:90%;}
i, cite, em, var, dfn, address{font-style:italic;}
u, ins {text-decoration: underline;}
s, strike, del {text-decoration: line-through;}
blockquote, blockquote:before, blockquote:after, q, q:before, q:after {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: '';}
blockquote{
	border-left:4px solid #ccc;
	padding-left:10px;
	margin-left:14px; 
}
sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}
sup {top: -0.5em;}
sub {bottom: -0.25em;}
table, caption, tbody, tfoot, thead, tr, th, td{
	border-collapse: collapse;
	border-spacing: 0;
}
th, td{
	border:1px solid #ccc;
	padding:3px 7px;
	text-align:left;
	vertical-align:top;
}
th{
	border-color:#999;
	text-align:center;
	vertical-align:middle;
}
ul{ margin-left:1px; }
ul, ol{ padding-left:3em; }
ul ul,
ul ol,
ol ul, 
ol ol{
	padding-left:3em;
	margin:0;
}
ul>li{list-style-type:disc;}
dl dt{
	float:left;
	clear:left;
	padding-right:4px;
	font-weight:bold;
}
::-webkit-input-placeholder {color: #c0c5ca;}
:-moz-placeholder {color: #c0c5ca;}
::-moz-placeholder {
	color: #c0c5ca;
	opacity: 1;
}
:-ms-input-placeholder {color: #c0c5ca;}

/* ---------------------------------------------------------
	2. �ommon site styles
	--------------------------------------------------------*/

/* main container styles */
#wrapper{
	width:100%;
	height:100%;
	display:table;
	margin:0 auto;
	table-layout:fixed;
	overflow:hidden;
}
.w1{
	width:100%;
	display:table-row;
}
/* header style */
#header {
	background:#fff;
	overflow:hidden;
	padding: 0 0 14px;
	border-bottom:1px solid #5c6670;
}
#header .panel {
	background:#00324d;
	padding:7px 0 5px;
	margin:0 0 10px;
}
#header .holder:after{
	content:"";
	display:block;
	clear:both;
}
#header .holder {
	max-width:960px;
	margin:0 auto;
	padding:0 10px;
}
#header .logo {
	float:left;
	width:194px;
	height:48px;
	margin:0 0 0 11px;
}
#header .logo img {
	width:100%;
	height:auto;
}
/* header social networks style */
.social-networks {
	float:right;
	list-style:none;
	margin:0 9px 0 0;
	padding:0;
}
.social-networks li {
	float:left;
	list-style:none outside;
	margin:0 0 0 19px;
	color:#fff;
	text-transform:uppercase;
}
.social-networks li:first-child {margin:0;}
.social-networks li a {
	display:block;
	text-indent:-9999px;
	overflow:hidden;
	text-decoration:none;
	color:#fff;
	background: url(../images/sprite.png) no-repeat;
}
.social-networks li a:hover {
	text-decoration:underline;
	opacity:0.8;
}
.social-networks .facebook {
	background-position:0 0;
	width:16px;
	height:16px;
}
.social-networks .twitter {
	background-position:-35px -1px;
	width:21px;
	height:15px;
}
.social-networks .google {
	background-position:-75px 0;
	width:16px;
	height:16px;
}
/* navigation style */
#nav {
	float:right;
	padding: 18px 0 0;
}
#nav ul {
	float:left;
	list-style:none;
	margin:0;
	padding:0;
	font-size:16px;
	line-height:20px;
}
#nav ul li {
	float:left;
	list-style:none outside;
	margin:0 0 0 37px;
	position:relative;
}
#nav ul li:first-child {margin:0;}
#nav ul li a {
	color:#00324d;
	text-decoration:none;
}
#nav ul li.active:after,
#nav ul li:hover:after{
	content:"";
	position:absolute;
	left:0;
	top:100%;
	right:0;
	background:#000;
	height:4px;
	margin: 20px 0 0;
}
#nav ul li.active a,
#nav ul li:hover a{color:#101010;}
.opener{
	float: right;
	width:24px;
	height:22px;
	position:relative;
	text-indent:-9999px;
	overflow:hidden;
	display:none;
}
.opener:before,
.opener:after,
.opener span{
	background:#00324d;
	position:absolute;
	top:50%;
	left:0;
	right:0;
	height:6px;
	margin-top:-3px; /* height/2 */
}
.opener:before,
.opener:after{
	content:'';
	top:0;
	margin:0;
}
.opener:after{
	top:auto;
	bottom:0;
}
.nav-active .opener:after,
.nav-active .opener:before{
	-moz-transform:rotate(45deg);
	-webkit-transform:rotate(45deg);
	-ms-transform:rotate(45deg);
	transform:rotate(45deg);
	top:8px;
	left:0;
	right:0;
}
.nav-active .opener:after{
	-moz-transform:rotate(-45deg);
	-webkit-transform:rotate(-45deg);
	-ms-transform:rotate(-45deg);
	transform:rotate(-45deg);
}
.nav-active .opener span {display:none;}
/* main gallery style*/
.main-gallery {
	position: relative;
	border-bottom:1px solid #5c6670;
}
.main-gallery .mask {
	position: relative;
	overflow: hidden;
}
.main-gallery .mask .slideset {
	width: 99999px;
	float: left;
}
.main-gallery .mask .slide {
	float: left;
	overflow:hidden;
	text-align:center;
}
.main-gallery .mask .slide.active {z-index: 1;}
.main-gallery .mask .slide img {
	width:100%;
	height:auto;
}
.main-gallery .text-holder { bottom:0;} 
.main-gallery .text-holder-above  { bottom:101px; }
.main-gallery .text-holder, .main-gallery .text-holder-above {
	position:absolute;
	left:0;
	right:0;
	z-index:50;
}

.main-gallery .text-frame:after{
	content:"";
	display:block;
	clear:both;
}

.main-gallery .text-frame {
	margin:0 auto;
	max-width:960px;
	padding:0 10px;
	position:relative;
	z-index:20;
}

.main-gallery .text-holder-above .text ,
.main-gallery .text-holder-above .text:after { 	background: #000; }
.main-gallery .text-holder-above .text   { 
	color: #fff;
	opacity: 0.7;
    font-style: italic;
} 

.main-gallery .views-row:nth-of-type(1) .text-holder .text, 
.main-gallery .views-row:nth-of-type(1) .text-holder .text:after,
.main-gallery .pagination ul > li.active:nth-of-type(1) >a,
.main-gallery .pagination ul > li:nth-of-type(1) >a:hover { background: rgba(250,183,61,0.8) ;}

.main-gallery .views-row:nth-of-type(2) .text-holder .text, 
.main-gallery .views-row:nth-of-type(2) .text-holder .text:after,
.main-gallery .pagination ul > li.active:nth-of-type(2) >a,
.main-gallery .pagination ul > li:nth-of-type(2) >a:hover { background: rgba(80, 179, 207, 0.8);}

.main-gallery .views-row:nth-of-type(3) .text-holder .text, 
.main-gallery .views-row:nth-of-type(3) .text-holder .text:after,
.main-gallery .pagination ul > li.active:nth-of-type(3) >a,
.main-gallery .pagination ul > li:nth-of-type(3) >a:hover { background: rgba(168, 201, 52, 0.8);}

.main-gallery .views-row:nth-of-type(4) .text-holder .text, 
.main-gallery .views-row:nth-of-type(4) .text-holder .text:after,
.main-gallery .pagination ul > li.active:nth-of-type(4) >a,
.main-gallery .pagination ul > li:nth-of-type(4) >a:hover  { background: rgba(242, 90, 43, 0.8);}

.main-gallery .text-holder-above .text {  width: 650px;}
.main-gallery .text-holder .text { width:790px; }
.main-gallery .text {
	float:right;
	position:relative;
	text-align:right;
	padding:16px 0 15px;
	z-index:50;
}
.main-gallery .text:after{
	content:"";
	position:absolute;
	left:100%;
	right:-9999px;
	top:0;
	bottom:0;
}
.main-gallery .text h1 {
	text-transform:uppercase;
	margin:0 0 2px;
	color:#000;
	font-size:42px;
	line-height:46px;
	font-weight:600;
}
.main-gallery .text .more {
	color:#fff;
	text-decoration:none;
	padding:0 28px 0 0;
	position:relative;
	font-size:18px;
	line-height:22px;
	font-weight:600;
}
.main-gallery .text .more:after{
	content:"";
	position:absolute;
	top:11px;
	right:0;
	width:18px;
	height:6px;
	background: url(../images/sprite.png) no-repeat 0 -22px;
}
.main-gallery .pagination {
	position:absolute;
	bottom:22px;
	left:0;
	right:0;
	z-index:10;
}
.main-gallery .pagination ul {
	list-style:none;
	padding:0;
	max-width:940px;
	margin:0 auto;
	overflow:hidden;
	position:relative;
	z-index:30;
}
.main-gallery .pagination ul li {
	list-style:none outside;
	float:left;
	margin:0 0 0 15px;
}
.main-gallery .pagination ul li:first-child {margin:0 0 0 6px;}
.main-gallery .pagination ul li a {
	display:block;
	text-indent:-9999px;
	overflow:hidden;
	width:21px;
	height:21px;
	border-radius:50%;
	background:rgba(255,255,255,0.75);
}
.main-gallery .pagination ul li.active a,
.main-gallery .pagination ul li a:hover {background:#fab73d;}
/* main informative part styles */
#main {
	max-width:960px;
	margin:0 auto;
	padding: 29px 10px 15px;
}
.promo {text-align:center;}
.promo img {
	width:100%;
	height:auto;
}
/* page introductory content styles */
.intro {
	font-size:22px;
	line-height:48px;
	border-bottom:1px solid #00324d;
	margin: 0 0 24px;
	padding: 0 0 31px;
	position:relative;
}
.intro .down {
	position:absolute;
	left:100%;
	top:0;
	margin:0 0 0 28px;
	text-indent:-9999px;
	overflow:hidden;
	width:45px;
	height:45px;
	border-radius:50%;
	background:#aeb3b8;
	display:none;
}
.intro .down:after{
	content:"";
	position:absolute;
	top:50%;
	left:50%;
	margin:-5px 0 0 -11px;
	width:20px;
	height:13px;
	background: url(../images/sprite.png) no-repeat -174px -99px;
}
.intro p {margin:0;}
.intro p strong {
	font-weight:600;
	display:inline-block;
	padding:0 7px;
	text-transform:uppercase;
}
.intro .color01 {background:#fab73d;}
.intro .color02 {background:#50b3cf;}
.intro .color03 {background:#a8c934;}
.intro .color04 {background:#f25a2b;}
.title {
	font:50px/54px 'Times New Roman', Times, Georgia, serif;
	margin: 0 0 28px;
	text-align:center;
}
#main h2 {
	font-size:24px;
	line-height:28px;
	font-weight:600;
	color:#000;
	text-transform:uppercase;
}
.home-page .title{
	font:59px/64px 'Times New Roman', Times, Georgia, serif;
	margin: 0 0 24px;
}
/* posts list styles */
.post-list {
	list-style:none;
	margin:0 -10px;
	padding:0;
	font-size:0;
	line-height:0;
	letter-spacing:-4px;
	text-align:center;
	overflow:visible !important;
}
.post-list li {
	display:inline-block;
	vertical-align:top;
	width:33.3%;
	padding: 0 10px 29px;
	letter-spacing:0;
	font-size:14px;
	line-height:18px;
	text-align:left;
	list-style:none;
}
.post-list li:hover {
	z-index:5;
}
.post .img-holder {
	margin: 0 0 7px;
	position:relative;
}
.post .img-holder img {
	width:100%;
	height:auto;
}
/* popup styles */
.post .img-holder.hover .popup-box {visibility:visible;}
.post .popup-box {
	top:50%;
	width:446px;
	position:absolute !important;
	left:50%;
	transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	z-index:100;
	overflow:hidden;
	border-radius:4px;
	visibility:hidden;
}

.view-stories .popup-box a {  text-decoration: none; }
.view-stories .popup-text .heading {
  padding-bottom: 10px !important;
  margin-bottom: 10px !important;
}
.view-stories .popup-text h2 {
  font-size: 16px !important;
  color: #50b3cf !important;
}
.view-stories .popup-box {
  width: 100%;
  min-height: 170px;
}

.post .popup-box > .bg-popup {
	position:absolute;
	top:0;
	right:0;
	left:0;
	bottom:0;
}
.post .popup-box:after{
	content:"";
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	background:rgba(0,0,0,0.7);
	z-index:5;
}
.post .popup-text {
	color:#fff;
	padding: 13px 20px 10px;
	z-index:100;
	position:relative;
}
.post .popup-text .heading {
	border-bottom:1px solid #fff;
	padding: 0 0 17px;
	overflow:hidden;
	margin: 0 0 16px;
}
/* #main .post .popup-text h2 */
.post .popup-text h2 {
	font-size:24px;
	line-height:32px;
	font-weight:600;
	color:#fff;
	margin: 0 0 41px;
}
.post .popup-text .more {
	position:relative;
	padding:0 0 0 26px;
	color:#fff;
	font-size:16px;
	line-height:18px;
	font-weight:700;
	float:right;
	text-transform:uppercase;
	text-decoration:none;
}
.post .popup-text .more span{
	font-weight:400;
	margin:-2px 0 0;
	display:inline-block;
	vertical-align:top;
}
.post .popup-text .more:hover {opacity:0.8;}
.post .popup-text .more:before {
	content:"";
	position:absolute;
	top: 0;
	left:0;
	width:15px;
	height:19px;
	background: url(../images/sprite.png) no-repeat 0 -39px;
}
.post .popup-text .company-name {
	display:block;
	color:#50b3cf;
	font-size:14px;
	line-height:18px;
	font-weight:600;
	text-transform:uppercase;
}
.post .name {
	display:block;
	color:#fff;
	font: bold italic 22px/28px 'Times New Roman', Times, Georgia, serif;
	margin: 0 0 4px;
}
.post .subname {
	display:block;
	font-size:14px;
	line-height:18px;
	font-weight:600;
	color:#bfbfbf;
	text-transform:uppercase;
}
.post .text {padding:0 0 5px;}
#main .post h2 {
	font-size:14px;
	line-height:18px;
	font-weight:600;
	margin: 0;
	text-transform:none;
}
.post h2 a {
	color:#000;
	text-decoration:none;
}
.post h2 a:hover {text-decoration:underline;}
.post .meta:after{
	content:"";
	display:block;
	clear:both;
}
.post .meta {
	border-top:2px solid #addce9;
	padding: 5px 0 0;
	display:table;
	width:100%;
	position:relative;
}
.post.green .meta {border-color:#a8c934;}
.post.green .meta > a {color:#a8c934;}
.post.orange .meta {border-color:#fab73d;}
.post.orange .meta > a {color:#fab73d;}
.post.blue .meta {border-color:#50b3cf;}
.post.blue .meta > a {color:#50b3cf;}
.post.red .meta {border-color:#f1592a;}
.post.red .meta > a {color:#f1592a;}
.post .icon {
	display:table-cell;
	text-align:left;
	vertical-align:middle;
}
.post .icon img {vertical-align:middle;}
.post .category,
.post .center-name,
.post .meta .more,
.post .relate {
	display:table-cell;
	vertical-align:middle;
	text-align:right;
	color:#50b3cf;
	text-decoration:none;
	font-weight:600;
	padding:0 0 0 5px;
}
.post .center-name {font-size:11px;}
.post .category:hover,
.post .center-name:hover,
.post .meta .more:hover,
.post .relate:hover {
	text-decoration:underline;
	opacity:0.8;
}
/* story post style */
.story {
	padding: 29px 60px 0;
	color:#898989;
	font-size:18px;
	line-height:30px;
	position:relative;
}
.story.quote {margin:0 0 -4px;}
.story:after{
	content:"";
	display:block;
	clear:both;
}
.story:before{
	content:"";
	position:absolute;
	top:0;
	left:0;
	right:0;
	border-style:solid;
	border-width:1px 0;
	border-color:#eef1f3 transparent #44697c;
}
.story.single:before {border-color:#fffaf2 transparent #fbca71;}
.story.single {padding:29px 60px 5px;}
.story h2 {margin: 0 0 18px;}
.story p {margin: 0 0 21px;}
.story.single p {margin:0 0 30px;}
.story.quote p {margin:0 0 30px;}
.story .text:after{
	content:"";
	display:block;
	clear:both;
}
.story .text {
	max-width:660px;
	margin:0 auto;
}
.story q, .gallery-desc q  {
	float:left;
	border:none;
	font:italic 32px/45px 'Times New Roman', Times, Georgia, serif;
	color:#00324d;
	width:380px;
	padding:0;
	margin: 9px 57px 5px -140px;
}
q.alignright {
	float:right;
	margin: 21px -120px 5px 41px;
}
.story.single q {color:#fbb63d;}
blockquote:before, blockquote:after, q:before, q:after {display:none;}
.story .more {
	display:inline-block;
	vertical-align:top;
	font-size:16px;
	line-height:20px;
	font-weight:700;
	text-decoration:none;
	position:relative;
	margin: 0 0 26px;
}
.story .more span {
	font-weight:400;
	display:inline-block;
	vertical-align:top;
	margin:-2px 0 0;
}
.story .more:hover {opacity:0.8;}
.caption-box {
	width:410px;
	float:left;
	margin:-7px 30px 10px -140px;
}
.caption-box .img {margin:0 0 5px;}
.caption-box .img img,
.more-stories .post .img-holder img {
	width:100%;
	height:auto;
}
.caption-text {
	font:italic 16px/24px 'Times New Roman', Times, Georgia, serif;
	color:#50b3cf;
	display:block;
	padding:0 0 10px;
	border-bottom:1px solid #e2e3e6;
}
/* share box styles */
.share-box {
	max-width:620px;
	margin: 0 auto 22px;
	border-bottom:1px solid #e2e3e6;
	text-align:center;
	/*border-top:1px solid #e2e3e6; */
	padding: 15px 0 14px;
}
.about-page .share-box {
	padding: 22px 0 30px;
	border-top:none;
}
.share-box h3 {
	font:24px/28px 'Times New Roman', Times, Georgia, serif;
	color:#000;
	margin: 0 0 1px;
}
.share-box .slogan {
	display:block;
	color:#8c8c8c;
	font-size:18px;
	line-height:22px;
	margin: 0 0 17px;
}
.share-box .social {
	list-style:none;
	margin:0;
	padding:0;
	font-size:0;
	line-height:0;
	letter-spacing:-4px;
}
.share-box .social li {
	display:inline-block;
	vertical-align:top;
	margin:0 20px;
	letter-spacing:0;
	font-size:14px;
	line-height:16px;
}
.share-box .social li a {
	display:block;
	text-indent:-9999px;
	overflow:hidden;
	background: url(../images/sprite.png) no-repeat;
	width:32px;
	height:32px;
}
.share-box .social li a:hover {opacity:0.8;}
.share-box .social .facebook {background-position:0 -63px;}
.share-box .social .twitter {
	background-position:-38px -64px;
	width:40px;
	height:30px;
}
.share-box .social .google {background-position:-86px -62px;}

#btnSubmit, #btnSubmit2 {
	height: 100%;
    width: 100%;
    background: #fff url(../images/serach-icon.png) no-repeat center;
    border: 0;
    color: #fff;
    font-size: 0;
}

/* more posts section styles */
.more-stories {padding:0 0 47px;}
.more-stories > h2 {
	text-align:center;
	margin: 0 0 25px;
}
.m4stories .heading > h2 { color: #50b3cf !important;}
.more-stories .post-list {margin:0 -12px;}
.more-stories .post-list li {
	width:25%;
	padding:0 12px;
}
.more-stories .post .img-holder {margin:0 0 5px;}
.more-stories .post .text {
	padding:0 0 3px;
	min-height:25px;
}

.more-stories .post .popup-box.m4stories {width:218px !important; min-height: 138px;}
.more-stories .post .popup-box {width:380px;}

.link-area {
	overflow:hidden;
	padding:34px 0 12px;
}
.link-area .col {
	float:left;
	width:50%;
	padding:0 20px;
	position:relative;
	text-align:left;
}
.link-area .col:first-child {text-align:right;}
.link-area .col:first-child:after{
	content:"";
	position:absolute;
	right:0;
	top:3px;
	bottom:4px;
	left:100%;
	width:1px;
	background:#dddfe2;
}
.link-area .col strong {
	display:block;
	color:#000;
	font:18px/22px 'Times New Roman', Times, Georgia, serif;
	margin:0 0 15px;
}
.link-area .col ul {
	list-style:none;
	margin:0;
	padding:0;
	font-size:18px;
	line-height:22px;
}
.link-area .col ul li {
	list-style:none outside;
	padding:0 0 8px;
}
.link-area .col ul li a {
	text-decoration:none;
	display:inline-block;
	vertical-align:top;
}
.link-area .col ul li a:hover {opacity:0.8;}
/* video block styles */
.video-area .title {margin:0 0 20px;}
.photo-area .story:before, 
.video-area .story:before {display:none;}
.video-area .story.single {padding:23px 60px 1px;}
.video {margin:0;}
.video iframe {
	margin:0;
	width:100%;
	height:355px;
}
.video img {
	width:100%;
	height:auto;
}
.video .caption-text {
	padding:23px 0 24px;
	margin:0 60px;
}
.video-area q.alignright {margin:6px -120px 5px 41px;}
.photo-area .title {margin:0 0 31px;}
.photo-area .caption-text {
	margin:0 60px 28px;
	padding:0 0 14px;
}
/* photo gallery style */
.photo-gallery {
	position: relative;
	padding:0 0 6px;
}
.photo-gallery  .slideset {
	position:relative;
	width:100%;
}
.photo-gallery .photo-slide {
	position: absolute;
	z-index: 1;
	left: 0;
	right:0;
	top: 0;
}
.photo-gallery .photo-slide img {
	width:100%;
	height:auto;
	margin:0 0 13px;
}
.photo-gallery .photo-slide.active {z-index: 2;}
.pagination-gallery {
	position: relative;
	font-size:0;
	line-height:0;
	letter-spacing:-4px;
	width:100%;
	white-space:nowrap;
	text-align:center;
}

.history-popup  .photo-gallery .pagination-gallery, .photo-area .photo-gallery {
	visibility: hidden;
}

.pagination-gallery .mask {
	max-width:585px;
	position: relative;
	overflow: hidden;
	display:inline-block;
	vertical-align:top;
	letter-spacing:0;
	font-size:14px;
	line-height:25px;
	border:solid #b8b8b8;
	border-width:0 1px;
}
.pagination-gallery .mask .thumbnails {
	float: left;
	white-space:nowrap;
	font-size:0;
	line-height:0;
	letter-spacing:-4px;
}
.pagination-gallery .mask .slide {
	display:inline-block;
	vertical-align:top;
	width:39px;
	white-space:normal;
	text-align:center;
	letter-spacing:0;
	background:#fff;
	font-size:20px;
	line-height:39px;
	font-weight:600;
	position:relative;
	z-index:50;
}
.pagination-gallery .mask .slide a {
	display:block;
	color:#898989;
	text-decoration:none;
	border:solid #b8b8b8;
	border-width:2px 1px;
	height:41px;
	position:relative;
}
.pagination-gallery .mask .slide.active a,
.pagination-gallery .mask .slide a:hover {
	font-weight:800;
	color:#f1592a;
	border-color:#f1592a;
}
.pagination-gallery .btn-prev,
.pagination-gallery .btn-next {
	position:relative;
	display:inline-block;
	vertical-align:top;
	letter-spacing:0;
	font-size:14px;
	line-height:16px;
	width:37px;
	height:41px;
	text-indent:-9999px;
	overflow:hidden;
	background:#f1592a;
}
.pagination-gallery .btn-next {
}
.pagination-gallery .btn-prev:hover,
.pagination-gallery .btn-next:hover {opacity:0.8;}
.pagination-gallery .btn-prev:after,
.pagination-gallery .btn-next:after{
	content:"";
	position:absolute;
	top:11px;
	left:12px;
	width:12px;
	height:17px;
	background: url(../images/sprite.png) no-repeat -112px 0;
}
.pagination-gallery .btn-next:after {
	background-position:-138px 0;
	left:auto;
	right:12px;
}
.photo-area .link-area {padding:58px 0 12px;}
.single-story:after{
	content:"";
	display:block;
	clear:both;
}
.single-story {margin:3px 0 30px;}
.single-story .img-holder {
	float:left;
	width:65.9%;
	margin:0 20px 0 0;
}
.single-story .img-holder img {
	width:100%;
	height:auto;
}
.single-story .text {
	float:right;
	width:31.9%;
	color:#5c6670;
	font-size:18px;
	line-height:30px;
	position:relative;
	padding:1px 0 40px;
}
.single-story h1 {
	font-size:36px;
	line-height:43px;
	font-weight:600;
	color:#000;
	margin:0 0 8px;
	text-transform:uppercase;
}
.single-story .subtitle {
	display:block;
	font:italic 24px/32px 'Times New Roman', Times, Georgia, serif;
	margin:0 0 21px;
}
.single-story .btn-holder {text-align:right;}
.single-story .more {
	display:inline-block;
	vertical-align:top;
	text-decoration:none;
	font-size:16px;
	line-height:20px;
	font-weight:700;
	color:#00324d;
	text-transform:uppercase;
}
.single-story .more:hover {opacity:0.8;}
.single-story .more span {
	display:inline-block;
	vertical-align:top;
	font-weight:400;
	margin:-3px 0 0;
}
.single-story p {margin:0 0 11px;}
.single-story .meta{
	position:absolute;
	bottom:0;
	left:0;
	right:0;
}
.single-story .open {
	display:inline-block;
	vertical-align:top;
	color:#50b3cf;
	font-size:14px;
	line-height:18px;
	font-weight:600;
	text-decoration:none;
}
.single-story .open:hover {text-decoration:underline;}
.single-story .relate-popup {right:0;}
/* story box style */
.stories-box .attachment-before {
	border-bottom:1px solid #00324d;
	margin-bottom: 25px;
}
.stories-box .heading:after{
	content:"";
	display:block;
	clear:both;
}
.stories-box .heading {padding:20px 0 27px;}
.stories-box .title {
	float:left;
	text-align:left;
	margin:0;
}
.stories-box .filter-form {
	float:right;
	margin:7px 22px 0 0;
}
.pagination-gallery a 
{
	z-index: 2;
}

.node-type-photo-essay .gallery-desc > article.story:first-child {
    margin-top: 40px;
}

.node-type-photo-essay .gallery-desc iframe {
	margin: 30px auto !important;
	display: inherit;
}	
/* custom select styles */
.jcf-select {
	display: inline-block;
	vertical-align: top;
	position: relative;
	border: 1px solid #00324d;
	background: #fff;
	width:307px;
	height:50px;
	border-radius:3px;
}
.jcf-select select {
	z-index: 1;
	left: 0;
	top: 0;
}
.jcf-select .jcf-select-text {
	text-overflow:ellipsis;
	white-space: nowrap;
	overflow: hidden;
	cursor: default;
	display: block;
	font-size: 14px;
	line-height: 48px;
	font-weight:600;
	margin: 0 59px 0 16px;
	color:#50b3cf;
}
.jcf-select .jcf-select-opener {
	position: absolute;
	text-align: center;
	background: #fff;
	width: 49px;
	border-left:1px solid #00324d;
	bottom: 0;
	right: 0;
	top: 0;
	border-radius:0 3px 3px 0;
}
.jcf-select .jcf-select-opener:after{
	content:"";
	position:absolute;
	top:17px;
	left:13px;
	width:20px;
	height:14px;
	background: url(../images/sprite.png) no-repeat -130px -112px;
}
body > .jcf-select-drop {
	position: absolute;
	margin: -1px 0 0;
	z-index: 9999;
}
body > .jcf-select-drop.jcf-drop-flipped {
	margin: 1px 0 0;
}
.jcf-select .jcf-select-drop {
	position: absolute;
	margin-top: 0px;
	z-index: 9999;
	top: 100%;
	left: -1px;
	right: -1px;
}
.jcf-select .jcf-drop-flipped {
	bottom: 100%;
	top: auto;
}
.jcf-select-drop .jcf-select-drop-content {
	border: 1px solid #00324d;
}
/* multiple select styles */
.jcf-list-box {
	overflow: hidden;
	display: inline-block;
	border: 1px solid #b8c3c9;
	min-width: 200px;
	margin: 0 15px;
}
/* select options styles */
.jcf-list {
	display: inline-block;
	vertical-align: top;
	position: relative;
	background: #fff;
	line-height: 16px;
	font-size: 14px;
	width: 100%;
}
.jcf-list .jcf-list-content {
	vertical-align: top;
	display: inline-block;
	overflow: auto;
	width: 100%;
}
.jcf-list ul {
	list-style: none;
	padding: 0;
	margin: 0;
}
.jcf-list ul li {
	overflow: hidden;
	display: block;
}
.jcf-list .jcf-overflow {
	overflow: auto;
}
.jcf-list .jcf-option {
	white-space: nowrap;
	overflow: hidden;
	cursor: default;
	display: block;
	padding: 5px 9px;
	color: #656565;
	height: 1%;
}
.jcf-list .jcf-disabled {
	background: #fff !important;
	color: #aaa !important;
}
.jcf-select-drop .jcf-hover,
.jcf-list-box .jcf-selected {
	background: #e6e6e6;
	color:#50b3cf;
}
.jcf-list .jcf-optgroup-caption {
	white-space: nowrap;
	font-weight: bold;
	display: block;
	padding: 5px 9px;
	cursor: default;
	color: #000;
}
.jcf-list .jcf-optgroup .jcf-option {
	padding-left: 30px;
}
/* common custom form elements styles */
.jcf-disabled {background: #ddd !important;}
.jcf-focus, .jcf-focus * {border-color: #50b3cf !important;}
/* related popup styles */
.relate-popup {
	display:none;
	width:310px;
	position:absolute;
	bottom:100%;
	right:-25px;
	background:rgba(0,50,77,0.9);
	border-radius:3px;
	z-index:500;
	margin:0 0 5px;
	color:#fff;
	padding:10px;
	font-size:14px;
	line-height:16px;
	font-weight:600;
	min-height:100px;
}
.relate-popup:after{
	content:"";
	position:absolute;
	top:100%;
	right:20px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 11px 9px 0 9px;
	border-color: rgba(0,50,77,0.9) transparent transparent transparent;
}
.relate-popup .head {
	overflow:hidden;
	border-bottom:1px solid #fff;
	text-transform:uppercase;
	padding:0 0 8px;
	margin:0 0 8px;
}
.relate-popup .head h3 {
	float:left;
	font-size:14px;
	line-height:16px;
	font-weight:600;
	margin:0;
}
.relate-popup .head .close {
	float:right;
	color:#fff;
	padding:0 20px 0 0;
	position:relative;
	font-size:12px;
	line-height:16px;
	text-decoration:none;
}
.relate-popup .head .close:after{
	content:"";
	position:absolute;
	top:3px;
	right:0;
	width:10px;
	height:10px;
	background: url(../images/sprite.png) no-repeat -136px -134px;
}
.relate-popup p{margin:0;}
.discover-area .story:before {display:none;}
.discover-area .title {margin:0 0 13px;}
.discover-area .story {padding:0 6.4% 3px;}
.discover-area .story p {margin:0 0 9px;}
.discover-area .holder {
	border-top:1px solid #00324d;
	padding:40px 0;
}
.discover-area .story .more {float:right;}
.discover-area .filter-form {margin:0 0 15px 26px;}
.discover-area .map-area img {
	width:100%;
	height:auto;
}
.event:after{
	content:"";
	display:block;
	clear:both;
}
.map-area {
	position:relative;
	/*margin:23px 0 0;*/
	margin: 0;
	overflow:hidden;
}
.map-area .pins {
	position:absolute;
	left:-3px;
	top:9px;
}

.map-area div.stateName a{
	/*text-transform: capitalize;*/
	color: #000;
	font-weight: bold;
}

.map-area div.stateAndCity span.state{
	text-transform: capitalize;
	font-style: italic;
}

.map-area div.stateAndCity span.city{
	text-transform: uppercase;
	font-style: italic;
}

.map-area div#text-tab-5 {
	overflow-y: scroll;
	max-height: 400px;
}

.map-area div#text-tab-5 ::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 7px;
}
.map-area div#text-tab-5 ::-webkit-scrollbar-thumb {
    border-radius: 4px;
    background-color: rgba(0,0,0,.5);
    -webkit-box-shadow: 0 0 1px rgba(255,255,255,.5);
}



#tab5 .explore .jcf-select.jcf-unselectable {
	display: table-cell;
}



.map-area img {vertical-align:top;}
.map-area .note-box {
	position:absolute;
	left:0;
	top:11px;
	background:rgba(255,255,255,0.85);
	width:347px;
	padding:13px 15px 15px 38px;
	font-size:18px;
	line-height:31px;
}
.map-area .btn-close {
	position:absolute;
	right:35px;
	top:13px;
	text-decoration:none;
	font-size:25px;
	line-height:30px;
}
.map-area .title-text {
	display:block;
	text-transform:uppercase;
	font-weight:600;
	border-bottom:1px solid #2e596f;
	padding:0 20px 13px 0;
	margin:0 0 11px;
	font-size:24px;
	line-height:28px;
}
.map-area .btn-add,
.map-area .btn-minus {
	position:absolute;
	left:23px;
	bottom:20px;
	background:rgba(255,255,255,0.75);
	width:34px;
	height:34px;
	text-align:center;
	text-decoration:none;
	font-weight:300;
	color:#000;
	text-decoration:none;
	font-size:30px;
	line-height:31px;
	z-index:3;
}
.map-area .btn-add {
	left:63px;
}
/*.map-area .tab-text {
	position:absolute;
	right:53px;
	bottom:0;
	right:53px;
	background:rgba(255,255,255,0.75);
	border-radius:8px 8px 0 0;
	width:353px;
}*/
.tab-text {

	background: #0d3e5a;

}
/*.map-area .tab-text .tabset {
	list-style:none;
	margin:0;
	padding:0;
	display:table;
	font-size:12px;
	line-height:15px;
	text-transform:uppercase;
	white-space:nowrap;
	width:100%;
}*/
.tab-text .tabset {
	list-style:none;
	margin:0;
	padding:0;
	display:table;
	font-size:12px;
	line-height:15px;
	text-transform:uppercase;
	white-space:nowrap;
	width:100%;
}
/*.map-area .tab-text .tabset li {
	display:table-cell;
	vertical-align:top;
	list-style:none;
}*/
.tab-text .tabset li {
	display:table-cell;
	vertical-align:top;
	list-style:none;
}
/*.map-area .tab-text .tabset li:first-child a {border-left:0;}*/
.tab-text .tabset li:first-child a {border-left:0;}

/*.map-area .tab-text .tabset a {
	text-decoration:none;
	color:#2c5b77;
	font-weight:bold;
	border-left:1px solid #2c5b77;
	border-bottom:1px solid #2c5b77;
	display:block;
	padding:5px 3px 4px;
	text-align:center;
}*/
.tab-text .tabset a {
	text-decoration:none;
	color:#fff;
	border-left: 2px solid #fff;
	border-bottom: 2px solid #fff;
	display:block;
	padding:5px 3px 4px;
	text-align:center;
	font-size: 14px;
	
}
/*.map-area .tab-text .tabset a:hover,
.map-area .tab-text .tabset .active a {
	border-bottom:0;
	color:#000;
	padding-bottom:5px;
}*/
.tab-text .tabset a:hover,
.tab-text .tabset .active a {
	border-bottom:0;
	color:#fff;
	padding-bottom:5px;
}
/*.map-search-form {
	overflow:hidden;
	border-radius:5px;
	border:1px solid #2c5b77;
	background:#fff;
	margin:0 0 5px;
}*/
.map-search-form {
	overflow:hidden;
	border-radius:5px;
	border:1px solid #2c5b77;
	background:#fff;
	margin:0 0 5px;
}
/*.map-area .tab-content {padding:14px 15px 11px 23px;}*/
.tab-text .tab-content {    padding: 14px 15px 11px 23px;}

.tab-content .search-desc {
	color:#fff;
	  display: table-cell;
  width: 50%;
  padding-left:15px;
  box-sizing:border-box;
}
/*.map-area .row {margin:0 0 4px;}
.map-area .row:after {
	content:"";
	display:block;
	clear:both;
}
.map-area .radios-area .area {
	float:left;
	margin:0 5px 0 0;
	min-width:145px;
}
.map-area .radios-area {margin:-8px -12px -5px -8px;}
.map-area .radios-area p {margin:0 0 6px;}
.map-area .radios-area label {
	font-size:12px;
	line-height:14px;
	font-weight: normal;
}*/
.tab-text .row {margin:0 0 4px;}
.tab-text .row:after {
	content:"";
	display:block;
	clear:both;
}
.tab-text .radios-area .area {
	float:left;
	margin: 0 40px 0 10px;
	color:#fff;
}
.tab-text .radios-area {margin:-8px -12px -5px -8px;   padding-top: 10px;}
.tab-text .radios-area p {margin:0 0 6px;}
.tab-text .radios-area label {
	font-size:12px;
	line-height:14px;
	font-weight: normal;
}
.tab-text #tab4 {
  width: 567px;
  margin: 0 auto;
}
.tab-text #tab1,
.tab-text #tab2 {
	 display: table !important;
  width: 100%;
  box-sizing:border-box;
}	

.tab-text #tab1 .map-search-form,
.tab-text #tab2 .map-search-form {
	 display: table-cell;
  width: 50%;
  box-sizing:border-box;
}

#user-login .form-item-terms-condition {	overflow: visible; }
#user-login .form-item-terms-condition > label {	display: none; }

/* custom radio styles */
.jcf-radio {
	vertical-align: middle;
	display: inline-block;
	position: relative;
	overflow: hidden;
	cursor: default;
	background: #fff;
	border: 1px solid #777;
	border-radius: 9px;
	margin: 0 3px 0 0;
	height: 16px;
	width: 16px;
	color:#000;
}
.jcf-radio span{
	display:none;
	position:absolute;
	top:3px;
	left:3px;
	right:3px;
	bottom:3px;
	background:#777;
	border-radius:100%;
}
.jcf-radio input[type="radio"] {
	position: absolute;
	height: 100%;
	width: 100%;
	border: 0;
	margin: 0;
	left: 0;
	top: 0;
}
.jcf-radio.jcf-checked span {display:block;}
/* custom radio styles */
/*.map-area .jcf-radio {
	background:none;
	border-radius: 9px;
	margin: 2px 5px 0 0;
	border:1px solid #5c6670 !important;
	border-radius:8px;
	width:36px;
	height:16px;
	float:left;
	padding:0 3px 0 2px;
	overflow:visible;
}*/
.tab-text .jcf-radio {
	background: #fff;
	border-radius: 9px;
	margin: 2px 5px 0 0;
	border: 1px solid #fff !important;
	border-radius:8px;
	width:40px;
	height:16px;
	float:left;
	padding:0 3px 0 2px;
	overflow:visible;
}
/*.map-area .jcf-radio span {
	position:static;
	background:none;
	border-radius:0;
	display:block;
}
*/
.tab-text .jcf-radio span {
	position:static;
	background:none;
	border-radius:0;
	display:block;
}
/*.map-area .jcf-radio span:after{
	float:right;
	width:10px;
	height:10px;
	border-radius:10px;
	background:#00324d;
	content:"";
	font-size:11px;
	line-height:13px;
	margin:2px 0 0;
}*/
.tab-text .jcf-radio span:after{
	float:right;
	width:10px;
	height:10px;
	border-radius:10px;
	background:#00324d;
	content:"";
	font-size:11px;
	line-height:13px;
	margin:2px 0 0;
}
/*.map-area .yellow .jcf-radio span:after {background:#ffb500;}
.map-area .orange .jcf-radio span:after {background:#ff4200;}
.map-area .green .jcf-radio span:after {background:#77af00;}
.map-area .red .jcf-radio span:after {background:#bb0000;}
.map-area .black .jcf-radio span:after {background:#000;}
.map-area .jcf-radio span:before {content:"off";}*/

.tab-text .yellow .jcf-radio span:after {background:#ffb500;}
.tab-text .orange .jcf-radio span:after {background:#ff4200;}
.tab-text .green .jcf-radio span:after {background:#77af00;}
.tab-text .red .jcf-radio span:after {background:#bb0000;}
.tab-text .black .jcf-radio span:after {background:#000;}
.tab-text .dark-green .jcf-radio span:after {background:#156969;}
.tab-text .pink .jcf-radio span:after {background:#840D6B;}
.tab-text .blue .jcf-radio span:after {background:#50B3D0;}
.tab-text .jcf-radio span:before {content:"off";}

/*.map-area .jcf-radio input[type="radio"] {
	position: absolute;
	height: 100%;
	width: 100%;
	border: 0;
	margin: 0;
	left: 0;
	top: 0;
}*/
.tab-text .jcf-radio input[type="radio"] {
	position: absolute;
	height: 100%;
	width: 100%;
	border: 0;
	margin: 0;
	left: 0;
	top: 0;
}
/*.map-area .jcf-radio.jcf-checked span:before {
	content:"on";
	position:relative;
	top:-1px;
}*/
.tab-text .jcf-radio.jcf-checked span:before {
	content:"on";
	position:relative;
	top:-1px;
}
/*.map-area .jcf-radio.jcf-checked span:after {
	float:left;
	margin:2px 2px 0 1px;
}*/
.tab-text .jcf-radio.jcf-checked span:after {
	float:left;
	margin:2px 2px 0 1px;
}
/*.map-area .location-box {
	position:relative;
	padding:0 0 0 31px;
	min-height:55px;
	line-height:17px;
}*/
.tab-text .location-box {
	position:relative;
	padding:5px 0 0 31px;
	min-height:55px;
	line-height:17px;
	color: #fff;
}
/*.map-area .location-box:before {
	position:absolute;
	left:-6px;
	top:6px;
	overflow:hidden;
	text-indent:-9999px;
	content:"";
	background:url(../images/sprite.png) no-repeat -176px -265px;
	width:25px;
	height:35px;
}*/
.tab-text .location-box:before {
	position:absolute;
	left:-6px;
	top:6px;
	overflow:hidden;
	text-indent:-9999px;
	content:"";
	background:url(../images/sprite.png) no-repeat -176px -265px;
	width:25px;
	height:35px;
}
.map-search-form .submit {
	float:right;
	position:relative;
	border-left:1px solid #2c5b77;
	width:51px;
	height:50px; /*	New height */
}
.map-search-form .submit:before {
	/*background:url(../images/sprite.png) no-repeat -179px -214px;
	width:17px;
	height:16px;
	position:absolute;
	left:50%;
	top:50%;
	margin:-7px 0 0 -10px;
	overflow:hidden;
	text-indent:-9999px;
	content:"";
	z-index:2;*/
}
.map-search-form .submit input[type="submit"] {
	position:absolute;
	right:0;
	top:0;
	width:100%;
	height:100%;
	border:0;
	margin:0;
	padding:0;
	outline:none;
	cursor:pointer;
	overflow:hidden;
	text-indent:-9999px;
	background:none;
	z-index:2;
}
.map-search-form .area {overflow:hidden;}
.map-search-form .area input {
	background:none;
	margin:0;
	width:100%;
	border:0;
	outline:none;
	color:#50b3cf;
	font-size:14px;
	line-height:16px;
	/*padding:17px 17px 12px;*/
}
.map-tabset {
	transform:rotate(-90deg);
    -ms-transform:rotate(-90deg);
	-webkit-transform:rotate(-90deg);
	transform-origin: 100% 100%;
	-webkit-transform-origin: 100% 100%;
	position:absolute;
	right:15px;
	bottom:15px;
	width:15px;
	height:15px;
}
.map-tabset ul{
	position:absolute;
	top:0;
	left:19px;
	list-style:none;
	margin:0;
	padding:0;
	background:#0d3e5a;
	border-radius:6px;
	overflow:hidden;
	white-space:nowrap;
	letter-spacing:-4px;
	line-height:0;
	font-weight:600;
}
.map-tabset li {
	letter-spacing:0;
	font-size:12px;
	line-height:15px;
	display:inline-block;
	vertical-align:top;
	border-left:1px solid #b7c5ce;
	list-style:none;
	list-style-position:outside;
}
.map-tabset li:first-child {border:0;}
.map-tabset a {
	display:block;
	padding:6px 11px;
	height:30px;
	text-decoration:none;
	color:#fff;
	text-transform:uppercase;
}
.map-tabset .active a,
.map-tabset a:hover {text-decoration:underline;}
.jcf-select-map-select .jcf-hover,
.jcf-select-map-select .jcf-list-box .jcf-selected {
	background:none;
}
.jcf-select-map-select .jcf-list ul {
	padding:0 15px;
}
.jcf-select-map-select .jcf-list .jcf-option {
	color:#00324d;
	font-weight:600;
	font-size:13px;
	line-height:15px;
	border-top:1px solid #557688;
	padding:10px 0;
}
.jcf-select-map-select .jcf-select-drop-content {
	border-top:0;
	margin:-2px 0 0;
}
.jcf-select-map-select .jcf-selected {display:none;}
.btn-note {
	position:absolute;
	left:0;
	top:11px;
	background:rgba(255,255,255,0.85);
	width:70px;
	height:55px;
	overflow:hidden;
	text-indent:-9999px;
}
.btn-note:before {
	position:absolute;
	left:50%;
	top:50%;
	overflow:hidden;
	text-indent:-9999px;
	content:"";
	background:url(../images/sprite.png) no-repeat -176px -236px;
	width:24px;
	height:23px;
	margin:-11px 0 0 -8px;
}
.map-select {display:none;}
.map-select label {
	float:left;
	margin:14px 24px 0 30px;
	color:#5c6670;
	font-size:12px;
	line-height:15px;
	text-transform:uppercase;
}
.map-select select,
.map-select .jcf-select {width:227px;}
.map-select .jcf-select {
	margin:0;
	height:37px;
	border:1px solid #00324d !important;
}
.map-select .jcf-select .jcf-select-text {
	line-height:36px;
	margin:0 59px 0 14px;
}
.map-select .jcf-select .jcf-select-opener {
	width:36px;
	border:0;
}
.map-select .jcf-select .jcf-select-opener:after {
	width:37px;
	background-position:-204px -216px;
	width:16px;
	height:11px;
	top:14px;
	left:10px;
}
.event {padding:0 60px;}
.event .img-holder {
	float:left;
	border-radius:3px;
	overflow:hidden;
	width:36.5%;
	margin:0 20px 0 0;
}
.event h2 {
	font-size:24px;
	line-height:28px;
	font-weight:600;
	color:#000;
	margin:0 0 20px;
}
.event .text {
	padding:5px 0 0;
	overflow:hidden;
	color:#898989;
	font-size:18px;
	line-height:30px;
}
.event .text p {margin:0 0 10px;}
.event .more {
	display:inline-block;
	vertical-align:top;
	text-decoration:none;
	font-weight:700;
	font-size:16px;
	line-height:18px;
}
.event .more span {
	display:inline-block;
	vertical-align:top;
	margin:-2px 0 0;
	font-weight:400;
}
.event .more:hover {opacity:0.8;}
#main.history-page,
#main.narative-page {
	max-width:100%;
	padding:29px 0 15px;
}
#main .frame {
	max-width:960px;
	margin:0 auto;
	padding:0 10px;
}
#main .single-img {margin:-7px 0 0;}
#main .single-img  img {
	width:100%;
	height:auto;
}
#main.narative-page  {padding:19px 0 15px;}
.narative-page .story.border-none:before {display:none;}
.narative-page .title {margin:0 0 23px;}
.history-page .story:before {display:none;}
.history-page .title {margin:0 0 14px;}
.history-page .story {padding:18px 6.4% 7px;}
.history-page .story p {margin:0 0 30px;}
.scroll-holder {text-align:center;}
.scroll {
	display:inline-block;
	vertical-align:top;
	padding:0 38px 0 0;
	position:relative;
	font-size:28px;
	line-height:34px;
	font-weight:700;
	color:#f1592a;
	text-decoration:none;
}
.scroll:after{
	content:"";
	position:absolute;
	top:50%;
	right:0;
	margin:-7px 0 0;
	width:22px;
	height:15px;
	background: url(../images/sprite.png) no-repeat -128px -249px;
}
.year-holder {
	position:absolute;
	top:22px;
	left:50% !important;
	z-index:60;
	width:180px;
	margin:0 0 0 -470px;
}
.year-frame:after{
	content:"";
	display:block;
	clear:both;
}
.year-list {
	float:left;
	list-style:none;
	margin:0;
	padding:9px 18px 12px 0;
	position:relative;
	z-index:80;
	background:rgba(255,255,255,0.8);
	font-size:22px;
	line-height:30px;
	font-weight:600;
	text-align:right;
}
.year-list.js-slide-hidden {position:static !important;}
.year-holder .open {
	display:none;
	font-size:16px;
	line-height:18px;
	text-transform:capitalize;
	font-weight:600;
	color:#000;
	text-decoration:none;
	padding:10px 10px;
}
.year-holder.active .open,
.year-holder .open:hover {background:#f1592a;}
.year-holder.active .open span,
.year-holder .open em {display:none;}
.year-holder.active .open em {
	display:inline;
	font-style:normal;
}
.year-list:after{
	content:"";
	position:absolute;
	top:0;
	bottom:0;
	right:100%;
	left:-9999px;
	background:rgba(255,255,255,0.8);
}
.year-list li {list-style:none outside;}
.year-list li a {
	color:#000;
	text-decoration:none;
	padding:0 33px 0 0;
	position:relative;
}
.year-list li a:after{
	content:"";
	position:absolute;
	top:50%;
	right:0;
	margin:-8px 0 0;
	width:11px;
	height:17px;
	background: url(../images/sprite.png) no-repeat -139px -213px;
}
.year-list li.active a:after,
.year-list li a.hover:after {background-position:-139px -183px;}
.year-list li.active a,
.year-list li a.hover {color:#f1592a;}
.history-area {
	position:relative;
}
.history {position:relative;}
.history .img-holder img {
	width:100%;
	height:auto;
}
.quantity-box {
	background:#f1592a;
	position:relative;
	float:right;
	/*text-align:right;*/
	padding:8px 0 9px 14px;
	z-index:10;
	margin:43px -140px 0 0;
	min-width:190px;
}
.quantity-box:after{
	content:"";
	position:absolute;
	top:0;
	left:100%;
	right:-9999px;
	bottom:0;
	background:#f1592a;
	z-index:-1;
}
.quantity-box em {
	display:block;
	color:#000;
	font:italic 24px/28px 'Times New Roman', Times, Georgia, serif;
}
.quantity-box strong {
	display:block;
	color:#fff;
	font-size:32px;
	line-height:36px;
	font-weight:700;
	padding-left: 3px;
}
.history .text-holder {
	position:absolute;
	top:22px;
	right:0;
	bottom:55px;
	left:0;
	z-index:50;
}
.history .frame {
	height:100%;
	position:relative;
	z-index:60;
}
.history .text-block {
	float:right;
	width:72.3%;
	padding:9px 13px 16px;
	background:rgba(255,255,255,0.8);
	font-size:14px;
	line-height:22px;
	font-weight:600;
}
.history .text-block .text-frame {border-bottom:1px solid #f1592a;}
#main .history .text-block h2 {
	display:block;
	color:#f1592a;
	font-size:20px;
	line-height:24px;
	font-weight:700;
	text-transform:capitalize;
	margin:0 0 6px;
}
.history .text-block p {margin:0 0 7px;}
.history .btn-list:after{
	content:"";
	display:block;
	clear:both;
}
.history .btn-list {
	list-style:none;
	margin:0;
	padding:0;
	position:absolute;
	bottom:0;
	right:10px;
}
.history .btn-list li {
	list-style:none outside;
	float:left;
	margin:0 0 0 19px;
}
.history .btn-list li:first-child{margin:0;}
.history .btn-list li a {
	display:block;
	text-indent:-9999px;
	overflow:hidden;
	width:81px;
	height:81px;
	background:#f1592a;
	position:relative;
}
.history .btn-list li a:after{
	content:"";
	position:absolute;
	background: url(../images/sprite.png) no-repeat;
}
.history .btn-list .btn-photo:after {
	background-position:0 -180px;
	width:54px;
	height:40px;
	top:21px;
	left:14px;
}
.history .btn-list .btn-text:after {
	background-position:0 -235px;
	width:35px;
	height:47px;
	top:16px;
	left:21px;
}
.history .btn-list .btn-doc:after {
	background-position:-77px -181px;
	width:42px;
	height:52px;
	top:13px;
	left:21px;
}
.history .btn-list .quantity-box {margin:0;}
.ajax-popup-section {
	position:relative;
}
.hidden {
	position:absolute !important;
	left:-9999px !important;
	top:-9999px !important;
}
.history-popup {
	top:50%;
	position:absolute;
	left:50%;
	transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	padding:45px 49px 10px;
	border-radius:3px;
	border:1px solid #5c6670;
	background:#fff;
	z-index:100;
	width:760px;
	min-height:478px;
	font-size:18px;
	line-height:30px;
	color:#898989;
	letter-spacing:0;
}
#photo-essay-gallery .history-popup {
	top:589%;
}
.history-popup.popup-text .scroll-area {
	max-height:360px;
	overflow:auto;
}
.history-popup.photo {padding:56px 44px 19px;}
.history-popup .photo-gallery {padding:0;}
/*.history-popup .photo-gallery .photo-slide img {margin:0 0 11px;}*/
.history-popup .photo-gallery .photo-slide img {
    margin: 0 auto 11px;
    max-height: 600px;
    display: block;
    width: auto;
    max-width: 100%;
}
.history-popup .photo-gallery .caption-text {
	margin:0 45px 20px;
	font-size:11px;
	line-height:14px;
	padding:0 0 11px;
}
.history-popup .pagination-gallery .mask .slide {
	width:27px;
	line-height:25px;
	font-size:14px;
}
.history-popup .pagination-gallery .mask .slide a {height:29px;}
.history-popup .pagination-gallery .btn-prev,
.history-popup .pagination-gallery .btn-next {
	width:29px;
	height:29px;
}
.history-popup .pagination-gallery .btn-prev:after,
.history-popup .pagination-gallery .btn-next:after {
	background-position:-50px -254px;
	width:8px;
	height:12px;
	top:9px;
	left:9px;
}
.history-popup .pagination-gallery .btn-next:after {
	background-position:-71px -254px;
	right:9px;
	left:auto;
}
.history-popup.doc {
	padding:38px 34px 19px;
	width:570px;
	min-height:241px;
}
.history-popup.doc h3 {margin:0 0 28px;}
.history-popup .download {
	text-transform:uppercase;
	padding:0 49px 0 0;
	position:relative;
	text-decoration:none;
	font-size:24px;
	line-height:30px;
	font-weight:600;
	color:#000;
	display:inline-block;
	vertical-align:top;
}
.history-popup em {
	display:block;
	margin:11px 0 0;
	color:#5c6670;
	font:italic 18px/24px 'Times New Roman', Times, Georgia, serif;
}
.history-popup .download:after{
	content:"";
	position:absolute;
	top:50%;
	margin:-21px 0 0;
	right:0;
	width:32px;
	height:42px;
	background: url(../images/sprite.png) no-repeat -88px -258px;
}
.history-popup.popup-video {
	width:760px;
	padding:55px 55px 10px;
}
.history-popup .caption-text {
	color:#50b3cf;
	font-size:11px;
	line-height:14px;
	border:none;
	padding:21px 0 16px;
	margin:0;
	text-align:center;
}
.history-popup .download:hover {opacity:0.8;}
.history.photo-active .photo,
.history.text-active .popup-text, 
.history.doc-active .doc,
.history.doc-active .popup-video {top:50%;}
.history-popup .close {
	position:absolute;
	top:12px;
	right:19px;
	text-transform:uppercase;
	color:#5c6670;
	font-size:17px;
	line-height:20px;
	padding:0 27px 0 0;
	text-decoration:none;
}
.history-popup .close:after{
	content:"";
	position:absolute;
	top:4px;
	right:0;
	width:14px;
	height:15px;
	background: url(../images/sprite.png) no-repeat -136px -275px;
}
.history-popup h3 {
	font:italic 26px/30px 'Times New Roman', Times, Georgia, serif;
	color:#f1592a;
	margin:0 0 25px;
	padding:0 0 4px;
	border-bottom:1px solid #f1592a;
}
.history-popup p {margin:0 0 30px;}
.step-area {
	max-width:960px;
	margin:0 auto;
	padding:24px 10px 26px;
}
.step-area .title  {margin:0 0 36px;}
.join-form {
	background:#00324c;
	border-radius:3px;
	color:#fff;
	font-size:11px;
	line-height:18px;
	padding:22px 15px 23px;
	margin:0;
}
#main .join-form  h2 {
	font-size:18px;
	line-height:24px;
	font-weight:600;
	margin:0 0 11px;
	color:#fff;
	text-transform:none;
}
.join-form p {margin:0 0 34px;}
.join-form .simplenews-subscribe {border-color:#ccd6db;}
.join-form .simplenews-subscribe input[type="text"] {color:#fff;}
.join-form .simplenews-subscribe input[type="submit"] {background:#335b70 url("../images/bg-arrow.png") no-repeat 50% 50%;}
.join-form .simplenews-subscribe input[type="submit"]:hover {background:#427894 url("../images/bg-arrow.png") no-repeat 50% 50%;}
.profile-page .story:before{border-color:#fef4f1 transparent #f58563;}
.profile-page .story {
	padding:24px 0 0;
	margin:0 0 29px;
}
.profile-page .story q, .node-type-photo-essay .gallery-desc q {
	color:#f1592a;
	margin:12px 20px 5px -60px;
}
.profile-page .read-more {
	color:#f1592a;
	font-weight:700;
	font-size:16px;
	line-height:18px;
	text-decoration:none;
	text-transform:uppercase;
}
.profile-page .read-more:hover {opacity:0.8;}
.aside-panel {
	float:right;
	width:380px;
	margin:0 -60px 0 20px;
	position:relative;
}
.content-openclose {
	box-sizing: content-box;
}
.content-openclose .content-openclose-frame {
	overflow-y:hidden;
	overflow-x:visible;
	padding:0 60px;
	position:relative;
}
.content-openclose .read-more {
	margin:0 0 0 60px;
}
.aside-panel .panel-holder {
	padding:21px 20px 0;
	background:#f2f5f7;
}
#main .aside-panel h2 {
	font:italic 26px/30px 'Times New Roman', Times, Georgia, serif;
	color:#5c6670;
	margin:0 0 18px;
	text-transform:none;
}
.aside-panel .item-holder {padding:0 0 0 40px;}
.aside-panel .item {padding:0 0 33px;}
.aside-panel .item.diagram {margin:-3px 0 0;}
.aside-panel .item strong {
	display:block;
	color:#000;
	font-size:18px;
	line-height:21px;
	font-weight:600;
	text-transform:uppercase;
	margin:0 0 -1px;
}
.aside-panel .item span {
	color:#00324d;
	font-size:32px;
	line-height:37px;
	display:block;
}
.aside-panel .programm {display:table-header-group;}
.aside-panel .source {
	display:block;
	color:#00324d;
	font:italic 18px/22px 'Times New Roman', Times, Georgia, serif;
	padding:0 0 12px;
	margin:-6px 0 0;
}
.aside-panel .soc-box {display:table-footer-group;}
.aside-panel .soc-box .item {
	border-top:1px solid #5c6670;
	margin:0 0 0 -40px;
	padding:16px 0 29px;
}
.aside-panel .item .img-box {
	padding:19px 0 0;
	margin:0 0 -2px;
}
.aside-panel .item-frame {
	padding:10px 0 0;
	display:table;
	width:100%;
}
.aside-panel .social-holder {padding:0 0 0 40px;}
#main .aside-panel .soc-box h2 {margin:0 0 7px;}
.aside-panel .social-holder h3 {
	color:#00324d;
	font-size:24px;
	line-height:28px;
	font-weight:600;
	display:block;
	text-transform:uppercase;
}
.aside-panel .social {
	list-style:none;
	margin:0;
	/*padding:0;*/
	overflow:hidden;
}
.aside-panel .social li {
	list-style:none outside;
	float:left;
	margin:0 11px 0 0;
}
.aside-panel .social li a {
	display:block;
	text-indent:-9999px;
	overflow:hidden;
	background: url(../images/sprite.png) no-repeat;
	width:24px;
	height:24px;
}
.aside-panel .social li a:hover {opacity:0.8;}
.aside-panel .social .facebook {background-position:-201px -53px;}
.aside-panel .social .twitter {
	width:29px;
	height:22px;
	background-position:-236px -54px;
}
.aside-panel .social .google {background-position:-276px -53px;}
.resource-area {
	margin:0 0 -7px;
}
.resource-area h2 {
	text-align:center;
	margin:0 0 24px;
}
.resources-holder:after{
	content:"";
	display:block;
	clear:both;
}
.resources-holder {
	margin:0 -10px;
	font-size:0;
	line-height:0;
	letter-spacing:-4px;
}
.resources {
	width:33.3%;
	padding:0 10px 32px;
	display:inline-block;
	vertical-align:top;
	letter-spacing:0;
	font-size:18px;
	line-height:30px;
}
.resources h3,
.resource-story > h3 {
	font:italic 26px/30px 'Times New Roman', Times, Georgia, serif;
	margin:0 0 14px;
	border-bottom:2px solid #f8b29c;
	color:#f1592a;
	padding:0 0 3px;
}
.resources ul {
	list-style:none;
	margin:0;
	padding:0 20px 6px;
}
.resources ul li {
	list-style:none outside;
}
.resources ul li a {
	color:#5c6670;
	text-decoration:none;
}
.resources ul li a:hover {text-decoration:underline;}
.resources .open-more {
	float:right;
	text-transform:uppercase;
	color:#5c6670;
	font-size:16px;
	line-height:18px;
	font-weight:600;
	text-decoration:none;
}
.resources .open-more:hover {opacity:0.8;}
.resources.active .open-more span,
.resources .open-more em {display:none;}
.resources.active .open-more em {
	display:inline;
	font-style:normal;
}
.resources .slide {
	margin:0 -9999px;
	
	clear:right;
	padding:20px 0 0;
}
.resources .slide-holder {background:#eee;}
.resources .slide-frame {
	max-width:960px;
	padding:33px 10px 36px;
	position:relative;
	margin:0 auto;
	box-sizing: border-box;
	width:100%;
}
.resources .slide-frame:before{
	content:"";
	position:absolute;
	bottom:100%;
	left:50%;
	margin:0 0 0 -16px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 16px 20px 16px;
	border-color: transparent transparent #eeeeee transparent;
}
.resources-holder .resources:first-child .slide-frame:before,
.resources-holder .resources:nth-child(4n) .slide-frame:before {
	left:135px;
	margin:0;
}
.resources-holder .resources:nth-child(3n) .slide-frame:before {
	left:auto;
	right:135px;
	margin:0;
}
.resources .slide .open-more {
	position:absolute;
	top:19px;
	right:36px;
	text-transform:uppercase;
	color:#5c6670;
	font-size:17px;
	line-height:20px;
	padding:0 27px 0 0;
	text-decoration:none;
}
.resources .slide .open-more:after{
	content:"";
	position:absolute;
	top:4px;
	right:0;
	width:14px;
	height:15px;
	background: url(../images/sprite.png) no-repeat -136px -275px;
}
.resources .slide h3 {margin:0 0 24px;}
.resources .slide ul {
	padding:0;
	overflow:hidden;
}
.resources .slide ul li {
	width:33.3%;
	float:left;
	padding:0 10px 0 15px;
}
.resource-story {padding:0 0 48px;}
.resource-story > h3 {margin:0 0 21px;}
.article-holder:after{
	content:"";
	display:block;
	clear:both;
}
.article-holder {margin:0 -10px;}
.article-story {
	float:left;
	width:50%;
	padding:0 10px;
}
.article-story .img-holder {margin:0 0 17px;}
.article-story .img-holder img {
	width:100%;
	height:auto;
}
.article-story h3 {
	font-size:22px;
	line-height:26px;
	font-weight:400;
	margin:0;
}
.article-story h3 a {
	color:#5c6670;
	text-decoration:none;
}
.article-story h3 a:hover {text-decoration:underline;}
.profile-page .share-box {
	padding:15px 0 31px;
	margin:0 auto 24px;
}
.profile-page .login {
	display:block;
	text-align:center;
	font:italic 18px/22px 'Times New Roman', Times, Georgia, serif;
	color:#5c6670;
	margin:0 0 49px;
}
.profile-page .login  a {
	font:700 16px/22px 'Open Sans', Arial, Helvetica, sans-serif;
	color:#5c6670;
	text-decoration:none;
	margin:0 0 0 16px;
}
.profile-page .login  a:hover {opacity:0.8;}
.profile-page .login  a > span {
	font-weight:400;
	display:inline-block;
	vertical-align:top;
	margin:-2px 0 0;
}

/****Popup Photo galleries caption****/
.history-popup .photo-gallery .photo-attri, .history-popup .photo-gallery .photo-desc  {
  font-style: normal;
  color: #50b3cf;
  margin: 5px;
  font-size: 11px;
  line-height: 14px;
  text-align: center;
}
/* footer styles */
#footer {
	width:100%;
	overflow:hidden;
	display:table-footer-group;
	background:#5c6670;
}
.f1{
	height:1%;
	display:table-row;
}
.f2{display:table-cell;}
#footer .holder {
	max-width:960px;
	margin:0 auto;
	padding: 34px 10px 49px;
	color:#dedfe1;
}
.nav {width:100%;}
.nav ul {
	width:100%;
	list-style:none;
	margin: 0 0 19px;
	padding: 0 0 6px;
	text-align:justify;
	text-justify: newspaper;
	border-bottom:1px solid #90979e;
	font-size:0;
	line-height:0;
	letter-spacing:-4px;
}
.nav ul:after{
	display:inline-block;
	width:100%;
	content:'';
	height:0;
	font-size:0;
	line-height:0;
}
.nav ul li {
	list-style:none outside;
	display:inline-block;
	vertical-align:top;
	font-size:14px;
	line-height:18px;
	letter-spacing:0;
}
.nav ul li a {
	color:#fff;
	text-decoration:none;
}
.nav ul li a:hover {text-decoration:underline;}
.box-holder:after{
	content:"";
	display:block;
	clear:both;
}
.box-holder {margin: 0 -10px 42px;}
.box-holder .box {
	width:50%;
	float:left;
	padding:0 30px;
	color:#9da3ac;
	font-size:12px;
	line-height:18px;
}
.box-holder .box .frame {
	float:right;
	width:300px;
}
.box-holder .box h2 {
	color:#dedfe1;
	font-weight:400;
	font-size:16px;
	line-height:18px;
	margin: 0 0 13px;
}
.box-holder .box p {margin:0 0 14px;}
.simplenews-subscribe {
	overflow:hidden;
	margin:0;
	border:1px solid #dee0e2;
	border-radius:3px;
	position:relative;
}
.simplenews-subscribe label {display:none;}
.simplenews-subscribe input[type="submit"] {
	position:absolute;
	top:0;
	right:0;
	text-indent:-9999px;
	overflow:hidden;
	border:none;
	width:30px;
	height:30px;
	border-left:1px solid #c0c5ca;
	background:#7d858d;
	border-radius:0 3px 3px 0;
	background:#7d858d url(../images/bg-arrow.png) no-repeat 50% 50%;
}
.simplenews-subscribe input[type="submit"]:hover {background:#595f65 url(../images/bg-arrow.png) no-repeat 50% 50%;}
.form-item  {
	overflow:hidden;
	margin:0 30px 0 0;
}
.simplenews-subscribe input[type="text"] {
	border:none;
	background:none;
	font-size:14px;
	line-height:18px;
	color:#c0c5ca;
	height:30px;
	width:100%;
	border-radius:3px 0 0 3px;
}
.box-holder .login {
	display:inline-block;
	vertical-align:top;
	border:1px solid #e1e3e5;
	background:#6d767f;
	border-radius:3px;
	padding: 6px 10px;
	color:#e0e2e3;
	font-size:14px;
	line-height:18px;
	text-decoration:none;
}
.box-holder .login:hover {background:#595f65;}
.partners-list {
	list-style:none;
	margin: 0 0 42px;
	padding:0;
	font-size:0;
	line-height:0;
	letter-spacing:-4px;
}
.partners-list li {
	display:inline-block;
	vertical-align:middle;
	letter-spacing:0;
	margin:0 30px;
}
.partners-list li a {display:block;}
.partners-list li img {
	width:100%;
	height:auto;
}
.copy {
	text-align:center;
	margin:0 0 10px;
	font-size:12px;
	line-height:16px;
}
/* Start: Recommended Isotope styles */

/**** Isotope Filtering ****/

.isotope-item {
  z-index: 2;
}

.isotope-hidden.isotope-item {
  pointer-events: none;
  z-index: 1;
}

/**** Isotope CSS3 transitions ****/

.isotope-container,
.isotope,
.isotope .isotope-item {
  -webkit-transition-duration: 0.8s;
     -moz-transition-duration: 0.8s;
      -ms-transition-duration: 0.8s;
       -o-transition-duration: 0.8s;
          transition-duration: 0.8s;
}

.isotope-container,
.isotope {
  -webkit-transition-property: height, width;
     -moz-transition-property: height, width;
      -ms-transition-property: height, width;
       -o-transition-property: height, width;
          transition-property: height, width;
}

.isotope .isotope-item {
  -webkit-transition-property: -webkit-transform, opacity;
     -moz-transition-property:    -moz-transform, opacity;
      -ms-transition-property:     -ms-transform, opacity;
       -o-transition-property:      -o-transform, opacity;
          transition-property:         transform, opacity;
}

/**** disabling Isotope CSS3 transitions ****/

.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
  -webkit-transition-duration: 0s;
     -moz-transition-duration: 0s;
      -ms-transition-duration: 0s;
       -o-transition-duration: 0s;
          transition-duration: 0s;
}

/* End: Recommended Isotope styles */



/* disable CSS transitions for containers with infinite scrolling*/
.isotope.infinite-scrolling {
  -webkit-transition: none;
     -moz-transition: none;
      -ms-transition: none;
       -o-transition: none;
          transition: none;
}

/*
========================
New CSS as on 28-10-2014
========================
*/

#filter-string{-webkit-border-radius:0;-moz-border-radius:0;border-radius:0; height: 50px;}
#filter-string2{-webkit-border-radius:0;-moz-border-radius:0;border-radius:0; height: 50px;}

.custbtn {
    padding: 5px 10px;
}

.clear {
    clear: both;
    float: none;
}

.clear10 {
    clear: both;
    float: none;
    margin-bottom: 10px;
}

.area-map-holder {
    width: 100%;
    height: auto;
}

.map-area {
    background: #316290;
}

.map-area .pins {
    position: static;
}

.map-area .tab-text {
    z-index: 3;
}

.map-tabset {
    z-index: 3;
}

.area-map-holder {
    width: 925px;
    height: 537px;
}

#tab2 .jcf-select {
    width: 315px;
}

.leaflet-top {
    top: auto;
    bottom: 0;
}

.leaflet-bar {
    background: none;
}

.leaflet-control-zoom-in,
.leaflet-control-zoom-in:hover {
    left: 52px;
    position: relative;
    padding: 17px;
    bottom: -17px;
    background: none;
    opacity: 0;
}

.leaflet-control-zoom-out,
.leaflet-control-zoom-out:hover {
    position: relative;
    left: 12px;
    top: -19px;
    padding: 17px;
    background: none;
    opacity: 0;
 }

.leaflet-bar {
    border: 0;
}

.btn-note {
    z-index: 9;
}

.note-box {
    z-index: 9;
}

ul.ui-autocomplete {
	max-width: 260px;
	overflow: hidden;
}

ul.ui-autocomplete li {
	border-bottom: 1px solid #ccc;
	color: #50B3CF;
	font-size: 14px;
}

ul.ui-autocomplete li.ui-state-focus {
	color: #FFFFFF;
	background: #3b86a5;
}


.leaflet-container .map-tabset ul li sup {
    margin-left: -3px;
    margin-right: 4px;
    background: #3b86a5;
    border-radius: 5px;
    padding: 3px;
    font-weight: bold;
    color: #fff;
    display: inline;
    box-shadow: 0 0 5px #000;
}

.leaflet-container .map-tabset ul li a {
    display: inline-block;
    padding-left: 7px;
    padding-right: 7px;
}

/* new css */

.popup-content {
    text-align: right;
}

.popupName {
    font: 16px/20px 'open_sanssemibold',Arial,Helvetica,sans-serif;
    color: #000;
}

.popupLocation {
    font-style: italic;
    color: #5c6670;
    font-family: 'Sentinel-MediumItalic',Arial,Helvetica,sans-serif;
	font-size: 14px;
}

.popupLinkBtn {
    margin-top: 20px;
}

.popupLinkBtn a {
    background: #F75628;
    padding: 12px;
    color: #fff;
    border-radius: 3px;
    margin-top: 10px;
    text-decoration: none;
}

.popupLinkBtn a:hover {
    color: #fff;
}

.leaflet-popup-content {
    min-width: 320px !important;
    max-width: 320px !important;
    min-height: 130px;
    max-height: 100%;
}

.popupLinkBtn {
    position: absolute;
    bottom: 38px;
    right: 10px;
}


/* ---------------------------------------------------------
   3. Styles for Responsive web design
   ---------------------------------------------------------*/

/* styles for screens 1200px wide and narrower */
@media only screen and (max-width:1199px){
	.main-gallery .mask .slide img,
	.promo img {
		width:100%;
		height:auto;
	}
}
   
/* styles for screens 1100px wide and narrower */
@media only screen and (max-width:1100px){
	.post-list li:first-child .post .popup-box,
	.post-list li:nth-child(4n) .post .popup-box,
	.post-list li:nth-child(3n) .post .popup-box {
		left:0;
		transform: translate(0, -50%);
		-moz-transform: translate(0, -50%);
		-webkit-transform: translate(0, -50%);
		-ms-transform: translate(0, -50%);
	}
	.post-list li:nth-child(3n) .post .popup-box,
	.more-stories .post-list li:nth-child(4n) .post .popup-box {
		left:auto;
		right:0;
	}
	.more-stories .post-list li:nth-child(3n) .post .popup-box {
		left:50%;
		right:auto;
		transform: translate(-50%, -50%);
		-moz-transform: translate(-50%, -50%);
		-webkit-transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
	}
	.intro .down {display:none;}
}
/* styles for screens 960px wide and narrower */
@media only screen and (max-width:959px){
	#header {padding: 0 0 11px;}
	#header .holder {padding:0 40px;}
	#header .panel {
		padding:5px 0 3px;
		margin: 0;
	}
	#nav ul li.active:after,
	#nav ul li:hover:after {margin:13px 0 0;}
	.social-networks  {
		font-size:10px;
		line-height:14px;
	}
	.social-networks li {margin:0 0 0 14px;}
	.social-networks .facebook {
		background-position:-23px -38px;
		width:13px;
		height:12px;
	}
	.social-networks .twitter {
		background-position:-49px -38px;
		width:16px;
		height:12px;
	}
	.social-networks .google {
		background-position:-78px -38px;
		width:13px;
		height:12px;
	}
	#header .logo {
		width:143px;
		height:35px;
		margin:7px 0 0 8px;
	}
	#nav {padding: 20px 0 0;}
	#nav ul {
		font-size:12px;
		line-height:16px;
	}
	#nav ul li {margin:0 0 0 27px;}
	#main {padding: 22px 40px 53px;}
	.main-gallery {margin:0 0 32px;}
	.main-gallery .text-frame {padding:0 40px;}
	.main-gallery .text {
		width:532px;
		padding: 11px 0 8px;
	}
	.main-gallery .text-holder-above 	{	bottom: 65px;}
	.main-gallery .text .photo-desc 		{	font-size: 13px;	}
	.main-gallery .text .photo-desc p 	{	margin: 0; }
	.main-gallery .text .photo-attr		{	font-size: 12px;	}

	.main-gallery .text h1  {
		font-size:28px;
		line-height: 28px;
		margin: 0;
	}
	.main-gallery .text .more {
		font-size:12px;
		line-height:14px;
		padding:0 20px 0 0;
	}
	.main-gallery .text .more:after {
		background-position:-34px -23px;
		width:14px;
		height:8px;
		top:6px;
	}
	.main-gallery .pagination {
		/*left:40px;
		right:40px;
		bottom: 13px;*/
		display: none;
	}
	.main-gallery .pagination ul li {margin:0 0 0 9px;}
	.main-gallery .pagination ul li:first-child {margin:0 0 0 42px;}
	.main-gallery .pagination ul li a {
		width:15px;
		height:15px;
	}
	.intro {
		font-size:16px;
		line-height:35px;
		padding: 0 0 29px;
		margin: 0 0 22px;
	}
	.title,
	.home-page .title {
		font:36px/44px "Times New Roman", Times, Georgia, serif;
		margin: 0 0 21px;
	}
	.home-page .title {margin:0 0 19px;}
	.post-list {
		margin:0 34px;
		padding:0;
	}
	.post-list li {
		width:45%;
		padding: 0 1% 24px;
		box-sizing: border-box;
	}
	.post-list li:first-child .post .popup-box,
	.post-list li:nth-child(odd) .post .popup-box,
	.stories-box .post-list li.odd .post .popup-box {
		left:0;
		transform: translate(0, -50%);
		-moz-transform: translate(0, -50%);
		-webkit-transform: translate(0, -50%);
		-ms-transform: translate(0, -50%);
	}
	.post-list li:nth-child(even) .post .popup-box,
	.stories-box .post-list li.even .post .popup-box {
		left:auto;
		right:0;
		transform: translate(0, -50%);
		-moz-transform: translate(0, -50%);
		-webkit-transform: translate(0, -50%);
		-ms-transform: translate(0, -50%);
	}
	.post-list li:last-child .post .popup-box,
	.more-stories .post-list li:nth-child(2n) .post .popup-box {
		left:50%;
		right:auto;
		transform: translate(-50%, -50%);
		-moz-transform: translate(-50%, -50%);
		-webkit-transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
	}
	.more-stories .post-list li:first-child .post .popup-box,
	.more-stories .post-list li:nth-child(3n) .post .popup-box {
		left:0;
		transform: translate(0, -50%);
		-moz-transform: translate(0, -50%);
		-webkit-transform: translate(0, -50%);
		-ms-transform: translate(0, -50%);
	}
	.more-stories .post-list li:nth-child(3n) .post .popup-box {
		left:auto;
		right:0;
	}
	.post .img-holder {margin:0 0 6px;}
	.post .text {padding:0 0 5px;}
	.story {
		padding: 18px 6.6% 0;
		font-size:14px;
		line-height:24px;
	}
	.story.single {
		padding:16px 6.6% 0;
		margin:0 0 -8px;
	}
	.caption-box {
		width:300px;
		margin:5px 30px 10px -103px;
	}
	.caption-text {
		font:italic 12px/18px 'Times New Roman', Times, Georgia, serif;
		padding:0 0 7px;
	}
	#main .story h2 {
		font-size:18px;
		line-height:24px;
		margin:0 0 12px;
	}
	.story .text {padding:0 60px;}
	.story q {
		font: italic 24px/32px 'Times New Roman', Times, Georgia, serif;
		width: 293px;
		margin: 9px 20px 5px -60px;
	}
	q.alignright {margin: 14px -60px 5px 20px;}
	.story .img-holder {margin:0 0 30px;}
	.story .img-holder img {
		width:100%;
		height:auto;
	}
	.story.quote {margin:0 0 -10px;}
	.story.quote p {margin:0 0 24px;}
	.story p {margin:0 0 24px;}
	.story.single p {margin:0 0 24px;}
	.story .more {
		font-size:12px;
		line-height:16px;
		padding:0 15px 0 0;
		margin:0 0 16px;
	}
	.share-box {
		padding:15px 0 21px;
		width:auto;
		margin:0 17.1% 14px;
	}
	.about-page .share-box {padding:36px 0 21px;}
	.share-box h3 {
		font:18px/22px 'Times New Roman', Times, Georgia, serif;
		margin:0;
	}
	.share-box .slogan {
		font-size:14px;
		line-height:18px;
		margin:0 0 11px;
	}
	.share-box .social li {margin:0 14px;}
	.share-box .social li a {
		width:24px;
		height:24px;
	}
	.share-box .social .facebook {background-position:0 -111px;}
	.share-box .social .twitter {
		background-position:-38px -110px;
		width:29px;
		height:23px;
	}
	.share-box .social .google {background-position:-89px -110px;}
	.more-stories {padding:0 0 12px;}
	#main .more-stories > h2 {
		font-size:18px;
		line-height:24px;
		margin:0 0 16px;
	}
	.more-stories .post-list {padding:0;}
	.more-stories .post-list li {width:33.3%;}
	.more-stories .post-list .none {display:none;}
	.link-area {padding:38px 0 10px;}
	.link-area .col strong {
		font:14px/18px 'Times New Roman', Times, Georgia, serif;
		margin:0 0 10px;
	}
	.link-area .col ul {
		font-size:14px;
		line-height:18px;
	}
	.link-area .col ul li {padding:0 0 4px;}
	.link-area .col:last-child ul {margin:0 -50px 0 0;}
	.video-area .title {margin:0 0 10px;}
	.video-area .story.single {
		padding:16px 6.6% 1px;
		font-size:13px;
		line-height:22px;
	}
	.video-area .caption-text {
		padding:16px 0 18px;
		margin:0 6.4%;
	}
	.video-area q.alignright {margin:6px -60px 5px 20px;}
	.photo-gallery {margin:0 -40px;}
	.photo-area .caption-text {
		margin:0 11.1% 20px;
		padding:0 0 11px;
	}
	.photo-area .title {margin:0 0 20px;}
	.photo-gallery .slideset {margin:0 0 16px;}
	.pagination-gallery .mask {
		border:none;
		max-width:420px;
	}
	.history-popup .pagination-gallery .mask .slide {width:28px;}
	.pagination-gallery .mask .slide {
		line-height:26px;
		font-size:14px;
		width:28px;
	}
	.pagination-gallery .mask .slide a {
		width:28px;
		height:30px;
	}
	.pagination-gallery .btn-prev,
	.pagination-gallery .btn-next {
		width:30px;
		height:30px;
	}
	.pagination-gallery .btn-prev:after,
	.pagination-gallery .btn-next:after {
		left:10px;
		top:9px;
		width:9px;
		height:13px;
		background-position:-115px -33px;
	}
	.pagination-gallery .btn-next:after {
		right:10px;
		background-position:-135px -33px;
	}
	.photo-area .link-area {padding:38px 0 10px;}
	.single-story {margin:1px 0 20px;}
	.single-story h1 {
		font-size:24px;
		line-height:28px;
	}
	.single-story .img-holder {
		margin:0 15px 0 0;
	}
	.single-story .text {
		padding:4px 0 26px;
		font-size:14px;
		line-height:24px;
	}
	.single-story .subtitle {
		font:italic 18px/24px 'Times New Roman', Times, Georgia, serif;
		margin:0 0 12px;
	}
	.single-story p {
		letter-spacing:-1px;
		margin:0 0 10px;
	}
	.single-story .more {
		font-size:12px;
		line-height:14px;
	}
	.single-story .open {
		font-size:12px;
		line-height:13px;
	}
	.stories-box .heading {padding:10px 0 20px;}
	.stories-box .filter-form {margin:11px 16px 0 0;}
	.filter-form .jcf-select {
		width:225px;
		height:37px;
	}
	.filter-form .jcf-select .jcf-select-text {
		margin:0 47px 0 12px;
		line-height:35px;
	}
	.filter-form .jcf-select .jcf-select-opener {width:36px;}
	.filter-form .jcf-select .jcf-select-opener:after {
		background-position:-133px -161px;
		width:15px;
		height:11px;
		top:12px;
		left:9px;
	}
	.discover-area .title {margin:0 0 15px;}
	.discover-area .story p {margin:0 0 7px;}
	.discover-area .story {padding:0 6.6%;}
	.discover-area .holder {padding:17px 0 22px;}
	.discover-area .filter-form {margin:0 0 11px 19px;}
	.event {padding:4px 6.6% 0;}
	.event .img-holder {
		width:36.5%;
		margin:0 15px 0 0;
	}
	#main .event h2 {
		font-size:18px;
		line-height:24px;
		margin:0 0 10px;
	}
	.event .text {
		padding:2px 0 0;
		font-size:14px;
		line-height:24px;
	}
	.event .more {
		font-size:12px;
		line-height:16px;
	}
	#main.narative-page {padding:21px 0 15px;}
	.narative-page .title {margin:0 0 20px;}
	#main .single-img {
		margin:0;
		padding:12px 0 15px;
	}
	#main.history-page {padding:18px 0 15px;}
	#main .frame {padding:0 40px;}
	.history-page .title {margin:0 0 6px;}
	.scroll {
		font-size:18px;
		line-height:24px;
		padding:0 23px 0 0;
	}
	.scroll:after {
		background-position:-19px -290px;
		width:15px;
		height:10px;
		margin:-5px 0 0;
	}
	.history-page .story {padding:20px 6.6% 7px;}
	.history-page .story p {margin:0 0 24px;}
	.quantity-box {
		min-width:140px;
		margin:53px -103px 0 0;
		padding:5px 0 7px 5px;
	}
	.quantity-box em {font:italic 18px/22px 'Times New Roman', Times, Georgia, serif;}
	.quantity-box strong {
		font-size:24px;
		line-height:26px;
	}
	.history .text-holder {
		top:31px;
		bottom:28px;
	}
	.year-holder {
		width:172px;
		margin:0 0 0 -50%;
		right:31px;
	}
	.year-list {
		font-size:16px;
		line-height:22px;
		padding:6px 14px 8px 40px;
	}
	.year-list li a {padding:0 25px 0 0;}
	.year-list li a:after {
		background-position:-68px -287px;
		width:8px;
		height:13px;
		margin:-6px 0 0;
	}
	.year-list li.active a:after,
	.year-list li a.hover:after {background-position:-48px -288px;}
	.history .text-block {
		padding:8px 9px 12px;
		font-size:10px;
		line-height:16px;
	}
	#main .history .text-block h2 {
		font-size:14px;
		line-height:18px;
		margin:0 0 3px;
	}
	.history .text-block p {margin:0 0 6px;}
	.history .btn-list {right:40px;}
	.history .btn-list li {margin:0 0 0 13px;}
	.history .btn-list li a {
		width:60px;
		height:60px;
	}
	.history .btn-list .btn-photo:after {
		background-position:-161px 0;
		width:41px;
		height:30px;
		top:16px;
		left:10px;
	}
	.history .btn-list .btn-text:after {
		background-position:-225px 0;
		width:27px;
		height:36px;
		top:12px;
		left:15px;
	}
	.history .btn-list .btn-doc:after {
		background-position:-269px 0;
		width:31px;
		height:39px;
		top:10px;
		left:16px;
	}
	.profile-page .story {
		display:table;
		width:100%;
		padding:18px 0 0;
	}
	.content-openclose .content-openclose-frame {
		padding:0 20px;
	}
	.content-openclose .read-more {
		margin:0 0 0 20px;
	}
	.profile-page .story q {margin:1px 20px 5px -103px;}
	.profile-page .story .text-holder {padding:0 83px;}
	.profile-page .aside-panel {
		float:none;
		width:100%;
		margin:0;
	}
	.aside-panel .item-holder {
		padding:0 15px 41px;
		overflow:hidden;
		margin:0 -8px 20px;
	}
	.aside-panel .source {
		position:absolute;
		bottom:25px;
		left:25px;
		font-size:13px;
		line-height:16px;
		color:#5c6670;
		padding:0;
	}

	.aside-panel .item.loc	{	width: 40%;	}
	.aside-panel .item-holder .area-item ,
	.aside-panel .item-holder .pca-row2.item1 {	clear: left;	}
	.aside-panel .item-holder .col3 {	width: 33.3%;	}
	.aside-panel .item-holder .row1-item,
	.aside-panel .item-holder .col2 {	width: 25%;	}
	.aside-panel .item-holder .pca-row1,
	.aside-panel .item-holder .pca-row2	{	width: 40%;	padding: 10px;}
/*
	.aside-panel.empty-body-panel .item.loc	{	width: 40%;	}
	.aside-panel.empty-body-panel .item-holder .area-item ,
	.aside-panel.empty-body-panel .item-holder .pca-row2.item1 {	clear: left;	}
	.aside-panel.empty-body-panel .item-holder .col3 {	width: 33.3%;	}
	.aside-panel.empty-body-panel .item-holder .row1-item,
	.aside-panel.empty-body-panel .item-holder .col2 {	width: 25%;	}
	.aside-panel.empty-body-panel .item-holder .pca-row1,
	.aside-panel.empty-body-panel .item-holder .pca-row2	{	width: 40%;	padding: 10px;}
*/
	.aside-panel .item {
		float:left;
		width:33.3%; 
		padding:0 8px 10px;
	}
	#main .aside-panel h2 {margin:0 0 11px;}
	.aside-panel .item strong {
		font-size:13px;
		line-height:16px;
	}
	.aside-panel .item span {
		font-size:23px;
		line-height:26px;
	}
	.aside-panel .item .img-box {
		padding:10px 0 0;
		margin:0;
	}
	.aside-panel .frame-box {
	/*	float:left;
		width:100%;
		margin:0 16px 0 0; */
	}
	.aside-panel .frame-box .item {
		width:33.3%;
		float:right;
	}
	.aside-panel .frame-box {
		padding-top: 10px;
	}
	.aside-panel .frame-box .item.left {float:left;}
	.aside-panel .programm {
	/*	display:block;
		float:left;
		width:95%;
		margin:0 0 15px;	*/
	}
	.aside-panel .soc-box {
		display:block;
		float:left;
		width:37%;
	}
	.aside-panel .programm .item,
	.aside-panel .soc-box .item{
		width:100%;
		margin:0;
	}
	.aside-panel .soc-box .item {
		padding:10px 15px 29px;
	}
	.aside-panel .social-holder h3 {
		font-size:18px;
		line-height:22px;
		margin:0 0 9px;
	}
	#main .aside-panel .soc-box h2 {margin:0 0 2px;}
	.aside-panel .social-holder {padding:0 0 0 15px;}
	.aside-panel .social li {margin:0 7px 0 0;}
	.aside-panel .social li a {
		width:19px;
		height:19px;
	}
	.aside-panel .social .facebook {background-position:-226px -95px;}
	.aside-panel .social .twitter {
		width:22px;
		height:17px;
		background-position:-252px -96px;
	}
	.aside-panel .social .google {background-position:-281px -95px;}
	#main .resource-area h2 {
		font-size:18px;
		line-height:22px;
		margin:0 0 17px;
	}
	.resource-area {margin:0 0 -5px;}
	.resource-story {padding:0 0 29px;}
	.resources {
		padding:0 10px 21px;
		font-size:13px;
		line-height:22px;
	}
	.resources h3,
	.resource-story > h3 {
		font-size:19px;
		line-height:22px;
		padding:0 0 2px;
		border-width:0 0 1px;
		margin:0 0 10px;
	}
	.resources ul {padding:0 15px 5px;}
	.resources .open-more {
		font-size:12px;
		line-height:16px;
	}
	.resource-story > h3 {margin:0 0 16px;}
	.article-holder {margin:0 -8px;}
	.article-story {padding:0 8px;}
	.article-story .img-holder {margin:0 0 12px;}
	.article-story h3 {
		font-size:16px;
		line-height:20px;
	}
	.profile-page .share-box {
		padding:15px 0 22px;
		margin:0 17.1% 18px;
	}
	.profile-page .login {
		font-size:13px;
		line-height:16px;
		margin:0;
	}
	.profile-page .login a {
		font-size:12px;
		line-height:16px;
		margin:0 0 0 10px;
	}
	#footer .holder {padding: 24px 40px 40px;}
	.box-holder .box  {padding:0 10px;}
	.box-holder .box .frame {float:left;}
	.nav ul {
		padding: 0 0 11px;
		margin: 0 0 18px;
	}
	.nav ul li {
		font-size:12px;
		line-height:14px;
	}
	.box-holder .box h2 {margin: 0 -20px 13px 0;}
	.partners-list {margin:0 0 37px;}
	.partners-list li  {margin:0 10px;}
	.map-select {
		display:block;
		overflow:hidden;
		margin:0 0 10px;
	}
	.map-area {margin:0;}
	.map-area .title-text {
		font-size:18px;
		line-height:22px;
		padding:0 0 9px;
		margin:0 0 8px;
	}
	.map-area .note-box {
		font-size:14px;
		line-height:24px;
		top:10px;
		width:262px;
		padding:9px 15px 15px 26px;
	}
	.map-area .btn-close {
		font-size:20px;
		line-height:20px;
		top:10px;
		right:16px;
	}
	.map-area .btn-add,
	.map-area .btn-minus,
	.map-tabset {display:none;}
	.btn-note {
		width:52px;
		height:42px;
	}
	.btn-note:before {
		background:url(../images/sprite.png) no-repeat -207px -238px;
		width:18px;
		height:18px;
		margin-top:-10px;
	}
	.tab-text #tab4 {
		width: 432px;
		margin: 0 auto;
	}
}
/* styles for screens 767px wide and narrower */
@media only screen and (max-width:767px) {
	#header {padding:0 0 8px;}
	#header .panel {display:none;}
	#header .holder {padding:9px 0 0;}
	#header .logo {
		width:72px;
		height:19px;
		margin:1px 0 0 17px;
	}
	#nav:after{
		content:"";
		display:block;
		clear:both;
	}
	#nav {
		padding:0;
		float:none;
	}
	#nav .opener {
		display:block;
		float:right;
		margin:0 17px 0 0;
	}
	#nav ul {display:none;}
	#nav.nav-active ul {
		display:block;
		width:100%;
		padding:10px 0 0;
	}
	#nav ul li {
		float:none;
		display:block;
		margin:0;
		font-size:14px;
		line-height:16px;
		border-bottom:1px solid #00324d;
	}
	#nav ul li:last-child{border:none;}
	#nav ul li.active:after,
	#nav ul li:hover:after {display:none;}
	#nav ul li a{
		padding:5px 17px;
		display:block;
	}
	#nav ul li.active a,
	#nav ul li a:hover {
		background:#00324d;
		color:#fff;
	}
	#main {padding:12px 0 27px;}
	.main-gallery {margin: 0 0 12px;}
	.main-gallery .text-holder, .main-gallery .text-holder-above,
	.main-gallery .pagination {display:none;}
	.main-gallery .text-frame {padding:0;}
	.main-gallery .text {
		width:100%;
		padding:16px 10px 18px;
	}
	.intro {
		font-size:12px;
		line-height:21px;
		padding: 0 5px 16px;
		margin: 0 0 13px;
	}
	.intro .color01,
	.intro .color02,
	.intro .color03,
	.intro .color04 {
		background:none;
		border-bottom:2px solid #fab73d;
		padding:0 5px;
		line-height: 19px;
	}
	.intro .color02 {border-color:#50b3cf;}
	.intro .color03 {border-color:#a8c934;}
	.intro .color04 {border-color:#f25a2b;}
	.title,
	.home-page .title {
		font:25px/30px 'Times New Roman', Times, Georgia, serif;
		margin: 0 0 14px;
		padding:0 20px;
	}
	.home-page .title {margin:0 0 13px;}
	.post-list {
		margin:0 45px;
		padding:0;
	}
	.post-list li  {
		width:100%;
		padding: 0 0 14px;
	}
	.post-list li .post .popup-box {
		left:50% !important;
		right:auto !important;
		transform: translate(-50%, -50%) !important;
		-moz-transform: translate(-50%, -50%) !important;
		-webkit-transform: translate(-50%, -50%) !important;
		-ms-transform: translate(-50%, -50%) !important;
	}
	.nav ul {text-align:center;}
	.nav .none,
	.nav ul:after,
	.more-stories,
	.story q {display:none;}
	#main .story h2 {
		font-size:12px;
		line-height:14px;
	}
	.story {
		padding:19px 18px 0;
		font-size:12px;
		line-height:21px;
	}
	.story.single {
		padding:20px 18px 0;
		margin:0 0 -6px;
	}
	.story .text {padding:0;}
	.story.quote {margin:0 0 -6px;}
	.story.quote p {margin:0 0 20px;}
	.story p {margin:0 0 21px;}
	.story.single p {margin:0 0 21px;}
	.story .more {
		font-size:9px;
		line-height:12px;
	}
	.share-box {
		margin:0 auto 13px;
		border:none;
		padding:17px 0 0;
		width:79.7%;
	}
	.about-page .share-box {padding:2px 0 0;}
	.share-box h3 {
		font:12px/14px 'Times New Roman', Times, Georgia, serif;
		margin:0;
	}
	.share-box .slogan {
		font-size:9px;
		line-height:12px;
		margin:0 0 7px;
	}
	.share-box .social li {margin:0 10px;}
	.share-box .social li a {
		width:16px;
		height:17px;
	}
	.share-box .social .facebook {background-position:0 -147px;}
	.share-box .social .twitter {
		background-position:-35px -148px;
		width:21px;
		height:16px;
	}
	.share-box .social .google {
		background-position:-75px -147px;
		width:16px;
		height:17px;
	}
	.caption-box {
		float:none;
		margin:0 auto 5px;
		width:72%;
	}
	.caption-box .img {margin:0 0 8px;}
	.caption-text{
		font:italic 12px/16px 'Times New Roman', Times, Georgia, serif;
		padding:0 0 5px;
	}
	.link-area .col:first-child:after,
	.link-area .col:last-child {display:none;}
	.link-area .col:first-child {
		width:100%;
		text-align:center;
		padding:0;
	}
	.story .img-holder {margin:0 0 15px;}
	.link-area {padding:7px 0 15px;}
	.link-area .col strong {
		font-size:12px;
		line-height:14px;
	}
	.link-area .col ul {
		font-size:12px;
		line-height:14px;
	}
	.video-area .title {margin:0 0 12px;}
	.video-area .video {padding:0 12.5%;}
	.video-area .video iframe {height:200px;}
	.video-area .caption-text {
		margin:0 7.5%;
		padding:6px 0;
	}
	.video-area .story.single {
		padding:7px 18px 29px;
		font-size:12px;
		line-height:21px;
	}
	.photo-area .title {margin:0 0 14px;}
	.photo-gallery {margin:0;}
	.photo-gallery .slideset {margin:0 0 6px;}
	.pagination-gallery .mask ,
	.history-popup .pagination-gallery .mask {max-width:255px;}
	.pagination-gallery .mask .slide,
	.history-popup .pagination-gallery .mask .slide {
		width:17px;
		font-size:9px;
		line-height:17px;
	}
	.pagination-gallery .mask .slide a,
	.history-popup .pagination-gallery .mask .slide a {
		height:19px;
		width:17px;
	}
	.photo-area .caption-text {
		margin:0 18.5% 12px;
		padding:0 0 7px;
	}
	.pagination-gallery .btn-prev,
	.pagination-gallery .btn-next,
	.history-popup .pagination-gallery .btn-prev,
	.history-popup .pagination-gallery .btn-next {
		width:17px;
		height:19px;
	}
	.pagination-gallery .btn-prev:after,
	.pagination-gallery .btn-next:after,
	.history-popup .pagination-gallery .btn-prev:after,
	.history-popup .pagination-gallery .btn-next:after {
		width:6px;
		height:8px;
		background-position:-138px -65px;
		left:6px;
		top:6px;
	}
	.pagination-gallery .btn-next:after,
	.history-popup .pagination-gallery .btn-next:after {
		right:6px;
		background-position:-139px -82px;
	}
	.photo-area .story {padding:10px 18px 0;}
	.photo-area .link-area {padding:14px 0 15px;}
	.single-story .img-holder {
		float:none;
		margin:0 0 10px;
		text-align:center;
		width:100%;
		height:auto !important;
	}
	.single-story .img-holder img {
		width:auto;
		max-width:100%;
	}
	.single-story .text {
		width:100%;
		float:none;
		padding:0 10px;
		height:auto !important;
	}
	.single-story .meta {position:relative;}
	.single-story .relate-popup {
		left:0;
		right:0;
	}
	.stories-box .heading {padding:20px 10px 15px;}
	.stories-box .filter-form {
		float:none;
		margin:0 0 15px;
	}
	.filter-form .jcf-select {
		width:auto;
		max-width:300px;
		margin:0 auto;
		display:block;
	}
	.stories-box .title {float:none;}
	.relate-popup {
		width:auto;
		right:-25px;
		left:-25px;
	}
	.discover-area .story {padding:0 18px 2px;}
	.discover-area .title {margin:0 0 9px;}
	.discover-area .story p {margin:0 0 6px;}
	.discover-area .filter-form {margin:7px auto 16px;}
	.discover-area .holder {padding:9px 18px 17px;}
	.event .img-holder {display:none;}
	.event {padding:0 0 10px;}
	#main .event h2 {
		font-size:12px;
		line-height:16px;
		margin:0 0 6px;
	}
	.event .text {
		padding:2px 0 0;
		font-size:12px;
		line-height:21px;
	}
	.event .text p {margin:0 0 7px;}
	.event .more {
		font-size:9px;
		line-height:12px;
		float:right;
	}
	#main .frame {padding:0;}
	#main.narative-page {padding:12px 0 15px;}
	.narative-page .title {margin:0 0 13px;}
	#main .single-img {
		padding:0;
		margin:0 0 -6px;
	}
	.history-page .story .text{
		position:relative;
		padding:0 0 24px;
	}
	#main .history .text-block h2 {
		font-size:16px;
		line-height:18px;
		margin:0 0 5px;
	}
	.history-page .story .quantity-box {
		float:none;
		margin:0;
		position:absolute;
		bottom:0;
		right:0;
		padding:5px 10px;
	}
	.quantity-box em {
		font-size:13px;
		line-height:16px;
	}
	.quantity-box strong {
		font-size:18px;
		line-height:20px;
	}
	.year-holder .open {display:block;}
	.year-holder {
		position:static;
		margin:0;
		right:auto;
		width:100%;
		left:auto;
		top:0;
		background:#d5d3d3;
		display:none;
	}
	.year-list:after {display:none;}
	.year-list {
		float:none;
		padding:6px 0 8px;
		text-align:left;
		background:none;
	}
	.year-list  li a {
		display:block;
		padding:0 10px;
	}
	.year-list li a:after {right:10px;}
	.year-list.js-slide-hidden {position:absolute !important;}
	.history .text-holder {
		padding:0 10px;
		overflow:hidden;
		top:12px;
		bottom:20px;
	}
	.history .text-block .text-frame {border:none;}
	.history .text-block {
		float:none;
		width:100%;
		font-size:12px;
		line-height:16px;
		padding:6px 8px 2px;
	}
	.history .btn-list {right:12px;}
	.history .btn-list li {margin:0 0 0 10px;}
	.history .btn-list li a {
		width:45px;
		height:45px;
	}
	.history .btn-list .quantity-box {
		float:none;
		padding:5px 0 5px 5px;
		min-width:101px;
	}
	.history .btn-list .btn-photo:after {
		background-position:-166px -145px;
		width:31px;
		height:24px;
		top:12px;
		left:8px;
	}
	.history .btn-list .btn-text:after {
		background-position:-223px -142px;
		width:21px;
		height:26px;
		top:11px;
		left:11px;
	}
	.history .btn-list .btn-doc:after {
		background-position:-272px -138px;
		width:24px;
		height:30px;
		top:8px;
		left:12px;
	}
	.step-area {
		padding:14px 18px 26px;
	}
	.step-area .post-list {padding:0;}
	.step-area .post-list li:first-child,
	.step-area .post-list li:last-child {display:none;}
	#main .join-form h2 {
		color:#000;
		font-size:12px;
		line-height:16px;
	}
	.join-form {
		background:none;
		color:#5c6670;
		font-size:12px;
		line-height:21px;
		padding:4px 0 0;
	}
	#main .join-form h2 {
		font-size:14px;
		line-height:18px;
		margin:0 0 7px;
	}
	.join-form p {margin:0 0 10px;}
	#main.history-page {padding:12px 0 15px;}
	.join-form p {margin:0 0 24px;}
	.join-form .simplenews-subscribe {border-color:#557688;}
	.join-form .simplenews-subscribe input[type="text"] {
		color:#5c6670;
		font-size:16px;
		height:34px;
		font-weight:400;
	}
	.join-form .simplenews-subscribe input[type="submit"] {
		height:34px;
		width:34px;
		border-color:#557688;
		background:#ccd6db url("../images/bg-arrow.png") no-repeat 50% 50%;
	}
	.history-page .title {margin:0 0 5px;}
	.scroll {
		font-size:13px;
		line-height:16px;
		padding:0 18px 0 0;
	}
	.scroll:after {
		background-position:-178px -194px;
		width:13px;
		height:9px;
		margin:-4px 0 0;
	}
	.history-page .story {padding:9px 18px 21px;}
	.history-page .story p {margin:0 0 21px;}
	.history-popup,
	.history-popup.popup-video {
		width:100%;
		padding:25px 10px 10px;
		font-size:14px;
		line-height:16px;
		min-height:1px;
	}
	.history-popup.popup-video {padding:35px 15px 10px;}
	.history-popup h3,
	.history-popup.doc h3 {
		font-size:18px;
		line-height:20px;
		margin:0 0 10px;
	}
	.history-popup p {margin:0 0 15px;}
	.history-popup .close,
	.resources .slide-holder .open-more {
		font-size:14px;
		line-height:16px;
		top:10px;
		right:10px;
		padding:0 20px 0 0;
	}
	.history-popup .close:after,
	.resources .slide-holder .open-more:after {
		top:50%;
		margin:-8px 0 0;
	}
	.history-popup.doc {
		width:100%;
		padding:25px 10px 20px;
		min-height:1px;
	}
	.history-popup em {
		font-size:14px;
		line-height:16px;
	}
	.history-popup .download {
		font-size:18px;
		line-height:22px;
		padding:0 30px 0 0;
	}
	.history-popup .download:after {
		background-position:-163px -56px;
		width:16px;
		height:21px;
		margin:-10px 0 0;
	}
	.history-popup.photo {padding:35px 10px 20px;}
	.history-popup .photo-gallery .caption-text {
		margin:0 20px;
		text-align:center;
	}
	.profile-page .story {padding:18px 0 0;}
	.content-openclose .content-openclose-frame {
		padding:0 18px;
	}
	.content-openclose .read-more {
		margin:0 0 0 18px;
	}
	.profile-page .story .text-holder {padding:0 0 0;}
	.resources-holder {margin:0;}
	.resources {
		width:100%;
		padding:0 18px 10px;
	}
	.resource-story {padding:0 18px 20px;}
	.article-holder {margin:0;}
	.article-story {
		width:100%;
		padding:0 0 20px;
	}
	.profile-page .share-box {margin:0 auto 24px;}
	.resources .slide {
		margin:0 -18px;
		padding:15px 0 0;
	}
	.resources .slide-holder {padding:0 18px;}
	.resources .slide-frame {padding:15px 0;}
	.resources .slide-frame:before {
		border-width: 0 10px 15px 10px;
		left:50% !important;
		margin:0 0 0 -10px;
	}
	.resources .slide ul {padding:15px 15px;}
	.resources .slide ul li {
		width:100%;
		padding:0;
		float:none;
	}
	.resources .slide h3 {margin:0 0 15px;}
	.aside-panel .panel-holder {
		max-width:284px;
		margin:0 auto;
		padding:15px 10px 0;
	}
	.aside-panel .item-holder {padding:0 15px 10px;}
	.aside-panel .item {width:100%;}
	.aside-panel .frame-box {
		width:100%;
		margin:0;
		float:none;
		padding:10px 0;
	}
	.aside-panel .frame-box .item {
		width:100%;
		float:none;
	}
	.aside-panel .frame-box .item.left {float:none;}
	.aside-panel .programm {
		float:none;
		width:100%;
		display:table-header-group;
	}
	.aside-panel .soc-box {
		float:none;
		width:100%;
	}
	.aside-panel .source {
		position:static;
		margin:0 0 10px;
	}
	#footer .holder {padding: 13px 0 40px;}
	.box-holder {margin:0 10px 42px;}
	.box-holder .box .frame {width:auto;}
	.box-holder .box h2 {margin:0 0 13px;}
	.partners-list {padding:0 9px;}
	.partners-list li {
		width:25%;
		padding:0 4px;
		margin:0;
	}
	/*.map-area .tab-text {
		right:0;
		left:0;
		bottom:0;
		width:auto;
	}*/
	.tab-text {
		right:0;
		left:0;
		bottom:0;
		width:auto;
	}
	.btn-note {display:none;}
	.map-area .area-map-holder {position:relative;}
	.map-area .note-box {
		position:relative;
		left:0;
		top:0;
		/*width:auto;*/
		padding:10px 0 0;
		font-size:12px;
	}
	.map-area .title-text {
		font-size:12px;
		line-height:14px;
	}
	.map-select label {
		font-size:11px;
		line-height:11px;
		margin:15px 15px 0 2px;
	}
	.map-select select, .map-select .jcf-select {
		width:auto;
		overflow:hidden;
		float:none;
		display:block;
	}
	.map-select .jcf-select .jcf-select-text {font-size:13px;}
	/*.map-area .tab-text .tabset {
		font-size:10px;
	}*/
	.tab-text .tabset {
		font-size:10px;
	}
	/*.map-area .tab-text {border-radius:0;}*/
	
	.tab-text {border-radius:0;}
	
	.map-search-form .area input {
		padding:12px 17px 10px;
		font-size:12px;
	}
	.map-search-form .submit {
		width:39px;
		height:38px;
	}
	/*.map-area .location-box {
		font-size:12px;
		min-height:0;
	}*/
	.tab-text .location-box {
		font-size:12px;
		min-height:0;
	}
	
	/*.map-area .row {margin:0;}*/
	.tab-text .row {margin:0;}
	
	.map-area .btn-close {
		right:0;
		top:9px;
	}
	/*.map-area .radios-area label {font-size:11px;}*/
	.tab-text .radios-area label {font-size:11px;}
	.tab-text #tab4 {
		width: 345px;
		margin: 0 auto;
	}
	
}
/* styles for screens 480px wide and narrower */
@media only screen and (max-width:479px) {
	.post-list li .post .popup-box {width:300px;}
	.post h2 {
		font-size:11px;
		line-height:14px;
	}
	.post .meta {
		font-size:11px;
		line-height:14px;
	}
	#main .post .popup-text h2 {
		font-size:18px;
		line-height:24px;
		margin:0 0 20px;
	}
	.post .popup-text .more {
		font-size:12px;
		line-height:18px;
	}
	.post .popup-text .heading {
		padding:0 0 10px;
		margin:0 0 10px;
	}
	.post .popup-text .company-name,
	.post .subname {
		font-size:10px;
		line-height:14px;
	}
	.post .name {
		font: bold italic 16px/18px 'Times New Roman', Times, Georgia, serif;
		margin:0 0 1px;
	}
	.post .img-holder {margin:0 0 5px;}
	.post .text {padding: 0 0 3px;}
	.filter-form .jcf-select {
		width:154px;
		height:25px;
		margin:0 auto;
		display:block;
	}
	.filter-form .jcf-select .jcf-select-text {
		line-height: 23px;
		margin: 0 34px 0 12px;
		font-size:7px;
	}
	.filter-form .jcf-select .jcf-select-opener {width:24px;}
	.filter-form .jcf-select .jcf-select-opener:after {
		background-position:-108px -153px;
		width:10px;
		height:8px;
		top:8px;
		left:6px;
	}
	.jcf-list {
		font-size:10px;
		line-height:12px;
	}
	#footer .holder {padding:13px 0 34px;}
	.box-holder  {margin:0 0 20px;}
	.box-holder .box:last-child {display:none;}
	.box-holder .box {
		float:none;
		width:100%;
		padding:0;
		font-size:7px;
		line-height:9px;
	}
	.box-holder .box .frame  {
		width:160px;
		margin:0 auto;
		float:none;
	}
	.box-holder .box h2  {
		font-size:12px;
		line-height:16px;
		margin: 0 0 4px;
		letter-spacing:-1px;
	}
	.box-holder .box p {margin:0 0 5px;}
	.simplenews-subscribe input[type="text"] {
		height:15px;
		font-size:7px;
		line-height:10px;
		padding:3px 5px 2px;
	}
	.simplenews-subscribe input[type="submit"] {
		height:15px;
		width:15px;
	}
	.nav ul {
		margin: 0 0 13px;
		padding: 0 0 3px;
	}
	.nav ul li {
		margin:0 15px;
		font-size:11px;
		line-height:14px;
	}
	.partners-list {margin: 0 0 23px;}
	.copy {
		font-size:9px;
		line-height:14px;
	}
    .leaflet-popup-content-wrapper .leaflet-popup-content {
        min-width: 234px !important;
        max-width: 234px !important;
        min-height: 150px;
        max-height: 100%;
    }
	/*.map-search-form, .tab-content .search-desc {width: 90%; margin: 0 auto;}*/
}
/* ---------------------------------------------------------
   4. Retina styles
   ---------------------------------------------------------*/

@media ( -webkit-min-device-pixel-ratio : 1.5 ) and ( max-width : 767px ), ( min-resolution : 144dpi ) and ( max-width : 767px ){
	.share-box .social .facebook,
	.share-box .social .twitter,
	.share-box .social .google,
	.pagination-gallery .btn-prev:after,
	.pagination-gallery .btn-next:after,
	.history .btn-list .btn-photo:after,
	.history .btn-list .btn-text:after,
	.history .btn-list .btn-doc:after,
	.scroll:after,
	.join-form button:after {
		background: url(../images/sprite-2x.png) no-repeat;
		background-size:100px 100px;
	}
	.share-box .social .facebook {background-position:-8px 0;}
	.share-box .social .twitter {background-position:-34px 0;}
	.share-box .social .google {background-position:-62px 0;}
	.pagination-gallery .btn-prev:after {background-position:-3px -24px;}
	.pagination-gallery .btn-next:after {background-position:-18px -24px;}
	.history .btn-list .btn-photo:after {	background-position:0 -39px;}
	.history .btn-list .btn-text:after {background-position:0 -73px;}
	.history .btn-list .btn-doc:after {background-position:-30px -70px;}
	.scroll:after {background-position:-54px -22px;}
	.join-form button:after {background-position:-41px -44px;}
	.map-search-form .submit:before {
		background: url(../images/sprite-2x.png) no-repeat -60px -39px;
		background-size:100px 100px;
	}
}
@media ( -webkit-min-device-pixel-ratio : 1.5 ) and ( max-width : 767px ), ( min-resolution : 144dpi ) and ( max-width : 767px ){
	.history-popup .pagination-gallery .btn-prev:after {
		background: url(../images/sprite-2x.png) no-repeat -3px -24px;
		background-size:100px 100px;
	}
	.history-popup .pagination-gallery .btn-next:after {
		background: url(../images/sprite-2x.png) no-repeat -18px -24px;
		background-size:100px 100px;
	}
}
@media ( -webkit-min-device-pixel-ratio : 1.5 ) and ( max-width : 480px ), ( min-resolution : 144dpi ) and ( max-width : 480px ){
	.filter-form .jcf-select .jcf-select-opener:after {
		background: url(../images/sprite-2x.png) no-repeat -37px -23px;
		background-size:100px 100px;
	}
}


/*
=========================
Mobile design starts here
=========================
*/

@media only screen and (max-width:767px) {
    .tab-text #tab1, .tab-text #tab2 {
		display: block !important;
		padding: 14px;
	}
	.tab-content .search-desc {
		padding-left: 0;
	}
	
	.tab-text #tab1 .map-search-form,
	.tab-text #tab2 .map-search-form {
		display: block !important;
		width: 100% !important;
	}
	
	.tab-text .location-box {
		  padding: 5px 10px 5px 30px;
	}
	
	.tab-text .radios-area .area {
		display: inline;
		width: 50%;
		margin:0;
	}
	
    .area-map-holder {
        width: 100%;
        height: 250px;
    }
	.tab-text .tabset a {
		font-size:12px;
	}
    
    /*.map-area .tab-text {
        top: 0;
        bottom: auto;
    }*/
	.tab-text {
        top: 0;
        bottom: auto;
	}
    
    .map-area .btn-note {
        bottom: 0px;
        position: absolute;
        top: auto;
        display: block;
    }
    
    .leaflet-control-container {
        display: none;
    }
    
    #tab2 .jcf-select {
        width: 100%;
    }
    
    #filter-string {
        height: auto;
    }
    #filter-string2 {
        height: auto;
    }
	.view-slideshow .slideset,  .view-slideshow .slideset .slide {
		min-height: 140px;
	}
	
	.aside-panel .item {	width: 100%;	}
	.aside-panel .item.loc,
	.aside-panel .item-holder .area-item ,
	.aside-panel .item-holder .pca-row2.item1,
	.aside-panel .item-holder .col3,
	.aside-panel .item-holder .row1-item,
	.aside-panel .item-holder .col2,
	.aside-panel .item-holder .pca-row1,
	.aside-panel .item-holder .pca-row2	{	width: 100%;	}

}

@media screen and (max-width:768px) {
	#tab5 .explore .jcf-select.jcf-unselectable {
		display: block;
		width: 100%;
	}
	.tab-content .search-desc {
		display: block;
		width: 100%;
	}
}

.profile-page .story q.qFix {
	margin: 12px -60px 5px 20px;
}