@font-face {
    font-family: 'metaplus';
    src: url('ufonts.com_metaplus-webfont.woff2') format('woff2'),
         url('ufonts.com_metaplus-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
	font-family: 'metaplus-black';
	src: url('MetaPlus-Black.eot');
	src: url('MetaPlus-Black.eot?#iefix') format('embedded-opentype'),
		url('MetaPlus-Black.woff2') format('woff2'),
		url('MetaPlus-Black.woff') format('woff'),
		url('MetaPlus-Black.ttf') format('truetype'),
		url('MetaPlus-Black.svg#MetaPlus-Black') format('svg');
	font-weight: 900;
	font-style: normal;
}

* {
	box-sizing:border-box;
}
body {
	width: 100%;
	height: 100%;
	color: #1D1D1B;
	font: 16px Georgia, "Times New Roman", Times, serif;
	background: #F3FAFE;
}
html {
	width:100%;
	height:100%;
}
.clear {
	clear: both;
}
.trans, a, input[type="submit"], .nav-top img  {
	-webkit-transition: all 300ms ease-out;
	-moz-transition: all 300ms ease-out;
	-o-transition: all 300ms ease-out;
	transition: all 300ms ease-out;
}
.fade {
	opacity: 1;
	transition: opacity 200ms ease-in-out 0s;
	-moz-transition: opacity 200ms ease-in-out 0s;
	-webkit-transition: opacity 200ms ease-in-out 0s;
	-ms-transition: opacity 200ms ease-in-out 0s;
	-o-transition: opacity 200ms ease-in-out 0s;
}

.fade:hover {
  opacity: 0.7;
}
.flex {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;	
}
.flex-sb {
	justify-content: space-between; /*flex-start | flex-end | center | space-between | space-around | space-evenly | start | end | left | right ... + safe | unsafe;*/
}
.flex-end {
	justify-content: flex-end; /*flex-start | flex-end | center | space-between | space-around | space-evenly | start | end | left | right ... + safe | unsafe;*/
}
.flex-sa {
	justify-content: space-around; /*flex-start | flex-end | center | space-between | space-around | space-evenly | start | end | left | right ... + safe | unsafe;*/
}
.flex-se {
	justify-content: space-evenly; /*flex-start | flex-end | center | space-between | space-around | space-evenly | start | end | left | right ... + safe | unsafe;*/
}
.flex-hc {
	justify-content: center;
}
.flex-vc {
	align-items: center; /*stretch | flex-start | flex-end | center | baseline | first baseline | last baseline | start | end | self-start | self-end + ... safe | unsafe*/
	/*flex-direction: column;*/
}
.flex-col {
	flex-direction:column;	
}
.flex-c {
	justify-content: center;
	align-items: center;
}
.flex-wrap {
	flex-wrap:  wrap;
}
.end {
	margin-right: 0px !important;
}

.drop-shadow {
	-webkit-box-shadow: 0px 0px 10px 0px rgba(50, 50, 50, 0.75);
	-moz-box-shadow:    0px 0px 10px 0px rgba(50, 50, 50, 0.75);
	box-shadow:         0px 0px 10px 0px rgba(50, 50, 50, 0.85);
}
.container {
	width: 1000px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
}
.row {
	position: relative;
	width: 100%;
}
#sec-top .container {
	padding-top: 86px;
}

.logo {
	float: left;
}
.logo img {
	max-width:280px;	
}
.nav-top {
	float: right;
	margin-top: -110px;
	position: relative;
	z-index: 2;
}
.nav-top [data-scroll="sec-home"] {
	margin-right:-10px;	
}
.nav-top [data-scroll="sec-join"] {
	margin-right:-70px;	
}
.nav-top [data-scroll="sec-resources"] {
	margin-right:-10px;	
}
.nav-top img {
	cursor:pointer;
	position:relative;
}
.nav-top img:hover {
	top:-20px;
}
.img-earth {
	display: block;
	top: -30px;
	position: relative;
	z-index: 1;
	width:100%;
	height:auto;
}
#nav {
	z-index: 99999;
	display:none;
	top:0px;
	position:fixed !important;
	background:rgba(255,255,255,0.7);
	padding-top:10px;
	padding-bottom:10px;
}
#nav .container {
	text-align: right;
}
#nav .container img {
	cursor: pointer;
	transition: transform 1s;
/*	position:relative;
	bottom:0px;*/
}
#nav .container img:hover {
    -webkit-transform: rotate(-20deg);
    -moz-transform: rotate(-20deg);
    -o-transform: rotate(-20deg);
    -ms-transform: rotate(-20deg);
    transform: rotate(-20deg);
}

.sec {
	padding-bottom: 76px;
	/*padding-bottom: 120px;
	padding-top: 130px;*/

}
.sec .container {
	min-height:620px;
}


.img-leaf {
	position:absolute; 
	top:-40px; 
	left:0px; 
	z-index:9;
	max-width:287px;
	height:auto;
}

.sec-cont {
	padding-top: 40px;
	float: right;
	width: 59%;
	margin-right: 6%;
}
.sec-cont h1 {
	font-size: 38px;
	font-weight: 400;
	margin-bottom: 30px;
}

.sec-cont p {
	margin-bottom: 7px;
	line-height: 20px;
}
.sec-cont ul {
	list-style: disc;
}
.sec-cont a {
	text-decoration: none;
	color: #1D1D1B;
}

#sec-home {
	margin-top: 46px;
	position: relative;
}
#sec-home .container {
	background: #F1DAD7 url(../images/bg/sec-1.png) no-repeat right bottom;
}

#sec-day .container{
	background: #CCC4C9 url(../images/bg/sec-2.png) no-repeat right bottom;
}

#sec-news .container{
	background: #DBEFEF url(../images/bg/sec-3.png) no-repeat right bottom;
}

#sec-join .container{
	background:#E4E6F0 url(../images/bg/sec-4.png) no-repeat right bottom;
}

#sec-gallery .container{
	background:#A8C0BC url(../images/bg/sec-5.png) no-repeat right bottom;
}

#sec-contact {
	padding-bottom: 0px;
}

#sec-contact .container{
	background:#E0E4C4;
}
#sec-contact .container .sec-cont {
	font-size: 21px;
}

.news-item {
	background:rgba(255,255,255,0.6);
	padding:20px;
	position:absolute;
	top:0px;
	left:0px;	
}
.news-item-img {
	width:36%;
	float:left;
	overflow:hidden;
}
.news-item-img img {
	width:100%;
	height:148px;
	object-fit: cover;
}
.news-item-cont {
	width:60%;
	float:right;
	height: 225px;
    overflow: auto;
}
.news-item-cont span {
	font-size: 38px;
	font-weight: 400;
}
.ctrl-news {
	text-align: right;
	margin-top: 25px;
	margin-bottom: 18px;
}
.ctrl-news img, .ctrl-gallery img {
	cursor:pointer;
}
#sec-footer {
	padding-top: 0px;
	padding-bottom: 0px;
}
#sec-footer .container {
	min-height:auto;
	padding-bottom:25px;
}
.footer-left {
	float: left;
	font-size: 11px;
	padding-top: 18px;
}
.footer-right {
	float: right;
	padding-top: 18px;
}
.footer-right a {
	text-decoration: none;
	color: #1D1D1B;
	display: inline-block;
	font-size: 11px;
	margin-left: 66px;
}
.ctrl-gallery {
	text-align: center;
	margin-top: 16px;
	width: 91%;
}
.slide-gallery img {
	display: block;
	margin-right: auto;
	margin-left: auto;
	max-height:317px
}
.slide-gallery {
	position: absolute;
	width: 91%;
	left: 0px;
	top: 0px;
}
.gallery-w {
	margin-top: 28px;
}
.nav-mobile {
	background:#7F382B;
	text-align:center;
	padding-top:10px;
	padding-bottom:10px;
	display:none;
	width:100%;
	position:fixed;
	z-index:99999;
}
.nav-mobile img {
	cursor:pointer;	
}
.nav-mobile-links {
	display:none;
}
.nav-mobile-links span, .nav-mobile-links a {
	display:block;
	text-transform:uppercase;
	margin-bottom:8px;
	margin-top:8px;
	padding-bottom:8px;
	background:#7F382B;
	color:#FFF;
	border-bottom:1px solid #FFF;
	cursor:pointer;
	text-decoration:none;
}
.nav-mobile-links span:last-child {
	border-bottom:0;
	margin-bottom:0px;
}
#sec-resources .container {
	background:#DBEFEF;	
}
.resources-items {
	margin-top:35px;
}
.resources-item {
	width:30%;
	background:#DBDFB6;
	border-radius:0px 35px 0px 0px;
	padding:15px;
	-webkit-box-shadow: 9px 9px 19px -6px rgba(0,0,0,0.7); 
	box-shadow: 9px 9px 19px -6px rgba(0,0,0,0.7);
	margin-bottom:3.5%;
}


.resources-items .resources-item:nth-child(1) {
	background:#DBDFB6;
}
.resources-items .resources-item:nth-child(2) {
	background:#CA8342;
}
.resources-items .resources-item:nth-child(3) {
	background:#69A3B9;
}


.resources-items .resources-item:nth-child(4) {
	background:#968b83;
}
.resources-items .resources-item:nth-child(5) {
	background:#a1c689;
}
.resources-items .resources-item:nth-child(6) {
	background:#cd9f51;
}
.resources-items .resources-item:nth-child(7) {
	background:#b7dde2;
}
.resources-items .resources-item:nth-child(8) {
	background:#afa96e;
}
.resources-items .resources-item:nth-child(9) {
	background:#cdc4aa;
}
.resources-items .resources-item:nth-child(10) {
	background:#c6b78b;
}
.resources-items .resources-item:nth-child(11) {
	background:#565024;
}
.resources-items .resources-item:nth-child(12) {
	background:#c97d30;
}
.resources-items .resources-item:nth-child(13) {
	background:#69577a;
}
.resources-items .resources-item:nth-child(14) {
	background:#415364;
}
.resources-items .resources-item:nth-child(15) {
	background:#afa96e;
}




.resources-item-cont {
	color:#1D1D1B;
	text-align:center;
}
.resources-item-cont h4 {
	font-size:16px;
	line-height:18px;
	min-height:30px;
	font-weight:400;
}
.resources-item-img {
	text-align:center;	
}
.resources-item-cont p {
	font-size:10px;
	line-height:16px;
	height:50px;	
}
.resources-item-cont p:empty {
	display:none;	
}
.resources-item-stamp {
	margin-left:-18px;	
}
.resources-item-img img {
	width:147px;
	height: 110px;
	display:block;
    object-fit: cover;
	margin-left:auto;
	margin-right:auto;
}
.resources-items-list .resources-item-cont h4 {
	height:65px;
	line-height:26px;
}
.resources-all .resources-item {
	width:23%;	
}
.btn {
	background:#004437;
	color:#FFF !important;
	border-radius:10px;
	height:20px;
	font-size:12px;
	width:95px;
	cursor:pointer;
}
.btn:hover {
	background:#94C11F;
}
.btn-square {
	background:#004437;
	color:#FFF !important;
	height:35px;
	font-size:16px;
	width:25%;
	cursor:pointer;
}
.btn-square:hover {
	background:#94C11F;	
}
.resources-item .btn {
	margin-top:-26px;
	margin-left:auto;	
}
.btn-green {
	background:#94C11F;
	color:#1D1D1B !important;
	border-radius:10px;
	height:45px;
	font-size:23px;
	width:95px;
	width:100%;
}
.btn-green:hover {
	background:#004437;
	color:#FFF !important;
}
.frm-filters {
	margin-top:15px;
}
.frm-filters select {
	width:35%;
	height:35px;
	background:transparent;
}
.res-list #nav {
    background:#69A3B9;
	display:block;
}
.res-list #nav .container {
    text-align: center;
}
#sec-res-list {
	margin-top:140px;	
}
.bread a {
	color:#9D9D9C;
	text-decoration:none;
	font-size:16px;	
}
.bread a:hover {
	color:#94C11F;	
}
.sec-res-cont {
	float:none;
	width:100%;
	padding-top:30px;
}
.resources-items-list .resources-item {
    width: 23%;
}
.resources-items-list .resources-item h4 {
	font-size:22px;	
}
.resources-item-ctrl {
	margin-top:18px;	
}
.resources-items-list .resources-item .resources-item-ctrl .btn {
	margin-left:0;
	margin-top: 0px;
	width:100%;
	margin-bottom:7px;	
}
.bar-w {
	clear:right;
	position:relative;	
}
.bar-cap {
	position:absolute;
	z-index:2;
	color:#FFF;
	text-align:center;
	top:40%;
	left:50%;
	transform:translate(-50%, -50%);
	-ms-transform:translate(-50%, -50%);
	-o-transform:translate(-50%, -50%);
	-webkit-transform:translate(-50%, -50%);
	width:65%;
}
.bar-cap p {
	font-family: 'Caveat Brush', cursive;
	font-size:26px;
	margin-bottom:5px;
}
.bar-cap span strong {
	display:block;
	margin-top:15px;	
}
.footer-sm {
	margin-top: 10px;
	padding-bottom: 10px;
	border-bottom: 8px solid #5F3D31;
}