/*

Extra Light: 200
Light: 300,
Regular: 400
Semi Bold: 600
Extra Bold: 800

*/

#header,
#footer,
.section1,
.section2,
.section3,
.inner-page { direction: rtl; } 
img { max-width: 100%; }

#toggle { display: none; width: 28px; height: 30px; margin: 26px 0 0; float: right; } 
#toggle span:after,
#toggle span:before { content: ""; position: absolute; left: 0; top: -9px; }
#toggle span:after{ top: 9px; }
#toggle span { position: relative; display: block; }
#toggle span,
#toggle span:after,
#toggle span:before { width: 100%; height: 5px; background-color: #4e636d; transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; backface-visibility: hidden; border-radius: 2px; }

/* on activation */
#toggle.on span { background-color: transparent; }
#toggle.on span:before { transform: rotate(45deg) translate(5px, 5px); }
#toggle.on span:after { transform: rotate(-45deg) translate(7px, -8px); }
#toggle.on + #menu { opacity: 1; visibility: visible; }


#header { padding: 0 40px; }
#header h1 { margin: 10px 0 60px; color: #4e636d; font-size: 42px; font-weight: 600; }
#header h1 span { font-size: 22px; }
#header .menu { display: block; margin: 0; padding: 0; }
#header .menu > li { display: inline-block; font-size: 20px; font-weight: 300; }
#header .menu > li:before { content: '|'; margin: 0 10px; display: inline-block; }
#header .menu > li:first-child:before { display: none; }
#header .menu > li > a { display: inline-block; color: #4e636d; border-bottom: 4px solid #fff; padding: 5px 0; }
#header .menu > li > a:hover,
#header .menu > li > a:focus { color: #ccb984; border-color: #ccb984; }

#header .social { text-align: left; margin: 105px 0 0; }
#header .social a { display: inline-block; margin-right: 10px; }

.section1 .col { margin: 0; }
.section1 .span_4_of_12 { width: 33.33%; background: #4e636d url(/images/bg1.png) center center no-repeat; color: #fff; }
.section1 .span_2_of_12 { width: 17.47%; }
.section1 .span_4_of_12 h2 { text-align: center; font-weight: 400; color: #ccb984; font-size: 41px; margin: 0 0 20px; }
.section1 .span_4_of_12 .inner-col { padding: 20px 40px; }
.section1 .span_4_of_12 .inner-col p { margin-bottom: 20px }  

.section1 .span_4_of_12,
.section1 .span_6_of_12 { height: 500px; }

.section1 .span_2_of_12 .col-1,
.section1 .span_2_of_12 .col-2 { height: 250px; overflow: hidden; }

.section1 .span_2_of_12 .col-1 { background: #ccb984; }  
.section1 .span_2_of_12 .col-2 { background: #88bbc1; }

.section1 .span_2_of_12 .col-1 img,
.section1 .span_2_of_12 .col-2 img { margin: 0 auto; display: block; }
.section1 .span_2_of_12 .col-2 img { margin-top: 27px; }

.section1 .span_2_of_12 .col-1 h2,
.section1 .span_2_of_12 .col-2 h2 { color: #4e636d; font-size: 41px; font-weight: bold; margin: 0; padding: 10px 20px 15px; }

.section1 .span_2_of_12 .col-2 h2 { color: #3c1e31; }

.section1 .span_6_of_12 { background-size: cover; position: relative; }
.section1 .span_6_of_12 .youtube-icon { display: table; height: 100%; margin: 0 auto; }
.section1 .span_6_of_12 .youtube-icon a { display: table-cell; vertical-align: middle; } 

.section1 .span_6_of_12 .inner-content {display:none; position: absolute; bottom: 0; left: 0; right: 0; background: #4e636d; background: rgba(78, 99, 109, .62); text-align: center; padding: 20px; }
.section1 .span_6_of_12 .inner-content h2 { margin: 0; padding: 0; color: #fff; font-size: 40px; line-height: 40px; }

.section2 .col { margin: 0; }
.section2 .span_4_of_12 { width: 33.33%; height: 250px; position: relative; }

.section2 .col-1 { background: #ccb984 url(/images/img4.jpg) center center no-repeat; background-size: cover; }
.section2 .col-2 { background: #ccb984 url(/images/img5.png) center center no-repeat; background-size: cover; }
.section2 .col-3 { background: #ccb984 url(/images/img6.png) center center no-repeat; background-size: cover; }
.section2 .span_4_of_12 h3 { position: absolute; margin: 0; line-height: 33px; padding: 0; bottom: 55px; right: 30px; text-shadow: 2px 2px 5px #000; font-weight: bold; font-size: 33px; color: #fff; }
.section2 .span_4_of_12 h4 { font-size: 35px; line-height: 35px; color: #3b1e30; font-weight: 800; position: absolute; bottom: 40px; right: 40px; }


.section3 { display: flex; width: 100%; flex-wrap: wrap; }
.section3 .section { width: 100%; }
.section3 .span_6_of_12 { width: 50%; height: 100%; background: #4e636d; height: 100%; color: #fff; }

.section3 .col { margin: 0; }

.section3 .span_6_of_12 a { color: #373737; }
.section3 .span_6_of_12 a:hover,
.section3 .span_6_of_12 a:focus { color: #4e636d; }
.section3 h4 { font-size: 34px; font-weight: 600; color: #fff; margin: 10px 0; text-align: center; }
.section3 table { width: 100%; border: 0; border-spacing: 0px; text-align: right; background: #fff; font-size: 16px; }
.section3 table td,
.section3 table th { border: 0; border-spacing: 0px; border-collapse: separate; border-bottom: 1px solid #cbc9bf; border-right: 1px solid #cbc9bf; }

.section3 table th { background: #373737; padding: 2px 5px; text-align: center; font-size: 14px; width: 5%; }
.section3 table td { padding: 2px 5px; vertical-align: top; width: calc(100% / 7);}
.section3 table td a { font-weight: bold; display: block; margin: 10px 0 10px -5px; }
.section3 table td .date { color: #373737; display: block; font-weight: 400; font-size: small; }
.section3 table td .time {font-size:x-small;font-weight:400;}
.section3 table td .day {min-height:90px;}

.light-blue { border-left: 5px solid #f3f781; }
.blue { border-left: 5px solid #5eade2; }
.yellow { border-left: 5px solid #eff384; }
.light-blue { border-left: 5px solid #01dfd7; }
.purpole { border-left: 5px solid #f880f4; }
.light-green {border-left:5px solid #58D68D;}

.event-more-data {color:#fff;background-color:#4e636d;padding:10px;position:absolute;display:none;}
.day > a:hover .event-more-data {display:block;}
.event-title-row {font-size:12px;font-weight:normal;height:20px;overflow:hidden;}

.section3 .table-outer { margin: 0 20px 20px; }
#mobile-logo { display: none; }

.banner { height: 300px; background: center center no-repeat; background-size: cover;}

.inner-page { font-size: 18px; font-weight: 400; }
.inner-page h2 { font-weight: 400; font-size: 50px; color: #4e636d; }
.inner-page h4 { color: #434343; font-size: 25px; display:block;width:100%;text-align:center; }

img.align-left { float: left; margin: 10px 30px 10px 0; }


.left-gallery-container img {max-width:100%;margin-bottom:20px;}

.text-1-container {font-size:medium;line-height:150%;}

.management-button {position:absolute;top:3px;left:3px;}

.management-button > a {background-color:#ececec;padding:3px 10px; border:1px solid #000;}

.management-relative {position:relative;}

.sub-menu-container {
    position: absolute;
    background: #fff;
    padding: 10px;
    z-index: 999;
    margin: 0;
    display:none;
}

.menu > li:hover .sub-menu-container {
    display:block;
}


@media (min-width: 959px) and (max-width: 1200px) {
	
}

@media (min-width: 768px) and (max-width: 1024px) {
	
}

@media (min-width: 768px) and (max-width: 979px) {
	
	.span_12_of_12,
	.span_11_of_12,
	.span_10_of_12,
	.span_9_of_12,
	.span_8_of_12,
	.span_7_of_12,
	.span_6_of_12,
	.span_5_of_12,
	.span_4_of_12,
	.span_3_of_12,
	.span_2_of_12,
	.span_1_of_12 { width: 100%; }
	
	.col { margin: 2% 0; }
	
	#header { display: none; }
	
	#toggle { display: block; margin: 17px 0 0 50px; }
	
	#mobile-logo { display: block; padding: 0 20px; direction: rtl; }
	#mobile-logo .left { width: 10%; float: left; }
	#mobile-logo .right { width: 90%; float: left; }
	
	#mobile-logo { position: relative;  z-index: 999; }
	#mobile-logo .menu { display: none; position: absolute;  top: 100%; background: #fff; width: 100%; margin: 0; left: 0; right: 0; }
	#mobile-logo .menu > li { display: block; font-size: 18px; font-weight: 300; margin: 10px 20px 0; }
	#mobile-logo .menu > li > a { display: block; color: #4e636d; border-bottom: 4px solid #fff; padding: 5px 0; }
	#mobile-logo .menu > li > a:hover,
	#mobile-logo .menu > li > a:focus { color: #ccb984; border-color: #ccb984; }
			
	.section1 .span_4_of_12,
	.section1 .span_6_of_12,
	.section1 .span_2_of_12,
	.section3 .span_6_of_12 { width: 100%; }
	
	#mobile-logo .social { position: absolute; top: 50%; margin: -23.5px 0px 0 0; }
	
}


@media (max-width: 767px) {
	
	.span_12_of_12,
	.span_11_of_12,
	.span_10_of_12,
	.span_9_of_12,
	.span_8_of_12,
	.span_7_of_12,
	.span_6_of_12,
	.span_5_of_12,
	.span_4_of_12,
	.span_3_of_12,
	.span_2_of_12,
	.span_1_of_12 { width: 100%; }
	
	.col { margin: 2% 0; }
	
	#header { display: none; }
	
	#toggle { display: block; margin: 17px 0 0 50px; }
	
	#mobile-logo { display: block; padding: 0 20px; direction: rtl; }
	#mobile-logo .left { width: 20%; float: left; }
	#mobile-logo .right { width: 80%; float: left; }

	#mobile-logo {
		position: relative;
		z-index: 999;
		top: 5px;
	}
	#mobile-logo .menu { display: none; position: absolute;  top: 100%; background: #fff; width: 100%; margin: 0; left: 0; right: 0; }
	#mobile-logo .menu > li { display: block; font-size: 18px; font-weight: 300; margin: 10px 20px 0; }
	#mobile-logo .menu > li > a { display: block; color: #4e636d; border-bottom: 4px solid #fff; padding: 5px 0; }
	#mobile-logo .menu > li > a:hover,
	#mobile-logo .menu > li > a:focus { color: #ccb984; border-color: #ccb984; }
			
	.section1 .span_4_of_12,
	.section1 .span_6_of_12,
	.section1 .span_2_of_12,
	.section3 .span_6_of_12 { width: 100%; }
	
	#mobile-logo .social { position: absolute; top: 50%; margin: -23.5px 0px 0 0; }
	
	.section3 { display: block; }
	.section3 .span_6_of_12.col-1 { height: 300px; }
	
	.section1 .span_4_of_12 { height: auto; }
	.section1 .span_6_of_12 { height: 250px; }
	
	.section2 .span_4_of_12 { width: 100%; height: 250px; }
	
	.banner { height: 250px; }
	img.align-left { float: none; margin: 20px auto; display: block; }
	
}

marquee a {color:#fff !important;text-decoration:underline !important;}
.sub-menu-container > li {padding:10px 0;}

.news-container a:hover, .news-container a:focus {color:#fff;}

.home-page-gallery-container {position:relative;}

.home-page-gallery-container a {
    position: absolute;
    margin: 0;
    line-height: 33px;
    padding: 0;
    bottom: 55px;
    right: 30px;
    text-shadow: 2px 2px 5px #000;
    font-weight: bold;
    font-size: 33px;
    color: #fff;
}

.calendar-arrow {
    font-size:x-large;
    margin:0 30px;
    cursor:pointer;
    font-weight:100;
}

.calendar-title
{
    width:300px;
    display:inline-block;
}

.inner-page a {
    color: blue;
    text-decoration: underline;
}