@font-face {
	font-family: "ClearSans-Regular";
	src: url("/files/fonts/ClearSans-Regular.woff") format("woff"),
	     url("/files/fonts/ClearSans-Regular.ttf") format("ttf");
}

@font-face {
	font-family: "ClearSans-Bold";
	src: url("/files/fonts/ClearSans-Bold.woff") format("woff"),
	     url("/files/fonts/ClearSans-Bold.ttf") format("ttf");
}

*{
	font-family: "ClearSans-Regular",-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
}

body{
	background: url(/files/bg_heart.jpg);
	background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    background-attachment: fixed;
	height: 100%;
	font-family: "ClearSans-Regular",-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
}

.letter-en{
	font-family: "ClearSans-Bold",-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;

}

button.MuiButton-root{
	transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,box-shadow 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,border 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
}

button.MuiButton-contained{
	font-family: "ClearSans-Bold",-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
	background-color: white;
	color: #945486;
}

button.MuiButton-contained:hover{
	background-color: #b5e0e0;
}

button.MuiButton-containedPrimary{
	font-family: "ClearSans-Bold",-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
	background-color: #69C8CA;
	color: white;
}

button.MuiButton-containedPrimary:hover {
  background-color: #69C8CA;
	color: #fff;
}

button.MuiButton-containedSecondary {
	background-color: #b5e0e0;
}

.menu-outer{
	position: absolute;
	background: none;
	top: -10px;
	padding-top: 10px;
	border-radius: 5px;
	display: flex;
	align-items: left;
	justify-content: left;
	width: 100%;
	height: auto;

  }

  .menu-outer a{
	text-decoration: none;
  }

  .menu-outer.small{
	  display:none;
	}

  .close-button-large{
	  display:none;
	}

.footer{
	text-align: center;
}

	.main-cont{
		width:80%;
		text-align:center;
		margin: auto;
	}

	.reg-paper{
		opacity:80%;
		width:70vw;
	}

	.button-reg p{
		margin: 2px;
	}

	/**chat**/
	.MuiButton-root.oz-questionBtn{
		text-transform: none;
		float: right;
		margin-top: 20px;

	  }

	  .oz-live-headerimg{
		  width: 70%;
		  margin: 2%;
	  }

	  .oz-livebox{
		transition: transform 1s;
		transform-origin: top left;

	  }

	.oz-livebox{
		transition: transform 1s;
		transform-origin: top left;
	  }

	  .oz-livediv-open .oz-livebox{
		transform: scale(0.75);
	  }

	  .MuiPaper-root.oz-live-textbox{
		padding: 20px;
		height: 14%;
		overflow: auto;
		position: absolute;
		bottom: 0px;
		left: 0px;
		right: 0px;
		opacity: 0;
		transition: all  1s;
		transform: scaleY(0.1);
		transform-origin: bottom;

	  }

	  .oz-livediv-open .MuiPaper-root.oz-live-textbox{
		opacity: 1;
		transform: scaleY(1.0);
	  }

	  .oz-live-username{
		position: absolute;
		bottom: 25%;
		right:0px;
		width: 22%;
		padding: 1%;
		opacity: 0;
		transition: all  1s;
		transform: scaleX(0.01);
		transform-origin: right;

	  }

	  .oz-livediv-open .oz-live-username{
		opacity: 1;
		transform: scaleX(1.0);
	  }

  @media (max-width: 960px) {
	.menu-outer.small{
	  display:flex;
	  transition: transform 1s;
	  align-items: center;
	  justify-content: center;
	  width: 100%;
	  height: auto;
	}
	.menu-outer.large{
	  display:block;
	  transform: translateY(-100%);
	  transition: transform 1s;
	  width: 40%;
	  background: #69C8CA;
	  opacity: 90%;
		right: 10px;
		padding: 20px;
	}

	.menu-outer.large.upperOpenMenu{
	  transform: translateY(0);
	  display:block;
	}
	.menu-outer.small.upperOpenMenu{
	  transform: translateY(-100%);
	}

	.footer{
		text-align: left;
	}

	.close-button-large{
		display:block;}

	.main-cont{
		text-align: left;
		width: 100%;
		margin: 2%;
	}

	.pulse-img{
		width: 90%;
	}

	.text-img{
		width: 80%;
	}

	.reg-paper{
		width: 85vw;
	}

  }

  .menu-button{
	padding: 15px 20px;
	color: #945486;
	text-decoration: none;
	font-size: 1.3em;
	position: relative;
	display: inline-block;
	font-family:  "ClearSans-Bold",-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
  }

.menu-button:hover{
	color: #605BA8;
}

.menu-forum-icon{display: block;}
.menu-forum-icon-sel{display: none;}
.menu-button:hover .menu-forum-icon{display: none;}
.menu-button:hover .menu-forum-icon-sel{display: block;}

.oz-noborderinput input{
	border: 0px !important
}

.oz-reginput.form-control{
	padding: 0px;
	border: 0px;
}

.oz-reginput.form-control input{
	padding: 0px 10px;
	background: white;
}

.oz-reginput-new  div.MuiSelect-root{
	background: white;
	border: 1px solid black;
	padding: 13px 10px;
	border-radius: 0px;
}

.oz-reginput-new.form-control{
	background: white;
	padding: 0px;
	border: 0px;
}

.oz-reginput-new.form-control input{
	background: white;
	border: 1px solid #000;
	padding: 0px 10px;
	color: #323232;
	height: 45px !important;
}

@media (max-width: 960px){
	.footer-details {
		font-size: 1.5vw !important;
	}
}

@media (max-width: 768px){
	.footer-details {
		font-size: 2vw !important;
	}

	.oz-program-dialog{
		font-size: 0.6em;
		padding: 0px;
	}

}

@media (max-width: 991px){
.submit-btn{
    font-size: 25px !important;
    padding: 12px 60px !important;
	}
}

@media  (max-width: 780px) {
	.program-btn .MuiButton-label{
		word-spacing: 100px;
	}
}