@import url('https://fonts.googleapis.com/css?family=Old+Standard+TT|Ubuntu');
/*
font-family: 'Ubuntu', sans-serif;
font-family: 'Old Standard TT', serif;
*/


html {
    font-size: 10px;
}

*:focus {
    outline: 0;
    outline-offset: 0;
}

/*Псевдоклассы / плевдоэлементы*/


/*Общее*/

.button {
    background-color: #3c3c3c;
    font-family: 'Ubuntu', sans-serif;
    font-size: 1.8rem;
    font-weight: 400;
    line-height: 1;
    text-align: center;
    text-transform: uppercase;
    border: 1px solid #ffffff;
    outline: 5px solid #3c3c3c;
}

.button a {
    color: #ffffff;
    text-decoration: none;
}

/*BGVIDEO*/
/*
  .homepage-hero-module {
    border-right: none;
    border-left: none;
    position: relative;
  }

  .no-video .video-container video,
  .touch .video-container video {
    display: none;
  }

  .no-video .video-container .poster,
  .touch .video-container .poster {
    display: block !important;
  }

  .video-container {
    position: relative;
    bottom: 0%;
    left: 0%;
    height: 100%;
    width: 100%;
    overflow: hidden;
    background: #000;
  }

  .video-container .poster img {
    width: 100%;
    bottom: 0;
    position: absolute;
  }

  .video-container .filter {
    z-index: 100;
    position: absolute;
    background: rgba(0, 0, 0, 0.4);
    width: 100%;
  }

  .video-container video {
    position: absolute;
    z-index: 0;
    bottom: 0;
  }

  .video-container video.fillWidth {
    width: 100%;
  }
*/




/*Home*/
.home {
    background: #fff url(../img/home_bg.jpg) center center no-repeat;
    background-size: cover;
    min-height: 95rem;
    width: 100%;
}

.homeHeader {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    flex-direction: row;
}

.homeHeaderLogo {
    text-align: center;
    width: 25%;
    padding-top: 2rem;
}

.homeHeaderWrap,
.homeHeaderBasket {
    font-family: 'Ubuntu', sans-serif;
    color: #ffffff;
    font-size: 1.8rem;
    font-weight: 400;
    text-transform: uppercase;
    line-height: 1;
    margin: 4rem 0 0;
    text-align: center;
}

.homeHeaderWrap {
    width: 50%;
}

.homeHeaderBasket {
    width: 25%;
}

.homeHeaderWrap a {
    text-decoration: none;
    color: #ffffff;
    padding: 0 2.5rem 0;
}

.homeHeaderBasket a {
    text-decoration: none;
    color: #ffffff;
    padding: 0 1rem 0;
}

.homeHeaderBasket span {
    color: #c2c1c1;
}

.home h1 {
    font-family: 'Old Standard TT', serif;
    color: #ffffff;
    font-size: 7.2rem;
    font-weight: 400;
    line-height: 1.2;
    text-align: center;
    
    margin: 24.5rem auto 0;
}

.home p {
    font-family: 'Ubuntu', sans-serif;
    color: #c2c1c1;
    font-size: 2.8rem;
    font-weight: 300;
    line-height: 1.2;
    text-align: center;
    transform: scaleX(1.054);
}

.homePlay {
    text-align: center;
    margin: 4rem auto 0;
}


/*Our_history*/


.ourHistory .ourHistoryWrap h2 {
    font-family: 'Old Standard TT', serif;
    color: #3c3c3c;
    font-size: 6rem;
    font-weight: 400;
    line-height: 0.88;
    text-align: left;
    margin: 20rem 0 5rem auto;
}

.ourHistory .ourHistoryWrap p {
    font-family: 'Ubuntu', sans-serif;
    color: #6a6a6a;
    font-size: 1.8rem;
    font-weight: 400;
    line-height: 1.56;
    text-align: left;
    transform: scaleY(1.0004);
    margin: 0 0 4rem auto;
}

.btnWrap {
    margin: 8.5rem auto 0.5rem;
    padding: 5.5rem auto;
}

.ourHistory-btn {
    max-height: 50rem;
    max-width: 21rem;
    padding: 1.8rem 5.1rem;
}

.historyImgWrap {
    display: flex;
    flex-direction: row;
}

.historyImgWrap img {
    margin-top: 10rem;
    max-width: 100%;
    /*    height: inherit;*/
}

.emptyWrap {
    padding-left: 0;

}

.emptyWrap img {
    max-width: 100%;
}

.row2P {
    font-family: 'Ubuntu', sans-serif;
    color: #6a6a6a;
    font-size: 1.8rem;
    font-weight: 300;
    font-style: italic;
    line-height: 1.6;/ text-align: left;
    padding-left: 2rem;
    margin-top: 10rem;
    border-left: 1px solid #dadada;
}


/*Features*/

.featuresTitle h2 {
    font-family: 'Old Standard TT', serif;
    color: #3c3c3c;
    font-size: 6rem;
    font-weight: 400;
    line-height: 0.95;
    text-align: center;
    margin: 8rem auto 0;
    max-width: 80%;

}

.featuresTitle p {
    font-family: 'Ubuntu', sans-serif;
    color: #6a6a6a;
    font-size: 1.8rem;
    font-weight: 300;
    line-height: 1.557;
    text-align: center;
    transform: scaleY(1.0004);
    margin: 4rem auto 5rem;
    max-width: 70%;
}

.featuresBlock {
    padding: 0;
}

.buttonsBlockWrap {
    position: relative;
    top: 50%;
    transform: translate(0, -50%);
}

.buttonsBlock {
    display: flex;
    flex-direction: column;
    background-color: #3c3c3c;
    max-width: 6rem;
    padding: 2rem 1.8rem 2rem 1.3rem;
    outline: 5px solid #3c3c3c;
    border: 1px solid #fff;
    border-left: none;
}

.buttonsBlock a,
.buttonsBlock .a1 {
    display: block;
    width: 100%;
}

.buttonsBlock .a1 {
    margin-top: 2.8rem;
}
.bodyBlock {
    
    position: relative;
}
.bodyBlock__point {
/*    background: red;*/
    width: 25px;
    height: 25px;
    border-radius: 50%;
    position: absolute;
    cursor: pointer;
    outline: none;
}
.bodyBlock__point--one {
    top: 65%;
    left: 20.5%;
}
.bodyBlock__point--two {
    top: 70.5%;
    left: 44%;
}
.bodyBlock__point--three {
    top: 78.5%;
    left: 90%;
}
.bodyBlock__point--four {
    top: 28.5%;
    left: 42%;
}
.bodyBlock__point--five {
    top: 21.5%;
    left: 65%;
}
.bodyBlock__point--six {
    top: 19.5%;
    left: 81%;
}
.bodyBlock img {
    width: 100%;
}

.detailsBlock {}

.detailsBlock {
    position: relative;
    top: 0%;
    transform: translate(0, 40%);
    display: inline-block;
    flex-direction: column;
}

.detailsBlock img {
    width: 100%;
/*    transform: translate(0%, -60%);*/
    float: right;
    padding-bottom: 1rem;
}

.detailsBlock a {
    float: right;
    display: block;
    margin-bottom: 1.2rem;
}

/*
.detailsBlock a:hover {
    display: none;
    background-color: rgba(60, 60, 60, 0.3);
    z-index: 9999;
}

.detailsBlock:hover a::before {
    display: none;
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    right: 0;
    bottom: 0;
    background-color: rgba(60, 60, 60, 0.3);
}
*/

/*Components*/

.componentsTitle h2 {
    font-family: 'Old Standard TT', serif;
    color: #3c3c3c;
    font-size: 6rem;
    font-weight: 400;
    line-height: 0.95;
    text-align: center;
    margin: 8rem auto 0;
    max-width: 80%;
}

.componentsTitle p {
    font-family: 'Ubuntu', sans-serif;
    color: #6a6a6a;
    font-size: 1.8rem;
    font-weight: 300;
    line-height: 1.557;
    text-align: center;
    transform: scaleY(1.0004);
    margin: 4rem auto 5rem;
    max-width: 70%;
}


/*slick-slider*/
.components-block img {
    max-width: 100%;
    display: block;
    margin: 0 auto;
}

.components-block h3 {
    font-family: 'Old Standard TT', serif;
    color: #3c3c3c;
    font-size: 2.2rem;
    font-weight: 700;
    line-height: 1;
    text-align: center;
    margin: 6rem auto 5rem;
}

.components-block h3 span {
    display: block;
    font-family: 'Ubuntu', sans-serif;
    color: #6a6a6a;
    font-size: 2.2rem;
    font-weight: 500;
    line-height: 1;
    text-align: center;
    margin-top: 1.5rem;
}

.btn_components {
    max-height: 5rem;
    max-width: 19rem;
    padding: 1.5rem 5.1rem;
    margin: 0 auto 15.5rem;
}

.slick-active {
    outline: none;
}

.prev {
    left: 0;
    background: url(../img/left-arrow.png) center no-repeat;
    /*    transform: scaleY(-50%);*/
}

.next {
    right: 0;
    background: url(../img/rigth-arrow.png) center no-repeat;
    /*    transform: scaleY(-50%);*/
}

.slick-arrow {
    position: absolute;
    top: 25%;
    z-index: 99;
    width: 2rem;
    height: 2rem;
    border: none;
    background-size: 70%;
}
.slick-arrow:focus {
    outline: none;
}


/*subscribeFooter*/

.subscribeFooter {
    background: #fff url(../img/SF_bg.jpg) 0 0.5rem no-repeat;
    background-size: cover;
}

.subscribe {
    background-color: #fff;
    margin: 15rem auto;
    padding: 10rem 2rem 9rem;
}

.subscribe h2 {
    font-family: 'Old Standard TT', serif;
    color: #3c3c3c;
    font-size: 6rem;
    font-weight: 400;
    line-height: 1;
    text-align: center;
    margin-bottom: 4rem;
}

.subscribe p {
    font-family: 'Ubuntu', sans-serif;
    color: #6a6a6a;
    font-size: 1.8rem;
    font-weight: 300;
    line-height: 1.557;
    text-align: center;
    padding: 0 8.5rem;
    margin-bottom: 6.5rem;
}

.subscribe .buttonWrapper {
    display: flex;
    flex-direction: row;
    justify-content: center;
    height: 6rem;
}

.subscribe .buttonWrapper input {
    background-color: #e8e8e8;
    width: 55%;
    border: none;
    font-size: 2.2rem;
    padding-left: 3rem;
    color: #6a6a6a;
    outline: none;
}

.subscribe .buttonWrapper input::-webkit-input-placeholder {
    font-family: 'Ubuntu', sans-serif;
    color: #6a6a6a;
    font-size: 2.2rem;
    font-weight: 300;
}

.subscribe .buttonWrapper .btn_subscribe {
    position: relative;
    bottom: -0.5rem;
    width: 25%;
    max-height: 5rem;
    max-width: 19rem;
    padding: 1.6rem 5rem;
    text-transform: none;
}

.footer {
    border-top: 1px solid rgba(255, 255, 255, 0.3);
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.footer p {
    font-family: 'Ubuntu', sans-serif;
    color: #ffffff;
    font-size: 1.8rem;
    font-weight: 400;
    line-height: 1;
    margin-top: 3.6rem;
    margin-bottom: 4.5rem;
}


/*BS3*/
@media (min-width: 992px) {}

/*lg*/
@media (min-width: 992px) and (max-width: 1200px) {


    .ourHistory .ourHistoryWrap h2 {
        font-size: 6rem;
        line-height: 0.88;
        text-align: left;
        margin: 18rem 0 3rem auto;
    }

    .ourHistory .ourHistoryWrap p {
        font-size: 1.8rem;
        line-height: 1.56;
        text-align: left;
        margin: 0 0 3rem auto;
    }

    .btnWrap {
        margin: 7.5rem auto 0;
        padding: 5.5rem auto;
    }

    .ourHistory-btn {
        max-height: 50rem;
        max-width: 21rem;
        padding: 1.8rem 5.1rem;
    }

    /*
    .historyImgWrap {
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        display: flex;
        flex-direction: row;
    }
*/

    .historyImgWrap img {
        margin-top: 10rem;
        /*        min-width: 95%;*/
        /*        max-height: 100%;*/
    }


    .row2P {
        font-size: 1.8rem;
        line-height: 1.6;/ text-align: left;
        padding-left: 2rem;
        margin-top: 10rem;
        border-left: 1px solid #dadada;
    }

    .featuresTitle h2 {
        font-family: 'Old Standard TT', serif;
        color: #3c3c3c;
        font-size: 6rem;
        font-weight: 400;
        line-height: 0.95;
        text-align: center;
        margin: 8rem auto 0;
        max-width: 90%;
    }

    .featuresTitle p {
        font-family: 'Ubuntu', sans-serif;
        color: #6a6a6a;
        font-size: 1.8rem;
        font-weight: 300;
        line-height: 1.557;
        text-align: center;
        transform: scaleY(1.0004);
        padding: 0;
        margin: 3rem auto 5rem;
        max-width: 75%;
    }

    .featuresBlock {
        padding: 0;
    }

    .buttonsBlockWrap {
        position: relative;
        top: 50%;
        transform: translate(0, -50%);
    }

    .buttonsBlock {
        display: flex;
        flex-direction: column;
        background-color: #3c3c3c;
        max-width: 6rem;
        padding: 2rem 1.8rem 2rem 1.3rem;
        outline: 5px solid #3c3c3c;
        border: 1px solid #fff;
        border-left: none;
    }

    .buttonsBlock a,
    .buttonsBlock .a1 {
        display: block;
        width: 100%;
    }

    .buttonsBlock .a1 {
        margin-top: 2.8rem;
    }

    .bodyBlock img {
        width: 100%;
    }

    .detailsBlock {
        position: relative;
        top: 0%;
        transform: translate(0, 50%);
        display: inline-block;
        flex-direction: column;
        /*        position: relative;*/
        /*            top: -50%;*/
    }

    .detailsBlock img {
        width: 85%;
        transform: translate(0%, -60%);
        float: right;
        padding-bottom: 1rem;
    }

    .detailsBlock a {
        display: block;
        margin-bottom: 1.2rem;
    }


}

/*md*/
@media (max-width: 991px) {

    .home {
        background: #fff url(../img/home_bg.jpg) center center no-repeat;
        background-size: cover;
        min-height: 80rem;
    }

    .homeHeader {
        display: flex;
        flex-direction: row;
    }

    .homeHeaderLogo {
        text-align: center;
        width: 30%;
        padding-top: 2rem;
    }

    .homeHeaderWrap,
    .homeHeaderBasket {
        margin: 4rem 0 0;
        text-align: center;
    }

    .homeHeaderWrap {
        width: 50%;
    }

    .homeHeaderBasket {
        width: 20%;
    }

    .homeHeaderWrap a {
        padding: 0 1rem 0;
    }

    .homeHeaderBasket a {
        padding: 0 1rem 0;
    }

/*
    .homeTitle {
        margin: 12.5rem auto 2rem;
    }
*/

    .home h1 {
        font-size: 6rem;
        line-height: 1.2;
        text-align: center;
        
        margin: 12.5rem auto 2rem;
    }

    .home p {
        font-size: 2.4rem;
        line-height: 1.2;
        text-align: center;
        transform: scaleX(1.054);
    }

    .homePlay {
        text-align: center;
        margin: 4rem auto 0;
    }

    .ourHistory .ourHistoryWrap h2 {
        font-size: 4.5rem;
        line-height: 0.88;
        text-align: left;
        margin: 5rem 0 4rem auto;
    }

    .ourHistory .ourHistoryWrap p {
        font-size: 1.8rem;
        line-height: 1.56;
        text-align: left;
        transform: scaleY(1.0004);
        margin: 0 0 2rem auto;
    }

    .btnWrap {
        margin: 4.5rem auto 0.5rem;
        padding: 5.5rem auto;
    }

    .ourHistory-btn {
        max-height: 50rem;
        max-width: 21rem;
        padding: 1.8rem 5.1rem;
    }

    .historyImgWrap {
        display: flex;
        flex-direction: column;
        justify-content: center;
    }

    .historyImgWrap img {
        margin-top: 5rem;
        width: 100%;
        height: 100%;
    }

    .emptyWrap {
        padding-left: 0;

    }

    .emptyWrap img {
        width: 100%;
    }

    .row2P {
        font-size: 1.8rem;
        line-height: 1.6;
        padding-left: 2rem;
        margin-top: 4rem;
    }


    .features {}

    .featuresTitle h2 {
        font-size: 4.5rem;
        font-weight: 400;
        line-height: 0.95;
        text-align: center;
        margin-top: 4rem;
    }

    .featuresTitle p {
        font-size: 1.6rem;
        font-weight: 300;
        line-height: 1.557;
        text-align: center;
        transform: scaleY(1.0004);
        padding: 0rem;
        margin-top: 3rem;
        margin-bottom: 3rem;
    }

    .featuresBlock {
        padding: 0;
    }

    .buttonsBlockWrap {
        position: relative;
        top: 50%;
        transform: translate(0, -50%);
    }

    .buttonsBlock {
        display: flex;
        flex-direction: column;
        background-color: #3c3c3c;
        max-width: 6rem;
        padding: 2rem 1.8rem 2rem 1.3rem;
        outline: 5px solid #3c3c3c;
        border: 1px solid #fff;
        border-left: none;
    }

    .buttonsBlock a,
    .buttonsBlock .a1 {
        display: block;
        width: 100%;
    }

    .buttonsBlock .a1 {
        margin-top: 2.8rem;
    }


    .detailsBlock {
        position: relative;
        top: 0%;
        transform: translate(0, 50%);
        display: inline-block;
        flex-direction: column;
        /*        float: right;*/
    }

    .detailsBlock img {
        width: 70%;
        transform: translate(0%, -60%);
        float: right;
        padding-bottom: 1rem;
    }

    .detailsBlock a {
        display: block;
        margin-bottom: 1.2rem;
    }

    .componentsTitle h2 {
        font-size: 4.5rem;
        font-weight: 400;
        line-height: 0.95;
        text-align: center;
        margin: 8rem auto 0;
        max-width: 80%;
    }

    .componentsTitle p {
        font-size: 1.6rem;
        font-weight: 300;
        line-height: 1.557;
        text-align: center;
        transform: scaleY(1.0004);
        margin: 4rem auto 5rem;
        max-width: 70%;
    }


    .subscribeFooter {
        background: #fff url(../img/SF_bg.jpg) 0 0.5rem no-repeat;
        background-size: cover;
    }

    .subscribe {
        margin: 10rem auto 7rem;
        padding: 5rem 2rem 5rem;
    }

    .subscribe h2 {
        font-size: 4.5rem;
        margin-bottom: 3rem;
    }

    .subscribe p {
        font-size: 1.6rem;
        line-height: 1.557;
        padding: 0 4.5rem;
        margin-bottom: 6rem;
    }

    .subscribe .buttonWrapper {
        display: flex;
        flex-direction: row;
        justify-content: center;
        height: 6rem;
    }

    .subscribe .buttonWrapper input {
        width: 55%;
        border: none;
        font-size: 2.2rem;
        padding-left: 3rem;
    }

    .subscribe .buttonWrapper input::-webkit-input-placeholder {
        font-size: 2.2rem;
        font-weight: 300;
    }

    .subscribe .buttonWrapper .btn_subscribe {
        width: 35%;
    }

    .footer {
        border-top: 1px solid rgba(255, 255, 255, 0.3);
        display: flex;
        flex-direction: row;
        justify-content: space-between;
    }

    .footer p {
        font-family: 'Ubuntu', sans-serif;
        color: #ffffff;
        font-size: 1.8rem;
        font-weight: 400;
        line-height: 1;
        margin-top: 3.5rem;
        margin-bottom: 3.5rem;
    }
}

/*sm*/
@media (max-width: 767px) {


    .home {
        background: #fff url(../img/home_bg.jpg) center center no-repeat;
        background-size: cover;
        min-height: 80rem;
    }

    .homeHeader {
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        display: flex;
        flex-direction: row;
    }

    .homeHeaderLogo {
        vertical-align: middle;
        text-align: center;
        width: 35%;
        padding-top: 0rem;
        line-height: 18.4rem;
    }

    .homeHeaderWrap {
        display: flex;
        flex-direction: column;
        width: 40%;
        margin: 2rem 0 2rem;
        text-align: center;
    }

    .homeHeaderBasket {
        line-height: 18.4rem;
        width: 25%;
        margin: 0;
        text-align: center;
    }

    .homeHeaderWrap a {
        padding: 1.5rem;
    }

    .homeHeaderBasket a {
        padding: 0 1rem 0;
    }

    .home h1 {
        font-size: 5.5rem;
        line-height: 1.2;
        text-align: center;
        margin: 7.5rem auto 2rem;
    }

    .home p {
        font-size: 2rem;
        line-height: 1.2;
        text-align: center;
        transform: scaleX(1.054);
    }

    .homePlay {
        text-align: center;
        margin: 4rem auto 20rem;
    }

    .ourHistory .ourHistoryWrap h2 {
        font-size: 4.5rem;
        line-height: 0.88;
        text-align: center;
        margin: 5rem 0 4rem auto;
    }

    .ourHistory .ourHistoryWrap p {
        font-size: 1.6rem;
        line-height: 1.56;
        text-align: left;
        transform: scaleY(1.0004);
        margin: 0 0 2rem auto;
    }

    .btnWrap {
        margin: 4.5rem auto 0.5rem;
        padding: 5.5rem auto;
        text-align: center;
    }

    .ourHistory-btn {
        position: absolute;
        display: block;
        max-height: 50rem;
        max-width: 21rem;
        padding: 1.8rem 5.1rem;
        margin: 5rem auto;
        text-align: center;
    }

    .historyImgWrap {
        display: inline-block;
    }

    .historyImgWrap img {
        margin-top: 0rem;
        width: 100%;
        height: inherit;
        float: right;
    }

    .emptyWrap {
        padding-left: 0;

    }

    .emptyWrap img {
        width: 100%;
    }

    .row2P {
        font-size: 1.6rem;
        line-height: 1.6;
        padding-left: 2rem;
        margin-top: 4rem;
    }

    .features {}

    .featuresTitle h2 {
        font-size: 4.5rem;
        font-weight: 400;
        line-height: 0.95;
        text-align: center;
        margin-top: 4rem;
        max-width: 100%;

    }

    .featuresTitle p {
        font-size: 1.6rem;
        font-weight: 300;
        line-height: 1.557;
        text-align: center;
        padding: 0;
        margin-top: 3rem;
        margin-bottom: 3rem;
        max-width: 90%;
    }

    .featuresBlock {
        padding: 0;
    }

    .buttonsBlockWrap {
        position: relative;
        top: 50%;
        transform: translate(0, -50%);
    }

    .buttonsBlock {
        display: flex;
        flex-direction: column;
        background-color: #3c3c3c;
        max-width: 6rem;
        padding: 2rem 1.8rem 2rem 1.3rem;
        outline: 5px solid #3c3c3c;
        border: 1px solid #fff;
        border-left: none;
    }

    .buttonsBlock a,
    .buttonsBlock .a1 {
        display: block;
        width: 100%;
    }

    .buttonsBlock .a1 {
        margin-top: 2.4rem;
    }


    .detailsBlockWrap {
        position: static;
        margin: 0 auto;
        text-align: center;
    }

    .detailsBlock img {
        position: static;
        width: 70%;
        float: none;
        padding: 0 1rem;
    }

    .detailsBlock a {
        position: static;
        display: block;
        margin-bottom: 1.2rem;
    }

    .btn_components {
        max-height: 5rem;
        max-width: 19rem;
        padding: 1.5rem 5.1rem;
        margin: 0 auto 8rem;
    }


    .subscribeFooter {
        background: #fff url(../img/SF_bg.jpg) 0 0.5rem no-repeat;
        background-size: cover;
    }

    .subscribe {
        margin: 10rem auto 7rem;
        padding: 5rem 2rem 5rem;
    }

    .subscribe h2 {
        font-size: 4.5rem;
        font-weight: 400;
        line-height: 1;
        text-align: center;
        margin-bottom: 4rem;
    }

    .subscribe p {
        font-size: 1.6rem;
        font-weight: 300;
        line-height: 1.557;
        text-align: center;
        padding: 0;
        margin-bottom: 5rem;
    }

    .subscribe .buttonWrapper {
        display: flex;
        flex-direction: row;
        justify-content: center;
        height: 6rem;
    }

    .subscribe .buttonWrapper input {
        background-color: #e8e8e8;
        width: 60%;
        border: none;
        font-size: 2.2rem;
        padding-left: 3rem;
        color: #6a6a6a;
    }

    .subscribe .buttonWrapper input::-webkit-input-placeholder {
        font-family: 'Ubuntu', sans-serif;
        color: #6a6a6a;
        font-size: 2.2rem;
        font-weight: 300;
    }

    .subscribe .buttonWrapper .btn_subscribe {
        position: relative;
        bottom: -0.5rem;
        width: 40%;
        max-height: 5rem;
        max-width: 19rem;
        padding: 1.6rem 5rem;
        text-transform: none;
    }

    .footer {
        border-top: 1px solid rgba(255, 255, 255, 0.3);
        display: flex;
        flex-direction: row;
        justify-content: space-between;
    }

    .footer p {
        font-family: 'Ubuntu', sans-serif;
        color: #ffffff;
        font-size: 1.8rem;
        font-weight: 400;
        line-height: 1;
        margin-top: 3.5rem;
        margin-bottom: 3.5rem;
    }

    .footer .pTop {
        margin: 3rem auto 0;
    }

    .footer .pBot {
        margin: 3rem auto;
    }
}

@media (max-width: 576px) {

    .home {
        background: #fff url(../img/home_bg.jpg) center center no-repeat;
        background-size: cover;
        min-height: 80rem;
    }

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

    .homeHeaderLogo {
        text-align: center;
        width: 100%;
        padding-top: 0rem;
        line-height: 10rem;
    }

    .homeHeaderWrap {
        display: flex;
        flex-direction: column;
        width: 100%;
        margin: 0;
        text-align: center;
    }

    .homeHeaderBasket {
        width: 100%;
        margin: 0;
        text-align: center;
        line-height: 10rem;
    }

    .homeHeaderWrap a {
        padding: 1.5rem;
    }

    .homeHeaderBasket a {
        padding: 0 1rem 0;
    }

    .homeTitle h1 {
        font-size: 4rem;
        line-height: 1.2;
        text-align: center;
        margin: 5rem auto 0;
    }

    .home p {
        font-size: 1.8rem;
        line-height: 1.3;
        text-align: center;
        transform: scaleX(1.054);
        padding: 0 0.2rem;
    }

    .homePlay {
        text-align: center;
        margin: 4rem auto 10rem;
    }

    .ourHistory .ourHistoryWrap h2 {
        font-size: 4.5rem;
        line-height: 0.92;
        text-align: center;
        margin: 5rem 0 3rem auto;
    }

    .ourHistory .ourHistoryWrap p {
        font-size: 1.6rem;
        line-height: 1.56;
        text-align: left;
        transform: scaleY(1.0004);
        margin: 0 0 2rem auto;
    }

    .btnWrap {
        margin: 4.5rem auto 0.5rem;
        padding: 5.5rem auto;
        text-align: center;
    }

    .ourHistory-btn {
        position: static;
        display: block;
        max-height: 50rem;
        max-width: 21rem;
        padding: 1.8rem 5.1rem;
        margin: 3rem auto;
        text-align: center;
    }

    .historyImgWrap {
        display: inline-block;
    }

    .historyImgWrap img {
        margin-top: 0rem;
        width: 100%;
        height: inherit;
        float: right;
    }

    .ourHistory576 {
        display: flex;
        flex-direction: column-reverse;
        justify-content: flex-end;
    }

    .emptyWrap {
        position: relative;
        padding-left: 0;
        margin-bottom: 2rem;
    }

    .emptyWrap img {
        position: static;
        top: 0rem;
        width: 100%;
    }

    .row2P {
        font-size: 1.6rem;
        line-height: 1.6;
        padding-left: 2rem;
        margin-top: 5rem;
        margin-bottom: 0rem;
    }

    .features {}

    .featuresTitle h2 {
        font-size: 4.5rem;
        font-weight: 400;
        line-height: 0.95;
        text-align: center;
        margin-top: 4rem;
        max-width: 100%;
    }

    .featuresTitle p {
        font-size: 1.6rem;
        font-weight: 300;
        line-height: 1.557;
        text-align: center;
        padding: 0;
        margin-top: 3rem;
        margin-bottom: 3rem;
        max-width: 90%;
    }

    .featuresBlock {
        padding: 0;
    }

    .buttonsBlockWrap {
        position: static;
        transform: translate(0, 0);
        margin: 1rem;
        /*        text-align: center;*/
    }

    .buttonsBlock {
        display: flex;
        flex-direction: row;
        justify-content: center;
        background-color: #3c3c3c;
        max-width: 20rem;
        max-height: 20rem;
        padding: 0;
        margin: 0 auto;
        outline: 5px solid #3c3c3c;
        border: 1px solid #fff;
    }

    .buttonsBlock a,
    .buttonsBlock .a1 {
        display: block;
        width: 100%;
        margin: 2rem;
    }

    .detailsBlock {
        display: flex;
        flex-direction: row;
        position: static;
        margin: 0 auto;
        text-align: center;
    }

    .detailsBlock a {
        position: static;
        width: 70%;
        float: none;
        padding: 0;
    }

    .detailsBlock a {
        position: static;
        display: block;
        margin-bottom: 1.2rem;
    }

    .componentsTitle h2 {
        font-size: 4.5rem;
        font-weight: 400;
        line-height: 0.95;
        text-align: center;
        margin: 8rem auto 0;
        max-width: 100%;
    }

    .componentsTitle p {
        font-size: 1.6rem;
        font-weight: 300;
        line-height: 1.557;
        text-align: center;
        transform: scaleY(1.0004);
        margin: 4rem auto 5rem;
        max-width: 90%;
    }

    .subscribeFooter {
        background: #fff url(../img/SF_bg.jpg) 0 0.5rem no-repeat;
        background-size: cover;
    }

    .subscribe {
        margin: 6rem auto 6rem;
        padding: 5rem 2rem 5rem;
    }

    .subscribe h2 {
        font-family: 'Old Standard TT', serif;
        color: #3c3c3c;
        font-size: 4.5rem;
        font-weight: 400;
        line-height: 1;
        text-align: center;
        margin-bottom: 3rem;
    }

    .subscribe p {
        font-family: 'Ubuntu', sans-serif;
        color: #6a6a6a;
        font-size: 1.6rem;
        font-weight: 300;
        line-height: 1.557;
        text-align: center;
        padding: 0;
        margin-bottom: 3rem;
    }

    .subscribe .buttonWrapper {
        display: flex;
        flex-direction: column;
        height: inherit;
        align-items: center;
    }

    .subscribe .buttonWrapper input {
        width: 100%;
        border: none;
        font-size: 2.2rem;
        padding-left: 1rem;
        margin: 1rem 0 2rem;
        height: 6rem;
    }

    .subscribe .buttonWrapper input::-webkit-input-placeholder {
        font-size: 2.2rem;
        font-weight: 300;
        text-align: center;
    }

    .subscribe .buttonWrapper .btn_subscribe {
        position: relative;
        bottom: -0.5rem;
        width: 100%;
        max-height: 5rem;
        max-width: 19rem;
        padding: 1.6rem 5rem;
        text-transform: none;
        text-align: center;
    }

    .footer {
        border-top: 1px solid rgba(255, 255, 255, 0.3);
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .footer p {
        font-size: 1.8rem;
        font-weight: 400;
        line-height: 1;
        margin-top: 2rem;
        margin-bottom: 2rem;
        text-align: center;
    }

    .footer .pTop {
        margin: 2rem auto 0;
    }

    .footer .pBot {
        margin: 2rem auto;
    }
}