@import url(http://fonts.googleapis.com/earlyaccess/droidarabickufi.css);
	#bsaHolder{
		display:none !important;
	}
body {
	/*background:#F2F2F2 !important;*/
	background:url(../images/background.jpg) no-repeat fixed ;
	background-size:cover;
	width:100% !important;
	height:100% !important;
    text-align:right !important;  
	}
.emp_bg {
	/*background:#F2F2F2 !important;*/
	background:url(../images/vvvvv.jpg) no-repeat fixed !important ;
	background-size:cover !important;
	width:100% !important;
	height:100% !important;
	}
.father_bg {
	background:url(../images/23_11.png) no-repeat fixed  !important;
	background-size:cover !important;
	width:100%;
	height:100%;
	}	
.student_bg {
	background:url(../images/2_23_11.png) no-repeat fixed  !important;
	background-size:cover !important;
	width:100%;
	height:100%;
	}		
	
	
.header_st {
	margin:0px 5% 3px 5% !important;
	}
.navbar_inner_st {
	background:url(../images/pattern_school.png) repeat #fff  !important;
    border-style: solid !important; 
	border-width: 7px 0px 0px !important;
	-moz-border-image: url(../images/bg_header.png) 7 0 0 repeat !important;
	-webkit-border-image: url(../images/bg_header.png) 7 0 0 repeat !important;
    -o-border-image: url(../images/bg_header.png) 7 0 0 repeat !important;
    border-image: url(../images/bg_header.png) 7 0 0 fill repeat !important;
	}
a {
	color:#27ae60;
	font-weight:bold;
	}	
/*.top_move {top:40px !important;}	*/
.social-icons {
	width:100%;
	background:#333;
	position:fixed;
	top:0px;
	right:0px;
	left:0px;
	margin-bottom:0px;
	height:40px;
	z-index:99999;
	
	}
.table-striped a span {
	color:#333 !important;
	font-size:14px;
	}
		
.table-striped a span.glyphicon-edit:hover {
	color:#0C3 !important;
	}
.table-striped a span.glyphicon-remove:hover {
	color:#F00 !important;
	}				
.navbar_logo_st img {
    float: left;
    width: 78px;
}	
.navbar_st {
	z-index:999999 !important;
	}	
.navbar_logo_st {
	margin-top:4px;
	margin-bottom:3px;
	width:15%; 
	}
.fa_st {
    float: right;
    font-size: 17px !important;
    padding-left: 5px;
	}	

.nav_st {
	float:left !important;
	}	
.nav_st li {
	line-height:20px;
	margin-top:20px;
	}	
.nav_st li a {
	color:#fff !important;
	text-shadow:none !important;
	font-size:15px !important;
	font-weight:500;
	padding:10px 22px !important;
	font-family: 'Droid Arabic Kufi', serif ;
	}
	
.thumbnail_co {
	width:100%;
	direction:rtl;
	float:right;
	}
.list_level {
	list-style:none !important;
	margin-top:10px;
	}	
.list_level li{
	display:inline-block;
	margin-right:5px;
	}		
.list_level li a{
	border:2px solid #666;
	padding:6px 8px;
	color:#666;
	font-size:16px;
	border-radius:5px;
	-moz-border-radius:5px;
	-ms-border-radius:5px;
	-o-border-radius:5px;
	-webkit-border-radius:5px;
	}	
.list_level li a:hover{
	text-decoration:none;
	}	
.tree li a strong {
	padding-right:5px;
	color:#dc9923;
	}				
.thumbnail_st {
	width:110px;
	height:80px;
	display:inline-block !important;
	margin-right:5px;
	text-align:center !important;
	line-height:80px !important;
	color:#fff !important;
	font-family: 'Droid Arabic Kufi', serif ;
	padding:4px;
	border-radius:4px;
	-moz-border-radius:4px;
	-ms-border-radius:4px;
	-o-border-radius:4px;
	-webkit-border-radius:4px;
	}	
.thumbnail_st:hover {
	text-decoration:none;
	} 
.thumbnail_bo_st0 {
	background:#ff4a43;
	}	
.thumbnail_bo_st1 {
	background:#22beef;
	}		
.thumbnail_bo_st2 {
	background:#a2d200;
	}		
.thumbnail_bo_st3 {
	background:#ffc100;
	}	
.thumbnail_bo_st4 {
	background:#1ccdaa;
	}		
.thumbnail_bo_st5 {
	background:#cd97eb;
	}	
.thumbnail_bo_st6 {
	background:#1693a5;
	}	
.thumbnail_bo_st7 {
	background:#a40778;
	}		
.list_message {
	list-style:none;
	direction:rtl;
	}	
.list_message li{
	display:inline-block;	
	-moz-border-radius:5px;
	-ms-border-radius:5px;
	-o-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	margin-right:4px;
	text-align:center;width:9%;
	}		
.list_message li a{
	line-height:35px;
	color:#fff;width:100%;
	font-weight:bold;
	}		
.list_message li a:hover{
	text-decoration:none;
	}	
.nav_st li:first-child a {
	padding-right:0px !important;
	}	
.nav_st li a:hover  { 
	color:#dc9923 !important;
	border-radius:5px;
	-moz-border-radius:5px;
	-ms-border-radius:5px;
	-webkit-border-radius:5px;
	-o-border-radius:5px;
    }
.live_chat {
	float:left;
	margin-left:5%;
	padding-left:20px;
	padding-right:20px;

	}	
.sign_in {
	float:left; display: block;color:#fff;	
	width:79px;
	height:36px;
	text-align:left;font-family: 'Droid Arabic Kufi', serif ;
	font-size:12px;
	line-height:35px;font-weight:400;
	}
.sign_in:hover {
	color:#dc9923;
	text-decoration:none;
	}	
.live_chat_bg {
	background-image:url(../images/support-bottom.png) ;
	background-position:center center;
	background-repeat:no-repeat;
	width:139px;
	height:36px;
	 display: block;float:left;
	
	} 
.live_chat_bg:hover {
	background-image:url(../images/support-bottom-hover.png) ;
	background-position:center center;
	background-repeat:no-repeat;
	} 


/* ======================================================================== */
/* Thumbs																	*/
/* ======================================================================== */


.content_st h3 {
	width:80%;
	color:#DC9923;
	margin:0 10%;
	font-family: 'Droid Arabic Kufi', serif ;
	font-size:18px;
	text-align:center !important;
	border-bottom:solid 1px #CCC;
	
	
	}
.content_st h3 p{
	color:#666;
	font-family: 'Droid Arabic Kufi', serif ;
	font-size:12px;
	text-align:center !important;

	
	
	}
.pro_bg {
	background:#eaeaea;
	width:100%;
	float:right;
	}

.wpb-partners-list   {
    list-style:none;
	text-align:center;
}	
.wpb-partners-list li  {
    display: inline-block;
    padding-top: 30px;
	padding-bottom: 30px;
	margin-right:5%;
	width:9%;
	float:right;
	
}
.wpb-partners-list li img {
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
    max-height: 80px;
}
.wpb-partners-list li:hover img {
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale");
	cursor:pointer;
}
.img_block img {
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
}
.img_block img:hover {
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale");
	cursor:pointer;
		-webkit-transition-duration: 0.9s;
    -moz-transition-duration: 0.9s;
    -o-transition-duration: 0.9s;
    transition-duration: 0.9s;
}
.block_holder {
    padding: 7px;
    background: #f6f6f6;
    -webkit-box-shadow:  0px 0px 3px 1px rgba(0, 0, 0, 0.15);
    box-shadow:  0px 0px 3px 1px rgba(0, 0, 0, 0.15);
    float: right;
	margin-top:10px;
	margin-right:1.2% !important;
	margin-bottom:20px;
	color:#999 !important;
	font-family: 'Droid Arabic Kufi', serif ;
}
.block_holder h1{
    font-size:18px;
}
.block_holder p{
    font-size:12px;
}
.block_holder img{
	width:100%;
	border:2px solid #ccc;
	}
.hover_block {
    position: relative;
    overflow: hidden;
}
#toTop {
	display:none;
	text-decoration:none;
	position:fixed;
	bottom:10px;
	right:10px;
	overflow:hidden;
	width:51px;
	height:51px;
	border:none;
	text-indent:100%;
	background:url(../images/ui.totop.png) no-repeat left top;
}

#toTopHover {
	background:url(../images/ui.totop.png) no-repeat left -51px;
	width:51px;
	height:51px;
	display:block;
	overflow:hidden;
	float:left;
	opacity: 0;
	-moz-opacity: 0;
	filter:alpha(opacity=0);
}


#toTop:active, #toTop:focus {
	outline:none;
}
.block_3 .top_left, .block_3 .top_right, .block_3 .bottom_left, .block_3 .bottom_right {
    width: 50%;
    height: 50%;
    background: rgba(0, 0, 0, 0.8);
    position: absolute;
    transition: all 200ms linear; 
    -webkit-transition: all 200ms linear;  
    -moz-transition: all 200ms linear;
}

.block_3 .top_left { top: -50%; left: -50%; }
.block_3 .top_right { top: -50%; right: -50%; }
.block_3 .bottom_left { bottom: -50%; left: -50%; }
.block_3 .bottom_right { bottom: -50%; right: -50%; }

.block_3:hover .top_left { top: 0; left: 0; }
.block_3:hover .top_right { top: 0; right: 0; }
.block_3:hover .bottom_left { bottom: 0; left: 0; }
.block_3:hover .bottom_right { bottom: 0; right: 0; }
.hover_info {
    width: 350px;
    height: 250px;
    position: absolute;
    top: 0;
    right: 0;
}
.hover_block img{
	width:100%;
	height:260px;
	}
.hover_info h1 { font-size: 2em; padding: 10px 20px; background: rgba(207, 138, 5, 0.7); color: #E7E7E7; position: absolute; top: 15px; right: -100%; transition: right 200ms linear; -webkit-transition: right 200ms linear; -moz-transition: right 200ms linear; }
.hover_info p { font-size: 12px; line-height: 1.4; color: #fff;position: absolute; top: 100px; right: 10%; width: 80%; text-align: center; opacity: 0; transition: opacity 200ms linear; -webkit-transition: opacity 200ms linear; -moz-transition: opacity 200ms linear; }
.hover_info a { font-size: 12px; padding: 10px 20px; background: rgba(207, 138, 5, 0.7); color: #E7E7E7; position: absolute; top: 45%; left: -100%; }
.hover_info:hover h1 { right: 0; transition-delay: 250ms; -webkit-transition-delay: 250ms; -moz-transition-delay: 250ms; }
.hover_info:hover p { opacity: 1; transition-delay: 600ms; -webkit-transition-delay: 600ms; -moz-transition-delay: 600ms; }
.hover_info:hover a { left: 38%; transition: left 200ms linear 700ms, color, background 200ms linear; -webkit-transition: left 200ms linear 700ms, color, background 200ms linear; -moz-transition: left 200ms linear 700ms, color, background 200ms linear; }
.hover_info a:hover { background: rgba(207, 138, 5, 1.0); color: #F7F7F7; }

.block_11 .hover_box { 
    background: rgba(0, 0, 0, 0.8); 
    width: 100%;
    height: 100%;
    position: absolute;
    left: -100%;  
    top: -19%;
    transition: all 200ms linear; 
    -webkit-transition: all 200ms linear; 
    -moz-transition: all 200ms linear;
    transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
}
.block_11:hover .hover_box { top: 0; left: 0; transform: rotate(0deg); -webkit-transform: rotate(0deg); }

.block_17 .blind {
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.8);
    position: absolute;
    top: 0;
    left: 0;
    transition: all 200ms linear; 
    -webkit-transition: all 200ms linear;  
    -moz-transition: all 200ms linear;
    transform: scale(0,0);
    -webkit-transform: scale(0,0);
}

.block_17:hover .blind { transform: scale(1, 1); -webkit-transform: scale(1, 1); }
.content_container {background:#F2F2F2;}

.demo{
	margin:10px 0 10px 20px;
}
.pirobox_gall:hover {
	opacity:0.8;
	}

.upper-area {
	background:rgba(51, 51, 51, 0.8);
	float:right;
	width:100%;
	}	
		
.upper-area h3 {
	color:#EAEAEA;
	text-align:center;
	padding-top:10px;
	font-size:18px;font-weight:200;
	font-family: 'Droid Arabic Kufi', serif ;
	}	
.upper-area p{
	color:#EAEAEA;text-align:center;padding-bottom:30px;
	font-size:12px;font-weight:200;
	width:70%;
	margin:0 auto;direction:rtl;
	font-family: 'Droid Arabic Kufi', serif ;
	}	
.detail-area {
    background-color: rgba(214, 216, 205, 0.8);
	width:100%;
	float:right;
    }
.detail_in{
	color:#3A403F;text-align:right;padding-bottom:10px;
	font-size:12px;font-weight:200;
	width:44%;
	float:right;
	padding:1% 3%;
	font-family: 'Droid Arabic Kufi', serif ;
	}
.detail_in_page {
	width:94%;
	}	
.detail_in h3{
	color:#3A403F;text-align:right;
	font-size:20px;font-weight:200;
	padding:1% 3%;
	font-family: 'Droid Arabic Kufi', serif ;
	}
.detail_in a{
	float:left;
	margin-left:6%;
	}	
.detail_in p{
	color:#3A403F;text-align:right;
	font-size:12px;font-weight:200;
	float:right;
	padding:1% 3%;
	line-height:27px;
	font-family: 'Droid Arabic Kufi', serif ;
	direction:rtl;
	}
	
		
.image2 {
	background:url(../images/image-2.jpg) no-repeat top center;
	width:100%;
	height:1000px;
	float:right;
	position:fixed;
	top:20px;
	z-index:-1;
	}	

.example1, .example2, .example3, .example4, .example5 { opacity:0; filter:alpha(opacity=0); }


.ca-menu{
    padding:0;
    margin:50px 7% ;
	font-family: 'Droid Arabic Kufi', serif ;list-style:none;
}
.ca-menu li{
    width: 30.6%;
    position: relative;
    float:right;
    background:rgba(255, 255, 255 , 0.7);
    margin-right: 2%;
    -webkit-box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
    -moz-box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
    box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
    -webkit-border-radius:5px;
    -moz-border-radius: 5px;
    border-radius: 5px;display:inline-block;
	margin-top:70px;
	height:300px;
/*    -webkit-transition: all 800ms linear;
    -moz-transition: all 800ms linear;
    -o-transition: all 800ms linear;
    -ms-transition: all 800ms linear;
    transition: all 800ms linear;*/
}
.ca-menu li h4{
    display: block;
    color: #DC9923 ;
    text-align:center;
	margin-top:-50px !important;

}

.ca-menu li p{
    display: block;
    color: #666;
    text-align:center;
	padding:5px;
	font-size:12px;

}
.ca-menu li a{
    display: block;
    color: #DC9923 ;
    text-align:center;
	font-size:14px;
    margin-bottom:30px;
}

.ca-menu li:hover{
    background: #f7f7f7;
    border-color: #fff;
 /*   -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);*/
    box-shadow: 0 45px 60px -50px #000000;
}

.asp{
	background:url(../images/program.png) center no-repeat #4f5d73;
	}
.idea{
	background:url(../images/po2.png) center no-repeat #77b3d4;
	}
.app{
	background:url(../images/more.png) center no-repeat #e0e0d1;
	}		
.desigin{
	background:url(../images/desigin.png) center no-repeat #49A1E7;
	}		
.source{
	background:url(../images/source.png) center no-repeat #FF0287;
	}	
.cms{
	background:url(../images/cms.png) center no-repeat #00A460;
	}		
.st_icons {
	border-radius:50%;
	-moz-border-radius:50%;
	-ms-border-radius:50%;
	-o-border-radius:50%;
	-webkit-border-radius:50%;
	height: 124px;
    width: 124px;
	display:inline-block; 
    position:relative;
	top:-60px;
	right:28%;
	z-index:99;
	border:10px solid #fff;
	-webkit-transition-duration: 0.8s;
    -moz-transition-duration: 0.8s;
    -o-transition-duration: 0.8s;
    transition-duration: 0.8s;
     
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    -o-transition-property: -o-transform;
    transition-property: transform;
- See more at: http://blog.vivekv.com/rotate-image-360deg-when-mouse-hover-using-css-3.html#sthash.wKobOj46.dpuf
	}
.st_icons:hover {
	-webkit-transform:rotate(360deg);
    -moz-transform:rotate(360deg);
    -o-transform:rotate(360deg);
	transform:rotate(360deg);
	cursor:pointer;
	} 		
.contact_info {
	margin-top:30px;
	margin-bottom:20px;
	}
.contact_info h3 {
	color:#dc9923;
	font-family: 'Droid Arabic Kufi', serif ;
	}
.contact_info p {
	color:#fff;
	font-family: 'Droid Arabic Kufi', serif ;
	line-height:28px;
	font-size:13px;
	}			
	
.ca-menu li:hover .ca-icon{
    color: #555;
    font-size: 60px;
}
.ca-menu li:hover .ca-main{
    display: none;
}
.ca-menu li:hover .ca-sub{
    opacity: 0.8;
}

.contact_bg {
	background:rgba(61, 62, 58, 0.8) ;
	width:100%;
	height:auto;
	float:right;
	}
.icon_send {
	background:url(../images/send.png) no-repeat left center ;
	width:32px;
	height:32px;
	display:inline-block;
	position:relative;
	left:40%;
	float:left;
	
	
	}
.prep_details {
	background-image:url(../images/paper_notes.png);
	background-repeat:repeat;
	border-top:4px solid #f57e7e;
	}
.lesson {
	border-radius:14px;
	background:rgba(255,255,255,0.8);
	padding:20px;
	
	}
.lesson label{
	direction:rtl;
	}
	
.lesson ol {
	list-style: arabic-indic !important;
	}	
.lesson ol li{
	direction:rtl;
	}				
.lesson_bo1{
	border:#8bafc2 1px solid;
	}
.lesson_bo1 label{
	color:#8bafc2;
	font-size:18px;
	
	}	
.lesson_bo2{
	border:#f57e7e 1px solid;
	}	
.lesson_bo2 label{
	color:#f57e7e;
	font-size:18px;
	}		
.lesson_bo3{
	padding:10px 20px 5px 20px !important;
	}
			
.lesson_bo4{
	border:#66FF8C 1px solid;
	}	
.lesson_bo4 label{
	color:#66FF8C;
	font-size:18px;
	}		
.lesson_bo5{
	border:#8A8AFF 1px solid;
	}	
.lesson_bo5 label{
	color:#8A8AFF;
	font-size:18px;
	}				
.control-group input,textarea {
	text-align:right !important;
	}
.contact_in form {
	margin-top:20px;
	padding:5px;
	}
.contact_in h3 {
	color:#dc9923;
	font-family: 'Droid Arabic Kufi', serif ;
	}	
	
.control_group_st input {
	width:47.1% !important;
	margin-bottom:5px !important;
	margin-top:5px !important;
	}
.control_group_btm {
	margin-bottom:10px !important;
	}
.control_group_btm_first {
	margin-bottom:6px !important;
	}			
.btn_st {
	background:#000 !important;
	color:#fff !important;
border:0px !important;display:inline-block;
line-height:30px !important;font-family: 'Droid Arabic Kufi', serif ;
-webkit-transition: all 0.1s ease-in-out 0.1s;
	-moz-transition: all 0.1s ease-in-out 0.1s;
	-ms-transition: all 0.1s ease-in-out 0.1s;
	-o-transition: all 0.1s ease-in-out 0.1s;
	transition: all 0.1s ease-in-out 0.1s;
	}
.btn_st:hover {
	background:#dc9923 !important;
	color:#fff !important;

	}

.bg_inner {
	width:100%;
	height:auto;
	float:right;
	padding-bottom:70px;
	
	}
footer {
	background:#303030;
	width:100%;
	height:auto;
	float:right;
	
	}
.rights {
	width:100%;
	text-align:center;
	list-style:none;
	color:#ECECEC;
	
	}	
.rights li a {
	color:#dc9923;	line-height:30px;
	}		
.rights li a:hover {
	text-decoration:none;
	}			
.rights_bg {
	background:#1d1d1d;
	width:100%;

    float:right;
	
	}		 	
.footer_blok {
	font-family: 'Droid Arabic Kufi', serif ;
	}	
.footer_blok h3{
	color:#ECECEC !important;
	font-size:16px;
	}		
.footer_blok ul{
	list-style:none;
	margin:0px 0px 20px 0px!important; 
	
	}		
.footer_blok ul li {
	display:list-item;
	line-height:25px;
	}		
.footer_blok ul li a{
	color:#8C8C8C !important;
	font-size:12px;
	}		
.footer_blok ul li a:hover{
	color:#fff !important;
	text-decoration:none;
	}	
.imag_page_in {
	margin-right:10px !important;
	}	 
.imag_page_in img {
	margin:50px 0px;
	border:3px solid rgb(214, 216, 205) ;
	box-shadow:#666 0px 0px 2px;
	-moz-box-shadow:#666 0px 0px 2px;
	-ms-box-shadow:#666 0px 0px 2px;
	-o-box-shadow:#666 0px 0px 2px;
	-webkit-box-shadow:#666 0px 0px 2px;
	}	
	
/* grow */
.grow {
  display: inline-block;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: -webkit-transform;
  transition-property: transform;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}

.grow:hover {
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}
.thumbs{
	text-align:center;
	float:right;
}

.thumbs a{
	width:70px;
	height:70px;
	display:inline-block;
	border:7px solid #303030;
	box-shadow:0 1px 3px rgba(0,0,0,0.5);
	border-radius:4px;
	margin: 6px 6px 40px;
	position:relative;
	text-decoration:none;
	
	background-position:center center;
	background-repeat: no-repeat;
	
	background-size:cover;
	-moz-background-size:cover;
	-webkit-background-size:cover;
}

.thumbs a:after{
	    border-radius: 7px;
    bottom: -80px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
    color: #FFFFFF;
    
    display: none !important;
    font-size: 10px;
    max-width: 90px;
    overflow: hidden;
    padding: 2px 10px;
    position: relative;
    text-align: center;
    white-space: nowrap;
}

#credit{
	background-color: rgba(255, 255, 255, 0.2);
	border-radius: 8px;
	font-size: 11px;
	margin: 0 auto 70px;
	opacity: 0.5;
	padding: 12px 16px;
	text-align: center;
	width: 400px;
}

#galleryOverlay{
	width:100%;
	height:100%;
	position:fixed;
	top:0;
	left:0;
	opacity:0;
	z-index:100000000;
	background-color:#222;
	background-color:rgba(0,0,0,0.8);
	overflow:hidden;
	display:none;
	
	-moz-transition:opacity 1s ease;
	-webkit-transition:opacity 1s ease;
	transition:opacity 1s ease;
}

/* This class will trigger the animation */

#galleryOverlay.visible{
	opacity:1;
}

#gallerySlider{
	height:100%;
	
	left:0;
	top:0;
	
	width:100%;
	white-space: nowrap;
	position:absolute;
	
	-moz-transition:left 0.4s ease;
	-webkit-transition:left 0.4s ease;
	transition:left 0.4s ease;
}

#gallerySlider .placeholder{
	background:url(../js/touchTouch/preloader.gif) no-repeat center center;
	height: 100%;
	line-height: 1px;
	text-align: center;
	width:100%;
	display:inline-block;
}

/* The before element moves the
 * image halfway from the top */

#gallerySlider .placeholder:before{
	content: "";
	display: inline-block;
	height: 50%;
	width: 1px;
	margin-right:-1px;
}

#gallerySlider .placeholder img{
	display: inline-block;
	max-height: 100%;
	max-width: 100%;
	vertical-align: middle;
}

#gallerySlider.rightSpring{
	-moz-animation: rightSpring 0.3s;
	-webkit-animation: rightSpring 0.3s;
}

#gallerySlider.leftSpring{
	-moz-animation: leftSpring 0.3s;
	-webkit-animation: leftSpring 0.3s;
}

/* Firefox Keyframe Animations */

@-moz-keyframes rightSpring{
	0%{		margin-left:0px;}
	50%{	margin-left:-30px;}
	100%{	margin-left:0px;}
}

@-moz-keyframes leftSpring{
	0%{		margin-left:0px;}
	50%{	margin-left:30px;}
	100%{	margin-left:0px;}
}

/* Safari and Chrome Keyframe Animations */

@-webkit-keyframes rightSpring{
	0%{		margin-left:0px;}
	50%{	margin-left:-30px;}
	100%{	margin-left:0px;}
}

@-webkit-keyframes leftSpring{
	0%{		margin-left:0px;}
	50%{	margin-left:30px;}
	100%{	margin-left:0px;}
}

/* Arrows */

#prevArrow,#nextArrow{
	border:none;
	text-decoration:none;
	background:url(../js/touchTouch/arrows.png) no-repeat;
	opacity:0.5;
	cursor:pointer;
	position:absolute;
	width:43px;
	height:58px;
	
	top:50%;
	margin-top:-29px;
	
	-moz-transition:opacity 0.2s ease;
	-webkit-transition:opacity 0.2s ease;
	transition:opacity 0.2s ease;
}

#prevArrow:hover, #nextArrow:hover{
	opacity:1;
}

#prevArrow{
	background-position:left top;
	left:40px;
}

#nextArrow{
	background-position:right top;
	right:40px;
}


/*----------------------------
	Media Queries
-----------------------------*/


@media screen and (max-width: 960px) {
	.thumbs, #credit{
		width:auto;
	}
	
	footer{
		display:none;
	}
	
	#bsaHolder{
		display:none;
	}
}


/* Pulse */

@-webkit-keyframes pulse {
  25% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }

  75% {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
  }
}

@keyframes pulse {
  25% {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
  }

  75% {
    -webkit-transform: scale(0.9);
    -ms-transform: scale(0.9);
    transform: scale(0.9);
  }
}

	
/* table style */	
.contaner_table {
	margin-top:150px;
	}
	.flat-table {
		margin-bottom: 20px;
		border-collapse:collapse;
		font-family: 'Lato', Calibri, Arial, sans-serif;
		border: none;
                border-radius: 3px;
               -webkit-border-radius: 3px;
               -moz-border-radius: 3px;
			   width:100%;
			   float:right;
			   
	}
	.flat-table th, .flat-table td {
		box-shadow: inset 0 -1px rgba(0,0,0,0.25), 
			inset 0 1px rgba(0,0,0,0.25);
	}
	.flat-table th {
		font-weight: normal;
		-webkit-font-smoothing: antialiased;
		padding: 1em;
		color: rgba(0,0,0,0.45);
		text-shadow: 0 0 1px rgba(0,0,0,0.1);
		font-size: 1.5em;
	}
	.flat-table td {
		color: #f7f7f7;
		padding: 0.7em 1em 0.7em 1.15em;
		text-shadow: 0 0 1px rgba(255,255,255,0.1);
		font-size: 1.4em;
	}
	.flat-table tr {
		-webkit-transition: background 0.3s, box-shadow 0.3s;
		-moz-transition: background 0.3s, box-shadow 0.3s;
		transition: background 0.3s, box-shadow 0.3s;
	}
	.flat-table-1 {
		background: #336ca6;
	}
	.flat-table-1 tr:hover {
		background: rgba(0,0,0,0.19);
	}
	.flat-table-2 tr:hover {
		background: rgba(0,0,0,0.1);
	}
	.flat-table-2 {
		background: #f06060;
	}
	.flat-table-3 {
		background: #52be7f;
	}
	.flat-table-3 tr:hover {
		background: rgba(0,0,0,0.1);
	}

.margen_top {
	margin-top:170px;
	margin-bottom: 50px !important;
	}
.pro_bg_in_page {
	margin-top:80px;
	}
.detail_area_in {
	margin-bottom:55px !important; 
	}	
.page_ul{
	list-style:circle !important;
	float:right;
	width:100%;
	direction:rtl;
	margin-top:20px;
	margin-bottom:20px;
	}	
.page_ul li{
	float:right !important;
	display:block !important;width:100%;
	font-size:15px !important;
	color:#666 !important;line-height: 28px;
	}	
	



.ca-menu2{
    padding:0;
    margin:20px auto;
	direction:rtl;
}
.ca-menu2 li{
	width:50%;
height:50px;
    overflow: hidden;
    position: relative;
    display: block;
    background: rgba(0,0,0,0.1);  color: #333;
    -webkit-box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
    -moz-box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
    box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
    margin-bottom: 4px;
    -webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    transition: all 300ms linear;
}
.ca-menu2 li:last-child{
    margin-bottom: 0px;
}

.ca-icon{
    font-family: 'WebSymbolsRegular', cursive;
    font-size: 12px;
    text-shadow: 0px 0px 1px #333;
    line-height: 50px;
    position: absolute;
    width: 20px;
    right: 20px;
    text-align: right;
    -webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    transition: all 300ms linear;
}
.ca-content{
    position: absolute;
    height: 30px;
	right:40px;
}
.ca-main{
	line-height:30px !important;
    font-size: 20px;
    -webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    transition: all 300ms linear;
}
.ca-sub{
    font-size: 14px;
    color: #666;
    -webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    transition: all 300ms linear;
}
.ca-menu2 li:hover{
    background: rgba(220, 153, 35, 0.1) !important;
}
.ca-menu2 li:hover .ca-icon{
    font-size: 20px;
    color:  rgb(220, 153, 35) !important;
    opacity: 0.8;
    text-shadow: 0px 0px 13px #fff;
}
.ca-menu2 li:hover .ca-main{
    opacity: 1;
    color: rgb(220, 153, 35) !important;
    -webkit-animation: moveFromTop 300ms ease-in-out;
    -moz-animation: moveFromTop 300ms ease-in-out;
    -ms-animation: moveFromTop 300ms ease-in-out;
}
.ca-menu2 li:hover .ca-sub{
    opacity: 1;
    -webkit-animation: moveFromBottom 300ms ease-in-out;
    -moz-animation: moveFromBottom 300ms ease-in-out;
    -ms-animation: moveFromBottom 300ms ease-in-out;
}
@-webkit-keyframes moveFromBottom {
    from {
        opacity: 0;
        -webkit-transform: translateY(200%);
    }
    to {
        opacity: 1;
        -webkit-transform: translateY(0%);
    }
}
@-moz-keyframes moveFromBottom {
    from {
        opacity: 0;
        -moz-transform: translateY(200%);
    }
    to {
        opacity: 1;
        -moz-transform: translateY(0%);
    }
}
@-ms-keyframes moveFromBottom {
    from {
        opacity: 0;
        -ms-transform: translateY(200%);
    }
    to {
        opacity: 1;
        -ms-transform: translateY(0%);
    }
}

@-webkit-keyframes moveFromTop {
    from {
        opacity: 0;
        -webkit-transform: translateY(-200%);
    }
    to {
        opacity: 1;
        -webkit-transform: translateY(0%);
    }
}
@-moz-keyframes moveFromTop {
    from {
        opacity: 0;
        -moz-transform: translateY(-200%);
    }
    to {
        opacity: 1;
        -moz-transform: translateY(0%);
    }
}
@-ms-keyframes moveFromTop {
    from {
        opacity: 0;
        -ms-transform: translateY(-200%);
    }
    to {
        opacity: 1;
        -ms-transform: translateY(0%);
    }
}














.nav_tabs_st {
margin-bottom:20px;
	}

.nav_tabs_st li{
	display:block !important;
float:right !important;
	margin:3px 0px !important;
	width:87.5%;
	}
.nav_tabs_st li a{
	font-size:16px !important;
	font-family: 'Droid Arabic Kufi', serif ;	background:#222 !important;
	padding:10px;
	width:100%;
	float:right !important;
	border-radius:0px 5px 5px 0px;
	-webkit-border-radius:0px 5px 5px 0px;
	-moz-border-radius:0px 5px 5px 0px;
	-ms-border-radius:0px 5px 5px 0px;
	-o-border-radius:0px 5px 5px 0px;
	border-bottom:2px solid #fff;
	border-top:2px solid #fff;
	border-right:2px solid #fff;
	color:#fff !important;
	}	
.nav_tabs_st li a:hover{
    text-decoration:none !important;
	background:#fff !important;color:#222 !important;	
		border-bottom:2px solid #ccc;
	border-top:2px solid #ccc;
	border-right:2px solid #ccc;
	}		
.nav_tabs_st li a:focus{
    text-decoration:none !important;
	background:#fff !important;color:#222 !important;
		border-bottom:2px solid #ccc;
	border-top:2px solid #ccc;
	border-right:2px solid #ccc;
	}	
.nav_tabs_st li a:actvie{
    text-decoration:none !important;
	background:#fff !important;color:#222 !important;
		border-bottom:2px solid #ccc;
	border-top:2px solid #ccc;
	border-right:2px solid #ccc;
	}		
.tab_content_st {

	}
.container_tabs {
	margin-bottom:20px;
	margin-top:20px;
	}	
.tab-pane {
	background:#fff;
/*    -moz-box-shadow: 2px 0px 2px #666;
    -webkit-box-shadow: 2px 0px 2px #666;
    box-shadow: 2px 0px 2px #666;*/
		border-radius:5px 0px 0px 5px;
	-webkit-border-radius:5px 0px 0px 5px;
	-moz-border-radius:5px 0px 0px 5px;
	-ms-border-radius:5px 0px 0px 5px;
	-o-border-radius:5px 0px 0px 5px;
	min-height:200px;
	float:right; 
	padding:5px;
	width:91%;
	} 
.tab-content {
	width:82.8%;
        z-index:99;
	} 	
.tab_no_marg {
	margin-right:0px !important;
	}
.imag_page_in_no_padd {
	padding:0px !important;
	}
.detail_in_page{
	color:#3A403F;text-align:right;padding-bottom:10px;
	font-size:12px;font-weight:200;
	padding:1% 3%;
	line-height:28px !important;
	font-family: 'Droid Arabic Kufi', serif ;
	}
.detail_in_page p{


	}	
.imag_page_in_page img {
	margin:20px;
	border:3px solid rgb(214, 216, 205) ;
	box-shadow:#666 0px 0px 2px;
	-moz-box-shadow:#666 0px 0px 2px;
	-ms-box-shadow:#666 0px 0px 2px;
	-o-box-shadow:#666 0px 0px 2px;
	-webkit-box-shadow:#666 0px 0px 2px;
	}
.imag_page_in_page {

	float:left !important; 
	}





















#modal {
	visibility:hidden;
	width:360px;
	height:44px;
	padding:8px;

	text-align:center;

	-webkit-border-radius:8px;
	-moz-border-radius:8px;
	border-radius:8px;

	position:fixed !important;
	top:50% !important;
	left:50% !important;
	margin-top:-94px !important;
	margin-left:-180px !important;
	z-index:1000000000000001;
}


#heading {
	width:360px;
	height:44px;

	background:#333;

	border:4px solid rgba(0,0,0,.3);
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px;

	font-size:14px;
	font-weight:bold;
	text-align:center;
	line-height:44px;

	color:#fff;
	text-shadow:0px 1px 0px #000;
}

#modal img {
	margin:10px auto !important;
	text-align:center;
	}
.reveal-modal-bg { 
	position: fixed; 
	height: 100%;
	width: 100%;
	background: #000;
	background: rgba(0,0,0,.4);
	z-index: 1000000000;
	display: none;
	top: 0;
	left: 0; 
}
.contact_data_in p{
	color:#666 !important;
	}
.container_contact {
	margin-top:30px;
	
	}
.container_contact .form-horizontal .control-label {text-align:right !important;}	
.container_contact_input
{
	background:rgb(234, 234, 234) !important ;
	width:80% !important;
	}	

@media only screen and (max-width: 767px) {
        
	#modal {
		width:284px;
		height:156px;
		padding:8px;

		margin-left:-150px !important;
		margin-top:-78px;
	}
	#heading {
		width:284px;
		height:28px;

		line-height:28px;
		font-size:0.688em;
	}
	#content {
		width:284px;
		height:128px;
   	}
   	#content p {
   		width:284px;
   		font-size:0.688em;
   	}
   	.button img { 
		width:23px;
		height:23px;
	}
	.button {
		width:108px;
		height:23px;

		line-height:23px;
		font-size:0.688em;
	}
	.button.green {
		margin:0 4px 0 28px !important;
	}
	.button.red {
		margin:0 28px 0 4px !important;
	}
}	
/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) { 
.top_move {
	top:0px !important;
	position:fixed !important;
	}  
.pull_right_st  {
	float:right !important;margin-top:20px !important;
	}	
	.st_icons {
		right:40% !important;
		
		}	
	.ca-menu li {
		width:100% !important;
		
		}	
		
		.control_group_st input {
		width:96% !important;
		}		
			
	}
 
/* Landscape phone to portrait tablet */
@media (max-width: 767px) { 
.top_move {
	top:0px !important;position:fixed !important;
	} 
.pull_right_st  {
	float:right !important;margin-top:20px !important;
	}		
	.block_holder {
    padding: 7px;
    background: #f6f6f6;
    -webkit-box-shadow:  0px 0px 3px 1px rgba(0, 0, 0, 0.15);
    box-shadow:  0px 0px 3px 1px rgba(0, 0, 0, 0.15);
    float: right;
	margin-top:10px;
	margin-right:0% !important;
	margin-bottom:20px;
	color:#999 !important;
}

.pro_bg {
	display:none !important;
	
	}
.image2 {
	display:none !important;
	
	}	
	.bg_inner {
	background:none !important;

	}	
	.footer_blok {
		width:100% !important;
		margin:5px 10% !important;
		padding-left:15% !important;
		padding-right:15% !important;
		}
	.ca-menu li {
		width:100% !important;
		}
			.st_icons {
		right:37% !important;
		}	
		.control_group_st input {
		width:100% !important;
		}	
.navbar_logo_st {

	width:25%; 
	}	
	.social-icons ul {
		padding:0px !important;
		
		}	
		.live_chat {
		float:none !important;
		padding:0px !important;
		
		}	
		.live_chat_bg {
		float:none !important;margin-left:90px;
		}	
		.sign_in {
			margin-right:20px;
			}
	 }
 
/* Landscape phones and down */
@media (max-width: 480px) { 
.top_move {
	top:40px !important;position:fixed !important;
	}
.pull_right_st  {
	float:right !important;
	margin-top:20px !important;
	}	 
	.block_holder {
    padding: 7px;
    background: #f6f6f6;
    -webkit-box-shadow:  0px 0px 3px 1px rgba(0, 0, 0, 0.15);
    box-shadow:  0px 0px 3px 1px rgba(0, 0, 0, 0.15);
    float: right;
	margin-top:10px;
	margin-right:0% !important;
	margin-bottom:20px;
}
.pro_bg {
	display:none !important;
	}
.image2 {
	display:none !important;
	
	}		
.bg_inner {
	background:none !important;

	}	
		.footer_blok {
		width:100% !important;
		margin:5px 10% !important;
		padding-left:15% !important;
		padding-right:15% !important;
		}
		.ca-menu li {
		width:100% !important;
		}	
	.st_icons {
		right:30% !important;
		}	
	.control_group_st input {
		width:100% !important;
		}	
	.navbar_logo_st {

	width:25%; 
	}		
		.social-icons ul {
		padding:0px !important;
		
		}	
		.live_chat {
		float:none !important;
		padding:0px !important;
		}	
		.live_chat_bg {
		float:none !important;margin-left:90px;
		}	
		.sign_in {
			margin-right:20px;
			}
	 }



/* side navigation */
#side_nav {
  height: 100%;
  position: absolute;
  right:0px;
  top: 95px;
  z-index: 10;
}
#side_nav,
#side_nav > ul {
  right: 0;
  width: 80px;
  height:100%;
  bottom:0px;
  
}
#side_nav > ul {
  bottom: 0;
  position: absolute;
  top: 0px;
}
#side_nav > ul > li {
  display: block;
      transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	-ms-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	-webkit-transition: all 0.3s ease 0s;
}
#side_nav > ul > li:hover {

  
}
#side_nav > ul > li > a {
  color: rgba(102,102,102,1);
  display: block;
  font-size: 32px;
  outline: none;
  padding: 6px 0;
  position: relative;
  text-align: center;
  text-decoration: none !important;
  background: rgba(255,255,255,1);
}
#side_nav > ul > li > a:hover {
  color: rgba(255,255,255,1);  background:rgba(39, 174, 96, 0.8) ;
}
#side_nav > ul > li > a span.glyphicon {

  font-size: 25px !important;

}
#side_nav > ul > li > a .label {
  font-size: 11px;
  font-weight: normal;
  line-height: 13px;
  padding: 0 3px;
  position: absolute;
  left: 10px;
  top: 4px;
}
#side_nav > ul > li > a:before {
  position: absolute;
  left:14px;
  top: 18px;
  content: '';
  border: 8px solid rgba(0, 0, 0, 0);
  border-right-color: #fff;
  height: 0;
  width: 0;
  opacity: 0;
  filter: alpha(opacity= 0 );
}
#side_nav > ul > li.nav_open > a,
#side_nav > ul > li > a,
#side_nav > ul > li > a:before {
  -webkit-transition: all 400ms ease;
  transition: all 400ms ease;
}
#side_nav > ul > li.nav_open > a {
  background: rgba(255, 255, 255, 0.2);
  color: #fff;
}
#side_nav > ul > li.nav_open > a:before {
  opacity: 1;
  filter: alpha(opacity= 100 );
  left: 0;
}
#side_nav ul {
  margin: 0;
  padding: 0;
}
#side_nav .sub_panel {
  border-width: 4px 4px 0 0;
  border-style: solid;
  border-color: #dc9923;
-webkit-box-shadow: -5px 0px 6px -2px rgba(50, 50, 50, 0.4);
-moz-box-shadow:    -5px 0px 6px -2px rgba(50, 50, 50, 0.4);
box-shadow:         -5px 0px 6px -2px rgba(50, 50, 50, 0.4);
  position: fixed;
  right: -400px;
  top: 95px;
  height: 100%;
  background: rgba(255,255,255,1);
  list-style: none;
  z-index: -1;
  width: 216px;
}
#side_nav .sub_panel ul {
  margin: 0;
  list-style: none;
  border-bottom: 1px solid #e9e9e9;
  border-top: 1px solid #e9e9e9;
  background: #f6f6f6;
  position: relative;
}
#side_nav .sub_panel ul a {
  padding: 8px 14px;
  display: block;
  font-size: 13px;
  position: relative;
  color: #222222;
}
#side_nav .sub_panel ul a:hover,
#side_nav .sub_panel ul a:focus {
  background: #eaeaea;
  text-decoration: none;
}
#side_nav .sub_panel ul a .badge {
  font-size: 11px;
  padding: 0 7px;
  float: left;
  line-height: 15px;
  margin-top: 2px;
  margin-right: 2px;
}
#side_nav .sub_panel ul a small {
  display: inline-block;
  margin-top: 4px;
}
#side_nav .sub_panel ul li + li a {
  border-top: 1px dashed #ddd;
}
#side_nav .sub_panel .side_icon {
  font-size: 23px;
  margin-left: 4px;
  vertical-align: -3px;
  min-width: 22px;
  text-align: center;
}
#side_nav .sub_panel .panel_heading {
  padding: 12px 14px 6px;
  margin: 0;
  position: relative;
  font: 400 15px / 22px "Source Sans Pro", Arial, sans-serif;
  text-transform: uppercase;
}
#side_nav .sub_panel .panel_section {
  padding: 14px;
}
#side_nav .sub_panel .panel_section + .panel_section {
  padding-top: 0;
}
#side_nav .sub_panel .panel_section_large {
  padding: 20px 14px;
}
#side_nav .sub_panel ul.ts_picker {
  list-style: none;
  padding: 0 4px 4px 0;
  width: 54px;
  position: absolute;
  background: #fff;
  right: -6px;
  top: 14px;
  z-index: 1030;
  border: 1px solid #ccc;
}
#side_nav .sub_panel ul.ts_picker li {
  width: 12px;
  height: 12px;
  margin: 4px 0 0 4px;
  float: right;
  cursor: pointer;
}
#side_nav .nav_title {
  font-size: 15px;
  text-align: center;
  display: block;
}
#side_nav .add_label {
  position: relative;
}
#side_nav .add_label .ts_label {
  position: absolute;
  right: 14px;
  top: 12px;
  -webkit-box-shadow: 0 0 0 2px #ffffff;
  -moz-box-shadow: 0 0 0 2px #ffffff;
  box-shadow: 0 0 0 2px #ffffff;
}
#side_nav .add_label .ts_label span {
  display: block;
  width: 12px;
  height: 12px;
  cursor: pointer;
  position: relative;
}
#side_nav .add_label .ts_label span:hover:after,
#side_nav .add_label .ts_label span.act_picker:after {
  content: '';
  position: absolute;
  right: 2px;
  top: 4px;
  border: 4px solid transparent;
  border-top-color: rgba(255, 255, 255, 0.6);
}
.side_nav_narrow #side_nav,
.side_nav_narrow #side_nav > ul {
  width: 50px;
}
.side_nav_narrow #side_nav > ul > li > a {
  font-size: 27px;
}
.side_nav_narrow #side_nav > ul > li > a .label {
  right: 2px;
}
.side_nav_narrow #side_nav > ul > li > a .nav_title {
  display: none;
}
.side_nav_narrow #main_wrapper {
  margin-right: 50px;
}
@media (max-width: 992px) {
  #side_nav,
  #side_nav > ul {
    width: 50px;
  }
  #side_nav > ul > li > a {
    font-size: 27px;
  }
  #side_nav > ul > li > a .label {
    left: 2px;
  }
  #side_nav > ul > li > a .nav_title {
    display: block;
  }
  #main_wrapper {
    margin-right: 50px;
  }
}
/* accordion nav */
#side_nav_acc {
  position: fixed;
  top: 42px;
  height: 100%;
  z-index: 10;
}
#side_nav_acc,
#side_nav_acc > ul {
  background: #4d5a60;
  right: 0;
  width: 200px;
}
#side_nav_acc > ul {
  position: absolute;
  top: 0;
  bottom: 0;
}
#side_nav_acc > ul > li > a {
  display: block;
  color: #fff;
  padding: 6px 10px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  position: relative;
  font-size: 13px;
  -webkit-transition: all 400ms ease;
  transition: all 400ms ease;
}
#side_nav_acc > ul > li > a:hover,
#side_nav_acc > ul > li > a:active {
  text-decoration: none;
  background: rgba(255, 255, 255, 0.2);
}
#side_nav_acc > ul > li > a [class*="ion-"] {
  font-size: 20px;
  width: 24px;
  text-align: center;
}
#side_nav_acc > ul > li > a .label {
  font-size: 11px;
  padding: 0 3px;
  line-height: 13px;
  position: absolute;
  left: 6px;
  top: 6px;
  font-weight: normal;
}
#side_nav_acc .sub_panel {
  display: none;
}
#side_nav_acc ul {
  margin: 0;
  padding: 0;
}
.side_nav_accordion #main_wrapper {
  margin-right: 200px;
}
/* removed sidebar */
.no_sidebar #wrapper {
  margin-right: 0;
}
/* top bar */
.page_bar {
  border-bottom: 1px solid #e8e8e8;
  margin-bottom: 20px;
  padding: 15px 25px;
  background: #fff;
}
.page_bar .page_title {
  font: 400 24px / 28px "Source Sans Pro", Arial, sans-serif;
  margin: 0;
}
.page_bar .page_title + p {
  margin: 4px 0 0;
  font-size: 12px;
}
.page_bar + .breadcrumbs {
  margin-top: -20px;
}

/* easy chart pie */
/* easy chart pie */
.easy_chart {
  position: relative;
  text-align: center;
  margin-right: 20px;
}
.easy_chart span {
  font-size: 18px;
  color: #222222;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  top: 26px;
}
.easy_chart span small {
  vertical-align: 0;
  padding-left: 2px;
  font-size: 14px;
}
.easy_chart i {
  font-size: 32px;
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  margin: -18px 0 0 0;
  color: #555;
}
.easyPieChart i {
  font-size: 22px;
  color: #444;
  padding-top: 20px;
  display: block;
  width: auto !important;
}
.easy_chart_desc {
  overflow: hidden;
}
.easy_chart_desc + .easy_chart {
  margin-left: 20px;
  margin-right: 0;
}

	

.list_library {
	list-style:none;
	margin:40px 25% 10px 25% !important;
	
	}	
.list_library_in {
	list-style:none;
	margin:40px 16.7% 10px 20% !important;	
	}	
.list_library li {
	padding:20px;
	display:inline-block;
    text-align:center;
	}			
.list_library li a{
	color:#fff;
	background:#f5cf47;
	border-radius:50%;
	-moz-border-radius:50%;
	-ms-border-radius:50%;
	-o-border-radius:50%;
	-webkit-border-radius:50%;
	width:200px;
	height:200px;
	float:right;
	margin-right:2%;
	font-size:20px;
	}		
.list_library li a i{
	margin-top:100px;
	}	
.co_list_library {
	line-height:30px;
	margin-top:60px;
	float:right;
	width:100%;
	}			
.list_library li a:hover{
	text-decoration:none !important;
	
	}			
.list_library_in li a{
	background:url(../../images/service-bg.png) !important;
	    transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	-ms-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	-webkit-transition: all 0.3s ease 0s;
	}		
.list_library_in li a:hover{
	background:url(../../images/service-bg-hover.png) !important;
	}
.list_library_in li a:selected{
	background:url(../../images/service-bg-hover.png) !important;
	}	
.list_library_in li a:focus{
	background:url(../../images/service-bg-hover.png) !important;
	}	
.list_library_in li a:visited {
	background:url(../../images/service-bg-hover.png) !important;
	}	
.list_library_in li a:active{
	background:url(../../images/service-bg-hover.png) !important;
	}	
	
	
	
	
	
	
	
.flo_cs {
	float:left !important;
	margin-top:10px !important;
	}	
.float_st {
	float:left !important;
	}	
	
.add_link_st2 {
	display:inline-block !important;
	float:right !important;
	margin:10px 5px !important;
	background-color:transparent !important;
	background-image:none !important;
	box-shadow:none !important;
    color: rgba(153,153,153,7);
    transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	-ms-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	-webkit-transition: all 0.3s ease 0s;
	font-weight:bold;
	border-radius:4px;
	-moz-border-radius:4px;
	-ms-border-radius:4px;
	-o-border-radius:4px;
	-webkit-border-radius:4px;
	width:18.0769% !important;
	text-align:center;text-decoration:none !important;
	}
.side_l_r {
	}
.txt_a_st {
	margin-top:26px;
	}
.side_l_r i {
	color:#fff;
	line-height:70px;
	font-size:27px;
	}		
.side_l_r2 {
	float:right !important;
	line-height:30px;color:#fff;
	}

.side_l_r2 i {
	color:#fff;
	margin-top:12px !important;
	font-size:27px !important;
	line-height: 25px !important;
	}		
		
.add_link_st2:hover {
/*	background-color: rgb(31, 181, 173) !important;*/
    color: rgba(102,102,102,0.7) !important;
	text-decoration:none !important;
	}	
.modal_st {
	background: none repeat scroll 0 0 padding-box rgba(255,255,255,0.9)  /*rgba(46, 56, 70,0.2)*/;
	border-radius:6px;
	-moz-border-radius:6px;
	-ms-border-radius:6px;
	-o-border-radius:6px;
	-webkit-border-radius:6px;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.3);
	-ms-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.3);
	-o-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.3);
	-webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.3);
    height: auto !important;
    text-align: center;
	width: 820px !important;
	margin-left: -410px !important;

	}
.modal_body_st ul {
	text-align:center !important;
	margin-bottom:20px;
	margin-top:20px;
	}	
.modal_body_st ul li{
	display:inline-block;
	}	
.close_cp {
	color:#000 !important;
	}		
.btn_plan_week {
    transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	-ms-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	-webkit-transition: all 0.3s ease 0s;	
	display:inline-block !important;
	float:right !important;
	margin:5px !important;	
	border:none !important;
	text-shadow:none !important;
	color:#fff !important;
	border-radius:50%;
	-moz-border-radius:50%;
	-ms-border-radius:50%;
	-o-border-radius:50%;
	-webkit-border-radius:50%;
	padding:7px 12px !important;
	-moz-box-shadow: 0 1px 2px 1px rgb(145, 145, 145);
	-ms-box-shadow: 0 1px 2px 1px rgb(145, 145, 145);
	-o-box-shadow: 0 1px 2px 1px rgb(145, 145, 145);
	-webkit-box-shadow: 0 1px 2px 1px rgb(145, 145, 145);
    box-shadow: 0 1px 2px 1px rgb(145, 145, 145);
    font-family: "Droid Arabic Kufi",serif;
    font-size: 14px;
    height: 110px;
    line-height: 110px;
    min-width: 110px;
    text-shadow: 1px 2px rgb(102, 102, 102);
	-moz-text-shadow: 1px 2px rgb(102, 102, 102);
	-ms-text-shadow: 1px 2px rgb(102, 102, 102);
	-o-text-shadow: 1px 2px rgb(102, 102, 102);
	-webkit-text-shadow: 1px 2px rgb(102, 102, 102);
	}
.btn_plan_week:hover {
	color:#fff !important;
	background:rgb(62, 75, 93);
	box-shadow: none !important; 
	}
.btn_plan_week::active {
	color:#fff !important;
	background:rgb(62, 75, 93);
	box-shadow: none !important; 
	}
.btn_plan_week:focus {
	color:#fff !important;
	background:rgb(62, 75, 93);
	box-shadow: none !important; 
	}	

	
		
.close_plan_week {
	color:#fff !important;
	box-shadow: none !important; 	
	}			
.color_st1 {
	background:rgb(121, 90, 172);
	}	
.color_st2 {
	background:rgb(244, 74, 86);
	}		
.color_st3 {
	background:rgb(243, 156, 18);
	}		
.color_st4 {
	background:rgb(31, 181, 173);
	}		
.color_st5 {
	background:rgb(39, 174, 96);
	}		
.color_st6 {
	background:rgb(41, 128, 185);
	}
  		
.color_st1_bor {
	border:1px solid rgb(121, 90, 172);
	}	
.color_st2_bor {
	border:1px solid rgb(244, 74, 86);
	}		
.color_st3_bor {
	border:1px solid rgb(243, 156, 18);
	}		
.color_st4_bor {
	border:1px solid rgb(31, 181, 173);
	}		
.color_st5_bor {
	border:1px solid rgb(39, 174, 96);
	}		
.color_st6_bor {
	border:1px solid rgb(41, 128, 185);
	}	
	
	
	
/*.sidebar-nav {
    padding: 9px 0;
}

.dropdown-menu .sub-menu {
    left: 100%;
    position: absolute;
    top: 0;
    visibility: hidden;
    margin-top: -1px;
}

.dropdown-menu li:hover .sub-menu {
    visibility: visible;
}

.dropdown:hover .dropdown-menu {
    display: block;
}

.nav-tabs .dropdown-menu, .nav-pills .dropdown-menu, .navbar2 .dropdown-menu {
    margin-top: 0;
}

.navbar2 .sub-menu:before {
    border-bottom: 7px solid transparent;
    border-left: none;
    border-right: 7px solid rgba(0, 0, 0, 0.2);
    border-top: 7px solid transparent;
    left: -7px;
    top: 5px;
}
.navbar2 .sub-menu:after {
    border-top: 6px solid transparent;
    border-left: none;
    border-right: 6px solid #fff;
    border-bottom: 6px solid transparent;
    left: 10px;
    top: 6px;
    left: -6px;
}*/
.new_mn_st{
	color:#fff !important;
	text-align:center !important;
	}	
.btn_head{
    margin-right:3px;
	height:77px;
	margin-top:5px;
    border-color: rgba(0, 0, 0, 0);

	border-radius:5px;
	-moz-border-radius:5px;
	-ms-border-radius:5px;
	-o-border-radius:5px;
	-webkit-border-radius:5px;
	width:100px;
	transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	-ms-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	-webkit-transition: all 0.3s ease 0s;	
	}		
.btn_head:hover{
	background:rgba(39, 174, 96,1);
	}	
.new_mn_st span img{
	height:42px !important;
	}
.btn_danger_st_in {
	color:#fff !important;
	margin-right:5px;
	margin-left:5px;
	}	
	#fancyClock {
	margin:20px auto !important;
	width:60%;
	text-align:center;
	}

	.blockvote {
    width: 90%;
    background: #fff;
    margin: 0 auto;
    padding: 20px;
}




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


 }
@media (max-width: 868px) { 
.fancyClock {}
.btn_head img {
	display:none;
	}	
.btn_head {
	height:auto;
	}	
#fancyClock {
	display:none;
	}	
#side_nav {
	top:128px;
	position:absolute;
	right:0px;
	}
	
	
	
		
 } 
/* Landscape phone to portrait tablet */
@media (max-width: 767px) { 

.top_move {
	top:0px !important;
	}	
.btn_head img {
	display:none;
	}	
.btn_head {
	height:auto;
	}	
.navbar-nav {
	margin-right:0px !important;
	margin-top:0px !important;
	width:70%;	
	}	
.navbar .nav > li > a {
	padding:5px 10px !important; 
	}	
.navbar_logo_st {
	margin-bottom:0px ;
	margin-top:0px;
	}			
#side_nav {
	top:98px;
		position:absolute;
	right:0px;
	}	
#side_nav > ul > li > a .nav_title {
	display:block !important;
	}
#fancyClock {
	display:none;
	}	
.list_message li {
	width:19%;
	margin-bottom:3px;
	}		
.navbar_logo_st {
	width:auto;
	}	
.modal.fade {
	top:-700px;
	}	
  body {
    padding-right: 0px !important;
  }							
 }

/* Landscape phones and down */
@media (max-width: 480px) { 

.top_move {
	top:0px !important;
	}	
.btn_head img {
	display:none;
	}
.btn_head {
	height:auto;
	width:65px;
	}	
.new_mn_st{
	font-size:10px;

	}		
.navbar-nav {
	margin-right:0px !important;
	margin-top:0px !important;
	width:70%;
	}		
.navbar .nav > li > a {
	padding:5px 8px !important; 
	}		
.navbar_logo_st {
	margin-bottom:0px ;
	margin-top:0px;
	}		
#side_nav {
	top:145px;
		position:absolute;
	right:0px;
	}			
#side_nav > ul > li > a .nav_title {
	display:block !important;
	}
#fancyClock {
	margin:20px auto !important;
	width:60%;
	text-align:center;
	}	
.list_message li {
	width:19%;
	margin-bottom:3px;
	}	
.navbar_logo_st {
	width:auto;
	}	
.modal.fade {
	top:-700px;
	}	
.container-fluid {
	padding-left:5px;
	padding-right:5px;
	}
.header_st {
	margin:0px !important;
	} 	
.navbar_logo_st img {
	width:50px;
	}
  body {
    padding-right: 0px !important;
  }						
 }