body { min-height:100vh; font-size:12px; color:#0e361f; text-align:left; font-family:Open Sans, arial, sans-serif; background:#eee; position:relative; }
.green { color:#5cb27c; }
.more { padding-right:8px; position:relative; }
.more:before { content:''; width:3px; height:5px; background:url(/i/sprites.png) no-repeat -47px -27px; position:absolute; right:0; top:50%; margin:-2px 0 0; }
.rounded { border-radius:50%; }
a img:before { content:'aaa'; }
.buttons { text-align:center; padding:20px 0 0; }
.buttons .button { margin:0 2px; }
.button { height:30px; line-height:30px; text-align:center; text-transform:uppercase; font-weight:bold; font-size:14px; color:#0e361f; padding:0 15px; display:inline-block; cursor:pointer; background:#c1e6ce; border-radius:15px; box-shadow:1px 1px 2px rgba(0,0,0,0.2); }
.button.big { height:45px; line-height:45px; border-radius:20px; }
.button:hover { text-decoration:none; opacity:0.8; }
.button:active { transform:translateY(1px); -webkit-transform:translateY(1px); }
.button.arrow { padding-right:35px; background-image:url(/i/ico_arrow.png); background-repeat:no-repeat; background-position:right 15px center; }
.button.block { display:block; }
.hdr { margin-top:0; }
.head { position:relative; z-index:100; padding:3px 0 0; background:#fff; box-shadow:0 3px 3px rgba(0,0,0,0.2); }
.head:before { content:''; height:3px; position:absolute; left:0; top:0; right:0; background:#5cb27c; background:linear-gradient(to right,#6fc18b 0%,#4d9a63 50%,#e0c58a 100%); background:-webkit-linear-gradient(left,#6fc18b 0%,#4d9a63 50%,#e0c58a 100%); }
.head .content { width:1060px; height:80px; margin:auto; position:relative; }
.head .logo { float:left; margin:10px 0 0; }
.head .panel { font-family:Miso, arial, sans-serif; font-size:20px; position:absolute; right:0; top:50%; margin:-23px 0 0; padding-left:60px; }
.head .panel:before { content:''; width:40px; height:26px; background:url(/i/sprites.png) no-repeat 0px 0px; position:absolute; left:10px; top:11px; }
.head .livekid { position:absolute; right:0; top:50%; margin:-15px 0 0; }
.head .livekid img { height:30px; }
.head .menu { position:absolute; left:260px; top:0; }
.head .menu ul { list-style:none; margin:0; padding:0; }
.head .menu ul li { list-style:none; margin:0; padding:0; }
.head .menu > ul > li { float:left; position:relative; }
.head .menu > ul > li:before { content:''; width:3px; height:3px; border-radius:50%; z-index:99; background:#5cb27c; position:absolute; left:-1px; top:50%; margin:-2px 0 0; }
.head .menu > ul > li:first-child:before { display:none; }
.head .menu > ul > li > .a { line-height:80px; font-size:24px; font-weight:bold; color:#0e361f; text-transform:uppercase; font-family:Miso, arial, sans-serif; padding:0 15px; margin:0 -3px; border-left:3px solid transparent; border-right:3px solid transparent; display:block; position:relative; z-index:100; transition:300ms ease all; -webkit-transition:300ms ease all; }
.head .menu > ul > li > span.a { cursor:default; }
.head .menu > ul > li:hover > .a { color:#5cb27c; text-decoration:none; background:#fff; border-color:#fff; box-shadow:0 0 3px rgba(0,0,0,0.2); }
.head .menu > ul > li > ul { opacity:0; width:200px; visibility:hidden; overflow:hidden; padding:5px 8px 10px; position:absolute; left:-3px; top:90%; z-index:101; background:#fff; box-shadow:0 2px 3px rgba(0,0,0,0.2); border-radius:0 0 3px 3px; transition:300ms ease all; -webkit-transition:300ms ease all; }
.head .menu > ul > li > ul:before { content:''; position:absolute; left:0; bottom:0; right:0; height:5px; background:#5cb27c; background:linear-gradient(to right,#6fc18b 0%,#4d9a63 50%,#e0c58a 100%); background:-webkit-linear-gradient(left,#6fc18b 0%,#4d9a63 50%,#e0c58a 100%); border-radius:0 0 3px 3px; }
.head .menu > ul > li:hover > ul { top:100%; opacity:1; visibility:visible; }
.head .menu > ul > li > ul > li { border-bottom:1px dashed #e3e3e3; }
.head .menu > ul > li > ul > li:last-child { border:none; }
.head .menu > ul > li > ul > li > .a { font-size:14px; color:#0e361f; padding:6px 7px; display:block; }
.head .menu > ul > li > ul > li > .a:hover { font-weight:bold; text-decoration:none; }
.page { perspective:2000px; min-width:1060px; min-height:100vh; padding:0 0 360px; overflow:hidden; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; }
.page .main { width:1060px; margin:auto; padding:40px 0 20px; position:relative; }
.page .main.loading .side-center { background:#fff url(/i/ajax-loader.svg) no-repeat center; }
.side-center { min-height:500px; width:790px; margin:auto; padding:25px 30px; position:relative; background:#fff; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; border-radius:3px 3px 0 0; }
.side-center:before { content:''; position:absolute; left:0; top:0; right:0; height:4px; background:#5cb27c; background:linear-gradient(to right,#6fc18b 0%,#4d9a63 50%,#e0c58a 100%); background:-webkit-linear-gradient(left,#6fc18b 0%,#4d9a63 50%,#e0c58a 100%); border-radius:3px 3px 0 0; }
.footer { color:#434343; position:relative; left:0; bottom:0; right:0; background:#fff; }
.footer .content { width:1060px; margin:auto; }
.footer .content.mc { min-height:220px; position:relative; padding:30px 0 0; }
.footer .content.mc:before { content:''; width:272px; height:286px; position:absolute; left:-70px; bottom:0; background:url(/i/bg_kid.png) no-repeat; }
.footer .content.mc:after { content:''; width:592px; position:absolute; left:50%; margin:0 0 0 270px; bottom:0; top:0; background:url(/i/bg_footer.jpg) no-repeat top; }
.footer .author { position:relative; }
.footer .author:before { content:''; height:10px; position:absolute; left:0; top:0; right:0; background:#5cb27c; background:linear-gradient(to right,#6fc18b 0%,#4d9a63 50%,#e0c58a 100%); background:-webkit-linear-gradient(left,#6fc18b 0%,#4d9a63 50%,#e0c58a 100%); }
.footer .author .content { padding:28px 0 35px; text-align:right; background:url(/i/ue.png) no-repeat left 21px; }
.footer .author .triso { float:right; color:inherit; }
.footer .author .triso:hover { text-decoration:none; color:#5cb27c; }
.footer .menu-bottom { font-size:11px; padding:0 130px 0 220px; position:relative; z-index:100; }
.footer .menu-bottom ul { list-style:none; margin:0; padding:0 0 20px; }
.footer .menu-bottom ul li { list-style:none; margin:0; padding:0; }
.footer .menu-bottom ul li .a:hover { text-decoration:none; }
.footer .menu-bottom > ul > li { float:left; width:20%; }
.footer .menu-bottom > ul > li > .a { color:#5cb27c; font-size:18px; font-weight:bold; text-transform:uppercase; font-family:Miso, arial, sans-serif; display:inline-block; margin:0 0 5px; }
.footer .menu-bottom > ul > li > .a:hover { color:#0e361f; }
.footer .menu-bottom > ul > li > ul > li { padding:4px 0; }
.footer .menu-bottom > ul > li > ul > li > .a { color:#0e361f; padding:0 15px 0 0; }
.footer .menu-bottom > ul > li > ul > li > .a:hover { font-weight:bold; }
.footer .bottom-social { padding:10px 3px; position:absolute; right:15px; top:25px; z-index:100; background:#c1e6ce; border-radius:20px; box-shadow:1px 1px 2px rgba(0,0,0,0.2); }
.footer .bottom-social a { float:left; display:block; margin:0 7px; background:url(/i/sprites.png) no-repeat; }
.footer .bottom-social a.fb { width:25px; height:25px; background-position:-42px 0; }
.footer .bottom-social a.mail { width:26px; height:21px; margin-top:2px; margin-right:9px; background-position:-68px 0; }
.footer .bottom-social:after { content:''; display:block; clear:both; }
.article img,.article .googlemap,.article iframe { max-width:100%; }
.article ul { list-style:none; margin:15px 0; }
.article ul li { list-style:none; padding:4px 0 4px 10px; position:relative; }
.article ul li:before { content:''; width:3px; height:5px; background:url(/i/sprites.png) no-repeat -47px -27px; position:absolute; left:0; top:10px; }
.tpl-imgs .img { display:inline-block; margin:0 0 10px; position:relative; }
.tpl-imgs a:hover { text-decoration:none; }
.tpl-imgs a .img:before { content:''; visibility:hidden; opacity:0; border-radius:50%; position:absolute; left:0; right:0; top:0; bottom:0; background:rgba(84,185,124,0.6); transition:300ms ease all; -webkit-transition:300ms ease all; }
.tpl-imgs a .img:after { content:''; visibility:hidden; opacity:0; border-radius:50%; position:absolute; left:6px; right:6px; top:6px; bottom:6px; border:1px solid #fff; background:url(/i/txt_more.png) no-repeat center; transition:300ms ease all; -webkit-transition:300ms ease all; }
.tpl-imgs a:hover .img:before { visibility:visible; opacity:1; }
.tpl-imgs a:hover .img:after { visibility:visible; opacity:1; }
.main-panel { width:1060px; height:480px; margin:auto; position:relative; margin:0 0 20px; }
.main-panel .slogan { width:595px; height:240px; position:absolute; left:0; top:50%; margin:-150px 0 0; background:url(/i/slogan_pl.png) no-repeat; }
.main-panel .last-events { position:absolute; right:0; top:-400px; padding:0 10px; z-index:99; transition:400ms ease all 500ms; -webkit-transition:400ms ease all 500ms; }
.main-panel .last-events.tri-slider { top:50px; }
.main-panel .last-events:before { content:''; width:1px; height:90px; position:absolute; left:20px; top:-90px; background:rgba(0,0,0,0.2); }
.main-panel .last-events:after { content:''; width:1px; height:90px; position:absolute; right:20px; top:-90px; background:rgba(0,0,0,0.2); }
.main-panel .last-events .content { width:272px; height:295px; padding:0 10px; margin:0 -10px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; position:relative; z-index:100; background:url(/i/bg_events.png) no-repeat; }
.main-panel .last-events .ttl { margin:0 20px; height:48px; line-height:48px; color:#ede4d9; text-indent:1000px; overflow:hidden; background:url(/i/txt_events_pl.png) no-repeat left 55%; }
.main-panel .last-events .items { height:245px; overflow:hidden; }
.main-panel .last-events .items .item { float:left; }
.main-panel .last-events .dates { height:64px; overflow:hidden; position:absolute; left:0; right:0; top:48px; }
.main-panel .last-events .dates:before { content:''; width:16px; height:17px; background:url(/i/sprites.png) no-repeat -78px -22px; position:absolute; left:42px; top:50%; margin:-8px 0 0 -11px; }
.main-panel .last-events .dates .date { opacity:0; height:64px; width:100%; display:table; position:absolute; left:0; top:-100%; transition:400ms ease all; -webkit-transition:400ms ease all; }
.main-panel .last-events .dates .date .i,.main-panel .last-events .dates .date .d,.main-panel .last-events .dates .date .m,.main-panel .last-events .dates .date .y { text-align:right; font-size:30px; color:#3b2911; font-weight:bold; padding:0 10px 0 8px; display:table-cell; vertical-align:top; border-right:1px solid #d8bc94; border-left:1px solid #fce3c1; }
.main-panel .last-events .dates .date .label { color:#0e361f; font-size:10px; margin:6px 2px -4px; }
.main-panel .last-events .dates .date .i { width:70px; position:relative; border-left:none; }
.main-panel .last-events .dates .date .d,.main-panel .last-events .dates .date .m { width:30px; }
.main-panel .last-events .dates .date .y { border-right:none; }
.main-panel .last-events .dates .date.active { top:0; opacity:1; }
.main-panel .last-events .dates .date.inactive { top:100%; opacity:0; }
.main-panel .last-events .event { padding:65px 0 0; }
.main-panel .last-events .event .info { height:145px; font-family:Kotta One, times, serif; margin:25px 5px; padding:0 20px; overflow:hidden; }
.main-panel .last-events .event .info .title { font-size:19px; font-weight:normal; line-height:1.2; margin:0; padding:0 0 10px; border-bottom:1px dashed #acacac; }
.main-panel .last-events .event .info .desc { color:#fff; padding:10px 0 0; }
.main-panel .last-events .navi .prev { width:47px; height:47px; cursor:pointer; position:absolute; left:-28px; top:50%; background:#fff; border-radius:50%; }
.main-panel .last-events .navi .prev:before { content:''; width:9px; height:14px; background:url(/i/sprites.png) no-repeat -13px -27px; position:absolute; left:17px; top:17px; }
.main-panel .last-events .navi .prev:hover { left:-32px; }
.main-panel .last-events .navi .next { width:47px; height:47px; cursor:pointer; position:absolute; right:-28px; top:50%; background:#fff; border-radius:50%; }
.main-panel .last-events .navi .next:before { content:''; width:9px; height:14px; background:url(/i/sprites.png) no-repeat -23px -27px; position:absolute; left:21px; top:17px; }
.main-panel .last-events .navi .prev.h { animation:prev-out 300ms ease; -webkit-animation:prev-out 300ms ease forwards; }
.main-panel .last-events .navi .prev.h:hover { animation:prev-in 300ms ease forwards; -webkit-animation:prev-in 300ms ease forwards; }
.main-panel .last-events .navi .next.h { animation:next-out 300ms ease; -webkit-animation:next-out 300ms ease; }
.main-panel .last-events .navi .next.h:hover { animation:next-in 300ms ease forwards; -webkit-animation:next-in 300ms ease forwards; }
.main-news { float:left; width:655px; height:400px; position:relative; overflow:hidden; padding:15px 5px; background:#fff; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; border-radius:3px 3px 0 0; }
.main-news:before { content:''; position:absolute; left:0; top:0; right:0; height:4px; background:#5cb27c; background:linear-gradient(to right,#6fc18b 0%,#4d9a63 50%,#e0c58a 100%); background:-webkit-linear-gradient(left,#6fc18b 0%,#4d9a63 50%,#e0c58a 100%); border-radius:3px 3px 0 0; }
.main-news .ttl { margin:0 0 20px 10px; text-indent:1000px; overflow:hidden; background:url(/i/txt_news_pl.png) no-repeat left center; }
.main-news .see-all { float:right; margin:-45px 10px; }
.main-news .items .item { float:left; }
.main-news .news { float:left; width:33.3333%; text-align:center; padding:0 10px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; }
.main-news .news .title { color:#5cb27c; margin-top:0; }
.main-news .news .title a { min-height:40px; line-height:40px; display:block; outline:none; }
.main-news .news .title span { line-height:1.2; vertical-align:middle; display:inline-block; }
.main-news .news .title a:hover span { text-decoration:underline; }
.main-news .news .picture { width:140px; height:140px; margin:15px auto; position:relative; background:#d6d6d6; border-radius:50%; }
.main-news .news .picture img { border-radius:50%; }
.main-news .news .picture a:before { content:''; visibility:hidden; opacity:0; border-radius:50%; position:absolute; left:0; right:0; top:0; bottom:0; background:rgba(84,185,124,0.6); transition:300ms ease all; -webkit-transition:300ms ease all; }
.main-news .news .picture a:after { content:''; visibility:hidden; opacity:0; border-radius:50%; position:absolute; left:6px; right:6px; top:6px; bottom:6px; border:1px solid #fff; background:url(/i/txt_more.png) no-repeat center; transition:300ms ease all; -webkit-transition:300ms ease all; }
.main-news .news .picture a:hover:before { visibility:visible; opacity:1; }
.main-news .news .picture a:hover:after { visibility:visible; opacity:1; }
.main-news .news .desc { height:70px; margin:0 0 8px; font-weight:bold; border-bottom:1px solid #d6d6d6; }
.main-news .news .more { float:right; font-size:11px; font-weight:bold; text-transform:lowercase; margin-right:10px; }
.main-news .news .date { float:left; font-size:11px; color:#7e7e7e; margin-left:10px; padding-left:15px; position:relative; }
.main-news .news .date:before { position:absolute; left:0; top:50%; margin:-6px 0 0; content:''; width:12px; height:12px; background:url(/i/sprites.png) no-repeat 0px -27px; }
.main-news .navi { height:30px; width:62px; position:absolute; right:15px; top:17px; background:#c1e6ce; border-radius:20px; box-shadow:1px 1px 2px rgba(0,0,0,0.2); }
.main-news .navi .prev { float:left; width:30px; height:30px; cursor:pointer; position:relative; border-right:1px solid #6eaf84; }
.main-news .navi .prev:before { content:''; width:6px; height:9px; background:url(/i/sprites.png) no-repeat -33px -27px; position:absolute; left:13px; top:11px; }
.main-news .navi .next { float:left; width:30px; height:30px; cursor:pointer; position:relative; border-left:1px solid #c5e9d1; }
.main-news .navi .next:before { content:''; width:6px; height:9px; background:url(/i/sprites.png) no-repeat -40px -27px; position:absolute; right:13px; top:11px; }
.main-video { float:left; width:385px; height:400px; margin:0 20px 0 0; position:relative; padding:15px; background:#fff; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; border-radius:3px 3px 0 0; }
.main-video:before { content:''; position:absolute; left:0; top:0; right:0; height:4px; background:#5cb27c; background:linear-gradient(to right,#6fc18b 0%,#4d9a63 50%,#e0c58a 100%); background:-webkit-linear-gradient(left,#6fc18b 0%,#4d9a63 50%,#e0c58a 100%); border-radius:3px 3px 0 0; }
.main-video h2 { margin:0 0 20px; text-indent:1000px; overflow:hidden; white-space:nowrap; background:url(/i/txt_video_pl.png) no-repeat left center; }
.main-video h3 { color:#5cb27c; font-size:14px; }
.main-video .video iframe { max-width:100%; max-height:245px; }
.gallery-page { margin:0 -10px; }
.gallery-page .gallery-top { margin:0 0 10px; }
.gallery-page .gallery-top .swiper-slide { height:500px; }
.gallery-page .image { position:relative; }
.gallery-page .image .gallery-navi { width:50px; height:50px; cursor:pointer; position:absolute; top:50%; margin:-25px 0 0; z-index:100; background:#fff; border-radius:50%; }
.gallery-page .image .gallery-prev { left:-35px; }
.gallery-page .image .gallery-prev:before { content:''; width:9px; height:14px; background:url(/i/sprites.png) no-repeat -13px -27px; position:absolute; left:19px; top:19px; }
.gallery-page .image .gallery-next { right:-35px; }
.gallery-page .image .gallery-next:before { content:''; width:9px; height:14px; background:url(/i/sprites.png) no-repeat -23px -27px; position:absolute; left:22px; top:19px; }
.gallery-page .gallery-thumbs { height:170px; }
.gallery-page .gallery-thumbs .swiper-slide { width:250px; height:100%; opacity:0.4; }
.gallery-page .gallery-thumbs .swiper-slide-active { opacity:1; }
.gallery-page .gallery-thumbs.is-first .swiper-wrapper { transform:none !important; -webkit-transform:none !important; }
.sub-menu { position:relative; margin:-20px -30px 20px; padding:0 14px; border-bottom:1px solid #d6d6d6; }
.sub-menu:after { content:''; display:block; clear:both; }
.sub-menu ul { list-style:none; margin:0; padding:0; }
.sub-menu ul li { list-style:none; margin:0; padding:0; }
.sub-menu ul li .a { float:left; color:inherit; font-size:14px; display:block; padding:18px 13px; transition:300ms ease all; -webkit-transition:300ms ease all; }
.sub-menu ul li .a:hover { color:#5cb27c; text-decoration:none; }
.sub-menu ul li .a.current { color:#5cb27c; margin:0 0 -1px; border-left:1px solid #d6d6d6; border-right:1px solid #d6d6d6; border-bottom:1px solid #fff; }
.sub-menu .navi { position:absolute; right:15px; top:50%; margin:-20px 0 0; }
.sub-menu .navi a { float:left; display:block; width:40px; height:40px; margin:0 0 0 5px; position:relative; background:#c1e6ce; border-radius:50%; box-shadow:1px 1px 2px rgba(0,0,0,0.2); }
.sub-menu .navi a.prev:before { content:''; width:9px; height:14px; background:url(/i/sprites.png) no-repeat -13px -27px; position:absolute; left:14px; top:15px; }
.sub-menu .navi a.next:before { content:''; width:9px; height:14px; background:url(/i/sprites.png) no-repeat -23px -27px; position:absolute; left:17px; top:15px; }
.box-banner { padding:0 0 20px; text-align:center; overflow:hidden; }
.box-banner img,.box-banner object { max-width:100%; height:auto !important; }
.bg-banner { text-align:center; position:fixed; left:0; top:0; right:0; bottom:0; z-index:-1; overflow:hidden; }
.bg-banner .banner { overflow:hidden; }
.bg-banner .banner-next { position:absolute; left:0; top:0; right:0; bottom:0; }
.bg-banner img { width:auto; min-width:100%; min-height:100vh !important; margin:0 -1000px; }
.contact-map { display:none; position:absolute; position:absolute !important; left:0; top:0; right:0; bottom:0; z-index:-1; overflow:hidden; }
.page-contact { float:left; width:385px; }
.page-contact-right { float:left; width:0; margin:0 0 0 15px; overflow:hidden; }
.page-contact-right .content { width:660px; padding:25px 30px; position:relative; background:#fff; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; border-radius:3px 3px 0 0; }
.page-contact-right .content:before { content:''; position:absolute; left:0; top:0; right:0; height:4px; background:#5cb27c; background:linear-gradient(to right,#6fc18b 0%,#4d9a63 50%,#e0c58a 100%); background:-webkit-linear-gradient(left,#6fc18b 0%,#4d9a63 50%,#e0c58a 100%); border-radius:3px 3px 0 0; }
.pt-page-flipOutRight { -webkit-transform-origin:50% 50%; transform-origin:50% 50%; -webkit-animation:flipOutRight .5s both ease-in; animation:flipOutRight .5s both ease-in; }
.pt-page-flipInLeft { -webkit-transform-origin:50% 50%; transform-origin:50% 50%; -webkit-animation:flipInLeft .5s both ease-out; animation:flipInLeft .5s both ease-out; }
@-webkit-keyframes flipOutRight { to {  -webkit-transform:translateZ(-1000px) rotateY(90deg);  opacity:0.2;  }
 }
@keyframes flipOutRight { to {  -webkit-transform:translateZ(-1000px) rotateY(90deg);  transform:translateZ(-1000px) rotateY(90deg);  opacity:0.2;  }
 }
@-webkit-keyframes flipInLeft { from {  -webkit-transform:translateZ(-1000px) rotateY(-90deg);  opacity:0.2;  }
 }
@keyframes flipInLeft { from {  -webkit-transform:translateZ(-1000px) rotateY(-90deg);  transform:translateZ(-1000px) rotateY(-90deg);  opacity:0.2;  }
 }
@keyframes prev-in { 0% {  left:-28px;  z-index:0;  }
 50% {  left:-47px;  z-index:101;  }
 100% {  left:-35px;  z-index:101;  }
 }
@-webkit-keyframes prev-in { 0% {  left:-28px;  z-index:0;  }
 50% {  left:-47px;  z-index:101;  }
 100% {  left:-35px;  z-index:101;  }
 }
@keyframes prev-out { 0% {  left:-35px;  z-index:101;  }
 50% {  left:-47px;  z-index:101;  }
 100% {  left:-28px;  z-index:0;  }
 }
@-webkit-keyframes prev-out { 0% {  left:-35px;  z-index:101;  }
 50% {  left:-47px;  z-index:101;  }
 100% {  left:-28px;  z-index:0;  }
 }
@keyframes next-in { 0% {  right:-28px;  z-index:0;  }
 50% {  right:-47px;  z-index:101;  }
 100% {  right:-35px;  z-index:101;  }
 }
@-webkit-keyframes next-in { 0% {  right:-28px;  z-index:0;  }
 50% {  right:-47px;  z-index:101;  }
 100% {  right:-35px;  z-index:101;  }
 }
@keyframes next-out { 0% {  right:-35px;  z-index:101;  }
 50% {  right:-47px;  z-index:101;  }
 100% {  right:-28px;  z-index:0;  }
 }
@-webkit-keyframes next-out { 0% {  right:-35px;  z-index:101;  }
 50% {  right:-47px;  z-index:101;  }
 100% {  right:-28px;  z-index:0;  }
 }
.popup-rodo { visibility:hidden; opacity:0; position:fixed; z-index:9998; top:0; bottom:0; left:0; right:0; padding:0; background:rgba(0,0,0,0.7); transition:opacity 500ms; }
.popup-rodo.open { visibility:visible; opacity:1; }
.popup-rodo .popup { position:absolute; left:0; right:0; top:50%; transform:translateY(-50%); max-width:640px; max-height:70%; margin:auto; padding:30px 40px; background:#fff; border-radius:15px; overflow-y:auto; transition:all 500ms ease-in-out; }
.popup-rodo .popup .content { padding:0; line-height:1.4; color:#000; }
.popup-rodo .popup .content h1:first-child { margin-top:0; padding-top:0; }
.popup-rodo .popup .content .button.right { margin-left:4px; }
.win { position:fixed; left:0; top:0; right:0; bottom:0; z-index:10000; }
.win .win-content { width:600px; max-width:95%; max-height:80%; margin:auto; position:absolute; top:10%; left:0; right:0; overflow:auto; z-index:10002; box-shadow:0 0 0 1px #fff inset; background:#fff; animation:win-show 300ms ease; -webkit-animation:win-show 300ms ease; }
.win .win-cnt { min-height:100px; padding:20px; position:relative; }
.win .win-cnt.loading:before { content:''; position:absolute; left:0; top:0; right:0; bottom:0; z-index:100; background:rgba(255,255,255,0.5); }
.win .win-bg { position:fixed; left:0; top:0; right:0; bottom:0; background:rgba(0,0,0,0.4); z-index:10001; }
.win .win-close { width:15px; height:15px; line-height:15px; font-size:20px; position:absolute; right:15px; top:18px; cursor:pointer; }
.win .win-close:hover { opacity:0.8; }
.win .hdr { font-size:16px; font-weight:bold; margin:-20px -20px 20px; padding:15px 40px 15px 20px; border-bottom:1px solid #d6d6d6; }
@keyframes win-show { 0% {  transform:scale(0);  }
 100% {  transform:scale(1);  }
 }
@-webkit-keyframes win-show { 0% {  -webkit-transform:scale(0);  }
 100% {  -webkit-transform:scale(1);  }
 }