@charset "UTF-8";
* {box-sizing: border-box}
iframe {display:block}
select {cursor:pointer}
#viewport { display: flex; min-height: 100vh; flex-direction: column; }
.site-content {flex:1}
.AdminLink select, .AdminLink table, .AdminLink td { font-family: Tahoma, Arial, Helvetica, sans-serif }
.AdminLink select, .AdminLink table, .AdminLink td, .adminHeader { font-size: 11px; font-weight: 700 }
.RadMenu a.rmLink {cursor:pointer !important}
.adminHeader, .logo { display: block }
.adminHeader { background-color: #ff006a; color: #fff; padding: 5px; width: 136px; clear: both; position: relative; line-height: 1; font-family: Arial; display: flex; align-items: center; justify-content: center; }
.AdminLink { background: #f2f2f2; border: 3px solid #FFF }
.AdminLink a { color: red }
.AdminLink a:hover { color: #CCC }
.AdminLink select { color: #039 }
.dots-hide .slick-dots {display:none !important}
.ModuleAdder, .ModuleCopier, .PageJumper { border-bottom: #999 1px solid }
.ModuleAdder .baslik, .ModuleCopier .baslik, .PageJumper .baslik { background-color: #999; font-weight: 700; color: #FFF; width: 130px }
.AdminLink td, .AdminLink th { padding: 1px }.AdminLink select { width: auto }.AdminLink img { display: inline-block }
:focus {outline: none}
body, html {margin:0;padding: 0;height:auto;overflow-x: hidden}
body.admin-edit-mode-enable {overflow: auto;overflow-x: visible}
body.nomove, html.nomove {overflow: hidden;}
/* pure alignment */
h1, h2, h3, h4, h5, h6 { margin: 0; line-height: 1 }
h1, h2, h3, h4, h5, h6 { font-weight: 700; }
p { margin: 0 }
.relative {position:relative}
p + p,  p + div, div + p, p + ul, ul + p, p + ol, ol + p, p + blockquote, blockquote + p, h1 + p, h2 + p, h3 + p, h4 + p, h5 + p, h6 + p, h1 + div, h2 + div, h3 + div, h4 + div, h5 + div, h6 + div, h1 + h2, h2 + h3, h3 + h4, h4 + h5, h5 + h6, h2 + ul, ul + h2, h3 + ul, ul + h3, h4 + ul, ul + h4, p + .btn  {margin-top:15px}
p + h1, p + h2, p + h3, p + h4, p + h5, p + h6,ul + h1, ul + h2, ul + h3, ul + h4, ul + h5, ul + h6, ol + h1, ol + h2, ol + h3, ol + h4, ol + h5, ol + h6, div + h1, div + h2, div + h3, div + h4, div + h5, div + h6, h2 + section, h3 + section, h4 + section, section + h2, section + h3, section + h4, p + iframe, iframe + p {margin-top: 36px}
iframe[src*=youtube] + div, iframe[src*=youtube] + p, iframe[src*=youtube] + h2, iframe[src*=youtube] + h3, iframe[src*=youtube] + h4, div + iframe[src*=youtube], p + iframe[src*=youtube], h2 + iframe[src*=youtube], h3 + iframe[src*=youtube], h4 + iframe[src*=youtube] {margin-top:36px}
iframe[src*=vimeo] + div, iframe[src*=vimeo] + p, iframe[src*=vimeo] + h2, iframe[src*=vimeo] + h3, iframe[src*=vimeo] + h4, div + iframe[src*=vimeo], p + iframe[src*=vimeo], h2 + iframe[src*=vimeo], h3 + iframe[src*=vimeo], h4 + iframe[src*=vimeo] {margin-top:36px}
section + section, main + footer, header + main, section + main, div + main, main + div, section + h2, h2 + section  {margin-top:3vw}
.title-center + div {margin-top:2vw}
.mb10 {margin-bottom:10px;display:block}
textarea {resize:none !important}
.dblock {display:block}
/* ## main structure */

 /* flex columns */
.fc.sbet {justify-content:space-between}
.fc {display: flex;flex-wrap: wrap; }
.fc > .cl {box-sizing: border-box;justify-content:center; display: flex;flex-direction:column;position: relative;z-index: 1}
.cl.full, .cl.cl10 {width: 100%;min-width:100%} .cl.cl9 {width: 90%} .cl.cl8 {width: 80%} .cl.cl7 {width: 70%} .cl.cl6 {width: 60%} .cl.cl5 {width: 50%} .cl.cl4 {width: 40%} .cl.cl3 {width: 30%} .cl.cl2 {width: 20%} .cl.cl1 {width: 10%} .cl.cl05 {width: 5%}.cl.cl75 {width:75%}.cl.cl25 {width:25%}
 /* flex auto columns */
.fac {display: flex;flex-flow: row wrap}
.fac > .cl  {display: flex; flex:1;flex-direction: column;box-sizing: border-box;}
.fac.center > .cl, .fc.center > .cl {justify-content: center}
.fac.start > .cl, .fc.start > .cl {justify-content: flex-start}
.fac.end > .cl, .fc.end > .cl {justify-content: flex-end}
.fac.pad, .fc.pad {margin-left:-1vw;margin-right: -1vw}
.fac.pad > .cl, .fc.pad > .cl {padding: 1vw}
.fac.pad.nonegative, .fc.pad.nonegative {margin-left: auto;margin-right: auto}
.fac.marg, .fc.marg {margin-left: -1vw;margin-right: -1vw}
.fac.marg + .fac.marg, .fc.marg + .fc.marg, .fac.marg + .fc.marg, .fc.marg + .fac.marg {margin-top:1vw}
.fac.marg > .cl, .fc.marg > .cl {margin:1vw}
.cl.ca2 {flex:2} .cl.ca3 {flex:3} .cl.ca4 {flex:4} .cl.ca5 {flex:5} .cl.ca6 {flex:6} .cl.ca7 {flex:7} .cl.ca8 {flex:8}.cl.ca9 {flex:9} .cl.ca10 {flex:10} .cl.ca11 {flex:11} .cl.ca12 {flex:12}
body > .fac.pad, body > .fac.marg {margin-left: auto;margin-right: auto}
.fc.rel > .cl, .fac.rel > .cl {position: relative;z-index: 1;} 
.fac > .cl.autow, .fc > .cl.autow {max-width: -moz-max-content;max-width: fit-content;}
.ie .fac > .cl.autow, .ie .fc > .cl.autow, .edge .fac > .cl.autow, .edge .fc > .cl.autow {flex:0}
/* ## flex columns */

/* page widths */
.pg {max-width: 1440px;margin-left:auto;margin-right: auto;position:relative}
.pg2 {max-width:1140px}
.pg3 { max-width: 880px }
/*size auto*/
img {max-width: 100%;height: auto;}
a img {display: block}
/* text format */
b, strong, .b {font-weight: 700}
.toright {text-align: right}
.toleft {text-align: left}
.tocenter {text-align: center}
.fright {float: right;} 
.fleft {float: left;}
.li-left>li{float:left}
.clearfix-after:after, .clearfix:after, .clearfix:before { clear: both; display: table; content: ""; font-size: 0; height: 0; visibility: hidden }
/*margin global*/
.mb10 {margin-bottom: 5px} .mb10 {margin-bottom: 10px} .mb15 {margin-bottom: 15px} .mb20 {margin-bottom: 20px} .mb25 {margin-bottom: 25px} .mb30 {margin-bottom: 30px} .mb35 {margin-bottom: 35px} .mb40 {margin-bottom: 40px} .mb45 {margin-bottom: 45px} .mb50 {margin-bottom: 50px} .mb1w {margin-bottom: 1vw} .mb2w {margin-bottom: 2vw} .mb3w {margin-bottom: 3vw} .mb4w {margin-bottom: 4vw} .mb5w {margin-bottom: 5vw}
/* font sizes */
h1 {font-size:2.7rem} h2 {font-size:2.4rem} h3 {font-size:1.5rem} h4 {font-size:1.4rem} h5 {font-size:1.3rem} h6 {font-size:14px} h6 {font-style: italic} 
.y14 {font-size:14px} .y16 {font-size:16px} .y18 {font-size:18px} .y20 {font-size:20px} .y22 {font-size:22px} .y24 {font-size:24px} .y26 {font-size:26px} .y28 {font-size:28px} .y30 {font-size:30px} .y32 {font-size:32px} .y34 {font-size:34px} .y36 {font-size:36px} .y38 {font-size:38px} .y40 {font-size:40px} .y42 {font-size:42px} .y44 {font-size:44px} .y46 {font-size:46px} .y48 {font-size:48px} .y50 {font-size:50px}
[class*="y1"], [class*="y2"], [class*="y3"], [class*="y4"], [class*="y5"] {line-height: 1.3}
/*links */
a {text-decoration: none;color:#59499E}
a:hover {color:#000000}
/* inputs */
input[type="text"], input[type="password"], input[type="email"], input[type="time"], input[type="date"], input[type="number"], input[type="tel"], textarea, select {display: inline-block;vertical-align: middle;width: 100%;padding: 5px;border:1px solid rgba(0,0,0,.25);}
input:focus, textarea:focus, select:focus {outline: none}

/* grid general */
.grid-article {display: grid;grid-gap:10px;grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));grid-auto-rows: auto;grid-auto-flow: dense;}
.grid-article > article {padding: 10px}
.grid-article > article p.img {margin: -10px -10px 0 -10px}
.grid-article > article p.img a {display: block}
.grid-article > article p.img img {margin: 0 auto}
.grid-article > article p.img + h2 {margin-top: 10px}
article time {display: block; color: rgba(0,0,0,25);font-style: italic; margin-top:10px}

/*article*/
arcitle.news-one a, arcitle.news-one a img {display: block;}

/* mobile slide menu */
.mobile-slide {position: fixed;z-index:10010;width: 420px;bottom:-100vh;background-color: #ffffff;top:120%;right:0;padding: 20px;overflow:auto}
.mobile-slide.active {top:0;bottom:0}
.mobile-slide > * + * {margin-top: 5vh}
a.hamburger { position: absolute; z-index: 2; right: 0; top: 0; bottom: 0; width: 50px; box-sizing: border-box; margin-left: 0 !important }
a.hamburger > em, a.hamburger:before, a.hamburger:after { display: block; position: absolute; z-index: 1; height: 6px; background: rgba(0,0,0,.35); overflow: hidden; text-indent: -999em; left: 10px; right: 10px }
a.hamburger > em { top: calc(50% - 3px) }
a.hamburger:before { top: 10px }
a.hamburger:before, a.hamburger:after { content: ""; }
a.hamburger:after { bottom: 10px }
a.hamburger.active > em, a.hamburger.active:before, a.hamburger.active:after {background: rgba(0,0,0,.55);}

/* search */
.search-box {position: relative;z-index: 1;}
.search-box [type="submit"] {position: absolute;z-index: 2;right: 0;top:0;appearance: none;-webkit-appearance: none;height: 100%;border:1px solid rgba(0,0,0,.25);}
input[type="submit"] {background:transparent}
/* transitions */
.trans300, a, a:before, a:after, .slick-prev, .slick-next, .multi-select-list { -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; }
.trans700, .mobile-slide { -webkit-transition: all 0.7s ease; -moz-transition: all 0.7s ease; -ms-transition: all 0.7s ease; -o-transition: all 0.7s ease; transition: all 0.7s ease; }

/* display */

.dn, .fc.dn, .fac.dn, .fc > .cl.dn, .fac > .cl.dn {display: none}

/* multiselect */

div.multiselect {position: relative;z-index: 1;}
.multiselect .multi-select-list {max-height: 25vh;overflow: auto;margin:0;padding: 0;list-style: none;opacity: 0;visibility: hidden;margin-top:20px}
.multiselect .multi-select-list.active {opacity: 1;visibility: visible;margin-top:0}
.multiselect .multi-select-list > li {list-style: none; padding: 10px 10px 10px 30px;position: relative; z-index: 1;text-align: left}
.multiselect .multi-select-list > li.active:before {content: "";position: absolute;z-index: 1;left:0;top:calc(50% - 6px);width: 12px;height: 12px;border-radius: 50%;background: olive}
select.multiselect, select.multiselect.applied {visibility: hidden;opacity: 0;display: none}

/** responsive **/

@media only screen and (max-width: 1441px) {
  /* page widths */
  .pg {margin-left:1vw;margin-right: 1vw}
  .pg-sidebars .slick-section > .pg {margin-left: 0;margin-right: 0}
  .pg2, .pg3 {max-width:100%;margin:0 10%}
}


@media only screen and (min-width: 1025px) {
  .mobile-slide {display: none}
  a.hamburger {display: none}
  .mobile {display: none}
}

@media only screen and (max-width: 1025px) {
  header.site-header .resp {display: none} /*hide responsive menus */
  header.site-header .pg {position: relative;}
  header.site-header .fac.marg > .cl {margin-left: 0;margin-right: 0}
  .fac.pad, .fc.pad {margin-left:-4vw;margin-right: -4vw}
  .fac.pad > .cl, .fc.pad > .cl {padding: 4vw}
  section + section, main + footer, header + main, section + main, div + main, main + div, section + h2, h2 + section {margin-top:4vh}
  .desktop, .fc:not(.no) > .cl.desktop {display: none}
  .dn, .fc.dn, .fac.dn, .fc > .cl.dn, .fac > .cl.dn {display: none}
}

@media only screen and (max-width: 969px) {
  .pg {margin-left:2.5vh;margin-right:2.5vh}
  .fac.marg {margin-left: -2.5vh;margin-right: -2.5vh}
  .pg > .fac.marg {margin-left: 0;margin-right: 0}
  .fac.marg + .fac.marg {margin-top:2.5vh}
  .fac.marg > .cl {margin:2.5vh}
  .fac.pad, .fc.pad {margin-left:-2.5vh;margin-right: -2.5vh}
  .fac.pad > .cl, .fc.pad > .cl {padding: 2.5vh}
  .fc:not(.no), .fc:not(.no) > .cl, .fac:not(.no), .fac:not(.no) > .cl {display: block;max-width: none}
  .form-control {width:100% !important}
  .fc:not(.no) > .cl.full, .fc:not(.no) > .cl[class*="cl"], .fac:not(.no), .fac:not(.no) > .cl[class*="ca"] {width: auto}
  .fc:not(.no) > .cl + .cl, .fac:not(.no) > .cl + .cl {margin-top:2.5vh}
  /*slick*/
  .slick-prev, .slick-next {display: none !important}
  .pg-sidebars .slick-section > .pg {margin-left: 0;margin-right: 0}
  .dn, .fc.dn, .fac.dn, .fc > .cl.dn, .fac > .cl.dn {display: none}

}


@media only screen and (max-width: 1025px) and (min-width: 667px) {
}

@media only screen and (max-width: 737px) {
}

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

}

@media only screen and (max-width: 481px) {
  .pg {margin-left: 2.5vh;margin-right: 2.5vh;}
  .mobile-slide {width: 100vw;display: flex;flex-direction: column;flex-wrap: unset; align-content: center;justify-content:flex-start;}
}

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

}
@media only screen and (max-width: 331px) {
}