/* EXTRA CLASSES */
.EBR1 {border-radius: 10px;}
.EBR2 {border-radius: 20px;}

.EBL {border-left: 1px solid goldenrod;}
.ELS {letter-spacing: 4px;}

.RRR {border: 2px solid #ff0000;}
.GGG {border: 2px solid #2bff00;}
.BBB {border: 2px solid #007bff;} 

/* BASE BACKGROUNDS WITH BEAUTIFUL GRADIENTS FOR PAGES */
@keyframes sages {to {background: linear-gradient(to top,#fff6e1,#ccffba,#fff7b1,#fff6e1);}}
.SAGE {background: linear-gradient(to top,#fff6e1,#e3ffb7,#dbff9d,#fff6e1); animation: sages 4s ease infinite;}

.OLIVE {background:linear-gradient(to top,#fff6e1,#f6e7b5,#f6ffd4,#fff6e1);}
.ROSE {background:linear-gradient(to top,#fff6e1,#ffe0dd,#ffd3cf,#fff6e1);}
.MINT {background:linear-gradient(to top,#fff6e1,#e8ffcb,#f3ffc7,#fff6e1);}
.GOLD {background:linear-gradient(to top,#fff6e1,#fffdc9,#fffdb5,#fff6e1);}
.MOSE {background:linear-gradient(to top,#F3FDD2,#fffdc9,#fffdb5,#fff6e1);}

.TCT {text-align: center;} 

.SPB {justify-content: space-between;}
.SFE {justify-content: flex-end;}
.SFC {align-items:center;}


/* GRADIENT OVERLAY FOR BOXES */
.GGD {position: relative;}
.GGD::before {content: " "; 
    position: absolute; top: 0; left: 0; 
    width: 100%; z-index: 10; display: block; height: 100%; 
    background: fixed linear-gradient(to bottom, #e6ffbf00,#bad68d5e,#6f894692,#546f29b2,#3e4b29); }

/* LINE VERTICAL */
.LINE {padding: 1px; width: 1px; height: 150px; margin: auto; background: fixed linear-gradient(to bottom,#FEF6DF,#968d29); border-radius: 10px;}

/* DISPLAY CLASSES SET TO NONE  */
/* DISPLAY CLASSES SET TO NONE  */
/* DISPLAY CLASSES SET TO NONE  */
/* DISPLAY CLASSES SET TO NONE  */
#R2,#R3,#R4 {display: none;}
#E2,#E3,#E4,#E5 {display: none;}

/* IMAGES ARE HERE TO BE PROCESSED */
/* IMAGES ARE HERE TO BE PROCESSED */
.IMA {width: 100%; overflow: hidden !important;}
.IMA img {width: 100%; display: block;}

/* CREATIVE KEYWORDS TO SHOW IN PARA */
/* CREATIVE KEYWORDS TO SHOW IN PARA */
.KEYS {padding: 2px 5px; border-radius: 20px; border: 2px solid #968d29; background: fixed #3b370588;}

/* MEDIA PAGE WITH PROMPT BOX : PROMOZ MEDIA PROMOZ MEDIA PROMOZ */
/* MEDIA PAGE WITH PROMPT BOX : PROMOZ MEDIA PROMOZ MEDIA PROMOZ */
/* MEDIA PAGE WITH PROMPT BOX : PROMOZ MEDIA PROMOZ MEDIA PROMOZ */
/* MEDIA PAGE WITH PROMPT BOX : PROMOZ MEDIA PROMOZ MEDIA PROMOZ */
.PROMOZ {padding: 10px;}
.MED {background: fixed linear-gradient(to bottom,#474916,#19250E); border-radius: 20px; padding: 10px;}
.MED .HOME {position: absolute; top: 9px; right: 9px;}
.MED .HOME button {border-radius: 20px; cursor: pointer; padding: 9px 15px; border: none; background: fixed linear-gradient(30deg,#222514,#222514); color: #eeffa3; box-shadow: #67671460 0px 5px 15px 0px; transition: all 500ms ease-in;}
.MED .HOME button:hover {letter-spacing: 2px;}

.MED .MEDIA {border: 2px solid #5c6140; border-radius: 20px; padding: 5px; transition: all 300ms ease-in;}
.MED .MEDIA:hover {transform: scale(0.98); border: none; box-shadow: #69743c5b 0px 13px 27px -5px, #616f365b 0px 8px 16px -8px;}
.MED .MEDIA .MEDINFO {position: absolute; bottom: 0; left: 0; z-index: 15; text-align: center; width: 100%; padding: 20px; height: auto; border-radius: 20px;}
.MED .MEDIA .MEDINFO {background: linear-gradient(to top,#3c3f09 10%,#464d0c 20%,#496d37f0 50%,#434a24cc 90%,#2bff0000);}
.MED .MEDIA .MEDINFO .MEA {padding: 10px;}
.MED .MEDIA .MEDINFO p {color: #f0ffab; font-weight: 600;}
.MED .MEDIA .MEDINFO .MEA a {border: 2px solid #788347; border-radius: 20px; padding: 7px 20px; margin-top: 10px; font-size: 13px; color: #768243; transition: all 400ms ease-in-out; background: fixed linear-gradient(to right,#2b3113,#454f1e,#2b3113);}
.MED .MEDIA .MEDINFO .MEA a:hover {color: #f0ffab; letter-spacing: 2px; background: fixed linear-gradient(to right,#2b3113,#67762d,#2b3113);}

/* NETWORKING : VIBER : CONNECT PAGE :: FAQ :: CONTACT VIBER VIBER VIBER */
/* NETWORKING : VIBER : CONNECT PAGE :: FAQ :: CONTACT VIBER VIBER VIBER */
/* NETWORKING : VIBER : CONNECT PAGE :: FAQ :: CONTACT VIBER VIBER VIBER */
/* NETWORKING : VIBER : CONNECT PAGE :: FAQ :: CONTACT VIBER VIBER VIBER */
.VIBE {padding: 10px; min-height: 100vh;}
.VIBER {padding: 10px; border-radius: 20px; box-shadow: #40522f85 0px 7px 45px 0px;}
.VIBER .VAB {position: absolute; top: 10px; transform: translate(50%,70px);}
.VIBER .VAB button {padding: 7px 10px; font-size: 10px; border-radius: 50%; border: none; box-shadow: #89e0536c 0px 5px 15px; cursor: pointer; transition: all 300ms ease-in-out;}
.VIBER .VAB button:hover {box-shadow: #ffdd316c 0px 5px 15px; border: 2px solid #fbff81; background: #19250e95; color: #fdffbd; font-weight: 900;}
.VIBER .LINE {height: 70px;}
.VIBER .TM p {font-size: 11px !important; color: #b3c35d !important;}
.VIBER .TM p span {font-size: 16px !important; color: #f5ffc0 !important;}

.VIBES,.VIBEZ {background: fixed linear-gradient(to top,#4e6d31,#868d43); border-radius: 20px; transition: all 900ms ease-in;}
.VIBES:hover,.VIBEZ:hover {background: fixed linear-gradient(to top,#6a8153,#787c4c); transform: scale(0.99);}
.VIBES .VIL img {width: 50px; height: 50px; border-radius: 10px;}
.VIBES .VIMS {border: 2px solid #fffd9f; width: 100px; height: 100px; border-radius: 50%; margin: auto;}
.VIBES .VIMS img {width: 90px; height: 90px; border-radius: 50%;}
.VIBES .VIN {padding: 10px;}
.VIBES .VIN button {border: 2px solid #788347; border-radius: 20px; cursor: pointer; padding: 15px 10px; font-size: 13px; color: #768243; transition: all 400ms ease-in-out; background: fixed linear-gradient(to right,#2b3113,#454f1e,#2b3113);}
.VIBES .VIN button:hover {color: #f0ffab; letter-spacing: 2px; background: fixed linear-gradient(to right,#2b3113,#67762d,#2b3113);}

.VIBEZ {padding: 20px;}
.CONTACT { display:flex; align-items:center; gap:14px; padding:14px 16px; margin-bottom:12px; background:#ffffff; border-radius:12px; border:1px solid rgba(0,0,0,0.06); box-shadow:0 4px 12px rgba(0,0,0,0.05); transition:all 0.3s ease; }
.CONTACT:hover { transform:translateY(-3px); box-shadow:0 8px 20px rgba(0,0,0,0.08); }
.CONTACT .IMA { width:42px; height:42px; display:flex; align-items:center; justify-content:center; background:linear-gradient(135deg,#f5f7fa,#e4e8ec); border-radius:10px; flex-shrink:0; }
.CONTACT .IMA img { width:20px; height:20px; object-fit:contain; }
.CONTACT .F8 p { margin:0; font-size:14px; color:#555; line-height:1.4; font-weight:500; }
.CONTACT .F8 span { display:block; font-weight:600; color:#9cc757; margin-top:2px; }
.CONTACT .F8 span:hover { color:#949e3f; cursor:pointer; }

.VIBER .MAP {width: 100%; height: 16rem; border-radius: 20px; overflow: hidden !important;}

/* OWNER PROFILE : : OWNER ONE */
/* OWNER PROFILE : : OWNER ONE */
/* OWNER PROFILE : : OWNER ONE */
/* OWNER PROFILE : : OWNER ONE */
.OWNER {padding: 30px; border-radius: 300px; border: 2px solid #C8B68D;}
.OWNER img {border-radius: 300px;}

/* PADDING */
.PA {padding: 70px;}
.PS {padding: 20px;}
.PT {padding: 10px;}
.PX {padding: 20px;}
.PY {padding: 5px;}
.PX1 {padding: 10px 5px;}
.PX2 {padding: 20px 5px;}

.PZ {padding: 20px 70px;}

/* PRODUCT PROFF ECOMMERCE PROFF PROFF CLASS FOR PRODUCT DETAILS */
/* PRODUCT PROFF ECOMMERCE PROFF PROFF CLASS FOR PRODUCT DETAILS */
/* PRODUCT PROFF ECOMMERCE PROFF PROFF CLASS FOR PRODUCT DETAILS */
/* PRODUCT PROFF ECOMMERCE PROFF PROFF CLASS FOR PRODUCT DETAILS */
.PROFF {padding: 20px;}
.PROFF .ECOM {padding: 10px; border-radius: 20px; background: fixed linear-gradient(to bottom,#222514,#968d29); transition: all 300ms ease-in;}
.PROFF .ECOM:hover {transform: scale(0.99); background: fixed linear-gradient(to bottom,#2a3714,#4C4F18)}
.PROFF .ECOM .ECIM,.PROFF .ECOM .ECIN {padding: 10px;}
.PROFF .ECOM .ECIN h2 {color: #ffe68f;}
.PROFF .ECIN .PRICE p {color: #ffe68f; font-size: 70px; padding: 9px 0; font-family: "Playfair Display", serif;}
.PROFF .ECIN .PRICE p span {color: #fff4cb; font-size: 20px;}
.PROFF .ECIN .PRICE p span strike {color: #af9c56;}
.PROFF .ECOM .ECIN h3 {color: #dacfa5; font-weight: 400;}
.PROFF .BAR {padding: 10px 20px; border-radius: 20px; background: fixed linear-gradient(to right,#837f19,#5b612900); transition: all 300ms ease-in;}
.PROFF .BAR h5 {color: #fff47c !important; letter-spacing: 2px; font-weight: 400;}
.PROFF .BAR h5 span {color: #fffbd1 !important;}
.PROFF .ECOM:hover .BAR {background: fixed linear-gradient(to right,#94ab31,#5b612900);}
.PROFF .BARS {padding: 10px 10px;}
.PROFF .BARS p {font-size: 12px !important; font-weight: 900 !important; color: #dcd986 !important; padding-top: 5px;}
.PROFF .BARS p span {font-size: 15px !important; color: #ffffff !important; padding-top: 9px;}
.PROFF .NOTE {padding: 10px;}
.PROFF .NOTE h5 {font-size: 11px; color: #9ac990;}
.PROFF .ACTION,.PROFF .CONSULT {width: 100%; padding: 10px;}
.PROFF .ACTION button {cursor: pointer; padding: 10px; border-radius: 20px; color: #d2e779;  font-size: 13px; background: fixed linear-gradient(to right,#5a6235,#aac05a,#5a6235); text-align: center; width: 100%; border: none; transition: all 700ms ease-in;}
.PROFF .CONSULT button {cursor: pointer; padding: 10px; border-radius: 20px; color: #d2e779; background: fixed #2b310a93; text-align: center; width: 100%; border: 2px solid hsl(109, 100%, 88%); transition: all 700ms ease-in;}
.PROFF .ACTION button:hover,.PROFF .CONSULT button:hover {background: #2a3714; color: #e6fcbf; letter-spacing: 2px; box-shadow: rgba(255, 255, 255, 0.1) 0px 1px 1px 0px inset, rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px;}

/* VIEWPORT : :  MOBILE VERSIONS & TABLET VERSIONS */
/* VIEWPORT : :  MOBILE VERSIONS & TABLET VERSIONS */
/* VIEWPORT : :  MOBILE VERSIONS & TABLET VERSIONS */
/* VIEWPORT : :  MOBILE VERSIONS & TABLET VERSIONS */

/* mobile phones */
@media(max-width:480px)
{
.PA{padding:50px 20px;}
.PX {padding: 5px;}
.PZ {padding: 20px 20px;}
}

/*large phones / small tablets*/
@media(min-width:481px) and (max-width:768px){
.AVIOR {width: 100%;}

/* PADDING */
.PA {padding: 50px 20px;}
.PZ {padding: 20px 20px;}

}

/*tablet portrait*/
@media(min-width:769px) and (max-width:1024px) and (orientation:portrait){
 .AVIOR {width: 100%;}

/* PADDING */
.PA {padding: 50px 20px;}
.PZ {padding: 20px 20px;}

}

/*tablet landscape*/
@media(min-width:769px) and (max-width:1180px) and (orientation:landscape){
 .AVIOR {width: 100%;}

/* PADDING */
.PA {padding: 50px 20px;}
.PZ {padding: 20px 20px;}

}