@charset 'UTF-8';
/*@import url(https://fonts.googleapis.com/css?family=Passion+One&subset=latin,latin-ext);*/
/*@import url(https://fonts.googleapis.com/css?family=Fjalla+One&subset=latin,latin-ext);*/
@import url(https://fonts.googleapis.com/css?family=Montserrat);
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,400italic,600,700,700italic,800,800italic&subset=latin,latin-ext);

html {
    font-size: 1px;
}

body {
    font-size: 12rem;
    background-repeat: repeat;
    background-position: center top;
    background-attachment: fixed;
}

.header-slideshow .next {
    background-image: url(../img/next.svg);
    background-size: 58rem;
    width: 50%;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 1001;
    background-repeat: no-repeat;
    background-position: calc(100% - 10rem) 50%;
    opacity: 0.5;
    transition: all 300ms ease;
    cursor: pointer;
}


.header-slideshow:hover .next,
.header-slideshow:hover .prev {
    opacity: 1;
}

.header-slideshow .prev {
    background-image: url(../img/prev.svg);
    background-size: 58rem;
    width: 50%;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    z-index: 1001;
    background-repeat: no-repeat;
    background-position: 10rem 50%;
    opacity: 0.5;
    transition: all 500ms ease;
    cursor: pointer;
}


.header-slideshow  .item {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background-position: center;
    background-size: cover;
}

.center-container {
    width: 1000rem;
    margin: 0 auto;
    position: relative;
    /* background-color: white; */
    padding: 0 10rem;
    box-sizing: border-box;
    /* min-height: 300px; */
    z-index: 2000;
}

#footer2 .center-container {
    padding-left: 120rem;
}

a.creatic {
    display: inline-block;
    width: 67rem;
    height: 15rem;
    position: absolute;
    right: 0;
    perspective: 10000;
    transform: perspective(600);
    transform-style: preserve-3d;

}
a.creatic .side1 {
    background-image: url(../img/creatic.svg);
    display: inline-block;
    background-repeat: no-repeat;
    background-size: auto 30rem;
    background-position: left bottom;
    transition: all 600ms ease;
    transform: rotateX(0deg);
    transform-origin: 0 60%;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}
a.creatic:hover .side1 {
    transform: rotateX(360deg);

}

pos {}


.header-slideshow {
    width: 100%;
    height: 100vh;
    position: relative;
}

.header-slideshow .center-container {
    height: calc(100vh - 30% - 255rem);
    top: 245rem;
}

header {
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 10000;
}

header a.logo {
    display: inline-block;
    background: rgba(255, 255, 255, 0.79);
    padding: 30rem 40rem;
    width: 436rem;
    box-sizing: border-box;
}

header a.logo img {
    width: 100%;
}

header nav.mainmenu {
    /* right: 0; */
    width: 100%;
    z-index: 2000;
}

header nav.mainmenu.fixed {
    position: fixed;
    top: 0;
}



header nav.mainmenu ul {
    padding: 0;
    margin: 0;
    position: absolute;
    right: 167rem;
    display: table;
    width: calc(100% - 456rem);
/*     background-color: rgba(0, 0, 0, 0.63); */
    background-color: rgba(0,160,228, 0.63);

}

header nav.mainmenu ul li {display: table-cell;}

header a.facebook {
    height: 63rem;
    padding: 0;
    width: 63rem;
    background-color: rgba(255, 255, 255, 0.47);
    background-image: url(../img/facebook55.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 25rem;
    display: block;
    position: absolute;
    top: 0;
    left: 383rem;
    left: 10rem;
    bottom: 0;
}

header a.facebook:hover {
    background-color: rgba(255, 255, 255, 0.60);
}

header nav.mainmenu ul li a {
    color: white;
    text-decoration: none;
    font-size: 13rem;
    /*font-family: 'Passion One', cursive;*/
    font-family: 'Montserrat', sans-serif;
    text-transform: uppercase;
    padding: 22rem 7rem;
    display: block;
    font-weight: bold;
    white-space: nowrap;
}

header nav.mainmenu ul li:first-child a {
    padding-left: 40rem;
}

header nav.mainmenu ul li:last-child a {
    padding-right: 40rem;
}

header nav.mainmenu ul li a:hover {
    background-color: black;
}

section.main {
    margin-bottom: 73rem;
    background-color: white;
    margin-top: -30%;
}

/*section.main:before {*/
/*    content: '';*/
/*    display: block;*/
/*    position: absolute;*/
/*    left: 10rem;*/
/*    top: 0;*/
/*    width: 373rem;*/
/*    bottom: 0;*/
/*    background-color: #4D7485;*/
/*    z-index: 0;*/
/*}*/

section.main:before {}
section.main:after {
    clear: both;
    display: block;
    content: '';
}
section.main > .content {
    /*width: calc(100% - 373rem);*/
    /*float: right;*/
    /*min-height: 100rem;*/
    /*padding: 73rem 63rem 0 63rem;*/
    padding: 73rem 63rem 73rem 63rem;
    box-sizing: border-box;
}

.text-content h1 {
    text-transform: uppercase;
    font-size: 2.6em;
    color: #20556c;
    font-family: 'Montserrat', sans-serif;
}

.text-content img {
    max-width: 100%;
    height: auto !important;
}

.text-content h2 {
    text-transform: uppercase;
    font-size: 1.7em;
    color: #20556c;
    font-family: 'Montserrat', sans-serif;
}

.text-content h3 {
    text-transform: uppercase;
    font-size: 1.3em;
    color: #20556c;
    font-family: 'Montserrat', sans-serif;
}
.text-content {
    font-family: 'Open Sans', sans-serif;
    font-size: 14rem;
    color: #303030;
}

.text-content h1:first-child {
    margin-top: 0;
}
section.main aside {
    float: right;
    width: 373rem;
    min-height: 100rem;
    background-color: #4d7485;
}
section.main aside .content {
    position: relative;
    z-index: 1;
	padding-bottom: 15rem;
}
section.main aside h2:first-child {
    color: white;
    background-color: #1e3d4a;
    /*font-family: 'Passion One', cursive;*/
    /*font-family: 'Fjalla One', sans-serif;*/
    font-family: 'Montserrat', sans-serif;
    font-size: 15rem;
    padding: 30rem 40rem;
    margin-top: 0;
    text-transform: uppercase;
}

footer#footer1 {
    background-color: #aecb06;
}

footer#footer1 a.logo {
    width: 373rem;
    display: block;
    padding-top: 65rem;
}

footer#footer1 ul.info li a {
    color: white;
    text-decoration: none;
}

footer#footer1 ul.info li a:hover {
    text-decoration: underline;
}

footer#footer1 ul.info li label {
    width: 145rem;
    display: inline-block;
}

footer#footer1 ul.info li {
    margin-bottom: 7rem;
}

footer#footer1 ul.info {
    margin: 0;
    padding: 0;
    margin-top: 20rem;
    margin-left: 110rem;
    list-style-type: none;
    font-family: 'OPEN Sans', sans-serif;
    color: white;
    text-transform: uppercase;
    font-size: 13rem;
}

footer#footer1 a.logo img {
    width: 100%;
}

footer#footer1 nav.mainmenu ul li a {color: white;font-family: 'Montserrat', sans-serif;font-size: 13rem;text-transform: uppercase;text-decoration: none;margin-right: 20rem;}

footer#footer1 nav.mainmenu ul li a:hover {
    text-decoration: underline;
}

footer#footer1 nav.mainmenu ul li a:hover {
}

footer#footer1 nav.mainmenu ul li label {
}

footer#footer1 nav.mainmenu ul li {display: inline-block;}
footer#footer1 nav.mainmenu ul li:after {
}
footer#footer1 nav.mainmenu ul {margin-left: 70rem;margin-top: 30rem;padding-bottom: 70rem;margin-bottom: 0;}


footer#footer2 {
    background-color: black;
    padding: 35rem 0;
    color: white;
}

.rendezvenyek {}

.rendezvenyek .images a {
    width: 10rem;
    height: 10rem;
    display: none;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.rendezvenyek .images a:nth-child(2), .rendezvenyek .images a:nth-child(3), .rendezvenyek .images a:nth-child(4), .rendezvenyek .images a:nth-child(5) {
    display: block;
    width: calc((100% - 30rem) / 4);
    float: left;
    padding-bottom: 18.382%;
    margin-right: 10rem;
}

.rendezvenyek .images a:nth-child(5) {
    margin-right: 0;
}

.rendezvenyek .images a:first-child {
    display: block;
    width: 100%;
    padding-bottom: 74%;
    margin-bottom: 10rem;
}

.rendezvenyek .images {
    width: 55%;
    float: left;
    margin-right: 10rem;
}

.rendezvenyek .images:after {
    clear: both;
    display: block;
    content: '';
}

.rendezvenyek .images + p {
    margin-top: 0;
}

.rendezvenyek .item .more:hover {}

.rendezvenyek .item .more {
    font-family: 'OPEN Sans', sans-serif;
    font-weight: bold;
    font-size: 12rem;
    text-transform: uppercase;
    background-color: #ffa800;
    color: white;
    padding: 3rem 9rem;
    text-decoration: none;
    position: absolute;
    right: 0;
    bottom: 20rem;
}

.rendezvenyek .item .date {
    font-family: 'OPEN Sans', sans-serif;
    font-size: 14rem;
    color: #028ed6;
}

.rendezvenyek .item .settlement-location li:last-child:after {
    display: none;
}

.rendezvenyek .item .settlement-location li:after {
    content: '\2022';
}

.rendezvenyek .item .settlement-location li {
    font-family: 'OPEN Sans', sans-serif;
    font-size: 14rem;
    color: #038dd5;
    font-weight: bold;
    text-transform: uppercase;
    display: inline-block;
}

.rendezvenyek .item .settlement-location {
    margin: 0;
    padding: 0;
}

.rendezvenyek .item .title {
    font-family: 'Montserrat', sans-serif;
    font-size: 16rem;
    color: #20556c;
    font-weight: bold;
    text-transform: uppercase;
}


.rendezvenyek .item:last-child {border-bottom: none;}

.rendezvenyek .item {
    border-bottom: dotted 2px #B9B9B9;
    padding-bottom: 20rem;
    margin-bottom: 10rem;
    position: relative;
}