
@font-face{font-family:'Open Sans Hebrew';font-style:italic;font-weight:300;src:url(//fonts.gstatic.com/ea/opensanshebrew/v3/OpenSansHebrew-LightItalic.eot);src:url(//fonts.gstatic.com/ea/opensanshebrew/v3/OpenSansHebrew-LightItalic.eot?#iefix) format('embedded-opentype'),url(//fonts.gstatic.com/ea/opensanshebrew/v3/OpenSansHebrew-LightItalic.woff2) format('woff2'),url(//fonts.gstatic.com/ea/opensanshebrew/v3/OpenSansHebrew-LightItalic.woff) format('woff'),url(//fonts.gstatic.com/ea/opensanshebrew/v3/OpenSansHebrew-LightItalic.ttf) format('truetype')}
@font-face{font-family:'Open Sans Hebrew';font-style:normal;font-weight:300;src:url(//fonts.gstatic.com/ea/opensanshebrew/v3/OpenSansHebrew-Light.eot);src:url(//fonts.gstatic.com/ea/opensanshebrew/v3/OpenSansHebrew-Light.eot?#iefix) format('embedded-opentype'),url(//fonts.gstatic.com/ea/opensanshebrew/v3/OpenSansHebrew-Light.woff2) format('woff2'),url(//fonts.gstatic.com/ea/opensanshebrew/v3/OpenSansHebrew-Light.woff) format('woff'),url(//fonts.gstatic.com/ea/opensanshebrew/v3/OpenSansHebrew-Light.ttf) format('truetype')}
@font-face{font-family:'Open Sans Hebrew';font-style:italic;font-weight:400;src:url(//fonts.gstatic.com/ea/opensanshebrew/v3/OpenSansHebrew-Italic.eot);src:url(//fonts.gstatic.com/ea/opensanshebrew/v3/OpenSansHebrew-Italic.eot?#iefix) format('embedded-opentype'),url(//fonts.gstatic.com/ea/opensanshebrew/v3/OpenSansHebrew-Italic.woff2) format('woff2'),url(//fonts.gstatic.com/ea/opensanshebrew/v3/OpenSansHebrew-Italic.woff) format('woff'),url(//fonts.gstatic.com/ea/opensanshebrew/v3/OpenSansHebrew-Italic.ttf) format('truetype')}
@font-face{font-family:'Open Sans Hebrew';font-style:normal;font-weight:400;src:url(//fonts.gstatic.com/ea/opensanshebrew/v3/OpenSansHebrew-Regular.eot);src:url(//fonts.gstatic.com/ea/opensanshebrew/v3/OpenSansHebrew-Regular.eot?#iefix) format('embedded-opentype'),url(//fonts.gstatic.com/ea/opensanshebrew/v3/OpenSansHebrew-Regular.woff2) format('woff2'),url(//fonts.gstatic.com/ea/opensanshebrew/v3/OpenSansHebrew-Regular.woff) format('woff'),url(//fonts.gstatic.com/ea/opensanshebrew/v3/OpenSansHebrew-Regular.ttf) format('truetype')}
@font-face{font-family:'Open Sans Hebrew';font-style:italic;font-weight:700;src:url(//fonts.gstatic.com/ea/opensanshebrew/v3/OpenSansHebrew-BoldItalic.eot);src:url(//fonts.gstatic.com/ea/opensanshebrew/v3/OpenSansHebrew-BoldItalic.eot?#iefix) format('embedded-opentype'),url(//fonts.gstatic.com/ea/opensanshebrew/v3/OpenSansHebrew-BoldItalic.woff2) format('woff2'),url(//fonts.gstatic.com/ea/opensanshebrew/v3/OpenSansHebrew-BoldItalic.woff) format('woff'),url(//fonts.gstatic.com/ea/opensanshebrew/v3/OpenSansHebrew-BoldItalic.ttf) format('truetype')}
@font-face{font-family:'Open Sans Hebrew';font-style:normal;font-weight:700;src:url(//fonts.gstatic.com/ea/opensanshebrew/v3/OpenSansHebrew-Bold.eot);src:url(//fonts.gstatic.com/ea/opensanshebrew/v3/OpenSansHebrew-Bold.eot?#iefix) format('embedded-opentype'),url(//fonts.gstatic.com/ea/opensanshebrew/v3/OpenSansHebrew-Bold.woff2) format('woff2'),url(//fonts.gstatic.com/ea/opensanshebrew/v3/OpenSansHebrew-Bold.woff) format('woff'),url(//fonts.gstatic.com/ea/opensanshebrew/v3/OpenSansHebrew-Bold.ttf) format('truetype')}
@font-face{font-family:'Open Sans Hebrew';font-style:italic;font-weight:800;src:url(//fonts.gstatic.com/ea/opensanshebrew/v3/OpenSansHebrew-ExtraBoldItalic.eot);src:url(//fonts.gstatic.com/ea/opensanshebrew/v3/OpenSansHebrew-ExtraBoldItalic.eot?#iefix) format('embedded-opentype'),url(//fonts.gstatic.com/ea/opensanshebrew/v3/OpenSansHebrew-ExtraBoldItalic.woff2) format('woff2'),url(//fonts.gstatic.com/ea/opensanshebrew/v3/OpenSansHebrew-ExtraBoldItalic.woff) format('woff'),url(//fonts.gstatic.com/ea/opensanshebrew/v3/OpenSansHebrew-ExtraBoldItalic.ttf) format('truetype')}
@font-face{font-family:'Open Sans Hebrew';font-style:normal;font-weight:800;src:url(//fonts.gstatic.com/ea/opensanshebrew/v3/OpenSansHebrew-ExtraBold.eot);src:url(//fonts.gstatic.com/ea/opensanshebrew/v3/OpenSansHebrew-ExtraBold.eot?#iefix) format('embedded-opentype'),url(//fonts.gstatic.com/ea/opensanshebrew/v3/OpenSansHebrew-ExtraBold.woff2) format('woff2'),url(//fonts.gstatic.com/ea/opensanshebrew/v3/OpenSansHebrew-ExtraBold.woff) format('woff'),url(//fonts.gstatic.com/ea/opensanshebrew/v3/OpenSansHebrew-ExtraBold.ttf) format('truetype')}
@font-face{font-family:'Open Sans Hebrew Condensed';font-style:italic;font-weight:300;src:url(//fonts.gstatic.com/ea/opensanshebrewcondensed/v3/OpenSansHebrewCondensed-LightItalic.eot);src:url(//fonts.gstatic.com/ea/opensanshebrewcondensed/v3/OpenSansHebrewCondensed-LightItalic.eot?#iefix) format('embedded-opentype'),url(//fonts.gstatic.com/ea/opensanshebrewcondensed/v3/OpenSansHebrewCondensed-LightItalic.woff2) format('woff2'),url(//fonts.gstatic.com/ea/opensanshebrewcondensed/v3/OpenSansHebrewCondensed-LightItalic.woff) format('woff'),url(//fonts.gstatic.com/ea/opensanshebrewcondensed/v3/OpenSansHebrewCondensed-LightItalic.ttf) format('truetype')}
@font-face{font-family:'Open Sans Hebrew Condensed';font-style:normal;font-weight:300;src:url(//fonts.gstatic.com/ea/opensanshebrewcondensed/v3/OpenSansHebrewCondensed-Light.eot);src:url(//fonts.gstatic.com/ea/opensanshebrewcondensed/v3/OpenSansHebrewCondensed-Light.eot?#iefix) format('embedded-opentype'),url(//fonts.gstatic.com/ea/opensanshebrewcondensed/v3/OpenSansHebrewCondensed-Light.woff2) format('woff2'),url(//fonts.gstatic.com/ea/opensanshebrewcondensed/v3/OpenSansHebrewCondensed-Light.woff) format('woff'),url(//fonts.gstatic.com/ea/opensanshebrewcondensed/v3/OpenSansHebrewCondensed-Light.ttf) format('truetype')}
@font-face{font-family:'Open Sans Hebrew Condensed';font-style:italic;font-weight:400;src:url(//fonts.gstatic.com/ea/opensanshebrewcondensed/v3/OpenSansHebrewCondensed-Italic.eot);src:url(//fonts.gstatic.com/ea/opensanshebrewcondensed/v3/OpenSansHebrewCondensed-Italic.eot?#iefix) format('embedded-opentype'),url(//fonts.gstatic.com/ea/opensanshebrewcondensed/v3/OpenSansHebrewCondensed-Italic.woff2) format('woff2'),url(//fonts.gstatic.com/ea/opensanshebrewcondensed/v3/OpenSansHebrewCondensed-Italic.woff) format('woff'),url(//fonts.gstatic.com/ea/opensanshebrewcondensed/v3/OpenSansHebrewCondensed-Italic.ttf) format('truetype')}
@font-face{font-family:'Open Sans Hebrew Condensed';font-style:normal;font-weight:400;src:url(//fonts.gstatic.com/ea/opensanshebrewcondensed/v3/OpenSansHebrewCondensed-Regular.eot);src:url(//fonts.gstatic.com/ea/opensanshebrewcondensed/v3/OpenSansHebrewCondensed-Regular.eot?#iefix) format('embedded-opentype'),url(//fonts.gstatic.com/ea/opensanshebrewcondensed/v3/OpenSansHebrewCondensed-Regular.woff2) format('woff2'),url(//fonts.gstatic.com/ea/opensanshebrewcondensed/v3/OpenSansHebrewCondensed-Regular.woff) format('woff'),url(//fonts.gstatic.com/ea/opensanshebrewcondensed/v3/OpenSansHebrewCondensed-Regular.ttf) format('truetype')}
@font-face{font-family:'Open Sans Hebrew Condensed';font-style:italic;font-weight:700;src:url(//fonts.gstatic.com/ea/opensanshebrewcondensed/v3/OpenSansHebrewCondensed-BoldItalic.eot);src:url(//fonts.gstatic.com/ea/opensanshebrewcondensed/v3/OpenSansHebrewCondensed-BoldItalic.eot?#iefix) format('embedded-opentype'),url(//fonts.gstatic.com/ea/opensanshebrewcondensed/v3/OpenSansHebrewCondensed-BoldItalic.woff2) format('woff2'),url(//fonts.gstatic.com/ea/opensanshebrewcondensed/v3/OpenSansHebrewCondensed-BoldItalic.woff) format('woff'),url(//fonts.gstatic.com/ea/opensanshebrewcondensed/v3/OpenSansHebrewCondensed-BoldItalic.ttf) format('truetype')}
@font-face{font-family:'Open Sans Hebrew Condensed';font-style:normal;font-weight:700;src:url(//fonts.gstatic.com/ea/opensanshebrewcondensed/v3/OpenSansHebrewCondensed-Bold.eot);src:url(//fonts.gstatic.com/ea/opensanshebrewcondensed/v3/OpenSansHebrewCondensed-Bold.eot?#iefix) format('embedded-opentype'),url(//fonts.gstatic.com/ea/opensanshebrewcondensed/v3/OpenSansHebrewCondensed-Bold.woff2) format('woff2'),url(//fonts.gstatic.com/ea/opensanshebrewcondensed/v3/OpenSansHebrewCondensed-Bold.woff) format('woff'),url(//fonts.gstatic.com/ea/opensanshebrewcondensed/v3/OpenSansHebrewCondensed-Bold.ttf) format('truetype')}
@font-face{font-family:'Open Sans Hebrew Condensed';font-style:italic;font-weight:800;src:url(//fonts.gstatic.com/ea/opensanshebrewcondensed/v3/OpenSansHebrewCondensed-ExtraBoldItalic.eot);src:url(//fonts.gstatic.com/ea/opensanshebrewcondensed/v3/OpenSansHebrewCondensed-ExtraBoldItalic.eot?#iefix) format('embedded-opentype'),url(//fonts.gstatic.com/ea/opensanshebrewcondensed/v3/OpenSansHebrewCondensed-ExtraBoldItalic.woff2) format('woff2'),url(//fonts.gstatic.com/ea/opensanshebrewcondensed/v3/OpenSansHebrewCondensed-ExtraBoldItalic.woff) format('woff'),url(//fonts.gstatic.com/ea/opensanshebrewcondensed/v3/OpenSansHebrewCondensed-ExtraBoldItalic.ttf) format('truetype')}
@font-face{font-family:'Open Sans Hebrew Condensed';font-style:normal;font-weight:800;src:url(//fonts.gstatic.com/ea/opensanshebrewcondensed/v3/OpenSansHebrewCondensed-ExtraBold.eot);src:url(//fonts.gstatic.com/ea/opensanshebrewcondensed/v3/OpenSansHebrewCondensed-ExtraBold.eot?#iefix) format('embedded-opentype'),url(//fonts.gstatic.com/ea/opensanshebrewcondensed/v3/OpenSansHebrewCondensed-ExtraBold.woff2) format('woff2'),url(//fonts.gstatic.com/ea/opensanshebrewcondensed/v3/OpenSansHebrewCondensed-ExtraBold.woff) format('woff'),url(//fonts.gstatic.com/ea/opensanshebrewcondensed/v3/OpenSansHebrewCondensed-ExtraBold.ttf) format('truetype')}

@font-face{
	font-family:'Quiches';
	font-style:normal;font-weight:400;
	src:url(/assets/fonts/Quiche/QuicheFine-Regular.ttf);
	/*unicode-range: U+30-7F;	*/
}

@font-face{
	font-family:'QuicheSans';
	font-style:normal;font-weight:400;
	src:url(/assets/fonts/QuicheSans/Fontspring-DEMO-quichesans-medium.otf);
	unicode-range: U+30-7F;	
}


@font-face {font-family: Minion-Pro-Regular;src: url(/assets/fonts/Minion/Minion-Pro-Regular.ttf);}

:focus {
    outline-width: 10px;
    outline-color: red;
}


body {font-family: 'Open Sans Hebrew Condensed', sans-serif;}
input,select,button{font-family:inherit}
body{padding:0;margin:0;direction:rtl;background: #3388a1;position: relative;color: white;}

.flowers::before{content:"";position: absolute;right: 0;top: 0;bottom: 0;width: 15vw;background-image: url(../img/flowers1.jpg);background-size: 100% auto;height: 100%;z-index: -1;max-width: 100px;opacity: 0.5;z-index: -2;}
.flowers::after{content:"";position: absolute;left: 0;top: 0;bottom: 0;width: 15vw;background-image: url(../img/flowers2.jpg);background-size: 100% auto;height: 100%;z-index: -1;max-width: 100px;opacity: 0.5;background-position: top 30% center;}

.top-logo{position: absolute;z-index:1;/* background: linear-gradient(180deg, rgba(0,0,0), rgba(0,0,0,0)); */text-align: center;/* height: 90px; *//* padding-top: 20px; */bottom: calc(100% - 10px);display: flex;width: calc(100% - 20px);margin: 0px auto 0;left: 0;right: 0;justify-content: center;align-items: stretch;}
.top-logo img{width: calc(100% - 80px);max-width: 500px;filter: drop-shadow(1px 1px 1px black);margin: -10px 5px 10px;}
.top-logo::before{content:"";width:50%;display:block;border-right: 2px solid #ffffff;border-top: 2px solid #ffffff;/* border-radius: 0 20px 0 0; */}
.top-logo::after{content:"";width:50%;display:block;border-left: 2px solid #ffffff;border-top: 2px solid #ffffff;border-radius: 20px 0 0 0;}

.buttons{background: white;overflow: hidden;position: relative;text-align: center;/* padding-top: 30px; */display: flex;position: fixed;bottom: 0;left: 0;right: 0;z-index: 4;transition: 0.2s all;gap: 1px;box-shadow: 0 0 10px black;}
.buttons a{cursor:pointer;width: 100%;height: 60px;display: inline-flex;margin-bottom: 0;align-items: center;justify-content: center;font-size: 5vw;text-decoration: none;color: white;box-sizing: border-box;cursor: pointer;font-weight: 500;line-height: 1;font-weight: bold;text-align: right}
.buttons a.lead{background: #066579;/* background: linear-gradient(-90deg, #49707d 0%, #78a3b1 70%, #49707d); */}
.buttons a.small{max-width:60px}
.buttons a svg{width: 64% !important;!i;!;height: 64%;border-radius: 50%;background: white;padding: 2px;box-sizing: border-box;box-shadow: 1px 1px 2px #ccc inset;}
.buttons a.contact{background: linear-gradient(45deg, #8f6e3f 0%, #fbcf8c 50%, #9f7c49);text-shadow: 0 0 2px BLACK;color: black;text-shadow: none;}

body.scrollform .buttons{/* opacity:0; */}

.nis {font-size: 0.6em;}

header {position: sticky;top: 0;z-index: 100;}
.slogen-wrap {position: relative;height: 50px;/* background-image: url("../img/grid2.jpg"); */background-size: cover;background-position: center center;background: linear-gradient(-90deg, #49707d 0%, #78a3b1 70%, #49707d);box-shadow: 0 0 10px black, 0 0 2px inset white;}
.slogens {position: absolute;height: 50px;overflow: hidden;left: 2vw;box-sizing: border-box;right: 2vw;text-align: center;margin: 0;}
.slogens > div {position: absolute;color: #fff;font-size: 6.2vw;line-height: 1;display: flex;height: 50px;/* text-shadow: black 0px 0px 2px; */align-items: center;font-weight: 500;transition: all 0.4s ease 0s;top: 60px;opacity: 0;left: 0px;right: 0px;place-content: center;flex-wrap: wrap;font-weight: 600;}
.slogens > div.show, .slogens div:focus {top: 0px;opacity: 1;}
.slogens > div:not(:focus).prev {top: -60px;opacity: 0;height: 80px;}
.slogens > div:focus{transition:none;background:white;z-index:999;opacity:1 !important;display:flex !important}

.muteonoff{position:fixed;z-index:99;left:0}
.muteonoff button {background: rgba(0,0,0,0.5);border: 0;width: 40px;height: 40px;position: absolute;z-index: 3;left: 10px;top: 10px;display: flex;align-items: center;justify-content: center;border: 2px solid white;border-radius: 50%;}
.muteonoff button svg{width: 80%;fill:white}
.muteonoff:not(.muted) #unmute{display:none}
.muteonoff.muted #mute{display:none}

.top-vid{/* background:black; */color:white;display:flex;height: calc(100vw);align-items:center;justify-content:center;color:white;position:relative;overflow:hidden}
.top-vid video {position: absolute;top: -200vw;right: -200vw;left: -200vw;bottom: -200vw;width: 100%;height: auto;margin:auto}
.top-vid::after{content:'';position:absolute;background: linear-gradient(0deg, #24383e, rgb(36 56 62 / 70%), rgb(79 35 17 / 0%));bottom: 0;left: 0;right: 0;padding-top: 30%;opacity:0;}

.center-sec{position:relative}



.fcolor{color: #ffffff;}
.fcolor2 {color: #171c4b;}
.first-to-know {font-size: 14vw;max-width: 50%;text-align: center;line-height: 1;margin-bottom: 5%;font-weight: 900;text-align: center;margin: 10% auto 5%;}
.lead-text {font-size: 4vh;font-weight: 600;text-align: center;/* padding: 20px 8vw; */line-height: 1.2;margin-bottom: 0.6em;font-weight: normal;}
.only-you {background: #9cc3c4;font-size: 5.2vw;text-align: center;padding: 20px 20px;font-weight: 900;line-height: 1;margin: 5% auto;width: 90%;box-sizing: border-box;box-shadow: 0 0 0 6px #9cc3c4 inset, 0 0 0 8px #5a2839 inset, 0px 4px 2px -2px black;}
.only-you b{font-weight:900;margin-top: 0.1em;display:block;font-size: 1.4em;}
.right-section{position:relative}
.scnd-text {font-size: 4.7vw;font-weight: 600;text-align: center;padding: 0px 40px 50px;line-height: 1.2;}
.scnd-text b{font-size: 1.1em;display:block;position: relative;}
.hurry {position: sticky;bottom: 0;z-index: 9;width: 100%;background: #9cc3c4;font-size: 5.5vw;font-weight: 900;box-sizing: border-box;box-shadow: 0 0 10px black, 0 0 2px inset white;}
.hurry-text{height: 60px;display: flex;align-items: center;justify-content: center;padding-bottom: 20px;box-sizing: border-box;position: relative;cursor: pointer;display: none;}
.hurry-text .blink{position:absolute;font-size: 2em;line-height: 0;bottom: 0.3em;font-weight: 100;transform: rotate(-90deg);}

.lead-text2 {font-family: "QuicheSans", "Quiches";position: relative;z-index: 9;font-size: 4vh;line-height: 1;width: 90%;margin: 0.3em auto;/* direction: ltr; */text-align: left;text-align: center;}

.lead-text2 .flex{display:flex}
.lead-text2 .flex div{white-space:nowrap;}
.lead-text2 .flex span{border-bottom:1px solid white;margin: 0.25em 0.3em;animation: grow-w 2s forwards;animation-delay: 1s;}
.lead-text2 img{width: 90%;max-width: 600px;}
.clicknfind{cursor:pointer;width: 170px;z-index:2;color: white;border: 1px solid white;background: rgba(0,0,0,0.5);font-size: 20px;text-align: center;padding: 15px 20px;font-weight: 700;line-height: 1;margin: 10px auto 20px;box-sizing: border-box;}
.pagemap{background:black;color:white;display:flex;align-items:center;justify-content:center;color:white;position:relative}
.pagemap img{width:100%}

.pop {position: fixed;top: 0;bottom: 0;left: 0;right: 0;background: rgb(0,0,0,0.9);z-index: 999;display:none;}
.pop .pop-cont {color: #FFF;position: absolute;left: 0;right: 0;top: 0;bottom: 0;max-width: 800px;max-height: 760px;overflow: hidden;background: linear-gradient(45deg, #7fe6c6, #48a1d6);width: calc(100% - 20px);background-size: cover;background-position: center;height: calc(100% - 20px);margin: auto;box-shadow: 0 0 10px black;border-radius: 20px;}
.pop .pop-cont .pop-cont-wrap{*/align-items: center;width: 100%;}
.pop .pop-cont::before{content:"";position:absolute;top:0;bottom:0;left:0;right:0;display: none;background-size: cover;background-position: center;}
.pop .pop-cont > div{/* margin-bottom: 5%; */}
.pop .pop-cont .closer {position: absolute;top: 0;left: 0;cursor: pointer;z-index: 2;background: #000000;width: 40px;height: 40px;border-radius: 50%;}
.pop .pop-cont .closer svg{position:absolute;fill: #fff;top:0;bottom:0;left:0;right:0;margin:auto;width:14px}
.pop .pop-cont .pop-cont-scroll {position: relative;max-height: 100%;overflow: auto;box-sizing: border-box;height: 100%;/* display: flex; */align-items: center;justify-content: center;font-size: 60px;}
.pop .pop-cont .pop-cont-ttl {font-size: 6vw;padding: 0 10px;text-align: center;font-weight: 600;margin-bottom: 20px;}
.pop .pop-cont .pop-text{margin:0 20px;font-size:18px;padding-bottom:100px}
.pop .pop-cont .pop-text a{color:white}
.pop .pop-cont .pop-title{padding:20px 0;font-size:30px;font-weight:bold}
.pop .pop-cont .pop-logo {margin-top: 20px;display: block;position: relative;}
.pop .pop-cont .pop-logo img {max-width: 80%;margin: 10px auto;display: block;width: 200px;}
.pop .pop-cont .pop-logo div {max-width: 300px;background: linear-gradient(-90deg, #000 0%, #9ad6e6 10%, #9ad6e6 90%, #000);color: #000;font-weight: 600;height: 24px;display: flex;align-items: center;justify-content: center;font-size: 22px;margin: 0 auto 10px;line-height: 0.8;}
.pop .pop-cont .pop-logo div span{display:block;margin-top:-4px}
.pop .pop-cont .firstpop-logo{width:100px;position:relative;z-index:2;padding:0 10px;margin: 0 auto;}
#mappop.pop .pop-cont .pop-cont-scroll {height: 100%;direction: ltr;display:block;overflow-y: hidden;}
#mappop .pop-cont-scroll img {height: 100%;width: auto;max-width: initial;}
#firstpop.pop .pop-cont .pop-cont-scroll{display:flex}
#firstpop.pop .pop-cont {display:flex;align-items: center;text-align: center;justify-content:center;cursor:pointer;box-sizing: border-box;background: #49707d;}


.silhouette-wrap {padding-bottom: 63.8%;position: relative;overflow: hidden;width: 100%;margin:auto}
.silhouette-wrap::after {position: absolute;content: "";bottom: 0;left: 0;right: 0;top: 0;border: 2px solid #49707d;}
.sil, .sil svg, .silbg {position: absolute;left: 0;right: 0;top: 0;bottom: 0;width: 100% !important;height: 100% !important;}
.sil1 {z-index: 2}
.silbg {background-image: url(/assets/img/bg_svg2.webp?1);background-position: center;opacity: 0;overflow: hidden;animation: backgroundsize 20s forwards ease infinite}
.sil, .sil svg {position: absolute;left: 0;right: 0;top: 0;bottom: 0;width: 100% !important;height: 100% !important;}
.sil svg .a1 {fill: #5a2839;fill: none;fill-rule: evenodd;}
.sil1 {z-index: 2}
.stage1 .sil1 svg {stroke-dasharray: 0 1000000;stroke-dashoffset: 0;pointer-events: none;animation: animateDash 2s linear forwards;}
.stage1 .sil1 svg .a1 {stroke: #fff;stroke-width: 1px;animation: animateDash2 1s linear forwards;animation-delay:1.5s}
.stage1 .sil1 {/*transition:2s all;transition-delay:2s;opacity:0*/}
.stage1 .silbg {transition: 2s opacity;transition-delay: 1.5s;opacity: 1;font-size:0.5px}
.stage1 .sil.sil2 {transition: 2s filter;filter: drop-shadow(0.3em 0.3em 0.5em rgba(0,0,0,0.5));}
.sil-frame {position: relative;max-width: 500px;width: 100%;margin: auto;}


@keyframes animateDash {
	to {
		stroke-dashoffset: 0;        
		stroke-dasharray:  2000 1000000;
	}
}
@keyframes animateDash2 {
	to {
		stroke: rgba(255,255,255,0.2);
	}
}

@keyframes backgroundsize {
	0% {background-size:100% }
	50% {background-size:120%}
	100% {background-size:100%}
}

@keyframes grow-w{
    from{width:0%}
    to{width:100%}
}

.big-col{position:fixed;top: 0;left: 0;right: 0;}
.small-col::before{content:"";position: absolute;left: 0;right: 0;bottom: 100%;z-index: 0;margin-top: 0;padding-bottom: 20%;background: linear-gradient(180deg, rgb(52 110 139 / 0%), #3388a1);}

.small-col {box-sizing: border-box;padding-top: 0px;box-sizing: border-box;align-items: center;justify-content: center;/* margin-top: -20vw; */margin-top: 0;position: absolute;top: 100vw;width: 100%;background: linear-gradient(45deg, #77f2c0, #31dedf);background: linear-gradient(45deg, #7fe6c6, #48a1d6);background: #0e7085;padding-bottom: 100px;}
.small-col .promote{position: absolute;background: url(../img/bg_top20250409.webp);background-size: cover;background-position: bottom center;padding-bottom: calc(100vh - 106vw - 60px);/* mask-image: linear-gradient(180deg,rgba(0,0,0,0),#000 20vw); */width: 100%;margin-bottom: 0;top: 0;}
.small-col .promote img{width:100%}
.small-col .promote::before{content:"";position: absolute;left: 0;right: 0;top: 0;padding-bottom: 30%;background: linear-gradient(180deg, #3388a1 0%, #528fad 20%, rgb(52 110 139 / 0%)););}

.small-col .promote-msg{margin-top: 0.2em;position:relative;margin-bottom: 1em;font-size: 9.4vw;position: absolute;top: 0;right: 0;left: 0;z-index: 9;}
.small-col .promote-msg div{/* width: 12em; */margin:auto;display: flex;flex-direction: column;align-items: center;/* background: linear-gradient(45deg, #49707d 0%, #78a3b1 70%, #49707d); *//* border-radius: 50%; */padding: 0.1em 0;color: white;text-align: center;position: relative;line-height: 1;text-shadow: 1px 1px 1px  BLACK;color: #edc282;}
.small-col .promote-msg div *{position:relative;/* letter-spacing: 0.1em; */}
.small-col .promote-msg div span{/* font-size: 0.7em; *//* padding-top: 0.1em; *//* letter-spacing: 0; */}
.small-col .promote-msg div b + span{margin-top: 0.2em;color: white;font-size: 0.45em;margin-top: 0.6em;font-weight: bold;background: rgb(6 101 121 / 60%);padding: 0.2em 0.4em;}
.small-col .promote-msg div::before{/* content:""; */position:absolute;left:0.2em;right:0.2em;top: 0.2em;bottom: 0.2em;border: 1px solid #d1c096;border-radius: 50%;}

.frame{padding-top:calc(100vh - 100vw - 60px);position: relative;z-index: 1;border: 2px solid #ffffff;width: calc(100% - 20px););margin: 0 auto;border-top: 0;border-bottom: 0;box-sizing: border-box;margin-top: 10px;}
.svgunder{position:relative}
.svgunder::after{content:"";top: 1.2em;left: -0.15em;right: -0.15em;position: absolute;background: url(../img/stroke.svg);padding-bottom: 9%;background-size: 100%;background-repeat: no-repeat;}

.small-col .promote-msg .circle{font-size: 0.5em;background: linear-gradient(45deg, #8f6e3f 0%, #fbcf8c 50%, #9f7c49);width: 5em;height: 5em;position: absolute;display: flex;flex-direction: column;align-items: center;justify-content: center;border-radius: 50%;line-height: 1;transform: rotate(15deg);top: 3.8em;/* color: white; */right: 0.2em;box-shadow: 0.1em 0.1em 0.2em rgba(0,0,0,0.5);text-align: center;color: black;}
.small-col .promote-msg .circle .circle-price{font-size: 1.2em;font-weight:bold;line-height: 1.1;}
.small-col .promote-msg .circle span.from{font-size: 0.7em;}
#switches{/* background: linear-gradient(45deg, #937441 0%, #c1ac73 70%, #91784a); */position: relative;}

.promoted{position: relative;/* width: calc(100% + 20px); */max-width: 540px;margin: -6em auto 1em;font-size: 4.4vw;display: flex;gap: 0.4em;align-items: stretch;justify-content: center;/* left: -1em; *//* right: -1em; */color: white;text-align: center;}
.promoted .box{position:relative;width: 50%;background: #203b4c;background: linear-gradient(45deg, #203b4c, #36596f, #203b4c);border-radius: 0.7em 0;display: flex;align-items: center;justify-content: center;}
.promoted .box::before{content:"";width: calc(100% - 0.6em);height: calc(100% - 0.6em);position: absolute;border: 1px solid #e0c994;border-radius: 0.6em 0;}
.promoted .box .content{position:relative;background: linear-gradient(45deg, #b99f5f 0%, #ddcc9f 50%, #b99f5f );-webkit-background-clip: text;-webkit-text-fill-color: transparent;padding: 0.8em 0;text-align: center;display: flex;flex-direction: column;font-weight: bold;line-height: 1.1;justify-content: center;align-items: center;/* gap: 0.4em; */font-size: 1.2em;filter: drop-shadow(0em 0em  0.1em black);}
.promoted .box .content div{font-size: 1.7em;line-height: 1;margin: -0.1em 0;}
.promoted .box .content span{/* font-size: 0.7em; */}
.promoted .and{position:absolute;width: 2em;height: 2em;display: flex;align-items: center;justify-content: center;background: linear-gradient(45deg, #b99f5f 0%, #ddcc9f 50%, #b99f5f );border-radius: 50%;font-weight: bold;font-size: 1.1em;margin-top: 1.2em;color: #203b4c;box-shadow: 0 0 0.2em black;}

 
.triple7 {display: flex;margin: 0.8em auto 0;max-width: 600px;font-size: 1em;position: relative;width: 96%;padding: 1em 0.5em 1.3em;border: 2px #caa061 solid;border-radius: 0em;box-sizing: border-box;background: linear-gradient(180deg, rgb(14 112 133 / 50%), #0e7085 90%);}
.triple7 .sing7:not(:first-child){border-right: 2px solid #caa061;}
.sing7 {width: 34%;}
.the7 {width: 100%;margin: 0 auto 0.4em;display: flex;align-items: end;justify-content: center;position: relative;}
.the7.the7r {flex-direction: row-reverse;}
.the7 span {margin-left: 2.8em;position: absolute;}
.the7.the7l span {margin-right: -2.4em;/* font-size: 0.8em; */}
.the7text {line-height: 1;font-size: 1.2em;margin-top: 0.6em;font-weight: bold;}
.the7 img {/* width: 56%; */height: 3.6em;}
.triple7 .strap{position:absolute;font-size: 1.1em;left: 0em;right: 0em;width: 90%;background: linear-gradient(45deg, #bc9559 0%, #ffe1b3 50%, #c79d60);margin: 0 auto -0.6em;bottom: 0;color: #014d5d;font-weight: 900;}

.expire {text-align: center;font-size: 24px;display: flex;width: 10em;margin: 0em auto 0;max-width: 500px;white-space: nowrap;align-items: center;}
.expire b{margin: 0 0.6em;}
.expire::before, .expire::after{height:2px;width:50%;background:black;content:""}

.icons {/* position: absolute; */bottom: 0;display: flex;z-index: 3;width: calc(100vw - 30px);margin: 0 auto;align-items: end;justify-content: space-between;align-items: start;font-size: 4vw;max-width:600px;color: white;z-index: 1;position: relative;margin-top: -28%;}
.icon {width: 30%;text-align: center;}
.icon svg {width: 40%;height: auto;fill:white}
.icon-title {background: rgba(255,2552,255,0.5);display: flex;align-items: center;height: 1.6em;color: white;align-items: center;justify-content: center;font-weight: bold;text-shadow: 0 0 2px black;}
.icon-text {font-size: 1em;margin-top: 0.4em;}

.zoomicon {width: 50px;height: 50px;border-radius: 50%;background: rgb(156 195 196);position: absolute;text-align: center;cursor: pointer;top: 10px;right: 10px;z-index: 9;display: flex;align-items: center;justify-content: center;}
.zoomicon svg {fill: #fff;width: 60%;height: 60%;}

.form_wrapper {max-width: 500px;margin: auto;/* border: 1px solid #001040; */color: #ffffff;text-align: center;padding: 15px 15px 10px;position: relative;}
.form_wrapper .title {font-size: 30px;color: #001040;line-height: 1.2;font-weight: bold;margin-bottom: 10px;margin-top: 10px;}
.form_wrapper .purple {position: relative;margin: 5px;background: linear-gradient(45deg, #b09292, #f9dbdb);color: #000b2d;padding: 10px;}
.form_wrapper .purple .main {font-size: 17px;font-weight: 900;line-height: 1.2;}
.form_wrapper .purple .mugbal {display: table;white-space: nowrap;width: 100%;margin-top:5px}
.form_wrapper .purple .mugbal div {font-size: 18px;display: table-cell;width: 20%;}
.form_wrapper .purple .mugbal span {width: 40%;display: table-cell;position: relative;}
.form_wrapper .purple .mugbal span::after {content: "";position: absolute;top: 50%;left: 8px;right: 8px;height: 1px;background: #000b2d;}
.form_wrapper .come {margin: 10px auto; font-weight: 400;font-size: 3.8vw;line-height: 1.2;}
.form_wrapper .come.small{font-size:4vw}
.form_wrapper .come a{cursor: pointer;background: #001040;color: #fff;width: 100%;box-sizing: border-box;padding: 0 20px;height: 50px;line-height: 50px;font-size: 20px;margin-bottom: 0;text-align: center;font-weight: 600;border-radius: 5px;display: block;border: 1px white solid;text-decoration: none;}
.form_wrapper form {width: calc(100% - 0px);padding: 0;max-width: 380px;margin: auto;position: relative;font-size: 20px;padding: 0px 10px;box-sizing: border-box;text-align: right;}
.form_wrapper form input::placeholder {color: #DDD;}
.form_wrapper form input#submitB{display:none}
.form_wrapper form input#checkB {width: 22px;height: 22px;float: right;margin-top: 8px;}
.form_wrapper form label.checkB {display: inline-block;padding-right: 50px;margin-right: -50px;width: 100%;box-sizing: border-box;text-align: right;margin-bottom: 20px;line-height: 1.2;padding-top: 5px;font-size: 12px;color: #ffffff;}

.form_wrapper form .required, .form_wrapper form .inpt {position: relative;/* background: rgb(255 255 255 / 80%); *//* border-radius: 25px; */margin-bottom: 4px;}
.form_wrapper form .required::before {content: "*";position: absolute;color: #ffffff;right: -13px;top: 15px;font-size: 26px;}
.form_wrapper form .paytext {text-align: center;margin-bottom: 10px;}

.form_wrapper form .inpt.small{/* margin-left:90px; */}
.form_wrapper form .form_ttl {text-align: center;margin-bottom: 10px;line-height: 20px;margin-top: 0;font-size: 20px;}
.form_wrapper form .form_ttl2 {font-size:16px;text-align:center}

.form_wrapper form .inpt input, .form_wrapper form .inpt select {background: transparent;color: #ffffff;width: 100%;z-index:3;position:relative;box-sizing: border-box;padding: 10px 20px 0;line-height: 40px;height: 50px;text-align: right;/* margin-bottom: 4px; */font-size: 20px;border: 0;border-bottom: 1px #ffffff solid;/* border-radius: 25px; */font-weight: 500;}
.form_wrapper form .inpt input+label {position: absolute;top: 0;right: 20px;line-height: 40px;transition: all .2s ease;color: #ffffff;padding-top: 10px;pointer-events: none;}
.form_wrapper form .inpt input:not(:placeholder-shown) + label, .form_wrapper form .inpt input:focus + label {font-size: 14px;line-height: 20px;padding-top: 0;color: #333;z-index: 3;}  

.form_wrapper form .address {/* background: rgb(255 255 255 / 70%); */color: white;width: 100%;box-sizing: border-box;padding: 0 10px;line-height: 40px;max-height: 50px;text-align: right;margin-bottom: 4px;font-size: 16px;border-bottom: 1px #FFF solid;/* border-radius: 25px; */transition: 0.2s all;font-size: 0;}
.form_wrapper form .address label {font-size:18px}
.form_wrapper form .address:not(.open) .inpt {display:none}
.form_wrapper form .address .inpt {display:inline-block;width: calc(50% - 6px);margin: 2px 3px;/* background: white; */border-radius:5px;}
.form_wrapper form .address .inpt:nth-child(n+4) {width: calc(100% / 3 - 6px);}
.form_wrapper form .address .inpt input+label{right:10px}

.form_wrapper form .address:not(.open) input {max-height: 0;transition: 0.2s all;border: 0;margin: 0;line-height: 0;height: 0;width: calc(50% - 10px);display: none;}
.form_wrapper form .address input {transition: 0.2s all;width: 100%;display: inline-block;background: transparent;padding: 10px 10px 0;margin:0;/* height: 50px; */}
.form_wrapper form .address.open {max-height: 300px;background: #4d2211;padding-bottom: 10px;border: 1px solid white;}
.form_wrapper form .address span {display: block;font-size: 16px;color: #FFF;padding: 10px 10px 0;font-size: 20px;}
.form_wrapper form .address.open span{padding:0 10px;/* color: #fff; */}
.form_wrapper form .address input:nth-child(n + 4) {width: calc(100% / 3 - 2px);}

.form_wrapper form label.submitB div {display: inline-block;font-size: 1.2em;line-height: 20px;font-weight: 100;}
.form_wrapper form label.submitB, .form_wrapper #submit-request-appointment {cursor: pointer;background: linear-gradient(45deg, #8f6e3f 0%, #fbcf8c 50%, #9f7c49);color: #000;width: 60%;box-sizing: border-box;padding: 0 20px;height: 50px;line-height: 50px;font-size: 24px;margin-bottom: 0;text-align: center;border-radius: 10px;display: block;/* border: 1px #30060e solid; */font-weight: 700;margin: 0 auto;display: flex;justify-content: center;gap: 0.2em;align-items: center;}

.logo-form{width: 60%;max-width: 200px;display: block;margin: 0 auto;}
.remark {margin-top: 30px;font-size: 12px;font-weight: 600;margin-bottom:-10px;color: white;position:relative}
body.designed .remark{color:black}

.footer {position: fixed;bottom: 0;left: 0;right: 0;height: 0;z-index: 9;}
.gindi_logo {position: relative;/* max-width: 270px; */width: 90%;left: 0;right: 0;margin: 0px auto 0;/* filter: contrast(0) brightness(0); */display: flex;gap: 20px;align-items: center;padding-bottom: 50px;justify-content: center;display: flex;width: calc(100% - 20px);align-items: stretch;}
.gindi_logo::before{content:"";width:50%;border: 2px solid #ffffff;border-top:0;border-left:0;border-radius:0 0 30px 0}
.gindi_logo::after{content:"";width:50%;border: 2px solid #ffffff;border-top:0;border-right: 0;/* border-radius:0 0 30px 0; */}
.gindi_logo img{max-width:100%;height: auto;max-width: 140px;}

.agree{text-align:center}

.gindi_logo > a{width:calc(50% - 10px);margin-bottom: -30px;margin-top: 30px;max-width: 140px;}

.whatsapp {position: absolute;transform: translateY(-50%);font-size: 4vw;background: #64b161;color: #fff;border: 1px solid #ffffff;text-decoration: none;border-radius: 31px;padding: 0px 10px 0 35px;text-align: center;line-height: 30px;width: auto;bottom: 100px;left: 10px;box-shadow: 0 2px 5px rgba(0,0,0,0.3);}
.whatsapp span {color: white;font-size: 14px;transform: scaleX(0.8);display: block;line-height: 30px;position: relative;margin: 0 -6px;}
.whatsapp svg {width: 30px;height: 30px;position: absolute;left: -1px;top: 0;}


.shine{overflow:hidden;position:relative;}
.shine::after{content:'';top:0;transform:translateX(100%);width:100%;height:400px;position:absolute;z-index:1;animation:slide 4s infinite 0s;background:-moz-linear-gradient(left,rgba(255,255,255,0) 0,rgba(255,255,255,.5) 50%,rgba(128,186,232,0) 99%,rgba(125,185,232,0) 100%);background:-webkit-gradient(linear,left top,right top,color-stop(0,rgba(255,255,255,0)),color-stop(50%,rgba(255,255,255,.5)),color-stop(99%,rgba(128,186,232,0)),color-stop(100%,rgba(125,185,232,0)));background:-webkit-linear-gradient(left,rgba(255,255,255,0) 0,rgba(255,255,255,.5) 50%,rgba(128,186,232,0) 99%,rgba(125,185,232,0) 100%);background:-o-linear-gradient(left,rgba(255,255,255,0) 0,rgba(255,255,255,.5) 50%,rgba(128,186,232,0) 99%,rgba(125,185,232,0) 100%);background:-ms-linear-gradient(left,rgba(255,255,255,0) 0,rgba(255,255,255,.5) 50%,rgba(128,186,232,0) 99%,rgba(125,185,232,0) 100%);background:linear-gradient(to right,rgba(255,255,255,0) 0,rgba(255,255,255,.5) 50%,rgba(128,186,232,0) 99%,rgba(125,185,232,0) 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#007db9e8', GradientType=1 )}
@keyframes slide{
0%{transform:translateX(-100%)}
100%{transform:translateX(200%)}
}

@keyframes print1{
    0%{-webkit-mask-size:0%}
    20%{-webkit-mask-size:1000%}
    90%{-webkit-mask-size:1000%}
    100%{-webkit-mask-size:0}
}

.blink {animation:blink 1s infinite 0s;}
@keyframes blink{
0%{opacity:1}
50%{opacity:1}
51%{opacity:0}
100%{opacity:0}
}

.star-shine {position: absolute;width: 10vw;height: 10vw;display: flex;align-items: center;justify-content: center;font-size: 10vw;z-index: -1;}
.star-shine.str1{top: -30%;}
.star-shine.str2{bottom: 50px;left: -20px;}
.radial {background: radial-gradient(white, rgba(255,255,255,0) 70%);width: 100%;height: 100%;border-radius: 50%;}
.radial-wrap {width: 0.5em;height: 0.5em;position: absolute;}
.shine-wrap {width: 2em;height: 2em;position: absolute;}
.shine-wrap .radial {animation: pulse 6s infinite;}
.shine-wrap:nth-child(even) {width: 1.8em;height: 1.8em;}
.shine-wrap:nth-child(even) .radial{animation-delay: -3s;}
.shine-wrap:nth-child(2) {transform: rotate(45deg);}
.shine-wrap:nth-child(3) {transform: rotate(90deg);}
.shine-wrap:nth-child(4) {transform: rotate(135deg);}

@keyframes pulse{
0%{transform:rotate(-5deg) scale(0.05,1)  ;opacity:1}
50%{transform: rotate(5deg) scale(0.05,0.7);opacity:0.8}
100%{transform:rotate(-5deg) scale(0.05,1)  ;opacity:1}
}

.spinner {width: 100px;position: absolute;left: -33px;top: 20px;color: white;z-index: 99;/* background: radial-gradient(circle at 50%, #022c7d 10%, rgb(0 18 55) 75%); *//* background-size: 100vw; *//* background-position: left -120px center; */padding: 8px;border-radius: 30% 50% 50% 30%;font-size: 0;/* background: linear-gradient(0deg, rgba(255,255,255,0) 4px, rgba(255,255,255,0.5) 4px, rgba(255,255,255,0.5) 51px,rgba(255,255,255,0) 51px,rgba(255,255,255,0) 56px,rgba(255,255,255,0.5) 56px, rgba(255,255,255,0.5) 106px,rgba(255,255,255,0) 106px); */}
.spinner img {width: 100%;position: relative;animation: spinner 4s steps(60, end) infinite;filter: brightness(0.2) hue-rotate(45deg);}
.spinner::before {position: absolute;top: 0;left: -1px;bottom: 0;right: 1px;content: "";/* background: radial-gradient(circle at 50%, #022c7d 10%, rgb(0 18 55) 75%); *//* background-size: 100vw; *//* background-position: left -120px center; *//* border-radius: 30% 50% 50% 30%; */background: linear-gradient(-90deg, #ba9e71 0%, #e8d29b 88%, #ba9e71);border-radius: 0 50% 50% 0;box-shadow: 5px 0 0 rgba(0,0,0,0.5);}
.spinner div{position:absolute;top: 0;bottom: 0;display: flex;width: 70%;margin: auto;align-items: center;justify-content: center;left: 0;right: 0;font-size: 21px;line-height: 0.9;color: #001237;}

@keyframes spinner{
    from{transform:roate(0deg)}
    to{transform:rotate(360deg)}
}

#tranzila_pyment{height: 350px;border-top: 30px solid white;margin: 0 -25px;}

body.designed::before {background-image: url(/exclusive/assets/img/lock_bg.webp);background-size: auto 120%;background-position: top 40% center;color: black;box-shadow: 0 0 0 40px rgba(0,0,0,0.5), 0 0 0 1000px rgba(255,255,255,0.5) inset;}
body.designed img.logo-form {background: radial-gradient(rgba(255, 255, 255, 0.7) 50%, rgba(255, 255, 255, 0) 72%);padding: 3%;width: 50%;margin: 0 auto;display: block;}
.start_from {display: inline-block;font-size: 1.6em;padding: 0.4em 0.7em;margin-top: 0.3em;border: 1px solid white;background: #756f58;text-shadow: 2px 1px black;box-shadow: 0 0 0 0.2em #c3bc9f inset;}
.start_from div{font-size: 0.8em;}

@media(min-width:500px){
.form_wrapper form label.submitB{font-size:26px}
.icons{font-size:25px}
}
@media(min-width: 1000px){
.lead-text{font-size: 36px;}
.lead-text2{font-size: 42px;margin: 0 -50px 20px;text-align: center;width: auto;}
.mobile{display:none !important}
body{background-size:auto}
.icons{margin-top: 0;margin-bottom: 20px;bottom: 0;position: absolute;left: 0;right: 0;}
.flowers{position:absolute;width: 70%;min-width: calc(100% - 500px);text-align: center;right: 0;top: 0;bottom: 0;}
.container{margin-bottom:0;border-top: 2px solid #e7d4be;border-right: 0;position: absolute;left: 10px;right: 0;top: 10px;bottom: 10px;overflow-y: auto;overflow-x: hidden;direction: ltr;display: flex;flex-direction: column;justify-content: center;box-shadow: -20px 0px 0 20px rgb(124 10 37 / 80%);}
.container > *{direction:rtl}
.desk-scroll {padding: 10px 0 10px 10px;box-sizing: border-box;height: 100vh;z-index: 1;position: relative;max-width: none;/* background: radial-gradient(circle at 50%, #022c7d 10%, rgb(2 44 125 / 0%) 55%); */}
.small-col {left: 0px;top: 0;width: calc(100% - 100vh);min-width: 500px;margin-top: 0;bottom: 0px;padding-top: 30px;/* background: linear-gradient(45deg, #937441 0%, #c1ac73 70%, #91784a); */box-sizing: border-box;padding: 0;padding-bottom: 100px;position: fixed;overflow: auto;flex-direction: column;z-index: 999;align-items: center;justify-content: center;}
.small-col .promote{width:100%;mask-image: none;padding-bottom: 45%;/* margin-bottom: 90px; */background-position: bottom 60% center;top: 0;position: absolute;border-top: 20px solid #3388a1;}
.small-col .promote-msg{font-size: 3vw;top: 47px;}
.small-col .promote::before{padding-bottom: 12%;}
.big-col::before{display:none}
.frame{padding-top:45%;margin-top: 60px;}
#switches{/* background:transparent; */}
.promoted{font-size: 26px;}
.pop .pop-cont .pop-cont-ttl{font-size:30px}
	
.buttons{/* flex-direction:column; */right: auto;z-index: 1000;left: 6px;box-shadow: none;/* gap: 10px; */bottom: 0;width: calc(100% - 100vh - 6px);min-width: 494px;}
.buttons a.lead{font-size:20px;padding: 0 20px;/* border-radius: 30px; *//* background: #25393f; */}	
.buttons a.small{max-width:none;display: flex;gap: 10px;/* justify-content: start; */padding-right: 10px;}
.buttons a svg{width: auto !important;!i;!;}

body.designed .small-col{background-image: url(/exclusive/assets/img/lock_bg.webp);background-size: auto 120%;background-position: top 40% center;color: black;box-shadow: 0 0 0 1000px rgba(255,255,255,0.5) inset;}
.info-slide{display:block}

.header {position: fixed;right: 0;top: 0;bottom: 0;left: 500px;z-index: 9;}
.header .frame-wrap {position: absolute;top: 0;bottom: 0px;border-bottom: solid 2px #e7d4be;border-left: 0;margin: 10px 10px 10px 0;left: 0;right: 0;box-shadow: 20px 0px 0px 20px rgb(124 10 37 / 80%);}
.soon {font-size:34px}
.main{ position: absolute;left: 0;top: 0;bottom: 0;width: 500px;box-sizing: border-box;overflow: auto;margin-top: 0;}

.start_from{/* box-shadow: 0 0 0 0.2em #7e391b inset; */}

.top-logo{top: 0px;padding-top: 30px;left:0;z-index: 1000;/* min-width: 500px; */height: auto;max-width: none;/* width: calc(100% - 100vh); *//* background: linear-gradient(180deg, rgb(88 128 142), rgba(0, 0, 0, 0)); */height: 30px;}
.top-logo img{display:block;/* width: 400px; */height: 25px;width: auto;}
.top-vid video {/* position: absolute; *//* top: 0; *//* right: 0; *//* left: 0; *//* bottom: 0; *//* width: 100%; *//* height: 100%; */}
.top-vid::after{padding-top: 12%;/* background: linear-gradient(0deg, #49707d, rgb(158 71 34 / 70%), rgb(158 71 34 / 0%)); */bottom: 0px;padding-top: 40%;opacity: 0;}
 header{right:0;left: 0;min-width: calc(100% - 880px);/* width: 50%; */margin: auto;}
.slogen-wrap {right: 0;height: 70px;box-shadow: none;}
.slogen-wrap .slogens{height: 70px;}
.slogen-wrap .slogens div{font-size: 40px;height: 70px;}
.header .frame-wrap .title{font-size: calc(5vw - 25px);margin: 30vh -2px 0;text-align: right;padding: 1vw 1vw;display: inline-block;border-radius: 200px 0 0 200px;width: 50%;}
.header .frame-wrap .title b{padding: 1vw 2vw;border-radius: 200px 0 0 200px;}
.header .frame-wrap .subtitle{font-size: calc(3.6vw - 20px);display: inline-block;width: 30%;vertical-align: top;margin-top: 30vh;margin-right: 10px;display: inline-flex;height: calc(15vw - 40px);align-items: center;}
.logowrap {margin-bottom: 20px;max-width: 50vh;}
.text-wrap {position: fixed;right: 0;left: 500px;font-size: calc(1vw + 2vh);top: 52vh;color: #001237;}
.star-shine {font-size: 40px;width: 60px;height: 60px;}
.muteonoff{left: 0;text-align: center;right: 0;max-width: calc(100% - 500px);width: 100vh;}
.spinner {left: -60px;width: 142px;top: 0;}
.spinner div {font-size: 28px;}
.big-col {width: 100vh;/* min-width: calc(100% - 880px); */text-align: center;right: 0;max-width: calc(100% - 500px);}
.bg-cover-flowers{position:fixed;right: 0;top: 0;bottom: 0;width: 25%;max-width: 440px;background: #9d9472;display: flex;align-items: center;90-:;}
.right-section {/* position: fixed; */right: 0;width: 100%;bottom: 0;display: flex;justify-content: space-around;box-sizing: border-box;/* padding: 10px; */position: relative;margin: 20px auto;}
.scnd-text {font-size: 22px;padding: 20px;width: 100%;/* display: flex; */align-items: center;border: 1px solid;font-weight: normal;margin: 10px;background: #9d9472;}
.center-sec {/* width: 70%; */position: relative;margin: 0;display: flex;flex-direction: column;top: 0px;bottom: 0;justify-content: center;box-sizing: border-box;/* padding: 10px; *//* max-width: 1000px; */margin: 0 auto;height: calc(100vh - 70px);}
.top-vid {height: 0;padding-bottom: calc(100vh);position: absolute;left: 0;right: 0;top: 0;}
.lead-text.fcolor {font-size: 30px;padding: 20px;max-width: 640px;margin: 0 auto;width: 80%;}
.only-you {font-size: 30px;display: inline-block;width: auto;/* margin: 20% auto; */}
.only-you div{padding:15px}
.pagemap{width:50%}

.star-shine.str1{top: -60%;right: -40px;}
.star-shine.str2{bottom: 50px;left: -40px;}

/* width */
::-webkit-scrollbar {width: 6px;background: #48202e;border-radius: 20px;}

/* Track */
::-webkit-scrollbar-track {background: #48202e;border-radius: 20px;}

 /* Handle */
::-webkit-scrollbar-thumb {background: #9cc3c4;border-radius: 20px;}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {background: #5171af; }


}




@media(min-width:1400px){
.right-section {}
.scnd-text {}
.center-sec {}
.top-vid {height: 0;/* padding-bottom: 56.2%; */}
.lead-text.fcolor {font-size: 30px;padding: 20px;max-width: 640px;margin: 0 auto;width: 80%;}
.only-you {}
.pagemap{}

}

body a.btn_accessibility.accessibility_component{right: 10px;top:10px}

@media(max-width:999px){
.desktop{display:none !important}
.accessibility_component{/* top:auto!important; */}
body a.btn_accessibility.accessibility_component{/* top:auto !important; */top: 13px;right: 10px;}
.bg-cover-flowers{background: #24383e;padding: 4% 0 0;margin-top: 20px;}
body::before {content: "";display: none;position: absolute;top: calc(130vw + 85px);bottom: 15px;left: 15px;right: 15px;border: 1px solid white;z-index: 0;pointer-events: none;box-shadow: 0 0 0 40px rgba(0,0,0,0.5);}
.form_wrapper form::before{/* content:""; */position: absolute;top: -20px;left: 0;right: 0;width: 50px;border-bottom: 2px solid white;margin: auto;}
.bg-cover-flowers::before{content:"";position: absolute;left: 20px;right: 20px;bottom: 20px;top: calc(100vw + 85px);background: #9d9472;z-index: 0;border: 1px solid white;}
}

.formswitch{display:none}
.switch1 .formswitch.switch1{display:block}
.switch2 .formswitch.switch2{display:block}

.switches {display: flex;margin-bottom: 20px;align-items: center;justify-content: center;gap: 10px;font-size: 20px;}
.switches div {border: 1px solid;height: 40px;display: flex;padding: 0 10px;align-items: center;width: 100px;justify-content: center;position: relative;background: rgba(255,255,255,0.5);}
 
.switch1 .switches div.switch1,.switch2 .switches div.switch2{background: linear-gradient(-90deg, #49707d 0%, #78a3b1 70%, #49707d);color:white;font-weight:bold} 

form.blockform{filter:saturate(0);pointer-events:none}