/*
Theme Name: Shkola Ilina
Author: rocketcompany
*/

body.home.page-template-default header {
    background-image: url(./assets/img/top-block2-uncompressed.jpg);
}

body.home.page-template-default main section.top-slider .top-slider__content:after {
    display: none;
}

body.home.page-template-default main section.problem-box .bottom-slider .bottom--box__slider .swiper-wrapper .swiper-slide .img-box {
    width: 256px;
}

/*body.home.page-template-default main section.author-technique {*/

/*    background-image: url(./assets/img/block8-2.png);*/

/*}*/

body.home.page-template-default main section.author-technique .container .after-element {
    background-image: url(./assets/img/96-2.png);
    background-repeat: no-repeat;
    left: 620px;
    bottom: -170px;
}

@media (max-width: 1024px) {
    body.home.page-template-default main section.author-technique .container .after-element {
        left: 455px;
        bottom: -148px;
        width: 460px;
        height: 350px;
    }
}

body.home.page-template-default main section.atmosphere {
    background-image: url(./assets/img/352-2.png);
}

body.home.page-template-default main section.doubt {
    background-image: url(./assets/img/432-2.png);
}

@media (max-width: 1024px) {
    body.home.page-template-default main section.doubt {
        background-image: url(./assets/img/432-2m.jpg);
        background-position: -122px;
    }
}

body.home.page-template-default main section.top-slider .title {
    display: flex;
    flex-direction: column;
}

body.home.page-template-default main section.other-courses .container .title h2, body.home.page-template-default main section.problem-box .title h2, body.home.page-template-default main section.top-slider .title h2 {
    margin: 0 auto;
}

/*new block in grama-page*/

.why-school:before {
    background-image: url(./assets/img/blok-0.png);
    position: absolute;
    top: -175px;
    background-size: 1920px 100%;
    background-position: 50%;
    left: 0;
    width: 100%;
    height: calc(100% + 200px);
    z-index: 0;
    content: "";
}

.why-school {
    position: relative;
    padding: 130px 0 270px 0;
}

.why-school .container .why-school__content {
    position: relative;
    display: flex;
    max-width: 1059px;
    margin: 0 auto;
    border-radius: 10px;
    background-color: #fff;
}

.why-school .container .why-school__content span {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
}

.why-school .container .why-school__content span:before, .why-school .container .why-school__content span:after {
    position: absolute;
    width: 40%;
    height: 10px;
    content: " ";
    left: 5px;
    bottom: 23px;
    background: transparent;
    -webkit-transform: skew(-5deg) rotate(-5deg);
    -moz-transform: skew(-5deg) rotate(-5deg);
    -ms-transform: skew(-5deg) rotate(-5deg);
    -o-transform: skew(-5deg) rotate(-5deg);
    transform: skew(-5deg) rotate(-5deg);
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .3);
    -moz-box-shadow: 0 6px 12px rgba(0, 0, 0, .3);
    box-shadow: 0 6px 12px rgba(0, 0, 0, .3);
    z-index: -1;
}

.why-school .container .why-school__content span:after {
    left: auto;
    right: 5px;
    -webkit-transform: skew(5deg) rotate(5deg);
    -moz-transform: skew(5deg) rotate(5deg);
    -ms-transform: skew(5deg) rotate(5deg);
    -o-transform: skew(5deg) rotate(5deg);
    transform: skew(5deg) rotate(5deg);
}

.why-school .container .why-school__content .why-school__content--img {
    border-right: 3px solid #ffbf00;
}

.why-school .container .why-school__content .why-school__content--img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    border-radius: 10px 0 0 10px;
}

.why-school .container .why-school__content .why-school__content--info {
    position: relative;
    padding: 35px;
}

.why-school .container .why-school__content .why-school__content--info:before {
    position: absolute;
    right: 35px;
    width: 200px;
    height: 111px;
    bottom: 10px;
    content: "";
    background: url(./assets/img/695.png);
    background-size: cover;
}

.why-school .container .why-school__content .why-school__content--info h2 {
    color: #684f38;
    font: 32px exo2bold;
}

.why-school .container .why-school__content .why-school__content--info p {
    padding: 0 0 20px;
    line-height: 1.3;
    font: 14px OpenSans;
}

.why-school .container .why-school__content .why-school__content--info p:last-child {
    padding-bottom: 0;
}

@media (max-width: 1024px) {
    .why-school:before {
        background-image: url(./assets/img/blok-0m.jpg);
        top: 0;
    }
    .why-school {
        padding: 50px 0;
    }
    .why-school .container .why-school__content {
        flex-direction: column;
    }
    .why-school .container .why-school__content .why-school__content--img {
        border-right: none;
    }
    .why-school .container .why-school__content .why-school__content--img img {
        border-radius: 10px 10px 0 0;
        border-bottom: 3px solid #ffbf00;
    }
    .why-school .container .why-school__content .why-school__content--info {
        padding: 15px;
    }
    .why-school .container .why-school__content .why-school__content--info h2 {
        text-align: center;
        font-size: 23px;
    }
}

body.home.page-template-default main section.top-slider:before {
    background-image: url(./assets/img/blok-2-2.png);
    top: -130px;
}

@media (max-width: 991px) {
    .home.page-template-default header {
        background-position: 50% top;
    }
}

@media (max-width: 767px) {
    .home.page-template-default header {
        background-position: 0 top;
    }
}

.home.page-template-default main section.awards {
    background-image: url(./assets/img/awards-bg-new.png);
}