*{
    padding: 0;
    margin: 0;
    box-sizing: border-box;

    /* HEADER MENU COLOR */
    --headl : #4a441b;
    --headr : #450305;
 
    /* MENU TEXT */
    --hxa : #ffac2f;
    --hxb : #c6b769;
    --hxc : #ffecbc;

    /* SOFT COLORS */
    --so1 : #eafff9;
    --so2 : #f1ffed;

    /*TEZ TEXT */ 
    --texh1 : #C0A54E;
    --texh2 : #56BDA2;
    --texh2s : #56babd;
    
    --tezh3 : #ab8932;
    --texh3 : #4d4125;

    --texh4 : #4c3823;
    --tezh4 : #5a496d;
    --texh5 : #2D325A;
    --tezh5 : #9a6645;

    --tezh6 : #493831;
    --texh6 : #07293e;
    --tezp : #705a34;
    --tezss : #c8a954;

    --texb : #ffffff;
    --texg : #e0e0e0;
    --teoa : #c8ffc6;
    --teob : #fffebe;
    --teoc : #005975;
    --teod : #ffffff;

    /* SCROLLBAR */
    --sca:#1b1500;
    --scb:#957409;
    --scc:#1b1500;

    /* SIDEPANEL */
    --sia : #463411;
    --sib : #230223;
    --sic : #510f13;

    /* FOOTER */
    --foa : #001118;
    --fob : #4a000a;
    --foc : #051923;

    /* IMAGES FOR MAIN BACKGROUNDS */
    --aim : url("../IOPIC/AIHOME/TOPA1.jpg");
    --aimb : url("../IOPIC/AIHOME/TOPA1M.jpg");
}
 

/* ----------------------------------------------- HTML BASE CLASSES ---------------------------------------------------------*/
/* ---------------------------------------------------------------------------------------------------------------------------*/
/* ---------------------------------------------------------------------------------------------------------------------------*/
/* ---------------------------------------------------------------------------------------------------------------------------*/
/* ---------------------------------------------------------------------------------------------------------------------------*/
/* ---------------------------------------------------------------------------------------------------------------------------*/
/* ---------------------------------------------------------------------------------------------------------------------------*/
/* ---------------------------------------------------------------------------------------------------------------------------*/
/* ---------------------------------------------------------------------------------------------------------------------------*/
/* ---------------------------------------------------------------------------------------------------------------------------*/
/* HEADER */
header {width: 100%; color: #9b9b9b; font-size: 0.85rem; padding: 0.5rem 1rem; background: linear-gradient(to left,#302406,#3d1919,#20051b,#3d0d01); text-align: right;}
header h1 {font-size: 9px !important; font-weight: 900; color: #ff9a5f; letter-spacing: 1px;}
header h1 span {color: #ffe284; letter-spacing: 1px;}

/* SCROLLBAR ---------------------------*/
/* ------------------------------------ */
/* ------------------------------------ */
/* ------------------------------------ */
/* width */
::-webkit-scrollbar {width: 10px;}

/* Track */
::-webkit-scrollbar-track {background: var(--scc);}

/* Handle */
::-webkit-scrollbar-thumb {border-radius: 20px; background: linear-gradient(to bottom, var(--scb), var(--sca));}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {background: linear-gradient(to top,  var(--scb), var(--sca));}

/* NAVBAR    ---------------------------*/
/* ------------------------------------ */
/* ------------------------------------ */
/* ------------------------------------ */
/* HEADER */
.header {display: flex; padding: 4px 15px; align-items: center; position: relative; justify-content: space-between; background: linear-gradient(to right,var(--headl),var(--headr));}
.heapic {flex-basis: 30%; display: flex; overflow: hidden; width: min-content;}
.header img {width: 200px; height: 70px; margin-top: 5px; margin-left: 50px; filter: brightness(1.2);}
.header h6 {font-size: 20px; font-weight: 900; flex-basis: 40%; color: var(--cia); padding: 20px 5px; font-family: 'Megrim', cursive;}

/* NAVBAR */
nav ul {text-decoration: none; display: flex; flex-basis: 40%;}
nav ul li { list-style: none; position: relative;}
nav ul li a {text-decoration: none; color: var(--hxa); margin-left: 10px; padding: 10px 15px; font-size: 1rem; font-weight: 900;}
nav ul li a span {color: var(--hxb); font-weight: 500;}
nav a:hover { color: var(--hxb); transition: 300ms ease-in;}
nav a:hover span { color: var(--hxc); font-weight: 900;}

/* OPEN AND CLOSE BUTTON */
.openbtn, .closebtn { font-family: 'Cinzel', serif; display: none;}
 
#viet, #corpz {width: auto; margin-left: 10px; border: none; border-radius: 10px; padding: 10px 10px; background: linear-gradient(220deg,#09211f35,#09211f35); transition: all 200ms ease-in-out;}
#viet:hover, #corpz:hover {border: none; border-radius: 9px; padding: 10px 10px; letter-spacing: 2px; background: linear-gradient(220deg,#011a1f85,#0a193a5c);}
.spez {display: none; position: absolute; bottom: 1rem; right: 1rem;}
.spez h5 {color: #999999; font-size: 0.65rem; letter-spacing: 2px;}
.spim {display: none; position: absolute; bottom: 9rem; right: 3rem; width: 5rem; height: 5rem;}
.spim img {width: 9rem; height: 11rem; display: block;}

/* MEDIA QUERY */
/* ------------------------------------------------------- */
/* ------------------------------------------------------- */
/* ------------------------------------------------------- */
/* ------------------------------------------------------- */
@keyframes anim
{0% {font-weight: 400; font-size: 15px; opacity: 1; color: var(--hxa); margin-left: 7px;}
40% {font-weight: 900; opacity: 0.7; color: var(--hxb); margin-left: 6px;}
100% {font-weight: 600; font-size: 16px; color: var(--hxc); margin-left: 5px;}}

@media(max-width: 700px)
{
.openbtn {display: block;}
.closebtn {display: flex; }
/* LOGO */
.heapic {flex-basis: 50%;}
.header img {margin-left: 5px; aspect-ratio: 10/9;}

/* NAVBAR */
nav ul {  margin: 10px auto; display: block;}
nav ul li { margin: 30px auto;}
nav ul li a { padding: 10px 10px; font-size: 1.5rem;}
nav ul li a span { animation: anim 1.5s linear forwards infinite;}
#viet,#corpz {margin-left: 50px;}

/* SIDEPANEL */
.sidepanel {width: 0px; opacity: 0; border: none; position: fixed; z-index: 5000; height: 100vh; top: 0; right: 0;
    background: linear-gradient(120deg, var(--sia), var(--sib), var(--sic)); overflow-x: hidden; transition:all 0.5s ease-in-out; padding-top: 60px;}

.sidepanel a {padding: 15px 80px 15px 50px; text-decoration: none; color: var(--hxb);  width: 190px; transition: 0.3s;}
.sidepanel a span {color: var(--hxc);}
.sidepanel .closebtn { position: absolute; top: 1rem; right: 0.5rem; font-size: 36px;}

.openbtn {font-size: 20px; cursor: pointer; background-color: rgba(45, 0, 11, 0.195); color: white; padding: 10px 15px; border: none; border-radius: 5px;}
.openbtn:hover {background-color:#444;}
.show {display: none;}
.spez,.spim {display: block;}
}
/* ENDS HERE */

/* ------------------------------------------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------------------------------- */
/* -----------------------------------------------HTML CLASSES A - Z ALL --------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------------------------------- */

/* ------------------------------------------------------------------------------------------------------------ */
/* -----------------------------------------------------AA----------------------------------------------------- */
/* -------------------------------------------------AAAAAAAAAAA------------------------------------------------ */
/* ------------------------------------------------------------------------------------------------------------ */
/* AVIOR MAIN MAIN MAIN --------------------------------------------------------------------------------------- */
.AVIOR {width: 100%; display: block; overflow: hidden !important; background: white;}

/* ANCHOR INIT */
html a {text-decoration: none;}

/* ANCHOR CLASSES */  
.ACT a {color: white;  font-weight: 900; padding: 1rem 1rem; border-radius: 0.7rem; background: linear-gradient(to right,#461146,#2C0260); transition: all 900ms cubic-bezier(0.165, 0.84, 0.44, 1); transform: scale(1.1);}
.ACT a:hover {color: #605719; border-radius: 0.5rem; background: #ffe760; border-left: 5px solid orange;  transform: scale(1);}

.ASA a {font-size: 16px; color: #919049; font-weight: 900;}
.ASA a span {padding: 7px 15px; border-radius: 1rem; font-size: 12px; font-weight: 700; background: #616026; color: #e2e182; transition: all 400ms ease-in-out;}
.ASA a span:hover {padding: 7px 1rem; background: #3a9079; letter-spacing: 4px; font-weight: 900; transform: scale(1.1); animation: ASA 900ms linear infinite;}
@keyframes ASA { 0% {background: #283011; opacity: 0.2;} 50% {background: #1a3f43; opacity: 1;} 100% {background: #0f2919; opacity: 0.6;}}

/* POSITION CLASSES */
.ASIA {position: relative;}
.PIC {place-items: center;}

.DX {display: none;}
.NX {display: block;}
.ZX {display: inline-block;}

.FSB {justify-content: space-between}

.TCT {text-align: center;}
.TLT {text-align: left;}
.TRT {text-align: right;}
.TRT a {font-size: 14px; font-weight: 400; color: #ec7441;}
.TRT a:hover {color: #ad9f5a; letter-spacing: 2px; font-weight: 900; transition: all 900ms ease-in-out;}

.BR1 {border-radius: 1rem;}
.BR2 {border-radius: 2rem;}

.LH4 {line-height: 4vh;}

.LS2 {letter-spacing: 2px;}
.LS5 {letter-spacing: 5px;}

.FFF {flex-wrap: wrap;}

.MRB {margin-bottom: 0.5rem;}
.MRR {margin-right: 0.5rem;}
.MRL {margin-left: 0.5rem;}

.TXX h6,.TXX p { width: 40ch; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}

/* ------------------------------------------------------------------------------------------------------------ */
/* -----------------------------------------------------AA----------------------------------------------------- */
/* -------------------------------------------------AAAAAAAAAAA------------------------------------------------ */
/* ------------------------------------------------------------------------------------------------------------ */
/* AVIOR TOP CLASS -------------------------------------------------------------------------------------------- */
.ATOP {background-position: center; background: linear-gradient(to top,#ffffff,#ffcfcfdd,#3f027c00,#5D4616),var(--aim);} 

/* ------------------------------------------------------------------------------------------------------------ */
/* -----------------------------------------------------AA----------------------------------------------------- */
/* -------------------------------------------------AAAAAAAAAAA------------------------------------------------ */
/* ------------------------------------------------------------------------------------------------------------ */
/* AVIOR ANIMATION CLASS -------------------------------------------------------------------------------------------- */
/* BLINKING ANIMATION */
@keyframes blink { 0% {opacity: 0.3;} 50% {opacity: 1; transform: scale(1.1);} 100% {opacity: 0.7;}}
.ANIMBLINK {animation: blink 2s linear infinite;}

@keyframes mover { 0% {opacity: 0.3; transform: translateX(-10%);}  50% {opacity: 1;} 100% {opacity: 0.3; transform: translateX(110%);}}
.ANIMOVER {animation: mover 2s linear infinite; animation-duration: 20s;}

@keyframes movel { 0% {opacity: 0.3; transform: translateX(110%);}  50% {opacity: 1;} 100% {opacity: 0.3; transform: translateX(-10%);}}
.ANIMOVEL {animation: movel 2s linear infinite; animation-duration: 20s;}

/* ------------------------------------------------------------------------------------------------------------ */
/* -----------------------------------------------------BB----------------------------------------------------- */
/* -------------------------------------------------BBBBBBBBBB------------------------------------------------ */
/* ------------------------------------------------------------------------------------------------------------ */
/* AVIOR BOX CLASS -------------------------------------------------------------------------------------------- */
/* MOVER BOX */
.MOVEB h6 {font-size: 9px !important; color: #cecece !important; text-wrap: nowrap !important;}

/* BOXES WITH SHADOW COVER */
.BOXSHADE {padding: 0.2rem 0; align-items: center;}
.BOXSHADE .BINX {background: #2c2c2c; border-radius: 1rem; position: relative; margin: 2.5px 0.5px; overflow: hidden !important; transition: all 900ms ease-in-out;}
.BOXSHADE .BINX:hover {transform: scale(0.97);} 
.BOXSHADE .BINX .ICON {width: 3.5rem; height: 3.5rem; position: absolute; top: 1rem; right: 1rem; border-radius: 10px; z-index: 10;}
.BOXSHADE .BINX .BIO {width: 100%; position: absolute; bottom: 0; left: 0; padding: 1rem 1rem; color: white; background: linear-gradient(to top, #230c01, #5d4700, #25252500);}
.BOXSHADE .BINX .BIO h4 {font-size: 18px; color: #ffffff; padding-top: 5px;}
.BOXSHADE .BINX .BIO h5 {font-size: 14px; color: #cfc4ff; padding-top: 5px;}
.BOXSHADE .BINX .BIO p {font-size: 10px; color: #c4fffd; padding-top: 5px;}
.BOXSHADE .BINX .BIO p span {font-size: 6px; letter-spacing: 2px; color: #a3a3a3;}
.BOXSHADE .BINX .BIO a {font-size: 10px; color: #fffcc4; padding-top: 5px; letter-spacing: 9px; transition: all 900ms ease-in-out;}
.BOXSHADE .BINX:hover a {letter-spacing: 2px; font-weight: 900; color: #ffae00;}

/* 4 BOXES WITH ONE COVER */
.BOXCOVER {align-items: center; padding: 1rem 0rem;}
.BOXCOVER .BOXIN {padding: 1rem 1rem; border-radius: 1rem; box-shadow: rgba(17, 17, 26, 0.05) 0px 4px 16px, rgba(17, 17, 26, 0.05) 0px 8px 32px; margin: 5px 0; transition: all 900ms ease-in-out;}
.BOXCOVER .BOXIN {background: fixed linear-gradient(30deg,#fffdc3,#ffefe8,#e1e1c7); transition: all 500ms ease-in-out;}
.BOXCOVER .BOXIN:hover {background: fixed linear-gradient(190deg,#ffefdd,#ffdee6,#f7ebff); transform: scale(0.98); box-shadow: rgba(0, 0, 0, 0.07) 0px 1px 2px, rgba(0, 0, 0, 0.07) 0px 2px 4px, rgba(0, 0, 0, 0.07) 0px 4px 8px, rgba(0, 0, 0, 0.07) 0px 8px 16px, rgba(0, 0, 0, 0.07) 0px 16px 32px, rgba(0, 0, 0, 0.07) 0px 32px 64px;}
.BOXCOVER .BOXIN h6 {font-size: 14px !important; color: #454185;}
.BOXCOVER .BOXIN p {font-size: 12px !important; color: #07394d;}
.BOXCOVER .BOXIN p span {font-size: 9px !important; color: #6c6050 !important; font-weight: 700;} 
.BOXCOVER .ICON {width: 1.75rem !important; height: 1.75rem !important; margin: 5.5px;}
.BOXCOVER .LS5 p {font-size: 9px !important; padding-top: 5px;}

/* BIG BOX WITH IMAGES AND MORE INFORMATION */
.BIGBOX {padding: 0.2rem 0; align-items: center; overflow-x: hidden !important;} 
.BIGBOX .BIGBI {background: fixed linear-gradient(to top,#f9efff,#fff3f8,#ffdac6);}
.BIGBOX .BIGBI {padding: 0.5rem 1rem; margin:5px 0; overflow: hidden !important; border-radius: 1rem; transition: all 2s cubic-bezier(0.23, 1, 0.320, 1); box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 5px 0px, rgba(0, 0, 0, 0.1) 0px 0px 1px 0px;}
.BIGBOX .BIGBI h6 {padding-bottom: 2.5px; font-size: 15px !important; font-family: "Quicksand", sans-serif !important; font-weight: 900 !important; transition: all 400ms ease-in;}
.BIGBOX .BIGBI p {padding-bottom: 2.5px; font-size: 13px !important; font-family: "Quicksand", sans-serif !important; font-weight: 600 !important; color: #6c6050 !important;}
.BIGBOX .BIGBI:hover {box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px; transform: scale(0.95);}
.BIGBOX .BIGBI a {width: min-content; color: white; font-size: 14px; font-weight: 900; padding: 0.5rem 1rem; background: #ff7b007d; border-radius: 0.5rem; transition: all 900ms ease-in-out;}
.BIGBOX .BIGBI a:hover {background: fixed linear-gradient(to right,#7c6644,#4a2b28); padding: 0.5rem 2rem; border-left: 4px solid gold;}
.BIGBOX .BIGBI:hover h6 {color: #32094b;}
.BIGBOX .BIGBI button { border: none; cursor: pointer; margin-top: 1rem;  background: fixed linear-gradient(to right, #31573e, #1b3947); color: white; font-size: 9px;  padding: 0.25rem 0.5rem; border-radius: 2rem; }

/* PROMOTION BOX WITH IMAGES AND MORE INFORMATION */
.PROMOBOX {padding: 2rem 0; overflow: hidden !important; justify-content: space-between;}
.PROMOTION {overflow: hidden !important; box-shadow: rgba(0, 0, 0, 0.05) 0px 0px 0px 1px; border-radius: 1rem; background: fixed linear-gradient(220deg,#f3fbff,#ecffeb,#fff9ee); margin: 5px 0; transition: all 700ms ease-in;}
.PROMOTION:hover {box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 50px; transform: scale(0.95); background: fixed linear-gradient(220deg,#f3e2ff,#fdffd1,#d8e4ff);}
.PROMIM {overflow: hidden !important;}
.PROMIM .LOGO {position: absolute; top: 0; left: 0; border-bottom-right-radius: 5rem; background: fixed white; padding: 0.5rem 0.5rem; overflow: hidden !important;}
.PROMOTION .PROMIN {text-align: left !important;}
.PROMOTION .PROMIN h6 {font-size: 12px !important; color: #b2bc98 !important; font-family: Arial, Helvetica, sans-serif;}
.PROMOTION .PROMIN h3 {font-size: 20px !important; color: #ba9251 !important;}
.PROMOTION .TAG h6 span {color: #82873f !important;}
.PROMOTION .PROA {padding-top: 7.5px; margin-top: 5px;}
.PROMOTION .PROA a {font-size: 12px !important; font-weight: 900; padding: 5px 1rem; border-radius: 10px 45px 10px 10px; background: #faffa2; color: #61642f; transition: all 900ms ease-in;}
.PROMOTION:hover a {animation: proa 900ms linear infinite;}
@keyframes proa { 0% {background-color: #c0fff3; opacity: 0.2;} 50% {background-color: #fff5bd; opacity: 1; letter-spacing: 1px;} 100% {background-color: #b6ffde; opacity: 0.5;}}
.PROMOTION .COPYRIGHT {font-size: 9px !important; font-weight: 900; color: #d5d5d5; position: absolute; bottom: 5px; right: 5px;}

/* BLOG BOX FOR READERS AND VIEWERS */
.BLOGS {overflow: hidden !important;}
.BLOGS .BLOGIN {background: fixed linear-gradient(220deg,#fefff6,#fff7f1,#ffdada); border-radius: 1rem; overflow: hidden; margin: 5px 0;}
.BLOGS .BLOGIN .LOGO img {border: 15px solid #fffbf036; border-radius: 50%; transition: all 900ms ease;}
.BLOGS .BLOGIN .LOGO img {width: 3rem; height: 3rem; position: absolute; top: 10px; right: 10px;}
.BLOGS .BLOGIN:hover .LOGO img {transform: scale(1.5); border: 15px solid #fd330136;}
.BLOGS .BLOGIN {box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px; transition: all 400ms ease-in;}
.BLOGS .BLOGIN:hover {box-shadow: rgba(0, 0, 0, 0.1) 0px 20px 25px -5px, rgba(0, 0, 0, 0.04) 0px 10px 10px -5px; transform: translateY(-10px) scale(0.96);}
.BLOGS .BLOGIN:hover {background: fixed linear-gradient(220deg,#fff0f0,#ffdfdf,#e4e3d2);}
.BLOGS .BLOGIN h5 {font-size: 18px !important; color: #6c512c !important; padding-bottom: 5px;}
.BLOGS .BLOGSS p {font-size: 12px !important; color: #6c512c !important; padding-bottom: 5px;}
.BLOGS .VERSION p {font-size: 12px !important; color: #6c512c !important; padding-bottom: 5px;}
.BLOGS .AUTHOR p {font-size: 12px !important; color: #6c512c !important; padding-bottom: 5px;}
.BLOGS .BLOA a {color: #aeb582 !important; padding: 0.5rem 1rem; width: 100%; background: fixed hsla(60, 100%, 92%, 0); font-size: 14px; font-weight: 900; transition: all 900ms linear;}
.BLOGS .BLOA a:hover {color: white !important; padding: 0.5rem 2rem; width: max-content; text-align: center; background: fixed #8a754265; letter-spacing: 5px; border-radius: 1rem;}

/* BADGE BOX FOR READERS AND VIEWERS */ 
@keyframes badgez { 0% {background-color: #46bd7e;} 50% {background-color: #829b38;} 100% {background-color: #c07738;}}
.BADGE::before {content: '';  position: absolute;  top: 50%;  left: 0;  transform: translateY(-50%);  width: 0.25rem;  height: 5rem;  background-color: #3498db; animation: badgez 900ms linear infinite;  border-radius: 1rem;}
.BADGE {padding: 0.5rem; border: 0.5px solid #eaeaea; border-radius: 1rem; margin-bottom: 10px; transition: all 200ms ease; box-shadow: rgba(0, 0, 0, 0.05) 0px 6px 24px 0px, rgba(0, 0, 0, 0.08) 0px 0px 0px 1px;}
.BADGE .ICON {flex-basis: 15%; padding: 0.5rem;}
.BADGE .ICON img {border-radius: 0.5rem;}
.BADGE .INFO {flex-basis: 85%; padding: 0.5rem;}
.BADGE .INFO p {font-size: 14px !important; color: #a2a4a5 !important; padding-top: 10px;}
.BADGE:hover {border: 1px solid rgb(175, 212, 121); box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 1px 3px 1px; transform: scale(0.99);}

/* ------------------------------------------------------------------------------------------------------------ */
/* -----------------------------------------------------DD----------------------------------------------------- */
/* -------------------------------------------------DDDDDDDDDD------------------------------------------------ */
/* ------------------------------------------------------------------------------------------------------------ */
/* AVIOR DETAILS CLASS -------------------------------------------------------------------------------------------- */
.AVIOR .COUNTRIES {display: inline-flex; padding: 1rem 1rem; border-radius: 1rem; background: fixed linear-gradient(45deg,#f1b5ff,#bdffe9); margin-bottom: 1rem;}
.AVIOR .COUNTRIES img {width: 15px;}
.AVIOR .COUNTRIES button {display: inline-flex; cursor: pointer; padding: 7px; border: 1px solid #e3e3e3; border-radius: 10px; margin-bottom: 10px; margin-right: 10px; background: linear-gradient(to right,#fffbe1,#fffbd9);}
.AVIOR .COUNTRIES .PIN {padding: 2.5px 7.5px; text-wrap: nowrap !important;}
 
@keyframes detailz { 0% {opacity: 0; transform: translateX(25px);} 100% {transform: translateX(0); opacity: 1;}} 
.DETAILZ {animation: detailz 900ms linear forwards;}
.DETAILZ {width: 100%; border: 1px solid #ffffff; background: #ffffff !important; border-radius: 1rem; padding: 0.25rem; margin-bottom: 10px; box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px; transition: all 2s ease-in-out;} 
.DETAILZ:hover {box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 50px; border: 1px solid #f4efff;}
.DETAILZ .CIS {padding: 0.25rem; align-items: center; justify-content: center; text-align: center;}
.DETAILZ .CIS .PP {padding: 0.25rem;}
.DETAILZ .CIS .PPZ {padding: 0.5rem 0.5rem 0.25rem 0.25rem;}
.DETAILZ .CIS .FX10 {flex-basis: 10%;}
.DETAILZ .CIS .FX20 {flex-basis: 20%;}
.DETAILZ .CIS .FX70 {flex-basis: 70%;}
.DETAILZ .CIS .DF4 {flex-basis: 40%;}
.DETAILZ .CIS .DF6 {flex-basis: 60%;} 
.DETAILZ .CIS .DFI3 {flex-basis: 32.3333333%;}

.DETAILZ .CIS .DF5X4 {flex-basis: 50%;}
.DETAILZ .CIS .DF5X6 {flex-basis: 50%;} 

.CIS:hover {background: fixed linear-gradient(to right,#ffffff,#b1e0ff); border-radius: 1rem;}
.DETAILZ:hover .BOOTH {background: linear-gradient(220deg,#0b64a0,#a600ff); letter-spacing: 2px;}
.DETAILZ:hover .BOOTH h2 {color: #cbffe7;  text-shadow: 2px 2px #87878728;}
.DETAILZ:hover .BOOTH h2 span {color: #cbffe7;  text-shadow: 2px 2px #87878728;}
.DETAILZ .BOOTH {background: #e0e0e0; color: #0ba598; border-radius: 10px; padding: 0.5rem .5rem;}
.DETAILZ .BOOTH span {color: #0f776e;} 
.DETAILZ .COMPANY {padding: 0.5rem;} 
.DETAILZ .COMPANY span {display: none; font-size: 9px !important; color: #c2c2c2 !important;}

@keyframes status {0% {color: #bbffa4; font-weight: 400;} 100% {color: #ffff00; font-weight: 900;}}
.DETAILZ .COMPANY .STATUS h4 {color: #99ff00 !important; font-size: 20px !important; animation: status 900ms linear infinite;}
.DETAILZ .COMPANY .NA h4 {color: #ff540b !important;}
.DETAILZ h2 {font-size: 2rem; font-family: "Abril Fatface", serif;}
.DETAILZ .COMPANY h5 {font-size: 14px !important; font-weight: 900; color: #69592f !important;}
.DETAILZ .COMPANY h6 {font-size: 13px !important; font-weight: 900; color: #5a9350 !important;}

.DETAILZ a {font-size: 9px !important; font-weight: 900; color: #feffff; border-radius: 1rem; padding: 9px 9px; background: #074864; transition: all 200ms ease-in;}
.DETAILZ a:hover {background: #ffd900; color: #38360e;}
.DETAILZ i {font-size: 9px; color: #001d29; text-align: center; border-radius: 1rem; padding: 2px 10px; background: #ffb649;} 
.DETAILZ .CONTACT {text-align: center;}
.DETAILZ .CIN {padding: 0.5rem 0.5rem;}
.DETAILZ .CIN p {font-size: 12px !important; font-weight: 500; color: #383636 !important;}

@media (max-width: 700px)
{   .DETAILZ .COMPANY span {display: block;}
    .DETAILZ .BOOTH {padding: 2rem 0.5rem; font-size: 12px !important;}
    .DETAILZ .CIS {text-align: left;}
    .DETAILZ .CIS .DF5X4 {flex-basis: 40%;}
    .DETAILZ .CIS .DF5X6 {flex-basis: 60%;} 
    .DETAILZ .COMPANY h5 {font-size: 11px !important;}
    .DETAILZ a {font-size: 7px !important;}
    .DETAILZ .DF3 {margin-bottom: 0.5rem;}
}

/* FOR MAP DETAILS ----------------------- MAP */
/* FOR MAP DETAILS ----------------------- MAP */
/* FOR MAP DETAILS ----------------------- MAP */
/* FOR MAP DETAILS ----------------------- MAP */
.MAPTITLE h2 {font-size: 5rem !important; font-weight: 400; padding: 1rem 0; font-family: "Abril Fatface", serif; color: #c4b5e2;}
.MPIC {padding: 1rem 1rem; border-radius: 1rem; margin: 10px 2.5px; box-shadow: rgba(0, 0, 0, 0.07) 0px 1px 2px, rgba(0, 0, 0, 0.07) 0px 2px 4px, rgba(0, 0, 0, 0.07) 0px 4px 8px, rgba(0, 0, 0, 0.07) 0px 8px 16px, rgba(0, 0, 0, 0.07) 0px 16px 32px, rgba(0, 0, 0, 0.07) 0px 32px 64px;}
.MINFO {padding: 1rem 1rem; border-radius: 1rem; margin: 10px 2.5px; background: #ffffe1;}
.MINFO h3 {padding: 14px 0; font-size: 2rem !important; font-weight: 900 !important; font-family: "Outfit", sans-serif; color: #7d743e;}
.AVIOR .MCLICK {display: inline-flex;}
.AVIOR .MCLICK img {width: 15px;}
.AVIOR .MCLICK button {display: inline-flex; cursor: pointer; padding: 7px; border: 1px solid #e3e3e3; border-radius: 10px; margin-bottom: 10px; margin-right: 10px; background: linear-gradient(to right,#fffbe1,#fffbd9); transition: all 200ms linear;}
.AVIOR .MCLICK button:hover {background: linear-gradient(220deg,#6d6800,#3e5932); color: #fffea7;}
.AVIOR .MCLICK .MPIN {padding: 2.5px 7.5px; text-wrap: nowrap !important;}
.AVIOR .MTAGS {padding: 0.25rem 0;}
.AVIOR .MTAGS .MTAG {padding: 10px 1rem; color: #ebf9aa; margin-right: 10px; margin-bottom: 5px; border-radius: 5rem; background: #778247;}

.MHR {padding: 1rem 2rem;}
.MHR hr {border: 1px solid #ececec; border-radius: 1rem;}

.MCOMP {padding: 0.5rem 0.5rem; border-radius: 1rem; margin-top: 0.25rem; box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 50px;}
.MAPCOM {padding: 10px; border-radius: 10px; border: 2px solid #fbfbfb; background: fixed linear-gradient(220deg,#fffff2,#efffff); margin: 5px 0; transition: all 500ms ease-in;}
.MAPCOM .MCIS img {border-radius: 5px;}
.MAPINN {padding: 2px 10px;}
.MAPINN h6 {font-size: 12px !important; color: #6a6e2d;}
.MAPINN p {font-size: 11px !important; color: #2c7880; font-weight: 900;}
.MAPCOM .MHIDE {padding: 15px 7.5px;} 
.MAPCOM .MHIDE p {font-size: 12px !important; font-weight: 500 !important; color: #5f5454;}
.MAPCOM:hover {transform: scale(0.95); background: #d9ffe4; box-shadow: rgba(17, 17, 26, 0.05) 0px 4px 16px, rgba(17, 17, 26, 0.05) 0px 8px 32px;}
.MAPCOM:hover .MAPINN h6 {color: #00a058;}
.MAPCOM:hover .MBOOTH h6 {color: #927537;}

@keyframes mapcom {0% {opacity: 0; transform: translateY(-20px);} 100% {opacity: 1; transform: translateY(0);}}
.MAPCOM {animation: mapcom 900ms linear;}

/* ------------------------------------------------------------------------------------------------------------ */
/* -----------------------------------------------------EE----------------------------------------------------- */
/* -------------------------------------------------EEEEEEEEEEEE----------------------------------------------- */
/* ------------------------------------------------------------------------------------------------------------ */
/* AVIOR ECOMMMERCE CLASS ------------------------------------------------------------------------------------- */
.ECODE {border: 2px solid #ececec; border-radius: 10px;}
.ECODE .ECOL {flex-basis: 45%; padding: 10px;}
.ECODE .ECOR {flex-basis: 55%; padding: 20px;}

.ECODE .ECOL img {border-radius: 10px;}

.ECOR h5 {font-size: 15px; font-weight: 900; color: #CE6E3A !important;}
.ECOR h5 span {color: #EDBE57 !important;}

.ECOR h6 {font-size: 12px; font-weight: 900; color: #9c6c50 !important; padding-bottom: 10px;}
.ECOR h6 span {color: #88594d !important;}

.ECOR h2 {font-size: 45px; font-weight: 900; color: #544136 !important; font-family: "Tilt Warp", sans-serif;}
.ECOR h2 span {color: #605338 !important;}

.ECOR h4 {font-size: 25px; font-weight: 900; color: #B29352 !important;}
.ECOR h4 span {font-size: 20px; color: #554b38 !important;}

.ECOR p {font-size: 12px; font-weight: 700; color: #3f3733 !important; padding-bottom: 5px;}
.ECOR p span {color: #26241e !important;}

.ECOR .COLOR {border: 1px solid #ececec; padding: 2px 0px; border-radius: 5px; text-align: center; margin-right: 2px;}
.ECOR .COLOR .RED h3 {color: #D4AF37;}
.ECOR .COLOR .GREEN h3 {color: #FFD700 ;}
.ECOR .COLOR .BLUE h3 {color: #E6BE8A;}
.ECOR .COLOR .YELLOW h3 {color: #C28840;}
.ECOR .COLOR .PINK h3 {color: #B8860B;}

.ECOR .SIZES {border: 1px solid #ececec; padding: 5px 0px; border-radius: 5px; text-align: center; margin-right: 2px;}
.ECOR .SIZES h3 {font-size: 15px; font-weight: 900; color: #53542f;}

.ECOR .PAY {border: 1px solid #ececec; padding: 10px 10px; border-radius: 5px; text-align: center; margin-right: 2px;}

.ECOR .NOTES {border: 1px solid #ececec; padding: 10px 10px; border-radius: 5px;}
.ECOR .NOTES p {font-size: 9px; font-weight: 700; color: #3f3733 !important; padding-bottom: 5px;}
.ECOR .NOTES p span {color: #26241e !important;}
.ECOR .NOTES .INFO {background: #d2d2d2; padding: 7px 7px; border-radius: 10px;}
.ECOR .NOTES .INFO p {font-size: 11px; font-weight: 700; color: #ffffff !important;}
.ECOR .NOTES .INFO p span {font-size: 11px; font-weight: 700; color: #ffffff !important;}

.ECOR .CLL {flex-basis: 65%; text-align: center; background: linear-gradient(to left,#ff4e1d,#9c7b4d); padding: 10px 10px; border-radius: 5px;}
.ECOR .CLR {flex-basis: 34%; text-align: center; background: linear-gradient(to left,#5d6738,#2c584a); padding: 10px 10px; border-radius: 5px;}
.ECOR .CLL a, .ECOR .CLR a {color: white; font-size: 14px; font-weight: 900;}

.ECOR .CLL:hover {background: linear-gradient(to left,#460428,#9b7642,#4b2d04); letter-spacing: 1px; border-left: 5px solid #ff8800; border-right: 5px solid #ff8800; transition: all 900ms ease;}
.ECOR .CLR:hover {background: linear-gradient(to left,#224930,#81c76a,#224930); letter-spacing: 1px; border-left: 5px solid #03ffee; border-right: 5px solid #03ffee; transition: all 900ms ease;}

.FORMZ {background: linear-gradient(220deg,#21110d,#554b31,#21110d);}

/* ------------------------------------------------------------------------------------------------------------ */
/* -----------------------------------------------------FF----------------------------------------------------- */
/* -------------------------------------------------FFFFFFFFFFF------------------------------------------------ */
/* ------------------------------------------------------------------------------------------------------------ */
/* AVIOR FLEX CLASS -------------------------------------------------------------------------------------------- */

.FZF {flex-wrap: wrap; align-content: space-between; justify-content: space-between; align-items: center;}
.FC {display: flex; flex-direction: column !important;}

.FE {display: flex; flex-direction: row !important;}
.FF {display: flex; flex-direction: row !important;}

.F8 {flex-basis: 78%;}
.F7 {flex-basis: 69%;}
.F6 {flex-basis: 58%;}
.F5 {flex-basis: 49.5%;}
.F4 {flex-basis: 38%;}
.F3 {flex-basis: 29.5%;}
.F2 {flex-basis: 18%;}
.F0 {flex-basis: auto;}

.FI {flex-basis: content;}
.FFI {flex-basis: 20px;} 
.FFK {flex-basis: 50px;} 

.F2F5 {flex-basis: 24%;}
.F3F5 {flex-basis: 32%;}
.F3F100 {flex-basis: 32.5%;}

.F15 {flex-basis: 15%;}
.FZ9 {flex-basis: 9%;}
.F85 {flex-basis: 85%;}
.F55 {flex-basis: 54.5%;}
.F45 {flex-basis: 44.5%;}

/* FORM CLASSES */
.REGISTER {align-items: center;}
.REGISTER {background: linear-gradient(150deg, #6c6534, #3f2332, #554224, #6c6534);}
.REGISTER h2 {font-size: 8.5rem !important; color: #3affbd; font-family: "Abril Fatface", serif;}
.REGISTER h5 {font-size: 1.5rem; color: #ffbb1c; font-weight: 600; padding-bottom: 1rem;}
.REGISTER p {font-size: 0.75rem; color: white; font-weight: 600;}
.REGISTER img {border-radius: 1rem;}

.FORMZ {border: 2px solid #886d3e36;}
.RFORM fieldset {padding: 10px 10px; margin: 5px 2px; border: 1px solid #4e3a32; border-radius: 5px; color: white;}
.RFORM fieldset:hover {border: 1px solid rgb(197, 204, 106); color: #fdff75; font-weight: 700;}
.RFORM fieldset input {padding: 5px 5px; border-radius: 16px; background: linear-gradient(to right,#d0c370,#fff282);}
.RFORM fieldset input {border: none; outline: none; width: max-content;}
.RFORM fieldset input[type=text]:focus {border: 1px solid #1e3e232f; color: rgb(9, 103, 61);}
.RFORM legend {font-size: 12px; padding: 2px 10px;}
.RFORM fieldset select {padding: 7px 5px; border-radius: 10px; background: linear-gradient(to right,#d0c370,#fff282);}
.RFORM fieldset select option {font-size: 12px; color: #757527; padding: 10px 5px; border-radius: 10px; background: linear-gradient(to right,cyan,white); font-weight: 500;}
.RFORM fieldset select[option]:focus {border: 1px solid #1e3e232f; color: rgb(9, 103, 61);}
.RFORM .btp {padding: 10px 0px;}
.RFORM .btp i {font-size: 12px; color: #fff7ae;}
.RFORM .btp button {padding: 10px 50px; border-radius: 7px; background: linear-gradient(to right,rgb(0, 0, 103),rgb(0, 40, 86)); transition: all 400ms ease-in;}
.RFORM .btp button:hover {padding: 10px 50px; background: linear-gradient(to right,rgb(0, 245, 208),rgb(0, 255, 123));}
.RFORM .btp button {color: white; border: 10px;}
.RFORM h6 {font-size: 9px; color: #808b40;}

/* ------------------------------------------------------------------------------------------------------------ */
/* -----------------------------------------------------II----------------------------------------------------- */
/* -------------------------------------------------IIIIIIIIII------------------------------------------------ */
/* ------------------------------------------------------------------------------------------------------------ */
/* AVIOR IMAGE CLASS -------------------------------------------------------------------------------------------- */
.IMA {width: 100%; overflow: hidden !important; pointer-events: none;}
.IMA img {width: 100%; display: block; object-fit: cover;}

/* KEYFRAMES */

/* Floating animation (up/down + slight sideways) */
@keyframes floatMove {
  0%   { transform: translate(0, 0) scale(1); opacity: 1;}
  25%  { transform: translate(-5px, -10px) scale(1.1); opacity: 0.8;}
  50%  { transform: translate(5px, -5px) scale(1.2); opacity: 1;}
  75%  { transform: translate(-5px, 5px) scale(0.9); opacity: 0.6;}
  100% { transform: translate(0, 0) scale(1); opacity: 1;}}

/* RANDOM SCALE-IN & OUT (for appearing/disappearing) */
@keyframes scalePulse {
  0%, 100% { transform: scale(1); opacity: 1;}
  50% { transform: scale(1.5); opacity: 0.4;}}

/* ICON CONTAINER STYLES */
.IMT {width: 50px; pointer-events: none; position: absolute; z-index: 2; animation: floatMove 8s ease-in-out infinite;}
/* IMAGE STYLE */
.IMT img {width: 100%; height: auto; display: block; object-fit: cover; animation: scalePulse 6s ease-in-out infinite alternate; will-change: transform, opacity;}

/* RANDOMIZED POSITION + DURATION PER ICON */
.IMT1 { top: 5vh; left: 10vw; animation-delay: 0s;}
.IMT2 { bottom: 18vh; left: 15vw; animation-delay: 1.5s;}
.IMT3 { top: 30vh; left: 40vw; animation-delay: 3s;}
.IMT4 { top: 12vh; right: 5vw; animation-delay: 2s;}
.IMT5 { bottom: 10vh; right: 10vw; animation-delay: 0.5s;}

/* ------------------------------------------------------------------------------------------------------------ */
/* -----------------------------------------------------JJ----------------------------------------------------- */
/* -------------------------------------------------JJJJJJJJJJJ------------------------------------------------ */
/* ------------------------------------------------------------------------------------------------------------ */
/* AVIOR JOIN ANCHOR CLASS -------------------------------------------------------------------------------------------- */
.JOIN {padding: 0.5rem 0.5rem; text-align: center; border: 1px solid #f2f2f2; border-radius: 5rem; justify-content: space-around;}
.JOIN .EXP,.VIS {box-shadow: rgba(0, 0, 0, 0.45) 0px 25px 20px -20px;}
.JOIN .EXP {border-top-left-radius: 5rem; border-bottom-left-radius: 5rem; background: fixed linear-gradient(to left,#f90101,#9c8954); padding: 1.5rem 0; transition:all 900ms ease-in-out !important;}
.JOIN .EXP:hover {background: linear-gradient(to left,#3f0008,#af0000);}
.JOIN .EXP:hover a {color: #ebff94; letter-spacing: 2px; font-size: 1rem; font-weight: 900;}
.JOIN .VIS {border-top-right-radius: 5rem; border-bottom-right-radius: 5rem; background: fixed linear-gradient(to right,#f90101,#9c8954); padding: 1.5rem 0;}
.JOIN .VIS:hover {background: linear-gradient(to right,#3f0008,#af0000);}
.JOIN .VIS:hover a {color: #ebff94; letter-spacing: 2px; font-size: 1rem; font-weight: 900;}
.JOIN a {font-size: 14px; font-weight: 900; letter-spacing: 1px; color: #ffffff; text-shadow: -1px 0px #aeaeae;}

/* ------------------------------------------------------------------------------------------------------------ */
/* -----------------------------------------------------LL----------------------------------------------------- */
/* -------------------------------------------------LLLLLLLLLLL------------------------------------------------ */
/* ------------------------------------------------------------------------------------------------------------ */
/* AVIOR LOGO MOTION CLASS -------------------------------------------------------------------------------------------- */
@keyframes loger { 0% {opacity: 0.3; transform: translateX(-20%);}  40% {opacity: 0.7; transform: translateX(-18%);} 60% {opacity: 1; transform: translateX(-7%);} 80% {opacity: 0.5; transform: translateX(-3%);} 100% {opacity: 0.2; transform: translateX(-2%);}}
.LOGER {animation: loger 1s linear infinite; animation-duration: 3s; transition: all 900ms ease-in-out;}
@keyframes logel { 0% {opacity: 0.3; transform: translateX(-2%);}  40% {opacity: 0.7; transform: translateX(-5%);} 60% {opacity: 1; transform: translateX(-13%);} 80% {opacity: 0.5; transform: translateX(-18%);} 100% {opacity: 0.1; transform: translateX(-20%);}}
.LOGEL {animation: logel 1s linear infinite; animation-duration: 3s; transition: all 900ms ease-in-out;}
/* ANIMATION */
.LOGOZ {padding: 0.5rem 2rem; overflow: hidden !important; width: min-content;}
.LOGOZ .EQUA img {width: 3rem; height: auto; border-radius: 1rem; margin: 15px; overflow: hidden !important;}
.LOGOZ .RECT img {width: 5rem; height: auto; border-radius: 1rem; margin: 15px; overflow: hidden !important;}

/* ------------------------------------------------------------------------------------------------------------ */
/* -----------------------------------------------------MM----------------------------------------------------- */
/* -------------------------------------------------MMMMMMMMMM------------------------------------------------ */
/* ------------------------------------------------------------------------------------------------------------ */
/* AVIOR MAP CLASS -------------------------------------------------------------------------------------------- */
 
/* ------------------------------------------------------------------------------------------------------------ */
/* -----------------------------------------------------QQ----------------------------------------------------- */
/* -------------------------------------------------QQQQQQQQQQQ------------------------------------------------ */
/* ------------------------------------------------------------------------------------------------------------ */
/* AVIOR QUOTE CLASS -------------------------------------------------------------------------------------------- */

/* QUOTE CLASS */
.QUOTE {display: inline-flex;}
.QUOTE .QIC {flex-basis: 50px;}
.QUOTE .QIC h5 {font-size: 70px !important; color: #b8c05b !important;}
.QUOTE .QIN {flex-basis: 90%; padding: 1rem 0;}
.QUOTE .QIN h5 {font-size: 16px !important; color: #82773c !important;}

/* ------------------------------------------------------------------------------------------------------------ */
/* -----------------------------------------------------PP----------------------------------------------------- */
/* -------------------------------------------------PPPPPPPPPP------------------------------------------------ */
/* ------------------------------------------------------------------------------------------------------------ */
/* AVIOR PADDING CLASS ---------------------------------------------------------------------------------------- */

.PA {padding: 5rem 5rem;}
.PS {padding: 2rem 4rem;}
.PI {padding: 0.2rem 0.5rem;}
.PT {padding: 0.5rem 0;}

.PXX5 {padding: 5px 0px;}
.PX1 {padding: 1rem 1rem;}
.PX2 {padding: 2rem 2rem;}
.PX5 {padding: 5rem 5rem;}

.PA2 {padding: 1.5rem 1rem 1rem;}
.PH2 {padding: 2rem 1rem 2rem;}

.P1 {padding: 1rem 1rem;}
.PY {padding: 0.5rem 0.5rem;} 

/* ------------------------------------------------------------------------------------------------------------ */
/* -----------------------------------------------------TT----------------------------------------------------- */
/* -------------------------------------------------TTTTTTTTTTT------------------------------------------------ */
/* ------------------------------------------------------------------------------------------------------------ */
/* AVIOR TAG CLASS -------------------------------------------------------------------------------------------- */

.TTRED span {padding: 0.25rem 1rem; font-size: 1rem; font-weight: 700; color: #ffffff; border-radius: 2rem; background: linear-gradient(40deg,#ff002b,#ff6f00);}

/* ------------------------------------------------------------------------------------------------------------ */
/* -----------------------------------------------------TT----------------------------------------------------- */
/* -------------------------------------------------TTTTTTTTTTT------------------------------------------------ */
/* ------------------------------------------------------------------------------------------------------------ */
/* AVIOR TEXT CLASS -------------------------------------------------------------------------------------------- */

.AVIOR .TEZ h2 {font-size: 60px; color: #f5ff9e00; font-family: "Abril Fatface", serif;}
.AVIOR .TEZ h3 {font-size: 38px; color: var(--tezh3); font-family: "Outfit", sans-serif; padding-top: 10px;}
.AVIOR .TEZ h4 {font-size: 28px; color: var(--tezh4); font-family: "Outfit", sans-serif;}
.AVIOR .TEZ h5 {font-size: 22px; color: var(--tezh5); font-family: "Outfit", sans-serif;}
.AVIOR .TEZ h6 {padding-top: 7px; font-size: 18px; color: var(--tezh6); font-family: "Quicksand", sans-serif;}
.AVIOR .TEZ p {padding-top: 7px; font-size: 14px; font-weight: 500; color: var(--tezp); font-family: "Quicksand", sans-serif;}
.AVIOR .TEZ .TZ p {padding-top: 7px; font-size: 10px !important; font-weight: 900; color: var(--tezp); font-family: "Quicksand", sans-serif;}

.AVIOR .TEZ h3 span {color: var(--texh3);}
.AVIOR .TEZ h4 span {color: var(--texh4);}
.AVIOR .TEZ h5 span {color: var(--texh5);}
.AVIOR .TEZ h6 span {color: var(--texh6);}
.AVIOR .TEZ p span {color: var(--texp);}

/* BIG TEXT FOR TITLES */
.MEGA h2 {font-size: 7.5rem !important; font-family: "Cinzel", serif; color: #7b7245 !important; padding-bottom: 1rem;}
.MEGA h2 span {color: #60533d !important;}

/* BIG TEXT FOR WELCOME */
.AVIOR .TBIG span {font-size: 16rem; font-family: "Doto", sans-serif; color: #ffe8c1; font-weight: 400;}
.AVIOR .TTBIG span {font-size: 16rem; font-weight: 500; font-family: "Libre Baskerville", serif; color: #e9f0ee; text-shadow: 2px 2px #c3c3c39d; text-rendering: optimizeSpeed;}
.AVIOR .TSS p {font-size: 14px; color: #dddddd; font-weight: 500;}

.AVIOR .LIA h1 {color: #ffebae !important; text-shadow: 2px 2px #ff0040; font-size: 55px; line-height: 9vh;}
.AVIOR .LIA h3 {color: #dcaeff !important; text-shadow: 2px 2px #686565; font-size: 35px; line-height: 9vh;}
.AVIOR .LIW h3 {color: #ffebe4 !important; text-shadow: 1px 0px #686565; font-size: 30px; line-height: 6vh;}
.AVIOR .LIW h3 span {color: #ffffff !important; text-shadow: 1px 0px #686565; font-size: 30px; line-height: 6vh;}
.AVIOR .LIW h6 {color: #fffddf !important; text-shadow: 0.5px 1px #686565; }

/* ROTATING ANIMATION */
@keyframes TANIM { 0% {background-position: 0%;} 100% {background-position: 200%;}}
.AVIOR .TANIM {background: linear-gradient(220deg,#F600FF,#00f7ff,#7300FF); background-size: 200%; background-clip: text; color: transparent; animation: TANIM 2s infinite;}
.AVIOR .TTG {text-shadow: 1px 1px #ebffa344;} 

/* FOR TIMER */
.TIMEH h6 {font-size: 1rem; color: #acb32f !important; padding-bottom: 1rem;}
.TIMEH h6 span {font-size: 1rem; color: #826024 !important; padding-bottom: 1rem;}
.TIMER span {font-size: 5rem; color: var(--tezss);}
.TIMER .TIMIN {font-size: 2.5rem; color: #826024;}

/* ------------------------------------------------------------------------------------------------------------ */
/* -----------------------------------------------------TT----------------------------------------------------- */
/* -------------------------------------------------TTTTTTTTTTT------------------------------------------------ */
/* ------------------------------------------------------------------------------------------------------------ */
/* AVIOR AGENDA PAGE CLASS ------------------------------------------------------------------------------------ */
.AGENDA .BB {border: 1px solid rgb(223, 223, 223); padding: 1rem 0.5rem; align-items: center;}
.AGENDA .ENTER h2 {padding-bottom: 7px; color: #3d3047; font-size: 10rem !important; font-family: "Abril Fatface", serif;}
.AGENDA .ENTER h5 {padding-bottom: 7px; color: #715371; font-size: 2rem !important; font-family: "Abril Fatface", serif;}
.AGENDA .ENTER p {padding-bottom: 7px; color: #5d486a; font-size: 0.95rem !important; font-weight: 900;}
.AGENDA .ENTRE {border: 1px solid #f0f0f0; transition: all 900ms ease-in;}
.AGENDA .ENTRE:hover {border: 1px solid #fff8cf; border-radius: 0.5rem; transform: scale(0.975); background: linear-gradient(150deg,#fff9f6,#f5eaff,#ffe4ef,#e4faff);}
.AGENDA .ENTREZ {background: fixed linear-gradient(to right,#fffcf4,#fdfff6); border-radius: 1rem;}
.AGENDA .ENTRE:hover .ENTREZ {background: fixed linear-gradient(to right,#effffe,#f3e6ff); border-radius: 1rem; box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;}
.AGENDA .ENTRE h4 {font-size: 1.25rem !important; font-weight: 900; color: #6a457d; padding-bottom: 9px; font-family: "Outfit", sans-serif;} 
.AGENDA .ENTRE .TIME h6 {font-size: 1rem !important; font-weight: 900; color: #775745; padding-top: 10px;}
.AGENDA .ENTRE h6 {font-size: 0.85rem !important; font-weight: 900; color: #666433; padding-bottom: 5px;}
.AGENDA .ENTRE p {font-size: 0.95rem !important; font-weight: 900; color: #442950;}
.AGENDA .ENTRE .TAG {border-radius: 4rem; background: #5e613c; padding: 5px 15px; margin-right: 5px; margin-bottom: 5px;}
.AGENDA .ENTRE .TAG p {font-size: 0.65rem !important; font-weight: 900; color: #ffffff;}
.AGENDA .ENTRE a {font-size: 0.85rem; color: #885420; font-weight: 900 !important; transition: all 900ms ease-in; border: 1px solid #b3c8a4; border-radius: 3rem; padding: 5px 10px;}
.AGENDA .ENTRE a span {font-size: 0.75rem; color: #571a39;}
.AGENDA .ENTRE a:hover {padding: 5px 15px; color: #6c603c; letter-spacing: 2px; border-radius: 2rem; background-color: #ffd2bd; border: none;}
.AGENDA .ENTRE a:hover span {color: #134d60;}

/* ------------------------------------------------------------------------------------------------------------ */
/* -----------------------------------------------------DD----------------------------------------------------- */
/* -------------------------------------------------TTTTTTTTTTT------------------------------------------------ */
/* ------------------------------------------------------------------------------------------------------------ */
/* AVIOR DEFAULT CLASS ------------------------------------------------------------------------------------ */
.DEFAULT .IMA {width: 30%; margin: auto;}
.DEFAULT .TIMEH h6 span {font-size: 7px !important; font-weight: 900 !important; letter-spacing: 4px !important;}

/* ------------------------------------------------------------------------------------------------------------ */
/* -----------------------------------------------------FOOTER------------------------------------------------- */
/* -------------------------------------------------FOOTER IS HERE FOR YOU------------------------------------- */
/* ------------------------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------------------------------ */
/* -----------------------------------------------------FOOTER------------------------------------------------- */
/* -------------------------------------------------FOOTER IS HERE FOR YOU------------------------------------- */
/* ------------------------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------------------------------ */
/* -----------------------------------------------------FOOTER------------------------------------------------- */
/* -------------------------------------------------FOOTER IS HERE FOR YOU------------------------------------- */
/* ------------------------------------------------------------------------------------------------------------ */
/* AVIOR PADDING CLASS ---------------------------------------------------------------------------------------- */ 
footer {width: 100%; position: relative; background: linear-gradient(140deg,#4a441b,#450305,#4a441b); overflow: hidden !important;}
footer .FP2 {padding: 2rem 4rem;}
footer hr {border: 1px solid #6c6a41;}

footer .TOPZ {background: linear-gradient(to right,#ffffff,#f7fcff,#ffffff);} 
footer .MIDZ {padding: 5rem;}
footer h3 {color: #fff185 !important; padding-bottom: 5px;}
footer .MIDZ h4 {color: #d7feff !important;}
footer h5 {color: #b8b6a4 !important; padding-bottom: 5px;}
footer h6 {font-size: 14px !important; color: #a4b77d !important;}
footer .MIDZ p {font-size: 11px !important; color: #cdcdcd !important;}
footer .MIDZ .MIDZR {padding-left: 5rem; padding: 2rem; border-left: 5px solid #616624;}
@media (max-width: 700px) {footer .MIDZ .MIDZR {padding: 2rem 1.5rem;} footer .FP2 {padding: 2rem 1rem;}}


footer .LOWZ a {color: #b6b078 !important; font-weight: 900; font-size: 14px; padding-bottom: 1rem; transition: all 200ms ease-in;}
footer .LOWZ a span {display: none; transition: all 2s ease-out;}
footer .LOWZ a:hover span {display: inline-flex; color: #ffee8f; font-size: 12px;}
footer .LOWZ a:hover {color: #ffb387 !important; letter-spacing: 2px; font-size: 16px !important;}
footer .LOWZ h3 {color: #fff185 !important; padding-bottom: 5px; font-size: 3rem;}

footer .COPZ a {font-size: 14px; font-weight: 600; color: #fffab0; transition: all 900ms ease-in;}
footer .COPZ a span {font-size: 12px; font-weight: 900; color: #b9e0a8;}
footer .COPZ a:hover {color: #ffc598 !important; letter-spacing: 1px; font-size: 16px !important;}