/*Copyright ©2021 QD [www.qd.ua]*/

:root {
    --black: #000;
    --blue: #1a4797;
    --blueInn: #0446B0;
    --lightblue: #2484c6;
    --light: #e9edf4;
    --lighting: #BBDCFC;
    --gold: #fd0;
    --grey: #bbb;
    --greyDark: #888;
    --opacity: rgba(0, 0, 0, 0);
    --red: #ca2b46;
    --white: #fff;
    --orange: #ff8400;
}

body {
    background: var(--light);
}

.page {
    height: auto;
    min-height: 100%;
    /* padding: 0 0 350px; */
}

.main {
    padding: 0 0 350px;
}

.wrap {
    margin: 0 auto;
    max-width: 1200px;
    position: relative;
    width: 100%;
}

#top {
    height: 145px;
}

header {
    background: var(--blueInn) url(../images/header.jpg) no-repeat top center;
    background-size: auto 125px;
    display: block;
    height: 125px;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 100000;
    -webkit-transition: all 0.1s linear;
    transition: all 0.1s linear;
}

header.ny2021 {
    background: var(--blueInn) url(../images/header-2021.png) no-repeat right bottom;
    background-size: auto 125px;
}

header .wrap {
    height: 125px;
    -webkit-transition: all 0.1s linear;
    transition: all 0.1s linear;
}

header.header_box,
header.header_box .wrap {
    height: 50px;
}

.logo {
    height: 50px;
    left: 0;
    position: absolute;
    top: 10px;
    width: 500px;
    z-index: 10;
}

header.header_box .logo {
    height: 40px;
    top: 5px;
    width: 32px;
}

.logo:after {
    background: url(../images/svg/logo_utog.svg) no-repeat center left;
    background-size: contain;
    content: '';
    display: block;
    height: 50px;
    left: 0;
    opacity: 1;
    position: absolute;
    top: 0;
    width: 500px;
    -webkit-transition: all 0.1s linear;
    transition: all 0.1s linear;
}

header.header_box .logo:after {
    opacity: 0;
    pointer-events: none;
    top: -50px;
}

.logo:before {
    background: url(../images/svg/logo.svg) no-repeat center left;
    background-size: contain;
    content: '';
    height: 40px;
    left: 10px;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    top: 5px;
    width: 32px;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

header.header_box .logo:before {
    left: 0;
    opacity: 1;
    top: 0;
}

a.idutog {
    background: var(--blueInn) url(../images/svg/arrIdUTOG.svg) no-repeat 95px center;
    background-size: 20px auto;
    box-shadow: 0 5px 25px -2px rgba(4, 70, 176, 0.25);
    border-radius: 40px;
    color: var(--white);
    font-weight: bold;
    height: 40px;
    line-height: 40px;
    padding: 0 55px 0 25px;
    position: absolute;
    right: 0;
    top: 18px;
    z-index: 10;
    -webkit-transition: all 0.1s linear;
    transition: all 0.1s linear;
}

a.idutog:hover {
    background-position: 99px center;
}

header.header_box a.idutog {
    top: 4px;
}

.body_search {
    opacity: 1;
    position: absolute;
    pointer-events: auto;
    right: 0;
    top: 20px;
    -webkit-transition: all 0.1s linear;
    transition: all 0.1s linear;
}

header.header_box .body_search {
    opacity: 0;
    pointer-events: none;
    top: -100px;
}

.body_search form [type="search"] {
    background: rgba(255, 255, 255, 0.15);
    border: none;
    border-radius: 30px;
    box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.3);
    color: var(--white);
    font-size: 12px;
    height: 34px;
    line-height: 34px;
    padding: 8px 40px 8px 20px;
    width: 335px;
}

.body_search form [type="search"]:focus:invalid,
.body_search input[type="search"]:focus:invalid:focus {
    box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.75);
    color: var(--white);
}

.body_search form [type="submit"] {
    background: transparent url(../images/svg/search.svg) no-repeat center;
    background-size: contain;
    border-radius: 0;
    box-shadow: none;
    height: 20px;
    opacity: 0.65;
    padding: 0;
    position: absolute;
    right: 14px;
    top: 7px;
    width: 20px;
}

.closed_search {
    display: none;
}

.search_btn {
    background: transparent url(../images/svg/search.svg) no-repeat center;
    background-size: auto 26px;
    border-radius: 0;
    box-shadow: none;
    display: none;
    height: 40px;
    opacity: 0;
    padding: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 40px;
    z-index: 10;
}

.body_search form [type="reset"] {
    background: transparent;
    border-radius: 0;
    box-shadow: none;
    color: var(--white);
    display: none;
    height: 36px;
    padding: 0;
    position: absolute;
    right: -50px;
    top: 0;
    width: 36px;
}

.body_search form [type="reset"]:after {
    background: currentcolor;
    border-radius: 1.5px;
    content: '';
    height: 3px;
    left: 0;
    position: absolute;
    top: 16px;
    width: 36px;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.body_search form [type="reset"]:before {
    background: currentcolor;
    border-radius: 1.5px;
    bottom: 16px;
    content: '';
    height: 3px;
    left: 0;
    position: absolute;
    width: 36px;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.open_search_form .body_search {
    left: 10px;
    right: 10px;
    top: 7px;
}

.open_search_form .seacrh_btn {
    opacity: 0;
    pointer-events: none;
}

.open_search_form .logo,
.open_search_form nav {
    opacity: 0;
    pointer-events: none;
}

.open_search_form .body_search form {
    top: 0;
}

header.open_search_form.header_box .body_search {
    opacity: 1;
    pointer-events: auto;
    top: 7px;
}

nav.menu {
    bottom: 0;
    border-top: 0.5px solid rgba(255, 255, 255, 0.3);
    display: block;
    left: 0;
    font-size: 0;
    height: 50px;
    left: 0;
    line-height: 50px;
    position: absolute;
    right: 0;
    z-index: 1;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

nav.menu.open_menu {
    z-index: 11;
}

header.header_box nav.menu {
    border: none;
    left: 55px;
}

nav.menu ul {
    display: block;
    font-size: 0;
}

nav.menu li {
    display: inline-block;
    height: 50px;
    position: relative;
    vertical-align: middle;
}

nav.menu li a {
    background: transparent;
    color: var(--white) !important;
    display: block;
    font-size: 14px;
    line-height: 50px;
    padding: 0 10px;
    position: relative;
    text-transform: uppercase;
    -webkit-transition: all 0.1s linear;
    transition: all 0.1s linear;
}

nav.menu li a:hover,
nav.menu li.active>a {
    color: var(--gold) !important;
}

.header_box nav.menu li a {
    font-size: 12px;
    padding: 0 6px;
}

nav.menu li a.icon_down {
    padding: 0 15px 0 10px;
}

nav.menu .icon_down:after {
    background: url(../images/svg/arrow_down.svg) no-repeat center;
    background-size: 8px;
    content: '';
    height: 10px;
    margin: -5px 0 0;
    position: absolute;
    right: 3px;
    top: 50%;
    width: 10px;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    -webkit-transition: all 0.1s linear;
    transition: all 0.1s linear;
}

nav.menu li a.icon_down:hover:after {
    -webkit-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    transform: rotate(-180deg);
}

nav.menu .icon_right:after {
    background: url(../images/svg/arrow_rt.svg) no-repeat center;
    background-size: auto 8px;
    content: '';
    height: 10px;
    margin: -5px 0 0;
    position: absolute;
    right: 3px;
    top: 50%;
    width: 10px;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    -webkit-transition: all 0.1s linear;
    transition: all 0.1s linear;
}

nav.menu li a.icon_right:hover:after {
    -webkit-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    transform: rotate(-180deg);
}

nav.menu ul ul {
    background: var(--blueInn);
    box-shadow: 0 10px 30px -5px rgba(3, 70, 176, 0.25);
    left: 0;
    line-height: 100%;
    opacity: 0;
    position: absolute;
    pointer-events: none;
    transform: translateY(-10px);
    transition: all 150ms ease-out;
    top: 49px;
    width: 220px;
}

nav.menu ul li:hover ul {
    opacity: 1;
    pointer-events: auto;
    transform: translateY(0);
}

nav.menu ul ul li {
    display: block;
    height: auto;
    padding: 10px;
}

nav.menu ul ul li a {
    line-height: 1.5;
    padding: 0 2px;
    text-transform: none;
}

nav.menu li.first a {
    padding: 0 10px 0 0;
}

nav.menu li li.first a {
    padding: 12px;
}

nav.menu ul ul li.first a {
    padding: 0 2px;
}

nav.menu ul ul ul,
nav.menu ul li:hover ul ul {
    left: 220px;
    opacity: 0;
    position: absolute;
    top: 0;
}

nav.menu ul ul li:hover ul {
    opacity: 1;
    pointer-events: auto;
    transform: translateY(0);
}

nav.menu ul ul li.active li a:hover {
    color: var(--gold) !important;
}

.burger {
    background: transparent !important;
    border-radius: 0;
    color: var(--white);
    cursor: pointer;
    display: none;
    height: 36px;
    left: 10px;
    margin: -18px 0 0;
    padding: 0;
    position: absolute;
    top: 50%;
    width: 36px;
    z-index: 1001;
}

.burger i {
    background: currentcolor;
    border-radius: 1.5px;
    font-size: 0;
    height: 3px;
    left: 0;
    margin: -2px 0 0;
    position: absolute;
    top: 50%;
    width: 30px;
    -webkit-transition: all 0.1s linear;
    transition: all 0.1s linear;
}

.burger i:after {
    background: currentcolor;
    border-radius: 1.5px;
    content: '';
    height: 3px;
    left: 0;
    position: absolute;
    top: -12px;
    width: 36px;
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: all 0.1s linear;
    transition: all 0.1s linear;
}

.burger i:before {
    background: currentcolor;
    border-radius: 1.5px;
    bottom: -12px;
    content: '';
    height: 3px;
    left: 0;
    position: absolute;
    width: 36px;
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: all 0.1s linear;
    transition: all 0.1s linear;
}

.open_menu .burger {
    color: var(--gold);
}

.open_menu .burger i {
    background: transparent;
}

.open_menu .burger i:after {
    top: 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.open_menu .burger i:before {
    bottom: 0;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.slider_tmp {
    display: grid;
    grid-template-columns: 1fr 1fr;
    margin: 0 0 25px;
}

.slider_tmp a {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    display: block;
    min-height: 350px;
}

.slider {
    background: var(--lighting);
    height: 350px;
    margin: 0 0 30px;
    overflow: hidden;
    position: relative;
}

.slider:after {
    bottom: 0;
    border-radius: 100px 0 0;
    content: '';
    height: 80px;
    position: absolute;
    right: 0;
    width: 200px;
}

.slider .slick-arrow {
    background-color: var(--white);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 30px auto;
    box-shadow: none;
    border-radius: 0;
    bottom: 30px;
    font-size: 0;
    height: 30px;
    padding: 0;
    position: absolute;
    width: 50px;
    z-index: 2;
}

.slider .slick-arrow:hover {
    opacity: 1;
}

.slider .slick-arrow.slick-prev {
    background-image: url(../images/svg/arr_l.svg);
    right: 110px;
}

.slider .slick-arrow.slick-next {
    background-image: url(../images/svg/arr_r.svg);
    right: 40px;
}

.slider .slick-dots {
    bottom: 0;
    border-radius: 0 100px 0 0;
    left: 0;
    padding: 30px;
    position: absolute;
}

.slider .slick-dots li {
    display: inline-block;
    margin: 0 20px 0 0;
    opacity: 0.7;
}

.slider .slick-dots li:only-child {
    display: none;
}

.slider .slick-dots li.slick-active {
    opacity: 1;
}

.slider .slick-dots li button {
    background: var(--gold);
    border-radius: 100%;
    box-shadow: 0 0 0 transparent;
    font-size: 0;
    height: 10px;
    padding: 0;
    width: 10px;
}

.slider .slick-dots li.slick-active button {
    box-shadow: 0 0 0 4px rgba(255, 221, 0, 0.4);
}

.slider>div {
    display: block;
    height: 350px;
}

.slider a {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    display: block;
    height: 350px;
}

.infoUtog {
    align-items: center;
    background: url(../images/infoutog.jpg) no-repeat left center / cover;
    color: var(--white);
    display: flex;
    min-height: 200px;
    line-height: 1.5;
    margin: 0 0 16px;
    padding: 16px 40px 16px 140px;
}

.infoUtog a {
    color: var(--orange);
}

.introtext_post {
    color: #1d1d1b;
    font-size: 16px;
    line-height: 1.5;
}

.no_data {
    color: rgba(0, 0, 0, 0.5);
    pointer-events: none;
}

.wrap_app {
    box-shadow: 0 0 30px var(--grey);
    border-radius: 5px;
    margin: 10px 0;
    min-height: 80px;
    padding: 15px 160px 10px 100px;
    position: relative;
}

.wrap_app i {
    background-position: center;
    background-repeat: no-repeat;
    background-size: 70px;
    display: inline-block;
    height: 70px;
    left: 15px;
    margin: -35px 0 0;
    position: absolute;
    top: 50%;
    width: 70px;
}

.wrap_app span,
.a_gplay,
.a_ios {
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    height: 40px;
    margin: -20px 0 0;
    position: absolute;
    right: 20px;
    top: 50%;
    width: 120px;
}

.wrap_app.wrap_ios span,
.a_ios {
    background-image: url(../images/svg/appstore-badge.svg);
    margin: 0;
    top: 10px;
}

.wrap_app.wrap_gplay span,
.a_gplay {
    background-image: url(../images/svg/google-play-badge.svg);
    margin: 0;
    top: 55px;
}

.wrap_app h4 {
    font-size: 18px;
    font-weight: 900;
    line-height: 1.2;
    margin: 0 0 5px;
}

.wrap_app p {
    color: var(--greyDark);
    font-size: 14px;
    line-height: 1.2;
    margin: 0;
}

#post_and_aside {
    display: grid;
    grid-template-columns: 1fr 300px;
    grid-gap: 20px;
}

.home22 {
    padding: 0 0 40px;
}

.boxGrid3 {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 16px;
}

.boxGrid3 a {
    position: relative;
}

.boxGrid3 a:hover span {
    color: var(--gold);
}

.boxGrid3 a span {
    align-items: flex-end;
    color: var(--white);
    display: flex;
    font-size: 1.5rem;
    font-weight: bold;
    height: 100%;
    left: 0;
    line-height: 1.2;
    justify-content: center;
    padding: 24px;
    position: absolute;
    text-align: center;
    top: 0;
    width: 100%;
}

.home22 a::before {
    background: linear-gradient(0deg, var(--blue), transparent);
    content: '';
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 0;
}

.home22 span * {
    position: relative;
    z-index: 1;
}

.boxGrid3 a.homeConturPsihology span {
    font-size: 1.2rem !important;
}

.boxGrid3 a.homeReestr span {
    font-size: 1.2rem !important;
}

.centerLink {
    padding: 24px;
    text-align: center;
}

.nav_post {
    padding: 0 0 25px;
}

.nav_post ul {
    display: block;
}

.nav_post li {
    display: inline-block;
    vertical-align: top;
}

.nav_post li h5 {
    font-size: 18px;
    font-weight: 900;
    padding: 10px 0;
}

.nav_post li b {
    background: var(--white);
    box-shadow: 0 10px 20px -5px rgba(0, 0, 0, 0.15);
    border-radius: 30px;
    cursor: pointer;
    display: inline-block;
    font-weight: normal;
    margin: 0 0 0 10px;
    padding: 10px 20px;
}

.nav_post li.active_post b {
    background: var(--blueInn);
    box-shadow: 0 10px 20px -5px rgba(43, 98, 174, 0.5);
    color: var(--white);
}

.post {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 20px;
}

.item_post a {
    display: block;
}

.boxGrid3 {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 16px;
}

.item_post figure {
    background-color: var(--lighting);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    color: var(--white);
    filter: brightness(90%);
    height: 160px;
    position: relative;
    transition: all .2s ease;
    width: 100%;
}

.item_post a:hover figure {
    filter: brightness(100%);
}

.item_post figure:after {
    background: rgba(0, 0, 0, 0.25);
    bottom: 0;
    content: '';
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 0;
    -webkit-transition: all 0.1s linear;
    transition: all 0.1s linear;
}

.item_post:hover figure:after {
    background: rgba(0, 0, 0, 0.15);
}

.item_post figure b {
    border: 1px solid;
    border-radius: 2px;
    display: inline-block;
    font-weight: normal;
    left: 10px;
    line-height: 1.3;
    padding: 0 5px;
    position: absolute;
    top: 10px;
    z-index: 1;
}

.item_post figure i {
    position: absolute;
    right: 10px;
    top: 10px;
    z-index: 1;
}

.item_post div {
    padding: 20px 0;
}

.item_post div span,
.item_post div time {
    color: #9ba0b4;
    font-size: 12px;
}

.bookPost {
    grid-template-columns: repeat(5, 1fr);
}

.item_post.item_book figure {
    height: 300px;
}

.item_post.item_book .hits,
.item_post.item_book time {
    display: none;
}

.logoCon {
    display: grid;
    grid-template-columns: 250px 1fr;
    grid-gap: 20px;
}

.logoCon img {
    max-height: 130px;
    padding: 0 0 25px;
}

.logoCon h2 {
    color: #1748ce;
    font-weight: bold;
    line-height: 1.3;
}

.copyCon {
    border-radius: 5px;
    color: #1748ce;
    display: block;
    font-size: 14px;
    line-height: 1.2;
    margin: 0 0 25px;
    padding: 0 0 0 30px;
    position: relative;
    width: 490px;
}

.copyCon i {
    color: #1748ce;
    font-style: normal;
    font-size: 30px;
    height: 20px;
    left: 0;
    line-height: 20px;
    margin: -10px 0 0;
    position: absolute;
    top: 50%;
}

.conPost {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 20px;
}

.conPost a {
    display: block;
}

.conPost figure {
    background-color: var(--lighting);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    color: var(--white);
    height: 160px;
    position: relative;
    width: 100%;
}

.conPost h4 {
    line-height: 1.2;
    padding: 10px 0;
}

.contentCon {
    display: grid;
    grid-template-columns: 1fr 350px;
    grid-gap: 20px;
}

.polls {
    background: rgba(31, 144, 255, 0.12) url(../images/svg/polls.svg) no-repeat 10px center;
    background-size: 40px auto;
    border-radius: 5px;
    max-width: 300px;
    padding: 10px 10px 10px 60px;
    position: absolute;
    right: 40px;
    top: 40px;
    width: 100%;
}

.readmoreFull {
    background: var(--blueInn);
    border-radius: 30px;
    box-shadow: 0 10px 20px -5px rgba(43, 98, 174, 0.5);
    color: var(--white) !important;
    display: block;
    margin: 0 auto;
    padding: 15px 25px;
    text-align: center;
    width: 250px;
}

.top_details_post small {
    color: #6D727C;
    padding: 0 0 0 30px;
}

.img_post {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 200px;
    width: 100%;
}

.details_post {
    padding: 20px 0;
}

article.item_post h4 {
    color: currentcolor;
    line-height: 1.3;
    -webkit-transition: all 0.1s linear;
    transition: all 0.1s linear;
}

.banner_servis_utog a {
    display: block;
    margin: 50px auto 0;
    width: 100%;
}

.banner_servis_utog a:hover {
    opacity: 0.8;
}

.post_home .post {
    display: none;
}

.post_home .post.post_1 {
    display: grid;
}

.brifingHome {
    border-top: 2px solid rgba(19, 104, 209, 0.3);
    padding: 0 10px;
}

.brifingHome .post {
    display: grid;
}

.brifingHome h3 {
    padding: 8px 0;
    font-size: 18px;
}

.boxReadmore {
    position: relative;
}

.readmoreLinkBox {
    position: absolute;
    right: 10px;
    top: 12px;
}

.zamitka909 {
    background: var(--gold) url('/assets/uploads/images/banner/zamitka909.png') no-repeat 5px center;
    background-size: 44px auto;
    border-radius: 5px;
    box-shadow: 0 0 0 2px var(--gold) inset;
    font-size: 14px;
    line-height: 1.3;
    padding: 10px 10px 10px 55px;
    position: absolute;
    right: 0;
    top: 20px;
    width: 280px;
}

.zamitka909 small {
    color: rgba(0, 0, 0, 0.5);
    display: block;
    font-size: 10px;
}

.zamitka909 small:after {
    content: " \22EF";
    margin: 0 2px;
    transition: .2s linear;
}

.zamitka909:hover small:after {
    margin: 0 0 0 4px;
}

.box_koronavirus {
    background: #283143 url(../images/covid19.png) no-repeat center;
    background-size: contain;
    display: block;
    font-size: 0;
    min-height: 100px;
}

.boxHotline {
    background: var(--blueInn) url('/assets/uploads/images/banner/boxhotline.png') no-repeat center;
    background-size: cover;
}

.box_koronavirus:hover {
    opacity: 0.8;
}

.box_koronavirus * {
    font-size: 0;
}

.box_covid_inform {
    background: var(--white);
    margin: 0 0 20px;
    padding: 20px;
}

.ourlifeAside {
    background-color: rgba(19, 104, 209, 0.3);
    padding: 8px;
    margin: 0 0 8px;
}

.ourlifeAside h3,
.ourlifeBoxHome22 h3 {
    padding: 8px 0 16px;
    text-align: center;
}

.ourlifeBoxHome22 {
    background-color: rgba(19, 104, 209, 0.3);
    padding: 16px;
}

.ourlifeBox {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 8px;
}

.ourlifeBoxHome {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: 24px;
}

.ourlifeBoxHome a {
    display: block;
    text-align: center;
}

.ourlifeBoxHome img {
    margin: 0 auto;
    max-height: 220px;
}

.ourlifeBox h4,
.ourlifeBoxHome h4 {
    font-size: 14px;
    line-height: 1.1;
    padding: 8px 0;
}

a.readmoreLink {
    background-color: var(--blueInn);
    border-radius: 8px;
    color: var(--white);
    display: block;
    margin: 8px auto 0;
    max-width: 320px;
    padding: 12px 0;
    text-align: center;
}

.box_aside {
    background: var(--lighting);
    box-shadow: 0 20px 30px -20px #79b0e6;
    padding: 15px 20px 20px;
}

.box_aside h3 {
    font-size: 18px;
    font-weight: 900;
    margin: 0 0 20px;
}

.link_img {
    opacity: 1;
    transition: all .3s linear;
}

s .link_img:hover {
    opacity: .9;
}

.box_work {
    margin: 24px 0;
    position: relative;
}

.box_work .readmore_link {
    font-size: 14px;
    left: 180px;
    position: absolute;
    top: 10px;
}

.box_work h3 {
    margin: 0 0 15px;
}

.work_grid {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    grid-gap: 20px;
}

.item_work {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    display: block;
    min-height: 70px;
    position: relative;
}

.item_work a {
    display: block;
    padding: 15px;
}

.item_work a:before {
    background: rgba(0, 0, 0, 0.45);
    bottom: 0;
    content: '';
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 0;
    -webkit-transition: all 0.1s linear;
    transition: all 0.1s linear;
}

.item_work a:hover:before {
    background: rgba(0, 0, 0, 0.35);
}

.item_work a h4 {
    color: var(--white);
    font-size: 14px;
    font-weight: normal;
    line-height: 1.3;
    position: relative;
    z-index: 1;
}

.box_u {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    padding: 50px 0;
}

.box_u>* {
    min-height: 200px;
    padding: 20px;
    position: relative;
}

.box_u3 {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    padding: 50px 0 0;
}

.box_service h4 {
    color: var(--white);
    font-size: 20px;
    font-weight: 900;
    padding: 0 0 10px;
}

.box_service p {
    color: var(--white);
    font-size: 16px;
}

.box_service24 {
    background: url('../images/service_utog24.jpg') no-repeat left bottom;
    background-size: cover;
}

.box_service24 a {
    display: block;
    min-height: 200px;
    padding: 25px;
}

.box_service24 strong {
    display: block;
    font-size: 36px;
    padding: 0 0 10px;
}

.box_service24 small {
    font-size: 20px;
    line-height: 1.1;
}

.box_asl {
    background: url('../images/box_asl.jpg') no-repeat left top;
    background-size: cover;
}

.box_asl a {
    display: block;
    min-height: 200px;
    padding: 120px 0 0;
}

.box_asl strong {
    display: block;
    font-size: 30px;
    line-height: 1.3;
}

.box_hotline h4 {
    color: var(--black);
    font-size: 20px;
    font-weight: 900;
    padding: 0 0 10px;
}

.box_abi {
    background: #284C56 url('../images/bgs.jpg') no-repeat left bottom;
    background-size: cover;
    text-align: right;
}

.box_abi h4 {
    color: var(--white);
    font-size: 40px;
    font-weight: 900;
    text-align: right;
}

.h120 {
    min-height: 180px;
}

.box_u a {
    color: var(--white);
    font-size: 16px;
}

.box_hotline a {
    color: #1d1d1b;
    font-size: 16px;
}

.readmore_link {
    font-size: 16px;
    -webkit-transition: all 0.1s linear;
    transition: all 0.1s linear;
}

.about {
    display: grid;
    grid-template-columns: 1fr 1fr;
    padding: 50px 0;
}

.content_about {
    color: var(--white);
    padding: 30px 50px 50px;
}

.content_about h1 {
    background: url(../images/svg/logo_utog.svg) no-repeat center left;
    background-size: contain;
    font-size: 0;
    height: 50px;
    margin: 0 0 20px;
    position: relative;
    width: 100%;
}

.content_about p {
    line-height: 1.6;
}

.content_about a {
    border-bottom: 1px solid transparent;
    color: var(--gold);
    padding: 5px 0;
    -webkit-transition: all 0.1s linear;
    transition: all 0.1s linear;
}

.content_about a:hover {
    border-color: currentcolor;
}

.right_about {
    background: var(--white);
    padding: 50px;
    text-align: center;
}

.right_about h4 {
    color: #225cc0;
    font-size: 20px;
    font-weight: 900;
}

.right_about ul {
    display: grid;
    grid-gap: 10px;
    grid-template-columns: repeat(3, 1fr);
    margin: 30px 0 0;
}

.right_about li {
    color: #225cc0;
}

.right_about li i {
    background: rgba(255, 217, 0, 0.2);
    border-radius: 100%;
    display: block;
    height: 80px;
    margin: 0 auto 20px;
    width: 80px;
}

.right_about li strong {
    display: block;
    font-size: 50px;
    line-height: 50px;
    margin: 0 0 10px;
}

.right_about li strong small {
    display: inline-block;
    font-size: 16px;
    line-height: 1.7;
    vertical-align: bottom;
}

.right_about li span {
    border-bottom: 1px solid transparent;
    font-size: 16px;
    line-height: 1.2;
}

.right_about li a span {
    border-bottom-color: rgba(31, 144, 255, 0.5);
}

.partners h3 {
    font-weight: 900;
    padding: 0 0 25px;
    text-align: center;
}

.partners_module {
    position: relative;
}

.partner_item {
    display: block;
}

.partners_module .slick-dots {
    display: block;
    padding: 25px 0;
    text-align: center;
}

.partners_module .slick-dots li {
    display: inline-block;
    margin: 0 10px;
}

.partners_module .slick-dots li:only-child {
    display: none;
}

.partners_module .slick-dots li button {
    border-radius: 100%;
    box-shadow: 0 0 0 transparent;
    font-size: 0;
    height: 10px;
    opacity: 1;
    padding: 0;
    width: 10px;
}

.partners_module .slick-dots li.slick-active button {
    opacity: 0.5;
}

.partners_module .slick-slide {
    margin: 0 20px;
}

.partners_module .slick-list {
    margin: 0 -20px;
}

.subscribe {
    background: var(--white);
    display: block;
    padding: 50px 0;
}

.subscribe h3 {
    font-weight: 900;
    padding: 0 0 25px;
    text-align: center;
}

.propoz {
    padding: 30px 0;
    text-align: center;
}

.facebookkanal {
    display: inline-block;
    position: relative;
    text-align: left;
    width: 320px;
}

.facebookkanal a {
    background: url(../images/svg/facebook_logo.svg) no-repeat center left;
    background-size: contain;
    color: #225cc0;
    display: block;
    min-height: 50px;
    padding: 10px 0 0 70px;
    position: relative;
    top: 8px;
}

.abo {
    display: inline-block;
    text-align: left;
    width: 50px;
}

.telegr {
    display: inline-block;
    text-align: left;
    width: 320px;
}

.telegr a {
    background: url(../images/svg/telegram_logo.svg) no-repeat center left;
    background-size: contain;
    color: #225cc0;
    display: block;
    min-height: 50px;
    padding: 10px 0 0 70px;
    position: relative;
    top: 8px;
}

.prop {
    font-size: 20px;
    font-weight: normal;
    padding: 50px 0;
    text-align: center;
}

footer {
    background-color: var(--blueInn);
    color: var(--white);
    margin: -350px 0 0;
    min-height: 300px;
    padding: 50px 0 0;
    position: relative;
}

footer .wrap {
    display: grid;
    grid-gap: 20px;
    grid-template-columns: repeat(3, 1fr);
}

.foo_one,
.foo_two,
.foo_three {
    position: relative;
}

.footer_logo {
    background: url(../images/svg/logo_utog.svg) no-repeat center left;
    background-size: contain;
    height: 60px;
    position: relative;
    width: 425px;
}

.footer_logo a {
    display: block;
    height: 60px;
}

.footer_logo em {
    color: var(--lighting);
    display: block;
    font-size: 80%;
    font-style: normal;
    left: 42px;
    letter-spacing: 1px;
    text-transform: uppercase;
    position: absolute;
    top: 54px;
}

.message_box {
    background: #1E87F0;
    border-radius: 5px;
    bottom: -200px;
    color: var(--white);
    font-size: 12px;
    left: 20px;
    max-width: 400px;
    min-width: 200px;
    position: fixed;
    width: 100%;
    z-index: -10;
    -webkit-transition: all 0.1s linear;
    transition: all 0.1s linear;
}

.message_box.open_box {
    bottom: -130px;
    z-index: 100000;
}

.message_box.open_box:hover {
    background: var(--white);
    bottom: 10px;
    box-shadow: 0 0 0 5000px rgba(31, 144, 255, 0.25);
    color: var(--black);
}

.message_box * {
    margin: 0;
    padding: 0;
}

.message_box>b {
    color: var(--gold);
    display: block;
    font-weight: normal;
    height: 50px;
    line-height: 50px;
    padding: 0 20px;
}

.message_box:hover>b {
    color: var(--red);
}

.message_box>span {
    color: var(--red);
    cursor: pointer;
    font-size: 16px;
    position: absolute;
    right: 20px;
    top: 13px;
}

.message_box>p {
    padding: 0 20px 20px;
}

.message_box p span {
    background: var(--red);
    border-radius: 2px;
    color: var(--white);
    cursor: pointer;
    padding: 2px 5px;
}

.message_box p span:hover {
    background: var(--white);
    color: var(--red);
}

.betatest {
    display: none;
}

.paging {
    text-align: center;
}

.paging li {
    display: inline-block;
}

.paging li.control {
    display: none;
}

.paging li a {
    background: var(--white);
    border-radius: 3px;
    display: inline-block;
    padding: 5px 20px;
}

.address {
    font-size: 18px;
    padding: 30px 0 15px;
}

.address a {
    color: var(--white);
}

.address a:hover {
    color: var(--gold);
}

.priem {
    color: #C6E2FF;
    font-size: 14px;
}

.cp_contact {
    color: #C6E2FF;
}

.cp_contact a {
    color: var(--gold);
}

.footer_block {
    margin: 0 40px 0 100px;
}

.footer_block h3 {
    color: var(--white);
}

.footer_block ul {
    padding: 20px 0 0;
}

.footer_block ul li {
    margin: 0 0 7px;
}

.footer_block ul li a {
    color: var(--lighting);
    font-size: 16px;
}

.footer_block ul li a:hover {
    color: var(--gold);
}

a.a_quest {
    box-shadow: 0 0 0 2px var(--white) inset, 0 7px 14px -5px rgba(0, 0, 0, 0.2);
    border-radius: 5px;
    color: var(--white);
    cursor: pointer;
    display: block;
    max-width: 250px;
    margin: 0 0 20px 50px;
    padding: 10px 0;
    text-align: center;
    text-transform: uppercase;
    -webkit-transition: all 0.1s linear;
    transition: all 0.1s linear;
}

a.a_quest:hover {
    background: var(--white);
    color: var(--blueInn);
}

.a_quest i {
    color: var(--gold);
    margin: 0 5px 0 0;
}

.socmerezhi h3 {
    color: var(--white);
    margin: 0 0 0 50px;
}

.social_ftr {
    margin: 0 0 0 50px;
    padding: 20px 0;
}

.social_ftr a {
    color: var(--white);
    display: inline-block;
    font-size: 30px;
    margin: 0 30px 0 0;
    -webkit-transition: all 0.1s linear;
    transition: all 0.1s linear;
}

.social_ftr a:hover {
    color: var(--gold);
}


/***Creators Site***/

.creators {
    margin: 50px 0 0 50px;
    position: relative;
    text-align: left;
}

.creators a {
    background: url(../images/svg/qd.svg) no-repeat center left;
    background-size: contain;
    color: var(--white);
    display: inline-block;
    font-weight: 300;
    height: 40px;
    line-height: 20px;
    padding: 0 0 0 55px;
    width: 160px;
}

.creators span {
    width: 130px;
}

.copy {
    font-size: 12px;
    padding: 100px 0 50px;
    text-align: center;
}

.copy a {
    color: var(--lighting);
}

.buttontop {
    background: var(--blueInn);
    border-radius: 2px;
    bottom: 20px;
    color: var(--white);
    cursor: pointer;
    display: none;
    height: 30px;
    line-height: 30px;
    position: fixed;
    right: 20px;
    text-align: center;
    width: 30px;
    z-index: 1000;
}

.buttontop:hover {
    background: var(--blue);
}

.pagination {
    padding: 20px 0;
}

.pagination li {
    display: inline-block;
    font-size: 20px;
    margin: 0 20px 0 0;
}

.crumbs {
    font-size: 12px;
    opacity: 0.5;
    padding: 0 0 20px;
}

.crumbs ol {
    padding: 0;
}

.crumbs li {
    display: inline-block;
}

.crumbs a {
    margin: 0 10px 0 0;
}

.content {
    background: var(--white);
    box-shadow: 0 10px 30px 10px rgba(33, 96, 197, 0.15);
    margin: 0 0 25px;
    min-height: 250px;
    padding: 40px 50px 50px;
    position: relative;
}

.content h1 {
    font-weight: 900;
    margin: 0 0 20px 0;
    padding: 0;
    position: relative;
    z-index: 1;
}

.heading {
    font-weight: 900;
    margin: 0 0 40px;
    padding: 0;
}
.heading.center {
    text-align:center;
}
.content_top {
    color: #6D727C;
    display: block;
    letter-spacing: 1px;
    padding: 0 0 25px;
}

.content_top b {
    float: right;
}

.hits {
    display: inline-block;
    margin: 0 0 0 50px;
    position: relative;
}

.hits:after {
    background: rgba(0, 0, 0, 0.2);
    content: '';
    height: 1px;
    left: -40px;
    margin: -1px 0 0;
    position: absolute;
    top: 50%;
    width: 30px;
}

.hits i {
    color: var(--gold);
}

.content .text,
.text p {
    font-size: 18px;
    line-height: 1.7;
}

.yt_player {
    background: var(--lighting) url(../images/svg/spinner.svg) no-repeat center;
    background-size: 150px auto;
    border-radius: 5px;
    display: block;
    height: 450px;
    margin: 0 0 20px;
    overflow: hidden;
    position: relative;
    width: 100%;
    -webkit-transition: all 0.1s ease-out;
    transition: all 0.1s ease-out;
}

.yt_player.ended:after,
.yt_player.paused:after {
    background: var(--grey) url(../images/svg/replay-arrow.svg) no-repeat center;
    bottom: 0;
    content: '';
    cursor: pointer;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 10;
    -webkit-transition: all 0.1s ease-out;
    transition: all 0.1s ease-out;
}

.yt_player.ended:after {
    background: rgba(0, 0, 0, 0.2) url(../images/svg/replay-arrow.svg) no-repeat center;
    background-size: 50px auto;
}

.yt_player.paused:after {
    background: rgba(0, 0, 0, 0.2) url(../images/svg/play_yt.svg) no-repeat center;
    background-size: 70px auto;
}

.yt_player.ended:hover:after {
    background-size: 55px auto;
}

.yt_player.paused:hover:after {
    background-size: 75px auto;
}

.yt_player.paused:before,
.yt_player.ended::before {
    background: #444 no-repeat center;
    background-size: cover;
    bottom: 0;
    content: '';
    cursor: pointer;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 9;
    -webkit-transition: all 0.1s ease-out;
    transition: all 0.1s ease-out;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}

.yt_player.paused:hover:before,
.yt_player.ended:hover:before {
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05);
}

.yt_player {
    -webkit-animation: yt_player 1s 5s both;
    animation: yt_player 1s 5s both;
}

@-webkit-keyframes yt_player {
    0% {
        background-size: 70px auto;
    }
    100% {
        background-size: 0;
    }
}

@keyframes yt_player {
    0% {
        background-size: 70px auto;
    }
    100% {
        background-size: 0;
    }
}

.yt_player .iframe_style {
    height: 450px;
    width: 100%;
}

.content .text p {
    margin: 0 0 20px;
}

.content .text ul {
    padding: 10px;
}

.content .text ul li {
    list-style: disc;
}

.content .text ol {
    list-style: decimal;
    padding: 10px;
}

.external_link {
    font-size: 14px;
    padding: 10px 0;
    text-align: right;
}

.external_link a span {
    border-bottom: 1px solid rgba(45, 91, 166, 0.5);
}

.external_link a:hover span {
    border-bottom-color: rgba(220, 20, 60, 0.5);
}

.external_link a i {
    font-size: 12px;
}

.bottom {
    border-top: 1px solid var(--grey);
    margin: 20px 0 0;
    padding: 20px 0 0;
}

.print_link {
    font-size: 14px;
}

.share_link {
    color: var(--grey);
    font-size: 12px;
    float: right;
    padding: 15px 0;
    text-align: right;
}

.share_link a {
    background-position: 2px center;
    background-repeat: no-repeat;
    background-size: 14px auto;
    border-radius: 3px;
    margin: 0 0 0 10px;
    padding: 5px 5px 5px 20px;
}

a.sh_twitter {
    background-image: url(../images/svg/twitter.svg);
    box-shadow: 0 0 0 2px #1da1f2;
    color: #1da1f2;
}

a.sh_facebook {
    background-image: url(../images/svg/facebook.svg);
    background-position: 5px center;
    background-size: auto 14px;
    box-shadow: 0 0 0 2px #3b5998;
    color: #3b5998;
}

a.sh_telegram {
    background-image: url(../images/svg/telegram.svg);
    box-shadow: 0 0 0 2px #0088cc;
    color: #0088cc;
}

.similar {
    padding: 50px 0 0;
}

.similar h3 {
    padding: 0 0 25px;
    text-align: center;
}

.similar .slick-slide {
    margin: 0 20px;
}

.similar .slick-list {
    margin: 0 -20px;
}

.similar .slick-dots {
    display: block;
    padding: 15px 0 50px;
    text-align: center;
}

.similar .slick-dots li {
    display: inline-block;
    margin: 0 10px;
}

.similar .slick-dots li:only-child {
    display: none;
}

.similar .slick-dots li button {
    border-radius: 100%;
    box-shadow: 0 0 0 transparent;
    font-size: 0;
    height: 10px;
    opacity: 1;
    padding: 0;
    width: 10px;
}

.similar .slick-dots li.slick-active button {
    opacity: 0.5;
}

div.neighbors {
    background: #e9edf4;
    border-radius: 3px;
    box-sizing: border-box;
    display: grid !important;
    grid-template-columns: 1fr 1fr;
    display: block;
    margin: 50px 0 0;
    padding: 20px;
    position: relative;
    width: 100%;
}

div.neighbors div {
    vertical-align: top;
}

.link_next {
    text-align: right;
}

div.neighbors a {
    display: block;
    font-weight: 900;
    text-transform: uppercase;
}

.link_next a {
    margin: 0 0 0 33%;
}

.link_prev a {
    margin: 0 33% 0 0;
}

div.neighbors a span {
    color: var(--grey);
    display: block;
    font-weight: normal;
    padding: 0 30px 30px;
    text-transform: lowercase;
}

div.neighbors a span:after {
    background-position: 0 0;
    background-color: transparent !important;
    background-repeat: no-repeat;
    background-size: contain;
    content: '';
    height: 12px;
    position: absolute;
    top: 22px;
    width: 30px;
}

.link_next a span:after {
    background-image: url(../images/svg/arr_r.svg);
    background-position: center right !important;
    right: 20px;
}

.link_prev a span:after {
    background-image: url(../images/svg/arr_l.svg);
    left: 20px;
}

.send_material {
    box-shadow: 0 10px 30px 10px rgba(161, 219, 255, 0.35);
    border-radius: 3px;
    display: block;
    margin: 50px 0;
    padding: 20px 50px;
    position: relative;
}

.send_material h3 {
    color: var(--blueInn);
    margin: 0 0 10px;
    text-transform: uppercase;
}

.send_material p {
    font-size: 18px;
}

.send_material a {
    background: var(--blueInn);
    border-radius: 30px;
    box-shadow: 0 10px 20px -5px rgba(43, 98, 174, 0.5);
    color: var(--white) !important;
    display: inline-block;
    height: 50px;
    line-height: 50px;
    margin: -25px 0 0;
    padding: 0 20px;
    position: absolute;
    right: 50px;
    text-align: center;
    text-transform: uppercase;
    top: 50%;
    width: 280px;
}

.send_material a i {
    background: url(../images/svg/edit.svg) no-repeat center;
    background-size: contain;
    content: '';
    display: inline-block;
    height: 30px;
    margin: 0 5px;
    vertical-align: middle;
    width: 40px;
    -webkit-transition: all 0.1s linear;
    transition: all 0.1s linear;
}

.send_material a:hover i {
    margin: 0 10px 0 0;
}


/***catalog***/

.page_products {
    padding: 0 50px 50px;
}

.page_products h1.heading {
    background: #BBDCFC;
    color: #225cc0;
    font-weight: 900;
    left: -50px;
    margin: 0 0 25px;
    padding: 25px 50px;
    position: relative;
    text-align: center;
    width: 100%;
}

.h3_products {
    font-weight: 900;
    padding: 20px 0;
    position: relative;
}

.readmore_products {
    float: right;
    font-size: 14px;
    font-weight: normal;
}

.section_products {
    background: var(--white);
    padding: 0;
    position: relative;
}

.section_products h3 {
    background: #BBDCFC;
    color: #1d1d1b;
    font-weight: 900;
    padding: 25px 0;
    position: relative;
    text-align: center;
}

.products_module {
    padding: 0 0 50px;
    position: relative;
}

.products {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
}

.item_products {
    padding: 20px;
}

.item_products b {
    color: rgba(29, 135, 240, 0.5);
    font-weight: normal;
}

.item_products figure {
    background-color: #bbdcfc;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    color: var(--white);
    min-height: 200px;
    margin: 0 0 10px;
    position: relative;
}

.item_products h4 {
    color: currentcolor;
    padding: 0 0 20px 0;
    -webkit-transition: all 0.1s linear;
    transition: all 0.1s linear;
}

.products_module .slick-arrow {
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 30px auto;
    box-shadow: none;
    bottom: 30px;
    font-size: 0;
    height: 30px;
    padding: 0;
    position: absolute;
    width: 50px;
    z-index: 2;
}

.products_module .slick-arrow:hover {
    opacity: 1;
}

.products_module .slick-arrow.slick-prev {
    background-image: url(../images/svg/arr_l.svg);
    right: 110px;
}

.products_module .slick-arrow.slick-next {
    background-image: url(../images/svg/arr_r.svg);
    right: 40px;
}

.section_products .readmore {
    bottom: 30px;
    left: 25px;
    padding: 0;
    position: absolute;
}

.full_products {
    display: grid;
    grid-template-columns: 400px 1fr;
    grid-gap: 25px;
}

.section_products .readmore_link {
    display: block;
    padding: 0 0 20px;
    text-align: center;
}

.company_logo {
    display: block;
}

.company_logo p {
    font-weight: bold;
    margin: 25px 0 10px;
}

.company_logo img {
    max-width: 200px;
}

.body_contact {
    display: grid;
    grid-gap: 50px;
    grid-template-columns: 2fr 2fr;
    line-height: 1.7;
    margin: 0 0 25px;
}

.body_contact address {
    font-size: 16px;
    font-style: normal;
    line-height: 1.7;
}

.body_contact div {
    font-size: 20px;
}

.body_contact b {
    color: #2e71b3;
    font-size: 14px;
}

.body_contact a {
    color: #1d1d1b;
}


/**********************************page**********************************/

.kerivnictvo {
    text-align: center;
}

.kerivnictvo img {
    background-color: rgba(33, 96, 197, 0.2);
    border-radius: 100%;
    box-shadow: 0 10px 30px 10px rgba(33, 96, 197, 0.2);
    margin: 0 0 40px;
    max-width: 250px;
}

.kerivnictvo h2 {
    color: var(--black);
    font-size: 26px;
    margin: 25px 0 50px;
    text-align: center;
}

.kerivnictvo h3 {
    color: var(--black);
    font-size: 20px;
    margin: 0 0 10px;
    text-align: center;
}

.kerivnictvo h3 b {
    display: block;
    font-size: 30px;
}

.kerivnictvo h4 {
    color: var(--greyDark);
    font-size: 16px;
    font-weight: normal;
    margin: 0 10%;
    text-align: center;
}

.kerivnictvo .item_kerivn {
    display: inline-block;
    max-width: 300px;
    margin: 0 20px 50px;
    vertical-align: top;
}

.w4_kerivnictvo {
    display: grid;
    grid-gap: 20px;
    grid-template-columns: repeat(3, 1fr);
    padding: 100px 0;
}

.w4_kerivnictvo img,
.kerivnictvo.crc_utog img {
    max-width: 200px;
}

#service {
    color: var(--white);
    padding: 50px 0;
}

.service_body {
    box-shadow: 0 20px 30px -20px #79b0e6;
    border-radius: 10px;
    padding: 50px;
}

.service_description {
    color: var(--lighting);
    font-size: 16px;
    line-height: 150%;
    padding: 0 0 30px;
}

.services_tab {
    position: relative;
}

.services_city ul {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
}

.services_city li {
    background: transparent;
    box-shadow: none;
    border-radius: 3px;
    color: var(--gold);
    cursor: pointer;
    font-size: 16px;
    margin: 0 10% 5px 0;
    padding: 2px 4px;
}

li.active_click {
    background: var(--white);
    border-radius: 3px;
    box-shadow: 0 5px 10px -2px rgba(0, 0, 0, 0.1);
    color: var(--blueInn);
}

.full_list address {
    background: var(--white);
    border-radius: 10px;
    color: var(--black);
    display: none;
    font-size: 0;
    font-style: normal;
    margin: 20px 0 0;
    padding: 50px;
}

.full_list address>div {
    font-size: initial;
    display: inline-block;
    vertical-align: top;
}

.left_list {
    width: 40%;
}

.left_list h4 {
    font-size: 30px;
    font-weight: 900;
}

.left_list h5 {
    color: #555;
    font-size: 16px;
}

.right_list {
    width: 60%;
}

.skype_icon {
    color: #1dace7;
    font-size: 20px;
    margin: 0 0 20px;
}

.phone_icon {
    font-size: 24px;
    line-height: 24px;
}

.phone_icon .fa-mobile-alt {
    color: #f28500;
}

.full_list address i {
    font-size: 20px;
}

.icon_mess {
    display: inline-block;
    margin: 0 0 0 20px;
    vertical-align: top;
}

.icon_mess i {
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    display: inline-block;
    height: 24px;
    margin: 0 5px 0 0;
    vertical-align: top;
    width: 24px;
}

.icon_mess i.icon_tg {
    background-image: url(../images/svg/telegram_icon.svg);
}

.icon_mess i.icon_vb {
    background-image: url(../images/svg/viber.svg);
}

.icon_mess i.icon_wh {
    background-image: url(../images/svg/whatsapp.svg);
}

.icon_mess i.icon_imo {
    background-image: url(../images/svg/imo.svg);
}

.icon_mess i.icon_duo {
    background-image: url(../images/svg/duo.svg);
}

.socialTable {
    width: auto;
}

.ok {
    padding: 0;
}

.socialTable small {
    font-size: .8rem;
    opacity: .8;
}

.socialTable a[href^="https://facebook.com/"]:before,
.socialTable a[href^="https://www.facebook.com/"]:before {
    background: url(../images/svg/iconFacebook.svg) no-repeat center / contain;
    display: inline-block;
    height: 28px;
    margin: 0 8px 8px 0;
    vertical-align: middle;
    width: 28px;
    content: '';
}

.socialTable a[href^="https://t.me/"]:before,
.socialTable a[href^="https://telegram.org/"]:before {
    background: url(../images/svg/iconTelegram.svg) no-repeat center / contain;
    display: inline-block;
    height: 28px;
    margin: 0 8px 8px 0;
    vertical-align: middle;
    width: 28px;
    content: '';
}

.socialTable a[href^="https://chat.whatsapp.com/"]:before,
.socialTable a[href^="https://whatsapp.com/"]:before {
    background: url(../images/svg/iconWhatsapp.svg) no-repeat center / contain;
    display: inline-block;
    height: 28px;
    margin: 0 8px 8px 0;
    vertical-align: middle;
    width: 28px;
    content: '';
}

.socialTable a[href^="https://invite.viber.com"]:before,
.socialTable a[href^="https://viber.com"]:before {
    background: url(../images/svg/iconViber.svg) no-repeat center / contain;
    display: inline-block;
    height: 28px;
    margin: 0 8px 8px 0;
    vertical-align: middle;
    width: 28px;
    content: '';
}

.ic {
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    display: inline-block;
    height: 24px;
    margin: 0 5px 0 0;
    vertical-align: top;
    width: 24px;
}

.iconFacebook {
    background-image: url(../images/svg/iconFacebook.svg);
}

.iconInstagramm {
    background-image: url(../images/svg/iconInstagram.svg);
}

.iconTwitter {
    background-image: url(../images/svg/iconTwitter.svg);
}

.iconTelegram {
    background-image: url(../images/svg/iconTelegram.svg);
}

.iconViber {
    background-image: url(../images/svg/iconViber.svg);
}

.iconWhatsapp {
    background-image: url(../images/svg/iconWhatsapp.svg);
}

.iconYoutube {
    background-image: url(../images/svg/iconYoutube.svg);
}

.closed_list {
    cursor: pointer;
    display: none;
    font-size: 70px;
    position: absolute;
    right: 10px;
    top: -66px;
}

.closed_list:hover {
    color: var(--red);
}

.active_full_list {
    display: block !important;
}

.bio_kerivnictvo {
    background: var(--white);
    box-shadow: 0 50px 50px -20px rgba(0, 0, 0, 0.5), 0 0 0 2000px rgba(255, 255, 255, 0.8);
    display: none;
    font-size: initial;
    left: 50%;
    margin: 0 0 0 -350px;
    padding: 50px;
    position: fixed;
    text-align: left;
    top: 10%;
    width: 600px;
    z-index: 1000;
}

.linkbio_open .bio_kerivnictvo {
    display: block;
}

.closed_bio {
    color: var(--red);
    cursor: pointer;
    font-size: 20px;
    position: absolute;
    right: 20px;
    top: 20px;
}

.body_kerivnictvo {
    position: relative;
}

.left_ker {
    left: 0;
    position: absolute;
    top: 0;
    width: 150px;
}

.left_ker img {
    width: 150px;
}

.left_ker h3 {
    font-size: 18px;
}

.left_ker h4 {
    font-size: 14px;
}

.right_ker {
    margin: 0 0 0 200px;
}

.molodezh article {
    color: var(--black);
    margin: 0 0 50px;
    padding: 0 0 20px 250px;
    position: relative;
}

.molodezh img {
    border-radius: 100%;
    box-shadow: 0 10px 30px 10px rgba(33, 96, 197, 0.3);
    left: 0;
    max-width: 200px;
    position: absolute;
    top: 0;
}

.molodezh h3 {
    color: var(--black);
    font-size: 30px;
}

.molodezh h4 {
    color: var(--greyDark);
    font-size: 18px;
    margin: 0 0 20px;
}

.molodezh strong {
    color: var(--blueInn);
    font-weight: normal;
}

.veteran article {
    color: var(--black);
    line-height: 1.6;
    margin: 0 0 50px;
    padding: 0 0 20px 250px;
    position: relative;
}

.veteran img {
    border-radius: 100%;
    box-shadow: 0 10px 30px 10px rgba(33, 96, 197, 0.3);
    left: 0;
    max-width: 200px;
    position: absolute;
    top: 0;
}

.veteran h3 {
    color: var(--blueInn);
    font-size: 20px;
}

.veteran h4 {
    color: var(--black);
    font-size: 30px;
}

.veteran h5 {
    color: var(--greyDark);
    font-size: 18px;
    font-weight: normal;
    margin: 0 0 20px;
}

.veteran strong {
    color: var(--blueInn);
    font-weight: normal;
}

.sitemaps h3 {
    color: var(--blue);
    font-weight: 900;
    font-size: 50px;
    text-align: center;
}

.sitemaps h3 sup {
    color: var(--greyDark);
    font-size: 14px;
    font-weight: normal;
    top: -30px;
}

.sitemaps h4 {
    color: orangered;
    padding: 0 0 10px;
}

.sitemaps h4 sup {
    color: var(--greyDark);
    font-size: 12px;
}

.sitemaps li li h5 {
    color: #555;
    font-weight: 900;
    left: 0;
    position: absolute;
    top: 0;
}

.sitemaps li li h5 sup {
    color: var(--greyDark);
    font-size: 10px;
    font-weight: normal;
}

.sitemaps>ul {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
}

.sitemaps li {
    position: relative;
}

.sitemaps li li {
    border-bottom: 1px solid var(--grey);
    margin: 10px 20px 0 0;
    padding: 0 0 10px 50px;
    position: relative;
}

.sitemaps li li li {
    border: none;
    line-height: 1.3;
    margin: 0 0 7px;
    padding: 0;
}

.sitemaps li li ul {
    margin: 0 0 5px;
    padding: 0 20px 5px 0;
}

.sitemaps time {
    color: var(--greyDark);
}

.sitemaps time:before {
    color: var(--greyDark);
    content: '\2015';
    margin: 0 5px;
}

.search_form {
    position: relative;
}

.search_form input[type="search"] {
    border: none;
    border-radius: 30px;
    box-shadow: 0 0 0 1px rgba(29, 135, 240, 0.8);
    color: var(--blueInn);
    height: 50px;
    padding: 0 100px 0 20px;
    width: 100%;
}

.search_form button {
    background: transparent url(../images/svg/search_page.svg) no-repeat center;
    background-size: auto 26px;
    border-radius: 0;
    box-shadow: none;
    height: 36px;
    opacity: .8;
    padding: 0;
    position: absolute;
    right: 14px;
    top: 7px;
    width: 36px;
}

.search_form button:hover {
    background-color: transparent;
    opacity: .9;
}

.search_resultinfo {
    box-sizing: content-box;
    font-size: 16px;
    padding: 25px 0;
}

.search_resultinfo b {
    font-size: 20px;
    font-weight: bold;
    padding: 0 2px;
}

.search_resultslist {
    border-top: 1px solid var(--grey);
    box-sizing: content-box;
    padding: 25px 0 0;
    margin: 25px 0;
}

.search_resultslist li {
    display: block;
    padding: 0 0 25px 50px;
    position: relative;
}

.search_resultslist li h3 {
    font-size: 18px;
    line-height: 18px;
    margin: 0 0 10px;
}

.search_resultslist li small {
    box-shadow: 0 0 0 2px var(--grey);
    border-radius: 100%;
    color: var(--greyDark);
    display: block;
    font-size: 10px;
    font-weight: normal;
    height: 20px;
    left: 0;
    line-height: 20px;
    position: absolute;
    text-align: center;
    top: 2px;
    width: 20px;
}

.search_resultslist li i {
    color: #73b3e7;
    font-size: 14px;
    font-style: normal;
    font-weight: normal;
}

.search_resultslist li p {
    color: var(--greyDark);
    font-size: 14px;
    line-height: 150%;
    margin: 0;
}

.highlight {
    background: khaki;
    border-radius: 2px;
    ;
}

.search_paging {
    color: var(--grey);
    padding: 20px 0;
    text-align: center;
}

.search_paging span {
    color: var(--greyDark);
    display: inline-block;
    font-size: 20px;
    padding: 20px 10px;
    vertical-align: middle;
}


/***map_ua***/

.lo_dnipro {
    height: 660px;
    overflow: hidden;
}

.list_hidden {
    overflow-y: scroll;
    height: 100%;
    width: 270px;
}

.map_utog {
    display: grid;
    grid-gap: 25px;
    grid-template-columns: 260px 1fr;
    position: relative;
}

.aside_region {
    background: var(--lighting);
    position: relative;
    z-index: 2;
}

.list_region {
    height: 680px;
}

.list_region h4 {
    color: var(--white);
    font-weight: normal;
    padding: 10px;
    position: relative;
}

.closed_region {
    cursor: pointer;
    display: none;
    font-size: 30px;
    font-style: normal;
    height: 30px;
    line-height: 30px;
    margin: -15px 0 0;
    position: absolute;
    right: 20px;
    top: 50%;
}

.closed_region:hover {
    color: var(--red);
}

.list_region_body {
    height: 600px;
    overflow: hidden;
}

.list_region ul,
.list_row {
    height: 100%;
    overflow-y: scroll;
    scrollbar-color: transparent transparent;
    padding: 0;
    width: 280px;
}

.list_region li {
    background: transparent;
    cursor: pointer;
    padding: 10px 20px 10px 10px;
    -webkit-transition: all 0.1s linear;
    transition: all 0.1s linear;
}

.list_region li:hover,
li.list_region_active {
    background: var(--blueInn);
}

.list_region li:hover span,
.list_region_active span {
    color: var(--white);
}

.list_region ul span:after {
    content: '\279C';
    font-size: 16px;
    float: right;
    margin: 0 5px 0 10px;
    opacity: .5;
    -webkit-transition: all 0.1s linear;
    transition: all 0.1s linear;
}

.list_org_info {
    background: var(--blueInn);
    bottom: 0;
    display: none;
    position: absolute;
    top: 0;
    right: -250px;
    width: 250px;
}

.list_org_info_active {
    display: block;
}

.list_body {
    display: none;
    height: 100%;
    overflow: hidden;
}

.list_row {
    height: calc(100% - 48px);
}

.nodataem {
    color: rgba(255, 255, 255, 0.5);
    display: block;
    font-size: 14px;
    line-height: 1.5;
    padding: 15px;
}

.list_org_info h4 {
    border-bottom: 1px solid rgba(255, 255, 255, 0.5);
    color: var(--white);
    font-weight: normal;
    padding: 10px 20px 10px 10px;
}

.list_org_info h5 {
    color: var(--gold);
    font-weight: normal;
    padding: 10px;
}

.item_merezha {
    padding: 10px 20px 10px 10px;
}

.item_merezha_active {
    background: var(--white);
    color: var(--black);
}

.item_merezha_active .full_box {
    display: block;
}

.item_merezha b {
    color: var(--white);
    cursor: pointer;
    display: block;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.2;
    padding: 0 25px 0 0;
    position: relative;
}

.item_merezha b:hover {
    color: var(--gold);
}

.item_merezha b:after {
    content: '\279C';
    font-size: 16px;
    height: 16px;
    line-height: 16px;
    opacity: .5;
    margin: -8px 0 0;
    position: absolute;
    right: 10px;
    top: 50%;
    -webkit-transition: all 0.1s linear;
    transition: all 0.1s linear;
}

.item_merezha_active b,
.item_merezha_active b:hover {
    color: var(--black);
}

.item_merezha em {
    color: var(--grey);
    display: block;
    font-style: normal;
}

li.nodata {
    cursor: default;
}

li.nodata span {
    color: var(--grey) !important;
}

.full_box {
    background: var(--white);
    bottom: 0;
    display: none;
    left: 250px;
    position: absolute;
    top: 0;
    width: 360px;
}

.photo_building {
    background-color: var(--grey);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    display: block;
    height: 150px;
    margin: 0 0 5px;
    -webkit-transition: all 0.1s linear;
    transition: all 0.1s linear;
}

.full_box .list_data {
    padding: 20px 20px 0;
}

.merezha_list a {
    display: block;
    font-size: 20px;
}

.merezha_list a:after {
    content: '\279C';
    font-size: 16px;
    margin: 0 20px 0 10px;
    opacity: .5;
    -webkit-transition: all 0.1s linear;
    transition: all 0.1s linear;
}

.merezha_list tr:hover a:after {
    margin: 0 10px 0 20px;
}

.merezhafull {
    display: grid;
    grid-gap: 50px;
    grid-template-columns: 3fr 2fr;
}

.merezha_building img {
    border-radius: 3px;
    width: 100%;
}

.list_data h1 {
    font-size: 22px;
    margin: 0 15% 0 0;
}

.merezha_address_box {
    display: block;
    margin: 10px 0 0 40px;
    position: relative;
}

.merezha_address_box:before {
    background: url(../images/svg/location.svg) no-repeat center;
    background-size: contain;
    content: '';
    display: inline-block;
    height: 20px;
    left: -40px;
    position: absolute;
    top: 5px;
    width: 20px;
}

.u_map {
    border-bottom: 1px dotted;
    color: var(--red);
    cursor: pointer;
    font-size: 14px;
    margin: 0 0 0 40px;
    text-decoration: none;
}

.map_google {
    background: var(--white);
    box-shadow: 0 0 0 5000px rgba(31, 144, 255, 0.5);
    box-sizing: content-box;
    display: none;
    height: 400px;
    left: 50%;
    margin: 0 0 0 -350px;
    padding: 50px;
    position: fixed;
    top: 10%;
    width: 600px;
    z-index: 100009;
}

.closed_map {
    color: var(--red);
    cursor: pointer;
    font-size: 30px;
    position: absolute;
    right: 20px;
    top: 10px;
}

.merezha_phone,
.merezha_email,
.merezha_link_social {
    display: block;
    margin: 10px 0 0 40px;
    position: relative;
}

.merezha_phone:before {
    background: url(../images/svg/phone.svg) no-repeat center;
    background-size: contain;
    content: '';
    display: inline-block;
    height: 20px;
    left: -40px;
    position: absolute;
    top: 5px;
    width: 20px;
}

.merezha_email:before {
    background: url(../images/svg/mailto.svg) no-repeat center;
    background-size: contain;
    content: '';
    display: inline-block;
    height: 20px;
    left: -40px;
    position: absolute;
    top: 5px;
    width: 20px;
}

.merezha_link_social:before {
    background: url(../images/svg/share.svg) no-repeat center;
    background-size: contain;
    content: '';
    display: inline-block;
    height: 20px;
    left: -40px;
    position: absolute;
    top: 5px;
    width: 20px;
}

.kerivnik_table {
    display: grid;
    grid-template-columns: 100px 1fr;
    grid-gap: 25px;
    margin: 25px 0 0;
}

.kerivnik_table img {
    border-radius: 5px;
    max-width: 100px;
}

.kerivnik_table h6 {
    font-size: 18px;
    font-weight: normal;
    line-height: 1.3;
    padding: 0 10% 0 0;
}

.kerivnik_table i {
    color: var(--greyDark);
    display: block;
    font-size: 16px;
    font-style: normal;
    margin: 5px 0 0;
}

a.merezha_readmore {
    background: transparent;
    box-shadow: 0 0 0 1px var(--blueInn) inset;
    border-radius: 5px;
    color: var(--blueInn);
    display: block;
    margin: 20px;
    padding: 10px 0;
    text-align: center;
    -webkit-transition: all 0.1s linear;
    transition: all 0.1s linear;
}

a.merezha_readmore:hover {
    background: var(--gold);
    box-shadow: none;
    color: #1d1d1b;
}

.map_ua {
    position: relative;
    z-index: 1;
}

.map_ua svg {
    position: relative;
    z-index: 1;
}

.nav_perelik {
    background: var(--white);
    box-shadow: 0 0 30px -10px var(--white);
    left: 0;
    margin: 0 0 25px;
    padding: 25px 0;
    position: relative;
    right: 0;
    top: 0;
    text-align: center;
}

.nav_perelik.nav_perelik_fix {
    position: fixed;
    right: 0;
    top: 50px;
    -webkit-transition: all 0.1s linear;
    transition: all 0.1s linear;
    z-index: 1000;
}

.nav_perelik li {
    display: inline-block;
    font-size: 20px;
    text-transform: uppercase;
}

.nav_perelik a {
    padding: 10px;
}

.merezha_perelik h3 {
    font-weight: normal;
    margin: 20px 0;
}

.merezha_other {
    border-top: 1px solid rgba(0, 0, 0, 0.25);
    line-height: 1.7;
    margin: 50px 0 0;
    padding: 25px 0 0;
}

.merezha_other h4 {
    display: block;
    font-size: 24px;
    margin: 15px 0;
}

.merezha_other h5,
.merezha_main h5 {
    display: block;
    font-size: 20px;
    font-weight: normal;
    margin: 15px 0;
}

.merezha_other a,
.merezha_main a {
    border-radius: 5px;
    box-shadow: 0 0 0 1px var(--blueInn) inset;
    display: block;
    font-size: 20px;
    margin: 0 0 15px;
    padding: 5px 25px;
    -webkit-transition: all 0.1s linear;
    transition: all 0.1s linear;
}

.merezha_other a:hover,
.merezha_main a:hover {
    background: var(--gold);
    box-shadow: none;
    color: #1b1b1c;
}

.merezha_other a:after,
.merezha_main a:after {
    content: '\279C';
    font-size: 16px;
    margin: 0 20px 0 10px;
    opacity: .5;
    -webkit-transition: all 0.1s linear;
    transition: all 0.1s linear;
}

.merezha_other a:hover:after,
.merezha_main a:hover:after {
    margin: 0 10px 0 20px;
}

.merezha_main {
    line-height: 1.7;
}

.hotline:after {
    background: var(--gold);
    content: '';
    height: 120px;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
}

.hotline h2 {
    margin: 70px 0;
    text-align: center;
}

.hotlineBlock {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 25px;
    margin: 0 0 50px;
    text-align: center;
}

.hotlinePhoto {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 100%;
    box-shadow: 0 10px 50px -5px rgba(255, 217, 0, 0.3), 0 0 0 10px var(--gold);
    display: block;
    height: 180px;
    margin: 0 auto;
    width: 180px;
}

.hotlineBlock h4 {
    font-size: 26px;
    margin: 15px 0;
}

a.hotlineTel {
    color: #111 !important;
    display: block;
    font-size: 20px;
    margin: 15px 0;
}

.hotlineBtnSoc {
    display: block;
    text-align: center;
}

.hotlineBtnSoc li {
    display: inline-block;
    margin: 10px;
}

.hotlineBtnSoc i {
    font-size: 24px;
}

.hotlineTg {
    padding: 40px 0;
    position: relative;
    text-align: left;
}

.hotlineTg a {
    display: flex;
    gap: 16px;
}

.hotlineTg a img {
    border-radius: 8px;
    box-shadow: 0 10px 25px -5px rgba(0, 76, 186, 0.52);
    height: 50px;
    width: 50px;
}

.hotlineFeedback {
    padding: 50px 0 15px;
}

.hotlineFeedback h5 {
    padding: 0 0 15px;
}

.hotlineFeedback a {
    border-radius: 5px;
    box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.5);
    color: var(--white) !important;
    display: block;
    padding: 20px 0;
}

.hotlineFeedback small {
    display: block;
    opacity: .5;
    margin: 10px 0;
}

.hotlineTime strong {
    display: block;
    margin: 0 0 5px;
}

.hotlineTime small {
    font-size: 12px;
}

.hotlineAbout {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 25px;
}

.hotline_main {
    font-size: 0;
}

.hotline_main>div {
    display: inline-block;
    font-size: 16px;
    vertical-align: top;
    width: 40%;
}

.hotline_text {
    line-height: 1.7;
}

div.hotline_video {
    width: 60%;
}

.hotline_clck_video {
    background: rgba(0, 0, 0, 0.5) url(/assets/uploads/images/2019/inbox/videohotlinebg.jpg) no-repeat top left;
    background-size: cover;
    border-radius: 15px;
    box-shadow: 0 10px 30px -5px rgba(0, 0, 0, 0.5);
    color: var(--red);
    cursor: pointer;
    display: block;
    font-size: 50px;
    height: 300px;
    line-height: 300px;
    text-align: center;
}

.hotline_clck_video iframe {
    border-radius: 15px;
    display: none;
}

.vsoczmerezhax {
    display: inline-block;
    vertical-align: top;
    width: 48%;
}

.vsoczmerezhax li {
    line-height: 1.5;
    margin: 0 0 10px;
}

.vsoczmerezhax h3 {
    font-size: 18px;
    margin: 20px 0 0;
}

.vsoczmerezhax a {
    font-size: 18px;
}

.fblink:before {
    background: url(../images/svg/fblink.svg) no-repeat center;
    background-size: contain;
    content: '';
    display: inline-block;
    height: 20px;
    vertical-align: middle;
    width: 20px;
}

.linktovsoczmerezhax {
    color: var(--white);
    font-size: 20px;
    line-height: 150%;
    margin: 50px 0 0;
    padding: 50px;
    text-align: center;
}

.linktovsoczmerezhax a {
    border-bottom: 1px solid transparent;
    color: var(--lighting);
}

.linktovsoczmerezhax a:hover {
    border-color: currentcolor;
    color: var(--gold);
}

.culture_link_region {
    box-shadow: 0 20px 30px -20px #79b0e6;
    border-radius: 10px;
    padding: 50px;
}

.culture_link_region ul {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
}

.culture_link_region li {
    background: transparent;
    box-shadow: none;
    border-radius: 3px;
    margin: 0 10% 5px 0;
    padding: 2px 4px;
}

.culture_link_region a {
    color: var(--lighting);
    font-size: 18px;
}

.culture_link_region a:hover {
    color: var(--gold);
}

.latest_record_body {
    grid-gap: 20px;
}

.latest_record_body a {
    display: block;
}

.latest_record_body img {
    border-radius: 5px;
    max-height: 218px;
}

.latest_record_body .details_news {
    padding: 10px 0 0;
}

.record_full {
    display: grid;
    grid-template-columns: 33% 1fr;
    grid-gap: 20px;
}

.full_images img {
    border-radius: 5px;
}

.content .record_full h1 {
    margin: 0 0 20px;
}

.postanova_record_info {
    color: var(--lightblue);
    display: block;
    font-weight: normal;
    line-height: 1.5;
    margin: 40px 0 !important;
    padding: 20px 20px 20px 0;
    position: relative;
    z-index: 1;
}

.postanova_record_info:after {
    background: var(--lighting);
    box-shadow: 0 20px 30px -20px #79b0e6;
    bottom: -20px;
    content: '';
    left: -50px;
    position: absolute;
    pointer-events: none;
    right: 0;
    top: -20px;
    z-index: -1;
}

.description_record {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 20px;
}

.box_descr {
    background: var(--lighting);
    box-shadow: 0 20px 30px -20px #79b0e6;
    cursor: pointer;
    margin: 0 0 40px;
    padding: 20px 120px 20px 20px;
    position: relative;
}

.description_record h3 {
    font-weight: 900;
    margin: 0 0 10px;
    text-transform: uppercase;
}

.description_record p {
    font-size: 16px;
    line-height: 1.5;
}

.icon_readmore {
    color: var(--lightblue);
    font-size: 50px;
    margin: -35px 0 0;
    position: absolute;
    right: 0;
    text-align: center;
    top: 50%;
    width: 120px;
    -webkit-transition: all 0.1s linear;
    transition: all 0.1s linear;
}

.box_descr:hover .icon_readmore {
    color: var(--blueInn);
}

.icon_readmore em {
    display: block;
    font-style: normal;
    font-size: 12px;
}

.closed_box_descr {
    color: var(--red);
    cursor: pointer;
    font-size: 30px;
    position: absolute;
    right: 20px;
    top: 20px;
}

.box_descr_readmore {
    background: var(--white);
    box-shadow: 0 0 0 5000px rgba(31, 144, 255, 0.5);
    display: none;
    left: 50%;
    margin: 0 0 0 -360px;
    padding: 50px;
    position: fixed;
    top: 50px;
    width: 620px;
    z-index: 100009;
}

.box_descr_readmore div {
    height: 100%;
    overflow-x: auto;
}

.grid2 {
    display: grid;
    grid-template-columns: 280px 1fr;
    grid-gap: 20px;
}

.box_record {
    padding: 50px 0;
}

#kadri.box_record {
    padding: 0;
}

.repair_record {
    background: var(--lighting);
    border-radius: 5px;
    color: var(--greyDark);
    padding: 20px;
}

.record_aside {
    position: relative;
    -webkit-transition: all 0.1s linear;
    transition: all 0.1s linear;
}

#boxhide {
    bottom: 0;
    height: 550px;
    left: 0;
    pointer-events: none;
    position: absolute;
    right: 0;
    z-index: -100;
}

.record_aside_box_bottom {
    opacity: 0;
    pointer-events: none;
}

.record_aside ul {
    background: var(--white);
    font-size: 16px;
    line-height: 1.5;
    padding: 20px;
    position: relative;
    top: auto;
    width: 240px;
    -webkit-transition: all 0.1s linear;
    transition: all 0.1s linear;
}

.record_aside.record_aside_box ul {
    position: fixed;
    top: 70px;
}

.record_aside ul li {
    display: grid;
    grid-template-columns: 40px 1fr;
}

.record_aside ul p {
    border-left: 1px solid var(--grey);
    color: var(--black);
    font-size: 14px;
    line-height: 1;
    margin: 0;
    padding: 8px 20px;
}

.record_aside ul i {
    color: var(--greyDark);
    font-style: normal;
    padding: 8px 0;
    text-align: center;
}

.record_aside ul a {
    border-left: 1px solid var(--grey);
    padding: 8px 20px;
    text-transform: uppercase;
}

.record_aside ul li:nth-child(1) i {
    border: none;
}

.list_record h3 {
    color: var(--blueInn);
    font-weight: 900;
    font-size: 30px;
}

.list_record h4 {
    color: var(--black);
    font-weight: 900;
    font-size: 30px;
    line-height: 1;
    position: relative;
    top: 30px;
}

.details_record h5 {
    color: currentcolor;
    font-size: 20px;
    font-weight: 900;
    margin: 0 50% 0 0;
    -webkit-transition: all 0.1s linear;
    transition: all 0.1s linear;
}

.list_record article {
    margin: 0 0 0 120px;
}

.item_record a {
    display: grid;
    grid-template-columns: 300px 1fr;
    grid-gap: 20px;
    margin: 0 0 40px;
}

.record_image {
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    border-radius: 10px;
    height: 170px;
}

.doc_list_body h3 {
    background: rgba(29, 135, 240, 0.15);
    display: inline-block;
    margin: 0 0 25px;
    padding: 5px;
}

.doc_list_body article {
    margin: 0 0 20px;
    padding: 0 20px 20px 120px;
    position: relative;
}

.doc_list_body time {
    color: var(--greyDark);
    font-size: 20px;
    font-weight: 900;
    left: 0;
    position: absolute;
    top: 5px;
}

.doc_list_body h4 {
    font-size: 22px;
    font-weight: 900;
}

.doc_list_body small {
    background: rgba(186, 186, 186, 0.4);
    border-radius: 2px;
    display: inline-block;
    font-size: 14px;
    margin: 10px 0;
    padding: 5px 15px;
}

.title_statut {
    font-weight: bold;
    margin: 0 0 25px;
    text-transform: uppercase;
}

.download_pdf,
.download_word,
.download_excel,
.download_powerpoint {
    box-shadow: 0 0 0 1px;
    border-radius: 5px;
    display: block;
    font-size: 14px;
    line-height: 1.5;
    margin: 0 0 10px;
    padding: 10px 20px 10px 70px;
    position: relative;
}

.download_pdf:before,
.download_word:before,
.download_excel:before,
.download_powerpoint:before {
    background: currentcolor;
    bottom: 0;
    border-radius: 5px 0 0 5px;
    content: '';
    left: 0;
    position: absolute;
    top: 0;
    width: 50px;
}

.download_pdf i,
.download_word i,
.download_excel i,
.download_powerpoint i {
    color: var(--white);
    font-size: 20px;
    left: 20px;
    margin: -10px 0 0;
    position: absolute;
    top: 50%;
    width: 50px;
}

.download_pdf em,
.download_word em,
.download_excel em,
.download_powerpoint em {
    color: var(--greyDark);
    font-size: 12px;
    font-style: normal;
    margin: 0 0 0 20px;
}

.linktopol {
    box-shadow: 0 0 0 1px;
    border-radius: 5px;
    display: block;
    font-size: 14px;
    line-height: 1.5;
    margin: 0 0 10px;
    padding: 10px 20px;
    position: relative;
}

.iframe_tsn {
    background: var(--lighting) url(../images/svg/spinner.svg) no-repeat center;
    background-size: 150px auto;
    border-radius: 5px;
    box-shadow: 0 20px 50px -10px rgba(33, 124, 222, 0.4);
    display: block;
    height: 450px;
    margin: 25px 0;
    overflow: hidden;
    position: relative;
    width: 100%;
    -webkit-transition: all 0.1s ease-out;
    transition: all 0.1s ease-out;
}

.tsn_polls {
    text-align: center;
}

.tsn_polls h4,
.tsn_polls h6,
.polls_tsn_result h3,
.polls_tsn_result h4 {
    padding: 20px 0;
    text-align: center;
}

.tsn_polls h4 sup {
    font-size: 18px;
    font-weight: bold;
    top: 0;
}

.tsn_polls button {
    box-shadow: 0 15px 30px -5px rgba(33, 124, 222, 0.8);
    line-height: 60px;
    padding: 20px 0;
    text-align: center;
    width: 350px;
}

.tsn_polls button span {
    font-size: 16px;
    letter-spacing: 2px;
    line-height: 60px;
    padding: 0 0 0 10px;
    text-transform: uppercase;
}

.tsn_polls button i {
    background: url(../images/svg/support-tsn.svg) no-repeat center;
    background-size: contain;
    display: inline-block;
    font-style: normal;
    height: 50px;
    width: 50px;
    vertical-align: middle;
}

.polls_tsn_result {
    text-align: center;
}

.social_pidrimka {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 50px;
    padding: 25px 0;
    text-align: center;
}

.social_pidrimka>div {
    border-radius: 10px;
    color: var(--white);
    padding: 20px;
    position: relative;
}

.social_pidrimka>div:after {
    border-radius: 10px;
    bottom: 0;
    content: '';
    left: 0;
    position: absolute;
    pointer-events: none;
    right: 0;
    top: 0;
    z-index: 1;
}

.social_pidrimka_fb {
    background: #4267b2;
}

.social_pidrimka_tg {
    background: #0088cc;
}

.social_pidrimka i {
    display: block;
    font-size: 50px;
    height: 70px;
}

.social_pidrimka b {
    font-size: 30px;
}

.zvern h5 {
    color: var(--blueInn);
    font-size: 20px;
    font-weight: 900;
    text-transform: uppercase;
}

.zvern ul {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    grid-gap: 25px;
    padding: 25px 0 !important;
}

.zvern li {
    list-style: none !important;
    margin: 0;
    padding: 0 !important;
}

.zvern li:before {
    display: none;
}

.zvern li img {
    border-radius: 10px;
    box-shadow: 0 10px 30px -5px rgba(33, 124, 222, 0.4);
}

.acc {
    display: block;
    margin: 0 0 7px;
    position: relative;
}

.acc h3 {
    border-radius: 3px;
    cursor: pointer;
    font-size: 18px;
    padding: 10px 50px 10px 20px;
    position: relative;
}

.acc h3.unfolded {
    background: var(--blueInn);
    color: var(--white) !important;
}

.acc h3:hover {
    color: var(--red);
}

.acc h3 span:after {
    color: rgba(0, 0, 0, 0.5);
    content: "\002B";
    display: block;
    font-size: 16px;
    position: absolute;
    right: 20px;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    -webkit-transition: all 0.1s linear;
    transition: all 0.1s linear;
}

.acc h3.unfolded span:after {
    color: var(--white);
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.acc_body {
    margin: 5px 0 0;
    padding: 20px 5px;
}

.acc table,
.acc table td,
.togglec table,
.togglec td {
    border: none;
    line-height: 1.5;
}

.acc table td,
.togglec td,
.togglec th {
    font-size: 14px;
    line-height: 1.4;
    padding: 2px 20px 10px 0;
    vertical-align: top;
}

.acc_body h4,
.togglec th {
    color: var(--blueInn);
    font-size: 18px;
    text-align: left;
}

.acc_body hr,
.togglec hr {
    background: rgba(37, 112, 202, 0.6);
    margin: 20px 0;
}

.acc_item {
    font-size: 0;
}

.acc_item table {
    display: inline-block;
    font-size: initial;
    width: 55%;
}

.acc_item .acc_video {
    display: inline-block;
    padding: 0 0 0 2%;
    vertical-align: top;
    width: 43%;
}

.info {
    background: var(--lighting);
    border-radius: 5px;
    color: var(--lightblue);
    padding: 10px 20px;
    position: relative;
}

.info:before {
    background: var(--lightblue);
    border-radius: 100%;
    color: var(--lighting);
    content: "\2139";
    display: inline-block;
    height: 22px;
    line-height: 20px;
    margin: 0 10px 0 0;
    opacity: 0.5;
    text-align: center;
    width: 22px;
}

.add_form {
    background: rgba(29, 135, 240, 0.15);
    padding: 50px;
}

.add_form.success_form {
    background: rgba(46, 179, 128, 0.36);
}

.add_form label,
.bottom_form {
    display: grid;
    grid-gap: 30px;
    grid-template-columns: 100px 1fr;
    margin: 0 0 25px;
}

.add_form label strong {
    color: var(--black);
    font-weight: normal;
    line-height: 1;
    text-align: right;
}

.add_form label small {
    line-height: 1.4;
    max-width: 300px;
}

.add_form form textarea {
    width: 60%;
}

.hint_form {
    display: block;
    padding: 0 0 25px;
}

.feedback p {
    font-size: 16px;
    padding: 0 0 25px;
}

.bottom_form button[type="submit"] {
    background: var(--blueInn);
    box-shadow: 0 10px 20px -5px rgba(43, 98, 174, 0.5);
    color: var(--white);
    border-radius: 30px;
    padding: 15px 50px;
}

.bottom_form button[type="reset"] {
    background: transparent;
    border-bottom: 2px solid transparent;
    box-shadow: none;
    border-radius: 0;
    color: var(--blueInn);
    font-size: 16px;
    letter-spacing: 1px;
    margin: 0 0 0 50px;
    padding: 0 0 2px;
}

.bottom_form button[type="reset"]:hover {
    border-color: rgba(181, 73, 56, 0.4);
    color: #B54838;
}

.status_table {
    font-size: 14px;
    display: grid;
    grid-gap: 100px;
    grid-template-columns: 1fr 1fr;
}

.qrservice {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    width: 50%;
}

.qrservice a {
    font-weight: bold;
}

@media screen and (max-width: 700px) {
    .qrservice {
        width: 100%;
    }
}

.togglet {
    background: rgba(19, 104, 209, 0.3);
    border-left: 5px solid var(--blueInn);
    border-radius: 3px;
    cursor: pointer;
    font-size: 18px;
    font-weight: 900;
    margin: 0 0 10px;
    padding: 10px 40px 10px 15px;
    position: relative;
    transition: background-color .15s;
}

.togglet:after {
    color: var(--blueInn);
    content: "\279C";
    display: inline-block;
    height: 10px;
    line-height: 10px;
    margin: -5px 0 0 10px;
    opacity: .5;
    position: absolute;
    right: 20px;
    top: 50%;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    -webkit-transition: all 0.1s ease;
    transition: all 0.1s ease;
}

.togglet.toggleta:after {
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
}

.togglet:hover {
    background: rgba(19, 104, 209, 0.4);
}

.togglet.toggleta {
    background: rgba(19, 104, 209, 0.5);
}

.togglet i {
    margin: 0 10px 0 0;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    -webkit-transition: all 0.1s linear;
    transition: all 0.1s linear;
}

.togglet.toggleta i {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

.togglec {
    display: none;
    margin: 0 0 0 45px;
    padding: 10px 10px 10px 0;
}

.table2 td {
    border: none;
    vertical-align: top;
    line-height: 1.5;
}

.table2 td img {
    max-width: none;
    width: 100%;
}

.table3 td {
    vertical-align: top;
    line-height: 1.5;
}

.kklp.table2 img {
    width: 150px;
}

@media screen and (max-width: 700px) {
    .table2 td {
        display: inline-block;
        font-size: 16px;
        padding: 5px 5px 10px;
        width: 60%;
    }
    .table2 td:nth-child(1) {
        width: 33%;
    }
    .table2 img {
        max-width: 80%;
        width: 100%;
    }
    .kklp.table2 td {
        display: block;
        width: 100%;
    }
}

.tableOver {
    overflow-x: auto;
}

.fbframe {
    display: block;
    margin: 0 auto;
    width: 800px;
    height: 500px;
    border: none;
    overflow: hidden
}

@media screen and (max-width: 800px) {
    .fbframe {
        width: 500px;
        height: 300px;
    }
}

@media screen and (max-width: 500px) {
    .fbframe {
        width: 300px;
        height: 250px;
    }
}

ul.square li {
    list-style: square !important;
}

a.btn_link {
    background: var(--lightblue);
    color: var(--white);
    border-radius: 30px;
    display: inline-block;
    padding: 15px 40px;
    margin: 20px 0;
}

.perelik_zachodiv h3 {
    color: var(--blueInn);
    margin: 25px 0;
    text-align: center;
}

.perelik_zachodiv article {
    background: rgba(31, 144, 255, 0.25);
    border-radius: 15px;
    display: grid;
    grid-template-columns: 2fr 1fr;
    grid-gap: 30px;
    margin: 15px 0;
    padding: 25px;
}

.perelik_zachodiv article h4 {
    font-size: 24px;
    line-height: 1.3;
}

.perelik_zachodiv article h4 b {
    color: var(--greyDark);
    display: block;
    font-size: 16px;
    font-weight: normal;
    margin: 10px 0;
}

.perelik_zachodiv article h4 b:before {
    background: url(../images/svg/pin.svg) no-repeat center;
    content: '';
    display: inline-block;
    height: 20px;
    vertical-align: middle;
    margin: 0 5px 0 0;
    position: relative;
    top: -3px;
    width: 20px;
}

.perelik_zachodiv article h4 small {
    display: block;
    font-size: 14px;
    font-weight: normal;
}

.perelik_zachodiv strong {
    color: var(--blueInn);
    font-size: 30px;
    line-height: 1.2;
}


/***color bg***/

.gold {
    background: rgba(255, 217, 0, 0.5);
}

.palegreen {
    background: rgba(153, 250, 153, 0.5);
}

.lightskyblue {
    background: rgba(136, 206, 250, 0.5);
}

.cornsilk {
    background: rgba(255, 248, 220, 0.5);
}

.salmon {
    background: rgba(250, 128, 114, 0.5);
}

.purple {
    background: rgba(128, 0, 128, 0.2);
}

.image_m {
    margin: 10px;
    width: 350px;
}

@media screen and (max-width: 700px) {
    .image_m {
        float: none;
        margin: 10px 0;
        width: 100%;
    }
}


/***Book***/

.full_book {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 50px;
}

.image_full img {
    border-radius: 5px;
    box-shadow: 0px 5px 30px 0px rgba(45, 91, 166, .3);
    margin: 0 0 50px;
}

.numb {
    color: var(--greyDark);
    display: block;
    margin: 0 0 25px;
}

.table_book div {
    display: grid;
    grid-template-columns: 40% 60%;
    grid-gap: 20px;
}

.table_book div div {
    display: block;
    line-height: 1.5;
}

.table_book div b {
    display: block;
    padding: 0 0 20px;
}

.full_book .share_link {
    float: none;
    padding: 50px 0;
    text-align: left;
}

.button_view_dwnl {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 50px;
}

.button_view_dwnl span,
.button_view_dwnl a {
    border-radius: 5px;
    color: var(--white);
    display: block;
    padding: 20px;
    text-align: center;
}

.button_view_dwnl span {
    background: #fc770e;
    box-shadow: 0 10px 25px -5px rgba(253, 119, 16, 0.5);
    cursor: pointer;
}

.button_view_dwnl a {
    background: var(--blueInn);
    box-shadow: 0 10px 25px -5px rgba(31, 144, 255, 0.5);
}

.pdffull {
    display: block;
    height: 0;
    overflow: hidden;
    padding: 50px 0 0;
}

.open_pdf {
    height: auto;
}

.twoGrid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 20px;
    padding: 10px 0;
}

.galleryRow {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    grid-gap: 25px;
    margin: 0 0 25px;
}

.galleryRow img,
.imageGallery img {
    background-color: var(--blueInn);
    box-shadow: 0 10px 30px 10px rgba(43, 46, 113, 0.25);
    border-radius: 5px;
    min-height: 100px;
    min-width: 100px;
}

.imageGallery {
    text-align: center;
}

.imageGallery a img {
    max-width: 300px;
    margin: 0 10px 25px;
}

.service_header {
    background: url('../images/service24.svg') no-repeat right bottom;
    background-size: auto 150px;
    height: 150px;
    position: relative;
}

.service_header:after {
    background: url('../images/logo_utog.svg') no-repeat top left;
    background-size: auto 140px;
    content: '';
    height: 150px;
    left: 0;
    position: absolute;
    top: 0;
    width: 150px;
}

.service_title {
    background: var(--blueInn);
    border-radius: 10px;
    color: var(--white);
    font-size: 30px;
    margin: 0 0 50px;
    padding: 5px 0;
    text-align: center;
}

.service_page {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 50px;
}

.service_text_list {
    list-style: none;
    padding: 0;
}

.service_text_list b {
    color: #21409a;
    font-size: 20px;
    display: block;
    margin: 0 0 5px;
}

.service_qr {
    background: linear-gradient(45deg, #f9a04c 0%, #ffd500 100%);
    border-radius: 10px;
    display: grid;
    grid-template-columns: 100px 1fr 100px 1fr;
    grid-gap: 20px;
    margin: 50px 0;
    padding: 15px 50px;
}

.service_qr_app {
    background: linear-gradient(45deg, #f9a04c 0%, #ffd500 100%);
    border-radius: 10px;
    display: grid;
    grid-template-columns: 100px 1fr 1fr;
    grid-gap: 20px;
    margin: 50px 0;
    padding: 15px 50px;
}

.service_qr_app a {
    box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.25);
    border: 2px solid;
    border-radius: 3px;
    display: block;
    max-width: 360px;
    margin: 15px 0 0;
    padding: 10px 25px;
    text-align: center;
    width: 100%;
}

.service_qr_app h5 {
    padding: 15px 0 0;
}

.service_qr_app img {
    max-width: 200px;
    margin: 0 auto;
}

.old_service {
    box-shadow: 0 0 0 5px #21409a inset;
    border-radius: 10px;
    padding: 25px;
}

.old_service .services_city li {
    color: #21409a;
}

.old_service .services_city li span:after {
    content: "\279C";
    margin: 0 5px 0 5px;
    transition: .1s linear;
}

.old_service .services_city li:hover span:after {
    margin: 0 0 0 10px;
}

.old_service li.active_click {
    background: #21409a;
    color: var(--white);
}

.old_service li.active_click span:after {
    margin: 0 0 0 10px;
}

.old_service .full_list address {
    background: transparent;
    border-top: 5px solid #21409a;
    border-radius: 0;
    margin: 25px 0;
    padding: 25px 0;
}

.old_service .closed_list {
    font-size: 20px;
    right: 0;
    top: -20px;
}

.old_service h3 {
    padding: 0 0 25px;
}

.iframe_conteiner iframe {
    border-radius: 10px;
    height: 300px;
    position: relative;
    transition: height .1s 1.5s linear;
    width: 100%;
}

.iframe_conteiner {
    border-radius: 10px;
    position: relative;
    overflow: hidden;
}

.iframe_conteiner:before {
    animation: iframe 1s 2s both;
    background: rgba(184, 211, 243, 1) url('../images/svg/loading.svg') no-repeat center;
    background-size: auto 50px;
    bottom: 0;
    border-radius: 10px;
    content: '';
    left: 0;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1;
}

@keyframes iframe {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}

.gazetaCat {
    padding: 0 0 50px;
}

.gazetaCat section:nth-child(1) .togglec {
    display: block
}

.itemGazeta {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 32px;
}

.gazetaCat img {
    background-color: var(--lighting);
    filter: brightness(90%);
    transition: all .2s ease;
}

.itemGazeta a:hover img {
    filter: brightness(100%);
}

.gazetaYear {
    color: var(--blueInn);
    font-size: 30px;
    text-align: center;
}

.gazetaCat h4 {
    padding: 20px 0;
}

.suBtn,
.btnServiceUTOG {
    animation: subtn 1s .1s ease both;
    background: url(../images/subtn.png) no-repeat left center;
    background-size: contain;
    border-radius: 25px;
    bottom: 16px;
    cursor: pointer;
    height: 60px;
    left: 16px;
    position: fixed;
    width: 190px;
    z-index: 1000;
}

@keyframes subtn {
    0% {
        left: 0;
    }
    100% {
        left: 16px;
    }
}

.suBtn span {
    align-items: center;
    background: var(--blueInn);
    border: 2px solid var(--gold);
    border-radius: 100%;
    color: var(--white);
    cursor: pointer;
    display: flex;
    height: 24px;
    line-height: 22px;
    justify-content: center;
    text-align: center;
    position: absolute;
    right: -5px;
    top: -5px;
    width: 24px;
    z-index: 1;
}

.idw2020Home {
    animation: heightIdw 0s .5s both;
    background: url(../images/bgTop.png) no-repeat center top, url(../images/bgBottom.png) no-repeat center bottom;
    background-color: var(--white);
    background-size: 100% auto;
    border-radius: 2px;
    margin: 15px 0 25px;
    min-height: 400px;
    padding: 175px 15px 55px;
    position: relative;
    transition: animation .3s linear;
}

.idw2020Home:after {
    background: url(../images/logoIdw2020.png) no-repeat center;
    background-size: auto 100px;
    content: '';
    display: block;
    height: 100px;
    left: 0;
    position: absolute;
    right: 0;
    top: 50px;
    z-index: 2;
}

@keyframes heightIdw {
    0% {
        height: 430px;
        overflow: hidden;
    }
    100% {
        height: auto;
        overflow: auto;
    }
}

.idw2020Home h1 {
    font-size: 0;
    position: fixed;
    z-index: -1;
    top: -1000%;
}

.idw2020Home .item_post a {
    margin: 0 0 15px;
}

.idw2020Home .slick-arrow {
    background-color: transparent !important;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 30px auto;
    box-shadow: none;
    border-radius: 0;
    bottom: -35px;
    font-size: 0;
    height: 30px;
    padding: 0;
    position: absolute;
    width: 50px;
    z-index: 2;
}

.idw2020Home .slick-prev {
    background-image: url(../images/svg/arr_l.svg);
    left: 0;
}

.idw2020Home .slick-next {
    background-image: url(../images/svg/arr_r.svg);
    right: 0;
}

.idw2020Home .slick-arrow:hover {
    opacity: 1;
}

.idw2020Home .item_post figure {
    height: 180px;
}

.idw2020Home .item_post div span,
.idw2020Home .item_post div time {
    color: var(--black);
}

.idw2020Home article.item_post h4 {
    font-weight: normal;
    padding: 5px 0 0;
}

.idw2020Home .item_post figure:after {
    background-color: rgba(0, 0, 0, 0.05);
}

.gridThree {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 32px;
    font-size: 14px;
    padding: 0 0 40px;
}

.gridThree div {
    background: radial-gradient(circle at 15% 15%, var(--white), 75%, #0C74B9);
    border-radius: 24px;
    box-shadow: 0 24px 40px -8px var(--lighting);
    padding: 24px;
}

.gridThree img {
    box-shadow: 0 8px 24px -4px var(--lighting);
    margin: 0 0 24px;
}

.gridThree ul {
    padding: 8px 0 0;
}

.gridThree li {
    font-size: 12px;
}

.gridThree a {
    background: var(--blueInn);
    border-radius: 8px;
    box-shadow: 0 8px 24px -4px var(--lighting);
    color: var(--white);
    display: flex;
    justify-content: space-between;
    margin: 24px 0 12px;
    padding: 16px 24px;
    width: 100%;
}

.gridThree a:hover {
    background-color: var(--blue);
    color: var(--gold);
}

@media screen and (max-width: 720px) {
    .gridThree {
        grid-template-columns: 1fr;
    }
}

.galleryIdw {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 15px;
    padding: 25px 0;
}

.galleryIdw img {
    border-radius: 3px;
    box-shadow: 0 10px 25px -5px rgba(8, 112, 181, 0.25)
}

.idw2020HomePostFull {
    grid-template-columns: repeat(4, 1fr);
}

h1.idw2020 {
    margin: 0 15%;
}

.mirconferenc {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 25px;
}

.mirconferenc img {
    border-radius: 5px;
}

.gridYt {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 48px;
    padding: 8px;
}

.gridYt iframe {
    border-radius: 3px;
    height: 278px;
    object-fit: cover;
    width: 100%;
}

@media screen and (max-width: 520px) {
    .idw2020Home:after {
        background-size: auto 80px;
    }
    .galleryIdw {
        grid-template-columns: 1fr;
    }
    .idw2020Home .item_post figure {
        height: 100px;
        margin: 0 0 8px;
    }
    .idw2020Home .item_post h4 {
        line-height: 1.2;
    }
    h1.idw2020 {
        margin: 0 5%;
    }
    .mirconferenc {
        grid-template-columns: 1fr !important;
    }
    .gridYt {
        grid-template-columns: 1fr;
        grid-gap: 8px;
    }
    .gridYt iframe {
        height: 220px;
    }
}

.formEntityBtn {
    text-align: center;
    padding: 48px 24px;
}

.formEntityBtn button,
.entityForm .bottom_form button[type="submit"] {
    padding: 20px 48px;
}

.formEntityBtn button i {
    margin: 0 0 0 8px;
}

.entityForm {
    margin: 24px 0;
    position: relative;
}

.entityForm p {
    margin: 0;
    padding: 0 0 16px;
}

.entityForm label,
.entityForm .bottom_form {
    align-items: center;
    grid-template-columns: 200px 1fr;
}

.entityForm .closeFeedback {
    color: var(--red);
    cursor: pointer;
    font-size: 32px;
    position: absolute;
    right: 50px;
    top: 50px;
}

.entityForm label [type="text"] {
    width: 50%;
}

.entityForm label small {
    max-width: 50%;
}

.entityForm [type="tel"] {
    width: 180px;
}

#utog88 {
    background-image: url(../images/header88.png);
}

#utog88 .logo:after {
    background-image: url(../images/logo88.png);
    background-size: auto 74px;
    height: 64px;
}

#idw2021 {
    background: var(--blue) url(../images/header_idw2021.png) no-repeat center bottom / auto 125px;
}

#idw2021 .logo {
    background: transparent !important;
}

#idw2021 .logo:after {
    background: transparent !important;
    height: 64px;
}

#idw2021 nav.menu {
    border: none;
}

#idw2021 nav.menu ul li a {
    color: var(--blue) !important;
}

#idw2021 nav.menu ul ul li a {
    color: var(--light) !important;
}

#idw2021 nav.menu .icon_down::after {
    background-image: url(../images/svg/arrow_down_blue.svg);
}

#idw2021 .burger {
    color: var(--blue);
}

#idw2021 .open_menu .burger {
    color: var(--gold);
}

@media screen and (max-width:640px) {
    #idw2021 nav.menu ul li a {
        color: var(--light) !important;
    }
}


/******/

.slider h3:after {
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.65) 100%);
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.65) 100%);
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.65) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000', GradientType=0);
}

.slider a div {
    background: -moz-linear-gradient(top, rgba(10, 70, 158, 0.25) 0%, rgba(0, 0, 0, 0) 100%);
    background: -webkit-linear-gradient(top, rgba(10, 70, 158, 0.25) 0%, rgba(0, 0, 0, 0) 100%);
    background: linear-gradient(to bottom, rgba(10, 70, 158, 0.25) 0%, rgba(0, 0, 0, 0) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#400a469e', endColorstr='#00000000', GradientType=0);
}

.send_material {
    background: #f0f9ff;
    background: -moz-linear-gradient(-45deg, #f0f9ff 0%, #a1dbff 100%);
    background: -webkit-linear-gradient(-45deg, #f0f9ff 0%, #a1dbff 100%);
    background: linear-gradient(135deg, #f0f9ff 0%, #a1dbff 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#f0f9ff', endColorstr='#a1dbff', GradientType=1);
}

.gr,
.qbtn,
.list_region h4,
.content_about {
    background: var(--blueInn);
    background: -moz-linear-gradient(45deg, var(--blueInn) 0%, #1e87f0 100%);
    background: -webkit-linear-gradient(45deg, var(--blueInn) 0%, #1e87f0 100%);
    background: linear-gradient(45deg, var(--blueInn) 0%, #1e87f0 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='var(--blueInn)', endColorstr='#1e87f0', GradientType=1);
}

.grgl {
    background: #ffd700;
    background: -moz-linear-gradient(45deg, #ffd700 0%, #febf04 100%);
    background: -webkit-linear-gradient(45deg, #ffd700 0%, #febf04 100%);
    background: linear-gradient(45deg, #ffd700 0%, #febf04 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#ffd700', endColorstr='#febf04', GradientType=1);
}

#sb-overlay {
    background: -moz-radial-gradient(center, ellipse cover, rgba(0, 72, 199, 0.45) 0%, rgba(0, 10, 153, 0.9) 100%);
    background: -webkit-radial-gradient(center, ellipse cover, rgba(0, 72, 199, 0.45) 0%, rgba(0, 10, 153, 0.9) 100%);
    background: radial-gradient(ellipse at center, rgba(0, 72, 199, 0.45) 0%, rgba(0, 10, 153, 0.9) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#730048c7', endColorstr='#e6000a99', GradientType=1);
}

.introtext_news:after {
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff', GradientType=0);
}

.acc h3 {
    background: rgb(233, 237, 244);
    background: -moz-linear-gradient(top, rgba(233, 237, 244, 1) 0%, rgba(220, 228, 242, 1) 100%);
    background: -webkit-linear-gradient(top, rgba(233, 237, 244, 1) 0%, rgba(220, 228, 242, 1) 100%);
    background: linear-gradient(to bottom, rgba(233, 237, 244, 1) 0%, rgba(220, 228, 242, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#e9edf4', endColorstr='#dce4f2', GradientType=0);
}

.tire {
    list-style: disc;
    padding: 8px 24px;
}

.btnGo {
    display: inline-block;
    font-size: 1.4rem;
    padding: 32px 48px !important;
    text-transform: uppercase;
}

.gridtwo {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 24px;
}

.gridtwo .yt_player,
.gridtwo .yt_player .iframe_style {
    height: 300px;
}

.ok {
    margin: 0;
}

@import url('https://fonts.googleapis.com/css?family=Ubuntu:300,300i,400,400i,500,500i,700,700i&display=swap');