body{background: #F7921F;}

.demo-wrapper {
  width: 100%;
  height:100%;
  perspective: 3300px;
  position: relative;
}
.welcome_page{width: 100% !important;}
.user_details , .welcome_page , .guest_details { width: 40%; margin: auto; min-height: 470px; padding: 30px 0 0 0;}
.bgimage{width: 67%; margin: 0; float: left;margin-top: 50px;}
.bgimage div{width: 92%;margin: auto;}

.frm_user_details_game3 { width: 75%; margin: 0 auto; text-align: right;}
/* .welcome_page { width: 50%; margin: 0 auto; text-align: right;} */
/* .form-control  { background: #ffc10742; height: calc(1.5em + .75rem + 15px);} */
#frmPlayerG3 .form-control  { background: #ffc10742; height: calc(1.5em + .75rem + 15px);}
.welcome_page_details h3 { text-align: center; }
.error, .red { color: red; }
.welcome_page_details .red { margin-top:50px; font-weight: bold; font-size: 20px; }
.dashboard {
  margin: 0 auto;
  width: 80%;
  padding: 0;
  /* transform: translateX(200px); */
  opacity:1;
  animation: start 1s ease-out forwards;
}
.full-width { width: 100%; }
.btn-blue { background-color:#fff ; border:1px solid #000; border-radius: 25px; color: #000; font-weight: bold; width: 100%; font-size: 0.8rem;margin-bottom: 10px;}
.btn-yellow { background-color:#ffc107 ; border-radius: 25px; color: #fff; font-weight: bold; border:1px solid #ffc107; width: 100%; height: calc(1.5em + .75rem + 5px);font-size: 0.8rem;margin-bottom: 10px;}
.btn-yellow:hover { background-color:#ffc107; }

.number_box {
    width: 50px;
    background: #fff;
    text-align: center;
    padding: 15px;
	display: inline-block;
	font-weight: 700;
    cursor: pointer;
}
.mb-5px{margin-bottom: 5px;}
.ml-px{margin-left: 4.5px;}
.bg-theme{background: #60fff4;}
.bg-yellow {background-color:#ffc107;}
.bg-yellow-light{background-color: #ffedb9;}
.bg-yellow-light-plus{background-color: #fff4d4f2;}
.answers_game3 {
    text-align: center;
}
.answers_game3 ul {
    margin: 0;
    padding: 0;
    list-style: none;
	margin-bottom: 15px;
}
.answers_game3 ul li {
    display: inline-block;
    /* padding: 0 12px; */
    /* margin: 3px; */
    border: 1px solid #007bff;
    height: auto;
    line-height: 25px;
    background: #fff;
    border-radius: 25px;
    font-size: 13px;
    text-transform: capitalize;
    font-weight: 500;
    color: #007bff;
    cursor: pointer;
    /* min-width: 140px; */
    min-width: auto;
    text-align: center;
    font-weight: bold;
	width: 35px;
}
.answers_game3 ul li.clicked { color:#fff; background: #007bff; }
.answers_game3 ul li.err { color:#fff; background: red; border: 1px solid red; }
.divider{
	width: 100%;
    border: 1px solid #fff;
    margin: 30px 0;
}
.width1{width: 25%;}
.width2{width: 30%;}
.width3{width: 45%;}
.width4{width: 50%;}
.width5{width: 65%;}
@media(max-width: 768px){
	.user_details, .bgimage, .welcome_page{width: 100%;}
	.width1{width: 100%;}
	.width2{width: 100%;}
	.width3{width: 100%;}
	.width4{width: 100%;}
	.width5{width: 100%;}
}
@media(min-width: 3000px){
	.width1{width: 10%;}
	.width2{width: 15%;}
	.width3{width: 20%;}
	.width4{width: 22%;}
	.width5{width: 25%;}
}
.frm_user_details_g3{
    width: 85%;
    margin: 0 auto;
}
.div_point { width: 100%; margin: 10px 0px; float: left; } 

.div_point div {  font-size: 18px; font-weight: bold; color: #f73311; }

#divLoading { display : none; }
#divLoading.show
{
display : block;
position : fixed;
z-index: 100;
background-color:#666;
opacity : 0.4;
background-repeat : no-repeat;
background-position : center;
left : 0;
bottom : 0;
right : 0;
top : 0;
}

#divLoading.show img
{
left : 50%;
top : 50%;
position : absolute;
z-index : 101;
width: 100px;
height: 60px;
margin-left : -16px;
margin-top : -16px;
}

#errorModal .modal-content { height: auto;  width: 300px; margin: 0 auto; }
.rotate {
  animation: rotation 8s infinite linear;
}

.top-header {
    background: #242424;
    padding: 3px 0;
    z-index: 1;
}
.cstm-container {
    margin: 0 auto;
    padding-left: 15px;
    padding-right: 15px;
    width: 100%;
    max-width: 80%;
}
.top-header .mbr_join-holder {
    text-align: right;
    display: flex;
    justify-content: flex-end;
    align-items: center;
}
.top-header .navbar-brand {
    /* background: rgba(255,255,255,1); */
    background: transparent;
    /* padding: 6px 10px; */
    border-radius: 8px;
    max-width: 138px;
}
.top-header .navbar-brand .logo-nav {
    max-width: 100%;
}
.top-header .srch-resource-input {
    justify-content: center;
    display: flex;
    height: 100%;
    align-items: center;
}
.srch-resource-input .form-row {
    position: relative;
}
.srch_btn-holder {
    position: absolute;
    right: 0;
}
.srch_btn-holder .btn {
	padding: 0.355rem .75rem;
}
.srch_btn-holder i {
    color: #7d7d7d;
    transition: 0.6s;
    -webkit-transition: 0.6s;
}
.fa-search:before {
    content: "\f002";
}
.fa, .fas {
    font-weight: 900;
}
.top-header .member-singin a, .top-header .join-edhelp a {
    color: #fff;
    font-size: 13px;
    text-decoration: none;
    font-weight: 500;
    padding: 12px 10px;
    border-radius: 50px;
    transition: 0.8s;
    -webkit-transition: 0.8s;
}
.sr-only {
    border: 0;
    clip: rect(0,0,0,0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}
.srch-resource-input .form-row .form-control {
    background: transparent;
    border-radius: 50px;
    padding: 4px 20px;
    border-color: #5a5a5a;
    outline: none;
    box-shadow: none;
    font-size: 14px;
    color: #fff;
    min-width: 280px;
}
.top-header .member-singin a:hover, .top-header .join-edhelp a:hover {
    color: #242424;
    background: #f5f5f5;
    box-shadow: 0px 4px 6px -1px rgba(0,0,0,0.2);
    text-decoration: none;
}
.footer_bottom{font-weight: 700;color: #fff;}
@media only screen and (max-width: 767px){
	.top-header {
		text-align: center;
	}
	.top-header .member-singin {
		width: 100%;
		text-align: center;
	}
	.user_details , .welcome_page , .guest_details { min-height: auto !important; }
	.btn-yellow { width: 90%; }
}

.detail_screen, .welcome_page_details{
	background: #fff;
    padding: 15px 0 10px 0;
    border-radius: 15px;
	/* box-shadow: 0px 1px 9px 1px rgba(231,166,26,1); */
	/* -webkit-box-shadow: 0px 1px 9px 1px rgba(255,187,0,1); */
	/* -moz-box-shadow: 0px 1px 9px 1px rgba(255,187,0,1); */
	/* box-shadow: 0px 1px 9px 1px rgba(255,187,0,1); */
	-webkit-box-shadow: -2px 2px 16px -5px rgba(0,0,0,0.75);
	-moz-box-shadow: -2px 2px 16px -5px rgba(0,0,0,0.75);
	box-shadow: -2px 2px 16px -5px rgba(0,0,0,0.75);
	display: flow-root;
}
.form-control{
	font-weight: 600 !important;
}
.comment-form .form-control:focus{
	/* border-color: rgba(255,187,0,1); */
	/* box-shadow: 0 0 0 0.2rem rgba(255,187,0,.5); */
	border: 2px solid rgb(26, 115, 232) !important;
	box-shadow: none !important;
}

.text-a {
    color: #007bff !important;
    cursor: pointer;
    font-size: 15px;
	font-weight: 500;
}
.text-a i {
    margin-right: 10px;
    color: #000 !important;
}
.text-a:hover {
    color: #212529 !important;
}

.comment-form .input-border {
	width: 100%;
	left: 0;
}
.comment-form .comment-message-field .input-border {
	width: calc(100% + 2px);
	stroke-width: 0.3rem;
	left: -1px;
}
.comment-form textarea.form-control {
	min-height: 18rem;
}


.form-group.has-error input,
.form-group.has-error textarea {
	border-color: var(--color-danger);
}

.form-group-small input {
	line-height: 2rem;
}

.form-group-small label {
	top: 0.9rem;
}

.subscription-form .form-group {
	margin-bottom: 2rem;
}

.side-nav .form-group.focused .input-txt {
	-webkit-transform: translateY(6rem);
	-ms-transform: translateY(6rem);
	transform: translateY(6rem);
}

@media (max-width: 767px) {
	.side-nav .form-group.focused .input-txt {
		-webkit-transform: translateY(4rem);
		-ms-transform: translateY(4rem);
		transform: translateY(4rem);
	}
}
.under-construction-inner-content .newsletter-content .form-group {
	width: 25rem;
}

.form-group {
	position: relative;
	/* margin-bottom: 3rem; */
}

.form-group.focused input[type="text"]+label,
.form-group.focused input[type="password"]+label,
.form-group.focused input[type="email"]+label,
.form-group.focused input[type="number"]+label,
.form-group.focused input[type="file"]+label,
.form-group.focused textarea+label,
.form-group.focused select+label {
	top: 2.7rem;
	left: 1rem;
	background: #fff;
	padding: 0 1rem;
}

.form-group.focused select {
	color: var(--typo-dark);
}

.form-group label {
	position: absolute;
	top: 0.4rem;
	left: 1.2rem;
	pointer-events: none;
	z-index: 9;
	background: #fff;
}

.form-group.focused input,
.form-group.focused textarea {
	border-color: var(--primary-color);
}

.form-group.focused label {
	top: -0.8rem;
	font-size: 0.9rem;
	color: #1C5FBA;
}

.bg-grey-light-three .form-group label {
	background: var(--grey-light-three);
}

.axil-contact-form-block .form-group label {
	background: var(--color-white);
}

.btn-ggl{ background-color:#1A73E8 !important; border-radius: 4px; color: #fff; font-weight: bold; border:1px solid #1A73E8; width: 100%; height: calc(1.5em + .75rem + 5px);font-size: 0.8rem;margin-bottom: 10px;}
.btn-ggl:hover { background-color:#1C5FBA !important;box-shadow: 0 1px 2px 0 var(--gm-fillbutton-keyshadow-color,rgba(60,64,67,0.3)),0 1px 3px 1px var(--gm-fillbutton-ambientshadow-color,rgba(60,64,67,0.15));}

.text-an {
				color: #007bff;
				cursor: pointer;
				font-size: 20px;
			}
			.text-an:hover {
				color: #000;
			}
			.text-an i {
				margin-right: 10px;
				color: #000 !important;
			}
			.bottom_pginate{
				background: #fff;
				padding: 10px 15px;
				outline: 1px solid #007bff;
				clear: both;
				margin-bottom: 10px;
				display: inline-block;
			}
			.navigation-holder {
    background: #fff;
    box-shadow: 0px 2px 8px 1px rgba(0,0,0,0.05);
    z-index: 1;
}
.fixed-nav {
    <!-- position: sticky; -->
    width: 100%;
    top: 66px;
}
.fixed-nav ~ .about_banner-holder,
.fixed-nav ~ .boxes-contentbx-holder {
    margin-top: 0px;
}
.navigation-holder .navbar {
    padding: 0;
}
.left-nav,
.right-nav {
    width: 100%;
}
.navigation-holder .left-nav {
    justify-content: flex-end;
}
.navigation-holder .right-nav {
    justify-content: center;
}
.center-nav {
    width: 10%;
}
.center-nav .nav-item {
    width: 100%;
    text-align: center;
    position: relative;
}
.center-nav .nav-item .navbar-brand .logo-nav {
    max-width: 160px;
    margin: 5px 0 0 30px;
}
.navigation-holder .nav-item .nav-link {
    color: #0c5179;
    font-size: 16px;
    font-weight: 500;
    padding: 20px 23px;
    transition: 0.8s;
    -webkit-transition: 0.8s;
}
.navigation-holder .nav-item:hover .nav-link,
.navigation-holder .nav-item:focus .nav-link {
    color: #116687;
    background: #f5f5f5;
    /* box-shadow: 0px 0px 4px -1px rgba(0,0,0,0.1); */
}
.navigation-holder .nav-item.active .nav-link {
    color: #0c5179;
    background: #f5f5f5;
    box-shadow: 0px 0px 4px -1px rgba(0,0,0,0.1);
}
.boxes-contentbx-holder {
    padding: 20px 0 60px;
}
.navigation-holder .nav-item .nav-link {
    font-size: 16px;
    font-weight: 500;
	padding: 20px 15px;
}
.collapse:not(.show) {
    display: block;
}
@media only screen and (max-width: 991px){
	.left-nav .nav-item, .right-nav .nav-item {
		display: inline-block;
	}
	.left-nav, .right-nav {
		display: inline-block;
	}
}
@media only screen and (max-width: 1200px){
	.navigation-holder .nav-item .nav-link {
		font-size: 17px;
		padding: 14px 15px;
	}
}
.themefont a{
	font-size: 16px;
    font-weight: 500;
	color: #0c5179;
}