body{background: #B4FFF1; position: relative;overflow: hidden}
.logocls{margin: 25px 0 21px 30px;position: absolute;top: 0;z-index: 999;}

.st1{margin-top: 30vh;text-align: center;font-size: 20px;}
.st2{text-align: center;}
.st2 input{background: none;border: none;border-bottom: 1px solid #000; text-align:center;}
.st3{text-align: center; font-size:20px; color: #ff0000;min-height: 40px;}
.st4{text-align: center;margin-top: 30px;}
.st4 input{text-align: center;background: none;border: 1px solid #000;padding: 3px 28px 5px;}
.st5{color:#2A9682; margin-left: 30px;position: absolute;bottom: 38px;font-size: 12px;line-height: 14px;}
.st5_1{color:#2A9682; margin-left: 30px;position: absolute;bottom: 60px; cursor:pointer;}
.st6 {
  color: #2A9682;
  margin-toop: 100px;
  position: absolute;
  bottom: 84px;
  right: -21px;
  transform: rotate(-90deg);
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  font-size: 12px;line-height: 14px;
}
.st7{text-align: center;margin-top: 20px;position: absolute;width: 100%;bottom: 53px;font-size: 14px;line-height: 16px;}
.st8{height: 300px;text-align: center;}
.st8 iframe{width: 100%}
.st9{padding-top: 20px;}
.st10{font-size: 25px;}

#offBtn{display: none;}
.close_st{position: absolute;right: 2px;font-size: 50px;top: -22px;cursor: pointer;}
.modal_st {display: none;position: absolute;z-index: 1;padding-top: 17px;left: 51%;top: 36px;width:43%; height: 657px;overflow: inherit !important;background-color:#FFFFFF;z-index: 9999;border-radius: 11px;}
.modal_st1 {display: none;position: absolute; z-index: 1; padding-top: 17px; left: 13%; top: 14px; width: 100%; height: 682px; overflow: inherit !important; z-index: 9999; border-radius: 11px;}
.modal-content_st {position: relative;background-color:transparent;margin: auto;padding: 0 63px;width: 100%;max-width: 1200px;margin-top: 20px;border: none;}
.modal-content_st ul{background:transparent;}
.modal-content_st li, .modal-content li a{list-style:none; font-weight:300; font-size:16px; opacity:1; color:#fff;}
.modal-content_st1 {position: relative;background-color:transparent;margin: auto;padding: 0;width: 881px;max-width: 1200px;margin-top: 20px;border: none;}
.mobileview{display: none;}
.modal-backdrop{display:none;}
h2{color:#0AB7B3; margin:0;font-weight: bold;font-size: 30px;line-height: 36px;}
p{font-size: 14px;margin-bottom: 12px;line-height: 18px;}

@media only screen and (max-width: 768px) {
	.mobileview{display: block;}
  	.desktopview{display: none!important;}
  	.st5{margin-left: 0;width: 100%;bottom: 18px;}
  	.st6{margin-top: 0;width: 100%;bottom: 67px;position: absolute;right: -44%;}
  	.st7{padding: 30px 57px;bottom: 84px;font-size: 16px;line-height: 23px;}
  	.st5,.st6,.logocls{text-align:center;}
  	.modal_st {display: none;position: absolute;z-index: 1;padding-top: 17px;left: 5%;top: 78px;width: 90%;height: 75vh;overflow: auto;background-color: #FFFFFF;z-index: 9999;border-radius: 11px;}
  	.modal_st1 {display: none;position: absolute;z-index: 1;padding-top: 17px;left: 5%;top: 20px;width: 90%;height: 45vh;overflow: auto;background-color: transparent;z-index: 9999;border-radius: 11px;}
  	.st8 iframe{width: 100%;height: auto;}
	.modal-content_st{width:90%;padding: 0;}
	.st8 {height: auto;}
  .modal-content_st1{width: 100%}
 }