:root
{ 
    --main_font:Montserrat; 
    --admin_font:Roboto; 
    --web_primary_color:rgb(107, 167, 231); /*rgb(107, 167, 231);*/
    --web_secondary_color: rgb(71, 49, 152);
    --web_tertiary_color: rgb(175,175,175);
    --web_primary_trans_color:rgba(107, 167, 231,0.7);
    --navHeight:80px;
    --green_boot: rgb(130,201,30);
    --red_dtc: rgb(186,0,0);
    --red_darker_dtc:rgb(204,0,0);
    --yellow_dtc:rgb(244,227,73);
    --blue_marine:rgb(49,47,84);
    --blue_prussian:  rgb(0,49,83);
    --blue_costadog:  rgb(0,71,113);
    --blue_facebook: rgb(54, 85, 148);
    --blue_twitter:rgb(0, 167, 231); 
    --blue_bubble: rgb(66, 146, 227);
    --blue_boot:rgb(51,122,183);
    --purple_boot:  rgb(96,92,168);
    --red_boot:rgb(241,94,94);
    --orange_boot:rgb(250,160,106);
    --red_alert:rgb(219,13,74);
    --grey_boot:  rgb(120,120,120);
    --grey_light_boot:rgb(230,230,230);
    --lumak:rgb(127, 249, 255);
    --booking:rgb(25, 68, 125);
    --airbnb:rgb(255, 56, 93);
    --booking_trans:rgba(25, 68, 125, 0.85);
    --airbnb_trans:rgba(255, 56, 93, 0.85);
    --orange: #ff5a1f;
    --link:rgb(67, 147, 254);
    --admin:#1D3750;
    --admin_darker:#05203D;
    --admin_lighter:#1D3750;

  --height: 520px;          /* section height */
  --waveH: 200px; 
}

.c_admin{color:rgb(49, 75, 100) !important;}
.bc_admin{background-color:rgb(49, 75, 100) !important;}
.bc_admin_darker{background-color:#05203D !important;}
.bc_admin_lighter{background-color:#1D3750 !important;}


/*GENERAL*/
* { box-sizing:border-box; margin:0; padding:0;} 
body{font-family:var(--main_font); -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
a{text-decoration:none !important; color: inherit;}
a:hover{text-decoration:none !important; color: inherit !important;}
textarea{font-family:var(--input_font) !important; box-shadow: none; outline:none; border:none;}
input{font-family:var(--input_font) !important; box-shadow: none; outline:none; border:none;}
::placeholder {font-family:var(--input_font) !important; opacity: 1;}
input[type=checkbox]{ padding: 10px;}
button{font-family:var(--main_font) !important; border:none; outline:none; box-shadow:none; background-color:transparent; box-shadow:none; cursor:pointer;}


/*TABLES*/
table, th, td ,tr{border:1px solid var(--grey_light_boot); border-collapse: collapse;  white-space: pre-line;}
th, td {padding: 5px 5px; overflow:hidden;}
th { text-align: left; border:1px solid var(--grey_light_boot);}
/*TABLES*/


/*LAYOUT*/
.HESTIA_body_maincontainer{width:100%; height:100vh; display:flex; align-items:center; justify-content:center; background-color:rgb(245,245,245);}
.HESTIA_mobile_wrapper{width:600px; height:100vh; background-color:white;  min-width:600px; min-height:100%; max-width:600px; max-height:100%; display:flex;flex-direction:column;  position:relative;}
.LAYOUTbody{margin:0px 0px 0px 0px; background-color:rgb(255,255,255); display:flex; align-items:center; justify-content:center; flex-direction:column; width:100%; max-width:100%; min-height:100%; overflow-x:hidden;}
.LAYOUTlegal_padding_maincontainer{width:100%; height:auto; padding:75px; display:flex; flex-direction:column;}
.LEGAL_terms_maincontainer{width:100%; height:auto; display:flex; flex-direction:column; margin-top:150px; padding:50px 75px; background-color:white !important;}
.LEGAL_terms_maincontainer section{margin:35px 0px; display:flex; flex-direction:column;}
.LEGAL_terms_maincontainer p{margin:10px 0px;}
.LEGAL_terms_maincontainer h2{margin:30px 0px; font-weight:700 !important;}
.LEGAL_terms_maincontainer h3{margin:30px 0px 10px 0px; font-weight:600 !important;}
.HOMESCREEN_body_container{padding:50px; background: linear-gradient(to bottom, white, rgb(253,253,253), rgb(240,240,240)); position:relative; display:flex; flex-direction:column; max-width:100%; min-height:100%; height:auto; overflow-x:hidden;}
.REVIEWsection_header_container{padding:125px 75px 75px 75px; width:100%; display:flex; flex-direction:column; align-items:center; justify-content:center;}
.REVIEWsection_header_title{width:80%; margin:0px 0px 30px 0px; text-align:center;}
.REVIEWsection_header_body{width:80%; margin:0px 0px; text-align:center;}
@media only screen and (max-width: 736px) 
{
.HESTIA_body_maincontainer{width:100%; height:100vh; display:flex; align-items:center; justify-content:center; background-color:rgb(240,240,240);}
.HESTIA_mobile_wrapper{width:412px; height:100vh; background-color:white;  min-width:412px; min-height:100%; max-width:412px; max-height:100%; display:flex;flex-direction:column;  position:relative;}
.LAYOUTbody{padding:0px 0px 0px 0px; display:flex; flex-direction:column; max-width:100%; min-height:100%; height:auto; overflow-x:hidden;}
.LEGAL_terms_maincontainer{width:100%; height:auto; display:flex; flex-direction:column; padding:20px;}
.LAYOUTlegal_padding_maincontainer{max-width:100vw; width:100%; height:auto; padding:20px; display:flex; }
.HOMESCREEN_body_container{padding:10px; background: linear-gradient(to bottom, white, white); position:relative; display:flex; flex-direction:column; max-width:100%; min-height:100%; height:auto; overflow-x:hidden;}
.REVIEWsection_header_container{padding:35px 20px; width:100%; display:flex; flex-direction:column; align-items:center;  border:0px solid red;justify-content:center;}
.REVIEWsection_header_title{width:100%; margin:0px 0px 30px 0px; text-align:center;}
.REVIEWsection_header_body{width:100%; margin:0px 0px; text-align:center;}
}


.text_gradient{background: linear-gradient(var(--web_primary_color), var(--web_secondary_color));
  -webkit-background-clip: text;
          background-clip: text;
  -webkit-text-fill-color: transparent;}
  


/*FONT SIZE*/
.fs_godzilla{font-size:100px; line-height:128px;}
.fs_jumbo{font-size:80px; line-height:128px;}
.fs_hugest{font-size:70px; line-height:80px;}
.fs_huge{font-size:50px; line-height:70px;}
.fs_morbid{font-size:45px; line-height:60px;}
.fs_obese{font-size:35px; line-height:60px;}
.fs_biggest{font-size:30px; line-height:42px;}
.fs_bigger{font-size:23px; line-height:42px;}
.fs_big{font-size:20px; line-height:32px;}
.fs_normaller{font-size:18px; line-height:30px;}
.fs_normal{font-size:16px; line-height:29px;}
.fs_almost{font-size:15px; line-height:25px;}
.fs_small{font-size:14px; line-height:24px;}
.fs_smaller{font-size:13px; line-height:20px;}
.fs_smallest{font-size:11px; line-height:20px;}
.fs_nano{font-size:10px;}
.fs_micro{font-size:8px; line-height:12px;}
.desktop-only{display:flex !important;}
.mobile-only{display:none !important;}
@media only screen and (max-width: 736px) 
{
.fs_jumbo{font-size:45px; line-height:60px;}
.fs_hugest{font-size:37px; line-height:50px;}
.fs_huge{font-size:28px; line-height:42px;}
.fs_biggest{font-size:24px; line-height:40px;}
.fs_bigger{font-size:20px; line-height:32px;}
.fs_big{font-size:16px; line-height:25px;}
.fs_normaller{font-size:15px; line-height:20px;}

.fs_normal{font-size:14px; line-height:22px;}
.fs_almost{font-size:13px; line-height:20px;}
.fs_small{font-size:12px; line-height:19px;}
.fs_smaller{font-size:10px; line-height:14px;}
.fs_nano{font-size:9px;}
.desktop-only{display:none !important;}
.mobile-only{display:flex !important;}
}


/*COLOR*/
.c_primary{color:var(--web_primary_color);}
.c_secondary{color:var(--web_secondary_color);}
.c_tertiary{color:var(--web_tertiary_color);}
.c_dark{color:rgb(10,10,15);}
.c_grey{color:rgb(150,150,150);}
.c_normal{color:rgb(85,85,85);}
.c_light{color:rgb(255,255,255);}
.c_light_grey{color:rgb(222,222,222);}
.c_red{color:#BF4040;}
.c_lumak{color:var(--lumak);}
.border_lumak{border:2px solid var(--lumak);}
/*COLOR*/


/*BACKGROUND COLOR*/
.bc_lumak{background-color:var(--lumak);}
.bc_primary{background-color:var(--web_primary_color); }
.bc_secondary{background-color:var(--web_secondary_color);}
.bc_tertiary{background-color:var(--web_tertiary_color);}
.c_link{color:var(--link);}
.bc_light{background-color:white;}
.bc_dark{background-color:black;}
.bc_grey{background-color:rgb(235,235,235);}
.bc_red{background-color:#BF4040;}
/*BACKGROUND COLOR*/


/*MISC*/
.first_cap:first-letter { text-transform: uppercase;}
.capitalize{text-transform:capitalize;}
.italic{font-style:italic !important;}
.cursor{cursor:pointer;}
.visible{visibility: visible !important;}
.hidden{display:none !important;}
.fade{opacity:1;}
.fade:hover{opacity:0.8;}
.pointer{cursor:pointer;}
.shadow{box-shadow:4px 4px 8px rgba(0,0,0,0.2);}
.soft_shadow{box-shadow:3px 3px 6px rgba(0,0,0,0.1);}
.mac_shadow{box-shadow: rgba(0, 0, 0, 0.4) 0px 22px 70px 4px;}
.text_shadow{text-shadow:4px 4px 8px rgba(0,0,0,0.5);}
.stripe_shadow{box-shadow: rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px;}


@media only screen and (max-width: 736px) 
{
.mac_shadow { box-shadow: rgba(0, 0, 0, 0.25) 0 15px 40px 3px; }
}

.mac_shadow_old{box-shadow: rgba(0, 0, 0, 0.4) 0px 22px 70px 4px;}
.uppercase{text-transform:uppercase;}
.semi_bold{font-weight:600 !important;}
.bold{font-weight:900 !important;}
.sticky{position:fixed !important; top:0px; box-shadow:3px 3px 6px rgba(0,0,0,0.4);}
.html img{width:100% !important; height:auto}
.html_hide_img img{display:none !important;}
.parallax-content{position: relative; overflow: hidden; background-size: cover; background-attachment: fixed; background-position: center center;}
.parallax {position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: -1;}
.parallax:before {content: ""; position: fixed; top: 0; left: 0; right: 0; bottom: 0; height: 100%; z-index: -1; background-position: center top; background-repeat: no-repeat; background-size: 120% auto;}
.ql-editor.ql-blank::before{color:black !important; font-size:17px !important;}
.hidescroll {
  -ms-overflow-style: none !important; /* Internet Explorer 10+ */
  scrollbar-width: none !important;  /* Firefox */
}
.hidescroll::-webkit-scrollbar { 
  display: none !important;  /* Safari and Chrome */

}
.press-start-2p-medium {
  font-family: "Press Start 2P", system-ui !important;
  font-weight: 600;
  font-style: normal;
}


.pt-serif-regular {
    font-family: "PT Serif", serif;
    font-weight: 400;
    font-style: normal;
  }


  .pt-serif-medium {
    font-family: "PT Serif", serif;
    font-weight: 600;
    font-style: normal;
  }
  
  .pt-serif-regular-italic {
    font-family: "PT Serif", serif;
    font-weight: 400;
    font-style: italic;
  }
  
  .pt-serif-bold {
    font-family: "PT Serif", serif !important;
    font-weight: 700;
    font-style: normal;
  }
  
  .pt-serif-bold-italic {
    font-family: "PT Serif", serif;
    font-weight: 700;
    font-style: italic;
  }