@font-face {
	font-family: mouse-300;
	src: url(../fonts/RobotoSlab-Regular.ttf) format("truetype");
}
@font-face {
	font-family: mouse-500;
	src: url(../fonts/RobotoSlab-Bold.ttf) format("truetype");
}
* {
	list-style: none; margin: 0px; padding: 0px;
}
img {
	max-width: 100%;
}
a {
	color: rgb(68, 68, 68); text-decoration: none;
}
a:hover {
	color: rgb(68, 68, 68);
}
ul {
	padding-left: 0px; margin-bottom: 0px;
}
a:hover {
	text-decoration: none;
}
a:focus {
	text-decoration: none;
}
input {
	text-decoration: none;
}
textarea {
	text-decoration: none;
}
.center {
	text-align: center;
}
.left {
	text-align: left;
}
.right {
	text-align: right;
}
.cp {
	cursor: pointer;
}
html {
	height: 100%;
}
body {
	height: 100%;
}
p {
	width: 100%; margin-bottom: 0px;
}
.no-padding {
	padding: 0px;
}
.no-margin {
	margin: 0px;
}
.hid {
	display: none;
}
.top-mar {
	margin-top: 15px;
}
.h-100 {
	height: 100%;
}
.container-fluid {
	padding: 0px;
}
h1 {
	font-family: "mouse-500", Arial, Helvetica, sans-serif;
}
h2 {
	font-family: "mouse-500", Arial, Helvetica, sans-serif;
}
h3 {
	font-family: "mouse-500", Arial, Helvetica, sans-serif;
}
h4 {
	font-family: "mouse-500", Arial, Helvetica, sans-serif;
}
h5 {
	font-family: "mouse-500", Arial, Helvetica, sans-serif;
}
h6 {
	font-family: "mouse-500", Arial, Helvetica, sans-serif;
}
strong {
	font-family: "mouse-500", Arial, Helvetica, sans-serif;
}
body {
	color: rgb(106, 106, 106); font-family: "mouse-300", Arial, Helvetica, sans-serif; background-color: rgb(247, 247, 255) !important;
}
.session-title {
	margin: 0px; padding: 30px;
}
.session-title h2 {
	width: 100%; text-align: center;
}
.session-title p {
	margin: auto; text-align: center; float: none; max-width: 850px;
}
.session-title span {
	font-style: italic; float: right;
}
.inner-title {
	padding: 20px 20px 20px 0px; margin-bottom: 30px;
}
.inner-title h2 {
	width: 100%; text-align: center; font-family: "slab", Arial, Helvetica, sans-serif; font-size: 2rem;
}
.inner-title p {
	width: 100%; text-align: center;
}
.page-nav {
	padding: 160px 40px 40px; text-align: center;
}
.page-nav ul {
	margin: auto; float: none;
}
.page-nav h2 {
	width: 100%; color: rgb(68, 68, 68); font-size: 36px;
}
@media screen and (max-width:600px)
{
.page-nav h2 {
	font-size: 26px;
}
}
.page-nav ul li {
	font-size: 16px; margin-top: 10px; margin-right: 10px; float: left;
}
.page-nav ul li i {
	width: 30px; text-align: center; color: rgb(68, 68, 68);
}
.page-nav ul li a {
	color: rgb(68, 68, 68);
}
.btn-success {
	border-color: rgb(134, 61, 217); background-color: rgb(134, 61, 217);
}
.btn-success:hover {
	border-color: rgb(134, 61, 217) !important; background-color: rgb(134, 61, 217) !important;
}
.btn-success:active {
	border-color: rgb(134, 61, 217) !important; background-color: rgb(134, 61, 217) !important;
}
.btn-success:focus {
	border-color: rgb(134, 61, 217) !important; box-shadow: none !important; background-color: rgb(134, 61, 217) !important;
}
.btn-info {
	border-color: rgb(79, 109, 205); background-color: rgb(79, 109, 205);
}
.btn-info:hover {
	border-color: rgb(79, 109, 205) !important; background-color: rgb(79, 109, 205) !important;
}
.btn-info:active {
	border-color: rgb(79, 109, 205) !important; background-color: rgb(79, 109, 205) !important;
}
.btn-info:focus {
	border-color: rgb(79, 109, 205) !important; box-shadow: none !important; background-color: rgb(79, 109, 205) !important;
}
.btn {
	border-radius: 2px; box-shadow: 0px 3px 1px -2px rgba(0,0,0,0.2), 0px 2px 2px 0px rgba(0,0,0,0.14), 0px 1px 5px 0px rgba(0,0,0,0.12);
}
.form-control:focus {
	border: 2px solid rgb(134, 61, 217); border-image: none; box-shadow: none !important;
}
.btn-light {
	color: rgb(63, 63, 63); background-color: rgb(255, 255, 255);
}
.collapse.show {
	display: block !important;
}
.form-control:focus {
	border: 2px solid rgb(134, 61, 217) !important; border-image: none !important; box-shadow: none;
}
.form-control {
	margin-bottom: 20px; background-color: rgb(248, 248, 248);
}
.form-control:focus {
	border-color: rgb(204, 204, 204); background-color: rgb(255, 255, 255);
}
.container {
	max-width: 1100px;
}
@media screen and (max-width:575px)
{
.container {
	padding: 20px 30px;
}
}
body {
	height: 100%;
}
body .conya {
	height: 100%;
}
.side-left {
	width: calc(100% - 440px); height: 100%; float: left; background-size: 100%; background-color: red;
}
@media screen and (max-width:660px)
{
.side-left {
	display: none;
}
}
.side-left .sid-layy {
	width: calc(100% - 440px); height: 100%; position: absolute; background-color: rgba(135, 63, 217, 0.73);
}
.side-right {
	padding: 5px 20px; width: 440px; height: 100%; text-align: center; float: left; background-color: rgb(255, 255, 255);
}
@media screen and (max-width:660px)
{
.side-right {
	width: 100%;
}
}
.side-right .logo {
	width: 200px; height:100px;
}
.side-right .soc-det {
	display: flex;
}
.side-right .soc-det ul {
	margin: auto; float: none;
}
.side-right .soc-det ul li {
	padding: 8px; border-radius: 50px; width: 35px; height: 35px; font-size: 12px; margin-left: 10px; float: left; box-shadow: 0px 3px 1px -2px rgba(0,0,0,0.2), 0px 2px 2px 0px rgba(0,0,0,0.14), 0px 1px 5px 0px rgba(0,0,0,0.12); background-color: rgb(255, 255, 255);
}
.side-right .soc-det ul li i {
	color: rgb(255, 255, 255);
}
.side-right .soc-det ul .facebook {
	background-color: rgb(59, 88, 148);
}
.side-right .soc-det ul .twitter {
	background-color: rgb(25, 161, 247);
}
.side-right .soc-det ul .pin {
	background-color: rgb(219, 68, 59);
}
.side-right .soc-det ul .link {
	background-color: rgb(0, 122, 180);
}
.side-right h2 {
	padding: 20px 10px; font-family: "mouse-300", Arial, Helvetica, sans-serif; font-size: 0.8rem;
}
.side-right .form-row label {
	font-size: 0.8rem;
}
.side-right .skjh {
	font-size: 0.8rem;
}
.side-right .skjh span {
	float: right;
}
.dfr {
	padding: 35px 10px; text-align: center;
}
.dfr .btn {
	margin: auto; padding: 5px 40px; border-radius: 50px; float: none;
}
.copyco {
	right: 55px; bottom: 13px; font-size: 0.8rem; position: absolute;
}
.slid-roo {
	padding: 70px; bottom: 0px; color: rgb(255, 255, 255); position: absolute;
}
.slid-roo p {
	padding-bottom: 20px; font-size: 0.9rem;
}
.slid-roo ul li {
	padding: 10px; font-size: 0.8rem; float: left;
}