/* Palet - Turkuaz : #5ba7b7 / Pembe : #bb5771 */
header { height:75px; display:flex; justify-content:space-between; align-items: center; padding: 0 1em; background:#5ba7b7; }
header > a {font-weight: bold;
    letter-spacing: -1px;
    line-height: 1;
    font-size: 1.5rem;}
.logo { height:45px; width: auto;}
.navButton { height:40px; display:flex; flex-direction:column; justify-content:center; align-items:center; cursor:pointer; transition:0.4s; }
.navButton div { width:35px; height:3px; background:#fff; margin:3px 0; transition:0.4s; }
.change .bar1 { transform: rotate(-45deg) translate(-9px, 3px); }
.change .bar2 { opacity: 0; }
.change .bar3 { transform: rotate(45deg) translate(-9px, -4px); }
nav { position:fixed; z-index:50; top:75px; right:0; bottom:0; left:0; height:0; background:#5ba7b7; opacity:0; overflow-y:auto; transition:0.4s; }
.menuOpened { height:calc(100% - 75px); opacity:1; }
nav a { display:block; padding:15px; text-align:right; color:#fff; }
/**/
main {}
.slider {}
.slider figure {  }
.slider img { width:100vw; height:200px; object-fit:cover; }
.slider a { display:block; height:40px; line-height:40px; background:#5ba7b7; color:#fff; text-align:center; }
.slider .slick-arrow { position:absolute; z-index:5; top:120px; width:30px; height:30px; }
.slider .slick-arrow::before, .slider .slick-arrow::after { font-size:30px !important; }
.slider .slick-arrow:nth-child(1) { left:5%; }
.slider .slick-next { right:5%; }
.contactBox { display:flex; flex-direction:column; justify-content:center; align-items:center; text-align:center; }
.contactBox p { padding:0 1em; }
.contactBox a { padding:1em; margin:.5em 0; background:#e1f6fa; color:#5ba7b7; }
.mainArticles { padding:1em; }
.mainArticles article:nth-child(odd) { background:#e1f6fa; }
.mainArticles article:nth-child(odd) > a { background:#f4d4dd; }
.mainArticles article:nth-child(even) { background:#f4d4dd; }
.mainArticles article:nth-child(even) > a { background:#e1f6fa;  }
.mainArticles article { text-align:center; }
.mainArticles article h3 { }
.mainArticles span { padding:0 1em; display:block; height:150px; overflow:hidden; text-align:left; }
.mainArticles a { color:#262626; padding:1em; margin:1em auto; }
/**/
footer { height:40px; background:#262626; color:#adacab; display:flex; justify-content: space-between; align-items: center; padding:0 1em;}
/**/
.page {}
/**/
.contact {  }
.contact iframe {  }
.contact section { padding:0 5%; }
.address { text-align:center; }
.address b { display:block; font-size:110%; font-weight:300; color:#5ba7b7; margin:5px 0; }
.address span { display:block; padding:10px 0; font-size:90%; }
.address a { display:block; font-size:100%; font-weight:400; color:#bb5771; margin:1vh 0;}
.contactForm { background:#5ba7b7; padding:10px 0; margin:10px 0; }
.contactForm input { display:block; width:85%; margin:10px 0 0 5%; border:0; background:transparent; border-bottom:1px solid #fff; color:#fff; padding:10px; }
.contactForm input::placeholder { color:#fff; }
.contactForm textarea { display:block; width:85%; margin:10px 0 0 5%; border:0; background:transparent; border-bottom:1px solid #fff; color:#fff; padding:10px; }
.contactForm textarea::placeholder { color:#fff; }
.contactForm button { display:block; width:90%; margin:10px 0 0 5%; padding:10px; background:#fff; border:0; color:#000; text-align:center; }
.contactForm button:hover { background:#fff; color:#5ba7b7; }
.dateFormWarns { padding-bottom:25px; }
.dateFormWarns h2 { font-size:110%; font-weight:300; color:#5ba7b7; margin:5px 0; }
.dateFormWarns li { font-size:80%; display:block; padding:5px 0; }