.perfect-flex{
    display: flex;
    flex-wrap: wrap;
}
.flex-left, .flex-right{
    width: 50%;
}
.item-element{
    position: relative;
    height:calc(100vh - 109px);
}
.item-element.slight-small{
    height:calc(68vh - 109px);
}
.text-holder{
    background: #fff8ee;
    padding-left: 4.291667VW;
    padding-right: 2.8125VW;
    padding-top: 2.927083333333334VW;
}
.slide-holder{
    background: #ecfafd;
}
.text-holder h3{
    color: #ff8f8f;
    text-transform: uppercase;
    letter-spacing: 0.13541666666666669VW;
    font-weight: 600;
    font-size: calc( 18px + ( 25 - 18 ) * ( 100vw - 480px ) / ( 1920 - 480 ) );
    line-height: calc( 18px + ( 25 - 18 ) * ( 100vw - 480px ) / ( 1920 - 480 ) );
    padding-bottom: 1.5625VW;
}
.text-holder p {
    padding-bottom: 2.604166666666667VW;
}

.text-holder h1 {
    overflow: hidden;
    padding-bottom: 0;
    padding-top: 0;
    padding-bottom: 12px;
    margin-bottom: 1.483333333333333VW;
    line-height: initial;
    position: relative;
    font-family: 'Buttercup';
    font-size: calc( 27px + ( 48 - 27 ) * ( 100vw - 480px ) / ( 1920 - 480 ) );
    padding-left: 1.8229166666666667VW;
    color: #23262b;
}
.animate-text span{
	display: inline-block;
	opacity: 0;
	width: 0.53541666666666669VW;
	position: relative;
	transform: translate(0px, 220px);
}
.animate-text span:first-of-type{
	width: 24px;
	line-height: 70px;
}
.slide-holder{
    position: relative;
}
.item{
    position: relative;
    display: block;
    width: 80%;
    margin: 0 auto;
}
.img-item{
    position: relative;
    display: block;
    width: 100%;
    height: 6.234vw;
}
.img-item img{
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center center;
}
.force-center{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    right: 0;
    margin: 0 4.291667VW 0 4.291667VW;
    width: calc(100% - 4.291667VW - 4.291667VW);
}
.history-slider{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    right: 0;
    margin: 0 4.291667VW 0 4.291667VW;
    width: calc(100% - 4.291667VW - 4.291667VW);
}

.history-nav{
	position: absolute;
	z-index: 9;
	top: 50%;
	transform: translateY(-50%);
	left: 0;
	right: 0;
	margin: 0 auto;
	width: 80%;
}
.left-nav{
	position: absolute;
    top: 0;
    left: 0;
    width: 2.858333VW;
    height: 2.6125VW;
    cursor: pointer;
}
.right-nav{
	position: absolute;
    top: 0;
    right: 0;
    width: 2.858333VW;
    height: 2.6125VW;
    cursor: pointer;
}
.left-nav img, .right-nav img{
	display: block;
	width: 100%;
}

.history-text{
    /* position: absolute;
    bottom: 0;
    left: 0;
    width: 20%; */
}
.history-text p{
    font-family: 'Poppins';
    font-weight: 600;
    color: #ff9090;
    text-transform: uppercase;
    font-size: 16px;
    line-height: 20px;
    text-align: center;
    padding-top: 16px;
    padding-bottom: 4px;
}
.history-text h2{
    font-family: 'Poppins';
    text-align: center;
    font-size: 16px;
    line-height: 20px;
    padding-left: 0;
    color: #23262b;
    text-align: center;
}
.flex-right.with-skepsis{
    position: relative;
    background: url('../../img/about-bg.jpg');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}
.presa-hold{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: calc(-11.895833333333332VW + 1.5625vw);
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    margin-left: -1.5625VW;
    margin-right: -1.5625VW;
}
.presa-item{
    width: 50%;
    padding: 0 1.5625VW;
}
.presa-element{
    display: block;
    width: 100%;
}
.visual-hold{
    display: block;
    width: 100%;
    height: 15.479166666666664VW;
}
.visual-hold iframe, .visual-hold img{
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center center;
}
.visual-hold img{
    background: #ffc400;
    padding: 20px 20px;
}
.presa-txt{
    background: #fff2c6;
    padding: 1.3020833333333335VW 1.3020833333333335VW;
}
.presa-txt p{
    font-family: 'Raleway', sans-serif;
    font-weight: 600;
    line-height: 22px;
    margin-bottom: 1.3020833333333335VW;
}
.presa-txt .general-btn{
    padding: 0.802083VW 0.802083VW;
    font-size: calc( 10px + ( 16 - 10 ) * ( 100vw - 480px ) / ( 1920 - 480 ) );
    line-height: calc( 10px + ( 16 - 10 ) * ( 100vw - 480px ) / ( 1920 - 480 ) );
}
.constrain-txt{
    width: 75%;
}
.video-holder{
    display: block;
    width: 100%;
    height: 100%;
    background: #bab0d4;
}

.iframe-holder {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 40.10416666666667VW;
    height: 22.65625VW;
}
.iframe-holder iframe {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
}
@media screen and (max-width: 1540px){
    p {
        letter-spacing: 0.04541666666666669VW;
    }
}


@media screen and (max-width: 980px){
    .item-element{
        height: 40.324vw;
    }
    .flex-left, .flex-right{
        width: 100%;
    }
    .item{
        width: 62%;
    }
    .img-item{
        height: 23.234vw;
    }
    .history-text{
        width: 35%;
    }
    .perfect-flex .flex-left iframe{
        height: 420px;
    }
    .presa-hold{
        position: relative;
        top: 0;
        transform: translateY(0%);
        left: 0;
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        margin-left: 0;
        margin-right: 0;
    }
    .flex-right.with-skepsis{
        padding: 25px 0;
    }
    .iframe-holder{
        position: relative;
        top: 0;
        transform: translateY(0%);
        width: 80%;
        height: auto;
        padding: 20px 0;
    }
}

@media screen and (max-width: 520px){
   p {
        letter-spacing: 1.2px;
    }
    .item-element {
        height: 88.324vw;
    }
    .animate-text span:first-of-type{
        width: 17px;
    }
    .animate-text span{
        width: 5px;
    }
    .left-nav, .right-nav{
        width: 4.858333VW;
        height: 2.6125VW;
    }
    .text-holder h3{
        padding-bottom: 0;
        padding-top: 30px;
    }
    .presa-item {
        width: 100%;
        padding: 0 15px;
        margin-bottom: 30px;
    }
    .visual-hold{
        height: 280px;
    }
    .presa-txt{
        padding: 10px 10px;
    }
    .presa-txt p{
        margin-bottom: 12px;
    }
    .force-center{
        position: relative;
        width: 100%;
        margin: 0 0;
        transform: translateY(0px);
        padding-bottom: 25px;
    }
    .item-element{
        height: auto;
    }
    .history-slider {
        position: relative;
        top: 50%;
        transform: translateY(0%);
        left: 0;
        right: 0;
        margin: 0 0 0;
        width: 100%;
        padding: 60px 0;
    }
    .history-nav{
        width: 90%;
    }
    .history-text{
        width: 100%;
    }
    .perfect-flex .flex-left iframe {
        height: 250px;
    }
    .item-element.slight-small{
        height: auto;
    }
    .iframe-holder{
        width: 100%;
        height: auto;
        padding: 15px;
    }
    .video-holder .iframe-holder iframe{
        height: 100% !important;
    }
    .video-holder .iframe-holder{
        height: 54.3453vw;
    }
}
@media screen and (max-width: 370px){
    .perfect-flex .flex-left iframe {
        height: 185px;
    }
}