@import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed:wght@400;700;900&family=Roboto:ital,wght@0,300;0,400;0,700;1,300;1,400;1,700&display=swap');

* {margin:0px; padding:0px; box-sizing:border-box;}
body {position:relative; min-width:320px; width:100%; color:#000000; font-family:'Roboto', sans-serif; background-color:#F3F3F3; 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:#0079B4;}

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:#F3F3F3; text-align:center;}
div#hat-page {position:relative; display:inline-block; width:100%; max-width:1200px; height:70px; padding:0 15px; margin:0; text-align:left;}
div#logo-div {display:flex; align-items:center; justify-content:flex-start; position:absolute; left:5px; top:12px; width:calc(100% - 110px); max-width:1100px; min-height:50px; padding:0; text-decoration:none;}
img#logo {height:50px; width:auto;}
a#header {display:flex; flex-wrap:wrap; align-items:center; justify-content:flex-start; min-height:50px; padding:0 0 0 10px; text-decoration:none;}
a#header h1 {font-family:'Roboto Condensed', sans-serif; font-size:24px; line-height:1; font-weight:bold; color:#004E74; text-transform:uppercase; width:100%; max-height:48px; overflow:hidden;}
a#header h1 span {display:block; font-family:'Roboto', sans-serif; font-size:14px; line-height:1; font-weight:normal; color:#000000;}
a#regions {position:absolute; right:50px; top:15px; width:40px; height:40px; background-image:url(/Images/regionspoint.png?1); background-position:50% 50%; background-repeat:no-repeat; background-size:75%;}
a#enter {position:absolute; right:10px; top:15px; width:40px; height:40px; background-image:url(/Images/enter.png?1); background-position:50% 50%; background-repeat:no-repeat; background-size:75%;}

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:10px; background-image:url(/Images/ok.png); filter:opacity(.4); background-position:50% 50%; background-repeat:no-repeat; background-size:contain;}
a.ok:hover {filter:opacity(1);}
a.vkontakte:link, a.vkontakte:visited {display:inline-block; width:30px; height:30px; margin:10px; background-image:url(/Images/vkontakte.png); filter:opacity(.4); 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:10px; background-image:url(/Images/instagram.png); filter:opacity(.4); 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:10px; background-image:url(/Images/youtube.png); filter:opacity(.4); 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:10px; background-image:url(/Images/telegram.png); filter:opacity(.4); 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:50px; overflow:hidden; padding:0; margin:0; text-align:center;}
div#menu-page {display:inline-block; position:relative; width:100%; height:50px; max-width:1200px; padding:0 0 0 5px; background-color:#004E74; text-align:left;}
div#menucont {width:calc(100% - 60px); height:auto; text-align:left;}
a.menu:link, a.menu:visited {display:inline-block; padding:17px 12px; margin:0; color:#FFFFFF; font-size:16px; line-height:1; font-weight:bold; text-decoration:none; transition:.3s;}
a.menu:hover {background-color:#00B0FF;}
a.ishover, a.ishover:link, a.ishover:visited {color:#FFFFFF;}
div#submenu {display:none; max-width:400px; height:auto; max-height:80vh; overflow-x:hidden; overflow-y:auto; padding:5px 10px 10px 10px; background:#004E74; border:0; position:absolute; top:0; left:0; z-index:9999; 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 #217cb3; font-size:16px; line-height:1; color:#FFFFFF; background-color:none; text-decoration:none;} 
div#submenu a:hover {background-color:#00B0FF;}
div#submenu::-webkit-scrollbar {width: 10px;}
div#submenu::-webkit-scrollbar-track {background-color: #FFFFFF;}
div#submenu::-webkit-scrollbar-thumb {background-color: #004E74;}

a#mobilemenu:link, a#mobilemenu:visited, a#mobilemenu:hover {display:inline-block; padding:17px 12px 17px 30px; margin:0; overflow:hidden; background-image:url(/Images/menu-icon.png); background-position:10px 12px; background-repeat:no-repeat; font-size:16px; line-height:1; color:#FFFFFF; font-weight:bold; text-decoration:none; vertical-align:top;}
a#mobilemenu span {display:none;}

div#fullmenu {position:absolute; left:0; top:0; display:none; width:100%; min-height:100vh; padding:20px; background:linear-gradient(to right, #0079B4, #00838F); 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:linear-gradient(to right, #0079B4, #00838F); 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-size:24px; line-height:24px; margin:20px 0 10px 0; font-weight:600; color:#fff;}
div.dir	{display:block; padding:0 0 0 30px; position:relative;}
div.dir a:link, div.dir a:visited {display:inline-block; font-size:18px; line-height:1; padding:10px; border-radius:5px; font-weight:400; color:#fff; text-decoration:none;}
div.dir a:hover {background-color:#0060b6;}
div.dir a#active {color:#FDD835; font-weight:600;}
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/rolldownwhite.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/rolldownwhite.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/rollupwhite.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/rollupwhite.png); background-repeat:no-repeat; background-position:right 50%; text-decoration:none;}
span.close {display:inline-block; position:fixed; right:2px; top:2px; cursor:pointer; font-size:14px; line-height:1; margin:0; padding:5px 10px; font-weight:400; color:#fff; border:1px dashed #fff; border-radius:5px; z-index:11000; transition:.3s;}
span.close:after {content:'Закрыть';}
span.close:hover {color:#FDD835; border-color:#FDD835;}

img#searchbut {width:40px; height:40px; margin:0; padding:0; border:0; background-image:url(/Images/search.png); background-position:50% 50%; background-repeat:no-repeat; background-size:20px 20px; cursor:pointer; transition:.3s;} 
img#searchbut:hover {background-color:#00B0FF; background-image:url(/Images/search.png);} 
div#search {display:block; position:absolute; right:5px; top:5px; max-width:300px; height:40px; background-color:none; margin:0; padding:0; text-align:left; overflow:hidden; transition:.3s;}
#searchform {display:none; position:relative; width:100%; height:40px; padding:0; margin:0; border:0; line-height:18px; text-align:right; transition:.5s;}
input#searchinput {width:calc(100% - 50px); height:40px; background:white; border:2px solid #00B0FF; border-radius:5px; font-size:18px; line-height:18px; padding:5px; margin:0; vertical-align:top; outline:0; outline-offset:0;}
input#searchsubmit {width:40px; height:40px; margin:0; border:0; background:#00B0FF; background-image:url(/Images/search.png); background-position:50% 50%; background-repeat:no-repeat; background-size:20px 20px; cursor:pointer; transition:.2s; vertical-align:top;}
input#searchsubmit:hover {background-color:#00B0FF;}
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 #00E676;}

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;}
div#hot-page {display:inline-block; position:relative; width:100%; height:300px; max-width:1200px; padding:0 5px 0 20px; overflow:hidden; text-align:left; background-color:#0079B4; transition:.3s;}
a#hot:link, a#hot:visited  {display:block; position:relative; width:100%; height:100%; margin:0; padding:0; background-color:#FFFFFF; text-decoration:none; transition:.3s; overflow:hidden;}
a#hot img {width:49%; max-width:568px; height:100%; object-fit:cover; transition:.5s; vertical-align:top;}
div#hottitle {display:inline-block; position:relative; width:45%; height:100%; position:relative; padding:80px 0 0 30px; text-align:left; vertical-align:top; transition:.3s;}
div#hottitle span {color:#0079B4; font-size:16px; line-height:1; font-weight:bold;}
div#hottitle h3 {font-family:'Roboto Condensed', sans-serif; color:#000000; font-size:24px; line-height:28px; font-weight:bold; padding:15px 0 15px 0; margin:0;}
div#buts {display:inline-block; position:absolute; left:calc(50% + 35px); bottom:20px;}
but.but {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;}
but.but:hover {transform:scale(2); background-color:#0079B4;}
but.buta {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.buttons {display:flex; flex-direction:row; flex-wrap:nowrap; justify-content:space-between; position:relative; width:100%; max-width:1200px; margin:0; padding:0; overflow:hidden; text-align:center;}
a.buttons:link, a.buttons:visited {display:flex; align-items:center; justify-content:center; flex-direction:row; width:100%; height:50px; border:0; background-color:#0079B4; padding:0; margin:0; font-family:'Roboto Condensed', sans-serif; color:#FFFFFF; font-size:24px; line-height:1; font-weight:bold; text-decoration:none; transition:.3s;}
a.buttons:hover {background-color:#00B0FF;}
a.buttons img {height:50px; object-fit:cover; margin:0 10px 0 0;}
a.hot:link, a.hot:visited {display:flex; align-items:center; justify-content:center; width:100%; height:50px; border:0; background-color:#0079B4; padding:0; margin:20px 0 0 0; font-family:'Roboto Condensed', sans-serif; color:#FFFFFF; font-size:24px; line-height:1; font-weight:bold; text-decoration:none; transition:.3s;}
a.hot:hover {background-color:#00B0FF;}
a.hot img {height:40px; object-fit:cover; margin:0 10px 0 0;}
a.hot1:link, a.hot1:visited {display:flex; align-items:center; justify-content:center; width:100%; height:50px; border:0; background-color:#0079B4; padding:0; margin:20px 0 0 0; font-family:'Roboto Condensed', sans-serif; color:#FFFFFF; font-size:24px; line-height:1; font-weight:bold; text-decoration:none; transition:.3s;}
a.hot1:hover {background-color:#00B0FF;}
a.hot1 img {height:40px; object-fit:cover; margin:0 10px 0 0;}


div.partners {position:relative; display:inline-block; width:100%; max-width:1200px; background:#FFFFFF; overflow:hidden; padding:30px; margin:0; text-align:left;}
div.partners h3 {font-family:'Roboto Condensed', sans-serif; color:#0079B4; font-size:24px; line-height:1; font-weight:bold; text-transform:uppercase; padding:0; margin:0 0 20px 0;}
a.partners:link, a.partners:visited  {position:relative; display:inline-block; width:60px; height:60px; margin:0 24px 20px 0; padding:0; transition:.3s; overflow:hidden;}
a.partners img {width:60px; height:60px; object-fit:contain; transition:.3s;}

div.page {position:relative; display:inline-block; width:100%; max-width:1200px; 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; border-top:5px solid #0079B4; padding:20px 40px;}
div.header h1 {width:100%; color:#0079B4; font-family:'Roboto Condensed', sans-serif; font-size:36px; line-height:1; font-weight:bold; text-transform:uppercase; text-decoration:none; overflow:hidden; margin:0 0 20px 0; padding:0;}

div.news {display:flex; flex-direction:row; flex-wrap:wrap; justify-content:space-between; background-color:#FFFFFF; border-left:20px solid #0079B4; padding:20px;}
div.news h1 {flex-grow:1; width:100%; color:#0079B4; font-family:'Roboto Condensed', sans-serif; font-size:36px; line-height:1; font-weight:bold; text-transform:uppercase; text-decoration:none; overflow:hidden; margin:0 0 20px 0; padding:0;}
div.news h3 {flex-grow:1; width:100%; color:#0079B4; font-family:'Roboto Condensed', sans-serif; font-size:24px; line-height:1; font-weight:bold; text-transform:uppercase; text-decoration:none; overflow:hidden; margin:0 0 20px 0; padding:0;}
div.new {position:relative; display:inline-block; background:#FFFFFF; width:32%; height:510px; border:1px solid #AAAAAA; padding:0; margin:0 0 20px 0; overflow:hidden; transition:.3s;}
div.new:hover {box-shadow:0 10px 10px rgba(0,0,0,.25);}
a.new:link, a.new:visited {text-decoration:none;}
a.new span.date {display:block; color:#999999; font-size:14px; line-height:14px; font-weight:bold; padding:10px; transition:.3s;}
a.new img {width:100%; height:270px; object-fit:contain; transition:.3s;}
a.new span.category {display:block; color:#999999; font-size:14px; line-height:14px; font-weight:bold; padding:20px 0 10px 20px; text-transform:uppercase; transition:.3s;}
a.new h3 {color:#004E74; font-size:21px; line-height:25px; max-height:125px; font-weight:bold; overflow:hidden; margin:5px 0; padding:0 20px; text-transform:uppercase;}
a.new h4 {color:#004E74; font-size:16px; line-height:20px; max-height:140px; font-weight:bold; overflow:hidden; margin:5px 0; padding:0 20px; text-transform:uppercase;}

div.publications {background-color:#FFFFFF; border-left:10px solid #0079B4; padding:20px;}
div.publications h1 {width:100%; color:#0079B4; font-family:'Roboto Condensed', sans-serif; font-size:36px; line-height:1; font-weight:bold; text-transform:uppercase; text-decoration:none; overflow:hidden; margin:0 0 20px 0; padding:0;}
div.publications h3 {width:100%; color:#0079B4; font-family:'Roboto Condensed', sans-serif; font-size:24px; line-height:1; font-weight:bold; text-transform:uppercase; text-decoration:none; overflow:hidden; margin:0 0 20px 0; padding:0;}
a.publication:link, a.publication:visited {display:flex; flex-direction:row; flex-wrap:no-wrap; align-items:center; justify-content:flex-start; text-decoration:none; background:#FFFFFF; width:100%; height:190px; border:1px solid #AAAAAA; padding:20px; margin:0 0 20px 0; overflow:hidden; transition:.3s;}
a.publication:hover {box-shadow:0 10px 10px rgba(0,0,0,.25);}
a.publication img {width:200px; height:150px; object-fit:cover; transition:.3s; margin-right:20px;}
a.publication span.date {display:block; color:#999999; font-size:14px; line-height:14px; font-weight:bold; padding:10px 0; transition:.3s;}
a.publication span.category {display:block; color:#999999; font-size:14px; line-height:14px; font-weight:bold; padding:10px 0; text-transform:uppercase; transition:.3s;}
a.publication 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.publication h4 {color:#004E74; font-size:16px; line-height:20px; max-height:120px; font-weight:bold; overflow:hidden; margin:5px 0; padding:0; text-transform:uppercase;}

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 {background-color:#FFFFFF; border-top:5px solid #0079B4; padding:30px;}
div.resolutions h1 {width:100%; color:#0079B4; font-family:'Roboto Condensed', sans-serif; font-size:36px; line-height:1; font-weight:bold; text-transform:uppercase; text-decoration:none; overflow:hidden; margin:0 0 20px 0; padding:0;}
a.resolution:link, a.resolution:visited {display:flex; flex-direction:row; flex-wrap:no-wrap; align-items:center; justify-content:flex-start; text-decoration:none; background:#d3eaf5; width:100%; height:190px; border:0; 1px solid #AAAAAA; padding:20px; margin:0 0 20px 0; overflow:hidden; transition:.3s;}
a.resolution:hover {box-shadow:0 10px 10px rgba(0,0,0,.25);}
a.resolution img {width:200px; height:150px; object-fit:cover; transition:.3s; margin-right:20px;}
a.resolution span.date {display:block; color:#999999; font-size:14px; line-height:14px; font-weight:bold; padding:10px 0; transition:.3s;}
a.resolution 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.resolution h4 {color:#004E74; font-size:16px; line-height:20px; max-height:120px; font-weight:bold; overflow:hidden; margin:5px 0; padding:0; text-transform:uppercase;}

div.materials {display:flex; flex-direction:row; flex-wrap:wrap; justify-content:space-between; background-color:#FFFFFF; border-top:5px solid #0079B4; padding:30px;}
div.materials h3 {flex-grow:1; width:100%; color:#0079B4; font-family:'Roboto Condensed', sans-serif; font-size:24px; line-height:1; font-weight:bold; text-transform:uppercase; text-decoration:none; overflow:hidden; margin:0 0 20px 0; padding:0;}
a.material:link, a.material:visited {display:inline-block; position:relative; width:23%; height:220px; over-flow:hidden; border:0; background-color:#d3eaf5; 1px solid #AAAAAA; border-bottom:15px solid #0079B4; font-size:16px; line-height:20px; font-weight:normal; color:#000000; margin:0 0 25px 0; padding:10px 30px 10px 10px; text-decoration:none; transition:.3s;}
a.material:hover {box-shadow:0 10px 10px rgba(0,0,0,.25);}
a.material::after {content:''; width:33px; height:59px; border:0; position:absolute; right:10px; top:-21px; background-image:url(/Images/clip.png);}
a.material span {display:inline-block; max-height:180px; overflow:hidden;}

div.popular {display:flex; flex-direction:row; flex-wrap:wrap; justify-content:space-between; background-color:#FFFFFF; border-top:5px solid #0079B4; padding:30px;}
div.popular h3 {flex-grow:1; width:100%; color:#0079B4; font-family:'Roboto Condensed', sans-serif; font-size:24px; line-height:1; font-weight:bold; text-transform:uppercase; text-decoration:none; overflow:hidden; margin:0 0 20px 0; padding:0;}
a.popular:link, a.popular:visited {display:inline-block; position:relative; width:23%; height:170px; overflow:hidden; border:1px solid #AAAAAA; border-bottom:15px solid #AAAAAA; font-size:16px; line-height:20px; font-weight:normal; color:#000000; margin:0 0 20px 0; padding:10px; text-decoration:none; transition:.3s;}
a.popular:hover {box-shadow:0 10px 10px rgba(0,0,0,.25);}
a.popular span {display:inline-block; position:absolute; right:5px; bottom:5px; color:#0079B4; font-family:'Roboto Condensed', sans-serif; font-size:18px; line-height:1; font-weight:bold; margin:0; padding:0 15px 0 0; background-image:url(/Images/eye.png); background-position:right 50%; background-repeat:no-repeat;}

div.temas {background-color:#CFD8DC; padding:30px;}
div.temas h3 {width:100%; color:#0079B4; font-family:'Roboto Condensed', sans-serif; font-size:24px; line-height:1; font-weight:bold; text-transform:uppercase; text-decoration:none; overflow:hidden; margin:0 0 20px 0; padding:0;}
a.h3:link, a.h3:visited {display:block; width:100%; color:#0079B4; font-family:'Roboto Condensed', sans-serif; font-size:24px; line-height:1; font-weight:bold; text-transform:uppercase; text-decoration:none; overflow:hidden; margin:0 0 20px 0; padding:0;}
a.h3:hover {color:#00B0FF;}
a.tema:link, a.tema:visited {display:inline-block; position:relative; background:#FFFFFF; border:1px solid #AAAAAA; border-radius:7px; 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 {box-shadow:0 2px 5px rgba(0,0,0,.25); border:1px solid #0079B4; background-color:#0079B4; color:#FFFFFF;}

div.link {font-size:14px; line-height:1; font-weight:normal; color:#777777; padding:15px 0; border-bottom:1px solid #e2e2e2;}
a.link:link, a.link:visited {display:block; position:relative; background:#FFFFFF; border:0; font-family:'Roboto Condensed', sans-serif; font-size:24px; line-height:1.1; font-weight:normal; color:#000000; margin:0 0 10px 0; padding:0; text-decoration:none; transition:.3s;}
a.link:hover {color:#0079B4;}
div.link span {margin:0 0 0 20px;}

div.artheader {display:flex; flex-wrap:no-wrap; align-items:center; justify-content:flex-start; margin:15px 0;}

span.date {display:inline-block; font-size:12px; font-weight:normal; line-height:12px; color:#0079B4; text-decoration:none;}
span.view {display:none; font-size:12px; font-weight:normal; line-height:12px; color:#0079B4; text-decoration:none; padding:0 5px 0 14px; background-image:url(/Images/eye.png); background-position:left center; background-repeat:no-repeat;}
a.print:link, a.print:visited, a.print:hover {display:inline-block; font-size:14px; font-weight:normal; line-height:1; color:#0079B4; text-decoration:none; padding:0 5px 0 20px;  background-image:url(/Images/print.png); background-position:left top; background-repeat:no-repeat;}
a.source:link, a.source:visited, a.source:hover {font-size:14px; font-weight:normal; line-height:1; color:#0079B4; 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:#0079B4; text-decoration:none; text-align:right; margin:0 0 10px 0;}

div#about {position:relative; width:100%; padding:0; margin:20px 0 0 0; text-align:center;}
div#about-page {position:relative; display:inline-block; width:100%; max-width:1200px; padding:30px; margin:0; text-align:left; background:linear-gradient(to right, #74AFDA, #1B6AA3); color:#FFFFFF;}
div#about-page span.tema {text-transform:uppercase; font-size:12px; line-height:12px; font-weight:normal;}
div#about-page h2 {font-size:21px; line-height:25px; font-weight:normal; margin:20px 0;}
a.more:link, a.more:visited {display:inline-block; text-decoration:none; font-size:13px; line-height:13px; font-weight:normal; color:#FFFFFF; border:1px solid #FFFFFF; padding:5px 10px; transition:.3s;}
a.more:hover {background:#FFFFFF; color:#424242;}
div.option {width:22%; padding:0; margin:30px 0 0 0;}
div.option h4 {font-family:'Roboto Condensed', sans-serif; font-size:28px; line-height:1; font-weight:bold;}
div.option p {font-size:14px; line-height:16px; font-weight:normal; margin:0; padding:0;}

div.banners {display:flex; flex-direction:row; flex-wrap:wrap; justify-content:space-between;}
a.banners:link, a.banners:visited {position:relative; display:block; width:290px; height:220px; margin:0; background:#FFFFFF;}
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:'Roboto 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 {box-shadow:0 10px 10px rgba(0,0,0,.25);}

div#footer {position:relative; width:100%; padding:0; margin:10px 0 0 0; text-align:center;}
div#footer-page {position:relative; display:inline-block; width:100%; max-width:1200px; padding:20px; margin:0; text-align:center; color:#999999;}
div#footer-page p {margin:0 0 15px 0; padding:0; font-size:14px; line-height:20px;}

div.article {font-size:16px; line-height:1.4; margin:20px 0; overflow:hidden;}
div.article p {font-size:16px; line-height:1.4;}
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.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:20px 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:50%; color:#424242; font-size:24px; 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:50px; height:50px; margin:3px; padding:12px 0px 11px 0px; background-color:#424242; border:1px solid #424242; border-radius:50%; 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:#0079B4;}
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#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 : 1200px), only screen and (max-device-width : 1200px){
	div#logo-div {left:15px;}
	a#mobilemenu:link, a#mobilemenu:visited, a#mobilemenu:hover {display:inline-block;}
	a.buttons:link, a.buttons:visited, a.hot:link, a.hot:visited  {font-size:28px;}
	
	div.new {height:490px;}
	a.new h3 {font-size:18px; line-height:22px; max-height:132px;}
	a.new h4 {font-size:16px; line-height:20px; max-height:140px;}
	a.new img {height:240px;}
	
	a.material:link, a.material:visited {width:31%;}
	a.popular:link, a.popular:visited {width:31%;}
	a.banners:link, a.banners:visited {width:31%; margin:0 0 15px 0;}

}
@media only screen and (max-width : 900px), only screen and (max-device-width : 900px){
	a#header span {display:none;}
	div#hottitle {padding:50px 0 0 30px;}
	a.buttons:link, a.buttons:visited, a.hot:link, a.hot:visited  {font-size:24px;}

	div.new {width:49%; height:510px;}
	a.new img {height:270px;}
	
	a.material:link, a.material:visited {width:48%;}
	a.popular:link, a.popular:visited {width:48%;}
	
	a.banners:link, a.banners:visited {width:48%; margin:0 0 15px 0;}

	div.header h1 {font-size:32px;}

	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 #00E676;}


	div#about-page {padding:30px;}
	div#about-page div {flex-direction:column !important; flex-wrap:wrap; width:100% !important; margin:0 0 20px 0;}
}
@media only screen and (max-width : 760px), only screen and (max-device-width : 760px){
	a#header h1 {font-size:21px; line-height:1; max-height:42px;}
	div#hottitle {padding:30px 0 0 30px;}

	div.new {height:490px;}
	a.new img {height:240px;}

	div.artheader {flex-direction:column-reverse !important; flex-wrap:wrap; width:100% !important;}
	div.header h1 {font-size:36px;}
	div.header img {width:100%;}

	div.article iframe {width:100%;}

	a.publication h3 {font-size:18px; line-height:22px; max-height:132px;}

	a.resolution:link, a.resolution:visited {padding:10px 20px; height:auto;}
	a.resolution img {width:160px; height:120px; object-fit:contain; transition:.3s; margin-right:20px;}
	a.resolution h3 {font-size:16px; line-height:20px; max-height:none;}
	a.resolution h4 {font-size:14px; line-height:16px; max-height:none;}


}
@media only screen and (max-width : 660px), only screen and (max-device-width : 660px){
	a#mobilemenu:link, a#mobilemenu:visited, a#mobilemenu:hover {padding-left:45px;}
	a#mobilemenu span {display:inline;}
	a.menu:link, a.menu:visited {display:none;}

	div#hot-page {height:auto;}
	a#hot:link, a#hot:visited {height:auto;}
	a#hot img {width:100%; height:300px; object-fit:cover; transition:.5s;}
	div#hottitle {display:inline-block; position:relative; width:100%; height:200px; padding:20px; text-align:left;}
	div#buts {left:40px; bottom:10px;}

	div.buttons {display:flex; flex-direction:row; flex-wrap:wrap;}
	a.buttons:link, a.buttons:visited {font-size:18px; width:100%; height:50px; margin:0 0 20px 0 !important; padding:0 15px;}
	a.hot:link, a.hot:visited {font-size:18px; height:50px; margin:0; padding:0 10px;}
	a.hot1:link, a.hot1:visited {font-size:15px; font-weight:900; height:50px; margin:0; padding:0 10px;}

	div.header h1 {font-size:28px; line-height:1;}
	a.parent:link, a.parent:visited {font-size:14px;}

	div.new {width:100%; height:auto; padding:0 0 20px 0;}
	a.new h3 {font-size:18px; line-height:22px; max-height:none;}
	a.new h4 {font-size:15px; line-height:20px; max-height:none;}
	a.new img {height:290px;}

	a.publication:link, a.publication:visited {padding:10px 20px; height:auto;}
	a.publication img {width:160px; height:120px; object-fit:contain; transition:.3s; margin-right:20px;}
	a.publication h3 {font-size:16px; line-height:20px; max-height:none;}
	a.publication h4 {font-size:14px; line-height:16px; max-height:none;}

	a.resolution:link, a.resolution:visited {display:flex; flex-direction:column !important; flex-wrap:wrap; align-items:center; justify-content:flex-start;}
	a.resolution img {width:100%; height:240px; object-fit:contain; transition:.3s; margin:0 0 20px 0;}
	a.resolution div {width:100%; padding:0; margin:0;}

	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 : 510px), only screen and (max-device-width : 510px){
	
	a.material:link, a.material:visited {width:100%; height:auto;}
	a.popular:link, a.popular:visited {width:100%; height:auto; padding-bottom:25px;}

	a.publication:link, a.publication:visited {display:flex; flex-direction:column !important; flex-wrap:wrap; align-items:center; justify-content:flex-start; text-decoration:none; background:#FFFFFF; width:100%; height:auto; border:1px solid #AAAAAA; padding:20px; margin:0 0 20px 0; overflow:hidden; transition:.3s;}
	a.publication img {width:100%; height:240px; object-fit:contain; transition:.3s; margin:0 0 20px 0;}
	a.publication div {width:100%; padding:0; margin:0;}

	div.searchparams select {max-width:150px; font-size:16px; line-height:1; color:#000000; margin:0 10px 0 0; border-bottom:2px solid #00E676;}

}
@media only screen and (max-width : 400px), only screen and (max-device-width : 400px){
	a#header h1 {font-size:16px; line-height:16px; max-height:48px;}
	
	div.header {padding:20px;}

	a.new img {height:250px;}
	
	a.partners:link, a.partners:visited {margin:0 15px 15px 0;}

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

	a.new img {height:200px;}
}