@font-face {
    font-family: 'CoreSansC';
	src: url(/si_upload/OPR/beko/beko_vco32801ar_v3/fonts/coresansc-35light.ttf) format('truetype'),
		url(/si_upload/OPR/beko/beko_vco32801ar_v3/fonts/coresansc-35light.woff) format('woff'), 
		url(/si_upload/OPR/beko/beko_vco32801ar_v3/fonts/coresansc-35light.svg) format('svg');
	font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'CoreSansC';
	src: url(/si_upload/OPR/beko/beko_vco32801ar_v3/fonts/coresansc-45regular.ttf) format('truetype'),
		url(/si_upload/OPR/beko/beko_vco32801ar_v3/fonts/coresansc-45regular.woff) format('woff'), 
		url(/si_upload/OPR/beko/beko_vco32801ar_v3/fonts/coresansc-45regular.svg) format('svg');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'CoreSansC';
	src: url(/si_upload/OPR/beko/beko_vco32801ar_v3/fonts/coresansc-65bold.ttf) format('truetype'),
		url(/si_upload/OPR/beko/beko_vco32801ar_v3/fonts/coresansc-65bold.woff) format('woff'), 
		url(/si_upload/OPR/beko/beko_vco32801ar_v3/fonts/coresansc-65bold.svg) format('svg');
    font-weight: 600;
    font-style: normal;
}

#esm-content{
    display:block;
    font-family:'CoreSansC', 'Arial', sans-serif;
    font-weight: 500;
    font-size: 16px;
    line-height: 20px;
    margin:0 auto;
    padding:0;
    border:0;
    color:#32363C;
    overflow: hidden;
    container: esm-content-wrapper / inline-size;
}
#esm-content *{
    box-sizing:border-box;
    line-height:1.5;
    font-family:'CoreSansC', 'Arial', sans-serif;
}
#esm-content a,#esm-content div,#esm-content h1,#esm-content h2,#esm-content h3,#esm-content h4,#esm-content h5,#esm-content h6,#esm-content img,#esm-content li,#esm-content ol,#esm-content p,#esm-content span,#esm-content strong,#esm-content table,#esm-content tbody,#esm-content td,#esm-content th,#esm-content thead,#esm-content tr,#esm-content ul{
    margin:0;
    padding:0;
    border:0;
    display:block;
    width: 100%;
}
#esm-content .esm-row{
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:stretch;
    -webkit-align-items:stretch;
    -ms-flex-align:stretch;
    align-items:stretch;
    -webkit-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    margin:0px
}

#esm-content .esm-row-reversed:nth-child(2n+1) {
    flex-direction: row-reverse;
}

@container esm-content-wrapper (min-width: 450px){
    #esm-content .esm-row-reversed:nth-child(2n) > div:first-child {
        padding: 0 34px 0 0;
    }

    #esm-content .esm-row-reversed:nth-child(2n+1) > div:first-child {
        padding: 0 0 0 34px;
    }
}

#esm-content [class*="esm-col-"]{
    width:100%;
    padding:0px
}
#esm-content .esm-col-1{
    width:8.3333%
}
#esm-content .esm-col-2{
    width:16.6666%
}
#esm-content .esm-col-3{
    width:25%
}
#esm-content .esm-col-4{
    width:33.3333%
}
#esm-content .esm-col-5{
    width:41.6666%
}
#esm-content .esm-col-6{
    width:50%
}
#esm-content .esm-col-7{
    width:58.3333%
}
#esm-content .esm-col-8{
    width:66.6666%
}
#esm-content .esm-col-9{
    width:75%
}
#esm-content .esm-col-10{
    width:83.3333%
}
#esm-content .esm-col-11{
    width:91.6666%
}
#esm-content .esm-col-12{
    width:100%
}
@container esm-content-wrapper (min-width: 0px){
     #esm-content .esm-col-s-1{
        width:8.3333%
    }
    #esm-content .esm-col-s-2{
        width:16.6666%
    }
    #esm-content .esm-col-s-3{
        width:25%
    }
    #esm-content .esm-col-s-4{
        width:33.3333%
    }
    #esm-content .esm-col-s-5{
        width:41.6666%
    }
    #esm-content .esm-col-s-6{
        width:50%
    }
    #esm-content .esm-col-s-7{
        width:58.3333%
    }
    #esm-content .esm-col-s-8{
        width:66.6666%
    }
    #esm-content .esm-col-s-9{
        width:75%
    }
    #esm-content .esm-col-s-10{
        width:83.3333%
    }
    #esm-content .esm-col-s-11{
        width:91.6666%
    }
    #esm-content .esm-col-s-12{
        width:100%
    }
}
@container esm-content-wrapper (min-width: 450px){
     #esm-content .esm-col-m-1{
        width:8.3333%
    }
    #esm-content .esm-col-m-2{
        width:16.6666%
    }
    #esm-content .esm-col-m-3{
        width:25%
    }
    #esm-content .esm-col-m-4{
        width:33.3333%
    }
    #esm-content .esm-col-m-5{
        width:41.6666%
    }
    #esm-content .esm-col-m-6{
        width:50%
    }
    #esm-content .esm-col-m-7{
        width:58.3333%
    }
    #esm-content .esm-col-m-8{
        width:66.6666%
    }
    #esm-content .esm-col-m-9{
        width:75%
    }
    #esm-content .esm-col-m-10{
        width:83.3333%
    }
    #esm-content .esm-col-m-11{
        width:91.6666%
    }
    #esm-content .esm-col-m-12{
        width:100%
    }
}
@container esm-content-wrapper (min-width: 650px){
     #esm-content .esm-col-1{
        width:8.3333%
    }
    #esm-content .esm-col-2{
        width:16.6666%
    }
    #esm-content .esm-col-3{
        width:25%
    }
    #esm-content .esm-col-4{
        width:33.3333%
    }
    #esm-content .esm-col-5{
        width:41.6666%
    }
    #esm-content .esm-col-6{
        width:50%
    }
    #esm-content .esm-col-7{
        width:58.3333%
    }
    #esm-content .esm-col-8{
        width:66.6666%
    }
    #esm-content .esm-col-9{
        width:75%
    }
    #esm-content .esm-col-10{
        width:83.3333%
    }
    #esm-content .esm-col-11{
        width:91.6666%
    }
    #esm-content .esm-col-12{
        width:100%
    }
}

#esm-content .esm-white-background {
    background-color: #ffffff;
}

#esm-content .esm-outer-container {
    max-width: 1200px;
    margin: 0 auto;
}

#esm-content .esm-content-section {
    padding: 0 4%;
}

#esm-content .esm-content-section-top {
    padding-top: 40px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

#esm-content .esm-banner-logo { 
    width: 150px;
}

#esm-content .esm-header-top {
    padding: 80px 0 0 40px;
    font-size: 36px;
    font-weight: lighter;
    text-transform: uppercase;
    letter-spacing: 6px;
}

#esm-content .esm-header-middle {
    padding: 0 0 0 80px;
    font-size: 58px;
    font-weight: bold;
    letter-spacing: 4px;
    color: #033f71;
}

#esm-content .esm-header-bottom {
    padding: 0 0 0 80px;
    font-size: 21px;
    font-weight: bold;
    letter-spacing: 2px;
    color: #033f71;
}

#esm-content .esm-model-box {
    width: fit-content;
    padding-top: 8px;
    padding-left: 20px;
    padding-right: 20px;
    margin: 0 0 0 80px;
    border-radius: 16px;
    border: 2px solid #033f71;
    font-size: 30px;
    font-weight: bold;
    color: #033f71;
}

#esm-content .esm-header-section {
    width: 100%;
}

@container esm-content-wrapper (max-width: 920px){
    #esm-content .esm-header-top {
        font-size: 28px;
        padding-left: 20px;
        padding-top: 20px;
    }

    #esm-content .esm-header-middle {
        font-size: 38px;
        padding-left: 40px;
    }

    #esm-content .esm-header-bottom {
        font-size: 16px;
        padding-left: 40px;
    }

    #esm-content .esm-model-box {
        margin-left: 40px;
        font-size: 26px;
    }
}

@container esm-content-wrapper (max-width: 600px){
    #esm-content .esm-header-top {
        font-size: 36px;
        padding-left: 0;
    }

    #esm-content .esm-header-middle {
        font-size: 40px;
        padding-left: 0;
    }

    #esm-content .esm-header-bottom {
        font-size: 14px;
        padding-left: 0;
    }

    #esm-content .esm-model-box {
        margin-left: 20px;
        font-size: 20px;
    }
}

#esm-content .esm-packshot-top-container {
    display: flex;
    justify-content: flex-end;
    flex-direction: row;    
}

#esm-content .esm-packshot-top {
    width: 50%;
    min-width: 250px;
    display: flex;
    align-items: end;
    height: 170px;
}

#esm-content .esm-packshot-top > img {
    transform: scale(1.3) translate(-8%, 8%);
    max-width: unset;
    max-height: unset;
}

@container esm-content-wrapper (max-width: 450px){
    #esm-content .esm-packshot-top {
        width: 100%;
        height: 100%;
    }
    
    #esm-content .esm-packshot-top > img {
        transform: scale(1) translate(0, 0);
    }
}

#esm-content .esm-packshot-middle {
    position: relative;
}

#esm-content .esm-packshot-middle > img {
    transform: translate(-52%, -50%) scale(2);
    position: absolute;
    object-fit: contain;
    max-width: unset;
    max-height: unset;
}

@container esm-content-wrapper (max-width: 800px){
    #esm-content .esm-packshot-middle > img {
        transform: translate(-110%, -100%) scale(3);
    }
}

@container esm-content-wrapper (max-width: 450px){
    #esm-content .esm-packshot-middle > img {
        transform: translate(-25%, 0) scale(1);
        position: relative;
    }
}

#esm-content .esm-packshot-bottom { 
    height: 200px;
}

#esm-content .esm-packshot-bottom > img {
    transform: translate(-33%, -70%) scale(1.5);
    max-width: unset;
    max-height: unset;
}

@container esm-content-wrapper (max-width: 650px){
    #esm-content .esm-packshot-bottom > img {
        transform: translate(0, 80%) scale(2);
    }
}

@container esm-content-wrapper (max-width: 450px){
    #esm-content .esm-packshot-bottom {
        display: none;
    }
}

#esm-content .esm-gradient-transition {
    height: 120px;
}

#esm-content .esm-white-blue-background {
    background: rgb(255,255,255);
    background: linear-gradient(to bottom right, rgba(255,255,255,1) 49%, rgba(1,29,51,1) 50%, rgba(1,54,96,1) 56%);
}

#esm-content .esm-blue-background {
    background-color: rgba(1,54,96,1);
    color: white;
}

#esm-content .esm-icons-section {
    margin: 0;
}

#esm-content .esm-icons-title {
    font-size: 28px;
    font-weight: lighter;
    text-transform: uppercase;
    letter-spacing: 2px;
}

#esm-content .esm-bullets-container {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    flex-wrap: wrap;
}

#esm-content .esm-bullets-container .esm-bullet-box {
    flex-basis: 20%;
    padding-right: 10px;
    padding-top: 10px;
}

@container esm-content-wrapper (max-width: 920px){
    #esm-content .esm-bullets-container .esm-bullet-box {
        flex-basis: 33%;
        padding-right: 10px;
        padding-top: 10px;
    }    
}

#esm-content .esm-bullets-container .esm-bullet-box-2 {
    flex-basis: 16%;
}

@container esm-content-wrapper (max-width: 920px){
    #esm-content .esm-bullets-container .esm-bullet-box-2 {
        flex-basis: 33%;
    }    
}

#esm-content .esm-bullets-container .esm-bullet-box .esm-image {
    width: 72px;
    margin: 0 auto;
}

#esm-content .esm-bullets-container .esm-bullet-box .esm-bullet-title {
    margin: 20px auto;
    font-weight: bold;
    font-size: 14px;
    text-align: center;
}

#esm-content .esm-bullets-container .esm-bullet-box .esm-bullet-desc {
    font-size: 12px ;
    font-weight: lighter;
}

#esm-content .esm-blue-black-background {
    background: rgba(1,54,96,1);
    background: linear-gradient(to bottom right, rgba(1,54,96,1) 44%, rgba(1,29,51,1) 50%, rgba(0, 0, 0) 51%);
}

#esm-content .esm-black-background {
    background-color: rgba(0, 0, 0);
    color: white;
}

#esm-content .esm-black-white-background {
    background: rgba(0, 0, 0);
    background: linear-gradient(to bottom right, rgba(0, 0, 0) 49%, rgb(255,255,255) 50%, rgb(255,255,255) 56%);
}

#esm-content .esm-white-gray-background {
    background: rgb(255,255,255);
    background: linear-gradient(to bottom left, rgb(255,255,255) 49%, rgb(230,230,230) 50%, rgb(230,230,230) 56%);
}

#esm-content .esm-gray-background {
    background-color: rgb(230,230,230);
    color: #21282e;
}

#esm-content .esm-technology-row {
    padding: 0 0 80px 0;
}

@container esm-content-wrapper (max-width: 450px){
    #esm-content .esm-technology-row > div:first-child {
        margin: 0 auto 10px auto;
        width: 80%
    }
}

#esm-content .esm-vertical-align {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

#esm-content .esm-technology-title {
    font-size: 21px;
    font-weight: bold;
    text-transform: uppercase;
    color: #3B8BC0;
    margin: 0 0 10px 0;
}

#esm-content .esm-technology-description {
    font-size: 18px;
    text-align: justify;
}

#esm-content .esm-gray-dark-gray-background {
    background: rgb(230,230,230);
    background: linear-gradient(to bottom right, rgb(230,230,230) 50%, rgb(218,218,218) 50%);
}

#esm-content .esm-dark-gray-white-background {
    background: rgb(218,218,218);
    background: linear-gradient(to bottom left, rgb(218,218,218) 50%, rgb(255,255,255) 50%);
}

#esm-content .esm-disclaimer {
    font-size: 11px;
    opacity: 0.4;
}

#esm-content .esm-header-blue {
    color: #0089d1;
}

#esm-content .esm-qa-question {
    font-size: 19px;
    color: #0089d1;
    text-transform: uppercase;
    margin: 0 0 20px 0;
}

#esm-content .esm-qa-answer {
    font-size: 17px;
    margin: 0 0 60px 0;
}

@container esm-content-wrapper (max-width: 650px){
    #esm-content .esm-qa-question {
        font-size: 15px;
    }

    #esm-content .esm-qa-answer {
        font-size: 14px;
    }
}

#esm-content .esm-blue-white-background {
    background: rgba(1,54,96,1);
    background: linear-gradient(to bottom right, rgba(1,54,96,1) 44%, rgba(1,29,51,1) 50%, rgba(255, 255, 255) 51%);
}

#esm-content .esm-flex-end {
    justify-content: flex-end;
}