@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:#999;} 
nav {width:96%; max-width:1200px; height:auto; overflow:hidden; margin:7px auto 8px auto; }
nav a { display:inline-block; text-decoration:none; box-sizing:border-box; padding:6px 17px 5px 18px; color:#fff; font-family: SlatePro-Medium, Arial, sans-serif; 
	letter-spacing:1px;	border:2px solid #999; text-shadow:1px 1px 2px #555;}
nav a:first-child, nav a:hover { border:2px solid #fff;}

header { width:96%; max-width:1200px; height:auto; overflow:hidden; margin:0 auto; background:#00a2eb; font-family: SlateProLight, Arial, sans-serif;line-height:1.4;}
header .logo { display:block; width:28%; height:auto; overflow:hidden; margin:5px 0 0 1.8%; float:left;}
header .logo img { width:100%; height:auto; }
header .sm { width:auto; height:auto; margin:8px 1.8% 0 0; float:right;}
header .sm p { color:#fff;font-family: SlateProLight, Arial, sans-serif; font-size:17px; margin:8px 0 6px 0; text-align:center; /*text-shadow:1px 1px 2px #aa6;*/}
header .sm .ico span{ }

.wrap { width:96%; max-width:1200px; height:auto; overflow:hidden; margin:0 auto; }
.bl { width:100%;height:auto;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;}

.ico span { display:inline-block; background-repeat:no-repeat; background-size:contain; }
.ico-facebook { background-image:url(../images/ico-fb.svg); width:34px; height:38px;background-position:right top;}
.ico-instagram { background-image:url(../images/ico-ig.svg); width:36px; height:36px;background-position:center center;}
.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%;}}

.ban { width:100%; height:1130px; overflow:hidden; background:#038cac radial-gradient(#7ed2e8,#038cac); position:relative; background-position:center center; background-size:cover;  }
.ban .bg { width:80%; height:100%; position:absolute; left:10%; top:140px; 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:110px; letter-spacing:8px; 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; margin-top:450px; text-align:center; position:absolute; right:4%; bottom:90px;}
.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; padding:8px 22px; color:#000; background:#fff; text-align:center; text-decoration:none; border-radius:6px; margin-top:1.5em;}
.ban a.btn:hover { color:#fff; background:#038cac;}

.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 { text-decoration:none; 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;}

.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;}

.gr { width:100%; padding:1em 1%; box-sizing:border-box; /*border:1px solid #fff;*/ overflow:hidden; background-image: linear-gradient(#0083b4, #00a5d4);}
.gr p { font-family: SlateProLight,Arial, sans-serif; font-weight:200; padding:5px; text-align:justify; line-height:1.4; font-size:20px; font-style:italic; color:#fff; }
.gr .c1 { width:23%; padding:20px 1% 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-2025/MarekNema.webp) no-repeat center center; background-size:cover; border-radius:50%; margin:0 auto;}
.gr .c1 .bf .h { width:155px; height:175px; background:url(../images/knizne-2024/hviezda-tyrkys-450.webp) no-repeat center center; background-size:contain; margin:1em auto 2px auto;}
.gr .c1 .bf h4 { font-size:19px; margin-bottom:2px; font-weight:400;}
.gr .c1 .bf p { 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:71%; padding:1em 2%; overflow:hidden; float:left; color:#fff; }
.gr  h2 { font-family: SlateProBook,Arial, sans-serif; font-size:32px; letter-spacing:1px; color:#fff; }
.gr .kvc {text-align:center; margin:10px 0; color:#fff;}
.gr .kvc span {font-family: SlateProLight,Arial, sans-serif; font-size:20px;display:inline-block;width:130px;height:130px;line-height:130px;border-radius:50%; /*background:#7ed2e8; color:#0083b4;*/border:2px solid #7ed2e8;}
.gr .kvc span:nth-child(2) {margin:0 3em;}

.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:290px; 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:18px; }
.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;}

.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; }

#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 a { display:inline-block; font-size:.9em; padding:1px 8px; color:#ebbc6a; text-decoration:none; border:1px solid #ebbc6a; border-radius:5px; }
#b1 .c1 a:hover { color:#fff; 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:653px; 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; }

#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%;}
#b3 .c { width:22%; overflow:hidden; margin:5px 1.5%; float:left; text-align:center; color:#fff;}
#b3 .c .i { width:100%; overflow:hidden; text-align:center; margin-bottom:6px;min-height:340px;}
#b3 .c .i img { width:100%; max-width:250px;}
#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:#3ca5d3;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;}
#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/leto-2025/ig1.webp)}
#b5 .ig .slider div:nth-child(2), #b5 .ig .slider div:nth-child(8) { background-image:url(../images/leto-2025/ig2.webp)}
#b5 .ig .slider div:nth-child(3), #b5 .ig .slider div:nth-child(9) { background-image:url(../images/leto-2025/ig3.webp)}
#b5 .ig .slider div:nth-child(4), #b5 .ig .slider div:nth-child(10) { background-image:url(../images/leto-2025/ig4.webp)}
#b5 .ig .slider div:nth-child(5), #b5 .ig .slider div:nth-child(11) { background-image:url(../images/leto-2025/ig5.webp)}
#b5 .ig .slider div:nth-child(6), #b5 .ig .slider div:nth-child(12) { background-image:url(../images/leto-2025/ig6.webp)}

#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 .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;}
@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;}

@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 { max-width:85%;}
#b2 .c2 { width:43%; height:auto; top:calc(80px + 6vw);}
#b2 .c2 img { max-width:100%;}
#b2 .c2 .km { width:14vw; height:15vw; top:31vw; }
#b2 .bp h2, #b3 .bp h2, #b3 .bp2 h2, #b3 .bp3 h2, #b4 .bp h2, #b5 .bp h2, #b6 .bp h2 {font-size:4.8vw; }
#b1 .bp .tl, #b2 .bp .tl, #b3 .bp .tl, #b3 .bp2 .tl, #b4 .bp .tl, #b5 .bp .tl, #b6 .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%; }
}
@media (max-width: 1200px) {
.ban { height:91vw;}
.ban h1 { font-size:9vw;margin-top:4vw;}
.ban .os { margin-bottom:2em;}
.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}
#b4 a { height:32vw; }	
#b4 a .i {height:22vw;}
}
@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:100vw;}
#b2 .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;}
}
@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 h1 { position:relative;}*/
.ban .bg { height:70vw;}
.ban .c { position:relative; right:0; margin:61vw 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:71vw 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;}	
}
@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;}	
}
@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 { width:91%; margin:0 3% 1em 6%; float:none;}
#b2 .c2 { width:92%; top:0; left:12%; position:relative; margin-bottom:2em;}
#b2 .c2 img { max-width:90%;}
#b2 .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%; }
}
@media (max-width: 700px) {
.ban .kd { font-size:4.8vw;}
}
@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 h1 { font-size:11vw;margin-top:6vw;}
.ban .c {  margin:91vw auto 0 auto;}
.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 { font-size:2.5em;}
#b2 .c2 { left:8%; }
#b3 h4 { font-size:18px;}
#b3 h5 { font-size:16px; }
#b3 .c .i {min-height:55vw;}
#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;}
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;}
}
@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; }
}