.block-right {
    background:;
    float: left;
    width: 100%;
}


.owl-slider {
    float: left;
    width: 100%;
}

.video-historias {
    float: left;
    width: 102.2%;
    padding: 0 100px;
}


.box-slider {
    width: 1100px;
    height: 320px;
    margin: 0 auto;
    background: red;
}


.vid {
    border: 0px solid pink;
    width: 47%;
    max-width: 590px;
    float: left;
}

.desc {
    border: 0px solid blue;
    width: 48%;
    float: left;
    padding: 10px 0px 10px 30px;
}

    .desc p {
        margin: 15px 0;
        font-size: 16px;
        color: #2c537c;
        font-family: museo_sans300;
        font-weight: 300;
        line-height: 1.3em;
        padding: 0;
    }

    .desc span {
        font-size: 20px;
        color: #2c537c;
        font-family: museo_sans300;
        font-weight: 300;
    }


.historiescli {
    float: left;
}


@media (max-width: 800px) and (max-height: 1024px) {
    .box {
        float: left;
        border: px solid red;
        margin: 15px 0;
    }

    .box-left2 {
        grid-column: 2/3;
        grid-row: 4/5;
        color: #fff;
        align-self: flex-start;
        background-color: #A3CF3E;
        padding-right: 15px;
        margin-top: 0;
        margin-bottom: 0;
    }

    .container-box {
        display:;
        grid-template-columns: 2vw 40vw 40vw 2vw;
        grid-column-gap: 3vw;
        grid-row-gap: 17vh;
        grid-template-rows: 41.33vh 0.1vh 33.33vh 33.33vh 5vh;
        margin: 20px;
        float: left;
    }

    .bloco-historias {
        float: left;
    }
}


@media (max-width: 768px) {

    .container-box {
        display: block;
        grid-template-columns: 2vw 40vw 40vw 2vw;
        grid-column-gap: 3vw;
        grid-row-gap: 17vh;
        grid-template-rows: 41.33vh 0.1vh 33.33vh 33.33vh 5vh;
        margin-left: 5vw;
        margin-top: 5vh !important;
    }

    #bloco2 {
        float: left;
        width: 100%;
        background:;
    }

    .bloco-historias {
        float: left;
        width: 100%;
    }

    .video-historias {
        float: left;
        width: 100%;
        padding: 0 20px;
    }

    .vid {
        border: 0px solid pink;
        width: 100%;
        max-width: 100%;
        float: left;
    }

    .desc {
        border: 0px solid blue;
        width: 100%;
        float: left;
        padding: 10px 10px;
    }
}

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

    .container-box {
        display: grid;
        grid-template-columns: 2vw 40vw 40vw 2vw !important;
        grid-column-gap: 3vw !important;
        grid-row-gap: 2vh !important;
        grid-template-rows: auto 1fr auto !important;
        margin-left: 5vw;
    }

    #movie {
        height: 300px !important;
        width: 100% !important;
        padding-top: 15px;
        margin: 0px 0px 0px 3em !important;
        float: left;
    }

    .slick-list.draggable {
        max-width: 90% !important;
        float: right;
        white-space: pre-line;
    }

    .box-left1 {
        grid-row: 1/2 !important;
    }

    .box-left2 {
        grid-row: 2/3 !important;
        margin-bottom: 1vw;
    }

    .box-right1 {
        grid-row: 3/5 !important;
    }

    .box-right2 {
        grid-column: 1/4 !important;
        grid-row: 5/5 !important;
        margin-bottom: 15px !important;
    }

    #nav-next0 {
        margin-right: 2.5vw !important;
    }

    /*#movie{
        width:201% !important;
        /*height: 95% !important;
        align-items: center;
    }*/

    * p.description {
        font-size: calc(12.5px + 0.95vw) !important;
        text-align: left !important;
    }

    .telling-historie h2 {
        font-size: calc(15px + 0.9vw) !important;
        padding: 0 10px !important;
        font-size: 21px;
    }

    a span {
        display: table;
        margin: 0 !important;
        font-size: calc(13px + 0.9vw) !important;
    }

    /* p:after {
            content: "";
            display: inline-block;
            width: 100%;
     }*/
}

/*iPhone 6/7/8 Plus*/
@media only screen and (max-device-width: 414px) {
    .container-box {
        display: grid;
        grid-template-columns: 2vw 40vw 40vw 2vw;
        grid-column-gap: 3vw;
        grid-row-gap: 2vh;
        grid-template-rows: auto 1fr auto !important;
        margin-left: 5vw;
    }

    #movie {
        height: 275px !important;
        width: 100% !important;
        padding-top: 15px;
        margin: 0px 0px 0px 0em !important;
    }

    .telling-historie h2 {
        font-size: calc(17px + 0.9vw) !important;
        padding-right: 10px !important;
    }

    .slick-list.draggable {
        max-width: 90% !important;
        float: right;
        white-space: pre-line;
    }

    .button-negociation a span {
        display: table;
        margin: 0 !important;
        font-size: calc(10px + 2.9vw) !important; /*Revisar para setar em mais widths */
    }

    .icon-container-iphone {
        margin-left: 15px;
    }
}

/*iPhone X*/
@media (device-width: 375px) and (device-height: 812) {
    .container-box {
        display: grid;
        grid-template-rows: auto 1fr auto !important;
    }

    #movie {
        height: 275px !important;
        width: 100% !important;
        padding-top: 15px;
        margin: 0px 0px 0px 0em !important;
    }

    .box-left1 {
        grid-column: 1/4;
        grid-row: 1/2 !important;
    }

    .box-left2 {
        grid-column: 1/4;
        grid-row: 2/4 !important;
    }

    .box-right1 {
        grid-column: 1/4;
        grid-row: 4/5 !important;
    }

    .box-right2 {
        grid-column: 1/4;
        grid-row: 5/5 !important;
    }

    .telling-historie h2 {
        font-size: calc(19px + 0.9vw) !important;
        padding: 0 10px !important;
    }

    .slick-list.draggable {
        max-width: 90% !important;
        float: right;
        white-space: pre-line;
    }

    .button-negociation a span {
        display: table;
        margin: 0 !important;
        font-size: calc(15px + 0.9vw) !important; /*Revisar para setar em mais widths */
    }
}

/*iPhone 6/7/8 */
@media only screen and (max-width: 375px) {
    .container-box {
        display: grid;
        grid-template-columns: 2vw 40vw 40vw 2vw;
        grid-column-gap: 3vw;
        grid-row-gap: 2vh !important;
        grid-template-rows: auto 1fr auto !important;
        margin-left: 5vw;
    }

    #movie {
        height: 245px !important;
        width: 100% !important;
        padding-top: 15px;
        margin: 0px 0px 0px 0em !important;
    }

    .box-left1 {
        grid-column: 1/4;
        grid-row: 1/2 !important;
    }

    .box-left2 {
        grid-column: 1/4;
        grid-row: 2/4 !important;
    }

    .box-right1 {
        grid-column: 1/4;
        grid-row: 4/5 !important;
    }

    .box-right2 {
        grid-column: 1/4;
        grid-row: 5/5 !important;
    }

    .telling-historie h2 {
        font-size: calc(19px + 0.9vw) !important;
        padding: 0 10px !important;
    }

    .slick-list.draggable {
        max-width: 90% !important;
        float: right;
        white-space: pre-line;
    }

    .button-negociation a span {
        display: table;
        margin: 0 !important;
        font-size: calc(10px + 2.9vw) !important; /*Revisar para setar em mais widths */
    }

    .negotiation {
        font-size: calc(18px + 0.9vw) !important;
    }

    .icon-container-iphone {
        margin-left: 15px;
    }
}

/*iPhone 6/7/8 Paisagem*/
@media only screen and (max-width: 667px) and (max-height: 390px) {
    .container-box {
        display: grid;
        grid-template-columns: 2vw 40vw 40vw 2vw;
        grid-column-gap: 3vw;
        grid-row-gap: 2.5vh !important;
        grid-template-rows: auto 1fr auto !important;
        margin-left: 5vw;
    }

    #movie {
        height: 390px !important;
        width: 100% !important;
        padding-top: 15px;
        /*margin: 13px !important;*/
        margin: 0 0 0 0em !important;
    }

    .box-left1 {
        grid-column: 1/4;
        grid-row: 1/2 !important;
    }

    .box-left2 {
        grid-column: 1/4;
        grid-row: 2/3 !important;
    }

    .box-right1 {
        grid-column: 1/4;
        grid-row: 3/4 !important;
    }

    .box-right2 {
        grid-column: 1/4;
        grid-row: 4/4 !important;
    }

    .telling-historie h2 {
        font-size: calc(23px + 1.0vw) !important;
        padding: 0 10px !important;
    }

    .slick-list.draggable {
        max-width: 90% !important;
        float: right;
        white-space: pre-line;
    }

    .color-2c537c {
        font-size: 1rem !important;
        color: #2c537c;
        font-family: museo_sans300;
        font-weight: 300;
        line-height: 1.3em;
        padding: 0 10px;
        font-size: 16px;
    }

    .button-negociation a span {
        display: table;
        margin: 0;
        font-size: calc(10px + 2.9vw) !important; /*Revisar para setar em mais widths */
    }

    .negotiation {
        font-size: calc(22px + 0.9vw) !important;
    }

    .box-content-margin {
        margin: calc(5px + 2.5vh) calc(10px + 0.9vw) 0px calc(5px + 2.5vh);
        align-content: center;
        font-size: 1.1em !important;
    }

    .icon-container-iphone {
        margin-left: 15px;
    }
}

/*iPhone 5/5S/SE*/

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

    .container-box {
        display: grid;
        grid-template-columns: 2vw 40vw 40vw 2vw;
        grid-column-gap: 3vw;
        grid-row-gap: 2vh !important;
        grid-template-rows: auto 1fr auto !important;
        margin-left: 5vw;
    }

    #movie {
        height: 230px !important;
        width: 100% !important;
        padding-top: 15px;
        margin: 0px 0px 0px 0em !important;
    }

    .box-left1 {
        grid-column: 1/4;
        grid-row: 1/2 !important;
    }

    .box-left2 {
        grid-column: 1/4;
        grid-row: 2/4 !important;
    }

    .box-right1 {
        grid-column: 1/4;
        grid-row: 4/5 !important;
    }

    .box-right2 {
        grid-column: 1/4;
        grid-row: 5/5 !important;
    }

    .telling-historie h2 {
        font-size: calc(19px + 0.9vw) !important;
        padding: 0 10px !important;
    }

    .slick-list.draggable {
        max-width: 90% !important;
        float: right;
        white-space: pre-line;
    }

    .negotiation {
        display: table;
        margin: 0 auto;
        font-size: calc(26px + 0.9vw) !important; /*Revisar para setar em mais widths */
        padding-left: 10px !important;
    }

    .button-negociation a span {
        display: table;
        margin: 0 auto;
        font-size: calc(10px + 2.9vw) !important; /*Revisar para setar em mais widths */
    }
}

/*iPad*/
@media ( max-width: 800px) and ( max-height: 1024px) {

    #nav-next0 {
        margin-right: 0.9vw;
        margin-top: -90px;
    }

    #nav-previous0 {
        margin-left: 0px;
        margin-top: -89px;
    }

    /*#movie {
        margin-left: 15vw;
    }*/

    .container-box {
        display: grid;
        grid-template-columns: 2vw 40vw 37vw 4vw;
        grid-column-gap: 3vw;
        grid-row-gap: 3vw;
        grid-template-rows: auto 1fr auto;
        margin-left: 5vw;
    }

    #movie {
        height: 475px;
        width: 100% !important;
        padding-top: 15px;
        margin: 0px 0px 0px 0em !important;
    }

    .slick-list.draggable {
        max-width: 100% !important;
        float: right;
        white-space: pre-line;
    }

    .box-right1 {
        grid-column: 1/4; /* grid-column-start / grid-column-end */
        grid-row: 3/4; /* grid-row-start / grid-row-end */
        color: #fff;
        background-color: #7FC773;
        box-sizing: border-box;
    }

    .box-right2 {
        grid-column: 1/4 !important;
        grid-row: 4/4;
        margin-top: 0 !important;
        color: #fff;
        background-color: #59BFA7;
    }

    .box-left1 {
        grid-column: 1/4; /* grid-column-start / grid-column-end */
        grid-row: 1/2; /* grid-row-start / grid-row-end */
        color: #fff;
        background-color: #21B6FA;
    }

    .box-left2 {
        grid-column: 1/4; /* grid-column-start / grid-column-end */
        grid-row: 2/2; /* grid-row-start / grid-row-end */
        color: #fff;
        background-color: #A3CF3E;
    }

    .box-content-margin {
        margin: calc(5px + 2.5vh) calc(10px + 0.9vw) 0px calc(5px + 2.5vh);
        align-content: center;
        font-size: 1.3em;
    }

    #nav-next0 {
        margin-right: 0.5vw;
    }

    .container-box .name {
        color: #fff !important;
    }

    .comment {
        width: 100%;
    }

    .comment-icon-container {
        display: flex;
        justify-content: flex-end;
        align-items: center;
        width: 95%;
        padding-bottom: 15px;
    }

    /*.telling-historie {
        grid-column: 3/4 !important;
        grid-row: 2/3 !important;
        overflow: hidden;
        position: relative;
        float: left;
    }*/

    .telling-historie h2 {
        font-size: calc(27px + 1.0vw);
        /*padding: 0 10px !important;*/
    }

    .h2-slider {
        font-size: calc(23px + 0.9vw) !important;
    }

    .negotiation {
        display: table;
        margin: 0;
        font-size: calc(26px + 0.9vw); /*Revisar para setar em mais widths */
        padding-left: 10px !important;
    }

    .slick-slide, .slick-arrow, .slick-slide * {
        outline: none !important;
        margin: 7px 5px 0 5px !important;
        padding: 0px 15px !important;
    }

    .color-2c537c {
        font-size: 1.4rem;
        color: #2c537c;
        font-family: museo_sans300;
        font-weight: 300;
        line-height: 1.3em;
        padding: 0 10px;
    }

    .video-ipad {
        margin: 0 0 0 5em !important;
    }
}



/*Responsivo Site*/
/*@media ( min-width: 900px) and ( min-width: 600px) {
    .container-box {
        display: grid;
        grid-template-columns: 0vw 42vw 43vw 2vw !important;
        grid-column-gap: 3vw;
        grid-row-gap: 3.5vh !important;
        grid-template-rows: 22.33vh 0.1vh 0.33vh 0.33vh 18vh !important;
        margin-left: 2vw !important;
    }

    #movie {
        height: 500px !important;
        width: 805px !important;
        padding-top: 15px;
        margin: 0px 0px 0px 3em !important;
    }

    .box-left1 {
        grid-column: 2/3 !important;
        grid-row: 1/2!important;
    }

    .box-left2 {
        grid-column: 2/3 !important;
        grid-row: 2/3 !important;
        margin-top: calc(17px + 8vw) !important;
    }

    .box-right1 {
        grid-column: 3/4 !important;
        grid-row: 1/2 !important;
    }

    .box-right2 {
        grid-column: 3/4 !important;
        grid-row: 2/3 !important;
    }

    .container-box .box-left2 {
        margin-bottom: 10vh;
    }

    #body--content {
        padding: 0 0px 0 36px;
    }

    .slick-slide, .slick-arrow, .slick-slide * {
        outline: none !important;
        margin: 7px 5px 0 5px !important;
        padding: 0px 15px !important;
    }

    .telling-historie {
        padding: 10px 10px !important;
    }

    .telling-historie h2 {
        font-size: calc(20px + 0.8vw) !important;
        padding: 0 15px !important;
    }

    .color-2c537c {
        font-size: 1.3rem !important;
        color: #2c537c;
        font-family: museo_sans300;
        font-weight: 300;
        line-height: 1.3em;
        padding: 0 15px;
    }

    * p {
        font-size: calc(9px + 0.95vw) !important;
    }


    .negotiation {
        font-size: calc(25px + 1vw) !important;
    }
}*/

@media ( min-width: 900px) {
    .container-box {
        display: grid;
        grid-template-columns: 0vw 42vw 40vw 2vw;
        grid-column-gap: 3vw;
        grid-row-gap: 2vh;
        grid-template-rows: 45.33vh 2.1vh 33.33vh 0.01vh 0vh;
        margin-left: 0vw;
        margin-top: 5vh;
    }

    .box-right2 {
        grid-column: 3/4;
        grid-row: 4/5;
        color: #fff;
        align-self: flex-start;
        background-color: #59BFA7;
        padding-right: 15px;
        margin-top: calc(-10px - 5vw) !important;
    }

    /*ipad pro*/
    @media only screen and (min-width: 900px) and (min-height: 1300) {
        .container-box {
            display: grid;
            grid-template-columns: 2vw 40vw 40vw 2vw;
            grid-column-gap: 3vw;
            grid-row-gap: 3.5vh;
            grid-template-rows: 41.33vh 0.1vh 24.33vh 18.33vh 15vh !important;
            margin-left: 5vw;
        }
    }


    .box-right1 {
        grid-column: 3/4; /* grid-column-start / grid-column-end */
        grid-row: 1/4; /* grid-row-start / grid-row-end */
        color: #fff;
        align-self: flex-start;
        background-color: #7FC773;
        margin: 0;
        padding: 0;
        box-sizing: border-box;
        padding-right: 15px;
    }

    @media ( max-height: 1000px ) and ( min-width: 900px ) {
        .box-right2 {
            grid-column: 3/4;
            grid-row: 2/5 !important;
            color: #fff;
            align-self: flex-start;
            background-color: #59BFA7;
            padding-right: 15px;
            margin-top: calc(-10px - 4vw);
        }
    }

    .box-left1 {
        grid-column: 2/3; /* grid-column-start / grid-column-end */
        grid-row: 1/2; /* grid-row-start / grid-row-end */
        color: #fff;
        background-color: #21B6FA;
        padding-right: 15px;
        min-height: 284px;
    }

    @media ( max-height: 600px ) and ( min-width: 900px ) {
        .container-box {
            display: grid;
            grid-template-columns: 2vw 40vw 40vw 2vw;
            grid-column-gap: 3vw;
            grid-row-gap: 17vh;
            grid-template-rows: 41.33vh 0.1vh 33.33vh 33.33vh 5vh;
            margin-left: 0vw;
        }
    }

    @media ( min-width: 900px ) {
        .box-left2 {
            grid-column: 2/3; /* grid-column-start / grid-column-end */
            grid-row: 4/5; /* grid-row-start / grid-row-end */
            color: #fff;
            align-self: flex-start;
            background-color: #A3CF3E;
            padding-right: 15px;
            margin-top: calc(10px + 5vw);
        }
    }

    @media ( min-width: 1000px) {
        .box-left2 {
            grid-column: 2/3; /* grid-column-start / grid-column-end */
            grid-row: 3/5; /* grid-row-start / grid-row-end */
            color: #fff;
            align-self: flex-start;
            background-color: #A3CF3E;
            padding-right: 15px;
            margin-top: calc(0px + 0vw); /*Foi colocado em zero porque muito provavelmente há outro bloco de código colocando prioridade na margem da box*/
        }
    }

    @media ( max-width: 900px ) {

        .container-box {
            display: grid;
            grid-template-columns: 2vw 40vw 40vw 2vw;
            grid-column-gap: 3vw;
            grid-row-gap: 17vh;
            grid-template-rows: 41.33vh 0.1vh 33.33vh 33.33vh 5vh;
            margin-left: 5vw;
            margin-top: 5vh !important;
        }

        .box-left2 {
            grid-column: 2/3;
            grid-row: 4/5;
            color: #fff;
            align-self: flex-start;
            background-color: #A3CF3E;
            padding-right: 15px;
            margin-top: calc(10px + 9vw);
        }
    }

    .box-content-margin {
        margin: calc(5px + 2.5vh) calc(10px + 0.9vw) 0px calc(5px + 2.5vh);
        align-content: center;
    }

    .container-box .name {
        color: #fff !important;
    }

    .comment {
        width: 100%;
    }

    .comment-icon-container {
        display: flex;
        justify-content: flex-end;
        align-items: center;
        width: 100%;
        padding-bottom: 15px;
    }

    /*.telling-historie {
        grid-column: 3/4 !important;
        grid-row: 1/2 !important;
        overflow: hidden;
        position: relative;
    }*/
}

@media ( min-width: 1400px) { /*Confirmado*/
    .container-box {
        display: grid;
        grid-template-columns: 11vw 31vw 27.7vw 1vw;
        grid-column-gap: 3vw;
        grid-row-gap: 1vh;
        margin: calc(10px + 2.5vh) calc(10px + 0.9vw) 0 calc(5px + 2.5vh);
        grid-template-rows: 33.33vh 0.01vh 1.33vh 16.33vh 12vh;
        margin-left: 5vw;
        text-align: center;
    }

    .box-right2 {
        grid-column: 3/4;
        grid-row: 4/5 !important;
        color: #fff;
        align-self: flex-end; /*Trocado de flex-start para flex-end por conta do espaçamento entre o elemento e o footer da página*/
        background-color: #59BFA7;
        padding-right: 15px;
        margin-top: calc(-10px - 4.5vw) !important;
    }

    #body--content {
        padding: 0 0px 0 36px;
    }

    /*ipad pro*/
    @media only screen and (min-width: 900px) and (min-height: 1300) {
        .container-box {
            display: grid;
            grid-template-columns: 2vw 40vw 40vw 2vw;
            grid-column-gap: 3vw;
            grid-row-gap: 3.5vh;
            grid-template-rows: 41.33vh 0.1vh 24.33vh 18.33vh 15vh !important;
            margin-left: 5vw;
        }
    }


    .box-right1 {
        grid-column: 3/4; /* grid-column-start / grid-column-end */
        grid-row: 1/4; /* grid-row-start / grid-row-end */
        color: #fff;
        align-self: flex-start;
        background-color: #7FC773;
        margin: 0;
        padding: 0;
        box-sizing: border-box;
        padding-right: 15px;
    }

    @media ( max-height: 1000px ) and ( min-width: 900px ) {
        .box-right2 {
            grid-column: 3/4;
            grid-row: 4/5;
            color: #fff;
            align-self: flex-end;
            background-color: #59BFA7;
            padding-right: 15px;
            margin-top: calc(-10px - 4vw);
        }
    }

    .box-left1 {
        grid-column: 2/3; /* grid-column-start / grid-column-end */
        grid-row: 1/2; /* grid-row-start / grid-row-end */
        color: #fff;
        background-color: #21B6FA;
        padding-right: 15px;
        min-height: 284px;
    }

    @media ( max-height: 600px ) and ( min-width: 900px ) {
        .container-box {
            display: grid;
            grid-template-columns: 2vw 40vw 40vw 2vw;
            grid-column-gap: 3vw;
            grid-row-gap: 17vh;
            grid-template-rows: 41.33vh 0.1vh 33.33vh 33.33vh 5vh;
            margin-left: 5vw;
        }
    }

    @media ( min-width: 900px ) {
        .box-left2 {
            grid-column: 2/3; /* grid-column-start / grid-column-end */
            grid-row: 4/5; /* grid-row-start / grid-row-end */
            color: #fff;
            align-self: flex-start;
            background-color: #A3CF3E;
            padding-right: 15px;
            margin-top: calc(10px + 5vw);
        }
    }

    @media ( min-width: 1000px) {
        .box-left2 {
            grid-column: 2/3; /* grid-column-start / grid-column-end */
            grid-row: 2/5; /* grid-row-start / grid-row-end */
            color: #fff;
            align-self: flex-start;
            background-color: #A3CF3E;
            padding-right: 15px;
            margin-top: calc(3px + 1vw); /*O margin-top foi mudado para diminuir o espaçamento entre os grids da esquerda, comportando o mesmo espaço dos outros.*/
        }
    }

    @media ( max-width: 900px ) {

        .container-box {
            display: grid;
            grid-template-columns: 2vw 40vw 40vw 2vw;
            grid-column-gap: 3vw;
            grid-row-gap: 17vh;
            grid-template-rows: 41.33vh 0.1vh 33.33vh 33.33vh 5vh;
            margin-left: 5vw;
            margin-top: 5vh !important;
        }

        .box-left2 {
            grid-column: 2/3;
            grid-row: 2/5;
            color: #fff;
            align-self: flex-start;
            background-color: #A3CF3E;
            padding-right: 15px;
            margin-top: calc(10px + 9vw);
        }
    }

    .box-content-margin {
        margin: calc(5px + 2.5vh) calc(10px + 0.9vw) 0px calc(5px + 2.5vh);
        align-content: center;
        font-size: 20px
    }

    .container-box .name {
        color: #fff !important;
    }

    .comment {
        width: 100%;
    }

    .comment-icon-container {
        display: flex;
        justify-content: flex-end;
        align-items: center;
        width: 100%;
        padding-bottom: 15px;
    }

    /*.telling-historie {
        grid-column: 3/4 !important;
        grid-row: 1/2 !important;
        overflow: hidden;
        position: relative;
        font-size: 8vw;
    }*/
}

.box-right2 {
    grid-column: 3/4;
    grid-row: 4/5;
    color: #fff;
    align-self: flex-start;
    background-color: #59BFA7;
    padding-right: 15px;
    margin-top: calc(-10px - 12vw);
    margin-bottom: 15px;
}



.button-negociation {
    position: relative;
    box-sizing: border-box;
    display: inline-block;
    width: 100%;
    font-size: 0.938rem;
    font-family: museo_sans700;
    font-weight: 400;
    cursor: pointer;
    padding: 15px 20px;
    text-decoration: none;
    transition: all .4s ease-in;
    background-color: #ec9e23;
    border-radius: 4px 4px 4px 4px;
    color: #fff
}

    .button-negociation a span {
        display: table;
        margin: 0 auto;
        font-size: calc(6px + 0.9vw);
    }

.box .author .name, .box .author .state {
    box-sizing: border-box;
    display: block
}

.box .author .name {
    font-size: calc(10px + 2vw);
    font-size: 1.25rem;
    color: #2c537c;
    font-family: museo_sans700;
    font-weight: 400
}

.box .author .state {
    font-size: calc(8px + 2vw);
    font-size: .875rem;
    color: #2c537c;
    font-family: museo_sans500;
    font-weight: 400
}

.box .author:before {
    box-sizing: border-box;
    display: inline-block;
    bottom: -100%;
    content: "";
    position: absolute
}

.justify {
    text-align: left !important; /*Texto alinhado à esquerda*/
}

.icon-comment::after {
    margin-left: 0.25em;
    color: #2C537C;
    font-size: calc(0.9em + 2vw);
    vertical-align: middle;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f075";
    display: inline-block;
}

#nav-next0 {
    z-index: 1002;
}

#nav-previous0 {
    z-index: 1002;
}


/*.video {
        grid-column: 2/3;
        grid-row: 1/3;
        min-width: 30vw;
        min-height: 30vh;
    }*/

.visible {
    grid-column: 3/4 !important;
    grid-row: 1/2 !important;
    z-index: 999;
    overflow: hidden;
    padding-left: 4vw;
    position: relative;
    /*font-size: 8vw;*/
}

.telling-historie h2 {
    font-size: calc(9px + 0.9vw);
    padding: 0 10px;
}

    .telling-historie h2 p {
        text-align: justify;
        line-height: 1.3em;
    }

/*.telling-historie h2 p:after {
            content: "";
            display: inline-block;
            width: 100%;
        }*/
.telling-historie span {
    color: #2c537c;
}


* p.description {
    font-size: calc(6px + 0.95vw);
}

* span.fa-comment {
    font-size: calc(8px + 0.9vw);
}

#movie {
    height: 370px;
    width: 593px;
    /*max-width: 360px !important;*/
    /*max-height: 310px !important;
    max-width: 540px;*/
    padding-top: 15px;
    margin: 0 0 0 10px;
}

/*Arrows e formatação da home.css*/

#histories--slick .slick-arrow {
    display: inline-block;
    position: absolute;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    width: 20px !important;
    height: 20px !important;
    color: transparent;
    bottom: 56%;
    z-index: 21000;
}

#histories--slick .slick-next {
    border-right: 5px solid orange;
    border-bottom: 5px solid orange;
    right: 0;
}

#histories--slick .slick-prev {
    border-left: 5px solid orange;
    border-top: 5px solid orange;
    left: 0;
}

#histories--slick {
    box-sizing: border-box;
    display: block;
    float: left;
    margin-top: 10px;
    width: 100%;
}

.slick-slide, .slick-arrow, .slick-slide * {
    outline: none !important;
    margin: 7px 5px 0 5px !important;
}


.telling-historie {
    float: left;
    position: relative;
    padding: 10px 0px !important;
    margin: 10px 10px 0 10px !important;
    width: 40%;
}

.slick-list.draggable {
    max-width: 46%;
    float: right;
    white-space: pre-line;
}

.color-2c537c {
    font-size: 1rem;
    color: #2c537c;
    font-family: museo_sans300;
    font-weight: 300;
    line-height: 1.3em;
    padding: 0 10px;
}