/*==================================================
	Desktop Styles
==================================================*/

/*--------------------------------------------------
	Html & Body
--------------------------------------------------*/
@media screen and (max-width: 2560px), screen and (max-height: 1350px) { body {font-size: 12px;} }

@media screen and (max-width: 1920px), screen and (max-height: 950px) { body {font-size: 10px;} }

@media screen and (max-width: 1680px), screen and (max-height: 900px) { body { font-size: 9px;} }

@media screen and (max-width: 1440px), screen and (max-height: 750px) { body {font-size: 8px;} }

@media screen and (max-width: 1200px), screen and (max-height: 500px) { body {font-size: 7px;} }

@media screen and (max-width: 960px), screen and (max-height: 400px) { body {font-size: 6px;} }

@media screen and (max-width: 720px), screen and (max-height: 350px) { body {font-size: 5px;} }

@media screen and (max-width: 480px), screen and (max-height: 250px) { body {font-size: 5px;} }

@media screen and (max-width: 320px), screen and (max-height: 200px) { body {font-size: 5px;} }

@media screen and (max-width: 240px), screen and (max-height: 150px) { body {font-size: 4px;} }

/*--------------------------------------------------
	Content Container
--------------------------------------------------*/

/*---------- Google Map ----------*/
@media screen and (max-width: 1920px), screen and (max-height: 950px) { .content-container .content .google-map { height: 40em;} }

@media screen and (max-width: 1680px), screen and (max-height: 900px) { .content-container .content .google-map { height: 34em;} }

@media screen and (max-width: 1440px), screen and (max-height: 750px) { .content-container .content .google-map { height: 28em;} }

@media screen and (max-width: 1280px), screen and (max-height: 650px) { .content-container .content .google-map { height: 22em;} }

@media screen and (max-width: 1140px), screen and (max-height: 500px) { .content-container .content .google-map { height: 16em;} }

@media screen and (max-width: 960px), screen and (max-height: 400px) { .content-container .content .google-map { height: 10em;} }


.lang-switcher {
    display: block;
    position: absolute;
    right: 22.5%;
    top: 4.5em;
    z-index: 11;
	margin-bottom: 1rem;
}

.lang-switcher li {
	display: inline-block;
    font-size: 2em;
    line-height: 1.2em;
    color: #68172c;
    text-decoration: none;
    text-shadow: 1px 1px rgba(255, 255, 255, 0.99);
    white-space: nowrap;
    padding: 0.2em 0;
    position: relative;
    transition: all 150ms linear;
}

.lang-switcher li a {
	padding: 2px .3rem;
	text-decoration: none;
	transition: .3s;
	color:  #68172c;
}

.lang-switcher li a:hover, .lang-switcher li.active a {
	border-bottom: 2px solid #68172c;
}

/*==================================================
	Tablet Styles
==================================================*/

@media screen and (max-width: 1024px) and (min-height: 600px) and (max-height: 768px) and (orientation: landscape) {

/*--------------------------------------------------
	Html & Body
--------------------------------------------------*/
body {
  font-size: 7px;
}

/*--------------------------------------------------
	Header
--------------------------------------------------*/

/*---------- Logo ----------*/
.header .logo {
	left: 7.5%;
}

/*---------- Nav ----------*/
.header .nav {
	right: 7.5%;
}

/*--------------------------------------------------
	Content Container
--------------------------------------------------*/

/*---------- Content ----------*/
.content-container .content {
	width: 90%;
	height: 70%;
	left: 5%;
	right: 5%;
	top: 20%;
	bottom: 10%;
}

/*---------- Google Map ----------*/
.content-container .content .google-map {
  height: 28em;
}

/*--------------------------------------------------
	Content Overlay
--------------------------------------------------*/

/*---------- Close Overlay ----------*/
.content-overlay .overlay-close {
	right: 12%;
}

/*---------- Heading ----------*/
.content-overlay .heading {
	left: 10%;
}

/*---------- PDF ----------*/
.content-overlay .pdf {
	left: 10%;
}

/*---------- Content ----------*/
.content-overlay .content {
	width: 80%;
	height: 80%;
	left: 10%;
	right: 10%;
	top: 10%;
	bottom: 10%;
}

.lang-switcher {
	right: 7.5%;
}

}

@media screen and (max-height: 1024px) and (min-width: 600px) and (max-width: 768px) and (orientation: portrait) {

/*--------------------------------------------------
	Html & Body
--------------------------------------------------*/
body {
  font-size: 7px;
}

/*--------------------------------------------------
	Header
--------------------------------------------------*/

/*---------- Logo ----------*/
.header .logo {
	width: 22em;
	height: 22em;
	left: 5.5%;
}

/*---------- Nav ----------*/
.header .nav {
	right: 5.5%;
}

/*--------------------------------------------------
	Content Container
--------------------------------------------------*/

/*---------- Content ----------*/
.content-container .content {
	width: 90%;
	height: 70%;
	left: 5%;
	right: 5%;
	top: 20%;
	bottom: 10%;
}

/*---------- Featured Image ----------*/
.content-container .content .featured-image-block {
	width: 80%;
	height: 80%;
	position: fixed;
	left: 10%;
  right: 10%;
	top: auto;
  bottom: 0;
	z-index: 1;
}

.content-container .content .featured-image-block .featured-image {
	width: 100%;
	height: auto;
	position: absolute;
	left: 0;
  top: auto;
	bottom: -30.25%;
}

/*---------- Featured Text ----------*/
.content-container .content .featured-text-block {
	width: 60%;
	margin: 0 auto;
}

/*---------- Image ----------*/
.content-container .content .image-block .image {
	width: 50%;
	max-width: 50%;
  margin-bottom: 3em;
}

/*---------- Google Map ----------*/
.content-container .content .google-map {
  height: 40em;
}

/*--------------------------------------------------
	Content Columns (Normal & Overlay)
--------------------------------------------------*/
.content-container .content .full-width,
.content-container .content .one-half,
.content-container .content .one-third,
.content-container .content .two-third,
.content-container .content .one-fourth,
.content-container .content .two-fourth,
.content-container .content .three-fourth,
.content-container .content .one-fifth,
.content-container .content .two-fifth,
.content-container .content .three-fifth,
.content-container .content .four-fifth {
	width: 100%;
	height: auto;
	margin: 0;
	float: left;
	position: relative;
}

.content-container .content .full-height {
  height: 100%;
}

/*--------------------------------------------------
	Content Container
--------------------------------------------------*/

}

/*==================================================
	Mobile Styles
==================================================*/

@media screen and (max-width: 699px) {

/*--------------------------------------------------
	Pagination
--------------------------------------------------*/
.pagination.pagination-parent {
	text-align: center;
  width: 100%;
  height: 2em;
  margin: 0 !important;
  left: 0;
	bottom: 1em;
}

.pagination .swiper-pagination-switch {
	display: inline-block;
  width: 4.7em;
	height: 2em;
  float: none;
}

/*--------------------------------------------------
	Header
--------------------------------------------------*/

/*---------- Logo ----------*/
.header .logo {
	width: 18em;
  height: 18em;
  left: 7.5%;
}

/*---------- Nav Toggler ----------*/
.header .nav-toggler {
	display: block;
	position: absolute;
	right: 7.5%;
	top: 6em;
	z-index: 11;
}

.header .nav-toggler a {
	background: rgba(255, 255, 255, 0.88);
	font-size: 4em;
	line-height: 1em;
	color: #68172c;
	text-decoration: none;
	text-transform: uppercase;
	white-space: nowrap;
	display: block;
	padding: 0.2em 0.5em;
	position: relative;
  -moz-transition: all 150ms ease-in-out;
  -webkit-transition: all 150ms ease-in-out;
  transition: all 150ms ease-in-out;
}

/*---------- Nav ----------*/
.header .nav {
	background: rgba(0, 0, 0, 0.88);
	display: none;
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 10;
}

.header .nav ul {
	display: block;
	width: 100%;
	height: auto;
	padding: 0 10%;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  transform: translateY(-50%);
}

.header .nav ul > li {
	text-align: left;
	width: 100%;
	margin: 0;
	float: none;
	position: relative;
}

.header .nav ul > li:before {
	display: none;
}

.header .nav ul > li:last-child {
	margin-right: 0;
}

.header .nav ul > li:last-child:before {
	display: none;
}

.header .nav ul > li > a {
	font-size: 5em;
	line-height: 1em;
	color: #ffffff;
	text-decoration: none;
	text-shadow: none;
	white-space: nowrap;
	display: inline-block;
	padding: 0.2em 0;
	margin-bottom: 0.5em;
	position: relative;
  -webkit-transition: all 150ms ease-in-out;
  -moz-transition: all 150ms ease-in-out;
  transition: all 150ms ease-in-out;
}

.header .nav ul > li > a:before {
	display: none;
}

.header .nav ul > li > a:hover,
.header .nav ul > li.active > a {
	color: #999999;
}

/*--------------------------------------------------
	Content Container
--------------------------------------------------*/

/*---------- Content ----------*/
.content-container .content {
	width: 90%;
	height: 80%;
	left: 5%;
	right: 5%;
	top: 20%;
	bottom: 0;
}

/*---------- Base Tags ----------*/
.content-container .content h1,
.content-container .content h2,
.content-container .content h3,
.content-container .content h4,
.content-container .content h5,
.content-container .content h6,
.content-container .content p {
	text-shadow: 1px 1px rgba(255, 255, 255, 0.44);
}

.content-container .content a {
	text-shadow: 1px 1px rgba(104, 23, 44, 0.44);
}

/*---------- Overlay Open ----------*/
.content-container .content .overlay-open {
	font-size: 3em;
	line-height: 1.5em;
	padding: 0.5em 1em;
}

.content-container .content .overlay-open.overlay-open-mail {
	background-image: url(../images/layout/icon-mail.png);
  background-repeat: no-repeat;
  background-position: center 1em;
  background-size: 30% auto;
  text-transform: uppercase;
  padding-top: 6em;
}

/*---------- Featured Image ----------*/
.content-container .content .featured-image-block {
	width: 150%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
}

.content-container .content .featured-image-block .featured-image {
	width: 100%;
	height: auto;
	position: absolute;
	left: 0;
  	top: 0;
	bottom: auto;	
}

/*---------- Featured Text ----------*/
.content-container .content .featured-text-block {
	width: 80%;
	margin: 0 0 0 20%;
}

.content-container .content .featured-text-block .featured-text {
  padding: 25% 5% 5%;
}

.content-container .content .featured-text-block .featured-text h1 {
	text-shadow: 1px 1px rgba(0, 0, 0, 0.99);
}

.content-container .content .featured-text-block .featured-text .btn {
	font-size: 2.5em;
}

/*---------- Image ----------*/
.content-container .content .image-block .image {
	width: 75%;
	max-width: 75%;
}

/*---------- Address ----------*/
/*
.content-container .content .address-block {
  width: 50%;
  float: left;
}
*/

.content-container .content .address {
	font-size: 1em;
}

/*---------- Google Map ----------*/
.content-container .content .google-map {
	height: 30em;
  margin-bottom: 0;
}

/*--------------------------------------------------
	Content Overlay
--------------------------------------------------*/
.content-overlay {
	position: fixed;
}

/*---------- Close Overlay ----------*/
.content-overlay .overlay-close {
	right: 7%;
	top: 5%;
}

/*---------- Heading ----------*/
.content-overlay .heading {
	left: 5%;
	top: 5%;
  right: auto;
  max-width: 80%;
}

.content-overlay .heading h1 {
  line-height: 1em;
}

/*---------- PDF ----------*/
.content-overlay .pdf {
	left: 5%;
	bottom: 3%;
}

/*---------- Content ----------*/
.content-overlay .content {
	width: 90%;
	height: 70%;
	left: 5%;
	right: 5%;
	top: 15%;
	bottom: 15%;
}

.content-overlay .content .text-container .text-block .text p {
	font-size: 3em;
}

.content-overlay .content .text-container .text-block .text ul {
	font-size: 3em;
}

/*--------------------------------------------------
	Footer
-------------------------------------------------*/
.footer {
	display: none;
}

/*--------------------------------------------------
	Form
-------------------------------------------------*/
.content-overlay .form {
	padding: 0;
}

.lang-switcher {
    top: 13em;
    right: 8.5%;
}

}

@media screen and (max-width: 699px) and (max-height: 299px) {

/*--------------------------------------------------
	Content Container
--------------------------------------------------*/

/*---------- Content ----------*/
.content-container .content {
  height: 75%;
	top: 25%;
}

/*---------- Featured Image ----------*/
.content-container .content .featured-image-block .featured-image {
	bottom: -55.25%;	
}

/*---------- Google Map ----------*/
.content-container .content .google-map {
	height: 25em;
}

}

@media screen and (max-width: 699px) and (orientation: portrait) {

/*--------------------------------------------------
	Pagination
--------------------------------------------------*/
.pagination.pagination-parent {
  height: 1.5em;
}

.pagination .swiper-pagination-switch {
  width: 3.6em;
	height: 1.5em;
}

/*--------------------------------------------------
	Header
--------------------------------------------------*/

/*---------- Nav ----------*/
.header .nav ul > li {
	text-align: right;
}

/*--------------------------------------------------
	Content Container
--------------------------------------------------*/

/*---------- Content ----------*/
.content-container .content {
	height: 80%;
	top: 20%;
}

/*---------- Overlay Open ----------*/
.content-container .content .overlay-open.overlay-open-mail {
  margin-bottom: 3em;
}

/*---------- Featured Image ----------*/
.content-container .content .featured-image-block {
	text-align: center;
	width: 100%;
	height: 55%;
	overflow: hidden;
	position: fixed;
	left: 0;
	top: auto;
	bottom: 0;
}

.content-container .content .featured-image-block .featured-image {
	width: auto;
	max-height: 100%;
	position: absolute;
	top: auto;
	bottom: 0;
    left: 50%;
    transform: translateX(-50%);
}

/*---------- Featured Text ----------*/
.content-container .content .featured-text-block {
	width: 80%;
	margin: 0 auto;
}

.content-container .content .featured-text-block .featured-text {
	padding: 25% 5% 5%;
}

/*---------- Image ----------*/
.content-container .content .image-block .image {
	border: 1em solid #68172c;
	border-radius: 100%;
	width: 50%;
	max-width: 50%;
	height: auto;
	margin-bottom: 3em;
}

/*---------- Address ----------*/
.content-container .content .address-block {
  width: auto;
  float: none;
}

.content-container .content .address {
	display: block;
	margin-right: 0;
}

/*---------- Google Map ----------*/
.content-container .content .google-map {
	height: 35em;
  margin-bottom: 3em;
}

/*--------------------------------------------------
	Content Overlay
--------------------------------------------------*/

/*---------- Close Overlay ----------*/
.content-overlay .overlay-close {
	right: 7%;
	top: 5%;
}

/*---------- PDF ----------*/
.content-overlay .pdf {
	left: 5%;
	bottom: 3%;
}

/*---------- Content ----------*/
.content-overlay .content {
	width: 90%;
	height: 70%;
	left: 5%;
	right: 5%;
	top: 15%;
	bottom: 15%;
}

/*---------- Image ----------*/
.content-overlay .content .text-container .text-block .text img {
	display: block;
	max-width: 100%;
	padding: 0;
	margin: 0 0 1em 0;
}

/*--------------------------------------------------
	Content Columns (Normal & Overlay)
--------------------------------------------------*/
.content-container .content .full-width,
.content-container .content .one-half,
.content-container .content .one-third,
.content-container .content .two-third,
.content-container .content .one-fourth,
.content-container .content .two-fourth,
.content-container .content .three-fourth,
.content-container .content .one-fifth,
.content-container .content .two-fifth,
.content-container .content .three-fifth,
.content-container .content .four-fifth {
	width: 100%;
	height: auto;
	margin: 0;
	float: none;
	position: static;
}

.content-container .content .full-height {
  height: 100%;
}

}