@font-face {
	font-family: "ZonaPro";
	src: url(../../fonts/ZonaPro-Light.otf) format("truetype");
}

/*murali starts*/
.ZonaPro-mobile {
	font-family: "ZonaPro", Verdana, Tahoma;
    font-size: x-large;
    font-weight: bold;
}

.answer-nav-btn-mobile{
	text-align: center;
	border-radius: 5px;
	height: 45px;
	color: white;
	width: 50px;
}
/*murali ends*/

.ZonaPro {
	font-family: "ZonaPro", Verdana, Tahoma;
	font-weight: bold;
}

.dropdown {
	position: relative;
	display: inline-block;
}

.dropdown-mobile {
	position: relative;
	display: inline-block;
}

.dropdown-content {
	display: none;
	position: absolute;
	background-color: white;
	min-width: 150px;
	box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
	padding: 12px 16px;
	font-size: 14px;
	right: 0;
}

.dropdown-mobile-content {
	display: none;
	position: absolute;
	background-color: white;
	min-width: 700%;
	box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
	padding: 50% 50%;
	font-size: 45px;
	right: 0;
}

.dropdown:hover .dropdown-content {
	display: block;
}

.dropdown-mobile:hover .dropdown-mobile-content {
	display: block;
}

.orange:hover {
	color: #FC8A40 !important;
}

.yellow:hover {
	color: yellow !important;
}

#titlebar {
	height: 200px;
}

.titlebar-h2 {
	padding-top: 120px;
	font-weight: bold;
}

.baseContainer {
	width: 85%;
	position: relative;
	margin: 0 auto;
	line-height: 1.4em;
	border-radius: 25px;
	background-color: #F6DA8A;
}

.baseSubContainer {
	position: relative;
	margin: 0 auto;
	line-height: 1.4em;
	border-radius: 25px;
}

.invisibleBaseContainer {
	width: 90%;
	position: relative;
	margin: 0 auto;
	line-height: 1.4em;
}

.error {
	color: red;
	font-weight: bold;
}

.offer {
	color: #FC8B3E;
	font-weight: bold;
}

.info {
	color: green;
	font-weight: bold;
}

.header-mobile {
	position: static;
	width: 100%;
	display: block;
	z-index: 1000;
	margin: 0px auto 0px auto;
	height: 90px;
	background-color: #F9F9FA;
	top: 0;
}

.header {
	position: fixed;
	width: 100%;
	display: block;
	z-index: 100;
	margin: 0px auto 0px auto;
	height: 90px;
	background-color: #F9F9FA;
	top: 0;
}

.header-mobile-logo {
	position: absolute;
	padding-left: 5%;
	padding-top: 5%;
	width:65%;
}

.header-logo {
	position: absolute;
	padding-left: 20px;
	padding-top: 10px;
	width: 260px;
}


.header-container {
	position: absolute;
	z-index: 101;
	float: right;
	right: 0;
	padding-right: 50px;
	padding-top: 32px;
}

.header-mobile-container {
	position: absolute;
	z-index: 101;
	float: right;
	right: 0;
	padding-right: 5%;
	padding-top: 8%;
}

.header-menu {
	text-decoration: none !important;
	color: #000000;
	font-size: 16px;
	font-weight: bold;
}

.header-menu-highlighted {
	text-decoration: none !important;
	color: #FC8A40;
	font-size: 16px;
	font-weight: bold;
}

.header-sub-menu {
	text-decoration: none !important;
	color: white;
	font-weight: bold;
}

.header-sub-menu-container {
	background-color: #4FC9FA;
	line-height: 170%;
}

.header-menu-ddbtn {
	background-color: white;
	border: 1px solid #A0A0A0;
}

.workbook-image {
	cursor: pointer;
	max-width: 300px;
}

.workbook-image-dashboard {
	cursor: pointer;
	max-width: 200px;
}

@media only screen and (min-width: 801px) {
	.header-wider {
		display: block;
	}
	.header-narrow {
		display: none;
	}
	#speedReadBtnSep{
		display: none;
	}
}

@media only screen and (max-width: 800px) {
	.header-wider {
		display: none;
	}
	.header-narrow {
		display: block;
	}
	#speedReadBtnSep{
		display: block;
	}
}

input[type="text"],input[type="date"],input[type="password"],input[type="number"],input[type="email"],textarea,select
	{
	width: 100%;
	font-size: 15px;
	padding: 7px 15px;
	border: 1px solid #C0BFBB;
}

.font-18 {
	font-size: 18px;
}

.submit-btn {
	text-align: center;
	border-radius: 5px;
	border: 1px solid #3CB868;
	background-color: #3CB868;
	border-width: 0 0 2px 0;
	border-bottom-color: #31a058;
	color: white;
	font-weight: bold;
	font-size: 18px;
	height: 40px;
	width: 150px;
}

.answer-nav-btn{
	text-align: center;
	border-radius: 5px;
	height: 25px;
	color: white;
	width: 30px;
}

.subscribe-btn-orange {
	text-align: center;
	border-radius: 5px;
	border: 1px solid #FC8B3E;
	background-color: #FC8B3E;
	border-width: 0 0 2px 0;
	border-bottom-color: #C94727;
	color: white;
	font-weight: bold;
	font-size: 18px;
	height: 40px;
	width: 150px;
	border-bottom-color: #C94727;
}

.getstarted-btn-orange {
	text-align: center;
	border-radius: 5px;
	border: 1px solid #FC8B3E;
	background-color: #FC8B3E;
	border-width: 0 0 2px 0;
	border-bottom-color: #C94727;
	color: white;
	font-weight: bold;
	font-size: 18px;
	height: 50px;
	width: 190px;
	border-bottom-color: #C94727;
}

.subscribe-btn-blue {
	text-align: center;
	border-radius: 5px;
	border: 1px solid #0F73BD;
	background-color: #0F73BD;
	color: white;
	font-weight: bold;
	font-size: 18px;
	height: 40px;
	width: 150px;
}

.call-me-btn {
	text-align: center;
	border-radius: 5px;
	border: 1px solid #FC8B3E;
	background-color: #FC8B3E;
	color: white;
	font-weight: bold;
	font-size: 16px;
	height: 30px;
}

.assessment-close-btn{
	text-align: center;
	border-radius: 5px;
	border: 1px solid #0F73BD;
	background-color: #0F73BD;
	color: white;
}

.modal-submit-btn {
	text-align: center;
	border-radius: 5px;
	border: 1px solid #FC8B3E;
	background-color: #FC8B3E;
	border-width: 0 0 2px 0;
	border-bottom-color: #C94727;
	color: white;
	font-weight: bold;
	font-size: 18px;
	width: 100%;
	border-bottom-color: #C94727;
}

.modal-close-btn {
	color: white;
	position: absolute !important;
	font-size: 18px;
	top: 18px;
	right: 18px;
	cursor: pointer;
}

.package-header {
	border-top-left-radius: 25px;
	border-top-right-radius: 25px;
}

.package-footer {
	border-bottom-left-radius: 25px;
	border-bottom-right-radius: 25px;
}

.package-content {
	text-align: left;
	width: 70%;
}

.package-content-mobile {
	text-align: left;
	width: 88%;
}

.cognitive-thumbnail {
	-webkit-box-shadow: 0 0 5px 2px #B5B5B5;
	-moz-box-shadow: 0 0 5px 2px #B5B5B5;
	box-shadow: 0 0 5px 2px #B5B5B5
}

.scrollToTop {
	text-align: center;
	color: #FC802E;
	text-decoration: none;
	position: fixed;
	bottom: 70px;
	right: 30px;
}

.scrollToTop:hover {
	text-decoration: none;
	color: #3CB868;
}

.scrollToTop-mobile {
	text-align: center;
	color: #FC802E;
	text-decoration: none;
	position: fixed;
	bottom: 5%;
	right: 5%;
}

.scrollToTop-mobile:hover {
	text-decoration: none;
	color: #3CB868;
}
.scrollToDown {
	text-align: center;
	color: #FC802E;
	text-decoration: none;
	position: fixed;
	bottom: 30px;
	right: 30px;
}

.scrollToDown:hover {
	text-decoration: none;
	color: #3CB868;
}

.scrollToDown-mobile {
	text-align: center;
	color: #FC802E;
	text-decoration: none;
	position: fixed;
	bottom: 5%;
	right: 5%;
}

.scrollToDown-mobile:hover {
	text-decoration: none;
	color: #3CB868;
}

.sound-toggle {
	top: 100px;
	right: 30px;
	position: fixed;
}

.pad-top-10 {
	padding-top: 10px;
}

.pad-top-15 {
	padding-top: 15px;
}

.pad-top-20 {
	padding-top: 20px;
}

.pad-top-30 {
	padding-top: 30px;
}

.pad-top-40 {
	padding-top: 40px;
}

.pad-top-50 {
	padding-top: 50px;
}

.pad-bottom-10 {
	padding-bottom: 10px;
}

.pad-bottom-15 {
	padding-bottom: 15px;
}

.pad-bottom-20 {
	padding-bottom: 20px;
}

.pad-bottom-30 {
	padding-bottom: 30px;
}

.pad-bottom-40 {
	padding-bottom: 40px;
}

.pad-bottom-50 {
	padding-bottom: 50px;
}

.pad-left-10 {
	padding-left: 10px;
}

.pad-left-15 {
	padding-left: 15px;
}

.pad-left-20 {
	padding-left: 20px;
}

.pad-left-30 {
	padding-left: 30px;
}

.pad-left-40 {
	padding-left: 40px;
}

.pad-left-50 {
	padding-left: 50px;
}

.pad-right-10 {
	padding-right: 10px;
}

.pad-right-15 {
	padding-right: 15px;
}

.pad-right-20 {
	padding-right: 20px;
}

.pad-right-30 {
	padding-right: 30px;
}

.pad-right-40 {
	padding-right: 40px;
}

.pad-right-50 {
	padding-right: 50px;
}

.bgcolor-orange {
	background-color: #F78E21;
}

.bgcolor-darkgreen {
	background-color: #a9c448;
}

.bgcolor-darkblue {
	background-color: #6C8BCE;
}

.bgcolor-lightgreen {
	background-color: #BEDD51;
}

.bgcolor-milddarkyellow {
	background-color: #F1EF88;
}

.bgcolor-darkyellow {
	background-color: #e8e368;
}

.bgcolor-lightgrey {
	background-color: #f7f7f7;
}

.bgcolor-lightviolet {
	background-color: #C5A3AF;
}

.bgcolor-mildblue {
	background-color: #c5eff7;
}

.bgcolor-mildgreen {
	background-color: #9deac2;
}

.bgcolor-pink {
	background-color: #F3798A;
}

.bgcolor-thickgreen {
	background-color: #3CB868;
}

.bgcolor-flatblue{
	background-color: #28AEE2;
}

.bgcolor-red{
	background-color: red;
}

.border-color-red{
	border: 1px solid red !important;
}

.border-color-thickgreen{
	border: 1px solid #3CB868 !important;
}

.width-85 {
	width: 85% !important;
}

.width-90 {
	width: 90% !important;
}

.social-icons {
	left: 0;
	padding-left: 5px;
	position: fixed;
	line-height: 0;
	top: 30%;
	z-index: 9;
	float: left;
}

.social-icons-nonbox {
	right: 0;
	padding-left: 5px;
	position: fixed;
	line-height: 0;
	top: 0%;
	z-index: 9;
	float: left;
	}