/* Open Sans Hebrew - Google Font */
@import url(//fonts.googleapis.com/earlyaccess/opensanshebrew.css);



html, body {
	width: 100%;
	max-width: 100%;
	padding: 0;
	margin: 0;
	font-family: 'Open Sans Hebrew', sans-serif;
	font-size: 16px;
	text-align: right;
	direction: rtl;
	color: #1A1A1A;
	/* background-color: #53b2f6; */
}

img {
	max-width: 100%;
	height: auto;
}

.mobile-only {
	display: none;
}

.side-menu.mobile {
	display: none;
}

.container {
	width: 950px;
	max-width: 100%;
	margin: 0 auto;
	background-color: #fff;
}
	.header {
		float: right;
		width: 100%;
		height: 333px;
		text-align: center;
		background: url(../images/pic.png) no-repeat;
		background-size: cover;
	}
		.header > div {
			position: relative;
			top: 30%;
		}
			.header img {
				width: auto;
				max-height: 65px;
			}
			.header .title-red {
				float: right;
				width: 100%;
				font-size: 24px;
				color: #BD1F26;
			}
				.header .title-red > span {
					font-weight: 600;
				}
			.header .title-blue {
				float: right;
				width: 100%;
			}
				.header .title-blue > span {
					display: inline-block;
					padding: 4px 15px;
					margin-top: 5px;
					font-size: 22px;
					font-weight: 600;
					color: #fff;
					background: #084D9C;
					border-radius: 12px;
					-webkit-border-radius: 12px;
					-moz-border-radius: 12px;
				}

				.spacer {
					float: right;
					width: 100%;
					padding-top: 15px;
				}
	
	.container-left {
		float: left;
		width: 65%;
		text-align: center;
		background-color: #fff;
	}
		.container-header {
			padding: 16px 0;
			text-align: center;
			color: #000;
			background-color: #E6E6E6;
		}
		.container-left .col-third {
			display: inline-block;
			width: 30%;
			margin: 0 1%;
			text-align: center;
		}

		.container-left .col-third .circle {
				position: relative;
				width: 150px;
				height: 150px;
				margin: 0 auto 22px;
				text-align: center;
				border-radius: 50%;
				-webkit-border-radius: 50%;
				-moz-border-radius: 50%;
				box-shadow: 1px 1px 4px 1px rgba(0,0,0,.25), inset 0 0 0 2px #084D9C;
				-webkit-box-shadow: 1px 1px 4px 1px rgba(0,0,0,.25), inset 0 0 0 2px #084D9C;
				-moz-box-shadow: 1px 1px 4px 1px rgba(0,0,0,.25), inset 0 0 0 2px #084D9C;
				overflow: hidden;
			}
				.container-left .col-third .circle img {
					width: auto;
					/* max-height: 90px; */
					margin: 10px auto 0;
				}
				.container-left .col-third .circle a {
					float: right;
					width: 100%;
					text-decoration: none;
					text-align: center;
					color: #1A1A1A;
				}
				.container-left .col-third .circle span {
					position: absolute;
					width: 70%;
					margin: 0 auto;
					right: 0;
					bottom: 16px;
					left: 0;
					font-size: 13px;
					line-height: 1;
					font-weight: 600;
					text-decoration: none;
					text-align: center;
					color: #1A1A1A;
				}
	
	.container-right {
		float: right;
		width: 35%;
		background-color: #E6E6E6;
		overflow: hidden;
	}
		.welcome {
			float: right;
			width: 100%;
			padding: 13px 8px 5px 0;
			background-color: #084D9C;
		}
			.welcome .image,
			.course .image {
				float: right;
				max-width: 35px;
			}
				.welcome .image img,
				.course .image img {
					
				}
			.welcome .content,
			.course .content {
				float: right;
				max-width: 79%;
				margin-right: 10px;
			}
				.welcome > .content > span,
				.course > .content > span {
					float: right;
					width: 100%;
					font-size: 15px;
					color: #fff;
				}
				.welcome > .content > .first {
					font-weight: 600;
				}
				.welcome > .content > .second {
					font-size: 12px;
				}
		
		.course {
			float: right;
			width: 100%;
			padding: 5px 8px 1px 0;
			background-color: #949494;
		}
			.course a:active,
			.course a:visited,
			.course a {
				text-decoration: none;
				color: #fff;
			}
			.course > .content .first {
				float: right;
				width: 100%;
				margin-top: 10px;
				font-weight: 600;
			}
		
		.side-menu {
			position: relative;
			float: right;
			width: 100%;
		}
			.side-menu > ul {
				float: right;
				width: 100%;
				padding: 0;
				margin: 0;
				list-style: none;
			}
				.side-menu > ul > li {
					float: right;
					width: 100%;
					padding: 10px 8px 5px 0;
					background-color: #E6E6E6;
					transition: all .3s;
					-webkit-transition: all .3s;
					-moz-transition: all .3s;
				}
				.side-menu > ul > li:hover, .side-menu > ul > li.active {
					background-color: #949494;
				}
					.side-menu > ul > li a:active,
					.side-menu > ul > li a:visited,
					.side-menu > ul > li a {
						float: right;
						width: 100%;
						text-decoration: none;
						color: #1A1A1A;
					}
					.side-menu > ul > li .image {
						float: right;
						max-width: 30px;
						padding-right: 6px;
					}
					.side-menu > ul > li .content {
						float: right;
						max-width: 100%;
						padding-left: 10px;
						margin-right: 10px;
					}
						.side-menu > ul > li .content .first {
							float: right;
							width: auto;
							margin-left: 10px;
							font-size: 14px;
							line-height: 36px;
						}
						.side-menu > ul > li .content img {
							float: left;
							width: 30px;
						}
	
	li.boxed .box-border {
		float: right;
		padding: 4px 0 0;
		color: #BD1F26;
		background-color: #fff;
		border: 1px solid #BD1F26;
		border-radius: 4px;
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
	}
		li.boxed .content span {
			padding-left: 8px;
			margin: 0 !important;
			font-size: 13px !important;
			line-height: 35px !important;
			font-weight: 600;
			color: #BD1F26;
		}

@media screen and (min-width: 1200px) and (max-width: 1300px) {
	.welcome .image, .course .image {
		margin-right: 0 !important;
	}
}

@media screen and (min-width: 768px) and (max-width: 1024px) and (max-height: 800px) {
	.container-left .col-third .circle {
		width: 90% !important;
	}
}

@media screen and (min-width: 768px) and (max-width: 900px) {
	.container-left .col-third {
		display: inline-block;
		float: none;
		width: 49%;
		margin: 0;
	}
	.container-left .col-third .circle {
		width: 90%;
	}
	.container-left .col-third .circle span {
		bottom: 20px;
		font-size: 17px;
	}
	
	.welcome .image, .course .image {
		margin-right: 0 !important;
	}
}

@media screen and (max-width: 768px) {
	.spacer { 
		display: none;
	}
	
	.circle {
		min-height: 130px;
	}
	
	.side-menu > ul > li.active {
		background-color: transparent !important;
	}
	
	.container-left .col-third .circle span {
		bottom: 20px;
		font-size: 17px;
	}

	.side-menu.mobile {
		display: block !important;
		position: static !important;
		padding-bottom: 15px;
		margin-bottom: 30px;
	}

	.mobile-only {
		display: block !important;
	}
	
	.container {
		max-width: 100%;
	}
	
	.header {
		height: 160px;
		margin-top: 57px;
	}
	
	.course {
		
	}
	
	.welcome {
		position: fixed;
		width: 100%;
		top: 0;
		right: 0;
	}
	
	.welcome .content {
		max-width: 60%;
	}
	
	.side-menu {
		display: none;
		position: fixed;
		width: 100%;
		height: 100%;
		top: 57px;
		right: 0;
		background-color: #E6E6E6;
	}
		.side-menu.mobile > ul {
			float: none;
			max-width: 74%;
			margin: 0 auto;
			overflow-y: scroll;
		}
		.side-menu:not(.mobile) > ul {
			position: absolute;
			float: none;
			width: 100%;
			height: 100%;
			top: 0;
			right: 0;
			overflow: auto;
		}
			.side-menu ul li {
				padding-right: 0 !important;
				padding-left: 0 !important;
				border-bottom: 1px solid #999;
			}
			.side-menu ul li:last-child {
				border-bottom: none;
			}
	
	.container-left, .container-right {
		width: 100%;
		height: auto !important;
	}
	
	.header > div {
		top: 9%;
	}
	.header img {
		max-height: 50px;
	}
	.header .title-blue > span {
		max-width: 80%;
		font-size: 16px;
	}
	.container-header {
		font-size: 20px;
		font-weight: normal;
		color: #BD1F26;
		background-color: #fff;
	}
		.container-header img {
			position: relative;
			top: 4px;
		}
	
	.container-left .col-third {
		float: none;
		width: 49%;
		margin: 0;
	}

		.container-left .col-third .circle {
			width: 75%;
		}
			.container-left .col-third .circle img {
				/* width: 38%; */
				max-height: none;
				margin: 20px auto 0;
			}
			.container-left .col-third .circle > span {
				bottom: 30px;
				font-size: 15px;
			}
}

@media screen and (max-width: 500px) {
	.container-left .col-third .circle {
		height: 140px;
	}
}

@media screen and (max-width: 340px) {
	.title-blue > span {
		font-size: 14px !important;
	}

	.side-menu {
		top: 70px !important;
	}

	.side-menu > ul > li .content .first {
		font-size: 11px !important;
	}

	.container-left .col-third .circle {
		height: 120px;
	}

	.container-left .col-third .circle span {
		font-size: 14px;
	}
}

@media screen and (min-width: 600px) and (max-height: 500px) {
	.container-left .col-third .circle {
		width: 50%;
		height: 170px;
	}
}

@media screen and (min-width: 740px) and (max-width: 800px) and (min-height: 768px) {
	.container-left .col-third .circle {
		width: 50%;
		height: 170px;
	}
}

@media screen and (min-width: 360px) and (max-width: 360px) {
	li.boxed .content span {
		font-size: 12px !important;
	}
}


.input7 label {
	float:right;
	line-height:25px;
	font-size:14px;
}
.input7 input {
	float:left;
	margin:0;
	padding:0;
	outline:none;
	height:23px;
	border:0px solid #4567a0;
	float:none;
}
.input7 label {width:135px;}
.input7 input {width:15px;}
}


#inner-content .block26 {
	float:right;
	width:250px;
	line-height:28px;
	font-size:14px;
	padding:0 0px 0 0px;
	margin:0 10px 0 100px;
}
#inner-content .block26 a {
	font-weight:bold;
	font-size:16px;
}