/* General */
.space-inline{
    padding-left: clamp(20px,8.333vw,160px);
    padding-right: clamp(20px,8.333vw,160px);;
}

.space-block{
    padding-top: clamp(50px,5.208vw,100px);
    padding-bottom: clamp(50px,5.208vw,100px);
}

.space-top{
    padding-top: clamp(50px,5.208vw,100px);
}

.space-bottom{
    padding-bottom: clamp(50px,5.208vw,100px);
}

.text-center{
    text-align: center;
}

p, h2, h3, h4{
    color: #333;
}

.has-list ul.list-two-cols{
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.has-list ul{
    padding-left: 22px;
}

.has-list ul li{
    list-style-type: none;
    position: relative;
    flex: 0 0 49%;
    font-size: clamp(15px,0.833vw,16px);
    color: #333;
    line-height: 1.4;
    margin-bottom: 6px;
}

.has-list ul li::before {
	content: '';
	position: absolute;
	left: -20px;
	top: 6px;
	width: 10px;
	height: 11px;
	background-repeat: no-repeat;
	background-image: url('/images/glass-new/arrow-right.svg');
}

.max630{
    max-width: 630px;
}

.max780{
    max-width: clamp(400px,40.625vw,780px);
}

.bg-gray{
    background-color: #F1F1F1;
}

.text25{
    font-size: clamp(20px,1.302vw,25px);
}

.text20{
    font-size: clamp(18px,1.042vw,20px);
}

.text16{
    font-size: clamp(15px,0.833vw,16px);
}

.c-red{
    color: #DE1E2D;
}

.sep{
    background-color: #DE1E2D;
    height: clamp(5px,0.521vw,10px);
    width: clamp(50px,5.208vw,100px);
    margin: 20px 0;
}

.font400{
    font-weight: 400;
}

.font600{
    font-weight: 600;
}

.font700{
    font-weight: 700;
}

.align-center{
    align-items: center;
}


/* Title Area */

.title-area{
    font-family: Open Sans,sans-serif;
    position: relative;
}

.title-area .content{
    position: absolute;
    top: clamp(40px,4.583vw,88px);
    left: clamp(20px,15.365vw,295px);
}

.title-area img{
    width: 100%;
}

.title-area h1{
    font-size: clamp(40px,3.906vw,75px);
    margin: 0;
}

.title-area h2{
    margin: 0;
}

.fontOpen{
    font-family: Open Sans,sans-serif;
}


/* Logos */
.logos-area{
    display: flex;
    gap: clamp(60px,9.375vw,180px);
}

.logos-area img{
    width: auto;
    max-width: clamp(400px,33.854vw,650px);
}


/* Two columns */
.two-cols-area{
    display: flex;
    justify-content: space-between;
    gap: 30px;
}

.two-cols-area img{
    width: auto;
    max-width: clamp(400px,48.177vw,925px);
}


/* Three columns */
.three-cols-area{
    display: flex;
    justify-content: space-between;
    gap: 50px;
}

.three-cols-area img{
    max-width: 100%;
}

.three-cols-area .content{
    min-width: 300px;
}

/* Half Cols  */

.half-cols-area .inner{
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.half-cols-area .inner .left{
    flex: 0 0 50%;
}

.half-cols-area .inner .right{
    padding-left: 5%;
}

.half-cols-area .inner img{
    max-width: 100%;
}

.half-cols-area .intro{
    max-width: 750px;
    margin: 0 auto 60px auto;
}


/* Masonry Gallery */

.gallery-container {
    display: flex;
    gap: clamp(5px,1.042vw,20px);
}
.gallery-container > div{
    font-size: 0;
}

.gallery-container .img-wrapper {
    margin-bottom: clamp(5px,1.042vw,20px);
    max-width: 100%;
}

/* Stories */

.stories-area .top{
    display: flex;
    gap: 20px;
}

.stories-area .top img{
    width: 100%;
}

.stories-area .bottom img{
    max-width: 100%;
    margin: 0 auto;
}


.stories-area h3{
    max-width: 600px;
    margin: 30px auto;
}

.stories-area .vertical-sep{
    height: clamp(100px,13.021vw,250px);
    background-color: #DE1E2D;
    width: 5px;
    display: flex;
    align-self: flex-end;
    margin-bottom: 20px;
}


/* Responsive */
@media screen and (max-width:1300px){
    .three-cols-area.has-list ul li{
        flex: 0 0 100%;
    }
}

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

    .max780{
        max-width: 100%;
    }

    .has-list ul li{
        flex: 0 0 100%;
    }

    .flex-column-tablet{
        flex-direction: column;
    }

    .title-area .content{
        left: 20px
    }

    .logos-area img, .two-cols-area img{
        width: 100%;
        max-width:100%;
    }

    .half-cols-area .inner .right{
        padding-left: 0;
        padding-top: 30px;
    }

    .stories-area .vertical-sep{
        display: none;
    }
}

@media screen and (max-width:767px){
    .title-area .content{
        position: relative;
        padding: 40px 20px;
        margin-bottom: 60px;
    }

    .gallery-container{
        flex-direction: column;
    }
    .gallery-container > div{
        flex: 0 0 100%;
    }
}

.itemid-154 .container{
    width: 100%;
}

.itemid-154 #sp-main-body #sp-component, .itemid-154 #sp-main-body{
    padding: 0;
}

.itemid-154 .itemListCategory h2.catName{
    display: none;
}