@charset "utf-8";
/* CSS Document */

.round5 {
    border-radius: 5px;
}
.round10 {
    border-radius: 10px;
}


.overf {overflow: hidden;}
.picright {float: right;}


input.width-100, input.col-100 {
    width: 98.6%;
}
textarea.width-100, textarea.col-100 {
    width: 98.8%;
}
select.width-100, select.col-100 {
    width: 99.4%;
}

/* Header */

#logo a {width: 555px; height: 120px; display: block; margin-top: -72px; margin-left: 16px;}

#upmtd {width: 100%;	height: 219px; font-size: 21px; background: url("../img/bg-upm.png") no-repeat top left;}

#upm {
    display: block;
    margin-left: 218px;
}

#logo {
    margin-top: 64px;
}

#social {float: right; margin: 15px 30px 0 30px;}
#social a {margin: 0 10px;}

.path {position: absolute; bottom: 20px; left: 30px;}

.cca_afc_icon {display: block; margin-left: 40px; margin-top: 0px; width: fit-content;}
.contacts {
    position: absolute;
    height: auto;
    top: 69px;
    right: 20px;
}

.contacts a {
    text-decoration: none!important;
    color: #cfdff0!important;
}

/* Middle */

.contblock {background: url("../img/bg-cont.jpg") top left; padding: 20px 30px; border-radius: 0 10px 10px 0; border: 3px solid #1d3854; min-height: 300px;}


/* Leftcol */

#leftbg {
	width: 296px;
	 background: url("../img/bg-left.jpg") repeat-y 6px 0px;
}
#leftroundtop {height: 12px; background: url("../img/bg-left-top.png") no-repeat top right;}
#leftroundfoot {height: 17px; background: url("../img/bg-left-foot.png") no-repeat bottom right;}
.leftblock {padding: 10px 30px;}

.leftpad {padding: 0px;}

.leftmenu {text-align: right; font-size: 24px;}


/* Footer */

#adr {width: auto; margin: 20px 0 0 30px; text-align: left;}
#foothead {height: 250px; padding-top: 80px; overflow: hidden;}

#autor {
    background-color: #aec1da;
    color: #121c26;
    padding: 7px 20px;
    width: 350px;
    margin: 0 auto;
    font-size: 16px;
    text-align: center;
}

.x_close_symbol {
    display: none;
}

.menu_opener_wrapper {
    display: none;
}

.contacts .fa {
    margin: 0 10px;
}

/* Animations */
@keyframes menuFadeIn {
    from {
        display: flex;
        opacity: 0;
        top: -16px;
    }

    to {
        display: flex;
        opacity: 1;
        top: 0;
    }
}

@keyframes menuFadeOut {
    from {
        opacity: 1;
        top: 0;
    }

    to {
        opacity: 0;
        top: -24px;
    }
}

@media (max-width: 1220px) {
    #full {
        background-image: url(../img/bd-head1.jpg);
    }
}

@media (max-width: 1050px) {
    .contacts {
        top: 124px;
    }
}

#upmenu img:first-child {
    display: none;
}

/* MOBILE */
@media (max-width: 768px) {
    .nc_row {
        font-size: 26px;
        line-height: 27px;
    }
    h1, h2 {
        font-size: 40px;
    }
    .onlyPC {
        display: none!important;
    }
    
    .menu_wrapper {
        position: fixed;
        width: 100%;
        height: 100%;
        z-index: 100;
        top: 0;
        display: none;
        justify-content: center;
        align-items: center;
        background-color: #0000006c;
    }
    .menu_wrapper.active {
        display: flex;
        animation-duration: 0.4s;
        animation-name: menuFadeIn;
    }
    .menu_wrapper.gone {
        display: flex;
        animation-duration: 0.4s;
        animation-name: menuFadeOut;
        top: -150%;
    }
    #upmtd {
        width: 92%;
        height: 92%;
        border-radius: 36px;
    }
    
    #upmtd nav {
        height: 100%; 
    }

    #upmenu {
        display: block;
        height: 100%;
        text-align: -webkit-center;
        text-align: center;
    }

    #upmenu img:first-child {
        display: block;
        max-width: 140px;
        max-height: 140px;
        margin-left: -20px;
        margin: auto;
    }

    #upm {
        margin: 0 20px 0 20px;
        overflow-y: scroll;
        overflow-x: hidden;
        height: fit-content;
        max-height: 52vh;
    }

    #upm a {
        display: block;
        width: 100%;
        background: rgb(0,94,148);
        background: linear-gradient(90deg, rgba(0,94,148,1) 0%, rgba(15,127,179,1) 100%);
        border-radius: 8px;
        padding: 12px 0;
        margin: 8px 0;
        font-size: 24px;
    }

    .x_close_symbol {
        display: unset;
        position: absolute;
        right: 36px;
        top: 36px;
    }

    #upm a:hover {
        color: auto;
        background: none;
    }

    #container2 {
        float: unset;
        margin: 0;
    }

    #main_content {
        margin-left: 0;
    }

    #leftbg {
        width: 100%;
    }

    #leftcol {
        width: 100%;
        float: unset;
    }

    .leftmenu, #leftroundtop, #leftroundfoot {
        display: none;
    }

    #leftbg {
        background-repeat: repeat;
    }

    #adr {
        text-shadow: 2px 2px 2px black;
        font-weight: 600;
    }

    #header {
        background-image: url(../img/logo_mobile1.png);
        background-position-x: 8px;
        background-position-y: -8px;
        height: 259px;
    }

    #full {
        background-image: url(../img/bd-head_mobile1.jpg);
    }

    #logo {
        margin-top: 48px;
    }

    #logo a {
        width: 310px;
        height: 60px;
        position: absolute;
        top: 12px;
        left: 8px;
    }

    .cca_afc_icon {
        width: 64px;
        height: 64px;
        position: absolute;
        top: 82px;
        left: -8px;
    }

    .menu_opener_wrapper {
        background: #041726;
        display: flex;
        position: fixed;
        height: 48px;
        width: 100%;
        top: 0;
        align-items: center;
        z-index: 99;
    }

    .menu_opener_wrapper img {
        max-width: 36px;
        max-height: 36px;
        margin-left: 8px;
    }

    .contacts {
        top: unset;
        bottom: 54px;
        left: 0;
        right: 0;
        margin: auto
    }

    #upmtd {
        background: rgb(2,30,47);
        background: linear-gradient(90deg, rgba(2,30,47,1) 0%, rgba(0,51,81,1) 100%);
        border: 1px solid #123E55;
        border-top: 0;
        border-radius: 24px;
    }
}

@media (max-width: 480px) {
    #header {
        background-image: url(../img/logo_mobile2.png);
        background-position-x: 65%;
        background-position-y: 0px;
        height: 200px;
    }

    #full {
        background-image: url(../img/bd-head_mobile2.jpg);
    }

    #logo a {
        width: 200px;
        height: 30px;
        top: 12px;
        left: unset;
        right: 27%;
    }

    .cca_afc_icon {
        width: 48px;
        height: 48px;
        top: 72px;
        left: 20%;
    }

    .contblock {
        padding: 5px 10px;
    }

    iframe {
        max-width: 100%;
        max-height: calc(90%/9*16);
    }

    .nc_row {
        overflow: hidden;
        max-width: 100%;
        overflow-wrap: break-word;
    }

    #autor {
        max-width: 100%;
    }

    .path {
        margin-left: -16px;
    }

    #adr {
        margin-left: 8px;
        margin-top: -16px;
    }
}

@media (max-width: 320px) {
    .nc_row {
        font-size: 22px;
        line-height: 23px;
    }
    h1, h2 {
        font-size: 28px;
    }
}