html { position:relative; min-height:100%; }

body { margin:0; color:#272139; font-family: "Forum", serif; font-size:1.5rem; background-color:#272139; }
body i { font-size:1.5rem; }

.wholePage { color:#272139; font-family: "Forum", serif; font-size:7rem; }
.wholePageSmallest { color:#272139; font-size:1.5rem; }
.wholePageSmallest a { color:#272139; text-decoration:underline; }
.wholePageCenter { text-align:center; padding-top:35vh; padding-left:1.5rem; padding-right:1.5rem; }
.wholePageCenterPadSmall { text-align:center; padding-top:20vh; padding-left:1.5rem; padding-right:1.5rem; }

.fontCursive { font-family: "Forum", serif; }
.fontCursiveL { font-family: "Forum", serif; font-size:4rem; }

.fSmall { font-size:1rem; }
.fNormal { font-size:1.5rem; }
.fMedium { font-size:2.5rem; }
.fBig { font-size:3rem; }

.bigIcons > div { display:inline-block; }

p { margin-block-start:1rem; margin-block-end:0; margin-inline-end:0; margin-inline-start:0; }

.subtitle { font-family: "Forum", serif; font-size:3.5rem; line-height:3rem; }
.subtitle a { font-size:3.5rem; line-height:3rem; }
.subtitle i { font-size:3.5rem; line-height:3rem; color:#9868ce; }
.tcenter { text-align:center; }
.tright { text-align:right; }
.tleft { text-align:left; }

.subtitleS { font-family: "Forum", serif; font-size:2rem;  }
.subtitleS i { font-size:2rem; font-weight:bold; }

.noDecoration { text-decoration:none; }
.noDecoration a { text-decoration:none; }

.subsubtitle { padding-top:1rem; font-family: "Forum", serif; font-size:3rem; }
.subsubtitle i { font-size:2rem; }

.filter .tags { font-size:1.5rem !important; }
.filter input[type=text] { font-size:1rem !important; }
.filter select { font-size:1rem !important; }

.tags { font-size:1.5rem; }
.tags i:hover { cursor:pointer; color:#e7dcfa; }

.pl { padding-left:3rem; }
.pl1 { padding-left:1rem; }
.pall { padding:5rem; }
.pAllSmall { padding:0.5rem; }
.mAllSmall { margin:0.5rem; }
.psides { padding:0 5rem !important; }
.pSidesSmall { padding:0 1rem !important; }
.pallS { padding:2rem; }
.pb1 { padding-bottom:1rem; }
.pb2 { padding-bottom:2rem; }
.pb5 { padding-bottom:5px; }

.pright { padding-right:1rem; }

.videoFrame { text-align:center; }
.videoFrame iframe { width:320px; height:200px; border:solid #272139 0.5rem; border-radius:1.5rem; }

.pt5 { padding-top:5px; }
.pt1rem { padding-top:1rem; }
.pt2rem { padding-top:2rem; }
.pt5rem { padding-top:5rem; }
.ptFromHeader { padding-top:5rem !important; }
.ptTB1rem { padding:1rem 0 1rem 0; }

.mr10 { margin-right:10px; }
.mright { margin-right:1rem; }

.flex { display:flex; align-items:stretch; flex-wrap: wrap; }
.flex > div { padding:0 0 0 0; flex-grow: 1; }
.flex > div > img { width:300px; }

.flex50 { display:flex; align-items:stretch; }
.flex50 > div { padding:0 0 0 0; flex-grow: 1; }
.flex50 > div > img { width:300px; }

.flexSameSize { display:flex; }
.flexSameSize > div { padding-left:0; padding-right:0; flex-grow: 1; flex: 1 1 0px; }

.flexFilter { display:flex; align-items:stretch; flex-wrap: wrap; }
.flexFilter > div { padding:0 0 1rem 0; flex-grow: 1; }

.flexWrap { display:flex; flex-wrap: wrap; justify-content: center; }

.flexDynamic { display:flex; }
.flexDynamicButtons { display:flex; }

.header { color:#ffffff; background-color:#9868ce; padding:0.5rem 5rem; position:fixed; top:0; width:calc(100% - 10rem); z-index:1; }
.header a { color:#ffffff; }
.header .subtitle { font-size:2rem; text-align:left; }
.header .subtitle a { font-size:2rem; }
.header .subtitle a:hover { cursor:pointer; color:#272139; }
.headerIcon { color:#ffffff !important; font-size:1.75rem !important; }

.footer { padding:5rem 10rem; color:#ffffff; background-color:#9868ce; }
.footer a { color:#ffffff; text-decoration:underline; }
.footer a:hover { color:#272139; }

.wholePageBackground { min-height:100vh; background-repeat:no-repeat; background-position:center; background-size:cover; background-image:url('../images/magic.png'); }
.wholePageBackground a { color:#ffffff; }
.wholePageBackground a:hover { color:#272139; }
.wholePageBackground .link { color:#ffffff; text-decoration:underline; }
.wholePageBackground .link:hover { color:#e7dcfa; cursor:pointer; }
.wholePageBackground .defaultImage img { border-color:#ffffff; }
.wholePageBackground .defaultImage a img:hover { border-color:#e7dcfa; }

.mainWhiteBackground { padding:5rem 10rem; color:#272139; background-color:#ffffff; }
.mainWhiteBackground a { color:#272139; text-decoration:underline; }
.mainWhiteBackground a:hover { color:#272139; cursor:pointer; }
.mainWhiteBackground .defaultImage img { border-color:#272139; }
.mainWhiteBackground .defaultImage a img:hover { border-color:#e7dcfa; }
.mainWhiteBackground input[type=text], input[type=email], textarea, select { font-size:1.5rem; color:#272139; border:#272139 solid 1px; padding:0.5rem; }
.mainWhiteBackground input[type=button] { font-size:1.5rem; color:#272139; border:#272139 solid 1px; background-color: transparent; padding:1px 5px; padding:0.5rem; }
.mainWhiteBackground input[type=button]:hover { color:#ffffff; border:#272139 solid 1px; background-color:#e7dcfa; cursor:pointer; }
.mainWhiteBackground .product { border-radius:0.5rem; max-width: 350px; color:#ffffff; margin:auto; }
.mainWhiteBackground .product img { max-width:300px; width:calc(100% - 1rem); }
.mainWhiteBackground .product a { color:#ffffff; }
.mainWhiteBackground .product .defaultImage img { border-color:#ffffff; }
.mainWhiteBackground .product .defaultImage a img:hover { border-color:#e7dcfa; }
.mainWhiteBackground input[type=text], input[type=email], textarea, select { border:#272139 solid 1px !important; }
.mainWhiteBackground .linkButton { font-size:1.5rem; color:#9868ce; border:#9868ce solid 1px; background-color:#ffffff; padding:1.5rem; border-radius:3rem; text-decoration:none; float:left; }
.mainWhiteBackground .linkButton:hover { color:#ffffff; border:#9868ce solid 1px; background-color:#9868ce; cursor:pointer; }
.mainWhiteBackground .linkButton:hover a { color:#ffffff; }
.mainWhiteBackground .linkButton a { color:#9868ce; text-decoration:none; }
.mainWhiteBackground .linkButton a:hover { color:#ffffff; }
.mainWhiteBackground .linkButton2 { font-size:1.5rem; color:#9868ce; border:#9868ce solid 1px; background-color:#ffffff; padding:1.5rem; border-radius:3rem; text-decoration:none; }
.mainWhiteBackground .linkButton2:hover { color:#ffffff; border:#ffffff solid 1px; background-color:#9868ce; cursor:pointer; }

.mainPurpleBackground .learnmore a { color:#272139; }
.mainPurpleBackground .videoFrame iframe { border-color:#ffffff; }
.mainPurpleBackground { padding:5rem 10rem; color:#272139; background-color:#e7dcfa; }
.mainPurpleBackground a { color:#272139; }
.mainPurpleBackground a:hover { color:#272139; cursor:pointer; }
.mainPurpleBackground .defaultImage img { border-color:#ffffff; }
.mainPurpleBackground .defaultImage a img:hover { border-color:#e7dcfa; }
.mainPurpleBackground .product { border-radius:0.5rem; max-width: 350px; color:#272139; margin:auto; }
.mainPurpleBackground .product img { max-width:300px; width:calc(100% - 1rem); }
.mainPurpleBackground .product a { color:#272139; }
.mainPurpleBackground .product .defaultImage img { border-color:#272139; }
.mainPurpleBackground .product .defaultImage a img:hover { border-color:#e7dcfa; }
.mainPurpleBackground .linkButton { font-size:1.5rem; color:#ffffff; border:#9868ce solid 1px; background-color:#9868ce; padding:1.5rem; border-radius:3rem; text-decoration:none; float:left; }
.mainPurpleBackground .linkButton:hover { color:#9868ce; border:#9868ce solid 1px; background-color:#ffffff; cursor:pointer; }
.mainPurpleBackground .linkButton:hover a { color:#9868ce; }
.mainPurpleBackground .linkButton a { color:#ffffff; text-decoration:none; }
.mainPurpleBackground .linkButton a:hover { color:#9868ce; }

.mainSplashBackground .learnmore a { color:#272139; }
.mainSplashBackground { padding:10rem 10rem 5rem 10rem; color:#272139; background-color:#ffffff; }
.mainSplashBackground .linkButton { font-size:1.5rem; color:#9868ce; border:#9868ce solid 1px; background-color:#ffffff; padding:1.5rem; border-radius:3rem; text-decoration:none; float:left; }
.mainSplashBackground .linkButton:hover { color:#ffffff; border:#9868ce solid 1px; background-color:#9868ce; cursor:pointer; }
.mainSplashBackground .linkButton:hover a { color:#ffffff; }
.mainSplashBackground .linkButton a { color:#9868ce; text-decoration:none; }
.mainSplashBackground .linkButton a:hover { color:#ffffff; }

.productBox > div { padding:1rem !important; }

.productTable { max-width:1500px; }
.productTable td { padding:1rem; }
.mainPurpleBackground .productTable tr:nth-child(odd) { background-color: rgba(255, 255, 255, 0.1); }
.mainWhiteBackground .productTable tr:nth-child(odd) { background-color: rgba(255, 0, 149, 0.1); }
.half { width:50%; }

.defaultImage img { width:calc(100% - 3rem); max-width: 300px; border-radius:1.5rem; }

input[type=text], input[type=email], textarea, select { font-size:1.5rem; color:#272139; border:#ffffff solid 1px; padding:0.5rem; max-width:350px; width:100%; }
input[type=button] { font-size:1.5rem; color:#ffffff; border:#9868ce solid 1px; background-color:#9868ce; padding:1.5rem; border-radius:3rem !important; }
input[type=button]:hover { color:#272139; border:#ffffff solid 1px; background-color:#ffffff; cursor:pointer; }

input[type="text"], input[type="button"], input[type="number"], input[type=email], select, textarea { -webkit-appearance: none; border-radius: 0; font-family: "Forum", serif; }

.menu { text-align:right; align-content:center; }
.menu a { text-decoration:none; }
.menu a:hover { cursor:pointer; color:#272139; }

.mobile { display:none !important; }
.noMobile { display:inline !important; }

table { margin: 0px auto; border-spacing:0; }

.icon { font-size:2.5rem; cursor:pointer; font-weight:normal !important; }
/*.icon:hover { font-size:2.5rem; cursor:pointer; color:#e7dcfa; }*/
.iconNormal { font-size:1.25rem; cursor:pointer; }
.iconNormal:hover { font-size:1.25rem; cursor:pointer; color:#e7dcfa; }

.helpHowTo { position:fixed; top:20%; width:335px; right:calc(50% - 184px); background-color:#272139; padding:1rem; border-radius:0.5rem; color:#ffffff; box-shadow:10px 10px 15px #ffffff; border-top:1px solid #ffffff; border-left:1px solid #ffffff; max-height:60%; }

.contentCenter { align-content:center; }

.imageSmall { width:50px; border:1px solid #ffffff; border-radius: 5px; padding: 3px; }
.mTop { margin-top:0.75rem; }
.mTop1rem { margin-top:1rem; }
.mBottom1rem { margin-bottom:1rem; }
.mBottom2rem { margin-bottom:2rem; }

.searchResults > div:nth-child(odd) { background-color: rgba(255, 255, 255, 0.1); }
.transparentBG { background-color: rgba(255, 255, 255, 0.1); }
.message { background-color:#272139; border-radius:0.5rem; color:#ffffff; box-shadow:10px 10px 15px #ffffff; border-top:1px solid #ffffff; border-left:1px solid #ffffff; }
.message span { color:#e7dcfa; font-size:2.5rem; }

.colorPurple { color:#9868ce; }
.colorPurple a { color:#9868ce; }
.colorPurple i { color:#9868ce; }
.colorPurple i:hover { color:#272139; }

.whatsappBubble { position:fixed; bottom:1rem; right:1rem; background-color:#25d366; color:#ffffff; border-radius:3rem; text-align:center; padding:0.75rem 0.4rem; border:2px solid #25d366; }
.whatsappBubble i { font-size:3rem; }
.whatsappBubble:hover { cursor:pointer; color:#27d366; background-color:#ffffff; border:2px solid #25d366; }

.whatsappChat { position:fixed; bottom:1rem; right:1rem; background-color:#075e54; border-radius:1rem; width:314px; }
.whatsappChat .whatsappProfileImg { float:left; padding:1rem; }
.whatsappChat .whatsappProfileImg img { width:3.2rem; border-radius:3rem; }
.whatsappChat .whatsappProfileName { padding:1rem; color:#ffffff; }
.whatsappChat .whatsappChatArea { padding:1rem; background-color:#fcf5eb; color:#000000; }
.whatsappChat .whatsappChatArea div { padding:1rem; background-color:#ffffff; width:70%; border-radius:1rem; }
.whatsappChat .whatsappInput { background-color:#ffffff; padding:0.5rem; }
.whatsappChat .whatsappInput input { width:230px; background-color:#ffffff; color:#000000; }
.whatsappChat .whatsappInput span { color:#075e54; }
.whatsappChat .whatsappInput span:hover { cursor:pointer; color:#27d366; }
.whatsappChat .whatsappInput span i { font-size:1.5rem; }
.whatsappChat .whatsappFooter { height:1rem; }
.whatsappChat .whatsappCloseChat { float:right; padding:1rem; color:#ffffff; }
.whatsappChat .whatsappCloseChat:hover { cursor:pointer; color:#27d366; }

.menufolders { display:flex; }
.menufolders i { font-size:3rem; }
.menufolderButton { margin:auto; width:8rem; height:6.5rem; border-radius:10rem; border:1px solid #ffffff; padding-top:1.5rem; box-shadow:5px 5px 10px #ffffff; text-align:center; cursor:pointer; }
.menufolderButton:hover { background-color:#ffffff; color:#272139; }
.btnActive { color:#272139 !important; background-color:#ffffff !important; }
.menufolderItem { background-color:#ffffff; color:#272139; margin-top:2rem; border-radius:1rem; }
.menufolderItem a { color:#272139; text-decoration:underline; }
.menufolderItem a:hover { color:#272139; cursor:pointer; }
.menufolderItem .defaultImage img { border-color:#272139; }
.menufolderItem .defaultImage a img:hover { border-color:#e7dcfa; }
.menufolderItem .productTable tr:nth-child(odd) { background-color: rgba(255, 0, 149, 0.1); }

.titles { background-color:#ffffff; color:#272139; text-align:center; padding:2.5rem 0; display:flex; }
.titles div { margin:auto; width:12rem; height:9.5rem; border-radius:10rem; border:2px solid #272139; padding-top:2.5rem; box-shadow:10px 10px 15px #272139; }
.titles div:hover { background-color:#e7dcfa; color:#ffffff; cursor:pointer; }
.titles div i { font-size:5rem; }
.menuTitleActive { background-color:#e7dcfa; color:#ffffff; }

.testimonial { background-color:#e7dcfa; color:#272139; border-radius:1rem; }
.testimonialSign { text-align:right; padding-top:1rem; font-style:italic; }
.readMore { text-align:center; text-decoration:underline; font-size:1rem; }

.selection { font-size:1.5rem; color:#ffffff; border:#9868ce solid 1px; background-color:#9868ce; padding:1.5rem; border-radius:3rem; }
.selection:hover { color:#9868ce; border:#9868ce solid 1px; background-color:#ffffff; cursor:pointer; }
.selectionContent { color:#ffffff; border:#9868ce solid 1px; background-color:#9868ce; border-radius:3rem; padding:2rem; margin-top:1rem; }

@media (orientation: portrait)
{
    .flex50 { display:flex; align-items:stretch; flex-wrap: wrap; }
    .flex50 > div { padding:0 0 0 0; flex-grow: 1; width:100%; }

    .flexSameSize { display:flex; align-items:stretch; flex-wrap: wrap; }
    .flexSameSize > div { flex-grow: 1; width:100%; flex:1; }
        
    .wallpaper > div { width: 100%; }

    .hideMobile { display:none; }
    .footer { padding:2.5rem 5rem; }
    .mainSplashBackground { padding:6.5rem 5rem 2.5rem 5rem; }
    .mainWhiteBackground { padding:2.5rem 5rem; }
    .mainPurpleBackground { padding:2.5rem 5rem; }

    .titles div { width:5rem; height:4rem; padding-top:1rem; }
    .titles div i { font-size:2.5rem; }

    .menufolders i { font-size:2rem; }
    .menufolderButton {width:4rem; height:3.25rem; padding-top:0.75rem; }

    .wholePage { font-size:5rem; }
    .pall { padding:2rem; }
    .psides { padding:0 2rem !important; }
}

@media (orientation: landscape)
{
    .footer { padding:2.5rem 5rem; }
    .mainSplashBackground { padding:6.5rem 5rem 2.5rem 5rem; }
    .mainWhiteBackground { padding:2.5rem 5rem; }
    .mainPurpleBackground { padding:2.5rem 5rem; }
    .pall { padding:2rem; }
}

@media (max-width:1000px)
{
    .wholePage { font-size:4rem; }
    .mobile { display:inline !important; }
    .noMobile { display:none !important; }
    .psides { padding:0 0.5rem !important; }

    .flexSameSize { flex-flow:column; }
    .flex50 { flex-flow:column; }
}

@media (max-width:950px)
{
    .flexFilter { flex-flow:column; }
    .flexFilter > div { text-align:center !important; }

    
    .flexDynamicButtons { flex-flow:column; }
}

@media (max-width:768px)
{
    .calendar table td > div { width:30px; min-height:55px; }

    .footer { padding:1rem 1.5rem; }
    .mainSplashBackground { padding:6.5rem 1.5rem 1rem 1.5rem; }
    .mainWhiteBackground { padding:1rem 1.5rem; }
    .mainPurpleBackground { padding:1rem 1.5rem; }
    .header { padding:0.5rem 1.5rem; width:calc(100% - 3rem); }
    .pall { padding:0.5rem; }
    .subtitle { padding-left:0; font-size:4rem; }
    .subtitle a { padding-left:0; font-size:4rem; }
    .wholePage { font-size:4rem; }
    
    .hideMobile { display:none; }

    .titles div { width:5rem; height:4rem; padding-top:1rem; }
    .titles div i { font-size:2.5rem; }

    .menufolders i { font-size:2rem; }
    .menufolderButton {width:4rem; height:3.25rem; padding-top:0.75rem; }
}

@media (max-width:599px)
{
    .ptFromHeader { padding: 6.5rem 0.25rem 0.25rem 0.25rem !important; }
    .pright { padding-right:0.5rem;}

    .menu { text-align:center; }
    
    .fMedium { font-size:2rem; }
    .fBig { font-size:2.5rem; }

    .hideMobile { display:none; }

    .titles div { width:5rem; height:4rem; padding-top:1rem; }
    .titles div i { font-size:2.5rem; }

    .menufolders i { font-size:2rem; }
    .menufolderButton {width:4rem; height:3.25rem; padding-top:0.75rem; }
}