body { min-width: 960px; background-image: url(../img/page-bg.jpg); background-position: center top; background-repeat: no-repeat; color: #2c313a; }
body.mp { background-image: url(../img/mainpage-bg.jpg); }

header { height: 120px; }

.text-right { text-align: right; }

.header__nav { background-color: #2c313a; padding: 0 10px; }
.header__nav__blocks { height: 80px; list-style: none; margin: 0; padding: 0; }
.header__nav__blocks > li { width: 20%; float: left; height: 80px; }
.header__nav__blocks > li:hover > a { background-color: white; color: #2c313a; }
.header__nav__blocks > li > a { color: white; display: block; height: 80px; line-height: 80px; text-transform: uppercase; font-size: 14px; font-family: Arial, Helvetica, sans-serif; text-decoration: none; text-align: center; font-weight: bold; }
.header__nav__blocks .dropdown { position: relative; }
.header__nav__blocks .dropdown .level-1, .header__nav__blocks .dropdown .level-2 { display: none; position: absolute; z-index: 1000; margin: 0; padding: 0; }
.header__nav__blocks .dropdown .level-1 { top: 100%; left: 0; width: 190px; border-top: 1px solid #2c313a; }
.header__nav__blocks .dropdown .level-1 > li { display: block; width: 100%; background-color: white; padding: 0.25rem 0.85rem 0.25rem 0.25rem; }
.header__nav__blocks .dropdown .level-1 > li:hover { display: block; width: 100%; background-color: #e9ebee; }
.header__nav__blocks .dropdown .level-1 > li.dropdown:hover { background-image: url(../img/dropdown-arrow.png); background-position: 95% center; background-repeat: no-repeat; }
.header__nav__blocks .dropdown .level-1 a { font-size: 14px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; display: block; color: #546a7b; text-decoration: none; }
.header__nav__blocks .dropdown .level-2 { top: 0; left: 100%; width: 250px; }
.header__nav__blocks .dropdown .level-2 > li { display: block; width: 100%; background-color: #c4cad0; padding: 0.25rem 0.85rem 0.25rem 0.25rem; }
.header__nav__blocks .dropdown .level-2 > li:hover { background-color: #abb4bc; }
.header__nav__blocks .dropdown:hover > .level-1, .header__nav__blocks .dropdown:hover > .level-2 { display: block; }
.header__nav .anchor--gray { color: #828488; font-size: 13px; display: inline-block; text-decoration: underline; line-height: 2rem; float: left; text-align: center; width: 20%; }
.header__nav .anchor--gray:hover { text-decoration: none; }
.header__carousel__item { height: 400px; position: relative; background-size: cover; }
.header__carousel__item__textblock { padding: 1.25rem; width: 50%; height: auto; left: 10px; position: absolute; bottom: 10%; background-color: rgba(255, 255, 255, 0.7); }
.header__carousel__item__textblock h1 { margin: 0 0 1.5rem; line-height: 1.4; font-family: Arial, Helvetica, sans-serif; color: #2c313a; font-size: 30px; font-weight: bold; }
.header__carousel__item__textblock p { color: #2c313a; font-family: Arial, Helvetica, sans-serif; font-style: italic; font-size: 17px; }

.hero h1, .hero h2, .hero h3, .hero h4, .hero h5, .hero h6 { color: #2c313a; font-weight: bold; }
.hero h1 { font-size: 30px; margin: 0 0 1rem; }
.hero h2 { font-size: 24px; margin: 0 0 1rem; }
.hero h3 { font-size: 22px; margin: 0 0 0.5rem; }
.hero h4 { font-size: 17px; margin: 0 0 0.1rem; }
.hero a { color: #3399cc; display: inline-block; font-size: 14px; text-decoration: underline; }
.hero a:hover { color: #ec1c23; }
.hero a:active { color: #666699; }
.hero input[type="submit"] { border: none; box-shadow: none; color: white; font-size: 17px; font-weight: bold; height: 40px; min-width: 160px; background-color: #546a7b; }
.hero input[type="submit"]:hover { opacity: 0.8; }
.hero ul { margin: 0 0 1.5rem; list-style-image: url(../img/ul-pic.png); padding: 0 0 0 1.25rem; }
.hero ul li { padding-left: 0.5rem; }
.hero ol { font-size: 14px; padding-left: 1.5rem; }
.hero table { width: 100%; margin: 1re 0; }
.hero table td { background-color: #e7eaec; border-bottom: 1px solid #cad0d5; padding: 0.5rem 0.75rem; color: #2c313a; font-size: 14px; }
.hero table th { text-align: left; color: white; font-weight: bold; font-size: 15px; padding: 0.5rem 0.75rem; background-color: #546a7b; }
.hero .breadcrumbs { list-style: none; padding: 0; margin: 0 0 1rem; }
.hero .breadcrumbs li { display: inline-block; margin-right: 1.5rem; position: relative; }
.hero .breadcrumbs li:not(:last-child):after { content: '>'; display: block; font-size: 13px; position: absolute; top: 3px; right: -19px; }
.hero .breadcrumbs li span { color: #2c313a; font-size: 13px; display: block; position: relative; }
.hero .breadcrumbs li a { color: #3399cc; font-size: 13px; text-decoration: underline; }
.hero .breadcrumbs li a:hover { text-decoration: none; }
.hero p { color: #2c313a; font-size: 14px; line-height: 1.4; }
.hero img.right { margin: 0rem 0 1rem 1rem; }
.hero img.left { margin: 0rem 1rem 1rem 0; }
.hero img.centered { display: block; margin: 1rem auto; }
.hero .presentation { background-color: #eaecee; padding: 0.5rem 0.25rem; }
.hero .presentation a:hover { opacity: 0.8; }
.hero .map { display: block; margin-bottom: 1rem; }
.hero .flag { display: inline-block; margin-left: 1.25rem; }

.aside__info { background-color: #e7eaec; margin-top: 130px; margin-bottom: 1.5rem; position: relative; padding: 5rem 10px 1rem; }
.aside__info__logo { position: absolute; top: -105px; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); }
.aside__info__text { font-size: 14px; }
.aside__info__pic { width: 100%; display: block; margin: 0.75rem 0; }
.aside__info__date { font-size: 50px; color: #bbc3ca; font-style: italic; font-weight: bold; }
.aside__info hr { display: block; margin: 7px 0; height: 1px; background-color: #bbc3ca; border: none; box-shadow: none; }
.aside__contacts { padding: 1rem; background-image: url(../img/aside-info_map.jpg); background-size: cover; }
.aside__contacts h2 { color: white; }
.aside__contacts__line { margin-top: 1.5rem; margin-bottom: 1.5rem; color: white; font-size: 14px; }

.news--mp h1 a { display: inline-block; float: right; color: #2c313a; font-size: 14px; text-decoration: underline; line-height: 45px; }
.news--mp__item { margin: 0 0 0.15rem; padding: 1rem 0; }
.news--mp__item:hover { background-color: #f3f4f5; }
.news--mp__item .date { color: #546a7b; font-size: 17px; display: block; margin: 0 0 0.25rem; font-style: italic; }
.news--mp__item a { color: #2c313a; font-size: 17px; font-weight: bold; text-decoration: underline; }
.news--mp__item .description { font-size: 14px; }
.news__item { margin: 0 0 1.5rem; padding: 1rem 0; }
.news__item:hover { background-color: #f3f4f5; }
.news__item .date { color: #546a7b; font-size: 17px; display: block; margin: 0 0 0.25rem; font-style: italic; }
.news__item a { color: #3399cc; font-size: 17px; font-weight: bold; text-decoration: underline; }
.news__item .description { font-size: 14px; }

.footer__body { background-color: #e7eaec; padding: 1rem 0; max-width: 1190px; margin: auto; }
.footer__body__link--small { text-decoration: underline; color: #2c313a; font-size: 14px; display: block; margin-bottom: 0.3rem; }
.footer__body__link--small:hover { text-decoration: none; }
.footer__body__link--big { text-decoration: none; color: #2c313a; font-size: 14px; font-weight: bold; text-transform: uppercase; display: block; margin-bottom: 0.35rem; }
.footer__body__form { position: relative; margin: 0; padding: 0; }
.footer__body__form input[type="text"] { border: none; box-shadow: none; background-color: white; height: 35px; color: #2c313a; }
.footer__body__form input[type="submit"] { width: 21px; height: 21px; border: none; background-color: transparent; background-image: url(../img/search-button.png); position: absolute; top: 7px; right: 7px; }
.footer__tail { height: 50px; }
.footer__tail span { color: #2c313a; font-size: 14px; line-height: 50px; }
.footer__tail span a { color: #2c313a; font-size: 14px; text-decoration: underline; }
.footer__tail span a:hover { text-decoration: none; }

.pagination { background-color: #e7eaec; padding: 0.5rem 1rem; margin-bottom: 1rem; }
.pagination .label { color: #546a7b; font-size: 14px; font-weight: bold; float: left; }
.pagination__list { list-style: none; text-align: center; }
.pagination__list li { display: inline-block; }
.pagination__list li:first-child a, .pagination__list li:last-child a { color: white; background-color: #bbc3ca; text-decoration: none; border-radius: 50%; }
.pagination__list li:first-child a:hover, .pagination__list li:last-child a:hover { opacity: 0.75; }
.pagination__list li a { display: block; width: 25px; height: 25px; text-align: center; line-height: 25px; color: #546a7b; text-decoration: none; border-radius: 50%; }
.pagination__list li a:hover, .pagination__list li a.active { color: white; background-color: #bbc3ca; }

.sitemap { margin: 1.5rem 0; }
.sitemap .sitemap__chapter--main { font-size: 26px; display: block; }
.sitemap .sitemap__chapter--sub { font-size: 22px; display: block; margin-left: 5%; }
.sitemap .sitemap__chapter--list { list-style-image: url(../img/sitemap-list-pic.png); margin-left: 10%; }
.sitemap .sitemap__chapter--list a { font-size: 13px; }

.contacts__form { padding: 0; margin: auto; width: 70%; }
.contacts__form input[type="text"], .contacts__form input[type="email"] { height: 30px; padding: 0 0 0 0.5rem; }
.contacts__form input[type="text"], .contacts__form input[type="email"], .contacts__form textarea { border: 2px solid #bbc3ca; background-color: white; font-size: 14px; box-shadow: none; }
.contacts__form textarea { resize: none; height: 65px; }
.contacts__box { background-color: #e7eaec; padding: 1rem 0.25rem; margin: 0 0 1rem; }

.services { background-color: #546a7b; }
.services__header { color: white; font-size: 30px; padding: 1.25rem 1rem; }
.services__part.active .services__subpart { display: block; }
.services__part.active .services__subheader-pic { background-image: url(../img/services/header-pic-active.png); }
.services__part.active .services__subheader { background-color: white; color: #2c313a; font-size: 14px; font-weight: bold; }
.services__subheader { padding: 0.75rem; background-color: #657988; border-bottom: 1px solid #546a7b; position: relative; cursor: pointer; color: white; font-size: 14px; font-weight: bold; }
.services__subheader a { text-decoration: none; color: white; display: block; margin: -0.75rem; padding: 0.75rem;}
.services__subheader a:hover { color: black; }
.services__part.active .services__subheader a { color: black; }
.services__subheader-pic { width: 15px; height: 15px; position: absolute; top: 15px; right: 15px; background-image: url(../img/services/header-pic-inactive.png); background-position: center; background-repeat: no-repeat; }
.services__subpart { display: none; }
.services .services__item { padding: 0.5rem; color: white; display: block; }
.services .services__item:hover, .services .services__item.active { background-color: #475a69; color: white; }
.services .services__item img { display: block; margin: 5px auto 0; }

#modal--video { width: 600px; }