/* prefixed by https://autoprefixer.github.io (PostCSS: v7.0.23, autoprefixer: v9.7.3) */

.frow{
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}
.frow img{
    max-width: 60%;
    -webkit-filter: contrast(1.1);
    filter: contrast(1.1);
}
.frow img.glass{
    max-width: 100%;
}
.tb1{
    position: absolute;
    left: 50%;
}
.tb2{
    left: 10%;
    margin-top: 250px;
    position: relative;
    z-index: 1;
}
.frow.start{
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}
.slick-flex-container{
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    margin-top: 0;
}
.mixomargin{

}
.slick-dots{

    left: 47%;
    margin-left: 10px;
    bottom: 10px;
}
.burn{
    position: absolute;
    right: 0;

}
@media only screen and (max-width: 1500px) {
    .slick-flex-container > div {
        width: 40%;
    }
    .slick-dots{
        left: 46%;
    }

}
@media only screen and (max-width: 1400px) {
.slick-dots {
    
    margin-left: 0;
    /*bottom: -40px;*/
}
}
@media only screen and (min-width: 1300px) {
    .slick-flex-container div .title-flex {
        height: 288px;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .slick-flex-container div .copy-flex{
        height: 300px;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .slick-flex-container div h1 {
        height: initial;
        display: initial;
    }
    .text-long{
        height: initial;
    }
}


@media only screen and (max-width: 1024px) {

    .frow{
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
    .frow img{
        position:relative;
    }
    .frow.start{
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
        margin-top: 0;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
    .tb2{
        position: relative;
        left: initial;
        width: 80%;
        max-width: 400px;
        margin-top: 75px;
        z-index: 10;
    }

    .tb1{
        left: initial;
        width: 80%;
        margin: 0 auto;
        text-align: left;
        max-width: 400px;
        position: relative;
        margin-top: 50px;
        z-index: 10;
    }

    .mixomargin{
        margin-bottom: 200px;
    }
    .frow img {
        width: 100%;
        max-width: 650px;
    }
}

@media only screen and (max-width: 800px){
    .slick-flex-container > div {

        width: 31%;
        margin-top: 57px;
    }
    .alignme h1{
        font-size: 50px;
        line-height: 50px;
    }
    .slick-dots{
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        position: relative;
        -webkit-box-align: initial;
        -ms-flex-align: initial;
        align-items: initial;
        left: initial;
        padding-left: initial;
    }
}

@media only screen and (max-width: 600px) {
    .frow{

    }
    .menu-selector{
        max-width: 355px;
    }
    .slick-flex-container {
        margin-top: 0;
    }
    .slick-flex-container > div {
        width: 80%;
        margin: 0 auto;
        text-align: center;
        max-width: 400px;
    }

    .slick-flex-container{
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
    }
    .slick-flex-container img {
        width: 100%;
    }

        .mixomargin {
            margin-bottom: 50px;
        }

}

@media only screen and (max-width: 415px) {
    .alignme h1 {

        font-size: 30px;
        line-height: 32px;
    }
}