body, html{
    width: 100%;
    height: 100%;
    margin: 0;
}

body{
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#a72ae1+24,1538ed+99 */
    background: rgb(135, 42, 225); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(135, 42, 225) 24%, rgba(0, 120, 212, 1) 99%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  rgba(135, 42, 225) 24%,rgba(0, 120, 212, 1) 99%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  rgba(135, 42, 225) 24%,rgba(0, 120, 212, 1) 99%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a72ae1', endColorstr='#1538ed',GradientType=0 ); /* IE6-9 */
    background-attachment: fixed;
    overflow: hidden;
}

.back_site_button{

    color: rgb(29, 29, 29);
    border: solid 1px white;
    border-radius: 6px;
    background-color: rgba(255, 253, 253, 0.9);
    font-family: 'Roboto', sans-serif;
    font-weight: bold;
    font-size: 19px;
    text-align: center;
    padding-top: 2px;
    width: 107px;
    height: 36px;
    right: 320px;
    top: 130px;
    user-select: none;
    cursor: pointer;
    position: absolute;
    z-index: 2;
}

.sapiens_content{
    width: 100%;
    height: 100%;
    margin: 0;
    background-image: url("../imgs/bg_pattern.png");
    background-repeat: repeat;
    background-size: 1000px;
    background-position: center;
    background-attachment: fixed;
    overflow: auto;
    position: absolute;
}

.login_box_container{
    width: 320px;
    height: auto;
    margin: 0 auto;
    position: relative;
    top: 47%;
    transform: translate(0, -50%);
    padding: 5px;
}

.custom_text_field{
  margin-bottom: 10px;
}

.sapiens_edu_header_logo{
  width: 154px;
  height: 44px;
  margin-left: 140px;
  display: inline-table;
  position: absolute;
  margin-top: -51px;
  background-image: url("../imgs/icons/edu_header.png");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.login_edu_logo{
  width: 251px;
  height: 172px;
  margin: 0 auto;
  background-image: url("../imgs/icons/Logo-portal.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  margin-bottom: 11px;
  background-position-x: 0px;
}

.login_edu_logo_2{
  width: 251px;
  height: 34px;
  margin: 0 auto;
  background-image: url("../imgs/icons/edu_iconos-35.png");
  background-size: 171px;
  background-repeat: no-repeat;
  background-position: center;
  margin-bottom: 11px;
}

.register_title_container{
    width: 100%;
    height: 41px;
    text-align: center;
  }
  
.register_title_container_2{
  height: 256px !important;
  margin-top: 157px;
}

.inline_btns{
  display: inline-block;
}

.front_anim_container{

  position: absolute;
  width: 100%;
  height: 100%;
  top: 0px;
  z-index: -1;
}


/****************************************************************/
/*Título transparente login screen*/
.title_transp{
  color:white;
  height: 40px;
  font-family: 'Roboto', sans-serif;
  font-size: 17px;
  text-align: center;
  font-weight: bold;
  display: inline-flex;
  user-select: none;
  padding-left: 5px;
  margin-left: 5px;
  margin-right: 5px;
}

.title_transp_perfil{
  color:white;
  font-family: 'Roboto', sans-serif;
  font-weight: bold;
  display: inline-flex;
  user-select: none;
  margin-right: 5px;
}

.title_transp2{
  color:white;
  height: 37px;
  border-color:white;
  border-width: 1px;
  border-style: solid;
  border-radius: 10px;
  font-family: 'Roboto', sans-serif;
  font-size: 17px;
  text-align: center;
  font-weight: bold;
  display: inline-flex;
  user-select: none;
  margin-left: 5px;
  margin-right: 5px;
}

.title_transparent_text{
  height: 40px;
  padding-top: 9px;
  margin-right: 5px;
  text-align: center;
  margin-left: 18px;
}

.title_transparent_text_contenidos{
  padding-top: 6px !important;
  margin-left: 5px !important;
}

.title_transparent_text_registro{
  margin-left: -192px !important;
  font-size: 21px !important;
}

.title_transp_icon{
  background-size: 25px;
  width: 45px;
  height: 40px;
  background-repeat: no-repeat;
  background-position-y: 8px;
  background-position-x: 0px;
}

/*************************************************/

/*Botones login transparentes*/

.buttons_transp{
  color:white;
  height: 33px;
  border-color:white;
  border-width: 1px;
  border-style: solid;
  border-radius: 10px;
  font-family: 'Roboto', sans-serif;
  font-size: 14px;
  text-align: center;
  font-weight: bold;
  display: inline-flex;
  user-select: none;
  padding-left: 5px;
  margin-left: 5px;
  margin-right: 5px;
  user-select: none;
  cursor: pointer;
}

.btn_text_transp{
  padding-top: 7px;
  margin-right: 5px;
}

.btn_icon_transp{
  background-size: 25px;
  width: 22px;
  height: 40px;
  background-repeat: no-repeat;
  background-position-y: 7px;
  background-position-x: -7px;
}

.buttons_transp:hover{
  background-color: rgba(255, 255, 255, 0.1);
}

/************************************************/

.register_btns_container{
  text-align: right;
}

.buttons_solid{
  color:black;
  width: 143px;
  height: 40px;
  border-radius: 10px;
  font-family: 'Roboto', sans-serif;
  font-size: 16px;
  text-align: center;
  display: inline-flex;
  background-color:#fff;
  margin-left: 10px;
  user-select: none;
  cursor: pointer;
}

.btn_solid_icon_left_container{
  width: 40px;
  height: 40px;
  background-size: 35px;
  background-position: center;
  background-repeat: no-repeat;
  border-right: solid 1px #aeaeae;
}

.btn_solid_text{
  width: 90px;
  padding-top: 8px;
}

.buttons_solid:hover{
  background-color: #ececec;
}

/******************************************************************/
.register_title_icon{
    background-image: url("../imgs/icons/w_edit.png");
}

.registerw_title_icon{
    background-image: url("../imgs/icons/w_logout.png");
}

.register_btn_icon{
    background-image: url("../imgs/icons/b_edit.png");
}

.back_btn_icon{
    background-image: url("../imgs/icons/b_logout.png");
}

.login_btn_icon{
  background-image: url("../imgs/icons/b_login.png");
}

.activate_btn_icon{
  background-image: url("../imgs/icons/b_star.png");
}

.user_btn_icon{
  background-image: url("../imgs/icons/b_user.png");
}

/******************************************************/

.sapiens_header{
  width: 100%;
  height: 66px;
  background-color:rgba(255, 255, 255, 0.75);
  position: fixed;
  top: 0px;
  z-index: 2;
}

.sapiens_bandera_header{
  width: 86px;
  height: 53px;
  margin-top: 11px;
  margin-left: 48px;
  background-image: url("../imgs/webcostarica-08.png");
  background-size: 78px 45px;
}

.right_header_block{
  width: 400px;
  height: 75px;
  position: absolute;
  top: 0;
  right: 0px;
}

.user_header{
  width: 43%;
  height: 75px;
  margin-left: 0px;
  position: absolute;
  top: -6px;
  right: 160px;
}

.header_user_icon{
  display: table-cell;
  width: 46px;
  background-image: url("../imgs/icons/b_user.png");
  height: 75px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 32px;
  user-select: none;
}

.header_user_name{
  display: table-cell;
  width: 114px;
  height: 75px;
  font-family: 'Roboto', sans-serif;
  font-weight: bold;
  vertical-align: middle;
  user-select: none;
  font-size: 13px;
}

.user_actions{
  display: inline-block;
}

.header_logout{
  display: table-cell;
  width: 145px;
  height: 75px;
}

.header_home{
  display: table-cell;
  width: 60px;
  height: 75px;
  user-select: none;
  cursor: pointer;
  padding-left: 5px;
}

.header_home_icon{
  background-image: url("../imgs/icons/b_home.png");
  background-size: 48px;
  background-repeat: no-repeat;
  background-position: center;
  width: 50px;
  height: 50px;
  margin-top: 13px;
}

.logout_button{
  width: 137px;
  height: 38px;
  text-align: center;
  font-family: 'Roboto', sans-serif;
  font-weight: bold;
  position: absolute;
  top: 12px;
  padding-top: 3px;
  border-radius: 7px;
  border: solid 1px black;
  padding-left: 3px;
  user-select: none;
  cursor: pointer;
  right: 30px;
}

.logout_text{
  width: 108px;
  height: 30px;
  display: table-cell;
  padding-top: 3px;
}

.logout_icon{
  background-image: url("../imgs/icons/b_logout.png");
  width: 30px;
  height: 30px;
  background-position: center;
  background-size: 30px;
  display: table-cell;
}

.sapiens_menu_front_container{
  min-height: 20px;
  margin: 0 auto;
  margin-top: 233px;
}


/**************************************/
/*Menu action buttons                 */

.menu_solid_button{

  width: 331px;
  background-color:rgba(255, 255, 255, 0.85);
  border-radius: 10px;
  height: 50px;
  font-weight: bold;
  user-select: none;
  cursor: pointer;
  margin: 0 auto;
  margin-bottom: 25px;

}

.menu_solid_button:hover{
  background-color:rgba(213, 213, 213, 0.85);
}

.menu_item_icon{
  width: 70px;
  height: 50px;
  background-position: center;
  background-size: 40px;
  background-repeat: no-repeat;
  display: table-cell;
  border-right: solid 1px #aeaeae;
}

.menu_item_text{
  height: 50px;
  width: 200px;
  vertical-align: middle;
  text-align: center;
  display: table-cell;
}


.menu_icon_activar{
  background-image: url("../imgs/icons/b_star.png");
}

.menu_icon_perfil{
  background-image: url("../imgs/icons/b_user2.png");
}

.menu_icon_recs{
  background-image: url("../imgs/icons/b_tablet.png");
}


.close_screen_button{
  width: 30px;
  height: 30px;
  background-color:rgba(255, 255, 255, 0.7);
  position: absolute;
  margin-left: 453px;
  margin-top: -10px;
  border-radius: 35px;
  text-align: center;
  padding-top: 3px;
  font-weight: bold;
  font-size: 17px;
  user-select: none;
  cursor: pointer;
}

.close_screen_button2{
  width: 30px;
  height: 30px;
  background-color:rgba(255, 255, 255, 0.7);
  position: absolute;
  margin-left: 470px;
  margin-top: -30px;
  border-radius: 35px;
  text-align: center;
  padding-top: 1px;
  font-weight: bold;
  font-size: 20px;
  user-select: none;
  cursor: pointer;
}

.menu_line{
  width: 100%;
  height: 2px;
  background-color:rgba(255, 255, 255, 0.6);
  margin-bottom: 50px;
  margin-top: 10px;
}

.sapiens_contents_container{
  overflow: auto;
  width: 700px;
  height: 100%;
  margin: 0 auto;
}

.sapiens_contents_header{
  background-color: rgba(255, 255, 255, 0.8);
  height: 50px;
  padding-top: 13px;
  border-radius: 10px;
  margin-bottom: 15px;
}

.sapiens_contents_title{
  display: inline-block;
  width: 520px;
  font-family: 'Roboto', sans-serif;
  font-weight: bold;
  text-align: center;
}

.sapiens_contents_elem{
  display: inline-block;
  text-align: center;
  color: white;
  vertical-align: middle;
}

.elem_subject{
  width: 520px;
  text-align: left;
  padding-left: 10px;
}

.sapiens_content_row{
  margin-bottom: 10px;
  border-radius: 12px;
  height: 50px;
  user-select: none;
  padding-top: 10px;
}

.light_row{
  background-color: rgba(19, 1, 57, 0.7);
}

.dark_row{
  background-color: rgba(2, 2, 2, 0.7);
}

.sapiens_contents_actionBtn{
  background-color:#020202;
  height: 30px;
  width: 166px;
  border-radius: 5px;
  color:white;
  font-weight: bold;
  border: solid 1px white;
  padding-top: 2px;
  margin: 0 auto;
  cursor: pointer;
}

.grade_number{
  background-color:#020202;
  height: 30px;
  border-radius: 5px;
  color:white;
  font-weight: bold;
  border: solid 1px white;
  padding-top: 2px;
  width: 33px;
  margin: 0 auto;
  display: inline-block;
  text-align: center;
}

.sapiens_flag{
  width: 80px;
  height: 50px;
  background-size: 60px;
  background-repeat: no-repeat;
  background-position-x: center;
  background-position-y: center;
  margin: 0 auto;
}

.sapiens_flag_pa{
  background-image: url("../imgs/icons/flg_pa.png");
}

.sapiens_flag_cr{
  background-image: url("../imgs/icons/flg_cr.png");
}

.sapiens_flag_mx{
  background-image: url("../imgs/icons/flg_mx.png");
}

.sapiens_flag_gu{
  background-image: url("../imgs/icons/flg_gua.png");
}

.activation_container{
  background-color: #571b8bba;
  width: 470px;
  height: 284px;
  margin: 0 auto;
  margin-bottom: 27px;
  border-radius: 15px;
}

.activation_text{
  width: 470px;
  height: 36px;
  font-family: 'Roboto', sans-serif;
  font-size: 22px;
  text-align: center;
  color:white;
  padding-top: 1px;
}


.icon_activation{
  display: inline-block;
  width: 100px;
  height: 100px;
  margin-top: 30px;
  margin-left: 11px;
  margin-right: 11px;
  background-size: 80px;
  background-repeat: no-repeat;
  background-position: center;
}

.icon_pdf{
  /* background-image: url("../imgs/icons/file_pdf_d.png"); */
}

.icon_mp4{
  /* background-image: url("../imgs/icons/file_mp4_d.png"); */
}

.icon_zip{
  /* background-image: url("../imgs/icons/file_zip_d.png"); */
}

.icon_folder{
  /* background-image: url("../imgs/icons/file_folder.png"); */

  height: 70px;
  width: 80px;
  position: absolute;
  float: left;
  margin-top: -36px;
  margin-left: 194px;
  background-repeat: no-repeat;
  background-position: center;
  background-position-x: 5px;
  background-size: 78px;
  user-select: none;
}


/*********************************************************************************************/


.icon_doc{
  /* background-image: url("../imgs/icons/file_word.png"); */
}

.icon_mp3{
  /* background-image: url("../imgs/icons/file_mp3.png"); */
}

.code_activation_container{
  width: 400px;
  margin: 0 auto;
}

.btn_activation_container{
  text-align: right;
  padding-right: 35px;
  margin-top: 28px;
}

.activation_logo{
  background-image: url("../imgs/icons/Logo-portal.png");
  width: 100%;
  height: 117px;
  background-size: 135px;
  background-position: center;
  background-position-y: 7px;
  background-repeat: no-repeat;
}


.title_actions{
  width: 180px;
  height: 17px;
}
/******************************************************************************/
/* Listado de contenidos                                                      */

.contents_list_wrapper{
  width: 820px;
  margin: 0 auto;
}

.contentsw_title_icon{
  background-image: url("../imgs/icons/w_tablet.png");
  background-size: 41px;
  background-position-x: 0px;
  background-position-y: -4px;
  margin-right: 20px;
}

.list_contents_header_container{
  width: 100%;
  background-color: rgba(255, 255, 255, 0.8);
  height: 50px;
  padding-top: 13px;
  border-radius: 10px;
}

.list_contents_header_title{
  width: 30%;
  display: inline-block;
  margin-left: 2%;
  text-align: center;
  font-family: 'Roboto', sans-serif;
  font-weight: bold;
}

.row_wrapper{
  min-height: 40px;
  padding: 8px;
  border-radius: 8px;
  font-family: 'Roboto', sans-serif;
  margin-top: 30px;
  padding-left: 0px;
}

.row_wrapper:hover{
    background-color: rgba(49, 38, 72, 0.7);
}

.content_row_wrapper{
  margin-top: 15px;
}



.row_content{
  background-color: #f7f7f736;
  width: 30%;
  margin-left: 1.3%;
  margin-right: 1.3%;
  padding-left: 5px;
  padding-right: 5px;
  border-radius: 5px;
  color:white;
}

.row_c{
  display: inline-block;
}

.action_view{
  width: 54px;
  height: 34px;
  position: absolute;
  float: left;
  margin-top: -21px;
  margin-left: 48px;
  background-image: url("../imgs/icons/action_view.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 35px;
  cursor: pointer;
  user-select: none;
}


 .action_view_general{
  color:white;
  width: 54px;
  height: 27px;
  position: absolute;
  float: left;
  margin-top: -19px;
  margin-left: 49px;
  border: solid;
  border-color: white;
  border-radius: 6px;
  border-width: 1.5px;
  background-position: center;
  background-size: 35px;
  cursor: pointer;
  user-select: none;
  text-align: center;
  padding-top: 2px;
} 

 .action_download_general{
  color:white;
  width: 87px;
  height: 27px;
  position: absolute;
  float: left;
  margin-top: -19px;
  margin-left: 163px;
  border: solid;
  border-color: white;
  border-radius: 6px;
  border-width: 1.5px;
  background-position: center;
  background-size: 35px;
  cursor: pointer;
  user-select: none;
  text-align: center;
  padding-top: 2px;
} 

.action_download{
  width: 54px;
  height: 34px;
  position: absolute;
  float: left;
  margin-top: -23px;
  margin-left: 138px;
  background-image: url("../imgs/icons/action_download.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 32px;
  cursor: pointer;
  user-select: none;
}

.action_icon{
  width: 70px;
  height: 70px;
  position: absolute;
  float: left;
  margin-top: -36px;
  margin-left: 212px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 55px;
  user-select: none;
}

.file_mp4{
  /* background-image: url("../imgs/icons/file_mp4.png"); */

}

.file_pdf{
  /* background-image: url("../imgs/icons/file_pdf.png"); */
}

.file_zip{
  /* background-image: url("../imgs/icons/file_zip.png"); */
}


.video_comp{
  width: 400px;
}

.video_container{
  text-align: center;
}

.sapiens_registerContainer{
  background-color: #571b8bba;
  width: 486px;
  height: 270px;
  margin: 0 auto;
  margin-bottom: 27px;
  border-radius: 15px;
  padding-top: 15px;
}

.sapiens_inputText{
  background: #fff;
  border-width: 2px;
  border-color: #fff;
  font-family: 'Roboto', sans-serif;
  width: 100%;
  height: 40px;
  border-radius: 10px;
  padding: 5px;
  color: #9560ab;
  border-style: solid;
  font-weight: bold;
  margin-bottom: 15px;
}

.sapiens_registerButton{
  color: black;
  background: white;
  border-width: 1px;
  border-style: solid;

  border-top-width: 2px;
  border-top-color: #fff;
  border-top-left-radius: 10px;

  border-right-width: 2px;
  border-right-color: #fff;

  border-left-width: 2px;
  border-left-color: #fff;
  border-bottom-left-radius: 10px;

  border-bottom-width: 2px;
  border-bottom-color: #fff;
}

.sapiens_registerBackButton{
  color: black;
  background: #eee;

  border-top-width: 2px;
  border-top-color: #fff;
  border-top-right-radius: 10px;

  border-right-width: 2px;
  border-right-color: #fff;

  border-bottom-right-radius: 10px;
  border-bottom-width: 2px;
  border-bottom-color: #fff;

  border-left-width: 2px;
  border-left-color: #fff;
}

.sapiens_registerButtonsArea{
  margin-top: -57px;
  text-align: right;
}

.sapiens_registerButton:hover, .sapiens_registerBackButton:hover{
  background: #cecece;
}

.content_back_btn{
  display: inline-block;
  position: absolute;
  width: 106px;
  height: 37px;
  font-family: 'Roboto', sans-serif;
  font-size: 19px;
  color:white;
  padding-top: 3px;
  border: 1px solid;
  border-radius: 10px;
  background: #28282863;
  margin-left: 190px;
  user-select: none;
  cursor: pointer;
}

.row_size{
  width: 90px;
}

.row_name{
  width: 400px;
}

.register_box_container{
  max-width: 430px;
  margin: 0 auto;
  position: relative;
  top: 28%;
  transform: translate(0, -50%);
}

/****************************************************************************/
/****************************************************************************/
/****************************************************************************/
/****************************************************************************/
/****************************************************************************/

/*864*/
@media only screen and (max-width: 900px) {

  .sapiens_bandera_header{
    margin-left: 3px;
    width: 61px;
    height: 37px;
    position: absolute;
    background-position: center;
    margin-top: 15px;
  }

  .logout_button{
    width: 100px;
    height: 35px;
  }

  .logout_text{
    font-size: 10px;
    padding-top: 5px;
    width: 77px;
    padding-right: 2px;
  }

  .logout_icon{
    width: 15px;
    height: 15px;
    background-position-y: -3px;
    background-repeat: no-repeat;
  }

  .user_header{
    right: 100px;
    width: 138px;
  }

  .right_header_block{
    width: 298px;
  }

  .header_user_name{
    font-size: 10px;
  }

  .sapiens_bandera_header{
    display: none;
  } 

  .sapiens_edu_header_logo{
    background-image: url("../imgs/icons/edu_iconos-37.png");
    width: 179px;
    height: 46px;
    position: absolute;
    top: 63px;
    left: -183px;
    background-size: 52px;
  }

  .back_site_button{
    position: relative;
    margin: 0 auto;
    margin-bottom: -55px;
    top: 130px;
    left: 0;

  }

  .activation_icons_container{
    width: 100%;
    height: 85px;
    margin: 0 auto;
  }

  .activation_container{
    width: 315px;
    height: 276px;
  }

  .btn_activation_container{
    text-align: right;
    padding-right: 4px;
    margin-top: 20px;
  }

 .close_screen_button{
  margin-left: 291px;
 }

 .code_activation_container{
   margin-bottom: 25px;
   width: 245px !important;
 }

.btn_activation_container{
  margin-right: 10px;
}

.activation_text{
  width: 317px !important;
}

.header_logout{
  width: 0px;
  height: 0px;
}

.sapiens_contents_container{
  width: 530px;
}

.elem_subject{
  width: 355px;
}

.contents_list_wrapper{
  width: 545px;
}

.row_name{
  width: 161px;
}

.content_back_btn{
  margin-left: 0px;
}


}




/*FONTS******************************************************/
/* cyrillic-ext */
@font-face {
    font-family: 'Comfortaa';
    font-style: normal;
    font-weight: 400;
    src: local('Comfortaa Regular'), local('Comfortaa-Regular'), url(./gfonts/Be0CkOtwwI2n86HMhtablRJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
    unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F;
  }
  /* cyrillic */
  @font-face {
    font-family: 'Comfortaa';
    font-style: normal;
    font-weight: 400;
    src: local('Comfortaa Regular'), local('Comfortaa-Regular'), url(./gfonts/-DackuIFgo7Hfy3rR14C3xJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
    unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
  }
  /* greek */
  @font-face {
    font-family: 'Comfortaa';
    font-style: normal;
    font-weight: 400;
    src: local('Comfortaa Regular'), local('Comfortaa-Regular'), url(./gfonts/UgYUhLCkRUocJ8OZnvelZxJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
    unicode-range: U+0370-03FF;
  }
  /* vietnamese */
  @font-face {
    font-family: 'Comfortaa';
    font-style: normal;
    font-weight: 400;
    src: local('Comfortaa Regular'), local('Comfortaa-Regular'), url(./gfonts/Ao3NCHUpHgdVgp2UtibJoRJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
    unicode-range: U+0102-0103, U+1EA0-1EF9, U+20AB;
  }
  /* latin-ext */
  @font-face {
    font-family: 'Comfortaa';
    font-style: normal;
    font-weight: 400;
    src: local('Comfortaa Regular'), local('Comfortaa-Regular'), url(./gfonts/wz1gqe57Mbg11v-OrLlVjhJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
    unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
  }
  /* latin */
  @font-face {
    font-family: 'Comfortaa';
    font-style: normal;
    font-weight: 400;
    src: local('Comfortaa Regular'), local('Comfortaa-Regular'), url(./gfonts/qLBu5CQmSMt1H43OiWJ77VtXRa8TVwTICgirnJhmVJw.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
  }

  /******************************************************************************/

  /* vietnamese */
  @font-face {
    font-family: 'Nunito';
    font-style: normal;
    font-weight: 400;
    src: local('Nunito Regular'), local('Nunito-Regular'), url(./gfonts/4fsTWUM100DESRCrYMRNTfesZW2xOQ-xsNqO47m55DA.woff2) format('woff2');
    unicode-range: U+0102-0103, U+1EA0-1EF9, U+20AB;
  }
  /* latin-ext */
  @font-face {
    font-family: 'Nunito';
    font-style: normal;
    font-weight: 400;
    src: local('Nunito Regular'), local('Nunito-Regular'), url(./gfonts/qEjAkCC_I8-NsX6aYiQHCfesZW2xOQ-xsNqO47m55DA.woff2) format('woff2');
    unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
  }
  /* latin */
  @font-face {
    font-family: 'Nunito';
    font-style: normal;
    font-weight: 400;
    src: local('Nunito Regular'), local('Nunito-Regular'), url(./gfonts/cSNs3NwpEgPVRQzvkh3NeQ.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
  }

  /************************************************************************************/

  /* devanagari */
  @font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 400;
    src: local('Poppins Regular'), local('Poppins-Regular'), url(./gfonts/gG8m82oGcrBJF727xHU04fY6323mHUZFJMgTvxaG2iE.woff2) format('woff2');
    unicode-range: U+02BC, U+0900-097F, U+1CD0-1CF6, U+1CF8-1CF9, U+200B-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FB;
  }
  /* latin-ext */
  @font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 400;
    src: local('Poppins Regular'), local('Poppins-Regular'), url(./gfonts/F4YWuALHubF63LLQPw0rMfY6323mHUZFJMgTvxaG2iE.woff2) format('woff2');
    unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
  }
  /* latin */
  @font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 400;
    src: local('Poppins Regular'), local('Poppins-Regular'), url(./gfonts/HLBysyo0MQBO_7E-DWLwzg.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
  }

  /************************************************************************************/

  /* cyrillic-ext */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: local('Roboto'), local('Roboto-Regular'), url(./gfonts/KFOmCnqEu92Fr1Mu72xKOzY.woff2) format('woff2');
    unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
  }
  /* cyrillic */
  @font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: local('Roboto'), local('Roboto-Regular'), url(./gfonts/KFOmCnqEu92Fr1Mu5mxKOzY.woff2) format('woff2');
    unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
  }
  /* greek-ext */
  @font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: local('Roboto'), local('Roboto-Regular'), url(./gfonts/KFOmCnqEu92Fr1Mu7mxKOzY.woff2) format('woff2');
    unicode-range: U+1F00-1FFF;
  }
  /* greek */
  @font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: local('Roboto'), local('Roboto-Regular'), url(./gfonts/KFOmCnqEu92Fr1Mu4WxKOzY.woff2) format('woff2');
    unicode-range: U+0370-03FF;
  }
  /* vietnamese */
  @font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: local('Roboto'), local('Roboto-Regular'), url(./gfonts/KFOmCnqEu92Fr1Mu7WxKOzY.woff2) format('woff2');
    unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
  }
  /* latin-ext */
  @font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: local('Roboto'), local('Roboto-Regular'), url(./gfonts/KFOmCnqEu92Fr1Mu7GxKOzY.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
  }
  /* latin */
  @font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: local('Roboto'), local('Roboto-Regular'), url(./gfonts/KFOmCnqEu92Fr1Mu4mxK.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
  }