/*
* Grid V1.0.1
* Copyright 2018, Simo Saarinen
* www.kukunta.com
*/

html {
  font-size: 62.5%;
}

.bw {
	background-color: transparent;
	position: absolute;
	z-index: 2000;
	width: 100%;
}

.main {
	flex: 1 0 auto;
}

.mainblack {
	flex: 1 0 auto;
	background-color: #000000;
	padding-bottom: 40px;
}

div img {
	vertical-align: bottom;
}

img {
  border-style: none;
}

* {
	-webkit-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	box-sizing: border-box;
}

body {
  	font-size: 14px;
  	line-height: 1.6;
  	font-weight: normal;
  	font-family: 'NouvelR Light', sans-serif;
  	color: #414141;
	margin: 0;
}
  
/* Typography
–––––––––––––––––––––––––––––––––––––––––––––––––– */

@font-face {
	font-family: 'NouvelR Semibold';
	src: url(../fonts/NouvelRSemibold.ttf);
	font-weight: normal;
}
@font-face {
	font-family: 'NouvelR Regular';
	src: url(../fonts/NouvelRRegular.ttf);
	font-weight: normal;
}
@font-face {
	font-family: 'NouvelR Bold';
	src: url(../fonts/NouvelRBold.ttf);
	font-weight: normal;
}
@font-face {
	font-family: 'NouvelR Light';
	src: url(../fonts/NouvelRLight.ttf);
	font-weight: normal;
}
@font-face {
	font-family: 'Courier Prime';
	src: url(../fonts/CourierPrime-Regular.ttf);
	font-weight: 400;
}

h1, h2, h3, h4, h5, h6 {
  margin-top: 0;
  margin-bottom: 2rem;
  font-family: 'NouvelR Semibold';
  font-weight: normal; }
h1 { font-size: 4.0rem; line-height: 1.2; }
h2 { font-size: 3.6rem; line-height: 1.25; }
h3 { font-size: 3.0rem; line-height: 1.3; }
h4 { font-size: 2.4rem; line-height: 1.35; }
h5 { font-size: 2.2rem; line-height: 1.5; }
h6 { font-size: 2.0rem; line-height: 1.6; }

/* Larger than phablet */
@media (min-width: 550px) {
  h1 { font-size: 5.0rem; }
  h2 { font-size: 4.2rem; }
  h3 { font-size: 3.6rem; }
  h4 { font-size: 3.2rem; }
  h5 { font-size: 2.8rem; }
  h6 { font-size: 2.2rem; }
}

p {
  margin-top: 0; }


/* Links
–––––––––––––––––––––––––––––––––––––––––––––––––– */
a { text-decoration: none; }

/* Grid
–––––––––––––––––––––––––––––––––––––––––––––––––– */

.row {
  margin-left: 4%;
  margin-right: 4%;
  margin-bottom: 2%;
  margin-top: 2%;
  display: flex;
  justify-content: space-between; 
  flex-wrap: wrap;
  align-items: flex-start;
}

/*
.row img {
	width: 49%;
	height: auto;
	margin-bottom: 2%;
}
*/

/*
.row img:nth-of-type(2n+1) {
	width: 39%;
	height: auto;
}
.row img:nth-of-type(3n+1) {
	width: 49%;
	height: auto;
}
.row img:nth-of-type(4) {
	width: 49%;
	height: auto;
}
*/


.info {
	width: 100%;
}

.hero-main {
  margin: 0 auto;
  width: 80%;
}

.container-main {
  margin: 0 auto;
  max-width: 1280px;
  position: relative;
}

.panel-4 {
	margin: 4% 0;
}

@media (max-width: 399px) {
  .container-main { padding: 0 40px 20px 40px; }
  .panel-4 { width: 95%; }
  .row { flex-direction: column; }
}

@media (min-width: 400px){
  .container-main { padding: 0 40px 20px 40px; }
  .panel-4 { width: 95%; }
  .row { flex-direction: row; }
}

@media only screen and (min-width: 768px) {
  .container-main { padding: 0 20px 20px 20px; }
  .panel-4 { width: 22%; }
  .row { flex-direction: row; }
}

@media only screen and (min-width: 1200px) {
	.container-main { padding: 0 0 20px 0 }
	.panel-4 { width: 22%; }
	.row { flex-direction: row; }

}

/*navi*/


#fullcol {
	width: 100%;
	background-color: rgba(56, 173, 169,1.0);
	position: fixed;
	opacity: 0;
	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	z-index: 10;
}

.hero {
	width: 100%;
	height: 200px;
/* 	background-color: rgba(128, 204, 98, 0.9); */
}

.herointro {
	color: #fff;
	text-shadow: 2px 2px 4px rgba(59, 59, 59, 0.5);
}

.logo {
	display: flex;
	align-items: center;
	justify-content: center;
}

.logo a {
	width: 8%;
	min-width: 80px;
	margin: 20px 0;
}

.logo img {
	width: 100%;
	height: auto;
}

.main-nav, .index-nav  {
	width: 100%;
	margin: 2% 0 3% 0;
}

.main-nav ul, .index-nav ul {
	display: flex;
	justify-content: center;
	list-style: none;
	padding-left: 0;
	margin: 0;
}

.main-nav a {
	color: #212121;
	text-transform: uppercase;
	padding: 0 15px;
	font-weight: 600;
}

.index-nav a {
	color: #f0f0f0;
	text-transform: uppercase;
	padding: 0 15px;
	font-weight: 600;
}

@media (max-width: 399px) {
	.main-nav a, .index-nav a { font-size: 15px; }
}

@media (min-width: 400px){
	.main-nav a, .index-nav a { font-size: 16px; }
}

@media only screen and (min-width: 768px) {
  .main-nav a, .index-nav a { font-size: 18px; }
}

@media only screen and (min-width: 1200px) {
  .main-nav a, .index-nav a { font-size: 20px; }
}

.main-nav a:hover, .index-nav a:hover {
	color: #a31717;
}

.pageon {
	text-decoration: underline;
}

.sub-menu {
	background-color: #fff;
	display: flex;
	flex-direction: column;
	min-width: 150px;
}

.main-nav ul ul a {
	line-height: 20px;
	font-size: 14px;
	color: #414141;
}

.main-nav ul ul li {
	margin-bottom: 10px;
	border-bottom: 1px solid #ccc;
}

.main-nav ul ul a:hover {
	color: 000;
}

.main-nav ul li, .index-nav ul li {
	position: relative;
}

.main-nav ul ul, .index-nav ul ul {
	position: absolute;
	top: 100%;
	left: 0;
/* 	opacity: 0; */
	display: none;
	text-align: left;
	color: #414141;
	padding: 20px;
}

.main-nav ul li:hover > ul {
	position: absolute;
	top: 100%;
/* 	opacity: 1; */
	display: block;
	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

/*hero*/


.dailyfields {
	margin-bottom: 55px;
}

.dailyfields:after {
  content: "";
  display: table;
  clear: both;
}

.dailytext {
	width: 50%;
	color: #414141;
	text-align: left;
	padding: 5%;
	float: left;
}

.dailyimg {
	background-position: center top;
	background-repeat: no-repeat;
	background-size: cover;
	background-color: #ccc;
	float: right;
}

/*fullhero*/


@media (max-width: 399px) {
	.herofull.is-fullheight { margin-top: 0; margin-bottom: 8%; padding-top: 65%; }
}
@media (min-width: 400px){
	.herofull.is-fullheight { margin-top: 0; margin-bottom: 8%; padding-top: 65%; }
}
@media (min-width: 768px){
	.herofull.is-fullheight { margin-top: 0; margin-bottom: 6%; padding-top: 70%; }
}
@media (min-width: 1200px){
	.herofull.is-fullheight { margin-top: 0; margin-bottom: 6%; padding-top: 50%; }
}

.herofull.is-success {
	background-position: left center;
	background-repeat: no-repeat;
	background-size: cover;
	color: white;
/*
	  box-shadow: 0 0px 25px 0 rgba(0, 0, 0, 0.3);
  -webkit-transition: background-color 1s;
   transition: background-color 1s;
*/
}

/*singlehero*/

.heroimage {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	width: 96%;
	height: 50vh;
	margin: 0 2%;
	background-image: url(../images/slider-11.jpg);
	background-position: center center;
	background-size: cover;
	color: #f1f1f1;
}

.heroimage img {
	width: 100%;
	height: auto;
}

.heroimagesingle {
	width: 100%;
	height: auto;
	padding-bottom: 50%;
	background-position: center center;
	background-size: cover;
}

.singlehero {
	width: 100%;
	display: flex;
	flex-flow: row wrap;
	margin-bottom: 55px;
	border-bottom: 1px solid #b1a497;
}

.singletext {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	color: #b1a497;
	text-align: center;
/*
		overflow-wrap: break-word;
    -ms-word-break: break-word;
    word-break: break-word;
*/
    /* Non standard for webkit */
/*
    word-break: break-word;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    hyphens: auto;
*/
}

.singletext ul {
	margin: 0;
	padding: 0;
}

.singleimg {
}

.singleimg img, .singleimg-2 img {
	width: 100%;
	height: auto;
}

@media (max-width: 399px) {
	.singletext { width: 100%; padding: 5%; border-right: none; height: auto; /* min-height: 200px; */ }
	.singleimg { width: 80%; height: auto; margin-bottom: 5%; }
	.singleimg-2 { width: 90%; height: auto; margin-bottom: 5%; }
}

@media (min-width: 400px){
	.singletext { width: 100%; padding: 2%; border-right: none; height: auto; /* min-height: 200px; */ }
	.singleimg { width: 49%; height: auto; margin-bottom: 5%; }
	.singleimg-2 { width: 49%; height: auto; margin-bottom: 5%; }
}

@media (min-width: 768px){
	.singletext { width: 100%; padding: 0 25px; border-right: none; height: auto; /* min-height: 200px; */ }
	.singleimg { width: 49%; height: auto; margin-bottom: 5%; /* min-height: 400px; */; }
	.singleimg-2 { width: 49%; height: auto; margin-bottom: 5%; }
}

@media (min-width: 1200px){
	.singletext { width: 40%; padding: 0 25px; border-right: 1px solid #b0a396; height: auto; /* min-height: 600px; */ }
	.singleimg { width: 59%; height: auto; margin-bottom: 2%; }
	.singleimg-2 { width: 39%; height: auto; margin-bottom: 2%; }
}

.singletext a {
	color: #b0a396;
}

.dailyimg:hover {
/* 	transform: scale(1.1); */
}


.group {
	width: 100%;
/* 	min-width: 60px; */
	font-size: 16px;
	background-color: rgba(191, 178, 163, 0.55);
	padding: 2px 20px;
	margin-top: 5%;
	position: absolute;
	right: 0;
	bottom: 0;
}

.group {
	color: #fff;

}

/*feature*/


.features-main {
	width: 100%;
	display: flex;
	flex-flow: row wrap;
	align-items: flex-start;
}

.more {
	flex: 0 1 100%;
	position: relative;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	margin-bottom: 5%;
	justify-content: flex-end;
}

.more-text, .more-text-sub {
	display: flex;
	flex-direction: column;
/* 	margin-top: 5%; */
}

.names {
	position: absolute;
	margin-top: 5%;
	right: 15%;
	z-index: 3000;
	color: #fff;
	font-size: 10vh;
	font-weight: 600;
}

.dadas {
	margin-top: 5%;
}

ul.list-main {
	list-style: none;
	margin: 5% auto 0 auto;
	padding-left: 0;
}

li.list-img a {
	color: #fff;
}

li.list-img a:hover {
	color: #a31717;
}

li.list-img img { 
	width: 100%;
	height: auto;
/*
	box-shadow: 0 0px 25px 0 rgba(0, 0, 0, 0.3);
  -webkit-transition: background-color 1s;
   transition: background-color 1s;
*/
}

li.list-img {
	position: relative;
}

li.list-img h3 {
	position: absolute;
	left: 0;
	top: 0;
	margin: 0;
	padding: 10px 20px;
/* 	color: #fff; */
}

p.more-text-sub { font-size: 18px; }

p.about-text { font-size: 18px; }

.more-text {
	position: absolute;
	color: #f0f0f0;
}

@media (max-width: 399px) {
	.more-text { top: 30vh; margin-left: 0; }
	h2.more-text-sub { padding: 5% 40px 0 0; margin-left: 0; }
	h5.more-text-sub { padding: 0; margin-left: 0; }
/* 	.container-main h2 { padding: 10% 40px 0 0; } */
	p.more-text-sub { padding: 0; margin-left: 0; }
	.more-img { margin-top: 10%; margin: 10% 0; }
	.about-img { margin-top: 10%; margin-bottom: 10% !important; }
	.more-img-full { margin: 10% 0 0 0; }
	.list-img { margin: 0 0 10% 0; float: left; }
/* 	.about-text { padding: 40px; } */
	.list-img:nth-of-type(2n+0) { margin: 0 0 10% 0; float: left; }
	.list-container { padding: 40px; }
}
@media (min-width: 400px){
	.more-text { top: 40vh; margin-left: 0; }
	h2.more-text-sub { padding: 5% 40px 0 0; margin-left: 0; }
	h5.more-text-sub { padding: 20px 40px 0 0; margin-left: 0; }
/* 	.container-main h2 { padding: 10% 40px 0 0; } */
	p.more-text-sub { padding: 0; margin-left: 0; }
	.more-img { margin-top: 10%; margin: 10% 0; }
	.more-img-full { margin: 10% 0 0 0; }
	.about-img { margin-top: 0; margin-bottom: 10% !important; }
	.list-img { margin: 0 0 10% 0; float: left; }
/* 	.about-text { padding: 40px; } */
	.list-img:nth-of-type(2n+0) { margin: 0 0 10% 0; float: left; }
	.list-container { padding: 40px; }
}
@media (min-width: 768px){
	.more-text { top: 45vh; margin-left: 0; }
	h2.more-text-sub { padding: 5% 40px 0 0; margin-left: 50%; }
	h5.more-text-sub { padding: 20px 0 0 0; margin-left: 50%; }
/* 	.container-main h2 { padding: 10% 40px 0 0; } */
	p.more-text-sub { padding: 0; margin-left: 50%; }
	.more-img { width: 60%; height: auto; margin: 10% 0; }
	.more-img-full { margin: 10% 0 0 0; }
	.about-img { margin-top: 0; margin-bottom: 0 !important; }
/* 	.about-text { padding: 40px 40px 40px 0; } */
	.list-img { width: 45%; height: auto; margin: 0 0 15% 0; float: left; }
	.list-img:nth-of-type(2n+0) { width: 45%; height: auto; margin: 15% 0 0 0; float: right; }
	.list-container { padding: 40px; }
}
@media (min-width: 1200px){
	.more-text { top: 40vh; margin-left: 50%; }
	h2.more-text-sub { padding: 5% 40px 0 15px; margin-left: 50%; }
	h5.more-text-sub { padding: 20px 0 0 15px; margin-left: 50%; }
/* 	.container-main h2 { padding: 10% 40px 0 40px; margin-left: 50%; } */
	p.more-text-sub { padding: 0 40px 0 15px; margin-left: 50%; }
	.more-img { width: 60%; height: auto; margin: 15% 0; }
	.more-img-full { margin: 10% 0; }
	.about-img { margin: 0 0 15% 0; }
	.about-text { padding: 0; }
	.list-img { width: 45%; height: auto; margin: 0 0 15% 0; float: left; }
	.list-img:nth-of-type(2n+0) { width: 45%; height: auto; margin: 15% 0 0 0; float: right; }
	.list-container { padding: 0; }
}

.cat {
	letter-spacing: 1px;
	text-transform: uppercase;
	font-size: small;
}

.panelHeader {
	text-align: center;
}

.depth-3 {
  box-shadow: 0 0px 15px 0 rgba(0, 0, 0, 0.3);
  -webkit-transition: background-color 1s;
   transition: background-color 1s;
}

.depth-5 {
  box-shadow: 0 30px 60px 0 rgba(0, 0, 0, 0.1);
  -webkit-transition: background-color 1s;
   transition: background-color 1s;
}

.moretext {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
}

.moretext-hdl {
	font-size: 20px;
	font-weight: 600;
	text-transform: uppercase;
	text-align: center;
	padding: 0 8px 8px;
}

.moretext-hdl:before {
	content: '';
	height: 20px;
	width: 2px;
	background-color: #0d2c31;
	display: block;
	margin: -10px 0 0 calc(50% - 1px);
	margin-top: 10px;
}

.space {
	padding-top: 10%;
}

.last {
	margin-bottom: 10%;
}

.narrow {
	margin: 8% auto 0 auto;
	width: 70%;
}

.narrow li:before {
	content: "- ";
}

/*footerstuff*/

#uptop {
	height: 30px;
	width: auto;
	margin-right: 20px;
	background-color: transparent;
	position: fixed;
	right: 0;
	bottom: 20px;
	opacity: 0;
	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.upagain {
	text-align: center;
	width: 35px;
	height: 35px;
	line-height: 35px;
   float: right;
}

.upagain a {
	color: #515151;
}

.footerinfo {
	text-align: center;
	margin-top: 40px;
	width: 100%;
	height: 60px;
}

.copyr {
	font-size: 14px;
	color: #212121;
}

.fill {
	background-color: #fff;
}
.fillup {
	background-color: #fff;
	color: #212121;
	display: flex;
	align-items: center;
	justify-content: center;
}

 /* The side navigation menu */
 
.open {
/* 	color: #fff; */
	float: right;
/* 	margin: 12px 20px 0 0; */
}

.open:hover {
	cursor: pointer;
}

 /* Style the navigation menu */
.topnav {
  overflow: hidden;
  position: fixed;
  width: 100%;
  z-index: 3000;
}

/* Hide the links inside the navigation menu (except for logo/home) */
.topnav #myLinks {
  display: none;
}

/* Style navigation menu links */
.topnav a {
  color: #212121;
  text-decoration: none;
/*
  font-size: 17px;
  display: block;
*/
}

/* Style the hamburger menu */
.topnav a.icon {
  background: black;
  display: block;
  position: absolute;
  right: 0;
  top: 0;
  padding: 16px 18px 18px 18px;
  color: #fff;
}

/*
.topnav a.icon:hover {
	background-color: 000;
	color: #fff;
}
*/

/* Add a grey background color on mouse-over */
.topnav a:hover {
/*   background-color: #ddd; */
  color: #414141;
}

/* Style the active link (or home/logo) */

/*
.active {
  background-color: #4CAF50;
  color: white;
} 
*/

.overlay-content {
	padding: 5%;
	text-transform: uppercase;
	background-color: rgba(255, 255, 255, 0.5);
	z-index: 2000;
	margin-top: 0;
}

/* Style the sidenav links and the dropdown button */
.sidenav a, .dropdown-btn {
  padding: 6px 8px 6px 0;
  text-decoration: none;
  font-size: 20px;
  color: rgba(56, 173, 169,1.0);
  display: block;
  border: none;
  background: none;
  width:80%;
  text-align: left;
  cursor: pointer;
  outline: none;
  text-transform: uppercase;
}

/* On mouse-over */
.sidenav a:hover, .dropdown-btn:hover {
  color: #414141;
}

/* Add an active class to the active dropdown button */
.active {
/*   background-color: green; */
/*   color: #414141; */
}

/* Dropdown container (hidden by default). Optional: add a lighter background color and some left padding to change the design of the dropdown content */
.dropdown-container {
  display: none;
/*   background-color: #262626; */
  padding-left: 8px;
}