@charset "utf-8";
/* CSS Document */

body { margin:0 auto;  color:#786853; font-size:23px; background-color:#fff; background-image:url(../images/main-bg.png); background-repeat:no-repeat; background-position:top center; background-size: contain; font-family: 'AdobeArabicRegular';  font-weight:500; line-height:normal; text-align:right; }
.top { background:url(../images/border-top.jpg); height:2px; background-position:center; width:100%;}
ul, li {  margin:0; padding:0; list-style:none;}
img { border:none; }
.clear {clear:both;}
.con { width:1024px; margin:0 auto;}
a { color:#786853; text-decoration:none;}


.topbar { margin-top:10px;}
.lang { float:left; background:#f1f1f1; text-align:center; line-height:18px; padding:10px;}
.lang:hover{background:#786853; }
.lang a:hover {color:#fff;}
.social {  }
.social ul { float:right;}
.social li { float:right; margin-left:5px; background:#f1f1f1; width:50px; height:50px;}

.logo { margin-bottom:15px;}
.logo img{ width:100%; height:auto;}
.about { background:#187779;height:530px;padding-top:15px;}
.calendar { background:#945393;height:530px; margin-top:2px; padding-top:15px; line-height:16px;}
.calendar a{ color:#fff; font-size:22px; }
.calendar ul{ list-style:none; margin-top:30px }
.calendar li{ margin-top:10px; line-height:22px;}
.calendar .date { font-size:25px; float:right; margin-left:5px; font-weight:bold;}


.honeandnews { height:530px; margin-top:2px;}
.honeandnews .icon { width:121px; margin:0 auto; padding-top:45px; margin-bottom:25px;}
.homework { background:#dc534d; height:264px;}
.news { background:#87ba1f; margin-top:2px; height:264px;}
.kindergarden { background:#71a016; height:530px;padding-top:15px;}
.Middle { background:#148e91; height:530px; margin-top:2px; padding-top:15px;}
.high { background:#db534c; height:530px; margin-top:2px; padding-top:15px;}

.rb{ float:left; width:34.9%;}
.lb{ float:right; width:64.9%; }

.title { width:95%; margin:0 auto; margin-bottom:5px; text-align:center; color:#fff; font-size:25px; padding-top:15px; padding-bottom:15px; text-transform:uppercase;font-family: 'ae_alyermookregular';}

.blockcon {width:90%; margin:0 auto; position:relative;}


 
.kindergarden .more {  background:url(../images/kindergarden-more-bg.png);}
.Middle 	  .more { background:url(../images/Middle-more-bg.png);}
.high         .more {background:url(../images/high-more-bg.png); }

.slider { float:left; background:url(../images/slider-bg.png); width:80%; height:454px; position:relative; z-index:998; }


.more {width:31.8%; height:322px; color:#fff;background-repeat: no-repeat; background-size: contain; right:10px; top:100px; position:absolute; background-position:right; padding-top:80px; padding-left:40px; text-align:center; line-height:18px; background-repeat:no-repeat;}

.more a { color:#fff;}


/* Outer */
.popup {
width:100%;
height:100%;
display:none;
position:fixed;
top:0px;
left:0px;
background:rgba(0,0,0,0.75);
z-index:2000;
}
/* Inner */
.popup-inner {
max-width:700px;
width:90%;
padding:40px;
position:absolute;
top:50%;
left:50%;
-webkit-transform:translate(-50%, -50%);
transform:translate(-50%, -50%);
box-shadow:0px 2px 6px rgba(0,0,0,1);
border-radius:3px;
background:#fff;
}
/* Close Button */
.popup-close {
width:30px;
height:30px;
padding-top:4px;
display:inline-block;
position:absolute;
top:0px;
right:0px;
transition:ease 0.25s all;
-webkit-transform:translate(50%, -50%);
transform:translate(50%, -50%);
border-radius:1000px;
background:rgba(0,0,0,0.8);
font-family:Arial, Sans-Serif;
font-size:20px;
text-align:center;
line-height:100%;
color:#fff;
}
.popup-close:hover {
-webkit-transform:translate(50%, -50%) rotate(180deg);
transform:translate(50%, -50%) rotate(180deg);
background:rgba(0,0,0,1);
text-decoration:none;
}
.underline{ text-decoration:underline;}
.contacts { padding-top:20px;padding-bottom:20px;}
.contacts li{ float:right; margin-left:50px;}
.contacts .icon { float:right; margin-left:5px; width:30px; height:30px;}
.contacts .icon img { width:100%; height:auto;}

.table {
	display: table;   /* Allow the centering to work */
	margin: 0 auto;
}

ul#horizontal-list {
	min-width: 696px;
	list-style: none;
	}
	ul#horizontal-list li {
		display: inline;
	}
.footer { background:#786854; color:#fff; text-align:center; padding-top:15px; padding-bottom:15px; text-transform:uppercase;font-family: 'ae_alyermookregular'; font-size:18px;}
.footer  a { color:#fff;}
.footer .fmenu { text-align:center; width:44%; margin:0 auto;}
.footer .fmenu li{ float:right; margin-left:20px;  }
@media only screen and (min-width : 980px) and (max-width : 1024px){
	.con { width:90%;}
	}
@media only screen and (min-width : 768px) and (max-width :979px) {
	.con { width:90%;}
	}
@media only screen and  (max-width : 767px) {
	.con { width:90%; margin:0 auto;}
	.rb{ float:none; width:100%;}
	.lb{ float:none; width:100%; }
	
	
	
	.about { height:auto; padding-top:15px;padding-bottom:15px;}
.calendar {  height:auto; padding-top:15px; padding-bottom:15px; position:relative;}
.calendar ul{ list-style:none; margin-top:30px }
.calendar li{ margin-top:10px;}

.honeandnews { height:auto; margin-top:2px;}
honeandnews .title { margin-top:50px;}
.homework { background:#dc534d; height:auto;}
.news { background:#87ba1f; margin-top:2px; height:auto;}
.kindergarden { height:auto; padding-top:15px;}
.Middle {height:auto;  padding-top:15px;}
.high {  height:auto; padding-top:15px;}


.slider { float:none; width:100%; height:auto;  }
 .more {width:100%; height:auto; color:#fff;background-repeat: no-repeat;  margin-left:0; top:0px; position:relative; padding-top:15px;padding-bottom:15px; text-align:center; line-height:18px; background:none !important; font-size:30px;}

.title { width:95%; margin:0 auto; margin-bottom:5px; text-align:center; color:#fff; font-size:25px; padding-top:5px; padding-bottom:5px; text-transform:uppercase;}

.contacts .icon {  width:25px; height:25px;}

ul#horizontal-list {
	width: 100%;
	list-style: none;	
	}
	
ul#horizontal-list li {
		display:block; padding:10px;
		float:none; width:100%; text-align:left;
	}	
	
.footer .fmenu { text-align:center; width:100%; margin:0 auto; font-size:18px;}
.footer .fmenu li{ float:left; margin-right:10px; text-align:center;}
.footer { font-size:18px; line-height:normal;}


	}
@media only screen and (min-width : 320px) and (max-width : 478px)	{
	.con { width:90%;}
	}