@font-face {
    font-family: adelle_sansregular;
    src: url(../../2023/assets/font/Adelle-Sans-PIN-Regular.woff2) format("woff2"),
        url(../../2023/assets/font/Adelle-Sans-PIN-Regular.woff) format("woff");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: adelle_sansbold;
    src: url(../../2023/assets/font/Adelle-Sans-PIN-Bold.woff2) format("woff2"),
        url(../../2023/assets/font/Adelle-Sans-PIN-Bold.woff) format("woff");
    font-weight: 400;
    font-style: normal
}


* {
    font-family: "adelle_sansregular", "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, sans-serif;
}





body {
    background-color: #fff;
    min-height: 100vh;
}

select:not([multiple]),
input {

    /* reset */
    -webkit-appearance: none;
    -moz-appearance: none;
    text-indent: 1px;
    text-overflow: '';


    padding: 1rem 1.5rem;
    padding-right: calc(25px + 1.5rem);
    height: auto;
    width: 100%;
    border: 1px solid #000;
    background-image: url(../../2023/assets/img/icons/down.svg);
    background-size: 40px;
    background-position: center right;
    background-repeat: no-repeat;
    font-size: 1.5rem;
}

input {
    background-image: none;
}

label {
    padding-top: 1rem;
    font-weight: normal;
}

a,
a:hover {

    color: black;

}

#contentFrame h1 {

    margin-bottom: 1em;

}

#contentFrame h2 {

    margin-top: 0;

}

#contentFrame h3 {

    padding: .2em 0 .5em;

}

p,
div {

    font-size: 16px;

}

hr {

    border-top: 1px solid #ccc;

}

.container {

    position: relative;

}



#logo {

    display: inline-block;

    height: 70px;

    margin-top: 1.5rem;



}



.logoAndLang {

    position: relative;

}



#switchLang {

    font-size: .7em;

    text-transform: uppercase;

    padding: .2em;

    padding-top: .5em;

    margin: 0;

    margin-top: -3px;

    display: block;

    position: absolute;

    top: 0px;

    right: .5rem;

}



nav {

    position: relative;

    box-shadow: 0px 0px 4px #3e3e3e;

    background-color: white !important;

    text-align: left;

    padding-bottom: 1rem;

}





nav h3,
nav span {



    margin-top: 0 !important;

    font-weight: 400 !important;

}

nav h3 {

    margin-bottom: .2em;

}

nav h4 {

    margin-top: 1.5rem;

}

nav span {

    display: inline-block;

    padding: .7em;

    font-size: .7em;

    border-radius: 50%;



}



.navbar-collapse {

    border: 0;

}

aside {

    margin-top: 3.5em;

}

aside ul {

    padding: 0;

}

aside li {

    list-style-type: none;

    font-size: 1.2em;

    line-height: 1.7em;



}

.modal-body .btn {

    margin-top: 2rem;

}

.btn-primary {

    background-color: #007fff;

}

.btn-primary:hover,
.btn-info {

    background-color: #007fff;

    border-color: #007fff;

    color: white;

}

.btn-info {

    color: white;

}

.editions .btn,
.keys .btn,
.regions .btn {

    font-weight: 600;

    margin-bottom: .2em;

    text-transform: uppercase;

    font-size: 13px;

}



.btn-group-xs>.btn,
.btn-sm {

    padding: .2em .5em;

}

.editions .btn {

    min-width: 4em;

}



#findFilmFormTitle {

    margin-top: 250px;

}



.topSpace {

    margin-top: 150px;

}







.filmInList,
.juryInList {

    background-color: #f5f5f5;


    margin-bottom: 2em;

    padding-bottom: .5em;

    transition: all .5s;

}


.juryInList:hover {}

.filmInList img,
.modal-body img,
.juryInList img {

    width: 100%;

}



.filmInList h4,
.filmInList h5,

.juryInList h4,
.juryInList h5 {

    /*margin:0;*/

    padding: 10px;

    padding-bottom: 0;

    line-height: 1.3em;

    font-weight: 600;

    text-overflow: ellipsis;

}

.filmInList h4 {

    /*min-height: 3.7em;*/

}

.filmInList .descr {

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

}

.filmInList p,
.juryInList p {

    padding: 0 10px;

    margin-bottom: 0;

}



#ajaxContent h3 {

    margin-top: 0;

}



.themeInList {}

.themeInList span {

    font-size: .7em;

    color: #333;

}

.themeInList a:hover span {

    color: #007fff !important;

}



.zz,
.visual {

    font-size: 1.2em;

}

.visual img {

    max-width: 150px;

}



.marginTop2 {

    margin-top: 2em;

}

.paddingTop2 {

    padding-top: 2em;

}

#trailerModal .modal-content {

    background-color: black;

}

#trailerModal .modal-footer {

    border-top: 0;

}



.regionsCountLabel {

    padding: 0 .3em;



    font-size: .7em;

}





/* --- media queries -------------------------------------------  */

@media screen and (min-width: 1400px),
(max-width: 768px) {}

@media (max-width: 768px) {



    .navbar-toggle {

        margin-top: 1.5rem;

    }

}



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

    .fixed {

        position: fixed;

    }

    .overImg {

        max-height: 180px;

        overflow: hidden;

    }

}

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



    .overImg {

        max-height: 180px;

        overflow: hidden;

    }

    .filmInList {

        min-height: 300px;

    }

}

@media screen and (max-width: 768px) {

    .navbar {

        padding-bottom: 1rem;

    }

    #switchLang {

        right: 43%;

    }

    .topSpace {

        margin-top: 85px;

    }

    .overImg {

        max-height: 180px;

        overflow: hidden;

    }



    nav h4 {

        margin-top: .5em;

        margin-bottom: 0;

    }

}