/** @format */

@charset "utf-8";
/* Text highlight Styles
------------------------------------------*/
::selection {
	background: #3498db;
	color: #eee;
}
::-moz-selection {
	background: #3498db;
	color: #eee;
}
::-webkit-selection {
	background: #3498db;
	color: #eee;
}
/* Placeholder Styles
------------------------------------------*/
::-webkit-input-placeholder {
	font: normal 0.875rem/1.5 Calibri, MyIRANSans, Arial, Tahoma;
	color: #3498db;
}
:-moz-placeholder {
	font: normal 0.875rem/1.5 Calibri, MyIRANSans, Arial, Tahoma;
	color: #3498db;
}
/* Icon Fonts
------------------------------------------*/
@font-face {
	font-family: 'icons';
	src: url('./../fonts/icons.eot');
	src: url('./../fonts/icons.eot?#iefix') format('embedded-opentype'),
		url('./../fonts/icons.ttf') format('truetype'), url('./../fonts/icons.woff') format('woff'),
		url('./../fonts/icons.svg#icons') format('svg');
	font-weight: normal;
	font-style: normal;
}
[class^='icon-'],
[class*=' icon-'] {
	font-family: 'icons';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;

	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
/* Fonts
------------------------------------------*/
/* Generated by Font Squirrel (http://www.fontsquirrel.com) on October 29, 2012 */
@font-face {
	font-family: 'MyIRANSans';
	src: url('./../fonts/IRANSans.eot');
	src: url('./../fonts/IRANSans?#iefix') format('embedded-opentype'),
		url('./../fonts/IRANSans.woff') format('woff'),
		url('./../fonts/IRANSans.ttf') format('truetype'),
		url('./../fonts/IRANSans.svg#MyIRANSans') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'MyLeagueGothic';
	src: url('./../fonts/leaguegothic-regular-webfont.eot');
	src: url('./../fonts/leaguegothic-regular-webfont.eot?#iefix') format('embedded-opentype'),
		url('./../fonts/leaguegothic-regular-webfont.woff') format('woff'),
		url('./../fonts/leaguegothic-regular-webfont.ttf') format('truetype'),
		url('./../fonts/leaguegothic-regular-webfont.svg#MyLeagueGothic') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Overpass';
	src: url('./../fonts/overpass-regular-webfont.eot');
	src: url('./../fonts/overpass-regular-webfont.eot?#iefix') format('embedded-opentype'),
		url('./../fonts/overpass-regular-webfont.woff') format('woff'),
		url('./../fonts/overpass-regular-webfont.ttf') format('truetype'),
		url('./../fonts/overpass-regular-webfont.svg#Overpass') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'MyCooperhewittBold';
	src: url('./../fonts/cooperhewitt-bold-webfont.eot');
	src: url('./../fonts/cooperhewitt-bold-webfont.eot?#iefix') format('embedded-opentype'),
		url('./../fonts/cooperhewitt-bold-webfont.woff') format('woff'),
		url('./../fonts/cooperhewitt-bold-webfont.ttf') format('truetype'),
		url('./../fonts/cooperhewitt-bold-webfont.svg#MyCooperhewittBold') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'MyQuestrial';
	src: url('./../fonts/questrial-regular-webfont.eot');
	src: url('./../fonts/questrial-regular-webfont.eot?#iefix') format('embedded-opentype'),
		url('./../fonts/questrial-regular-webfont.woff2') format('woff2'),
		url('./../fonts/questrial-regular-webfont.woff') format('woff'),
		url('./../fonts/questrial-regular-webfont.ttf') format('truetype'),
		url('./../fonts/questrial-regular-webfont.svg#MyQuestrial') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'MyEconomica';
	src: url('./../fonts/economica-regular-otf-webfont.eot');
	src: url('./../fonts/economica-regular-otf-webfont.eot?#iefix') format('embedded-opentype'),
		url('./../fonts/economica-regular-otf-webfont.woff2') format('woff2'),
		url('./../fonts/economica-regular-otf-webfont.woff') format('woff'),
		url('./../fonts/economica-regular-otf-webfont.ttf') format('truetype'),
		url('./../fonts/economica-regular-otf-webfont.svg#MyEconomica') format('svg');
	font-weight: normal;
	font-style: normal;
}
/* Original Tags Styles
------------------------------------------*/
* {
	margin: 0;
	padding: 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}
html {
	font: normal 100%/2 MyQuestrial, MyIRANSans, 'Lucida Grande';
	word-wrap: break-word;
}
body {
	background: #eee;
	overflow-x: hidden;
}
body::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 0.625rem rgba(0, 0, 0, 0.3);
	background-color: #f5f5f5;
}
body::-webkit-scrollbar {
	width: 0.8125rem;
	background-color: #f5f5f5;
}
body::-webkit-scrollbar-thumb {
	background-color: #16927b;
	background-image: -webkit-linear-gradient(
		45deg,
		#38b49d 25%,
		transparent 25%,
		transparent 50%,
		#38b49d 50%,
		#38b49d 75%,
		transparent 75%,
		transparent
	);
}
/*****Table*****/
table {
	empty-cells: show !important;
}
thead th {
	text-transform: uppercase;
}
th,
td {
}
tbody th,
tbody td {
}
tbody tr {
}
tfoot th,
tfoot td {
}
tfoot tr {
}
tr:nth-child(odd) {
	background: red;
}
tr:nth-child(even) {
	background: blue;
}
/*****End Of Table*****/
p,
dl,
hr,
h1,
h2,
h3,
h4,
h5,
h6,
ol,
ul,
pre,
table,
address,
fieldset {
}
/*****Headers*****/
header {
}
h1,
h2,
h3,
h4,
h5,
h6 {
}
h1 {
	font: normal 2.625rem/1.5 MyLeagueGothic, MyIRANSans;
}
h2 {
	font: normal 2rem/1.5 MyCooperhewittBold, MyIRANSans;
}
h3 {
	font: bolder 1.7rem/1.5 MyQuestrial, MyIRANSans;
}
h4 {
	font: normal 0.9rem/1.5 MyEconomica, MyIRANSans;
}
h5 {
	font: normal 0.8rem/1.5 Overpass, MyIRANSans;
}
h6 {
	font: normal 0.8rem/1.5 MyEconomica, MyIRANSans;
	color: #777;
	margin: 0.625rem 0 0 0;
}
/*****End of Headers*****/
textarea,
input,
p {
	font: normal 1.15rem/1.5 MyQuestrial, MyIRANSans;
	padding: 0 0 0 0.625rem;
	color: #444;
}
p:first-letter {
	/*
    color: #fff;
    font-size: 2rem;
    */
}
p:first-line {
}
/*****Anchors*****/
a {
	text-decoration: none;

	-icab-transition-property: color;
	-khtml-transition-property: color;
	-o-transition-property: color;
	-moz-transition-property: color;
	-webkit-transition-property: color;
	-ms-transition-property: color;
	transition-property: color;

	-icab-transition-duration: 1s;
	-khtml-transition-duration: 1s;
	-o-transition-duration: 1s;
	-moz-transition-duration: 1s;
	-webkit-transition-duration: 1s;
	-ms-transition-duration: 1s;
	transition-duration: 1s;
}
a img {
	vertical-align: middle;
}
.white-anchor {
	color: #fff;
}
.light-anchor {
	color: #5bf;
}
.dark-anchor {
	color: #17a;
}
.white-anchor:hover {
	color: #d5d5d5;
}
.light-anchor:hover {
	color: #adf;
}
.dark-anchor:hover {
	color: #359;
}
.disabled-anchor {
	pointer-events: none;
	cursor: default;
	color: #444;
}
/*****End of Anchors*****/
abbr {
	cursor: help;
	border-bottom: 0.6875em dotted #444;
}
abbr:hover {
	color: #bbb;
}
small {
}
sup {
}
sub {
}
/*****Quote*****/
blockquote,
q {
	quotes: '“' '”' '‘' '’';
	text-align: center;
}
q:before,
q:after,
blockquote p:before,
blockquote p:after {
	font: normal 1.625rem/1.5 Overpass, MyIRANSans;
	color: #0079b9;
}
q:before {
	content: '“';
	content: open-quote;
}
q:after {
	content: '”';
	content: close-quote;
}
blockquote p:before {
	content: '“';
	content: open-quote;
}
blockquote p:after {
	content: '”';
	content: close-quote;
}
/*****End of Quote*****/
ul,
ol {
}
select option,
label {
	font: normal 0.9rem/1.5 MyQuestrial, MyIRANSans;
	cursor: pointer;
}
form {
	overflow: hidden;
}
select {
	height: 1.875rem !important;
	width: 12.5rem !important;
}
textarea,
input[type='search'],
input[type='email'],
input[type='text'],
input[type='password'] {
	direction: ltr;
	text-align: left;
	height: 2.8125rem;
	width: 16.875rem;
	padding: 0.1875rem 1.375rem 0 0.3125rem;
	border: 0.125rem solid #bbb;
}
textarea {
	max-height: 9.375rem;
	height: 9.375rem;
}
.comment-box {
	height: 9.375rem;
	max-height: 9.375rem;
	width: 34.0625rem !important;
	max-width: 34.0625rem !important;
}
textarea:focus,
input[type='search']:focus,
input[type='email']:focus,
input[type='text']:focus,
input[type='password']:focus {
	border: 0.125rem solid #38b49d;
	outline: none !important;
}
/*****Input Submit*****/
input[type='submit'],
input[type='reset'] {
	white-space: nowrap;
	outline: none !important;
	height: 2.8125rem;
	padding: 0.3125rem 0.625rem;
	border: none;
	color: #fff;
	background: #38b49d;
}
input[type='submit']:hover,
input[type='reset']:hover {
	cursor: pointer;
	background: #27a38c;
}
input[type='submit']:active,
input[type='reset']:active {
	position: relative;
	top: 0.0625rem;
}
input[type='submit']:focus,
input[type='reset']:focus {
	outline: 0;
	background: #27a38c;
}
input:disabled,
input:disabled:hover {
	color: #fff !important;
	background: #bbb !important;
	position: static;
	top: 0;
}
/*****End of Input Submit*****/
/* Buttons Styles
------------------------------------------*/
.buttons {
	border-style: solid;
	border-width: 0.125rem;
	padding: 0.625rem;
	color: #fff;
	margin: 0.1875rem 0;
	text-align: center;
}
/* Browsers Opacity Styles
------------------------------------------*/
.browsers-opacity {
	filter: alpha(opacity=80); /*IE*/
	-moz-opacity: 0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8; /*MOZILLA*/
}
/* Forms Styles
------------------------------------------*/
.submit-holder {
	width: 16.875rem;
	float: left;
}
/*Changes by ForumCube- adding style for forgot and register page links in the sign-in page. */
.fc-forgot-password {
	background-color: #f44336;
	color: white;
	padding: 14px 25px;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	margin-top: 7px;
}

.fc-register {
	float: left;
	background-color: #8ed28b;

	color: white;

	padding: 14px 25px;

	text-align: center;

	text-decoration: none;

	display: inline-block;

	margin-top: 6px;
}
/*End of ForumCube changes*/

/* Public Styles
------------------------------------------*/
.hidden {
	display: none !important;
}
.visible {
	display: inline-block !important;
}
.dont-copy {
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	/*
    background: #fff url('./../images/driving-lisence/dlq-bg.png') repeat-x top right;
    */
	min-height: 500px;

	/*
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 999;
    */
}
.wide {
	width: 100% !important;
}
.rtl {
	direction: rtl !important;
	text-align: right !important;
}
.clear {
	clear: both;
	height: 0;
	visibility: hidden;
	display: block;
}
.center {
	text-align: center !important;
}
.right-sort {
	float: right;
}
.left-sort {
	float: left;
}
.ltr {
	text-align: left !important;
	direction: ltr !important;
}
.no-margin {
	margin: 0 !important;
}
.no-border {
	border: none !important;
}
.hand:hover {
	cursor: pointer;
}
.text-box {
	margin: 0.625rem 0.3125rem 0.625rem 0;
}
.bordered {
	border-left: 0.0625rem solid #777;
	border-right: 0.0625rem solid #777;
}
.fb-no-text {
	border: none !important;
	height: 1.25rem !important;
	width: 8.125rem !important;
	overflow: hidden !important;
	background: none !important;
	margin: 1.25rem 0 0 0;
	float: right !important;
}
.fb-like {
	border: none;
	overflow: hidden;
	width: 28.125rem;
	height: 2.1875rem;
	margin: 0.9375rem 0 0 0;
	background: none !important;
	float: left !important;
	clear: both !important;
}

/* Failure, Success, Notice Styles
------------------------------------------*/
.warning,
.notice,
.failure,
.success,
.success-pe,
.warning-pe,
.notice-pe {
	width: 100% !important;
	padding: 0.625rem;
	margin: 0.625rem 0 1.25rem 0;
}
.warning-pe,
.warning,
.failure {
	color: #fff;
	background-color: #e33;
}
.failure-header {
	font-weight: bolder;
}
.failure ul {
	margin: 0.3125rem 0 0 0.625rem;
	line-height: 150%;
	list-style: decimal inside;
}
.success-pe,
.success {
	color: #fff;
	background-color: #2ecc71;
}
.warning-pe,
.success-pe {
	direction: rtl;
	text-align: right;
	line-height: 200%;
}
.notice {
	color: #fff;
	background-color: #29d;
}
.red {
	color: #e33;
}
.green {
	color: #2ecc71;
}
.notice-pe {
	color: #fff;
	background-color: #00aff0;
	direction: rtl;
	display: block;
	font: normal 0.8rem/2 MyIRANSans;
}
.tooltip-pe {
	font: normal 0.8rem/1.5 MyIRANSans;
}
/* Validation Styles
------------------------------------------*/
label.error {
	color: #e00 !important;
}
input[type='search'].error,
input[type='email'].error,
input[type='text'].error,
input[type='password'].error,
textarea.error {
	background: #ffbaba url('./../images/error.png') no-repeat center right;
}
input[type='search'].valid,
input[type='email'].valid,
input[type='text'].valid,
input[type='password'].valid,
textarea.valid {
	background: #9f9 url('./../images/done.png') no-repeat center right;
}
#search-form2 label.error {
	margin-left: 0.625rem !important;
	float: right !important;
	margin-top: 0.9375rem !important;
	color: red !important;
	font-size: 1rem;
}
/* Blank Links Styles
------------------------------------------*/
._blank {
}
.no-js {
	display: none;
}
.js {
	background-color: #fff;
}
/* Crawlers Styles
------------------------------------------*/
.crawlers {
	margin-top: 20%;
	text-align: center;
	font-size: 1.25rem;
}
/* Page Styles
------------------------------------------*/
.js {
	width: 100%;
	max-width: 81.25rem;
	margin: 0 auto;
	background-color: #fff;
}
/* Adblock Styles
------------------------------------------*/
#ab {
	width: 100%;
	height: 100%;
	filter: alpha(opacity=80); /*IE*/
	-moz-opacity: 0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8; /*MOZILLA*/
	text-align: center;
	position: absolute !important;
	z-index: 1000;
	top: 0;
	left: 0;
	background: #000;
}
#ab section {
	width: 70%;
	min-width: 350px;
	margin: 0 auto;
	text-align: justify;
	color: #fff !important;
}
#ab h3,
#ab p {
	color: #fff !important;
}
.visible {
	display: inline;
}
.invisible {
	display: none;
}
/* Header Styles
------------------------------------------*/
header {
	height: auto !important;
}
#signin-up {
	background-color: #333;
	padding: 0 0 0 0.3125rem;
}
.top-bar {
	padding: 0.1875rem 0 0 0.125rem;
	background-color: #16927b;
}
.general-icons {
	float: left;
	color: #454545;
	font-size: 1.875rem !important;
	padding: 1.25rem 0.625rem !important;
	width: 3.75rem !important;
}
.social-icons {
	float: left;
	height: 2.5rem;
	width: 1.875rem;
	text-align: center;
	padding: 0.75rem 0 0 0;
	color: #fff;
}
.content-options {
	margin: 4rem 0;
}
.myicon-telegram {
	background: #2ca5e0 url(./../images/social-networks/telegram-16.png) no-repeat center;
}
.share_in_telegram {
	width: 32px;
	height: 32px;
	float: left;
	margin: 0 3px 0 0;
	background: #2ca5e0 url(./../images/social-networks/telegram-16.png) no-repeat center;
}
.myicon-telegram:hover {
	background-color: #1b94c0;
}
.myicon-facebook {
	background: #46a;
}
.myicon-facebook:hover {
	background: #359;
}
.icon-twitter {
	background: #2cf;
}
.icon-twitter:hover {
	background: #0be;
}
.icon-linkedin {
	background: #18c;
}
.icon-linkedin:hover {
	background: #29d;
}
.icon-google-plus {
	background: #e33;
}
.icon-google-plus:hover {
	background: #c21;
}
.icon-youtube {
	background: #e33;
}
.icon-youtube:hover {
	background: #c21;
}
.icon-feed2 {
	background: #f8bc3a;
}
.icon-feed2:hover {
	background: #e5ab29;
}
.icon-coin {
	background: #38b49d;
}
.icon-coin:hover {
	background: #27a38c;
}
.sign-icons,
#signin-up h4 {
	color: #fff !important;
	padding: 0.625rem 0 0 0.625rem;
}
.sign-icons {
	float: left;
	font-size: 1.25rem;
	padding: 0.625rem 0.125rem 0 0;
}
.sign-icons:hover {
	color: #ccc !important;
}
.driving-license-icon {
	font-size: 2.5rem;
	margin: 0.625rem 0.625rem 0.3125rem 0;
}
.driving-license-icons {
	text-align: center;
	width: 100%;
}
/* Notification Bar Styles
------------------------------------------*/
.notification-bar {
	background-color: #f44;
	min-height: 3rem;
	padding: 0.7rem 0.35rem !important;
	max-height: 10rem;
	overflow: hidden !important;
}
.icon-close {
	color: #c21;
	float: left;
	padding: 0.125rem 0.3125rem 0 0.625rem !important;
}
.cp-more-info,
.notification-text {
	font: normal 0.9rem/1.5 Overpass, MyIRANSans !important;
	padding: 0;
	float: left;
}
.icon-close:hover,
.notification-text {
	color: #e0e0e0 !important;
}
/* Menu Styles
------------------------------------------*/
#menu {
	background: #fff;
	position: relative;
	border-top: 0.125rem solid #38b49d;
	border-bottom: 0.125rem solid #38b49d;
	margin: 0 0 0.3125rem 0;
	z-index: 999;
}
/* Logo Styles
------------------------------------------*/
.logo {
	padding: 0.625rem 0 0 7.8125rem;
	width: 100% !important;
	min-height: 145px; /*OK*/
	background: url(./../images/menu-logo.png) no-repeat center left;
}
.logo h1,
.logo h4 {
	padding: 0 !important;
	margin: 0 !important;
}
/* Go To Top Styles
------------------------------------------*/
#top-link {
	display: none;
	position: fixed;
	right: 5px; /*OK*/
	bottom: 5px; /*OK*/
	background: #444 url('./../images/arrow-up.png') no-repeat center;
	text-align: center;
	color: #fff;
	padding: 0.9375rem 1.875rem;
	z-index: 999;
}
/* Fixed Menu Styles
------------------------------------------*/
#cookiePolicy,
.fixed-menu {
	position: fixed;
	max-width: 81.25rem;
	border-bottom: 0.125rem solid #777;
	width: 100%;
}
#cookiePolicy {
	top: 92% !important;
	z-index: 999 !important;
	border: none;
	padding: 1.5rem 0 !important;
}
.fixed-menu {
	top: 0 !important;
}
/* Search Styles
------------------------------------------*/
.search {
	float: right;
	padding: 0 0.125rem 0 0;
	margin: 0 0 0.625rem 0;
}
.search input {
	float: right;
	border: 0.125rem solid #38b49d;
}
/* Facebook-Gmail-Login Styles
------------------------------------------*/
#facebook-login {
	border-color: #46a;
	background-color: #46a;
}
#gmail-login {
	border-color: #e33;
	background-color: #e33;
}
#gmail-login span,
#facebook-login span {
	border-right: 0.0625rem solid #fff;
	padding: 0 0.4375rem 0 0;
	font-size: 1.125rem;
}
/* Last Lessons Styles
------------------------------------------*/
.last-lessons {
	width: 100%;
	background: #ebebea;
	padding: 0.625rem 0 0 0;
}
.last-lessons-left {
	width: 70%;
	float: left;
}
.last-lessons-calendar {
	width: 10%;
	float: left;
	text-align: center;
	margin: 0 1% 0 0;
}
.calendar-day {
	color: #fff;
	background: #38b49d;
	padding: 0.3125rem 0;
	font: bolder 1rem/1.5 MyQuestrial, MyIRANSans;
}
.calendar-month {
	color: #fff;
	background: #2f2f2f;
	padding: 0.3125rem 0;
	font: bolder 0.8rem/1.5 MyQuestrial, MyIRANSans;
}
.last-lessons-articles {
	float: left;
	width: 88%;
}
.last-lessons-left article {
	margin: 0 0 0.625rem 0;
	padding: 0.3125rem 0 0.3125rem 1.25rem;
	background: #fff;
}
.last-lessons-articles p {
	min-height: 2rem;
}
.last-lessons-right {
	width: 30%;
	min-width: 21rem;
}
article h6 span {
	padding: 0.3125rem;
}
#donate-us {
	float: right;
}
#donate-us p {
	color: #fff !important;
}
.video iframe {
	width: 100% !important;
	clear: both;
	padding: 15px 0;
	border-bottom: 2px dashed #bbb;
}
/* Loading Styles
------------------------------------------*/
/* Preloader Styles
------------------------------------------*/
.area-auto {
	width: auto !important;
	height: auto !important;
}
.area-32 {
	width: 32px; /*OK*/
	height: 32px; /*OK*/
}
.fault {
	background: transparent url('./../images/error.png') no-repeat center;
}
.done {
	background: transparent url('./../images/done.png') no-repeat center;
}
.preloader-32 {
	background: transparent url('./../images/preloader-32.gif') no-repeat center;
}
/* Driving License Styles
------------------------------------------*/
#driving-license {
	height: 37.5rem;
	width: 100%;
	overflow: hidden;
	position: relative;
	margin-bottom: 0;
}
#driving-license img {
	width: 100%;
	height: 100%;
}
#driving-license article {
	position: absolute;
	color: #777;
	left: 10%;
	top: 10%;
	width: 80%;
	background-color: #eee;
	padding: 32px 1.25rem;
}
.driving-license-anchor {
	text-align: center;
	padding: 0.625rem 0 0 0;
}
.driving-license-anchor a {
	background: #f4ba46;
	padding: 0.625rem 0.625rem;
}
/* Short But Useful
------------------------------------------*/
#short-but-useful {
	padding: 0 0 3.125rem 0;
}
.sp-slides-container {
	background-color: #fff;
	padding: 0;
	margin: 0;
}
#short-but-useful h3 {
	color: #222;
}
#short-but-useful p {
	overflow: hidden !important;
}
#short-but-useful img {
}
#short-but-useful .sp-image-text {
}
.readmore {
	border: 0.1875rem solid #17a;
	max-width: 9.375rem;
	border-radius: 1.25rem;
	padding: 0.3125rem 0.625rem;
	clear: both !important;
	margin: 0.625rem 0 0 0;
	text-align: center;
}
.readmore:hover {
	border: 0.1875rem solid #17a;
	background: #adf;
}
.sp-layer {
	width: 95% !important;
	overflow: hidden !important;
}
/* Aside Content Styles
------------------------------------------*/
.aside {
	float: left;
	width: 27%;
	margin: 0.625rem 0 0.3125rem 0.1875rem;
}
.aside li {
	padding: 0.625rem 0 0.625rem 0.625rem;
	border-bottom: 0.0625rem solid #ddd;
}
.aside li:hover {
	background: #eee;
}
.aside-content {
	padding: 0.9375rem 1.25rem;
	margin: 0 0 0.625rem 0;
	background: #fff;
}
/* Polling Styles
------------------------------------------*/
.polling .iradio {
	margin: 0.4375rem 0;
}
.poll-percent {
	float: left;
	margin: 0 0 0.625rem 0.3125rem;
	color: #38b49d;
	font: bolder 1.2rem/1.5 MyQuestrial;
}
.polling-success {
	background: url(./../images/done.png) center no-repeat;
}
.polling-loading {
	background: url(./../images/preloader-32.gif) center no-repeat;
}
.polling-error {
	background: url(./../images/error.png) center no-repeat;
}
/* Today Word Styles
------------------------------------------*/
.today-word {
}
.icon-download3 {
	font-size: 1.875rem;
}
/* User Idea Styles
------------------------------------------*/
#user-idea {
	width: 90%;
	margin: 0 auto;
	padding: 0.3125rem 0;
}
#user-idea-text {
	text-align: center;
	padding: 1.25rem 0 0 0;
}
.panels {
}
.user-idea {
	position: relative;
	margin: 0;
}
.user-idea .balloon {
	margin: 0 auto;
	width: 80%;
	position: relative;
	text-align: center;
	padding: 0.625rem;
	border-radius: 0.625rem;

	background: none;
	border-top: none;
	border-right: none;
	border-left: none;
	border-bottom: 0.1875rem solid #888;
}
.user-idea .sign {
	width: 0.0625rem;
	height: 0.0625rem;
	border-width: 1.25rem 0.3125rem 0 0.9375rem;
	border-style: solid;
	border-color: #888 transparent transparent transparent;
	position: relative;
	top: 2.5rem;
	left: 50%;
}
/* Footer Styles
------------------------------------------*/
footer {
	text-align: center;
	border-top: 0.1875rem solid #777;
	background-color: #444;
}
#copyright {
	color: #eee;
	padding: 0.9375rem 0;
}
/* Main Content Styles
------------------------------------------*/
main,
#main {
	background: #fff !important;
}
#content {
	margin-bottom: 0.625rem;
	float: left;
	width: 70%;
	padding: 0.625rem 0.625rem 0 0.625rem;
}
#content p:nth-of-type(1):first-letter {
	/*
    font-size: 2rem;
    color: #0079b9;
    font-weight: bolder;
    */
}
#flag {
	background: #eee url('./../../flags/germany.png') no-repeat center right;
}
#header1 {
	padding: 0.625rem;
	background: #eee;
	border-bottom: 0.125rem solid #ddd;
	margin: 0.125rem 0 0.625rem 0;
}
#header5 {
	font-size: 0.6875rem;
	color: #777;
}
#content p {
	margin-top: 0.625rem;
}
#paragraph {
	padding: 1.25rem 0 0 0.625rem;
}
.pe-text p {
	direction: rtl;
	text-align: justify;
	font: normal 1rem/1.5 MyIRANSans;
}
.pe-text span {
	padding: 0 0.625rem 0 0.625rem;
}
.question {
	padding: 0 0.625rem;
	margin: 0 0 2.5rem 0;
	border-right: 0.125rem solid #777;
	text-align: right;
	direction: rtl;
	float: right;
	line-height: 2;
}
.question div:nth-child(odd) {
	color: #db5941 !important;
}
.question div:nth-child(even) {
	color: #38b49d !important;
}
#lessons-options {
	padding: 0 0 0 0.625rem;
}
#lessons-options,
#content h2 {
	padding-top: 0.9375rem;
}
#lesson-siblings {
	width: 93%;
	margin: 0 auto;
}
/*****Facebook Page*****/
#facebook-page {
	float: left;
	width: 30%;
	height: 43.75rem !important;
	overflow: hidden;
	max-width: 300px; /*OK*/
}
.facebook-page {
	border: none;
	overflow: hidden;
	height: 400px; /*OK*/
}
/*****End of Facebook Page*****/
/*****Social Networks*****/
#social-networks {
	height: 0 !important;
}
#social-networks div {
	/*
        padding: 1.6875rem 0.3125rem;
        height: 4.375rem;
        width: 3.125rem;
        font-size: 1.25rem;
    */
}
#twitter {
	background: #2cf url('./../images/social/twitter.png') no-repeat center;
}
#linkedin {
	background: #18c url('./../images/social/linkedin.png') no-repeat center;
}
#gp {
	background: #e33 url('./../images/social/gp.png') no-repeat center;
}
#twitter:hover {
	background: #0be url('./../images/social/twitter.png') no-repeat center;
}
#linkedin:hover {
	background: #29d url('./../images/social/linkedin.png') no-repeat center;
}
#gp:hover {
	background: #c21 url('./../images/social/gp.png') no-repeat center;
}
/*****End of Social Networks*****/
/*****Email Friend*****/
#email-friend {
}
#email-friend input {
	margin: 0.3125rem 0.3125rem 0 0;
}
#email-friend-result {
	float: left;
	margin: 0.75rem 0 0 0;
	font: normal 70%/1.5 MyQuestrial, MyIRANSans, 'Lucida Grande';
}
/*****End of Email Friend*****/
/*****Tags*****/
#tags {
}
#lesson-categories h2,
#tags h2 {
	font: 0.9rem/1.5 Calibri, MyIRANSans, 'Arial Black';
	float: left;
	background-color: #38b49d;
	padding: 0.2875rem 0.4125rem;
	margin: 0.1875rem 0.1875rem 0 0;
}
#lesson-categories h2 {
	border-bottom: 0.1875rem solid #16927b;
	padding: 0 0.6375rem 0 0.6375rem;
	font: 1.4rem/1.5 MyLeagueGothic, MyIRANSans;
}
/*****End of Tags*****/
/*****Comments*****/
#comments {
	margin-bottom: 0.625rem;
}
#videos,
#header3,
#comments h3 {
	width: 100%;
	max-width: 50rem;
	border-bottom: 0.0625rem solid #000;
	margin: 1.25rem 0 0.3125rem 0;
}
.forms {
	min-height: 50rem;
}
.forms input[type='submit'] {
	margin-top: 0.3125rem;
}
.forms .text {
	width: 12.5rem;
	padding: 0.9375rem 0 0.625rem 0.3125rem;
}
.forms .long-text {
	width: 25rem;
	padding: 0.9375rem 0 0.625rem 0.3125rem;
	font: bolder 1.5rem/1.25 MyQuestrial, MyIRANSans;
}
#users-comments {
	margin: 0.625rem 0 2.5rem 1.25rem;
	color: #000;
}
.user-comment,
.user-replies {
	border-left: 0.0625rem solid #000;
	line-height: 150%;
	margin-bottom: 2rem;
	padding: 0.3125rem 0.5rem;
}
.user-comment {
	width: 100%;
	max-width: 43.75rem;
}
.user-replies {
	border: 0.0625rem solid #bbb;
	width: 90%;
	background: #eee;
	color: #444;
	margin: 1% 0 1% 4%;
}
#users-comments dt {
	border-bottom: 0.0625rem solid #444;
	padding: 0.3125rem 0 0.3125rem 0.3125rem;
	color: #1b7e5a;
	font: normal 1.3rem/1.5 MyCooperhewittBold, MyIRANSans, Arial, Tahoma;
}
.user-replies dt {
	border-bottom: 0.0625rem solid #bbb !important;
}
#users-comments dd {
	padding: 0.3125rem 0 0 0.3125rem;
}
.user-comment-date {
	float: right;
	color: #888;
	font: 0.8rem/1.5 Overpass, MyIRANSans;
}
.reply-form {
	display: none;
}
.reply-button {
	width: 6.25rem;
	padding: 0.625rem 0;
	text-align: center;
	margin-top: 0.3125rem;
}
.reply-button:hover {
	background: #eee;
}
/*****End of Comments*****/
header input[type='text'],
header input[type='submit'] {
	height: 2.1875rem;
	float: right;
	margin: 0.625rem 0 0 0 !important;
}
header input[type='text']:hover,
header input[type='text']:focus,
header input[type='text'] {
	width: 11.25rem;
	border-right: none;
}
header input[type='submit'] {
	border: none !important;
}
/* Pages Styles
------------------------------------------*/
.pages {
	text-align: center;
	width: 100% !important;
	margin: 1.25rem 0 0.9375rem 0;
}
.pages div {
	border: 0.0625rem solid #ddd;
	min-width: 1.875rem;
	display: inline-table;
	padding: 0.625rem 0.3125rem 0.625rem 0.3125rem;
	background-color: #fff;
	margin-top: 0.125rem;
}
.pages div:hover {
	background-color: #eee;
}
.selected-page {
	background-color: #f1c40f !important;
	border: 0.0625rem solid #f1c40f !important;
}
/* Cookie Policy Styles
------------------------------------------*/
.browsers-list {
	list-style-type: disc;
	margin: 0.3125rem 0 0 1.875rem;
	line-height: 150%;
}
/* Booklets Styles
------------------------------------------*/
.booklets-list {
	float: left;
	line-height: 200%;
	background: #eee;
	border: 0.0625rem solid #bbb;
	width: 31%;
	min-width: 12.5rem;
	margin: 1%;
	padding: 1%;
}
.booklets-list h4 {
	padding: 0.1875rem 0 0 0.625rem;
}
.booklets-list span {
	color: #058;
}
.booklet-icons {
	color: #454545;
}
#image-area {
	text-align: center;
}
.exam-mark {
	text-align: center;
	width: 3.125rem;
	height: 1.875rem;
	padding: 0.5rem 0 0 0;
	background: #38b49d;
	border: 0.0625rem solid #27a38c;
	color: #fff;
	float: right;
	margin: 0.625rem 0 0 0;
}
#question-area {
}
.exam-images img {
	border: 0.125rem solid #bbb;
	padding: 0.1875rem;
}
.icheck {
	border: 0.0625rem solid #16927b !important;
	margin: 0 0.1875rem 0.625rem 0 !important;
}
.icheck-element {
	margin: 0.9375rem 0.1875rem 0.625rem 0 !important;
}
/* Questions Booklet Styles
------------------------------------------*/
.booklet-result-headers,
.exam-question {
	margin: 0 0 0 0.625rem;
	float: left;
}
#questionpe {
	margin: 0 0 1.25rem 0;
}
.exam-numeric-answer,
.exam-options {
	margin: 1.25rem 0 0 0;
}
.exam-options {
	margin: 0 0 0 1.875rem;
	list-style-type: upper-alpha;
	list-style-position: inside;
}
.exam-options li {
	padding: 0.3125rem 0;
}
.exam-controls {
	margin-top: 0.3125rem;
	text-align: center;
	width: 100%;
}
.booklet-result-container {
	float: left;
	width: 100%;
}
.booklet-result {
	float: left;
	width: 30% !important;
	text-align: center;
	padding: 0.3125rem 0 0.3125rem 0;
}
.booklet-result-success,
.booklet-result-error,
.booklet-result-headers {
	margin: 0.125rem 0 0 0.125rem;
}
.booklet-result-headers {
	float: left !important;
	text-align: center;
}
.booklet-result-error {
	color: #e33;
	background-color: #ffbaba;
}
.booklet-result-success {
	color: #fff;
	background-color: #2ecc71;
}
.booklet-result-notice {
	color: #fefefe;
	background-color: #00aff0;
}
.booklet-result-notice a {
	color: #fefefe !important;
}
.booklet-result-notice a:hover {
	text-decoration: underline;
}
.exam-errors,
.booklet-result-error,
.booklet-result-notice,
.booklet-result-success {
	padding: 0.75rem 0 1rem 0;
}
.question-area-loading {
	background: url(./../images/preloader-32.gif) center no-repeat;
}
.exam-errors {
	width: 100%;
	text-align: center;
	direction: rtl;
}
.exam-result {
	margin-top: 3.125rem;
	text-align: center;
}
.correct-answer,
.incorrect-answer {
	font-weight: bolder;
	padding: 0 0 20px 0 !important;
}
.correct-answer {
	color: #38b49d;
}
.incorrect-answer {
	color: #e33;
}
.numeric-answer-textbox {
	margin: -0.9375rem 0 0 0.3125rem;
}
.numeric-answer {
	margin: 1rem 0 0 0;
}
/* Questions Booklet Styles
------------------------------------------*/
.ads-long-lessons {
	margin: 83px 0 0 5px;
}
/* Driving License Questions Booklet Styles
------------------------------------------*/
#driving-license-categories-container ul li a {
	font: bolder 1.5rem/1.5 Overpass;
	color: #17a;
	-icab-transition-property: none;
	-khtml-transition-property: none;
	-o-transition-property: none;
	-moz-transition-property: none;
	-webkit-transition-property: none;
	-ms-transition-property: none;
	transition-property: none;

	padding: 0 !important;
	margin: 0 !important;
}
#driving-license-categories-container ul > ul li a {
	font: normal 0.9rem/1.5 Arial;
	padding: 0 0 0 0.5rem !important;
}
#driving-license-categories-container ul > ul > ul li a {
	font: bold 0.9rem/1.5 Arial;
	padding: 0 0 0 1rem !important;
	color: #5be;
}
#driving-license-categories-container ul > ul,
#driving-license-categories-container ul > ul > ul {
	display: none;
}
.current-dlcat {
}
.current-dlcat-parent {
	background: #eee !important;
}
.driving-license-questions-list {
}
.driving-license-questions-list li {
	padding: 0.25rem 0;
}
.dlq-buttons {
	margin: 0 0.25rem 0 0;
}
#previous,
#next {
	background: #00aff0;
}
.answer-description {
	direction: rtl !important;
	display: none;
	margin: 0.5rem 0 0 0;
}
.answer-description h3 {
	color: #fefefe;
	background: #00aff0;
	text-align: center;
	padding: 0.5rem 0;
}
.answer-description p {
	padding: 0 1rem;
}
/*Changes by ForumCube- adding style for forgot and register page links in the sign-in page. */
.fc_ad_1 {
	text-align: left;
}
/*End of ForumCube changes*/

/* Virtual Keyboard */
.easy-get {
}
.easy-numpad-frame {
	margin: 0.625rem 0 0 5.9375rem;
}
.easy-numpad-container {
	width: 100%;
	max-width: 16.5625rem;
}
a#easy-numpad-close {
	background-color: #e33;
	color: #fefefe;
	line-height: 1;
	padding: 20px 21px;
}
.easy-numpad-output-container {
	width: 100%;
}
.easy-numpad-number-container > table {
	width: calc(100% + 6px);
}
.easy-numpad-number-container > table a {
	display: block;
	padding: 16px 10px;
	background-color: #424242;
	color: #fefefe;
	text-align: center;
}
.easy-numpad-number-container > table a:hover {
	background-color: #616161;
}
.easy-numpad-number-container .cancel {
	background-color: #e33;
}
.easy-numpad-number-container .cancel:hover {
	background-color: #f55;
}
.easy-numpad-number-container .done-pad {
	background-color: #2ecc71;
}
.easy-numpad-number-container .done-pad:hover {
	background-color: #4fee93;
}
.easy-numpad-number-container td {
	border: 1px solid #616161;
}
/* End of Virtual Keyboard */