@font-face { font-family: 'SlatePro-Thin'; src: url(../fonts/SlatePro-Thin.otf);font-display: swap;}
@font-face { font-family: 'SlatePro-Medium';  src: url(../fonts/SlatePro-Medium.otf);font-display: swap;}
@font-face { font-family: 'SlatePro-Bold'; src: url(../fonts/SlatePro-Bold.otf);font-display: swap;}
@font-face { font-family: 'SlatePro-CondBold'; src: url(../fonts/SlatePro-CondBold.otf);font-display: swap;}
@font-face { font-family: 'SlatePro-CondBook'; src: url(../fonts/SlatePro-CondBook.otf);font-display: swap;}
@font-face { font-family: 'SlateProLight'; src: url(../fonts/Monotype-SlateProLight.otf);font-display: swap;}
@font-face { font-family: 'SlateProBook';  src: url(../fonts/Monotype-SlateProBook.otf);font-display: swap;}
body { margin:0;background-image:url(../images/zima-2026/bgs.webp); background-color:#d2e2ef;} 
nav {width:100%; max-width:1200px; overflow:hidden; margin:0 auto; background: #fff; text-align: center; position: relative;}
nav a.logo { display:block; width:200px; height: 50px; overflow:hidden; background: url(../images/ikar-b.svg) no-repeat left top; position: absolute; left:5%; top:14px;}
nav .m a { display:inline-block; text-decoration:none; box-sizing:border-box; padding:6px 10px 15px 11px; color:#147a99; font-family: SlateProLight, Arial, sans-serif; 
	letter-spacing:1px; font-size: 18px;}
nav .m a:hover { text-decoration: underline; text-underline-offset:3px;}
nav .m { width: 61%; height:30px; padding: 0 2%; overflow: hidden;border-left: 1px solid #3babeb; border-right: 1px solid #3babeb; margin: 26px auto;}
nav .sm { width:auto; height:auto; position: absolute; right:4%; top:19px;}
nav .sm .ico span { display:inline-block; background-repeat:no-repeat; background-size:contain; }
nav .sm .ico-facebook { background-image:url(../images/ico-fb-d.svg); width:34px; height:38px;background-position:right top;}
nav .sm .ico-instagram { background-image:url(../images/instagram_icon.svg); width:34px; height:34px;background-position:center center;}
nav .sm .ico-youtube{ background-image:url(../images/ico-yt-d.svg);width:38px; height:38px;background-position:center center; margin-left:3px}

.wrap { width:96%; max-width:1200px; height:auto; overflow:hidden; margin:0 auto; }
.bl { width:100%;overflow:hidden;} section { width:100%;overflow:hidden;}
.lb { width:94%; padding:1em 3% 1em 3%; overflow:hidden; background-image: linear-gradient(0deg, rgba(233, 242, 250, 0.75), rgba(233, 242, 250, 0.75)), url(../images/bg.webp);}
.tit article { width:100%; height:auto; overflow:hidden; text-align:center; background-size:cover; padding-bottom:10px; 
	background-image: linear-gradient(0deg, rgba(233, 242, 250, 0.75), rgba(233, 242, 250, 0.75)), url(../images/bg.webp);}
.tit article a { text-decoration:none; display:inline-block; width:19%; height:462px;; overflow:hidden; margin:3px 0 8px 0; position:relative; }	
.tit article a .i { width:100%; height:350px; overflow:hidden; position:relative;  }
.tit article a .i img { width:88%; height:auto; transition:all ease-in-out .5s; display:block; position:absolute; left:5%; bottom:18px; box-shadow:5px 5px 10px #888; }
.tit article a:hover .i img { width:94%; left:2%; bottom:12px;}
.tit article a h3 { font-size:17px; color:#000; font-family: SlatePro-Bold, Arial, sans-serif; margin:4px 0 0 0;}
.tit article a h3 span {color: #00a5d4; text-transform:uppercase;}
.tit article a p { color:#000; font-family: SlatePro-Bold, Arial, sans-serif; margin:1px 0;}
.tit article a h4 { width:40px; height:40px; margin:0; font-weight:normal; text-align:center; border-radius:50%; color:#fff; font-size:20px; line-height:40px; text-indent:.2em;
	background:rgba(50,50,50,.6); position:absolute; top:310px; left:50%; margin-left:-20px;font-family: SlatePro-Bold, Arial, sans-serif;}

.pol article { width:94%; height:auto; padding:30px 3%; overflow:hidden; background:#fff; position:relative;}
.pol article .i { width:44%; height:auto; overflow:hidden; float:left; margin-right:2.5%; }
.pol article .i img { width:100%; height:auto; }
.pol article h1 { font-size:34px; color: #00a5d4;font-family: SlateProBook, Arial, sans-serif; margin:.5em 0 .1em;}
.pol article h2 { font-size:24px; color:#888; font-family: SlateProBook, Arial, sans-serif; margin:.4em 0}
.pol article h3 { font-size:20px; color:#666; font-family: SlateProBook, Arial, sans-serif; margin:1em 0 .8em 0}
.pol article .c { font-size:24px; font-family: SlatePro-Medium, Arial, sans-serif; margin:.2em 0 .85em 0}
.pol article .pr { word-spacing:12px;}
.pol article .anot { font-size:18px; font-family: SlateProLight, Arial, sans-serif; line-height:1.4;}
.pol article ul { margin-left:-1em}
.pol article li {font-family: Arial, sans-serif; line-height:1.4;}
.pol article .spat { position:absolute; top:8px; right:15px; color: #00a5d4; cursor:pointer; font-family: SlatePro-Medium, Arial, sans-serif;}
.pol article .spat:hover { color:#0085b4;}

.pol .kvdk { width:100%; height:auto; overflow:visible; position:relative; text-align:center; margin-top:-30px; padding-bottom:20px; background:#fff;}
.pol .kvdk div { position:absolute; top:-30px; right:1%; width:30%; height:170px; background:url(../images/knizne-2024/kometa-mala-500-rot.webp) no-repeat top right; background-size:contain;}
.pol .kvdk h3 {font-size:20px;color:#fff;font-family:SlateProBook, Arial, sans-serif; padding:18px 0; margin:30px 0 30px 0; letter-spacing:1px;
	background-image:linear-gradient(#0084b5,#3e93bd);}
.pol .kvdk.c h3 { background-image:linear-gradient(#dd1646,#ed1656); margin-top:0;}
.pol .kvdk.c div { top:-30px;}
.pol .kvdk a {display:inline-block; margin:5px 20px;}
.pol .kvdk .b { width:142px; height:70px; background: url(../images/shops/bux.gif); background-size:cover;}
.pol .kvdk .s { width:200px; height:62px; margin-bottom:2px; background: url(../images/shops/stonozka.jpg); background-size:cover;}
.pol .kvdk .g { width:112px; height:56px; margin-bottom:4px; background: url(../images/shops/gorila.png); background-size:cover; /* 140 70 */}
.pol .kvdk .m { width:82px; height:70px; background: url(../images/shops/martinus.gif); background-size:cover;}
.pol .kvdk .p { width:98px; height:70px; background: url(../images/shops/panta-rhei.gif); background-size:cover;}

.pol .kom { width:95%; overflow:hidden; background-image: linear-gradient(#0083b4, #00a5d4); padding:10px 3% 30px 2%;}
.pol .kom {font-family: SlateProLight,Arial, sans-serif;font-size:19px; font-weight:200; line-height:1.4; font-style:italic; color:#fff; }
.pol .kom p { margin-right:1%;}
.pol .kom .c1 { width:23%; min-width:173px; padding:0 3% 2px 0; overflow:hidden; float:left; }
.pol .kom .c1 .bf { width:100%; overflow:hidden; position:relative; margin:20px 0 2px 0; text-align:center;}
.pol .kom .c1 .bf .r { width:155px; height:155px; padding:8px; border-radius:50%; border:1px solid #fff; margin:0 auto; position:relative;}
.pol .kom .c1 .bf .f { width:155px; height:155px; overflow:hidden; text-align:center; border-radius:50%;}
.pol .kom .c1 .bf .f img { width:100%;}
.pol .kom .c1 .bf h4 { font-size:19px; margin:10px 0 10px 0;  text-align:center;}
.pol .kom .c1 .bf .u { position:absolute; left:-4%;; top:-4%; font-size:46px; color:#7ed2e8; font-family: SlatePro-Bold,Arial, sans-serif;}
.pol .kom p.m { margin:5px 0;}

footer { width:96%; max-width:1200px; height:auto; padding:8px 0; overflow:hidden; margin:0 auto; color:#fff; background:#333; }
footer h4 { font-family: SlateProLight, Arial, sans-serif; margin:0.1em 0 .5em; }
footer a { color:#fff; text-decoration:none; font-family: SlateProLight, Arial, sans-serif; }
footer a:hover { color:#fff; text-decoration:underline; }
footer .m { width:94%; height:auto; overflow:hidden; padding:16px 0; margin:0 auto; line-height:1.4; }
footer .c { width:23%; height:auto; overflow:hidden; margin:0 0 0 1%; float:left; }
footer .c:first-child { width:26%; margin:0 1% 0 0;}
footer .c:first-child a img { width:auto; max-width:100%; height:auto;}
footer .c.o a { display:block; padding:1px 0;}
footer .b { width:94%; height:auto; overflow:hidden; padding:4px 0; margin:0 auto; border-top:1px solid #fff; font-family: SlateProLight, Arial, sans-serif;}
footer .b em { font-style:normal;}
footer .b .ico span{ float:right;}

footer .ico span { display:inline-block; background-repeat:no-repeat; background-size:contain; }
footer .ico-facebook { background-image:url(../images/ico-fb.svg); width:34px; height:38px;background-position:right top;}
footer .ico-instagram { background-image:url(../images/ico-ig.svg); width:36px; height:36px;background-position:center center;}
footer .ico-youtube{ background-image:url(../images/ico-yt.svg);width:38px; height:38px;background-position:center center; margin-left:3px}
/*.ico-basket:before { content: "\f291"; font-size:16px; color:#00b872;}
.ico-login:before { content: "\f007"; }
.ico-search:before { content: "\f002";}*/

@keyframes dual { 0%,100% {color:#00a2eb;} 50%{color:#ff0000;}}
@keyframes hup { 0%,100% {margin-left:-20%;} 50%{margin-left:20%;}} a.nl {text-decoration:none;}

.ban {width:100%; height:900px; overflow:hidden; background:#038cac radial-gradient(at 50% 85%, #8ee2f8,#038cac);position:relative;background-position:center center; background-size:cover;}
.ban .bg { width:75%; height:100%; position:absolute; left:0; top:15px; background:url(../images/zima-2025/kav2.webp) center top no-repeat; background-size:contain; }
.ban h1 { text-align:center; font-weight:400; color:#fff; font-size:85px; letter-spacing:.2em; font-family: SlateProBook, Arial, sans-serif; margin-top:50px;}
.ban h1 span {font-family: SlatePro-Thin, Arial, sans-serif; }
.ban .c { width:270px; overflow:hidden;font-family: SlateProBook, Arial, sans-serif; text-align:center; position:absolute; right:9%; bottom:70px;}
.ban .osl { width:100%; overflow:hidden; color:#fff; line-height:1.5; font-size:26px; letter-spacing:.2em;font-family: SlatePro-Thin, Arial, sans-serif; margin:1em 0;}
.ban .sutaz { width:100%; overflow:hidden; box-sizing:border-box; border-left:1px solid #fff; border-right:1px solid #fff; margin:1.5em auto 4.5 auto;}
.ban .sutaz div {color:#fff; line-height:1.5; font-size:23px; letter-spacing:.1em;font-family: SlatePro-Thin, Arial, sans-serif;}
.ban .sutaz div strong { font-weight:400; font-family: SlateProBook, Arial, sans-serif;}
.ban .sutaz div span { font-size:1.25em;}
.ban h2 { color:#fff; text-align:center; font-weight:400; font-size:48px;letter-spacing:.3em; text-indent:.3em; margin:0 0 .2em 0;}
.ban .kd { position:absolute; width:100%; height:auto; left:0; bottom:0; color:#fff; text-align:center; font-size:32px; letter-spacing:.1em; margin:.5em 0 1em 0;font-family: SlatePro-Thin, Arial, sans-serif;;}
.ban a.btn {display:inline-block;width:100%;box-sizing:border-box;padding:.8em 1.5em .8em 5px;text-align:center;text-decoration:none;border-radius:16px;
font-size:21px;letter-spacing:.1em;line-height:1.2; background-repeat:no-repeat; background-position:96% 51%; background-size:1em;}
.ban a.btn.r {color:#0091ae; background-color:#fff;margin-top:1em; background-image:url(../images/ico-rarr-blue.svg);}
.ban a.btn.r:hover {color:#fff; background-color:#016c8c;}
.ban a.btn.k {color:#fff; background-color:#038cac;margin-top:.5em;background-image:url(../images/ico-rarr3.svg);}
.ban a.btn.k:hover {background-color:#016c8c;}
.ban .tt {color:#fff; text-align:center; font-size:17px; margin:1.2em 0 1.7em 0;font-family: SlatePro-Thin, Arial, sans-serif;}
.ban .bt { text-align:center;}
.ban .bt a { text-decoration:none; display:inline-block; padding:8px 20px; color:#fff; background:#ed1656; border-radius:6px; font-size:17px; text-shadow:1px 1px 2px #666;}
.ban .os { text-align:center; margin-top:1.5em; padding-left:1em; color:#ed1656;}
.ban .os a {  display:inline-block; padding:2px; margin-right:.8em; text-decoration:none;color:#fff;font-family: SlatePro-Thin, Arial, sans-serif;}
.ban .os a:last-child{ margin-right:0;}
.ban .os a:hover { text-decoration:underline; }
.ban .sutaz .s p { text-align:center; color:#fff; font-size:1.2em;}
.ban .fg { width:66%; height:100%; position:absolute; left:0; top:0; overflow:hidden;}

.banl { width:100%; height:auto; overflow:hidden; background-color:#038cac; background-image: radial-gradient(#7ed2e8,#038cac); position:relative;}
.banl h2 {text-align:center;font-weight:400;color:#fff;font-size:80px;letter-spacing:.3em;padding-left:.4em;font-family:SlateProBook,Arial,sans-serif;margin:70px 0 .5em 0;}
.banl h2 span {font-family: SlatePro-Thin, Arial, sans-serif;}
.banl p { text-align:center; font-weight:400; color:#fff; font-size:40px; letter-spacing:.2em; padding-left:.4em; font-family: SlateProBook, Arial, sans-serif; margin:1.4em 0;}
.banl p span {font-family: SlatePro-Thin, Arial, sans-serif; }
.banl .ilb { width:100%; height:400px; overflow:hidden; position:relative; margin:10px 0; }
.banl .d { width:90px; height:80px; overflow:hidden; background:url(../images/leto-2025/dot.webp) no-repeat; background-size:contain; position:absolute; left:25%; top:0;}
.banl .i { width:17%; height:320px; overflow:hidden; background:url(../images/leto-2025/i.webp) no-repeat; background-size:contain; position:absolute; left:15%; top:85px;}
.banl .l { width:24%; height:320px; overflow:hidden; background:url(../images/leto-2025/l.webp) no-repeat; transform:scaleY(96%); background-size:contain; position:absolute; left:32.7%; top:88px;}
.banl .b { width:28%; height:320px; overflow:hidden; background:url(../images/leto-2025/b.webp) no-repeat; background-size:contain; position:absolute; left:59%; top:85px;}
.banl a.btn {display:inline-block;width:260px;box-sizing:border-box;padding:.8em 1.5em .8em 5px;text-align:center;text-decoration:none;border-radius:16px;
font-size:21px;letter-spacing:.1em;line-height:1.2; background-repeat:no-repeat; background-position:96% 51%; background-size:1em;}
.banl a.btn.k {color:#fff; background-color:#038cac;margin-top:.5em;background-image:url(../images/ico-rarr3.svg);}
.banl a.btn.k:hover {background-color:#016c8c;}

#kdv {background-image: /*linear-gradient(rgba(50, 146, 179, 0.5), rgba(50, 146, 179, 0.5)),*/ url("../images/zima-2026/bgm.webp"); background-repeat: no-repeat; background-position:  center top; background-color: #2e87a7; background-size: cover; background-blend-mode: screen; padding: 60px 0 30px 0;}
#kdv h1 { text-align:center; font-weight:normal; color:#fff; font-size:83px; letter-spacing:.1em; font-family: SlatePro-Book, Arial, sans-serif; line-height: 1;margin: .2em 0 .35em 0;}
#kdv h1 span {font-family: SlatePro-Thin, Arial, sans-serif;}
#kdv h2 {text-align:center; font-weight:normal; color:#fff; font-size:26px; letter-spacing:.1em;font-family: SlatePro-Thin, Arial, sans-serif; }
#kdv .c1 {width:43%;height:500px;overflow:hidden; margin:2em 0 2em 4%;position: relative;float: left; }
#kdv .c1 div {width:500px;height:500px;background:url("../images/zima-2026/vlocka.webp") no-repeat center center;background-size: contain;animation: vr 60s linear infinite; }
#kdv .c1 a {display:block;width:100px;height:100px;border-radius:50%;position:absolute;left:50%;top:50%;background:#0188a6;border:3px solid #fff;text-align:center;color:#fff; text-decoration: none;letter-spacing:1px;box-sizing:border-box; padding-top:1.6em; font-family:SlatePro-CondBold, Arial, sans-serif;font-size:19px;line-height:1; margin:-52px 0 0 -56px;}
#kdv .c1 a span {font-family: SlatePro-Thin, Arial, sans-serif;}
#kdv .vm {width:200px;height:200px;overflow:hidden;background:url("../images/zima-2026/vlocka-m.webp") no-repeat center center;position:absolute;background-size: contain;top:40px; right:15%;}
#kdv .c2 {width:50%;overflow:hidden;margin:4em 3% 2em 0;text-align:center; }
#kdv h3 { font-weight:normal; color:#fff; font-size:37px; letter-spacing:1px; font-family: SlatePro-Medium, Arial, sans-serif; margin: .5em 0;}
#kdv h3 span { font-size:29px; font-family: SlatePro-Thin, Arial, sans-serif;}
#kdv h4 { font-weight:normal; color:#fff; font-size:37px; letter-spacing:1px; font-family: SlatePro-Medium, Arial, sans-serif; margin: .5em 0; line-height: 1.3;}
#kdv h4 span { font-size:60px;}
#kdv .b { width: 80%; padding: .7em .8em; overflow: hidden; color:#0188a6; background: #fff; border-radius: 16px; font-size:26px; letter-spacing:1px; font-family: SlatePro-Medium, Arial, sans-serif; margin: .5em auto; line-height: 1.4;}
#kdv .btns { width: 100%; padding: 1.5em 0; overflow: hidden; text-align: center; margin: .5em auto; }
#kdv .btns a { display: inline-block; padding:.6em 1em; color:#fff; background: #0188a6; border-radius: 16px; font-size:25px; letter-spacing:1px; font-family: SlatePro-Thin, Arial, sans-serif; text-decoration: none;} #kdv .btns a span { font-size:.9em; margin-left: 8px;}

#kavb {background: url("../images/zima-2026/kav_bg.webp"); background-color: #dbf2fc;background-size: cover; padding: 15px 0 55px 0;}
#kavb h2 { text-align:center; font-weight:normal; color:#147a99; font-size:65px; letter-spacing:.1em; font-family: SlatePro-Medium, Arial, sans-serif; margin-top:50px;margin: .5em 0;}
#kavb h2 span {font-family: SlatePro-Thin, Arial, sans-serif; }
#kavb .c1 {display:block;width:61%;height: 320px;overflow:hidden;background:url("../images/zima-2026/kometa.webp") no-repeat center center; margin:0 0 0 4%;
	position: relative;float: left; background-size: contain;}
#kavb .c1 a {display:block;width:92px;height:92px;  border-radius: 50%; position: absolute; left: 13.2%; top:37.7%;background: radial-gradient(circle at 35% 35%, #43a5c7 0%, #3395b7 70%, #2e87a7 100%); box-shadow: inset -2px -2px 6px rgba(0, 0, 0, 0.4); border: 3px solid #fff; text-align: center; color: #fff; text-decoration: none; box-sizing: border-box; padding-top: 1.6em; font-family: SlatePro-CondBold, Arial, sans-serif; font-size: 19px; line-height: 1;}
#kavb .c2 {display:block;width:35%;height:auto;overflow:hidden; float: left;position: relative; margin-top: 73px;}
#kavb .c2 h3, #kavb h4 {color:#147a99; letter-spacing: 1px; margin: .3em 0;}
#kavb .c2 h3 {font-size:45px; font-weight: normal; font-family: SlatePro-CondBold, Arial, sans-serif; line-height: 1; }
#kavb .c2 h4 {font-size:29px; font-weight: normal; font-family: SlatePro-CondBook, Arial, sans-serif; }
#kavb .c2 a {display:block;width:80px;height:80px; border-radius: 50%; position: absolute; left: 66%; top:27%;  background: radial-gradient(circle at 35% 35%, #43a5c7 0%, #3395b7 70%, #2e87a7 100%); box-shadow: inset -2px -2px 6px rgba(0, 0, 0, 0.4);text-align: center; color: #fff; text-decoration: none; font-size: 37px;box-sizing: border-box; padding: .37em 0 0 .1em; }

.gr { width:100%; padding:3em 4% 1em 1%; box-sizing:border-box; overflow:hidden;/*background: radial-gradient(circle, #017ab1 0%, #0271a8 60%, #0275ae 100%);*/ background: url("../images/zima-2026/bgm.webp") no-repeat center top; background-color: #2e87a7; background-size: cover; background-blend-mode: screen;position: relative;}
.gr p { font-family:SlateProLight,Arial,sans-serif; padding:5px;color:#fff;text-align:justify; line-height:1.4; font-size:19px; font-style:italic;  }
.gr p span { font-style: normal;font-family:SlateProBook,Arial,sans-serif; font-size: 1.1em;}
.gr .c1 { width:23%; padding:20px 2% 2px 1%; overflow:hidden; float:left; }
.gr .c1 .l { text-align:center;}
.gr .c1 .l img { width:90%;}
.gr .c1 .bf { width:100%; overflow:hidden; position:relative; margin:2em 0 1em 0; font-family: SlateProLight,Arial, sans-serif; color:#fff; text-align:center;}
.gr .c1 .bf .r { width:155px; height:155px; padding:5px; border-radius:50%; border:1px solid #fff; margin:0 auto;}
.gr .c1 .bf .f { width:155px; height:155px; background:url(../images/zima-2026/bp.webp) no-repeat center center; background-size:cover; border-radius:50%; margin:0 auto;}
.gr .c1 .bf .h {width:200px;height:200px;background:url("../images/zima-2026/vlocka-m.webp") no-repeat center center;background-size:contain; margin:1em auto 2px auto;animation: vr 60s linear infinite;}
.gr .c1 .bf h4 { font-size:20px; margin-bottom:2px; font-weight:400;}
.gr .c1 .bf p { font-size:17px; margin:4px 0; line-height:1.4; text-align:center;}
.gr .c1 .bf .u { position:absolute; left:15%; top:0; font-size:46px; color:#7ed2e8; font-family: SlatePro-Bold,Arial, sans-serif;}
.gr .c2 { width:70%; padding:1em 2%; overflow:hidden; float:left; color:#fff; }
.gr  h2 { font-family: SlateProBook,Arial, sans-serif; font-size:30px; letter-spacing:1px; color:#fff; margin-top: 30px; }
.gr p.sp { min-height: 12em;}
.gr .bal { width: 74%; overflow: hidden; position: absolute; right:3%; bottom:3em; text-align: center;}
.gr .bal a { display: inline-block; width: 31%; height:265px; margin-left:-0.9%; overflow: hidden; background-repeat:no-repeat; background-position: center bottom; background-size: contain; }
.gr .bal a:nth-child(1) {background-image:url(../images/zima-2026/bal11.webp)}
.gr .bal a:nth-child(2) {background-image:url(../images/zima-2026/bal21.webp)}
.gr .bal a:nth-child(3) {background-image:url(../images/zima-2026/bal32.webp)}
/*
.gr .vl div {width:120px; height:120px; position: absolute; background-repeat: no-repeat; background-position: center center;background-image:url(../images/zima-2026/vl120.webp) }
.gr .vl div:nth-child(1) {left: -0.4%; top:-0.8%; background-size:53%;}
.gr .vl div:nth-child(2) { left: 16.6%; top:.2%; background-size:61%;}
.gr .vl div:nth-child(3) { left: 16.6%; top:14%; background-size:52%;}
.gr .vl div:nth-child(4) { left: -1%; top:30%; background-size:40%;}
.gr .vl div:nth-child(5) { left: 0%; top:44%; background-size:52%;}
.gr .vl div:nth-child(6) { left: 16.9%; top:53%; background-size:55%;}
.gr .vl div:nth-child(7) { right: 4%; top:.6%; background-size:50%;}
.gr .vl div:nth-child(8) { right: 8%; top:44%; background-size:60%;}
.gr .vl div:nth-child(9) { left: 52%; top:48.8%; background-size:46%;}
.gr .vl div:nth-child(10) { left: 40%; top:60%; background-size:62%;}
*/

.spk { width:100%; height:1px; overflow:hidden;}
.knizne {width:96%; max-width:1200px; box-sizing:border-box; overflow:hidden; margin:20px auto; box-shadow:0 0 12px #555; border:1px solid #222;
	background-image:linear-gradient(0deg, rgba(233, 242, 250, 0.75), rgba(233, 242, 250, 0.75)), url(../images/bg.webp); position:relative;}
.knizne .bp { width:100%; height:36px; overflow:hidden; margin:40px 0 30px 0; position:relative;}
.knizne .bg { width:100%; height:26px; overflow:hidden;background-image: linear-gradient(90deg,#0083b4,#00a4d7); position:absolute; left:0; top:6px;}
.knizne h2 { width:auto; padding:0 12px; margin:0; position:absolute;left:13%; top:0; font-size:34px; font-family: SlateProLight,Arial, sans-serif; font-weight:400; letter-spacing:2px;
	 background-image:linear-gradient(0deg, rgba(233, 242, 250, 0.75), rgba(233, 242, 250, 0.75)), url(../images/bg.webp); color:#00adee;}	
.knizne h2 span {font-family: SlatePro-Bold,Arial, sans-serif;}
.knizne .bl { text-align:center; margin-bottom:30px; word-spacing:-2px; letter-spacing:0;}

.knizne a { text-decoration:none; display:inline-block; width:19.5%; height:402px; overflow:hidden; margin:3px 0 8px 0; position:relative; text-align:center; }	
.knizne a .i { width:100%; height:282px; overflow:hidden; position:relative;  }
.knizne a .i img { width:105%; height:auto; transition:all ease-in-out .6s; display:block; position:absolute; left:-2.5%; bottom:10px; }
.knizne a:hover .i img { width:112%; left:-6%; bottom:12px;}
.knizne a .i img.m { width:90%;left:5%; } .knizne a:hover .i img.m { width:98%;left:1%;}
.knizne a .i img.v { width:80%;left:10%; } .knizne a:hover .i img.v { width:84%;left:8%;}
.knizne a .i img.x { width:68%;left:16%; } .knizne a:hover .i img.x { width:74%;left:13%;}
.knizne a h3 { font-size:17px; color:#000; font-family: SlatePro-Bold, Arial, sans-serif; margin:4px 0 0 0; word-spacing:.2em;}
.knizne a h3 span {color: #00a5d4; text-transform:uppercase;}
.knizne a p { color:#000; font-family: SlatePro-Bold, Arial, sans-serif; margin:1px 0;}

.knizne .s1 { position:absolute; top:0; right:3%;  width:25%; height:150px; background:url(../images/knizne-2024/kometa-mala-500-rot.webp) no-repeat; background-size:contain;}
.knizne .s2 { position:absolute; top:0; right:10%; width:12%; height:150px; background:url(../images/knizne-2024/hviezda-ruzova.webp) no-repeat; background-size:contain;}
.knizne .s3 { position:absolute; top:0; right:10%; width:12%; height:150px; background:url(../images/knizne-2024/hviezda-tyrkys-450.webp) no-repeat; background-size:contain;}
.knizne .s4 { position:absolute; top:0; right:3%;  width:25%; height:150px; background:url(../images/knizne-2024/kometa-mala-500-rot.webp) no-repeat; background-size:contain;}
.knizne .s5 { position:absolute; top:0; right:13%; width:12%; height:150px; background:url(../images/knizne-2024/hviezda-fialova.webp) no-repeat; background-size:contain;}
.knizne .s6 { position:absolute; top:0; right:10%; width:12%; height:150px; background:url(../images/knizne-2024/hviezda-ruzova.webp) no-repeat; background-size:contain;}
.knizne .s7 { position:absolute; top:0; right:13%; width:12%; height:150px; background:url(../images/knizne-2024/hviezda-fialova.webp) no-repeat; background-size:contain;}
.knizne .s8 { position:absolute; top:0; right:10%; width:12%; height:150px; background:url(../images/knizne-2024/hviezda-tyrkys-450.webp) no-repeat; background-size:contain;}
.knizne .s9 { position:absolute; top:0; right:3%;  width:25%; height:150px; background:url(../images/knizne-2024/kometa-mala-500-rot.webp) no-repeat; background-size:contain;}
.knizne .s10{ position:absolute; top:0; right:10%; width:12%; height:150px; background:url(../images/knizne-2024/hviezda-ruzova.webp) no-repeat; background-size:contain;}
.knizne .s11{ position:absolute; top:0; right:13%; width:12%; height:150px; background:url(../images/knizne-2024/hviezda-fialova.webp) no-repeat; background-size:contain;}
.knizne .s12{ position:absolute; top:0; right:10%; width:12%; height:150px; background:url(../images/knizne-2024/hviezda-tyrkys-450.webp) no-repeat; background-size:contain;}

.lb { width:94%; padding:1em 3% 1em 3%; overflow:hidden; background-image: linear-gradient(0deg, rgba(233, 242, 250, 0.75), rgba(233, 242, 250, 0.75)), url(../images/bg.webp);}
.lb h2 { font-size: 34px; color: #00a5d4; text-align:center; font-weight:400;font-family: SlateProBook, Arial, sans-serif; margin-bottom:.1em;}
.mb { width:100%; overflow:hidden; background-color:#038cac; background-image: radial-gradient(#7ed2e8,#038cac); position:relative; }

.besedy { width:94%; padding:1em 3% 1em 3%; overflow:hidden; background-image: linear-gradient(0deg, rgba(233, 242, 250, 0.75), rgba(233, 242, 250, 0.75)), url(../images/bg.webp);}
.besedy h2 { font-size: 34px; color: #00a5d4; text-align:center; font-weight:400;font-family: SlateProBook, Arial, sans-serif; margin-bottom:.1em;}
.besedy table { border-collapse:collapse; width:100%}
.besedy th, .besedy td { font-family: SlateProBook, Arial, sans-serif; padding:5px;}
.besedy th { color:#fff; background:#037c9c; text-align:left; letter-spacing:1px;}
.besedy tr:nth-child(even) { background:#fff;}
.besedy tr:nth-child(odd) { background:rgba(80, 210, 255, .1);}
.besedy tr.m { background:none;}
.besedy tr.m td { padding:14px 0 6px 0;color:#038cac; font-size:22px;}

.besedy h3 {font-size: 37px;color:#ed1656; font-weight:600;font-family: SlateProBook, Arial, sans-serif;}
.besedy .c1 { width:45%; overflow:hidden; float:left; position:relative;}
.besedy .c1 img { width:80%; margin:10%; border-radius:4%; box-shadow:10px 10px 20px #888;}
.besedy .c2 { width:48%;overflow:hidden;float:right; margin:4.2em 3% 0 0;}
.besedy .c2 p{ font-family:SlateProLight, Arial, sans-serif;font-weight:200;text-align:justify;line-height:1.4;font-size:20px;font-style:italic;color:#0083b4; margin-right:.5em}
.besedy .s { position:absolute; top:2%; right:5%; width:25%; height:150px; background:url(../images/knizne-2024/hviezda-tyrkys-450.webp) no-repeat; background-size:contain;}

#b1 { width:100%; overflow:hidden; background-color:#038cac; background:url(../images/leto-2025/bgdb.webp) no-repeat center center; background-size:cover; position:relative; }
#b1 .bp { width:100%; margin-top:70px; overflow:hidden; }
#b1 .bp .tl { height:16px; overflow:hidden; background:#fff; margin-top:28px; float:left; }
#b1 .bp .tl.p1 { width:8%; }
#b1 .bp .tl.p2 { width:8%; }
#b1 .bp h2 { width:83%;margin:0 0 0 1%; float:left;font-weight:400;font-family: SlateProBook, Arial, sans-serif;color:#fff;font-size:58px;text-align:center;letter-spacing:.15em;;}
#b1 .bp h2 span {font-family: SlatePro-Thin, Arial, sans-serif; }
#b1 .c1 { width:54%; overflow:hidden; margin:40px 0 2em 4%; float:left;font-family: SlateProBook, Arial, sans-serif;}
#b1 .c1 h3 { text-align:center; font-size:4em; letter-spacing:.1em; margin:.8em 0 0 0; color:#ebbc6a; font-family: SlatePro-Thin, Arial, sans-serif; }
#b1 .c1 p { text-align:center; font-size:2.3em; letter-spacing:.05em; color:#fff; font-family: SlateProBook, Arial, sans-serif; }
#b1 .c1 .btn { display:inline-block; text-transform:uppercase; font-size:1.35em; padding:.5em; color:#ebbc6a; text-decoration:none; border:1px solid #ebbc6a; border-radius:5px; }
#b1 .c1 .btn:hover { color:#000; background:#ebbc6a; }
#b1 .c1 .ht { width:100%; overflow:hidden; color:#fff; font-family: SlateProBook, Arial, sans-serif; margin-left:6.5%; font-size:1.9em; margin-top:2em;}
#b1 .c1 .ht div { display:inline-block; float:left; margin:25px 10px 0 0}
#b1 .c1 .ht img { display:inline-block; float:left;}
#b1 .c1 .ht span { text-decoration:underline;}
#b1 .c2 { width:42%; overflow:hidden; margin:0 0 1em 0; float:right;}
#b1 .c2 img { width:100%;}

#b2 { width:100%; overflow:hidden; position:relative;background-image: linear-gradient(0deg, rgba(233, 242, 250, 0.75), rgba(233, 242, 250, 0.75)), url(../images/bg.webp);}
#b2 .bp { margin-top:70px; }
#b2 .bp .tl { height:16px; overflow:hidden; background:#147a99; margin-top:28px; float:left; }
#b2 .bp .tl.p1 { width:46%; }
#b2 .bp .tl.p2 { width:8%; }
#b2 .bp h2 { width:45%; margin:0 0 0 1%; float:left; font-weight:400;font-family: SlateProBook, Arial, sans-serif; color:#147a99; font-size:62px; text-align:center; letter-spacing:.15em; ;}
#b2 .bp h2 span {font-family: SlatePro-Thin, Arial, sans-serif; }
#b2 .bp h2 small { font-size:.7em;}
#b2 .c1 { width:50%; overflow:hidden; margin:0 4% 2em 0; float:right;}
#b2 .c1 .i { overflow:hidden; text-align:center; margin:20px 2% 30px 0; font-size:4.5em; color:#0072ae;font-family: SlateProBook, Arial, sans-serif;}
#b2 .c1 .i img { margin-right:4%; width:95%; max-width:450px;}
#b2 .c1 p { text-align:justify; padding:0 1em 0 0; color:#107696; font-size:19px; font-family:SlateProBook, Arial, Helvetica, sans-serif; font-style:italic; font-weight:550; line-height:1.4; }
#b2 .c1 p span { white-space: pre;}
#b2 .c2 { width:510px; height:690px; overflow:hidden; position:absolute; left:1%; top:170px;}
#b2 .c2 .km { width:176px; height:196px; position:absolute; right:0; top:370px;background:url(../images/leto-2025/kniha_mesiaca.webp) no-repeat; background-size:contain; }
#b2 .bp2 { margin-top:10px; overflow:hidden; }
#b2 .bp2 .tl { height:16px; overflow:hidden; background:#147a99; margin-top:27px; float:left; }
#b2 .bp2 .tl.p1 { width:5%; }
#b2 .bp2 .tl.p2 { width:19%; }
#b2 .bp2 h2 { width:75%;margin:0 0 0 1%; padding:0;float:left;font-weight:400;font-family: SlateProBook, Arial, sans-serif;color:#147a99;font-size:62px;text-align:center;letter-spacing:.15em;line-heigh:1;}
#b2 .bp2 h2 span {font-family: SlatePro-Thin, Arial, sans-serif; }
#b2 .c3 { width:48%; padding:.5em 2% 1em 2%; overflow:hidden; margin:3em 4% 3em 5%; float:left; border:2px solid #147a99; border-radius:20px; background:#fff;}
#b2 .c3 h3 { font-weight:400;font-family: SlateProBook, Arial, sans-serif; color:#147a99; font-size:42px; text-align:center; letter-spacing:.05em;}
#b2 .c3 h3 span {font-family: SlatePro-Thin, Arial, sans-serif; }
#b2 .c3 p {font-weight:400;color:#147a99; text-align:center; font-size:21px; }
#b2 .c3 p.v {font-family: SlateProBook, Arial, sans-serif; }
#b2 .c3 p.z {font-family: SlatePro-Thin, Arial, sans-serif;}
#b2 .c4 { width:35%; overflow:hidden; float:left; text-align:center;}
#b2 .c4 a {font-family: SlatePro-Bold, Arial, sans-serif; font-size:23px; text-decoration:none; display:inline-block; color:#fff; background-color:#147a99; padding:1em 2em; border-radius:16px; margin-top:8em;letter-spacing:.05em;line-height:1.2; background-repeat:no-repeat; background-position:96% 51%; background-size:1em;;background-image:url(../images/ico-rarr3.svg);}
#b2 .c4 a:hover {background-color:#016c8c;}

#b2a { width:100%; overflow:hidden; position:relative;background-image: linear-gradient(0deg, rgba(233, 242, 250, 0.75), rgba(233, 242, 250, 0.75)), url(../images/bg.webp);}
#b2a .c1 { width:50%; overflow:hidden; margin:3em 0 2em 4%; float:left;}
#b2a .c1 .i { overflow:hidden; text-align:center; margin:20px 2% 30px 0; font-size:4.5em; color:#0072ae;font-family: SlateProBook, Arial, sans-serif;}
#b2a .c1 .i img { margin-right:4%; width:95%; max-width:450px;}
#b2a .c1 p { text-align:justify;padding:0 1em 0 0;color:#107696;font-size:19px;font-family:SlateProBook, Arial, Helvetica, sans-serif;font-style:italic;font-weight:550;line-height:1.4;}
#b2a .c1 p span { white-space: pre;}
#b2a .c2 { width:510px; height:690px; overflow:hidden; position:absolute; right:2%; top:1em;}
#b2a .c2 .km { width:176px; height:196px; position:absolute; right:1%; top:370px;background:url(../images/leto-2025/kniha_mesiaca.webp) no-repeat; background-size:contain; }

#b3 .bp { margin-top:70px; overflow:hidden; }
#b3 .bp .tl { height:16px; overflow:hidden; background:#fff; margin-top:28px; float:left; }
#b3 .bp .tl.p1 { width:5%; }
#b3 .bp .tl.p2 { width:40%; }
#b3 .bp h2 { width:54%;margin:0 0 0 1%; padding:2px 0;float:left;font-weight:400;font-family: SlateProBook, Arial, sans-serif;color:#fff;font-size:62px;text-align:center;letter-spacing:.15em;}
#b3 .bp h2 span {font-family: SlatePro-Thin, Arial, sans-serif; }
#b3 .ep { display:block; width:91%; overflow:hidden; margin:50px 4% 40px 5%;}
#b3 .ep img:nth-child(1) { margin-right:3%;}
#b3 .ep img:nth-child(2) { margin:60px 0 0 -3%; float:right;}
#b3 .ep img:nth-child(3) { margin:60px 0 -4px -3%; float:right;}
#b3 .ep img:nth-child(4) { margin:60px 0 0 -3%; float:right;}
#b3 h3 { font-weight:400; color:#fff; font-size:42px; letter-spacing:.15em; padding-left:.4em; font-family: SlateProBook, Arial, sans-serif; margin:1.5em 3.5% 1.3em 3.5%;}
#b3 .k { width:93%; overflow:hidden; margin:10px 3.5% 50px 3.5%; text-align:center;}
#b3 .k a { width:22%; overflow:hidden; margin:5px 1.5%; float:left; text-align:center; color:#fff; text-decoration:none;}
#b3 .k a .i { width:100%; overflow:hidden; text-align:center; margin-bottom:6px;min-height:350px;}
#b3 .k a .i img { width:98%; /*max-width:250px;*/ transition:all ease-in-out .7s;}
#b3 .k a:hover .i img { width:102%; margin-left:-5px; margin-bottom:10px;}
#b3 h4 { font-weight:400; font-family:SlatePro-Thin, Arial, Helvetica, sans-serif; font-size:21px; margin:3px 0;}
#b3 h5 { font-weight:400; font-family:SlatePro-Bold, Arial, Helvetica, sans-serif; font-size:21px; margin:3px 0;}
#b3 .bp2 { margin-top:10px; overflow:hidden; }
#b3 .bp2 .tl { height:16px; overflow:hidden; background:#fff; margin-top:27px; float:left; }
#b3 .bp2 .tl.p1 { width:5%; }
#b3 .bp2 .tl.p2 { width:44%; }
#b3 .bp2 h2 { width:50%;margin:0 0 0 1%; padding:0;float:left;font-weight:400;font-family: SlateProBook, Arial, sans-serif;color:#fff;font-size:62px;text-align:center;letter-spacing:.15em;line-heigh:1;}
#b3 .bp3 h2 { width:92.8%;margin:0 0 0 7.2%;font-weight:400;font-family: SlatePro-Thin, Arial, sans-serif;color:#fff;font-size:62px;letter-spacing:.15em;}
#b3 .vz { display:block; overflow:hidden; margin:40px 0; text-align:center; }
#b3 .vz img { display:inline-block;  margin:2em 2em;}

#b4 {overflow:hidden; background-image: linear-gradient(0deg, rgba(233, 242, 250, 0.75), rgba(233, 242, 250, 0.75)), url(../images/bg.webp);}
#b4 .bp { overflow:hidden; margin-top:70px; }
#b4 .bp .tl { height:16px; overflow:hidden; background:#147a99; margin-top:27px; float:left; }
#b4 .bp .tl.p1 { width:50%; }
#b4 .bp .tl.p2 { width:8%; }
#b4 .bp h2 { width:41%; margin:0 1% 0 0; float:left; font-weight:400;font-family: SlateProBook, Arial, sans-serif; color:#147a99; font-size:62px; text-align:right; letter-spacing:.1em; }
#b4 .bp h2 span {font-family: SlatePro-Thin, Arial, sans-serif; }
#b4 .k { width:100%; overflow:hidden; margin-top:3em;}
#b4 a { text-decoration:none; display:inline-block; width:19.5%; height:402px; overflow:hidden; margin:3px 0 8px 0; position:relative; text-align:center; }	
#b4 a .i { width:100%; height:264px; overflow:hidden; position:relative;  }
#b4 a .i img { width:105%; height:auto; transition:all ease-in-out .6s; display:block; position:absolute; left:-2.5%; bottom:18px; }
#b4 a:hover .i img { width:112%; left:-6%; bottom:12px;}
#b4 a .i img.m { width:90%;left:5%; } #b4 a:hover .i img.m { width:98%;left:1%;}
#b4 a .i img.v { width:80%;left:10%; } #b4 a:hover .i img.v { width:84%;left:8%;}
#b4 a .i img.x { width:68%;left:16%; } #b4 a:hover .i img.x { width:74%;left:13%;}
#b4 a h3 { font-size:17px; color:#000; font-family: SlatePro-Bold, Arial, sans-serif; margin:4px 0 0 0;}
#b4 a h3 span {color: #00a5d4; text-transform:uppercase;}
#b4 a p { color:#000; font-family: SlatePro-Bold, Arial, sans-serif; margin:1px 0;}
#b4 a em { width:36px;height:36px;border-radius:50%;color:#fff;background:#147a99;font-size:24px;text-align:center;font-family:SlateProBook, Arial, sans-serif; position:absolute; 
 right:15%; top:0; font-style:normal; line-height:35px; text-indent:1px;}

#b5 { width:100%; overflow:hidden; background-color:#038cac; background-image: radial-gradient(#7ed2e8,#038cac); position:relative; }
#b5 .bp { width:100%; margin-top:70px; overflow:hidden; }
#b5 .bp .tl { height:16px; overflow:hidden; background:#fff; margin-top:28px; float:left; }
#b5 .bp .tl.p1 { width:10%; }
#b5 .bp .tl.p2 { width:33%; }
#b5 .bp h2 { width:56%;margin:0 0 0 1%; float:left;font-weight:400;font-family: SlateProBook, Arial, sans-serif;color:#fff;font-size:62px;text-align:center;letter-spacing:.15em;;}
#b5 .bp h2 span {font-family: SlatePro-Thin, Arial, sans-serif; }
#b5 .p { width:90%; overflow:hidden; margin:60px auto;border-radius:18px; background:#fff url(../images/leto-2025/kk1.webp) no-repeat; background-position:top right; background-size:contain; position:relative;}
#b5 .vn { width:50%; position:absolute; top:0; right:0;}
#b5 .p, #b5 .vn, #b5 .ig, #b5 .c1, #b5 .c2, #b5 .ig .slider, #b5 .ig .slider div {height:350px;}
#b5 .p h3 { color:#00adee; font-size:44px; font-family:SlatePro-CondBook, Arial, Helvetica, sans-serif; margin:30px 0 15px 3%;}
#b5 .p h4 { font-size:18px; font-family:SlatePro-Book, Arial, Helvetica, sans-serif; margin:30px 0 10px 3%;}
#b5 p { color:#000; font-family:SlatePro-Thin, Arial, Helvetica, sans-serif; line-height:1.3; margin-left:3%;}
#b5 .b { width:60%; overflow:hidden; margin-left:3%;}
#b5 .ig { width:90%; overflow:hidden; margin:60px auto;border-radius:18px; background:#3ca5d3; position:relative; } #b5 .ig a {text-decoration:none;}
#b5 .ig .c1 { width:388px; overflow:hidden; background:#027c9c;border-radius:18px; position:absolute; left:0;top:0;}
#b5 .ig .c1 .i { width:180px; height:180px; margin:80px 0 0 100px; overflow:hidden; border-radius:50%; background:#fff url(../images/leto-2025/ikar-b.webp) no-repeat center center; background-size:90%;}
#b5 .ig h3 { color:#fff; font-size:22px; font-weight:400; text-align:center;font-family:SlatePro-Book, Arial, Helvetica, sans-serif;
background-image: url(../images/ico-rarr3.svg); background-repeat:no-repeat; background-size:1em; background-position:96% 50%;}
#b5 .ig em { width:30px; height:30px; border-radius:50%; overflow:hidden; position:absolute; top:40px; right:40px; background:#fff; }
#b5 .ig .c2 { width:67%; overflow:hidden; position:absolute; top:0; right:0;}
#b5 .ig .slider { width:3156px;/*1578*/ overflow:hidden; animation:sa linear 14s infinite;}
#b5 .ig .slider div { width:263px; float:left;}
#b5 .ig .slider div:nth-child(1), #b5 .ig .slider div:nth-child(7) { background-image:url(../images/zima-2026/ig1.webp)}
#b5 .ig .slider div:nth-child(2), #b5 .ig .slider div:nth-child(8) { background-image:url(../images/zima-2026/ig2.webp)}
#b5 .ig .slider div:nth-child(3), #b5 .ig .slider div:nth-child(9) { background-image:url(../images/zima-2026/ig3.webp)}
#b5 .ig .slider div:nth-child(4), #b5 .ig .slider div:nth-child(10) { background-image:url(../images/zima-2026/ig4.webp)}
#b5 .ig .slider div:nth-child(5), #b5 .ig .slider div:nth-child(11) { background-image:url(../images/zima-2026/ig5.webp)}
#b5 .ig .slider div:nth-child(6), #b5 .ig .slider div:nth-child(12) { background-image:url(../images/zima-2026/ig6.webp)}
#b5 a.btn {display:block;width:250px; box-sizing:border-box;padding:.8em 1.5em .8em 5px; overflow:hidden; margin:0 auto 2em auto;text-align:center;text-decoration:none;border-radius:16px;
font-size:21px;letter-spacing:.1em;line-height:1.2; background-repeat:no-repeat; background-position:96% 50%; background-size:1em;color:#fff; background-color:#038cac;background-image:url(../images/ico-rarr3.svg);}
#b5 a.btn:hover {background-color:#016c8c;}
#b5 .ig2 { width:90%; overflow:hidden; margin:2em auto 4em auto; text-align:center;}
#b5 .ig2 a { display:block; width:30%; overflow:hidden; float:left;border-radius:19px; background:#027c9c;}
#b5 .ig2 a:nth-child(2) { margin:0 5%;}
#b5 .ig2 .i {width:130px; height:120px; overflow:hidden; background-color:#d7eef7;border-radius:18px; position:relative; float:left;}
#b5 .ig2 .i .c { width:60px; height:60px; margin:30px 0 0 35px; overflow:hidden; border-radius:50%; background:#027c9c; }
#b5 .ig2 em { width:16px; height:16px; border-radius:50%; overflow:hidden; position:absolute; top:15px; right:15px; background:#027c9c; }
#b5 .ig2 .l {width: calc(100% - 132px); height:120px; overflow:hidden; border-radius:18px; text-align:center; float:right;}
#b5 .ig2 a:nth-child(1) .l img { width:76%; margin-top:1.2em}
#b5 .ig2 a:nth-child(2) .l img { height:70%; margin-top:18px;}
#b5 .ig2 a:nth-child(3) .l img { width:76%; margin-top:1.7em;}

#b6 .bp { margin-top:70px;  overflow:hidden; }
#b6 .bp .tl { height:16px; overflow:hidden; background:#fff; margin-top:28px; float:left; }
#b6 .bp .tl.p1 { width:5%; }
#b6 .bp .tl.p2 { width:10%; }
#b6 .bp h2 { width:84%;margin:0 0 40px 1%; padding:2px 0;float:left;font-weight:400;font-family: SlateProBook, Arial, sans-serif;color:#fff;font-size:62px;text-align:center;letter-spacing:.15em;}
#b6 .bp h2 span {font-family: SlatePro-Thin, Arial, sans-serif; }
#b6 h3 { font-weight:400;font-family: SlateProBook, Arial, sans-serif;color:#fff;font-size:48px;text-align:center;letter-spacing:.15em; }
#b6 h3 span {font-family: SlatePro-Thin, Arial, sans-serif; }
#b6 h3.l {margin:.3em 0 .65em 4%; width:44%; float:left;} 
#b6 h3.r {margin:.3em 4% .65em 0; width:44%; float:right;} 
#b6 P.l { color:#fff; text-align:center;} 
#b6 .c1 { width:44%; overflow:hidden; float:left; margin:10px 1% 2em 4%; color:#147a99; }
#b6 .c1 div { width:98%; padding:1.5em 1%; overflow:hidden; border-radius:50px; background:#dbeff7;text-align:center}
#b6 .c2 { width:44%; overflow:hidden; float:right; margin:1em 4% 2em 1%; color:#fff; }
#b6 .c2 div { width:98%; padding:1.5em 1%; overflow:hidden; border-radius:50px; background:#147a99;text-align:center;}
#b6 h4 { font-weight:600;font-family: SlatePro-Thin, Arial, sans-serif;font-size:24px;letter-spacing:.1em; margin:1em 0 .2em;}
#b6 h4 span {font-weight:600;font-family: SlateProBook, Arial, sans-serif; }
#b6 p { font-family: SlatePro-Thin, Arial, sans-serif;font-size:18px;letter-spacing:.15em; margin:.1em 0 1em; line-height:1.3;}
#b6 {padding-bottom:2em;}
@keyframes sa { 0% { margin-left:0;} 100% {margin-left:-1578px;}}
@media print { nav, header, footer, .mnu { display:none;}}
.spk { width:100%; height:1px; overflow:hidden;}

#skm .bp { margin-top:40px; overflow:hidden; }
#skm .bp .tl { height:16px; overflow:hidden; background:#fff; margin-top:27px; float:left; }
#skm .bp .tl.p1 { width:5%; }
#skm .bp .tl.p2 { width:19%; }
#skm .bp h2 { width:75%;margin:0 0 0 1%; padding:0;float:left;font-weight:400;font-family: SlateProBook, Arial, sans-serif;color:#fff;font-size:62px;text-align:center;letter-spacing:.15em;line-heigh:1;}
#skm .bp3 h2 { width:92.8%;margin:0 0 0 7.2%;font-weight:400;font-family: SlatePro-Thin, Arial, sans-serif;color:#fff;font-size:62px;letter-spacing:.15em;}
#skm .bp h2 span {font-family: SlatePro-Thin, Arial, sans-serif; }
#skm .c { width:22%; overflow:hidden; margin:5px 1.5%; float:left; text-align:center; color:#fff;}
#skm .c .i { width:100%; overflow:hidden; text-align:center; margin-bottom:6px;min-height:340px;}
#skm .c .i img { width:100%; max-width:250px;}
#skm h4 { font-weight:400; font-family:SlatePro-Thin, Arial, Helvetica, sans-serif; font-size:21px; margin:3px 0;}
#skm h5 { font-weight:400; font-family:SlatePro-Bold, Arial, Helvetica, sans-serif; font-size:21px; margin:3px 0;}
#skm .c1 { width:51%; overflow:hidden; margin:0 4% 2em 0; float:right;}
#skm .c1 .i { overflow:hidden; text-align:center; margin:40px 0 -10px 3%; font-size:4.5em; color:#0072ae;font-family: SlateProBook, Arial, sans-serif;}
#skm .c1 .i img { margin-right:4%; width:95%; max-width:450px;}
#skm .c1 h3 { font-weight:400; color:#fff; font-size:42px; letter-spacing:.06em; font-family: SlateProBook, Arial, sans-serif; margin:0 0 1em 0; text-align:center;}
#skm .c1 h3 span {font-family: SlatePro-Thin, Arial, sans-serif; }
#skm .c1 p {font-weight:400;color:#fff; text-align:center; font-size:21px; font-family:SlateProBook, Arial, Helvetica, sans-serif; line-height:1.4;}
#skm .c1 p.z {font-family: SlatePro-Thin, Arial, sans-serif;}
#skm .c1 a {font-family: SlatePro-Bold, Arial, sans-serif; font-size:22px; text-decoration:none; display:inline-block; color:#fff; background-color:#147a99; padding:1em 2.2em; border-radius:16px; margin:1em 0;letter-spacing:.05em;line-height:1.2; background-repeat:no-repeat; background-position:96% 51%; background-size:1em;;background-image:url(../images/ico-rarr3.svg);}
#skm .c1 a:hover {background-color:#016c8c;}
#skm .c2 { width:510px; height:653px; overflow:hidden; position:absolute; left:1%; top:150px;}
#skm .c2 .km { width:176px; height:196px; position:absolute; right:0; top:370px;background:url(../images/leto-2025/kniha_mesiaca.webp) no-repeat; background-size:contain; }
#skm .vz { display:block; overflow:hidden; margin:40px 0; text-align:center; }
#skm .vz img { display:inline-block;  margin:2em 2em;} html {scroll-behavior: smooth;}

#vzt .c1 { width:50px; height:400px; overflow:hidden; position:absolute; top:0; left:0;}
#vzt .c2 { width:calc(100% - 50px); min-height:200px; overflow:hidden; float:right; text-align:center;}
#vzt .dk {width:100%; overflow:hidden; background-color:#287c9e; position:relative;}
#vzt .dk .c1 { }
#vzt .dk .c2 { /*background-color:#85d0e7;*/ background-color:#038cac; background-image: radial-gradient(#7ed2e8,#038cac); }
#vzt .lt {width:100%; overflow:hidden; background-color:#2e8dae; position:relative;}
#vzt .lt .c2 { background-color:#d8eef8;}
#vzt .c1 h4 {color:#fff; font-weight:400; font-family:SlateProBook, Arial, sans-serif; font-size:45px; line-height:50px;letter-spacing:.14em; word-spacing:.2em; width:174px;transform:rotate(-90deg); margin:0; position:absolute; left:-61px; top:209px; /*margin:45px 0 0 -42px;*/}
#vzt .c1 .l {width:140px; height:50px; overflow:hidden; display:inline-block;}
#vzt .c1 .l.ik { background:url(../images/leto-2025/ikar2.webp) no-repeat center center; background-size:contain;transform:rotate(-90deg);position:absolute; left:-44px; top:62px;}
#vzt .c1 .l.pr { background:url(../images/leto-2025/priroda.webp) no-repeat center center; background-size:contain;transform:rotate(-90deg);position:absolute; left:-44px; top:62px;}
#vzt .c1 .l.od { background:url(../images/leto-2025/odeon.webp) no-repeat center center; background-size:contain;transform:rotate(-90deg);position:absolute; left:-44px; top:62px;}
#vzt .c1 .l.sp { background:url(../images/leto-2025/slovensky_spisovatel2.webp) no-repeat center center; background-size:contain;transform:rotate(-90deg);position:absolute;left:-44px; top:62px; height:48px;}
#vzt .c1 .l.yo { background:url(../images/leto-2025/yoli.webp) no-repeat center center; background-size:contain;transform:rotate(-90deg);position:absolute; left:-44px; top:62px;}
#vzt .c1 .l.aj { background:url(../images/leto-2025/ajna.webp) no-repeat center center; background-size:contain;transform:rotate(-90deg);position:absolute; left:-44px; top:62px;}
#vzt .c1 .l.st { background:url(../images/leto-2025/stonozka.webp) no-repeat center center; background-size:contain;transform:rotate(-90deg);position:absolute; left:-44px; top:62px;}
#vzt .c2 h2 {font-weight:400;font-family:SlateProLight, Arial, sans-serif;font-size:28px; letter-spacing:.1em;padding:2px 2em;line-height:1.1;width:auto;float:right;text-align:center;margin:1.2em 0;}
#vzt .c2 a { text-decoration:none; display:inline-block; width:223px; height:362px; overflow:hidden; margin:3px 0 8px 0; position:relative; text-align:center; }	
#vzt .c2 a .i { width:100%; height:264px; overflow:hidden; position:relative;  }
#vzt .c2 a .i img { width:105%; height:auto; transition:all ease-in-out .6s; display:block; position:absolute; left:-2.5%; bottom:18px; }
#vzt .c2 a:hover .i img { width:112%; left:-6%; bottom:12px;}
#vzt .c2 a .i img.m { width:90%;left:5%; } #vzt .c2 a:hover .i img.m { width:98%;left:1%;}
#vzt .c2 a .i img.v { width:80%;left:10%; } #vzt .c2 a:hover .i img.v { width:84%;left:8%;}
#vzt .c2 a .i img.d { width:80%;left:10%;bottom:12px; } #vzt .c2 a:hover .i img.d { width:84%;left:8%;}
#vzt .c2 a .i img.x { width:68%;left:16%; } #vzt .c2 a:hover .i img.x { width:74%;left:13%;}
#vzt .c2 a h3 { font-size:17px; color:#000; font-family: SlatePro-Bold, Arial, sans-serif; margin:4px 0 0 0;}
#vzt .dk .c2 a h3 span {color: #fff; text-transform:uppercase;}
#vzt .lt .c2 a h3 span {color: #00a5d4; text-transform:uppercase;}
#vzt .c2 a p { color:#000; font-family: SlatePro-Bold, Arial, sans-serif; margin:1px 0;}
#vzt .c2 a em { width:36px;height:36px;border-radius:50%;color:#fff;background:#147a99;font-size:24px;text-align:center;font-family:SlateProBook, Arial, sans-serif; position:absolute; 
 right:15%; top:5px; font-style:normal; line-height:35px; text-indent:1px;}

#vzt .dk .c2 h2 {color:#fff; border-bottom:3px solid #fff;}
#vzt .lt .c2 h2 {color:#147a99; border-bottom:3px solid #147a99;}
#vzt .dk .c2 a em { color:#147a99;background:#d8eef8;}
#vzt .lt .c2 a em { color:#fff;background:#147a99;}
 
@keyframes kv {0%, 100% {transform: rotate(0deg); /*left:-1.1%;*/} 50% {transform: rotate(2deg); /*left:-.7%*/}}
@keyframes kv2 {0%, 100% {transform: rotate(-1deg);} 50% {transform: rotate(1deg);}}
@keyframes vr {from {transform: rotate(0deg);} to {transform: rotate(360deg);}}

@media (min-width: 1401px) {
#kdv .vm {right:calc(50vw - 504px);}
}

@media (max-width: 1260px) {
.besedy h3 {font-size: 35px;}
.besedy .c2 { margin:4em 3% 0 0;}
#b1 .c1 .ht { margin-left:5.5%; }
#b1 .bp { margin-top:6vw; }
#b2 .c1 .i img, #skm .c1 .i img, #b2a .c1 .i img { max-width:85%;}
#b2 .c2, #skm .c2 { width:43%; height:auto; top:calc(80px + 6vw);}
#b2 .c2 img, #skm .c2 img, #b2a .c2 img { max-width:100%;}
#b2 .c2 .km, #skm .c2 .km, #b2a .c2 .km { width:14vw; height:15vw; top:31vw; }
#b2 .bp h2, #b2 .bp2 h2, #b3 .bp h2, #b3 .bp2 h2, #b3 .bp3 h2, #b4 .bp h2, #b5 .bp h2, #b6 .bp h2, #skm .bp h2 {font-size:4.8vw; }
#b1 .bp .tl, #b2 .bp .tl, #b2 .bp2 .tl, #b3 .bp .tl, #b3 .bp2 .tl, #b4 .bp .tl, #b5 .bp .tl, #b6 .bp .tl, #skm .bp .tl { height:1.5vw; margin-top:2.05vw; }
#b3 .c .i {min-height:36vw;}
#b3 .ep img:nth-child(1) { width:31.3%; max-width:340px;}
#b3 .ep img:nth-child(2), #b3 .ep img:nth-child(3), #b3 .ep img:nth-child(4) { width:23%; max-width:250px;}
#b5 .p { margin:5vw auto;border-radius:18px; background:#fff;height:auto; max-width:595px;}
#b5 .vn {width:100%; max-height:315px; margin-top:20px; display:block;position:relative;overflow:hidden;background:#fff url(../images/leto-2025/kk1.webp) no-repeat;
 background-position:right -5px;background-size:100%;}
#b5 .b { width:97%; }
#lsk .bp .tl { height:1.5vw; margin-top:2.05vw;  }
#lsk .bp h2 { font-size:4.8vw;}
#lsk .l { bottom:31.5vw;}

#kdv h1 { font-size:79px; }
#kdv h2 { font-size:2.4vw;}
#kdv .c1 {width:47%;height:46vw; margin:2em 0 2em 3%;}
#kdv .c1 div {width:45vw;height:46vw;}
#kdv .c1 a {width:10vw;height:10vw;font-size:2vw;margin:-3.7vw 0 0 -4.9vw;}
#kdv .vm {width:18vw;height:18vw;top:37px;right:10%;}
#kdv .c2 {width:48%;margin:4em 2% 2em 0;}
#kdv h3 { font-size:3vw; }
#kdv h3 span { font-size:2.4vw;}
#kdv h4 { font-size:3vw;}
#kdv h4 span { font-size:5vw;}
#kdv .b { width: 90%; font-size:2.1vw; }
#kdv .btns a { font-size:2.3vw; }
#kavb .c1 {height: 29vw;}
#kavb .c1 a {width:8vw;height:8vw; left:5vw; font-size:1.7vw;}
#kavb .c2 {margin-top:6.9vw;}
#kavb .c2 h3 {font-size:3.7vw;}
#kavb .c2 h4 {font-size:2.35vw}
#kavb .c2 a {width:8vw;height:8vw; left:22.9vw; top:2vw; font-size:3.7vw;}
	
}
@media (max-width: 1200px) {
.ban { height:77vw;}
.ban h1 { font-size:7.3vw;margin-top:3.8vw;}
.ban .c { right:8%; bottom:60px;}
.ban .os { margin-bottom:2em;}
.banl h2 {font-size:6.6vw;margin:6vh 0 .5em 0;}
.banl .d { width:7vw; height:7vw;}
.knizne a { height:32vw; }	
.knizne a .i {height:22vw;}
.besedy h3 {font-size: 2.8vw;}
.besedy .c2 { width:48%;overflow:hidden;float:right; margin:3.2vw 3% 0 0;}
#b1 .bp h2 { font-size:4.6vw;}
#b1 .c1 h3 { font-size:4.5vw;}
#b1 .c1 p { font-size:3vw;  }
#b1 .c1 .ht { margin-left:4.5%; font-size:2.5vw;}
#b1 .c1 img { width:8vw}
#b3 .k a .i { min-height:27vw;}
#b4 a { height:32vw; }	
#b4 a .i {height:22vw;}
#b5 .ig2 a:nth-child(1) .l img {margin-top:1.45em}
#b5 .ig2 a:nth-child(2) .l img {margin-top:19px;}
#b5 .ig2 a:nth-child(3) .l img {margin-top:2em;}
.gr p.sp { min-height: 17vw;}
}
@media (max-width: 1100px) {
header .logo {  width:30%; }
header .sm { margin:6px 1.8% 0 0;}
header .sm p { margin:6px 0 4px 0; }
.ban { height:81vw;}
.ban .c { right:6%; bottom:40px;}
.banl .ilb { height:31vw;}
.banl .i, .banl .l, .banl .b {height:25vw; top:7vw;}
#b2 .c1 .i, #b2a .c1 .i { font-size:3.5em;}
#b3 h3 { font-size:37px;}
#b4 a h3 { font-size:16px;}
#b5 .ig { margin:50px auto;}
.knizne a h3 { font-size:16px;}
.besedy .c2 p{ font-size:19px;}
#b5 .ig2 a:nth-child(1) .l img {margin-top:1.55em}
#b5 .ig2 a:nth-child(2) .l img {margin-top:18px;}
#b5 .ig2 a:nth-child(3) .l img {margin-top:2.2em;}
#skm .c1 h3 {font-size:37px;}

#lsk .c1, #lsk .c2, #lsk .c3 { width:60%;}
#lsk h1 { font-size:4vw; }
#lsk h3 { font-size:2vw;}
#lsk p.u { font-size:2.1vw;}
#lsk p.v { font-size:1.9vw;}
#lsk .k { height:calc(15vw + 280px);}
#lsk .p { bottom:-4vw;}
}
@media (max-width: 1000px) {
.gr .kvc span:nth-child(2) {margin:0 1.5em;}
.knizne a h3 { font-size:15px;}
.besedy .c2 {margin:1.5em 3% 0 0;}
.besedy .c2 p{ font-size:18px;}
.ban { height:auto;}
.ban .bg { height:70vw;left:12vw;}
.ban .fg { width:100%; height:70vw;}
.ban .c { position:relative; right:0; margin:57vw auto 0 auto;}
#b3 .c { width:44%; margin:5px 3%;}
#b3 .c .i {min-height:42vw;}
#b4 a h3 { font-size:15px;}
}
@media (max-width: 920px) {
.ban .bg { height:70vw;}
.ban .c {  margin:54vw auto 0 auto;}
.ban .os a { font-size:13px;}
.ban .tt {margin:1em 0 1.3em 0;}
.ban .os { margin:1em 0 2em 0;}
.besedy th, .besedy td {padding:4px; font-size:15px;}
.knizne a { width:30%; height:46vw;/*border:1px solid red;*/}	
.knizne a .i {height:33vw;}
.knizne a h3 { font-size:18px;}	
.pol .kvdk div { right:0%; width:27%; height:150px;}
.besedy .c2 p{ font-size:17px;}
#b4 a { width:30%; height:46vw;/*border:1px solid red;*/}	
#b4 a .i {height:33vw;}
#b4 a h3 { font-size:18px;}	
#b5 .ig2 a { width:100%; max-width:380px; float:none;}
#b5 .ig2 a:nth-child(2) { margin:1em auto;}
#b5 .ig2 a { margin:1em auto}
#b5 .ig2 a:nth-child(1) .l img {margin-top:.45em}
#b5 .ig2 a:nth-child(2) .l img {margin-top:20px;}
#b5 .ig2 a:nth-child(3) .l img {margin-top:1.2em;}
.gr p.sp { min-height:0; display: none;}
.gr .bal { width: 95%;position: relative; right:0; bottom:0; margin:0 2% 2em 3%;}
.gr .bal a { height: 21vw;}
}
@media (max-width: 820px) {
header .logo {  width:35%; }
.knizne a h3 { font-size:15px;}	
.besedy th, .besedy td {padding:3px; font-size:14px;}
.pol article .i { width: 50%; margin-right: 4%;}
.pol article .pr { text-align:center;}
.pol .pr .s { margin-bottom:20px;}
footer .c { width:48%; margin-right:2%; }
footer .c:first-child { width:48%;}
footer .c:last-child { float:right;}
footer .b em { display:block; width:100%; margin-bottom:1.5em;}
#b3 .c .i {min-height:48vw;}
#b4 a h3 { font-size:15px;}	
#kdv {padding: 50px 0 20px 0;}
}
@media (max-width: 799px) {
.ban .os { margin:1.5em 0 .7em 0;}
.gr .c1 { width:43%;}
.besedy th, .besedy td {padding:2px; font-size:13px;}
.besedy h3 { font-size:5vw; text-align:center;}
.besedy .c1 { width:100%;float:none;}
.besedy .c1 img { margin:2em 10%;}
.besedy .c2 { width:100%;float:none; margin:2em 0 0 0;}
.besedy .c2 p{ font-size:18px;}
#b2 .c1, #skm .c1, #b2a .c1 { width:91%; margin:0 3% 1em 6%; float:none;}
#b2 .c2, #skm .c2, #b2a .c2 { width:92%; top:0; left:12%; position:relative; margin-bottom:2em;}
#b2 .c2 img, #skm .c2 img, #b2a .c2 img { max-width:90%;}
#b2 .c2 .km, #skm .c2 .km, #b2a .c2 .km { width:20vw; height:22vw; top:55vw; right:8%; }
#b3 .ep img:nth-child(1) { width:70%; max-width:70%;}
#b3 .ep img:nth-child(2), #b3 .ep img:nth-child(3), #b3 .ep img:nth-child(4) { width:35.3%; }
#b3 .vz { margin:30px 0;}
#b3 .vz img { height:60px; width:auto;margin:1em 1em;}
#b3 .c .i {min-height:50vw;}
#b5 .p { margin:5vw auto;border-radius:18px; background:#fff;height:auto; max-width:595px;}
#b5 .vn {height:45vw;}
#b5 .b { width:97%; }
#b5 .ig { height:700px;}
#b5 .ig .c1 { width:100%; }
#b5 .ig .c1 .i {margin:80px auto 0 auto;}
#b5 .ig .c2 { width:100%; top:350px;}
#b6 h3.l {margin:.3em 4% .65em 4%; width:92%; float:none;} 
#b6 h3.r {margin:.3em 4% .65em 4%; width:92%; float:none;} 
#b6 .c1 { width:92%; float:none; margin:10px 4% 2em 4%; }
#b6 .c2 { width:92%; float:none; margin:1em 4% 2em 4%; }
#lsk {padding-bottom:100px;}
#lsk .bp { margin-top:40px;}
#lsk .c1, #lsk .c2, #lsk .c3 { width:65%; }
#lsk h1 { font-size:4.5vw; }
#lsk h3 { font-size:2.2vw;}
#lsk p.u { font-size:2.3vw;}
#lsk p.v { font-size:2.1vw;}
#lsk .k { left:8%; height:calc(12vw + 260px);}
#lsk .l { left:-8%; bottom:38.5vw; height:200px;}
#lsk .p { width:100%; left:-12%; bottom:-4vw;}
#lsk a.btn {font-size:19px;}
}
@media (max-width: 700px) {
.ban .kd { font-size:4.8vw;}
#b3 .k a { width:40%; margin:5px 5%;}
#b3 .k a .i { min-height:49vw;}
#lsk {padding-bottom:80px;}
#lsk h1 { font-size:5vw; }
#lsk .k { height:calc(13vw + 200px);}
#lsk .l { bottom:32vw;}
}
@media (max-width: 600px) {
header .sm { margin:1px 1.8% 0 0;}
header .sm p { margin:1px 0 1px 0; }
.ban .bg { width:100%; height:100vw; left:0;top:90px;}
.ban .fg { height:100vw;}
.ban h1 { font-size:11vw;margin-top:6vw;}
.ban .c {  margin:85vw auto 0 auto;}
.banl h2 {font-size:12vw;}
.gr .c1 { width:48%;}
.gr p {font-size:17px; }
.gr h2 {font-size:26px;}
.gr .c1 .bf .r { width:140px; height:140px;}
.gr .c1 .bf .f { width:140px; height:140px;}
.gr .c1 .bf .h { width:140px; height:130px;}
.gr .c1 .bf .u { left:0;}
.gr .kvc span:nth-child(2) {margin:30px 3em;}
.besedy th, .besedy td {padding:2px 1px; font-size:12px;}
.knizne .bp { height:22px;  margin:30px 0 15px 0; }
.knizne .bg { height:20px; top:4px;}
.knizne h2 { padding:0 9px; left:8%; font-size:24px;letter-spacing:1px;}	
.knizne a .i img {position: relative;  margin-top:5vw;}
.knizne a { width:100%; height:auto; padding-top:30px; margin-top:5px;}	
.knizne a .i {height:auto;}
.knizne a h3,.tit article a p { font-size:24px;}	
.pol article .i { width:96%; margin-right:0;}
.pol article .i img { width:100%; max-width:500px; height:auto; }
.pol .kvdk div { right:0%; width:47%; height:150px;}
.pol .kvdk h3 {padding:17px 0; margin:40px 0 20px 0;}
.pol .kom p.s, .pol .kom p.m { display:none;}
#b1 .c1 { width:92%; margin:3vw 4% .5em 4%; float:none;}
#b1 .c2 { width:66%; margin:2px 17%; float:none;}
#b1 .bp h2 { font-size:7vw;}
#b1 .c1 h3 { font-size:8vw;margin:0.5em 0 0 0;}
#b1 .c1 p { font-size:5.2vw; }
#b1 .c1 .ht { font-size:4.2vw;}
#b1 .c1 img { width:13vw}
#b1 .bp .tl{ margin-top:3.3vw; }
#b1 .c1 .ht div { margin: 3.5vw .5em 0px 0px;}
#b2 .c1 .i, #b2a .c1 .i { font-size:2.5em;}
#b2 .c2 { left:8%; }
#b2a .c2 { right:8%; }
#b3 h4 { font-size:18px;}
#b3 h5 { font-size:16px; }
#b3 .c .i {min-height:55vw;}
#b3 .k a .i { min-height:50vw;}
#b4 a .i img {position: relative;  margin-top:5vw;}
#b4 a { width:100%; height:auto; padding-top:30px; margin-top:5px;}	
#b4 a .i {height:auto;}
#b4 a h3,.tit article a p { font-size:24px;}	
#b5 .vn {height:45.72vw;}
#b5 .b { width:94%; text-align:center;}
#b5 .p h3 { font-size:36px;margin:20px 5% 5px 5%; text-align:center}
#b5 .p h4 { font-size:20px;text-align:center; padding:0 10%; }
#b5 p { font-size:18px;font-family:SlatePro-Medium, Arial, Helvetica, sans-serif; margin:1em 5%; text-align:center;}
#vzt .c2 h2 {font-size:19px; letter-spacing:.05em;padding:2px 1em;}
footer .c { width:100%; margin-right:0; float:none;}
footer .c:first-child { width:100%; margin:0;}
footer h4 { margin:1em 0 .5em; }
footer .m { font-size:1.2em;}
#lsk {padding-bottom:70px;}
#lsk .bp { margin-top:30px;}
#lsk .k { height:calc(13vw + 120px);}
#lsk .l { bottom:10vw;}
#lsk .bp .tl.p1 { width:10%; }
#lsk .bp .tl.p2 { width:10%; }
#lsk .bp h2 { width:79%;}
#lsk .bp h2 { font-size:5vw;}
#lsk h1 { margin-bottom:.5em;}
#lsk .c1 { width:70%;  margin:20px 3% 0 3%; float:left;}
#lsk .c2 { width:94%; }
#lsk .c3 { width:60%; }
#kdv h1 { font-size:59px; }
#kdv h2 { font-size:4vw; padding: 0 2em; margin-bottom: 0;}
#kdv .c1 {width:94%;height:64vw; margin:1em 3% 0 3%;}
#kdv .c1 div {width:60vw;height:61vw; margin: 0 auto;}
#kdv .c1 a {width:15vw;height:15vw;font-size:2.9vw;margin:-8.8vw 0 0 -6.9vw;}
#kdv .vm {width:18vw;height:18vw;top:57px;right:6%;}
#kdv .c2 {width:94%;margin:0 3%;}
#kdv h3 { font-size:5vw; }
#kdv h3 span { font-size:4vw;}
#kdv h4 { font-size:5vw;}
#kdv h4 span { font-size:9vw;}
#kdv .b { width: 90%; font-size:4vw; }
#kdv .btns a { font-size:4vw; }
#kavb h2 { font-size:54px;}
#kavb .c1 { width:96%; margin: 0 2%; height: 39vw;}
#kavb .c1 a {width:11vw;height:11vw; left:12vw; top:37.9%; font-size:2.2vw;}
#kavb .c2 { width:80%; margin: 0 10%;}
#kavb .c2 h3 {font-size:5.8vw;}
#kavb .c2 h4 {font-size:3.65vw}
#kavb .c2 a {width:11vw;height:11vw; left:36vw; top:4.4vw; font-size:4.8vw;}
.gr .bal a { width: 50%; height:30vw; margin-left:0;}

}
@media (max-width: 500px) {
header .logo {  width:45%; }
.knizne .s1 { top:0; right:1%; width:29%; height:200px;}
.knizne .s2 { top:5px; right:1%; width:17%; height:200px;}
.knizne .s3 { top:5px; right:1%; width:17%; height:200px;}
.knizne .s4 { top:0; right:1%; width:29%; height:200px;}
.knizne .s5 { top:5px; right:1%; width:17%; height:200px;}
.knizne .s6 { top:5px; right:1%; width:17%; height:200px;}
.knizne .s7 { top:5px; right:1%; width:17%; height:200px;}
.knizne .s8 { top:5px; right:1%; width:17%; height:200px;}
.knizne .s9 { top:0; right:1%; width:29%; height:200px;}
.besedy h3 {font-size: 2.5em; margin:8px 0;}
}
@media (max-width: 440px) {
header .logo {  width:55%; }
.ban .bg { top:70px;}
.ban .c {  margin:100vw auto 0 auto;}
#b3 .ep img:nth-child(1) { width:97%; max-width:97%}
#b2 .bp .tl.p1 { width:36%; } #b2 .bp .tl.p2 { width:8%; } #b2 .bp h2 { width:55%;}
#b3 .bp .tl.p1 { width:5%; } #b3 .bp .tl.p2 { width:30%; } #b3 .bp h2 { width:64%;}
#b3 .bp2 .tl.p1 { width:5%; } #b3 .bp2 .tl.p2 { width:34%; } #b3 .bp2 h2 { width:60%;}
#b4 .bp .tl.p1 { width:40%; } #b4 .bp .tl.p2 { width:8%; } #b4 .bp h2 { width:51%;}
#b5 .bp .tl.p1 { width:10%; } #b5 .bp .tl.p2 { width:23%; } #b5 .bp h2 { width:66%;}
#b2 .bp h2, #b3 .bp h2, #b3 .bp2 h2, #b3 .bp3 h2, #b4 .bp h2, #b5 .bp h2 {font-size:5.8vw; }
#b2 .bp .tl, #b3 .bp .tl, #b3 .bp2 .tl, #b4 .bp .tl, #b5 .bp .tl { height:1.7vw; margin-top:2.6vw; }
#b5 .ig2 a:nth-child(1) .l img {margin-top:1.45em}
#b5 .ig2 a:nth-child(2) .l img {margin-top:20px;}
#b5 .ig2 a:nth-child(3) .l img {margin-top:2em;}

#lsk {padding-bottom:50px;}
#lsk .c1 {  margin:10px 3% 0 3%;}
#lsk .c3 { margin:32vw 3% 0 3%;}
#lsk h1 { font-size:32px; margin-bottom:.5em; }
#lsk h3 { font-size:22px;  }
#lsk p.u { font-size:21px;}
#lsk p.v { font-size:20px; margin-top:.5em; margin-bottom:0;}
#lsk .s { width:37%; height:240px;right:-4%; top:110px;}
#lsk .l { width:83%; left:-26.5%; bottom:59vw;}
#lsk .k { left:2%; width:30%; height:calc(44vw + 120px);}
#lsk .p { width:110%; left:-16%; bottom:-5vw;}
#lsk a.btn { margin-top:.25em; padding:.6em 2.3em .6em 1.3em;}
#kdv {padding: 45px 0 10px 0;}

#kdv h2 { font-size:5.8vw; padding: 0 .3em;}
#kdv .c1 {height:80vw;}
#kdv .c1 div {width:80vw;height:80vw;}
#kdv .c1 a {width:22vw;height:22vw;font-size:4.1vw;margin:-10.8vw 0 0 -10.9vw;}
#kdv .vm {width:22vw;height:22vw;}
#kdv .c2 {width:96%;margin:0 2%;}
#kdv h3 { font-size:6vw; }
#kdv h3 span { font-size:4.8vw;}
#kdv h4 { font-size:5vw;}
#kdv h4 span { font-size:9vw;}
#kdv .b { width: 90%; font-size:6vw; }
#kdv .btns a { font-size:4.8vw; }

	
#kavb .c1 {height:47vw;}
#kavb .c1 a {width:12vw;height:12vw; left:8.2vw; top:38.7%; font-size:2.5vw;}
#kavb .c2 { width:70%; margin: 0 15%;}
#kavb .c2 h3 {font-size:7.8vw;}
#kavb .c2 h4 {font-size:4.95vw}
#kavb .c2 a {width:13vw;height:13vw; left:48vw; top:7.1vw; font-size:5.9vw;}
.gr .bal {  margin:0 2% 1em 3%;}
}