*{
  padding:0;margin:0;

}
html,body{
  height:100%;

}
body {
  font-size:64%;
  font-family:"Poppins", sans-serif;

}
#main_cont{
    width:100%;
    height:100%;
    /* background:url("/x/res/images/index_background_beach_3.jpg") top right no-repeat; */
    /* background-size:cover; */
}
#main_background_cont{
  /* display:none; */
  position:absolute;
  width:100%;
  /* height: 100vh; */
  height: 100%;
}
#main_background_img_cont{
  position:absolute;
  width:100%;
  height: 100vh;
  /* display: none; 
  background:url("/x/res/images/index_background_beach_3.jpg") top right no-repeat;
  background-size:cover;
*/
}
#gen_cont{display:none;
}
#main_overlay{
  width:100%;height:100%;
  background-color:white;
  position: absolute;
  opacity: .9;
}
#main_content{
  width: 50em;
  /* height: 100vh; */
  /* position: absolute; */
  position: relative;
  top: 15%;
  margin: 0 auto;
  /* padding: 30% 0 0; */
  /* background-color:yellow; */
}
#main_title{
  font-size:4em;
  font-family:"Raleway", sans-serif;
  font-weight:700;
  color:#45505b;
  text-align:center;
}
#main_subtit{
  font-size:2.2em;
  font-family:"Poppins", sans-serif;
  font-weight:var(--bs-body-font-weight);
  color:#45505b;
  margin: .4em 0 1em 0;
  text-align:center;
}
#main_subtit span{
  color:#0563bb;
}
#login_form{

}
#login_form input{
  font-size:1.8em;
  padding:1em;
  display:block;
  width:75%;
  margin: 0 auto .1em;
}
#login_button_cont{
  width: 100%;
  margin: 1.8em auto 0;
  text-align: center;
}
#login_form button{
  font-size:1.8em;
  padding:.7em 0;
  width:10em;
  margin:0 auto;
  display:inline-block;
  background-color:#0563bb;
  color:white;
  border:none;
}
#login_form button:hover{
  background-color:#2395ff;
  cursor:pointer;

}
#main_subtit span{
  color:#0563bb;
}
#app_list_cont{
  margin:0 auto;
  text-align:center;
  /* margin-top:3em; */
}
#app_list_cont button{
  /* background-color:#404077; */
  background-color: transparent;
  border: none;
  width:4em;
  height:4em;
  margin: 3em 2em 2em 2em;
  padding:.3em;
  background-size:cover!important;
}
#app_list_cont button#ios_app{
  background:url("/x/res/images/ios_app_ddg.png") top right no-repeat;
}
#app_list_cont button#android_app{
  background:url("/x/res/images/android_app_ddg.png") top right no-repeat;
}
#app_list_cont button#web_app{
  background:url("/x/res/images/web_app_ddg.png") top right no-repeat;
}
#app_list_cont button:hover{
  /*background-color:#0563bb;*/
  cursor:pointer;
}
#app_list_cont button#ios_app:hover{
  background:url("/x/res/images/ios_app_blu1.png") top right no-repeat;

}
#app_list_cont button#android_app:hover{
  background:url("/x/res/images/android_app_blu1.png") top right no-repeat;

}
#app_list_cont button#web_app:hover{
  background:url("/x/res/images/web_app_blu1.png") top right no-repeat;
}
#app_list_cont button img{
 width:100%;height:100%;
}
#app_list_cont > p{
  font-size:2em;
}
#bottom_cont{
  background-color: #f7f8f9;
  color: #45505b;
  /* height: 8em; */
  width: 100%;
  /* text-align: center; */
  /* padding: 2em 0 5em 10em; */
  position: fixed;
  bottom: 0;
  left: 0;
  text-align:center;
  font-family: "Open Sans", sans-serif;
}
#bottom_cont p{
  /* color: white; */
  font-size: 1.8em;
  margin: 0 auto;
  text-align:center;
  /* top: 20%; */
  /* position: relative; */
  /* font-weight: 600; */
  padding: 2em 0;
}