* {
	margin: 0;
	padding: 0;
}

body {
	font-family: 'normaltext_synergy';
	color: #000;
	font-size: 18px !important;
	background-repeat: no-repeat;
	background-size: 100%;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-position-x: left;
}

a {
	color: rgba(143, 135, 135, 0.6);
	text-decoration: none;
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-o-transition: 0.5s;
	-ms-transition: 0.5s;
	transition: 0.5s;
}

a.active {
	pointer-events: none;
	cursor: default;
}
h5 {
	font-weight: normal;
	color: #000 !important;
	margin-left: 3%;
	font-size: 15px;
}
h1, h2, h4, h5, h6 {

	color: #fff;
	margin-bottom: 5px;
}
h1 {
	font-size: 27px;
	text-transform: uppercase;
	font-family: 'H1_synergy';
	letter-spacing: 0.0021em;
}
h2 {
	font-size: 24px;
	left: 4%;
	position: relative;
	color: #000;
	width: 95%;
}
.sociales {
	text-align: center;
	margin-bottom: 20px;
}

@font-face {
	font-family: 'H1_synergy'; /*a name to be used later*/
	src: url('../fonts/PFDinDisplayPro-Bold.ttf'); /*URL to font*/
}

@font-face {
	font-family: 'timeline_synergy'; /*a name to be used later*/
	src: url('../fonts/PFDinDisplayPro-Reg.ttf'); /*URL to font*/
}

@font-face {
	font-family: 'normaltext_synergy'; /*a name to be used later*/
	src: url('../fonts/PFDinDisplayPro-Light.ttf'); /*URL to font*/
}

@font-face {
	font-family: 'buttontext_synergy'; /*a name to be used later*/
	src: url('../fonts/Proxima Nova/Mark Simonson - Proxima Nova Alt Extrabold.otf'); /*URL to font*/
}

@font-face {
	font-family: 'buttonprev_synergy'; /*a name to be used later*/
	src: url('../fonts/Proxima Nova/Mark Simonson - Proxima Nova Condensed Regular.otf'); /*URL to font*/
}

@font-face {
	font-family: 'futtortext_synergy'; /*a name to be used later*/
	src: url('../fonts/Proxima Nova/Mark Simonson - Proxima Nova Alt Semibold.otf'); /*URL to font*/
}

@font-face {
	font-family: 'popuptext_synergy'; /*a name to be used later*/
	src: url('../fonts/Helvetica Neue Cyr/OTF/HelveticaNeueCyr-Roman.otf'); /*URL to font*/
}

@font-face {
	font-family: 'startpagecnt_synergy'; /*a name to be used later*/
	src: url('../fonts/Helvetica Neue Cyr/OTF/HelveticaNeueCyr-Roman.otf'); /*URL to font*/
}

/************** Background **********************/
#background {
	width: 100%;
	left: 0px;
	top: 0px;
	position: absolute;
	z-index: 0;
}
#background img {
	width: 100%;
}

#resizeImageform {
	width: 100%;
	position: absolute;
}

/**************About me page**********************/
.images {
	display: table;
	float: left;
	padding: 5px;
}

.images2 .button {
	cursor: pointer;
	text-decoration: none;
	position: absolute;
	background-repeat: no-repeat;
	float: left;
	height: 26px;
	top: 125px;
	left: 10px;
	font-size: 12px;
	text-align: center;
	text-transform: uppercase;
	-webkit-transform: scale(1.0);
	-moz-transform: scale(1.0);
	-o-transform: scale(1.0);
	-ms-transform: scale(1.0);
	transform: scale(1.0);
}

.images2  .push {

	width: 100%;
	color: #3573F1;
}

.pushelementary {
	width: 115%;
	color: #2cc056;
	margin-left: -10%;
}

.pushelementary:active {
	pointer-events: none;
}

.pushimp {
	width: 115%;
	color: yellow;
}

.pushimp:active {
	pointer-events: none;
}

.pushimp:hover {
	background-image: url("../img/4/4_o.png") !important;
	color: #FFF;
}

.pushuadw {
	width: 115%;
	color: #3573F1;
}

.pushuadw:active {
	pointer-events: none;
}

.pushuadw:hover {
	background-image: url("../img/4/6_o.png") !important;
	color: #FFF;
}

.pushupimp {
	width: 115%;
	color: red;
}

.pushupimp:active {
	pointer-events: none;
}

.pushupimp:hover {
	background-image: url("../img/4/5_o.png") !important;
	color: #FFF;
}

.pushpreimp {
	width: 115%;
	color: #a34edf;
}

.pushpreimp:active {
	pointer-events: none;
}

.pushpreimp:hover {
	background-image: url("../img/4/3_o.png") !important;
	color: #FFF;
}

.images2  .push:hover {

	color: #FFF;
	background-image: url("../img/4/1_o.png");
}

.pushelementary:hover {
	background-image: url("../img/4/2_o.png") !important;
	color: #FFF;
}

.pushelementary:active {
	pointer-events: none;
}

.images2  .push:active {
	pointer-events: none;
}
.images1 {
	display: table;
	float: left;
	padding: 5px;
}

.btnText {

	width: 90%;
	background: #fff;
	position: absolute;
	top: 53%;
	left: 30px;
	height: 148px;
	font-family: 'startpagecnt_synergy';
	font-size: 18px;
}
.btnTextCnt {
	padding-left: 2%;
	padding-top: 2.5%;
	padding-right: 1%;
	margin-bottom: 2%;
}

.result_hover {
	display: block !important;
}
.images2 {
	display: block;
	float: left;
	padding: 5px;
	width: 14.6%;
	margin-bottom: 50px;
	left: 1%;
}
.images img {
	height: 165px;
}
.images1 img {
	height: 135px !important;
}

.images2 .imgbtn {
	height: 125px;
}

.images2 .checked-img {
	height: 125px;
}

.images2 img.round {
	height: 125px;
}

#date a:link {
	color: rgba(143, 135, 135, 0.6) !important;
}
#dates a:hover, #dates a.selected {
	color: rgba(13, 161, 201, 1);
}

/*TimeLine properties:*/
#timeline {
	width: 927px;
	height: 600px;
	overflow: hidden;
	position: relative;
	border-radius: 4px;
}
#timelienAndDate {
	background-color: #f6f6f6
}
#buttonstbl {
	width: 100%;
	height: 115px;
	background-color: #1c88e8;
	border-color: transparent;
}
.button b {
	font-family: 'H1_synergy';
	font-size: 15px;
}
#dates {
	width: 800px;
	height: 50px;
	overflow: hidden;
	visibility: hidden;
}
#dates span {
	color: rgba(143, 135, 135, 0.6);
	margin-left: 7px;
}

#dates li {
	list-style: none;
	float: left;
	width: 50px;
/*	height: 50px;*/
	font-size: 19px;
	text-align: center;
}
#dates a {
	line-height: 19px;
	font-size: 18px;
	font-family: 'timeline_synergy';
}
#dates .selected {
	font-size: 19px;
}

#issues {
	width: 900px;
	height: 355px;
	overflow: hidden;
	margin-top: 1%;
	font-size: 18px;
}

#issues form {
	top: 10%;
	position: relative;
	left: 1%;
}
#issues li {
	width: 900px;
	height: 310px;
	list-style: none;
	float: left;
	margin-top: 30px;
}

#issues label {
	font-size: 22px;
	font-family: 'timeline_synergy';
}
#issues li.selected img {
}
#issues li img {
	/*float: left;
	 margin: 45px 0px 0px 1px;*/
	background: transparent;
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)"; /* IE 8 */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);/* IE 6 & 7 */
	zoom: 1;
	-webkit-transform: scale(0.8,0.8);
	-moz-transform: scale(0.8,0.8);
	-o-transform: scale(0.8,0.8);
	-ms-transform: scale(0.8,0.8);
	transform: scale(0.8,0.8);
}
#issues li h1 {
	color: #000000;
	font-size: 27px;
	text-align: left;
	margin-left: 4%;
	text-transform: none !important;
}

#issues1 li h1 {
	color: #000000;
	font-size: 27px;
	text-align: left;
	margin-left: 4%;
	text-transform: none !important;
	list-style: none;
}
#issues li p {
	font-size: 14px;
	margin-right: 70px;
	font-weight: normal;
	line-height: 22px;
}

#grad_left, #grad_right {
	width: 100px;
	height: 350px;
	position: absolute;
	top: 0;
}
#grad_left {
	left: 0;
	background: url('../images/grad_left.png') repeat-y;
}
#grad_right {
	right: 0;
	background: url('../images/grad_right.png') repeat-y;
}

#prev {
	position: relative;
	top: 10px;
	position: relative;
	top: 10%;
	font-family: 'buttonprev_synergy';
	font-size: 18px;
}

#next1, #next {
	position: relative;
	top: 10px;
	/*position: absolute;
	 top: 510px;*/

	position: relative;
	top: 10%;
	font-family: 'buttontext_synergy';
	font-size: 20px !important;
}
#next1, #next {
	width: 226px;
	height: 45px;
	background-color: #37cd56;
	float: right;
	right: 9%;
	top: 4px;
	float: right;
	right: 5%;
}
#prev {
	left: 10;
	float: left;
}
#next.disabled, #prev.disabled {
	opacity: 0.2;
}

/**************Header menu**********************/
#headertable {
	height: 18%;
}
/* Title location*/

.title_img {
	background-image: url('../img/line.png');
	height: 1px;
	width: 92%;
	margin-top: 41%;
}
.myself_img {
	background-image: url("../img/1_.png");
	width: 44px;
	height: 44px;
}

.myself_imgon {
	background-image: url("../img/1.png");
	width: 44px;
	height: 44px;
}

.grammer_img {
	background-image: url("../img/2_.png");
	width: 44px;
	height: 44px;
}
#grammer {
	left: 3px;
	position: relative;
}

#myself {
	left: 1px;
	position: relative;
}

.grammer_imgon {
	background-image: url("../img/2.png");
	width: 44px;
	height: 44px;
}

.reader_img {
	background-image: url("../img/3_.png");
	width: 44px;
	height: 44px;
}

.reader_imgon {
	background-image: url("../img/3.png");
	width: 44px;
	height: 44px;
}

.vocab_img {
	background-image: url("../img/4_.png");
	width: 44px;
	height: 44px;
}

.vocab_imgon {
	background-image: url("../img/4.png");
	width: 44px;
	height: 44px;
}

.result_imgon {
	background-image: url("../img/5.png");
	width: 44px;
	height: 44px;
}

.result_img {
	background-image: url("../img/5_.png");
	width: 44px;
	height: 44px;
}

#headLine {

	height: 60%;
	overflow: hidden;
	top: -7px;
	position: relative;
}
#headLine li {
	list-style: none outside none;
	float: left;
	width: 11%;
	text-align: center;
}

#headLine span {
	color: #fff;
	top: 5px;
	position: relative;
	text-align: center;
	font-size: 17px;
	left: -10%;
	font-family: 'timeline_synergy';
	letter-spacing: 0.0241em;
}

/**************VocabCnt page**********************/
.vocabcnt {
	margin-bottom: 1%;
	margin-top: 1%;
	margin-left: 1%;
	position: relative;
}

#questionvoccnt7 {
	position: relative;
	padding: 0%;
	margin: 15px 0px 40px 40px;
}
/**************Main page**********************/
#mainiframe {
	width: 50%;
	position: relative;
	height: 100%;
	left: 8%;
	-webkit-transform: scale(0.9,0.95);
	-moz-transform: scale(0.9,0.95);
	-o-transform: scale(0.9,0.95);
	-ms-transform: scale(0.9,0.95);
	transform: scale(0.9,0.95);
}

#frameWin {

	z-index: 2;
	position: relative;
}

#mainifr {

	-webkit-transform: scale(0.97,0.9);
	-moz-transform: scale(0.97,0.9);
	-o-transform: scale(0.97,0.9);
	-ms-transform: scale(0.97,0.9);
	transform: scale(0.97,0.9);
}

.clear {
	clear: both;
	margin: 0px;
	padding: 0px;
	border: 0px none;
	outline: 0px none;
	font-size: 100%;
	vertical-align: baseline;
	background: none repeat scroll 0% 0% transparent;
	font-style: normal;
}

/**************Reading page**********************/
#mainreading {

	-webkit-transform: scale(0.95,0.95);
	-moz-transform: scale(0.95,0.95);
	-o-transform: scale(0.95,0.95);
	-ms-transform: scale(0.95,0.95);
	transform: scale(0.95,0.95);
}

#readsection {
	margin-left: 4%;
	background-color: rgb(255, 255, 255);
	margin-top: 3%;
	width: 90%;
	height: 100%;
	position: relative;
	padding-left: 3%;
	padding-top: 2%;
	padding-bottom: 2%;
}
.reading {
	padding-top: 5px;
	padding-bottom: 5px;
}

/**************Question bullet **********************/
.question_images img {
	height: 44px;
}
.question_images_amr img {
	height: 22px;
	position: relative;
	margin-bottom: 2%;
}

.question_images_amr .checked-img {
	height: 16px;
	position: relative;
	top: 3px;
	left: 4px;
}

.image-title {
	text-align: center;
}

/**************Login page **********************/
#main {

	-webkit-transform: scale(0.8,0.8);
	-moz-transform: scale(0.8,0.8);
	-o-transform: scale(0.8,0.8);
	-ms-transform: scale(0.8,0.8);
	transform: scale(0.8,0.8);
}
#startPageTitle {
	position: relative;
	text-align: center;
	font-size: 73px;
	font-family: 'H1_synergy';
	text-transform: uppercase;
	top: 0px;
	color: #fff;
	text-shadow: 2px 2px rgba(16, 88, 128, 1);
}
.startPageCnt {
	font-size: 20px;
	position: relative;
	text-align: left;
	color: #FFF;
	font-family: 'startpagecnt_synergy';
	left: 4%;
	margin-bottom: 1%;
}

.startPageCnt span {
	margin-top: 25px;
	margin-bottom: 27px;
	left: 13%;
}
input[type=radio] {
	display: none;
	margin: 10px;
}

/************** Popup  **********************/
.md-modal {
	position: fixed;
	top: 25%;
	left: 35%;
	width: 50%;
	max-width: 630px;
	min-width: 320px;
	height: 480px;
	z-index: 2000;
	visibility: hidden;
	backface-visibility: hidden;
	transform: translateX(-50%) translateY(-50%);
}

.md-show {
	visibility: visible;
}

.md-overlay {
	position: fixed;
	width: 100%;
	height: 100%;
	visibility: hidden;
	top: 0;
	left: 0;
	z-index: 1000;
	background: rgba(151, 163, 228, 0.24);
	transition: all 0.3s;
}
.md-over {
	-webkit-filter: blur(3px);
	-moz-filter: blur(3px);
	-o-filter: blur(3px);
	-ms-filter: blur(3px);
	filter: blur(3px);
}

.md-show ~
.md-overlay {
	opacity: 1;
	visibility: visible;
}

/* Content styles */
.md-content {
	color: #000;
	position: relative;
	border-radius: 3px;
	margin: 0 auto;
}
#startpopup {
	background-repeat: no-repeat;
	height: 80%;
	background-color: #F6f6f6;
	width: 90%;
	box-shadow: 0.6px 0.4px 3.5px 0.5px #888888;
	width: 541px;
	height: 321px;
}
#starttest {
	background-repeat: no-repeat;
	width: 100%;
	height: 90%;
	background-color: #F6f6f6;
	box-shadow: 0.6px 0.4px 3.5px 0.5px #888888;
}

#finishtest {
	background-color: #F6f6f6;
	background-repeat: no-repeat;
	width: 100%;
	height: 100%
}
#imagepopup {
	position: relative;
	top: -110px;
	left: 170px;
}
#finishtest span {
	text-transform: uppercase !important;
	top: 3px;
	position: relative;
	bottom: 30px;
}
.greenh3 {
	color: #37cd56;
}
.md-content h3 {
	margin: 0;
	padding: 0.4em;
	text-align: center;
	font-size: 18px;
	font-weight: 100;
	opacity: 0.8;
	border-radius: 3px 3px 0 0;
	font-family: 'popuptext_synergy';
}

.md-content b {
	margin: 0;
	padding: 0.4em;
	text-align: center;
	font-size: 18px;
	opacity: 0.8;
	border-radius: 3px 3px 0 0;
	font-family: 'popuptext_synergy';
}
.md-content span {
	letter-spacing: 0.0021em;
}
.md-content h1 {

	margin: 0;
	padding: 0.4em;
	text-align: center;
	font-size: 27px;
	opacity: 0.8;
	text-transform: none !important;
	border-radius: 3px 3px 0 0;
	color: #2668c1;
	font-family: 'H1_synergy';
}

.md-content > div {
	padding: 15px 40px 30px;
	margin: 0;
	font-weight: 300;
	font-size: 1.15em;
}

.md-content > div p {
	margin: 0;
	padding: 10px 0;
}

.md-content > div ul {
	margin: 0;
	padding: 0 0 30px 20px;
}

.md-content > div ul li {
	padding: 5px 0;
}

.md-content button {
	display: block;
	margin: 0 auto;
	font-size: 0.8em;
}

/**************Error validation **********************/
label.error {
	position: absolute;
	z-index: 100;
	opacity: 0.9;
	left: 20%;
	top: 73%;
	background: none repeat scroll 0% 0% #FFF;
	width: 220px;
	padding: 7px;
	font-size: 14px;
	color: #F00;
	border: 1px solid #CCC;
	border-radius: 7px;
	box-shadow: 0px 0px 7px rgba(0, 0, 0, 0.35);
	font-style: italic;
	display: inline-block;
}

/**************Place Holder **********************/
::-webkit-input-placeholder {
	color: rgb(161, 162, 163);
	font-family: 'buttonprev_synergy';
	font-size: 18px;
	font-weight: bold;
}

:-moz-placeholder {/* Firefox 18- */
	color: rgb(161, 162, 163);
	font-family: 'buttonprev_synergy';
	font-size: 18px;
	font-weight: bold;
}

::-moz-placeholder {/* Firefox 19+ */
	color: rgb(161, 162, 163);
	font-family: 'buttonprev_synergy';
	font-size: 18px;
	font-weight: bold;
}

:-ms-input-placeholder {
	color: rgb(161, 162, 163);
	font-family: 'buttonprev_synergy';
	font-size: 18px;
	font-weight: bold;
}

/**************Footer **********************/
#footertbl {
	color: #A9CBCE;
	font-family: 'futtortext_synergy';
	font-size: 16px !important;
}
#ordercall {
	background: url('university/img/bottom.png');
	color: #A9CBCE;
	font-family: 'futtortext_synergy';
	font-size: 16px !important;
	border-color: #8BB8E6;
	padding: 1%;
	border-top-style: groove;
	border-left-style: groove;
	border-right-style: groove;
	border-bottom-style: groove;
}