@import url(https://fonts.googleapis.com/css2?family=Manrope:wght@302&display=swap);
a {
    font-size: 14px;
    color: #C71E3D;
    text-decoration: none;
}
a.inversion {
    color: #fff;
}
a:hover {
    color: #8F182E;
    text-decoration: underline;
}
a.inversion:hover {
    color: #fff;
}
a[disabled] {
    color: #AFABBB;
    cursor: default;
    text-decoration: none;
}
@media (max-width: 768px) {
    a {
        font-size: 10px;
    }
}

input[type="text"], input[type="password"] {
    background: #FFF;
    box-shadow: 0 4px 30px rgba(160, 160, 160, 0.25);
    border-radius: 100px;
    border: 0;
    color: #414141;
    padding: 1.2rem;
}
.index input[type="text"], input[type="password"] {
    margin: 4rem auto;
}
@media (max-width: 768px) {
    .index input[type="text"], input[type="password"] {
        margin: 2rem auto;
    }
}

input[type="button"], button, a.button {
    background: #C71E3D;
    border-radius: 100px;
    border: 0;
    color: #FFFFFF;
    font-weight: bold;
    line-height: 23px;
    padding: 0 2rem;
}
input[type="button"]:hover, button:hover, a.button:hover {
    background: #8F182E;
}
input[type="button"].inversion, button.inversion, a.button.inversion {
    background: #fff;
    color: #C71E3D;
}
input[type="button"].inversion:hover, button.inversion:hover, a.button.inversion:hover {
    color: #fff;
    background: #C71E3D;
}
.form-control:focus {
    border-color: #ff889e;
    box-shadow: 0 0 0 0.25rem rgba(199, 30, 61, 0.25);
}
body {
    font-family: 'Manrope', sans-serif;
    background: url("/img/bg-gradient-desktop.png") no-repeat;
    background-size: cover;
    color: #1C2238;
    font-size: 16px;
}

.index #footer,
.results #footer {
    font-size: 14px;
    color: #A4A4A4;
}
@media (max-width: 768px) {
    .index #footer,
    .results #footer {
        font-size: 10px;
    }
}
.index #footer .logo img,
.results #footer .logo img {
    margin-bottom: 3px;
}
@media (max-width: 768px) {
    .index #footer .logo img,
    .results #footer .logo img {
        height: 10px;
    }
    .index #footer .feedback-telegram img,
    .results #footer .feedback-telegram img,
    .index #footer .feedback-email img,
    .results #footer .feedback-email img {
        height: 1rem;
    }
}
@media (max-width: 576px) {
    .index #footer .copyright,
    .results #footer .copyright {
        display: none;
    }
    .index #footer .feedback-telegram img,
    .results #footer .feedback-telegram img,
    .index #footer .feedback-email img,
    .results #footer .feedback-email img {
        height: 1rem;
    }
}

.index .search {
    background: transparent url('/img/stream.png') no-repeat center bottom;
    background-size: contain;
}
@media (max-width: 768px) {
    .index .search {
        background: none;
    }
}
.index .search h4 {
    font-weight: 600;
    font-size: 28px;
    line-height: 38px;
    letter-spacing: 1px;
    text-shadow: 0 1px 3px #ffffff;
}
@media (max-width: 768px) {
    .index .search h4 {
        font-size: 24px;
        line-height: 32px;
    }
}
@media (max-width: 576px) {
    .index .search h4 {
        font-size: 20px;
        line-height: 30px;
    }
}

.index .search-group,
.results .search-group {
    position: relative;
}
.index .search-group input,
.results .search-group input {
    background: #fff url('/img/lens.svg') no-repeat 25px center;
    padding-left: 60px;
    padding-right: 215px;
}
@media (max-width: 768px) {
    .index .search-group input,
    .results .search-group input {
        padding-right: 155px;
    }
}
/*@media (max-width: 576px) {*/
@media (max-width: 400px) {
    .index .search-group input,
    .results .search-group input {
        padding-right: 125px;
    }
}
.index .search-group button,
.results .search-group button {
    position: absolute;
    height: 52.5px;
    top: 5px;
    right: 5px;
    width: 190px;
}
@media (max-width: 768px) {
    .index .search-group button,
    .results .search-group button {
        width: 130px;
    }
}
/*@media (max-width: 576px) {*/
@media (max-width: 400px) {
    .index .search-group button,
    .results .search-group button {
        width: 100px;
        padding: 0 1rem;
    }
}

.index .cinema-logos {
    margin-top: 3rem;
    margin-bottom: 3rem;
}
.index .cinema-logos .logo-grey-amediateka img { height: 17px }
.index .cinema-logos .logo-grey-kp-new img { height: 19px }
.index .cinema-logos .logo-grey-megogo img { height: 20px }
.index .cinema-logos .logo-grey-okko img { height: 20px }
.index .cinema-logos .logo-grey-ivi img { height: 30px }
.index .cinema-logos .logo-grey-more img { height: 17px }
.index .cinema-logos .logo-grey-viju img { height: 30px }
.index .cinema-logos .logo-grey-kion img { height: 18px }
.index .cinema-logos .logo-grey-wink img { height: 23px }
.index .cinema-logos .logo-grey-start img { height: 20px }

.index .cinema-logos .logo-grey-appletv img { height: 24px }
.index .cinema-logos .logo-grey-itunes img { height: 24px }
.index .cinema-logos .logo-grey-netflix img { height: 24px; margin-top: 5px }
.index .cinema-logos .logo-grey-googleplay img { height: 28px }
.index .cinema-logos .logo-grey-youtube img { height: 23px }
.index .cinema-logos .logo-grey-premier img { height: 24px }

.index .cinema-logos > div > div {
    display: inline-block;
}
.index .cinema-logos > div > div + div {
    margin-left: 6rem;
}
@media (max-width: 992px) {
    .index .cinema-logos > div > div + div {
        margin-left: 3rem;
    }
    .index .cinema-logos .logo-grey-amediateka img { height: 15px }
    .index .cinema-logos .logo-grey-kp-new img { height: 17px }
    .index .cinema-logos .logo-grey-megogo img { height: 17px }
    .index .cinema-logos .logo-grey-okko img { height: 19px; margin-bottom: 5px }
    .index .cinema-logos .logo-grey-ivi img { height: 28px }
    .index .cinema-logos .logo-grey-more img { height: 15px }
    .index .cinema-logos .logo-grey-viju img { height: 26px }
    .index .cinema-logos .logo-grey-kion img { height: 16px }
    .index .cinema-logos .logo-grey-wink img { height: 22px }
    .index .cinema-logos .logo-grey-start img { height: 19px }

    .index .cinema-logos .logo-grey-appletv img { height: 20px }
    .index .cinema-logos .logo-grey-itunes img { height: 20px }
    .index .cinema-logos .logo-grey-netflix img { height: 20px }
    .index .cinema-logos .logo-grey-googleplay img { height: 24px }
    .index .cinema-logos .logo-grey-youtube img { height: 20px }
    .index .cinema-logos .logo-grey-premier img { height: 20px }
}
@media (max-width: 768px) {
    .index .cinema-logos {
        margin-top: 0;
        margin-bottom: 0;
    }
    .index .cinema-logos > div > div + div {
        margin-left: 2rem;
    }
    .index .cinema-logos .logo-grey-amediateka img { height: 12px }
    .index .cinema-logos .logo-grey-kp-new img { height: 13px }
    .index .cinema-logos .logo-grey-megogo img { height: 12px }
    .index .cinema-logos .logo-grey-okko img { height: 15px; margin-bottom: 3px }
    .index .cinema-logos .logo-grey-ivi img { height: 25px }
    .index .cinema-logos .logo-grey-more img { height: 11px }
    .index .cinema-logos .logo-grey-viju img { height: 18px }
    .index .cinema-logos .logo-grey-kion img { height: 12px }
    .index .cinema-logos .logo-grey-wink img { height: 18px }
    .index .cinema-logos .logo-grey-start img { height: 15px }

    .index .cinema-logos .logo-grey-appletv img { height: 16px }
    .index .cinema-logos .logo-grey-itunes img { height: 16px }
    .index .cinema-logos .logo-grey-netflix img { height: 16px }
    .index .cinema-logos .logo-grey-googleplay img { height: 20px }
    .index .cinema-logos .logo-grey-youtube img { height: 16px }
    .index .cinema-logos .logo-grey-premier img { height: 16px }
}
@media (max-width: 576px) {
    .index .cinema-logos {
        margin-top: 0;
        margin-bottom: 0;
    }
    .index .cinema-logos > div > div + div {
        margin-left: 1rem;
    }
    .index .cinema-logos .logo-grey-amediateka img { height: 11px }
    .index .cinema-logos .logo-grey-kp-new img { height: 12px }
    .index .cinema-logos .logo-grey-megogo img { height: 10px }
    .index .cinema-logos .logo-grey-okko img { height: 14px }
    .index .cinema-logos .logo-grey-ivi img { height: 22px }
    .index .cinema-logos .logo-grey-more img { height: 10px }
    .index .cinema-logos .logo-grey-viju img { height: 16px }
    .index .cinema-logos .logo-grey-kion img { height: 11px }
    .index .cinema-logos .logo-grey-wink img { height: 15px }
    .index .cinema-logos .logo-grey-start img { height: 12px }

    .index .cinema-logos .logo-grey-appletv img { height: 12px }
    .index .cinema-logos .logo-grey-itunes img { height: 12px }
    .index .cinema-logos .logo-grey-netflix img { height: 12px }
    .index .cinema-logos .logo-grey-googleplay img { height: 16px }
    .index .cinema-logos .logo-grey-youtube img { height: 12px }
    .index .cinema-logos .logo-grey-premier img { height: 12px }
}


.results .query {
    font-size: 1.5rem;
}
.results .count {
    font-size: 0.9rem;
    color: #747474;
}
@media (max-width: 992px) {
    .results .query {
        font-size: 1.1rem;
    }
    .results .count {
        font-size: 0.8rem;
        color: #747474;
    }
}
.results .item {
    padding-left: 0.7rem;
}
.results .item + .item {
    margin-top: 30px;
}
.results .cover {
    border-radius: 20px;
    height: 100%;
    text-align: center;
}
.results .cover img {
    border-radius: 20px;
}
@media (max-width: 992px) {
    .results .cover,
    .results .cover img {
        border-radius: 10px;
    }
}
.results .description {
    font-size: .9rem;
}
.results .details .info {
    background-color: #fff;
    border-radius: 20px;
}
@media (max-width: 992px) {
    .results .details .info {
        font-size: 0.8rem !important;
    }
}
@media (max-width: 576px) {
    .results .details .info {
        width: 97%;
        padding: 1rem !important;
    }
}
.results .details .title {
    position: relative;
    font-size: 1.5rem;
}
.results .details .title sup {
    font-size: .8rem;
    font-weight: 300;
    color: #C71E3D;
    top: -0.85rem;
}
@media (max-width: 992px) {
    .results .details .title {
        font-size: 1.1rem;
    }
}
.results .details .original-title {
    font-size: 1rem;
    color: #afafaf;
}
@media (max-width: 992px) {
    .results .details .original-title {
        font-size: 0.8rem;
    }
}
.results .details .rating .badge {
    font-weight: 300;
    background-color: transparent !important;
    color: #C71E3D !important;
    border: 1px solid !important;
}

.results .separator {
    background: transparent url("/img/ticket-separator-h.png") repeat-x center;
    margin: 0 15px 0 10px;
    padding: 3px;
}

@media (max-width: 576px) {
    .results .separator {
        margin-right: 25px;
    }
}

.results .details .offers {
    background-color: #fff;
    border-radius: 20px;
}
@media (max-width: 576px) {
    .results .details .offers {
        width: 97% !important;
        padding: 1rem !important;
    }
    .results .details .offer > .col + .col {
        border-left: 1px solid #82828220;
    }
}

.results .details .offer .cinema-logo {
    /*width: 65px;*/
    width: 56px;
    /*height: 50px;*/
    height: 43px;
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    margin-right: 3rem;
}
@media (max-width: 992px) {
    .results .details .offer .cinema-logo {
        width: 48px;
        height: 37px;
    }
}
@media (max-width: 768px) {
    .results .details .offer .cinema-logo {
        width: 42px;
        height: 32px;
        margin-right: auto;
    }
}
.results .details .offer .cinema-logo.amediateka {
    background-image: url('/img/logo_color_amediateka.svg');
}
.results .details .offer .cinema-logo.appletv {
    background-image: url('/img/logo_color_appletv.svg');
}
.results .details .offer .cinema-logo.googleplay {
    background-image: url('/img/logo_color_googleplay.svg');
}
.results .details .offer .cinema-logo.itunes {
    background-image: url('/img/logo_color_itunes.svg');
}
.results .details .offer .cinema-logo.ivi {
    background-image: url('/img/logo_color_ivi.svg');
}
.results .details .offer .cinema-logo.kion {
    background-image: url('/img/logo_color_kion.svg');
}
.results .details .offer .cinema-logo.kp {
    background-image: url('/img/logo_color_kp.svg');
}
.results .details .offer .cinema-logo.megogo {
    background-image: url('/img/logo_color_megogo.svg');
}
.results .details .offer .cinema-logo.more {
    background-image: url('/img/logo_color_more.svg');
}
.results .details .offer .cinema-logo.netflix {
    background-image: url('/img/logo_color_netflix.svg');
}
.results .details .offer .cinema-logo.okko {
    background-image: url('/img/logo_color_okko.svg');
}
.results .details .offer .cinema-logo.premier {
    background-image: url('/img/logo_color_premier.svg');
}
.results .details .offer .cinema-logo.start {
    background-image: url('/img/logo_color_start.svg');
}
.results .details .offer .cinema-logo.viju {
    background-image: url('/img/logo_color_viju.svg');
}
.results .details .offer .cinema-logo.wink {
    background-image: url('/img/logo_color_wink.svg');
}
.results .details .offer .cinema-logo.youtube {
    background-image: url('/img/logo_color_youtube.svg');
}
.results .details .offer .offer-header {
    color: #828282;
    font-size: .8rem;
}
@media (max-width: 992px) {
    .results .details .offer .offer-header {
        font-size: .7rem;
    }
}
.results .details .offer .offer-price {
    font-weight: 600;
}
.results .details .offer .offer-price sup {
    font-weight: 600;
    color: #C71E3D;
    font-size: .6rem;
}
.results .details .offer .offer-price small {
    font-weight: 300;
    font-size: .8rem;
}
@media (max-width: 992px) {
    .results .details .offer .offer-price {
        font-size: .8rem;
    }
    .results .details .offer .offer-price sup {
        font-size: .5rem;
    }
    .results .details .offer .offer-price small {
        font-size: .7rem;
    }
}
.results .details .offer a.button {
    display: inline-block;
    padding: .5rem 2rem;
}
@media (max-width: 992px) {
    .results .details .offer a.button {
        font-size: 0.8rem;
        padding: .4rem 1.5rem;
    }
    .results .more-offers a {
        font-size: 0.8rem;
    }
}
@media (max-width: 768px) {
    .results .details .offer a.button {
        font-size: 0.7rem;
        padding: .2rem 1rem;
    }
    .results .more-offers a {
        font-size: 0.7rem;
    }
    .results .details .offer .col-12 a.button {
        width: 50%;
    }
}
.results .details .offer a.button:hover {
    text-decoration: none;
}
.results .details a.button.inversion {
    border: 1px solid;
}

.results .paginate a.button {
    display: inline-block;
    width: 50px;
    height: 50px;
    padding: 15px 0 0 0 !important;
}
.results .paginate a.button[disabled] {
    background-color: transparent;
    border: 1px solid;
    color: #AFABBB;
    padding-top: 14px !important;
}
@media (max-width: 992px) {
    .results .paginate a.button {
        width: 35px;
        height: 35px;
        padding: 7px 0 0 0 !important;
    }
    .results .paginate a.button[disabled] {
        padding-top: 6px !important;
    }
}

/*
@import 'tailwindcss/base';
@import 'tailwindcss/components';
@import 'tailwindcss/utilities';
*/