@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:#888;} 
nav {width:96%/*1200px*/; 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 #888; text-shadow:1px 1px 2px #555;}
nav a:first-child, nav a:hover { border:2px solid #fff;}

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

@keyframes dual { 0%,100% {color:#00a2eb;} 50%{color:#ff0000;}}
@keyframes hup { 0%,100% {margin-left:-20%;} 50%{margin-left:20%;}}

.ban { width:100%; height:auto; overflow:hidden; background-color:#038cac; background-image: radial-gradient(#7ed2e8,#038cac); position:relative; }
.ban h1 { 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; }
.ban h1 span {font-family: SlatePro-Thin, Arial, sans-serif; }
.ban 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;}
.ban p span {font-family: SlatePro-Thin, Arial, sans-serif; }
.ban .ilb { width:100%; height:400px; overflow:hidden; position:relative; margin:10px 0; }
.ban .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;}
.ban .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;}
.ban .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;}
.ban .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;}

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

#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:1em 0 2em 0;}
#b2 .c1 .i img { margin-right:4%;}
#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)}
@keyframes sa { 0% { margin-left:0;} 100% {margin-left:-1578px;}}

/* .banner-col {background: #08aee9; background: linear-gradient(0deg, #08aee9 0%, #3f9ddd 50%, #5995d8 100%); width: 41.7%; position: absolute; top: 0; bottom: 0;    right: 0;}*/

.spk { width:100%; height:1px; overflow:hidden;}
@media (max-width: 1260px) {
.ban .sutaz { width:42%;margin-right:4%; margin-top:3vw;}
#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 {font-size:4.8vw; }
#b2 .bp .tl, #b3 .bp .tl, #b3 .bp2 .tl, #b4 .bp .tl, #b5 .bp .tl { height:1.5vw; margin-top:2.05vw; }
#b3 .c .i {min-height:26vw;}
#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 h1 { font-size:6.8vw; letter-spacing:1.9vw; margin:8vw 0 .5em 0;}
.ban .ilb { height:33vw; }
.ban .d {height:6.8vw;}
.ban .i { height:24vw; top:7vw;}
.ban .l { height:24vw; top:7vw;}
.ban .b { height:24vw; top:7vw;}
#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; }
#b3 h3 { font-size:36px;}
#b4 a h3 { font-size:16px;}
#b5 .ig { margin:50px auto;}
}
@media (max-width: 1000px) {
.ban p {  font-size:4.2vw;}
#b3 .c { width:44%; margin:5px 3%;}
#b4 a h3 { font-size:15px;}
}
@media (max-width: 920px) {
#b4 a { width:30%; height:46vw;/*border:1px solid red;*/}	
#b4 a .i {height:33vw;}
#b4 a h3 { font-size:18px;}	
.pol .kvdk div { right:0%; width:27%; height:150px;}
}
@media (max-width: 820px) {
header .logo {  width:35%; }
#b4 a h3 { font-size:15px;}	
.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;}
}
@media (max-width: 799px) {
#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;}
#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;}

}
@media (max-width: 600px) {
header .sm { margin:1px 1.8% 0 0;}
header .sm p { margin:1px 0 1px 0; }
.ban h1 { font-size:6.9vw; }
.ban p {  font-size:4.4vw;}
#b2 .c2 { left:8%; }
#b3 h4 { font-size:18px;}
#b3 h5 { font-size:16px; }
#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;}

.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;}
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%; }
}
@media (max-width: 440px) {
header .logo {  width:55%; }
#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; }
}