@import url('https://fonts.googleapis.com/css2?family=Fira+Sans+Extra+Condensed:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Open+Sans:ital,wght@0,300..800;1,300..800&family=Unbounded:wght@200..900&display=swap');

* {margin:0px; padding:0px; box-sizing:border-box;}
body {position:relative; min-width:320px; width:100%; min-height:100%; color:#000000; font-family:'Open Sans', sans-serif; background-color:#FFFFFF; overflow-x:hidden;}
tbody {width:100%}
p {margin:10px 0; padding:0; font-size:18px; line-height:1.3;}
ol, ul {margin:0 0 0 20px;}
li {margin:0 0 5px 10px;}
a, a:link, a:visited, a:hover {color:inherit; text-decoration:underline; transition:.3s; cursor:pointer;}
a:hover {color:#A7B7FB;}

.snow {position:absolute; top:-75px; left:0; z-index:30000; opacity:.9;}

div#col0, div#col4 {display:flex; flex-direction:column; justify-content:center; text-align:center;}

div#back {position:fixed; top:0; left:0; width:100%; height:700px; background-position:50% 50%; background-repeat:no-repeat; background-size:cover;}

div#top {position:relative; left:0; top:0; width:100%; overflow:show; transition:.3s; text-align:center; z-index:1000;}
div#hat {position:relative; width:100%; padding:0; margin:0; background:#FFFFFF; text-align:center;}
div#hat-page {position:relative; display:inline-block; width:100%; max-width:1200px; height:200px; padding:45px 0 10px 0; margin:0; text-align:left;}

div#logo-div {display:flex; align-items:center; justify-content:flex-start; min-height:75px; padding:0; text-decoration:none; z-index:100;}
img#logo {height:73px; width:auto; z-index:100;}
a#header {display:flex; flex-wrap:wrap; align-items:center; justify-content:flex-start; padding:0 0 0 15px; text-decoration:none; z-index:100;}
a#header h1 {font-family:'Fira Sans Extra Condensed', sans-serif; font-size:29px; line-height:1; letter-spacing:1%; font-weight:semibold; color:#000000; text-transform:uppercase; width:100%; margin:0 0 10px 0; overflow:hidden;}
a#header span {display:block; font-family:'Fira Sans Extra Condensed', sans-serif; font-size:16px; line-height:20px; font-weight:normal; color:#000000; letter-spacing:.8px; text-transform:uppercase;}
a#header strong {color:#072FDB;}
a#site {position:absolute; right:0px; top:45px; font-family:'Open Sans', sans-serif; font-size:16px; line-height:1; letter-spacing:.6px; font-weight:normal; text-decoration:none; color:#000000; transition:.3s;}
a#site:hover {color:#072FDB; text-decoration:underline;}

div#hat-buttons {display:flex; align-items:center; justify-content:space-between; gap:10px; min-height:33px; padding:0; margin-top:25px; text-decoration:none;}
div#hat-buttons div {display:flex; flex-grow:1; align-items:center; justify-content:flex-end; gap:10px; min-height:33px; padding:0; margin:0; text-decoration:none;}
a#enter {display:flex; align-items:center; justify-content:center; white-space:nowrap; width:auto; height:32px; padding:0 14px; border:1px solid #000000; font-family:'Unbounded', sans-serif; font-size:11px; line-height:1; letter-spacing:.6px; font-weight:normal; text-transform:uppercase; text-decoration:none; color:#000000; transition:.3s;}
a#enter:hover {border:1px solid #072FDB; background:#072FDB; color:#FFFFFF;}
a#lk {display:flex; align-items:center; justify-content:center; white-space:nowrap; width:auto; height:32px; padding:0 14px; border:1px solid #000000; font-family:'Unbounded', sans-serif; font-size:11px; line-height:1; letter-spacing:.6px; font-weight:normal; text-transform:uppercase; text-decoration:none; color:#000000; transition:.3s;}
a#lk:hover {border:1px solid #072FDB; background:#072FDB; color:#FFFFFF;}
a#regions {display:flex; align-items:center; justify-content:center; white-space:nowrap; width:auto; height:32px; padding:0 14px; border:1px solid #072FDB; border-radius:16px; font-family:'Unbounded', sans-serif; font-size:11px; line-height:1; letter-spacing:.6px; font-weight:normal; text-transform:uppercase; text-decoration:none; color:#072FDB; transition:.3s;}
a#regions:hover {border:1px solid #072FDB; background:#072FDB; color:#FFFFFF;}
a#temamob {display:none; align-items:center; justify-content:center; white-space:nowrap; width:auto; height:32px; padding:0 14px; border:1px solid #072FDB; background:#072FDB; font-family:'Unbounded', sans-serif; font-size:11px; line-height:1; letter-spacing:.6px; font-weight:normal; text-transform:uppercase; text-decoration:none; color:#FFFFFF; transition:.3s;}
a#temamob:hover {border:1px solid #000000; background:#000000; color:#FFFFFF;}
a#tema {display:flex; align-items:center; justify-content:center; white-space:nowrap; width:auto; height:32px; padding:0 14px; border:1px solid #072FDB; background:#072FDB; font-family:'Unbounded', sans-serif; font-size:11px; line-height:1; letter-spacing:.6px; font-weight:normal; text-transform:uppercase; text-decoration:none; color:#FFFFFF; transition:.3s;}
a#tema:hover {background:#FFFFFF; color:#072FDB;}

#searchform {display:flex; align-items:center; justify-content:flex-end; position:relative; flex:1; max-width:450px; height:32px; padding:0; margin:0 0 0 50px; border:0; text-align:right; transition:.5s;}
input#searchinput {width:calc(100% - 50px); height:32px; background:white; font-size:18px; line-height:18px; padding:0; margin:0; border:0; border-bottom:1px solid #000000; vertical-align:top; outline:0; outline-offset:0;}
input#searchsubmit {width:32px; height:32px; margin:0; border:0; background:#FFFFFF; background-image:url(/Images/search0.png); background-position:50% 50%; background-repeat:no-repeat; background-size:24px 24px; cursor:pointer; transition:.3s; vertical-align:top;}
input#searchsubmit:hover {background-color:#072FDB; background-image:url(/Images/search.png);}
div.searchparams {display:block; margin:10px 0; font-size:18px; line-height:1; color:#000000;}
div.searchparams select {max-width:300px; font-size:18px; line-height:1; color:#000000; margin:0 10px 0 0; border-bottom:2px solid #072FDB;}

a.region:link, a.region:visited {display:block; color:#06a; font-size:21px; line-height:1.2; padding:10px 0 10px 30px; text-decoration:none;}
a.region:hover {color:#f00;}

a.ok:link, a.ok:visited {display:inline-block; width:30px; height:30px; margin:0 20px 10px 0; background-image:url(/Images/ok.png?1); filter:opacity(.7); background-position:50% 50%; background-repeat:no-repeat; background-size:contain;}
a.ok:hover {filter:opacity(1);}
a.max:link, a.max:visited {display:inline-block; width:30px; height:30px; margin:0 20px 10px 0; background-image:url(/Images/max.png?1); filter:opacity(.7); background-position:50% 50%; background-repeat:no-repeat; background-size:contain;}
a.max:hover {filter:opacity(1);}
a.rutube:link, a.rutube:visited {display:inline-block; width:30px; height:30px; margin:0 20px 10px 0; background-image:url(/Images/rutube.png?1); filter:opacity(.7); background-position:50% 50%; background-repeat:no-repeat; background-size:contain;}
a.rutube:hover {filter:opacity(1);}
a.vkontakte:link, a.vkontakte:visited {display:inline-block; width:30px; height:30px; margin:0 20px 10px 0; background-image:url(/Images/vkontakte.png?1); filter:opacity(.7); background-position:50% 50%; background-repeat:no-repeat; background-size:contain;}
a.vkontakte:hover {filter:opacity(1);}
a.instagram:link, a.instagram:visited {display:inline-block; width:30px; height:30px; margin:0 20px 10px 0; background-image:url(/Images/instagram.png?1); filter:opacity(.7); background-position:50% 50%; background-repeat:no-repeat; background-size:contain;}
a.instagram:hover {filter:opacity(1);}
a.youtube:link, a.youtube:visited {display:inline-block; width:30px; height:30px; margin:0 20px 10px 0; background-image:url(/Images/youtube.png?1); filter:opacity(.7); background-position:50% 50%; background-repeat:no-repeat; background-size:contain;}
a.youtube:hover {filter:opacity(1);}
a.telegram:link, a.telegram:visited {display:inline-block; width:30px; height:30px; margin:0 20px 10px 0; background-image:url(/Images/telegram.png?1); filter:opacity(.7); background-position:50% 50%; background-repeat:no-repeat; background-size:contain;}
a.telegram:hover {filter:opacity(1);}

a#mphone:link, a#mphone:visited, a#mphone:hover {display:none; font-size:18px; line-height:1; padding:10px; font-weight:900; color:#0E6BC1; text-decoration:none;}

div#menu {display:block; position:relative; width:100%; height:40px; overflow:hidden; padding:0; margin:0; text-align:center;}
div#menu-page {display:inline-block; position:relative; width:100%; height:40px; max-width:1200px; padding:0; background-color:#FFFFFF; border-top:6px solid #000000;}
div#menucont {display:flex; align-items:center; flex-wrap:wrap; gap:20px; overflow:hidden;}
a.menu:link, a.menu:visited {display:inline-block; padding:14px 0; margin:0; color:#000000; font-family:'Unbounded', sans-serif; font-size:12px; line-height:1; letter-spacing:1.2px; font-weight:normal; text-decoration:none; text-transform:uppercase; transition:.3s;}
a.menu:hover {color:#072FDB;}
a.ishover, a.ishover:link, a.ishover:visited {color:#072FDB;}
div#submenu {display:none; max-width:400px; height:auto; max-height:80vh; overflow-x:hidden; overflow-y:auto; padding:5px 10px 10px 10px; background:#FFFFFF; border:0; position:absolute; top:0; left:0; z-index:9999; box-shadow:6px 6px 0 rgba(0,0,0,.2); text-align:left;}
div#submenu a, div#submenu a:link, div#submenu a:visited {display:block; padding:7px 12px; margin:0; border-bottom:1px solid #e2e2e2; font-family:'Unbounded', sans-serif; font-size:12px; line-height:15px; color:#000000; background-color:none; text-decoration:none;} 
div#submenu a:hover {background-color:#e2e2e2; color:#072FDB; border-bottom:1px solid #072FDB;}
div#submenu::-webkit-scrollbar {width: 10px;}
div#submenu::-webkit-scrollbar-track {background-color: #???;}
div#submenu::-webkit-scrollbar-thumb {background-color: #FFFFFF;}

a#mobilemenu:link, a#mobilemenu:visited, a#mobilemenu:hover {display:none; width:20px; height:20px; padding:14px 0; margin:0; overflow:hidden; background-image:url(/Images/menu-icon.png?1); background-position:0 4px; background-repeat:no-repeat; font-size:16px; line-height:1; color:#FFFFFF; font-weight:bold; text-decoration:none;}
a#mobilemenu span {display:none;}
a#mobilemenubut:link, a#mobilemenubut:visited, a#mobilemenubut:hover {position:absolute; right:0px; top:45px; display:none; width:34px; height:23px; padding:0; margin:0; overflow:hidden; background-image:url(/Images/menu-mobile.png); background-repeat:no-repeat; z-index:10001;}

div#fullmenu {position:absolute; left:0; top:0; display:none; width:100%; min-height:100vh; padding:20px; background:white; overflow:hidden; text-align:center; z-index:10001;}
div.fullmenu {position:relative; display:inline-block; width:100%; max-width:1200px; text-align:left;}
div.fullmenu h1 {font-size:24px; line-height:24px; margin:0 0 10px 0; font-weight:600; color:#fff;}

div#regions {position:absolute; left:0; top:0; display:none; width:100%; min-height:100vh; padding:20px; background:white; overflow:hidden; text-align:center; z-index:10001;}
div.regions {position:relative; display:inline-block; width:100%; max-width:1200px; text-align:left;}
div.regions h1 {font-family:'Unbounded', sans-serif; font-size:21px; line-height:1; letter-spacing:1.2px; font-weight:normal; text-decoration:none; margin:20px 0 20px 0; font-weight:bold; color:#000000;}
div.dir	{display:block; padding:0 0 0 30px; position:relative;}
div.dir a:link, div.dir a:visited {display:inline-block; font-family:'Unbounded', sans-serif; font-size:16px; line-height:1; letter-spacing:1.2px; font-weight:normal; text-decoration:none; padding:10px; border-radius:5px; font-weight:normal; color:#000000; text-decoration:none;}
div.dir a:hover {background-color:#e2e2e2;}
div.dir a#active {color:#072FDB; font-weight:bold;}
a.rolldown:link, a.rolldown:visited {display:inline-block; position:absolute; top:0px; left:0px; width:38px; height:38px; border:0; background-image:url(/Images/rolldownblack.png); background-repeat:no-repeat; background-position:right 50%; text-decoration:none;}
a.rolldown:hover {display:inline-block; position:absolute; top:0px; left:0px; width:38px; height:38px; border:0; background-image:url(/Images/rolldownblack.png); background-repeat:no-repeat; background-position:right 50%; text-decoration:none;}
a.rollup:link, a.rollup:visited {display:inline-block; position:absolute; top:0px; left:0px; width:38px; height:38px; border:0; background-image:url(/Images/rollupblack.png); background-repeat:no-repeat; background-position:right 50%; text-decoration:none;}
a.rollup:hover {display:inline-block; position:absolute; top:0px; left:0px; width:38px; height:38px; border:0; background-image:url(/Images/rollupblack.png); background-repeat:no-repeat; background-position:right 50%; text-decoration:none;}
span.close {display:inline-block; position:absolute; right:0; top:0; cursor:pointer; width:40px; height:40px; background-image:url(/Images/close40.png); background-repeat:no-repeat; background-position:right 50%; z-index:11000;}

a#phone {position:absolute; display:none; right:25px; top:25px; width:40px; height:40px; background-image:url(/Images/phone.png); background-position:50% 50%; background-repeat:no-repeat;}

div#main {position:relative; width:100%; text-align:center;}

div#hot {display:block; position:relative; width:100%; overflow:hidden; padding:0; margin:20px 0 0 0; text-align:center; transition:.3s;}
a.hot1:link, a.hot1:visited {display:flex; align-items:center; justify-content:center; width:100%; min-height:400px; border:0; background-color:#072FDB; padding:50px; margin:0; overflow:hidden; text-decoration:none; transition:.3s;}
a.hot1:hover {background-color:#0425B3;}
a.hot1 span {width:100%; color:#FFFFFF; font-family:'Unbounded', sans-serif; font-size:9px; line-height:1; font-weight:normal; letter-spacing:1px; text-transform:uppercase; text-decoration:none; overflow:hidden; margin:0; padding:0; border:0;}
a.hot1 h3 {width:100%; color:#FFFFFF; font-family:'Unbounded', sans-serif; font-size:48px; line-height:60px; font-weight:normal; text-decoration:none; overflow:hidden; margin:0; padding:20px 0; border:0;}
a.hot1 p {width:100%; color:#FFFFFF; font-family:'Open Sans', sans-serif; font-size:28px; line-height:42px; font-weight:normal; text-decoration:none; overflow:hidden; margin:0; padding:0; border:0;}

a.hot2:link, a.hot2:visited {display:flex; align-items:center; justify-content:space-between; width:100%; height:auto; aspect-ratio:80/31; border:0; background-color:#072FDB; padding:0; margin:0; overflow:hidden; text-decoration:none; transition:.3s;}
a.hot2:hover {background-color:#0425B3;}
a.hot2 div {padding:40px;}
a.hot2 span {width:100%; color:#FFFFFF; font-family:'Unbounded', sans-serif; font-size:9px; line-height:1; font-weight:normal; letter-spacing:1px; text-transform:uppercase; text-decoration:none; overflow:hidden; margin:0; padding:0; border:0;}
a.hot2 h3 {width:100%; color:#FFFFFF; font-family:'Unbounded', sans-serif; font-size:24px; line-height:36px; font-weight:normal; text-decoration:none; overflow:hidden; margin:0; padding:20px 0; border:0;}
a.hot2 p {width:100%; color:#FFFFFF; font-family:'Open Sans', sans-serif; font-size:18px; line-height:26px; font-weight:normal; text-decoration:none; overflow:hidden; margin:0; padding:0; border:0;}
a.hot2 img {width:auto; height:100%; border:0; object-fit:cover;}

a.hot3:link, a.hot3:visited {display:flex; position:relative; width:100%; height:auto; aspect-ratio:12/7; border:0; background-color:#072FDB; padding:0; margin:0; overflow:hidden; text-decoration:none; transition:.3s;}
a.hot3:hover img {transform:scale(1.03);}
a.hot3 img {position:absolute; left:0; top:0; width:100%; height:100%; border:0; object-fit:cover; transition:1s;}
a.hot3 div {position:absolute; left:0; bottom:0; width:100%; height:auto; padding:30px 100px; background:linear-gradient(to bottom, rgba(0,0,0,0),  rgba(0,0,0,.6),  rgba(0,0,0,.8));}
a.hot3 span {width:100%; color:#FFFFFF; font-family:'Unbounded', sans-serif; font-size:9px; line-height:1; font-weight:normal; letter-spacing:1px; text-transform:uppercase; text-decoration:none; overflow:hidden; margin:0; padding:0; border:0;}
a.hot3 h3 {width:100%; color:#FFFFFF; font-family:'Unbounded', sans-serif; font-size:28px; line-height:42px; font-weight:normal; text-decoration:none; overflow:hidden; margin:0; padding:10px 0; border:0;}
a.hot3 p {width:100%; color:#FFFFFF; font-family:'Open Sans', sans-serif; font-size:18px; line-height:26px; font-weight:normal; text-decoration:none; overflow:hidden; margin:0; padding:0; border:0;}

a.hot4:link, a.hot4:visited {display:flex; position:relative; width:100%; height:auto; aspect-ratio:12/7; border:0; background-color:#072FDB; padding:0; margin:0; overflow:hidden; text-decoration:none; transition:.3s;}
a.hot4:hover img {transform:scale(1.03);}
a.hot4 img {position:absolute; left:0; top:0; width:100%; height:100%; border:0; object-fit:cover; transition:1s;}

div.partners {position:relative; display:inline-block; width:100%; max-width:1200px; padding:60px 0 60px 0; margin:0; text-align:left; background:#FFFFFF; border:0; border-top:1px solid #000000;}
div.partners h3 {position:absolute; left:0; top:0px; color:#000000; font-family:'Unbounded', sans-serif; font-size:20px; line-height:1; font-weight:bold; text-decoration:none; margin:0; padding:10px 0;}
div.grid {display:flex; flex-direction:row; flex-wrap:wrap; align-items:flex-start; justify-content:flex-start; margin-left:200px; gap:0; overflow:hidden; padding:0;}
a.partners:link, a.partners:visited  {position:relative; display:inline-block; width:120px; height:120px; margin:-1px 0 0 -1px; padding:30px; border:0; border-top:1px solid #e2e2e2; border-left:1px solid #e2e2e2; transition:.3s; overflow:hidden;}
a.partners img {width:60px; height:60px; object-fit:contain; transition:.3s; filter:grayscale(100%);}
a.partners:hover img {filter:grayscale(0%);}


div.page {position:relative; display:inline-block; width:100%; max-width:1200px; align-self:center; text-align:left; margin:20px 0 0 0;}
div.page h2 {color:#000000; font-size:36px; line-height:1; text-align:left; margin:40px 0; padding:0 15px;}
a.all:link, a.all:visited  {position:absolute; right:15px; top:50px; color:#000000; font-size:16px; line-height:16px; font-weight:normal; transition:.3s;}
a.all:hover {color:#CC3100;}

div.header {background-color:#FFFFFF; padding:30px 0;}
a.parent:link, a.parent:visited {color:#000000; font-family:'Unbounded', sans-serif; font-size:12px; line-height:1; letter-spacing:1.2px; font-weight:normal; text-decoration:none; text-transform:uppercase;}
a.parent:hover {color:#072FDB; text-decoration:underline;}
div.artheader {display:flex; flex-wrap:no-wrap; align-items:center; justify-content:flex-start; margin:30px 0;}
img#pagephoto {width:387px; height:244px; margin-right:30px;}
div.header h1 {color:#000000; font-family:'Unbounded', sans-serif; font-size:32px; line-height:1.35; font-weight:bold; text-decoration:none; overflow:hidden; margin:0 0 20px 0; padding:0;}

span.date {display:inline-block; font-size:12px; font-weight:normal; line-height:12px; color:#072FDB; text-decoration:none;}
span.view {display:none; font-size:12px; font-weight:normal; line-height:12px; color:#072FDB; text-decoration:none; padding:0 5px 0 14px; background-image:url(/Images/eye.png); background-position:left center; background-repeat:no-repeat;}
div.date {display:inline-block; font-family:'Unbounded', sans-serif; font-size:11px; font-weight:normal; line-height:1; color:#000000; text-decoration:none;}
a.print:link, a.print:visited {display:inline-block; position:relative; font-family:'Unbounded', sans-serif; font-size:11px; font-weight:normal; line-height:1; color:#000000; text-decoration:none; padding:0;}
a.print:hover {color:#072FDB;}
a.print::before {content:''; width:18px; height:18px; position:absolute; left:-20px; top:-3px; background-image:url(/Images/print.svg); background-size:contain; background-repeat:no-repeat;}
div.source {text-align:right;}
a.source:link, a.source:visited, a.source:hover {font-size:14px; font-weight:normal; line-height:1; color:#072FDB; text-decoration:none; text-align:right; margin:0 0 10px 0;}
span.source {display:block; font-size:14px; font-weight:normal; line-height:1; color:#072FDB; text-decoration:none; text-align:right; margin:0 0 10px 0;}

div.newsblock {display:flex; flex-direction:row; flex-wrap:no-wrap; justify-content:space-between; background-color:#FFFFFF; border:0; padding:0; margin:20px 0 0 0;}
div.news {display:flex; position:relative; flex-direction:row; flex-wrap:wrap; justify-content:start; gap:20px 1.6%; width:100%; min-width:66%; height:auto; background-color:#FFFFFF; border:0; border-top:1px solid rgba(0,0,0,.3); padding:60px 0 0 0; margin:0;}
div.news h3 {position:absolute; left:0; top:-4px; color:#000000; font-family:'Unbounded', sans-serif; font-size:20px; line-height:1; font-weight:bold; text-decoration:none; margin:0; padding:10px 0; border-top:6px solid #000000;}
a.news:link, a.news:visited  {position:relative; display:inline-block; background:#FFFFFF; width:49%; max-width:387px; border:0; padding:0; margin:0 0 20px 0; text-decoration:none; overflow:hidden; transition:.3s;}
a.news img {width:100%; height:auto; aspect-ratio: 387 / 244; object-fit:contain; transition:.3s;}
a.news span.date {display:block; color:#888888; font-size:13px; line-height:1; font-weight:normal; padding:0; margin:10px 0; transition:.3s;}
a.news span.category {display:block; color:#ED1C24; font-family:'Unbounded', sans-serif; font-size:9px; line-height:1.2; font-weight:normal; letter-spacing:1px; text-transform:uppercase; height:10px; padding:0; margin:15px 0 10px 0; text-transform:uppercase; overflow:hidden; transition:.3s;}
a.news h3 {color:#000000; font-family:'Open Sans', sans-serif; font-size:21px; line-height:25px; font-weight:600; overflow:hidden; margin:10px 0; padding:0;}
a.news h4 {color:#000000; font-family:'Open Sans', sans-serif; font-size:16px; line-height:22px; font-weight:600; overflow:hidden; margin:10px 0; padding:0;}
div.materials {display:flex; position:relative; flex-direction:column; min-width:25%; height:auto; background-color:#FFFFFF; border:0; border-top:1px solid rgba(0,0,0,.3); padding:60px 0 0 0; margin:0 0 0 100px;}
div.materials h3 {position:absolute; left:0; top:-4px; color:#000000; font-family:'Unbounded', sans-serif; font-size:20px; line-height:1; font-weight:bold; text-decoration:none; margin:0; padding:10px 0; border-top:6px solid #000000;}
a.material:link, a.material:visited  {position:relative; display:block; background:#FFFFFF; border:0; border-bottom:1px solid #072FDB; padding:0 0 20px 0; margin:0 0 20px 0; text-decoration:none; transition:.3s;}
a.material span.category {display:block; color:#ED1C24; font-family:'Unbounded', sans-serif; font-size:9px; line-height:1.2; font-weight:normal; letter-spacing:1px; text-transform:uppercase; height:10px; padding:0; margin:10px 0; text-transform:uppercase; overflow:hidden; transition:.3s;}
a.material h4 {color:#000000; font-family:'Open Sans', sans-serif; font-size:15px; line-height:20px; font-weight:normal; overflow:hidden; margin:10px 0; padding:0; transition:.3s;}
a.material::after {content:''; display:inline-block; position:absolute; bottom:-3px; right:-0; width:30px; height:20px; background-color:#ffffff; background-image:url(/Images/arrow.svg); background-position:center center; background-repeat:no-repeat; background-size:50%; transition:.3s;}
a.material:hover {border-bottom:1px solid #000000;}
a.material:hover::after {width:45px; height:30px;}

div.publications {display:flex; position:relative; flex-direction:row; flex-wrap:wrap; justify-content:space-between; background-color:#FFFFFF; border:0; padding:0; margin:0;}
button#change {display:inline-block; position:absolute; right:0; top:-30px; opacity:.2; cursor:pointer; width:24px; height:24px; border:0; background:#FFFFFF; background-image:url(/Images/view2.png); background-size:contain; background-repeat:no-repeat; transition:.3s;}
button#change:hover { opacity:1;}

a.publication1:link, a.publication1:visited {width:100%; display:flex; flex-direction:row; flex-wrap:no-wrap; align-items:center; justify-content:flex-start; text-decoration:none; background:#FFFFFF; width:100%; height:auto; border:0; border-bottom:1px solid #DDDDDD; padding:30px 0; margin:0; overflow:hidden; transition:.3s;}
a.publication1:hover * {color:#072FDB;}
a.publication1 img {width:240px; height:auto; transition:.3s; margin-right:30px;}
a.publication1 div {width:900px;}
a.publication1 span.date {display:block; color:#555555; font-size:14px; line-height:14px; font-weight:normal; padding:10px 0; transition:.3s;}
a.publication1 h3 {color:#000000; font-family:'Unbounded', sans-serif; font-size:16px; line-height:1.3; letter-spacing:1px; font-weight:bold; overflow:hidden; margin:5px 0; padding:0;}
a.publication1 h4 {color:#000000; font-family:'Unbounded', sans-serif; font-size:16px; line-height:1.3; letter-spacing:1px; font-weight:bold; overflow:hidden; margin:5px 0; padding:0;}

a.publication2:link, a.publication2:visited {position:relative; display:inline-block; background:#FFFFFF; width:32%; max-width:387px; border:0; padding:0; margin:0 0 30px 0; text-decoration:none; overflow:hidden; transition:.3s;}
a.publication2:hover * {color:#072FDB;}
a.publication2 img {width:100%; height:auto; aspect-ratio: 387 / 244; object-fit:contain; transition:.3s;}
a.publication2 div {width:100%;}
a.publication2 span.date {display:block; color:#888888; font-size:13px; line-height:1; font-weight:normal; padding:0; margin:10px 0; transition:.3s;}
a.publication2 h3 {color:#000000; font-family:'Open Sans', sans-serif; font-size:16px; line-height:1.3; font-weight:600; overflow:hidden; margin:10px 0; padding:0;}
a.publication2 h4 {color:#000000; font-family:'Open Sans', sans-serif; font-size:16px; line-height:1.3; font-weight:600; overflow:hidden; margin:10px 0; padding:0;}

a.bytema:link, a.bytema:visited {display:block; text-decoration:none; background:#FFFFFF; width:100%; border-bottom:1px solid #AAAAAA; padding:20px 10px; margin:0; overflow:hidden; transition:.3s;}
a.bytema:hover {background-color:#00E676;}
a.bytema span.date {display:block; color:#999999; font-size:14px; line-height:14px; font-weight:bold; padding:5px 0; transition:.3s;}
a.bytema span.category {display:block; color:#999999; font-size:14px; line-height:14px; font-weight:bold; padding:5px 0; text-transform:uppercase; transition:.3s;}
a.bytema h3 {color:#004E74; font-size:21px; line-height:25px; max-height:125px; font-weight:bold; overflow:hidden; margin:5px 0; padding:0; text-transform:uppercase;}
a.bytema h4 {color:#004E74; font-size:18px; line-height:22px; max-height:132px; font-weight:bold; overflow:hidden; margin:5px 0; padding:0; text-transform:uppercase;}

div.resolutions {display:flex; position:relative; flex-direction:row; flex-wrap:wrap; justify-content:space-between; background-color:#FFFFFF; border:0; padding:0; margin:0;}
div.resolutions h1 {color:#000000; font-family:'Unbounded', sans-serif; font-size:32px; line-height:1.35; font-weight:bold; text-decoration:none; overflow:hidden; margin:0 0 20px 0; padding:0;}
a.resolution:link, a.resolution:visited {width:100%; display:flex; flex-direction:row; flex-wrap:no-wrap; align-items:center; justify-content:flex-start; text-decoration:none; background:#FFFFFF; width:100%; height:auto; border:0; border-bottom:1px solid #DDDDDD; padding:30px 0; margin:0; overflow:hidden; transition:.3s;}
a.resolution:hover * {color:#072FDB;}
a.resolution img {width:240px; height:auto; transition:.3s; margin-right:30px;}
a.resolution div {width:900px;}
a.resolution span.date {display:block; color:#555555; font-size:14px; line-height:14px; font-weight:normal; padding:10px 0; transition:.3s;}
a.resolution h3 {color:#000000; font-family:'Unbounded', sans-serif; font-size:16px; line-height:1.3; letter-spacing:1px; font-weight:bold; overflow:hidden; margin:5px 0; padding:0;}
a.resolution h4 {color:#000000; font-family:'Unbounded', sans-serif; font-size:16px; line-height:1.3; letter-spacing:1px; font-weight:bold; overflow:hidden; margin:5px 0; padding:0;}

div#popular {position:relative; display:block; width:100%; max-width:1200px; align-self:center; text-align:left; margin:20px 0 0 0;}
div.popular {display:flex; flex-direction:row; flex-wrap:wrap; align-items:stretch; justify-content:space-between; background-color:#FFFFFF; padding:30px 0;}
div.popular h3 {flex-grow:1; width:100%; color:#ED1C24; font-family:'Unbounded', sans-serif; font-size:9px; line-height:1; font-weight:normal; letter-spacing:1px; text-transform:uppercase; text-decoration:none; overflow:hidden; margin:0 0 10px 0; padding:0 0 10px 0; border-bottom:1px solid rgba(0,0,0,.3);}
a.popular:link, a.popular:visited {display:inline-block; position:relative; width:15%; border:0; font-family:'Unbounded', sans-serif; font-size:13px; line-height:16px; letter-spacing:.5px; font-weight:normal; color:#000000; margin:0; padding:0 0 30px 0; text-decoration:none; transition:.3s;}
a.popular:hover {color:#072FDB;}
a.popular span {display:block; position:absolute; left:0; bottom:0; width:100%; color:#000000; font-family:'Unbounded', sans-serif; font-size:10px; line-height:1; margin:10px 0 0 0; padding:5px 20px 0 0; background-image:url(/Images/eye.svg); background-position:right bottom; background-repeat:no-repeat; border-top:1px solid rgba(0,0,0,.2); text-align:right;}

div.temas {position:relative; background-color:#D7D9E3; padding:60px 30px 30px 30px; border-top:1px solid #000000;}
div.temas h3 {position:absolute; left:30px; top:-3px; color:#000000; font-family:'Unbounded', sans-serif; font-size:20px; line-height:1; font-weight:bold; text-decoration:none; margin:0; padding:10px 0; border-top:6px solid #000000;}
a.tema:link, a.tema:visited {display:inline-block; position:relative; background:#D7D9E3; border:1px solid #888888; font-size:16px; line-height:1; font-weight:normal; color:#000000; margin:0 10px 10px 0; padding:10px 15px; text-decoration:none; transition:.3s;}
a.tema:hover {border:1px solid #FFFFFF; background:#FFFFFF; color:#072FDB;}

div.link {display:flex; flex-direction:column; align-items:flex-start; justify-content:flex-start; width:100%; padding:15px 0; background:#FFFFFF; border-bottom:1px solid #e2e2e2;}
div.link:hover {background-color:#e2e2e2;}
a.link:link, a.link:visited  {display:block; width:100%; position:relative; border:0; font-family:'Unbounded', sans-serif; font-size:20px; line-height:1; font-weight:normal; text-decoration:none; color:#000000; margin:0; padding:10px 0; transition:.3s;}
a.link:hover {color:#072FDB;}
div.link p {font-size:14px; line-height:1; margin:0; padding:5px 0;}

div#about {position:relative; width:100%; padding:0; margin:50px 0 0 0; text-align:center;}
div#about-page {position:relative; display:inline-block; width:100%; max-width:1200px; padding:60px 0 60px 0; margin:0; text-align:left; background:#FFFFFF; border:0; border-top:6px solid #000000;}
div#about-page h3 {position:absolute; left:0; top:0px; color:#000000; font-family:'Unbounded', sans-serif; font-size:20px; line-height:1; font-weight:bold; text-decoration:none; margin:0; padding:10px 0;}
div#options {display:flex; flex-direction:row; align-items:flex-start; justify-content:space-between;}
div.option {width:23%; padding:0; margin:0; padding:20px; border:0;}
div.option:first-child {padding-left:0;}
div.option h4 {font-family:'Unbounded', sans-serif; font-size:36px; line-height:1; font-weight:bold; padding:20px 0;}
div.option p {font-family:'Unbounded', sans-serif; font-size:12px; line-height:18px; font-weight:normal; letter-spacing:1px; margin:0; padding:0;}
div.vertical {display:inline-block; width:1px; height:120px; margin:auto 0; background:#000000;}
a#history {display:flex; align-items:center; justify-content:center; white-space:nowrap; width:auto; height:32px; padding:0 14px; border:1px solid #072FDB; border-radius:16px; font-family:'Unbounded', sans-serif; font-size:11px; line-height:1; letter-spacing:.6px; font-weight:normal; text-transform:uppercase; text-decoration:none; color:#072FDB; transition:.3s;}
a#history:hover {border:1px solid #072FDB; background:#072FDB; color:#FFFFFF;}
div.aboutbuttons {position:absolute; right:0; top:20px; display:flex; flex-direction:row; align-items:flex-start; justify-content:space-between; gap:20px;}

div.banners {display:flex; flex-direction:row; flex-wrap:wrap; justify-content:space-between; gap:15px; background:#072FDB; padding:15px;}
a.banners:link, a.banners:visited {position:relative; display:block; width:24%; height:auto; margin:0; background:#FFFFFF; border-radius:8px; overflow:hidden;}
a.banners img {width:100%; height:100%; object-fit:contain;}
a.banners h3 {position:absolute; left:0; bottom:0; width:100%; padding:15px; font-family:'Open Sans Condensed'; font-size:18px; font-weight:bold; line-height:1.2; color:#FFFFFF; text-decoration:none; text-shadow:1px 1px 2px rgba(0,0,0,.7), 1px 1px 4px rgba(0,0,0,.7);}
a.banners:hover {transform:translateY(-5px); box-shadow:0 10px 0 rgba(0,0,0,.25);}

div#footer {position:relative; width:100%; padding:0; margin:50px 0 0 0; text-align:center;}
div#footer-page {position:relative; display:inline-block; width:100%; max-width:1200px; padding:30px; margin:0; text-align:left; background:#072FDB; color:#999999;}
div.copyright {position:relative; display:inline-block; width:35%; padding:0; margin:0; text-align:left;}
div.copyright > p {margin:0 0 15px 0; padding:0; font-size:14px; line-height:20px; color:#BBBBBB; hyphens:auto;}
div.smn {border-bottom:1px solid white; margin:0 0 25px 0;}
div.contacts {position:relative; margin:15px 0; padding:0 0 20px 0; overflow:show;}
div.contacts::after {position:absolute; content:''; left:0; bottom:0; width:85px; height:6px; background:white;}
div.contacts p {margin:0 0 15px 0; padding:0; font-family:'Open Sans', sans-serif; font-weight:normal; font-size:15px; line-height:20px; color:white;}
div.footer-menu {position:relative; display:inline-block; width:50%; padding:30px 0; margin:0 0 0 12%; vertical-align:top; text-align:left;}
a.phone {text-decoration:none;}
a.mail {text-decoration:none;}
a.footer:link, a.footer:visited {display:block; padding:10px 0; color:#FFFFFF; font-family:'Unbounded', sans-serif; font-size:11px; line-height:1; font-weight:normal; letter-spacing:1.5px; text-transform:uppercase; text-decoration:none;}
a.footer:hover {text-decoration:underline;}

div.article {font-size:16px; line-height:1.4; margin:20px 0; overflow:hidden;}
div.article p {font-size:16px; line-height:1.4; hyphens:auto;}
div.article img {max-width:100%; height:auto !important;}
div.article iframe {max-width:100%; margin:10px auto !important;}
table.article, table.article td {border-collapse:collapse;}
table.article {overflow-y:auto;}

div#share {margin-top:30px; height:50px;}

div.text {display:inline-block; width:100%; max-width:1000px; padding:30px 0; text-align:left;}
div.text h2 {color:#18346e; font-size:28px; line-height:1; text-align:center; margin:10px 0;}

div.pages {width:100%; padding:30px 0; text-align:center;}
div.pages span#pages {display:none;}
div.pages span#pages1 {display:none;}
div.pages span#pages2 {display:none;}
a.page:link, a.page:visited {display:inline-block; text-align:center; width:50px; height:50px; margin:3px; padding:12px 0px 11px 0px; border:1px solid #424242; border-radius:5%; color:#424242; font-size:24px; line-height:1; text-decoration:none;}
a.page:hover {background-color:#FFFFFF; color:#000000; box-shadow:0 4px 0 rgba(0,0,0,.5);}
a.pagea:link, a.pagea:visited, a.pagea:hover {display:inline-block; text-align:center; width:50px; height:50px; margin:3px; padding:12px 0px 11px 0px; background-color:#424242; border:1px solid #424242; border-radius:5%; color:#FFFFFF; font-size:24px; line-height:1; text-decoration:none;}
a.pagenext:link, a.pagenext:visited {display:inline-block; text-align:center; margin:3px; padding:6px; border:0; color:#555; font-size:18px; line-height:1; text-decoration:none; vertical-align:3px;}
a.pagenext:hover {color:#000000;}
a.pageprev:link, a.pageprev:visited {display:inline-block; text-align:center; margin:3px; padding:6px; border:0; color:#555; font-size:18px; line-height:1; text-decoration:none; vertical-align:3px;}
a.pageprev:hover {color:#000000;}

div#big {display:none;}

div.gallery {position:relative; width:100%; background-position:50% 50%; margin:30px 0; background-repeat:no-repeat; background-size:contain; text-align:center; transition:.5s;}
div.left {position:absolute; left:0; top:0; display:inline-block; width:30%; height:100%; background-image:url(/Images/left.png); background-repeat:no-repeat; background-position:left 50%; cursor:pointer; transition:.2s;}
div.left:hover {background-image:url(/Images/lefta.png);}
div.right {position:absolute; right:0; top:0; display:inline-block; width:30%; height:100%; background-image:url(/Images/right.png); background-repeat:no-repeat; background-position:right 50%; cursor:pointer; transition:.2s;}
div.right:hover {background-image:url(/Images/righta.png);}
div.caption {position:absolute; left:50px; right:50px; bottom:20px; display:none; disp-lay:inline-block; padding:10px; color:#fff; font-size:14px; line-height:14px; text-decoration:none; text-align:center; overflow:hidden;}

div#slider {width:100%; max-width:1200px; height:500px; overflow:hidden; border:0; margin:20px 0 0 0; background-image:url(/Images/null.gif); background-position:50% 50%; background-repeat:no-repeat; background-size:cover; transition:.5s linear;}
div#slide {display:inline-block; position:relative; width:100%; height:100%; max-width:1200px; margin:0; text-align:left;}
a#slidelink {display:block; position:relative; width:100%; height:100%; transition:.5s linear;}
a#slidelink h2 {display:inline-block; position:absolute; bottom:50px; left:50px; padding:0; margin:0; width:calc(100% - 100px); font-size:32px; font-weight:bold; line-height:1; color:#FFFFFF; text-shadow:0 2px 1px #000; text-decoration:none; text-transform:none; text-align:center; transition:.2s linear;} 
div#sliderbuts {display:inline-block; position:absolute; bottom:20px; left:50px; padding:0; margin:0; width:calc(100% - 100px); text-align:center; z-index:5000;}
a.aleft   {display:inline-block; position:absolute; bottom:225px; left:10px; width:50px; height:50px; margin:0; border:0; background-image:url(/Images/arrowleft.png); background-size:contain; background-position:left top; background-repeat:no-repeat; transition:.2s;}
a.aright   {display:inline-block; position:absolute; bottom:225px; right:10px; width:50px; height:50px; margin:0; border:0; background-image:url(/Images/arrowright.png); background-size:contain; background-position:left top; background-repeat:no-repeat; transition:.2s;}
a.sliderbut   {display:inline-block; width:10px; height:10px; border:0; border-radius:50%; background-color:#C4C4C4; padding:0; margin:0 15px 0 0; cursor:pointer; transition:.5s;}
a.sliderbut:hover {transform:scale(2); background-color:#072FDB;}
a.sliderbuta   {display:inline-block; width:10px; height:10px; border:0; border-radius:50%; transform:scale(2); background-color:#00E676; padding:0; margin:0 15px 0 0; cursor:pointer; transition:.5s;}

div.share {display:flex; flex-wrap:wrap; gap:5px; margin:20px 0;}
div.share a {display:inline-block; width:30px; height:30px; opacity:.8; background-position:50% 50%; background-repeat:no-repeat; background-size:contain; mix-blend-mode: luminosity; transition:.3s;}
div.share a:hover {opacity:1; mix-blend-mode: normal;}
a.sharetg {background-image:url(/Images/Icons/icontg.png);}
a.sharemax {background-image:url(/Images/Icons/iconmax.png);}
a.sharevk {background-image:url(/Images/Icons/iconvk.png);}
a.shareok {background-image:url(/Images/Icons/iconok.png);}
a.sharewa {background-image:url(/Images/Icons/iconwa.png);}

div#cookies {position:fixed; left:0; bottom:0; width:100%; text-align:center; background:rgba(0,0,0,.8);}
a#cookie:link, a#cookie:visited {display:inline-block; padding:5px 15px 7px 15px; margin-left:20px; height:32px; background:linear-gradient(120deg, #FFC107, #03A9F4); border:0; border-radius:5px; color:#000; font-size:20px; line-height:1; text-decoration:none; transition:.2s;}
a#cookie:hover {color:#FFEB3B; background:linear-gradient(120deg, #FF3D00, #304FFE); box-shadow:0 0 10px rgba(255,235,59,.5);}

@media only screen and (max-width : 1280px), only screen and (max-device-width : 1280px){
	div#tab {padding:0 40px;}
	div#hat-page {height:auto;}
	a.hot1 h3 {font-size:36px; line-height:48px;}
	a.hot1 p {font-size:24px; line-height:32px;}
	a.hot2 h3 {font-size:21px; line-height:32px;}
	a.hot2 p {font-size:16px; line-height:22px;}
	div.materials {margin:0 0 0 50px;}
	a.banners:link, a.banners:visited {width:23%}
}
@media only screen and (max-width : 1020px), only screen and (max-device-width : 1020px){
	a#site {display:none;}
	div#menu {display:none;}
	a#mobilemenubut:link, a#mobilemenubut:visited, a#mobilemenubut:hover {display:inline-block;}
	form#searchform {max-width:100%; margin:0;}
	form#searchform input#searchinput {width:calc(100% - 32px);}
	a.popular:link, a.popular:visited {width:31%; margin:0 0 30px 0;}

	div.option h4 {font-size:32px;}
	
	a.banners:link, a.banners:visited {width:48%; margin:0 0 15px 0;}
	
	div.grid {margin:0 auto;}

	div.searchparams {display:block; margin:10px 0; font-size:16px; line-height:1; color:#000000;}
	div.searchparams select {max-width:200px; font-size:16px; line-height:1; color:#000000; margin:0 10px 0 0; border-bottom:2px solid #072FDB;}

	div#hat-buttons {flex-wrap:wrap;}
	div#hat-buttons div {width:100%;}
	a#temamob {display:flex;}
	a#tema {display:none;}
	

	div.artheader {flex-direction:column-reverse !important; align-items:flex-start; flex-wrap:wrap; width:100% !important;}
	div.header h1, div.resolutions h1 {font-size:28px;}
	div.header img#pagephoto {width:100%; height:auto; margin:0;}

	div.article iframe {width:100%;}
}
@media only screen and (max-width : 840px), only screen and (max-device-width : 840px){
	div.newsblock {flex-wrap:wrap;}
	div.news {min-width:100%;}
	div.materials {min-width:100%; margin:50px 0 0 0;}

	a.hot1 h3 {width:100%; color:#FFFFFF; font-family:'Unbounded', sans-serif; font-size:32px; line-height:48px; font-weight:normal; text-decoration:none; overflow:hidden; margin:0; padding:20px 0; border:0;}
	a.hot1 p {width:100%; color:#FFFFFF; font-family:'Open Sans', sans-serif; font-size:18px; line-height:28px; font-weight:normal; text-decoration:none; overflow:hidden; margin:0; padding:0; border:0;}

	a.hot2:link, a.hot2:visited {flex-direction:column-reverse; width:100%; height:auto; aspect-ratio:auto;}
	a.hot2 div {padding:30px;}
	a.hot2 img {width:100%; height:auto;}
	
	div#options {flex-wrap:wrap;}
	div.option {width:48%; padding-left:0;}
	div.vertical {display:none;}
	
	div.copyright {width:100%;}
	div.footer-menu {display:none;}

}
@media only screen and (max-width : 760px), only screen and (max-device-width : 760px){
	div#hat-page {padding-top:60px;}
	a#mobilemenubut:link, a#mobilemenubut:visited, a#mobilemenubut:hover {top:10px;}
	a#header h1 {font-size:28px;}
	a#header span {font-size:14px;}
	div#hat-buttons > a {width:48%;}

	a.hot1:link, a.hot1:visited {padding:30px; min-height:auto;}
	a.hot1 h3 {width:100%; color:#FFFFFF; font-family:'Unbounded', sans-serif; font-size:24px; line-height:32px; font-weight:normal; text-decoration:none; overflow:hidden; margin:0; padding:20px 0; border:0;}
	a.hot1 p {width:100%; color:#FFFFFF; font-family:'Open Sans', sans-serif; font-size:14px; line-height:20px; font-weight:normal; text-decoration:none; overflow:hidden; margin:0; padding:0; border:0;}

	a.hot3:link, a.hot3:visited {display:flex; flex-direction:column; width:100%; height:auto; aspect-ratio:auto; border:0; background-color:#FFFFFF;}
	a.hot3 img {position:relative; width:100%; height:auto; border:0; object-fit:cover; transition:1s;}
	a.hot3 div {position:relative; width:100%; height:auto; padding:30px; background:none;}
	a.hot3 span {width:100%; color:#ED1C24; font-family:'Unbounded', sans-serif; font-size:10px; line-height:1; font-weight:normal; letter-spacing:1px; text-transform:uppercase; text-decoration:none; overflow:hidden; margin:0; padding:0; border:0;}
	a.hot3 h3 {width:100%; color:#000000; font-family:'Unbounded', sans-serif; font-size:24px; line-height:32px; font-weight:normal; text-decoration:none; overflow:hidden; margin:0; padding:10px 0; border:0;}
	a.hot3 p {width:100%; color:#000000; font-family:'Open Sans', sans-serif; font-size:16px; line-height:24px; font-weight:normal; text-decoration:none; overflow:hidden; margin:0; padding:0; border:0;}

	a.popular:link, a.popular:visited {width:48%; margin:0 0 30px 0;}

	a.publication2:link, a.publication2:visited {position:relative; display:inline-block; background:#FFFFFF; width:48%; max-width:387px; border:0; padding:0; margin:0 0 30px 0; text-decoration:none; overflow:hidden; transition:.3s;}
	
}
@media only screen and (max-width : 660px), only screen and (max-device-width : 660px){
	div#logo-div {align-items:flex-start;}
	a.news:link, a.news:visited  {width:100%; max-width:100%; margin:0 0 30px 0;}
	div.option h4 {font-size:28px;}
	div.aboutbuttons {position:relative; width:100%;}
	div.aboutbuttons a#enter {width:49%;}
	div.aboutbuttons a#history {width:49%;}
	
	form#search input[name="w"] {width:calc(100% - 60px);}
	form#search input[type="submit"] {display:inline-block; width:25px; overflow:hidden; color:#E2E2E2; padding:8px 15px 8px 30px;}
	form#search input[type="submit"]:hover {background-color:#DD7122; color:#DD7122;}
}
@media only screen and (max-width : 600px), only screen and (max-device-width : 600px){
	div#tab {padding:0;}
	div#hat {padding:20px;}
	img#logo {height:50px;}
	a#header h1 {font-size:28px;}
	a#header span {font-size:14px; line-height:20px;}

	div.popular {padding:20px;}
	div.newsblock {padding:20px;}
	div#about {padding:20px;}
	div.partners {padding:60px 20px;}
	div.partners h3 {left:20px;}
	div.header {padding:0 20px;}
	div.publications {padding:0 20px;}
	div.resolutions {padding:0 20px;}
	div.article {padding:0 20px;}
	div#share {padding:0 20px;}
	div.source {padding:0 20px;}
	div.header h1, div.resolutions h1 {font-size:18px;}
	a.parent:link, a.parent:visited {font-size:10px;}

	div.share {margin:20px; justify-content:center;}
	div.share a {opacity:1; mix-blend-mode: normal;}
	
	button#change {right:20px;}
	
	div.aboutbuttons a#enter {width:100%;}
	div.aboutbuttons a#history {width:100%;}
	
	a.material:link, a.material:visited {width:100%; height:auto;}
	div.popular h3 {margin:0 0 30px 0;}
	a.popular:link, a.popular:visited {width:100%; height:auto; padding-bottom:25px;}

	a.partners:link, a.partners:visited  {width:33%; height:120px; padding:0; text-align:center;}
	a.partners img {margin:30px auto;}

	a.publication1 img {width:200px;}
	a.publication1 h3 {color:#000000; font-family:'Unbounded', sans-serif; font-size:12px; line-height:1.3; letter-spacing:1px; font-weight:bold; overflow:hidden; margin:5px 0; padding:0;}
	a.publication1 h4 {color:#000000; font-family:'Unbounded', sans-serif; font-size:12px; line-height:1.3; letter-spacing:1px; font-weight:bold; overflow:hidden; margin:5px 0; padding:0;}

	div.searchparams select {max-width:150px; font-size:16px; line-height:1; color:#000000; margin:0 10px 0 0; border-bottom:2px solid #072FDB;}
	
	a.resolution:link, a.resolution:visited {width:100%; display:flex; flex-direction:column; align-items:flex-start; text-decoration:none; background:#FFFFFF; width:100%; height:auto; border:0; border-bottom:1px solid #DDDDDD; padding:20px 0; margin:0; overflow:hidden; transition:.3s;}
	a.resolution:hover * {color:#072FDB;}
	a.resolution img {display:none;}
	a.resolution div {width:100%;}
	a.resolution span.date {display:block; color:#555555; font-size:13px; line-height:1; font-weight:normal; padding:10px 0; transition:.3s;}
	a.resolution h3 {color:#000000; font-family:'Unbounded', sans-serif; font-size:14px; line-height:1.3; letter-spacing:1px; font-weight:bold; overflow:hidden; margin:5px 0; padding:0;}
	a.resolution h4 {color:#000000; font-family:'Unbounded', sans-serif; font-size:14px; line-height:1.3; letter-spacing:1px; font-weight:bold; overflow:hidden; margin:5px 0; padding:0;}

}
@media only screen and (max-width : 500px), only screen and (max-device-width : 500px){
	a#header h1 {max-height:unset;}

	div#hat-buttons > a {flex-grow:1; font-size:9px; width:auto;}

	div.aboutbuttons {flex-direction:column; gap:10px;}
	div.aboutbuttons a#enter {width:100%;}
	div.aboutbuttons a#history {width:100%;}

	div#popular {display:none;}

	a.news span.category, a.material span.category {font-family:'Open Sans', sans-serif; font-size:11px; letter-spacing:.5px; height:12px; font-weight:600;}
	
	a.page:link, a.page:visited {display:inline-block; text-align:center; width:40px; height:40px; margin:3px; padding:9px 0px 8px 0px; border:1px solid #424242; border-radius:50%; color:#424242; font-size:20px; line-height:1; text-decoration:none;}
	a.page:hover {background-color:#FFFFFF; color:#000000; box-shadow:0 2px 5px rgba(0,0,0,.25);}
	a.pagea:link, a.pagea:visited, a.pagea:hover {display:inline-block; text-align:center; width:40px; height:40px; margin:3px; padding:9px 0px 8px 0px; background-color:#424242; border:1px solid #424242; border-radius:50%; color:#FFFFFF; font-size:20px; line-height:1; text-decoration:none;}
	a.pagenext:link, a.pagenext:visited {display:none;}
	a.pageprev:link, a.pageprev:visited {display:none;}
}
@media only screen and (max-width : 430px), only screen and (max-device-width : 430px){
	a#header h1 {font-size:24px;}
	a#header span {font-size:12px; line-height:18px;}

	a.banners:link, a.banners:visited {width:100%; margin:0 0 15px 0;}
	
	a.tema:link, a.tema:visited {font-size:14px; padding:7px 10px;}
	
	div.dir a:link, div.dir a:visited {font-size:14px; padding:11px 10px;}

	a.hot1 h3 {width:100%; color:#FFFFFF; font-family:'Unbounded', sans-serif; font-size:24px; line-height:32px; font-weight:normal; text-decoration:none; overflow:hidden; margin:0; padding:20px 0; border:0;}
	a.hot1 p {width:100%; color:#FFFFFF; font-family:'Open Sans', sans-serif; font-size:14px; line-height:20px; font-weight:normal; text-decoration:none; overflow:hidden; margin:0; padding:0; border:0;}

	button#change {display:none;}
	a.publication1:link, a.publication1:visited, a.publication2:link, a.publication2:visited {position:relative; display:inline-block; background:#FFFFFF; width:100%; border:0; padding:0; margin:0 0 30px 0; text-decoration:none; overflow:hidden; transition:.3s;}
	a.publication1:hover *, a.publication2:hover * {color:#072FDB;}
	a.publication1 img, a.publication2 img {width:100%; height:auto; aspect-ratio: 387 / 244; object-fit:contain; transition:.3s;}
	a.publication1 div, a.publication2 div {width:100%;}
	a.publication1 span.date, a.publication2 span.date {display:block; color:#888888; font-size:13px; line-height:1; font-weight:normal; padding:0; margin:10px 0; transition:.3s;}
	a.publication1 h3, a.publication2 h3 {color:#000000; font-family:'Unbounded', sans-serif; font-size:16px; line-height:1.3; letter-spacing:1px; font-weight:600; overflow:hidden; margin:10px 0; padding:0;}
	a.publication1 h4, a.publication2 h4 {color:#000000; font-family:'Unbounded', sans-serif; font-size:16px; line-height:1.3; letter-spacing:1px; font-weight:600; overflow:hidden; margin:10px 0; padding:0;}

}
@media only screen and (max-width : 360px), only screen and (max-device-width : 360px){
	a#header h1 {font-size:21px;}
	a#header span {font-size:12px; line-height:18px;}
	div#hat-buttons > a {flex-grow:1; font-size:9px; width:auto;}

	a.hot3 h3 {width:100%; color:#000000; font-family:'Unbounded', sans-serif; font-size:18px; line-height:24px; font-weight:normal; text-decoration:none; overflow:hidden; margin:0; padding:10px 0; border:0;}
	a.hot3 p {width:100%; color:#000000; font-family:'Open Sans', sans-serif; font-size:14px; line-height:20px; font-weight:normal; text-decoration:none; overflow:hidden; margin:0; padding:0; border:0;}

	div#options {padding:0 30px;}
	div.option {width:100%;}
	div.option h4 {font-size:36px;}
}