@font-face {
    font-family: 'Yeseva One';
    src: url(fonts/YesevaOne-Regular.ttf);
}

body{
    font-family: "Yeseva One",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
    min-width: 320px;
    overflow-x: hidden;
}

.font-regular{
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
}


a {
    text-decoration: none!important;
}

.cp{
    cursor: pointer;
}

.content.font-regular{
    overflow: auto;
}

#divForAdmin{
    position: absolute;
    top: 0;
    right: 0;
    background-color: #ffffff;
    padding: 5px;
    border-radius: 3px;
    z-index: 90;
}

#divForAdmin .button{
    padding: 5px;
}

#btnDropMenuSmall{
    background: linear-gradient(#828d94, #636b70);
    border-radius: 8px;
    border: 1px solid #5b5b5b;
    box-shadow: 2px 1px 5px #000000;
}

#btnDropMenuSmall:hover{
    background: #646d72;
}

.btn-inherit{
    background: #697378;
    border-color: transparent;
    color: #fff;
}

.btn-inherit:hover {
    background: #5d656a;
    border-color: transparent;
    color: #ffffff;
}

.icon-menu{
    display: none;
}

.icon-menu.show{
    display: inline-flex;
}


#dropMenuSmall{
    display: none;
    position: absolute;
    top: 40px;
    left: 0;
    right: 0;
    /*width: calc(100vw - 24px);*/
    z-index: 50;
    background-color: #f4f4f4;
    border: 1px solid #4F565B;
    border-radius: 0 0 5px 5px;
}

#dropMenuSmall .menu{
    padding-left: 4%;
    padding-right: 4%;
}

.li-top-nav{
    background-color: #7c8489;
    border-radius: 5px;
    display: inline;
    padding: 0.25rem 0.75rem;
    margin-left: 0.25rem;
    margin-right: 0.25rem;
    margin-bottom: 0.5rem;
}

.li-top-nav a{
    text-transform: uppercase;
}

.drop-menu-1{
    display: none;
    position: absolute;
    z-index: 30;
}

.drop-menu-1 a{
    line-height: 1.5;
}

.drop-menu-1.open{
    display: block;
}


#dropMenuGeneralInfo,
#dropMenuPublicInfo{
    top: 90%;
    left: 0;
    right: 0;
    background-color: #e5e5e5;
    border: 1px solid #464d52;
    border-radius: 5px;
    box-shadow: 1px 2px 3px #8f8f8f;
    width: auto;
    text-align: center;
}

#dropMenuIncoming{
    top: 90%;
    background-color: #e5e5e5;
    border: 1px solid #464d52;
    border-radius: 5px;
    box-shadow: 1px 2px 3px #8f8f8f;
    text-align: center;
}

html:lang(uk) #dropMenuIncoming{
    width: 180px;
    left: -26px;
}

html:lang(ru) #dropMenuIncoming{
    width: 190px;
    left: -20px;
}

#dropMenuIncoming a,
#dropMenuGeneralInfo a,
#dropMenuPublicInfo a{
    text-transform: none;
}

#dropMenuEducational,
#dropMenuPublicActivity,
.drop-menu-1-middle{
    background-color: #eeeeee;
    border: 1px solid #bababa;
    border-top: 1px solid #dadada;
    border-radius: 0 0 7px 7px;;
    box-shadow: 3px 7px 7px #888888;
    left: 0;
    right: 0;
}

.drop-menu-1-middle a:hover,
.drop-menu-1-middle a:focus{
    color: #0d2850 !important;
}

#contactsIcon{
    display: none;
}

#contactsIcon i.material-icons{
    font-size: 18px;
}

#divLogoName img{
    width: 100px;
    max-width: none;
    border-radius: 50%;
}

#divLogoName h1{
    text-shadow: 1px 1px 2px #000000;
    word-break: break-word;
}


#pQ{
    color: #feecf0;
    text-shadow: 1px 1px 1px #000000;
    font-style: italic;
}


#skIndexHero{
    background-color: #E0E0E0;
    background-repeat: repeat-x;
    background-position: bottom left;
    background-size: auto 85%;
    background-attachment: fixed;
}

#figureMainImg{
    border: 15px solid #5D666C;
}

#heroUnderBlock{
    margin-top: 0;
    margin-bottom: 0;
    padding-bottom: 1.5rem;
}

.content-page-preview a{
    text-shadow: 1px 1px 1px #0d3367;
    word-spacing: 999px;
}

#navMiddle{
    background-color: #e6e6e6;
    border-top: 1px solid #BCBCBC;
    border-bottom: 1px solid #BCBCBC;
}

#navMiddle ul{
    font-weight: 500;
    line-height: 2.5;
}

#navMiddle .a-nav-middle{
    text-transform: uppercase;
    white-space:nowrap;
}

.fig-page-preview{
    border: 1px solid #6c777e;
}

.col-sidebar-right{
    width: 100%;
}

.content-page-preview{
    background: linear-gradient(#6A747B, #4F565B);
    border: 1px solid #6c777e;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.content-page-preview a{
    text-align: center;
    text-decoration: underline!important;
    font-size: 1.15em;
}

.content blockquote{
    border-left: 5px solid #c1c1c1;
}

a.link-sidebar{
    font-size: 1.25rem;
    line-height: 1.25;
    color: #4a4a4a;
}

a.link-sidebar:hover,
a.link-sidebar:focus,
a.link-sidebar:active{
    color: #767676;
}

a.link-img-sidebar{
    display: block;
    color: #4a4a4a;
}


a.link-img-sidebar:hover,
a.link-img-sidebar:focus,
a.link-img-sidebar:active{
    filter: grayscale(100%);
}


#mainFooter{
    background-color: #c8cccf;
    border-top: 1px solid #97a2a9;
    padding-bottom: 1.5rem;
}

.footer-col-links{
    padding-top: 0;
    padding-bottom: 0;
}

.footer-col-links ul{
    list-style: square outside;
}

.div-footer-maps{
    margin-top: 5px;
}

.div-footer-maps:hover,
.div-footer-maps:focus,
.div-footer-maps:active{
    filter: saturate(2);
}

.div-footer-address{
    color: #4b5459;
    margin-top: 10px;
}

.social-box{
    width: 140px;
    border: 1px solid #515c63;
    border-radius: 5px;
    margin-left: auto;
}

#dSocialSmall{
    display: none;
}

.a-facebook-text{
    color: #4b5459;
}

.a-facebook-icon:hover,
.a-facebook-icon:focus,
.a-facebook-icon:active{
    filter: saturate(2);
}

.a-social-footer{
    display: block;
    padding: 0;
    width: 40px;
    height: 40px;
    transition: all .3s;
}

.a-social-footer:hover,
.a-social-footer:active,
.a-social-footer:focus{
    opacity: 0.7;
}

.a-social-footer img{
    width: 40px;
    height: 40px;
}



input#remember_me {
    -ms-transform: scale(1.5); /* IE */
    -moz-transform: scale(1.5); /* FF */
    -webkit-transform: scale(1.5); /* Safari and Chrome */
    -o-transform: scale(1.5); /* Opera */
    transform: scale(1.5);
}

.col-footer:last-child{
    text-align: right;
}

.icon-poll-hidden{
    color: #c40000;
    vertical-align: bottom;
    font-size: 1.2rem;
}

#btnPollSubmit[disabled]{
    background: #879297;
}

.d-poll-res{
    background-color: #e3e3e3;
    border: 1px solid #d1d0d0;
}

#skDivMap {
    position: relative;
     overflow: hidden;
     padding-top: 50%;
     height: 0;
     border: 4px double #969696;
 }

#skDivMap iframe {
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    position: absolute;
}


#mainPaginator ul.pagination{
    justify-content: center;
    font-size: 1.1rem;
}

#mainPaginator li.page-item{
    margin: 0 3px;
}

#mainPaginator .page-link{
    display: block;
    width: 36px;
    padding: 3px 8px;
    border: 1px solid #7b7b7b;
    border-radius: 7px;
    font-weight: 500;
}

#mainPaginator a.page-link:hover,
#mainPaginator a.page-link:focus,
#mainPaginator a.page-link:active{
    border: 1px solid #7290e0;
}

#mainPaginator li.page-item.active .page-link{
    background-color: #f0f0f0;
}

#mainPaginator .page-item:last-child,
#mainPaginator .page-item:first-child{
    font-weight: 600!important;
}

#mainPaginator .page-link.page-link-dots{
    width: 18px;
    padding: 3px 0;
    border: none;
}







/*---------- Sk All Responsive -----------*/
/*---------- Sk All Responsive -----------*/
/*---------- Sk All Responsive -----------*/
/*---------- Sk All Responsive -----------*/
/*---------- Sk All Responsive -----------*/

@media (max-width: 880px) {

    #liRegulations{
        display: none;
    }
}

@media screen and (max-width: 1362px) {
    #mainFooter{
        padding-bottom: 0;
    }
}

/*////////////////////////////////*/
@media screen and (max-width: 540px) {

    #dropMenuSmall .menu{
        padding-left: 0;
        padding-right: 0;
    }

    #divLogoName img{
        width: 80px;
        margin-left: 5px;
    }

    #figureMainImg{
        border: 2px solid #5D666C;
    }

    .col-under-text{
        display: none;
    }
    
    #pollSave .field:not(:last-child){
        margin-bottom: 1.25rem;
    }

    #aMenuEducational{
        letter-spacing: -1px;
        margin-left: 0!important;
        margin-right: 0!important;
    }

    html:lang(uk) #dropMiddleUpbringing {
        width: 180px;
        left: -8px;
    }

    .col-sidebar-right{
        width: 100%;
    }

    .col-sidebar-right blockquote{
        border-left: none;
        text-align: center;
    }

    #mainFooter{
        padding-bottom: 0;
    }

    .footer-col-links{
        width: 100%!important;
    }

    .footer-col-links ul{
        list-style-type: none;
        margin-left: 0;
    }

    .footer-col-links li{
        text-align: center;
    }

    .figure-map{
        width: 70%;
        margin-left: auto;
        margin-right: auto;
    }

    #dFooterAddress{
        width: 100%;
    }

    .div-footer-address{
        margin-top: 0;
    }

    #dSocialBottom{
        width: 100%;
        height: 100px;
    }

    #dSocialLarge{
        display: none;
    }

    #dSocialSmall{
        display: block;
    }

    .col-footer{
        width: 100%!important;
        text-align: center;
    }

    .col-footer:last-child{
        text-align: center;
        padding-bottom: 2rem;
    }
}

@media screen and (min-width: 541px) and (max-width: 768px) {
    #columnLogoName{
        padding-left: 1.5rem;
        padding-right: 1.5rem;
    }

    #figureMainImg{
        border: 8px solid #5D666C;
    }

    .col-under-text{
        display: none;
    }
    
    #pollSave .field:not(:last-child){
        margin-bottom: 1.25rem;
    }

    .col-sidebar-right{
        width: 50%;
    }

    .col-sidebar-right blockquote{
        border-left: none;
    }

    #mainFooter{
        padding-bottom: 0;
    }

    #footerColumnsTop{
        width: 530px;
        margin-left: auto;
        margin-right: auto;
    }

    .footer-col-links{
        width: 50%!important;
    }

    .div-footer-address{
        margin-top: 0;
    }

    .col-footer:last-child{
        text-align: right;
    }

}

@media screen and (min-width: 769px) and (max-width: 1023px) {
    #columnLogoName{
        padding-left: 1.5rem;
        padding-right: 1.5rem;
    }

    .d-under-img{
        padding: 10px 15%;
        background-color: rgba(0, 0, 0, 0.24);
    }

    .col-under-text{
        display: none;
    }

    .content-page-preview a{
        font-size: 1.0em;
    }

    html:lang(uk) #dropMiddleUpbringing {
        width: 220px;
        left: -26px;
    }

    #mainFooter{
        padding-bottom: 0;
    }

    #footerColumnsTop{
        margin-left: auto;
        margin-right: auto;
    }

    .footer-col-links ul{
        margin-left: 0.5rem;
    }

    .div-footer-maps{
        margin-top: calc(20px - 1vw);
    }

    .div-footer-address{
        margin-top: 0;
    }
}

@media screen and (min-width: 1024px) and (max-width: 1215px) {

    #columnLogoName{
        padding-left: 1.5rem;
        padding-right: 1.5rem;
    }

    .d-under-img{
        padding: 10px 20%;
        background-color: rgba(0, 0, 0, 0.24);
    }

    .col-under-text{
        display: none;
    }

    html:lang(uk) #dropMiddleUpbringing {
        width: 220px;
        left: -26px;
    }

}

@media screen and (min-width: 1216px) and (max-width: 1407px) {

    #columnLogoName{
        padding-left: 1.5rem;
        padding-right: 1.5rem;
    }


    html:lang(uk) #dropMiddleUpbringing {
        width: 220px;
        left: -26px;
    }

}

@media screen and (min-width: 1408px) {

    html:lang(uk) #dropMiddleUpbringing {
        width: 220px;
        left: -26px;
    }

}