/*
____________________________________________________________________________
CSS DOCUMENT ***

 * Authored by Brad Shaw
 * brad@directmediaworks.com
 * www.directmediaworks.com

 * Copyrights, credits and inspiration are noted in the humans.txt file

____________________________________________________________________________
CONTENTS ***

____________________________________________________________________________
COLOUR PALETTE ***

 * #XXXXXX = primary light
 * #XXXXXX = primary dark
 * #XXXXXX = secondary light
 * #XXXXXX = secondary dark
 * #XXXXXX = tertiary light
 * #XXXXXX = tertiary dark


/*
____________________________________________________________________________
GRID ***/

/* uncomment to turn on outlining on all elements for debugging purposes */
/** {
	outline: 1px dotted red;
}*/

/* uncomment to turn on highlighting on all equal height elements for debugging purposes */
/*.equal {
	background: rgba(255,0,0,.25);
}*/

/* overrides the default Bootstrap gutter width of 30px (15px x 2), row must be the inverse of column */
[class*="col-"] {
	padding: 0 10px;
}

.row {
	margin: 0 0px;
}

/*
____________________________________________________________________________
END GRID ***/

/*
____________________________________________________________________________
TYPOGRAPHY ***/
@font-face {
	font-family: 'VAG Rounded Pro Light';
	src: url('fonts/VagRoundedLight.ttf') format('truetype');
	font-style: normal; }
	
@font-face {
	font-family: 'VAG Rounded Pro Light1';
	src: url('fonts/vagrounded-light.woff') format('woff');
	font-style: normal; }
	
@font-face {
	font-family: 'VAG Rounded Pro Light2';
	src: url('fonts/vagrounded-light-webfont.woff') format('woff');
	font-style: normal; }

@font-face {
	font-family: 'VAG Rounded Pro Bold';
	src: url('fonts/VagRoundedBt.ttf') format('truetype');
	font-style: bold; }
	
body {
	font: 18px/1.5 'VAG Rounded Pro Light', sans-serif;
	color: #333;
	font-family: 'VAG Rounded Pro Light1';
}
input, textarea, select{
	font-family: 'VAG Rounded Pro Light2';
}
p, ul, li,a, small {
    font-family: 'VAG Rounded Pro Light1';
}

input[type="password"]{
    font-family: sans-serif;
    font-weight: 500;
}
@media (max-width: 575px) {
	input, textarea, select, input[type="password"]{
		font-family: 'VAG Rounded Pro Light';
	}
	@supports (-webkit-touch-callout: none) {
	  input, textarea, select, input[type="password"]{
		  font-family: 'VAG Rounded Pro Light1';
	  }
	}
}

input[type="password"]::placeholder { 
	font-family: 'VAG Rounded Pro Light1';
}

input[type="password"]:-ms-input-placeholder { 
  font-family: 'VAG Rounded Pro Light1';
}

input[type="password"]::-ms-input-placeholder { 
  font-family: 'VAG Rounded Pro Light1';
}

/*
____________________________________________________________________________
Headings */
	
h1, h2, h3, h4, h5, h6, h1 a, h2 a, h3 a, h1 a:hover, h2 a:hover, h3 a:hover {
	margin-top: 0;
	font-family: 'VAG Rounded Pro Bold', sans-serif;
	line-height: 1.1;
	color: rgb(247,147,30);
}
.h2text{
	margin-top: 0;
	font-family: 'VAG Rounded Pro Bold', sans-serif;
	line-height: 1.1;
	color: rgb(247,147,30);
    font-size: 32px;
    margin-bottom: 20px;
}
h1 {
	font-size: 36px;
	margin-bottom: 30px;
}

h2 {
	font-size: 32px;
	margin-bottom: 20px;
}

h3 {
	font-size: 24px;
	margin-bottom: 10px;
}

h4 {
	font-size: 21px;
	line-height: 1.2;
	margin-bottom: 10px;
}

h5 {
	font-size: 18px;
	line-height: 1.2;
	margin-bottom: 10px;
}

h6 {
	font-size: 16px;
	line-height: 1.2;
	margin-bottom: 10px;
}


h4, h5, h6, h4 a, h5 a, h6 a, h3.sub, h4.sub, h5.sub, h6.sub {
	color: #666;
}

/*
____________________________________________________________________________
Other */
blockquote small, blockquote .small{
	font-size:18px;
}
small {
	font-size: 65%;
}
#frmRegister span.message_form, .bthinq_parent_reg span.message_form, .bthinq_parent_reg_live span.message_form {
	font-size: 65%;
}
.attention {
	color: #ff0000;
}

p {
	margin-bottom: 20px;
}

p + h2, p + h3, ul + h2, ul + h3, ol + h2, ol + h3 {
	margin-top: 40px;
}

strong {
	font-family: 'VAG Rounded Pro Bold', sans-serif;
	font-weight: normal;
}

hr {
	clear: both;
}

/*
____________________________________________________________________________
Links */

#nohover a, a:hover {
	text-decoration: none;
}

a, a:active {
	color: rgb(247,147,30);
	text-decoration: none;
}

a:hover {
	color: rgb(247,147,30);
	text-decoration: underline;
}

/*
____________________________________________________________________________
Blockquotes */

blockquote {
	margin: 20px 0 20px 60px;
	padding: 0;
	border: none;
}

blockquote:before {
	margin-left: -60px;
	font-family: 'FontAwesome';
	font-size: 48px;
	line-height: 1;
	color: #ccc;
	float: left;
	text-decoration: none;
	content: "\f10d";
}

/*
____________________________________________________________________________
List Styles */

ul {
	margin: 0px 0 20px 50px;
	padding: 0;
	list-style: disc outside;
}

ol {
	margin: 0px 0 20px 50px;
	padding: 0;
	list-style: decimal outside;
}
body.single-post .custom_blog_text ul, body.single-post .custom_blog_text ol{
	margin: -10px 0 20px 50px;
}
li ul,
li ol {
	margin-bottom: 0;
}

.plain {
	list-style: none;
	margin: 0 0 20px 0;
}

.latin {
	list-style-type: lower-latin;
}

.roman {
	list-style-type: lower-roman;
}

.bullets li {
	margin: 0 0 0 -24px;
	padding: 0 0 0 24px;
	list-style: none;
	background: url(img/bullet-round-blue.png) 0 0 no-repeat;
}

.squares li {
	margin: 0 0 0 -24px;
	padding: 0 0 0 24px;
	list-style: none;
	background: url(img/bullet-square-blue.png) 0 0 no-repeat;
}

.arrows li {
	margin: 0 0 0 -24px;
	padding: 0 0 0 24px;
	list-style: none;
	background: url(img/bullet-arrow.png) 0 0 no-repeat;
}

.stars li {
	margin: 0 0 0 -24px;
	padding: 0 0 0 24px;
	list-style: none;
	background: url(img/bullet-star.png) 0 0 no-repeat;
}

.smallchecks li {
	margin: 0 0 0 -24px;
	padding: 0 0 0 24px;
	list-style: none;
	background: url(img/bullet-checkmark-green-small.png) 0 0 no-repeat;
}

.largechecks li {
	margin: 0 0 0 -28px;
	padding: 0 0 0 28px;
	font-family: 'VAG Rounded Pro Bold', sans-serif;
	font-size: 19px;
	font-weight: 400;
	line-height: 24px;
	list-style: none;
	background: url(img/bullet-checkmark-green-large.png) 0 0 no-repeat;
}

.color {
	color: #ee0000;
}

.color_bullets {
	color: #333;
}

.list-unstyled {
	margin-left: 0;
}

/*
____________________________________________________________________________
END TYPOGRAPHY ***/

/*
____________________________________________________________________________
STRUCTURE ***/

/*
____________________________________________________________________________
Vertical Align Center */

.vertical-wrapper {
	display: table;
	table-layout: fixed;
	width: 100%;
	height: 100%;
}

.vertical-center {
	display: table-cell;
	vertical-align: middle;
}

.vertical-bottom {
	display: table-cell;
	vertical-align: bottom;
}

/*
____________________________________________________________________________
Preheader */

.preheader {
	position: relative;
	width: 100%;
	background: url(img/bg-phonics-hero.png) rgb(0, 42, 100);
	z-index:100;
}

.preheader [class*="col-"] {
	height: 54px;
	}

.preheader h3, .preheader h4, .preheader h5 {
	margin: 0;
	color: #fff;
}

.preheader a {
	color: #fff;
}

.login-header {
	text-align: right;
}


#top-menu-small {
	display:none;
}
/*
____________________________________________________________________________
Main Header */

.navbar-brand {
	padding-top: 15px;
	padding-bottom: 15px;
	padding-left:30px;
}

/*
____________________________________________________________________________
Navigation */

/* top nav */
.navbar {
	margin-bottom: 0;
}

.navbar [class*="col-"] {
	/*height: 110px;*/
}

.navbar-default {
	background: rgb(247,147,30);
	/*box-shadow: 0 2px 3px rgba(0,0,0,.25);*/
	border-radius: 0;
	border-width: 0;
}

.nav.navbar-nav a {
	font-family: 'VAG Rounded Pro Bold', sans-serif;
	padding: 3px 0;
	margin: 0 8px;
	color: rgb(255,255,255) !important;
	border-bottom: 3px solid rgba(255,255,255,0);
	font-size:20px;
}

.nav.navbar-nav a:hover, .nav.navbar-nav .current-menu-item a {
	color: rgb(255,255,255) !important;
	border-bottom: 3px solid rgba(255,255,255,1);
}

/* side nav */
.side-nav {
	margin-bottom: 20px;
	margin-left: 0;
}

.nav.side-nav a {
	font-family: 'VAG Rounded Pro Bold', sans-serif;
	padding: 3px 0 3px 12px;
	color: #777;
	border-bottom: 2px solid #eee;
}

.nav.side-nav .nav a {
	font-family: 'VAG Rounded Pro Light1', sans-serif;
	font-size: 16px;
	padding: 3px 0 3px 12px;
	border-bottom: 1px solid #eee;
}

.nav.side-nav a:hover, .nav.side-nav .current-menu-item>a {
	color: rgb(0,42,100) !important;
	background: #fff;
}

.nav.side-nav a:hover:before, .nav.side-nav .current-menu-item>a:before {
	float: left;
	margin: 0 0 0 -12px;
	font-family: FontAwesome;
	font-size: 18px;
	color: rgb(0,42,100);
	content: "\f0da";
}

.nav.side-nav .nav a:hover:before, .nav.side-nav .nav .current-menu-item>a:before {
	font-size: 16px;
}


/* store nav */
.store-nav {
	margin-bottom: 20px;
	margin-left: 0;
}

.nav.store-nav a {
	font-family: 'VAG Rounded Pro Bold', sans-serif;
	padding: 3px 0 3px 12px;
	color: #777;
}

.nav.store-nav .nav a {
	font-family: 'VAG Rounded Pro Light', sans-serif;
	font-size: 16px;
	padding: 3px 0 3px 12px;

}

.nav.store-nav a:hover, .nav.store-nav a {
	color: rgb(0,42,100) !important;
	background: #fff;
}

.nav.store-nav a:hover:before, .nav.store-nav .current-menu-item>a:before {
	float: left;
	margin: 0 0 0 -12px;
	font-family: FontAwesome;
	font-size: 18px;
	color: rgb(0,42,100);
	content: "\f0da";
}

.nav.store-nav .nav a:hover:before, .nav.store-nav .nav .current-menu-item>a:before {
	font-size: 16px;
}

/*
____________________________________________________________________________
Subheader */

/*
____________________________________________________________________________
Breadcrumbs */

/*
____________________________________________________________________________
Feature */

.content {
	padding-top: 40px;
	padding-bottom: 40px;
}

.jumbotron {
	position: relative;
	padding: 540px 0 0 0;
	margin: 0;
	background: url(img/featured-01.jpg) fixed center top no-repeat;
	background-size: cover width;
}

.jumbotron h1, .jumbotron h3 {
	color: #fff;
	text-shadow: 1px 1px 2px rgb(0,0,0);
}

.jumbotron h1 {
	font-size: 48px;
	margin-bottom: 20px;
}

.jumbotron h3 {
	margin-bottom: 20px;
}

.jumbotron .caption {
	width: 100%;
	padding: 20px 0 10px;
	position: absolute;
	bottom: 0;
	background: rgba(6,35,77,.75);
}

.full-width {
	width: 100%;
}

.grr-callout {
	background: rgb(247,147,30);
}

.grr-callout [class*="col-"] {
	height: 98px;
}

.grr-callout h5 {
	margin: 0;
	color: #fff;
}

.masthead {
	margin-bottom: 20px;
}

.feature {
	margin-bottom: 20px;
}

.australia {
	padding: 20px 0;
}

.australia hr {
	margin-bottom: 40px;
}

/*
____________________________________________________________________________
Video and Maps */

.video-wrapper, .map-wrapper {
	position: relative;
	margin: 0 0 20px;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}

.video-wrapper-home {
	position: relative;
	margin: 0 0 20px;
	padding-bottom: 56.25%; /* 16:9 */
	/*padding-top: 25px;*/
	height: 0;
}

.video-wrapper iframe, .map-wrapper iframe, .video-wrapper-home video {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/*
____________________________________________________________________________
Responsive youtube */

.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 0px; height: 0; overflow: hidden;
}
 
.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}



/*
____________________________________________________________________________
Images */

.img-header {
	margin-bottom: 20px;
}

.img-wrapper-left {
	float: left;
	width: 33.333333%;
	margin: 0 20px 20px 0;
}

.img-wrapper-right {
	float: right;
	width: 33.333333%;
	margin: 0 0 20px 20px;
}

.img-responsive {
	margin-right: auto;
	margin-left: auto;
}

.img-thumbnail {
	border-radius: 10px;
}

.caption {
	display: block;
	margin-top: 5px;
	/*font-size: 65%;*/
	text-align: center;
	color: #999;
}

.icon {
	margin-right: 10px;
}

/*
____________________________________________________________________________
Tables */

.table {
	border-bottom: 2px solid #ccc;
	margin-bottom: 40px;
}

.table h2, table h3 {
	margin-bottom: 0;
}

.sot>thead>tr>th {
	font-family: 'VAG Rounded Pro Bold', sans-serif;
	font-weight: normal;
	font-size: 30px;
	color: rgb(247,147,30);
	text-align: center;
}

.sot>tbody>tr>td {
	vertical-align: middle;
}

.sot .subheader td {
	font-family: 'VAG Rounded Pro Bold', sans-serif;
	font-weight: normal;
	font-size: 21px;
	color: #666;
}

.sot .level {
	width: 10%;
}

.sot .target, .sot .camera, .sot .goal {
	width: 30%;
}

.sot .target-two {
	width: 60%;
}

.sot .target-three {
	width: 90%;
}

.as .level {
	width: 10%;
}

.as .say, .as .nonsense, .as .camera, .question {
	width: 30%;
}

.analytic, .synthetic {
	width: 35%;
}

/*
____________________________________________________________________________
Footer */

footer {
	width: 100%;
}

/*
____________________________________________________________________________
Prefooter */

.prefooter {
	padding: 15px 0 0px 0;
	background: url(img/bg-phonics-hero.png) rgb(0, 42, 100);
}

.prefooter h3, .prefooter h4, .prefooter a {
	color: #fff;
}

.prefooter a:hover .fa {
	text-decoration: none
}

.social {
	text-align: center;
}

.newsletter {
	margin-bottom: 40px;
	text-align: center;
}

/*
____________________________________________________________________________
Main Footer */

.footer {
	padding: 60px 0;
	color: #fff;
	background: rgb(6,35,77);
}

/*
____________________________________________________________________________
Subfooter */

.subfooter {
	padding: 20px 0;
	color: #ccc;
	background: #000;
}

.copyright {
	text-align: left;
}

.terms {
	text-align: right;
}

.subfooter a {
	color: #ccc;
}

.subfooter a:hover {
	color: #fff;
}

/*
____________________________________________________________________________
END STRUCTURE ***/

/*
____________________________________________________________________________
FORMS ***/

label {
	font-family: 'VAG Rounded Pro Bold', sans-serif;
	font-weight: normal;
	color: #666;
}
#commentform label{
	font-family: 'VAG Rounded Pro Light1';
	display:none;
}
#commentform p.comment-form-cookies-consent label{
	 display: contents;
}
#commentform input[type="submit"]{
	font-family: 'VAG Rounded Pro Bold', sans-serif;
	color: #666;
	margin-top: 15px;
}
.hideme {
	display:none;
}



/* Parent Signup Form */
.parent-signup-form {
	overflow: auto;
}

.parent-signup-form > form {
    border: 3px solid #ccc;
    padding: 10px 15px 10px 15px;
}

.parent-signup-form .please-wait {
	margin-bottom: 20px;
}

/* Teacher Signup Form */
.teacher-signup-form {
	overflow: auto;
}

.teacher-signup-form > form {
    border: 3px solid #ccc;
    padding: 10px 15px 10px 15px;
}

.teacher-signup-form .please-wait {
	margin-bottom: 20px;
}

.please-wait {
	display:none;
}
/*
_____________________________________________________________________________
Buttons */

.btn {
	font-family: 'VAG Rounded Pro Bold', sans-serif;
	white-space: normal;
}

.btn small {
	font-size: 65%;
	font-family: 'VAG Rounded Pro Light', sans-serif;
}

.fa-facebook-square:hover {
	color: rgb(59,89,152);
}

.fa-twitter-square:hover {
	color: rgb(0,172,237);
}

.fa-google-plus-square:hover {
	color: rgb(221,75,57);
}

.fa-youtube-square:hover {
	color: rgb(238,45,67);
}

.fa-pinterest-square:hover {
	color: rgb(203,32,39);
}

.fa-linkedin-square:hover {
	color: rgb(9,119,181);
}

.btn-login {
	padding-left: 60px;
	background: #428bca url(img/button-login-bg-small.png) 0 0 no-repeat;
}

.btn-login:active {
	background: #3276b1 url(img/button-login-bg-small.png) 0 0 no-repeat;
}

form#childFormLogin .btn-login-lrg {
	background: #428bca url(img/button-login-bg-large.png) 0 0 no-repeat;
}

form#childFormLogin .btn-login:-lrgactive {
	background: #3276b1 url(img/button-login-bg-large.png) 0 0 no-repeat;
}

/* parent login */
form#parentFormLogin .btn-lg {
	background: #428bca url(img/button-parents-login-bg-large.png) 0 0 no-repeat;
}

form#parentFormLogin .btn-login:-lrgactive {
	background: #3276b1 url(img/button-parents-login-bg-large.png) 0 0 no-repeat;
}

/* teacher login */
form#teacherFormLogin .btn-lg {
	background: #428bca url(img/button-teacher-login-bg-large.png) 0 0 no-repeat;
}

form#teacherFormLogin .btn-login:-lrgactive {
	background: #3276b1 url(img/button-teacher-login-bg-large.png) 0 0 no-repeat;
}
/*
____________________________________________________________________________
END FORMS ***/

/*
____________________________________________________________________________
MEDIA QUERIES ***/

/*
____________________________________________________________________________
Global Transitions */

.fa, .nav a {
	-webkit-transition: all .2s ease-in-out;
	   -moz-transition: all .2s ease-in-out;
		 -o-transition: all .2s ease-in-out;
			transition: all .2s ease-in-out;
}


@media screen and (max-width: 1200px) {

	.preheader [class*="col-"] {
		height: 62px;
	}

	.navbar [class*="col-"] {
		/*height: 109px;*/
	}

	.grr-callout [class*="col-"] {
		height: 86px;
	}
	
.iframe_box_tour{
     width: 100% !important;
	height:150px;
	}
	.hr-margin-0{
		margin:0px;
	}
}
/* @media (min-width: 1200px) { 
	.sign_up_teach{
		margin-left: 33px;
	}
	#parentMailchimp{
		    top: 18px!important;
	}
} */
@media screen and (max-width: 992px) {

	.preheader [class*="col-"] {
		/*height: 62px; */
	}

	.navbar [class*="col-"] {
		/*height: 83px;*/
	}

	.grr-callout [class*="col-"] {
		/*height: 103px;*/
	}

	.navbar-nav {
		font-size:smaller;
	}
	iframe{
	width: 100%;
}

}



/* styles for mobile */
@media screen and (max-width: 768px) {

	.preheader [class*="col-"] {
		height: auto;
	}

	.preheader {
		padding: 20px 0;
	}

	.navbar [class*="col-"] {
		height: auto;
	}

	.grr-callout [class*="col-"] {
		height: auto;
	}

	.grr-callout {
		padding: 20px 0;
	}

	.strapline,
	.login-header,
	.grr-logo,
	.copyright,
	.terms {
		text-align: center;
	}

	.strapline,
	.grr-logo {
		margin-bottom: 20px;
	}



}

@media screen and (max-width: 480px) {

	#top-menu-small {
		display:block;

	}

	#top-menu-normal {
		display:none;
	}
	.post_border_cls{
		border: 2px solid red;
		padding: 3%;
		margin-top: 10px;
	}
}
@media screen and (max-width: 600px) {
	.game_bottom{
		border-bottom: 1px solid #ccc;
		padding-bottom: 15px;	
	}
}
img {
	max-width: 100%;
	display: block;
}
/*
____________________________________________________________________________
END MEDIA QUERIES ***/
input::placeholder, input {
    overflow: visible;
}
.support_contact .form-group, .bthinq_login .form-group{
	position:relative;
}
.requiredSymbol {
    color: red;
    position: absolute;
}
.activate_my_account label.error, .forgotpass_n label.error, .forgotpass_live label.error, .bthinq_parent_reg label.error, .bthinq_parent_reg_live label.error{
	position:inherit;
} 
.create_new_pass label.error{
	position: relative;
    bottom: 0;
    left: 3px;
    right: 0;
}
label.error {
    color: red;
    position: absolute;
    bottom: -6px;
    right: 5px;
    font-weight: 100;
    font-size: 12px;
    font-family: 'VAG Rounded Pro Light1';
}
label {
    display: inline-block;
    margin-bottom: .5rem;
} 
.support_contact .loadder{
	position: absolute;
    bottom: 10px;
    right: -12px;
}
.conact_support_form{
	border: 1px solid #ddd;
    padding: 10px;
}
/*
____________________________________________________________________________
NEW MEDIA QUERIES ***/
@media screen and (max-width: 767px) {
	.header_logo_box_row{
		    padding: 15px 0px;
	}
	.header_logo_box_row .navbar-header{
		 padding-bottom: 10px;
	}
	.header_logo_box{
	margin-bottom: -70px	
	}
	
	.header_logo_box img{
	    width: 70px;
}
	iframe{
	width: 100%;
    height: 300px;
}
	.iframe_box{
		width: 100%;
    height: 300px !important;
		padding:0px !important;
	}
	.comment-respond p.comment-form-comment textarea,
	.comment-respond p.comment-form-author input#author,
	.comment-respond p.comment-form-email input#email,
    .comment-respond p.comment-form-url input#url {
		width:100%;
}
	.phonicshero-video{
		max-width:100% !important;
		padding: 0 10px !important;
	}
	.phonicshero_image{
	width: 100%;
    height: auto;
}
	.comment-body a{
      word-break: break-all;
	}
	.phonicshero_new_sound_section{
		margin-bottom:20px;
	}
	.home_page_section_2_image{
		 text-align:center;
		margin-bottom:20px;
		padding: 20px !important
	}
	 .home_page_section_2_uk {
        text-align: center !important;
  }
	.phonicshero_new_sound_checkbox{
		  display: block !important;
		    padding-bottom: 10px;
	}
	.pronounce-the-sounds-table-box{
		overflow-x:auto;
	}
	.pronounce-the-sounds-table-box table{
		 border-collapse: collapse !important;
         width: 100% !important;
	}
	.distributors_image_box{
		width:200px !important;
	}
	.distributors_image_box_1{
		width:250px !important;
	}
	.mobile_award {
    padding: 20px;
}
	.footer_contact {
    text-align: center;
}
	.nav.side-nav .nav a{
		padding:6px;
	}
	.iframe_box_tour{
     width: 100%;
    height: 180px !important;
	}
	.hr-margin-0{
		margin:0px;
	}
	.homeschool_dropdown{
		width:100%;
	}
}
@media screen and (max-width: 480px){
.post_border_cls {
    border: 1px solid #6B6E76 !important;
}
}
@media screen and (max-width: 360px) {
.free-for-teachers-new-label{
	width:91% !important;
}
}
#loading-overlay {
    position: absolute;
    width: 100%;
    height:100%;
    left: 0;
    top: 0;
    display: none;
    align-items: center;
    background-color: #000;
    z-index: 999;
    opacity: 0.5;
}
.loading-icon{ 
	position:relative;
	/* left:44%; */
	top:50%;
	z-index:4;
}
.g-recaptcha iframe{
	height:78px;
}
/* END CSS DOCUMENT ***/
.teacherfont input[type="text"]{
font-family: sans-serif;
}
form[name="newTeacherForm"] input[type="text"],
form[name="newTeacherForm"] input[type="password"],
form[name="newTeacherForm"] input[type="email"] {
	border: 1px solid #ccc;
	border-radius: 4px;
	padding: 10px;
	height: 45px;
	font-size: 16px;
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
	color: #555555;
	margin-top: 5px;
	margin-bottom: 5px;
	transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
	width: 100%;
}

form[name="newTeacherForm"] input[type="text"]:focus,
form[name="newTeacherForm"] input[type="email"]:focus {
	border-color: #66AFE9;
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(102, 175, 233, 0.6);
	outline: 0 none;
}

form[name="newTeacherForm"] button[type="submit"] {
	border-radius: 4px;
	height: 45px;
	padding: 5px;
	color: #ffffff;
	border: 1px solid #5cb85c;
	background: #5cb85c;
	font-size: 16px;
    width: 100%;
    line-height: 16px;
}

.dropDown1 {
	border: 1px solid #ccc;
	border-radius: 4px;
	padding: 10px;
	height: 45px;
	color: #696969;
	font-size: 16px;
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
	transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
	width: 100%;
	margin-top: 5px;
}
form[name="newTeacherForm"] .form-group, .frmContact .form-group, .portal_login .form-group{
	position:relative;
}
.qa_teacher_register label.error, .portal_teacher_register label.error{
	position:relative;
	bottom:5px;
	padding: 0 10px;
}
.qa_teacher_register span.message_form{
	font-size:50%;
}
@media screen and (max-width: 767px){
	form[name="newTeacherForm"] input, form[name="newTeacherForm"] select{
		width:100%;
	}

}
/* Checkbox Style */
.inputcheckboxcontainer {
	display: block;
	position: relative;
	padding-left: 28px;
	margin-bottom: 12px;
	cursor: pointer;
	font-size: 22px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	top: 8px;
  }
  
  .inputcheckboxcontainer input {
	position: absolute;
	opacity: 0;
	cursor: pointer;
	height: 0;
	width: 0;
  }
  .checkmark {
	position: absolute;
	top: 0;
	left: 0;
	height: 18px;
	width: 18px;
	background-color: #fff;
	border: 2px #428bca solid;
  }
  .inputcheckboxcontainer:hover input ~ .checkmark {
	background-color: #accce7;
  }
  .inputcheckboxcontainer input:checked ~ .checkmark {
	background-color: #428bca;
  }
  .checkmark:after {
	content: "";
	position: absolute;
	display: none;
  }
  .inputcheckboxcontainer input:checked ~ .checkmark:after {
	display: block;
  }
  .inputcheckboxcontainer .checkmark:after {
	left: 4px;
	top: 3px;
	width: 5px;
	height: 8px;
	border: solid white;
	border-width: 0 2px 2px 0;
	-webkit-transform: rotate(35deg);
	-ms-transform: rotate(35deg);
	transform: rotate(35deg);
  }
  .mejs-container, .mejs-container .mejs-controls, .mejs-embed, .mejs-embed body{
	background: #c9c9c9 !important;
    border-radius: 15px;
  }