@font-face {
    font-family: 'pf_dindisplay_prolight';
    src: url('font/pfdindisplaypro-light-webfont.eot');
    src: url('font/pfdindisplaypro-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/pfdindisplaypro-light-webfont.woff2') format('woff2'),
         url('font/pfdindisplaypro-light-webfont.woff') format('woff'),
         url('font/pfdindisplaypro-light-webfont.ttf') format('truetype'),
         url('font/pfdindisplaypro-light-webfont.svg#pf_dindisplay_prolight') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'pf_dindisplay_prolight_italic';
    src: url('font/pfdindisplaypro-lightital-webfont.eot');
    src: url('font/pfdindisplaypro-lightital-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/pfdindisplaypro-lightital-webfont.woff2') format('woff2'),
         url('font/pfdindisplaypro-lightital-webfont.woff') format('woff'),
         url('font/pfdindisplaypro-lightital-webfont.ttf') format('truetype'),
         url('font/pfdindisplaypro-lightital-webfont.svg#pf_dindisplay_prolight_italic') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'pf_dindisplay_proregular';
    src: url('font/pfdindisplaypro-reg-webfont.eot');
    src: url('font/pfdindisplaypro-reg-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/pfdindisplaypro-reg-webfont.woff2') format('woff2'),
         url('font/pfdindisplaypro-reg-webfont.woff') format('woff'),
         url('font/pfdindisplaypro-reg-webfont.ttf') format('truetype'),
         url('font/pfdindisplaypro-reg-webfont.svg#pf_dindisplay_proregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'pf_dindisplay_proitalic';
    src: url('font/pfdindisplaypro-italic-webfont.eot');
    src: url('font/pfdindisplaypro-italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/pfdindisplaypro-italic-webfont.woff2') format('woff2'),
         url('font/pfdindisplaypro-italic-webfont.woff') format('woff'),
         url('font/pfdindisplaypro-italic-webfont.ttf') format('truetype'),
         url('font/pfdindisplaypro-italic-webfont.svg#pf_dindisplay_proitalic') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'pf_dindisplay_promedium';
    src: url('font/pfdindisplaypro-med-webfont.eot');
    src: url('font/pfdindisplaypro-med-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/pfdindisplaypro-med-webfont.woff2') format('woff2'),
         url('font/pfdindisplaypro-med-webfont.woff') format('woff'),
         url('font/pfdindisplaypro-med-webfont.ttf') format('truetype'),
         url('font/pfdindisplaypro-med-webfont.svg#pf_dindisplay_promedium') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'pf_dindisplay_proMdIt';
    src: url('font/pfdindisplaypro-medital-webfont.eot');
    src: url('font/pfdindisplaypro-medital-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/pfdindisplaypro-medital-webfont.woff2') format('woff2'),
         url('font/pfdindisplaypro-medital-webfont.woff') format('woff'),
         url('font/pfdindisplaypro-medital-webfont.ttf') format('truetype'),
         url('font/pfdindisplaypro-medital-webfont.svg#pf_dindisplay_proMdIt') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'pf_din_text_cond_proregular';
    src: url('font/pfdintextcondpro-regular-webfont.eot');
    src: url('font/pfdintextcondpro-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/pfdintextcondpro-regular-webfont.woff2') format('woff2'),
         url('font/pfdintextcondpro-regular-webfont.woff') format('woff'),
         url('font/pfdintextcondpro-regular-webfont.ttf') format('truetype'),
         url('font/pfdintextcondpro-regular-webfont.svg#pf_din_text_cond_proregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'pf_din_text_cond_proitalic';
    src: url('font/pfdintextcondpro-italic-webfont.eot');
    src: url('font/pfdintextcondpro-italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/pfdintextcondpro-italic-webfont.woff2') format('woff2'),
         url('font/pfdintextcondpro-italic-webfont.woff') format('woff'),
         url('font/pfdintextcondpro-italic-webfont.ttf') format('truetype'),
         url('font/pfdintextcondpro-italic-webfont.svg#pf_din_text_cond_proitalic') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'pf_din_text_cond_promedium';
    src: url('font/pfdintextcondpro-medium-webfont.eot');
    src: url('font/pfdintextcondpro-medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/pfdintextcondpro-medium-webfont.woff2') format('woff2'),
         url('font/pfdintextcondpro-medium-webfont.woff') format('woff'),
         url('font/pfdintextcondpro-medium-webfont.ttf') format('truetype'),
         url('font/pfdintextcondpro-medium-webfont.svg#pf_din_text_cond_promedium') format('svg');
    font-weight: normal;
    font-style: normal;
}
/* Turkiz: #0e667c */
/* Világos turkiz: #abb9c4 */
/* Lila: #881679 */
/* Világos lila: #caabc6 */

/* GLOBAL */
* {
box-sizing: border-box;
}

/* GOOGLE MAP */
.maps {
visibility: hidden;
}

/* TINYMCE BACKGROUND */
.mce-content-body {
background: lightgrey;
padding:0 10px 0 10px;
}

#go{
	font-family: pf_dindisplay_promedium, sans-serif;
	text-transform:uppercase;
	color:#881679;
}

#go:hover{
	color:lightgrey;
}
.info{
	font-family: pf_dindisplay_promedium, sans-serif;
	color: #881679;
}
/* SEARCH BACK */
#searchback{
	font-family: pf_dindisplay_promedium, sans-serif;
    background-color: #0e667c;
	color:white;
	text-transform:uppercase;
	padding:5px 30px 5px 30px;
	border-radius: 5px;
	text-align: center;
}

#searchback:hover{
    background-color: #abb9c4;

}

/* WRAP */
span.coloredLetter {
  background: yellow;
}

/* Sticky footer of flexible height
html, body {
height: 100%;
margin: 0;
}
.wrapper {
display: table;
height: 100%;
width: 100%;
}
.content {
display: table-row;
height is dynamic, and will expand... 
height: 100%;
...as content is added (won't scroll)
}
.footer {
display: table-row;
}
END Sticky footer of flexible height */

/* Sticky footer of fixed height */
html {
    position: relative;
    min-height: 100%;
}
body {
    margin: 0 0 42px 0; /* bottom = footer height */
}
footer {
    position: absolute;
    left: 0;
    bottom: 0;
    height: 32px;
    width: 100%;
}
/* END Sticky footer of fixed height */

body {
background:white;
font-family: pf_dindisplay_proregular, sans-serif;
font-size:16px;
line-height:26px;
background-image: url("img/bg.svg");

/* Disable the horizontal scroll 
max-width: 100%;
overflow-x: hidden;
END Disable the horizontal scroll */
}
.acc{
font-family: pf_dindisplay_proregular, sans-serif;
font-size:16px;
line-height:24px;	
}
h2 {
	text-transform: uppercase;
	color: #881679;
	font-size:27px;
	line-height:45px;
}
h3 {
	color: #0e667c;
	font-size:22px;
	line-height:38px;
}

/* TinyMCE styles */

.h2 {
	text-transform: uppercase;
	color: #881679;
	font-size:27px;
	line-height:45px;
}
.h3 {
	color: #0e667c;
	font-size:22px;
	line-height:38px;
}
.h4 {
	font-family: pf_dindisplay_promedium, sans-serif;
	color: #0e667c;
	font-size:18px;
	line-height:32px;
}
.arak {
	font-family: pf_dindisplay_promedium, sans-serif;
	color: #881679;
	font-size:22px;
}

.doctitle{
	float:left;
	width:100%;
	margin:10px 0 10px 0;
}

.doctitle::after {
content: "";
clear: both;
display: block;
}

.bullist01{ 
	list-style-position: inside; 
	list-style-image : url("img/arrow-icon.png" );
}
.bullist02{ 
	list-style-position: inside; 
	list-style-image : url("img/arrow-icon-small.png" );
}

.doc{
	float:left;
	width:150px;
	height:165px;
	margin: 10px 20px 10px 0;
	padding: 10px;
	background-image: url("img/doc-bg.png" );
    background-repeat: no-repeat;
	text-align:center;
	display: table;
	
	font-family: pf_din_text_cond_promedium, sans-serif;
	text-transform: uppercase;
	color: #0e667c;
	font-size:16px;
	line-height:24px;
	word-wrap: break-word;
}

.doc span{
	display: table-cell;
	vertical-align: middle;
}

.doc a{
	color: #0e667c;
}

/* END TinyMCE styles */

p {
line-height:22px;
padding:0 0 5px 0;
}

a {
	font-family: pf_dindisplay_promedium, sans-serif;
	text-decoration:none;
	color: #881679;
	transition: all .3s ease;
}

a:hover {
	color: #caabc6;
}

/* HEADER */

header {
position:relative;
width:auto;
margin: 0 auto 0 auto;
}

header::after {
content: "";
clear: both;
display: block;
}

nav {
	margin:25px auto 0 auto;
	display:table;
}

nav ul {
list-style:none;
}

nav ul li {
display:block;
float:left;
padding:0 15px 0 15px;
}

#liactive{
	border-bottom: 10px solid #caabc6;
}

nav ul li a {
font-family: pf_din_text_cond_proregular, sans-serif;
text-transform: uppercase;
color:black;
}

nav ul li a:hover {
color:lightgrey;
}

#mobileMenu {
position: fixed;
top: 0;
left: 0;
width: 100%;
display: none;
}

#mobileMenu ul li {
display:block;
background-color: #abb9c4;
color: white;
padding: 12px 0;
letter-spacing: 0.1em;
text-align: center;
text-transform: uppercase;
border-bottom: 1px solid white;
}

#mobileMenu ul li a {
color:white;
}

#mobileMenu ul li a:hover {
color:lightgrey;
}

.toggleMobile {
display: none;
}

/* HEADER01 */

#header01 {
color:white;
}

#header01::after {
content: "";
clear: both;
display: block;
}

#header01-01 {
float:left;
width:40%;
text-align:center;
font-family: pf_dindisplay_proitalic, sans-serif;
padding:9px 0 0 0;
background-color: #0e667c;
height:40px;

}

#header01-02, #header01-02active {
float:left;
width:18%;
text-align:center;
background-color: #881679;
padding: 8px 0 0 0;
height:40px;
}

#header01-02 a, #header01-02active  a{
	color:white;
}

#header01-02 a:hover, #header01-02active  a:hover{
	color:lightgrey;
}

#header01-02active {
     border-bottom: 10px solid #caabc6;
}

#header01-03 {
float:left;
width:42%;
background-color:#0e667c;
height:40px;
}

/* HEADER02 */

#header02 {
background-color:white;
padding:0 0 10px 0;
}
#header02::after {
content: "";
clear: both;
display: block;
}

#logocont {
float:left;
width:20%;
}

#logo {
max-width:80%;
max-height:100%;
display:block;
margin:3px 0 0 auto;
}

#navcont {
float:left;
width:80%;
}

/* SEARCH FORM */

.search {
 margin: 0 auto;
 width: 235px;
}

.searchinput {
	font-family: pf_dindisplay_proregular, sans-serif;
	font-size:12px;
	padding: 4px 6px 4px 6px;
	outline: 0;
	border:0;
	width:200px;
	background: white;
	border-radius:5px;
	display:block;
	float:left;
	margin-top:8px;
}

.searchbutton {
	border: 0px; 
	width: 24px; 
	height:24px; 
	margin:7px 0 0 10px;
	background: transparent url(img/search.png) center center no-repeat;
}

.searchbutton:hover {
	background: transparent url(img/search-hover.png) center center no-repeat;
}

/*.button {
padding:7px 14px;
border: 1px solid #caabc6;
background-color: #eb653c;
text-decoration:none;
border-radius:5px;
box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, 0.3);
}

.button:hover {
background:none #abb9c4;
border-color: #abb9c4;
text-shadow:none;
color: white;
}*/

/* SPACER */


/* COLUMN */

#column {
	width:100%;
	max-width:920px;
	margin:0 auto 0 auto;	
    animation-name: fadein;
    animation-duration: 1s;
}

@keyframes fadein {
    from {opacity: 0;}
    to {opacity: 1;}
}

#column::after {
content: "";
clear: both;
display: block;
}
.column01 {
	float:left;
	width:50%;
	max-width: 450px;
	padding:0 20px 0 20px;
}

.column01 img{
    display:block;
    margin:20px auto 20px auto;
	width:80px;
}

.column02 {
    display: table; 
	margin:0 auto 0 auto;
	padding:30px 15px 0 15px;
	max-width:800px;

}

.column03 {
	float:left;
	width:400px;
}
.column04 {
	float:right;
	max-width:340px;
	padding:0 0 0 30px;
}

.column05 {
    display: table; 
	margin:0 auto 0 auto;
	padding:20px 15px 5px 15px;
	max-width:880px;
}

.column06 {
    display: table; 
	margin:0 auto 0 auto;
	padding:30px 15px 15px 15px;
	width:100%;
	max-width:800px;
}

#map {
	float:left;
}

#emailinput, #emailtext, #inputcode, #validate{
	font-family: pf_dindisplay_proregular, sans-serif;
	font-size:14px;
	outline: 0;
	border:0;
	background: white;
	border-radius:5px;
	display:block;
	float:left;
}

#emailinput{
	padding: 0 6px 0 6px;
	width:260px;
	height: 30px;
}

#emailtext{
	width:260px;
	height:150px;
	padding: 6px;
	resize: none;
	margin-bottom:16px;
}
#validate{
	width:260px;
	height:50px;
	padding:5px;
	margin-bottom:8px;
}
#inputcode{
	padding: 0 6px 0 6px;
	width:260px;
	height: 30px;
}

#sendmessage {
padding:7px 14px;
border: 0;
background-color: #881679;
text-decoration:none;
border-radius:5px;
width:260px;
color: white;
margin-top:5px;
}

#sendmessage:hover {
background:none #caabc6;
border-color: #caabc6;
text-shadow:none;
}



/* FOOTER */

footer {
height:32px;
background-color:#0e667c;
color:white;
font-size:12px;
text-transform:uppercase;
}

footer img {
margin-right:10px;
}

#footer01-01 {
float:left;
width:35%;
padding:7px 0 0 0;
padding-left:2%;
}

#footer01-02 {
float:left;
width:30%;
padding:7px 0 0 0;
padding-left:2%;
}

#footer01-03 {
float:left;
width:23%;
padding:7px 0 0 0;
padding-left:2%;
}

#footer01-04 {
float:left;
width:12%;
padding:4px 0 0 0;
padding-left:2%;
}

#footer01-04 img {
float:right;
margin-right:10px;
}

/* SLIDESHOW */
/* Prevent the slideshow from flashing on load */
.slidesjs-container
{
border-top: 1px white solid;
}
#slides
{
display: none
}

/* Center the slideshow */
.container
{
width:auto;
margin: 0 auto;
position:relative;
background-color: #abb9c4;
}

.container::after {
content: "";
clear: both;
display: block;
}

/* Show active item in the pagination */
.slidesjs-pagination .active
{
        color:red;
}

/* SLIDER CONTENT */

#slider_content1, #slider_content2{
	position:absolute;
	display:none;
	z-index:11;
	font-size:20px;
	line-height: 25px;
	font-family: pf_dindisplay_promedium, sans-serif;
    background-color: rgb(255, 255, 255); /* Fall-back for browsers that don't support rgba */
    background-color: rgba(255, 255, 255, .8);
	color:#881679;
	text-transform:uppercase;
	padding:20px 25px 18px 25px;
	border-radius: 40px 0 40px 0;
	text-align: center;
	
	display:block;
}

#slider_content1 {
	bottom:5%;
	left:15%;
}

#slider_content2 {
	top:5%;
	right:15%;
}

/* MISC */
.clear
{
        clear:both;
}
.hidden
{
        position:absolute;
        clip: rect(1px 1px 1px 1px); /* IE6 & 7 */
          clip: rect(1px, 1px, 1px, 1px);
}


/* MEDIA QUERIES FOR A RESPONSIVE LAYOUT */

@media (max-width: 1215px) {
	
/* SLIDER CONTENT */

#slider_content1, #slider_content2{

	font-size:16px;
	line-height: 20px;
	padding:15px 20px 13px 20px;
	border-radius: 35px 0 35px 0;
}

#slider_content1 {
	bottom:5%;
	left:10%;
}

#slider_content2 {
	top:5%;
	right:10%;
}

}

@media (max-width: 915px) {
	
#header01-01 {
float:left;
width:100%;
background-color:white;
color:#881679;
}

#header01-02, #header01-02active {
float:left;
width:40%;
}

#header01-03 {
float:left;
width:60%;
}

#logocont {
float:left;
width:100%;
margin:5px 0 0 0;
}

#logo {
max-width:20%;
display:block;
margin:auto;
}

#navcont {
float:left;
width:100%;
margin:5px 0 0 0;
}

nav {
	margin:0 auto 0 auto;

}

body {
    margin: 0 0 74px 0; /* bottom = footer height */
}

footer {
    height: 64px;
}

#footer01-01 {
width:100%;
text-align:center;
}

#footer01-02 {
width:40%;
}

#footer01-03 {
width:40%;
}

#footer01-04 {
width:20%;
}

}

@media (max-width: 765px)
{
	
#header01-01
{
float:left;
width:100%;
height:auto;
}

#header01-02, #header01-02active
{
float:left;
width:100%;
}

#header01-03
{
float:left;
width:100%;
}
#logo {
max-width:30%;
}
#mobileMenu {
display: block;
z-index: 99;
}

.column01{
	max-width:100%;
	width:100%;
}

.column02{
	padding:30px 20px 0 20px;
}
.column01 img{
	width:70px;
}

.column03 {
    display: table; 
	margin:0 auto 0 auto;
	float:none;
}

.column04 {
	float:left;
	padding:10px 0 0 0;
}

#emailinput, #emailtext, #validate, #inputcode, #sendmessage{
	width:300px;
}

body {
    margin: 0 0 106px 0; /* bottom = footer height */
}

footer {
    height: 96px;
}

#footer01-01 {
width:100%;
}

#footer01-02 {
width:100%;
text-align:center;
}

#footer01-03 {
width:70%;
}

#footer01-04 {
width:30%;
}

.toggleMobile {
position: fixed;
top: 10px;
left: 10px;
display: block;
width: 40px;
height: 36px;
cursor: pointer;
z-index: 999;
}

.toggleMobile span.menu1, .toggleMobile span.menu2, .toggleMobile span.menu3 {
display: block;
position: absolute;
width: 40px;
height: 8px;
left: 0;
background: #abb9c4;
-webkit-transition: all 0.35s cubic-bezier(0.75, 0.25, 0.10, 0.95);
transition: all 0.35s cubic-bezier(0.75, 0.25, 0.10, 0.95);
}
.toggleMobile span.menu1
{
top: 0;
}
.toggleMobile span.menu2
{
top: 14px;
}
.toggleMobile span.menu3
{
top: 28px;
}
.toggleMobile.active span.menu1
{
top: 14px;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-o-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
-webkit-transition: all 0.35s cubic-bezier(0.75, 0.25, 0.10, 0.95);
transition: all 0.5s cubic-bezier(0.75, 0.25, 0.10, 0.95);
background: white;
}
.toggleMobile.active span.menu2
{
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg);
-webkit-transition: all 0.35s cubic-bezier(0.75, 0.25, 0.10, 0.95);
transition: all 0.5s cubic-bezier(0.75, 0.25, 0.10, 0.95);
background: white;
}
.toggleMobile.active span.menu3
{
opacity: 0;
-webkit-transition: opacity 0.35s cubic-bezier(0.75, 0.25, 0.10, 0.95);
transition: opacity 0.35s cubic-bezier(0.75, 0.25, 0.10, 0.95);
}
header nav
{
display:none;
}

.container
{
height:1px;
top: -1500px;
}
header
{
height:60px;
}

}

@media (max-width: 500px) {

header
{
margin-top: 0,1px;
padding-top: 40px;
text-align: center;
background-color:white;
} 
#logo {
max-width:45%;
}		

input
{
width:auto;
}

}

/* KEYFRAMES */

@keyframes stylie-transform-keyframes {
  0% {transform:translateX(30px) translateY(46px) rotate(0deg) translate(-50%, -50%);animation-timing-function: cubic-bezier(.25,.25,.75,.75);}
  100% {transform:translateX(260px) translateY(-150px) rotate(0deg) translate(-50%, -50%);}
}

@keyframes stylie-transform2-keyframes {
  0% {transform:translateX(40px) translateY(40px) rotate(0deg) translate(-50%, -50%);animation-timing-function: cubic-bezier(.25,.25,.75,.75);}
  100% {transform:translateX(50px) translateY(40px) rotate(0deg) translate(-50%, -50%);}
}