html {
	box-sizing: border-box;
}
*, *:before, *:after {
	box-sizing: inherit;
}

body {
	width: 1000px;
	/*padding: 0 28px;*/
	margin: 0 auto;
	font-family: 'corbel';
	font-size: 14px;
	line-height: 1.42857143;
	letter-spacing: 0.5px;
}

body .no-scroll {
	overflow-y: hidden;
}

strong {
	font-family: 'corbel-bold';
	font-weight: normal;
}

hr {
	border: 0;
	width: 100%;
	height: 1px;
	background-color: #ccc;
	margin: 20px 0;
}

/* Menu */
nav {
	height: 80px;
}

nav .logo {
	height: 55px;
	margin-top: 10px;
}

nav .menu-toggle {
	display: none;
}

nav ul {
	float: right;
}

nav ul li {
	float: left;
	height: 80px;
	line-height: 80px;
	text-transform: uppercase;
}

nav ul li > a {
	margin-right: 4px;
	margin-left: 0;
}

nav ul li > a:hover,
nav ul li > a.active {
	/*border-bottom: 1px solid #3df501;*/
	color: #21af4c;
}

nav ul li:not(:last-child) > a:after {
	content: "/";
	padding-left: 4px;
	color: #d3d3d3!important;
	background-color: white!important;
	border-bottom: 1px solid white!important;
}

/* Footer */
footer {
	margin-top: 25px;
	width: 100%;
	height: 32px;
	background-color: #3df501;
}

footer ul.social {
	float: right;
	margin-right: 8px;
	margin-top: 3px;
}

footer ul.social li {
	float: left;
	font-size: 20px;
	margin-right: 8px;
	color: #000;
}

footer ul.social li:hover {
	color: #fff;
}

/* Article */
article {
	padding: 60px 28px;
}

article p {
	margin: 0 0 10px;
}

/* Article: Post */
article.type-post {
	text-transform: none;
	padding: 60px 250px;
}

article.type-post h2 {
	font-family: 'corbel-bold';
	text-transform: uppercase;
	font-size: 23px;
	letter-spacing: 1px;
	text-align: center;
	margin-bottom: 50px;
}

article.type-post h2 a {
	text-decoration: none;
	color: inherit;
}

article.collection {
	border-bottom: 1px solid #efefef;
	padding-bottom: 16px;
	margin-bottom: 32px;
}

article a {
	color: #21af4c;
	text-decoration: none;
}

a.collection {
	font-family: 'corbel-bold';
	text-transform: uppercase;
	color: #059200;
	text-decoration: none;
	margin-left: 64px;
}

div.branches {
	/*
	float: right;
	width: 50%;
	*/
	padding-bottom: 32px;
}

div.branches .title {
	display: block;
	font-family: 'corbel-bold';
	text-transform: uppercase;
}

div.branches a {
	display: block;
	text-transform: uppercase;
	margin-top: 10px;
	text-decoration: none;
	color: inherit;
}

/* List */
ul.list {
	padding: 60px 60px;
}

ul.list .featured {
	margin-bottom: 32px;
}

ul.list span {
	display: block;
	float: left;
	min-height: 88px;
}

ul.list span.title-bold {
	display: block;
	font-family: 'corbel-bold';
	text-transform: uppercase;
	min-height: auto;
}

ul.list .description {
	width: 280px;
	/*border-top: 1px solid #efefef;*/
	padding-top: 29px;
	font-family: 'corbel-bold';
	text-transform: uppercase;
}

ul.list .content {
	width: 600px;
	padding: 8px;
	text-transform: uppercase;
	/*border-top: 1px solid #efefef;*/
}

ul.list .featured .content {
	background-color: #3bf600;
	border-top: 0;
}

ul.list .year {
	width: 88px;
	float: left;
	font-family: 'corbel-bold';
	font-size: 23px;
}

ul.list div {
	float: left;
	width: 480px;
	margin-top: 20px;
}

ul.list a {
	text-decoration: none;
	color: inherit;
}

ul.list .thumbnail {
	width: 159px;
	height: 159px;
	display: inline-block;
	object-fit: cover;
	margin-top: 4px;
	margin-right: 1px;
	cursor: pointer;
}

/* List (Residents) */
ul.list-residents {
	padding: 60px 60px;
}

ul.list-residents .featured {
	margin-bottom: 32px;
}

ul.list-residents span {
	display: block;
	float: left;
	min-height: 88px;
}

ul.list-residents span.title-bold {
	display: block;
	font-family: 'corbel-bold';
	text-transform: uppercase;
	min-height: auto;
}

ul.list-residents .description {
	width: 280px;
	padding-top: 29px;
	font-family: 'corbel-bold';
	text-transform: uppercase;
}

ul.list-residents .content {
	width: 600px;
	padding: 8px;
	text-transform: uppercase;
}

ul.list-residents .featured .content {
	background-color: #3bf600;
	border-top: 0;
}

ul.list-residents .country {
	width: 100%;
	float: left;
	font-family: 'corbel-bold';
	font-size: 23px;
	clear: both;
	margin-top: 20px;
}

ul.list-residents div {
	float: right;
	width: 480px;
	margin-top: 20px;
	clear: both;
}

ul.list-residents a {
	text-decoration: none;
	color: inherit;
}

ul.list-residents .thumbnail {
	width: 159px;
	height: 159px;
	display: inline-block;
	object-fit: cover;
	margin-top: 4px;
	margin-right: 1px;
	cursor: pointer;
}

/* Contact */
article.contact {
	position: relative;
	padding-bottom: 0;
}

article.contact .image {
	margin-bottom: 32px;
}

article.contact .panel {
	float: left;
	width: 33.3%;
	min-height: 240px;
	margin-bottom: 32px;
}

article.contact .panel * {
	display: block;
}

article.contact .panel .title {
	width: 100%;
	border-bottom: 1px solid #efefef;
	display: block;
	font-family: 'corbel-bold';
	text-transform: uppercase;
	padding-bottom: 4px;
	margin-bottom: 4px;
}

article.contact .panel a {
	margin-top: 16px;
}

article.contact #map {
	float: left;
	width: 66.6%;
	height: 240px;
	margin-bottom: 32px;
}

article.contact #map .overlay {
	width: 100px;
	height: 100px;
	background-color: white;
	border: 1px solid #676566;
	margin-top: -14px;
}
article.contact #map .overlay .image {
	width: 80px;
	height: 80px;
	padding: 4px;
	border: 1px solid #dedede;
	background-image: url(../images/logo-map.png);
	background-size: contain;
	background-position: center center;
	margin-top: 8px;
	margin-left: 9px;
	padding: 4px;
}

article.contact #map .overlay {
	position: relative;
	background: #ffffff;
	border: 1px solid #676566;
}
article.contact #map .overlay:after, article.contact #map .overlay:before {
	top: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}
article.contact #map .overlay:after {
	border-color: rgba(255, 255, 255, 0);
	border-top-color: #ffffff;
	border-width: 13.5px;
	margin-left: -13.5px;
}
article.contact #map .overlay:before {
	border-color: rgba(103, 101, 102, 0);
	border-top-color: #676566;
	border-width: 14px;
	margin-left: -14px;
}