:root {
    --font-primary: "Roboto", sans-serif;
}
.roboto-thin {
    font-family:"Roboto",sans-serif;
    font-weight:100;
    font-style:normal;
}
.roboto-light {
    font-family:"Roboto",sans-serif;
    font-weight:300;
    font-style:normal;
}
.roboto-regular {
    font-family:"Roboto",sans-serif;
    font-weight:400;
    font-style:normal;
}
.roboto-medium {
    font-family:"Roboto",sans-serif;
    font-weight:500;
    font-style:normal;
}
.roboto-bold {
    font-family:"Roboto",sans-serif;
    font-weight:700;
    font-style:normal;
}
.roboto-black {
    font-family:"Roboto",sans-serif;
    font-weight:900;
    font-style:normal;
}
.roboto-thin-italic {
    font-family:"Roboto",sans-serif;
    font-weight:100;
    font-style:italic;
}
.roboto-light-italic {
    font-family:"Roboto",sans-serif;
    font-weight:300;
    font-style:italic;
}
.roboto-regular-italic,i {
    font-family:"Roboto",sans-serif;
    font-weight:400;
    font-style:italic;
}
.roboto-medium-italic {
    font-family:"Roboto",sans-serif;
    font-weight:500;
    font-style:italic;
}
.roboto-bold-italic {
    font-family:"Roboto",sans-serif;
    font-weight:700;
    font-style:italic;
}
.roboto-black-italic {
    font-family:"Roboto",sans-serif;
    font-weight:900;
    font-style:italic;
}
* {
    vertical-align:baseline;
    font-weight:inherit;
    font-family:inherit;
    font-style:inherit;
    font-size:100%;
    border:0;
    outline:0;
    padding:0;
    margin:0;
    box-sizing:border-box;
}
input[type=text],input[type=email],input[type=tel],input[type=url],input[type=search] {
    appearance:none;
    -moz-appearance:none;
    -webkit-appearance:none;
    border-radius:0;
    -moz-border-radius:0;
    -webkit-border-radius:0;
}
[hidden] {
    display:none;
}
input,textarea {
    background-color:rgba(0,0,0,0);
    border:0;
}
input[type=button],input[type=checkbox],input[type=color],input[type=date],input[type=datetime],input[type=email],input[type=file],input[type=hidden],input[type=image],input[type=month],input[type=number],input[type=password],input[type=radio],input[type=range],input[type=reset],input[type=search],input[type=submit],input[type=tel],input[type=text],input[type=time],input[type=url],input[type=week]{-moz-appearance:none;appearance:none}
abbr[title] {
    border-bottom:1px dotted;
}
article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary {
    display:block;
}
a {
    text-decoration:none;
}
address,caption,cite,code,dfn,em,th,var,optgroup {
    font-style:inherit;
    font-weight:inherit;
}
a:focus,input[type=text] {
    outline:0px;
}
audio,canvas,video {
    display:inline-block;
}
audio:not([controls]) {
    display:none;
    height:0;
}
abbr,acronym {
    border:0 none;
    font-variant:normal;
}
b,strong {
    font-weight:700;
}
button,input,select,textarea {
    font-family:inherit;
    font-size:100%;
}
button,input {
    line-height:normal;
}
button,select {
    text-transform:none;
}
button,html input[type=button],input[type=reset],input[type=submit] {
    -webkit-appearance:button;
    cursor:pointer;
}
button[disabled],html input[disabled] {
    cursor:default;
}
caption,th {
    text-align:left;
}
code,kbd,pre,samp {
    font-family:monospace,serif;
    font-size:1em;
}
del,ins {
    text-decoration:none;
}
em {
    font-style:italic;
}
fieldset,img,button {
    border:0 none;
}
.call {
    margin-right:56px;
    margin-bottom:124px;
}
h1,h2,h3,h4,h5,h6 {
    font-size:100%;
    font-weight:normal;
}
hr {
    border:0 none;
    border-top:1px solid #000;
    height:1px;
    margin:0;
    text-align:left;
    width:100%;
}
input,button,textarea,select,optgroup,option {
    font-family:inherit;
    font-size:inherit;
    font-style:inherit;
    font-weight:inherit;
}
input[type=button],input[type=submit]{cursor:hand;cursor:pointer}input[type=search] {
    -webkit-appearance:textfield;
    -moz-box-sizing:content-box;
    -webkit-box-sizing:content-box;
    box-sizing:content-box;
}
legend {
    border:0;
}
mark {
    background:#ff0;
    color:#000;
}
ol {
    list-style:decimal;
}
ol li {
    list-style:decimal outside;
}
pre {
    white-space:pre-wrap;
}
q {
    quotes:"“" "”" "‘" "’";
}
table {
    border-collapse:collapse;
    border-spacing:0;
}
ul {
    list-style:none;
}
sub,sup {
    font-size:75%;
    line-height:0;
    position:relative;
    vertical-align:baseline;
}
sup {
    font-size:65%;
    vertical-align:text-top;
    top:-0.5em;
}
sub {
    vertical-align:text-bottom;
    bottom:-0.25em;
}
svg:not(:root) {
    overflow:hidden;
}
textarea {
    overflow:auto;
    resize:none;
    vertical-align:top;
}
textarea {
    box-shadow:0;
}
button {
    border:0;
    background:rgba(0,0,0,0);
    cursor:pointer;
}
a {
    cursor:pointer;
}
.fancybox__content {
    background:rgba(0,0,0,0) !important;
    padding:16px;
    width:100%;
}
@media only screen and (max-width: 1023px) {
    .fancybox__content {
        padding:0;
    }
}
.fancybox__backdrop {
    background:var(--fancybox-bg, rgba(0, 0, 0, 0.92));
}
button,a {
    outline:none !important;
}
.container {
    margin:0 auto;
    max-width:1360px;
    width:100%;
    padding:0 20px;
    position:relative;
}
.non-white {
    filter:saturate(0%) invert(100%);
}
html {
    scroll-behavior:smooth;
}
body {
    padding:0 20px;
}
.noisy {
    background-image:url(data:image/png;base64,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)
}
body {
    font-size:16px;
    font-family:var(--font-primary);
    font-optical-sizing:auto;
    min-height:100vh
}
h1 {
    font-family:var(--font-primary);
    font-style:normal;
    font-weight:bold;
    font-size:2.5rem;
    line-height:1.2;
}
h2 {
    font-family:var(--font-primary);
    font-size:2rem;
    font-style:normal;
    font-weight:bold;
    line-height:1.3;
}
h3 {
    font-family:var(--font-primary);
    font-size:1.5rem;
    font-style:normal;
    font-weight:normal;
    letter-spacing:-0.015em;
    line-height:1.4;
}
h4 {
    font-family:var(--font-primary);
    font-size:1.25rem;
    font-style:normal;
    font-weight:normal;
    letter-spacing:-0.015em;
    line-height:1.4;
}
h5 {
    font-family:var(--font-primary);
    font-size:1.125rem;
    font-style:normal;
    font-weight:normal;
    letter-spacing:-0.015em;
    line-height:1.4;
}
h6 {
    font-family:var(--font-primary);
    font-size:1rem;
    font-style:normal;
    font-weight:normal;
    letter-spacing:-0.015em;
    line-height:1.4;
}
p,li {
    font-family:var(--font-primary);
    font-size:1rem;
    font-style:normal;
    font-weight:300;
    letter-spacing:.02em;line-height:1.6;
}
a {
    font-family:var(--font-primary);
    font-size:.875rem;
    font-style:normal;
    font-weight:300;
    line-height:1.4;
}
small {
    font-family:var(--font-primary);
    font-style:normal;
    font-weight:300;
    font-size:.875rem;
    line-height:1.4;
}
.thin {
    font-weight:100;
}
.light {
    font-weight:300;}
.medium {
    font-weight:500;
}
.semibold {
    font-weight:600;
}
.bold {
    font-weight:700;
}
.black {
    font-weight:900;
}
.uppercase {
    text-transform:uppercase;
}
#toggleFilters {
    position:fixed;
    top:120px;
    right:30px;
    box-shadow:rgba(0,0,0,.24) 0px 3px 8px;
    display:flex;
    display:none;
    align-items:center;
    justify-content:center;
    color:#fff;
    z-index:50;
    width:45px;
    height:45px;
    border-radius:50%;
}
@media only screen and (max-width: 1023px) {
    #toggleFilters {
        display:flex;
    }
}
#toggleFilters svg {
    width:20px;
}
details[open] .filterBtns {
    animation:slideDown .3s ease-out;
}
details:not([open]) .filterBtns {
    animation:slideUp .3s ease-out;
}
@keyframes slideDown {
    from {
        opacity:0;
        max-height:0;
    }
    to {
        opacity:1;
        max-height:500px;
    }
}
@keyframes slideUp {
    from {
        opacity:1;
        max-height:500px;
    }
    to {
        opacity:0;
        max-height:0;
    }
}
.filters {
    width:220px;
}
.filters form {
    margin:10px 0;
}
@media only screen and (max-width: 1023px) {
    .filters {
        box-shadow:rgba(0,0,0,.16) 0px 3px 6px,rgba(0,0,0,.23) 0px 3px 6px;
        position:fixed;
        padding:20px;
        overflow:auto;
        top:0;
        transition:all .6s cubic-bezier(0.16, 1, 0.3, 1);
        left:-100%;
        height:100vh;
        width:90%;
        z-index:10;
    }
    .filters.active {
        left:0;
    }
}
.filters details {
    cursor:pointer;
}
.filters details summary {
    padding:20px 20px 20px 0;
    border-top:1px solid hsla(0,0%,100%,.4);
    border-right:0px solid rgba(0,0,0,0);
    transition:all .6s cubic-bezier(0.16, 1, 0.3, 1);
    font-family:"Roboto",sans-serif;
    font-weight:900;
    font-style:normal;
    letter-spacing:.2em;
}
.filters details:last-of-type summary {
    border-bottom:1px solid hsla(0,0%,100%,.4);
}
.filters details:hover summary {
    color:#ffce34;
    border-right:5px solid #ffce34;
}
.filters details[open] summary {
    color:#ffce34;
    border-right:5px solid #ffce34;
    border-bottom:0;
}
.filters details .filterBtns {
    display:flex;
    flex-direction:column;
    padding-right:60px;
    padding:20px 0;
}
.filtsers details .filterBtns span.radioFilter {
    display:block;
    position:relative;
}
.filters details .filterBtns span.radioFilter label {
    align-items:center;
    border:1px solid hsla(0,0%,100%,.4);
    color:#fff;
    display:inline-flex;
    font-family:"Roboto",sans-serif;
    font-size:14px;
    font-style:normal;
    font-weight:400;
    justify-content:center;
    letter-spacing:.06em;
    margin-bottom:15px;
    padding:8px;
    transition:all .6s cubic-bezier(0.16, 1, 0.3, 1);
}
.filters details .filterBtns span.radioFilter input {
    opacity:0;
    width:100%;
    height:100%;
    position:absolute;
    cursor:pointer;
    top:0;
    left:0;
}
.filters details .filterBtns span.radioFilter input:checked+label,.filters details .filterBtns span.radioFilter input:hover+label {
    background-color:#ffce34;
}
form#search {
    display:flex;
    align-items:center;
    height:30px;
}
form#search input {
    height:30px;
    border:1px solid #fff;
    color:#fff;
    padding:8px;
    font-size:12px;
    width:100px;
}
form#search input::placeholder {
    color:#fff;
    font-size:12px;
}
form#search button {
    width:30px;
    height:30px;
    background-color:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
}
form#search button svg {
    color:#000;
    width:20px;
}
header {
    width:100%;
}
header .container {
    width:100%;
    height:100%;
    display:flex;
    align-items:flex-end;
    justify-content:space-between;
    padding:25px 20px;
}
@media only screen and (max-width: 1023px) {
    header .container {
        justify-content:center;
        gap:30px;
    }
}
header .container img {
    width:218px;
}
@media only screen and (max-width: 1023px) {
    header .container img {
        display:block;
        margin:0 auto;
        max-width: 35vw;
    }
}
.footer {
    width:100%;
    object-fit:contain;
    margin-top:50px;
}
.home {
    background-color:#1d1d1b;
    color:#fff;
    display:grid;
    grid-template-rows:96px auto 1fr auto;
    height:100vh;
}
@media only screen and (max-width: 1023px) {
    .home {
        overflow:auto;
    }
}
.home .footer {
    margin:0;
}
.home .intro {
    max-width:1080px;
    margin:20px auto 50px;
    display:flex;
    position:relative;
    border:1px solid hsla(0,0%,100%,.4);
    width:90%;
}
.home .intro form {
    position:absolute;
    top:0;
    right:-150px;
}
@media only screen and (max-width: 1023px) {
    .home .intro {
        flex-direction:column;
        margin:50px auto 50px;
        padding:0;
    }
}
/* @media only screen and (max-width: 1023px) { */
@media only screen and (max-width: 1400px) {
    .home .intro {
        margin: 50px auto 50px;
    }
    .home .intro form {
        right:initial;
        left:0;
        top:-30px;
    }
    .home .movies .movie .txt small {
        letter-spacing: .04em;
    }
}
.home .intro .left {
    padding:20px;
    border-right:1px solid hsla(0,0%,100%,.4);
    display:flex;
    flex-direction:column;
    justify-content:center;
    width:257px;
}
@media only screen and (max-width: 1023px) {
    .home .intro .left {
        border:0;
        width:100%;
    }
}
.home .intro .left h2 {
    color:#ffce34;
    letter-spacing:.2em;
    text-align:right;
    line-height:26px;
    font-size:20px;
}
@media only screen and (max-width: 1023px) {
    .home .intro .left h2 {
        font-size:16px;
        line-height:18px;
        text-align:center;
    }
}
.home .intro .right {
    display:grid;
    flex:1;
    grid-template-columns:1fr 1fr;
    gap:20px;
    padding:20px;
}
@media only screen and (max-width: 1023px) {
    .home .intro .right {
        gap:0;
        grid-template-columns:1fr;
    }
}
.home .intro .right .column p {
    font-size:13px;
    line-height:18px;
    margin-bottom:15px;
}
.home .intro .right .column p:last-of-type {
    margin-bottom:0;
}
.home .movies {
    height:calc(100vh - 330px);
    display:grid;
    grid-template-columns:repeat(3, 1fr);
    width:100%;
}
@media only screen and (max-width: 1023px) {
    .home .movies {
        height: auto;
    }
}

@media only screen and (max-width: 900px) {
    .home .movies {
        grid-template-columns:repeat(1, 1fr);
        height:auto;
    }
}
.home .movies .movie {
    position:relative;
    overflow:hidden;
    height:100%;
    display:block;
}
@media only screen and (max-width: 1023px) {
    .home .movies .movie {
        height: 80vw;
    }
}
.home .movies .movie img {
    width:100%;
    object-fit:cover;
    height:100%;
    object-position:top;
    filter:grayscale(1);
    transition:all .6s cubic-bezier(0.16, 1, 0.3, 1);
}
.home .movies .movie .txt {
    background:linear-gradient(0deg, rgb(0, 0, 0) 0%, rgba(0, 212, 255, 0) 100%);
    width:100%;
    display:flex;
    height:100%;
    align-items:center;
    justify-content:flex-end;
    padding-bottom:50px;
    text-align:center;
    flex-direction:column;
    position:absolute;
    bottom:0;
    left:50%;
    transform:translateX(-50%);color:#fff;
}
@media only screen and (max-width: 1023px) {
    .home .movies .movie .txt {
        justify-content: center;
    }
}
@media only screen and (max-width: 900px) {
    .home .movies .movie .txt {
        justify-content: flex-end;
    }
}
.home .movies .movie .txt h3 {
    margin-bottom:100px;
    transition:all .6s cubic-bezier(0.16, 1, 0.3, 1);
    letter-spacing:.3em;
}
.home .movies .movie .txt h4 {
    letter-spacing:.2em;
    opacity:0;
    transition:all .6s cubic-bezier(0.16, 1, 0.3, 1);
    font-size:14px;
}
@media only screen and (max-width: 1023px) {
    .home .movies .movie .txt h4 {
        opacity:1;
    }
}
.home .movies .movie .txt small {
    letter-spacing:.06em;
    transition:all .6s cubic-bezier(0.16, 1, 0.3, 1);
    font-size:14px;
    opacity:0;
}
@media only screen and (max-width: 1023px) {
    .home .movies .movie .txt small {
        opacity:1;
    }
}
.home .movies .movie:hover img {
    transform:scale(1.1);
    filter:grayscale(0);
}
.home .movies .movie:hover h3 {
    color:#ffce34;
}
.home .movies .movie:hover h4 {
    opacity:1;
}
.home .movies .movie:hover small {
    opacity:1;
}
.list {
    background-image:url(../img/noise.png);
    background-color:#7450be;
    background-blend-mode:overlay;
    color:#fff;
    display:flex;
    flex-direction:column;
}
.list form#search svg {
    color:#7450be;
}
@media only screen and (max-width: 1023px) {
    .list #toggleFilters {
        background-color:#7450be;
    }
    .list .filters {
        background-image:url(../img/noise.png);
        background-color:#7450be;
        background-blend-mode:overlay;
    }
}
.list header {
    position:relative;
}
.list header::after {
    content:"";
    position:absolute;
    bottom:0;
    width:100%;
    height:1px;
    background-color:hsla(0,0%,100%,.4);
    left:50%;
    transform:translateX(-50%);
    max-width:1360px;
}
.list header .container {
    display:grid;
    grid-template-columns:220px 1fr 1fr;
    gap:30px;
}
@media only screen and (max-width: 1023px) {
    .list header .container {
        grid-template-columns:1fr 1fr;
    }
}
.list header .container img:nth-of-type(1) {
    grid-column:2;
    margin:0 auto 0 0;
}
@media only screen and (max-width: 1023px) {
    .list header .container img:nth-of-type(1) {
        grid-column:1;
    }
}
.list header .container img:nth-of-type(2) {
    grid-column:3;
    margin:0 0 0 auto;
}
@media only screen and (max-width: 1023px) {
    .list header .container img:nth-of-type(2) {
        grid-column:2;
    }
}
.list main {
    max-width:1360px;
    margin:0 auto;
    display:grid;
    width:100%;
    gap:30px;
    grid-template-columns:220px auto;
}
@media only screen and (max-width: 1023px) {
    .list main {
        grid-template-columns:1fr;
    }
}
.list main .filters {
    padding-top:45px;
}
.list main .content {
    max-width:1360px;
    width:100%;
    margin:0 auto;
    padding:65px 30px 0;
}
@media only screen and (max-width: 1023px) {
    .list main .content {
        padding:20px;
    }
}
.list main .content h2 {
    font-size:24px;
    line-height:24px;
    font-family:"Montserrat",sans-serif;
    font-weight:800;
    letter-spacing:.12em;
}
@media only screen and (max-width: 1023px) {
    .list main .content h2 {
        font-size:18px;
        line-height:18px;
    }
}
.list main .content h1 {
    letter-spacing:.05em;
    font-size:44px;
    line-height:44px;
    margin-bottom:40px;
    font-family:"Montserrat",sans-serif;
    font-weight:800;
}
@media only screen and (max-width: 1023px) {
    .list main .content h1 {
        font-size:28px;
        line-height:28px;
    }
}
.list main .content ul {
    display:grid;
    grid-template-columns:repeat(3, 1fr);
    gap:10px;
}
@media only screen and (max-width: 1023px) {
    .list main .content ul {
        grid-template-columns:repeat(2, 1fr);
    }
}
.list main .content ul li a {
    display:block;
}
.list main .content ul li a .image {
    position:relative;
    height:200px;
    overflow:hidden;
    margin-bottom:13px;
    width:100%;
}
@media only screen and (max-width: 1023px) {
    .list main .content ul li a .image {
        height:150px;
    }
}
.list main .content ul li a .image::after {
    content:"";
    width:100%;
    height:100%;
    background:linear-gradient(0deg, rgb(0, 0, 0) 0%, rgba(0, 212, 255, 0) 100%);
    position:absolute;
    top:0;
    left:0;
}
.list main .content ul li a .image img {
    width:100%;
    height:100%;
    object-fit:cover;
    transition:all .6s cubic-bezier(0.16, 1, 0.3, 1);
}
.list main .content ul li a .image h3 {
    position:absolute;
    bottom:10px;
    left:10px;
    color:#fffac2;
    font-size:18px;
    line-height:18px;
    z-index:2;
    font-weight:900;
    letter-spacing:.025rem;
    font-family:"Montserrat",sans-serif;
}
@media only screen and (max-width: 1023px) {
    .list main .content ul li a .image h3 {
        font-size:12px;
        line-height:12px;
    }
}
.list main .content ul li a span { 
    font-size:14px;
    line-height:14px;
    color:#fff;
    margin-bottom:12px;
    display:block;
    font-family:"Roboto Condensed",sans-serif;
    font-style:italic;
    padding:0 10px;
}
@media only screen and (max-width: 1023px) {
    .list main .content ul li a span {
        font-size:10px;
        line-height:10px;
    }
}
.list main .content ul li a p {
    font-size:12px;
    line-height:12px;
    color:#fff;
    margin-bottom:11px;
    display:block;
    letter-spacing:.02rem;
    padding:0 10px;
    font-family:"Montserrat",sans-serif;
    font-weight:600;
}
@media only screen and (max-width: 1023px) {
    .list main .content ul li a p {
        font-size:10px;
        line-height:10px;
    }
}
.list main .content ul li a:hover .image img {
    transform:scale(1.1);
}.list.dark {
    background-color:#e5e4d5;
}
.list.dark header::after {
    background-color:#1a1800;
}
.list.dark form#search button {
    background:#1a1800;
}
.list.dark form#search input {
    border-color:#1a1800;
    color:#1a1800;
}
.list.dark form#search input::placeholder {
    color:#1a1800;
}
.list.dark form#search svg {
    color:#e5e4d5;
}
@media only screen and (max-width: 1023px) {
    .list.dark #toggleFilters {
        background-color:#e5e4d5;
    }
    .list.dark #toggleFilters svg {
        color:#1a1800;
    }
.list.dark .filters {
        background-image:url(../img/noise.png);
        background-color:#e5e4d5;
        background-blend-mode:overlay;
    }
}
.list.dark main {
    border-color:hsla(0,0%,40%,.4);
}
.list.dark main .filters details {
    cursor:pointer;
}
.list.dark main .filters details summary {
    border-color:hsla(0,0%,40%,.4);
    color:#666;
}
.list.dark main .filters details:hover summary,.list.dark main .filters details[open] summary {
    color:#1a1800;
    border-color:#1a1800;
}
.list.dark main .filters details .filterBtns {
    display:flex;
    flex-direction:column;
    padding-right:60px;
}
.list.dark main .filters details .filterBtns span.radioFilter label {
    border-color:rgba(26,24,0,.4);
    color:#1a1800;
}
.list.dark main .filters details .filterBtns span.radioFilter input:checked+label,.list.dark main .filters details .filterBtns span.radioFilter input:hover+label {
    background-color:#666;
    color:#fff;
}
.list.dark main .content h2 {
    color:#1a1800;
}
.list.dark main .content h1 {
    color:#1a1800;
}
.list.dark main .content ul li a .image::after{background:linear-gradient(0deg, rgba(0, 0, 0, 0.5) 0%, rgba(0, 212, 255, 0) 100%)}.list.dark main .content ul li a .image h3 {
    color:#fffac2;
}
.list.dark main .content ul li a span {
    color:#1a1800;
}
.list.dark main .content ul li a p {
    color:#1a1800;
}
.intern {
    background-blend-mode:overlay;
    color:#fff;
    display:flex;
    flex-direction:column;
    background-size:cover;
    background-repeat:no-repeat;
}
.intern form#search button {
    background:rgba(0,0,0,0);
    width:auto;
    height:auto;
}
.intern form#search button svg {
    width:auto;
    height:auto;
}
.intern a {
    color:#ffce34;
    text-decoration:underline;
}
@media only screen and (max-width: 1023px) {
    .intern #toggleFilters {
        background-color:#006b1b;
    }
    .intern .filters {
        background-image:url(../img/noise.png),url(../img/bg1.jpg);
        background-blend-mode:overlay;
    }
}
.intern header {
    position:relative;
}
.intern header::after {
    content:"";
    position:absolute;
    bottom:0;
    width:100%;
    height:1px;
    background-color:hsla(0,0%,100%,.4);
    left:50%;
    transform:translateX(-50%);
    max-width:1360px;
}
.intern header .container {
    display:grid;
    grid-template-columns:220px 1fr 1fr;
    gap:30px;
}
@media only screen and (max-width: 1023px) {
    .intern header .container {
        grid-template-columns:1fr 1fr;
    }
}
.intern header .container img:nth-of-type(1) {
    grid-column:2;
    margin:0 auto 0 0;
}
@media only screen and (max-width: 1023px){
    .intern header .container img:nth-of-type(1) {
        grid-column:1
    }
}
.intern header .container img:nth-of-type(2) {
    grid-column:3;
    margin:0 0 0 auto;
}
@media only screen and (max-width: 1023px) {
    .intern header .container img:nth-of-type(2) {
        grid-column:2;
    }
}
.intern main {
    border-top:1px solid hsla(0,0%,100%,.4);
    max-width:1360px;
    margin:0 auto;
    display:grid;
    width:100%;
    gap:30px;
    grid-template-columns:220px auto;
}
.intern main .filters {
    padding-top:35px;
}
@media only screen and (max-width: 1023px) {
    .intern main {
        grid-template-columns:1fr;
    }
}
.intern main .content {
    max-width:1360px;
    width:100%;
    margin:0 auto;
    padding:20px;
    display:grid;
    padding-top:35px;
    grid-template-columns:repeat(3, 1fr);
    gap:30px;
}
@media only screen and (max-width: 1023px) {
    .intern main .content {
        width:100%;
        display:flex;
        flex-direction:column;
    }
}
.intern main .content h2 {
    font-size:22px;
    line-height:22px;
    font-family:"Roboto Condensed",sans-serif;
    font-style:italic;
    margin-bottom:20px;
}
.intern main .content h1 {
    font-size:42px;
    line-height:42px;
    letter-spacing:.025em;
    font-family:"Montserrat",sans-serif;
    font-weight:800;
    color:#fffac2;
}
.intern main .content h3 {
    color:#fffac2;
    font-size:14px;
    font-weight:600;
    line-height:22px;
    font-family:"Montserrat",sans-serif;
    letter-spacing:.12em;
}
.intern main .content h4 {
    font-size:14px;
    color:#fff;
    line-height:18px;
    font-family:"Roboto",sans-serif;
    font-weight:400;
    font-style:normal;
    letter-spacing:.12em;
}
.intern main .content small {
    letter-spacing:.12em;
    font-family:"Roboto",sans-serif;
    font-weight:400;
    font-style:normal;
    display:block;
}
.intern main .content .title {
    grid-column:span 3;
}
@media only screen and (max-width: 1023px) {
    .intern main .content .title {
        grid-column:span 1;
    }
}
.intern main .content .column{display:grid;gap:30px;grid-column:span 2;grid-template-columns:repeat(2, 1fr)}
@media only screen and (max-width: 768px) {
    .intern main .content .column {
        grid-template-columns:repeat(1, 1fr);
    }
}
.intern main .content .col-1 p {
    font-family:"Roboto",sans-serif;
    font-weight:400;
    font-style:normal;
    letter-spacing:.06rem;
    margin-bottom:15px;
    font-size:16px;
}
.intern main .content .col-1 a {
    background-color:#ffce34;
    display:flex;
    align-items:center;
    justify-content:center;
    color:#000;
    font-family:"Roboto",sans-serif;
    font-weight:400;
    font-style:normal;
    font-size:12px;
    text-decoration:none;
    letter-spacing:.1rem;
    line-height:12px;
    padding:10px;
}
.intern main .content .col-1 a:hover {
    background-color:rgb(255,193.6896551724,1);
}
.intern main .content .col-2 ul li {
    display:flex;
    gap:30px;
}
.intern main .content .col-2 ul li.mt {
    margin-top:15px;
}
.intern main .content .col-2 ul li span {
    font-family:"Roboto Condensed",sans-serif;
    font-weight:400;
    font-style:italic;
    font-size:12px;
    width:50px;
}
.intern main .content .col-2 ul li p {
    text-transform:uppercase;
    flex:1;
    font-size:12px;
    font-family:"Montserrat",sans-serif;
    font-weight:500;
}
.intern main .content .col-2 ul li p a {
    text-transform:lowercase;
    flex:1;
    font-size:12px;
    font-family:"Montserrat",sans-serif;
    font-weight:500;
}
.intern main .content .col-3 li {
    margin-bottom:15px;
}
.intern main .content .col-3 i {
    font-family:"Roboto Condensed",sans-serif;
    font-weight:400;
    font-style:italic;
    font-size:12px;
    line-height:16px;
}
.intern main .content .col-3 p {
    font-family:"Montserrat",sans-serif;
    font-weight:500;
    font-size:12px;
    line-height:16px;
}
.intern main .content .splide {
    grid-column:span 2;
    margin-top:30px;
}
@media only screen and (max-width: 1023px) {
    .intern main .content .splide {
        grid-column:span 1;
    }
}
.intern main .content .splide img {
    width:100%;
}
.search {
    display:flex;
    flex-direction:column;
}
.search form#search svg {
    color:#7450be;
}
@media only screen and (max-width: 1023px) {
    .search #toggleFilters {
        background-color:#7450be;
    }
    .search .filters {
        background-image:url(../img/noise.png);
        background-color:#7450be;
        background-blend-mode:overlay;
    }
}
.search header {
    position:relative;
}
.search header::after {
    content:"";
    position:absolute;
    bottom:0;
    width:100%;
    height:1px;
    background-color:hsla(0,0%,100%,.4);
    left:50%;
    transform:translateX(-50%);
    max-width:1360px;
}
.search header .container {
    display:grid;
    grid-template-columns:220px 1fr 1fr;
    gap:30px;
}
@media only screen and (max-width: 1023px) {
    .search header .container {
        grid-template-columns:1fr 1fr;
    }
}
.search header .container img:nth-of-type(1) {
    grid-column:2;
    margin:0 auto 0 0;
}
@media only screen and (max-width: 1023px) {
    .search header .container img:nth-of-type(1) {
        grid-column:1;
    }
}
.search header .container img:nth-of-type(2) {
    grid-column:3;
    margin:0 0 0 auto;
}
@media only screen and (max-width: 1023px) {
    .search header .container img:nth-of-type(2) {
        grid-column:2;
    }
}
.search main {
    max-width:1360px;
    margin:0 auto;
    display:grid;
    width:100%;
    gap:30px;
    grid-template-columns:220px auto;
}
@media only screen and (max-width: 1023px) {
    .search main {
        grid-template-columns:1fr;
    }
}
.search main .filters {
    padding-top:45px;
}
.search main .content {
    max-width:1360px;
    width:100%;
    margin:0 auto;
    padding:65px 30px 0;
}
@media only screen and (max-width: 1023px) {
    .search main .content {
        padding:20px;
    }
}
.search main .content .searchsub {
    display:flex;
    align-items:center;
    justify-content:space-between;
    margin-bottom:30px;
}
@media only screen and (max-width: 1023px) {
    .search main .content .searchsub {
        flex-direction:column;
        align-items:flex-start;
        gap:30px;
    }
}
.search main .content h2,.search main .content h3 {
    font-size:18px;
    line-height:18px;
    font-family:"Montserrat",sans-serif;
    font-weight:800;
    letter-spacing:.12em;
}
@media only screen and (max-width: 1023px) {
    .search main .content h2,.search main .content h3 {
        font-size:18px;
        line-height:18px;
    }
}
.search main .content h1 {
    letter-spacing:.12em;
    font-size:44px;
    line-height:44px;
    margin-bottom:40px;
    font-family:"Montserrat",sans-serif;
    font-weight:800;
}
@media only screen and (max-width: 1023px) {
    .search main .content h1 {
        font-size:28px;
        line-height:28px;
    }
}
.search main .content .row { 
    position:relative;
}
.search main .content .row hr {
    position:absolute;
    bottom:-25px;
    border-top:1px solid rgba(26,24,0,.4);
    left:-280px;
    width:calc(100% + 280px);
}
@media only screen and (max-width: 1023px) {
    .search main .content .row hr {
        left:0;
        width:100%;
    }
}
.search main .content ul {
    display:grid;
    grid-template-columns:repeat(3, 1fr);
    gap:10px;
    margin:50px 0;
    position:relative;
}
@media only screen and (max-width: 1023px) {
    .search main .content ul {
        grid-template-columns:repeat(2, 1fr);
    }
}
.search main .content ul li a {
    display:block;
}
.search main .content ul li a .image {
    position:relative;
    height:200px;
    overflow:hidden;
    margin-bottom:13px;
    width:100%;
}
@media only screen and (max-width: 1023px) {
    .search main .content ul li a .image {
        height:150px;
    }
}
.search main .content ul li a .image::after {
    content:"";
    width:100%;
    height:100%;
    background:linear-gradient(0deg, rgb(0, 0, 0) 0%, rgba(0, 212, 255, 0) 100%);
    position:absolute;
    top:0;
    left:0;
}
.search main .content ul li a .image img {
    width:100%;
    height:100%;
    object-fit:cover;
    transition:all .6s cubic-bezier(0.16, 1, 0.3, 1);
}
.search main .content ul li a .image h3 {
    position:absolute;
    bottom:10px;
    left:10px;
    color:#fffac2;
    font-size:18px;
    line-height:18px;
    z-index:2;
    letter-spacing:.1rem;
    font-family:"Montserrat",sans-serif;
    font-weight:800;
}
@media only screen and (max-width: 1023px) {
    .search main .content ul li a .image h3 {
        font-size:12px;
        line-height:12px;
    }
}
.search main .content ul li a span {
    font-size:14px;
    line-height:14px;
    color:#fff;
    margin-bottom:8px;
    display:block;
    font-family:"Roboto Condensed",sans-serif;
    font-style:italic;
    padding:0 10px;
}
@media only screen and (max-width: 1023px) {
    .search main .content ul li a span {
        font-size:10px;
        line-height:10px;
    }
}
.search main .content ul li a p {
    font-size:12px;
    line-height:12px;
    color:#fff;
    margin-bottom:8px;
    display:block;
    letter-spacing:.02rem;
    padding:0 10px;
    font-family:"Montserrat",sans-serif;
    font-weight:500;
}
@media only screen and (max-width: 1023px) {
    .search main .content ul li a p {
        font-size:10px;
        line-height:10px;
    }
}
.search main .content ul li a:hover .image img {
    transform:scale(1.1);
}
.search.dark form#search button {
    background:#666;
}
.search.dark form#search input {
    border-color:#666;
    color:#1a1800;
}
.search.dark form#search input::placeholder {
    color:#1a1800;
}
.search.dark form#search svg {
    color:#e5e4d5;
}
@media only screen and (max-width: 1023px){
    .search.dark #toggleFilters {
        background-color:#e5e4d5;
    }
    .search.dark #toggleFilters svg {
        color:#1a1800;
    }
    .search.dark .filters {
        background-image:url(../img/noise.png);
        background-color:#e5e4d5;
        background-blend-mode:overlay;
    }
}
.search.dark main {
    border-color:hsla(0,0%,40%,.4);
}
.search.dark main .filters details {
    cursor:pointer;
}
.search.dark main .filters details summary {
    border-color:hsla(0,0%,40%,.4);
    color:#666;
}
.search.dark main .filters details:hover summary,.search.dark main .filters details[open] summary{color:#1a1800;border-color:#1a1800}
.search.dark main .filters details .filterBtns{display:flex;flex-direction:column;padding-right:60px}
.search.dark main .filters details .filterBtns span.radioFilter label {
    border-color:rgba(26,24,0,.4);
    color:#1a1800;
}
.search.dark main .filters details .filterBtns span.radioFilter input:checked+label,.search.dark main .filters details .filterBtns span.radioFilter input:hover+label {
    background-color:#666;
    color:#fff;
}
.search.dark main .content h2,.search.dark main .content h3 {
    color:#1a1800;
}
.search.dark main .content h1 {
    color:#1a1800;
}
.search.dark main .content ul li a .image::after {
    background:linear-gradient(0deg, rgba(0, 0, 0, 0.5) 0%, rgba(0, 212, 255, 0) 100%);
}
.search.dark main .content ul li a .image h3 {
    color:#fffac2;
}
.search.dark main .content ul li a span {
    color:#1a1800;
}
.search.dark main .content ul li a p {
    color:#1a1800;
}
/*# sourceMappingURL=styles.css.map */
.button {
  background-color: #ffce34;
  color: #000 !important;
  font-family: \"Roboto\",sans-serif;
  font-size: 12px;
  letter-spacing: .1rem;
  padding: 10px;
  line-height: 40px;
}
.button:hover {
  background-color: rgb(255,193.6896551724,1);
}
.expandable-text {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    transition: all 0.3s ease;
}
.expandable-text.truncated {
    cursor: pointer;
}
        
.expandable-text.expanded {
    display: block;
    -webkit-line-clamp: unset;
}