:root {
    --rfBodyBackground:#16184a;/*#0e153f;*/
    --epLighter:#16184a;
    --rfTextInputCardBackground:#332172;
    --epTextInputCardTitleColor:#ffffff;
    --rfCheckBoxColor:#0e153f; 
    --epDark:#0e153f;   
    --epAnimIcons:#1c405d;
}

html{
  height: 100%;
  background-color:var(--epLighter)  !important;
}

.paywall{
  background-color:var(--epDark)  !important;
  /*background-image: linear-gradient(var(--rfBodyBackground), #332172);*/
  height: 100% !important;
  width: 100%;
}

.rf_body{
    background-color:var(--epLighter)  !important;
    /*background-image: linear-gradient(var(--rfBodyBackground), #332172);*/
    height: 100% !important;
  }

.overlay {
    height: 100%;
    width: 100%;
    position: fixed;
    z-index: 1000000;
    top: 0;
    left: 0;
    background-color: var(--epDark);/*var(--rfSplashBackgroundColor);*/
    overflow-x: hidden;
    transition: 0.5s;
  }

.overlay-content {
    position: relative;
    top: 30%;
    width: 100%;
    text-align: center;
    margin-top: 30px;
  }

  .overlay-content-vr {
    position: relative;
    top: 10%;
    width: 100%;
    text-align: center;
    margin-top: 30px;
  }
  
.splash_text{
    position: relative;
    font-size: 2.5em;
    color: #ffffff;
  }

.splash_subtext{
    position: relative;
    font-size: 1.3em;
    color: #ffffff;
  }

  .tabletSplashClass {
    height: 0%;
    width: 100%;
    position: fixed;
    z-index: 99999999;
    top: 0;
    left: 0;
    /*background-image: linear-gradient(var(--rfBodyBackground), #332172);*/
    background-color: var(--epDark);
    overflow-x: hidden;
    transition: 0.5s;
}

.rf_maindiv{
  max-width: 500px !important;
  padding: 0px 0 0 0 !important;  
  text-align: center;
  margin: 0 auto;
  height: 100% !important;
}

  .rf_row{
    text-align: center !important;
    width: 100%;
    margin: 10px 0 0 0 !important;
    padding: 0px 10px 0 10px !important;
  }

  .rf_text_input_card{
    border: 1px solid rgb(141 127 221)  !important;
    margin-top: 0.8em !important;
    border-radius:7px;    
    /*background-color: var(--epDark)  !important; */
    background-image: linear-gradient(var(--epDark), #332172);
  }

  .rf_input_card_title{
    font-size:1.2em !important;
    color: var(--epTextInputCardTitleColor) !important;
    text-align: left !important;
    margin-top: 0em !important;
    padding-left:0.8em !important;
    padding-top:0.3em !important;
  }

  .radioLabel{
    padding:0px;
    background-color:#fff;
    margin-top: 5px  !important;
    margin-bottom: 5px  !important;
  }

  .home-label {
    border: 1px solid #fff;
    padding: 0px;
    display: block;
    position: relative;
    margin: 10px;
    cursor: pointer;
    border-radius: 5px;
  }

  .rf_mBox{
	padding-top: 6x !important;
	padding-bottom: 0px !important;
	width:100%;
    height:100%;
    color: var(--rfCheckBoxColor);
}

.rf-search-btn-v3{
    background-color: #fd6804  !important;
    color: #fff;
    padding: 6px 6px 6px 6px !important;
    text-align: center;
    display: inline-block;
    font-size: 12px;
    -webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
    cursor: pointer;
    margin-bottom: 10px;
    margin-top:14px;
  width:100% !important;
    border-radius:0px;
    border: 1px solid #fd6804   !important;
    /*box-shadow: 0px 0px 5px #888888;*/
    box-shadow: 0 0px 0px 0 rgba(0, 0, 0, 0.2), 0 0px 0px 0 rgba(0, 0, 0, 0.19);
  }

  .close-modal-btn{
    background-color: var(--epDark)  !important;
    color: #fff;
    padding: 6px 6px 6px 6px !important;
    text-align: center;
    display: inline-block;
    font-size: 12px;
    -webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
    cursor: pointer;
    margin:auto;
    min-width: 20%;
    border-radius:0px;
    border: 1px solid var(--epDark)  !important;
    /*box-shadow: 0px 0px 5px #888888;*/
    box-shadow: 0 0px 0px 0 rgba(0, 0, 0, 0.2), 0 0px 0px 0 rgba(0, 0, 0, 0.19);
  }
  
  .rf-search-btn-text{
    font-size:2.6em !important;
  }

  .btn.special {
    color: #fff;
    text-decoration: none;
    transition: none;
}
  
/********************************************************************************************************************************************************/
/*** Check boxes ***/
/********************************************************************************************************************************************************/
ul {
    list-style-type: none;
  }
  
  li {
    display: inline-block;
  }
  
  input[type="checkbox"][id^="cb"] {
    display: none;
  }

  input[type="radio"][id^="ra"] {
    display: none;
  }

  input[type="radio"][id^="rb"] {
    display: none;
  }

  input[type="radio"][id^="rc"] {
    display: none;
  }

  input[type="radio"][id^="rd"] {
    display: none;
  }
  
  input[type="radio"][id^="re"] {
    display: none;
  }
  
  input[type="radio"][id^="rf"] {
    display: none;
  }

  input[type="radio"][id^="rg"] {
    display: none;
  }

  /*.home-label {
    border: 1px solid #fff;
    padding: 10px;
    display: block;
    position: relative;
    margin: 10px;
    cursor: pointer;
  }
  */
  .home-label-color {
    border: 1px solid #fff;
    padding: 10px;
    display: block;
    position: relative;
    margin: 10px;
    cursor: pointer;
  }

  .home-label:before {
    background-color: white;
    color: var(--epDark);
    content: " ";
    display: block;
    border-radius: 50%;
    border: 0px solid grey;
    position: absolute;
    top: -5px;
    left: -5px;
    width: 0px;
    height: 0px;
    text-align: center;
    line-height: 0px;
    transition-duration: 0.4s;
    transition: background-color 0.3s ease-out, color 0.3s ease-out;
    -webkit-transition:  background-color 0.3s ease-out, color 0.3s ease-out;  
    transform: scale(0);
  }
  
  :checked + .home-span:before{
    color: var(--epDark);
    border-radius: 5px !important;
  }
  
  
  :checked + .home-label {
    border-color: #ffffff;
  }
  
  :checked + .home-label:before {
    content: "";
    background-color: #ffffff;
    border-color: #ffffff;
    border-width:0px;  
    transform: scale(1);
  }
  
  :checked + .home-label .home-span {
    transform: scale(1);
   /* box-shadow:  0px 0px 10px #888888;/*0px 0px 3px 3px rgba(62,94,154,0.8);*/
    background-color: var(--epDark);
    color: #fff;
    border-radius: 5px !important;
    /*z-index: -1;*/
  }

  .img-thumbnail {
    display: inline-block;
    max-width: 100%;
    }

.rf_cb{
    font-size: 1.6em !important;
}

.limit-checkbox-height{
  height: 55px !important;
  display: flex;
  justify-content: center;
  align-content: center;
  flex-direction: column;
}

.limit-platform-checkbox-height{
  height: 65px !important;
  display: flex;
  justify-content: center;
  align-content: center;
  flex-direction: column;
}

.margin-tweak{
  margin-top: -2px !important;
}

.padding-tweak-text-cb{
  padding-top: 0px !important;
}

.margin-tweak-platform{
  margin-top: -27px !important;
}
/*** END CHECKBOXES ***/

i.pointer {
  cursor: pointer;
}

.animation-control-icons{
  color:var(--epAnimIcons);
  font-size: 5em;
}

.blur-text{
  text-shadow: #111 0 0 15px;
  filter: blur(.3rem);
  transition: 0.4s;
}

.questionmark-div{
  float: right;
  margin: 0 10px 0 0;
}

.emdrQ{
  cursor: pointer;
}