body { background: url('../img/np2.png') center; }
.container { transition: opacity 2s; }
.container:hover {  }
img { width: 100%; }
img.auto { width: auto; max-width: 100%; }
.hover { background: black; background-clip: content-box; }
.hover img { opacity: 1; transition: opacity 2s; display: block; }
.hover img:hover { opacity: .6; }
.grow { transition: all .2s ease-in-out; }
.grow:hover { transform: scale(1.1); }
.bluebg { background: rgb(0,108,202); background: linear-gradient(45deg, rgba(0,108,202,1) 0%, rgba(0,130,243,1) 100%); color: white; }
.bluebg a { color: white; }
.bluebg a:hover { color: white; }
.img_bg.hover { background-color: black; }
.img_bg.hover:after { transition: opacity 2s; content: ""; background: black; opacity: 0; top: 0; left: 0; bottom: 0; right: 0; width: calc(95% - 30px); margin: 0 15px; position: absolute; z-index: 0; height: 530px; }
.img_bg.hover:hover:after { opacity: 0.3; }
a { text-decoration: none; color: black; }
a:hover { text-decoration: underline; color: black; }
.clear { clear: both; }
.hidden { display: none; }
.right { float: right; }
.center { text-align: center; }
.botmg50 { margin-bottom: 50px; }
.topmg50 { margin-top: 50px; }
.rpad50 { padding-right: 50px; }
.toplinks { font-family: "Gotham Pro Light", arial, sans-serif; font-size:12px; padding-top: 18px; border-bottom: 1px solid black; padding-bottom: 24px; }
.toplinks ul { margin: 0; padding: 0; list-style: none; }
.toplinks ul li { margin: 0 5px 0 0; padding: 0; list-style: none; float: left; }
.toplinks ul li a { color: black; }
.toplinks ul li a.active { font-family: "Gotham Pro Medium"; }
.toplinks .langs { padding-top: 42px; }
.logo { text-align: center; font-weight: bold; }
.toplinks .social { text-align: right; padding-top: 42px; }
.toplinks .social ul li { float: right; margin-left: 5px; }
.toplinks .social ul li i { font-size: 20px; }
.toplinks .social ul li i.fa-search { color: #777; }
.toplinks .social ul li i.fa-youtube { color: #C60505; }
.toplinks .social ul li i.fa-twitter { color: #3FA9F5; }
.toplinks .social ul li i.fa-instagram-square { color: transparent; background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%); background: -webkit-radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%); background-clip: text; -webkit-background-clip: text; }
.toplinks .social ul li i.fa-facebook-square { color: #154293; }
.toplinks .social ul li.divider { width: 1px; height: 20px; margin-top: 2px; background: #ccc; }
.header {  }
.mainmenu { font-family: "Playfair Display", serif; font-size: 18px; text-align: center; margin: 20px 0 30px; }
.mainmenu ul { margin: 0; padding: 0; list-style: none; }
.mainmenu ul li { margin: 0 25px 0 0; padding: 0; list-style: none; display: inline-block; }
.mainmenu ul li:last-child { margin: 0 0 0 0; }
.mainmenu ul li a { color: black; }
.mainmenu ul li a.active { text-decoration: underline; }
.news {  }
.vertheader { font-family: "Playfair Display",serif; font-size: 32px; font-weight: normal;transform: rotate(-90deg); text-align: right; display: block; max-width: 550px; /*background: grey; z-index: 10;*/ text-align: right; padding: 0; position: absolute; margin-top: 250px; margin-left: -300px; }
.vertheader.inside { max-width: 550px; margin-top: 250px; margin-left: -115px; }
.img_bg { height: 530px; background-color: #ccc; }
.w95 { width: 95%; }
.w80 { width: 80%; }
.tag { padding: 10px 15px; background: rgb(0,108,202); background: linear-gradient(45deg, rgba(0,108,202,1) 0%, rgba(0,130,243,1) 100%); color: white; font-family: "Playfair Display", serif; font-size: 18px; float: left; transform: rotate(-90deg); position: relative; top: 77px; left: -77px; min-width: 200px; text-align: center; }
.news_title { font-size: 24px; font-weight: bold; font-family: "Playfair Display", serif; padding: 0 15px; line-height: 24px; z-index: 1; position: absolute; width: 80%; top: 400px; }
.news_title a { color: white; }
.links a, .info div { color: white; font-size: 12px; font-family: "Gotham Pro", sans-serif; display: block; float: left; margin: 0 0 0 15px; background-repeat: no-repeat; padding: 0; }
.links a.download::before { display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; -webkit-font-smoothing: antialiased; font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f019"; margin-right: 5px; }
.links a.email::before { display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; -webkit-font-smoothing: antialiased; font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f0e0"; margin-right: 5px; }
.info .views::before { display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; -webkit-font-smoothing: antialiased; font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f06e"; margin-right: 5px; }
.info div { float: right; margin-right: 15px; }
.play { position: absolute; top: 250px; right: 15px; background: rgb(0,108,202); background: linear-gradient(45deg, rgba(0,108,202,1) 0%, rgba(0,130,243,1) 100%); color: white; font-family: "Playfair Display", serif; font-size: 18px; border-radius: 4px; }
.play a { display: block; width: 70px; height: 70px; background: url('../img/icon_next.png') center center no-repeat; }
.img_bg .links { position: absolute; top: 500px; z-index: 1; }
.img_bg .info { position: absolute; top: 500px; z-index: 1; left: 50%; }
.newsblock .info div { float: left; margin: 0 15px 0 0;; }
.newsblock .date { color: #b3b3b3; }
.newsblock .info div.views { color: #777; }
.newsblock h6 { font-family: "Playfair Display", serif; font-weight: bold; font-size: 20px; }
.newsblock a { color: black; }
.newsblock p { font-family: "Playfair Display", serif; font-size: 16px; color: #646464; }
.newsblock p.more a { color: #535353; }
.newsblock div.more a { font-size: 13px; color: #2e2e2e; font-family: "Playfair Display", serif; }
.newsblock h5 { font-family: "Playfair Display", serif; font-size: 16px; color: #1f1f1f; margin: 20px 0; }
.greybg { background-color: #f5f5f5; }
.port_nb { padding-right: 30px; }
.port_nb.no_bottom_margin { margin-bottom: 0px; }
.port_nb.no_bottom_margin p { margin-bottom: 0px; }
.port_nb_img { float: left; margin: 0 50px 0 0; }
.port_nb_header { font-family: "Playfair Display", serif; font-weight: bold; font-size: 20px; color: black; line-height: 20px; display: block; padding-top: 20px; }
.no_pad { padding: 0; }
.port_nb .info div { float: left; color: black; margin: 20px 10px 0 0 ; }
.port_nb .info div.date { padding-left: 0; }
.port_nb .text { padding-top: 16px; color: #646464; font-size: 16px; font-family: "Playfair Display", serif; line-height: 20px; }
.port_nb div.more a { font-size: 13px; color: #2e2e2e; font-family: "Playfair Display", serif; }
.port hr { display: block; width: 100%; height: 0px; background-color:#999; }
.tagcloud { height: 480px; padding: 10px; font-family: "Playfair Display", serif; background: url('../img/corner_blue_sm_bottomright.png') bottom right content-box no-repeat,  url('../img/corner_blue_sm_bottomleft.png') bottom left content-box no-repeat, url('../img/corner_blue_sm_topright.png') top right content-box no-repeat, url('../img/corner_blue_sm_topleft.png') top left content-box no-repeat; }
.tagcloud a:hover { text-decoration: none; }
.search input[type=submit] { display: block; background: url('../img/submit_search.png'); border: 0; width: 35px; height: 32px; margin: 2px; padding: 0; float: right; }
.search input[type=text] { display: block; border: 0; width: 80%; height: 32px; margin: 4px 2px 0px 10px; font-size: 12px; font-family: "Gotham Pro", sans-serif; color: #888; float: left;outline: none;  }
.search input[type=text]:focus { border: 0; outline: none; }
.search { background: white; float: right; height: 38px; width: 80% }
.small_blue_corners { background: url('../img/corner_blue_sm_topleft.png') left top no-repeat, url('../img/corner_blue_sm_topright.png') right top no-repeat, url('../img/corner_blue_sm_bottomleft.png') left bottom no-repeat, url('../img/corner_blue_sm_bottomright.png') right bottom no-repeat; padding-top: 50px; padding-bottom: 50px; border: 10px solid transparent; border-right-width: 15px; border-left-width: 15px; }
.cite div.qmark { text-align: center; font-size: 100px; color: black; padding-top: 0; font-style: normal; }
.cite { font-family: "Playfair Display", serif; color: black; font-size: 22px; font-weight: bold; font-style: italic; }
.cite div div div div div { padding-top: 25px; }
.cite .vertheader { font-style: normal; }
.iv_nb_img { float: left; margin: 0 50px 0 0; }
.iv_nb_header { font-family: "Playfair Display", serif; font-weight: bold; font-size: 20px; color: black; line-height: 20px; }
.iv_nb .info div { float: left; color: black; margin: 20px 10px 0 0 ; }
.iv_nb .info div.date { padding-left: 0; }
.iv_nb .text { padding-top: 50px; color: #646464; font-size: 16px; font-family: "Playfair Display", serif; line-height: 20px; }
.iv_nb .more { font-family: "Playfair Display", serif; }
.iv_nb hr { display: block; position: relative; width: 40%; bottom: -10px; height: 0px; background-color:#999; margin-left: 56%; }
.iv_nb { margin-bottom: 50px; padding-right: 30px; }
.iv_proj, .infogr, .video, .gallery { margin-bottom: 50px; }
.iv_proj .owl-carousel { height: 496px; }
.owl-nav { position: absolute; bottom: 10px; right: 10px; z-index: 1; }
.owl-dots { position: absolute; bottom: 15px; right: 55px; z-index: 1; }
.owl-dots span { width: 14px; height: 14px; display: inline-block; border-radius: 7px; border: 1px solid grey; margin: 0px 5px;}
.owl-dots .active span { border-color: #0078e1; background: #0078e1; }
.owl-prev { display: none; }
.owl-carousel .owl-nav button.owl-next { background: rgb(0,108,202); background: linear-gradient(45deg, rgba(0,108,202,1) 0%, rgba(0,130,243,1) 100%); border-radius: 4px; width: 36px; height: 36px; }
.owl-next span { color: white; font-family: "Gotham Pro", sans-serif; font-size: 18px;  }
.proj .map { float: right; width: 411px; }
.proj .owl-carousel { background: #007dea; height: 496px; }
.proj .owl-nav {  }
.proj .owl-dots span { border-color: white;}
.proj .owl-dots .active span { border-color: white; background: white; }
.proj .owl-carousel .owl-nav button.owl-next { background: #73b3eb; }
.big_blue_corners { background: url('../img/corner_blue_big_topleft.png') left top content-box no-repeat, url('../img/corner_blue_big_topright.png') right top content-box no-repeat, url('../img/corner_blue_big_bottomleft.png') left bottom content-box no-repeat, url('../img/corner_blue_big_bottomright.png') right bottom content-box no-repeat; margin: 0 0; padding-top: 15px; padding-bottom: 15px; text-align: center; }
.vid_nb_img { float: left; margin: 0 50px 0 0; width: 70%; }
.vid_nb_img iframe { display: block; width: 100%; height: 500px; }
.vid_nb { padding-right: 50px; }
.vid_nb .vid_nb_header { margin-top: 20px; font-family: "Playfair Display", serif; font-size: 20px; font-weight: bold; display: block; }
.vid_nb .vid_nb_header:hover { color: black; }
.vid_nb .text { margin-top: 20px; font-family: "Playfair Display", serif; font-size: 16px; font-weight: normal; display: block; }
.pictures { margin: -10px -15px 0; }
.pictures .pic.big { width: 48%; height: 400px; }
.pictures .pic { width: 23%; margin: 1% 10px; height: 190px; float: left; background-repeat: no-repeat; background-position: center center; background-size: cover; }
.pictures .pic .whitetext { position: relative; display: block; opacity: 0; top: 0; left: 0; width: 100%; height: 100%; }
.pictures .pic .whitetext:hover { opacity: 1; }
.pictures .pic .whitetext span { color: white; font-family: "Playfair Display", serif; font-size: 20px; line-height: 22px; position: absolute; display: block; bottom: 10px; left: 15px; }
.cont_nb { font-family: "Playfair Display", serif; font-size: 18px; color: black; padding: 85px 50px; }
.cont_nb .name, .cont_nb .position, .cont_nb .content { width: 30%; float: left; margin-right: 25px; }
.cont_nb .content { margin-right: 0; width: 35%; }
.footer { text-align: center; margin-top: 50px; font-family: "Playfair Display", serif; color: black; }
.footer .bottom_menu { margin: 0 0 30px; padding: 0; list-style: none; }
.footer .bottom_menu li { margin: 0 15px; padding: 0; list-style: none; display: inline-block; }
.footer .bottom_menu a { color: black;  }
.footer h6 { text-decoration: underline; }
.footer .social_icons { margin: 10px 0 0; padding: 0; list-style: none; }
.footer .social_icons li { margin: 0 15px; padding: 0; list-style: none; display: inline-block; }
.footer .social_icons a { color: #888; font-size: 24px;  }

#burger{ position: absolute; right: 0; top: 0; color: white; background: rgb(0,108,202); background: linear-gradient(45deg, rgba(0,108,202,1) 0%, rgba(0,160,250,1) 100%); font-size: 32px; padding: 16px 16px 32px 32px; border-radius: 0% 0% 0% 100%; transition: 1s; cursor: pointer; display: none; z-index: 10; }
#burger.pressed { padding: 16px 16px 200vw 200vw; }
#links{ display: none; width: 60%; height: 100vh; padding: 0; justify-content: space-around; z-index: 9999; z-index:11; position: absolute; right: 20%; }
#links ul {width: 100%; list-style: none; margin: 0 auto 20px; padding: 0; white-space: nowrap; text-align: center; border-bottom: 1px solid white; padding-bottom: 10px; }
#links.opened { display: block; }
#links a{ text-align: center; text-decoration: none; color: white; font-size: 1.5em; z-index: 10; }
#links a:hover { opacity: 0.8 }
#links .mob_social { font-size: 10px; }
#links .mob_social a { display: inline-block; margin: 0 10px; }

.cont_nb .address { width: 50%; float: left; padding-right: 25px; }
.cont_nb .mt { width: 50%; float: left; padding-right: 0; }
.content .blueheader { color: white; font-family: "Playfair Display", serif; font-weight: bold; font-size: 20px; background: rgb(0,108,202); background: linear-gradient(45deg, rgba(0,108,202,1) 0%, rgba(0,160,250,1) 100%); padding: 18px; position: absolute; top: 50px; left: -20%; width: 240px;text-align: center; z-index: 1; border-radius: 5px; }
.content .blueheader p { margin: 0; }
.content { font-family: "Playfair Display", serif; }
.content .text { font-size: 18px; padding-top: 130px; }
.content .small_blue_corners { padding-top: 15px; padding-bottom: 15px; }
.content .greymap .greybg { background-image: url('../img/greymap.jpg'); background-repeat: no-repeat; background-position: center center; background-size: contain; min-height: 500px; padding-top: 50px; padding-bottom: 50px; }
.content h3 span.icon { width: 65px; height: 65px; display: block; float: left; margin-right: 10px; }
.content h3 span.icon img { fill: red; max-height: 65px; }
.content h3 { font-weight: bold; border-bottom: 1px solid black; padding-bottom: 5px; }
.content h3 .smalltext { font-weight: normal; font-size: 16px; display: block; float: right; width: 80%; padding-left: 25px; padding-top: 9px; }
.content ol.bignumbers { list-style: none; margin: 0; padding: 20px 0; counter-reset: my-awesome-counter; }
.content ol.bignumbers li { counter-increment: my-awesome-counter; clear: left; margin-bottom: 20px; }
.content ol.bignumbers li:before { content: counter(my-awesome-counter); color: white; font-family: "Playfair Display", serif; font-size: 60px; font-weight: bold; background: rgb(0,108,202); background: linear-gradient(45deg, rgba(0,108,202,1) 0%, rgba(0,160,250,1) 100%); border-radius: 4px; height: 60px; width: 60px; line-height: 40px; text-align: right; padding-right: 5px; display: block; float: left; margin-right: 10px; margin-bottom: 20px; }
.content ul.bigmarkers { list-style: none; margin: 0; padding: 20px 0; }
.content ul.bigmarkers li { clear: left; margin-bottom: 20px; }
.content ul.bigmarkers li:before { content: "\f00c"; color: white; font-family: "Font Awesome 5 Free"; font-weight: 900; font-size: 24px; background: rgb(0,108,202); background: linear-gradient(45deg, rgba(0,108,202,1) 0%, rgba(0,160,250,1) 100%); border-radius: 4px; height: 50px; width: 50px; line-height: 50px; text-align: center; display: block; float: left; margin-right: 10px; margin-bottom: 10px; }
.content ul.bigmarkers.cols2 li { width: 50%; float: left; clear: none; }
.content .group {  }
.content .group .transpmap { background: url('../img/transpmap.png') 10% center no-repeat; min-height: 320px; }
.content .group .content { text-align: left; margin-top: 50px; margin-bottom: 50px; font-weight: bold; font-size: 16px; }
.content .group .content h3 { font-size: 30px; font-weight: bold; color: #007dea; border-bottom: 0; }
.content .group .slider { margin-top: 40px; margin-bottom: 30px; background: url('../img/about_slider_bg.png') center center no-repeat; min-height: 261px; }
.content .group .slider #as_prev_div { width: 5%; margin-left: 20%; padding-top: 100px; float: left; }
.content .group .slider #as_next_div { width: 5%; margin-right: 20%; padding-top: 100px; float: left; }
.content .group .slider .owl-carousel { width: 50%; float: left; }
.content .group .slider .owl-carousel .as_one { padding-left: 10%; padding-right: 10%; padding-top: 55px; }
.content .group .slider .owl-carousel .owl-dots { display: none; }
.content .group .slider .owl-carousel .owl-nav { display: none; }
.content .finstat .onestat { background: white; padding: 40px; border-radius: 10px; box-shadow: 20px 20px 30px 0 rgba(0, 0, 0, 0.3); transition: all .5s; min-height: 300px; }
.content .finstat .onestat:hover { color: white;  background: rgb(0,108,202); background: linear-gradient(45deg, rgba(0,108,202,1) 0%, rgba(0,160,250,1) 100%); }
.content .finstat .onestat h3 { color: #007dea; border-bottom: 0; }
.content .finstat .onestat:hover h3 { color: white; }
.content h4 { text-align: center; margin-bottom: 20px; font-weight: bold; }
hr.divider { color: #ccc; background-color: #ccc; }
.content .management .owl-carousel .img { width: 50%; float: left; margin-right: 5%; }
.content .management .owl-carousel .content_name { padding-top: 20px; font-weight: bold; font-size: 18px; padding-right: 15px; }
.content .management .owl-carousel .content_position { padding-right: 15px; }
.content h5 { font-size: 28px; font-weight: bold; margin: 0 0 20px; }
.content .management .vertheader { padding-right: 55px; }
.content .footer .bottom_menu a.active { text-decoration: underline; }

.content .newsblock .img { width: 270px; margin: 0 20px 20px 0; float: left; }
.content .newsblock .info { padding-top: 20px; float: none; height: 50px; }
.content .newsblock h3 { border-bottom: 0; font-size: 18px; }
.content .newsblock { border-bottom: 1px solid #888; padding-top: 20px; }
.content.one_news .newsblock { border-bottom: 0 }
.content .else { position: relative; width: 32px; height: 32px; left: calc(50% - 32px); top: -100px; }
.content .else a { width: 32px; height: 32px; display: block; color: white; text-align: center; padding-top: 5px; border-radius: 5px; background: rgb(225,225,225);
    background: linear-gradient(45deg, rgba(225,225,225,1) 0%, rgba(109,109,109,1) 100%); }
.pignose-calendar { box-shadow: none; border: none; background: none; }
.pignose-calendar .pignose-calendar-top { background: none; box-shadow: none; }
.pignose-calendar .pignose-calendar-header { margin-top: 0; }
.pignose-calendar .pignose-calendar-body { padding-top: 0; padding-bottom: 0; }
.pignose-calendar .pignose-calendar-unit { height: 2em; line-height: 1.6em; }
.pignose-calendar .pignose-calendar-unit.pignose-calendar-unit-active a { background: rgb(0,108,202); background: linear-gradient(45deg, rgba(0,108,202,1) 0%, rgba(0,160,250,1) 100%); box-shadow: none; border-radius: 4px; width: 2em; height: 2em; }
.pignose-calendar .pignose-calendar-header .pignose-calendar-week.pignose-calendar-week-sat, .pignose-calendar .pignose-calendar-header .pignose-calendar-week.pignose-calendar-week-sun { color: #0078e1; }
.pignose-calendar .pignose-calendar-unit.pignose-calendar-unit-sat a, .pignose-calendar .pignose-calendar-unit.pignose-calendar-unit-sun a { color: #0078e1; }
.pignose-calendar .pignose-calendar-unit a { color: black; border-radius: 4px; width: 2em; height: 2em; }
.content .calendar { border-left: 1px solid #888; }
.content .cal_cont { font-weight: bold; padding-top: 100px; }
.content .cal_dep { padding-top: 100px; padding-right: 30px; }
.content .newsbottom .vertheader.inside h2 { font-size: 18px; font-weight: bold; }
.content .newsbottom .vertheader.inside { left: -90px; top: 145px; max-width: none; margin-top: 0; margin-left: 0; width: 250px; }

.content .anns .img { width: 60%; margin: 0 20px 20px 0; float: left; }
.content .anns .name { font-weight: bold; padding-top: 100px; }
.content .anns .text { padding-top: 10px; clear: left; margin-bottom: 20px; }
.content .link-btn { color: white; font-size: 18px; background: rgb(0,108,202); background: linear-gradient(45deg, rgba(0,108,202,1) 0%, rgba(0,160,250,1) 100%); padding: 10px 50px; border-radius: 5px; }
.content .projs .link { position: absolute; bottom: 100px; right: 60px; }

.videopage iframe { width: 100%; height: 500px; }

.my_mosaicflow { visibility: hidden; }
.mosaicflow__column { float: left; }
.mosaicflow__item { margin: 10px 5px; }
.mosaicflow__item img { display: block; width: 100%; height: auto; }

.photopage .pictures { margin: 0 0 10px; }
.photopage .pictures .pic.big { width: 100%; margin: 0; float: none; }
.photopage .pictures .pic { width: 48%; margin: 0; }
.photopage .pictures .pic:nth-child(even) { margin-left: 4%; }
.photopage .pictures .pic:nth-child(-n+2) { margin-bottom: 20px; }
.photopage .pictures .pic .whitetext:hover {  }
.photopage .pictures .pic .whitetext span {  }
.content.photopage .else { top: -30px; }

.content .one_iv { background-clip: content-box; margin-bottom: 30px; }
.content .one_iv .link { transform: rotate(-90deg); position: absolute; width: 160px; z-index:1; left: -47px; margin-top: 62px; }
.content .one_iv .link a { background: rgb(0,108,202); background: linear-gradient(45deg, rgba(0,108,202,1) 0%, rgba(0,160,250,1) 100%); color: white; padding: 6px 0; width: 100%; display: block; text-align: center; }
.content .one_iv h3.whitetext { background: rgb(0,0,0); background: linear-gradient(0deg, rgba(0,0,0,.7) 0%, rgba(0,0,0,0) 100%); display: block; width: calc(100% - 30px); height: 170px; position: absolute; margin-top: -170px; }
.content .one_iv h3.whitetext span { position: absolute; bottom: 0; display: block; padding: 0 20px 20px 40px; font-size: 18px; color: white; }
.content .one_iv .header { font-size: 18px; font-weight: bold; padding: 15px; }
.content .one_iv p { padding: 0 15px; }
.content .one_iv .divider { height: 20px; }
.content .one_iv.big h3.whitetext span { font-size: 24px; padding: 0 20px 20px 20px; }
.content .one_iv.big .header { font-size: 24px; }
.content.one_news .img { width: 50%; }
.content .anns .icon { width: 90px; display: inline-block; }
.content .akkr div { float: left; width: 30%; margin-right: 1.5%; margin-left: 1.5%; padding: 50px 10px; }
.content .akkr .akkr_name { font-weight: bold; }
.content .anns .one_arch_an .img { margin-bottom: 0; margin-right: 50px; }
.content .anns .one_arch_an .content { padding-top: 50px; padding-right: 50px; }
.content .anns .one_arch_an .icon { width: 70px; float: left; display: block; margin-right: 20px; }
.content .one_arch_an h5 { font-size: 18px; font-weight: bold; color: #005dd5; line-height: 60px; margin-bottom: 50px; }
.modal input { width: 100%; padding: 10px; }

.content .search-page { padding-top: 20px; }
.content .search-page input { padding: 10px; }
.content .search-page select { padding: 12px; }
.content .search-page input[type=submit] { color: white; font-size: 18px; background: rgb(0,108,202); background: linear-gradient(45deg, rgba(0,108,202,1) 0%, rgba(0,160,250,1) 100%); padding: 10px 50px; border-radius: 5px; border: 0; }
.content.one_news .newsblock img {width:auto;max-width: 100%;}
.content.one_news .newsblock .img img {width:100%;}

#tagscloud{ width:80%; height:260px; position:relative; font-size:18px; font-family: "Playfair Display",serif; color:#333; margin:20px auto; text-align:center; overflow: hidden; }
#tagscloud a{ position:absolute; top:0px; left:0px; color:#333; text-decoration:none; margin:0 10px 15px 0; line-height:18px; text-align:center; padding:1px 5px; display:inline-block; }
#tagscloud a.tagc1{ color:white; font-size: 24px; }
#tagscloud a.tagc2{ color:rgb(0,160,250); font-size: 32px; }
#tagscloud a.tagc3{ color:#999; }
#tagscloud a:hover{ color:rgb(0,108,202); }

#infogr { height: 856px; background: url('../img/infogr.png') center center no-repeat; background-size: contain; font-family: "Playfair Display", serif; }
#infogr h3 { font-weight: bold; padding-top: 100px; }
#infogr .infbl { position: absolute; }
#infogr .infbody.greybg { color: #777; border: 1px solid #eee; }
#infogr .infbl1 { left: 100px; top: 250px; }
#infogr .infbl2 { right: 100px; top: 250px; }
#infogr .infbl3 { left: 100px; top: 550px; }
#infogr .infbl4 { right: 100px; top: 550px; }
#infogr .infbl5 { left: 380px; top: 400px; }
#infogr .infbl6 { right: 380px; top: 400px; }
#infogr .infbody { width: 260px; min-height: 240px; border-radius: 8px; text-align: left; box-shadow: 5px 5px 5px 0 rgba(0, 0, 0, 0.2); }
#infogr .infbl5 .infbody, #infogr .infbl6 .infbody { width: 180px; min-height: 240px; }
#infogr .rect { width: 30px; height: 30px; border: 1px solid white; border-radius: 4px; position: relative; left: 115px; top: -15px; box-shadow: 5px 5px 5px 0 rgba(0, 0, 0, 0.3); }
#infogr .infbl5 .rect, #infogr .infbl6 .rect { left: 75px; }
#infogr .icon { width: 50px; position: relative; top: 20px; left: 80px; }
#infogr .text { line-height: 22px; position: relative; top: 20px; left: 10px; padding: 20px; }
#infogr .infbl5 .text, #infogr .infbl6 .text { top: 10px; }
#infogr .infbl2 .text { top: 0px; }
#infogr .infbl3 .text { top: 0px; }
#infogr .infbl5 .text { top: 0px; }
#infogr .number { font-weight: bold; font-size: 60px; padding: 5px 20px 20px 0; display: block; float: left; line-height: 28px; }
#infogr .big { font-weight: bold; font-size: 24px; display: block; line-height: 28px; }

@media (max-width: 1200px) {
    .vertheader { font-size: 32px; font-weight: normal;transform: rotate(0deg); text-align: left; max-width: none; padding: 15px; position: relative; margin-top: 10px; margin-left: 0; }
    .gallery { margin-bottom: 0; }
    .play { right: 25px; }
    .news { margin-bottom: 50px; }
    .vid_nb_img iframe { height: 350px; }
    .video .owl-nav {  }
    .video .owl-dots {  }
    .port .w95 { width: auto; }
    .search { width: 100%; }
    .port .w80 { width: 100%; }
    .vertheader.inside { max-width: none; margin-top: 10px; margin-left: 0; }
    .proj .map { width: 100%; }
    .iv_proj .w95 { width: auto; }
    .iv_nb_img { margin: 0 20px 0 0; }
    .iv_nb { padding-right: 20px; }
    .iv_nb hr { margin-left: 58%; }
    .iv_proj .owl-dots {  }
    .iv_proj .owl-nav {  }
    .iv_proj .map .owl-nav {  }
    .pictures .pic.big { width: 47%; height: 338px; }
    .pictures .pic { width: 22%; height: 160px; }
    .pictures .pic .whitetext span { font-size: 18px; line-height: 22px; }
    .cont_nb { padding: 50px 25px; font-size: 16px; }
    .cont_nb .name, .cont_nb .position, .cont_nb .content { width: 30%; margin-right: 15px; }
    .cont_nb .content { margin-right: 0; width: 35%; }
    .footer { padding-bottom: 40px; }

    .content .blueheader { top: 25px; }
    .content .text { padding-top: 105px; font-size: 15px; }
    .content h3 { font-size: 22px; }
    .content h3 span.icon { width: 50px; height: 50px; }
    .content h3 span.icon img { max-height: 50px; }
    .content ol.bignumbers { font-size: 14px; }
    .content h3 .smalltext { font-size: 14px; padding-top: 6px; }
    .content ul.bigmarkers { font-size: 14px; }
    .content .group .content { padding-left: 50px; }
    .content .group .content h3 { font-size: 24px; }
    .content .finstat .onestat { font-size: 14px; }
    .content .management .owl-carousel .content_position { font-size: 14px; }

    .content .newsblock .img { width: 220px; }
    .content .newsbottom .vertheader.inside { left: 0; top: 0; }

    .videopage iframe { height: 400px; }
    .content.one_news .img { width: 50%; }

    #infogr { height: 646px; }
    #infogr h3 { padding-top: 50px; }
    #infogr .infbl1 { left: 75px; top: 120px; }
    #infogr .infbl2 { right: 75px; top: 120px; }
    #infogr .infbl3 { left: 75px; top: 400px; }
    #infogr .infbl4 { right: 75px; top: 400px; }
    #infogr .infbl5 { left: 390px; top: 130px; }
    #infogr .infbl6 { right: 390px; top: 400px; }

}
@media (max-width: 992px) {
    #burger { display: block; }
    .play { right: 15px; }
    .vid_nb_img { width: 100%; }
    .vid_nb { padding-right: 0; }
    .vid_nb_img iframe { height: 380px; padding-bottom: 20px; }
    .vid_nb_header { padding: 0 15px; }
    .vid_nb .text { padding: 0 150px 0 15px; }
    .video .owl-nav {  }
    .video .owl-dots {  }
    .port .greybg { margin-bottom: 50px; }
    .search { width: 100%; }
    .tagcloud { height: 300px; }
    .port { margin-bottom: 0; }
    .cite { text-align: center; }
    .iv_proj .row > div { margin-bottom: 50px; }
    .proj .owl-carousel { height: auto; padding-bottom: 55px; }
    .iv_proj .map .owl-nav {  }
    .iv_proj .map .owl-dots {  }
    .gallery { margin-bottom: 50px; }
    .cont_nb { font-size: 13px; padding: 25px 10px; }

    .content .blueheader { top: -40px; right: 50px; left: auto; }
    .content .text { padding-top: 50px; }
    .content h3 { font-size: 24px;}
    .content h3 .smalltext { width: 76%; padding-left: 20px; }
    .content ul.bigmarkers li { min-height: 65px; padding-right: 20px; }
    .content .group .slider { margin-top: 0; margin-bottom: 0; }
    .content .finstat .onestat { margin-bottom: 30px; font-size: 16px; }

    .content .cal_cont { padding-top: 50px; }
    .content .projs .link { bottom: 50px; }

    .videopage iframe { height: 300px; }

    .content .akkr div { width: 100%; margin-right: 0; margin-left: 0; padding: 10px 0; }
    .content .akkr { padding: 50px; }
    .content .anns .one_arch_an .img { width: 100%; margin-right: 0px; margin-bottom: 20px; }
    .content .anns .one_arch_an .content { padding: 20px; }
    .content .anns .one_arch_an .link-btn { margin-bottom: 30px; display: inline-block; }
    .pignose-calendar { width: 100%; }

    #infogr { height: 646px; }
    #infogr h3 { padding-top: 30px; }
    #infogr .infbody { width: 220px; }
    #infogr .text { padding: 10px; max-width: 190px; }
    #infogr .infbl1 { left: 25px; top: 100px; }
    #infogr .infbl2 { right: 25px; top: 100px; }
    #infogr .infbl3 { left: 25px; top: 380px; }
    #infogr .infbl4 { right: 25px; top: 380px; }
    #infogr .infbl5 { left: 270px; top: 120px; }
    #infogr .infbl6 { right: 270px; top: 380px; }
    #infogr .rect { left: 95px; }
}
@media (max-width: 768px) {
    .img_bg, .img_bg.hover:after { height: 350px; }
    .play { top:150px; }
    .news_title { top: 240px; }
    .img_bg .links, .img_bg .info { top: 320px; }
    .vid_nb_header { padding-right: 100px; }
    .video .owl-nav {  }
    .video .owl-dots {  }
    .port_nb_img { max-width: 40%; margin: 0 20px 0 0; }
    .port_nb br { display: none;}
    .port_nb_header { font-size: 16px; }
    .port_nb .text { font-size: 14px; padding-top: 5px; }
    .port_nb .text p { margin-bottom: 5px; }
    .small_blue_corners { padding-top: 10px; padding-bottom: 10px; }
    .cite div.qmark { font-size: 75px;}
    .cite div div div div div { padding-top: 0; }
    .iv_nb_img { max-width: 40%; }
    .iv_nb br { display: none; }
    .iv_nb_header { font-size: 18px; }
    .iv_nb .text { font-size: 14px;}
    .iv_nb .more { font-size: 14px; }
    .iv_nb hr { display: none; }
    .iv_proj .owl-nav {  }
    .iv_proj .owl-dots {  }
    .iv_proj .owl-carousel { height: auto; }
    .iv_proj .map .owl-nav {  }
    .iv_proj .map .owl-dots {  }
    .iv_nb { margin-bottom: 0; }
    .iv_proj { margin-bottom: 0; }
    .pictures .pic { width: 48%; margin-right: 5px; margin-left: 5px; }
    .pictures .pic.big { width: 98%; }
    .cont_nb .name, .cont_nb .position, .cont_nb .content { width: 100%; margin-right: 0; margin-bottom: 20px; }
    .cont_nb { font-size: 16px; padding: 35px 20px; }
    .logo img { max-width: 80%; }

    .content h3 { padding-bottom: 15px; }
    .content h3 span.icon { max-width: 40px; max-height: 40px; }
    .content h3 span.icon img { max-height: 40px; }
    .content .small_blue_corners .row > div { margin-bottom: 30px; }
    .content ol.bignumbers { font-size: 16px; }
    .content h3 .smalltext { width: 100%; float: none; position: absolute; top: 50px; padding-left: 0;}
    .content ul.bigmarkers { font-size: 14px; margin-top: 70px; }
    .content ul.bigmarkers.cols2 li { width: 100%; }
    .content .finstat .onestat { font-size: 14px; padding: 20px 10px; min-height: 250px; }

    .content .calendar { border-left: 0; border-top: 1px solid #aaa; }
    .content .cal_dep { padding-top: 50px; }
    .content .projs .link { bottom: 30px; right: 40px; }
    .content.one_news .img { width: 100%; }
    .content.one_news .newsblock h3 { clear: left; }

    #infogr { height: 880px; background-position: top center; }
    #infogr h3 { padding-top: 10px;}
    #infogr .infbl1 { left: 35px; }
    #infogr .infbl2 { right: 35px; }
    #infogr .infbl3 { left: 35px; }
    #infogr .infbl4 { right: 35px; }
    #infogr .infbl5 { left: 55px; top: 650px; }
    #infogr .infbl6 { right: 55px; top: 650px; }
}
@media (max-width: 576px) {
    #burger { font-size: 24px; padding: 12px 12px 24px 24px; }
    .vertheader { font-size: 24px; padding-bottom: 0; }
    .news_title { font-size: 18px;top: 220px; }
    .img_bg .links { bottom: 45px;top: 300px; }
    .img_bg .info { left: auto; top: 320px; }
    .vid_nb .vid_nb_header { padding-right: 120px; }
    .pictures .pic { width: 98%; height: 338px; max-height: 33vh; }

    .content .management .owl-carousel .img { width: 100%; }
    .content .management .owl-carousel .content_position { margin-bottom: 30px; }
    .cont_nb .address, .cont_nb .mt { width: 100%; padding-right: 0; }
    .content .group .slider { background-size: 90%; }

    .content .newsblock .img { width: 100%; margin-right: 0; }
    .content .newsblock h3 { clear: left; }
    .content .projs .link { bottom: 15px; right: 25px; }

    .content .one_iv.big h3.whitetext span { font-size: 18px; }
    .content .one_iv.big .header { font-size: 18px; }

    #infogr { height: 920px; background-position: center 20px; }
    #infogr h3 { padding-top: 10px; }
    #infogr .infbl1 { left: 30px; }
    #infogr .infbl2 { right: 30px; }
    #infogr .infbl3 { left: 30px; }
    #infogr .infbl4 { right: 30px; }
    #infogr .infbl5 { left: 30px; top: 650px; }
    #infogr .infbl6 { right: 30px; top: 650px; }
    #infogr .infbody, #infogr .infbl5 .infbody, #infogr .infbl6 .infbody { width: 38vw; }
    #infogr .rect, #infogr .infbl5 .rect, #infogr .infbl6 .rect { left: calc((38vw - 30px) / 2); }
    #infogr .number { font-size: 48px; float: none; display: block; }
    #infogr .big { font-size: 20px; }
    #infogr .text { font-size: 12px; top: 0; padding-right: 20px; }
    #infogr .infbl1 .text { top: 10px; }
}