:root {
	--primaryColor: #27ae60;
	--secondaryColor: #008c22;

	--primaryBackgroundColor: #363c48;
}

.cleaner {
    clear: both;
    font-size: 1px;
    height: 1px;
}

#st-el-4 .st-btns { overflow: hidden !important; }

/* header */
.navbar.navbar-default {
	background: rgba(0,0,0,0.46);
    border-color: rgba(255,255,255,0.2);
}

.navbar-extra-top {
	border-bottom: 1px solid rgba(255,255,255,0.2);
}

.socials-top * { font-size: 20px !important; }

@media (max-width: 991px) {
	#MainMenu .navbar-extra-top a {
	   display: inline-block;
	   float: left;
	}
}



.navbar-default .navbar-toggle { border-color: transparent; }

.navbar-default .navbar-toggle .icon-bar { background-color: #fff; }

.navbar-nav .first-letter {
	color: var(--primaryColor);
	font-weight: bold;
}

.navbar-default .navbar-nav > li > a {
	color: #fff;
}

nav#navbar-main > ul {
	font-size: 18px;
	font-family: Edo, sans-serif;
}

#navbar-main ul.nav.navbar-nav {
	display: inline-block;
	float: none;
	
}

.navbar-default .navbar-nav>li>a:hover,
.navbar-default .navbar-nav>li>a:focus {
    color: #d9d9d9;
    background-color: rgba(0,0,0,0.26);
}

#MainMenu.navbar.scrolled {
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    background-color: var(--primaryBackgroundColor);
    box-shadow: 0 2px 10px rgba(0,0,0,0.3);
    -webkit-box-shadow: 0 2px 10px rgba(0,0,0,0.3);
    -moz-box-shadow: 0 2px 10px rgba(0,0,0,0.3);
}

#MainMenu.navbar.scrolled .dropdown-menu { background: var(--primaryBackgroundColor); }

#MainMenu .fa.fa-home { font-size: 20px; }

@media (max-width: 768px) {
    #MainMenu .navbar-extra-top, #MainMenu .collapse-md { background-color: var(--primaryBackgroundColor); }
    
    #MainMenu .collapse-md {
        border-top: 1px solid rgba(255,255,255,0.2);
        border-bottom: 1px solid rgba(255,255,255,0.2);
    }
}

@media (max-width: 1299px) {
    .collapse-md .navbar-collapse.collapse.in {
	    display: block !important;
	    overflow-y: auto !important;
	    overflow-x: hidden !important;
    }
}

@media (max-width: 1299px) {
    .collapse-md.container>.navbar-header,
    .collapse-md.container-fluid>.navbar-header,
    .collapse-md.container>.navbar-collapse,
    .collapse-md.container-fluid>.navbar-collapse {
	    margin-left: -20px;
	    margin-right: -20px;
    }
}







.dropdown-menu { background: rgba(0,0,0,0.56); }
.dropdown-menu>li>a { color: #fff; }
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:hover, .navbar-default .navbar-nav>.open>a:focus { background: rgba(0,0,0,0.26); color: #fff; }
.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus {
	color: #fff;
	background: rgba(0,0,0,0.76);
}

@media (max-width: 767px) {
	.navbar-default .navbar-nav .open .dropdown-menu>li>a:hover, .navbar-default .navbar-nav .open .dropdown-menu>li>a:focus { color: #fff; background: rgba(0,0,0,0.26); }
	.navbar-default .navbar-nav .open .dropdown-menu>li>a { color: #fff; }
}


.navbar-default .navbar-collapse { border-color: rgba(255,255,255,0.2); }

#navbar-main.navbar-collapse ul.nav.navbar-nav {
	display: block;
	margin: 0;
}


/* menu toggle */
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus { background-color: transparent; }

.navbar-toggle { margin-right: 0; }


/* search */

.navbar-form.navbar-search { margin-bottom: 0; }

@media (max-width: 767px) {
	.navbar.navbar-default { background: rgba(0,0,0,0.7); }

	.navbar-form {
	    width: auto;
	    border: 0 none;
	    margin: 0 0 10px 0;
	    padding: 0;
	    box-shadow: none;
	    -webkit-box-shadow: none;
	    -moz-box-shadow: none;
	}
}

header .navbar-header form.navbar-search div.form-group { margin: 8px 0 0 0; }


.navbar-search input.fa { font-size: 20px; }



/* main logo */

#MainMenu div.logo {
	position: absolute;
    margin: 0;
    text-align: center;
    width: 100%;
}

#MainMenu div.logo a {
    display: inline-block;
    background-color: rgba( 0, 0, 0, 0.5);
    padding: 10px 30px;
    border-bottom-left-radius: 50px;
    border-bottom-right-radius: 50px;
    margin-top: 1px;
    
    box-shadow: 0 2px 10px rgba(0,0,0,0.7);
    -webkit-box-shadow: 0 2px 10px rgba(0,0,0,0.7);
    -moz-box-shadow: 0 2px 10px rgba(0,0,0,0.7);
    
    border: 1px solid rgba(255,255,255,0.2);
    border-top: 0 none;
}

#MainMenu.navbar.scrolled div#logo {
	display: none !important;
	
}

#MainMenu div#logo-up { display: none; }

#MainMenu.navbar.scrolled div#logo-up { display: block; }

#MainMenu .logo-top {
	padding: 8px 0;
	text-align: center;
}

#MainMenu .logo-top img { display: inline; }


/* page header image */

div.page-header-image,
div.page-header-image img { min-height: 210px; }

div.page-header-image { overflow: hidden; }










/*------------------------ toppath ----------------------*/

#toppath .intro-title {
	background-color: var(--primaryBackgroundColor);
	border-top: 3px solid var(--primaryColor);
    color: #fff;
    padding: 10px 0;
    font-size: 36px;
    line-height: 36px;
}

#toppath .breadcrumbs {
    list-style: none;
    margin: 1.8rem 0;
    padding: 0;
    line-height: 15px;
}

#toppath .breadcrumbs li {
    display: inline-block;
    position: relative;
}

#toppath .breadcrumbs li:after {
    content: '\f105';
    display: inline-block;
    position: relative;
    top: 0.25rem;
    line-height: 15px;
    padding: 0 0.5rem 0 1rem;
    color: rgba(0,0,0,0.4);
    font-family: 'FontAwesome',sans-serif;
    font-size: 2rem;
    font-weight: 400;
}

#toppath .breadcrumbs li:last-child:after {
	content: '';
	top: 0;
	padding: 0;
}

#toppath .breadcrumbs li a,
#toppath .breadcrumbs li span {
    color: rgba(0,0,0,0.7);
    font-size: 15px;
}

#toppath .breadcrumbs li a:hover { cursor: pointer; }

@media (min-width: 768px) {
	#toppath .intro-title {
	    font-size: 54px;
	    line-height: 54px;
	}
}

/* modal - login */

.modal-content {
	background-color: rgba(0, 0, 0, 0.76);
	color: #f4f4f4;
	border-color: rgba(255, 255, 255, 0.2);
}

.modal-header,
.modal-footer { border: 0 none; }

.modal-footer { padding-top: 0; }

.modal-title,
.modal-footer button,
.modal-footer input { font-family: Edo; }

.modal-header .close {
	color: #fff;
	font-size: 27px;
}










/*------------------------ right menu ------------------------*/

#right-menu .block { margin-bottom: 20px; }



/*------------------------- footer ---------------------------*/
#footer { margin-top: 40px; }


/*------------------------- share menu -------------------------*/

.share-menu {
    margin: 10px 0 30px 0;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    padding: 5px 0;
}

.article-info { line-height: 32px; }

.article-info i.fa { font-weight: bold; }

.article-info span {
	border-right: 1px solid #ccc;
	margin-right: 10px;
	padding-right: 10px;
}

.article-info span:last-child {
	margin: 0;
	padding: 0;
	border: 0 none;
}

.article-info span.pale {
	font-style: italic;
	color: #aaa;
}




















/* filters */

.filter-block.panel { border-top-width: 5px; }

.filter-block label { font-size: 14px; }






































/* ACCORDION PANELS - READY */

.accordion-card {
    margin-bottom: 3rem;
    color: #95979c;
    background: #fff;
    border-radius: 2px;
    overflow: hidden;
    -webkit-box-shadow: 0 1px 7px rgba(0,0,0,0.15);
    box-shadow: 0 1px 7px rgba(0,0,0,0.15);
    -moz-box-shadow: 0 1px 7px rgba(0,0,0,0.15);
}

.accordion-card header { padding: 1rem; }

.accordion-card header .section-title {
    font-size: 20px;
    margin-top: .5rem;
    margin-bottom: 1rem;
    text-transform: uppercase;
    line-height: 1.1;
    color: var(--primaryBackgroundColor);
}

.accordion-card .accordion-panel .panel-group { margin-bottom: 0; }

.accordion-card .accordion-panel .panel {
	border-radius: 0;
    border: none;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    position: relative;
    margin-top: 0;
	
}

.accordion-card .accordion-panel .panel .panel-body a { position: relative; }

.accordion-card .accordion-panel .panel a {
    text-decoration: none;
    outline: none;
}

.accordion-card .accordion-panel .panel:before {
    content: ' ';
    position: absolute;
    width: 100%;
    height: 100%;
    background: none;
    background-image: -webkit-linear-gradient(top, rgba(0,0,0,0) 50%, rgba(0,0,0,0.65) 100%);
    background-image: -o-linear-gradient(top, rgba(0,0,0,0) 50%, rgba(0,0,0,0.65) 100%);
    background-image: linear-gradient(to bottom, rgba(0,0,0,0) 50%, rgba(0,0,0,0.65) 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#a6000000', GradientType=0);
    -webkit-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
    transition: all .2s ease-out;
    left: 0;
}

.accordion-card .accordion-panel .spacer { height: 10rem; }

.accordion-card .accordion-panel .panel .panel-collapse.in+a .panel-heading { background-color: rgba(0,0,0,0); }

.accordion-card .accordion-panel .panel .panel-heading {
    background-color: rgba(0,0,0,0.35);
    text-shadow: 0 1px 1px rgba(0,0,0,0.7);
    border: none;
    padding: 2rem;
    position: relative;
    -webkit-transition: background-color .65s;
    -o-transition: background-color .65s;
    transition: background-color .65s;
}

.accordion-card .accordion-panel .panel .panel-body .read-more {
    position: absolute;
    margin: 0 auto;
    background: transparent;
    color: transparent;
    display: inline-block;
    font-weight: 600;
    text-align: center;
    text-transform: uppercase;
    width: 50%;
    height: 5rem;
    line-height: 5rem;
    top: 4rem;
    left: 0;
    right: 0;
    border-radius: 4px;
    -webkit-transition: background 0.2s;
    -o-transition: background 0.2s;
    transition: background 0.2s;
    cursor: pointer;
}

/*.accordion-card .accordion-panel .panel .panel-body:hover .read-more {*/
.accordion-card .accordion-panel .panel:hover .panel-body .read-more {
    color: rgba(255,255,255,0.95);
    background: rgba(39,174,96,0.9);
    -webkit-box-shadow: 0 0 12px rgba(0,0,0,0.5);
    box-shadow: 0 0 12px rgba(0,0,0,0.5);
}

.accordion-card .accordion-panel .panel .panel-heading .panel-title {
    display: block;
    color: #fff;
    font-size: 2.25rem;
    font-weight: 400;
    text-decoration: none !important;
}

.accordion-card .accordion-panel .panel .panel-heading .panel-icon {
    color: #fff;
    float: left;
    font-size: 40px;
    padding-left: 1rem;
    height: 5rem;
    line-height: 5rem;
    width: 6rem;
}

.accordion-card .accordion-panel .panel .panel-body .read-more .fa, .accordion-card .accordion-panel .panel .panel-body .read-more .icon { margin: 0 1rem; }

.accordion-card .accordion-panel .panel .panel-heading ul.hierarchy {
    font-size: 13px;
    line-height: 13px;
    list-style-type: none;
}

.accordion-card .accordion-panel .panel .panel-heading ul.hierarchy li { color: #fff; }

.accordion-card footer {
    font-size: 14px;
    line-height: 3rem;
    padding: 1rem 2rem;
    text-align: right;
}

.accordion-card footer a {
    color: #95979c;
    text-decoration: none;
}



















































/* COVER VIEWS */
/* card type 1 READY============ */

.smallcard {
    background: #fff;
    border-radius: 2px;
    overflow: hidden;
    -webkit-box-shadow: 0 1px 7px rgba(0,0,0,0.15);
    box-shadow: 0 1px 7px rgba(0,0,0,0.15);
    -moz-box-shadow: 0 1px 7px rgba(0,0,0,0.15);
}

.smallcard .entry-header { position: relative; }

.smallcard .entry-header a,
.smallcard .entry-meta a { text-decoration: none; }

.smallcard .entry-header .entry-thumbnail {
    background-size: cover;
    background-position: 50%;
    max-height: 440px;
    overflow: hidden;
    margin-bottom: 0;
}

.smallcard .entry-header:hover .entry-thumbnail:before { opacity: .3; }

.smallcard .entry-header .entry-thumbnail:before {
    content: ' ';
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: .7;
    background-image: -webkit-linear-gradient(top, rgba(0,0,0,0.05) 50%, rgba(0,0,0,0.95) 100%);
    background-image: -o-linear-gradient(top, rgba(0,0,0,0.05) 50%, rgba(0,0,0,0.95) 100%);
    background-image: linear-gradient(to bottom, rgba(0,0,0,0.05) 50%, rgba(0,0,0,0.95) 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0d000000', endColorstr='#f2000000', GradientType=0);
    -webkit-transition: opacity 0.3s ease 0.1s;
    -o-transition: opacity 0.3s ease 0.1s;
    transition: opacity 0.3s ease 0.1s;
}

.smallcard .entry-header .entry-thumbnail img {
    vertical-align: bottom;
    visibility: hidden;
    max-width: 100%;
}

.smallcard .entry-header h1,
.smallcard .entry-header h2 {
    color: #fff;
    font-size: 22px;
    text-shadow: 0 1px 1px rgba(0,0,0,0.7);
    margin: 0;
    padding: 2rem;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    border-bottom: 3px solid var(--primaryColor);
}

.smallcard .entry-header .entry-title.with-date { padding-bottom: 1rem; }

.smallcard .entry-header .entry-title span { padding-left: 15px; }

.smallcard .entry-header .entry-title span i { top: auto; }

.smallcard .entry-header .entry-title span,
.smallcard .entry-header .entry-title span i { font-size: 13px; }

.smallcard .entry-header.no-bottom-line h1,
.smallcard .entry-header.no-bottom-line h2 { border-bottom: 0 none; }

.smallcard .entry-meta {
    background-color: #fafafa;
    font-size: 13px;
    line-height: 2rem;
    padding: 1rem;
    margin-bottom: 0;
}

.smallcard .entry-header .fa {
    position: absolute;
    top: 20px;
    left: 20px;
    color: #fff;
    font-size: 45px;
}

.view-cover .event .smallcard .entry-header .fa { font-size: 20px; }

.smallcard .category {
    margin: 0;
    position: absolute;
    bottom: 5px;
    left: 20px;
    text-transform: uppercase;
    color: #fff;
    font-size: 12px;
}


/* card type 2 READY================== */

.longcard {
    background: #fff;
    border-radius: 2px;
    overflow: hidden;
    -webkit-box-shadow: 0 1px 7px rgba( 0, 0, 0, 0.15 );
    box-shadow: 0 1px 7px rgba( 0, 0, 0, 0.15 );
    -moz-box-shadow: 0 1px 7px rgba( 0, 0, 0, 0.15 );
}

.longcard .entry-header { position: relative; }

.longcard .entry-header .entry-thumbnail {
    background-size: cover;
    background-position: 50%;
    max-height: 350px;
    overflow: hidden;
    margin-bottom: 0;
}

.longcard .entry-header .entry-thumbnail:before {
    content: ' ';
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 0.7;
    background-image: -webkit-linear-gradient(top, rgba(0,0,0,0.05) 50%, rgba(0,0,0,0.95) 100%);
    background-image: -o-linear-gradient(top, rgba(0,0,0,0.05) 50%, rgba(0,0,0,0.95) 100%);
    background-image: linear-gradient(to bottom, rgba(0,0,0,0.05) 50%, rgba(0,0,0,0.95) 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0d000000', endColorstr='#f2000000', GradientType=0);
    -webkit-transition: opacity 0.3s ease 0.1s;
    -o-transition: opacity 0.3s ease 0.1s;
    transition: opacity 0.3s ease 0.1s;
}

.longcard .entry-header:hover .entry-thumbnail:before{ opacity: 0.3 }

.longcard .entry-header .entry-thumbnail img {
    vertical-align: bottom;
    visibility: hidden;
}

.longcard .entry-meta a,
.longcard .entry-header a:hover,
.longcard .entry-meta a:hover { color: #fff; }

.longcard .entry-header h1,
.longcard .entry-header h2 {
    color: #fff;
    font-size: 26px;
    text-shadow: 0 1px 1px rgba(0,0,0,0.7);
    margin: 0;
    padding: 2rem;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
}

.longcard .entry-meta {
    background: var(--primaryBackgroundColor);
    color: rgba( 255, 255, 255, 0.7 );
    font-size: 13px;
    line-height: 2rem;
    padding: 1.5rem;
    margin-bottom: 0;
}

.longcard .entry-header .fa {
    position: absolute;
    top: 20px;
    left: 20px;
    color: #fff;
    font-size: 45px;
}


/* card type 3 (FEATURED COVER) READY================ */

.cover-card {
    background: #fff;
    border-radius: 2px;
    overflow: hidden;
    position: relative;
    -webkit-box-shadow: 0 1px 7px rgba( 0, 0, 0, 0.15 );
    box-shadow: 0 1px 7px rgba( 0, 0, 0, 0.15 );
    -moz-box-shadow: 0 1px 7px rgba( 0, 0, 0, 0.15 );
}

.cover-card.featured { margin-bottom: 2rem; }

.cover-card.featured a.featured-image {
    display: block;
    background-size: cover;
    background-position: 50%;
    -webkit-box-shadow: inset 0 -30px 120px rgba(0,0,0,0.33);
    box-shadow: inset 0 -30px 120px rgba(0,0,0,0.33);
    -webkit-transition: box-shadow .15s ease .1s;
    -o-transition: box-shadow .15s ease .1s;
    transition: box-shadow .15s ease .1s;
}

@media (min-width: 992px) {
    .cover-card.featured a.featured-image, .col-sm-4 .cover-card.featured a.featured-image { height: 250px; }
}

@media (min-width: 768px) {
    .cover-card.featured a.featured-image { height: 210px; }
}

.cover-card.featured a.featured-image {
    width: 100%;
    height: 200px;
}

.cover-card.featured .card-details {
    background-color: #fff;
    padding: 0.5rem 1rem;
}

.cover-card.featured .card-title {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 10px;
    position: relative;
    z-index: 1;
    text-shadow: 1px 1px 0px #000;
    margin: -40px 0 0 0;
    background-color: rgba(0,0,0,0.6);
}

.cover-card.featured .card-title a {
    color: var(--primaryBackgroundColor);
    text-decoration: none !important;
}

.cover-card.featured a.featured-image:hover {
    -webkit-box-shadow: inset 0 -30px 120px rgba(0,0,0,0);
    -moz-box-shadow: inset 0 -30px 120px rgba(0,0,0,0);
    box-shadow: inset 0 -30px 120px rgba(0,0,0,0);
}

.cover-card.featured a.featured-image {
    display: block;
    background-size: cover;
    background-position: 50%;
    -webkit-box-shadow: inset 0 -30px 120px rgba(0,0,0,0.33);
    box-shadow: inset 0 -30px 120px rgba(0,0,0,0.33);
    -webkit-transition: box-shadow .15s ease .1s;
    -o-transition: box-shadow .15s ease .1s;
    transition: box-shadow .15s ease .1s;
}

.cover-card.featured .category {
    font-size: 12px;
    position: static;
    text-transform: uppercase;
    color: var(--primaryBackgroundColor);
    margin: 0;
}

.cover-card.featured .location { font-size: 14px; }

.cover-card.featured.dark .card-details {
	border-top: 1px solid #fff;
	background-color: var(--primaryBackgroundColor);
}

.cover-card.featured.dark .card-title,
.cover-card.featured.dark .card-title a,
.cover-card.featured.dark .card-details .location,
.cover-card.featured.dark .card-details .category,
.cover-card.featured.dark .card-details .category a { color: #fff; }

.cover-card.featured.dark .meta-details { padding: 0.5rem 1rem; }

.cover-card.featured.dark .meta-details .location a { color: var(--primaryBackgroundColor); }

.cover-card.featured .meta-details.event-date {
	color: var(--primaryBackgroundColor);
	background-color: #fff;
	font-size: 14px;
}

.cover-card.featured.dark .meta-details.event-date {
	color: #fff;
	background-color: var(--primaryBackgroundColor);
}

.cover-card.featured .event-status {
	position: absolute;
    top: 5px;
    right: 0;
    padding: 5px;
    background-color: var(--primaryColor);
    color: #fff;
    border-bottom-left-radius: 5px;
    border-top-left-radius: 5px;
    text-transform: uppercase;
    line-height: 1;
    font-size: 12px;
    font-weight: bold;
    text-shadow: 1px 1px 0px #000;
}

.cover-card.featured .event-status.expired { background-color: #d52400; }
.cover-card.featured .event-status.coming-soon { background-color: #ffbe00; }
.cover-card.featured .event-status.future {
	background-color: #f4f4f4;
	color: #666;
}

.cover-card.featured > .fa {
	position: absolute;
    top: 20px;
    left: 20px;
    color: #fff;
    font-size: 30px;
}


/* featured-card */

.featured-card {
	background-color: #f8f8f8;
    border-radius: 7px;
    border: 1px solid #eee;
    overflow: hidden;
}

.featured-card h3 {
	padding: 10px 5px;
	background-color: var(--primaryBackgroundColor);
	margin: 0 0 10px 0;
	text-align: center;
}

.featured-card h3 a {
	color: #fff;
	display: block;
	text-decoration: none;
}

.featured-card .fa.type-icon {
	position: absolute;
    bottom: 10px;
    margin-left: 10px;
    font-size: 50px;
    color: #fff;
}

.featured-card .description .data {
	margin: 0 20px 50px 20px;
}

.featured-card p { margin: 0 }

.featured-card .data a {
	color: var(--primaryBackgroundColor);
}

.featured-card .iunc-status-text,
.featured-card .unesco-site-text {
	border-radius: 0;
	position: absolute;
	top: 15px;
	right: 11px;
	padding: 5px 10px;
}

.featured-card .unesco-site-text {
	background-color: var(--primaryColor);
	color: #fff;
}

.featured-card .location {
	position: absolute;
    bottom: 10px;
    right: 10px;
    font-size: 13px;
    padding: 5px 10px 5px 5px;
    background-color: #999;
    color: #fff;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}

.featured-card .location a { color: #fff; }



































/* IUCN statuses */

.iunc-status-text {
	padding: 3px;
	border-radius: 5px;
	text-align: center;
	margin: 0;
}

.extinct {
    background-color: #000;
    color: #ff0000;
}

.extinct-wild {
    background-color: #000;
    color: #fff;
}

.criticaly-endangered {
    background-color: #cc3333;
    color: #fff;
}

.endangered {
    background-color: #cc6633;
    color: #fff;
}

.vulnerable {
	background-color: #cc9900;
	color: #fff;
}

.conservation-dependent {
	background-color: #006666;
	color: #79b78f;
}

.near-threatened {
	background-color: #006666;
	color: #79b78f;
}

.least-concern {
	background-color: #006666;
	color: #fff;
}

.data-defficient {
	background-color: #ccc;
	color: #fff;
}

.not-evaluated {
	background-color: #ccc;
    color: #fff;
}







/* line view */

.view-line article {
    border-bottom: 1px solid #e9eaeb;
    box-shadow: 4px 3px 5px 0px rgba( 0, 0, 0, 0.2 );
    border: 1px solid #eee;
    margin: 0 0 20px 0;
    border-radius: 7px;
    overflow: hidden;
    position: relative;
}

.view-line article h4 {
	font-size: 2rem;
	margin: 0;
	line-height: 28px;
}

.view-line article h4 a {
    color: var(--primaryBackgroundColor);
    text-decoration: none;
}

.view-line .short-description { font-size: 16px !important; }

.view-line .short-description p { margin-bottom: 0; }

.view-line .item-descr { padding: 10px 15px 0 0; }

.view-line .item-descr hr { margin: 10px 0; }

.view-line .located {
	position: absolute;
	bottom: 10px;
	right: 15px;
	margin: 0;
}

.view-line .iunc-status-text,
.view-line .unesco-site-text {
	position: absolute;
	top: 10px;
	right: 15px;
    padding: 3px 15px;
}

.view-line .unesco-site-text {
	color: #fff;
	border-radius: 5px;
	background-color: var(--primaryColor);
}

@media (max-width: 768px) {
	.view-line .item-descr {
	   padding: 15px;
	}
	
	.view-line .iunc-status-text.not-evaluated { border: 1px solid #aaa; }
}

/* google nav - TODO: checkup, must be moved elsewhere */

.pagination { margin: 0; }

.pagination .page-item.active .page-link {
    z-index: 2;
    color: #fff;
    background-color: var(--primaryColor);
    border-color: var(--primaryColor);
}

.pagination .page-item .page-link { color: var(--primaryColor); }

.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
	color: var(--primaryColor);
	z-index: initial;
}

.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
	background-color: var(--primaryColor);
    border-color: var(--primaryColor);
    color: #fff;
}



















/* SECTION HIGHLIGHTED BLOCK */
.highlighted-block {
	background-color: var(--primaryBackgroundColor);
	padding: 1px;
	border-radius: 6px;
	margin-bottom: 20px;
	border: 1px solid #000;
}

.highlighted-block * { color: #fff; }

.highlighted-block h2 {
	padding: 5px 20px;
    border-bottom: 1px solid #333;
    margin: 0;
    text-shadow: 1px 2px rgba(0, 0, 0, 0.3);
}

.highlighted-block .block {
	padding: 20px 20px 0 20px;
	border-top: 1px solid #5555;
}

.highlighted-block .item-wrapper {
	border-right: 1px solid #333;
	border-bottom: 1px solid #333;
    box-shadow: 2px 1px 10px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 2px 1px 10px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 2px 1px 10px rgba(0, 0, 0, 0.3);
}

.highlighted-block .item {
    position: relative;
    overflow: hidden;
    display: block;
    color: #fff;
    text-decoration: none;
    border: 1px solid #ccc1;
}

/* The "shine" element */
.highlighted-block .item:after {
    content: "";
    position: absolute;
    top: -110%;
    left: -210%;
    width: 200%;
    height: 200%;
    opacity: 0;
    transform: rotate(30deg);
    background: rgba(255, 255, 255, 0.13);
    background: linear-gradient( to right, rgba(255, 255, 255, 0.13) 0%, rgba(255, 255, 255, 0.13) 77%, rgba(255, 255, 255, 0.5) 92%, rgba(255, 255, 255, 0.0) 100% );
}

/* Hover state - trigger effect */
.highlighted-block .item:hover:after {
    opacity: 0.2;
    top: -40%;
    left: -30%;
    transition-property: left, top, opacity;
    transition-duration: 0.7s, 0.7s, 0.15s;
    transition-timing-function: ease;
}

/* Active state */
.highlighted-block .item:active:after { opacity: 0; }

.highlighted-block .description { margin: 10px 10px 0 0; }

.highlighted-block .item h4 {
	font-size: 24px;
	text-shadow: 1px 1px rgba(0, 0, 0, 0.5);
}

@media (max-width: 992px) {
	.highlighted-block .description { margin: -45px 10px 10px 10px; }

	.highlighted-block .item h4 {
	    font-size: 33px;
        line-height: initial;
	}

    .highlighted-block .item h4:after { display: none; }
}

@media (max-width: 767px) {
	.highlighted-block .description { margin: -76px 10px 10px 10px; }

	.highlighted-block .item h4 {
	    font-size: 56px;
	    line-height: 70px;
    }
}

@media (max-width: 618px) {
    .highlighted-block .item h4 { font-size: 33px; }
}





























/* ROOT PAGE - latest blocks */
.main-image-secondary-text-list { margin-bottom: 20px; }

ul.small-listing {
	list-style-type: none;
	padding: 0;
	margin: 0;
}

ul.small-listing li {
	border-bottom: 1px solid #eee;
	padding: 0 0 5px 15px;
	margin: 0 0 5px 0;
	position: relative;
}

ul.small-listing li:before {
    content: '';
    width: 5px;
    height: 5px;
    background-color: var(--primaryColor);
    position: absolute;
    left: 0;
    top: 9px;
}

ul.small-listing li:last-child {
	border-bottom: 0 none;
	padding-bottom: 0;
	margin-bottom: 0;
}

ul.small-listing li a { color: #888; }

ul.small-listing li a:hover {
	color: #000;
	text-decoration: none;
}














/* STICKY NOTES */

.page-box-link {
    color: #222324;
    text-decoration: none !important;
}

.page-box {
    font-size: 13px;
    background: #e9eaeb;
    background-image: -webkit-linear-gradient(top, rgba(255,255,255,0.45) 0, rgba(255,255,255,0.25) 100%);
    background-image: -o-linear-gradient(top, rgba(255,255,255,0.45) 0, rgba(255,255,255,0.25) 100%);
    background-image: linear-gradient(to bottom, rgba(255,255,255,0.45) 0, rgba(255,255,255,0.25) 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#73ffffff', endColorstr='#40ffffff', GradientType=0);
    padding: 2rem;
    margin-bottom: 3rem;
    position: relative;
    border-radius: 3px 0 3px 3px;
    overflow: hidden;
    -webkit-box-shadow: 0 3px 2px -3px rgba(0,0,0,0.5);
    box-shadow: 0 3px 2px -3px rgba(0,0,0,0.5);
}

.page-box:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    width: 0;
    border: 1.5rem solid #fff;
    background: rgba(0,0,0,0.12);
    border-color: #fff #fff transparent transparent;
    border-radius: 0 0 0 4px;
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.3), -1px 1px 1px rgba(0,0,0,0.2);
    -moz-box-shadow: 0 1px 1px rgba(0,0,0,0.3), -1px 1px 1px rgba(0,0,0,0.2);
    box-shadow: 0 1px 1px rgba(0,0,0,0.3), -1px 1px 1px rgba(0,0,0,0.2);
}

.page-box-link:hover .page-box:before,
.page-box-link:active .page-box:before,
.page-box-link:focus .page-box:before { background: #0db4ff; }

.page-box .entry-title {
    color: var(--primaryBackgroundColor);
    font-size: 2.25rem;
    margin-top: 1rem;
    margin-bottom: 1rem;
}

.page-box .entry-excerpt { color: #222324 !important; }

.page-box p { margin-bottom: 1rem; }

.page-box .more-link {
    color: #0db4ff;
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
}

.page-box-link:hover .page-box .more-link,
.page-box-link:active .page-box .more-link,
.page-box-link:focus .page-box .more-link { color: #0084c0; }

.page-box-destination {
    color: #95979c;
    font-size: 14px;
    margin-top: 2rem;
}

.page-box-destination i.fa {
    font-size: 18px;
    margin-right: 1rem;
}











































/* MEDIA?? ENTRIES */

.guide-list-item {
    margin-top: 0;
    padding: 2rem 0;
    border-bottom: 1px solid #e9eaeb;
}

.guide-list-item .media-object {
    max-height: 110px;
    max-width: none;
    width: auto;
}

.guide-list-item .media-body .media-heading {
    font-size: 2.25rem;
}

.guide-list-item .media-body .media-heading a {
    color: var(--primaryBackgroundColor);
    text-decoration: none;
}

.guide-list-item .media-details {
    color: #95979c;
    font-size: 14px;
}

.rating-star i.fa {
    color: #ffc107;
}










/* latest events */

a:hover .rounded-exp,
a:hover .rounded-exp-txt {
background-color: rgba(255,255,255,0.09);
    cursor: pointer;	
}

.rounded-exp-txt,
.rounded-exp { margin-bottom: 20px; }

.rounded-exp-txt p,
.rounded-exp p { margin: 0; }

.rounded-exp p+p {
	font-size: 30px;
}

.rounded-exp p+p+p {
    font-size: 15px;
    text-transform: uppercase;
}

.rounded-img {
    width: 80px;
    height: 80px;
    margin-right: 15px;
    border-radius: 5px;
    overflow: hidden;
}

.rounded-img img { max-width: 100%; height: auto; }


.rounded-exp-txt .descr { max-width: 126px!important; }

.rounded-exp-txt .descr p+p {
	    font-size: 12px;
    height: 36px;
    overflow: hidden;
    font-style: italic;
	
}

.rate li {
    color: #ffc107 !important;
    list-style: none;
    display: inline;
}










/* FACT BOX */
.fact-box-title {
	margin: 0;
	background-color: var(--primaryBackgroundColor);
	color: #f8f8f8;
	padding: 10px;
	border-bottom: 3px solid var(--primaryColor);
	border-top-left-radius: 6px;
    border-top-right-radius: 6px;
}

ul.fact-box {
	margin: 0;
	padding: 0;
	list-style-type: none;
    border: 1px solid #f4f4f4;
    border-bottom-color: #ccc;
    border-right-color: #ccc;
}

ul.fact-box li {
	position: relative;
    padding: 10px 5px 10px 80px;
    min-height: 80px;
    width: 100%;
    border-bottom: 1px solid #ededed;
    display: table;
    transition: all .3s ease;
}

ul.fact-box.single-page li { padding-left: 5px; }

ul.fact-box li:hover {
    background-color: #f8f8f8;
    /*padding-left: 95px;*/
}

ul.fact-box li figure {
    width: 60px;
    height: 60px;
    overflow: hidden;
    position: absolute;
    left: 10px;
    top: 10px;
}

ul.fact-box li h3 {
    font-size: 16px;
    margin: 0;
    padding: 0;
    color: #222;
    font-weight: bold;
}

ul.fact-box li a small {
    color: #777;
    margin: 0;
    padding: 0;
}

ul.fact-box li a:hover { text-decoration: none; }

ul.fact-box li > div {
    display: table-cell;
    vertical-align: middle;
}

ul.fact-box li.more {
	padding: 0;
    text-align: right;
    height: auto;
    min-height: auto;
    display: block;
    background-color: #f8f8f8;
	border-bottom: 0 none;
}

ul.fact-box li.more a {
	display: block;
	padding: 10px;
	color: var(--primaryBackgroundColor);
}

/* main category list */

.category-list .item {
    position: relative;
    margin-bottom: 20px;
    border-radius: 4px;
    overflow: hidden;
}

.category-list .overlay {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.3);
    text-align: center;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 1);
}

.category-list .overlay:hover { text-decoration: none !important; }

.category-list .overlay .icon {
    margin: 10% auto 10px auto;
    border: 2px solid rgba(255, 255, 255, 0.3);
    border-radius: 50%;
    padding: 20px;
    display: inline-block;
}

.category-list .overlay h3 {
    color: #fff;
    font-size: 25px;
    font-weight: bold;
    margin-top: 20px;
}

@media (max-width: 425px) {
    .category-list .item {
        height: 225px;
        overflow: hidden;
    }
    
    .category-list .overlay .icon { margin-top: 25px; }
}

@media (min-width: 992px) and (max-width: 1200px) {
    .category-list .overlay h3 {
        margin: 10px;
        font-size: 18px;
    }
}











/* SKEWED LINE? VIEW */
.hotel-item {
    background: #fff;
    margin-bottom: 20px;
    position: relative;
    box-shadow: 4px 3px 5px 0px rgba(0, 0, 0, 0.03);
    border: 1px solid #efefef;
}

.hotel-item:hover {
    border-color: #cfcfcf;
}

.hotel-item .hotel-image {
    position: relative;
    z-index: 1;
    overflow: hidden;
    margin-bottom: 0;
    width: 25%;
    display: table-cell;
}

.hotel-item .hotel-image:before {
    content: '';
    position: absolute;
    z-index: 2;
    top: 0;
    right: -15%;
    height: 100%;
    width: 30%;
    -webkit-transform: skew(15deg);
    -moz-transform: skew(15deg);
    -ms-transform: skew(15deg);
    -o-transform: skew(15deg);
    transform: skew(15deg);
    background: #fff;
}

.hotel-item .hotel-image .img {
    position: relative;
    z-index: 1;
}

.hotel-item:hover .hotel-image .img:before {
    opacity: 0.3;
}

.hotel-item .hotel-image .img:before {
    left: 0;
    background: #ffc107;
    opacity: 0;
}

.hotel-item .hotel-image .img:before,
.hotel-item .hotel-image .img:after {
    content: '';
    z-index: 1;
    top: 0;
    height: 100%;
    width: 100%;
    position: absolute;
    -webkit-transition: all 0.35s;
    -moz-transition: all 0.35s;
    -o-transition: all 0.35s;
    transition: all 0.35s;
}

.hotel-item .hotel-body {
    padding: 15px;
    display: table-cell;
    vertical-align: middle;
}

.hotel-item .hotel-body h3 {
    margin: 5px 0;
    font-weight: 600;
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.hotel-item .hotel-body p {
    color: #bebebe;
    font-size: 13px;
    line-height: 21px;
}

.hotel-item .hotel-body .ratting i { color: #ffc107 !important; }













/* FULL views */

.main-info-block {
    border-radius: 6px;
    margin-bottom: 20px;
    border: 1px solid #fff;
    box-shadow: 0 2px 30px rgba(0,0,0,0.5);
    -webkit-box-shadow: 0 2px 30px rgba(0,0,0,0.5);
    -moz-box-shadow: 0 2px 30px rgba(0,0,0,0.5);
    overflow: hidden;
}

.main-info-block p { margin: 0; }

.main-info-block p > * { padding: 5px 0; }

@media (min-width: 992px) and (max-width: 1200px) {
	.main-info-block p > * { padding: 0; }
}

.main-info-block label {
	width: 48%;
    text-align: right;
    padding-right: 10px;
    color: #555;
    font-weight: bold;
}

.landmark .main-info-block label { width: 35%; }

/*.main-info-block p span:first-letter { text-transform: capitalize; }*/

.main-info-block p span { padding-right: 10px; }

.main-info-block .heading {
	background-color: var(--primaryBackgroundColor);
	color: #fff;
	font-size: 25px;
    padding: 5px 10px;
    margin-bottom: 5px;
}

.iucn-listed,
.unesco-heritage {
    width: 80px;
    position: absolute;
    z-index: 99;
    margin: 20px 0 0 20px;
    border: 1px solid #fff;
    background-color: rgba(255,255,255,0.7);
    border-radius: 15px;
    padding: 8px;
    overflow: hidden;
    box-shadow: 0 2px 10px rgba(0,0,0,0.7);
    -webkit-box-shadow: 0 2px 10px rgba(0,0,0,0.7);
    -moz-box-shadow: 0 2px 10px rgba(0,0,0,0.7);
}

.iucn-info,
.unesco-info {
    color: #ff0000;
    font-weight: bold;
    font-size: 12px;
}

.iucn-listed img { border-radius: 10px; }

.view-full .short-description {
    font-style: italic;
    font-size: 18px;
    color: #888;
}

.fade-to-bottom-container {
	background: white;
	position: relative;
}

.fade-to-bottom {
	position:absolute;
    z-index:2;
    right:0; bottom:0; left:0;
    height: 100%;
    background: none;
	background: -moz-linear-gradient(top,  rgba(255,255,255,0) 0%, rgba(255,255,255,1) 90%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(90%,rgba(255,255,255,1)));
    background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 90%);
    background: -o-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 90%);
    background: -ms-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 90%);
    background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 90%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffff', endColorstr='#ffffff',GradientType=0 );
}

/* event chain */

.eventchain .main-info-block .main-image { border-right: 2px solid #ccc; }

.eventchain-description {
    padding: 30px;
    font-style: italic;
    line-height: 27px;
    text-indent: 30px;
}

/* timeline */
.eventchain-timeline {
	border-top: 5px solid #ccc;
	position: relative;
	margin: 40px 0;
}

.eventchain-timeline .event-buble {
	position: absolute;
    top: -25px;
    border: 5px solid #ccc;
    padding: 10px 15px;
    font-size: 25px;
    background-color: #fff;
    display: block;
    text-align: center;
    border-radius: 50%;
    font-weight: bold;
    line-height: 25px;
	
}

.eventchain-timeline .event-buble:hover {
	text-decoration: none;
	background-color: #f4f4f4;
}

.eventchain-timeline .event-buble.current {
	border-color: var(--primaryBackgroundColor);
	background-color: var(--primaryColor);
	color: #fff;
}

.eventchain-timeline .event-buble.current:hover {  }




.event-chain-list {
	border: 1px solid var(--primaryColor);
	background-color: #999;
}

.current-event-zoom {
	  background-color: var(--primaryColor);
	  padding: 10px;
}

.event-item a {
	display: block;
	padding: 20px 30px;
	background-color: #fff;
}

.event-item a:hover { background-color: #f4f4f4; }

.event-item.current {
	background-color: var(--primaryColor);
}

.event-item.current a {
	color: #fff;
	background-color: var(--primaryColor);
}









/* main image/slider */

.slider-img-info {
	color: #fff;
	background-color: var(--primaryBackgroundColor);
	opacity: .6;
	position: absolute;
	right: 2px;
	top: 20px;
	padding: 5px 20px;
	z-index: 1;
}

/* slick slider fixes */
@media (min-width: 992px) {
	.main-image,
	.main-slider { border-right: 2px solid #fff; }
}

.main-slider .slick-next { right: 10px; }

.main-slider .slick-prev {
	left: 5px;
	z-index: 1;
}

.main-slider .slick-prev,
.main-slider .slick-next {
	width: 40px;
    height: 40px;
}

.main-slider .slick-prev:before,
.main-slider .slick-next:before {
	font-size: 45px;
}

.main-slider .slick-dots {
	bottom: 5px;
    z-index: 2;
    background-color: rgba(255, 255, 255, 0.6);
}

.main-slider .slick-dots li button:before { opacity: .45; }

.main-slider .slick-dots li.slick-active button:before { color: var(--primaryColor); }

.nav-slider .item {
	margin-bottom: 12.5px;
    border: 1px solid #333;
    display: inline-block;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
    filter: alpha(opacity=60);
    -webkit-opacity: 0.6;
    -moz-opacity: 0.6;
    -khtml-opacity: 0.6;
    opacity: 0.6;
}

.nav-slider .item:hover { cursor: pointer; }

.nav-slider .item:first-child {
	border: 1px solid #fff;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    -webkit-opacity: 1;
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
}

.nav-slider .item:last-child { margin-bottom: 0; }

@media (max-width: 768px) {
	.nav-slider .item {
	    max-width: 19%;
	    margin: 10px 0 0 0;
	}
}

@media (max-width: 345px) {
    .nav-slider .item {
        max-width: 18%;
    }
    
    .iucn-listed, .unesco-heritage {
        margin: 5px 0 0 5px;
	    padding: 5px;
	    width: 60px;
	    border-radius: 15px
    }
    
    .main-slider .slick-prev,
    .main-slider .slick-next { top: 85%; }
}




















/* ROOT PAGE blocks */


/* main item right, secondary items left */
.main-item-left-side-list  {
	
}

.main-item-left-side-list .main-item { background-color: #f4f4f4; }

.main-item-left-side-list .main-item a.image { display: block; }

.main-item-left-side-list .category {
	text-transform: uppercase;
	font-size: 12px;
	color: #888;
	margin: 0;
	padding: 0;
}

.main-item-left-side-list .category a { color: #888; }

.main-item-left-side-list .main-item .details { padding: 10px; }

.main-item-left-side-list .main-item .short-description { font-size: 15px; }

.main-item-left-side-list .secondary-item h4 { margin-bottom: 5px; }

.main-item-left-side-list .secondary-item .category { font-size: 11px; }

.main-item-left-side-list .secondary-item .short-description { font-size: 13px; }

.main-item-left-side-list hr { margin: 10px 0; }





/* latest news block */

.latest-news-block-title { /*margin-bottom: 0;*/ }

.latest-news-list ul,
.latest-news-list ul li {
	margin: 0;
	padding: 0;
}

.latest-news-list ul {
	margin: 0;
    padding: 0;
    list-style-type: none;
    border: 1px solid #ccc;
    border-bottom-color: #999;
    border-right-color: #999;
    background-color: #eee;
}

.latest-news-list ul li {
    padding: 10px;
    display: block;
    border-bottom: 1px solid #ccc;
    transition: all .3s ease;
}

.latest-news-list li:hover { background-color: var(--primaryColor); }

.latest-news-list li img { border: 2px solid var(--primaryColor); }

.latest-news-list li:hover img { border-color: #fff; }

.latest-news-list li h3 {
    font-size: 15px;
    margin: 0;
    padding: 0;
    color: #222;
}

.latest-news-list li a { color: var(--primaryBackgroundColor); }

.latest-news-list li:hover a,
.latest-news-list li:hover span { color: #fff; }

.latest-news-list li a:hover { text-decoration: none; }

.latest-news-list li > div {
    display: table-cell;
    vertical-align: middle;
}

.latest-news-list li.more {
    padding: 0;
    text-align: right;
    height: auto;
    min-height: auto;
    display: block;
    background-color: var(--primaryColor);
    border-bottom: 0 none;
    font-weight: bold;
}

.latest-news-list li.more a {
    display: block;
    padding: 5px 10px;
    color: #fff;
}

.latest-news-list ul li span {
	font-size: 13px;
	color: #999;
}

/* editors-choice block */

.editors-choice {
	background-color: var(--primaryBackgroundColor);
	padding: 10px;
}

/* taglist block */
.taglist { font-size: 14px; }

.taglist a { margin-right: 10px; }

































/*------------------------- info block -----------------------------*/











/* AmCharts maps */
.amcharts-chart-div > a,
.amcharts-chart-div > desc { display: none !important; }








/* category list with icons */
.current-category { background-color: rgba(255,255,255,0.5) !important; }