@import url("normalize.css");
@import url("fonts.css");
@import url("colors.css");
@import url("header.css");
@import url("footer.css");
@import url("quest.css");
@import url("search.css");
@import url("sleepers.css");
@import url("owl.carousel.min.css");
@import url("owl.theme.default.min.css");

.main__wrapper {
    width:85vw;
    max-width: 1600px;
    margin:5vh auto;
}

.main__intro {
    display: flex;
    justify-content: space-between;
}

.main__intro-events {
    width:20vw;
    padding:1.5rem;
    border:1px solid #e0e0e0;
    font-family: "SourceSans", "Verdana", "Arial", sans-serif;
}

.main__intro-events > h2 {
    text-align: center;
    font-weight: 700;
    margin-bottom: 1.5rem;
    font-family: "SourceSans";
    font-size:1.4rem;
    border-bottom: 1px solid #b0b0b0;
    padding-bottom: 1rem;
}

.main__intro-events > ul {
    list-style-type: none;
    padding:0;
    height:65vh;
    overflow-y:auto;
}

.main__events-item {
    border:1px solid #b0b0b0;
    border-radius:5px;
    margin-bottom:1rem;
}

.main__events-item-head {
    padding:0.45em 1em;
    border-bottom:1px solid #b0b0b0;
    background:#e0e0e0;
}

.main__events-item-body {
    background:#f9f9f9;
    padding:1em;
}

.main__intro-info {
    width:55vw;
}

.main__intro-info > h2 {
    font-family: "SourceSans", "Arial", sans-serif;
    font-weight: 700;
    font-size:1.8em;
    margin-bottom:1.5rem;
    text-transform: uppercase;
}

.main__intro-info > p {
    font-family: "SourceSans", "Verdana", "Arial", sans-serif;
    text-align: justify;
    font-size:1.3rem;
}

.main__intro-image {
    margin:5vh 0;
}

.main__intro-image > img {
    width:100%;
}

.main__intro-block {
    width:100%;
    padding:2em;
    background: var(--main-secondary);
    font-family: "SourceSans", "Verdana", "Arial", sans-serif;
    border-radius:1rem;
}

.main__intro-block-link {
    font-size:1.7rem;
    color:#333;
    text-decoration: none;
}

.main__intro-block-link:hover {
    text-decoration:underline;
    color:#111;
}

.main__intro-block > h3 {
    margin-bottom:3vh;
    font-weight: 700;
}

.main__intro-block > p {
    margin-top:3vh;
}

.main__plates {
    display: flex;
    max-width: 800px;
    justify-content: space-between;
    margin:5vh auto;
}

.main__plates-col {
    display: flex;
    flex-direction: column;
}

.main__plates-col > ul {
    padding:0;
    list-style-type: none;
}

.main__plates-col > ul > li {
    margin:2rem;
    width:370px;
    display: flex;
    flex-direction: column;
}

.main__plates-btn {
    padding:1.6em;
    font-family: "SourceSans", "Verdana", "Arial", sans-serif;
    font-weight: 500;
    font-size:19px;
    max-width:300px;
    width:30vw;
    border:1px solid #b0b0b0;
    color:#333;
    background:#fff;
    text-decoration: none;
    text-align: center;
    border-radius:8px;
    transition: .3s;
}

.main__plates-btn:hover {
    cursor:pointer;
    color:#222;
    background:var(--main-secondary);
    box-shadow: 11px 11px 0 var(--main-primary);
}

.main__slider-wrapper {
    max-width:900px;
    min-height:30vh;
    margin:5vh auto;
}

.slide > img {
    border-radius: 5px;
}

.main__slider-wrapper > div > div > img {
    width:100%;
    height:auto;
}

.s, .l {
    width:40px;
    height:40px;
    background:#fff;
    border:1px solid #b0b0b0;
    border-radius:6px;
    margin:1em;
    transition: 0.25s;
}

.s:hover, .l:hover {
    background:var(--main-secondary);
    cursor:pointer;
    box-shadow: 5px 5px 0 var(--main-primary);
}

#slider {
    position: relative;
}

.owl-nav {
    position: absolute;
    display: flex;
    justify-content: space-between;
    bottom:10%;
    width: 100%;
}

.main__plates-col:first-child > ul > li {
    margin-left:0;
}

.main__plates-col:last-child > ul > li {
    margin-right: 0;
}

.main__plates-col > ul > li {
    width: auto;
}

.error-404-container {
    width:100vw;
    height:80vh;
    overflow: hidden;
    background: url("/images/404_small.jpg") no-repeat center center;
    background-size: cover;
}

@media screen and (max-width:1270px) {
    .main__intro {
        flex-direction: column;
    }
    .main__intro-info {
        width:85vw;
        margin-bottom:5vh;
    }

    .main__intro-block {
        width:auto;
    }

    .main__intro-events {
        max-width:85vw;
        width:auto;
    }
}

@media screen and (max-width: 1050px) {
    .main__plates-btn {
        padding:1em;
        width:30vw;
    }

    .main__intro-events {
        max-width: 95vw;
    }
}

@media screen and (max-width:725px) {
    .main__intro-info {
        width:95vw;
    }

    .main__wrapper {
        width:95vw;
        margin:5vh auto;
    }

    .main__plates {
        display: flex;
        flex-direction: column;
    }

    .main__plates-col > ul > li {
        margin:1em 0;
    }

    .main__plates-btn {
        width:calc(95vw - 2em);
    }

    .main__plates-col > ul {
        margin: 0;
    }

    .main__intro-events > ul {
        height:40vh;
    }
}

@media screen and (max-width: 417px) {
    .main__intro-info > h2 {
        font-size:1.4em;
    }

    .main__intro-info > p {
        font-size:1.2em;
    }
}