.page-wrp{position:relative;background:#ffffff;z-index: 9;}

.elements{position:absolute;z-index: 9;}
.elements.e-18{top: 5%;left: -1%;width: 8vw;}
.elements.e-19{bottom: 20%;right: -3%;width: 13vw;} 

section{position:relative;}
section.love-sec-hero{color:var(--color-01);height:100vh;display: flex;align-items: center;/*background:url("hero-love.jpg");background-attachment: fixed;*/background: url(../assets/love/hero-love.webp) no-repeat center center;} 

section.love-sec-01{padding: 150px 0px;}
section.love-sec-01 .txt{cursor: pointer;position:relative;display: inline;overflow: hidden;transition:all 500ms ease-in-out;}

section.love-sec-01 .icon{height: 80px;display: inline-block;position:relative;top: 2.5vh;}
section.love-sec-01 .icon img{position:absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}
section.love-sec-01 .icon.i-01{width: 270px;}
section.love-sec-01 .icon.i-02{width: 150px;left: 50px;top: 0px;z-index: 9;}
section.love-sec-01 .icon.i-03{width: 160px;}
section.love-sec-01 .icon.i-04{width: 140px;}
section.love-sec-01 .icon.i-05{width: 250px;}
 
section.love-sec-02{padding:0px 0px 150px 0px;}

.l_box{border-radius:30px;transition:all 500ms ease-in-out;margin-bottom: 30px;}
.l_box h2{color:var(--color-01)}
.l_box .l_thumb{overflow: hidden;border-radius:30px;transition:all 500ms ease-in-out;}
.l_box .l_thumb img{width:100%;border-radius: 30px;transition:all 700ms ease-in-out;}

.ltb-half_1{display: flex;height: 54vh;align-items: center;justify-content: center;margin-bottom: 30px;padding: 5%;}
.ltb-half_2{display: flex;height: calc(40vh - 30px);justify-content: center;}
.ltb-full{width: 100%;height: 94vh;overflow: hidden;display: flex;justify-content: center;}

.l_box:hover{transition:all 500ms ease-in-out;}
.l_box:hover .l_thumb img{transform:scale(1.1);transition:all 700ms ease-in-out;}

.btn-orange {color: var(--color-04);font-size: 21px;font-weight: 600;text-align: center;position: absolute;bottom: 6px;max-width: 200px;width: 100%;background: var(--color-06);padding: 10px 10px 14px 10px;border-radius: 100px;overflow:hidden;transition:all 300ms ease-in-out;}
.btn-orange span{position:relative;z-index:9;}
.btn-orange:before{content:"";position: absolute;top: 50%;left: 50%;width:200px;height: 200px;background: var(--color-04);border-radius: 100%;transform: translate(-50%,20%);z-index: 4;transition:all 300ms ease-in-out;}
 
.l_box:hover .btn-orange{transform: scale(1.1);transition:all 300ms ease-in-out;}
.l_box:hover .btn-orange:before{transform:translate(-50%,-50%) scale(2);transition:all 300ms ease-in-out;}
.l_box:hover .btn-orange span{color:var(--color-01);transition:all 300ms ease-in-out;}


/* Smartphones (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) {
	.overlay_bg{display:none;}

	.elements.e-18{top: -110px;left: -12px;width: 60px;}
	.elements.e-19{bottom: 20%;right: -3%;width: 13vw;} 
	
	.fscreen-01 .fimg{height: 100%;}

	section.love-sec-01{padding: 80px 0px 60px 0px;}
	section.love-sec-01 h2{/* font-size:24px; */}
	section.love-sec-01 .icon{height: 30px;}
	section.love-sec-01 .icon.i-01{width: 67px;top: 10px;}
	section.love-sec-01 .icon.i-02{width: 50px;left: 27px;margin-left: -20px;}
	section.love-sec-01 .icon.i-03{width: 70px;top: 14px;}
	section.love-sec-01 .icon.i-04{}

	section.love-sec-02{padding: 50px 0px 80px 0px;}
	.ltb-half_1{height: auto;padding: 25px;margin-bottom: 0px;}
	.ltb-half_1 h2{margin-bottom:0px;}
	.ltb-half_2{margin-top:30px;}

	.ltb-full{height:auto;margin-top: 40px;}

	.btn-orange{font-size:16px;padding: 10px 10px 10px 10px;}

}

/* Smartphones (landscape) ----------- */
@media only screen 
and (min-width : 321px) {

}

/* Smartphones (portrait) ----------- */
@media only screen 
and (max-width : 320px) {

}

/* iPads (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) {

}

/* iPads (landscape) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) {

}

/* iPads (portrait) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) {
	
}

/* iPad 3 (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (-webkit-min-device-pixel-ratio : 2),
only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (min-resolution: 192dpi) { 

}

/* Desktops and laptops ----------- */
@media only screen 
and (min-width : 1224px) {
	
}

/* Large screens ----------- */
@media only screen 
and (min-width : 1824px) {
	
}

/* Retina displays ----------- */
@media  only screen 
and (-webkit-min-device-pixel-ratio : 2), 
only screen 
and (min-resolution: 192dpi) {

}