* {

	margin: 0;

	padding: 0;

}
.radio-inline {
    margin-right: 25px !important;
}

html {

  scroll-behavior: smooth;

}

body {

  /* font-family: 'Muli', sans-serif; */

  font-family: 'Rubik', sans-serif;

    overflow-x: hidden;

}

.fixed-top{

  z-index: 999;

}

::-webkit-scrollbar {

  width: 8px;

}

::-webkit-scrollbar-thumb {

  background: #a84574;

  outline: 1px solid #000000;

}

::-moz-selection {

  color: #fff;

  background: #a84574;

}

::selection {

  color: #fff;

  background: #a84574;

}

input[type="submit"] {

  outline: none;

  box-shadow: none;

}

label.text-red {

  font-size: 14px;

  font-weight: 500;

  color: #ec3138;

  position: relative;

  left: 5px;

}

.header-section {

    background-color: #ffffff;

    box-shadow: 0px 0px 3px #57316c;

}

input.form-control {

    box-shadow: none!important;

}

.covid-menu {

	display: none;

}

.copyright-section {

	padding: 15px;

    color: #000;

    background-image: linear-gradient(to bottom, #e0dcda, #e0dcda);

}

.copyright-section p a {

	color: #000;

}

.content-section {

	position: relative;

    background-color: #ffffff;

    min-height: 82vh;

    padding: 0 0 50px 0;

    margin-top: 60px;

}

.people-block {

    overflow: hidden;

    margin-bottom: 25px;

}

.people-block h3 {

    color: #5e2188;

    font-size: 24px;

    font-weight: 500;

    box-shadow: 0px 0px 10px #57316c;

    padding-left: 15px;

    position: relative;

    margin-bottom: 20px;

    text-align: center;

    background-color: #fff;

    border-radius: 5px;

    line-height: 1.6;

}

.people-block h3::before {

    position: absolute;

    content: '';

    width: 75px;

    height: 1px;

    background-color: #fff;

    left: 15px;

    bottom: 5px;

	display: none;

}

.people-block h6 {

	color: #57316c;

    font-size: 16px;

	font-weight: 600;

}

.people-block p {

	color: #57316c;

    font-size: 14px;

    line-height: 1.5;

}

.people-pic {

	width: 115px;

    height: 115px;

    border: 2px solid #57316c;

    float: left;

    margin-right: 15px;

    border-radius: 50%;

}

.people-pic h1 {

	font-size: 5rem;

	color: #57316c;

	text-align: center;

}

.people-pic1 {

    width: 115px;

    height: 115px;

    border: 2px solid #57316c;

    margin-right: 15px;

    border-radius: 50%;

    text-align: center;

    margin: 0 auto;

}

.people-pic1 h1 {

	font-size: 5rem;

	color: #57316c;

	text-align: center;

}

.people-block1 {

	text-align: center;

}

.people-sub-block {

    margin-top: 35px;

}

.border-right {

	border-right: 1px solid #57316c !important;

}

.registration-form {

}

.registration-form h3 {

	font-size: 24px;

    color: #57316c;

    opacity: 1;

    text-align: center;

    margin-bottom: 25px;

}

.registration-form h3 {

  font-size: 24px;

  color: white;

  font-weight: 500;

  opacity: 1;

  background: #b1212e;

  padding: 8px;

  text-align: center;

  position: relative;

  text-transform: uppercase;

  margin-bottom: 10px;

}

.registration-form h3 span {

	padding-right: 5px;

    font-size: 22px;

}

.registration-form {

    padding: 0px;

    background: #fff;

    /* box-shadow: 0px 0px 4px #57316c; */

	border: 1px solid #b1212e;

    margin: 2em auto;

}

.registration-form form {

  padding: 20px;

  padding-top: 5px;

}

.reg-form-section label {

	color: #2d2d2d;

    font-size: 12px;

    margin-bottom: 0;

    font-family: 'Raleway', sans-serif;

}

.reg-form-section input {

	border: 1px solid #57316c;

    border-radius: 10px;

    background-color: #ffffff;

    outline: none;

    color: #2d2d2d !important;

    font-size: 14px;

    box-shadow: none;

    font-family: 'Raleway', sans-serif;

}

.reg-form-section input:focus {

	border: 1px solid #57316c;

    border-radius: 10px;

    background-color: #ffffff;

    outline: none;

    color: #2d2d2d !important;

    font-size: 14px;

    box-shadow: none;

    font-family: 'Raleway', sans-serif;

}

.reg-form-section input:active {

	border: 1px solid #57316c;

    border-radius: 10px;

    background-color: #ffffff;

    outline: none;

    color: #2d2d2d !important;

    font-size: 14px;

    box-shadow: none;

    font-family: 'Raleway', sans-serif;

}

.sub-btn {

	color: #ffffff !important;

    background-color: #b1212e !important;

    border-color: #b1212e !important;

    opacity: 1 !important;

    width: 100%;

    border-radius: 0;

    font-size: 16px;

    font-weight: 600; 

    background-image: linear-gradient(to bottom, #b1212e, #b1212e);

    transition: all .2s;

}

.sub-btn:hover {

    background-image: linear-gradient(to bottom, #b1212e, #b1212e);  

}

.bnr_flx {

  display: flex;

  flex-flow: row;

  align-items: center;

  justify-content: center;

  max-width: 400px;

  margin: 0 auto;

  text-align: center;

  color: #6d3d93;

  /* position: relative;

    top: 60px; */

}

.bnr_flx h2 {

  font-size: 65px;

  font-weight: 900;

  color: #6d3d93;

  text-transform: uppercase;

  font-family: 'Lato', sans-serif;

}

.bnrRyt h3 {

  font-size: 35px;

  font-weight: 900;

  color: #6d3d93;

  text-transform: uppercase;

  font-family: 'Lato', sans-serif;

  opacity: .85;

}

.bnrLft h3{

  font-size: 50px;

  font-weight: 900;

  color: #6d3d93;

  text-transform: uppercase;

  font-family: 'Lato', sans-serif;

  line-height: 1;

}

.bnrLft h2 {

  margin: 0;

  line-height: 1;

}

.bnrLft h5 {

  font-size: 28px;

  text-transform: uppercase;

  margin: 0 auto;

  font-weight: 900;

  position: relative;

  z-index: 9;

  display: inline-block;

  opacity: .85;

}

.bnrLft h5::before {

  content: '';

  position: absolute;

  top: 8px;

  left: -56%;

  width: 50%;

  height: 0.6em;

  background: #6d3d91;

  z-index: -1;

}

.bnrLft h5::after {

  content: '';

  position: absolute;

  top: 8px;

  right: -59%;

  width: 50%;

  height: 0.6em;

  background: #6d3d91;

  z-index: -1;

}

.bnrLft {

  padding: 0px 10px;

  margin: 0px 10px;

  border-right: 2px solid #d28c8f;

}

.bnrRyt h2 {

  font-family: 'Calibri', sans-serif;

  font-size: 115px;

  margin: 0;

  line-height: 0.7;

  position: relative;

  left: -12px;

  margin-bottom: 10px;

}

.bnrRyt h2 sup {

  text-transform: initial;

  position: absolute;

  font-size: 24%;

  top: 9px;

  right: -8px;

}

.bnrRyt h6 {

  font-size: 20px;

  text-transform: uppercase;

  margin: 0;

  font-weight: 900;

  opacity: .85;

}

.banner_text {

  padding-top: 10px;

}

.banner_text img{

  width: 100%;

}

.covid-txt-block {

    padding-top: 1em;

    margin: 0 auto;

    text-align: center;

}

.hdngNme{

  max-width: 400px;

    margin: 0 auto;

    text-align: center;

    position: relative;

    left: 10px;

}

.hdngNme h3 {

  font-size: 42px;

  font-weight: 700;

  color: #6d3d93;

  text-transform: uppercase;

  font-family: 'Lato', sans-serif;

  line-height: 1.15;

}

.hdngNme h2 {

  font-size: 70px;

  font-weight: 700;

  color: #ee3037;

  text-transform: uppercase;

  font-family: 'Lato', sans-serif;

  line-height: .8;

}

.fadeLine {

  width: 84%;

  height: 4px;

  opacity: 0.6;

  background-repeat: no-repeat;

  /* background: linear-gradient(90deg, rgba(206,186,221,1) 20%, rgb(58 13 92) 50%, rgba(194,172,210,1) 80%); */

  -moz-box-shadow: 1px 2px 3px #592e76;

  -webkit-box-shadow: 1px 2px 3px #592e76;

  box-shadow: 1px 2px 3px #592e76;

  margin: 10px auto;

}

.hdngNme p {

  font-size: 24px;

  text-transform: uppercase;

  color: #6d3d93;

  font-weight: 600;  

  font-family: 'Lato', sans-serif;

}

button.instruction-btn {

  position: relative;

  left: -50px;

  border-radius: 5px;

  border: none;

  background-color: #b1212e;

  color: #fff;

  padding: 6px 20px;

  font-size: 16px;

  font-weight: 600;

  z-index: 99999;

  outline: 0 !important;

}

.modal-title-txt {

  font-size: 18px;

  font-weight: 600;

  color: #b1212e;

}

.modal-header .close {

  padding: 1rem 1rem;

  margin: -1rem -1rem -1rem auto;

}

.instruction-menus {

  margin-left: 1em;

}

.instruction-menus li {

  list-style: disc;

  font-size: 14px;

  color: #000;

  line-height: 1.5;

  padding-bottom: 8px;

}

.covid-txt-block h3 {

	color: #c34f9c;

    font-size: 2.2rem;

    font-weight: 900;

	text-align: center;

}

.covid-txt-block h3 strong {

	font-family: 'Kanit', sans-serif;

	font-size: 2.8rem;

}

.covid-txt-block h4 {

    color: #57316c;

    font-size: 30px;

    opacity: 0.7;

    position: relative;

    padding-top: 15px;

	padding-bottom: 10px;

}

.covid-txt-block h4::before {

    position: absolute;

    content: '';

    width: 100%;

    height: 2px;

    background-color: #57316c;

    left: 0;

    top: 6px;

    opacity: 0.7;

}

.covid-txt-block h4::after {

    position: absolute;

    content: '';

    width: 100%;

    height: 2px;

    background-color: #57316c;

    left: 0;

    bottom: 0;

    opacity: 0.7;

}

.covid-txt-block h2 {

	color: #57316c;

    font-size: 2.5rem;

    font-weight: 600;

}

.covid-txt-block h5 {

	color: #57316c;

    font-size: 1.5rem;

	text-align: left;

	margin-left: 4%;

}

.covid-txt-block h5 span {

	padding-right: 5px;

}

.covid-txt-block h5 strong {

	padding-right: 15px;

    position: relative;

}

.covid-txt-block h5 strong::after {

    position: absolute;

    content: '';

    width: 2px;

    height: 20px;

    background-color: #57316c;

    right: 0;

    top: 5px;

}

.covid-txt-block h5 small {

	color: #57316c;

	padding-left: 10px;

}

.login-block {

    box-shadow: 0px 0px 4px #57316c;

    display: flex;

    justify-content: space-around;

    flex-direction: column;

    /* height: 250px;

    margin-top: 100px; */

    min-height: 250px;

    margin-top: 35px;

	width: 85%;

}

.login-block form{  

	padding: 15px;

}

.login-block h3 {

    font-size: 24px;

    color: white;

    font-weight: 500;

    opacity: 1;

    background: #b1212e;

    padding: 8px;

    text-align: center;

    position: relative;

    text-transform: uppercase;

}

.login-block h3 span {

	padding-right: 5px;

	font-size: 22px;

}

.log-btn {

	color: #ffffff !important;

    background-color: #b1212e !important;

    border-color: #b1212e !important;

    width: 100%;

    border-radius: 0;

    font-size: 16px;

    font-weight: 600;

    background-image: linear-gradient(to bottom, #b1212e, #b1212e);

    transition: all .2s;

}

.log-btn:hover {

    background-image: linear-gradient(to bottom, #b1212e, #b1212e);

}

.login-form-section label {

	color: #2d2d2d;

    font-size: 12px;

    margin-bottom: 0;

    font-family: 'Raleway', sans-serif;

}

.login-form-section input {

	border: 1px solid #57316c;

    border-radius: 10px;

    background-color: #ffffff;

    outline: none;

    color: #2d2d2d !important;

    font-size: 14px;

    box-shadow: none;

    font-family: 'Raleway', sans-serif;

	height: 43px;

}

.login-form-section input:focus {

	border: 1px solid #57316c;

    border-radius: 10px;

    background-color: #ffffff;

    outline: none;

    color: #2d2d2d !important;

    font-size: 14px;

    box-shadow: none;

    font-family: 'Raleway', sans-serif;

	height: 43px;

}

.login-form-section input:active {

	border: 1px solid #57316c;

    border-radius: 10px;

    background-color: #ffffff;

    outline: none;

    color: #2d2d2d !important;

    font-size: 14px;

    box-shadow: none;

    font-family: 'Raleway', sans-serif;

	height: 43px;

}

.log-btn span {

	padding-right: 10px;

}

.login-block h6 {

    text-align: right;

    padding-top: 20px;

    font-size: 16px;

    font-weight: 600;

    text-decoration: underline;

}

.login-block h6 a {

	color: #b1212e;

}

.login-block h6 span {

	padding-right: 5px;

}

.reg-fix {

    z-index: 999;

    display: flex;

    justify-content: space-around;

    align-items: center;

    /*direction: rtl;*/

    top: 0;

    position: fixed;

    flex-direction: column;

    right: 10px;

    box-shadow: 1px 2px 14px 5px rgb(0 0 0 / 18%);

    padding: 0.4rem;

    width: 150px;

    height: 125px;

    text-align: center;

    background-color: #b1212e;

	border-top-right-radius: 8px;

}

.reg-fix::after {

    position: absolute;

    content: "";

    width: 0;

    height: 0;

    border-left: 70px solid transparent;

    border-right: 80px solid transparent;

    border-top: 10px solid #b1212e;

    bottom: -10px;

}

.decaration {

}

.decaration::before {

	position: absolute;

    content: '';

    height: 8px;

    width: 15px;

    left: -10px;

    border-radius: 8px 8px 0 0;

    top: 0;

    background: #b1212e;

}

.reg-fix h4 {

	margin-bottom: 0px;

	color: #fff;

    font-size: 18px;

    font-weight: 600;

	line-height: 1.6;

}

.decaration h4 span {

	float: none;

}

.decaration h4 span i {

    font-size: 1.6em;

}

.decaration h4 small {

	display: block;

}

.bounce {

  animation: bounce 0.5s;

  animation-direction: alternate;

  animation-timing-function: cubic-bezier(0.5, 0.05, 1, 0.5);

  animation-iteration-count: infinite;

  -webkit-animation-name: bounce;

  -webkit-animation-duration: 0.5s;

  -webkit-animation-direction: alternate;

  -webkit-animation-timing-function: cubic-bezier(0.5, 0.05, 1, 0.5);

  -webkit-animation-iteration-count: infinite;

}

@keyframes bounce {

  from {

    transform: translate3d(0, 0, 0);

  }

  to {

    transform: translate3d(0, 3px, 0);

  }

}

@-webkit-keyframes bounce {

  from {

    -webkit-transform: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 0);

  }

  to {

    -webkit-transform: translate3d(0, 3px, 0);

    transform: translate3d(0, 3px, 0);

  }

}

.mr-10rem {

	margin-right: 10rem;

}

.kris-block {

}

.kris-block ul {

    padding: 0 15px;

	margin: 0;

	float: right;

}

.kris-block ul li {

    padding: 0 15px;

	float: left;

	list-style-type: none;

}

.kris-block ul li:first-child {

    padding-left: 0;

}

.kris-block ul li:nth-child(2) {

}

.kris-block ul li:last-child {

    padding-right: 0;

}

.kris-block a {

}

.kris-block img {

    width: 150px;

}

.copyright p {

    padding-top: 15px;

}

.video-frame {

	margin-bottom: 25px;

}

.video-frame iframe {

	width: 100%;

	height: 275px;

}

.logos-block {

	overflow: hidden;

    margin-top: 35px;

    margin-bottom: 20px;

}

.covifor-logo {

	float: left;

    width: 43%;

	text-align: left;

	margin-left: 4%;

}

.covifor-logo img {

	width: 90%;

}

.covifor-logo h6 {

	text-align: left;

    font-size: 14px;

    padding-top: 5px;

    padding-left: 5px;

    font-weight: 600;

}

.logos-block h2 {

	float: left;

    width: 9%;

    text-align: left;

    color: #212529;

    line-height: 1.2;

    font-size: 2rem;

    font-weight: bold;

}

.favivir-logo {

	float: left;

    width: 43%;

	text-align: left;

}

.favivir-logo img {

	width: 90%;

}

.favivir-logo h6 {

	text-align: left;

    font-size: 14px;

    padding-top: 5px;

    font-weight: 600;

}

.virus1 {

    position: absolute;

    left: 0;

    top: 0;

}

.virus2 {

    position: absolute;

    right: -10rem;

    top: 0;

    width: 35%;

}

.virus3 {

    position: absolute;

    left: 0;

    right: 0;

    margin: 0 auto;

    top: 15%;

}

.covifor2-pic {

  margin: 5em auto;

  text-align: center;

}

.covifor2-pic img {

  width: 100%;

    /* max-height: 700px; */

}

.content-section1 {

	/* padding: 50px 0 0 0; */

	padding-bottom: 0;

}

.reg-form-section h6 {

	color: #57316c;

    text-align: center;

    padding-top: 15px;

	font-size: 16px;

}

.reg-form-section h6 a {

	color: #57316c;

	font-weight: bold;

}

.header-kris span {

    font-size: 16px;

    color: #333;

    font-weight: 600;

    padding-bottom: 2px;

    padding-right: 10px;

}

.header-kris img {

}

.logos-txt {

	font-family: 'Kanit', sans-serif;

    font-size: 2.5rem !important;

}

.logos-txt small {

	color: #212529;

}

.logos-txt span {

	color: #3e4095;

}

.reg-txt {

	background-color: #57316c;

    color: #fff !important;

    width: 200px;

    text-align: center !important;

    padding: 10px;

    font-size: 16px !important;

    border-radius: 50px;

    font-family: 'Raleway', sans-serif;

    font-weight: bold;

    margin-top: 2rem;

    margin-left: 4%;

	background-image: linear-gradient(94deg, #490a6d 3%, #691e92 29%, #713292 63%, #9449bd 99%);

	margin: 2.5rem auto 0 auto !important;

}

.reg-txt a {

    color: #fff !important;

}

.covid-inj {

	width: 75%;

}

.ImgsFlx>div {

  text-align: center;

}

.ImgsFlx img {

  width: 100%;

  max-width: 90%;

}

.ImgsFlx {

  display: flex;

  align-items: flex-start;

  justify-content: center;

  flex-flow: row;

}

.hmeTxt {

  display: flex;

  justify-content: space-between;

  align-items: flex-start;

  flex-flow: row;

}

.brandSponcers{

  margin-top: 2em;

}

.brandSponcers img:first-child{

  animation-delay: 2.5s;

}

.brandSponcers img {

  width: 80%;

  margin: 1.5em auto;

  animation-delay: 3s;

  display: block;

  max-height: 75px;

}

.w_80{

  width: 83%;

}

.fadeInRight {

  -webkit-animation-name: fadeInRight;

  animation-name: fadeInRight;

  -webkit-animation-duration: .65s;

  animation-duration: .65s;

  -webkit-animation-fill-mode: both;

  animation-fill-mode: both;

  }

  @-webkit-keyframes fadeInRight {

  0% {

  opacity: 0;

  -webkit-transform: translate3d(100%, 0, 0);

  transform: translate3d(100%, 0, 0);

  }

  100% {

  opacity: 1;

  -webkit-transform: none;

  transform: none;

  }

  }

  @keyframes fadeInRight {

  0% {

  opacity: 0;

  -webkit-transform: translate3d(100%, 0, 0);

  transform: translate3d(100%, 0, 0);

  }

  100% {

  opacity: 1;

  -webkit-transform: none;

  transform: none;

  }

  }

  

 .taffic-logo {

     width: 150px;

     float: right;

 }

 

 .footer_logos {

    float: right;

    margin-bottom: 0px;

}

.footer_logos li {

    list-style-type: none;

    float: left;

    padding: 0 15px;

}

.covifor_logo {

    margin-top: 20px;

}

.footer_logos_one {

    border-right: 1px solid #57316c;

    padding-bottom: 10px !important;

}

 

@media (max-width: 767px) {

  .container {

    width: 100%;

  }

  .header-kris span {

	display: block;

	font-size: 14px;

  }

  .virus1 {

    width: 30%;

  }

  .virus2 {

    right: 0;

    bottom: 20rem;

    width: 60%;

  }

  .virus3 {

    width: 100%;

  }

  .reg-fix h4 {

    font-size: 16px;

  }

  .decaration h4 span {

    display: none;

  }

  .reg-fix {

    width: 125px;

    height: 90px;

  }

  .reg-fix::after {

    border-left: 60px solid transparent;

    border-right: 60px solid transparent;

  }

  .content-section {

    margin-top: 82px;

  }

  .covid-txt-block {

    text-align: center;

  }

  .covid-inj {

    width: 80%;

  }

  .covid-txt-block h3 {

    font-size: 22px;

  }

  .covid-txt-block h3 strong {

    font-size: 26px;

  }

  .logos-txt {

    font-size: 26px !important;

  }

  .reg-txt {

    margin: 1.5rem auto 0 auto !important;

  }

  .login-block {

    margin-top: 35px;

    width: 100%;

  }

  .copyright p {

    text-align: center;

  }

  .kris-block ul {

    padding: 0;

    float: inherit;

  }

  .kris-block ul li {

    padding: 10px 10px;

  }

  .kris-block img {

    width: 145px;

  }

  .registration-form {

    margin-top: 30px;

    margin-bottom: 35px;

  }

  .covifor2-pic {

    margin-top: 35px;

    margin-bottom: 0;

}

  button.instruction-btn {

    position: absolute;

    left: initial;

    right: 0;

  }

  .reg-fix{

    display: none;

  }

  .covid-txt-block iframe {

    width: 100%;

    height: 400px;

  }

  .taffic-logo {

     filter: drop-shadow(1px 1px 0px #fff);

     float: none;

 }

 .footer_logos {

    margin: 0 auto;

 }

  .footer_logos li {

    padding: 0 3px;

 }

 

}



.web-reg {

    width: 100%;

    margin-top: 35px;

}

.jakura_logo_block {

    width: 100%;

    text-align: center;

    padding: 2em;

    margin-bottom: 15px;

}

.jakura_logo {

    

}

.jakura_logo_text P {

    background-color: #333;

    padding: 5px 10px;

    color: #fff;

    font-size: 15px;

}

.jakura_logo_text P span input {

    color: #fff;

    background: none;

    border: none;

    letter-spacing: 5px;

    box-shadow: none;

    font-size: 18px;

    float: right;

    width: 140px;

    line-height: 1;

    text-align: center;

}



.stream_popup {

    position: absolute;

    left: 0;

    top: 0;

    z-index: 999999999;

    width: 80px;

    font-size: 12px;

    padding: 0px;

}

.stream_popup_header {

    border: none;

    background-color: #053a62;

    padding: 10px 15px;

}

.stream_popup_header h4 {

    color: #fff;

    font-size: 20px;

    line-height: 1.3;

}

.stream_popup_footer {

    border: none;

}

.point_submit {

    border: none;

    background-color: #053a62;

    color: #fff;

    padding: 5px 10px;

    float: right;

}

.point_skip {

    color: red;

    text-decoration: underline;

}

.point_skip:hover {

    color: red;

    text-decoration: underline;

}

.points_form label {

    padding-left: 5px;

}

.stream_popup_dialog {

    margin: 6rem auto 1.75rem auto;

}



.poll_count_block {

    

}

.poll_count_block ul {

    margin-bottom: 0;

    margin-left: 2em;

}

.poll_count_block ul li {

    padding: 5px 0;

    list-style-type: auto;

    font-size: 16px;

}

.poll_count_block ul li::marker {

    font-weight: bold;

}

.poll_count_block ul li span {

    color: #e21a22;

    font-weight: bold;

    padding-left: 25px;

    position: relative;

}

.poll_count_block ul li span::before {

    position: absolute;

    content: '';

    left: 5px;

    top: 10px;

    width: 10px;

    height: 1px;

    background-color: #333;

}

.poll_count_block h4 {

    font-size: 22px;

    font-weight: bold;

    position: relative;

}





@media (max-width: 767px) {

  .container {

    width: 100%;

  }

}